diff --git a/.gitignore b/.gitignore
index 7b70918a..b5af4d96 100644
--- a/.gitignore
+++ b/.gitignore
@@ -25,6 +25,7 @@ scripts/var.less
 
 # IDE - VSCode
 .vscode/*
+.vscode
 !.vscode/settings.json
 !.vscode/tasks.json
 !.vscode/launch.json
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 00000000..a1c49108
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "compile-hero.disable-compile-files-on-did-save-code": true
+}
\ No newline at end of file
diff --git a/_mock/_rule.ts b/_mock/_rule.ts
index c1e91847..4a145ba3 100644
--- a/_mock/_rule.ts
+++ b/_mock/_rule.ts
@@ -41,7 +41,7 @@ function getRule(params: any): any {
   if (params.no) {
     ret = ret.filter(data => data.no.indexOf(params.no) > -1);
   }
-  return { data: ret, success: true };
+  return { data: { records: ret, total: ret.length }, success: true };
 }
 
 function removeRule(nos: string): any {
@@ -51,7 +51,7 @@ function removeRule(nos: string): any {
       list.splice(idx, 1);
     }
   });
-  
+
   return { data: true, success: true };
 }
 
@@ -78,6 +78,6 @@ function saveRule(description: string): void {
 
 export const RULES = {
   'POST /rule': (req: MockRequest) => getRule(req.queryString),
-  'POST /delete/rule': (req: MockRequest) => removeRule(req.body.nos),
+  'POST /delete/rule': (req: MockRequest) => removeRule(req.body.nos)
   // 'POST /rule': (req: MockRequest) => saveRule(req.body.description)
 };
diff --git a/angular.json b/angular.json
index b04d04a7..a59093a6 100644
--- a/angular.json
+++ b/angular.json
@@ -35,11 +35,23 @@
             "styles": [
               "node_modules/perfect-scrollbar/css/perfect-scrollbar.css",
               "node_modules/quill/dist/quill.snow.css",
-              "src/styles.less"
+              "src/styles.less",
+              {
+                "input": "src/styles/default.less",
+                "bundleName": "default",
+                "inject": false
+              },
+              {
+                "input": "src/styles/compact.less",
+                "bundleName": "compact",
+                "inject": false
+              }
             ],
+            
             "scripts": [
               "node_modules/quill/dist/quill.min.js",
-              "node_modules/perfect-scrollbar/dist/perfect-scrollbar.js"
+              "node_modules/perfect-scrollbar/dist/perfect-scrollbar.js",
+              "node_modules/qrious/dist/qrious.min.js"
             ],
             "allowedCommonJsDependencies": [
               "ajv",
@@ -48,20 +60,28 @@
           },
           "configurations": {
             "production": {
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
-                }
-              ],
+              "fileReplacements": [{
+                "replace": "src/environments/environment.ts",
+                "with": "src/environments/environment.prod.ts"
+              }],
               "outputHashing": "all",
-              "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "2mb",
-                  "maximumError": "5mb"
-                }
-              ]
+              "budgets": [{
+                "type": "initial",
+                "maximumWarning": "4mb",
+                "maximumError": "10mb"
+              }]
+            },
+            "dev": {
+              "fileReplacements": [{
+                "replace": "src/environments/environment.ts",
+                "with": "src/environments/eascs/environment.dev.ts"
+              }],
+              "outputHashing": "all",
+              "budgets": [{
+                "type": "initial",
+                "maximumWarning": "4mb",
+                "maximumError": "10mb"
+              }]
             },
             "development": {
               "buildOptimizer": false,
@@ -84,6 +104,9 @@
             "production": {
               "browserTarget": "ng-alain:build:production"
             },
+            "dev": {
+              "browserTarget": "app:build:dev"
+            },
             "development": {
               "browserTarget": "ng-alain:build:development"
             }
@@ -131,6 +154,9 @@
           "configurations": {
             "production": {
               "devServerTarget": "ng-alain:serve:production"
+            },
+            "dev": {
+              "devServerTarget": "app:build:dev"
             }
           }
         }
diff --git a/package-lock.json b/package-lock.json
index cf0055a0..93e9c26a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-  "name": "ng-alain-pro",
+  "name": "tms-obc-web",
   "version": "0.0.0",
   "lockfileVersion": 1,
   "requires": true,
@@ -19,6 +19,11 @@
         }
       }
     },
+    "@amap/amap-jsapi-loader": {
+      "version": "1.0.1",
+      "resolved": "https://registry.nlark.com/@amap/amap-jsapi-loader/download/@amap/amap-jsapi-loader-1.0.1.tgz",
+      "integrity": "sha1-nsS01dJGfqxFH2yFLjXbaen58MA="
+    },
     "@ampproject/remapping": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/@ampproject/remapping/download/@ampproject/remapping-1.0.1.tgz",
@@ -2728,11 +2733,46 @@
       "integrity": "sha1-ayxRCnrXA56Y57jT1lmPQ1nlwIA=",
       "dev": true
     },
+    "@types/d3-geo": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.0.2.tgz",
+      "integrity": "sha512-DbqK7MLYA8LpyHQfv6Klz0426bQEf7bRTvhMy44sNGVyZoWn//B0c+Qbeg8Osi2Obdc9BLLXYAKpyWege2/7LQ==",
+      "dev": true,
+      "requires": {
+        "@types/geojson": "*"
+      }
+    },
     "@types/d3-path": {
       "version": "2.0.1",
       "resolved": "https://registry.nlark.com/@types/d3-path/download/@types/d3-path-2.0.1.tgz",
       "integrity": "sha1-ygPfqLlNit2XrQzZfpbiAGtHY8s="
     },
+    "@types/d3-sankey": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-sankey/-/d3-sankey-0.11.2.tgz",
+      "integrity": "sha512-U6SrTWUERSlOhnpSrgvMX64WblX1AxX6nEjI2t3mLK2USpQrnbwYYK+AS9SwiE7wgYmOsSSKoSdr8aoKBH0HgQ==",
+      "dev": true,
+      "requires": {
+        "@types/d3-shape": "^1"
+      },
+      "dependencies": {
+        "@types/d3-path": {
+          "version": "1.0.9",
+          "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-1.0.9.tgz",
+          "integrity": "sha512-NaIeSIBiFgSC6IGUBjZWcscUJEq7vpVu7KthHN8eieTV9d9MqkSOZLH4chq1PmcKy06PNe3axLeKmRIyxJ+PZQ==",
+          "dev": true
+        },
+        "@types/d3-shape": {
+          "version": "1.3.8",
+          "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-1.3.8.tgz",
+          "integrity": "sha512-gqfnMz6Fd5H6GOLYixOZP/xlrMtJms9BaS+6oWxTKHNqPGZ93BkWWupQSCYm6YHqx6h9wjRupuJb90bun6ZaYg==",
+          "dev": true,
+          "requires": {
+            "@types/d3-path": "^1"
+          }
+        }
+      }
+    },
     "@types/d3-shape": {
       "version": "2.1.3",
       "resolved": "https://registry.npmmirror.com/@types/d3-shape/download/@types/d3-shape-2.1.3.tgz",
@@ -2778,6 +2818,12 @@
       "integrity": "sha512-sPZYQEIF/SOnLAvaz9lTuydniP+afBMtElRTdYkeV1QtEgvtJ7qolCPjly6O32QI8CbEmP5O/fztMXEDWfEcrg==",
       "dev": true
     },
+    "@types/geojson": {
+      "version": "7946.0.8",
+      "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.8.tgz",
+      "integrity": "sha512-1rkryxURpr6aWP7R786/UQOkJ3PcpQiWkAXBmdWc7ryFWqN6a4xfK7BtjXvFBKO9LjQ+MWQSWxYeZX1OApnArA==",
+      "dev": true
+    },
     "@types/glob": {
       "version": "7.2.0",
       "resolved": "https://registry.npmmirror.com/@types/glob/download/@types/glob-7.2.0.tgz?cache=0&sync_timestamp=1637267477186&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2F%40types%2Fglob%2Fdownload%2F%40types%2Fglob-7.2.0.tgz",
@@ -3426,14 +3472,6 @@
       "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
       "dev": true
     },
-    "angular-baidu-maps": {
-      "version": "12.0.0",
-      "resolved": "https://registry.nlark.com/angular-baidu-maps/download/angular-baidu-maps-12.0.0.tgz",
-      "integrity": "sha1-I/Sn52ggJcLJRnGdIR6eNmt6sXQ=",
-      "requires": {
-        "tslib": "^2.1.0"
-      }
-    },
     "ansi-colors": {
       "version": "4.1.1",
       "resolved": "https://registry.nlark.com/ansi-colors/download/ansi-colors-4.1.1.tgz",
@@ -5175,6 +5213,14 @@
         }
       }
     },
+    "css-line-break": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/css-line-break/-/css-line-break-2.1.0.tgz",
+      "integrity": "sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==",
+      "requires": {
+        "utrie": "^1.0.2"
+      }
+    },
     "css-loader": {
       "version": "6.2.0",
       "resolved": "https://registry.npmmirror.com/css-loader/download/css-loader-6.2.0.tgz?cache=0&sync_timestamp=1635967924209&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fcss-loader%2Fdownload%2Fcss-loader-6.2.0.tgz",
@@ -8116,6 +8162,15 @@
       "integrity": "sha1-e15vfmZen7QfMAB+2eDUHpf7IUA=",
       "dev": true
     },
+    "html2canvas": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/html2canvas/-/html2canvas-1.4.1.tgz",
+      "integrity": "sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==",
+      "requires": {
+        "css-line-break": "^2.1.0",
+        "text-segmentation": "^1.0.3"
+      }
+    },
     "htmlparser2": {
       "version": "3.10.1",
       "resolved": "https://registry.npmmirror.com/htmlparser2/download/htmlparser2-3.10.1.tgz?cache=0&sync_timestamp=1636640940074&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fhtmlparser2%2Fdownload%2Fhtmlparser2-3.10.1.tgz",
@@ -14814,6 +14869,11 @@
       "integrity": "sha1-xF6cYYAL0IfviNfiVkI73Unl0HE=",
       "dev": true
     },
+    "qrious": {
+      "version": "4.0.2",
+      "resolved": "http://npm.eascs.com/qrious/-/qrious-4.0.2.tgz",
+      "integrity": "sha1-CcTUB50rlhYX9ixpz/O5u2ajlpM="
+    },
     "qs": {
       "version": "6.7.0",
       "resolved": "https://registry.nlark.com/qs/download/qs-6.7.0.tgz",
@@ -22660,6 +22720,14 @@
         }
       }
     },
+    "text-segmentation": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/text-segmentation/-/text-segmentation-1.0.3.tgz",
+      "integrity": "sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==",
+      "requires": {
+        "utrie": "^1.0.2"
+      }
+    },
     "text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npm.taobao.org/text-table/download/text-table-0.2.0.tgz",
@@ -23209,6 +23277,21 @@
       "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=",
       "dev": true
     },
+    "utrie": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/utrie/-/utrie-1.0.2.tgz",
+      "integrity": "sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==",
+      "requires": {
+        "base64-arraybuffer": "^1.0.2"
+      },
+      "dependencies": {
+        "base64-arraybuffer": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-1.0.2.tgz",
+          "integrity": "sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ=="
+        }
+      }
+    },
     "uuid": {
       "version": "3.4.0",
       "resolved": "https://registry.npmmirror.com/uuid/download/uuid-3.4.0.tgz",
diff --git a/package.json b/package.json
index 7084f7c1..f7a7e591 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "ng-alain-pro",
+  "name": "tms-obc-web",
   "version": "0.0.0",
-  "description": "Ng-alain business theme, ng-zorro-antd admin panel front-end framework",
+  "description": "运营后台-WEB",
   "author": "cipchk <cipchk@qq.com>",
   "repository": {
     "type": "git",
@@ -11,9 +11,11 @@
   "scripts": {
     "ng-high-memory": "node --max_old_space_size=8000 ./node_modules/@angular/cli/bin/ng",
     "ng": "ng",
-    "start": "ng s -o --port 4202",
+    "start": "ng s -o --port 4202  --host 0.0.0.0",
+    "startIp": "ng serve -o --port 4202 --host 172.29.9.71 --open",
     "hmr": "ng s -o --hmr",
-    "build": "npm run ng-high-memory build",
+    "build": "npm run ng-high-memory build --",
+    "build:dev": "npm run build -- -c dev",
     "analyze": "npm run ng-high-memory build -- --source-map",
     "analyze:view": "source-map-explorer dist/**/*.js",
     "lint": "npm run lint:ts && npm run lint:style",
@@ -29,6 +31,7 @@
   },
   "dependencies": {
     "@agm/core": "^1.1.0",
+    "@amap/amap-jsapi-loader": "^1.0.1",
     "@angular/animations": "~12.2.0",
     "@angular/common": "~12.2.0",
     "@angular/compiler": "~12.2.0",
@@ -53,8 +56,8 @@
     "@fullcalendar/timegrid": "^5.9.0",
     "@swimlane/ngx-charts": "^18.0.1",
     "ajv": "^8.6.2",
-    "angular-baidu-maps": "^12.0.0",
     "file-saver": "^2.0.5",
+    "html2canvas": "^1.4.1",
     "js-base64": "^3.6.1",
     "masonry-layout": "^4.2.2",
     "ng-gallery": "^5.0.0",
@@ -62,6 +65,7 @@
     "ngx-tinymce": "^12.0.0",
     "ngx-trend": "^7.0.0",
     "perfect-scrollbar": "^1.5.2",
+    "qrious": "^4.0.2",
     "quill": "^1.3.7",
     "quill-image-resize-module": "^3.0.0",
     "rxjs": "~6.6.0",
@@ -71,22 +75,22 @@
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "~12.2.0",
-    "@angular/cli": "~12.2.0",
-    "@angular/compiler-cli": "~12.2.0",
-    "@types/jasmine": "~3.8.0",
-    "@types/node": "^12.11.1",
-    "jasmine-core": "~3.8.0",
-    "karma": "~6.3.0",
-    "karma-chrome-launcher": "~3.1.0",
-    "karma-coverage": "~2.0.3",
-    "karma-jasmine": "~4.0.0",
-    "karma-jasmine-html-reporter": "~1.7.0",
-    "typescript": "~4.3.5",
     "@angular-eslint/builder": "~12.3.1",
     "@angular-eslint/eslint-plugin": "~12.3.1",
     "@angular-eslint/eslint-plugin-template": "~12.3.1",
     "@angular-eslint/schematics": "~12.3.1",
     "@angular-eslint/template-parser": "~12.3.1",
+    "@angular/cli": "~12.2.0",
+    "@angular/compiler-cli": "~12.2.0",
+    "@angular/language-service": "~12.2.0",
+    "@delon/testing": "^12.3.0",
+    "@types/d3-geo": "^3.0.2",
+    "@types/d3-sankey": "^0.11.2",
+    "@types/file-saver": "^2.0.3",
+    "@types/jasmine": "~3.8.0",
+    "@types/jasminewd2": "~2.0.3",
+    "@types/js-base64": "^3.0.0",
+    "@types/node": "^12.11.1",
     "@typescript-eslint/eslint-plugin": "~4.29.2",
     "@typescript-eslint/parser": "~4.29.2",
     "eslint": "^7.32.0",
@@ -95,29 +99,31 @@
     "eslint-plugin-jsdoc": "~36.0.7",
     "eslint-plugin-prefer-arrow": "~1.2.3",
     "eslint-plugin-prettier": "~3.4.1",
-    "@angular/language-service": "~12.2.0",
-    "source-map-explorer": "^2.5.2",
+    "husky": "^6.0.0",
+    "jasmine-core": "~3.8.0",
+    "jasmine-spec-reporter": "~5.0.0",
+    "karma": "~6.3.0",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage": "~2.0.3",
+    "karma-coverage-istanbul-reporter": "~3.0.2",
+    "karma-jasmine": "~4.0.0",
+    "karma-jasmine-html-reporter": "~1.7.0",
+    "lint-staged": "^11.1.2",
+    "ng-alain": "^12.3.0",
+    "ng-alain-plugin-theme": "^12.0.0",
+    "ng-alain-sts": "^0.0.1",
+    "node-fetch": "^2.6.1",
     "prettier": "^2.2.1",
+    "protractor": "~7.0.0",
+    "source-map-explorer": "^2.5.2",
     "stylelint": "^13.13.1",
     "stylelint-config-prettier": "^8.0.2",
     "stylelint-config-rational-order": "^0.1.2",
     "stylelint-config-standard": "^22.0.0",
     "stylelint-declaration-block-no-ignored-properties": "^2.4.0",
     "stylelint-order": "^4.1.0",
-    "@delon/testing": "^12.3.0",
-    "ng-alain": "^12.3.0",
-    "ng-alain-plugin-theme": "^12.0.0",
-    "ng-alain-sts": "^0.0.1",
-    "@types/jasminewd2": "~2.0.3",
-    "jasmine-spec-reporter": "~5.0.0",
-    "karma-coverage-istanbul-reporter": "~3.0.2",
-    "protractor": "~7.0.0",
     "ts-node": "~8.3.0",
-    "node-fetch": "^2.6.1",
-    "husky": "^6.0.0",
-    "lint-staged": "^11.1.2",
-    "@types/file-saver": "^2.0.3",
-    "@types/js-base64": "^3.0.0"
+    "typescript": "~4.3.5"
   },
   "lint-staged": {
     "(src)/**/*.{html,ts}": [
diff --git a/proxy.conf.js b/proxy.conf.js
index 50258c5a..9a8ab637 100644
--- a/proxy.conf.js
+++ b/proxy.conf.js
@@ -1,10 +1,14 @@
-/**
- * For more configuration, please refer to https://angular.io/guide/build#proxying-to-a-backend-server
- *
- * 更多配置描述请参考 https://angular.cn/guide/build#proxying-to-a-backend-server
- *
- * Note: The proxy is only valid for real requests, Mock does not actually generate requests, so the priority of Mock will be higher than the proxy
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-18 09:51:21
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-08 14:26:28
+ * @FilePath     : \\tms-obc-web\\proxy.conf.js
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
  */
+
 module.exports = {
   /**
    * The following means that all requests are directed to the backend `https://localhost:9000/`
@@ -14,4 +18,14 @@ module.exports = {
   //   secure: false, // Ignore invalid SSL certificates
   //   changeOrigin: true
   // }
+  '//api': {
+    target: {
+      host: 'tms-api-dev.eascs.com',
+      protocol: 'https:',
+      port: 443
+    },
+    secure: false,
+    changeOrigin: true,
+    logLevel: 'debug'
+  },
 };
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index e91655e8..69b42ef3 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -2,8 +2,10 @@ import { Component, ElementRef, OnInit, Renderer2 } from '@angular/core';
 import { NavigationEnd, NavigationError, RouteConfigLoadStart, Router } from '@angular/router';
 import { TitleService, VERSION as VERSION_ALAIN } from '@delon/theme';
 import { environment } from '@env/environment';
+import { NzIconService } from 'ng-zorro-antd/icon';
 import { NzModalService } from 'ng-zorro-antd/modal';
 import { VERSION as VERSION_ZORRO } from 'ng-zorro-antd/version';
+import { ThemeService } from './theme.service';
 
 @Component({
   selector: 'app-root',
@@ -15,10 +17,15 @@ export class AppComponent implements OnInit {
     renderer: Renderer2,
     private router: Router,
     private titleSrv: TitleService,
-    private modalSrv: NzModalService
+    private modalSrv: NzModalService,
+    private iconService: NzIconService,
+    private themeService: ThemeService
   ) {
     renderer.setAttribute(el.nativeElement, 'ng-alain-version', VERSION_ALAIN.full);
     renderer.setAttribute(el.nativeElement, 'ng-zorro-version', VERSION_ZORRO.full);
+    this.iconService.fetchFromIconfont({
+      scriptUrl: 'https://at.alicdn.com/t/font_3153207_udngwyp35db.js'
+    });
   }
 
   ngOnInit(): void {
@@ -42,5 +49,15 @@ export class AppComponent implements OnInit {
         this.modalSrv.closeAll();
       }
     });
+    // 适配放大150%的屏幕
+    const screen: any = window.screen
+    var zoom = window.devicePixelRatio || screen.deviceXDPI / screen?.logicalXDPI;
+    // console.log(zoom)
+    if (document.body.clientWidth >= 1280) {
+      if (zoom != 1 && zoom != 2 && zoom != 3) {
+        this.themeService.toggleTheme().then();
+      }
+    }
+    
   }
 }
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 9a6efff4..32f1b6a4 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -2,7 +2,7 @@
 /* eslint-disable import/no-duplicates */
 import { HttpClientModule } from '@angular/common/http';
 import { default as ngLang } from '@angular/common/locales/zh';
-import { APP_INITIALIZER, LOCALE_ID, NgModule, Type } from '@angular/core';
+import { APP_INITIALIZER, DEFAULT_CURRENCY_CODE, LOCALE_ID, NgModule, Type } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { SimpleInterceptor } from '@delon/auth';
@@ -19,10 +19,11 @@ const GLOBAL_THIRD_MODULES: Array<Type<any>> = [BidiModule];
 // #region Http Interceptors
 import { HTTP_INTERCEPTORS } from '@angular/common/http';
 
-import { DefaultInterceptor } from '@core';
+import { BusinessInterceptor, DefaultInterceptor } from '@core';
 
 const INTERCEPTOR_PROVIDES = [
   { provide: HTTP_INTERCEPTORS, useClass: SimpleInterceptor, multi: true },
+  { provide: HTTP_INTERCEPTORS, useClass: BusinessInterceptor, multi: true },
   { provide: HTTP_INTERCEPTORS, useClass: DefaultInterceptor, multi: true }
 ];
 // #endregion
@@ -39,7 +40,9 @@ const APPINIT_PROVIDES = [
     useFactory: StartupServiceFactory,
     deps: [StartupService],
     multi: true
-  }
+  },
+  { provide: DEFAULT_CURRENCY_CODE, useValue: '￥' },
+  AuthGuard
 ];
 // #endregion
 
@@ -50,8 +53,8 @@ import { LayoutModule } from './layout/layout.module';
 import { RoutesModule } from './routes/routes.module';
 import { SharedModule } from './shared/shared.module';
 import { STWidgetModule } from './shared/widget/st-widget.module';
-import { Observable } from 'rxjs';
 import { registerLocaleData } from '@angular/common';
+import { AuthGuard } from './core/guards/auth.guard';
 
 @NgModule({
   declarations: [AppComponent],
diff --git a/src/app/core/core.module.ts b/src/app/core/core.module.ts
index 58522fc1..777d8016 100644
--- a/src/app/core/core.module.ts
+++ b/src/app/core/core.module.ts
@@ -1,9 +1,10 @@
 import { NgModule, Optional, SkipSelf } from '@angular/core';
+import { EATokenGuard } from './guards/token.guard';
 
 import { throwIfAlreadyLoaded } from './module-import-guard';
 
 @NgModule({
-  providers: []
+  providers: [EATokenGuard]
 })
 export class CoreModule {
   constructor(@Optional() @SkipSelf() parentModule: CoreModule) {
diff --git a/src/app/core/core.service.ts b/src/app/core/core.service.ts
index ab9b87dc..53cd814a 100644
--- a/src/app/core/core.service.ts
+++ b/src/app/core/core.service.ts
@@ -15,14 +15,16 @@ import { EnvironmentService } from '@env/environment.service';
 import { NzMessageService } from 'ng-zorro-antd/message';
 
 @Injectable({
-  providedIn: 'root',
+  providedIn: 'root'
 })
 export class CoreService {
   // 获取当前登录用户信息
   public $api_get_current_user_info = `/scm/cuc/cuc/user/getUserDetail`;
 
   // 获取当前用户所拥有的菜单
-  public $api_get_current_user_menus = `/scm/cuc/cuc/functionInfo/getUserHaveFunctionsList`;
+  public $api_get_current_user_menus = `/api/mdc/cuc/functionInfo/getUserHaveFunctionsList`;
+
+  position = { lat: '', lng: '' };
 
   constructor(private injector: Injector) {}
   // 注入路由
diff --git a/src/app/core/guards/auth.guard.ts b/src/app/core/guards/auth.guard.ts
new file mode 100644
index 00000000..b5a30a58
--- /dev/null
+++ b/src/app/core/guards/auth.guard.ts
@@ -0,0 +1,89 @@
+import { Injectable, Injector } from '@angular/core';
+import { ActivatedRouteSnapshot, Router, RouterStateSnapshot } from '@angular/router';
+import { ACLGuard, ACLService } from '@delon/acl';
+import { MenuService, SettingsService } from '@delon/theme';
+import { EAUserService } from '@shared';
+import { Observable, of } from 'rxjs';
+import { switchMap } from 'rxjs/operators';
+
+@Injectable()
+export class AuthGuard extends ACLGuard {
+  constructor(
+    srv: ACLService,
+    public srv1: ACLService,
+    private menuService: MenuService,
+    private settings: SettingsService,
+    private userService: EAUserService,
+    router: Router,
+    private inject: Injector
+  ) {
+    super(srv, router, inject);
+  }
+
+  canActivate(route: ActivatedRouteSnapshot, _state: RouterStateSnapshot): Observable<boolean> {
+    // if (Object.keys(route.params)?.length > 0 || !route.routeConfig?.path) {
+    //   return super.canActivate(route, _state);
+    // } else {
+    //   return super.canActivate(route, _state);
+    // }
+    return super.canActivate(route, _state);
+  }
+
+  canActivateChild(childRoute: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> {
+    if (childRoute.routeConfig?.loadChildren || childRoute.routeConfig?.children) {
+      return super.canActivateChild(childRoute, state);
+    } else {
+      return this.handle(childRoute, state, 2, this.settingRoute(childRoute.params, state.url));
+    }
+  }
+
+  private handle(route: ActivatedRouteSnapshot, state: RouterStateSnapshot, type: 1 | 2, router?: string): Observable<boolean> {
+    if (!router) {
+      return type === 1 ? super.canActivate(route, state) : super.canActivateChild(route, state);
+    }
+    return this.userService
+      .request('/api/mdc/cuc/userAuthority/isUserAdmin', {
+        appUserId: this.settings.user.appUserId
+      })
+      .pipe(
+        switchMap(res => {
+          if (res) {
+            // 超级管理员赋值全量权限
+            this.srv1.setFull(true);
+            return of(true);
+          } else {
+            // 如果不是超级管理员 获取权限
+            return this.userService.request('/api/mdc/cuc/functionButton/getUserFunctionButton', { link: router });
+          }
+        }),
+        switchMap(res => {
+          if (res?.abilities) {
+            this.srv1.setAbility(res.abilities || []);
+            // this.menuService.resume();
+            this.userService.loadUserMenus();
+          }
+          return type === 1 ? super.canActivate(route, state) : super.canActivateChild(route, state);
+        })
+      );
+  }
+
+  /**
+   * 根据参数拼接原始路由
+   * @param params 参数
+   * @param route 实际路由
+   * @returns
+   */
+  private settingRoute(params: any, route: string) {
+    let _route = route;
+    if (_route.indexOf('?') > -1) {
+      _route = route.split('?')[0];
+    }
+    for (const key of Object.keys(params)) {
+      if (_route.indexOf(params[key]) > -1) {
+        _route = _route.replace(params[key], ':' + key);
+      }
+    }
+
+    return _route;
+  }
+}
diff --git a/src/app/core/guards/token.guard.ts b/src/app/core/guards/token.guard.ts
new file mode 100644
index 00000000..c043a978
--- /dev/null
+++ b/src/app/core/guards/token.guard.ts
@@ -0,0 +1,38 @@
+import { Inject, Injectable, Injector } from '@angular/core';
+import { ActivatedRouteSnapshot, CanActivate, CanActivateChild, Router, RouterStateSnapshot } from '@angular/router';
+import { sysConf } from '@conf/sys.conf';
+import { CoreService } from '@core';
+import { ACLGuard, ACLService } from '@delon/acl';
+import { EAUserService } from '@shared';
+import { Observable, of } from 'rxjs';
+
+@Injectable()
+export class EATokenGuard implements CanActivate, CanActivateChild {
+  constructor(srv: ACLService, router: Router, private eaUserSrv: CoreService, private router2: Router, private inject: Injector) {}
+
+  canActivate(route: ActivatedRouteSnapshot, _state: RouterStateSnapshot | null): Observable<boolean> {
+    const canOpen = this.eaUserSrv.loginStatus;
+    if (!canOpen) {
+      this.router2.navigate([sysConf.login_url], {
+        queryParams: {
+          returnUrl: _state?.url
+        }
+      });
+      return of(!canOpen);
+    }
+    return of(true);
+  }
+
+  canActivateChild(childRoute: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> {
+    const canOpen = this.eaUserSrv.loginStatus;
+    if (!canOpen) {
+      this.router2.navigate([sysConf.login_url], {
+        queryParams: {
+          returnUrl: state?.url
+        }
+      });
+      return of(!canOpen);
+    }
+    return of(true);
+  }
+}
diff --git a/src/app/core/index.ts b/src/app/core/index.ts
index c7024606..9f525334 100644
--- a/src/app/core/index.ts
+++ b/src/app/core/index.ts
@@ -1,6 +1,9 @@
 export * from './module-import-guard';
 export * from './net/default.interceptor';
+export * from './net/business.interceptor';
 
 // Services
 export * from './core.service';
 export * from './startup/startup.service';
+
+export * from './guards/token.guard';
diff --git a/src/app/core/net/business.interceptor.ts b/src/app/core/net/business.interceptor.ts
new file mode 100644
index 00000000..9e34709e
--- /dev/null
+++ b/src/app/core/net/business.interceptor.ts
@@ -0,0 +1,108 @@
+import {
+  HttpErrorResponse,
+  HttpEvent,
+  HttpHandler,
+  HttpInterceptor,
+  HttpRequest,
+  HttpResponse,
+  HttpResponseBase
+} from '@angular/common/http';
+import { Inject, Injectable, Optional } from '@angular/core';
+import { DA_SERVICE_TOKEN, ITokenService } from '@delon/auth';
+import { environment } from '@env/environment';
+import { EAEnvironmentService, EAUserService } from '@shared';
+import { Observable, of } from 'rxjs';
+import { catchError, mergeMap } from 'rxjs/operators';
+import { CoreService } from '../core.service';
+
+@Injectable()
+export class BusinessInterceptor implements HttpInterceptor {
+  constructor(
+    private envSrv: EAEnvironmentService,
+    private eaUserSrv: EAUserService,
+    @Optional()
+    @Inject(DA_SERVICE_TOKEN)
+    private tokenSrv: ITokenService,
+    private coreSrv: CoreService
+  ) {}
+  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
+    // 构造新的请求URL
+    req = this.constructNewRequestUrl(req);
+    // 附加额外的请求头
+    req = this.attachAdditionalHeaders(req);
+    // 后续操作
+    return next.handle(req).pipe(
+      mergeMap(ev => this.handlingBussinessResponseData(ev)),
+      catchError((err: HttpErrorResponse) => this.handlingBusinessErrors(err))
+    );
+  }
+
+  /**
+   * 构造新的请求URL
+   */
+  private constructNewRequestUrl(req: HttpRequest<any>): HttpRequest<any> {
+    let url = req.url;
+    if (!url.startsWith('https://') && !url.startsWith('http://')) {
+      if (!url.startsWith('assets')) {
+        url = environment.api.baseUrl + url;
+      }
+    }
+    return req.clone({ url });
+  }
+
+  /**
+   * 附加额外的请求头
+   */
+  private attachAdditionalHeaders(req: HttpRequest<any>): HttpRequest<any> {
+    let position = {};
+    if (this.coreSrv.position.lat && this.coreSrv.position.lng) {
+      position = { lat: this.coreSrv.position.lat.toString(), lng: this.coreSrv.position.lng.toString() };
+    }
+    // 附加环境变量
+    const header: any = {
+      appId: this.envSrv.env.appId,
+      tenantId: this.envSrv.env.tenantId,
+      enterpriseId: this.envSrv.env.enterpriseId,
+      ...position
+    };
+
+    // 附加授权声明
+    const token = this.tokenSrv.get()?.token;
+    if (token) {
+      header.Authorization = `Bearer ${token}`;
+    }
+    return req.clone({ setHeaders: header });
+  }
+
+  /**
+   * 处理业务数据
+   */
+  private handlingBussinessResponseData(ev: HttpEvent<any>): Observable<any> {
+    if (ev instanceof HttpResponseBase) {
+      const body = (ev as HttpResponse<any>).body;
+      if (body) {
+        switch (body.status) {
+          case 505001:
+          case 505002:
+            this.eaUserSrv.logout();
+            break;
+          default:
+            break;
+        }
+      }
+    }
+    if (ev instanceof HttpErrorResponse) {
+      return this.handlingBusinessErrors(ev);
+    }
+    return of(ev);
+  }
+
+  /**
+   * 处理响应错误
+   */
+  private handlingBusinessErrors(err: HttpErrorResponse): Observable<any> {
+    /** Http响应异常已在默认拦截器处理完成 ，该处不再处理 */
+
+    return of(err);
+  }
+}
diff --git a/src/app/core/net/default.interceptor.ts b/src/app/core/net/default.interceptor.ts
index 8f5892aa..7b390379 100644
--- a/src/app/core/net/default.interceptor.ts
+++ b/src/app/core/net/default.interceptor.ts
@@ -1,20 +1,8 @@
-import {
-  HttpErrorResponse,
-  HttpEvent,
-  HttpHandler,
-  HttpHeaders,
-  HttpInterceptor,
-  HttpRequest,
-  HttpResponseBase
-} from '@angular/common/http';
-import { Injectable, Injector } from '@angular/core';
-import { Router } from '@angular/router';
-import { DA_SERVICE_TOKEN, ITokenService } from '@delon/auth';
-import { _HttpClient } from '@delon/theme';
-import { environment } from '@env/environment';
-import { NzNotificationService } from 'ng-zorro-antd/notification';
-import { BehaviorSubject, Observable, of, throwError } from 'rxjs';
-import { catchError, filter, mergeMap, switchMap, take } from 'rxjs/operators';
+import { HttpErrorResponse, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest, HttpResponseBase } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { Observable, of } from 'rxjs';
+import { catchError, mergeMap } from 'rxjs/operators';
+import { CoreService } from './../core.service';
 
 const CODEMESSAGE: { [key: number]: string } = {
   200: '服务器成功返回请求的数据。',
@@ -34,228 +22,38 @@ const CODEMESSAGE: { [key: number]: string } = {
   504: '网关超时。'
 };
 
-/**
- * 默认HTTP拦截器，其注册细节见 `app.module.ts`
- */
 @Injectable()
 export class DefaultInterceptor implements HttpInterceptor {
-  private refreshTokenEnabled = environment.api.refreshTokenEnabled;
-  private refreshTokenType: 're-request' | 'auth-refresh' = environment.api.refreshTokenType;
-  private refreshToking = false;
-  private refreshToken$: BehaviorSubject<any> = new BehaviorSubject<any>(null);
-
-  constructor(private injector: Injector) {
-    if (this.refreshTokenType === 'auth-refresh') {
-      this.buildAuthRefresh();
-    }
-  }
-
-  private get notification(): NzNotificationService {
-    return this.injector.get(NzNotificationService);
-  }
-
-  private get tokenSrv(): ITokenService {
-    return this.injector.get(DA_SERVICE_TOKEN);
-  }
-
-  private get http(): _HttpClient {
-    return this.injector.get(_HttpClient);
-  }
-
-  private goTo(url: string): void {
-    setTimeout(() => this.injector.get(Router).navigateByUrl(url));
-  }
-
-  private checkStatus(ev: HttpResponseBase): void {
-    if ((ev.status >= 200 && ev.status < 300) || ev.status === 401) {
-      return;
-    }
-
-    const errortext = CODEMESSAGE[ev.status] || ev.statusText;
-    this.notification.error(`请求错误 ${ev.status}: ${ev.url}`, errortext);
-  }
-
-  /**
-   * 刷新 Token 请求
-   */
-  private refreshTokenRequest(): Observable<any> {
-    const model = this.tokenSrv.get();
-    return this.http.post(`/api/auth/refresh`, null, null, { headers: { refresh_token: model?.refresh_token || '' } });
-  }
-
-  // #region 刷新Token方式一：使用 401 重新刷新 Token
-
-  private tryRefreshToken(ev: HttpResponseBase, req: HttpRequest<any>, next: HttpHandler): Observable<any> {
-    // 1、若请求为刷新Token请求，表示来自刷新Token可以直接跳转登录页
-    if ([`/api/auth/refresh`].some(url => req.url.includes(url))) {
-      this.toLogin();
-      return throwError(ev);
-    }
-    // 2、如果 `refreshToking` 为 `true` 表示已经在请求刷新 Token 中，后续所有请求转入等待状态，直至结果返回后再重新发起请求
-    if (this.refreshToking) {
-      return this.refreshToken$.pipe(
-        filter(v => !!v),
-        take(1),
-        switchMap(() => next.handle(this.reAttachToken(req)))
-      );
-    }
-    // 3、尝试调用刷新 Token
-    this.refreshToking = true;
-    this.refreshToken$.next(null);
-
-    return this.refreshTokenRequest().pipe(
-      switchMap(res => {
-        // 通知后续请求继续执行
-        this.refreshToking = false;
-        this.refreshToken$.next(res);
-        // 重新保存新 token
-        this.tokenSrv.set(res);
-        // 重新发起请求
-        return next.handle(this.reAttachToken(req));
-      }),
-      catchError(err => {
-        this.refreshToking = false;
-        this.toLogin();
-        return throwError(err);
-      })
-    );
-  }
-
-  /**
-   * 重新附加新 Token 信息
-   *
-   * > 由于已经发起的请求，不会再走一遍 `@delon/auth` 因此需要结合业务情况重新附加新的 Token
-   */
-  private reAttachToken(req: HttpRequest<any>): HttpRequest<any> {
-    // 以下示例是以 NG-ALAIN 默认使用 `SimpleInterceptor`
-    const token = this.tokenSrv.get()?.token;
-    return req.clone({
-      setHeaders: {
-        token: `Bearer ${token}`
-      }
-    });
-  }
-
-  // #endregion
-
-  // #region 刷新Token方式二：使用 `@delon/auth` 的 `refresh` 接口
-
-  private buildAuthRefresh(): void {
-    if (!this.refreshTokenEnabled) {
-      return;
-    }
-    this.tokenSrv.refresh
-      .pipe(
-        filter(() => !this.refreshToking),
-        switchMap(res => {
-          console.log(res);
-          this.refreshToking = true;
-          return this.refreshTokenRequest();
-        })
-      )
-      .subscribe(
-        res => {
-          // TODO: Mock expired value
-          res.expired = +new Date() + 1000 * 60 * 5;
-          this.refreshToking = false;
-          this.tokenSrv.set(res);
-        },
-        () => this.toLogin()
-      );
-  }
-
-  // #endregion
-
-  private toLogin(): void {
-    this.notification.error(`未登录或登录已过期，请重新登录。`, ``);
-    this.goTo(this.tokenSrv.login_url!);
-  }
-
-  private handleData(ev: HttpResponseBase, req: HttpRequest<any>, next: HttpHandler): Observable<any> {
-    this.checkStatus(ev);
-    // 业务处理：一些通用操作
-    switch (ev.status) {
-      case 200:
-        // 业务层级错误处理，以下是假定restful有一套统一输出格式（指不管成功与否都有相应的数据格式）情况下进行处理
-        // 例如响应内容：
-        //  错误内容：{ status: 1, msg: '非法参数' }
-        //  正确内容：{ status: 0, response: {  } }
-        // 则以下代码片断可直接适用
-        // if (ev instanceof HttpResponse) {
-        //   const body = ev.body;
-        //   if (body && body.status !== 0) {
-        //     this.injector.get(NzMessageService).error(body.msg);
-        //     // 注意：这里如果继续抛出错误会被行254的 catchError 二次拦截，导致外部实现的 Pipe、subscribe 操作被中断，例如：this.http.get('/').subscribe() 不会触发
-        //     // 如果你希望外部实现，需要手动移除行254
-        //     return throwError({});
-        //   } else {
-        //     // 忽略 Blob 文件体
-        //     if (ev.body instanceof Blob) {
-        //        return of(ev);
-        //     }
-        //     // 重新修改 `body` 内容为 `response` 内容，对于绝大多数场景已经无须再关心业务状态码
-        //     return of(new HttpResponse(Object.assign(ev, { body: body.response })));
-        //     // 或者依然保持完整的格式
-        //     return of(ev);
-        //   }
-        // }
-        break;
-      case 401:
-        if (this.refreshTokenEnabled && this.refreshTokenType === 're-request') {
-          return this.tryRefreshToken(ev, req, next);
-        }
-        this.toLogin();
-        break;
-      case 403:
-      case 404:
-      case 500:
-        this.goTo(`/exception/${ev.status}`);
-        break;
-      default:
-        if (ev instanceof HttpErrorResponse) {
-          console.warn(
-            '未可知错误，大部分是由于后端不支持跨域CORS或无效配置引起，请参考 https://ng-alain.com/docs/server 解决跨域问题',
-            ev
-          );
-        }
-        break;
-    }
-    if (ev instanceof HttpErrorResponse) {
-      return throwError(ev);
-    } else {
-      return of(ev);
-    }
-  }
-
-  private getAdditionalHeaders(headers?: HttpHeaders): { [name: string]: string } {
-    const res: { [name: string]: string } = {};
-    // const lang = this.injector.get(ALAIN_I18N_TOKEN).currentLang;
-    // if (!headers?.has('Accept-Language') && lang) {
-    //   res['Accept-Language'] = lang;
-    // }
-
-    return res;
-  }
-
+  constructor(private coreSrv: CoreService) {}
   intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
-    // 统一加上服务端前缀
-    let url = req.url;
-    if (!url.startsWith('https://') && !url.startsWith('http://')) {
-      const { baseUrl } = environment.api;
-      url = baseUrl + (baseUrl.endsWith('/') && url.startsWith('/') ? url.substring(1) : url);
-    }
-
-    const newReq = req.clone({ url, setHeaders: this.getAdditionalHeaders(req.headers) });
-    return next.handle(newReq).pipe(
-      mergeMap(ev => {
-        // 允许统一对请求错误处理
-        if (ev instanceof HttpResponseBase) {
-          return this.handleData(ev, newReq, next);
-        }
-        // 若一切都正常，则后续操作
-        return of(ev);
-      }),
-      catchError((err: HttpErrorResponse) => this.handleData(err, newReq, next))
+    return next.handle(req).pipe(
+      mergeMap(ev => this.handlingHttpResponseData(ev)),
+      catchError((err: HttpErrorResponse) => this.handlingHttpErrorResponse(err))
     );
   }
+
+  /**
+   * 处理Http响应数据
+   */
+  private handlingHttpResponseData(ev: HttpEvent<any>): Observable<any> {
+    if (ev instanceof HttpResponseBase) {
+      // 正常情况直接返回到下个业务拦截器处理
+      if (ev.status >= 200 && ev.status < 300) {
+        return of(ev);
+      }
+
+      // 所有状态不是2xx和3xx都当作异常处理
+      if (ev instanceof HttpErrorResponse) {
+        return this.handlingHttpErrorResponse(ev);
+      }
+    }
+    return of(ev);
+  }
+
+  /**
+   * 处理默认Http响应错误
+   */
+  private handlingHttpErrorResponse(err: HttpErrorResponse): Observable<any> {
+    return of(err);
+  }
 }
diff --git a/src/app/core/startup/startup.service.ts b/src/app/core/startup/startup.service.ts
index b331af95..4b746335 100644
--- a/src/app/core/startup/startup.service.ts
+++ b/src/app/core/startup/startup.service.ts
@@ -1,7 +1,11 @@
 import { HttpClient } from '@angular/common/http';
 import { Inject, Injectable } from '@angular/core';
+import { cacheConf } from '@conf/cache.conf';
+import { sysConf } from '@conf/sys.conf';
 import { ACLService } from '@delon/acl';
 import { MenuService, SettingsService, TitleService, _HttpClient } from '@delon/theme';
+import { environment } from '@env/environment';
+import { AmapService, EACacheService, EAUserService } from '@shared';
 import { NzSafeAny } from 'ng-zorro-antd/core/types';
 import { NzIconService } from 'ng-zorro-antd/icon';
 import { Observable, zip } from 'rxjs';
@@ -24,15 +28,25 @@ export class StartupService {
     private aclService: ACLService,
     private titleService: TitleService,
     private httpClient: _HttpClient,
+    private userSrv: EAUserService,
+    private amapService: AmapService,
+    public cacheSrv: EACacheService,
     private coreSrv: CoreService
   ) {
     iconSrv.addIcon(...ICONS_AUTO, ...ICONS);
+    this.settingService.setLayout('fixSiderbar', true);
   }
 
   // TODO: 退出登录时需要清理用户信息
 
   load(): Promise<void> {
     return new Promise(resolve => {
+      this.amapService.getCurrentPosition().subscribe(res => {
+        if (res.position) {
+          this.coreSrv.position = { lat: res.position.lat, lng: res.position.lng };
+        }
+      });
+
       let data;
       if (this.coreSrv.loginStatus) {
         // 本地菜单
@@ -74,10 +88,17 @@ export class StartupService {
     this.settingService.setApp(appData);
     // 用户信息：包括姓名、头像、邮箱地址
     this.settingService.setUser(userData);
+    this.cacheSrv.set(cacheConf.env, {
+      appId: sysConf.appId,
+      tenantId: userData?.tenantId || sysConf.tenantId,
+      enterpriseId: userData?.enterpriseId || sysConf.enterpriseId
+    });
     // ACL：设置权限为全量
-    this.aclService.setFull(true);
+    this.aclService.setFull(false);
     // 初始化菜单
-    this.menuService.add(menuData);
+    if (menuData) {
+      this.menuService.add(menuData);
+    }
     // 设置页面标题的后缀
     this.titleService.default = '';
     this.titleService.suffix = appData.name;
@@ -94,12 +115,10 @@ export class StartupService {
     const appData = this.httpClient.get(`assets/mocks/app-data.json`).pipe(map((res: any) => res.app));
 
     // 用户数据
-    const userData = this.coreSrv.loginStatus
-      ? this.httpClient.post(this.coreSrv.$api_get_current_user_info, {}).pipe(map((res: any) => res.data))
-      : this.httpClient.get('assets/mocks/user-data.json').pipe(map((res: any) => res.user));
+    const userData = this.httpClient.get('assets/mocks/user-data.json').pipe(map((res: any) => res.user));
 
     // 菜单数据
-    const menuData = this.httpClient.get('assets/mocks/menu-data.json').pipe(map((res: any) => res.menu));
+    const menuData = this.httpClient.get('assets/mocks/menu-data.json').pipe(map((res: any) => res.data.menu));
 
     return zip(appData, userData, menuData);
   }
@@ -115,9 +134,7 @@ export class StartupService {
     const appData = this.httpClient.get(`assets/mocks/app-data.json`).pipe(map((res: any) => res.app));
 
     // 用户数据
-    const userData = this.coreSrv.loginStatus
-      ? this.httpClient.post(this.coreSrv.$api_get_current_user_info, {}).pipe(map((res: any) => res.data))
-      : this.httpClient.get('assets/mocks/user-data.json').pipe(map((res: any) => res.user));
+    const userData = this.httpClient.post(this.userSrv.$api_get_user_by_token, {}).pipe(map((res: any) => res.data));
 
     // 菜单数据
     const menuData = this.httpClient
@@ -125,6 +142,7 @@ export class StartupService {
         appId: this.coreSrv.envSrv.getEnvironment().appId
       })
       .pipe(map((res: any) => res.data));
+    // const menuData = this.httpClient.get('assets/mocks/menu-data.json').pipe(map((res: any) => res.data.menu));
 
     return zip(appData, userData, menuData);
   }
diff --git a/src/app/global-config.module.ts b/src/app/global-config.module.ts
index a09fa770..af9999b1 100644
--- a/src/app/global-config.module.ts
+++ b/src/app/global-config.module.ts
@@ -11,9 +11,23 @@ import { environment } from '@env/environment';
 // #region NG-ALAIN Config
 
 const alainConfig: AlainConfig = {
-  st: { modal: { size: 'lg' } },
+  st: {
+    req: { method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' } },
+    res: { reName: { list: 'data.records', total: 'data.total' } },
+    page: { show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000], toTop: false },
+    modal: { size: 'lg' }
+  },
+  sf: { button: { search: '查询' } },
   pageHeader: { homeI18n: 'home', recursiveBreadcrumb: true },
-  auth: { login_url: '/passport/login' }
+  auth: { login_url: '/passport/login' },
+  acl: { guard_url: '/exception/403' },
+  chart: {
+    // 以下是默认配置，如果项目无法外网访问，可以根据 `angular.json` 配置将依赖包直接使用 `./assets***` 路径
+    libs: [
+      'https://gw.alipayobjects.com/os/lib/antv/g2/4.1.4/dist/g2.min.js',
+      'https://gw.alipayobjects.com/os/lib/antv/data-set/0.11.7/dist/data-set.js'
+    ]
+  },
 };
 
 const alainModules = [AlainThemeModule.forRoot(), DelonACLModule.forRoot()];
@@ -21,12 +35,12 @@ const alainProvides = [{ provide: ALAIN_CONFIG, useValue: alainConfig }];
 
 // #region reuse-tab
 
-import { RouteReuseStrategy } from '@angular/router';
-alainProvides.push({
-  provide: RouteReuseStrategy,
-  useClass: ReuseTabStrategy,
-  deps: [ReuseTabService]
-} as any);
+// import { RouteReuseStrategy } from '@angular/router';
+// alainProvides.push({
+//   provide: RouteReuseStrategy,
+//   useClass: ReuseTabStrategy,
+//   deps: [ReuseTabService]
+// } as any);
 
 // #endregion
 
@@ -51,9 +65,9 @@ export class GlobalConfigModule {
     throwIfAlreadyLoaded(parentModule, 'GlobalConfigModule');
     // NOTICE: Only valid for menus with reuse property
     // Pls refer to the E-Mail demo effect
-    reuseTabService.mode = ReuseTabMatchMode.MenuForce;
+    // reuseTabService.mode = ReuseTabMatchMode.MenuForce;
     // Shouled be trigger init, you can ingore when used `reuse-tab` component in layout component
-    reuseTabService.init();
+    // reuseTabService.init();
   }
 
   static forRoot(): ModuleWithProviders<GlobalConfigModule> {
diff --git a/src/app/layout/layout.module.ts b/src/app/layout/layout.module.ts
index 5c0eac3c..3afd4206 100644
--- a/src/app/layout/layout.module.ts
+++ b/src/app/layout/layout.module.ts
@@ -24,7 +24,7 @@ import { NzSpinModule } from 'ng-zorro-antd/spin';
 import { NzSwitchModule } from 'ng-zorro-antd/switch';
 import { NzTimelineModule } from 'ng-zorro-antd/timeline';
 import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
-
+import { NzGridModule } from 'ng-zorro-antd/grid';
 import { LayoutPassportComponent } from './passport/passport.component';
 import { PRO_COMPONENTS } from './pro/index';
 
@@ -56,6 +56,7 @@ const COMPONENTS: Array<Type<any>> = [...PRO_COMPONENTS, LayoutPassportComponent
     NoticeIconModule,
     ThemeBtnModule,
     ScrollbarModule,
+    NzGridModule,
     NzMessageModule
   ],
   declarations: COMPONENTS,
diff --git a/src/app/layout/passport/passport.component.html b/src/app/layout/passport/passport.component.html
index e9beaece..0f37d045 100644
--- a/src/app/layout/passport/passport.component.html
+++ b/src/app/layout/passport/passport.component.html
@@ -1,13 +1,15 @@
-<div class="container">
-  <!-- <pro-langs class="langs" btnClass></pro-langs> -->
-  <div class="wrap">
-    <div class="top">
-      <div class="head">
-        <img class="logo" src="./assets/logo-color.svg">
-        <span class="title">ng-alain pro</span>
+<nz-layout class="layout">
+  <nz-header>
+    <div nz-row>
+      <div nz-col nzSpan="24" style="display: flex;align-items: center;">
+        <img width="32" height="32" src="./assets/images/user/logo.svg" [routerLink]="['/']" />
+        <label class="title ml-sm">运多星网络货运管理平台</label>
       </div>
-      <div class="desc">武林中最有影响力的《葵花宝典》；欲练神功，挥刀自宫</div>
     </div>
-    <router-outlet></router-outlet>
-  </div>
-</div>
\ No newline at end of file
+  </nz-header>
+  <nz-content class="content">
+    <div class="inner-content">
+      <router-outlet></router-outlet>
+    </div>
+  </nz-content>
+</nz-layout>
\ No newline at end of file
diff --git a/src/app/layout/passport/passport.component.less b/src/app/layout/passport/passport.component.less
index a17b975f..fc77bde8 100644
--- a/src/app/layout/passport/passport.component.less
+++ b/src/app/layout/passport/passport.component.less
@@ -1,74 +1,22 @@
 @import '~@delon/theme/index';
+
 :host {
   ::ng-deep {
-    .container {
-      display: flex;
-      flex-direction: column;
-      min-height: 100%;
-      background: #f0f2f5;
-    }
-    .langs {
-      width: 100%;
-      height: 40px;
-      line-height: 44px;
-      text-align: right;
-      .ant-dropdown-trigger {
-        display: inline-block;
-      }
-      .anticon {
-        margin-top: 24px;
-        margin-right: 24px;
-        font-size: 14px;
-        vertical-align: top;
-        cursor: pointer;
-      }
-    }
-    .wrap {
-      flex: 1;
-      padding: 32px 0;
-    }
-    .ant-form-item {
-      margin-bottom: 24px;
+    .layout {
+      height: 100%;
     }
 
-    @media (min-width: @screen-md-min) {
-      .container {
-        background-image: url('https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg');
-        background-repeat: no-repeat;
-        background-position: center 110px;
-        background-size: 100%;
-      }
-      .wrap {
-        padding: 32px 0 24px;
-      }
-    }
-    .top {
-      text-align: center;
-    }
-    .header {
-      height: 44px;
-      line-height: 44px;
-      a {
-        text-decoration: none;
-      }
-    }
-    .logo {
-      height: 44px;
-      margin-right: 16px;
-    }
-    .title {
-      position: relative;
-      color: @heading-color;
-      font-weight: 600;
-      font-size: 33px;
-      font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-      vertical-align: middle;
-    }
-    .desc {
-      margin-top: 12px;
-      margin-bottom: 40px;
-      color: @text-color-secondary;
-      font-size: @font-size-base;
+    .ant-layout-header {
+      background: #ffffff;
+      box-shadow: 0px 5px 5px #d1d1d1;
     }
+
+   
   }
 }
+
+.title {
+  font-size  : 18px;
+  font-weight: 600;
+  color      : #26282A;
+}
\ No newline at end of file
diff --git a/src/app/layout/passport/passport.component.ts b/src/app/layout/passport/passport.component.ts
index c48bb161..8a4ef9da 100644
--- a/src/app/layout/passport/passport.component.ts
+++ b/src/app/layout/passport/passport.component.ts
@@ -7,24 +7,9 @@ import { DA_SERVICE_TOKEN, ITokenService } from '@delon/auth';
   styleUrls: ['./passport.component.less']
 })
 export class LayoutPassportComponent implements OnInit {
-  links = [
-    {
-      title: '帮助',
-      href: ''
-    },
-    {
-      title: '隐私',
-      href: ''
-    },
-    {
-      title: '条款',
-      href: ''
-    }
-  ];
-
-  constructor(@Inject(DA_SERVICE_TOKEN) private tokenService: ITokenService) {}
+  constructor() {}
 
   ngOnInit(): void {
-    this.tokenService.clear();
+    // this.tokenService.clear();
   }
 }
diff --git a/src/app/layout/pro/components/header/header.component.html b/src/app/layout/pro/components/header/header.component.html
index eee9c54f..f3b58f4a 100644
--- a/src/app/layout/pro/components/header/header.component.html
+++ b/src/app/layout/pro/components/header/header.component.html
@@ -1,7 +1,7 @@
 <div *ngIf="pro.isTopMenu" class="alain-pro__top-nav">
   <div class="alain-pro__top-nav-main" [ngClass]="{ 'alain-pro__top-nav-main-wide': pro.isFixed }">
     <div class="alain-pro__top-nav-main-left">
-      <layout-pro-logo class="alain-pro__top-nav-logo"></layout-pro-logo>
+      <layout-pro-logo class="alain-pro__top-nav-logo" style="width: 195px;"></layout-pro-logo>
       <div class="alain-pro__menu-wrap">
         <div layout-pro-menu mode="horizontal"></div>
       </div>
diff --git a/src/app/layout/pro/components/logo/logo.component.html b/src/app/layout/pro/components/logo/logo.component.html
index c6891a91..511e16c7 100644
--- a/src/app/layout/pro/components/logo/logo.component.html
+++ b/src/app/layout/pro/components/logo/logo.component.html
@@ -1,4 +1,4 @@
 <a [routerLink]="['/']" class="d-flex align-items-center">
-  <img src="./assets/logo-color.svg" alt="{{ name }}" height="32" />
+  <img src="./assets/images/user/logo.png" alt="{{ name }}" height="32" />
   <h1>{{ name }}</h1>
 </a>
diff --git a/src/app/layout/pro/components/menu/menu.component.html b/src/app/layout/pro/components/menu/menu.component.html
index 2d85d439..272c43b3 100644
--- a/src/app/layout/pro/components/menu/menu.component.html
+++ b/src/app/layout/pro/components/menu/menu.component.html
@@ -1,9 +1,9 @@
 <ng-template #icon let-i>
   <ng-container *ngIf="i" [ngSwitch]="i.type">
     <i *ngSwitchCase="'icon'" nz-icon [nzType]="i.value" class="alain-pro__menu-icon"></i>
-    <i *ngSwitchCase="'iconfont'" nz-icon [nzIconfont]="i.iconfont" class="alain-pro__menu-icon"></i>
+    <i *ngSwitchCase="'iconfont'" nz-icon [nzIconfont]="i.iconfont" class="alain-pro__menu-icon icon"></i>
     <img *ngSwitchCase="'img'" src="{{ i.value }}" class="anticon alain-pro__menu-icon alain-pro__menu-img" />
-    <i *ngSwitchDefault class="anticon alain-pro__menu-icon {{ i.value }}"></i>
+    <i *ngSwitchDefault class="icon alain-pro__menu-icon {{ i.value }}"></i>
   </ng-container>
 </ng-template>
 <ng-template #mainLink let-i>
@@ -17,39 +17,22 @@
   <a *ngIf="!i.externalLink" [routerLink]="i.link" [target]="i.target">{{ i.text }} </a>
   <a *ngIf="i.externalLink" [attr.href]="i.externalLink" [attr.target]="i.target">{{ i.text }} </a>
 </ng-template>
-<ul *ngIf="menus" nz-menu [nzMode]="mode" [nzTheme]="pro.theme" [nzInlineCollapsed]="pro.isMobile ? false : pro.collapsed">
+<ul *ngIf="menus" nz-menu [nzMode]="mode" [nzTheme]="pro.theme"
+  [nzInlineCollapsed]="pro.isMobile ? false : pro.collapsed">
   <ng-container *ngFor="let l1 of menus">
-    <li
-      *ngIf="l1.children!.length === 0"
-      nz-menu-item
-      class="alain-pro__menu-item"
-      [class.alain-pro__menu-item--disabled]="l1.disabled"
-      [nzSelected]="l1._selected"
-      [nzDisabled]="l1.disabled"
-    >
+    <li *ngIf="l1.children!.length === 0" nz-menu-item class="alain-pro__menu-item"
+      [class.alain-pro__menu-item--disabled]="l1.disabled" [nzSelected]="l1._selected" [nzDisabled]="l1.disabled">
       <a *ngIf="!l1.externalLink" [routerLink]="l1.link" (click)="closeCollapsed()" class="alain-pro__menu-title">
         <ng-template [ngTemplateOutlet]="mainLink" [ngTemplateOutletContext]="{ $implicit: l1 }"></ng-template>
       </a>
-      <a
-        *ngIf="l1.externalLink"
-        [attr.href]="l1.externalLink"
-        [attr.target]="l1.target"
-        (click)="closeCollapsed()"
-        class="alain-pro__menu-title"
-      >
+      <a *ngIf="l1.externalLink" [attr.href]="l1.externalLink" [attr.target]="l1.target" (click)="closeCollapsed()"
+        class="alain-pro__menu-title">
         <ng-template [ngTemplateOutlet]="mainLink" [ngTemplateOutletContext]="{ $implicit: l1 }"></ng-template>
       </a>
     </li>
-    <li
-      *ngIf="l1.children!.length > 0"
-      nz-submenu
-      [nzTitle]="l1TitleTpl"
-      class="alain-pro__menu-item"
-      [class.text-white]="pro.theme === 'dark' && l1._selected"
-      [nzOpen]="l1._open"
-      [nzDisabled]="l1.disabled"
-      (nzOpenChange)="openChange(l1, $event)"
-    >
+    <li *ngIf="l1.children!.length > 0" nz-submenu [nzTitle]="l1TitleTpl" class="alain-pro__menu-item"
+      [class.text-white]="pro.theme === 'dark' && l1._selected" [nzOpen]="l1._open" [nzDisabled]="l1.disabled"
+      (nzOpenChange)="openChange(l1, $event)">
       <ng-template #l1TitleTpl>
         <span title class="alain-pro__menu-title">
           <ng-template [ngTemplateOutlet]="icon" [ngTemplateOutletContext]="{ $implicit: l1.icon }"></ng-template>
@@ -61,34 +44,17 @@
       </ng-template>
       <ul>
         <ng-container *ngFor="let l2 of l1.children">
-          <li
-            *ngIf="!l2._hidden && l2.children!.length === 0"
-            nz-menu-item
-            [class.alain-pro__menu-item--disabled]="l2.disabled"
-            [nzSelected]="l2._selected"
-            [nzDisabled]="l2.disabled"
-            (click)="closeCollapsed()"
-          >
+          <li *ngIf="!l2._hidden && l2.children!.length === 0" nz-menu-item
+            [class.alain-pro__menu-item--disabled]="l2.disabled" [nzSelected]="l2._selected" [nzDisabled]="l2.disabled"
+            (click)="closeCollapsed()">
             <ng-template [ngTemplateOutlet]="subLink" [ngTemplateOutletContext]="{ $implicit: l2 }"></ng-template>
           </li>
-          <li
-            *ngIf="!l2._hidden && l2.children!.length > 0"
-            nz-submenu
-            [nzTitle]="l2.text!"
-            [nzOpen]="l2._open"
-            [nzDisabled]="l2.disabled"
-            (nzOpenChange)="openChange(l2, $event)"
-          >
+          <li *ngIf="!l2._hidden && l2.children!.length > 0" nz-submenu [nzTitle]="l2.text!" [nzOpen]="l2._open"
+            [nzDisabled]="l2.disabled" (nzOpenChange)="openChange(l2, $event)">
             <ul>
               <ng-container *ngFor="let l3 of l2.children">
-                <li
-                  *ngIf="!l3._hidden"
-                  nz-menu-item
-                  [class.alain-pro__menu-item--disabled]="l3.disabled"
-                  [nzSelected]="l3._selected"
-                  [nzDisabled]="l3.disabled"
-                  (click)="closeCollapsed()"
-                >
+                <li *ngIf="!l3._hidden" nz-menu-item [class.alain-pro__menu-item--disabled]="l3.disabled"
+                  [nzSelected]="l3._selected" [nzDisabled]="l3.disabled" (click)="closeCollapsed()">
                   <ng-template [ngTemplateOutlet]="subLink" [ngTemplateOutletContext]="{ $implicit: l3 }"></ng-template>
                 </li>
               </ng-container>
@@ -98,4 +64,4 @@
       </ul>
     </li>
   </ng-container>
-</ul>
+</ul>
\ No newline at end of file
diff --git a/src/app/layout/pro/components/menu/menu.component.ts b/src/app/layout/pro/components/menu/menu.component.ts
index dd3d7467..a478429f 100644
--- a/src/app/layout/pro/components/menu/menu.component.ts
+++ b/src/app/layout/pro/components/menu/menu.component.ts
@@ -51,7 +51,6 @@ export class LayoutProMenuComponent implements OnInit, OnDestroy {
       }
     });
     this.menus = res;
-
     this.openStatus();
   }
 
diff --git a/src/app/layout/pro/components/notify/notify.component.html b/src/app/layout/pro/components/notify/notify.component.html
index a38da23a..ddd01574 100644
--- a/src/app/layout/pro/components/notify/notify.component.html
+++ b/src/app/layout/pro/components/notify/notify.component.html
@@ -1,10 +1,4 @@
-<notice-icon
-  btnClass="alain-pro__header-item"
-  btnIconClass="alain-pro__header-item-icon"
-  [data]="data"
-  [count]="count"
-  [loading]="loading"
-  (select)="select($event)"
-  (clear)="clear($event)"
-  (popoverVisibleChange)="loadData()"
-></notice-icon>
+<notice-icon btnClass="alain-pro__header-item" btnIconClass="alain-pro__header-item-icon" [data]="data" [count]="count"
+  [loading]="loading" (select)="select($event)" (clear)="clear($event)" (popoverVisibleChange)="loadData()">
+</notice-icon>
+
diff --git a/src/app/layout/pro/components/user/user.component.html b/src/app/layout/pro/components/user/user.component.html
index ece6ea2f..6d615e26 100644
--- a/src/app/layout/pro/components/user/user.component.html
+++ b/src/app/layout/pro/components/user/user.component.html
@@ -1,21 +1,21 @@
 <div nz-dropdown [nzDropdownMenu]="userMenu" nzPlacement="bottomRight" class="alain-pro__header-item">
-  <nz-avatar [nzSrc]="settings.user.avatar" nzSize="small" class="mr-sm"></nz-avatar>
-  {{ settings.user.name }}
+  <nz-avatar [nzSrc]="settings.user?.avatar" nzSize="small" class="mr-sm"></nz-avatar>
+  {{ settings.user?.realName }}
 </div>
 <nz-dropdown-menu #userMenu="nzDropdownMenu">
   <div nz-menu class="width-sm">
-    <div nz-menu-item routerLink="/pro/account/center">
+    <div nz-menu-item routerLink="/account/center">
       <i nz-icon nzType="user" class="mr-sm"></i>
       个人中心
     </div>
-    <div nz-menu-item routerLink="/pro/account/settings">
+    <!-- <div nz-menu-item routerLink="/pro/account/settings">
       <i nz-icon nzType="setting" class="mr-sm"></i>
       个人设置
     </div>
     <div nz-menu-item routerLink="/exception/trigger">
       <i nz-icon nzType="close-circle" class="mr-sm"></i>
       触发错误
-    </div>
+    </div> -->
     <li nz-menu-divider></li>
     <div nz-menu-item (click)="logout()">
       <i nz-icon nzType="logout" class="mr-sm"></i>
diff --git a/src/app/layout/pro/components/widget/widget.component.html b/src/app/layout/pro/components/widget/widget.component.html
index 52de221e..f16d7571 100644
--- a/src/app/layout/pro/components/widget/widget.component.html
+++ b/src/app/layout/pro/components/widget/widget.component.html
@@ -9,6 +9,10 @@
 <!-- <quick-chat-status class="hidden-xs"></quick-chat-status> -->
 <!--Notify-->
 <layout-pro-notify class="hidden-xs"></layout-pro-notify>
+<a nz-tooltip nzTooltipTitle="下载中心" nzTooltipPlacement="bottom" class="hidden-xs" target="_blank" href="/#/download"
+  rel="noopener noreferrer" class="alain-pro__header-item">
+  <i nz-icon nzType="cloud-download" nzTheme="outline" style="font-size: 18px;" ></i>
+</a>
 <!--RTL-->
 <!-- <layout-pro-rtl></layout-pro-rtl> -->
 <!--User-->
diff --git a/src/app/layout/pro/pro.service.ts b/src/app/layout/pro/pro.service.ts
index 258dbf4b..ba597366 100644
--- a/src/app/layout/pro/pro.service.ts
+++ b/src/app/layout/pro/pro.service.ts
@@ -23,7 +23,7 @@ export class BrandService {
    * @alain-pro-sider-menu-width: 256px;
    * ```
    */
-  readonly width = 256;
+  readonly width = 205;
 
   /**
    * Specify width of the sidebar after collapsed, If you change it, muse be synchronize change less parameter:
diff --git a/src/app/layout/pro/styles/theme-default.less b/src/app/layout/pro/styles/theme-default.less
index 38d3e54f..3805df6e 100644
--- a/src/app/layout/pro/styles/theme-default.less
+++ b/src/app/layout/pro/styles/theme-default.less
@@ -29,7 +29,7 @@
 @alain-pro-light-color: #fff;
 @alain-pro-light-slider-shadow: 2px 0 8px 0 rgba(29, 35, 41, 0.05);
 
-@alain-pro-logo-font-size: 20px;
+@alain-pro-logo-font-size: 17px;
 @alain-pro-logo-font-family: 'Myriad Pro', 'Helvetica Neue', Arial, Helvetica, sans-serif;
 
 @alain-pro-content-margin: 24px;
diff --git a/src/app/routes/account/account-routing.module.ts b/src/app/routes/account/account-routing.module.ts
new file mode 100644
index 00000000..8a7ce180
--- /dev/null
+++ b/src/app/routes/account/account-routing.module.ts
@@ -0,0 +1,31 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-05 20:15:41
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:14:30
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\account\\account-routing.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { AccountComponentsCenterComponent } from './components/center/center.component';
+
+const routes: Routes = [
+  { path: '', redirectTo: 'center', pathMatch: 'full' },
+  {
+    path: 'center',
+    component: AccountComponentsCenterComponent,
+    data: {
+      title: '账户中心'
+    }
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class AccountRoutingModule {}
diff --git a/src/app/routes/account/account.module.ts b/src/app/routes/account/account.module.ts
new file mode 100644
index 00000000..96606efa
--- /dev/null
+++ b/src/app/routes/account/account.module.ts
@@ -0,0 +1,30 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-11-29 11:06:01
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:14:34
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\account\\account.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { NgModule } from '@angular/core';
+import { SharedModule } from '@shared';
+import { AccountRoutingModule } from './account-routing.module';
+import { AccountComponentsCenterComponent } from './components/center/center.component';
+import { AccountComponentsEditNameComponent } from './components/edit-name/edit-name.component';
+import { AccountComponentsCenterEditComponent } from './components/edit-password/edit-password.component';
+
+const COMPONENTS = [
+  AccountComponentsCenterComponent,
+  AccountComponentsEditNameComponent,
+  AccountComponentsCenterEditComponent
+];
+const COMPONENTS_NOROUNT = [AccountComponentsEditNameComponent];
+
+@NgModule({
+  imports: [SharedModule, AccountRoutingModule],
+  declarations: [...COMPONENTS, ...COMPONENTS_NOROUNT],
+})
+export class AccountModule {}
diff --git a/src/app/routes/account/components/center/center.component.html b/src/app/routes/account/components/center/center.component.html
new file mode 100644
index 00000000..d9df68c0
--- /dev/null
+++ b/src/app/routes/account/components/center/center.component.html
@@ -0,0 +1,48 @@
+<div class="main">
+  <nz-card style="margin-top: 20px; min-height: 780px;">
+    <h3 style="font-size: 20px; font-weight: 700;">个人中心</h3>
+    <nz-list style="border-bottom: 1px solid #f0f0f0">
+      <nz-list-item>
+        <nz-list-item-meta>
+          <nz-list-item-meta-title>
+            <div nz-row [nzGutter]="16">
+              <div nz-col [nzSpan]="4" class="li-label">
+                <span class="icon iconfont icon-shoujihao" style="color: #aaa"></span> 手机号码/账号
+              </div>
+              <div nz-col [nzSpan]="10">{{ infoData.phone }}</div>
+              <div nz-col [nzSpan]="10">
+                <span *ngIf="infoData.phone; else elsePhone"><i nz-icon [nzType]="'check-circle'" [nzTheme]="'fill'"
+                  style="color: #52c41a"></i> 已绑定</span>
+              <ng-template #elsePhone><i nz-icon [nzType]="'question-circle'" [nzTheme]="'fill'"
+                  style="color: #ccc"></i> 未绑定</ng-template>
+              </div>
+            </div>
+          </nz-list-item-meta-title>
+        </nz-list-item-meta>
+        <div class="item-btn"><a (click)="edit('phone')">修改</a></div>
+      </nz-list-item>
+      <nz-list-item>
+        <nz-list-item-meta>
+          <nz-list-item-meta-title>
+            <div nz-row [nzGutter]="16">
+              <div nz-col [nzSpan]="4" class="li-label">
+                <span class="icon iconfont icon-mima" style="color: #aaa"></span> 账户密码
+              </div>
+              <div nz-col [nzSpan]="10">定期更换密码有助于账号安全</div>
+              <div nz-col [nzSpan]="10">
+                <span *ngIf="infoData.isPwd; else elsePwd"
+                  ><i nz-icon [nzType]="'check-circle'" [nzTheme]="'fill'" style="color: #52c41a"></i> 已设置</span
+                >
+                <ng-template #elsePwd
+                  ><i nz-icon [nzType]="'question-circle'" [nzTheme]="'fill'" style="color: #ccc"></i> 未设置</ng-template
+                >
+              </div>
+            </div>
+          </nz-list-item-meta-title>
+        </nz-list-item-meta>
+        <div class="item-btn"><a (click)="edit('password')">修改</a></div>
+      </nz-list-item>
+    </nz-list>
+
+  </nz-card>
+</div>
diff --git a/src/app/routes/account/components/center/center.component.less b/src/app/routes/account/components/center/center.component.less
new file mode 100644
index 00000000..96f8b59c
--- /dev/null
+++ b/src/app/routes/account/components/center/center.component.less
@@ -0,0 +1,46 @@
+:host {
+  ::ng-deep {
+    .info-main {
+      padding: 30px;
+    }
+    .info-main h3 {
+      margin-bottom: 30px;
+      color: #333;
+      font-size: 24px;
+    }
+    .info {
+      position: relative;
+    }
+    .info-btn {
+      position: absolute;
+      top: 20px;
+      right: 20px;
+    }
+    .item-btn {
+      width: 28px;
+      text-align: center;
+    }
+    .li-label {
+      color: #333;
+      font-weight: bold;
+      font-size: 14px;
+    }
+    page-grid {
+      background-color: #f0f3f7;
+
+      div.container {
+        width: 80%;
+        margin: 0 auto;
+        padding: 1rem;
+      }
+    }
+  }
+  .info-row {
+    padding: 24px 0;
+    .info-icon {
+      margin-right: 15px;
+      color: #3875fb;
+      font-size: 16px;
+    }
+  }
+}
diff --git a/src/app/routes/account/components/center/center.component.spec.ts b/src/app/routes/account/components/center/center.component.spec.ts
new file mode 100644
index 00000000..cdcb358d
--- /dev/null
+++ b/src/app/routes/account/components/center/center.component.spec.ts
@@ -0,0 +1,23 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { AccountComponentsCenterComponent } from './center.component';
+
+describe('AccountComponentsCenterComponent', () => {
+  let component: AccountComponentsCenterComponent;
+  let fixture: ComponentFixture<AccountComponentsCenterComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [AccountComponentsCenterComponent],
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AccountComponentsCenterComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/account/components/center/center.component.ts b/src/app/routes/account/components/center/center.component.ts
new file mode 100644
index 00000000..713b106b
--- /dev/null
+++ b/src/app/routes/account/components/center/center.component.ts
@@ -0,0 +1,202 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { SFComponent, SFSchema, SFSelectWidgetSchema, SFUISchema, SFUploadWidgetSchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { Observable, Observer } from 'rxjs';
+import { AccountService } from '../../services/account.service';
+import { AccountComponentsEditNameComponent } from '../edit-name/edit-name.component';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { AccountComponentsCenterEditComponent } from '../edit-password/edit-password.component';
+
+@Component({
+  selector: 'app-account-components-center',
+  templateUrl: './center.component.html',
+  styleUrls: ['./center.component.less'],
+})
+export class AccountComponentsCenterComponent implements OnInit {
+  url = `/rule?_allow_anonymous=true`;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  i: any;
+  formDate: any = {};
+  schema!: SFSchema;
+  ui: SFUISchema = {};
+  infoData: any = {
+    appId: '',
+    appTypeId: 0,
+    appTypeName: '',
+    appUserId: 0,
+    avatar: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png?_allow_anonymous=true',
+    birthday: '',
+    cert: 0,
+    createTime: '',
+    email: '',
+    id: 0,
+    isPwd: true,
+    lastLoginDate: '',
+    name: '',
+    nickName: '',
+    openId: '',
+    phone: '',
+    remark: '',
+    sex: 0,
+    state: 0,
+    stateLocked: true,
+    token: '',
+    userType: 0,
+  };
+  tabs = [
+    {
+      name: '基本设置',
+    },
+    {
+      name: '安全设置',
+    },
+  ];
+  idx: any = 0;
+  constructor(public service: AccountService, private modal: ModalHelper, private http: _HttpClient, private router: Router, private modalService: NzModalService,) {}
+
+  ngOnInit() {
+    this.initSF();
+    this.getInfo();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        avatar: {
+          type: 'string',
+          title: '头像',
+          ui: {
+            action: `/cms/upload/multipartFile/fileModel?_allow_anonymous=true`,
+            fileType: 'image/png,image/jpeg,image/jpg,image/png,image/gif,image/bmp',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'url',
+            urlReName: 'url',
+            widget: 'upload',
+            descriptionI18n: '支持JPG、GIF、PNG、JPEG、BMP格式，文件小于2M',
+            data: {
+              // appId: environment.appId,
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                const avatar = [
+                  {
+                    uid: -1,
+                    name: 'LOGO',
+                    status: 'done',
+                    url: args.fileList[0].response.url,
+                    response: {
+                      url: args.fileList[0].response.url,
+                    },
+                  },
+                ];
+                this.sf?.setValue('/avatar', avatar);
+              }
+            },
+            beforeUpload: (file: any, _fileList) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt2M = file.size / 1024 / 1024 < 2;
+                if (!isLt2M) {
+                  this.service.msgSrv.warning('图片大小超过2M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt2M);
+                observer.complete();
+              });
+            },
+          } as SFUploadWidgetSchema,
+        },
+        nickName: {
+          title: '昵称',
+          type: 'string',
+          minLength: 1,
+          maxLength: 18,
+          ui: {
+            placeholder: '请输入昵称',
+            width: 400,
+            errors: {
+              required: '请输入昵称',
+            },
+          },
+        },
+      },
+      required: ['nickName', 'avatar'],
+    };
+    this.ui = {
+      '*': {
+        spanLabel: 5,
+        grid: { span: 24 },
+      },
+    };
+  }
+  getInfo() {
+    this.service.http.post(this.service.$api_get_current_user_info).subscribe((res) => {
+      this.infoData = res.data;
+    });
+  }
+
+  edit(tpye: string) {
+    if (tpye === 'phone') {
+      const modalRef = this.modalService.create({
+        nzTitle: '验证手机号码',
+        nzContent: AccountComponentsEditNameComponent,
+        nzComponentParams: {
+          i: this.infoData
+         },
+         nzFooter: null
+      });
+      modalRef.afterClose.subscribe((result: any) => {
+        if (result === true) {
+          // this.st.load(1);
+        }
+      });
+    }
+    if (tpye === 'password') {
+
+    const modalRef = this.modalService.create({
+      nzTitle: '设置/修改登录密码',
+      nzContent: AccountComponentsCenterEditComponent,
+      nzComponentParams: {
+        record: this.infoData
+       },
+    });
+    modalRef.afterClose.subscribe((result: any) => {
+      if (result === true) {
+        // this.st.load(1);
+      }
+    });
+    }
+    // if (tpye === 'info') {
+    //   this.router.navigate(['/account/editInfo'], {
+    //     queryParams: { realName: this.infoData.realName, certificateNumber: this.infoData.certificateNumber },
+    //   });
+    // }
+    // if (tpye === 'name') {
+    //   this.modal
+    //     .createStatic(AccountComponentsEditNameComponent, { i: { name: this.infoData.name, phone: this.infoData.phone } })
+    //     .subscribe(() => {
+    //       this.getInfo();
+    //       // this.st.reload();
+    //     });
+    // }
+  }
+
+  changeType(type: number): void {
+    this.idx = type;
+  }
+
+  formSubmit(value: any): void {
+    const params = { ...value };
+    this.service.request(`${this.service.$api_get_current_user_info}`, params).subscribe((res) => {
+      if (res === true) {
+        this.service.msgSrv.success('保存成功');
+        this.getInfo();
+        // this.initSF();
+      }
+    });
+  }
+}
diff --git a/src/app/routes/account/components/edit-name/edit-name.component.html b/src/app/routes/account/components/edit-name/edit-name.component.html
new file mode 100644
index 00000000..a300858e
--- /dev/null
+++ b/src/app/routes/account/components/edit-name/edit-name.component.html
@@ -0,0 +1,75 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-11-29 11:06:01
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:14:39
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\account\\components\\edit-name\\edit-name.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" [formData]="formData">
+  <ng-template sf-template="smsVerifyCode" let-me let-ui="ui" let-schema="schema">
+    <div class="valid-code">
+      <input
+        type="text"
+        maxlength="6"
+        nz-input
+        [ngModel]="me.formProperty.value"
+        (ngModelChange)="me.setValue($event)"
+        placeholder="请输入验证码"
+      />
+      <button class="btn-code" nz-button nzType="link" [disabled]="count > 0"  (click)="getCaptcha()">
+        {{ count > 0 ? '请等待' + count + 's' : '获取验证码' }}
+      </button>
+    </div>
+  </ng-template>
+</sf>
+
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">关闭</button>
+  <button nz-button type="button" nzType="primary" (click)="submitForm()" [disabled]="!sf.valid">下一步</button>
+</div>
+
+<nz-modal [(nzVisible)]="isVisibleView"  [nzWidth]="600" [nzFooter]="nzModalFooterview" nzTitle="修改手机号码" (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel('1')">
+  <ng-container *nzModalContent>
+    <sf #sfView [schema]="schemaView" [ui]="uiView" [compact]="true" [button]="'none'">
+      <ng-template sf-template="smsVerifyCode" let-me let-ui="uiView" let-schema="schemaView">
+        <div style="position: relative;">
+          <input
+            type="text"
+            maxlength="6"
+            nz-input
+            [ngModel]="me.formProperty.value"
+            (ngModelChange)="me.setValue($event)"
+            placeholder="请输入验证码"
+          />
+          <button style="position: absolute;
+          top: 0;
+          right: 0;
+          z-index: 9;" nz-button nzType="link" [disabled]="count2 > 0"  (click)="getCaptcha2()">
+            {{ count2 > 0 ? '请等待' + count2 + 's' : '获取验证码' }}
+          </button>
+        </div>
+      </ng-template>
+    </sf>
+  </ng-container>
+  <ng-template #nzModalFooterview>
+    <button nz-button nzType="default" (click)="handleCancel('1')">取消</button>
+    <button nz-button nzType="primary" (click)="handleNew()">确定</button>
+  </ng-template>
+</nz-modal>
+<nz-modal [(nzVisible)]="isVisibleOk"  [nzWidth]="600"   (nzOnCancel)="handleCancel('1')" [nzFooter]='null' >
+  <ng-container *nzModalContent>
+    <nz-result
+    nzStatus="success"
+    nzTitle="修改成功!"
+    nzSubTitle="您已绑定新手机号，以后可用新手机号登录！"
+  >
+    <div nz-result-extra>
+      <button nz-button nzType="primary" (click)="handleCancel('3')">确定</button>
+    </div>
+  </nz-result>
+  </ng-container>
+</nz-modal>
\ No newline at end of file
diff --git a/src/app/routes/account/components/edit-name/edit-name.component.less b/src/app/routes/account/components/edit-name/edit-name.component.less
new file mode 100644
index 00000000..2c58b9fb
--- /dev/null
+++ b/src/app/routes/account/components/edit-name/edit-name.component.less
@@ -0,0 +1,20 @@
+:host {
+  .valid-code {
+    position: relative;
+  }
+  .btn-code {
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 9;
+  }
+  .valid-code2 {
+    position: relative;
+  }
+  .btn-code2 {
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 9;
+  }
+}
diff --git a/src/app/routes/account/components/edit-name/edit-name.component.spec.ts b/src/app/routes/account/components/edit-name/edit-name.component.spec.ts
new file mode 100644
index 00000000..a5f8d13a
--- /dev/null
+++ b/src/app/routes/account/components/edit-name/edit-name.component.spec.ts
@@ -0,0 +1,34 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-11-29 11:06:01
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:14:44
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\account\\components\\edit-name\\edit-name.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { AccountComponentsEditNameComponent } from './edit-name.component';
+
+describe('AccountComponentsEditNameComponent', () => {
+  let component: AccountComponentsEditNameComponent;
+  let fixture: ComponentFixture<AccountComponentsEditNameComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [AccountComponentsEditNameComponent],
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AccountComponentsEditNameComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/account/components/edit-name/edit-name.component.ts b/src/app/routes/account/components/edit-name/edit-name.component.ts
new file mode 100644
index 00000000..fdc0d05e
--- /dev/null
+++ b/src/app/routes/account/components/edit-name/edit-name.component.ts
@@ -0,0 +1,271 @@
+import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core';
+import { ErrorData, SFComponent, SFSchema, SFStringWidgetSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+// import { CaptchaComponent } from '@shared';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { interval, Observable, Observer } from 'rxjs';
+import { take } from 'rxjs/operators';
+import { AccountService } from '../../services/account.service';
+
+@Component({
+  selector: 'app-account-components-edit-name',
+  templateUrl: './edit-name.component.html',
+  styleUrls: ['./edit-name.component.less'],
+})
+export class AccountComponentsEditNameComponent implements OnInit, AfterViewInit {
+  // @ViewChild('dun', { static: false })
+  // private dun!: CaptchaComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfView', { static: false }) sfView!: SFComponent;
+  record: any = {};
+  i: any;
+  schema!: SFSchema;
+  schemaView!: SFSchema;
+  ui!: SFUISchema;
+  uiView: SFUISchema = {};
+  isVisibleView = false;
+  isVisibleOk = false;
+  formData: any = {};
+  count = 0;
+  count2 = 0;
+  oldName: any;
+  voucher: any;
+  codeTips: any;
+  interval$: any;
+
+  constructor(private modal: NzModalRef, public msgSrv: NzMessageService, public http: _HttpClient, public service: AccountService,private cdr: ChangeDetectorRef,) {}
+  ngAfterViewInit(): void {
+    // this.dun.init();
+  }
+
+  ngOnInit() {
+    this.codeTips = '为了账户安全，需您的手机验证（' + this.i?.phone + '）';
+    this.formData.oldName = this.i?.phone;
+    this.initSF();
+    this.initSFNew();
+    // this.getInfo();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        oldName: {
+          title: '手机号',
+          type: 'string',
+          default: this.formData?.oldName,
+          ui: {
+            widget: 'text',
+          },
+        },
+        // userName: {
+        //   title: '用户名(新)',
+        //   type: 'string',
+        //   minLength: 3,
+        //   maxLength: 30,
+        //   description: '3-30个字符，支持中英文、数字、符号“_”和“-”，只能修改一次',
+        //   ui: {
+        //     placeholder: '请输入新用户名',
+        //     errors: {
+        //       required: '请输入新用户名',
+        //     },
+        //   } as SFStringWidgetSchema,
+        // },
+        smsVerifyCode: {
+          title: '验证码',
+          type: 'string',
+          maxLength: 6,
+          minLength: 6,
+          description: this.codeTips,
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入验证码',
+            errors: {
+              required: '请输入6位数字验证码',
+              minLength: '请输入6位数字验证码',
+            },
+          },
+        },
+      },
+      required: ['userName', 'smsVerifyCode'],
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 100,
+        grid: { span: 24 },
+      },
+    };
+  }
+  initSFNew() {
+    this.schemaView = {
+      properties: {
+        phone: {
+          title: '新手机号',
+          type: 'string',
+          format: 'mobile',
+          maxLength: 11,
+          ui: {
+            placeholder: '请输入新手机号',
+            errors: {
+              required: '请输入新手机号',
+            },
+          } as SFStringWidgetSchema,
+        },
+        smsVerifyCode: {
+          title: '验证码',
+          type: 'string',
+          maxLength: 6,
+          minLength: 6,
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入验证码',
+            errors: {
+              required: '请输入6位验证码',
+              minLength: '请输入6位验证码',
+            },
+          },
+        },
+      },
+      required: ['phone', 'smsVerifyCode'],
+    };
+    this.uiView = {
+      '*': {
+        spanLabelFixed: 100,
+        grid: { span: 24 },
+      },
+    };
+  }
+
+  getCaptcha() {
+    const params = {
+      // phoneNumber: phone
+    };
+    this.service.request(this.service.$api_get_current_user_smVerification, params, 'POST', true, 'FORM').subscribe((res) => {
+      // code==503046 弹出网易盾
+      if (res && res.code === '1') {
+        this.service.msgSrv.success('发送成功');
+        this.createInterval();
+      } else if (res.code === '503046') {
+        // this.dun.popUp();
+      } else {
+        this.service.msgSrv.success(res.msg);
+      }
+    });
+  }
+
+  getCaptcha2() {
+    const params = {
+      phoneNumber: this.sfView.value.phone
+    };
+    this.service.request(this.service.$api_get_getSMVerificationCode, params, 'POST', true, 'FORM').subscribe((res) => {
+      // code==503046 弹出网易盾
+      if (res && res.code === '1') {
+        this.service.msgSrv.success('发送成功');
+        this.createInterval2();
+      } else if (res.code === '503046') {
+        // this.dun.popUp();
+      } else {
+        this.service.msgSrv.success(res.msg);
+      }
+    });
+  }
+
+  // /* code倒计时 */
+  // codeCountDown() {
+  //   this.count = 59;
+  //   this.interval$ = setInterval(() => {
+  //     this.count -= 1;
+  //     if (this.count <= 0) {
+  //       clearInterval(this.interval$);
+  //     }
+  //   }, 1000);
+  // }
+  private createInterval() {
+    this.count = 59;
+    interval(1000)
+      .pipe(take(60))
+      .subscribe((x: any) => {
+        this.count = 59 - (x + 1);
+        this.cdr.detectChanges();
+      });
+  }
+  private createInterval2() {
+    this.count2 = 59;
+    interval(1000)
+      .pipe(take(60))
+      .subscribe((x: any) => {
+        this.count2 = 59 - (x + 1);
+        this.cdr.detectChanges();
+      });
+  }
+  // codeCountDown2() {
+  //   this.count2 = 59;
+  //   this.interval$ = setInterval(() => {
+  //     this.count2 -= 1;
+  //     if (this.count <= 0) {
+  //       clearInterval(this.interval$);
+  //     }
+  //   }, 1000);
+  // }
+  /* 网易盾验证通过 */
+  captchaDone(validate: any) {
+    this.createInterval();
+  }
+
+  getInfo() {
+    const params = {
+      // id: this.i.id,
+    };
+    this.service.http.post(this.service.$api_get_current_user_info, params).subscribe((res) => {
+      // if (res) {
+      //   this.getCaptcha(res.data.phone);
+      // }
+    });
+  }
+
+  close() {
+    this.modal.destroy();
+  }
+  submitForm() {
+    const params = {
+      smsVerifyCode: this.sf.value.smsVerifyCode,
+    };
+
+    this.service.http.post(this.service.$api_get_verifyPhone, params).subscribe((res) => {
+      if (res.success) {
+        // this.modal.close(true);
+        this.voucher = res.data.voucher
+         this.isVisibleView = true
+      } else {
+        this.service.msgSrv.error(res.msg)
+      }
+    });
+  }
+  handleCancel(type: string) {
+     if(type === '1') {
+      this.isVisibleView = false
+    } else if(type === '2') {
+    console.log(type)
+    } else if(type === '3') {
+    this.modal.close()
+    }
+  }
+  handleOK() {
+    
+  }
+  handleNew() {
+    if(!this.sfView.valid) {
+      return;
+    }
+    const params = {
+      voucher: this.voucher,
+      ...this.sfView.value,
+    }
+    this.service.http.post(this.service.$api_set_voucherUpdatePhone, params).subscribe((res) => {
+      if (res.success) {
+        this.isVisibleOk = true;
+      } else {
+        this.service.msgSrv.error(res.msg)
+      }
+    });
+  }
+}
diff --git a/src/app/routes/account/components/edit-password/edit-password.component.html b/src/app/routes/account/components/edit-password/edit-password.component.html
new file mode 100644
index 00000000..0fd3cc15
--- /dev/null
+++ b/src/app/routes/account/components/edit-password/edit-password.component.html
@@ -0,0 +1,94 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-11-29 13:50:46
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:14:50
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\account\\components\\edit-password\\edit-password.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<nz-alert style="margin-bottom: 15px;" nzType="info" nzMessage="密码为字母和数字组成的8-16个字符，支持符号“_”和“-”。" nzShowIcon></nz-alert>
+<form nz-form [formGroup]="validateForm">
+  <nz-form-item>
+    <nz-form-label nzRequired>新密码</nz-form-label>
+    <nz-form-control nzErrorTip="密码格式错误">
+      <nz-input-group [nzSuffix]="suffixTemplate"  name='passWord'>
+        <input
+          [type]="passwordVisible ? 'text' : 'password'"
+          nz-input
+          placeholder="请输入新密码"
+          [(ngModel)]="password"
+          formControlName="passWord"
+        />
+      </nz-input-group>
+      <ng-template #suffixTemplate>
+        <i nz-icon [nzType]="passwordVisible ? 'eye-invisible' : 'eye'" (click)="passwordVisible = !passwordVisible"></i>
+      </ng-template>
+    </nz-form-control>
+  </nz-form-item>
+  <nz-form-item>
+    <nz-form-label nzRequired>确认新密码</nz-form-label>
+    <nz-form-control nzErrorTip="密码不一致">
+      <nz-input-group [nzSuffix]="suffixTemplate2"   name='passWordTo'>
+        <input
+          [type]="passwordVisible2 ? 'text' : 'password'"
+          nz-input
+          formControlName="passWordTo"
+          placeholder="请确认输入新密码"
+          [(ngModel)]="password2"
+        />
+      </nz-input-group>
+      <ng-template #suffixTemplate2>
+        <i nz-icon [nzType]="passwordVisible2 ? 'eye-invisible' : 'eye'" (click)="passwordVisible2 = !passwordVisible2"></i>
+      </ng-template>
+    </nz-form-control>
+  </nz-form-item>
+  <nz-form-item>
+    <nz-form-label nzRequired>手机号</nz-form-label>
+   {{this.record?.phone}}
+  </nz-form-item> 
+   <nz-form-item>
+    <nz-form-label
+      nzFor="smsVerifyCode"
+      nzRequired
+      [nzTooltipIcon]="captchaTooltipIcon"
+    >
+      验证码
+    </nz-form-label>
+    <nz-form-control
+      [nzSm]="14"
+      [nzXs]="24"
+    >
+      <div nz-row [nzGutter]="8">
+        <div nz-col [nzSpan]="12">
+          <input nz-input [maxlength]="6" formControlName="smsVerifyCode" id="smsVerifyCode" />
+        </div>
+        <div nz-col [nzSpan]="12" style="display: flex; align-items: center;">
+          <button nz-button *ngIf="count < 1;" (click)="getCaptcha($event)">获取验证码</button>
+          <span *ngIf="count > 1;">{{ count > 0 ? '请等待' + count + 's' : '获取验证码' }}</span>
+        </div>
+      </div>
+    </nz-form-control>
+  </nz-form-item>
+</form>
+<div *nzModalFooter>
+  <button nz-button nzType="default" (click)="destroyModal()">取消</button>
+  <button nz-button nzType="primary" (click)="save()" >确定</button>
+</div>
+
+
+<nz-modal [(nzVisible)]="isVisibleView"  [nzWidth]="600"   (nzOnCancel)="handleCancel()" [nzFooter]='null' >
+  <ng-container *nzModalContent>
+    <nz-result
+    nzStatus="success"
+    nzTitle="密码设置成功!"
+    nzSubTitle="请牢记您的新密码，修改密码后需重新登录，3秒后自动跳转至登录页..."
+  >
+    <div nz-result-extra>
+      <button nz-button nzType="primary" (click)="handleOK()">重新登录</button>
+    </div>
+  </nz-result>
+  </ng-container>
+</nz-modal>
diff --git a/src/app/routes/account/components/edit-password/edit-password.component.ts b/src/app/routes/account/components/edit-password/edit-password.component.ts
new file mode 100644
index 00000000..3f4cd9b7
--- /dev/null
+++ b/src/app/routes/account/components/edit-password/edit-password.component.ts
@@ -0,0 +1,130 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-27 10:30:56
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:14:54
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\account\\components\\edit-password\\edit-password.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { Component, Inject, OnInit, ViewChild } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup, ValidatorFn, Validators } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STChange, STColumn, STComponent, STData, STRequestOptions } from '@delon/abc/st';
+import { DA_SERVICE_TOKEN, ITokenService } from '@delon/auth';
+
+import { SFComponent, SFSchema, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { NzDrawerRef, NzDrawerService } from 'ng-zorro-antd/drawer';
+import { NzFormTooltipIcon } from 'ng-zorro-antd/form';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { AccountService } from '../../services/account.service';
+
+@Component({
+  selector: 'app-account-components-edit',
+  templateUrl: './edit-password.component.html'
+})
+export class AccountComponentsCenterEditComponent implements OnInit {
+  validateForm!: FormGroup;
+  record: any;
+  count = 0;
+  type = 'create';
+  isVisibleView = false
+  passwordVisible = false;
+  passwordVisible2 = false;
+  password: any;
+  password2: any;
+  interval$: any;
+  confirmationValidator =
+ (control: FormControl): { [s: string]: boolean } => {
+    if (!control.value) {
+      return { required: true };
+    } else if (control?.value !== this.validateForm?.value?.passWord) {
+      return { confirm: true, error: true };
+    }
+    return {};
+  };
+  captchaTooltipIcon: NzFormTooltipIcon = {
+    type: 'info-circle',
+    theme: 'twotone'
+  };
+  constructor(
+    public router: Router,
+    public ar: ActivatedRoute,
+    private modalRef: NzModalRef,
+    private fb: FormBuilder,
+    public service: AccountService,
+    @Inject(DA_SERVICE_TOKEN) private tokenService: ITokenService
+  ) {}
+
+  ngOnInit() {
+    this.initForm();
+  }
+  initForm () {
+  this.validateForm = this.fb.group({
+    passWord: [null,
+          [
+        Validators.required,
+        Validators.maxLength(16),
+        Validators.minLength(8),
+        Validators.pattern('^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z-_]{8,16}$')
+      ]],
+    passWordTo: [null, [ Validators.required, Validators.maxLength(16), Validators.minLength(8), this.confirmationValidator,]],
+    smsVerifyCode: [null, [Validators.required]],
+  });
+}
+  destroyModal(): void {
+    this.modalRef.destroy();
+  }
+  getCaptcha(e: MouseEvent): void {
+    this.service.request(this.service.$api_get_current_user_smVerification).subscribe(res => {
+      // code==503046 弹出网易盾
+      if (res && res.code === '1') {
+        this.service.msgSrv.success('发送成功');
+        e.preventDefault();
+        this.codeCountDown();
+      }else {
+        this.service.msgSrv.success(res.msg);
+      }
+    });
+  }
+  save() {
+    if(!this.validateForm.valid) {
+      this.service.msgSrv.warning('必填项为空或格式错误，请检查！')
+      return;
+    }
+    const params = {  
+      ...this.validateForm.value
+    };
+    this.service.request(this.service.$api_set_phoneUpdatePassword, params).subscribe((res) => {
+      if (res) {
+        this.service.msgSrv.success('修改密码成功！');
+        this.isVisibleView = true;
+        setTimeout(() => {
+          this.tokenService.clear();
+          this.router.navigate(['/passport/login'])
+          this.modalRef.close()
+        }, 3000)
+      }
+    });
+  }
+  /* code倒计时 */
+  codeCountDown() {
+    this.count = 59;
+    this.interval$ = setInterval(() => {
+      this.count -= 1;
+      if (this.count <= 0) {
+        clearInterval(this.interval$);
+      }
+    }, 1000);
+  }
+  handleCancel() {
+     this.isVisibleView = false
+ }
+ handleOK() {
+   this.modalRef.close()
+   this.tokenService.clear();
+   this.router.navigate(['/passport/login'])
+ }
+}
diff --git a/src/app/routes/account/services/account.service.ts b/src/app/routes/account/services/account.service.ts
new file mode 100644
index 00000000..69608398
--- /dev/null
+++ b/src/app/routes/account/services/account.service.ts
@@ -0,0 +1,42 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-27 10:30:56
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:14:59
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\account\\services\\account.service.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { Injectable, Injector } from '@angular/core';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { map } from 'rxjs/operators';
+import { BaseService } from 'src/app/shared/services/core/base.service';
+import { EAFileUtil } from 'src/app/shared/utils/file.util';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class AccountService extends BaseService {
+
+  // 获取当前登录用户详情
+  $api_get_current_user_info = `/api/mdc/cuc/user/getUserInfo`;
+
+  // 根据当前登录用户绑定的手机号码获取短信验证码
+  $api_get_current_user_smVerification = `/api/mdc/pbc/smsSend/getSmVerificationCodeByToken`;
+  // 获取短信验证码
+  $api_get_getSMVerificationCode = `/api/mdc/pbc/smsSend/getSMVerificationCode`;
+
+  // 验证手机号
+  $api_get_verifyPhone = `/api/mdc/cuc/userBasicInfo/forgetPassword/verifyPhone`;
+
+  // 凭证修改手机号
+  $api_set_voucherUpdatePhone = `/api/mdc/cuc/userBasicInfo/forgetPassword/voucherUpdatePhone`;
+  // 凭证修改密码
+  $api_set_phoneUpdatePassword = `/api/mdc/cuc/userBasicInfo/phoneUpdatePassword`;
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/commom/components/basic-table/basic-table.component.ts b/src/app/routes/commom/components/basic-table/basic-table.component.ts
new file mode 100644
index 00000000..99def7f4
--- /dev/null
+++ b/src/app/routes/commom/components/basic-table/basic-table.component.ts
@@ -0,0 +1,40 @@
+import { AfterViewInit, Component, OnInit } from '@angular/core';
+import { fromEvent } from 'rxjs';
+import { debounceTime } from 'rxjs/operators';
+
+@Component({
+  template: ''
+})
+export class BasicTableComponent implements AfterViewInit {
+  scrollY = '400px';
+
+  constructor() {}
+
+  ngAfterViewInit(): void {
+    setTimeout(() => {
+      this.getScrollY();
+    }, 100);
+    fromEvent(window, 'resize')
+      .pipe(debounceTime(100))
+      .subscribe(event => {
+        this.getScrollY();
+      });
+  }
+
+  getScrollY() {
+    const windowHeight = window.innerHeight || Math.max(document.documentElement.clientHeight, document.body.clientHeight);
+    const header = document.getElementsByTagName('layout-pro-header')?.[0];
+    if (windowHeight && header) {
+      let scrollY = windowHeight - header.clientHeight - 35 - 49;
+      const headerWrapper = document.getElementsByTagName('page-header-wrapper')?.[0];
+      if (headerWrapper) {
+        scrollY -= headerWrapper.clientHeight;
+      }
+      const tabset = document.getElementsByTagName('nz-tabset')?.[0];
+      if (tabset) {
+        scrollY -= tabset.clientHeight;
+      }
+      this.scrollY = scrollY + 'px';
+    }
+  }
+}
diff --git a/src/app/routes/commom/less/basic-board.less b/src/app/routes/commom/less/basic-board.less
new file mode 100644
index 00000000..84354724
--- /dev/null
+++ b/src/app/routes/commom/less/basic-board.less
@@ -0,0 +1,5 @@
+:host::ng-deep {
+    .ant-form-item {
+        margin-bottom: 0;
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/commom/less/box.less b/src/app/routes/commom/less/box.less
new file mode 100644
index 00000000..b4da38e9
--- /dev/null
+++ b/src/app/routes/commom/less/box.less
@@ -0,0 +1,42 @@
+:host::ng-deep {
+    .search-box {
+        .ant-card-body {
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box {
+        .ant-card-body {
+            padding-top: 0;
+        }
+    }
+
+    nz-range-picker {
+        width: 100%;
+    }
+
+    .ant-tabs-tab-btn {
+        padding-right: 16px;
+        padding-left : 16px;
+    }
+
+    .text-truncate {
+        white-space: normal;
+    }
+
+    .bold {
+        .ant-statistic-title {
+            font-weight: 600;
+            color      : #000;
+            font-size  : 16px;
+        }
+    }
+}
+
+.total-footer {
+    position   : absolute;
+    bottom     : 25px;
+    height     : 32px;
+    margin     : 16px 0;
+    line-height: 32px;
+}
\ No newline at end of file
diff --git a/src/app/routes/commom/less/commom-table.less b/src/app/routes/commom/less/commom-table.less
new file mode 100644
index 00000000..1eb73d94
--- /dev/null
+++ b/src/app/routes/commom/less/commom-table.less
@@ -0,0 +1,70 @@
+:host {
+  ::ng-deep {
+    nz-card {
+      margin: -24px -24px 0;
+
+      .ant-tabs-nav {
+        margin: 0;
+      }
+    }
+
+    .ant-tabs-tab {
+      margin: 0 0 0 16px;
+      padding: 12px 0;
+    }
+
+    .ant-table-body {
+      border-bottom: 1px solid #f0f0f0;
+    }
+
+    .table-box {
+      .ant-card-body {
+        padding: 0;
+      }
+    }
+
+    .ant-table-pagination.ant-pagination {
+      margin: 8px;
+    }
+
+    .ant-table-thead > tr > th,
+    .ant-table-tbody > tr > td,
+    .ant-table tfoot > tr > th,
+    .ant-table tfoot > tr > td {
+      padding: 8px;
+    }
+
+    .ant-table.ant-table-bordered > .ant-table-container {
+      border-top: 0;
+    }
+
+    .ant-pagination-item {
+      min-width: 24px;
+      height: 24px;
+      line-height: 21px;
+    }
+
+    .ant-pagination-total-text {
+      height: 24px;
+      line-height: 24px;
+    }
+
+    .ant-pagination-prev,
+    .ant-pagination-next,
+    .ant-pagination-jump-prev,
+    .ant-pagination-jump-next {
+      min-width: 24px;
+      height: 24px;
+      line-height: 21px;
+    }
+
+    .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
+      height: 24px;
+    }
+
+    .ant-select-single .ant-select-selector .ant-select-selection-item,
+    .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
+      line-height: 21px;
+    }
+  }
+}
diff --git a/src/app/routes/commom/less/expend-but.less b/src/app/routes/commom/less/expend-but.less
new file mode 100644
index 00000000..f454e789
--- /dev/null
+++ b/src/app/routes/commom/less/expend-but.less
@@ -0,0 +1,13 @@
+.expend-options {
+    margin-top: 0;
+}
+
+
+@media (min-width: 1200px) {
+    .expend-options {
+        position : absolute;
+        right    : 0;
+        bottom   : 25px;
+        max-width: 450px;
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/contract-management/components/contract-detail/contract-detail.component.html b/src/app/routes/contract-management/components/contract-detail/contract-detail.component.html
new file mode 100644
index 00000000..dfdcf8f2
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-detail/contract-detail.component.html
@@ -0,0 +1,26 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-10 14:44:57
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:15:13
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\contract-detail\\contract-detail.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<!-- 页头 -->
+<page-header-wrapper [logo]="logo" [title]="textStatus" >
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+  <div nz-col nzSpan="20" style="overflow: scroll">
+    <nz-card class="card-height" >
+      <div [innerHTML]="detailList?.contractContent | safehtml"></div>
+    </nz-card>
+  </div>
+</nz-card>
diff --git a/src/app/routes/contract-management/components/contract-detail/contract-detail.component.less b/src/app/routes/contract-management/components/contract-detail/contract-detail.component.less
new file mode 100644
index 00000000..ed026470
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-detail/contract-detail.component.less
@@ -0,0 +1,4 @@
+.title {
+padding-right: 4px;
+padding-left: 14px !important;
+}
\ No newline at end of file
diff --git a/src/app/routes/contract-management/components/contract-detail/contract-detail.component.spec.ts b/src/app/routes/contract-management/components/contract-detail/contract-detail.component.spec.ts
new file mode 100644
index 00000000..e4586857
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-detail/contract-detail.component.spec.ts
@@ -0,0 +1,34 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-10 14:44:57
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:15:18
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\contract-detail\\contract-detail.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ContractManagementDetailComponent } from './contract-detail.component';
+
+describe('ContractManagementDetailComponent', () => {
+  let component: ContractManagementDetailComponent;
+  let fixture: ComponentFixture<ContractManagementDetailComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ContractManagementDetailComponent],
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ContractManagementDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/contract-management/components/contract-detail/contract-detail.component.ts b/src/app/routes/contract-management/components/contract-detail/contract-detail.component.ts
new file mode 100644
index 00000000..2070a2e2
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-detail/contract-detail.component.ts
@@ -0,0 +1,59 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-10 14:44:57
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:15:43
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\contract-detail\\contract-detail.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { DatePipe } from '@angular/common';
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ContractManagementService } from '../../services/contract-management.service';
+
+@Component({
+  selector: 'app-contract-management-detail-complaint',
+  templateUrl: './contract-detail.component.html',
+  styleUrls: ['./contract-detail.component.less'],
+  providers: [DatePipe]
+})
+export class ContractManagementDetailComponent implements OnInit {
+  constructor(
+    private nzModalService: NzModalService,
+    public service: ContractManagementService,
+    public route: ActivatedRoute,
+    private datePipe: DatePipe,
+    private router: Router
+  ) {}
+  textStatus = '合同详情';
+  name: any;
+  code: any;
+  templateHTML: any;
+  detailList: any = {
+    templateName: ''
+  };
+  ngOnInit() {
+    this.initData(this.service.$api_contract_get);
+  }
+  goBack() {
+    window.history.go(-1);
+  }
+
+  initData(url: string) {
+    this.service.request(url, { id: this.route.snapshot.params.id }).subscribe(res => {
+      if (res) {
+        this.detailList = res;
+        this.detailList = res;
+        let value: any = JSON.parse(res.contractParameter);
+        this.code = value['${code}'];
+        this.name = value['${name}'];
+      }
+    });
+  }
+  cancel() {
+    window.history.go(-1);
+  }
+}
diff --git a/src/app/routes/contract-management/components/contract-frame/contract-frame.component.html b/src/app/routes/contract-management/components/contract-frame/contract-frame.component.html
new file mode 100644
index 00000000..37e24dfb
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-frame/contract-frame.component.html
@@ -0,0 +1,101 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-07 13:29:57
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-24 10:08:53
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\contract-frame\\contract-frame.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container>
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'">
+          <ng-template sf-template="signTime" let-me let-ui="ui" let-schema="schema">
+            <ng-template sf-template="effectiveEndTime" let-me let-ui="ui" let-schema="schema">
+              <nz-range-picker [nzShowTime]="true" [(ngModel)]="sf.value.effectiveEndTime"></nz-range-picker>
+            </ng-template>
+            <nz-range-picker [nzShowTime]="true" [(ngModel)]="sf.value.signTime"></nz-range-picker>
+          </ng-template>
+        </sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button
+          nz-button
+          nzType="primary"
+          [disabled]="!sf.valid"
+          [nzLoading]="isLoading && st.loading"
+          (click)="st?.load(1)"
+          acl
+          [acl-ability]="['CONTRACT-INDEX-listFrame']"
+          >查询</button
+        >
+        <button nz-button (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+  <div style="position: relative">
+    <nz-alert
+      nzType="info"
+      [nzMessage]="'当前共' + st?.total + '行记录，已选择' + selectedRows.length + '项'"
+      nzShowIcon
+      [ngStyle]="{ margin: '0 0 1rem 0' }"
+    >
+    </nz-alert>
+  </div>
+
+  <st
+    #st
+    [data]="service.$api_listFrame_page"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="service.http.loading"
+    [scroll]="{ x: '1200px', y: '370px' }"
+    (change)="stChange($event)"
+  >
+    <ng-template st-row="contractCode" let-item let-index="index">
+      <a [routerLink]="'/contract-management/index/detail/' + item.id">{{ item?.contractCode }}</a>
+    </ng-template>
+  </st>
+</nz-card>
+
+<ng-template #auditModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="80">
+      <se [col]="1" label="备注">
+        <textarea
+          nz-input
+          rows="3"
+          placeholder="同意可以不用填写原因 ，拒绝必须说明原因"
+          style="width: 325px; margin-left: 14px"
+        ></textarea>
+      </se>
+    </div>
+  </div>
+</ng-template>
diff --git a/src/app/routes/contract-management/components/contract-frame/contract-frame.component.less b/src/app/routes/contract-management/components/contract-frame/contract-frame.component.less
new file mode 100644
index 00000000..7151df68
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-frame/contract-frame.component.less
@@ -0,0 +1,35 @@
+:host::ng-deep {
+    .search-box {
+        .ant-card-body {
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box {
+        .ant-card-body {
+            padding-top: 0;
+        }
+    }
+
+    nz-range-picker {
+        width: 100%;
+    }
+
+    .ant-tabs-tab-btn {
+        padding-right: 16px;
+        padding-left : 16px;
+    }
+}
+
+.expend-options {
+    margin-top: 0;
+}
+
+
+@media (min-width: 1200px) {
+    .expend-options {
+        z-index   : -99;
+        margin-top: -40px;
+    }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/contract-management/components/contract-frame/contract-frame.component.ts b/src/app/routes/contract-management/components/contract-frame/contract-frame.component.ts
new file mode 100644
index 00000000..517ec984
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-frame/contract-frame.component.ts
@@ -0,0 +1,307 @@
+import { DatePipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema, SFUISchema, SFSelectWidgetSchema } from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ContractManagementService } from '../../services/contract-management.service';
+
+@Component({
+  selector: 'app-contract-management-contract-frame',
+  templateUrl: './contract-frame.component.html',
+  styleUrls: ['./contract-frame.component.less'],
+  providers: [DatePipe]
+})
+export class ContractManagementFrameComponent implements OnInit {
+  url = `/rule?_allow_anonymous=true`;
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('auditModal', { static: false })
+  auditModal!: any;
+  schema: SFSchema = {};
+  columns: STColumn[] = [];
+  ui: SFUISchema = {};
+  _$expand = false;
+  selectedRows: any[] = [];
+  isLoading: boolean = false;
+  constructor(
+    public service: ContractManagementService,
+    private nzModalService: NzModalService,
+    private router: Router,
+    public shipperservice: ShipperBaseService,
+    private datePipe: DatePipe,
+      ) {}
+
+  ngOnInit(): void {
+    this.initST();
+    this.initSF();
+  }
+    /**
+ * 查询参数
+ */
+     get reqParams() {
+      const params = {
+        ...this.sf?.value,
+      }
+      delete params.signTime;
+      delete params._$expand;
+      if(this.datePipe.transform(this.sf?.value?.signTime?.[0], 'yyyy-MM-dd HH:mm:ss') && this.datePipe.transform(this.sf?.value?.signTime?.[1], 'yyyy-MM-dd HH:mm:ss')) {
+        params.signTime = {
+          start: this.datePipe.transform(this.sf?.value?.signTime?.[0], 'yyyy-MM-dd HH:mm:ss'),
+          end: this.datePipe.transform(this.sf?.value?.signTime?.[1], 'yyyy-MM-dd HH:mm:ss'),
+         }
+      }
+      if(this.datePipe.transform(this.sf?.value?.effectiveEndTime?.[0], 'yyyy-MM-dd HH:mm:ss') && this.datePipe.transform(this.sf?.value?.effectiveEndTime?.[1], 'yyyy-MM-dd HH:mm:ss')) {
+        params.effectiveEndTime = {
+          start: this.datePipe.transform(this.sf?.value?.effectiveEndTime?.[0], 'yyyy-MM-dd HH:mm:ss'),
+          end: this.datePipe.transform(this.sf?.value?.effectiveEndTime?.[1], 'yyyy-MM-dd HH:mm:ss'),
+         }
+      }
+      return {
+        ...params
+      };
+    }
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      {
+        title: '合同编号',
+        width: '100px',
+        className: 'text-center',
+        render: 'contractCode'
+      },
+      {
+        title: '签约对象',
+        width: '100px',
+        className: 'text-center',
+        index: 'signingObjectLabel'
+      },
+      {
+        title: '合同类型',
+        width: '100px',
+        className: 'text-center',
+        index: 'contractTypeLabel'
+      },
+      {
+        title: '合同名称',
+        width: '100px',
+        className: 'text-center',
+        index: 'templateName'
+      },
+      { title: '网络货运人', index: 'enterpriseInfoName', width: '120px', className: 'text-center' },
+      { title: '合同对象', index: 'contractObjectName', width: '120px', className: 'text-center' },
+      {
+        title: '有效期至',
+        className: 'text-center',
+        width: '120px',
+        index: 'effectiveEndTime'
+      },
+      {
+        title: '签署日期',
+        className: 'text-center',
+        width: '120px',
+        index: 'signTime'
+      },
+      {
+        title: '状态',
+        className: 'text-center',
+        width: '120px',
+        type: 'badge',
+        index: 'esignFlowStatus',
+        badge: {
+          '0': { text: '未发起', color: 'default' },
+          '1': { text: '待签章', color: 'default' },
+          '2': { text: '已生效', color: 'success' },
+          '3': { text: '已撤销', color: 'warning' },
+          '4': { text: '已作废', color: 'warning' },
+          '5': { text: '已过期', color: 'warning' },
+          '7': { text: '已拒签', color: 'warning' }
+        }
+      }
+    ];
+  }
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        contractCode: {
+          type: 'string',
+          title: '合同编号'
+        },
+        signingObject: {
+          type: 'string',
+          title: '签约对象',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '货主', value: 1 },
+            { label: '司机', value: 2 },
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+          }
+        },
+        contractType: {
+          title: '合同类型',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            containsAllLable: true,
+            params: { dictKey: 'contract:type' },
+            containAllLable:true,
+          } as SFSelectWidgetSchema,
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder()
+          }
+        },
+        contractObjectName: {
+          type: 'string',
+          title: '合同对象',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        signTime: {
+          title: '签署日期',
+          type: 'string',
+          ui: {
+            widget: 'custom',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        effectiveEndTime: {
+          title: '有效期',
+          type: 'string',
+          ui: {
+            widget: 'custom',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        esignFlowStatus: {
+          title: '状态',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            containsAllLable: true,
+            params: { dictKey: 'esign:flow:status' },
+            containAllLable:true,
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          } as SFSelectWidgetSchema,
+        },
+      },
+      type: 'object'
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+      case 'filter':
+        this.st.load();
+        break;
+    }
+  }
+
+  approval(): void {}
+
+  add(): void {}
+
+  routeTo(item: any) {
+    this.router.navigate(['/ticket/invoice-requested-detail/1']);
+  }
+
+  auditAction(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '审核',
+      nzContent: this.auditModal,
+      nzFooter: [
+        {
+          label: '拒绝',
+          type: 'default',
+          onClick: () => {
+            modal.destroy();
+          }
+        },
+        {
+          label: '通过',
+          type: 'primary',
+          onClick: () => {
+            modal.destroy();
+          }
+        }
+      ]
+    });
+    modal.afterClose.subscribe(res => {
+      this.st.load();
+    });
+  }
+
+  showReason(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '查看原因',
+      nzContent: '运单数据异常，暂时无法开票，请联系客服400-xxxx-xxxx',
+      nzFooter: [
+        {
+          label: '关闭',
+          type: 'primary',
+          onClick: () => {
+            modal.destroy();
+          }
+        }
+      ]
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+    this.isLoading = true;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+}
diff --git a/src/app/routes/contract-management/components/contract-list/contract-list.component.html b/src/app/routes/contract-management/components/contract-list/contract-list.component.html
new file mode 100644
index 00000000..2c054c6a
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-list/contract-list.component.html
@@ -0,0 +1,72 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-07 15:57:49
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-23 20:11:50
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\contract-list\\contract-list.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf #sf [schema]="schema" [ui]="ui" [mode]="'search'" [disabled]="!sf?.valid" [loading]="false"
+        (formSubmit)="st?.load(1)" (formReset)="resetSF()"></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container>
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'">
+          <ng-template sf-template="signTime" let-me let-ui="ui" let-schema="schema">
+            <!-- <input placeholder="请输入1-30" type="number" [ngModel]="sf.value.description3" style="width: 200px;" nz-input />
+              <span> 天内支付运费</span> -->
+            <nz-range-picker [nzShowTime]="true" [(ngModel)]="sf.value.signTime"></nz-range-picker>
+          </ng-template>
+        </sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading"
+          (click)="st?.load(1)"  acl  [acl-ability]="['CONTRACT-INDEX-searchDetail']">查询</button>
+        <button nz-button (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+  <div style="position: relative">
+    <nz-alert nzType="info" [nzMessage]="'当前共' + st?.total + '行记录，已选择' + selectedRows.length + '项'" nzShowIcon
+      [ngStyle]="{ margin: '0 0 1rem 0' }">
+    </nz-alert>
+  </div>
+
+  <st #st [data]="service.$api_listDetailed_page" [columns]="columns" [req]="{  params: reqParams }"
+    [loading]="false" [scroll]="{ x: '1200px', y: '370px' }" (change)="stChange($event)">
+    <ng-template st-row="contractCode" let-item let-index="index">
+      <a [routerLink]="'/contract-management/index/detail/' + item.id">{{ item?.contractCode }}</a>
+    </ng-template>
+    <ng-template st-row="signingObject" let-item let-index="index">
+     <span *ngIf="item.signingObject == 0"></span>
+     <span></span>
+    </ng-template>
+  </st>
+</nz-card>
+
+<ng-template #auditModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="80">
+      <se [col]="1" label="备注">
+        <textarea nz-input rows="3" placeholder="同意可以不用填写原因 ，拒绝必须说明原因"
+          style="width: 325px; margin-left: 14px"></textarea>
+      </se>
+    </div>
+  </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/contract-management/components/contract-list/contract-list.component.less b/src/app/routes/contract-management/components/contract-list/contract-list.component.less
new file mode 100644
index 00000000..e275a512
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-list/contract-list.component.less
@@ -0,0 +1,35 @@
+:host::ng-deep {
+    .search-box {
+        .ant-card-body {
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box {
+        .ant-card-body {
+            padding-top: 0;
+        }
+    }
+
+    nz-range-picker {
+        width: 100%;
+    }
+
+    .ant-tabs-tab-btn {
+        padding-left : 16px;
+        padding-right: 16px;
+    }
+}
+
+.expend-options {
+    margin-top: 0px;
+}
+
+
+@media (min-width: 1200px) {
+    .expend-options {
+        margin-top: -40px;
+        z-index   : -99;
+    }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/contract-management/components/contract-list/contract-list.component.ts b/src/app/routes/contract-management/components/contract-list/contract-list.component.ts
new file mode 100644
index 00000000..cccc353b
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-list/contract-list.component.ts
@@ -0,0 +1,248 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema, SFUISchema, SFSelectWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ContractManagementService } from '../../services/contract-management.service';
+import { DatePipe } from '@angular/common';
+import { ShipperBaseService } from '@shared';
+
+@Component({
+  selector: 'app-contract-management-contract-list',
+  templateUrl: './contract-list.component.html',
+  styleUrls: ['./contract-list.component.less'],
+  providers: [DatePipe]
+})
+export class ContractManagementContractListComponent implements OnInit {
+  url = `/rule?_allow_anonymous=true`;
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('auditModal', { static: false })
+  auditModal!: any;
+  schema: SFSchema = {};
+  columns: STColumn[] = [];
+  ui: SFUISchema = {};
+  _$expand = false;
+  isLoading: boolean = false;
+  /**
+ * 查询参数
+ */
+  get reqParams() {
+    const params = {
+      ...this.sf?.value,
+    }
+    delete params.signTime;
+    delete params._$expand;
+    if (this.datePipe.transform(this.sf?.value?.signTime?.[0], 'yyyy-MM-dd HH:mm:ss') && this.datePipe.transform(this.sf?.value?.signTime?.[1], 'yyyy-MM-dd HH:mm:ss')) {
+      params.signTime = {
+        start: this.datePipe.transform(this.sf?.value?.signTime?.[0], 'yyyy-MM-dd HH:mm:ss'),
+        end: this.datePipe.transform(this.sf?.value?.signTime?.[1], 'yyyy-MM-dd HH:mm:ss'),
+      }
+    }
+    return {
+      ...params
+    };
+  }
+  selectedRows: any[] = [];
+  constructor(
+    public service: ContractManagementService,
+    private nzModalService: NzModalService,
+    public shipperservice: ShipperBaseService,
+    private router: Router,
+    private datePipe: DatePipe,
+  ) { }
+
+  ngOnInit(): void {
+    this.initST()
+    this.initSF()
+  }
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      {
+        title: '合同编号',
+        width: '100px',
+        className: 'text-center',
+        render: 'contractCode'
+      },
+      {
+        title: '签约对象',
+        width: '100px',
+        className: 'text-center',
+        index: 'signingObjectLabel'
+      },
+      {
+        title: '合同类型',
+        width: '100px',
+        className: 'text-center',
+        index: 'contractName'
+      },
+      {
+        title: '业务单号',
+        className: 'text-center',
+        width: '120px',
+        index: 'businessCode'
+      },
+      {
+        title: '签署日期',
+        className: 'text-center',
+        width: '120px',
+        index: 'signTime'
+      },
+      {
+        title: '状态',
+        className: 'text-center',
+        width: '120px',
+        type: 'badge',
+        index: 'esignFlowStatus',
+        badge: {
+          '0': { text: '未发起', color: 'default' },
+          '1': { text: '待签章', color: 'default' },
+          '2': { text: '已生效', color: 'success' },
+          '3': { text: '已撤销', color: 'warning' },
+          '4': { text: '已作废', color: 'warning' },
+          '5': { text: '已过期', color: 'warning' },
+          '7': { text: '已拒签', color: 'warning' },
+        },
+      },
+
+    ];
+  }
+  /**
+* 初始化查询表单
+*/
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        contractCode: {
+          type: 'string',
+          title: '合同编号',
+        },
+        businessCode: {
+          type: 'string',
+          title: '业务单号'
+        },
+        shipperName: {
+          type: 'string',
+          title: '托运人'
+        },
+        carrierName: {
+          type: 'string',
+          title: '承运人',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        documentType: {
+          title: '单据类型',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            containsAllLabel: true,
+            params: { dictKey: 'contract:document:type' },
+            containAllLable: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          } as SFSelectWidgetSchema,
+        },
+        signTime: {
+          title: '签署日期',
+          type: 'string',
+          ui: {
+            widget: 'custom',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+      },
+      type: 'object',
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+  /**
+* 查询字段个数
+*/
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+      case 'filter':
+        this.st.load();
+        break;
+    }
+  }
+  routeTo(item: any) {
+    this.router.navigate(['/ticket/invoice-requested-detail/1']);
+  }
+
+  auditAction(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '审核',
+      nzContent: this.auditModal,
+      nzFooter: [
+        {
+          label: '拒绝',
+          type: 'default',
+          onClick: () => {
+            modal.destroy();
+          }
+        },
+        {
+          label: '通过',
+          type: 'primary',
+          onClick: () => {
+            modal.destroy();
+          }
+        }
+      ]
+    });
+    modal.afterClose.subscribe(res => {
+      this.st.load();
+    });
+  }
+
+  showReason(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '查看原因',
+      nzContent: '运单数据异常，暂时无法开票，请联系客服400-xxxx-xxxx',
+      nzFooter: [
+        {
+          label: '关闭',
+          type: 'primary',
+          onClick: () => {
+            modal.destroy();
+          }
+        }
+      ]
+    });
+  }
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+    this.isLoading = true
+  }
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+}
diff --git a/src/app/routes/contract-management/components/contract-partner/contract-partner.component.html b/src/app/routes/contract-management/components/contract-partner/contract-partner.component.html
new file mode 100644
index 00000000..4b5e20cd
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-partner/contract-partner.component.html
@@ -0,0 +1,101 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-07 13:29:57
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-24 10:08:28
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\contract-partner\\contract-partner.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container>
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'">
+          <ng-template sf-template="signTime" let-me let-ui="ui" let-schema="schema">
+            <nz-range-picker [nzShowTime]="true" [(ngModel)]="sf.value.signTime"></nz-range-picker>
+          </ng-template>
+          <ng-template sf-template="effectiveEndTime" let-me let-ui="ui" let-schema="schema">
+            <nz-range-picker [nzShowTime]="true" [(ngModel)]="sf.value.effectiveEndTime"></nz-range-picker>
+          </ng-template>
+        </sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button
+          nz-button
+          nzType="primary"
+          [disabled]="!sf.valid"
+          [nzLoading]="service.http.loading"
+          (click)="st?.load(1)"
+          acl
+          [acl-ability]="['CONTRACT-INDEX-listFrame']"
+          >查询</button
+        >
+        <button nz-button (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+  <div style="position: relative">
+    <nz-alert
+      nzType="info"
+      [nzMessage]="'当前共' + st?.total + '行记录，已选择' + selectedRows.length + '项'"
+      nzShowIcon
+      [ngStyle]="{ margin: '0 0 1rem 0' }"
+    >
+    </nz-alert>
+  </div>
+
+  <st
+    #st
+    [data]="service.$api_listPartner_page"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="false"
+    [scroll]="{ x: '1200px', y: '370px' }"
+    (change)="stChange($event)"
+  >
+    <ng-template st-row="contractCode" let-item let-index="index">
+      <a [routerLink]="'/contract-management/index/detail/' + item.id">{{ item?.contractCode }}</a>
+    </ng-template>
+  </st>
+</nz-card>
+
+<ng-template #auditModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="80">
+      <se [col]="1" label="备注">
+        <textarea
+          nz-input
+          rows="3"
+          placeholder="同意可以不用填写原因 ，拒绝必须说明原因"
+          style="width: 325px; margin-left: 14px"
+        ></textarea>
+      </se>
+    </div>
+  </div>
+</ng-template>
diff --git a/src/app/routes/contract-management/components/contract-partner/contract-partner.component.less b/src/app/routes/contract-management/components/contract-partner/contract-partner.component.less
new file mode 100644
index 00000000..7151df68
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-partner/contract-partner.component.less
@@ -0,0 +1,35 @@
+:host::ng-deep {
+    .search-box {
+        .ant-card-body {
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box {
+        .ant-card-body {
+            padding-top: 0;
+        }
+    }
+
+    nz-range-picker {
+        width: 100%;
+    }
+
+    .ant-tabs-tab-btn {
+        padding-right: 16px;
+        padding-left : 16px;
+    }
+}
+
+.expend-options {
+    margin-top: 0;
+}
+
+
+@media (min-width: 1200px) {
+    .expend-options {
+        z-index   : -99;
+        margin-top: -40px;
+    }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/contract-management/components/contract-partner/contract-partner.component.ts b/src/app/routes/contract-management/components/contract-partner/contract-partner.component.ts
new file mode 100644
index 00000000..5517e3f9
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-partner/contract-partner.component.ts
@@ -0,0 +1,305 @@
+import { DatePipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema, SFUISchema, SFSelectWidgetSchema } from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ContractManagementService } from '../../services/contract-management.service';
+
+@Component({
+  selector: 'app-contract-management-contract-partner',
+  templateUrl: './contract-partner.component.html',
+  styleUrls: ['./contract-partner.component.less'],
+  providers: [DatePipe]
+})
+export class ContractManagementPartnerComponent implements OnInit {
+  url = `/rule?_allow_anonymous=true`;
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('auditModal', { static: false })
+  auditModal!: any;
+  schema: SFSchema = {};
+  columns: STColumn[] = [];
+  ui: SFUISchema = {};
+  _$expand = false;
+  selectedRows: any[] = [];
+  constructor(
+    public service: ContractManagementService,
+    private nzModalService: NzModalService,
+    private router: Router,
+    public shipperservice: ShipperBaseService,
+    private datePipe: DatePipe,
+    ) {}
+
+  ngOnInit(): void {
+    this.initST();
+    this.initSF();
+  }
+   /**
+ * 查询参数
+ */
+    get reqParams() {
+      const params = {
+        ...this.sf?.value,
+      }
+      delete params.signTime;
+      delete params._$expand;
+      if(this.datePipe.transform(this.sf?.value?.signTime?.[0], 'yyyy-MM-dd HH:mm:ss') && this.datePipe.transform(this.sf?.value?.signTime?.[1], 'yyyy-MM-dd HH:mm:ss')) {
+        params.signTime = {
+          start: this.datePipe.transform(this.sf?.value?.signTime?.[0], 'yyyy-MM-dd HH:mm:ss'),
+          end: this.datePipe.transform(this.sf?.value?.signTime?.[1], 'yyyy-MM-dd HH:mm:ss'),
+         }
+      }
+      if(this.datePipe.transform(this.sf?.value?.effectiveEndTime?.[0], 'yyyy-MM-dd HH:mm:ss') && this.datePipe.transform(this.sf?.value?.effectiveEndTime?.[1], 'yyyy-MM-dd HH:mm:ss')) {
+        params.effectiveEndTime = {
+          start: this.datePipe.transform(this.sf?.value?.effectiveEndTime?.[0], 'yyyy-MM-dd HH:mm:ss'),
+          end: this.datePipe.transform(this.sf?.value?.effectiveEndTime?.[1], 'yyyy-MM-dd HH:mm:ss'),
+         }
+      }
+      return {
+        ...params
+      };
+    }
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      {
+        title: '合同编号',
+        width: '100px',
+        className: 'text-center',
+        render: 'contractCode'
+      },
+      {
+        title: '签约对象',
+        width: '100px',
+        className: 'text-center',
+        index: 'signingObjectLabel'
+      },
+      {
+        title: '合同类型',
+        width: '100px',
+        className: 'text-center',
+        index: 'contractType'
+      },
+      { title: '合同名称', index: 'contractName', width: '120px', className: 'text-center' },
+      { title: '网络货运人', index: 'enterpriseInfoName', width: '120px', className: 'text-center' },
+      {
+        title: '合同对象',
+        className: 'text-center',
+        width: '120px',
+        index: 'contractObjectName'
+      },
+      {
+        title: '有效期至',
+        className: 'text-center',
+        width: '120px',
+        index: 'effectiveEndTime'
+      },
+      {
+        title: '签署日期',
+        className: 'text-center',
+        width: '120px',
+        index: 'signTime'
+      },
+      {
+        title: '状态',
+        className: 'text-center',
+        width: '120px',
+        type: 'badge',
+        index: 'esignFlowStatus',
+        badge: {
+          '0': { text: '未发起', color: 'default' },
+          '1': { text: '待签章', color: 'default' },
+          '2': { text: '已生效', color: 'success' },
+          '3': { text: '已撤销', color: 'warning' },
+          '4': { text: '已作废', color: 'warning' },
+          '5': { text: '已过期', color: 'warning' },
+          '7': { text: '已拒签', color: 'warning' }
+        }
+      }
+    ];
+  }
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        contractCode: {
+          type: 'string',
+          title: '合同编号'
+        },
+        signingObject: {
+          type: 'string',
+          title: '签约对象',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '货主', value: 1 },
+            { label: '司机', value: 2 }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          }
+        },
+        contractType: {
+          title: '合同类型',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            containsAllLable: true,
+            params: { dictKey: 'contract:type' },
+            containAllLable: true,
+          } as SFSelectWidgetSchema
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder()
+          }
+        },
+        contractObjectName: {
+          type: 'string',
+          title: '合同对象',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        signTime: {
+          title: '签署日期',
+          type: 'string',
+          ui: {
+            widget: 'custom',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        effectiveEndTime: {
+          title: '有效期',
+          type: 'string',
+          ui: {
+            widget: 'custom',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        esignFlowStatus: {
+          title: '状态',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            containsAllLable: true,
+            params: { dictKey: 'esign:flow:status' },
+            containAllLable: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        }
+      },
+      type: 'object'
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+      case 'filter':
+        this.st.load();
+        break;
+    }
+  }
+
+  approval(): void {}
+
+  add(): void {}
+
+  routeTo(item: any) {
+    this.router.navigate(['/ticket/invoice-requested-detail/1']);
+  }
+
+  auditAction(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '审核',
+      nzContent: this.auditModal,
+      nzFooter: [
+        {
+          label: '拒绝',
+          type: 'default',
+          onClick: () => {
+            modal.destroy();
+          }
+        },
+        {
+          label: '通过',
+          type: 'primary',
+          onClick: () => {
+            modal.destroy();
+          }
+        }
+      ]
+    });
+    modal.afterClose.subscribe(res => {
+      this.st.load();
+    });
+  }
+
+  showReason(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '查看原因',
+      nzContent: '运单数据异常，暂时无法开票，请联系客服400-xxxx-xxxx',
+      nzFooter: [
+        {
+          label: '关闭',
+          type: 'primary',
+          onClick: () => {
+            modal.destroy();
+          }
+        }
+      ]
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+}
diff --git a/src/app/routes/contract-management/components/contract-template-detail/contract-template-detail.component.html b/src/app/routes/contract-management/components/contract-template-detail/contract-template-detail.component.html
new file mode 100644
index 00000000..6594186e
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-template-detail/contract-template-detail.component.html
@@ -0,0 +1,60 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-05 11:01:55
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:16:27
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\contract-template-detail\\contract-template-detail.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<!-- 页头 -->
+<page-header-wrapper [logo]="logo" [title]="textStatus" [content]="headerContent">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+  <ng-template #headerContent>
+    <div nz-row style="display: flex; justify-content: end;">
+      <div nz-col *ngIf="isUpdate">
+        <button  nz-button nzSize="default" nzType="default" (click)="cancel()">取消</button>
+        <button class="ml-lg" nz-button nzSize="default" nzType="primary" (click)="save()">保存</button>
+      </div>
+    </div>
+  </ng-template>
+</page-header-wrapper>
+
+
+<nz-card >
+  <sf #sf [schema]="schema"  [formData]="sfdata" [button]="'none'" [ui]="ui"></sf>
+</nz-card>
+
+<nz-card>
+  <div nz-col nzSpan="20" style="overflow: scroll">
+    <nz-card class="card-height" *ngIf="!isUpdate">
+      <div class="mb-md">
+        <div>{{detailList?.templateName}}</div>
+      </div>
+      <div [innerHTML]="detailList?.templateContent | safehtml"></div>
+    </nz-card>
+
+    <nz-card class="card-height" *ngIf="isUpdate">
+      <div nz-row nzGutter="8">
+        <div class="title"  style="width: 100%;">
+          <input style="width: 100%;"  nz-input placeholder="请输入合同标题" [(ngModel)]="detailList.templateName" />
+        </div>
+        <div nz-col nzSpan="24" style="margin-top: 15px;">
+          <sf #sf2 mode="edit"  [formData]="sfdata2" [schema]="schema2" [ui]="{ '*': { spanLabelFixed: 10, grid: { span: 24 }} }"
+            button="none"> </sf>
+        </div>
+      </div>
+  
+    </nz-card>
+  </div>
+</nz-card>
+<!-- <div class="mb-md save-btn">
+  <button nz-button nzSize="large" nzType="default" (click)="cancel()">取消</button>
+  <button class="ml-lg" nz-button nzSize="large" nzType="primary" (click)="save()">保存</button>
+</div> -->
\ No newline at end of file
diff --git a/src/app/routes/contract-management/components/contract-template-detail/contract-template-detail.component.less b/src/app/routes/contract-management/components/contract-template-detail/contract-template-detail.component.less
new file mode 100644
index 00000000..ed026470
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-template-detail/contract-template-detail.component.less
@@ -0,0 +1,4 @@
+.title {
+padding-right: 4px;
+padding-left: 14px !important;
+}
\ No newline at end of file
diff --git a/src/app/routes/contract-management/components/contract-template-detail/contract-template-detail.component.spec.ts b/src/app/routes/contract-management/components/contract-template-detail/contract-template-detail.component.spec.ts
new file mode 100644
index 00000000..0dff5ef3
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-template-detail/contract-template-detail.component.spec.ts
@@ -0,0 +1,34 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-05 11:01:55
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:16:31
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\contract-template-detail\\contract-template-detail.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ContractManagementTemplateDetailComponent } from './contract-template-detail.component';
+
+describe('ContractManagementTemplateDetailComponent', () => {
+  let component: ContractManagementTemplateDetailComponent;
+  let fixture: ComponentFixture<ContractManagementTemplateDetailComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ContractManagementTemplateDetailComponent],
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ContractManagementTemplateDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/contract-management/components/contract-template-detail/contract-template-detail.component.ts b/src/app/routes/contract-management/components/contract-template-detail/contract-template-detail.component.ts
new file mode 100644
index 00000000..a942aff9
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-template-detail/contract-template-detail.component.ts
@@ -0,0 +1,248 @@
+import { OnChanges } from '@angular/core';
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-05 11:01:55
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-30 10:45:19
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\contract-template-detail\\contract-template-detail.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { DatePipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { SFComponent, SFSchema, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ContractManagementService } from '../../services/contract-management.service';
+
+@Component({
+  selector: 'app-contract-management-template-text-complaint',
+  templateUrl: './contract-template-detail.component.html',
+  styleUrls: ['./contract-template-detail.component.less'],
+  providers: [DatePipe]
+})
+export class ContractManagementTemplateTextComponent implements OnInit {
+  constructor(
+    private nzModalService: NzModalService,
+    public service: ContractManagementService,
+    public route: ActivatedRoute,
+    private datePipe: DatePipe,
+    private router: Router,
+    public shipperservice: ShipperBaseService
+  ) {}
+  textStatus = '新建模板';
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema: SFSchema = {};
+  @ViewChild('sf2', { static: false }) sf2!: SFComponent;
+  schema2: SFSchema = {};
+  ui!: SFUISchema;
+  sfdata: any;
+  sfdata2: any;
+  title: any;
+  Types: any;
+  templateHTML: any;
+  detailList: any = {
+    templateName: ''
+  };
+  isUpdate = false;
+  ngOnInit() {
+    this.initSF();
+    this.initSF2();
+    if (this.route.snapshot.queryParams.status == 1) {
+      // 新建
+      this.isUpdate = true;
+    } else if (this.route.snapshot.queryParams.status == 2) {
+      // 编辑
+      this.textStatus = '编辑模板';
+      this.isUpdate = true;
+      this.initData(this.service.$api_get_contractTemplate);
+    } else if (this.route.snapshot.queryParams.status == 3) {
+      // 编辑
+      this.textStatus = '查看模板';
+      this.isUpdate = false;
+      this.initData(this.service.$api_get_contractTemplate);
+    }
+  }
+  goBack() {
+    window.history.go(-1);
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        templateName: {
+          type: 'string',
+          title: '模版名称'
+        },
+        templateType: {
+          title: '模板类型',
+          type: 'string',
+          enum: [
+            { label: '框架合同', value: 'KJ' },
+            { label: '明细合同', value: 'MX' },
+            { label: '合伙人合同', value: 'HHR' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            change: (tag: any, org: any) => {
+              console.log(tag);
+              switch (tag) {
+                case 'MX':
+                  this.Types = [
+                    { label: '订单合同', value: '1' },
+                    { label: '订单补充协议', value: '2' },
+                    { label: '运单合同', value: '3' },
+                    { label: '运单补充协议', value: '4' },
+                    { label: '委托代收合同', value: '5' },
+                    { label: '电子提货单', value: '10' },
+                    { label: '电子卸货单', value: '11' },
+                  ];
+                  this.sf.getProperty('/contractType')!.schema.enum = this.Types;
+                  this.sf.getProperty('/contractType')!.widget.reset(this.Types);
+                  this.sf.setValue('/contractType', this.Types);
+                  return;
+                  break;
+                case 'KJ':
+                  this.Types = [
+                    { label: '网络货物运输服务合同', value: '6' },
+                    { label: '运输服务承揽合同', value: '7' }
+                  ];
+                  this.sf.getProperty('/contractType')!.schema.enum = this.Types;
+                  this.sf.getProperty('/contractType')!.widget.reset(this.Types);
+                  this.sf.setValue('/contractType', this.Types);
+                  return;
+                  break;
+                case 'HHR':
+                  this.Types = [
+                    { label: '企业合伙人入驻合同', value: '8' },
+                    { label: '个人合伙人入驻合同', value: '9' }
+                  ];
+                  this.sf.getProperty('/contractType')!.schema.enum = this.Types;
+                  this.sf.getProperty('/contractType')!.widget.reset(this.Types);
+                  this.sf.setValue('/contractType', this.Types);
+                  return;
+                  break;
+                default:
+                  break;
+              }
+            }
+          }
+        },
+        signingObject: {
+          type: 'string',
+          title: '承包商对象',
+          enum: [
+            { label: '货主', value: '1' },
+            { label: '司机', value: '2' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          }
+        },
+        contractType: {
+          title: '合同类型',
+          type: 'string',
+          enum: this.Types,
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          }
+        },
+        resourceType: {
+          title: '货源类型',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'goodresource:type' },
+            containsAllLable: true,
+            visibleIf: {
+              templateType: value => value === 'MX'
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              templateType: value => value === 'KJ' || value === 'HHR'
+            },
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder()
+          }
+        }
+      },
+      required: ['templateName', 'templateType']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 120,
+        grid: { span: 8 }
+      }
+    };
+  }
+  initSF2(data?: any) {
+    this.schema2 = {
+      properties: {
+        templateContent: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'tinymce',
+            loadingTip: 'loading...',
+            config: {
+              height: 650
+            }
+          },
+          default: data?.agreementContent || ''
+        }
+      }
+    };
+  }
+  initData(url: string) {
+    console.log('编辑');
+
+    this.service.request(url, { id: this.route.snapshot.params.id }).subscribe(res => {
+      if (res) {
+        this.detailList = res;
+        this.title = this.detailList?.templateName;
+        this.sfdata = res;
+        this.sfdata2 = res;
+      }
+    });
+  }
+  cancel() {
+    window.history.go(-1);
+  }
+
+  save() {
+    // if (!this.sf.value.templateName || !this.sf.value.templateType || !this.sf2.value.templateContent || !this.title) {
+    //   this.service.msgSrv.error('必填参数为空，请检查再重新保存！');
+    //   return;
+    // }
+    // if (this.sf.value.templateType == 'MX') {
+    //   if (this.sf.value.contractType == '') {
+    //     this.service.msgSrv.error('必填参数为空，请检查再重新保存！');
+    //     return;
+    //   }
+    // }
+    const params = {
+      ...this.sf.value,
+      ...this.sf2.value,
+      templateTitle: this.title || this.detailList.templateName
+    };
+    console.log(params);
+    this.service.request(this.service.$api_save_contractTemplate, params).subscribe((res: any) => {
+      if (res) {
+        this.service.msgSrv.success('保存成功！');
+        this.router.navigate(['/contract-management/template']);
+      }
+    });
+  }
+}
diff --git a/src/app/routes/contract-management/components/contract-template-frame/contract-template-frame.component.html b/src/app/routes/contract-management/components/contract-template-frame/contract-template-frame.component.html
new file mode 100644
index 00000000..ff37b3f7
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-template-frame/contract-template-frame.component.html
@@ -0,0 +1,86 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-24 20:01:42
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\contract-template-frame\\contract-template-frame.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<!-- 搜索表单 -->
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container>
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'">
+          <ng-template sf-template="signTime" let-me let-ui="ui" let-schema="schema">
+            <nz-range-picker [nzShowTime]="true" [(ngModel)]="sf.value.signTime"></nz-range-picker>
+          </ng-template>
+          <ng-template sf-template="effectiveEndTime" let-me let-ui="ui" let-schema="schema">
+            <nz-range-picker [nzShowTime]="true" [(ngModel)]="sf.value.effectiveEndTime"></nz-range-picker>
+          </ng-template>
+        </sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button
+          nz-button
+          nzType="primary"
+          [disabled]="!sf.valid"
+          [nzLoading]="service.http.loading"
+          (click)="st?.load(1)"
+          acl
+          [acl-ability]="['CONTRACT-INDEX-listFrame']"
+          >查询</button
+        >
+        <button nz-button (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card>
+  <div class="NewBtn">
+    <button nz-button nzType="primary" (click)="creatTemplate()" acl [acl-ability]="['CONTRACT-TEMPLATE-new']"> 新建 </button>
+  </div>
+  <div style="margin-top: 15px">
+    <st
+      #st
+      [bordered]="true"
+      [data]="service.$api_get_contractTemplate_page"
+      [columns]="columns"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+      [loading]="false"
+    >
+      <ng-template st-row="templateName" let-item let-index="index">
+        <a (click)="view(item)">{{ item.templateName }}</a>
+      </ng-template>
+      <ng-template st-row="signingObject" let-item let-index="index">
+        <span *ngIf="item?.signingObject == 1">货主</span>
+        <span *ngIf="item?.signingObject == 2">司机</span>
+      </ng-template>
+    </st>
+  </div>
+</nz-card>
diff --git a/src/app/routes/contract-management/components/contract-template-frame/contract-template-frame.component.less b/src/app/routes/contract-management/components/contract-template-frame/contract-template-frame.component.less
new file mode 100644
index 00000000..9df98f26
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-template-frame/contract-template-frame.component.less
@@ -0,0 +1,4 @@
+.NewBtn{
+    float: right;
+    margin-bottom: 15px;
+}
\ No newline at end of file
diff --git a/src/app/routes/contract-management/components/contract-template-frame/contract-template-frame.component.spec.ts b/src/app/routes/contract-management/components/contract-template-frame/contract-template-frame.component.spec.ts
new file mode 100644
index 00000000..953a80ed
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-template-frame/contract-template-frame.component.spec.ts
@@ -0,0 +1,35 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-05 09:45:47
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-24 10:25:58
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\contract-template\\contract-template.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ContractManagementTemplateFrameComponent } from './contract-template-frame.component';
+
+describe('ContractManagementTemplateFrameComponent', () => {
+  let component: ContractManagementTemplateFrameComponent;
+  let fixture: ComponentFixture<ContractManagementTemplateFrameComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ContractManagementTemplateFrameComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ContractManagementTemplateFrameComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/contract-management/components/contract-template-frame/contract-template-frame.component.ts b/src/app/routes/contract-management/components/contract-template-frame/contract-template-frame.component.ts
new file mode 100644
index 00000000..0241608e
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-template-frame/contract-template-frame.component.ts
@@ -0,0 +1,252 @@
+import { Router } from '@angular/router';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { ContractManagementService } from '../../services/contract-management.service';
+
+
+@Component({
+  selector: 'app-contract-management-template-frame-complaint',
+  templateUrl: './contract-template-frame.component.html',
+  styleUrls: ['./contract-template-frame.component.less']
+})
+export class ContractManagementTemplateFrameComponent implements OnInit {
+  ui: SFUISchema = {};
+  uiView: SFUISchema = {};
+  schema: SFSchema = {};
+  schemaView: SFSchema = {};
+  auditMany = false;
+  _$expand = false;
+  channelId: any;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  columns: STColumn[] = [];
+  datass: any = [
+    {
+    one: '1',
+    two: '1',
+    three: '1',
+    id: 1
+   },
+    {
+    one: '2',
+    two: '2',
+    three: '2',
+    id: 2
+   },
+];
+  constructor(
+    public service: ContractManagementService,
+    private modal: NzModalService,
+    private router: Router
+     ) { }
+
+  /**
+ * 查询参数
+ */
+  get reqParams() {
+    return {
+      templateType: 'kj',
+      ...this.sf?.value,
+    };
+  }
+  get selectedRows() {
+    return this.st?.list.filter((item) => item.checked) || [];
+  }
+  ngOnInit(): void {
+    this.initSF();
+    this.initST();
+    this.initSTAudit();
+  }
+
+
+
+  /**
+ * 初始化查询表单
+ */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        templateName: {
+          type: 'string',
+          title: '模板名称',
+        },
+        signingObject: {
+          type: 'string',
+          title: '签约对象',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '货主', value: 1 },
+            { label: '司机', value: 2 }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          }
+        },
+        contractType: {
+          title: '合同类型',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            containsAllLable: true,
+            params: { dictKey: 'contract:type' },
+            containAllLable: true,
+          } as SFSelectWidgetSchema
+        },
+        resourceType: {
+          title: '货源类型',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'goodresource:type' },
+            containsAllLable: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+          } as SFSelectWidgetSchema,
+        },
+      },
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      {
+        title: '合同模板名称',
+        className: 'text-center',
+        render: 'templateName'
+      },
+      {
+        title: '签约对象',
+        width: '100px',
+        className: 'text-center',
+        index: 'signingObjectLabel'
+      },
+      {
+        title: '合同类型',
+        width: '100px',
+        className: 'text-center',
+        index: 'contractTypeLabel'
+      },
+      {
+        title: '货源类型',
+        width: '100px',
+        className: 'text-center',
+        index: 'resourceTypeLabel'
+      },
+      { title: '创建人', index: 'createUserIdLabel', width: '120px', className: 'text-center' },
+      {
+        title: '创建时间',
+        className: 'text-center',
+        index: 'createTime',
+        width: '200px'
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '110px',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '编辑',
+            click: (_record) => this.edit(_record),
+            acl: { ability: ['CONTRACT-TEMPLATE-edit'] },
+          },
+          {
+            text: '删除',
+            click: (_record) => this.delete(_record),
+            acl: { ability: ['CONTRACT-TEMPLATE-delete'] },
+          },
+        ],
+      },
+    ];
+  }
+  initSTAudit() {
+    this.schemaView = {
+      properties: {
+        handleResult: {
+          title: '处理结果',
+          type: 'string',
+          maxLength: 50,
+          ui: {
+            placeholder: '最多不超过50字',
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 6 }
+          },
+        },
+      },
+      required: ['handleResult']
+    };
+    this.uiView = { '*': { spanLabelFixed: 110, grid: { span: 24 } } };
+  }
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+ /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  tabChange(item: any) {
+  }
+  /**
+   * 重置表单
+   */
+  resetSF(): void {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  edit(value: any) {
+    this.router.navigate(['/contract-management/template/text/' + value.id],{
+      queryParams: {
+        status: 2
+      }
+    })
+  }
+  creatTemplate() {
+    this.router.navigate(['/contract-management/template/text/' + 0], {
+      queryParams: {
+        status: 1
+      }
+    })
+  }
+  goBack() {
+    window.history.go(-1)
+  }
+  view(value: any) {
+    this.router.navigate(['/contract-management/template/text/' + value.id],{
+      queryParams: {
+        status: 3
+      }
+    })
+  }
+  delete(value: any) {
+    this.modal.confirm({
+      nzTitle: '<i>删除确认</i>',
+      nzOnOk: () =>
+        this.service.request(this.service.$api_deletebatch_contractTemplate, [value.id]).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('删除成功！');
+            this.st.reload()
+          }
+        })
+    });
+  }
+}
diff --git a/src/app/routes/contract-management/components/contract-template-partner/contract-template-partner.component.html b/src/app/routes/contract-management/components/contract-template-partner/contract-template-partner.component.html
new file mode 100644
index 00000000..1ecef42c
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-template-partner/contract-template-partner.component.html
@@ -0,0 +1,82 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-24 10:31:05
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\contract-template\\contract-template.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<!-- 搜索表单 -->
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container>
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'">
+          <ng-template sf-template="signTime" let-me let-ui="ui" let-schema="schema">
+            <nz-range-picker [nzShowTime]="true" [(ngModel)]="sf.value.signTime"></nz-range-picker>
+          </ng-template>
+          <ng-template sf-template="effectiveEndTime" let-me let-ui="ui" let-schema="schema">
+            <nz-range-picker [nzShowTime]="true" [(ngModel)]="sf.value.effectiveEndTime"></nz-range-picker>
+          </ng-template>
+        </sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button
+          nz-button
+          nzType="primary"
+          [disabled]="!sf.valid"
+          [nzLoading]="service.http.loading"
+          (click)="st?.load(1)"
+          acl
+          [acl-ability]="['CONTRACT-INDEX-listFrame']"
+          >查询</button
+        >
+        <button nz-button (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card>
+  <div class="NewBtn">
+    <button nz-button nzType="primary" (click)="creatTemplate()" acl [acl-ability]="['CONTRACT-TEMPLATE-new']"> 新建 </button>
+  </div>
+  <div style="margin-top: 15px">
+    <st
+      #st
+      [bordered]="true"
+      [data]="service.$api_get_contractTemplate_page"
+      [columns]="columns"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+      [loading]="false"
+    >
+      <ng-template st-row="templateName" let-item let-index="index">
+        <a (click)="view(item)">{{ item.templateName }}</a>
+      </ng-template>
+    </st>
+  </div>
+</nz-card>
diff --git a/src/app/routes/contract-management/components/contract-template-partner/contract-template-partner.component.less b/src/app/routes/contract-management/components/contract-template-partner/contract-template-partner.component.less
new file mode 100644
index 00000000..9df98f26
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-template-partner/contract-template-partner.component.less
@@ -0,0 +1,4 @@
+.NewBtn{
+    float: right;
+    margin-bottom: 15px;
+}
\ No newline at end of file
diff --git a/src/app/routes/contract-management/components/contract-template-partner/contract-template-partner.component.spec.ts b/src/app/routes/contract-management/components/contract-template-partner/contract-template-partner.component.spec.ts
new file mode 100644
index 00000000..8d20aa3b
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-template-partner/contract-template-partner.component.spec.ts
@@ -0,0 +1,35 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-05 09:45:47
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-24 14:09:28
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\contract-template-partner\\contract-template-partner.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ContractManagementTemplatePartnerComponent } from './contract-template-partner.component';
+
+describe('ContractManagementTemplatePartnerComponent', () => {
+  let component: ContractManagementTemplatePartnerComponent;
+  let fixture: ComponentFixture<ContractManagementTemplatePartnerComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ContractManagementTemplatePartnerComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ContractManagementTemplatePartnerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/contract-management/components/contract-template-partner/contract-template-partner.component.ts b/src/app/routes/contract-management/components/contract-template-partner/contract-template-partner.component.ts
new file mode 100644
index 00000000..24d93d4e
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-template-partner/contract-template-partner.component.ts
@@ -0,0 +1,252 @@
+import { Router } from '@angular/router';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { ContractManagementService } from '../../services/contract-management.service';
+
+
+@Component({
+  selector: 'app-contract-management-template-partner-complaint',
+  templateUrl: './contract-template-partner.component.html',
+  styleUrls: ['./contract-template-partner.component.less']
+})
+export class ContractManagementTemplatePartnerComponent implements OnInit {
+  ui: SFUISchema = {};
+  uiView: SFUISchema = {};
+  schema: SFSchema = {};
+  schemaView: SFSchema = {};
+  auditMany = false;
+  _$expand = false;
+  channelId: any;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  columns: STColumn[] = [];
+  datass: any = [
+    {
+    one: '1',
+    two: '1',
+    three: '1',
+    id: 1
+   },
+    {
+    one: '2',
+    two: '2',
+    three: '2',
+    id: 2
+   },
+];
+  constructor(
+    public service: ContractManagementService,
+    private modal: NzModalService,
+    private router: Router
+     ) { }
+
+  /**
+ * 查询参数
+ */
+  get reqParams() {
+    return {
+      templateType: 'HHR',
+      ...this.sf?.value,
+    };
+  }
+  get selectedRows() {
+    return this.st?.list.filter((item) => item.checked) || [];
+  }
+  ngOnInit(): void {
+    this.initSF();
+    this.initST();
+    this.initSTAudit();
+  }
+
+
+
+  /**
+ * 初始化查询表单
+ */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        templateName: {
+          type: 'string',
+          title: '模板名称',
+        },
+        signingObject: {
+          type: 'string',
+          title: '签约对象',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '货主', value: 1 },
+            { label: '司机', value: 2 }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          }
+        },
+        contractType: {
+          title: '合同类型',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            containsAllLable: true,
+            params: { dictKey: 'contract:type' },
+            containAllLable: true,
+          } as SFSelectWidgetSchema
+        },
+        resourceType: {
+          title: '货源类型',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'goodresource:type' },
+            containsAllLable: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+          } as SFSelectWidgetSchema,
+        },
+      },
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      {
+        title: '合同模板名称',
+        className: 'text-center',
+        render: 'templateName'
+      },
+      {
+        title: '签约对象',
+        width: '100px',
+        className: 'text-center',
+        index: 'signingObjectLabel'
+      },
+      {
+        title: '合同类型',
+        width: '100px',
+        className: 'text-center',
+        index: 'contractTypeLabel'
+      },
+      {
+        title: '货源类型',
+        width: '100px',
+        className: 'text-center',
+        index: 'resourceTypeLabel'
+      },
+      { title: '创建人', index: 'createUserIdLabel', width: '120px', className: 'text-center' },
+      {
+        title: '创建时间',
+        className: 'text-center',
+        index: 'createTime',
+        width: '200px'
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '110px',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '编辑',
+            click: (_record) => this.edit(_record),
+            acl: { ability: ['CONTRACT-TEMPLATE-edit'] },
+          },
+          {
+            text: '删除',
+            click: (_record) => this.delete(_record),
+            acl: { ability: ['CONTRACT-TEMPLATE-delete'] },
+          },
+        ],
+      },
+    ];
+  }
+  initSTAudit() {
+    this.schemaView = {
+      properties: {
+        handleResult: {
+          title: '处理结果',
+          type: 'string',
+          maxLength: 50,
+          ui: {
+            placeholder: '最多不超过50字',
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 6 }
+          },
+        },
+      },
+      required: ['handleResult']
+    };
+    this.uiView = { '*': { spanLabelFixed: 110, grid: { span: 24 } } };
+  }
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+ /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  tabChange(item: any) {
+  }
+  /**
+   * 重置表单
+   */
+  resetSF(): void {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  edit(value: any) {
+    this.router.navigate(['/contract-management/template/text/' + value.id],{
+      queryParams: {
+        status: 2
+      }
+    })
+  }
+  creatTemplate() {
+    this.router.navigate(['/contract-management/template/text/' + 0], {
+      queryParams: {
+        status: 1
+      }
+    })
+  }
+  goBack() {
+    window.history.go(-1)
+  }
+  view(value: any) {
+    this.router.navigate(['/contract-management/template/text/' + value.id],{
+      queryParams: {
+        status: 3
+      }
+    })
+  }
+  delete(value: any) {
+    this.modal.confirm({
+      nzTitle: '<i>删除确认</i>',
+      nzOnOk: () =>
+        this.service.request(this.service.$api_deletebatch_contractTemplate, [value.id]).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('删除成功！');
+            this.st.reload()
+          }
+        })
+    });
+  }
+}
diff --git a/src/app/routes/contract-management/components/contract-template/contract-template.component.html b/src/app/routes/contract-management/components/contract-template/contract-template.component.html
new file mode 100644
index 00000000..1ecef42c
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-template/contract-template.component.html
@@ -0,0 +1,82 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-24 10:31:05
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\contract-template\\contract-template.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<!-- 搜索表单 -->
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container>
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'">
+          <ng-template sf-template="signTime" let-me let-ui="ui" let-schema="schema">
+            <nz-range-picker [nzShowTime]="true" [(ngModel)]="sf.value.signTime"></nz-range-picker>
+          </ng-template>
+          <ng-template sf-template="effectiveEndTime" let-me let-ui="ui" let-schema="schema">
+            <nz-range-picker [nzShowTime]="true" [(ngModel)]="sf.value.effectiveEndTime"></nz-range-picker>
+          </ng-template>
+        </sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button
+          nz-button
+          nzType="primary"
+          [disabled]="!sf.valid"
+          [nzLoading]="service.http.loading"
+          (click)="st?.load(1)"
+          acl
+          [acl-ability]="['CONTRACT-INDEX-listFrame']"
+          >查询</button
+        >
+        <button nz-button (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card>
+  <div class="NewBtn">
+    <button nz-button nzType="primary" (click)="creatTemplate()" acl [acl-ability]="['CONTRACT-TEMPLATE-new']"> 新建 </button>
+  </div>
+  <div style="margin-top: 15px">
+    <st
+      #st
+      [bordered]="true"
+      [data]="service.$api_get_contractTemplate_page"
+      [columns]="columns"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+      [loading]="false"
+    >
+      <ng-template st-row="templateName" let-item let-index="index">
+        <a (click)="view(item)">{{ item.templateName }}</a>
+      </ng-template>
+    </st>
+  </div>
+</nz-card>
diff --git a/src/app/routes/contract-management/components/contract-template/contract-template.component.less b/src/app/routes/contract-management/components/contract-template/contract-template.component.less
new file mode 100644
index 00000000..9df98f26
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-template/contract-template.component.less
@@ -0,0 +1,4 @@
+.NewBtn{
+    float: right;
+    margin-bottom: 15px;
+}
\ No newline at end of file
diff --git a/src/app/routes/contract-management/components/contract-template/contract-template.component.spec.ts b/src/app/routes/contract-management/components/contract-template/contract-template.component.spec.ts
new file mode 100644
index 00000000..b7fbac9a
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-template/contract-template.component.spec.ts
@@ -0,0 +1,35 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-05 09:45:47
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-24 10:25:58
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\contract-template\\contract-template.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ContractManagementTemplateDetailComponent } from './contract-template.component';
+
+describe('ContractManagementTemplateDetailComponent', () => {
+  let component: ContractManagementTemplateDetailComponent;
+  let fixture: ComponentFixture<ContractManagementTemplateDetailComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ContractManagementTemplateDetailComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ContractManagementTemplateDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/contract-management/components/contract-template/contract-template.component.ts b/src/app/routes/contract-management/components/contract-template/contract-template.component.ts
new file mode 100644
index 00000000..e295eb52
--- /dev/null
+++ b/src/app/routes/contract-management/components/contract-template/contract-template.component.ts
@@ -0,0 +1,252 @@
+import { Router } from '@angular/router';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { ContractManagementService } from '../../services/contract-management.service';
+
+
+@Component({
+  selector: 'app-contract-management-template-detail-complaint',
+  templateUrl: './contract-template.component.html',
+  styleUrls: ['./contract-template.component.less']
+})
+export class ContractManagementTemplateDetailComponent implements OnInit {
+  ui: SFUISchema = {};
+  uiView: SFUISchema = {};
+  schema: SFSchema = {};
+  schemaView: SFSchema = {};
+  auditMany = false;
+  _$expand = false;
+  channelId: any;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  columns: STColumn[] = [];
+  datass: any = [
+    {
+      one: '1',
+      two: '1',
+      three: '1',
+      id: 1
+    },
+    {
+      one: '2',
+      two: '2',
+      three: '2',
+      id: 2
+    },
+  ];
+  constructor(
+    public service: ContractManagementService,
+    private modal: NzModalService,
+    private router: Router
+  ) { }
+
+  /**
+ * 查询参数
+ */
+  get reqParams() {
+    return {
+      templateType: 'MX',
+      ...this.sf?.value,
+    };
+  }
+  get selectedRows() {
+    return this.st?.list.filter((item) => item.checked) || [];
+  }
+  ngOnInit(): void {
+    this.initSF();
+    this.initST();
+    this.initSTAudit();
+  }
+
+
+
+  /**
+ * 初始化查询表单
+ */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        templateName: {
+          type: 'string',
+          title: '模板名称',
+        },
+        signingObject: {
+          type: 'string',
+          title: '签约对象',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '货主', value: 1 },
+            { label: '司机', value: 2 }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          }
+        },
+        contractType: {
+          title: '合同类型',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            containsAllLable: true,
+            params: { dictKey: 'contract:type' },
+            containAllLable: true,
+          } as SFSelectWidgetSchema
+        },
+        resourceType: {
+          title: '货源类型',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'goodresource:type' },
+            containsAllLable: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+          } as SFSelectWidgetSchema,
+        },
+      },
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      {
+        title: '合同模板名称',
+        className: 'text-center',
+        render: 'templateName'
+      },
+      {
+        title: '签约对象',
+        width: '100px',
+        className: 'text-center',
+        index: 'signingObjectLabel'
+      },
+      {
+        title: '合同类型',
+        width: '100px',
+        className: 'text-center',
+        index: 'contractTypeLabel'
+      },
+      {
+        title: '货源类型',
+        width: '100px',
+        className: 'text-center',
+        index: 'resourceTypeLabel'
+      },
+      { title: '创建人', index: 'createUserIdLabel', width: '120px', className: 'text-center' },
+      {
+        title: '创建时间',
+        className: 'text-center',
+        index: 'createTime',
+        width: '200px'
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '110px',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '编辑',
+            click: (_record) => this.edit(_record),
+            acl: { ability: ['CONTRACT-TEMPLATE-edit'] },
+          },
+          {
+            text: '删除',
+            click: (_record) => this.delete(_record),
+            acl: { ability: ['CONTRACT-TEMPLATE-delete'] },
+          },
+        ],
+      },
+    ];
+  }
+  initSTAudit() {
+    this.schemaView = {
+      properties: {
+        handleResult: {
+          title: '处理结果',
+          type: 'string',
+          maxLength: 50,
+          ui: {
+            placeholder: '最多不超过50字',
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 6 }
+          },
+        },
+      },
+      required: ['handleResult']
+    };
+    this.uiView = { '*': { spanLabelFixed: 110, grid: { span: 24 } } };
+  }
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+ /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  tabChange(item: any) {
+  }
+  /**
+   * 重置表单
+   */
+  resetSF(): void {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  edit(value: any) {
+    this.router.navigate(['/contract-management/template/text/' + value.id],{
+      queryParams: {
+        status: 2
+      }
+    })
+  }
+  creatTemplate() {
+    this.router.navigate(['/contract-management/template/text/' + 0], {
+      queryParams: {
+        status: 1
+      }
+    })
+  }
+  goBack() {
+    window.history.go(-1)
+  }
+  view(value: any) {
+    this.router.navigate(['/contract-management/template/text/' + value.id],{
+      queryParams: {
+        status: 3
+      }
+    })
+  }
+  delete(value: any) {
+    this.modal.confirm({
+      nzTitle: '<i>删除确认</i>',
+      nzOnOk: () =>
+        this.service.request(this.service.$api_deletebatch_contractTemplate, [value.id]).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('删除成功！');
+            this.st.reload(1)
+          }
+        })
+    });
+  }
+}
diff --git a/src/app/routes/contract-management/components/index/index.component.html b/src/app/routes/contract-management/components/index/index.component.html
new file mode 100644
index 00000000..e8670348
--- /dev/null
+++ b/src/app/routes/contract-management/components/index/index.component.html
@@ -0,0 +1,26 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-07 13:27:10
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-23 19:39:38
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\index\\index.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<page-header-wrapper title="合同管理" [tab]="tpTab">
+</page-header-wrapper>
+<ng-template #tpTab>
+  <nz-tabset [(nzSelectedIndex)]="selectedIndex">
+    <nz-tab nzTitle="明细合同">
+      <app-contract-management-contract-list></app-contract-management-contract-list>
+    </nz-tab>
+    <nz-tab nzTitle="框架合同">
+      <app-contract-management-contract-frame></app-contract-management-contract-frame>
+    </nz-tab>
+    <nz-tab nzTitle="合伙人合同">
+      <app-contract-management-contract-partner></app-contract-management-contract-partner>
+    </nz-tab>
+  </nz-tabset>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/contract-management/components/index/index.component.spec.ts b/src/app/routes/contract-management/components/index/index.component.spec.ts
new file mode 100644
index 00000000..9601ea0c
--- /dev/null
+++ b/src/app/routes/contract-management/components/index/index.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SupplyManagementIndexComponent } from './index.component';
+
+describe('SupplyManagementIndexComponent', () => {
+  let component: SupplyManagementIndexComponent;
+  let fixture: ComponentFixture<SupplyManagementIndexComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SupplyManagementIndexComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SupplyManagementIndexComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/contract-management/components/index/index.component.ts b/src/app/routes/contract-management/components/index/index.component.ts
new file mode 100644
index 00000000..dfb5474a
--- /dev/null
+++ b/src/app/routes/contract-management/components/index/index.component.ts
@@ -0,0 +1,27 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-07 13:27:10
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:17:01
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\index\\index.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+
+@Component({
+  selector: 'app-supply-management-index',
+  templateUrl: './index.component.html',
+})
+export class ContractManagementIndexComponent implements OnInit {
+  selectedIndex = 0;
+  
+  constructor(private http: _HttpClient, private modal: ModalHelper) { }
+
+  ngOnInit(): void { }
+
+
+}
diff --git a/src/app/routes/contract-management/components/policy/policy.component.html b/src/app/routes/contract-management/components/policy/policy.component.html
new file mode 100644
index 00000000..dfb762fc
--- /dev/null
+++ b/src/app/routes/contract-management/components/policy/policy.component.html
@@ -0,0 +1,72 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-23 13:56:14
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\policy\\policy.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper title="保单管理" >
+</page-header-wrapper>
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container>
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading" (click)="st?.load(1)"  acl  [acl-ability]="['CONTRACT-POLICY-search']">查询</button>
+        <button nz-button (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card>
+  <st
+    #st
+    [data]="service.$api_get_getPremiumInformationPage"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="false"
+  >
+
+  </st>
+</nz-card>
+
+
+<ng-template #promoterModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="80">
+      <sv-container col="1">
+        <sv label="传入值" [col]="1">
+          {{paramValue}}
+        </sv>
+      </sv-container>
+      
+    </div>
+  </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/contract-management/components/policy/policy.component.spec.ts b/src/app/routes/contract-management/components/policy/policy.component.spec.ts
new file mode 100644
index 00000000..b369df96
--- /dev/null
+++ b/src/app/routes/contract-management/components/policy/policy.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ContractManagementPolicyComponent } from './policy.component';
+
+describe('ContractManagementPolicyComponent', () => {
+  let component: ContractManagementPolicyComponent;
+  let fixture: ComponentFixture<ContractManagementPolicyComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ContractManagementPolicyComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ContractManagementPolicyComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/contract-management/components/policy/policy.component.ts b/src/app/routes/contract-management/components/policy/policy.component.ts
new file mode 100644
index 00000000..542a5cbe
--- /dev/null
+++ b/src/app/routes/contract-management/components/policy/policy.component.ts
@@ -0,0 +1,213 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ContractManagementService } from '../../services/contract-management.service';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-contract-management-policy',
+  templateUrl: './policy.component.html'
+})
+export class ContractManagementPolicyComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('auditModal', { static: false })
+  auditModal!: any;
+  schema: SFSchema = {};
+  columns: STColumn[] = [];
+  ui: SFUISchema = {};
+  @ViewChild('promoterModal', { static: false })
+  promoterModal!: any;
+  _$expand = false;
+
+  selectedRows: any[] = [];
+  paramValue = '';
+  isLoading: boolean = false;
+  constructor(public service: ContractManagementService, private modal: NzModalService, private router: Router) {}
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params: any = {
+      ...(this.sf && this.sf.value)
+    };
+    delete params.expand;
+    return params;
+  }
+
+  ngOnInit(): void {
+    this.initST();
+    this.initSF();
+  }
+
+  openDetail(item?: any) {
+      this.paramValue = item?.paramValue
+      const modal = this.modal.create({
+        nzTitle: '传入值',
+        nzContent: this.promoterModal,
+        nzOnOk: () => {
+          return;
+        }
+      });
+    
+  }
+
+  initST() {
+    this.columns = [
+      { title: '', type: 'checkbox', width: '50px', className: 'text-center' },
+      {
+        title: '订单ID',
+        width: '100px',
+        className: 'text-center',
+        index: 'billId'
+      },
+      {
+        title: '项目ID',
+        width: '100px',
+        className: 'text-center',
+        index: 'enterpriseProjectId'
+      },
+      {
+        title: '保险公司',
+        width: '100px',
+        className: 'text-center',
+        index: 'insuranceCompany'
+      },
+      {
+        title: '投保金额',
+        width: '100px',
+        className: 'text-center',
+        index: 'insureAmount'
+      },
+      
+      {
+        title: '保单号',
+        width: '100px',
+        className: 'text-center',
+        index: 'policyNo'
+      },
+      {
+        title: '保单地址',
+        width: '100px',
+        className: 'text-center',
+        index: 'policyUrl'
+      },
+      {
+        title: '保费',
+        width: '100px',
+        className: 'text-center',
+        index: 'premium'
+      },
+      {
+        title: '处理消息',
+        width: '100px',
+        className: 'text-center',
+        index: 'processMessage'
+      },
+      {
+        title: '处理结果',
+        width: '100px',
+        className: 'text-center',
+        index: 'processResult'
+      },
+      {
+        title: '操作',
+        width: '170px',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '查看传入值',
+            click: item => {
+              this.openDetail(item)
+            },
+            acl: { ability: ['CONTRACT-POLICY-view'] },
+          }
+        ]
+      }
+    ];
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        billId: {
+          type: 'string',
+          title: '订单id'
+        },
+        enterpriseProjectId: {
+          type: 'string',
+          title: '项目id'
+        },
+        insuranceCompany: {
+          type: 'string',
+          title: '保险公司'
+        },
+        policyNo: {
+          type: 'string',
+          title: '保单号',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+          }
+        },
+        processResult: {
+          type: 'string',
+          title: '处理结果',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '成功', value: 1 },
+            { label: '失败', value: 2 }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            allowClear: true
+          }
+        }
+      },
+      type: 'object'
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+    this.isLoading = true
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+      case 'filter':
+        this.st.load();
+        break;
+    }
+  }
+}
diff --git a/src/app/routes/contract-management/components/template/template.component.html b/src/app/routes/contract-management/components/template/template.component.html
new file mode 100644
index 00000000..fefd0d8f
--- /dev/null
+++ b/src/app/routes/contract-management/components/template/template.component.html
@@ -0,0 +1,26 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-07 13:27:10
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-24 14:10:45
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\template\\template.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<page-header-wrapper title="合同模板" [tab]="tpTab">
+</page-header-wrapper>
+<ng-template #tpTab>
+  <nz-tabset [(nzSelectedIndex)]="selectedIndex">
+    <nz-tab nzTitle="明细合同">
+      <app-contract-management-template-detail-complaint></app-contract-management-template-detail-complaint>
+    </nz-tab>
+    <nz-tab nzTitle="框架合同">
+      <app-contract-management-template-frame-complaint></app-contract-management-template-frame-complaint>
+    </nz-tab>
+    <nz-tab nzTitle="合伙人合同">
+      <app-contract-management-template-partner-complaint></app-contract-management-template-partner-complaint>
+    </nz-tab>
+  </nz-tabset>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/contract-management/components/template/template.component.spec.ts b/src/app/routes/contract-management/components/template/template.component.spec.ts
new file mode 100644
index 00000000..f3c8d5d4
--- /dev/null
+++ b/src/app/routes/contract-management/components/template/template.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ContractManagementTemplateComponent } from './template.component';
+
+describe('ContractManagementTemplateComponent', () => {
+  let component: ContractManagementTemplateComponent;
+  let fixture: ComponentFixture<ContractManagementTemplateComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ContractManagementTemplateComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ContractManagementTemplateComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/contract-management/components/template/template.component.ts b/src/app/routes/contract-management/components/template/template.component.ts
new file mode 100644
index 00000000..9d1cef16
--- /dev/null
+++ b/src/app/routes/contract-management/components/template/template.component.ts
@@ -0,0 +1,27 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-07 13:27:10
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-24 10:20:23
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\components\\template\\template.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+
+@Component({
+  selector: 'app-supply-management-template',
+  templateUrl: './template.component.html',
+})
+export class ContractManagementTemplateComponent implements OnInit {
+  selectedIndex = 0;
+  
+  constructor(private http: _HttpClient, private modal: ModalHelper) { }
+
+  ngOnInit(): void { }
+
+
+}
diff --git a/src/app/routes/contract-management/contract-management-routing.module.ts b/src/app/routes/contract-management/contract-management-routing.module.ts
new file mode 100644
index 00000000..35948446
--- /dev/null
+++ b/src/app/routes/contract-management/contract-management-routing.module.ts
@@ -0,0 +1,34 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-04 21:05:49
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-24 10:24:16
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\contract-management-routing.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { ContractManagementDetailComponent } from './components/contract-detail/contract-detail.component';
+import { ContractManagementContractListComponent } from './components/contract-list/contract-list.component';
+import { ContractManagementPartnerComponent } from './components/contract-partner/contract-partner.component';
+import { ContractManagementTemplateTextComponent } from './components/contract-template-detail/contract-template-detail.component';
+import { ContractManagementIndexComponent } from './components/index/index.component';
+import { ContractManagementPolicyComponent } from './components/policy/policy.component';
+import { ContractManagementTemplateComponent } from './components/template/template.component';
+const routes: Routes = [
+  { path: 'index', component: ContractManagementIndexComponent },
+  { path: 'index/detail/:id', component: ContractManagementDetailComponent },
+  { path: 'template', component: ContractManagementTemplateComponent },
+  { path: 'template/text/:id', component: ContractManagementTemplateTextComponent },
+  { path: 'policy', component: ContractManagementPolicyComponent },
+  { path: 'partner', component: ContractManagementPartnerComponent },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class ContractManagementManagementRoutingModule {}
diff --git a/src/app/routes/contract-management/contract-management.module.ts b/src/app/routes/contract-management/contract-management.module.ts
new file mode 100644
index 00000000..497ef5a2
--- /dev/null
+++ b/src/app/routes/contract-management/contract-management.module.ts
@@ -0,0 +1,47 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-04 21:05:49
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-24 14:09:24
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\contract-management.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@shared';
+import { ContractManagementManagementRoutingModule } from './contract-management-routing.module';
+import { ContractManagementContractListComponent } from './components/contract-list/contract-list.component';
+import { ContractManagementPolicyComponent } from './components/policy/policy.component';
+import { ContractManagementTemplateDetailComponent } from './components/contract-template/contract-template.component';
+import { ContractManagementIndexComponent } from './components/index/index.component';
+import { ContractManagementFrameComponent } from './components/contract-frame/contract-frame.component';
+import { ContractManagementDetailComponent } from './components/contract-detail/contract-detail.component';
+import { ContractManagementPartnerComponent } from './components/contract-partner/contract-partner.component';
+import { ContractManagementTemplateComponent } from './components/template/template.component';
+import { ContractManagementTemplateTextComponent } from './components/contract-template-detail/contract-template-detail.component';
+import { ContractManagementTemplateFrameComponent } from './components/contract-template-frame/contract-template-frame.component';
+import { ContractManagementTemplatePartnerComponent } from './components/contract-template-partner/contract-template-partner.component';
+
+const COMPONENTS: any = [
+  ContractManagementContractListComponent,
+  ContractManagementPolicyComponent,
+  ContractManagementTemplateDetailComponent,
+  ContractManagementTemplateDetailComponent,
+  ContractManagementIndexComponent,
+  ContractManagementFrameComponent,
+  ContractManagementDetailComponent,
+  ContractManagementPartnerComponent,
+  ContractManagementTemplateComponent,
+  ContractManagementTemplateTextComponent,
+  ContractManagementTemplateFrameComponent,
+  ContractManagementTemplatePartnerComponent
+];
+const NOTROUTECOMPONENTS: any = [];
+@NgModule({
+  declarations: [...COMPONENTS, ...NOTROUTECOMPONENTS],
+  imports: [CommonModule, ContractManagementManagementRoutingModule, SharedModule]
+})
+export class ContractManagementManagementModule {}
diff --git a/src/app/routes/contract-management/services/contract-management.service.ts b/src/app/routes/contract-management/services/contract-management.service.ts
new file mode 100644
index 00000000..17cc75ca
--- /dev/null
+++ b/src/app/routes/contract-management/services/contract-management.service.ts
@@ -0,0 +1,41 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-04 21:05:49
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-24 10:00:59
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\contract-management\\services\\contract-management.service.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from 'src/app/shared/services';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ContractManagementService extends BaseService {
+  $api_get_getPremiumInformationPage = `/api/sdc/billOperate/listPremiumInformationPage`;
+  // 查询投诉列表
+  $api_get_operate_listPage = `/api/sdc/complaint/operate/listPage`;
+  // 新增/更新信息
+  $api_save_contractTemplate = `/api/sdc/contractTemplate/save`;
+  // 查询合同模板表
+  $api_get_contractTemplate_page = `/api/sdc/contractTemplate/list/page`;
+  // 查询合同模板表详情
+  $api_get_contractTemplate = `/api/sdc/contractTemplate/get`;
+  // 删除合同模板
+  $api_deletebatch_contractTemplate = `/api/sdc/contractTemplate/deletebatch`;
+
+  // 查询明细合同
+  $api_listDetailed_page = `/api/sdc/contract/listDetailed/page`;
+  // 查询框架合同
+  $api_listFrame_page = `/api/sdc/contract/listFrame/page`;
+  // 查询合伙人合同
+  $api_listPartner_page = `/api/sdc/contract/listPartner/page`;
+  // 获取订单合同表
+  $api_contract_get = `/api/sdc/contract/get`;
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/dashboard/dashboard.component.html b/src/app/routes/dashboard/dashboard.component.html
index 8303d109..e69de29b 100644
--- a/src/app/routes/dashboard/dashboard.component.html
+++ b/src/app/routes/dashboard/dashboard.component.html
@@ -1,9 +0,0 @@
-<div class="modal-header">
-  <div class="modal-title">编辑 {{ record.id }} 信息</div>
-</div>
-<sf  #sf mode="edit" [schema]="schema" [ui]="ui" [formData]="i" button="none">
-  <div class="modal-footer">
-    <button nz-button type="button" (click)="close()">关闭</button>
-    <button nz-button type="submit" nzType="primary" (click)="save(sf.value)" [disabled]="!sf.valid" [nzLoading]="http.loading">保存</button>
-  </div>
-</sf>
diff --git a/src/app/routes/dashboard/dashboard.component.less b/src/app/routes/dashboard/dashboard.component.less
index dcb4cf4f..e69de29b 100644
--- a/src/app/routes/dashboard/dashboard.component.less
+++ b/src/app/routes/dashboard/dashboard.component.less
@@ -1,6 +0,0 @@
-@import '~@delon/theme/index';
-
-:host {
-  ::ng-deep {
-  }
-}
diff --git a/src/app/routes/dashboard/dashboard.component.ts b/src/app/routes/dashboard/dashboard.component.ts
index a069694d..fe11f0cf 100644
--- a/src/app/routes/dashboard/dashboard.component.ts
+++ b/src/app/routes/dashboard/dashboard.component.ts
@@ -1,66 +1,8 @@
-import { Component, ChangeDetectionStrategy, ChangeDetectorRef, TemplateRef, ViewChild } from '@angular/core';
-import { STComponent, STColumn, STData, STChange } from '@delon/abc/st';
-import { SFSchema, SFUISchema } from '@delon/form';
-import { _HttpClient } from '@delon/theme';
-import { NzSafeAny } from 'ng-zorro-antd/core/types';
-import { NzMessageService } from 'ng-zorro-antd/message';
-import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
-import { map, tap } from 'rxjs/operators';
+import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-dashboard',
   templateUrl: './dashboard.component.html',
-  styleUrls: ['./dashboard.component.less'],
-  changeDetection: ChangeDetectionStrategy.OnPush
+  styleUrls: ['./dashboard.component.less']
 })
-export class DashboardComponent {
-  @ViewChild('sf')
-  sf!: SFSchema;
-  record: any = {};
-  i: any;
-  schema: any = {
-    properties: {
-      no: { type: 'string', title: '编号' },
-      owner: { type: 'string', title: '姓名' },
-      callNo: { type: 'number', title: '调用次数' },
-      href: { type: 'string', title: '链接', format: 'uri', ui: { errors: { uri: '11' } } },
-      description: { type: 'string', title: '描述' }
-    },
-    required: ['owner', 'callNo', 'href', 'description']
-  };
-  ui: SFUISchema = {
-    '*': {
-      spanLabelFixed: 100,
-      grid: { span: 12 }
-    },
-    $no: {
-      widget: 'text'
-    },
-    $href: {
-      widget: 'string'
-    },
-    $description: {
-      widget: 'textarea',
-      grid: { span: 24 }
-    }
-  };
-
-  constructor(private msgSrv: NzMessageService, public http: _HttpClient) {}
-
-  ngOnInit(): void {
-    // if (this.record.id > 0) this.http.get(`/user/${this.record.id}`).subscribe(res => (this.i = res));
-  }
-
-  save(value: any): void {
-    console.log(this.sf.value);
-
-    // this.http.post(`/user/${this.record.id}`, value).subscribe(res => {
-    //   this.msgSrv.success('保存成功');
-    //   // this.modal.close(true);
-    // });
-  }
-
-  close(): void {
-    // this.modal.destroy();
-  }
-}
+export class DashboardComponent {}
diff --git a/src/app/routes/datatable/components/busitable/busiindex/busiindex.component.html b/src/app/routes/datatable/components/busitable/busiindex/busiindex.component.html
new file mode 100644
index 00000000..ae51e0e3
--- /dev/null
+++ b/src/app/routes/datatable/components/busitable/busiindex/busiindex.component.html
@@ -0,0 +1,58 @@
+<!-- 页头 -->
+<page-header-wrapper [title]="'业务报表'"></page-header-wrapper>
+<nz-card nzTitle="运多星平台业务情况" [nzExtra]="extraTemplate">
+  <ng-template #extraTemplate>
+    <div class="chooseBox">
+      <button nz-button nzType="primary" (click)="exportFun()">导出</button>
+      <div class="timeBox">
+        <nz-radio-group [(ngModel)]="mode" nzButtonStyle="solid" (ngModelChange)="changeData()">
+          <label nz-radio-button nzValue="year">年</label>
+          <label nz-radio-button nzValue="month">月</label>
+          <label nz-radio-button nzValue="date">日</label>
+          <label nz-radio-button nzValue="define">自定义</label>
+        </nz-radio-group>
+        <div class="dateBox">
+          <nz-date-picker [(ngModel)]="date" [nzMode]="mode" [nzFormat]="dateFormat" *ngIf="mode !== 'define'" [nzDisabledDate]="disabledDate" (ngModelChange)="onChange($event)"></nz-date-picker>
+          <nz-range-picker [(ngModel)]="defineDate" [nzFormat]="dateFormat" *ngIf="mode === 'define'" [nzDisabledDate]="disabledDate" (ngModelChange)="onChange($event)"></nz-range-picker>
+        </div>
+      </div>
+    </div>
+  </ng-template>
+  <st #st multiSort [columns]="columns" [ps]="20" [data]="service.$api_listPerformanceReportPage"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [scroll]="{ x: '1200px' }" [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [20, 50, 100] }"></st>
+</nz-card>
+<nz-card nzTitle="业绩报表" [nzExtra]="extraTemplate01">
+  <ng-template #extraTemplate01>
+    <div class="chooseBox">
+      <div class="timeBox">
+        <nz-radio-group [(ngModel)]="modeNext" nzButtonStyle="solid" (ngModelChange)="changeDataNext()">
+          <label nz-radio-button nzValue="year">年</label>
+          <label nz-radio-button nzValue="month">月</label>
+        </nz-radio-group>
+        <div class="dateBox">
+          <nz-date-picker [(ngModel)]="dateNext" [nzDisabledDate]="disabledDate" [nzMode]="modeNext" (ngModelChange)="onChangeNext($event)"></nz-date-picker>
+        </div>
+      </div>
+    </div>
+  </ng-template>
+
+  <div nz-row [nzGutter]="64">
+    <div nz-col class="gutter-row" [nzSpan]="12">
+      <div class="title">
+        <div class="box" style="background-color: #3ba1ff;"></div> 环比(%)
+      </div>
+      <!-- <g2-custom delay="100" (render)="render($event)"></g2-custom> -->
+     <!-- <app-busitable-curve></app-busitable-curve> -->
+     <app-busitable-curve #curve [chartData]="chartData.chainRatio"></app-busitable-curve>
+    </div>
+    <div nz-col class="gutter-row" [nzSpan]="12">
+      <div class="title">
+        <div class="box" style="background-color: #f59a23;"></div> 业绩量(元)
+      </div>
+      <app-busitable-pillar #pillar [chartData]="chartData.performance"></app-busitable-pillar>
+    </div>
+  </div>
+  
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/busitable/busiindex/busiindex.component.less b/src/app/routes/datatable/components/busitable/busiindex/busiindex.component.less
new file mode 100644
index 00000000..af1850ca
--- /dev/null
+++ b/src/app/routes/datatable/components/busitable/busiindex/busiindex.component.less
@@ -0,0 +1,21 @@
+.chooseBox{
+    display: flex;
+}
+.timeBox{
+    display: flex;
+    margin: 0 0 0 10px;
+}
+.dateBox{
+    display: inline-block;
+    margin: 0 0 0 10px;
+}
+.title{
+    display: flex;
+    align-items: center;
+    .box{
+        width: 8px;
+        height: 8px;
+        margin-right: 10px;
+        border-radius: 100px;
+    }
+}
diff --git a/src/app/routes/datatable/components/busitable/busiindex/busiindex.component.spec.ts b/src/app/routes/datatable/components/busitable/busiindex/busiindex.component.spec.ts
new file mode 100644
index 00000000..00c629be
--- /dev/null
+++ b/src/app/routes/datatable/components/busitable/busiindex/busiindex.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableBusiindexComponent } from './busiindex.component';
+
+describe('DatatableBusiindexComponent', () => {
+  let component: DatatableBusiindexComponent;
+  let fixture: ComponentFixture<DatatableBusiindexComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DatatableBusiindexComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableBusiindexComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/datatable/components/busitable/busiindex/busiindex.component.ts b/src/app/routes/datatable/components/busitable/busiindex/busiindex.component.ts
new file mode 100644
index 00000000..6a27ee0b
--- /dev/null
+++ b/src/app/routes/datatable/components/busitable/busiindex/busiindex.component.ts
@@ -0,0 +1,138 @@
+import { Component, OnInit, ViewChild, NgZone } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { DatePipe, _HttpClient } from '@delon/theme';
+import { differenceInCalendarDays } from 'date-fns';
+import { DataService } from '../../../services/data.service';
+import { BusitablePillarComponent } from '../pillar/pillar.component';
+import { BusitableCurveComponent } from './curve/curve.component';
+
+@Component({
+  selector: 'app-datatable-busiindex',
+  templateUrl: './busiindex.component.html',
+  styleUrls: ['./busiindex.component.less'],
+  providers: [DatePipe]
+
+})
+export class DatatableBusiindexComponent implements OnInit {
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('curve') private readonly curve!: BusitableCurveComponent;
+  @ViewChild('pillar') private readonly pillar!: BusitablePillarComponent;
+  type = 1;
+  mode = 'year';
+  date: any = null;
+  time: any = ['2022-01-01 00:00:00']
+  defineDate = [];
+  dateNext: any = null;
+  modeNext = 'year';
+  timeNext: any = ['2022-01-01 00:00:00']
+  dateFormat = 'yyyy';
+  today = new Date();
+  chartData: any = {}
+
+  columns: STColumn[] = [
+    { title: '运营主体', index: 'networkTransporterName', className: 'text-center' },
+    { title: '合伙人数', index: 'partnerNumber', className: 'text-center' },
+    { title: '客户数', index: 'enterpriseNumbe', className: 'text-center' },
+    { title: '订单数', index: 'zsl', className: 'text-center' },
+    { title: '客户预存款', index: 'czcgje', className: 'text-right', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.czcgje }) } },
+    { title: '业绩量', index: 'yisje', className: 'text-center' },
+    { title: '已收附加费', index: 'yisfjf', className: 'text-right', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yisfjf }) } },
+    { title: '平均附加费率', index: 'fjfl', className: 'text-center',format: (item)=> {
+      return item.fjfl + '%'
+    } },
+    { title: '已开票金额', index: 'ykpje', className: 'text-right', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.ykpje }) } },
+  ];
+  /**
+   * 查询参数
+   */
+   get reqParams() {
+    if(this.mode === 'year') {
+      this.type = 1
+    } else if(this.mode === 'month') {
+      this.type = 2
+    } else if(this.mode === 'date') {
+      this.type = 3
+    } else {
+      this.type = 4
+    }
+    let params: any = {
+      time: this.time,
+      type: this.type
+     };
+  
+    delete params._$expand;
+    return { ...params };
+  }
+
+  constructor(public service: DataService, private datePipe: DatePipe,  private ngZone: NgZone) { }
+  ngOnInit(): void {
+    this.initData()
+  }
+  initData(flag?: boolean){
+    let type = 1
+    if(this.mode === 'year') {
+      type = 1
+    } else if(this.mode === 'month') {
+      type = 2
+    }
+    const params: any = {
+      time: this.timeNext,
+      type
+     };
+    this.service.request(this.service.$api_performanceReportHistogram, params).subscribe(res => {
+      if (res) {
+        this.chartData = res
+        if(flag) {
+          this.pillar.reRender()
+          this.curve.reRender()
+        }
+      }
+    })
+  }
+  changeData(){
+    if(this.mode === 'year') {
+      this.dateFormat = 'yyyy'
+    } else if(this.mode === 'month') {
+      this.dateFormat = 'yyyy-MM'
+    } else {
+      this.dateFormat = 'yyyy-MM-dd'
+    } 
+  }
+  onChange(result: any) {
+    if(this.mode === 'year') {
+      this.time = [this.datePipe.transform(this.date, 'yyyy') + '-01-01 00:00:00']
+    } else if(this.mode === 'month') {
+      this.time = [this.datePipe.transform(this.date, 'yyyy-MM') + '-01 00:00:00']
+    } else if(this.mode === 'date') {
+      this.time = [this.datePipe.transform(this.date, 'yyyy-MM-dd') + ' 00:00:00']
+    } else{
+      this.time = [this.datePipe.transform(this.defineDate[0], 'yyyy-MM-dd') + '00:00:00', this.datePipe.transform(this.defineDate[1], 'yyyy-MM-dd') + ' 00:00:00']
+    }
+    this.st.reload({ ...this.reqParams });
+  }
+
+  changeDataNext() {
+    if(this.mode === 'year') {
+      this.dateFormat = 'yyyy'
+    } else if(this.mode === 'month') {
+      this.dateFormat = 'yyyy-MM'
+    }
+  }
+  onChangeNext(result: any) {
+    if(result === null) {
+      return
+    }
+    if(this.mode === 'year') {
+      this.timeNext = [this.datePipe.transform(this.dateNext, 'yyyy') + '-01-01 00:00:00']
+    } else if(this.mode === 'month') {
+      this.timeNext = [this.datePipe.transform(this.dateNext, 'yyyy-MM') + '-01 00:00:00']
+    }
+    this.initData(true)
+  }
+  disabledDate = (current: Date): boolean =>
+    // Can not select days before today and today
+    differenceInCalendarDays(current, this.today) > 0;
+  exportFun(){
+
+  }
+}
diff --git a/src/app/routes/datatable/components/busitable/busiindex/curve/curve.component.html b/src/app/routes/datatable/components/busitable/busiindex/curve/curve.component.html
new file mode 100644
index 00000000..315c4e18
--- /dev/null
+++ b/src/app/routes/datatable/components/busitable/busiindex/curve/curve.component.html
@@ -0,0 +1 @@
+<g2-custom delay="200" (render)="render($event)"></g2-custom>
\ No newline at end of file
diff --git a/src/app/routes/demo/components/zorro-demo/zorro-demo.component.less b/src/app/routes/datatable/components/busitable/busiindex/curve/curve.component.less
similarity index 100%
rename from src/app/routes/demo/components/zorro-demo/zorro-demo.component.less
rename to src/app/routes/datatable/components/busitable/busiindex/curve/curve.component.less
diff --git a/src/app/routes/datatable/components/busitable/busiindex/curve/curve.component.ts b/src/app/routes/datatable/components/busitable/busiindex/curve/curve.component.ts
new file mode 100644
index 00000000..00d9e8b5
--- /dev/null
+++ b/src/app/routes/datatable/components/busitable/busiindex/curve/curve.component.ts
@@ -0,0 +1,68 @@
+import { Component, ElementRef, Input, NgZone, OnChanges, OnInit, SimpleChanges, ViewChild } from '@angular/core';
+import { Chart } from '@antv/g2';
+import { DataService } from 'src/app/routes/datatable/services/data.service';
+@Component({
+  selector: 'app-busitable-curve',
+  templateUrl: './curve.component.html',
+  styleUrls: ['./curve.component.less']
+})
+export class BusitableCurveComponent implements OnInit, OnChanges {
+  el: any;
+  @Input() chartData: any;
+  chart: any;
+  constructor(private service: DataService, private ngZone: NgZone) {
+
+  }
+  ngOnChanges(changes: SimpleChanges): void {
+    if (this.chartData) {
+      // setTimeout(()=>{
+      //   this.chart.render(true)
+      // }, 1000)
+
+    }
+  }
+
+  ngOnInit(): void {
+
+  }
+  reRender() {
+      this.chart.data(this.chartData);
+      this.chart.render();
+  }
+  render(el: ElementRef<HTMLDivElement>): void {
+    this.el = el.nativeElement
+    setTimeout(() => {
+      this.ngZone.runOutsideAngular(() => this.init(this.el));
+      }, 500)
+  }
+
+  private init(el: HTMLElement): void {
+    this.chart = new Chart({
+      container: el,
+      autoFit: true,
+      height: 500,
+    });
+
+    this.chart.data(this.chartData);
+    this.chart.scale({
+      year: {
+        range: [0, 1],
+      },
+      value: {
+        min: 0,
+        nice: true,
+      },
+    });
+
+    this.chart.tooltip({
+      showCrosshairs: true, // 展示 Tooltip 辅助线
+      shared: true,
+    });
+
+    this.chart.line().position('time*value').label('value');
+    this.chart.point().position('time*value');
+
+    this.chart.render();
+  }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/busitable/mantable/mantable.component.html b/src/app/routes/datatable/components/busitable/mantable/mantable.component.html
new file mode 100644
index 00000000..d6117749
--- /dev/null
+++ b/src/app/routes/datatable/components/busitable/mantable/mantable.component.html
@@ -0,0 +1,42 @@
+<!-- 页头 -->
+<page-header-wrapper [title]="'业务报表'"></page-header-wrapper>
+<nz-card nzTitle="业务员报表" [nzExtra]="extraTemplate">
+  <ng-template #extraTemplate>
+    <div class="chooseBox">
+      <div class="timeBox">
+        <nz-radio-group [(ngModel)]="mode" nzButtonStyle="solid" (ngModelChange)="changeData()">
+          <label nz-radio-button nzValue="year">年</label>
+          <label nz-radio-button nzValue="month">月</label>
+          <label nz-radio-button nzValue="date">日</label>
+          <label nz-radio-button nzValue="define">自定义</label>
+        </nz-radio-group>
+        <div class="dateBox">
+          <nz-date-picker [(ngModel)]="date" [nzMode]="mode" [nzFormat]="dateFormat" *ngIf="mode !== 'define'" [nzDisabledDate]="disabledDate" (ngModelChange)="onChange($event)"></nz-date-picker>
+          <nz-range-picker [(ngModel)]="defineDate" [nzFormat]="dateFormat" *ngIf="mode === 'define'" [nzDisabledDate]="disabledDate" (ngModelChange)="onChange($event)"></nz-range-picker>
+        </div>
+
+      </div>
+    </div>
+
+  </ng-template>
+  <st #st multiSort [columns]="columns" [ps]="20" [data]="service.$api_listOperationalReportPage"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [scroll]="{ x: '1200px' }" [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [20, 50, 100] }" [loading]="service.http.loading"></st>
+</nz-card>
+<nz-card nzTitle="业绩报表" [nzExtra]="extraTemplate01">
+  <ng-template #extraTemplate01>
+    <div class="chooseBox">
+      <div class="timeBox">
+        <nz-radio-group [(ngModel)]="modeNext" nzButtonStyle="solid" (ngModelChange)="changeDataNext()">
+          <label nz-radio-button nzValue="year">年</label>
+          <label nz-radio-button nzValue="month">月</label>
+        </nz-radio-group>
+        <div class="dateBox">
+          <nz-date-picker [(ngModel)]="dateNext" [nzDisabledDate]="disabledDate" [nzMode]="mode" (ngModelChange)="onChangeNext($event)"></nz-date-picker>
+        </div>
+      </div>
+    </div>
+  </ng-template>
+  <app-busitable-pillar #pillar [chartData]="chartData.performance"></app-busitable-pillar>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/busitable/mantable/mantable.component.less b/src/app/routes/datatable/components/busitable/mantable/mantable.component.less
new file mode 100644
index 00000000..6b4b1cba
--- /dev/null
+++ b/src/app/routes/datatable/components/busitable/mantable/mantable.component.less
@@ -0,0 +1,11 @@
+.chooseBox{
+    display: flex;
+}
+.timeBox{
+    display: flex;
+    margin: 0 0 0 10px;
+}
+.dateBox{
+    display: inline-block;
+    margin: 0 0 0 10px;
+}
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/busitable/mantable/mantable.component.spec.ts b/src/app/routes/datatable/components/busitable/mantable/mantable.component.spec.ts
new file mode 100644
index 00000000..2aa60931
--- /dev/null
+++ b/src/app/routes/datatable/components/busitable/mantable/mantable.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableMantableComponent } from './mantable.component';
+
+describe('DatatableMantableComponent', () => {
+  let component: DatatableMantableComponent;
+  let fixture: ComponentFixture<DatatableMantableComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DatatableMantableComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableMantableComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/datatable/components/busitable/mantable/mantable.component.ts b/src/app/routes/datatable/components/busitable/mantable/mantable.component.ts
new file mode 100644
index 00000000..c1f60ff0
--- /dev/null
+++ b/src/app/routes/datatable/components/busitable/mantable/mantable.component.ts
@@ -0,0 +1,138 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { DatePipe, _HttpClient } from '@delon/theme';
+import { differenceInCalendarDays } from 'date-fns';
+import { DataService } from '../../../services/data.service';
+import { BusitablePillarComponent } from '../pillar/pillar.component';
+
+@Component({
+  selector: 'app-datatable-mantable',
+  templateUrl: './mantable.component.html',
+  styleUrls: ['./mantable.component.less'],
+  providers: [DatePipe]
+
+})
+export class DatatableMantableComponent implements OnInit {
+  @ViewChild('pillar') private readonly pillar!: BusitablePillarComponent;
+  @ViewChild('st') private readonly st!: STComponent;
+  type = 1;
+  mode = 'year';
+  date: any = null;
+  defineDate = [];
+  time: any = ['2022-01-01 00:00:00']
+  dateFormat = 'yyyy';
+  today = new Date();
+  dateNext: any = null;
+  modeNext = 'year';
+  chartData: any = {}
+  timeNext: any = ['2022-01-01 00:00:00']
+  flag = false;
+
+  columns: STColumn[] = [
+    { title: '部门', index: 'bm', className: 'text-center' },
+    { title: '业务员', index: 'ywy', className: 'text-center' },
+    { title: '合伙人数', index: 'hhrs', className: 'text-center' },
+    { title: '客户数', index: 'khs', className: 'text-center' },
+    { title: '客户活跃率', index: 'khhyl', className: 'text-center' },
+    { title: '客户预存款', index: 'kfyck', className: 'text-center', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.kfyck }) } },
+    { title: '订单数', index: 'dds', className: 'text-center' },
+    { title: '订单金额', index: 'ddje', className: 'text-center', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.ddje }) } },
+    { title: '业绩量', index: 'yjl', className: 'text-center' },
+    { title: '附加费金额', index: 'fjfje', className: 'text-center', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.fjfje }) } },
+    { title: '平均附加费率', index: 'pjfjl', className: 'text-center' },
+    { title: '已开票金额', index: 'ykpje', className: 'text-center', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.ykpje }) } },
+  ];
+  /**
+   * 查询参数
+   */
+   get reqParams() {
+    if(this.mode === 'year') {
+      this.type = 1
+    } else if(this.mode === 'month') {
+      this.type = 2
+    } else if(this.mode === 'date') {
+      this.type = 3
+    } else {
+      this.type = 4
+    }
+    let params: any = {
+      time: this.time,
+      type: this.type
+     };
+  
+    delete params._$expand;
+    return { ...params };
+  }
+
+  constructor(public service: DataService, private datePipe: DatePipe) { }
+  ngOnInit(): void { }
+
+  initData(){
+    let type = 1
+    if(this.mode === 'year') {
+      type = 1
+    } else if(this.mode === 'month') {
+      type = 2
+    }
+    const params: any = {
+      time: this.timeNext,
+      type
+     };
+    this.service.request(this.service.$api_performanceReportHistogram, params).subscribe(res => {
+      if (res) {
+        this.chartData = res
+        if(this.flag) {
+          this.pillar.reRender()
+        }
+      }
+    })
+  }
+  changeData(){
+    if(this.mode === 'year') {
+      this.dateFormat = 'yyyy'
+    } else if(this.mode === 'month') {
+      this.dateFormat = 'yyyy-MM'
+    } else {
+      this.dateFormat = 'yyyy-MM-dd'
+    } 
+  }
+  onChange(result: any) {
+    if(this.mode === 'year') {
+      this.time = [this.datePipe.transform(this.date, 'yyyy') + '-01-01 00:00:00']
+    } else if(this.mode === 'month') {
+      this.time = [this.datePipe.transform(this.date, 'yyyy-MM') + '-01 00:00:00']
+    } else if(this.mode === 'date') {
+      this.time = [this.datePipe.transform(this.date, 'yyyy-MM-dd') + ' 00:00:00']
+    } else{
+      this.time = [this.datePipe.transform(this.defineDate[0], 'yyyy-MM-dd') + '00:00:00', this.datePipe.transform(this.defineDate[1], 'yyyy-MM-dd') + ' 00:00:00']
+    }
+    this.st.reload({ ...this.reqParams });
+  }
+
+  changeDataNext() {
+    if(this.mode === 'year') {
+      this.dateFormat = 'yyyy'
+    } else if(this.mode === 'month') {
+      this.dateFormat = 'yyyy-MM'
+    }
+  }
+  onChangeNext(result: any) {
+    if(result === null) {
+      return
+    }
+    if(this.mode === 'year') {
+      this.timeNext = [this.datePipe.transform(this.dateNext, 'yyyy') + '-01-01 00:00:00']
+    } else if(this.mode === 'month') {
+      this.timeNext = [this.datePipe.transform(this.dateNext, 'yyyy-MM') + '-01 00:00:00']
+    }
+    this.flag = true
+    this.initData()
+  }
+  disabledDate = (current: Date): boolean =>
+    // Can not select days before today and today
+    differenceInCalendarDays(current, this.today) > 0;
+  exportFun(){
+
+  }
+
+}
diff --git a/src/app/routes/datatable/components/busitable/pillar/pillar.component.html b/src/app/routes/datatable/components/busitable/pillar/pillar.component.html
new file mode 100644
index 00000000..315c4e18
--- /dev/null
+++ b/src/app/routes/datatable/components/busitable/pillar/pillar.component.html
@@ -0,0 +1 @@
+<g2-custom delay="200" (render)="render($event)"></g2-custom>
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/busitable/pillar/pillar.component.less b/src/app/routes/datatable/components/busitable/pillar/pillar.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/datatable/components/busitable/pillar/pillar.component.ts b/src/app/routes/datatable/components/busitable/pillar/pillar.component.ts
new file mode 100644
index 00000000..ddb0569b
--- /dev/null
+++ b/src/app/routes/datatable/components/busitable/pillar/pillar.component.ts
@@ -0,0 +1,56 @@
+import { Component, ElementRef, Input, NgZone, OnChanges, OnInit, SimpleChanges, ViewChild } from '@angular/core';
+import { Chart } from '@antv/g2';
+import { DataService } from 'src/app/routes/datatable/services/data.service';
+@Component({
+  selector: 'app-busitable-pillar',
+  templateUrl: './pillar.component.html',
+  styleUrls: ['./pillar.component.less']
+})
+export class BusitablePillarComponent implements OnInit, OnChanges {
+  el: any;
+  @Input() chartData: any;
+  chart: any;
+  constructor(private service: DataService, private ngZone: NgZone) {
+
+  }
+  ngOnChanges(changes: SimpleChanges): void {
+    if (this.chartData) {
+      // setTimeout(()=>{
+      //   this.chart.render(true)
+      // }, 1000)
+
+    }
+  }
+
+  ngOnInit(): void {
+
+  }
+  reRender() {
+      this.chart.data(this.chartData);
+      this.chart.render();
+  }
+  render(el: ElementRef<HTMLDivElement>): void {
+    this.el = el.nativeElement
+    setTimeout(() => {
+      this.ngZone.runOutsideAngular(() => this.init(this.el));
+      }, 500)
+  }
+
+  private init(el: HTMLElement): void {
+    this.chart = new Chart({
+      container: el,
+      autoFit: true,
+      height: 500,
+    });
+
+    this.chart.data(this.chartData);
+
+    this.chart.tooltip({
+      showMarkers: false,
+    });
+
+    this.chart.interval().position('time*number');
+    this.chart.render();
+  }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/compliance/customer/customer.component.html b/src/app/routes/datatable/components/compliance/customer/customer.component.html
new file mode 100644
index 00000000..56092666
--- /dev/null
+++ b/src/app/routes/datatable/components/compliance/customer/customer.component.html
@@ -0,0 +1,6 @@
+<!-- 页头 -->
+<page-header-wrapper [title]="'数据报表'"></page-header-wrapper>
+<nz-card>
+  <sf mode="search" [schema]="searchSchema" (formSubmit)="st.reset($event)" (formReset)="st.reset($event)"></sf>
+  <st #st [data]="url" [columns]="columns"></st>
+</nz-card>
diff --git a/src/app/routes/datatable/components/compliance/customer/customer.component.ts b/src/app/routes/datatable/components/compliance/customer/customer.component.ts
new file mode 100644
index 00000000..1546a048
--- /dev/null
+++ b/src/app/routes/datatable/components/compliance/customer/customer.component.ts
@@ -0,0 +1,45 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFSchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+
+@Component({
+  selector: 'app-datatable-compliance-customer',
+  templateUrl: './customer.component.html',
+})
+export class DatatableComplianceCustomerComponent implements OnInit {
+  url = `/user`;
+  searchSchema: SFSchema = {
+    properties: {
+      no: {
+        type: 'string',
+        title: '编号'
+      }
+    }
+  };
+  @ViewChild('st') private readonly st!: STComponent;
+  columns: STColumn[] = [
+    { title: '编号', index: 'no' },
+    { title: '调用次数', type: 'number', index: 'callNo' },
+    { title: '头像', type: 'img', width: '50px', index: 'avatar' },
+    { title: '时间', type: 'date', index: 'updatedAt' },
+    {
+      title: '',
+      buttons: [
+        // { text: '查看', click: (item: any) => `/form/${item.id}` },
+        // { text: '编辑', type: 'static', component: FormEditComponent, click: 'reload' },
+      ]
+    }
+  ];
+
+  constructor(private http: _HttpClient, private modal: ModalHelper) { }
+
+  ngOnInit(): void { }
+
+  add(): void {
+    // this.modal
+    //   .createStatic(FormEditComponent, { i: { id: 0 } })
+    //   .subscribe(() => this.st.reload());
+  }
+
+}
diff --git a/src/app/routes/datatable/components/compliance/index/curve/curve.component.html b/src/app/routes/datatable/components/compliance/index/curve/curve.component.html
new file mode 100644
index 00000000..7ceba0b7
--- /dev/null
+++ b/src/app/routes/datatable/components/compliance/index/curve/curve.component.html
@@ -0,0 +1,2 @@
+<g2-custom delay="100" (render)="render($event)"></g2-custom>
+
diff --git a/src/app/routes/datatable/components/compliance/index/curve/curve.component.less b/src/app/routes/datatable/components/compliance/index/curve/curve.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/datatable/components/compliance/index/curve/curve.component.ts b/src/app/routes/datatable/components/compliance/index/curve/curve.component.ts
new file mode 100644
index 00000000..0dbacb97
--- /dev/null
+++ b/src/app/routes/datatable/components/compliance/index/curve/curve.component.ts
@@ -0,0 +1,91 @@
+import { Component, ElementRef, Input, NgZone, OnChanges, OnInit, SimpleChanges, ViewChild } from '@angular/core';
+import { G2MiniAreaClickItem } from '@delon/chart/mini-area';
+
+// import DataSet from '@antv/data-set';
+const DataSet = require('@antv/data-set');
+import { Chart } from '@antv/g2';
+import { DataService } from 'src/app/routes/datatable/services/data.service';
+@Component({
+  selector: 'app-compliance-curve',
+  templateUrl: './curve.component.html',
+  styleUrls: ['./curve.component.less']
+})
+export class ComplianceCurveComponent implements OnInit,OnChanges {
+  el: any;
+  @Input() chartData: any;
+  chart: any;
+  constructor(private service: DataService, private ngZone: NgZone) {
+
+  }
+  ngOnChanges(changes: SimpleChanges): void {
+    if (this.chartData) {
+      // setTimeout(()=>{
+      //   this.chart.render(true)
+      // }, 1000)
+
+    }
+  }
+
+  ngOnInit(): void {
+
+  }
+  reRender() {
+    setTimeout(() => {
+      this.chart.data(this.chartData);
+      this.chart.render();
+    }, 1000)
+  }
+  render(el: ElementRef<HTMLDivElement>): void {
+    this.el = el.nativeElement
+    setTimeout(() => {
+      console.log(this.chartData)
+      this.ngZone.runOutsideAngular(() => this.init(this.el));
+      }, 1000)
+  }
+
+  private init(el: HTMLElement): void {
+    this.chart = new Chart({
+      container: el,
+      autoFit: true,
+      height: 500,
+    });
+
+    this.chart.data(this.chartData);
+    this.chart.scale({
+      time: {
+        range: [0, 1],
+      },
+      number: {
+        min: 0,
+        nice: true,
+      },
+    });
+    
+    this.chart.tooltip({
+      showCrosshairs: true,
+      shared: true,
+    });
+    
+    this.chart.axis('proportion', {
+      label: {
+        formatter: (val: any) => {
+          return val*100+ ' %';
+        },
+      },
+    });
+    
+    this.chart
+      .line()
+      .position('situationDate*proportion')
+      .color('type')
+      .tooltip('proportion*type', function(name: any, value: any) {
+        return {
+          name: name*100+'%',
+          value: value
+        };
+      });
+
+    this.chart.render();
+    
+  }
+}
diff --git a/src/app/routes/datatable/components/compliance/index/index.component.html b/src/app/routes/datatable/components/compliance/index/index.component.html
new file mode 100644
index 00000000..0d55f76b
--- /dev/null
+++ b/src/app/routes/datatable/components/compliance/index/index.component.html
@@ -0,0 +1,67 @@
+<!-- 页头 -->
+<page-header-wrapper [title]="'合规监控报表'"></page-header-wrapper>
+<nz-card>
+  <!-- 搜索区 -->
+  <div nz-row>
+    <div nz-col nzSpan="18">
+      <sf #sf [ui]="ui" [schema]="schema" [button]="'none'"></sf>
+    </div>
+    <div nz-col nzSpan="6">
+      <div class="chooseBox">
+        <div class="timeBox">
+          <nz-radio-group [(ngModel)]="mode" nzButtonStyle="solid" (ngModelChange)="changeData()">
+            <label nz-radio-button nzValue="year">年</label>
+            <label nz-radio-button nzValue="month">月</label>
+          </nz-radio-group>
+          <div class="dateBox">
+            <nz-date-picker [(ngModel)]="date" [nzMode]="mode" [nzFormat]="dateFormat" (ngModelChange)="onChange($event)"></nz-date-picker>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</nz-card>
+
+<div nz-row [nzGutter]="16">
+  <div nz-col class="gutter-row" [nzSpan]="6">
+    <g2-card [title]="'订单合格率'" [bordered]="true" [total]="cardData1?.proportion" [footer]="footer1" contentHeight="46">
+      <ng-template #footer1>
+        <div class="card-f">
+          <span class="card-f-l">合格：{{cardData1?.leftQuantity}}</span> <span>不合格：{{cardData1?.rightQuantity}}</span>
+        </div>
+      </ng-template>
+    </g2-card>
+  </div>
+  <div nz-col class="gutter-row" [nzSpan]="6">
+    <g2-card [title]="'货源单占比'" [bordered]="true" [total]="cardData2?.proportion" [footer]="footer2" contentHeight="46">
+      <ng-template #footer2>
+        <div class="card-f">
+          <span class="card-f-l">货源单：{{cardData2?.leftQuantity}}</span> <span>合同单：{{cardData2?.rightQuantity}}</span>
+        </div>
+      </ng-template>
+    </g2-card>
+  </div>
+  <div nz-col class="gutter-row" [nzSpan]="6">
+    <g2-card [title]="'运费直付占比'" [bordered]="true" [total]="cardData3?.proportion" [footer]="footer3" contentHeight="46">
+      <ng-template #footer3>
+        <div class="card-f">
+          <span class="card-f-l">司机：{{cardData3?.leftQuantity}}</span> <span>车队长：{{cardData3?.rightQuantity}}</span>
+        </div>
+      </ng-template>
+    </g2-card>
+    </div>
+  <div nz-col class="gutter-row" [nzSpan]="6">
+    <g2-card [title]="'付款及时率'" [bordered]="true" [total]="cardData4?.proportion" [footer]="footer4" contentHeight="46">
+      <ng-template #footer4>
+        <div class="card-f">
+          <span class="card-f-l">准时：{{cardData4?.leftQuantity}}</span> <span>逾期：{{cardData4?.rightQuantity}}</span>
+        </div>
+      </ng-template>
+    </g2-card>
+  </div>
+</div>
+
+<nz-card nzTitle="平台合规情况监控报表">
+  <app-compliance-curve #curve [chartData]="chartData"></app-compliance-curve>
+  <!-- <g2-custom delay="100" (render)="render($event)"></g2-custom> -->
+</nz-card>
diff --git a/src/app/routes/datatable/components/compliance/index/index.component.less b/src/app/routes/datatable/components/compliance/index/index.component.less
new file mode 100644
index 00000000..3d0d3e63
--- /dev/null
+++ b/src/app/routes/datatable/components/compliance/index/index.component.less
@@ -0,0 +1,17 @@
+.card-f{
+    color: #5a5a5a;
+    .card-f-l{
+      margin-right: 24px;  
+    }
+}
+.chooseBox{
+  display: flex;
+}
+.timeBox{
+  display: flex;
+  margin: 0 0 0 10px;
+}
+.dateBox{
+  display: inline-block;
+  margin: 0 0 0 10px;
+}
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/compliance/index/index.component.ts b/src/app/routes/datatable/components/compliance/index/index.component.ts
new file mode 100644
index 00000000..b545a4f5
--- /dev/null
+++ b/src/app/routes/datatable/components/compliance/index/index.component.ts
@@ -0,0 +1,263 @@
+import { Component, ElementRef, NgZone, OnInit, ViewChild } from '@angular/core';
+import { DatePipe, ModalHelper, _HttpClient } from '@delon/theme';
+import { G2MiniAreaClickItem, G2MiniAreaData } from '@delon/chart/mini-area';
+import { format } from 'date-fns';
+import { SFComponent, SFDateWidgetSchema, SFRadioWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { G2TimelineData, G2TimelineMap } from '@delon/chart/timeline';
+import { Chart } from '@antv/g2';
+import { DataService } from '../../../services/data.service';
+import { ComplianceCurveComponent } from './curve/curve.component';
+
+@Component({
+  selector: 'app-datatable-compliance-index',
+  templateUrl: './index.component.html',
+  styleUrls: ['./index.component.less'],
+  providers: [DatePipe]
+})
+export class DatatableComplianceIndexComponent implements OnInit {
+  @ViewChild('curve') private readonly curve!: ComplianceCurveComponent;
+  @ViewChild('sf', { static: false })
+  
+  sf!: SFComponent;
+  ui!: SFUISchema;
+  schema: SFSchema = {};
+
+  mode = 'year';
+  date: any = null;
+  dateFormat = 'yyyy';
+  time: any = '2022'
+  chartData: any = {}
+
+  cardData1:any;
+  cardData2:any;
+  cardData3:any;
+  cardData4:any;
+ 
+  constructor(private http: _HttpClient, private modal: ModalHelper, private ngZone: NgZone,public service: DataService, private datePipe: DatePipe) {}
+
+  ngOnInit(): void {
+    this.initSF();
+    this.initdData();
+  }
+
+  initdData(){
+    const params ={
+      ...this.sf?.value,
+      timeType:this.mode ==='month'?'M':'Y',
+      time:this.time
+    }
+    this.service.request(this.service.$api_getBillRateQualified, params).subscribe(res => {
+        if (res) {
+         this.cardData1 = res;
+         this.cardData1.proportion = this.cardData1.proportion*100 +'%'
+        }
+    });
+    this.service.request(this.service.$api_getBillRateProportion, params).subscribe(res => {
+        if (res) {
+         this.cardData2 = res;
+         this.cardData2.proportion = this.cardData2.proportion*100 +'%'
+        }
+    });
+    this.service.request(this.service.$api_getBillRateDirectPayment, params).subscribe(res => {
+        if (res) {
+         this.cardData3 = res;
+         this.cardData3.proportion = this.cardData3.proportion*100 +'%'
+        }
+    });
+    this.service.request(this.service.$api_getBillTimelyPayment, params).subscribe(res => {
+        if (res) {
+         this.cardData4 = res;
+         this.cardData4.proportion = this.cardData4.proportion*100 +'%'
+        }
+    });
+
+    this.service.request(this.service.$api_listMonitorSituation, params).subscribe(res => {
+      if (res) {
+        this.chartData = res
+        this.curve.reRender();
+
+      }
+    })
+  }
+  
+
+  changeData(){
+    if(this.mode === 'year') {
+      this.dateFormat = 'yyyy'
+    } else if(this.mode === 'month') {
+      this.dateFormat = 'yyyy-MM'
+    }
+   
+  }
+
+  onChange(result: any) {
+    if(result === null) {
+      return
+    }
+    if(this.mode === 'year') {
+      this.time = this.datePipe.transform(this.date, 'yyyy')
+    } else if(this.mode === 'month') {
+      this.time = this.datePipe.transform(this.date, 'yyyy-MM')
+    }
+    this.initdData();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        enterpriseInfoId: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'select',
+            placeholder: '网络货运人',
+            asyncData: () => this.service.getNetworkFreightForwarder({}),
+            change:()=>{
+              this.initdData();
+            },
+            allowClear: true
+          }
+        },
+        enterpriseProjectId: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'select',
+            placeholder: '部门'
+          }
+        },
+        salesmanId: {
+          type: 'string',
+          title: '',
+          ui: {
+            placeholder: '业务员',
+            enter: () => this.initdData(),
+          }
+        }
+      }
+    };
+    this.ui = {
+      '*': {
+        grid: { span: 4 }
+      }
+    };
+
+  }
+
+
+
+
+  render(el: ElementRef<HTMLDivElement>) {
+    this.ngZone.runOutsideAngular(() => this.init(el.nativeElement));
+  }
+
+  private init(el: HTMLElement): void {
+    const chart = new Chart({
+      container: el,
+      autoFit: true,
+      height: 400
+    });
+    // 以三组数据为例, 需要展示 91/92/93年中a/b/c数据走势
+		const data = [
+      { data: '1月', label: '订单合格率', value: 5 },
+      { data: '2月', label: '订单合格率', value: 10 },
+      { data: '3月', label: '订单合格率', value: 25 },
+      { data: '4月', label: '订单合格率', value: 35 },
+      { data: '5月', label: '订单合格率', value: 15 },
+      { data: '6月', label: '订单合格率', value: 5 },
+      { data: '7月', label: '订单合格率', value: 95 },
+      { data: '8月', label: '订单合格率', value: 45 },
+
+      { data: '1月', label: '付款及时率', value: 10 },
+      { data: '2月', label: '付款及时率', value: 15 },
+      { data: '3月', label: '付款及时率', value: 30 },
+      { data: '4月', label: '付款及时率', value: 8 },
+      { data: '5月', label: '付款及时率', value: 9 },
+      { data: '6月', label: '付款及时率', value: 5 },
+      { data: '7月', label: '付款及时率', value: 80 },
+      { data: '8月', label: '付款及时率', value: 55 },
+
+      { data: '1月', label: '货源占比率', value: 90 },
+      { data: '2月', label: '货源占比率', value: 30 },
+      { data: '3月', label: '货源占比率', value: 45 },
+      { data: '4月', label: '货源占比率', value: 35 },
+      { data: '5月', label: '货源占比率', value: 95 },
+      { data: '6月', label: '货源占比率', value: 35 },
+      { data: '7月', label: '货源占比率', value: 65 },
+      { data: '8月', label: '货源占比率', value: 63 },
+
+      { data: '1月', label: '运费直付占比', value: 30 },
+      { data: '2月', label: '运费直付占比', value: 60 },
+      { data: '3月', label: '运费直付占比', value: 25 },
+      { data: '4月', label: '运费直付占比', value: 35 },
+      { data: '5月', label: '运费直付占比', value: 15 },
+      { data: '6月', label: '运费直付占比', value: 55 },
+      { data: '7月', label: '运费直付占比', value: 50 },
+      { data: '8月', label: '运费直付占比', value: 30 },
+    ];
+
+    chart.data(data);
+    //刻度自定义
+    chart.scale({
+      data: {
+        range: [0, 1],
+      },
+      value: {
+        min: 0,
+        nice: true,
+      },
+    });
+    // 图表下方图形文字自定义
+    chart.legend({
+      items:[
+        {
+          name: '订单合格率',
+          value: 'node_load1',
+          marker: {
+            symbol: 'circle',
+            style: {fill: '#6193f7'}
+          },
+        },
+        {
+          name: '付款及时率',
+          value: 'node_load2',
+          marker: {symbol: 'circle',style: {fill: '#58d3a2'}},
+        },
+        {
+          name: '货源占比率',
+          value: 'node_load13',
+          marker: {symbol: 'circle',style: {fill: '#5b6d8f'}},
+        },
+        {
+          name: '运费直付占比',
+          value: 'node_load13',
+          marker: {symbol: 'circle',style: {fill: '#f0b915'}},
+        },
+      ]
+    });
+    // 提示自定义
+    chart.tooltip({
+      showCrosshairs: true,
+      shared: true,
+    });
+    
+    //数据格式化
+    chart.axis('value', {
+      label: {
+        formatter: (val) => {
+          return val + ' %';
+        },
+      },
+    });
+		// 在x*y的坐标点上按z值绘制线条, 如果z值相同将使用直线连接
+		chart.line().position('data*value').color('label').tooltip('label*value', (name:any, value:any) => {
+      return {
+        name: name,
+        value: value + '%'
+      };
+    });;
+		// 在x*y的坐标上按z值绘制圆点
+		chart.point().position('data*value').size(4).color('label').shape('circle');
+		chart.render();
+  }
+}
diff --git a/src/app/routes/datatable/components/compliance/salesman/salesman.component.html b/src/app/routes/datatable/components/compliance/salesman/salesman.component.html
new file mode 100644
index 00000000..56092666
--- /dev/null
+++ b/src/app/routes/datatable/components/compliance/salesman/salesman.component.html
@@ -0,0 +1,6 @@
+<!-- 页头 -->
+<page-header-wrapper [title]="'数据报表'"></page-header-wrapper>
+<nz-card>
+  <sf mode="search" [schema]="searchSchema" (formSubmit)="st.reset($event)" (formReset)="st.reset($event)"></sf>
+  <st #st [data]="url" [columns]="columns"></st>
+</nz-card>
diff --git a/src/app/routes/datatable/components/compliance/salesman/salesman.component.ts b/src/app/routes/datatable/components/compliance/salesman/salesman.component.ts
new file mode 100644
index 00000000..3b6cd019
--- /dev/null
+++ b/src/app/routes/datatable/components/compliance/salesman/salesman.component.ts
@@ -0,0 +1,45 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFSchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+
+@Component({
+  selector: 'app-datatable-compliance-salesman',
+  templateUrl: './salesman.component.html',
+})
+export class DatatableComplianceSalesmanComponent implements OnInit {
+  url = `/user`;
+  searchSchema: SFSchema = {
+    properties: {
+      no: {
+        type: 'string',
+        title: '编号'
+      }
+    }
+  };
+  @ViewChild('st') private readonly st!: STComponent;
+  columns: STColumn[] = [
+    { title: '编号', index: 'no' },
+    { title: '调用次数', type: 'number', index: 'callNo' },
+    { title: '头像', type: 'img', width: '50px', index: 'avatar' },
+    { title: '时间', type: 'date', index: 'updatedAt' },
+    {
+      title: '',
+      buttons: [
+        // { text: '查看', click: (item: any) => `/form/${item.id}` },
+        // { text: '编辑', type: 'static', component: FormEditComponent, click: 'reload' },
+      ]
+    }
+  ];
+
+  constructor(private http: _HttpClient, private modal: ModalHelper) { }
+
+  ngOnInit(): void { }
+
+  add(): void {
+    // this.modal
+    //   .createStatic(FormEditComponent, { i: { id: 0 } })
+    //   .subscribe(() => this.st.reload());
+  }
+
+}
diff --git a/src/app/routes/datatable/components/customtable/customindex/curve/curve.component.html b/src/app/routes/datatable/components/customtable/customindex/curve/curve.component.html
new file mode 100644
index 00000000..0640a4d4
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/customindex/curve/curve.component.html
@@ -0,0 +1 @@
+<g2-custom delay="100" (render)="render($event)"></g2-custom>
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/customtable/customindex/curve/curve.component.less b/src/app/routes/datatable/components/customtable/customindex/curve/curve.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/datatable/components/customtable/customindex/curve/curve.component.ts b/src/app/routes/datatable/components/customtable/customindex/curve/curve.component.ts
new file mode 100644
index 00000000..ff90b80c
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/customindex/curve/curve.component.ts
@@ -0,0 +1,92 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-04-06 13:43:29
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-06 19:20:24
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\customtable\\customindex\\curve\\curve.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, ElementRef, Input, NgZone, OnChanges, OnInit, SimpleChanges, ViewChild } from '@angular/core';
+import { Chart } from '@antv/g2';
+import { DataService } from 'src/app/routes/datatable/services/data.service';
+@Component({
+  selector: 'app-datatable-customindex-curve',
+  templateUrl: './curve.component.html',
+  styleUrls: ['./curve.component.less']
+})
+export class DatatableCustomindexCurveComponent implements OnInit, OnChanges {
+  el: any;
+  @Input() chartData: any;
+  chart: any;
+  constructor(private service: DataService, private ngZone: NgZone) {
+
+  }
+  ngOnChanges(changes: SimpleChanges): void {
+    if (this.chartData) {
+      // setTimeout(()=>{
+      //   this.chart.render(true)
+      // }, 1000)
+
+    }
+  }
+
+  ngOnInit(): void {
+    
+  }
+  reRender() {
+    setTimeout(() => {
+      this.chart.data(this.chartData);
+      this.chart.render();
+    }, 1000)
+  }
+  render(el: ElementRef<HTMLDivElement>): void {
+    this.el = el.nativeElement
+    setTimeout(() => {
+      this.ngZone.runOutsideAngular(() => this.init(this.el));
+      },500)
+    console.log(this.chartData);
+  }
+
+  private init(el: HTMLElement): void {
+    this.chart = new Chart({
+      container: el,
+      autoFit: true,
+      height: 500,
+    });
+
+    this.chart.data(this.chartData);
+    this.chart.scale({
+      time: {
+        range: [0, 1],
+      },
+      number: {
+        nice: true,
+      },
+    });
+    
+    this.chart.tooltip({
+      showCrosshairs: true,
+      shared: true,
+    });
+    
+    this.chart.axis('number', {
+      label: {
+        formatter: (val: any) => {
+          return val;
+        },
+      },
+    });
+    
+    this.chart
+      .line()
+      .position('time*number')
+      .color('name')
+    
+    
+    this.chart.render();
+    
+  }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/customtable/customindex/customindex.component.html b/src/app/routes/datatable/components/customtable/customindex/customindex.component.html
new file mode 100644
index 00000000..9dfc91aa
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/customindex/customindex.component.html
@@ -0,0 +1,99 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-04-06 13:20:56
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-06 20:24:20
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\customtable\\customindex\\customindex.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<!-- 页头 -->
+<page-header-wrapper [title]="'客户报表'"></page-header-wrapper>
+<div nz-row [nzGutter]="16">
+  <div nz-col class="gutter-row" [nzSpan]="6">
+    <g2-card [title]="'货主'" [bordered]="true" [total]="hzData?.total" [footer]="'已认证' + ' ' + hzData?.auditPassTotal" contentHeight="46">
+    </g2-card>
+  </div>
+  <div nz-col class="gutter-row" [nzSpan]="6">
+    <g2-card [title]="'合伙人'" [bordered]="true" [total]="hhrData?.total" [footer]="'已认证' + ' ' + hhrData?.auditPassTotal" contentHeight="46">
+    </g2-card>
+  </div>
+  <div nz-col class="gutter-row" [nzSpan]="6">
+    <g2-card [title]="'司机'" [bordered]="true" [total]="sjData?.total" [footer]="'已认证' + ' ' + sjData?.auditPassTotal" contentHeight="46">
+    </g2-card>
+  </div>
+  <div nz-col class="gutter-row" [nzSpan]="6">
+    <g2-card [title]="'车辆'" [bordered]="true" [total]="clData?.total" [footer]="'已认证'  + ' '+ clData?.auditPassTotal" contentHeight="46">
+    </g2-card>
+  </div>
+</div>
+<nz-card nzTitle="客户报表" [nzExtra]="extraTemplate">
+  <ng-template #extraTemplate>
+    <div class="chooseBox">
+      <div class="timeBox">
+        <nz-radio-group [(ngModel)]="mode" nzButtonStyle="solid" (ngModelChange)="changeData()">
+          <label nz-radio-button nzValue="year">年</label>
+          <label nz-radio-button nzValue="month">月</label>
+          <label nz-radio-button nzValue="date">日</label>
+          <label nz-radio-button nzValue="define">自定义</label>
+        </nz-radio-group>
+        <div class="dateBox">
+          <nz-date-picker
+            [(ngModel)]="date"
+            [nzMode]="mode"
+            [nzFormat]="dateFormat"
+            *ngIf="mode !== 'define'"
+            [nzDisabledDate]="disabledDate"
+            (ngModelChange)="onChange($event)"
+          ></nz-date-picker>
+          <nz-range-picker
+            [(ngModel)]="defineDate"
+            [nzFormat]="dateFormat"
+            *ngIf="mode === 'define'"
+            [nzDisabledDate]="disabledDate"
+            (ngModelChange)="onChange($event)"
+          ></nz-range-picker>
+        </div>
+      </div>
+    </div>
+  </ng-template>
+  <st
+    #st
+    multiSort
+    [columns]="columns"
+    [ps]="20"
+    [data]="reportData"
+    [scroll]="{ x: '1200px' }"
+    [res]="{ reName: { list: 'data', total: 'data.total' } }"
+    [page]="{ show: false, showSize: false, pageSizes: [20, 50, 100] }"
+  >
+  <ng-template  st-row="type"  let-item>
+      <div *ngIf="item.type == '1'">货主</div>
+      <div *ngIf="item.type == '2'">合伙人</div>
+      <div *ngIf="item.type == '3'">司机</div>
+      <div *ngIf="item.type == '4'">车辆</div>
+  </ng-template>
+</st>
+</nz-card>
+<nz-card nzTitle="用户新增报表" [nzExtra]="extraTemplate01">
+  <ng-template #extraTemplate01>
+    <div class="chooseBox">
+      <div class="timeBox">
+        <nz-radio-group [(ngModel)]="modeNext" nzButtonStyle="solid" (ngModelChange)="changeDataNext2()">
+          <label nz-radio-button nzValue="year">年</label>
+          <label nz-radio-button nzValue="month">月</label>
+        </nz-radio-group>
+        <div class="dateBox">
+          <nz-date-picker
+            [nzDisabledDate]="disabledDate"
+            [(ngModel)]="dateNext"
+            [nzMode]="modeNext"
+            (ngModelChange)="onChangeNext($event)"
+          ></nz-date-picker>
+        </div>
+      </div>
+    </div>
+  </ng-template>
+  <app-datatable-customindex-curve #curve [chartData]="chartData"></app-datatable-customindex-curve>
+</nz-card>
diff --git a/src/app/routes/datatable/components/customtable/customindex/customindex.component.less b/src/app/routes/datatable/components/customtable/customindex/customindex.component.less
new file mode 100644
index 00000000..6b4b1cba
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/customindex/customindex.component.less
@@ -0,0 +1,11 @@
+.chooseBox{
+    display: flex;
+}
+.timeBox{
+    display: flex;
+    margin: 0 0 0 10px;
+}
+.dateBox{
+    display: inline-block;
+    margin: 0 0 0 10px;
+}
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/customtable/customindex/customindex.component.spec.ts b/src/app/routes/datatable/components/customtable/customindex/customindex.component.spec.ts
new file mode 100644
index 00000000..09bf44a2
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/customindex/customindex.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableCustomindexComponent } from './customindex.component';
+
+describe('DatatableCustomindexComponent', () => {
+  let component: DatatableCustomindexComponent;
+  let fixture: ComponentFixture<DatatableCustomindexComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DatatableCustomindexComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableCustomindexComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/datatable/components/customtable/customindex/customindex.component.ts b/src/app/routes/datatable/components/customtable/customindex/customindex.component.ts
new file mode 100644
index 00000000..27b8a1ff
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/customindex/customindex.component.ts
@@ -0,0 +1,231 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent } from '@delon/form';
+import { DatePipe, _HttpClient } from '@delon/theme';
+import { differenceInCalendarDays } from 'date-fns';
+import { DataService } from '../../../services/data.service';
+import { DatatableCustomindexCurveComponent } from './curve/curve.component';
+
+@Component({
+  selector: 'app-datatable-customindex',
+  templateUrl: './customindex.component.html',
+  styleUrls: ['./customindex.component.less'],
+  providers: [DatePipe]
+})
+export class DatatableCustomindexComponent implements OnInit {
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('curve') private readonly curve!: DatatableCustomindexCurveComponent;
+  type = 1;
+  mode = 'year';
+  date: any = null;
+  defineDate = [];
+  timeStart: any = '2022-01-01';
+  timeEnd: any = '2022-12-31';
+  dateFormat = 'yyyy';
+  today = new Date();
+  dateNext: any = null;
+  modeNext = 'year';
+  timeNext: any = ['2022-01-01 00:00:00'];
+  chartData: any = [];
+  flag = false;
+
+  columns: STColumn[] = [
+    { title: '用户类型', render: 'type', className: 'text-center' },
+    { title: '用户总数', index: 'total', className: 'text-center' },
+    { title: '已认证数量', index: 'auditPassTotal', className: 'text-center' },
+    { title: '活跃用户数', index: 'activeTotal', className: 'text-center' },
+    { title: '未激活用户数', index: 'notActivationTotal', className: 'text-center' },
+    { title: '沉默用户数', index: 'silentTotal', className: 'text-center' },
+    { title: '流失用户数', index: 'drainTotal', className: 'text-center' },
+    { title: '流失率', index: 'drainRate', className: 'text-center',format: (item: any) => {return (item?.drainRate)*100 + '%'  }}
+  ];
+  hzData: any;
+  hhrData: any;
+  sjData: any;
+  clData: any;
+  reportData: any = [];
+
+  constructor(public service: DataService, private datePipe: DatePipe) {}
+  ngOnInit(): void {
+    this.initCurveData();
+  }
+  initCurveData() {
+    this.cardData();
+    this.listData();
+    this.addData('year', '2022-01-01');
+  }
+  listData(type?: string,  stime?: any, etime?: any) { 
+    this.reportData = [];
+    this.service
+      .request(this.service.$api_statistics_totalDetail, {
+        dateStart: stime || this.timeStart,
+        dateEnd: etime || this.timeEnd,
+        type: 1 //用户角色类型 1：货主 2：合伙人 3：司机 4：车辆
+      })
+      .subscribe(res => {
+        if (res) {
+          this.reportData.push(res);
+          this.st.reload();
+        }
+      });
+    this.service
+      .request(this.service.$api_statistics_totalDetail, {
+        dateStart: stime || this.timeStart,
+        dateEnd: etime || this.timeEnd,
+        type: 2
+      })
+      .subscribe(res => {
+        if (res) {
+          this.reportData.push(res);
+          this.st.reload();
+        }
+      });
+    this.service
+      .request(this.service.$api_statistics_totalDetail, {
+        dateStart: stime || this.timeStart,
+        dateEnd: etime || this.timeEnd,
+        type: 3
+      })
+      .subscribe(res => {
+        if (res) {
+          this.reportData.push(res);
+          this.st.reload();
+        }
+      });
+    this.service
+      .request(this.service.$api_statistics_totalDetail, {
+        dateStart: stime || this.timeStart,
+        dateEnd: etime || this.timeEnd,
+        type: 4
+      })
+      .subscribe(res => {
+        if (res) {
+          this.reportData.push(res);
+          this.st.reload();
+        }
+      });
+  }
+  cardData() {
+    this.service.request(this.service.$api_statistics_total, { type: 1 }).subscribe(res => {
+      if (res) {
+        this.hzData = res;
+      }
+    });
+    this.service.request(this.service.$api_statistics_total, { type: 2 }).subscribe(res => {
+      if (res) {
+        this.hhrData = res;
+      }
+    });
+    this.service.request(this.service.$api_statistics_total, { type: 3 }).subscribe(res => {
+      if (res) {
+        this.sjData = res;
+      }
+    });
+    this.service.request(this.service.$api_statistics_total, { type: 4 }).subscribe(res => {
+      if (res) {
+        this.clData = res;
+      }
+    });
+  }
+  addData(type?: string, time?: any) {
+    this.chartData = []
+    this.service
+      .request(this.service.$api_statistics_totalAdd, {
+        date: time,
+        dateType: type === 'month' ? 2 : 1, //日期类型 1：年 2：月
+        type: 1
+      })
+      .subscribe(res => {
+        if (res) {
+          this.chartData.push(...res);
+        console.log(this.curve);
+          this.curve.reRender();
+        }
+      });
+    this.service
+      .request(this.service.$api_statistics_totalAdd, {
+        date: time,
+        dateType: type === 'month' ? 2 : 1, //日期类型 1：年 2：月
+        type: 2
+      })
+      .subscribe(res => {
+        if (res) {
+          this.chartData.push(...res);
+          this.curve.reRender();
+        }
+      });
+    this.service
+      .request(this.service.$api_statistics_totalAdd, {
+        date: time,
+        dateType: type === 'month' ? 2 : 1, //日期类型 1：年 2：月
+        type: 3
+      })
+      .subscribe(res => {
+        if (res) {
+          this.chartData.push(...res);
+          this.curve.reRender();
+        }
+      });
+    this.service
+      .request(this.service.$api_statistics_totalAdd, {
+        date: time,
+        dateType: type === 'month' ? 2 : 1, //日期类型 1：年 2：月
+        type: 4
+      })
+      .subscribe(res => {
+        if (res) {
+          this.chartData.push(...res);
+          this.curve.reRender();
+        }
+      });
+  }
+  changeData() {
+    if (this.mode === 'year') {
+      this.dateFormat = 'yyyy';
+    } else if (this.mode === 'month') {
+      this.dateFormat = 'yyyy-MM';
+    } else {
+      this.dateFormat = 'yyyy-MM-dd';
+    }
+  }
+  onChange(result: any) {
+    if (this.mode === 'year') {
+      this.timeStart = this.datePipe.transform(this.date, 'yyyy') + '-01-01';
+      this.timeEnd =  this.datePipe.transform(this.date, 'yyyy') + '-12-31';
+
+    } else if (this.mode === 'month') {
+      this.timeStart = this.datePipe.transform(this.date, 'yyyy-MM') + '-01' ;
+      this.timeEnd = this.datePipe.transform(this.date, 'yyyy-MM') + '-31';
+    } else if (this.mode === 'date') {
+      this.timeStart=this.datePipe.transform(this.date, 'yyyy-MM-dd');
+      this.timeEnd = this.datePipe.transform(this.date, 'yyyy-MM-dd') ;
+    } else {
+      this.timeStart = this.datePipe.transform(this.defineDate[0], 'yyyy-MM-dd') ;
+      this.timeEnd = this.datePipe.transform(this.defineDate[1], 'yyyy-MM-dd');
+    }
+    this.listData(this.mode, this.timeStart, this.timeEnd);
+  }
+  disabledDate = (current: Date): boolean =>
+    // Can not select days before today and today
+    differenceInCalendarDays(current, this.today) > 0;
+
+  changeDataNext2() {
+    if (this.modeNext === 'year') {
+      this.dateFormat = 'yyyy';
+    } else if (this.modeNext === 'month') {
+      this.dateFormat = 'yyyy-MM';
+    }
+  }
+  onChangeNext(result: any) {
+    if (result === null) {
+      return;
+    }
+    if (this.modeNext === 'year') {
+      this.timeNext = this.datePipe.transform(this.dateNext, 'yyyy') + '-01-01';
+    } else if (this.modeNext === 'month') {
+      this.timeNext = this.datePipe.transform(this.dateNext, 'yyyy-MM') + '-01';
+    }
+    this.addData(this.modeNext, this.timeNext);
+  }
+}
diff --git a/src/app/routes/datatable/components/customtable/driver/driver.component.html b/src/app/routes/datatable/components/customtable/driver/driver.component.html
new file mode 100644
index 00000000..383fe343
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/driver/driver.component.html
@@ -0,0 +1,46 @@
+<!-- 页头 -->
+<page-header-wrapper [title]="'司机报表'"></page-header-wrapper>
+<nz-card>
+    <!-- 搜索表单 -->
+    <div nz-row nzGutter="8">
+      <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+      <ng-container>
+        <div nz-col [nzSpan]="_$expand ? 24 : 18">
+          <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+          <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading" (click)="search()">查询</button>
+          <button nz-button (click)="resetSF()">重置</button>
+          <!-- <button nz-button (click)="export()">导出</button> -->
+          <button nz-button nzType="link" (click)="expandToggle()">
+            {{ !_$expand ? '展开' : '收起' }}
+            <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+          </button>
+        </div>
+      </ng-container>
+    </div>
+</nz-card>
+<nz-card nzTitle="司机报表" [nzExtra]="extraTemplate">
+  <ng-template #extraTemplate>
+    <div class="chooseBox">
+      <div class="timeBox">
+        <nz-radio-group [(ngModel)]="mode" nzButtonStyle="solid" (ngModelChange)="changeData()">
+          <label nz-radio-button nzValue="year">年</label>
+          <label nz-radio-button nzValue="month">月</label>
+          <label nz-radio-button nzValue="date">日</label>
+          <label nz-radio-button nzValue="define">自定义</label>
+        </nz-radio-group>
+        <div class="dateBox">
+          <nz-date-picker [(ngModel)]="date" [nzMode]="mode" [nzFormat]="dateFormat" *ngIf="mode !== 'define'" [nzDisabledDate]="disabledDate" (ngModelChange)="onChange($event)"></nz-date-picker>
+          <nz-range-picker [(ngModel)]="defineDate" [nzFormat]="dateFormat" *ngIf="mode === 'define'" [nzDisabledDate]="disabledDate" (ngModelChange)="onChange($event)"></nz-range-picker>
+        </div>
+
+      </div>
+    </div>
+  </ng-template>
+  <st #st multiSort [columns]="columns" [ps]="20" [data]="service.$api_listDriverReportPage"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [scroll]="{ x: '1200px' }" [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [20, 50, 100] }">
+  </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/customtable/driver/driver.component.less b/src/app/routes/datatable/components/customtable/driver/driver.component.less
new file mode 100644
index 00000000..6b4b1cba
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/driver/driver.component.less
@@ -0,0 +1,11 @@
+.chooseBox{
+    display: flex;
+}
+.timeBox{
+    display: flex;
+    margin: 0 0 0 10px;
+}
+.dateBox{
+    display: inline-block;
+    margin: 0 0 0 10px;
+}
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/customtable/driver/driver.component.spec.ts b/src/app/routes/datatable/components/customtable/driver/driver.component.spec.ts
new file mode 100644
index 00000000..6a2084a2
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/driver/driver.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableDriverComponent } from './driver.component';
+
+describe('DatatableDriverComponent', () => {
+  let component: DatatableDriverComponent;
+  let fixture: ComponentFixture<DatatableDriverComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DatatableDriverComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableDriverComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/datatable/components/customtable/driver/driver.component.ts b/src/app/routes/datatable/components/customtable/driver/driver.component.ts
new file mode 100644
index 00000000..3050a847
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/driver/driver.component.ts
@@ -0,0 +1,167 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { DatePipe, _HttpClient } from '@delon/theme';
+import { differenceInCalendarDays } from 'date-fns';
+import { DataService } from '../../../services/data.service';
+
+@Component({
+  selector: 'app-datatable-driver',
+  templateUrl: './driver.component.html',
+  styleUrls: ['./driver.component.less'],
+  providers: [DatePipe]
+})
+export class DatatableDriverComponent implements OnInit {
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  _$expand = false;
+  type = 1;
+  mode = 'year';
+  date: any = null;
+  defineDate = [];
+  queryTime: any = ''
+  dateFormat = 'yyyy';
+  today = new Date();
+  ui: SFUISchema = {};
+  schema: SFSchema = {};
+
+  columns: STColumn[] = [
+    { title: '司机姓名', index: 'driverName', className: 'text-center' },
+    { title: '手机号', index: 'driverPhone', className: 'text-center' },
+    { title: '注册时间', index: 'driverRegisterTime', className: 'text-center' },
+    {
+      title: '司机状态', index: 'driverStatus', className: 'text-center', type: 'enum', enum: {
+        0: '未激活',
+        1: '活跃',
+        2: '沉默',
+        3: '流失',
+      }
+    },
+    { title: '运单数', index: 'wbAllCount', className: 'text-center' },
+    { title: '待接单运单', index: 'wbWaitCount', className: 'text-center' },
+    { title: '已完成运单', index: 'wbOverCount', className: 'text-center' },
+    { title: '运费金额', index: 'wbAllAmount',  className: 'text-right', width: '100px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.wbAllAmount }) } },
+    { title: '已收运费金额', index: 'wbGetAmount', className: 'text-right', width: '100px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.wbGetAmount }) } },
+    { title: '待收运费金额', index: 'wbWaitAmount', className: 'text-right', width: '100px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.wbWaitAmount }) } },
+  ];
+  isLoading: boolean = false;
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    if (this.mode === 'year') {
+      this.type = 1
+    } else if (this.mode === 'month') {
+      this.type = 2
+    } else if (this.mode === 'date') {
+      this.type = 3
+    } else {
+      this.type = 4
+    }
+    let params: any = {
+      queryTime: this.queryTime,
+      ...this.sf?.value
+    };
+
+    delete params._$expand;
+    return { ...params };
+  }
+  constructor(public service: DataService, private datePipe: DatePipe) { }
+  ngOnInit(): void {
+    this.initSF();
+  }
+  /**
+    * 初始化查询表单
+    */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        driverName: {
+          type: 'string',
+          title: '司机姓名',
+          ui: {
+            placeholder: '请输入',
+          }
+        },
+        driverPhone: {
+          type: 'string',
+          title: '手机号',
+          ui: {
+            placeholder: '请选择',
+          }
+        },
+        driverStatus: {
+          type: 'string',
+          title: '司机状态',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+          },
+          enum: [
+            { label: '未激活', value: 0 },
+            { label: '活跃', value: 1 },
+            { label: '沉默', value: 2 },
+            { label: '流失', value: 3 },
+          ]
+        },
+        driverRegisterTime: {
+          title: '注册时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to', type: 'date', format: 'yyyy-MM-dd', visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          } as SFDateWidgetSchema,
+        }
+      },
+      type: 'object'
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+  changeData() {
+    if (this.mode === 'year') {
+      this.dateFormat = 'yyyy'
+    } else if (this.mode === 'month') {
+      this.dateFormat = 'yyyy-MM'
+    }
+  }
+  onChange(result: any) {
+    if(result === null) {
+      return
+    }
+    if (this.mode === 'year') {
+      this.queryTime = [this.datePipe.transform(this.date, 'yyyy')]
+    } else if (this.mode === 'month') {
+      this.queryTime = [this.datePipe.transform(this.date, 'yyyy-MM')]
+    }
+    this.st.reload({ ...this.reqParams });
+  }
+  disabledDate = (current: Date): boolean =>
+    // Can not select days before today and today
+    differenceInCalendarDays(current, this.today) > 0;
+
+  export() {
+    // this.service.downloadFile(this.service.$api_exportUploadBill, this.sf.value, {});
+  }
+  search() {
+    this.st?.load(1)
+
+  }
+  /**
+ * 伸缩查询条件
+ */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+    this.isLoading = true
+  }
+}
diff --git a/src/app/routes/datatable/components/customtable/mancustomtable/mancustomtable.component.html b/src/app/routes/datatable/components/customtable/mancustomtable/mancustomtable.component.html
new file mode 100644
index 00000000..482ccb06
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/mancustomtable/mancustomtable.component.html
@@ -0,0 +1,9 @@
+<page-header [action]="phActionTpl">
+  <ng-template #phActionTpl>
+    <button (click)="add()" nz-button nzType="primary">新建</button>
+  </ng-template>
+</page-header>
+<nz-card>
+  <sf mode="search" [schema]="searchSchema" (formSubmit)="st.reset($event)" (formReset)="st.reset($event)"></sf>
+  <st #st [data]="url" [columns]="columns"></st>
+</nz-card>
diff --git a/src/app/routes/datatable/components/customtable/mancustomtable/mancustomtable.component.spec.ts b/src/app/routes/datatable/components/customtable/mancustomtable/mancustomtable.component.spec.ts
new file mode 100644
index 00000000..8df0f556
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/mancustomtable/mancustomtable.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableMancustomtableComponent } from './mancustomtable.component';
+
+describe('DatatableMancustomtableComponent', () => {
+  let component: DatatableMancustomtableComponent;
+  let fixture: ComponentFixture<DatatableMancustomtableComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DatatableMancustomtableComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableMancustomtableComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/datatable/components/customtable/mancustomtable/mancustomtable.component.ts b/src/app/routes/datatable/components/customtable/mancustomtable/mancustomtable.component.ts
new file mode 100644
index 00000000..7f41c8ca
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/mancustomtable/mancustomtable.component.ts
@@ -0,0 +1,45 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFSchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+
+@Component({
+  selector: 'app-datatable-mancustomtable',
+  templateUrl: './mancustomtable.component.html',
+})
+export class DatatableMancustomtableComponent implements OnInit {
+  url = `/user`;
+  searchSchema: SFSchema = {
+    properties: {
+      no: {
+        type: 'string',
+        title: '编号'
+      }
+    }
+  };
+  @ViewChild('st') private readonly st!: STComponent;
+  columns: STColumn[] = [
+    { title: '编号', index: 'no' },
+    { title: '调用次数', type: 'number', index: 'callNo' },
+    { title: '头像', type: 'img', width: '50px', index: 'avatar' },
+    { title: '时间', type: 'date', index: 'updatedAt' },
+    {
+      title: '',
+      buttons: [
+        // { text: '查看', click: (item: any) => `/form/${item.id}` },
+        // { text: '编辑', type: 'static', component: FormEditComponent, click: 'reload' },
+      ]
+    }
+  ];
+
+  constructor(private http: _HttpClient, private modal: ModalHelper) { }
+
+  ngOnInit(): void { }
+
+  add(): void {
+    // this.modal
+    //   .createStatic(FormEditComponent, { i: { id: 0 } })
+    //   .subscribe(() => this.st.reload());
+  }
+
+}
diff --git a/src/app/routes/datatable/components/customtable/owner/owner.component.html b/src/app/routes/datatable/components/customtable/owner/owner.component.html
new file mode 100644
index 00000000..e805efd9
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/owner/owner.component.html
@@ -0,0 +1,46 @@
+<!-- 页头 -->
+<page-header-wrapper [title]="'货主报表'"></page-header-wrapper>
+<nz-card>
+    <!-- 搜索表单 -->
+    <div nz-row nzGutter="8">
+      <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+      <ng-container>
+        <div nz-col [nzSpan]="_$expand ? 24 : 18">
+          <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+          <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading" (click)="search()">查询</button>
+          <button nz-button (click)="resetSF()">重置</button>
+          <!-- <button nz-button (click)="export()">导出</button> -->
+          <button nz-button nzType="link" (click)="expandToggle()">
+            {{ !_$expand ? '展开' : '收起' }}
+            <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+          </button>
+        </div>
+      </ng-container>
+    </div>
+</nz-card>
+<nz-card nzTitle="货主报表" [nzExtra]="extraTemplate">
+  <ng-template #extraTemplate>
+    <div class="chooseBox">
+      <div class="timeBox">
+        <nz-radio-group [(ngModel)]="mode" nzButtonStyle="solid" (ngModelChange)="changeData()">
+          <label nz-radio-button nzValue="year">年</label>
+          <label nz-radio-button nzValue="month">月</label>
+          <label nz-radio-button nzValue="date">日</label>
+          <label nz-radio-button nzValue="define">自定义</label>
+        </nz-radio-group>
+        <div class="dateBox">
+          <nz-date-picker [(ngModel)]="date" [nzMode]="mode" [nzFormat]="dateFormat" *ngIf="mode !== 'define'" [nzDisabledDate]="disabledDate" (ngModelChange)="onChange($event)"></nz-date-picker>
+          <nz-range-picker [(ngModel)]="defineDate" [nzFormat]="dateFormat" *ngIf="mode === 'define'" [nzDisabledDate]="disabledDate" (ngModelChange)="onChange($event)"></nz-range-picker>
+        </div>
+
+      </div>
+    </div>
+  </ng-template>
+  <st #st multiSort [columns]="columns" [ps]="20" [data]="service.$api_listShipperReportPage"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [scroll]="{ x: '1200px' }" [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [20, 50, 100] }">
+  </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/customtable/owner/owner.component.less b/src/app/routes/datatable/components/customtable/owner/owner.component.less
new file mode 100644
index 00000000..6b4b1cba
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/owner/owner.component.less
@@ -0,0 +1,11 @@
+.chooseBox{
+    display: flex;
+}
+.timeBox{
+    display: flex;
+    margin: 0 0 0 10px;
+}
+.dateBox{
+    display: inline-block;
+    margin: 0 0 0 10px;
+}
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/customtable/owner/owner.component.spec.ts b/src/app/routes/datatable/components/customtable/owner/owner.component.spec.ts
new file mode 100644
index 00000000..8c518688
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/owner/owner.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableOwnerComponent } from './owner.component';
+
+describe('DatatableOwnerComponent', () => {
+  let component: DatatableOwnerComponent;
+  let fixture: ComponentFixture<DatatableOwnerComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DatatableOwnerComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableOwnerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/datatable/components/customtable/owner/owner.component.ts b/src/app/routes/datatable/components/customtable/owner/owner.component.ts
new file mode 100644
index 00000000..f3a81454
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/owner/owner.component.ts
@@ -0,0 +1,190 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import {  DatePipe, _HttpClient } from '@delon/theme';
+import { differenceInCalendarDays } from 'date-fns';
+import { DataService } from '../../../services/data.service';
+
+@Component({
+  selector: 'app-datatable-owner',
+  templateUrl: './owner.component.html',
+  styleUrls: ['./owner.component.less'],
+  providers: [DatePipe]
+})
+export class DatatableOwnerComponent implements OnInit {
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  _$expand = false;
+  type = 1;
+  mode = 'year';
+  date: any = null;
+  defineDate = [];
+  time: any = ['2022-01-01 00:00:00']
+  dateFormat = 'yyyy';
+  today = new Date();
+  ui: SFUISchema = {};
+  schema: SFSchema = {};
+  isLoading: boolean = false;
+ 
+  columns: STColumn[] = [
+    { title: '货主名称', index: 'enterpriseName', className: 'text-center', width: '200px' },
+    { title: '注册时间', index: 'registerTime', className: 'text-center', width: '200px' },
+    { title: '客户类型', index: 'customerType', className: 'text-center', width: '100px', type: 'enum', enum: {
+      1: '平台客户',
+      2: '直客',
+      3: '渠道客户'
+    }
+   },
+    { title: '业务员', index: 'salesmanName', className: 'text-center', width: '100px' },
+    { title: '合伙人', index: 'partnerName', className: 'text-center', width: '100px' },
+    { title: '客户状态', index: 'customerStatus', className: 'text-center', width: '100px', type: 'enum', enum: {
+      1: '未激活',
+      2: '沉默',
+      3: '流失',
+      4: '活跃'
+    } },
+    { title: '订单数', index: 'zsl', className: 'text-center', width: '100px' },
+    { title: '订单金额', index: 'ddje', className: 'text-right', width: '100px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.ddje }) } },
+    { title: '应收订单数', index: 'ysdds', className: 'text-center', width: '120px' },
+    { title: '应收金额', index: 'yingsje', className: 'text-right', width: '100px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yingsje }) } },
+    { title: '待开票订单数', index: 'yifyf', className: 'text-center', width: '130px' },
+    { title: '待开票金额', index: 'dkpdds', className: 'text-right', width: '120px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.dkpdds }) } },
+    { title: '已收金额', index: 'yisje', className: 'text-right', width: '100px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yisje }) } },
+    { title: '应收附加费', index: 'yingsfjf', className: 'text-right', width: '120px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yingsfjf }) } },
+    { title: '已收附加费', index: 'yisfjf', className: 'text-right', width: '120px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yisfjf }) } },
+    { title: '附加费率', index: 'fjfl', className: 'text-center', width: '100px' },
+    { title: '已开票金额', index: 'ykpje', className: 'text-right', width: '100px', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.ykpje }) } },
+  ];
+  /**
+   * 查询参数
+   */
+   get reqParams() {
+    if(this.mode === 'year') {
+      this.type = 1
+    } else if(this.mode === 'month') {
+      this.type = 2
+    } else if(this.mode === 'date') {
+      this.type = 3
+    } else {
+      this.type = 4
+    }
+    let params: any = {
+      time: this.time,
+      type: this.type,
+      ...this.sf?.value
+     };
+  
+    delete params._$expand;
+    return { ...params };
+  }
+  constructor(public service: DataService, private datePipe: DatePipe) { }
+  ngOnInit(): void { 
+    this.initSF();
+  }
+ /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        enterpriseName: {
+          type: 'string',
+          title: '货主名称',
+          ui: {
+            placeholder: '请输入',
+          }
+        },
+        customerType: {
+          type: 'string',
+          title: '客户类型',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+          },
+          enum: [
+            {label: '直客', value: 2},
+            {label: '渠道客户', value: 3},
+            {label: '平台客户', value: 1},
+          ]
+        },
+        customerStatus: {
+          type: 'string',
+          title: '客户状态',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+          },
+          enum: [
+            {label: '未激活', value: 1},
+            {label: '沉默', value: 2},
+            {label: '流失', value: 3},
+            {label: '活跃', value: 4},
+          ]
+        },
+        registerTime: {
+          title: '注册时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to', type: 'date', format: 'yyyy-MM-dd', visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          } as SFDateWidgetSchema,
+        }
+      },
+      type: 'object'
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+  changeData(){
+    if(this.mode === 'year') {
+      this.dateFormat = 'yyyy'
+    } else if(this.mode === 'month') {
+      this.dateFormat = 'yyyy-MM'
+    } else {
+      this.dateFormat = 'yyyy-MM-dd'
+    } 
+  }
+  onChange(result: any) {
+    if(result === null) {
+      return
+    }
+    if(this.mode === 'year') {
+      this.time = [this.datePipe.transform(this.date, 'yyyy') + '-01-01 00:00:00']
+    } else if(this.mode === 'month') {
+      this.time = [this.datePipe.transform(this.date, 'yyyy-MM') + '-01 00:00:00']
+    } else if(this.mode === 'date') {
+      this.time = [this.datePipe.transform(this.date, 'yyyy-MM-dd') + ' 00:00:00']
+    } else{
+      this.time = [this.datePipe.transform(this.defineDate[0], 'yyyy-MM-dd') + '00:00:00', this.datePipe.transform(this.defineDate[1], 'yyyy-MM-dd') + ' 00:00:00']
+    }
+    this.st.reload({ ...this.reqParams });
+  }
+  disabledDate = (current: Date): boolean =>
+    // Can not select days before today and today
+    differenceInCalendarDays(current, this.today) > 0;
+
+    export() {
+      // this.service.downloadFile(this.service.$api_exportUploadBill, this.sf.value, {});
+    }
+  search() {
+    this.st?.load(1)
+
+  }
+    /**
+   * 伸缩查询条件
+   */
+     expandToggle() {
+      this._$expand = !this._$expand;
+      this.sf?.setValue('/_$expand', this._$expand);
+    }
+  
+  /**
+   * 重置表单
+   */
+   resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+    this.isLoading = true
+  }
+}
diff --git a/src/app/routes/datatable/components/customtable/partnertable/partnertable.component.html b/src/app/routes/datatable/components/customtable/partnertable/partnertable.component.html
new file mode 100644
index 00000000..4d75b400
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/partnertable/partnertable.component.html
@@ -0,0 +1,43 @@
+<!-- <page-header [title]="'订单管理'"> </page-header> -->
+<nz-card [nzBordered]="false">
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+        <sf #sf mode="search" [schema]="schema" [button]="'none'">
+          <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading"
+            (click)="st?.load(1)" acl [acl-ability]="['companyStaff-search']">查询</button>
+          <button nz-button (click)="resetSF()">重置</button>
+        </sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading"
+          (click)="st?.load(1)" acl [acl-ability]="['companyStaff-search']">查询</button>
+        <button nz-button (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+
+</nz-card>
+<nz-card>
+  <div class="list-table-header-btn">
+    <!-- <button nz-button nzType="default" (click)="gotoInviteRecord()">员工邀请记录</button> -->
+  </div>
+  <!-- 数据列表 -->
+  <st #st multiSort bordered [data]="service.$api_listOperationalReportPage" [columns]="columns" [ps]="20"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [20, 50, 100] }">
+  </st>
+
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/customtable/partnertable/partnertable.component.spec.ts b/src/app/routes/datatable/components/customtable/partnertable/partnertable.component.spec.ts
new file mode 100644
index 00000000..69ae8c3b
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/partnertable/partnertable.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatablePartnertableComponent } from './partnertable.component';
+
+describe('DatatablePartnertableComponent', () => {
+  let component: DatatablePartnertableComponent;
+  let fixture: ComponentFixture<DatatablePartnertableComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DatatablePartnertableComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatablePartnertableComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/datatable/components/customtable/partnertable/partnertable.component.ts b/src/app/routes/datatable/components/customtable/partnertable/partnertable.component.ts
new file mode 100644
index 00000000..0a289a0b
--- /dev/null
+++ b/src/app/routes/datatable/components/customtable/partnertable/partnertable.component.ts
@@ -0,0 +1,149 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STChange, STColumn, STComponent, STData } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper } from '@delon/theme';
+import { EAEnvironmentService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { DataService } from '../../../services/data.service';
+
+@Component({
+  selector: 'app-datatable-partnertable',
+  templateUrl: './partnertable.component.html',
+})
+export class DatatablePartnertableComponent implements OnInit {
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  _$expand = false;
+  ui!: SFUISchema;
+  schema!: SFSchema;
+  phone = '';
+  columns!: STColumn[];
+  isLoading: boolean = false;
+
+  constructor(
+    public service: DataService,
+    private modalSrv: NzModalService,
+    private modal: ModalHelper,
+    private envSrv: EAEnvironmentService,
+  ) {}
+
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    return { ...params };
+  }
+
+  /**
+   * 选中行
+   */
+  get selectedRows() {
+    return this.st?.list.filter((item) => item.checked) || [];
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  /**
+   * 重置表单
+   */
+   resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+    this.isLoading = true
+  }
+  /**
+   * 程序初始化入口
+   */
+  ngOnInit() {
+    this.initSF();
+    this.initST()
+  }
+
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        name: {
+          title: '合伙人名称',
+          type: 'string',
+          ui: { placeholder: '请输入' },
+          readOnly: false,
+        },
+        phone: {
+          title: '合伙人类型',
+          type: 'string',
+          ui: { 
+            widget: 'select',
+            placeholder: '请输入' },
+          readOnly: false,
+        },
+        phone01: {
+          title: '合伙人状态',
+          type: 'string',
+          ui: { 
+            widget: 'select',
+            placeholder: '请输入' },
+          readOnly: false,
+        },
+        createTime: {
+          type: 'string',
+          title: '注册时间',
+          ui: { widget: 'sl-from-to', type: 'date', format: 'yyyy-MM-dd' } as SFDateWidgetSchema,
+        },
+      },
+      type: 'object',
+    };
+    this.ui = { '*': { spanLabelFixed: 80, grid: { span: 8, gutter: 4 }, enter: () => this.st?.load(1) } };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '合伙人名称', index: 'name', className: 'text-center' },
+      { title: '注册时间', index: 'telephone', className: 'text-center' },
+      { title: '注册时间', index: 'roleName', className: 'text-center' },
+      { title: '业务员', index: 'lastLoginDate', className: 'text-center' },
+      {
+        title: '合伙人状态',
+        index: 'stateLocked',
+        className: 'text-center',
+        type: 'enum',
+        enum: { 0: '正常', 1: '冻结' },
+      },
+      { title: '客户数', index: 'lastLoginDate', className: 'text-center' },
+      { title: '收益额', index: 'lastLoginDate', className: 'text-center' },
+      { title: '已提现金额', index: 'lastLoginDate', className: 'text-center' },
+      { title: '订单数', index: 'lastLoginDate', className: 'text-center' },
+      { title: '订单金额', index: 'lastLoginDate', className: 'text-center' },
+      { title: '应收订单数', index: 'lastLoginDate', className: 'text-center' },
+    ];
+  }
+ 
+  /**
+   * 数据列表状态变化事件
+   */
+  change(change: STChange) {
+    // console.log(change);
+  }
+
+ 
+}
diff --git a/src/app/routes/datatable/components/dataindex/dataindex.component.html b/src/app/routes/datatable/components/dataindex/dataindex.component.html
new file mode 100644
index 00000000..3f148bfd
--- /dev/null
+++ b/src/app/routes/datatable/components/dataindex/dataindex.component.html
@@ -0,0 +1,69 @@
+<!-- 页头 -->
+<page-header-wrapper [title]="'数据报表'"></page-header-wrapper>
+<div nz-row [nzGutter]="16">
+  <div nz-col class="gutter-row" [nzSpan]="6">
+    <g2-card [title]="'客户预存款总额'" [bordered]="true" [total]="'¥ 126,560.00'" [footer]="footer" contentHeight="46">
+      <ng-template #footer>
+        <g2-mini-area line color="#cceafe" height="45" [data]="visitData" (clickItem)="handleClick($event)">
+        </g2-mini-area>
+      </ng-template>
+    </g2-card>
+  </div>
+  <div nz-col class="gutter-row" [nzSpan]="6">
+    <g2-card [title]="'业绩量总额'" [bordered]="true" [total]="'¥ 126,560.00'" [footer]="footer" contentHeight="46">
+      <ng-template #footer>
+        <g2-mini-area line color="#cceafe" height="45" [data]="visitData" (clickItem)="handleClick($event)">
+        </g2-mini-area>
+      </ng-template>
+    </g2-card>
+  </div>
+  <div nz-col class="gutter-row" [nzSpan]="6">
+    <g2-card [title]="'司机应付总额'" [bordered]="true" [total]="'¥ 126,560.00'" [footer]="footer" contentHeight="46">
+      <ng-template #footer>
+        <g2-mini-area line color="#cceafe" height="45" [data]="visitData" (clickItem)="handleClick($event)">
+        </g2-mini-area>
+      </ng-template>
+    </g2-card>
+  </div>
+  <div nz-col class="gutter-row" [nzSpan]="6">
+    <g2-card [title]="'附加费总额'" [bordered]="true" [total]="'¥ 126,560.00'" [footer]="footer" contentHeight="46">
+      <ng-template #footer>
+        <g2-mini-area line color="#cceafe" height="45" [data]="visitData" (clickItem)="handleClick($event)">
+        </g2-mini-area>
+      </ng-template>
+    </g2-card>
+  </div>
+</div>
+<div nz-row [nzGutter]="16">
+  <div nz-col class="gutter-row" [nzSpan]="12">
+    <nz-card [nzTitle]="'订单类型比例'">
+      <g2-custom delay="100" (render)="render($event)"></g2-custom>
+    </nz-card>
+  </div>
+  <div nz-col class="gutter-row" [nzSpan]="12">
+    <nz-card [nzTitle]="'大区业绩完成情况'">
+      <g2-timeline
+    [data]="chartData"
+    [titleMap]="{ y1: '客流量', y2: '支付笔数' }"
+    [height]="200"
+    mask="MM月DD日"
+    [slider]="false"
+  ></g2-timeline>
+    </nz-card>
+  </div>
+</div>
+<div nz-row [nzGutter]="16">
+  <div nz-col class="gutter-row" [nzSpan]="12">
+    <nz-card [nzTitle]="'运单直付比例'">
+      <g2-pie #pie title="销售额" subTitle="销售额" [total]="total" [valueFormat]="format" [data]="salesPieData" height="294"
+      (clickItem)="handleClick($event)" [lineWidth]="10">
+      </g2-pie>
+    </nz-card>
+  </div>
+  <div nz-col class="gutter-row" [nzSpan]="12">
+    <nz-card [nzTitle]="'业绩完成情况'">
+      <g2-bar height="200" [title]="'销售额趋势'" [data]="salesData" (clickItem)="handleClick($event)"></g2-bar>
+
+    </nz-card>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/dataindex/dataindex.component.less b/src/app/routes/datatable/components/dataindex/dataindex.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/datatable/components/dataindex/dataindex.component.spec.ts b/src/app/routes/datatable/components/dataindex/dataindex.component.spec.ts
new file mode 100644
index 00000000..cd009e56
--- /dev/null
+++ b/src/app/routes/datatable/components/dataindex/dataindex.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableDataindexComponent } from './dataindex.component';
+
+describe('DatatableDataindexComponent', () => {
+  let component: DatatableDataindexComponent;
+  let fixture: ComponentFixture<DatatableDataindexComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DatatableDataindexComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableDataindexComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/datatable/components/dataindex/dataindex.component.ts b/src/app/routes/datatable/components/dataindex/dataindex.component.ts
new file mode 100644
index 00000000..0881c73c
--- /dev/null
+++ b/src/app/routes/datatable/components/dataindex/dataindex.component.ts
@@ -0,0 +1,249 @@
+import { Component, ElementRef, NgZone, OnInit, ViewChild } from '@angular/core';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { G2MiniAreaClickItem, G2MiniAreaData } from '@delon/chart/mini-area';
+import { G2PieClickItem, G2PieComponent, G2PieData } from '@delon/chart/pie';
+import { format } from 'date-fns';
+import { DataService } from '../../services/data.service';
+import { Chart, registerShape, Util } from '@antv/g2';
+import { G2TimelineClickItem, G2TimelineData } from '@delon/chart/timeline';
+
+@Component({
+  selector: 'app-datatable-dataindex',
+  templateUrl: './dataindex.component.html',
+  styleUrls: ['./dataindex.component.less']
+})
+export class DatatableDataindexComponent implements OnInit {
+  @ViewChild('pie', { static: false }) pie!: G2PieComponent;
+  chartData: G2TimelineData[] = [];
+  visitData = this.genData();
+  salesData = this.genData();
+  salesPieData: G2PieData[] = [];
+  total = '';
+
+  constructor(private service: DataService, private ngZone: NgZone) {
+
+  }
+
+  ngOnInit(): void {
+    this.refreshPie();
+    this.initLineData()
+  }
+  initLineData(){
+    for (let i = 0; i < 20; i += 1) {
+      this.chartData.push({
+        time: new Date().getTime() + 1000 * 60 * 60 * 24 * i,
+        y1: Math.floor(Math.random() * 100) + 1000,
+        y2: Math.floor(Math.random() * 100) + 10,
+      });
+    }
+  }
+  private genData(): G2MiniAreaData[] {
+    const beginDay = new Date().getTime();
+    const res: G2MiniAreaData[] = [];
+    for (let i = 0; i < 20; i += 1) {
+      res.push({
+        x: format(new Date(beginDay + 1000 * 60 * 60 * 24 * i), 'yyyy-MM-dd'),
+        y: Math.floor(Math.random() * 100) + 10,
+      });
+    }
+    return res;
+  }
+
+  refresh(): void {
+    this.visitData = this.genData();
+  }
+  refreshPie(): void {
+    const rv = (min: number = 0, max: number = 5000) => Math.floor(Math.random() * (max - min + 1) + min);
+    this.salesPieData = [
+      {
+        x: '家用电器',
+        y: rv(),
+      },
+      {
+        x: '食用酒水',
+        y: rv(),
+      },
+      {
+        x: '个护健康',
+        y: rv(),
+      },
+      {
+        x: '服饰箱包',
+        y: rv(),
+      },
+      {
+        x: '母婴产品',
+        y: rv(),
+      },
+    ];
+    if (Math.random() > 0.5) {
+      this.salesPieData.push({
+        x: '其他',
+        y: rv(),
+      });
+    }
+    this.total = `&yen ${this.salesPieData.reduce((pre, now) => now.y + pre, 0).toFixed(2)}`;
+    if (this.pie) {
+      // 等待组件渲染
+      setTimeout(() => {
+        console.log('a')
+        this.pie.changeData()
+      });
+    }
+  }
+
+  handleClick(data: G2MiniAreaClickItem): void {
+    this.service.msgSrv.info(`${data.item.x} - ${data.item.y}`);
+  }
+  format(val: number): string {
+    return `&yen ${val.toFixed(2)}`;
+  }
+  render(el: ElementRef<HTMLDivElement>): void {
+    this.ngZone.runOutsideAngular(() => this.init(el.nativeElement));
+  }
+  private init(el: HTMLElement): void {
+    const data = [
+      { item: '货源单', count: 40, percent: 0.4 },
+      { item: '合同单', count: 21, percent: 0.21 },
+      { item: '事例三', count: 17, percent: 0.17 },
+      { item: '事例四', count: 13, percent: 0.13 },
+      { item: '事例五', count: 9, percent: 0.09 },
+    ];
+    const chart = new Chart({
+      container: el,
+      autoFit: true,
+      height: 400,
+    });
+    // 新建一个 view 用来单独渲染Annotation
+    const innerView = chart.createView();
+    chart.coordinate('theta', {
+      radius: 0.6,
+      innerRadius: 0.7,
+    });
+
+    chart.data(data);
+
+    chart.scale('percent', {
+      formatter: val => {
+        val = val * 100 + '%';
+        return val;
+      },
+    });
+
+    chart.tooltip(false);
+
+    // 声明需要进行自定义图例字段： 'item'
+    chart.legend('item', {
+      position: 'right',                                  // 配置图例显示位置
+      custom: true,                                       // 关键字段，告诉 G2，要使用自定义的图例
+      items: data.map((obj, index) => {
+        return {
+          name: obj.item,                                 // 对应 itemName
+          value: obj.percent,                             // 对应 itemValue
+          marker: {
+            symbol: 'square',                             // marker 的形状
+            style: {
+              r: 5,                                       // marker 图形半径
+              fill: chart.getTheme().colors10[index],     // marker 颜色，使用默认颜色，同图形对应
+            },
+          },                                              // marker 配置
+        };
+      }),
+      itemValue: {
+        style: {
+          fill: '#999',
+        },                                               // 配置 itemValue 样式
+        formatter: (val: any) => `${val * 100}%`                // 格式化 itemValue 内容
+      },
+    });
+
+    chart
+      .interval()
+      .adjust('stack')
+      .position('percent')
+      .color('item')
+      .style({
+        fillOpacity: 1,
+        stroke: 'white',
+        lineWidth: 8,
+      })
+      .state({
+        active: {
+          style: element => {
+            const shape = element.shape;
+            return {
+              lineWidth: 1,
+              stroke: 'white',
+              strokeOpacity: shape.attr('fillOpacity'),
+            };
+          },
+        },
+      });
+
+    // 移除图例点击过滤交互
+    chart.removeInteraction('legend-filter');
+    chart.interaction('element-active');
+
+    chart.render();
+
+    // 监听 element 上状态的变化来动态更新 Annotation 信息
+    chart.on('element:statechange', (ev: any) => {
+      const { state, stateStatus, element } = ev.gEvent.originalEvent;
+
+      // 本示例只需要监听 active 的状态变化
+      if (state === 'active') {
+        const data = element.getData();
+        if (stateStatus) {
+          // 更新 Annotation
+          updateAnnotation(data);
+        } else {
+          // 隐藏 Annotation
+          clearAnnotation();
+        }
+      }
+    });
+
+    // 绘制 annotation
+    let lastItem: any;
+    function updateAnnotation(data: any) {
+      if (data.item !== lastItem) {
+        innerView.annotation().clear(true);
+        innerView
+          .annotation()
+          .text({
+            position: ['50%', '50%'],
+            content: data.item,
+            style: {
+              fontSize: 20,
+              fill: '#8c8c8c',
+              textAlign: 'center',
+            },
+            offsetY: -20,
+          })
+          .text({
+            position: ['50%', '50%'],
+            content: data.count,
+            style: {
+              fontSize: 28,
+              fill: '#8c8c8c',
+              textAlign: 'center',
+            },
+            offsetX: -10,
+            offsetY: 20,
+          })
+        innerView.render(true);
+        lastItem = data.item;
+      }
+    }
+
+    // 清空 annotation
+    function clearAnnotation() {
+      innerView.annotation().clear(true);
+      innerView.render(true);
+      lastItem = null;
+    }
+
+  }
+}
+
+
diff --git a/src/app/routes/datatable/components/dataindex/dataindex_line/dataindex_line.component.html b/src/app/routes/datatable/components/dataindex/dataindex_line/dataindex_line.component.html
new file mode 100644
index 00000000..3f148bfd
--- /dev/null
+++ b/src/app/routes/datatable/components/dataindex/dataindex_line/dataindex_line.component.html
@@ -0,0 +1,69 @@
+<!-- 页头 -->
+<page-header-wrapper [title]="'数据报表'"></page-header-wrapper>
+<div nz-row [nzGutter]="16">
+  <div nz-col class="gutter-row" [nzSpan]="6">
+    <g2-card [title]="'客户预存款总额'" [bordered]="true" [total]="'¥ 126,560.00'" [footer]="footer" contentHeight="46">
+      <ng-template #footer>
+        <g2-mini-area line color="#cceafe" height="45" [data]="visitData" (clickItem)="handleClick($event)">
+        </g2-mini-area>
+      </ng-template>
+    </g2-card>
+  </div>
+  <div nz-col class="gutter-row" [nzSpan]="6">
+    <g2-card [title]="'业绩量总额'" [bordered]="true" [total]="'¥ 126,560.00'" [footer]="footer" contentHeight="46">
+      <ng-template #footer>
+        <g2-mini-area line color="#cceafe" height="45" [data]="visitData" (clickItem)="handleClick($event)">
+        </g2-mini-area>
+      </ng-template>
+    </g2-card>
+  </div>
+  <div nz-col class="gutter-row" [nzSpan]="6">
+    <g2-card [title]="'司机应付总额'" [bordered]="true" [total]="'¥ 126,560.00'" [footer]="footer" contentHeight="46">
+      <ng-template #footer>
+        <g2-mini-area line color="#cceafe" height="45" [data]="visitData" (clickItem)="handleClick($event)">
+        </g2-mini-area>
+      </ng-template>
+    </g2-card>
+  </div>
+  <div nz-col class="gutter-row" [nzSpan]="6">
+    <g2-card [title]="'附加费总额'" [bordered]="true" [total]="'¥ 126,560.00'" [footer]="footer" contentHeight="46">
+      <ng-template #footer>
+        <g2-mini-area line color="#cceafe" height="45" [data]="visitData" (clickItem)="handleClick($event)">
+        </g2-mini-area>
+      </ng-template>
+    </g2-card>
+  </div>
+</div>
+<div nz-row [nzGutter]="16">
+  <div nz-col class="gutter-row" [nzSpan]="12">
+    <nz-card [nzTitle]="'订单类型比例'">
+      <g2-custom delay="100" (render)="render($event)"></g2-custom>
+    </nz-card>
+  </div>
+  <div nz-col class="gutter-row" [nzSpan]="12">
+    <nz-card [nzTitle]="'大区业绩完成情况'">
+      <g2-timeline
+    [data]="chartData"
+    [titleMap]="{ y1: '客流量', y2: '支付笔数' }"
+    [height]="200"
+    mask="MM月DD日"
+    [slider]="false"
+  ></g2-timeline>
+    </nz-card>
+  </div>
+</div>
+<div nz-row [nzGutter]="16">
+  <div nz-col class="gutter-row" [nzSpan]="12">
+    <nz-card [nzTitle]="'运单直付比例'">
+      <g2-pie #pie title="销售额" subTitle="销售额" [total]="total" [valueFormat]="format" [data]="salesPieData" height="294"
+      (clickItem)="handleClick($event)" [lineWidth]="10">
+      </g2-pie>
+    </nz-card>
+  </div>
+  <div nz-col class="gutter-row" [nzSpan]="12">
+    <nz-card [nzTitle]="'业绩完成情况'">
+      <g2-bar height="200" [title]="'销售额趋势'" [data]="salesData" (clickItem)="handleClick($event)"></g2-bar>
+
+    </nz-card>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/dataindex/dataindex_line/dataindex_line.component.less b/src/app/routes/datatable/components/dataindex/dataindex_line/dataindex_line.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/datatable/components/dataindex/dataindex_line/dataindex_line.component.spec.ts b/src/app/routes/datatable/components/dataindex/dataindex_line/dataindex_line.component.spec.ts
new file mode 100644
index 00000000..cd009e56
--- /dev/null
+++ b/src/app/routes/datatable/components/dataindex/dataindex_line/dataindex_line.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableDataindexComponent } from './dataindex.component';
+
+describe('DatatableDataindexComponent', () => {
+  let component: DatatableDataindexComponent;
+  let fixture: ComponentFixture<DatatableDataindexComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DatatableDataindexComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableDataindexComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/datatable/components/dataindex/dataindex_line/dataindex_line.component.ts b/src/app/routes/datatable/components/dataindex/dataindex_line/dataindex_line.component.ts
new file mode 100644
index 00000000..eb15c985
--- /dev/null
+++ b/src/app/routes/datatable/components/dataindex/dataindex_line/dataindex_line.component.ts
@@ -0,0 +1,249 @@
+import { Component, ElementRef, NgZone, OnInit, ViewChild } from '@angular/core';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { G2MiniAreaClickItem, G2MiniAreaData } from '@delon/chart/mini-area';
+import { G2PieClickItem, G2PieComponent, G2PieData } from '@delon/chart/pie';
+import { format } from 'date-fns';
+import { DataindexService } from '../services/dataindex.service';
+import { Chart, registerShape, Util } from '@antv/g2';
+import { G2TimelineClickItem, G2TimelineData } from '@delon/chart/timeline';
+
+@Component({
+  selector: 'app-datatable-dataindex',
+  templateUrl: './dataindex.component.html',
+  styleUrls: ['./dataindex.component.less']
+})
+export class DatatableDataindexComponent implements OnInit {
+  @ViewChild('pie', { static: false }) pie!: G2PieComponent;
+  chartData: G2TimelineData[] = [];
+  visitData = this.genData();
+  salesData = this.genData();
+  salesPieData: G2PieData[] = [];
+  total = '';
+
+  constructor(private service: DataindexService, private ngZone: NgZone) {
+
+  }
+
+  ngOnInit(): void {
+    this.refreshPie();
+    this.initLineData()
+  }
+  initLineData(){
+    for (let i = 0; i < 20; i += 1) {
+      this.chartData.push({
+        time: new Date().getTime() + 1000 * 60 * 60 * 24 * i,
+        y1: Math.floor(Math.random() * 100) + 1000,
+        y2: Math.floor(Math.random() * 100) + 10,
+      });
+    }
+  }
+  private genData(): G2MiniAreaData[] {
+    const beginDay = new Date().getTime();
+    const res: G2MiniAreaData[] = [];
+    for (let i = 0; i < 20; i += 1) {
+      res.push({
+        x: format(new Date(beginDay + 1000 * 60 * 60 * 24 * i), 'yyyy-MM-dd'),
+        y: Math.floor(Math.random() * 100) + 10,
+      });
+    }
+    return res;
+  }
+
+  refresh(): void {
+    this.visitData = this.genData();
+  }
+  refreshPie(): void {
+    const rv = (min: number = 0, max: number = 5000) => Math.floor(Math.random() * (max - min + 1) + min);
+    this.salesPieData = [
+      {
+        x: '家用电器',
+        y: rv(),
+      },
+      {
+        x: '食用酒水',
+        y: rv(),
+      },
+      {
+        x: '个护健康',
+        y: rv(),
+      },
+      {
+        x: '服饰箱包',
+        y: rv(),
+      },
+      {
+        x: '母婴产品',
+        y: rv(),
+      },
+    ];
+    if (Math.random() > 0.5) {
+      this.salesPieData.push({
+        x: '其他',
+        y: rv(),
+      });
+    }
+    this.total = `&yen ${this.salesPieData.reduce((pre, now) => now.y + pre, 0).toFixed(2)}`;
+    if (this.pie) {
+      // 等待组件渲染
+      setTimeout(() => {
+        console.log('a')
+        this.pie.changeData()
+      });
+    }
+  }
+
+  handleClick(data: G2MiniAreaClickItem): void {
+    this.service.msgSrv.info(`${data.item.x} - ${data.item.y}`);
+  }
+  format(val: number): string {
+    return `&yen ${val.toFixed(2)}`;
+  }
+  render(el: ElementRef<HTMLDivElement>): void {
+    this.ngZone.runOutsideAngular(() => this.init(el.nativeElement));
+  }
+  private init(el: HTMLElement): void {
+    const data = [
+      { item: '货源单', count: 40, percent: 0.4 },
+      { item: '合同单', count: 21, percent: 0.21 },
+      { item: '事例三', count: 17, percent: 0.17 },
+      { item: '事例四', count: 13, percent: 0.13 },
+      { item: '事例五', count: 9, percent: 0.09 },
+    ];
+    const chart = new Chart({
+      container: el,
+      autoFit: true,
+      height: 400,
+    });
+    // 新建一个 view 用来单独渲染Annotation
+    const innerView = chart.createView();
+    chart.coordinate('theta', {
+      radius: 0.6,
+      innerRadius: 0.7,
+    });
+
+    chart.data(data);
+
+    chart.scale('percent', {
+      formatter: val => {
+        val = val * 100 + '%';
+        return val;
+      },
+    });
+
+    chart.tooltip(false);
+
+    // 声明需要进行自定义图例字段： 'item'
+    chart.legend('item', {
+      position: 'right',                                  // 配置图例显示位置
+      custom: true,                                       // 关键字段，告诉 G2，要使用自定义的图例
+      items: data.map((obj, index) => {
+        return {
+          name: obj.item,                                 // 对应 itemName
+          value: obj.percent,                             // 对应 itemValue
+          marker: {
+            symbol: 'square',                             // marker 的形状
+            style: {
+              r: 5,                                       // marker 图形半径
+              fill: chart.getTheme().colors10[index],     // marker 颜色，使用默认颜色，同图形对应
+            },
+          },                                              // marker 配置
+        };
+      }),
+      itemValue: {
+        style: {
+          fill: '#999',
+        },                                               // 配置 itemValue 样式
+        formatter: (val: any) => `${val * 100}%`                // 格式化 itemValue 内容
+      },
+    });
+
+    chart
+      .interval()
+      .adjust('stack')
+      .position('percent')
+      .color('item')
+      .style({
+        fillOpacity: 1,
+        stroke: 'white',
+        lineWidth: 8,
+      })
+      .state({
+        active: {
+          style: element => {
+            const shape = element.shape;
+            return {
+              lineWidth: 1,
+              stroke: 'white',
+              strokeOpacity: shape.attr('fillOpacity'),
+            };
+          },
+        },
+      });
+
+    // 移除图例点击过滤交互
+    chart.removeInteraction('legend-filter');
+    chart.interaction('element-active');
+
+    chart.render();
+
+    // 监听 element 上状态的变化来动态更新 Annotation 信息
+    chart.on('element:statechange', (ev: any) => {
+      const { state, stateStatus, element } = ev.gEvent.originalEvent;
+
+      // 本示例只需要监听 active 的状态变化
+      if (state === 'active') {
+        const data = element.getData();
+        if (stateStatus) {
+          // 更新 Annotation
+          updateAnnotation(data);
+        } else {
+          // 隐藏 Annotation
+          clearAnnotation();
+        }
+      }
+    });
+
+    // 绘制 annotation
+    let lastItem: any;
+    function updateAnnotation(data: any) {
+      if (data.item !== lastItem) {
+        innerView.annotation().clear(true);
+        innerView
+          .annotation()
+          .text({
+            position: ['50%', '50%'],
+            content: data.item,
+            style: {
+              fontSize: 20,
+              fill: '#8c8c8c',
+              textAlign: 'center',
+            },
+            offsetY: -20,
+          })
+          .text({
+            position: ['50%', '50%'],
+            content: data.count,
+            style: {
+              fontSize: 28,
+              fill: '#8c8c8c',
+              textAlign: 'center',
+            },
+            offsetX: -10,
+            offsetY: 20,
+          })
+        innerView.render(true);
+        lastItem = data.item;
+      }
+    }
+
+    // 清空 annotation
+    function clearAnnotation() {
+      innerView.annotation().clear(true);
+      innerView.render(true);
+      lastItem = null;
+    }
+
+  }
+}
+
+
diff --git a/src/app/routes/datatable/components/datascreen/curve/curve.component.html b/src/app/routes/datatable/components/datascreen/curve/curve.component.html
new file mode 100644
index 00000000..f47cc41a
--- /dev/null
+++ b/src/app/routes/datatable/components/datascreen/curve/curve.component.html
@@ -0,0 +1,2 @@
+<g2-custom delay="100" (render)="render($event)"></g2-custom>
+
diff --git a/src/app/routes/datatable/components/datascreen/curve/curve.component.less b/src/app/routes/datatable/components/datascreen/curve/curve.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/datatable/components/datascreen/curve/curve.component.ts b/src/app/routes/datatable/components/datascreen/curve/curve.component.ts
new file mode 100644
index 00000000..dc30343e
--- /dev/null
+++ b/src/app/routes/datatable/components/datascreen/curve/curve.component.ts
@@ -0,0 +1,132 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-04-07 17:57:23
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-07 19:28:24
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\datascreen\\curve\\curve.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, ElementRef, Input, NgZone, OnChanges, OnInit, SimpleChanges, ViewChild } from '@angular/core';
+import { G2MiniAreaClickItem } from '@delon/chart/mini-area';
+import { DataService } from '../../../services/data.service';
+// import DataSet from '@antv/data-set';
+const DataSet = require('@antv/data-set');
+import { Chart } from '@antv/g2';
+@Component({
+  selector: 'app-financetable-curve-min',
+  templateUrl: './curve.component.html',
+  styleUrls: ['./curve.component.less']
+})
+export class DatatableCustomindexCurveMinComponent implements OnInit,OnChanges {
+  el: any;
+  @Input() chartData: any;
+  chart: any;
+  data = [
+    { time: '01', type: '订单数', temperature: 7 },
+    { time: '02', type: '运单数', temperature: 3.9 },
+    { time: '03', type: '订单数', temperature: 6.9 },
+    { time: '04', type: '订单数', temperature: 4.2 },
+    { time: '05', type: '订单数', temperature: 9.5 },
+    { time: '06', type: '订单数', temperature: 5.7 },
+    { time: '06', type: '运单数', temperature: 5.7 },
+    { time: '07', type: '运单数', temperature: 14.5 },
+    { time: '08', type: '订单数', temperature: 8.5 },
+    { time: '09', type: '订单数', temperature: 18.4 },
+    { time: '10', type: '订单数', temperature: 11.9 },
+    { time: '11', type: '订单数', temperature: 21.5 },
+    { time: '12', type: '订单数', temperature: 15.2 },
+    { time: '08', type: '运单数', temperature: 8.5 },
+    { time: '09', type: '运单数', temperature: 18.4 },
+    { time: '10', type: '运单数', temperature: 11.9 },
+    { time: '11', type: '运单数', temperature: 21.5 },
+    { time: '12', type: '订单数', temperature: 15.2 },
+  ];
+  constructor(private service: DataService, private ngZone: NgZone) {
+
+  }
+  ngOnChanges(changes: SimpleChanges): void {
+    if (this.chartData) {
+      // setTimeout(()=>{
+      //   this.chart.render(true)
+      // }, 1000)
+
+    }
+  }
+
+  ngOnInit(): void {
+
+  }
+  reRender() {
+    setTimeout(() => {
+      this.chart.data(this.chartData);
+      this.chart.render();
+    }, 1000)
+  }
+  render(el: ElementRef<HTMLDivElement>): void {
+    this.el = el.nativeElement
+    setTimeout(() => {
+      this.ngZone.runOutsideAngular(() => this.init(this.el));
+      }, 1000)
+  }
+
+  private init(el: HTMLElement): void {
+    this.chart = new Chart({
+      container: el,
+      autoFit: true,
+      height: 200,
+    });
+    let value: any = []
+      this.service.request(this.service.$api_getTradingTrend).subscribe((res: any) => {
+     if(res) {
+      res.forEach((element: any) => {
+        value.push({
+          time: element?.time,
+          type: element?.type == 'DD' ? '订单数' : '运单数',
+          temperature: element?.value,
+       });
+       });
+       console.log(value);
+       this.chartData = value
+    this.chart.data(this.chartData);
+    this.chart.scale({
+      time: {
+        range: [0, 1],
+      },
+      number: {
+        nice: true,
+      },
+    });
+    
+    this.chart.tooltip({
+      showCrosshairs: true,
+      shared: true,
+    });
+    
+  
+    this.chart.axis('temperature', {
+      label: {
+        formatter: (val: any) => {
+          return val + '万';
+        },
+      },
+    });
+    this.chart
+    .line()
+    .position('time*temperature')
+    .color('type')
+    .shape('smooth');
+  
+    this.chart
+    .point()
+    .position('time*temperature')
+    .color('type')
+    .shape('circle');
+  this.chart.render();
+        };
+      });
+  
+    
+  }
+}
diff --git a/src/app/routes/datatable/components/datascreen/datascreen.component.html b/src/app/routes/datatable/components/datascreen/datascreen.component.html
new file mode 100644
index 00000000..ee417920
--- /dev/null
+++ b/src/app/routes/datatable/components/datascreen/datascreen.component.html
@@ -0,0 +1,174 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-04-06 10:57:56
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-07 19:51:32
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\datascreen\\datascreen.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<!-- 页头 -->
+<!-- <page-header-wrapper [title]="'运营报表'"></page-header-wrapper> -->
+<div >
+  <div style="position: relative;">
+    <h1 style="display: flex; justify-content: center; align-items: center;margin: 0; padding: 0; font-size: 25px;font-weight: 700;">运多星网络货运平台</h1>
+    <div style="position: absolute; right: 0; display: flex;">
+  <img src="../../../../../assets/images/oclock.svg" alt="">&nbsp;
+   <span style="font-size: 16px; margin-top: 5px;">{{todayTime}}</span>
+    </div>
+  </div>
+ 
+  <h1 style="display: flex; justify-content: center; align-items: center;margin: 0; padding: 0;font-size: 25px;font-weight: 700;">实时交易监控</h1>
+
+</div>
+<div nz-row [nzGutter]="24">
+  <div nz-col class="gutter-row" [nzSpan]="8">
+    <nz-card nzTitle="2022全年交易情况">
+      <nz-row [nzGutter]="16">
+        <nz-col [nzSpan]="12">
+          <nz-statistic [nzValue]="(allDeal?.dealAmount | currency)!" [nzTitle]="'成交额'"></nz-statistic>
+        </nz-col>
+        <nz-col [nzSpan]="12">
+          <nz-statistic [nzValue]="(allDeal?.settlementAmount | currency)!" [nzTitle]="'结算额'"></nz-statistic>
+        </nz-col>
+      </nz-row>
+      <nz-row [nzGutter]="16">
+        <nz-col [nzSpan]="12">
+          <nz-statistic [nzValue]="(allDeal?.billQuantity | number)!" [nzTitle]="'订单数'"></nz-statistic>
+        </nz-col>
+        <nz-col [nzSpan]="12">
+          <nz-statistic [nzValue]="(allDeal?.weight | number: '1.0-2')!" [nzTitle]="'货物吞吐(吨)'"></nz-statistic>
+        </nz-col>
+      </nz-row>
+    </nz-card>
+    <nz-card nzTitle="本月交易趋势" >
+      <app-financetable-curve-min  #curve [chartData]='chartData2'></app-financetable-curve-min>
+    </nz-card>
+    <nz-card nzTitle="实时货源">
+      <st
+        [scroll]="{ y: '300px' }"
+        #st
+        multiSort
+        bordered
+        [columns]="columns"
+        [data]="service.$api_getRealTimeSupply"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+        [res]="{ reName: { list: 'data' } }"
+        [page]="{ show: false, showSize: false, pageSizes: [5, 50, 100] }"
+        [loading]="service.http.loading"
+      >
+        <ng-template st-row="index" let-item let-index="index">
+          {{ index }}
+        </ng-template>
+        <ng-template st-row="weight" let-item let-index="index">
+          {{ item.weight ? item.weight + '吨' : '' }}
+          {{ item.volume ? item.volume + '方' : '' }}
+        </ng-template>
+        <ng-template st-row="weight" let-item let-index="index">
+          {{ item.weight ? item.weight + '吨' : '' }}
+          {{ item.volume ? item.volume + '方' : '' }}
+        </ng-template>
+      </st>
+    </nz-card>
+  </div>
+  <div nz-col class="gutter-row" [nzSpan]="8">
+    <nz-card>
+      <nz-row [nzGutter]="24">
+        <nz-col [nzSpan]="8">
+          <nz-statistic [nzValue]="(headDeal?.todayAmount | currency)!" [nzTitle]="'今日交易额'"></nz-statistic>
+        </nz-col>
+        <nz-col [nzSpan]="8">
+          <nz-statistic [nzValue]="(headDeal?.monthAmount | currency)!" [nzTitle]="'本月交易额'"></nz-statistic>
+        </nz-col>
+        <nz-col [nzSpan]="8">
+          <nz-statistic [nzValue]="(headDeal?.cumulativeAmount | currency)!" [nzTitle]="'累计交易额'"></nz-statistic>
+        </nz-col>
+      </nz-row>
+    </nz-card>
+    <app-datatable-customindex-map style="max-height: 600px" #map [chartData]="chartData"></app-datatable-customindex-map>
+    <nz-card>
+      <nz-row [nzGutter]="24">
+        <g2-bar #bar height="200" [delay]='500' repaint='true' [title]="'本月发货量排名'" [data]="salesData2"  (ready)='genData()'></g2-bar>
+      </nz-row>
+    </nz-card>
+  </div>
+  <div nz-col class="gutter-row" [nzSpan]="8">
+    <nz-card>
+      <nz-row [nzGutter]="24">
+        <nz-col [nzSpan]="6">
+          <nz-statistic [nzValue]="(classifyDeal?.enterpriseTotal | number)!" [nzTitle]="'货主'"></nz-statistic>
+        </nz-col>
+        <nz-col [nzSpan]="6">
+          <nz-statistic [nzValue]="(classifyDeal?.partnerTotal | number: '1.0-2')!" [nzTitle]="'合伙人'"></nz-statistic>
+        </nz-col>
+        <nz-col [nzSpan]="6">
+          <nz-statistic [nzValue]="(classifyDeal?.driverTotal | number)!" [nzTitle]="'司机'"></nz-statistic>
+        </nz-col>
+        <nz-col [nzSpan]="6">
+          <nz-statistic [nzValue]="(classifyDeal?.carTotal | number: '1.0-2')!" [nzTitle]="'车辆'"></nz-statistic>
+        </nz-col>
+      </nz-row>
+    </nz-card>
+    <nz-card nzTitle="今日交易情况">
+      <nz-row [nzGutter]="16">
+        <nz-col [nzSpan]="12">
+          <nz-statistic [nzValue]="(todaysDeal?.billQuantity | number)!" [nzTitle]="'订单数'"></nz-statistic>
+        </nz-col>
+        <nz-col [nzSpan]="12">
+          <nz-statistic [nzValue]="(todaysDeal?.billEffectiveQuantity | number: '1.0-2')!" [nzTitle]="'有效订单'"></nz-statistic>
+        </nz-col>
+      </nz-row>
+      <nz-row [nzGutter]="16">
+        <nz-col [nzSpan]="12">
+          <nz-statistic [nzValue]="(todaysDeal?.amount | currency)!" [nzTitle]="'运输金额(元)'"></nz-statistic>
+        </nz-col>
+        <nz-col [nzSpan]="12">
+          <nz-statistic [nzValue]="(todaysDeal?.weight | number: '1.0-2')!" [nzTitle]="'货物吞吐(吨)'"></nz-statistic>
+        </nz-col>
+      </nz-row>
+    </nz-card>
+    <nz-card nzTitle="本月运营质量监测">
+      <nz-row [nzGutter]="24">
+        <nz-col [nzSpan]="12">
+          <div style="width: 200px; display: inline-block">
+            <g2-pie percent="28" subTitle="准点率" total="28%" height="100"></g2-pie>
+          </div>
+        </nz-col>
+        <nz-col [nzSpan]="12">
+          <div style="width: 200px; display: inline-block">
+            <g2-pie percent="22" subTitle="货损率" total="22%" height="100"></g2-pie>
+          </div>
+        </nz-col>
+        <nz-col [nzSpan]="12">
+          <div style="width: 200px; display: inline-block">
+            <g2-pie percent="22" subTitle="空车率" total="22%" height="100"></g2-pie>
+          </div>
+        </nz-col>
+        <nz-col [nzSpan]="12">
+          <div style="width: 200px; display: inline-block">
+            <g2-pie percent="22" subTitle="结算率" total="22%" height="100" width="200"></g2-pie>
+          </div>
+        </nz-col>
+      </nz-row>
+    </nz-card>
+    <nz-card nzTitle="实时运单风控">
+      <st
+        #st
+        multiSort
+        bordered
+       [scroll]="{y: '300px'}"
+        [columns]="orderColumns"
+        [data]="service.$api_getRealTimeWaybillRiskControl"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqOrderParams }"
+        [res]="{ reName: { list: 'data' } }"
+        [page]="{ show: false, showSize: false, pageSizes: [5, 50, 100] }"
+        [loading]="service.http.loading"
+      >
+      <ng-template st-row="carNo" let-item let-index="index">
+        {{ item?.driverName }}{{ item?.carNo ? '/' + item?.carNo : '' }}
+      </ng-template>
+      </st>
+    </nz-card>
+  </div>
+</div>
diff --git a/src/app/routes/datatable/components/datascreen/datascreen.component.less b/src/app/routes/datatable/components/datascreen/datascreen.component.less
new file mode 100644
index 00000000..69baee23
--- /dev/null
+++ b/src/app/routes/datatable/components/datascreen/datascreen.component.less
@@ -0,0 +1,11 @@
+:host{
+    ::ng-deep {
+        .ant-statistic-content-value{
+            color: #399ffd;
+            font-weight: bold;
+        }
+        .nz-statistic-number,.ant-statistic-content-value {
+            font-size: 20px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/datascreen/datascreen.component.spec.ts b/src/app/routes/datatable/components/datascreen/datascreen.component.spec.ts
new file mode 100644
index 00000000..78be800e
--- /dev/null
+++ b/src/app/routes/datatable/components/datascreen/datascreen.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableDatascreenComponent } from './datascreen.component';
+
+describe('DatatableDatascreenComponent', () => {
+  let component: DatatableDatascreenComponent;
+  let fixture: ComponentFixture<DatatableDatascreenComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DatatableDatascreenComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableDatascreenComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/datatable/components/datascreen/datascreen.component.ts b/src/app/routes/datatable/components/datascreen/datascreen.component.ts
new file mode 100644
index 00000000..08babea1
--- /dev/null
+++ b/src/app/routes/datatable/components/datascreen/datascreen.component.ts
@@ -0,0 +1,150 @@
+import { map } from 'rxjs/operators';
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-04-06 10:57:56
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-07 19:48:19
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\datascreen\\datascreen.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFSchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { DataService } from '../../services/data.service';
+import { DatatableCustomindexMapComponent } from './map/map.component';
+import { G2TimelineComponent, G2TimelineData } from '@delon/chart/timeline';
+import { G2MiniAreaClickItem, G2MiniAreaData } from '@delon/chart/mini-area';
+import { FinanceTableCurveComponent } from '../financetable/curve/curve.component';
+
+
+@Component({
+  selector: 'app-datatable-datascreen',
+  templateUrl: './datascreen.component.html',
+  styleUrls: ['./datascreen.component.less']
+})
+export class DatatableDatascreenComponent implements OnInit {
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('orderSt') private readonly orderSt!: STComponent;
+  @ViewChild('map') private readonly map!: DatatableCustomindexMapComponent;
+  @ViewChild('timeline', { static: false }) timeline!: G2TimelineComponent;
+  @ViewChild('curve') private readonly curve!: FinanceTableCurveComponent;
+
+  columns: STColumn[] = [];
+  chartData: any[] = [];
+  orderColumns: STColumn[] = [];
+  chartData2: any = {}
+  allDeal: any;
+  headDeal: any;
+  classifyDeal: any;
+  todaysDeal: any;
+  todayTime: string = '';
+
+  monthData: G2TimelineData[] = [];
+  monthData2:G2TimelineData[] =[];
+  salesData2: Array<any> = this.genData();
+  constructor(public service: DataService) {}
+  ngOnChanges(changes: any): void {
+    console.log(changes);
+  }
+  /**
+   * 查询参数
+   */
+  get reqOrderParams() {
+    const params = {};
+    return { ...params };
+  }
+  get reqParams() {
+    const params = {};
+    return { ...params };
+  }
+  ngOnInit(): void {
+    setInterval(() => {
+      this.setTime();
+    }, 1000);
+    this.initST();
+    this.initOrderST();
+    this.initData();
+    // this.initLineData();
+  }
+  setTime() {
+    var myDate = new Date();
+    var mytime = myDate.toLocaleTimeString(); //获取当前时间
+    myDate.getFullYear(); //获取完整的年份(4位,1970-????)
+    myDate.getMonth(); //获取当前月份(0-11,0代表1月)
+    myDate.getDate(); //获取当前日(1-31)
+    this.todayTime = myDate.getFullYear() + '-' + myDate.getMonth() + 1 + '-' + myDate.getDate() + ' ' + mytime;
+  }
+  initData() {
+    this.service.request(this.service.$api_getAnnualTransactions).subscribe((res: any) => {
+      this.allDeal = res;
+    });
+    this.service.request(this.service.$api_getTransactionAmount).subscribe((res: any) => {
+      this.headDeal = res;
+    });
+    this.service.request(this.service.$api_getCustomerStatistics).subscribe((res: any) => {
+      this.classifyDeal = res;
+    });
+    this.service.request(this.service.$api_getTradingToday).subscribe((res: any) => {
+      this.todaysDeal = res;
+    });
+    let value: any = [];
+    this.service.request(this.service.$api_getTransactionDistribution).subscribe((res: any) => {
+      if (res) {
+        res.forEach((element: any) => {
+          value.push({
+            name: element.province,
+            value: element.weight
+          });
+        });
+        console.log(value);
+        this.chartData = value;
+        this.map.reRender();
+      }
+    });
+  }
+  public genData(): G2MiniAreaData[] {
+    let value: any = [];
+    this.service.request(this.service.$api_getShipmentRanking).subscribe((res: any) => {
+      console.log(res);
+      res.forEach((element: any) => {
+        value.push({
+          x: element.city,
+          y: element.weight
+        });
+      });
+    });
+    console.log(value);
+    return value;
+  }
+  initPillarData(){
+        this.curve.reRender()
+  }
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '序号', render: 'index', className: 'text-center', width: '70px' },
+      { title: '发货地', index: 'loadAddress', className: 'text-center', width: '90px' },
+      { title: '卸货地', index: 'dischargeAddress', className: 'text-center', width: '90px' },
+      { title: '货物', index: 'goodsName', className: 'text-center', width: '90px' },
+      { title: '数量', render: 'weight', className: 'text-center', width: '120px' }
+    ];
+  }
+  initOrderST() {
+    this.orderColumns = [
+      { title: '运单号', index: 'wayCode', className: 'text-center', width: '150px' },
+      { title: '司机/车辆', index: 'carNo', className: 'text-center', width: '120px' },
+      { title: '货主', index: 'shipperName', className: 'text-center', width: '70px' },
+      { title: '时间', index: 'createTime', className: 'text-center', width: '200px' },
+      { title: '异常预警', index: 'warningTypeLabel', className: 'text-center', width: '120px' }
+    ];
+  }
+
+  handleClick(data: G2MiniAreaClickItem): void {
+    this.service.msgSrv.info(`${data.item.x} - ${data.item.y}`);
+  }
+}
diff --git a/src/app/routes/datatable/components/datascreen/map/map.component.html b/src/app/routes/datatable/components/datascreen/map/map.component.html
new file mode 100644
index 00000000..99a40aa8
--- /dev/null
+++ b/src/app/routes/datatable/components/datascreen/map/map.component.html
@@ -0,0 +1,11 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-04-06 17:57:07
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-07 19:44:32
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\datatable\\components\\datascreen\\map\\map.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<g2-custom delay="200" (render)="render($event)" ></g2-custom>
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/datascreen/map/map.component.less b/src/app/routes/datatable/components/datascreen/map/map.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/datatable/components/datascreen/map/map.component.ts b/src/app/routes/datatable/components/datascreen/map/map.component.ts
new file mode 100644
index 00000000..66c3a677
--- /dev/null
+++ b/src/app/routes/datatable/components/datascreen/map/map.component.ts
@@ -0,0 +1,157 @@
+import { Component, ElementRef, Input, NgZone, OnChanges, OnInit, SimpleChanges, ViewChild } from '@angular/core';
+import { Chart } from '@antv/g2';
+import DataSet from '@antv/data-set';
+import { DataService } from 'src/app/routes/datatable/services/data.service';
+@Component({
+  selector: 'app-datatable-customindex-map',
+  templateUrl: './map.component.html',
+  styleUrls: ['./map.component.less']
+})
+export class DatatableCustomindexMapComponent implements OnInit, OnChanges {
+  el: any;
+  @Input() chartData: any;
+  chart: any;
+  mapData: any;
+  ds!: DataSet ;
+  worldMap: any;
+  userView: any;
+  userDv: any;
+  userData: any = [];
+  constructor(private service: DataService, private ngZone: NgZone) {}
+
+  ngOnChanges(changes: SimpleChanges): void {
+    if (this.chartData) {
+      // setTimeout(()=>{
+      //   this.chart.render(true)
+      // }, 1000)
+    }
+  }
+
+  ngOnInit(): void {}
+  reRender() {
+    console.log('5454545');
+    setTimeout(() => {
+      this.chart.render();
+    }, 1000);
+  }
+  render(el: ElementRef<HTMLDivElement>): void {
+    this.el = el.nativeElement;
+    setTimeout(() => {
+      this.ngZone.runOutsideAngular(() => this.init(this.el));
+    }, 500);
+  }
+
+  private init(el: HTMLElement): void {
+    fetch('https://gw.alipayobjects.com/os/antvdemo/assets/data/china.json')
+      .then(res => res.json())
+      .then(mapData => {
+      this.mapData =mapData
+      this.chart = new Chart({
+        container: el,
+        autoFit: true,
+        height: 680,
+        padding: [0, 0]
+      });
+      this.chart.tooltip({
+        showTitle: false,
+        showMarkers: false,
+        shared: true
+      });
+      // 同步度量
+      this.chart.scale({
+        longitude: {
+          sync: true
+        },
+        latitude: {
+          sync: true
+        }
+      });
+      this.chart.axis(false);
+      this.chart.legend('trend', {
+        position: 'left'
+      });
+      console.log('8888');
+  
+      // 绘制世界地图背景
+      this.ds = new DataSet();
+      this.worldMap = this.ds.createView('back').source(this.mapData, {
+        type: 'GeoJSON'
+      });
+      const worldMapView = this.chart.createView();
+      worldMapView.data(this.worldMap.rows);
+      worldMapView.tooltip(false);
+      worldMapView.polygon().position('longitude*latitude').style({
+        fill: '#fff',
+        stroke: '#ccc',
+        lineWidth: 1
+      });
+
+    // 可视化用户数据
+    // this.userData = [
+    //   { name: '山东', value: 21 },
+    //   { name: '山东', value: 22},
+    //   { name: '广东', value: 20, },
+    //   { name: '广东', value: 20  },
+    //   { name: '四川', value: 120  },
+    //   { name: '湖南', value: 200  },
+    //   { name: '河北', value: 30  },
+
+    // ];
+        let value: any = []
+      this.service.request(this.service.$api_getTransactionDistribution).subscribe((res: any) => {
+     if(res) {
+      res.forEach((element: any) => {
+        value.push({
+          name: element.province,
+          value: element.weight,
+       });
+       });
+       console.log(value);
+       this.userData = value
+    this.userDv = this.ds.createView().source(this.userData).transform({
+        geoDataView: this.worldMap,
+        field: 'name',
+        type: 'geo.region',
+        as: ['longitude', 'latitude']
+      }).transform({
+        type: 'map',
+        callback: (obj: { trend: string; value: number }) => {
+          if(obj.value < 500) {
+            obj.trend = '500以下';
+          } else if(obj.value >= 500 && obj.value < 1000){
+            obj.trend = '500-1000';
+          } else if(obj.value >= 1000 ){
+            obj.trend = '>1000';
+          }
+          return obj;
+        }
+      });
+    this.userView = this.chart.createView();
+    this.userView.data(this.userDv.rows);
+    this.userView.scale({
+      trend: {
+        alias: '蓝色地区数量'
+      }
+    });
+    console.log(this.userView);
+    console.log('45545');
+    
+    this.userView.polygon().position('longitude*latitude').color('trend', ['#0a3f80', '#1b6aca', '#5d93d4']).tooltip('name*trend*value').style({fillOpacity: 0.85 })
+      .animate({
+        leave: {
+          animation: 'fade-out'
+        }
+      });
+      this.userView.interaction('element-active');
+      this.chart.render();
+
+    }
+      })
+      });
+
+      console.log('9999');
+  
+
+  }
+  
+}
diff --git a/src/app/routes/datatable/components/financetable/curve/curve.component.html b/src/app/routes/datatable/components/financetable/curve/curve.component.html
new file mode 100644
index 00000000..7ceba0b7
--- /dev/null
+++ b/src/app/routes/datatable/components/financetable/curve/curve.component.html
@@ -0,0 +1,2 @@
+<g2-custom delay="100" (render)="render($event)"></g2-custom>
+
diff --git a/src/app/routes/datatable/components/financetable/curve/curve.component.less b/src/app/routes/datatable/components/financetable/curve/curve.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/datatable/components/financetable/curve/curve.component.ts b/src/app/routes/datatable/components/financetable/curve/curve.component.ts
new file mode 100644
index 00000000..66ef76b1
--- /dev/null
+++ b/src/app/routes/datatable/components/financetable/curve/curve.component.ts
@@ -0,0 +1,89 @@
+import { Component, ElementRef, Input, NgZone, OnChanges, OnInit, SimpleChanges, ViewChild } from '@angular/core';
+import { G2MiniAreaClickItem } from '@delon/chart/mini-area';
+import { DataService } from '../../../services/data.service';
+// import DataSet from '@antv/data-set';
+const DataSet = require('@antv/data-set');
+import { Chart } from '@antv/g2';
+@Component({
+  selector: 'app-financetable-curve',
+  templateUrl: './curve.component.html',
+  styleUrls: ['./curve.component.less']
+})
+export class FinanceTableCurveComponent implements OnInit,OnChanges {
+  el: any;
+  @Input() chartData: any;
+  chart: any;
+  constructor(private service: DataService, private ngZone: NgZone) {
+
+  }
+  ngOnChanges(changes: SimpleChanges): void {
+    if (this.chartData) {
+      // setTimeout(()=>{
+      //   this.chart.render(true)
+      // }, 1000)
+
+    }
+  }
+
+  ngOnInit(): void {
+
+  }
+  reRender() {
+    setTimeout(() => {
+      this.chart.data(this.chartData);
+      this.chart.render();
+    }, 1000)
+  }
+  render(el: ElementRef<HTMLDivElement>): void {
+    this.el = el.nativeElement
+    setTimeout(() => {
+      this.ngZone.runOutsideAngular(() => this.init(this.el));
+      }, 1000)
+  }
+
+  private init(el: HTMLElement): void {
+    this.chart = new Chart({
+      container: el,
+      autoFit: true,
+      height: 500,
+    });
+
+    this.chart.data(this.chartData);
+    this.chart.scale({
+      time: {
+        range: [0, 1],
+      },
+      number: {
+        nice: true,
+      },
+    });
+    
+    this.chart.tooltip({
+      showCrosshairs: true,
+      shared: true,
+    });
+    
+    this.chart.axis('number', {
+      label: {
+        formatter: (val: any) => {
+          return val*100+ ' %';
+        },
+      },
+    });
+
+    
+    this.chart
+      .line()
+      .position('time*number')
+      .color('name')
+      .tooltip('name*number', (name:any, value:any) => {
+        return {
+          name: name,
+          value: value*100 + '%'
+        };
+      });
+    
+    this.chart.render();
+    
+  }
+}
diff --git a/src/app/routes/datatable/components/financetable/financetable.component.html b/src/app/routes/datatable/components/financetable/financetable.component.html
new file mode 100644
index 00000000..8af9b874
--- /dev/null
+++ b/src/app/routes/datatable/components/financetable/financetable.component.html
@@ -0,0 +1,75 @@
+<!-- 页头 -->
+<page-header-wrapper [title]="'财务报表'"></page-header-wrapper>
+<nz-card nzTitle="财务报表" [nzExtra]="extraTemplate">
+  <ng-template #extraTemplate>
+    <div class="chooseBox">
+      <!-- <button nz-button nzType="primary" (click)="exportFun()">导出</button> -->
+      <div class="timeBox">
+        <nz-radio-group [(ngModel)]="mode" nzButtonStyle="solid" (ngModelChange)="changeData()">
+          <label nz-radio-button nzValue="year">年</label>
+          <label nz-radio-button nzValue="month">月</label>
+          <label nz-radio-button nzValue="date">日</label>
+          <label nz-radio-button nzValue="define">自定义</label>
+        </nz-radio-group>
+        <div class="dateBox">
+          <nz-date-picker [(ngModel)]="date" [nzMode]="mode" [nzFormat]="dateFormat" *ngIf="mode !== 'define'" [nzDisabledDate]="disabledDate" (ngModelChange)="onChange($event)"></nz-date-picker>
+          <nz-range-picker [(ngModel)]="defineDate" [nzFormat]="dateFormat" *ngIf="mode === 'define'" [nzDisabledDate]="disabledDate" (ngModelChange)="onChange($event)"></nz-range-picker>
+        </div>
+
+      </div>
+    </div>
+
+  </ng-template>
+  <st #st multiSort [columns]="columns" [ps]="20" [data]="service.$api_listFinancialReportPage"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [scroll]="{ x: '1200px' }" [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [20, 50, 100] }" [loading]="service.http.loading">
+    <ng-template st-row="czcgje" let-item let-index="index">
+      {{item.czcgje | currency}}
+    </ng-template>
+    <ng-template st-row="yingsje" let-item let-index="index">
+      {{item.yingsje | currency}}
+    </ng-template>
+    <ng-template st-row="yisje" let-item let-index="index">
+      {{item.yisje | currency}}
+    </ng-template>
+    <ng-template st-row="yingfyf" let-item let-index="index">
+      {{item.yingfyf | currency}}
+    </ng-template>
+    <ng-template st-row="yifyf" let-item let-index="index">
+      {{item.yifyf | currency}}
+    </ng-template>
+    <ng-template st-row="ykpje" let-item let-index="index">
+      {{item.ykpje | currency}}
+    </ng-template>
+    <ng-template st-row="dkpje" let-item let-index="index">
+      {{item.dkpje | currency}}
+    </ng-template>
+  </st>
+</nz-card>
+<nz-card nzTitle="运营报表" [nzExtra]="extraTemplate01">
+  <ng-template #extraTemplate01>
+    <div class="chooseBox">
+      <nz-select [(ngModel)]="enterpriseInfoId" style="width: 200px" (ngModelChange)="initPillarData()">
+        <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of interManlist"></nz-option>
+      </nz-select>
+      <div class="timeBox">
+        <nz-radio-group [(ngModel)]="modeNext" nzButtonStyle="solid" (ngModelChange)="changeDataNext()">
+          <label nz-radio-button nzValue="year">年</label>
+          <label nz-radio-button nzValue="month">月</label>
+        </nz-radio-group>
+        <div class="dateBox">
+          <nz-date-picker [nzDisabledDate]="disabledDate" [(ngModel)]="dateNext" [nzMode]="modeNext" (ngModelChange)="onChangeNext($event)"></nz-date-picker>
+        </div>
+      </div>
+    </div>
+  </ng-template>
+  <div nz-row [nzGutter]="64">
+    <div nz-col class="gutter-row" [nzSpan]="12">
+     <app-financetable-curve #curve [chartData]="chartData.lineChart"></app-financetable-curve>
+    </div>
+    <div nz-col class="gutter-row" [nzSpan]="12">
+      <app-financetable-pillar #pillar [chartData]="chartData.histogram"></app-financetable-pillar>
+    </div>
+  </div>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/financetable/financetable.component.less b/src/app/routes/datatable/components/financetable/financetable.component.less
new file mode 100644
index 00000000..6b4b1cba
--- /dev/null
+++ b/src/app/routes/datatable/components/financetable/financetable.component.less
@@ -0,0 +1,11 @@
+.chooseBox{
+    display: flex;
+}
+.timeBox{
+    display: flex;
+    margin: 0 0 0 10px;
+}
+.dateBox{
+    display: inline-block;
+    margin: 0 0 0 10px;
+}
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/financetable/financetable.component.ts b/src/app/routes/datatable/components/financetable/financetable.component.ts
new file mode 100644
index 00000000..6a109564
--- /dev/null
+++ b/src/app/routes/datatable/components/financetable/financetable.component.ts
@@ -0,0 +1,159 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFSchema } from '@delon/form';
+import { DatePipe, ModalHelper, _HttpClient } from '@delon/theme';
+import { DataService } from '../../services/data.service';
+import { differenceInCalendarDays } from 'date-fns';
+import { OperationCurveComponent } from '../operationtable/curve/curve.component';
+import { OperationPillarComponent } from '../operationtable/pillar/pillar.component';
+import { FinanceTableCurveComponent } from './curve/curve.component';
+import { FinancetablePillarComponent } from './pillar/pillar.component';
+
+@Component({
+  selector: 'app-datatable-financetable',
+  templateUrl: './financetable.component.html',
+  styleUrls: ['./financetable.component.less'],
+  providers: [DatePipe]
+})
+export class DatatableFinancetableComponent implements OnInit {
+  @ViewChild('curve') private readonly curve!: FinanceTableCurveComponent;
+  @ViewChild('pillar') private readonly pillar!: FinancetablePillarComponent;
+  @ViewChild('st') private readonly st!: STComponent;
+  type = 1;
+  mode = 'year';
+  date: any = null;
+  defineDate = [];
+  time: any = ['2022-01-01 00:00:00']
+  dateFormat = 'yyyy';
+  dateNext: any = null;
+  modeNext = 'year';
+  timeNext: any = ['2022-01-01 00:00:00']
+  today = new Date();
+  enterpriseInfoId = ''
+  interManlist: any = []
+  chartData: any = {}
+  flag = false;
+  columns: STColumn[] = [
+    { title: '运营主体', index: 'networkTransporterName', className: 'text-center' },
+    { title: '客户预存款', index: 'czcgje',render: 'czcgje', className: 'text-center' },
+    { title: '应收金额', index: 'yingsje',render: 'yingsje', className: 'text-center' },
+    { title: '已收金额', index: 'yisje',render: 'yisje', className: 'text-center' },
+    { title: '应付运费', index: 'yingfyf', render: 'yingfyf',className: 'text-center' },
+    { title: '已付运费', index: 'yifyf',render: 'yifyf', className: 'text-center' },
+    { title: '已开票金额', index: 'ykpje',render: 'ykpje', className: 'text-center' },
+    { title: '待开票金额', index: 'dkpje',render: 'dkpje', className: 'text-center' },
+    { title: '应收附加费', index: 'yingsfjf', className: 'text-center' },
+    { title: '已收附加费', index: 'yisfjf', className: 'text-center' },
+    { title: '平均附加费率', index: 'fjfl', className: 'text-center' }
+  ];
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    if (this.mode === 'year') {
+      this.type = 1
+    } else if (this.mode === 'month') {
+      this.type = 2
+    } else if (this.mode === 'date') {
+      this.type = 3
+    } else {
+      this.type = 4
+    }
+    let params: any = {
+      time: this.time,
+      type: this.type
+    };
+
+    delete params._$expand;
+    return { ...params };
+  }
+
+  constructor(public service: DataService, private datePipe: DatePipe) { }
+  ngOnInit(): void {
+    this.initData();
+    this.initPillarData();
+  }
+
+  initPillarData(){
+    let type = 1
+    if(this.mode === 'year') {
+      type = 1
+    } else if(this.mode === 'month') {
+      type = 2
+    }
+    const params: any = {
+      time: this.timeNext,
+      type,
+      enterpriseInfoId: this.enterpriseInfoId
+     };
+    this.flag = true
+    this.service.request(this.service.$api_financialReportHistogram, params).subscribe(res => {
+      if (res) {
+        this.chartData = res
+        if(this.flag) {
+          this.pillar.reRender()
+          this.curve.reRender()
+        }
+      }
+    })
+  }
+  initData() {
+    this.service.getNetworkFreightForwarder().subscribe(res => {
+      this.interManlist = res
+      this.enterpriseInfoId = res[0].value
+    })
+  }
+
+  changeData() {
+    if (this.mode === 'year') {
+      this.dateFormat = 'yyyy'
+    } else if (this.mode === 'month') {
+      this.dateFormat = 'yyyy-MM'
+    } else {
+      this.dateFormat = 'yyyy-MM-dd'
+    }
+  }
+  onChange(result: any) {
+    if (this.mode === 'year') {
+      this.time = [this.datePipe.transform(this.date, 'yyyy') + '-01-01 00:00:00']
+    } else if (this.mode === 'month') {
+      this.time = [this.datePipe.transform(this.date, 'yyyy-MM') + '-01 00:00:00']
+    } else if (this.mode === 'date') {
+      this.time = [this.datePipe.transform(this.date, 'yyyy-MM-dd') + ' 00:00:00']
+    } else {
+      this.time = [this.datePipe.transform(this.defineDate[0], 'yyyy-MM-dd') + '00:00:00', this.datePipe.transform(this.defineDate[1], 'yyyy-MM-dd') + ' 00:00:00']
+    }
+    this.st.reload({ ...this.reqParams });
+  }
+  disabledDate = (current: Date): boolean =>
+    // Can not select days before today and today
+    differenceInCalendarDays(current, this.today) > 0;
+  exportFun() {
+
+  }
+  changeCurve(){
+
+  }
+  changePie(){
+
+  }
+  changeDataNext() {
+    if(this.mode === 'year') {
+      this.dateFormat = 'yyyy'
+    } else if(this.mode === 'month') {
+      this.dateFormat = 'yyyy-MM'
+    }
+  }
+  onChangeNext(result: any) {
+    if(result === null) {
+      return
+    }
+    if(this.mode === 'year') {
+      this.timeNext = [this.datePipe.transform(this.dateNext, 'yyyy') + '-01-01 00:00:00']
+    } else if(this.mode === 'month') {
+      this.timeNext = [this.datePipe.transform(this.dateNext, 'yyyy-MM') + '-01 00:00:00']
+    }
+    this.initPillarData();
+  }
+
+}
diff --git a/src/app/routes/datatable/components/financetable/pillar/pillar.component.html b/src/app/routes/datatable/components/financetable/pillar/pillar.component.html
new file mode 100644
index 00000000..0640a4d4
--- /dev/null
+++ b/src/app/routes/datatable/components/financetable/pillar/pillar.component.html
@@ -0,0 +1 @@
+<g2-custom delay="100" (render)="render($event)"></g2-custom>
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/financetable/pillar/pillar.component.less b/src/app/routes/datatable/components/financetable/pillar/pillar.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/datatable/components/financetable/pillar/pillar.component.ts b/src/app/routes/datatable/components/financetable/pillar/pillar.component.ts
new file mode 100644
index 00000000..9959782e
--- /dev/null
+++ b/src/app/routes/datatable/components/financetable/pillar/pillar.component.ts
@@ -0,0 +1,75 @@
+import { Component, ElementRef, Input, NgZone, OnChanges, OnInit, SimpleChanges, ViewChild } from '@angular/core';
+import { Chart } from '@antv/g2';
+import { DataService } from 'src/app/routes/datatable/services/data.service';
+@Component({
+  selector: 'app-financetable-pillar',
+  templateUrl: './pillar.component.html',
+  styleUrls: ['./pillar.component.less']
+})
+export class FinancetablePillarComponent implements OnInit, OnChanges {
+  el: any;
+  @Input() chartData: any;
+  chart: any;
+  constructor(private service: DataService, private ngZone: NgZone) {
+
+  }
+  ngOnChanges(changes: SimpleChanges): void {
+    if (this.chartData) {
+      // setTimeout(()=>{
+      //   this.chart.render(true)
+      // }, 1000)
+
+    }
+  }
+
+  ngOnInit(): void {
+
+  }
+  reRender() {
+    setTimeout(() => {
+      this.chart.data(this.chartData);
+      console.log(this.chartData)
+      this.chart.render();
+    }, 1000)
+  }
+  render(el: ElementRef<HTMLDivElement>): void {
+    this.el = el.nativeElement
+    setTimeout(() => {
+    this.ngZone.runOutsideAngular(() => this.init(this.el));
+    },1000)
+  }
+
+  private init(el: HTMLElement): void {
+    this.chart = new Chart({
+      container: el,
+      autoFit: true,
+      height: 500,
+    });
+
+    this.chart.data(this.chartData);
+
+    this.chart.scale('number', {
+      nice: true,
+    });
+    this.chart.tooltip({
+      showMarkers: false,
+      shared: true,
+    });
+
+    this.chart
+      .interval()
+      .position('time*number')
+      .color('name')
+      .adjust([
+        {
+          type: 'dodge',
+          marginRatio: 0,
+        },
+      ]);
+
+    this.chart.interaction('active-region');
+
+    this.chart.render();
+  }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/invoicetable/invoicetable.component.html b/src/app/routes/datatable/components/invoicetable/invoicetable.component.html
new file mode 100644
index 00000000..e45122f6
--- /dev/null
+++ b/src/app/routes/datatable/components/invoicetable/invoicetable.component.html
@@ -0,0 +1,32 @@
+<!-- 页头 -->
+<page-header-wrapper [title]="'开票数据报表'"></page-header-wrapper>
+<nz-card nzTitle="开票数据报表">
+  <st
+    #st
+    [data]="service.$api_findInvoiceReport"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data', total: 'data.total' }}"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loadingDelay]="500"
+  >
+  <ng-template st-row="totalInvoicedAmount" let-item let-index="index">
+    {{item.totalInvoicedAmount | currency}}
+  </ng-template>
+  <ng-template st-row="invAmountMonth" let-item let-index="index">
+    {{item.invAmountMonth | currency}}
+  </ng-template>
+  <ng-template st-row="applyWaitInvAmount" let-item let-index="index">
+    {{item.applyWaitInvAmount | currency}}
+  </ng-template>
+  <ng-template st-row="unInvoicedAmountHistory" let-item let-index="index">
+    {{item.unInvoicedAmountHistory | currency}}
+  </ng-template>
+  <ng-template st-row="unInvoicedAmountCurMonth" let-item let-index="index">
+    {{item.unInvoicedAmountCurMonth | currency}}
+  </ng-template>
+  <ng-template st-row="invoicedAmount" let-item let-index="index">
+    {{item.invoicedAmount | currency}}
+  </ng-template>
+  </st>
+</nz-card>
diff --git a/src/app/routes/datatable/components/invoicetable/invoicetable.component.ts b/src/app/routes/datatable/components/invoicetable/invoicetable.component.ts
new file mode 100644
index 00000000..40aac5d4
--- /dev/null
+++ b/src/app/routes/datatable/components/invoicetable/invoicetable.component.ts
@@ -0,0 +1,76 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent, STData } from '@delon/abc/st';
+import { SFSchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { DataService } from '../../services/data.service';
+
+@Component({
+  selector: 'app-datatable-invoicetable',
+  templateUrl: './invoicetable.component.html',
+})
+export class DatatableInvoicetableComponent implements OnInit {
+  @ViewChild('st', { static: false })
+  st!: STComponent;
+  columns!: STColumn[];
+
+  data=[{name1:1111}]
+  constructor(private http: _HttpClient, private modal: ModalHelper,public service :DataService) { }
+
+  /**
+   * 查询参数
+   */
+   get reqParams() {
+    return {  };
+  }
+  ngOnInit(): void { 
+    this.initST();
+    
+  }
+  initST() {
+    this.columns = [
+      {
+        title: '运营主体',
+        index: 'operationName'
+      },
+      {
+        title: '已开票总金额',
+        index: 'totalInvoicedAmount',
+        render: 'totalInvoicedAmount',
+      },
+      {
+        title: '当月已开票金额',
+        index: 'invAmountMonth',
+        render: 'invAmountMonth',
+      },
+      {
+        title: '当月已开票张数',
+        index: 'numInvAmountMonth',
+      },
+      {
+        title: '已申请待开金额',
+        index: 'applyWaitInvAmount',
+        render: 'applyWaitInvAmount',
+      },
+      {
+        title: '申请待开客户',
+        index: 'applyWaitCustomer',
+      },
+      {
+        title: '已开票金额',
+        index: 'invoicedAmount',
+        render: 'invoicedAmount',
+      },
+      {
+        title: '未申请开票金额（历史）',
+        index: 'unInvoicedAmountHistory',
+        render: 'unInvoicedAmountHistory',
+      },
+      {
+        title: '未申请开票金额（当月）',
+        index: 'unInvoicedAmountCurMonth',
+        render: 'unInvoicedAmountCurMonth',
+      },
+    ];
+  }
+
+}
diff --git a/src/app/routes/datatable/components/operationtable/curve/curve.component.html b/src/app/routes/datatable/components/operationtable/curve/curve.component.html
new file mode 100644
index 00000000..0640a4d4
--- /dev/null
+++ b/src/app/routes/datatable/components/operationtable/curve/curve.component.html
@@ -0,0 +1 @@
+<g2-custom delay="100" (render)="render($event)"></g2-custom>
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/operationtable/curve/curve.component.less b/src/app/routes/datatable/components/operationtable/curve/curve.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/datatable/components/operationtable/curve/curve.component.ts b/src/app/routes/datatable/components/operationtable/curve/curve.component.ts
new file mode 100644
index 00000000..265190af
--- /dev/null
+++ b/src/app/routes/datatable/components/operationtable/curve/curve.component.ts
@@ -0,0 +1,83 @@
+import { Component, ElementRef, Input, NgZone, OnChanges, OnInit, SimpleChanges, ViewChild } from '@angular/core';
+import { Chart } from '@antv/g2';
+import { DataService } from 'src/app/routes/datatable/services/data.service';
+@Component({
+  selector: 'app-operation-curve',
+  templateUrl: './curve.component.html',
+  styleUrls: ['./curve.component.less']
+})
+export class OperationCurveComponent implements OnInit, OnChanges {
+  el: any;
+  @Input() chartData: any;
+  chart: any;
+  constructor(private service: DataService, private ngZone: NgZone) {
+
+  }
+  ngOnChanges(changes: SimpleChanges): void {
+    if (this.chartData) {
+      // setTimeout(()=>{
+      //   this.chart.render(true)
+      // }, 1000)
+
+    }
+  }
+
+  ngOnInit(): void {
+
+  }
+  reRender() {
+    setTimeout(() => {
+      this.chart.data(this.chartData);
+      this.chart.render();
+    }, 1000)
+  }
+  render(el: ElementRef<HTMLDivElement>): void {
+    this.el = el.nativeElement
+    setTimeout(() => {
+      this.ngZone.runOutsideAngular(() => this.init(this.el));
+      },500)
+      console.log(this.chartData);
+      
+  }
+
+  private init(el: HTMLElement): void {
+    this.chart = new Chart({
+      container: el,
+      autoFit: true,
+      height: 500,
+    });
+
+    this.chart.data(this.chartData);
+    this.chart.scale({
+      time: {
+        range: [0, 1],
+      },
+      number: {
+        nice: true,
+      },
+    });
+    
+    this.chart.tooltip({
+      showCrosshairs: true,
+      shared: true,
+    });
+    
+    this.chart.axis('number', {
+      label: {
+        formatter: (val: any) => {
+          return val;
+        },
+      },
+    });
+    
+    this.chart
+      .line()
+      .position('time*number')
+      .color('name')
+    
+    
+    this.chart.render();
+    
+  }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/operationtable/operationtable.component.html b/src/app/routes/datatable/components/operationtable/operationtable.component.html
new file mode 100644
index 00000000..bb830dfa
--- /dev/null
+++ b/src/app/routes/datatable/components/operationtable/operationtable.component.html
@@ -0,0 +1,55 @@
+<!-- 页头 -->
+<page-header-wrapper [title]="'运营报表'"></page-header-wrapper>
+<nz-card nzTitle="运营报表" [nzExtra]="extraTemplate">
+  <ng-template #extraTemplate>
+    <div class="chooseBox">
+      <button nz-button nzType="primary" (click)="exportFun()">导出</button>
+      <div class="timeBox">
+        <nz-radio-group [(ngModel)]="mode" nzButtonStyle="solid" (ngModelChange)="changeData()">
+          <label nz-radio-button nzValue="year">年</label>
+          <label nz-radio-button nzValue="month">月</label>
+          <label nz-radio-button nzValue="date">日</label>
+          <label nz-radio-button nzValue="define">自定义</label>
+        </nz-radio-group>
+        <div class="dateBox">
+          <nz-date-picker [(ngModel)]="date" [nzMode]="mode" [nzFormat]="dateFormat" *ngIf="mode !== 'define'" [nzDisabledDate]="disabledDate" (ngModelChange)="onChange($event)"></nz-date-picker>
+          <nz-range-picker [(ngModel)]="defineDate" [nzFormat]="dateFormat" *ngIf="mode === 'define'" [nzDisabledDate]="disabledDate" (ngModelChange)="onChange($event)"></nz-range-picker>
+        </div>
+
+      </div>
+    </div>
+
+  </ng-template>
+  <st #st multiSort [columns]="columns" [ps]="20" [data]="service.$api_listOperationalReportPage"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [scroll]="{ x: '1200px' }" [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [20, 50, 100] }" [loading]="service.http.loading"></st>
+</nz-card>
+<nz-card nzTitle="运营报表" [nzExtra]="extraTemplate01">
+  <ng-template #extraTemplate01>
+    <div class="chooseBox">
+      <nz-select [(ngModel)]="enterpriseInfoId" style="width: 200px" (ngModelChange)="initPillarData(true)">
+        <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of interManlist"></nz-option>
+      </nz-select>
+      <div class="timeBox">
+        <nz-radio-group [(ngModel)]="modeNext" nzButtonStyle="solid" (ngModelChange)="changeDataNext()">
+          <label nz-radio-button nzValue="year">年</label>
+          <label nz-radio-button nzValue="month">月</label>
+        </nz-radio-group>
+        <div class="dateBox">
+          <nz-date-picker [nzDisabledDate]="disabledDate" [(ngModel)]="dateNext" [nzMode]="modeNext" (ngModelChange)="onChangeNext($event)"></nz-date-picker>
+        </div>
+      </div>
+    </div>
+  </ng-template>
+  <div nz-row [nzGutter]="64">
+    <div nz-col class="gutter-row" [nzSpan]="12">
+     <app-operation-curve #curve [chartData]="chartData.lineChart"></app-operation-curve>
+    </div>
+    <div nz-col class="gutter-row" [nzSpan]="12">
+      <app-operation-pillar #pillar [chartData]="chartData.histogram"></app-operation-pillar>
+    </div>
+  </div>
+</nz-card>
+
+<app-opeationtable-pie #pie></app-opeationtable-pie>
diff --git a/src/app/routes/datatable/components/operationtable/operationtable.component.less b/src/app/routes/datatable/components/operationtable/operationtable.component.less
new file mode 100644
index 00000000..6b4b1cba
--- /dev/null
+++ b/src/app/routes/datatable/components/operationtable/operationtable.component.less
@@ -0,0 +1,11 @@
+.chooseBox{
+    display: flex;
+}
+.timeBox{
+    display: flex;
+    margin: 0 0 0 10px;
+}
+.dateBox{
+    display: inline-block;
+    margin: 0 0 0 10px;
+}
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/operationtable/operationtable.component.spec.ts b/src/app/routes/datatable/components/operationtable/operationtable.component.spec.ts
new file mode 100644
index 00000000..3b100f2c
--- /dev/null
+++ b/src/app/routes/datatable/components/operationtable/operationtable.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableOperationtableComponent } from './operationtable.component';
+
+describe('DatatableOperationtableComponent', () => {
+  let component: DatatableOperationtableComponent;
+  let fixture: ComponentFixture<DatatableOperationtableComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DatatableOperationtableComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableOperationtableComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/datatable/components/operationtable/operationtable.component.ts b/src/app/routes/datatable/components/operationtable/operationtable.component.ts
new file mode 100644
index 00000000..891ee8e1
--- /dev/null
+++ b/src/app/routes/datatable/components/operationtable/operationtable.component.ts
@@ -0,0 +1,155 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { DatePipe, _HttpClient } from '@delon/theme';
+import { DataService } from '../../services/data.service';
+import { differenceInCalendarDays } from 'date-fns';
+import { OperationCurveComponent } from './curve/curve.component';
+import { OperationPillarComponent } from './pillar/pillar.component';
+
+@Component({
+  selector: 'app-datatable-operationtable',
+  templateUrl: './operationtable.component.html',
+  styleUrls: ['./operationtable.component.less'],
+  providers: [DatePipe]
+
+})
+export class DatatableOperationtableComponent implements OnInit {
+  @ViewChild('curve') private readonly curve!: OperationCurveComponent;
+  @ViewChild('pillar') private readonly pillar!: OperationPillarComponent;
+  @ViewChild('st') private readonly st!: STComponent;
+  type = 1;
+  mode = 'year';
+  date: any = null;
+  defineDate = [];
+  time: any = ['2022-01-01 00:00:00']
+  dateFormat = 'yyyy';
+  dateNext: any = null;
+  modeNext = 'year';
+  timeNext: any = ['2022-01-01 00:00:00']
+  today = new Date();
+  enterpriseInfoId = ''
+
+  interManlist: any = []
+  chartData: any = {}
+  columns: STColumn[] = [
+    { title: '运营主体', index: 'networkTransporterName', className: 'text-center' },
+    { title: '订单数', index: 'zsl', className: 'text-center' },
+    { title: '应收金额', index: 'yingsje', className: 'text-center', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yingsje }) } },
+    { title: '承运数', index: 'cys', className: 'text-center' },
+    { title: '应付运费', index: 'yingfyf', className: 'text-center', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yingfyf }) } },
+    { title: '运量(吨)', index: 'yl', className: 'text-center' },
+    { title: '待接单数', index: 'djd', className: 'text-center' },
+    { title: '在途数', index: 'ysz', className: 'text-center' },
+    { title: '运输完成', index: 'yswc', className: 'text-center' },
+    { title: '已收金额', index: 'yisje', className: 'text-center', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yisje }) } },
+    { title: '已付运费', index: 'yifyf', className: 'text-center', type: 'widget', widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yifyf }) } },
+  ];
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    if (this.mode === 'year') {
+      this.type = 1
+    } else if (this.mode === 'month') {
+      this.type = 2
+    } else if (this.mode === 'date') {
+      this.type = 3
+    } else {
+      this.type = 4
+    }
+    let params: any = {
+      time: this.time,
+      type: this.type
+    };
+
+    delete params._$expand;
+    return { ...params };
+  }
+
+  constructor(public service: DataService, private datePipe: DatePipe) { }
+  ngOnInit(): void {
+    this.initData()
+    this.initPillarData()
+  }
+  initPillarData(flag?: boolean){
+    let type = 1
+    if(this.mode === 'year') {
+      type = 1
+    } else if(this.mode === 'month') {
+      type = 2
+    }
+    const params: any = {
+      time: this.timeNext,
+      type,
+      enterpriseInfoId: this.enterpriseInfoId
+     };
+    this.service.request(this.service.$api_operationalReportHistogram, params).subscribe(res => {
+      if (res) {
+        this.chartData = res
+        if(flag) { // 除第一次加载外
+          this.pillar.reRender()
+          this.curve.reRender()
+        }
+      }
+    })
+  }
+  initData() {
+    
+    this.service.getNetworkFreightForwarder().subscribe(res => {
+      this.interManlist = res
+      this.enterpriseInfoId = res[0].value
+    })
+  }
+
+  changeData() {
+    if (this.mode === 'year') {
+      this.dateFormat = 'yyyy'
+    } else if (this.mode === 'month') {
+      this.dateFormat = 'yyyy-MM'
+    } else {
+      this.dateFormat = 'yyyy-MM-dd'
+    }
+  }
+  onChange(result: any) {
+    if (this.mode === 'year') {
+      this.time = [this.datePipe.transform(this.date, 'yyyy') + '-01-01 00:00:00']
+    } else if (this.mode === 'month') {
+      this.time = [this.datePipe.transform(this.date, 'yyyy-MM') + '-01 00:00:00']
+    } else if (this.mode === 'date') {
+      this.time = [this.datePipe.transform(this.date, 'yyyy-MM-dd') + ' 00:00:00']
+    } else {
+      this.time = [this.datePipe.transform(this.defineDate[0], 'yyyy-MM-dd') + '00:00:00', this.datePipe.transform(this.defineDate[1], 'yyyy-MM-dd') + ' 00:00:00']
+    }
+    this.st.reload({ ...this.reqParams });
+  }
+  disabledDate = (current: Date): boolean =>
+    // Can not select days before today and today
+    differenceInCalendarDays(current, this.today) > 0;
+  exportFun() {
+
+  }
+  changeCurve(){
+
+  }
+  changePie(){
+
+  }
+  changeDataNext() {
+    if(this.mode === 'year') {
+      this.dateFormat = 'yyyy'
+    } else if(this.mode === 'month') {
+      this.dateFormat = 'yyyy-MM'
+    }
+  }
+  onChangeNext(result: any) {
+    if(result === null) {
+      return
+    }
+    if(this.mode === 'year') {
+      this.timeNext = [this.datePipe.transform(this.dateNext, 'yyyy') + '-01-01 00:00:00']
+    } else if(this.mode === 'month') {
+      this.timeNext = [this.datePipe.transform(this.dateNext, 'yyyy-MM') + '-01 00:00:00']
+    }
+    this.initPillarData(true)
+  }
+}
diff --git a/src/app/routes/datatable/components/operationtable/pie/pie.component.html b/src/app/routes/datatable/components/operationtable/pie/pie.component.html
new file mode 100644
index 00000000..373a4b03
--- /dev/null
+++ b/src/app/routes/datatable/components/operationtable/pie/pie.component.html
@@ -0,0 +1,8 @@
+<nz-card nzTitle="运单状态分布">
+    <nz-select [(ngModel)]="enterpriseInfoIdPie" style="width: 200px" (ngModelChange)="initData()">
+        <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of interManlist"></nz-option>
+    </nz-select>
+    <div class="box">
+        <g2-custom delay="100" (render)="render($event)"></g2-custom>
+    </div>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/operationtable/pie/pie.component.less b/src/app/routes/datatable/components/operationtable/pie/pie.component.less
new file mode 100644
index 00000000..567be99f
--- /dev/null
+++ b/src/app/routes/datatable/components/operationtable/pie/pie.component.less
@@ -0,0 +1,5 @@
+.box{
+    width: 50%;
+    margin:0 auto;
+    overflow: hidden;
+}
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/operationtable/pie/pie.component.ts b/src/app/routes/datatable/components/operationtable/pie/pie.component.ts
new file mode 100644
index 00000000..fa58fbd1
--- /dev/null
+++ b/src/app/routes/datatable/components/operationtable/pie/pie.component.ts
@@ -0,0 +1,188 @@
+import { Component, ElementRef, NgZone, OnInit, ViewChild } from '@angular/core';
+import { G2PieComponent, G2PieData } from '@delon/chart/pie';
+import { format } from 'date-fns';
+import { Chart } from '@antv/g2';
+import { DataService } from '../../../services/data.service';
+
+@Component({
+  selector: 'app-opeationtable-pie',
+  templateUrl: './pie.component.html',
+  styleUrls: ['./pie.component.less']
+})
+export class OperationtablePieComponent implements OnInit {
+  @ViewChild('pie', { static: false }) pie!: G2PieComponent;
+  chartData: any = [];
+  el: any;
+  enterpriseInfoIdPie = ''
+  interManlist: any = []
+
+  constructor(private service: DataService, private ngZone: NgZone) {
+  }
+
+  ngOnInit(): void {
+    this.initData()
+    this.initManData()
+  }
+  initData(){
+    this.service.request(this.service.$api_operationalReportWaybillStatusDistribution, {id: this.enterpriseInfoIdPie}).subscribe(res => {
+      if (res) {
+        this.chartData = res
+        this.ngZone.runOutsideAngular(() => this.init(this.el));
+      }
+    })
+  }
+  initManData() {
+    this.service.getNetworkFreightForwarder().subscribe(res => {
+      this.interManlist = res
+      this.enterpriseInfoIdPie = res[0].value
+    })
+  }
+  render(el: ElementRef<HTMLDivElement>): void {
+    this.el = el.nativeElement
+  }
+  private init(el: HTMLElement): void {
+    const chart = new Chart({
+      container: el,
+      autoFit: true,
+      height: 400,
+    });
+    // 新建一个 view 用来单独渲染Annotation
+    const innerView = chart.createView();
+    chart.coordinate('theta', {
+      radius: 0.6,
+      innerRadius: 0.7,
+    });
+
+    chart.data(this.chartData);
+
+    // chart.scale('percent', {
+    //   formatter: val => {
+    //     val = val * 100 + '%';
+    //     return val;
+    //   },
+    // });
+
+    chart.tooltip(false);
+
+    // 声明需要进行自定义图例字段： 'item'
+    chart.legend('item', {
+      position: 'right',                                  // 配置图例显示位置
+      custom: true,                                       // 关键字段，告诉 G2，要使用自定义的图例
+      items: this.chartData.map((obj: any, index: any) => {
+        return {
+          name: obj.item,                                 // 对应 itemName
+          value: obj.percent+ '%  ' + obj.count,
+          count: obj.count,                             // 对应 itemValue
+          marker: {
+            symbol: 'square',                             // marker 的形状
+            style: {
+              r: 5,                                       // marker 图形半径
+              fill: chart.getTheme().colors10[index],     // marker 颜色，使用默认颜色，同图形对应
+            },
+          },                                              // marker 配置
+        };
+      }),
+      itemValue: {
+        style: {
+          fill: '#999',
+        },                                               // 配置 itemValue 样式
+        formatter: (val: any) => `${val}`                // 格式化 itemValue 内容
+      },
+    });
+
+    const interval = chart
+      .interval()
+      .adjust('stack')
+      .position('percent')
+      .color('item')
+      .style({
+        fillOpacity: 1,
+        stroke: 'white',
+        lineWidth: 8,
+      })
+      .state({
+        active: {
+          style: element => {
+            const shape = element.shape;
+            return {
+              lineWidth: 1,
+              stroke: 'white',
+              strokeOpacity: shape.attr('fillOpacity'),
+            };
+          },
+        },
+      });
+
+    // 移除图例点击过滤交互
+    chart.removeInteraction('legend-filter');
+    chart.interaction('element-active');
+
+    chart.render(true);
+    // 默认选择
+    interval.elements[0].setState('selected', true);
+    const ele = interval.elements[0].getData();
+   
+    
+    // 监听 element 上状态的变化来动态更新 Annotation 信息
+    chart.on('element:statechange', (ev: any) => {
+      const { state, stateStatus, element } = ev.gEvent.originalEvent;
+
+      // 本示例只需要监听 active 的状态变化
+      if (state === 'active') {
+        const data = element.getData();
+        if (stateStatus) {
+          // 更新 Annotation
+          updateAnnotation(data);
+        } else {
+          // 隐藏 Annotation
+          clearAnnotation();
+        }
+      }
+    });
+
+    // 绘制 annotation
+    let lastItem: any;
+    function updateAnnotation(data: any) {
+      if (data.item !== lastItem) {
+        innerView.annotation().clear(true);
+        innerView
+          .annotation()
+          .text({
+            position: ['50%', '50%'],
+            content: data.item,
+            style: {
+              fontSize: 20,
+              fill: '#8c8c8c',
+              textAlign: 'center',
+            },
+            offsetY: -20,
+          })
+          .text({
+            position: ['50%', '50%'],
+            content: data.count,
+            style: {
+              fontSize: 28,
+              fill: '#8c8c8c',
+              textAlign: 'center',
+            },
+            offsetX: -10,
+            offsetY: 20,
+          })
+        innerView.render(true);
+
+
+        lastItem = data.item;
+      }
+    }
+
+    // 清空 annotation
+    function clearAnnotation() {
+      innerView.annotation().clear(true);
+      innerView.render(true);
+      lastItem = null;
+    }
+
+  }
+}
+
+
diff --git a/src/app/routes/datatable/components/operationtable/pillar/pillar.component.html b/src/app/routes/datatable/components/operationtable/pillar/pillar.component.html
new file mode 100644
index 00000000..0640a4d4
--- /dev/null
+++ b/src/app/routes/datatable/components/operationtable/pillar/pillar.component.html
@@ -0,0 +1 @@
+<g2-custom delay="100" (render)="render($event)"></g2-custom>
\ No newline at end of file
diff --git a/src/app/routes/datatable/components/operationtable/pillar/pillar.component.less b/src/app/routes/datatable/components/operationtable/pillar/pillar.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/datatable/components/operationtable/pillar/pillar.component.ts b/src/app/routes/datatable/components/operationtable/pillar/pillar.component.ts
new file mode 100644
index 00000000..b78f500f
--- /dev/null
+++ b/src/app/routes/datatable/components/operationtable/pillar/pillar.component.ts
@@ -0,0 +1,74 @@
+import { Component, ElementRef, Input, NgZone, OnChanges, OnInit, SimpleChanges, ViewChild } from '@angular/core';
+import { Chart } from '@antv/g2';
+import { DataService } from 'src/app/routes/datatable/services/data.service';
+@Component({
+  selector: 'app-operation-pillar',
+  templateUrl: './pillar.component.html',
+  styleUrls: ['./pillar.component.less']
+})
+export class OperationPillarComponent implements OnInit, OnChanges {
+  el: any;
+  @Input() chartData: any;
+  chart: any;
+  constructor(private service: DataService, private ngZone: NgZone) {
+
+  }
+  ngOnChanges(changes: SimpleChanges): void {
+    if (this.chartData) {
+      // setTimeout(()=>{
+      //   this.chart.render(true)
+      // }, 1000)
+
+    }
+  }
+
+  ngOnInit(): void {
+
+  }
+  reRender() {
+    setTimeout(() => {
+      this.chart.data(this.chartData);
+      this.chart.render();
+    }, 1000)
+  }
+  render(el: ElementRef<HTMLDivElement>): void {
+    this.el = el.nativeElement
+    setTimeout(() => {
+    this.ngZone.runOutsideAngular(() => this.init(this.el));
+    }, 500)
+  }
+
+  private init(el: HTMLElement): void {
+    this.chart = new Chart({
+      container: el,
+      autoFit: true,
+      height: 500,
+    });
+
+    this.chart.data(this.chartData);
+
+    this.chart.scale('number', {
+      nice: true,
+    });
+    this.chart.tooltip({
+      showMarkers: false,
+      shared: true,
+    });
+
+    this.chart
+      .interval()
+      .position('time*number')
+      .color('name')
+      .adjust([
+        {
+          type: 'dodge',
+          marginRatio: 0,
+        },
+      ]);
+
+    this.chart.interaction('active-region');
+
+    this.chart.render();
+  }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/datatable/datatable-routing.module.ts b/src/app/routes/datatable/datatable-routing.module.ts
new file mode 100644
index 00000000..8298fdf5
--- /dev/null
+++ b/src/app/routes/datatable/datatable-routing.module.ts
@@ -0,0 +1,48 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { DatatableCustomindexComponent } from './components/customtable/customindex/customindex.component';
+import { DatatableOwnerComponent } from './components/customtable/owner/owner.component';
+import { DatatableDriverComponent } from './components/customtable/driver/driver.component';
+import { DatatableOperationtableComponent } from './components/operationtable/operationtable.component';
+import { DatatableOrderReportingComponent } from './reporting/components/order-reporting/order-reporting.component';
+import { DatatableDataindexComponent } from './components/dataindex/dataindex.component';
+import { DatatableComplianceIndexComponent } from './components/compliance/index/index.component';
+import { DatatableFinancetableComponent } from './components/financetable/financetable.component';
+import { DatatableInvoicetableComponent } from './components/invoicetable/invoicetable.component';
+import { DatatableComplianceSalesmanComponent } from './components/compliance/salesman/salesman.component';
+import { DatatableComplianceCustomerComponent } from './components/compliance/customer/customer.component';
+import { DatatableFundReportingComponent } from './reporting/components/fund-reporting/fund-reporting.component';
+import { DatatableMancustomtableComponent } from './components/customtable/mancustomtable/mancustomtable.component';
+import { DatatablePartnertableComponent } from './components/customtable/partnertable/partnertable.component';
+import { DatatableBusiindexComponent } from './components/busitable/busiindex/busiindex.component';
+import { DatatableMantableComponent } from './components/busitable/mantable/mantable.component';
+import { DatatableReportingFundInfoComponent } from './reporting/components/fund-info/fund-info.component';
+import { DatatableDatascreenComponent } from './components/datascreen/datascreen.component';
+
+const routes: Routes = [
+  { path: 'dataindex', component: DatatableDataindexComponent },
+  { path: 'customtable/customindex', component: DatatableCustomindexComponent },
+  { path: 'customtable/owner', component: DatatableOwnerComponent },
+  { path: 'customtable/driver', component: DatatableDriverComponent },
+  { path: 'customtable/mancustomtable', component: DatatableMancustomtableComponent },
+  { path: 'customtable/partnertable', component: DatatablePartnertableComponent },
+  { path: 'operationtable', component: DatatableOperationtableComponent },
+  { path: 'reporting/order', component: DatatableOrderReportingComponent },
+  { path: 'compliancetabel/index', component: DatatableComplianceIndexComponent },
+  { path: 'compliancetabel/salesman', component: DatatableComplianceSalesmanComponent },
+  { path: 'compliancetabel/customer', component: DatatableComplianceCustomerComponent },
+  { path: 'financetable', component: DatatableFinancetableComponent },
+  { path: 'invoicetable', component: DatatableInvoicetableComponent },
+  { path: 'reporting/fund', component: DatatableFundReportingComponent },
+  { path: 'busitable/busiindex', component: DatatableBusiindexComponent },
+  { path: 'busitable/mantable', component: DatatableMantableComponent },
+  { path: 'reporting/fund', component: DatatableFundReportingComponent },
+  { path: 'fund-info', component: DatatableReportingFundInfoComponent },
+  { path: 'datascreen', component: DatatableDatascreenComponent }];
+
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class DatatableRoutingModule { }
diff --git a/src/app/routes/datatable/datatable.module.ts b/src/app/routes/datatable/datatable.module.ts
new file mode 100644
index 00000000..7a1fe2be
--- /dev/null
+++ b/src/app/routes/datatable/datatable.module.ts
@@ -0,0 +1,93 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-04-06 11:02:17
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-07 18:29:39
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\datatable\\datatable.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { NgModule, Type } from '@angular/core';
+import { SharedModule, SHARED_G2_MODULES } from '@shared';
+import { DatatableRoutingModule } from './datatable-routing.module';
+import { DatatableCustomindexComponent } from './components/customtable/customindex/customindex.component';
+import { DatatableOwnerComponent } from './components/customtable/owner/owner.component';
+import { DatatableDriverComponent } from './components/customtable/driver/driver.component';
+import { DatatableOperationtableComponent } from './components/operationtable/operationtable.component';
+import { OperationtablePieComponent } from './components/operationtable/pie/pie.component';
+import { DatatableOrderReportingComponent } from './reporting/components/order-reporting/order-reporting.component';
+import { DatatableDataindexComponent } from './components/dataindex/dataindex.component';
+import { DatatableComplianceIndexComponent } from './components/compliance/index/index.component';
+import { DatatableFinancetableComponent } from './components/financetable/financetable.component';
+import { DatatableInvoicetableComponent } from './components/invoicetable/invoicetable.component';
+import { DatatableComplianceSalesmanComponent } from './components/compliance/salesman/salesman.component';
+import { DatatableComplianceCustomerComponent } from './components/compliance/customer/customer.component';
+import { DatatableReportingUploadSettingComponent } from './reporting/components/upload-setting/upload-setting.component';
+import { DatatableReportingVerifyResultComponent } from './reporting/components/verify-result/verify-result.component';
+import { DatatableFundReportingComponent } from './reporting/components/fund-reporting/fund-reporting.component';
+import { DatatableMancustomtableComponent } from './components/customtable/mancustomtable/mancustomtable.component';
+import { DatatablePartnertableComponent } from './components/customtable/partnertable/partnertable.component';
+import { DatatableBusiindexComponent } from './components/busitable/busiindex/busiindex.component';
+import { DatatableMantableComponent } from './components/busitable/mantable/mantable.component';
+import { BusitablePillarComponent } from './components/busitable/pillar/pillar.component';
+import { DatatableReportingFundInfoComponent } from './reporting/components/fund-info/fund-info.component';
+import { OperationPillarComponent } from './components/operationtable/pillar/pillar.component';
+import { OperationCurveComponent } from './components/operationtable/curve/curve.component';
+import { FinanceTableCurveComponent } from './components/financetable/curve/curve.component';
+import { DatatableDatascreenComponent } from './components/datascreen/datascreen.component';
+import { FinancetablePillarComponent } from './components/financetable/pillar/pillar.component';
+import { ComplianceCurveComponent } from './components/compliance/index/curve/curve.component';
+import { BusitableCurveComponent } from './components/busitable/busiindex/curve/curve.component';
+import { DatatableCustomindexCurveComponent } from './components/customtable/customindex/curve/curve.component';
+import { DatatableCustomindexMapComponent } from './components/datascreen/map/map.component';
+import { DatatableCustomindexCurveMinComponent } from './components/datascreen/curve/curve.component';
+import { DatatableReportingvViewTrackComponent } from './reporting/components/view-track/view-track.component';
+
+const COMPONENTS: Type<void>[] = [
+  DatatableDataindexComponent,
+  DatatableCustomindexComponent,
+  DatatableOwnerComponent,
+  DatatableDriverComponent,
+  DatatableOperationtableComponent,
+  OperationtablePieComponent,
+  DatatableOrderReportingComponent,
+  DatatableComplianceIndexComponent,
+  DatatableFinancetableComponent,
+  DatatableInvoicetableComponent,
+  DatatableComplianceSalesmanComponent,
+  DatatableComplianceCustomerComponent,
+  DatatableReportingUploadSettingComponent,
+  DatatableReportingVerifyResultComponent,
+  DatatableFundReportingComponent,
+  DatatableMancustomtableComponent,
+  DatatablePartnertableComponent,
+  DatatableBusiindexComponent,
+  DatatableMantableComponent,
+  BusitablePillarComponent,
+  DatatableFundReportingComponent,
+  DatatableReportingFundInfoComponent,
+  OperationPillarComponent,
+  OperationCurveComponent,
+  DatatableReportingFundInfoComponent,
+  FinanceTableCurveComponent,
+  DatatableDatascreenComponent,
+  FinancetablePillarComponent,
+  ComplianceCurveComponent,
+  BusitableCurveComponent,
+  DatatableCustomindexCurveComponent,
+  DatatableCustomindexMapComponent,
+  DatatableCustomindexCurveMinComponent,
+  DatatableReportingvViewTrackComponent
+]
+
+
+@NgModule({
+  imports: [
+    SharedModule,
+    DatatableRoutingModule,
+    SHARED_G2_MODULES
+  ],
+  declarations: COMPONENTS,
+})
+export class DatatableModule { }
diff --git a/src/app/routes/datatable/reporting/components/fund-info/fund-info.component.html b/src/app/routes/datatable/reporting/components/fund-info/fund-info.component.html
new file mode 100644
index 00000000..b8bbd698
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/fund-info/fund-info.component.html
@@ -0,0 +1,14 @@
+<div>
+  <nz-spin [nzSpinning]="service.http.loading"></nz-spin>
+  <st #st [scroll]="{x:'1000px',y:'600px'}" [data]="service.$api_get_fund_valid_result" [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams,process: beforeReq }"
+    [res]="{ reName: { list: 'data' } }" [page]="{ show: false,showSize:false}" [loading]="false" [bordered]="true">
+    <ng-template st-row="checkStatus" let-item>
+      <span [ngClass]="{'text-red-dark':item?.checkStatus === 2}">{{filterCheckStatus(item?.checkStatus)}}</span>
+    </ng-template>
+  </st>
+</div>
+
+<div class="modal-footer">
+  <button nz-button type="submit" nzType="primary" (click)="close()">确定</button>
+</div>
diff --git a/src/app/routes/datatable/reporting/components/fund-info/fund-info.component.spec.ts b/src/app/routes/datatable/reporting/components/fund-info/fund-info.component.spec.ts
new file mode 100644
index 00000000..09d9ac30
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/fund-info/fund-info.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableReportingFundInfoComponent } from './fund-info.component';
+
+describe('DatatableReportingFundInfoComponent', () => {
+  let component: DatatableReportingFundInfoComponent;
+  let fixture: ComponentFixture<DatatableReportingFundInfoComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [DatatableReportingFundInfoComponent]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableReportingFundInfoComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/datatable/reporting/components/fund-info/fund-info.component.ts b/src/app/routes/datatable/reporting/components/fund-info/fund-info.component.ts
new file mode 100644
index 00000000..ed3f6b4e
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/fund-info/fund-info.component.ts
@@ -0,0 +1,116 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STColumn, STComponent, STRequestOptions } from '@delon/abc/st';
+import { SFSchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { ReportingService } from '../../services/reporting.service';
+
+@Component({
+  selector: 'app-datatable-fund-info',
+  templateUrl: './fund-info.component.html',
+})
+export class DatatableReportingFundInfoComponent implements OnInit {
+  url = `/user`;
+  searchSchema!: SFSchema;
+  @ViewChild('st') private readonly st!: STComponent;
+  columns: STColumn[] = [];
+  record: any = {}
+
+
+  get reqParams() {
+    return { capitalCode: this?.record?.serialNumberCode };
+  }
+
+  beforeReq(requestOptions: STRequestOptions) {
+    delete requestOptions?.body?.pageSize;
+    delete requestOptions?.body?.pageIndex;
+    return requestOptions;
+  }
+  constructor(public service: ReportingService, private modalRef: NzModalRef, public router: Router) {
+
+  }
+
+  ngOnInit(): void {
+    this.initST();
+  }
+
+  /**
+ * 初始化数据列表
+ */
+  initST() {
+    this.columns = [
+      { title: '序号', type: 'no', className: 'text-center', width: '10%', },
+      { title: '监管平台字段', index: 'thirdPartyFieldName', className: 'text-center', width: '15%', },
+      { title: '系统字段', index: 'checkFieldName', className: 'text-center', width: '15%', },
+      { title: '归属模块', index: 'orderStatus', className: 'text-center', width: '15%', },
+      {
+        title: '是否必填',
+        index: 'orderStatus',
+        className: 'text-center',
+        width: '10%',
+        type: 'enum',
+        enum: {
+          0: '否',
+          1: '是',
+        },
+      },
+      { title: '上传值', index: 'fieldValue', className: 'text-center', width: '15%', },
+      {
+        title: '本地校验',
+        render: 'checkStatus',
+        className: 'text-center',
+        type: 'enum',
+
+        enum: {
+          '0': '校验中',
+          '1': '通过',
+          '2': '不通过'
+        },
+        width: '10%',
+      },
+      { title: '错误内容', index: 'remark', className: 'text-center', width: '20%', },
+    ]
+  }
+
+
+  add(): void {
+    // this.modal
+    //   .createStatic(FormEditComponent, { i: { id: 0 } })
+    //   .subscribe(() => this.st.reload());
+  }
+
+  selectTab(e: any) {
+
+  }
+
+  update() {
+    if (this.record?.billType === '1') {
+      window.open(location.origin + `/#/order-management/vehicle-detailChange/${this.record?.id}`)
+
+    } else if (this.record.billType === '2') {
+      window.open(location.origin + `/#/order-management/bulk-detailChange/${this.record?.id}`);
+    }
+
+
+  }
+  close(): void {
+    this.modalRef.destroy();
+  }
+
+  filterCheckStatus(status: number) {
+    switch (status) {
+      case 0:
+        return '校验中';
+      case 1:
+        return '通过';
+      case 2:
+        return '不通过';
+      default:
+        return '';
+
+    }
+  }
+
+
+}
diff --git a/src/app/routes/datatable/reporting/components/fund-reporting/fund-reporting.component.html b/src/app/routes/datatable/reporting/components/fund-reporting/fund-reporting.component.html
new file mode 100644
index 00000000..ca872918
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/fund-reporting/fund-reporting.component.html
@@ -0,0 +1,63 @@
+<page-header-wrapper [title]="''"></page-header-wrapper>
+
+<nz-card>
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <div nz-col [nzSpan]="_$expand ? 24 : 18">
+      <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+      <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading" (click)="search()"
+        acl [acl-ability]="['RiskOrder-Search']">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <button nz-button (click)="resetSF()">导出</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+<nz-card>
+  <nz-tabset [nzTabBarExtraContent]="extraTemplate" *ngIf="tabs.length>0">
+
+    <nz-tab *ngFor="let tab of tabs" [nzTitle]="tab.name" (nzSelect)="selectChange(tab)">
+    </nz-tab>
+  </nz-tabset>
+  <!-- 数据列表 -->
+  <st #st [scroll]="{x:'1200px'}" [data]="service.$api_get_fund_reporting_page" [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10,20, 50, 100] }" (change)="changeSt($event)">
+    <ng-template st-row="uploadStatus" let-item>
+      <span [ngClass]="{'text-red-dark':item?.uploadStatus === '4'}">{{item?.uploadStatusLabel}}</span>
+    </ng-template>
+    <ng-template st-row="verifyStatus" let-item>
+      <a (click)="viewResult(item)" *ngIf="item?.verifyStatus === '2'">{{item?.verifyStatusLabel}}</a>
+      <span *ngIf="item?.verifyStatus === '1'">{{item?.verifyStatusLabel}}</span>
+    </ng-template>
+    <ng-template st-row="orderCode" let-item>
+      <span class="text-blue-dark">{{item?.orderCode}}</span>
+    </ng-template>
+    <ng-template st-row="wayBillCode" let-item>
+      <span class="text-blue-dark">{{item?.wayBillCode}}</span>
+    </ng-template>
+    <ng-template st-row="tolalAmount" let-item let-index="index">
+      <div class="text-right">{{item?.tolalAmount | currency }}</div>
+    </ng-template>
+    <ng-template st-row="payAmount" let-item let-index="index">
+      <div class="text-right">{{item?.payAmount | currency }}</div>
+    </ng-template>
+  </st>
+</nz-card>
+<ng-template #extraTemplate>
+  <div class="d-flex align-items-center">
+    <div class="mr-md">
+      已选择
+      <strong class="text-red">{{ selectedRows.length }}</strong> 条数据
+    </div>
+    <button nz-button nzType="primary" (click)="upload()">上传</button>
+    <button nz-button nzType="primary" (click)="recall()">撤回</button>
+    <button nz-button nzType="primary" (click)="updateData()">更新数据</button>
+  </div>
+</ng-template>
diff --git a/src/app/routes/datatable/reporting/components/fund-reporting/fund-reporting.component.less b/src/app/routes/datatable/reporting/components/fund-reporting/fund-reporting.component.less
new file mode 100644
index 00000000..6009fbbf
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/fund-reporting/fund-reporting.component.less
@@ -0,0 +1,5 @@
+:host {
+  .text-black {
+    color: #000;
+  }
+}
diff --git a/src/app/routes/datatable/reporting/components/fund-reporting/fund-reporting.component.spec.ts b/src/app/routes/datatable/reporting/components/fund-reporting/fund-reporting.component.spec.ts
new file mode 100644
index 00000000..fb500388
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/fund-reporting/fund-reporting.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableFundReportingComponent } from './fund-reporting.component';
+
+describe('DatatableFundReportingComponent', () => {
+  let component: DatatableFundReportingComponent;
+  let fixture: ComponentFixture<DatatableFundReportingComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [DatatableFundReportingComponent]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableFundReportingComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/datatable/reporting/components/fund-reporting/fund-reporting.component.ts b/src/app/routes/datatable/reporting/components/fund-reporting/fund-reporting.component.ts
new file mode 100644
index 00000000..fa7ecd77
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/fund-reporting/fund-reporting.component.ts
@@ -0,0 +1,485 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STChange, STColumn, STComponent, STData } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ReportingService } from '../../services/reporting.service';
+import { DatatableReportingFundInfoComponent } from '../fund-info/fund-info.component';
+import { DatatableReportingUploadSettingComponent } from '../upload-setting/upload-setting.component';
+
+@Component({
+  selector: 'app-datatable-fund-reporting',
+  templateUrl: './fund-reporting.component.html',
+  styleUrls: ['./fund-reporting.component.less']
+})
+export class DatatableFundReportingComponent implements OnInit {
+  _$expand = false;
+  ui!: SFUISchema;
+  schema!: SFSchema;
+  columns!: STColumn[];
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  tabType!: string;
+  tabs: any[] = [
+    { name: '待上传', value: '1' },
+    { name: '上传中', value: '2' },
+    { name: '已上传', value: '3' },
+    { name: '异常', value: '4' },
+    { name: '全部', value: '' }
+  ];
+  selectedIndex = '1'; //选择的项目
+  serviceTel = '';
+  selectedRows: any[] = [];
+  isLoading: boolean = false;
+  constructor(
+    public service: ReportingService,
+    private router: Router,
+    private ar: ActivatedRoute,
+    private modal: NzModalService,
+    public shipperSrv: ShipperBaseService
+  ) {
+  }
+
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params = Object.assign({}, this.sf?.value || {}, {
+      uploadStatus: this.selectedIndex
+    });
+    delete params._$expand;
+    return { ...params };
+  }
+
+  /**
+   * 选中行
+   */
+  // get selectedRows() {
+  //   return this.st?.list.filter((item: any) => item.checked) || [];
+  // }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+    this.isLoading = true
+  }
+  /**
+   * 程序初始化入口
+   */
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+  }
+
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        orderCode: { title: '订单号', type: 'string', ui: { placeholder: '请输入' } },
+        wayBillCode: {
+          type: 'string',
+          title: '运单号',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        serialNumberCode: {
+          type: 'string',
+          title: '流水单号',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        carrier: {
+          title: '承运司机',
+          type: 'string',
+          ui: {
+            placeholder: '请输入司机姓名', visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        carNumber: {
+          title: '车牌号',
+          type: 'string',
+          maxLength: 9,
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        payee: {
+          title: '车队长',
+          type: 'string',
+          maxLength: 9,
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        uploadStatus: {
+          title: '上传状态',
+          type: 'string',
+          default: 0,
+          enum: [
+            { label: '待上传', value: 0 },
+            { label: '已上传', value: 1 },
+            { label: '异常', value: 2 }
+          ],
+          ui: {
+            placeholder: '请选择',
+            widget: 'select',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        verifyStatus: {
+          title: '本地校验',
+          type: 'string',
+          enum: [
+            { label: '校验中', value: 0 },
+            { label: '通过', value: 1 },
+            { label: '不通过', value: 2 }
+          ],
+          ui: {
+            placeholder: '请选择',
+            allowClear: true,
+            widget: 'select',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        ltdId: {
+          title: '网络货运人',
+          type: 'string',
+          ui: {
+            placeholder: '请选择',
+            widget: 'select',
+            asyncData: () => this.shipperSrv.getNetworkFreightForwarder({}, false),
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+            allowClear: true
+          }
+        },
+        transactionTime: {
+          title: '交易时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to',
+            type: 'date',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          } as SFDateWidgetSchema,
+        },
+        uploadTime: {
+          title: '上传时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to',
+            type: 'date',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          } as SFDateWidgetSchema,
+        },
+      },
+    };
+    this.ui = {
+      '*': { spanLabelFixed: 120, grid: { span: 8, gutter: 4 }, enter: () => this.search() },
+      $time: { grid: { span: 24 } },
+    };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '', type: 'checkbox', className: 'text-center', width: '60px', },
+      { title: '上传状态', render: 'uploadStatus', className: 'text-center', width: '120px', },
+      { title: '本地校验', render: 'verifyStatus', className: 'text-center', width: '120px', },
+      { title: '流水单号', index: 'serialNumberCode', className: 'text-center', width: '190px', },
+      {
+        title: '订单号',
+        render: 'orderCode',
+        className: 'text-center',
+        width: '180px',
+      },
+      { title: '运单号', render: 'wayBillCode', className: 'text-center', width: '180px', },
+      {
+        title: '网络货运人',
+        index: 'ltdName',
+        className: 'text-center',
+        width: '180px',
+      },
+      { title: '实际承运人名称', index: 'carrier', className: 'text-center', width: '150px' },
+      { title: '实际承运人证件号码', index: 'cardId', className: 'text-center', width: '200px' },
+      { title: '车牌号', index: 'carNumber', className: 'text-center', width: '180px' },
+      { title: '车牌颜色', index: 'carColor', className: 'text-center', width: '180px' },
+      { title: '总金额', render: 'tolalAmount', className: 'text-center', width: '120px' },
+
+      { title: '付款方式', index: 'payType', className: 'text-center', width: '150px' },
+      { title: '车队长', index: 'payee', className: 'text-center', width: '150px' },
+      { title: '收款账户', index: 'collectionAccount', className: 'text-center', width: '180px' },
+
+      { title: '收款银行', index: 'bankTypeLabel', className: 'text-center', width: '150px' },
+
+      { title: '银行流水号', index: 'bankSerialNumber', className: 'text-center', width: '180px' },
+      { title: '实际支付金额', render: 'payAmount', className: 'text-center', width: '150px' },
+      { title: '交易时间', index: 'transactionTime', className: 'text-center', width: '180px' },
+      { title: '上传次数', index: 'uploadFrequency', className: 'text-center', width: '120px' },
+      { title: '上传时间', index: 'uploadTime', className: 'text-center', width: '180px' },
+    ];
+  }
+
+
+
+  /**
+   *撤销
+   * @param record 记录实例
+   */
+  recall() {
+    if (this.selectedRows.length === 0) {
+      this.openWainingModal('请选择需要撤回的数据');
+      return;
+    }
+    this.modal.confirm({
+      nzTitle: '撤回提示',
+      nzContent: ' 撤回后可以重新上传，重新上传会覆盖已上传数据，确定要撤回？',
+      nzOkText: '确定',
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        const ids = this.selectedRows.map(i => i?.id);
+        this.service.request(this.service.$api_fund_reporting_recall, ids).subscribe((res: any) => {
+          if (res) {
+            this.service.msgSrv.success('撤销成功');
+
+            this.search();
+          }
+        })
+      }
+    });
+
+
+  }
+
+  selectChange(item: any) {
+    this.selectedIndex = item?.value || '';
+
+    setTimeout(() => {
+      this.selectedRows = [];
+      this.st.load(1);
+    })
+  }
+
+  /**
+   * 查看当行数据
+   */
+  view(record: STData) {
+    // this.router.navigate(['../view', record.uuid], { relativeTo: this.ar });
+    this.router.navigate(['../detail'], {
+      queryParams: {
+        id: record.id,
+      },
+      relativeTo: this.ar
+    });
+  }
+
+  // appeal(item: any) {
+  //   const modalRef = this.modal.create({
+  //     nzTitle: '申诉',
+  //     nzWidth: '40%',
+  //     nzContent: CtcAppealComponent,
+  //     nzComponentParams: {
+  //       i: item,
+  //       status: 'add'
+  //     },
+  //     nzFooter: null
+  //   });
+  //   modalRef.afterClose.subscribe(res => {
+  //     if (res) {
+  //       this.search({ representationsStatus: '' });
+  //     }
+  //   })
+  // }
+
+  /**
+   * 上传
+   */
+  upload() {
+    if (this.selectedRows.length === 0) {
+      this.openWainingModal('请选择需要上传的数据');
+      return;
+    }
+    const ids = this.selectedRows.map(i => i?.id);
+    this.service.request(this.service.$api_fund_reporting_upload, ids).subscribe((res: any) => {
+      if (res) {
+        this.service.msgSrv.success('上传成功');
+        this.search();
+      }
+    })
+  }
+
+
+  /**
+   *
+   * @param params 上传设置
+   */
+  uploadSetting() {
+    const modalRef = this.modal.create({
+      nzTitle: '上传设置',
+      nzWidth: 600,
+      nzContent: DatatableReportingUploadSettingComponent,
+      nzComponentParams: {},
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe(res => {
+    })
+  }
+
+  /**
+   * 查看校验结果
+   */
+  viewResult(record: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '校验结果',
+      nzWidth: 1200,
+
+      nzContent: DatatableReportingFundInfoComponent,
+      nzComponentParams: {
+        record
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe(res => {
+    })
+  }
+
+
+
+  /**
+   * 查看监管审核结果
+   */
+  viewAuditResult(record: any) {
+    if (record?.verifyStatus !== '2') {
+      return;
+    }
+    this.openWainingModal('监管审核结果', record?.uploadResult)
+  }
+
+  /**
+   * 更新数据
+   */
+  updateData() {
+    if (this.selectedRows.length === 0) {
+      this.openWainingModal('请选择需要更新的数据');
+      return;
+    }
+    const ids = this.selectedRows.map(i => i?.id);
+    this.service.request(this.service.$api_update_fund_data, ids).subscribe(res => {
+      if (res) {
+        this.selectedRows = [];
+        this.st.reload();
+
+      }
+    })
+  }
+
+
+  search() {
+    this.selectedRows = [];
+    this.st.load(1);
+  }
+
+  /**
+  * 异步导出
+  */
+  export() {
+    this.service.exportStart(this.sf?.value, this.service.$api_async_export_order_reporting_list);
+  }
+
+  openWainingModal(content: string, title = '提示') {
+    this.modal.warning({
+      nzMask: false,
+      nzTitle: title,
+      nzContent: content,
+    })
+  }
+
+  changeSt(e: STChange): void {
+
+    if (e.type === 'checkbox') {
+      const checkRows = (e.checkbox as STData[]) || [];
+      //判断当前页是否有选中的行
+      if (checkRows.length === 0) {
+        // 当前页没有存在已勾选的行，移除之前所记录的当前页的行
+        const stList = this.st.list;
+        stList.forEach(item => {
+          this.selectedRows = this.selectedRows.filter((e: any) => e.id !== item.id);
+        })
+      } else {
+        //添加新增的行
+        checkRows.forEach((item: any) => {
+          const newSelectedList = this.selectedRows.filter((r: any) => r.id === item.id);
+          if (newSelectedList.length === 0) {
+            this.selectedRows.push(item);
+
+          }
+        })
+        // 移除取消选中的行
+        const stList = this.st.list;
+        stList.forEach(item => {
+          if (!item.checked) {
+            const index = this.selectedRows.findIndex(_item => item.id === _item.id);
+            if (index !== -1) this.selectedRows.splice(index, 1);
+          }
+        })
+      }
+    } else if (e.type === 'loaded') {
+      // 页面加载时勾选
+      (e?.loaded || []).forEach((r: any) => {
+        this.selectedRows.forEach((x) => {
+          if (x.id === r.id) {
+            r.checked = true;
+          }
+        });
+      });
+    }
+  }
+
+
+
+}
diff --git a/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.html b/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.html
new file mode 100644
index 00000000..52d5bad7
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.html
@@ -0,0 +1,88 @@
+<page-header-wrapper [title]="''"></page-header-wrapper>
+
+<nz-card>
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <div nz-col [nzSpan]="_$expand ? 24 : 18">
+      <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+      <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading" (click)="search()"
+        acl [acl-ability]="['RiskOrder-Search']">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <button nz-button (click)="resetSF()">导出</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+<nz-card>
+  <nz-tabset [nzTabBarExtraContent]="extraTemplate" *ngIf="tabs.length>0">
+
+    <nz-tab *ngFor="let tab of tabs" [nzTitle]="tab.name" (nzSelect)="selectChange(tab)">
+    </nz-tab>
+  </nz-tabset>
+  <!-- 数据列表 -->
+  <st #st [scroll]="{x:'1200px'}" [data]="service.$api_get_order_reporting_page" [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10,20, 50, 100] }" [loading]="service.http.loading"
+    (change)="changeSt($event)">
+    <ng-template st-row="orderCheckStatus" let-item let-index="index">
+      <a *ngIf="item?.orderCheckStatus === 2"
+        (click)="viewAuditResult(item)">{{filterStatus(item?.orderCheckStatus)}}</a>
+      <span *ngIf="item?.orderCheckStatus !== 2">{{filterStatus(item?.orderCheckStatus)}}</span>
+    </ng-template>
+    <ng-template st-row="driverCheckStatus" let-item let-index="index">
+      <a (click)="viewAuditResult(item)"
+        *ngIf="item?.driverCheckStatus === 2">{{filterStatus(item?.driverCheckStatus)}}</a>
+      <span *ngIf="item?.driverCheckStatus !== 2">{{filterStatus(item?.driverCheckStatus)}}</span>
+    </ng-template>
+    <ng-template st-row="carCheckStatus" let-item let-index="index">
+      <a (click)="viewAuditResult(item)" *ngIf="item?.carCheckStatus === 2">{{filterStatus(item?.carCheckStatus)}}</a>
+      <span *ngIf="item?.carCheckStatus !== 2">{{filterStatus(item?.carCheckStatus)}}</span>
+    </ng-template>
+
+    <ng-template st-row="checkStatus" let-item let-index="index">
+      <a (click)="viewResult(item)">{{filterCheckStatus(item?.checkStatus)}}</a>
+      <span *ngIf="item?.checkStatus !== 2">{{filterCheckStatus(item?.checkStatus)}}</span>
+    </ng-template>
+
+    <ng-template st-row="billCode" let-item>
+      <span class="text-red-dark">{{item?.billCode}}</span>
+    </ng-template>
+    <ng-template st-row="wayBillCode" let-item>
+      <span class="text-red-dark">{{item?.wayBillCode}}</span>
+    </ng-template>
+
+    <ng-template st-row="freightAmount" let-item let-index="index">
+      <div class="text-right">{{item?.freightAmount | currency :' '}}</div>
+    </ng-template>
+    <ng-template st-row="goodsInfoList" let-item let-index="index">
+      <div *ngFor="let _item of item?.goodsInfoList">
+        {{_item?.goodsTypeName}}/{{_item?.goodsName}}/{{_item?.weight}}吨/{{_item?.volume}}m³
+      </div>
+    </ng-template>
+
+    <ng-template st-row="car" let-item let-index="index">
+      <a (click)="viewTrack(item,'car')">查看轨迹</a>
+    </ng-template>
+    <ng-template st-row="driver" let-item let-index="index">
+      <a (click)="viewTrack(item,'driver')">查看轨迹</a>
+    </ng-template>
+  </st>
+</nz-card>
+<ng-template #extraTemplate>
+  <div class="d-flex align-items-center">
+    <div class="mr-md">
+      已选择
+      <strong class="text-red">{{ selectedRows.length }}</strong> 条数据
+    </div>
+    <button nz-button nzType="primary" (click)="upload()">上传</button>
+    <button nz-button nzType="primary" (click)="recall()">撤回</button>
+    <button nz-button nzType="primary" (click)="updateData()">更新数据</button>
+    <button nz-button nzType="primary" (click)="uploadSetting()">上传设置</button>
+  </div>
+</ng-template>
diff --git a/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.less b/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.less
new file mode 100644
index 00000000..6009fbbf
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.less
@@ -0,0 +1,5 @@
+:host {
+  .text-black {
+    color: #000;
+  }
+}
diff --git a/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.spec.ts b/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.spec.ts
new file mode 100644
index 00000000..2c07610f
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableOrderReportingComponent } from './order-reporting.component';
+
+describe('DatatableOrderReportingComponent', () => {
+  let component: DatatableOrderReportingComponent;
+  let fixture: ComponentFixture<DatatableOrderReportingComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DatatableOrderReportingComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableOrderReportingComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.ts b/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.ts
new file mode 100644
index 00000000..e10847f0
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/order-reporting/order-reporting.component.ts
@@ -0,0 +1,597 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STChange, STColumn, STComponent, STData } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ReportingService } from '../../services/reporting.service';
+import { DatatableReportingUploadSettingComponent } from '../upload-setting/upload-setting.component';
+import { DatatableReportingVerifyResultComponent } from '../verify-result/verify-result.component';
+import { DatatableReportingvViewTrackComponent } from '../view-track/view-track.component';
+
+@Component({
+  selector: 'app-datatable-order-reporting',
+  templateUrl: './order-reporting.component.html',
+  styleUrls: ['./order-reporting.component.less']
+})
+export class DatatableOrderReportingComponent implements OnInit {
+  _$expand = false;
+  ui!: SFUISchema;
+  schema!: SFSchema;
+  columns!: STColumn[];
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  tabType!: string;
+  tabs: any[] = [
+    { name: '待上传', value: '1' },
+    { name: '上传中', value: '2' },
+    { name: '已上传', value: '3' },
+    { name: '异常', value: '4' },
+    { name: '全部', value: '' }
+  ];
+  selectedIndex = '1';
+  isLoading: boolean = false;
+  selectedRows: any[] = [];
+  constructor(
+    public service: ReportingService,
+    private router: Router,
+    private ar: ActivatedRoute,
+    private modal: NzModalService,
+    public shipperSrv: ShipperBaseService
+  ) {
+  }
+
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params = Object.assign({}, this.sf?.value || {}, {
+      putStatus: this.selectedIndex,
+    });
+    delete params._$expand;
+    return { ...params };
+  }
+
+  /**
+   * 选中行
+   */
+  // get selectedRows() {
+  //   return this.st?.list.filter((item: any) => item.checked) || [];
+  // }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+    this.isLoading = true
+  }
+  /**
+   * 程序初始化入口
+   */
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+  }
+
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        billCode: { title: '订单号', type: 'string', ui: { placeholder: '请输入' } },
+        wayBillCode: {
+          type: 'string',
+          title: '运单号',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        enterpriseInfoId: {
+          title: '网络货运人',
+          type: 'string',
+          ui: {
+            placeholder: '请选择',
+            widget: 'select',
+            asyncData: () => this.shipperSrv.getNetworkFreightForwarder({}, false),
+
+            allowClear: true
+          }
+        },
+        shipperName: {
+          title: '货主',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        driverName: {
+          title: '承运司机',
+          type: 'string',
+          ui: {
+            placeholder: '请输入司机姓名/手机号', visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        carNo: {
+          title: '车牌号',
+          type: 'string',
+          maxLength: 9,
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        putStatus: {
+          title: '上传状态',
+          type: 'string',
+          default: 0,
+          enum: [
+            { label: '待上传', value: 0 },
+            { label: '已上传', value: 1 },
+            { label: '异常', value: 2 }
+          ],
+
+          ui: {
+            placeholder: '请选择',
+            widget: 'select',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        checkStatus: {
+          title: '本地校验',
+          type: 'string',
+          enum: [
+            { label: '校验中', value: 0 },
+            { label: '通过', value: 1 },
+            { label: '不通过', value: 2 }
+          ],
+          ui: {
+            placeholder: '请选择',
+            widget: 'select',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        putTime: {
+          title: '上传时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to',
+            type: 'date',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          } as SFDateWidgetSchema,
+        },
+        orderReceivingTime: {
+          title: '运单生成时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to',
+            type: 'date',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          } as SFDateWidgetSchema,
+        },
+        dispatchedDate: {
+          title: '发货时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to',
+            type: 'date',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          } as SFDateWidgetSchema,
+        },
+        receivingDate: {
+          title: '收货时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to',
+            type: 'date',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          } as SFDateWidgetSchema,
+        },
+
+        trajectoryDataAppStatus: {
+          title: '车辆轨迹',
+          type: 'string',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '有', value: '1' },
+            { label: '无', value: '0' }
+          ],
+          ui: {
+            placeholder: '请选择',
+            widget: 'select',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        trajectoryDataStatus: {
+          title: '司机轨迹',
+          type: 'string',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '有', value: '1' },
+            { label: '无', value: '0' }
+          ],
+          ui: {
+            placeholder: '请选择',
+            widget: 'select',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+      },
+    };
+    this.ui = {
+      '*': { spanLabelFixed: 120, grid: { span: 8, gutter: 4 }, enter: () => this.search() },
+      $time: { grid: { span: 24 } },
+    };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '', type: 'checkbox', className: 'text-center', width: '60px', },
+      { title: '订单状态', render: 'orderCheckStatus', className: 'text-center', width: '120px', },
+      { title: '司机状态', render: 'driverCheckStatus', className: 'text-center', width: '120px', },
+
+      { title: '车辆状态', render: 'carCheckStatus', className: 'text-center', width: '120px', },
+
+      { title: '本地校验', render: 'checkStatus', className: 'text-center', width: '120px', },
+      {
+        title: '订单号',
+        render: 'billCode',
+        className: 'text-center',
+        width: '180px',
+      },
+      { title: '运单号', render: 'wayBillCode', className: 'text-center', width: '180px', },
+
+      {
+        title: '网络货运人',
+        index: 'enterpriseInfoName',
+        className: 'text-center',
+        width: '180px',
+      },
+      { title: '统一社会信用代码', index: 'unifiedSocialCreditCode', className: 'text-center', width: '200px' },
+      { title: '运单生成时间', index: 'wayBillCreateTime', className: 'text-center', width: '180px' },
+      { title: '发货时间', index: 'dispatchedDate', className: 'text-center', width: '180px' },
+      { title: '收货时间', index: 'receivingDate', className: 'text-center', width: '180px' },
+      { title: '托运人名称', index: 'shipperName', className: 'text-center', width: '250px' },
+      { title: '托运人统一社会信用代码', index: 'shipperCreditCode', className: 'text-center', width: '200px' },
+      { title: '装货地址', index: 'loadingAddress', className: 'text-center', width: '200px' },
+      { title: '收货方名称', index: 'receivingName', className: 'text-center', width: '150px' },
+      { title: '收货地址', index: 'consigneeAddress', className: 'text-center', width: '150px' },
+      { title: '运费金额', render: 'freightAmount', className: 'text-center', width: '250px' },
+      { title: '车牌号', index: 'carNo', className: 'text-center', width: '150px' },
+      {
+        title: '车牌颜色',
+        index: 'carNoColor',
+        className: 'text-center',
+        width: '250px',
+        type: 'enum',
+        enum: {
+          "4": "绿色",
+          "3": "黄绿色",
+          "2": "黄色",
+          "1": "蓝色"
+        }
+
+      },
+      { title: '司机姓名', index: 'driverName', className: 'text-center', width: '150px' },
+      { title: '司机手机号码', index: 'driverPhone', className: 'text-center', width: '200px' },
+      { title: '司机身份证号', index: 'driverIdentityNo', className: 'text-center', width: '150px' },
+      { title: '货物信息', render: 'goodsInfoList', className: 'text-center', width: '180px' },
+      { title: '实际承运人名称', index: 'carrierName', className: 'text-center', width: '150px' },
+      { title: '实际承运人证件号码', index: 'carrierIdentityNo', className: 'text-center', width: '200px' },
+
+      { title: '实际承运人道路运输许可证号', render: 'payeeName', className: 'text-center', width: '150px' },
+
+      { title: '车辆轨迹', render: 'car', className: 'text-center', width: '250px' },
+      { title: '司机轨迹', render: 'driver', className: 'text-center', width: '150px' },
+      { title: '上传次数', index: 'putNumber', className: 'text-center', width: '150px' },
+      { title: '上传时间', index: 'recentlyPutTime', className: 'text-center', width: '180px' },
+    ];
+  }
+
+
+
+  /**
+   *撤销
+   * @param record 记录实例
+   */
+  recall() {
+    if (this.selectedRows.length === 0) {
+      this.openWainingModal('请选择需要撤回的数据');
+      return;
+    }
+    this.modal.confirm({
+      nzTitle: '撤回提示',
+      nzContent: '撤回后可以重新上传，重新上传会覆盖已上传数据，确定要撤回？',
+      nzOkText: '确定',
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        const ids = this.selectedRows.map(i => i?.id);
+        this.service.request(this.service.$api_recall_order_reporting, ids).subscribe((res: any) => {
+          if (res) {
+            this.service.msgSrv.success('撤销成功');
+            this.search();
+          }
+        })
+      }
+    });
+
+  }
+
+  changeSt(e: STChange): void {
+
+    if (e.type === 'checkbox') {
+      const checkRows = (e.checkbox as STData[]) || [];
+      //判断当前页是否有选中的行
+      if (checkRows.length === 0) {
+        // 当前页没有存在已勾选的行，移除之前所记录的当前页的行
+        const stList = this.st.list;
+        stList.forEach(item => {
+          this.selectedRows = this.selectedRows.filter((e: any) => e.id !== item.id);
+        })
+      } else {
+        //添加新增的行
+        checkRows.forEach((item: any) => {
+          const newSelectedList = this.selectedRows.filter((r: any) => r.id === item.id);
+          if (newSelectedList.length === 0) {
+            this.selectedRows.push(item);
+
+          }
+        })
+        // 移除取消选中的行
+        const stList = this.st.list;
+        stList.forEach(item => {
+          if (!item.checked) {
+            const index = this.selectedRows.findIndex(_item => item.id === _item.id);
+            if (index !== -1) this.selectedRows.splice(index, 1);
+          }
+        })
+      }
+    } else if (e.type === 'loaded') {
+      // 页面加载时勾选
+      (e?.loaded || []).forEach((r: any) => {
+        this.selectedRows.forEach((x) => {
+          if (x.id === r.id) {
+            r.checked = true;
+          }
+        });
+      });
+    }
+  }
+
+  selectChange(item: any) {
+    this.selectedIndex = item?.value || '';
+    setTimeout(() => {
+      this.selectedRows = [];
+      this.st.load(1);
+    })
+  }
+
+  /**
+   * 查看当行数据
+   */
+  view(record: STData) {
+    // this.router.navigate(['../view', record.uuid], { relativeTo: this.ar });
+    this.router.navigate(['../detail'], {
+      queryParams: {
+        id: record.id,
+      },
+      relativeTo: this.ar
+    });
+  }
+
+  // appeal(item: any) {
+  //   const modalRef = this.modal.create({
+  //     nzTitle: '申诉',
+  //     nzWidth: '40%',
+  //     nzContent: CtcAppealComponent,
+  //     nzComponentParams: {
+  //       i: item,
+  //       status: 'add'
+  //     },
+  //     nzFooter: null
+  //   });
+  //   modalRef.afterClose.subscribe(res => {
+  //     if (res) {
+  //       this.search({ representationsStatus: '' });
+  //     }
+  //   })
+  // }
+
+  /**
+   * 上传
+   */
+  upload() {
+    if (this.selectedRows.length === 0) {
+      this.openWainingModal('请选择需要上传的数据');
+      return;
+    }
+    const ids = this.selectedRows.map(i => i?.id);
+    this.service.request(this.service.$api_upload_order_reporting, ids).subscribe((res: any) => {
+      if (res) {
+        this.service.msgSrv.success('上传成功');
+        this.search();
+      }
+    })
+  }
+
+
+  /**
+   *
+   * @param params 上传设置
+   */
+  uploadSetting() {
+    const modalRef = this.modal.create({
+      nzTitle: '上传设置',
+      nzWidth: 600,
+      nzContent: DatatableReportingUploadSettingComponent,
+      nzComponentParams: {},
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe(res => {
+    })
+  }
+
+  /**
+   * 查看校验结果
+   */
+  viewResult(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '校验结果',
+      nzWidth: 1200,
+      nzContent: DatatableReportingVerifyResultComponent,
+      nzComponentParams: {
+        record: item
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe(res => {
+    })
+  }
+
+  /**
+   * 查看监管审核结果
+   */
+  viewAuditResult(record: any) {
+    if (record?.billStatus !== '2') {
+      return;
+    }
+    this.openWainingModal('监管审核结果', record?.result)
+  }
+
+
+  search() {
+    this.selectedRows = [];
+    this.st.load(1);
+  }
+
+  /**
+  * 异步导出
+  */
+  export() {
+    this.service.exportStart(this.sf?.value, this.service.$api_async_export_order_reporting_list);
+  }
+
+  openWainingModal(content: string, title = '提示') {
+    this.modal.warning({
+      nzMask: false,
+      nzTitle: title,
+      nzContent: content,
+    })
+  }
+
+  /**
+   * 查看轨迹
+   */
+  viewTrack(_record: any, trajectory: string) {
+    const title = trajectory === 'car' ? '车辆' : '司机'
+    const modalRef = this.modal.create({
+      nzTitle: `查看${title}轨迹`,
+      nzWidth: 1000,
+      nzContent: DatatableReportingvViewTrackComponent,
+      nzComponentParams: {
+        id: _record?.orderId,
+        trajectory
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe(res => {
+    })
+  }
+
+  /**
+ * 更新数据
+ */
+  updateData() {
+    if (this.selectedRows.length === 0) {
+      this.openWainingModal('请选择需要更新的数据');
+      return;
+    }
+    const ids = this.selectedRows.map(i => i?.id);
+    this.service.request(this.service.$api_update_order_data, ids).subscribe(res => {
+      if (res) {
+        this.selectedRows = [];
+        this.st.reload();
+
+      }
+    })
+  }
+
+  filterStatus(status: number) {
+    switch (status) {
+      case 0:
+        return '待上传';
+      case 1:
+        return '已上传';
+      case 2:
+        return '上传异常';
+      default:
+        return '';
+
+    }
+  }
+
+  filterCheckStatus(status: number) {
+    switch (status) {
+      case 0:
+        return '校验中';
+      case 1:
+        return '通过';
+      case 2:
+        return '不通过';
+      default:
+        return '';
+
+    }
+  }
+
+}
diff --git a/src/app/routes/datatable/reporting/components/upload-setting/upload-setting.component.html b/src/app/routes/datatable/reporting/components/upload-setting/upload-setting.component.html
new file mode 100644
index 00000000..a4f5ae6e
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/upload-setting/upload-setting.component.html
@@ -0,0 +1,8 @@
+<nz-spin [nzSpinning]="!i"></nz-spin>
+<sf *ngIf="i" #sf mode="edit" [schema]="schema" [ui]="ui" [formData]="i" button="none">
+  <div class="modal-footer">
+    <button nz-button type="button" (click)="close()">取消</button>
+    <button nz-button type="submit" nzType="primary" (click)="save(sf.value)" [disabled]="!sf.valid"
+      [nzLoading]="service.http.loading">修改</button>
+  </div>
+</sf>
diff --git a/src/app/routes/datatable/reporting/components/upload-setting/upload-setting.component.spec.ts b/src/app/routes/datatable/reporting/components/upload-setting/upload-setting.component.spec.ts
new file mode 100644
index 00000000..aeb5cf2c
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/upload-setting/upload-setting.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableReportingUploadSettingComponent } from './upload-setting.component';
+
+describe('DatatableReportingUploadSettingComponent', () => {
+  let component: DatatableReportingUploadSettingComponent;
+  let fixture: ComponentFixture<DatatableReportingUploadSettingComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [DatatableReportingUploadSettingComponent]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableReportingUploadSettingComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/datatable/reporting/components/upload-setting/upload-setting.component.ts b/src/app/routes/datatable/reporting/components/upload-setting/upload-setting.component.ts
new file mode 100644
index 00000000..0258f230
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/upload-setting/upload-setting.component.ts
@@ -0,0 +1,110 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { ReportingService } from '../../services/reporting.service';
+
+@Component({
+  selector: 'app-datatable-upload-setting',
+  templateUrl: './upload-setting.component.html',
+})
+export class DatatableReportingUploadSettingComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  record: any = {};
+  i: any;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+
+  constructor(
+    private modal: NzModalRef,
+    public service: ReportingService
+  ) { }
+
+  ngOnInit(): void {
+    this.initSF();
+    this.loadData();
+  }
+
+  /**
+ * 初始化查询表单
+ */
+  initSF() {
+    this.schema = {
+      properties: {
+        orderPushType: {
+          type: 'string',
+          title: '订单数据',
+          enum: [
+            {
+              label: '手动上传',
+              value: 1
+            },
+            {
+              label: '自动上传',
+              value: 2
+            }
+          ],
+          description: '开启自动上传后，订单将在支付完成且风险单校验通过后自动上传',
+          ui: {
+            widget: 'radio',
+
+          }
+        },
+        capitalPushType: {
+          type: 'string',
+          title: '资金数据',
+          enum: [
+            {
+              label: '手动上传',
+              value: 1
+            },
+            {
+              label: '自动上传',
+              value: 2
+            }
+          ],
+          description: '开启自动上传后，订单将在支付完成且风险单校验通过后自动上传',
+          ui: {
+            widget: 'radio',
+
+          }
+        },
+      },
+      required: ['orderPushType', 'capitalPushType'],
+    }
+    this.ui = {
+      '*': {
+        spanLabelFixed: 100,
+        grid: { span: 24 },
+      },
+    };
+  }
+
+  /**
+   * 获取设置数据
+   */
+  loadData() {
+    this.service.request(this.service.$api_get_upload_setting, {}).subscribe(res => {
+      if (res) {
+        this.i = res;
+      }
+    })
+  }
+
+  /**
+   * 修改
+   * @param value
+   */
+  save(value: any): void {
+    if (this.sf?.valid)
+      this.service.request(this.service.$api_upload_setting_save, { ...value }).subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success('保存成功');
+          this.modal.close(true);
+        }
+      })
+  }
+
+  close(): void {
+    this.modal.destroy();
+  }
+}
diff --git a/src/app/routes/datatable/reporting/components/verify-result/verify-result.component.html b/src/app/routes/datatable/reporting/components/verify-result/verify-result.component.html
new file mode 100644
index 00000000..7f0a72d2
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/verify-result/verify-result.component.html
@@ -0,0 +1,21 @@
+<div nz-row>
+  <div style="width: 10%;">
+    <nz-tabset [nzTabPosition]="'left'" style="height: 100%;">
+      <nz-tab [nzTitle]="item?.name" *ngFor="let item of tabs" (nzSelect)="selectTab(item)"></nz-tab>
+    </nz-tabset>
+  </div>
+  <div style="width: 90%;">
+    <st #st [scroll]="{x:'1000px',y:'600px'}" [data]="service.$api_get_order_valid_result" [columns]="columns"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+      [res]="{ reName: { list: 'data', total: 'data.total' } }" [page]="{ show: false,showSize:false}" [loading]="false"
+      [bordered]="true">
+      <ng-template st-row="checkStatus" let-item>
+        <span [ngClass]="{'text-red-dark':item?.checkStatus === 2}">{{filterCheckStatus(item?.checkStatus)}}</span>
+      </ng-template>
+    </st>
+  </div>
+</div>
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">取消</button>
+  <button nz-button type="submit" nzType="primary" (click)="update()" [nzLoading]="service.http.loading">修改</button>
+</div>
diff --git a/src/app/routes/datatable/reporting/components/verify-result/verify-result.component.spec.ts b/src/app/routes/datatable/reporting/components/verify-result/verify-result.component.spec.ts
new file mode 100644
index 00000000..48b1e9e5
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/verify-result/verify-result.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableReportingVerifyResultComponent } from './verify-result.component';
+
+describe('DatatableReportingVerifyResultComponent', () => {
+  let component: DatatableReportingVerifyResultComponent;
+  let fixture: ComponentFixture<DatatableReportingVerifyResultComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [DatatableReportingVerifyResultComponent]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableReportingVerifyResultComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/datatable/reporting/components/verify-result/verify-result.component.ts b/src/app/routes/datatable/reporting/components/verify-result/verify-result.component.ts
new file mode 100644
index 00000000..ac8b8350
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/verify-result/verify-result.component.ts
@@ -0,0 +1,114 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { ReportingService } from '../../services/reporting.service';
+
+@Component({
+  selector: 'app-datatable-verify-result',
+  templateUrl: './verify-result.component.html',
+})
+export class DatatableReportingVerifyResultComponent implements OnInit {
+  @ViewChild('st') private readonly st!: STComponent;
+  columns: STColumn[] = [];
+  record: any = {};
+
+  tabs: any[] = [
+    { name: '订单信息', value: 3 },
+    { name: '司机信息', value: 2 },
+    { name: '车辆信息', value: 4 },
+  ];
+  subjectType = 3;
+  subjectId = '';
+  get reqParams() {
+    return {
+      subjectType: this.subjectType,
+      subjectId: this.record?.id
+    };
+  }
+  constructor(public service: ReportingService, private modalRef: NzModalRef, public router: Router) {
+
+  }
+
+  ngOnInit(): void {
+    this.initST();
+  }
+
+  /**
+ * 初始化数据列表
+ */
+  initST() {
+    this.columns = [
+      { title: '序号', type: 'no', className: 'text-center', width: '60px', },
+      { title: '监管平台字段', index: 'thirdPartyFieldName', className: 'text-center', width: '120px', },
+      { title: '系统字段', index: 'checkFieldName', className: 'text-center', width: '100px', },
+      { title: '归属模块', index: 'orderStatus', className: 'text-center', width: '120px', },
+      {
+        title: '是否必填',
+        index: 'requiredStatus',
+        className: 'text-center',
+        width: '100px',
+        type: 'enum',
+        enum: {
+          0: '否',
+          1: '是'
+        }
+      },
+      { title: '上传值', index: 'fieldValue', className: 'text-center', width: '150px', },
+      {
+        title: '本地校验', index: 'checkStatus', className: 'text-center', width: '100px',
+        type: 'enum',
+        enum: {
+          0: '校验中',
+          1: '通过',
+          2: '不通过'
+        }
+      },
+      { title: '错误内容', index: 'remark', className: 'text-center', width: '150px', },
+    ]
+  }
+
+
+  add(): void {
+    // this.modal
+    //   .createStatic(FormEditComponent, { i: { id: 0 } })
+    //   .subscribe(() => this.st.reload());
+  }
+
+  selectTab(e: any) {
+    setTimeout(() => {
+      this.subjectType = e?.value;
+      this.st.load(1);
+    })
+  }
+
+  update() {
+    if (this.record?.billType === '1') {
+      window.open(location.origin + `/#/order-management/vehicle-detailChange/${this.record?.id}`)
+
+    } else if (this.record.billType === '2') {
+      window.open(location.origin + `/#/order-management/bulk-detailChange/${this.record?.id}`);
+    }
+
+
+  }
+
+
+  close(): void {
+    this.modalRef.destroy();
+  }
+  filterCheckStatus(status: number) {
+    switch (status) {
+      case 0:
+        return '校验中';
+      case 1:
+        return '通过';
+      case 2:
+        return '不通过';
+      default:
+        return '';
+
+    }
+  }
+
+}
diff --git a/src/app/routes/datatable/reporting/components/view-track/view-track.component.html b/src/app/routes/datatable/reporting/components/view-track/view-track.component.html
new file mode 100644
index 00000000..cc66c9c3
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/view-track/view-track.component.html
@@ -0,0 +1,5 @@
+<div>
+  <!-- <amap-path-simplifier [mapList]="mapList" [mapHeight]="'600px'" [pois]="pois"></amap-path-simplifier> -->
+  <amap-path-simplifier [mapWidth]="'100%'" [mapHeight]="'600px'" [mapList]="mapList" [pois]="pois">
+  </amap-path-simplifier>
+</div>
diff --git a/src/app/routes/datatable/reporting/components/view-track/view-track.component.spec.ts b/src/app/routes/datatable/reporting/components/view-track/view-track.component.spec.ts
new file mode 100644
index 00000000..c32eb107
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/view-track/view-track.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableReportingvViewTrackComponent } from './view-track.component';
+
+describe('DatatableReportingvViewTrackComponent', () => {
+  let component: DatatableReportingvViewTrackComponent;
+  let fixture: ComponentFixture<DatatableReportingvViewTrackComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [DatatableReportingvViewTrackComponent]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableReportingvViewTrackComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/datatable/reporting/components/view-track/view-track.component.ts b/src/app/routes/datatable/reporting/components/view-track/view-track.component.ts
new file mode 100644
index 00000000..1cb10886
--- /dev/null
+++ b/src/app/routes/datatable/reporting/components/view-track/view-track.component.ts
@@ -0,0 +1,92 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+import format from 'date-fns/format';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { OrderManagementService } from 'src/app/routes/order-management/services/order-management.service';
+
+
+@Component({
+  selector: 'app-datatable-view-track',
+  templateUrl: './view-track.component.html',
+})
+export class DatatableReportingvViewTrackComponent implements OnInit {
+  mapList: any[] = [];  //地图点位数据组
+  addressItems: any[] = [];  //打点地址数据组
+  trajectory = "car";
+  pois: any[] = [];
+  id = '';
+  constructor(public service: OrderManagementService, private modalRef: NzModalRef, public router: Router) {
+
+  }
+
+  ngOnInit(): void {
+    if (this.trajectory === 'car') {
+      this.getTrajectory();
+    } else if (this.trajectory === 'driver') {
+      this.getDriverTrajectory();
+    }
+  }
+
+
+
+  selectTab(e: any) {
+
+  }
+
+  close(): void {
+    this.modalRef.destroy();
+  }
+
+  // 车辆轨迹
+  getTrajectory() {
+    this.service.request(this.service.$api_get_getTrajectory, { id: this.id }).subscribe(res => {
+      if (res) {
+        const points = res.trackArray;
+        let list: any[] = [];
+        points?.forEach((item: any) => {
+          list.push({
+            name: item.hgt,
+            lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))]
+          });
+        });
+        this.mapList = list;
+        this.addressItems = [...res.cityArray];
+        if (this.addressItems && this.addressItems.length > 0) {
+          this.addressItems.forEach(item => {
+            item.vinOutTime = this.getLocalTime(item.vinOutTime);
+          });
+        }
+      }
+    });
+
+
+  }
+
+  // 获取司机轨迹
+  getDriverTrajectory() {
+    this.service.request(this.service.$api_get_getAppDriverPosition, { id: this.id }).subscribe(res => {
+      if (res) {
+        const points = res.tracks;
+        let list: any[] = [];
+        points?.forEach((item: any) => {
+          list.push({
+            name: item.hgt,
+            lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))]
+          });
+        });
+        this.mapList = list;
+        this.addressItems = [...res.enclosureDataAppTrack];
+        if (this.addressItems && this.addressItems.length > 0) {
+          this.addressItems.forEach(item => {
+            item.vinOutTime = item.vinOutTime ? this.getLocalTime(item.gtm) : '';
+            item.cityName = item.appAdress;
+          });
+        }
+      }
+    });
+  }
+  getLocalTime(time: any) {
+    return format(new Date(parseInt(time)), 'yyyy-MM-dd HH:mm:ss');
+  }
+
+}
diff --git a/src/app/routes/datatable/reporting/services/reporting.service.ts b/src/app/routes/datatable/reporting/services/reporting.service.ts
new file mode 100644
index 00000000..f4216c85
--- /dev/null
+++ b/src/app/routes/datatable/reporting/services/reporting.service.ts
@@ -0,0 +1,28 @@
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ReportingService extends BaseService {
+
+  $api_get_order_reporting_page = `/api/sdc/regulation/list/queryPage`; // 订单上报-列表
+  $api_upload_order_reporting = `/api/sdc/regulation/push`; // 上传订单上报
+  $api_recall_order_reporting = `/api/sdc/regulation/withdraw`; // 撤回上传订单上报
+  $api_async_export_order_reporting_list = ``; // 导出订单上报
+  $api_get_upload_setting = `/api/sdc/regulation/getPushConfig`; // 获取上传设置
+  $api_upload_setting_save = `/api/sdc/regulation/setPushConfig`; // 保存上传设置
+  $api_get_order_valid_result = `/api/sdc/regulation/queryPage/checkRes`;//订单上报-校验结果
+  $api_update_order_data = `/api/sdc/regulation/renewalOrderById`;//订单批量更新订单数据
+
+  $api_get_fund_reporting_page = `/api/fcc/fundUploadHead/list/page`; // 资金上报列表
+  $api_fund_reporting_upload = `/api/fcc/fundUploadHead/uploadFundNumber`; // 资金批量上传
+  $api_fund_reporting_recall = `/api/fcc/fundUploadHead/recallUploadFundNumber`; //资金批量撤回
+  $api_get_fund_valid_result = `/api/fcc/capitalFieldCheck/getCapitalFieldCheckList`; // 查询资金校验表
+  $api_update_fund_data = `/api/fcc/fundUploadHead/updateUploadFundNumber`;//资金批量更新数据
+
+
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/datatable/services/data.service.ts b/src/app/routes/datatable/services/data.service.ts
new file mode 100644
index 00000000..e7443148
--- /dev/null
+++ b/src/app/routes/datatable/services/data.service.ts
@@ -0,0 +1,122 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-27 10:30:56
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-07 15:07:27
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\datatable\\services\\data.service.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { Injectable, Injector } from '@angular/core';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { map } from 'rxjs/operators';
+import { BaseService } from 'src/app/shared/services/core/base.service';
+import { EAFileUtil } from 'src/app/shared/utils/file.util';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class DataService extends BaseService {
+
+  // 查询运营报表
+  $api_listOperationalReportPage = `/api/sdc/report/listOperationalReportPage`;
+  // 查询业绩报表
+  $api_listPerformanceReportPage = `/api/sdc/report/listPerformanceReportPage`;
+  // 运营报表运单状态分布
+  $api_operationalReportWaybillStatusDistribution = `/api/sdc/report/operationalReportWaybillStatusDistribution`;
+  // 运营报表柱状图
+  $api_operationalReportHistogram = `/api/sdc/report/operationalReportHistogram`;
+  // 获取网络货运人
+  $api_get_network_freight_forwarder_list = `/api/mdc/cuc/networkTransporter/findAll`;
+  // 业绩报表柱状图
+  $api_performanceReportHistogram = `/api/sdc/report/performanceReportHistogram`;
+
+  // 查询开票数据报表
+  $api_findInvoiceReport = `/api/fcc/invoiceReport/findInvoiceReport`;
+  // 查询开票数据报表
+  $api_listFinancialReportPage = `/api/sdc/report/listFinancialReportPage`;
+
+
+  // 查询货主报表
+  $api_listShipperReportPage = `/api/sdc/report/listShipperReportPage`;
+  // 司机报表
+  $api_listDriverReportPage = `/api/sdc/report/listDriverReportPage`;
+  // 财务报表柱状图
+  $api_financialReportHistogram = `/api/sdc/report/financialReportHistogram`;
+  // 合规监控报表-运费直付占比
+  $api_getBillRateDirectPayment = `/api/sdc/reportComplianceMonitor/getBillRateDirectPayment`;
+  // 合规监控报表-货源单占比
+  $api_getBillRateProportion = `/api/sdc/reportComplianceMonitor/getBillRateProportion`;
+  // 合规监控报表-订单合格率
+  $api_getBillRateQualified = `/api/sdc/reportComplianceMonitor/getBillRateQualified`;
+  // 合规监控报表-付款及时率
+  $api_getBillTimelyPayment = `/api/sdc/reportComplianceMonitor/getBillTimelyPayment`;
+  // 合规监控报表-监控报表(折线图)
+  $api_listMonitorSituation = `/api/sdc/reportComplianceMonitor/listMonitorSituation`;
+
+
+  // 客户报表-根据类型获取统计信息(card)
+  $api_statistics_total = `/api/mdc/cuc/statistics/total`;
+  // 客户报表-根据类型获取统计明细信息(table)
+  $api_statistics_totalDetail = `/api/mdc/cuc/statistics/totalDetail`;
+  // 客户报表-根据类型获取统计图表信息
+  $api_statistics_totalAdd = `/api/mdc/cuc/statistics/totalAdd`;
+
+
+  // 数据大屏-本年全年交易情况
+  $api_getAnnualTransactions = `/api/sdc/reportDataLargeScreen/getAnnualTransactions`;
+  // 数据大屏-客户统计(货主，合伙人，司机，车辆)
+  $api_getCustomerStatistics = `/api/sdc/reportDataLargeScreen/getCustomerStatistics`;
+  // 数据大屏-实时货源
+  $api_getRealTimeSupply = `/api/sdc/reportDataLargeScreen/getRealTimeSupply`;
+  // 数据大屏-实时运单风控
+  $api_getRealTimeWaybillRiskControl = `/api/sdc/reportDataLargeScreen/getRealTimeWaybillRiskControl`;
+  // 数据大屏-本月发货量排名
+  $api_getShipmentRanking = `/api/sdc/reportDataLargeScreen/getShipmentRanking`;
+  // 数据大屏-今日交易情况
+  $api_getTradingToday = `/api/sdc/reportDataLargeScreen/getTradingToday`;
+  // 数据大屏-本月交易趋势
+  $api_getTradingTrend = `/api/sdc/reportDataLargeScreen/getTradingTrend`;
+  // 数据大屏-交易额(今日，本月，累计)
+  $api_getTransactionAmount = `/api/sdc/reportDataLargeScreen/getTransactionAmount`;
+  // 数据大屏-交易分布
+  $api_getTransactionDistribution = `/api/sdc/reportDataLargeScreen/getTransactionDistribution`;
+
+
+
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+
+  /**
+* 获取网络货运人
+* @returns
+*/
+  getNetworkFreightForwarder(params = {}, containerAll = false) {
+    return this.request(this.$api_get_network_freight_forwarder_list, params).pipe(
+      map((res: any) => {
+        if (!res) {
+          return [];
+        }
+        const list = res.map((item: any) => {
+          return {
+            label: item.enterpriseName,
+            value: item.id
+          };
+        });
+        const obj = [];
+        if (containerAll) {
+          obj.push({ label: '全部', value: '' });
+        }
+        return [...obj, ...list];
+      })
+    );
+  }
+
+  getPerformanceReportHistogram(params = {}) {
+    return this.request(this.$api_performanceReportHistogram, params)
+  }
+}
diff --git a/src/app/routes/demo/components/alian-demo/alian-demo.component.html b/src/app/routes/demo/components/alian-demo/alian-demo.component.html
deleted file mode 100644
index e2acb3be..00000000
--- a/src/app/routes/demo/components/alian-demo/alian-demo.component.html
+++ /dev/null
@@ -1,44 +0,0 @@
-<page-header-wrapper title="Alain案例">
-</page-header-wrapper>
-<nz-card>
-    <div nz-row nzGutter="8">
-        <div nz-col [nzSpan]="_$expand ? 24 : 18">
-            <sf #sf [schema]="searchSchema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
-        </div>
-        <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
-            <button nz-button nzType="primary" (click)="add()"> 新建</button>
-            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
-            <button nz-button (click)="resetSF()">重置</button>
-            <button nz-button nzType="link" (click)="expandToggle()">
-                {{ !_$expand ? '展开' : '收起' }}
-                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
-            </button>
-        </div>
-    </div>
-    <ng-container *ngIf="selectedRows.length > 0">
-        <button nz-button>批量操作</button>
-        <button nz-button nz-dropdown [nzDropdownMenu]="batchMenu" nzPlacement="bottomLeft">
-            更多操作
-            <i nz-icon nzType="down"></i>
-        </button>
-        <nz-dropdown-menu #batchMenu="nzDropdownMenu">
-            <ul nz-menu>
-                <li nz-menu-item (click)="remove()">删除</li>
-                <li nz-menu-item (click)="approval()">批量审批</li>
-            </ul>
-        </nz-dropdown-menu>
-    </ng-container>
-    <div class="my-md">
-        <nz-alert [nzType]="'info'" [nzShowIcon]="true" [nzMessage]="message">
-            <ng-template #message>
-                已选择
-                <strong class="text-primary">{{ selectedRows.length }}</strong> 项&nbsp;&nbsp; 服务调用总计 <strong>{{
-                    totalCallNo }}</strong> 万
-                <a *ngIf="totalCallNo > 0" (click)="st.clearCheck()" class="ml-lg">清空</a>
-            </ng-template>
-        </nz-alert>
-    </div>
-
-    <st #st [data]="url" [columns]="columns" [req]="{method:'POST'}" [res]="{reName:{list:'data'}}"
-        (change)="stChange($event)"></st>
-</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/demo/components/alian-demo/alian-demo.component.ts b/src/app/routes/demo/components/alian-demo/alian-demo.component.ts
deleted file mode 100644
index 0dbbe39c..00000000
--- a/src/app/routes/demo/components/alian-demo/alian-demo.component.ts
+++ /dev/null
@@ -1,206 +0,0 @@
-import { Component, OnInit, TemplateRef, ViewChild } from '@angular/core';
-import { STComponent, STColumn, STChange } from '@delon/abc/st';
-import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
-import { _HttpClient, ModalHelper } from '@delon/theme';
-import { NzMessageService } from 'ng-zorro-antd/message';
-import { NzModalService } from 'ng-zorro-antd/modal';
-import { DemoService } from '../../services/demo.service';
-import { DemoEditComponent } from '../zorro-demo/edit/edit.component';
-
-@Component({
-  selector: 'app-alian-demo',
-  templateUrl: './alian-demo.component.html',
-  styleUrls: ['./alian-demo.component.less']
-})
-export class AlianDemoComponent implements OnInit {
-  url = `/rule?_allow_anonymous=true`;
-
-  status = [
-    { index: 0, text: '关闭', value: false, type: 'default', checked: false },
-    {
-      index: 1,
-      text: '运行中',
-      value: false,
-      type: 'processing',
-      checked: false
-    },
-    { index: 2, text: '已上线', value: false, type: 'success', checked: false },
-    { index: 3, text: '异常', value: false, type: 'error', checked: false }
-  ];
-  @ViewChild('st', { static: true })
-  st!: STComponent;
-  @ViewChild('sf', { static: false })
-  sf!: SFComponent;
-  columns: STColumn[] = [
-    { title: '', index: 'key', type: 'checkbox' },
-    { title: '规则编号', index: 'no' },
-    { title: '描述', index: 'description' },
-    {
-      title: '服务调用次数',
-      index: 'callNo',
-      type: 'number',
-      format: item => `${item.callNo} 万`,
-      sort: {
-        compare: (a, b) => a.callNo - b.callNo
-      }
-    },
-    {
-      title: '状态',
-      index: 'status',
-      render: 'status',
-      filter: {
-        menus: this.status,
-        fn: (filter, record) => record.status === filter.index
-      }
-    },
-    {
-      title: '更新时间',
-      index: 'updatedAt',
-      type: 'date',
-      sort: {
-        compare: (a, b) => a.updatedAt - b.updatedAt
-      }
-    },
-    {
-      title: '操作',
-      buttons: [
-        {
-          text: '修改',
-          click: item => this.edit(item)
-        },
-        {
-          text: '删除',
-          click: item => this.delete(item)
-        }
-      ]
-    }
-  ];
-  searchSchema: SFSchema = {
-    properties: {
-      expand: {
-        type: 'boolean',
-        ui: {
-          hidden: true
-        }
-      },
-      orderSn: {
-        type: 'string',
-        title: '订单号',
-        ui: {
-          autocomplete: 'off'
-        }
-      },
-      receiveName: {
-        type: 'string',
-        title: '收件人'
-      },
-      receiveMobile: {
-        type: 'string',
-        title: '收件人电话'
-      },
-      tenantName: {
-        type: 'string',
-        title: '下单商家',
-        ui: {
-          visibleIf: {
-            expand: (value: boolean) => value
-          }
-        }
-      },
-      createTime: {
-        title: '下单时间',
-        type: 'string',
-        ui: {
-          widget: 'date',
-          mode: 'range',
-          format: 'yyyy-MM-dd',
-          visibleIf: {
-            expand: (value: boolean) => value
-          }
-        } as SFDateWidgetSchema
-      }
-    }
-  };
-
-  ui: SFUISchema = {
-    '*': {
-      spanLabelFixed: 90,
-      grid: { span: 8, gutter: 4 }
-    },
-    $orderSn: {
-      grid: { span: 8 }
-    },
-    $receiveName: {
-      grid: { span: 8 }
-    },
-    $createTime: { grid: { span: 8 } }
-  };
-  _$expand = false;
-
-  selectedRows: any[] = [];
-  totalCallNo = 0;
-  constructor(public service: DemoService, public msg: NzMessageService, private modal: ModalHelper) {}
-
-  ngOnInit(): void {}
-
-  stChange(e: STChange): void {
-    switch (e.type) {
-      case 'checkbox':
-        this.selectedRows = e.checkbox!;
-        this.totalCallNo = this.selectedRows.reduce((total, cv) => total + cv.callNo, 0);
-        break;
-      case 'filter':
-        this.st.load();
-        break;
-    }
-  }
-
-  remove(): void {
-    this.service.request('/delete/rule?_allow_anonymous=true', { nos: this.selectedRows.map(i => i.no).join(',') }).subscribe(() => {
-      this.st.load();
-      this.st.clearCheck();
-    });
-  }
-
-  approval(): void {
-    this.msg.success(`审批了 ${this.selectedRows.length} 笔`);
-  }
-
-  add(): void {
-    this.modal.createStatic(DemoEditComponent, { i: { id: 0 } }).subscribe(res => {
-      if (res) {
-        console.log(res);
-      }
-    });
-  }
-
-  edit(item: any) {
-    this.modal
-      .createStatic(DemoEditComponent, { i: { no: 1, owner: '22222', callNo: 111, status: 1, description: '222' } })
-      .subscribe(res => {
-        if (res) {
-          this.st.setRow(item, res);
-        }
-      });
-  }
-
-  delete(item: any) {
-    this.st.removeRow(item);
-  }
-
-  /**
-   * 重置表单
-   */
-  resetSF() {
-    this.sf.reset();
-    this._$expand = false;
-  }
-
-  /**
-   * 伸缩查询条件
-   */
-  expandToggle() {
-    this._$expand = !this._$expand;
-    this.sf?.setValue('/expand', this._$expand);
-  }
-}
diff --git a/src/app/routes/demo/components/zorro-demo/edit/edit.component.html b/src/app/routes/demo/components/zorro-demo/edit/edit.component.html
deleted file mode 100644
index 97f50494..00000000
--- a/src/app/routes/demo/components/zorro-demo/edit/edit.component.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<div class="modal-header">
-  <div class="modal-title">编辑 {{ record.id }} 信息</div>
-</div>
-<nz-spin *ngIf="!i" class="modal-spin"></nz-spin>
-<sf *ngIf="i" #sf mode="edit" [schema]="schema" [ui]="ui" [formData]="i" button="none">
-  <div class="modal-footer">
-    <button nz-button type="button" (click)="close()">关闭</button>
-    <button nz-button type="submit" nzType="primary" (click)="save(sf.value)" [disabled]="!sf.valid" [nzLoading]="http.loading">保存</button>
-  </div>
-</sf>
diff --git a/src/app/routes/demo/components/zorro-demo/edit/edit.component.ts b/src/app/routes/demo/components/zorro-demo/edit/edit.component.ts
deleted file mode 100644
index 989ed27f..00000000
--- a/src/app/routes/demo/components/zorro-demo/edit/edit.component.ts
+++ /dev/null
@@ -1,63 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { SFSchema, SFUISchema } from '@delon/form';
-import { _HttpClient } from '@delon/theme';
-import { NzMessageService } from 'ng-zorro-antd/message';
-import { NzModalRef } from 'ng-zorro-antd/modal';
-
-@Component({
-  selector: 'app-demo-edit',
-  templateUrl: './edit.component.html',
-})
-export class DemoEditComponent implements OnInit {
-  record: any = {};
-  i: any;
-  schema: SFSchema = {
-    properties: {
-      no: { type: 'string', title: '编号' },
-      owner: { type: 'string', title: '姓名', maxLength: 15 },
-      callNo: { type: 'number', title: '调用次数' },
-      status: { type: 'number', title: '链接' },
-      description: { type: 'string', title: '描述', maxLength: 140 },
-    },
-    required: ['owner', 'callNo', 'description'],
-  };
-  ui: SFUISchema = {
-    '*': {
-      spanLabelFixed: 100,
-      grid: { span: 12 },
-    },
-    $no: {
-      widget: 'text'
-    },
-    $href: {
-      widget: 'string',
-    },
-    $description: {
-      widget: 'textarea',
-      grid: { span: 24 },
-    },
-  };
-
-  constructor(
-    private modal: NzModalRef,
-    private msgSrv: NzMessageService,
-    public http: _HttpClient,
-  ) {}
-
-  ngOnInit(): void {
-    if (this.record.id > 0)
-    this.http.get(`/user/${this.record.id}`).subscribe(res => (this.i = res));
-  }
-
-  save(value: any): void {
-    this.modal.close(value);
-    // this.http.post(`/user/${this.record.id}`, value).subscribe(res => {
-    //   this.msgSrv.success('保存成功');
-    //   this.modal.close(true);
-    // });
-  }
-
-  close(): void {
-    this.modal.destroy();
-  }
-}
diff --git a/src/app/routes/demo/components/zorro-demo/zorro-demo.component.html b/src/app/routes/demo/components/zorro-demo/zorro-demo.component.html
deleted file mode 100644
index ec55f6ee..00000000
--- a/src/app/routes/demo/components/zorro-demo/zorro-demo.component.html
+++ /dev/null
@@ -1,129 +0,0 @@
-<page-header-wrapper title="Zorro案例">
-</page-header-wrapper>
-
-<nz-card [nzBordered]="false">
-    <form nz-form (ngSubmit)="getData()" class="search__form">
-        <div nz-row [nzGutter]="{ xs: 8, sm: 8, md: 24, lg: 24, xl: 48, xxl: 48 }">
-            <div nz-col nzMd="8" nzSm="24">
-                <nz-form-item>
-                    <nz-form-label nzFor="no">规则编号</nz-form-label>
-                    <nz-form-control>
-                        <input nz-input [(ngModel)]="q.no" name="no" placeholder="请输入" id="no" />
-                    </nz-form-control>
-                </nz-form-item>
-            </div>
-            <div nz-col nzMd="8" nzSm="24">
-                <nz-form-item>
-                    <nz-form-label nzFor="status">使用状态</nz-form-label>
-                    <nz-form-control>
-                        <nz-select [(ngModel)]="q.status" name="status" id="status" [nzPlaceHolder]="'请选择'"
-                            [nzShowSearch]="true">
-                            <nz-option *ngFor="let i of status; let idx = index" [nzLabel]="i.text" [nzValue]="idx">
-                            </nz-option>
-                        </nz-select>
-                    </nz-form-control>
-                </nz-form-item>
-            </div>
-            <div nz-col nzMd="8" nzSm="24" *ngIf="expandForm">
-                <nz-form-item>
-                    <nz-form-label nzFor="callNo">调用次数</nz-form-label>
-                    <nz-form-control>
-                        <input nz-input id="callNo" />
-                    </nz-form-control>
-                </nz-form-item>
-            </div>
-            <div nz-col nzMd="8" nzSm="24" *ngIf="expandForm">
-                <nz-form-item>
-                    <nz-form-label nzFor="updatedAt">更新日期</nz-form-label>
-                    <nz-form-control>
-                        <nz-date-picker id="updatedAt" style="width: 100%;"></nz-date-picker>
-                    </nz-form-control>
-                </nz-form-item>
-            </div>
-            <div nz-col nzMd="8" nzSm="24" *ngIf="expandForm">
-                <nz-form-item>
-                    <nz-form-label nzFor="status2">使用状态</nz-form-label>
-                    <nz-form-control>
-                        <nz-select [nzPlaceHolder]="'请选择'" nzId="status2" [nzShowSearch]="true">
-                            <nz-option *ngFor="let i of status; let idx = index" [nzLabel]="i.text" [nzValue]="idx">
-                            </nz-option>
-                        </nz-select>
-                    </nz-form-control>
-                </nz-form-item>
-            </div>
-            <div nz-col [nzSpan]="8" [class.text-right]="expandForm">
-                <button nz-button type="button" [nzType]="'primary'" (click)="action(modalContent)">新增</button>
-                <button nz-button type="submit" [nzType]="'primary'" [nzLoading]="loading">查询</button>
-                <button nz-button type="reset" (click)="reset()" class="mx-sm">重置</button>
-                <a (click)="expandForm = !expandForm">
-                    {{ expandForm ? '收起' : '展开' }}
-                    <i nz-icon [nzType]="expandForm ? 'up' : 'down'"></i>
-                </a>
-            </div>
-        </div>
-    </form>
-
-    <ng-container *ngIf="selectedRows.length > 0">
-        <button nz-button class="mb-md">批量操作</button>
-        <button nz-button nz-dropdown [nzDropdownMenu]="batchMenu" nzPlacement="bottomLeft">
-            更多操作
-            <i nz-icon nzType="down"></i>
-        </button>
-        <nz-dropdown-menu #batchMenu="nzDropdownMenu">
-            <ul nz-menu>
-                <li nz-menu-item (click)="remove()">删除</li>
-                <li nz-menu-item (click)="approval()">批量审批</li>
-            </ul>
-        </nz-dropdown-menu>
-    </ng-container>
-    <div>
-        <nz-alert [nzType]="'info'" [nzShowIcon]="true" [nzMessage]="message">
-            <ng-template #message>
-                已选择
-                <strong class="text-primary">{{ selectedRows.length }}</strong> 项&nbsp;&nbsp; 服务调用总计 <strong>{{
-                    totalCallNo }}</strong> 万
-                <a *ngIf="selectedRows.length > 0" (click)="clearCheck()" class="ml-lg">清空</a>
-            </ng-template>
-        </nz-alert>
-    </div>
-
-    <nz-table #rowSelectionTable nzShowPagination nzShowSizeChanger [nzData]="data">
-        <thead>
-            <tr>
-                <th [(nzChecked)]="checkedAll" [nzIndeterminate]="indeterminate"
-                    (nzCheckedChange)="onAllChecked($event)">
-                </th>
-                <th>No</th>
-                <th>Name</th>
-                <th>Description</th>
-                <th>Option</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr *ngFor="let data of rowSelectionTable.data">
-                <td [nzShowCheckbox]="true" [(nzChecked)]="data.checked" [nzDisabled]="data.disabled"
-                    (nzCheckedChange)="onItemChecked($event,data)">
-                </td>
-                <td>{{ data.no }}</td>
-                <td>{{ data.callNo }}</td>
-                <td>{{ data.description }}</td>
-                <td>
-                    <a (click)="action(modalContent,data)">Edit</a>
-                    <nz-divider nzType="vertical"></nz-divider>
-                    <a (click)="deleteAction(data)">Delete </a>
-                </td>
-            </tr>
-        </tbody>
-    </nz-table>
-</nz-card>
-
-
-
-<ng-template #modalContent>
-    <nz-form-item>
-        <nz-form-label nzFor="no">描述</nz-form-label>
-        <nz-form-control>
-            <input nz-input [(ngModel)]="description" name="description" placeholder="请输入" id="no" />
-        </nz-form-control>
-    </nz-form-item>
-</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/demo/components/zorro-demo/zorro-demo.component.ts b/src/app/routes/demo/components/zorro-demo/zorro-demo.component.ts
deleted file mode 100644
index cef1b137..00000000
--- a/src/app/routes/demo/components/zorro-demo/zorro-demo.component.ts
+++ /dev/null
@@ -1,161 +0,0 @@
-import { ChangeDetectorRef, Component, OnInit, TemplateRef } from '@angular/core';
-import { NzSafeAny } from 'ng-zorro-antd/core/types';
-import { NzMessageService } from 'ng-zorro-antd/message';
-import { NzModalService } from 'ng-zorro-antd/modal';
-import { map, tap } from 'rxjs/operators';
-import { DemoService } from '../../services/demo.service';
-
-@Component({
-  selector: 'app-zorro-demo',
-  templateUrl: './zorro-demo.component.html',
-  styleUrls: ['./zorro-demo.component.less']
-})
-export class ZorroDemoComponent implements OnInit {
-  data: any[] = [];
-  loading = false;
-  expandForm = false;
-
-  q: {
-    pi: number;
-    ps: number;
-    no: string;
-    sorter: string;
-    status: number | null;
-    statusList: NzSafeAny[];
-  } = {
-    pi: 1,
-    ps: 10,
-    no: '',
-    sorter: '',
-    status: null,
-    statusList: []
-  };
-
-  status = [
-    { index: 0, text: '关闭', value: false, type: 'default', checked: false },
-    {
-      index: 1,
-      text: '运行中',
-      value: false,
-      type: 'processing',
-      checked: false
-    },
-    { index: 2, text: '已上线', value: false, type: 'success', checked: false },
-    { index: 3, text: '异常', value: false, type: 'error', checked: false }
-  ];
-
-  selectedRows: any[] = [];
-  totalCallNo = 0;
-  description: string = '';
-  checkedAll = false;
-  indeterminate = false;
-  constructor(
-    private service: DemoService,
-    public msg: NzMessageService,
-    private modalSrv: NzModalService,
-    private cdr: ChangeDetectorRef
-  ) {}
-
-  ngOnInit(): void {
-    this.getData();
-  }
-
-  getData(): void {
-    this.loading = true;
-    this.q.statusList = this.status.filter(w => w.checked).map(item => item.index);
-    if (this.q.status !== null && this.q.status > -1) {
-      this.q.statusList.push(this.q.status);
-    }
-    this.service
-      .request('/rule?_allow_anonymous=true', this.q)
-      .pipe(
-        map((list: Array<{ status: number; statusText: string; statusType: string }>) =>
-          list.map(i => {
-            const statusItem = this.status[i.status];
-            i.statusText = statusItem.text;
-            i.statusType = statusItem.type;
-            return i;
-          })
-        ),
-        tap(() => (this.loading = false))
-      )
-      .subscribe(res => {
-        this.data = res;
-      });
-  }
-
-  action(tpl: TemplateRef<{}>, data?: any): void {
-    if (data) {
-      this.description = data.description;
-    }
-    this.modalSrv.create({
-      nzTitle: '新建规则',
-      nzContent: tpl,
-      nzOnOk: () => {
-        this.loading = true;
-
-        // this.http.post('/rule', { description: this.description }).subscribe(() => this.getData());
-        if (data) {
-          Object.assign(data, { description: this.description });
-        } else {
-          this.data.push({
-            checked: false,
-            key: this.data.length,
-            callNo: 111,
-            description: this.description
-          });
-          this.data = [...this.data];
-        }
-        setTimeout(() => {
-          this.loading = false;
-        }, 1000);
-      }
-    });
-  }
-
-  remove(): void {
-    this.service.request('/delete/rule?_allow_anonymous=true', { nos: this.selectedRows.map((i: any) => i.no).join(',') }).subscribe(() => {
-      this.getData();
-      this.clearCheck();
-    });
-  }
-
-  deleteAction(item: any) {
-    this.data = this.data.filter(({ no }) => no !== item.no);
-  }
-
-  approval(): void {
-    this.msg.success(`审批了 ${this.selectedRows.length} 笔`);
-  }
-
-  onAllChecked(checked: boolean): void {
-    this.data.filter(({ disabled }) => !disabled).forEach(item => (item.checked = checked));
-    this.selectedRows = this.data.filter(({ checked }) => checked);
-  }
-
-  onItemChecked(checked: boolean, item: any): void {
-    if (checked) {
-      this.selectedRows.push(item);
-    } else {
-      this.selectedRows = this.selectedRows.filter(({ no }) => no !== item.no);
-    }
-    this.refreshCheckedStatus();
-  }
-
-  refreshCheckedStatus(): void {
-    this.checkedAll = this.data.every(item => item.checked);
-    this.indeterminate = this.data.some(item => item.checked) && !this.checkedAll;
-  }
-
-  clearCheck() {
-    this.data.forEach(item => (item.checked = false));
-    this.selectedRows = [];
-    this.checkedAll = false;
-    this.indeterminate = false;
-  }
-
-  reset(): void {
-    // wait form reset updated finished
-    setTimeout(() => this.getData());
-  }
-}
diff --git a/src/app/routes/demo/demo-routing.module.ts b/src/app/routes/demo/demo-routing.module.ts
deleted file mode 100644
index 2f6625d7..00000000
--- a/src/app/routes/demo/demo-routing.module.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { AlianDemoComponent } from './components/alian-demo/alian-demo.component';
-import { ZorroDemoComponent } from './components/zorro-demo/zorro-demo.component';
-
-const routes: Routes = [
-  { path: 'zorro', component: ZorroDemoComponent },
-  { path: 'alain', component: AlianDemoComponent },
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
-})
-export class DemoRoutingModule { }
diff --git a/src/app/routes/demo/demo.module.ts b/src/app/routes/demo/demo.module.ts
deleted file mode 100644
index b1828a1e..00000000
--- a/src/app/routes/demo/demo.module.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { NgModule, Type } from '@angular/core';
-import { SharedModule } from '@shared';
-import { AlianDemoComponent } from './components/alian-demo/alian-demo.component';
-import { DemoEditComponent } from './components/zorro-demo/edit/edit.component';
-
-import { ZorroDemoComponent } from './components/zorro-demo/zorro-demo.component';
-import { DemoRoutingModule } from './demo-routing.module';
-
-const COMPONENTS: Array<Type<void>> = [DemoEditComponent, ZorroDemoComponent, AlianDemoComponent];
-
-@NgModule({
-  imports: [SharedModule, DemoRoutingModule],
-  declarations: COMPONENTS
-})
-export class DemoModule {}
diff --git a/src/app/routes/download/components/list/list.component.html b/src/app/routes/download/components/list/list.component.html
new file mode 100644
index 00000000..40d662a6
--- /dev/null
+++ b/src/app/routes/download/components/list/list.component.html
@@ -0,0 +1,13 @@
+<page-header-wrapper [title]="'下载中心'"></page-header-wrapper>
+
+<nz-card nzSize="small">
+  <!-- 搜索区 -->
+  <sf #sf mode="search" [schema]="schema" (formSubmit)="st.load(1)" (formReset)="resetSF()"></sf>
+  <!-- 数据列表 -->
+  <st #st multiSort [scroll]="{ x: '1200px' }" [size]="'small'" [data]="service.$api_get_page" [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="service.http.loading">
+  </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/download/components/list/list.component.ts b/src/app/routes/download/components/list/list.component.ts
new file mode 100644
index 00000000..05f38c4c
--- /dev/null
+++ b/src/app/routes/download/components/list/list.component.ts
@@ -0,0 +1,128 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STChange, STColumn, STComponent, STData } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { DownloadService } from '../../services/download.service';
+
+@Component({
+  selector: 'app-download-center-components-list',
+  templateUrl: './list.component.html'
+})
+export class DownloadComponentsListComponent implements OnInit {
+  ui: SFUISchema = {};
+  schema: SFSchema = {};
+  columns: STColumn[] = [];
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  constructor(public service: DownloadService, private modal: NzModalService, private router: Router, private ar: ActivatedRoute) {}
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    return { ...params, createTime: params?.createTime?.start, applyEndTime: params?.createTime?.end };
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+  /**
+   * 程序初始化入口
+   */
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+  }
+
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: {
+          type: 'boolean',
+          ui: { hidden: true }
+        },
+        createTime: {
+          type: 'string',
+          title: '创建时间',
+          ui: {
+            widget: 'sl-from-to',
+            type: 'date',
+            format: 'yyyy-MM-dd'
+          } as SFDateWidgetSchema
+        }
+      }
+    };
+    this.ui = { '*': { spanLabelFixed: 80, grid: { span: 8, gutter: 4 } } };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '文件名称', index: 'dataSourcesDetail', className: 'text-center' },
+      { title: '文件来源', index: 'dataSources', className: 'text-center' },
+      { title: '文件大小', index: 'dataSize', width: '120px', className: 'text-center' },
+      {
+        title: '生成状态',
+        index: 'status',
+        width: '120px',
+        className: 'text-center',
+        type: 'enum',
+        enum: {
+          0: '生成中',
+          1: '已完成',
+          2: '失败'
+        }
+      },
+      { title: '下载次数', index: 'downloadCount', width: '120px', className: 'text-center' },
+      { title: '创建时间', index: 'createTime', width: '120px', className: 'text-center' },
+      { title: '生成时间', index: 'completeTime', width: '180px', className: 'text-center' },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '170px',
+        className: 'text-center',
+        buttons: [{ text: '下载', click: _record => this.download(_record) }]
+      }
+    ];
+  }
+
+  /**
+   * 删除单个实例
+   * @param record 记录实例
+   */
+  delOne(record: STData) {
+    const headers = [{ key: 'Content-Type', value: 'application/json' }];
+    this.modal.confirm({
+      nzTitle: '<i>删除确认</i>',
+      nzContent: `<b>即将删除 当前行数据,请仔细核对,避免误操作！<br>是否删除？</br>`,
+      nzOnOk: () =>
+        this.service.request(this.service.encodeUrlHeader(this.service.$api_del_many, headers), { fileKey: record.id }).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('数据删除成功！');
+            this.st?.reload();
+          }
+        })
+    });
+  }
+  download(record: STData) {
+    const headers = [{ key: 'Content-Type', value: 'application/json' }];
+    this.service.downloadFile(
+      this.service.encodeUrlHeader(this.service.$api_download_file, headers),
+      {},
+      { fileKey: record.fileUniqueKey },
+      'POST'
+    );
+  }
+}
diff --git a/src/app/routes/download/download-routing.module.ts b/src/app/routes/download/download-routing.module.ts
new file mode 100644
index 00000000..6cd311bb
--- /dev/null
+++ b/src/app/routes/download/download-routing.module.ts
@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { DownloadComponentsListComponent } from './components/list/list.component';
+
+const routes: Routes = [
+  { path: '', redirectTo: 'list', pathMatch: 'full' },
+  { path: 'list', component: DownloadComponentsListComponent, data: { reuse: true } },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class DownloadRoutingModule {}
diff --git a/src/app/routes/download/download.module.ts b/src/app/routes/download/download.module.ts
new file mode 100644
index 00000000..a6b86c99
--- /dev/null
+++ b/src/app/routes/download/download.module.ts
@@ -0,0 +1,12 @@
+import { NgModule, Type } from '@angular/core';
+import { SharedModule } from '@shared';
+import { DownloadComponentsListComponent } from './components/list/list.component';
+import { DownloadRoutingModule } from './download-routing.module';
+
+const COMPONENTS: Type<void>[] = [DownloadComponentsListComponent];
+
+@NgModule({
+  imports: [SharedModule, DownloadRoutingModule],
+  declarations: COMPONENTS,
+})
+export class DownloadModule {}
diff --git a/src/app/routes/download/services/download.service.ts b/src/app/routes/download/services/download.service.ts
new file mode 100644
index 00000000..12fcb323
--- /dev/null
+++ b/src/app/routes/download/services/download.service.ts
@@ -0,0 +1,18 @@
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class DownloadService extends BaseService {
+  // 删除多个实例接口地址
+  $api_del_many = '/scm/cms/cms/deleteRecordInfo/file';
+  // 获取实例分页数据接口地址
+  $api_get_page = '/api/mdc/pbc/asynExportInfo/getAsynExportInfoListPage';
+  // 下载文件
+  $api_download_file = '/api/mdc/pbc/download/file';
+
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/financial-management/components/abnormal-gold/abnormal-gold.component.html b/src/app/routes/financial-management/components/abnormal-gold/abnormal-gold.component.html
new file mode 100644
index 00000000..cdae9762
--- /dev/null
+++ b/src/app/routes/financial-management/components/abnormal-gold/abnormal-gold.component.html
@@ -0,0 +1,35 @@
+<page-header-wrapper [title]="'异常入金'">
+</page-header-wrapper>
+
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button> 导出</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+    <nz-tabset>
+        <nz-tab nzTitle="待处理"></nz-tab>
+        <nz-tab nzTitle="已清分"></nz-tab>
+        <nz-tab nzTitle="已退款"></nz-tab>
+        <nz-tab nzTitle="全部"></nz-tab>
+    </nz-tabset>
+
+    <st #st [data]="service.$api_get_abnormal_gold_page" [columns]="columns" [req]="{   process: beforeReq }" [page]="{}"
+        [loading]="false" [scroll]="{ x:'1200px' }"></st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/abnormal-gold/abnormal-gold.component.less b/src/app/routes/financial-management/components/abnormal-gold/abnormal-gold.component.less
new file mode 100644
index 00000000..c5f2b1ea
--- /dev/null
+++ b/src/app/routes/financial-management/components/abnormal-gold/abnormal-gold.component.less
@@ -0,0 +1,37 @@
+:host::ng-deep {
+    .search-box {
+        .ant-card-body {
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box {
+        .ant-card-body {
+            padding-top: 0;
+        }
+    }
+
+    nz-range-picker {
+        width: 100%;
+    }
+
+    .ant-tabs-tab-btn {
+        padding-left : 16px;
+        padding-right: 16px;
+    }
+}
+
+.expend-options {
+    margin-top: 0px;
+}
+
+
+@media (min-width: 1200px) {
+    .expend-options {
+        max-width: 400px;
+        position : absolute;
+        right    : 0;
+        bottom   : 25px;
+    }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/abnormal-gold/abnormal-gold.component.ts b/src/app/routes/financial-management/components/abnormal-gold/abnormal-gold.component.ts
new file mode 100644
index 00000000..f1195aa0
--- /dev/null
+++ b/src/app/routes/financial-management/components/abnormal-gold/abnormal-gold.component.ts
@@ -0,0 +1,192 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { FreightAccountService } from '../../services/freight-account.service';
+import { ClearingModalComponent } from './clearing-modal/clearing-modal.component';
+
+@Component({
+  selector: 'app-abnormal-gold',
+  templateUrl: './abnormal-gold.component.html',
+  styleUrls: ['./abnormal-gold.component.less']
+})
+export class AbnormalGoldComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  constructor(public service: FreightAccountService, private nzModalService: NzModalService, private router: Router) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, { ...this.sf.value });
+    }
+    return requestOptions;
+  };
+
+  refund(item: any) {
+    this.nzModalService.warning({
+      nzTitle: '确定要将该笔款项原路退回？',
+      nzOnOk: () => {}
+    });
+  }
+
+  clearingAction(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '清分',
+      nzContent: ClearingModalComponent,
+      nzOnOk: com => {
+        return false;
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        paySerialNumber: {
+          type: 'string',
+          title: '银行流水号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          }
+        },
+        bankType: {
+          type: 'string',
+          title: '银行类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '平安银行', value: '1' },
+            { label: '浦发银行', value: '2' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+          },
+          default: ''
+        },
+        transferBankAccount: {
+          type: 'string',
+          title: '付款账户',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        transferBankCardNumber: {
+          type: 'string',
+          title: '付款账号',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        transferBankOpenName: {
+          type: 'string',
+          title: '付款银行',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        transferDate: {
+          title: '转账时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '银行流水号', index: 'paySerialNumber', width: 150 },
+      { title: '网络货运人', index: 'ltdId', width: 120 },
+      { title: '银行类型', index: 'callNo', width: 100, type: 'enum', enum: { 1: '平安银行', 2: '浦发银行' } },
+      { title: '资金总账号', index: 'callNo', width: 120 },
+      { title: '充值金额', index: 'rechargeAmount', width: 100 },
+      { title: '付款账户', index: 'transferBankAccount', width: 100 },
+      { title: '付款账号', index: 'transferBankCardNumber', width: 100 },
+      { title: '付款银行', index: 'transferBankOpenName', width: 100 },
+      { title: '转账时间', index: 'transferDate', type: 'date', width: 150 },
+      { title: '转账备注', index: 'rechargeRemark', width: 100 },
+      { title: '操作人', index: 'rechargeName', width: 90 },
+      { title: '操作时间', index: 'callNo', type: 'date', width: 150 },
+      { title: '状态', index: 'callNo', width: 90 },
+      {
+        title: '操作',
+        fixed: 'right',
+        className: 'text-center',
+        width: 120,
+        buttons: [
+          {
+            text: '清分',
+            click: item => this.clearingAction(item)
+          },
+          {
+            text: '退款',
+            click: item => this.refund(item)
+          },
+          {
+            text: '查看',
+            click: item => this.router.navigate(['/financial-management/withdrawals-record/detail/1'])
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/abnormal-gold/clearing-modal/clearing-modal.component.html b/src/app/routes/financial-management/components/abnormal-gold/clearing-modal/clearing-modal.component.html
new file mode 100644
index 00000000..fd8c045d
--- /dev/null
+++ b/src/app/routes/financial-management/components/abnormal-gold/clearing-modal/clearing-modal.component.html
@@ -0,0 +1,2 @@
+<sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'">
+</sf>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/abnormal-gold/clearing-modal/clearing-modal.component.less b/src/app/routes/financial-management/components/abnormal-gold/clearing-modal/clearing-modal.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/financial-management/components/abnormal-gold/clearing-modal/clearing-modal.component.ts b/src/app/routes/financial-management/components/abnormal-gold/clearing-modal/clearing-modal.component.ts
new file mode 100644
index 00000000..592e7bc4
--- /dev/null
+++ b/src/app/routes/financial-management/components/abnormal-gold/clearing-modal/clearing-modal.component.ts
@@ -0,0 +1,106 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { apiConf } from '@conf/api.conf';
+import { SFComponent, SFSchema, SFTextWidgetSchema, SFUISchema, SFUploadWidgetSchema } from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { FreightAccountService } from '../../../services/freight-account.service';
+
+const IMAGECONFIG = {
+  action: apiConf.waterFileUpload,
+  fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+  fileSize: 5120,
+  limit: 1,
+  limitFileCount: 1,
+  resReName: 'data.fullFileWatermarkPath',
+  urlReName: 'data.fullFileWatermarkPath',
+  widget: 'upload',
+  name: 'multipartFile',
+  multiple: false,
+  listType: 'picture-card'
+};
+
+@Component({
+  selector: 'app-clearing-modal',
+  templateUrl: './clearing-modal.component.html',
+  styleUrls: ['./clearing-modal.component.less']
+})
+export class ClearingModalComponent implements OnInit {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  i: any;
+  schema!: SFSchema;
+  ui: SFUISchema = {
+    '*': {
+      spanLabelFixed: 120,
+      grid: { span: 18 }
+    }
+  };
+
+  constructor(
+    private modal: NzModalRef,
+    public service: FreightAccountService,
+    public shipperservice: ShipperBaseService,
+    ) {}
+
+  ngOnInit(): void {
+    this.initSF(this.i);
+  }
+  initSF(staff: any) {
+    this.schema = {
+      properties: {
+        name: {
+          title: '入账金额',
+          type: 'string',
+          ui: {
+            widget: 'text'
+          } as SFTextWidgetSchema,
+          default: '10000.00'
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+            allowClear: true,
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder(),
+          },
+        },
+        name3: {
+          title: '银行类型',
+          type: 'string',
+          ui: {
+            widget: 'text'
+          } as SFTextWidgetSchema,
+          default: '平安银行'
+        },
+        receiveName: {
+          type: 'string',
+          title: '分配对象',
+          enum: [{ label: '全部', value: '全部' }],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          },
+          default: ''
+        },
+        licensePhotoWatermark: {
+          type: 'string',
+          title: '上传凭证',
+          ui: {
+            ...IMAGECONFIG,
+            change: args => {
+              if (args.type === 'success') {
+                this.sf.setValue('/licensePhoto', args.fileList[0].response.data.fullFilePath);
+              }
+            }
+          } as SFUploadWidgetSchema
+        }
+      },
+      required: ['name', 'name2', 'name3', 'receiveName']
+    };
+  }
+}
diff --git a/src/app/routes/financial-management/components/advance-collection/advance-collection-detail/advance-collection-detail.component.html b/src/app/routes/financial-management/components/advance-collection/advance-collection-detail/advance-collection-detail.component.html
new file mode 100644
index 00000000..f61ad33d
--- /dev/null
+++ b/src/app/routes/financial-management/components/advance-collection/advance-collection-detail/advance-collection-detail.component.html
@@ -0,0 +1,86 @@
+<page-header-wrapper title="收款单" [logo]="logo">
+    <ng-template #logo>
+        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+            <i nz-icon nzType="left" nzTheme="outline"></i>
+        </button>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card class="search-box">
+    <div nz-row>
+        <div nz-col nzSpan="24">
+            <se-container col="3" labelWidth="120">
+                <se-title class="mb-md" style="font-size: 18px">基本信息</se-title>
+                <se label="网络货运人" required>
+                    {{ costInfo?.ltdName }}
+                </se>
+                <se label="银行类型">
+                    {{ costInfo?.banktypeLabel }}
+                </se>
+                <se label="付款人" required>
+                    {{ costInfo?.artoname }}
+                </se>
+                <se label="结算客户" required>
+                    {{ costInfo?.cnoName }}
+                </se>
+                <se label="收款账户">
+                    {{ costInfo?.ltdaccountId }}
+                </se>
+                <se label="预收金额">
+                    {{ costInfo?.brmmoney |currency }}
+                </se>
+                <se label="收款类型" required>
+                    {{ costInfo?.brmtypeLabel }}
+                </se>
+            </se-container>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+    <nz-tabset>
+        <nz-tab nzTitle="转入信息">
+            <!-- <div nz-row nzGutter="8">
+                <div nz-col [nzXl]="16" [nzLg]="18" [nzSm]="24" [nzXs]="24">
+                    <sf #sf [schema]="inputSearchSchema"
+                        [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 12, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                        [button]="'none'"></sf>
+                </div>
+                <div nz-col [nzXl]="8" [nzLg]="6" [nzSm]="24" [nzXs]="24">
+                    <button nz-button nzType="primary" [nzLoading]="service.http.loading"
+                        (click)="inputST?.load(1)">查询</button>
+                    <button nz-button (click)="resetInputSF()">重置</button>
+                </div>
+            </div> -->
+            <st #inputST [data]="service.$api_get_advance_collection_detail" [columns]="columns.input"
+                [page]="{ show: false }" [req]="{  process: beforeReq }" [res]="{ reName: { list: 'data' } }"
+                [loading]="false" [scroll]="{ x: '1200px', y: '370px' }" class="mt-md">
+                <ng-template st-row="no" let-item let-index="index" let-column="column">
+                    {{index+1}}
+                </ng-template>
+            </st>
+        </nz-tab>
+        <nz-tab nzTitle="核销信息">
+            <!-- <div nz-row nzGutter="8">
+                <div nz-col [nzXl]="16" [nzLg]="18" [nzSm]="24" [nzXs]="24">
+                    <sf #sf [schema]="infoSearchSchema"
+                        [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 12, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                        [button]="'none'"></sf>
+                </div>
+                <div nz-col [nzXl]="8" [nzLg]="6" [nzSm]="24" [nzXs]="24">
+                    <button nz-button nzType="primary" [nzLoading]="service.http.loading"
+                        (click)="infoST?.load(1)">查询</button>
+                    <button nz-button (click)="resetInfoSF()">重置</button>
+                </div>
+            </div> -->
+            <st #infoST [scroll]="{ x: '2000px' }" [data]="service.$api_get_advance_collection_hrxiao"
+                [columns]="columns.info" [page]="{ show: false }" [req]="{  process: beforeReq }"
+                [res]="{ reName: { list: 'data' } }" [loading]="false" [scroll]="{ x: '1200px', y: '370px' }"
+                class="mt-md">
+                <ng-template st-row="no" let-item let-index="index" let-column="column">
+                    {{index+1}}
+                </ng-template>
+            </st>
+        </nz-tab>
+    </nz-tabset>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/advance-collection/advance-collection-detail/advance-collection-detail.component.ts b/src/app/routes/financial-management/components/advance-collection/advance-collection-detail/advance-collection-detail.component.ts
new file mode 100644
index 00000000..0ddf08f4
--- /dev/null
+++ b/src/app/routes/financial-management/components/advance-collection/advance-collection-detail/advance-collection-detail.component.ts
@@ -0,0 +1,150 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema } from '@delon/form';
+import { FreightAccountService } from '../../../services/freight-account.service';
+
+@Component({
+  selector: 'app-advance-collection-detail',
+  templateUrl: './advance-collection-detail.component.html',
+  styleUrls: ['../../../../commom/less/box.less', '../../../../commom/less/basic-board.less']
+})
+export class AdvanceCollectionDetailComponent implements OnInit {
+  @ViewChild('inputST', { static: true })
+  inputST!: STComponent;
+  columns: { [key: string]: STColumn[] } = this.initST();
+  @ViewChild('infoST', { static: true })
+  infoST!: STComponent;
+  costInfo: any = {};
+  id: any = null;
+
+  @ViewChild('sf', { static: false })
+  inputSF!: SFComponent;
+  @ViewChild('sf', { static: false })
+  infoSF!: SFComponent;
+  inputSearchSchema: SFSchema = this.initInputSF();
+  infoSearchSchema: SFSchema = this.initInfoSF();
+  constructor(public service: FreightAccountService, private route: ActivatedRoute) {
+    this.id = route.snapshot.params.id;
+    this.loadDetail(this.id);
+  }
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, {
+      id: this.id
+    });
+    return requestOptions;
+  };
+
+  loadDetail(id: any) {
+    this.service.request(this.service.$api_get_advance_collection_header, { id }).subscribe(res => {
+      if (res) {
+        this.costInfo = res;
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetInputSF() {
+    this.inputSF.reset();
+  }
+  /**
+   * 重置表单
+   */
+  resetInfoSF() {
+    this.infoSF.reset();
+  }
+
+  goBack() {
+    history.go(-1);
+  }
+
+  private initInputSF(): SFSchema {
+    return {
+      properties: {
+        feedate: {
+          title: '到账日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd'
+          } as SFDateWidgetSchema
+        },
+        billHCode: {
+          type: 'string',
+          title: '收款单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        }
+      }
+    };
+  }
+
+  private initInfoSF(): SFSchema {
+    return {
+      properties: {
+        feedate: {
+          title: '核销日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd'
+          } as SFDateWidgetSchema
+        },
+        billHCode: {
+          type: 'string',
+          title: '核销单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): { [key: string]: STColumn[] } {
+    return {
+      input: [
+        { title: '序号', render: 'no', width: 70, className: 'text-left' },
+        { title: '收款单号', index: 'brmHCode', className: 'text-left', width: 200 },
+        // { title: '到账日期', index: 'billHId', className: 'text-center', width: 150 },
+        {
+          title: '到账金额',
+          index: 'yskmoney',
+          type: 'widget',
+          className: 'text-right',
+          widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yskmoney }) },
+          width: 140
+        },
+        {
+          title: '转预收金额',
+          index: 'yskmoney',
+          type: 'widget',
+          className: 'text-right',
+          widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yskmoney }) },
+          width: 140
+        },
+        // { title: '预收备注', index: 'callNo', width: 200 }
+      ],
+      info: [
+        { title: '序号', render: 'no', width: 70, className: 'text-left' },
+        { title: '核销单号', index: 'ahxcode', className: 'text-left', width: 200 },
+        { title: '核销日期', index: 'ahxdate', className: 'text-center', width: 150 },
+        {
+          title: '核销金额',
+          index: 'ahxmoney',
+          type: 'widget',
+          className: 'text-right',
+          widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.ahxmoney }) },
+          width: 200
+        },
+        { title: '核销备注', index: 'remarks', className: 'text-left', width: 200 }
+      ]
+    };
+  }
+}
diff --git a/src/app/routes/financial-management/components/advance-collection/advance-collection.component.html b/src/app/routes/financial-management/components/advance-collection/advance-collection.component.html
new file mode 100644
index 00000000..065f29b2
--- /dev/null
+++ b/src/app/routes/financial-management/components/advance-collection/advance-collection.component.html
@@ -0,0 +1,28 @@
+<page-header-wrapper title="预收款余额">
+</page-header-wrapper>
+
+<nz-card class="search-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 110,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button (click)="exportList()"> 导出</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box">
+    <st #st [data]="service.$api_get_advance_collection_page" [columns]="columns" [req]="{  process: beforeReq }" [page]="{}"
+        [loading]="false" [scroll]="{ x: '1200px' }">
+    </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/advance-collection/advance-collection.component.ts b/src/app/routes/financial-management/components/advance-collection/advance-collection.component.ts
new file mode 100644
index 00000000..57a658a1
--- /dev/null
+++ b/src/app/routes/financial-management/components/advance-collection/advance-collection.component.ts
@@ -0,0 +1,164 @@
+import { Component, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+
+import { FreightAccountService } from '../../services/freight-account.service';
+
+@Component({
+  selector: 'app-advance-collection',
+  templateUrl: './advance-collection.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class AdvanceCollectionComponent {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+
+  searchSchema: SFSchema = this.initSF();
+  columns: STColumn[] = this.initST();
+  _$expand = false;
+
+  constructor(public service: FreightAccountService, private router: Router, private modal: NzModalService) {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, { ...this.sf.value });
+    }
+    return requestOptions;
+  };
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  exportList() {
+    this.service.downloadFile(this.service.$mock_url, { ...this.sf.value, pageSize: -1 });
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          }
+        },
+        cno: {
+          type: 'string',
+          title: '结算客户',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getCloseAccount()
+          }
+        },
+        arto: {
+          type: 'string',
+          title: '付款人',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            onSearch: (q: any) => this.service.getEnterpriceList({ enterpriseName: q })
+          }
+        },
+        brmtype: {
+          type: 'string',
+          title: '收款类型',
+          enum: [{ label: '全部', value: null }],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: null
+        },
+        bankType: {
+          type: 'string',
+          title: '银行类型',
+          enum: [
+            { label: '全部', value: null },
+            { label: '平安银行', value: '1' },
+            { label: '浦发银行', value: '2' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: null
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '网络货运人', width: 160, index: 'ltdName' },
+      { title: '银行类型', width: 120, index: 'banktypeLabel' },
+      { title: '收款账户', width: 150, index: 'ltdaccountId' },
+      { title: '收款类型', width: 120, index: 'brmtypeLabel' },
+      {
+        title: '预收余额',
+        index: 'yskmoney',
+        width: 140,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yskmoney }) }
+      },
+      { title: '付款人', index: 'artoName', width: 180 },
+      { title: '结算客户', index: 'cnoName', width: 150 },
+      {
+        title: '操作',
+        width: 120,
+        className: 'text-center',
+        fixed: 'right',
+        buttons: [
+          {
+            text: '浏览',
+            click: item => this.router.navigate([`/financial-management/advance-collection/detail/${item.id}`])
+          }
+          // {
+          //   text: '核销'
+          // },
+          // {
+          //   text: '退款'
+          // }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/cost-management/cost-management-detail/cost-management-detail.component.html b/src/app/routes/financial-management/components/cost-management/cost-management-detail/cost-management-detail.component.html
new file mode 100644
index 00000000..976d3b4a
--- /dev/null
+++ b/src/app/routes/financial-management/components/cost-management/cost-management-detail/cost-management-detail.component.html
@@ -0,0 +1,150 @@
+<page-header-wrapper title="费用单" [logo]="logo">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+
+<nz-card class="search-box">
+  <div nz-row>
+    <div nz-col nzSpan="24">
+      <se-container col="3" labelWidth="120" *ngIf="!textStatus">
+        <se-title class="mb-md" style="font-size: 18px">基本信息（应收费用）</se-title>
+        <se label="网络货运人" required>
+          {{ costInfo?.ltdName }}
+        </se>
+        <se label="费用类型" required col="2">
+          {{ costInfo?.feetypeLabel }}
+        </se>
+        <se label="费用备注">
+          {{ costInfo?.arremarks }}
+        </se>
+        <se label="应收对象" required>
+          {{ costInfo?.artoname }}
+        </se>
+        <se label="开票类型" required>
+          {{ costInfo?.arvattypeLabel }}
+        </se>
+        <se label="应收金额" required>
+          {{ costInfo?.armoeny | currency }}
+        </se>
+        <se label="开票金额" required>
+          {{ costInfo?.armoeny | currency }}
+        </se>
+        <se label="收款金额" required>
+          {{ costInfo?.armoeny | currency }}
+        </se>
+      </se-container>
+      <se-container col="3" labelWidth="120" *ngIf="textStatus" class="mt-md">
+        <se-title class="mb-md" style="font-size: 18px">基本信息（应付费用）</se-title>
+        <se label="网络货运人" required>
+          {{ costInfo?.ltdName }}
+        </se>
+        <se label="费用类型" required>
+          {{ costInfo?.feetypeLabel }}
+        </se>
+        <se label="应付核销" required> {{ costInfo?.hrmoney | currency}}</se>
+        <se label="费用备注">
+          {{ costInfo?.hrremarks }}
+        </se>
+        <se label="应收对象" required>
+          {{ costInfo?.hrtoname }}
+        </se>
+        <se label="收票类型" required>
+          {{ costInfo?.hrvattypeLabel }}
+        </se>
+        <se label="应付金额" required>
+          {{ costInfo?.hrmoney | currency}}
+        </se>
+        <se label="收票金额" required>
+          {{ (costInfo?.hrvatmoney || 0) | currency }}
+        </se>
+        <se label="付款金额" required>
+          {{ costInfo?.hrmoney | currency}}
+        </se>
+      </se-container>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+  <nz-tabset>
+    <nz-tab nzTitle="费用明细">
+      <st #st [scroll]="{ x: '2000px' }" [data]="costInfo?.ficoFeeLList" [columns]="columns.cost"
+        [page]="{ show: false }" [loading]="false" [scroll]="{ x: '1200px', y: '370px' }">
+        <ng-template st-row="no" let-item let-index="index" let-column="column">
+          {{ index + 1 }}
+        </ng-template>
+        <ng-template st-row="artocode" let-item let-index="index">
+          {{ costInfo?.artocode}}/{{ costInfo?.artonames}}
+        </ng-template>
+        <ng-template st-row="hrvatmoney" let-item let-index="index">
+          <span *ngIf="!textStatus">{{ item.armoney | currency}}</span>
+          <span *ngIf="textStatus">{{ item.hrmoney | currency}}</span>
+        </ng-template>
+        <ng-template st-row="armoney" let-item let-index="index">
+          <!-- {{ item.armoney | currency}} -->
+          <span *ngIf="!textStatus">{{ item.armoney | currency}}</span>
+          <span *ngIf="textStatus">{{ item.hrmoney | currency}}</span>
+        </ng-template>
+        <ng-template st-row="arkpmoney" let-item let-index="index">
+          {{ item.arkpmoney | currency}}
+        </ng-template>
+        <!-- <ng-template st-row="no" let-item let-index="index" let-column="column">
+          {{ textStatus ? item.hrmoney : item.hrvatmoney }}
+        </ng-template> -->
+        <ng-template st-row="billTime" let-item let-index="index" let-column="column">
+          {{costInfo.billTime}}
+        </ng-template>
+        <ng-template st-row="cnoName" let-item let-index="index" let-column="column">
+          {{costInfo.cnoName}}
+        </ng-template>
+      </st>
+    </nz-tab>
+    <nz-tab nzTitle="开票信息">
+      <st #st [scroll]="{ x: '2000px' }" [data]="costInfo?.ficoVatappDatailList" [columns]="columns.requested"
+        [page]="{ show: false }" [loading]="false" [scroll]="{ x: '1200px', y: '370px' }">
+        <ng-template st-row="armoney" let-item let-index="index">
+          {{ item.armoney | currency}}
+        </ng-template>
+        <ng-template st-row="vatmoney" let-item let-index="index">
+          {{ item.vatmoney | currency}}
+        </ng-template>
+        <ng-template st-row="no" let-item let-index="index" let-column="column">
+          {{ index + 1 }}
+        </ng-template>
+      </st>
+    </nz-tab>
+    <nz-tab nzTitle="收款信息"  *ngIf="!textStatus">
+      <st #st [scroll]="{ x: '2000px' }" [data]="costInfo?.ficoAhxLList" [columns]="columns.collection"
+        [page]="{ show: false }" [loading]="false" [scroll]="{ x: '1200px', y: '370px' }">
+        <ng-template st-row="ahxmoney" let-item let-index="index">
+          {{ item.ahxmoney | currency}}
+        </ng-template>
+        <ng-template st-row="ahxmoney" let-item let-index="index">
+          {{ item.ahxmoney | currency}}
+        </ng-template>
+        <ng-template st-row="no" let-item let-index="index" let-column="column">
+          {{ index + 1 }}
+        </ng-template>
+        <ng-template st-row="status" let-item let-index="index" let-column="column"> 已核销 </ng-template>
+      </st>
+    </nz-tab>
+    <nz-tab nzTitle="收票信息">
+      <st #st [data]="data" [scroll]="{ x: '2000px' }" [columns]="columns.ticket" [page]="{ show: false }"
+        [loading]="false" [scroll]="{ x: '1200px', y: '370px' }"></st>
+    </nz-tab>
+    <nz-tab nzTitle="付款信息" *ngIf="textStatus">
+      <st #st [scroll]="{ x: '2000px' }" [data]="costInfo?.ficoPhxLList" [columns]="columns.payment"
+        [page]="{ show: false }" [loading]="false" [scroll]="{ x: '1200px', y: '370px' }">
+        <ng-template st-row="no" let-item let-index="index" let-column="column">
+          {{ index + 1 }}
+        </ng-template>
+        <ng-template st-row="phxmoney" let-item let-index="index" let-column="column">
+          {{ item.phxmoney | currency}}
+        </ng-template>
+      </st>
+    </nz-tab>
+  </nz-tabset>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/cost-management/cost-management-detail/cost-management-detail.component.less b/src/app/routes/financial-management/components/cost-management/cost-management-detail/cost-management-detail.component.less
new file mode 100644
index 00000000..aa2721f6
--- /dev/null
+++ b/src/app/routes/financial-management/components/cost-management/cost-management-detail/cost-management-detail.component.less
@@ -0,0 +1,24 @@
+:host::ng-deep {
+    .search-box {
+        .ant-card-body {
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box {
+        .ant-card-body {
+            padding-top: 14px;
+        }
+    }
+
+
+    .text-truncate {
+        white-space: normal;
+    }
+
+    .ant-form-item {
+        margin-bottom: 0;
+    }
+
+
+}
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/cost-management/cost-management-detail/cost-management-detail.component.ts b/src/app/routes/financial-management/components/cost-management/cost-management-detail/cost-management-detail.component.ts
new file mode 100644
index 00000000..981f1776
--- /dev/null
+++ b/src/app/routes/financial-management/components/cost-management/cost-management-detail/cost-management-detail.component.ts
@@ -0,0 +1,109 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STComponent, STColumn } from '@delon/abc/st';
+import { FreightAccountService } from '../../../services/freight-account.service';
+
+@Component({
+  selector: 'app-cost-management-detail',
+  templateUrl: './cost-management-detail.component.html',
+  styleUrls: ['./cost-management-detail.component.less']
+})
+export class CostManagementDetailComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  columns: { [key: string]: STColumn[] } = this.initST();
+  data = [];
+  textStatus: boolean = false;
+  costInfo: any = {};
+  constructor(public service: FreightAccountService, private route: ActivatedRoute) {
+    const id = route.snapshot.params.id;
+    this.loadDetail(id);
+  }
+
+  ngOnInit(): void {
+    if (this.route.snapshot?.queryParams?.status === '应收') {
+      this.textStatus = false;
+    } else {
+      this.textStatus = true;
+    }
+  }
+
+  loadDetail(id: any) {
+    this.service.request(this.service.$api_get_cost_detail, { id }).subscribe(res => {
+      if (res) {
+        this.costInfo = res;
+      }
+    });
+  }
+
+  goBack() {
+    history.go(-1);
+  }
+
+  private initST(): { [key: string]: STColumn[] } {
+    return {
+      cost: [
+        { title: '序号', render: 'no', width: 70, className: 'text-left' },
+        { title: '费用明细号', index: 'feeHId', className: 'text-left', width: 200 },
+        { title: '订单号', index: 'billHCode', className: 'text-left', width: 200 },
+        { title: '订单日期', render: 'billTime', className: 'text-left', width: 200 },
+        { title: '运单号', index: 'waybillHCode', className: 'text-left', width: 200 },
+        { title: '运单日期', index: 'waybillDate', className: 'text-left', width: 200, format: _ => this.costInfo.billTime },
+        { title: '结算客户', render: 'cnoName', className: 'text-left', width: 200 },
+        { title: '订单费用类型', index: 'billLTypeLabel', className: 'text-left', width: 200 },
+        { title: '费用科目', index: 'feeSubName', className: 'text-left', width: 200 },
+        {
+          title: '税率',
+          index: 'arvatrate',
+          className: 'text-right',
+          width: 200,
+          format: item => `${item.arvatrate ? ((item.arvatrate as number) * 100).toFixed(2) : 0}%`
+        },
+        { title: '费用金额', render: 'hrvatmoney', className: 'text-right', width: 200 },
+        { title: '收/付款金额', render: 'armoney', className: 'text-right', width: 200 },
+        { title: '开/收票金额', render: 'arkpmoney', className: 'text-right', width: 200 }
+      ],
+      requested: [
+        { title: '序号', render: 'no', width: 70, className: 'text-left' },
+        { title: '费用明细号', index: 'feeLId', className: 'text-left', width: 200 },
+        { title: '发票申请', index: 'vatinvcode', className: 'text-left', width: 200 },
+        { title: '发票类型', index: 'invoicetypeLabel', className: 'text-left', width: 200 },
+        { title: '发票号', index: 'invoiceno', className: 'text-left', width: 200 },
+        { title: '发票日期', index: 'invoicedate', className: 'text-left', width: 200 },
+        { title: '发票状态', index: 'stsLabel', className: 'text-left', width: 200 },
+        { title: '应收金额', render: 'armoney', className: 'text-left', width: 200 },
+        { title: '开票金额', render: 'vatmoney', className: 'text-left', width: 200 }
+      ],
+      collection: [
+        { title: '序号', render: 'no', width: 70 },
+        { title: '费用明细号', index: 'feeLId', className: 'text-left', width: 200 },
+        { title: '收款单号', index: 'ahxHId', className: 'text-left', width: 200 },
+        { title: '收款日期', index: 'feedate', className: 'text-left', width: 200 },
+        { title: '收款状态', render: 'status', className: 'text-left', width: 150 },
+        { title: '应收金额', render: 'ahxmoney', className: 'text-left', width: 120 },
+        { title: '收款金额', render: 'ahxmoney', className: 'text-left', width: 120 }
+      ],
+      ticket: [
+        { title: '序号', render: 'no', width: 70 },
+        { title: '费用明细号', index: 'callNo' },
+        { title: '进项发票号', index: 'callNo' },
+        { title: '发票类型', index: 'callNo' },
+        { title: '发票日期', index: 'callNo' },
+        { title: '认证日期', index: 'callNo' },
+        { title: '发票状态', index: 'callNo' },
+        { title: '应付金额', index: 'callNo' },
+        { title: '收票金额', index: 'callNo' }
+      ],
+      payment: [
+        { title: '序号', render: 'no', width: 70 },
+        { title: '费用明细号', index: 'feeHCode' },
+        { title: '付款单号', index: 'phxHId' },
+        { title: '要求日期', index: 'billTime' },
+        { title: '确认日期', index: 'feedate' },
+        // { title: '付款状态', index: 'callNo' },
+        { title: '应付金额', render: 'phxmoney' },
+        { title: '付款金额', render: 'phxmoney' }
+      ]
+    };
+  }
+}
diff --git a/src/app/routes/financial-management/components/cost-management/cost-management.component.html b/src/app/routes/financial-management/components/cost-management/cost-management.component.html
new file mode 100644
index 00000000..c9d36bdd
--- /dev/null
+++ b/src/app/routes/financial-management/components/cost-management/cost-management.component.html
@@ -0,0 +1,70 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-30 19:36:30
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-23 16:35:15
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\cost-management\\cost-management.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper title="费用管理"> </page-header-wrapper>
+
+<nz-card class="search-box">
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+      <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 110, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } }"
+        [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)" acl
+        [acl-ability]="['FINANCIAL-COST-list']">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <!-- <button nz-button (click)="exportList()"> 导出</button>
+      <button nz-button (click)="exportList()"> 导出明细</button> -->
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box">
+  <div nz-row class="mb-sm">
+    <div nz-col nzSpan="24">
+      <!-- <button nz-button nzType="primary" [nzLoading]="service.http.loading"
+        (click)="routeTo('/financial-management/cost-management/expenses-receivable/1')">添加应收费用</button>
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading"
+        (click)="routeTo('/financial-management/cost-management/expenses-payable/1')">添加应付费用</button>
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading">导入费用</button> -->
+    </div>
+  </div>
+  <st #st [data]="service.$api_get_cost_page" [columns]="columns" [req]="{ process: beforeReq }" [page]="{}"
+    [loading]="false" [scroll]="{ x: '2000px' }">
+    <ng-template st-row="armoeny" let-item let-index="index">
+      {{ item.armoeny | currency }}
+    </ng-template>
+    <ng-template st-row="hrmoney" let-item let-index="index">
+      {{ item.hrmoney | currency }}
+    </ng-template>
+    <ng-template st-row="artocode" let-item let-index="index"> {{ item.cnoCode }}/{{ item.cnoName }} </ng-template>
+    <ng-template st-row="hrpaymoney" let-item let-index="index">
+      {{ item.hrpaymoney | currency }}
+    </ng-template>
+    <ng-template st-row="hrvatmoney" let-item let-index="index">
+      {{ item.hrvatmoney | currency }}
+    </ng-template>
+  </st>
+</nz-card>
+
+<ng-template #auditModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="80">
+      <se [col]="1" label="备注">
+        <textarea nz-input rows="3" placeholder="同意可以不用填写原因 ，拒绝必须说明原因"
+          style="width: 325px; margin-left: 14px"></textarea>
+      </se>
+    </div>
+  </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/cost-management/cost-management.component.ts b/src/app/routes/financial-management/components/cost-management/cost-management.component.ts
new file mode 100644
index 00000000..33bacf25
--- /dev/null
+++ b/src/app/routes/financial-management/components/cost-management/cost-management.component.ts
@@ -0,0 +1,321 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema, SFSelectWidgetSchema, SFSchemaEnum } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { FreightAccountService } from '../../services/freight-account.service';
+
+@Component({
+  selector: 'app-cost-management',
+  templateUrl: './cost-management.component.html',
+  styleUrls: ['../../../commom/less/box.less']
+})
+export class CostManagementComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('auditModal', { static: false })
+  auditModal!: any;
+  searchSchema: SFSchema = this.initSF();
+  columns: STColumn[] = this.initST();
+
+  selectedRows: any[] = [];
+
+  _$expand = false;
+
+  constructor(public service: FreightAccountService, private nzModalService: NzModalService, private router: Router) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        feedate: {
+          start: this.sf.value.feedate?.[0] || '',
+          end: this.sf.value.feedate?.[1] || ''
+        },
+        createTime: {
+          start: this.sf.value.createTime?.[0] || '',
+          end: this.sf.value.createTime?.[1] || ''
+        }
+      });
+    }
+    return requestOptions;
+  };
+
+  auditAction(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '审核',
+      nzContent: this.auditModal,
+      nzFooter: [
+        {
+          label: '拒绝',
+          type: 'default',
+          onClick: () => {
+            modal.destroy();
+          }
+        },
+        {
+          label: '通过',
+          type: 'primary',
+          onClick: () => {
+            modal.destroy();
+          }
+        }
+      ]
+    });
+    modal.afterClose.subscribe(res => {
+      this.st.load();
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  exportList() {
+    this.service.downloadFile(this.service.$mock_url, { ...this.sf.value, pageSize: -1 });
+  }
+
+  routeTo(url: string, params?: any, status?: any) {
+    this.router.navigate([url], { queryParams: params });
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        feecode: {
+          type: 'string',
+          title: '费用单号',
+          ui: { placeholder: '请输入' }
+        },
+        billHCode: {
+          type: 'string',
+          title: '订单号',
+          ui: { placeholder: '请输入' }
+        },
+        waybillHCode: {
+          type: 'string',
+          title: '运单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        feedate: {
+          title: '费用日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        feetype: {
+          type: 'string',
+          title: '费用类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '应收', value: 1 },
+            { label: '应付', value: 2 }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        feeSubId: {
+          type: 'string',
+          title: '费用科目',
+          enum: [{ label: '全部', value: '全部' }],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder(),
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        hrto: {
+          type: 'string',
+          title: '应付对象',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            onSearch: (q: any) => {
+              let str = q.replace(/^\s+|\s+$/g, '');
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map((res: any) => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        arto: {
+          type: 'string',
+          title: '应收对象',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            onSearch: (q: any) => {
+              let str = q.replace(/^\s+|\s+$/g, '');
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map((res: any) => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        createTime: {
+          title: '创建时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        ishrhx: {
+          type: 'string',
+          title: '应付核销',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '否', value: 0 },
+            { label: '是', value: 1 }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        cno: {
+          type: 'string',
+          title: '结算客户',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getCloseAccount(),
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '费用单号', fixed: 'left', index: 'feecode', width: 200, className: 'text-left' },
+      { title: '网络货运人', index: 'ltdName', width: 220, className: 'text-left' },
+      { title: '订单号', index: 'billHCode', width: 200, className: 'text-left' },
+      { title: '运单号', index: 'waybillHCode', width: 200, className: 'text-left' },
+      { title: '费用日期', index: 'feedate', width: 200, className: 'text-left' },
+      { title: '费用类型', index: 'feetypeLabel', width: 150, className: 'text-center' },
+      { title: '应付核销', index: 'ishrhx', width: 200, type: 'enum', enum: { 0: '否', 1: '是' }, className: 'text-left' },
+      { title: '结算客户', render: 'artocode', width: 200, className: 'text-left' },
+      { title: '应收对象', index: 'artoname', width: 200, className: 'text-left' },
+      { title: '应付对象', index: 'hrtoname', width: 200, className: 'text-left' },
+      { title: '应收金额', render: 'armoeny', width: 150, className: 'text-right' },
+      { title: '应付金额', render: 'hrmoney', width: 150, className: 'text-right' },
+      { title: '收/付款金额', render: 'hrpaymoney', width: 150, className: 'text-right' },
+      { title: '开/收票金额', render: 'hrvatmoney', width: 150, className: 'text-right' },
+      { title: '创建时间', index: 'createTime', type: 'date', width: 200, className: 'text-center' },
+      { title: '状态', index: 'stsLabel', width: 120, className: 'text-center' },
+      {
+        title: '操作',
+        fixed: 'right',
+        className: 'text-center',
+        width: '110px',
+        buttons: [
+          {
+            text: '浏览',
+            click: item => this.routeTo('/financial-management/cost-management/detail/' + item.id, { status: item?.feetypeLabel }),
+            acl: { ability: ['FINANCIAL-COST-view'] }
+          },
+          {
+            text: '审核',
+            click: item => this.auditAction(item),
+            iif: item => item.sts === 2,
+            acl: { ability: ['FINANCIAL-COST-audit'] }
+          }
+          // {
+          //   text: '修改',
+          //   click: item => this.router.navigate(['/financial-management/cost-management/expenses-receivable/1'], { queryParams: { id: 1 } })
+          // }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/cost-management/expenses-payable/expenses-payable.component.html b/src/app/routes/financial-management/components/cost-management/expenses-payable/expenses-payable.component.html
new file mode 100644
index 00000000..dcfc2646
--- /dev/null
+++ b/src/app/routes/financial-management/components/cost-management/expenses-payable/expenses-payable.component.html
@@ -0,0 +1,56 @@
+<page-header-wrapper title="应付费用单" [logo]="logo">
+    <ng-template #logo>
+        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+            <i nz-icon nzType="left" nzTheme="outline"></i>
+        </button>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card [nzExtra]="cardTemplate" nzTitle="基本信息">
+    <ng-template #cardTemplate>
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading">保存</button>
+    </ng-template>
+
+    <div nz-row nzGutter="8">
+        <div nz-col nzSpan="24">
+            <sf #sf [schema]="schema" [ui]="{ '*': { spanLabelFixed: 110,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}"
+                [button]="'none'"></sf>
+        </div>
+    </div>
+
+    <st #st [data]="data" [columns]="columns" [page]="{ show: false}" [loading]="false" size="small"
+        [scroll]="{ y: '370px' }" class="mt-sm">
+        <ng-template st-row="description1" let-item let-index="index">
+            <nz-select [ngModel]="item.description" (ngModelChange)="st.setRow(index, { description: $event })"
+                style="width: 100%;">
+                <nz-option nzValue="曲丽丽" nzLabel="曲丽丽"></nz-option>
+                <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
+            </nz-select>
+        </ng-template>
+        <ng-template st-row="description2" let-item let-index="index">
+            <nz-select [ngModel]="item.description" (ngModelChange)="st.setRow(index, { description: $event })"
+                style="width: 100%;">
+                <nz-option nzValue="曲丽丽" nzLabel="曲丽丽"></nz-option>
+                <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
+            </nz-select>
+        </ng-template>
+        <ng-template st-row="description3" let-item let-index="index">
+            <nz-select [ngModel]="item.description" (ngModelChange)="st.setRow(index, { description: $event })"
+                style="width: 100%;">
+                <nz-option nzValue="曲丽丽" nzLabel="曲丽丽"></nz-option>
+                <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
+            </nz-select>
+        </ng-template>
+        <ng-template st-row="num" let-item let-index="index">
+            <nz-input-number [ngModel]="item.num" (ngModelChange)="st.setRow(index, { num: $event })" [nzMin]="0"
+                style="width: 100%;"></nz-input-number>
+        </ng-template>
+        <ng-template st-row="description5" let-item let-index="index">
+            <input nz-input [ngModel]="item.description5"
+                (ngModelChange)="st.setRow(index, { description5: $event })" />
+        </ng-template>
+    </st>
+
+    <button nz-button nzType="dashed" nzBlock class="mt-md" (click)="addRow()"><i nz-icon nzType="plus"
+            nzTheme="outline"></i>添加</button>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/cost-management/expenses-payable/expenses-payable.component.less b/src/app/routes/financial-management/components/cost-management/expenses-payable/expenses-payable.component.less
new file mode 100644
index 00000000..23d2c4ba
--- /dev/null
+++ b/src/app/routes/financial-management/components/cost-management/expenses-payable/expenses-payable.component.less
@@ -0,0 +1,13 @@
+:host::ng-deep {
+
+    .content-box {
+        .ant-card-body {
+            padding-top: 14px;
+        }
+    }
+
+    nz-range-picker {
+        width: 100%;
+    }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/cost-management/expenses-payable/expenses-payable.component.ts b/src/app/routes/financial-management/components/cost-management/expenses-payable/expenses-payable.component.ts
new file mode 100644
index 00000000..7706a93f
--- /dev/null
+++ b/src/app/routes/financial-management/components/cost-management/expenses-payable/expenses-payable.component.ts
@@ -0,0 +1,152 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STComponent, STColumn } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { FreightAccountService } from '../../../services/freight-account.service';
+
+@Component({
+  selector: 'app-expenses-payable',
+  templateUrl: './expenses-payable.component.html',
+  styleUrls: ['./expenses-payable.component.less']
+})
+export class ExpensesPayableComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  schema!: SFSchema;
+  columns: STColumn[] = this.initST();
+
+  id = null;
+  data: any[] = [
+    {
+      id: 1,
+      description1: '',
+      description2: '',
+      description3: '',
+      num: null,
+      description5: ''
+    }
+  ];
+
+  constructor(public service: FreightAccountService, private route: ActivatedRoute) {
+    this.id = route.snapshot.queryParams.id;
+    if (this.id) {
+      this.schema = this.initSF({ page2: '天津怡亚通物流科技有限公司', pag2e21: '茅台集团' });
+    } else {
+      this.schema = this.initSF();
+    }
+  }
+
+  ngOnInit(): void {}
+
+  addRow() {
+    this.data.push({
+      id: this.data.length + 1,
+      description1: '',
+      description2: '',
+      description3: '',
+      num: null,
+      description5: ''
+    });
+    this.st.reload();
+  }
+
+  goBack() {
+    history.go(-1);
+  }
+
+  private initSF(data?: any): SFSchema {
+    return {
+      properties: {
+        page2: {
+          type: 'string',
+          title: '网络货运人',
+          enum: [],
+          ui: {
+            widget: data ? 'text' : 'select',
+            placeholder: '请选择'
+          },
+          default: data?.page2 || ''
+        },
+        pag2e21: {
+          title: '应付对象',
+          type: 'string',
+          enum: [],
+          ui: {
+            widget: data ? 'text' : 'select',
+            placeholder: '请选择'
+          },
+          default: data?.pag2e21 || ''
+        },
+        dee: {
+          title: '',
+          type: 'string',
+          ui: {
+            widget: 'text'
+          },
+          default: ' '
+        },
+        createTi2me: {
+          title: '费用日期',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd'
+          } as SFDateWidgetSchema,
+          default: data?.createTi2me || ''
+        },
+        pa2ge2: {
+          type: 'string',
+          title: '收票方式',
+          enum: [],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          },
+          default: data?.pa2ge2 || ''
+        },
+        page: {
+          type: 'string',
+          title: '应付备注',
+          ui: {
+            placeholder: '请输入'
+          },
+          default: data?.page || ''
+        }
+      },
+      required: ['page2', 'pag2e21', 'createTi2me', 'pa2ge2']
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '结算客户', render: 'description1', width: 150 },
+      { title: '费用科目', render: 'description2', width: 120 },
+      {
+        title: '税率',
+        render: 'description3',
+        width: 120,
+        format: item => `${item.description3 ? ((item.description3 as number) * 100).toFixed(2) : 0}%`
+      },
+      { title: '应付金额', render: 'num', width: 120 },
+      { title: '备注', render: 'description5', width: 150 },
+      {
+        title: '操作',
+        fixed: 'right',
+        className: 'text-center',
+        width: 90,
+        buttons: [
+          {
+            text: '删除',
+            click: item => {
+              this.st.removeRow(item);
+              this.data = this.data.filter(i => i.id !== item.id);
+            }
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/cost-management/expenses-receivable/expenses-receivable.component.html b/src/app/routes/financial-management/components/cost-management/expenses-receivable/expenses-receivable.component.html
new file mode 100644
index 00000000..1fbc355f
--- /dev/null
+++ b/src/app/routes/financial-management/components/cost-management/expenses-receivable/expenses-receivable.component.html
@@ -0,0 +1,66 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-27 14:08:49
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-11 13:46:53
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\cost-management\\expenses-receivable\\expenses-receivable.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper title="应收费用单" [logo]="logo">
+    <ng-template #logo>
+        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+            <i nz-icon nzType="left" nzTheme="outline"></i>
+        </button>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card [nzExtra]="cardTemplate" nzTitle="基本信息">
+    <ng-template #cardTemplate>
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading">保存</button>
+    </ng-template>
+
+    <div nz-row nzGutter="8">
+        <div nz-col nzSpan="24">
+            <sf #sf [schema]="schema" [ui]="{ '*': { spanLabelFixed: 110,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}"
+                [button]="'none'"></sf>
+        </div>
+    </div>
+
+    <st #st [data]="data" [columns]="columns" [page]="{ show: false}" [loading]="false" size="small"
+        [scroll]="{ y: '370px' }" class="mt-sm">
+        <ng-template st-row="description1" let-item let-index="index">
+            <nz-select [ngModel]="item.description" (ngModelChange)="st.setRow(index, { description: $event })"
+                style="width: 100%;">
+                <nz-option nzValue="曲丽丽" nzLabel="曲丽丽"></nz-option>
+                <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
+            </nz-select>
+        </ng-template>
+        <ng-template st-row="description2" let-item let-index="index">
+            <nz-select [ngModel]="item.description" (ngModelChange)="st.setRow(index, { description: $event })"
+                style="width: 100%;">
+                <nz-option nzValue="曲丽丽" nzLabel="曲丽丽"></nz-option>
+                <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
+            </nz-select>
+        </ng-template>
+        <ng-template st-row="description3" let-item let-index="index">
+            <nz-select [ngModel]="item.description" (ngModelChange)="st.setRow(index, { description: $event })"
+                style="width: 100%;">
+                <nz-option nzValue="曲丽丽" nzLabel="曲丽丽"></nz-option>
+                <nz-option nzValue="lucy" nzLabel="Lucy"></nz-option>
+            </nz-select>
+        </ng-template>
+        <ng-template st-row="num" let-item let-index="index">
+            <nz-input-number [ngModel]="item.num" (ngModelChange)="st.setRow(index, { num: $event })"
+                [nzMin]="0" style="width: 100%;"></nz-input-number>
+        </ng-template>
+        <ng-template st-row="description5" let-item let-index="index">
+            <input nz-input [ngModel]="item.description5"
+                (ngModelChange)="st.setRow(index, { description5: $event })" />
+        </ng-template>
+    </st>
+
+    <button nz-button nzType="dashed" nzBlock class="mt-md" (click)="addRow()"><i nz-icon nzType="plus"
+            nzTheme="outline"></i>添加</button>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/cost-management/expenses-receivable/expenses-receivable.component.less b/src/app/routes/financial-management/components/cost-management/expenses-receivable/expenses-receivable.component.less
new file mode 100644
index 00000000..23d2c4ba
--- /dev/null
+++ b/src/app/routes/financial-management/components/cost-management/expenses-receivable/expenses-receivable.component.less
@@ -0,0 +1,13 @@
+:host::ng-deep {
+
+    .content-box {
+        .ant-card-body {
+            padding-top: 14px;
+        }
+    }
+
+    nz-range-picker {
+        width: 100%;
+    }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/cost-management/expenses-receivable/expenses-receivable.component.ts b/src/app/routes/financial-management/components/cost-management/expenses-receivable/expenses-receivable.component.ts
new file mode 100644
index 00000000..b049fed3
--- /dev/null
+++ b/src/app/routes/financial-management/components/cost-management/expenses-receivable/expenses-receivable.component.ts
@@ -0,0 +1,152 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema } from '@delon/form';
+import { FreightAccountService } from '../../../services/freight-account.service';
+
+@Component({
+  selector: 'app-expenses-receivable',
+  templateUrl: './expenses-receivable.component.html',
+  styleUrls: ['./expenses-receivable.component.less']
+})
+export class ExpensesReceivableComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  schema!: SFSchema;
+  columns: STColumn[] = this.initST();
+
+  id = null;
+  data: any[] = [
+    {
+      id: 1,
+      description1: '',
+      description2: '',
+      description3: '',
+      num: null,
+      description5: ''
+    }
+  ];
+
+  constructor(public service: FreightAccountService, private route: ActivatedRoute) {
+    this.id = route.snapshot.queryParams.id;
+    if (this.id) {
+      this.schema = this.initSF({ page2: '天津怡亚通物流科技有限公司', pag2e21: '茅台集团' });
+    } else {
+      this.schema = this.initSF();
+    }
+  }
+
+  ngOnInit(): void {}
+
+  addRow() {
+    this.data.push({
+      id: this.data.length + 1,
+      description1: '',
+      description2: '',
+      description3: '',
+      num: null,
+      description5: ''
+    });
+    this.st.reload();
+  }
+
+  goBack() {
+    history.go(-1);
+  }
+
+  private initSF(data?: any): SFSchema {
+    return {
+      properties: {
+        page2: {
+          type: 'string',
+          title: '网络货运人',
+          enum: [],
+          ui: {
+            widget: data ? 'text' : 'select',
+            placeholder: '请选择'
+          },
+          default: data?.page2 || ''
+        },
+        pag2e21: {
+          title: '应收对象',
+          type: 'string',
+          enum: [],
+          ui: {
+            widget: data ? 'text' : 'select',
+            placeholder: '请选择'
+          },
+          default: data?.pag2e21 || ''
+        },
+        dee: {
+          title: '',
+          type: 'string',
+          ui: {
+            widget: 'text'
+          },
+          default: ' '
+        },
+        createTi2me: {
+          title: '费用日期',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd'
+          } as SFDateWidgetSchema,
+          default: data?.createTi2me || ''
+        },
+        pa2ge2: {
+          type: 'string',
+          title: '开票方式',
+          enum: [],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          },
+          default: data?.pa2ge2 || ''
+        },
+        page: {
+          type: 'string',
+          title: '应收备注',
+          ui: {
+            placeholder: '请输入'
+          },
+          default: data?.page || ''
+        }
+      },
+      required: ['page2', 'pag2e21', 'createTi2me', 'pa2ge2']
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '结算客户', render: 'description1', width: 150 },
+      { title: '费用科目', render: 'description2', width: 120 },
+      {
+        title: '税率',
+        render: 'description3',
+        width: 120,
+        format: item => `${item.description3 ? ((item.description3 as number) * 100).toFixed(2) : 0}%`
+      },
+      { title: '应收金额', render: 'num', width: 120 },
+      { title: '备注', render: 'description5', width: 150 },
+      {
+        title: '操作',
+        fixed: 'right',
+        className: 'text-center',
+        width: 90,
+        buttons: [
+          {
+            text: '删除',
+            click: item => {
+              this.st.removeRow(item);
+              this.data = this.data.filter(i => i.id !== item.id);
+            }
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/driver-account/driver-account-detail/driver-account-detail.component.html b/src/app/routes/financial-management/components/driver-account/driver-account-detail/driver-account-detail.component.html
new file mode 100644
index 00000000..3bef51eb
--- /dev/null
+++ b/src/app/routes/financial-management/components/driver-account/driver-account-detail/driver-account-detail.component.html
@@ -0,0 +1,61 @@
+<page-header-wrapper [title]="'开票订单明细'" [logo]="logo">
+    <ng-template #logo>
+        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+            <i nz-icon nzType="left" nzTheme="outline"></i>
+        </button>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card>
+    <nz-row [nzGutter]="16">
+        <nz-col [nzXl]="9" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="params?.ltdName+'('+(params?.bankType==='1'?'平安':'浦发')+')'"
+                [nzTitle]="params.name+'('+params.phone+')'" [nzValueStyle]="{'font-size':'16px','font-weight':'bold'}"
+                class="bold">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="5" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="((params?.availableBalance || 0) | currency)+'元' " [nzTitle]="'账户余额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="5" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="((info?.incomeAmount || 0) | currency) +'元'" [nzTitle]="'收入金额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="5" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="((info?.payAmount || 0)| currency) +'元'" [nzTitle]="'支出金额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}">
+            </nz-statistic>
+        </nz-col>
+    </nz-row>
+</nz-card>
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button (click)="exportList()"> 导出</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card nzBordered>
+    <st #st [data]="service.$api_get_driver_account_detail" [columns]="columns"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+        [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+        [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+        [loading]="false" [scroll]="{ x:'1200px',y: '300px' }" (change)="stChange($event)"></st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/driver-account/driver-account-detail/driver-account-detail.component.ts b/src/app/routes/financial-management/components/driver-account/driver-account-detail/driver-account-detail.component.ts
new file mode 100644
index 00000000..7b27f0bc
--- /dev/null
+++ b/src/app/routes/financial-management/components/driver-account/driver-account-detail/driver-account-detail.component.ts
@@ -0,0 +1,195 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { FreightAccountService } from '../../../services/freight-account.service';
+
+@Component({
+  selector: 'app-driver-account-detail',
+  templateUrl: './driver-account-detail.component.html',
+  styleUrls: ['../../../../commom/less/box.less', '../../../../commom/less/expend-but.less']
+})
+export class DriverAccountDetailComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  info: any = {};
+  params: any = {};
+  constructor(public service: FreightAccountService, private route: ActivatedRoute) {
+    this.params = route.snapshot.queryParams;
+  }
+
+  ngOnInit(): void {
+    this.loadInfo();
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, {
+      ltdId: this.params.ltdId,
+      projectId: this.params.projectId,
+      enterpriseId: this.params.enterpriseId,
+      roleId: this.params.roleId,
+      bankType: this.params.bankType,
+    });
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        createTime: {
+          start: this.sf.value?.createTime?.[0] || '',
+          end: this.sf.value?.createTime?.[1] || ''
+        }
+      });
+    }
+    return requestOptions;
+  };
+
+  loadInfo() {
+    this.service
+      .request(this.service.$api_get_driver_account_balance_detail, {
+        ...this.sf?.value,
+        ltdId: this.params.ltdId,
+        projectId: this.params.projectId,
+        enterpriseId: this.params.enterpriseId,
+        roleId: this.params.roleId,
+        pageIndex: this.st.pi,
+        pageSize: this.st.ps,
+        bankType: this.params.bankType,
+        createTime: {
+          start: this.sf?.value?.createTime?.[0] || '',
+          end: this.sf?.value?.createTime?.[1] || ''
+        }
+      })
+      .subscribe(res => {
+        if (res) {
+          this.info = res;
+        }
+      });
+  }
+
+  stChange(e: STChange): void {}
+
+  exportList() {
+    this.service.downloadFile(this.service.$mock_url, { ...this.sf.value,  pageSize: -1 });
+  }
+
+  goBack() {
+    history.go(-1);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        createTime: {
+          title: '交易时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true
+          } as SFDateWidgetSchema
+        },
+        transactionNumber: {
+          type: 'string',
+          title: '流水号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        businessNumber: {
+          type: 'string',
+          title: '关联单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        tradeType: {
+          type: 'string',
+          title: '交易类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'trade:type' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        incomeType: {
+          type: 'string',
+          title: '收支类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'income:type' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '交易时间', index: 'createTime', type: 'date', width: 150 },
+      { title: '流水号', index: 'channelPaySn', width: 170 },
+      { title: '交易类型', index: 'tradeTypeLabel', className: 'text-center', width: 150 },
+      { title: '交易单号', index: 'businessNumber' , width: 190},
+      { title: '订单号', index: 'orderSn' , width: 190},
+      { title: '运单号', index: 'transportSn', width: 190 },
+      { title: '收支类型', index: 'incomeTypeLabel', className: 'text-center', width: 150 },
+      {
+        title: '交易金额',
+        index: 'amount',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.amount }) }
+      },
+      {
+        title: '账户余额',
+        index: 'accountBalance',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.accountBalance }) }
+      },
+      { title: '付款方', index: 'payName', width: 150},
+      { title: '收款方', index: 'incomeName', width: 150 },
+      { title: '备注', index: 'tradeContent' , width: 150},
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/driver-account/driver-account.component.html b/src/app/routes/financial-management/components/driver-account/driver-account.component.html
new file mode 100644
index 00000000..9fe32a52
--- /dev/null
+++ b/src/app/routes/financial-management/components/driver-account/driver-account.component.html
@@ -0,0 +1,32 @@
+<page-header-wrapper title="司机账户">
+</page-header-wrapper>
+
+<nz-card class="search-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 110,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button (click)="exportList()"> 导出</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box">
+    <st #st [data]="service.$api_get_driver_account_page" [columns]="columns" [req]="{  process: beforeReq }" [page]="{}"
+        [loading]="false" [scroll]="{ x: '1200px' }">
+        <ng-template st-row="availableBalance" let-item let-index="index">
+            <a (click)="showAccountDetail(item)">{{ (parseFloat(item.availableBalance) +
+                parseFloat(item.freezeBalance)).toFixed(2) | currency}}</a>
+        </ng-template>
+    </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/driver-account/driver-account.component.ts b/src/app/routes/financial-management/components/driver-account/driver-account.component.ts
new file mode 100644
index 00000000..9d0545cc
--- /dev/null
+++ b/src/app/routes/financial-management/components/driver-account/driver-account.component.ts
@@ -0,0 +1,228 @@
+import { CurrencyPipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { AccountDetailComponent } from 'src/app/shared/components/account-detail/account-detail.component';
+import { FreightAccountService } from '../../services/freight-account.service';
+
+@Component({
+  selector: 'app-driver-account',
+  templateUrl: './driver-account.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class DriverAccountComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+
+  searchSchema: SFSchema = this.initSF();
+  columns: STColumn[] = this.initST();
+  _$expand = false;
+
+  constructor(public service: FreightAccountService, private router: Router, private modal: NzModalService) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, { accountType: 2 });
+    if (this.sf) {
+      Object.assign(requestOptions.body, { ...this.sf.value });
+      if (this.sf.value.createTime) {
+        Object.assign(requestOptions.body, {
+          createTime: {
+            start: this.sf.value.createTime?.[0] || '',
+            end: this.sf.value.createTime?.[1] || ''
+          }
+        });
+      }
+    }
+    return requestOptions;
+  };
+
+  showAccountDetail(item: any) {
+    this.modal.create({
+      nzTitle: '账户明细',
+      nzContent: AccountDetailComponent,
+      nzNoAnimation: true,
+      nzWidth: 600,
+      nzComponentParams: {
+        params: { accountType: 2, roleId: item.roleId },
+        url: '/api/fcc/accountBalance/getDriverAccountBalanceDetailByOperator'
+      },
+      nzFooter: null
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  exportList() {
+    this.service.asyncExport({ ...this.sf.value, pageSize: -1 }, this.service.$api_export_driver_account_page);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        userName: {
+          type: 'string',
+          title: '司机姓名',
+          ui: { placeholder: '请输入' }
+        },
+        certificateNumber: {
+          type: 'string',
+          title: '证件号码',
+          ui: { placeholder: '请输入' }
+        },
+        phone: {
+          type: 'string',
+          title: '手机号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            },
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          }
+        },
+        bankType: {
+          type: 'string',
+          title: '银行类型',
+          enum: [
+            { label: '全部', value: null },
+            { label: '平安银行', value: '1' },
+            { label: '浦发银行', value: '2' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: null
+        },
+        virtualAccount: {
+          type: 'string',
+          title: '虚拟账户',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        createTime: {
+          title: '创建时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '司机姓名', width: 140, index: 'name' },
+      { title: '证件号码', width: 140, index: 'idNo' },
+      { title: '手机号', width: 140, index: 'phone' },
+      { title: '网络货运人', width: 180, index: 'ltdName' },
+      { title: '银行类型', width: 120, index: 'bankTypeLabel' },
+      { title: '虚拟账户', width: 140, index: 'virtualAccount' },
+      {
+        title: '可用余额',
+        index: 'availableBalance',
+        width: 140,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.availableBalance }) }
+      },
+      {
+        title: '冻结余额',
+        index: 'freezeBalance',
+        width: 140,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.freezeBalance }) }
+      },
+      {
+        title: '本月累计提现金额',
+        index: 'withdrawBalance',
+        width: 160,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.withdrawBalance }) }
+      },
+      { title: '账户总余额', render: 'availableBalance', className: 'text-right', width: 180 },
+      { title: '创建时间', index: 'createTime', type: 'date', width: 150 },
+      { title: '状态', index: 'stateDeletedLabel', width: 120 },
+      {
+        title: '操作',
+        width: 120,
+        className: 'text-center',
+        fixed: 'right',
+        buttons: [
+          {
+            text: '查看明细',
+            click: item =>
+              this.router.navigate(['/financial-management/driver-account/detail/' + item.id], {
+                queryParams: {
+                  name: item.name,
+                  phone: item.phone,
+                  ltdName: item.ltdName,
+                  bankType: item.bankType,
+                  projectId: item.projectId,
+                  availableBalance: item.availableBalance,
+                  enterpriseId: item.enterpriseId,
+                  roleId: item.roleId,
+                  ltdId: item.ltdId
+                }
+              })
+          }
+        ]
+      }
+    ];
+  }
+
+  parseFloat(num: any) {
+    return parseFloat(num);
+  }
+}
diff --git a/src/app/routes/financial-management/components/freight-account/freight-account-detail/freight-account-detail.component.html b/src/app/routes/financial-management/components/freight-account/freight-account-detail/freight-account-detail.component.html
new file mode 100644
index 00000000..af8a0b5b
--- /dev/null
+++ b/src/app/routes/financial-management/components/freight-account/freight-account-detail/freight-account-detail.component.html
@@ -0,0 +1,65 @@
+<page-header-wrapper [title]="'开票订单明细'" [logo]="logo">
+    <ng-template #logo>
+        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+            <i nz-icon nzType="left" nzTheme="outline"></i>
+        </button>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card>
+    <nz-row [nzGutter]="16">
+        <nz-col [nzXl]="9" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="params.ltdName+'('+(params.bankType==='1'?'平安':'浦发')+')'"
+                [nzTitle]="params.tenantName" [nzValueStyle]="{'font-size':'16px','font-weight':'bold'}" class="bold">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="5" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="(params?.availableBalance | currency)+'元' " [nzTitle]="'账户余额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="5" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="((info?.incomeAmount | currency) || 0) +'元'" [nzTitle]="'收入金额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="5" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="((info?.payAmount | currency) || 0) +'元'" [nzTitle]="'支出金额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}">
+            </nz-statistic>
+        </nz-col>
+    </nz-row>
+</nz-card>
+
+<nz-card nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading"
+                (click)="st?.load(1);loadInfo();">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button (click)="exportList()"> 导出</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+    <st #st [data]="service.$api_get_shipper_account_detail" [columns]="columns"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' },  process: beforeReq }"
+        [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+        [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+        [loading]="false" [scroll]="{ x:'1200px',y: '300px' }" (change)="stChange($event)"></st>
+    <div class="total-footer text-md" *ngIf="st?.list?.length !== 0 ">
+        合计 <label class="text-red-dark">{{ static?.total }}</label> 项，收入
+        <label class="text-red-dark font-weight-bold">{{ static?.incomeAmount | currency }}</label>，支出
+        <label class="text-red-dark font-weight-bold">{{static?.payAmount | currency }}</label>
+    </div>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/freight-account/freight-account-detail/freight-account-detail.component.ts b/src/app/routes/financial-management/components/freight-account/freight-account-detail/freight-account-detail.component.ts
new file mode 100644
index 00000000..410c7fac
--- /dev/null
+++ b/src/app/routes/financial-management/components/freight-account/freight-account-detail/freight-account-detail.component.ts
@@ -0,0 +1,228 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSelectWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { FreightAccountService } from '../../../services/freight-account.service';
+
+@Component({
+  selector: 'app-freight-account-detail',
+  templateUrl: './freight-account-detail.component.html',
+  styleUrls: ['../../../../commom/less/box.less']
+})
+export class FreightAccountDetailComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  info: any = {};
+  params: any = {};
+  static: any = {};
+  _$expand = false;
+  constructor(public service: FreightAccountService, private nzModalService: NzModalService, private route: ActivatedRoute) {
+    this.params = route.snapshot.queryParams;
+  }
+
+  ngOnInit(): void {
+    this.loadInfo();
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, {
+      ltdId: this.params.ltdId,
+      projectId: this.params.projectId,
+      enterpriseId: this.params.enterpriseId,
+      roleId: this.params.roleId
+    });
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        createTime: {
+          start: this.sf?.value.createTime?.[0] || '',
+          end: this.sf?.value.createTime?.[1] || ''
+        }
+      });
+    }
+    this.loadStatistics(requestOptions.body);
+    return requestOptions;
+  };
+
+  loadInfo() {
+    this.service
+      .request(this.service.$api_get_shipper_account_balance_detail, {
+        ...this.sf?.value,
+        ltdId: this.params.ltdId,
+        projectId: this.params.projectId,
+        enterpriseId: this.params.enterpriseId,
+        roleId: this.params.roleId,
+        pageIndex: this.st.pi,
+        pageSize: this.st.ps,
+        createTime: {
+          start: this.sf?.value.createTime?.[0] || '',
+          end: this.sf?.value.createTime?.[1] || ''
+        }
+      })
+      .subscribe(res => {
+        if (res) {
+          this.info = res;
+        }
+      });
+  }
+
+  loadStatistics(params: any) {
+    this.service.request(this.service.$api_get_shipper_account_balance_detail, params).subscribe(res => {
+      if (res) {
+        this.static = res;
+      }
+    });
+  }
+
+  stChange(e: STChange): void {}
+
+  exportList() {
+    this.service.downloadFile(this.service.$mock_url, { ...this.sf.value, pageSize: -1 });
+  }
+
+  goBack() {
+    history.go(-1);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        createTime: {
+          title: '交易时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true
+          } as SFDateWidgetSchema
+        },
+        transactionNumber: {
+          type: 'string',
+          title: '流水号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        businessNumber: {
+          type: 'string',
+          title: '交易单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        tradeType: {
+          type: 'string',
+          title: '交易类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '整车订单退款', value: '1' },
+            { label: '整车订单支付', value: '2' },
+            { label: '提现失败退回', value: '3' },
+            { label: '提现', value: '4' },
+            { label: '充值', value: '5' },
+            { label: '运货订单结算F', value: '5' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        incomeType: {
+          type: 'string',
+          title: '收支类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '收入', value: '1' },
+            { label: '支出', value: '2' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        projectId: {
+          title: '所属项目',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value
+            },
+            asyncData: () => this.service.getEnterpriseProject()
+          } as SFSelectWidgetSchema
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '交易时间', index: 'createTime', type: 'date', width: 170 },
+      { title: '流水号', index: 'transactionNumber', width: 170 },
+      { title: '交易类型', index: 'tradeTypeLabel', className: 'text-center', width: 140 },
+      { title: '交易单号', index: 'businessNumber', width: 170 },
+      { title: '订单号', index: 'orderSn', width: 170 },
+      { title: '运单号', index: 'transportSn', width: 170 },
+      { title: '货主', index: 'enterpriseName' , width: 170},
+      { title: '所属项目', index: 'projectName' , width: 170},
+      { title: '收支类型', index: 'incomeTypeLabel', className: 'text-center', width: 140 },
+      {
+        title: '交易金额',
+        index: 'amount',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.amount }) }
+      },
+      {
+        title: '账户余额',
+        index: 'accountBalance',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.accountBalance }) }
+      },
+      { title: '付款方', index: 'payName' , width: 170},
+      { title: '收款方', index: 'incomeName', width: 170 },
+      { title: '备注', index: 'tradeContent', width: 170 }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/freight-account/freight-account.component.html b/src/app/routes/financial-management/components/freight-account/freight-account.component.html
new file mode 100644
index 00000000..5dba1c89
--- /dev/null
+++ b/src/app/routes/financial-management/components/freight-account/freight-account.component.html
@@ -0,0 +1,32 @@
+<page-header-wrapper title="货主账户">
+</page-header-wrapper>
+
+<nz-card class="search-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 110,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button (click)="exportList()"> 导出</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box">
+    <st #st [data]="service.$api_get_shipper_account_page" [columns]="columns" [req]="{   process: beforeReq }" [page]="{}"
+        [loading]="false" [scroll]="{ x: '1200px' }">
+        <ng-template st-row="description" let-item let-index="index">
+            <a (click)="showAccountDetail(item)">{{ (parseFloat(item.availableBalance) +
+                parseFloat(item.freezeBalance)).toFixed(2) | currency}}</a>
+        </ng-template>
+    </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/freight-account/freight-account.component.ts b/src/app/routes/financial-management/components/freight-account/freight-account.component.ts
new file mode 100644
index 00000000..610f1efe
--- /dev/null
+++ b/src/app/routes/financial-management/components/freight-account/freight-account.component.ts
@@ -0,0 +1,234 @@
+import { CurrencyPipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { CurrencyService } from '@delon/util';
+import { CurrencyCNYPipe } from '@delon/util/pipes/currency/cny.pipe';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { parse } from 'path';
+import { SystemService } from 'src/app/routes/sys-setting/services/system.service';
+import { AccountDetailComponent } from 'src/app/shared/components/account-detail/account-detail.component';
+import { FreightAccountService } from '../../services/freight-account.service';
+
+@Component({
+  selector: 'app-freight-account',
+  templateUrl: './freight-account.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class FreightAccountComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  searchSchema: SFSchema = this.initSF();
+  columns: STColumn[] = this.initST();
+
+  selectedRows: any[] = [];
+
+  _$expand = false;
+
+  constructor(public service: FreightAccountService, private router: Router, private modal: NzModalService) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, { accountType: 1 });
+    if (this.sf) {
+      Object.assign(requestOptions.body, { ...this.sf.value });
+      if (this.sf.value.createTime) {
+        Object.assign(requestOptions.body, {
+          createTime: {
+            start: this.sf.value.createTime?.[0] || '',
+            end: this.sf.value.createTime?.[1] || ''
+          }
+        });
+      }
+    }
+    return requestOptions;
+  };
+
+  showAccountDetail(item: any) {
+    this.modal.create({
+      nzTitle: '账户明细',
+      nzContent: AccountDetailComponent,
+      nzNoAnimation: true,
+      nzWidth: 600,
+      nzComponentParams: {
+        params: { accountType: 1, roleId: item.roleId },
+        url: '/api/fcc/accountBalance/getShipperAccountBalanceDetailByOperator'
+      },
+      nzFooter: null
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  exportList() {
+    this.service.asyncExport({ ...this.sf.value, pageSize: -1 }, this.service.$api_export_shipper);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        tenantName: {
+          type: 'string',
+          title: '企业名称',
+          ui: { placeholder: '请输入' }
+        },
+        userName: {
+          type: 'string',
+          title: '联系人',
+          ui: { placeholder: '请输入' }
+        },
+        phone: {
+          type: 'string',
+          title: '联系人电话',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            },
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          }
+        },
+        bankType: {
+          type: 'string',
+          title: '银行类型',
+          enum: [
+            { label: '全部', value: null },
+            { label: '平安银行', value: '1' },
+            { label: '浦发银行', value: '2' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: null
+        },
+        virtualAccount: {
+          type: 'string',
+          title: '虚拟账户',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        createTime: {
+          title: '创建时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '企业名称', width: 170, index: 'tenantName' },
+      { title: '联系人', width: 120, index: 'name' },
+      { title: '联系人电话', width: 140, index: 'phone' },
+      { title: '网络货运人', width: 170, index: 'ltdName' },
+      { title: '银行类型', width: 120, index: 'bankTypeLabel' },
+      { title: '虚拟账户', width: 140, index: 'virtualAccount' },
+      {
+        title: '可用余额',
+        index: 'availableBalance',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.availableBalance }) }
+      },
+      {
+        title: '冻结余额',
+        index: 'freezeBalance',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.freezeBalance }) }
+      },
+      {
+        title: '账户总余额',
+        render: 'description',
+        width: 140,
+        className: 'text-right'
+      },
+      { title: '创建时间', index: 'createTime', type: 'date', width: 150 },
+      {
+        title: '状态',
+        index: 'stateDeletedLabel',
+        width: 80
+      },
+      {
+        title: '操作',
+        width: 120,
+        className: 'text-center',
+        fixed: 'right',
+        buttons: [
+          {
+            text: '查看明细',
+            click: item =>
+              this.router.navigate(['/financial-management/freight-account/detail/' + item.id], {
+                queryParams: {
+                  tenantName: item.tenantName,
+                  ltdName: item.ltdName,
+                  bankType: item.bankType,
+                  availableBalance: item.availableBalance,
+                  projectId: item.projectId,
+                  enterpriseId: item.enterpriseId,
+                  roleId: item.roleId,
+                  ltdId: item.ltdId
+                }
+              })
+          }
+        ]
+      }
+    ];
+  }
+
+  parseFloat(num: any) {
+    return parseFloat(num);
+  }
+}
diff --git a/src/app/routes/financial-management/components/payable-order/payable-order-detail/payable-order-detail.component.html b/src/app/routes/financial-management/components/payable-order/payable-order-detail/payable-order-detail.component.html
new file mode 100644
index 00000000..05929852
--- /dev/null
+++ b/src/app/routes/financial-management/components/payable-order/payable-order-detail/payable-order-detail.component.html
@@ -0,0 +1,95 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-14 14:39:04
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-26 10:41:21
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\payable-order\\payable-order-detail\\payable-order-detail.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'预付核销单'" [logo]="logo">
+    <ng-template #logo>
+        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+            <i nz-icon nzType="left" nzTheme="outline"></i>
+        </button>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card class="statistics-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="150" col="1">
+            <se label="网络货运人" required>
+                {{headerInfo?.ltdId}}
+            </se>
+            <se label="结算客户">
+                {{headerInfo?.cnoName}}
+            </se>
+            <se label="付款账户" required>
+                {{headerInfo?.shipperaccount}}
+            </se>
+            <se label="核销金额" required>
+                {{headerInfo?.phxmoney | currency}}
+            </se>
+        </div>
+        <div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="100" col="1">
+            <se label="核销日期" required>
+                {{headerInfo?.phxdate}}
+            </se>
+            <se label="收款人" required>
+                {{headerInfo?.driver2IdName}}
+            </se>
+            <se label="收款账户" required>
+                {{headerInfo?.ltdaccountId}}
+            </se>
+            <se label="应付金额">
+                {{headerInfo?.prmoney | currency}}
+            </se>
+        </div>
+        <div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="100" col="1">
+            <se label="银行类型">
+                {{headerInfo?.banktype==='1'?'平安':'浦发'}}
+            </se>
+            <se label="付款类型" required>
+                {{headerInfo?.brmtypeLabel}}
+            </se>
+            <se label="银行水单">
+                {{headerInfo?.bankreceipt}}
+            </se>
+            <se label="付款备注">
+                {{headerInfo?.remarks}}
+            </se>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+    <st #st [data]="service.$api_get_fico_ph_detail_header" [columns]="columns" size="small"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+        [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+        [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+        [loading]="false" [scroll]="{ x:'1200px',y: '200px' }">
+        <ng-template st-row="no" let-item let-index="index" let-column="column">
+            {{index+1}}
+        </ng-template>
+    </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/payable-order/payable-order-detail/payable-order-detail.component.less b/src/app/routes/financial-management/components/payable-order/payable-order-detail/payable-order-detail.component.less
new file mode 100644
index 00000000..aebf12ee
--- /dev/null
+++ b/src/app/routes/financial-management/components/payable-order/payable-order-detail/payable-order-detail.component.less
@@ -0,0 +1,13 @@
+:host::ng-deep {
+
+    .statistics-box {
+        .ant-form-item {
+            margin-bottom: 0;
+
+            .ant-form-item-control-input-content {
+                color: #f5222d;
+            }
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/payable-order/payable-order-detail/payable-order-detail.component.ts b/src/app/routes/financial-management/components/payable-order/payable-order-detail/payable-order-detail.component.ts
new file mode 100644
index 00000000..939ea639
--- /dev/null
+++ b/src/app/routes/financial-management/components/payable-order/payable-order-detail/payable-order-detail.component.ts
@@ -0,0 +1,179 @@
+import { CurrencyPipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { FreightAccountService } from '../../../services/freight-account.service';
+
+@Component({
+  selector: 'app-payable-order-detail',
+  templateUrl: './payable-order-detail.component.html',
+  styleUrls: ['./payable-order-detail.component.less', '../../../../commom/less/expend-but.less', '../../../../commom/less/box.less'],
+  providers: [CurrencyPipe]
+})
+export class PayableOrderDetailComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  id = null;
+  billHId = null;
+  headerInfo: any = {};
+  constructor(public service: FreightAccountService, private route: ActivatedRoute, private currencyPipe: CurrencyPipe) {
+    this.id = route.snapshot.params.id;
+    this.billHId = route.snapshot.queryParams.billHId;
+    this.loadHeadInfo();
+  }
+
+  ngOnInit(): void {}
+
+  loadHeadInfo() {
+    this.service.request(this.service.$api_get_fico_ph_header, { id: this.id }).subscribe(res => {
+      if (res) {
+        this.headerInfo = res;
+      }
+    });
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, { phxHId: this.billHId });
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        billTime: {
+          start: this.sf.value.billTime?.[0] || null,
+          end: this.sf.value.billTime?.[1] || null
+        },
+        feedate: {
+          start: this.sf.value.feedate?.[0] || null,
+          end: this.sf.value.feedate?.[1] || null
+        }
+      });
+      if (this.sf.value.billTime) {
+        Object.assign(requestOptions.body, {
+          billTime: {
+            start: this.sf.value.billTime?.[0] || null,
+            end: this.sf.value.billTime?.[1] || null
+          }
+        });
+      }
+      if (this.sf.value.feedate) {
+        Object.assign(requestOptions.body, {
+          feedate: {
+            start: this.sf.value.feedate?.[0] || null,
+            end: this.sf.value.feedate?.[1] || null
+          }
+        });
+      }
+    }
+    return requestOptions;
+  };
+
+  goBack() {
+    history.go(-1);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        feeHCode: {
+          type: 'string',
+          title: '费用单',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        billHCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        cno: {
+          type: 'string',
+          title: '结算客户',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getCloseAccount(),
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        feedate: {
+          title: '费用日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        billTime: {
+          title: '订单日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '序号', render: 'no', width: 80 },
+      { title: '费用号', index: 'feeHCode', width: 140 },
+      { title: '费用日期', index: 'feedate', type: 'date', width: 150 },
+      { title: '订单号', index: 'billHCode', width: 140 },
+      { title: '订单日期', index: 'billTime', width: 150 },
+      { title: '费用类型', index: 'feetype', width: 90 },
+      { title: '订单费用科目', index: 'billLTypeLabel', width: 100 },
+      { title: '费用科目', index: 'feeSubIdName', width: 140 },
+      { title: '结算客户', index: 'cnoName', width: 140 },
+      {
+        title: '已收金额',
+        index: 'phxmoney',
+        width: 100,
+        className: 'text-right',
+        format: item => `${this.currencyPipe.transform(item.armoney || 0)}`
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/payable-order/payable-order.component.html b/src/app/routes/financial-management/components/payable-order/payable-order.component.html
new file mode 100644
index 00000000..bc0c5c7b
--- /dev/null
+++ b/src/app/routes/financial-management/components/payable-order/payable-order.component.html
@@ -0,0 +1,39 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-14 14:39:04
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-20 16:20:54
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\payable-order\\payable-order.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'应付核销'">
+</page-header-wrapper>
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 110,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right"
+            [class.expend-options]="_$expand">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+            <!-- <button nz-button [disabled]="false"> 导出</button>
+            <button nz-button [disabled]="false"> 导出核销</button> -->
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+    <st #st [data]="service.$api_get_fico_ph_page" [columns]="columns" [req]="{  process: beforeReq }" [page]="{}"
+        [loading]="false" [scroll]="{ x:'1200px' }" (change)="stChange($event)">
+    </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/payable-order/payable-order.component.ts b/src/app/routes/financial-management/components/payable-order/payable-order.component.ts
new file mode 100644
index 00000000..65872e27
--- /dev/null
+++ b/src/app/routes/financial-management/components/payable-order/payable-order.component.ts
@@ -0,0 +1,272 @@
+import { CurrencyPipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { FreightAccountService } from '../../services/freight-account.service';
+
+@Component({
+  selector: 'app-payable-order',
+  templateUrl: './payable-order.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less'],
+  providers: [CurrencyPipe]
+})
+export class PayableOrderComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  selectedRows: any[] = [];
+  constructor(
+    public service: FreightAccountService,
+    private nzModalService: NzModalService,
+    private router: Router,
+    private currencyPipe: CurrencyPipe
+  ) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+      if (this.sf.value?.createTime) {
+        Object.assign(requestOptions.body, {
+          createTime: {
+            start: this.sf.value.createTime?.[0] || null,
+            end: this.sf.value.createTime?.[1] || null
+          }
+        });
+      }
+      if (this.sf.value?.ahxdate) {
+        Object.assign(requestOptions.body, {
+          ahxdate: {
+            start: this.sf.value.ahxdate?.[0] || null,
+            end: this.sf.value.ahxdate?.[1] || null
+          }
+        });
+      }
+    }
+    return requestOptions;
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+    }
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        phxcode: {
+          type: 'string',
+          title: '核销单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          },
+          default: ''
+        },
+        bankreceipt: {
+          type: 'string',
+          title: '银行水单',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        brmtype: {
+          type: 'string',
+          title: '付款类型',
+          enum: [{ value: '1', label: '费用款项' }],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        cno: {
+          type: 'string',
+          title: '结算客户',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getCloseAccount(),
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        driver2IdName: {
+          type: 'string',
+          title: '收款人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        sts: {
+          type: 'string',
+          title: '核销状态',
+          enum: [
+            { value: 1, label: '已核销' },
+            { value: 0, label: '待核销' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        phxdate: {
+          title: '核销日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        createTime: {
+          title: '创建时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        billHCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        feeHCode: {
+          type: 'string',
+          title: '费用号',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        remarks: {
+          type: 'string',
+          title: '付款备注',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox' },
+      { title: '核销单号', index: 'phxcode', type: 'link', width: 140 },
+      { title: '网络货运人', index: 'ltdName', width: 160 },
+      { title: '核销日期', index: 'phxdate', type: 'date', width: 160 },
+      { title: '付款账户', index: 'shipperaccount', width: 170 },
+      { title: '收款账户', index: 'ltdaccountId', width: 170 },
+      {
+        title: '核销金额',
+        index: 'phxmoney',
+        width: 120,
+        className: 'text-right',
+        format: item => `${this.currencyPipe.transform(item.phxmoney || 0)}`
+      },
+      {
+        title: '应付金额',
+        index: 'prmoney',
+        width: 120,
+        className: 'text-right',
+        format: item => `${this.currencyPipe.transform(item.prmoney || 0)}`
+      },
+      { title: '银行类型', index: 'banktype', type: 'enum', enum: { '1': '平安', '2': '浦发' }, width: 120 },
+      { title: '付款类型', index: 'brmtype', type: 'enum', enum: { '1': '费用款项' }, width: 120 },
+      { title: '收款人', index: 'driver2IdName', width: 120 },
+      { title: '结算客户', index: 'cno', width: 120 },
+      { title: '银行水单', index: 'bankreceipt', width: 120 },
+      { title: '创建时间', index: 'createTime', width: 160 },
+      // { title: '创建人', index: 'createUserIdLabel', width: 120 },
+      { title: '核销状态', index: 'sts', type: 'enum', enum: { 0: '待核销', 1: '已核销' }, width: 120 },
+      { title: '核销备注', index: 'remarks', width: 120 },
+      {
+        title: '操作',
+        fixed: 'right',
+        className: 'text-center',
+        width: 120,
+        buttons: [
+          {
+            text: '浏览',
+            click: item =>
+              this.router.navigate(['/financial-management/payable-order/detail/' + item.id], { queryParams: { billHId: item.id } })
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/payment-order/payment-order-detail/payment-order-detail.component.html b/src/app/routes/financial-management/components/payment-order/payment-order-detail/payment-order-detail.component.html
new file mode 100644
index 00000000..3c575c32
--- /dev/null
+++ b/src/app/routes/financial-management/components/payment-order/payment-order-detail/payment-order-detail.component.html
@@ -0,0 +1,92 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-19 16:54:07
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-20 16:57:24
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\payment-order\\payment-order-detail\\payment-order-detail.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'付款单'" [logo]="logo">
+    <ng-template #logo>
+        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+            <i nz-icon nzType="left" nzTheme="outline"></i>
+        </button>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card class="statistics-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="150" col="1">
+            <se label="网络货运人" required>
+                {{headerInfo?.ltdName}}
+            </se>
+            <se label="收款人" required>
+                {{headerInfo?.hrToLabel}}
+            </se>
+            <se label="付款账户" required>
+                {{headerInfo?.ltdAccountId}}
+            </se>
+            <se label="应付已核销" required>
+                {{headerInfo?.ishrhxLabel}}
+            </se>
+        </div>
+        <div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="150" col="1">
+            <se label="要求付款日期" required>
+                {{headerInfo?.payDate}}
+            </se>
+            <se label="收款账户" required>
+                 {{headerInfo?.hrBankName}} -  {{headerInfo?.hrBankNo}} 
+            </se>
+            <se label="确认日期" required>
+                {{headerInfo?.payDate}}
+            </se>
+            <se label="付款备注">
+                {{headerInfo?.payRemarks}}
+            </se>
+        </div>
+        <div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="150" col="1">
+            <se label="付款方式" required>
+                {{headerInfo?.payModeLabel}}
+            </se>
+            <se label="付款类型" required>
+                {{headerInfo?.payTypeLabel}}
+            </se>
+            <se label="付款金额" required>
+                {{headerInfo?.payMoney |currency}}
+            </se>
+        </div>
+    </div>
+</nz-card>
+
+<!-- <nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+    <st #st [data]="service.$api_get_payment_detail" [columns]="columns" size="small"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+        [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+        [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+        [loading]="false" [scroll]="{ x:'1200px',y: '200px' }">
+        <ng-template st-row="billHCode" let-item let-index="index" let-column="column">
+            {{index+1}}
+        </ng-template>
+    </st>
+</nz-card> -->
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/payment-order/payment-order-detail/payment-order-detail.component.less b/src/app/routes/financial-management/components/payment-order/payment-order-detail/payment-order-detail.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/financial-management/components/payment-order/payment-order-detail/payment-order-detail.component.ts b/src/app/routes/financial-management/components/payment-order/payment-order-detail/payment-order-detail.component.ts
new file mode 100644
index 00000000..c78211b7
--- /dev/null
+++ b/src/app/routes/financial-management/components/payment-order/payment-order-detail/payment-order-detail.component.ts
@@ -0,0 +1,174 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { FreightAccountService } from '../../../services/freight-account.service';
+
+@Component({
+  selector: 'app-payment-order-detail',
+  templateUrl: './payment-order-detail.component.html',
+  styleUrls: ['./payment-order-detail.component.less']
+})
+export class PaymentOrderDetailComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  id = null;
+  headerInfo: any = {};
+  constructor(public service: FreightAccountService, private route: ActivatedRoute) {
+    this.id = route.snapshot.params.id;
+    this.loadHeadInfo();
+  }
+
+  ngOnInit(): void {}
+
+  loadHeadInfo() {
+    this.service.request(this.service.$api_get_payment_header, { id: this.id }).subscribe(res => {
+      if (res) {
+        this.headerInfo = res;
+      }
+    });
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        payHId: this.id,
+        billTime: {
+          start: this.sf.value.billTime?.[0] || null,
+          end: this.sf.value.billTime?.[1] || null
+        },
+        feedate: {
+          start: this.sf.value.feedate?.[0] || null,
+          end: this.sf.value.feedate?.[1] || null
+        }
+      });
+    } else {
+      Object.assign(requestOptions.body, {
+        payHId: this.id,
+      });
+    }
+    return requestOptions;
+  };
+
+  goBack() {
+    history.go(-1);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        // feeHCode: {
+        //   type: 'string',
+        //   title: '费用单号',
+        //   ui: {
+        //     placeholder: '请输入'
+        //   }
+        // },
+        billHCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        waybillHCode: {
+          type: 'string',
+          title: '运单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        // feedate: {
+        //   title: '费用日期',
+        //   type: 'string',
+        //   ui: {
+        //     widget: 'sl-from-to-search',
+        //     format: 'yyyy-MM-dd',
+        //     visibleIf: {
+        //       expand: (value: boolean) => value
+        //     }
+        //   } as SFDateWidgetSchema
+        // },
+        billTime: {
+          title: '订单日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+          } as SFDateWidgetSchema
+        },
+        cno: {
+          type: 'string',
+          title: '结算客户',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getCloseAccount(),
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '序号', render: 'billHCode', width: 80 },
+      // { title: '费用号', index: 'feeHCode', width: 100 },
+      // { title: '费用日期', index: 'feedate', type: 'date', width: 150 },
+      { title: '订单号', index: 'billHCode', width: 100 },
+      { title: '订单日期', index: 'billTime', width: 150 },
+      { title: '结算客户', index: 'cnoName', width: 90 },
+      { title: '费用科目', index: 'feeSubId', width: 100 },
+      {
+        title: '收票金额',
+        index: 'paymoney',
+        width: 140,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.paymoney }) }
+      },
+      {
+        title: '收票税额',
+        index: 'invtax',
+        width: 140,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.invtax }) }
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/payment-order/payment-order.component.html b/src/app/routes/financial-management/components/payment-order/payment-order.component.html
new file mode 100644
index 00000000..aec490c7
--- /dev/null
+++ b/src/app/routes/financial-management/components/payment-order/payment-order.component.html
@@ -0,0 +1,39 @@
+<page-header-wrapper [title]="'付款单'">
+</page-header-wrapper>
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 17" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 110,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 7" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right" [class.expend-options]="_$expand">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <!-- <button nz-button nzType="primary" > 导出</button>
+            <button nz-button nzType="primary" > 导出明细</button> -->
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+
+    <div class="d-flex align-items-center mb-md mt-md">
+        <!-- <button nz-button (click)="this.addInvoice()" nzType="primary">添加付款</button>
+        <button nz-button (click)="this.addInvoice()" nzType="primary">导入付款</button> -->
+        <div class="ml-md">
+            已选择
+            <strong class="text-primary">{{ selectedRows.length }}</strong> 张单
+            <a *ngIf="selectedRows.length > 0" (click)="st.clearCheck()" class="ml-lg">清空</a>
+        </div>
+    </div>
+
+    <st #st [data]="service.$api_get_payment_page" [columns]="columns" [req]="{  process: beforeReq }" [page]="{}"
+        [loading]="false" [scroll]="{ x:'1200px' }" (change)="stChange($event)">
+    </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/payment-order/payment-order.component.ts b/src/app/routes/financial-management/components/payment-order/payment-order.component.ts
new file mode 100644
index 00000000..93bb090b
--- /dev/null
+++ b/src/app/routes/financial-management/components/payment-order/payment-order.component.ts
@@ -0,0 +1,275 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { AddCollectionInvoiceModalComponent } from 'src/app/routes/ticket-management/components/input-invoice/add-collection-invoice-modal/add-collection-invoice-modal.component';
+import { TicketService } from 'src/app/routes/ticket-management/services/ticket.service';
+import { FreightAccountService } from '../../services/freight-account.service';
+
+@Component({
+  selector: 'app-payment-order',
+  templateUrl: './payment-order.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class PaymentOrderComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  selectedRows: any[] = [];
+  constructor(public service: FreightAccountService, private nzModalService: NzModalService, private router: Router) { }
+
+  ngOnInit(): void { }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      let params = { ...this.sf.value };
+      if (params.payDate) {
+        const payDate = { start: this.sf?.value?.payDate?.[0], end: this.sf?.value?.payDate?.[1] }
+        params.payDate = payDate;
+      }
+      if (params.payDate2) {
+        const payDate2 = { start: this.sf?.value?.payDate2?.[0], end: this.sf?.value?.payDate2?.[1] }
+        params.payDate2 = payDate2;
+      }
+      if (params.createTime) {
+        const createTime = { start: this.sf?.value?.createTime?.[0], end: this.sf?.value?.createTime?.[1] }
+        params.createTime = createTime;
+      }
+      Object.assign(requestOptions.body, params);
+    }
+    return requestOptions;
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+    }
+  }
+
+  addInvoice() {
+    if (this.selectedRows?.length <= 0) {
+      this.service.msgSrv.warning('请选择付款单');
+      return;
+    }
+    const modal = this.nzModalService.create({
+      nzTitle: '付款单',
+      nzContent: AddCollectionInvoiceModalComponent,
+      nzComponentParams: { i: { userId: 0 } },
+      nzFooter: null
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        paycode: {
+          type: 'string',
+          title: '付款单号',
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          },
+          default: null
+        },
+        // orderS2n: {
+        //   type: 'string',
+        //   title: '付款状态',
+        //   ui: {
+        //     widget: 'dict-select',
+        //     containsAllLable: true,
+        //     params: { dictKey: 'refund:apply:status' },
+        //     placeholder: '请选择'
+        //   }
+        // },
+        paytype: {
+          type: 'string',
+          title: '付款类型',
+          ui: {
+            widget: 'dict-select',
+            containsAllLabel: true,
+            params: { dictKey: 'pay:type' },
+            placeholder: '请选择',
+          }
+        },
+        paymode: {
+          type: 'string',
+          title: '付款方式',
+          ui: {
+            widget: 'dict-select',
+            containsAllLabel: true,
+            params: { dictKey: 'pay:mode' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        arto: {
+          type: 'string',
+          title: '收款人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        billCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        payDate: {
+          title: '要求付款日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        payDate2: {
+          title: '确认日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        waybillCode: {
+          type: 'string',
+          title: '运单号',
+          ui: {
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        // feeCode: {
+        //   type: 'string',
+        //   title: '费用号',
+        //   ui: {
+        //     visibleIf: {
+        //       expand: (value: boolean) => value
+        //     }
+        //   }
+        // },
+        createTime: {
+          title: '创建时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        payRemarks: {
+          type: 'string',
+          title: '付款备注',
+          ui: {
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox', fixed: 'left', className: 'text-center' },
+      { title: '付款单号', index: 'payCode', type: 'link', width: 180 },
+      { title: '网络货运人', index: 'ltdName', width: 180 },
+      { title: '运单号', index: 'waybillCode', width: 180 },
+      // { title: '费用号', index: 'feeCode', width: 180 },
+      { title: '要求付款日期', index: 'payDate', type: 'date', className: 'text-center', width: 150 },
+      {
+        title: '付款金额',
+        index: 'payMoney',
+        width: 120,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.payMoney }) }
+      },
+      { title: '付款类型', index: 'payTypeLabel', width: 130 },
+      { title: '付款方式', index: 'payModeLabel', width: 130 },
+      { title: '结算客户', index: 'cnoName', width: 160 },
+      { title: '收款人', index: 'hrToLabel', width: 150 },
+      { title: '应付已核销', index: 'ishrhxLabel', width: 150 },
+      { title: '确认日期', index: 'payDate2', type: 'date', className: 'text-center', width: 150 },
+      { title: '创建时间', index: 'payDate', type: 'date', className: 'text-center', width: 150 },
+      { title: '创建人', index: 'createUserIdLabel', width: 160 },
+      { title: '付款备注', index: 'payRemarks', width: 200 },
+      {
+        title: '操作',
+        className: 'text-center',
+        fixed: 'right',
+        width: '110px',
+        buttons: [
+          {
+            text: '浏览',
+            click: item => this.router.navigate(['/financial-management/payment-order/detail/' + item.id])
+          },
+          // {
+          //   text: '修改',
+          // }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/payment-record/payment-record.component.html b/src/app/routes/financial-management/components/payment-record/payment-record.component.html
new file mode 100644
index 00000000..e5a74213
--- /dev/null
+++ b/src/app/routes/financial-management/components/payment-record/payment-record.component.html
@@ -0,0 +1,66 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-21 14:19:21
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-21 15:03:40
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\payment-record\\payment-record.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'支付记录'">
+</page-header-wrapper>
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 110,grid: { lg: 8, md: 12, sm: 12, xs: 24,gutter:15 } }}"
+                [compact]="true" [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button> 导出</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+
+    <nz-tabset>
+        <nz-tab nzTitle="全部" (nzClick)="changePaymentStatus()"></nz-tab>
+        <nz-tab nzTitle="支付中" (nzClick)="changePaymentStatus('4')"></nz-tab>
+        <nz-tab nzTitle="已支付" (nzClick)="changePaymentStatus('2')"></nz-tab>
+        <nz-tab nzTitle="支付失败" (nzClick)="changePaymentStatus('5')"></nz-tab>
+    </nz-tabset>
+
+    <st #st [data]="service.$api_get_order_payment_page" [columns]="columns" [req]="{   process: beforeReq }" [page]="{}"
+        [loading]="false" [scroll]="{ x:'1200px' }">
+        <ng-template st-row="orderPaymentCode" let-item let-index="index" let-column="column">
+            {{ item?.orderPaymentCode }} <br> <a>{{ item?.paymentStatusLabel }}</a>
+        </ng-template>
+        <ng-template st-row="amountDetails" let-item let-index="index" let-column="column">
+            <ng-container *ngFor="let detail of item?.amountDetails">
+                {{detail.costName}}:{{ detail.price | currency }}<br />
+            </ng-container>
+        </ng-template>
+        <ng-template st-row="billCode" let-item let-index="index" let-column="column">
+            {{ item?.billCode }} <br> {{item?.billStatusLabel }}
+        </ng-template>
+        <ng-template st-row="wayBillCode" let-item let-index="index" let-column="column">
+            {{ item?.wayBillCode }} <br> {{item?.wayBillStatusLabel }}
+        </ng-template>
+        <ng-template st-row="driverId" let-item let-index="index" let-column="column">
+            {{ item?.driverName }} <br> {{ item?.driverTelephone }} {{ item?.driverLicencePlate }}
+        </ng-template>
+        <ng-template st-row="captainName" let-item let-index="index" let-column="column">
+            {{ item?.captainName }} <br> {{ item?.captainTelephone }}
+        </ng-template>
+    </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/payment-record/payment-record.component.less b/src/app/routes/financial-management/components/payment-record/payment-record.component.less
new file mode 100644
index 00000000..cd8c3436
--- /dev/null
+++ b/src/app/routes/financial-management/components/payment-record/payment-record.component.less
@@ -0,0 +1,41 @@
+:host::ng-deep {
+    .search-box {
+        .ant-card-body {
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box {
+        .ant-card-body {
+            padding-top: 0;
+        }
+    }
+
+    nz-range-picker {
+        width: 100%;
+    }
+
+    .ant-tabs-tab-btn {
+        padding-left : 16px;
+        padding-right: 16px;
+    }
+
+    .text-truncate {
+        white-space: normal;
+    }
+}
+
+.expend-options {
+    margin-top: 0px;
+}
+
+
+@media (min-width: 1200px) {
+    .expend-options {
+        max-width: 400px;
+        position : absolute;
+        right    : 0;
+        bottom   : 25px;
+    }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/payment-record/payment-record.component.ts b/src/app/routes/financial-management/components/payment-record/payment-record.component.ts
new file mode 100644
index 00000000..a41bc6e4
--- /dev/null
+++ b/src/app/routes/financial-management/components/payment-record/payment-record.component.ts
@@ -0,0 +1,302 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { FreightAccountService } from '../../services/freight-account.service';
+import { ClearingModalComponent } from '../abnormal-gold/clearing-modal/clearing-modal.component';
+
+@Component({
+  selector: 'app-payment-record',
+  templateUrl: './payment-record.component.html',
+  styleUrls: ['./payment-record.component.less']
+})
+export class PaymentRecordComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  paymentStatus: any = '';
+
+  constructor(public service: FreightAccountService, private nzModalService: NzModalService, private router: Router) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        applyDate: {
+          start: this.sf.value.applyDate?.[0] || '',
+          end: this.sf.value.applyDate?.[1] || ''
+        },
+        handlerDate: {
+          start: this.sf.value.handlerDate?.[0] || '',
+          end: this.sf.value.handlerDate?.[1] || ''
+        },
+        paymentStatus: this.paymentStatus || null
+      });
+    }
+    return requestOptions;
+  };
+
+  changePaymentStatus(status?: string) {
+    this.paymentStatus = status || null;
+    this.st.load(1);
+  }
+
+  refund(item: any) {
+    this.nzModalService.warning({
+      nzTitle: '确定要关闭所选支付记录？',
+      nzOnOk: () => {}
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        orderPaymentCode: {
+          type: 'string',
+          title: '支付编号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        billCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        resourceCode: {
+          type: 'string',
+          title: '货源编号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        serviceType: {
+          type: 'string',
+          title: '服务类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'service:type' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        driver: {
+          type: 'string',
+          title: '承运司机',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        driverLicensePlate: {
+          type: 'string',
+          title: '车牌号',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        captain: {
+          type: 'string',
+          title: '收款人',
+          ui: {
+            placeholder: '请输入收款人姓名/手机号',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        isCaptain: {
+          type: 'string',
+          title: '车队长收款',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '否', value: 0 },
+            { label: '是', value: 1 }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        payType: {
+          type: 'string',
+          title: '支付类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'paybill:type' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        applyDate: {
+          title: '申请时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        handlerDate: {
+          title: '处理时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        bankType: {
+          type: 'string',
+          title: '银行类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '平安银行', value: '1' },
+            { label: '浦发银行', value: '2' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder(),
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '支付编号', render: 'orderPaymentCode', width: 200 },
+      {
+        title: '支付金额',
+        render: 'payAmount',
+        width: 140,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.payAmount }) }
+      },
+      {
+        title: '运费明细',
+        render: 'amountDetails',
+        width: 160
+        // format: item => {
+        //   (item.amountDetails as Array<any>).forEach(detail => {
+        //     detail.surcharge = detail.price + (detail.surcharge || 0);
+        //   });
+        //   console.log(item.amountDetails);
+
+        //   return '';
+        // }
+      },
+      {
+        title: '支付类型',
+        index: 'payTypeLabel',
+        width: 140
+      },
+      { title: '货主', index: 'enterpriseInfoName', width: 180 },
+      { title: '订单号', render: 'billCode', width: 170 },
+      { title: '运单号', render: 'wayBillCode', width: 170 },
+      { title: '货源编号', index: 'resourceCode', width: 160 },
+      {
+        title: '服务类型',
+        index: 'serviceTypeLabel',
+        width: 150
+      },
+      { title: '承运司机', render: 'driverId', width: 140 },
+      { title: '收款人', render: 'captainName', width: 140 },
+      { title: '银行类型', index: 'bankType', width: 150, type: 'enum', enum: { 1: '平安银行', 2: '浦发银行' } },
+      { title: '网络货运人', index: 'ltdName', width: 160 },
+      { title: '申请时间', index: 'applyTime', width: 160 },
+      { title: '申请人', index: 'applyUserName', width: 90 },
+      { title: '处理时间', index: 'handlerTime', width: 180 },
+      { title: '处理人', index: 'handlerUserName', width: 90 },
+      { title: '退款状态', index: 'refundStatusLabel', width: 220 },
+      { title: '备注', index: 'failCause', width: 250 },
+      {
+        title: '操作',
+        fixed: 'right',
+        className: 'text-center',
+        width: 120,
+        buttons: [
+          {
+            text: '关闭',
+            iif: item => item.paymentStatus === '4',
+            click: item => this.refund(item)
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/platform-account/platform-account-detail/platform-account-detail.component.html b/src/app/routes/financial-management/components/platform-account/platform-account-detail/platform-account-detail.component.html
new file mode 100644
index 00000000..3fb082ed
--- /dev/null
+++ b/src/app/routes/financial-management/components/platform-account/platform-account-detail/platform-account-detail.component.html
@@ -0,0 +1,68 @@
+<page-header-wrapper [title]="'平台账户明细'" [logo]="logo">
+    <ng-template #logo>
+        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+            <i nz-icon nzType="left" nzTheme="outline"></i>
+        </button>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card>
+    <h3 class="font-weight-bold">{{params?.ltdName}}</h3>
+    <nz-row [nzGutter]="16">
+        <nz-col [nzXl]="4" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="((info.availableBalance |currency:' ') || 0)+'元'" nzTitle="平台账户余额"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}" class="font-weight-bold">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="4" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="((info.shipperAvailableBalance |currency:' ') || 0)+' 元'" [nzTitle]="'货主账户余额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}" class="font-weight-bold">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="4" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="((info.driverAvailableBalance |currency:' ') || 0)+' 元'" [nzTitle]="'司机账户余额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}" class="font-weight-bold">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="4" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="((info.rechargeBalance |currency:' ') || 0)+' 元'" [nzTitle]="'累计充值金额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}" class="font-weight-bold">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="4" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="((info.shipperWithdrawBalance |currency:' ') || 0)+' 元'" [nzTitle]="'货主累计提现金额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}" class="font-weight-bold">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="4" [nzLg]="8" [nzSm]="12">
+            <nz-statistic [nzValue]="((info.driverWithdrawBalance |currency:' ') || 0)+' 元'" [nzTitle]="'司机累计提现金额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}" class="font-weight-bold">
+            </nz-statistic>
+        </nz-col>
+    </nz-row>
+</nz-card>
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button (click)="exportList()"> 导出</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card nzBordered>
+    <st #st [data]="service.$api_get_platform_account_detail_page" [columns]="columns" [req]="{  process: beforeReq }"
+        [loading]="false" [scroll]="{ x:'1200px',y: '300px' }" (change)="stChange($event)"></st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/platform-account/platform-account-detail/platform-account-detail.component.ts b/src/app/routes/financial-management/components/platform-account/platform-account-detail/platform-account-detail.component.ts
new file mode 100644
index 00000000..ed00c9f4
--- /dev/null
+++ b/src/app/routes/financial-management/components/platform-account/platform-account-detail/platform-account-detail.component.ts
@@ -0,0 +1,228 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+
+import { FreightAccountService } from '../../../services/freight-account.service';
+
+@Component({
+  selector: 'app-platform-account-detail',
+  templateUrl: './platform-account-detail.component.html',
+  styleUrls: ['../../../../commom/less/box.less', '../../../../commom/less/expend-but.less']
+})
+export class PlatformAccountDetailComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  info: any = {};
+  params: any = {};
+  constructor(public service: FreightAccountService, private route: ActivatedRoute) {
+    this.params = route.snapshot.queryParams;
+  }
+
+  ngOnInit(): void {
+    this.loadInfo();
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, { ...this.params });
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+      if (this.sf.value.createTime) {
+        Object.assign(requestOptions.body, {
+          createTime: {
+            start: this.sf.value?.createTime?.[0] || '',
+            end: this.sf.value?.createTime?.[1] || ''
+          }
+        });
+      }
+    }
+    return requestOptions;
+  };
+
+  loadInfo() {
+    this.service
+      .request(this.service.$api_get_platform_account_header, {
+        ...this.sf?.value,
+        ...this.params,
+        pageIndex: this.st.pi,
+        pageSize: this.st.ps
+      })
+      .subscribe(res => {
+        if (res) {
+          this.info = res;
+        }
+      });
+  }
+
+  stChange(e: STChange): void {}
+
+  exportList() {
+    this.service.downloadFile(this.service.$mock_url, { ...this.sf.value, pageSize: -1 });
+  }
+
+  goBack() {
+    history.go(-1);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        createTime: {
+          title: '交易时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true
+          } as SFDateWidgetSchema
+        },
+        businessNumber: {
+          type: 'string',
+          title: '流水号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        transactionNumber: {
+          type: 'string',
+          title: '交易单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        tradeType: {
+          type: 'string',
+          title: '交易类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'trade:type' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        channelSource: {
+          type: 'string',
+          title: '账户类型',
+          enum: [
+            { value: '', label: '全部' },
+            { value: '1', label: '货主账户' },
+            { value: '2', label: '司机账户' },
+            { value: '3', label: '运营商账户' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        incomeType: {
+          type: 'string',
+          title: '收支类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'income:type' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        enterpriseName: {
+          type: 'string',
+          title: '货主',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        projectName: {
+          type: 'string',
+          title: '所属项目',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '交易时间', index: 'createTime', type: 'date', width: 150 },
+      { title: '流水号', index: 'channelPaySn', width: 170 },
+      { title: '交易类型', index: 'tradeTypeLabel', className: 'text-center', width: 130 },
+      { title: '交易单号', index: 'transactionNumber', width: 190 },
+      { title: '订单号', index: 'orderSn', width: 170 },
+      { title: '运单号', index: 'businessNumber', width: 190 },
+      { title: '账户类型', index: 'accountTypeLabel', className: 'text-center', width: 130 },
+      { title: '账户名称', index: 'payName', className: 'text-center', width: 150 },
+      { title: '所属项目', index: 'projectName', className: 'text-center', width: 150 },
+      { title: '收支类型', index: 'incomeTypeLabel', className: 'text-center', width: 130 },
+      {
+        title: '交易金额',
+        index: 'amount',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.amount }) }
+      },
+      {
+        title: '账户余额',
+        index: 'accountBalance',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.accountBalance }) }
+      },
+      { title: '付款方', index: 'payName', className: 'text-center', width: 150 },
+      { title: '收款方', index: 'incomeName', className: 'text-center', width: 150 },
+      { title: '备注', index: 'tradeContent', className: 'text-center', width: 150 }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/platform-account/platform-account.component.html b/src/app/routes/financial-management/components/platform-account/platform-account.component.html
new file mode 100644
index 00000000..0cda0ad8
--- /dev/null
+++ b/src/app/routes/financial-management/components/platform-account/platform-account.component.html
@@ -0,0 +1,64 @@
+<page-header-wrapper title="平台账户">
+</page-header-wrapper>
+
+<nz-card>
+    <nz-row [nzGutter]="16">
+        <nz-col [nzXl]="4" [nzLg]="6" [nzSm]="12">
+            <nz-statistic [nzValue]="((info.availableBalance |currency:' ') || 0)+'元'" nzTitle="平台账户余额"
+                [nzValueStyle]="{'font-size':'16px','font-weight':'bold'}" class="bold">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="4" [nzLg]="6" [nzSm]="12">
+            <nz-statistic [nzValue]="((info.shipperAvailableBalance |currency:' ') || 0)+' 元'" [nzTitle]="'货主账户余额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="4" [nzLg]="6" [nzSm]="12">
+            <nz-statistic [nzValue]="((info.driverAvailableBalance |currency:' ') || 0)+' 元'" [nzTitle]="'司机账户余额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="4" [nzLg]="6" [nzSm]="12">
+            <nz-statistic [nzValue]="((info.rechargeBalance |currency:' ') || 0)+' 元'" [nzTitle]="'累计充值金额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="4" [nzLg]="6" [nzSm]="12">
+            <nz-statistic [nzValue]="((info.shipperWithdrawBalance |currency:' ') || 0)+' 元'" [nzTitle]="'货主累计提现金额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="4" [nzLg]="6" [nzSm]="12">
+            <nz-statistic [nzValue]="((info.driverWithdrawBalance |currency:' ') || 0)+' 元'" [nzTitle]="'司机累计提现金额'"
+                [nzValueStyle]="{'font-size':'16px',color:'red'}">
+            </nz-statistic>
+        </nz-col>
+    </nz-row>
+</nz-card>
+
+<nz-card class="search-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 110,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button> 导出</button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box">
+    <st #st [data]="service.$api_get_platform_account_page" [columns]="columns" [req]="{  process: beforeReq }"
+        [page]="{}" [scroll]="{ x: '1200px' }" [loading]="service.http.loading">
+    </st>
+    <div class="total-footer text-md" *ngIf="st?.list?.length !== 0 ">
+        合计 <label class="text-red-dark">{{ static?.total }}</label> 项，收入
+        <label class="text-red-dark font-weight-bold">{{ static?.incomeAmount | currency }}</label>，支出
+        <label class="text-red-dark font-weight-bold">{{static?.payAmount | currency }}</label>
+    </div>
+
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/platform-account/platform-account.component.ts b/src/app/routes/financial-management/components/platform-account/platform-account.component.ts
new file mode 100644
index 00000000..87b42163
--- /dev/null
+++ b/src/app/routes/financial-management/components/platform-account/platform-account.component.ts
@@ -0,0 +1,197 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { FreightAccountService } from '../../services/freight-account.service';
+
+@Component({
+  selector: 'app-platform-account',
+  templateUrl: './platform-account.component.html',
+  styleUrls: ['../../../commom/less/box.less']
+})
+export class PlatformAccountComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  searchSchema: SFSchema = this.initSF();
+  columns: STColumn[] = this.initST();
+
+  info: any = {};
+
+  static: any = {};
+  constructor(public service: FreightAccountService, private router: Router, private nzModalService: NzModalService) {}
+
+  ngOnInit(): void {
+    this.loadInfo();
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, { ...this.sf.value });
+    }
+    this.loadStatistics(requestOptions.body);
+    return requestOptions;
+  };
+
+  loadInfo() {
+    const params = {};
+    if (this.sf) {
+      Object.assign(params, { ...this.sf.value });
+    }
+    this.service.request(this.service.$api_get_platform_account_header, params).subscribe(res => {
+      if (res) {
+        this.info = res;
+      }
+    });
+  }
+
+  loadStatistics(params: any) {
+    this.service.request(this.service.$api_get_platform_account_statistics, params).subscribe(res => {
+      if (res) {
+        this.static = res;
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          }
+        },
+        bankType: {
+          type: 'string',
+          title: '银行类型',
+          enum: [
+            { label: '全部', value: null },
+            { label: '平安银行', value: '1' },
+            { label: '浦发银行', value: '2' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          },
+          default: null
+        },
+        virtualAccount: {
+          type: 'string',
+          title: '虚拟账户',
+          ui: {
+            placeholder: '请输入'
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '网络货运人', index: 'ltdName', width: 180 },
+      { title: '银行类型', index: 'bankTypeLabel', width: 120 },
+      { title: '虚拟账户', index: 'virtualAccount', width: 160 },
+      {
+        title: '平台账户可用余额',
+        index: 'availableBalance',
+        width: 180,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.availableBalance }) }
+      },
+      {
+        title: '平台账户冻结余额',
+        index: 'freezeBalance',
+        width: 180,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.freezeBalance }) }
+      },
+      {
+        title: '货主账户可用余额',
+        index: 'shipperAvailableBalance',
+        width: 180,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.shipperAvailableBalance }) }
+      },
+      {
+        title: '货主账户冻结余额',
+        index: 'shipperFreezeBalance',
+        width: 180,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.shipperFreezeBalance }) }
+      },
+      {
+        title: '司机账户可用余额',
+        index: 'driverAvailableBalance',
+        width: 180,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.driverAvailableBalance }) }
+      },
+      {
+        title: '司机账户冻结余额',
+        index: 'driverFreezeBalance',
+        width: 180,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.driverFreezeBalance }) }
+      },
+      {
+        title: '累计充值金额',
+        index: 'rechargeBalance',
+        width: 180,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.rechargeBalance }) }
+      },
+      {
+        title: '货主累计提现金额',
+        index: 'shipperWithdrawBalance',
+        width: 180,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.shipperWithdrawBalance }) }
+      },
+      {
+        title: '司机累计提现金额',
+        index: 'driverWithdrawBalance',
+        width: 180,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.driverWithdrawBalance }) }
+      },
+      {
+        title: '操作',
+        width: 100,
+        className: 'text-center',
+        fixed: 'right',
+        buttons: [
+          {
+            text: '查看明细',
+            click: item =>
+              this.router.navigate(['/financial-management/platform-account/detail/' + item.id], {
+                queryParams: { ltdId: item.ltdId, bankType: item.bankType, ltdName: `${item.ltdName}(${item.bankTypeLabel})` }
+              })
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/platform-account/setting-financial/setting-financial.component.html b/src/app/routes/financial-management/components/platform-account/setting-financial/setting-financial.component.html
new file mode 100644
index 00000000..10785fb6
--- /dev/null
+++ b/src/app/routes/financial-management/components/platform-account/setting-financial/setting-financial.component.html
@@ -0,0 +1,11 @@
+<div class="modal-header">
+    <div class="modal-title">财务设置</div>
+</div>
+<div>
+    <sf #sf [compact]="true" [ui]="{'*': { spanLabelFixed: 120, grid: { span: 24 }}}" [schema]="schema" [button]="'none'">
+    </sf>
+</div>
+<div class="modal-footer">
+    <button nz-button type="button" (click)="close()">取消</button>
+    <button nz-button type="button" nzType="primary" (click)="sure()" [disabled]="!sf.valid">确 定</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/platform-account/setting-financial/setting-financial.component.less b/src/app/routes/financial-management/components/platform-account/setting-financial/setting-financial.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/financial-management/components/platform-account/setting-financial/setting-financial.component.ts b/src/app/routes/financial-management/components/platform-account/setting-financial/setting-financial.component.ts
new file mode 100644
index 00000000..27193906
--- /dev/null
+++ b/src/app/routes/financial-management/components/platform-account/setting-financial/setting-financial.component.ts
@@ -0,0 +1,112 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { SystemService } from 'src/app/routes/sys-setting/services/system.service';
+
+@Component({
+  selector: 'app-setting-financial',
+  templateUrl: './setting-financial.component.html',
+  styleUrls: ['./setting-financial.component.less']
+})
+export class SettingFinancialComponent implements OnInit {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  i: any;
+  schema!: SFSchema;
+  roleList = [];
+  roleNames: any = [];
+  constructor(private modal: NzModalRef, public msgSrv: NzMessageService, public service: SystemService) {}
+
+  ngOnInit(): void {
+    if (this.i?.id !== 0) {
+      this.i.roleIds = this.i.roleId !== '' ? this.i.roleId.split(',') : [];
+    }
+
+    this.initSF(this.i);
+  }
+  initSF(staff: any) {
+    this.schema = {
+      properties: {
+        name: {
+          title: '公司名称',
+          type: 'string',
+          ui: { widget: 'string', placeholder: '请输入公司名称' },
+          default: staff.name
+        },
+        phone: {
+          title: '纳税人识别号',
+          type: 'string',
+          ui: { widget: 'string', placeholder: '请输入纳税人识别号' },
+          default: staff.phone
+        },
+        phone2: {
+          title: '税收分类编码',
+          type: 'string',
+          ui: { widget: 'string', placeholder: '请输入税收分类编码' },
+          default: staff.phone
+        },
+        phone3: {
+          title: '发票税率',
+          type: 'string',
+          ui: { widget: 'string', placeholder: '请输入发票税率' },
+          default: staff.phone
+        },
+        phone4: {
+          title: '附加费比例',
+          type: 'string',
+          ui: { widget: 'string', placeholder: '请输入附加费比例' },
+          default: staff.phone
+        }
+      },
+      required: ['name', 'phone', 'phone2', 'phone3', 'phone4']
+    };
+  }
+
+  sure() {
+    if (!this.sf.value.roleIds || this.sf.value.roleIds.length === 0) {
+      this.service.msgSrv.error('员工角色不能为空！');
+      return;
+    }
+    this.roleNames = [];
+    this.roleList.forEach((item: { id: any; roleName: string }) => {
+      this.sf.value.roleIds.forEach((ele: any) => {
+        if (ele === item.id) {
+          this.roleNames.push(item.roleName);
+        }
+      });
+    });
+    if (this.i.id === 0) {
+      const params: any = {
+        ...this.sf.value,
+        roleId: this.sf.value.roleIds,
+        roleNames: this.roleNames.join(','),
+        telephone: this.sf.value.phone,
+        staffName: this.sf.value.name
+      };
+      // this.service.request(this.service.$api_addStaff, params).subscribe((res) => {
+      //   if (res) {
+      //     this.service.msgSrv.success('保存成功！');
+      //     this.modal.close(true);
+      //   }
+      //   // this.showInviteFlag = true;
+      //   // this.inviteCode = res.inviteCode;
+      // });
+    } else {
+      const params: any = {
+        appUserId: this.i.appUserId,
+        staffName: this.sf.value.name,
+        roleId: this.sf.value.roleIds,
+        telephone: this.i.telephone
+      };
+      // this.service.request(this.service.$api_editorStaff, params).subscribe((res) => {
+      //   this.service.msgSrv.success('编辑成功！');
+      //   this.modal.close(true);
+      // });
+    }
+  }
+
+  close() {
+    this.modal.destroy();
+  }
+}
diff --git a/src/app/routes/financial-management/components/receipt-order/receipt-order-detail/receipt-order-detail.component.html b/src/app/routes/financial-management/components/receipt-order/receipt-order-detail/receipt-order-detail.component.html
new file mode 100644
index 00000000..ab154074
--- /dev/null
+++ b/src/app/routes/financial-management/components/receipt-order/receipt-order-detail/receipt-order-detail.component.html
@@ -0,0 +1,95 @@
+<page-header-wrapper title="收款单" [logo]="logo">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+
+<nz-card class="search-box">
+  <div nz-row>
+    <div nz-col nzSpan="24">
+      <se-container col="3" labelWidth="100">
+        <se-title class="mb-md" style="font-size: 18px">基本信息</se-title>
+        <se label="网络货运人" required>
+          {{ costInfo?.ltdName }}
+        </se>
+        <se label="到账日期" required>
+          {{ costInfo?.brmdate }}
+        </se>
+        <se label="收款方式" required>
+          {{ costInfo?.brmModeLabel }}
+        </se>
+        <se label="银行类型">
+          {{ costInfo?.banktypeLabel }}
+        </se>
+        <se label="付款人" required>
+          {{ costInfo?.artoname }}
+        </se>
+        <se label="收款类型" required>
+          {{ costInfo?.brmtypeLabel }}
+        </se>
+        <se label="收款账户" required>
+          {{ costInfo?.ltdaccountId }}
+        </se>
+        <se label="尾差">
+          {{ costInfo?.recnopay |currency }}
+        </se>
+        <se label="手续费">
+          {{ 0 |currency }}
+        </se>
+        <se label="到账金额" required>
+          {{ costInfo?.brmmoney |currency }}
+        </se>
+        <se label="核销金额">
+          {{ costInfo?.brmmoney |currency }}
+        </se>
+        <se label="银行水单">
+          {{ costInfo?.bankreceipt }}
+        </se>
+        <se label="预收金额">
+          {{ costInfo?.brmmoney |currency }}
+        </se>
+        <se label="收款备注">
+          {{ costInfo?.remarks }}
+        </se>
+      </se-container>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+  <nz-tabset>
+    <!-- <nz-tab nzTitle="核销信息">
+      <st #st [scroll]="{ x: '2000px' }" [data]="[]" [columns]="columns.cost" [page]="{ show: false }"
+        [loading]="false" [scroll]="{ x: '1200px', y: '370px' }">
+        <ng-template st-row="hrvatmoney" let-item let-index="index">
+          {{ item.hrvatmoney | currency}}
+        </ng-template>
+        <ng-template st-row="armoney" let-item let-index="index">
+          {{ item.armoney | currency}}
+        </ng-template>
+        <ng-template st-row="arkpmoney" let-item let-index="index">
+          {{ item.arkpmoney | currency}}
+        </ng-template>
+        <ng-template st-row="no" let-item let-index="index" let-column="column">
+        </ng-template>
+      </st>
+    </nz-tab> -->
+    <nz-tab nzTitle="预收信息">
+      <st #st [scroll]="{ x: '2000px' }" [data]="service.$api_get_receipt_detail" [columns]="columns.requested"
+        [req]="{ method: 'POST', allInBody: true, process: beforeReq }" [res]="{ reName: { list: 'data' } }"
+        [page]="{ show: false }" [loading]="false" [scroll]="{ x: '1200px', y: '370px' }">
+        <ng-template st-row="vatnotax" let-item let-index="index">
+          {{ item.vatnotax | currency}}
+        </ng-template>
+        <ng-template st-row="vatmoney" let-item let-index="index">
+          {{ item.vatmoney | currency}}
+        </ng-template>
+        <ng-template st-row="no" let-item let-index="index" let-column="column">
+          {{ index + 1 }}
+        </ng-template>
+      </st>
+    </nz-tab>
+  </nz-tabset>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/receipt-order/receipt-order-detail/receipt-order-detail.component.less b/src/app/routes/financial-management/components/receipt-order/receipt-order-detail/receipt-order-detail.component.less
new file mode 100644
index 00000000..aa2721f6
--- /dev/null
+++ b/src/app/routes/financial-management/components/receipt-order/receipt-order-detail/receipt-order-detail.component.less
@@ -0,0 +1,24 @@
+:host::ng-deep {
+    .search-box {
+        .ant-card-body {
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box {
+        .ant-card-body {
+            padding-top: 14px;
+        }
+    }
+
+
+    .text-truncate {
+        white-space: normal;
+    }
+
+    .ant-form-item {
+        margin-bottom: 0;
+    }
+
+
+}
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/receipt-order/receipt-order-detail/receipt-order-detail.component.ts b/src/app/routes/financial-management/components/receipt-order/receipt-order-detail/receipt-order-detail.component.ts
new file mode 100644
index 00000000..17dd85b2
--- /dev/null
+++ b/src/app/routes/financial-management/components/receipt-order/receipt-order-detail/receipt-order-detail.component.ts
@@ -0,0 +1,89 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-20 10:00:39
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-25 15:40:10
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\receipt-order\\receipt-order-detail\\receipt-order-detail.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions } from '@delon/abc/st';
+import { FreightAccountService } from '../../../services/freight-account.service';
+
+@Component({
+  selector: 'app-receipt-order-detail',
+  templateUrl: './receipt-order-detail.component.html',
+  styleUrls: ['./receipt-order-detail.component.less'],
+})
+export class ReceiptOrderDetailComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  columns: { [key: string]: STColumn[] } = this.initST();
+  costInfo: any = {};
+  id: any = null;
+  constructor(public service: FreightAccountService, private route: ActivatedRoute) {
+    this.id = route.snapshot.params.id;
+    this.loadDetail(this.id);
+  }
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, {
+      id: this.id
+    });
+    return requestOptions;
+  };
+
+  loadDetail(id: any) {
+    this.service.request(this.service.$api_get_receipt_header, { id }).subscribe(res => {
+      if (res) {
+        this.costInfo = res;
+      }
+    });
+  }
+
+  goBack() {
+    history.go(-1);
+  }
+
+  private initST(): { [key: string]: STColumn[] } {
+    return {
+      cost: [
+        { title: '序号', render: 'no', width: 70, className: 'text-left' },
+        { title: '费用号', index: 'feeHId', className: 'text-left', width: 200 },
+        { title: '费用日期', index: 'billHId', className: 'text-center', width: 150 },
+        { title: '订单号', index: 'callNo', className: 'text-left', width: 200 },
+        { title: '订单日期', index: 'waybillHId', className: 'text-center', width: 150 },
+        { title: '订单费用类型', index: 'waybillDate', className: 'text-center', width: 160 },
+        { title: '费用类型', index: 'callNo', className: 'text-center', width: 160 },
+        { title: '费用科目', index: 'billLType', className: 'text-left', width: 160 },
+        { title: '结算客户', index: 'feeSubId', className: 'text-left', width: 150 },
+        {
+          title: '已收金额',
+          index: 'hrvatrate',
+          type: 'widget',
+          className: 'text-right',
+          widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yskmoney }) },
+          width: 140
+        }
+      ],
+      requested: [
+        { title: '序号', render: 'no', width: 70, className: 'text-left' },
+        { title: '结算客户', index: 'cnoName', className: 'text-left', width: 200 },
+        {
+          title: '预收金额',
+          index: 'yskmoney',
+          type: 'widget',
+          className: 'text-right',
+          widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yskmoney }) },
+          width: 200
+        },
+        { title: '预收备注', index: 'vatapptype', className: 'text-left', width: 200 }
+      ]
+    };
+  }
+}
diff --git a/src/app/routes/financial-management/components/receipt-order/receipt-order.component.html b/src/app/routes/financial-management/components/receipt-order/receipt-order.component.html
new file mode 100644
index 00000000..58f7732c
--- /dev/null
+++ b/src/app/routes/financial-management/components/receipt-order/receipt-order.component.html
@@ -0,0 +1,46 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-18 18:43:42
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-25 15:38:21
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\receipt-order\\receipt-order.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'收款单'"> </page-header-wrapper>
+
+<nz-card class="search-box" nzBordered>
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]="_$expand ? 24 : 17" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+      <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 110, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } }"
+        [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzXl]="_$expand ? 24 : 7" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right" [class.expend-options]="_$expand">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <!-- <button nz-button nzType="primary"> 导出</button>
+      <button nz-button nzType="primary"> 导出核销</button> -->
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+  <div class="d-flex align-items-center mb-md mt-md">
+    <!-- <button nz-button (click)="this.addInvoice()" nzType="primary">添加收款</button>
+    <button nz-button (click)="this.addInvoice()" nzType="primary">导入收款</button> -->
+    <div class="ml-md">
+      已选择
+      <strong class="text-primary">{{ selectedRows.length }}</strong> 张单
+      <a *ngIf="selectedRows.length > 0" (click)="st.clearCheck()" class="ml-lg">清空</a>
+    </div>
+  </div>
+
+  <st #st [data]="service.$api_get_receipt_page" [columns]="columns" [req]="{  process: beforeReq }" [page]="{}"
+    [loading]="false" [scroll]="{ x: '1200px' }" (change)="stChange($event)">
+  </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/receipt-order/receipt-order.component.ts b/src/app/routes/financial-management/components/receipt-order/receipt-order.component.ts
new file mode 100644
index 00000000..820d90b9
--- /dev/null
+++ b/src/app/routes/financial-management/components/receipt-order/receipt-order.component.ts
@@ -0,0 +1,291 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { AddCollectionInvoiceModalComponent } from 'src/app/routes/ticket-management/components/input-invoice/add-collection-invoice-modal/add-collection-invoice-modal.component';
+import { FreightAccountService } from '../../services/freight-account.service';
+
+@Component({
+  selector: 'app-receipt-order',
+  templateUrl: './receipt-order.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class ReceiptOrderComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  selectedRows: any[] = [];
+  constructor(public service: FreightAccountService, private nzModalService: NzModalService, private router: Router) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+      if (this.sf.value.brmdate) {
+        Object.assign(requestOptions.body, {
+          brmdate: {
+            start: this.sf.value.brmdate?.[0] || '',
+            end: this.sf.value.brmdate?.[1] || ''
+          }
+        });
+      }
+      if (this.sf.value.createTime) {
+        Object.assign(requestOptions.body, {
+          createTime: {
+            start: this.sf.value.createTime?.[0] || '',
+            end: this.sf.value.createTime?.[1] || ''
+          }
+        });
+      }
+    }
+    return requestOptions;
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+    }
+  }
+
+  addInvoice() {
+    if (this.selectedRows?.length <= 0) {
+      this.service.msgSrv.warning('请选择收款单');
+      return;
+    }
+    // const modal = this.nzModalService.create({
+    //   nzTitle: '收款单',
+    //   nzContent: AddCollectionInvoiceModalComponent,
+    //   nzComponentParams: { i: { userId: 0 } },
+    //   nzFooter: null
+    // });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        brmcode: {
+          type: 'string',
+          title: '收款单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        ltdid: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          },
+          default: null
+        },
+        bankreceipt: {
+          type: 'string',
+          title: '银行水单',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        brmtype: {
+          type: 'string',
+          title: '收款类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'driverrecord:receive:type' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        brmmode: {
+          type: 'string',
+          title: '收款方式',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'receive:mode' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        arto: {
+          type: 'string',
+          title: '付款人',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            onSearch: (q: any) => this.service.getEnterpriceList({ enterpriseName: q }),
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        sts: {
+          type: 'string',
+          title: '收款状态',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'write:off:status' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        brmdate: {
+          title: '到账日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        createTime: {
+          title: '创建时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        // billHCode: {
+        //   type: 'string',
+        //   title: '订单号',
+        //   ui: {
+        //     placeholder: '请输入',
+        //     visibleIf: {
+        //       expand: (value: boolean) => value
+        //     }
+        //   }
+        // },
+        // feeHCodes: {
+        //   type: 'string',
+        //   title: '费用号',
+        //   ui: {
+        //     placeholder: '请输入',
+        //     visibleIf: {
+        //       expand: (value: boolean) => value
+        //     }
+        //   }
+        // },
+        remarks: {
+          type: 'string',
+          title: '付款备注',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox', width: 60, fixed: 'left', className: 'text-center' },
+      { title: '收款单号', index: 'brmcode', type: 'link', width: 180, className: 'text-left' },
+      // { title: '订单号', index: 'billHCode',  width: 180, className: 'text-left' },
+      // { title: '费用号', index: 'feeCode',  width: 180, className: 'text-left' },
+      { title: '网络货运人', index: 'ltdName', width: 200, className: 'text-left' },
+      { title: '到账日期', index: 'brmdate', type: 'date', width: 200, className: 'text-left' },
+      { title: '收款账户', index: 'ltdaccountId', width: 200, className: 'text-left' },
+      {
+        title: '到账金额',
+        index: 'brmmoney',
+        width: 200,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.brmmoney }) }
+      },
+      {
+        title: '核销金额',
+        index: 'brmmoney',
+        width: 200,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.brmmoney }) }
+      },
+      {
+        title: '预收金额',
+        index: 'yskmoney',
+        width: 200,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yskmoney }) }
+      },
+      { title: '银行类型', index: 'banktypeLabel', width: 200, className: 'text-left' },
+      { title: '收款类型', index: 'brmtypeLabel', width: 150, className: 'text-left' },
+      { title: '收款方式', index: 'brmModeLabel', width: 150, className: 'text-left' },
+      { title: '付款人', index: 'artoname', width: 200, className: 'text-left' },
+      { title: '银行水单', index: 'bankreceipt', width: 200, className: 'text-left' },
+      { title: '创建时间', index: 'createTime', type: 'date', width: 200, className: 'text-left' },
+      // { title: '创建人', index: 'createUserName', width: 150, className: 'text-left' },
+      { title: '收款状态', index: 'stsLabel', width: 200, className: 'text-left' },
+      { title: '收款备注', index: 'remarks', width: 200, className: 'text-left' },
+      {
+        title: '操作',
+        width: '110px',
+        fixed: 'right',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '浏览',
+            click: item => this.router.navigate(['/financial-management/receipt-order/detail/' + item.id])
+          }
+          // {
+          //   text: '核销'
+          // }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/receivable-order/receivable-order-detail/receivable-order-detail.component.html b/src/app/routes/financial-management/components/receivable-order/receivable-order-detail/receivable-order-detail.component.html
new file mode 100644
index 00000000..0c48f68d
--- /dev/null
+++ b/src/app/routes/financial-management/components/receivable-order/receivable-order-detail/receivable-order-detail.component.html
@@ -0,0 +1,85 @@
+<page-header-wrapper [title]="'核销单'" [logo]="logo">
+    <ng-template #logo>
+        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+            <i nz-icon nzType="left" nzTheme="outline"></i>
+        </button>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card class="statistics-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="150" col="1">
+            <se label="网络货运人" required>
+                {{headerInfo?.ltdName}}
+            </se>
+            <se label="结算客户">
+                {{headerInfo?.cnoName}}
+            </se>
+            <se label="收款账户" required>
+                {{headerInfo?.ltdaccountId}}
+            </se>
+            <se label="核销金额" required>
+                {{headerInfo?.ahxmoney | currency}}
+            </se>
+        </div>
+        <div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="100" col="1">
+            <se label="核销日期" required>
+                {{headerInfo?.ahxdate}}
+            </se>
+            <se label="付款人" required>
+                {{headerInfo?.artoname}}
+            </se>
+            <!-- <se label="付款账户" required>
+                {{headerInfo?.artocode}}
+            </se> -->
+            <se label="应收金额">
+                {{headerInfo?.armoney | currency}}
+            </se>
+        </div>
+        <div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="100" col="1">
+            <se label="银行类型">
+                {{headerInfo?.banktypeLabel}}
+            </se>
+            <se label="收款类型" required>
+                {{headerInfo?.brmtypeLabel}}
+            </se>
+            <se label="银行水单">
+                {{headerInfo?.bankreceipt}}
+            </se>
+            <se label="收款备注">
+                {{headerInfo?.remarks}}
+            </se>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+    <st #st [data]="service.$api_get_fico_detail_header" [columns]="columns" size="small"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+        [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+        [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+        [loading]="false" [scroll]="{ x:'1200px',y: '200px' }">
+        <ng-template st-row="no" let-item let-index="index" let-column="column">
+            {{index+1}}
+        </ng-template>
+    </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/receivable-order/receivable-order-detail/receivable-order-detail.component.less b/src/app/routes/financial-management/components/receivable-order/receivable-order-detail/receivable-order-detail.component.less
new file mode 100644
index 00000000..aebf12ee
--- /dev/null
+++ b/src/app/routes/financial-management/components/receivable-order/receivable-order-detail/receivable-order-detail.component.less
@@ -0,0 +1,13 @@
+:host::ng-deep {
+
+    .statistics-box {
+        .ant-form-item {
+            margin-bottom: 0;
+
+            .ant-form-item-control-input-content {
+                color: #f5222d;
+            }
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/receivable-order/receivable-order-detail/receivable-order-detail.component.ts b/src/app/routes/financial-management/components/receivable-order/receivable-order-detail/receivable-order-detail.component.ts
new file mode 100644
index 00000000..d630043c
--- /dev/null
+++ b/src/app/routes/financial-management/components/receivable-order/receivable-order-detail/receivable-order-detail.component.ts
@@ -0,0 +1,161 @@
+import { CurrencyPipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { TicketService } from 'src/app/routes/ticket-management/services/ticket.service';
+import { FreightAccountService } from '../../../services/freight-account.service';
+
+@Component({
+  selector: 'app-receivable-order-detail',
+  templateUrl: './receivable-order-detail.component.html',
+  styleUrls: ['./receivable-order-detail.component.less', '../../../../commom/less/expend-but.less', '../../../../commom/less/box.less'],
+  providers: [CurrencyPipe]
+})
+export class ReceivableOrderDetailComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  id = null;
+  billHId = null;
+  headerInfo: any = {};
+  constructor(public service: FreightAccountService, private route: ActivatedRoute, private currencyPipe: CurrencyPipe) {
+    this.id = route.snapshot.params.id;
+    this.billHId = route.snapshot.queryParams.billHId;
+    this.loadHeadInfo();
+  }
+
+  ngOnInit(): void {}
+
+  loadHeadInfo() {
+    this.service.request(this.service.$api_get_fico_header, { id: this.id }).subscribe(res => {
+      if (res) {
+        this.headerInfo = res;
+      }
+    });
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, { ahxHId: this.id });
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+      if (this.sf.value.feedate?.[0]) {
+        Object.assign(requestOptions.body, {
+          feedate: {
+            start: this.sf.value.feedate?.[0] || '',
+            end: this.sf.value.feedate?.[1] || ''
+          }
+        });
+      }
+    }
+    return requestOptions;
+  };
+
+  goBack() {
+    history.go(-1);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        feeHCode: {
+          type: 'string',
+          title: '费用单',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        billHCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        cno: {
+          type: 'string',
+          title: '结算客户',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getCloseAccount()
+          },
+          default: ''
+        },
+        feedate: {
+          title: '费用日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        }
+        // billTime: {
+        //   title: '订单日期',
+        //   type: 'string',
+        //   ui: {
+        //     widget: 'sl-from-to-search',
+        //     format: 'yyyy-MM-dd',
+        //     visibleIf: {
+        //       expand: (value: boolean) => value
+        //     }
+        //   } as SFDateWidgetSchema
+        // }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '序号', render: 'no', width: 80 },
+      { title: '费用号', index: 'feeLId', width: 100 },
+      { title: '费用日期', index: 'feedate', type: 'date', width: 150 },
+      { title: '订单号', index: 'billHCode', width: 100 },
+      // { title: '订单日期', index: 'billTime', width: 150 },
+      // { title: '费用类型', index: 'cnoName', width: 90 },
+      { title: '订单费用科目', index: 'billLTypeLabel', width: 100 },
+      { title: '费用科目', index: 'feeSubName', width: 140 },
+      { title: '结算客户', index: 'cnoName', width: 100 },
+      {
+        title: '已收金额',
+        index: 'ahxmoney',
+        width: 100,
+        className: 'text-right',
+        format: item => `${this.currencyPipe.transform(item.ahxmoney)}`
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/receivable-order/receivable-order.component.html b/src/app/routes/financial-management/components/receivable-order/receivable-order.component.html
new file mode 100644
index 00000000..63041216
--- /dev/null
+++ b/src/app/routes/financial-management/components/receivable-order/receivable-order.component.html
@@ -0,0 +1,37 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-14 14:39:04
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-20 16:20:10
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\receivable-order\\receivable-order.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'应收核销'"> </page-header-wrapper>
+
+<nz-card class="search-box" nzBordered>
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+      <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 110, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } }"
+        [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right"
+      [class.expend-options]="_$expand">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+      <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+      <!-- <button nz-button [disabled]="false"> 导出</button>
+            <button nz-button [disabled]="false"> 导出核销</button> -->
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+  <st #st [data]="service.$api_get_fico_page" [columns]="columns" [req]="{  process: beforeReq }" [page]="{}"
+    [loading]="false" [scroll]="{ x: '1200px' }" (change)="stChange($event)">
+  </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/receivable-order/receivable-order.component.ts b/src/app/routes/financial-management/components/receivable-order/receivable-order.component.ts
new file mode 100644
index 00000000..a8e78022
--- /dev/null
+++ b/src/app/routes/financial-management/components/receivable-order/receivable-order.component.ts
@@ -0,0 +1,312 @@
+import { CurrencyPipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { TicketService } from 'src/app/routes/ticket-management/services/ticket.service';
+import { FreightAccountService } from '../../services/freight-account.service';
+
+@Component({
+  selector: 'app-receivable-order',
+  templateUrl: './receivable-order.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less'],
+  providers: [CurrencyPipe]
+})
+export class ReceivableOrderComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  selectedRows: any[] = [];
+  constructor(
+    public service: FreightAccountService,
+    private nzModalService: NzModalService,
+    private router: Router,
+    private currencyPipe: CurrencyPipe
+  ) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+      if (this.sf.value?.createTime) {
+        Object.assign(requestOptions.body, {
+          createTime: {
+            start: this.sf.value.createTime?.[0] || null,
+            end: this.sf.value.createTime?.[1] || null
+          }
+        });
+      }
+      if (this.sf.value?.ahxdate) {
+        Object.assign(requestOptions.body, {
+          ahxdate: {
+            start: this.sf.value.ahxdate?.[0] || null,
+            end: this.sf.value.ahxdate?.[1] || null
+          }
+        });
+      }
+    }
+    return requestOptions;
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+    }
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        ahxcode: {
+          type: 'string',
+          title: '核销单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        ltdid: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          },
+          default: ''
+        },
+        bankreceipt: {
+          type: 'string',
+          title: '银行水单',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        brmtype: {
+          type: 'string',
+          title: '收款类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'driverrecord:receive:type' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        arvattype: {
+          type: 'string',
+          title: '付款类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'pay:type' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        cno: {
+          type: 'string',
+          title: '结算客户',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getCloseAccount(),
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        arto: {
+          type: 'string',
+          title: '付款人',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            onSearch: (q: any) => this.service.getEnterpriceList({ enterpriseName: q }),
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        sts: {
+          type: 'string',
+          title: '核销状态',
+          enum: [
+            { value: 1, label: '已核销' },
+            { value: 0, label: '待核销' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        banktype: {
+          type: 'string',
+          title: '银行类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '平安银行', value: '1' },
+            { label: '浦发银行', value: '2' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        ahxdate: {
+          title: '核销日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        createTime: {
+          title: '创建时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        billHCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        // orderS3: {
+        //   type: 'string',
+        //   title: '费用号',
+        //   ui: {
+        //     placeholder: '请输入',
+        //     visibleIf: {
+        //       expand: (value: boolean) => value
+        //     }
+        //   }
+        // },
+        remarks: {
+          type: 'string',
+          title: '核销备注',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox' },
+      { title: '核销单号', index: 'ahxcode', type: 'link', width: 140 },
+      { title: '订单号', index: 'billHCode', type: 'link', width: 140 },
+      { title: '网络货运人', index: 'ltdName', width: 160 },
+      { title: '核销日期', index: 'ahxdate', type: 'date', width: 160 },
+      { title: '收款账户', index: 'ltdaccountId', width: 160 },
+      { title: '核销类型', index: 'ahxType', type: 'enum', enum: { '1': '预收款' }, width: 120 },
+      {
+        title: '核销金额',
+        index: 'ahxmoney',
+        width: 120,
+        className: 'text-right',
+        format: item => `${this.currencyPipe.transform(item.ahxmoney)}`
+      },
+      {
+        title: '应收金额',
+        index: 'armoney',
+        width: 120,
+        className: 'text-right',
+        format: item => `${this.currencyPipe.transform(item.armoney)}`
+      },
+      { title: '银行类型', index: 'banktype', type: 'enum', enum: { '1': '平安', '2': '浦发' }, width: 120 },
+      { title: '收款类型', index: 'arvattype', type: 'enum', enum: { '1': '费用款项' }, width: 120 },
+      { title: '付款人', index: 'artoname', width: 200 },
+      { title: '付款账户', index: 'shipperaccount', width: 170 },
+      { title: '结算客户', index: 'cnoName', width: 120 },
+      { title: '银行水单', index: 'bankreceipt', width: 200 },
+      { title: '创建时间', index: 'createTime', width: 180 },
+      // { title: '收款人', index: 'driver2IdName', width: 120 },
+      // { title: '创建人', index: 'createUserIdLabel', width: 120 },
+      { title: '核销状态', index: 'sts', type: 'enum', enum: { 0: '待核销', 1: '已核销' }, width: 120 },
+      { title: '核销备注', index: 'remarks', width: 120 },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: 120,
+        className: 'text-center',
+        buttons: [
+          {
+            text: '浏览',
+            click: item =>
+              this.router.navigate(['/financial-management/receivable-order/detail/' + item.id], { queryParams: { billHId: item.billHId } })
+          }
+          // {
+          //   text: '核销'
+          // }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/recharge-record/recharge-record.component.html b/src/app/routes/financial-management/components/recharge-record/recharge-record.component.html
new file mode 100644
index 00000000..8c7c5d10
--- /dev/null
+++ b/src/app/routes/financial-management/components/recharge-record/recharge-record.component.html
@@ -0,0 +1,56 @@
+<page-header-wrapper [title]="'充值记录'">
+</page-header-wrapper>
+
+<!-- <nz-card>
+    <nz-row [nzGutter]="16">
+        <nz-col [nzXl]="7" [nzLg]="8" [nzSm]="12">
+            <nz-statistic nzValue="100 笔" [nzTitle]="'累计充值订单数'"
+                [nzValueStyle]="{'font-size':'21px'}">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="7" [nzLg]="8" [nzSm]="12">
+            <nz-statistic nzValue="80000.00 元" [nzTitle]="'累计充值金额'" [nzValueStyle]="{'font-size':'21px'}">
+            </nz-statistic>
+        </nz-col>
+    </nz-row>
+</nz-card> -->
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 110,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button (click)="exportList()"> 导出</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+    <st #st [data]="service.$api_get_recharge_page" [columns]="columns" [req]="{ process: beforeReq }" [page]="{}"
+        [loading]="false" [scroll]="{ x:'1200px' }">
+        <ng-template st-row="transferBankAccount" let-item let-index="index" let-column="column">
+            {{ item.transferBankOpenName }} <br> {{ item.transferBankCardNumber }}
+        </ng-template>
+    </st>
+</nz-card>
+
+<ng-template #remarkodal>
+    <div nz-row>
+        <div nz-col nzSpan="24" se-container [labelWidth]="80">
+            <se [col]="1" label="备注">
+                <textarea nz-input rows="3" [(ngModel)]="rechargeRemark" placeholder="最多不能超过100字"
+                    maxlength="100"></textarea>
+            </se>
+        </div>
+    </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/recharge-record/recharge-record.component.ts b/src/app/routes/financial-management/components/recharge-record/recharge-record.component.ts
new file mode 100644
index 00000000..e45f63bb
--- /dev/null
+++ b/src/app/routes/financial-management/components/recharge-record/recharge-record.component.ts
@@ -0,0 +1,236 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { FreightAccountService } from '../../services/freight-account.service';
+
+@Component({
+  selector: 'app-recharge-record',
+  templateUrl: './recharge-record.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class RechargeRecordComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  @ViewChild('remarkodal', { static: true })
+  remarkodal!: any;
+  rechargeRemark = '';
+
+  _$expand = false;
+  constructor(public service: FreightAccountService, private modal: NzModalService) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, { ...this.sf.value });
+    }
+    return requestOptions;
+  };
+
+  addRemark(item: any) {
+    this.rechargeRemark = item.remark;
+    const modal = this.modal.create({
+      nzTitle: this.rechargeRemark ? '修改备注' : '添加备注',
+      nzContent: this.remarkodal,
+      nzFooter: [
+        {
+          type: 'primary',
+          label: '确认',
+          loading: () => this.service.http.loading,
+          onClick: () => {
+            this.service.request(this.service.$api_edit_remark, { id: item.id, remark: this.rechargeRemark }).subscribe(res => {
+              if (res) {
+                this.service.msgSrv.success('修改成功');
+                this.st.load(1);
+                modal.destroy();
+              }
+            });
+            return false;
+          }
+        }
+      ]
+    });
+  }
+
+  goBack() {
+    history.go(-1);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  exportList() {
+    this.service.downloadFile(this.service.$mock_url, { ...this.sf.value, pageSize: -1 });
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        rechargeNo: {
+          type: 'string',
+          title: '充值单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        rechargeStatus: {
+          type: 'string',
+          title: '充值状态',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '充值中', value: '1' },
+            { label: '充值失败', value: '2' },
+            { label: '充值成功', value: '3' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          },
+          default: ''
+        },
+        createTime: {
+          title: '充值时间',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd'
+          } as SFDateWidgetSchema
+        },
+        roleName: {
+          type: 'string',
+          title: '账户名称',
+          ui: {
+            placeholder: '请输入',
+            autocomplete: 'off',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        accountType: {
+          type: 'string',
+          title: '账户类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '货主账户', value: '1' },
+            { label: '司机账户', value: '2' },
+            { label: '营商商账户', value: '3' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            },
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          }
+        },
+        bankType: {
+          type: 'string',
+          title: '银行类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '平安银行', value: '1' },
+            { label: '浦发银行', value: '2' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '充值时间', index: 'createTime', type: 'date', width: 180 },
+      { title: '充值单号', index: 'rechargeNo', width: 140 },
+      { title: '网络货运人', index: 'ltdName', width: 160 },
+      { title: '银行类型', index: 'bankTypeLabel', width: 100 },
+      { title: '账户类型', index: 'accountTypeLabel', width: 100 },
+      { title: '账户名称', index: 'roleName', width: 160 },
+      { title: '虚拟账户', index: 'virtualAccount', width: 100 },
+      {
+        title: '充值金额',
+        index: 'rechargeAmount',
+        width: 160,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.rechargeAmount }) }
+      },
+      { title: '充值银行账户', render: 'transferBankAccount', width: 200 },
+      { title: '充值方式', index: 'payChannelLabel', width: 100 },
+      { title: '充值状态', index: 'rechargeStatusLabel', width: 100 },
+      { title: '银行流水号', index: 'paySerialNumber', width: 120 },
+      {
+        title: '操作',
+        width: 120,
+        fixed: 'right',
+        className: 'text-center',
+        buttons: [
+          { type: 'divider' },
+          {
+            text: '查看回单<br>',
+            click: item =>
+              this.service.getReceiptUrl(item.receiptUrl, {
+                bankType: item.bankType,
+                rmYll: item.roleId,
+                snglFlgCd: item.paySerialNumber2,
+                bussType: '06',
+                ltdId: item.ltdId,
+                accountType: item.accountType
+              })
+          },
+          {
+            text: '添加备注',
+            click: item => this.addRemark(item)
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/refund-record/refund-record.component.html b/src/app/routes/financial-management/components/refund-record/refund-record.component.html
new file mode 100644
index 00000000..34a9cad4
--- /dev/null
+++ b/src/app/routes/financial-management/components/refund-record/refund-record.component.html
@@ -0,0 +1,66 @@
+<page-header-wrapper [title]="'退款记录'">
+</page-header-wrapper>
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24,gutter:15 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button> 导出</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+    <nz-tabset>
+        <nz-tab nzTitle="全部" (nzClick)="changeRefundStatus()"></nz-tab>
+        <nz-tab nzTitle="待审核" (nzClick)="changeRefundStatus('1')"></nz-tab>
+        <nz-tab nzTitle="退款中" (nzClick)="changeRefundStatus('4')"></nz-tab>
+        <nz-tab nzTitle="退款成功" (nzClick)="changeRefundStatus('2')"></nz-tab>
+        <nz-tab nzTitle="退款失败" (nzClick)="changeRefundStatus('5')"></nz-tab>
+    </nz-tabset>
+
+    <st #st [data]="service.$api_get_refund_record_page" [columns]="columns" [req]="{  process: beforeReq }" [page]="{}"
+        [loading]="false" [scroll]="{ x:'1200px' }">
+        <ng-template st-row="orderRefundCode" let-item let-index="index" let-column="column">
+            {{ item.orderRefundCode }} <br> {{ item.refundStatusLabel }}
+        </ng-template>
+        <ng-template st-row="refundAmount" let-item let-index="index" let-column="column">
+            <ng-container *ngFor="let cost of item.billRefundDetailVOS">
+                {{cost.costName}}：{{ cost.refundAmount |currency }}<br>
+            </ng-container>
+        </ng-template>
+        <ng-template st-row="billRefundPaymentVOS" let-item let-index="index" let-column="column">
+            <ng-container *ngFor="let bill of item.billRefundPaymentVOS">
+                {{ bill.paymentApplicationCode  }}<br>
+            </ng-container>
+        </ng-template>
+        <ng-template st-row="driver" let-item let-index="index" let-column="column">
+            {{ item.driverName }} <br> {{ item.driverTelephone }}<br>{{ item.driverLicencePlate }}
+        </ng-template>
+        <ng-template st-row="captain" let-item let-index="index" let-column="column">
+            {{ item.captainName }} <br> {{ item.captainTelephone }}
+        </ng-template>
+    </st>
+</nz-card>
+
+<ng-template #auditModal>
+    <div nz-row nzGutter="8">
+        <div nz-col nzSpan="24" se-container [labelWidth]="80">
+            <se [col]="1" label="备注">
+                <textarea nz-input rows="3" [(ngModel)]="msg" placeholder="通过可以不用填写原因 ，拒绝必须说明原因"
+                    style="width: 325px;margin-left: 14px;"></textarea>
+            </se>
+        </div>
+    </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/refund-record/refund-record.component.ts b/src/app/routes/financial-management/components/refund-record/refund-record.component.ts
new file mode 100644
index 00000000..32dcf8ab
--- /dev/null
+++ b/src/app/routes/financial-management/components/refund-record/refund-record.component.ts
@@ -0,0 +1,290 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { FreightAccountService } from '../../services/freight-account.service';
+
+@Component({
+  selector: 'app-refund-record',
+  templateUrl: './refund-record.component.html',
+  styleUrls: ['../../../commom/less/box.less']
+})
+export class RefundRecordComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('auditModal', { static: false })
+  auditModal!: any;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+  refundStatus: any = '';
+
+  msg = '';
+
+  constructor(public service: FreightAccountService, private nzModalService: NzModalService, private router: Router) {}
+
+  ngOnInit(): void {
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, { refundStatus: this.refundStatus || null });
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        refundExecuteTime: {
+          start: this.sf.value.refundExecuteTime?.[0] || '',
+          end: this.sf.value.refundExecuteTime?.[1] || ''
+        }
+      });
+    }
+    return requestOptions;
+  };
+
+  changeRefundStatus(status?: string) {
+    this.refundStatus = status || null;
+    this.st.load(1);
+  }
+
+  auditAction(item?: any) {
+    this.msg = '';
+    const modal = this.nzModalService.create({
+      nzTitle: '审核',
+      nzContent: this.auditModal,
+      nzFooter: [
+        {
+          label: '拒绝',
+          type: 'default',
+          onClick: () => {
+            if (!this.msg) {
+              this.service.msgSrv.warning('请填写原因');
+              return false;
+            }
+            this.service
+              .request(this.service.$api_disagree_refund_record, {
+                applicationId: item.id,
+                remark: this.msg
+              })
+              .subscribe(res => {
+                if (res) {
+                  this.service.msgSrv.success('审核拒绝成功');
+                  modal.destroy(true);
+                  this.st.load(1);
+                }
+              });
+            return false;
+          }
+        },
+        {
+          label: '通过',
+          type: 'primary',
+          onClick: () => {
+            this.service
+              .request(this.service.$api_agree_refund_record, {
+                applicationId: item.id,
+                remark: this.msg
+              })
+              .subscribe(res => {
+                if (res) {
+                  this.service.msgSrv.success('审核通过成功');
+                  modal.destroy(true);
+                  this.st.load(1);
+                }
+              });
+            return false;
+          }
+        }
+      ]
+    });
+  }
+
+  reApply(item: any) {
+    const modal = this.nzModalService.warning({
+      nzTitle: '确定要重新发起退款？',
+      nzOnOk: () => {
+        this.service
+          .request(this.service.$api_rebulid_refund_record, {
+            applicationId: item.id
+          })
+          .subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success('发起成功');
+              modal.destroy(true);
+              this.st.load(1);
+            }
+          });
+        return false;
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        orderRefundCode: {
+          type: 'string',
+          title: '退款单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        refundType: {
+          type: 'string',
+          title: '退款类型',
+          enum: [
+            { value: '1', label: '平台退款货主' },
+            { value: '2', label: '司机退款平台' },
+            { value: '3', label: '车队长退款司机' },
+            { value: '4', label: '车队长退款平台' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          }
+        },
+        enterpriseInfoName: {
+          type: 'string',
+          title: '货主',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        billCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            visibleIf: {
+              expand: (value: boolean) => value
+            },
+            placeholder: '请输入'
+          }
+        },
+        enterpriseProjectName: {
+          type: 'string',
+          title: '所属项目',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        resourceCode: {
+          type: 'string',
+          title: '货源号',
+          ui: {
+            visibleIf: {
+              expand: (value: boolean) => value
+            },
+            placeholder: '请输入'
+          }
+        },
+        refundExecuteTime: {
+          title: '退款时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            },
+            nzShowTime: true
+          } as SFDateWidgetSchema
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder(),
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        bankType: {
+          type: 'string',
+          title: '银行类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'bankname:type' },
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '退款单号', render: 'orderRefundCode', width: 190 },
+      { title: '退款类型', index: 'refundTypeLabel', width: 140 },
+      { title: '退款金额', render: 'refundAmount', className: 'text-right', width: 180 },
+      { title: '退款时间', index: 'refundExecuteTime', width: 170 },
+      { title: '货主', index: 'enterpriseInfoName', width: 150 },
+      { title: '所属项目', index: 'enterpriseProjectName', width: 140 },
+      { title: '支付单', render: 'billRefundPaymentVOS', width: 150 },
+      { title: '订单号', index: 'billCode', width: 150 },
+      { title: '货源号', index: 'resourceCode', width: 150 },
+      { title: '司机', render: 'driver', width: 150 },
+      { title: '收款人', render: 'captain', width: 150 },
+      { title: '网络货运人', index: 'ltdName', width: 180 },
+      { title: '银行类型', index: 'bankTypeLabel', width: 120 },
+      { title: '退款原因', index: 'reason', width: 170 },
+      { title: '失败原因', index: 'failCause', width: 170 },
+      {
+        title: '操作',
+        fixed: 'right',
+        className: 'text-center',
+        width: '150px',
+        buttons: [
+          {
+            text: '审核',
+            iif: item => item.refundStatus === '1',
+            click: item => this.auditAction(item)
+          },
+          {
+            text: '重新发起',
+            iif: item => item.refundStatus === '5',
+            click: item => this.reApply(item)
+          }
+          // {
+          //   text: '关闭',
+          //   click: item => this.router.navigate(['/financial-management/withdrawals-record/detail/' + item.id])
+          // }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/transaction-flow/transaction-flow.component.html b/src/app/routes/financial-management/components/transaction-flow/transaction-flow.component.html
new file mode 100644
index 00000000..77fc9628
--- /dev/null
+++ b/src/app/routes/financial-management/components/transaction-flow/transaction-flow.component.html
@@ -0,0 +1,30 @@
+<page-header-wrapper [title]="'交易流水'"> </page-header-wrapper>
+
+<nz-card class="search-box" nzBordered>
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+      <sf #sf [schema]="searchSchema"
+        [ui]="{ '*': { spanLabelFixed: 110, grid: { lg: 8, md: 12, sm: 12, xs: 24, gutter: 15 } } }" [compact]="true"
+        [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+      class="text-right">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <button nz-button> 导出</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box pt-xl" nzBordered>
+  <st #st [data]="service.$api_get_account_blance" [columns]="columns" [req]="{  process: beforeReq }" [page]="{}"
+    [loading]="false" [scroll]="{ x: '1200px' }">
+    <ng-template st-row="amount">
+
+    </ng-template>
+  </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/transaction-flow/transaction-flow.component.less b/src/app/routes/financial-management/components/transaction-flow/transaction-flow.component.less
new file mode 100644
index 00000000..cd8c3436
--- /dev/null
+++ b/src/app/routes/financial-management/components/transaction-flow/transaction-flow.component.less
@@ -0,0 +1,41 @@
+:host::ng-deep {
+    .search-box {
+        .ant-card-body {
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box {
+        .ant-card-body {
+            padding-top: 0;
+        }
+    }
+
+    nz-range-picker {
+        width: 100%;
+    }
+
+    .ant-tabs-tab-btn {
+        padding-left : 16px;
+        padding-right: 16px;
+    }
+
+    .text-truncate {
+        white-space: normal;
+    }
+}
+
+.expend-options {
+    margin-top: 0px;
+}
+
+
+@media (min-width: 1200px) {
+    .expend-options {
+        max-width: 400px;
+        position : absolute;
+        right    : 0;
+        bottom   : 25px;
+    }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/transaction-flow/transaction-flow.component.ts b/src/app/routes/financial-management/components/transaction-flow/transaction-flow.component.ts
new file mode 100644
index 00000000..3222c24f
--- /dev/null
+++ b/src/app/routes/financial-management/components/transaction-flow/transaction-flow.component.ts
@@ -0,0 +1,264 @@
+import { CurrencyPipe } from '@angular/common';
+import { Component, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+
+import { FreightAccountService } from '../../services/freight-account.service';
+
+@Component({
+  selector: 'app-transaction-flow',
+  templateUrl: './transaction-flow.component.html',
+  styleUrls: ['./transaction-flow.component.less'],
+  providers: [CurrencyPipe]
+})
+export class TransactionFlowComponent {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  constructor(
+    public service: FreightAccountService,
+    private nzModalService: NzModalService,
+    private router: Router,
+    private currencyPipe: CurrencyPipe
+  ) {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        createTime: {
+          start: this.sf.value.createTime?.[0] || '',
+          end: this.sf.value.createTime?.[1] || ''
+        }
+      });
+    }
+    return requestOptions;
+  };
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        createTime: {
+          title: '交易时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择'
+          } as SFDateWidgetSchema
+        },
+        transactionNumber: {
+          type: 'string',
+          title: '流水号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        businessNumber: {
+          type: 'string',
+          title: '关联单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        tradeType: {
+          type: 'string',
+          title: '交易类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '运费支付', value: 1 },
+            { label: '附加费支付', value: 2 },
+            { label: '运费退款', value: 3 },
+            { label: '附加费退款', value: 4 },
+            { label: '保费支付', value: 5 },
+            { label: '保费退款', value: 6 },
+            { label: '余额充值', value: 7 },
+            { label: '余额提现', value: 8 },
+            { label: '资金分配', value: 9 },
+            { label: '资金回收', value: 10 }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        incomeType: {
+          type: 'string',
+          title: '收支类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '收入', value: 2 },
+            { label: '支出', value: 1 }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        channelSource: {
+          type: 'string',
+          title: '账户类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '货主账户', value: '1' },
+            { label: '司机账户', value: '2' },
+            { label: '运营商账户', value: '3' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        enterpriseName: {
+          type: 'string',
+          title: '账户名称',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        projectId: {
+          type: 'string',
+          title: '所属项目',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            },
+            asyncData: () => this.service.getEnterpriseProject()
+          },
+          default: ''
+        },
+        bankType: {
+          type: 'string',
+          title: '银行类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '平安银行', value: '1' },
+            { label: '浦发银行', value: '2' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            },
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          },
+          default: ''
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '交易时间', index: 'createTime', width: 180 },
+      { title: '流水号', index: 'transactionNumber', width: 180 },
+      { title: '交易类型', index: 'tradeTypeLabel', width: 120 },
+      { title: '关联单号', index: 'businessNumber', width: 150 },
+      { title: '账户类型', index: 'accountTypeLabel', width: 130 },
+      { title: '账户名称', index: 'roleName', width: 180 },
+      { title: '所属项目', index: 'projectName', width: 140 },
+      { title: '收支类型', index: 'incomeTypeLabel', width: 100, className: 'text-center' },
+      {
+        title: '交易金额',
+        index: 'amount',
+        width: 100,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.amount }) }
+      },
+      {
+        title: '账户余额',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.accountBalance }) }
+      },
+      { title: '网络货运人', index: 'ltdName', width: 180 },
+      { title: '银行类型', index: 'bankTypeLabel', width: 100 },
+      { title: '银行流水号', index: 'channelPaySn', width: 170 },
+      {
+        title: '操作',
+        fixed: 'right',
+        className: 'text-center',
+        width: 120,
+        buttons: [
+          {
+            text: '查看回单',
+            iif: item => item.tradeType !== '9' && item.tradeType !== '10',
+            click: item =>
+              this.service.getReceiptUrl(item.receiptUrl, {
+                bankType: item.bankType,
+                rmYll: item.roleId,
+                snglFlgCd: item.channelPaySn,
+                bussType: item.tradeType === '7' ? '05' : item.tradeType === '8' ? '06' : '07',
+                ltdId: item.ltdId,
+                accountType: item.accountType
+              })
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/voucher-management/voucher-detail/voucher-detail.component.html b/src/app/routes/financial-management/components/voucher-management/voucher-detail/voucher-detail.component.html
new file mode 100644
index 00000000..bdf26c72
--- /dev/null
+++ b/src/app/routes/financial-management/components/voucher-management/voucher-detail/voucher-detail.component.html
@@ -0,0 +1,66 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-18 09:51:21
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-20 17:03:34
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\voucher-management\\voucher-detail\\voucher-detail.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper title="浏览" [logo]="logo">
+    <ng-template #logo>
+        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+            <i nz-icon nzType="left" nzTheme="outline"></i>
+        </button>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card>
+    <div se-container labelWidth="150" gutter="32" col="3">
+        <se-title class="text-center font-weight-bold text-xl">记账凭证
+            <!-- <button nz-button nzType="primary" [nzLoading]="service.http.loading" style="float: right;">打印</button> -->
+        </se-title>
+        <se label="帐套" required>
+            {{info?.vcltdcode}} - {{info?.vcltdname}}
+        </se>
+        <se label="凭证类型" required>
+            {{info?.vctype}}
+        </se>
+        <se label="凭证日期" required>
+            {{info?.vctime}}
+        </se>
+    </div>
+
+    <st #st [data]="info?.faShowVOList" [columns]="columns" [footer]="footerTpl" bordered
+        [scroll]="{ x:'1200px',y: '420px' }" [page]="{ show: false }" [loading]="service.http.loading">
+        <ng-template #footerTpl let-s>
+            <ng-container *ngIf="st.count > 0">
+                <div style="display: flex;justify-content: flex-end;">
+                    <div style="flex: 1;" class="text-right font-weight-bold text-md">合计：</div>
+                    <div style="width: 150px;" class="text-right">{{info?.drmoney | currency}}</div>
+                    <div style="width: 150px;" class="text-right">{{info?.crmoney | currency}}</div>
+                </div>
+            </ng-container>
+        </ng-template>
+
+        <ng-template st-row="auxVOList" let-item let-index="index" let-column="column">
+            <ng-container *ngFor="let auxVO of item.auxVOList">
+                {{ auxVO.auxLabel }}: {{ auxVO.auxValue }} <br>
+            </ng-container>
+        </ng-template>
+    </st>
+
+    <sv-container labelWidth="150" gutter="32" class="mt-md">
+        <sv label="摘要">
+            {{info?.remarks}}
+        </sv>
+        <sv label="凭证流水号">
+            {{info?.id}}
+        </sv>
+        <!-- <sv label="创建人">
+            {{info?.createUserId}}
+        </sv> -->
+    </sv-container>
+
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/voucher-management/voucher-detail/voucher-detail.component.ts b/src/app/routes/financial-management/components/voucher-management/voucher-detail/voucher-detail.component.ts
new file mode 100644
index 00000000..1c4f072c
--- /dev/null
+++ b/src/app/routes/financial-management/components/voucher-management/voucher-detail/voucher-detail.component.ts
@@ -0,0 +1,57 @@
+import { CurrencyPipe } from '@angular/common';
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STData, STColumn, STRequestOptions } from '@delon/abc/st';
+import { FreightAccountService } from '../../../services/freight-account.service';
+
+@Component({
+  selector: 'app-voucher-detail',
+  templateUrl: './voucher-detail.component.html'
+})
+export class VoucherDetailComponent implements OnInit {
+  columns: STColumn[] = [
+    { title: '摘要', index: 'remarks' },
+    { title: '会计科目', index: 'subname' },
+    { title: '辅助核算', render: 'auxVOList' },
+    { title: '币种', index: 'currency', className: 'text-center' },
+    {
+      title: '借方金额',
+      index: 'drlocalmoney',
+      width: 150,
+      type: 'widget',
+      className: 'text-right',
+      widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.drlocalmoney }) }
+    },
+    {
+      title: '贷方金额',
+      index: 'crlocalmoney',
+      width: 150,
+      type: 'widget',
+      className: 'text-right',
+      widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.crlocalmoney }) }
+    }
+  ];
+  id!: string;
+
+  info: any = { faShowVOList: [] };
+
+  constructor(public service: FreightAccountService, private route: ActivatedRoute) {
+    this.id = route.snapshot.params.id;
+  }
+
+  ngOnInit(): void {
+    this.loadDetail(this.id);
+  }
+
+  loadDetail(id: string) {
+    this.service.request(this.service.$api_get_fico_vch__detail, { id }).subscribe(res => {
+      if (res) {
+        this.info = res;
+      }
+    });
+  }
+
+  goBack() {
+    history.go(-1);
+  }
+}
diff --git a/src/app/routes/financial-management/components/voucher-management/voucher-management.component.html b/src/app/routes/financial-management/components/voucher-management/voucher-management.component.html
new file mode 100644
index 00000000..30ea85a7
--- /dev/null
+++ b/src/app/routes/financial-management/components/voucher-management/voucher-management.component.html
@@ -0,0 +1,39 @@
+<page-header-wrapper [title]="'凭证管理'">
+</page-header-wrapper>
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 100,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)" acl  [acl-ability]="['FINANCIAL-VOUCHER-list']">查询</button>
+            <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+            <!-- <button nz-button [disabled]="false"> 导出</button>
+            <button nz-button [disabled]="false"> 导出明细</button> -->
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+
+    <div class="d-flex align-items-center mb-md mt-md">
+        <!-- <button nz-button nzType="primary">新建凭证</button>
+        <button nz-button nzType="primary">凭证导入</button>
+        <div class="ml-md">
+            已选择
+            <strong class="text-primary">{{ selectedRows.length }}</strong> 张发票
+            <a *ngIf="selectedRows.length > 0" (click)="st.clearCheck()" class="ml-lg">清空</a>
+        </div> -->
+    </div>
+
+    <st #st [data]="service.$api_get_fico_vch_page" [columns]="columns" [req]="{  process: beforeReq }" [page]="{}"
+        [loading]="false" [scroll]="{ x:'1200px' }" (change)="stChange($event)">
+    </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/voucher-management/voucher-management.component.ts b/src/app/routes/financial-management/components/voucher-management/voucher-management.component.ts
new file mode 100644
index 00000000..4509f291
--- /dev/null
+++ b/src/app/routes/financial-management/components/voucher-management/voucher-management.component.ts
@@ -0,0 +1,362 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-18 15:57:44
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-20 17:18:16
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\voucher-management\\voucher-management.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { CurrencyPipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { FreightAccountService } from '../../services/freight-account.service';
+
+@Component({
+  selector: 'app-voucher-management',
+  templateUrl: './voucher-management.component.html',
+  styleUrls: ['../../../commom/less/box.less']
+})
+export class VoucherManagementComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('auditModal', { static: false })
+  auditModal!: any;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  selectedRows: any[] = [];
+  constructor(public service: FreightAccountService, private nzModalService: NzModalService, private router: Router) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+      if (this.sf.value.createTime) {
+        Object.assign(requestOptions.body, {
+          createTime: {
+            start: this.sf.value.createTime?.[0] || null,
+            end: this.sf.value.createTime?.[1] || null
+          }
+        });
+      }
+      if (this.sf.value.vctime) {
+        Object.assign(requestOptions.body, {
+          vctime: {
+            start: this.sf.value.vctime?.[0] || null,
+            end: this.sf.value.vctime?.[1] || null
+          }
+        });
+      }
+    }
+    return requestOptions;
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+    }
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        vccode: {
+          type: 'string',
+          title: '凭证号',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请输入'
+          }
+        },
+        cno: {
+          type: 'string',
+          title: '客户',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          },
+          default: ''
+        },
+        vctime: {
+          title: '凭证时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd'
+          } as SFDateWidgetSchema
+        },
+        sourceCode: {
+          type: 'string',
+          title: '原始单号',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        sourceType: {
+          type: 'string',
+          title: '原始单类型',
+          enum: [
+            { value: '', label: '全部' },
+            { value: 1, label: '收款' },
+            { value: 2, label: '收款(退款)' },
+            { value: 3, label: '应收费用' },
+            { value: 4, label: '应收费用(负数)' },
+            { value: 5, label: '应收核销' },
+            { value: 6, label: '应收核销(负数)' },
+            { value: 7, label: '应付费用' },
+            { value: 8, label: '应付费用(负数)' },
+            { value: 9, label: '应付核销' },
+            { value: 10, label: '应付核销(负数)' },
+            { value: 11, label: '分票开票' },
+            { value: 12, label: '删除分票' },
+            { value: 13, label: '付款' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        createTime: {
+          title: '创建时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        inpinvcosde: {
+          type: 'string',
+          title: '凭证摘要',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        vctype: {
+          type: 'string',
+          title: '凭证类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'credential:type' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        subid: {
+          type: 'string',
+          title: '科目',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'refund:apply:status' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        drmoney: {
+          type: 'string',
+          title: '借方金额',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        crmoney: {
+          type: 'string',
+          title: '贷方金额',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        vcltdid: {
+          type: 'string',
+          title: '帐套',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'refund:apply:status' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        sts: {
+          type: 'string',
+          title: '凭证状态',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'credential:status' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        importncnotes: {
+          type: 'string',
+          title: 'NC凭证',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        vc2code: {
+          type: 'string',
+          title: '汇总凭证号',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        importnc: {
+          type: 'string',
+          title: '导入NC',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'refund:apply:status' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        isvc2: {
+          type: 'string',
+          title: '是否汇总',
+          enum: [
+            { value: null, label: '全部' },
+            { value: 0, label: '否' },
+            { value: 1, label: '是' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox', width: 60, className: 'text-center', fixed: 'left' },
+      { title: '凭证号', index: 'vccode', type: 'link', width: 200 },
+      { title: '帐套', index: 'ltdId', width: 200, format: item => `${item.vcltdcode}-${item.vcltdname}` },
+      { title: '凭证时间', index: 'vctime', type: 'date', width: 200 },
+      { title: '凭证类型', index: 'vctype', width: 200 },
+      // { title: '序号', index: 'invmoney', width: 200, format: _ => '1' },
+      { title: '摘要', index: 'remarks', width: 300 },
+      { title: '币种', index: 'currency', width: 100 },
+      {
+        title: '借方金额',
+        index: 'drmoney',
+        width: 120,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.drmoney }) }
+      },
+      {
+        title: '贷方金额',
+        index: 'crmoney',
+        width: 120,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.crmoney }) }
+      },
+      { title: 'NC凭证', index: 'importncnotes', width: 150 },
+      { title: '汇总凭证号', index: 'vc2code', width: 150 },
+      { title: '凭证状态', index: 'stsLabel', width: 120 },
+      { title: '创建时间', index: 'createTime', width: 140 },
+      // { title: '创建人', index: 'createUserId', width: 150 },
+      {
+        title: '操作',
+        width: '130px',
+        fixed: 'right',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '浏览',
+            click: (item: any) => this.router.navigate(['/financial-management/voucher-management/detail/' + item.id]),
+            acl: { ability: ['FINANCIAL-VOUCHER-view'] }
+          }
+          // {
+          //   text: '修改'
+          // },
+          // {
+          //   text: '删除'
+          // },
+          // {
+          //   text: '提交'
+          // }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/voucher-summary/summary-detail/summary-detail.component.html b/src/app/routes/financial-management/components/voucher-summary/summary-detail/summary-detail.component.html
new file mode 100644
index 00000000..49cf138c
--- /dev/null
+++ b/src/app/routes/financial-management/components/voucher-summary/summary-detail/summary-detail.component.html
@@ -0,0 +1,53 @@
+<page-header-wrapper title="浏览" [logo]="logo">
+    <ng-template #logo>
+        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+            <i nz-icon nzType="left" nzTheme="outline"></i>
+        </button>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card>
+    <div se-container labelWidth="150" gutter="32" col="3">
+        <se-title class="text-center font-weight-bold text-xl">记账凭证
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" style="float: right;">打印</button>
+        </se-title>
+        <se label="帐套" required>
+            {{info?.vcltdcode}}
+        </se>
+        <se label="凭证类型" required>
+            {{info?.vctype}}
+        </se>
+        <se label="凭证日期" required>
+            {{info?.vctime}}
+        </se>
+    </div>
+
+    <st #st [data]="info?.faShowVOList" [columns]="columns" [footer]="footerTpl" bordered
+        [scroll]="{ x:'1200px',y: '420px' }" [page]="{ show: false }" [loading]="service.http.loading">
+        <ng-template #footerTpl let-s>
+            <ng-container *ngIf="st.count > 0">
+                <div style="display: flex;justify-content: flex-end;">
+                    <div style="flex: 1;" class="text-right font-weight-bold text-md">合计：</div>
+                    <div style="width: 150px;" class="text-right">{{info?.drmoney | currency}}</div>
+                    <div style="width: 150px;" class="text-right">{{info?.crmoney | currency}}</div>
+                </div>
+            </ng-container>
+        </ng-template>
+
+        <ng-template st-row="auxVOList" let-item let-index="index" let-column="column">
+            <ng-container *ngFor="let auxVO of item.auxVOList">
+                {{ auxVO.auxLabel }}: {{ auxVO.auxValue }} <br>
+            </ng-container>
+        </ng-template>
+    </st>
+
+    <sv-container labelWidth="150" gutter="32" col="2" class="mt-md">
+        <sv label="摘要">
+            {{info?.remarks}}
+        </sv>
+        <sv label="凭证流水号">
+            {{info?.createUserId}}
+        </sv>
+    </sv-container>
+
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/voucher-summary/summary-detail/summary-detail.component.ts b/src/app/routes/financial-management/components/voucher-summary/summary-detail/summary-detail.component.ts
new file mode 100644
index 00000000..0f931738
--- /dev/null
+++ b/src/app/routes/financial-management/components/voucher-summary/summary-detail/summary-detail.component.ts
@@ -0,0 +1,60 @@
+import { CurrencyPipe } from '@angular/common';
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STData, STColumn, STRequestOptions } from '@delon/abc/st';
+import { FreightAccountService } from '../../../services/freight-account.service';
+
+@Component({
+  selector: 'app-summary-detail',
+  templateUrl: './summary-detail.component.html'
+})
+export class SummaryDetailComponent implements OnInit {
+  columns: STColumn[] = [
+    { title: '摘要', index: 'remarks' },
+    { title: '会计科目', index: 'subname' },
+    { title: '辅助核算', render: 'auxVOList' },
+    { title: '币种', index: 'currency', className: 'text-center' },
+    {
+      title: '借方金额',
+      index: 'drlocalmoney',
+      width: 150,
+      type: 'widget',
+      className: 'text-right',
+      widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.drlocalmoney }) }
+    },
+    {
+      title: '贷方金额',
+      index: 'crlocalmoney',
+      width: 150,
+      type: 'widget',
+      className: 'text-right',
+      widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.crlocalmoney }) }
+    }
+  ];
+  id!: string;
+
+  info: any = { faShowVOList: [] };
+  constructor(public service: FreightAccountService, private route: ActivatedRoute) {
+    this.id = route.snapshot.params.id;
+  }
+
+  ngOnInit(): void {
+    this.loadDetail(this.id);
+  }
+
+  loadDetail(id: string) {
+    this.service.request(this.service.$api_get_fico_vch__detail, { id }).subscribe(res => {
+      if (res) {
+        this.info = res;
+      }
+    });
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    return requestOptions;
+  };
+
+  goBack() {
+    history.go(-1);
+  }
+}
diff --git a/src/app/routes/financial-management/components/voucher-summary/voucher-list/voucher-list.component.html b/src/app/routes/financial-management/components/voucher-summary/voucher-list/voucher-list.component.html
new file mode 100644
index 00000000..27bd4068
--- /dev/null
+++ b/src/app/routes/financial-management/components/voucher-summary/voucher-list/voucher-list.component.html
@@ -0,0 +1,31 @@
+<page-header-wrapper [title]="'凭证管理'">
+</page-header-wrapper>
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 100,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+            <button nz-button [disabled]="false"> 导出</button>
+            <button nz-button [disabled]="false"> 导出明细</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+    <st #st [data]="service.$api_get_fico_vch_page" [columns]="columns"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+        [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+        [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+        [loading]="false" [scroll]="{ x:'1200px',y: '370px' }" (change)="stChange($event)" class="mt-md">
+    </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/voucher-summary/voucher-list/voucher-list.component.ts b/src/app/routes/financial-management/components/voucher-summary/voucher-list/voucher-list.component.ts
new file mode 100644
index 00000000..a8422946
--- /dev/null
+++ b/src/app/routes/financial-management/components/voucher-summary/voucher-list/voucher-list.component.ts
@@ -0,0 +1,226 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { FreightAccountService } from '../../../services/freight-account.service';
+
+@Component({
+  selector: 'app-voucher-list',
+  templateUrl: './voucher-list.component.html',
+  styleUrls: ['../../../../commom/less/box.less']
+})
+export class VoucherListComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('auditModal', { static: false })
+  auditModal!: any;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  selectedRows: any[] = [];
+  vc2code = null;
+  constructor(public service: FreightAccountService, private route: ActivatedRoute, private router: Router) {
+    this.vc2code = route.snapshot.params.id;
+  }
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, { vc2code: this.vc2code });
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+      if (this.sf.value.createTime) {
+        Object.assign(requestOptions.body, {
+          createTime: {
+            start: this.sf.value.createTime?.[0] || null,
+            end: this.sf.value.createTime?.[1] || null
+          }
+        });
+      }
+      if (this.sf.value.vctime) {
+        Object.assign(requestOptions.body, {
+          vctime: {
+            start: this.sf.value.vctime?.[0] || null,
+            end: this.sf.value.vctime?.[1] || null
+          }
+        });
+      }
+    }
+    return requestOptions;
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+    }
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        vccode: {
+          type: 'string',
+          title: '凭证号',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请输入'
+          }
+        },
+        vctime: {
+          title: '凭证时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd'
+          } as SFDateWidgetSchema
+        },
+        createTime: {
+          title: '创建时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd'
+          } as SFDateWidgetSchema
+        },
+        sourceCode: {
+          type: 'string',
+          title: '原始单号',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        sourceType: {
+          type: 'string',
+          title: '原始单类型',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        drmoney: {
+          type: 'string',
+          title: '借方金额',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        inpinvcosde: {
+          type: 'string',
+          title: '凭证摘要',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        subid: {
+          type: 'string',
+          title: '科目',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'refund:apply:status' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        crmoney: {
+          type: 'string',
+          title: '贷方金额',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '凭证号', index: 'id', type: 'link', width: 150 },
+      { title: '帐套', index: 'vcltdid', width: 150 },
+      { title: '凭证时间', index: 'vctime', type: 'date', width: 150 },
+      { title: '凭证类型', index: 'vctype', width: 150 },
+      { title: '序号', index: 'invmoney', width: 150, format: _ => '1' },
+      { title: '摘要', index: 'remarks', width: 300 },
+      { title: '币种', index: 'currency', width: 100 },
+      {
+        title: '借方金额',
+        index: 'drmoney',
+        width: 120,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.drmoney }) }
+      },
+      {
+        title: '贷方金额',
+        index: 'crmoney',
+        width: 120,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.crmoney }) }
+      },
+      { title: '凭证状态', index: 'stsLabel', width: 120 },
+      { title: '创建时间', index: 'createTime', width: 140 },
+      { title: '创建人', index: 'createUserId', width: 150 },
+      {
+        title: '操作',
+        width: '130px',
+        fixed: 'right',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '浏览',
+            click: (item: any) => this.router.navigate(['/voucher-summary/list/detail/' + item.id])
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/voucher-summary/voucher-summary.component.html b/src/app/routes/financial-management/components/voucher-summary/voucher-summary.component.html
new file mode 100644
index 00000000..bd2dffe4
--- /dev/null
+++ b/src/app/routes/financial-management/components/voucher-summary/voucher-summary.component.html
@@ -0,0 +1,39 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-18 15:57:44
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-20 15:23:44
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\voucher-summary\\voucher-summary.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'凭证汇总'">
+</page-header-wrapper>
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 16" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 100,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 8" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+            <!-- <button nz-button nzType="primary" [disabled]="false"> 导出</button>
+            <button nz-button nzType="primary" [disabled]="false"> 导出明细</button>
+            <button nz-button nzType="primary" [disabled]="false"> 导出凭证</button> -->
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card nzBordered>
+    <st #st [data]="service.$api_get_fico_vch_page" [columns]="columns" [req]="{  process: beforeReq }" [page]="{}"
+        [loading]="false" [scroll]="{ x:'1200px' }" (change)="stChange($event)">
+    </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/voucher-summary/voucher-summary.component.ts b/src/app/routes/financial-management/components/voucher-summary/voucher-summary.component.ts
new file mode 100644
index 00000000..88a03a72
--- /dev/null
+++ b/src/app/routes/financial-management/components/voucher-summary/voucher-summary.component.ts
@@ -0,0 +1,345 @@
+import { CurrencyPipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { DateHelperByDatePipe } from 'ng-zorro-antd/i18n';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { AddCollectionInvoiceModalComponent } from 'src/app/routes/ticket-management/components/input-invoice/add-collection-invoice-modal/add-collection-invoice-modal.component';
+import { FreightAccountService } from '../../services/freight-account.service';
+
+@Component({
+  selector: 'app-voucher-summary',
+  templateUrl: './voucher-summary.component.html',
+  styleUrls: ['../../../commom/less/box.less']
+})
+export class VoucherSummaryComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  selectedRows: any[] = [];
+  constructor(
+    public service: FreightAccountService,
+    private nzModalService: NzModalService,
+    private router: Router,
+    private dateHelperByDatePipe: DateHelperByDatePipe
+  ) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, { isvc2: 1 });
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        createtime: {
+          start: this.sf.value.createtime?.[0] || null,
+          end: this.sf.value.createtime?.[1] || null
+        },
+        vctime: {
+          start: this.sf.value.vctime?.[0] || null,
+          end: this.sf.value.vctime?.[1] || null
+        }
+      });
+    }
+    return requestOptions;
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+    }
+  }
+
+  addInvoice() {
+    if (this.selectedRows?.length <= 0) {
+      this.service.msgSrv.warning('请选择申请记录');
+      return;
+    }
+    const modal = this.nzModalService.create({
+      nzTitle: '收票信息',
+      nzContent: AddCollectionInvoiceModalComponent,
+      nzComponentParams: { i: { userId: 0 } },
+      nzFooter: null
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        vc2code: {
+          type: 'string',
+          title: '汇总凭证号',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请输入'
+          }
+        },
+        cno: {
+          type: 'string',
+          title: '客户',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          },
+          default: ''
+        },
+        vctime: {
+          title: '凭证时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd'
+          } as SFDateWidgetSchema
+        },
+        sourceCode: {
+          type: 'string',
+          title: '原始单号',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        sourceType: {
+          type: 'string',
+          title: '原始单类型',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        createTime: {
+          title: '创建时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        remarks: {
+          type: 'string',
+          title: '凭证摘要',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        vctype: {
+          type: 'string',
+          title: '凭证类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'credential:type' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        s2ts: {
+          type: 'string',
+          title: '科目',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'refund:apply:status' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        drmoney: {
+          type: 'string',
+          title: '借方金额',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        crmoney: {
+          type: 'string',
+          title: '贷方金额',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        vcltdid: {
+          type: 'string',
+          title: '帐套',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'refund:apply:status' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        sts: {
+          type: 'string',
+          title: '凭证状态',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'credential:status' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        feecode: {
+          type: 'string',
+          title: 'NC凭证',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        vccode: {
+          type: 'string',
+          title: '凭证号',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        s22t2ss: {
+          type: 'string',
+          title: '导入NC',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'refund:apply:status' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        createt1im2e: {
+          title: '统计时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox', width: 60, className: 'text-center', fixed: 'left' },
+      { title: '汇总凭证号', index: 'vc2code', type: 'link', width: 140 },
+      { title: '帐套', index: 'vcltdcode', width: 120 },
+      { title: '凭证时间', index: 'vctime', type: 'date', width: 150 },
+      {
+        title: '统计区间',
+        index: 'invdate',
+        type: 'date',
+        width: 200,
+        format: item =>
+          `${this.dateHelperByDatePipe.format(item.vctime2start, 'yyyy-MM-dd')} | ${this.dateHelperByDatePipe.format(
+            item.vctime2end,
+            'yyyy-MM-dd'
+          )}`
+      },
+      { title: '凭证类型', index: 'vctype', width: 120 },
+      { title: '序号', index: 'invmoney', width: 100, format: _ => '1' },
+      { title: '摘要', index: 'remarks', width: 120 },
+      { title: '币种', index: 'currency', width: 100 },
+      {
+        title: '借方金额',
+        index: 'drmoney',
+        width: 120,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.drmoney }) }
+      },
+      {
+        title: '贷方金额',
+        index: 'crmoney',
+        width: 120,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.crmoney }) }
+      },
+      { title: 'NC凭证', index: 'importncnotes', width: 120 },
+      { title: '凭证状态', index: 'stsLabel', width: 120 },
+      { title: '创建时间', index: 'createTime', width: 180 },
+      { title: '创建人', index: 'createUserName', width: 120 },
+      {
+        title: '操作',
+        width: '130px',
+        fixed: 'right',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '浏览',
+            click: (item: any) => this.router.navigate(['/financial-management/voucher-summary/detail/' + item.id])
+          },
+          {
+            text: '列表',
+            click: (item: any) => this.router.navigate(['/financial-management/voucher-summary/list/' + item.vc2code])
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.html b/src/app/routes/financial-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.html
new file mode 100644
index 00000000..f561427f
--- /dev/null
+++ b/src/app/routes/financial-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.html
@@ -0,0 +1,109 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-05 20:15:41
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:17:19
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\withdrawals-record\\withdrawals-detail\\withdrawals-detail.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'提现详情'" [logo]="logo">
+    <ng-template #logo>
+        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+            <i nz-icon nzType="left" nzTheme="outline"></i>
+        </button>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card [nzLoading]="service.http.loading">
+    <nz-alert nzType="info" nzMessage="提现信息" class="mb-md"></nz-alert>
+    <div se-container [labelWidth]="130">
+        <se label="网络货运人">
+            {{formData?.ltdName}}
+        </se>
+        <se label="银行类型">
+            {{formData?.bankType==='1'?'平安银行':'浦发银行'}}
+        </se>
+        <se label="提现单号">
+            {{formData?.refundApplyCode}}
+        </se>
+        <se label="账户名称">
+            {{formData?.bankAccountName}}
+        </se>
+        <se label="提现时间">
+            {{formData?.createTime}}
+        </se>
+        <se label="虚拟账户">
+            {{formData?.virtualAccount}}
+        </se>
+        <se label="提现状态">
+            {{formData?.refundStatusLabel}}
+        </se>
+        <se label="提现金额">
+            {{formData?.amount | currency}}
+        </se>
+        <se label="银行流水号">
+            {{formData?.bankSerialNumber}}
+        </se>
+        <se label="提现至银行卡">
+            {{formData?.bankCardNumber}}
+        </se>
+        <se label="银行回单" col="1">
+            <a (click)="downBack()">{{formData?.refundStatus==='3'?'下载回单':'暂无回单'}}</a>
+        </se>
+    </div>
+
+    <nz-tabset class="mt-md">
+        <nz-tab nzTitle="提现明细" *ngIf="accountType === '2'">
+            <div nz-row nzGutter="8">
+                <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+                    <sf #sf [schema]="inputSearchSchema"
+                        [ui]="{ '*': { spanLabelFixed: 110,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                        [button]="'none'"></sf>
+                </div>
+                <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+                    <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="inputST?.load(1)">查询</button>
+                    <button nz-button (click)="resetInputSF()">重置</button>
+                    <button nz-button> 导出</button>
+                    <button nz-button nzType="link" (click)="expandToggle()">
+                        {{ !_$expand ? '展开' : '收起' }}
+                        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+                    </button>
+                </div>
+            </div>
+            <st #inputST [data]="service.$api_get_refund_detail_page" [columns]="columns" [page]="{  }"
+                [req]="{  process: beforeReq }" [loading]="false" [scroll]="{ x: '1200px', y: '370px' }" class="mt-md">
+                <ng-template st-row="amountDetails" let-item let-index="index" let-column="column">
+                    <ng-container *ngFor="let detail of item.amountDetails">
+                        {{detail.costName}}:{{detail.price |currency}}
+                    </ng-container>
+                </ng-template>
+                <ng-template st-row="billId" let-item let-index="index" let-column="column">
+                    {{item.billCode}}<br>
+                    {{item.billStatus}}<br>
+                </ng-template>
+                <ng-template st-row="wayBillId" let-item let-index="index" let-column="column">
+                    {{item.wayBillCode}}<br>
+                    {{item.wayBillStatus}}<br>
+                </ng-template>
+                <ng-template st-row="driverId" let-item let-index="index" let-column="column">
+                    {{item.driverName}}<br>
+                    {{item.driverTelephone}}<br>
+                    {{item.driverLicencePlate}}<br>
+                </ng-template>
+                <ng-template st-row="captainName" let-item let-index="index" let-column="column">
+                    {{item.captainName}}<br>
+                    {{item.captainTelephone}}<br>
+                </ng-template>
+            </st>
+        </nz-tab>
+        <nz-tab nzTitle="提现进度">
+            <div nz-row class="mt-xl">
+                <div nz-col nzSpan="12" nzOffset="1">
+                    <app-logistics-time-line [data]="timeLineData"></app-logistics-time-line>
+                </div>
+            </div>
+        </nz-tab>
+    </nz-tabset>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.less b/src/app/routes/financial-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.less
new file mode 100644
index 00000000..627355a5
--- /dev/null
+++ b/src/app/routes/financial-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.less
@@ -0,0 +1,23 @@
+:host::ng-deep {
+
+    .ant-alert-info {
+        background-color: #f3f3f3;
+        border          : 1px solid #dbdbdb;
+
+        .ant-alert-message {
+            color      : rgba(0, 0, 0, 0.85);
+            font-weight: 600;
+            font-size  : 16px;
+        }
+    }
+
+    .ant-form-item {
+        margin-bottom: 15px;
+    }
+
+    nz-tabs-nav {
+        background-color: #f3f3f3;
+        border          : 1px solid #dbdbdb;
+        padding-left    : 18px;
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.ts b/src/app/routes/financial-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.ts
new file mode 100644
index 00000000..85144954
--- /dev/null
+++ b/src/app/routes/financial-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.ts
@@ -0,0 +1,241 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STColumn, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema } from '@delon/form';
+import { FreightAccountService } from '../../../services/freight-account.service';
+
+@Component({
+  selector: 'app-withdrawals-detail',
+  templateUrl: './withdrawals-detail.component.html',
+  styleUrls: ['./withdrawals-detail.component.less']
+})
+export class WithdrawalsDetailComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: Component;
+  @ViewChild('sf', { static: false })
+  inputSF!: SFComponent;
+  columns: STColumn[] = this.initST();
+  inputSearchSchema: SFSchema = this.initInputSF();
+  _$expand = false;
+
+  formData: any = {};
+
+  timeLineData: any = [];
+
+  accountType = '1';
+
+  constructor(public service: FreightAccountService, private route: ActivatedRoute) {
+    const id = route.snapshot.params.id;
+    this.accountType = route.snapshot.queryParams.type;
+    this.loadRefundDetail(id);
+  }
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.inputSF?.value) {
+      Object.assign(requestOptions.body, {
+        ...this.inputSF.value
+      });
+    }
+    Object.assign(requestOptions.body, { refundApplicationId: this.route.snapshot.params.id });
+    return requestOptions;
+  };
+
+  loadRefundDetail(id: string) {
+    this.service.request(this.service.$api_get_refund_detail, { id }).subscribe(res => {
+      if (res) {
+        this.formData = res;
+        // 处理流程节点数据
+        // 流程是否结束
+        let isEnd = false;
+        if (res.successTime) {
+          isEnd = true;
+          if (res.refundStatus === '3') {
+            this.timeLineData.push({ time: res.successTime, value: `到账成功`, color: 'green' });
+          } else {
+            this.timeLineData.push({ time: res.successTime, value: `提现失败`, color: 'red' });
+          }
+        }
+        if (res.agreeTime && res.refundStatus !== '4') {
+          this.timeLineData.push({ time: res.agreeTime, value: `银行处理中`, color: 'gray' });
+        }
+        if (res.agreeTime) {
+          if (res.refundStatus === '4') {
+            isEnd = true;
+            this.timeLineData.push({
+              time: res.agreeTime,
+              value: `拒绝提现<br/>操作人员：${res.handlerUserIdLabel}`,
+              color: 'red'
+            });
+          } else {
+            this.timeLineData.push({
+              time: res.agreeTime,
+              value: `审核通过<br/>操作人员：${res.handlerUserIdLabel}`,
+              color: 'gray'
+            });
+          }
+        }
+        if (res.createTime) {
+          this.timeLineData.push({
+            time: res.createTime,
+            value: `提交提现申请<br/>提现${res.amount}元至${res.bankName}(${res.bankCardNumber})<br/>操作人员：${res.userIdLabel}`,
+            color: 'gray'
+          });
+        }
+        if (this.timeLineData?.length > 0 && !isEnd) {
+          this.timeLineData[0].color = 'green';
+        }
+      }
+    });
+  }
+
+  downBack() {
+    if (this.formData?.refundStatus !== '3') {
+      return;
+    }
+    this.service.getReceiptUrl(this.formData.receiptUrl, {
+      bankType: this.formData.bankType,
+      rmYll: this.formData.userId,
+      snglFlgCd: this.formData.coreSerNo,
+      bussType: '06',
+      ltdId: this.formData.ltdId,
+      accountType: this.formData.accountType
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetInputSF() {
+    this.inputSF.reset();
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.inputSF?.setValue('/expand', this._$expand);
+  }
+
+  goBack() {
+    history.go(-1);
+  }
+
+  private initInputSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        billHCode: {
+          type: 'string',
+          title: '支付编号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        billHCod1e: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        billHCo1de: {
+          type: 'string',
+          title: '货源编号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        billHC1ode: {
+          type: 'string',
+          title: '服务类型',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        billHCo11de: {
+          type: 'string',
+          title: '承运司机',
+          ui: {
+            placeholder: '请输入司机姓名/手机号',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        billHCo111de: {
+          type: 'string',
+          title: '车牌号',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        billHC1o11de: {
+          type: 'string',
+          title: '收款人',
+          ui: {
+            placeholder: '请输入收款人姓名/手机号',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        billHC1o111de: {
+          type: 'string',
+          title: '车队长收款',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '支付编号', index: 'orderPaymentCode', className: 'text-left', width: 200 },
+      {
+        title: '支付金额',
+        index: 'payAmount',
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.payAmount }) },
+        width: 140
+      },
+      { title: '运费明细', render: 'amountDetails', className: 'text-center', width: 150 },
+      { title: '货主', index: 'ltdName', className: 'text-center', width: 200 },
+      { title: '订单号', render: 'billId', className: 'text-center', width: 150 },
+      { title: '运单号', render: 'wayBillId', className: 'text-center', width: 150 },
+      { title: '货源编号', index: 'resourceCode', className: 'text-center', width: 150 },
+      {
+        title: '服务类型',
+        index: 'serviceType',
+        className: 'text-center',
+        width: 150,
+        type: 'enum',
+        enum: { '1': '抢单', '2': '指派', '3': '二维码', '4': '手工单' }
+      },
+      { title: '承运司机', render: 'driverId', className: 'text-center', width: 150 },
+      { title: '收款人', render: 'captainName', className: 'text-center', width: 150 },
+      { title: '银行类型', index: 'bankType', className: 'text-center', width: 150 }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/components/withdrawals-record/withdrawals-record.component.html b/src/app/routes/financial-management/components/withdrawals-record/withdrawals-record.component.html
new file mode 100644
index 00000000..603a6634
--- /dev/null
+++ b/src/app/routes/financial-management/components/withdrawals-record/withdrawals-record.component.html
@@ -0,0 +1,85 @@
+<page-header-wrapper [title]="'提现记录'">
+</page-header-wrapper>
+
+<!-- <nz-card>
+    <nz-row [nzGutter]="16">
+        <nz-col [nzXl]="6" [nzLg]="6" [nzSm]="12">
+            <nz-statistic nzValue="100 笔" [nzTitle]="'待审核订单数'" [nzValueStyle]="{'font-size':'21px'}">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="6" [nzLg]="6" [nzSm]="12">
+            <nz-statistic nzValue="80000.00 元" [nzTitle]="'待审核提现金额'" [nzValueStyle]="{'font-size':'21px'}">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="6" [nzLg]="6" [nzSm]="12">
+            <nz-statistic nzValue="100 笔" [nzTitle]="'已提现订单数'" [nzValueStyle]="{'font-size':'21px'}">
+            </nz-statistic>
+        </nz-col>
+        <nz-col [nzXl]="6" [nzLg]="6" [nzSm]="12">
+            <nz-statistic nzValue="80000.00 元" [nzTitle]="'已提现金额'" [nzValueStyle]="{'font-size':'21px'}">
+            </nz-statistic>
+        </nz-col>
+    </nz-row>
+</nz-card> -->
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24,gutter:15 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button> 导出</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+    <nz-tabset [nzTabBarExtraContent]="extraTemplate">
+        <nz-tab nzTitle="全部" (nzClick)="changeRefundStatus()"></nz-tab>
+        <nz-tab nzTitle="待审核" (nzClick)="changeRefundStatus('1')"></nz-tab>
+        <nz-tab nzTitle="处理中" (nzClick)="changeRefundStatus('2')"></nz-tab>
+        <nz-tab nzTitle="提现成功" (nzClick)="changeRefundStatus('3')"></nz-tab>
+        <nz-tab nzTitle="提现失败" (nzClick)="changeRefundStatus('5')"></nz-tab>
+        <nz-tab nzTitle="已拒绝" (nzClick)="changeRefundStatus('4')"></nz-tab>
+    </nz-tabset>
+
+    <ng-template #extraTemplate>
+        <div class="d-flex align-items-center ">
+            <div class="mr-md">
+                已选择
+                <strong class="text-red">{{ selectedRows.length }}</strong> 条数据&nbsp;&nbsp; 累计提现 <strong
+                    class="text-red">{{
+                    totalCallNo }}</strong>
+                <a *ngIf="totalCallNo > 0" (click)="st.clearCheck();totalCallNo=0" class="ml-lg">清空</a>
+            </div>
+            <button nz-button (click)="this.auditAction(null)">审核</button>
+        </div>
+    </ng-template>
+
+    <st #st [data]="service.$api_get_refund_page" [columns]="columns" [req]="{  process: beforeReq }" [page]="{}"
+        [loading]="false" [scroll]="{ x:'1200px' }" (change)="stChange($event)">
+        <ng-template st-row="bankCardNumber" let-item let-index="index" let-column="column">
+            {{ item.bankName }} <br> {{ item.bankCardNumber }}
+        </ng-template>
+    </st>
+</nz-card>
+
+<ng-template #auditModal>
+    <div nz-row nzGutter="8">
+        <div nz-col nzSpan="24" se-container [labelWidth]="80">
+            <se [col]="1" label="备注">
+                <textarea nz-input rows="3" [(ngModel)]="msg" placeholder="同意可以不用填写原因 ，拒绝必须说明原因"
+                    style="width: 325px;margin-left: 14px;"></textarea>
+            </se>
+        </div>
+    </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/financial-management/components/withdrawals-record/withdrawals-record.component.ts b/src/app/routes/financial-management/components/withdrawals-record/withdrawals-record.component.ts
new file mode 100644
index 00000000..907c9ad5
--- /dev/null
+++ b/src/app/routes/financial-management/components/withdrawals-record/withdrawals-record.component.ts
@@ -0,0 +1,308 @@
+import { Component, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+
+import { FreightAccountService } from '../../services/freight-account.service';
+
+@Component({
+  selector: 'app-withdrawals-record',
+  templateUrl: './withdrawals-record.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class WithdrawalsRecordComponent {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('auditModal', { static: false })
+  auditModal!: any;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  selectedRows: any[] = [];
+  totalCallNo = 0;
+  refundStatus: any = '';
+
+  msg = '';
+  constructor(public service: FreightAccountService, private nzModalService: NzModalService, private router: Router) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        createTime: {
+          start: this.sf.value.createTime?.[0] || '',
+          end: this.sf.value.createTime?.[1] || ''
+        },
+        refundStatus: this.refundStatus || null
+      });
+    }
+    delete requestOptions?.body?.expand;
+    return requestOptions;
+  };
+
+  afterRes = (data: any[], rawData?: any) => {
+    data = data.map(node => ({ ...node, disabled: node.refundStatus !== '1' }));
+    return data;
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        this.totalCallNo = this.selectedRows.reduce((total, cv) => total + cv.amount, 0).toFixed(2);
+        break;
+    }
+  }
+
+  changeRefundStatus(status?: string) {
+    this.refundStatus = status || null;
+    this.st.load(1);
+  }
+
+  auditAction(item?: any) {
+    this.msg = '';
+    let params: string[] = [];
+    if (item) {
+      params = [item.id];
+    } else {
+      params = this.selectedRows.map(node => node.id);
+    }
+    const modal = this.nzModalService.create({
+      nzTitle: '审核',
+      nzContent: this.auditModal,
+      nzFooter: [
+        {
+          label: '拒绝',
+          disabled: () => this.service.http.loading,
+          type: 'default',
+          onClick: () => {
+            if (!this.msg || this.msg.trim().length === 0) {
+              this.service.msgSrv.warning('请填写拒绝原因 ');
+              return false;
+            }
+            this.service
+              .request(this.service.$api_disagree_refund, {
+                refundApplicationId: params,
+                msg: this.msg
+              })
+              .subscribe(res => {
+                if (res) {
+                  this.service.msgSrv.success('审核拒绝成功');
+                  modal.destroy();
+                  this.st.load(1);
+                }
+              });
+            return false;
+          }
+        },
+        {
+          label: '通过',
+          disabled: () => this.service.http.loading,
+          type: 'primary',
+          onClick: () => {
+            this.service
+              .request(this.service.$api_agree_refund, {
+                refundApplicationId: params,
+                msg: this.msg
+              })
+              .subscribe(res => {
+                if (res) {
+                  this.service.msgSrv.success('审核通过成功');
+                  modal.destroy();
+                  this.st.load(1);
+                }
+              });
+            return false;
+          }
+        }
+      ]
+    });
+    modal.afterClose.subscribe(res => {
+      this.st.load();
+    });
+  }
+
+  showReason(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '查看原因',
+      nzContent: '运单数据异常，暂时无法开票，请联系客服400-xxxx-xxxx',
+      nzFooter: [
+        {
+          label: '关闭',
+          type: 'primary',
+          onClick: () => {
+            modal.destroy();
+          }
+        }
+      ]
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        refundApplyCode: {
+          type: 'string',
+          title: '提现单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        refundStatus: {
+          type: 'string',
+          title: '提现状态',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'refund:apply:status' },
+            placeholder: '请选择'
+          }
+        },
+        createTime: {
+          title: '提现时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true
+          } as SFDateWidgetSchema
+        },
+        bankAccountName: {
+          type: 'string',
+          title: '账户名称',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        accountType: {
+          type: 'string',
+          title: '账户类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'bank:type' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder(),
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        bankType: {
+          type: 'string',
+          title: '银行类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'bankname:type' },
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox' },
+      { title: '提现时间', index: 'createTime', width: 180 },
+      { title: '提现单号', index: 'refundApplyCode', width: 120 },
+      { title: '网络货运人', index: 'ltdName', width: 140 },
+      { title: '银行类型', index: 'bankTypeLabel', width: 100 },
+      { title: '账户类型', index: 'accountTypeLabel', width: 100 },
+      { title: '账户名称', index: 'bankAccountName', width: 140 },
+      { title: '虚拟账户', index: 'virtualAccount', width: 100 },
+      {
+        title: '提现金额',
+        index: 'amount',
+        width: 120,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.amount }) }
+      },
+      { title: '提现银行账户', render: 'bankCardNumber', width: 180 },
+      { title: '提现状态', index: 'refundStatusLabel', width: 100 },
+      { title: '银行流水号', index: 'bankSerialNumber', width: 120 },
+      { title: '核心交易流水', index: 'coreSerNo', width: 130 },
+      { title: '备注', index: 'rejectionCause', width: 150, format: item => item.failCause || item.rejectionCause },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '110px',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '审核',
+            iif: item => item.refundStatus === '1',
+            click: item => this.auditAction(item)
+          },
+          {
+            text: '详情<br>',
+            click: item =>
+              this.router.navigate([`/financial-management/withdrawals-record/detail/${item.id}`], {
+                queryParams: { type: item.accountType }
+              })
+          },
+          {
+            text: '查看回单',
+            iif: item => item.refundStatus === '3',
+            click: item =>
+              this.service.getReceiptUrl(item.receiptUrl, {
+                bankType: item.bankType,
+                rmYll: item.userId,
+                snglFlgCd: item.coreSerNo,
+                bussType: '06',
+                ltdId: item.ltdId,
+                accountType: item.accountType
+              })
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/financial-management/financial-managemen-routing.module.ts b/src/app/routes/financial-management/financial-managemen-routing.module.ts
new file mode 100644
index 00000000..e1a67109
--- /dev/null
+++ b/src/app/routes/financial-management/financial-managemen-routing.module.ts
@@ -0,0 +1,76 @@
+import { FreightAccountComponent } from './components/freight-account/freight-account.component';
+import { DriverAccountComponent } from './components/driver-account/driver-account.component';
+import { RechargeRecordComponent } from './components/recharge-record/recharge-record.component';
+import { WithdrawalsRecordComponent } from './components/withdrawals-record/withdrawals-record.component';
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { FreightAccountDetailComponent } from './components/freight-account/freight-account-detail/freight-account-detail.component';
+import { DriverAccountDetailComponent } from './components/driver-account/driver-account-detail/driver-account-detail.component';
+import { WithdrawalsDetailComponent } from './components/withdrawals-record/withdrawals-detail/withdrawals-detail.component';
+import { CostManagementComponent } from './components/cost-management/cost-management.component';
+import { AbnormalGoldComponent } from './components/abnormal-gold/abnormal-gold.component';
+import { PaymentRecordComponent } from './components/payment-record/payment-record.component';
+import { TransactionFlowComponent } from './components/transaction-flow/transaction-flow.component';
+import { CostManagementDetailComponent } from './components/cost-management/cost-management-detail/cost-management-detail.component';
+import { ExpensesReceivableComponent } from './components/cost-management/expenses-receivable/expenses-receivable.component';
+import { ExpensesPayableComponent } from './components/cost-management/expenses-payable/expenses-payable.component';
+import { PaymentOrderComponent } from './components/payment-order/payment-order.component';
+import { ReceiptOrderComponent } from './components/receipt-order/receipt-order.component';
+import { VoucherManagementComponent } from './components/voucher-management/voucher-management.component';
+import { VoucherSummaryComponent } from './components/voucher-summary/voucher-summary.component';
+import { ReceivableOrderComponent } from './components/receivable-order/receivable-order.component';
+import { PayableOrderComponent } from './components/payable-order/payable-order.component';
+import { ReceivableOrderDetailComponent } from './components/receivable-order/receivable-order-detail/receivable-order-detail.component';
+import { PayableOrderDetailComponent } from './components/payable-order/payable-order-detail/payable-order-detail.component';
+import { VoucherDetailComponent } from './components/voucher-management/voucher-detail/voucher-detail.component';
+import { SummaryDetailComponent } from './components/voucher-summary/summary-detail/summary-detail.component';
+import { VoucherListComponent } from './components/voucher-summary/voucher-list/voucher-list.component';
+import { ReceiptOrderDetailComponent } from './components/receipt-order/receipt-order-detail/receipt-order-detail.component';
+import { PaymentOrderDetailComponent } from './components/payment-order/payment-order-detail/payment-order-detail.component';
+import { PlatformAccountComponent } from './components/platform-account/platform-account.component';
+import { PlatformAccountDetailComponent } from './components/platform-account/platform-account-detail/platform-account-detail.component';
+import { AdvanceCollectionComponent } from './components/advance-collection/advance-collection.component';
+import { AdvanceCollectionDetailComponent } from './components/advance-collection/advance-collection-detail/advance-collection-detail.component';
+import { RefundRecordComponent } from './components/refund-record/refund-record.component';
+
+const routes: Routes = [
+  { path: 'freight-account', component: FreightAccountComponent, data: { guard: { ability: ['FINANCIAL-FREIGHT-ACOUNT-list'] } } },
+  { path: 'freight-account/detail/:id', component: FreightAccountDetailComponent },
+  { path: 'driver-account', component: DriverAccountComponent },
+  { path: 'driver-account/detail/:id', component: DriverAccountDetailComponent },
+  { path: 'platform-account', component: PlatformAccountComponent },
+  { path: 'platform-account/detail/:id', component: PlatformAccountDetailComponent },
+  { path: 'recharge-record', component: RechargeRecordComponent },
+  { path: 'withdrawals-record', component: WithdrawalsRecordComponent },
+  { path: 'withdrawals-record/detail/:id', component: WithdrawalsDetailComponent },
+  { path: 'refund-record', component: RefundRecordComponent },
+  { path: 'voucher-management', component: VoucherManagementComponent },
+  { path: 'voucher-management/detail/:id', component: VoucherDetailComponent },
+  { path: 'voucher-summary', component: VoucherSummaryComponent },
+  { path: 'voucher-summary/detail/:id', component: SummaryDetailComponent },
+  { path: 'voucher-summary/list/:id', component: VoucherListComponent },
+  { path: 'voucher-summary/list/detail/:id', component: VoucherDetailComponent },
+  { path: 'cost-management', component: CostManagementComponent },
+  { path: 'cost-management/detail/:id', component: CostManagementDetailComponent },
+  { path: 'cost-management/expenses-receivable/:id', component: ExpensesReceivableComponent },
+  { path: 'cost-management/expenses-payable/:id', component: ExpensesPayableComponent },
+  { path: 'abnormal-gold', component: AbnormalGoldComponent },
+  { path: 'payment-record', component: PaymentRecordComponent },
+  { path: 'transaction-flow', component: TransactionFlowComponent },
+  { path: 'payment-order', component: PaymentOrderComponent },
+  { path: 'payment-order/detail/:id', component: PaymentOrderDetailComponent },
+  { path: 'receipt-order', component: ReceiptOrderComponent },
+  { path: 'receipt-order/detail/:id', component: ReceiptOrderDetailComponent },
+  { path: 'advance-collection', component: AdvanceCollectionComponent },
+  { path: 'advance-collection/detail/:id', component: AdvanceCollectionDetailComponent },
+  { path: 'receivable-order', component: ReceivableOrderComponent },
+  { path: 'receivable-order/detail/:id', component: ReceivableOrderDetailComponent },
+  { path: 'payable-order', component: PayableOrderComponent },
+  { path: 'payable-order/detail/:id', component: PayableOrderDetailComponent }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class FinancialManagementRoutingModule {}
diff --git a/src/app/routes/financial-management/financial-management.module.ts b/src/app/routes/financial-management/financial-management.module.ts
new file mode 100644
index 00000000..5844f4a2
--- /dev/null
+++ b/src/app/routes/financial-management/financial-management.module.ts
@@ -0,0 +1,78 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FreightAccountComponent } from './components/freight-account/freight-account.component';
+import { DriverAccountComponent } from './components/driver-account/driver-account.component';
+import { RechargeRecordComponent } from './components/recharge-record/recharge-record.component';
+import { WithdrawalsRecordComponent } from './components/withdrawals-record/withdrawals-record.component';
+import { SharedModule } from '@shared';
+import { FinancialManagementRoutingModule } from './financial-managemen-routing.module';
+import { FreightAccountDetailComponent } from './components/freight-account/freight-account-detail/freight-account-detail.component';
+import { DriverAccountDetailComponent } from './components/driver-account/driver-account-detail/driver-account-detail.component';
+import { WithdrawalsDetailComponent } from './components/withdrawals-record/withdrawals-detail/withdrawals-detail.component';
+import { CostManagementComponent } from './components/cost-management/cost-management.component';
+import { AbnormalGoldComponent } from './components/abnormal-gold/abnormal-gold.component';
+import { PaymentRecordComponent } from './components/payment-record/payment-record.component';
+import { TransactionFlowComponent } from './components/transaction-flow/transaction-flow.component';
+import { ClearingModalComponent } from './components/abnormal-gold/clearing-modal/clearing-modal.component';
+import { CostManagementDetailComponent } from './components/cost-management/cost-management-detail/cost-management-detail.component';
+import { ExpensesReceivableComponent } from './components/cost-management/expenses-receivable/expenses-receivable.component';
+import { ExpensesPayableComponent } from './components/cost-management/expenses-payable/expenses-payable.component';
+import { PaymentOrderComponent } from './components/payment-order/payment-order.component';
+import { ReceiptOrderComponent } from './components/receipt-order/receipt-order.component';
+import { VoucherManagementComponent } from './components/voucher-management/voucher-management.component';
+import { VoucherSummaryComponent } from './components/voucher-summary/voucher-summary.component';
+import { ReceivableOrderComponent } from './components/receivable-order/receivable-order.component';
+import { PayableOrderComponent } from './components/payable-order/payable-order.component';
+import { ReceivableOrderDetailComponent } from './components/receivable-order/receivable-order-detail/receivable-order-detail.component';
+import { PayableOrderDetailComponent } from './components/payable-order/payable-order-detail/payable-order-detail.component';
+import { VoucherDetailComponent } from './components/voucher-management/voucher-detail/voucher-detail.component';
+import { SummaryDetailComponent } from './components/voucher-summary/summary-detail/summary-detail.component';
+import { PaymentOrderDetailComponent } from './components/payment-order/payment-order-detail/payment-order-detail.component';
+import { VoucherListComponent } from './components/voucher-summary/voucher-list/voucher-list.component';
+import { ReceiptOrderDetailComponent } from './components/receipt-order/receipt-order-detail/receipt-order-detail.component';
+import { PlatformAccountComponent } from './components/platform-account/platform-account.component';
+import { PlatformAccountDetailComponent } from './components/platform-account/platform-account-detail/platform-account-detail.component';
+import { AdvanceCollectionComponent } from './components/advance-collection/advance-collection.component';
+import { AdvanceCollectionDetailComponent } from './components/advance-collection/advance-collection-detail/advance-collection-detail.component';
+import { RefundRecordComponent } from './components/refund-record/refund-record.component';
+
+const ROUTESCOMPONENTS = [
+  FreightAccountComponent,
+  DriverAccountComponent,
+  RechargeRecordComponent,
+  WithdrawalsRecordComponent,
+  WithdrawalsDetailComponent,
+  AbnormalGoldComponent,
+  PaymentRecordComponent,
+  TransactionFlowComponent,
+  CostManagementComponent,
+  CostManagementDetailComponent,
+  ExpensesReceivableComponent,
+  ExpensesPayableComponent,
+  PaymentOrderComponent,
+  ReceiptOrderComponent,
+  VoucherManagementComponent,
+  VoucherDetailComponent,
+  VoucherSummaryComponent,
+  SummaryDetailComponent,
+  ReceivableOrderComponent,
+  PayableOrderComponent,
+  ReceivableOrderDetailComponent,
+  PayableOrderDetailComponent,
+  PlatformAccountComponent,
+  PlatformAccountDetailComponent,
+  PaymentOrderDetailComponent,
+  VoucherListComponent,
+  ReceiptOrderDetailComponent,
+  AdvanceCollectionComponent,
+  AdvanceCollectionDetailComponent,
+  RefundRecordComponent
+];
+
+const NOTROUTECOMPONENTS = [DriverAccountDetailComponent, FreightAccountDetailComponent, ClearingModalComponent];
+
+@NgModule({
+  declarations: [...ROUTESCOMPONENTS, ...NOTROUTECOMPONENTS],
+  imports: [CommonModule, FinancialManagementRoutingModule, SharedModule]
+})
+export class FinancialManagementModule {}
diff --git a/src/app/routes/financial-management/services/freight-account.service.ts b/src/app/routes/financial-management/services/freight-account.service.ts
new file mode 100644
index 00000000..60242ceb
--- /dev/null
+++ b/src/app/routes/financial-management/services/freight-account.service.ts
@@ -0,0 +1,193 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-18 15:57:44
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-26 16:53:11
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\services\\freight-account.service.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Injectable, Injector } from '@angular/core';
+import { BaseService, EACacheService, ShipperBaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class FreightAccountService extends ShipperBaseService {
+  $mock_url = '/rule?_allow_anonymous=true';
+
+  // 运营端获取货主账户信息
+  $api_get_shipper_account_page = '/api/fcc/accountBalance/getShipperAccountBalanceByOperator';
+  // 运营端获取司机账户信息
+  $api_get_driver_account_page = '/api/fcc/accountBalance/getDriverAccountBalanceByOperator';
+
+  // 运营端获取平台余额
+  $api_get_platform_account_header = '/api/fcc/accountBalance/getPlatformBalanceByOperator';
+  // 运营端获取平台余额
+  $api_get_platform_account_statistics = '/api/fcc/accountBalanceDetail/getAccountBalancePlatformIncomeDetailByOperator';
+  // 运营端获取平台余额
+  $api_get_platform_account_page = '/api/fcc/accountBalance/getPlatformAccountBalanceByOperator';
+  // 运营端获取账户余额交易明细
+  $api_get_platform_account_detail_page = '/api/fcc/accountBalanceDetail/getAccountBalanceByPage';
+
+  // 运营端获取货主账户明细信息
+  $api_get_shipper_account_detail = '/api/fcc/accountBalanceDetail/getAccountBalanceShipperByOperatorPage';
+  // 运营端获取司机账户明细信息
+  $api_get_driver_account_detail = '/api/fcc/accountBalanceDetail/getAccountBalanceDriverByOperatorPage';
+  // 运营端端获取货主交易收入与支出金额
+  $api_get_shipper_account_balance_detail = '/api/fcc/accountBalanceDetail/getAccountBalanceShipperIncomeDetailByOperator';
+  // 运营端端获取司机交易收入与支出金额
+  $api_get_driver_account_balance_detail = '/api/fcc/accountBalanceDetail/getAccountBalanceDriverIncomeDetailByOperator';
+  // 运营端导出司机账户明细信息
+  $api_export_driver_account_page = '/api/fcc/accountBalance/exportDriverAccountBalanceByOperator';
+
+  // 货主端获取账户余额交易明细
+  $api_get_balance_by_shipper = '/api/fcc/accountBalanceDetail/getAccountBalanceByShipperPage';
+  // 运营端导出货主账户明细信息
+  $api_export_shipper = '/api/fcc/accountBalance/reportShipperAccountBalanceByOperator';
+
+  // 查询订单支付申请表
+  $api_get_order_payment_page = '/api/fcc/billPaymentApplicationOBC/list/page';
+
+  // 查询提现申请表
+  $api_get_refund_page = '/api/fcc/refundApplicationOBC/list/page';
+  // 获取提现申请表详情
+  $api_get_refund_detail = '/api/fcc/refundApplicationOBC/get';
+  // 获取提现支付详情
+  $api_get_refund_detail_page = '/api/fcc/refundApplicationOBC/get/payList';
+  // 同意提现
+  $api_agree_refund = '/api/fcc/refundApplicationOBC/agreeRefund';
+  // 拒绝提现
+  $api_disagree_refund = '/api/fcc/refundApplicationOBC/disagreeRefund';
+
+  // 查询订单退款申请表
+  $api_get_refund_record_page = '/api/fcc/billRefundApplication/list/page';
+  // 同意退款
+  $api_agree_refund_record = '/api/fcc/billRefundApplication/agreeRefund';
+  // 不同意退款
+  $api_disagree_refund_record = '/api/fcc/billRefundApplication/disagreeRefund';
+  // 重新发起
+  $api_rebulid_refund_record = '/api/fcc/billRefundApplication/rebulid';
+
+  // 查询充值信息表
+  $api_get_recharge_page = '/api/fcc/rechargeInfo/list/getPageByOperator';
+  // 查询异常入金
+  $api_get_abnormal_gold_page = '/api/fcc/rechargeInfo/list/page';
+  // 运营端获取账户余额交易明细
+  $api_get_account_blance = '/api/fcc/accountBalanceDetail/getAccountBalanceByPage';
+  // 添加备注
+  $api_edit_remark = '/api/fcc/rechargeInfo/addRemark';
+
+  // 查询费用单抬头
+  $api_get_cost_page = '/api/fcc/ficoFeeH/list/page';
+  // 根据费用头ID查询费用单及开票明细
+  $api_get_cost_detail = '/api/fcc/ficoFeeL/detail';
+  // 费用关联的应收核销明细
+  $api_get_cost_ahxl_detail = '/api/fcc/ficoAhxL/getListByFeeLId';
+
+  // 查询应收核销抬头
+  $api_get_fico_page = '/api/fcc/ficoAhxH/list/page';
+  // 获取应收核销抬头
+  $api_get_fico_header = '/api/fcc/ficoAhxH/get';
+  // 查询应收核销明细
+  $api_get_fico_detail_header = '/api/fcc/ficoAhxL/list/page';
+
+  // 查询应付核销抬头
+  $api_get_fico_ph_page = '/api/fcc/ficoPhxH/list/page';
+  // 获取应付核销抬头
+  $api_get_fico_ph_header = '/api/fcc/ficoPhxH/get';
+  // 查询应付核销明细
+  $api_get_fico_ph_detail_header = '/api/fcc/ficoPhxL/list/page';
+
+  // 查询总账凭证表
+  $api_get_fico_vch_page = '/api/fcc/ficoVcH/list/page';
+  // 获取总账凭证表详情信息
+  $api_get_fico_vch__detail = '/api/fcc/ficoVcH/getDetail';
+
+  // 查询付款单抬头
+  $api_get_payment_page = '/api/fcc/ficoPayH/listFicoPayHPage';
+  // 查询付款单明细
+  $api_get_payment_detail = '/api/fcc/ficoPayL/list/page';
+  // 付款单抬头信息
+  $api_get_payment_header = '/api/fcc/ficoPayH/getFicoPayHById';
+
+  // 查询收款单抬头
+  $api_get_receipt_page = '/api/fcc/ficoBrmH/list/page';
+  // 收款单抬头信息
+  $api_get_receipt_header = '/api/fcc/ficoBrmH/get';
+  // 获取收款单抬头
+  $api_get_receipt_detail = '/api/fcc/ficoBrmYsk/getListByBrmHid';
+
+  // 收款单浏览抬头
+  $api_get_ficoInpinvL_page = '/api/fcc/ficoBrmH/get';
+  // 收款单浏览表格明细
+  $api_get_ficoInpinvL_getListByBrmHid = '/api/fcc/ficoBrmYsk/getListByBrmHid';
+
+  // 下载银行回单请求
+  $api_download_receipt_apply = '/api/fcc/spd/callback/receiptApply';
+  $api_download_receipt_apply_byte = '/api/fcc/spd/callback/receiptApplyByte';
+
+  // 查询预收款余额
+  $api_get_advance_collection_page = '/api/fcc/ficoYskBla/list/page';
+  // 根据预收款ID获取收款单抬头
+  $api_get_advance_collection_header = '/api/fcc/ficoBrmH/getByYskblaId';
+  // 根据预收款ID获取收款单明细
+  $api_get_advance_collection_detail = '/api/fcc/ficoBrmYsk/getBrmYskByYskblaId';
+  // 根据预收款ID获取核销信息明细
+  $api_get_advance_collection_hrxiao = '/api/fcc/ficoAhxH/getAhxHByYskblaId';
+
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+
+  getReceiptUrl(url: string, params: any) {
+    const { bankType, snglFlgCd } = params;
+    if (url) {
+      if (params?.bankType === '1') {
+        window.open(params?.receiptUrl);
+      } else if (params?.bankType === '2') {
+        this.exportFile({ bankType, receiptUrl: url, bankSerialNumber: snglFlgCd }, this.$api_download_receipt_apply_byte);
+      }
+    } else {
+      this.request(this.$api_download_receipt_apply, { ...params }).subscribe(res => {
+        if (res?.receiptUrl) {
+          if (bankType === '1') {
+            window.open(res?.receiptUrl);
+          } else if (bankType === '2') {
+            this.downloadFile(this.$api_download_receipt_apply_byte, {
+              bankType,
+              receiptUrl: res.receiptUrl,
+              bankSerialNumber: snglFlgCd
+            });
+          }
+        } else {
+          this.msgSrv.warning(res.statusMsg || '获取回单失败');
+        }
+      });
+    }
+  }
+  // 获取货主企业列表
+  public $api_enterpriceList = '/api/mdc/cuc/enterpriseInfo/operate/enterpriceList';
+  reviewPDF(url: string) {
+    if (!url) {
+      return;
+    }
+    const uA = window.navigator.userAgent; // 判断浏览器内核
+    const isIE =
+      /msie\s|trident\/|edge\//i.test(uA) &&
+      !!('uniqueID' in document || 'documentMode' in document || 'ActiveXObject' in window || 'MSInputMethodContext' in window);
+    const objectUrl = url;
+    const a = document.createElement('a');
+    document.body.appendChild(a);
+    a.href = objectUrl;
+    a.download = `回单.pdf`;
+    if (isIE) {
+      // 兼容IE11无法触发下载的问题
+      (navigator as any).msSaveBlob(url, a.download);
+    } else {
+      a.click();
+    }
+    a.remove();
+  }
+}
diff --git a/src/app/routes/insurance-management/components/list/list.component.html b/src/app/routes/insurance-management/components/list/list.component.html
new file mode 100644
index 00000000..d74b9efa
--- /dev/null
+++ b/src/app/routes/insurance-management/components/list/list.component.html
@@ -0,0 +1,133 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-28 17:00:48
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\insurance-management\\components\\list\\list.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<!-- 搜索表单 -->
+<page-header-wrapper [title]="''"> </page-header-wrapper>
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="search()" acl  [acl-ability]="['INSURANCE-LIST-search']">查询</button>
+        <button nz-button nzType="primary" [disabled]="false" acl  [acl-ability]="['INSURANCE-LIST-export']">导出</button>
+        <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card>
+  <nz-tabset (nzSelectedIndexChange)="selectChange($event)" [nzTabBarExtraContent]="extraTemplate">
+    <nz-tab [nzTitle]="'全部(' + tabs?.totalCount + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'待投保(' + tabs?.receivedQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'已投保(' + tabs?.stayQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'投保失败(' + tabs?.GoingQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'已取消(' + tabs?.cancelQuantity + ')'"></nz-tab>
+  </nz-tabset>
+  <div style="margin-top: 15px">
+    <st
+      #st
+      [bordered]="true"
+      [scroll]="{ x: '2000px' }"
+      [data]="service.$api_premiumInfo_list"
+      [columns]="columns"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+      [loading]="false"
+    >
+      <ng-template st-row="resourceCode" let-item let-index="index">
+        {{ item.resourceCode | currency }}
+      </ng-template>
+      <ng-template st-row="practicalPremium" let-item let-index="index">
+        {{ item.practicalPremium | currency }}
+      </ng-template>
+      <ng-template st-row="insureAmount" let-item let-index="index">
+        {{ item.insureAmount | currency }}
+      </ng-template>
+      <ng-template st-row="premium" let-item let-index="index">
+        {{ item.premium | currency }}
+      </ng-template>
+      <ng-template st-row="processMessage" let-item let-index="index">
+        {{ item.processResult == '2' ? item.processMessage : '' }}
+      </ng-template>
+      <ng-template st-row="driverName" let-item let-index="index">
+        <div> {{ item?.driverName }}/{{ item?.driverTelephone }}/{{ item?.carNo }} </div>
+      </ng-template>
+      <ng-template st-row="distance" let-item let-index="index">
+        <div>
+          {{ item?.distance ? ((item?.distance)/1000).toFixed(4) + '公里' : '' }}
+        </div>
+      </ng-template>
+      <ng-template st-row="goodsNumber" let-item let-index="index">
+        <div>
+          {{ item?.billCode }}
+        </div>
+      </ng-template>
+      <ng-template st-row="resourceCode" let-item let-index="index">
+        <div>
+          {{ item?.resourceCode }}
+        </div>
+        <div>
+          {{ item?.resourceStatusLabel }}
+        </div>
+      </ng-template>
+      <ng-template st-row="insureCode" let-item let-index="index">
+        <div>{{ item.insureCode }}</div>
+        <div>
+          <span>{{ item?.insureStatusLabel }}</span>
+        </div>
+      </ng-template>
+      <ng-template st-row="goodsName" let-item let-index="index">
+        <div>{{ item?.goodsInfoName }}</div>
+        <div>
+          <span>{{ item?.weight ? item?.weight + '吨/' : '' }}</span>
+          <span>{{ item?.volume ? item?.volume + '方' : '' }}</span>
+          <span>{{ item?.number ? item?.number + '件' : '' }}</span>
+        </div>
+      </ng-template>
+      <ng-template st-row="mybidDetailInfo" let-item let-index="index">
+        <div *ngIf="item.mybidDetailInfo?.length > 0">
+          <p *ngFor="let data of item.mybidDetailInfo">
+            {{ data.expenseName }}：{{ data.price | currency }}
+            <span *ngIf="data.paymentStatusLabel" style="color: #f59a63">{{ data.paymentStatusLabel }}</span>
+          </p>
+        </div>
+      </ng-template>
+    </st>
+  </div>
+</nz-card>
+
+<ng-template #extraTemplate>
+  <div>
+    <button nz-button nzType="primary" (click)="changeOrder()" acl  [acl-ability]="['INSURANCE-LIST-insuranceConfig']"> 保险配置 </button>
+  </div>
+</ng-template>
diff --git a/src/app/routes/insurance-management/components/list/list.component.less b/src/app/routes/insurance-management/components/list/list.component.less
new file mode 100644
index 00000000..149a0bc9
--- /dev/null
+++ b/src/app/routes/insurance-management/components/list/list.component.less
@@ -0,0 +1,13 @@
+
+    :host {
+     p{
+         margin-bottom: 0
+     }
+     .left_btn {
+          width: 50px;
+         height: 32px; 
+          padding-left: 8px;
+          line-height:32px; 
+          background-color: #d7d7d7;
+     }
+ }
\ No newline at end of file
diff --git a/src/app/routes/insurance-management/components/list/list.component.spec.ts b/src/app/routes/insurance-management/components/list/list.component.spec.ts
new file mode 100644
index 00000000..1cb2cef1
--- /dev/null
+++ b/src/app/routes/insurance-management/components/list/list.component.spec.ts
@@ -0,0 +1,35 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-06 20:03:28
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-25 17:22:11
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\insurance-management\\components\\list\\list.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { insuranceManagementListComponent } from './list.component';
+
+describe('insuranceManagementListComponent', () => {
+  let component: insuranceManagementListComponent;
+  let fixture: ComponentFixture<insuranceManagementListComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ insuranceManagementListComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(insuranceManagementListComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/insurance-management/components/list/list.component.ts b/src/app/routes/insurance-management/components/list/list.component.ts
new file mode 100644
index 00000000..c6fbcbb1
--- /dev/null
+++ b/src/app/routes/insurance-management/components/list/list.component.ts
@@ -0,0 +1,564 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { of } from 'rxjs';
+import { ShipperBaseService } from '@shared';
+import { Router } from '@angular/router';
+import { InsuranceManagementService } from '../../services/insurance-management.service';
+import { VehicleImgViewComponent } from 'src/app/routes/vehicle/components/list/img-view/img-view.component';
+import { ImageViewComponent } from 'src/app/shared/components/imagelist';
+
+@Component({
+  selector: 'app-insurance-management-list',
+  templateUrl: './list.component.html',
+  styleUrls: ['./list.component.less']
+})
+export class insuranceManagementListComponent implements OnInit {
+  ui: SFUISchema = {};
+  uiView: SFUISchema = {};
+  schema: SFSchema = {};
+  schemaView: SFSchema = {};
+  auditMany = false;
+  isVisibleView = false;
+  isVisibleEvaluate = false;
+  isVisible = false;
+  _$expand = false;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('stFloat') private readonly stFloat!: STComponent;
+  @ViewChild('stFloatView') private readonly stFloatView!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfFre', { static: false }) sfFre!: SFComponent;
+  @ViewChild('sfView', { static: false }) sfView!: SFComponent;
+  columns: STColumn[] = [];
+  columnsFloat: STColumn[] = [];
+  columnsFloatView: STColumn[] = [];
+  demoValue: any;
+  resourceStatus: any;
+  datass: any = [
+    {
+      one: '1',
+      two: '1',
+      three: '1',
+      id: 1
+    },
+    {
+      one: '2',
+      two: '2',
+      three: '2',
+      id: 2
+    }
+  ];
+  tabs = {
+    totalCount: 0,
+    receivedQuantity: 0,
+    stayQuantity: 0,
+    GoingQuantity: 0,
+    cancelQuantity: 0
+  };
+  constructor(
+    public service: InsuranceManagementService,
+    private modal: NzModalService,
+    public shipperservice: ShipperBaseService,
+    private router: Router,
+    private modale: ModalHelper,
+  ) { }
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const a: any = {};
+    if (this.resourceStatus) {
+      a.insureStatus = this.resourceStatus;
+    }
+    const params: any = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    return {
+      ...a,
+      ...params,
+      createTime: {
+        start: this.sf?.value?.createTime?.[0] || '',
+        end: this.sf?.value?.createTime?.[1] || ''
+      },
+      recordTime: {
+        start: this.sf?.value?.recordTime?.[0] || '',
+        end: this.sf?.value?.recordTime?.[1] || ''
+      },
+      insureTime: {
+        start: this.sf?.value?.insureTime?.[0] || '',
+        end: this.sf?.value?.insureTime?.[1] || ''
+      },
+    };
+  }
+  get selectedRows() {
+    return this.st?.list.filter(item => item.checked) || [];
+  }
+  search() {
+    this.st?.load(1);
+    this.getGoodsSourceStatistical();
+  }
+  getGoodsSourceStatistical() {
+    this.tabs = {
+      totalCount: 0,
+      receivedQuantity: 0,
+      stayQuantity: 0,
+      GoingQuantity: 0,
+      cancelQuantity: 0
+    };
+    const params: any = Object.assign({}, this.reqParams || {});
+    delete params.insureStatus;
+    this.service.request(this.service.$api_listStatisticalStatus, params).subscribe((res: any) => {
+      if (res) {
+        let totalCount = 0;
+        res.forEach((element: any) => {
+          if (element.insureStatusLabel === '待投保') {
+            this.tabs.receivedQuantity = element.quantity;
+          } else if (element.insureStatusLabel === '已投保') {
+            this.tabs.stayQuantity = element.quantity;
+          } else if (element.insureStatusLabel === '投保失败') {
+            this.tabs.GoingQuantity = element.quantity;
+          } else if (element.insureStatusLabel === '已取消') {
+            this.tabs.cancelQuantity = element.quantity;
+          }
+          totalCount += element.quantity;
+        });
+        this.tabs.totalCount = totalCount;
+      }
+    });
+  }
+  selectChange(e: number) {
+    this.resourceStatus = e;
+    this.initST();
+    setTimeout(() => {
+      this.st.load();
+    }, 500);
+  }
+  ngOnInit(): void {
+    this.getGoodsSourceStatistical();
+    this.initSF();
+    this.initST();
+  }
+
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        insureCode: {
+          type: 'string',
+          title: '投保编号'
+        },
+        billCode: {
+          type: 'string',
+          title: '订单号'
+        },
+        resourceCode: {
+          type: 'string',
+          title: '货源编号'
+        },
+        policyNo: {
+          type: 'string',
+          title: '保单号',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+          }
+        },
+        insureType: {
+          title: '类型',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'insure:type' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        startAddress: {
+          type: 'string',
+          title: '始发地',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        endAddress: {
+          type: 'string',
+          title: '目的地',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        shipperAppUserId: {
+          type: 'string',
+          title: '货主',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            onSearch: (q: any) => {
+              let str =q.replace(/^\s+|\s+$/g,"");
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map((res: any) => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+            change: (q: any) => {
+              this.getRegionCode(q);
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseProjectId: {
+          type: 'string',
+          title: '所属项目',
+          ui: {
+            widget: 'select',
+            placeholder: '请先选择货主',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+          } as SFSelectWidgetSchema
+        },
+
+        driverName: {
+          title: '承运司机',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        carNo: {
+          title: '车牌号',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        insureStatus: {
+          title: '投保状态',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'insure:status' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        insureRefundStatus: {
+          title: '退款状态',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'insure:refund:status' },
+            containsAllLable: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder()
+          }
+        },
+        insureTime: {
+          title: '投保时间',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        createTime: {
+          title: '创建时间',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        recordTime: {
+          title: '录单时间',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+
+      },
+      type: 'object'
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+  // 获取城市列表
+  getRegionCode(regionCode: any) {
+    console.log(regionCode);
+    return this.service
+      .request(this.service.$api_get_enterprise_project, { id: regionCode })
+      .pipe(
+        map(res =>
+          res.map((item: any) => ({
+            label: item.projectName,
+            value: item.id
+          }))
+        )
+      )
+      .subscribe(res => {
+        this.sf.getProperty('/enterpriseProjectId')!.schema.enum = res;
+        this.sf.getProperty('/enterpriseProjectId')!.widget.reset(res);
+        // if (this.enterpriseProjectIds) {
+        //   this.sf1.setValue('/enterpriseProjectId', this.enterpriseProjectIds);
+        // }
+      });
+  }
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '', type: 'checkbox', fixed: 'left', width: '50px', className: 'text-center' },
+      {
+        title: '投保编号',
+        width: '180px',
+        fixed: 'left',
+        className: 'text-left',
+        render: 'insureCode'
+      },
+      {
+        title: '保单号',
+        width: '250px',
+        className: 'text-right',
+        index: 'policyNo'
+      },
+      { title: '类型', index: 'insureTypeLabel', width: '220px', className: 'text-left' },
+      { title: '始发地', index: 'startAddress', width: '220px', className: 'text-left' },
+      { title: '目的地', index: 'endAddress', width: '220px', className: 'text-left' },
+      { title: '距离', render: 'distance', width: '180px', className: 'text-left' },
+      { title: '保额（元）', render: 'insureAmount', width: '180px', className: 'text-right' },
+      { title: '保费（元）', render: 'premium', width: '180px', className: 'text-right' },
+      // {
+      //   title: '实际保费（元）',
+      //   className: 'text-right',
+      //   width: '180px',
+      //   render: 'practicalPremium'
+      // },
+      {
+        title: '货物信息',
+        className: 'text-left',
+        width: '250px',
+        render: 'goodsName'
+      },
+      {
+        title: '承运司机',
+        className: 'text-right',
+        width: '250px',
+        render: 'driverName'
+      },
+      {
+        title: '关联订单号',
+        className: 'text-right',
+        render: 'goodsNumber',
+        width: '180px'
+      },
+      {
+        title: '货源编号',
+        className: 'text-right',
+        render: 'resourceCode',
+        width: '150px'
+      },
+      {
+        title: '网络货运人',
+        className: 'text-left',
+        width: '250px',
+        index: 'enterpriseInfoName'
+      },
+      {
+        title: '货主',
+        className: 'text-left',
+        width: '250px',
+        index: 'shipperAppUserName'
+      },
+      {
+        title: '所属项目',
+        width: '250px',
+        className: 'text-left',
+        index: 'enterpriseProjectName'
+      },
+      {
+        title: '投保时间',
+        width: '180px',
+        className: 'text-left',
+        index: 'insureTime'
+      },
+      {
+        title: '生效时间',
+        width: '180px',
+        className: 'text-left',
+        index: 'effectTime'
+      },
+      {
+        title: '录单时间',
+        width: '180px',
+        className: 'text-left',
+        index: 'recordTime'
+      },
+      {
+        title: '创建时间',
+        width: '180px',
+        className: 'text-left',
+        index: 'createTime'
+      },
+      {
+        title: '失败原因',
+        width: '180px',
+        className: 'text-left',
+        render: 'processMessage',
+        // processResult=2
+      },
+      {
+        title: '退款状态',
+        width: '180px',
+        className: 'text-left',
+        index: 'insureRefundStatusLabel',
+        // processResult=2
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '110px',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '查看保单',
+            click: _record => this.showImg(_record),
+            iif: item => item.insureStatus == '2' 
+            // acl: { ability: ['VEHICLE-LIST-view'] },
+            // iif: item =>
+            //   item.billStatus == '4' || item.billStatus == '5' || item.billStatus == '2' || item.billStatus == '3' || item.billStatus == '1'
+          },
+          {
+            text: '退保费',
+            click: _record => this.retreatPrice(_record),
+            iif: item => item.insureStatus == '2' 
+            // acl: { ability: ['VEHICLE-LIST-view'] },
+          }
+        ]
+      }
+    ];
+  }
+  showImg(_record: any) {
+    window.location.href = `${_record.policyUrl}`;
+    // const params = {
+    //   imgList: [_record.policyUrl],
+    //   index: 0
+    // };
+    // this.modal.create({ nzContent: ImageViewComponent, nzComponentParams: { params } });
+  }
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  tabChange(item: any) { }
+  /**
+   * 重置表单
+   */
+  resetSF(): void {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  // 退保费
+  retreatPrice(value: any) {
+    this.modal.warning({
+      nzTitle: '确认退还保费吗？',
+      nzClosable: true,
+      nzContent: '退还后不可撤销，请谨慎操作！',
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_get_addINPBillRefundApplication, {id: value.id}).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('删除菜单成功');
+          }
+        });
+      }
+    });
+  }
+  // 再次投保
+  retreatNext(value: any) {
+    this.modal.warning({
+      nzTitle: '确认再次投保吗？',
+      nzClosable: true,
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_del_many, [value.id]).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('删除菜单成功');
+          }
+        });
+      }
+    });
+  }
+  // 保险配置
+  changeOrder() {
+    this.router.navigate(['/insurance-management/list-set', 1]);
+  }
+}
diff --git a/src/app/routes/insurance-management/components/set/set.component.html b/src/app/routes/insurance-management/components/set/set.component.html
new file mode 100644
index 00000000..e803c987
--- /dev/null
+++ b/src/app/routes/insurance-management/components/set/set.component.html
@@ -0,0 +1,20 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-06 20:20:26
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-26 09:27:28
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\insurance-management\\components\\set\\set.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="''" [logo]="logo">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+ <app-insurance-table></app-insurance-table>
+</nz-card>
diff --git a/src/app/routes/insurance-management/components/set/set.component.less b/src/app/routes/insurance-management/components/set/set.component.less
new file mode 100644
index 00000000..1d17aeb7
--- /dev/null
+++ b/src/app/routes/insurance-management/components/set/set.component.less
@@ -0,0 +1,94 @@
+:host {
+    .btn-size {
+        font-size: 14px;
+    }
+
+    .bdr {
+        border-right: 1px solid #ccc;
+    }
+
+    .bdl {
+        border-left: 1px solid #ccc;
+    }
+
+    .source-info {
+        p {
+            margin-bottom: .5em;
+        }
+    }
+
+    .freight-info-box {
+        width: 95%;
+    }
+
+    .freigth-label {
+        display   : inline-block;
+        width     : 50px;
+        text-align: right;
+    }
+
+    ::ng-deep {
+        .approval-status {
+            .ant-steps {
+                width : 70%;
+                margin: 0 auto;
+            }
+        }
+
+        // .ant-tabs-top>.ant-tabs-nav,
+        // .ant-tabs-bottom>.ant-tabs-nav,
+        // .ant-tabs-top>div>.ant-tabs-nav,
+        // .ant-tabs-bottom>div>.ant-tabs-nav {
+        //     margin: 0;
+        // }
+
+        // .ant-anchor-ink::before {
+        //     width: 0;
+        // }
+
+        // .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
+        // .ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
+        // .ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
+        // .ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
+        //     margin-left: 40px
+        // }
+    }
+
+    .leftPadding {
+        padding-right: 100px;
+    }
+    .handling-info {
+        min-height: 100px;
+        border: 1px solid #ccc;
+    
+        .loading-row {
+          display: flex;
+        }
+    
+        .handling-info-icon {
+          width: 32px;
+          height: 32px;
+          margin-right: 24px;
+          color: #fff;
+          line-height: 32px;
+          text-align: center;
+          border-radius: 50%;
+    
+          &.loading-bg {
+            background-color: #50D4AB;
+          }
+    
+          &.unloaing-bg {
+            background: #F66F6A;
+          }
+        }
+    
+        .info {
+          flex: 1;
+        }
+    
+        .time-info {
+          margin-left: 56px;
+        }
+      }
+}
\ No newline at end of file
diff --git a/src/app/routes/insurance-management/components/set/set.component.spec.ts b/src/app/routes/insurance-management/components/set/set.component.spec.ts
new file mode 100644
index 00000000..42437440
--- /dev/null
+++ b/src/app/routes/insurance-management/components/set/set.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { insuranceManagementSetComponent } from './set.component';
+
+describe('insuranceManagementSetComponent', () => {
+  let component: insuranceManagementSetComponent;
+  let fixture: ComponentFixture<insuranceManagementSetComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ insuranceManagementSetComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(insuranceManagementSetComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/insurance-management/components/set/set.component.ts b/src/app/routes/insurance-management/components/set/set.component.ts
new file mode 100644
index 00000000..7e1055a0
--- /dev/null
+++ b/src/app/routes/insurance-management/components/set/set.component.ts
@@ -0,0 +1,45 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-06 20:20:26
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-25 20:43:37
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\insurance-management\\components\\set\\set.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Router } from '@angular/router';
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STColumn } from '@delon/abc/st';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { InsuranceManagementService } from '../../services/insurance-management.service';
+import { NzCardComponent } from 'ng-zorro-antd/card';
+@Component({
+  selector: 'app-insurance-management-set',
+  templateUrl: './set.component.html',
+  styleUrls: ['./set.component.less']
+})
+export class insuranceManagementSetComponent implements OnInit {
+ 
+  constructor(
+    private route: ActivatedRoute,
+    private msgSrv: NzMessageService,
+    private service: InsuranceManagementService,
+  ) {
+
+  }
+
+  ngOnInit(): void {
+    this.initData()
+  }
+  initData() {
+   
+  }
+  goBack() {
+    window.history.go(-1);
+  }
+
+}
diff --git a/src/app/routes/insurance-management/insurance-management-routing.module.ts b/src/app/routes/insurance-management/insurance-management-routing.module.ts
new file mode 100644
index 00000000..845a621d
--- /dev/null
+++ b/src/app/routes/insurance-management/insurance-management-routing.module.ts
@@ -0,0 +1,25 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-06 09:24:00
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-25 17:21:54
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\insurance-management\\insurance-management-routing.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { insuranceManagementListComponent } from './components/list/list.component';
+import { insuranceManagementSetComponent } from './components/set/set.component';
+
+
+const routes: Routes = [
+  { path: 'list', component: insuranceManagementListComponent },
+  { path: 'list-set/:id', component: insuranceManagementSetComponent },
+]
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class InsuranceManagementRoutingModule { }
diff --git a/src/app/routes/insurance-management/insurance-management.module.ts b/src/app/routes/insurance-management/insurance-management.module.ts
new file mode 100644
index 00000000..00103336
--- /dev/null
+++ b/src/app/routes/insurance-management/insurance-management.module.ts
@@ -0,0 +1,23 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-06 09:24:00
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-25 20:45:45
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\insurance-management\\insurance-management.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { NgModule, Type } from '@angular/core';
+import { InsuranceTableModule, SharedModule } from '@shared';
+import { insuranceManagementListComponent } from './components/list/list.component';
+import { insuranceManagementSetComponent } from './components/set/set.component';
+import { InsuranceManagementRoutingModule } from './insurance-management-routing.module';
+const COMPONENTS: Type<void>[] = [insuranceManagementListComponent, insuranceManagementSetComponent];
+
+@NgModule({
+  imports: [SharedModule, InsuranceManagementRoutingModule, InsuranceTableModule],
+  declarations: COMPONENTS
+})
+export class InsuranceManagementModule {}
diff --git a/src/app/routes/insurance-management/services/insurance-management.service.ts b/src/app/routes/insurance-management/services/insurance-management.service.ts
new file mode 100644
index 00000000..ee65b8e3
--- /dev/null
+++ b/src/app/routes/insurance-management/services/insurance-management.service.ts
@@ -0,0 +1,36 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-03 15:31:52
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-28 17:11:54
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\insurance-management\\services\\insurance-management.service.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { Injectable, Injector } from '@angular/core';
+import { EACacheService, ShipperBaseService } from '@shared';
+import { map } from 'rxjs/operators';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class InsuranceManagementService extends ShipperBaseService {
+  // 获取货主企业列表
+  public $api_enterpriceList = '/api/mdc/cuc/enterpriseInfo/operate/enterpriceList';
+ // 查询保险费信息表
+  public $api_premiumInfo_list = '/api/sdc/premiumInfo/list/page';
+ // 统计保险单状态数量
+  public $api_listStatisticalStatus = '/api/sdc/premiumInfo/listStatisticalStatus';
+
+ 
+  //  保险费公司认证
+  $api_get_submitAuthInfo = `/api/sdc/premiumInfo/submitAuthInfo`;
+  //  退保费
+  $api_get_addINPBillRefundApplication = `/billRefundApplication/addINPBillRefundApplication`;
+
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/logs/components/system-logs/system-logs.component.html b/src/app/routes/logs/components/system-logs/system-logs.component.html
new file mode 100644
index 00000000..ebbf215b
--- /dev/null
+++ b/src/app/routes/logs/components/system-logs/system-logs.component.html
@@ -0,0 +1,30 @@
+<page-header-wrapper title="系统操作日志"> </page-header-wrapper>
+
+<nz-card class="search-box">
+  <div nz-row nzGutter="8">
+    <div nz-col [nzSpan]="_$expand ? 24 : 18">
+      <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90, grid: { lg: 8, md: 12, sm: 12, xs: 24  } } }" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="6" [nzOffset]="_$expand ? 18 : 0" [class.expend-options]="_$expand" class="text-right">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)"acl [acl-ability]="['LOGS-LOGS-list']">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box">
+  <st
+    #st
+    [data]="service.$api_get_systemt_logs"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="false"
+    [scroll]="{ y: '370px' }"
+  ></st>
+</nz-card>
diff --git a/src/app/routes/logs/components/system-logs/system-logs.component.ts b/src/app/routes/logs/components/system-logs/system-logs.component.ts
new file mode 100644
index 00000000..90caac95
--- /dev/null
+++ b/src/app/routes/logs/components/system-logs/system-logs.component.ts
@@ -0,0 +1,112 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { dateTimePickerUtil } from '@delon/util';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { LogsService } from '../../services/logs.service';
+
+@Component({
+  selector: 'app-system-logs',
+  templateUrl: './system-logs.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class SystemLogsComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+
+  searchSchema: SFSchema = {
+    properties: {
+      expand: {
+        type: 'boolean',
+        ui: {
+          hidden: true
+        }
+      },
+      operator: {
+        type: 'string',
+        title: '操作人',
+        ui: { placeholder: '请输入' }
+      },
+      telephone: {
+        type: 'string',
+        title: '手机号码',
+        ui: { placeholder: '请输入' }
+      },
+      operatePage: {
+        type: 'string',
+        title: '操作页面',
+        ui: {
+          placeholder: '请输入'
+        }
+      },
+      operationContent: {
+        type: 'string',
+        title: '操作内容',
+        ui: {
+          placeholder: '请输入',
+          visibleIf: {
+            expand: (value: boolean) => value
+          }
+        }
+      },
+      time: {
+        title: '操作时间',
+        type: 'string',
+        ui: {
+          widget: 'sl-from-to-search',
+          format: 'yyyy-MM-dd HH:mm:ss',
+          nzShowTime: true,
+          visibleIf: {
+            expand: (value: boolean) => value
+          }
+        } as SFDateWidgetSchema
+      }
+    }
+  };
+
+  columns: STColumn[] = [
+    { title: '操作时间', index: 'operatorTimestamp' },
+    { title: '操作人', index: 'operator' },
+    { title: '操作人手机号码', index: 'telephone' },
+    { title: '操作页面', index: 'operatePage' },
+    { title: '操作内容', index: 'operationContent' }
+  ];
+
+  _$expand = false;
+
+  constructor(public service: LogsService) {}
+
+  ngOnInit(): void {
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    requestOptions.body.operateType = '1';
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        operateType: '1',
+        endTime: this.sf.value.time?.[1] || null,
+        startTime: this.sf.value.time?.[0] || null
+      });
+    }
+    return requestOptions;
+  };
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+}
diff --git a/src/app/routes/logs/components/system-supply-logs/system-supply-logs.component.html b/src/app/routes/logs/components/system-supply-logs/system-supply-logs.component.html
new file mode 100644
index 00000000..a1b61545
--- /dev/null
+++ b/src/app/routes/logs/components/system-supply-logs/system-supply-logs.component.html
@@ -0,0 +1,31 @@
+<!--
+ * @Author: your name
+ * @Date: 2022-01-04 14:42:30
+ * @LastEditTime : 2022-02-23 17:18:27
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\logs\\components\\system-supply-logs\\system-supply-logs.component.html
+-->
+<page-header-wrapper title="货源操作日志"> </page-header-wrapper>
+
+<nz-card class="search-box">
+  <div nz-row nzGutter="8">
+    <div nz-col [nzSpan]="_$expand ? 24 : 18">
+      <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90, grid: {lg: 8, md: 12, sm: 12, xs: 24  } } }"
+        [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="6" [nzOffset]="_$expand ? 18 : 0" [class.expend-options]="_$expand" class="text-right">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)" acl
+        [acl-ability]="['LOGS-SUPPLY-LOGS-list']">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box">
+  <st #st [data]="service.$api_get_systemt_logs" [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }" [loading]="false"
+    [scroll]="{ y: '370px' }"></st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/logs/components/system-supply-logs/system-supply-logs.component.ts b/src/app/routes/logs/components/system-supply-logs/system-supply-logs.component.ts
new file mode 100644
index 00000000..53edd71b
--- /dev/null
+++ b/src/app/routes/logs/components/system-supply-logs/system-supply-logs.component.ts
@@ -0,0 +1,91 @@
+/*
+ * @Author: your name
+ * @Date: 2022-01-04 14:42:30
+ * @LastEditTime: 2022-01-04 16:04:46
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\sys-setting\components\system-supply-logs\system-supply-logs.component.ts
+ */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { dateTimePickerUtil } from '@delon/util';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { LogsService } from '../../services/logs.service';
+
+@Component({
+  selector: 'app-system-logs',
+  templateUrl: './system-supply-logs.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class SystemSupplyLogsComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+
+  searchSchema: SFSchema = {
+    properties: {
+      operateObject: {
+        type: 'string',
+        title: '货源编码',
+        ui: {
+          placeholder: '请输入',
+        }
+      },
+      time: {
+        title: '操作时间',
+        type: 'string',
+        ui: {
+          widget: 'sl-from-to-search',
+          format: 'yyyy-MM-dd HH:mm:ss',
+          nzShowTime: true,
+        } as SFDateWidgetSchema
+      }
+    }
+  };
+
+  columns: STColumn[] = [
+
+    { title: 'ID', index: 'id' },
+    { title: '货源编码', index: 'operateObject' },
+    { title: '说明', index: 'operationContent' },
+    { title: '操作人', index: 'operator' },
+    { title: '操作时间', index: 'operatorTimestamp', type: 'date' },
+  ];
+
+  _$expand = false;
+
+  constructor(public service: LogsService, private nzModalService: NzModalService) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    requestOptions.body.operateType = '4'
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        operateType: '4',
+        endTime: this.sf.value.time?.[1] || null,
+        startTime: this.sf.value.time?.[0] || null
+      });
+    }
+    return requestOptions;
+  };
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+}
diff --git a/src/app/routes/logs/components/system-waybill-logs/system-waybill-logs.component.html b/src/app/routes/logs/components/system-waybill-logs/system-waybill-logs.component.html
new file mode 100644
index 00000000..c51c7fa9
--- /dev/null
+++ b/src/app/routes/logs/components/system-waybill-logs/system-waybill-logs.component.html
@@ -0,0 +1,34 @@
+<!--
+ * @Author: your name
+ * @Date: 2022-01-04 14:44:59
+ * @LastEditTime: 2022-01-04 15:00:42
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\sys-setting\components\system-waybill-logs\system-waybill-logs.component.html
+-->
+<page-header-wrapper title="订单操作日志"> </page-header-wrapper>
+
+<nz-card class="search-box">
+  <div nz-row nzGutter="8">
+    <div nz-col [nzSpan]="_$expand ? 24 : 18">
+      <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90, grid: { span: 8 } } }" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="6" [nzOffset]="_$expand ? 18 : 0" [class.expend-options]="_$expand" class="text-right">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)" acl [acl-ability]="['LOGS-USER-LOGS-list']">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box">
+  <st
+    #st
+    [data]="service.$api_get_systemt_logs"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="false"
+    [scroll]="{ y: '370px' }"
+  ></st>
+</nz-card>
diff --git a/src/app/routes/logs/components/system-waybill-logs/system-waybill-logs.component.ts b/src/app/routes/logs/components/system-waybill-logs/system-waybill-logs.component.ts
new file mode 100644
index 00000000..f394883f
--- /dev/null
+++ b/src/app/routes/logs/components/system-waybill-logs/system-waybill-logs.component.ts
@@ -0,0 +1,90 @@
+/*
+ * @Author: your name
+ * @Date: 2022-01-04 14:44:59
+ * @LastEditTime: 2022-01-04 16:05:27
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\sys-setting\components\system-waybill-logs\system-waybill-logs.component.ts
+ */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { dateTimePickerUtil } from '@delon/util';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { LogsService } from '../../services/logs.service';
+
+@Component({
+  selector: 'app-system-logs',
+  templateUrl: './system-waybill-logs.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class SystemWaybillLogsComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+
+  searchSchema: SFSchema = {
+    properties: {
+      operateObject: {
+        type: 'string',
+        title: '订单号',
+        ui: {
+          placeholder: '请输入',
+        }
+      },
+      time: {
+        title: '登录时间',
+        type: 'string',
+        ui: {
+          widget: 'sl-from-to-search',
+          format: 'yyyy-MM-dd HH:mm:ss',
+          nzShowTime: true,
+        } as SFDateWidgetSchema
+      }
+    }
+  };
+
+  columns: STColumn[] = [
+    { title: 'ID', index: 'id' },
+    { title: '订单号', index: 'operateObject' },
+    { title: '说明', index: 'operationContent' },
+    { title: '操作人', index: 'operator' },
+    { title: '操作时间', index: 'operatorTimestamp', type: 'date' },
+  ];
+
+  _$expand = false;
+
+  constructor(public service: LogsService, private nzModalService: NzModalService) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    requestOptions.body.operateType = '3'
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        operateType: '3',
+        endTime: this.sf.value.time?.[1] || null,
+        startTime: this.sf.value.time?.[0] || null
+      });
+    }
+    return requestOptions;
+  };
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+}
diff --git a/src/app/routes/logs/components/user-logs/user-logs.component.html b/src/app/routes/logs/components/user-logs/user-logs.component.html
new file mode 100644
index 00000000..ea2aff40
--- /dev/null
+++ b/src/app/routes/logs/components/user-logs/user-logs.component.html
@@ -0,0 +1,27 @@
+<page-header-wrapper title="用户登录日志">
+</page-header-wrapper>
+
+<nz-card class="search-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzSpan]="_$expand ? 24 : 18">
+            <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24  } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzSpan]="6" [nzOffset]="_$expand ? 18 : 0" [class.expend-options]="_$expand" class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box">
+    <st #st [data]="service.$api_user_login_logs" [columns]="columns"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' },process: beforeReq }"
+        [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+        [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+        [loading]="false" [scroll]="{ y: '370px' }"></st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/logs/components/user-logs/user-logs.component.ts b/src/app/routes/logs/components/user-logs/user-logs.component.ts
new file mode 100644
index 00000000..70bf123f
--- /dev/null
+++ b/src/app/routes/logs/components/user-logs/user-logs.component.ts
@@ -0,0 +1,123 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema } from '@delon/form';
+import { LogsService } from '../../services/logs.service';
+
+@Component({
+  selector: 'app-user-logs',
+  templateUrl: './user-logs.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class UserLogsComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+
+  searchSchema: SFSchema = {
+    properties: {
+      expand: {
+        type: 'boolean',
+        ui: {
+          hidden: true
+        }
+      },
+      roleName: {
+        type: 'string',
+        title: '登录端口',
+        ui: { placeholder: '请输入' }
+      },
+      loginType: {
+        type: 'string',
+        title: '登录方式',
+        enum: [
+          { label: '全部', value: null },
+          { label: 'PC', value: '1' },
+          { label: 'APP', value: '2' },
+          { label: '小程序', value: '3' }
+        ],
+        ui: {
+          widget: 'select',
+          placeholder: '请选择'
+        },
+        default: null
+      },
+      address: {
+        type: 'string',
+        title: '位置',
+        ui: {
+          placeholder: '请输入'
+        }
+      },
+      terminalIp: {
+        type: 'string',
+        title: 'ip',
+        ui: {
+          placeholder: '请输入',
+          visibleIf: {
+            expand: (value: boolean) => value
+          }
+        }
+      },
+      time: {
+        title: '登录时间',
+        type: 'string',
+        ui: {
+          widget: 'sl-from-to-search',
+          format: 'yyyy-MM-dd HH:mm:ss',
+          placeholder: '请选择',
+          nzShowTime: true,
+          visibleIf: {
+            expand: (value: boolean) => value
+          }
+        } as SFDateWidgetSchema
+      }
+    }
+  };
+
+  columns: STColumn[] = [
+    { title: '登录时间', index: 'createTime', type: 'date' },
+    { title: '登录端口', index: 'roleName' },
+    { title: '姓名', index: 'userName' },
+    { title: '登录方式', index: 'loginType', enum: { '1': 'PC', '2': 'APP', '3': '小程序' }, type: 'enum' },
+    { title: '位置', index: 'address' },
+    { title: 'ip', index: 'terminalIp' }
+  ];
+
+  _$expand = false;
+
+  constructor(public service: LogsService) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        time: {
+          start: this.sf.value.time?.[0] || null,
+          end: this.sf.value.time?.[1] || null
+        }
+      });
+    }
+    return requestOptions;
+  };
+
+  roleAction(item?: any) {}
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+}
diff --git a/src/app/routes/logs/components/version-logs/version-logs.component.html b/src/app/routes/logs/components/version-logs/version-logs.component.html
new file mode 100644
index 00000000..3eff1b25
--- /dev/null
+++ b/src/app/routes/logs/components/version-logs/version-logs.component.html
@@ -0,0 +1,40 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-24 15:59:56
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-23 17:22:01
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\logs\\components\\version-logs\\version-logs.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper title="版本发布记录"> </page-header-wrapper>
+
+<nz-card class="search-box">
+  <div nz-row nzGutter="8">
+    <div nz-col [nzSpan]="_$expand ? 24 : 18">
+      <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90, grid: { lg: 8, md: 12, sm: 12, xs: 24  } } }" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="6" [nzOffset]="_$expand ? 18 : 0" [class.expend-options]="_$expand" class="text-right">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)"   acl  [acl-ability]="['LOGS-VERSION-LOGS-list']">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box">
+  <st
+    #st
+    [data]="service.$api_get_version_logs"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="false"
+    [scroll]="{ y: '370px' }"
+  ></st>
+</nz-card>
diff --git a/src/app/routes/logs/components/version-logs/version-logs.component.ts b/src/app/routes/logs/components/version-logs/version-logs.component.ts
new file mode 100644
index 00000000..d53bad68
--- /dev/null
+++ b/src/app/routes/logs/components/version-logs/version-logs.component.ts
@@ -0,0 +1,124 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema } from '@delon/form';
+import { dateTimePickerUtil } from '@delon/util';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { LogsService } from '../../services/logs.service';
+
+@Component({
+  selector: 'app-version-logs',
+  templateUrl: './version-logs.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class VersionLogsComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+
+  searchSchema: SFSchema = {
+    properties: {
+      expand: {
+        type: 'boolean',
+        ui: {
+          hidden: true
+        }
+      },
+      publishPort: {
+        type: 'string',
+        title: '端口',
+        enum: [
+          { label: '全部', value: null },
+          { label: '司机', value: '1' },
+          { label: '货主', value: '2' },
+          { label: '运营平台', value: '3' }
+        ],
+        ui: {
+          widget: 'select',
+          placeholder: '请选择'
+        },
+        default: null
+      },
+      publishType: {
+        type: 'string',
+        title: '端口方式',
+        enum: [
+          { label: '全部', value: null },
+          { label: 'PC ', value: '1' },
+          { label: 'APP', value: '2' },
+          { label: '小程序', value: '3' }
+        ],
+        ui: {
+          widget: 'select',
+          placeholder: '请选择'
+        },
+        default: null
+      },
+      publishVersion: {
+        type: 'string',
+        title: '版本号',
+        ui: {
+          placeholder: '请输入'
+        }
+      },
+      time: {
+        title: '发布时间',
+        type: 'string',
+        ui: {
+          widget: 'sl-from-to-search',
+          format: 'yyyy-MM-dd',
+          visibleIf: {
+            expand: (value: boolean) => value
+          }
+        } as SFDateWidgetSchema
+      }
+    }
+  };
+
+  columns: STColumn[] = [
+    { title: '端口', index: 'publishPort', type: 'enum', enum: { 1: '司机', 2: '货主', 3: '运营平台' } },
+    { title: '端口方式', index: 'publishType', type: 'enum', enum: { 1: 'PC', 2: 'APP', 3: '小程序' } },
+    { title: '版本号', index: 'publishVersion' },
+    {
+      title: '发布时间',
+      index: 'createTime',
+      type: 'date'
+    },
+    { title: '更新内容', index: 'publicshContext' }
+  ];
+
+  _$expand = false;
+
+  constructor(public service: LogsService, private nzModalService: NzModalService) {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        publishTime: {
+          start: this.sf.value.time?.[0] ||  null,
+          end: this.sf.value.time?.[1] ||  null
+        }
+      });
+    }
+    return requestOptions;
+  };
+
+  ngOnInit(): void {}
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+}
diff --git a/src/app/routes/logs/logs-routing.module.ts b/src/app/routes/logs/logs-routing.module.ts
new file mode 100644
index 00000000..40e2ccb5
--- /dev/null
+++ b/src/app/routes/logs/logs-routing.module.ts
@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { SystemLogsComponent } from './components/system-logs/system-logs.component';
+import { SystemSupplyLogsComponent } from './components/system-supply-logs/system-supply-logs.component';
+import { SystemWaybillLogsComponent } from './components/system-waybill-logs/system-waybill-logs.component';
+import { UserLogsComponent } from './components/user-logs/user-logs.component';
+import { VersionLogsComponent } from './components/version-logs/version-logs.component';
+
+const routes: Routes = [
+  { path: 'system-logs', component: SystemLogsComponent },
+  { path: 'user-logs', component: UserLogsComponent },
+  { path: 'version-logs', component: VersionLogsComponent },
+  { path: 'system-supply-logs', component: SystemSupplyLogsComponent },
+  { path: 'system-waybill-logs', component: SystemWaybillLogsComponent }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class LogsRoutingModule {}
diff --git a/src/app/routes/logs/logs.module.ts b/src/app/routes/logs/logs.module.ts
new file mode 100644
index 00000000..6454841b
--- /dev/null
+++ b/src/app/routes/logs/logs.module.ts
@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@shared';
+import { LogsRoutingModule } from './logs-routing.module';
+import { SystemLogsComponent } from './components/system-logs/system-logs.component';
+import { SystemSupplyLogsComponent } from './components/system-supply-logs/system-supply-logs.component';
+import { SystemWaybillLogsComponent } from './components/system-waybill-logs/system-waybill-logs.component';
+import { UserLogsComponent } from './components/user-logs/user-logs.component';
+import { VersionLogsComponent } from './components/version-logs/version-logs.component';
+
+const COMPONENTS = [SystemLogsComponent, UserLogsComponent, VersionLogsComponent, SystemSupplyLogsComponent, SystemWaybillLogsComponent];
+@NgModule({
+  declarations: [...COMPONENTS],
+  imports: [CommonModule, LogsRoutingModule, SharedModule]
+})
+export class LogsModule {}
diff --git a/src/app/routes/logs/services/logs.service.ts b/src/app/routes/logs/services/logs.service.ts
new file mode 100644
index 00000000..1c0a9489
--- /dev/null
+++ b/src/app/routes/logs/services/logs.service.ts
@@ -0,0 +1,19 @@
+import { Injectable, Injector } from '@angular/core';
+import { Menu } from '@delon/theme';
+import { BaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class LogsService extends BaseService {
+  // 查询用户登录记录表
+  public $api_user_login_logs = '/api/mdc/userLoginLog/list/page';
+  // 获取操作日志列表
+  public $api_get_systemt_logs = '/api/mdc/pbc/operationLogRecords/getOperationLogRecordsList';
+  // 查询版本发布表
+  public $api_get_version_logs = '/api/mdc/versionPublish/list/page';
+
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/menu-manager/components/api-auth/api-auth.component.html b/src/app/routes/menu-manager/components/api-auth/api-auth.component.html
new file mode 100644
index 00000000..f1d7c7f0
--- /dev/null
+++ b/src/app/routes/menu-manager/components/api-auth/api-auth.component.html
@@ -0,0 +1,75 @@
+<page-header-wrapper title="接口权限"></page-header-wrapper>
+
+<nz-card class="search-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzSpan]="6">
+            <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90,grid: { span: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzSpan]="8" nzOffset="1">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading"
+                (click)="loadMemu(selectedPlatform.appId)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <!-- <button nz-button (click)="delMenu(0)" [nzLoading]="service.http.loading">
+        清空货主菜单
+      </button>
+      <button nz-button (click)="delMenu(1)" [nzLoading]="service.http.loading">
+        清空运营后台菜单
+      </button> -->
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box">
+
+    <nz-tabset>
+        <nz-tab nzTitle="货主菜单" (nzClick)="changeMemu(0)"></nz-tab>
+        <nz-tab nzTitle="运营后台菜单" (nzClick)="changeMemu(1)"></nz-tab>
+    </nz-tabset>
+
+    <!-- <st #st [data]="service.$api_get_all" [columns]="columns" [expand]="expand" expandRowByClick
+    [req]="{ method: 'POST',  reName: { pi: 'pageIndex', ps: 'pageSize' },params:{appId:selectedPlatform?.appId} }"
+    [res]="{ reName: { list: 'data' } }" [page]="{ show: false }" [loading]="false"
+    [scroll]="{ y: '370px' }" (change)="stChange($event)">
+    <ng-template #expand let-item let-index="index" let-column="column">
+      {{ item.description }}
+    </ng-template>
+  </st> -->
+    <nz-table #expandTable [nzData]="listOfMapData" nzTableLayout="fixed" nzBordered nzSize="small"
+        [nzLoading]="service.http.loading">
+        <thead>
+            <tr>
+                <!-- <th nzWidth="70px" nzAlign="center">#</th> -->
+                <th>菜单名称</th>
+                <th>菜单编号</th>
+                <th>路由地址</th>
+                <th nzAlign="center" nzWidth="120px">菜单图标</th>
+                <th nzWidth="100px">菜单排序</th>
+                <th nzWidth="150px" nzAlign="center">操作</th>
+            </tr>
+        </thead>
+        <tbody>
+            <ng-container *ngFor="let data of expandTable.data">
+                <ng-container *ngFor="let item of mapOfExpandedData[data.key];let i = index">
+                    <tr *ngIf="(item.parent && item.parent.expand) || !item.parent">
+                        <!-- <td nzWidth="70px" nzAlign="center" [nzChecked]="item.checked">{{ i+1 }}</td> -->
+                        <td [nzIndentSize]="item.level! * 20" [nzShowExpand]="!!item.children"
+                            [(nzExpand)]="item.expand"
+                            (nzExpandChange)="service.collapse(mapOfExpandedData[data.key], item, $event)">
+                            {{ item.text }}
+                        </td>
+                        <td>{{ item.keyCode }}</td>
+                        <td>{{ item.link }}</td>
+                        <td nzAlign="center" nzWidth="120px">
+                            <i nz-icon [nzType]="item.iconType"></i>
+                        </td>
+                        <td nzWidth="100px">{{ item.sorted }}</td>
+                        <td nzWidth="150px" nzAlign="center">
+                            <a (click)="openDrawer(item)">权限配置</a>
+                        </td>
+                    </tr>
+                </ng-container>
+            </ng-container>
+        </tbody>
+    </nz-table>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/menu-manager/components/api-auth/api-auth.component.less b/src/app/routes/menu-manager/components/api-auth/api-auth.component.less
new file mode 100644
index 00000000..b83ce9ee
--- /dev/null
+++ b/src/app/routes/menu-manager/components/api-auth/api-auth.component.less
@@ -0,0 +1,17 @@
+:host {
+    ::ng-deep {
+      .pane-content-left {
+        padding-right: 12px;
+  
+        nz-select {
+          width: 100%;
+          margin-bottom: 1rem;
+          border-bottom: 2px solid #15408e;
+        }
+      }
+      .pane-content-right {
+        padding-left: 12px;
+      }
+    }
+  }
+  
\ No newline at end of file
diff --git a/src/app/routes/menu-manager/components/api-auth/api-auth.component.ts b/src/app/routes/menu-manager/components/api-auth/api-auth.component.ts
new file mode 100644
index 00000000..c61cab04
--- /dev/null
+++ b/src/app/routes/menu-manager/components/api-auth/api-auth.component.ts
@@ -0,0 +1,80 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { SFComponent, SFSchema } from '@delon/form';
+import { EAEnvironmentService } from '@shared';
+import { NzDrawerService } from 'ng-zorro-antd/drawer';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { MenuManagerService } from '../../services/menu-manager.service';
+import { MenuModalComponent } from '../index/menu-modal/menu-modal.component';
+import { AuthDrawerComponent } from './auth-drawer/auth-drawer.component';
+
+@Component({
+  selector: 'app-api-auth',
+  templateUrl: './api-auth.component.html',
+  styleUrls: ['./api-auth.component.less', '../../../commom/less/box.less']
+})
+export class ApiAuthComponent implements OnInit {
+  selectedPlatform!: { name: string; appId: string; enName: string };
+  platforms: Array<any> = [
+    { name: '货主PC', appId: 'A48F72F0A304427F921794BAD86B3522', enName: 'tms-smc-web' },
+    { name: '运营后台', appId: this.envSrv.env.appId, enName: 'tms-obc-web' }
+  ];
+
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+
+  searchSchema: SFSchema = {
+    properties: {
+      roleName: {
+        type: 'string',
+        title: '菜单名称',
+        ui: { placeholder: '请输入' }
+      }
+    }
+  };
+
+  mapOfExpandedData: { [key: string]: any[] } = {};
+  listOfMapData: any[] = [];
+  constructor(private envSrv: EAEnvironmentService, public service: MenuManagerService, private drawer: NzDrawerService) {
+    this.initData();
+  }
+
+  ngOnInit(): void {}
+
+  initData(): void {
+    this.selectedPlatform = this.platforms[0];
+    this.loadMemu(this.selectedPlatform.appId);
+  }
+
+  loadMemu(appId: string) {
+    this.service.request(this.service.$api_get_all, { appId }, 'POST', false).subscribe(res => {
+      if (res) {
+        this.listOfMapData = res;
+        this.listOfMapData.forEach(item => {
+          this.mapOfExpandedData[item.key] = this.service.convertTreeToList(item);
+        });
+        // console.log(this.listOfMapData, this.mapOfExpandedData);
+      }
+    });
+  }
+
+  changeMemu(key: number) {
+    this.selectedPlatform = this.platforms[key];
+    this.loadMemu(this.selectedPlatform.appId);
+  }
+
+  openDrawer(item: any) {
+    this.drawer.create({
+      nzTitle: `接口权限配置(${item.text})`,
+      nzContent: AuthDrawerComponent,
+      nzWidth: 900,
+      nzContentParams: { id: item.id, appId: this.selectedPlatform.appId, code: item.keyCode }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+}
diff --git a/src/app/routes/menu-manager/components/api-auth/auth-drawer/auth-drawer.component.html b/src/app/routes/menu-manager/components/api-auth/auth-drawer/auth-drawer.component.html
new file mode 100644
index 00000000..935bee97
--- /dev/null
+++ b/src/app/routes/menu-manager/components/api-auth/auth-drawer/auth-drawer.component.html
@@ -0,0 +1,38 @@
+<div nz-row nzGutter="8">
+    <div nz-col [nzXl]="20" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+        <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 100,grid: { lg: 12, md: 12, sm: 12, xs: 24 } }}"
+            [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzXl]="4" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+        <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+    </div>
+</div>
+
+<div class="d-flex align-items-center mb-md mt-md">
+    <button nz-button nzType="primary" (click)="functionAction()">新增</button>
+</div>
+
+<st #st [data]="service.$api_get_functions_by_id" [columns]="columns" bordered size="small"
+    [req]="{ method: 'POST', allInBody: true, process: beforeReq }" [res]="{ reName: { list: 'data' } }"
+    [page]="{ show: false}" [loading]="false" class="mt-md">
+    <ng-template st-row="permissionsCode" let-item let-index="index">
+        <p nz-typography nzCopyable [nzCopyText]="code+'-'+item.permissionsCode" style="margin-bottom: 0;">
+            {{code}}-{{item.permissionsCode}} </p>
+    </ng-template>
+</st>
+
+
+<ng-template #configTypeItemModal>
+    <div se-container [labelWidth]="110" [col]="2">
+        <se label="权限名称" required>
+            <input nz-input [(ngModel)]="functionInfo.permissionsName" placeholder="请输入权限名称" [disabled]="isDisabled" />
+        </se>
+        <se label="权限编码" required>
+            <input nz-input [(ngModel)]="functionInfo.permissionsCode" placeholder="请输入权限编码" [disabled]="isDisabled" />
+        </se>
+        <se label="api地址">
+            <input nz-input [(ngModel)]="functionInfo.permissionsUrl" placeholder="请输入权限路径" [disabled]="isDisabled" />
+        </se>
+    </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/menu-manager/components/api-auth/auth-drawer/auth-drawer.component.less b/src/app/routes/menu-manager/components/api-auth/auth-drawer/auth-drawer.component.less
new file mode 100644
index 00000000..40e50505
--- /dev/null
+++ b/src/app/routes/menu-manager/components/api-auth/auth-drawer/auth-drawer.component.less
@@ -0,0 +1,6 @@
+:host:ng-deep {
+    st-td {
+        word-break: break-all;
+        word-wrap : break-word;
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/menu-manager/components/api-auth/auth-drawer/auth-drawer.component.ts b/src/app/routes/menu-manager/components/api-auth/auth-drawer/auth-drawer.component.ts
new file mode 100644
index 00000000..e9668879
--- /dev/null
+++ b/src/app/routes/menu-manager/components/api-auth/auth-drawer/auth-drawer.component.ts
@@ -0,0 +1,154 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { MenuManagerService } from '../../../services/menu-manager.service';
+
+@Component({
+  selector: 'app-auth-drawer',
+  templateUrl: './auth-drawer.component.html',
+  styleUrls: ['./auth-drawer.component.less']
+})
+export class AuthDrawerComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('configTypeItemModal', { static: false })
+  configTypeItemModal!: any;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  id = null;
+  appId = '';
+  code = '';
+
+  functionInfo: any = {};
+  functions: any[] = [];
+  isDisabled = false;
+
+  constructor(public service: MenuManagerService, private modal: NzModalService) {}
+
+  ngOnInit(): void {
+    this.loadFunctions();
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, { id: this.id });
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+    }
+    return requestOptions;
+  };
+
+  loadFunctions() {
+    this.service.request(this.service.$api_get_functions, { appId: this.appId }, 'POST', false).subscribe(res => {
+      if (res) {
+        this.functions = res;
+      }
+    });
+  }
+
+  functionAction(item?: any, isDisabled = false) {
+    if (item) {
+      this.functionInfo = { ...item, id: item.functionButtonId };
+    } else {
+      this.functionInfo = {};
+    }
+    this.isDisabled = isDisabled;
+    const modal = this.modal.create({
+      nzTitle: item ? '编辑' : '新增',
+      nzContent: this.configTypeItemModal,
+      nzWidth: 800,
+      nzCancelText: '取消',
+      nzOkText: '保存',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_save_menu_function, { ...this.functionInfo, functionId: this.id }).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success(item ? '编辑成功' : '新增成功');
+            this.st.load(1);
+            modal.destroy();
+          }
+        });
+        return false;
+      }
+    });
+  }
+
+  deleteAuth(item: any) {
+    const modal = this.modal.warning({
+      nzTitle: '是否确定删除该权限',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_delete_menu_function, [item.functionButtonId]).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('删除成功');
+            this.st.load(1);
+            modal.destroy();
+          } else {
+            this.service.msgSrv.error('删除失败');
+          }
+        });
+        return false;
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        vc2code: {
+          type: 'string',
+          title: '权限名称',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请输入权限名称'
+          }
+        },
+        vc2c2ode: {
+          type: 'string',
+          title: '权限编号',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请输入权限编号'
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '权限名称', index: 'permissionsName', width: 120 },
+      { title: '权限编码', render: 'permissionsCode' },
+      { title: '权限路径', index: 'permissionsUrl', className: 'break-word-all', width: 200 },
+      {
+        title: '操作',
+        width: '150px',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '查看',
+            click: item => this.functionAction(item, true)
+          },
+          {
+            text: '编辑',
+            click: item => this.functionAction(item)
+          },
+          {
+            text: '删除',
+            click: item => this.deleteAuth(item)
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/menu-manager/components/index/index.component.html b/src/app/routes/menu-manager/components/index/index.component.html
new file mode 100644
index 00000000..8b1acd73
--- /dev/null
+++ b/src/app/routes/menu-manager/components/index/index.component.html
@@ -0,0 +1,101 @@
+<page-header-wrapper [title]="'菜单管理'"></page-header-wrapper>
+
+<nz-card class="search-box">
+  <div nz-row nzGutter="8">
+    <div nz-col [nzSpan]="6">
+      <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90,grid: { span: 24 } }}" [compact]="true"
+        [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="8" nzOffset="1">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading"
+        (click)="loadMemu(selectedPlatform.appId)">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <!--  <button nz-button (click)="delMenu(0)" [nzLoading]="service.http.loading">
+        清空货主菜单
+      </button>
+      <button nz-button (click)="delMenu(1)" [nzLoading]="service.http.loading">
+        清空运营后台菜单
+      </button> -->
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box">
+
+  <nz-tabset [nzTabBarExtraContent]="extraTemplate">
+    <nz-tab nzTitle="货主菜单" (nzClick)="changeMemu(0)"></nz-tab>
+    <nz-tab nzTitle="运营后台菜单" (nzClick)="changeMemu(1)"></nz-tab>
+  </nz-tabset>
+  <ng-template #extraTemplate>
+    <div class="d-flex align-items-center">
+      <div>
+        <button nz-button nzType="primary" (click)="menuAction('新增菜单')">新增</button>
+        <button nz-button nzType="primary" (click)="menuSort()">菜单排序</button>
+        <!-- <button nz-button nzType="primary" (click)="menuImport(0)" [disabled]="false"
+          *ngIf="selectedPlatform.enName==='tms-smc-web'">
+          导入货主菜单
+        </button>
+        <button nz-button nzType="primary" (click)="menuImport(1)" [disabled]="false"
+          *ngIf="selectedPlatform.enName==='tms-obc-web'">
+          导入运营后台菜单
+        </button> -->
+      </div>
+    </div>
+  </ng-template>
+
+  <!-- <st #st [data]="service.$api_get_all" [columns]="columns" [expand]="expand" expandRowByClick
+    [req]="{ method: 'POST',  reName: { pi: 'pageIndex', ps: 'pageSize' },params:{appId:selectedPlatform?.appId} }"
+    [res]="{ reName: { list: 'data' } }" [page]="{ show: false }" [loading]="false"
+    [scroll]="{ y: '370px' }" (change)="stChange($event)">
+    <ng-template #expand let-item let-index="index" let-column="column">
+      {{ item.description }}
+    </ng-template>
+  </st> -->
+  <nz-table #expandTable [nzData]="listOfMapData" nzTableLayout="fixed" nzBordered nzSize="small"
+    [nzLoading]="service.http.loading">
+    <thead>
+      <tr>
+        <!-- <th nzWidth="70px" nzAlign="center">#</th> -->
+        <th>菜单名称</th>
+        <th>菜单编号</th>
+        <th>路由地址</th>
+        <th nzAlign="center" nzWidth="100px">菜单图标</th>
+        <th nzAlign="center" nzWidth="100px">菜单排序</th>
+        <th nzAlign="center" nzWidth="250px">操作</th>
+      </tr>
+    </thead>
+    <tbody>
+      <ng-container *ngFor="let data of expandTable.data">
+        <ng-container *ngFor="let item of mapOfExpandedData[data.key];let i = index">
+          <tr *ngIf="(item.parent && item.parent.expand) || !item.parent">
+            <!-- <td nzWidth="70px" nzAlign="center" [nzChecked]="item.checked">{{ i+1 }}</td> -->
+            <td [nzIndentSize]="item.level! * 20" [nzShowExpand]="!!item.children" [(nzExpand)]="item.expand"
+              (nzExpandChange)="service.collapse(mapOfExpandedData[data.key], item, $event)">
+              {{ item.title }}
+            </td>
+            <td>{{ item.keyCode }}</td>
+            <td>{{ item.link }}</td>
+            <td nzAlign="center" nzWidth="100px">
+              <ng-container [ngSwitch]="item.iconType">
+                <i *ngSwitchCase="'icon'" nz-icon [nzType]="item.value"></i>
+                <i *ngSwitchCase="'iconfont'" [class]="item.value"></i>
+              </ng-container>
+            </td>
+            <td nzAlign="right" nzWidth="100px">{{ item.sorted }}</td>
+            <td nzAlign="center" nzWidth="250px">
+              <a (click)="menuAction('查看菜单',item,item.parentId,true)">查看</a>
+              <nz-divider nzType="vertical"></nz-divider>
+              <a (click)="menuAction('编辑菜单',item,item.parentId)">编辑</a>
+              <nz-divider nzType="vertical"></nz-divider>
+              <a (click)="deleteAction(item)">删除</a>
+              <ng-container *ngIf="item.level!==3">
+                <nz-divider nzType="vertical"></nz-divider>
+                <a (click)="menuAction('新增菜单',null,item.id)">新增子项</a>
+              </ng-container>
+            </td>
+          </tr>
+        </ng-container>
+      </ng-container>
+    </tbody>
+  </nz-table>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/menu-manager/components/index/index.component.less b/src/app/routes/menu-manager/components/index/index.component.less
new file mode 100644
index 00000000..c801e37d
--- /dev/null
+++ b/src/app/routes/menu-manager/components/index/index.component.less
@@ -0,0 +1,16 @@
+:host {
+  ::ng-deep {
+    .pane-content-left {
+      padding-right: 12px;
+
+      nz-select {
+        width: 100%;
+        margin-bottom: 1rem;
+        border-bottom: 2px solid #15408e;
+      }
+    }
+    .pane-content-right {
+      padding-left: 12px;
+    }
+  }
+}
diff --git a/src/app/routes/menu-manager/components/index/index.component.ts b/src/app/routes/menu-manager/components/index/index.component.ts
new file mode 100644
index 00000000..2f9b1306
--- /dev/null
+++ b/src/app/routes/menu-manager/components/index/index.component.ts
@@ -0,0 +1,140 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema } from '@delon/form';
+import { Menu, ModalHelper } from '@delon/theme';
+import { EAEnvironmentService } from '@shared';
+import { NzSafeAny } from 'ng-zorro-antd/core/types';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { SettingRoleEditComponent } from 'src/app/routes/sys-setting/components/role-management/edit/edit.component';
+import { MenuManagerMenusortComponent } from '../menusort/menusort.component';
+import { MenuManagerService } from './../../services/menu-manager.service';
+import { MenuModalComponent } from './menu-modal/menu-modal.component';
+
+@Component({
+  selector: 'app-menu-manager-components-index',
+  templateUrl: './index.component.html',
+  styleUrls: ['./index.component.less', '../../../commom/less/box.less']
+})
+export class MenuManagerComponentsIndexComponent implements OnInit {
+  selectedPlatform!: { name: string; appId: string; enName: string };
+  platforms: Array<any> = [
+    { name: '货主PC', appId: 'A48F72F0A304427F921794BAD86B3522', enName: 'tms-smc-web' },
+    { name: '运营后台', appId: this.envSrv.env.appId, enName: 'tms-obc-web' }
+  ];
+
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+
+  searchSchema: SFSchema = {
+    properties: {
+      roleName: {
+        type: 'string',
+        title: '菜单名称',
+        ui: { placeholder: '请输入' }
+      }
+    }
+  };
+
+  mapOfExpandedData: { [key: string]: any[] } = {};
+  listOfMapData: any[] = [];
+  constructor(private envSrv: EAEnvironmentService, public service: MenuManagerService, private modal: NzModalService, private modalHelper: ModalHelper,) {
+    this.initData();
+  }
+
+  ngOnInit(): void {}
+
+  initData(): void {
+    this.selectedPlatform = this.platforms[0];
+    this.loadMemu(this.selectedPlatform.appId);
+  }
+
+  loadMemu(appId: string) {
+    this.service.request(this.service.$api_get_all, { appId }, 'POST', false).subscribe(res => {
+      if (res) {
+        this.listOfMapData = res;
+        this.listOfMapData.forEach(item => {
+          this.mapOfExpandedData[item.key] = this.service.convertTreeToList(item);
+        });
+        // console.log(this.listOfMapData, this.mapOfExpandedData);
+      }
+    });
+  }
+
+  changeMemu(key: number) {
+    this.selectedPlatform = this.platforms[key];
+    this.loadMemu(this.selectedPlatform.appId);
+  }
+
+  menuAction(nzTitle: string, item?: any, parentId?: string, isDisabled = false) {
+    const modal = this.modal.create({
+      nzTitle,
+      nzContent: MenuModalComponent,
+      nzWidth: 900,
+      nzComponentParams: item
+        ? { formData: { ...item }, isDisabled, params: { parentId, appId: this.selectedPlatform.appId } }
+        : { formData: { id: null }, params: { parentId, appId: this.selectedPlatform.appId } },
+      nzFooter: null
+    });
+    modal.afterClose.subscribe(res => {
+      if (res) {
+        this.loadMemu(this.selectedPlatform.appId);
+      }
+    });
+  }
+
+  deleteAction(item: any) {
+    this.modal.error({
+      nzTitle: '确认删除？',
+      nzClosable: false,
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_del_many, [item.id]).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('删除菜单成功');
+            this.loadMemu(this.selectedPlatform.appId);
+          }
+        });
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+
+  menuImport(index: number) {
+    if (this.listOfMapData?.length > 0) {
+      this.service.msgSrv.warning('请先清空菜单');
+      return;
+    }
+    if (!this.selectedPlatform) {
+      return;
+    }
+
+    this.service.menuImport(this.selectedPlatform.enName, this.selectedPlatform.appId);
+  }
+
+  delMenu(type: number) {
+    this.modal.confirm({
+      nzTitle: '<i>删除确认</i>',
+      nzContent: `是否确认删除？`,
+      nzOnOk: () => {
+        this.service.getMenuByAppID(type === 0 ? 'A48F72F0A304427F921794BAD86B3522' : this.envSrv.env.appId);
+      }
+    });
+  }
+  menuSort(){
+    const dialogData = {
+      appId: this.selectedPlatform.appId
+    };
+    this.modalHelper.create(MenuManagerMenusortComponent, { i: dialogData }, { size: 900 }).subscribe((res:any) => {
+      if(res) {
+        console.log('a')
+        this.loadMemu(this.selectedPlatform.appId);
+      }
+    });
+  }
+}
diff --git a/src/app/routes/menu-manager/components/index/menu-modal/menu-modal.component.html b/src/app/routes/menu-manager/components/index/menu-modal/menu-modal.component.html
new file mode 100644
index 00000000..31848fe4
--- /dev/null
+++ b/src/app/routes/menu-manager/components/index/menu-modal/menu-modal.component.html
@@ -0,0 +1,8 @@
+<div *ngIf="schema">
+    <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" [formData]="formData"> </sf>
+</div>
+
+<div class="modal-footer">
+    <button nz-button type="button" (click)="close()">{{ isDisabled ? '关闭' : '取消' }}</button>
+    <button nz-button type="button" nzType="primary" (click)="sure()" *ngIf="!isDisabled">确定</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/menu-manager/components/index/menu-modal/menu-modal.component.less b/src/app/routes/menu-manager/components/index/menu-modal/menu-modal.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/menu-manager/components/index/menu-modal/menu-modal.component.ts b/src/app/routes/menu-manager/components/index/menu-modal/menu-modal.component.ts
new file mode 100644
index 00000000..b55bde12
--- /dev/null
+++ b/src/app/routes/menu-manager/components/index/menu-modal/menu-modal.component.ts
@@ -0,0 +1,151 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+import { SettingMenuComponent } from 'src/app/routes/sys-setting/components/role-management/menu/menu.component';
+import { MenuManagerService } from '../../../services/menu-manager.service';
+
+@Component({
+  selector: 'app-menu-modal',
+  templateUrl: './menu-modal.component.html',
+  styleUrls: ['./menu-modal.component.less'],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class MenuModalComponent implements OnInit {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  formData: any;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  isDisabled = false;
+
+  params = {};
+
+  constructor(public service: MenuManagerService, private modal: NzModalRef, private cdr: ChangeDetectorRef) {}
+
+  ngOnInit(): void {
+    if (this.formData.id) {
+      this.loadMenu();
+    } else {
+      this.initSF();
+    }
+  }
+
+  initSF(data?: any) {
+    this.schema = {
+      properties: {
+        title: {
+          title: '菜单名称',
+          type: 'string',
+          default: this.formData.text,
+          maxLength: 20,
+          ui: {
+            widget: this.isDisabled ? 'text' : 'string',
+            placeholder: '请输入菜单名称'
+          }
+        },
+        keyCode: {
+          title: '菜单编码',
+          type: 'string',
+          default: this.formData.keyCode,
+          ui: {
+            widget: this.isDisabled ? 'text' : 'string',
+            placeholder: '请输入菜单编码'
+          }
+        },
+        isLeaf: {
+          title: '是否叶子节点',
+          type: 'boolean',
+          default: this.formData.isLeaf || true,
+          enum: [true, false],
+          readOnly: this.isDisabled,
+          ui: {
+            widget: 'radio'
+          }
+        },
+        hide: {
+          title: '是否隐藏',
+          type: 'boolean',
+          default: this.formData.hide || false,
+          enum: [true, false],
+          readOnly: this.isDisabled,
+          ui: {
+            widget: 'radio'
+          }
+        },
+        link: {
+          title: '菜单路由',
+          type: 'string',
+          default: this.formData.link,
+          ui: {
+            widget: this.isDisabled ? 'text' : 'string',
+            placeholder: '请输入菜单路由'
+          }
+        },
+        icon: {
+          title: '菜单图标',
+          type: 'string',
+          default: this.formData.icon,
+          ui: {
+            widget: this.isDisabled ? 'text' : 'string',
+            placeholder: '请输入菜单图标'
+          }
+        },
+        sortId: {
+          title: '排序',
+          type: 'number',
+          default: this.formData.sortId,
+          ui: {
+            widget: this.isDisabled ? 'text' : 'number'
+          }
+        }
+      },
+      required: ['title']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 120,
+        grid: { span: 12 }
+      }
+    };
+    this.cdr.detectChanges();
+  }
+
+  loadMenu() {
+    this.service.request(this.service.$api_get_menu_by_id, { id: this.formData.id }).subscribe(res => {
+      if (res) {
+        this.formData = res;
+        this.initSF(this.formData);
+      }
+    });
+  }
+
+  close() {
+    this.modal.destroy();
+  }
+
+  sure() {
+    if (!this.sf.valid) {
+      this.service.msgSrv.warning('表单验证错误');
+      return;
+    }
+    const params = {
+      ...this.sf.value,
+      ...this.params,
+      i18n: null,
+      // i18n: this.sf.value.keyCode,
+      menuType: 0,
+      reuse: 0,
+      shortcut: 0,
+      hideInBreadcrumb: 0,
+      functionType: 0,
+      sortId: this.sf.value.sortId?.toString() || null,
+      text: this.sf.value.title
+    };
+    this.service.request(this.service.$api_add_one, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success(this.formData.id ? '修改菜单成功' : '新增菜单成功');
+        this.modal.destroy(true);
+      }
+    });
+  }
+}
diff --git a/src/app/routes/menu-manager/components/menusort/menusort.component.html b/src/app/routes/menu-manager/components/menusort/menusort.component.html
new file mode 100644
index 00000000..35e4f397
--- /dev/null
+++ b/src/app/routes/menu-manager/components/menusort/menusort.component.html
@@ -0,0 +1,18 @@
+<div class="modal-header">
+  <div class="modal-title">菜单排序</div>
+</div>
+<div>
+  <nz-tree
+      #nzTreeComponent
+      [nzData]="menuList"
+      (nzClick)="nzEvent($event)"
+      nzDraggable
+      nzBlockNode
+      (nzOnDragEnd)="dragEnd($event)"
+    >
+    </nz-tree>
+</div>
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">关闭</button>
+  <button nz-button nzType="primary" (click)="sure()">确定</button>
+</div>
diff --git a/src/app/routes/menu-manager/components/menusort/menusort.component.spec.ts b/src/app/routes/menu-manager/components/menusort/menusort.component.spec.ts
new file mode 100644
index 00000000..dd867bb3
--- /dev/null
+++ b/src/app/routes/menu-manager/components/menusort/menusort.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { MenuManagerMenusortComponent } from './menusort.component';
+
+describe('MenuManagerMenusortComponent', () => {
+  let component: MenuManagerMenusortComponent;
+  let fixture: ComponentFixture<MenuManagerMenusortComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ MenuManagerMenusortComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(MenuManagerMenusortComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/menu-manager/components/menusort/menusort.component.ts b/src/app/routes/menu-manager/components/menusort/menusort.component.ts
new file mode 100644
index 00000000..9e4dd21b
--- /dev/null
+++ b/src/app/routes/menu-manager/components/menusort/menusort.component.ts
@@ -0,0 +1,77 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { NzTreeComponent } from 'ng-zorro-antd/tree';
+import { MenuManagerService } from '../../services/menu-manager.service';
+
+@Component({
+  selector: 'app-menu-manager-menusort',
+  templateUrl: './menusort.component.html',
+})
+export class MenuManagerMenusortComponent implements OnInit {
+  @ViewChild('nzTreeComponent', { static: false }) nzTreeComponent!: NzTreeComponent;
+  record: any = {};
+  i: any;
+  functionList: any[] = [];
+  menuList: any[] = [];
+
+  constructor(
+    private modal: NzModalRef,
+    public service: MenuManagerService,
+  ) { }
+
+  ngOnInit(): void {
+   this.getAllFunction()
+  }
+  getAllFunction() {
+    this.service.request(this.service.$api_get_all, { appId: this.i.appId }, 'POST', false).subscribe(res => {
+      this.functionList = res;
+      this.menuList = res[0].children;
+    });
+  }
+  nzEvent(event: any): void {
+    console.log(event)
+  }
+  dragEnd(event: any){
+    const functionId = event.node.key
+    let sortNumber = 0
+    const newMenuList = this.nzTreeComponent.getTreeNodes()
+    newMenuList.forEach((item, index) => {
+      if(event.node.level === 0 && item.children) {
+
+        if(functionId === item.key) {
+          sortNumber = index
+        }
+      } else if(event.node.level === 1  && item.children) {
+        item.children.forEach((subItem: any, subIndex: number) => {
+          if(functionId === subItem.key) {
+            sortNumber = subIndex
+          }
+        })
+      } else if(event.node.level === 2 && item.children) {
+        item.children.forEach((thirdItem: any, thirdIndex: number) => {
+          if(functionId === thirdItem.key) {
+            sortNumber = thirdIndex
+          }
+        })
+      }
+    })
+    const params: any = {
+      parentId: event.node.level === 0 ? this.functionList[0].id : event.node.parentNode.key,
+      functionId,
+      sortNumber
+    }
+    this.service.request(this.service.$api_alterFunctionsParent, params).subscribe(res => {
+      if (res) {
+      }
+    })
+    
+  }
+  sure(){
+    this.modal.close(true)
+  }
+  close(): void {
+    this.modal.destroy();
+  }
+}
diff --git a/src/app/routes/menu-manager/menu-manager-routing.module.ts b/src/app/routes/menu-manager/menu-manager-routing.module.ts
new file mode 100644
index 00000000..d46c398f
--- /dev/null
+++ b/src/app/routes/menu-manager/menu-manager-routing.module.ts
@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { ApiAuthComponent } from './components/api-auth/api-auth.component';
+import { MenuManagerComponentsIndexComponent } from './components/index/index.component';
+
+const routes: Routes = [
+  { path: '', redirectTo: 'index', pathMatch: 'full' },
+  { path: 'index', component: MenuManagerComponentsIndexComponent },
+  { path: 'auth', component: ApiAuthComponent },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class MenuManagerRoutingModule {}
diff --git a/src/app/routes/menu-manager/menu-manager.module.ts b/src/app/routes/menu-manager/menu-manager.module.ts
new file mode 100644
index 00000000..7d243d84
--- /dev/null
+++ b/src/app/routes/menu-manager/menu-manager.module.ts
@@ -0,0 +1,16 @@
+import { NgModule, Type } from '@angular/core';
+import { SharedModule } from '@shared';
+import { MenuManagerComponentsIndexComponent } from './components/index/index.component';
+import { MenuManagerRoutingModule } from './menu-manager-routing.module';
+import { MenuModalComponent } from './components/index/menu-modal/menu-modal.component';
+import { ApiAuthComponent } from './components/api-auth/api-auth.component';
+import { AuthDrawerComponent } from './components/api-auth/auth-drawer/auth-drawer.component';
+import { MenuManagerMenusortComponent } from './components/menusort/menusort.component';
+
+const COMPONENTS: Type<void>[] = [MenuManagerComponentsIndexComponent, ApiAuthComponent];
+const COMPONENTS_NOROUNT: Type<void>[] = [MenuModalComponent, AuthDrawerComponent, MenuManagerMenusortComponent];
+@NgModule({
+  imports: [SharedModule, MenuManagerRoutingModule],
+  declarations: [...COMPONENTS, ...COMPONENTS_NOROUNT]
+})
+export class MenuManagerModule {}
diff --git a/src/app/routes/menu-manager/services/menu-manager.service.ts b/src/app/routes/menu-manager/services/menu-manager.service.ts
new file mode 100644
index 00000000..b8a7c259
--- /dev/null
+++ b/src/app/routes/menu-manager/services/menu-manager.service.ts
@@ -0,0 +1,157 @@
+import { Injectable, Injector } from '@angular/core';
+import { Menu } from '@delon/theme';
+import { BaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class MenuManagerService extends BaseService {
+  // 新增/更新菜单
+  $api_add_one = `/api/mdc/cuc/functionInfo/saveFunctionInfo`;
+  // 根据应用ID获取所有菜单
+  $api_get_all = `/api/mdc/cuc/functionInfo/getAllFunctionInfoByAppId`;
+  // 获取菜单详情
+  $api_get_menu_by_id = `/api/mdc/cuc/functionInfo/getFunctionInfo`;
+  // 根据应用ID获取菜单
+  $api_get_one = `/api/mdc/cuc/functionInfo/getAllFunctionInfoByAppId?_allow_badcode=true`;
+  // 删除多个菜单
+  $api_del_many = `/api/mdc/cuc/functionInfo/deletebatchFunctionInfo`;
+
+  // 获取菜单下按钮权限列表
+  $api_get_functions_by_id = `/api/mdc/cuc/functionButton/getFunctionButtonByFunctionId`;
+  // 获取所有按钮信息
+  $api_get_functions = `/api/mdc/cuc/buttonInfo/getButtonInfoList`;
+  // 保存菜单按钮关联
+  $api_save_menu_function = `/api/mdc/cuc/functionButton/saveFunctionButton`;
+  // 删除菜单按钮关联表
+  $api_delete_menu_function = `/api/mdc/cuc/functionButton/deletebatch`;
+  // 排序菜单
+  $api_alterFunctionsParent = `/api/mdc/cuc/functionInfo/alterFunctionsParent`;
+
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+
+  getMenuByAppID(appId: string) {
+    this.request(this.$api_get_one, { appId }, 'POST', false).subscribe(res => {
+      if (res) {
+        const menus = res.data;
+        if (res.data?.length > 0) {
+          this.deleteMenuByAppID(res.data);
+        } else {
+          this.msgSrv.success('菜单已清空');
+        }
+      }
+    });
+  }
+
+  deleteMenuByAppID(arr: Array<any>) {
+    let ids: any[] = arr?.map(item => item.id) || [];
+    arr.forEach(item => {
+      if (item.children?.length > 0) {
+        this.deleteMenuByAppID(item.children);
+      }
+    });
+    this.request(this.$api_del_many, ids).subscribe(res => {});
+  }
+
+  menuImport(enName: string, appId: string) {
+    this.http.request('GET', `assets/mocks/platform/${enName}.json`).subscribe((res: any) => {
+      this.addMenu(res.menu, appId);
+    });
+  }
+
+  addMenu(menus: Array<Menu>, appId: string, parentId: string = '') {
+    menus.forEach(r => {
+      if (parentId !== '') {
+        r.parentId = parentId;
+      }
+      this.request(this.$api_get_one, { appId }, 'POST', false).subscribe(res => {
+        // 如果res.data存在，则更新菜单
+        if (res.data) {
+          r.id = res.data.id;
+        }
+        this.addOne({ appId, ...r, isLeaf: !(r.children && r.children.length > 0) }).subscribe(result => {
+          if (result) {
+            if (r.children && r.children.length > 0) {
+              this.addMenu(r.children, appId, result.id);
+            }
+          }
+        });
+      });
+    });
+
+    // this.loadMenus(this.selectedPlatform.appId);
+  }
+
+  collapse(array: TreeNodeInterface[], data: TreeNodeInterface, $event: boolean): void {
+    if (!$event) {
+      if (data.children) {
+        data.children.forEach(d => {
+          const target = array.find(a => a.key === d.key)!;
+          target.expand = false;
+          this.collapse(array, target, false);
+        });
+      } else {
+        return;
+      }
+    }
+  }
+
+  convertTreeToList(root: TreeNodeInterface): TreeNodeInterface[] {
+    const stack: TreeNodeInterface[] = [];
+    const array: TreeNodeInterface[] = [];
+    const hashMap = {};
+    stack.push({ ...root, level: 0, expand: true });
+
+    while (stack.length !== 0) {
+      const node = stack.pop()!;
+      this.visitNode(node, hashMap, array);
+      if (node.children) {
+        for (let i = node.children.length - 1; i >= 0; i--) {
+          stack.push({
+            ...node.children[i],
+            level: node.level! + 1,
+            expand: false,
+            parent: node,
+            ...this.formatIcon(node.children[i].icon)
+          });
+        }
+      }
+    }
+
+    return array;
+  }
+
+  visitNode(node: TreeNodeInterface, hashMap: { [key: string]: boolean }, array: TreeNodeInterface[]): void {
+    if (!hashMap[node.key]) {
+      hashMap[node.key] = true;
+      array.push(node);
+    }
+  }
+
+  private formatIcon(icon: any): { iconType: string; value: string } {
+    let value = icon;
+    let type = 'icon';
+    // compatible `anticon anticon-user`
+    if (~icon.indexOf(`anticon-`)) {
+      value = value.split('-').slice(1).join('-');
+    }
+    if (~icon.indexOf(`iconfont`)) {
+      type = 'iconfont';
+    }
+    return { iconType: type, value };
+  }
+}
+
+export interface TreeNodeInterface {
+  key: string;
+  name: string;
+  age?: number;
+  level?: number;
+  expand?: boolean;
+  address?: string;
+  children?: TreeNodeInterface[];
+  parent?: TreeNodeInterface;
+  [key: string]: any;
+}
diff --git a/src/app/routes/order-management/components/abnormal-warning/abnormal-warning.component.html b/src/app/routes/order-management/components/abnormal-warning/abnormal-warning.component.html
new file mode 100644
index 00000000..89c12502
--- /dev/null
+++ b/src/app/routes/order-management/components/abnormal-warning/abnormal-warning.component.html
@@ -0,0 +1,94 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-07 10:11:15
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\abnormal-warning\\abnormal-warning.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<!-- 搜索表单 -->
+<page-header-wrapper [title]="''"> </page-header-wrapper>
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button
+          nz-button
+          nzType="primary"
+          [nzLoading]="service.http.loading"
+          (click)="search()"
+          acl
+          [acl-ability]="['ORDER-COMPLIANCE-AUDIT-search']"
+          >查询</button
+        >
+        <button nz-button nzType="primary" [disabled]="false" acl [acl-ability]="['ORDER-COMPLIANCE-AUDIT-export']" (click)="exprot()"
+          >导出</button
+        >
+        <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card>
+  <div style="margin-top: 15px">
+    <st
+      #st
+      [bordered]="true"
+      [scroll]="{ x: '2000px' }"
+      [data]="service.$api_get_abnormalWarning"
+      [columns]="columns"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+      [loading]="false"
+    >
+    
+   
+      <ng-template st-row="driverName" let-item let-index="index">
+        <div> {{ item?.driverName }}{{ item?.driverPhone ? "/" + item?.driverPhone : '' }}{{ item?.carNo ? "/" + item?.carNo : '' }} </div>
+      </ng-template>
+      <ng-template st-row="longitude" let-item let-index="index">
+        <div> {{ item?.longitude }}
+          {{ item?.latitude ? "," + item?.latitude : '' }} </div>
+      </ng-template>
+      <ng-template st-row="billCode" let-item let-index="index">
+        <!-- <a *ngIf="item.billType == '1'" [routerLink]="'/order-management/vehicle/vehicle-detail/' + item.id">{{ item.billCode }}</a>
+        <a *ngIf="item.billType == '2'"  [routerLink]="'/order-management/bulk/bulk-detail/' + item.id" [queryParams]="{ sts :1}">{{ item.billCode }}</a>
+        <a *ngIf="item.billType == '3'"  [routerLink]="'/order-management/vehicle/vehicle-detail/' + item.id">{{ item.billCode }}</a> -->
+        <div>
+          <span>{{ item?.billStatusLabel }}</span>
+        </div>
+        <div>
+          <span >{{item?.billTypeLabel}}{{item?.serviceTypeLabel === item?.billTypeLabel ? '':item?.serviceTypeLabel}}</span>
+        </div>
+      </ng-template>
+    </st>
+  </div>
+</nz-card>
+
+
diff --git a/src/app/routes/order-management/components/abnormal-warning/abnormal-warning.component.less b/src/app/routes/order-management/components/abnormal-warning/abnormal-warning.component.less
new file mode 100644
index 00000000..149a0bc9
--- /dev/null
+++ b/src/app/routes/order-management/components/abnormal-warning/abnormal-warning.component.less
@@ -0,0 +1,13 @@
+
+    :host {
+     p{
+         margin-bottom: 0
+     }
+     .left_btn {
+          width: 50px;
+         height: 32px; 
+          padding-left: 8px;
+          line-height:32px; 
+          background-color: #d7d7d7;
+     }
+ }
\ No newline at end of file
diff --git a/src/app/routes/order-management/components/abnormal-warning/abnormal-warning.component.spec.ts b/src/app/routes/order-management/components/abnormal-warning/abnormal-warning.component.spec.ts
new file mode 100644
index 00000000..c2659773
--- /dev/null
+++ b/src/app/routes/order-management/components/abnormal-warning/abnormal-warning.component.spec.ts
@@ -0,0 +1,35 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-06 20:03:28
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-07 09:43:16
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\abnormal-warning\\abnormal-warning.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { OrderManagementAbnormalWarningComponent } from './abnormal-warning.component';
+
+describe('OrderManagementAbnormalWarningComponent', () => {
+  let component: OrderManagementAbnormalWarningComponent;
+  let fixture: ComponentFixture<OrderManagementAbnormalWarningComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OrderManagementAbnormalWarningComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OrderManagementAbnormalWarningComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/order-management/components/abnormal-warning/abnormal-warning.component.ts b/src/app/routes/order-management/components/abnormal-warning/abnormal-warning.component.ts
new file mode 100644
index 00000000..68867622
--- /dev/null
+++ b/src/app/routes/order-management/components/abnormal-warning/abnormal-warning.component.ts
@@ -0,0 +1,288 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { OrderManagementService } from '../../services/order-management.service';
+import { UpdateFreightComponent } from '../../modal/bulk/update-freight/update-freight.component';
+import { ConfirReceiptComponent } from '../../modal/bulk/confir-receipt/confir-receipt.component';
+import { of } from 'rxjs';
+import { ShipperBaseService } from '@shared';
+import { Router } from '@angular/router';
+import { OneCarOrderAppealComponent } from '../../modal/audit/appeal/appeal.component';
+
+@Component({
+  selector: 'app-order-management-abnormal-warning',
+  templateUrl: './abnormal-warning.component.html',
+  styleUrls: ['./abnormal-warning.component.less']
+})
+export class OrderManagementAbnormalWarningComponent implements OnInit {
+  ui: SFUISchema = {};
+  uiView: SFUISchema = {};
+  schema: SFSchema = {};
+  schemaView: SFSchema = {};
+  changeId: any;       // 主页面查看运费变更记录id - 用于运费变更记录
+  changeViewId: any;  // 查看运费变更记录id - 用于查看
+  auditId: any;
+  auditIdR: any;
+  auditMany = false;
+  isVisibleView = false;
+  isVisibleEvaluate = false;
+  isVisible = false;
+  isVisibleRE = false;
+  _$expand = false;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfView', { static: false }) sfView!: SFComponent;
+  @ViewChild('stFloat') private readonly stFloat!: STComponent;
+  @ViewChild('stFloatView') private readonly stFloatView!: STComponent;
+  columns: STColumn[] = [];
+  columnsFloat: STColumn[] = [];
+  columnsFloatView: STColumn[] = [];
+  ViewCause: any;  // 变更运费查看数据
+  constructor(
+    public service: OrderManagementService,
+    private modal: NzModalService,
+    public shipperservice: ShipperBaseService,
+    private router: Router
+  ) { }
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const a: any = {};
+    const params: any = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    return {
+      ...a,
+      ...params,
+      warningTime: {
+        start: this.sf?.value?.warningTime?.[0] || '',
+        end: this.sf?.value?.warningTime?.[1] || ''
+      }
+    };
+  }
+  get changeParams() {
+    return {
+      id: this.changeId
+    };
+  }
+  get selectedRows() {
+    return this.st?.list.filter(item => item.checked) || [];
+  }
+  get changeViewParams() {
+    return {
+      id: this.changeViewId
+    };
+  }
+  search() {
+    this.st?.load(1);
+  }
+
+  ngOnInit(): void {
+    this.initSF();
+    this.initST();
+  }
+
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        billCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+          }
+        },
+        wayCode: {
+          type: 'string',
+          title: '运单号',
+          ui: {
+          }
+        },
+        serviceType: {
+          title: '服务类型',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'service:type' },
+            containsAllLabel: true,
+          } as SFSelectWidgetSchema
+        },
+        resourceType: {
+          title: '货源类型',
+          type: 'string',
+          default: '',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            widget: 'dict-select',
+            params: { dictKey: 'goodresource:type' },
+            containsAllLabel: true,
+          } as SFSelectWidgetSchema
+        },
+        shipperId: {
+          type: 'string',
+          title: '货主',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            onSearch: (q: any) => {
+              let str =q.replace(/^\s+|\s+$/g,"");
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map((res: any) => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+          } as SFSelectWidgetSchema
+        },
+        loadingPlace: {
+          type: 'string',
+          title: '装货地',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        dischargePlace: {
+          type: 'string',
+          title: '卸货地',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        driverName: {
+          title: '承运司机',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        carNos: {
+          title: '车牌号',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        warningTime: {
+          title: '预警时间',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+      },
+      type: 'object'
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      {
+        title: '运单号',
+        width: '180px',
+        fixed: 'left',
+        className: 'text-left',
+        index: 'wayCode'
+      },
+      {
+        title: '订单号',
+        width: '180px',
+        fixed: 'left',
+        className: 'text-left',
+        index: 'billCode'
+      },
+      { title: '服务类型', index: 'serviceTypeLabel', width: '220px', className: 'text-left' },
+      { title: '货主', index: 'shipperName', width: '220px', className: 'text-left' },
+      { title: '装货地', index: 'loadingAddressArr', width: '220px', className: 'text-left' },
+      { title: '卸货地', index: 'unloadingAddressArr', width: '220px', className: 'text-left' },
+      { title: '司机',  render: 'driverName', width: '180px', className: 'text-left' },
+      { title: '车牌号', index: 'carNo', width: '180px', className: 'text-left' },
+      { title: '预警类型', index: 'warningTypeLabel', width: '180px', className: 'text-left' },
+      {
+        title: '预警时间',
+        className: 'text-left',
+        width: '180px',
+        index: 'warningTime'
+      },
+      {
+        title: '位置描述',
+        className: 'text-left',
+        width: '250px',
+        render: 'longitude'
+      },
+      {
+        title: '提醒内容',
+        className: 'text-left',
+        width: '250px',
+        index: 'warningContent',
+      },
+    
+    ];
+  }
+
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+
+ 
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  tabChange(item: any) { }
+  /**
+   * 重置表单
+   */
+  resetSF(): void {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+
+    // 导出
+    exprot() {
+      this.service.asyncExport(this.reqParams, this.service.$api_get_asyncExportSpotCheckList);
+    }
+}
diff --git a/src/app/routes/order-management/components/bulk-detail-change/bulk-detail-change.component.html b/src/app/routes/order-management/components/bulk-detail-change/bulk-detail-change.component.html
new file mode 100644
index 00000000..38b54fcb
--- /dev/null
+++ b/src/app/routes/order-management/components/bulk-detail-change/bulk-detail-change.component.html
@@ -0,0 +1,372 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-24 16:58:02
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-06 15:40:05
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\bulk-detail-change\\bulk-detail-change.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<page-header-wrapper [title]="''" [logo]="logo" [content]="headerContent">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+
+  <ng-template #headerContent>
+    <div nz-row>
+      <button nz-button nzType="primary" nzSize="small" nzDanger>{{i?.billStatusLabel}}</button>
+      <h4 class="ml-md" style="font-size: 18px;">订单号: {{ i?.billCode }}</h4>
+    </div>
+    <div nz-row style="display: flex; justify-content: end;"  class="mb-xs">
+      <div nz-col>
+        <button nz-button (click)="cancelChange()">取消修改</button>
+        <button nz-button nzType="primary" (click)="save()" nzGhost>保存修改</button>
+      </div>
+    </div>
+   <div>
+      <div sv-container>
+        <sv label="网络货运人">{{ i?.goodsResource?.enterpriseInfoName }} </sv>
+        <sv label="货主">{{ i?.goodsResource?.shipperAppUserName }} </sv>
+        <sv label="所属项目">{{i?.goodsResource?.enterpriseProjectName}}</sv>
+        <sv label="服务类型">{{i?.goodsResource?.serviceTypeLabel}}</sv>
+        <sv label="录单员">{{i?.createUserName}} {{  i?.createUserPhone ? "/" + i?.createUserPhone : ''}} </sv>
+        <sv label="调度员">{{i?.goodsResource?.dispatchName}}{{  i?.goodsResource?.dispatchPhone ? "/" + i?.goodsResource?.dispatchPhone : ''}} </sv>
+     </div>
+     <nz-tabset style="margin-top: 15px;">
+      <nz-tab nzTitle="装卸货信息" (nzClick)="goDistance(distannce1)">
+      </nz-tab>
+      <nz-tab nzTitle="基本信息" (nzClick)="goDistance(distannce2)">
+      </nz-tab>
+      <nz-tab nzTitle="运费信息"  (nzClick)="goDistance(distannce3)">
+      </nz-tab>
+      <nz-tab nzTitle="附件信息" (nzClick)="goDistance(distannce4)">
+      </nz-tab>
+      <nz-tab nzTitle="轨迹信息" (nzClick)="goDistance(distannce5)">
+      </nz-tab>
+    </nz-tabset>
+   </div>
+  </ng-template>
+</page-header-wrapper>
+<nz-card nzTitle="运单进度"  #distannce1>
+  <div class="approval-status">
+    <div style="width: 60%; margin: 0 auto">
+        <nz-steps [nzCurrent]="i?.scheduleVOList?.length + 1" nzLabelPlacement="vertical">
+           <nz-step
+                  *ngFor="let item of i?.scheduleVOList"
+             [nzTitle]="item.state"
+             [nzSubtitle]="item.stateTime"
+             [nzStatus]="item.displayStatus === 'SHOW' ? 'finish' : 'wait'"
+           >
+          </nz-step>
+         </nz-steps>
+    </div>
+  </div>
+</nz-card>
+
+
+<nz-card>
+  <div class="card-title"
+    >装卸货信息<span class="tip-font">预计公里数：{{ totalDistance }}km，预计行程耗时：{{ totalTime }}小时</span></div
+  >
+
+  <form nz-form [formGroup]="validateForm1" role="form">
+    <div nz-row [nzGutter]="24">
+      <div nz-col [nzSpan]="10">
+        <div *ngFor="let data1 of startInfo; let idx = index">
+          <nz-form-item>
+            <nz-form-label [nzSpan]="4" nzRequired>装货地</nz-form-label>
+            <nz-form-control [nzErrorTip]="'请输入装货地'">
+              <div class="align-center">
+                <nz-input-group [nzSuffix]="endInconTemp1">
+                  <input
+                    nz-input
+                    [(ngModel)]="data1.detailedAddress"
+                    (click)="openMap('start', idx,data1.detailedAddress)"
+                    formControlName="loadAddress{{ idx }}"
+                    placeholder="请输入装货地"
+                    readonly="true"
+                  />
+                </nz-input-group>
+              </div>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSpan]="4" nzRequired>联系人</nz-form-label>
+            <div style="display: flex;">
+              <nz-form-control [nzErrorTip]="'请输入联系人姓名'">
+                <input
+                  nz-input
+                  [(ngModel)]="data1.appUserName"
+                  formControlName="loadName{{ idx }}"
+                  name="loadName{{ idx }}"
+                  maxlength="30"
+                  placeholder="请输入联系人姓名"
+                />
+              </nz-form-control>
+              <nz-form-control [nzErrorTip]="'请输入联系人电话'">
+                <input
+                  style="margin-left: 12px"
+                  nz-input
+                  [(ngModel)]="data1.contractTelephone"
+                  maxlength="11"
+                  formControlName="loadPhone{{ idx }}"
+                  name="loadPhone{{ idx }}"
+                  placeholder="请输入联系人电话"
+                />
+              </nz-form-control>
+            </div>
+          </nz-form-item>
+        </div>
+      </div>
+      <div nz-col [nzSpan]="4">
+        <div style="display: flex; justify-content: center">
+          <span class="swap-icon" (click)="swapAddress()"><i nz-icon nzType="swap"
+              nzTheme="outline"></i></span>
+        </div>
+      </div>
+      <div nz-col [nzSpan]="10">
+        <div *ngFor="let data2 of endInfo; let idx = index">
+          <nz-form-item>
+            <nz-form-label [nzSpan]="4" nzRequired>卸货地</nz-form-label>
+            <nz-form-control [nzErrorTip]="'请输入卸货地'">
+              <div class="align-center">
+                <nz-input-group [nzSuffix]="endInconTemp1">
+                  <input
+                    nz-input
+                    [(ngModel)]="data2.detailedAddress"
+                    (click)="openMap('end', idx,data2.detailedAddress)"
+                    formControlName="unloadAddress{{ idx }}"
+                    placeholder="请输入卸货地"
+                    name="unloadAddress{{ idx }}"
+                    readonly="true"
+                  />
+                </nz-input-group>
+              </div>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSpan]="4" nzRequired>联系人</nz-form-label>
+            <div style="display: flex;">
+              <nz-form-control [nzErrorTip]="'请输入联系人姓名'">
+                <input
+                  nz-input
+                  [(ngModel)]="data2.appUserName"
+                  maxlength="30"
+                  formControlName="unloadName{{ idx }}"
+                  name="unloadAddress{{ idx }}"
+                  placeholder="请输入联系人姓名"
+                />
+              </nz-form-control>
+              <nz-form-control [nzErrorTip]="'请输入联系人电话'">
+                <input
+                  style="margin-left: 12px"
+                  nz-input
+                  [(ngModel)]="data2.contractTelephone"
+                  formControlName="unloadPhone{{ idx }}"
+                  name="unloadAddress{{ idx }}"
+                  maxlength="11"
+                  placeholder="请输入联系人电话"
+                />
+              </nz-form-control>
+            </div>
+          </nz-form-item>
+        </div>
+      </div>
+    </div>
+    <!-- <div nz-row [nzGutter]="24" style="margin-top: 24px">
+      <div nz-col [nzSpan]="10">
+        <nz-form-item>
+          <nz-form-label [nzSpan]="4" nzRequired>装货时间</nz-form-label>
+          <nz-form-control [nzErrorTip]="'请输入装货时间'">
+            <nz-date-picker nzShowTime nzFormat="yyyy-MM-dd HH:mm:ss" formControlName="loadingTime" name="loadingTime"></nz-date-picker>
+          </nz-form-control>
+        </nz-form-item>
+      </div>
+      <div nz-col [nzSpan]="4"></div>
+      <div nz-col [nzSpan]="10">
+        <nz-form-item>
+          <nz-form-label [nzSpan]="4" nzRequired>卸货时间</nz-form-label>
+          <nz-form-control [nzErrorTip]="'请输入卸货时间'">
+            <nz-date-picker nzShowTime nzFormat="yyyy-MM-dd HH:mm:ss" formControlName="unloadingTime" name="unloadingTime"></nz-date-picker>
+          </nz-form-control>
+        </nz-form-item>
+      </div>
+    </div> -->
+    <ng-template #endInconTemp1><i nz-icon nzType="environment" nzTheme="outline"></i></ng-template>
+  </form>
+</nz-card>
+<nz-card nzTitle="基本信息" #distannce2>
+      <sf #sf3 [schema]="schema3" [formData]="sf3data" [button]="'none'" [ui]="ui3"></sf>
+      <sf #sf4 [schema]="schema4" [formData]="sf4data" [button]="'none'" [ui]="ui4">
+        <ng-template sf-template="weight" let-item let-ui="ui">
+         {{i?.goodsInfoList?.[0]?.weight}}吨,{{i?.goodsInfoList?.[0]?.volume}}方,{{i?.goodsInfoList?.[0]?.number}}件 
+        </ng-template>
+        <ng-template sf-template="volume" let-item let-ui="ui">
+          <nz-input-group [nzAddOnAfter]="'方'">
+            <input
+              nz-input
+              type="number"
+              [ngModel]="item.value"
+              min="0"
+              [max]="999999"
+              step="0.01"
+              (ngModelChange)="item.setValue($event)"
+              placeholder="总体积"
+            />
+          </nz-input-group>
+        </ng-template>
+ 
+        <ng-template sf-template="number" let-item let-ui="ui">
+          <nz-input-group [nzAddOnAfter]="'车'">
+            <input
+              nz-input
+              type="number"
+              [ngModel]="item.value"
+              min="0"
+              [max]="999999"
+              step="0.01"
+              (ngModelChange)="item.setValue($event)"
+              placeholder="总车次"
+            />
+          </nz-input-group>
+        </ng-template>
+
+        <ng-template sf-template="carmand" let-item let-ui="ui">
+          {{ i?.carModel }}{{  i?.carLength ? "/" +  i?.carLength : ''}}
+        </ng-template>
+        <ng-template sf-template="drivers" let-item let-ui="ui">
+          {{i?.driverName}}{{ i?.driverPhone ? "/" +  i?.driverPhone : ''}}{{  i?.carNo ? "/" +  i?.carNo : ''}}
+        </ng-template>
+        <ng-template sf-template="weightModel" let-item let-ui="ui">
+          {{ i?.driverCarModelLabel }},{{ i?.driverCarLengthLabel }}米,{{ i?.driverCarWeight }}吨 
+        </ng-template>
+
+      <ng-template sf-template="loadTime" let-item let-ui="ui">
+               <nz-date-picker nzShowTime nzFormat="yyyy-MM-dd HH:mm:ss"  [(ngModel)]="loadTime"></nz-date-picker>
+        </ng-template>
+      <ng-template sf-template="unloadTime" let-item let-ui="ui">
+        <nz-date-picker nzShowTime nzFormat="yyyy-MM-dd HH:mm:ss"  [(ngModel)]="unloadTime"></nz-date-picker>
+        </ng-template>
+
+      </sf>
+</nz-card>
+
+<nz-card nzTitle="运费信息"#distannce3>
+  <h2>{{i?.goodsInfoList?.[0]?.freightPrice}}{{i?.goodsInfoList?.[0]?.freightTypeLabel}}（{{ i?.goodsInfoList?.[0]?.settlementBasisLabel ? i?.goodsInfoList?.[0]?.settlementBasisLabel + '，' :' ' }}{{i?.goodsInfoList?.[0]?.ruleLabel}}）</h2>
+  <st #st [data]="billExpenses" [columns]="logColumns" [ps]="0" [page]="{ show: false, showSize: false }">
+    <ng-template st-row="PriceType" let-item let-index="index"> 到付 </ng-template>
+    <ng-template st-row="price" let-item let-index="index">
+      {{ item.price | currency }}
+    </ng-template>
+    <ng-template st-row="prices" let-item let-index="index">
+      {{ item.price + item.surcharge  | currency }}
+    </ng-template>
+    <ng-template st-row="surcharge" let-item let-index="index">
+      {{ item.surcharge | currency }}
+    </ng-template>
+  </st>
+  <div>
+    <div>
+      总计：<span style="color: #da001b; font-size: 18px">{{ i?.totalAmount | currency }}</span> （运费{{ i?.totalFreight | currency }}，
+      附加费{{ i?.totalSurcharge | currency }}，附加费率{{ (i?.totalRate * 100).toFixed(2)}}%）
+    </div>
+  </div>
+  <div *ngIf ="i?.payeePhone && i?.payeePhone !== i?.driverPhone">车队长：{{ i?.payeeName }}{{ i?.payeePhone ? "/" +  i?.payeePhone : ''}}</div>
+</nz-card>
+
+
+<nz-card nzTitle="附件信息" #distannce4>
+  <sv-container>
+    <sv label="协议附件">
+      <a *ngIf = "i?.contractContent?.contractContent" (click)="agreement('1')">查看附件</a> &nbsp;&nbsp;&nbsp;&nbsp;
+      <a *ngIf = "i?.supplementContent?.contractContent" (click)="agreement('2')">补充协议</a>
+    </sv>
+  </sv-container>
+  <sv-container col="2" class="mt-md">
+    <sf #sf mode="edit" [schema]="schema" [ui]="ui" [formData]="formData" button="none"></sf>
+  </sv-container>
+</nz-card>
+<nz-card nzTitle="补充信息">
+  <sv-container>
+    <sv label="是否回单">
+      {{ i?.supplementaryInformationVO?.stateReceipt ? '是' : '否' }}
+    </sv>
+    <sv label="回单类型" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      {{ i?.supplementaryInformationVO?.receiptType === '1' ? '电子回单' : '纸质回单' }}
+    </sv>
+    <sv label="联系人" *ngIf="i?.supplementaryInformationVO?.stateReceipt"> {{ i?.supplementaryInformationVO?.receiptUserName }} / {{ i?.supplementaryInformationVO?.phon }} </sv>
+    <sv label="所在地区" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      {{ i?.supplementaryInformationVO?.area }}
+    </sv>
+    <sv label="详细地址" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      {{ i?.supplementaryInformationVO?.address }}
+    </sv>
+  
+  </sv-container>
+  <sv-container col="1" class="mt-md">
+    <sv label="回单凭证" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      <nz-upload
+      class="avatar-uploader"
+      [nzAction]="service.$api_upload_url"
+      [nzName]="'multipartFile'"
+      nzListType="picture-card"
+      [(nzFileList)]="listImagUrls"
+      [nzShowButton]="listImagUrls.length < 5"
+      [nzPreview]="handlePreview1"
+      [nzBeforeUpload]="beforeUpload"
+      (nzChange)="handleChange1($event)"
+    >
+      <div>
+        <i nz-icon nzType="plus"></i>
+        <div style="margin-top: 8px">请上传图片</div>
+      </div>
+    </nz-upload>
+    <!-- <nz-modal [nzVisible]="previewVisible1" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible1 = false">
+      <ng-template #modalContent>
+        <img [src]="previewImage1" [ngStyle]="{ width: '100%' }" />
+      </ng-template>
+    </nz-modal> -->
+    </sv>
+    <sv label="备注">
+      {{i?.goodsResource?.remarks}}
+    </sv>
+  </sv-container>
+</nz-card>
+
+
+<nz-card>
+  <div nz-row>
+    <nz-card nzTitle="轨迹信息" style="width: 100%" [nzExtra]="extraTemplate" #distannce5>
+      <div nz-row>
+        <div nz-col [nzSpan]="12">
+          <st [scroll]="{y: '500px'}" style="min-height: 600px;" #st [data]="addressItems" [columns]="logColumns" [ps]="0" [page]="{ show: false, showSize: false }">
+          </st>
+        </div>
+        <div nz-col [nzSpan]="12">
+          <amap-path-simplifier [mapWidth]="'100%'" [mapHeight]="'600px'" [mapList]="mapList"></amap-path-simplifier>
+        </div>
+      </div>
+    </nz-card>
+    <ng-template #extraTemplate>
+      <nz-radio-group [(ngModel)]="trajectory" (ngModelChange)="trajectoryChange($event)">
+        <label nz-radio-button nzValue="car">车辆轨迹</label>
+        <label nz-radio-button nzValue="driver">司机轨迹</label>
+      </nz-radio-group>
+    </ng-template>
+  </div>
+</nz-card>
+
+<nz-modal [(nzVisible)]="isVisible"   [nzFooter]="nzModalFooter" [nzTitle]="modalTitle"  (nzOnOk)="handleOK()"  nzWidth="1000px" (nzOnCancel)="handleCancel()">
+  <ng-container *nzModalContent>
+    <div *ngIf="!modalcontent">暂无附件信息</div>
+    <div [innerHTML]="modalcontent"></div>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="primary" (click)="handleOK()" [disabled]="">取消</button>
+    <button nz-button nzType="default" (click)="handleCancel()">确定  </button>
+  </ng-template>
+</nz-modal>
\ No newline at end of file
diff --git a/src/app/routes/order-management/components/bulk-detail-change/bulk-detail-change.component.less b/src/app/routes/order-management/components/bulk-detail-change/bulk-detail-change.component.less
new file mode 100644
index 00000000..a59b9526
--- /dev/null
+++ b/src/app/routes/order-management/components/bulk-detail-change/bulk-detail-change.component.less
@@ -0,0 +1,33 @@
+:host {
+
+    .tip-font {
+        margin-left: 16px;
+        font-weight: 500;
+        font-size: 12px;
+      }
+      
+      .card-title {
+        margin-bottom: 24px;
+        font-weight: bold;
+        font-size: 16px;
+      }
+      
+      .align-center {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .align-center2 {
+        display: flex;
+        align-items: center;
+      }
+      #container {
+        width: 300px;
+        height: 180px;
+      }
+      :host {
+        ::ng-deep {
+          nz-input-number{width: 100%;}
+        }
+      }
+}
\ No newline at end of file
diff --git a/src/app/routes/order-management/components/bulk-detail-change/bulk-detail-change.component.spec.ts b/src/app/routes/order-management/components/bulk-detail-change/bulk-detail-change.component.spec.ts
new file mode 100644
index 00000000..94efd41a
--- /dev/null
+++ b/src/app/routes/order-management/components/bulk-detail-change/bulk-detail-change.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { OrderManagementBulkDetailChangeComponent } from './bulk-detail-change.component';
+
+describe('OrderManagementBulkDetailChangeComponent', () => {
+  let component: OrderManagementBulkDetailChangeComponent;
+  let fixture: ComponentFixture<OrderManagementBulkDetailChangeComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OrderManagementBulkDetailChangeComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OrderManagementBulkDetailChangeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/order-management/components/bulk-detail-change/bulk-detail-change.component.ts b/src/app/routes/order-management/components/bulk-detail-change/bulk-detail-change.component.ts
new file mode 100644
index 00000000..2e5fb6b9
--- /dev/null
+++ b/src/app/routes/order-management/components/bulk-detail-change/bulk-detail-change.component.ts
@@ -0,0 +1,1012 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-24 16:58:02
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-23 14:44:37
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\bulk-detail-change\\bulk-detail-change.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { ViewChild } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFNumberWidgetSchema, SFSchema, SFSelectWidgetSchema, SFUISchema, SFUploadWidgetSchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { AmapPoiPickerComponent, AmapService, EAEnvironmentService, ShipperBaseService } from '@shared';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { NzUploadChangeParam, NzUploadFile } from 'ng-zorro-antd/upload';
+import { Observable, Observer } from 'rxjs';
+import { apiConf } from '@conf/api.conf';
+import { OrderManagementService } from '../../services/order-management.service';
+import format from 'date-fns/format';
+import { NzCardComponent } from 'ng-zorro-antd/card';
+import { map } from 'rxjs/operators';
+function getBase64(file: File): Promise<string | ArrayBuffer | null> {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = error => reject(error);
+  });
+}
+@Component({
+  selector: 'app-supply-management-bulk-detail-change',
+  templateUrl: './bulk-detail-change.component.html',
+  styleUrls: ['./bulk-detail-change.component.less']
+})
+export class OrderManagementBulkDetailChangeComponent implements OnInit {
+  validateForm1: FormGroup;
+  id = this.route.snapshot.params.id;
+  @ViewChild('distannce3', { static: false })
+  i: any = { unLoadingPlaceList: [] };
+  totalDistance = 0.0; //总里程
+  totalTime = 0.0; //路程总时间
+  startInfo: any = []; // 装货信息
+  endInfo: any = []; // 卸货信息
+  unloadTime: any; // 货源单设置回显
+  loadTime: any; // 货源单设置回显
+  sf3data: any; // 货源单设置回显
+  sf4data: any; // 货源单设置回显
+  dirverPhone: any; // 货源单设置回显
+  dirverBankCard: any; // 货源单设置回显
+  listImagUrls: any[] = []; // 货源单设置回显
+  dirvingMessage = [];
+  modalcontent: any;
+  modalTitle:string = '';
+  imges: any;
+  totalObj: any;
+  attObj: any;
+  previewImage1 = '';
+  previewVisible1 = false;
+  @ViewChild('sf3', { static: false }) sf3!: SFComponent;
+  schema3: SFSchema = {};
+  ui3!: SFUISchema;
+  @ViewChild('st') st!: STComponent;
+  @ViewChild('sf4', { static: false }) sf4!: SFComponent;
+  schema4: SFSchema = {};
+  isVisible = false;
+  billExpenses: any[] = []; //运费信息表格信息
+  ui4!: SFUISchema;
+  formData: any;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema: SFSchema = {};
+  ui: SFUISchema = {};
+  logColumns2: STColumn[] = [
+    { title: '时间', index: 'vinOutTime' },
+    { title: '地点', index: 'cityName' }
+  ];
+  logColumns: STColumn[] = [
+    { title: '款项', index: 'expenseCodeLabel' },
+    { title: '小计（元）', render: 'prices' },
+    { title: '运输费（元）', render: 'price' },
+    { title: '附加费（元）', render: 'surcharge' },
+    { title: '支付时间', index: 'paymentTime' },
+    {
+      title: '支付状态',
+      className: 'text-center',
+      index: 'paymentStatus',
+      type: 'badge',
+      width: '120px',
+      badge: {
+        '1': { text: '待申请', color: 'warning' },
+        '2': { text: '已支付', color: 'success' },
+        '3': { text: '已拒绝', color: 'warning' },
+        '4': { text: '申请中', color: 'warning' }
+      }
+    }
+  ];
+  trajectory = 'car';
+  mapList: any[] = []; //地图点位数据组
+  addressItems: any[] = []; //打点地址数据组
+  constructor(
+    private route: ActivatedRoute,
+    private router: Router,
+    private msgSrv: NzMessageService,
+    public service: OrderManagementService,
+    private modalService: NzModalService,
+    private amapService: AmapService,
+    public shipperservice: ShipperBaseService,
+    fb: FormBuilder,
+    private envSrv: EAEnvironmentService,
+    private ar: ActivatedRoute
+  ) {
+    this.validateForm1 = fb.group({
+      loadTime: [null, []],
+      unloadTime: [null, []]
+    });
+  }
+
+  ngOnInit(): void {
+    this.initData();
+    this.initSF3();
+    this.initSF4();
+    this.getTrajectory();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        loadingLadingBillFilePath: {
+          type: 'string',
+          title: '装货凭证',
+          // readOnly: this.i.billStatus !== '4' || this.i.billStatus !== '3',
+          ui: {
+            widget: 'upload',
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            descriptionI18n: '提货单',
+            data: {
+              appId: this.envSrv.env.appId
+            },
+            name: 'multipartFile',
+            beforeUpload: (file: any, fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt1M = file.size / 1024 / 1024 < 5;
+                const fileType = 'image/png,image/jpeg';
+                if (fileType.indexOf(file.type) === -1) {
+                  this.service.msgSrv.warning('图片格式不正确！');
+                  observer.complete();
+                  return;
+                }
+                if (!isLt1M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt1M);
+                observer.complete();
+              });
+            },
+            multiple: false,
+            listType: 'picture-card'
+          } as SFUploadWidgetSchema
+        },
+        loadingPeopleVehiclesGoodsFilePath: {
+          type: 'string',
+          title: '',
+          // readOnly: this.i.billStatus !== '4' || this.i.billStatus !== '3',
+          ui: {
+            widget: 'upload',
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            descriptionI18n: '人车货照片',
+            data: {
+              appId: this.envSrv.env.appId
+            },
+            name: 'multipartFile',
+            beforeUpload: (file: any, fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt1M = file.size / 1024 / 1024 < 5;
+                const fileType = 'image/png,image/jpeg';
+                if (fileType.indexOf(file.type) === -1) {
+                  this.service.msgSrv.warning('图片格式不正确！');
+                  observer.complete();
+                  return;
+                }
+                if (!isLt1M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt1M);
+                observer.complete();
+              });
+            },
+            multiple: false,
+            listType: 'picture-card'
+          } as SFUploadWidgetSchema
+        },
+        no7: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'text'
+          },
+          default: ''
+        },
+        unloadingLadingBillFilePath: {
+          type: 'string',
+          title: '卸货凭证',
+          // readOnly: this.i.billStatus !== '4' || this.i.billStatus !== '3',
+          ui: {
+            widget: 'upload',
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            descriptionI18n: '提货单',
+            data: {
+              appId: this.envSrv.env.appId
+            },
+            name: 'multipartFile',
+            beforeUpload: (file: any, fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt1M = file.size / 1024 / 1024 < 5;
+                const fileType = 'image/png,image/jpeg';
+                if (fileType.indexOf(file.type) === -1) {
+                  this.service.msgSrv.warning('图片格式不正确！');
+                  observer.complete();
+                  return;
+                }
+                if (!isLt1M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt1M);
+                observer.complete();
+              });
+            },
+            multiple: false,
+            listType: 'picture-card'
+          } as SFUploadWidgetSchema
+        },
+        unloadingPeopleVehiclesGoodsFilePath: {
+          type: 'string',
+          title: '',
+          // readOnly: this.i.billStatus !== '4' || this.i.billStatus !== '3',
+          ui: {
+            widget: 'upload',
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            descriptionI18n: '人车货照片',
+            data: {
+              appId: this.envSrv.env.appId
+            },
+            name: 'multipartFile',
+            beforeUpload: (file: any, fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt1M = file.size / 1024 / 1024 < 5;
+                const fileType = 'image/png,image/jpeg';
+                if (fileType.indexOf(file.type) === -1) {
+                  this.service.msgSrv.warning('图片格式不正确！');
+                  observer.complete();
+                  return;
+                }
+                if (!isLt1M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt1M);
+                observer.complete();
+              });
+            },
+            multiple: false,
+            listType: 'picture-card'
+          } as SFUploadWidgetSchema
+        },
+        no5: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'text'
+          },
+          default: ''
+        },
+        no6: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'text'
+          },
+          default: ''
+        }
+      },
+      required: ['loadingLadingBillFilePath', 'unloadingLadingBillFilePath']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 100,
+        grid: { span: 20 }
+      },
+      $unloadingLadingBillFilePath: { grid: { span: 12 } },
+      $unloadingPeopleVehiclesGoodsFilePath: { grid: { span: 12 } },
+      $loadingLadingBillFilePath: { grid: { span: 12 } },
+      $loadingPeopleVehiclesGoodsFilePath: { grid: { span: 12 } },
+      $no5: { grid: { span: 24 } }
+    };
+  }
+  initData() {
+    this.service.request(this.service.$api_getBulkBillDetail, { id: this.id }).subscribe(res => {
+      if (res) {
+        this.i = res;
+        this.billExpenses = this.i?.billExpenseDetails?.filter((data: any) => data.expenseCode === 'TRA');
+        this.initSF();
+        // 对装货凭证进行初始化
+        let arr: any = [];
+        res?.receiptFilePath.forEach((element: any, index: any) => {
+          arr.push({
+            url: element,
+            status: 'done',
+            uid: index
+          });
+        });
+        this.sf4data;
+        this.listImagUrls = arr;
+        // this.sf4data = res?.goodsInfoList?.[0]
+        this.sf4data = {
+          ...res,
+          ...res?.goodsInfoList?.[0]
+        };
+        this.sf3data = {
+          goodsTypeId: res?.goodsInfoList[0]?.goodsTypeId || '',
+          goodsTypeName: res?.goodsInfoList[0]?.goodsTypeName || '',
+          goodsNameId: res?.goodsInfoList[0]?.goodsNameId || '',
+          goodsName: res?.goodsInfoList[0]?.goodsName || ''
+        };
+        if (this.sf3data.goodsTypeName === '其它') {
+          this.sf3data.goodsName1 = res?.goodsInfoList[0]?.goodsName || '';
+        }
+        this.changeGoodsType(this.sf3data.goodsTypeId, { label: this.sf3data.goodsTypeName, value: this.sf3data.goodsTypeId });
+        // 对装卸货信息进行初始化
+        res?.unLoadingPlaceList.forEach((element: any) => {
+          if (element.type === 1 || element.type === '1') {
+            const controlId = this.startInfo.length;
+            this.startInfo.push({
+              detailedAddress: element.detailedAddress,
+              appUserName: element.appUserName,
+              contractTelephone: element.contractTelephone,
+              latitude: element.latitude,
+              longitude: element.longitude,
+              province: element.province,
+              city: element.city,
+              area: element.area,
+              type: element.type,
+              id: element.id
+            });
+            this.validateForm1.addControl(`loadAddress${controlId}`, new FormControl(null, Validators.required));
+            this.validateForm1.addControl(`loadName${controlId}`, new FormControl(null, Validators.required));
+            this.validateForm1.addControl(`loadPhone${controlId}`, new FormControl(null, Validators.required));
+          } else if (element.type === 2 || element.type === '2') {
+            const controlId = this.endInfo.length;
+            this.endInfo.push({
+              detailedAddress: element?.detailedAddress,
+              appUserName: element?.appUserName,
+              contractTelephone: element?.contractTelephone,
+              latitude: element.latitude,
+              longitude: element.longitude,
+              province: element.province,
+              city: element.city,
+              area: element.area,
+              type: element.type,
+              id: element.id
+            });
+            this.validateForm1.addControl(`unloadAddress${controlId}`, new FormControl(null, Validators.required));
+            this.validateForm1.addControl(`unloadName${controlId}`, new FormControl(null, Validators.required));
+            this.validateForm1.addControl(`unloadPhone${controlId}`, new FormControl(null, Validators.required));
+          }
+        });
+        // 对装货凭证进行初始化
+        this.formData = {
+          loadingLadingBillFilePath: [
+            {
+              uid: 'logo',
+              name: 'LOGO',
+              status: 'done',
+              url: res?.loadingLadingBillFilePath,
+              response: {
+                url: res?.loadingLadingBillFilePath
+              }
+            }
+          ],
+          loadingPeopleVehiclesGoodsFilePath: [
+            {
+              uid: 'logo',
+              name: 'LOGO',
+              status: 'done',
+              url: res?.loadingPeopleVehiclesGoodsFilePath,
+              response: {
+                url: res?.loadingPeopleVehiclesGoodsFilePath
+              }
+            }
+          ],
+          unloadingLadingBillFilePath: [
+            {
+              uid: 'logo',
+              name: 'LOGO',
+              status: 'done',
+              url: res?.unloadingLadingBillFilePath,
+              response: {
+                url: res?.unloadingLadingBillFilePath
+              }
+            }
+          ],
+          unloadingPeopleVehiclesGoodsFilePath: [
+            {
+              uid: 'logo',
+              name: 'LOGO',
+              status: 'done',
+              url: res?.unloadingPeopleVehiclesGoodsFilePath,
+              response: {
+                url: res?.unloadingPeopleVehiclesGoodsFilePath
+              }
+            }
+          ]
+        };
+        // 发车时间到车时间初始化
+        this.loadTime = res?.loadTime;
+        this.unloadTime = res?.unloadTime;
+        this.dirvingMessage = res?.billExpenseDetails;
+        // 计算里程，时间
+        if (this.startInfo[0]?.area && this.endInfo[0]?.area) {
+          this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe(res => {
+            this.totalDistance = res?.distance;
+            this.totalTime = res?.time;
+          });
+        }
+      }
+    });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+  // 取消修改
+  cancelChange() {
+    window.history.go(-1);
+  }
+  // 保存修改
+  save() {
+    Object.keys(this.validateForm1.controls).forEach(key => {
+      this.validateForm1.controls[key].markAsDirty();
+      this.validateForm1.controls[key].updateValueAndValidity();
+    });
+    this.sf3.validator({ emitError: true });
+    this.sf4.validator({ emitError: true });
+    if (this.validateForm1.invalid || !this.sf3.valid || !this.sf4.valid) {
+      this.service.msgSrv.warning('请完善必填项！');
+      return;
+    }
+    if (
+      this.sf4.value?.acceptWeight > this.i?.goodsInfoList?.[0]?.weight ||
+      this.sf4.value?.settlementWeight.settlementWeight > this.i?.goodsInfoList?.[0]?.weight
+    ) {
+      this.service.msgSrv.warning('装货重量/卸货重量不能大于货物重量！');
+      return;
+    }
+    let imgList: any = [];
+    if (this.listImagUrls.length > 0) {
+      this.listImagUrls?.forEach((res: any) => {
+        if (res?.url) {
+          imgList.push(res?.url);
+        }
+      });
+    }
+    if (typeof this.unloadTime !== 'string') {
+      var c = new Date(this.unloadTime);
+      this.unloadTime =
+        c.getFullYear() +
+        '-' +
+        this.addPreZero(c.getMonth() + 1) +
+        '-' +
+        this.addPreZero(c.getDate()) +
+        ' ' +
+        this.addPreZero(c.getHours()) +
+        ':' +
+        this.addPreZero(c.getMinutes()) +
+        ':' +
+        this.addPreZero(c.getSeconds());
+    }
+    if (typeof this.loadTime !== 'string') {
+      var c = new Date(this.loadTime);
+      this.loadTime =
+        c.getFullYear() +
+        '-' +
+        this.addPreZero(c.getMonth() + 1) +
+        '-' +
+        this.addPreZero(c.getDate()) +
+        ' ' +
+        this.addPreZero(c.getHours()) +
+        ':' +
+        this.addPreZero(c.getMinutes()) +
+        ':' +
+        this.addPreZero(c.getSeconds());
+    }
+    const params = {
+      id: this.id,
+      unLoadingPlaceDTOList: [...this.startInfo, ...this.endInfo],
+      receiptFilePath: imgList,
+      goodsInfoDTOList: [
+        {
+          id: this.i?.goodsInfoList?.[0].id,
+          goodsName: this.sf3.value?.goodsName,
+          ...this.sf4.value
+        }
+      ],
+      // 运费信息
+      // 车队长
+      payeeId: this.dirverPhone,
+      dirverBankCard: this.dirverBankCard, // 银行卡
+      // 发车时间
+      loadTime: this.loadTime,
+      // 到车时间
+      unloadTime: this.unloadTime,
+      acceptWeight: this.sf4.value?.acceptWeight,
+      acceptVolume: this.sf4.value?.acceptVolume,
+      settlementWeight: this.sf4.value?.settlementWeight,
+      settlementVolume: this.sf4.value?.settlementVolume,
+      loadingLadingBillFilePath: this.sf.value?.loadingLadingBillFilePath?.data
+        ? this.sf.value?.loadingLadingBillFilePath.data.fullFilePath
+        : this.sf.value?.loadingLadingBillFilePath?.url,
+
+      loadingPeopleVehiclesGoodsFilePath: this.sf.value?.loadingPeopleVehiclesGoodsFilePath?.data
+        ? this.sf.value?.loadingPeopleVehiclesGoodsFilePath.data.fullFilePath
+        : this.sf.value?.loadingPeopleVehiclesGoodsFilePath?.url,
+
+      unloadingLadingBillFilePath: this.sf.value?.unloadingLadingBillFilePath?.data
+        ? this.sf.value?.unloadingLadingBillFilePath.data.fullFilePath
+        : this.sf.value?.unloadingLadingBillFilePath?.url,
+
+      unloadingPeopleVehiclesGoodsFilePath: this.sf.value?.unloadingPeopleVehiclesGoodsFilePath?.data
+        ? this.sf.value?.unloadingPeopleVehiclesGoodsFilePath.data.fullFilePath
+        : this.sf.value?.unloadingPeopleVehiclesGoodsFilePath?.url
+    };
+    this.service.request(this.service.$api_set_modifyBulkOrder, params).subscribe((res: any) => {
+      if (res) {
+        this.service.msgSrv.success('修改成功！');
+        this.router.navigate(['/order-management/bulk/bulk-detail/', this.id]);
+      } else {
+        this.service.msgSrv.error(res?.msg);
+      }
+    });
+  }
+  addPreZero(num: any) {
+    if (num < 10) {
+      return '0' + num;
+    } else {
+      return num;
+    }
+  }
+  // -------------------装卸货信息处理
+  // 打开地图
+  // 打开地图
+  // 打开地图
+  openMap(type: string, index: number, address: string) {
+    console.log(type);
+    console.log(index);
+
+    const modalRef = this.modalService.create({
+      nzTitle: '',
+      nzComponentParams: { selectedAddress: address },
+      nzContent: AmapPoiPickerComponent,
+      nzWidth: 900,
+      nzOnOk: item => {
+        const poi = item.poi;
+        const locList = poi.pois;
+        switch (type) {
+          case 'start':
+            this.startInfo[index].detailedAddress = poi.formattedAddress;
+            this.startInfo[index].longitude = locList[0];
+            this.startInfo[index].latitude = locList[1];
+            this.startInfo[index].province = poi.addressComponent.province;
+            this.startInfo[index].city = poi.addressComponent.city;
+            this.startInfo[index].area = poi.addressComponent.district;
+            this.startInfo[index].address = poi.formattedAddress;
+            break;
+          case 'end':
+            this.endInfo[index].detailedAddress = poi.formattedAddress;
+            this.endInfo[index].longitude = locList[0];
+            this.endInfo[index].latitude = locList[1];
+            this.endInfo[index].province = poi.addressComponent.province;
+            this.endInfo[index].city = poi.addressComponent.city;
+            this.endInfo[index].area = poi.addressComponent.district;
+            this.endInfo[index].address = poi.formattedAddress;
+            break;
+          default:
+            break;
+        }
+
+        if (this.startInfo[0]?.area && this.endInfo[0]?.area) {
+          this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe((res: any) => {
+            this.totalDistance = res?.distance;
+            this.totalTime = res?.time;
+          });
+        }
+      }
+    });
+  }
+  initSF3() {
+    this.schema3 = {
+      properties: {
+        goodsTypeId: {
+          type: 'string',
+          title: '货物名称',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            errors: { required: '请选择货物类型' },
+            asyncData: () =>
+              this.service.loadConfigByKey('goods.name.config.type').pipe(
+                map((data: any) => {
+                  return data[0].children?.map((m: any) => {
+                    return { label: m.name, value: m.id };
+                  });
+                })
+              ),
+            change: (value, data: any) => {
+              this.changeGoodsType(value, data);
+              this.sf3.setValue('/goodsTypeName', data.label);
+            }
+          } as SFSelectWidgetSchema
+        },
+        goodsTypeName: {
+          type: 'string',
+          title: '',
+          ui: {
+            hidden: true
+          }
+        },
+        goodsNameId: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            errors: { required: '请填写货物名称' },
+            change: (_value: any, data: any) => {
+              this.sf3.setValue('/goodsName', data.label);
+            },
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value !== '其它'
+            }
+          }
+        },
+        goodsName: {
+          type: 'string',
+          title: '',
+          ui: {
+            hidden: true,
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value !== '其它'
+            }
+          }
+        },
+        goodsName1: {
+          type: 'string',
+          title: '',
+          ui: {
+            errors: { required: '请填写货物名称' },
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value === '其它'
+            }
+          }
+        }
+      },
+      required: ['goodsTypeId', 'goodsName', 'goodsNameId']
+    };
+    this.ui3 = {
+      '*': {
+        spanLabelFixed: 110,
+        grid: { span: 12 }
+      }
+    };
+  }
+  changeGoodsType(value: string, data: any) {
+    if (data.label === '其它') return;
+    const params = {
+      pageIndex: 1,
+      pageSize: 100,
+      configId: value
+    };
+    this.service
+      .request(this.service.$api_get_config_item_page, params)
+      .pipe(
+        map(data => {
+          return data.records?.map((m: any) => {
+            return { label: m.name, value: m.id };
+          });
+        })
+      )
+      .subscribe(res => {
+        if (res) {
+          this.sf3.getProperty('/goodsNameId')!.schema.enum = res;
+          this.sf3.getProperty('/goodsNameId')!.widget?.reset(res);
+          if (this.sf3data.goodsNameId) {
+            this.sf3.setValue('/goodsNameId', this.sf3data.goodsNameId);
+          }
+        }
+      });
+  }
+  initSF4() {
+    this.schema4 = {
+      properties: {
+        weight: {
+          type: 'string',
+          title: '货物数量',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入',
+            errors: { required: '必填项' }
+          }
+        },
+        carmand: {
+          type: 'string',
+          title: '用车需求',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        drivers: {
+          type: 'string',
+          title: '承运司机',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        weightModel: {
+          type: 'string',
+          title: '车型车长承重',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        loadTime: {
+          type: 'string',
+          title: '发车时间',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        unloadTime: {
+          type: 'string',
+          title: '到车时间',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        acceptWeight: {
+          type: 'number',
+          title: '装货重量',
+          minimum: 0,
+          maximum: 99999,
+          ui: {
+            unit: '吨',
+            placeholder: '请输入',
+            grid: {
+              span: 12
+            },
+            hideStep: true
+          } as SFNumberWidgetSchema
+        },
+        acceptVolume: {
+          type: 'number',
+          title: '装货体积',
+          minimum: 0,
+          maximum: 99999,
+          ui: {
+            unit: '吨',
+            placeholder: '请输入',
+            grid: {
+              span: 12
+            },
+            hideStep: true
+          } as SFNumberWidgetSchema
+        },
+        settlementWeight: {
+          type: 'number',
+          title: '卸货重量',
+          minimum: 0,
+          maximum: 99999,
+          ui: {
+            unit: '吨',
+            placeholder: '请输入',
+            grid: {
+              span: 12
+            },
+            hideStep: true
+          } as SFNumberWidgetSchema
+        },
+        settlementVolume: {
+          type: 'number',
+          title: '卸货体积',
+          minimum: 0,
+          maximum: 99999,
+          ui: {
+            unit: '吨',
+            placeholder: '请输入',
+            grid: {
+              span: 12
+            },
+            hideStep: true
+          } as SFNumberWidgetSchema
+        }
+      },
+      required: ['loadTime', 'unloadTime']
+    };
+    this.ui4 = {
+      '*': {
+        spanLabelFixed: 110,
+        grid: { span: 24 }
+      },
+      $weight: {
+        grid: { span: 24 }
+      },
+      $carmand: {
+        grid: { span: 24 }
+      },
+      $weightModel: {
+        spanLabelFixed: 120,
+        grid: { span: 12 }
+      },
+      $drivers: {
+        grid: { span: 12 }
+      },
+      $loadTime: {
+        grid: { span: 12 }
+      },
+      $unloadTime: {
+        grid: { span: 12 }
+      }
+    };
+  }
+  // 处理上传图片
+  handlePreview1 = async (file: NzUploadFile) => {
+    if (!file.url && !file.preview) {
+      file.preview = await getBase64(file.originFileObj!);
+    }
+    this.previewImage1 = file.url || file.preview;
+    this.previewVisible1 = true;
+  };
+
+  handleChange1(info: NzUploadChangeParam): void {
+    switch (info.file.status) {
+      case 'uploading':
+        break;
+      case 'done':
+        let fileList = [...info.fileList];
+        // 2. Read from response and show file link
+        fileList = fileList.map((file: any) => {
+          if (file.response) {
+            file.url = file.response.data.fullFilePath;
+          }
+          return file;
+        });
+        break;
+      case 'error':
+        this.service.msgSrv.error('网络错误');
+        break;
+    }
+  }
+  beforeUpload = (file: NzUploadFile, _fileList: NzUploadFile[]) => {
+    return new Observable((observer: Observer<boolean>) => {
+      const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/gif' || file.type === 'image/bmp';
+      if (!isJpgOrPng) {
+        this.service.msgSrv.warning('只能上传图片!');
+        observer.complete();
+        return;
+      }
+      // tslint:disable-next-line: no-non-null-assertion
+      const isLt2M = file.size! / 1024 / 1024 < 3;
+      if (!isLt2M) {
+        this.service.msgSrv.warning('图片大小超过3兆!');
+        observer.complete();
+        return;
+      }
+      observer.next(isJpgOrPng && isLt2M);
+      observer.complete();
+    });
+  };
+  agreement(value: any) {
+    if(value  ==='1'){
+      this.modalTitle = '附件信息';
+      this.modalcontent = this.i?.contractContent?.contractContent;
+      
+    }else if(value === '2'){
+      this.modalTitle = '补充协议';
+      this.modalcontent = this.i?.supplementContent?.contractContent;
+    }
+    this.isVisible = true;
+  }
+  handleCancel() {
+    this.isVisible = false;
+  }
+  handleOK() {
+    this.isVisible = false;
+  }
+  goDistance(elf: NzCardComponent) {
+    if (elf) {
+      elf['elementRef'].nativeElement.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'start' });
+    }
+  }
+  // 装卸货地址互换
+  swapAddress() {
+    let item = this.startInfo;
+    this.startInfo = this.endInfo;
+    this.endInfo = item;
+
+    this.startInfo.forEach((element: any) => {
+      element.type = '1';
+    });
+    this.endInfo.forEach((element: any) => {
+      element.type = '2';
+    });
+
+    // 计算里程，时间
+    if (this.startInfo[0]?.area && this.endInfo[0]?.area) {
+      this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe(res => {
+        this.totalDistance = res?.distance;
+        this.totalTime = res?.time;
+      });
+    }
+  }
+
+  // 获取车辆轨迹
+  getTrajectory() {
+    this.service.request(this.service.$api_get_getTrajectory, { id: this.id }).subscribe(res => {
+      if (res) {
+        const points = res?.trackArray;
+        let list: any[] = [];
+        points?.forEach((item: any) => {
+          list.push({
+            name: item.hgt,
+            lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))]
+          });
+        });
+        this.mapList = list;
+        this.addressItems = res?.cityArray;
+        if (this.addressItems && this.addressItems.length > 0) {
+          this.addressItems.forEach(item => {
+            item.vinOutTime = this.getLocalTime(item.vinOutTime);
+          });
+        }
+      }
+    });
+  }
+
+  // 获取司机轨迹
+  getDriverTrajectory() {
+    this.service.request(this.service.$api_get_getAppDriverPosition, { id: this.id }).subscribe(res => {
+      if (res) {
+        const points = res?.tracks;
+        let list: any[] = [];
+        points?.forEach((item: any) => {
+          list.push({
+            name: item.hgt,
+            lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))]
+          });
+        });
+        this.mapList = list;
+        this.addressItems = [...res?.enclosureDataAppTrack];
+        if (this.addressItems && this.addressItems.length > 0) {
+          this.addressItems.forEach(item => {
+            item.vinOutTime = this.getLocalTime(item.gtm);
+            item.cityName = item.appAdress;
+          });
+        }
+      }
+    });
+  }
+  trajectoryChange(event: any) {
+    if (event === 'car') {
+      this.getTrajectory();
+    } else if (event === 'driver') {
+      this.getDriverTrajectory();
+    }
+  }
+  getLocalTime(time: any) {
+    return format(new Date(parseInt(time)), 'yyyy-MM-dd HH:mm:ss');
+  }
+}
diff --git a/src/app/routes/order-management/components/bulk-detail/bulk-detail.component.html b/src/app/routes/order-management/components/bulk-detail/bulk-detail.component.html
new file mode 100644
index 00000000..3380fdbe
--- /dev/null
+++ b/src/app/routes/order-management/components/bulk-detail/bulk-detail.component.html
@@ -0,0 +1,258 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-06 20:20:26
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-08 14:06:21
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\bulk-detail\\bulk-detail.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'大宗订单详情'" [logo]="logo" [content]="headerContent">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+  <ng-template #headerContent>
+    <div  nz-row>
+      <button nz-button nzType="primary" nzSize="small" nzDanger>{{ i?.billStatusLabel }}</button>
+      <h4 class="ml-md" style="font-size: 18px">订单号: {{ i?.billCode }}</h4>
+    </div>
+    <div nz-row style="display: flex; justify-content: end" class="mb-xs">
+      <div nz-col >
+        <button
+          (click)="cancellation()"
+          nz-button
+          *ngIf="i?.billStatus !== '1'   && i?.billStatus !== '5'  && i?.billStatus !== '6' && i?.overallPaymentStatus != '2'"
+          acl  [acl-ability]="['ORDER-BULK-DETAIL-cancelAnOrder']"
+          >取消订单</button
+        >
+        <button
+          nz-button
+          *ngIf="i?.billStatus == '4' || i?.billStatus == '5' || i?.billStatus == '2' || i?.billStatus == '3'"
+          acl  [acl-ability]="['ORDER-BULK-DETAIL-modifyOrder']"
+          (click)="changeOrder()"
+          >修改订单</button
+        >
+      </div>
+    </div>
+    <div>
+      <div sv-container>
+        <sv label="网络货运人">{{ i?.goodsResource?.enterpriseInfoName }} </sv>
+        <sv label="货主">{{ i?.goodsResource?.shipperAppUserName }} </sv>
+        <sv label="所属项目">{{ i?.goodsResource?.enterpriseProjectName }}</sv>
+        <sv label="服务类型">{{ i?.goodsResource?.serviceTypeLabel }}</sv>
+        <sv label="录单员">{{ i?.createUserName }} {{   i?.createUserPhone ? "/" +  i?.createUserPhone : ''}} </sv>
+        <sv label="调度员">{{ i?.goodsResource?.dispatchName }}{{  i?.goodsResource?.dispatchPhone ? "/" + i?.goodsResource?.dispatchPhone : ''}} </sv>
+        <sv label="货源编号">{{ i?.goodsResource?.resourceCode }} </sv>
+        <sv label="运单号">{{ i?.wayBill?.wayBillCode }}</sv>
+        <sv label="承诺付款天数">{{ i?.goodsResource?.paymentDays }}</sv>
+      </div>
+      <nz-tabset style="margin-top: 15px">
+        <nz-tab nzTitle="装卸货信息" (nzClick)="goDistance(distannce1)"> </nz-tab>
+        <nz-tab nzTitle="基本信息" (nzClick)="goDistance(distannce2)"> </nz-tab>
+        <nz-tab nzTitle="运费信息" (nzClick)="goDistance(distannce3)"> </nz-tab>
+        <nz-tab nzTitle="附件信息" (nzClick)="goDistance(distannce4)"> </nz-tab>
+        <nz-tab nzTitle="轨迹信息" (nzClick)="goDistance(distannce5)"> </nz-tab>
+      </nz-tabset>
+    </div>
+  </ng-template>
+</page-header-wrapper>
+<nz-card nzTitle="运单进度" #distannce1>
+  <div class="approval-status">
+    <div style="width: 60%; margin: 0 auto">
+       
+      <nz-steps [nzCurrent]="i?.scheduleVOList?.length + 1" nzLabelPlacement="vertical">
+        <nz-step
+          *ngFor="let item of i?.scheduleVOList"
+          [nzTitle]="item.state"
+          [nzSubtitle]="item.stateTime"
+          [nzStatus]="item.displayStatus === 'SHOW' ? 'finish' : 'wait'"
+        ></nz-step>
+      </nz-steps>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card nzTitle="基本信息" #distannce2>
+  <sv-container col="1">
+    <sv label="货物名称">
+      {{i?.goodsInfoList?.[0]?.goodsName}}
+    </sv>
+  </sv-container>
+  <sv-container col="2">
+    <sv label="货物数量"> {{i?.goodsInfoList?.[0]?.weight}}吨,{{i?.goodsInfoList?.[0]?.volume}}方,{{i?.goodsInfoList?.[0]?.number}}件 </sv>
+    <sv label="用车需求">{{ i?.carModel }}{{ i?.carLength ? "/" + i?.carLength : ''}} </sv>
+    <sv label="承运司机"> {{ i?.driverName }}{{i?.driverPhone ? "/" + i?.driverPhone : ''}}{{ i?.carNo ? "/" + i?.carNo : ''}} </sv>
+    <sv label="车型车长载重"> {{ i?.driverCarModelLabel }},{{ i?.driverCarLengthLabel }}米,{{ i?.driverCarWeight }}吨 </sv>
+    <!-- <sv label="计划装货时间">
+      {{ i?.loadPlanTime }}
+    </sv>
+    <sv label="计划卸货时间">
+      {{ i?.unloadPlanTime }}
+    </sv> -->
+    <sv label="接单数量"> {{ i?.acceptWeight }}吨,{{ i?.acceptVolume }}方 </sv>
+    <sv *ngIf="i?.billStatus =='3' || i?.billStatus =='4' || i?.billStatus =='5'" label="装货数量"> {{ i?.loadWeight }}吨，{{ i?.loadVolume }}方</sv>
+    <sv *ngIf="i?.billStatus =='4' || i?.billStatus =='5'" label="卸货数量"> {{ i?.settlementWeight }}吨,{{ i?.settlementVolume }}方</sv>
+  </sv-container>
+  <div class="mt-md">
+    <h4 class="text-md"
+      >装货卸货信息
+      <span class="ml-sm text-sm"
+        >(
+        <label>{{ i?.loadingCount || '一' }}装</label>
+        <label>{{ i?.unloadingCount || '一' }}卸</label>
+      </span>
+      )
+    </h4>
+    <div nz-row [nzGutter]="24">
+      <div nz-col [nzSpan]="12">
+        <div class="handling-info p-md">
+          <div class="flex" *ngFor="let item of i?.unLoadingPlaceList">
+            <div *ngIf="item.type === '1'" class="loading-row">
+              <div class="handling-info-icon loading-bg">装</div>
+              <div class="info">
+                <h4>装货地：{{ item?.province }}{{ item.city }}{{ item.area }}{{ item.detailedAddress }}</h4>
+                <p>联系人：{{ item.appUserName }}{{  item.contractTelephone ? "/" + item.contractTelephone : '' }}</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div nz-col [nzSpan]="12">
+        <div class="handling-info p-md">
+          <div class="flex" *ngFor="let item of i?.unLoadingPlaceList">
+            <div *ngIf="item.type === '2'" class="loading-row">
+              <div class="handling-info-icon unloaing-bg">卸</div>
+              <div class="info">
+                <h4>卸货地：{{ item?.province }}{{ item.city }}{{ item.area }}{{ item.detailedAddress }}</h4>
+                <p>联系人：{{ item.appUserName }}{{   item.contractTelephone ? "/" + item.contractTelephone : ''}}</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</nz-card>
+<nz-card nzTitle="运费信息" #distannce3>
+  <h2>{{i?.freightPrice}}{{i?.freightTypeLabel}}（{{ i?.settlementBasisLabel ? i?.settlementBasisLabel + '，' :' ' }}{{i?.ruleLabel}}）</h2>
+  <st #st [data]="billExpenses" [columns]="logColumns" [ps]="0" [page]="{ show: false, showSize: false }">
+    <ng-template st-row="PriceType" let-item let-index="index"> 到付 </ng-template>
+    <ng-template st-row="prices" let-item let-index="index">
+      {{ item.price + item.surcharge  | currency }}
+    </ng-template>
+    <ng-template st-row="price" let-item let-index="index">
+      {{ item.price | currency }}
+    </ng-template>
+    <ng-template st-row="surcharge" let-item let-index="index">
+      {{ item.surcharge | currency }}
+    </ng-template>
+  </st>
+  <div>
+    <div>
+      总计：<span style="color: #da001b; font-size: 18px">{{ i?.totalAmount | currency }}</span> （运费{{ i?.totalFreight | currency }}，
+      附加费{{ i?.totalSurcharge | currency }}，附加费率{{ (i?.totalRate * 100).toFixed(2)}}%）
+    </div>
+  </div>
+  <div *ngIf ="i?.payeePhone && i?.payeePhone !== i?.driverPhone">车队长：{{ i?.payeeName }}{{   i?.payeePhone ? "/" +  i?.payeePhone : ''}}</div>
+</nz-card>
+
+<nz-card nzTitle="附件信息" #distannce4>
+  <sv-container>
+    <sv label="协议附件">
+      <a *ngIf = "i?.contractContent?.contractContent" (click)="agreement('1')">查看附件</a> &nbsp;&nbsp;&nbsp;&nbsp;
+      <a *ngIf = "i?.supplementContent?.contractContent" (click)="agreement('2')">补充协议</a>
+    </sv>
+  </sv-container>
+  <sv-container col="2" class="mt-md">
+    <sv label="装货凭证">
+      <app-imagelist *ngIf="i?.loadingLadingBillFilePath || i?.loadingPeopleVehiclesGoodsFilePath" [imgList]="[i?.loadingLadingBillFilePath, i?.loadingPeopleVehiclesGoodsFilePath]"> </app-imagelist>
+    </sv>
+    <sv label="卸货凭证">
+      <app-imagelist *ngIf="i?.unloadingLadingBillFilePath || i?.unloadingPeopleVehiclesGoodsFilePath " [imgList]="[i?.unloadingLadingBillFilePath, i?.unloadingPeopleVehiclesGoodsFilePath]"> </app-imagelist>
+    </sv>
+  </sv-container>
+</nz-card>
+<nz-card nzTitle="补充信息">
+  <sv-container>
+    <sv label="是否回单">
+      {{ i?.supplementaryInformationVO?.stateReceipt ? '是' : '否' }}
+    </sv>
+    <sv label="回单类型" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      {{ i?.supplementaryInformationVO?.receiptType === '1' ? '电子回单' : '纸质回单' }}
+    </sv>
+    <sv label="联系人" *ngIf="i?.supplementaryInformationVO?.stateReceipt"> {{ i?.supplementaryInformationVO?.receiptUserName }} / {{ i?.supplementaryInformationVO?.phon }} </sv>
+    <sv label="所在地区" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      {{ i?.supplementaryInformationVO?.area }}
+    </sv>
+    <sv label="详细地址" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      {{ i?.supplementaryInformationVO?.address }}
+    </sv>
+  </sv-container>
+  <sv-container col="1" class="mt-md">
+    <sv label="回单凭证" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      <app-imagelist [imgList]="i?.receiptFilePath"></app-imagelist>
+    </sv>
+    <sv label="备注">
+      {{ i?.goodsResource?.remarks }}
+    </sv>
+  </sv-container>
+</nz-card>
+
+<nz-card>
+  <div nz-row>
+    <nz-card nzTitle="轨迹信息" style="width: 100%" [nzExtra]="extraTemplate" #distannce5>
+      <div nz-row>
+        <div nz-col [nzSpan]="12">
+          <st [scroll]="{y: '500px'}" style="min-height: 600px;" #st [data]="addressItems" [columns]="logColumns2" [ps]="0" [page]="{ show: false, showSize: false }">
+          </st>
+        </div>
+        <div nz-col [nzSpan]="12">
+          <amap-path-simplifier [mapWidth]="'100%'" [pois]="pois" [mapHeight]="'600px'" [mapList]="mapList"></amap-path-simplifier>
+        </div>
+      </div>
+    </nz-card>
+    <ng-template #extraTemplate>
+      <nz-radio-group [(ngModel)]="trajectory" (ngModelChange)="trajectoryChange($event)">
+        <label nz-radio-button nzValue="car">车辆轨迹</label>
+        <label nz-radio-button nzValue="driver">司机轨迹</label>
+      </nz-radio-group>
+    </ng-template>
+  </div>
+</nz-card>
+<nz-card *ngIf="!route?.snapshot?.queryParams?.sts && abnormalList.length > 0">
+  <nz-tabset >
+    <nz-tab nzTitle="风险异常检测">
+      <div>
+        您的订单可能存在交易风险，请及时提交申诉材料，提交成功后，平台将及时完成审核并通知您!
+      </div>
+      <div>如果您的运单没有问题，可以提出申诉，并提供相关资料，我们将24小时内审核反馈</div>
+      <ul *ngFor="let item of abnormalList">
+        <li>系统识别:{{item?.complianceTypeName}}</li>
+        <li>{{item?.determineDetails}}，您可在企业端提交申诉材料或联系客服。</li>
+        <li>2021-11-07 03:20:15</li>
+      </ul>
+    </nz-tab>
+    <nz-tab nzTitle="异常预警">
+      <st  #st [data]="addressItems" [columns]="logColumns2" [ps]="0" [page]="{ show: false, showSize: false }">
+      </st>
+    </nz-tab>
+    <nz-tab nzTitle="操作日志">
+      <st  #st [data]="addressItems" [columns]="logColumns2" [ps]="0" [page]="{ show: false, showSize: false }">
+      </st>
+    </nz-tab>
+  </nz-tabset>
+</nz-card>
+
+<nz-modal [(nzVisible)]="isVisible" [nzFooter]="nzModalFooter" [nzTitle]="modalTitle"  (nzOnOk)="handleOK()" nzWidth="1000px" (nzOnCancel)="handleCancel()">
+  <ng-container *nzModalContent>
+    <div *ngIf="!modalcontent">暂无附件信息</div>
+    <div [innerHTML]="modalcontent"></div>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="primary" (click)="handleOK()" [disabled]="">取消</button>
+    <button nz-button nzType="default" (click)="handleCancel()">确定 </button>
+  </ng-template>
+</nz-modal>
diff --git a/src/app/routes/order-management/components/bulk-detail/bulk-detail.component.less b/src/app/routes/order-management/components/bulk-detail/bulk-detail.component.less
new file mode 100644
index 00000000..1d17aeb7
--- /dev/null
+++ b/src/app/routes/order-management/components/bulk-detail/bulk-detail.component.less
@@ -0,0 +1,94 @@
+:host {
+    .btn-size {
+        font-size: 14px;
+    }
+
+    .bdr {
+        border-right: 1px solid #ccc;
+    }
+
+    .bdl {
+        border-left: 1px solid #ccc;
+    }
+
+    .source-info {
+        p {
+            margin-bottom: .5em;
+        }
+    }
+
+    .freight-info-box {
+        width: 95%;
+    }
+
+    .freigth-label {
+        display   : inline-block;
+        width     : 50px;
+        text-align: right;
+    }
+
+    ::ng-deep {
+        .approval-status {
+            .ant-steps {
+                width : 70%;
+                margin: 0 auto;
+            }
+        }
+
+        // .ant-tabs-top>.ant-tabs-nav,
+        // .ant-tabs-bottom>.ant-tabs-nav,
+        // .ant-tabs-top>div>.ant-tabs-nav,
+        // .ant-tabs-bottom>div>.ant-tabs-nav {
+        //     margin: 0;
+        // }
+
+        // .ant-anchor-ink::before {
+        //     width: 0;
+        // }
+
+        // .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
+        // .ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
+        // .ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
+        // .ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
+        //     margin-left: 40px
+        // }
+    }
+
+    .leftPadding {
+        padding-right: 100px;
+    }
+    .handling-info {
+        min-height: 100px;
+        border: 1px solid #ccc;
+    
+        .loading-row {
+          display: flex;
+        }
+    
+        .handling-info-icon {
+          width: 32px;
+          height: 32px;
+          margin-right: 24px;
+          color: #fff;
+          line-height: 32px;
+          text-align: center;
+          border-radius: 50%;
+    
+          &.loading-bg {
+            background-color: #50D4AB;
+          }
+    
+          &.unloaing-bg {
+            background: #F66F6A;
+          }
+        }
+    
+        .info {
+          flex: 1;
+        }
+    
+        .time-info {
+          margin-left: 56px;
+        }
+      }
+}
\ No newline at end of file
diff --git a/src/app/routes/order-management/components/bulk-detail/bulk-detail.component.spec.ts b/src/app/routes/order-management/components/bulk-detail/bulk-detail.component.spec.ts
new file mode 100644
index 00000000..8556cf2d
--- /dev/null
+++ b/src/app/routes/order-management/components/bulk-detail/bulk-detail.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { OrderManagementBulkeDetailComponent } from './bulk-detail.component';
+
+describe('OrderManagementBulkeDetailComponent', () => {
+  let component: OrderManagementBulkeDetailComponent;
+  let fixture: ComponentFixture<OrderManagementBulkeDetailComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OrderManagementBulkeDetailComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OrderManagementBulkeDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/order-management/components/bulk-detail/bulk-detail.component.ts b/src/app/routes/order-management/components/bulk-detail/bulk-detail.component.ts
new file mode 100644
index 00000000..816be5a7
--- /dev/null
+++ b/src/app/routes/order-management/components/bulk-detail/bulk-detail.component.ts
@@ -0,0 +1,221 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-06 20:20:26
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-29 14:30:11
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\bulk-detail\\bulk-detail.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Router } from '@angular/router';
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STColumn } from '@delon/abc/st';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { OrderManagementService } from '../../services/order-management.service';
+import { NzCardComponent } from 'ng-zorro-antd/card';
+import format from 'date-fns/format';
+
+@Component({
+  selector: 'app-supply-management-bulk-detail',
+  templateUrl: './bulk-detail.component.html',
+  styleUrls: ['./bulk-detail.component.less']
+})
+export class OrderManagementBulkeDetailComponent implements OnInit {
+  MapList: any[]=[];
+  id = this.route.snapshot.params.id;
+  billExpenses: any[] = []; //运费信息表格信息
+  pois: any[] = [];
+  abnormalList: any[] = [];
+  i: any;
+  imges: any;
+  totalObj: any;
+  attObj: any;
+  modalcontent: any;
+  modalTitle:string = '';
+  isVisible = false;
+  logColumns2: STColumn[] = [
+    { title: '时间', index: 'vinOutTime' },
+    { title: '地点', index: 'cityName' },
+  ];
+  logColumns: STColumn[] = [
+    { title: '款项', index: 'expenseCodeLabel' },
+    { title: '小计（元）', render: 'prices' },
+    { title: '运输费（元）', render: 'price' },
+    { title: '附加费（元）', render: 'surcharge' },
+    { title: '支付时间', index: 'paymentTime' },
+    {
+      title: '支付状态',
+      className: 'text-center',
+      index: 'paymentStatus',
+      type: 'badge',
+      width: '120px',
+      badge: {
+        '1': { text: '待申请', color: 'warning' },
+        '2': { text: '已支付', color: 'success' },
+        '3': { text: '已拒绝', color: 'warning' },
+        '4': { text: '申请中', color: 'warning' }
+      }
+    }
+  ];
+  trajectory = 'car';
+  mapList:any[] = [];  //地图点位数据组
+  addressItems:any[] = [];  //打点地址数据组
+  constructor(
+    public route: ActivatedRoute,
+    private msgSrv: NzMessageService,
+    private service: OrderManagementService,
+    private router: Router,
+    private modal: NzModalService
+  ) {
+  }
+
+  ngOnInit(): void {
+    console.log(this.route?.snapshot?.queryParams?.sts);
+    
+    this.initData();
+    this.getTrajectory();
+  }
+
+  initData() {
+    this.service.request(this.service.$api_getBulkBillDetail, { id: this.id }).subscribe(res => {
+      if (res) {
+        this.i = res;
+        this.billExpenses = this.i?.billExpenseDetails?.filter((data: any) => data.expenseCode === 'TRA');
+        this.i.scheduleVOList = this.i?.scheduleVOList?.filter((data:any)=>data.displayStatus !=="HIDE");
+        this.pois = [
+          {
+            markerLabel: '起',
+            color: 'blue',
+            position: [res.startingPoint.longitude, res.startingPoint.latitude],
+            title: res.startingPoint.detailedAddress
+          },
+          {
+            markerLabel: '卸',
+            color: 'red',
+            position: [res.endPoint.longitude, res.endPoint.latitude],
+            title: res.endPoint.detailedAddress
+          }
+        ];
+      }
+    });
+    this.service.request(this.service.$api_listBillComplianceAbnormalByBillId, { id: this.id }).subscribe(res => {
+      if (res) {
+      console.log('风险详情')
+      console.log(res)
+      this.abnormalList = res
+      }
+    });
+    this.service.request(this.service.$api_getAbnormalWarningByBillId, { id: this.id }).subscribe(res => {
+      if (res) {
+      console.log('异常预警')
+      console.log(res)
+      }
+    });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+  // 修改订单
+  changeOrder() {
+    this.router.navigate(['order-management/bulk-detailChange', this.id]);
+  }
+  agreement(value: any) {
+    if(value  ==='1'){
+      this.modalTitle = '附件信息';
+      this.modalcontent = this.i?.contractContent?.contractContent;
+      
+    }else if(value === '2'){
+      this.modalTitle = '补充协议';
+      this.modalcontent = this.i?.supplementContent?.contractContent;
+    }
+    this.isVisible = true;
+  }
+  handleCancel() {
+    this.isVisible = false;
+  }
+  handleOK() {
+    this.isVisible = false;
+  }
+  goDistance(elf: NzCardComponent) {
+    if (elf) {
+      elf['elementRef'].nativeElement.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'start' });
+    }
+  }
+  // 取消订单
+  cancellation() {
+    // api_get_cancelAnOrder
+    this.modal.confirm({
+      nzTitle: '<b>确定取消该订单吗?</b>',
+      nzContent: `<b>取消后无法恢复，请确认</b>`,
+      nzOnOk: () =>
+        this.service.request(this.service.$api_get_cancelAnOrder, { id: this.id }).subscribe(res => {
+          if (res === true) {
+            this.service.msgSrv.success('操作成功！');
+            this.initData();
+          }
+        })
+    });
+  }
+
+  // 获取车辆轨迹
+  getTrajectory(){
+    this.service.request(this.service.$api_get_getTrajectory, { id: this.id }).subscribe(res => {
+      if (res) {
+        const points = res.trackArray;
+        let list :any[] = [];
+        points?.forEach((item: any) => {
+          list.push({
+            name: item.hgt,
+            lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))]
+          });
+        });
+        this.mapList = list;
+        this.addressItems = res.cityArray;
+        if(this.addressItems && this.addressItems.length > 0){
+          this.addressItems.forEach(item => {
+            item.vinOutTime = this.getLocalTime(item.vinOutTime);
+          });
+        }
+      }
+    });
+  }
+
+   // 获取司机轨迹
+   getDriverTrajectory(){
+    this.service.request(this.service.$api_get_getAppDriverPosition, { id: this.id }).subscribe(res => {
+      if (res) {
+        const points = res.tracks;
+        let list :any[] = [];
+        points?.forEach((item: any) => {
+          list.push({
+            name: item.hgt,
+            lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))]
+          });
+        });
+        this.mapList = list;
+        this.addressItems = [...res.enclosureDataAppTrack];
+        if(this.addressItems && this.addressItems.length > 0){
+          this.addressItems.forEach(item => {
+            item.vinOutTime = this.getLocalTime(item.gtm);
+            item.cityName = item.appAdress;
+          });
+        }
+      }
+    });
+   }
+   trajectoryChange(event:any){
+    if(event ==='car'){
+      this.getTrajectory()
+    }else if(event ==='driver'){
+      this.getDriverTrajectory();
+    }
+ }
+  getLocalTime(time: any) {
+    return format(new Date(parseInt(time)), 'yyyy-MM-dd HH:mm:ss');
+  }
+}
diff --git a/src/app/routes/order-management/components/bulk/bulk.component.html b/src/app/routes/order-management/components/bulk/bulk.component.html
new file mode 100644
index 00000000..482bb68c
--- /dev/null
+++ b/src/app/routes/order-management/components/bulk/bulk.component.html
@@ -0,0 +1,261 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-08 11:30:05
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\bulk\\bulk.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<!-- 搜索表单 -->
+<page-header-wrapper [title]="''"> </page-header-wrapper>
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button nz-button nzType="primary" [nzLoading]="loading" (click)="search()" acl [acl-ability]="['ORDER-BULK-search']"
+          >查询</button
+        >
+        <button nz-button nzType="primary" [disabled]="loading" (click)="exprot()">导出</button>
+        <button nz-button [disabled]="loading" (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card>
+  <nz-tabset (nzSelectedIndexChange)="selectChange($event)" [nzTabBarExtraContent]="extraTemplate">
+    <nz-tab [nzTitle]="'全部(' + tabs?.totalCount + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'待接单(' + tabs?.receivedQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'待发车(' + tabs?.stayQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'运输中(' + tabs?.GoingQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'待签收(' + tabs?.signQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'已完成(' + tabs?.compolatelQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'已取消(' + tabs?.cancelQuantity + ')'"></nz-tab>
+  </nz-tabset>
+  <div style="margin-top: 15px">
+    <st
+      #st
+      [bordered]="true"
+      [scroll]="{ x: '2000px' }"
+      [data]="service.$api_get_listBulkPage"
+      [columns]="columns"
+      [req]="{  process: beforeReq }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } , process: afterRes}"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+      [loading]="false"
+    >
+      <ng-template st-row="freightPrice" let-item let-index="index">
+        {{ item.freightPrice | currency }}
+      </ng-template>
+      <ng-template st-row="loadingTime" let-item let-index="index">
+        <div *ngIf="item?.loadTime">装 | {{ item?.loadTime }}</div>
+        <div *ngIf="item?.unloadTime">卸 | {{ item?.unloadTime }}</div>
+      </ng-template>
+      <ng-template st-row="driverName" let-item let-index="index">
+        <div> {{ item?.driverName }}{{  item?.driverPhone ? "/" + item?.driverPhone : '' }}{{   item?.carNo ? "/" + item?.carNo : ''}} </div>
+      </ng-template>
+      <ng-template st-row="payeeName" let-item let-index="index">
+        <div> {{ item?.payeeName }}{{ item?.payeePhone ? "/" + item?.payeePhone : ''  }} </div>
+      </ng-template>
+      <ng-template st-row="createUserName" let-item let-index="index">
+        <div> {{ item?.createUserName }}{{  item?.createUserPhone ? "/" + item?.createUserPhone : '' }} </div>
+      </ng-template>
+      <ng-template st-row="billCode" let-item let-index="index">
+        <a [routerLink]="'bulk-detail/' + item.id">{{ item.billCode }}</a>
+        <div>
+          <span>{{ item?.billTypeLabel }}{{ item?.serviceTypeLabel }}</span>
+        </div>
+        <div>
+          <span>{{ item?.billStatusLabel }}</span>
+        </div>
+      </ng-template>
+      <ng-template st-row="goodsName" let-item let-index="index">
+        <div>{{ item?.goodsName }}</div>
+        <div>
+          <span>{{ item?.weight ? item?.weight + '吨/' : '' }}</span>
+          <span>{{ item?.volume ? item?.volume + '方/' : '' }}</span>
+          <span>{{ item?.goodsNumber ? item?.goodsNumber + '件' : '' }}</span>
+        </div>
+      </ng-template>
+      <ng-template st-row="mybidDetailInfo" let-item let-index="index">
+        <div *ngIf="item.mybidDetailInfo.length > 0">
+          <p *ngFor="let data of item.mybidDetailInfo">
+            <span *ngIf="data.expenseCode !== 'FL'">{{ data.expenseName }}：{{ data.price | currency }}</span>
+            <span *ngIf="data.expenseCode === 'FL'" >{{ data.expenseName }}：{{ (data.price * 100).toFixed(2) + '%' }}</span>
+            <span *ngIf="data.paymentStatusLabel" style="color: #f59a63">{{ data.paymentStatusLabel }}</span>
+          </p>
+        </div>
+      </ng-template>
+    </st>
+  </div>
+</nz-card>
+
+<nz-modal
+  [(nzVisible)]="isVisible"
+  [nzWidth]="600"
+  [nzFooter]="nzModalFooter"
+  nzTitle="运费变更记录"
+  (nzOnOk)="handleOK()"
+  (nzOnCancel)="handleCancel('0')"
+>
+  <ng-container *nzModalContent>
+    <st
+      #stFloat
+      size="small"
+      [bordered]="true"
+      [data]="service.$api_get_listChangeApply"
+      [columns]="columnsFloat"
+      [req]="{  process: beforeReq }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } , process: afterRes}"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    >
+      <ng-template st-row="order" let-item let-index="index">
+        {{ index + 1 }}
+      </ng-template>
+      <ng-template st-row="externalSn" let-item let-index="index">
+        <div>
+          <span *ngIf="item?.externalSn == '1'">待确认</span>
+          <span *ngIf="item?.externalSn == '2'">已确认</span>
+          <span *ngIf="item?.externalSn == '3'">已撤销</span>
+          <span *ngIf="item?.externalSn == '4'">拒绝</span>
+        </div>
+      </ng-template>
+    </st>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="primary" (click)="handleCancel('0')">取消</button>
+    <button nz-button nzType="default" (click)="handleCancel('0')">确定</button>
+  </ng-template>
+</nz-modal>
+
+<nz-modal
+  [(nzVisible)]="isVisibleView"
+  [nzWidth]="600"
+  [nzFooter]="nzModalFooterview"
+  nzTitle="查看"
+  (nzOnOk)="handleOK()"
+  (nzOnCancel)="handleCancel('1')"
+>
+  <ng-container *nzModalContent>
+    <sf #sfView [schema]="schemaView" [ui]="uiView" [formData]="ViewCause" [compact]="true" [button]="'none'">
+      <ng-template sf-template="no" let-me let-ui="uiView" let-schema="schemaView">
+        <div style="display: flex">
+          <nz-input-number [(ngModel)]="demoValue" [nzMin]="1" [nzMax]="10" [nzStep]="1"></nz-input-number>
+          <div class="left_btn">元/吨</div>
+        </div>
+      </ng-template>
+    </sf>
+    <st
+      #stFloatView
+      multiSort
+      size="small"
+      [bordered]="true"
+      [data]="service.$api_getChangeRecordBulkDetail"
+      [columns]="columnsFloatView"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: changeViewParams }"
+      [res]="{ reName: { list: 'data.list', total: 'data.total' } }"
+    >
+      <ng-template st-row="amountBeforeChange" let-item let-index="index">
+        {{ item.amountBeforeChange | currency }}
+      </ng-template>
+      <ng-template st-row="amountchangeValue" let-item let-index="index"> ￥{{ item.amountchangeValue | number: '0.2-2' }} </ng-template>
+      <ng-template st-row="amountAfterChange" let-item let-index="index">
+        {{ item.amountAfterChange | currency }}
+      </ng-template>
+    </st>
+    <div
+      ><span>变更原因：{{ ViewCause?.changeCause }}</span></div
+    >
+    <div
+      ><span>拒绝原因：{{ ViewCause?.refuseCause }}</span></div
+    >
+    <div><span>注：附加费依据调整后的运输费用重新计算</span></div>
+  </ng-container>
+  <ng-template #nzModalFooterview>
+    <button nz-button nzType="default" (click)="handleCancel('1')">取消</button>
+    <button nz-button nzType="primary" (click)="handleCancel('1')">确定</button>
+  </ng-template>
+</nz-modal>
+
+<nz-modal
+  [(nzVisible)]="isVisibleEvaluate"
+  [nzWidth]="600"
+  [nzFooter]="nzModalFooterEvaluate"
+  (nzOnOk)="handleOK()"
+  (nzOnCancel)="handleCancel('2')"
+>
+  <ng-container *nzModalContent>
+    <nz-tabset>
+      <nz-tab nzTitle="货主评价">
+        <sv-container col="1" labelWidth="90">
+          <sv [label]="i.evaluateTypeLabel" *ngFor="let i of shipList">
+            <nz-rate [ngModel]="i.evaluateFraction" nzDisabled="true"></nz-rate>
+          </sv>
+        </sv-container>
+        <div *ngIf="shipList.length < 1">暂无评价内容</div>
+      </nz-tab>
+      <nz-tab nzTitle="司机评价">
+        <sv-container col="1" labelWidth="90">
+          <sv [label]="i.evaluateTypeLabel" *ngFor="let i of diverList">
+            <nz-rate [ngModel]="i.evaluateFraction" nzDisabled="true"></nz-rate>
+          </sv>
+        </sv-container>
+        <div *ngIf="diverList.length < 1">暂无评价内容</div>
+      </nz-tab>
+    </nz-tabset>
+  </ng-container>
+  <ng-template #nzModalFooterEvaluate>
+    <button nz-button nzType="default" (click)="handleCancel('2')">取消</button>
+    <button nz-button nzType="primary" (click)="handleOK()">确定</button>
+  </ng-template>
+</nz-modal>
+<ng-template #enable>
+  <div class="ant-popover-message">
+    <i nz-icon nzType="info-circle" nzTheme="fill"></i>
+    <div class="ant-popover-message-title ng-star-inserted self-ant-popover-title" style="font-size: 16px"
+      >已选择{{ selectedRows?.length || 0 }}条订单，确认批量签收吗？
+    </div>
+    <div class="ant-popover-message-title ng-star-inserted"> 签收后不可再修改运费，请确保运费等信息准确无误后，再进行签收。 </div>
+  </div>
+</ng-template>
+<ng-template #extraTemplate>
+  <div *ngIf="resourceStatus == 4">
+    <button
+      nz-button
+      nzType="primary"
+      nzGhost
+      nz-popconfirm
+      [nzPopconfirmTitle]="enable"
+      (nzOnConfirm)="userAction()"
+      nzPopconfirmPlacement="bottomRight"
+      acl
+      [acl-ability]="['ORDER-BULK-batchSignBulkOrder']"
+    >
+      批量签收
+    </button>
+  </div>
+</ng-template>
diff --git a/src/app/routes/order-management/components/bulk/bulk.component.less b/src/app/routes/order-management/components/bulk/bulk.component.less
new file mode 100644
index 00000000..149a0bc9
--- /dev/null
+++ b/src/app/routes/order-management/components/bulk/bulk.component.less
@@ -0,0 +1,13 @@
+
+    :host {
+     p{
+         margin-bottom: 0
+     }
+     .left_btn {
+          width: 50px;
+         height: 32px; 
+          padding-left: 8px;
+          line-height:32px; 
+          background-color: #d7d7d7;
+     }
+ }
\ No newline at end of file
diff --git a/src/app/routes/order-management/components/bulk/bulk.component.spec.ts b/src/app/routes/order-management/components/bulk/bulk.component.spec.ts
new file mode 100644
index 00000000..e78deb02
--- /dev/null
+++ b/src/app/routes/order-management/components/bulk/bulk.component.spec.ts
@@ -0,0 +1,35 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-06 20:03:28
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:18:06
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\bulk\\bulk.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { OrderManagementBulkComponent } from './bulk.component';
+
+describe('OrderManagementBulkComponent', () => {
+  let component: OrderManagementBulkComponent;
+  let fixture: ComponentFixture<OrderManagementBulkComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OrderManagementBulkComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OrderManagementBulkComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/order-management/components/bulk/bulk.component.ts b/src/app/routes/order-management/components/bulk/bulk.component.ts
new file mode 100644
index 00000000..00a306fb
--- /dev/null
+++ b/src/app/routes/order-management/components/bulk/bulk.component.ts
@@ -0,0 +1,856 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { OrderManagementService } from '../../services/order-management.service';
+import { UpdateFreightComponent } from '../../modal/bulk/update-freight/update-freight.component';
+import { ConfirReceiptComponent } from '../../modal/bulk/confir-receipt/confir-receipt.component';
+import { of } from 'rxjs';
+import { ShipperBaseService } from '@shared';
+import { Router, ActivatedRoute } from '@angular/router';
+import { OneCarOrderCancelConfirmComponent } from '../../modal/vehicle/cancel-confirm/cancel-confirm.component';
+
+@Component({
+  selector: 'app-supply-management-bulk',
+  templateUrl: './bulk.component.html',
+  styleUrls: ['./bulk.component.less']
+})
+export class OrderManagementBulkComponent implements OnInit {
+  ui: SFUISchema = {};
+  uiView: SFUISchema = {};
+  schema: SFSchema = {};
+  schemaView: SFSchema = {};
+  auditMany = false;
+  isVisibleView = false;
+  isVisibleEvaluate = false;
+  isVisible = false;
+  _$expand = false;
+  loading: boolean = true;
+  changeId: any; // 主页面查看运费变更记录id - 用于运费变更记录
+  changeViewId: any; // 查看运费变更记录id - 用于查看
+  ViewCause: any; // 变更运费查看数据
+  sfViewFormData: any; // 变更运费查看的sf 数据
+  shipList: any; // 货主评价 数据
+  diverList: any; // 司机评价 数据
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('stFloat') private readonly stFloat!: STComponent;
+  @ViewChild('stFloatView') private readonly stFloatView!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfFre', { static: false }) sfFre!: SFComponent;
+  @ViewChild('sfView', { static: false }) sfView!: SFComponent;
+  columns: STColumn[] = [];
+  columnsFloat: STColumn[] = [];
+  columnsFloatView: STColumn[] = [];
+  demoValue: any;
+  resourceStatus: any;
+  tabs = {
+    cancelQuantity: 0,
+    receivedQuantity: 0,
+    stayQuantity: 0,
+    signQuantity: 0,
+    compolatelQuantity: 0,
+    GoingQuantity: 0,
+    totalCount: 0
+  };
+  constructor(
+    public service: OrderManagementService,
+    private modal: NzModalService,
+    public shipperservice: ShipperBaseService,
+    private router: Router,
+    private ar: ActivatedRoute,
+  ) {}
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const a: any = {};
+    if (this.resourceStatus) {
+      a.billStatus = this.resourceStatus;
+    }
+    const params: any = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    return {
+      ...a,
+      ...params,
+      createTime: {
+        start: this.sf?.value?.createTime?.[0] || '',
+        end: this.sf?.value?.createTime?.[1] || ''
+      }
+    };
+  }
+  beforeReq = (requestOptions: STRequestOptions) => {
+    const a: any = {};
+    if (this.resourceStatus) {
+      a.billStatus = this.resourceStatus;
+    }
+    const params: any = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    console.log(params);
+
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...a,
+        ...params,
+        createTime: {
+          start: this.sf?.value?.createTime?.[0] || '',
+          end: this.sf?.value?.createTime?.[1] || ''
+        }
+      });
+    }
+    this.loading = true;
+    return requestOptions;
+  };
+  afterRes = (data: any[], rawData?: any) => {
+    console.log(data)
+    this.loading = false
+    return data.map(item => ({
+      ...item,
+      disabled: item.billStatus !== '4' 
+    }));
+  };
+  get selectedRows() {
+    return this.st?.list.filter(item => item.checked) || [];
+  }
+  get changeParams() {
+    return {
+      id: this.changeId
+    };
+  }
+  search() {
+    this.st?.load();
+    this.getGoodsSourceStatistical();
+  }
+  getGoodsSourceStatistical() {
+    this.tabs = {
+      cancelQuantity: 0,
+      receivedQuantity: 0,
+      stayQuantity: 0,
+      signQuantity: 0,
+      compolatelQuantity: 0,
+      GoingQuantity: 0,
+      totalCount: 0
+    };
+    const params: any = Object.assign({}, this.reqParams || {});
+    delete params.billStatus;
+    this.service.request(this.service.$api_getBulkStatistical, params).subscribe(res => {
+      if (res) {
+        let totalCount = 0;
+        res.forEach((element: any) => {
+          if (element.billStatusLabel === '待发车') {
+            this.tabs.stayQuantity = element.quantity;
+          } else if (element.billStatusLabel === '待接单') {
+            this.tabs.receivedQuantity = element.quantity;
+          } else if (element.billStatusLabel === '待签收') {
+            this.tabs.signQuantity = element.quantity;
+          } else if (element.billStatusLabel === '已完成') {
+            this.tabs.compolatelQuantity = element.quantity;
+          } else if (element.billStatusLabel === '已取消') {
+            this.tabs.cancelQuantity = element.quantity;
+          } else if (element.billStatusLabel === '运输中') {
+            this.tabs.GoingQuantity = element.quantity;
+          }
+          totalCount += element.quantity;
+        });
+        this.tabs.totalCount = totalCount;
+      }
+    });
+  }
+  selectChange(e: number) {
+    this.resourceStatus = e;
+    this.initST();
+    setTimeout(() => {
+      this.st.load();
+    }, 500);
+  }
+  ngOnInit(): void {
+    this.getGoodsSourceStatistical();
+    this.initSF();
+    this.initST();
+    this.initSTFloat();
+    this.initSTFloatView();
+    this.initSFView();
+  }
+
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        billCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+          placeholder: '最多100个单号，空号隔开',
+          }
+        },
+        wayBillCode: {
+          type: 'string',
+          title: '运单号',
+          ui: {
+          placeholder: '最多100个单号，空号隔开',
+          }
+        },
+        resourceCode: {
+          type: 'string',
+          title: '货源编号'
+        },
+        shipperAppUserId: {
+          type: 'string',
+          title: '货主',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            onSearch: (q: any) => {
+              let str =q.replace(/^\s+|\s+$/g,"");
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map((res: any) => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+            change: (q: any) => {
+              this.getRegionCode(q);
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseProjectId: {
+          type: 'string',
+          title: '所属项目',
+          ui: {
+            widget: 'select',
+            placeholder: '请先选择货主',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+          } as SFSelectWidgetSchema
+        },
+        loadingPlace: {
+          type: 'string',
+          title: '装货地',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        dischargePlace: {
+          type: 'string',
+          title: '卸货地',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        driverName: {
+          title: '承运司机',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        carNo: {
+          title: '车牌号',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        carCaptainName: {
+          title: '车队长',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        paymentStatus: {
+          title: '支付状态',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'overall:payment:status' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        createTime: {
+          title: '创建时间',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        riskStatus: {
+          type: 'string',
+          title: '是否风险单',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '是', value: '3' },
+            { label: '否', value: '1' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder()
+          }
+        },
+        serviceType: {
+          title: '服务类型',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'service:type' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        settlementBasis: {
+          title: '结算依据',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            containsAllLabel: true,
+            params: { dictKey: 'goodresource:settlement:type' },
+            containAllLable: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        }
+      },
+      type: 'object'
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+  /**
+   * 初始化查询表单
+   */
+  initSFView() {
+    this.schemaView = {
+      properties: {
+        freightPrice: {
+          type: 'string',
+          title: '运费单价'
+        },
+        rule: {
+          title: '',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'goodresource:rounding:rules' },
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        settlementBasis: {
+          type: 'string',
+          title: '结算重量',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'goodresource:settlement:type' },
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        }
+      }
+    };
+    this.uiView = { '*': { spanLabelFixed: 80, grid: { span: 12, gutter: 4 } } };
+  }
+  // 获取所属项目
+  getRegionCode(regionCode: any) {
+    console.log(regionCode);
+    return this.service
+      .request(this.service.$api_get_enterprise_project, { id: regionCode })
+      .pipe(
+        map(res =>
+          res.map((item: any) => ({
+            label: item.projectName,
+            value: item.id
+          }))
+        )
+      )
+      .subscribe(res => {
+        this.sf.getProperty('/enterpriseProjectId')!.schema.enum = res;
+        this.sf.getProperty('/enterpriseProjectId')!.widget.reset(res);
+        // if (this.enterpriseProjectIds) {
+        //   this.sf1.setValue('/enterpriseProjectId', this.enterpriseProjectIds);
+        // }
+      });
+  }
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '', type: 'checkbox', fixed: 'left', width: '50px', className: 'text-center' },
+      {
+        title: '订单号',
+        width: '180px',
+        fixed: 'left',
+        className: 'text-left',
+        render: 'billCode'
+      },
+      {
+        title: '运费明细',
+        width: '250px',
+        className: 'text-right',
+        render: 'mybidDetailInfo'
+      },
+      { title: '录单员', render: 'createUserName', width: '200px', className: 'text-left' },
+      { title: '网络货运人', index: 'enterpriseInfoName', width: '250px', className: 'text-left' },
+      { title: '货主', index: 'shipperAppUserName', width: '250px', className: 'text-left' },
+      { title: '所属项目', index: 'enterpriseProjectName', width: '250px', className: 'text-left' },
+      { title: '关联运单号', index: 'wayBillCode', width: '180px', className: 'text-left' },
+      { title: '货源编号', index: 'resourceCode', width: '180px', className: 'text-left' },
+      { title: '装货地', index: 'loadingAddressArr', width: '180px', className: 'text-left' },
+      {
+        title: '卸货地',
+        className: 'text-left',
+        width: '180px',
+        index: 'unloadingAddressArr'
+      },
+      // {
+      //   title: '货物信息',
+      //   className: 'text-left',
+      //   width: '250px',
+      //   render: 'goodsName'
+      // },
+      {
+        title: '货物信息',
+        index: 'goodsName',
+        width: '180px',
+        className: 'text-left',
+        format: (item: any) =>
+        `${item?.goodsName}/
+        ${item?.weight || '0'}吨/
+        ${item?.volume || '0'}方/
+        ${item?.goodsNumber || '0'}件`
+      },
+      {
+        title: '运费单价',
+        className: 'text-right',
+        width: '180px',
+        render: 'freightPrice'
+      },
+      {
+        title: '接单数量',
+        render: 'receveOrderCountInfo',
+        width: '170px',
+        className: 'text-left',
+        format: (item: any) =>
+          `${item.loadWeight || '0'}吨/
+           ${item.loadVolume || '0'}方`
+      },
+      {
+        title: '结算数量',
+        index: '结算数量',
+        width: '170px',
+        className: 'text-left',
+        format: (item: any) =>
+          `${item.settlementWeight || '0'}吨/
+           ${item.settlementVolume || '0'}方`
+      },
+      {
+        title: '承运司机',
+        className: 'text-left',
+        width: '250px',
+        index: 'driverName',
+        render: 'driverName'
+      },
+      {
+        title: '车队长',
+        className: 'text-left',
+        width: '180px',
+        index: 'payeeName',
+        render: 'payeeName'
+      },
+      {
+        title: '装卸货时间',
+        width: '200px',
+        className: 'text-left',
+        render: 'loadingTime'
+      },
+      {
+        title: '创建时间',
+        width: '180px',
+        className: 'text-left',
+        index: 'createTime'
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '130px',
+        className: 'text-left block-td',
+        buttons: [
+          {
+            text: '运费变更记录',
+            click: _record => this.OpenPrice(_record),
+            iif: item =>
+              item.billStatus == '4' || item.billStatus == '5' || item.billStatus == '2' || item.billStatus == '3' || item.billStatus == '6',
+            acl: { ability: ['ORDER-BULK-listChangeApply'] },
+          },
+          {
+            text: '查看评价',
+            click: _record => this.viewEvaluate(_record),
+            iif: item => item.billStatus == '5',
+            acl: { ability: ['ORDER-BULK-evaluation'] },
+          },
+          {
+            text: '查看详情',
+            click: (item: any) => {
+              this.router.navigate(['./bulk-detail', item.id], { relativeTo: this.ar });
+            },
+            acl: { ability: ['USERCENTER-FREIGHT-USER-view'] },
+          },
+          {
+            text: '变更运费',
+            click: _record => this.updateFreight(_record),
+            iif: item => item.billStatus !== '1' && item.billStatus !== '6' && item.overallPaymentStatus != '2',
+            acl: { ability: ['ORDER-BULK-FreightChangeBulkDetail'] },
+          },
+          {
+            text: '确认签收',
+            click: _record => this.confirmReceipt(_record),
+            iif: item => item.billStatus == '4',
+            acl: { ability: ['VEHICLE-LIST-view'] },
+          },
+          {
+            text: '取消订单',
+            click: _record => this.cancellation(_record),
+            iif: item =>
+              item.billStatus == '4' || item.billStatus == '5' || item.billStatus == '2' || item.billStatus == '3' || item.billStatus == '1',
+            acl: { ability: ['ORDER-BULK-signBulkOrder'] },
+          },
+          {
+            text: '申请退款',
+            click: (_record) => this.applyRefund(_record),
+            iif: item => item.isApplyForRefund,
+            acl: { ability: ['ORDER-VEHICLE-modificationOrder'] },
+          },
+          {
+            text: '修改订单',
+            click: _record => this.changeOrder(_record),
+            iif: item => item.billStatus == '4' || item.billStatus == '5' || item.billStatus == '2' || item.billStatus == '3',
+            acl: { ability: ['ORDER-BULK-BulkBillDetail'] },
+          }
+        ]
+      }
+    ];
+  }
+  initSTFloat() {
+    this.columnsFloat = [
+      {
+        title: '序号',
+        className: 'text-center',
+        render: 'order'
+      },
+      {
+        title: '操作时间',
+        className: 'text-center',
+        index: 'applyTime'
+      },
+      {
+        title: '操作人',
+        className: 'text-center',
+        index: 'applyUserName'
+      },
+      { title: '状态', index: 'handleStatusLabel', className: 'text-center' },
+      {
+        title: '操作',
+        fixed: 'right',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '查看',
+            click: _record => this.FloatView(_record)
+          },
+          // {
+          //   text: '查看协议',
+          //   click: (_record, _modal, _instance) => this.view(_record)
+          // },
+          {
+            text: '撤销',
+            click: _record => this.revoke(_record),
+            iif: item => item.handleStatus === '1' || item.handleStatus === 1
+          }
+        ]
+      }
+    ];
+  }
+  initSTFloatView() {
+    this.columnsFloatView = [
+      {
+        title: '费用名称',
+        width: '100px',
+        className: 'text-center',
+        index: 'costName'
+      },
+      {
+        title: '变更前',
+        width: '100px',
+        className: 'text-center',
+        index: 'amountAfterChange',
+        render: 'amountAfterChange'
+      },
+      { title: '变更值', index: 'amountchangeValue', width: '120px', className: 'text-center', render: 'amountchangeValue' },
+      { title: '变更后', index: 'amountBeforeChange', render: 'amountBeforeChange', width: '120px', className: 'text-center' }
+    ];
+  }
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+  get changeViewParams() {
+    return {
+      id: this.changeViewId
+    };
+  }
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  tabChange(item: any) { }
+  /**
+   * 重置表单
+   */
+  resetSF(): void {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 导入货源
+   */
+  importGoodsSource() { }
+  audit(item: any) { }
+
+  /*
+  * 审核关闭弹窗
+  view: 1
+  浮动费用： 0
+  查看评价： 3
+  */
+  handleCancel(type: string) {
+    if (type === '0') {
+      this.isVisible = false;
+    } else if (type === '1') {
+      console.log(type);
+      this.isVisibleView = false;
+    } else if (type === '2') {
+      this.isVisibleEvaluate = false;
+    }
+  }
+  /**
+   * 审核通过按钮
+   */
+  handleOK() { }
+  OpenPrice(item: any) {
+    this.changeId = item.id;
+    this.isVisible = true;
+  }
+  /**
+   * 浮动费用查看
+   */
+  FloatView(item: any) {
+    this.changeViewId = item.id;
+    this.service.request(this.service.$api_getChangeRecordBulkDetail, { id: this.changeViewId }).subscribe(res => {
+      this.ViewCause = res;
+    });
+    this.isVisibleView = true;
+  }
+  /**
+   *查看评价
+   */
+  viewEvaluate(item: any) {
+    console.log(item);
+    this.isVisibleEvaluate = true;
+    const params = {
+      businessCode: item.billCode,
+      evaluateUserId: item.shipperAppUserId
+    };
+    const params2 = {
+      businessCode: item.billCode,
+      evaluateUserId: item.shipperAppUserId
+    };
+    this.service.request(this.service.$api_getBillEvaluateByShipper, params).subscribe(res => {
+      console.log(res);
+      console.log(res.evaluateInfos);
+      this.shipList = res.evaluateInfos;
+    });
+    this.service.request(this.service.$api_getBillEvaluateDriverByShipper, params2).subscribe(res => {
+      console.log(res);
+      this.diverList = res.evaluateInfos;
+    });
+  }
+  /**
+   *变更运费
+   */
+  updateFreight(item: any) {
+    this.service.request(this.service.$api_getFreightChangeBulkDetail, { id: item.id }).subscribe(data => {
+      if (data) {
+        const modal = this.modal.create({
+          nzTitle: '变更运费',
+          nzWidth: 580,
+          nzContent: UpdateFreightComponent,
+          nzComponentParams: { data: { ...data, billId: item.id } },
+          nzFooter: null
+        });
+        modal.afterClose.subscribe((res: any) => {
+          if (res) {
+            this.st.reload(1);
+            this.getGoodsSourceStatistical();
+          }
+        });
+      }
+    });
+  }
+
+  //  *确认签收
+
+  confirmReceipt(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '确认签收',
+      nzWidth: '50%',
+      nzContent: ConfirReceiptComponent,
+      nzComponentParams: {
+        i: item,
+        Status: 1
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((result: any) => {
+      this.st.load(1);
+      this.getGoodsSourceStatistical();
+    });
+  }
+  userAction() {
+    if (this.selectedRows.length <= 0) {
+      this.service.msgSrv.error('请选择订单！');
+      return;
+    }
+    let params: any[] = [];
+    this.selectedRows.forEach(item => {
+      params.push(item.id);
+    });
+    this.service.request(this.service.$api_get_batchSignBulkOrder, params).subscribe(res => {
+      if (res) {
+        this.st.load(1);
+        this.getGoodsSourceStatistical();
+      }
+    });
+  }
+  // 取消订单
+  cancellation(item: any) {
+    // api_get_cancelAnOrder
+    this.modal.confirm({
+      nzTitle: '<b>确定取消该订单吗?</b>',
+      nzContent: `<b>取消后无法恢复，请确认</b>`,
+      nzOnOk: () =>
+        this.service.request(this.service.$api_get_cancelAnOrder, { id: item.id }).subscribe(res => {
+          if (res === true) {
+            this.service.msgSrv.success('操作成功！');
+            this.st?.reload(1);
+            this.getGoodsSourceStatistical();
+            this.initST();
+          }
+          this.st?.reload(1);
+          this.getGoodsSourceStatistical();
+        })
+    });
+  }
+  revoke(item: any) {
+    this.modal.confirm({
+      nzTitle: '是否确定立即撤销费用变更！</i>',
+      nzOnOk: () =>
+        this.service.request(this.service.$api_get_revokeChangeRecord, { id: item.id }).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('撤销成功！');
+            this.stFloat.reload();
+            this.st?.reload(1);
+            this.getGoodsSourceStatistical();
+          }
+        })
+    });
+  }
+  // 修改订单
+  changeOrder(value: any) {
+    this.router.navigate(['order-management/bulk-detailChange', value.id]);
+  }
+  /**
+*申请退款
+*/
+  applyRefund(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '申请退款',
+      nzContent: OneCarOrderCancelConfirmComponent,
+      nzComponentParams: {
+        i: item,
+        sts: 1
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((res: boolean) => {
+      if (res) {
+        this.resetSF;
+        this.st.load();
+      }
+    });
+  }
+  // 导出
+  exprot() {
+    this.service.asyncExport(this.reqParams,this.service.$api_get_asyncExportBulkList);
+  }
+}
diff --git a/src/app/routes/order-management/components/complaint-detail/complaint-detail.component.html b/src/app/routes/order-management/components/complaint-detail/complaint-detail.component.html
new file mode 100644
index 00000000..ecc0d4a2
--- /dev/null
+++ b/src/app/routes/order-management/components/complaint-detail/complaint-detail.component.html
@@ -0,0 +1,56 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-04 17:29:18
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-29 16:26:09
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\complaint-detail\\complaint-detail.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'投诉管理'" [logo]="logo">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+    
+  </ng-template>
+</page-header-wrapper>
+<!-- [nzExtra]="extraTemplate" -->
+<nz-card nzTitle="投诉信息" [nzExtra]="cardTemplate">
+  <ng-template #cardTemplate>
+    <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="viewEvaluate()" *ngIf="complaint?.complaintStatus == 1" [disabled]="complaintStatus">处理</button>
+</ng-template>
+  <h2>投诉单号：{{datailList?.complaintCode}}</h2>
+  <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="schema" [formData]="datailList">
+    <ng-template sf-template="imgUrls" let-schema="schema" let-item let-ui="ui">
+      <app-imagelist [imgList]="datailList?.imgUrls"></app-imagelist>
+    </ng-template>
+  </sf>
+</nz-card>
+
+
+<nz-card class="dealBox" nzTitle="投诉处理">
+<nz-timeline nzMode="left">
+  <nz-timeline-item *ngFor="let i of datailList?.processNodeVOS; let id = index" >
+    <div class="p mt-sm">{{i?.nodeNameLabel}}</div>
+    <p>
+      {{i?.timeLabel}}：<span class="p-line">{{i?.time}}</span>
+    </p>
+    <p >
+      {{i?.resultLabel}}：<span class="p-line">{{i?.result}}</span>
+    </p>
+  </nz-timeline-item>
+</nz-timeline>
+</nz-card>
+<nz-modal [(nzVisible)]="isVisibleRE"  [nzWidth]="600" [nzFooter]="nzModalFooterview2"  (nzOnOk)="handleOK()" nzTitle="处理" (nzOnCancel)="Cancel()">
+  <ng-container *nzModalContent>
+    <sf #sfView [schema]="schemaView" [ui]="uiView" [compact]="true" [button]="'none'">
+    </sf>
+  </ng-container>
+  <ng-template #nzModalFooterview2>
+    <button nz-button nzType="default" (click)="handleCancel('1')">拒绝</button>
+    <button nz-button nzType="primary" (click)="handleOK()">通过</button>
+    <button nz-button nzType="primary" (click)="handleCancel2()">强制取消</button>
+  </ng-template>
+</nz-modal>
\ No newline at end of file
diff --git a/src/app/routes/order-management/components/complaint-detail/complaint-detail.component.less b/src/app/routes/order-management/components/complaint-detail/complaint-detail.component.less
new file mode 100644
index 00000000..0df0abc9
--- /dev/null
+++ b/src/app/routes/order-management/components/complaint-detail/complaint-detail.component.less
@@ -0,0 +1,10 @@
+.info{
+    color: #666;
+}
+:host{
+    ::ng-deep{
+        .dealBox .ant-card-body{
+            width: 500px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/order-management/components/complaint-detail/complaint-detail.component.spec.ts b/src/app/routes/order-management/components/complaint-detail/complaint-detail.component.spec.ts
new file mode 100644
index 00000000..8939201f
--- /dev/null
+++ b/src/app/routes/order-management/components/complaint-detail/complaint-detail.component.spec.ts
@@ -0,0 +1,34 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-04 17:29:18
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:19:01
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\complaint-detail\\complaint-detail.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { OrderManagementComplaintDetailComponent } from './complaint-detail.component';
+
+describe('OrderManagementComplaintDetailComponent', () => {
+  let component: OrderManagementComplaintDetailComponent;
+  let fixture: ComponentFixture<OrderManagementComplaintDetailComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OrderManagementComplaintDetailComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OrderManagementComplaintDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/order-management/components/complaint-detail/complaint-detail.component.ts b/src/app/routes/order-management/components/complaint-detail/complaint-detail.component.ts
new file mode 100644
index 00000000..f40d2d70
--- /dev/null
+++ b/src/app/routes/order-management/components/complaint-detail/complaint-detail.component.ts
@@ -0,0 +1,246 @@
+import { Component, OnInit, ViewChild, ɵɵsetComponentScope } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { SFComponent, SFSchema, SFSelectWidgetSchema, SFTextareaWidgetSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { OrderManagementService } from '../../services/order-management.service';
+// import { RiskOrderService } from '../../services/risk-order.service';
+// import { CtcAppealComponent } from '../appeal/appeal.component';
+
+@Component({
+  selector: 'app-oder-management-component-risk-detail',
+  templateUrl: './complaint-detail.component.html',
+  styleUrls: ['./complaint-detail.component.less']
+})
+export class OrderManagementComplaintDetailComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfView', { static: false }) sfView!: SFComponent;
+  ui: SFUISchema = {};
+  uiView: SFUISchema = {};
+  isVisibleRE = false;
+  channelId: any;
+  schema: SFSchema = {};
+  schemaView: SFSchema = {};
+  i: any;
+  datailList: any = {
+    complainantName: '',
+    complainantPartyLabel: ''
+  };
+  complaint: any;
+  complaintStatus = false
+  id: string = '';
+  constructor(private modal: NzModalService, public service: OrderManagementService, public ar: ActivatedRoute) {
+    this.id = this.ar.snapshot.params.id;
+  }
+
+  ngOnInit(): void {
+    if (this.id)
+    {
+      this.getDetail(this.id);
+      this.initSF();
+      this.initSTAudit()
+    } 
+    
+  }
+  initSTAudit() {
+    this.schemaView = {
+      properties: {
+        handleResult: {
+          title: '处理结果',
+          type: 'string',
+          maxLength: 50,
+          ui: {
+            placeholder: '最多不超过50字',
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 6 }
+          },
+        },
+      },
+      required: ['handleResult']
+    };
+    this.uiView = { '*': { spanLabelFixed: 110, grid: { span: 24 } } };
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        drvComplaintCauseLabel: {
+          title: '投诉原因',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            widget: 'text',
+            change: (value, orgData) => console.log(value, orgData),
+          } as SFSelectWidgetSchema,
+        },
+        complainantName: {
+          title: '托运方',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            widget: 'text',
+            change: (value, orgData) => console.log(value, orgData),
+          } as SFSelectWidgetSchema,
+        },
+        handlerIdLabel: {
+          title: '司机',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            widget: 'text',
+            change: (value, orgData) => console.log(value, orgData),
+          } as SFSelectWidgetSchema,
+        },
+        complaintDetails: {
+          title: '投诉详情',
+          type: 'string',
+          ui: {
+            widget: 'textarea',
+            placeholder: '请输入',
+            autosize: {
+              minRows: 4,
+              maxRows: 4
+            }
+          },
+          readOnly: true
+        } as SFTextareaWidgetSchema,
+        imgUrls: {
+          type: 'string',
+          title: '上传凭证',
+          ui: {
+            widget: 'custom'
+          }
+        },
+      },
+    };
+
+    this.ui = {
+      '*': {
+        spanLabelFixed: 180,
+        grid: { span: 18 },
+        width: 600,
+      },
+      $title1: {
+        spanLabelFixed: 0,
+      },
+      $title2: {
+        spanLabelFixed: 0,
+      },
+      $title3: {
+        spanLabelFixed: 0,
+      },
+      $unit: {
+        spanLabelFixed: 20,
+        grid: { span: 3 },
+      },
+    };
+  }
+  getDetail(id: string) {
+    this.service.request(this.service.$api_get_getComplaintDriverDetails, { id }).subscribe(res => {
+      if (res) {
+        this.datailList = res;
+        this.complaint = JSON.parse(this.ar.snapshot.queryParams.detail)
+        this.datailList.complainantName = this.complaint?.shipperAppUserName
+        this.datailList.complainantPartyLabel = this.complaint?.driverIdLabel
+      }
+    })
+  }
+
+  edit(item: any): void {
+    const modalRef = this.modal.create({
+      nzTitle: '申诉',
+      nzWidth: '40%',
+      // nzContent: CtcAppealComponent,
+      nzComponentParams: {
+        i: item
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe(res => {
+      if (res) {
+
+      }
+    })
+  }
+  goBack() {
+    window.history.go(-1)
+  }
+ /*
+  * 审核关闭弹窗
+  view: 1
+  浮动费用： 0
+  查看评价： 3
+  */
+  handleCancel(type: string) {
+    if(!this.sfView.valid) {
+      this.service.msgSrv.error('请填写处理结果！')
+      return
+    }
+    const paramsa = {
+      ...this.sfView.value,
+      handleStatus: 0,
+      id: this.channelId
+    }
+    this.service.request(this.service.$api_get_dealWithComplaint, paramsa).subscribe((res: any) =>{
+      if(res) {
+        this.service.msgSrv.success('已拒绝！')
+        this.isVisibleRE = false
+        this.getDetail(this.id);
+        this.complaintStatus = true;
+      } else{
+        this.service.msgSrv.error(res?.msg)
+      }
+    })
+    this.isVisibleRE = false
+  }
+  Cancel() {
+    this.isVisibleRE = false
+  }
+  handleCancel2() {
+    if(!this.sfView.valid) {
+      this.service.msgSrv.error('请填写处理结果！')
+      return
+    }
+    const paramsa = {
+      id: this.channelId
+    }
+    this.service.request(this.service.$api_get_canelComplaint, paramsa).subscribe((res: any) =>{
+      if(res) {
+        this.service.msgSrv.success('已拒绝！')
+        this.isVisibleRE = false
+        this.getDetail(this.id);
+        this.complaintStatus = true;
+      } else{
+        this.service.msgSrv.error(res?.msg)
+      }
+    })
+    this.isVisibleRE = false
+  }
+    /**
+  * 审核通过按钮
+  */
+  handleOK() {
+    if(!this.sfView.valid) {
+      this.service.msgSrv.error('请填写处理结果！')
+      return
+    }
+    const paramsa = {
+      ...this.sfView.value,
+      handleStatus: 1,
+      id: this.channelId
+    }
+    this.service.request(this.service.$api_get_dealWithComplaint, paramsa).subscribe((res: any) =>{
+      if(res) {
+        this.service.msgSrv.success('已通过！')
+        this.isVisibleRE = false
+        this.complaintStatus = true;
+        this.getDetail(this.id);
+      } else{
+        this.service.msgSrv.error(res?.msg)
+      }
+    })
+  }
+  viewEvaluate() {
+    this.isVisibleRE = true
+    this.channelId = this.id;
+  }
+}
diff --git a/src/app/routes/order-management/components/complaint/complaint.component.html b/src/app/routes/order-management/components/complaint/complaint.component.html
new file mode 100644
index 00000000..460d650e
--- /dev/null
+++ b/src/app/routes/order-management/components/complaint/complaint.component.html
@@ -0,0 +1,77 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-30 13:44:53
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\complaint\\complaint.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<!-- 搜索表单 -->
+<page-header-wrapper title="" [tab]="tpTab">
+  <ng-template #tpTab>
+    <nz-tabset [nzSelectedIndex]="selectedIndex" (nzSelectedIndexChange)="selectChange($event)">
+      <nz-tab *ngFor="let tab of mainTabs" [nzTitle]="tab.name" (nzSelect)="selectMainTab(tab)">
+      </nz-tab>
+    </nz-tabset>
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+  <div nz-row nzGutter="12">
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+      <div nz-col [nzSpan]="24">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="24" style="display: flex; justify-content: flex-end;">
+        <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading"
+          (click)="st?.load(1)"  acl  [acl-ability]="['ORDER-COMPLAINT-search']">查询</button>
+        <button nz-button nzType="primary" acl  [acl-ability]="['ORDER-COMPLAINT-export']"
+         >导出</button>
+        <button nz-button (click)="resetSF()">重置</button>
+      </div>
+  </div>
+</nz-card>
+
+<nz-card>
+  <nz-tabset (nzSelectedIndexChange)="selectChange($event)" >
+    <nz-tab *ngFor="let tab of tabs; let i = index"  [nzTitle]="tab.name" (nzClick)="tabChange(i)">
+    </nz-tab>
+  </nz-tabset>
+  <div style="margin-top: 15px;">
+    <st
+    #st
+    [bordered]="true"
+    [scroll]="{ x: '2000px' }"
+    [data]="service.$api_get_operate_listPage"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="false"
+    >
+    <ng-template st-row="complaintCode" let-item let-index="index">
+      <a href="javascript:;" (click)="view(item)">{{item.complaintCode}}</a>
+    </ng-template>
+    <ng-template st-row="complaintCauseLabel" let-item let-index="index">
+     <div *ngIf="selectedMainTabStatus == '2'">{{item?.drvComplaintCauseLabel}}</div>
+     <div *ngIf="selectedMainTabStatus == '1'">{{item?.complaintCauseLabel}}</div>
+    </ng-template>
+    </st>
+  </div>
+</nz-card>
+
+<nz-modal [(nzVisible)]="isVisibleRE"  [nzWidth]="600" [nzFooter]="nzModalFooterview2"  (nzOnOk)="handleOK()" nzTitle="处理" (nzOnCancel)="Cancel()">
+  <ng-container *nzModalContent>
+    <sf #sfView [schema]="schemaView" [ui]="uiView" [compact]="true" [button]="'none'">
+    </sf>
+  </ng-container>
+  <ng-template #nzModalFooterview2>
+    <button nz-button nzType="default" (click)="handleCancel('1')">拒绝</button>
+    <button nz-button nzType="primary" (click)="handleOK()">通过</button>
+    <button nz-button nzType="primary" (click)="handleCancel2()">强制取消</button>
+  </ng-template>
+</nz-modal>
+
+
diff --git a/src/app/routes/order-management/components/complaint/complaint.component.less b/src/app/routes/order-management/components/complaint/complaint.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/order-management/components/complaint/complaint.component.spec.ts b/src/app/routes/order-management/components/complaint/complaint.component.spec.ts
new file mode 100644
index 00000000..361a453a
--- /dev/null
+++ b/src/app/routes/order-management/components/complaint/complaint.component.spec.ts
@@ -0,0 +1,34 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-07 14:46:19
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:18:47
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\complaint\\complaint.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { OrderManagementComplaintComponent } from './complaint.component';
+
+describe('OrderManagementComplaintComponent', () => {
+  let component: OrderManagementComplaintComponent;
+  let fixture: ComponentFixture<OrderManagementComplaintComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OrderManagementComplaintComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OrderManagementComplaintComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/order-management/components/complaint/complaint.component.ts b/src/app/routes/order-management/components/complaint/complaint.component.ts
new file mode 100644
index 00000000..23c7cae1
--- /dev/null
+++ b/src/app/routes/order-management/components/complaint/complaint.component.ts
@@ -0,0 +1,363 @@
+import { Router } from '@angular/router';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { OrderManagementService } from '../../services/order-management.service';
+
+
+@Component({
+  selector: 'app-supply-management-complaint',
+  templateUrl: './complaint.component.html',
+  styleUrls: ['./complaint.component.less']
+})
+export class OrderManagementComplaintComponent implements OnInit {
+  ui: SFUISchema = {};
+  uiView: SFUISchema = {};
+  schema: SFSchema = {};
+  schemaView: SFSchema = {};
+  auditMany = false;
+  isVisibleRE = false;
+  _$expand = false;
+  channelId: any;
+  resourceStatus: any;
+  selectedMainTabStatus = '2';
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfView', { static: false }) sfView!: SFComponent;
+  columns: STColumn[] = [];
+  selectedIndex: number = 0;
+  isLoading: boolean = false;
+  mainTabs = [
+    { name: '司机投诉', status: '2' },
+    { name: '货主投诉', status: '1' },
+  ]
+  tabs = [  {
+    name: '全部',
+    type: 0,
+  },
+  {
+    name: '待处理',
+    type: 1,
+  },
+  {
+    name: '已处理',
+    type: 2,
+  },
+  {
+    name: '已撤销',
+    type: 3,
+  }
+  ];
+  constructor(
+    public service: OrderManagementService,
+    private modal: NzModalService,
+    private router: Router
+     ) {   
+    //    console.log(this.selectedIndex);
+    //   if (this.selectedIndex === 0) {
+    //   this.selectedMainTabStatus = '2';
+    // } else if (this.selectedIndex === 1) {
+    //   this.selectedMainTabStatus = '1';
+    // }
+  }
+
+  /**
+ * 查询参数
+ */
+  get reqParams() {
+    const a: any = {};
+    if(this.resourceStatus) {
+      a.complaintStatus = this.resourceStatus 
+    }
+    if(this.selectedMainTabStatus) {
+      a.complainantParty = this.selectedMainTabStatus
+    }
+    const params: any = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    return {
+      ...a,
+      ...params,
+    };
+  }
+  get selectedRows() {
+    return this.st?.list.filter((item) => item.checked) || [];
+  }
+  ngOnInit(): void {
+    this.initSF();
+    this.initST();
+    this.initSTAudit();
+  }
+
+
+
+  /**
+ * 初始化查询表单
+ */
+  initSF() {
+    this.schema = {
+      properties: {
+        complaintCode: {
+          type: 'string',
+          title: '投诉单号',
+        },
+        complaintCause: {
+          title: '投诉原因',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'drvcomplaint:cause' },
+            containsAllLabel: true,
+          } as SFSelectWidgetSchema
+        },
+        complainantTime: {
+          type: 'string',
+          
+          title: '投诉时间',
+          ui: {
+            widget: 'sl-from-to', type: 'date', format: 'yyyy-MM-dd' } as SFDateWidgetSchema,
+        },
+      },
+    };
+    this.ui = 
+    {
+     '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 8 } },
+   
+    };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      {
+        title: '投诉单号',
+        width: '200px',
+        fixed: 'left',
+        className: 'text-center',
+        render: 'complaintCode'
+      },
+      {
+        title: '运单号',
+        width: '200px',
+        className: 'text-center',
+        index: 'wayBillCode'
+      },
+      {
+        title: '投诉时间',
+        width: '170px',
+        index: 'complainantTime',
+        className: 'text-center',
+      },
+      { title: '托运方', index: 'shipperAppUserName', width: '200px', className: 'text-center' },
+      { title: '司机', index: 'driverName', width: '120px', className: 'text-center' },
+      {
+        title: '投诉原因',
+        className: 'text-center',
+        width: '170px',
+        render: 'complaintCauseLabel'
+      },
+      {
+        title: '投诉状态',
+        className: 'text-center',
+        width: '120px',
+        index: 'complaintStatusLabel'
+      },
+      {
+        title: '处理人',
+        className: 'text-center',
+        width: '200px',
+        index:'handlePartyLabel'
+      },
+      {
+        title: '处理时间',
+        className: 'text-center',
+        width: '200px',
+        index:'handleTime'
+      },
+      {
+        title: '处理结果',
+        className: 'text-center',
+        width: '170px',
+        index:'handleResult'
+      },
+      {
+        title: '投诉方',
+        className: 'text-center',
+        width: '120px',
+        index: 'complainantPartyLabel'
+      },
+      {
+        title: '投诉人',
+        className: 'text-center',
+        width: '120px',
+        index: 'complainantName'
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '100px',
+        className: 'text-center',
+        buttons: [
+          // {
+          //   text: '处理',
+          //   click: (_record) => this.viewEvaluate(_record),
+          //   iif: (item) => item.complaintStatus == 1
+          // },
+          {
+            text: '查看',
+            click: (_record) => this.view(_record),
+            acl: { ability: ['ORDER-COMPLAINT-view'] },
+          },
+        ],
+      },
+    ];
+  }
+  initSTAudit() {
+    this.schemaView = {
+      properties: {
+        handleResult: {
+          title: '处理结果',
+          type: 'string',
+          maxLength: 50,
+          ui: {
+            placeholder: '最多不超过50字',
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 6 }
+          },
+        },
+      },
+      required: ['handleResult']
+    };
+    this.uiView = { '*': { spanLabelFixed: 110, grid: { span: 24 } } };
+  }
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+  /**
+  * 伸缩查询条件
+  */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  tabChange(item: any) {
+  }
+  /**
+   * 重置表单
+   */
+  resetSF(): void {
+    this.sf.reset();
+    this.isLoading = true
+  }
+  selectChange(e: number) {
+    this.resourceStatus = e;
+    this.initST();
+    setTimeout(() => {
+      this.st.load();
+    }, 500);
+  }
+    /**
+   * 切换投诉与被投诉tab
+   */
+     selectMainTab(e: any) {
+       console.log(e);
+      console.log(this.selectedIndex);
+      this.selectedMainTabStatus = e?.status;
+      this.initST();
+      this.initSF();
+      setTimeout(() => {
+        this.st.load(1);
+      })
+    }
+  
+  /**
+   * 导入货源
+   */
+  importGoodsSource() {
+
+  }
+  audit(item: any) {
+  }
+
+ /*
+  * 审核关闭弹窗
+  view: 1
+  浮动费用： 0
+  查看评价： 3
+  */
+  handleCancel(type: string) {
+    const paramsa = {
+      ...this.sfView.value,
+      handleStatus: 0,
+      id: this.channelId
+    }
+    this.service.request(this.service.$api_get_dealWithComplaint, paramsa).subscribe((res: any) =>{
+      if(res) {
+        this.service.msgSrv.success('已拒绝！')
+        this.isVisibleRE = false
+        this.st.reload(1)
+      } else{
+        this.service.msgSrv.error(res?.msg)
+      }
+    })
+    this.isVisibleRE = false
+  }
+  Cancel() {
+    this.isVisibleRE = false
+  }
+  handleCancel2() {
+    const paramsa = {
+      id: this.channelId
+    }
+    this.service.request(this.service.$api_get_canelComplaint, paramsa).subscribe((res: any) =>{
+      if(res) {
+        this.service.msgSrv.success('已拒绝！')
+        this.isVisibleRE = false
+        this.st.reload(1)
+      } else{
+        this.service.msgSrv.error(res?.msg)
+      }
+    })
+    this.isVisibleRE = false
+  }
+    /**
+  * 审核通过按钮
+  */
+  handleOK() {
+    const paramsa = {
+      ...this.sfView.value,
+      handleStatus: 1,
+      id: this.channelId
+    }
+    this.service.request(this.service.$api_get_dealWithComplaint, paramsa).subscribe((res: any) =>{
+      if(res) {
+        this.service.msgSrv.success('已通过！')
+        this.isVisibleRE = false
+        this.st.reload(1)
+      } else{
+        this.service.msgSrv.error(res?.msg)
+      }
+    })
+  }
+   /**
+  *查看评价
+  */
+  viewEvaluate(item: any) {
+    this.isVisibleRE = true
+    this.channelId = item.id;
+  }
+  view(value: any) {
+    this.router.navigate(['/order-management/complaint-detail/' + value.id], {
+      queryParams: {
+        detail: JSON.stringify(value)
+      }
+    })
+  }
+}
diff --git a/src/app/routes/order-management/components/compliance-audit/compliance-audit.component.html b/src/app/routes/order-management/components/compliance-audit/compliance-audit.component.html
new file mode 100644
index 00000000..0803df06
--- /dev/null
+++ b/src/app/routes/order-management/components/compliance-audit/compliance-audit.component.html
@@ -0,0 +1,197 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-01 10:59:54
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\compliance-audit\\compliance-audit.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<!-- 搜索表单 -->
+<page-header-wrapper [title]="''"> </page-header-wrapper>
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button
+          nz-button
+          nzType="primary"
+          [nzLoading]="service.http.loading"
+          (click)="search()"
+          acl
+          [acl-ability]="['ORDER-COMPLIANCE-AUDIT-search']"
+          >查询</button
+        >
+        <button nz-button nzType="primary" [disabled]="false" acl [acl-ability]="['ORDER-COMPLIANCE-AUDIT-export']" (click)="exprot()"
+          >导出</button
+        >
+        <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card>
+  <nz-tabset (nzSelectedIndexChange)="selectChange($event)" [nzTabBarExtraContent]="extraTemplate">
+    <nz-tab [nzTitle]="'全部(' + tabs?.totalCount + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'待抽查(' + tabs?.spotQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'合格(' + tabs?.qualifiedtity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'不合格(' + tabs?.unstayQuantity + ')'"></nz-tab>
+  </nz-tabset>
+  <div style="margin-top: 15px">
+    <st
+      #st
+      [bordered]="true"
+      [scroll]="{ x: '2000px' }"
+      [data]="service.$api_get_listCompliancePage"
+      [columns]="columns"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+      [loading]="false"
+    >
+      <ng-template st-row="freightPrice" let-item let-index="index">
+        {{ item.freightPrice | currency }}
+      </ng-template>
+      <ng-template st-row="loadingTime" let-item let-index="index">
+        <div *ngIf="item?.loadingTime">装 | {{ item?.loadingTime }}</div>
+        <div *ngIf="item?.unloadingTime">卸 | {{ item?.unloadingTime }}</div>
+      </ng-template>
+      <ng-template st-row="driverName" let-item let-index="index">
+        <div> {{ item?.driverName }}{{ item?.driverPhone ? "/" + item?.driverPhone : '' }}{{ item?.carNo ? "/" + item?.carNo : '' }} </div>
+      </ng-template>
+      <ng-template st-row="payeeName" let-item let-index="index">
+        <div> {{ item?.payeeName }}{{ item?.payeePhone ? "/" + item?.payeePhone : '' }} </div>
+      </ng-template>
+      <ng-template st-row="billCode" let-item let-index="index">
+        <a *ngIf="item.billType == '1'" [routerLink]="'/order-management/vehicle/vehicle-detail/' + item.id">{{ item.billCode }}</a>
+        <a *ngIf="item.billType == '2'"  [routerLink]="'/order-management/bulk/bulk-detail/' + item.id" [queryParams]="{ sts :1}">{{ item.billCode }}</a>
+        <a *ngIf="item.billType == '3'"  [routerLink]="'/order-management/vehicle/vehicle-detail/' + item.id">{{ item.billCode }}</a>
+        <div>
+          <span>{{ item?.billStatusLabel }}</span>
+        </div>
+        <div>
+          <span >{{item?.billTypeLabel}}{{item?.serviceTypeLabel === item?.billTypeLabel ? '':item?.serviceTypeLabel}}</span>
+        </div>
+      </ng-template>
+      <ng-template st-row="goodsName" let-item let-index="index">
+        <div>{{ item?.goodsName }}</div>
+        <div>
+          <span>{{ item?.weight ? item?.weight + '吨/' : '' }}</span>
+          <span>{{ item?.volume ? item?.volume + '方/' : '' }}</span>
+          <span>{{ item?.goodsNumber ? item?.goodsNumber + '吨' : '' }}</span>
+        </div>
+      </ng-template>
+      <ng-template st-row="mybidDetailInfo" let-item let-index="index">
+        <div *ngIf="item.mybidDetailInfo.length > 0">
+          <p *ngFor="let data of item.mybidDetailInfo">
+            {{ data.expenseName }}：{{ data.price | currency }}
+            <span *ngIf="data.paymentStatusLabel" style="color: #f59a63">{{ data.paymentStatusLabel }}</span>
+          </p>
+        </div>
+      </ng-template>
+    </st>
+  </div>
+</nz-card>
+
+<ng-template #extraTemplate>
+  <div>
+    <button nz-button nzType="primary" (click)="audit()" acl [acl-ability]="['ORDER-COMPLIANCE-AUDIT-updateBillByComplianceBatch']"> 批量抽查 </button>
+  </div>
+</ng-template>
+
+<nz-modal
+  [(nzVisible)]="isVisibleRE"
+  [nzWidth]="600"
+  [nzFooter]="nzModalFooterview2"
+  (nzOnOk)="handleOK()"
+  nzTitle="抽查"
+  (nzOnCancel)="handleCancel('1')"
+>
+  <ng-container *nzModalContent>
+    <sf #sfView [schema]="schemaView" [ui]="uiView" [compact]="true" [button]="'none'"> </sf>
+  </ng-container>
+  <ng-template #nzModalFooterview2>
+    <button nz-button nzType="default" (click)="reject()">不合格</button>
+    <button nz-button nzType="primary" (click)="handleOK()">合格</button>
+  </ng-template>
+</nz-modal>
+
+<nz-modal [(nzVisible)]="isVisible" [nzWidth]="600" [nzFooter]="nzModalFooter" nzTitle="运费变更记录" (nzOnCancel)="handleCancel('0')">
+  <ng-container *nzModalContent>
+    <st
+      #stFloat
+      multiSort
+      size="small"
+      [bordered]="true"
+      [data]="service.$api_get_listChangeApply"
+      [columns]="columnsFloat"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: changeParams }"
+      [res]="{ reName: { list: 'data', total: 'data.total' } }"
+    >
+      <ng-template st-row="order" let-item let-index="index">
+        {{ index + 1 }}
+      </ng-template>
+    </st>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="primary" (click)="handleCancel('0')">取消</button>
+    <button nz-button nzType="default" (click)="handleCancel('0')">确定</button>
+  </ng-template>
+</nz-modal>
+
+<nz-modal [(nzVisible)]="isVisibleView" [nzWidth]="600" [nzFooter]="nzModalFooterview" nzTitle="查看" (nzOnCancel)="handleCancel('2')">
+  <ng-container *nzModalContent>
+    <st
+      #stFloatView
+      size="small"
+      [bordered]="true"
+      [data]="service.$api_getChangeRecordWholeDetail"
+      [columns]="columnsFloatView"
+      [req]="{ method: 'POST', allInBody: true, params: changeViewParams }"
+      [res]="{ reName: { list: 'data.list', total: 'data.total' } }"
+    >
+      <ng-template st-row="amountBeforeChange" let-item let-index="index">
+        {{ item.amountBeforeChange | currency }}
+      </ng-template>
+      <ng-template st-row="amountchangeValue" let-item let-index="index"> ￥{{ item.amountchangeValue | number: '0.2-2' }} </ng-template>
+      <ng-template st-row="amountAfterChange" let-item let-index="index">
+        {{ item.amountAfterChange | currency }}
+      </ng-template>
+    </st>
+    <div
+      ><span>变更原因：{{ ViewCause?.changeCause }}</span></div
+    >
+    <div
+      ><span>拒绝原因：{{ ViewCause?.refuseCause }}</span></div
+    >
+    <div><span>注：附加费依据调整后的运输费用重新计算</span></div>
+  </ng-container>
+  <ng-template #nzModalFooterview>
+    <button nz-button nzType="default" (click)="handleCancel('2')">取消</button>
+    <button nz-button nzType="primary" (click)="handleCancel('2')">确定</button>
+  </ng-template>
+</nz-modal>
diff --git a/src/app/routes/order-management/components/compliance-audit/compliance-audit.component.less b/src/app/routes/order-management/components/compliance-audit/compliance-audit.component.less
new file mode 100644
index 00000000..149a0bc9
--- /dev/null
+++ b/src/app/routes/order-management/components/compliance-audit/compliance-audit.component.less
@@ -0,0 +1,13 @@
+
+    :host {
+     p{
+         margin-bottom: 0
+     }
+     .left_btn {
+          width: 50px;
+         height: 32px; 
+          padding-left: 8px;
+          line-height:32px; 
+          background-color: #d7d7d7;
+     }
+ }
\ No newline at end of file
diff --git a/src/app/routes/order-management/components/compliance-audit/compliance-audit.component.spec.ts b/src/app/routes/order-management/components/compliance-audit/compliance-audit.component.spec.ts
new file mode 100644
index 00000000..2baa9abc
--- /dev/null
+++ b/src/app/routes/order-management/components/compliance-audit/compliance-audit.component.spec.ts
@@ -0,0 +1,35 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-06 20:03:28
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-19 16:47:34
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\receipts-audit\\receipts-audit.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { OrderManagementReceiptsAuditComponent } from './compliance-audit.component';
+
+describe('OrderManagementReceiptsAuditComponent', () => {
+  let component: OrderManagementReceiptsAuditComponent;
+  let fixture: ComponentFixture<OrderManagementReceiptsAuditComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OrderManagementReceiptsAuditComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OrderManagementReceiptsAuditComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/order-management/components/compliance-audit/compliance-audit.component.ts b/src/app/routes/order-management/components/compliance-audit/compliance-audit.component.ts
new file mode 100644
index 00000000..5ae60cc3
--- /dev/null
+++ b/src/app/routes/order-management/components/compliance-audit/compliance-audit.component.ts
@@ -0,0 +1,701 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { OrderManagementService } from '../../services/order-management.service';
+import { UpdateFreightComponent } from '../../modal/bulk/update-freight/update-freight.component';
+import { ConfirReceiptComponent } from '../../modal/bulk/confir-receipt/confir-receipt.component';
+import { of } from 'rxjs';
+import { ShipperBaseService } from '@shared';
+import { Router } from '@angular/router';
+import { OneCarOrderAppealComponent } from '../../modal/audit/appeal/appeal.component';
+
+@Component({
+  selector: 'app-order-management-compliance-audit',
+  templateUrl: './compliance-audit.component.html',
+  styleUrls: ['./compliance-audit.component.less']
+})
+export class OrderManagementComplianceAuditComponent implements OnInit {
+  ui: SFUISchema = {};
+  uiView: SFUISchema = {};
+  schema: SFSchema = {};
+  schemaView: SFSchema = {};
+  changeId: any;       // 主页面查看运费变更记录id - 用于运费变更记录
+  changeViewId: any;  // 查看运费变更记录id - 用于查看
+  auditId: any;
+  auditIdR: any;
+  auditMany = false;
+  isVisibleView = false;
+  isVisibleEvaluate = false;
+  isVisible = false;
+  isVisibleRE = false;
+  _$expand = false;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfView', { static: false }) sfView!: SFComponent;
+  @ViewChild('stFloat') private readonly stFloat!: STComponent;
+  @ViewChild('stFloatView') private readonly stFloatView!: STComponent;
+  columns: STColumn[] = [];
+  columnsFloat: STColumn[] = [];
+  columnsFloatView: STColumn[] = [];
+  ViewCause: any;  // 变更运费查看数据
+  resourceStatus: any;
+  tabs = {
+    totalCount: 0,
+    qualifiedtity: 0,
+    spotQuantity: 0,
+    unstayQuantity: 0
+  };
+  constructor(
+    public service: OrderManagementService,
+    private modal: NzModalService,
+    public shipperservice: ShipperBaseService,
+    private router: Router
+  ) { }
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const a: any = {};
+    if (this.resourceStatus >= 0) {
+      a.complianceStatus = this.resourceStatus;
+    }
+    const params: any = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    return {
+      ...a,
+      ...params,
+      createTime: {
+        start: this.sf?.value?.createTime?.[0] || '',
+        end: this.sf?.value?.createTime?.[1] || ''
+      }
+    };
+  }
+  get changeParams() {
+    return {
+      id: this.changeId
+    };
+  }
+  get selectedRows() {
+    return this.st?.list.filter(item => item.checked) || [];
+  }
+  get changeViewParams() {
+    return {
+      id: this.changeViewId
+    };
+  }
+  search() {
+    this.st?.load(1);
+    this.getGoodsSourceStatistical();
+  }
+  getGoodsSourceStatistical() {
+    this.tabs = {
+      totalCount: 0,
+      qualifiedtity: 0,
+      spotQuantity: 0,
+      unstayQuantity: 0
+    };
+    const params: any = Object.assign({}, this.reqParams || {});
+    delete params.complianceStatus
+    this.service.request(this.service.$api_get_getComplianceStatisticalStatus, params).subscribe(res => {
+      if (res) {
+        let totalCount = 0;
+        res.forEach((element: any) => {
+          if (element.complianceStatusLabel === '待抽查') {
+            this.tabs.spotQuantity = element.quantity;
+          } else if (element.complianceStatusLabel === '合格') {
+            this.tabs.qualifiedtity = element.quantity;
+          } else if (element.complianceStatusLabel === '不合格') {
+            this.tabs.qualifiedtity = element.quantity;
+          }
+          totalCount += element.quantity;
+        });
+        this.tabs.totalCount = totalCount;
+      }
+    });
+  }
+  selectChange(e: number) {
+    this.resourceStatus = e - 1;
+    this.initST();
+    setTimeout(() => {
+      this.st.load();
+    }, 500);
+  }
+  ngOnInit(): void {
+    this.getGoodsSourceStatistical();
+    this.initSF();
+    this.initST();
+    this.initSTFloat();
+    this.initSTFloatView();
+  }
+
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        billCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+          }
+        },
+        resourceCode: {
+          type: 'string',
+          title: '货源编号'
+        },
+        shipperAppUserId: {
+          type: 'string',
+          title: '货主',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            onSearch: (q: any) => {
+              let str =q.replace(/^\s+|\s+$/g,"");
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map((res: any) => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+            change: (q: any) => {
+              this.getRegionCode(q);
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseProjectId: {
+          type: 'string',
+          title: '所属项目',
+          ui: {
+            widget: 'select',
+            placeholder: '请先选择货主',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+          } as SFSelectWidgetSchema
+        },
+        loadingPlace: {
+          type: 'string',
+          title: '装货地',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        dischargePlace: {
+          type: 'string',
+          title: '卸货地',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        driverName: {
+          title: '承运司机',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        carNo: {
+          title: '车牌号',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        carCaptainName: {
+          title: '车队长',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        paymentStatus: {
+          title: '支付状态',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'overall:payment:status' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder()
+          }
+        },
+        serviceType: {
+          title: '服务类型',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'service:type' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        createTime: {
+          title: '创建时间',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+      },
+      type: 'object'
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+  // 获取城市列表
+  getRegionCode(regionCode: any) {
+    console.log(regionCode);
+    return this.service
+      .request(this.service.$api_get_enterprise_project, { id: regionCode })
+      .pipe(
+        map(res =>
+          res.map((item: any) => ({
+            label: item.projectName,
+            value: item.id
+          }))
+        )
+      )
+      .subscribe(res => {
+        this.sf.getProperty('/enterpriseProjectId')!.schema.enum = res;
+        this.sf.getProperty('/enterpriseProjectId')!.widget.reset(res);
+        // if (this.enterpriseProjectIds) {
+        //   this.sf1.setValue('/enterpriseProjectId', this.enterpriseProjectIds);
+        // }
+      });
+  }
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '', type: 'checkbox', fixed: 'left', width: '50px', className: 'text-center' },
+      {
+        title: '订单号',
+        width: '180px',
+        fixed: 'left',
+        className: 'text-left',
+        render: 'billCode'
+      },
+      {
+        title: '费用明细',
+        width: '250px',
+        className: 'text-right',
+        render: 'mybidDetailInfo'
+      },
+      { title: '网络货运人', index: 'enterpriseInfoName', width: '220px', className: 'text-left' },
+      { title: '货主', index: 'shipperAppUserName', width: '220px', className: 'text-left' },
+      { title: '所属项目', index: 'enterpriseProjectName', width: '220px', className: 'text-left' },
+      { title: '关联运单号', index: 'wayBillCode', width: '220px', className: 'text-left' },
+      { title: '货源编号', index: 'resourceCode', width: '180px', className: 'text-left' },
+      { title: '服务类型', index: 'serviceTypeLabel', width: '180px', className: 'text-left' },
+      { title: '装货地', index: 'loadingAddressArr', width: '180px', className: 'text-left' },
+      {
+        title: '卸货地',
+        className: 'text-left',
+        width: '180px',
+        index: 'unloadingAddressArr'
+      },
+      {
+        title: '货物信息',
+        className: 'text-left',
+        width: '250px',
+        render: 'goodsName'
+      },
+      {
+        title: '承运司机',
+        className: 'text-left',
+        width: '250px',
+        index: 'driverName',
+        render: 'driverName'
+      },
+      {
+        title: '车队长',
+        className: 'text-left',
+        width: '180px',
+        index: 'payeeName',
+        render: 'payeeName'
+      },
+      {
+        title: '装卸货时间',
+        width: '200px',
+        className: 'text-left',
+        render: 'loadingTime'
+      },
+      {
+        title: '创建时间',
+        width: '180px',
+        className: 'text-left',
+        index: 'createTime'
+      },
+      {
+        title: '审核人',
+        width: '180px',
+        className: 'text-left',
+        index: 'complianceName'
+      },
+      {
+        title: '审核时间',
+        width: '180px',
+        className: 'text-left',
+        index: 'complianceTime'
+      },
+      {
+        title: '状态',
+        width: '180px',
+        className: 'text-left',
+        index: 'complianceStatusLabel'
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '140px',
+        className: 'text-center block-td',
+        buttons: [
+          {
+            text: '查看申诉记录',
+            click: _record => this.appeal(_record),
+            // iif: item => item.billStatus == '5'
+          },
+          {
+            text: '运费变更记录',
+            click: _record => this.OpenPrice(_record),
+            // iif: item => item.billStatus == '4',
+            acl: { ability: ['ORDER-COMPLIANCE-AUDIT-listChangeApply'] },
+          },
+          {
+            text: '合规抽查',
+            click: _record => this.audit(_record),
+            iif: item => item.complianceStatus == '0',
+            acl: { ability: ['ORDER-COMPLIANCE-AUDIT-updateBillByCompliance'] },
+          },
+        ]
+      }
+    ];
+  }
+  initSTFloat() {
+    this.columnsFloat = [
+      {
+        title: '序号',
+        className: 'text-center',
+        render: 'order'
+      },
+      {
+        title: '操作时间',
+        className: 'text-center',
+        index: 'applyTime'
+      },
+      {
+        title: '操作人',
+        className: 'text-center',
+        index: 'applyUserName'
+      },
+      { title: '状态', index: 'handleStatusLabel', className: 'text-center' },
+      {
+        title: '操作',
+        fixed: 'right',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '查看',
+            click: (_record) => this.FloatView(_record),
+          },
+          {
+            text: '撤销',
+            click: (_record) => this.revoke(_record),
+            iif: item => item.handleStatus === '1' || item.handleStatus === 1,
+          },
+        ],
+      },
+    ];
+  }
+  initSTFloatView() {
+    this.columnsFloatView = [
+      {
+        title: '费用名称',
+        width: '100px',
+        className: 'text-center',
+        index: 'costName'
+      },
+      {
+        title: '变更前',
+        width: '100px',
+        className: 'text-center',
+        index: 'amountAfterChange',
+        render: 'amountAfterChange'
+      },
+      {
+        title: '变更值',
+        index: 'amountchangeValue',
+        render: 'amountchangeValue',
+        width: '120px',
+        className: 'text-center'
+      },
+      {
+        title: '变更后',
+        index: 'amountBeforeChange',
+        render: 'amountBeforeChange',
+        width: '120px',
+        className: 'text-center'
+      }
+    ];
+  }
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+  // 申诉记录
+  appeal(item: any) {
+    // const modalRef = this.modal.create({
+    //   nzTitle: '申诉',
+    //   nzContent: OneCarOrderAppealComponent,
+    //   nzComponentParams: {
+    //     i: item
+    //   },
+    //   nzFooter: null
+    // });
+    // modalRef.afterClose.subscribe((res) => {
+    //   if(res){
+    //     this.resetSF;
+    //     this.st.load();
+    //   }
+    // });
+    this.router.navigate(['/order-management/risk-detail', item.id]);
+  }
+  /**
+* 浮动费用查看
+*/
+  FloatView(item: any) {
+    console.log(item)
+    this.changeViewId = item.id;
+    this.service.request(this.service.$api_getChangeRecordWholeDetail, { id: this.changeViewId }).subscribe((res) => {
+      this.ViewCause = res;
+    })
+    this.isVisibleView = true
+  }
+  revoke(item: any) {
+    this.modal.confirm({
+      nzTitle: '是否确定立即撤销费用变更！</i>',
+      nzOnOk: () =>
+        this.service.request(this.service.$api_get_revokeChangeRecord, { id: item.id }).subscribe((res) => {
+          console.log(res)
+          if (res) {
+            this.service.msgSrv.success('撤销成功！')
+            this.stFloat.reload()
+          }
+        })
+    });
+  }
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  tabChange(item: any) { }
+  /**
+   * 重置表单
+   */
+  resetSF(): void {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 导入货源
+   */
+  importGoodsSource() { }
+  OpenPrice(item: any) {
+    this.changeId = item.id;
+    this.isVisible = true;
+  }
+
+  initSTAudit(value: number) {
+    if (value == 1) {
+      this.schemaView = {
+        properties: {
+          billCode: {
+            title: '订单号',
+            type: 'string',
+            default: this.auditId,
+            ui: {
+              widget: 'text'
+            }
+          },
+          complianceRemark: {
+            title: '备注',
+            type: 'string',
+            maxLength: 50,
+            ui: {
+              placeholder: '合格可以不用填写原因 ，不合格必须说明原因',
+              widget: 'textarea',
+              autosize: { minRows: 3, maxRows: 6 }
+            }
+          }
+        }
+      };
+    } else {
+      this.schemaView = {
+        properties: {
+          billCode: {
+            title: '',
+            type: 'string',
+            default: `已选${this.selectedRows?.length}条订单`,
+            ui: {
+              widget: 'text'
+            }
+          },
+          complianceRemark: {
+            title: '备注',
+            type: 'string',
+            maxLength: 50,
+            ui: {
+              placeholder: '合格可以不用填写原因 ，不合格必须说明原因',
+              widget: 'textarea',
+              autosize: { minRows: 3, maxRows: 6 }
+            }
+          }
+        }
+      };
+    }
+
+    this.uiView = { '*': { spanLabelFixed: 110, grid: { span: 24 } } };
+  }
+  /*
+ * 审核关闭弹窗
+ */
+  handleCancel(value?: string) {
+    if (value === '0') {
+      this.isVisible = false;
+    } else if (value === '1') {
+      this.isVisibleRE = false;
+    } else if (value === '2') {
+      this.isVisibleView = false;
+    }
+  }
+  /**
+* 审核通过按钮
+*/
+  handleOK() {
+    let idList: any[] = [];
+    if (this.selectedRows.length > 0) {
+      this.selectedRows.forEach(item => {
+        idList.push(item.id);
+      });
+    } else {
+      idList.push(this?.auditIdR)
+    }
+    const parms = {
+      ids: idList,
+      complianceRemark: this.sfView.value.complianceRemark,
+      complianceStatus: 1,
+    };
+    this.service.request(this.service.$api_get_updateBillByCompliance, parms).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('提交成功！');
+        this.isVisibleRE = false;
+        this.st?.load(1);
+        this.getGoodsSourceStatistical()
+      }
+    });
+  }
+  /**
+ * 审核拒绝按钮
+ */
+  reject() {
+    if (!this.sfView.value.complianceRemark) {
+      this.service.msgSrv.error('备注不能为空！');
+      return;
+    }
+    let idList: any[] = [];
+    if (this.selectedRows.length > 0) {
+      this.selectedRows.forEach(item => {
+        idList.push(item.id);
+      });
+    } else {
+      idList.push(this.sfView.value.billCode)
+    }
+    const parms = {
+      ids: idList,
+      complianceRemark: this.sfView.value.complianceRemark,
+      complianceStatus: 2,
+    };
+    this.service.request(this.service.$api_get_updateBillByCompliance, parms).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('提交成功！');
+        this.isVisibleRE = false;
+        this.st?.load(1);
+        this.getGoodsSourceStatistical()
+      }
+    });
+  }
+  /**
+*合规抽查
+*/
+  audit(item?: any) {
+    if (item) {
+      this.isVisibleRE = true;
+      this.auditId = item.billCode;
+      this.auditIdR = item.id;
+      this.initSTAudit(1);
+    } else {
+      if (this.selectedRows.length <= 0) {
+        this.service.msgSrv.error('请选择订单！')
+        return;
+      } else {
+        this.isVisibleRE = true;
+        this.initSTAudit(2);
+      }
+    }
+  }
+    // 导出
+    exprot() {
+      this.service.asyncExport(this.reqParams, this.service.$api_get_asyncExportSpotCheckList);
+    }
+}
diff --git a/src/app/routes/order-management/components/receipts-audit/receipts-audit.component.html b/src/app/routes/order-management/components/receipts-audit/receipts-audit.component.html
new file mode 100644
index 00000000..cb49f728
--- /dev/null
+++ b/src/app/routes/order-management/components/receipts-audit/receipts-audit.component.html
@@ -0,0 +1,137 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-06 11:06:05
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\receipts-audit\\receipts-audit.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<!-- 搜索表单 -->
+<page-header-wrapper [title]="''"> </page-header-wrapper>
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="search()" acl [acl-ability]="['ORDER-RECEIPTS-search']"
+          >查询</button
+        >
+        <button nz-button nzType="primary" [disabled]="false" (click)="exprot()">导出</button>
+        <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card>
+  <nz-tabset (nzSelectedIndexChange)="selectChange($event)" [nzTabBarExtraContent]="extraTemplate">
+    <nz-tab [nzTitle]="'全部(' + tabs?.totalCount + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'待审核(' + tabs?.receivedQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'已审核(' + tabs?.stayQuantity + ')'"></nz-tab>
+  </nz-tabset>
+  <div style="margin-top: 15px">
+    <st
+      #st
+      [bordered]="true"
+      [scroll]="{ x: '2000px' }"
+      [data]="service.$api_get_billExamine_page"
+      [columns]="columns"
+      [req]="{  process: beforeReq }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } , process: afterRes}"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+      [loading]="false"
+    >
+      <ng-template st-row="freightPrice" let-item let-index="index">
+        {{ item.freightPrice | currency }}
+      </ng-template>
+      <ng-template st-row="loadingLadingBillFilePath" let-item let-index="index">
+        <div class="imgBox">
+          <div *ngIf="item.loadingLadingBillFilePath">
+            <app-imagelist style="width: 40px" [imgList]="[item.loadingLadingBillFilePath]"> </app-imagelist>
+          </div>
+          <div *ngIf="item.loadingPeopleVehiclesGoodsFilePath">
+            <app-imagelist style="width: 40px" [imgList]="[item.loadingPeopleVehiclesGoodsFilePath]"> </app-imagelist>
+          </div>
+        </div>
+      </ng-template>
+      <ng-template st-row="unloadingLadingBillFilePath" let-item let-index="index">
+        <div class="imgBox">
+        <div *ngIf="item.unloadingLadingBillFilePath">
+          <app-imagelist style="width: 40px" [imgList]="[item.unloadingLadingBillFilePath]"> </app-imagelist>
+        </div>
+        <div *ngIf="item.unloadingPeopleVehiclesGoodsFilePath">
+          <app-imagelist style="width: 40px" [imgList]="[item.unloadingPeopleVehiclesGoodsFilePath]"> </app-imagelist>
+        </div>
+        </div>
+      </ng-template>
+      <ng-template st-row="loadingTime" let-item let-index="index">
+        <div *ngIf="item?.loadingTime">装 | {{ item?.loadingTime }}</div>
+        <div *ngIf="item?.unloadingTime">卸 | {{ item?.unloadingTime }}</div>
+      </ng-template>
+      <ng-template st-row="driverName" let-item let-index="index">
+        <div> {{ item?.driverName }}{{ item?.driverPhone ? "/" + item?.driverPhone : ''}}{{  item?.carNo ? "/" + item?.carNo : '' }} </div>
+      </ng-template>
+      <ng-template st-row="payeeName" let-item let-index="index">
+        <div> {{ item?.payeeName }}{{item?.payeePhone ? "/" + item?.payeePhone : '' }} </div>
+      </ng-template>
+      <ng-template st-row="billCode" let-item let-index="index">
+        <!-- <div>{{ item.billCode }}</div> -->
+        <a *ngIf="item.resourceType == '1'" [routerLink]="'/order-management/vehicle/vehicle-detail/' + item.id">{{ item.billCode }}</a>
+        <a *ngIf="item.resourceType == '2'"  [routerLink]="'/order-management/bulk/bulk-detail/' + item.id">{{ item.billCode }}</a>
+        <a *ngIf="item.resourceType == '3'"  [routerLink]="'/order-management/vehicle/vehicle-detail/' + item.id">{{ item.billCode }}</a>
+        <div>
+          <span>{{item?.billStatusLabel}}</span>
+        </div>
+        <div>
+          <span >{{item?.resourceTypeLabel}}{{item?.serviceTypeLabel === item?.resourceTypeLabel ? '':item?.serviceTypeLabel}}</span>
+        </div>
+      </ng-template>
+      <ng-template st-row="goodsName" let-item let-index="index">
+        <div>{{ item?.goodsName }}</div>
+        <div>
+          <span>{{ item?.weight ? item?.weight + '吨/' : '' }}</span>
+          <span>{{ item?.volume ? item?.volume + '方/' : '' }}</span>
+          <span>{{ item?.goodsNumber ? item?.goodsNumber + '件' : '' }}</span>
+        </div>
+      </ng-template>
+      <ng-template st-row="mybidDetailInfo" let-item let-index="index">
+        <div *ngIf="item.mybidDetailInfo.length > 0">
+          <p *ngFor="let data of item.mybidDetailInfo">
+            {{ data.expenseName }}：{{ data.price | currency }}
+            <span *ngIf="data.paymentStatusLabel" style="color: #f59a63">{{ data.paymentStatusLabel }}</span>
+          </p>
+        </div>
+      </ng-template>
+    </st>
+  </div>
+</nz-card>
+
+<ng-template #extraTemplate>
+  <div>
+    <button nz-button nzType="primary" (click)="sign('1')"  acl  [acl-ability]="['ORDER-RECEIPTS-billAuditPassBatch']"> 批量通过 </button>
+    <button nz-button nzType="primary" (click)="sign1('1')"  acl  [acl-ability]="['ORDER-RECEIPTS- electronicBilling']"> 批量生成电子单据 </button>
+  </div>
+</ng-template>
diff --git a/src/app/routes/order-management/components/receipts-audit/receipts-audit.component.less b/src/app/routes/order-management/components/receipts-audit/receipts-audit.component.less
new file mode 100644
index 00000000..3b21fa16
--- /dev/null
+++ b/src/app/routes/order-management/components/receipts-audit/receipts-audit.component.less
@@ -0,0 +1,22 @@
+
+    :host {
+     p{
+         margin-bottom: 0
+     }
+     .left_btn {
+          width: 50px;
+         height: 32px; 
+          padding-left: 8px;
+          line-height:32px; 
+          background-color: #d7d7d7;
+     }
+     ::ng-deep {
+        .imgBox {
+          display: flex;
+          img {
+              width: 60px !important; 
+          }
+      }
+      }
+ }
+ 
\ No newline at end of file
diff --git a/src/app/routes/order-management/components/receipts-audit/receipts-audit.component.spec.ts b/src/app/routes/order-management/components/receipts-audit/receipts-audit.component.spec.ts
new file mode 100644
index 00000000..9c92d180
--- /dev/null
+++ b/src/app/routes/order-management/components/receipts-audit/receipts-audit.component.spec.ts
@@ -0,0 +1,35 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-06 20:03:28
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-19 16:47:34
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\receipts-audit\\receipts-audit.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { OrderManagementReceiptsAuditComponent } from './receipts-audit.component';
+
+describe('OrderManagementReceiptsAuditComponent', () => {
+  let component: OrderManagementReceiptsAuditComponent;
+  let fixture: ComponentFixture<OrderManagementReceiptsAuditComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OrderManagementReceiptsAuditComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OrderManagementReceiptsAuditComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/order-management/components/receipts-audit/receipts-audit.component.ts b/src/app/routes/order-management/components/receipts-audit/receipts-audit.component.ts
new file mode 100644
index 00000000..a8b7fe1f
--- /dev/null
+++ b/src/app/routes/order-management/components/receipts-audit/receipts-audit.component.ts
@@ -0,0 +1,583 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { OrderManagementService } from '../../services/order-management.service';
+import { UpdateFreightComponent } from '../../modal/bulk/update-freight/update-freight.component';
+import { ConfirReceiptComponent } from '../../modal/bulk/confir-receipt/confir-receipt.component';
+import { of } from 'rxjs';
+import { ShipperBaseService } from '@shared';
+import { Router } from '@angular/router';
+import { orderManagementVoucherViewComponent } from '../../modal/audit/voucher-view/voucher-view.component';
+
+@Component({
+  selector: 'app-order-management-receipts-audit',
+  templateUrl: './receipts-audit.component.html',
+  styleUrls: ['./receipts-audit.component.less']
+})
+export class OrderManagementReceiptsAuditComponent implements OnInit {
+  ui: SFUISchema = {};
+  uiView: SFUISchema = {};
+  schema: SFSchema = {};
+  schemaView: SFSchema = {};
+  auditMany = false;
+  isVisibleView = false;
+  isVisibleEvaluate = false;
+  isVisible = false;
+  _$expand = false;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  columns: STColumn[] = [];
+  loading: boolean = true;
+  resourceStatus: any;
+  tabs = {
+    receivedQuantity: 0,
+    stayQuantity: 0,
+    totalCount: 0
+  };
+  constructor(
+    public service: OrderManagementService,
+    private modal: NzModalService,
+    public shipperservice: ShipperBaseService,
+    private router: Router
+  ) { }
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const a: any = {};
+    if (this.resourceStatus) {
+      a.auditStatus = this.resourceStatus;
+    }
+    const params: any = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    return {
+      ...a,
+      ...params,
+      createTime: {
+        start: this.sf?.value?.createTime?.[0] || '',
+        end: this.sf?.value?.createTime?.[1] || ''
+      }
+    };
+  }
+  beforeReq = (requestOptions: STRequestOptions) => {
+    const a: any = {};
+    if (this.resourceStatus) {
+      a.auditStatus = this.resourceStatus;
+    }
+    const params: any = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...a,
+      ...params,
+      createTime: {
+        start: this.sf?.value?.createTime?.[0] || '',
+        end: this.sf?.value?.createTime?.[1] || ''
+      }
+      });
+    }
+    this.loading = true;
+    return requestOptions;
+  };
+  afterRes = (data: any[], rawData?: any) => {
+    console.log(data)
+    this.loading = false
+    return data.map(item => ({
+      ...item,
+      // disabled: item.billStatus !== '4' 
+    }));
+  };
+  get selectedRows() {
+    return this.st?.list.filter(item => item.checked) || [];
+  }
+  search() {
+    this.st?.load(1);
+    this.getGoodsSourceStatistical();
+  }
+  getGoodsSourceStatistical() {
+    this.tabs = {
+      receivedQuantity: 0,
+      stayQuantity: 0,
+      totalCount: 0
+    };
+    const params: any = Object.assign({}, this.reqParams || {});
+    delete params.auditStatus
+    this.service.request(this.service.$api_get_getAuditStatistical, params).subscribe(res => {
+      if (res) {
+        let totalCount = 0;
+        res.forEach((element: any) => {
+          if (element.auditStatus == '1') {
+            this.tabs.receivedQuantity = element.quantity;
+          } else if (element.auditStatus == '2') {
+            this.tabs.stayQuantity = element.quantity;
+          }
+          totalCount += element.quantity;
+        });
+        this.tabs.totalCount = totalCount;
+      }
+    });
+  }
+  selectChange(e: number) {
+    this.resourceStatus = e;
+    this.initST();
+    setTimeout(() => {
+      this.st.load();
+      this.getGoodsSourceStatistical();
+    }, 500);
+  }
+  ngOnInit(): void {
+    this.getGoodsSourceStatistical();
+    this.initSF();
+    this.initST();
+  }
+
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        billCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        wayBillCode: {
+          type: 'string',
+          title: '运单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        resourceCode: {
+          type: 'string',
+          title: '货源编号'
+        },
+        shipperAppUserId: {
+          type: 'string',
+          title: '货主',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            onSearch: (q: any) => {
+              let str =q.replace(/^\s+|\s+$/g,"");
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map((res: any) => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+            change: (q: any) => {
+              this.getRegionCode(q);
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseProjectId: {
+          type: 'string',
+          title: '所属项目',
+          ui: {
+            widget: 'select',
+            placeholder: '请先选择货主',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+          } as SFSelectWidgetSchema
+        },
+        loadingPlace: {
+          type: 'string',
+          title: '装货地',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        dischargePlace: {
+          type: 'string',
+          title: '卸货地',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        driverName: {
+          title: '承运司机',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        carNo: {
+          title: '车牌号',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        carCaptainName: {
+          title: '车队长',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        paymentStatus: {
+          title: '支付状态',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'overall:payment:status' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder()
+          }
+        },
+        serviceType: {
+          title: '服务类型',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'service:type' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        billStatus: {
+          title: '运输状态',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'bill:status' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        loadingDocuments: {
+          type: 'string',
+          title: '装卸货凭证',
+          enum:[ 
+            {label: '全部',value: ''},
+            {label: '无装卸货凭证',value: '1'},
+            {label: '装卸货凭证齐全',value: '2'},
+            {label: '只有装货凭证',value: '3'},
+            {label: '只有卸货凭证',value: '4'},
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+          }
+        },
+      },
+      type: 'object'
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '', type: 'checkbox', fixed: 'left', width: '50px', className: 'text-center' },
+      {
+        title: '订单号',
+        width: '180px',
+        fixed: 'left',
+        className: 'text-left',
+        render: 'billCode'
+      },
+      {
+        title: '运费明细',
+        width: '250px',
+        className: 'text-right',
+        render: 'mybidDetailInfo'
+      },
+      { title: '网络货运人', index: 'enterpriseInfoName', width: '250px', className: 'text-left' },
+      { title: '货主', index: 'shipperAppUserName', width: '250px', className: 'text-left' },
+      { title: '所属项目', index: 'enterpriseProjectName', width: '250px', className: 'text-left' },
+      { title: '货源编号', index: 'resourceCode', width: '180px', className: 'text-left' },
+      { title: '装货地', index: 'loadingAddressArr', width: '180px', className: 'text-left' },
+      {
+        title: '卸货地',
+        className: 'text-left',
+        width: '180px',
+        index: 'unloadingAddressArr'
+      },
+      {
+        title: '货物信息',
+        className: 'text-left',
+        width: '250px',
+        render: 'goodsName'
+      },
+      {
+        title: '承运司机',
+        className: 'text-left',
+        width: '250px',
+        index: 'driverName',
+        render: 'driverName'
+      },
+      {
+        title: '车队长',
+        className: 'text-left',
+        width: '180px',
+        index: 'payeeName',
+        render: 'payeeName'
+      },
+      {
+        title: '装卸货时间',
+        width: '200px',
+        className: 'text-left',
+        render: 'loadingTime'
+      },
+      {
+        title: '装货凭证',
+        width: '180px',
+        className: 'text-left',
+        render: 'loadingLadingBillFilePath'
+      },
+      {
+        title: '卸货凭证',
+        width: '180px',
+        className: 'text-left',
+        render: 'unloadingLadingBillFilePath'
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '136px',
+        className: 'text-center block-td',
+        buttons: [
+          {
+            text: '生成电子单据',
+            click: _record => this.generate(_record, 2),
+            iif: item =>  !item?.loadingElectronicsLadingBillFilePath,
+            acl: { ability: ['ORDER-RECEIPTS-electronicBillingOne'] },
+          },
+          {
+            text: '通过',
+            click: _record => this.sign(_record),
+            iif: item =>  !item?.loadingElectronicsLadingBillFilePath,
+            acl: { ability: ['ORDER-RECEIPTS-billAuditPassBatch'] },
+          },
+          {
+            text: '修改',
+            click: _record => this.modification(_record),
+            iif: item =>   !item?.loadingElectronicsLadingBillFilePath,
+            acl: { ability: ['ORDER-RECEIPTS-updateBillExamine'] },
+          },
+          {
+            text: '查看凭证',
+            click: _record => this.generate(_record, 3),
+            iif: item => item?.loadingElectronicsLadingBillFilePath,
+            acl: { ability: ['ORDER-RECEIPTS-view'] },
+          },
+        ]
+      }
+    ];
+  }
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  tabChange(item: any) { }
+  /**
+   * 重置表单
+   */
+  resetSF(): void {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 导入货源
+   */
+  importGoodsSource() { }
+  audit(item: any) { }
+
+  /**
+   * 审核通过按钮
+   */
+  handleOK() { }
+  OpenPrice(item: any) {
+    this.isVisible = true;
+  }
+  // 修改
+  modification(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '修改',
+      nzWidth: '50%',
+      nzContent: orderManagementVoucherViewComponent,
+      nzComponentParams: {
+        i: item,
+        Status: 1
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((result: any) => {
+      this.st.load(1);
+      this.getGoodsSourceStatistical()
+    });
+  }
+  // 生成电子单据
+  generate(item: any, sts?: number) {
+    let text = '查看凭证';
+    if (sts == 2) {
+      text = '生成电子单据';
+    }
+    const modalRef = this.modal.create({
+      nzTitle: text,
+      nzWidth: '50%',
+      nzContent: orderManagementVoucherViewComponent,
+      nzComponentParams: {
+        i: item,
+        Status: sts
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((result: any) => {
+      if(result) {
+        this.st.load();
+        this.getGoodsSourceStatistical()
+      }
+    });
+  }
+  // 通过
+  sign(item?: any) {
+    let params: any = []
+    let text = '';
+    if (item === '1') {
+      if (this.selectedRows.length <= 0) {
+        this.service.msgSrv.error('请选择订单！')
+        return
+      }
+      this.selectedRows.forEach(ite => {
+        params.push(ite.id);
+      });
+      text = `<b>已选择${this.selectedRows.length}条订单，确认批量通过审核吗？</b>`
+    } else {
+      text = `<b>确认通过审核吗？</b>`
+      params.push(item.id);
+    }
+    console.log(this.selectedRows)
+    console.log(params)
+    this.modal.confirm({
+      nzTitle: text,
+      nzContent: `<b>通过后不可修改，可以再生成电子单据。</b>`,
+      nzOnOk: () =>
+        this.service.request(this.service.$api_get_billAuditPass, params).subscribe(res => {
+          if (res === true) {
+            this.service.msgSrv.success('操作成功！');
+            this.st?.reload(1);
+            this.getGoodsSourceStatistical();
+            this.initST();
+          }
+          this.st?.reload(1);
+          this.getGoodsSourceStatistical();
+        })
+    });
+  }
+  // 批量生成电子单据
+  sign1(item?: any) {
+    if (this.selectedRows?.length <= 0) {
+      this.service.msgSrv.error('请选择订单！')
+      return
+    }
+    let params: any[] = [];
+    this.selectedRows.forEach(item => {
+      params.push(item?.id);
+    });
+    this.modal.confirm({
+      nzTitle: `<b>已选择${this.selectedRows.length}条订单，确认批量生成电子单据吗？</b>`,
+      nzContent: `<b>确认后单据不可修改，请谨慎操作。</b>`,
+      nzOnOk: () =>
+           {
+            this.service.downloadFile(this.service.$api_createBillTakeGoods,params)
+            this.service.downloadFile(this.service.$api_createBillDischargeGoods,params)
+            this.service.msgSrv.success('生成成功！');
+             this.st?.reload()
+        //   this.getGoodsSourceStatistical();
+       }
+      })
+  }
+   // 获取所属项目
+   getRegionCode(regionCode: any) {
+    console.log(regionCode);
+    return this.service
+      .request(this.service.$api_get_enterprise_project, { id: regionCode })
+      .pipe(
+        map(res =>
+          res.map((item: any) => ({
+            label: item.projectName,
+            value: item.id
+          }))
+        )
+      )
+      .subscribe(res => {
+        this.sf.getProperty('/enterpriseProjectId')!.schema.enum = res;
+        this.sf.getProperty('/enterpriseProjectId')!.widget.reset(res);
+        // if (this.enterpriseProjectIds) {
+        //   this.sf1.setValue('/enterpriseProjectId', this.enterpriseProjectIds);
+        // }
+      });
+  }
+      // 导出
+      exprot() {
+        this.service.asyncExport(this.reqParams, this.service.$api_get_asyncExportExamineBillList);
+      }
+}
diff --git a/src/app/routes/order-management/components/risk-detail/risk-detail.component.html b/src/app/routes/order-management/components/risk-detail/risk-detail.component.html
new file mode 100644
index 00000000..bfceb298
--- /dev/null
+++ b/src/app/routes/order-management/components/risk-detail/risk-detail.component.html
@@ -0,0 +1,63 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-16 10:19:08
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-24 14:12:14
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\risk-detail\\risk-detail.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="''" [logo]="logo">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+<nz-card nzTitle="运单信息">
+  <sv-container labelWidth="150" col="2">
+    <sv label="订单号">{{i?.billCode}}</sv>
+    <sv label="申诉状态">
+      <span >{{i?.representationsStatusLabel}}</span>
+    </sv>
+    <sv label="承运司机">{{i?.driverName ? i?.driverName + '/': ''}} {{i?.driverPhone ?i?.driverPhone + '/': '' }}  {{i?.carNo}}</sv>
+    <sv label="车队长"> {{i?.carCaptainName ? i?.carCaptainName+ '/' : ''}}{{i?.carCaptainPhone}} </sv>
+    <sv label="装货时间">{{i?.loadTime}}</sv>
+    <sv label="卸货时间">{{i?.unloadTime}}</sv>
+    <sv label="装货地">{{i?.loadingPlace}}</sv>
+    <sv label="卸货地">{{i?.dischargePlace}}</sv>
+    <sv label="异常原因" col="1">
+      <div class="bg-grey-lighter p-sm">
+        <div *ngFor="let items of i?.billComplianceVOS">
+          <div>{{items.complianceName}}</div>
+        </div>
+      </div>
+    </sv>
+  </sv-container>
+</nz-card>
+<!-- <nz-card nzTitle="申诉信息" >
+  <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="schema" [formData]="i">
+    <ng-template sf-template="enterpriseQualificationCe" let-schema="schema" let-item let-ui="ui">
+      <app-imagelist [imgList]="i?.fileArr"></app-imagelist>
+    </ng-template>
+  </sf>
+</nz-card> -->
+<nz-card nzTitle="申诉信息" >
+  <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="i" [formData]="i">
+    <ng-template sf-template="uploadVanchor" let-schema="schema" let-me let-ui="ui">
+      <!-- <nz-upload *ngIf="me.formProperty.value" [nzFileList]="me.formProperty.value" [nzShowButton]="false"
+        [nzShowUploadList]="{showRemoveIcon:false}">
+      </nz-upload> -->
+      <app-imagelist *ngIf="i.fileArr" [imgList]="i.fileArr"></app-imagelist>
+    </ng-template>
+  </sf>
+</nz-card>
+<nz-card class="dealBox" nzTitle="申诉处理">
+  <nz-timeline nzMode="left">
+    <nz-timeline-item [nzLabel]="item?.operatorTimestamp" nzColor="green" *ngFor="let item of logList">
+      <div>{{item?.operationContent}}</div>
+      <div>操作人:{{item?.operator}}</div>
+    </nz-timeline-item>
+  </nz-timeline>
+</nz-card>
diff --git a/src/app/routes/order-management/components/risk-detail/risk-detail.component.less b/src/app/routes/order-management/components/risk-detail/risk-detail.component.less
new file mode 100644
index 00000000..0df0abc9
--- /dev/null
+++ b/src/app/routes/order-management/components/risk-detail/risk-detail.component.less
@@ -0,0 +1,10 @@
+.info{
+    color: #666;
+}
+:host{
+    ::ng-deep{
+        .dealBox .ant-card-body{
+            width: 500px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/order-management/components/risk-detail/risk-detail.component.spec.ts b/src/app/routes/order-management/components/risk-detail/risk-detail.component.spec.ts
new file mode 100644
index 00000000..02ad6800
--- /dev/null
+++ b/src/app/routes/order-management/components/risk-detail/risk-detail.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { OrderManagementRiskDetailComponent } from './risk-detail.component';
+
+describe('OrderManagementRiskDetailComponent', () => {
+  let component: OrderManagementRiskDetailComponent;
+  let fixture: ComponentFixture<OrderManagementRiskDetailComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OrderManagementRiskDetailComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OrderManagementRiskDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/order-management/components/risk-detail/risk-detail.component.ts b/src/app/routes/order-management/components/risk-detail/risk-detail.component.ts
new file mode 100644
index 00000000..d982d8f4
--- /dev/null
+++ b/src/app/routes/order-management/components/risk-detail/risk-detail.component.ts
@@ -0,0 +1,160 @@
+import { Component, OnInit, ViewChild, ɵɵsetComponentScope } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { SFComponent, SFSchema, SFSelectWidgetSchema, SFTextareaWidgetSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { OrderManagementService } from '../../services/order-management.service';
+// import { RiskOrderService } from '../../services/risk-order.service';
+// import { CtcAppealComponent } from '../appeal/appeal.component';
+
+@Component({
+  selector: 'app-oder-management-component-risk-detail',
+  templateUrl: './risk-detail.component.html',
+  styleUrls: ['./risk-detail.component.less']
+})
+export class OrderManagementRiskDetailComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  ui: SFUISchema = {};
+  schema: SFSchema = {};
+  // abnormalReason = [
+  //   '司机装货轨迹异常',
+  //   '司机卸货轨迹异常',
+  //   '车辆装货轨迹异常',
+  //   '司机位置未移动，或运输途中未打开APP',
+  //   '运单轨迹严重异常'
+  // ]
+  i: any;
+  logList: any = [];
+  id: string = '';
+  constructor(private modal: NzModalService, public service: OrderManagementService, public ar: ActivatedRoute) {
+    this.id = this.ar.snapshot.params.id;
+  }
+
+  ngOnInit(): void {
+    if (this.id)
+    {
+      this.getDetail(this.id);
+      this.initSF();
+    } 
+    
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        representationsCauseLabel: {
+          title: '申诉原因',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            widget: 'text',
+            change: (value, orgData) => console.log(value, orgData),
+          } as SFSelectWidgetSchema,
+        },
+        representationsDescribe: {
+          title: '申诉描述',
+          type: 'string',
+          ui: {
+            widget: 'textarea',
+            placeholder: '请输入',
+            autosize: {
+              minRows: 4,
+              maxRows: 4
+            }
+          },
+
+          readOnly: true
+
+        } as SFTextareaWidgetSchema,
+        uploadVanchor: {
+          type: 'string',
+          title: '上传凭证',
+          ui: {
+            widget: 'custom'
+          }
+        },
+      },
+    };
+
+    this.ui = {
+      '*': {
+        spanLabelFixed: 180,
+        grid: { span: 18 },
+        width: 600,
+      },
+      $title1: {
+        spanLabelFixed: 0,
+      },
+      $title2: {
+        spanLabelFixed: 0,
+      },
+      $title3: {
+        spanLabelFixed: 0,
+      },
+      $unit: {
+        spanLabelFixed: 20,
+        grid: { span: 3 },
+      },
+    };
+  }
+    /**
+   * 获取详情
+   * @param id
+   */
+     getDetail(id: string) {
+      this.service.request(this.service.$api_get_getRiskDetail, { id }).subscribe(res => {
+        if (res) {
+          this.i = Object.assign({}, res);
+          console.log(this.i);
+          let list: any = [];
+          this.i.fileArr.map((item: any, index: number) => {
+            const obj = {
+              uid: index,
+              name: '文件' + (index + 1),
+              status: 'done',
+              url: item,
+            };
+            list.push(obj);
+          });
+          this.i.uploadVanchor = list;
+          this.initSF();
+          this.getLog(this.i?.billCode);
+        }
+      })
+    }
+  // getDetail(id: string) {
+
+  //   this.service.request(this.service.$api_get_getRiskDetail, { id }).subscribe(res => {
+  //     if (res) {
+  //       this.i = res;
+  //     }
+  //   })
+  // }
+
+  edit(item: any): void {
+    const modalRef = this.modal.create({
+      nzTitle: '申诉',
+      nzWidth: '40%',
+      // nzContent: CtcAppealComponent,
+      nzComponentParams: {
+        i: item
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe(res => {
+      if (res) {
+
+      }
+    })
+  }
+  goBack() {
+    window.history.go(-1)
+  }
+ /**
+   * 获取操作日志
+   */
+  getLog(operateObject: any) {
+    this.service.request(this.service.$api_get_risk_order_log, { operateObject, operateType: '8', size: 100 }).subscribe(res => {
+      this.logList = res?.records;
+    })
+  }
+}
diff --git a/src/app/routes/order-management/components/risk/risk.component.html b/src/app/routes/order-management/components/risk/risk.component.html
new file mode 100644
index 00000000..9f81f0fe
--- /dev/null
+++ b/src/app/routes/order-management/components/risk/risk.component.html
@@ -0,0 +1,133 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-08 13:51:12
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\risk\\risk.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<!-- 搜索表单 -->
+<page-header-wrapper [title]="''"> </page-header-wrapper>
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="search()"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" class="text-right">
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="search()"  acl  [acl-ability]="['ORDER-RISK-search']">查询</button>
+        <button nz-button nzType="primary" [disabled]="false" (click)="exprot()">导出</button>
+        <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card>
+  <nz-tabset (nzSelectedIndexChange)="selectChange($event)" [nzTabBarExtraContent]="extraTemplate">
+    <nz-tab [nzTitle]="'全部'"></nz-tab>
+    <nz-tab [nzTitle]="'待申诉(' + tabs?.stayQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'申诉中(' + tabs?.underwayQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'申诉成功(' + tabs?.receivedQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'申诉失败(' + tabs?.cancelQuantity + ')'"></nz-tab>
+  </nz-tabset>
+  <div style="margin-top: 15px">
+    <st
+      #st
+      [bordered]="true"
+      [scroll]="{ x: '2000px' }"
+      [data]="service.$api_get_listRiskPage"
+      [columns]="columns"
+      [req]="{  process: beforeReq }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } , process: afterRes}"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+      [loading]="false"
+    >
+      <ng-template st-row="billCode" let-item let-index="index">
+        <a  [routerLink]="'/order-management/risk-detail/' + item.id">{{ item.billCode }}</a>
+        <div>
+          <span>{{ item?.representationsStatusLabel }}</span>
+        </div>
+        <div>
+          <span >{{item?.billTypeLabel}}{{item?.billTypeLabel === item?.serviceTypeLabel ? '' : item?.serviceTypeLabel}}</span>
+        </div>
+      </ng-template>
+      <ng-template st-row="timeer" let-item let-index="index">
+        <p>创建时间：{{ item?.createTime }}</p>
+        <p>装货时间：{{ item?.loadTime }}</p>
+        <p>卸货时间：{{ item?.unloadTime }}</p>
+      </ng-template>
+      <ng-template st-row="billComplianceVOS" let-item let-index="index">
+        <div *ngFor="let items of item?.billComplianceVOS">
+          <div>{{items.complianceName}}</div>
+        </div>
+      </ng-template>
+      <ng-template st-row="driverName" let-item let-index="index">
+        <div> {{ item?.driverName }}{{  item?.driverPhone ? "/" + item?.driverPhone : '' }}{{   item?.carNo ? "/" + item?.carNo : ''}} </div>
+      </ng-template>
+      <ng-template st-row="payeeName" let-item>
+        <div *ngIf="item?.driverId !== item?.payeeId">
+          <div>{{item.payeeName}}</div>
+          <div>{{item.payeePhone}}</div>
+        </div>
+        <div *ngIf="item?.driverId === item?.payeeId">-</div>
+      </ng-template>
+      <ng-template st-row="freightDetails" let-item let-index="index">
+        <div *ngIf="item.freightDetails.length > 0">
+          <p *ngFor="let data of item.freightDetails"> {{ data.expenseName }}：{{ data.price | currency }} </p>
+        </div>
+      </ng-template>
+      <ng-template st-row="goodsInfoVOList" let-item let-index="index">
+        <div *ngFor="let i of item?.goodsInfoVOList">
+          <p>货物名称：{{ i?.goodsName }}</p>
+          <p>重量/体积：{{ i?.weight ? i?.weight + '吨' : '' }}{{  i?.volume ? "/" + i?.volume + '方' : ''}}</p>
+          <p>车型/车长：{{ i?.carModelLabel }} {{ i?.carLengthLabel ? "/" + i?.carLengthLabel : ''}}</p>
+        </div>
+      </ng-template>
+    </st>
+  </div>
+</nz-card>
+
+<nz-modal
+  [(nzVisible)]="isVisibleRE"
+  [nzWidth]="600"
+  [nzFooter]="nzModalFooterview2"
+  (nzOnOk)="handleOK()"
+  nzTitle="审核"
+  (nzOnCancel)="handleCancel()"
+>
+  <ng-container *nzModalContent>
+    <sf #sfView [schema]="schemaView" [ui]="uiView" [compact]="true" [button]="'none'"> </sf>
+  </ng-container>
+  <ng-template #nzModalFooterview2>
+    <button nz-button nzType="default" (click)="reject()">拒绝</button>
+    <button nz-button nzType="primary" (click)="handleOK()">通过</button>
+  </ng-template>
+</nz-modal>
+
+<ng-template #extraTemplate>
+  <div>
+    <button nz-button nzType="primary" (click)="audit()"  acl  [acl-ability]="['ORDER-RISK-batchAudit']"> 批量审核 </button>
+  </div>
+</ng-template>
diff --git a/src/app/routes/order-management/components/risk/risk.component.less b/src/app/routes/order-management/components/risk/risk.component.less
new file mode 100644
index 00000000..987664d0
--- /dev/null
+++ b/src/app/routes/order-management/components/risk/risk.component.less
@@ -0,0 +1,13 @@
+
+    :host {
+        p{
+            margin-bottom: 0
+        }
+        .left_btn {
+             width: 50px;
+            height: 32px; 
+             padding-left: 8px;
+             line-height:32px; 
+             background-color: #d7d7d7;
+        }
+    }
\ No newline at end of file
diff --git a/src/app/routes/order-management/components/risk/risk.component.spec.ts b/src/app/routes/order-management/components/risk/risk.component.spec.ts
new file mode 100644
index 00000000..7885a90c
--- /dev/null
+++ b/src/app/routes/order-management/components/risk/risk.component.spec.ts
@@ -0,0 +1,34 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-07 14:27:59
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:19:18
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\risk\\risk.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { OrderManagementRiskComponent } from './risk.component';
+
+describe('OrderManagementRiskComponent', () => {
+  let component: OrderManagementRiskComponent;
+  let fixture: ComponentFixture<OrderManagementRiskComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OrderManagementRiskComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OrderManagementRiskComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/order-management/components/risk/risk.component.ts b/src/app/routes/order-management/components/risk/risk.component.ts
new file mode 100644
index 00000000..14e690d7
--- /dev/null
+++ b/src/app/routes/order-management/components/risk/risk.component.ts
@@ -0,0 +1,539 @@
+import { registerLocaleData } from '@angular/common';
+import { Router } from '@angular/router';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { OrderManagementService } from '../../services/order-management.service';
+
+@Component({
+  selector: 'app-supply-management-risk',
+  templateUrl: './risk.component.html',
+  styleUrls: ['./risk.component.less']
+})
+export class OrderManagementRiskComponent implements OnInit {
+  ui: SFUISchema = {};
+  uiView: SFUISchema = {};
+  schema: SFSchema = {};
+  schemaView: SFSchema = {};
+  auditMany = false;
+  loading: boolean = true;
+  auditId: any;
+  auditIdR: any;
+  isVisibleRE = false;
+  resourceStatus: any;
+  _$expand = false;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfView', { static: false }) sfView!: SFComponent;
+  columns: STColumn[] = [];
+  tabs = {
+    underwayQuantity: 0,
+    cancelQuantity: 0,
+    receivedQuantity: 0,
+    stayQuantity: 0
+  };
+  constructor(
+    public service: OrderManagementService,
+    public shipperservice: ShipperBaseService,
+    private modal: NzModalService,
+    public router: Router
+  ) { }
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const a: any = {};
+    if (this.resourceStatus) {
+      a.representationsStatus = this.resourceStatus
+    }
+    const params: any = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    return {
+      ...a,
+      ...params,
+      createTime: {
+        start: this.sf?.value?.createTime?.[0] || '',
+        end: this.sf?.value?.createTime?.[1] || '',
+      },
+    };
+  }
+  beforeReq = (requestOptions: STRequestOptions) => {
+    const a: any = {};
+    if (this.resourceStatus) {
+      a.representationsStatus = this.resourceStatus
+    }
+    const params: any = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...a,
+        ...params,
+        createTime: {
+          start: this.sf?.value?.createTime?.[0] || '',
+          end: this.sf?.value?.createTime?.[1] || '',
+        },
+      });
+    }
+    this.loading = true;
+    return requestOptions;
+  };
+  afterRes = (data: any[], rawData?: any) => {
+    console.log(data)
+    this.loading = false
+    return data.map(item => ({
+      ...item,
+      disabled: item.auditStatus !== '1' 
+    }));
+  };
+  search() {
+    this.st?.load(1);
+    this.getGoodsSourceStatistical()
+  }
+  get selectedRows() {
+    return this.st?.list.filter(item => item.checked) || [];
+  }
+  ngOnInit(): void {
+    this.getGoodsSourceStatistical()
+    this.initSF();
+    this.initST();
+  }
+  getGoodsSourceStatistical() {
+    this.service.request(this.service.$api_get_listStatisticalStatus, this.reqParams).subscribe(res => {
+      if (res) {
+       res.forEach((element: any) => {
+         console.log(element.representationsStatus);
+        if(element.representationsStatus === '1') {
+          this.tabs.stayQuantity = element.quantity
+        } else if (element.representationsStatus == '4') {
+          this.tabs.cancelQuantity = element.quantity
+        } else if (element.representationsStatus == '3') {
+          this.tabs.receivedQuantity = element.quantity
+        }else if (element.representationsStatus == '2') {
+          this.tabs.underwayQuantity = element.quantity
+        }
+       });
+       console.log(this.tabs)
+      }
+    })
+  }
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        billCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            placeholder: '请输入订单号'
+          }
+        },
+        resourceCode: {
+          type: 'string',
+          title: '货源编号'
+        },
+        externalResourceCode: {
+          type: 'string',
+          title: '外部订单号'
+        },
+        loadingPlace: {
+          type: 'string',
+          title: '装货地',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        dischargePlace: {
+          type: 'string',
+          title: '卸货地',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        driverName: {
+          title: '承运司机',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        carNo: {
+          title: '车牌号',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        payeeName: {
+          type: 'string',
+          title: '车队长',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        wayBillType: {
+          title: '运单类型',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'freight:type' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        shipperId: {
+          title: '托运人',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'BulkFreightUnitPriceType' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder(),
+          },
+        },
+        createTime: {
+          title: '创建时间',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        }
+      },
+      type: 'object'
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '', type: 'checkbox', width: '50px', className: 'text-center' },
+      {
+        title: '订单号',
+        width: '200px',
+        className: 'text-left',
+        render: 'billCode'
+      },
+      {
+        title: '申诉状态',
+        width: '180px',
+        className: 'text-left',
+        index: 'representationsStatusLabel'
+      },
+      {
+        title: '货源编号',
+        width: '200px',
+        className: 'text-left',
+        index: 'resourceCode'
+      },
+      {
+        title: '异常信息',
+        width: '200px',
+        className: 'text-left',
+        render: 'billComplianceVOS'
+      },
+      { title: '托运人', index: 'shipperName', width: '200px', className: 'text-left' },
+      { title: '网络货运人', index: 'enterpriseInfoName', width: '250px', className: 'text-left' },
+      {
+        title: '运费明细',
+        className: 'text-right',
+        width: '200px',
+        render: 'freightDetails'
+      },
+      {
+        title: '服务类型',
+        className: 'text-left',
+        width: '100px',
+        index: 'serviceTypeLabel'
+      },
+      {
+        title: '装货地',
+        className: 'text-left',
+        width: '250px',
+        index: 'loadingPlace'
+      },
+      {
+        title: '卸货地',
+        className: 'text-left',
+        width: '250px',
+        index: 'dischargePlace'
+      },
+      {
+        title: '货物信息',
+        className: 'text-left',
+        width: '250px',
+        render: 'goodsInfoVOList'
+      },
+      {
+        title: '承运司机',
+        className: 'text-left',
+        width: '200px',
+        render: 'driverName'
+      },
+      {
+        title: '车队长',
+        className: 'text-left',
+        width: '200px',
+        render: 'payeeName'
+      },
+      {
+        title: '运输信息',
+        className: 'text-left',
+        width: '280px',
+        render: 'timeer'
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '90px',
+        className: 'text-center block-td',
+        buttons: [
+          {
+            text: '审核',
+            click: _record => this.audit(_record),
+            iif: item => item.representationsStatus == '2' ,
+            acl: { ability: ['ORDER-RISK-audit'] },
+          },
+          {
+            text: '详情',
+            click: _record => this.viewEvaluate(_record),
+            iif: item => item.representationsStatus !== '1' ,
+            acl: { ability: ['ORDER-RISK-riskDetail'] },
+          }
+        ]
+      }
+    ];
+  }
+  initSTAudit(value: number) {
+    if (value == 1) {
+      this.schemaView = {
+        properties: {
+          billCode: {
+            title: '订单号',
+            type: 'string',
+            default: this.auditId,
+            ui: {
+              widget: 'text'
+            }
+          },
+          id: {
+            title: '',
+            type: 'string',
+            default: this.auditIdR,
+            ui: {
+              hidden: true
+            }
+          },
+          representationsCause: {
+            title: '备注',
+            type: 'string',
+            maxLength: 50,
+            ui: {
+              placeholder: '通过可以不用填写原因 ，拒绝必须说明原因',
+              widget: 'textarea',
+              autosize: { minRows: 3, maxRows: 6 }
+            }
+          }
+        }
+      };
+    } else {
+      this.schemaView = {
+        properties: {
+          billCode: {
+            title: '',
+            type: 'string',
+            default: `已选${this.selectedRows?.length}条订单`,
+            ui: {
+              widget: 'text'
+            }
+          },
+          representationsCause: {
+            title: '备注',
+            type: 'string',
+            maxLength: 50,
+            ui: {
+              placeholder: '通过可以不用填写原因 ，拒绝必须说明原因',
+              widget: 'textarea',
+              autosize: { minRows: 3, maxRows: 6 }
+            }
+          }
+        }
+      };
+    }
+
+    this.uiView = { '*': { spanLabelFixed: 110, grid: { span: 24 } } };
+  }
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  tabChange(item: any) {
+    console.log(item);
+  }
+  /**
+   * 重置表单
+   */
+  resetSF(): void {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+
+  selectChange(e: number) {
+    this.resourceStatus = e;
+    this.initST();
+    setTimeout(() => {
+      this.st.load();
+    }, 500);
+  }
+  /**
+   * 导入货源
+   */
+  importGoodsSource() { }
+
+  /*
+   * 审核关闭弹窗
+   */
+  handleCancel() {
+    this.isVisibleRE = false;
+  }
+  /**
+   * 审核通过按钮
+   */
+  handleOK() {
+    let idList: any[] = [];
+    if (this.selectedRows.length > 0) {
+      this.selectedRows.forEach(item => {
+        idList.push(item.id);
+      });
+    } else {
+      idList.push(this.sfView.value.id)
+    }
+    const parms = {
+      ids: idList,
+      auditRemark: this.sfView.value.representationsCause,
+      representationsStatus: 3,
+      auditStatus: 2,
+    };
+    this.service.request(this.service.$api_get_listRisk_audit, parms).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('审核通过成功！');
+        this.isVisibleRE = false;
+        this.st?.load(1);
+        this.getGoodsSourceStatistical()
+      }
+    });
+  }
+  /**
+   * 审核拒绝按钮
+   */
+  reject() {
+    let idList: any[] = [];
+    if (this.selectedRows.length > 0) {
+      this.selectedRows.forEach(item => {
+        idList.push(item.id);
+      });
+    } else {
+      idList.push(this.sfView.value.id)
+    }
+    if (!this.sfView.value.representationsCause) {
+      this.service.msgSrv.error('拒绝原因为空！');
+      return;
+    }
+    const parms = {
+      ids: idList,
+      auditRemark: this.sfView.value.representationsCause,
+      representationsStatus: 4,
+      auditStatus: 3,
+    };
+    this.service.request(this.service.$api_get_listRisk_audit, parms).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('审核拒绝成功！');
+        this.isVisibleRE = false;
+        this.st?.load(1);
+        this.getGoodsSourceStatistical()
+      }
+    });
+  }
+  /**
+   *审核
+   */
+  audit(item?: any) {
+    if (item) {
+      this.auditId = item.billCode;
+      this.auditIdR = item.id;
+      this.initSTAudit(1);
+      this.isVisibleRE = true;
+    } else {
+      if (this.selectedRows.length <= 0) {
+        this.service.msgSrv.error('请选择订单！')
+        return;
+      } else {
+        this.initSTAudit(2);
+        this.isVisibleRE = true;
+      }
+    }
+  }
+  /**
+   *查看详情
+   */
+  viewEvaluate(item: any) {
+    this.router.navigate(['/order-management/risk-detail', item.id]);
+  }
+    // 导出
+    exprot() {
+      this.service.asyncExport(this.reqParams, this.service.$api_get_asyncExportRiskBillList);
+    }
+}
diff --git a/src/app/routes/order-management/components/vehicle-detail-change/vehicle-detail-change.component.html b/src/app/routes/order-management/components/vehicle-detail-change/vehicle-detail-change.component.html
new file mode 100644
index 00000000..33d7ebdc
--- /dev/null
+++ b/src/app/routes/order-management/components/vehicle-detail-change/vehicle-detail-change.component.html
@@ -0,0 +1,347 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-23 13:39:58
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-01 11:08:44
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\vehicle-detail-change\\vehicle-detail-change.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<page-header-wrapper [title]="''" [logo]="logo" [content]="headerContent">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+  <ng-template #headerContent>
+    <div nz-row>
+      <button nz-button nzType="primary" nzSize="small" nzDanger>{{ i?.billStatusLabel }}</button>
+      <h4 class="ml-md" style="font-size: 18px">订单号: {{ i?.billCode }}</h4>
+    </div>
+    <div nz-row style="display: flex; justify-content: end"  class="mb-xs">
+      <div nz-col >
+        <button nz-button (click)="cancelChange()">取消修改</button>
+        <button nz-button nzType="primary" (click)="save()" nzGhost>保存修改</button>
+      </div>
+    </div>
+    <div>
+      <div sv-container>
+        <sv label="网络货运人">{{ i?.goodsResource?.enterpriseInfoName }} </sv>
+        <sv label="货主">{{ i?.goodsResource?.shipperAppUserName }} </sv>
+        <sv label="所属项目">{{ i?.goodsResource?.enterpriseProjectName }}</sv>
+        <sv label="服务类型">{{ i?.goodsResource?.serviceTypeLabel }}</sv>
+        <sv label="录单员">{{ i?.createUserName }} {{ i?.createUserPhone ? '/' + i?.createUserPhone : '' }} </sv>
+        <sv label="调度员"
+          >{{ i?.goodsResource?.dispatchName }}{{ i?.goodsResource?.dispatchPhone ? '/' + i?.goodsResource?.dispatchPhone : '' }}
+        </sv>
+        <sv label="外部订单号">{{ i?.externalBillCode }}</sv>
+        <sv label="货源编号">{{ i?.goodsResource?.resourceCode }} </sv>
+        <sv label="运单号">{{ i?.wayBillId }}</sv>
+        <sv label="承诺付款天数">{{ i?.goodsResource?.paymentDays }}</sv>
+      </div>
+
+      <nz-tabset style="margin-top: 15px">
+        <nz-tab nzTitle="装卸货信息" (nzClick)="goDistance(distannce1)"> </nz-tab>
+        <nz-tab nzTitle="基本信息" (nzClick)="goDistance(distannce2)"> </nz-tab>
+        <nz-tab nzTitle="运费信息" (nzClick)="goDistance(distannce3)"> </nz-tab>
+        <nz-tab nzTitle="附件信息" (nzClick)="goDistance(distannce4)"> </nz-tab>
+        <nz-tab nzTitle="轨迹信息" (nzClick)="goDistance(distannce5)"> </nz-tab>
+      </nz-tabset>
+    </div>
+  </ng-template>
+</page-header-wrapper>
+<nz-card nzTitle="运单进度" #distannce1 >
+  <div class="approval-status">
+    <div style="width: 60%; margin: 0 auto">
+        <nz-steps [nzCurrent]="approvalLsit?.length + 1" nzLabelPlacement="vertical">
+          <nz-step     *ngFor="let item of approvalLsit"     [nzTitle]="item?.state"     [nzSubtitle]="item?.stateTime"
+              [nzStatus]="item?.displayStatus === 'SHOW' ? 'finish' : 'wait'"  >
+            </nz-step>
+         </nz-steps>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card>
+  <div class="card-title"
+    >装卸货信息<span class="tip-font">预计公里数：{{ totalDistance }}km，预计行程耗时：{{ totalTime }}小时</span></div
+  >
+  <form nz-form [formGroup]="validateForm1" role="form">
+    <div nz-row [nzGutter]="24">
+      <div nz-col [nzSpan]="10">
+        <div *ngFor="let data1 of startInfo; let idx = index">
+          <nz-form-item>
+            <nz-form-label [nzSpan]="4" nzRequired>装货地</nz-form-label>
+            <nz-form-control [nzErrorTip]="'请输入装货地'">
+              <div class="align-center">
+                <nz-input-group [nzSuffix]="endInconTemp1">
+                  <input
+                    nz-input
+                    [(ngModel)]="data1.detailedAddress"
+                    (click)="openMap('start', idx,data1.detailedAddress)"
+                    formControlName="loadAddress{{ idx }}"
+                    placeholder="请输入装货地"
+                    readonly="true"
+                  />
+                </nz-input-group>
+              </div>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSpan]="4" nzRequired>联系人</nz-form-label>
+            <div style="display: flex;">
+              <nz-form-control [nzErrorTip]="'请输入联系人姓名'">
+                <input
+                  nz-input
+                  [(ngModel)]="data1.appUserName"
+                  formControlName="loadName{{ idx }}"
+                  maxlength="30"
+                  placeholder="请输入联系人姓名"
+                />
+              </nz-form-control>
+              <nz-form-control [nzErrorTip]="'请输入联系人电话'">
+                <input
+                  style="margin-left: 12px"
+                  nz-input
+                  [(ngModel)]="data1.contractTelephone"
+                  maxlength="11"
+                  formControlName="loadPhone{{ idx }}"
+                  placeholder="请输入联系人电话"
+                />
+              </nz-form-control>
+            </div>
+          </nz-form-item>
+        </div>
+      </div>
+      <div nz-col [nzSpan]="4">
+        <div style="display: flex; justify-content: center">
+          <span class="swap-icon" (click)="swapAddress()"><i nz-icon nzType="swap"
+              nzTheme="outline"></i></span>
+        </div>
+      </div>
+      <div nz-col [nzSpan]="10">
+        <div *ngFor="let data2 of endInfo; let idx = index">
+          <nz-form-item>
+            <nz-form-label [nzSpan]="4" nzRequired>卸货地</nz-form-label>
+            <nz-form-control [nzErrorTip]="'请输入卸货地'">
+              <div class="align-center">
+                <nz-input-group [nzSuffix]="endInconTemp1">
+                  <input
+                    nz-input
+                    [(ngModel)]="data2.detailedAddress"
+                    (click)="openMap('end', idx,data2.detailedAddress)"
+                    formControlName="unloadAddress{{ idx }}"
+                    placeholder="请输入卸货地"
+                    readonly="true"
+                  />
+                </nz-input-group>
+                <!-- <span style="padding: 0 10px"
+                  ><i nz-icon nzType="menu" nzTheme="outline" style="color: #1890ff" (click)="chooseAddress(idx, 'end')"></i
+                ></span> -->
+              </div>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSpan]="4" nzRequired>联系人</nz-form-label>
+            <div style="display: flex;">
+              <nz-form-control [nzErrorTip]="'请输入联系人姓名'">
+                <input
+                  nz-input
+                  [(ngModel)]="data2.appUserName"
+                  maxlength="30"
+                  formControlName="unloadName{{ idx }}"
+                  placeholder="请输入联系人姓名"
+                />
+              </nz-form-control>
+              <nz-form-control [nzErrorTip]="'请输入联系人电话'">
+                <input
+                  style="margin-left: 12px"
+                  nz-input
+                  [(ngModel)]="data2.contractTelephone"
+                  formControlName="unloadPhone{{ idx }}"
+                  maxlength="11"
+                  placeholder="请输入联系人电话"
+                />
+              </nz-form-control>
+            </div>
+          </nz-form-item>
+        </div>
+      </div>
+    </div>
+    <ng-template #endInconTemp1><i nz-icon nzType="environment" nzTheme="outline"></i></ng-template>
+  </form>
+</nz-card>
+<nz-card nzTitle="基本信息" configuration #distannce2>
+      <sf #sf3 [schema]="schema3" [formData]="sf3data" [button]="'none'" [ui]="ui3"></sf>
+      <sf #sf4 [schema]="schema4" [formData]="sf4data" [button]="'none'" [ui]="ui4">
+        <ng-template sf-template="weight" let-item let-ui="ui">
+          <nz-input-group [nzAddOnAfter]="'吨'">
+            <input
+              nz-input
+              type="number"
+              [ngModel]="item.value"
+              min="0"
+              step="0.01"
+              (ngModelChange)="item.setValue($event)"
+              placeholder="总重量，必填"
+            />
+          </nz-input-group>
+        </ng-template>
+        <ng-template sf-template="volume" let-item let-ui="ui">
+          <nz-input-group [nzAddOnAfter]="'方'">
+            <input
+              nz-input
+              type="number"
+              [ngModel]="item.value"
+              min="0"
+              step="0.01"
+              (ngModelChange)="item.setValue($event)"
+              placeholder="总体积"
+            />
+          </nz-input-group>
+        </ng-template>
+
+        <ng-template sf-template="number" let-item let-ui="ui">
+          <nz-input-group [nzAddOnAfter]="'车'">
+            <input
+              nz-input
+              type="number"
+              [ngModel]="item.value"
+              min="0"
+              step="0.01"
+              (ngModelChange)="item.setValue($event)"
+              placeholder="总车次"
+            />
+          </nz-input-group>
+        </ng-template>
+
+        <ng-template sf-template="carmand" let-item let-ui="ui">
+          {{ i?.carModel }}{{ i?.carLength ? '/' + i?.carLength : '' }}
+        </ng-template>
+        <ng-template sf-template="drivers" let-item let-ui="ui">
+          {{ i?.driverName }}{{i?.driverPhone ? "/" + i?.driverPhone : ''}}{{ i?.carNo ? "/" + i?.carNo : ''}} 
+        </ng-template>
+
+        <ng-template sf-template="weightModel" let-item let-ui="ui">
+          {{ i?.driverCarModelLabel }},{{ i?.driverCarLengthLabel }}米,{{ i?.driverCarWeight }}吨 
+        </ng-template>
+
+        <ng-template sf-template="loadTime" let-item let-ui="ui">
+          <nz-date-picker nzShowTime nzFormat="yyyy-MM-dd HH:mm:ss" [(ngModel)]="loadTime"></nz-date-picker>
+        </ng-template>
+        <ng-template sf-template="unloadTime" let-item let-ui="ui">
+          <nz-date-picker nzShowTime nzFormat="yyyy-MM-dd HH:mm:ss" [(ngModel)]="unloadTime"></nz-date-picker>
+        </ng-template>
+      </sf>
+</nz-card>
+
+<nz-card nzTitle="运费信息" #distannce3>
+  <st #st [data]="billExpenses" [columns]="logColumns" [ps]="0" [page]="{ show: false, showSize: false }">
+    <ng-template st-row="price" let-item let-index="index">
+      {{ item.price | currency }}
+    </ng-template>
+    <ng-template st-row="prices" let-item let-index="index">
+      {{ item.price + item.surcharge  | currency }}
+    </ng-template>
+    <ng-template st-row="surcharge" let-item let-index="index">
+      {{ item.surcharge | currency }}
+    </ng-template>
+  </st>
+  <div>
+    总计：<span style="color: #da001b; font-size: 18px">{{ i?.totalAmount | currency }}</span> （运费{{ i?.totalFreight | currency }}，
+    附加费{{ i?.totalSurcharge | currency }}，附加费率{{ (i?.totalRate * 100).toFixed(2)}}% ）
+  </div>
+  <div *ngIf ="i?.payeePhone && i?.payeePhone !== i?.driverPhone">车队长：{{ i?.payeeName }}{{   i?.payeePhone ? "/" +  i?.payeePhone : ''}}</div>
+</nz-card>
+
+<nz-card nzTitle="附件信息" #distannce4>
+  <sv-container>
+    <sv label="协议附件">
+      <a *ngIf = "i?.contractContent?.contractContent" (click)="agreement('1')">查看附件</a> &nbsp;&nbsp;&nbsp;&nbsp;
+      <a *ngIf = "i?.supplementContent?.contractContent" (click)="agreement('2')">补充协议</a>
+    </sv>
+  </sv-container>
+  <sv-container col="2" class="mt-md">
+    <sf #sf mode="edit" [schema]="schema" [ui]="ui" [formData]="formData" button="none"></sf>
+  </sv-container>
+</nz-card>
+<nz-card nzTitle="补充信息">
+  <sv-container>
+    <sv label="是否回单">
+      {{ i?.supplementaryInformationVO?.stateReceipt  ? '是' : '否' }}
+    </sv>
+    <sv label="回单类型"  *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      {{ i?.supplementaryInformationVO?.receiptType === '1' ? '电子回单' : '纸质回单' }}
+    </sv>
+    <sv label="联系人"  *ngIf="i?.supplementaryInformationVO?.stateReceipt"> {{ i?.supplementaryInformationVO?.receiptUserName }} / {{ i?.supplementaryInformationVO?.phon }} </sv>
+    <sv label="所在地区"  *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      {{ i?.supplementaryInformationVO?.area }}
+    </sv>
+    <sv label="详细地址"  *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      {{ i?.supplementaryInformationVO?.address }}
+    </sv>
+
+  </sv-container>
+  <sv-container col="1" class="mt-md">
+    <sv label="回单凭证"  *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      <nz-upload
+        class="avatar-uploader"
+        [nzAction]="service.$api_upload_url"
+        [nzName]="'multipartFile'"
+        nzListType="picture-card"
+        [(nzFileList)]="listImagUrls"
+        [nzShowButton]="listImagUrls.length < 5"
+        [nzPreview]="handlePreview1"
+        [nzBeforeUpload]="beforeUpload"
+        (nzChange)="handleChange1($event)"
+      >
+        <div>
+          <i nz-icon nzType="plus"></i>
+          <div style="margin-top: 8px">请上传图片</div>
+        </div>
+      </nz-upload>
+      <!-- <nz-modal [nzVisible]="previewVisible1" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible1 = false">
+        <ng-template #modalContent>
+          <img [src]="previewImage1" [ngStyle]="{ width: '100%' }" />
+        </ng-template>
+      </nz-modal> -->
+    </sv>
+    <sv label="备注">
+      {{ i?.goodsResource?.remarks }}
+    </sv>
+  </sv-container>
+</nz-card>
+
+<nz-card>
+  <div nz-row>
+    <nz-card nzTitle="轨迹信息" style="width: 100%" [nzExtra]="extraTemplate" #distannce5>
+      <div nz-row>
+        <div nz-col [nzSpan]="12">
+          <st [scroll]="{y: '500px'}" style="min-height: 600px;" #st [data]="addressItems" [columns]="logColumns2" [ps]="0" [page]="{ show: false, showSize: false }">
+          </st>
+        </div>
+        <div nz-col [nzSpan]="12">
+          <amap-path-simplifier [mapWidth]="'100%'" [mapHeight]="'600px'" [mapList]="mapList"></amap-path-simplifier>
+        </div>
+      </div>
+    </nz-card>
+    <ng-template #extraTemplate>
+      <nz-radio-group [(ngModel)]="trajectory" (ngModelChange)="trajectoryChange($event)">
+        <label nz-radio-button nzValue="car">车辆轨迹</label>
+        <label nz-radio-button nzValue="driver">司机轨迹</label>
+      </nz-radio-group>
+    </ng-template>
+  </div>
+</nz-card>
+<nz-modal [(nzVisible)]="isVisible"  nzWidth="1000px"  [nzFooter]="nzModalFooter" [nzTitle]="modalTitle"  (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel()">
+  <ng-container *nzModalContent>
+    <div *ngIf="!modalcontent">暂无附件信息</div>
+    <div [innerHTML]="modalcontent"></div>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="primary" (click)="handleOK()" [disabled]="">取消</button>
+    <button nz-button nzType="default" (click)="handleCancel()">确定  </button>
+  </ng-template>
+</nz-modal>
diff --git a/src/app/routes/order-management/components/vehicle-detail-change/vehicle-detail-change.component.less b/src/app/routes/order-management/components/vehicle-detail-change/vehicle-detail-change.component.less
new file mode 100644
index 00000000..a59b9526
--- /dev/null
+++ b/src/app/routes/order-management/components/vehicle-detail-change/vehicle-detail-change.component.less
@@ -0,0 +1,33 @@
+:host {
+
+    .tip-font {
+        margin-left: 16px;
+        font-weight: 500;
+        font-size: 12px;
+      }
+      
+      .card-title {
+        margin-bottom: 24px;
+        font-weight: bold;
+        font-size: 16px;
+      }
+      
+      .align-center {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .align-center2 {
+        display: flex;
+        align-items: center;
+      }
+      #container {
+        width: 300px;
+        height: 180px;
+      }
+      :host {
+        ::ng-deep {
+          nz-input-number{width: 100%;}
+        }
+      }
+}
\ No newline at end of file
diff --git a/src/app/routes/order-management/components/vehicle-detail-change/vehicle-detail-change.component.spec.ts b/src/app/routes/order-management/components/vehicle-detail-change/vehicle-detail-change.component.spec.ts
new file mode 100644
index 00000000..e9236973
--- /dev/null
+++ b/src/app/routes/order-management/components/vehicle-detail-change/vehicle-detail-change.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { OrderManagementVehicleDetailChangeComponent } from './vehicle-detail-change.component';
+
+describe('OrderManagementVehicleDetailChangeComponent', () => {
+  let component: OrderManagementVehicleDetailChangeComponent;
+  let fixture: ComponentFixture<OrderManagementVehicleDetailChangeComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OrderManagementVehicleDetailChangeComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OrderManagementVehicleDetailChangeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/order-management/components/vehicle-detail-change/vehicle-detail-change.component.ts b/src/app/routes/order-management/components/vehicle-detail-change/vehicle-detail-change.component.ts
new file mode 100644
index 00000000..2132950a
--- /dev/null
+++ b/src/app/routes/order-management/components/vehicle-detail-change/vehicle-detail-change.component.ts
@@ -0,0 +1,967 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-23 13:39:58
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-06 15:12:24
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\vehicle-detail-change\\vehicle-detail-change.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
+import { apiConf } from '@conf/api.conf';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFSelectWidgetSchema, SFUISchema, SFUploadWidgetSchema } from '@delon/form';
+import { AmapPoiPickerComponent, AmapService, EACacheService, EAEnvironmentService, ShipperBaseService } from '@shared';
+import { NzCardComponent } from 'ng-zorro-antd/card';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { NzUploadChangeParam, NzUploadFile } from 'ng-zorro-antd/upload';
+import { Observable, Observer } from 'rxjs';
+import { map } from 'rxjs/operators';
+import format from 'date-fns/format';
+import { OrderManagementService } from '../../services/order-management.service';
+function getBase64(file: File): Promise<string | ArrayBuffer | null> {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = error => reject(error);
+  });
+}
+@Component({
+  selector: 'app-supply-management-vehicle-detail-change',
+  templateUrl: './vehicle-detail-change.component.html',
+  styleUrls: ['./vehicle-detail-change.component.less']
+})
+export class OrderManagementVehicleDetailChangeComponent implements OnInit {
+  validateForm1: FormGroup;
+  id = this.route.snapshot.params.id;
+  @ViewChild('distannce3', { static: false })
+  i: any = { unLoadingPlaceList: [] };
+  totalDistance = 0.0; //总里程
+  totalTime = 0.0; //路程总时间
+  startInfo: any = []; // 装货信息
+  endInfo: any = []; // 卸货信息
+  unloadTime: any; // 货源单设置回显
+  loadTime: any; // 货源单设置回显
+  sf3data: any; // 货源单设置回显
+  sf4data: any; // 货源单设置回显
+  dirverPhone: any; // 货源单设置回显
+  dirverBankCard: any; // 货源单设置回显
+  listImagUrls: any[] = []; // 货源单设置回显
+  billExpenses: any[] = []; //运费信息表格信息
+  dirvingMessage = [];
+  modalcontent: any;
+  modalTitle:string = '';
+  attObj: any;
+  totalObj: any;
+  approvalLsit: any;
+  imges: any;
+  previewImage1 = '';
+  previewVisible1 = false;
+  @ViewChild('sf3', { static: false }) sf3!: SFComponent;
+  schema3: SFSchema = {};
+  ui3!: SFUISchema;
+  @ViewChild('st') st!: STComponent;
+  @ViewChild('sf4', { static: false }) sf4!: SFComponent;
+  schema4: SFSchema = {};
+  isVisible = false;
+  ui4!: SFUISchema;
+  formData: any;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema: SFSchema = {};
+  ui: SFUISchema = {};
+  logColumns: STColumn[] = [
+    { title: '款项', index: 'expenseCodeLabel' },
+    { title: '小计（元）', render: 'prices' },
+    { title: '运输费（元）', render: 'price' },
+    { title: '附加费（元）', render: 'surcharge' },
+    { title: '支付时间', index: 'paymentTime' },
+    {
+      title: '支付状态',
+      className: 'text-center',
+      index: 'paymentStatusLabel',
+    }
+  ];
+  trajectory = 'car';
+  mapList: any[] = []; //地图点位数据组
+  addressItems: any[] = []; //打点地址数据组
+  logColumns2: STColumn[] = [
+    { title: '时间', index: 'vinOutTime' },
+    { title: '地点', index: 'cityName' }
+  ];
+  constructor(
+    private route: ActivatedRoute,
+    private router: Router,
+    private msgSrv: NzMessageService,
+    public service: OrderManagementService,
+    private modalService: NzModalService,
+    private amapService: AmapService,
+    public shipperservice: ShipperBaseService,
+    private ar: ActivatedRoute,
+    fb: FormBuilder,
+    private envSrv: EAEnvironmentService
+  ) {
+    this.validateForm1 = fb.group({
+      loadTime: [null, []],
+      unloadTime: [null, []]
+    });
+  }
+
+  ngOnInit(): void {
+    this.initData();
+    this.initSF3();
+    this.initSF4();
+    this.initSF();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        loadingLadingBillFilePath: {
+          type: 'string',
+          title: '装货凭证',
+          // readOnly: this.i.billStatus !== '4' || this.i.billStatus !== '3',
+          ui: {
+            widget: 'upload',
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            descriptionI18n: '提货单',
+            data: {
+              appId: this.envSrv.env.appId
+            },
+            name: 'multipartFile',
+            beforeUpload: (file: any, fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt1M = file.size / 1024 / 1024 < 5;
+                const fileType = 'image/png,image/jpeg';
+                if (fileType.indexOf(file.type) === -1) {
+                  this.service.msgSrv.warning('图片格式不正确！');
+                  observer.complete();
+                  return;
+                }
+                if (!isLt1M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt1M);
+                observer.complete();
+              });
+            },
+            multiple: false,
+            listType: 'picture-card'
+          } as SFUploadWidgetSchema
+        },
+        loadingPeopleVehiclesGoodsFilePath: {
+          type: 'string',
+          title: '',
+          // readOnly: this.i.billStatus !== '4' || this.i.billStatus !== '3',
+          ui: {
+            widget: 'upload',
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            descriptionI18n: '人车货照片',
+            data: {
+              appId: this.envSrv.env.appId
+            },
+            name: 'multipartFile',
+            beforeUpload: (file: any, fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt1M = file.size / 1024 / 1024 < 5;
+                const fileType = 'image/png,image/jpeg';
+                if (fileType.indexOf(file.type) === -1) {
+                  this.service.msgSrv.warning('图片格式不正确！');
+                  observer.complete();
+                  return;
+                }
+                if (!isLt1M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt1M);
+                observer.complete();
+              });
+            },
+            multiple: false,
+            listType: 'picture-card'
+          } as SFUploadWidgetSchema
+        },
+        no7: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'text'
+          },
+          default: ''
+        },
+        unloadingLadingBillFilePath: {
+          type: 'string',
+          title: '卸货凭证',
+          // readOnly: this.i.billStatus !== '4' || this.i.billStatus !== '3',
+          ui: {
+            widget: 'upload',
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            descriptionI18n: '提货单',
+            data: {
+              appId: this.envSrv.env.appId
+            },
+            name: 'multipartFile',
+            beforeUpload: (file: any, fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt1M = file.size / 1024 / 1024 < 5;
+                const fileType = 'image/png,image/jpeg';
+                if (fileType.indexOf(file.type) === -1) {
+                  this.service.msgSrv.warning('图片格式不正确！');
+                  observer.complete();
+                  return;
+                }
+                if (!isLt1M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt1M);
+                observer.complete();
+              });
+            },
+            multiple: false,
+            listType: 'picture-card'
+          } as SFUploadWidgetSchema
+        },
+        unloadingPeopleVehiclesGoodsFilePath: {
+          type: 'string',
+          title: '',
+          // readOnly: this.i.billStatus !== '4' || this.i.billStatus !== '3',
+          ui: {
+            widget: 'upload',
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            descriptionI18n: '人车货照片',
+            data: {
+              appId: this.envSrv.env.appId
+            },
+            name: 'multipartFile',
+            beforeUpload: (file: any, fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt1M = file.size / 1024 / 1024 < 5;
+                const fileType = 'image/png,image/jpeg';
+                if (fileType.indexOf(file.type) === -1) {
+                  this.service.msgSrv.warning('图片格式不正确！');
+                  observer.complete();
+                  return;
+                }
+                if (!isLt1M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt1M);
+                observer.complete();
+              });
+            },
+            multiple: false,
+            listType: 'picture-card'
+          } as SFUploadWidgetSchema
+        },
+        no5: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'text'
+          },
+          default: ''
+        },
+        no6: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'text'
+          },
+          default: ''
+        }
+      },
+      required: ['loadingLadingBillFilePath', 'unloadingLadingBillFilePath']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 100,
+        grid: { span: 20 }
+      },
+      $unloadingLadingBillFilePath: { grid: { span: 12 } },
+      $unloadingPeopleVehiclesGoodsFilePath: { grid: { span: 12 } },
+      $loadingLadingBillFilePath: { grid: { span: 12 } },
+      $loadingPeopleVehiclesGoodsFilePath: { grid: { span: 12 } },
+      $no4: { grid: { span: 24 } }
+    };
+  }
+  initData() {
+    this.service.request(this.service.$api_get_getWholeBillDetail, { id: this.id }).subscribe(res => {
+      console.log(res);
+      console.log(JSON.stringify(res));
+      if (res) {
+        this.i = res;
+        // this.initSF();
+        this.approvalLsit = res?.scheduleVOList;
+        this.billExpenses = this.i?.billExpenseDetails?.filter(
+          (data: any) => data.expenseCode === 'PRE' || data.expenseCode === 'RECE' || data.expenseCode === 'BACK'
+        );
+        this.approvalLsit.map((item: any, key: any) => {
+          if (item.displayStatus === 'HIDE') {
+            delete this?.approvalLsit?.[key];
+          }
+        });
+        // 对装货凭证进行初始化
+        let arr: any = [];
+        res?.receiptFilePath.forEach((element: any, index: any) => {
+          arr.push({
+            url: element,
+            status: 'done',
+            uid: index
+          });
+        });
+        this.listImagUrls = arr;
+        this.sf4data = res?.goodsInfoList?.[0];
+        this.sf3data = {
+          goodsTypeId: res?.goodsInfoList[0]?.goodsTypeId || '',
+          goodsTypeName: res?.goodsInfoList[0]?.goodsTypeName || '',
+          goodsNameId: res?.goodsInfoList[0]?.goodsNameId || '',
+          goodsName: res?.goodsInfoList[0]?.goodsName || ''
+        };
+        if (this.sf3data.goodsTypeName === '其它') {
+          this.sf3data.goodsName1 = res?.goodsInfoList[0]?.goodsName || '';
+        }
+        this.changeGoodsType(this.sf3data?.goodsTypeId, { label: this.sf3data?.goodsTypeName, value: this.sf3data?.goodsTypeId });
+        // 对装卸货信息进行初始化
+        res?.unLoadingPlaceList.forEach((element: any) => {
+          if (element.type === 1 || element.type === '1') {
+            const controlId = this.startInfo.length;
+            this.startInfo.push({
+              detailedAddress: element.detailedAddress,
+              appUserName: element.appUserName,
+              contractTelephone: element.contractTelephone,
+              latitude: element.latitude,
+              longitude: element.longitude,
+              province: element.province,
+              city: element.city,
+              area: element.area,
+              type: element.type,
+              id: element.id
+            });
+            this.validateForm1.addControl(`loadAddress${controlId}`, new FormControl(null, Validators.required));
+            this.validateForm1.addControl(`loadName${controlId}`, new FormControl(null, Validators.required));
+            this.validateForm1.addControl(`loadPhone${controlId}`, new FormControl(null, Validators.required));
+          } else if (element.type === 2 || element.type === '2') {
+            const controlId = this.endInfo.length;
+            this.endInfo.push({
+              detailedAddress: element?.detailedAddress,
+              appUserName: element?.appUserName,
+              contractTelephone: element?.contractTelephone,
+              latitude: element.latitude,
+              longitude: element.longitude,
+              province: element.province,
+              city: element.city,
+              area: element.area,
+              type: element.type,
+              id: element.id
+            });
+            this.validateForm1.addControl(`unloadAddress${controlId}`, new FormControl(null, Validators.required));
+            this.validateForm1.addControl(`unloadName${controlId}`, new FormControl(null, Validators.required));
+            this.validateForm1.addControl(`unloadPhone${controlId}`, new FormControl(null, Validators.required));
+          }
+        });
+        // 对装货凭证进行初始化
+          this.formData = {
+            loadingLadingBillFilePath: [
+              {
+                uid: 'logo',
+                name: 'LOGO',
+                status: 'done',
+                url: res?.loadingLadingBillFilePath,
+                response: {
+                  url: res?.loadingLadingBillFilePath
+                }
+              }
+            ],
+            loadingPeopleVehiclesGoodsFilePath: [
+              {
+                uid: 'logo',
+                name: 'LOGO',
+                status: 'done',
+                url: res?.loadingPeopleVehiclesGoodsFilePath,
+                response: {
+                  url: res?.loadingPeopleVehiclesGoodsFilePath,
+                }
+              }
+            ],
+            unloadingLadingBillFilePath: [
+              {
+                uid: 'logo',
+                name: 'LOGO',
+                status: 'done',
+                url: res?.unloadingLadingBillFilePath,
+                response: {
+                  url: res?.unloadingLadingBillFilePath
+                }
+              }
+            ],
+            unloadingPeopleVehiclesGoodsFilePath: [
+              {
+                uid: 'logo',
+                name: 'LOGO',
+                status: 'done',
+                url: res?.unloadingPeopleVehiclesGoodsFilePath,
+                response: {
+                  url: res?.unloadingPeopleVehiclesGoodsFilePath
+                }
+              }
+            ]
+          };
+        // 发车时间到车时间初始化
+        this.loadTime = res?.loadTime;
+        this.unloadTime = res?.unloadTime;
+        this.dirvingMessage = res?.billExpenseDetails;
+        // 计算里程，时间
+        if (this.startInfo?.[0]?.area && this.endInfo?.[0]?.area) {
+          this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe(res => {
+            this.totalDistance = res?.distance;
+            this.totalTime = res?.time;
+          });
+        }
+      }
+    });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+  // 取消修改
+  cancelChange() {
+    window.history.go(-1);
+  }
+  // 保存修改
+  save() {
+    let imgList: any = [];
+    if (this.listImagUrls.length > 0) {
+      this.listImagUrls?.forEach((res: any) => {
+        if (res?.url) {
+          imgList.push(res?.url);
+        }
+      });
+    }
+    if (typeof this.unloadTime !== 'string') {
+      var c = new Date(this.unloadTime);
+      this.unloadTime =
+        c.getFullYear() +
+        '-' +
+        this.addPreZero(c.getMonth() + 1) +
+        '-' +
+        this.addPreZero(c.getDate()) +
+        ' ' +
+        this.addPreZero(c.getHours()) +
+        ':' +
+        this.addPreZero(c.getMinutes()) +
+        ':' +
+        this.addPreZero(c.getSeconds());
+    }
+    if (typeof this.loadTime !== 'string') {
+      var c = new Date(this.loadTime);
+      this.loadTime =
+        c.getFullYear() +
+        '-' +
+        this.addPreZero(c.getMonth() + 1) +
+        '-' +
+        this.addPreZero(c.getDate()) +
+        ' ' +
+        this.addPreZero(c.getHours()) +
+        ':' +
+        this.addPreZero(c.getMinutes()) +
+        ':' +
+        this.addPreZero(c.getSeconds());
+    }
+    const params = {
+      id: this.id,
+      unLoadingPlaceDTOList: [...this.startInfo, ...this.endInfo],
+      receiptFilePath: imgList,
+      goodsInfoDTOList: [
+        {
+          id: this.i?.goodsInfoList?.[0].id,
+          goodsName: this.sf3.value?.goodsName,
+          ...this.sf4.value
+        }
+      ],
+      // 运费信息
+      billExpenseDetailDTOList: this.st._data,
+      // 车队长
+      payeeId: this.dirverPhone,
+      dirverBankCard: this.dirverBankCard, // 银行卡
+      // 发车时间
+      loadTime: this.loadTime,
+      // 到车时间
+      unloadTime: this.unloadTime,
+      loadingLadingBillFilePath: this.sf.value?.loadingLadingBillFilePath?.data
+        ? this.sf.value?.loadingLadingBillFilePath.data.fullFilePath
+        : this.sf.value?.loadingLadingBillFilePath?.url,
+
+      loadingPeopleVehiclesGoodsFilePath: this.sf.value?.loadingPeopleVehiclesGoodsFilePath?.data
+        ? this.sf.value?.loadingPeopleVehiclesGoodsFilePath.data.fullFilePath
+        : this.sf.value?.loadingPeopleVehiclesGoodsFilePath?.url,
+
+      unloadingLadingBillFilePath: this.sf.value?.unloadingLadingBillFilePath?.data
+        ? this.sf.value?.unloadingLadingBillFilePath.data.fullFilePath
+        : this.sf.value?.unloadingLadingBillFilePath?.url,
+
+      unloadingPeopleVehiclesGoodsFilePath: this.sf.value?.unloadingPeopleVehiclesGoodsFilePath?.data
+        ? this.sf.value?.unloadingPeopleVehiclesGoodsFilePath.data.fullFilePath
+        : this.sf.value?.unloadingPeopleVehiclesGoodsFilePath?.url
+    };
+    this.service.request(this.service.$api_set_modifyWholeOrder, params).subscribe((res: any) => {
+      if (res) {
+        this.service.msgSrv.success('修改成功！');
+        this.router.navigate(['/order-management/vehicle/vehicle-detail/', this.id], { relativeTo: this.ar });
+      } else {
+        this.service.msgSrv.error(res?.msg);
+      }
+    });
+  }
+  addPreZero(num: any) {
+    if (num < 10) {
+      return '0' + num;
+    } else {
+      return num;
+    }
+  }
+  // -------------------装卸货信息处理
+  // 打开地图
+  openMap(type: string, index: number, address: string) {
+    const modalRef = this.modalService.create({
+      nzTitle: '',
+      nzComponentParams: { selectedAddress: address },
+      nzContent: AmapPoiPickerComponent,
+      nzWidth: 900,
+      nzOnOk: item => {
+        const poi = item.poi;
+        const locList = poi.pois;
+        switch (type) {
+          case 'start':
+            this.startInfo[index].detailedAddress = poi.formattedAddress;
+            this.startInfo[index].longitude = locList[0];
+            this.startInfo[index].latitude = locList[1];
+            this.startInfo[index].province = poi.addressComponent.province;
+            this.startInfo[index].city = poi.addressComponent.city;
+            this.startInfo[index].area = poi.addressComponent.district;
+            this.startInfo[index].address = poi.formattedAddress;
+            break;
+          case 'end':
+            this.endInfo[index].detailedAddress = poi.formattedAddress;
+            this.endInfo[index].longitude = locList[0];
+            this.endInfo[index].latitude = locList[1];
+            this.endInfo[index].province = poi.addressComponent.province;
+            this.endInfo[index].city = poi.addressComponent.city;
+            this.endInfo[index].area = poi.addressComponent.district;
+            this.endInfo[index].address = poi.formattedAddress;
+            break;
+          default:
+            break;
+        }
+
+        if (this.startInfo[0]?.area && this.endInfo[0]?.area) {
+          this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe((res: any) => {
+            this.totalDistance = res?.distance;
+            this.totalTime = res?.time;
+          });
+        }
+      }
+    });
+  }
+  initSF3() {
+    this.schema3 = {
+      properties: {
+        goodsTypeId: {
+          type: 'string',
+          title: '货物名称',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            errors: { required: '请选择货物类型' },
+            asyncData: () =>
+              this.shipperservice.loadConfigByKey('goods.name.config.type').pipe(
+                map((data: any) => {
+                  return data[0].children?.map((m: any) => {
+                    return { label: m.name, value: m.id };
+                  });
+                })
+              ),
+            change: (value: any, data: any) => {
+              this.changeGoodsType(value, data);
+              this.sf3.setValue('/goodsTypeName', data.label);
+            }
+          } as SFSelectWidgetSchema
+        },
+        goodsTypeName: {
+          type: 'string',
+          title: '',
+          ui: {
+            hidden: true
+          }
+        },
+        goodsNameId: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            errors: { required: '请填写货物名称' },
+            change: (_value: any, data: any) => {
+              this.sf3.setValue('/goodsName', data.label);
+            },
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value !== '其它'
+            }
+          }
+        },
+        goodsName: {
+          type: 'string',
+          title: '',
+          ui: {
+            hidden: true,
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value !== '其它'
+            }
+          }
+        },
+        goodsName1: {
+          type: 'string',
+          title: '',
+          ui: {
+            errors: { required: '请填写货物名称' },
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value === '其它'
+            }
+          }
+        }
+      },
+      required: ['goodsTypeId', 'goodsName', 'goodsNameId']
+    };
+    this.ui3 = {
+      '*': {
+        spanLabelFixed: 110,
+        grid: { span: 12 }
+      }
+    };
+  }
+  changeGoodsType(value: string, data: any) {
+    if (data.label === '其它') return;
+    const params = {
+      pageIndex: 1,
+      pageSize: 100,
+      configId: value
+    };
+    this.service
+      .request(this.service.$api_get_config_item_page, params)
+      .pipe(
+        map(data => {
+          return data.records?.map((m: any) => {
+            return { label: m.name, value: m.id };
+          });
+        })
+      )
+      .subscribe(res => {
+        if (res) {
+          this.sf3.getProperty('/goodsNameId')!.schema.enum = res;
+          this.sf3.getProperty('/goodsNameId')!.widget?.reset(res);
+          if (this.sf3data.goodsNameId) {
+            this.sf3.setValue('/goodsNameId', this.sf3data.goodsNameId);
+          }
+        }
+      });
+  }
+  initSF4() {
+    this.schema4 = {
+      properties: {
+        weight: {
+          type: 'string',
+          title: '货物数量',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入',
+            errors: { required: '必填项' }
+          }
+        },
+        volume: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        number: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        carmand: {
+          type: 'string',
+          title: '用车需求',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        drivers: {
+          type: 'string',
+          title: '承运司机',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        weightModel: {
+          type: 'string',
+          title: '车型车长承重',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        loadTime: {
+          type: 'string',
+          title: '发车时间',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        unloadTime: {
+          type: 'string',
+          title: '到车时间',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        }
+      },
+      required: ['weight', 'loadPlanTime', 'unloadPlanTime']
+    };
+    this.ui4 = {
+      '*': {
+        spanLabelFixed: 110,
+        grid: { span: 24 }
+      },
+      $weight: {
+        grid: { span: 8 }
+      },
+      $volume: {
+        grid: { span: 8 }
+      },
+      $number: {
+        grid: { span: 8 }
+      },
+      $carmand: {
+        grid: { span: 24 }
+      },
+      $weightModel: {
+        spanLabelFixed: 120,
+        grid: { span: 12 }
+      },
+      $drivers: {
+        grid: { span: 12 }
+      },
+      $loadPlanTime: {
+        grid: { span: 12 }
+      },
+      $unloadPlanTime: {
+        grid: { span: 12 }
+      }
+    };
+  }
+  // 处理上传图片
+  handlePreview1 = async (file: NzUploadFile) => {
+    if (!file.url && !file.preview) {
+      file.preview = await getBase64(file.originFileObj!);
+    }
+    console.log('888888888');
+
+    this.previewImage1 = file.url || file.preview;
+    this.previewVisible1 = true;
+  };
+
+  handleChange1(info: NzUploadChangeParam): void {
+    switch (info.file.status) {
+      case 'uploading':
+        break;
+      case 'done':
+        let fileList = [...info.fileList];
+        // 2. Read from response and show file link
+        fileList = fileList.map((file: any) => {
+          if (file.response) {
+            file.url = file.response.data.fullFilePath;
+          }
+          return file;
+        });
+        break;
+      case 'error':
+        this.service.msgSrv.error('网络错误');
+        break;
+    }
+  }
+  beforeUpload = (file: NzUploadFile, _fileList: NzUploadFile[]) => {
+    return new Observable((observer: Observer<boolean>) => {
+      const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/gif' || file.type === 'image/bmp';
+      if (!isJpgOrPng) {
+        this.service.msgSrv.warning('只能上传图片!');
+        observer.complete();
+        return;
+      }
+      // tslint:disable-next-line: no-non-null-assertion
+      const isLt2M = file.size! / 1024 / 1024 < 3;
+      if (!isLt2M) {
+        this.service.msgSrv.warning('图片大小超过3兆!');
+        observer.complete();
+        return;
+      }
+      observer.next(isJpgOrPng && isLt2M);
+      observer.complete();
+    });
+  };
+  agreement(value: any) {
+    if(value  ==='1'){
+      this.modalTitle = '附件信息';
+      this.modalcontent = this.i?.contractContent?.contractContent;
+      
+    }else if(value === '2'){
+      this.modalTitle = '补充协议';
+      this.modalcontent = this.i?.supplementContent?.contractContent;
+    }
+    this.isVisible = true;
+  }
+  handleCancel() {
+    this.isVisible = false;
+  }
+  handleOK() {
+    this.isVisible = false;
+  }
+  goDistance(elf: NzCardComponent) {
+    if (elf) {
+      elf['elementRef'].nativeElement.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'start' });
+      // elf['elementRef'].nativeElement.className = 'target-fix'
+    }
+  }
+  // 装卸货地址互换
+  swapAddress() {
+    this.startInfo.forEach((element: any, index: any) => {
+      this.validateForm1.removeControl(`loadAddress${index}`);
+      this.validateForm1.removeControl(`loadName${index}`);
+      this.validateForm1.removeControl(`loadPhone${index}`);
+    });
+    this.endInfo.forEach((element: any, index: any) => {
+      this.validateForm1.removeControl(`unloadAddress${index}`);
+      this.validateForm1.removeControl(`unloadName${index}`);
+      this.validateForm1.removeControl(`unloadPhone${index}`);
+    });
+
+    let item = this.startInfo;
+    this.startInfo = this.endInfo;
+    this.endInfo = item;
+
+    this.startInfo.forEach((element: any, index: any) => {
+      element.type = '1';
+      this.validateForm1.addControl(`loadAddress${index}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`loadName${index}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`loadPhone${index}`, new FormControl(null, [Validators.required, Validators.pattern('^[0-9]*$')]));
+    });
+    this.endInfo.forEach((element: any, index: any) => {
+      element.type = '2';
+      this.validateForm1.addControl(`unloadAddress${index}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`unloadName${index}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`unloadPhone${index}`, new FormControl(null, [Validators.required, Validators.pattern('^[0-9]*$')]));
+    });
+    // 计算里程，时间
+    if (this.startInfo[0]?.area && this.endInfo[0]?.area) {
+      this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe(res => {
+        this.totalDistance = res?.distance;
+        this.totalTime = res?.time;
+      });
+    }
+  }
+  // 获取车辆轨迹
+  getTrajectory() {
+    this.service.request(this.service.$api_get_getTrajectory, { id: this.id }).subscribe(res => {
+      if (res) {
+        const points = res?.trackArray;
+        let list: any[] = [];
+        points?.forEach((item: any) => {
+          list.push({
+            name: item.hgt,
+            lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))]
+          });
+        });
+        this.mapList = list;
+        this.addressItems = res?.cityArray;
+        if (this.addressItems && this.addressItems.length > 0) {
+          this.addressItems.forEach(item => {
+            item.vinOutTime = this.getLocalTime(item.vinOutTime);
+          });
+        }
+      }
+    });
+  }
+
+  // 获取司机轨迹
+  getDriverTrajectory() {
+    this.service.request(this.service.$api_get_getAppDriverPosition, { id: this.id }).subscribe(res => {
+      if (res) {
+        const points = res?.tracks;
+        let list: any[] = [];
+        points?.forEach((item: any) => {
+          list.push({
+            name: item.hgt,
+            lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))]
+          });
+        });
+        this.mapList = list;
+        this.addressItems = [...res?.enclosureDataAppTrack];
+        if (this.addressItems && this.addressItems.length > 0) {
+          this.addressItems.forEach(item => {
+            item.vinOutTime = this.getLocalTime(item.gtm);
+            item.cityName = item.appAdress;
+          });
+        }
+      }
+    });
+  }
+  trajectoryChange(event: any) {
+    if (event === 'car') {
+      this.getTrajectory();
+    } else if (event === 'driver') {
+      this.getDriverTrajectory();
+    }
+  }
+  getLocalTime(time: any) {
+    return format(new Date(parseInt(time)), 'yyyy-MM-dd HH:mm:ss');
+  }
+}
diff --git a/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.html b/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.html
new file mode 100644
index 00000000..f9519e6c
--- /dev/null
+++ b/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.html
@@ -0,0 +1,284 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-28 14:42:03
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-08 14:06:27
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\vehicle-detail\\vehicle-detail.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'整车订单详情'" [logo]="logo" [content]="headerContent">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+  <ng-template #headerContent>
+    <div nz-row>
+      <button nz-button nzType="primary" nzSize="small" nzDanger>{{ i?.billStatusLabel }}</button>
+      <h4 class="ml-md" style="font-size: 18px">订单号: {{ i?.billCode }}</h4>
+    </div>
+    <div nz-row style="display: flex; justify-content: end" class="mb-xs">
+      <div nz-col>
+        <button
+          (click)="cancellation()"
+          nz-button
+          *ngIf="i.billStatus == '4' || i.billStatus == '5' || i.billStatus == '2' || i.billStatus == '3' || i.billStatus == '1'"
+          acl
+          [acl-ability]="['ORDER-VEHICLE-DETAIL-cancelAnOrder']"
+          >取消订单</button
+        >
+        <button
+          nz-button
+          (click)="changeOrder()"
+          *ngIf="i.billStatus == '4' || i.billStatus == '5' || i.billStatus == '2' || i.billStatus == '3'"
+          acl
+          [acl-ability]="['ORDER-VEHICLE-DETAIL-modifyOrder']"
+          >修改订单</button
+        >
+      </div>
+    </div>
+    <div>
+      <div sv-container>
+        <sv label="网络货运人">{{ i?.goodsResource?.enterpriseInfoName }} </sv>
+        <sv label="货主">{{ i?.goodsResource?.shipperAppUserName }} </sv>
+        <sv label="所属项目">{{ i?.goodsResource?.enterpriseProjectName }}</sv>
+        <sv label="服务类型">{{ i?.goodsResource?.serviceTypeLabel }}</sv>
+        <sv label="录单员">{{ i?.createUserName }} {{ i?.createUserPhone ? '/' + i?.createUserPhone : '' }} </sv>
+        <sv label="调度员"
+          >{{ i?.goodsResource?.dispatchName }}{{ i?.goodsResource?.dispatchPhone ? '/' + i?.goodsResource?.dispatchPhone : '' }}
+        </sv>
+        <sv label="外部订单号">{{ i?.externalBillCode }}</sv>
+        <sv label="货源编号">{{ i?.goodsResource?.resourceCode }} </sv>
+        <sv label="运单号">{{ i?.wayBill?.wayBillCode }}</sv>
+        <sv label="承诺付款天数">{{ i?.goodsResource?.paymentDays }}</sv>
+      </div>
+
+      <nz-tabset style="margin-top: 15px">
+        <nz-tab nzTitle="装卸货信息" (nzClick)="goDistance(distannce1)"> </nz-tab>
+        <nz-tab nzTitle="基本信息" (nzClick)="goDistance(distannce2)"> </nz-tab>
+        <nz-tab nzTitle="运费信息" (nzClick)="goDistance(distannce3)"> </nz-tab>
+        <nz-tab nzTitle="附件信息" (nzClick)="goDistance(distannce4)"> </nz-tab>
+        <nz-tab nzTitle="轨迹信息" (nzClick)="goDistance(distannce5)"> </nz-tab>
+      </nz-tabset>
+    </div>
+  </ng-template>
+</page-header-wrapper>
+<nz-card nzTitle="运单进度" #distannce1>
+  <div class="approval-status">
+    <div style="width: 60%; margin: 0 auto">
+       
+      <nz-steps [nzCurrent]="i?.scheduleVOList?.length + 1" nzLabelPlacement="vertical">
+        <nz-step
+          *ngFor="let item of i?.scheduleVOList"
+          [nzTitle]="item.state"
+          [nzSubtitle]="item.stateTime"
+          [nzDescription]="item.cancelReason ? '取消原因：' + item.cancelReason : ''"
+          [nzStatus]="item.displayStatus === 'SHOW' ? 'finish' : 'wait'"
+        ></nz-step>
+      </nz-steps>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card nzTitle="基本信息" #distannce2>
+  <sv-container col="1">
+    <sv-title>货物信息</sv-title>
+    <sv label="网络货运人">
+      {{ i?.goodsResource?.enterpriseInfoName }}
+    </sv>
+    <sv label="货物名称">
+      {{i?.goodsInfoList?.[0]?.goodsName}}
+    </sv>
+  </sv-container>
+  <sv-container col="2">
+    <sv label="货物数量"> {{i?.goodsInfoList?.[0]?.weight}}吨,{{i?.goodsInfoList?.[0]?.volume}}方,{{i?.goodsInfoList?.[0]?.number}}件 </sv>
+    <sv label="用车需求">{{ i?.carModel }}{{ i?.carLength ? '/' + i?.carLength : '' }}</sv>
+    <sv label="承运司机"> {{ i?.driverName }}{{ i?.driverPhone ? '/' + i?.driverPhone : '' }}{{ i?.carNo ? '/' + i?.carNo : '' }} </sv>
+    <sv label="车型车长载重"> {{ i?.driverCarModelLabel }},{{ i?.driverCarLengthLabel }}米,{{ i?.driverCarWeight }}吨 </sv>
+  </sv-container>
+  <div class="mt-md">
+    <h4 class="text-md"
+      >装货卸货信息
+      <span class="ml-sm text-sm"
+        >(
+        <label>{{ i?.loadingCount }}装</label>
+        <label>{{ i?.unloadingCount }}卸</label>
+        )
+      </span>
+    </h4>
+    <div nz-row [nzGutter]="24">
+      <div nz-col [nzSpan]="12">
+        <div class="handling-info p-md">
+          <div class="flex" *ngFor="let item of i?.unLoadingPlaceList">
+            <div *ngIf="item.type === '1'" class="loading-row">
+              <div class="handling-info-icon loading-bg">装</div>
+              <div class="info">
+                <h4>装货地：{{ item?.province }}{{ item.city }}{{ item.area }}{{ item.detailedAddress }}</h4>
+                <p>联系人：{{ item.appUserName }}{{ item.contractTelephone ? '/' + item.contractTelephone : '' }}</p>
+              </div>
+            </div>
+          </div>
+          <p class="time-info">计划装货时间：{{ i?.goodsResource?.loadingTime }}</p>
+        </div>
+      </div>
+      <div nz-col [nzSpan]="12">
+        <div class="handling-info p-md">
+          <div class="flex" *ngFor="let item of i?.unLoadingPlaceList">
+            <div *ngIf="item.type === '2'" class="loading-row">
+              <div class="handling-info-icon unloaing-bg">卸</div>
+              <div class="info">
+                <h4>卸货地：{{ item?.province }}{{ item.city }}{{ item.area }}{{ item.detailedAddress }}</h4>
+                <p>联系人：{{ item.appUserName }}{{ item.contractTelephone ? '/' + item.contractTelephone : '' }}</p>
+              </div>
+            </div>
+          </div>
+          <p class="time-info">计划卸货时间：{{ i?.goodsResource?.unloadingTime }}</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</nz-card>
+<nz-card nzTitle="服务信息">
+  <sv-container>
+    <sv label="服务包">
+      {{ i?.goodsResource?.insuranceTypeLabel }}
+    </sv>
+    <sv label="货物价值">
+      {{ i?.goodsResource?.goodsValue !== null ? (i?.goodsResource?.goodsValue | currency) + '元' : '-' }}
+    </sv>
+    <sv label="服务包费用">
+      {{ i?.goodsResource?.insurancePremium !== null ? (i?.goodsResource?.insurancePremium | currency) + '元' : '-' }}
+    </sv>
+  </sv-container>
+</nz-card>
+
+<nz-card nzTitle="运费信息" #distannce3>
+  <st #st [data]="billExpenses" [columns]="logColumns" [ps]="0" [page]="{ show: false, showSize: false }">
+    <ng-template st-row="price" let-item let-index="index">
+      {{ item.price | currency }}
+    </ng-template>
+    <ng-template st-row="prices" let-item let-index="index">
+      {{ item.price + item.surcharge | currency }}
+    </ng-template>
+    <ng-template st-row="surcharge" let-item let-index="index">
+      {{ item.surcharge | currency }}
+    </ng-template>
+  </st>
+  <div>
+    总计：<span style="color: #da001b; font-size: 18px">{{ i?.totalAmount | currency }}</span> （运费{{ i?.totalFreight | currency }}，
+    附加费{{ i?.totalSurcharge | currency }}，附加费率{{ (i?.totalRate * 100).toFixed(2) }}% ）
+  </div>
+  <div *ngIf ="i?.payeePhone && i?.payeePhone !== i?.driverPhone">车队长：{{ i?.payeeName }}{{ i?.payeePhone ? '/' + i?.payeePhone : '' }}</div>
+</nz-card>
+
+<nz-card nzTitle="附件信息" #distannce4>
+  <sv-container>
+    <sv label="协议附件">
+      <a *ngIf="i?.contractContent?.contractContent" (click)="agreement('1')">查看附件</a> &nbsp;&nbsp;&nbsp;&nbsp;
+      <a *ngIf="i?.supplementContent?.contractContent" (click)="agreement('2')">补充协议</a>
+    </sv>
+  </sv-container>
+  <sv-container col="2" class="mt-md">
+    <sv label="装货凭证">
+      <app-imagelist [imgList]="[i?.loadingLadingBillFilePath, i?.loadingPeopleVehiclesGoodsFilePath]"> </app-imagelist>
+    </sv>
+    <sv label="卸货凭证">
+      <app-imagelist [imgList]="[i?.unloadingLadingBillFilePath, i?.unloadingPeopleVehiclesGoodsFilePath]"> </app-imagelist>
+    </sv>
+  </sv-container>
+</nz-card>
+<nz-card nzTitle="补充信息">
+  <sv-container>
+    <sv label="是否回单">
+      {{ i?.supplementaryInformationVO?.stateReceipt ? '是' : '否' }}
+    </sv>
+    <sv label="回单类型" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      {{ i?.supplementaryInformationVO?.receiptType === '1' ? '电子回单' : '纸质回单' }}
+    </sv>
+    <sv label="联系人" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      {{ i?.supplementaryInformationVO?.receiptUserName }} / {{ i?.supplementaryInformationVO?.phon }}
+    </sv>
+    <sv label="所在地区" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      {{ i?.supplementaryInformationVO?.area }}
+    </sv>
+    <sv label="详细地址" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      {{ i?.supplementaryInformationVO?.address }}
+    </sv>
+  </sv-container>
+  <sv-container col="1" class="mt-md">
+    <sv label="回单凭证" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      <app-imagelist [imgList]="i?.receiptFilePath"></app-imagelist>
+    </sv>
+    <sv label="备注">
+      {{ i?.goodsResource?.remarks }}
+    </sv>
+  </sv-container>
+</nz-card>
+
+<nz-card>
+  <div nz-row>
+    <nz-card nzTitle="轨迹信息" style="width: 100%" [nzExtra]="extraTemplate" #distannce5>
+      <div nz-row>
+        <div nz-col [nzSpan]="12">
+          <st
+            [scroll]="{ y: '500px' }"
+            style="min-height: 600px"
+            #st
+            [data]="addressItems"
+            [columns]="logColumns2"
+            [ps]="0"
+            [page]="{ show: false, showSize: false }"
+          >
+          </st>
+        </div>
+        <div nz-col [nzSpan]="12">
+          <amap-path-simplifier [mapWidth]="'100%'" [mapHeight]="'600px'" [mapList]="mapList" [pois]="pois"></amap-path-simplifier>
+        </div>
+      </div>
+    </nz-card>
+    <ng-template #extraTemplate>
+      <nz-radio-group [(ngModel)]="trajectory" (ngModelChange)="trajectoryChange($event)">
+        <label nz-radio-button nzValue="car">车辆轨迹</label>
+        <label nz-radio-button nzValue="driver">司机轨迹</label>
+      </nz-radio-group>
+    </ng-template>
+  </div>
+</nz-card>
+<nz-card *ngIf="!route?.snapshot?.queryParams?.sts && abnormalList.length > 0">
+  <nz-tabset>
+    <nz-tab nzTitle="风险异常检测">
+      <div> 您的订单可能存在交易风险，请及时提交申诉材料，提交成功后，平台将及时完成审核并通知您! </div>
+      <div>如果您的运单没有问题，可以提出申诉，并提供相关资料，我们将24小时内审核反馈</div>
+      <ul *ngFor="let item of abnormalList">
+        <li>系统识别:{{ item?.complianceTypeName }}</li>
+        <li>{{ item?.determineDetails }}，您可在企业端提交申诉材料或联系客服。</li>
+        <li>2021-11-07 03:20:15</li>
+      </ul>
+    </nz-tab>
+    <nz-tab nzTitle="异常预警">
+      <st #st [data]="addressItems" [columns]="logColumns2" [ps]="0" [page]="{ show: false, showSize: false }"> </st>
+    </nz-tab>
+    <nz-tab nzTitle="操作日志">
+      <st #st [data]="addressItems" [columns]="logColumns2" [ps]="0" [page]="{ show: false, showSize: false }"> </st>
+    </nz-tab>
+  </nz-tabset>
+</nz-card>
+<nz-modal
+  [(nzVisible)]="isVisible"
+  nzWidth="1000px"
+  [nzFooter]="nzModalFooter"
+  [nzTitle]="modalTitle"
+  (nzOnOk)="handleOK()"
+  (nzOnCancel)="handleCancel()"
+>
+  <ng-container *nzModalContent>
+    <div *ngIf="!modalcontent">暂无附件信息</div>
+    <div [innerHTML]="modalcontent"></div>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="primary" (click)="handleOK()" [disabled]="">取消</button>
+    <button nz-button nzType="default" (click)="handleCancel()">确定 </button>
+  </ng-template>
+</nz-modal>
diff --git a/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.less b/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.less
new file mode 100644
index 00000000..64f5143e
--- /dev/null
+++ b/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.less
@@ -0,0 +1,84 @@
+:host {
+    .btn-size {
+        font-size: 14px;
+    }
+
+    .bdr {
+        border-right: 1px solid #ccc;
+    }
+
+    .bdl {
+        border-left: 1px solid #ccc;
+    }
+
+    .source-info {
+        p {
+            margin-bottom: .5em;
+        }
+    }
+
+    .freight-info-box {
+        width: 95%;
+    }
+
+    .freigth-label {
+        display   : inline-block;
+        width     : 50px;
+        text-align: right;
+    }
+
+    ::ng-deep {
+        .approval-status {
+            .ant-steps {
+                width : 70%;
+                margin: 0 auto;
+            }
+        }
+
+    }
+
+    .leftPadding {
+        padding-right: 100px;
+    }
+    .hide{
+        display: none;
+    }
+    .handling-info {
+        min-height: 100px;
+        border: 1px solid #ccc;
+    
+        .loading-row {
+          display: flex;
+        }
+    
+        .handling-info-icon {
+          width: 32px;
+          height: 32px;
+          margin-right: 24px;
+          color: #fff;
+          line-height: 32px;
+          text-align: center;
+          border-radius: 50%;
+    
+          &.loading-bg {
+            background-color: #50D4AB;
+          }
+    
+          &.unloaing-bg {
+            background: #F66F6A;
+          }
+        }
+    
+        .info {
+          flex: 1;
+        }
+    
+        .time-info {
+          margin-left: 56px;
+        }
+      }
+      .target-fix {
+        display: block;
+        margin-top: 290px;
+      }
+}
\ No newline at end of file
diff --git a/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.spec.ts b/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.spec.ts
new file mode 100644
index 00000000..3e4df0bf
--- /dev/null
+++ b/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.spec.ts
@@ -0,0 +1,34 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-03 15:31:52
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-10 09:53:00
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\vehicle-detail\\vehicle-detail.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { OrderManagementVehicleDetailComponent } from './vehicle-detail.component';
+
+describe('OrderManagementVehicleDetailComponent', () => {
+  let component: OrderManagementVehicleDetailComponent;
+  let fixture: ComponentFixture<OrderManagementVehicleDetailComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OrderManagementVehicleDetailComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OrderManagementVehicleDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.ts b/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.ts
new file mode 100644
index 00000000..099775a6
--- /dev/null
+++ b/src/app/routes/order-management/components/vehicle-detail/vehicle-detail.component.ts
@@ -0,0 +1,215 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-28 14:42:03
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-06 15:12:10
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\vehicle-detail\\vehicle-detail.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn } from '@delon/abc/st';
+import { NzCardComponent } from 'ng-zorro-antd/card';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import format from 'date-fns/format';
+import { OrderManagementService } from '../../services/order-management.service';
+@Component({
+  selector: 'app-supply-management-vehicle-detail',
+  templateUrl: './vehicle-detail.component.html',
+  styleUrls: ['./vehicle-detail.component.less']
+})
+export class OrderManagementVehicleDetailComponent implements OnInit {
+  id = this.route.snapshot.params.id;
+  modalcontent: any;
+  modalTitle:string = '';
+  trajectory = 'car';
+  mapList: any[] = []; //地图点位数据组
+  pois: any[] = [];
+  addressItems: any[] = []; //打点地址数据组
+  abnormalList: any[] = [];
+  i: any = {
+    unLoadingPlaceList: [],
+    billExpenseDetails: [],
+    goodsInfoList: [],
+    goodsResource: []
+  };
+  billExpenses: any[] = []; //运费信息表格信息
+  imges: any;
+  attObj: any;
+  totalObj: any;
+  approvalLsit: any;
+  isVisible = false;
+  logColumns2: STColumn[] = [
+    { title: '时间', index: 'vinOutTime' },
+    { title: '地点', index: 'cityName' }
+  ];
+  logColumns: STColumn[] = [
+    { title: '款项', index: 'expenseCodeLabel' },
+    { title: '小计（元）', render: 'prices' },
+    { title: '运输费（元）', render: 'price' },
+    { title: '附加费（元）', render: 'surcharge' },
+    { title: '支付时间', index: 'paymentTime' },
+    {
+      title: '支付状态',
+      className: 'text-center',
+      index: 'paymentStatusLabel',
+    }
+  ];
+  constructor(
+    public route: ActivatedRoute,
+    private msgSrv: NzMessageService,
+    private service: OrderManagementService,
+    private router: Router,
+    private modal: NzModalService
+  ) {}
+
+  ngOnInit(): void {
+    this.initData();
+    this.getTrajectory();
+  }
+
+  initData() {
+    this.service.request(this.service.$api_get_getWholeBillDetail, { id: this.id }).subscribe(res => {
+      if (res) {
+        this.i = res;
+        this.pois = [
+          {
+            markerLabel: '起',
+            color: 'blue',
+            position: [res.startingPoint.longitude, res.startingPoint.latitude],
+            title: res.startingPoint.detailedAddress
+          },
+          {
+            markerLabel: '卸',
+            color: 'red',
+            position: [res.endPoint.longitude, res.endPoint.latitude],
+            title: res.endPoint.detailedAddress
+          }
+        ];
+        this.billExpenses = this.i?.billExpenseDetails?.filter(
+          (data: any) => data.expenseCode === 'PRE' || data.expenseCode === 'RECE' || data.expenseCode === 'BACK'
+        );
+        this.i.scheduleVOList = this.i?.scheduleVOList?.filter((data: any) => data.displayStatus !== 'HIDE');
+      }
+    });
+    this.service.request(this.service.$api_listBillComplianceAbnormalByBillId, { id: this.id }).subscribe(res => {
+      if (res) {
+      console.log('风险详情')
+      console.log(res)
+      this.abnormalList = res
+      }
+    });
+    this.service.request(this.service.$api_getAbnormalWarningByBillId, { id: this.id }).subscribe(res => {
+      if (res) {
+      console.log('异常预警')
+      console.log(res)
+      }
+    });
+  }
+  // 取消订单
+  cancellation() {
+    // api_get_cancelAnOrder
+    this.modal.confirm({
+      nzTitle: '<b>确定取消该订单吗?</b>',
+      nzContent: `<b>取消后无法恢复，请确认</b>`,
+      nzOnOk: () =>
+        this.service.request(this.service.$api_get_cancelAnOrder, { id: this.id }).subscribe(res => {
+          if (res === true) {
+            this.service.msgSrv.success('操作成功！');
+            this.initData();
+          }
+        })
+    });
+  }
+  goBack() {
+    window.history.go(-1);
+  }
+  // 修改订单
+  changeOrder() {
+    this.router.navigate(['order-management/vehicle-detailChange', this.id]);
+  }
+  agreement(value: any) {
+    if(value  ==='1'){
+      this.modalTitle = '附件信息';
+      this.modalcontent = this.i?.contractContent?.contractContent;
+      
+    }else if(value === '2'){
+      this.modalTitle = '补充协议';
+      this.modalcontent = this.i?.supplementContent?.contractContent;
+    }
+    this.isVisible = true;
+  }
+  handleCancel() {
+    this.isVisible = false;
+  }
+  handleOK() {
+    this.isVisible = false;
+  }
+
+  goDistance(elf: NzCardComponent) {
+    if (elf) {
+      elf['elementRef'].nativeElement.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'start' });
+      // elf['elementRef'].nativeElement.className = 'target-fix'
+    }
+  }
+  // 获取车辆轨迹
+  getTrajectory() {
+    this.service.request(this.service.$api_get_getTrajectory, { id: this.id }).subscribe(res => {
+      if (res) {
+        const points = res.trackArray;
+        let list: any[] = [];
+        points?.forEach((item: any) => {
+          list.push({
+            name: `${item.spd}km/h`,
+            lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))],
+            time: item.gtm
+          });
+        });
+        this.mapList = list;
+        this.addressItems = res.cityArray;
+        if (this.addressItems && this.addressItems.length > 0) {
+          this.addressItems.forEach(item => {
+            item.vinOutTime = this.getLocalTime(item.vinOutTime);
+          });
+        }
+      }
+    });
+  }
+
+  // 获取司机轨迹
+  getDriverTrajectory() {
+    this.service.request(this.service.$api_get_getAppDriverPosition, { id: this.id }).subscribe(res => {
+      if (res) {
+        const points = res.tracks;
+        let list: any[] = [];
+        points?.forEach((item: any) => {
+          list.push({
+            name: item.hgt,
+            lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))]
+          });
+        });
+        this.mapList = list;
+        this.addressItems = [...res.enclosureDataAppTrack];
+        if (this.addressItems && this.addressItems.length > 0) {
+          this.addressItems.forEach(item => {
+            item.vinOutTime = this.getLocalTime(item.gtm);
+            item.cityName = item.appAdress;
+          });
+        }
+      }
+    });
+  }
+  trajectoryChange(event: any) {
+    if (event === 'car') {
+      this.getTrajectory();
+    } else if (event === 'driver') {
+      this.getDriverTrajectory();
+    }
+  }
+  getLocalTime(time: any) {
+    return format(new Date(parseInt(time)), 'yyyy-MM-dd HH:mm:ss');
+  }
+}
diff --git a/src/app/routes/order-management/components/vehicle/vehicle.component.html b/src/app/routes/order-management/components/vehicle/vehicle.component.html
new file mode 100644
index 00000000..35c07449
--- /dev/null
+++ b/src/app/routes/order-management/components/vehicle/vehicle.component.html
@@ -0,0 +1,219 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-08 11:32:46
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\vehicle\\vehicle.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<!-- 搜索表单 -->
+<!-- <page-header-wrapper [title]="''"> </page-header-wrapper> -->
+<!-- <nz-card class="search-box">
+  <div nz-row nzGutter="8">
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" class="text-right" [class.expend-options]="_$expand">
+        <button nz-button nzType="primary" [nzLoading]="loading" (click)="search()" acl
+          [acl-ability]="['ORDER-VEHICLE-search']">查询</button>
+        <button nz-button nzType="primary" [disabled]="loading">导出</button>
+        <button nz-button [disabled]="loading" (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card> -->
+
+<nz-card class="table-box">
+  <div style="display: flex;align-items: center;">
+    <label style="font-weight: bold;font-size: 17px;">
+      <label style="color: #ff4d4f;margin-left: 17px;margin-right: 6px;">|</label>
+      整车订单</label>
+    <nz-tabset (nzSelectedIndexChange)="selectChange($event)" [nzTabBarExtraContent]="extraTemplate" style="flex: 1;">
+      <nz-tab [nzTitle]="'全部(' + tabs?.totalCount + ')'"></nz-tab>
+      <nz-tab [nzTitle]="'待接单(' + tabs?.receivedQuantity + ')'"></nz-tab>
+      <nz-tab [nzTitle]="'待发车(' + tabs?.stayQuantity + ')'"></nz-tab>
+      <nz-tab [nzTitle]="'运输中(' + tabs?.GoingQuantity + ')'"></nz-tab>
+      <nz-tab [nzTitle]="'待签收(' + tabs?.signQuantity + ')'"></nz-tab>
+      <nz-tab [nzTitle]="'已完成(' + tabs?.compolatelQuantity + ')'"></nz-tab>
+      <nz-tab [nzTitle]="'已取消(' + tabs?.cancelQuantity + ')'"></nz-tab>
+    </nz-tabset>
+  </div>
+
+  <div>
+    <st #st [bordered]="true" multiSort [scroll]="{  x:'1200px',y:scrollY }" [data]="service.$api_get_listWholePage"
+      [columns]="columns" [req]="{  process: beforeReq }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } , process: afterRes}"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }">
+      <ng-template st-row="billCode" let-item let-index="index">
+        <a [routerLink]="'vehicle-detail/' + item.id">{{ item.billCode }}</a>
+        <div>
+          <span>{{ item?.billTypeLabel }}{{ item?.serviceTypeLabel }}</span>
+        </div>
+        <div>
+          <span>{{ item?.billStatusLabel }}</span>
+        </div>
+      </ng-template>
+      <ng-template st-row="goodsName" let-item let-index="index">
+        <div>{{ item?.goodsName }}</div>
+        <div>
+          <span>{{ item?.weight ? item?.weight + '吨/' : '' }}</span>
+          <span>{{ item?.volume ? item?.volume + '方/' : '' }}</span>
+          <span>{{ item?.goodsNumber ? item?.goodsNumber + '件' : '' }}</span>
+        </div>
+      </ng-template>
+      <ng-template st-row="createUserName" let-item let-index="index">
+        <div> {{ item?.createUserName }}{{  item?.createUserPhone ? "/" + item?.createUserPhone : ''  }} </div>
+      </ng-template>
+      <!-- <ng-template st-row="mybidDetailInfo" let-item let-index="index">
+        <div *ngIf="item.mybidDetailInfo.length > 0">
+          <p *ngFor="let data of item.mybidDetailInfo">
+            {{ data.expenseName }}：￥{{ data.price | number: '0.2-2' }}
+            <span *ngIf="data.paymentStatusLabel" style="color: #f59a63">{{ data.paymentStatusLabel }}</span>
+          </p>
+        </div>
+      </ng-template> -->
+      <ng-template st-row="mybidDetailInfo" let-item let-index="index">
+        <div *ngIf="item.mybidDetailInfo.length > 0">
+          <p *ngFor="let data of item.mybidDetailInfo">
+            <span *ngIf="data.expenseCode !== 'FL'">{{ data.expenseName }}：{{ data.price | currency }}</span>
+            <span *ngIf="data.expenseCode === 'FL'" >{{ data.expenseName }}：{{ (data.price * 100).toFixed(2) + '%' }}</span>
+            <span *ngIf="data.paymentStatusLabel" style="color: #f59a63">{{ data.paymentStatusLabel }}</span>
+          </p>
+        </div>
+      </ng-template>
+      <ng-template st-row="billExpenseDetailVOList" let-item let-index="index">
+        <div *ngFor="let i of item?.billExpenseDetailVOList; let ii = index">
+          <span>{{ i?.costName }}：{{ i?.price }}</span>
+        </div>
+      </ng-template>
+      <ng-template st-row="driverName" let-item let-index="index">
+        <div> {{ item?.driverName  }}{{ item?.driverPhone ? '/' + item?.driverPhone : '' }}{{ item?.carNo ? '/' + item?.carNo : '' }} </div><br />
+        <div> {{ item?.payeeName ? item?.payeeName + '/' : ''}}{{ item?.payeePhone }} </div>
+      </ng-template>
+  
+      <ng-template st-row="loadingTime" let-item let-index="index">
+        <div *ngIf="item?.loadingTime">装 | {{ item?.loadingTime }}</div>
+        <div *ngIf="item?.unloadingTime">卸 | {{ item?.unloadingTime }}</div>
+      </ng-template>
+    </st>
+  </div>
+</nz-card>
+
+<nz-modal [(nzVisible)]="isVisible" [nzWidth]="600" [nzFooter]="nzModalFooter" nzTitle="运费变更记录"
+  (nzOnCancel)="handleCancel('0')">
+  <ng-container *nzModalContent>
+    <st #stFloat multiSort size="small" [bordered]="true" [data]="service.$api_get_listChangeApply"
+      [columns]="columnsFloat"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: changeParams }"
+      [res]="{ reName: { list: 'data', total: 'data.total' } }">
+      <ng-template st-row="order" let-item let-index="index">
+        {{ index + 1 }}
+      </ng-template>
+    </st>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="primary" (click)="handleCancel('0')">取消</button>
+    <button nz-button nzType="default" (click)="handleCancel('0')">确定</button>
+  </ng-template>
+</nz-modal>
+
+<nz-modal [(nzVisible)]="isVisibleView" [nzWidth]="600" [nzFooter]="nzModalFooterview" nzTitle="查看"
+  (nzOnCancel)="handleCancel('1')">
+  <ng-container *nzModalContent>
+    <st #stFloatView size="small" [bordered]="true" [data]="service.$api_getChangeRecordWholeDetail"
+      [columns]="columnsFloatView" [req]="{ method: 'POST', allInBody: true, params: changeViewParams }"
+      [res]="{ reName: { list: 'data.list', total: 'data.total' } }">
+      <ng-template st-row="amountBeforeChange" let-item let-index="index">
+        {{ item.amountBeforeChange | currency }}
+      </ng-template>
+      <ng-template st-row="amountchangeValue" let-item let-index="index"> ￥{{ item.amountchangeValue | number: '0.2-2'
+        }} </ng-template>
+      <ng-template st-row="amountAfterChange" let-item let-index="index">
+        {{ item.amountAfterChange | currency }}
+      </ng-template>
+    </st>
+    <div><span>变更原因：{{ ViewCause?.changeCause }}</span></div>
+    <div><span>拒绝原因：{{ ViewCause?.refuseCause }}</span></div>
+    <div><span>注：附加费依据调整后的运输费用重新计算</span></div>
+  </ng-container>
+  <ng-template #nzModalFooterview>
+    <button nz-button nzType="default" (click)="handleCancel('1')">取消</button>
+    <button nz-button nzType="primary" (click)="handleCancel('1')">确定</button>
+  </ng-template>
+</nz-modal>
+
+<nz-modal [(nzVisible)]="isVisibleEvaluate" [nzWidth]="600" [nzFooter]="nzModalFooterEvaluate"
+  (nzOnCancel)="handleCancel('2')">
+  <ng-container *nzModalContent>
+    <nz-tabset>
+      <nz-tab nzTitle="货主评价">
+        <sv-container col="1" labelWidth="90">
+          <sv [label]="i.evaluateTypeLabel" *ngFor="let i of shipList">
+            <nz-rate [ngModel]="i.evaluateFraction" nzDisabled="true"></nz-rate>
+          </sv>
+        </sv-container>
+        <div *ngIf="shipList.length < 1">暂无评价内容</div>
+      </nz-tab>
+      <nz-tab nzTitle="司机评价">
+        <sv-container col="1" labelWidth="90">
+          <sv [label]="i.evaluateTypeLabel" *ngFor="let i of diverList">
+            <nz-rate [ngModel]="i.evaluateFraction" nzDisabled="true"></nz-rate>
+          </sv>
+        </sv-container>
+        <div *ngIf="diverList.length < 1">暂无评价内容</div>
+      </nz-tab>
+    </nz-tabset>
+  </ng-container>
+  <ng-template #nzModalFooterEvaluate>
+    <button nz-button nzType="default" (click)="handleCancel('2')">取消</button>
+    <button nz-button nzType="primary" (click)="handleCancel('2')">确定</button>
+  </ng-template>
+</nz-modal>
+
+<nz-drawer [nzBodyStyle]="{ overflow: 'auto' }" [nzMaskClosable]="false" [nzWidth]="420" [nzVisible]="visible"
+  [nzMaskClosable]="true" nzTitle="筛选" [nzFooter]="footerTpl" (nzOnClose)="visible=false">
+  <div *nzDrawerContent>
+    <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+  </div>
+  <ng-template #footerTpl>
+    <div style="float: right">
+      <button nz-button (click)="visible=false">关闭</button>
+      <button nz-button [disabled]="loading" (click)="resetSF()">重置</button>
+      <button nz-button nzType="primary" (click)="search();;">搜索</button>
+    </div>
+  </ng-template>
+</nz-drawer>
+
+<ng-template #extraTemplate>
+  <div>
+    <button nz-button nzType="primary" (click)="modifyRate()" acl
+      [acl-ability]="['ORDER-VEHICLE-modificationAdditional']"> 修改附加费率 </button>
+    <button nz-button nzType="primary" (click)="modifyFreightPeople()" acl
+      [acl-ability]="['ORDER-VEHICLE-modificationNetworkFreight']"> 修改网络货运人 </button>
+    <button nz-button nzType="primary" (click)="modifycaptain()" acl
+      [acl-ability]="['ORDER-VEHICLE-modificationCarCaptain']"> 修改车队长 </button>
+    <button *ngIf="resourceStatus == 4" nz-button nzType="primary" nzGhost nz-popconfirm [nzPopconfirmTitle]="enable"
+      (nzOnConfirm)="userAction()" nzPopconfirmPlacement="bottomRight" acl
+      [acl-ability]="['ORDER-VEHICLE-batchSignWholeOrder']">
+      批量签收
+    </button>
+    <button nz-button nzType="primary" [disabled]="loading" (click)="exprot()">导出</button>
+    <button nz-button nzType="primary" (click)="visible=true;" class="mr-sm">筛选</button>
+  </div>
+</ng-template>
+<ng-template #enable>
+  <div class="ant-popover-message">
+    <i nz-icon nzType="info-circle" nzTheme="fill"></i>
+    <div class="ant-popover-message-title ng-star-inserted self-ant-popover-title" style="font-size: 16px">已选择{{
+      selectedRows?.length || 0 }}条订单，确认批量签收吗？
+    </div>
+    <div class="ant-popover-message-title ng-star-inserted"> 签收后不可再修改运费，请确保运费等信息准确无误后，再进行签收。 </div>
+  </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/order-management/components/vehicle/vehicle.component.less b/src/app/routes/order-management/components/vehicle/vehicle.component.less
new file mode 100644
index 00000000..149a0bc9
--- /dev/null
+++ b/src/app/routes/order-management/components/vehicle/vehicle.component.less
@@ -0,0 +1,13 @@
+
+    :host {
+     p{
+         margin-bottom: 0
+     }
+     .left_btn {
+          width: 50px;
+         height: 32px; 
+          padding-left: 8px;
+          line-height:32px; 
+          background-color: #d7d7d7;
+     }
+ }
\ No newline at end of file
diff --git a/src/app/routes/order-management/components/vehicle/vehicle.component.ts b/src/app/routes/order-management/components/vehicle/vehicle.component.ts
new file mode 100644
index 00000000..58b2f93d
--- /dev/null
+++ b/src/app/routes/order-management/components/vehicle/vehicle.component.ts
@@ -0,0 +1,871 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { STColumn, STComponent, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { fromEvent, of } from 'rxjs';
+import { debounceTime, map } from 'rxjs/operators';
+import { BasicTableComponent } from 'src/app/routes/commom/components/basic-table/basic-table.component';
+import { OneCarOrderCancelConfirmComponent } from '../../modal/vehicle/cancel-confirm/cancel-confirm.component';
+import { VehicleConfirReceiptComponent } from '../../modal/vehicle/confir-receipt/confir-receipt.component';
+import { VehicleFreightPeopleComponent } from '../../modal/vehicle/freight-people/freight-people.component';
+import { VehicleModifyCaptainComponent } from '../../modal/vehicle/modify-captain/modify-captain.component';
+import { VehicleModifyRateComponent } from '../../modal/vehicle/modify-rate/modify-rate.component';
+import { VehicleUpdateFreightComponent } from '../../modal/vehicle/update-freight/update-freight.component';
+import { OneCarOrderViewtrackComponent } from '../../modal/vehicle/view-track/view-track.component';
+import { OrderManagementService } from '../../services/order-management.service';
+
+@Component({
+  selector: 'app-supply-management-vehicle',
+  templateUrl: './vehicle.component.html',
+  styleUrls: ['../../../commom/less/commom-table.less','./vehicle.component.less']
+})
+export class OrderManagementVehicleComponent extends BasicTableComponent implements OnInit {
+  ui: SFUISchema = {};
+  schema: SFSchema = {};
+  auditMany = false;
+  isVisibleView = false;
+  isVisibleEvaluate = false;
+  isVisible = false;
+  loading: boolean = true;
+  paramsList: any;
+  changeId: any; // 主页面查看运费变更记录id - 用于运费变更记录
+  changeViewId: any; // 查看运费变更记录id - 用于查看
+  ViewCause: any; // 变更运费查看数据
+  shipList: any; // 货主评价 数据
+  diverList: any; // 司机评价 数据
+  _$expand = false;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('stFloat') private readonly stFloat!: STComponent;
+  @ViewChild('stFloatView') private readonly stFloatView!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfFre', { static: false }) sfFre!: SFComponent;
+  columns: STColumn[] = [];
+  columnsFloat: STColumn[] = [];
+  columnsFloatView: STColumn[] = [];
+  datass: any = [
+    {
+      one: '1',
+      two: '1',
+      three: '1',
+      id: 1
+    },
+    {
+      one: '2',
+      two: '2',
+      three: '2',
+      id: 2
+    },
+  ];
+  tabs = {
+    cancelQuantity: 0,
+    receivedQuantity: 0,
+    stayQuantity: 0,
+    signQuantity: 0,
+    compolatelQuantity: 0,
+    GoingQuantity: 0,
+    totalCount: 0
+  };
+  resourceStatus: any;
+
+  visible = false;
+  constructor(
+    public service: OrderManagementService,
+    private modal: NzModalService,
+    public shipperservice: ShipperBaseService,
+    public router: Router,
+    public ar: ActivatedRoute
+  ) {
+    super();
+  }
+
+  /**
+   * 查询参数
+   */
+  get changeParams() {
+    return {
+      id: this.changeId
+    };
+  }
+  get changeViewParams() {
+    return {
+      id: this.changeViewId
+    };
+  }
+  get reqParams() {
+    const a: any = {};
+    if (this.resourceStatus) {
+      a.billStatus = this.resourceStatus;
+    }
+    const params: any = Object.assign({}, this.sf?.value || this.paramsList);
+    delete params._$expand;
+    return {
+      ...a,
+      ...params,
+    };
+  }
+  beforeReq = (requestOptions: STRequestOptions) => {
+    const a: any = {};
+    if (this.resourceStatus) {
+      a.billStatus = this.resourceStatus;
+    }
+    const params: any = Object.assign({}, this.sf?.value || this.paramsList);
+    delete params._$expand;
+    this.paramsList = params
+      Object.assign(requestOptions.body, {
+        ...a,
+        ...this.paramsList,
+      });
+    this.loading = true;
+    return requestOptions;
+  };
+  afterRes = (data: any[], rawData?: any) => {
+    console.log(data);
+    this.loading = false;
+    return data.map(item => ({
+      ...item,
+      disabled: item.billStatus == '6'
+    }));
+  };
+  get selectedRows() {
+    return this.st?.list.filter(item => item.checked) || [];
+  }
+  ngOnInit(): void {
+    this.getGoodsSourceStatistical();
+    this.initSF();
+    this.initST();
+    this.initSTFloat();
+    this.initSTFloatView();
+  }
+
+  search() {
+    this.st?.load(1);
+    this.getGoodsSourceStatistical();
+  }
+  getGoodsSourceStatistical() {
+    this.tabs = {
+      cancelQuantity: 0,
+      receivedQuantity: 0,
+      stayQuantity: 0,
+      signQuantity: 0,
+      compolatelQuantity: 0,
+      GoingQuantity: 0,
+      totalCount: 0
+    };
+    const params: any = Object.assign({}, this.reqParams || {});
+    delete params.billStatus;
+    this.service.request(this.service.$api_statisticalStatus, params).subscribe(res => {
+      if (res) {
+        let totalCount = 0;
+        res.forEach((element: any) => {
+          if (element.billStatusLabel === '待发车') {
+            this.tabs.stayQuantity = element.quantity;
+          } else if (element.billStatusLabel === '待接单') {
+            this.tabs.receivedQuantity = element.quantity;
+          } else if (element.billStatusLabel === '运输中') {
+            this.tabs.GoingQuantity = element.quantity;
+          } else if (element.billStatusLabel === '待签收') {
+            this.tabs.signQuantity = element.quantity;
+          } else if (element.billStatusLabel === '已完成') {
+            this.tabs.compolatelQuantity = element.quantity;
+          } else if (element.billStatusLabel === '已取消') {
+            this.tabs.cancelQuantity = element.quantity;
+          }
+          totalCount += element.quantity;
+        });
+        this.tabs.totalCount = totalCount;
+      }
+    });
+  }
+
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        billCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            placeholder: '最多100个单号，空号隔开'
+          }
+        },
+        wayBillCode: {
+          type: 'string',
+          title: '运单号',
+          ui: {
+          placeholder: '最多100个单号，空号隔开',
+          }
+        },
+        resourceCode: {
+          type: 'string',
+          title: '货源编号'
+        },
+        shipperAppUserId: {
+          type: 'string',
+          title: '货主',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            onSearch: (q: any) => {
+              let str = q.replace(/^\s+|\s+$/g, '');
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map((res: any) => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+            change: (q: any) => {
+              this.getRegionCode(q);
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseProjectId: {
+          type: 'string',
+          title: '所属项目',
+          ui: {
+            widget: 'select',
+            placeholder: '请先选择货主',
+          } as SFSelectWidgetSchema
+        },
+        loadingPlace: {
+          type: 'string',
+          title: '装货地',
+          ui: {}
+        },
+        dischargePlace: {
+          type: 'string',
+          title: '卸货地',
+          ui: {}
+        },
+        driverName: {
+          title: '承运司机',
+          type: 'string',
+          ui: {}
+        },
+
+        carNo: {
+          title: '车牌号',
+          type: 'string',
+          ui: {}
+        },
+        carCaptainName: {
+          title: '车队长',
+          type: 'string',
+          ui: {}
+        },
+        paymentStatus: {
+          title: '支付状态',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'overall:payment:status' },
+            containsAllLable: true
+          } as SFSelectWidgetSchema
+        },
+        // createTime: {
+        //   title: '创建时间',
+        //   type: 'string',
+        //   ui: {
+        //     widget: 'date',
+        //     mode: 'range',
+        //     format: 'yyyy-MM-dd'
+        //   } as SFDateWidgetSchema
+        // },
+        createTime: {
+          type: 'string',
+          title: '创建时间',
+          ui: { widget: 'sl-from-to', type: 'date', format: 'yyyy-MM-dd' } as SFDateWidgetSchema,
+        },
+        riskStatus: {
+          type: 'string',
+          title: '是否风险单',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '是', value: '3' },
+            { label: '否', value: '1' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          }
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder()
+          }
+        },
+        // goodsNameId: {
+        //   type: 'string',
+        //   title: '货物名称',
+        //   ui: {
+        //     widget: 'select',
+        //     placeholder: '请选择',
+        //     errors: { required: '请选择货物类型' },
+        //     visibleIf: {
+        //       _$expand: (value: boolean) => value,
+        //     },
+        //     asyncData: () =>
+        //       this.shipperservice.loadConfigByKey('goods.name.config.type').pipe(
+        //         map((data: any) => {
+        //           return data[0].children?.map((m: any) => {
+        //             return { label: m.name, value: m.id };
+        //           });
+        //         })
+        //       ),
+        //   } as SFSelectWidgetSchema
+        // },
+        serviceType: {
+          title: '服务类型',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'service:type' },
+            containsAllLable: true
+          } as SFSelectWidgetSchema
+        }
+      },
+      type: 'object'
+    };
+    this.ui = { '*': { spanLabelFixed: 95, grid: { span: 24, gutter: 4 } } };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '', type: 'checkbox', fixed: 'left', width: '50px', className: 'text-center' },
+      {
+        title: '订单号',
+        width: '200px',
+        fixed: 'left',
+        className: 'text-left',
+        render: 'billCode'
+      },
+      { title: '货主', index: 'shipperAppUserName', width: '250px', className: 'text-left' },
+      { title: '录单员', render: 'createUserName', width: '200px', className: 'text-left' },
+      { title: '装货地', index: 'loadingAddressArr', width: '180px', className: 'text-left' },
+      {
+        title: '卸货地',
+        className: 'text-left',
+        width: '180px',
+        index: 'unloadingAddressArr'
+      },
+      {
+        title: '运费明细',
+        width: '250px',
+        className: 'text-right',
+        render: 'mybidDetailInfo'
+      },
+      {
+        title: '货物信息',
+        className: 'text-left',
+        width: '170px',
+        render: 'goodsName'
+      },
+      {
+        title: '承运司机',
+        className: 'text-left',
+        width: '250px',
+        render: 'driverName'
+      },
+      { title: '网络货运人', index: 'enterpriseInfoName', width: '250px', className: 'text-left' },
+      { title: '关联运单号', index: 'wayBillCode', width: '170px', className: 'text-left' },
+      { title: '关联货源编号', index: 'resourceCode', width: '170px', className: 'text-left' },
+      {
+        title: '装卸货时间',
+        width: '200px',
+        className: 'text-left',
+        render: 'loadingTime'
+      },
+      {
+        title: '创建时间',
+        className: 'text-left',
+        index: 'createTime',
+        width: '170px'
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '130px',
+        className: 'text-center block-td',
+        buttons: [
+          {
+            text: '运费变更记录',
+            click: _record => this.OpenPrice(_record),
+            iif: item =>
+              item.billStatus == '4' ||
+              item.billStatus == '5' ||
+              item.billStatus == '2' ||
+              item.billStatus == '3' ||
+              item.billStatus == '6',
+            acl: { ability: ['ORDER-VEHICLE-ChangeApplyList'] }
+          },
+          // {
+          //   text: '查看详情',
+          //   click: (item: any) => {
+          //     this.router.navigate(['./vehicle-detail', item.id], { relativeTo: this.ar });
+          //   },
+          //   acl: { ability: ['USERCENTER-FREIGHT-USER-view'] }
+          // },
+          {
+            text: '查看评价',
+            click: _record => this.viewEvaluate(_record),
+            iif: item => item.billStatus == '5',
+            acl: { ability: ['ORDER-VEHICLE-evaluation'] }
+          },
+          {
+            text: '变更运费',
+            click: _record => this.updateFreight(_record),
+            iif: item => item.billStatus !== '1' && item.billStatus !== '6' && item.overallPaymentStatus != '2',
+            acl: { ability: ['ORDER-VEHICLE-FreightChangeWholeDetail'] }
+          },
+          {
+            text: '确认签收',
+            click: _record => this.confirmReceipt(_record),
+            iif: item => item.billStatus == '4',
+            acl: { ability: ['ORDER-VEHICLE-signWholeOrder'] }
+          },
+          {
+            text: '取消订单',
+            click: _record => this.cancellation(_record),
+            iif: item => item.billStatus !== '6' && item.overallPaymentStatus !== '2',
+            acl: { ability: ['ORDER-VEHICLE-cancelAnOrder'] }
+          },
+          {
+            text: '修改订单',
+            click: _record => this.changeOrder(_record),
+            iif: item => item.billStatus == '4' || item.billStatus == '5' || item.billStatus == '2' || item.billStatus == '3',
+            acl: { ability: ['ORDER-VEHICLE-modificationOrder'] }
+          },
+          {
+            text: '申请退款',
+            click: _record => this.applyRefund(_record),
+            iif: item => item.isApplyForRefund,
+            acl: { ability: ['ORDER-VEHICLE-modificationOrder'] }
+          },
+          {
+            text: '查看轨迹',
+            click: _record => this.viewTrack(_record),
+            iif: item => item.billStatus !== '1' && item.billStatus !== '6'
+            // acl: { ability: ['VEHICLE-LIST-view'] },
+          }
+        ]
+      }
+    ];
+  }
+  initSTFloat() {
+    this.columnsFloat = [
+      {
+        title: '序号',
+        className: 'text-center',
+        render: 'order'
+      },
+      {
+        title: '操作时间',
+        className: 'text-center',
+        index: 'applyTime'
+      },
+      {
+        title: '操作人',
+        className: 'text-center',
+        index: 'applyUserName'
+      },
+      { title: '状态', index: 'handleStatusLabel', className: 'text-center' },
+      {
+        title: '操作',
+        fixed: 'right',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '查看',
+            click: _record => this.FloatView(_record)
+          },
+          {
+            text: '撤销',
+            click: _record => this.revoke(_record),
+            iif: item => item.handleStatus === '1' || item.handleStatus === 1
+          }
+        ]
+      }
+    ];
+  }
+  initSTFloatView() {
+    this.columnsFloatView = [
+      {
+        title: '费用名称',
+        width: '100px',
+        className: 'text-center',
+        index: 'costName'
+      },
+      {
+        title: '变更前',
+        width: '100px',
+        className: 'text-center',
+        index: 'amountAfterChange',
+        render: 'amountAfterChange'
+      },
+      { title: '变更值', index: 'amountchangeValue', render: 'amountchangeValue', width: '120px', className: 'text-center' },
+      { title: '变更后', index: 'amountBeforeChange', render: 'amountBeforeChange', width: '120px', className: 'text-center' }
+    ];
+  }
+  // 获取城市列表
+  getRegionCode(regionCode: any) {
+    console.log(regionCode);
+    return this.service
+      .request(this.service.$api_get_enterprise_project, { id: regionCode })
+      .pipe(
+        map(res =>
+          res.map((item: any) => ({
+            label: item.projectName,
+            value: item.id
+          }))
+        )
+      )
+      .subscribe(res => {
+        this.sf.getProperty('/enterpriseProjectId')!.schema.enum = res;
+        this.sf.getProperty('/enterpriseProjectId')!.widget.reset(res);
+        // if (this.enterpriseProjectIds) {
+        //   this.sf1.setValue('/enterpriseProjectId', this.enterpriseProjectIds);
+        // }
+      });
+  }
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  tabChange(item: any) {
+    console.log(item);
+  }
+  /**
+   * 重置表单
+   */
+  resetSF(): void {
+    this.sf.reset();
+    this._$expand = false;
+  }
+  selectChange(e: number) {
+    this.resourceStatus = e;
+    this.initST();
+    setTimeout(() => {
+      this.st.load();
+    }, 500);
+  }
+  /**
+   * 导入货源
+   */
+  importGoodsSource() {}
+  audit(item: any) {}
+
+  /*
+  * 审核关闭弹窗
+  view: 1
+  浮动费用： 0
+  查看评价： 3
+  */
+  handleCancel(type: string) {
+    console.log(type);
+    if (type === '0') {
+      this.isVisible = false;
+    } else if (type === '1') {
+      this.isVisibleView = false;
+    } else if (type === '2') {
+      this.isVisibleEvaluate = false;
+    }
+  }
+  OpenPrice(value: any) {
+    this.changeId = value.id;
+    this.isVisible = true;
+  }
+  /**
+   * 浮动费用查看
+   */
+  FloatView(item: any) {
+    console.log(item);
+    this.changeViewId = item.id;
+    this.service.request(this.service.$api_getChangeRecordWholeDetail, { id: this.changeViewId }).subscribe(res => {
+      this.ViewCause = res;
+    });
+    this.isVisibleView = true;
+  }
+  /**
+   *查看评价
+   */
+  viewEvaluate(item: any) {
+    console.log(item);
+    this.isVisibleEvaluate = true;
+    const params = {
+      businessCode: item.billCode,
+      evaluateUserId: item.shipperAppUserId
+    };
+    const params2 = {
+      businessCode: item.billCode,
+      evaluateUserId: item.shipperAppUserId
+    };
+    this.service.request(this.service.$api_getBillEvaluateByShipper, params).subscribe(res => {
+      console.log(res);
+      this.shipList = res.evaluateInfos;
+    });
+    this.service.request(this.service.$api_getBillEvaluateDriverByShipper, params2).subscribe(res => {
+      console.log(res);
+      this.diverList = res.evaluateInfos;
+    });
+  }
+  /**
+   *变更运费
+   */
+  updateFreight(item: any) {
+    console.log(item?.isFreightChangeApplication);
+    this.service.request(this.service.$api_get_getFreightChangeWholeDetail, { id: item.id }).subscribe(data => {
+      if (data) {
+        const modal = this.modal.create({
+          nzTitle: '变更运费',
+          nzWidth: 580,
+          nzContent: VehicleUpdateFreightComponent,
+          nzComponentParams: { data: { ...data, id: item.id, isFreightChangeApplication: item?.isFreightChangeApplication } },
+          nzFooter: null
+        });
+        modal.afterClose.subscribe((res: Boolean) => {
+          if (res) {
+            this.st.load();
+            this.getGoodsSourceStatistical();
+          }
+        });
+      }
+    });
+  }
+  /**
+   *修改附加费率
+   */
+  modifyRate() {
+    let params: any[] = [];
+    this.selectedRows.forEach(item => {
+      params.push(item.id);
+    });
+    if (params.length === 0) {
+      this.service.msgSrv.error('请先选择订单！');
+      return;
+    }
+    const modal = this.modal.create({
+      nzTitle: '修改附加费率',
+      nzWidth: 600,
+      nzContent: VehicleModifyRateComponent,
+      nzComponentParams: { data: { ids: params } },
+      nzFooter: null
+    });
+    modal.afterClose.subscribe(result => {
+      if (result) {
+        this.st.load(1);
+        this.getGoodsSourceStatistical();
+      }
+    });
+  }
+  /**
+   *修改网络货运人
+   */
+  modifyFreightPeople() {
+    let params: any[] = [];
+    this.selectedRows.forEach(item => {
+      params.push(item.id);
+    });
+    let params2: any[] = [];
+    this.selectedRows.forEach(item => {
+      params2.push(item.enterpriseInfoId);
+    });
+    if (params.length === 0) {
+      this.service.msgSrv.error('请先选择订单！');
+      return;
+    }
+    const modal = this.modal.create({
+      nzTitle: '修改网络货运人',
+      nzWidth: 600,
+      nzContent: VehicleFreightPeopleComponent,
+      nzComponentParams: { data: { ids: params, enterpriseInfoIds: params2 } },
+      nzFooter: null
+    });
+    modal.afterClose.subscribe(result => {
+      if (result) {
+        this.st.load(1);
+        this.getGoodsSourceStatistical();
+      }
+    });
+  }
+  /**
+   *修改网络货运人
+   */
+  modifycaptain() {
+    let params: any[] = [];
+    this.selectedRows.forEach(item => {
+      params.push(item.id);
+    });
+    if (params.length === 0) {
+      this.service.msgSrv.error('请先选择订单！');
+      return;
+    }
+    const modal = this.modal.create({
+      nzTitle: '修改车队长',
+      nzWidth: 900,
+      nzContent: VehicleModifyCaptainComponent,
+      nzComponentParams: { data: { ids: params } },
+      nzFooter: null
+      // nzOnOk: sin => {
+      //       this.st.reload();
+      //     }
+      //   });
+      //   return false;
+      // }
+    });
+    modal.afterClose.subscribe(result => {
+      if (result) {
+        this.st.load(1);
+        this.getGoodsSourceStatistical();
+      }
+    });
+  }
+
+  //  *确认签收
+
+  confirmReceipt(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '确认签收',
+      nzWidth: '50%',
+      nzContent: VehicleConfirReceiptComponent,
+      nzComponentParams: {
+        i: item,
+        Status: 2
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((res: boolean) => {
+      if (res) {
+        this.resetSF;
+        this.st.load();
+        this.getGoodsSourceStatistical();
+      }
+    });
+  }
+  revoke(item: any) {
+    this.modal.confirm({
+      nzTitle: '是否确定立即撤销费用变更！</i>',
+      nzOnOk: () =>
+        this.service.request(this.service.$api_get_revokeChangeRecord, { id: item.id }).subscribe(res => {
+          console.log(res);
+          if (res) {
+            this.service.msgSrv.success('撤销成功！');
+            this.stFloat.reload();
+          }
+        })
+    });
+  }
+  // 取消订单
+  cancellation(item: any) {
+    // api_get_cancelAnOrder
+    this.modal.confirm({
+      nzTitle: '<b>确定取消该订单吗?</b>',
+      nzContent: `<b>取消后无法恢复，请确认</b>`,
+      nzOnOk: () =>
+        this.service.request(this.service.$api_get_cancelAnOrder, { id: item.id }).subscribe(res => {
+          if (res === true) {
+            this.service.msgSrv.success('操作成功！');
+            this.st.load(1);
+            this.getGoodsSourceStatistical();
+            this.initST();
+          }
+        })
+    });
+  }
+  userAction() {
+    let params: any[] = [];
+    if (this.selectedRows.length <= 0) {
+      this.service.msgSrv.warning('请选择需要签收的订单！');
+      return;
+    }
+    let flag = true;
+    this.selectedRows.forEach(item => {
+      if (item.billStatus !== '4') {
+        this.service.msgSrv.warning('存在非待签收状态订单，无法签收！');
+        flag = false;
+      }
+      params.push(item.id);
+    });
+    if (!flag) return;
+    this.service.request(this.service.$api_get_batchSignWholeOrder, params).subscribe(res => {
+      if (res) {
+        console.log(res);
+        this.st.load(1);
+        this.getGoodsSourceStatistical();
+      }
+    });
+  }
+  // 修改订单
+  changeOrder(value: any) {
+    this.router.navigate(['order-management/vehicle-detailChange', value.id]);
+  }
+  /**
+   *申请退款
+   */
+  applyRefund(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '申请退款',
+      nzContent: OneCarOrderCancelConfirmComponent,
+      nzComponentParams: {
+        i: item,
+        sts: 2
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((res: boolean) => {
+      if (res) {
+        this.resetSF;
+        this.st.load();
+      }
+    });
+  }
+  /**
+   *查看轨迹
+   */
+  viewTrack(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '查看轨迹',
+      nzContent: OneCarOrderViewtrackComponent,
+      nzWidth: '800px',
+      nzComponentParams: {
+        i: item
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((res: boolean) => {
+      if (res) {
+      }
+    });
+  }
+    // 导出
+    exprot() {
+      this.service.asyncExport(this.reqParams, this.service.$api_get_asyncExportWholeList);
+    }
+}
diff --git a/src/app/routes/order-management/modal/audit/appeal/appeal.component.html b/src/app/routes/order-management/modal/audit/appeal/appeal.component.html
new file mode 100644
index 00000000..6e717730
--- /dev/null
+++ b/src/app/routes/order-management/modal/audit/appeal/appeal.component.html
@@ -0,0 +1,48 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-25 14:10:23
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-25 15:59:00
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\audit\\appeal\\appeal.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<nz-spin *ngIf="!i" class="modal-spin"></nz-spin>
+<div nz-row>
+  <sv-container col="1">
+    <sv label="申诉结果">
+      {{ dataList?.representationsStatusLabel }}
+    </sv>
+    <sv label="异常原因">
+      <div *ngFor="let item of dataList?.billComplianceVOS; let id=index;">
+          <div>
+            {{ item?.complianceName }}
+          </div>
+      </div>
+    </sv>
+    <sv label="申诉原因">
+      {{ dataList?.representationsCause }}
+    </sv>
+    <sv label="申诉描述">
+      {{ dataList?.representationsDescribe }}
+    </sv>
+    <sv label="凭证">
+      <div >
+        <app-imagelist
+          [imgList]="[
+            dataList?.representationFirstFilePath ? dataList?.representationFirstFilePath : '',
+            dataList?.representationSecondFilePath,
+            dataList?.representationThirdFilePath,
+            dataList?.representationFourthFilePath,
+            dataList?.representationFifthFilePath
+          ]"
+        >
+        </app-imagelist>
+      </div>
+    </sv>
+  </sv-container>
+</div>
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">关闭</button>
+</div>
diff --git a/src/app/routes/order-management/modal/audit/appeal/appeal.component.ts b/src/app/routes/order-management/modal/audit/appeal/appeal.component.ts
new file mode 100644
index 00000000..451a3796
--- /dev/null
+++ b/src/app/routes/order-management/modal/audit/appeal/appeal.component.ts
@@ -0,0 +1,123 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { apiConf } from '@conf/api.conf';
+import {
+  SFComponent,
+  SFCustomWidgetSchema,
+  SFNumberWidgetSchema,
+  SFRadioWidgetSchema,
+  SFSchema,
+  SFSelectWidgetSchema,
+  SFTextareaWidgetSchema,
+  SFUISchema,
+  SFUploadWidgetSchema
+} from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+import { Observable, Observer } from 'rxjs';
+import { OrderManagementService } from '../../../services/order-management.service';
+
+@Component({
+  selector: 'app-order-management-appeal',
+  templateUrl: './appeal.component.html'
+})
+export class OneCarOrderAppealComponent implements OnInit {
+  i: any;
+  dataList: any;
+  constructor(
+    private modalRef: NzModalRef,
+    private modal: NzModalService,
+    private msgSrv: NzMessageService,
+    public http: _HttpClient,
+    public service: OrderManagementService
+  ) {}
+
+  ngOnInit(): void {
+    this.initDate();
+  }
+  // initSF() {
+  //   this.schema = {
+  //     properties: {
+  //       abnormalCause: {
+  //         type: 'string',
+  //         title: '异常原因',
+  //         default: this.i.abnormalCause,
+  //         readOnly: true,
+  //         ui: {
+  //           widget: 'textarea',
+  //           autosize: { minRows: 4, maxRows: 6 }
+  //         } as SFTextareaWidgetSchema
+  //       },
+  //       representationsCause: {
+  //         type: 'string',
+  //         title: '申诉原因',
+  //         ui: {
+  //           widget: 'dict-select',
+  //           params: { dictKey: 'bill:representation:reason' },
+  //           containsAllLabel: false,
+  //           placeholder: '请选择',
+  //           errors: { required: '请选择' }
+  //         }
+  //       },
+  //       representationsDescribe: {
+  //         type: 'string',
+  //         title: '申诉描述',
+  //         maxLength: 100,
+  //         ui: {
+  //           widget: 'textarea',
+  //           autosize: { minRows: 4, maxRows: 6 }
+  //         } as SFTextareaWidgetSchema
+  //       },
+  //       fileArr: {
+  //         type: 'string',
+  //         title: '上传凭证',
+  //         ui: {
+  //           action: apiConf.fileUpload,
+  //           accept: 'image/png,image/jpeg,image/jpg',
+  //           limit: 5,
+  //           limitFileCount: 5,
+  //           resReName: 'data.fullFilePath',
+  //           urlReName: 'data.fullFilePath',
+  //           widget: 'upload',
+  //           descriptionI18n: '不超过5张，单张大小不超过5M，支持.jpg、.jpeg和 .png格式',
+  //           name: 'multipartFile',
+  //           multiple: true,
+  //           listType: 'picture-card',
+  //           beforeUpload: (file: any, _fileList: any) => {
+  //             return new Observable((observer: Observer<boolean>) => {
+  //               const isLt2M = file.size / 1024 / 1024 < 5;
+  //               if (!isLt2M) {
+  //                 this.service.msgSrv.warning('图片大小超过5M!');
+  //                 observer.complete();
+  //                 return;
+  //               }
+  //               observer.next(isLt2M);
+  //               observer.complete();
+  //             });
+  //           }
+  //         } as SFUploadWidgetSchema
+  //       }
+  //     },
+  //     required: ['representationsCause', 'representationsDescribe']
+  //   };
+  //   this.ui = {
+  //     '*': {
+  //       spanLabelFixed: 100,
+  //       grid: { span: 20 }
+  //     }
+  //   };
+  // }
+  initDate(): void {
+    console.log(this.i);
+    this.service.request(this.service.$api_get_getOrderComplaintDetail, { id: this.i?.id }).subscribe((res: any) => {
+      if (res) {
+       console.log(res);
+       this.dataList = res
+      }
+    });
+  }
+
+  close(): void {
+    this.modalRef.destroy();
+  }
+}
diff --git a/src/app/routes/order-management/modal/audit/voucher-view/voucher-view.component.html b/src/app/routes/order-management/modal/audit/voucher-view/voucher-view.component.html
new file mode 100644
index 00000000..fe3fd680
--- /dev/null
+++ b/src/app/routes/order-management/modal/audit/voucher-view/voucher-view.component.html
@@ -0,0 +1,28 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-15 13:17:42
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-01 15:48:01
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\audit\\voucher-view\\voucher-view.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<div class="sfBox" [ngClass]="Status !== 1 ? 'hideBtn' : ''">
+<sf #sf mode="edit" [schema]="schema" [ui]="ui" [formData]="formData" button="none">
+  <ng-template sf-template="no0" let-me let-ui="ui" let-schema="schema">
+    <div style="color: #1890FF" >
+      <div (click)="openlaod(1)">电子装货单</div>
+    </div>
+  </ng-template>
+  <ng-template sf-template="no6" let-me let-ui="ui" let-schema="schema">
+    <div style="color: #1890FF" (click)="openlaod(2)">电子卸货单</div>
+  </ng-template>
+</sf>
+</div>
+
+<div class="modal-footer">
+  <button nz-button type="button"   *ngIf="Status === 1" (click)="close()">关闭</button>
+  <button nz-button type="submit"   *ngIf="Status === 1" nzType="primary" (click)="save(sf.value)" [nzLoading]="http.loading">确定</button>
+  <button nz-button type="submit"  nzType="primary" *ngIf="Status == 2" (click)="sure()" [nzLoading]="http.loading">生成电子单据</button>
+</div>
diff --git a/src/app/routes/order-management/modal/audit/voucher-view/voucher-view.component.less b/src/app/routes/order-management/modal/audit/voucher-view/voucher-view.component.less
new file mode 100644
index 00000000..2502ed97
--- /dev/null
+++ b/src/app/routes/order-management/modal/audit/voucher-view/voucher-view.component.less
@@ -0,0 +1,106 @@
+:host{
+     ::ng-deep {
+     .ant-input-borderless{
+         padding: 0;
+         padding-top: 4px;
+         color: black;
+         resize:none;
+       }
+       .hideBtn .ant-upload-list-item-actions button{
+         &:last-child{
+           display: none;
+         }
+       }
+     }
+   }
+ .sfBox {
+     position: relative;
+     .example {
+         position: absolute;
+         top: 215px;
+         right: 265px;
+         color: #1890ff;
+         cursor: pointer;
+         .popBox {
+             position: absolute;
+             top: -170px;
+             left: -125px;
+             width: 300px;
+             padding: 20px;
+             text-align: center;
+             background: #fff;
+             border: solid 1px #eee;
+             border-radius: 6px;
+             box-shadow: 0 1px 5px 1px #ececec;
+             &::before {
+                 position: absolute;
+                 bottom: -5px;
+                 left: 50%;
+                 width: 10px;
+                 height: 10px;
+                 margin-left: -5px;
+                 background: #fff;
+                 box-shadow: 0 1px 5px 1px #ececec;
+                 transform: rotate(45deg);
+                 content: '';
+             }
+             &::after {
+                 position: absolute;
+                 bottom: 0;
+                 left: 0;
+                 z-index: 10;
+                 width: 100%;
+                 height: 10px;
+                 background: #fff;
+                 content: '';
+             }
+             img {
+                 max-width: 100%;
+                 max-height: 200px;
+             }
+         }
+     }
+     .pr {
+         position: relative;
+       }
+     
+       .pa {
+         position: absolute;
+         top: 35px;
+         left: 150px;
+       }
+     
+       .tips {
+         display: flex;
+         margin-bottom: 0;
+         color: #333;
+     
+         dt {
+           width: 150px;
+         }
+     
+         dd {
+           width: 190px;
+           margin-bottom: 0;
+           text-align: center;
+         }
+       }
+     .positionSet{
+         top: 356px;
+         right: 235px;
+     }
+     .positionSet01{
+         top: 500px;
+         right: 200px;
+     }
+     .positionSet02{
+         top: 664px;
+         right: 265px;
+     }
+     .positionSet03{
+         top: 808px;
+         right: 205px;
+     
+     }
+ }
+ 
\ No newline at end of file
diff --git a/src/app/routes/order-management/modal/audit/voucher-view/voucher-view.component.ts b/src/app/routes/order-management/modal/audit/voucher-view/voucher-view.component.ts
new file mode 100644
index 00000000..7cf3957c
--- /dev/null
+++ b/src/app/routes/order-management/modal/audit/voucher-view/voucher-view.component.ts
@@ -0,0 +1,523 @@
+
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { DatePipe } from '@angular/common';
+import {
+  SFComponent,
+  SFCustomWidgetSchema,
+  SFDateWidgetSchema,
+  SFNumberWidgetSchema,
+  SFRadioWidgetSchema,
+  SFSchema,
+  SFSelectWidgetSchema,
+  SFTextareaWidgetSchema,
+  SFUISchema,
+  SFUploadWidgetSchema
+} from '@delon/form';
+import { apiConf } from '@conf/api.conf';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { Observable, Observer } from 'rxjs';
+import { EAEnvironmentService } from '@shared';
+import { OrderManagementService } from '../../../services/order-management.service';
+
+@Component({
+  selector: 'app-order-management-voucher-view',
+  templateUrl: './voucher-view.component.html',
+  styleUrls: ['./voucher-view.component.less'],
+  providers: [DatePipe]
+})
+export class orderManagementVoucherViewComponent implements OnInit {
+  record: any = {};
+  i: any;
+  loadPDF: string = '';
+  formData: any;
+  datas: any;
+  Status: any;
+  data: any ={
+    weight: 0,
+    volume: 0
+  };
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema: SFSchema = {};
+  ui: SFUISchema = {};
+  constructor(private modal: NzModalRef, private msgSrv: NzMessageService, public http: _HttpClient, public service: OrderManagementService,private datePipe: DatePipe,private envSrv: EAEnvironmentService, ) {}
+
+  ngOnInit(): void {
+    // console.log(this.i)
+    this.initData()
+    this.i.time = this.i.loadingTime;
+    this.initSF();
+  }
+  initSF() {
+    console.log(this.Status)
+    if(this.Status == 1) {
+
+    this.schema = {
+    
+      properties: {
+        loadingLadingBillFilePath: {
+          type: 'string',
+          title: '装货凭证',
+          ui: {
+            widget: 'upload',
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            descriptionI18n: '提货单',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            beforeUpload: (file: any, fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt1M = file.size / 1024 / 1024 < 5;
+                const fileType = 'image/png,image/jpeg';
+                if (fileType.indexOf(file.type) === -1) {
+                  this.service.msgSrv.warning('图片格式不正确！');
+                  observer.complete();
+                  return;
+                }
+                if (!isLt1M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt1M);
+                observer.complete();
+              });
+            },
+            multiple: false,
+            listType: 'picture-card',
+          } as SFUploadWidgetSchema,
+        },
+        loadingPeopleVehiclesGoodsFilePath: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'upload',
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            descriptionI18n: '人车货照片',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            beforeUpload: (file: any, fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt1M = file.size / 1024 / 1024 < 5;
+                const fileType = 'image/png,image/jpeg';
+                if (fileType.indexOf(file.type) === -1) {
+                  this.service.msgSrv.warning('图片格式不正确！');
+                  observer.complete();
+                  return;
+                }
+                if (!isLt1M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt1M);
+                observer.complete();
+              });
+            },
+            multiple: false,
+            listType: 'picture-card',
+          } as SFUploadWidgetSchema,
+        },
+        no4: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'text',
+           },
+           default: '单张大小不超过5M，支持.jpg、.jpeg和 .png格式',
+        },
+        unloadingLadingBillFilePath: {
+          type: 'string',
+          title: '卸货凭证',
+          ui: {
+            widget: 'upload',
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            descriptionI18n: '提货单',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            beforeUpload: (file: any, fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt1M = file.size / 1024 / 1024 < 5;
+                const fileType = 'image/png,image/jpeg';
+                if (fileType.indexOf(file.type) === -1) {
+                  this.service.msgSrv.warning('图片格式不正确！');
+                  observer.complete();
+                  return;
+                }
+                if (!isLt1M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt1M);
+                observer.complete();
+              });
+            },
+            multiple: false,
+            listType: 'picture-card',
+          } as SFUploadWidgetSchema,
+        },
+        unloadingPeopleVehiclesGoodsFilePath: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'upload',
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            descriptionI18n: '人车货照片',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            beforeUpload: (file: any, fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt1M = file.size / 1024 / 1024 < 5;
+                const fileType = 'image/png,image/jpeg';
+                if (fileType.indexOf(file.type) === -1) {
+                  this.service.msgSrv.warning('图片格式不正确！');
+                  observer.complete();
+                  return;
+                }
+                if (!isLt1M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt1M);
+                observer.complete();
+              });
+            },
+            multiple: false,
+            listType: 'picture-card',
+          } as SFUploadWidgetSchema,
+        }
+      },
+      required: ['loadingLadingBillFilePath', 'loadingPeopleVehiclesGoodsFilePath','unloadingLadingBillFilePath','unloadingPeopleVehiclesGoodsFilePath' ]
+    };
+  }else {
+    this.schema = {
+      properties: {
+        no0: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+           },
+        },
+        loadingLadingBillFilePath: {
+          type: 'string',
+          title: '装货凭证',
+          readOnly: true,
+          ui: {
+            widget: 'upload',
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            descriptionI18n: '提货单',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            beforeUpload: (file: any, fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt1M = file.size / 1024 / 1024 < 5;
+                const fileType = 'image/png,image/jpeg';
+                if (fileType.indexOf(file.type) === -1) {
+                  this.service.msgSrv.warning('图片格式不正确！');
+                  observer.complete();
+                  return;
+                }
+                if (!isLt1M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt1M);
+                observer.complete();
+              });
+            },
+            multiple: false,
+            listType: 'picture-card',
+          } as SFUploadWidgetSchema,
+        },
+        loadingPeopleVehiclesGoodsFilePath: {
+          type: 'string',
+          title: '',
+          readOnly: true,
+          ui: {
+            widget: 'upload',
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            descriptionI18n: '人车货照片',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            beforeUpload: (file: any, fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt1M = file.size / 1024 / 1024 < 5;
+                const fileType = 'image/png,image/jpeg';
+                if (fileType.indexOf(file.type) === -1) {
+                  this.service.msgSrv.warning('图片格式不正确！');
+                  observer.complete();
+                  return;
+                }
+                if (!isLt1M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt1M);
+                observer.complete();
+              });
+            },
+            multiple: false,
+            listType: 'picture-card',
+          } as SFUploadWidgetSchema,
+        },
+
+        no4: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'text',
+           },
+           default: '单张大小不超过5M，支持.jpg、.jpeg和 .png格式',
+        },
+        no6: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+           },
+        },
+        unloadingLadingBillFilePath: {
+          type: 'string',
+          title: '卸货凭证',
+          readOnly: true,
+          ui: {
+            widget: 'upload',
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            descriptionI18n: '提货单',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            beforeUpload: (file: any, fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt1M = file.size / 1024 / 1024 < 5;
+                const fileType = 'image/png,image/jpeg';
+                if (fileType.indexOf(file.type) === -1) {
+                  this.service.msgSrv.warning('图片格式不正确！');
+                  observer.complete();
+                  return;
+                }
+                if (!isLt1M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt1M);
+                observer.complete();
+              });
+            },
+            multiple: false,
+            listType: 'picture-card',
+          } as SFUploadWidgetSchema,
+        },
+        unloadingPeopleVehiclesGoodsFilePath: {
+          type: 'string',
+          title: '',
+          readOnly: true,
+          ui: {
+            widget: 'upload',
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            descriptionI18n: '人车货照片',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            beforeUpload: (file: any, fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt1M = file.size / 1024 / 1024 < 5;
+                const fileType = 'image/png,image/jpeg';
+                if (fileType.indexOf(file.type) === -1) {
+                  this.service.msgSrv.warning('图片格式不正确！');
+                  observer.complete();
+                  return;
+                }
+                if (!isLt1M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt1M);
+                observer.complete();
+              });
+            },
+            multiple: false,
+            listType: 'picture-card',
+          } as SFUploadWidgetSchema,
+        }
+      },
+      required: ['loadingLadingBillFilePath', 'loadingPeopleVehiclesGoodsFilePath','unloadingLadingBillFilePath','unloadingPeopleVehiclesGoodsFilePath' ]
+    };
+  }
+    this.ui = {
+      '*': {
+        spanLabelFixed: 100,
+        grid: { span: 20 }
+      },
+      $unloadingLadingBillFilePath: { grid: { span: 12} },
+      $unloadingPeopleVehiclesGoodsFilePath: { grid: { span: 12} },
+      $loadingLadingBillFilePath: { grid: { span: 12} },
+      $loadingPeopleVehiclesGoodsFilePath: { grid: { span: 12} },
+    };
+  }
+  save(value: any): void {
+      if(!this.sf.valid) {
+        this.service.msgSrv.warning('必填项为空！')
+        return;
+       }
+      console.log(value)
+       const params = {
+        id: this.i?.id,
+        loadingLadingBillFilePath: value?.loadingLadingBillFilePath?.data?.fullFilePath,
+        loadingPeopleVehiclesGoodsFilePath: value?.loadingPeopleVehiclesGoodsFilePath?.data?.fullFilePath,
+        unloadingLadingBillFilePath: value?.unloadingLadingBillFilePath?.data?.fullFilePath,
+        unloadingPeopleVehiclesGoodsFilePath: value?.unloadingPeopleVehiclesGoodsFilePath?.data?.fullFilePath,
+      }
+      console.log(params)
+      this.service.request(this.service.$api_get_updateBillExamine, params).subscribe((res) => {
+        if(res) {
+          this.service.msgSrv.success('修改成功！')
+           this.modal.destroy(true);
+        }
+      })
+  }
+  sure() {
+    const params = [this.i?.id];
+   this.service.downloadFile(this.service.$api_createBillTakeGoods,params)
+   this.service.downloadFile(this.service.$api_createBillDischargeGoods,params)
+   this.service.msgSrv.success('生成电子单据成功！')
+   this.modal.destroy(true);
+  }
+    //  确认到车界面信息(两个只能看的图片)
+  initData() {
+    this.service.request(this.service.$api_get_getCredentials, { id : this.i?.id}).subscribe((res) => {
+      console.log(res)
+      this.datas = res
+    if (res.unloadingLadingBillFilePath) {
+    this.formData = {
+          loadingLadingBillFilePath: [
+            {
+              uid: 'logo',
+              name: 'LOGO',
+              status: 'done',
+              url: res.loadingLadingBillFilePath,
+              response: {
+                url: res.loadingLadingBillFilePath,
+              },
+            },
+      ],
+    loadingPeopleVehiclesGoodsFilePath: [
+        {
+          uid: 'logo',
+          name: 'LOGO',
+          status: 'done',
+          url: res.loadingPeopleVehiclesGoodsFilePath,
+          response: {
+            url: res.loadingPeopleVehiclesGoodsFilePath,
+          },
+        },
+     ],
+    unloadingLadingBillFilePath: [
+    {
+      uid: 'logo',
+      name: 'LOGO',
+      status: 'done',
+      url: res.unloadingLadingBillFilePath,
+      response: {
+        url: res.unloadingLadingBillFilePath,
+      },
+    },
+    ],
+    unloadingPeopleVehiclesGoodsFilePath: [
+            {
+              uid: 'logo',
+              name: 'LOGO',
+              status: 'done',
+              url: res.unloadingPeopleVehiclesGoodsFilePath,
+              response: {
+                url: res.unloadingPeopleVehiclesGoodsFilePath,
+              },
+            },
+      ],
+        };
+      }
+    })
+  }
+  close(): void {
+    this.modal.destroy(true);
+  }
+  openlaod(value: any) {
+    if(value === 1) {
+      const a = document.createElement('a');
+      a.href = this.datas?.loadingElectronicsLadingBillFilePath;
+      document.body.appendChild(a);
+      console.log(document.body.contains(a))
+      a.click(); //点击下载
+      document.body.removeChild(a); //下载完成移除元素
+    } else {
+      const a = document.createElement('a');
+      a.href = this.datas?.unloadingElectronicsLadingBillFilePath;
+      document.body.appendChild(a);
+      console.log(document.body.contains(a))
+      a.click(); //点击下载
+      document.body.removeChild(a); //下载完成移除元素
+    }
+   
+  }
+}
diff --git a/src/app/routes/order-management/modal/bulk/confir-receipt/confir-receipt.component.html b/src/app/routes/order-management/modal/bulk/confir-receipt/confir-receipt.component.html
new file mode 100644
index 00000000..807acb0b
--- /dev/null
+++ b/src/app/routes/order-management/modal/bulk/confir-receipt/confir-receipt.component.html
@@ -0,0 +1,100 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-23 14:24:05
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-08 14:04:13
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\bulk\\confir-receipt\\confir-receipt.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+货物单价<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-14 15:02:52
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-04 09:38:45
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\bulk\\confir-receipt\\confir-receipt.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<nz-alert
+style="padding-bottom: 15px;"
+nzType="warning"
+nzCloseable
+nzMessage="签收后不可再修改运费，请确保运费等信息准确无误后，再进行签收。"
+></nz-alert>
+<sv-container col="1">
+  <sv label="货物单价">
+    <span>
+      {{detailList?.freightPrice}} {{detailList?.freightTypeLabel}}
+     </span>
+  </sv>
+  <sv label="结算依据">
+    <div>
+      <div *ngIf="detailList?.goodsInfoVO?.settlementBasis === '1'">以收货为准</div>
+      <div *ngIf="detailList?.goodsInfoVO?.settlementBasis === '2'">以发货为准 </div>
+      <div *ngIf="detailList?.goodsInfoVO?.rule === '1'">保留小数 </div>
+      <div *ngIf="detailList?.goodsInfoVO?.rule === '2'">抹除小数 </div>
+      <div *ngIf="detailList?.goodsInfoVO?.rule === '3'">抹除个数 </div>
+    </div>
+  </sv>
+
+  </sv-container>
+  <sv-container col="2">
+    <sv label="装货重量">
+      <div>{{ detailList?.loadWeight }}吨</div>
+    </sv>
+    <sv label="装货体积">
+      <div>{{ detailList?.loadVolume }}方</div>
+    </sv>
+  </sv-container>
+  <sv-container col="2" >
+    <sv label="卸货重量">
+      <div>{{ detailList?.settlementWeight }}吨</div>
+    </sv>
+    <sv label="卸货体积">
+      <div>{{ detailList?.settlementVolume }}方</div>
+    </sv>
+  </sv-container>
+  <sv-container col="1">
+    <sv label="总运费">
+      <div>{{detailList?.price | currency}} 元</div>
+  </sv>
+  <sv label="司机车辆">
+    <div>{{detailList?.driverName}} / {{detailList?.driverPhone}}/ {{detailList?.carNo}}</div>
+</sv>
+<sv label="收款人">
+  <div>{{detailList?.payeeName}} / {{detailList?.payeePhone}}</div>
+</sv>
+<sv label="回单凭证">
+  <nz-upload
+    class="avatar-uploader"
+    [nzAction]="service.$api_upload_url"
+    [nzName]="'multipartFile'"
+    nzListType="picture-card"
+    [(nzFileList)]="listImagUrls"
+    [nzShowButton]="listImagUrls.length < 5"
+    [nzPreview]="handlePreview1"
+    [nzBeforeUpload]="beforeUpload"
+    (nzChange)="handleChange1($event)"
+  >
+    <div>
+      <i nz-icon nzType="plus"></i>
+      <div style="margin-top: 8px">请上传图片</div>
+    </div>
+  </nz-upload>
+  <nz-modal [nzVisible]="previewVisible1" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible1 = false">
+    <ng-template #modalContent>
+      <img [src]="previewImage1" [ngStyle]="{ width: '100%' }" />
+    </ng-template>
+  </nz-modal>
+</sv>
+</sv-container>
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">关闭</button>
+  <button nz-button type="submit" nzType="primary" (click)="save()" [nzLoading]="http.loading"
+    >确认签收</button
+  >
+</div>
diff --git a/src/app/routes/order-management/modal/bulk/confir-receipt/confir-receipt.component.less b/src/app/routes/order-management/modal/bulk/confir-receipt/confir-receipt.component.less
new file mode 100644
index 00000000..30444d6b
--- /dev/null
+++ b/src/app/routes/order-management/modal/bulk/confir-receipt/confir-receipt.component.less
@@ -0,0 +1,7 @@
+    .left_btn {
+         width: 50px;
+        height: 32px; 
+         padding-left: 8px;
+         line-height:32px; 
+         background-color: #d7d7d7;
+    }
\ No newline at end of file
diff --git a/src/app/routes/order-management/modal/bulk/confir-receipt/confir-receipt.component.ts b/src/app/routes/order-management/modal/bulk/confir-receipt/confir-receipt.component.ts
new file mode 100644
index 00000000..9071e083
--- /dev/null
+++ b/src/app/routes/order-management/modal/bulk/confir-receipt/confir-receipt.component.ts
@@ -0,0 +1,146 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-14 15:02:52
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:20:58
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\bulk\\confir-receipt\\confir-receipt.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit } from '@angular/core';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { NzUploadChangeParam, NzUploadFile } from 'ng-zorro-antd/upload';
+import { Observable, Observer } from 'rxjs';
+import { OrderManagementService } from '../../../services/order-management.service';
+function getBase64(file: File): Promise<string | ArrayBuffer | null> {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = error => reject(error);
+  });
+}
+@Component({
+  selector: 'app-order-management-confir-receipt',
+  templateUrl: './confir-receipt.component.html',
+  styleUrls: ['./confir-receipt.component.less']
+})
+export class ConfirReceiptComponent implements OnInit {
+  i: any;
+  Status: any;
+  detailList: any;
+  data: any = {};
+  driverList: any;
+  payeeList: any;
+  carList: any;
+  listImagUrls: any[] = [];
+  previewImage1 = '';
+  previewVisible1 = false;
+  constructor(
+    private modal: NzModalRef,
+    private msgSrv: NzMessageService,
+    public http: _HttpClient,
+    public service: OrderManagementService
+  ) {}
+
+  ngOnInit(): void {
+    this.initData();
+  }
+
+  save(): void {
+    // 大宗
+    console.log(this.listImagUrls);
+    let imgList: any = [];
+    if (this.listImagUrls.length > 0) {
+      this.listImagUrls.forEach((res: any) => {
+        if (res.url) {
+          imgList.push(res.url);
+        }
+      });
+    }
+    console.log(imgList);
+    const params = {
+      id: this.i?.id,
+      filePathList: imgList
+    };
+    console.log(params);
+    this.service.request(this.service.$api_get_signBulkOrder, params).subscribe((res: any) => {
+      console.log(res.success);
+      if (res) {
+        this.service.msgSrv.success('确认签收成功！');
+        this.modal.destroy(true);
+      }
+    });
+  }
+  initData() {
+    // 大宗
+    this.service.request(this.service.$api_get_getBulkSignForDetail, { id: this.i?.id }).subscribe((res: any) => {
+      console.log(res);
+      this.detailList = res;
+      let arr: any = [];
+      res.filePathList.forEach((element: any, index: any) => {
+        console.log(index);
+        arr.push({
+          url: element,
+          status: 'done',
+          uid: index
+        });
+      });
+      this.listImagUrls = arr;
+    });
+  }
+  close(): void {
+    this.modal.destroy(true);
+  }
+  userAction() {}
+  handlePreview1 = async (file: NzUploadFile) => {
+    if (!file.url && !file.preview) {
+      file.preview = await getBase64(file.originFileObj!);
+    }
+    this.previewImage1 = file.url || file.preview;
+    this.previewVisible1 = true;
+  };
+  handleChange1(info: NzUploadChangeParam): void {
+    switch (info.file.status) {
+      case 'uploading':
+        break;
+      case 'done':
+        let fileList = [...info.fileList];
+        // 2. Read from response and show file link
+        console.log(fileList);
+        fileList = fileList.map((file: any) => {
+          if (file.response) {
+            file.url = file.response.data.fullFilePath;
+          }
+          return file;
+        });
+        console.log(this.listImagUrls);
+        break;
+      case 'error':
+        this.service.msgSrv.error('网络错误');
+        break;
+    }
+  }
+  beforeUpload = (file: NzUploadFile, _fileList: NzUploadFile[]) => {
+    return new Observable((observer: Observer<boolean>) => {
+      const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/gif' || file.type === 'image/bmp';
+      if (!isJpgOrPng) {
+        this.service.msgSrv.warning('只能上传图片!');
+        observer.complete();
+        return;
+      }
+      // tslint:disable-next-line: no-non-null-assertion
+      const isLt2M = file.size! / 1024 / 1024 < 3;
+      if (!isLt2M) {
+        this.service.msgSrv.warning('图片大小超过3兆!');
+        observer.complete();
+        return;
+      }
+      observer.next(isJpgOrPng && isLt2M);
+      observer.complete();
+    });
+  };
+}
diff --git a/src/app/routes/order-management/modal/bulk/update-freight/update-freight.component.html b/src/app/routes/order-management/modal/bulk/update-freight/update-freight.component.html
new file mode 100644
index 00000000..b6803fd0
--- /dev/null
+++ b/src/app/routes/order-management/modal/bulk/update-freight/update-freight.component.html
@@ -0,0 +1,45 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-14 14:03:07
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-01 19:27:32
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\bulk\\update-freight\\update-freight.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<sf #sf [schema]="schema" [ui]="{ '*': { spanLabelFixed: 90, grid: { span: 24 } } }" [button]="'none'"> 
+  <ng-template sf-template="freightPrice" let-i let-ui="ui">
+    <nz-input-group [nzAddOnAfter]="addOnAfterTemplate">
+      <input
+        nz-input
+        type="number"
+        min="0"
+        step="0.01"
+        [ngModel]="i.value"
+        (ngModelChange)="i.setValue($event)"
+        placeholder="请输入"
+        (change)="changeNumVal()"
+        oninput="if(value>99999)value=99999;if(value<0)value=0"
+      />
+    </nz-input-group>
+    <ng-template #addOnAfterTemplate>
+      <nz-select [ngModel]="sf.value.freightType" (ngModelChange)="sf.setValue('/freightType', $event)" [nzDisabled]="true">
+        <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of freightTypeOptions"></nz-option>
+      </nz-select>
+    </ng-template>
+  </ng-template>
+</sf>
+<nz-divider style="margin-top: 0"></nz-divider>
+<div>
+  <p style="font-size: 16px">
+    <span style="font-weight: bolder"
+      >总运费：<span style="color: #dc112a">{{ data.totalAmount |currency }}</span></span
+    >
+  </p>
+  <p style="margin-bottom: 0"> 运输费：{{ data.totalFreight |currency }}，附加费：{{ data.totalSurcharge |currency}}</p>
+</div>
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">关闭</button>
+  <button nz-button type="submit" nzType="primary" (click)="save(sf.value)">确定</button>
+</div>
diff --git a/src/app/routes/order-management/modal/bulk/update-freight/update-freight.component.less b/src/app/routes/order-management/modal/bulk/update-freight/update-freight.component.less
new file mode 100644
index 00000000..30444d6b
--- /dev/null
+++ b/src/app/routes/order-management/modal/bulk/update-freight/update-freight.component.less
@@ -0,0 +1,7 @@
+    .left_btn {
+         width: 50px;
+        height: 32px; 
+         padding-left: 8px;
+         line-height:32px; 
+         background-color: #d7d7d7;
+    }
\ No newline at end of file
diff --git a/src/app/routes/order-management/modal/bulk/update-freight/update-freight.component.ts b/src/app/routes/order-management/modal/bulk/update-freight/update-freight.component.ts
new file mode 100644
index 00000000..9ee9df5e
--- /dev/null
+++ b/src/app/routes/order-management/modal/bulk/update-freight/update-freight.component.ts
@@ -0,0 +1,218 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-14 14:03:07
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-01 19:27:28
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\bulk\\update-freight\\update-freight.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, Input, OnInit, ViewChild } from '@angular/core';
+import { SFComponent, SFNumberWidgetSchema, SFSchema, SFSelectWidgetSchema, SFStringWidgetSchema, SFTextWidgetSchema } from '@delon/form';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { Subscription } from 'rxjs';
+import { OrderManagementService } from '../../../services/order-management.service';
+
+@Component({
+  selector: 'app-order-management-update-freight',
+  templateUrl: './update-freight.component.html',
+  styleUrls: ['./update-freight.component.less']
+})
+export class UpdateFreightComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema!: SFSchema;
+
+  @Input()
+  data: any;
+  freightTypeOptions: any;
+
+  calculateSub!: Subscription;
+  constructor(private service: OrderManagementService, private modal: NzModalRef) {}
+
+  ngOnInit(): void {
+    this.schema = this.initSF(this.data);
+    this.service.getDictByKey('freight:type').subscribe(res => {
+      this.freightTypeOptions = res;
+    });
+  }
+
+  /**
+   * 初始化表单
+   */
+  private initSF(data: any): SFSchema {
+    return {
+      properties: {
+        freightPrice: {
+          type: 'number',
+          title: '运费单价',
+          ui: {
+            placeholder: '请输入',
+            widget: 'custom',
+            grid: { span: 12 },
+          } as SFStringWidgetSchema,
+          default: data.freightPrice
+        },
+        rule: {
+          title: '',
+          type: 'string',
+          default: data.rule,
+          enum: [
+            { label: '保留小数', value: '1' },
+            { label: '抹除小数', value: '2' },
+            { label: '抹除个数', value: '3' }
+          ],
+          ui: {
+            widget: 'select',
+            spanLabelFixed: 10,
+            grid: {
+              span: 10
+            }
+          } as SFSelectWidgetSchema
+        },
+        settlementBasis: {
+          title: '结算依据',
+          type: 'string',
+          default: data.settlementBasis,
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'goodresource:settlement:type' },
+            containsAllLabel: false,
+            placeholder: '结算依据',
+            errors: { required: '请选择结算依据' },
+            grid: {span: 12}
+          } as SFSelectWidgetSchema
+        },
+        blank1: {
+          title: '',
+          type: 'string',
+          ui: { widget: 'text', grid: { span: 12 }, class: 'input-back' },
+          default: ' '
+        },
+        freightType: {
+          title: '',
+          type: 'string',
+          ui: { hidden: true },
+          default: data.freightType
+        },
+        loadWeight: {
+          type: 'number',
+          title: '装货重量',
+          default: data.loadWeight || 0,
+          minimum: 0,
+          maximum: 99999,
+          ui: {
+            unit: '吨',
+            placeholder: '请输入',
+            grid: {
+              span: 12
+            },
+            hideStep: true,
+            change: (val: any) => this.changeNumVal()
+          } as SFNumberWidgetSchema
+        },
+        loadVolume: {
+          type: 'number',
+          title: '装货体积',
+          default: data.loadVolume || 0,
+          minimum: 0,
+          maximum: 99999,
+          ui: {
+            unit: '方',
+            placeholder: '请输入',
+            grid: {
+              span: 12
+            },
+            hideStep: true,
+            change: (val: any) => this.changeNumVal()
+          } as SFNumberWidgetSchema
+        },
+        settlementWeight: {
+          type: 'number',
+          title: '卸货重量',
+          default: data.settlementWeight || 0,
+          minimum: 0,
+          maximum: 99999,
+          ui: {
+            unit: '吨',
+            placeholder: '请输入',
+            grid: {
+              span: 12
+            },
+            hideStep: true,
+            change: (val: any) => this.changeNumVal()
+          } as SFNumberWidgetSchema
+        },
+        settlementVolume: {
+          type: 'number',
+          title: '卸货体积',
+          default: data.settlementVolume || 0,
+          minimum: 0,
+          maximum: 99999,
+          ui: {
+            unit: '方',
+            placeholder: '请输入',
+            grid: {
+              span: 12
+            },
+            hideStep: true,
+            change: (val: any) => this.changeNumVal()
+          } as SFNumberWidgetSchema
+        },
+        changeCause: {
+          title: '审核备注',
+          type: 'string',
+          maxLength: 100,
+          default: data.changeCause,
+          ui: {
+            widget: 'textarea',
+            span: 24,
+            placeholder: '选填，最多不超过100字',
+            autosize: {
+              minRows: 3,
+              maxRows: 5
+            }
+          } as SFTextWidgetSchema
+        },
+      },
+      required: ['freightPrice', 'settlementBasis']
+    };
+  }
+
+  changeNumVal() {
+    console.log('444')
+    if (this.calculateSub) {
+      this.calculateSub.unsubscribe();
+    }
+    const params =  { billId: this.data.billId, changeCause: this.sf.value.changeCause, dto: {...this.sf.value}  }
+    this.calculateSub = this.service
+      .request(this.service.$api_calculate_cost, params)
+      .subscribe(res => {
+        if (res) {
+          Object.assign(this.data, {
+            totalAmount: res.totalAmount,
+            totalFreight: res.totalFreight,
+            totalSurcharge: res.totalSurcharge
+          });
+        }
+      });
+  }
+
+  save(value: any): void {
+    if (!this.sf.valid) {
+      this.sf.validator({ emitError: true });
+      return;
+    }
+    const params =  { billId: this.data.billId, changeCause: this.sf.value.changeCause, dto: {...this.sf.value}  }
+    this.service.request(this.service.$api_change_bulk,params).subscribe((res: any) => {
+      if (res) {
+        this.service.msgSrv.success('变更运费成功！');
+        this.modal.destroy(true);
+      }
+    });
+  }
+
+  close(): void {
+    this.modal.destroy(false);
+  }
+}
diff --git a/src/app/routes/order-management/modal/vehicle/cancel-confirm/cancel-confirm.component.html b/src/app/routes/order-management/modal/vehicle/cancel-confirm/cancel-confirm.component.html
new file mode 100644
index 00000000..a609acaf
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/cancel-confirm/cancel-confirm.component.html
@@ -0,0 +1,36 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-22 13:53:29
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-28 13:35:23
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\cancel-confirm\\cancel-confirm.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<sv-container col="1">
+  <sv label="货主">
+    <div>{{ i.shipperAppUserName }}</div>
+  </sv>
+  <sv label="司机">
+    <div>{{ i.driverName }} / {{ i.driverPhone }} / {{ i.carNo }}</div>
+  </sv>
+  <sv label="收款人">
+    <div>{{ i.payeeName }} / {{ i.payeePhone }}</div>
+  </sv>
+  <sv label="退款金额">
+    <p *ngFor="let data of i?.mybidDetailInfo; let index = index">
+      <label *ngIf="data?.paymentStatusLabel == '已支付'">
+        <span>{{data?.expenseName}}</span>
+        <span>{{ data.price | currency  }}</span>
+      </label>
+    </p>
+  </sv>
+  <sv label=""> 已选择 {{ index }} 项，运费：{{ List  | currency}}，附加费：{{ ATTPrice | currency  }} </sv>
+</sv-container>
+<sf style="margin-top: 10px;" #sf mode="edit" [schema]="schema" [ui]="ui" button="none"></sf>
+
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close(false)">取消</button>
+  <button nz-button type="submit" nzType="primary" (click)="save(sf.value)">确认</button>
+</div>
diff --git a/src/app/routes/order-management/modal/vehicle/cancel-confirm/cancel-confirm.component.ts b/src/app/routes/order-management/modal/vehicle/cancel-confirm/cancel-confirm.component.ts
new file mode 100644
index 00000000..dc868538
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/cancel-confirm/cancel-confirm.component.ts
@@ -0,0 +1,123 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-22 13:53:29
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-28 15:56:46
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\cancel-confirm\\cancel-confirm.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import {
+  SFComponent,
+  SFCustomWidgetSchema,
+  SFNumberWidgetSchema,
+  SFRadioWidgetSchema,
+  SFSchema,
+  SFTextareaWidgetSchema,
+  SFUISchema
+} from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+import { OrderManagementService } from '../../../services/order-management.service';
+
+
+@Component({
+  selector: 'app-order-management-cancel-confirm',
+  templateUrl: './cancel-confirm.component.html'
+})
+export class OneCarOrderCancelConfirmComponent implements OnInit {
+  i: any;     // 单行数据
+  sts: any;   // 区分大宗、整车
+  index: any; // 项目数
+  ATTPrice: any; // 附加费
+  List: any;    // 运费
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema: SFSchema = {};
+  ui: SFUISchema = {};
+  constructor(
+    private modalRef: NzModalRef,
+    private modal: NzModalService,
+    private msgSrv: NzMessageService,
+    public service: OrderManagementService
+  ) {}
+
+  ngOnInit(): void {
+    console.log(this.i);
+    this.initSF();
+    this.initData()
+  
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        reason: {
+          type: 'string',
+          title: '备注',
+          maxLength: 50,
+          ui: {
+            widget: 'textarea',
+            autosize: { minRows: 6, maxRows: 6 }
+          } as SFTextareaWidgetSchema
+        },
+      },
+      required: ['reason']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 60,
+        grid: { span: 20 }
+      }
+    };
+  }
+  initData() {
+    let indexId = 0
+    let index = 0
+    let indexSurcharge = 0
+    this.i?.mybidDetailInfo.forEach((ele: any) => {
+      if(this.sts == 1) {
+        // 大宗
+        if (ele?.paymentStatusLabel == '已支付' && ele.expenseCode == "TRA") {
+          index += ele?.price;
+        }
+        if (ele?.paymentStatusLabel == '已支付') {
+          indexId += 1;
+          indexSurcharge += ele?.surcharge;
+        }
+      } else {
+        // 整车
+        if (ele?.paymentStatusLabel == '已支付') {
+          indexId += 1;
+          index += ele?.price;
+          indexSurcharge += ele?.surcharge;
+        }
+        console.log(ele.expenseCode)
+      }
+    });
+    this.index = indexId
+    this.List = index
+    this.ATTPrice = indexSurcharge
+    console.log(this.index)
+    console.log(this.List)
+  }
+  save(value: any): void {
+    if (!this.sf.value.reason) {
+      this.service.msgSrv.error('请填写备注信息！');
+      return;
+    }
+    const params = { billId: this.i?.id, ...this.sf.value };
+    console.log(params)
+    this.service.request(this.service.$api_billRefundApplication_save, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('操作成功！');
+        this.modalRef.close(true);
+      } 
+    });
+  }
+
+  close(value: boolean): void {
+        this.modalRef.close(false);
+  }
+}
diff --git a/src/app/routes/order-management/modal/vehicle/cancel/cancel.component.html b/src/app/routes/order-management/modal/vehicle/cancel/cancel.component.html
new file mode 100644
index 00000000..7681f210
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/cancel/cancel.component.html
@@ -0,0 +1,7 @@
+<nz-spin *ngIf="!i" class="modal-spin"></nz-spin>
+<sf #sf mode="edit" [schema]="schema" [ui]="ui" button="none"></sf>
+
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">关闭</button>
+  <button nz-button type="submit" nzType="primary" (click)="save(sf.value)" [disabled]="!sf.valid">确定</button>
+</div>
diff --git a/src/app/routes/order-management/modal/vehicle/cancel/cancel.component.ts b/src/app/routes/order-management/modal/vehicle/cancel/cancel.component.ts
new file mode 100644
index 00000000..16e7c1c0
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/cancel/cancel.component.ts
@@ -0,0 +1,84 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-21 10:14:52
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:21:43
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\cancel\\cancel.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import {
+  SFComponent, SFSchema,
+  SFTextareaWidgetSchema,
+  SFUISchema
+} from '@delon/form';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+import { OrderManagementService } from '../../../services/order-management.service';
+
+@Component({
+  selector: 'app-order-management-cancel',
+  templateUrl: './cancel.component.html'
+})
+export class OneCarOrderCancelComponent implements OnInit {
+  record: any = {};
+  i: any;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema: SFSchema = {};
+  ui: SFUISchema = {};
+  constructor(private modalRef: NzModalRef, private modal: NzModalService, public service: OrderManagementService) {}
+
+  ngOnInit(): void {
+    this.initSF();
+    console.log(this.i.billStatusLabel);
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        cancelReason: {
+          type: 'string',
+          title: '取消原因',
+          ui: {
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 6 }
+          } as SFTextareaWidgetSchema
+        }
+      },
+      required: ['reason']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 100,
+        grid: { span: 20 }
+      }
+    };
+  }
+  save(value: any): void {
+    if (this.i?.billStatus === '1') {
+      // 待接单状态
+      this.modal.confirm({
+        nzTitle: '<i>是否确定立即取消运单！</i>',
+        nzOnOk: () =>
+          this.service.request(this.service.$api_get_cancelAnOrder, { id: this.i?.id, ...this.sf.value }).subscribe(res => {
+            if (res) {
+              this.modalRef.close(true);
+            }
+          }),
+        nzOnCancel: () => this.modalRef.destroy()
+      });
+    } else {
+      this.service.request(this.service.$api_get_cancelAnOrder, { id: this.i?.id, ...this.sf.value }).subscribe(res => {
+        if (res) {
+          this.modalRef.close(true);
+        }
+      });
+    }
+
+    this.modalRef.close(true);
+  }
+
+  close(): void {
+    this.modalRef.destroy();
+  }
+}
diff --git a/src/app/routes/order-management/modal/vehicle/confir-receipt/confir-receipt.component.html b/src/app/routes/order-management/modal/vehicle/confir-receipt/confir-receipt.component.html
new file mode 100644
index 00000000..2c0d7063
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/confir-receipt/confir-receipt.component.html
@@ -0,0 +1,71 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-15 13:17:42
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-01 10:39:59
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\confir-receipt\\confir-receipt.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<nz-alert
+  style="padding-bottom: 15px"
+  nzType="warning"
+  nzCloseable
+  nzMessage="签收后不可再修改运费，请确保运费等信息准确无误后，再进行签收。"
+></nz-alert>
+
+<sv-container col="1">
+  <sv label="费用明细">
+    <st #st [widthMode]="{ type: 'strict' }" [data]="costDetail" [columns]="columns" bordered="true" [page]="{ show: false }">
+      <ng-template st-row="PRE" let-item let-index="index">
+        {{item.PRE | currency}}
+      </ng-template>
+      <ng-template st-row="RECE" let-item let-index="index">
+        {{item.RECE | currency}}
+      </ng-template>
+      <ng-template st-row="BACK" let-item let-index="index">
+        {{item.BACK | currency}}
+      </ng-template>
+      <ng-template st-row="traiPrice" let-item let-index="index">
+        {{ item.traiPrice | currency}}
+      </ng-template>
+      <ng-template st-row="surcharge" let-item let-index="index">
+        {{item.surcharge | currency}}
+      </ng-template>
+    </st>
+  </sv>
+  <sv label="司机车辆">
+    <div>{{ dataInfo?.driverName|| '-' }} / {{dataInfo?.driverPhone || '-' }}/ {{ dataInfo?.carNo || '-' }}</div>
+  </sv>
+  <sv label="收款人">
+    <div>{{ i?.payeeName || '-'}} / {{ i?.payeePhone || '-'}}</div>
+  </sv>
+  <sv label="回单凭证">
+    <nz-upload
+      class="avatar-uploader"
+      [nzAction]="service.$api_upload_url"
+      [nzName]="'multipartFile'"
+      nzListType="picture-card"
+      [(nzFileList)]="listImagUrls"
+      [nzShowButton]="listImagUrls.length < 5"
+      [nzPreview]="handlePreview1"
+      [nzBeforeUpload]="beforeUpload"
+      (nzChange)="handleChange1($event)"
+    >
+      <div>
+        <i nz-icon nzType="plus"></i>
+        <div style="margin-top: 8px">请上传图片</div>
+      </div>
+    </nz-upload>
+    <nz-modal [nzVisible]="previewVisible1" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible1 = false">
+      <ng-template #modalContent>
+        <img [src]="previewImage1" [ngStyle]="{ width: '100%' }" />
+      </ng-template>
+    </nz-modal>
+  </sv>
+</sv-container>
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">关闭</button>
+  <button nz-button type="submit" nzType="primary" (click)="save()" [nzLoading]="http.loading">确认签收</button>
+</div>
diff --git a/src/app/routes/order-management/modal/vehicle/confir-receipt/confir-receipt.component.less b/src/app/routes/order-management/modal/vehicle/confir-receipt/confir-receipt.component.less
new file mode 100644
index 00000000..30444d6b
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/confir-receipt/confir-receipt.component.less
@@ -0,0 +1,7 @@
+    .left_btn {
+         width: 50px;
+        height: 32px; 
+         padding-left: 8px;
+         line-height:32px; 
+         background-color: #d7d7d7;
+    }
\ No newline at end of file
diff --git a/src/app/routes/order-management/modal/vehicle/confir-receipt/confir-receipt.component.ts b/src/app/routes/order-management/modal/vehicle/confir-receipt/confir-receipt.component.ts
new file mode 100644
index 00000000..fa5b8958
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/confir-receipt/confir-receipt.component.ts
@@ -0,0 +1,199 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-15 13:17:42
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-31 17:36:46
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\confir-receipt\\confir-receipt.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit } from '@angular/core';
+import { STColumn } from '@delon/abc/st';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { NzUploadChangeParam, NzUploadFile } from 'ng-zorro-antd/upload';
+import { Observable, Observer } from 'rxjs';
+import { OrderManagementService } from '../../../services/order-management.service';
+function getBase64(file: File): Promise<string | ArrayBuffer | null> {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = error => reject(error);
+  });
+}
+@Component({
+  selector: 'app-order-management-vehicle-confir-receipt',
+  templateUrl: './confir-receipt.component.html',
+  styleUrls: ['./confir-receipt.component.less']
+})
+export class VehicleConfirReceiptComponent implements OnInit {
+  record: any = {};
+  i: any;
+  Status: any;
+  costDetail: any; // 费用明细
+  columns!: STColumn[];
+  previewVisible1 = false;
+  dataInfo: any;
+  detailList: any;
+  data: any = {};
+  previewImage1 = '';
+  listImagUrls: any[] = [];
+  payeeList: any;
+  driverList: any;
+  carList: any;
+  constructor(
+    private modal: NzModalRef,
+    private msgSrv: NzMessageService,
+    public http: _HttpClient,
+    public service: OrderManagementService
+  ) {}
+
+  ngOnInit(): void {
+    this.initST();
+    this.initData();
+  }
+
+  save(): void {
+    let imgList: any = [];
+    if (this.listImagUrls.length > 0) {
+      this.listImagUrls.forEach((res: any) => {
+        if (res.url) {
+          imgList.push(res.url);
+        }
+      });
+    }
+    console.log(imgList);
+    const params = {
+      id: this.i?.id,
+      filePathList: imgList
+    };
+    this.service.request(this.service.$api_get_signWholeOrder, params).subscribe((res: any) => {
+      console.log(res);
+      if (res) {
+        this.service.msgSrv.success('确认签收成功！');
+        this.modal.destroy(true);
+      }
+    });
+  }
+  handlePreview1 = async (file: NzUploadFile) => {
+    if (!file.url && !file.preview) {
+      file.preview = await getBase64(file.originFileObj!);
+    }
+    this.previewImage1 = file.url || file.preview;
+    this.previewVisible1 = true;
+  };
+  close(): void {
+    this.modal.destroy();
+  }
+
+  beforeUpload = (file: NzUploadFile, _fileList: NzUploadFile[]) => {
+    return new Observable((observer: Observer<boolean>) => {
+      const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/gif' || file.type === 'image/bmp';
+      if (!isJpgOrPng) {
+        this.service.msgSrv.warning('只能上传图片!');
+        observer.complete();
+        return;
+      }
+      // tslint:disable-next-line: no-non-null-assertion
+      const isLt2M = file.size! / 1024 / 1024 < 3;
+      if (!isLt2M) {
+        this.service.msgSrv.warning('图片大小超过3兆!');
+        observer.complete();
+        return;
+      }
+      observer.next(isJpgOrPng && isLt2M);
+      observer.complete();
+    });
+  };
+  initData() {
+    // 大宗
+    this.service.request(this.service.$api_get_getWholeSignForDetail, { id: this.i?.id }).subscribe((res: any) => {
+      console.log(res);
+      this.dataInfo = res;
+      const cost: any = {};
+      res.mybidDetailInfo.forEach((element: any) => {
+        if (element.expenseName === '预付' || element.expenseCode === 'PRE') {
+          cost.PRE = element.price;
+        } else if (element.expenseName === '到付' || element.expenseCode === 'RECE') {
+          cost.RECE = element.price;
+        } else if (element.expenseName === '回单付' || element.expenseCode === 'BACK') {
+          cost.BACK = element.price;
+        } else if (element.expenseCode === 'ATT') {
+          cost.surcharge = element.price;
+        } else if (element.expenseCode === 'TOTAL') {
+          cost.traiPrice = element.price;
+        }
+      });
+      let arr: any = [];
+      res.filePathList.forEach((element: any, index: any) => {
+        console.log(index);
+        arr.push({
+          url: element,
+          status: 'done',
+          uid: index
+        });
+      });
+      this.listImagUrls = arr;
+      this.costDetail = [cost];
+    });
+  }
+
+  initST() {
+    this.columns = [
+      {
+        title: '预付',
+        index: 'PRE',
+        render:'PRE'
+      },
+      {
+        title: '到付',
+        index: 'RECE',
+        render:'RECE'
+      },
+      // {
+      //   title: '油卡',
+      //   index: 'OIL'
+      // },
+      {
+        title: '回单付',
+        index: 'BACK',
+        render:'BACK'
+      },
+      {
+        title: '附加费',
+        index: 'surcharge',
+        render:'surcharge'
+      },
+      {
+        title: '总运费',
+        index: 'traiPrice',
+        render:'traiPrice'
+      }
+    ];
+  }
+
+  handleChange1(info: NzUploadChangeParam): void {
+    switch (info.file.status) {
+      case 'uploading':
+        break;
+      case 'done':
+        let fileList = [...info.fileList];
+        // 2. Read from response and show file link
+        console.log(fileList);
+        fileList = fileList.map((file: any) => {
+          if (file.response) {
+            file.url = file.response.data.fullFilePath;
+          }
+          return file;
+        });
+        console.log(this.listImagUrls);
+        break;
+      case 'error':
+        this.service.msgSrv.error('网络错误');
+        break;
+    }
+  }
+}
diff --git a/src/app/routes/order-management/modal/vehicle/freight-people/freight-people.component.html b/src/app/routes/order-management/modal/vehicle/freight-people/freight-people.component.html
new file mode 100644
index 00000000..9e2db533
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/freight-people/freight-people.component.html
@@ -0,0 +1,16 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-29 16:48:16
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-24 20:18:38
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\freight-people\\freight-people.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<nz-alert nzType="info" [nzMessage]="'已选择' + data?.ids?.length + '已选择条订单'" nzShowIcon></nz-alert>
+<sf style="margin-top: 15px" #sf mode="edit" [schema]="schema" [ui]="ui" button="none"></sf>
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">关闭</button>
+  <button nz-button type="submit" nzType="primary" (click)="save(sf?.value)" >确定</button>
+</div>
diff --git a/src/app/routes/order-management/modal/vehicle/freight-people/freight-people.component.less b/src/app/routes/order-management/modal/vehicle/freight-people/freight-people.component.less
new file mode 100644
index 00000000..30444d6b
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/freight-people/freight-people.component.less
@@ -0,0 +1,7 @@
+    .left_btn {
+         width: 50px;
+        height: 32px; 
+         padding-left: 8px;
+         line-height:32px; 
+         background-color: #d7d7d7;
+    }
\ No newline at end of file
diff --git a/src/app/routes/order-management/modal/vehicle/freight-people/freight-people.component.ts b/src/app/routes/order-management/modal/vehicle/freight-people/freight-people.component.ts
new file mode 100644
index 00000000..15410d98
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/freight-people/freight-people.component.ts
@@ -0,0 +1,92 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-29 16:48:16
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-24 20:19:31
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\freight-people\\freight-people.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { OrderManagementService } from '../../../services/order-management.service';
+
+@Component({
+  selector: 'app-order-management-vehicle-freight-people',
+  templateUrl: './freight-people.component.html',
+  styleUrls: ['./freight-people.component.less']
+})
+export class VehicleFreightPeopleComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema: SFSchema = {};
+  ui: SFUISchema = {};
+
+  aggreechecked = false;
+
+  data: any;
+
+  constructor(
+    private modal: NzModalRef,
+    private msgSrv: NzMessageService,
+    public service: OrderManagementService,
+    public shipperservice: ShipperBaseService
+  ) {}
+
+  ngOnInit(): void {
+    console.log(this.data);
+    this.initSF();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            allowClear: true,
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder()
+          }
+        }
+      },
+      required: ['enterpriseInfoId']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 130,
+        grid: { span: 16 }
+      }
+    };
+  }
+
+  save(value: any): void {
+    console.log(this.sf.value);
+    if(!this.sf.valid) {
+      this.service.msgSrv.error("请选择网络货运人！")
+      return;
+    }
+    const params = {
+      billIds: this.data?.ids,
+      enterpriseInfoId: this.sf.value?.enterpriseInfoId
+    };
+    console.log(params);
+    this.service.request(this.service.$api_set_updateEnterpriseInfoBatch, params).subscribe((res: any) => {
+      if (res) {
+        this.modal.destroy(true);
+        this.service.msgSrv.success('修改网络货运人成功！');
+      }
+    });
+  }
+
+  close(): void {
+    this.modal.destroy();
+  }
+}
diff --git a/src/app/routes/order-management/modal/vehicle/modify-captain/modify-captain.component.html b/src/app/routes/order-management/modal/vehicle/modify-captain/modify-captain.component.html
new file mode 100644
index 00000000..dee32307
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/modify-captain/modify-captain.component.html
@@ -0,0 +1,38 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-29 17:27:37
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:22:55
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\modify-captain\\modify-captain.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<nz-alert
+  nzType="info"
+  [nzMessage]="'已选择' + data?.ids?.length + '条订单,未认证司机不可设置为车队长，合同单车队长需绑定收款账户！'"
+  nzShowIcon
+></nz-alert>
+<div nz-row>
+  <div nz-col [nzSpan]="16">
+    <sf style="margin-top: 15px" #sf mode="edit" [schema]="schema" [ui]="ui" button="none"> </sf>
+  </div>
+
+  <div nz-col [nzSpan]="1" style="margin-top: 15px">
+    <button style="display: inline-block" nz-button nzType="primary" (click)="initDate()">搜索</button>
+  </div>
+</div>
+
+<st #st [data]="dataList" [columns]="Columns" [loadingDelay]="500">
+  <ng-template st-row="avatar" let-item let-index="index">
+    <img style="height: 20px" [src]="item?.avatar" alt="" />
+  </ng-template>
+  <ng-template st-row="bankList" let-item let-index="index">
+    <nz-select [(ngModel)]="bankData" style="width: 200px">
+      <nz-option *ngFor="let i of item.bankList" [nzLabel]="i.bankCardNumber" [nzValue]="i.id"></nz-option>
+    </nz-select>
+  </ng-template>
+  <ng-template st-row="paymentMethodRate" let-item let-index="index">
+    <input nz-input [ngModel]="item?.paymentMethodRate" (ngModelChange)="st.setRow(index, { paymentMethodRate: $event })" />
+  </ng-template>
+</st>
\ No newline at end of file
diff --git a/src/app/routes/order-management/modal/vehicle/modify-captain/modify-captain.component.less b/src/app/routes/order-management/modal/vehicle/modify-captain/modify-captain.component.less
new file mode 100644
index 00000000..30444d6b
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/modify-captain/modify-captain.component.less
@@ -0,0 +1,7 @@
+    .left_btn {
+         width: 50px;
+        height: 32px; 
+         padding-left: 8px;
+         line-height:32px; 
+         background-color: #d7d7d7;
+    }
\ No newline at end of file
diff --git a/src/app/routes/order-management/modal/vehicle/modify-captain/modify-captain.component.ts b/src/app/routes/order-management/modal/vehicle/modify-captain/modify-captain.component.ts
new file mode 100644
index 00000000..845db74c
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/modify-captain/modify-captain.component.ts
@@ -0,0 +1,126 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-30 14:45:39
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-24 10:28:48
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\modify-captain\\modify-captain.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { OrderManagementService } from '../../../services/order-management.service';
+
+@Component({
+  selector: 'app-order-management-vehicle-modify-captain',
+  templateUrl: './modify-captain.component.html',
+  styleUrls: ['./modify-captain.component.less']
+})
+export class VehicleModifyCaptainComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('st', { static: false }) st!: STComponent;
+  schema: SFSchema = {};
+  ui: SFUISchema = {};
+  Columns: STColumn[] = [];
+  aggreechecked = false;
+  dataList: any = [];
+  data: any;
+  bankData: any;
+
+  constructor(private modal: NzModalRef, private msgSrv: NzMessageService, public service: OrderManagementService) {}
+
+  ngOnInit(): void {
+    console.log(this.data);
+    this.initSF();
+    this.initST();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        mobile: {
+          type: 'string',
+          title: '车队长手机号',
+          maxLength: 11
+        }
+      },
+      required: ['mobile']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 130,
+        grid: { span: 16 }
+      }
+    };
+  }
+  initST() {
+    this.Columns = [
+      { title: '司机头像', render: 'avatar', width: '120px' },
+      { title: '司机姓名', index: 'name', width: '120px' },
+      {
+        title: '实名认证状态',
+        className: 'text-center',
+        index: 'certificationStatus',
+        type: 'badge',
+        width: '120px',
+        badge: {
+          '-1': { text: '未提交', color: 'warning' },
+          '0': { text: '待审核', color: 'warning' },
+          '1': { text: '通过', color: 'success' },
+          '2': { text: '驳回', color: 'error' }
+        }
+      },
+      { title: '收款账户', width: '200px', render: 'bankList' },
+      {
+        title: '操作',
+        width: '120px',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '设置',
+            click: item => {
+              this.set(item);
+            }
+          }
+        ]
+      }
+    ];
+  }
+  set(value: any): void {
+    console.log(this.st?._data);
+    console.log(this.data);
+    console.log(value);
+    console.log(this.bankData);
+    const params = {
+      billIds: this.data?.ids,
+      carCaptainId: value.appUserId,
+      bankData: this.bankData
+    };
+    this.service.request(this.service.$api_get_updateCarCaptainBatch, params).subscribe((res: any) => {
+      if (res) {
+        this.modal.destroy();
+        this.service.msgSrv.success('修改成功');
+      } else {
+        this.service.msgSrv.error(res?.msg);
+      }
+    });
+  }
+  initDate() {
+    const params = {
+      fetchBank: 1,
+      ...this.sf?.value
+    };
+    this.service.request(this.service.$api_get_getCarCaptainByMobile, params).subscribe((res: any) => {
+      console.log(res);
+      if (res) {
+        this.dataList = [res];
+      }
+    });
+  }
+  close(): void {
+    this.modal.destroy();
+  }
+}
diff --git a/src/app/routes/order-management/modal/vehicle/modify-rate/modify-rate.component.html b/src/app/routes/order-management/modal/vehicle/modify-rate/modify-rate.component.html
new file mode 100644
index 00000000..ad382091
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/modify-rate/modify-rate.component.html
@@ -0,0 +1,32 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-29 14:51:07
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-08 13:21:35
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\modify-rate\\modify-rate.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<nz-alert nzType="info" [nzMessage]="'已选择'+ data?.ids?.length + '条订单'" nzShowIcon></nz-alert>
+<sf style="margin-top: 15px" #sf mode="edit" [schema]="schema" [ui]="ui" button="none"></sf>
+
+<st #st [data]="service.$api_searchAdditionalRateBatch" [columns]="columns"
+[req]="{ method: 'POST',params: reqParams}"
+[res]="{ reName: { list: 'data' } }"
+[page]="{show: false,showSize: false,front: false}"
+>
+<ng-template st-row="oldAdditionalRate" let-item>
+  {{ item?.oldAdditionalRate? (item?.oldAdditionalRate * 100).toFixed(2) + '%' : ''}}
+</ng-template>
+<ng-template st-row="oldSurcharge" let-item>
+  {{ item?.oldSurcharge | currency}}
+</ng-template>
+<ng-template st-row="newSurcharge" let-item>
+  {{ item?.newSurcharge | currency}}
+</ng-template>
+</st>
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">关闭</button>
+  <button nz-button type="submit" nzType="primary" (click)="save(sf.value)">确定</button>
+</div>
diff --git a/src/app/routes/order-management/modal/vehicle/modify-rate/modify-rate.component.less b/src/app/routes/order-management/modal/vehicle/modify-rate/modify-rate.component.less
new file mode 100644
index 00000000..30444d6b
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/modify-rate/modify-rate.component.less
@@ -0,0 +1,7 @@
+    .left_btn {
+         width: 50px;
+        height: 32px; 
+         padding-left: 8px;
+         line-height:32px; 
+         background-color: #d7d7d7;
+    }
\ No newline at end of file
diff --git a/src/app/routes/order-management/modal/vehicle/modify-rate/modify-rate.component.ts b/src/app/routes/order-management/modal/vehicle/modify-rate/modify-rate.component.ts
new file mode 100644
index 00000000..6e61d083
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/modify-rate/modify-rate.component.ts
@@ -0,0 +1,104 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-29 14:51:07
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-08 13:21:59
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\modify-rate\\modify-rate.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { Component, Input, OnInit, ViewChild } from '@angular/core';
+import { STColumn } from '@delon/abc/st';
+import { SFComponent, SFNumberWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { OrderManagementService } from '../../../services/order-management.service';
+
+@Component({
+  selector: 'app-order-management-vehicle-modify-rate',
+  templateUrl: './modify-rate.component.html',
+  styleUrls: ['./modify-rate.component.less']
+})
+export class VehicleModifyRateComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema: SFSchema = {};
+  ui: SFUISchema = {};
+  columns: STColumn[] = [
+    { title: '订单号', index: 'billCode' },
+    { title: '原附加费率', render: 'oldAdditionalRate' },
+    { title: '原附加费', render: 'oldSurcharge' },
+    // { title: '新附加费', render: 'newSurcharge' },
+  ];
+  aggreechecked = false;
+
+  @Input()
+  data: any;
+
+  constructor(private modal: NzModalRef, private msgSrv: NzMessageService, public service: OrderManagementService) {}
+
+  ngOnInit(): void {
+    console.log(this.data);
+    this.initSF();
+    console.log(this.data?.ids)
+  }
+  get reqParams() {
+
+    return { 
+      // operateObject: this.i?.resourceCode,
+      // operateType: 4,
+      ids: this.data?.ids,
+      additionalRate: this.sf?.value?.additionalRate || 0
+     };
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        additionalRate: {
+          type: 'number',
+          title: '附加费率',
+          maximum: 99,
+          minimum: 0,
+          ui: {
+            unit: '%',
+            widgetWidth: 200,
+            precision: 2
+          } as SFNumberWidgetSchema
+        }
+      },
+      required: ['additionalRate']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 100,
+        grid: { span: 16 }
+      }
+    };
+  }
+
+  save(value: any): void {
+    if (!this.sf.value?.additionalRate) {
+      this.service.msgSrv.warning('请填写附加费！');
+      return;
+    }
+    console.log(this.sf.value);
+    const params = {
+      ids: this.data?.ids,
+      ...this.sf.value
+    };
+    console.log(params);
+    this.service.request(this.service.$api_set_updateAdditionalRateBatch, params).subscribe((res: any) => {
+      if (res) {
+        this.modal.close(true);
+        this.service.msgSrv.success('变更运费成功');
+      } else {
+        this.service.msgSrv.error(res?.msg);
+      }
+    });
+  }
+
+  close(): void {
+    this.modal.destroy();
+  }
+}
diff --git a/src/app/routes/order-management/modal/vehicle/sure-arrive/sure-arrive.component.html b/src/app/routes/order-management/modal/vehicle/sure-arrive/sure-arrive.component.html
new file mode 100644
index 00000000..5360747c
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/sure-arrive/sure-arrive.component.html
@@ -0,0 +1,30 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-15 13:17:42
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-04 09:48:12
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\sure-arrive\\sure-arrive.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<sf #sf mode="edit" [schema]="schema" [ui]="ui" [formData]="formData" button="none">
+  <ng-template sf-template="weight" let-me let-ui="ui" let-schema="schema">
+    <div style="display: flex">
+      <nz-input-number [(ngModel)]="data.weight" [nzMin]="1" [nzMax]="99999"  [nzStep]="0.01"  [nzPrecision]="2"></nz-input-number>
+      <div class="left_btn">吨</div>
+    </div>
+  </ng-template>
+  <ng-template sf-template="volume" let-me let-ui="ui" let-schema="schema">
+    <div style="display: flex">
+      <nz-input-number [(ngModel)]="data.volume" [nzMin]="1" [nzMax]="99999"  [nzStep]="0.01" [nzPrecision]="2"></nz-input-number>
+      <div class="left_btn">方</div>
+    </div>
+  </ng-template>
+</sf>
+
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">关闭</button>
+  <button nz-button type="submit" nzType="primary" (click)="save(sf.value)" [nzLoading]="http.loading">确认到车</button>
+</div>
diff --git a/src/app/routes/order-management/modal/vehicle/sure-arrive/sure-arrive.component.less b/src/app/routes/order-management/modal/vehicle/sure-arrive/sure-arrive.component.less
new file mode 100644
index 00000000..30444d6b
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/sure-arrive/sure-arrive.component.less
@@ -0,0 +1,7 @@
+    .left_btn {
+         width: 50px;
+        height: 32px; 
+         padding-left: 8px;
+         line-height:32px; 
+         background-color: #d7d7d7;
+    }
\ No newline at end of file
diff --git a/src/app/routes/order-management/modal/vehicle/sure-arrive/sure-arrive.component.ts b/src/app/routes/order-management/modal/vehicle/sure-arrive/sure-arrive.component.ts
new file mode 100644
index 00000000..6bf8d513
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/sure-arrive/sure-arrive.component.ts
@@ -0,0 +1,519 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { DatePipe } from '@angular/common';
+import {
+  SFComponent,
+  SFCustomWidgetSchema,
+  SFDateWidgetSchema,
+  SFNumberWidgetSchema,
+  SFRadioWidgetSchema,
+  SFSchema,
+  SFSelectWidgetSchema,
+  SFTextareaWidgetSchema,
+  SFUISchema,
+  SFUploadWidgetSchema
+} from '@delon/form';
+import { apiConf } from '@conf/api.conf';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { WaybillManagementServe } from 'src/app/routes/waybill-management/services/waybill-management.service';
+import { Observable, Observer } from 'rxjs';
+import { EAEnvironmentService } from '@shared';
+
+@Component({
+  selector: 'app-order-management-vehicle-sure-arrive',
+  templateUrl: './sure-arrive.component.html',
+  styleUrls: ['./sure-arrive.component.less'],
+  providers: [DatePipe]
+})
+export class VehicleSureArriveComponent implements OnInit {
+  record: any = {};
+  i: any;
+  formData: any;
+  Status: any;
+  data: any = {
+    weight: 0,
+    volume: 0
+  };
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema: SFSchema = {};
+  ui: SFUISchema = {};
+  constructor(
+    private modal: NzModalRef,
+    private msgSrv: NzMessageService,
+    public http: _HttpClient,
+    public service: WaybillManagementServe,
+    private datePipe: DatePipe,
+    private envSrv: EAEnvironmentService
+  ) {}
+
+  ngOnInit(): void {
+    console.log(this.i);
+    this.initData();
+    this.i.time = this.i?.loadingTime;
+    this.initSF();
+  }
+  initSF() {
+    if (this.Status === 1) {
+      this.schema = {
+        properties: {
+          time: {
+            type: 'string',
+            title: '卸货时间',
+            format: 'date-time'
+          },
+          imgUrl3: {
+            type: 'string',
+            title: '装货凭证',
+            ui: {
+              widget: 'upload',
+              action: apiConf.fileUpload,
+              accept: 'image/png,image/jpeg,image/jpg,image/gif',
+              limit: 1,
+              limitFileCount: 1,
+              resReName: 'data.fullFileWatermarkPath',
+              urlReName: 'data.fullFileWatermarkPath',
+              descriptionI18n: '提货单',
+              data: {
+                appId: this.envSrv.env.appId
+              },
+              name: 'multipartFile',
+              beforeUpload: (file: any, fileList: any) => {
+                return new Observable((observer: Observer<boolean>) => {
+                  const isLt1M = file.size / 1024 / 1024 < 5;
+                  const fileType = 'image/png,image/jpeg,image/jpg,image/gif';
+                  if (fileType.indexOf(file.type) === -1) {
+                    this.service.msgSrv.warning('图片格式不正确！');
+                    observer.complete();
+                    return;
+                  }
+                  if (!isLt1M) {
+                    this.service.msgSrv.warning('图片大小超过5M!');
+                    observer.complete();
+                    return;
+                  }
+                  observer.next(isLt1M);
+                  observer.complete();
+                });
+              },
+              multiple: false,
+              listType: 'picture-card'
+            } as SFUploadWidgetSchema
+          },
+          imgUrl4: {
+            type: 'string',
+            title: '',
+            ui: {
+              widget: 'upload',
+              action: apiConf.fileUpload,
+              accept: 'image/png,image/jpeg,image/jpg,image/gif',
+              limit: 1,
+              limitFileCount: 1,
+              resReName: 'data.fullFileWatermarkPath',
+              urlReName: 'data.fullFileWatermarkPath',
+              descriptionI18n: '人车货照片',
+              data: {
+                appId: this.envSrv.env.appId
+              },
+              name: 'multipartFile',
+              beforeUpload: (file: any, fileList: any) => {
+                return new Observable((observer: Observer<boolean>) => {
+                  const isLt1M = file.size / 1024 / 1024 < 5;
+                  const fileType = 'image/png,image/jpeg,image/jpg,image/gif';
+                  if (fileType.indexOf(file.type) === -1) {
+                    this.service.msgSrv.warning('图片格式不正确！');
+                    observer.complete();
+                    return;
+                  }
+                  if (!isLt1M) {
+                    this.service.msgSrv.warning('图片大小超过5M!');
+                    observer.complete();
+                    return;
+                  }
+                  observer.next(isLt1M);
+                  observer.complete();
+                });
+              },
+              multiple: false,
+              listType: 'picture-card'
+            } as SFUploadWidgetSchema
+          },
+          no4: {
+            type: 'string',
+            title: '',
+            ui: {
+              widget: 'text'
+            },
+            default: '单张大小不超过5M，支持.jpg、.jpeg和 .png格式'
+          },
+          imgUrl1: {
+            type: 'string',
+            title: '卸货凭证',
+            ui: {
+              widget: 'upload',
+              action: apiConf.fileUpload,
+              accept: 'image/png,image/jpeg,image/jpg,image/gif',
+              limit: 1,
+              limitFileCount: 1,
+              resReName: 'data.fullFileWatermarkPath',
+              urlReName: 'data.fullFileWatermarkPath',
+              descriptionI18n: '提货单',
+              data: {
+                appId: this.envSrv.env.appId
+              },
+              name: 'multipartFile',
+              beforeUpload: (file: any, fileList: any) => {
+                return new Observable((observer: Observer<boolean>) => {
+                  const isLt1M = file.size / 1024 / 1024 < 5;
+                  const fileType = 'image/png,image/jpeg,image/jpg,image/gif';
+                  if (fileType.indexOf(file.type) === -1) {
+                    this.service.msgSrv.warning('图片格式不正确！');
+                    observer.complete();
+                    return;
+                  }
+                  if (!isLt1M) {
+                    this.service.msgSrv.warning('图片大小超过5M!');
+                    observer.complete();
+                    return;
+                  }
+                  observer.next(isLt1M);
+                  observer.complete();
+                });
+              },
+              multiple: false,
+              listType: 'picture-card'
+            } as SFUploadWidgetSchema
+          },
+          imgUrl2: {
+            type: 'string',
+            title: '',
+            ui: {
+              widget: 'upload',
+              action: apiConf.fileUpload,
+              accept: 'image/png,image/jpeg,image/jpg,image/gif',
+              limit: 1,
+              limitFileCount: 1,
+              resReName: 'data.fullFileWatermarkPath',
+              urlReName: 'data.fullFileWatermarkPath',
+              descriptionI18n: '人车货照片',
+              data: {
+                appId: this.envSrv.env.appId
+              },
+              name: 'multipartFile',
+              beforeUpload: (file: any, fileList: any) => {
+                return new Observable((observer: Observer<boolean>) => {
+                  const isLt1M = file.size / 1024 / 1024 < 5;
+                  const fileType = 'image/png,image/jpeg,image/jpg,image/gif';
+                  if (fileType.indexOf(file.type) === -1) {
+                    this.service.msgSrv.warning('图片格式不正确！');
+                    observer.complete();
+                    return;
+                  }
+                  if (!isLt1M) {
+                    this.service.msgSrv.warning('图片大小超过5M!');
+                    observer.complete();
+                    return;
+                  }
+                  observer.next(isLt1M);
+                  observer.complete();
+                });
+              },
+              multiple: false,
+              listType: 'picture-card'
+            } as SFUploadWidgetSchema
+          }
+        },
+        required: ['time']
+      };
+    } else {
+      this.schema = {
+        properties: {
+          time: {
+            type: 'string',
+            title: '卸货时间',
+            format: 'date-time'
+          },
+          weight: {
+            type: 'string',
+            title: '卸货重量',
+            ui: {
+              widget: 'custom'
+            }
+          },
+          volume: {
+            type: 'string',
+            title: '卸货体积',
+            ui: {
+              widget: 'custom'
+            }
+          },
+          imgUrl3: {
+            type: 'string',
+            title: '装货凭证',
+            ui: {
+              widget: 'upload',
+              action: apiConf.fileUpload,
+              accept: 'image/png,image/jpeg,image/jpg,image/gif',
+              limit: 1,
+              limitFileCount: 1,
+              resReName: 'data.fullFileWatermarkPath',
+              urlReName: 'data.fullFileWatermarkPath',
+              descriptionI18n: '提货单',
+              data: {
+                appId: this.envSrv.env.appId
+              },
+              name: 'multipartFile',
+              beforeUpload: (file: any, fileList: any) => {
+                return new Observable((observer: Observer<boolean>) => {
+                  const isLt1M = file.size / 1024 / 1024 < 5;
+                  const fileType = 'image/png,image/jpeg,image/jpg,image/gif';
+                  if (fileType.indexOf(file.type) === -1) {
+                    this.service.msgSrv.warning('图片格式不正确！');
+                    observer.complete();
+                    return;
+                  }
+                  if (!isLt1M) {
+                    this.service.msgSrv.warning('图片大小超过5M!');
+                    observer.complete();
+                    return;
+                  }
+                  observer.next(isLt1M);
+                  observer.complete();
+                });
+              },
+              multiple: false,
+              listType: 'picture-card'
+            } as SFUploadWidgetSchema
+          },
+          imgUrl4: {
+            type: 'string',
+            title: '',
+            ui: {
+              widget: 'upload',
+              action: apiConf.fileUpload,
+              accept: 'image/png,image/jpeg,image/jpg,image/gif',
+              limit: 1,
+              limitFileCount: 1,
+              resReName: 'data.fullFileWatermarkPath',
+              urlReName: 'data.fullFileWatermarkPath',
+              descriptionI18n: '人车货照片',
+              data: {
+                appId: this.envSrv.env.appId
+              },
+              name: 'multipartFile',
+              beforeUpload: (file: any, fileList: any) => {
+                return new Observable((observer: Observer<boolean>) => {
+                  const isLt1M = file.size / 1024 / 1024 < 5;
+                  const fileType = 'image/png,image/jpeg,image/jpg,image/gif';
+                  if (fileType.indexOf(file.type) === -1) {
+                    this.service.msgSrv.warning('图片格式不正确！');
+                    observer.complete();
+                    return;
+                  }
+                  if (!isLt1M) {
+                    this.service.msgSrv.warning('图片大小超过5M!');
+                    observer.complete();
+                    return;
+                  }
+                  observer.next(isLt1M);
+                  observer.complete();
+                });
+              },
+              multiple: false,
+              listType: 'picture-card'
+            } as SFUploadWidgetSchema
+          },
+          no4: {
+            type: 'string',
+            title: '',
+            ui: {
+              widget: 'text'
+            },
+            default: '单张大小不超过5M，支持.jpg、.jpeg和 .png格式'
+          },
+          imgUrl1: {
+            type: 'string',
+            title: '卸货凭证',
+            ui: {
+              widget: 'upload',
+              action: apiConf.fileUpload,
+              accept: 'image/png,image/jpeg,image/jpg,image/gif',
+              limit: 1,
+              limitFileCount: 1,
+              resReName: 'data.fullFileWatermarkPath',
+              urlReName: 'data.fullFileWatermarkPath',
+              descriptionI18n: '提货单',
+              data: {
+                appId: this.envSrv.env.appId
+              },
+              name: 'multipartFile',
+              beforeUpload: (file: any, fileList: any) => {
+                return new Observable((observer: Observer<boolean>) => {
+                  const isLt1M = file.size / 1024 / 1024 < 5;
+                  const fileType = 'image/png,image/jpeg,image/jpg,image/gif';
+                  if (fileType.indexOf(file.type) === -1) {
+                    this.service.msgSrv.warning('图片格式不正确！');
+                    observer.complete();
+                    return;
+                  }
+                  if (!isLt1M) {
+                    this.service.msgSrv.warning('图片大小超过5M!');
+                    observer.complete();
+                    return;
+                  }
+                  observer.next(isLt1M);
+                  observer.complete();
+                });
+              },
+              multiple: false,
+              listType: 'picture-card'
+            } as SFUploadWidgetSchema
+          },
+          imgUrl2: {
+            type: 'string',
+            title: '',
+            ui: {
+              widget: 'upload',
+              action: apiConf.fileUpload,
+              accept: 'image/png,image/jpeg,image/jpg,image/gif',
+              limit: 1,
+              limitFileCount: 1,
+              resReName: 'data.fullFileWatermarkPath',
+              urlReName: 'data.fullFileWatermarkPath',
+              descriptionI18n: '人车货照片',
+              data: {
+                appId: this.envSrv.env.appId
+              },
+              name: 'multipartFile',
+              beforeUpload: (file: any, fileList: any) => {
+                return new Observable((observer: Observer<boolean>) => {
+                  const isLt1M = file.size / 1024 / 1024 < 5;
+                  const fileType = 'image/png,image/jpeg,image/jpg,image/gif';
+                  if (fileType.indexOf(file.type) === -1) {
+                    this.service.msgSrv.warning('图片格式不正确！');
+                    observer.complete();
+                    return;
+                  }
+                  if (!isLt1M) {
+                    this.service.msgSrv.warning('图片大小超过5M!');
+                    observer.complete();
+                    return;
+                  }
+                  observer.next(isLt1M);
+                  observer.complete();
+                });
+              },
+              multiple: false,
+              listType: 'picture-card'
+            } as SFUploadWidgetSchema
+          }
+        },
+        required: ['time', 'weight', 'volume']
+      };
+    }
+    this.ui = {
+      '*': {
+        spanLabelFixed: 100,
+        grid: { span: 20 }
+      },
+      $imgUrl1: { grid: { span: 12 } },
+      $imgUrl2: { grid: { span: 12 } },
+      $imgUrl3: { grid: { span: 12 } },
+      $imgUrl4: { grid: { span: 12 } }
+    };
+  }
+  save(value: any): void {
+    console.log(this.Status);
+    console.log(value?.imgUrl3?.data?.fullFilePath);
+    console.log(value?.imgUrl3?.url);
+    
+    if (this.Status === 1) {
+      if (!value.time) {
+        this.service.msgSrv.warning('卸货时间为空！');
+        return;
+      }
+      const params = {
+        id: this.i.id,
+        imgUrl1: value?.imgUrl1?.data?.fullFilePath,
+        imgUrl2: value?.imgUrl2?.data?.fullFilePath,
+        setLading: value?.imgUrl3?.data?.fullFilePath || value?.imgUrl3?.url,
+        setPeoCarGoods: value?.imgUrl4?.data?.fullFilePath || value?.imgUrl4?.url,
+        time: value?.time
+      };
+      params.time = this.datePipe.transform(value.time, 'yyyy-MM-dd HH:mm:ss ');
+      console.log(params);
+      
+      this.service.request(this.service.$api_get_insertWholeUnloadCarInfo, params).subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success('确认到车成功！');
+          this.modal.destroy(true);
+        }
+      });
+    } else {
+      if (!value?.time) {
+        this.service.msgSrv.warning('装货时间为空！');
+        return;
+      }
+      if (!this.data?.volume) {
+        this.service.msgSrv.warning('装货重量为空！');
+        return;
+      }
+      if (!this.data?.weight) {
+        this.service.msgSrv.warning('装货体积为空！');
+        return;
+      }
+      const params = {
+        id: this.i?.id,
+        imgUrl1: value?.imgUrl1?.data?.fullFilePath,
+        imgUrl2: value?.imgUrl2?.data?.fullFilePath,
+        setLading: value?.imgUrl3?.data?.fullFilePath || value?.imgUrl3?.url,
+        setPeoCarGoods: value?.imgUrl4?.data?.fullFilePath || value?.imgUrl4?.url,
+        time: value?.time,
+        volume: this.data?.volume,
+        weight: this.data?.weight
+      };
+      params.time = this.datePipe.transform(value.time, 'yyyy-MM-dd HH:mm:ss ');
+      this.service.request(this.service.$api_get_insertBulkUnloadCarInfo, params).subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success('确认到车成功！');
+          this.modal.destroy(true);
+        }
+      });
+    }
+  }
+  //  确认到车界面信息(两个只能看的图片)
+  initData() {
+    this.service.request(this.service.$api_get_getUnloadCarInfo, { id: this.i?.id }).subscribe(res => {
+      console.log(res);
+      if (res.imgUrl1) {
+        this.formData = {
+          imgUrl3: [
+            {
+              uid: 'logo',
+              name: 'LOGO',
+              status: 'done',
+              url: res.imgUrl1,
+              response: {
+                url: res.imgUrl1
+              }
+            }
+          ],
+          imgUrl4: [
+            {
+              uid: 'logo',
+              name: 'LOGO',
+              status: 'done',
+              url: res.imgUrl2,
+              response: {
+                url: res.imgUrl2
+              }
+            }
+          ]
+        };
+      }
+    });
+  }
+  close(): void {
+    this.modal.destroy(true);
+  }
+}
diff --git a/src/app/routes/order-management/modal/vehicle/sure-depart/sure-depart.component.html b/src/app/routes/order-management/modal/vehicle/sure-depart/sure-depart.component.html
new file mode 100644
index 00000000..3c703e39
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/sure-depart/sure-depart.component.html
@@ -0,0 +1,30 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-15 13:17:42
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:24:01
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\sure-depart\\sure-depart.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<sf #sf mode="edit" [schema]="schema" [ui]="ui" [formData]="i" button="none">
+  <ng-template sf-template="weight" let-me let-ui="ui" let-schema="schema">
+    <div style="display: flex">
+      <nz-input-number [(ngModel)]="data.weight" [nzMin]="1" [nzMax]="999999"  [nzPrecision]="2"  [nzStep]="0.01"></nz-input-number>
+      <div class="left_btn">吨</div>
+    </div>
+  </ng-template>
+  <ng-template sf-template="volume" let-me let-ui="ui" let-schema="schema">
+    <div style="display: flex">
+      <nz-input-number [(ngModel)]="data.volume" [nzMin]="1" [nzMax]="999999"  [nzStep]="0.01" [nzPrecision]="2"></nz-input-number>
+      <div class="left_btn">方</div>
+    </div>
+  </ng-template>
+</sf>
+
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">关闭</button>
+  <button nz-button type="submit" nzType="primary" (click)="save(sf.value)" [nzLoading]="http.loading">确认发车</button>
+</div>
diff --git a/src/app/routes/order-management/modal/vehicle/sure-depart/sure-depart.component.less b/src/app/routes/order-management/modal/vehicle/sure-depart/sure-depart.component.less
new file mode 100644
index 00000000..30444d6b
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/sure-depart/sure-depart.component.less
@@ -0,0 +1,7 @@
+    .left_btn {
+         width: 50px;
+        height: 32px; 
+         padding-left: 8px;
+         line-height:32px; 
+         background-color: #d7d7d7;
+    }
\ No newline at end of file
diff --git a/src/app/routes/order-management/modal/vehicle/sure-depart/sure-depart.component.ts b/src/app/routes/order-management/modal/vehicle/sure-depart/sure-depart.component.ts
new file mode 100644
index 00000000..c51480bf
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/sure-depart/sure-depart.component.ts
@@ -0,0 +1,325 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import {
+  SFComponent,
+  SFCustomWidgetSchema,
+  SFDateWidgetSchema,
+  SFNumberWidgetSchema,
+  SFRadioWidgetSchema,
+  SFSchema,
+  SFSelectWidgetSchema,
+  SFTextareaWidgetSchema,
+  SFUISchema,
+  SFUploadWidgetSchema
+} from '@delon/form';
+import { apiConf } from '@conf/api.conf';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { Observable, Observer } from 'rxjs';
+import { WaybillManagementServe } from 'src/app/routes/waybill-management/services/waybill-management.service';
+import { EAEnvironmentService, EADateUtil } from '@shared';
+import { DatePipe } from '@angular/common';
+
+@Component({
+  selector: 'app-order-management-vehicle-sure-depart',
+  templateUrl: './sure-depart.component.html',
+  styleUrls: ['./sure-depart.component.less'],
+  providers: [DatePipe]
+})
+export class VehicleSureDepartComponent implements OnInit {
+  record: any = {};
+  i: any;
+  Status: any;
+  data: any = {
+    weight: '',
+    volume: ''
+  };
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema: SFSchema = {};
+  ui: SFUISchema = {};
+  constructor(
+    private modal: NzModalRef,
+    private msgSrv: NzMessageService,
+    public http: _HttpClient,
+    public service: WaybillManagementServe,
+    private envSrv: EAEnvironmentService,
+    private datePipe: DatePipe
+  ) {}
+
+  ngOnInit(): void {
+    this.initSF();
+    console.log(this.i);
+    this.data.weight = this.i?.weight;
+    this.i.time = this.i.loadingTime;
+  }
+  initSF() {
+    if (this.Status === 1) {
+      this.schema = {
+        properties: {
+          time: {
+            type: 'string',
+            title: '装货时间',
+            format: 'date-time'
+          },
+          no4: {
+            type: 'string',
+            title: '',
+            ui: {
+              widget: 'text'
+            },
+            default: '单张大小不超过5M，支持.jpg、.jpeg和 .png格式'
+          },
+          imgUrl1: {
+            type: 'string',
+            title: '装货凭证',
+            ui: {
+              widget: 'upload',
+              action: apiConf.fileUpload,
+              accept: 'image/png,image/jpeg,image/jpg,image/gif',
+              limit: 1,
+              limitFileCount: 1,
+              resReName: 'data.fullFileWatermarkPath',
+              urlReName: 'data.fullFileWatermarkPath',
+              descriptionI18n: '提货单',
+              data: {
+                appId: this.envSrv.env.appId
+              },
+              name: 'multipartFile',
+              beforeUpload: (file: any, fileList: any) => {
+                return new Observable((observer: Observer<boolean>) => {
+                  const isLt1M = file.size / 1024 / 1024 < 5;
+                  const fileType = 'image/png,image/jpeg,image/jpg,image/gif';
+                  if (fileType.indexOf(file.type) === -1) {
+                    this.service.msgSrv.warning('图片格式不正确！');
+                    observer.complete();
+                    return;
+                  }
+                  if (!isLt1M) {
+                    this.service.msgSrv.warning('图片大小超过5M!');
+                    observer.complete();
+                    return;
+                  }
+                  observer.next(isLt1M);
+                  observer.complete();
+                });
+              },
+              multiple: false,
+              listType: 'picture-card'
+            } as SFUploadWidgetSchema
+          },
+          imgUrl2: {
+            type: 'string',
+            title: '',
+            ui: {
+              widget: 'upload',
+              action: apiConf.fileUpload,
+              accept: 'image/png,image/jpeg,image/jpg,image/gif',
+              limit: 1,
+              limitFileCount: 1,
+              resReName: 'data.fullFileWatermarkPath',
+              urlReName: 'data.fullFileWatermarkPath',
+              descriptionI18n: '人车货照片',
+              data: {
+                appId: this.envSrv.env.appId
+              },
+              name: 'multipartFile',
+              beforeUpload: (file: any, fileList: any) => {
+                return new Observable((observer: Observer<boolean>) => {
+                  const isLt1M = file.size / 1024 / 1024 < 5;
+                  const fileType = 'image/png,image/jpeg,image/jpg,image/gif';
+                  if (fileType.indexOf(file.type) === -1) {
+                    this.service.msgSrv.warning('图片格式不正确！');
+                    observer.complete();
+                    return;
+                  }
+                  if (!isLt1M) {
+                    this.service.msgSrv.warning('图片大小超过5M!');
+                    observer.complete();
+                    return;
+                  }
+                  observer.next(isLt1M);
+                  observer.complete();
+                });
+              },
+              multiple: false,
+              listType: 'picture-card'
+            } as SFUploadWidgetSchema
+          }
+        },
+        required: ['time']
+      };
+    } else {
+      this.schema = {
+        properties: {
+          time: {
+            type: 'string',
+            title: '装货时间',
+            format: 'date-time'
+          },
+          weight: {
+            type: 'string',
+            title: '装货重量',
+            ui: {
+              widget: 'custom'
+            }
+          },
+          volume: {
+            type: 'string',
+            title: '装货体积',
+            ui: {
+              widget: 'custom'
+            }
+          },
+          no4: {
+            type: 'string',
+            title: '',
+            ui: {
+              widget: 'text'
+            },
+            default: '单张大小不超过5M，支持.jpg、.jpeg和 .png格式'
+          },
+          imgUrl1: {
+            type: 'string',
+            title: '装货凭证',
+            ui: {
+              widget: 'upload',
+              action: apiConf.fileUpload,
+              accept: 'image/png,image/jpeg,image/jpg,image/gif',
+              limit: 1,
+              limitFileCount: 1,
+              resReName: 'data.fullFileWatermarkPath',
+              urlReName: 'data.fullFileWatermarkPath',
+              descriptionI18n: '提货单',
+              data: {
+                appId: this.envSrv.env.appId
+              },
+              name: 'multipartFile',
+              beforeUpload: (file: any, fileList: any) => {
+                return new Observable((observer: Observer<boolean>) => {
+                  const isLt1M = file.size / 1024 / 1024 < 5;
+                  const fileType = 'image/png,image/jpeg,image/jpg,image/gif';
+                  if (fileType.indexOf(file.type) === -1) {
+                    this.service.msgSrv.warning('图片格式不正确！');
+                    observer.complete();
+                    return;
+                  }
+                  if (!isLt1M) {
+                    this.service.msgSrv.warning('图片大小超过5M!');
+                    observer.complete();
+                    return;
+                  }
+                  observer.next(isLt1M);
+                  observer.complete();
+                });
+              },
+              multiple: false,
+              listType: 'picture-card'
+            } as SFUploadWidgetSchema
+          },
+          imgUrl2: {
+            type: 'string',
+            title: '',
+            ui: {
+              widget: 'upload',
+              action: apiConf.fileUpload,
+              accept: 'image/png,image/jpeg,image/jpg,image/gif',
+              limit: 1,
+              limitFileCount: 1,
+              resReName: 'data.fullFileWatermarkPath',
+              urlReName: 'data.fullFileWatermarkPath',
+              descriptionI18n: '人车货照片',
+              data: {
+                appId: this.envSrv.env.appId
+              },
+              name: 'multipartFile',
+              beforeUpload: (file: any, fileList: any) => {
+                return new Observable((observer: Observer<boolean>) => {
+                  const isLt1M = file.size / 1024 / 1024 < 5;
+                  const fileType = 'image/png,image/jpeg,image/jpg,image/gif';
+                  if (fileType.indexOf(file.type) === -1) {
+                    this.service.msgSrv.warning('图片格式不正确！');
+                    observer.complete();
+                    return;
+                  }
+                  if (!isLt1M) {
+                    this.service.msgSrv.warning('图片大小超过5M!');
+                    observer.complete();
+                    return;
+                  }
+                  observer.next(isLt1M);
+                  observer.complete();
+                });
+              },
+              multiple: false,
+              listType: 'picture-card'
+            } as SFUploadWidgetSchema
+          }
+        },
+        required: ['time', 'weight', 'volume']
+      };
+    }
+
+    this.ui = {
+      '*': {
+        spanLabelFixed: 100,
+        grid: { span: 20 }
+      },
+      $imgUrl1: { grid: { span: 12 } },
+      $imgUrl2: { grid: { span: 12 } }
+    };
+  }
+  save(value: any): void {
+    if (this.Status === 1) {
+      if (!value?.time) {
+        this.service.msgSrv.warning('装货时间为空！');
+        return;
+      }
+      const params = {
+        id: this.i.id,
+        imgUrl1: value?.imgUrl1?.data?.fullFilePath,
+        imgUrl2: value?.imgUrl2?.data?.fullFilePath,
+        time: value?.time
+      };
+      params.time = this.datePipe.transform(value.time, 'yyyy-MM-dd HH:mm:ss ');
+      this.service.request(this.service.$api_get_insertWholeStartCarInfo, params).subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success('确认发车成功！');
+          this.modal.destroy(true);
+        }
+      });
+    } else {
+      if (!value?.time) {
+        this.service.msgSrv.warning('装货时间为空！');
+        return;
+      }
+      if (!this.data?.volume) {
+        this.service.msgSrv.warning('装货重量为空！');
+        return;
+      }
+      if (!this.data?.weight) {
+        this.service.msgSrv.warning('装货体积为空！');
+        return;
+      }
+      console.log(value);
+      const params = {
+        id: this.i.id,
+        imgUrl1: value?.imgUrl1?.data?.fullFilePath,
+        imgUrl2: value?.imgUrl2?.data?.fullFilePath,
+        time: value?.time,
+        volume: this.data?.volume,
+        weight: this.data?.weight
+      };
+      params.time = this.datePipe.transform(value.time, 'yyyy-MM-dd HH:mm:ss ');
+      this.service.request(this.service.$api_get_insertBulkStartCarInfo, params).subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success('确认发车成功！');
+          this.modal.destroy(true);
+        }
+      });
+    }
+  }
+
+  close(): void {
+    this.modal.destroy(true);
+  }
+}
diff --git a/src/app/routes/order-management/modal/vehicle/update-freight/update-freight.component.html b/src/app/routes/order-management/modal/vehicle/update-freight/update-freight.component.html
new file mode 100644
index 00000000..04a93740
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/update-freight/update-freight.component.html
@@ -0,0 +1,30 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-15 13:17:42
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-24 19:17:58
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\update-freight\\update-freight.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<sf #sf mode="edit" [schema]="schema" [ui]="ui" button="none"></sf>
+<nz-divider></nz-divider>
+<div>
+  <p>
+    <span style="font-weight: bolder"
+      >总运费：<span style="color: #dc112a">{{ data?.totalAmount | currency }}</span></span
+    >
+    （运输费：{{ data?.totalFreight | currency }}，附加费：{{ data?.totalSurcharge | currency }}，附加费率：{{ (data?.totalRate * 100).toFixed(2) + '%' }}）
+  </p>
+  <p>
+    <label nz-checkbox [(ngModel)]="aggreechecked"></label>
+    <span>&nbsp;确认已阅读并知晓 <a target="_blank" [routerLink]="['/agreement']" [queryParams]="{ type: 3, data:  dataJSON }">《变更协议》</a></span>
+  </p>
+</div>
+
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">关闭</button>
+  <button nz-button type="submit" nzType="primary" (click)="save(sf.value)" [disabled]="!aggreechecked">确定</button>
+</div>
diff --git a/src/app/routes/order-management/modal/vehicle/update-freight/update-freight.component.less b/src/app/routes/order-management/modal/vehicle/update-freight/update-freight.component.less
new file mode 100644
index 00000000..30444d6b
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/update-freight/update-freight.component.less
@@ -0,0 +1,7 @@
+    .left_btn {
+         width: 50px;
+        height: 32px; 
+         padding-left: 8px;
+         line-height:32px; 
+         background-color: #d7d7d7;
+    }
\ No newline at end of file
diff --git a/src/app/routes/order-management/modal/vehicle/update-freight/update-freight.component.ts b/src/app/routes/order-management/modal/vehicle/update-freight/update-freight.component.ts
new file mode 100644
index 00000000..347247e1
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/update-freight/update-freight.component.ts
@@ -0,0 +1,195 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-15 13:17:42
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-24 19:17:10
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\update-freight\\update-freight.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, Input, OnInit, ViewChild } from '@angular/core';
+import { SFComponent, SFNumberWidgetSchema, SFSchema, SFTextareaWidgetSchema, SFUISchema } from '@delon/form';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { Subscription } from 'rxjs';
+import { OrderManagementService } from '../../../services/order-management.service';
+
+@Component({
+  selector: 'app-order-management-vehicle-update-freight',
+  templateUrl: './update-freight.component.html',
+  styleUrls: ['./update-freight.component.less']
+})
+export class VehicleUpdateFreightComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema: SFSchema = {};
+  ui: SFUISchema = {};
+
+  aggreechecked = false;
+
+  @Input()
+  data: any;
+
+  dataJSON: any;
+
+  calculateSub!: Subscription;
+
+  constructor(private modal: NzModalRef, private msgSrv: NzMessageService, public service: OrderManagementService) {}
+
+  ngOnInit(): void {
+    console.log(this.data)
+    this.dataJSON = JSON.stringify(this.data)
+    console.log(this.dataJSON)
+    this.initSF(this.data);
+  }
+  initSF(data: any) {
+    const info = {
+      prePay: data.list?.filter((item: any) => item.costCode === 'PRE')[0],
+      toPay: data.list?.filter((item: any) => item.costCode === 'RECE')[0],
+      receiptPay: data.list?.filter((item: any) => item.costCode === 'BACK')[0]
+    };
+    this.schema = {
+      properties: {
+        prePay: {
+          type: 'number',
+          title: '预付',
+          default: info.prePay?.price || 0,
+          minimum: 0,
+          maximum: 99999,
+          readOnly: info.prePay?.paymentStatus === '2' || info.prePay?.paymentStatus === '4',
+          ui: {
+            prefix: '￥',
+            widgetWidth: 200,
+            precision: 2,
+            change: (val: any) => this.changeNumVal()
+          } as SFNumberWidgetSchema
+        },
+        toPay: {
+          type: 'number',
+          title: '到付',
+          default: info.toPay?.price || 0,
+          minimum: 0,
+          maximum: 99999,
+          readOnly: info.toPay?.paymentStatus === '2' || info.toPay?.paymentStatus === '4',
+          ui: {
+            prefix: '￥',
+            widgetWidth: 200,
+            precision: 2,
+            change: (val: any) => this.changeNumVal()
+          } as SFNumberWidgetSchema
+        },
+        // oilCardPay: {
+        //   type: 'number',
+        //   title: '油卡',
+        //   default: 0.0,
+        // minimum:0,
+        //   readOnly: this.i.oilCardPayStatus === '1' || this.i.oilCardPayStatus === '3',
+        //   ui: {
+        //     prefix: '￥',
+        //     widgetWidth: 200,
+        //     precision: 2,
+        //     change: (val: any) => this.changeNumVal()
+        //   } as SFNumberWidgetSchema
+        // },
+        receiptPay: {
+          type: 'number',
+          title: '回单付',
+          maximum: 99999,
+          default: info.receiptPay?.price || 0,
+          minimum: 0,
+          readOnly: info.receiptPay?.paymentStatus === '2' || info.receiptPay?.paymentStatus === '4',
+          ui: {
+            prefix: '￥',
+            widgetWidth: 200,
+            precision: 2,
+            change: (val: any) => this.changeNumVal()
+          } as SFNumberWidgetSchema
+        },
+        changeCause: {
+          type: 'string',
+          title: '变更原因',
+          maxLength: 100,
+          ui: {
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 6 }
+          } as SFTextareaWidgetSchema
+        }
+      },
+      required: ['changeCause']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 100,
+        grid: { span: 16 }
+      }
+    };
+  }
+
+  save(value: any): void {
+    if (this.data.isFreightChangeApplication) {
+      this.service.msgSrv.error('变更申请未处理，请勿重复申请！');
+      return;
+    }
+    if (!this.save) {
+      this.service.msgSrv.error('请填写必填项！');
+      return;
+    }
+    this.service.request(this.service.$api_get_insertFreightChangeWhole, this.getParams()).subscribe(res => {
+      if (res) {
+        this.modal.destroy(true);
+        this.service.msgSrv.success('变更运费成功');
+      }
+    });
+  }
+
+  close(): void {
+    this.modal.destroy(false);
+  }
+  /**
+   * 更新数字框
+   *
+   */
+  changeNumVal() {
+    if (this.calculateSub) {
+      this.calculateSub.unsubscribe();
+    }
+    this.calculateSub = this.service.request(this.service.$api_getWholeSurchargeDetail, this.getParams()).subscribe((res: any) => {
+      if (res) {
+        Object.assign(this.data, {
+          totalAmount: res.totalAmount,
+          totalFreight: res.totalFreight,
+          freight: res.freight,
+          surcharge: res.surcharge
+        });
+      }
+    });
+    // this.tranPrice = this.sf.value.prePay + this.sf.value.toPay + this.sf.value.oilCardPay + this.sf.value.receiptPay;
+    // this.totalPrice = this.sf.value.prePay + this.sf.value.toPay + this.sf.value.oilCardPay + this.sf.value.receiptPay + this.otherPrice;
+  }
+
+  getParams() {
+    const editItems = this.data.list?.filter((info: any) => info.toPay?.paymentStatus !== '2' && info.toPay?.paymentStatus !== '4');
+    editItems.forEach((item: any) => {
+      switch (item.costName) {
+        case '预付':
+          item.price = this.sf.value.prePay;
+          break;
+        case '到付':
+          item.price = this.sf.value.toPay;
+          break;
+        case '回单付':
+          item.price = this.sf.value.receiptPay;
+          break;
+        default:
+          break;
+      }
+    });
+
+    const params = {
+      billId: this.data.id,
+      dtos: editItems,
+      changeCause: this.sf.value.changeCause
+    };
+    return params;
+  }
+}
diff --git a/src/app/routes/order-management/modal/vehicle/view-track/view-track.component.html b/src/app/routes/order-management/modal/vehicle/view-track/view-track.component.html
new file mode 100644
index 00000000..1d27458b
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/view-track/view-track.component.html
@@ -0,0 +1,34 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-22 13:53:29
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-08 15:01:14
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\view-track\\view-track.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+  <div>
+    <nz-card nzTitle="轨迹信息"   [nzExtra]="extraTemplate" >
+      <div style="display: flex; flex: 1;">
+        <div style=" flex: 1;">
+          <st #st [scroll]="{y: '500px'}" style="min-height: 600px;"  [data]="addressItems" [columns]="logColumns2" [ps]="0" [page]="{ show: false, showSize: false }">
+           </st>
+        </div>
+        <div style="flex: 1;" >
+          <amap-path-simplifier [mapWidth]="'100%'" [mapHeight]="'600px'" [mapList]="MapList"></amap-path-simplifier>
+        </div>
+      </div>
+    </nz-card>
+    <ng-template #extraTemplate>
+      <nz-radio-group [(ngModel)]="trajectory"  (ngModelChange)="trajectoryChange($event)">
+        <label nz-radio-button nzValue="car">车辆轨迹</label>
+        <label nz-radio-button nzValue="driver">司机轨迹</label>
+      </nz-radio-group>
+    </ng-template>
+  </div>
+
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close(false)">取消</button>
+  <button nz-button type="submit" nzType="primary" (click)="close(true)">确认</button>
+</div>
diff --git a/src/app/routes/order-management/modal/vehicle/view-track/view-track.component.less b/src/app/routes/order-management/modal/vehicle/view-track/view-track.component.less
new file mode 100644
index 00000000..ae775710
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/view-track/view-track.component.less
@@ -0,0 +1,11 @@
+:host {
+     ::ng-deep {
+     //   .mapBox {
+     //      iframe, canvas {
+     //             width: 400px !important;
+     //        }
+     //   }
+ 
+     }
+   
+ }
\ No newline at end of file
diff --git a/src/app/routes/order-management/modal/vehicle/view-track/view-track.component.ts b/src/app/routes/order-management/modal/vehicle/view-track/view-track.component.ts
new file mode 100644
index 00000000..64dff652
--- /dev/null
+++ b/src/app/routes/order-management/modal/vehicle/view-track/view-track.component.ts
@@ -0,0 +1,115 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-22 13:53:29
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-08 16:11:58
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\vehicle\\view-track\\view-track.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn } from '@delon/abc/st';
+import {
+  SFComponent,
+  SFCustomWidgetSchema,
+  SFNumberWidgetSchema,
+  SFRadioWidgetSchema,
+  SFSchema,
+  SFTextareaWidgetSchema,
+  SFUISchema
+} from '@delon/form';
+import format from 'date-fns/format';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+import { OrderManagementService } from '../../../services/order-management.service';
+
+
+@Component({
+  selector: 'app-order-management-view-track',
+  styleUrls: ['./view-track.component.less'],
+  templateUrl: './view-track.component.html'
+})
+export class OneCarOrderViewtrackComponent implements OnInit {
+  i: any;     // 单行数据
+  MapList:any[] = [];  //地图点位数据组
+  trajectory = 'car';
+  mapList:any[] = [];  //地图点位数据组
+  addressItems: any[] = []; //打点地址数据组
+  logColumns2: STColumn[] = [
+    { title: '时间', index: 'vinOutTime' },
+    { title: '地点', index: 'cityName' },
+  ];
+  constructor(
+    private modalRef: NzModalRef,
+    private modal: NzModalService,
+    private msgSrv: NzMessageService,
+    public service: OrderManagementService
+  ) {}
+
+  ngOnInit(): void {
+    console.log(this.i);
+    this.getTrajectory();
+  
+  }
+  close(value: boolean): void {
+        this.modalRef.close(false);
+  }
+    // 获取车辆轨迹
+    getTrajectory(){
+      this.service.request(this.service.$api_get_getTrajectory, { id: this.i?.id }).subscribe(res => {
+        if (res) {
+          const points = res.trackArray;
+          let list :any[] = [];
+          points?.forEach((item: any) => {
+            list.push({
+              name: item.hgt,
+              lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))]
+            });
+          });
+          this.mapList = list;
+          this.addressItems = res.cityArray;
+          if(this.addressItems && this.addressItems.length > 0){
+            this.addressItems.forEach(item => {
+              item.vinOutTime = this.getLocalTime(item.vinOutTime);
+            });
+          }
+        }
+      });
+    }
+  
+     // 获取司机轨迹
+     getDriverTrajectory(){
+      this.service.request(this.service.$api_get_getAppDriverPosition, { id: this.i?.id }).subscribe(res => {
+        if (res) {
+          const points = res.tracks;
+          let list :any[] = [];
+          points?.forEach((item: any) => {
+            list.push({
+              name: item.hgt,
+              lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))]
+            });
+          });
+          this.mapList = list;
+          this.addressItems = [...res.enclosureDataAppTrack];
+          if(this.addressItems && this.addressItems.length > 0){
+            this.addressItems.forEach(item => {
+              item.vinOutTime = this.getLocalTime(item.gtm);
+              item.cityName = item.appAdress;
+            });
+          }
+        }
+      });
+     }
+     trajectoryChange(event:any){
+      if(event ==='car'){
+        this.getTrajectory()
+      }else if(event ==='driver'){
+        this.getDriverTrajectory();
+      }
+   }
+    getLocalTime(time: any) {
+      return format(new Date(parseInt(time)), 'yyyy-MM-dd HH:mm:ss');
+    }
+}
diff --git a/src/app/routes/order-management/order-management-routing.module.ts b/src/app/routes/order-management/order-management-routing.module.ts
new file mode 100644
index 00000000..7be4f4e5
--- /dev/null
+++ b/src/app/routes/order-management/order-management-routing.module.ts
@@ -0,0 +1,46 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-06 09:24:00
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-07 09:43:47
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\order-management-routing.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { OrderManagementAbnormalWarningComponent } from './components/abnormal-warning/abnormal-warning.component';
+import { OrderManagementBulkDetailChangeComponent } from './components/bulk-detail-change/bulk-detail-change.component';
+import { OrderManagementBulkeDetailComponent } from './components/bulk-detail/bulk-detail.component';
+import { OrderManagementBulkComponent } from './components/bulk/bulk.component';
+import { OrderManagementComplaintDetailComponent } from './components/complaint-detail/complaint-detail.component';
+import { OrderManagementComplaintComponent } from './components/complaint/complaint.component';
+import { OrderManagementComplianceAuditComponent } from './components/compliance-audit/compliance-audit.component';
+import { OrderManagementReceiptsAuditComponent } from './components/receipts-audit/receipts-audit.component';
+import { OrderManagementRiskDetailComponent } from './components/risk-detail/risk-detail.component';
+import { OrderManagementRiskComponent } from './components/risk/risk.component';
+import { OrderManagementVehicleDetailChangeComponent } from './components/vehicle-detail-change/vehicle-detail-change.component';
+import { OrderManagementVehicleDetailComponent } from './components/vehicle-detail/vehicle-detail.component';
+import { OrderManagementVehicleComponent } from './components/vehicle/vehicle.component';
+
+const routes: Routes = [
+  { path: 'vehicle', component: OrderManagementVehicleComponent },
+  { path: 'vehicle/vehicle-detail/:id', component: OrderManagementVehicleDetailComponent },
+  { path: 'vehicle-detailChange/:id', component: OrderManagementVehicleDetailChangeComponent },
+  { path: 'bulk', component: OrderManagementBulkComponent },
+  { path: 'bulk/bulk-detail/:id', component: OrderManagementBulkeDetailComponent },
+  { path: 'bulk-detailChange/:id', component: OrderManagementBulkDetailChangeComponent },
+  { path: 'risk', component: OrderManagementRiskComponent },
+  { path: 'risk-detail/:id', component: OrderManagementRiskDetailComponent },
+  { path: 'complaint', component: OrderManagementComplaintComponent },
+  { path: 'complaint-detail/:id', component: OrderManagementComplaintDetailComponent },
+  { path: 'receipts-audit', component: OrderManagementReceiptsAuditComponent },
+  { path: 'compliance-audit', component: OrderManagementComplianceAuditComponent },
+  { path: 'abnormal-warning', component: OrderManagementAbnormalWarningComponent },
+]
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class OrderManagementRoutingModule { }
diff --git a/src/app/routes/order-management/order-management.module.ts b/src/app/routes/order-management/order-management.module.ts
new file mode 100644
index 00000000..8f00a622
--- /dev/null
+++ b/src/app/routes/order-management/order-management.module.ts
@@ -0,0 +1,81 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-06 09:24:00
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-25 14:10:36
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\order-management.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { NgModule, Type } from '@angular/core';
+import { SharedModule } from '@shared';
+import { OrderManagementAbnormalWarningComponent } from './components/abnormal-warning/abnormal-warning.component';
+import { OrderManagementBulkDetailChangeComponent } from './components/bulk-detail-change/bulk-detail-change.component';
+import { OrderManagementBulkeDetailComponent } from './components/bulk-detail/bulk-detail.component';
+import { OrderManagementBulkComponent } from './components/bulk/bulk.component';
+import { OrderManagementComplaintDetailComponent } from './components/complaint-detail/complaint-detail.component';
+import { OrderManagementComplaintComponent } from './components/complaint/complaint.component';
+import { OrderManagementComplianceAuditComponent } from './components/compliance-audit/compliance-audit.component';
+import { OrderManagementReceiptsAuditComponent } from './components/receipts-audit/receipts-audit.component';
+import { OrderManagementRiskDetailComponent } from './components/risk-detail/risk-detail.component';
+import { OrderManagementRiskComponent } from './components/risk/risk.component';
+import { OrderManagementVehicleDetailChangeComponent } from './components/vehicle-detail-change/vehicle-detail-change.component';
+import { OrderManagementVehicleDetailComponent } from './components/vehicle-detail/vehicle-detail.component';
+
+import { OrderManagementVehicleComponent } from './components/vehicle/vehicle.component';
+import { OneCarOrderAppealComponent } from './modal/audit/appeal/appeal.component';
+import { orderManagementVoucherViewComponent } from './modal/audit/voucher-view/voucher-view.component';
+import { ConfirReceiptComponent } from './modal/bulk/confir-receipt/confir-receipt.component';
+import { UpdateFreightComponent } from './modal/bulk/update-freight/update-freight.component';
+import { OneCarOrderCancelConfirmComponent } from './modal/vehicle/cancel-confirm/cancel-confirm.component';
+import { OneCarOrderCancelComponent } from './modal/vehicle/cancel/cancel.component';
+import { VehicleConfirReceiptComponent } from './modal/vehicle/confir-receipt/confir-receipt.component';
+import { VehicleFreightPeopleComponent } from './modal/vehicle/freight-people/freight-people.component';
+import { VehicleModifyCaptainComponent } from './modal/vehicle/modify-captain/modify-captain.component';
+import { VehicleModifyRateComponent } from './modal/vehicle/modify-rate/modify-rate.component';
+import { VehicleSureArriveComponent } from './modal/vehicle/sure-arrive/sure-arrive.component';
+import { VehicleSureDepartComponent } from './modal/vehicle/sure-depart/sure-depart.component';
+import { VehicleUpdateFreightComponent } from './modal/vehicle/update-freight/update-freight.component';
+import { OneCarOrderViewtrackComponent } from './modal/vehicle/view-track/view-track.component';
+import { OrderManagementRoutingModule } from './order-management-routing.module';
+
+const COMPONENTS: Type<void>[] = [
+  OrderManagementVehicleComponent,
+  OrderManagementVehicleDetailComponent,
+  OrderManagementBulkComponent,
+  OrderManagementBulkeDetailComponent,
+  OrderManagementRiskComponent,
+  OrderManagementComplaintComponent,
+  UpdateFreightComponent,
+  ConfirReceiptComponent,
+  VehicleUpdateFreightComponent,
+  VehicleConfirReceiptComponent,
+  VehicleSureDepartComponent,
+  VehicleSureArriveComponent,
+  OrderManagementRiskDetailComponent,
+  OneCarOrderCancelComponent,
+  OrderManagementVehicleDetailChangeComponent,
+  OrderManagementBulkDetailChangeComponent,
+  VehicleModifyRateComponent,
+  VehicleFreightPeopleComponent,
+  VehicleModifyCaptainComponent,
+  OrderManagementComplaintDetailComponent,
+  OrderManagementReceiptsAuditComponent,
+  orderManagementVoucherViewComponent,
+  OrderManagementComplianceAuditComponent,
+  OneCarOrderCancelConfirmComponent,
+  OneCarOrderViewtrackComponent,
+  OneCarOrderAppealComponent,
+  OrderManagementAbnormalWarningComponent
+];
+
+@NgModule({
+  imports: [
+    SharedModule,
+    OrderManagementRoutingModule
+  ],
+  declarations: COMPONENTS,
+})
+export class OrderManagementModule { }
diff --git a/src/app/routes/order-management/services/order-management.service.ts b/src/app/routes/order-management/services/order-management.service.ts
new file mode 100644
index 00000000..f3b441f8
--- /dev/null
+++ b/src/app/routes/order-management/services/order-management.service.ts
@@ -0,0 +1,243 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-03 15:31:52
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-07 09:49:44
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\services\\order-management.service.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { Injectable, Injector } from '@angular/core';
+import { EACacheService, ShipperBaseService } from '@shared';
+import { map } from 'rxjs/operators';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class OrderManagementService extends ShipperBaseService {
+  $api_get_getEnterpriseNetTransHis = `/api/mdc/enterpriseNetTransHis/getEnterpriseNetTransHis`;
+  $api_get_catalogue_member = `/user?_allow_anonymous=true`;
+  $api_get_bulkPage_list = `/api/sdc/goodsResourceOperate/listBulkPage`;
+  // 据 手机号/姓名 查询 车队长/司机
+  $api_get_getDriverInfo = `/api/mdc/cuc/user/getDriverInfo`;
+  $api_del_driver = ``;
+  // 获取货主企业列表
+  public $api_getList = '/api/mdc/cuc/enterpriseInfo/cargoOwner/getList?_allow_anonymous=true';
+  // 风险单：
+  //  风险单列表查询
+  $api_get_listRiskPage = `/api/sdc/billRiskOperate/listRiskPage`;
+  //  风险单列表查询
+  $api_get_listStatisticalStatus = `/api/sdc/billRiskOperate/listStatisticalStatus`;
+  //  风险单详情查询
+  $api_get_getRiskDetail = `/api/sdc/billRiskOperate/getRiskDetail`;
+  //  风险单审核
+  $api_get_listRisk_audit = `/api/sdc/billRiskOperate/audit`;
+  //  查询整车订单列表
+  $api_get_listWholePage = `/api/sdc/billOperate/listWholePage`;
+  //  整车详情
+  $api_get_getWholeBillDetail = `/api/sdc/billOperate/getWholeBillDetail`;
+  // 根据车牌号查询车辆信息
+  $api_get_getCarLicenseListByCarNo = `/api/mdc/cuc/carLicense/findCarLicenseByCarNo`;
+
+  //  查询大宗订单列表
+  $api_get_listBulkPage = `/api/sdc/billOperate/listBulkPage`;
+  //  查看运费变更记录详情-整车
+  $api_get_getChangeRecordWholeDetail = `/api/sdc/billFreightChangeRecord/getChangeRecordWholeDetail`;
+  //  根据订单ID查看运费变更申请记录
+  $api_get_listChangeApply = `/api/sdc/billFreightChangeApplication/listChangeApply`;
+  //  变更运费页面-整车-整车
+  $api_get_getFreightChangeWholeDetail = `/api/sdc/billFreightChangeApplication/getFreightChangeWholeDetail`;
+  //  订单申请撤销
+  $api_get_revokeChangeRecord = `/api/sdc/billFreightChangeApplication/revokeChangeRecord`;
+  //  运费变更申请-整车
+  $api_get_insertFreightChangeWhole = `/api/sdc/billFreightChangeApplication/insertFreightChangeWhole`;
+  //  取消订单
+  $api_get_cancelAnOrder = `/api/sdc/billOperate/cancelAnOrder`;
+  //  批量签收整车订单
+  $api_get_batchSignWholeOrder = `/api/sdc/billOperate/batchSignWholeOrder`;
+  //  批量签收大宗订单
+  $api_get_batchSignBulkOrder = `/api/sdc/billOperate/batchSignBulkOrder`;
+  //  大宗签收详情
+  $api_get_getBulkSignForDetail = `/api/sdc/billOperate/getBulkSignForDetail`;
+  //  整车签收详情
+  $api_get_getWholeSignForDetail = `/api/sdc/billOperate/getWholeSignForDetail`;
+  //  确认签收大宗订单
+  $api_get_signBulkOrder = `/api/sdc/billOperate/signBulkOrder`;
+  //  确认签收整车订单
+  $api_get_signWholeOrder = `/api/sdc/billOperate/signWholeOrder`;
+  // 上传图片
+  public $api_upload_url = `/api/mdc/pbc/upload/multipartFile/file`;
+  // 根据用户id查用户信息（注意：nickName才是用户名称）
+  public $api_getUserDetailByAppUserId = `/api/mdc/cuc/userBasicInfo/get`;
+  // 根据车辆id查车辆信息
+  public $api_getCarLicenseByIds = `/api/mdc/cuc/carLicense/getCarLicenseByIds`;
+  // 统计【整车】订单状态数量
+  public $api_statisticalStatus = `/api/sdc/billOperate/getWholeStatistical`;
+  // 统计【大宗】订单状态数量
+  public $api_getBulkStatistical = `/api/sdc/billOperate/getBulkStatistical`;
+  // 变更运费页面-大宗
+  public $api_getFreightChangeBulkDetail = `/api/sdc/billFreightChangeApplication/getFreightChangeBulkDetail`;
+  // 变更运费页面-大宗
+  public $api_insertFreightChangeBulk = `/api/sdc/billFreightChangeApplication/insertFreightChangeBulk`;
+  // 大宗详情
+  public $api_getBulkBillDetail = `/api/sdc/billOperate/getBulkBillDetail`;
+  // 查看运费变更记录详情-大宗
+  public $api_getChangeRecordBulkDetail = `/api/sdc/billFreightChangeRecord/getChangeRecordBulkDetail`;
+  // 查看运费变更记录详情-整车
+  public $api_getChangeRecordWholeDetail = `/api/sdc/billFreightChangeRecord/getChangeRecordWholeDetail`;
+  //运费变更申请计算费用-大宗
+  $api_calculate_cost = `/api/sdc/billFreightChangeApplication/getBulkSurchargeDetail`;
+  //运费变更申请计算费用-整车
+  $api_getWholeSurchargeDetail = `/api/sdc/billFreightChangeApplication/getWholeSurchargeDetail`;
+  //运费变更申请-大宗
+  $api_change_bulk = `/api/sdc/billFreightChangeApplication/insertFreightChangeBulk`;
+  // 删除装卸货信息
+  $api_delete_Wholedeletebatch = `/api/sdc/unLoadingPlace/deletebatch`;
+  // 修改-大宗订单
+  $api_set_modifyBulkOrder = `/api/sdc/billOperate/modifyBulkOrder`;
+  // 修改-整车订单
+  $api_set_modifyWholeOrder = `/api/sdc/billOperate/modifyWholeOrder`;
+  // 批量修改网络货运人
+  $api_set_updateEnterpriseInfoBatch = `/api/sdc/billOperate/updateEnterpriseInfoBatch`;
+  // 批量修改附加费率
+  $api_set_updateAdditionalRateBatch = `/api/sdc/billOperate/updateAdditionalRateBatch`;
+
+  // 查询投诉列表
+  $api_get_operate_listPage = `/api/sdc/complaint/operate/listPage`;
+  // 获取投诉表详情
+  $api_get_getComplaintDriverDetails = `/api/sdc/complaint/operate/getComplaintDriverDetails`;
+  // 处理投诉
+  $api_get_dealWithComplaint = `/api/sdc/complaint/operate/dealWithComplaint`;
+  // 撤销投诉
+  $api_get_canelComplaint = `/api/sdc/complaint/operate/canelComplaint`;
+
+  // 批量修改车队长
+  $api_get_updateCarCaptainBatch = `/api/sdc/billOperate/updateCarCaptainBatch`;
+  // 根据手机号查询车队长/司机
+  $api_get_getCarCaptainByMobile = `/api/mdc/userDriverExpand/getCarCaptainByMobile`;
+
+  // 获取货主企业列表
+  public $api_enterpriceList = '/api/mdc/cuc/enterpriseInfo/operate/enterpriceList';
+  // 查询系统配置项
+  public $api_get_config_item_page = '/api/mdc/pbc/sysConfigItem/list/page';
+
+  // 查询单据审核
+  public $api_get_billExamine_page = '/api/sdc/billExamine/listPage';
+  // 单据审核查看凭证
+  public $api_get_getCredentials = '/api/sdc/billExamine/getCredentials';
+  // 单据审核
+  public $api_get_billAudit = '/api/sdc/billExamine/billAudit';
+  // 统计单据审核状态数量
+  public $api_get_getAuditStatistical = '/api/sdc/billExamine/getAuditStatistical';
+  // 修改单据审核
+  public $api_get_updateBillExamine = '/api/sdc/billExamine/updateBillExamine';
+  // 单据审核通过
+  public $api_get_billAuditPass = '/api/sdc/billExamine/billAuditPassBatch';
+
+  // 查询规则抽查列表
+  public $api_get_listCompliancePage = '/api/sdc/BillComplianceSpotCheck/list/Page';
+  // 规则抽查审批
+  public $api_get_updateBillByCompliance = '/api/sdc/billOperate/updateBillByCompliance';
+  // 获取规则抽查分类统计
+  public $api_get_getComplianceStatisticalStatus = '/api/sdc/billOperate/getComplianceStatisticalStatus';
+
+  // 货主端-货主查看评价（评价司机的）
+  public $api_getBillEvaluateByShipper = '/api/sdc/billEvaluate/getBillEvaluateByShipper';
+  // 货主端-货主查看评价（司机评价货主的）
+  public $api_getBillEvaluateDriverByShipper = '/api/sdc/billEvaluate/getBillEvaluateDriverByShipper';
+
+  // 获取订单退款申请表
+  public $api_billRefundApplication_get = '/api/fcc/billRefundApplication/get';
+  // 同意退款
+  public $api_billRefundApplication_agreeRefund = '/api/fcc/billRefundApplication/agreeRefund';
+  // 保存订单退款申请表
+  public $api_billRefundApplication_save = '/api/fcc/billRefundApplication/save';
+
+  // 批量修改费率-实时查看附加费
+  public $api_searchAdditionalRateBatch = '/api/sdc/billOperate/searchAdditionalRateBatch';
+
+  // 风险异常
+  public $api_listBillComplianceAbnormalByBillId = '/api/sdc/billCompliance/listBillComplianceAbnormalByBillId';
+  // 异常预警
+  public $api_getAbnormalWarningByBillId = '/api/sdc/abnormalWarning/getAbnormalWarningByBillId';
+
+  // 生成卸货单
+  public $api_createBillDischargeGoods = '/api/sdc/billOperate/createBillDischargeGoods';
+  // 生成提货单
+  public $api_createBillTakeGoods = '/api/sdc/billOperate/createBillTakeGoods';
+  // 生成卸货单-页面展示
+  public $api_getBillDischargeGoodsVO = '/api/sdc/billOperate/getBillDischargeGoodsVO';
+  // 生成提货单-页面展示
+  public $api_getBillTakeGoodsVO = '/api/sdc/billOperate/getBillTakeGoodsVO';
+
+  getDictByKey(dictKey: string) {
+    const params = { dictKey: dictKey };
+    return this.request(this.$api_getDictValue, params);
+  }
+  $api_get_risk_order_log = `/api/mdc/pbc/operationLogRecords/getOperationLogRecordsList`; // 获取货源的操作日志
+  // 获取数据字典
+  $api_getDictValue = `/api/mdc/pbc/dictItems/getDictValue`;
+  // 获取轨迹
+  $api_get_getTrajectory = `/api/sdc/billShipper/getTrajectoryByBillId`;
+  //  获取订单司机轨迹
+  $api_get_getAppDriverPosition = `/api/sdc/billShipper/getAppDriverPosition`;
+  //  查看申述记录
+  $api_get_getOrderComplaintDetail = `/api/sdc/billOperate/getOrderComplaintDetail`;
+
+  //  查询异常预警表
+  $api_get_abnormalWarning = `/api/sdc/abnormalWarning/list/page`;
+
+
+  //  异步导出运营后台大宗订单列表
+  $api_get_asyncExportBulkList = `/api/sdc/billOperate/asyncExportBulkList`;
+  //  异步导出运营后台整车订单列表
+  $api_get_asyncExportWholeList = `/api/sdc/billOperate/asyncExportWholeList`;
+  //  异步导出风险单导出
+  $api_get_asyncExportRiskBillList = `/api/sdc/billRiskOperate/asyncExportRiskBillList`;
+  //  异步导出合规抽查导出
+  $api_get_asyncExportSpotCheckList= `/api/sdc/BillComplianceSpotCheck/asyncExportSpotCheckList`;
+  //  异步导出单据审核导出
+  $api_get_asyncExportExamineBillList= `/api/sdc/billExamine/asyncExportExamineBillList`;
+  /**
+   * 根据企业ID，获取企业历史网络货运人
+   * @returns
+   */
+  getNetworkFreightForwarderHistory(params: any) {
+    const param = {
+      enterpriseIds: params.enterpriseInfoIds
+    };
+    return this.request(this.$api_get_getEnterpriseNetTransHis, param).pipe(
+      map((res: any) => {
+        if (!res) {
+          return [];
+        }
+        const list = res.map((item: any) => ({
+          label: item.networkTransporterName,
+          value: item.networkTransporterId
+        }));
+        return [{ value: '', label: '全部' }, ...list];
+      })
+    );
+  }
+  /**
+   * 获取车型、车长字典数据
+   * @returns
+   */
+  getDictOptions(params = {}) {
+    return this.request(this.$api_getDictValue, params).pipe(
+      map((res: any) => {
+        if (!res) {
+          return [];
+        }
+        const obj = [];
+        obj.push({ label: '不限', value: '999' });
+        return [...obj, ...res];
+      })
+    );
+  }
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/partner/account-management/components/account-detail/account-detail.component.html b/src/app/routes/partner/account-management/components/account-detail/account-detail.component.html
new file mode 100644
index 00000000..b232905e
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/account-detail/account-detail.component.html
@@ -0,0 +1,65 @@
+<page-header-wrapper [title]="'合伙人账户明细'" [logo]="logo">
+  <ng-template #logo>
+    <!-- <button nz-button (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button> -->
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+  <sv-container layout="vertical" [noColon]="true" col="4">
+    <sv [label]="labelTpl">
+      <b class="text-md ">{{headerTotalInfo?.ltdName}}</b>
+    </sv>
+    <sv label="可用余额">
+      <span class="text-error-dark font-weight-bold">{{headerTotalInfo?.allAmount |currency}}</span>
+    </sv>
+    <sv label="收入金额">
+      <span class="text-error-dark font-weight-bold"> {{headerTotalInfo?.incomeAmount |currency}}</span>
+    </sv>
+    <sv label="支出金额">
+      <span class="text-error-dark font-weight-bold">{{headerTotalInfo?.payAmount |currency}}</span>
+    </sv>
+  </sv-container>
+  <ng-template #labelTpl>
+    <b class="text-md" style="color: black;">{{headerTotalInfo?.name}} &nbsp;&nbsp;{{headerTotalInfo?.phone}}</b>
+  </ng-template>
+</nz-card>
+<nz-card>
+  <div nz-row>
+    <div nz-col [nzSpan]="_$expand ? 24 : 18">
+      <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="_$expand ? 24 : 6" class="text-right">
+      <button nz-button nzType="primary" [disabled]="!sf.valid" (click)="st?.load(1)">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <button nz-button (click)="export()" nzType="primary" nzGhost>导出</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+  <div class="table-content">
+    <st #st [data]="service.$api_get_account_detail_page " [columns]="columns"
+      [req]="{ method: 'POST', allInBody: true, reName: {pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+      [page]="{ show: true, showSize: true, pageSizes:  [5,10, 20, 50, 100, 200, 500] }"
+      [loading]="service.http.loading" [scroll]="{x:'1200px'}">
+      <ng-template st-row="amount" let-item>
+        <div *ngIf="item.incomeType === '1'" class="text-right"> - {{item.amount | currency:' ' }}</div>
+        <div *ngIf="item.incomeType === '2'" class="text-right"> + {{item.amount | currency:' ' }}</div>
+      </ng-template>
+      <ng-template st-row="accountBalance" let-item>
+        <div class="text-right">{{item?.accountBalance |currency:' '}}</div>
+      </ng-template>
+
+    </st>
+    <div class="total-footer text-md" *ngIf="st?.list?.length !== 0 ">
+      合计 <label class="text-red-dark">{{ footerTotalInfo?.total }}</label> 项，收入 <label
+        class="text-red-dark font-weight-bold">{{
+        footerTotalInfo?.incomeAmount | currency
+        }}</label>，支出 <label class="text-red-dark font-weight-bold">{{
+        footerTotalInfo?.payAmount | currency }}</label>
+    </div>
+  </div>
+</nz-card>
diff --git a/src/app/routes/partner/account-management/components/account-detail/account-detail.component.less b/src/app/routes/partner/account-management/components/account-detail/account-detail.component.less
new file mode 100644
index 00000000..a485bd4c
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/account-detail/account-detail.component.less
@@ -0,0 +1,21 @@
+:host {
+  ::ng-deep {
+    .search-header {
+      nz-range-picker {
+        width: 100%;
+      }
+    }
+  }
+
+  .table-content {
+    position: relative;
+
+    .total-footer {
+      position: absolute;
+      bottom: 0;
+      height: 32px;
+      margin: 16px 0;
+      line-height: 32px;
+    }
+  }
+}
diff --git a/src/app/routes/partner/account-management/components/account-detail/account-detail.component.spec.ts b/src/app/routes/partner/account-management/components/account-detail/account-detail.component.spec.ts
new file mode 100644
index 00000000..1233feec
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/account-detail/account-detail.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { PartnerAccountManagementAccountDetailComponent } from './account-detail.component';
+
+describe('PartnerAccountManagementAccountDetailComponent', () => {
+  let component: PartnerAccountManagementAccountDetailComponent;
+  let fixture: ComponentFixture<PartnerAccountManagementAccountDetailComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [PartnerAccountManagementAccountDetailComponent]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PartnerAccountManagementAccountDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/partner/account-management/components/account-detail/account-detail.component.ts b/src/app/routes/partner/account-management/components/account-detail/account-detail.component.ts
new file mode 100644
index 00000000..4e595c8b
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/account-detail/account-detail.component.ts
@@ -0,0 +1,204 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { AccountManagemantService } from '../../services/account-managemant.service';
+
+@Component({
+  selector: 'app-partner-account-management-account-detail',
+  templateUrl: './account-detail.component.html',
+  styleUrls: ['./account-detail.component.less']
+})
+export class PartnerAccountManagementAccountDetailComponent implements OnInit {
+  headerTotalInfo: any = {
+    allAmount: 0,
+    incomeAmount: 0,
+    payAmount: 0,
+    name: '',
+    ltdName: '',
+    phone: ''
+  };
+  footerTotalInfo: any = {
+    incomeAmount: 0,
+    payAmount: 0,
+    total: 0
+  };
+
+
+  url = `/user`;
+  schema: SFSchema = {};
+  ui!: SFUISchema;
+  _$expand = false;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf') private readonly sf!: SFComponent;
+
+
+  columns: STColumn[] = [];
+  roleId = '';
+  bankType = '';
+  channelSource = '';
+  ltdId = '';
+  constructor(public service: AccountManagemantService, public ar: ActivatedRoute) {
+
+    this.roleId = this.ar.snapshot.params.id;
+    this.ar.queryParamMap.subscribe((res: any) => {
+      this.ltdId = res?.params?.ltdId;
+      this.channelSource = res?.params?.channelSource;
+      this.bankType = res?.params?.bankType;
+    })
+  }
+
+
+  get reqParams() {
+    return { ...this.sf?.value, roleId: this.roleId, ltdId: this.ltdId, channelSource: this.channelSource, bankType: this.bankType };
+  }
+  ngOnInit(): void {
+    this.getHeaderSummary();
+    this.getFooterSummary();
+    this.initSF();
+    this.initST();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: {
+          type: 'boolean', ui: { hidden: true }
+        },
+        createTime: {
+          type: 'string',
+          title: '交易时间',
+          ui: {
+            widget: 'sl-from-to',
+            type: 'date',
+            autoComplete: 'off',
+            format: 'yyyy-MM-dd',
+          } as SFDateWidgetSchema,
+        },
+        transactionNumber: {
+          title: '流水号',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        businessNumber: {
+          title: '交易单号',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        tradeType: {
+          type: 'string',
+          title: '交易类型',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            params: {
+              dictKey: 'trade:type'
+            },
+            placeholder: '请选择',
+            allowClear: true,
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          },
+        },
+        incomeType: {
+          type: 'string',
+          title: '收支类型',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            params: {
+              dictKey: 'income:type'
+            },
+            placeholder: '请选择',
+            allowClear: true,
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          },
+        },
+
+      }
+    }
+    this.ui = { '*': { spanLabelFixed: 100, grid: { span: 8, gutter: 4 } }, };
+  }
+
+  /**
+* 初始化数据列表
+*/
+  initST() {
+    this.columns = [
+      { title: '交易时间', index: 'createTime', className: 'text-center', width: 200 },
+      { title: '流水号', index: 'transactionNumber', className: 'text-center', width: 180 },
+      { title: '交易类型', index: 'tradeTypeLabel', className: 'text-center', width: 150 },
+      { title: '交易单号', index: 'businessNumber', className: 'text-center', width: 180 },
+      { title: '备注', index: 'tradeContent', className: 'text-center', width: 180 },
+      { title: '收支类型', index: 'incomeTypeLabel', className: 'text-center', width: 180 },
+      { title: '交易金额', render: 'amount', className: 'text-center', width: 150 },
+      { title: '账户余额', render: 'accountBalance', className: 'text-center', width: 150 },
+      { title: '付款方', index: 'payName', className: 'text-center', width: 200 },
+      { title: '收款方', index: 'payeeName', className: 'text-center', width: 200 },
+    ];
+  }
+  resetSF() {
+    this._$expand = false;
+    this.sf.reset();
+    setTimeout(() => {
+      this.st.reset();
+    })
+  }
+
+  /**
+* 伸缩查询条件
+*/
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  /**
+ * 头部汇总
+ */
+  getHeaderSummary() {
+    const params = {
+      roleId: this.roleId,
+      ltdId: this.ltdId,
+      channelSource: this.channelSource,
+      bankType: this.bankType
+    };
+    this.service.request(this.service.$api_get_account_detail_header_summary, { ...params }).subscribe(res => {
+      if (res) {
+        this.headerTotalInfo = res;
+        console.log(res);
+      }
+    })
+  }
+  /**
+   * 脚部汇总
+   */
+  getFooterSummary() {
+    this.service.request(this.service.$api_get_account_detail_footer_summary, this.reqParams).subscribe(res => {
+      if (res) {
+        this.footerTotalInfo = res;
+      }
+    })
+  }
+
+
+  search() {
+    this.st.load(1);
+  }
+  export() { }
+
+  goBack() {
+    window.history.go(-1);
+  }
+
+
+}
diff --git a/src/app/routes/partner/account-management/components/list/list.component.html b/src/app/routes/partner/account-management/components/list/list.component.html
new file mode 100644
index 00000000..b811832d
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/list/list.component.html
@@ -0,0 +1,35 @@
+<page-header-wrapper [title]="''"></page-header-wrapper>
+<nz-card>
+  <!-- <div nz-row>
+    <div [nzSpan]="" nz-col>
+
+    </div>
+  </div> -->
+  <sf [schema]="schema" [mode]="'search'" [ui]="ui" [button]="'none'" #sf>
+    <button nz-button nzType="primary" [disabled]="!sf.valid" (click)="st?.load(1)">查询</button>
+    <button nz-button (click)="resetSF()">重置</button>
+    <button nz-button (click)="export()" nzType="primary" nzGhost>导出</button>
+  </sf>
+
+</nz-card>
+<nz-card>
+  <st #st [data]="service.$api_get_account_management_page" [columns]="columns" [scroll]="{ x: '1200px' }"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="service.http.loading" multiSort>
+    <ng-template st-row="allBalance" let-item>
+      <div class="text-right">{{item.allBalance | currency:' '}}</div>
+    </ng-template>
+    <ng-template st-row="unEntryAmount" let-item>
+      <a class="text-right text-blue-dark"
+        [routerLink]="'/partner/account-management/am/recorded/detail/'+item?.roleId">{{item.unEntryAmount | currency:'
+        '}}</a>
+    </ng-template>
+    <ng-template st-row="availableBalance" let-item>
+      <div class="text-right">{{item.availableBalance | currency:' '}}</div>
+    </ng-template>
+
+
+  </st>
+</nz-card>
diff --git a/src/app/routes/partner/account-management/components/list/list.component.spec.ts b/src/app/routes/partner/account-management/components/list/list.component.spec.ts
new file mode 100644
index 00000000..da38a52c
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/list/list.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { PartnerAccountManagementListComponent } from './list.component';
+
+describe('PartnerAccountManagementListComponent', () => {
+  let component: PartnerAccountManagementListComponent;
+  let fixture: ComponentFixture<PartnerAccountManagementListComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [PartnerAccountManagementListComponent]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PartnerAccountManagementListComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/partner/account-management/components/list/list.component.ts b/src/app/routes/partner/account-management/components/list/list.component.ts
new file mode 100644
index 00000000..3d98844e
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/list/list.component.ts
@@ -0,0 +1,119 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { BussinessStatisticsService } from '../../../business-statistics/services/bussiness-statistics.service';
+import { AccountManagemantService } from '../../services/account-managemant.service';
+import { PartnerAccountManagementVirtualAccountDetailComponent } from '../virtual-account-detail/virtual-account-detail.component';
+
+@Component({
+  selector: 'app-partner-account-management-list',
+  templateUrl: './list.component.html',
+})
+export class PartnerAccountManagementListComponent implements OnInit {
+  url = `/user`;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf') private readonly sf!: SFComponent;
+  columns: STColumn[] = [];
+
+  constructor(public service: AccountManagemantService, public modal: NzModalService) { }
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params = { ...this.sf?.value };
+    return params
+  }
+
+  ngOnInit(): void {
+    this.initSF();
+    this.initST();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        userName: {
+          title: '合伙人名称',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        phone: {
+          title: '手机号',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+      }
+    }
+    this.ui = { '*': { spanLabelFixed: 120, grid: { span: 8, gutter: 12 } }, };
+  }
+  /**
+ * 初始化数据列表
+ */
+  initST() {
+    this.columns = [
+      { title: '合伙人名称', index: 'name', className: 'text-center', width: 250 },
+      { title: '手机号', index: 'phone', className: 'text-center', width: 200 },
+      {
+        title: '账户总额（元）', index: 'allBalance', className: 'text-right', sort: true, width: 150, type: 'currency',
+      },
+      {
+        title: '待入账余额（元）', render: 'unEntryAmount', className: 'text-right', width: 150,
+      },
+      {
+        title: '可用余额（元）', index: 'availableBalance', className: 'text-right', sort: true, width: 150, type: 'currency'
+      },
+      { title: '虚拟账户', index: 'virtualAccount', className: 'text-center', width: 220 },
+      {
+        title: '操作',
+        width: 150,
+        buttons: [
+          {
+            text: '虚拟账户明细',
+            click: (_record) => this.viewVirtual(_record)
+          }
+        ]
+      }
+    ];
+  }
+
+  resetSF() {
+    this.sf.reset();
+    setTimeout(() => {
+      this.st.reset();
+    })
+  }
+
+  /**
+   *
+   * @param _record 当前行信息
+   */
+  viewVirtual(_record: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '虚拟账户明细',
+      nzContent: PartnerAccountManagementVirtualAccountDetailComponent,
+      nzComponentParams: {
+        roleId: _record?.roleId,
+      },
+      nzWidth: '85%',
+      nzFooter: null
+    });
+    // modalRef.afterClose.subscribe(result => {
+    // });
+  }
+
+  /**
+   *
+   */
+  export() {
+
+  }
+
+}
diff --git a/src/app/routes/partner/account-management/components/recorded-detail/recorded-detail.component.html b/src/app/routes/partner/account-management/components/recorded-detail/recorded-detail.component.html
new file mode 100644
index 00000000..218de752
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/recorded-detail/recorded-detail.component.html
@@ -0,0 +1,79 @@
+<page-header-wrapper [title]="'待入账明细'" [logo]="logo">
+  <ng-template #logo>
+    <button nz-button (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+  <sv-container layout="vertical" [noColon]="true" col="5">
+    <sv [label]="labelTpl">
+      <b class="text-md ">{{summaryObj?.taxno}}</b>
+    </sv>
+    <sv label="返佣总额">
+      <span class="text-error-dark font-weight-bold">{{(summaryObj?.totalRebate?summaryObj?.totalRebate: 0 )|currency :'
+        '}}</span>
+    </sv>
+    <sv label="已入账金额">
+      <span class="text-error-dark font-weight-bold">{{(summaryObj?.recordedAmount?summaryObj?.recordedAmount:0
+        )|currency:' '}}</span>
+    </sv>
+    <sv label="代缴个税">
+      <span class="text-error-dark font-weight-bold">{{(summaryObj?.taxPersonalSum?summaryObj?.taxPersonalSum:0
+        )|currency:' '}}</span>
+    </sv>
+    <sv label="待入账金额">
+      <span class="text-error-dark font-weight-bold">{{(summaryObj?.waitRecordedAmount?summaryObj?.waitRecordedAmount:0)
+        |currency:' '}}</span>
+    </sv>
+  </sv-container>
+  <ng-template #labelTpl>
+    <b class="text-md" style="color: black;">{{summaryObj?.ltdName}}</b>
+  </ng-template>
+</nz-card>
+<nz-card>
+  <div>
+    <sf mode="search" #sf [schema]="schema" [ui]="ui" (formSubmit)="search()" (formReset)="resetSF()"></sf>
+  </div>
+  <div class="table-content">
+    <st #st [data]="service.$api_get_invoice_detail_page " [columns]="columns"
+      [req]="{ method: 'POST', allInBody: true, reName: {pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+      [page]="{ show: true, showSize: true, pageSizes:  [5,10, 20, 50, 100, 200, 500] }"
+      [loading]="service.http.loading" [scroll]="{x:'1200px'}">
+      <ng-template st-row="amount" let-item>
+        <div *ngIf="item.incomeType === '1'"> - {{item.amount | currency }}</div>
+        <div *ngIf="item.incomeType === '2'"> + {{item.amount | currency }}</div>
+      </ng-template>
+    </st>
+    <div class="total-footer text-md" *ngIf="st?.list?.length !== 0 ">
+      合计 <label class="text-red-dark">{{ footerSummary?.total }}</label> 项，收入 <label
+        class="text-red-dark font-weight-bold">{{
+        footerSummary?.income | currency
+        }}</label>，支出 <label class="text-red-dark font-weight-bold">{{
+        footerSummary?.spending | currency }}</label>
+    </div>
+  </div>
+</nz-card>
+
+<nz-modal [(nzVisible)]="showBillDetail" nzTitle="账户明细" [nzFooter]="null" (nzOnCancel)="handleCancel()" nzWidth="700px">
+  <div *nzModalContent>
+    <div class="mb-sm">
+      <span class="mr-xxl text-sm font-weight-bold"><label>网络货运人：</label>{{detailRecord?.ltdName}}</span>
+      <span class="text-sm font-weight-bold"><label>返佣总额（元）：</label>{{detailRecord?.totalRebate |currency: ' '}}</span>
+    </div>
+    <st #st [data]="billDetailList " [columns]="billDetailColumns" [res]="{ reName: { list: 'data' } }"
+      [req]="{ method: 'POST', allInBody: true, params:billDetailReqParams}" [page]="{show:false}">
+      <ng-template st-row="month" let-item>
+        <div>
+          <span>{{item?.year }}年</span>
+          <span>{{item?.month }}月</span>
+        </div>
+      </ng-template>
+      <ng-template st-row="profitAmountSum" let-item>
+        <div>{{item?.profitAmountSum |currency :' '}}</div>
+      </ng-template>
+
+    </st>
+  </div>
+</nz-modal>
diff --git a/src/app/routes/partner/account-management/components/recorded-detail/recorded-detail.component.spec.ts b/src/app/routes/partner/account-management/components/recorded-detail/recorded-detail.component.spec.ts
new file mode 100644
index 00000000..95af39f8
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/recorded-detail/recorded-detail.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { PartnerAccountManagementRecordedDetailComponent } from './recorded-detail.component';
+
+describe('PartnerAccountManagementRecordedDetailComponent', () => {
+  let component: PartnerAccountManagementRecordedDetailComponent;
+  let fixture: ComponentFixture<PartnerAccountManagementRecordedDetailComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [PartnerAccountManagementRecordedDetailComponent]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PartnerAccountManagementRecordedDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/partner/account-management/components/recorded-detail/recorded-detail.component.ts b/src/app/routes/partner/account-management/components/recorded-detail/recorded-detail.component.ts
new file mode 100644
index 00000000..e7420c8c
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/recorded-detail/recorded-detail.component.ts
@@ -0,0 +1,186 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema, Widget } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { AccountManagemantService } from '../../services/account-managemant.service';
+
+@Component({
+  selector: 'app-partner-account-management-recorded-detail',
+  templateUrl: './recorded-detail.component.html',
+})
+export class PartnerAccountManagementRecordedDetailComponent implements OnInit {
+  summaryObj: any = {
+    waitRecordedAmount: 0,
+    totalRebate: 0,
+    taxPersonalSum: 0,
+    recordedAmount: 0,
+    ltdName: '',
+    taxno: ''
+  };
+
+  footerSummary = {
+    total: 0,
+    income: 0,
+    spending: 0
+  }
+
+  detailRecord: any = {};
+
+  url = `/user`;
+  schema: SFSchema = {};
+  ui!: SFUISchema;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf') private readonly sf!: SFComponent;
+
+
+  columns: STColumn[] = [];
+  billDetailColumns: STColumn[] = [];
+  showBillDetail = false;
+  billDetailList = [];
+  roleId = '';
+
+  constructor(public service: AccountManagemantService, public router: Router, public ar: ActivatedRoute) {
+    this.roleId = this.ar.snapshot.params.id;
+
+  }
+
+
+  get reqParams() {
+    return { ...this.sf?.value, partnerId: this.roleId };
+  }
+
+  get billDetailReqParams() {
+    return {};
+  }
+  ngOnInit(): void {
+    this.initSF();
+    this.initST();
+    this.getInvoiceSummary();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        ltdName: {
+          title: '网络货运人',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+
+      }
+    }
+    this.ui = { '*': { spanLabelFixed: 120, grid: { span: 8, gutter: 4 } }, };
+  }
+
+  /**
+* 初始化数据列表
+*/
+  initST() {
+    this.columns = [
+      { title: '网络货运人', index: 'ltdName', className: 'text-center', width: 200 },
+      { title: '银行类型', render: 'bankTypeLabel', className: 'text-center', width: 150 },
+      { title: '虚拟账户', render: 'fictitiousAccount', className: 'text-center', width: 200 },
+      { title: '返佣总额（元）', index: 'totalRebate', className: 'text-center', width: 180, type: 'currency' },
+      { title: '已入账金额（元）', index: 'recordedAmount', className: 'text-center', width: 180, type: 'currency' },
+      { title: '代缴个税（元）', index: 'taxPersonalSum', className: 'text-center', width: 180, type: 'currency' },
+      { title: '待入账金额（元）', index: 'waitRecordedAmount', className: 'text-right', width: 180, type: 'currency' },
+      {
+        title: '操作', className: 'text-center', width: 300,
+        buttons: [
+          {
+            text: '查看入账记录',
+            click: (_record) => this.viewBookedRecord(_record)
+          },
+          {
+            text: '查看账单明细',
+            click: (_record) => this.viewAccountDetail(_record)
+          },
+        ]
+      },
+    ];
+  }
+
+  initBillDetailST() {
+    this.billDetailColumns = [
+      { title: '账单月份', render: 'month', className: 'text-center', width: '40%' },
+      { title: '返佣金额（元）', render: 'profitAmountSum', className: 'text-center', width: '40%' },
+      {
+        title: '操作', className: 'text-center', width: '20%', buttons: [
+          {
+            text: '订单明细',
+            click: (_record) => window.open(location.origin + `#/partner/rebate/record?ltdId=${_record?.ltdId}`)
+          }
+        ]
+      },
+    ]
+  }
+
+
+  resetSF() {
+    this.sf.reset();
+    setTimeout(() => {
+      this.st.reset();
+    })
+  }
+
+
+
+  search() {
+    this.st.load(1);
+  }
+
+  /**
+   * 获取账单明细
+   */
+  getBillDetail(ltdId: string) {
+    this.service.request(this.service.$api_get_bill_detail, { ltdId }).subscribe(res => {
+      if (res) {
+        this.billDetailList = res;
+      }
+    })
+  }
+
+
+  export() { }
+
+  /**
+ * 查看入账记录
+ * @param record 当前行
+ */
+  viewBookedRecord(record: any) {
+    window.open(location.origin + `#/partner/recorded/record?ltdId=${record?.ltdId}`);
+  }
+
+  /**
+   * 查看账单明细
+   * @param record 当前行
+   */
+  viewAccountDetail(record: any) {
+    this.billDetailColumns = [];
+    this.showBillDetail = true;
+    this.initBillDetailST();
+    this.detailRecord = record;
+    this.getBillDetail(record?.ltdId);
+  }
+
+  getInvoiceSummary() {
+    this.service.request(this.service.$api_get_invoice_summary, { partnerId: this.roleId }).subscribe(res => {
+      if (res) {
+        this.summaryObj = res;
+      }
+    })
+  }
+
+  handleCancel() {
+    this.showBillDetail = false;
+    this.detailRecord = {};
+
+  }
+  goBack() {
+    window.history.go(-1);
+  }
+
+}
diff --git a/src/app/routes/partner/account-management/components/virtual-account-detail/virtual-account-detail.component.html b/src/app/routes/partner/account-management/components/virtual-account-detail/virtual-account-detail.component.html
new file mode 100644
index 00000000..21bfeea2
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/virtual-account-detail/virtual-account-detail.component.html
@@ -0,0 +1,38 @@
+<nz-card>
+  <div nz-row>
+    <div nz-col [nzSpan]="_$expand ? 24 : 18">
+      <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="_$expand ? 24 : 6" class="text-right">
+      <button nz-button nzType="primary" [disabled]="!sf.valid" (click)="st?.load(1)">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <button nz-button (click)="export()" nzType="primary" nzGhost>导出</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+  <div class="mt-sm">
+    <st #st [data]="service. $api_get_virtual_detail_page" [columns]="columns" [columns]="columns"
+      [scroll]="{ x: '1200px' }"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+      [loading]="service.http.loading">
+      <ng-template st-row="allBalance" let-item>
+        <div class="text-right">
+          {{item.allBalance}}
+        </div>
+      </ng-template>
+      <ng-template st-row="availableBalance" let-item>
+        <div class="text-right">
+          {{item.availableBalance}}
+        </div>
+      </ng-template>
+    </st>
+  </div>
+</nz-card>
+<div class="modal-footer text-center">
+  <button nz-button type="button" nzType="primary" (click)="close()">确 定</button>
+</div>
diff --git a/src/app/routes/partner/account-management/components/virtual-account-detail/virtual-account-detail.component.spec.ts b/src/app/routes/partner/account-management/components/virtual-account-detail/virtual-account-detail.component.spec.ts
new file mode 100644
index 00000000..9a7da573
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/virtual-account-detail/virtual-account-detail.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { PartnerAccountManagementVirtualAccountDetailComponent } from './virtual-account-detail.component';
+
+describe('PartnerAccountManagementVirtualAccountDetailComponent', () => {
+  let component: PartnerAccountManagementVirtualAccountDetailComponent;
+  let fixture: ComponentFixture<PartnerAccountManagementVirtualAccountDetailComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [PartnerAccountManagementVirtualAccountDetailComponent]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PartnerAccountManagementVirtualAccountDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/partner/account-management/components/virtual-account-detail/virtual-account-detail.component.ts b/src/app/routes/partner/account-management/components/virtual-account-detail/virtual-account-detail.component.ts
new file mode 100644
index 00000000..6840cddd
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/virtual-account-detail/virtual-account-detail.component.ts
@@ -0,0 +1,184 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { ShipperBaseService } from 'src/app/shared/services/business/shipper-base.service';
+import { AccountManagemantService } from '../../services/account-managemant.service';
+
+@Component({
+  selector: 'app-partner-account-management-virtual-account-detail',
+  templateUrl: './virtual-account-detail.component.html',
+})
+export class PartnerAccountManagementVirtualAccountDetailComponent implements OnInit {
+  url = `/user`;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf') private readonly sf!: SFComponent;
+  columns: STColumn[] = [];
+  roleId = '';
+  _$expand = false;
+  record = {};
+
+  constructor(public shipperservice: ShipperBaseService, public service: AccountManagemantService,
+    private modalRef: NzModalRef, public router: Router) {
+  }
+
+  get reqParams() {
+    return { ...this.sf?.value, roleId: this.roleId };
+  }
+  ngOnInit(): void {
+    this.initSF();
+    this.initST();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: {
+          type: 'boolean', ui: { hidden: true }
+        },
+        userName: {
+          title: '合伙人名称',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        phone: {
+          title: '手机号',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        ltdId: {
+          title: '网络货运人',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder({}, true)
+          }
+
+        },
+        bankType: {
+          type: 'string',
+          title: '银行类型',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            params: {
+              dictKey: 'bankname:type'
+            },
+            placeholder: '请选择',
+            allowClear: true,
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          },
+        },
+        virtualAccount: {
+          title: '虚拟账户',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+          },
+        },
+        createTime: {
+          type: 'string',
+          title: '创建时间',
+          ui: {
+            widget: 'sl-from-to',
+            type: 'date',
+            autoComplete: 'off',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+          } as SFDateWidgetSchema,
+        },
+      }
+    }
+    this.ui = { '*': { spanLabelFixed: 100, grid: { span: 8, gutter: 4 } }, };
+  }
+
+  /**
+* 初始化数据列表
+*/
+  initST() {
+    this.columns = [
+      { title: '合伙人', index: 'name', className: 'text-center', width: 200 },
+      { title: '手机号', index: 'phone', className: 'text-center', width: 150 },
+      { title: '网络货运人', index: 'ltdName', className: 'text-center', width: 200 },
+      { title: '银行类型', index: 'bankTypeLabel', className: 'text-center', width: 120 },
+      { title: '虚拟账户', index: 'virtualAccount', className: 'text-center', width: 180 },
+      { title: '可用余额', render: 'availableBalance', className: 'text-center', width: 180 },
+      { title: '账户总余额', render: 'allBalance', className: 'text-center', width: 180 },
+      { title: '创建时间', index: 'createTime', className: 'text-center', width: 200 },
+      { title: '状态', index: 'stateDeletedLabel', className: 'text-center', width: 120 },
+      {
+        title: '操作',
+        width: 120,
+        buttons: [
+          {
+            text: '查看明细',
+            click: (_record) => this.viewDetail(_record)
+          }
+        ]
+      }
+    ];
+  }
+
+  resetSF() {
+    this._$expand = false;
+    this.sf.reset();
+    setTimeout(() => {
+      this.st.reset();
+    })
+  }
+  /**
+* 伸缩查询条件
+*/
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+
+  add(): void {
+    // this.modal
+    //   .createStatic(FormEditComponent, { i: { id: 0 } })
+    //   .subscribe(() => this.st.reload());
+  }
+  search() {
+    this.st.load(1);
+  }
+  export() { }
+  /**
+   *
+   * @param _record 当前行信息
+   */
+  viewDetail(_record: any) {
+    // this.router.navigate([`/partner/account-management/am/detail/${_record?.roleId}`], {
+    //   queryParams: {
+    //     channelSource: _record?.accountType,
+    //     bankType: _record?.bankType,
+    //     ltdId: _record?.ltdId
+    //   }
+    // });
+    window.open(location.origin + `/#/partner/account-management/am/detail/${_record?.roleId}?ltdId=${_record?.ltdId}&channelSource=${_record?.accountType}&bankType=${_record?.bankType}`);
+  }
+
+  close() {
+    this.modalRef.destroy();
+  }
+
+}
diff --git a/src/app/routes/partner/account-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.html b/src/app/routes/partner/account-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.html
new file mode 100644
index 00000000..e2073979
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.html
@@ -0,0 +1,64 @@
+<!--
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-05 20:15:41
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:17:19
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\withdrawals-record\\withdrawals-detail\\withdrawals-detail.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'提现详情'" [logo]="logo">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+
+
+<nz-card [nzLoading]="service.http.loading">
+  <nz-alert nzType="info" nzMessage="提现信息" class="mb-md"></nz-alert>
+  <div se-container [labelWidth]="130">
+    <se label="网络货运人">
+      {{formData?.ltdName}}
+    </se>
+    <se label="银行类型">
+      {{formData?.bankType==='1'?'平安银行':'浦发银行'}}
+    </se>
+    <se label="提现单号">
+      {{formData?.refundApplyCode}}
+    </se>
+    <se label="账户名称">
+      {{formData?.bankAccountName}}
+    </se>
+    <se label="提现时间">
+      {{formData?.createTime}}
+    </se>
+    <se label="虚拟账户">
+      {{formData?.virtualAccount}}
+    </se>
+    <se label="提现状态">
+      {{formData?.refundStatusLabel}}
+    </se>
+    <se label="提现金额">
+      {{formData?.amount | currency}}
+    </se>
+    <se label="银行流水号">
+      {{formData?.bankSerialNumber}}
+    </se>
+    <se label="提现至银行卡">
+      {{formData?.bankCardNumber}}
+    </se>
+    <se label="银行回单" col="1">
+      <a (click)="downBack()">{{formData?.refundStatus==='3'?'下载回单':'暂无回单'}}</a>
+    </se>
+  </div>
+
+  <nz-alert nzType="info" nzMessage="提现进度" class="mb-md mt-md"></nz-alert>
+  <div nz-row class="mt-xl">
+    <div nz-col nzSpan="12" nzOffset="1">
+      <app-logistics-time-line [data]="timeLineData"></app-logistics-time-line>
+    </div>
+  </div>
+</nz-card>
diff --git a/src/app/routes/partner/account-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.less b/src/app/routes/partner/account-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.less
new file mode 100644
index 00000000..e299b7d1
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.less
@@ -0,0 +1,17 @@
+:host::ng-deep {
+
+    .ant-alert-info {
+        background-color: #f3f3f3;
+        border          : 1px solid #dbdbdb;
+
+        .ant-alert-message {
+            color: rgba(0, 0, 0, 0.85);
+            font-weight: 600;
+            font-size: 16px;
+        }
+    }
+
+    .ant-form-item {
+        margin-bottom: 15px;
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/partner/account-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.ts b/src/app/routes/partner/account-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.ts
new file mode 100644
index 00000000..baf83686
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component.ts
@@ -0,0 +1,87 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { FreightAccountService } from 'src/app/routes/financial-management/services/freight-account.service';
+
+@Component({
+  selector: 'app-partner-account-management-withdrawals-detail',
+  templateUrl: './withdrawals-detail.component.html',
+  styleUrls: ['./withdrawals-detail.component.less']
+})
+export class PartnerAccountManagementWithdralDetailComponent implements OnInit {
+  formData: any = {};
+
+  timeLineData: any = [];
+
+  constructor(public service: FreightAccountService, private route: ActivatedRoute) {
+    const id = route.snapshot.params.id;
+    this.loadRefundDetail(id);
+  }
+
+  ngOnInit(): void {}
+
+  loadRefundDetail(id: string) {
+    this.service.request(this.service.$api_get_refund_detail, { id }).subscribe(res => {
+      if (res) {
+        this.formData = res;
+        // 处理流程节点数据
+        // 流程是否结束
+        let isEnd = false;
+        if (res.successTime) {
+          isEnd = true;
+          if (res.refundStatus === '3') {
+            this.timeLineData.push({ time: res.successTime, value: `到账成功`, color: 'green' });
+          } else {
+            this.timeLineData.push({ time: res.successTime, value: `提现失败`, color: 'red' });
+          }
+        }
+        if (res.agreeTime && res.refundStatus !== '4') {
+          this.timeLineData.push({ time: res.agreeTime, value: `银行处理中`, color: 'gray' });
+        }
+        if (res.agreeTime) {
+          if (res.refundStatus === '4') {
+            isEnd = true;
+            this.timeLineData.push({
+              time: res.agreeTime,
+              value: `拒绝提现<br/>操作人员：${res.handlerUserIdLabel}`,
+              color: 'red'
+            });
+          } else {
+            this.timeLineData.push({
+              time: res.agreeTime,
+              value: `审核通过<br/>操作人员：${res.handlerUserIdLabel}`,
+              color: 'gray'
+            });
+          }
+        }
+        if (res.createTime) {
+          this.timeLineData.push({
+            time: res.createTime,
+            value: `提交提现申请<br/>提现${res.amount}元至${res.bankName}(${res.bankCardNumber})<br/>操作人员：${res.userIdLabel}`,
+            color: 'gray'
+          });
+        }
+        if (this.timeLineData?.length > 0 && !isEnd) {
+          this.timeLineData[0].color = 'green';
+        }
+      }
+    });
+  }
+
+  downBack() {
+    if (this.formData?.refundStatus !== '3') {
+      return;
+    }
+    this.service.getReceiptUrl(this.formData.receiptUrl, {
+      bankType: this.formData.bankType,
+      rmYll: this.formData.userId,
+      snglFlgCd: this.formData.coreSerNo,
+      bussType: '06',
+      ltdId: this.formData.ltdId,
+      accountType: this.formData.accountType
+    });
+  }
+
+  goBack() {
+    history.go(-1);
+  }
+}
diff --git a/src/app/routes/partner/account-management/components/withdrawals-record/withdrawals-record.component.html b/src/app/routes/partner/account-management/components/withdrawals-record/withdrawals-record.component.html
new file mode 100644
index 00000000..92dc20a4
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/withdrawals-record/withdrawals-record.component.html
@@ -0,0 +1,63 @@
+<page-header-wrapper [title]="''"></page-header-wrapper>
+<nz-card class="search-box" nzBordered>
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+      <sf #sf [schema]="searchSchema"
+        [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24,gutter:15 } }}" [compact]="true"
+        [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+      class="text-right">
+      <button nz-button nzType="primary" (click)="st?.load(1)">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <button nz-button> 导出</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+  <nz-tabset [nzTabBarExtraContent]="extraTemplate">
+    <nz-tab nzTitle="全部" (nzClick)="changeRefundStatus()"></nz-tab>
+    <nz-tab nzTitle="待审核" (nzClick)="changeRefundStatus('1')"></nz-tab>
+    <nz-tab nzTitle="处理中" (nzClick)="changeRefundStatus('2')"></nz-tab>
+    <nz-tab nzTitle="提现成功" (nzClick)="changeRefundStatus('3')"></nz-tab>
+    <nz-tab nzTitle="提现失败" (nzClick)="changeRefundStatus('5')"></nz-tab>
+    <nz-tab nzTitle="已拒绝" (nzClick)="changeRefundStatus('4')"></nz-tab>
+  </nz-tabset>
+
+  <ng-template #extraTemplate>
+    <div class="d-flex align-items-center ">
+      <div class="mr-md">
+        已选择
+        <strong class="text-red">{{ selectedRows.length }}</strong> 条数据&nbsp;&nbsp; 累计提现 <strong class="text-red">{{
+          totalCallNo }}</strong>
+        <!-- <a *ngIf="totalCallNo > 0" (click)="st.clearCheck()" class="ml-lg">清空</a> -->
+      </div>
+      <button nz-button (click)="this.auditAction(null)">审核</button>
+    </div>
+  </ng-template>
+
+  <st #st [data]="amService.$api_get_withdraw_record_page" [columns]="columns" [req]="{  process: beforeReq }"
+    [loading]="service.http.loading" [scroll]="{ x:'1200px' }" (change)="stChange($event)"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' }, process: afterRes }"
+    [page]="{ show: true,  pageSizes:  [10, 20, 50, 100, 200, 500] }">
+    <ng-template st-row="bankCardNumber" let-item let-index="index" let-column="column">
+      {{ item.bankName }} <br> {{ item.bankCardNumber }}
+    </ng-template>
+  </st>
+</nz-card>
+
+<ng-template #auditModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="80">
+      <se [col]="1" label="备注">
+        <textarea nz-input rows="3" [(ngModel)]="msg" placeholder="同意可以不用填写原因 ，拒绝必须说明原因"
+          style="width: 325px;margin-left: 14px;"></textarea>
+      </se>
+    </div>
+  </div>
+</ng-template>
diff --git a/src/app/routes/partner/account-management/components/withdrawals-record/withdrawals-record.component.ts b/src/app/routes/partner/account-management/components/withdrawals-record/withdrawals-record.component.ts
new file mode 100644
index 00000000..ad7c8ead
--- /dev/null
+++ b/src/app/routes/partner/account-management/components/withdrawals-record/withdrawals-record.component.ts
@@ -0,0 +1,336 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions, STData } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { FreightAccountService } from 'src/app/routes/financial-management/services/freight-account.service';
+import Big from 'src/app/shared/utils/deal-precision';
+import { AccountManagemantService } from '../../services/account-managemant.service';
+
+
+@Component({
+  selector: 'app-partner-account-management-withdrawals-record',
+  templateUrl: './withdrawals-record.component.html',
+  styleUrls: ['../../../../commom/less/box.less', '../../../../commom/less/expend-but.less']
+})
+export class PartnerAccountManagementWithdrawalsRecordComponent implements OnInit {
+  @ViewChild('st', { static: true }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('auditModal', { static: false }) auditModal!: any;
+  @ViewChild('viewReasonModal', { static: false }) viewReasonModal!: any;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  selectedRows: any[] = [];
+  totalCallNo = 0;
+  refundStatus: any = '';
+
+  msg = '';
+  constructor(public service: FreightAccountService, public amService: AccountManagemantService, private nzModalService: NzModalService, private router: Router, public ar: ActivatedRoute) { }
+
+  ngOnInit(): void { }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        createTime: {
+          start: this.sf.value.createTime?.[0] || '',
+          end: this.sf.value.createTime?.[1] || ''
+        },
+        refundStatus: this.refundStatus || null
+      });
+    }
+    return requestOptions;
+  };
+
+  afterRes = (data: any[], rawData?: any) => {
+    data = data.map(node => ({ ...node, disabled: node.refundStatus !== '1' }));
+    return data;
+  };
+
+  stChange(e: STChange): void {
+    if (e.type === 'checkbox') {
+      const checkRows = (e.checkbox as STData[]) || [];
+      //判断当前页是否有选中的行
+      if (checkRows.length === 0) {
+        // 当前页没有存在已勾选的行，移除之前所记录的当前页的行
+        const stList = this.st.list;
+        stList.forEach(item => {
+          this.selectedRows = this.selectedRows.filter((e: any) => e.id !== item.id);
+        })
+      } else {
+        //添加新增的行
+        checkRows.forEach((item: any) => {
+          const newSelectedList = this.selectedRows.filter((r: any) => r.id === item.id);
+          if (newSelectedList.length === 0) {
+            this.selectedRows.push(item);
+
+          }
+        })
+        // 移除取消选中的行
+        const stList = this.st.list;
+        stList.forEach(item => {
+          if (!item.checked) {
+            const index = this.selectedRows.findIndex(_item => item.id === _item.id);
+            if (index !== -1) this.selectedRows.splice(index, 1);
+          }
+        })
+      }
+      let totalCallNo = 0;
+      this.selectedRows.forEach((item => {
+        totalCallNo = new Big(this.totalCallNo).plus(item?.amount).parse();
+      }));
+      this.totalCallNo = totalCallNo;
+    } else if (e.type === 'loaded') {
+      // 页面加载时勾选
+      (e?.loaded || []).forEach((r) => {
+        this.selectedRows.forEach((x) => {
+          if (x.id === r.id) {
+            r.checked = true;
+          }
+        });
+      });
+    }
+  }
+
+  changeRefundStatus(status?: string) {
+    this.refundStatus = status || null;
+    this.st.load(1);
+  }
+
+  auditAction(item?: any) {
+    this.msg = '';
+    let params: Array<string> = [];
+    if (item) {
+      params = [item.id];
+    } else {
+      params = this.selectedRows.map(node => node.id);
+    }
+    const modal = this.nzModalService.create({
+      nzTitle: '审核',
+      nzContent: this.auditModal,
+      nzFooter: [
+        {
+          label: '拒绝',
+          type: 'default',
+          onClick: () => {
+            this.service
+              .request(this.service.$api_disagree_refund, {
+                refundApplicationId: params,
+                msg: this.msg
+              })
+              .subscribe(res => {
+                if (res) {
+                  this.service.msgSrv.success('审核拒绝成功');
+                  modal.destroy();
+                  this.st.load(1);
+                }
+              });
+          }
+        },
+        {
+          label: '通过',
+          type: 'primary',
+          onClick: () => {
+            this.service
+              .request(this.service.$api_agree_refund, {
+                refundApplicationId: params,
+                msg: this.msg
+              })
+              .subscribe(res => {
+                if (res) {
+                  this.service.msgSrv.success('审核通过成功');
+                  modal.destroy();
+                  this.st.load(1);
+                }
+              });
+          }
+        }
+      ]
+    });
+    modal.afterClose.subscribe(res => {
+      this.st.load();
+    });
+  }
+
+  showReason(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '查看原因',
+      nzContent: item?.rejectionCause || item?.failCause,
+      nzFooter: [
+        {
+          label: '关闭',
+          type: 'primary',
+          onClick: () => {
+            modal.destroy();
+          }
+        }
+      ]
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        refundApplyCode: {
+          type: 'string',
+          title: '提现单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        refundStatus: {
+          type: 'string',
+          title: '提现状态',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'refund:apply:status' },
+            placeholder: '请选择'
+          }
+        },
+        createTime: {
+          title: '提现时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true
+          } as SFDateWidgetSchema
+        },
+        bankAccountName: {
+          type: 'string',
+          title: '账户名称',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        accountType: {
+          type: 'string',
+          title: '账户类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'bank:type' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder(),
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        bankType: {
+          type: 'string',
+          title: '银行类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'bankname:type' },
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox', className: 'text-center' },
+      { title: '提现时间', index: 'createTime', width: 180, className: 'text-center' },
+      { title: '提现单号', index: 'refundApplyCode', width: 180, className: 'text-center' },
+      { title: '网络货运人', index: 'ltdName', width: 220, className: 'text-center' },
+      { title: '银行类型', index: 'bankTypeLabel', width: 100, className: 'text-center' },
+      { title: '账户类型', index: 'accountTypeLabel', width: 100, className: 'text-center' },
+      { title: '账户名称', index: 'bankAccountName', width: 220, className: 'text-center' },
+      { title: '虚拟账户', index: 'virtualAccount', width: 180, className: 'text-center' },
+      {
+        title: '提现金额',
+        index: 'amount',
+        width: 200,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.amount }) }
+      },
+      { title: '提现银行账户', render: 'bankCardNumber', width: 200, className: 'text-center' },
+      { title: '提现状态', index: 'refundStatusLabel', width: 100, className: 'text-center' },
+      { title: '银行流水号', index: 'bankSerialNumber', width: 160, className: 'text-center' },
+      { title: '核心交易流水', index: 'coreSerNo', width: 180, className: 'text-center' },
+      { title: '失败原因', index: 'rejectionCause', width: 200, format: item => item.failCause, className: 'text-center' },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '110px',
+        buttons: [
+          {
+            text: '查看回单',
+            iif: item => item.refundStatus === '3',
+            click: item =>
+              this.service.getReceiptUrl(item.receiptUrl, {
+                bankType: item.bankType,
+                rmYll: item.userId,
+                snglFlgCd: item.coreSerNo,
+                bussType: '06',
+                ltdId: item.ltdId,
+                accountType: item.accountType
+              })
+          },
+          {
+            text: '查看原因',
+            iif: item => item.refundStatus === '4',
+            click: item => this.showReason(item)
+          },
+          {
+            text: '审核',
+            iif: item => item.refundStatus === '1',
+            click: item => this.auditAction(item)
+          },
+          {
+            text: '详情',
+            click: item => this.router.navigate(['./../detail/' + item.id], { relativeTo: this.ar })
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/partner/account-management/services/account-managemant.service.ts b/src/app/routes/partner/account-management/services/account-managemant.service.ts
new file mode 100644
index 00000000..f7fa89b0
--- /dev/null
+++ b/src/app/routes/partner/account-management/services/account-managemant.service.ts
@@ -0,0 +1,22 @@
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AccountManagemantService extends BaseService {
+
+  $api_get_account_management_page = `/api/bpc/accountBalancePartner/getPartnerAccountBalanceByOperator`; // 账户管理
+  $api_get_virtual_detail_page = `/api/bpc/accountBalancePartner/getPartnerAccountBalanceInfoByOperator`;//虚拟账户明细
+  $api_get_withdraw_record_page = `/api/fcc/refundApplicationOBC/list/partnerPage`;// 提现记录
+  $api_get_account_detail_page = `/api/bpc/accountBalancePartner/getAccountBalancePartnerByOperatorPage`;// 账户明细
+  $api_get_account_detail_footer_summary = `/api/bpc/accountBalancePartner/getAccountBalancePartnerIncomeDetailByOperator`;// 账户明细脚部汇总
+  $api_get_account_detail_header_summary = `/api/bpc/accountBalancePartner/getAccountBalancePartnerAmountByOperator`;// 账户明细头部汇总
+  $api_get_bill_detail = `/api/bpc/partnerIncomeDetail/findPartnerWaitIncomeByOperator`; // 查看账单明细
+  $api_get_invoice_summary = `/api/bpc/partnerInvoiceEntry/oprationEntrySummary`; // 入账明细汇总
+  $api_get_invoice_detail_page = `/api/bpc/partnerInvoiceEntry/oprationEntryDetail`; // 待入账明细列表
+
+  constructor(public injector: Injector) {
+    super(injector)
+  }
+}
diff --git a/src/app/routes/partner/ad/components/list/list.component.html b/src/app/routes/partner/ad/components/list/list.component.html
new file mode 100644
index 00000000..5a266913
--- /dev/null
+++ b/src/app/routes/partner/ad/components/list/list.component.html
@@ -0,0 +1,62 @@
+<!-- 页头 -->
+<page-header-wrapper [title]="''"></page-header-wrapper>
+<nz-card>
+    <!-- 搜索表单 -->
+    <div nz-row [nzGutter]="16">
+        <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+        <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+            <sf #sf [schema]="schema" [ui]="ui" [mode]="'search'" [disabled]="!sf?.valid" [loading]="false"></sf>
+        </div>
+
+        <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+        <ng-container *ngIf="queryFieldCount > 4">
+            <div nz-col [nzSpan]="_$expand ? 24 : 18">
+                <sf #sf [schema]="schema" [ui]="ui" [button]="'none'"></sf>
+            </div>
+            <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+                <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading" (click)="st.load()">查询</button>
+                <button nz-button (click)="resetSF()">重置</button>
+                <button nz-button nzType="link" (click)="expandToggle()">
+                    {{ !_$expand ? '展开' : '收起' }}
+                    <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+                </button>
+            </div>
+        </ng-container>
+    </div>
+
+    <!-- 工具栏 -->
+    <div nz-row>
+        <div nz-col nzSpan="24">
+            <button nz-button nzType="primary" (click)="add()">新增轮播图</button>
+        </div>
+    </div>
+
+    <!-- 提示栏 -->
+    <div nz-row>
+        <div nz-col nzSpan="24">
+            <nz-alert
+                    nzType="info"
+                    [nzMessage]="'当前共' + (st?.total || 0) + '行记录，选中' + selectedRows.length + '行'"
+                    nzShowIcon
+                    [ngStyle]="{ margin: '1rem 0' }"
+            >
+            </nz-alert>
+        </div>
+    </div>
+
+    <!-- 数据列表 -->
+    <st
+            #st
+            multiSort
+            size="small"
+            [bordered]="true"
+            [scroll]="{ x: '2000px' }"
+            [data]="service.$api_get_page"
+            [columns]="columns"
+            [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+            [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+            [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+            [loadingDelay]="500"
+            [loading]="false"
+    ></st>
+</nz-card>
diff --git a/src/app/routes/partner/advice-feedback/components/feedback-detail/feedback-detail.component.html b/src/app/routes/partner/advice-feedback/components/feedback-detail/feedback-detail.component.html
new file mode 100644
index 00000000..a0469712
--- /dev/null
+++ b/src/app/routes/partner/advice-feedback/components/feedback-detail/feedback-detail.component.html
@@ -0,0 +1,46 @@
+
+<page-header-wrapper [title]="''" [logo]="logo" [content]="headerContent">
+    <ng-template #logo>
+      <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+        <i nz-icon nzType="left" nzTheme="outline"></i>
+      </button>
+    </ng-template>
+    <ng-template #headerContent>
+      <div nz-row class="head-box">
+        <div nz-col nzSpan="1">
+          <img src="./assets/images/usercenter/拉货车.png" alt="" />
+        </div>
+        <div nz-col nzSpan="11" class="pl-lg">
+          <div class="right-h">深圳市XXXXXXX有限公司</div>
+          <div class="right-s">91440300357887492H</div>
+          <sv-container col="2" >
+            <sv label="联系人">  </sv>
+            <sv label="注册时间">  </sv>
+            <sv label="合同有效期">  </sv>
+            <sv label="运营主体"> </sv>
+          </sv-container>
+        </div>
+        <div nz-col nzSpan="10">
+          <div class="left-rt">待审核</div>
+          <div class="left-rb">
+            <button nz-button (click) ="reject()">拒绝</button>
+            <button nz-button nzType="primary" (click) ="approve()">通过</button>
+          </div>
+        </div>
+      </div>
+    </ng-template>
+  </page-header-wrapper>
+  <nz-card nzTitle="建议反馈">
+    <div nz-row>
+      <div nz-col nzSpan="12">
+        <sv-container col="1" labelWidth="120">
+          <sv label="问题类型">  </sv>
+          <sv label="描述或内容建议">  </sv>
+          <sv label="图片">  </sv>
+          <sv label="提交时间">  </sv>
+        </sv-container>
+      </div>
+    </div>
+  </nz-card>
+
+  
\ No newline at end of file
diff --git a/src/app/routes/partner/advice-feedback/components/feedback-detail/feedback-detail.component.less b/src/app/routes/partner/advice-feedback/components/feedback-detail/feedback-detail.component.less
new file mode 100644
index 00000000..403e7692
--- /dev/null
+++ b/src/app/routes/partner/advice-feedback/components/feedback-detail/feedback-detail.component.less
@@ -0,0 +1,29 @@
+:host {
+  .head-box {
+    img {
+      width  : 80px;
+      height : 80px;
+      padding: 8px;
+    }
+
+    .right-h {
+      font-size: 16px;
+    }
+
+    .right-s {
+      color: #7f7f7f;
+    }
+
+    .left-rt {
+      font-weight: bold;
+      font-size  : 16px;
+      text-align : right;
+    }
+
+    .left-rb {
+      display        : flex;
+      justify-content: flex-end;
+      padding-top    : 16px;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/app/routes/partner/advice-feedback/components/feedback-detail/feedback-detail.component.ts b/src/app/routes/partner/advice-feedback/components/feedback-detail/feedback-detail.component.ts
new file mode 100644
index 00000000..d7aa10db
--- /dev/null
+++ b/src/app/routes/partner/advice-feedback/components/feedback-detail/feedback-detail.component.ts
@@ -0,0 +1,71 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn } from '@delon/abc/st';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ParterClaimAuditListChannelApproveComponent } from '../../../claim-audit/components/channel-approve/channel-approve.component';
+import { ParterClaimAuditListChannelRejectComponent } from '../../../claim-audit/components/channel-reject/channel-reject.component';
+import { AdviceFeedbackService } from '../../services/advice-feedback.service';
+
+// import { ParterClaimAuditListChannelApproveComponent } from '../channel-approve/channel-approve.component';
+// import { ParterClaimAuditListChannelRejectComponent } from '../channel-reject/channel-reject.component';
+
+@Component({
+  selector: 'app-parter-feedback-detail-detail',
+  templateUrl: './feedback-detail.component.html',
+  styleUrls: ['./feedback-detail.component.less']
+})
+export class ParterAdviceFeedbackDetailComponent implements OnInit {
+  id = this.route.snapshot.queryParams.id;
+  i: any;
+  imges: any;
+  isVisible = false;
+
+  constructor(
+    private route: ActivatedRoute,
+    private msgSrv: NzMessageService,
+    public service: AdviceFeedbackService,
+    private modalService: NzModalService,
+    private router: Router
+  ) {}
+
+  ngOnInit(): void {
+    this.initData();
+  }
+
+  initData() {
+    // this.service.request(this.service.$api_getBulkBillDetail, { id: this.id }).subscribe(res => {
+    //   if (res) {
+    //     this.i = res;
+    //
+    //   }
+    // });
+  }
+
+  approve() {
+    const modalRef = this.modalService.create({
+      nzTitle: '同意',
+      nzWidth: 700,
+      nzContent: ParterClaimAuditListChannelApproveComponent,
+      nzComponentParams: {
+        i: this.i
+      },
+      nzFooter: null
+    });
+  }
+  reject() {
+    const modalRef = this.modalService.create({
+      nzTitle: '拒绝',
+      nzWidth: 700,
+      nzContent: ParterClaimAuditListChannelRejectComponent,
+      nzComponentParams: {
+        i: this.i
+      },
+      nzFooter: null
+    });
+  }
+  goBack() {
+    window.history.go(-1);
+  }
+}
diff --git a/src/app/routes/partner/advice-feedback/components/list/list.component.html b/src/app/routes/partner/advice-feedback/components/list/list.component.html
new file mode 100644
index 00000000..ca389dea
--- /dev/null
+++ b/src/app/routes/partner/advice-feedback/components/list/list.component.html
@@ -0,0 +1,47 @@
+<page-header-wrapper [title]="''"></page-header-wrapper>
+<!-- 搜索表单 -->
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [loading]="service.http.loading"
+        (formSubmit)="search()"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button nz-button nzType="primary" [disabled]="!sf.valid"  (click)="search()" >查询</button>
+        <button nz-button (click)="resetSF()" >重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card>
+      <st
+        #st1
+        [data]="data"
+        [columns]="columns1"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+        [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+        [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+        [loadingDelay]="500"
+        [loading]="service.http.loading"
+      >
+      </st>
+</nz-card>
diff --git a/src/app/routes/partner/advice-feedback/components/list/list.component.ts b/src/app/routes/partner/advice-feedback/components/list/list.component.ts
new file mode 100644
index 00000000..80260b01
--- /dev/null
+++ b/src/app/routes/partner/advice-feedback/components/list/list.component.ts
@@ -0,0 +1,228 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { processSingleSort } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { AdviceFeedbackService } from '../../services/advice-feedback.service';
+
+@Component({
+  selector: 'app-parter-advice-feedback',
+  templateUrl: './list.component.html'
+})
+export class ParterAdviceFeedbackListComponent implements OnInit {
+  schema: SFSchema = {};
+  columns1!: STColumn[];
+  columns2!: STColumn[];
+  @ViewChild('st1', { static: false })
+  st1!: STComponent;
+  ui!: SFUISchema;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  _$expand = false;
+  selectedIndex =  0;
+
+  data=[{name1:1111}]
+  constructor(
+    public router: Router,
+    public ar: ActivatedRoute,
+    public service: AdviceFeedbackService,
+    private modalService: NzModalService
+  ) {}
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    return { ...this.sf?.value };
+  }
+    /**
+   * 查询字段个数
+   */
+     get queryFieldCount(): number {
+      return Object.keys(this.schema?.properties || {}).length;
+    }
+    /**
+     * 伸缩查询条件
+     */
+    expandToggle(): void {
+      this._$expand = !this._$expand;
+      this.sf?.setValue('/_$expand', this._$expand);
+    }
+
+  ngOnInit() {
+    this.initSF();
+    this.initST1();
+    this.initST2();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        name: {
+          type: 'string',
+          title: '提交人'
+        },
+        name1: {
+          type: 'string',
+          title: '企业管理员'
+        },
+        name2: {
+          type: 'string',
+          title: '角色'
+        },
+        name3: {
+          type: 'string',
+          title: '问题类型',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        name4: {
+          type: 'string',
+          title: '状态',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+      }
+    };
+    this.ui = {
+      '*': {
+        grid: { span: 8, gutter: 4 }
+      }
+    };
+  }
+
+  initST1() {
+    this.columns1 = [
+      {
+        title: '提交人',
+        index: 'name1'
+      },
+      {
+        title: '企业管理员',
+        index: 'name1'
+      },
+      {
+        title: '手机号',
+        index: 'name1'
+      },
+      {
+        title: '角色',
+        index: 'name1'
+      },
+      {
+        title: '问题类型',
+        index: 'name1'
+      },
+      {
+        title: '描述或建议',
+        index: 'name1'
+      },
+      {
+        title: '状态',
+        index: 'name1'
+      },
+      {
+        title: '提交时间',
+        index: 'name1'
+      },
+      {
+        title: '操作',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '详情',
+            click: (_record, _modal, _instance) => this.partnerView(_record),
+          },
+          {
+            text: '处理',
+            click: (_record, _modal, _instance) => this.partnerView(_record),
+          },
+        ]
+      }
+    ];
+  }
+
+  initST2() {
+    this.columns2 = [
+      {
+        title: '提交人',
+        index: 'name1'
+      },
+      {
+        title: '客户名称',
+        index: 'name1'
+      },
+      {
+        title: '认领备注',
+        index: 'name1'
+      },
+      {
+        title: 'CRM状态',
+        index: 'name1'
+      },
+      {
+        title: '平台审核状态',
+        index: 'name1'
+      },
+      {
+        title: '提交时间',
+        index: 'name1'
+      },
+      {
+        title: '操作',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '详情',
+            click: (_record, _modal, _instance) => this.channelView(_record),
+          },
+          {
+            text: '审核',
+            click: (_record, _modal, _instance) => this.channelView(_record),
+          },
+
+        ]
+      }
+    ];
+  }
+
+  partnerView(record: STData) {
+    this.router.navigate(['/partner/advice-feedback/detail'], { queryParams: {} });
+  }
+  
+  channelView(record: STData) {
+    this.router.navigate(['/partner/advice-feedback/detail'], { queryParams: {} });
+  }
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+  search() {
+    // this.st1?.load(1);
+  }
+
+  tabChange(index:any){
+    console.log(index)
+    switch (index) {
+      case 0:
+        this.initST1();
+        break;
+      case 1:
+        this.initST2();
+        break;
+      default:
+        break;
+    }
+  }
+
+}
diff --git a/src/app/routes/partner/advice-feedback/services/advice-feedback.service.ts b/src/app/routes/partner/advice-feedback/services/advice-feedback.service.ts
new file mode 100644
index 00000000..1e94e786
--- /dev/null
+++ b/src/app/routes/partner/advice-feedback/services/advice-feedback.service.ts
@@ -0,0 +1,12 @@
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class AdviceFeedbackService extends BaseService {
+
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/partner/article-management/components/edit/edit.component.html b/src/app/routes/partner/article-management/components/edit/edit.component.html
new file mode 100644
index 00000000..e8e4a5fc
--- /dev/null
+++ b/src/app/routes/partner/article-management/components/edit/edit.component.html
@@ -0,0 +1,17 @@
+<page-header-wrapper [title]="''"></page-header-wrapper>
+<nz-card>
+  <sf #sf [ui]="ui" [schema]="schema" [button]="'none'">
+  </sf>
+  
+  <div *nzModalFooter>
+    <button nz-button nzType="default" (click)="close()">取消</button>
+    <button nz-button nzType="primary" (click)="save()">确认</button>
+  </div>
+</nz-card>
+<nz-card>
+  <div class="align-center" style="display: flex; justify-content: center;">
+    <button nz-button nzType="default" (click)="close()">取消</button>
+    <button nz-button nzType="primary" (click)="save()" style="margin-left: 48px">确认</button>
+  </div>
+</nz-card>
+
diff --git a/src/app/routes/partner/article-management/components/edit/edit.component.ts b/src/app/routes/partner/article-management/components/edit/edit.component.ts
new file mode 100644
index 00000000..f65dea8f
--- /dev/null
+++ b/src/app/routes/partner/article-management/components/edit/edit.component.ts
@@ -0,0 +1,189 @@
+import { AfterViewInit, ChangeDetectorRef, Component, OnChanges, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { apiConf } from '@conf/api.conf';
+import { SFComponent, SFRadioWidgetSchema, SFSchema, SFSchemaEnumType, SFSelectWidgetSchema, SFTextareaWidgetSchema, SFUISchema, SFUploadWidgetSchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { Observable, Observer } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { AmapPoiPickerComponent } from 'src/app/shared/components/amap';
+import { ChannelSalesService } from '../../services/channel-sales.service';
+
+@Component({
+  selector: 'app-parter-article-management-edit',
+  templateUrl: './edit.component.html'
+})
+export class ParterArticleManagementEditComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  i: any;
+  type: any;
+
+  constructor(
+    public http: _HttpClient,
+    private cdr: ChangeDetectorRef,
+    private route: ActivatedRoute,
+    public service: ChannelSalesService,
+  ) {}
+
+  ngOnInit(): void {
+    this.initSF();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        id: {
+          type: 'string',
+          title: '',
+          ui: { hidden: true }
+        },
+        name1: {
+          type: 'string',
+          title: '文章标题',
+          maxLength: 50,
+          ui: {
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 6 },
+            placeholder:'请输入50字符'
+          } as SFTextareaWidgetSchema,
+        },
+        name2: {
+          type: 'string',
+          title: '文章简介',
+          maxLength: 50,
+          ui: {
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 6 },
+            placeholder:'请输入50字符'
+          } as SFTextareaWidgetSchema,
+        },
+        name3: {
+          type: 'string',
+          title: '封面图',
+          ui: {
+            action: apiConf.fileUpload,
+            accept: 'image/png,image/jpeg,image/jpg',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFilePath',
+            urlReName: 'data.fullFilePath',
+            widget: 'upload',
+            descriptionI18n: '支持JPG、PNG格式，文件小于2M（建议尺寸 280px  *  180 px）',
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt2M = file.size / 1024 / 1024 < 2;
+                if (!isLt2M) {
+                  this.service.msgSrv.warning('图片大小超过2M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt2M);
+                observer.complete();
+              });
+            }
+          } as SFUploadWidgetSchema
+        },
+        name: {
+          title: '分类',
+          type: 'string',
+          enum: [
+            { label: '管理员', value: '1'},
+          ],
+          ui: {
+            widget: 'select',
+          } as SFSelectWidgetSchema,
+        },
+        name4: {
+          type: 'number',
+          title: '排序',
+          minimum: 0,
+          maximum: 99,
+          ui: {
+            widgetWidth: 300 ,
+            placeholder:'请输入0~99，数字越大，排序越靠前'
+          }
+        },
+        name5: {
+          type: 'string',
+          title: '跳转路径',
+          enum: [
+            { label: '图文', value: '1'},
+            { label: '视频', value: '2'},
+          ],
+          ui: {
+            widget: 'radio',
+          } as SFRadioWidgetSchema,
+          default: '1',
+        },
+        content: {
+          type: 'string',
+          title: '正文',
+          ui: {
+            widget: 'tinymce',
+            loadingTip: 'loading...',
+            config: {
+              height: 450
+            },
+            visibleIf: { name5: (value: string) => value === '1' }
+          },
+        },
+        name6: {
+          type: 'string',
+          title: '视频',
+          ui: {
+            action: apiConf.fileUpload,
+            accept: 'video/mp4,video/avi,video/mkv,video/vob',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFilePath',
+            urlReName: 'data.fullFilePath',
+            widget: 'upload',
+            descriptionI18n: '支持MP4、AVI、DAT、MKV、FLV、VOB格式，文件小于20M。',
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt2M = file.size / 1024 / 1024 < 20;
+                if (!isLt2M) {
+                  this.service.msgSrv.warning('视频大小超过20M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt2M);
+                observer.complete();
+              });
+            },
+            visibleIf: { name5: (value: string) => value === '2' }
+          } as SFUploadWidgetSchema
+        },
+      },
+      required: ['name1', 'name2']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 150,
+        grid: { span: 20 }
+      },
+
+    };
+  }
+
+  close() {
+    
+  }
+  save() {
+    this.sf.validator({ emitError: true });
+    if(!this.sf.valid) return;
+    // this.service.request('', { ...this.sf.value }).subscribe(res => {
+    //   if (res) {
+    //     this.modalRef.destroy(true);
+    //   } else {
+    //     this.service.msgSrv.error(res.msg);
+    //   }
+    // });
+  }
+}
diff --git a/src/app/routes/partner/article-management/components/list/list.component.html b/src/app/routes/partner/article-management/components/list/list.component.html
new file mode 100644
index 00000000..721c85c0
--- /dev/null
+++ b/src/app/routes/partner/article-management/components/list/list.component.html
@@ -0,0 +1,49 @@
+<page-header-wrapper [title]="''"></page-header-wrapper>
+<!-- 搜索表单 -->
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [loading]="service.http.loading"
+        (formSubmit)="search()"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button nz-button nzType="primary" [disabled]="!sf.valid"  (click)="search()" >查询</button>
+        <button nz-button (click)="resetSF()" >重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card>
+  <button nz-button nzType="primary" style="margin-bottom: 24px" (click)="add()">新增文章</button>
+  <!-- 数据列表 -->
+  <st
+    #st
+    [data]="data"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loadingDelay]="500"
+    [loading]="service.http.loading"
+  >
+  </st>
+</nz-card>
diff --git a/src/app/routes/partner/article-management/components/list/list.component.ts b/src/app/routes/partner/article-management/components/list/list.component.ts
new file mode 100644
index 00000000..89835f98
--- /dev/null
+++ b/src/app/routes/partner/article-management/components/list/list.component.ts
@@ -0,0 +1,200 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { processSingleSort } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ChannelSalesService } from '../../services/channel-sales.service';
+import { ParterArticleManagementEditComponent } from '../edit/edit.component';
+
+@Component({
+  selector: 'app-parter-article-management-list',
+  templateUrl: './list.component.html'
+})
+export class ParterArticleManagementListComponent implements OnInit {
+  schema: SFSchema = {};
+  columns!: STColumn[];
+  ui!: SFUISchema;
+  @ViewChild('st', { static: false })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  spuStatus = '1';
+  _$expand = false;
+
+  data=[{name1:1111}]
+  constructor(
+    public router: Router,
+    public ar: ActivatedRoute,
+    public service: ChannelSalesService,
+    private modalService: NzModalService
+  ) {}
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    return { ...this.sf?.value };
+  }
+
+  /**
+   * 重置表单
+   */
+   resetSF() {
+    this.sf.reset();
+    this.st.load(1);
+  }
+
+  search() {
+    // this.st1?.load(1);
+  }
+
+   /**
+   * 查询字段个数
+   */
+    get queryFieldCount(): number {
+      return Object.keys(this.schema?.properties || {}).length;
+    }
+    /**
+     * 伸缩查询条件
+     */
+    expandToggle(): void {
+      this._$expand = !this._$expand;
+      this.sf?.setValue('/_$expand', this._$expand);
+    }
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        name: {
+          type: 'string',
+          title: '文章标题'
+        },
+        phone: {
+          type: 'string',
+          title: '分类'
+        },
+        phone1: {
+          type: 'string',
+          title: '状态'
+        },
+        phone2: {
+          type: 'string',
+          title: '推荐到首页',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+       
+      }
+    };
+    this.ui = {
+      '*': {
+        grid: { span: 8, gutter: 4 }
+      }
+    };
+  }
+
+  initST() {
+    this.columns = [
+      {
+        title: '销售渠道姓名',
+        index: 'name1'
+      },
+      {
+        title: '手机号',
+        index: 'name1'
+      },
+      {
+        title: '所属组织',
+        index: 'name1'
+      },
+      {
+        title: '职级',
+        index: 'name1'
+      },
+      {
+        title: '等级',
+        index: 'name1'
+      },
+      {
+        title: '省市',
+        index: 'name1'
+      },
+      {
+        title: '邀请码',
+        index: 'name1'
+      },
+      {
+        title: '操作',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '修改',
+            click: (_record, _modal, _instance) => this.edit(_record),
+          },
+          {
+            text: '禁用',
+            click: (_record, _modal, _instance) => this.stop(_record),
+          },
+          {
+            text: '启用',
+            click: (_record, _modal, _instance) => this.start(_record.id),
+          },
+          {
+            text: '推荐到首页',
+            click: (_record, _modal, _instance) => this.recommend(_record.id),
+          }
+        ]
+      }
+    ];
+  }
+  // 新增
+  add() {
+    this.router.navigate(['/partner/knowledge/article-management-add'], { queryParams: {} });
+  }
+
+  // 编辑
+  edit(record: STData) {
+    this.router.navigate(['/partner/knowledge/article-management-edit'], { queryParams: {} });
+  }
+
+ 
+  stop(record: STData) {
+    this.modalService.confirm({
+      nzTitle: '<i>禁用确认</i>',
+      nzContent: `<b>确定禁用此文章吗？</br>`,
+      // nzOnOk: () =>
+      //   this.service.request('', '').subscribe(res => {
+      //     if (res) {
+      //       this.service.msgSrv.success('冻结成功！');
+      //       this.st.reload();
+      //     }
+      //   })
+    });
+  }
+  start(record: STData) {
+    this.modalService.confirm({
+      nzTitle: '<i>启用确认</i>',
+      nzContent: `<b>确定启用此文章吗？</br>`,
+      // nzOnOk: () =>
+      //   this.service.request('', '').subscribe(res => {
+      //     if (res) {
+      //       this.service.msgSrv.success('冻结成功！');
+      //       this.st.reload();
+      //     }
+      //   })
+    });
+  }
+  recommend(record: STData) {
+   
+  }
+  
+}
diff --git a/src/app/routes/partner/article-management/services/channel-sales.service.ts b/src/app/routes/partner/article-management/services/channel-sales.service.ts
new file mode 100644
index 00000000..6e7cb18c
--- /dev/null
+++ b/src/app/routes/partner/article-management/services/channel-sales.service.ts
@@ -0,0 +1,12 @@
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ChannelSalesService extends BaseService {
+
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/partner/business-statistics/components/index/index.component.html b/src/app/routes/partner/business-statistics/components/index/index.component.html
new file mode 100644
index 00000000..5074b929
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/index/index.component.html
@@ -0,0 +1,11 @@
+<page-header-wrapper [title]="''" [tab]="tpTab">
+
+</page-header-wrapper>
+<ng-template #tpTab>
+  <nz-tabset [(nzSelectedIndex)]="selectedIndex">
+    <nz-tab [nzTitle]="item.name" *ngFor="let item of tabs">
+    </nz-tab>
+  </nz-tabset>
+</ng-template>
+<app-partner-partner-statistics *ngIf="selectedIndex === 0"></app-partner-partner-statistics>
+<app-partner-sale-statistics *ngIf="selectedIndex === 1"></app-partner-sale-statistics>
diff --git a/src/app/routes/partner/business-statistics/components/index/index.component.ts b/src/app/routes/partner/business-statistics/components/index/index.component.ts
new file mode 100644
index 00000000..a39d1fa2
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/index/index.component.ts
@@ -0,0 +1,37 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFSchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+
+@Component({
+  selector: 'app-partner-business-statistics-index',
+  templateUrl: './index.component.html',
+})
+export class PartnerBusinessStatisticsIndexComponent implements OnInit {
+  url = `/user`;
+  schema!: SFSchema;
+  @ViewChild('st') private readonly st!: STComponent;
+  columns: STColumn[] = [];
+  selectedIndex = 0;
+  tabs = [
+    {
+      name: '合伙人统计',
+      value: '0'
+    },
+    {
+      name: '渠道销售统计',
+      value: '1'
+    }
+  ]
+
+  constructor() { }
+
+
+  ngOnInit(): void { }
+
+
+
+  add(): void {
+  }
+
+}
diff --git a/src/app/routes/partner/business-statistics/components/partner-custom-detail/partner-custom-detail.component.html b/src/app/routes/partner/business-statistics/components/partner-custom-detail/partner-custom-detail.component.html
new file mode 100644
index 00000000..b6cc6783
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/partner-custom-detail/partner-custom-detail.component.html
@@ -0,0 +1,44 @@
+<page-header-wrapper [title]="'客户明细'" [logo]="logo">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+  <div class="user-info border-1" nz-row>
+    <div nz-col nzSpan="24" class="d-flex p-md">
+      <img class="user-logo" [src]="detailInfo?.logo" />
+      <div style="flex: 1;">
+        <div>
+          <h3>{{detailInfo?.company}}</h3>
+          <div class="mb-sm">
+            <span class="letf-box text-grey-dark">{{detailInfo?.code}}</span>
+            <span class="mr-xs">{{detailInfo?.proxy}}</span>
+          </div>
+          <div>
+            <span class="letf-box">添加时间：{{detailInfo?.createTime}}</span>
+            <span>所属城市：{{detailInfo?.belongCity}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="mt-md" nz-row>
+    <div nz-col [nzSpan]="12">
+      <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"> </sf>
+    </div>
+    <div nz-col [nzSpan]="8">
+      <button nz-button nzType="primary" [disabled]="!sf.valid" (click)="search()">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <button nz-button (click)="export()" nzType="primary" nzGhost>导出</button>
+    </div>
+  </div>
+</nz-card>
+<nz-card>
+
+  <st #st [data]="service.$api_get_partner_statistics_page" [columns]="columns" [scroll]="{x:'1500px'}"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500] }"></st>
+</nz-card>
diff --git a/src/app/routes/partner/business-statistics/components/partner-custom-detail/partner-custom-detail.component.less b/src/app/routes/partner/business-statistics/components/partner-custom-detail/partner-custom-detail.component.less
new file mode 100644
index 00000000..06c7da1f
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/partner-custom-detail/partner-custom-detail.component.less
@@ -0,0 +1,11 @@
+:host {
+  .user-logo {
+    width: 90px;
+  }
+
+  .letf-box {
+    display: inline-block;
+    width: 250px;
+  }
+
+}
diff --git a/src/app/routes/partner/business-statistics/components/partner-custom-detail/partner-custom-detail.component.spec.ts b/src/app/routes/partner/business-statistics/components/partner-custom-detail/partner-custom-detail.component.spec.ts
new file mode 100644
index 00000000..4fddfb5d
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/partner-custom-detail/partner-custom-detail.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { PartnerPartnerCustomDetailComponent } from './partner-custom-detail.component';
+
+describe('PartnerPartnerCustomDetailComponent', () => {
+  let component: PartnerPartnerCustomDetailComponent;
+  let fixture: ComponentFixture<PartnerPartnerCustomDetailComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ PartnerPartnerCustomDetailComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PartnerPartnerCustomDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/partner/business-statistics/components/partner-custom-detail/partner-custom-detail.component.ts b/src/app/routes/partner/business-statistics/components/partner-custom-detail/partner-custom-detail.component.ts
new file mode 100644
index 00000000..f273d209
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/partner-custom-detail/partner-custom-detail.component.ts
@@ -0,0 +1,163 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { BussinessStatisticsService } from '../../services/bussiness-statistics.service';
+
+@Component({
+  selector: 'app-partner-partner-custom-detail',
+  templateUrl: './partner-custom-detail.component.html',
+  styleUrls: ['./partner-custom-detail.component.less']
+})
+export class PartnerPartnerCustomDetailComponent implements OnInit {
+  schema: SFSchema = {};
+  ui!: SFUISchema;
+  detailInfo: any = {
+    logo: './assets/images/user/logo.svg',
+    company: '张三',
+    code: '91440300357887492H',
+    proxy: '企业合伙人',
+    belongCity: '深圳、上海、北京',
+    createTime: '2021-09-23 14:43:31'
+  }
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf') private readonly sf!: SFComponent;
+  columns: STColumn[] = [
+    { title: '编号', index: 'no' },
+    { title: '调用次数', type: 'number', index: 'callNo' },
+    { title: '头像', type: 'img', width: '50px', index: 'avatar' },
+    { title: '时间', type: 'date', index: 'updatedAt' },
+    {
+      title: '',
+      buttons: [
+        // { text: '查看', click: (item: any) => `/form/${item.id}` },
+        // { text: '编辑', type: 'static', component: FormEditComponent, click: 'reload' },
+      ]
+    }
+  ];
+  _$expand = false;
+
+  constructor(public service: BussinessStatisticsService, public router: Router) {
+
+  }
+
+  get reqParams() {
+    return { ...this.sf?.value };
+  }
+
+  ngOnInit(): void {
+    this.initST();
+    this.initSF();
+  }
+
+  resetSF() {
+    this._$expand = false;
+    this.sf.reset();
+    setTimeout(() => {
+      this.st.reset();
+    })
+  }
+  /**
+* 伸缩查询条件
+*/
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+
+  add(): void {
+    // this.modal
+    //   .createStatic(FormEditComponent, { i: { id: 0 } })
+    //   .subscribe(() => this.st.reload());
+  }
+  search() {
+    this.st.load(1);
+  }
+  export() {
+
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        abnormalCause: {
+          title: '客户名称',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        abnormalCause1: {
+          title: '客户状态',
+          type: 'string',
+          default: '',
+          enum: [
+            {
+              label: '全部',
+              value: ''
+            },
+            {
+              label: '个人',
+              value: '1'
+            },
+            {
+              label: '企业',
+              value: '2'
+            }
+          ],
+          ui: {
+            widget: 'select'
+          },
+        },
+      }
+    }
+    this.ui = {
+      '*': { spanLabelFixed: 100, grid: { span: 11, gutter: 4 } },
+    };
+  }
+  /**
+ * 初始化数据列表
+ */
+  initST() {
+    this.columns = [
+      { title: '客户名称', index: 'carNo', className: 'text-center', width: 150 },
+      { title: '客户状态', render: 'carModelLabel', className: 'text-center', width: 120 },
+      { title: '结算时间段', index: 'carNo', className: 'text-center', width: 200 },
+      { title: '本月交易数', render: 'approvalStatus0', className: 'text-center', sort: true, width: 150 },
+      { title: '客户总数', render: 'approvalStatus', className: 'text-center', sort: true, width: 150 },
+      { title: '累计交易数', render: 'approvalStatus1', className: 'text-center', sort: true, width: 120 },
+      { title: '本月已结算订单', render: 'approvalStatus2', className: 'text-center', sort: true, width: 180 },
+      { title: '累计已结算订单', render: 'approvalStatus3', className: 'text-center', sort: true, width: 180 },
+      { title: '本月交易金额（元）', index: 'approvalStatus5', className: 'text-right', sort: true, type: 'currency', width: 180 },
+      { title: '累计交易金额（元）', index: 'approvalStatus6', className: 'text-right', sort: true, type: 'currency', width: 180 },
+      { title: '本月已结算金额（元）', index: 'approvalStatus7', className: 'text-right', sort: true, type: 'currency', width: 200 },
+      { title: '累计已结算金额（元）', index: 'approvalStatus8', className: 'text-right', sort: true, type: 'currency', width: 200 },
+      { title: '本月已开票金额（元）', index: 'approvalStatus9', className: 'text-right', sort: true, type: 'currency', width: 200 },
+      { title: '累计已开票金额（元）', index: 'approvalStatus10', className: 'text-right', sort: true, type: 'currency', width: 200 },
+      { title: '本月申请开票金额（元）', index: 'approvalStatus11', className: 'text-right', sort: true, type: 'currency', width: 200 },
+      {
+        title: '操作',
+        width: 150,
+        buttons: [
+          {
+            text: '查看订单明细',
+            click: (_record) => this.viewOrderDetail(_record)
+          }
+        ]
+      },
+    ];
+  }
+
+  /**
+   * 查看订单明细
+   * @param record 当前对象
+   */
+  viewOrderDetail(record: any) {
+    this.router.navigate([`/partner/business-statistics/partner/custom-order-detail/${record?.id}`])
+  }
+  goBack() {
+    window.history.go(-1);
+  }
+
+}
diff --git a/src/app/routes/partner/business-statistics/components/partner-custom-order-detail/partner-custom-order-detail.component.html b/src/app/routes/partner/business-statistics/components/partner-custom-order-detail/partner-custom-order-detail.component.html
new file mode 100644
index 00000000..227ab356
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/partner-custom-order-detail/partner-custom-order-detail.component.html
@@ -0,0 +1,44 @@
+<page-header-wrapper [title]="'客户明细'" [logo]="logo">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+  <div class="user-info border-1" nz-row>
+    <div nz-col nzSpan="24" class="d-flex p-md">
+      <img class="user-logo" [src]="detailInfo?.logo" />
+      <div style="flex: 1;">
+        <div>
+          <h3>{{detailInfo?.company}}</h3>
+          <div class="mb-sm">
+            <span class="letf-box text-grey-dark">{{detailInfo?.code}}</span>
+            <span class="mr-xs">{{detailInfo?.proxy}}</span>
+          </div>
+          <div>
+            <span class="letf-box">添加时间：{{detailInfo?.createTime}}</span>
+            <span c>所属城市：{{detailInfo?.belongCity}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="mt-md" nz-row>
+    <div nz-col [nzSpan]="18">
+      <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"> </sf>
+    </div>
+    <div nz-col [nzSpan]="6">
+      <button nz-button nzType="primary" [disabled]="!sf.valid" (click)="search()">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <button nz-button (click)="export()" nzType="primary" nzGhost>导出</button>
+    </div>
+  </div>
+</nz-card>
+<nz-card>
+
+  <st #st [data]="service.$api_get_partner_statistics_page" [columns]="columns" [scroll]="{x:'1500px'}"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500] }"></st>
+</nz-card>
diff --git a/src/app/routes/partner/business-statistics/components/partner-custom-order-detail/partner-custom-order-detail.component.less b/src/app/routes/partner/business-statistics/components/partner-custom-order-detail/partner-custom-order-detail.component.less
new file mode 100644
index 00000000..06c7da1f
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/partner-custom-order-detail/partner-custom-order-detail.component.less
@@ -0,0 +1,11 @@
+:host {
+  .user-logo {
+    width: 90px;
+  }
+
+  .letf-box {
+    display: inline-block;
+    width: 250px;
+  }
+
+}
diff --git a/src/app/routes/partner/business-statistics/components/partner-custom-order-detail/partner-custom-order-detail.component.spec.ts b/src/app/routes/partner/business-statistics/components/partner-custom-order-detail/partner-custom-order-detail.component.spec.ts
new file mode 100644
index 00000000..dc51f832
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/partner-custom-order-detail/partner-custom-order-detail.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { PartnerPartnerCustomOrderDetailComponent } from './partner-custom-order-detail.component';
+
+describe('PartnerPartnerCustomOrderDetailComponent', () => {
+  let component: PartnerPartnerCustomOrderDetailComponent;
+  let fixture: ComponentFixture<PartnerPartnerCustomOrderDetailComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ PartnerPartnerCustomOrderDetailComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PartnerPartnerCustomOrderDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/partner/business-statistics/components/partner-custom-order-detail/partner-custom-order-detail.component.ts b/src/app/routes/partner/business-statistics/components/partner-custom-order-detail/partner-custom-order-detail.component.ts
new file mode 100644
index 00000000..71a30096
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/partner-custom-order-detail/partner-custom-order-detail.component.ts
@@ -0,0 +1,162 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { BussinessStatisticsService } from '../../services/bussiness-statistics.service';
+
+@Component({
+  selector: 'app-partner-partner-custom-order-detail',
+  templateUrl: './partner-custom-order-detail.component.html',
+  styleUrls: ['./partner-custom-order-detail.component.less']
+})
+export class PartnerPartnerCustomOrderDetailComponent implements OnInit {
+  schema: SFSchema = {};
+  ui!: SFUISchema;
+  detailInfo: any = {
+    logo: './assets/images/user/logo.svg',
+    company: '张三',
+    code: '91440300357887492H',
+    proxy: '企业合伙人',
+    belongCity: '深圳、上海、北京',
+    createTime: '2021-09-23 14:43:31'
+  }
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf') private readonly sf!: SFComponent;
+  columns: STColumn[] = [];
+  _$expand = false;
+
+  constructor(public service: BussinessStatisticsService) {
+
+  }
+
+  get reqParams() {
+    return { ...this.sf?.value };
+  }
+
+  ngOnInit(): void {
+    this.initST();
+    this.initSF();
+  }
+
+  resetSF() {
+    this._$expand = false;
+    this.sf.reset();
+    setTimeout(() => {
+      this.st.reset();
+    })
+  }
+  /**
+* 伸缩查询条件
+*/
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+
+  add(): void {
+    // this.modal
+    //   .createStatic(FormEditComponent, { i: { id: 0 } })
+    //   .subscribe(() => this.st.reload());
+  }
+  search() {
+    this.st.load(1);
+  }
+  export() {
+
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        abnormalCause: {
+          title: '订单号',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        abnormalCause1: {
+          title: '订单状态',
+          type: 'string',
+          default: '',
+          enum: [
+            {
+              label: '全部',
+              value: ''
+            },
+            {
+              label: '个人',
+              value: '1'
+            },
+            {
+              label: '企业',
+              value: '2'
+            }
+          ],
+          ui: {
+            widget: 'select'
+          },
+        },
+        abnormalCause2: {
+          title: '开票状态',
+          type: 'string',
+          default: '',
+          enum: [
+            {
+              label: '全部',
+              value: ''
+            },
+            {
+              label: '个人',
+              value: '1'
+            },
+            {
+              label: '企业',
+              value: '2'
+            }
+          ],
+          ui: {
+            widget: 'select'
+          },
+        },
+      }
+    }
+    this.ui = {
+      '*': { spanLabelFixed: 100, grid: { span: 7, gutter: 4 } },
+    };
+  }
+  /**
+ * 初始化数据列表
+ */
+  initST() {
+    this.columns = [
+      { title: '订单号', index: 'carNo', className: 'text-center', width: 150 },
+      { title: '订单状态', render: 'carModelLabel', className: 'text-center', width: 120 },
+      { title: '订单金额（元）', index: 'carNo', className: 'text-center', width: 200 },
+      { title: '实际付款金额（元）', render: 'approvalStatus0', className: 'text-center', sort: true, width: 150 },
+      { title: '客户附加费率', render: 'approvalStatus', className: 'text-center', sort: true, width: 150 },
+      { title: '预估收益（元）', render: 'approvalStatus1', className: 'text-center', sort: true, width: 120 },
+      { title: '开票状态', render: 'approvalStatus2', className: 'text-center', sort: true, width: 180 },
+      { title: '开票金额（元）', render: 'approvalStatus3', className: 'text-center', sort: true, width: 180 },
+      { title: '下单时间', index: 'approvalStatus5', className: 'text-right', sort: true, type: 'currency', width: 180 },
+      {
+        title: '操作',
+        width: 150,
+        buttons: [
+          {
+            text: '查看订单详情',
+            click: (_record) => this.viewOrderDetail(_record)
+          }
+        ]
+      },
+    ];
+  }
+
+  viewOrderDetail(record: any) {
+
+  }
+  goBack() {
+    window.history.go(-1);
+  }
+
+}
diff --git a/src/app/routes/partner/business-statistics/components/partner-order-detail/partner-order-detail.component.html b/src/app/routes/partner/business-statistics/components/partner-order-detail/partner-order-detail.component.html
new file mode 100644
index 00000000..fa14c129
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/partner-order-detail/partner-order-detail.component.html
@@ -0,0 +1,49 @@
+<page-header-wrapper [title]="'客户明细'" [logo]="logo">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+  <div class="user-info border-1" nz-row>
+    <div nz-col nzSpan="24" class="d-flex p-md">
+      <img class="user-logo" [src]="detailInfo?.logo" />
+      <div style="flex: 1;">
+        <div>
+          <h3>{{detailInfo?.company}}</h3>
+          <div class="mb-sm">
+            <span class="letf-box text-grey-dark">{{detailInfo?.code}}</span>
+            <span class="mr-xs">{{detailInfo?.proxy}}</span>
+          </div>
+          <div>
+            <span class="letf-box">添加时间：{{detailInfo?.createTime}}</span>
+            <span c>所属城市：{{detailInfo?.belongCity}}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="mt-md" nzGutter="8" nz-row>
+    <div nz-col [nzSpan]="_$expand ? 24 : 18">
+      <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+      <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading"
+        (click)="st?.load(1)">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <button nz-button (click)="export()" nzType="primary" nzGhost>导出</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+<nz-card>
+
+  <st #st [data]="service.$api_get_partner_statistics_page" [columns]="columns" [scroll]="{x:'1500px'}"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500] }"></st>
+</nz-card>
diff --git a/src/app/routes/partner/business-statistics/components/partner-order-detail/partner-order-detail.component.less b/src/app/routes/partner/business-statistics/components/partner-order-detail/partner-order-detail.component.less
new file mode 100644
index 00000000..06c7da1f
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/partner-order-detail/partner-order-detail.component.less
@@ -0,0 +1,11 @@
+:host {
+  .user-logo {
+    width: 90px;
+  }
+
+  .letf-box {
+    display: inline-block;
+    width: 250px;
+  }
+
+}
diff --git a/src/app/routes/partner/business-statistics/components/partner-order-detail/partner-order-detail.component.spec.ts b/src/app/routes/partner/business-statistics/components/partner-order-detail/partner-order-detail.component.spec.ts
new file mode 100644
index 00000000..a77b84eb
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/partner-order-detail/partner-order-detail.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { PartnerPartnerOrderDetailComponent } from './partner-order-detail.component';
+
+describe('PartnerPartnerOrderDetailComponent', () => {
+  let component: PartnerPartnerOrderDetailComponent;
+  let fixture: ComponentFixture<PartnerPartnerOrderDetailComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ PartnerPartnerOrderDetailComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PartnerPartnerOrderDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/partner/business-statistics/components/partner-order-detail/partner-order-detail.component.ts b/src/app/routes/partner/business-statistics/components/partner-order-detail/partner-order-detail.component.ts
new file mode 100644
index 00000000..50c33e77
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/partner-order-detail/partner-order-detail.component.ts
@@ -0,0 +1,173 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { BussinessStatisticsService } from '../../services/bussiness-statistics.service';
+
+@Component({
+  selector: 'app-partner-partner-order-detail',
+  templateUrl: './partner-order-detail.component.html',
+  styleUrls: ['./partner-order-detail.component.less']
+})
+export class PartnerPartnerOrderDetailComponent implements OnInit {
+  schema: SFSchema = {};
+  ui!: SFUISchema;
+  detailInfo: any = {
+    logo: './assets/images/user/logo.svg',
+    company: '张三',
+    code: '91440300357887492H',
+    proxy: '企业合伙人',
+    belongCity: '深圳、上海、北京',
+    createTime: '2021-09-23 14:43:31'
+  }
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf') private readonly sf!: SFComponent;
+  columns: STColumn[] = [];
+  _$expand = false;
+  isLoading: boolean = false;
+
+  constructor(public service: BussinessStatisticsService) {
+
+  }
+
+  get reqParams() {
+    return { ...this.sf?.value };
+  }
+
+  ngOnInit(): void {
+    this.initST();
+    this.initSF();
+  }
+
+  resetSF() {
+    this._$expand = false;
+    this.sf.reset();
+    this.isLoading = true
+  }
+  /**
+* 伸缩查询条件
+*/
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+
+  add(): void {
+    // this.modal
+    //   .createStatic(FormEditComponent, { i: { id: 0 } })
+    //   .subscribe(() => this.st.reload());
+  }
+  search() {
+    this.st.load(1);
+  }
+  export() {
+
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        abnormalCause: {
+          title: '订单号',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        abnormalCause1: {
+          title: '订单状态',
+          type: 'string',
+          default: '',
+          enum: [
+            {
+              label: '全部',
+              value: ''
+            },
+            {
+              label: '个人',
+              value: '1'
+            },
+            {
+              label: '企业',
+              value: '2'
+            }
+          ],
+          ui: {
+            widget: 'select'
+          },
+        },
+        abnormalCause2: {
+          title: '开票状态',
+          type: 'string',
+          default: '',
+          enum: [
+            {
+              label: '全部',
+              value: ''
+            },
+            {
+              label: '个人',
+              value: '1'
+            },
+            {
+              label: '企业',
+              value: '2'
+            }
+          ],
+          ui: {
+            widget: 'select'
+          },
+        },
+        abnormalCause3: {
+          title: '客户名称',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          },
+        },
+      }
+    }
+    this.ui = {
+      '*': { spanLabelFixed: 100, grid: { span: 8, gutter: 4 } },
+    };
+  }
+  /**
+ * 初始化数据列表
+ */
+  initST() {
+    this.columns = [
+      { title: '订单号', index: 'carNo', className: 'text-center', width: 150 },
+      { title: '订单状态', render: 'carModelLabel', className: 'text-center', width: 120 },
+      { title: '订单金额（元）', index: 'carNo', className: 'text-center', width: 200 },
+      { title: '实际付款金额（元）', render: 'approvalStatus0', className: 'text-center', sort: true, width: 150 },
+      { title: '客户附加费率', render: 'approvalStatus', className: 'text-center', sort: true, width: 150 },
+      { title: '预估收益（元）', render: 'approvalStatus1', className: 'text-center', sort: true, width: 120 },
+      { title: '开票状态', render: 'approvalStatus2', className: 'text-center', sort: true, width: 180 },
+      { title: '开票金额（元）', render: 'approvalStatus3', className: 'text-center', sort: true, width: 180 },
+      { title: '下单时间', index: 'approvalStatus5', className: 'text-right', sort: true, type: 'currency', width: 180 },
+      {
+        title: '操作',
+        width: 150,
+        buttons: [
+          {
+            text: '查看订单详情',
+            click: (_record) => this.viewOrderDetail(_record)
+          }
+        ]
+      },
+    ];
+  }
+
+  viewOrderDetail(record: any) {
+
+  }
+  goBack() {
+    window.history.go(-1);
+  }
+
+
+}
diff --git a/src/app/routes/partner/business-statistics/components/partner-statistics/partner-statistics.component.html b/src/app/routes/partner/business-statistics/components/partner-statistics/partner-statistics.component.html
new file mode 100644
index 00000000..e832275b
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/partner-statistics/partner-statistics.component.html
@@ -0,0 +1,35 @@
+<nz-card>
+  <sf mode="search" [schema]="schema" [ui]="ui" [button]="'none'" (formSubmit)="st.load(1)" (formReset)="resetSF()" #sf>
+    <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading"
+      (click)="st?.load(1)">查询</button>
+    <button nz-button (click)="resetSF()">重置</button>
+    <button nz-button (click)="export()" nzType="primary" nzGhost>导出</button>
+  </sf>
+
+</nz-card>
+<nz-card>
+  <st #st [data]="service.$api_get_partner_statistics_page" [columns]="columns" [scroll]="{ x: '1200px' }"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="service.http.loading">
+    <ng-template st-row="approvalStatus" let-item>
+      <a [routerLink]="'/partner/business-statistics/partner/custom-detail/'+item?.id">{{item.yskmoney}}</a>
+    </ng-template>
+    <ng-template st-row="approvalStatus1" let-item>
+      <div class="text-right">{{item.approvalStatus1 | currency:' '}}</div>
+    </ng-template>
+    <ng-template st-row="approvalStatus2" let-item>
+      <a class="text-right text-blue-dark"
+        [routerLink]="'/partner/business-statistics/partner/order-detail/'+item?.id">{{item.yskmoney | currency:'
+        '}}</a>
+    </ng-template>
+
+    <ng-template st-row="approvalStatus3" let-item>
+      <div class="text-right">{{item.yskmoney | currency:' '}}</div>
+    </ng-template>
+    <ng-template st-row="approvalStatus4" let-item>
+      <div class="text-right">{{item.armoney | currency:' '}}</div>
+    </ng-template>
+  </st>
+</nz-card>
diff --git a/src/app/routes/partner/business-statistics/components/partner-statistics/partner-statistics.component.spec.ts b/src/app/routes/partner/business-statistics/components/partner-statistics/partner-statistics.component.spec.ts
new file mode 100644
index 00000000..5396aaf2
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/partner-statistics/partner-statistics.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { PartnerPartnerStatisticsComponent } from './partner-statistics.component';
+
+describe('PartnerPartnerStatisticsComponent', () => {
+  let component: PartnerPartnerStatisticsComponent;
+  let fixture: ComponentFixture<PartnerPartnerStatisticsComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ PartnerPartnerStatisticsComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PartnerPartnerStatisticsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/partner/business-statistics/components/partner-statistics/partner-statistics.component.ts b/src/app/routes/partner/business-statistics/components/partner-statistics/partner-statistics.component.ts
new file mode 100644
index 00000000..43cc7831
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/partner-statistics/partner-statistics.component.ts
@@ -0,0 +1,98 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { BussinessStatisticsService } from '../../services/bussiness-statistics.service';
+
+@Component({
+  selector: 'app-partner-partner-statistics',
+  templateUrl: './partner-statistics.component.html',
+})
+export class PartnerPartnerStatisticsComponent implements OnInit {
+  url = `/user`;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf') private readonly sf!: SFComponent;
+  columns: STColumn[] = [];
+  isLoading: boolean = false;
+
+  constructor(public service: BussinessStatisticsService) { }
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params = { ...this.sf?.value };
+    return params
+  }
+
+  ngOnInit(): void {
+    this.initSF();
+    this.initST();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        abnormalCause: {
+          title: '合伙人名称',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        abnormalCause1: {
+          title: '类型',
+          type: 'string',
+          default: '',
+          enum: [
+            {
+              label: '全部',
+              value: ''
+            },
+            {
+              label: '个人',
+              value: '1'
+            },
+            {
+              label: '企业',
+              value: '2'
+            }
+          ],
+          ui: {
+            widget: 'select'
+          },
+        },
+      }
+    }
+    this.ui = { '*': { spanLabelFixed: 120, grid: { span: 8, gutter: 4 } } };
+  }
+  /**
+ * 初始化数据列表
+ */
+  initST() {
+    this.columns = [
+      { title: '合伙人名称', index: 'carNo', className: 'text-center', width: 150 },
+      { title: '类型', render: 'carModelLabel', className: 'text-center', width: 150 },
+      { title: '注册时间', index: 'carNo', className: 'text-center', width: 150 },
+      { title: '本月新增客户', render: 'approvalStatus0', className: 'text-center', sort: true, width: 150 },
+      { title: '客户总数', render: 'approvalStatus', className: 'text-center', sort: true, width: 150 },
+      { title: '本月已结算金额（元）', render: 'approvalStatus1', className: 'text-right', sort: true, width: 180 },
+      { title: '累计已结算金额（元）', render: 'approvalStatus2', className: 'text-right', sort: true, width: 180 },
+      { title: '本月预估收益（元）', render: 'approvalStatus3', className: 'text-right', sort: true, width: 180 },
+      { title: '累计收益（元）', render: 'approvalStatus4', className: 'text-right', sort: true, width: 180 },
+    ];
+  }
+
+  resetSF() {
+    this.sf.reset();
+    this.isLoading = true
+  }
+
+  export() {
+
+  }
+
+
+
+}
diff --git a/src/app/routes/partner/business-statistics/components/sale-custom-detail/sale-custom-detail.component.html b/src/app/routes/partner/business-statistics/components/sale-custom-detail/sale-custom-detail.component.html
new file mode 100644
index 00000000..b376f70a
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/sale-custom-detail/sale-custom-detail.component.html
@@ -0,0 +1,27 @@
+<page-header-wrapper [title]="''" [content]="content">
+  <ng-template #content>
+    <div class="user-info border-1" nz-row>
+      <div nz-col nzSpan="24" class="d-flex p-md">
+        <img class="user-logo" [src]="detailInfo?.logo" />
+        <div style="flex: 1;">
+          <div>
+            <h3>{{detailInfo?.name}}</h3>
+            <div>
+              <span class="mr-md">{{detailInfo?.phone}}</span>
+              <span class="mr-xs">{{detailInfo?.proxy}}</span>
+              <span>{{detailInfo?.level}}</span>
+            </div>
+            <p>添加时间：{{detailInfo?.createTime}}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+
+</nz-card>
+<nz-card>
+  <sf mode="search" [schema]="searchSchema" (formSubmit)="st.reset($event)" (formReset)="st.reset($event)"></sf>
+  <st #st [data]="url" [columns]="columns"></st>
+</nz-card>
diff --git a/src/app/routes/partner/business-statistics/components/sale-custom-detail/sale-custom-detail.component.spec.ts b/src/app/routes/partner/business-statistics/components/sale-custom-detail/sale-custom-detail.component.spec.ts
new file mode 100644
index 00000000..d88e4632
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/sale-custom-detail/sale-custom-detail.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { PartnerSaleCustomDetailComponent } from './sale-custom-detail.component';
+
+describe('PartnerSaleCustomDetailComponent', () => {
+  let component: PartnerSaleCustomDetailComponent;
+  let fixture: ComponentFixture<PartnerSaleCustomDetailComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ PartnerSaleCustomDetailComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PartnerSaleCustomDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/partner/business-statistics/components/sale-custom-detail/sale-custom-detail.component.ts b/src/app/routes/partner/business-statistics/components/sale-custom-detail/sale-custom-detail.component.ts
new file mode 100644
index 00000000..c3a63716
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/sale-custom-detail/sale-custom-detail.component.ts
@@ -0,0 +1,53 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFSchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+
+@Component({
+  selector: 'app-partner-sale-custom-detail',
+  templateUrl: './sale-custom-detail.component.html',
+})
+export class PartnerSaleCustomDetailComponent implements OnInit {
+  url = `/user`;
+  searchSchema: SFSchema = {
+    properties: {
+      no: {
+        type: 'string',
+        title: '编号'
+      }
+    }
+  };
+  detailInfo: any = {
+    logo: './assets/images/user/logo.svg',
+    name: '张三',
+    phone: '1399999999',
+    proxy: '城市代理',
+    level: '二级',
+    createTime: '添加时间'
+  }
+  @ViewChild('st') private readonly st!: STComponent;
+  columns: STColumn[] = [
+    { title: '编号', index: 'no' },
+    { title: '调用次数', type: 'number', index: 'callNo' },
+    { title: '头像', type: 'img', width: '50px', index: 'avatar' },
+    { title: '时间', type: 'date', index: 'updatedAt' },
+    {
+      title: '',
+      buttons: [
+        // { text: '查看', click: (item: any) => `/form/${item.id}` },
+        // { text: '编辑', type: 'static', component: FormEditComponent, click: 'reload' },
+      ]
+    }
+  ];
+
+  constructor(private http: _HttpClient, private modal: ModalHelper) { }
+
+  ngOnInit(): void { }
+
+  add(): void {
+    // this.modal
+    //   .createStatic(FormEditComponent, { i: { id: 0 } })
+    //   .subscribe(() => this.st.reload());
+  }
+
+}
diff --git a/src/app/routes/partner/business-statistics/components/sale-partner-detail/sale-partner-detail.component.html b/src/app/routes/partner/business-statistics/components/sale-partner-detail/sale-partner-detail.component.html
new file mode 100644
index 00000000..482ccb06
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/sale-partner-detail/sale-partner-detail.component.html
@@ -0,0 +1,9 @@
+<page-header [action]="phActionTpl">
+  <ng-template #phActionTpl>
+    <button (click)="add()" nz-button nzType="primary">新建</button>
+  </ng-template>
+</page-header>
+<nz-card>
+  <sf mode="search" [schema]="searchSchema" (formSubmit)="st.reset($event)" (formReset)="st.reset($event)"></sf>
+  <st #st [data]="url" [columns]="columns"></st>
+</nz-card>
diff --git a/src/app/routes/partner/business-statistics/components/sale-partner-detail/sale-partner-detail.component.spec.ts b/src/app/routes/partner/business-statistics/components/sale-partner-detail/sale-partner-detail.component.spec.ts
new file mode 100644
index 00000000..673661d9
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/sale-partner-detail/sale-partner-detail.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { PartnerSalePartnerDetailComponent } from './sale-partner-detail.component';
+
+describe('PartnerSalePartnerDetailComponent', () => {
+  let component: PartnerSalePartnerDetailComponent;
+  let fixture: ComponentFixture<PartnerSalePartnerDetailComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ PartnerSalePartnerDetailComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PartnerSalePartnerDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/partner/business-statistics/components/sale-partner-detail/sale-partner-detail.component.ts b/src/app/routes/partner/business-statistics/components/sale-partner-detail/sale-partner-detail.component.ts
new file mode 100644
index 00000000..229daf8d
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/sale-partner-detail/sale-partner-detail.component.ts
@@ -0,0 +1,45 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFSchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+
+@Component({
+  selector: 'app-partner-sale-partner-detail',
+  templateUrl: './sale-partner-detail.component.html',
+})
+export class PartnerSalePartnerDetailComponent implements OnInit {
+  url = `/user`;
+  searchSchema: SFSchema = {
+    properties: {
+      no: {
+        type: 'string',
+        title: '编号'
+      }
+    }
+  };
+  @ViewChild('st') private readonly st!: STComponent;
+  columns: STColumn[] = [
+    { title: '编号', index: 'no' },
+    { title: '调用次数', type: 'number', index: 'callNo' },
+    { title: '头像', type: 'img', width: '50px', index: 'avatar' },
+    { title: '时间', type: 'date', index: 'updatedAt' },
+    {
+      title: '',
+      buttons: [
+        // { text: '查看', click: (item: any) => `/form/${item.id}` },
+        // { text: '编辑', type: 'static', component: FormEditComponent, click: 'reload' },
+      ]
+    }
+  ];
+
+  constructor(private http: _HttpClient, private modal: ModalHelper) { }
+
+  ngOnInit(): void { }
+
+  add(): void {
+    // this.modal
+    //   .createStatic(FormEditComponent, { i: { id: 0 } })
+    //   .subscribe(() => this.st.reload());
+  }
+
+}
diff --git a/src/app/routes/partner/business-statistics/components/sale-statistics/sale-statistics.component.html b/src/app/routes/partner/business-statistics/components/sale-statistics/sale-statistics.component.html
new file mode 100644
index 00000000..3a68680d
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/sale-statistics/sale-statistics.component.html
@@ -0,0 +1,30 @@
+<nz-card>
+  <sf mode="search" [schema]="schema" [button]="'none'" #sf>
+    <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading"
+      (click)="st?.load(1)">查询</button>
+    <button nz-button (click)="resetSF()">重置</button>
+    <button nz-button (click)="export()" nzType="primary" nzGhost>导出</button>
+  </sf>
+
+</nz-card>
+<nz-card>
+  <st #st [data]="service.$api_get_partner_statistics_page" [columns]="columns" [scroll]="{ x: '1200px' }"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="service.http.loading">
+    <ng-template st-row="approvalStatus" let-item>
+      <a [routerLink]="'/'">{{item.yskmoney | currency:' ':false:'1.0-2'}}</a>
+    </ng-template>
+    <ng-template st-row="approvalStatus1" let-item>
+      <div>{{item.approvalStatus1 | currency:' '}}</div>
+    </ng-template>
+    <ng-template st-row="approvalStatus2" let-item>
+      <div class="text-right">{{item.approvalStatus1 | currency:' '}}</div>
+    </ng-template>
+
+    <ng-template st-row="approvalStatus3" let-item>
+      <div class="text-right">{{item.yskmoney | currency:' '}}</div>
+    </ng-template>
+  </st>
+</nz-card>
diff --git a/src/app/routes/partner/business-statistics/components/sale-statistics/sale-statistics.component.spec.ts b/src/app/routes/partner/business-statistics/components/sale-statistics/sale-statistics.component.spec.ts
new file mode 100644
index 00000000..bfa13cd2
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/sale-statistics/sale-statistics.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { PartnerSaleStatisticsComponent } from './sale-statistics.component';
+
+describe('PartnerSaleStatisticsComponent', () => {
+  let component: PartnerSaleStatisticsComponent;
+  let fixture: ComponentFixture<PartnerSaleStatisticsComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ PartnerSaleStatisticsComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PartnerSaleStatisticsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/partner/business-statistics/components/sale-statistics/sale-statistics.component.ts b/src/app/routes/partner/business-statistics/components/sale-statistics/sale-statistics.component.ts
new file mode 100644
index 00000000..5e3524ef
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/components/sale-statistics/sale-statistics.component.ts
@@ -0,0 +1,78 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { BussinessStatisticsService } from '../../services/bussiness-statistics.service';
+
+@Component({
+  selector: 'app-partner-sale-statistics',
+  templateUrl: './sale-statistics.component.html',
+})
+export class PartnerSaleStatisticsComponent implements OnInit {
+  url = `/user`;
+  schema!: SFSchema;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf') private readonly sf!: SFComponent;
+  columns: STColumn[] = [];
+  ui!: SFUISchema;
+  isLoading: boolean = false;
+
+  constructor(public service: BussinessStatisticsService) { }
+
+  /**
+  * 查询参数
+  */
+  get reqParams() {
+    const params = { ...this.sf?.value };
+    return params
+  }
+  ngOnInit(): void {
+    this.initSF();
+    this.initST();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        abnormalCause: {
+          title: '渠道销售姓名',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        abnormalCause1: {
+          title: '手机号',
+          type: 'string',
+          ui: {
+            placeholder: '请输入'
+          },
+        },
+      }
+    };
+    this.ui = { '*': { spanLabelFixed: 120, grid: { span: 8, gutter: 8 } } };
+  }
+  /**
+ * 初始化数据列表
+ */
+  initST() {
+    this.columns = [
+      { title: '联系人', index: 'carNo', className: 'text-center' },
+      { title: '手机号', render: 'carModelLabel', className: 'text-center' },
+      { title: '添加时间', index: 'carNo', className: 'text-center' },
+      { title: '本月新增客户', render: 'approvalStatus', className: 'text-center', sort: true },
+      { title: '客户总数', render: 'approvalStatus', className: 'text-center', sort: true },
+      { title: '本月新增合伙人', render: 'approvalStatus1', className: 'text-center', sort: true },
+      { title: '合伙人总数', render: 'approvalStatus1', className: 'text-center', sort: true },
+      { title: '本月已结算金额（元）', render: 'approvalStatus2', className: 'text-right', sort: true },
+      { title: '累计已结算金额（元）', render: 'approvalStatus3', className: 'text-right', sort: true },
+    ];
+  }
+  export() {
+
+  }
+  resetSF() {
+    this.sf.reset();
+    this.isLoading = true
+  }
+}
diff --git a/src/app/routes/partner/business-statistics/services/bussiness-statistics.service.ts b/src/app/routes/partner/business-statistics/services/bussiness-statistics.service.ts
new file mode 100644
index 00000000..894da58b
--- /dev/null
+++ b/src/app/routes/partner/business-statistics/services/bussiness-statistics.service.ts
@@ -0,0 +1,13 @@
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class BussinessStatisticsService extends BaseService {
+
+  $api_get_partner_statistics_page = `/api/fcc/ficoBrmH/list/page`;
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/partner/channel-sales/components/edit/edit.component.html b/src/app/routes/partner/channel-sales/components/edit/edit.component.html
new file mode 100644
index 00000000..7386c7af
--- /dev/null
+++ b/src/app/routes/partner/channel-sales/components/edit/edit.component.html
@@ -0,0 +1,7 @@
+<sf #sf [ui]="ui" [schema]="schema" [button]="'none'" [formData]="record">
+</sf>
+
+<div *nzModalFooter>
+  <button nz-button nzType="default" (click)="close()">取消</button>
+  <button nz-button nzType="primary" (click)="save()">确认</button>
+</div>
diff --git a/src/app/routes/partner/channel-sales/components/edit/edit.component.ts b/src/app/routes/partner/channel-sales/components/edit/edit.component.ts
new file mode 100644
index 00000000..6b143413
--- /dev/null
+++ b/src/app/routes/partner/channel-sales/components/edit/edit.component.ts
@@ -0,0 +1,156 @@
+import { AfterViewInit, ChangeDetectorRef, Component, OnChanges, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { SFAutoCompleteWidgetSchema, SFComponent, SFRadioWidgetSchema, SFSchema, SFSchemaEnumType, SFSelectWidgetSchema, SFTextareaWidgetSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { AmapPoiPickerComponent } from 'src/app/shared/components/amap';
+import { ChannelSalesService } from '../../services/channel-sales.service';
+
+@Component({
+  selector: 'app-parter-channel-sales-edit',
+  templateUrl: './edit.component.html'
+})
+export class ParterChannelSalesEditComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  i: any;
+  type: any;
+  record:any;
+  currentOAItem:any;
+  constructor(
+    public http: _HttpClient,
+    private cdr: ChangeDetectorRef,
+    private route: ActivatedRoute,
+    private modalService: NzModalService,
+    public service: ChannelSalesService,
+    private modalRef: NzModalRef
+  ) {}
+
+  ngOnInit(): void {
+    
+    this.service.request(this.service.$api_getChannelSalesInfo, {id:this.i?.id}).subscribe(res => {
+      if(res){
+        this.record = res;
+      }
+      this.initSF();
+    });
+    
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        id: {
+          type: 'string',
+          title: '',
+          ui: { hidden: true }
+        },
+        name: {
+          title: '渠道销售姓名',
+          type: 'string',
+          maxLength: 12,
+          ui: {
+            placeholder:'请输入'
+          } 
+        },
+        phoneNumber: {
+          title: '手机号',
+          type: 'string',
+          maxLength: 11,
+          ui: {
+            placeholder:'请输入'
+          } 
+        },
+        employeeVO: {
+          title: '关联OA员工',
+          type: 'string',
+          ui: {
+            widget: 'autocomplete',
+            placeholder:'请选择',
+            asyncData: (input:string) => this.service.request(this.service.$api_fuzzyQuery,{name:input}).pipe(
+              map((res: any) => {
+                return res.map((item:any)=>{
+                  return {label: item.empName+"/"+item.empNo, value: item.empNo, obj: item}
+                })
+              })
+            ),
+            change:(item:any, org:any)=>{
+              this.currentOAItem = org.obj;
+            }
+          } as SFAutoCompleteWidgetSchema,
+        },
+        isAuthorization: {
+          type: 'string',
+          title: '授权登录运营后台',
+          enum: [
+            { label: '否', value: '0' },
+            { label: '是', value: '1' }
+          ],
+          ui: {
+            widget: 'radio',
+          } as SFRadioWidgetSchema,
+          default: '0',
+        },
+        roleIds: {
+          title: '',
+          type: 'string',
+          ui: {
+            widget: 'select',
+            placeholder: '授权角色',
+            mode: 'multiple',
+            maxMultipleCount: 5,
+            asyncData: () => {
+              return this.service.request(this.service.$api_getAppRoleList).pipe(
+                map((res: any) => {
+                  return res
+                    .filter((role: any) => role.roleCode !== 'Administrator')
+                    .map((item: any) => {
+                      return { label: item.roleName, value: item.id };
+                    });
+                })
+              );
+            },
+            visibleIf: { isAuthorization: (value: string) => value === '1' }
+          },
+        },
+        remark: {
+          type: 'string',
+          title: '备注',
+          maxLength: 50,
+          ui: {
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 6 },
+            placeholder:'请输入50字符'
+          } as SFTextareaWidgetSchema,
+        },
+      },
+      required: ['name', 'phoneNumber', 'employeeVO', 'roleIds', 'remark']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 150,
+        grid: { span: 24 }
+      },
+      $isAuthorization:{  grid: { span: 12 }},
+      $roleIds:{ spanLabelFixed: 10, grid: { span: 12 }},
+      
+
+    };
+  }
+
+  close() {
+    this.modalRef.destroy();
+  }
+  save() {
+    this.sf.validator({ emitError: true });
+    if(!this.sf.valid) return;
+    this.service.request(this.service.$api_save, { ...this.sf.value, employeeVO: this.currentOAItem}).subscribe(res => {
+      if (res) {
+        this.modalRef.destroy(true);
+      } else {
+        this.service.msgSrv.error(res.msg);
+      }
+    });
+  }
+}
diff --git a/src/app/routes/partner/channel-sales/components/list/list.component.html b/src/app/routes/partner/channel-sales/components/list/list.component.html
new file mode 100644
index 00000000..589c32e9
--- /dev/null
+++ b/src/app/routes/partner/channel-sales/components/list/list.component.html
@@ -0,0 +1,27 @@
+<nz-card>
+  <!-- 搜索区 -->
+  <sf
+    #sf
+    [ui]="ui"
+    [schema]="schema"
+    [mode]="'search'"
+    (formSubmit)="st?.load(1)"
+    (formReset)="resetSF()"
+  ></sf>
+</nz-card>
+
+<nz-card>
+  <button nz-button nzType="primary" style="margin-bottom: 24px" (click)="add()"><i nz-icon nzType="plus"></i>新增</button>
+  <!-- 数据列表 -->
+  <st
+    #st
+    [data]="service.$api_getPage"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loadingDelay]="500"
+    [loading]="service.http.loading"
+  >
+  </st>
+</nz-card>
diff --git a/src/app/routes/partner/channel-sales/components/list/list.component.ts b/src/app/routes/partner/channel-sales/components/list/list.component.ts
new file mode 100644
index 00000000..ba7097ec
--- /dev/null
+++ b/src/app/routes/partner/channel-sales/components/list/list.component.ts
@@ -0,0 +1,163 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { processSingleSort } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ChannelSalesService } from '../../services/channel-sales.service';
+import { ParterChannelSalesEditComponent } from '../edit/edit.component';
+
+@Component({
+  selector: 'app-parter-channel-sales-list',
+  templateUrl: './list.component.html'
+})
+export class ParterChannelSalesListComponent implements OnInit {
+  schema: SFSchema = {};
+  columns!: STColumn[];
+  ui!: SFUISchema;
+  @ViewChild('st', { static: false })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  spuStatus = '1';
+
+  data=[{name1:1111}]
+  constructor(
+    public router: Router,
+    public ar: ActivatedRoute,
+    public service: ChannelSalesService,
+    private modalService: NzModalService
+  ) {}
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    return { ...this.sf?.value };
+  }
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        name: {
+          type: 'string',
+          title: '销售渠道姓名'
+        },
+        telephone: {
+          type: 'string',
+          title: '手机号'
+        },
+      }
+    };
+    this.ui = {
+      '*': {
+        grid: { span: 8, gutter: 4 }
+      }
+    };
+  }
+
+  initST() {
+    this.columns = [
+      {
+        title: '销售渠道姓名',
+        index: 'name'
+      },
+      {
+        title: '手机号',
+        index: 'telephone'
+      },
+      {
+        title: '所属组织',
+        index: 'organLable'
+      },
+      {
+        title: '职级',
+        index: 'station'
+      },
+      {
+        title: '等级',
+        index: 'postLevel'
+      },
+      {
+        title: '省市',
+        index: 'residencePlace'
+      },
+      {
+        title: '邀请码',
+        index: 'inviteCode'
+      },
+      {
+        title: '操作',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '编辑',
+            click: (_record, _modal, _instance) => this.edit(_record),
+          },
+          {
+            text: '冻结',
+            click: (_record, _modal, _instance) => this.stop(_record.id),
+          }
+        ]
+      }
+    ];
+  }
+
+  add() {
+    const modalRef = this.modalService.create({
+      nzWidth:600,
+      nzTitle: '新增',
+      nzContent: ParterChannelSalesEditComponent,
+    });
+    modalRef.afterClose.subscribe(res => {
+      if (res) {
+        this.st.reload();
+      }
+    });
+  }
+
+  // 编辑
+  edit(record: STData) {
+    const modalRef = this.modalService.create({
+      nzWidth:600,
+      nzTitle: '编辑',
+      nzContent: ParterChannelSalesEditComponent,
+      nzComponentParams: { i: record }
+    });
+    modalRef.afterClose.subscribe(res => {
+      if (res) {
+        this.st.reload();
+      }
+    });
+  }
+
+   
+
+  stop(id: any) {
+    this.modalService.confirm({
+      nzTitle: '<i>冻结确认</i>',
+      nzContent: `<b>确定冻结该账号吗？</br>`,
+      // nzOnOk: () =>
+      //   this.service.request('', '').subscribe(res => {
+      //     if (res) {
+      //       this.service.msgSrv.success('冻结成功！');
+      //       this.st.reload();
+      //     }
+      //   })
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this.st.load(1);
+  }
+
+
+}
diff --git a/src/app/routes/partner/channel-sales/services/channel-sales.service.ts b/src/app/routes/partner/channel-sales/services/channel-sales.service.ts
new file mode 100644
index 00000000..9382c6a9
--- /dev/null
+++ b/src/app/routes/partner/channel-sales/services/channel-sales.service.ts
@@ -0,0 +1,27 @@
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ChannelSalesService extends BaseService {
+  
+  // 保存渠道销售管理
+  $api_save = '/api/mdc/channelSalesManagement/save';
+  
+  // 查询渠道销售管理表
+  $api_getPage = '/api/mdc/channelSalesManagement/list/page';
+  // OA员工模糊查询
+  $api_fuzzyQuery = '/api/mdc/channelSalesManagement/fuzzyQuery';
+  // 获取角色列表
+  $api_getAppRoleList = '/api/mdc/cuc/roleInfo/getRoleList';
+  // 获取渠道销售管理详情
+  $api_listChannelSalesManagement = '/api/mdc/channelSalesManagement/list/listChannelSalesManagement';
+  // 根据渠道销售id获取渠道信息
+  $api_getChannelSalesInfo = '/api/mdc/channelSalesManagement/getChannelSalesInfo';
+  
+
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/partner/claim-audit/components/channel-approve/channel-approve.component.html b/src/app/routes/partner/claim-audit/components/channel-approve/channel-approve.component.html
new file mode 100644
index 00000000..dc134ee2
--- /dev/null
+++ b/src/app/routes/partner/claim-audit/components/channel-approve/channel-approve.component.html
@@ -0,0 +1,9 @@
+<sf #sf [ui]="ui" [schema]="schema" [button]="'none'" [formData]="i">
+</sf>
+<div style="font-size: 8px;">
+  结算起算日：指给合伙人结算佣金的起算时间，更换合伙人，该日期是当前合伙人的结算起算日，原合伙人的结算结束时间则为此日期的前一天
+</div>
+<div *nzModalFooter>
+  <button nz-button nzType="default" (click)="close()">取消</button>
+  <button nz-button nzType="primary" (click)="save()">确认</button>
+</div>
diff --git a/src/app/routes/partner/claim-audit/components/channel-approve/channel-approve.component.ts b/src/app/routes/partner/claim-audit/components/channel-approve/channel-approve.component.ts
new file mode 100644
index 00000000..8856e337
--- /dev/null
+++ b/src/app/routes/partner/claim-audit/components/channel-approve/channel-approve.component.ts
@@ -0,0 +1,98 @@
+import { AfterViewInit, ChangeDetectorRef, Component, OnChanges, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { SFComponent, SFRadioWidgetSchema, SFSchema, SFSchemaEnumType, SFSelectWidgetSchema, SFTextareaWidgetSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { AmapPoiPickerComponent } from 'src/app/shared/components/amap';
+import { ClaimAuditService } from '../../services/claim-audit.service';
+
+
+@Component({
+  selector: 'app-parter-claim-audit-channel-approve',
+  templateUrl: './channel-approve.component.html'
+})
+export class ParterClaimAuditListChannelApproveComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  i: any;
+  type: any;
+
+  constructor(
+    public http: _HttpClient,
+    private cdr: ChangeDetectorRef,
+    private route: ActivatedRoute,
+    private modalService: NzModalService,
+    public service: ClaimAuditService,
+    private modalRef: NzModalRef
+  ) {}
+
+  ngOnInit(): void {
+    this.initSF();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        id: {
+          type: 'string',
+          title: '',
+          ui: { hidden: true }
+        },
+        name1: {
+          title: '合伙人(认领人)',
+          type: 'string',
+          ui: {
+            widget: 'text',
+          } ,
+        },
+        name2: {
+          title: '认领客户名称',
+          type: 'string',
+          ui: {
+            widget: 'text',
+          } ,
+        },
+        data: {
+          title: '结算起算日期',
+          type: 'string',
+          format: 'date',
+        },
+        name3: {
+          type: 'string',
+          title: '备注',
+          maxLength: 50,
+          ui: {
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 6 },
+            placeholder:'请不要超过50个字'
+          } as SFTextareaWidgetSchema,
+        },
+      },
+      required: ['name3']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 120,
+        grid: { span: 24 }
+      },
+    };
+  }
+
+  close() {
+    this.modalRef.destroy();
+  }
+  save() {
+    this.sf.validator({ emitError: true });
+    if(!this.sf.valid) return;
+    // this.service.request('', { ...this.sf.value }).subscribe(res => {
+    //   if (res) {
+    //     this.modalRef.destroy(true);
+    //   } else {
+    //     this.service.msgSrv.error(res.msg);
+    //   }
+    // });
+  }
+
+  
+}
diff --git a/src/app/routes/partner/claim-audit/components/channel-detail/channel-detail.component.html b/src/app/routes/partner/claim-audit/components/channel-detail/channel-detail.component.html
new file mode 100644
index 00000000..08f52a77
--- /dev/null
+++ b/src/app/routes/partner/claim-audit/components/channel-detail/channel-detail.component.html
@@ -0,0 +1,62 @@
+
+<page-header-wrapper [title]="''" [logo]="logo" [content]="headerContent">
+    <ng-template #logo>
+      <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+        <i nz-icon nzType="left" nzTheme="outline"></i>
+      </button>
+    </ng-template>
+    <ng-template #headerContent>
+      <div nz-row class="head-box">
+        <div nz-col nzSpan="1">
+          <img src="./assets/images/usercenter/拉货车.png" alt="" />
+        </div>
+        <div nz-col nzSpan="11" class="pl-lg">
+          <div class="right-h">深圳市XXXXXXX有限公司</div>
+          <div class="right-s">91440300357887492H</div>
+          <sv-container col="2" >
+            <sv label="联系人">  </sv>
+            <sv label="注册时间">  </sv>
+            <sv label="合同有效期">  </sv>
+            <sv label="运营主体"> </sv>
+          </sv-container>
+        </div>
+        <div nz-col nzSpan="10">
+          <div class="left-rt">待审核</div>
+          <div class="left-rb">
+            <button nz-button (click) ="reject()">拒绝</button>
+            <button nz-button nzType="primary" (click) ="approve()">通过</button>
+          </div>
+        </div>
+      </div>
+    </ng-template>
+  </page-header-wrapper>
+  <nz-card nzTitle="运单进度">
+    <div nz-row>
+      <div nz-col nzSpan="12">
+        <sv-container col="1" labelWidth="120">
+          <sv-title>现渠道销售（提交人）</sv-title>
+          <sv label="姓名">  </sv>
+          <sv label="手机号">  </sv>
+          <sv label="绑定时间">  </sv>
+          <sv label="认领备注">  </sv>
+          <sv label="提交时间">  </sv>
+        </sv-container>
+      </div>
+    </div>
+    <nz-divider></nz-divider>
+    <div nz-row>
+      <div nz-col nzSpan="12">
+        <sv-container col="1" labelWidth="120">
+          <sv-title>原渠道销售</sv-title>
+          <sv label="姓名">  </sv>
+          <sv label="手机号">  </sv>
+          <sv label="绑定时间">  </sv>
+        </sv-container>
+      </div>
+    </div>
+  </nz-card>
+  
+  <nz-card nzTitle="操作日志">
+    <st #st [data]="data" [columns]="columns"></st>
+  </nz-card>
+  
\ No newline at end of file
diff --git a/src/app/routes/partner/claim-audit/components/channel-detail/channel-detail.component.less b/src/app/routes/partner/claim-audit/components/channel-detail/channel-detail.component.less
new file mode 100644
index 00000000..7d4ae911
--- /dev/null
+++ b/src/app/routes/partner/claim-audit/components/channel-detail/channel-detail.component.less
@@ -0,0 +1,27 @@
+:host {
+  .head-box {
+    img {
+      width: 80px;
+      height: 80px;
+      padding: 8px;
+    }
+    .right-h{
+      font-size: 16px;
+    }
+    .right-s{
+      color: #7f7f7f;
+    }
+
+    .left-rt {
+      font-weight: bold;
+      font-size: 16px;
+      text-align: right;
+    }
+
+    .left-rb {
+      display: flex;
+      justify-content: flex-end;
+      padding-top: 16px;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/app/routes/partner/claim-audit/components/channel-detail/channel-detail.component.ts b/src/app/routes/partner/claim-audit/components/channel-detail/channel-detail.component.ts
new file mode 100644
index 00000000..c3eca870
--- /dev/null
+++ b/src/app/routes/partner/claim-audit/components/channel-detail/channel-detail.component.ts
@@ -0,0 +1,82 @@
+
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn } from '@delon/abc/st';
+import { _HttpClient } from '@delon/theme';
+import { NzCardComponent } from 'ng-zorro-antd/card';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import format from 'date-fns/format';
+
+import { ClaimAuditService } from '../../services/claim-audit.service';
+import { ParterClaimAuditListChannelApproveComponent } from '../channel-approve/channel-approve.component';
+import { ParterClaimAuditListChannelRejectComponent } from '../channel-reject/channel-reject.component';
+
+@Component({
+  selector: 'app-parter-claim-audit-channel-detail',
+  templateUrl: './channel-detail.component.html',
+  styleUrls: ['./channel-detail.component.less']
+})
+export class ParterClaimAuditListChannelDetailComponent implements OnInit {
+  id = this.route.snapshot.queryParams.id;
+  i: any;
+  imges: any;
+  isVisible = false;
+  columns: STColumn[] = [
+    { title: '操作时间', index: 'id', width: 120 },
+    { title: '操作人', type: 'img', width: 120, },
+    { title: '操作人手机号', index: 'email', width: 120 },
+    { title: '操作页面', index: 'phone' },
+    { title: '操作内容', index: 'registered' }
+  ];
+
+  data=[{id:11111}]
+
+  constructor(
+    private route: ActivatedRoute,
+    private msgSrv: NzMessageService,
+    private service: ClaimAuditService,
+    private modalService: NzModalService,
+    private router: Router
+  ) {}
+
+  ngOnInit(): void {
+    this.initData();
+  }
+
+  initData() {
+    // this.service.request(this.service.$api_getBulkBillDetail, { id: this.id }).subscribe(res => {
+    //   if (res) {
+    //     this.i = res;
+    //   
+    //   }
+    // });
+  }
+
+  approve() {
+    const modalRef = this.modalService.create({
+      nzTitle: '同意',
+      nzWidth: 700,
+      nzContent: ParterClaimAuditListChannelApproveComponent,
+      nzComponentParams: {
+        i: this.i
+      },
+      nzFooter: null
+    });
+  }
+  reject() {
+    const modalRef = this.modalService.create({
+      nzTitle: '拒绝',
+      nzWidth: 700,
+      nzContent: ParterClaimAuditListChannelRejectComponent,
+      nzComponentParams: {
+        i: this.i
+      },
+      nzFooter: null
+    });
+  }
+  goBack() {
+    window.history.go(-1);
+  }
+  
+}
diff --git a/src/app/routes/partner/claim-audit/components/channel-reject/channel-reject.component.html b/src/app/routes/partner/claim-audit/components/channel-reject/channel-reject.component.html
new file mode 100644
index 00000000..dc134ee2
--- /dev/null
+++ b/src/app/routes/partner/claim-audit/components/channel-reject/channel-reject.component.html
@@ -0,0 +1,9 @@
+<sf #sf [ui]="ui" [schema]="schema" [button]="'none'" [formData]="i">
+</sf>
+<div style="font-size: 8px;">
+  结算起算日：指给合伙人结算佣金的起算时间，更换合伙人，该日期是当前合伙人的结算起算日，原合伙人的结算结束时间则为此日期的前一天
+</div>
+<div *nzModalFooter>
+  <button nz-button nzType="default" (click)="close()">取消</button>
+  <button nz-button nzType="primary" (click)="save()">确认</button>
+</div>
diff --git a/src/app/routes/partner/claim-audit/components/channel-reject/channel-reject.component.ts b/src/app/routes/partner/claim-audit/components/channel-reject/channel-reject.component.ts
new file mode 100644
index 00000000..27566f45
--- /dev/null
+++ b/src/app/routes/partner/claim-audit/components/channel-reject/channel-reject.component.ts
@@ -0,0 +1,98 @@
+import { AfterViewInit, ChangeDetectorRef, Component, OnChanges, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { SFComponent, SFRadioWidgetSchema, SFSchema, SFSchemaEnumType, SFSelectWidgetSchema, SFTextareaWidgetSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { AmapPoiPickerComponent } from 'src/app/shared/components/amap';
+import { ClaimAuditService } from '../../services/claim-audit.service';
+
+
+@Component({
+  selector: 'app-parter-claim-audit-channel-reject',
+  templateUrl: './channel-reject.component.html'
+})
+export class ParterClaimAuditListChannelRejectComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  i: any;
+  type: any;
+
+  constructor(
+    public http: _HttpClient,
+    private cdr: ChangeDetectorRef,
+    private route: ActivatedRoute,
+    private modalService: NzModalService,
+    public service: ClaimAuditService,
+    private modalRef: NzModalRef
+  ) {}
+
+  ngOnInit(): void {
+    this.initSF();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        id: {
+          type: 'string',
+          title: '',
+          ui: { hidden: true }
+        },
+        name1: {
+          title: '合伙人(认领人)',
+          type: 'string',
+          ui: {
+            widget: 'text',
+          } ,
+        },
+        name2: {
+          title: '认领客户名称',
+          type: 'string',
+          ui: {
+            widget: 'text',
+          } ,
+        },
+        data: {
+          title: '结算起算日期',
+          type: 'string',
+          format: 'date',
+        },
+        name3: {
+          type: 'string',
+          title: '备注',
+          maxLength: 50,
+          ui: {
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 6 },
+            placeholder:'请不要超过50个字'
+          } as SFTextareaWidgetSchema,
+        },
+      },
+      required: ['name3']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 120,
+        grid: { span: 24 }
+      },
+    };
+  }
+
+  close() {
+    this.modalRef.destroy();
+  }
+  save() {
+    this.sf.validator({ emitError: true });
+    if(!this.sf.valid) return;
+    // this.service.request('', { ...this.sf.value }).subscribe(res => {
+    //   if (res) {
+    //     this.modalRef.destroy(true);
+    //   } else {
+    //     this.service.msgSrv.error(res.msg);
+    //   }
+    // });
+  }
+
+  
+}
diff --git a/src/app/routes/partner/claim-audit/components/list/list.component.html b/src/app/routes/partner/claim-audit/components/list/list.component.html
new file mode 100644
index 00000000..8e321e48
--- /dev/null
+++ b/src/app/routes/partner/claim-audit/components/list/list.component.html
@@ -0,0 +1,66 @@
+<page-header-wrapper [title]="''"></page-header-wrapper>
+<!-- 搜索表单 -->
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [loading]="service.http.loading"
+        (formSubmit)="search()"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button nz-button nzType="primary" [disabled]="!sf.valid"  (click)="search()" >查询</button>
+        <button nz-button (click)="resetSF()" >重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card>
+  <nz-tabset [nzSelectedIndex]="selectedIndex" (nzSelectChange) = "tabChange($event)">
+    <nz-tab nzTitle="合伙人认领">
+      <st
+        #st1
+        [data]="data"
+        [columns]="columns1"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+        [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+        [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+        [loadingDelay]="500"
+        [loading]="service.http.loading"
+      >
+      </st>
+    </nz-tab>
+    <nz-tab nzTitle="渠道销售认领">
+      <st
+        #st2
+        [data]="data"
+        [columns]="columns2"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+        [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+        [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+        [loadingDelay]="500"
+        [loading]="service.http.loading"
+      >
+      </st>
+    </nz-tab>
+  </nz-tabset>
+  
+  
+</nz-card>
diff --git a/src/app/routes/partner/claim-audit/components/list/list.component.ts b/src/app/routes/partner/claim-audit/components/list/list.component.ts
new file mode 100644
index 00000000..cf817568
--- /dev/null
+++ b/src/app/routes/partner/claim-audit/components/list/list.component.ts
@@ -0,0 +1,230 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { processSingleSort } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ClaimAuditService } from '../../services/claim-audit.service';
+
+@Component({
+  selector: 'app-parter-claim-audit-list',
+  templateUrl: './list.component.html'
+})
+export class ParterClaimAuditListComponent implements OnInit {
+  schema: SFSchema = {};
+  columns1!: STColumn[];
+  columns2!: STColumn[];
+  @ViewChild('st1', { static: false })
+  st1!: STComponent;
+  @ViewChild('st2', { static: false })
+  st2!: STComponent;
+  ui!: SFUISchema;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  _$expand = false;
+  selectedIndex =  0;
+
+  data=[{name1:1111}]
+  constructor(
+    public router: Router,
+    public ar: ActivatedRoute,
+    public service: ClaimAuditService,
+    private modalService: NzModalService
+  ) {}
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    return { ...this.sf?.value };
+  }
+    /**
+   * 查询字段个数
+   */
+     get queryFieldCount(): number {
+      return Object.keys(this.schema?.properties || {}).length;
+    }
+    /**
+     * 伸缩查询条件
+     */
+    expandToggle(): void {
+      this._$expand = !this._$expand;
+      this.sf?.setValue('/_$expand', this._$expand);
+    }
+
+  ngOnInit() {
+    this.initSF();
+    this.initST1();
+    this.initST2();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        name: {
+          type: 'string',
+          title: '认领人'
+        },
+        name1: {
+          type: 'string',
+          title: '客户名称'
+        },
+        name2: {
+          type: 'string',
+          title: '平台审核状态'
+        },
+        name3: {
+          type: 'string',
+          title: '渠道销售状态',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        name4: {
+          type: 'string',
+          title: 'CRM状态',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+      }
+    };
+    this.ui = {
+      '*': {
+        grid: { span: 8, gutter: 4 }
+      }
+    };
+  }
+
+  initST1() {
+    this.columns1 = [
+      {
+        title: '提交人',
+        index: 'name1'
+      },
+      {
+        title: '客户名称',
+        index: 'name1'
+      },
+      {
+        title: '认领备注',
+        index: 'name1'
+      },
+      {
+        title: '渠道销售审核状态',
+        index: 'name1'
+      },
+      {
+        title: 'CRM状态',
+        index: 'name1'
+      },
+      {
+        title: '平台审核状态',
+        index: 'name1'
+      },
+      {
+        title: 'CRM状态',
+        index: 'name1'
+      },
+      {
+        title: '提交时间',
+        index: 'name1'
+      },
+      {
+        title: '操作',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '详情',
+            click: (_record, _modal, _instance) => this.partnerView(_record),
+          },
+          {
+            text: '审核',
+            click: (_record, _modal, _instance) => this.partnerView(_record),
+          },
+        ]
+      }
+    ];
+  }
+
+  initST2() {
+    this.columns2 = [
+      {
+        title: '提交人',
+        index: 'name1'
+      },
+      {
+        title: '客户名称',
+        index: 'name1'
+      },
+      {
+        title: '认领备注',
+        index: 'name1'
+      },
+      {
+        title: 'CRM状态',
+        index: 'name1'
+      },
+      {
+        title: '平台审核状态',
+        index: 'name1'
+      },
+      {
+        title: '提交时间',
+        index: 'name1'
+      },
+      {
+        title: '操作',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '详情',
+            click: (_record, _modal, _instance) => this.channelView(_record),
+          },
+          {
+            text: '审核',
+            click: (_record, _modal, _instance) => this.channelView(_record),
+          },
+
+        ]
+      }
+    ];
+  }
+
+  partnerView(record: STData) {
+    this.router.navigate(['/partner/claim-audit/partner-detail'], { queryParams: {} });
+  }
+  
+  channelView(record: STData) {
+    this.router.navigate(['/partner/claim-audit/channel-detail'], { queryParams: {} });
+  }
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+  search() {
+    // this.st1?.load(1);
+  }
+
+  tabChange(index:any){
+    console.log(index)
+    switch (index) {
+      case 0:
+        this.initST1();
+        break;
+      case 1:
+        this.initST2();
+        break;
+      default:
+        break;
+    }
+  }
+
+}
diff --git a/src/app/routes/partner/claim-audit/components/partner-approve/partner-approve.component.html b/src/app/routes/partner/claim-audit/components/partner-approve/partner-approve.component.html
new file mode 100644
index 00000000..dc134ee2
--- /dev/null
+++ b/src/app/routes/partner/claim-audit/components/partner-approve/partner-approve.component.html
@@ -0,0 +1,9 @@
+<sf #sf [ui]="ui" [schema]="schema" [button]="'none'" [formData]="i">
+</sf>
+<div style="font-size: 8px;">
+  结算起算日：指给合伙人结算佣金的起算时间，更换合伙人，该日期是当前合伙人的结算起算日，原合伙人的结算结束时间则为此日期的前一天
+</div>
+<div *nzModalFooter>
+  <button nz-button nzType="default" (click)="close()">取消</button>
+  <button nz-button nzType="primary" (click)="save()">确认</button>
+</div>
diff --git a/src/app/routes/partner/claim-audit/components/partner-approve/partner-approve.component.ts b/src/app/routes/partner/claim-audit/components/partner-approve/partner-approve.component.ts
new file mode 100644
index 00000000..86f5e72d
--- /dev/null
+++ b/src/app/routes/partner/claim-audit/components/partner-approve/partner-approve.component.ts
@@ -0,0 +1,98 @@
+import { AfterViewInit, ChangeDetectorRef, Component, OnChanges, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { SFComponent, SFRadioWidgetSchema, SFSchema, SFSchemaEnumType, SFSelectWidgetSchema, SFTextareaWidgetSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { AmapPoiPickerComponent } from 'src/app/shared/components/amap';
+import { ClaimAuditService } from '../../services/claim-audit.service';
+
+
+@Component({
+  selector: 'app-parter-claim-audit-partner-approve',
+  templateUrl: './partner-approve.component.html'
+})
+export class ParterClaimAuditListPartnerApproveComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  i: any;
+  type: any;
+
+  constructor(
+    public http: _HttpClient,
+    private cdr: ChangeDetectorRef,
+    private route: ActivatedRoute,
+    private modalService: NzModalService,
+    public service: ClaimAuditService,
+    private modalRef: NzModalRef
+  ) {}
+
+  ngOnInit(): void {
+    this.initSF();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        id: {
+          type: 'string',
+          title: '',
+          ui: { hidden: true }
+        },
+        name1: {
+          title: '合伙人(认领人)',
+          type: 'string',
+          ui: {
+            widget: 'text',
+          } ,
+        },
+        name2: {
+          title: '认领客户名称',
+          type: 'string',
+          ui: {
+            widget: 'text',
+          } ,
+        },
+        data: {
+          title: '结算起算日期',
+          type: 'string',
+          format: 'date',
+        },
+        name3: {
+          type: 'string',
+          title: '备注',
+          maxLength: 50,
+          ui: {
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 6 },
+            placeholder:'请不要超过50个字'
+          } as SFTextareaWidgetSchema,
+        },
+      },
+      required: ['name3']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 120,
+        grid: { span: 24 }
+      },
+    };
+  }
+
+  close() {
+    this.modalRef.destroy();
+  }
+  save() {
+    this.sf.validator({ emitError: true });
+    if(!this.sf.valid) return;
+    // this.service.request('', { ...this.sf.value }).subscribe(res => {
+    //   if (res) {
+    //     this.modalRef.destroy(true);
+    //   } else {
+    //     this.service.msgSrv.error(res.msg);
+    //   }
+    // });
+  }
+
+  
+}
diff --git a/src/app/routes/partner/claim-audit/components/partner-detail/partner-detail.component.html b/src/app/routes/partner/claim-audit/components/partner-detail/partner-detail.component.html
new file mode 100644
index 00000000..c6370656
--- /dev/null
+++ b/src/app/routes/partner/claim-audit/components/partner-detail/partner-detail.component.html
@@ -0,0 +1,79 @@
+
+<page-header-wrapper [title]="''" [logo]="logo" [content]="headerContent">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+  <ng-template #headerContent>
+    <div nz-row class="head-box">
+      <div nz-col nzSpan="1">
+        <img src="./assets/images/usercenter/拉货车.png" alt="" />
+      </div>
+      <div nz-col nzSpan="11" class="pl-lg">
+        <div class="right-h">深圳市XXXXXXX有限公司</div>
+        <div class="right-s">91440300357887492H</div>
+        <sv-container col="2">
+          <sv label="管理员">  </sv>
+          <sv label="注册时间">  </sv>
+          <sv label="合同有效期">  </sv>
+          <sv label="运营主体"> </sv>
+        </sv-container>
+      </div>
+      <div nz-col nzSpan="10">
+        <div class="left-rt">待审核</div>
+        <div class="left-rb">
+          <button nz-button (click) ="reject()">拒绝</button>
+          <button nz-button nzType="primary" (click) ="approve()">通过</button>
+        </div>
+      </div>
+    </div>
+  </ng-template>
+</page-header-wrapper>
+<nz-card nzTitle="运单进度">
+  <div nz-row>
+    <div nz-col nzSpan="12">
+      <sv-container col="1" labelWidth="120">
+        <sv-title>现合伙人（提交人）</sv-title>
+        <sv label="合伙人名称">  </sv>
+        <sv label="手机号">  </sv>
+        <sv label="绑定时间">  </sv>
+        <sv label="结算时间段"> </sv>
+        <sv label="认领备注"> </sv>
+        <sv label="提交时间"> </sv>
+      </sv-container>
+    </div>
+    <div nz-col nzSpan="12">
+      <sv-container col="1" labelWidth="120">
+        <sv-title>现渠道销售</sv-title>
+        <sv label="姓名">  </sv>
+        <sv label="手机号">  </sv>
+        <sv label="绑定时间">  </sv>
+      </sv-container>
+    </div>
+  </div>
+  <nz-divider></nz-divider>
+  <div nz-row>
+    <div nz-col nzSpan="12">
+      <sv-container col="1" labelWidth="120">
+        <sv-title>原合伙人</sv-title>
+        <sv label="合伙人名称">  </sv>
+        <sv label="管理员">  </sv>
+        <sv label="绑定时间">  </sv>
+        <sv label="结算时间段"> </sv>
+      </sv-container>
+    </div>
+    <div nz-col nzSpan="12">
+      <sv-container col="1" labelWidth="120">
+        <sv-title>原渠道销售</sv-title>
+        <sv label="姓名">  </sv>
+        <sv label="手机号">  </sv>
+        <sv label="绑定时间">  </sv>
+      </sv-container>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card nzTitle="操作日志">
+  <st #st [data]="data" [columns]="columns"></st>
+</nz-card>
diff --git a/src/app/routes/partner/claim-audit/components/partner-detail/partner-detail.component.less b/src/app/routes/partner/claim-audit/components/partner-detail/partner-detail.component.less
new file mode 100644
index 00000000..403e7692
--- /dev/null
+++ b/src/app/routes/partner/claim-audit/components/partner-detail/partner-detail.component.less
@@ -0,0 +1,29 @@
+:host {
+  .head-box {
+    img {
+      width  : 80px;
+      height : 80px;
+      padding: 8px;
+    }
+
+    .right-h {
+      font-size: 16px;
+    }
+
+    .right-s {
+      color: #7f7f7f;
+    }
+
+    .left-rt {
+      font-weight: bold;
+      font-size  : 16px;
+      text-align : right;
+    }
+
+    .left-rb {
+      display        : flex;
+      justify-content: flex-end;
+      padding-top    : 16px;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/app/routes/partner/claim-audit/components/partner-detail/partner-detail.component.ts b/src/app/routes/partner/claim-audit/components/partner-detail/partner-detail.component.ts
new file mode 100644
index 00000000..41f5558f
--- /dev/null
+++ b/src/app/routes/partner/claim-audit/components/partner-detail/partner-detail.component.ts
@@ -0,0 +1,82 @@
+
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn } from '@delon/abc/st';
+import { _HttpClient } from '@delon/theme';
+import { NzCardComponent } from 'ng-zorro-antd/card';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import format from 'date-fns/format';
+import { ClaimAuditService } from '../../services/claim-audit.service';
+import { ParterClaimAuditListPartnerRejectComponent } from '../partner-reject/partner-reject.component';
+import {  ParterClaimAuditListPartnerApproveComponent } from '../partner-approve/partner-approve.component';
+
+@Component({
+  selector: 'app-parter-claim-audit-partner-detail',
+  templateUrl: './partner-detail.component.html',
+  styleUrls: ['./partner-detail.component.less']
+})
+export class ParterClaimAuditListPartnerDetailComponent implements OnInit {
+  id = this.route.snapshot.queryParams.id;
+  i: any;
+  imges: any;
+  isVisible = false;
+  columns: STColumn[] = [
+    { title: '操作时间', index: 'id', width: 120 },
+    { title: '操作人', type: 'img', width: 120, },
+    { title: '操作人手机号', index: 'email', width: 120 },
+    { title: '操作页面', index: 'phone' },
+    { title: '操作内容', index: 'registered' }
+  ];
+
+  data=[{id:11111}]
+
+  constructor(
+    private route: ActivatedRoute,
+    private msgSrv: NzMessageService,
+    private service: ClaimAuditService,
+    private modalService: NzModalService,
+    private router: Router
+  ) {}
+
+  ngOnInit(): void {
+    this.initData();
+  }
+
+  initData() {
+    // this.service.request(this.service.$api_getBulkBillDetail, { id: this.id }).subscribe(res => {
+    //   if (res) {
+    //     this.i = res;
+    //   
+    //   }
+    // });
+  }
+
+  approve() {
+    const modalRef = this.modalService.create({
+      nzTitle: '同意',
+      nzWidth: 700,
+      nzContent: ParterClaimAuditListPartnerApproveComponent,
+      nzComponentParams: {
+        i: this.i
+      },
+      nzFooter: null
+    });
+  }
+  reject() {
+    const modalRef = this.modalService.create({
+      nzTitle: '拒绝',
+      nzWidth: 700,
+      nzContent: ParterClaimAuditListPartnerRejectComponent,
+      nzComponentParams: {
+        i: this.i
+      },
+      nzFooter: null
+    });
+  }
+  goBack() {
+    window.history.go(-1);
+  }
+
+
+}
diff --git a/src/app/routes/partner/claim-audit/components/partner-reject/partner-reject.component.html b/src/app/routes/partner/claim-audit/components/partner-reject/partner-reject.component.html
new file mode 100644
index 00000000..dc134ee2
--- /dev/null
+++ b/src/app/routes/partner/claim-audit/components/partner-reject/partner-reject.component.html
@@ -0,0 +1,9 @@
+<sf #sf [ui]="ui" [schema]="schema" [button]="'none'" [formData]="i">
+</sf>
+<div style="font-size: 8px;">
+  结算起算日：指给合伙人结算佣金的起算时间，更换合伙人，该日期是当前合伙人的结算起算日，原合伙人的结算结束时间则为此日期的前一天
+</div>
+<div *nzModalFooter>
+  <button nz-button nzType="default" (click)="close()">取消</button>
+  <button nz-button nzType="primary" (click)="save()">确认</button>
+</div>
diff --git a/src/app/routes/partner/claim-audit/components/partner-reject/partner-reject.component.ts b/src/app/routes/partner/claim-audit/components/partner-reject/partner-reject.component.ts
new file mode 100644
index 00000000..09abe28f
--- /dev/null
+++ b/src/app/routes/partner/claim-audit/components/partner-reject/partner-reject.component.ts
@@ -0,0 +1,98 @@
+import { AfterViewInit, ChangeDetectorRef, Component, OnChanges, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { SFComponent, SFRadioWidgetSchema, SFSchema, SFSchemaEnumType, SFSelectWidgetSchema, SFTextareaWidgetSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { AmapPoiPickerComponent } from 'src/app/shared/components/amap';
+import { ClaimAuditService } from '../../services/claim-audit.service';
+
+
+@Component({
+  selector: 'app-parter-claim-audit-partner-reject',
+  templateUrl: './partner-reject.component.html'
+})
+export class ParterClaimAuditListPartnerRejectComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  i: any;
+  type: any;
+
+  constructor(
+    public http: _HttpClient,
+    private cdr: ChangeDetectorRef,
+    private route: ActivatedRoute,
+    private modalService: NzModalService,
+    public service: ClaimAuditService,
+    private modalRef: NzModalRef
+  ) {}
+
+  ngOnInit(): void {
+    this.initSF();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        id: {
+          type: 'string',
+          title: '',
+          ui: { hidden: true }
+        },
+        name1: {
+          title: '合伙人(认领人)',
+          type: 'string',
+          ui: {
+            widget: 'text',
+          } ,
+        },
+        name2: {
+          title: '认领客户名称',
+          type: 'string',
+          ui: {
+            widget: 'text',
+          } ,
+        },
+        data: {
+          title: '结算起算日期',
+          type: 'string',
+          format: 'date',
+        },
+        name3: {
+          type: 'string',
+          title: '备注',
+          maxLength: 50,
+          ui: {
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 6 },
+            placeholder:'请不要超过50个字'
+          } as SFTextareaWidgetSchema,
+        },
+      },
+      required: ['name3']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 120,
+        grid: { span: 24 }
+      },
+    };
+  }
+
+  close() {
+    this.modalRef.destroy();
+  }
+  save() {
+    this.sf.validator({ emitError: true });
+    if(!this.sf.valid) return;
+    // this.service.request('', { ...this.sf.value }).subscribe(res => {
+    //   if (res) {
+    //     this.modalRef.destroy(true);
+    //   } else {
+    //     this.service.msgSrv.error(res.msg);
+    //   }
+    // });
+  }
+
+  
+}
diff --git a/src/app/routes/partner/claim-audit/services/claim-audit.service.ts b/src/app/routes/partner/claim-audit/services/claim-audit.service.ts
new file mode 100644
index 00000000..a102b596
--- /dev/null
+++ b/src/app/routes/partner/claim-audit/services/claim-audit.service.ts
@@ -0,0 +1,12 @@
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ClaimAuditService extends BaseService {
+
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/partner/knowledge/banner/components/add/add.component.html b/src/app/routes/partner/knowledge/banner/components/add/add.component.html
new file mode 100644
index 00000000..6760c1a0
--- /dev/null
+++ b/src/app/routes/partner/knowledge/banner/components/add/add.component.html
@@ -0,0 +1,24 @@
+<!-- 页头 -->
+<page-header-wrapper [title]="''" [logo]="logo">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+  <div class="modal-header">
+    <div class="modal-title" *ngIf="queryParams.type === 'add'">新增banner</div>
+    <div class="modal-title" *ngIf="queryParams.type === 'edit'">编辑banner</div>
+    <div class="modal-title" *ngIf="queryParams.type === 'view'">查看banner</div>
+  </div>
+    <sf #sf [schema]="schema" [ui]="ui" [button]="'none'" [formData]="detailData">
+    </sf>
+  <div class="modal-footer" *ngIf="queryParams.type !== 'view'">
+    <button nz-button type="button" (click)="checkSort()" nzType="primary" [disabled]="validFalg">保存</button>
+    <button nz-button type="button" (click)="goBack()">取消</button>
+  </div>
+</nz-card>
+<!-- <nz-modal [(nzVisible)]="isVisible" nzTitle="The first Modal" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
+  <baidu-map [inputAddress]="detailData.companyAddress" [inputPoint]="inputPoint" (outputPointAddress)="outputPointAddress($event)"></baidu-map>
+</nz-modal> -->
\ No newline at end of file
diff --git a/src/app/routes/partner/knowledge/banner/components/add/add.component.spec.ts b/src/app/routes/partner/knowledge/banner/components/add/add.component.spec.ts
new file mode 100644
index 00000000..64562645
--- /dev/null
+++ b/src/app/routes/partner/knowledge/banner/components/add/add.component.spec.ts
@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { BannerComponentsAddComponent } from './add.component';
+
+describe('BannerComponentsAddComponent', () => {
+  let component: BannerComponentsAddComponent;
+  let fixture: ComponentFixture<BannerComponentsAddComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ BannerComponentsAddComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(BannerComponentsAddComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/partner/knowledge/banner/components/add/add.component.ts b/src/app/routes/partner/knowledge/banner/components/add/add.component.ts
new file mode 100644
index 00000000..132e6bb2
--- /dev/null
+++ b/src/app/routes/partner/knowledge/banner/components/add/add.component.ts
@@ -0,0 +1,241 @@
+import { ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { SFComponent, SFRadioWidgetSchema, SFSchema, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { EAEnvironmentService } from '@shared';
+import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
+import format from 'date-fns/format';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { NzUploadFile } from 'ng-zorro-antd/upload';
+import { Observable, Observer, of } from 'rxjs';
+import { BannerService } from '../../services/banner.service';
+import { apiConf } from '@conf/api.conf';
+
+@Component({
+  selector: 'app-ad-components-add',
+  templateUrl: './add.component.html',
+  styleUrls: ['./add.less']
+})
+export class BannerComponentsAddComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  record: any = {};
+  i: any;
+  schema: SFSchema = {};
+  contentListData = [];
+  queryParams: any = {};
+  oldTakeEffectTime = '';
+  maxSort = 0;
+  isVisible = false;
+  validFalg = true;
+  detailData: any = {
+    advertisementContentDTOList: []
+  };
+  changeTimeFlag = false;
+  currentIndex = 0;
+  addFlag = true;
+  addId = 1;
+  inputPoint: any = {
+    lng: 0,
+    lat: 0
+  };
+  today = new Date();
+  navData: any = [];
+  navigationName = '';
+  ui: SFUISchema = {
+    '*': {
+      spanLabelFixed: 200,
+      grid: { span: 24 },
+    },
+  };
+  constructor(
+    public msgSrv: NzMessageService,
+    public http: _HttpClient,
+    public service: BannerService,
+    private route: ActivatedRoute,
+    private router: Router,
+    private cdr: ChangeDetectorRef,
+    private envSrv: EAEnvironmentService,
+  ) { }
+
+
+  ngOnInit(): void {
+    this.queryParams = this.route.snapshot.queryParams;
+    if (this.queryParams.type !== 'add') {
+      this.initDetailData();
+    }
+    this.initSF();
+  }
+  initDetailData() {
+
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        name: {
+          type: 'string',
+          title: 'banner名称',
+          maxLength: 10,
+          ui: {
+            showRequired: true,
+            placeholder: '请不要超过10个字',
+          }
+        },
+        licensePhotoWatermark: {
+          type: 'string',
+          title: 'banner图',
+          ui: {
+            action: apiConf.fileUpload,
+            accept: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            widget: 'upload',
+            descriptionI18n: '支持JPG、PNG格式，文件小于2M（建议尺寸  700px *  286px）。',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                this.detailData.enterpriseBaseDTO.licensePhoto = args.file.response.data.fullFilePath
+              }
+            },
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt4M = file.size / 1024 / 1024 < 2;
+                if (!isLt4M) {
+                  this.service.msgSrv.warning('图片大小超过2M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt4M);
+                observer.complete();
+              });
+            },
+            previewFile: (file: NzUploadFile) => of(file.url),
+          },
+        },
+        sortId: {
+          type: 'string',
+          title: '顺序',
+          ui: {
+            showRequired: true,
+            widget: '=',
+            placeholder: '请输入0~99，数字越大，排序越靠前',
+            serverSearch: true,
+          } as SFSelectWidgetSchema,
+        },
+        linkType: {
+          type: 'string',
+          title: '跳转路径',
+          ui: {
+            widget: 'radio',
+            showRequired: true,
+          } as SFRadioWidgetSchema,
+          enum: [
+            { label: '文章ID', value: 1 },
+            { label: '分类ID', value: 2 },
+            { label: '自编辑', value: 3 },
+          ],
+        },
+        content: {
+          type: 'string',
+          title: '内容',
+          ui: {
+            widget: 'tinymce',
+            loadingTip: 'loading...',
+            config: {
+              height: 450
+            },
+            visibleIf: { name5: (value: string) => value === '1' }
+          },
+        },
+      },
+      required: [],
+    };
+    if (this.queryParams.type === 'add'){
+      setTimeout(() => {
+        this.sf.setValue('/takeEffectType', 1);
+        this.sf.setValue('/style', 1);
+      }, 500);  
+    }
+  }
+  get reqParams() {
+    return {};
+  }
+  disabledDate = (current: Date): boolean => {
+    // Can not select days before today and today
+    return differenceInCalendarDays(current, this.today) < 0;
+  }
+  changeTime(){
+    this.changeTimeFlag = true;
+  }
+
+
+  checkSort(){
+    const params: any = {
+      navigationId: this.sf?.value.navigationId,
+      sortId: this.sf?.value.sortId,
+      takeEffectType: this.sf?.value.takeEffectType,
+    };
+    if (this.queryParams.id !== '0'){
+      params.advertisementId = this.queryParams.id;
+    }
+    if (this.sf.value.takeEffectType === 2){
+      if (this.changeTimeFlag) {
+        params.takeEffectTime = format(this.detailData.takeEffectTime, 'yyyy-MM-dd HH:mm');
+      } else {
+        params.takeEffectTime = this.detailData.takeEffectTime;
+      }
+    }
+   
+  }
+  save() {
+    const params: any = {
+      ...this.sf?.value,
+      latitude: this.inputPoint.lat,
+      longitude: this.inputPoint.lng,
+      id: this.queryParams.id
+    };
+    this.detailData.advertisementContentDTOList.forEach((item: any) => {
+      delete item.addId;
+    });
+    if (this.queryParams.type === 'add') {
+      delete params.id;
+    }
+    if (this.sf.value.takeEffectType === 2){
+      if (this.changeTimeFlag) {
+        params.takeEffectTime = format(this.detailData.takeEffectTime, 'yyyy-MM-dd HH:mm');
+      } else {
+        params.takeEffectTime = this.detailData.takeEffectTime;
+      }
+    } else {
+      delete params.takeEffectTime;
+    }
+    this.service.request(this.service.$api_add_one, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('保存成功');
+        this.router.navigate(['../list'], {relativeTo: this.route});
+      }
+    });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+  gotoMap() {
+    this.isVisible = true;
+  }
+
+  handleOk(): void {
+    this.isVisible = false;
+  }
+
+  handleCancel(): void {
+    this.isVisible = false;
+  }
+}
diff --git a/src/app/routes/partner/knowledge/banner/components/add/add.less b/src/app/routes/partner/knowledge/banner/components/add/add.less
new file mode 100644
index 00000000..0a6adacb
--- /dev/null
+++ b/src/app/routes/partner/knowledge/banner/components/add/add.less
@@ -0,0 +1,119 @@
+:host {
+    .styleBox {
+        display: flex;
+        align-items: flex-end;
+        margin: 10px 0 0 0;
+      }
+      .imgBox {
+        position: relative;
+        width: 200px;
+        padding: 6px 0;
+        text-align: center;
+        border: solid 1px #eee;
+        .leftBox,
+        .rightBox {
+          position: absolute;
+          top: 50%;
+          transform: translate(0, -50%);
+        }
+        img {
+          width: 170px;
+          height: 40px;
+        }
+        .leftBox {
+          left: 3px;
+        }
+        .rightBox {
+          right: 3px;
+        }
+      }
+      .imgBox_two {
+        width: 200px;
+        padding: 6px;
+        text-align: center;
+        border: solid 1px #eee;
+        img {
+          width: 100%;
+          height: 40px;
+        }
+      }
+      .imgBox_three {
+        width: 200px;
+        padding: 6px 0;
+        text-align: center;
+        border: solid 1px #eee;
+        img {
+          width: 25%;
+          height: 40px;
+          margin: 0 6% 0 0;
+          &:first-child {
+            margin: 0 6%;
+          }
+        }
+      }
+      .imgBox_four {
+        width: 200px;
+        padding: 6px 0;
+        text-align: center;
+        border: solid 1px #eee;
+        img {
+          width: 22%;
+          height: 40px;
+          margin: 0 2% 0 0;
+          &:first-child {
+            margin: 0 2%;
+          }
+        }
+      }
+      .imgBox_one {
+        width: 60px;
+        padding: 6px;
+        text-align: center;
+        border: solid 1px #eee;
+        img {
+          width: 100%;
+          height: 40px;
+        }
+      }
+      .imgBox_info {
+        width: 200px;
+        padding: 6px;
+        overflow: hidden;
+        border: solid 1px #eee;
+        .title {
+          width: 100%;
+          line-height: 30px;
+          text-align: center;
+        }
+        .infoBox {
+          .name {
+            line-height: 28px;
+          }
+          .map {
+            width: 100%;
+            text-align: center;
+            img {
+              width: 90%;
+            }
+          }
+        }
+      }
+      .hint {
+        margin: 0 0 0 10px;
+        color: #f00;
+      }
+      .addBtn {
+        margin: 0 0 10px 0;
+      }   
+  }
+  .overflowText {
+    display: -webkit-box;
+    max-width: 200px;
+    overflow: hidden;
+    text-align: left;
+    text-overflow: -o-ellipsis-lastline;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 1;
+    line-clamp: 1;
+    -webkit-box-orient: vertical;
+  }
\ No newline at end of file
diff --git a/src/app/routes/partner/knowledge/banner/components/list/list.component.html b/src/app/routes/partner/knowledge/banner/components/list/list.component.html
new file mode 100644
index 00000000..d533734b
--- /dev/null
+++ b/src/app/routes/partner/knowledge/banner/components/list/list.component.html
@@ -0,0 +1,62 @@
+<!-- 页头 -->
+<page-header-wrapper [title]="''"></page-header-wrapper>
+<nz-card>
+    <!-- 搜索表单 -->
+    <div nz-row [nzGutter]="16">
+        <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+        <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+            <sf #sf [schema]="schema" [ui]="ui" [mode]="'search'" [disabled]="!sf?.valid" [loading]="false"></sf>
+        </div>
+
+        <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+        <ng-container *ngIf="queryFieldCount > 4">
+            <div nz-col [nzSpan]="_$expand ? 24 : 18">
+                <sf #sf [schema]="schema" [ui]="ui" [button]="'none'"></sf>
+            </div>
+            <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+                <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading" (click)="st.load()">查询</button>
+                <button nz-button (click)="resetSF()">重置</button>
+                <button nz-button nzType="link" (click)="expandToggle()">
+                    {{ !_$expand ? '展开' : '收起' }}
+                    <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+                </button>
+            </div>
+        </ng-container>
+    </div>
+
+    <!-- 工具栏 -->
+    <div nz-row>
+        <div nz-col nzSpan="24">
+            <button nz-button nzType="primary" (click)="add()">新增banner</button>
+        </div>
+    </div>
+
+    <!-- 提示栏 -->
+    <div nz-row>
+        <div nz-col nzSpan="24">
+            <nz-alert
+                    nzType="info"
+                    [nzMessage]="'当前共' + (st?.total || 0) + '行记录，选中' + selectedRows.length + '行'"
+                    nzShowIcon
+                    [ngStyle]="{ margin: '1rem 0' }"
+            >
+            </nz-alert>
+        </div>
+    </div>
+
+    <!-- 数据列表 -->
+    <st
+            #st
+            multiSort
+            size="small"
+            [bordered]="true"
+            [scroll]="{ x: '2000px' }"
+            [data]="service.$api_get_page"
+            [columns]="columns"
+            [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+            [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+            [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+            [loadingDelay]="500"
+            [loading]="service.http.loading"
+    ></st>
+</nz-card>
diff --git a/src/app/routes/partner/knowledge/banner/components/list/list.component.less b/src/app/routes/partner/knowledge/banner/components/list/list.component.less
new file mode 100644
index 00000000..0aae2779
--- /dev/null
+++ b/src/app/routes/partner/knowledge/banner/components/list/list.component.less
@@ -0,0 +1 @@
+@import '~@delon/theme/index';
diff --git a/src/app/routes/partner/knowledge/banner/components/list/list.component.spec.ts b/src/app/routes/partner/knowledge/banner/components/list/list.component.spec.ts
new file mode 100644
index 00000000..3bd8060c
--- /dev/null
+++ b/src/app/routes/partner/knowledge/banner/components/list/list.component.spec.ts
@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { BannerComponentsListComponent } from './list.component';
+
+describe('BannerComponentsListComponent', () => {
+  let component: BannerComponentsListComponent;
+  let fixture: ComponentFixture<BannerComponentsListComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ BannerComponentsListComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(BannerComponentsListComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/partner/knowledge/banner/components/list/list.component.ts b/src/app/routes/partner/knowledge/banner/components/list/list.component.ts
new file mode 100644
index 00000000..aae33fa5
--- /dev/null
+++ b/src/app/routes/partner/knowledge/banner/components/list/list.component.ts
@@ -0,0 +1,239 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { BannerService } from '../../services/banner.service';
+
+@Component({
+  selector: 'app-banner-components-list',
+  templateUrl: './list.component.html',
+  styleUrls: ['./list.component.less']
+})
+
+export class BannerComponentsListComponent implements OnInit {
+  schema: SFSchema = {};
+  columns: STColumn[] = [];
+  ui: SFUISchema = {};
+  appList: any[] = [];
+  _$expand = false;
+  selectApp = {
+    appName: '',
+    appId: ''
+  };
+  isLoading: boolean = false;
+
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  constructor(public service: BannerService, private modal: ModalHelper, private msg: NzMessageService, private router: Router, private modalSrv: NzModalService,  private ar: ActivatedRoute) { }
+
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    if (params.status === '') {
+      delete params.status;
+    }
+    if (params.style === '') {
+      delete params.style;
+    }
+    if (params.navigationId === '') {
+      delete params.navigationId;
+    }
+    return { ...params};
+  }
+
+  /**
+   * 选中行
+   */
+  get selectedRows() {
+    return this.st?.list.filter((item) => item.checked) || [];
+  }
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+  }
+  selectAppFun(item: any) {
+    this.selectApp = item;
+    this.st.load(1);
+  }
+  dataProcess(data: STData[]): STData[] {
+    return data.map((i, index) => {
+      i.showSortFlag = false;
+      return i;
+    });
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true,
+          },
+        },
+        name: {
+          type: 'string',
+          title: 'banner名称',
+          maxLength: 10,
+          ui: {
+            widget: '',
+            placeholder: '请输入',
+          }
+        },
+        status: {
+          type: 'string',
+          title: '状态',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+          } as SFSelectWidgetSchema,
+          enum: [
+            { label: '全部', value: 1 },
+            { label: '正常', value: 2 },
+            { label: '禁用', value: 3 }
+          ]
+        },
+      },
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 110,
+        grid: { span: 8 },
+      },
+    };
+  }
+
+  initST() {
+    this.columns = [
+      {
+        title: 'banner名称', // 位:px
+        index: 'name',
+        className: 'text-center'
+      },
+      {
+        title: 'banner',
+        index: 'navigationName',
+        className: 'text-center'
+      },
+      {
+        title: '排序', // 位 px
+        index: 'sortId',
+        className: 'text-center'
+      },
+      {
+        title: '状态', // 位 px
+        index: 'style',
+        className: 'text-center',
+        type: 'enum',
+        enum: { 
+          1: '正常',
+          2: '禁用',
+        }
+      },
+      {
+        title: '最后修改时间', // 位 px
+        index: 'createTime',
+        className: 'text-center'
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        className: 'text-center',
+        width: 280,
+        buttons: [
+          {
+            text: '修改',
+            click: (item) => {
+              this.router.navigate(['../detail'], { queryParams: { id: item.id, type: 'edit' }, relativeTo: this.ar });
+            }
+          },
+          {
+            text: '禁用',
+            pop: {
+              title: `确定禁用此banner图吗？？`,
+              okType: 'danger',
+              icon: 'alert',
+            },
+            click: (item) => {
+              this.changeStatus(item.id);
+            },
+            iif: (item) => item.status === 1
+          },
+          {
+            text: '启用',
+            pop: {
+              title: `确定启用此banner图吗？`,
+              okType: 'danger',
+              icon: 'success',
+            },
+            click: (item) => {
+              this.changeStatus(item);
+            },
+            iif: (item) => item.status === 2
+          },
+        ],
+      },
+    ];
+  }
+  changeStatus(item: any) {
+    const params = {
+      status,
+      idList: [item.id]
+    };
+    // this.service.request(this.service.$api_openOrClose, params).subscribe(res => {
+    //   if (res) {
+    //     this.st.reload();
+    //   }
+    // });
+  }
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+    this.isLoading = true
+  }
+
+  /**
+   * 新增单个实例
+   */
+  add() {
+    this.router.navigate(['../banner/detail'], { queryParams: { id: 0, type: 'add' }, relativeTo: this.ar });
+  }
+
+  /**
+   * 删除单个实例
+   */
+  del(item: any) {
+    const ids = [];
+    ids.push(item.id);
+    this.service.request(this.service.$api_del_many, ids).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('删除成功');
+        this.st.reload();
+      }
+    });
+  }
+}
diff --git a/src/app/routes/partner/knowledge/banner/components/list/list.less b/src/app/routes/partner/knowledge/banner/components/list/list.less
new file mode 100644
index 00000000..d9b6c73f
--- /dev/null
+++ b/src/app/routes/partner/knowledge/banner/components/list/list.less
@@ -0,0 +1,9 @@
+.selectApp {
+    display: flex;
+    .appTitle {
+      font-size: 14px;
+    }
+  }
+  .redfont{
+    color: #f00;
+  }
\ No newline at end of file
diff --git a/src/app/routes/partner/knowledge/banner/services/banner.service.ts b/src/app/routes/partner/knowledge/banner/services/banner.service.ts
new file mode 100644
index 00000000..6710ef04
--- /dev/null
+++ b/src/app/routes/partner/knowledge/banner/services/banner.service.ts
@@ -0,0 +1,12 @@
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class BannerService extends BaseService {
+
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/partner/knowledge/classification/components/edit/edit.component.html b/src/app/routes/partner/knowledge/classification/components/edit/edit.component.html
new file mode 100644
index 00000000..855ada53
--- /dev/null
+++ b/src/app/routes/partner/knowledge/classification/components/edit/edit.component.html
@@ -0,0 +1,8 @@
+<nz-spin *ngIf="!i && status !== 'add'" class="modal-spin"></nz-spin>
+<sf #sf mode="edit" [schema]="schema" [ui]="ui" [formData]="i" button="none">
+  <div class="modal-footer">
+    <button nz-button type="button" (click)="close()">关闭</button>
+    <button nz-button type="submit" nzType="primary" (click)="save(sf.value)" [disabled]="!sf.valid"
+      [nzLoading]="service.http.loading">保存</button>
+  </div>
+</sf>
diff --git a/src/app/routes/partner/knowledge/classification/components/edit/edit.component.spec.ts b/src/app/routes/partner/knowledge/classification/components/edit/edit.component.spec.ts
new file mode 100644
index 00000000..e31fd9c9
--- /dev/null
+++ b/src/app/routes/partner/knowledge/classification/components/edit/edit.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { PartnerEditComponent } from './edit.component';
+
+describe('PartnerEditComponent', () => {
+  let component: PartnerEditComponent;
+  let fixture: ComponentFixture<PartnerEditComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ PartnerEditComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PartnerEditComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/partner/knowledge/classification/components/edit/edit.component.ts b/src/app/routes/partner/knowledge/classification/components/edit/edit.component.ts
new file mode 100644
index 00000000..817ac254
--- /dev/null
+++ b/src/app/routes/partner/knowledge/classification/components/edit/edit.component.ts
@@ -0,0 +1,111 @@
+import { Component, OnInit } from '@angular/core';
+import { apiConf } from '@conf/api.conf';
+import { SFSchema, SFUISchema } from '@delon/form';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { Observable, Observer } from 'rxjs';
+import { ClassificationService } from '../../services/classification.service';
+
+@Component({
+  selector: 'app-partner-edit',
+  templateUrl: './edit.component.html',
+})
+export class PartnerEditComponent implements OnInit {
+  record: any = {};
+  i: any;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  status = 'add';
+
+  constructor(
+    private modal: NzModalRef,
+    public service: ClassificationService
+  ) { }
+
+  ngOnInit(): void {
+    if (this.i) {
+      this.i.icon = [
+        {
+          uid: -1,
+          name: 'xxx.png',
+          status: 'done',
+          url: this.i.url,
+          response: {
+            resource_id: 1,
+          },
+        },
+      ]
+    }
+    this.initSF();
+
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        abnormalCause: {
+          title: '分类名称',
+          type: 'string',
+          maxLength: 5,
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        icon: {
+          type: 'string',
+          title: '图标',
+          ui: {
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg',
+            limit: 1,
+            resReName: 'url',
+            urlReName: 'url',
+            widget: 'upload',
+            descriptionI18n: '支持JPG、PNG格式，文件小于2M（建议尺寸  88px * 88px）',
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt2M = file.size / 1024 / 1024 < 2;
+                if (!isLt2M) {
+                  this.service.msgSrv.warning('图片大小超过2M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt2M);
+                observer.complete();
+              });
+            }
+          }
+        },
+        abnormalCause2: {
+          title: '排序',
+          type: 'number',
+          maximum: 99,
+          minimum: 0,
+          ui: {
+            placeholder: '请输入',
+            widgetWidth: 350
+          }
+        },
+      },
+      required: ['abnormalCause', 'icon', 'abnormalCause2']
+
+    }
+    this.ui = { '*': { spanLabelFixed: 90, grid: { span: 20, gutter: 4 } }, };
+
+  }
+
+  save(value: any): void {
+    this.service.request(`/user/${this.record.id}`, value).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('保存成功');
+        this.modal.close(true);
+      }
+
+    });
+  }
+
+  close(): void {
+    this.modal.destroy();
+  }
+}
diff --git a/src/app/routes/partner/knowledge/classification/components/list/list.component.html b/src/app/routes/partner/knowledge/classification/components/list/list.component.html
new file mode 100644
index 00000000..2947e9a8
--- /dev/null
+++ b/src/app/routes/partner/knowledge/classification/components/list/list.component.html
@@ -0,0 +1,28 @@
+<page-header-wrapper [title]="''">
+</page-header-wrapper>
+<nz-card>
+  <div nz-row nzGutter="8">
+    <div nz-col [nzSpan]="16">
+      <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="8">
+      <button nz-button nzType="primary" (click)="st?.load(1)">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+    </div>
+  </div>
+</nz-card>
+<nz-card>
+
+  <div class="mb-sm">
+    <button nz-button nzType="primary" (click)="add()">新增分类</button>
+  </div>
+  <st #st [data]="service.$api_get_account_management_page" [columns]="columns" [scroll]="{ x: '1200px' }"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="service.http.loading">
+    <ng-template st-row="icon" let-item>
+      <img nz-image width="64px" height="64px" [nzSrc]="item?.icon" alt="" />
+    </ng-template>
+  </st>
+</nz-card>
diff --git a/src/app/routes/partner/knowledge/classification/components/list/list.component.spec.ts b/src/app/routes/partner/knowledge/classification/components/list/list.component.spec.ts
new file mode 100644
index 00000000..f63ab2ec
--- /dev/null
+++ b/src/app/routes/partner/knowledge/classification/components/list/list.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { PartnerListComponent } from './list.component';
+
+describe('PartnerListComponent', () => {
+  let component: PartnerListComponent;
+  let fixture: ComponentFixture<PartnerListComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ PartnerListComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PartnerListComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/partner/knowledge/classification/components/list/list.component.ts b/src/app/routes/partner/knowledge/classification/components/list/list.component.ts
new file mode 100644
index 00000000..db88bed4
--- /dev/null
+++ b/src/app/routes/partner/knowledge/classification/components/list/list.component.ts
@@ -0,0 +1,173 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { PartnerAccountManagementVirtualAccountDetailComponent } from 'src/app/routes/partner/account-management/components/virtual-account-detail/virtual-account-detail.component';
+import { AccountManagemantService } from 'src/app/routes/partner/account-management/services/account-managemant.service';
+import { PartnerEditComponent } from '../edit/edit.component';
+
+@Component({
+  selector: 'app-partner-list',
+  templateUrl: './list.component.html',
+})
+export class PartnerKnowledgeClassificationListComponent implements OnInit {
+  url = `/user`;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf') private readonly sf!: SFComponent;
+  columns: STColumn[] = [];
+
+  constructor(public service: AccountManagemantService, public modal: NzModalService) { }
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params = { ...this.sf?.value };
+    return params
+  }
+
+  ngOnInit(): void {
+    this.initSF();
+    this.initST();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        abnormalCause: {
+          title: '分类ID',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        abnormalCause1: {
+          title: '分类名称',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        abnormalCause2: {
+          title: '状态',
+          type: 'string',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '正常', value: '1' },
+            { label: '禁用', value: '2' }
+          ],
+          default: '',
+        },
+      }
+    }
+    this.ui = { '*': { spanLabelFixed: 90, grid: { span: 8, gutter: 4 } }, };
+  }
+  /**
+ * 初始化数据列表
+ */
+  initST() {
+    this.columns = [
+      { title: '分类ID', index: 'carNo', className: 'text-center', width: 150 },
+      { title: '分类名称', render: 'carModelLabel', className: 'text-center', width: 200 },
+      { title: '图标', render: 'icon', className: 'text-center', width: 200 },
+      { title: '文章数', render: 'approvalStatus2', className: 'text-center', width: 120 },
+      { title: '排序', render: 'approvalStatus3', className: 'text-center', width: 120 },
+      { title: '状态', index: 'approvalStatus4', className: 'text-center', width: 120 },
+      { title: '最后修改时间', index: 'approvalStatus4', className: 'text-center', width: 180 },
+      {
+        title: '操作',
+        width: 150,
+        buttons: [
+          {
+            text: '修改',
+            click: (_record) => this.edit(_record)
+          },
+          {
+            text: '启用',
+            click: (_record) => this.operate(_record, 1)
+          },
+          {
+            text: '禁用',
+            click: (_record) => this.operate(_record, 2)
+          }
+        ]
+      }
+    ];
+  }
+
+  resetSF() {
+    this.sf.reset();
+    setTimeout(() => {
+      this.st.reset();
+    })
+  }
+
+  /**
+   *新增
+   * @param _record 当前行信息
+   */
+  add() {
+    const modalRef = this.modal.create({
+      nzTitle: '新增分类',
+      nzContent: PartnerEditComponent,
+      nzWidth: 600,
+      nzComponentParams: {
+        i: null
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((res: any) => {
+      if (res) {
+        this.st.load(1);
+      }
+    });
+  }
+
+  /**
+   *编辑
+   * @param _record 当前行信息
+   */
+  edit(record: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '修改分类',
+      nzContent: PartnerEditComponent,
+      nzWidth: 600,
+      nzComponentParams: {
+        i: record
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((res: any) => {
+      if (res) {
+        this.st.load(1);
+      }
+    });
+  }
+
+  /**
+ *禁用或者启动
+ * @param _record 当前行信息
+ */
+  operate(record: any, type = 1) {
+    this.modal.confirm({
+      nzTitle: `<b>确定${type === 1 ? '启用' : '禁用'}此分类吗？</b>`,
+      nzOnOk: () =>
+        this.service.request(this.service.$api_edit_one, { id: record.id }).subscribe((res) => {
+          if (res) {
+            this.st.load(1);
+            this.service.msgSrv.success(`${type === 1 ? '启用' : '禁用'}成功！`);
+          }
+        }),
+    });
+  }
+
+  /**
+   *
+   */
+  export() {
+
+  }
+
+}
diff --git a/src/app/routes/demo/services/demo.service.ts b/src/app/routes/partner/knowledge/classification/services/classification.service.ts
similarity index 61%
rename from src/app/routes/demo/services/demo.service.ts
rename to src/app/routes/partner/knowledge/classification/services/classification.service.ts
index 0bc392c4..034cdb74 100644
--- a/src/app/routes/demo/services/demo.service.ts
+++ b/src/app/routes/partner/knowledge/classification/services/classification.service.ts
@@ -1,10 +1,11 @@
 import { Injectable, Injector } from '@angular/core';
-import { BaseService } from 'src/app/shared/services';
+import { BaseService } from '@shared';
 
 @Injectable({
   providedIn: 'root'
 })
-export class DemoService extends BaseService {
+export class ClassificationService extends BaseService {
+
   constructor(public injector: Injector) {
     super(injector);
   }
diff --git a/src/app/routes/partner/level-config/components/edit/edit.component.html b/src/app/routes/partner/level-config/components/edit/edit.component.html
new file mode 100644
index 00000000..ba3e7981
--- /dev/null
+++ b/src/app/routes/partner/level-config/components/edit/edit.component.html
@@ -0,0 +1,7 @@
+<sf #sf [ui]="ui" [schema]="schema" [button]="'none'" [formData]="i">
+</sf>
+
+<div *nzModalFooter>
+  <button nz-button nzType="default" (click)="close()">取消</button>
+  <button nz-button nzType="primary" (click)="save()">确认</button>
+</div>
diff --git a/src/app/routes/partner/level-config/components/edit/edit.component.ts b/src/app/routes/partner/level-config/components/edit/edit.component.ts
new file mode 100644
index 00000000..029381d5
--- /dev/null
+++ b/src/app/routes/partner/level-config/components/edit/edit.component.ts
@@ -0,0 +1,85 @@
+import { AfterViewInit, ChangeDetectorRef, Component, OnChanges, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { SFComponent, SFRadioWidgetSchema, SFSchema, SFSchemaEnumType, SFSelectWidgetSchema, SFTextareaWidgetSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { AmapPoiPickerComponent } from 'src/app/shared/components/amap';
+import { ChannelSalesService } from '../../services/level-config.service';
+
+@Component({
+  selector: 'app-parter-LevelConfig-edit',
+  templateUrl: './edit.component.html'
+})
+export class ParterLevelConfigEditComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  i: any;
+  type: any;
+
+  constructor(
+    public http: _HttpClient,
+    private cdr: ChangeDetectorRef,
+    private route: ActivatedRoute,
+    private modalService: NzModalService,
+    public service: ChannelSalesService,
+    private modalRef: NzModalRef
+  ) {}
+
+  ngOnInit(): void {
+    this.initSF();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        id: {
+          type: 'string',
+          title: '',
+          ui: { hidden: true }
+        },
+        gradeName: {
+          title: '等级名称',
+          type: 'string',
+        },
+        sortId: {
+          title: '排序',
+          type: 'string',
+        },
+        remark: {
+          type: 'string',
+          title: '备注',
+          maxLength: 50,
+          ui: {
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 6 },
+            placeholder:'请输入50字符'
+          } as SFTextareaWidgetSchema,
+        },
+      },
+      required: ['gradeName', 'sortId', 'remark']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 120,
+        grid: { span: 24 }
+      },
+    };
+  }
+
+  close() {
+    this.modalRef.destroy();
+  }
+  save() {
+    this.sf.validator({ emitError: true });
+    if(!this.sf.valid) return;
+    this.service.request(this.service.$api_save, { ...this.sf.value }).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('保存成功！')
+        this.modalRef.destroy(true);
+      } else {
+        this.service.msgSrv.error(res.msg);
+      }
+    });
+  }
+}
diff --git a/src/app/routes/partner/level-config/components/list/list.component.html b/src/app/routes/partner/level-config/components/list/list.component.html
new file mode 100644
index 00000000..e6f50f99
--- /dev/null
+++ b/src/app/routes/partner/level-config/components/list/list.component.html
@@ -0,0 +1,27 @@
+<nz-card>
+  <!-- 搜索区 -->
+  <sf
+    #sf
+    [ui]="ui"
+    [schema]="schema"
+    [mode]="'search'"
+    (formSubmit)="st?.load(1)"
+    (formReset)="resetSF()"
+  ></sf>
+</nz-card>
+
+<nz-card>
+  <button nz-button nzType="primary" style="margin-bottom: 24px" (click)="add()"><i nz-icon nzType="plus"></i>新增</button>
+  <!-- 数据列表 -->
+  <st
+    #st
+    [data]="service.$api_getList"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loadingDelay]="500"
+    [loading]="service.http.loading"
+  >
+  </st>
+</nz-card>
diff --git a/src/app/routes/partner/level-config/components/list/list.component.ts b/src/app/routes/partner/level-config/components/list/list.component.ts
new file mode 100644
index 00000000..e079f0e7
--- /dev/null
+++ b/src/app/routes/partner/level-config/components/list/list.component.ts
@@ -0,0 +1,190 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { processSingleSort } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ChannelSalesService } from '../../services/level-config.service';
+import { ParterLevelConfigEditComponent } from '../edit/edit.component';
+
+@Component({
+  selector: 'app-parter-LevelConfig-list',
+  templateUrl: './list.component.html'
+})
+export class ParterLevelConfigListComponent implements OnInit {
+  schema: SFSchema = {};
+  columns!: STColumn[];
+  ui!: SFUISchema;
+  @ViewChild('st', { static: false })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  spuStatus = '1';
+
+  data=[{name1:1111}]
+  constructor(
+    public router: Router,
+    public ar: ActivatedRoute,
+    public service: ChannelSalesService,
+    private modalService: NzModalService
+  ) {}
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    return { ...this.sf?.value };
+  }
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        gradeName: {
+          type: 'string',
+          title: '等级姓名',
+        },
+        stateLocked: {
+          type: 'string',
+          title: '状态',
+          enum:[{label:'启用',value:'1'},{label:'禁用',value:'0'}],
+          ui:{
+            widget:'select',
+          }
+        },
+      }
+    };
+    this.ui = {
+      '*': {
+        width:300,
+        grid: { span: 12, gutter: 4 }
+      }
+    };
+  }
+
+  initST() {
+    this.columns = [
+      {
+        title: '等级姓名',
+        index: 'gradeName'
+      },
+      {
+        title: '备注',
+        index: 'remark'
+      },
+      {
+        title: '创建时间',
+        index: 'createTime'
+      },
+      {
+        title: '启用时间',
+        index: 'enableTime'
+      },
+      {
+        title: '状态',
+        index: 'stateLocked',
+        format: (item: any) => {
+          return item.stateLocked ? '禁用':'启用'
+        }
+      },
+      {
+        title: '操作',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '编辑',
+            click: (_record, _modal, _instance) => this.edit(_record),
+          },
+          {
+            text: '禁用',
+            click: (_record, _modal, _instance) => this.stop(_record),
+            iif:(item)=>!item.stateLocked
+          },
+          {
+            text: '启用',
+            click: (_record, _modal, _instance) => this.restart(_record),
+            iif:(item)=>item.stateLocked
+          }
+        ]
+      }
+    ];
+  }
+
+  add() {
+    const modalRef = this.modalService.create({
+      nzWidth:500,
+      nzTitle: '新增',
+      nzContent: ParterLevelConfigEditComponent,
+      nzComponentParams: { type: this.spuStatus }
+    });
+    modalRef.afterClose.subscribe(res => {
+      if (res) {
+        this.st.reload();
+      }
+    });
+  }
+
+  // 编辑
+  edit(record: STData) {
+    const modalRef = this.modalService.create({
+      nzWidth:500,
+      nzTitle: '编辑',
+      nzContent: ParterLevelConfigEditComponent,
+      nzComponentParams: { i: record, type: this.spuStatus }
+    });
+    modalRef.afterClose.subscribe(res => {
+      if (res) {
+        this.st.reload();
+      }
+    });
+  }
+
+   // 编辑
+   view(record: STData) {
+    const modalRef = this.modalService.create({
+      nzTitle: '查看',
+      nzContent: ParterLevelConfigEditComponent,
+      nzComponentParams: { i: record }
+    });
+  }
+
+  restart(item: any) {
+    this.modalService.confirm({
+      nzTitle: '<i>启用确认</i>',
+      nzContent: `<b>确定启用该账号吗？</br>`,
+      nzOnOk: () =>
+        this.service.request(this.service.$api_updatePartnerGradeConfig, {id:item.id}).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('启用成功！');
+            this.st.reload();
+          }
+        })
+    });
+  }
+  stop(item: any) {
+    this.modalService.confirm({
+      nzTitle: '<i>禁用确认</i>',
+      nzContent: `<b>确定禁用该账号吗？</br>`,
+      nzOnOk: () =>
+        this.service.request(this.service.$api_updatePartnerGradeConfig, {id:item.id}).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('禁用成功！');
+            this.st.reload();
+          }
+        })
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this.st.load(1);
+  }
+
+
+}
diff --git a/src/app/routes/partner/level-config/services/level-config.service.ts b/src/app/routes/partner/level-config/services/level-config.service.ts
new file mode 100644
index 00000000..df8e18b3
--- /dev/null
+++ b/src/app/routes/partner/level-config/services/level-config.service.ts
@@ -0,0 +1,22 @@
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ChannelSalesService extends BaseService {
+  // 查询合伙人等级配置表
+  $api_getList = '/api/mdc/partnerGradeConfig/list/page';
+  // 获取合伙人等级配置表
+  $api_getPartnerGradeConfig = '/api/mdc/partnerGradeConfig/get';
+  // 保存合伙人等级配置表
+  $api_save = '/api/mdc/partnerGradeConfig/save';
+  // 删除合伙人等级配置表
+  $api_del = '/api/mdc/partnerGradeConfig/deletebatch';
+  // 启用/禁用等级配置
+  $api_updatePartnerGradeConfig = '/api/mdc/partnerGradeConfig/updatePartnerGradeConfig';
+
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/partner/partner-list/components/add-etp-partner/add-etp-partner.component.html b/src/app/routes/partner/partner-list/components/add-etp-partner/add-etp-partner.component.html
new file mode 100644
index 00000000..bd95c61e
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/add-etp-partner/add-etp-partner.component.html
@@ -0,0 +1,91 @@
+<page-header-wrapper [logo]="logo" [title]="'新增企业合伙人'">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+  <sf #sf [ui]="ui" [schema]="schema" [button]="'none'">
+    <!-- 企业基本信 -->
+    <ng-template sf-template="_basicInfoTitle" let-me let-ui="ui" let-schema="schema">
+      <div class="form-title">企业基本信息</div>
+    </ng-template>
+    <ng-template sf-template="_licenseTips" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        请上传营业执照原件的高清照片，若上传复印件，则需加盖公司印章；
+        <div>上传后系统会自动识别并填写</div>
+      </div>
+    </ng-template>
+    <ng-template sf-template="unit" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">万元</div>
+    </ng-template>
+
+    <!-- 企业法人信息 -->
+    <ng-template sf-template="legalPersonIdentity/_legalPersontitle" let-me let-ui="ui" let-schema="schema">
+      <div class="form-title" style="margin-top: 40px; margin-left: -180px">营业执照法人信息</div>
+    </ng-template>
+    <ng-template sf-template="legalPersonIdentity/_certificatePhototips" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        <div>请上传身份证原件的高清照片，若上传复印件，则需申请人签字；</div>
+        <div>上传后系统会自动识别并填写</div>
+      </div>
+    </ng-template>
+    <ng-template sf-template="legalPersonIdentity/_certificatePhotoExmplateA" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        <dl class="tips">
+          <dt>正面照（人像面）</dt>
+          <dd>示例</dd>
+        </dl>
+        <div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-front.png" /></div>
+      </div>
+    </ng-template>
+    <ng-template sf-template="legalPersonIdentity/_certificatePhotoExmplateB" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        <dl class="tips">
+          <dt>背面照（国徽面）</dt>
+          <dd>示例</dd>
+        </dl>
+        <div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-back.png" /></div>
+      </div>
+    </ng-template>
+
+    <!-- 企业管理员信息 -->
+    <ng-template sf-template="_adminTitle" let-me let-ui="ui" let-schema="schema">
+      <div class="form-title" style="margin-top: 40px; margin-left: -180px">企业管理员信息</div>
+    </ng-template>
+    <ng-template sf-template="adminUserInfo/_adminCertificatePhotoTipsA" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        <dl class="tips">
+          <dt>正面照（人像面）</dt>
+          <dd>示例</dd>
+        </dl>
+        <div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-front.png" /></div>
+      </div>
+    </ng-template>
+    <ng-template sf-template="adminUserInfo/_adminCertificatePhotoTipsB" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        <dl class="tips">
+          <dt>背面照（国徽面）</dt>
+          <dd>示例</dd>
+        </dl>
+        <div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-back.png" /></div>
+      </div>
+    </ng-template>
+
+    <!-- 所属城市 -->
+    <ng-template sf-template="_addressTitle" let-me let-ui="ui" let-schema="schema">
+      <div class="form-title" style="margin-top: 40px; margin-left: -180px">所属城市</div>
+    </ng-template>
+
+    <!-- 渠道销售 -->
+    <ng-template sf-template="_channelTitle" let-me let-ui="ui" let-schema="schema">
+      <div class="form-title" style="margin-top: 40px; margin-left: -180px">渠道销售</div>
+    </ng-template>
+  </sf>
+
+  <div style="display: flex; justify-content: center">
+    <button nz-button type="button" nzType="primary" (click)="submitForm()" [nzLoading]="service.http.loading">确认新增</button>
+    <button nz-button (click)="goBack()">返回</button>
+  </div>
+</nz-card>
diff --git a/src/app/routes/partner/partner-list/components/add-etp-partner/add-etp-partner.component.less b/src/app/routes/partner/partner-list/components/add-etp-partner/add-etp-partner.component.less
new file mode 100644
index 00000000..6b70e074
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/add-etp-partner/add-etp-partner.component.less
@@ -0,0 +1,68 @@
+:host {
+    ::ng-deep {
+      nz-card {
+  
+        .pr {
+          position: relative;
+        }
+  
+        .pa {
+          position: absolute;
+          top     : 50px;
+          left    : 150px;
+        }
+  
+        .tips {
+          display      : flex;
+          margin-bottom: 0;
+          color        : #333;
+  
+          dt {
+            width: 150px;
+          }
+  
+          dd {
+            width        : 190px;
+            margin-bottom: 0;
+            text-align   : center;
+          }
+        }
+  
+        .form-title {
+          margin-bottom: 10px;
+          padding-left : 8px;
+          color        : #333;
+          font-weight  : 700;
+          font-size    : 18px;
+          line-height  : 20px;
+          border-left  : solid 3px #1890ff;
+        }
+  
+      }
+  
+      .ant-form-item {
+        margin-left: 180px;
+      }
+  
+      nz-date-picker,
+      nz-input-number {
+        width: 100% !important;
+      }
+  
+      .input-back {
+        nz-form-item {
+          margin-left: 0px;
+  
+          .ant-form-item-label {
+            flex: 0 !important;
+          }
+  
+          .ant-form-item-control {
+            max-width  : 100% !important;
+            margin-left: 20px !important;
+          }
+        }
+      }
+  
+    }
+  }
\ No newline at end of file
diff --git a/src/app/routes/partner/partner-list/components/add-etp-partner/add-etp-partner.component.ts b/src/app/routes/partner/partner-list/components/add-etp-partner/add-etp-partner.component.ts
new file mode 100644
index 00000000..14efa97f
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/add-etp-partner/add-etp-partner.component.ts
@@ -0,0 +1,666 @@
+import { Component, ViewChild } from '@angular/core';
+import { apiConf } from '@conf/api.conf';
+import {
+  SFUploadWidgetSchema,
+  SFComponent,
+  SFSchema,
+  SFUISchema,
+  SFDateWidgetSchema,
+  SFCheckboxWidgetSchema,
+  SFTreeSelectWidgetSchema
+} from '@delon/form';
+import { NzTreeNode } from 'ng-zorro-antd/tree';
+import { NzUploadFile } from 'ng-zorro-antd/upload';
+import { of, Subscription } from 'rxjs';
+import { map } from 'rxjs/operators';
+
+import { PartnerListService } from '../../services/partner-list.service';
+
+const IMAGECONFIG = {
+  previewFile: (file: NzUploadFile) => of(file.url),
+  action: apiConf.waterFileUpload,
+  fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+  fileSize: 5120,
+  limit: 1,
+  limitFileCount: 1,
+  resReName: 'data.fullFileWatermarkPath',
+  urlReName: 'data.fullFileWatermarkPath',
+  widget: 'upload',
+  name: 'multipartFile',
+  multiple: false,
+  listType: 'picture-card'
+} as SFUploadWidgetSchema;
+
+const DATECONFIG = {
+  grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+  widget: 'date',
+  format: 'yyyy-MM-dd',
+  placeholder: '请选择'
+};
+
+@Component({
+  selector: 'app-add-etp-partner',
+  templateUrl: './add-etp-partner.component.html',
+  styleUrls: ['./add-etp-partner.component.less']
+})
+export class AddEtpPartnerComponent {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  schema: SFSchema = this.initBasicInfoSF();
+  ui: SFUISchema = {
+    '*': {
+      spanLabelFixed: 180,
+      grid: { span: 24 }
+    },
+    $_basicInfoTitle: {
+      spanLabelFixed: 0
+    },
+    $_legalPersontitle: {
+      spanLabelFixed: 0
+    },
+    $_isLoingDate: {
+      spanLabelFixed: 100,
+      grid: { xxl: 6, xl: 6, lg: 4, md: 6 }
+    }
+  };
+
+  getIdentityInfoSub = new Subscription();
+  loadingIdentityInfoSub = false;
+
+  constructor(public service: PartnerListService) {}
+
+  submitForm() {
+    if (!this.sf.valid) {
+      this.sf.validator({ emitError: true });
+      this.service.msgSrv.warning('请修改填写错误信息');
+      return;
+    }
+    if (this.sf.value.cityCodesList?.length > 3) {
+      this.sf.validator({ emitError: true });
+      this.service.msgSrv.warning('所属城市不能超过3个');
+      return;
+    }
+    // 校验企业营业期限
+    const operatingStartTime = new Date(this.sf.value.operatingStartTime);
+    const operatingEndTime = new Date(this.sf.value.operatingEndTime);
+    if (operatingStartTime.getTime() > operatingEndTime.getTime()) {
+      this.service.msgSrv.warning('营业截止日期不能小于开始日期');
+      return;
+    }
+    // 校验法人证件有效期限
+    if (this.sf.value.legalPersonIdentity.validEndTime) {
+      const validStartTime = new Date(this.sf.value.legalPersonIdentity.validStartTime);
+      const validEndTime = new Date(this.sf.value.legalPersonIdentity.validEndTime);
+      if (validStartTime.getTime() > validEndTime.getTime()) {
+        this.service.msgSrv.warning('法人证件有效截止日期不能小于开始日期');
+        return;
+      }
+    }
+    // 校验管理员证件有效期限
+    if (this.sf.value.adminUserInfo.validEndTime) {
+      const validStartTime = new Date(this.sf.value.adminUserInfo.validStartTime);
+      const validEndTime = new Date(this.sf.value.adminUserInfo.validEndTime);
+      if (validStartTime.getTime() > validEndTime.getTime()) {
+        this.service.msgSrv.warning('管理员证件有效截止日期小于开始日期');
+        return;
+      }
+    }
+    const params = {};
+    Object.assign(params, { ...this.sf.value, source: 2 });
+    // console.log(params);
+
+    this.service.request(this.service.$api_save_entp_partner, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('新增企业合伙人成功');
+        this.goBack();
+      }
+    });
+  }
+
+  /*
+   * 根据地区code查询地区列表
+   */
+  getRegionDetailByCode(regionCode: any) {
+    return this.service.request(this.service.$api_get_region_by_code, { regionCode });
+  }
+
+  // 识别身份证 参数isFront：front-正面、back-背面；type：0-申请人身份证，1-法定代表人身份证
+  checkIdCard(imgurl: any, isFront: string, type: number) {
+    const params = {
+      idCardUrl: imgurl,
+      side: isFront
+    };
+    this.service.request(this.service.$api_ocr_recognize_id_card, params).subscribe(res => {
+      if (res) {
+        if (type === 1) {
+          // 法定代表人证件照
+          if (isFront === 'front') {
+            // 正面
+            if (res.name) {
+              this.sf.setValue('/legalPersonIdentity/name', res.name);
+            }
+            if (res.number) {
+              this.sf.setValue('/legalPersonIdentity/certificateType', 0);
+              this.sf.setValue('/legalPersonIdentity/certificateNumber', res.number);
+            }
+          }
+          if (isFront === 'back') {
+            // 背面
+            if (res.validFrom) {
+              this.sf.setValue('/legalPersonIdentity/validStartTime', res.validFrom);
+            }
+            if (res.validTo) {
+              this.sf.setValue('/legalPersonIdentity/validEndTime', res.validTo);
+              this.sf.setValue('/legalPersonIdentity/_isLoingDate', false);
+            } else {
+              this.sf.setValue('/legalPersonIdentity/_isLoingDate', true);
+            }
+          }
+        }
+        // 企业管理员证件照
+        if (type === 0) {
+          if (isFront === 'front') {
+            // 正面
+            if (res.name) {
+              this.sf.setValue('/adminUserInfo/name', res.name);
+            }
+            if (res.number) {
+              this.sf.setValue('/adminUserInfo/certificateNumber', res.number);
+            }
+          }
+          if (isFront === 'back') {
+            // 背面
+            if (res.validFrom) {
+              this.sf.setValue('/adminUserInfo/validStartTime', res.validFrom);
+            }
+            if (res.validTo) {
+              this.sf.setValue('/adminUserInfo/validEndTime', res.validTo);
+              this.sf.setValue('/adminUserInfo/_isLoingDate', false);
+            } else {
+              this.sf.setValue('/adminUserInfo/_isLoingDate', true);
+            }
+          }
+        }
+      }
+    });
+  }
+
+  // 识别营业执照
+  checkBusinessLicense(imgurl: any) {
+    this.service.request(this.service.$api_ocr_recognize_business_license, { businessLicenseUrl: imgurl }).subscribe(res => {
+      if (res) {
+        if (res.registrationNumber) {
+          this.sf.setValue('/unifiedSocialCreditCode', res.registrationNumber);
+        }
+        if (res.name) {
+          this.sf.setValue('/enterpriseName', res.name);
+        }
+        if (res.businessTermStartDate) {
+          this.sf.setValue('/operatingStartTime', res.businessTermStartDate);
+        }
+        if (res.businessTermEndDate) {
+          this.sf.setValue('/operatingEndTime', res.businessTermEndDate);
+          this.sf.setValue('/_isLoingDate', false);
+        } else {
+          this.sf.setValue('/_isLoingDate', true);
+        }
+      }
+    });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+
+  private initBasicInfoSF(): SFSchema {
+    return {
+      properties: {
+        // 企业基本信息
+        _basicInfoTitle: { title: '', type: 'string', ui: { widget: 'custom' } },
+        _licenseTips: { title: '营业执照', type: 'string', ui: { widget: 'custom' }, default: true },
+        licensePhoto: { title: '', type: 'string', ui: { hidden: true } },
+        licensePhotoWatermark: {
+          type: 'string',
+          title: '',
+          ui: {
+            ...IMAGECONFIG,
+            descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+            change: args => {
+              if (args.type === 'success') {
+                this.sf.setValue('/licensePhoto', args.fileList[0].response.data.fullFilePath);
+                this.checkBusinessLicense(args.fileList[0].response.data.fullFilePath);
+              }
+            }
+          } as SFUploadWidgetSchema
+        },
+        unifiedSocialCreditCode: {
+          title: '统一社会信用代码',
+          type: 'string',
+          minLength: 1,
+          maxLength: 30,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            optionalHelp:
+              '为了企业用户的使用体验，若公司代码即统一社会信用代码已在本应用其他关联平台注册，则此处填写的公司资料将同步更新至对应已注册的平台',
+            placeholder: '请输入营业执照上的统一社会信用代码',
+            errors: {
+              required: '请输入18位公司代码'
+            }
+          }
+        },
+        enterpriseName: {
+          title: '公司名称',
+          type: 'string',
+          minLength: 1,
+          maxLength: 100,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请输入营业执照上的统一社会信用代码',
+            errors: {
+              required: '请输入公司名称'
+            }
+          }
+        },
+        operatingStartTime: {
+          title: '营业期限',
+          type: 'string',
+          ui: {
+            ...DATECONFIG,
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            errors: {
+              required: '请选择开始日期'
+            }
+          } as SFDateWidgetSchema
+        },
+        operatingEndTime: {
+          title: '',
+          type: 'string',
+          ui: {
+            ...DATECONFIG,
+            grid: { xxl: 13, xl: 18, lg: 20, md: 18 },
+            errors: {
+              required: '请选择截止日期'
+            },
+            change: i => {
+              this.sf?.setValue('/_isLoingDate', false);
+            }
+          } as SFDateWidgetSchema
+        },
+        _isLoingDate: {
+          title: '长期',
+          type: 'boolean',
+          ui: {
+            class: 'input-back',
+            widget: 'checkbox',
+            change: i => this.sf?.setValue('/operatingEndTime', null)
+          } as SFCheckboxWidgetSchema
+        },
+
+        // 法人信息
+        legalPersonIdentity: {
+          type: 'object',
+          properties: {
+            _legalPersontitle: { title: '', type: 'string', ui: { widget: 'custom' } },
+            _certificatePhototips: { title: '法定代表人证件照', type: 'string', ui: { widget: 'custom' }, default: true },
+            _certificatePhotoExmplateA: { title: '', type: 'string', ui: { widget: 'custom', offsetControl: 6 } },
+            certificatePhotoFrontWatermark: {
+              type: 'string',
+              title: '',
+              ui: {
+                ...IMAGECONFIG,
+                descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+                change: args => {
+                  if (args.type === 'success') {
+                    this.sf.setValue('/legalPersonIdentity/certificatePhotoFront', args.fileList[0].response.data.fullFilePath);
+                    this.checkIdCard(args.fileList[0].response.data.fullFilePath, 'front', 1);
+                  }
+                }
+              } as SFUploadWidgetSchema
+            },
+            _certificatePhotoExmplateB: { title: '', type: 'string', ui: { widget: 'custom', offsetControl: 6 } },
+            certificatePhotoFront: { title: '', type: 'string', ui: { hidden: true } },
+            certificatePhotoBack: { title: '', type: 'string', ui: { hidden: true } },
+            certificatePhotoBackWatermark: {
+              type: 'string',
+              title: '',
+              ui: {
+                ...IMAGECONFIG,
+                descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+                change: args => {
+                  if (args.type === 'success') {
+                    this.sf.setValue('/legalPersonIdentity/certificatePhotoBack', args.fileList[0].response.data.fullFilePath);
+                    this.checkIdCard(args.fileList[0].response.data.fullFilePath, 'back', 1);
+                  }
+                }
+              } as SFUploadWidgetSchema
+            },
+            name: {
+              title: '法人代表姓名',
+              type: 'string',
+              maxLength: 8,
+              ui: {
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                placeholder: '请输入营业执照上的法人姓名'
+              }
+            },
+            certificateType: {
+              type: 'string',
+              title: '法人证件类型',
+              enum: [
+                { label: '大陆身份证', value: 0 },
+                { label: '港澳居民通行证', value: 1 },
+                { label: '香港居民通行证', value: 2 }
+              ],
+              default: 0,
+              ui: {
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                widget: 'select'
+              }
+            },
+            certificateNumber: {
+              title: ' 法定代表人证件号',
+              type: 'string',
+              format: 'id-card',
+              minLength: 1,
+              maxLength: 18,
+              ui: {
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                placeholder: '请输入法定代表人证件号'
+              }
+            },
+            validStartTime: {
+              title: '法人证件有效开始日期',
+              type: 'string',
+              ui: {
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                widget: 'date',
+                format: 'yyyy-MM-dd',
+                placeholder: '请选择',
+                errors: {
+                  required: '请选择开始日期'
+                }
+              } as SFDateWidgetSchema
+            },
+            validEndTime: {
+              title: '法人证件有效截止日期',
+              type: 'string',
+              ui: {
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                widget: 'date',
+                format: 'yyyy-MM-dd',
+                placeholder: '请选择',
+                errors: {
+                  required: '请选择截止日期'
+                },
+                change: i => {
+                  this.sf?.setValue('/legalPersonIdentity/_isLoingDate', false);
+                }
+              } as SFDateWidgetSchema
+            },
+            _isLoingDate: {
+              title: '长期',
+              type: 'boolean',
+              ui: {
+                spanLabelFixed: 100,
+                grid: { span: 6 },
+                class: 'input-back',
+                widget: 'checkbox',
+                change: i => this.sf?.setValue('/legalPersonIdentity/validEndTime', null)
+              } as SFCheckboxWidgetSchema
+            }
+          },
+          required: [
+            '_certificatePhototips',
+            'certificatePhotoFront',
+            'certificatePhotoBack',
+            'name',
+            'certificateType',
+            'certificateNumber',
+            'validStartTime'
+          ]
+        },
+        _adminTitle: { title: '', type: 'string', ui: { widget: 'custom' } },
+        adminMobile: {
+          title: ' 企业管理员手机号',
+          type: 'string',
+          minLength: 1,
+          format: 'mobile',
+          maxLength: 11,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请输入企业管理员手机号',
+            errors: { required: '请输入企业管理员手机号', format: '手机号格式错误' },
+            change: (mobile: any) => {
+              // 根据手机号获取实名信息
+              if (mobile?.length === 11) {
+                if (this.loadingIdentityInfoSub) {
+                  this.getIdentityInfoSub.unsubscribe();
+                }
+                this.loadingIdentityInfoSub = true;
+                this.getIdentityInfoSub = this.service.request(this.service.$api_get_identityInfo_by_mobile, { mobile }).subscribe(
+                  res => {
+                    if (res) {
+                      this.setInfo(res);
+                      this.sf.setValue('/adminUserInfo/id', res.id);
+                      this.sf.setValue('/adminUserInfo/userId', res.userId);
+                    }
+                    this.loadingIdentityInfoSub = false;
+                  },
+                  _ => {},
+                  () => (this.loadingIdentityInfoSub = false)
+                );
+              }
+            }
+          }
+        },
+        // 企业管理员信息
+        adminUserInfo: {
+          type: 'object',
+          properties: {
+            _adminCertificatePhotoTipsA: {
+              title: '企业管理员证件照',
+              type: 'string',
+              ui: {
+                widget: 'custom'
+              },
+              default: true
+            },
+            id: { title: '', type: 'string', ui: { hidden: true } },
+            userId: { title: '', type: 'string', ui: { hidden: true } },
+            certificatePhotoFront: { title: '', type: 'string', ui: { hidden: true } },
+            certificatePhotoBack: { title: '', type: 'string', ui: { hidden: true } },
+            certificatePhotoFrontWatermark: {
+              type: 'string',
+              title: '',
+              ui: {
+                ...IMAGECONFIG,
+                descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+                change: args => {
+                  if (args.type === 'success') {
+                    this.sf.setValue('/adminUserInfo/certificatePhotoFront', args.fileList[0].response.data.fullFilePath);
+                    this.checkIdCard(args.fileList[0].response.data.fullFilePath, 'front', 0);
+                  }
+                }
+              } as SFUploadWidgetSchema
+            },
+            _adminCertificatePhotoTipsB: {
+              title: '',
+              type: 'string',
+              ui: {
+                widget: 'custom',
+                offsetControl: 6
+              }
+            },
+            certificatePhotoBackWatermark: {
+              type: 'string',
+              title: '',
+              ui: {
+                ...IMAGECONFIG,
+                descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+                change: args => {
+                  if (args.type === 'success') {
+                    this.sf.setValue('/adminUserInfo/certificatePhotoBack', args.fileList[0].response.data.fullFilePath);
+                    this.checkIdCard(args.fileList[0].response.data.fullFilePath, 'back', 0);
+                  }
+                }
+              } as SFUploadWidgetSchema
+            },
+            name: {
+              title: '企业管理员姓名',
+              type: 'string',
+              maxLength: 8,
+              ui: {
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                placeholder: '请输入企业管理员姓名'
+              }
+            },
+            certificateNumber: {
+              title: '企业管理员身份证号',
+              type: 'string',
+              format: 'id-card',
+              minLength: 1,
+              maxLength: 18,
+              ui: {
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                placeholder: '请输入企业管理员身份证号'
+              }
+            },
+            validStartTime: {
+              title: '身份证有效开始日期',
+              type: 'string',
+              ui: {
+                ...DATECONFIG,
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                errors: {
+                  required: '请选择开始日期'
+                }
+              } as SFDateWidgetSchema
+            },
+            validEndTime: {
+              title: '身份证有效截止日期',
+              type: 'string',
+              ui: {
+                ...DATECONFIG,
+                grid: { xxl: 13, xl: 18, lg: 20, md: 18 },
+                errors: {
+                  required: '请选择截止日期'
+                },
+                change: i => {
+                  this.sf?.setValue('/adminUserInfo/_isLoingDate', false);
+                }
+              } as SFDateWidgetSchema
+            },
+            _isLoingDate: {
+              title: '长期',
+              type: 'boolean',
+              ui: {
+                spanLabelFixed: 100,
+                grid: { span: 6 },
+                class: 'input-back',
+                widget: 'checkbox',
+                change: i => this.sf?.setValue('/adminUserInfo/validEndTime', null)
+              } as SFCheckboxWidgetSchema
+            }
+          },
+          required: ['_adminCertificatePhotoTipsA', 'name', 'certificateNumber', 'operatingStartTime']
+        },
+        // 所属城市
+        _addressTitle: { title: '', type: 'string', ui: { widget: 'custom' } },
+        cityCodesList: {
+          type: 'string',
+          title: '所属城市',
+          ui: {
+            widget: 'tree-select',
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请选择城市(最多3个)',
+            checkable: true,
+            class: 'city-tree-select',
+            asyncData: () =>
+              this.getRegionDetailByCode('').pipe(
+                map((res: any) =>
+                  res.map((item: any) => ({ ...item, title: item.name, key: item.regionCode, disabled: true, isDisableCheckbox: true }))
+                )
+              ),
+            expandChange: ({ node }: { node: NzTreeNode }) =>
+              this.getRegionDetailByCode(node.key).pipe(
+                map((res: any) => res.map((item: any) => ({ ...item, title: item.name, key: item.regionCode, isLeaf: true })))
+              )
+          } as SFTreeSelectWidgetSchema
+        },
+        // 渠道销售
+        _channelTitle: { title: '', type: 'string', ui: { widget: 'custom' } },
+        invitationCode: {
+          title: '渠道销售邀请码',
+          type: 'string',
+          minLength: 1,
+          maxLength: 100,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请输入渠道销售邀请码',
+            errors: {
+              required: '请输入渠道销售邀请码'
+            }
+          }
+        }
+      },
+      required: [
+        '_licenseTips',
+        'licensePhotoWatermark',
+        'unifiedSocialCreditCode',
+        'enterpriseName',
+        'operatingStartTime',
+        'cityCodesList',
+        'adminMobile',
+        'invitationCode'
+      ]
+    };
+  }
+
+  private setInfo(info: any) {
+    if (info.name) {
+      this.sf.setValue('/adminUserInfo/name', info.name);
+    }
+    if (info.certificatePhotoFront) {
+      this.sf.setValue('/adminUserInfo/certificatePhotoFront', info.certificatePhotoFront);
+    }
+    if (info.certificatePhotoFrontWatermark) {
+      console.log(this.sf.getProperty('/adminUserInfo/certificatePhotoFrontWatermark'));
+
+      this.sf.setValue('/adminUserInfo/certificatePhotoFrontWatermark', [
+        {
+          uid: -1,
+          name: '文件',
+          status: 'done',
+          url: info.certificatePhotoFrontWatermark,
+          response: info.certificatePhotoFrontWatermark
+        }
+      ]);
+    }
+    if (info.certificatePhotoBack) {
+      this.sf.setValue('/adminUserInfo/certificatePhotoBack', info.certificatePhotoBack);
+    }
+    if (info.certificatePhotoBackWatermark) {
+      this.sf.setValue('/adminUserInfo/certificatePhotoBackWatermark', [
+        {
+          uid: -1,
+          name: '文件',
+          status: 'done',
+          url: info.certificatePhotoBackWatermark,
+          response: info.certificatePhotoBackWatermark
+        }
+      ]);
+    }
+    if (info.certificateNumber) {
+      this.sf.setValue('/adminUserInfo/certificateNumber', info.certificateNumber);
+    }
+    if (info.validStartTime) {
+      this.sf.setValue('/adminUserInfo/validStartTime', info.validStartTime);
+    }
+    if (info.validEndTime) {
+      this.sf.setValue('/adminUserInfo/validEndTime', info.validEndTime);
+      this.sf.setValue('/adminUserInfo/_isLoingDate', false);
+    } else {
+      this.sf.setValue('/adminUserInfo/_isLoingDate', true);
+    }
+  }
+}
diff --git a/src/app/routes/partner/partner-list/components/add-personal-partner/add-personal-partner.component.html b/src/app/routes/partner/partner-list/components/add-personal-partner/add-personal-partner.component.html
new file mode 100644
index 00000000..7a071adc
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/add-personal-partner/add-personal-partner.component.html
@@ -0,0 +1,49 @@
+<page-header-wrapper [logo]="logo" [title]="'新增个人合伙人'">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+  <sf #sf [ui]="ui" [schema]="schema" [button]="'none'">
+    <!-- 合伙人信息 -->
+    <ng-template sf-template="adminUserInfo/_adminTitle" let-me let-ui="ui" let-schema="schema">
+      <div class="form-title" style="margin-top: 40px; margin-left: -180px">合伙人信息</div>
+    </ng-template>
+    <ng-template sf-template="adminUserInfo/_adminCertificatePhotoTipsA" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        <dl class="tips">
+          <dt>正面照（人像面）</dt>
+          <dd>示例</dd>
+        </dl>
+        <div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-front.png" /></div>
+      </div>
+    </ng-template>
+    <ng-template sf-template="adminUserInfo/_adminCertificatePhotoTipsB" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        <dl class="tips">
+          <dt>背面照（国徽面）</dt>
+          <dd>示例</dd>
+        </dl>
+        <div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-back.png" /></div>
+      </div>
+    </ng-template>
+
+    <!-- 所属城市 -->
+    <ng-template sf-template="_addressTitle" let-me let-ui="ui" let-schema="schema">
+      <div class="form-title" style="margin-top: 40px; margin-left: -180px">所属城市</div>
+    </ng-template>
+
+    <!-- 渠道销售 -->
+    <ng-template sf-template="_channelTitle" let-me let-ui="ui" let-schema="schema">
+      <div class="form-title" style="margin-top: 40px; margin-left: -180px">渠道销售</div>
+    </ng-template>
+  </sf>
+
+  <div style="display: flex; justify-content: center">
+    <button nz-button type="button" nzType="primary" (click)="submitForm()"
+      [nzLoading]="service.http.loading">确认新增</button>
+    <button nz-button (click)="goBack()">返回</button>
+  </div>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/partner/partner-list/components/add-personal-partner/add-personal-partner.component.less b/src/app/routes/partner/partner-list/components/add-personal-partner/add-personal-partner.component.less
new file mode 100644
index 00000000..6b70e074
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/add-personal-partner/add-personal-partner.component.less
@@ -0,0 +1,68 @@
+:host {
+    ::ng-deep {
+      nz-card {
+  
+        .pr {
+          position: relative;
+        }
+  
+        .pa {
+          position: absolute;
+          top     : 50px;
+          left    : 150px;
+        }
+  
+        .tips {
+          display      : flex;
+          margin-bottom: 0;
+          color        : #333;
+  
+          dt {
+            width: 150px;
+          }
+  
+          dd {
+            width        : 190px;
+            margin-bottom: 0;
+            text-align   : center;
+          }
+        }
+  
+        .form-title {
+          margin-bottom: 10px;
+          padding-left : 8px;
+          color        : #333;
+          font-weight  : 700;
+          font-size    : 18px;
+          line-height  : 20px;
+          border-left  : solid 3px #1890ff;
+        }
+  
+      }
+  
+      .ant-form-item {
+        margin-left: 180px;
+      }
+  
+      nz-date-picker,
+      nz-input-number {
+        width: 100% !important;
+      }
+  
+      .input-back {
+        nz-form-item {
+          margin-left: 0px;
+  
+          .ant-form-item-label {
+            flex: 0 !important;
+          }
+  
+          .ant-form-item-control {
+            max-width  : 100% !important;
+            margin-left: 20px !important;
+          }
+        }
+      }
+  
+    }
+  }
\ No newline at end of file
diff --git a/src/app/routes/partner/partner-list/components/add-personal-partner/add-personal-partner.component.ts b/src/app/routes/partner/partner-list/components/add-personal-partner/add-personal-partner.component.ts
new file mode 100644
index 00000000..d21416e3
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/add-personal-partner/add-personal-partner.component.ts
@@ -0,0 +1,388 @@
+import { Component, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { apiConf } from '@conf/api.conf';
+import {
+  SFUploadWidgetSchema,
+  SFComponent,
+  SFSchema,
+  SFUISchema,
+  SFDateWidgetSchema,
+  SFCheckboxWidgetSchema,
+  SFTreeSelectWidgetSchema
+} from '@delon/form';
+import { NzTreeNode } from 'ng-zorro-antd/tree';
+import { NzUploadFile } from 'ng-zorro-antd/upload';
+import { of, Subscription } from 'rxjs';
+import { map } from 'rxjs/operators';
+
+import { PartnerListService } from '../../services/partner-list.service';
+
+const IMAGECONFIG = {
+  previewFile: (file: NzUploadFile) => of(file.url),
+  action: apiConf.waterFileUpload,
+  fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+  fileSize: 5120,
+  limit: 1,
+  limitFileCount: 1,
+  resReName: 'data.fullFileWatermarkPath',
+  urlReName: 'data.fullFileWatermarkPath',
+  widget: 'upload',
+  name: 'multipartFile',
+  multiple: false,
+  listType: 'picture-card'
+} as SFUploadWidgetSchema;
+
+const DATECONFIG = {
+  grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+  widget: 'date',
+  format: 'yyyy-MM-dd',
+  placeholder: '请选择'
+};
+
+@Component({
+  selector: 'app-add-personal-partner',
+  templateUrl: './add-personal-partner.component.html',
+  styleUrls: ['./add-personal-partner.component.less']
+})
+export class AddPersonalPartnerComponent {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  schema: SFSchema = this.initBasicInfoSF();
+  ui: SFUISchema = {
+    '*': {
+      spanLabelFixed: 180,
+      grid: { span: 24 }
+    },
+    $_basicInfoTitle: {
+      spanLabelFixed: 0
+    },
+    $_legalPersontitle: {
+      spanLabelFixed: 0
+    },
+    $_isLoingDate: {
+      spanLabelFixed: 100,
+      grid: { xxl: 6, xl: 6, lg: 4, md: 6 }
+    }
+  };
+
+  getIdentityInfoSub = new Subscription();
+  loadingIdentityInfoSub = false;
+
+  constructor(private router: Router, public service: PartnerListService) {}
+
+  submitForm() {
+    if (!this.sf.valid) {
+      this.sf.validator({ emitError: true });
+      this.service.msgSrv.warning('请修改填写错误信息');
+      return;
+    }
+    if (this.sf.value.cityCodesList?.length > 3) {
+      this.sf.validator({ emitError: true });
+      this.service.msgSrv.warning('所属城市不能超过3个');
+      return;
+    }
+    if (this.sf.value.validEndTime) {
+      const validStartTime = new Date(this.sf.value.validStartTime);
+      const validEndTime = new Date(this.sf.value.validEndTime);
+      if (validStartTime.getTime() > validEndTime.getTime()) {
+        this.service.msgSrv.warning('身份证有效截止日期不能小于开始日期');
+        return;
+      }
+    }
+    const params = {};
+    Object.assign(params, { ...this.sf.value, source: 2 });
+
+    this.service.request(this.service.$api_save_personal_partner, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('新增个人合伙人成功');
+        this.goBack();
+      }
+    });
+  }
+
+  /*
+   * 根据地区code查询地区列表
+   */
+  getRegionDetailByCode(regionCode: any) {
+    return this.service.request(this.service.$api_get_region_by_code, { regionCode });
+  }
+
+  // 识别身份证 参数isFront：front-正面、back-背面；type：0-申请人身份证，1-法定代表人身份证
+  checkIdCard(imgurl: any, isFront: string) {
+    const params = {
+      idCardUrl: imgurl,
+      side: isFront
+    };
+    this.service.request(this.service.$api_ocr_recognize_id_card, params).subscribe(res => {
+      if (res) {
+        // 法定代表人证件照
+        if (isFront === 'front') {
+          // 正面
+          if (res.name) {
+            this.sf.setValue('/adminUserInfo/name', res.name);
+          }
+          if (res.number) {
+            this.sf.setValue('/adminUserInfo/certificateType', 0);
+            this.sf.setValue('/adminUserInfo/certificateNumber', res.number);
+          }
+        }
+        if (isFront === 'back') {
+          // 背面
+          if (res.validFrom) {
+            this.sf.setValue('/adminUserInfo/validStartTime', res.validFrom);
+          }
+          if (res.validTo) {
+            this.sf.setValue('/adminUserInfo/validEndTime', res.validTo);
+            this.sf.setValue('/adminUserInfo/_isLoingDate', false);
+          } else {
+            this.sf.setValue('/adminUserInfo/_isLoingDate', true);
+          }
+        }
+      }
+    });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+
+  private initBasicInfoSF(): SFSchema {
+    return {
+      properties: {
+        _adminTitle: { title: '', type: 'string', ui: { widget: 'custom' } },
+        mobile: {
+          title: ' 手机号',
+          type: 'string',
+          minLength: 1,
+          format: 'mobile',
+          maxLength: 11,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请输入手机号',
+            errors: { required: '请输入手机号', format: '手机号格式错误' },
+            change: (mobile: any) => {
+              // 根据手机号获取实名信息
+              if (mobile?.length === 11) {
+                if (this.loadingIdentityInfoSub) {
+                  this.getIdentityInfoSub.unsubscribe();
+                }
+                this.loadingIdentityInfoSub = true;
+                this.getIdentityInfoSub = this.service.request(this.service.$api_get_identityInfo_by_mobile, { mobile }).subscribe(
+                  res => {
+                    if (res) {
+                      this.setInfo(res);
+                      this.sf.setValue('/adminUserInfo/id', res.id);
+                      this.sf.setValue('/adminUserInfo/userId', res.userId);
+                    }
+                    this.loadingIdentityInfoSub = false;
+                  },
+                  _ => {},
+                  () => (this.loadingIdentityInfoSub = false)
+                );
+              }
+            }
+          }
+        },
+        // 合伙人信息
+        adminUserInfo: {
+          type: 'object',
+          properties: {
+            _adminCertificatePhotoTipsA: {
+              title: '证件照',
+              type: 'string',
+              ui: {
+                widget: 'custom'
+              },
+              default: true
+            },
+            certificatePhotoFront: { title: '', type: 'string', ui: { hidden: true } },
+            id: { title: '', type: 'string', ui: { hidden: true } },
+            userId: { title: '', type: 'string', ui: { hidden: true } },
+            certificatePhotoBack: { title: '', type: 'string', ui: { hidden: true } },
+            certificateType: { title: '', type: 'string', ui: { hidden: true }, default: 0 },
+            certificatePhotoFrontWatermark: {
+              type: 'string',
+              title: '',
+              ui: {
+                ...IMAGECONFIG,
+                descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+                change: args => {
+                  if (args.type === 'success') {
+                    this.sf.setValue('/adminUserInfo/certificatePhotoFront', args.fileList[0].response.data.fullFilePath);
+                    this.checkIdCard(args.fileList[0].response.data.fullFilePath, 'front');
+                  }
+                }
+              } as SFUploadWidgetSchema
+            },
+            _adminCertificatePhotoTipsB: {
+              title: '',
+              type: 'string',
+              ui: {
+                widget: 'custom',
+                offsetControl: 6
+              }
+            },
+            certificatePhotoBackWatermark: {
+              type: 'string',
+              title: '',
+              ui: {
+                ...IMAGECONFIG,
+                descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+                change: args => {
+                  if (args.type === 'success') {
+                    this.sf.setValue('/adminUserInfo/certificatePhotoBack', args.fileList[0].response.data.fullFilePath);
+                    this.checkIdCard(args.fileList[0].response.data.fullFilePath, 'back');
+                  }
+                }
+              } as SFUploadWidgetSchema
+            },
+            name: {
+              title: '姓名',
+              type: 'string',
+              maxLength: 8,
+              ui: {
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                placeholder: '请输入姓名'
+              }
+            },
+            certificateNumber: {
+              title: '身份证号',
+              type: 'string',
+              format: 'id-card',
+              minLength: 1,
+              maxLength: 18,
+              ui: {
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                placeholder: '请输入身份证号'
+              }
+            },
+            validStartTime: {
+              title: '身份证有效开始日期',
+              type: 'string',
+              ui: {
+                ...DATECONFIG,
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                errors: {
+                  required: '请选择开始日期'
+                }
+              } as SFDateWidgetSchema
+            },
+            validEndTime: {
+              title: '身份证有效截止日期',
+              type: 'string',
+              ui: {
+                ...DATECONFIG,
+                grid: { xxl: 13, xl: 18, lg: 20, md: 18 },
+                errors: {
+                  required: '请选择截止日期'
+                },
+                change: i => {
+                  this.sf?.setValue('/adminUserInfo/_isLoingDate', false);
+                }
+              } as SFDateWidgetSchema
+            },
+            _isLoingDate: {
+              title: '长期',
+              type: 'boolean',
+              ui: {
+                spanLabelFixed: 100,
+                grid: { span: 6 },
+                class: 'input-back',
+                widget: 'checkbox',
+                change: i => this.sf?.setValue('/adminUserInfo/validEndTime', null)
+              } as SFCheckboxWidgetSchema
+            }
+          },
+          required: ['_adminCertificatePhotoTipsA', 'adminMobile', 'name', 'certificateNumber', 'validStartTime']
+        },
+        // 所属城市
+        _addressTitle: { title: '', type: 'string', ui: { widget: 'custom' } },
+        cityCodesList: {
+          type: 'string',
+          title: '所属城市',
+          ui: {
+            widget: 'tree-select',
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请选择城市(最多3个)',
+            checkable: true,
+            class: 'city-tree-select',
+            asyncData: () =>
+              this.getRegionDetailByCode('').pipe(
+                map((res: any) =>
+                  res.map((item: any) => ({ ...item, title: item.name, key: item.regionCode, disabled: true, isDisableCheckbox: true }))
+                )
+              ),
+            expandChange: ({ node }: { node: NzTreeNode }) =>
+              this.getRegionDetailByCode(node.key).pipe(
+                map((res: any) => res.map((item: any) => ({ ...item, title: item.name, key: item.regionCode, isLeaf: true })))
+              )
+          } as SFTreeSelectWidgetSchema
+        },
+        // 渠道销售
+        _channelTitle: { title: '', type: 'string', ui: { widget: 'custom' } },
+        invitationCode: {
+          title: '渠道销售邀请码',
+          type: 'string',
+          minLength: 1,
+          maxLength: 100,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请输入渠道销售邀请码',
+            errors: {
+              required: '请输入渠道销售邀请码'
+            }
+          }
+        }
+      },
+      required: ['cityCodesList', 'invitationCode']
+    };
+  }
+
+  private setInfo(info: any) {
+    if (info.name) {
+      this.sf.setValue('/adminUserInfo/name', info.name);
+    }
+    if (info.certificatePhotoFront) {
+      this.sf.setValue('/adminUserInfo/certificatePhotoFront', info.certificatePhotoFront);
+    }
+    if (info.certificatePhotoFrontWatermark) {
+      console.log(this.sf.getProperty('/adminUserInfo/certificatePhotoFrontWatermark'));
+
+      this.sf.setValue('/adminUserInfo/certificatePhotoFrontWatermark', [
+        {
+          uid: -1,
+          name: '文件',
+          status: 'done',
+          url: info.certificatePhotoFrontWatermark,
+          response: info.certificatePhotoFrontWatermark
+        }
+      ]);
+    }
+    if (info.certificatePhotoBack) {
+      this.sf.setValue('/adminUserInfo/certificatePhotoBack', info.certificatePhotoBack);
+    }
+    if (info.certificatePhotoBackWatermark) {
+      this.sf.setValue('/adminUserInfo/certificatePhotoBackWatermark', [
+        {
+          uid: -1,
+          name: '文件',
+          status: 'done',
+          url: info.certificatePhotoBackWatermark,
+          response: info.certificatePhotoBackWatermark
+        }
+      ]);
+    }
+    if (info.certificateNumber) {
+      this.sf.setValue('/adminUserInfo/certificateNumber', info.certificateNumber);
+    }
+    if (info.validStartTime) {
+      this.sf.setValue('/adminUserInfo/validStartTime', info.validStartTime);
+    }
+    if (info.validEndTime) {
+      this.sf.setValue('/adminUserInfo/validEndTime', info.validEndTime);
+      this.sf.setValue('/adminUserInfo/_isLoingDate', false);
+    } else {
+      this.sf.setValue('/adminUserInfo/_isLoingDate', true);
+    }
+  }
+}
diff --git a/src/app/routes/partner/partner-list/components/channel-log-modal/channel-log-modal.component.html b/src/app/routes/partner/partner-list/components/channel-log-modal/channel-log-modal.component.html
new file mode 100644
index 00000000..a9d9fe7e
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/channel-log-modal/channel-log-modal.component.html
@@ -0,0 +1,13 @@
+<h2>转移客户数：{{changeST?.total}}</h2>
+<st #changeST [data]="service.$api_get_partner_change_list" [columns]="columns.changeColumn"
+    [req]="{params:{id:id ,type:1}}" [loading]="service.http.loading" bordered size="small"
+    [page]="{ show: false }" [scroll]="{ x: '750px' }">
+</st>
+<h2>不转移客户数：{{noChangeST?.total}}</h2>
+<st #noChangeST [data]="service.$api_get_partner_change_list" [columns]="columns.beChangeColumn"
+    [req]="{params:{id:id ,type:2}}" [res]="{reName: { list: 'data' }}"
+    [loading]="service.http.loading" bordered size="small" [page]="{ show: false }" [scroll]="{ x: '750px' }">
+</st>
+<p>
+    客户转移：客户跟着上级合伙人转移一并到新渠道销售下，会同步发起CRM《客户转移》流程；不转移的，客户会与上级合伙人解绑，修改成功后，修改时间也是合伙人与客户的结算结束时间，成为原来渠道销售的直客。
+</p>
\ No newline at end of file
diff --git a/src/app/routes/partner/partner-list/components/channel-log-modal/channel-log-modal.component.less b/src/app/routes/partner/partner-list/components/channel-log-modal/channel-log-modal.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/partner/partner-list/components/channel-log-modal/channel-log-modal.component.ts b/src/app/routes/partner/partner-list/components/channel-log-modal/channel-log-modal.component.ts
new file mode 100644
index 00000000..6fc1e963
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/channel-log-modal/channel-log-modal.component.ts
@@ -0,0 +1,34 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STColumn } from '@delon/abc/st';
+import { PartnerListService } from '../../services/partner-list.service';
+
+@Component({
+  selector: 'app-channel-log-modal',
+  templateUrl: './channel-log-modal.component.html'
+})
+export class ChannelLogModalComponent implements OnInit {
+  columns: { changeColumn: STColumn[]; beChangeColumn: STColumn[] } = this.initST();
+  id = '';
+  constructor(public service: PartnerListService, public route: ActivatedRoute) {}
+
+  ngOnInit(): void {}
+
+  private initST(): { changeColumn: STColumn[]; beChangeColumn: STColumn[] } {
+    return {
+      changeColumn: [
+        { title: '客户名称', index: 'payCode', width: 180 },
+        { title: '合伙人', index: 'ltdName', width: 160 },
+        { title: '渠道销售', index: 'payDate', className: 'text-center', width: 130 },
+        { title: 'CRM审核状态', index: 'payDate', width: 150 },
+        { title: '生效时间', index: 'payDate', className: 'text-center', width: 130 }
+      ],
+      beChangeColumn: [
+        { title: '客户名称', index: 'payCode', width: 180 },
+        { title: '合伙人', index: 'ltdName', width: 160 },
+        { title: '渠道销售', index: 'payDate', className: 'text-center', width: 130 },
+        { title: '生效时间', index: 'payDate', className: 'text-center', width: 130 }
+      ]
+    };
+  }
+}
diff --git a/src/app/routes/partner/partner-list/components/index/partner-list.component.html b/src/app/routes/partner/partner-list/components/index/partner-list.component.html
new file mode 100644
index 00000000..ff6f4383
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/index/partner-list.component.html
@@ -0,0 +1,78 @@
+<page-header-wrapper [title]="'合伙人列表'"> </page-header-wrapper>
+
+<nz-card class="search-box" nzBordered>
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]="_$expand ? 24 : 17" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+      <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 110, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } }"
+        [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzXl]="_$expand ? 24 : 7" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right"
+      [class.expend-options]="_$expand">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+  <div class="d-flex align-items-center mb-md mt-md">
+    <button nz-button (click)="this.routeTo('/partner/partner-list/add-etp-partner')" nzType="primary">新增企业合伙人</button>
+    <button nz-button (click)="this.routeTo('/partner/partner-list/add-personal-partner')"
+      nzType="primary">新增个人合伙人</button>
+  </div>
+
+  <st #st [data]="service.$api_get_partner_page" [columns]="columns" [req]="{ process: beforeReq }"
+    [loading]="service.http.loading" [scroll]="{ x: '1200px' }" [page]="{}">
+  </st>
+</nz-card>
+
+<ng-template #editTemplate>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="120">
+      <se [col]="1" label="合伙人名称"> {{selectItem?.enterpriseName || selectItem?.contactName}} </se>
+      <se [col]="1" label="返佣模板" required>
+        <nz-select [(ngModel)]="templateId" style="width: 100%">
+          <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of customers"></nz-option>
+        </nz-select>
+      </se>
+    </div>
+  </div>
+  <p class="text-center mt-md">说明：修改模板后，当月开始返佣收益将会按新模板计算</p>
+</ng-template>
+
+<ng-template #editCannel>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="140" [col]="1">
+      <se label="合伙人名称"> {{selectItem?.enterpriseName || selectItem?.contactName}} </se>
+      <se label="当前渠道销售"> {{selectItem?.channelId}} </se>
+      <se label="渠道销售修改为" required>
+        <nz-select [(ngModel)]="cannelItem.channelId" style="width: 100%">
+          <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of cannels"></nz-option>
+        </nz-select>
+      </se>
+      <se label="备注" required>
+        <textarea rows="3" nz-input [(ngModel)]="cannelItem.remark"></textarea>
+      </se>
+      <se label="一并转移的客户">
+        <p style="margin-top: 8px">已选（0）</p>
+        <st #rest [data]="service.$api_get_enterprice_rel_list" [columns]="[
+        { title: '', index: 'key', type: 'checkbox' },
+        { title: '客户名称', index: 'enterpriceName' }
+        ]" [req]="{ process: beforeReq,params:{effectiveStatus:2 ,newPartnerId:selectItem.id} }"
+          [loading]="service.http.loading" [page]="{show:false}" (change)="stChange($event)">
+        </st>
+      </se>
+      <se label="生效节点" required>
+        <nz-radio-group [(ngModel)]="cannelItem.effectiveNode">
+          <label nz-radio [nzValue]="1">修改成功后立即生效</label>
+          <label nz-radio [nzValue]="2">CRM流程审核通过后生</label>
+        </nz-radio-group>
+      </se>
+    </div>
+  </div>
+  <p class="text-center mt-md">客户转移：客户跟着上级合伙人转移一并到新渠道销售下，会同步发起CRM《客户转移》流程；不转移的，客户会与上级合伙人解绑，成为渠道销售的直客</p>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/partner/partner-list/components/index/partner-list.component.ts b/src/app/routes/partner/partner-list/components/index/partner-list.component.ts
new file mode 100644
index 00000000..ae12b403
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/index/partner-list.component.ts
@@ -0,0 +1,482 @@
+import { Component, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema, SFAutoCompleteWidgetSchema, SFSelectWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { AddCollectionInvoiceModalComponent } from 'src/app/routes/ticket-management/components/input-invoice/add-collection-invoice-modal/add-collection-invoice-modal.component';
+
+import { PartnerListService } from '../../services/partner-list.service';
+import { PartnerAuditModalComponent } from '../partner-audit-modal/partner-audit-modal.component';
+
+@Component({
+  selector: 'app-partner-list',
+  templateUrl: './partner-list.component.html',
+  styleUrls: ['../../../../commom/less/box.less']
+})
+export class PartnerListComponent {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+  _$expand = false;
+
+  @ViewChild('editTemplate', { static: true })
+  editTemplate: any;
+  templateId: any;   
+  templates: any[] = [];
+
+  @ViewChild('editCannel', { static: true })
+  editCannel: any;
+  customers: any[] = [];
+  cannels: any[] = [];
+  selectedRows: any[] = [];
+  cannelItem: any = { channelId: null, effectiveNode: 1, enterpriseIdList: [], remark: '' };
+
+  selectItem: any = {};
+
+  constructor(public service: PartnerListService, private nzModalService: NzModalService, private router: Router) {
+    this.loadSelectOptions();
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      let params = { ...this.sf.value };
+      if (params.createTime) {
+        params.createTime = { start: this.sf?.value?.createTime?.[0], end: this.sf?.value?.createTime?.[1] };
+      }
+      Object.assign(requestOptions.body, params);
+    }
+    return requestOptions;
+  };
+
+  loadSelectOptions() {
+    this.service.getRebateConfig().subscribe(res => {
+      if (res) {
+        this.customers = res;
+      }
+    });
+    this.service.getChannel().subscribe(res => {
+      if (res) {
+        this.cannels = res;
+      }
+    });
+  }
+
+  auditPartner(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '审核',
+      nzContent: PartnerAuditModalComponent,
+      nzComponentParams: { info: { ...item, enterpriseName: item.enterpriseName || item.contactName }, sourcePage: '合伙人审核列表' },
+      nzFooter: null
+    });
+    modal.afterClose.subscribe(res => {
+      modal.destroy();
+    });
+  }
+
+  editTemplateAction(item: any) {
+    this.selectItem = item;
+    this.templateId = item.templateId || null;
+    const modal = this.nzModalService.create({
+      nzTitle: '修改返佣模板',
+      nzContent: this.editTemplate,
+      nzOnOk: () => {
+        if (!this.templateId) {
+          this.service.msgSrv.warning('请选择返佣模板');
+          return false;
+        }
+        this.confirmEditTemplate();
+        return false;
+      }
+    });
+  }
+
+  private confirmEditTemplate() {
+    const modal = this.nzModalService.confirm({
+      nzTitle: '确定要修改返佣模板吗？',
+      nzOnOk: () => {
+        this.service
+          .request(this.service.$api_update_partner_template, {
+            id: this.selectItem.id,
+            templateId: this.templateId
+          })
+          .subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success('修改成功');
+              this.st.load(1);
+              this.nzModalService.closeAll();
+            }
+          });
+        return false;
+      }
+    });
+  }
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+    }
+  }
+
+  editCannelAction(item: any) {
+    this.selectItem = item;
+    this.cannelItem = { channelId: null, effectiveNode: 1, enterpriseIdList: [], remark: '' };
+    this.selectedRows = [];
+    // 校验合伙人是否可修改渠道销售 true:可以修改 false：不可以修改
+    this.service.request(this.service.$api_check_partenr_change_channel, { id: item.id }).subscribe(res => {
+      if (res) {
+        this.selectItem = item;
+        const modal = this.nzModalService.create({
+          nzTitle: '修改渠道销售',
+          nzWidth: 650,
+          nzContent: this.editCannel,
+          nzOnOk: () => {
+            if (!this.cannelItem.channelId) {
+              this.service.msgSrv.warning('请选择渠道销售');
+              return false;
+            }
+            if (!this.cannelItem.remark) {
+              this.service.msgSrv.warning('请填写备注');
+              return false;
+            }
+            this.confirmEditCannel(item);
+            return false;
+          }
+        });
+      }
+    });
+  }
+
+  confirmEditCannel(item: any) {
+    const modal = this.nzModalService.confirm({
+      nzTitle: '确定提交吗？',
+      nzOnOk: () => {
+        this.cannelItem.enterpriseIdList = this.selectedRows.map(row => row.id);
+        this.service
+          .request(this.service.$api_update_partner_channel_by_id, {
+            ...this.cannelItem,
+            id: item.id
+          })
+          .subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success('修改成功');
+              this.nzModalService.closeAll();
+              this.st.load(1);
+            }
+          });
+      }
+    });
+  }
+
+  /**
+   * 重新发起crm
+   * @param item
+   */
+  reSendCRM(item: any) {
+    const modal = this.nzModalService.confirm({
+      nzTitle: '是否确定重新发起CRM？',
+      nzOnOk: () => {
+        this.service
+          .request(this.service.$api_resend_crm, {
+            id: item.id
+          })
+          .subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success('发起成功');
+            } else {
+              this.service.msgSrv.warning('发起失败');
+            }
+            this.st.load(1);
+          });
+      }
+    });
+  }
+
+  routeTo(route: string) {
+    this.router.navigate([route]);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        enterpriseName: {
+          type: 'string',
+          title: '合伙人名称'
+        },
+        contactName: {
+          type: 'string',
+          title: '企业管理员'
+        },
+        contactMobile: {
+          type: 'string',
+          title: '手机号'
+        },
+        channelId: {
+          type: 'string',
+          title: '渠道销售',
+          ui: {
+            widget: 'select',
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            },
+            onSearch: (q: any) => {
+              let str = q.replace(/^\s+|\s+$/g, '');
+              if (str) {
+                return this.service.getChannel({ name: str }).toPromise();
+              } else {
+                return of([]);
+              }
+            }
+          } as SFSelectWidgetSchema
+        },
+        partnerType: {
+          type: 'string',
+          title: '类型',
+          enum: [
+            { value: '', label: '全部' },
+            { value: 1, label: '企业' },
+            { value: 2, label: '个人' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        approvalStatus: {
+          type: 'string',
+          title: '认证审核状态',
+          ui: {
+            widget: 'dict-select',
+            containsAllLabel: true,
+            params: { dictKey: 'pay:mode' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        signStatus: {
+          type: 'string',
+          title: '签约状态',
+          ui: {
+            widget: 'dict-select',
+            containsAllLabel: true,
+            params: { dictKey: 'pay:mode' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        crmStatus: {
+          type: 'string',
+          title: 'CRM状态',
+          ui: {
+            widget: 'dict-select',
+            containsAllLabel: true,
+            params: { dictKey: 'pay:mode' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        paymo11de: {
+          type: 'string',
+          title: '注册渠道',
+          enum: [
+            { value: '', label: '全部' },
+            { value: 1, label: '合伙人注册' },
+            { value: 2, label: '平台添加' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        templateId: {
+          type: 'string',
+          title: '返佣模板',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        lockedStatus: {
+          type: 'string',
+          title: '合伙人状态',
+          enum: [
+            { value: '', label: '全部' },
+            { value: 0, label: '启用' },
+            { value: 1, label: '冻结' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        createTime: {
+          title: '注册时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      {
+        title: '合伙人名称',
+        index: 'contactName',
+        width: 180
+      },
+      { title: '付款编码', index: 'payCode', width: 160 },
+      { title: '邀请码', index: 'invitationCode', className: 'text-center', width: 130 },
+      { title: '企业管理员', index: 'adminName', width: 150 },
+      { title: '手机号', index: 'contactMobile', className: 'text-center', width: 150 },
+      { title: '类型', index: 'partnerType', className: 'text-center', width: 130, type: 'enum', enum: { 1: '企业', 2: '个人' } },
+      { title: '注册渠道', index: 'source', type: 'enum', enum: { 1: '合伙人注册', 2: '平台添加' }, width: 130 },
+      { title: '注册时间', index: 'createTime', className: 'text-center', width: 170 },
+      { title: '渠道销售', index: 'channelIdLabel', width: 170 },
+      { title: '返佣模板', index: 'templateName', width: 150 },
+      {
+        title: '认证审核状态',
+        index: 'approvalStatus',
+        width: 150,
+        type: 'badge',
+        badge: {
+          '-1': { text: '未提交', color: 'default' },
+          10: { text: '待审核', color: 'processing' },
+          20: { text: '审核通过', color: 'success' },
+          30: { text: '驳回', color: 'error' }
+        }
+      },
+      {
+        title: '签约状态',
+        index: 'signStatus',
+        width: 150,
+        type: 'badge',
+        badge: {
+          0: { text: '未发起', color: 'default' },
+          10: { text: '待合伙人签约', color: 'default' },
+          15: { text: '签约中', color: 'processing' },
+          20: { text: '平台签约完成', color: 'success' },
+          30: { text: '驳回', color: 'error' }
+        }
+      },
+      {
+        title: 'CRM状态',
+        index: 'crmStatus',
+        width: 150,
+        type: 'badge',
+        badge: {
+          0: { text: '未发起', color: 'default' },
+          10: { text: '审核失败', color: 'error' },
+          20: { text: '审核通过', color: 'success' }
+        }
+      },
+      {
+        title: '合伙人状态',
+        index: 'lockedStatus',
+        className: 'text-center',
+        width: 140,
+        type: 'badge',
+        badge: {
+          0: { text: '启用', color: 'success' },
+          1: { text: '冻结', color: 'error' }
+        }
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '150px',
+        buttons: [
+          { type: 'divider' },
+          {
+            text: '审核',
+            iif: item => item.id && item.approvalStatus === 10,
+            click: item => this.auditPartner(item)
+          },
+          {
+            text: '详情<br>',
+            iif: item => item.id,
+            click: item => {
+              if (item.partnerType === 1) {
+                this.router.navigate([`/partner/partner-list/etp-detail/${item.id}`]);
+              } else {
+                this.router.navigate([`/partner/partner-list/personal-detail/${item.id}`]);
+              }
+            }
+          },
+          {
+            text: '修改返佣模板',
+            iif: item => item.id,
+            click: item => this.editTemplateAction(item)
+          },
+          {
+            text: '修改渠道销售',
+            iif: item => item.id,
+            click: item => this.editCannelAction(item)
+          },
+          {
+            text: '重发CRM流程',
+            click: item => item.id && this.reSendCRM(item),
+            iif: item => item.crmStatus === 10
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/partner/partner-list/components/partner-audit-modal/partner-audit-modal.component.html b/src/app/routes/partner/partner-list/components/partner-audit-modal/partner-audit-modal.component.html
new file mode 100644
index 00000000..fc8043d6
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/partner-audit-modal/partner-audit-modal.component.html
@@ -0,0 +1,7 @@
+<div>
+    <sf #sf [ui]="{ '*': { spanLabelFixed: 120, grid: { span: 24 }}}" [schema]="schema" [button]="'none'"></sf>
+</div>
+<div class="modal-footer">
+    <button nz-button type="button" (click)="close()">取消</button>
+    <button nz-button type="button" nzType="primary" (click)="sure()" [disabled]="!sf.valid">确定</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/partner/partner-list/components/partner-audit-modal/partner-audit-modal.component.less b/src/app/routes/partner/partner-list/components/partner-audit-modal/partner-audit-modal.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/partner/partner-list/components/partner-audit-modal/partner-audit-modal.component.ts b/src/app/routes/partner/partner-list/components/partner-audit-modal/partner-audit-modal.component.ts
new file mode 100644
index 00000000..f6fbcaac
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/partner-audit-modal/partner-audit-modal.component.ts
@@ -0,0 +1,132 @@
+import { Component, Input, OnInit, ViewChild } from '@angular/core';
+import { SFComponent, SFSchema, SFValue } from '@delon/form';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+import { PartnerListService } from '../../services/partner-list.service';
+
+@Component({
+  selector: 'app-partner-audit-modal',
+  templateUrl: './partner-audit-modal.component.html',
+  styleUrls: ['./partner-audit-modal.component.less']
+})
+export class PartnerAuditModalComponent implements OnInit {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @Input()
+  info: any;
+  schema!: SFSchema;
+  sourcePage = '';
+  constructor(private nzModalService: NzModalService, public service: PartnerListService) {}
+
+  ngOnInit(): void {
+    this.initSF(this.info);
+  }
+
+  initSF(user: any) {
+    this.schema = {
+      properties: {
+        isPass: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          },
+          default: this.info.isPass
+        },
+        staffName: {
+          title: '合伙人名称',
+          type: 'string',
+          ui: { widget: 'text' },
+          default: user.enterpriseName
+        },
+        status: {
+          title: '审核结果',
+          type: 'string',
+          maxLength: 11,
+          enum: [
+            { value: true, label: '通过' },
+            { value: false, label: '驳回' }
+          ],
+          ui: {
+            widget: 'radio',
+            hidden: this.info.isPass !== undefined
+          },
+          default: true
+        },
+        channelId: {
+          title: '渠道销售',
+          type: 'string',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getChannel(),
+            hidden: this.info.isPass === false,
+            visibleIf: {
+              status: value => value
+            },
+            errors: {
+              required: ' '
+            }
+          },
+          default: ''
+        },
+        approvalOpinion: {
+          title: '备注',
+          type: 'string',
+          maxLength: 100,
+          ui: {
+            widget: 'textarea',
+            placeholder: '请不要超过100个字',
+            autosize: { minRows: 3 },
+            hidden: this.info.isPass === true,
+            visibleIf: {
+              status: value => !value || this.info.isPass === false
+            },
+            errors: {
+              required: ' '
+            }
+          }
+        }
+      },
+      required: ['channelId', 'approvalOpinion']
+    };
+  }
+
+  sure() {
+    if (this.info.isPass || this.sf.value.status) {
+      this.nzModalService.confirm({
+        nzTitle: `确定以“${this.info.channelIdLabel}”的名义重新发起CRM《付款对象合同管理》吗？`,
+        nzOnOk: () => {
+          this.audit();
+        }
+      });
+    } else {
+      this.audit();
+    }
+  }
+
+  audit() {
+    const params: any = {
+      ...this.sf.value,
+      id: this.info.id,
+      auditStatusEnum: this.info.isPass || this.sf.value.status ? '20' : '30'
+    };
+    this.service
+      .request(this.service.$api_audit_partner, {
+        ...params,
+        auditStatusEnum: params.auditStatusEnum,
+        id: params.id,
+        approvalOpinion: params.approvalOpinion,
+        sourcePage: this.sourcePage
+      })
+      .subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success('审核成功！');
+          this.close();
+        }
+      });
+  }
+
+  close() {
+    this.nzModalService.closeAll();
+  }
+}
diff --git a/src/app/routes/partner/partner-list/components/partner-detail/partner-detail.component.html b/src/app/routes/partner/partner-list/components/partner-detail/partner-detail.component.html
new file mode 100644
index 00000000..1606454d
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/partner-detail/partner-detail.component.html
@@ -0,0 +1,318 @@
+<!-- 页头 -->
+<page-header-wrapper [logo]="logo" [content]="content" [title]="'合伙人详情'" [ngClass]="{ affix: scrollTop > 210 }">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+  <ng-template #content>
+    <nz-skeleton [nzLoading]="service.http.loading">
+      <div class="user-info" nz-row>
+        <div nz-col [nzXl]="18" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="d-flex">
+          <img [src]="detailData?.enterpriseLogo" />
+          <div style="flex: 1">
+            <div nz-row>
+              <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
+                <p style="margin-bottom: 0">{{ detailData?.enterpriseName }}</p>
+              </div>
+              <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
+                <nz-badge nzStatus="success" nzText="正常" *ngIf="detailData?.lockedStatus === 0"> </nz-badge>
+                <nz-badge nzStatus="error" nzText="冻结" *ngIf="detailData?.lockedStatus === 1"></nz-badge>
+              </div>
+            </div>
+            <div nz-row>
+              <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
+                <p>{{ detailData?.unifiedSocialCreditCode }}</p>
+              </div>
+              <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24"> 企业合伙人 </div>
+            </div>
+            <div nz-row>
+              <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24"> 注册时间：{{ detailData?.createTime }} </div>
+              <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
+                所属城市：{{enterpriseDefaultCityName}}
+              </div>
+            </div>
+          </div>
+        </div>
+        <div nz-col [nzXl]="6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right mt-sm">
+          <ng-container *ngIf="isEdit; else editButton">
+            <button [disabled]="service.http.loading" nz-button (click)="reset()"> 取消 </button>
+            <button [disabled]="service.http.loading" nz-button nzDanger (click)="save()"> 保存 </button>
+          </ng-container>
+          <ng-template #editButton>
+            <ng-container *ngIf="detailData?.approvalStatus === 10">
+              <button [disabled]="service.http.loading" nz-button nzDanger (click)="auditPartner(true)"> 通过 </button>
+              <button [disabled]="service.http.loading" nz-button nzDanger (click)="auditPartner(false)"> 驳回 </button>
+            </ng-container>
+            <ng-container *ngIf="detailData?.approvalStatus != 10">
+              <button [disabled]="service.http.loading" nz-button nzDanger nz-popconfirm [nzPopconfirmTitle]="enable"
+                (nzOnConfirm)="freezeOrResume(0)" nzPopconfirmPlacement="bottomRight" *ngIf="detailData?.lockedStatus"
+                acl [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-lock']">
+                启用
+              </button>
+              <button [disabled]="service.http.loading" nz-button nzDanger nz-popconfirm [nzPopconfirmTitle]="frozen"
+                (nzOnConfirm)="freezeOrResume(1)" nzPopconfirmPlacement="bottomRight" *ngIf="!detailData?.lockedStatus"
+                acl [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-lock']">
+                冻结
+              </button>
+            </ng-container>
+            <button [disabled]="service.http.loading" nz-button nzDanger (click)="ratify()"> 修改 </button>
+          </ng-template>
+        </div>
+      </div>
+    </nz-skeleton>
+  </ng-template>
+
+  <ng-template #frozen>
+    <ng-container *ngTemplateOutlet="
+        PopconfirmTempalte;
+        context: { title: '确定冻结该合伙人吗？', content: '停用后，该合伙人将被限制使用，不限于访问受限、邀请客户、佣金收益等，请谨慎操作' }
+      ">
+    </ng-container>
+  </ng-template>
+  <ng-template #enable>
+    <ng-container *ngTemplateOutlet="
+        PopconfirmTempalte;
+        context: { title: '确定启用该合伙人吗？', content: '启用后，该该合伙人将恢复正常使用功能，请再次确认' }
+      ">
+    </ng-container>
+  </ng-template>
+</page-header-wrapper>
+
+<nz-card [class]="isEdit ? 'edit-box' : 'readOnly-box'">
+  <sv-container col="3">
+    <sv-title>企业管理员信息</sv-title>
+    <sv label="姓名">
+      <input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.name" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
+    </sv>
+    <sv label="手机号">
+      <!-- <input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.mobile" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" /> -->
+        {{detailData.adminUserInfo.mobile}}
+    </sv>
+    <sv label="身份证号">
+      <input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.certificateNumber" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
+    </sv>
+    <sv label="身份证照" col="2">
+      <div class="d-flex">
+        <ng-container *ngTemplateOutlet="
+            uploadTemplate;
+            context: {
+              data: detailData?.adminUserInfo,
+              status: isEdit,
+              key: 'certificatePhotoFrontWatermark',
+              key2: 'certificatePhotoFront',
+              hover: 'certificateBackFront'
+            }
+          ">
+        </ng-container>
+        <ng-container *ngTemplateOutlet="
+            uploadTemplate;
+            context: {
+              data: detailData?.adminUserInfo,
+              status: isEdit,
+              key: 'certificatePhotoBackWatermark',
+              key2: 'certificatePhotoBack',
+              hover: 'certificateBack'
+            }
+          ">
+        </ng-container>
+      </div>
+    </sv>
+    <sv label="身份证有效期" col="1">
+      <nz-date-picker [(ngModel)]="detailData.adminUserInfo.validStartTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
+        [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''" style="width: 100px" class="calendar">
+      </nz-date-picker>
+      -
+      <ng-container
+        *ngIf="!isEdit && !detailData?.adminUserInfo.validEndTime && detailData?.adminUserInfo.validStartTime">
+        <label style="padding-left: 11px">长期</label>
+      </ng-container>
+      <nz-date-picker [(ngModel)]="detailData.adminUserInfo.validEndTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
+        [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''" style="width: 100px" class="calendar">
+      </nz-date-picker>
+      <ng-container *ngIf="isEdit">
+        <label nz-checkbox [ngModel]="!!!detailData.adminUserInfo.validEndTime"
+          (ngModelChange)="$event ? (detailData.adminUserInfo.validEndTime = '') : ''" class="ml-sm">长期</label>
+      </ng-container>
+    </sv>
+  </sv-container>
+
+  <nz-divider></nz-divider>
+  <sv-container col="3" class="mt16">
+    <sv-title>
+      <label class="mr-md">企业基本信息</label>
+      <label *ngIf="detailData?.approvalStatus === 10" style="color: #1890ff"><i nz-icon nzType="info-circle"
+          nzTheme="fill" class="mr-xs"></i>待审核
+      </label>
+      <label *ngIf="detailData?.approvalStatus === 20" style="color: #52c41a"><i nz-icon nzType="check-circle"
+          nzTheme="fill" class="mr-xs"></i>审核通过
+      </label>
+      <label *ngIf="detailData?.approvalStatus === 30" style="color: #ff4d4f"><i nz-icon nzType="close-circle"
+          nzTheme="fill" class="mr-xs"></i>驳回&nbsp;驳回原因:{{ detailData?.approvalOpinion }}
+      </label>
+      <p style="margin-bottom: 0">
+        四要素验证：
+        <label *ngIf="detailData?.esignCheckStatus === 0" style="color: #ff4d4f"><i nz-icon nzType="info-circle"
+            nzTheme="fill" class="mr-xs"></i>不通过&nbsp;&nbsp;驳回原因:{{ detailData?.esignCheckMsg }}
+        </label>
+        <label *ngIf="detailData?.esignCheckStatus === 1" style="color: #52c41a"><i nz-icon nzType="check-circle"
+            nzTheme="fill" class="mr-xs"></i>通过
+        </label>
+        <label *ngIf="detailData?.esignCheckStatus === 2" style="color: #1890ff"><i nz-icon nzType="close-circle"
+            nzTheme="fill" class="mr-xs"></i>未认证
+        </label>
+      </p>
+    </sv-title>
+    <sv label="公司名称">
+      <!-- <input nz-input type="text" [(ngModel)]="" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit ? '' : '-'" /> -->
+      {{detailData.enterpriseName}}
+    </sv>
+    <sv label="统一社会信用代码">
+      <!-- <input nz-input type="text" [(ngModel)]="detailData.unifiedSocialCreditCode" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" /> -->
+      {{detailData.unifiedSocialCreditCode}}
+    </sv>
+    <sv label="营业执照" col="2">
+      <ng-container *ngTemplateOutlet="
+          uploadTemplate;
+          context: { data: detailData, status: isEdit, key: 'licensePhotoWatermark', key2: 'licensePhoto', hover: 'detailPhoto' }
+        ">
+      </ng-container>
+    </sv>
+
+    <sv label="营业期限" col="1">
+      <nz-date-picker [(ngModel)]="detailData.operatingStartTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
+        [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''" style="width: 100px" class="calendar">
+      </nz-date-picker>
+      -
+      <ng-container *ngIf="!isEdit && !detailData?.operatingEndTime && detailData?.operatingStartTime">
+        <label style="padding-left: 11px">长期</label>
+      </ng-container>
+      <nz-date-picker [(ngModel)]="detailData.operatingEndTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
+        [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''" style="width: 100px" class="calendar">
+      </nz-date-picker>
+      <ng-container *ngIf="isEdit">
+        <label nz-checkbox [ngModel]="!!!detailData.operatingEndTime"
+          (ngModelChange)="$event ? (detailData.operatingEndTime = '') : ''" class="ml-sm">长期</label>
+      </ng-container>
+    </sv>
+  </sv-container>
+  <nz-divider></nz-divider>
+  <sv-container col="3" class="mt16">
+    <sv-title>企业法人信息</sv-title>
+    <sv label="法定代表人">
+      <input nz-input type="text" [(ngModel)]="detailData.legalPersonIdentity.name" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
+    </sv>
+    <sv label="身份证号码">
+      <input nz-input type="text" [(ngModel)]="detailData.legalPersonIdentity.certificateNumber" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
+    </sv>
+    <sv label="身份证有效期" col="1">
+      <nz-date-picker [(ngModel)]="detailData.legalPersonIdentity.validStartTime" [nzDisabled]="!isEdit"
+        nzPlaceHolder=" " [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''" style="width: 100px"
+        class="calendar"></nz-date-picker>
+      -
+      <ng-container
+        *ngIf="!isEdit && !detailData?.legalPersonIdentity?.validEndTime && detailData.legalPersonIdentity.validStartTime">
+        <label style="padding-left: 11px">长期</label>
+      </ng-container>
+      <nz-date-picker [(ngModel)]="detailData.legalPersonIdentity.validEndTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
+        [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''" style="width: 100px" class="calendar">
+      </nz-date-picker>
+      <ng-container *ngIf="isEdit">
+        <label nz-checkbox [ngModel]="!!!detailData.legalPersonIdentity.validEndTime"
+          (ngModelChange)="$event ? (detailData.legalPersonIdentity.validEndTime = '') : ''" class="ml-sm">长期</label>
+      </ng-container>
+    </sv>
+    <sv label="身份证照" col="1">
+      <div class="d-flex">
+        <ng-container *ngTemplateOutlet="
+            uploadTemplate;
+            context: {
+              data: detailData?.legalPersonIdentity,
+              status: isEdit,
+              key: 'certificatePhotoFrontWatermark',
+              key2: 'certificatePhotoFront',
+              hover: 'legalFront'
+            }
+          ">
+        </ng-container>
+        <ng-container *ngTemplateOutlet="
+            uploadTemplate;
+            context: {
+              data: detailData?.legalPersonIdentity,
+              status: isEdit,
+              key: 'certificatePhotoBackWatermark',
+              key2: 'certificatePhotoBack',
+              hover: 'legalBack'
+            }
+          ">
+        </ng-container>
+      </div>
+    </sv>
+    <sv label="所属城市">
+      <ng-container *ngIf="isEdit; else cascaderelseTemplate">
+        <nz-tree-select #areaTreeSelect style="width: 350px" [(ngModel)]="enterpriseAddressCode"
+          [nzDropdownStyle]="{ 'max-height': '300px' }" [nzExpandedKeys]="enterpriseDefaultAddressCode"
+          [nzNodes]="areaList" [nzAsyncData]="true" [nzCheckStrictly]="true" nzCheckable
+          (nzExpandChange)="onExpandChange($event.node)" nzDropdownClassName="area-tree-select">
+        </nz-tree-select>
+      </ng-container>
+      <ng-template #cascaderelseTemplate>
+        {{ enterpriseDefaultCityName || '-' }}
+      </ng-template>
+    </sv>
+  </sv-container>
+  <nz-divider></nz-divider>
+  <sv-container col="3" class="mt16">
+    <sv-title>渠道销售信息</sv-title>
+    <sv label="姓名"> {{ detailData?.channelName }} </sv>
+    <sv label="手机号"> {{ detailData?.channelMobile }} </sv>
+    <sv label="绑定时间"> {{ detailData?.bindChannelTime }} </sv>
+  </sv-container>
+</nz-card>
+
+<nz-card>
+  <sv-container col="3" class="mt16">
+    <sv-title>修改渠道销售记录</sv-title>
+    <sv label="">
+      <st #st [data]="service.$api_get_personal_channel_list" [columns]="columns"
+        [req]="{params:{partnerId:route.snapshot.params.id}}" [loading]="service.http.loading" bordered size="small"
+        [page]="{ show: false }" [scroll]="{ x: '1200px' }">
+      </st>
+    </sv>
+  </sv-container>
+</nz-card>
+
+<ng-template #PopconfirmTempalte let-title="title" let-content="content">
+  <div class="ant-popover-message">
+    <i nz-icon nzType="info-circle" nzTheme="fill"></i>
+    <div class="ant-popover-message-title ng-star-inserted self-ant-popover-title" style="font-size: 16px">{{ title }}
+    </div>
+    <div class="ant-popover-message-title ng-star-inserted">
+      {{ content }}
+    </div>
+  </div>
+</ng-template>
+
+<ng-template #uploadTemplate let-data="data" let-status="status" let-key="key" let-key2="key2" let-hover="hover">
+  <nz-upload class="avatar-uploader" [nzAction]="uploadURl" nzName="multipartFile" nzListType="picture-card"
+    [nzShowUploadList]="false" nzFileType="image/png,image/jpeg,image/jpg,image/gif"
+    [nzDisabled]="!isEdit || disabledUpload" (nzChange)="changeUpload($event, data, key, key2, hover)">
+    <ng-container *ngIf="!data[key] && isEdit">
+      <i class="upload-icon" nz-icon [nzType]="service.http.loading ? 'loading' : 'plus'"></i>
+      <div class="ant-upload-text">上传</div>
+    </ng-container>
+    <div *ngIf="data[key]" (mouseover)="detailData[hover] = true" (mouseleave)="detailData[hover] = false"
+      (click)="$event.cancelBubble = true" class="image-hover">
+      <img nz-image [nzSrc]="data[key]" style="width: 200px; height: 160px" />
+      <i nz-icon *ngIf="detailData[hover] && isEdit" nzType="close-circle" nzTheme="fill" class="delete-icon"
+        (click)="deleteImg(data, key, key2)"></i>
+    </div>
+  </nz-upload>
+</ng-template>
diff --git a/src/app/routes/partner/partner-list/components/partner-detail/partner-detail.component.less b/src/app/routes/partner/partner-list/components/partner-detail/partner-detail.component.less
new file mode 100644
index 00000000..be442cbc
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/partner-detail/partner-detail.component.less
@@ -0,0 +1,37 @@
+@import '../../../../usercenter/less/edit.less';
+
+
+.user-info {
+  font-size: 16px;
+
+  .enterprise-name {
+    margin-right: 15px;
+  }
+
+  img {
+    width        : 64px;
+    height       : 64px;
+    margin-right : 15px;
+    border-radius: 50%;
+  }
+
+  .user-info-des {
+    margin-bottom: 5px;
+  }
+}
+
+:host::ng-deep {
+  .affix {
+    position: fixed !important;
+    top     : 20px !important;
+    z-index : 999 !important;
+    width   : 100% !important;
+  }
+
+  .image-hover .delete-icon {
+    top        : unset !important;
+    right      : unset !important;
+    margin-top : -15px;
+    margin-left: -15px;
+  }
+}
\ No newline at end of file
diff --git a/src/app/routes/partner/partner-list/components/partner-detail/partner-detail.component.ts b/src/app/routes/partner/partner-list/components/partner-detail/partner-detail.component.ts
new file mode 100644
index 00000000..80a9aa45
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/partner-detail/partner-detail.component.ts
@@ -0,0 +1,379 @@
+import { DatePipe } from '@angular/common';
+import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { apiConf } from '@conf/api.conf';
+import { STColumn } from '@delon/abc/st';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { NzFormatEmitEvent, NzTreeNode, NzTreeNodeOptions } from 'ng-zorro-antd/tree';
+import { NzTreeSelectComponent } from 'ng-zorro-antd/tree-select';
+import { Subscription, fromEvent } from 'rxjs';
+
+import { PartnerListService } from '../../services/partner-list.service';
+import { ChannelLogModalComponent } from '../channel-log-modal/channel-log-modal.component';
+import { PartnerAuditModalComponent } from '../partner-audit-modal/partner-audit-modal.component';
+
+@Component({
+  selector: 'app-partner-detail',
+  templateUrl: './partner-detail.component.html',
+  styleUrls: ['./partner-detail.component.less'],
+  providers: [DatePipe]
+})
+export class PartnerDetailComponent implements OnInit, OnDestroy {
+  @ViewChild('areaTreeSelect')
+  areaTreeSelect!: NzTreeSelectComponent;
+
+  columns: STColumn[] = this.initST();
+
+  detailData: any = { adminUserInfo: { name: '' }, legalPersonIdentity: { name: '' } };
+  tempalateData = { ...this.detailData };
+
+  isEdit = false;
+
+  uploadURl = apiConf.waterFileUpload;
+  disabledUpload = false;
+  enterpriseAddressCode: string[] = [];
+  enterpriseDefaultAddressCode: string[] = [];
+  enterpriseDefaultCityName: string = '';
+  areaList = [];
+
+  esignCheckStatus: any = {
+    0: '不通过',
+    1: '通过',
+    2: '未认证'
+  };
+
+  scrollTop = 0;
+  subscribeScoll!: Subscription;
+  constructor(
+    public service: PartnerListService,
+    public route: ActivatedRoute,
+    private nzModalService: NzModalService,
+    private datePipe: DatePipe
+  ) {}
+  ngOnDestroy(): void {
+    this.subscribeScoll.unsubscribe();
+  }
+
+  ngOnInit() {
+    this.initData();
+    this.loadlAreaList();
+    this.subscribeScoll = fromEvent(window, 'scroll').subscribe(event => {
+      this.scrollTop = document.documentElement.scrollTop;
+    });
+  }
+
+  loadlAreaList() {
+    this.service.request(this.service.$api_get_region_by_code, { regionCode: '' }).subscribe(res => {
+      if (res) {
+        this.areaList = res.map((item: any) => ({
+          ...item,
+          isLeaf: false,
+          title: item.name,
+          key: item.regionCode.toString(),
+          disabled: true,
+          isDisableCheckbox: true
+        }));
+      }
+    });
+  }
+
+  initData() {
+    this.service
+      .request(this.service.$api_get_ent_partner_detail, {
+        id: this.route.snapshot.params.id
+      })
+      .subscribe(res => {
+        if (res) {
+          this.detailData = res;
+          // 存储数据源
+          this.tempalateData = { ...this.detailData };
+          // 拼接所属城市
+          if (this.detailData?.cityCodesList?.length > 0) {
+            this.enterpriseAddressCode = (this.detailData?.cityCodesList as any[]).map(city => city.cityCode);
+            this.enterpriseDefaultCityName = (this.detailData?.cityCodesList as any[]).map(city => city.cityName).join('、');
+            this.enterpriseDefaultAddressCode = [
+              ...new Set<string>((this.detailData?.cityCodesList as any[]).map(city => city.provinceCode))
+            ];
+          }
+          // 拼接渠道销售信息
+          if (this.detailData?.channelIdLabel) {
+            const channel = (this.detailData.channelIdLabel as string).split('/');
+            Object.assign(this.detailData, {
+              channelName: channel[0],
+              channelMobile: channel[1]
+            });
+          }
+        }
+      });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+  /**
+   * 冻结
+   */
+  freezeOrResume(type: number) {
+    this.service.http
+      .post(this.service.$api_lock_freight, {
+        appUserId: [this.detailData.appUserId],
+        freezeOrResume: !!type,
+        pageName: '合伙人详情',
+        telephone: this.detailData.adminUserInfo.mobile
+      })
+      .subscribe(res => {
+        if (res.data === true) {
+          if (type === 0) {
+            this.service.msgSrv.success(`启用成功！`);
+          } else {
+            this.service.msgSrv.success(`冻结成功！`);
+          }
+          this.initData();
+        } else {
+          this.service.msgSrv.error(res.msg || '操作失败！');
+        }
+      });
+  }
+
+  auditPartner(isPass: boolean) {
+    const modal = this.nzModalService.create({
+      nzTitle: '审核',
+      nzContent: PartnerAuditModalComponent,
+      nzComponentParams: { info: { ...this.detailData, isPass }, sourcePage: '合伙人审核详情' },
+      nzFooter: null
+    });
+  }
+
+  ratify() {
+    this.isEdit = true;
+    // 搜索展开省份并选中节点
+    setTimeout(() => {
+      if (this.enterpriseDefaultAddressCode?.length > 0 && this.areaTreeSelect) {
+        this.enterpriseDefaultAddressCode.forEach(code => {
+          const node = this.areaTreeSelect.getTreeNodeByKey(code);
+          if (node) {
+            node.setExpanded(true);
+            this.onExpandChange(node);
+          }
+        });
+      }
+    }, 500);
+  }
+
+  deleteImg(data: any, key: string, key2: string) {
+    this.nzModalService.warning({
+      nzTitle: '是否确认删除该图片',
+      nzOnOk: () => {
+        this.disabledUpload = true;
+        data[key] = '';
+        data[key2] = '';
+        setTimeout(() => {
+          this.disabledUpload = false;
+        }, 100);
+      }
+    });
+  }
+  changeUpload({ file, fileList, type }: any, data: any, key: string, key2: string, id: string) {
+    if (type === 'success') {
+      data[key] = file.response.data?.fullFileWatermarkPath;
+      data[key2] = file.response.data?.fullFilePath;
+      if (id === 'legalFront' || id === 'legalBack') {
+        this.checkIdCard(file.response.data?.fullFilePath, id === 'legalFront' ? 'front' : 'back', 1);
+      }
+      if (id === 'certificateBackFront' || id === 'certificateBack') {
+        this.checkIdCard(file.response.data?.fullFilePath, id === 'certificateBackFront' ? 'front' : 'back', 0);
+      }
+      if (id === 'detailPhoto') {
+        this.checkBusinessLicense(file.response.data?.fullFilePath);
+      }
+    }
+  }
+
+  onExpandChange(node: NzTreeNode | null | undefined): void {
+    if (node && node.getChildren().length === 0 && node.isExpanded) {
+      this.loadRegionData(node).then(data => {
+        node.addChildren(data);
+        // 更新选中数据
+        this.areaTreeSelect.updateSelectedNodes(true);
+        // 修改子节点选中状态
+        const children = node.getChildren();
+        if (children?.length > 0) {
+          children.forEach(childNode => {
+            if (this.enterpriseAddressCode.find(area => area === childNode.key)) {
+              childNode.setChecked(true);
+            }
+          });
+        }
+      });
+    }
+  }
+
+  /**
+   * 级联获取地区数据
+   *
+   * @param node 节点
+   * @param index 层级
+   * @returns
+   */
+  loadRegionData(node: NzTreeNode): Promise<NzTreeNodeOptions[]> {
+    let rs: any[] = [];
+    return new Promise(resolve => {
+      this.service.request(this.service.$api_get_region_by_code, { regionCode: node?.origin.regionCode || '' }).subscribe(
+        res => {
+          rs = res.map((item: any) => ({
+            ...item,
+            isLeaf: true,
+            title: item.name,
+            key: item.regionCode.toString(),
+            isSelectable: true,
+            isSelected: true,
+            isChecked: true
+          }));
+        },
+        _ => {},
+        () => {
+          resolve(rs);
+        }
+      );
+    });
+  }
+
+  reset() {
+    this.detailData = { ...this.tempalateData };
+    this.isEdit = false;
+  }
+
+  save() {
+    if (this.enterpriseAddressCode?.length > 3) {
+      this.service.msgSrv.warning('所属城市不能超过3个');
+      return;
+    }
+    const dateil = { ...this.detailData };
+    Object.assign(dateil.legalPersonIdentity, {
+      validStartTime: this.datePipe.transform(dateil.legalPersonIdentity.validStartTime, 'yyyy-MM-dd'),
+      validEndTime: this.datePipe.transform(dateil.legalPersonIdentity.validEndTime, 'yyyy-MM-dd')
+    });
+    Object.assign(dateil.adminUserInfo, {
+      validStartTime: this.datePipe.transform(dateil.adminUserInfo.validStartTime, 'yyyy-MM-dd'),
+      validEndTime: this.datePipe.transform(dateil.adminUserInfo.validEndTime, 'yyyy-MM-dd')
+    });
+    const params = {};
+    Object.assign(params, {
+      ...dateil,
+      cityCodesList: this.enterpriseAddressCode,
+      enterpriseRegistrationTime: this.datePipe.transform(dateil.enterpriseRegistrationTime, 'yyyy-MM-dd'),
+      operatingEndTime: this.datePipe.transform(dateil.operatingEndTime, 'yyyy-MM-dd'),
+      operatingStartTime: this.datePipe.transform(dateil.operatingStartTime, 'yyyy-MM-dd')
+    });
+
+    this.service.request(this.service.$api_save_entp_partner, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('企业合伙人修改成功');
+        this.initData();
+        this.isEdit = false;
+      }
+    });
+  }
+
+  // 识别身份证 参数isFront：front-正面、back-背面；type：0-申请人身份证，1-法定代表人身份证
+  checkIdCard(imgurl: any, isFront: string, type: number) {
+    const params = {
+      idCardUrl: imgurl,
+      side: isFront
+    };
+    this.service.request(this.service.$api_ocr_recognize_id_card, params).subscribe(res => {
+      if (res) {
+        if (type === 1) {
+          // 法定代表人证件照
+          if (isFront === 'front') {
+            // 正面
+            if (res.name) {
+              this.detailData.legalPersonIdentity.name = res.name;
+            }
+            if (res.number) {
+              this.detailData.legalPersonIdentity.certificateType = 0;
+              this.detailData.legalPersonIdentity.certificateNumber = res.number;
+            }
+          }
+          if (isFront === 'back') {
+            // 背面
+            if (res.validFrom) {
+              this.detailData.legalPersonIdentity.validStartTime = res.validFrom;
+            }
+            if (res.validTo) {
+              this.detailData.legalPersonIdentity.validEndTime = res.validTo;
+            } else {
+              this.detailData.legalPersonIdentity.validEndTime = null;
+            }
+          }
+        }
+        // 企业管理员证件照
+        if (type === 0) {
+          if (isFront === 'front') {
+            // 正面
+            if (res.name) {
+              this.detailData.adminUserInfo.name = res.name;
+            }
+            if (res.number) {
+              this.detailData.adminUserInfo.certificateNumber = res.number;
+            }
+          }
+          if (isFront === 'back') {
+            // 背面
+            if (res.validFrom) {
+              this.detailData.adminUserInfo.validStartTime = res.validFrom;
+            }
+            if (res.validTo) {
+              this.detailData.adminUserInfo.validEndTime = res.validTo;
+            }
+          }
+        }
+      }
+    });
+  }
+
+  // 识别营业执照
+  checkBusinessLicense(imgurl: any) {
+    this.service.request(this.service.$api_ocr_recognize_business_license, { businessLicenseUrl: imgurl }).subscribe(res => {
+      if (res) {
+        // if (res.registrationNumber) {
+        //   this.detailData.unifiedSocialCreditCode = res.registrationNumber;
+        // }
+        // if (res.name) {
+        //   this.detailData.enterpriseName = res.name;
+        // }
+        if (res.businessTermStartDate) {
+          this.detailData.operatingStartTime = res.businessTermStartDate;
+        }
+        if (res.businessTermEndDate) {
+          this.detailData.operatingEndTime = res.businessTermEndDate;
+        } else {
+          this.detailData.operatingEndTime = null;
+        }
+      }
+    });
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '修改后渠道销售', index: 'newChannelIdLabel', width: 180 },
+      { title: '修改前渠道销售', index: 'originalChannelIdLabel', width: 160 },
+      { title: '转移客户数', index: 'quantity', className: 'text-center', width: 130 },
+      { title: '生效节点', index: 'effectiveNode', width: 150, type: 'enum', enum: { 1: '立即生效', 2: 'CRM审核后生效' } },
+      { title: '备注', index: 'remark', className: 'text-center', width: 150 },
+      { title: '修改时间', index: 'effectiveTime', className: 'text-center', width: 180, type: 'date' },
+      { title: '操作人', index: 'modifyUserIdLabel', width: 180 },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '140px',
+        buttons: [
+          {
+            text: '详情',
+            click: (item) => this.service.showChangeDetail(item.id)
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/partner/partner-list/components/personal-partner-detail/personal-partner-detail.component.html b/src/app/routes/partner/partner-list/components/personal-partner-detail/personal-partner-detail.component.html
new file mode 100644
index 00000000..87573d13
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/personal-partner-detail/personal-partner-detail.component.html
@@ -0,0 +1,201 @@
+<!-- 页头 -->
+<page-header-wrapper [logo]="logo" [content]="content" [title]="'合伙人详情'">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+  <ng-template #content>
+    <nz-skeleton [nzLoading]="service.http.loading">
+      <div class="user-info" nz-row>
+        <div nz-col [nzXl]="18" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="d-flex">
+          <img [src]="detailData?.enterpriseLogo" />
+          <div style="flex: 1">
+            <div nz-row>
+              <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
+                <p style="margin-bottom: 0">{{ detailData?.adminUserInfo?.name }}</p>
+              </div>
+              <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
+                <nz-badge nzStatus="success" nzText="正常" *ngIf="detailData?.lockedStatus === 0"> </nz-badge>
+                <nz-badge nzStatus="error" nzText="冻结" *ngIf="detailData?.lockedStatus === 1"></nz-badge>
+              </div>
+            </div>
+            <div nz-row>
+              <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
+                <p>{{ detailData?.adminUserInfo?.certificateNumber }}</p>
+              </div>
+              <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24"> 个人合伙人 </div>
+            </div>
+            <div nz-row>
+              <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24"> 注册时间：{{ detailData?.createTime }} </div>
+              <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
+                所属城市：{{enterpriseDefaultCityName}}
+              </div>
+            </div>
+          </div>
+        </div>
+        <div nz-col [nzXl]="6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right mt-sm">
+          <ng-container *ngIf="isEdit; else editButton">
+            <button [disabled]="service.http.loading" nz-button (click)="reset()"> 取消 </button>
+            <button [disabled]="service.http.loading" nz-button nzDanger (click)="save()"> 保存 </button>
+          </ng-container>
+          <ng-template #editButton>
+            <ng-container *ngIf="detailData?.approvalStatus === 10">
+              <button [disabled]="service.http.loading" nz-button nzDanger (click)="auditPartner(true)"> 通过 </button>
+              <button [disabled]="service.http.loading" nz-button nzDanger (click)="auditPartner(false)"> 驳回 </button>
+            </ng-container>
+            <ng-container *ngIf="detailData?.approvalStatus != 10">
+              <button [disabled]="service.http.loading" nz-button nzDanger nz-popconfirm [nzPopconfirmTitle]="enable"
+                (nzOnConfirm)="freezeOrResume(0)" nzPopconfirmPlacement="bottomRight" *ngIf="detailData?.lockedStatus"
+                acl [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-lock']">
+                启用
+              </button>
+              <button [disabled]="service.http.loading" nz-button nzDanger nz-popconfirm [nzPopconfirmTitle]="frozen"
+                (nzOnConfirm)="freezeOrResume(1)" nzPopconfirmPlacement="bottomRight" *ngIf="!detailData?.lockedStatus"
+                acl [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-lock']">
+                冻结
+              </button>
+            </ng-container>
+            <button [disabled]="service.http.loading" nz-button nzDanger (click)="ratify()"> 修改 </button>
+          </ng-template>
+        </div>
+      </div>
+    </nz-skeleton>
+  </ng-template>
+
+  <ng-template #frozen>
+    <ng-container *ngTemplateOutlet="
+    PopconfirmTempalte;
+    context: { title: '确定冻结该合伙人吗？', content: '停用后，该合伙人将被限制使用，不限于访问受限、邀请客户、佣金收益等，请谨慎操作' }
+  ">
+    </ng-container>
+  </ng-template>
+  <ng-template #enable>
+    <ng-container *ngTemplateOutlet="
+    PopconfirmTempalte;
+    context: { title: '确定启用该合伙人吗？', content: '启用后，该该合伙人将恢复正常使用功能，请再次确认' }
+  ">
+    </ng-container>
+  </ng-template>
+</page-header-wrapper>
+
+<nz-card [class]="isEdit ? 'edit-box' : 'readOnly-box'">
+  <sv-container col="3" class="mt16">
+    <sv-title>合伙人信息</sv-title>
+    <sv label="姓名">
+      <input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.name" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
+    </sv>
+    <sv label="手机号">
+      <!-- <input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.certificateNumber" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" /> -->
+        {{detailData.adminUserInfo.mobile}}
+    </sv>
+    <sv label="身份证号">
+      <input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.certificateNumber" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit ? '' : '-'" />
+    </sv>
+    <sv label="身份证有效期" col="1">
+      <nz-date-picker [(ngModel)]="detailData.adminUserInfo.validStartTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
+        [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''" style="width: 100px" class="calendar">
+      </nz-date-picker>
+      -
+      <ng-container
+        *ngIf="!isEdit && !detailData?.adminUserInfo?.validEndTime && detailData.adminUserInfo.validStartTime">
+        <label style="padding-left: 11px">长期</label>
+      </ng-container>
+      <nz-date-picker [(ngModel)]="detailData.adminUserInfo.validEndTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
+        [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit ? 'calendar' : ''" style="width: 100px" class="calendar">
+      </nz-date-picker>
+      <ng-container *ngIf="isEdit">
+        <label nz-checkbox [ngModel]="!!!detailData.adminUserInfo.validEndTime"
+          (ngModelChange)="$event ? (detailData.adminUserInfo.validEndTime = '') : ''" class="ml-sm">长期</label>
+      </ng-container>
+    </sv>
+    <sv label="身份证照" col="1">
+      <div class="d-flex">
+        <ng-container *ngTemplateOutlet="
+            uploadTemplate;
+            context: {
+              data: detailData?.adminUserInfo,
+              status: isEdit,
+              key: 'certificatePhotoFrontWatermark',
+              key2: 'certificatePhotoFront',
+              hover: 'legalFront'
+            }
+          ">
+        </ng-container>
+        <ng-container *ngTemplateOutlet="
+            uploadTemplate;
+            context: {
+              data: detailData?.adminUserInfo,
+              status: isEdit,
+              key: 'certificatePhotoBackWatermark',
+              key2: 'certificatePhotoBack',
+              hover: 'legalBack'
+            }
+          ">
+        </ng-container>
+      </div>
+    </sv>
+    <sv label="所属城市">
+      <ng-container *ngIf="isEdit; else cascaderelseTemplate">
+        <nz-tree-select #areaTreeSelect style="width: 350px" [(ngModel)]="enterpriseAddressCode"
+          [nzDropdownStyle]="{ 'max-height': '300px' }" [nzExpandedKeys]="enterpriseDefaultAddressCode"
+          [nzNodes]="areaList" [nzAsyncData]="true" [nzCheckStrictly]="true" nzCheckable
+          (nzExpandChange)="onExpandChange($event.node)" nzDropdownClassName="area-tree-select">
+        </nz-tree-select>
+      </ng-container>
+      <ng-template #cascaderelseTemplate>
+        {{ enterpriseDefaultCityName || '-' }}
+      </ng-template>
+    </sv>
+  </sv-container>
+  <nz-divider></nz-divider>
+  <sv-container col="3" class="mt16">
+    <sv-title>渠道销售信息</sv-title>
+    <sv label="姓名"> {{ detailData?.channelName }} </sv>
+    <sv label="手机号"> {{ detailData?.channelMobile }} </sv>
+    <sv label="绑定时间"> {{ detailData?.bindChannelTime }} </sv>
+  </sv-container>
+</nz-card>
+
+<nz-card>
+  <sv-container col="3" class="mt16">
+    <sv-title>修改渠道销售记录</sv-title>
+    <sv label="">
+      <st #st [data]="service.$api_get_personal_channel_list" [columns]="columns"
+        [req]="{params:{partnerId:route.snapshot.params.id}}" [loading]="service.http.loading" bordered size="small"
+        [page]="{ show: false }" [scroll]="{ x: '1200px' }">
+      </st>
+    </sv>
+  </sv-container>
+</nz-card>
+
+<ng-template #PopconfirmTempalte let-title="title" let-content="content">
+  <div class="ant-popover-message">
+    <i nz-icon nzType="info-circle" nzTheme="fill"></i>
+    <div class="ant-popover-message-title ng-star-inserted self-ant-popover-title" style="font-size: 16px">{{ title }}
+    </div>
+    <div class="ant-popover-message-title ng-star-inserted">
+      {{ content }}
+    </div>
+  </div>
+</ng-template>
+
+<ng-template #uploadTemplate let-data="data" let-status="status" let-key="key" let-key2="key2" let-hover="hover">
+  <nz-upload class="avatar-uploader" [nzAction]="uploadURl" nzName="multipartFile" nzListType="picture-card"
+    [nzShowUploadList]="false" nzFileType="image/png,image/jpeg,image/jpg,image/gif"
+    [nzDisabled]="!isEdit || disabledUpload" (nzChange)="changeUpload($event, data, key, key2, hover)">
+    <ng-container *ngIf="!data[key] && isEdit">
+      <i class="upload-icon" nz-icon [nzType]="service.http.loading ? 'loading' : 'plus'"></i>
+      <div class="ant-upload-text">上传</div>
+    </ng-container>
+    <div *ngIf="data[key]" (mouseover)="detailData[hover] = true" (mouseleave)="detailData[hover] = false"
+      (click)="$event.cancelBubble = true" class="image-hover">
+      <img nz-image [nzSrc]="data[key]" style="width: 200px; height: 160px" />
+      <i nz-icon *ngIf="detailData[hover] && isEdit" nzType="close-circle" nzTheme="fill" class="delete-icon"
+        (click)="deleteImg(data, key, key2)"></i>
+    </div>
+  </nz-upload>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/partner/partner-list/components/personal-partner-detail/personal-partner-detail.component.less b/src/app/routes/partner/partner-list/components/personal-partner-detail/personal-partner-detail.component.less
new file mode 100644
index 00000000..be442cbc
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/personal-partner-detail/personal-partner-detail.component.less
@@ -0,0 +1,37 @@
+@import '../../../../usercenter/less/edit.less';
+
+
+.user-info {
+  font-size: 16px;
+
+  .enterprise-name {
+    margin-right: 15px;
+  }
+
+  img {
+    width        : 64px;
+    height       : 64px;
+    margin-right : 15px;
+    border-radius: 50%;
+  }
+
+  .user-info-des {
+    margin-bottom: 5px;
+  }
+}
+
+:host::ng-deep {
+  .affix {
+    position: fixed !important;
+    top     : 20px !important;
+    z-index : 999 !important;
+    width   : 100% !important;
+  }
+
+  .image-hover .delete-icon {
+    top        : unset !important;
+    right      : unset !important;
+    margin-top : -15px;
+    margin-left: -15px;
+  }
+}
\ No newline at end of file
diff --git a/src/app/routes/partner/partner-list/components/personal-partner-detail/personal-partner-detail.component.ts b/src/app/routes/partner/partner-list/components/personal-partner-detail/personal-partner-detail.component.ts
new file mode 100644
index 00000000..ab33519c
--- /dev/null
+++ b/src/app/routes/partner/partner-list/components/personal-partner-detail/personal-partner-detail.component.ts
@@ -0,0 +1,301 @@
+import { DatePipe } from '@angular/common';
+import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { apiConf } from '@conf/api.conf';
+import { STColumn } from '@delon/abc/st';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { NzTreeNode, NzTreeNodeOptions } from 'ng-zorro-antd/tree';
+import { NzTreeSelectComponent } from 'ng-zorro-antd/tree-select';
+import { Subscription, fromEvent } from 'rxjs';
+
+import { PartnerListService } from '../../services/partner-list.service';
+import { PartnerAuditModalComponent } from '../partner-audit-modal/partner-audit-modal.component';
+
+@Component({
+  selector: 'app-personal-partner-detail',
+  templateUrl: './personal-partner-detail.component.html',
+  styleUrls: ['./personal-partner-detail.component.less'],
+  providers: [DatePipe]
+})
+export class PersonalPartnerDetailComponent implements OnInit {
+  @ViewChild('areaTreeSelect')
+  areaTreeSelect!: NzTreeSelectComponent;
+
+  columns: STColumn[] = this.initST();
+
+  detailData: any = { adminUserInfo: { name: '' }, legalPersonIdentity: { name: '' } };
+  tempalateData = { ...this.detailData };
+
+  isEdit = false;
+
+  uploadURl = apiConf.waterFileUpload;
+  disabledUpload = false;
+  enterpriseAddressCode: string[] = [];
+  enterpriseDefaultAddressCode: string[] = [];
+  enterpriseDefaultCityName: string = '';
+  areaList = [];
+
+  constructor(
+    public service: PartnerListService,
+    public route: ActivatedRoute,
+    private nzModalService: NzModalService,
+    private datePipe: DatePipe
+  ) {}
+
+  ngOnInit() {
+    this.initData();
+    this.loadlAreaList();
+  }
+
+  loadlAreaList() {
+    this.service.request(this.service.$api_get_region_by_code, { regionCode: '' }).subscribe(res => {
+      if (res) {
+        this.areaList = res.map((item: any) => ({
+          ...item,
+          isLeaf: false,
+          title: item.name,
+          key: item.regionCode.toString(),
+          disabled: true,
+          isDisableCheckbox: true
+        }));
+      }
+    });
+  }
+
+  initData() {
+    this.service
+      .request(this.service.$api_get_personal_partner_detail, {
+        id: this.route.snapshot.params.id
+      })
+      .subscribe(res => {
+        if (res) {
+          this.detailData = res;
+          console.log(this.detailData);
+
+          this.tempalateData = { ...this.detailData };
+          // 拼接所属城市
+          if (this.detailData?.cityCodesList?.length > 0) {
+            this.enterpriseAddressCode = (this.detailData?.cityCodesList as any[]).map(city => city.cityCode);
+            this.enterpriseDefaultCityName = (this.detailData?.cityCodesList as any[]).map(city => city.cityName).join('、');
+            this.enterpriseDefaultAddressCode = [
+              ...new Set<string>((this.detailData?.cityCodesList as any[]).map(city => city.provinceCode))
+            ];
+          }
+          if (this.detailData?.channelIdLabel) {
+            const channel = (this.detailData.channelIdLabel as string).split('/');
+            Object.assign(this.detailData, {
+              channelName: channel[0],
+              channelMobile: channel[1]
+            });
+          }
+        }
+      });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+  /**
+   * 冻结
+   */
+  freezeOrResume(type: number) {
+    this.service.http
+      .post(this.service.$api_lock_freight, {
+        appUserId: [this.detailData.appUserId],
+        freezeOrResume: !!type,
+        pageName: '合伙人详情',
+        telephone: this.detailData.adminUserInfo.mobile
+      })
+      .subscribe(res => {
+        if (res.data === true) {
+          if (type === 0) {
+            this.service.msgSrv.success(`启用成功！`);
+          } else {
+            this.service.msgSrv.success(`冻结成功！`);
+          }
+          this.initData();
+        } else {
+          this.service.msgSrv.error(res.msg || '操作失败！');
+        }
+      });
+  }
+
+  auditPartner(isPass: boolean) {
+    const modal = this.nzModalService.create({
+      nzTitle: '审核',
+      nzContent: PartnerAuditModalComponent,
+      nzComponentParams: {
+        info: { ...this.detailData, isPass, enterpriseName: this.detailData.adminUserInfo?.name },
+        sourcePage: '合伙人审核详情'
+      },
+      nzFooter: null
+    });
+  }
+
+  ratify() {
+    this.isEdit = true;
+    // 搜索展开省份并选中节点
+    setTimeout(() => {
+      if (this.enterpriseDefaultAddressCode?.length > 0 && this.areaTreeSelect) {
+        this.enterpriseDefaultAddressCode.forEach(code => {
+          const node = this.areaTreeSelect.getTreeNodeByKey(code);
+          if (node) {
+            node.setExpanded(true);
+            this.onExpandChange(node);
+          }
+        });
+      }
+    }, 500);
+  }
+
+  deleteImg(data: any, key: string, key2: string) {
+    this.nzModalService.warning({
+      nzTitle: '是否确认删除该图片',
+      nzOnOk: () => {
+        this.disabledUpload = true;
+        data[key] = '';
+        data[key2] = '';
+        setTimeout(() => {
+          this.disabledUpload = false;
+        }, 100);
+      }
+    });
+  }
+  changeUpload({ file, fileList, type }: any, data: any, key: string, key2: string, id: string) {
+    if (type === 'success') {
+      data[key] = file.response.data?.fullFileWatermarkPath;
+      data[key2] = file.response.data?.fullFilePath;
+      if (id === 'legalFront' || id === 'legalBack') {
+        this.checkIdCard(file.response.data?.fullFilePath, id === 'legalFront' ? 'front' : 'back');
+      }
+    }
+  }
+
+  onExpandChange(node: NzTreeNode | null | undefined): void {
+    if (node && node.getChildren().length === 0 && node.isExpanded) {
+      this.loadRegionData(node).then(data => {
+        node.addChildren(data);
+        // 更新选中数据
+        this.areaTreeSelect.updateSelectedNodes(true);
+        // 修改子节点选中状态
+        const children = node.getChildren();
+        if (children?.length > 0) {
+          children.forEach(childNode => {
+            if (this.enterpriseAddressCode.find(area => area === childNode.key)) {
+              childNode.setChecked(true);
+            }
+          });
+        }
+      });
+    }
+  }
+
+  /**
+   * 级联获取地区数据
+   *
+   * @param node 节点
+   * @param index 层级
+   * @returns
+   */
+  loadRegionData(node: NzTreeNode): Promise<NzTreeNodeOptions[]> {
+    let rs: any[] = [];
+    return new Promise(resolve => {
+      this.service.request(this.service.$api_get_region_by_code, { regionCode: node?.origin.regionCode || '' }).subscribe(
+        res => {
+          rs = res.map((item: any) => ({
+            ...item,
+            isLeaf: true,
+            title: item.name,
+            key: item.regionCode.toString(),
+            isSelectable: true,
+            isSelected: true,
+            isChecked: true
+          }));
+        },
+        _ => {},
+        () => {
+          resolve(rs);
+        }
+      );
+    });
+  }
+
+  reset() {
+    this.detailData = { ...this.tempalateData };
+    this.isEdit = false;
+  }
+
+  save() {
+    if (this.enterpriseAddressCode?.length > 3) {
+      this.service.msgSrv.warning('所属城市不能超过3个');
+      return;
+    }
+    const dateil = { ...this.detailData, cityCodesList: this.enterpriseAddressCode };
+    Object.assign(dateil.adminUserInfo, {
+      validStartTime: this.datePipe.transform(dateil.adminUserInfo.validStartTime, 'yyyy-MM-dd'),
+      validEndTime: this.datePipe.transform(dateil.adminUserInfo.validEndTime, 'yyyy-MM-dd')
+    });
+
+    this.service.request(this.service.$api_save_personal_partner, dateil).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('个人合伙人修改成功');
+        this.initData();
+        this.isEdit = false;
+      }
+    });
+  }
+
+  // 识别身份证 参数isFront：front-正面、back-背面；type：0-申请人身份证，1-法定代表人身份证
+  checkIdCard(imgurl: any, isFront: string) {
+    const params = {
+      idCardUrl: imgurl,
+      side: isFront
+    };
+    this.service.request(this.service.$api_ocr_recognize_id_card, params).subscribe(res => {
+      if (res) {
+        // 企业管理员证件照
+        if (isFront === 'front') {
+          // 正面
+          if (res.name) {
+            this.detailData.adminUserInfo.name = res.name;
+          }
+          if (res.number) {
+            this.detailData.adminUserInfo.certificateNumber = res.number;
+          }
+        }
+        if (isFront === 'back') {
+          // 背面
+          if (res.validFrom) {
+            this.detailData.adminUserInfo.validStartTime = res.validFrom;
+          }
+          if (res.validTo) {
+            this.detailData.adminUserInfo.validEndTime = res.validTo;
+          }
+        }
+      }
+    });
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '修改后渠道销售', index: 'newChannelIdLabel', width: 180 },
+      { title: '修改前渠道销售', index: 'originalChannelIdLabel', width: 160 },
+      { title: '转移客户数', index: 'quantity', className: 'text-center', width: 130 },
+      { title: '生效节点', index: 'effectiveNode', width: 150, type: 'enum', enum: { 1: '立即生效', 2: 'CRM审核后生效' } },
+      { title: '备注', index: 'remark', className: 'text-center', width: 150 },
+      { title: '修改时间', index: 'effectiveTime', className: 'text-center', width: 180, type: 'date' },
+      { title: '操作人', index: 'modifyUserIdLabel', width: 180 },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '140px',
+        buttons: [
+          {
+            text: '详情',
+            click: item => this.service.showChangeDetail(item.id)
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/partner/partner-list/services/partner-list.service.ts b/src/app/routes/partner/partner-list/services/partner-list.service.ts
new file mode 100644
index 00000000..22151e83
--- /dev/null
+++ b/src/app/routes/partner/partner-list/services/partner-list.service.ts
@@ -0,0 +1,75 @@
+import { Injectable, Injector } from '@angular/core';
+import { BaseService, EACacheService, ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ImageViewComponent } from 'src/app/shared/components/imagelist';
+import { ChannelLogModalComponent } from '../components/channel-log-modal/channel-log-modal.component';
+
+@Injectable()
+export class PartnerListService extends ShipperBaseService {
+  $mock_url = '/rule?_allow_anonymous=true';
+
+  // 查询合伙人信息-分页
+  $api_get_partner_page = '/api/mdc/partner/list/page';
+  // 新增/更新保存企业合伙人信息
+  $api_save_entp_partner = '/api/mdc/partner/saveEnterprise';
+  // 新增/更新个人合伙人信息
+  $api_save_personal_partner = '/api/mdc/partner/savePersonally';
+  // 获取企业合伙人信息
+  $api_get_ent_partner_detail = '/api/mdc/partner/getEnterprise';
+  // 获取合伙人信息
+  $api_get_personal_partner_detail = '/api/mdc/partner/getPersonally';
+  // 审核合伙人
+  $api_audit_partner = '/api/mdc/partner/audit';
+  // 修改返佣模板
+  $api_update_partner_template = '/api/mdc/partner/updateTemplate';
+  // 更新渠道销售
+  $api_update_partner_channel = '/api/mdc/partner/updateChannelSale';
+  // 更新渠道销售
+  $api_update_partner_channel_by_id = '/api/mdc/partner/updateChannelSaleByID';
+  // 重新发起CRM
+  $api_resend_crm = '/api/mdc/partner/reSendCrm';
+  // 查询合伙人修改渠道渠道销售记录
+  $api_get_personal_channel_list = '/api/mdc/partnerChannelRelLog/list/page';
+  // 查询客户关系列表-不分页
+  $api_get_enterprice_rel_list = '/api/mdc/EnterpriseRelLog/list';
+  // 校验合伙人是否可修改渠道销售 true:可以修改 false：不可以修改
+  $api_check_partenr_change_channel = '/api/mdc/partner/updateChannelCheck';
+  // 根据手机号查询实名信息
+  $api_get_identityInfo_by_mobile = '/api/mdc/cuc/identityInfo/getByMobile';
+  // 渠道销售修改详情
+  $api_get_partner_change_list = '/api/mdc/partnerChannelRelLog/partnerChannelUpdateDetaiList';
+  // 冻结/启用企业业
+  $api_lock_freight = '/api/mdc/cuc/userApp/freezeOrResume';
+
+  // 根据地区code查询列表
+  $api_get_region_by_code = '/api/mdc/pbc/region/getRegionByCode';
+  // 根据地区code查询地区详情
+  $api_get_region_detail_by_code = '/api/mdc/pbc/region/getRegionDetailByCode';
+  // 营业执照识别
+  $api_ocr_recognize_business_license = '/api/mdc/pbc/hwc/ocr/recognizeBusinessLicense';
+  // 身份证识别
+  $api_ocr_recognize_id_card = '/api/mdc/pbc/hwc/ocr/recognizeIdCard';
+
+  constructor(public injector: Injector, private nzModalService: NzModalService) {
+    super(injector);
+  }
+
+  showImg(url: any) {
+    const params = {
+      imgList: [url],
+      index: 0
+    };
+    this.nzModalService.create({ nzContent: ImageViewComponent, nzComponentParams: { params } });
+  }
+
+  showChangeDetail(id: string) {
+    const modal = this.nzModalService.create({
+      nzTitle: '详情',
+      nzContent: ChannelLogModalComponent,
+      nzComponentParams: { id },
+      nzNoAnimation: true,
+      nzWidth: 800,
+      nzFooter: null
+    });
+  }
+}
diff --git a/src/app/routes/partner/partner-routing.module.ts b/src/app/routes/partner/partner-routing.module.ts
new file mode 100644
index 00000000..8c979b66
--- /dev/null
+++ b/src/app/routes/partner/partner-routing.module.ts
@@ -0,0 +1,171 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-24 15:07:57
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-11 15:22:36
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\partner\\partner-routing.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+import { PartnerAccountManagementAccountDetailComponent } from './account-management/components/account-detail/account-detail.component';
+import { PartnerAccountManagementListComponent } from './account-management/components/list/list.component';
+import { PartnerAccountManagementRecordedDetailComponent } from './account-management/components/recorded-detail/recorded-detail.component';
+import { PartnerBusinessStatisticsIndexComponent } from './business-statistics/components/index/index.component';
+import { PartnerPartnerCustomDetailComponent } from './business-statistics/components/partner-custom-detail/partner-custom-detail.component';
+import { PartnerPartnerCustomOrderDetailComponent } from './business-statistics/components/partner-custom-order-detail/partner-custom-order-detail.component';
+import { PartnerPartnerOrderDetailComponent } from './business-statistics/components/partner-order-detail/partner-order-detail.component';
+import { PartnerSaleCustomDetailComponent } from './business-statistics/components/sale-custom-detail/sale-custom-detail.component';
+import { PartnerSalePartnerDetailComponent } from './business-statistics/components/sale-partner-detail/sale-partner-detail.component';
+import { ParterChannelSalesEditComponent } from './channel-sales/components/edit/edit.component';
+import { ParterChannelSalesListComponent } from './channel-sales/components/list/list.component';
+import { ParterClaimAuditListChannelDetailComponent } from './claim-audit/components/channel-detail/channel-detail.component';
+import { ParterClaimAuditListComponent } from './claim-audit/components/list/list.component';
+import { ParterClaimAuditListPartnerDetailComponent } from './claim-audit/components/partner-detail/partner-detail.component';
+import { ParterLevelConfigEditComponent } from './level-config/components/edit/edit.component';
+import { ParterLevelConfigListComponent } from './level-config/components/list/list.component';
+import { PartnerDetailComponent } from './partner-list/components/partner-detail/partner-detail.component';
+import { ParterRebateManageMentParticularsComponent } from './rebate-management/components/particulars/particulars.component';
+import { ParterRebateManageMentRecordComponent } from './rebate-management/components/rebate-record/rebate-record.component';
+import { PartnerAccountManagementWithdrawalsRecordComponent } from './account-management/components/withdrawals-record/withdrawals-record.component';
+import { PartnerAccountManagementWithdralDetailComponent } from './account-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component';
+import { ParterRebateManageMentAddComponent } from './rebate-management/components/rebate-setting/add/add.component';
+import { ParterRebateManageMentSettingComponent } from './rebate-management/components/rebate-setting/rebate-setting.component';
+import { PartnerRecordedDetailComponent } from './recorded/components/detail/detail.component';
+import { PartnerRecordedRecordComponent } from './recorded/components/record/record.component';
+import { AddEtpPartnerComponent } from './partner-list/components/add-etp-partner/add-etp-partner.component';
+import { AddPersonalPartnerComponent } from './partner-list/components/add-personal-partner/add-personal-partner.component';
+import { PartnerListComponent } from './partner-list/components/index/partner-list.component';
+import { PartnerKnowledgeClassificationListComponent } from './knowledge/classification/components/list/list.component';
+import { ParterArticleManagementListComponent } from './article-management/components/list/list.component';
+import { ParterArticleManagementEditComponent } from './article-management/components/edit/edit.component';
+import { ScrollimgComponentsAddComponent } from './scrollimg/components/add/add.component';
+import { ScrollImgComponentsListComponent } from './scrollimg/components/list/list.component';
+import { BannerComponentsListComponent } from './knowledge/banner/components/list/list.component';
+import { BannerComponentsAddComponent } from './knowledge/banner/components/add/add.component';
+import { PersonalPartnerDetailComponent } from './partner-list/components/personal-partner-detail/personal-partner-detail.component';
+import { ParterAdviceFeedbackListComponent } from './advice-feedback/components/list/list.component';
+import { ParterAdviceFeedbackDetailComponent } from './advice-feedback/components/feedback-detail/feedback-detail.component';
+
+const routes: Routes = [
+  {
+    path: 'business-statistics',
+    children: [
+      { path: '', redirectTo: 'index' },
+      { path: 'index', component: PartnerBusinessStatisticsIndexComponent },
+      { path: 'partner/order-detail/:id', component: PartnerPartnerOrderDetailComponent },
+      { path: 'partner/custom-detail/:id', component: PartnerPartnerCustomDetailComponent },
+      { path: 'partner/custom-order-detail/:id', component: PartnerPartnerCustomOrderDetailComponent },
+      { path: 'sale/custom-detail/:id', component: PartnerSaleCustomDetailComponent },
+      { path: 'sale/partner-detail/:id', component: PartnerSalePartnerDetailComponent }
+    ]
+  },
+  {
+    path: 'channel-sales',
+    children: [
+      { path: '', component: ParterChannelSalesListComponent },
+      { path: 'list', component: ParterChannelSalesListComponent },
+      { path: 'edit', component: ParterChannelSalesEditComponent }
+    ]
+  },
+  {
+    path: 'level-config',
+    children: [
+      { path: '', component: ParterLevelConfigListComponent },
+      { path: 'list', component: ParterLevelConfigListComponent },
+      { path: 'edit', component: ParterLevelConfigEditComponent }
+    ]
+  },
+  {
+    path: 'rebate',
+    children: [
+      { path: 'particulars', component: ParterRebateManageMentParticularsComponent },
+      { path: 'record', component: ParterRebateManageMentRecordComponent },
+      { path: 'setting', component: ParterRebateManageMentSettingComponent },
+      { path: 'setting/add/:id', component: ParterRebateManageMentAddComponent }
+    ]
+  },
+  {
+    path: 'account-management',
+    children: [
+      {
+        path: 'am',
+        children: [
+          { path: '', redirectTo: 'list' },
+          { path: 'list', component: PartnerAccountManagementListComponent },
+          { path: 'detail/:id', component: PartnerAccountManagementAccountDetailComponent },
+          { path: 'recorded/detail/:id', component: PartnerAccountManagementRecordedDetailComponent }
+        ]
+      },
+      {
+        path: 'withdraw-record',
+        children: [
+          { path: '', redirectTo: 'list' },
+          { path: 'list', component: PartnerAccountManagementWithdrawalsRecordComponent },
+          { path: 'detail/:id', component: PartnerAccountManagementWithdralDetailComponent }
+        ]
+      }
+    ]
+  },
+  {
+    path: 'partner-list',
+    children: [
+      { path: '', component: PartnerListComponent },
+      { path: 'etp-detail/:id', component: PartnerDetailComponent },
+      { path: 'personal-detail/:id', component: PersonalPartnerDetailComponent },
+      { path: 'add-etp-partner', component: AddEtpPartnerComponent },
+      { path: 'add-personal-partner', component: AddPersonalPartnerComponent }
+    ]
+  },
+  {
+    path: 'claim-audit',
+    children: [
+      { path: '', component: ParterClaimAuditListComponent },
+      { path: 'list', component: ParterClaimAuditListComponent },
+      { path: 'channel-detail', component: ParterClaimAuditListChannelDetailComponent },
+      { path: 'partner-detail', component: ParterClaimAuditListPartnerDetailComponent }
+    ]
+  },
+  {
+    path: 'scrollimg',
+    children: [
+      { path: '', component: ScrollImgComponentsListComponent },
+      { path: 'list', component: ScrollImgComponentsListComponent },
+      { path: 'detail', component: ScrollimgComponentsAddComponent }
+    ]
+  },
+  {
+    path: 'advice-feedback',
+    children: [
+      { path: '', component: ParterAdviceFeedbackListComponent },
+      { path: 'list', component: ParterAdviceFeedbackListComponent },
+      { path: 'detail', component: ParterAdviceFeedbackDetailComponent }
+    ]
+  },
+  {
+    path: 'recorded',
+    children: [
+      { path: 'record', component: PartnerRecordedRecordComponent },
+      { path: 'record/detail/:id', component: PartnerRecordedDetailComponent }
+    ]
+  },
+  {
+    path: 'knowledge',
+    children: [
+      { path: 'classification', component: PartnerKnowledgeClassificationListComponent },
+      { path: 'article-management-list', component: ParterArticleManagementListComponent },
+      { path: 'article-management-add', component: ParterArticleManagementEditComponent },
+      { path: 'article-management-edit', component: ParterArticleManagementEditComponent },
+      { path: 'banner', component: BannerComponentsListComponent },
+      { path: 'banner/detail', component: BannerComponentsAddComponent }
+    ]
+  }
+];
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class PartnerRoutingModule {}
diff --git a/src/app/routes/partner/partner.module.ts b/src/app/routes/partner/partner.module.ts
new file mode 100644
index 00000000..3255e0c1
--- /dev/null
+++ b/src/app/routes/partner/partner.module.ts
@@ -0,0 +1,126 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-09 14:34:55
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-11 15:28:01
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\partner\\partner.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { SharedModule } from '@shared';
+import { PartnerAccountManagementAccountDetailComponent } from './account-management/components/account-detail/account-detail.component';
+import { PartnerAccountManagementListComponent } from './account-management/components/list/list.component';
+import { PartnerAccountManagementRecordedDetailComponent } from './account-management/components/recorded-detail/recorded-detail.component';
+import { PartnerAccountManagementVirtualAccountDetailComponent } from './account-management/components/virtual-account-detail/virtual-account-detail.component';
+import { PartnerAccountManagementWithdralDetailComponent } from './account-management/components/withdrawals-record/withdrawals-detail/withdrawals-detail.component';
+import { PartnerAccountManagementWithdrawalsRecordComponent } from './account-management/components/withdrawals-record/withdrawals-record.component';
+import { PartnerBusinessStatisticsIndexComponent } from './business-statistics/components/index/index.component';
+import { PartnerPartnerCustomDetailComponent } from './business-statistics/components/partner-custom-detail/partner-custom-detail.component';
+import { PartnerPartnerCustomOrderDetailComponent } from './business-statistics/components/partner-custom-order-detail/partner-custom-order-detail.component';
+import { PartnerPartnerOrderDetailComponent } from './business-statistics/components/partner-order-detail/partner-order-detail.component';
+import { PartnerPartnerStatisticsComponent } from './business-statistics/components/partner-statistics/partner-statistics.component';
+import { PartnerSaleCustomDetailComponent } from './business-statistics/components/sale-custom-detail/sale-custom-detail.component';
+import { PartnerSalePartnerDetailComponent } from './business-statistics/components/sale-partner-detail/sale-partner-detail.component';
+import { PartnerSaleStatisticsComponent } from './business-statistics/components/sale-statistics/sale-statistics.component';
+import { ParterChannelSalesEditComponent } from './channel-sales/components/edit/edit.component';
+import { ParterChannelSalesListComponent } from './channel-sales/components/list/list.component';
+import { ParterClaimAuditListChannelApproveComponent } from './claim-audit/components/channel-approve/channel-approve.component';
+import { ParterClaimAuditListChannelDetailComponent } from './claim-audit/components/channel-detail/channel-detail.component';
+import { ParterClaimAuditListChannelRejectComponent } from './claim-audit/components/channel-reject/channel-reject.component';
+import { ParterClaimAuditListComponent } from './claim-audit/components/list/list.component';
+import { ParterClaimAuditListPartnerApproveComponent } from './claim-audit/components/partner-approve/partner-approve.component';
+import { ParterClaimAuditListPartnerDetailComponent } from './claim-audit/components/partner-detail/partner-detail.component';
+import { ParterClaimAuditListPartnerRejectComponent } from './claim-audit/components/partner-reject/partner-reject.component';
+import { ParterLevelConfigEditComponent } from './level-config/components/edit/edit.component';
+import { ParterLevelConfigListComponent } from './level-config/components/list/list.component';
+import { PartnerListComponent } from './partner-list/components/index/partner-list.component';
+import { PartnerAuditModalComponent } from './partner-list/components/partner-audit-modal/partner-audit-modal.component';
+import { PartnerDetailComponent } from './partner-list/components/partner-detail/partner-detail.component';
+import { PartnerListService } from './partner-list/services/partner-list.service';
+import { PartnerRoutingModule } from './partner-routing.module';
+import { ParterRebateManageMentParticularsComponent } from './rebate-management/components/particulars/particulars.component';
+import { ParterRebateManageMentRecordComponent } from './rebate-management/components/rebate-record/rebate-record.component';
+import { ParterRebateManageMentSettingComponent } from './rebate-management/components/rebate-setting/rebate-setting.component';
+import { AddEtpPartnerComponent } from './partner-list/components/add-etp-partner/add-etp-partner.component';
+import { AddPersonalPartnerComponent } from './partner-list/components/add-personal-partner/add-personal-partner.component';
+import { ParterRebateManageMenAbnormalFeedbackComponent } from './rebate-management/model/abnormal-feedback/abnormal-feedback.component';
+import { PartnerRecordedDetailComponent } from './recorded/components/detail/detail.component';
+import { PartnerRecordedRecordComponent } from './recorded/components/record/record.component';
+import { ParterRebateManageMentAddComponent } from './rebate-management/components/rebate-setting/add/add.component';
+import { ParterArticleManagementEditComponent } from './article-management/components/edit/edit.component';
+import { ParterArticleManagementListComponent } from './article-management/components/list/list.component';
+import { PartnerKnowledgeClassificationListComponent } from './knowledge/classification/components/list/list.component';
+import { PartnerEditComponent } from './knowledge/classification/components/edit/edit.component';
+import { ScrollimgComponentsAddComponent } from './scrollimg/components/add/add.component';
+import { ScrollImgComponentsListComponent } from './scrollimg/components/list/list.component';
+import { BannerComponentsListComponent } from './knowledge/banner/components/list/list.component';
+import { BannerComponentsAddComponent } from './knowledge/banner/components/add/add.component';
+import { PersonalPartnerDetailComponent } from './partner-list/components/personal-partner-detail/personal-partner-detail.component';
+import { ParterAdviceFeedbackListComponent } from './advice-feedback/components/list/list.component';
+import { ParterAdviceFeedbackDetailComponent } from './advice-feedback/components/feedback-detail/feedback-detail.component';
+import { ParterRebateManageMentAddPartnerListComponent } from './rebate-management/components/rebate-setting/add-partnerlist/add-partnerlist.component';
+import { ChannelLogModalComponent } from './partner-list/components/channel-log-modal/channel-log-modal.component';
+
+const COMPONENTS: any[] = [
+  PartnerBusinessStatisticsIndexComponent,
+  ParterChannelSalesListComponent,
+  ParterChannelSalesEditComponent,
+  ParterLevelConfigListComponent,
+  ParterLevelConfigEditComponent,
+  PartnerPartnerStatisticsComponent,
+  PartnerSaleStatisticsComponent,
+  PartnerPartnerCustomDetailComponent,
+  PartnerPartnerCustomDetailComponent,
+  PartnerSaleCustomDetailComponent,
+  ParterRebateManageMentParticularsComponent,
+  ParterRebateManageMentRecordComponent,
+  PartnerSalePartnerDetailComponent,
+  PartnerPartnerCustomOrderDetailComponent,
+  PartnerPartnerOrderDetailComponent,
+  PartnerAccountManagementListComponent,
+  ParterClaimAuditListComponent,
+  ParterClaimAuditListChannelDetailComponent,
+  ParterClaimAuditListPartnerDetailComponent,
+  ParterClaimAuditListPartnerApproveComponent,
+  ParterClaimAuditListPartnerRejectComponent,
+  ParterClaimAuditListChannelApproveComponent,
+  ParterClaimAuditListChannelRejectComponent,
+  PartnerAccountManagementVirtualAccountDetailComponent,
+  PartnerAccountManagementAccountDetailComponent,
+  PartnerAccountManagementRecordedDetailComponent,
+  PartnerAccountManagementWithdrawalsRecordComponent,
+  PartnerAccountManagementWithdralDetailComponent,
+  PartnerRecordedRecordComponent,
+  PartnerRecordedDetailComponent,
+  PartnerListComponent,
+  PartnerDetailComponent,
+  ParterRebateManageMenAbnormalFeedbackComponent,
+  ParterRebateManageMentSettingComponent,
+  PartnerAuditModalComponent,
+  ParterRebateManageMentAddComponent,
+  AddEtpPartnerComponent,
+  AddPersonalPartnerComponent,
+  ScrollImgComponentsListComponent,
+  ScrollimgComponentsAddComponent,
+  ParterArticleManagementEditComponent,
+  ParterArticleManagementListComponent,
+  PartnerKnowledgeClassificationListComponent,
+  PartnerEditComponent,
+  BannerComponentsListComponent,
+  BannerComponentsAddComponent,
+  PersonalPartnerDetailComponent,
+  ParterAdviceFeedbackListComponent,
+  ParterAdviceFeedbackDetailComponent,
+  ParterRebateManageMentAddPartnerListComponent,
+  ChannelLogModalComponent
+];
+
+@NgModule({
+  declarations: [...COMPONENTS],
+  imports: [CommonModule, PartnerRoutingModule, SharedModule],
+  providers: [PartnerListService]
+})
+export class PartnerModule {}
diff --git a/src/app/routes/partner/rebate-management/components/particulars/particulars.component.html b/src/app/routes/partner/rebate-management/components/particulars/particulars.component.html
new file mode 100644
index 00000000..0ebf82f0
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/components/particulars/particulars.component.html
@@ -0,0 +1,60 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-24 20:09:49
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-24 20:14:21
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\partner\\rebate-management\\components\\list\\particulars.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="''"> </page-header-wrapper>
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="service.http.loading"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" class="text-right">
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1);">查询</button>
+        <button nz-button nzType="primary" [disabled]="service.http.loading" >导出</button>
+        <button nz-button [disabled]="service.http.loading" (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card>
+  <!-- 数据列表 -->
+  <st
+    #st
+    [bordered]="true"
+    [data]="data"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loadingDelay]="500"
+    [loading]="service.http.loading"
+  >
+  </st>
+</nz-card>
diff --git a/src/app/routes/partner/rebate-management/components/particulars/particulars.component.ts b/src/app/routes/partner/rebate-management/components/particulars/particulars.component.ts
new file mode 100644
index 00000000..55ed5dd9
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/components/particulars/particulars.component.ts
@@ -0,0 +1,188 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { processSingleSort, ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { RebateManagementService } from '../../services/rebate-management.service';
+
+@Component({
+  selector: 'app-parter-channel-rebate-management-particulars',
+  templateUrl: './particulars.component.html'
+})
+export class ParterRebateManageMentParticularsComponent implements OnInit {
+  schema: SFSchema = {};
+  columns!: STColumn[];
+  ui!: SFUISchema;
+  @ViewChild('st', { static: false })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  spuStatus = '1';
+  _$expand = false;
+  data = [{ name1: 1111 }];
+  constructor(
+    public router: Router,
+    public ar: ActivatedRoute,
+    public service: RebateManagementService,
+    private modalService: NzModalService,
+    public shipperservice: ShipperBaseService
+  ) {}
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+    /**
+  * 伸缩查询条件
+  */
+     expandToggle(): void {
+      this._$expand = !this._$expand;
+      this.sf?.setValue('/_$expand', this._$expand);
+    }
+  /**
+ * 查询参数
+ */
+   get reqParams() {
+    const params: any = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    return { 
+      ...params,
+      deadlineTime: {
+        start: this.sf?.value?.deadlineTime?.[0] || '',
+        end: this.sf?.value?.deadlineTime?.[1] || '',
+      },
+     };
+  }
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        name: {
+          type: 'string',
+          title: '订单号'
+        },
+        phone: {
+          type: 'string',
+          title: '付款单号'
+        },
+        phone2: {
+          type: 'string',
+          title: '下单客户'
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            allowClear: true,
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder()
+          }
+        },
+        phone3: {
+          type: 'string',
+          title: '合伙人名称',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+          }
+        },
+        deadlineTime: {
+          title: '时间范围',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            allowClear: true
+          } as SFDateWidgetSchema
+        }
+      }
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 140,
+        grid: { span: 8, gutter: 4 }
+      }
+    };
+  }
+
+  initST() {
+    this.columns = [
+      {
+        title: '订单号',
+        index: 'name1'
+      },
+      {
+        title: '订单金额（元）',
+        index: 'name1'
+      },
+      {
+        title: '付款金额（元）',
+        index: 'name1'
+      },
+      {
+        title: '预估返佣金额（元）',
+        index: 'name1'
+      },
+      {
+        title: '附加费率',
+        index: 'name1'
+      },
+      {
+        title: '下单客户',
+        index: 'name1'
+      },
+      {
+        title: '网络货运人',
+        index: 'name1'
+      },
+      {
+        title: '销售渠道',
+        index: 'name1'
+      },
+      {
+        title: '合伙人名称',
+        index: 'name1'
+      },
+      {
+        title: '合伙人等级',
+        index: 'name1'
+      },
+      {
+        title: '管理费比例',
+        index: 'name1'
+      },
+      {
+        title: '固定结算费率',
+        index: 'name1'
+      },
+      {
+        title: '返佣时间',
+        index: 'name1'
+      }
+    ];
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this.st.load(1);
+  }
+}
diff --git a/src/app/routes/partner/rebate-management/components/rebate-record/rebate-record.component.html b/src/app/routes/partner/rebate-management/components/rebate-record/rebate-record.component.html
new file mode 100644
index 00000000..2456985d
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/components/rebate-record/rebate-record.component.html
@@ -0,0 +1,48 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-24 20:09:49
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-29 13:40:16
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\partner\\rebate-management\\components\\rebate-record\\rebate-record.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="''"> </page-header-wrapper>
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="service.http.loading"
+        [button]="'none'"
+      ></sf>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" class="text-right">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1);">查询</button>
+      <button nz-button nzType="primary" [disabled]="service.http.loading" >导出</button>
+      <button nz-button [disabled]="service.http.loading" (click)="resetSF()">重置</button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card>
+  <!-- 数据列表 -->
+  <st
+    #st
+    [data]="service.$api_get_getIncomeByBillpage"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loadingDelay]="500"
+    [loading]="service.http.loading"
+  >
+  <ng-template st-row='abnormalFeedback' let-item let-index='index'>
+    <div style="color: #f59a23;" (click)="feedback()">123212{{item?.abnormalFeedback}}</div>
+  </ng-template>
+  </st>
+</nz-card>
diff --git a/src/app/routes/partner/rebate-management/components/rebate-record/rebate-record.component.ts b/src/app/routes/partner/rebate-management/components/rebate-record/rebate-record.component.ts
new file mode 100644
index 00000000..e1d2b4c3
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/components/rebate-record/rebate-record.component.ts
@@ -0,0 +1,154 @@
+import { ModalHelper } from '@delon/theme';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { processSingleSort, ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { RebateManagementService } from '../../services/rebate-management.service';
+import { ParterRebateManageMenRecordDetailComponent } from '../../model/record-detail/record-detail.component';
+import { ParterRebateManageMenAbnormalFeedbackComponent } from '../../model/abnormal-feedback/abnormal-feedback.component';
+
+@Component({
+  selector: 'app-parter-channel-rebate-management-record',
+  templateUrl: './rebate-record.component.html'
+})
+export class ParterRebateManageMentRecordComponent implements OnInit {
+  schema: SFSchema = {};
+  columns!: STColumn[];
+  ui!: SFUISchema;
+  @ViewChild('st', { static: false })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  spuStatus = '1';
+  _$expand = false;
+  data = [{ name1: 1111 }];
+  constructor(
+    public router: Router,
+    public ar: ActivatedRoute,
+    public service: RebateManagementService,
+    private modal: NzModalService,
+    public shipperservice: ShipperBaseService,
+  ) {}
+  /**
+ * 查询参数
+ */
+   get reqParams() {
+    const params: any = Object.assign({}, this.sf?.value || {});
+    return { 
+      ...params,
+     };
+  }
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        month: {
+          type: 'string',
+          title: '时间月份',
+          format: 'month',
+        },
+        phone: {
+          type: 'string',
+          title: '合伙人名称'
+        },
+      }
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 140,
+        grid: { span: 8, gutter: 4 }
+      }
+    };
+  }
+
+  initST() {
+    this.columns = [
+      {
+        title: '月份',
+        index: 'month',
+        format: (item: any) => {return item?.month ? item?.month + '月' : ''}
+      },
+      {
+        title: '返佣金额（元）',
+        index: 'name1'
+      },
+      {
+        title: '合伙人名称',
+        index: 'partnerName'
+      },
+      {
+        title: '实际等级',
+        index: 'name1'
+      },
+      {
+        title: '管理费比例',
+        index: 'rebateRatio'
+      },
+      {
+        title: '返佣时间',
+        index: 'name1'
+      },
+      {
+        title: '异常反馈',
+        render: 'abnormalFeedback'
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '90px',
+        className: 'text-left',
+        buttons: [
+          {
+            text: '明细',
+            click: _record => this.viewEvaluate(_record),
+          }
+        ]
+      }
+    ];
+  }
+  /**
+   *查看明细
+   */
+   viewEvaluate(item: any) {
+    const modal = this.modal.create({
+      nzTitle: '明细',
+      nzWidth: 1200,
+      nzContent: ParterRebateManageMenRecordDetailComponent,
+      nzComponentParams: { },
+      nzFooter: null
+    });
+    modal.afterClose.subscribe((res: any) => {
+      if (res) {
+      }
+    });
+  }
+  /**
+   *异常反馈
+   */
+   feedback(item?: any) {
+       const modal = this.modal.create({
+          nzTitle: '异常反馈',
+          nzWidth: 580,
+          nzContent: ParterRebateManageMenAbnormalFeedbackComponent,
+          nzComponentParams: { i: item },
+          nzFooter: null
+        });
+        modal.afterClose.subscribe((res: any) => {
+          if (res) {
+          }
+        });
+  }
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this.st.load(1);
+  }
+}
diff --git a/src/app/routes/partner/rebate-management/components/rebate-setting/add-partnerlist/add-partnerlist.component.html b/src/app/routes/partner/rebate-management/components/rebate-setting/add-partnerlist/add-partnerlist.component.html
new file mode 100644
index 00000000..a537892f
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/components/rebate-setting/add-partnerlist/add-partnerlist.component.html
@@ -0,0 +1,30 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-28 14:53:52
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-28 17:03:21
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\partner\\rebate-management\\components\\rebate-setting\\add-partnerlist\\add-partnerlist.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" >
+      <sf #sf [schema]="schema" [ui]="ui" [mode]="'search'" [disabled]="!sf?.valid" [loading]="false"
+        (formSubmit)="search()" (formReset)="resetSF()"></sf>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box">
+      <st #st [data]="service.$api_get_partner_page " [columns]="columns"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+        [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+        [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }" [loading]="false"
+        [scroll]="{ x: '1000' }">
+      </st>
+    <button *ngIf="selectedIndex===0" (click)="batchReply()" nz-button nzType="primary" acl
+      [acl-ability]="['AbnormalAppear-batchReply']">批量回复</button>
+</nz-card>
diff --git a/src/app/routes/partner/rebate-management/components/rebate-setting/add-partnerlist/add-partnerlist.component.less b/src/app/routes/partner/rebate-management/components/rebate-setting/add-partnerlist/add-partnerlist.component.less
new file mode 100644
index 00000000..e87948ce
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/components/rebate-setting/add-partnerlist/add-partnerlist.component.less
@@ -0,0 +1,20 @@
+:host::ng-deep{
+    .search-box{
+        .ant-card-body{
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box{
+        .ant-card-body{
+            padding-top: 14px;
+        }
+    }
+    .imgBox {
+        display: flex;
+        img {
+            width: 60px !important; 
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/partner/rebate-management/components/rebate-setting/add-partnerlist/add-partnerlist.component.ts b/src/app/routes/partner/rebate-management/components/rebate-setting/add-partnerlist/add-partnerlist.component.ts
new file mode 100644
index 00000000..65ce3f8c
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/components/rebate-setting/add-partnerlist/add-partnerlist.component.ts
@@ -0,0 +1,141 @@
+import { Component, OnInit, ViewChild, Type } from '@angular/core';
+import { STComponent, STColumn, STChange } from '@delon/abc/st';
+import {
+  SFComponent,
+  SFDateWidgetSchema,
+  SFRadioWidgetSchema,
+  SFSchema,
+  SFSchemaEnum,
+  SFSelectWidgetSchema,
+  SFUISchema
+} from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { NzModalService, NzModalRef } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { RebateManagementService } from '../../../services/rebate-management.service';
+
+@Component({
+  selector: 'app-add-partnerlist',
+  templateUrl: './add-partnerlist.component.html',
+  styleUrls: ['./add-partnerlist.component.less']
+})
+export class ParterRebateManageMentAddPartnerListComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  ui: SFUISchema = {};
+  i: any;
+  schema: SFSchema = {};
+  addSchema: SFSchema = {};
+  _$expand = false;
+  editText = '';
+  formData: any;
+  isVisible = false;
+  edit = false;
+  editId = false;
+  selectedIndex = 0;
+
+  columns: STColumn[] = [
+    { title: '', type: 'checkbox', width: '50px', className: 'text-center' },
+    {
+      title: '合伙人名称',
+      index: 'enterpriseName',
+      width: 180,
+      format: item => (item.partnerType ? `${item.enterpriseName || item.contactName}` : '')
+    },
+    { title: '联系人', index: 'contactName', width: 150, format: item => (item.partnerType ? `${item.contactName}` : '') },
+    { title: '手机号', index: 'contactMobile', className: 'text-center', width: 150 },
+    { title: '类型', index: 'partnerType', className: 'text-center', width: 130, type: 'enum', enum: { 1: '企业', 2: '个人' } },
+    {
+      title: '操作',
+      width: '90px',
+      fixed: 'right',
+      buttons: [
+        {
+          text: '添加',
+          click: _record => this.add(_record),
+          acl: { ability: ['AbnormalAppear-reply'] }
+        }
+      ]
+    }
+  ];
+
+  get reqParams() {
+    // signStatus固定传20    代表签约完成 signStatus: 20
+    let params: any = { ...this.sf?.value,  };
+    return params;
+  }
+
+  get selectedRows() {
+    return this.st?.list.filter(item => item.checked) || [];
+  }
+
+  constructor(
+    public service: RebateManagementService,
+    public shipperSrv: ShipperBaseService,
+    private modal: NzModalService,
+    private modals: NzModalRef
+  ) {}
+
+  ngOnInit(): void {
+    this.initSF();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        enterpriseName: {
+          type: 'string',
+          title: '合伙人名称'
+        },
+        partnerType: {
+          type: 'string',
+          title: '类型',
+          enum: [
+            { value: '', label: '全部' },
+            { value: 1, label: '企业' },
+            { value: 2, label: '个人' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        }
+      }
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+
+  search() {
+    this.st?.load(1);
+  }
+
+  selectedIndexChange(event: any) {
+    if (this.selectedIndex === 0) {
+      this.st?.load(1);
+    }
+  }
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+  // 回复操作
+  add(item: any) {
+    console.log(item);
+    this.modals.destroy(item);
+  }
+  // 批量回复操作
+  batchReply() {
+    // if (this.selectedRows.length === 0) {
+    //   this.service.msgSrv.warning('请勾选数据！')
+    //   return;
+    // }
+    this.modals.destroy(this.selectedRows);
+  }
+}
diff --git a/src/app/routes/partner/rebate-management/components/rebate-setting/add/add.component.html b/src/app/routes/partner/rebate-management/components/rebate-setting/add/add.component.html
new file mode 100644
index 00000000..65cd23f9
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/components/rebate-setting/add/add.component.html
@@ -0,0 +1,70 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-24 20:09:49
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-29 10:47:02
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\partner\\rebate-management\\components\\rebate-setting\\add\\add.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'新增'"> </page-header-wrapper>
+<nz-card>
+  <div nz-row>
+ 
+  <!-- 数据列表 -->
+ <sv-container col="1">
+  &nbsp;&nbsp;<sv label="配置名称">  <input style="max-width: 400px;" nz-input placeholder="请输入" [(ngModel)]="configName" /></sv>
+   <sv-title>固定结算费率配置</sv-title>
+   &nbsp;&nbsp;<sv label="固定结算费率"> <nz-input-number [(ngModel)]="accountingRate" [nzPrecision]="precision" nzPlaceHolder="请输入"></nz-input-number>&nbsp;%</sv>
+   <sv-title>业务量和管理费比例配置</sv-title>
+   &nbsp;&nbsp;<sv label="选择配置类型">
+    <nz-radio-group [(ngModel)]="configType">
+      <label nz-radio nzValue="1">按全部等级配置</label>
+      <label nz-radio nzValue="2">按不同等级配置</label>
+    </nz-radio-group>
+    </sv>
+    <sv col="1">
+      &nbsp;&nbsp;
+      <app-rebate-table #table [(data)]='tabelData'></app-rebate-table>
+    </sv>
+   <sv-title>关联合伙人配置</sv-title>
+   &nbsp;&nbsp;<sv label="合伙人选择">
+    <nz-select [(ngModel)]="partnerType" style="max-width: 400px; min-width: 200px;">
+      <nz-option nzValue="1" nzLabel="全部合伙人"></nz-option>
+      <nz-option nzValue="2" nzLabel="新注册合伙人"></nz-option>
+      <nz-option nzValue="3" nzLabel="自定义合伙人"></nz-option>
+    </nz-select>
+    &nbsp;&nbsp;<span style="color: #0000FF;" (click)="add()">添加</span>
+    <st  *ngIf="partnerPeopleList?.length > 0" #st [data]="partnerPeopleList" [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' } }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100] }" [loading]="false"
+    [scroll]="{ x: '1000' }">
+  </st>
+  </sv>
+   &nbsp;&nbsp;<sv label="优先级" col="1">
+    <nz-select [(ngModel)]="priority" style="max-width: 400px; min-width: 200px;">
+      <nz-option nzValue=1 nzLabel="1">1</nz-option>
+      <nz-option nzValue=2 nzLabel="2">2</nz-option>
+      <nz-option nzValue=3 nzLabel="3">3</nz-option>
+      <nz-option nzValue=4 nzLabel="4">4</nz-option>
+      <nz-option nzValue=5 nzLabel="5">5</nz-option>
+    </nz-select>
+  </sv>
+   &nbsp;&nbsp;<sv label="规则说明" col="1">
+    <sf #sf mode="edit" [schema]="schema1" [ui]="{ '*': { spanLabelFixed: 10, grid: { span: 16 }} }"
+    button="none"> </sf>
+  </sv>
+   &nbsp;&nbsp;<sv label="备注" col="1">
+    <textarea style="max-width: 400px; min-width: 200px;" rows="4" nz-input [(ngModel)]="remarke"></textarea>
+  </sv>
+ </sv-container>
+ <div class="align-center" style="margin-top: 15px;">
+  <button nz-button nzType="primary" (click)="goBack()">取消</button>
+  <button  nz-button nzType="primary" style="margin-left: 48px" (click)="save()"
+  acl  [acl-ability]="['SUPPLY-VEHICLE-AMEND-submitChange']">提交</button
+  >
+</div>
+ </div>
+</nz-card>
diff --git a/src/app/routes/partner/rebate-management/components/rebate-setting/add/add.component.less b/src/app/routes/partner/rebate-management/components/rebate-setting/add/add.component.less
new file mode 100644
index 00000000..fe7d3fd2
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/components/rebate-setting/add/add.component.less
@@ -0,0 +1,16 @@
+:host {
+  ::ng-deep {
+    .sv__label {
+      color: #000;
+    }
+    .sv__title {
+        font-weight: 700;
+    }
+  }
+  .align-center {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  
+}
diff --git a/src/app/routes/partner/rebate-management/components/rebate-setting/add/add.component.ts b/src/app/routes/partner/rebate-management/components/rebate-setting/add/add.component.ts
new file mode 100644
index 00000000..958809db
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/components/rebate-setting/add/add.component.ts
@@ -0,0 +1,149 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-21 09:26:45
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-29 10:53:39
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\partner\\rebate-management\\components\\rebate-setting\\add\\add.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { ModalHelper } from '@delon/theme';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { processSingleSort, ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { RebateManagementService } from '../../../services/rebate-management.service';
+import { ParterRebateManageMentAddPartnerListComponent } from '../add-partnerlist/add-partnerlist.component';
+import { inRange } from '@delon/util';
+@Component({
+  selector: 'app-parter-channel-rebate-management-add',
+  styleUrls: ['./add.component.less'],
+  templateUrl: './add.component.html'
+})
+export class ParterRebateManageMentAddComponent implements OnInit {
+  @ViewChild('table') table!: any;
+  tabelData: any;
+  configName: string = '';
+  partnerType: string = '';
+  remarke: string = '';
+  accountingRate: Number = 0;
+  priority: string = '';
+  partnerPeopleList: any;
+  configType = '1';
+  precision = 2;
+  partnerId :Array<string> =[];
+  inputValue = '';
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema1!: SFSchema;
+  constructor(
+    public router: Router,
+    public ar: ActivatedRoute,
+    public service: RebateManagementService,
+    private modal: NzModalService,
+    public shipperservice: ShipperBaseService
+  ) {}
+  columns: STColumn[] = [
+    {
+      title: '合伙人名称',
+      index: 'enterpriseName',
+      width: 180,
+      format: item => (item.partnerType ? `${item.enterpriseName || item.contactName}` : '')
+    },
+    { title: '联系人', index: 'contactName', width: 150, format: item => (item.partnerType ? `${item.contactName}` : '') },
+    { title: '手机号', index: 'contactMobile', className: 'text-center', width: 150 },
+    { title: '类型', index: 'partnerType', className: 'text-center', width: 130, type: 'enum', enum: { 1: '企业', 2: '个人' } },
+    {
+      title: '操作',  width: '90px',  fixed: 'right',
+      buttons: [
+        {
+          text: '移除',
+          click: _record => this.delete(_record),
+          acl: { ability: ['AbnormalAppear-reply'] }
+        },
+      ]
+    },
+  ];
+  initSF(data?: any) {
+    this.schema1 = {
+      properties: {
+        ruleDescription: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'tinymce',
+            loadingTip: 'loading...',
+            config: {
+              height: 650
+            }
+          },
+          // default: data?.agreementContent || ''
+        }
+      }
+    };
+  }
+  ngOnInit() {
+    this.initSF();
+  }
+  goBack() {
+    window.history.go(-1);
+  }
+  /**
+   *合伙人选择
+   */
+   add(item?: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '合伙人选择',
+      nzWidth: 1000,
+      nzContent: ParterRebateManageMentAddPartnerListComponent,
+      nzComponentParams: {
+        i: item,
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((res: any) => {
+      this.partnerId = [];
+      if (res) {
+        console.log(Array.isArray(res));
+        console.log(res);
+        if(Array.isArray(res)) {
+          this.partnerPeopleList = res;
+          res.forEach((ele: any) => {
+            this.partnerId.push(ele?.id);
+          })
+        } else {
+          this.partnerPeopleList = [res];
+          this.partnerId.push(res?.id);
+      }
+      }
+    });
+  }
+  delete(item: any) {
+  console.log(item);
+  }
+  save () {
+    const params = {
+      accountingRate: this.accountingRate,
+      configName: this.configName,
+      configType: this.configType,
+      rebateConfigLineDTO: this.table.data,
+      priority:  this.priority,// 优先级
+      partnerId: this.partnerId.join(','),
+      ruleDescription: this.sf.value.ruleDescription,
+      remarke: this.remarke,
+      partnerType: this.partnerType
+    }
+    console.log(params);
+    this.service.request(this.service.$api_save_rebateConfig, params).subscribe((res: any) => {
+      if(res) {
+        console.log(res);
+        this.service.msgSrv.success('新增成功！')
+        this.router.navigate(['/partner/rebate/setting'])
+      }
+    })
+  }
+}
diff --git a/src/app/routes/partner/rebate-management/components/rebate-setting/rebate-setting.component.html b/src/app/routes/partner/rebate-management/components/rebate-setting/rebate-setting.component.html
new file mode 100644
index 00000000..5d636436
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/components/rebate-setting/rebate-setting.component.html
@@ -0,0 +1,64 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-24 20:09:49
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-29 11:14:08
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\partner\\rebate-management\\components\\rebate-setting\\rebate-setting.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="''"> </page-header-wrapper>
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="service.http.loading"
+        [button]="'none'"
+      ></sf>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" class="text-right">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1);">查询</button>
+      <button nz-button nzType="primary" [disabled]="service.http.loading" >导出</button>
+      <button nz-button [disabled]="service.http.loading" (click)="resetSF()">重置</button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card>
+  <!-- 数据列表 -->
+  <!-- +新增 -->
+  <div class="d-flex justify-content-end mb-sm">
+    <div>
+        <button nz-button nzType="primary" (click)="configAction()">新增</button>
+    </div>
+</div>
+  <st
+    #st
+    [data]="service.$api_get_rebateConfig"
+    [columns]="columns"
+    [scroll]="{x: '1200px'}"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loadingDelay]="500"
+    [loading]="service.http.loading"
+  >
+  <ng-template st-row='configType' let-item let-index='index'>
+    <div *ngIf="item.configType == 1">按全部等级配置</div>
+    <div *ngIf="item.configType == 2">按不同等级配置</div>
+  </ng-template>
+  <ng-template st-row='partnerType' let-item let-index='index'>
+    <div *ngIf="item.partnerType == 1">全部合伙人</div>
+    <div *ngIf="item.partnerType == 2">新注册合伙人</div>
+    <div *ngIf="item.partnerType == 3">自定义合伙人</div>
+  </ng-template>
+  <ng-template st-row='stateLocked' let-item let-index='index'>
+    <div >{{item?.stateLocked ? '启用' : '禁用'}}</div>
+  </ng-template>
+  </st>
+</nz-card>
diff --git a/src/app/routes/partner/rebate-management/components/rebate-setting/rebate-setting.component.ts b/src/app/routes/partner/rebate-management/components/rebate-setting/rebate-setting.component.ts
new file mode 100644
index 00000000..ee9b5b9d
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/components/rebate-setting/rebate-setting.component.ts
@@ -0,0 +1,200 @@
+import { ModalHelper } from '@delon/theme';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { processSingleSort, ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { RebateManagementService } from '../../services/rebate-management.service';
+import { ParterRebateManageMenRecordDetailComponent } from '../../model/record-detail/record-detail.component';
+import { ParterRebateManageMenAbnormalFeedbackComponent } from '../../model/abnormal-feedback/abnormal-feedback.component';
+
+@Component({
+  selector: 'app-parter-channel-rebate-management-setting',
+  templateUrl: './rebate-setting.component.html'
+})
+export class ParterRebateManageMentSettingComponent implements OnInit {
+  schema: SFSchema = {};
+  columns!: STColumn[];
+  ui!: SFUISchema;
+  @ViewChild('st', { static: false })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  spuStatus = '1';
+  _$expand = false;
+  constructor(
+    public router: Router,
+    public ar: ActivatedRoute,
+    public service: RebateManagementService,
+    private modal: NzModalService,
+    public shipperservice: ShipperBaseService,
+  ) {}
+  /**
+ * 查询参数
+ */
+   get reqParams() {
+    const params: any = Object.assign({}, this.sf?.value || {});
+    return { 
+      ...params,
+     };
+  }
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        configName: {
+          type: 'string',
+          title: '配置名称',
+        },
+        stateLocked: {
+          type: 'string',
+          title: '状态',
+          enum: [
+            {label: '全部', value: ''},
+            {label: '启用', value: 0},
+            {label: '禁用', value: 1},
+          ],
+          ui: {
+            widget: 'select',
+          },
+        
+        },
+      }
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 140,
+        grid: { span: 8, gutter: 4 }
+      }
+    };
+  }
+
+  initST() {
+    this.columns = [
+      {
+        title: '配置名称',
+        index: 'configName',
+        width: '200px',
+      },
+      {
+        title: '配置类型',
+        render: 'configType',
+        width: '200px',
+
+      },
+      {
+        title: '备注',
+        index: 'remark',
+        width: '250px',
+      },
+      {
+        title: '关联合伙人范围',
+        render: 'partnerType',
+        width: '200px',
+      },
+      {
+        title: '创建时间',
+        index: 'enableTime',
+        width: '200px',
+      },
+      {
+        title: '启用时间',
+        index: 'enableTime',
+        width: '200px',
+      },
+      {
+        title: '优先级',
+        index: 'priority',
+        width: '100px',
+      },
+      {
+        title: '状态',
+        render: 'stateLocked',
+        width: '100px',
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '90px',
+        className: 'text-left',
+        buttons: [
+          {
+            text: '查看',
+            click: _record => this.viewEvaluate(_record),
+          },
+          {
+            text: '禁用',
+            iif: (_record) =>{ return _record.stateLocked == true},
+            click: _record => this.viewEvaluate(_record),
+          },
+          {
+            text: '启用',
+            iif: (_record) =>{ return _record.stateLocked == false},
+            click: _record => this.viewEvaluate(_record),
+          },
+        ]
+      }
+    ];
+  }
+  /**
+   *禁用
+   */
+   viewEvaluate(item: any) {
+     console.log(item.stateLocked);
+     let title = ''
+     let stateLocked: boolean;
+     if(item.stateLocked) {
+       title = '是否禁用该配置？'
+       stateLocked = false
+     } else {
+       title = '是否启用该配置？'
+       stateLocked = true
+     }
+    this.modal.confirm({
+      nzTitle: title,
+      nzOnOk: () => {
+        const params = {
+          id: item?.id,
+          stateLocked: stateLocked,
+        }
+          this.service.request(this.service.$api_set_updateRebateConfig,params).subscribe((res: any) => { 
+            if(res) {
+              this.service.msgSrv.success('设置成功！')
+              this.st.reload();
+            }
+          })
+      }
+    });
+  }
+  /**
+   *查看
+   */
+   feedback(item?: any) {
+       const modal = this.modal.create({
+          nzTitle: '查看',
+          nzWidth: 580,
+          nzContent: ParterRebateManageMenAbnormalFeedbackComponent,
+          nzComponentParams: { i: item },
+          nzFooter: null
+        });
+        modal.afterClose.subscribe((res: any) => {
+          if (res) {
+          }
+        });
+  }
+  configAction() {
+    this.router.navigate(['/partner/rebate/setting/add/', 1])
+  }
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this.st.load(1);
+  }
+}
diff --git a/src/app/routes/partner/rebate-management/model/abnormal-feedback/abnormal-feedback.component.html b/src/app/routes/partner/rebate-management/model/abnormal-feedback/abnormal-feedback.component.html
new file mode 100644
index 00000000..cef84c44
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/model/abnormal-feedback/abnormal-feedback.component.html
@@ -0,0 +1,38 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-24 20:09:49
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-10 15:10:47
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\partner\\rebate-management\\model\\abnormal-feedback\\abnormal-feedback.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<sv-container col="1">
+  <sv label="异常反馈">
+    <div>有订单有异常请查看 </div>
+    <div>2022-09-08  00:00:00 </div>
+  </sv>
+  <!-- <sv label="异常反馈">
+    <p *ngFor="let data of i?.mybidDetailInfo; let index = index">
+      <label *ngIf="data?.paymentStatusLabel == '已支付'">
+        <span>{{data?.expenseName}}</span>
+        <span>{{ data.price | number: '0.2-2' }}</span>
+      </label>
+    </p>
+  </sv> -->
+</sv-container>
+<div>
+  <sf
+  style="margin-left: 20px;"
+  #sf
+  [schema]="schema"
+  [ui]="ui"
+  [mode]="'edit'"
+  [button]="'none'"
+></sf>
+</div>
+     
+  <div nz-col class="text-center">
+  <button nz-button nzType="primary"  (click)="close()">确定</button>
+  </div>
\ No newline at end of file
diff --git a/src/app/routes/partner/rebate-management/model/abnormal-feedback/abnormal-feedback.component.less b/src/app/routes/partner/rebate-management/model/abnormal-feedback/abnormal-feedback.component.less
new file mode 100644
index 00000000..52b47a0e
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/model/abnormal-feedback/abnormal-feedback.component.less
@@ -0,0 +1,6 @@
+:host {
+    [nz-button] {
+        margin-right: 8px;
+        margin-bottom: 12px;
+      }
+}
\ No newline at end of file
diff --git a/src/app/routes/partner/rebate-management/model/abnormal-feedback/abnormal-feedback.component.ts b/src/app/routes/partner/rebate-management/model/abnormal-feedback/abnormal-feedback.component.ts
new file mode 100644
index 00000000..3d8c1fd4
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/model/abnormal-feedback/abnormal-feedback.component.ts
@@ -0,0 +1,72 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-10 14:50:45
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-10 15:09:51
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\partner\\rebate-management\\model\\abnormal-feedback\\abnormal-feedback.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { ModalHelper } from '@delon/theme';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSelectWidgetSchema, SFTextareaWidgetSchema, SFUISchema } from '@delon/form';
+import { processSingleSort, ShipperBaseService } from '@shared';
+import { NzModalService, NzModalRef } from 'ng-zorro-antd/modal';
+import { RebateManagementService } from '../../services/rebate-management.service';
+import { NzButtonSize } from 'ng-zorro-antd/button';
+
+@Component({
+  selector: 'app-parter-channel-rebate-management-abnormal-feedback',
+  templateUrl: './abnormal-feedback.component.html'
+})
+export class ParterRebateManageMenAbnormalFeedbackComponent implements OnInit {
+  schema: SFSchema = {};
+  ui!: SFUISchema;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  i!: any;
+  data = [{ name1: 1111 }];
+  constructor(
+    public router: Router,
+    public ar: ActivatedRoute,
+    public service: RebateManagementService,
+    private modalService: NzModalService,
+    public shipperservice: ShipperBaseService,
+    public modalRef: NzModalRef,
+  ) {}
+
+
+  ngOnInit() {
+    this.initSF();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        name3: {
+          type: 'string',
+          title: '回复',
+          maxLength: 50,
+          ui: {
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 6 },
+            placeholder:'请不要超过50个字'
+          } as SFTextareaWidgetSchema,
+        },
+      }
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 60,
+        grid: { span: 16 },
+      }
+    };
+  }
+  close() {
+    this.modalRef.destroy()
+  }
+}
+
diff --git a/src/app/routes/partner/rebate-management/model/record-detail/record-detail.component.html b/src/app/routes/partner/rebate-management/model/record-detail/record-detail.component.html
new file mode 100644
index 00000000..63f8290c
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/model/record-detail/record-detail.component.html
@@ -0,0 +1,38 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-24 20:09:49
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-10 14:34:30
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\partner\\rebate-management\\model\\record-detail\\record-detail.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+  <div nz-row nzGutter="8">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="service.http.loading"
+        [button]="'none'"
+      ></sf>
+  </div>
+  <!-- 数据列表 -->
+  <st
+    #st
+    [bordered]="true"
+    [data]="service.$api_get_listCompliancePage"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loadingDelay]="500"
+    [loading]="service.http.loading"
+  >
+  </st>
+  <div>合计：2999.00元</div>
+  <div nz-col class="text-center">
+  <button nz-button nzType="primary" style="width: 150px;" (click)="close()">确定</button>
+  </div>
\ No newline at end of file
diff --git a/src/app/routes/partner/rebate-management/model/record-detail/record-detail.component.less b/src/app/routes/partner/rebate-management/model/record-detail/record-detail.component.less
new file mode 100644
index 00000000..52b47a0e
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/model/record-detail/record-detail.component.less
@@ -0,0 +1,6 @@
+:host {
+    [nz-button] {
+        margin-right: 8px;
+        margin-bottom: 12px;
+      }
+}
\ No newline at end of file
diff --git a/src/app/routes/partner/rebate-management/model/record-detail/record-detail.component.ts b/src/app/routes/partner/rebate-management/model/record-detail/record-detail.component.ts
new file mode 100644
index 00000000..1efde6a2
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/model/record-detail/record-detail.component.ts
@@ -0,0 +1,171 @@
+import { ModalHelper } from '@delon/theme';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { processSingleSort, ShipperBaseService } from '@shared';
+import { NzModalService, NzModalRef } from 'ng-zorro-antd/modal';
+import { RebateManagementService } from '../../services/rebate-management.service';
+import { NzButtonSize } from 'ng-zorro-antd/button';
+
+@Component({
+  selector: 'app-parter-channel-rebate-management-record-detail',
+  templateUrl: './record-detail.component.html'
+})
+export class ParterRebateManageMenRecordDetailComponent implements OnInit {
+  schema: SFSchema = {};
+  columns!: STColumn[];
+  ui!: SFUISchema;
+  @ViewChild('st', { static: false })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  spuStatus = '1';
+  size: NzButtonSize = 'large';
+  _$expand = false;
+  data = [{ name1: 1111 }];
+  constructor(
+    public router: Router,
+    public ar: ActivatedRoute,
+    public service: RebateManagementService,
+    private modalService: NzModalService,
+    public shipperservice: ShipperBaseService,
+    public modalRef: NzModalRef,
+  ) {}
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+    /**
+  * 伸缩查询条件
+  */
+     expandToggle(): void {
+      this._$expand = !this._$expand;
+      this.sf?.setValue('/_$expand', this._$expand);
+    }
+  /**
+ * 查询参数
+ */
+   get reqParams() {
+    const params: any = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    return { 
+      ...params,
+     };
+  }
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder(),
+            change: (value: any) => {
+              console.log(value)
+              this.st.reload()
+            }
+          }
+        },
+        paymentStatus: {
+          title: '银行类型',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'overall:payment:status' },
+            containsAllLabel: true,
+            change: (value: any) => {
+              console.log(value)
+              this.st.reload()
+            }
+          } as SFSelectWidgetSchema
+        },
+      }
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 140,
+        grid: { span: 8, gutter: 4 }
+      }
+    };
+  }
+
+  initST() {
+    this.columns = [
+      {
+        title: '订单号',
+        index: 'billCode'
+      },
+      {
+        title: '订单金额（元）',
+        index: 'name1'
+      },
+      {
+        title: '付款金额（元）',
+        index: 'name1'
+      },
+      {
+        title: '预估返佣金额（元）',
+        index: 'name1'
+      },
+      {
+        title: '附加费率',
+        index: 'name1'
+      },
+      {
+        title: '下单客户',
+        index: 'name1'
+      },
+      {
+        title: '网络货运人',
+        index: 'name1'
+      },
+      {
+        title: '销售渠道',
+        index: 'name1'
+      },
+      {
+        title: '合伙人名称',
+        index: 'name1'
+      },
+      {
+        title: '合伙人等级',
+        index: 'name1'
+      },
+      {
+        title: '管理费比例',
+        index: 'name1'
+      },
+      {
+        title: '固定结算费率',
+        index: 'name1'
+      },
+      {
+        title: '返佣时间',
+        index: 'name1'
+      }
+    ];
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this.st.load(1);
+  }
+  close() {
+    this.modalRef.destroy()
+  }
+}
+
diff --git a/src/app/routes/partner/rebate-management/services/rebate-management.service.ts b/src/app/routes/partner/rebate-management/services/rebate-management.service.ts
new file mode 100644
index 00000000..fd12644c
--- /dev/null
+++ b/src/app/routes/partner/rebate-management/services/rebate-management.service.ts
@@ -0,0 +1,35 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-10 11:19:00
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-29 11:26:38
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\partner\\rebate-management\\services\\rebate-management.service.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class RebateManagementService extends BaseService {
+  // 查询规则抽查列表
+  public $api_get_listCompliancePage = '/api/sdc/billRiskOperate/listRiskPage';
+  // 查询返佣配置表
+  public $api_get_rebateConfig = '/api/mdc/rebateConfig/list/page';
+  // 保存返佣配置表
+  public $api_save_rebateConfig = '/api/mdc/rebateConfig/save';
+  // 启用/禁用返佣配置
+  public $api_set_updateRebateConfig = '/api/mdc/rebateConfig/updateRebateConfig';
+
+
+  // 运营端查询合伙人返佣
+  public $api_get_getIncomeByBillpage = '/api/bpc/partnerIncomeHead/getIncomeByBillpage';
+    // 查询合伙人信息-分页
+  public $api_get_partner_page = '/api/mdc/partner/list/page';
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/partner/recorded/components/detail/detail.component.html b/src/app/routes/partner/recorded/components/detail/detail.component.html
new file mode 100644
index 00000000..8bfafd61
--- /dev/null
+++ b/src/app/routes/partner/recorded/components/detail/detail.component.html
@@ -0,0 +1,97 @@
+<!--
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-05 20:15:41
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:17:19
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\withdrawals-record\\withdrawals-detail\\withdrawals-detail.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'入账详情'" [logo]="logo" [action]="action">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+  <ng-template #action>
+    <div class="mr-xl">
+      <p class="text-lg mb-sm mt-xs">{{formData?.stsLabel}}</p>
+      <div *ngIf="formData?.sts === '0' || formData?.sts ==='1'">
+        <button nz-button [nzType]="'primary'" (click)="auditAction(formData,formData?.refundStatus)">{{formData?.sts
+          ===
+          '0' ?'审核':'复审'}}</button>
+      </div>
+    </div>
+  </ng-template>
+</page-header-wrapper>
+
+
+<nz-card [nzLoading]="service.http.loading">
+  <nz-alert nzType="info" nzMessage="入账信息" class="mb-md"></nz-alert>
+  <div se-container [labelWidth]="130">
+    <se label="账户名称">
+      {{formData?.accountName}}
+    </se>
+    <se label="网络货运人">
+      {{formData?.ltdName}}
+    </se>
+    <se label="入账单号">
+      {{formData?.entryNumber}}
+    </se>
+    <se label="银行类型">
+      {{formData?.bankName}}
+    </se>
+    <se label="虚拟账户">
+      {{formData?.fictitiousAccount}}
+    </se>
+    <se label="提交时间">
+      {{formData?.submitTime}}
+    </se>
+    <se label="开票金额">
+      {{formData?.invoiceAmount | currency}}
+    </se>
+    <se label="代缴个税">
+      {{formData?.taxPersonal | currency}}
+    </se>
+    <se label="入账金额">
+      {{formData?.recordedAmount | currency}}
+    </se>
+    <se label="入账状态">
+      {{formData?.stsLabel}}
+    </se>
+    <se label="发票图片">
+      <img *ngIf="formData?.invoiceUrl" nz-image width="100px" height="100px" [nzSrc]="formData?.invoiceUrl" alt="" />
+      <span *ngIf="!formData?.invoiceUrl">-</span>
+    </se>
+    <se label="快递单号">
+      {{formData?.expressName}}
+    </se>
+    <se label="纳税凭证">
+      <img *ngIf="formData?.taxVoucherUrl" nz-image width="100px" height="100px" [nzSrc]="formData?.taxVoucherUrl"
+        alt="" />
+      <span *ngIf="!formData?.taxVoucherUrl">-</span>
+    </se>
+    <se label="银行流水号">
+      {{formData?.bankFlow}}
+    </se>
+  </div>
+
+  <nz-alert nzType="info" nzMessage="入账进度" class="mb-md mt-md"></nz-alert>
+  <div nz-row class="mt-xl">
+    <div nz-col nzSpan="12" nzOffset="1">
+      <app-logistics-time-line [data]="timeLineData"></app-logistics-time-line>
+    </div>
+  </div>
+</nz-card>
+
+<ng-template #auditModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="80">
+      <se [col]="1" label="备注">
+        <textarea nz-input rows="3" [(ngModel)]="msg" placeholder="同意可以不用填写原因 ，拒绝必须说明原因"
+          style="width: 325px;margin-left: 14px;"></textarea>
+      </se>
+    </div>
+  </div>
+</ng-template>
diff --git a/src/app/routes/partner/recorded/components/detail/detail.component.less b/src/app/routes/partner/recorded/components/detail/detail.component.less
new file mode 100644
index 00000000..e299b7d1
--- /dev/null
+++ b/src/app/routes/partner/recorded/components/detail/detail.component.less
@@ -0,0 +1,17 @@
+:host::ng-deep {
+
+    .ant-alert-info {
+        background-color: #f3f3f3;
+        border          : 1px solid #dbdbdb;
+
+        .ant-alert-message {
+            color: rgba(0, 0, 0, 0.85);
+            font-weight: 600;
+            font-size: 16px;
+        }
+    }
+
+    .ant-form-item {
+        margin-bottom: 15px;
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/partner/recorded/components/detail/detail.component.ts b/src/app/routes/partner/recorded/components/detail/detail.component.ts
new file mode 100644
index 00000000..bbfad88e
--- /dev/null
+++ b/src/app/routes/partner/recorded/components/detail/detail.component.ts
@@ -0,0 +1,130 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { FreightAccountService } from 'src/app/routes/financial-management/services/freight-account.service';
+import { RecordedService } from '../../services/recorded.service';
+
+
+@Component({
+  selector: 'app-partner-recored-detail',
+  templateUrl: './detail.component.html',
+  styleUrls: ['./detail.component.less']
+})
+export class PartnerRecordedDetailComponent implements OnInit {
+  @ViewChild('auditModal', { static: false }) auditModal!: any;
+  formData: any = {};
+  timeLineData: any = [];
+  msg = '';
+  id = '';
+
+  constructor(public service: RecordedService, private route: ActivatedRoute, private nzModalService: NzModalService) {
+    this.id = route.snapshot.params.id;
+    this.getRecordedDetail(this.id);
+  }
+
+  ngOnInit(): void { }
+
+  getRecordedDetail(id: string) {
+    this.service.request(this.service.$api_get_recorded_record_detail, { id }).subscribe(res => {
+      if (res) {
+        this.formData = res;
+        // 处理流程节点数据
+        // 流程是否结束
+        // let isEnd = false;
+        // if (res.successTime) {
+        //   isEnd = true;
+        //   if (res.refundStatus === '3') {
+        //     this.timeLineData.push({ time: res.successTime, value: `到账成功`, color: 'green' });
+        //   } else {
+        //     this.timeLineData.push({ time: res.successTime, value: `提现失败`, color: 'red' });
+        //   }
+        // }
+        // if (res.agreeTime && res.refundStatus !== '4') {
+        //   this.timeLineData.push({ time: res.agreeTime, value: `银行处理中`, color: 'gray' });
+        // }
+        // if (res.agreeTime) {
+        //   if (res.refundStatus === '4') {
+        //     isEnd = true;
+        //     this.timeLineData.push({
+        //       time: res.agreeTime,
+        //       value: `拒绝提现<br/>操作人员：${res.handlerUserIdLabel}`,
+        //       color: 'red'
+        //     });
+        //   } else {
+        //     this.timeLineData.push({
+        //       time: res.agreeTime,
+        //       value: `审核通过<br/>操作人员：${res.handlerUserIdLabel}`,
+        //       color: 'gray'
+        //     });
+        //   }
+        // }
+        // if (res.createTime) {
+        //   this.timeLineData.push({
+        //     time: res.createTime,
+        //     value: `提交提现申请<br/>提现${res.amount}元至${res.bankName}(${res.bankCardNumber})<br/>操作人员：${res.userIdLabel}`,
+        //     color: 'gray'
+        //   });
+        // }
+        // if (this.timeLineData?.length > 0 && !isEnd) {
+        //   this.timeLineData[0].color = 'green';
+        // }
+      }
+    });
+  }
+
+  auditAction(item?: any, type: string = '1') {
+    this.msg = '';
+    let params: Array<string> = [];
+    params = [item.id];
+    const modal = this.nzModalService.create({
+      nzTitle: type === '1' ? '审核' : '复审',
+      nzContent: this.auditModal,
+      nzFooter: [
+        {
+          label: '拒绝',
+          type: 'default',
+          onClick: () => {
+            if (!this.msg || this.msg.trim().length === 0) {
+              this.service.msgSrv.warning('请填写拒绝原因 ');
+              return;
+            }
+            this.audit({ ids: params, rejectReason: this.msg, sts: '3' }, () => {
+              modal.destroy(true);
+            }, '审核拒绝成功');
+          }
+        },
+        {
+          label: '通过',
+          type: 'primary',
+          onClick: () => {
+            this.audit({ ids: params, rejectReason: this.msg, sts: this.formData?.sts === '0' ? 1 : 2 }, () => {
+              modal.destroy(true);
+            }, `${this.formData?.sts === '1' ? '审核' : '复审'}通过成功`);
+          }
+        }
+      ]
+    });
+    modal.afterClose.subscribe((res: any) => {
+      if (res) {
+        this.getRecordedDetail(this.id);
+      }
+    });
+  }
+  goBack() {
+    history.go(-1);
+  }
+
+  /**
+   * 审核
+   */
+  audit(params: any, callback: Function, msg = '成功') {
+    this.service
+      .request(this.service.$api_audit_recored, ...params)
+      .subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success(msg);
+          callback();
+        }
+      });
+  }
+}
diff --git a/src/app/routes/partner/recorded/components/record/record.component.html b/src/app/routes/partner/recorded/components/record/record.component.html
new file mode 100644
index 00000000..ca550d9d
--- /dev/null
+++ b/src/app/routes/partner/recorded/components/record/record.component.html
@@ -0,0 +1,76 @@
+<page-header-wrapper [title]="''"></page-header-wrapper>
+<nz-card class="search-box" nzBordered>
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+      <sf #sf [schema]="searchSchema"
+        [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24,gutter:15 } }}" [compact]="true"
+        [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+      class="text-right">
+      <button nz-button nzType="primary" (click)="search()">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <button nz-button> 导出</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+  <nz-tabset [nzTabBarExtraContent]="extraTemplate">
+    <nz-tab nzTitle="全部" (nzClick)="changeRefundStatus()"></nz-tab>
+    <nz-tab nzTitle="待初审" (nzClick)="changeRefundStatus('1')"></nz-tab>
+    <nz-tab nzTitle="待复核" (nzClick)="changeRefundStatus('2')"></nz-tab>
+    <nz-tab nzTitle="已入账" (nzClick)="changeRefundStatus('3')"></nz-tab>
+    <nz-tab nzTitle="已拒绝" (nzClick)="changeRefundStatus('4')"></nz-tab>
+  </nz-tabset>
+
+  <ng-template #extraTemplate>
+    <div class="d-flex align-items-center ">
+      <div class="mr-md">
+        已选择
+        <strong class="text-red">{{ selectedRows.length }}</strong> 条数据，累计入账 <strong class="text-red">{{
+          totalCallNo }}</strong>
+        <!-- <a *ngIf="totalCallNo > 0" (click)="st.clearCheck()" class="ml-lg">清空</a> -->
+      </div>
+      <button nz-button (click)="this.auditAction(null)">审核</button>
+    </div>
+  </ng-template>
+
+  <div class="table-content">
+    <st #st [data]="service.$api_get_recorded_page" [columns]="columns"
+      [req]="{  method: 'POST', allInBody: true,process: beforeReq}" [loading]="service.http.loading"
+      [scroll]="{ x:'1200px' }" (change)="stChange($event)"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' }, process: afterRes }"
+      [page]="{ show: true,  pageSizes:  [10, 20, 50, 100, 200, 500] }">
+      <ng-template st-row="bankCardNumber" let-item let-index="index" let-column="column">
+        {{ item.bankName }} <br> {{ item.bankCardNumber }}
+      </ng-template>
+    </st>
+    <div class=" text-md" *ngIf="st?.list?.length !== 0 ">
+      <span class="mr-md">合伙人数：<label
+          class="text-red-dark font-weight-bold">{{totalInfo?.invoiceAmountSum}}</label></span>
+      <span class="mr-md">入账笔数：<label class="text-red-dark font-weight-bold">{{totalInfo?.count}}</label></span>
+      <span class="mr-md">开票金额：<label
+          class="text-red-dark font-weight-bold">{{totalInfo?.invoiceEntryNum}}</label></span>
+      <span class="mr-md">代缴个税：<label
+          class="text-red-dark font-weight-bold">{{totalInfo?.taxPersonalSum}}</label></span>
+      <span class="mr-md">入账金额：<label
+          class="text-red-dark font-weight-bold">{{totalInfo?.recordedAmountSum}}</label></span>
+    </div>
+  </div>
+</nz-card>
+
+<ng-template #auditModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="80">
+      <se [col]="1" label="备注">
+        <textarea nz-input rows="3" [(ngModel)]="msg" placeholder="同意可以不用填写原因 ，拒绝必须说明原因"
+          style="width: 325px;margin-left: 14px;"></textarea>
+      </se>
+    </div>
+  </div>
+</ng-template>
diff --git a/src/app/routes/partner/recorded/components/record/record.component.ts b/src/app/routes/partner/recorded/components/record/record.component.ts
new file mode 100644
index 00000000..2a554c41
--- /dev/null
+++ b/src/app/routes/partner/recorded/components/record/record.component.ts
@@ -0,0 +1,363 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions, STData } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { FreightAccountService } from 'src/app/routes/financial-management/services/freight-account.service';
+import Big from 'src/app/shared/utils/deal-precision';
+import { RecordedService } from '../../services/recorded.service';
+
+
+@Component({
+  selector: 'app-partner-recorded-record',
+  templateUrl: './record.component.html',
+  styleUrls: ['../../../../commom/less/box.less', '../../../../commom/less/expend-but.less']
+})
+export class PartnerRecordedRecordComponent implements OnInit {
+  @ViewChild('st', { static: true }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('auditModal', { static: false }) auditModal!: any;
+  @ViewChild('viewReasonModal', { static: false }) viewReasonModal!: any;
+  columns!: STColumn[];
+  searchSchema!: SFSchema;
+  totalInfo: any = {
+    invoiceAmountSum: 0,
+    invoiceEntryNum: 0,
+    partnerNum: 0,
+    recordedAmountSum: 0,
+    taxPersonalSum: 0
+  }
+
+  _$expand = false;
+
+  selectedRows: any[] = [];
+  totalCallNo = 0;
+  refundStatus: any = '';
+
+  msg = '';
+
+  ltdId = ''; // 网络货运人
+  accountName = ''; // 账户名称
+
+
+  constructor(public service: RecordedService, private nzModalService: NzModalService,
+    private router: Router, public ar: ActivatedRoute, public shipperSrv: ShipperBaseService) {
+    this.ltdId = this.ar.snapshot.queryParams?.ltdId || '';
+
+  }
+
+  ngOnInit(): void {
+    this.searchSchema = this.initSF();
+    this.columns = this.initST();
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        createTime: {
+          start: this.sf.value.createTime?.[0] || '',
+          end: this.sf.value.createTime?.[1] || ''
+        },
+        refundStatus: this.refundStatus || null
+      });
+    }
+    delete requestOptions?.body?.expand;
+    return requestOptions;
+  };
+
+  afterRes = (data: any[], rawData?: any) => {
+    // data = data.map(node => ({ ...node, disabled: node.sts !== '0' }));
+    return data;
+  };
+
+  stChange(e: STChange): void {
+    if (e.type === 'checkbox') {
+      const checkRows = (e.checkbox as STData[]) || [];
+      //判断当前页是否有选中的行
+      if (checkRows.length === 0) {
+        // 当前页没有存在已勾选的行，移除之前所记录的当前页的行
+        const stList = this.st.list;
+        stList.forEach(item => {
+          this.selectedRows = this.selectedRows.filter((e: any) => e.id !== item.id);
+        })
+      } else {
+        //添加新增的行
+        checkRows.forEach((item: any) => {
+          const newSelectedList = this.selectedRows.filter((r: any) => r.id === item.id);
+          if (newSelectedList.length === 0) {
+            this.selectedRows.push(item);
+
+          }
+        })
+        // 移除取消选中的行
+        const stList = this.st.list;
+        stList.forEach(item => {
+          if (!item.checked) {
+            const index = this.selectedRows.findIndex(_item => item.id === _item.id);
+            if (index !== -1) this.selectedRows.splice(index, 1);
+          }
+        })
+      }
+      let totalCallNo = 0;
+      this.selectedRows.forEach((item => {
+        totalCallNo = new Big(this.totalCallNo).plus(item?.entryAmount).parse();
+      }));
+      this.totalCallNo = totalCallNo;
+    } else if (e.type === 'loaded') {
+      // 页面加载时勾选
+      (e?.loaded || []).forEach((r) => {
+        this.selectedRows.forEach((x) => {
+          if (x.id === r.id) {
+            r.checked = true;
+          }
+        });
+      });
+    }
+  }
+
+  changeRefundStatus(status?: string) {
+    this.refundStatus = status || null;
+    this.st.load(1);
+  }
+
+  auditAction(item?: any, type: string = '1') {
+    if (!item && this.selectedRows.length === 0) {
+      this.service.msgSrv.warning('请选择需要审核的记录');
+      return;
+    }
+    this.msg = '';
+    let params: Array<string> = [];
+    if (item) {
+      params = [item.id];
+    } else {
+      params = this.selectedRows.map(node => node.id);
+    }
+    const modal = this.nzModalService.create({
+      nzTitle: type === '1' ? '审核' : '复审',
+      nzContent: this.auditModal,
+      nzFooter: [
+        {
+          label: '拒绝',
+          type: 'default',
+          onClick: () => {
+            if (!this.msg || this.msg.trim().length === 0) {
+              this.service.msgSrv.warning('请填写拒绝原因 ');
+              return;
+            }
+            this.audit({ ids: params, rejectReason: this.msg, sts: '3' }, () => {
+              modal.destroy();
+              this.st.load(1);
+            }, '审核拒绝成功');
+            // this.service
+            //   .request(this.service.$api_disagree_recorded, {
+            //     id: params,
+            //     rejectReason: this.msg
+            //   })
+            //   .subscribe(res => {
+            //     if (res) {
+            //       this.service.msgSrv.success('审核拒绝成功');
+            //       modal.destroy();
+            //       this.st.load(1);
+            //     }
+            //   });
+          }
+        },
+        {
+          label: '通过',
+          type: 'primary',
+          onClick: () => {
+            this.audit({ ids: params, rejectReason: this.msg, sts: '1' }, () => {
+              modal.destroy();
+              this.st.load(1);
+            }, '审核通过成功');
+          }
+        }
+      ]
+    });
+    modal.afterClose.subscribe(res => {
+      this.st.load();
+    });
+  }
+
+  showReason(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '查看原因',
+      nzContent: item?.rejectionCause || item?.failCause,
+      nzFooter: [
+        {
+          label: '关闭',
+          type: 'primary',
+          onClick: () => {
+            modal.destroy();
+          }
+        }
+      ]
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        accountName: {
+          type: 'string',
+          title: '账户名称',
+          default: this.accountName,
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        sts: {
+          type: 'string',
+          title: '入账状态',
+          default: '',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '待初审', value: '0' },
+            { label: '待复核', value: '1' },
+            { label: '已入账', value: '2' },
+            { label: '已拒绝', value: '3' },
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          }
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          default: this.ltdId,
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.shipperSrv.getNetworkFreightForwarder({}, true),
+          }
+        },
+        submitTime: {
+          title: '提交时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox', className: 'text-center' },
+      { title: '账户名称', index: 'accountName', width: 180, className: 'text-center' },
+      { title: '虚拟账户', index: 'fictitiousAccount', width: 180, className: 'text-center' },
+      { title: '入账单号', index: 'entryNumber', width: 190, className: 'text-center' },
+      { title: '网络货运人', index: 'ltdName', width: 220, className: 'text-center' },
+      {
+        title: '开票金额',
+        index: 'amount',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.amount }) }
+      },
+      {
+        title: '代缴个税',
+        index: 'taxPersonal',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.amount }) }
+      },
+      {
+        title: '入账金额',
+        index: 'entryAmount',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.amount }) }
+      },
+
+      { title: '提交时间', index: 'submitTime', width: 180, className: 'text-center' },
+      { title: '入账状态', index: 'stsLabel', width: 120, className: 'text-center' },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '110px',
+        buttons: [
+          {
+            text: '审核',
+            iif: item => item.sts === '0',
+            click: item => this.auditAction(item)
+          },
+          {
+            text: '复审',
+            iif: item => item.sts === '1',
+            click: item => this.router.navigate(['./detail/' + item.id], { relativeTo: this.ar })
+          },
+          {
+            text: '详情',
+            click: item => this.router.navigate(['./detail/' + item.id], { relativeTo: this.ar })
+          }
+        ]
+      }
+    ];
+  }
+
+  /**
+ * 审核
+ */
+  audit(params: any, callback: Function, msg = '成功') {
+    this.service
+      .request(this.service.$api_audit_recored, { ...params })
+      .subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success(msg);
+          callback();
+        }
+      });
+  }
+
+  search() {
+    this.st.load(1);
+    this.getSummary();
+  }
+  /**
+   * 底部统计
+   */
+  getSummary() {
+    this.service.request(this.service.$api_get_list_summary, { ...this.sf.value }).subscribe(res => {
+      if (res) {
+        this.totalInfo = res;
+      }
+    })
+  }
+}
diff --git a/src/app/routes/partner/recorded/services/recorded.service.ts b/src/app/routes/partner/recorded/services/recorded.service.ts
new file mode 100644
index 00000000..72d088aa
--- /dev/null
+++ b/src/app/routes/partner/recorded/services/recorded.service.ts
@@ -0,0 +1,18 @@
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class RecordedService extends BaseService {
+
+  $api_get_recorded_page = `/api/bpc/partnerInvoiceEntry/queryInvoiceEntrylist`; // 查询合伙人发票入账主表
+  $api_get_recorded_record_detail = `/api/bpc/partnerInvoice/getDetailByOpration`; // 入账记录详情
+  $api_disagree_recorded = ``; // 拒绝审核
+  $api_agree_recorded = ``; // 同意审核
+  $api_audit_recored = `/api/bpc/partnerInvoiceEntry/oprationAudit`; // 审核单据
+  $api_get_list_summary = `/api/bpc/partnerInvoiceEntry/invoiceEntrySummary`; // 每页统计
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/partner/scrollimg/components/add/add.component.html b/src/app/routes/partner/scrollimg/components/add/add.component.html
new file mode 100644
index 00000000..f6a39e94
--- /dev/null
+++ b/src/app/routes/partner/scrollimg/components/add/add.component.html
@@ -0,0 +1,24 @@
+<!-- 页头 -->
+<page-header-wrapper [title]="''" [logo]="logo">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+  <div class="modal-header">
+    <div class="modal-title" *ngIf="queryParams.type === 'add'">新建广告</div>
+    <div class="modal-title" *ngIf="queryParams.type === 'edit'">编辑广告</div>
+    <div class="modal-title" *ngIf="queryParams.type === 'view'">查看广告</div>
+  </div>
+    <sf #sf [schema]="schema" [ui]="ui" [button]="'none'" [formData]="detailData">
+    </sf>
+  <div class="modal-footer" *ngIf="queryParams.type !== 'view'">
+    <button nz-button type="button" (click)="checkSort()" nzType="primary" [disabled]="validFalg">保存</button>
+    <button nz-button type="button" (click)="goBack()">取消</button>
+  </div>
+</nz-card>
+<!-- <nz-modal [(nzVisible)]="isVisible" nzTitle="The first Modal" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
+  <baidu-map [inputAddress]="detailData.companyAddress" [inputPoint]="inputPoint" (outputPointAddress)="outputPointAddress($event)"></baidu-map>
+</nz-modal> -->
\ No newline at end of file
diff --git a/src/app/routes/partner/scrollimg/components/add/add.component.spec.ts b/src/app/routes/partner/scrollimg/components/add/add.component.spec.ts
new file mode 100644
index 00000000..80b44d19
--- /dev/null
+++ b/src/app/routes/partner/scrollimg/components/add/add.component.spec.ts
@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { AdComponentsAddComponent } from './add.component';
+
+describe('AdComponentsAddComponent', () => {
+  let component: AdComponentsAddComponent;
+  let fixture: ComponentFixture<AdComponentsAddComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AdComponentsAddComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AdComponentsAddComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/partner/scrollimg/components/add/add.component.ts b/src/app/routes/partner/scrollimg/components/add/add.component.ts
new file mode 100644
index 00000000..e8345d9e
--- /dev/null
+++ b/src/app/routes/partner/scrollimg/components/add/add.component.ts
@@ -0,0 +1,243 @@
+import { ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { SFComponent, SFRadioWidgetSchema, SFSchema, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { EAEnvironmentService } from '@shared';
+import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
+import format from 'date-fns/format';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzUploadFile } from 'ng-zorro-antd/upload';
+import { Observable, Observer, of } from 'rxjs';
+import { apiConf } from '@conf/api.conf';
+import { ScrollImgService } from '../../services/scrollimg.service';
+
+@Component({
+  selector: 'app-ad-components-add',
+  templateUrl: './add.component.html',
+  styleUrls: ['./add.less']
+})
+export class ScrollimgComponentsAddComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  record: any = {};
+  i: any;
+  schema: SFSchema = {};
+  contentListData = [];
+  queryParams: any = {};
+  oldTakeEffectTime = '';
+  maxSort = 0;
+  isVisible = false;
+  validFalg = true;
+  detailData: any = {
+    advertisementContentDTOList: []
+  };
+  changeTimeFlag = false;
+  currentIndex = 0;
+  addFlag = true;
+  addId = 1;
+  inputPoint: any = {
+    lng: 0,
+    lat: 0
+  };
+  today = new Date();
+  navData: any = [];
+  navigationName = '';
+  ui: SFUISchema = {
+    '*': {
+      spanLabelFixed: 200,
+      grid: { span: 24 },
+    },
+  };
+  constructor(
+    public msgSrv: NzMessageService,
+    public http: _HttpClient,
+    public service: ScrollImgService,
+    private route: ActivatedRoute,
+    private router: Router,
+    private envSrv: EAEnvironmentService,
+  ) { }
+
+
+  ngOnInit(): void {
+    this.queryParams = this.route.snapshot.queryParams;
+    if (this.queryParams.type !== 'add') {
+      this.initDetailData();
+    }
+    this.initSF();
+  }
+  initDetailData() {
+
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        name: {
+          type: 'string',
+          title: '轮播图名称',
+          maxLength: 10,
+          ui: {
+            showRequired: true,
+            placeholder: '请不要超过10个字',
+          }
+        },
+        licensePhotoWatermark: {
+          type: 'string',
+          title: '轮播图',
+          ui: {
+            action: apiConf.fileUpload,
+            accept: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            widget: 'upload',
+            descriptionI18n: '图片支持JPG、PNG格式，文件小于2M（建议尺寸 702px * 280px）',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                this.detailData.enterpriseBaseDTO.licensePhoto = args.file.response.data.fullFilePath
+              }
+            },
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt4M = file.size / 1024 / 1024 < 2;
+                if (!isLt4M) {
+                  this.service.msgSrv.warning('图片大小超过2M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt4M);
+                observer.complete();
+              });
+            },
+            previewFile: (file: NzUploadFile) => of(file.url),
+          },
+        },
+        linkType: {
+          type: 'string',
+          title: '可见范围',
+          ui: {
+            widget: 'radio',
+            showRequired: true,
+          } as SFRadioWidgetSchema,
+          enum: [
+            { label: '全部可见', value: 1 },
+            { label: '合伙人可见', value: 2 },
+            { label: '销售渠道可见', value: 3 },
+          ],
+        },
+        sortId: {
+          type: 'string',
+          title: '顺序',
+          ui: {
+            showRequired: true,
+            widget: '=',
+            placeholder: '请输入0~99，数字越大，排序越靠前',
+            serverSearch: true,
+          } as SFSelectWidgetSchema,
+        },
+        content: {
+          type: 'string',
+          title: '内容',
+          ui: {
+            widget: 'tinymce',
+            loadingTip: 'loading...',
+            config: {
+              height: 450
+            },
+            visibleIf: { name5: (value: string) => value === '1' }
+          },
+        },
+      },
+      required: [],
+    };
+    if (this.queryParams.type === 'add') {
+      setTimeout(() => {
+        this.sf.setValue('/takeEffectType', 1);
+        this.sf.setValue('/style', 1);
+      }, 500);
+    }
+  }
+  get reqParams() {
+    return {};
+  }
+  disabledDate = (current: Date): boolean => {
+    // Can not select days before today and today
+    return differenceInCalendarDays(current, this.today) < 0;
+  }
+  changeTime() {
+    this.changeTimeFlag = true;
+  }
+
+
+  checkSort() {
+    const params: any = {
+      navigationId: this.sf?.value.navigationId,
+      sortId: this.sf?.value.sortId,
+      takeEffectType: this.sf?.value.takeEffectType,
+    };
+    if (this.queryParams.id !== '0') {
+      params.advertisementId = this.queryParams.id;
+    }
+    if (this.sf.value.takeEffectType === 2) {
+      if (this.changeTimeFlag) {
+        params.takeEffectTime = format(this.detailData.takeEffectTime, 'yyyy-MM-dd HH:mm');
+      } else {
+        params.takeEffectTime = this.detailData.takeEffectTime;
+      }
+    }
+
+  }
+  save() {
+    const params: any = {
+      ...this.sf?.value,
+      latitude: this.inputPoint.lat,
+      longitude: this.inputPoint.lng,
+      id: this.queryParams.id
+    };
+    this.detailData.advertisementContentDTOList.forEach((item: any) => {
+      delete item.addId;
+    });
+    if (this.queryParams.type === 'add') {
+      delete params.id;
+    }
+    if (this.sf.value.takeEffectType === 2) {
+      if (this.changeTimeFlag) {
+        params.takeEffectTime = format(this.detailData.takeEffectTime, 'yyyy-MM-dd HH:mm');
+      } else {
+        params.takeEffectTime = this.detailData.takeEffectTime;
+      }
+    } else {
+      delete params.takeEffectTime;
+    }
+    this.service.request(this.service.$api_add_one, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('保存成功');
+        this.router.navigate(['../list'], { relativeTo: this.route });
+      }
+    });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+  gotoMap() {
+    this.isVisible = true;
+  }
+
+  handleOk(): void {
+    this.isVisible = false;
+  }
+
+  handleCancel(): void {
+    this.isVisible = false;
+  }
+  outputPointAddress(data: any) {
+    this.sf.setValue('/companyAddress', data.address);
+    this.inputPoint = data.inputPoint;
+  }
+}
diff --git a/src/app/routes/partner/scrollimg/components/add/add.less b/src/app/routes/partner/scrollimg/components/add/add.less
new file mode 100644
index 00000000..0a6adacb
--- /dev/null
+++ b/src/app/routes/partner/scrollimg/components/add/add.less
@@ -0,0 +1,119 @@
+:host {
+    .styleBox {
+        display: flex;
+        align-items: flex-end;
+        margin: 10px 0 0 0;
+      }
+      .imgBox {
+        position: relative;
+        width: 200px;
+        padding: 6px 0;
+        text-align: center;
+        border: solid 1px #eee;
+        .leftBox,
+        .rightBox {
+          position: absolute;
+          top: 50%;
+          transform: translate(0, -50%);
+        }
+        img {
+          width: 170px;
+          height: 40px;
+        }
+        .leftBox {
+          left: 3px;
+        }
+        .rightBox {
+          right: 3px;
+        }
+      }
+      .imgBox_two {
+        width: 200px;
+        padding: 6px;
+        text-align: center;
+        border: solid 1px #eee;
+        img {
+          width: 100%;
+          height: 40px;
+        }
+      }
+      .imgBox_three {
+        width: 200px;
+        padding: 6px 0;
+        text-align: center;
+        border: solid 1px #eee;
+        img {
+          width: 25%;
+          height: 40px;
+          margin: 0 6% 0 0;
+          &:first-child {
+            margin: 0 6%;
+          }
+        }
+      }
+      .imgBox_four {
+        width: 200px;
+        padding: 6px 0;
+        text-align: center;
+        border: solid 1px #eee;
+        img {
+          width: 22%;
+          height: 40px;
+          margin: 0 2% 0 0;
+          &:first-child {
+            margin: 0 2%;
+          }
+        }
+      }
+      .imgBox_one {
+        width: 60px;
+        padding: 6px;
+        text-align: center;
+        border: solid 1px #eee;
+        img {
+          width: 100%;
+          height: 40px;
+        }
+      }
+      .imgBox_info {
+        width: 200px;
+        padding: 6px;
+        overflow: hidden;
+        border: solid 1px #eee;
+        .title {
+          width: 100%;
+          line-height: 30px;
+          text-align: center;
+        }
+        .infoBox {
+          .name {
+            line-height: 28px;
+          }
+          .map {
+            width: 100%;
+            text-align: center;
+            img {
+              width: 90%;
+            }
+          }
+        }
+      }
+      .hint {
+        margin: 0 0 0 10px;
+        color: #f00;
+      }
+      .addBtn {
+        margin: 0 0 10px 0;
+      }   
+  }
+  .overflowText {
+    display: -webkit-box;
+    max-width: 200px;
+    overflow: hidden;
+    text-align: left;
+    text-overflow: -o-ellipsis-lastline;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 1;
+    line-clamp: 1;
+    -webkit-box-orient: vertical;
+  }
\ No newline at end of file
diff --git a/src/app/routes/partner/scrollimg/components/list/list.component.html b/src/app/routes/partner/scrollimg/components/list/list.component.html
new file mode 100644
index 00000000..54ecf965
--- /dev/null
+++ b/src/app/routes/partner/scrollimg/components/list/list.component.html
@@ -0,0 +1,62 @@
+<!-- 页头 -->
+<page-header-wrapper [title]="''"></page-header-wrapper>
+<nz-card>
+    <!-- 搜索表单 -->
+    <div nz-row [nzGutter]="16">
+        <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+        <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+            <sf #sf [schema]="schema" [ui]="ui" [mode]="'search'" [disabled]="!sf?.valid" [loading]="false"></sf>
+        </div>
+
+        <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+        <ng-container *ngIf="queryFieldCount > 4">
+            <div nz-col [nzSpan]="_$expand ? 24 : 18">
+                <sf #sf [schema]="schema" [ui]="ui" [button]="'none'"></sf>
+            </div>
+            <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+                <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading" (click)="st.load()">查询</button>
+                <button nz-button (click)="resetSF()">重置</button>
+                <button nz-button nzType="link" (click)="expandToggle()">
+                    {{ !_$expand ? '展开' : '收起' }}
+                    <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+                </button>
+            </div>
+        </ng-container>
+    </div>
+
+    <!-- 工具栏 -->
+    <div nz-row>
+        <div nz-col nzSpan="24">
+            <button nz-button nzType="primary" (click)="add()">新增轮播图</button>
+        </div>
+    </div>
+
+    <!-- 提示栏 -->
+    <div nz-row>
+        <div nz-col nzSpan="24">
+            <nz-alert
+                    nzType="info"
+                    [nzMessage]="'当前共' + (st?.total || 0) + '行记录，选中' + selectedRows.length + '行'"
+                    nzShowIcon
+                    [ngStyle]="{ margin: '1rem 0' }"
+            >
+            </nz-alert>
+        </div>
+    </div>
+
+    <!-- 数据列表 -->
+    <st
+            #st
+            multiSort
+            size="small"
+            [bordered]="true"
+            [scroll]="{ x: '2000px' }"
+            [data]="service.$api_get_page"
+            [columns]="columns"
+            [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+            [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+            [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+            [loadingDelay]="500"
+            [loading]="service.http.loading"
+    ></st>
+</nz-card>
diff --git a/src/app/routes/partner/scrollimg/components/list/list.component.less b/src/app/routes/partner/scrollimg/components/list/list.component.less
new file mode 100644
index 00000000..0aae2779
--- /dev/null
+++ b/src/app/routes/partner/scrollimg/components/list/list.component.less
@@ -0,0 +1 @@
+@import '~@delon/theme/index';
diff --git a/src/app/routes/partner/scrollimg/components/list/list.component.spec.ts b/src/app/routes/partner/scrollimg/components/list/list.component.spec.ts
new file mode 100644
index 00000000..c8ac7672
--- /dev/null
+++ b/src/app/routes/partner/scrollimg/components/list/list.component.spec.ts
@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { AdComponentsListComponent } from './list.component';
+
+describe('AdComponentsListComponent', () => {
+  let component: AdComponentsListComponent;
+  let fixture: ComponentFixture<AdComponentsListComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AdComponentsListComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AdComponentsListComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/partner/scrollimg/components/list/list.component.ts b/src/app/routes/partner/scrollimg/components/list/list.component.ts
new file mode 100644
index 00000000..f1b7e90d
--- /dev/null
+++ b/src/app/routes/partner/scrollimg/components/list/list.component.ts
@@ -0,0 +1,283 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ScrollImgService } from '../../services/scrollimg.service';
+
+@Component({
+  selector: 'app-scrollimg-components-list',
+  templateUrl: './list.component.html',
+  styleUrls: ['./list.component.less']
+})
+
+export class ScrollImgComponentsListComponent implements OnInit {
+  schema: SFSchema = {};
+  columns: STColumn[] = [];
+  ui: SFUISchema = {};
+  appList: any[] = [];
+  _$expand = false;
+  selectApp = {
+    appName: '',
+    appId: ''
+  };
+  isLoading: boolean = false;
+
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  constructor(public service: ScrollImgService, private modal: ModalHelper, private msg: NzMessageService, private router: Router, private modalSrv: NzModalService,  private ar: ActivatedRoute) { }
+
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    if (params.status === '') {
+      delete params.status;
+    }
+    if (params.style === '') {
+      delete params.style;
+    }
+    if (params.navigationId === '') {
+      delete params.navigationId;
+    }
+    return { ...params};
+  }
+
+  /**
+   * 选中行
+   */
+  get selectedRows() {
+    return this.st?.list.filter((item) => item.checked) || [];
+  }
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+  }
+  selectAppFun(item: any) {
+    this.selectApp = item;
+    this.st.load(1);
+  }
+  dataProcess(data: STData[]): STData[] {
+    return data.map((i, index) => {
+      i.showSortFlag = false;
+      return i;
+    });
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true,
+          },
+        },
+        name: {
+          type: 'string',
+          title: '轮播图名称',
+          maxLength: 10,
+          ui: {
+            widget: '',
+            placeholder: '请输入',
+          }
+        },
+        status1: {
+          type: 'string',
+          title: '可见范围',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+          } as SFSelectWidgetSchema,
+          enum: [
+            { label: '全部', value: 1 },
+            { label: '全部可见', value: 2 },
+            { label: '渠道销售可见', value: 3 },
+            { label: '合伙人可见', value: 4 },
+          ]
+        },
+        status: {
+          type: 'string',
+          title: '状态',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+          } as SFSelectWidgetSchema,
+          enum: [
+            { label: '全部', value: 1 },
+            { label: '正常', value: 2 },
+            { label: '禁用', value: 3 }
+          ]
+        },
+      },
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 110,
+        grid: { span: 8 },
+      },
+    };
+  }
+
+  initST() {
+    this.columns = [
+      {
+        title: '轮播图名称', // 位:px
+        index: 'name',
+        className: 'text-center'
+      },
+      {
+        title: '轮播图',
+        index: 'navigationName',
+        className: 'text-center'
+      },
+      {
+        title: '可见范围',
+        index: 'navigationName',
+        className: 'text-center'
+      },
+      {
+        title: '排序', // 位 px
+        index: 'sortId',
+        className: 'text-center'
+      },
+      {
+        title: '状态', // 位 px
+        index: 'style',
+        className: 'text-center',
+        type: 'enum',
+        enum: { 
+          1: '正常',
+          2: '禁用',
+        }
+      },
+      {
+        title: '最后修改时间', // 位 px
+        index: 'createTime',
+        className: 'text-center'
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        className: 'text-center',
+        width: 280,
+        buttons: [
+          {
+            text: '修改',
+            click: (item) => {
+              this.router.navigate(['../detail'], { queryParams: { id: item.id, type: 'edit' }, relativeTo: this.ar });
+            }
+          },
+          {
+            text: '禁用',
+            pop: {
+              title: `是否确认禁用？`,
+              okType: 'danger',
+              icon: 'alert',
+            },
+            click: (item) => {
+              this.changeStatus(item.id);
+            },
+            iif: (item) => item.status === 1
+          },
+          {
+            text: '启用',
+            pop: {
+              title: `是否确认启用？`,
+              okType: 'danger',
+              icon: 'alert',
+            },
+            click: (item) => {
+              this.changeStatus(item);
+            },
+            iif: (item) => item.status === 2
+          },
+          {
+            text: '查看',
+            click: (item) => {
+              this.router.navigate(['../view'], { queryParams: { id: item.id, type: 'view' }, relativeTo: this.ar });
+            }
+          },
+          {
+            text: '删除',
+            pop: {
+              title: `确定删除吗？`,
+              okType: 'danger',
+              icon: 'alert',
+            },
+            click: (item) => {
+              this.del(item);
+            },
+            iif: (item) => item.status === 2
+          },
+          {
+            text: '操作记录',
+            click: (item) => {
+              this.router.navigate(['../operatordata'], { queryParams: { id: item.id }, relativeTo: this.ar });
+            }
+          },
+        ],
+      },
+    ];
+  }
+  changeStatus(item: any) {
+    const params = {
+      status,
+      idList: [item.id]
+    };
+    // this.service.request(this.service.$api_openOrClose, params).subscribe(res => {
+    //   if (res) {
+    //     this.st.reload();
+    //   }
+    // });
+  }
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+    this.isLoading = true
+  }
+
+  /**
+   * 新增单个实例
+   */
+  add() {
+    this.router.navigate(['../detail'], { queryParams: { id: 0, type: 'add' }, relativeTo: this.ar });
+  }
+
+  /**
+   * 删除单个实例
+   */
+  del(item: any) {
+    const ids = [];
+    ids.push(item.id);
+    this.service.request(this.service.$api_del_many, ids).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('删除成功');
+        this.st.reload();
+      }
+    });
+  }
+}
diff --git a/src/app/routes/partner/scrollimg/components/list/list.less b/src/app/routes/partner/scrollimg/components/list/list.less
new file mode 100644
index 00000000..d9b6c73f
--- /dev/null
+++ b/src/app/routes/partner/scrollimg/components/list/list.less
@@ -0,0 +1,9 @@
+.selectApp {
+    display: flex;
+    .appTitle {
+      font-size: 14px;
+    }
+  }
+  .redfont{
+    color: #f00;
+  }
\ No newline at end of file
diff --git a/src/app/routes/partner/scrollimg/services/scrollimg.service.ts b/src/app/routes/partner/scrollimg/services/scrollimg.service.ts
new file mode 100644
index 00000000..0af4095c
--- /dev/null
+++ b/src/app/routes/partner/scrollimg/services/scrollimg.service.ts
@@ -0,0 +1,12 @@
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ScrollImgService extends BaseService {
+
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/passport/callback.component.ts b/src/app/routes/passport/callback.component.ts
deleted file mode 100644
index 8e205c62..00000000
--- a/src/app/routes/passport/callback.component.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
-import { SocialService } from '@delon/auth';
-import { SettingsService } from '@delon/theme';
-
-@Component({
-  selector: 'app-callback',
-  template: ``,
-  providers: [SocialService]
-})
-export class CallbackComponent implements OnInit {
-  type = '';
-
-  constructor(private socialService: SocialService, private settingsSrv: SettingsService, private route: ActivatedRoute) {}
-
-  ngOnInit(): void {
-    this.type = this.route.snapshot.params.type;
-    this.mockModel();
-  }
-
-  private mockModel(): void {
-    const info = {
-      token: '123456789',
-      name: 'cipchk',
-      email: `${this.type}@${this.type}.com`,
-      id: 10000,
-      time: +new Date()
-    };
-    this.settingsSrv.setUser({
-      ...this.settingsSrv.user,
-      ...info
-    });
-    this.socialService.callback(info);
-  }
-}
diff --git a/src/app/routes/passport/components/login/login.component.html b/src/app/routes/passport/components/login/login.component.html
new file mode 100644
index 00000000..79afbdb7
--- /dev/null
+++ b/src/app/routes/passport/components/login/login.component.html
@@ -0,0 +1,156 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-10 19:33:37
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:24:43
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\passport\\components\\login\\login.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<div class="body-box">
+  <div></div>
+  <div>
+    <div class="box-content d-flex">
+      <img src="./assets/images/user/login-image.png" class="login-logo" alt="" />
+      <div class="login-box">
+        <div class="login-box-content">
+          <nz-tabset (nzSelectChange)="switch($event)">
+            <nz-tab nzTitle="密码登录">
+              <sf #accountSF [layout]="'vertical'" [schema]="accountSchema" [ui]="accountUI" [button]="'none'">
+                <ng-template sf-template="username" let-i let-ui="ui" let-schema="schema">
+                  <nz-input-group [nzSuffix]="inputClearTpl">
+                    <input
+                      type="text"
+                      nz-input
+                      [ngModel]="i.value"
+                      (ngModelChange)="i.setValue($event)"
+                      (keyup.enter)="submit()"
+                      placeholder="请输入手机号"
+                    />
+                  </nz-input-group>
+                  <ng-template #inputClearTpl>
+                    <i
+                      nz-icon
+                      class="ant-input-clear-icon"
+                      nzTheme="fill"
+                      nzType="close-circle"
+                      *ngIf="i.value"
+                      style="font-size: 16px"
+                      (click)="i.setValue(null)"
+                    ></i>
+                  </ng-template>
+                </ng-template>
+                <ng-template sf-template="password" let-i let-ui="ui" let-schema="schema">
+                  <nz-input-group [nzSuffix]="inputClearTpl">
+                    <input
+                      [type]="isPasswordType ? 'password' : 'text'"
+                      nz-input
+                      [ngModel]="i.value"
+                      (ngModelChange)="i.setValue($event)"
+                      placeholder="请输入密码"
+                      (keyup.enter)="submit()"
+                    />
+                  </nz-input-group>
+                  <ng-template #inputClearTpl>
+                    <i
+                      *ngIf="i.value && isPasswordType"
+                      nz-icon
+                      class="ant-input-clear-icon"
+                      style="font-size: 18px"
+                      nzType="eye"
+                      nzTheme="fill"
+                      (click)="isPasswordType = false"
+                    ></i>
+                    <i
+                      *ngIf="i.value && !isPasswordType"
+                      nz-icon
+                      class="ant-input-clear-icon"
+                      style="font-size: 18px"
+                      nzType="eye-invisible"
+                      nzTheme="fill"
+                      (click)="isPasswordType = true"
+                    ></i>
+                  </ng-template>
+                </ng-template>
+              </sf>
+            </nz-tab>
+            <nz-tab nzTitle="验证码登录">
+              <sf #captchaSF [layout]="'vertical'" [schema]="captchaSchema" [ui]="captchaUI" [button]="'none'">
+                <ng-template sf-template="phone" let-i let-ui="ui" let-schema="schema">
+                  <nz-input-group [nzSuffix]="inputClearTpl">
+                    <input
+                      type="text"
+                      nz-input
+                      [ngModel]="i.value"
+                      (ngModelChange)="i.setValue($event)"
+                      (keyup.enter)="submit()"
+                      placeholder="请输入手机号"
+                    />
+                  </nz-input-group>
+                  <ng-template #inputClearTpl>
+                    <i
+                      nz-icon
+                      class="ant-input-clear-icon"
+                      nzTheme="fill"
+                      nzType="close-circle"
+                      *ngIf="i.value"
+                      style="font-size: 16px"
+                      (click)="i.setValue(null)"
+                    ></i>
+                  </ng-template>
+                </ng-template>
+                <ng-template sf-template="smsCode" let-me let-ui="ui" let-schema="schema">
+                  <nz-input-group nzSearch [nzSuffix]="suffixTemplateInfo">
+                    <input
+                      nz-input
+                      type="text"
+                      [maxLength]="6"
+                      placeholder="验证码"
+                      [attr.id]="me.id"
+                      [disabled]="me.disabled"
+                      [attr.disabled]="me.disabled"
+                      [nzSize]="ui.size"
+                      [ngModel]="me.formProperty.value"
+                      (ngModelChange)="me.setValue($event)"
+                      (keyup.enter)="submit()"
+                    />
+                  </nz-input-group>
+                </ng-template>
+              </sf>
+            </nz-tab>
+          </nz-tabset>
+          <button
+            nz-button
+            type="button"
+            nzType="primary"
+            nzSize="large"
+            (click)="submit()"
+            [nzLoading]="userSrv?.http?.loading"
+            nzBlock
+            class="mt-md"
+          >
+            登录
+          </button>
+          <p class="forgetPwd mt-xl" routerLink="/passport/retrieve-password">忘记密码</p>
+          <p class="agreement">
+            登录即代表您同意 <a target="_blank" [routerLink]="['/passport/agreement']" [queryParams]="{ type: 1 }">《平台服务协议》</a>
+            <a target="_blank" [queryParams]="{ type: 2 }" [routerLink]="['/passport/agreement']">《隐私政策》</a>
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="box-footer">
+    深圳市怡亚通供应链股份有限公司 版权所有
+    <p [innerHTML]="copyright"></p>
+  </div>
+</div>
+
+<ng-template #suffixTemplateInfo>
+  <ng-container *ngIf="count < 1; else intervalTemplate">
+    <span class="msg-btn" style="color: #26282a; cursor: pointer; font-size: 14px" (click)="getCaptcha()">获取验证码</span>
+  </ng-container>
+  <ng-template #intervalTemplate> 请等待{{ count }}s </ng-template>
+</ng-template>
diff --git a/src/app/routes/passport/components/login/login.component.less b/src/app/routes/passport/components/login/login.component.less
new file mode 100644
index 00000000..5e69a1b2
--- /dev/null
+++ b/src/app/routes/passport/components/login/login.component.less
@@ -0,0 +1,193 @@
+.body-box {
+  display               : flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction    : column;
+  flex-direction        : column;
+  justify-content       : space-between;
+  width                 : 100%;
+  max-width             : 960px;
+  height                : calc(100vh - 64px);
+  margin                : auto;
+  -webkit-box-orient    : vertical;
+
+  .box-content {
+    width        : 100%;
+    height       : 600px;
+    border-radius: 0px 16px 16px 0px;
+
+    .login-logo {
+      width : 310px;
+      height: 600px;
+    }
+
+    .login-box {
+      flex            : 1;
+      background-color: #fff;
+
+      .login-box-content {
+        max-width: 434px;
+        margin   : auto;
+        padding  : 88px 0 38px;
+      }
+    }
+
+    .form-box {
+      margin : 0 auto;
+      padding: 40px 88px 40px;
+
+
+      .title {
+        margin-bottom: 30px;
+        color        : #1890ff;
+        font-weight  : 800;
+        font-size    : 32px;
+        text-align   : center;
+      }
+
+      .other {
+        margin-top : 24px;
+        line-height: 22px;
+        text-align : left;
+      }
+    }
+  }
+
+  .box-footer {
+    padding-top: 70px;
+    color      : #626262;
+    font-weight: 400;
+    font-size  : 14px;
+    text-align : center;
+  }
+}
+
+.forgetPwd {
+  font-weight: 400;
+  color      : #26282A;
+  font-size  : 14px;
+  text-align : center;
+  cursor     : pointer;
+}
+
+.agreement {
+  text-align: center;
+  font-size : 12px;
+  color     : #86909C;
+  margin-top: 88px;
+
+  a {
+    color: #E60012;
+  }
+}
+
+::ng-deep {
+  passport-login {
+    background-color: #F8FBFD;
+  }
+
+  .pro-passport {
+    min-height: calc(100vh - 64px);
+  }
+}
+
+:host ::ng-deep {
+
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+  }
+
+  /* 火狐 */
+  input[type='number'] {
+    -moz-appearance: textfield;
+  }
+
+  // tabs样式调整
+  .ant-tabs-nav-list {
+    width: 281px;
+
+    .ant-tabs-tab-btn {
+      font-size  : 24px;
+      color      : #86909C;
+      font-weight: 500;
+    }
+
+  }
+
+  .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
+    color: #26282A;
+  }
+
+  .ant-tabs-tab {
+    padding: 8px 0;
+  }
+
+  .ant-tabs-top>.ant-tabs-nav {
+    margin: 0 0 38px 0;
+
+    .ant-tabs-ink-bar {
+      background: #26282A;
+    }
+  }
+
+  // input 框样式修改
+  nz-input-group {
+    height       : 44px;
+    font-size    : 14px;
+    border-radius: 4px;
+    border-color : #E5E6EB;
+    box-shadow   : none;
+  }
+
+  .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
+    border-color: #E5E6EB;
+  }
+
+  .ant-input {
+    padding      : 10px 16px;
+    border-color : #E5E6EB;
+    border-radius: 4px;
+    font-size    : 14px;
+    box-shadow   : none;
+  }
+
+  .ant-form-item {
+    margin-bottom: 32px;
+  }
+
+  .ant-form-item-with-help {
+    margin-bottom: 0 !important;
+  }
+
+  .ant-form-item-explain,
+  .ant-form-item-extra {
+    min-height : 32px;
+    line-height: 2;
+  }
+
+  // 按钮样式修改
+  .ant-btn {
+    padding: 0 16px 12px;
+  }
+
+  .ant-btn-primary {
+    color        : #fff;
+    background   : #26282A;
+    border-color : #26282A;
+    font-size    : 14px;
+    line-height  : 40px;
+    height       : 44px;
+    border-radius: 4px
+  }
+}
+
+@media (max-width: 990px) {
+  .box-content {
+
+    .login-logo {
+      width : 0px !important;
+      height: 0px !important;
+    }
+  }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/passport/components/login/login.component.ts b/src/app/routes/passport/components/login/login.component.ts
new file mode 100644
index 00000000..d9874028
--- /dev/null
+++ b/src/app/routes/passport/components/login/login.component.ts
@@ -0,0 +1,232 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, OnDestroy, OnInit, Optional, ViewChild } from '@angular/core';
+import { AbstractControl, FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { Router } from '@angular/router';
+import { StartupService } from '@core';
+import { ReuseTabService } from '@delon/abc/reuse-tab';
+import { DA_SERVICE_TOKEN, ITokenService, SocialOpenType, SocialService } from '@delon/auth';
+import { SFComponent, SFSchema, SFUISchema, SFStringWidgetSchema } from '@delon/form';
+import { SettingsService, _HttpClient } from '@delon/theme';
+import { environment } from '@env/environment';
+import { NzTabChangeEvent } from 'ng-zorro-antd/tabs';
+import { interval } from 'rxjs';
+import { finalize, take } from 'rxjs/operators';
+import { DunHelper } from 'src/app/shared/components/captcha';
+import { EAUserService, EACaptchaService, EAValidateService, EAPlatformService } from 'src/app/shared/services';
+
+@Component({
+  selector: 'passport-login',
+  templateUrl: './login.component.html',
+  styleUrls: ['./login.component.less'],
+  host: {
+    '[class.ant-row]': 'true',
+    '[class.pro-passport]': 'true'
+  }
+})
+export class UserLoginComponent implements OnInit, OnDestroy {
+  @ViewChild('accountSF', { static: false })
+  accountSF!: SFComponent;
+  @ViewChild('captchaSF', { static: false })
+  captchaSF!: SFComponent;
+  accountSchema!: SFSchema;
+  accountUI!: SFUISchema;
+  captchaSchema!: SFSchema;
+  captchaUI!: SFUISchema;
+  count = 0;
+  type = 0;
+
+  isPasswordType = true;
+  // vcode = null;
+
+  copyright = '';
+  constructor(
+    public userSrv: EAUserService,
+    private captchaSrv: EACaptchaService,
+    private validateSrv: EAValidateService,
+    private dunHelper: DunHelper,
+    private cdr: ChangeDetectorRef,
+    private router: Router
+  ) {
+    // this.vcode = this.platformSrv.getOperatorCode();
+    //  加载copyright信息
+    // this.userSrv
+    //   .request(this.platformSrv.$api_get_config, {
+    //     pageIndex: 1,
+    //     pageSize: 999,
+    //   })
+    //   .subscribe((res: any) => {
+    //     this.copyright = res?.records?.find((f: any) => f.configKey === 'website.copyright')?.configValue;
+    //     this.imageUrl = res?.records?.find((f: any) => f.configKey === 'platform.saas.logo')?.configValue;
+    //   });
+  }
+
+  ngOnInit(): void {
+    this.initAccountSF();
+    this.initCaptchaSF();
+  }
+
+  initAccountSF(): void {
+    this.accountSchema = {
+      properties: {
+        username: {
+          title: '',
+          type: 'string',
+          maxLength: 11,
+          ui: {
+            widget: 'custom',
+            size: 'large',
+            errors: { required: '请输入手机号', format: '手机号格式错误' }
+          }
+        },
+        password: {
+          title: '',
+          type: 'string',
+          ui: {
+            widget: 'custom',
+            size: 'large',
+            errors: { required: '请输入密码' }
+          }
+        }
+        // sc: {
+        //   title: '',
+        //   type: 'string',
+        //   ui: {
+        //     hidden: !!this.vcode,
+        //     placeholder: '请输入安全码',
+        //     prefixIcon: 'safety',
+        //     size: 'large',
+        //     errors: {
+        //       required: '请输入安全码'
+        //     }
+        //   } as SFStringWidgetSchema,
+        //   default: this.vcode
+        // }
+      },
+      required: ['username', 'password']
+    };
+    this.accountUI = {
+      '*': { spanLabelFixed: 110, grid: { span: 24 } }
+    };
+  }
+
+  initCaptchaSF(): void {
+    this.captchaSchema = {
+      properties: {
+        phone: {
+          title: '',
+          type: 'string',
+          format: 'mobile',
+          maxLength: 11,
+          ui: {
+            placeholder: '请输入手机号',
+            widget: 'custom',
+            size: 'large',
+            errors: { required: '请输入手机号！', format: '手机号格式错误' }
+          }
+        },
+        smsCode: {
+          title: '',
+          type: 'string',
+          maxLength: 6,
+          ui: {
+            widget: 'custom',
+            size: 'large',
+            errors: { required: '请输入验证码！', maxLength: '验证码错误' }
+          }
+        }
+        // sc: {
+        //   title: '',
+        //   type: 'string',
+        //   ui: {
+        //     hidden: !!this.vcode,
+        //     placeholder: '请输入安全码',
+        //     prefixIcon: 'safety',
+        //     size: 'large',
+        //     errors: {
+        //       required: '请输入安全码'
+        //     }
+        //   } as SFStringWidgetSchema,
+        //   default: this.vcode
+        // }
+      },
+      required: ['phone', 'smsCode']
+    };
+    this.captchaUI = {
+      '*': { spanLabelFixed: 110, grid: { span: 24 } }
+    };
+  }
+
+  /**
+   * 获取验证码
+   */
+  getCaptcha(): void {
+    this.captchaSF.getProperty('/phone')?.updateValueAndValidity();
+    const result = this.validateSrv.validateMobile(this.captchaSF.value.phone);
+    // this.captchaSrv.sendSMSCaptchaByMobile();
+    if (result) {
+      this.captchaSrv.sendSMSCaptchaByMobile(this.captchaSF.value.phone).subscribe(res => {
+        console.log(res);
+
+        if (res.success && res.data.code === '1') {
+          this.captchaSrv.msgSrv.success('发送验证码成功');
+          this.createInterval();
+        }
+        // else if (res.status === 503609) {
+        //   this.dunHelper.popUp(this.captchaSF.value.phone).subscribe(_ => {
+        //     this.createInterval();
+        //     this.dunHelper.destory();
+        //   });
+        // }
+        else {
+          this.captchaSrv.msgSrv.warning(res.msg);
+        }
+      });
+    }
+  }
+
+  /**
+   * 登录
+   */
+  submit(): void {
+    if (this.type === 0) {
+      this.accountSF.validator({ emitError: true });
+      if (!this.accountSF.valid) {
+        return;
+      }
+      this.userSrv.loginByAccount(this.accountSF.value.username, this.accountSF.value.password);
+    } else {
+      this.captchaSF.validator({ emitError: true });
+      if (!this.captchaSF.valid) {
+        return;
+      }
+      this.userSrv.loginByMobile(this.captchaSF.value.phone, this.captchaSF.value.smsCode, this.captchaSF.value.sc);
+    }
+    // this.router.navigateByUrl('/');
+    /*  if (!this.accountSF.valid && !this.captchaSF.valid) {
+       return;
+     }
+
+     Object.prototype.hasOwnProperty.call(value, 'username')
+       ? this.userSrv.loginByAccount(value.username, value.password)
+       : this.userSrv.loginByCaptcha(value.phone, value.smsCode); */
+  }
+
+  switch(ret: any) {
+    this.type = ret.index;
+  }
+
+  ngOnDestroy(): void {}
+
+  changeInputType(a: any) {
+    console.log(a);
+  }
+
+  private createInterval() {
+    this.count = 59;
+    interval(1000)
+      .pipe(take(60))
+      .subscribe(x => {
+        this.count = 59 - (x + 1);
+        this.cdr.detectChanges();
+      });
+  }
+}
diff --git a/src/app/routes/passport/components/order-agreement/order-agreement.component.html b/src/app/routes/passport/components/order-agreement/order-agreement.component.html
new file mode 100644
index 00000000..a9106098
--- /dev/null
+++ b/src/app/routes/passport/components/order-agreement/order-agreement.component.html
@@ -0,0 +1,19 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-27 21:08:36
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-25 13:56:06
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\passport\\components\\order-agreement\\order-agreement.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<div class="page-box">
+  <div style="width: 90%; margin: 5rem auto">
+    <h1 class="mb-md mt-md">
+      {{ agreementContent?.agreementName }}
+    </h1>
+    <p class="md" *ngIf="agreementContent?.modifyTime">最新版本生效日期：{{ agreementContent?.modifyTime }}</p>
+    <div [innerHTML]="agreementContent?.agreementContent || agreementContent?.contractContent | safehtml"></div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/passport/components/order-agreement/order-agreement.component.less b/src/app/routes/passport/components/order-agreement/order-agreement.component.less
new file mode 100644
index 00000000..867915ea
--- /dev/null
+++ b/src/app/routes/passport/components/order-agreement/order-agreement.component.less
@@ -0,0 +1,12 @@
+@import '~@delon/theme/index';
+
+:host {
+  .page-box {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 50px;
+    background-color: #fff;
+  }
+}
diff --git a/src/app/routes/passport/components/order-agreement/order-agreement.component.ts b/src/app/routes/passport/components/order-agreement/order-agreement.component.ts
new file mode 100644
index 00000000..5fa44cad
--- /dev/null
+++ b/src/app/routes/passport/components/order-agreement/order-agreement.component.ts
@@ -0,0 +1,50 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-14 14:17:38
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-25 13:52:54
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\passport\\components\\order-agreement\\order-agreement.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Params } from '@angular/router';
+import { PassportService } from '../../services/passport.service';
+
+@Component({
+  selector: 'app-buyer-components-serve-order-agreement',
+  templateUrl: './order-agreement.component.html',
+  styleUrls: ['./order-agreement.component.less']
+})
+export class OrderAgreementComponent implements OnInit {
+  agreementContent: any;
+  type = 2;
+  data : any;
+  constructor(private ar: ActivatedRoute, private service: PassportService) {
+    ar.queryParams.subscribe((params: Params) => {
+      console.log(params);
+      
+      this.type = params?.type || 2;
+      this.data = JSON.parse(params?.data) || {};
+    });
+  }
+  ngOnInit() {
+    console.log(this.type);
+    if(this.type == 3) {
+      console.log(this.data);
+      
+      this.service.request(this.service.$api_get_getSupplementaryAgreement, { billId: this.data?.billId, billCode: this.data?.billCode }).subscribe(res => {
+        if (res) {
+          this.agreementContent = res;
+        }
+      });
+    } else {
+      this.service.request(this.service.$api_get_agreement, { type: this.type }).subscribe(res => {
+        if (res) {
+          this.agreementContent = res;
+        }
+      });
+    }
+  }
+}
diff --git a/src/app/routes/passport/components/retrieve-password/retrieve-password.component.html b/src/app/routes/passport/components/retrieve-password/retrieve-password.component.html
new file mode 100644
index 00000000..cd15accc
--- /dev/null
+++ b/src/app/routes/passport/components/retrieve-password/retrieve-password.component.html
@@ -0,0 +1,140 @@
+<div class="main">
+  <page-grid>
+    <nz-steps [nzCurrent]="step" nzLabelPlacement="vertical" class="step-title">
+      <nz-step nzTitle="安全验证"></nz-step>
+      <nz-step nzTitle="重设密码"></nz-step>
+      <nz-step nzTitle="完成"></nz-step>
+    </nz-steps>
+
+    <div class="steps-content">
+      <ng-container *ngIf="step === 0">
+        <div nz-row>
+          <div nz-col nzOffset="7" nzMd="9">
+            <form nz-form [formGroup]="formGroup1" class="myForm">
+              <nz-form-item>
+                <nz-form-label nzSpan="6" nzRequired nzFor="phone">手机号</nz-form-label>
+                <nz-form-control nzSpan="18" nzErrorTip="请输入正确的手机号">
+                  <input type="text" nz-input formControlName="phone" maxlength="11" nzSize="large"
+                    placeholder="请输入手机号" />
+                </nz-form-control>
+              </nz-form-item>
+              <nz-form-item>
+                <nz-form-label nzSpan="6" nzRequired nzFor="smsVerifyCode">验证码</nz-form-label>
+                <nz-form-control nzSpan="18" nzErrorTip="请输入6位验证码">
+                  <nz-input-group [nzSuffix]="suffixTemplateInfo" nzSize="large">
+                    <input type="text" nz-input formControlName="smsVerifyCode" maxlength="6" placeholder="请输入验证码" />
+                  </nz-input-group>
+                </nz-form-control>
+              </nz-form-item>
+              <nz-form-item>
+                <nz-form-control nzSpan="6" nzOffset="6">
+                  <button class="btn-submit" [disabled]="!formGroup1.valid" [nzLoading]="service.http.loading" nz-button
+                    nzBlock="true" nzType="primary" (click)="formSubmit()">
+                    下一步
+                  </button>
+                </nz-form-control>
+              </nz-form-item>
+            </form>
+          </div>
+        </div>
+      </ng-container>
+
+      <ng-container *ngIf="step === 1">
+        <div nz-row>
+          <div nz-col nzOffset="7" nzMd="17">
+            <form nz-form [formGroup]="formGroup2" class="myForm">
+              <nz-form-item>
+                <nz-form-label nzSpan="4" nzRequired nzFor="passWord">设置新密码</nz-form-label>
+                <nz-form-control nzSpan="8" nzErrorTip="请输入新密码">
+                  <nz-input-group [nzSuffix]="passWordType" nzSize="large">
+                    <input nz-input [type]="isPassWordHide?'password':'text'" formControlName="passWord"
+                      (ngModelChange)="validateConfirmPassword()" placeholder="请输入新密码" />
+                  </nz-input-group>
+                  <ng-template #passWordType>
+                    <i nz-icon [nzType]="isPassWordHide?'eye-invisible':'eye'" (click)="isPassWordHide=!isPassWordHide"
+                      nzTheme="outline" style="color: #bdb7b7;font-size: 18px;cursor: pointer;"></i>
+                  </ng-template>
+                </nz-form-control>
+                <div class="input-tootip">
+                  <div *ngIf="formGroup2?.value?.passWord;else NodataTemplate">
+                    <i *ngIf="formGroup2?.controls?.passWord?.errors" nz-icon nzType="close-circle" nzTheme="fill"
+                      class="valid-icon"></i>
+                    <i *ngIf="!formGroup2?.controls?.passWord?.errors" nz-icon nzType="check-circle" nzTheme="fill"
+                      class="invalid-icon"></i>
+                  </div>
+                  <label class="tootip-label"> 8-16个字符，支持字母、数字、符号“_”和“-”，必须包含字母和数字</label>
+                </div>
+              </nz-form-item>
+              <nz-form-item>
+                <nz-form-label nzSpan="4" nzRequired nzFor="passWordTo">重复新密码</nz-form-label>
+                <nz-form-control nzSpan="8" nzDisableAutoTips  nzErrorTip="请输入新密码">
+                  <nz-input-group [nzSuffix]="confirmPassWordType" nzSize="large">
+                    <input nz-input [type]="isConfirmPassWordHide?'password':'text'" formControlName="passWordTo"
+                      placeholder="再次输入密码" />
+                  </nz-input-group>
+                  <ng-template #confirmPassWordType>
+                    <i nz-icon [nzType]="isConfirmPassWordHide?'eye-invisible':'eye'"
+                      (click)="isConfirmPassWordHide=!isConfirmPassWordHide" nzTheme="outline"
+                      style="color: #bdb7b7;font-size: 18px;cursor: pointer;"></i>
+                    <!-- <ng-container *ngIf="control.hasError('required')"> 请输入确认密码! </ng-container>
+                    <ng-container *ngIf="control.hasError('passWordTo')"> 两次输入的密码不一致! </ng-container> -->
+                  </ng-template>
+                </nz-form-control>
+                <div class="input-tootip">
+                  <div *ngIf="formGroup2?.value?.passWordTo;else NodataTemplate">
+                    <i *ngIf="formGroup2?.controls?.passWordTo?.errors" nz-icon nzType="close-circle" nzTheme="fill"
+                      class="valid-icon"></i>
+                    <i *ngIf="!formGroup2?.controls?.passWordTo?.errors" nz-icon nzType="check-circle" nzTheme="fill"
+                      class="invalid-icon"></i>
+                  </div>
+                  <label class="tootip-label">设置新密码与重复新密码保持一致</label>
+                </div>
+              </nz-form-item>
+              <nz-form-item>
+                <nz-form-control nzSpan="6" nzOffset="6">
+                  <button [disabled]="!formGroup2.valid" [nzLoading]="service.http.loading" nz-button nzBlock="true"
+                    nzType="primary" (click)="formSubmit()">
+                    确认
+                  </button>
+                </nz-form-control>
+              </nz-form-item>
+            </form>
+          </div>
+        </div>
+      </ng-container>
+
+      <ng-container *ngIf="step === 2">
+        <result [type]="result ? 'success' : 'error'" [title]="title" [description]="subTitle"
+          style="margin-top: 3rem;margin-bottom: 5rem;">
+          <ng-template #title>
+            <div class="title" style="font-size: 24px">
+              <!-- {{ 'app.register-result.msg' | translate: params }} -->
+              <span *ngIf="result">密码设置成功！</span>
+              <span *ngIf="!result">密码设置失败！</span>
+            </div>
+          </ng-template>
+          <ng-template #subTitle>
+            <div style="font-size: 14px">请牢记您的新密码，3秒后自动跳转至登录页...</div>
+          </ng-template>
+
+          <button routerLink="/passport/login" nz-button nzType="primary">
+            <!-- {{ 'app.register-result.back-home' | translate }} -->
+            立即登录
+          </button>
+          <!-- <button routerLink="/" nz-button nzSize="large">
+            {{ 'app.register-result.back-home' | translate }}
+          </button> -->
+        </result>
+      </ng-container>
+    </div>
+  </page-grid>
+</div>
+
+<ng-template #suffixTemplateInfo>
+  <ng-container *ngIf="count < 1; else intervalTemplate">
+    <span class="msg-btn" style="color: #3370ff; cursor: pointer" (click)="getCaptcha()">获取验证码</span>
+  </ng-container>
+  <ng-template #intervalTemplate> 请等待{{ count }}s </ng-template>
+</ng-template>
+
+<ng-template #NodataTemplate><label class="dot">●</label></ng-template>
\ No newline at end of file
diff --git a/src/app/routes/passport/components/retrieve-password/retrieve-password.component.less b/src/app/routes/passport/components/retrieve-password/retrieve-password.component.less
new file mode 100644
index 00000000..1922612a
--- /dev/null
+++ b/src/app/routes/passport/components/retrieve-password/retrieve-password.component.less
@@ -0,0 +1,85 @@
+:host {
+  ::ng-deep {
+    .ant-steps {
+      width : 500px;
+      margin: 0 auto;
+    }
+
+    .ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail::after {
+      background-color: #999494;
+    }
+
+    .ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-tail::after {
+      background-color: #999494;
+    }
+
+    .ant-spin-container {
+      background-color: #f8f8f8;
+    }
+
+    .ant-form-item-label>label {
+      height: 40px;
+    }
+
+  }
+
+  .main {
+    max-width: 1200px;
+    margin   : 0 auto;
+    overflow : hidden;
+  }
+
+  page-grid {
+    width           : 100%;
+    height          : 100%;
+    margin          : 100px auto;
+    background-color: #fff;
+
+    .myForm {
+      margin-top   : 3rem;
+      margin-bottom: 5rem;
+    }
+
+    .steps-content {
+      min-height      : 250px;
+      margin-top      : 16px;
+      background-color: #fff;
+      border          : 1px dashed #e9e9e9;
+      border-radius   : 6px;
+      // text-align: center;
+    }
+
+    .steps-action {
+      margin-top: 24px;
+    }
+
+    button {
+      margin-right: 8px;
+    }
+  }
+}
+
+.input-tootip {
+  display     : flex;
+  align-items : center;
+  width       : 250px;
+  padding-left: 20px;
+
+  .dot {
+    color    : #bdb8b8;
+    font-size: 21px;
+  }
+
+  .valid-icon {
+    color: rgb(217 0 27);
+  }
+
+  .invalid-icon {
+    color: rgb(82 196 26);
+  }
+
+  .tootip-label {
+    margin-left: 8px;
+    font-size  : 12px;
+  }
+}
\ No newline at end of file
diff --git a/src/app/routes/passport/components/retrieve-password/retrieve-password.component.ts b/src/app/routes/passport/components/retrieve-password/retrieve-password.component.ts
new file mode 100644
index 00000000..df0184b0
--- /dev/null
+++ b/src/app/routes/passport/components/retrieve-password/retrieve-password.component.ts
@@ -0,0 +1,187 @@
+import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core';
+import { FormBuilder, FormGroup, ValidatorFn, Validators } from '@angular/forms';
+import { Router } from '@angular/router';
+import { interval } from 'rxjs';
+import { take } from 'rxjs/operators';
+import { EAUserService } from 'src/app/shared/services/business/user.service';
+
+@Component({
+  selector: 'app-routes-password-retrieve-password',
+  templateUrl: './retrieve-password.component.html',
+  styleUrls: ['./retrieve-password.component.less']
+})
+export class UserRetrievePasswordComponent implements OnInit, AfterViewInit {
+  step = 0;
+  count = 0;
+  formGroup1!: FormGroup;
+  formGroup2!: FormGroup;
+  confirmPasswordValidator!: ValidatorFn;
+  result = true;
+
+  isPassWordHide = true;
+  isConfirmPassWordHide = true;
+
+  constructor(private fb: FormBuilder, public service: EAUserService, private router: Router, private cdr: ChangeDetectorRef) {}
+
+  ngAfterViewInit(): void {}
+
+  ngOnInit() {
+    this.initForm();
+  }
+
+  initForm() {
+    this.confirmPasswordValidator = control => {
+      if (!control.value) {
+        return { error: true, required: true };
+      } else if (control.value !== this.formGroup2.controls.passWord.value) {
+        return { passWordTo: true, error: true };
+      }
+      return {};
+    };
+
+    this.formGroup1 = this.fb.group({
+      phone: [null, [Validators.required]],
+      smsVerifyCode: [null, [Validators.required]],
+      voucher: [null, [Validators.required]]
+    });
+
+    this.formGroup2 = this.fb.group({
+      passWord: [
+        null,
+        [
+          Validators.required,
+          Validators.maxLength(16),
+          Validators.minLength(8),
+          Validators.pattern('^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z-_]{8,16}$')
+        ]
+      ],
+      passWordTo: [null, [this.confirmPasswordValidator, Validators.maxLength(16), Validators.minLength(8)]],
+      voucher: [null, [Validators.required]],
+      phone: [null, [Validators.required]]
+    });
+  }
+
+  formSubmit() {
+    switch (this.step) {
+      case 0:
+        this.submitForm1();
+        break;
+      case 1:
+        this.submitForm2();
+        break;
+    }
+  }
+
+  submitForm1() {
+    for (const i in this.formGroup1.controls) {
+      if (this.formGroup1.controls[i]) {
+        this.formGroup1.controls[i].markAsDirty();
+        this.formGroup1.controls[i].updateValueAndValidity();
+      }
+    }
+    if (this.formGroup1.value.smsVerifyCode.length !== 6) {
+      this.service.msgSrv.error('请输入6位验证码');
+      return;
+    }
+    if (this.formGroup1.valid) {
+      const param = Object.assign({}, this.formGroup1.value);
+      this.service.http.post(this.service.$forgetPasswordVerifyIdentity, param).subscribe((res: any) => {
+        // console.log(res, 'submitForm1');
+        if (res.success === true) {
+          this.formGroup2.patchValue(
+            {
+              voucher: res.data.voucher,
+              phone: this.formGroup1.value.phone
+            },
+            { onlySelf: true }
+          );
+          this.step = 1;
+          // clearInterval(this.interval$);
+        } else {
+          this.service.msgSrv.warning(res?.msg || '操作超时，请重新开始找回密码的流程！');
+          // this.refreshPage();
+        }
+      });
+    }
+  }
+
+  submitForm2() {
+    for (const i in this.formGroup2.controls) {
+      if (this.formGroup2.controls[i]) {
+        this.formGroup2.controls[i].markAsDirty();
+        this.formGroup2.controls[i].updateValueAndValidity();
+      }
+    }
+
+    if (this.formGroup2.valid) {
+      this.service.http
+        .post(this.service.$voucherUpdatePassword, this.formGroup2.value)
+        .subscribe((res: { success: any; data: boolean; msg: any }) => {
+          if (res.success && res.data === true) {
+            this.result = true;
+            this.step = 2;
+            setTimeout(() => {
+              //this.service.logout();
+              this.router.navigateByUrl('/passport/login');
+            }, 3000);
+          } else {
+            this.result = false;
+            this.service.msgSrv.warning(res.msg || '密码修改失败！');
+          }
+        });
+    }
+  }
+
+  getCaptcha() {
+    for (const i in this.formGroup1.controls) {
+      if (true) {
+        this.formGroup1.controls[i].markAsDirty();
+        this.formGroup1.controls[i].updateValueAndValidity();
+      }
+    }
+    if (this.formGroup1.value.phone.length !== 11) {
+      this.service.msgSrv.error('请输入11位手机号');
+      return;
+    }
+    if (this.formGroup1.value.phone) {
+      this.service.http
+        .post(`${this.service.$getAccountSMVerificationCode}`, null, { phoneNumber: this.formGroup1.value.phone })
+        .subscribe((res: any) => {
+          // console.log(res, 'res');
+          if (res.success) {
+            this.formGroup1.patchValue(
+              {
+                voucher: res?.data?.voucher
+              },
+              { onlySelf: true }
+            );
+            if (res?.data?.code === '1') {
+              this.codeCountDown();
+              this.service.msgSrv.success('验证码已发送到该账号绑定的手机号！');
+            } else if (res?.data?.code === '503046') {
+              // this.dun.popUp();
+            } else {
+              this.service.msgSrv.error('获取验证码失败!');
+            }
+          } else {
+            this.service.msgSrv.error(res.msg);
+          }
+        });
+    }
+  }
+
+  /* code倒计时 */
+  codeCountDown() {
+    this.count = 59;
+    interval(1000)
+      .pipe(take(60))
+      .subscribe(x => {
+        this.count = 59 - (x + 1);
+        this.cdr.detectChanges();
+      });
+  }
+
+  validateConfirmPassword(): void {
+    setTimeout(() => this.formGroup2.controls.passWordTo.updateValueAndValidity());
+  }
+}
diff --git a/src/app/routes/passport/lock/lock.component.html b/src/app/routes/passport/lock/lock.component.html
deleted file mode 100644
index 7f56ecdd..00000000
--- a/src/app/routes/passport/lock/lock.component.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<div class="ant-card width-lg" style="margin: 0 auto">
-  <div class="ant-card-body">
-    <div class="avatar">
-      <nz-avatar [nzSrc]="user.avatar" nzIcon="user" nzSize="large"></nz-avatar>
-    </div>
-    <form nz-form [formGroup]="f" (ngSubmit)="submit()" role="form" class="mt-md">
-      <nz-form-item>
-        <nz-form-control nzErrorTip="请输入密码！">
-          <nz-input-group nzSuffixIcon="lock">
-            <input type="password" nz-input formControlName="password" />
-          </nz-input-group>
-        </nz-form-control>
-      </nz-form-item>
-      <nz-row nzType="flex" nzAlign="middle">
-        <nz-col [nzOffset]="12" [nzSpan]="12" style="text-align: right">
-          <button nz-button [disabled]="!f.valid" nzType="primary">锁屏</button>
-        </nz-col>
-      </nz-row>
-    </form>
-  </div>
-</div>
\ No newline at end of file
diff --git a/src/app/routes/passport/lock/lock.component.less b/src/app/routes/passport/lock/lock.component.less
deleted file mode 100644
index 80251d7a..00000000
--- a/src/app/routes/passport/lock/lock.component.less
+++ /dev/null
@@ -1,12 +0,0 @@
-:host ::ng-deep {
-  .ant-card-body {
-    position: relative;
-    margin-top: 80px;
-  }
-  .avatar {
-    position: absolute;
-    top: -20px;
-    left: 50%;
-    margin-left: -20px;
-  }
-}
diff --git a/src/app/routes/passport/lock/lock.component.ts b/src/app/routes/passport/lock/lock.component.ts
deleted file mode 100644
index aac5496b..00000000
--- a/src/app/routes/passport/lock/lock.component.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { Component, Inject } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { Router } from '@angular/router';
-import { DA_SERVICE_TOKEN, ITokenService } from '@delon/auth';
-import { SettingsService, User } from '@delon/theme';
-
-@Component({
-  selector: 'passport-lock',
-  templateUrl: './lock.component.html',
-  styleUrls: ['./lock.component.less']
-})
-export class UserLockComponent {
-  f: FormGroup;
-
-  get user(): User {
-    return this.settings.user;
-  }
-
-  constructor(
-    fb: FormBuilder,
-    @Inject(DA_SERVICE_TOKEN) private tokenService: ITokenService,
-    private settings: SettingsService,
-    private router: Router
-  ) {
-    this.f = fb.group({
-      password: [null, Validators.required]
-    });
-  }
-
-  submit(): void {
-    for (const i in this.f.controls) {
-      this.f.controls[i].markAsDirty();
-      this.f.controls[i].updateValueAndValidity();
-    }
-    if (this.f.valid) {
-      console.log('Valid!');
-      console.log(this.f.value);
-      this.tokenService.set({
-        token: '123'
-      });
-      this.router.navigate(['dashboard']);
-    }
-  }
-}
diff --git a/src/app/routes/passport/login/login.component.html b/src/app/routes/passport/login/login.component.html
deleted file mode 100644
index 924ddc48..00000000
--- a/src/app/routes/passport/login/login.component.html
+++ /dev/null
@@ -1,77 +0,0 @@
-<form nz-form [formGroup]="form" (ngSubmit)="submit()" role="form">
-  <nz-tabset [nzAnimated]="false" class="tabs" (nzSelectChange)="switch($event)">
-    <nz-tab nzTitle="账户密码登录">
-      <nz-alert *ngIf="error" [nzType]="'error'" [nzMessage]="error" [nzShowIcon]="true" class="mb-lg"></nz-alert>
-      <nz-form-item>
-        <nz-form-control nzErrorTip="Please enter mobile number, muse be: admin or user">
-          <nz-input-group nzSize="large" nzPrefixIcon="user">
-            <input nz-input formControlName="userName" placeholder="username: admin or user" />
-          </nz-input-group>
-        </nz-form-control>
-      </nz-form-item>
-      <nz-form-item>
-        <nz-form-control nzErrorTip="Please enter password, muse be: ">
-          <nz-input-group nzSize="large" nzPrefixIcon="lock">
-            <input nz-input type="password" formControlName="password" placeholder="password: 随便" />
-          </nz-input-group>
-        </nz-form-control>
-      </nz-form-item>
-    </nz-tab>
-    <nz-tab nzTitle="手机号登录">
-      <nz-form-item>
-        <nz-form-control [nzErrorTip]="mobileErrorTip">
-          <nz-input-group nzSize="large" nzPrefixIcon="user">
-            <input nz-input formControlName="mobile" placeholder="mobile number" />
-          </nz-input-group>
-          <ng-template #mobileErrorTip let-i>
-            <ng-container *ngIf="i.errors.required">
-              请输入手机号！
-            </ng-container>
-            <ng-container *ngIf="i.errors.pattern">
-              手机号格式错误！
-            </ng-container>
-          </ng-template>
-        </nz-form-control>
-      </nz-form-item>
-      <nz-form-item>
-        <nz-form-control nzErrorTip="请输入验证码！">
-          <nz-row [nzGutter]="8">
-            <nz-col [nzSpan]="16">
-              <nz-input-group nzSize="large" nzPrefixIcon="mail">
-                <input nz-input formControlName="captcha" placeholder="captcha" />
-              </nz-input-group>
-            </nz-col>
-            <nz-col [nzSpan]="8">
-              <button type="button" nz-button nzSize="large" (click)="getCaptcha()" [disabled]="count >= 0" nzBlock
-                [nzLoading]="loading">
-                {{ count ? count + 's' : '获取验证码' }}
-              </button>
-            </nz-col>
-          </nz-row>
-        </nz-form-control>
-      </nz-form-item>
-    </nz-tab>
-  </nz-tabset>
-  <nz-form-item>
-    <nz-col [nzSpan]="12">
-      <label nz-checkbox formControlName="remember">自动登录</label>
-    </nz-col>
-    <nz-col [nzSpan]="12" class="text-right">
-      <a class="forgot" routerLink="/passport/register">忘记密码</a>
-    </nz-col>
-  </nz-form-item>
-  <nz-form-item>
-    <button nz-button type="submit" nzType="primary" nzSize="large" [nzLoading]="loading" nzBlock>
-      登录
-    </button>
-  </nz-form-item>
-</form>
-<div class="other">
-  其他登录方式
-  <i nz-tooltip nzTooltipTitle="in fact Auth0 via window" (click)="open('auth0', 'window')" nz-icon
-    nzType="alipay-circle" class="icon"></i>
-  <i nz-tooltip nzTooltipTitle="in fact Github via redirect" (click)="open('github')" nz-icon nzType="taobao-circle"
-    class="icon"></i>
-  <i (click)="open('weibo', 'window')" nz-icon nzType="weibo-circle" class="icon"></i>
-  <a class="register" routerLink="/passport/register">注册账户</a>
-</div>
\ No newline at end of file
diff --git a/src/app/routes/passport/login/login.component.less b/src/app/routes/passport/login/login.component.less
deleted file mode 100644
index eb8287b9..00000000
--- a/src/app/routes/passport/login/login.component.less
+++ /dev/null
@@ -1,53 +0,0 @@
-@import '~@delon/theme/index';
-:host {
-  display: block;
-  width: 368px;
-  margin: 0 auto;
-  ::ng-deep {
-    .ant-tabs .ant-tabs-bar {
-      margin-bottom: 24px;
-      text-align: center;
-      border-bottom: 0;
-    }
-    .ant-tabs-tab {
-      font-size: 16px;
-      line-height: 24px;
-    }
-    .ant-input-affix-wrapper .ant-input:not(:first-child) {
-      padding-left: 4px;
-    }
-    .icon {
-      margin-left: 16px;
-      color: rgba(0, 0, 0, 0.2);
-      font-size: 24px;
-      vertical-align: middle;
-      cursor: pointer;
-      transition: color 0.3s;
-      &:hover {
-        color: @primary-color;
-      }
-    }
-    .other {
-      margin-top: 24px;
-      line-height: 22px;
-      text-align: left;
-      nz-tooltip {
-        vertical-align: middle;
-      }
-      .register {
-        float: right;
-      }
-    }
-  }
-}
-
-[data-theme='dark'] {
-  :host ::ng-deep {
-    .icon {
-      color: rgba(255, 255, 255, 0.2);
-      &:hover {
-        color: #fff;
-      }
-    }
-  }
-}
diff --git a/src/app/routes/passport/login/login.component.ts b/src/app/routes/passport/login/login.component.ts
deleted file mode 100644
index 99300009..00000000
--- a/src/app/routes/passport/login/login.component.ts
+++ /dev/null
@@ -1,213 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject, OnDestroy, Optional } from '@angular/core';
-import { AbstractControl, FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { Router } from '@angular/router';
-import { StartupService } from '@core';
-import { ReuseTabService } from '@delon/abc/reuse-tab';
-import { DA_SERVICE_TOKEN, ITokenService, SocialOpenType, SocialService } from '@delon/auth';
-import { SettingsService, _HttpClient } from '@delon/theme';
-import { environment } from '@env/environment';
-import { NzTabChangeEvent } from 'ng-zorro-antd/tabs';
-import { finalize } from 'rxjs/operators';
-
-@Component({
-  selector: 'passport-login',
-  templateUrl: './login.component.html',
-  styleUrls: ['./login.component.less'],
-  providers: [SocialService],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class UserLoginComponent implements OnDestroy {
-  constructor(
-    fb: FormBuilder,
-    private router: Router,
-    private settingsService: SettingsService,
-    private socialService: SocialService,
-    @Optional()
-    @Inject(ReuseTabService)
-    private reuseTabService: ReuseTabService,
-    @Inject(DA_SERVICE_TOKEN) private tokenService: ITokenService,
-    private startupSrv: StartupService,
-    private http: _HttpClient,
-    private cdr: ChangeDetectorRef
-  ) {
-    this.form = fb.group({
-      userName: [null, [Validators.required]],
-      password: [null, [Validators.required]],
-      mobile: [null, [Validators.required, Validators.pattern(/^1\d{10}$/)]],
-      captcha: [null, [Validators.required]],
-      remember: [true]
-    });
-  }
-
-  // #region fields
-
-  get userName(): AbstractControl {
-    return this.form.controls.userName;
-  }
-  get password(): AbstractControl {
-    return this.form.controls.password;
-  }
-  get mobile(): AbstractControl {
-    return this.form.controls.mobile;
-  }
-  get captcha(): AbstractControl {
-    return this.form.controls.captcha;
-  }
-  form: FormGroup;
-  error = '';
-  type = 0;
-  loading = false;
-
-  // #region get captcha
-
-  count = 0;
-  interval$: any;
-
-  // #endregion
-
-  switch({ index }: NzTabChangeEvent): void {
-    this.type = index!;
-  }
-
-  getCaptcha(): void {
-    if (this.mobile.invalid) {
-      this.mobile.markAsDirty({ onlySelf: true });
-      this.mobile.updateValueAndValidity({ onlySelf: true });
-      return;
-    }
-    this.count = 59;
-    this.interval$ = setInterval(() => {
-      this.count -= 1;
-      if (this.count <= 0) {
-        clearInterval(this.interval$);
-      }
-    }, 1000);
-  }
-
-  // #endregion
-
-  submit(): void {
-    this.error = '';
-    if (this.type === 0) {
-      this.userName.markAsDirty();
-      this.userName.updateValueAndValidity();
-      this.password.markAsDirty();
-      this.password.updateValueAndValidity();
-      if (this.userName.invalid || this.password.invalid) {
-        return;
-      }
-    } else {
-      this.mobile.markAsDirty();
-      this.mobile.updateValueAndValidity();
-      this.captcha.markAsDirty();
-      this.captcha.updateValueAndValidity();
-      if (this.mobile.invalid || this.captcha.invalid) {
-        return;
-      }
-    }
-
-    // 默认配置中对所有HTTP请求都会强制 [校验](https://ng-alain.com/auth/getting-started) 用户 Token
-    // 然一般来说登录请求不需要校验，因此可以在请求URL加上：`/login?_allow_anonymous=true` 表示不触发用户 Token 校验
-    this.loading = true;
-    this.cdr.detectChanges();
-    this.befaultLogin();
-    return;
-    this.http
-      .post('/login/account?_allow_anonymous=true', {
-        type: this.type,
-        userName: this.userName.value,
-        password: this.password.value
-      })
-      .pipe(
-        finalize(() => {
-          this.loading = true;
-          this.cdr.detectChanges();
-        })
-      )
-      .subscribe(res => {
-        if (res.msg !== 'ok') {
-          this.error = res.msg;
-          this.cdr.detectChanges();
-          return;
-        }
-        // 清空路由复用信息
-        this.reuseTabService.clear();
-        // 设置用户Token信息
-        // TODO: Mock expired value
-        res.user.expired = +new Date() + 1000 * 60 * 5;
-        this.tokenService.set(res.user);
-        // 重新获取 StartupService 内容，我们始终认为应用信息一般都会受当前用户授权范围而影响
-        this.startupSrv.load().then(() => {
-          let url = this.tokenService.referrer!.url || '/';
-          if (url.includes('/passport')) {
-            url = '/';
-          }
-          this.router.navigateByUrl(url);
-        });
-      });
-  }
-
-  befaultLogin() {
-    // 清空路由复用信息
-    this.reuseTabService.clear();
-    // 设置用户Token信息
-    // TODO: Mock expired value
-    // 重新获取 StartupService 内容，我们始终认为应用信息一般都会受当前用户授权范围而影响
-    this.startupSrv.load().then(() => {
-      let url = this.tokenService.referrer!.url || '/';
-      if (url.includes('/passport')) {
-        url = '/';
-      }
-      this.router.navigateByUrl(url);
-    });
-  }
-
-  // #region social
-
-  open(type: string, openType: SocialOpenType = 'href'): void {
-    let url = ``;
-    let callback = ``;
-    if (environment.production) {
-      callback = `https://ng-alain.github.io/ng-alain/#/passport/callback/${type}`;
-    } else {
-      callback = `http://localhost:4200/#/passport/callback/${type}`;
-    }
-    switch (type) {
-      case 'auth0':
-        url = `//cipchk.auth0.com/login?client=8gcNydIDzGBYxzqV0Vm1CX_RXH-wsWo5&redirect_uri=${decodeURIComponent(callback)}`;
-        break;
-      case 'github':
-        url = `//github.com/login/oauth/authorize?client_id=9d6baae4b04a23fcafa2&response_type=code&redirect_uri=${decodeURIComponent(
-          callback
-        )}`;
-        break;
-      case 'weibo':
-        url = `https://api.weibo.com/oauth2/authorize?client_id=1239507802&response_type=code&redirect_uri=${decodeURIComponent(callback)}`;
-        break;
-    }
-    if (openType === 'window') {
-      this.socialService
-        .login(url, '/', {
-          type: 'window'
-        })
-        .subscribe(res => {
-          if (res) {
-            this.settingsService.setUser(res);
-            this.router.navigateByUrl('/');
-          }
-        });
-    } else {
-      this.socialService.login(url, '/', {
-        type: 'href'
-      });
-    }
-  }
-
-  // #endregion
-
-  ngOnDestroy(): void {
-    if (this.interval$) {
-      clearInterval(this.interval$);
-    }
-  }
-}
diff --git a/src/app/routes/passport/login2/login2.component.html b/src/app/routes/passport/login2/login2.component.html
deleted file mode 100644
index b07a7154..00000000
--- a/src/app/routes/passport/login2/login2.component.html
+++ /dev/null
@@ -1,56 +0,0 @@
-<!-- <pro-langs class="pro-passport__langs"></pro-langs> -->
-<div class="ant-col-lg-16 pro-passport__bg" style="background-image: url('./assets/tmp/img-big/bg-1.jpeg')">
-  <div class="pro-passport__bg-overlay"></div>
-  <div class="text">
-    <h1>Work with us</h1>
-    <p>Our researchers are embedded in teams across computer science, to discover, invent, and build at the largest
-      scale.</p>
-  </div>
-</div>
-<div class="ant-col-lg-8 pro-passport__form">
-  <div class="pro-passport__form-logo"><img src="./assets/logo-color.svg" /></div>
-  <h3 class="pro-passport__form-title">注册</h3>
-  <form nz-form #f="ngForm" nzLayout="vertical" [formGroup]="form" (ngSubmit)="submit()" role="form" se-container>
-    <nz-alert *ngIf="error" [nzType]="'error'" [nzMessage]="error" [nzShowIcon]="true" class="mb-lg"></nz-alert>
-    <se label="手机号" required error="手机号格式错误！">
-      <nz-input-group nzSize="large" [nzAddOnBefore]="addOnBeforeTemplate">
-        <ng-template #addOnBeforeTemplate>
-          <nz-select formControlName="mobilePrefix" style="width: 80px">
-            <nz-option [nzLabel]="'+86'" [nzValue]="'+86'"></nz-option>
-            <nz-option [nzLabel]="'+87'" [nzValue]="'+87'"></nz-option>
-          </nz-select>
-        </ng-template>
-        <input formControlName="mobile" nz-input type="tel" placeholder="Phone number" />
-      </nz-input-group>
-    </se>
-    <se label="请输入验证码！" required error="请输入验证码！">
-      <nz-row [nzGutter]="8">
-        <nz-col [nzSpan]="12">
-          <nz-input-group nzSize="large" nzAddonBeforeIcon="anticon anticon-mail">
-            <input nz-input formControlName="captcha" type="tel" placeholder="Captcha" />
-          </nz-input-group>
-        </nz-col>
-        <nz-col [nzSpan]="12">
-          <button type="button" nz-button nzSize="large" (click)="getCaptcha()" [disabled]="count > 0" nzBlock
-            [nzLoading]="http.loading">
-            {{ count ? count + 's' :'获取验证码' }}
-          </button>
-        </nz-col>
-      </nz-row>
-    </se>
-    <se label="密码" required error="请输入密码！">
-      <input nz-input type="password" nzSize="large" formControlName="password" placeholder="Password" />
-    </se>
-    <se>
-      <div class="flex-center-between">
-        <button nz-button nzType="primary" nzSize="large" type="submit" [disabled]="f.invalid"
-          [nzLoading]="http.loading">
-          注册
-        </button>
-        <a routerLink="/passport/login">
-          使用已有账户登录
-        </a>
-      </div>
-    </se>
-  </form>
-</div>
\ No newline at end of file
diff --git a/src/app/routes/passport/login2/login2.component.less b/src/app/routes/passport/login2/login2.component.less
deleted file mode 100644
index cc23d678..00000000
--- a/src/app/routes/passport/login2/login2.component.less
+++ /dev/null
@@ -1,28 +0,0 @@
-@import '~@delon/theme/index';
-
-:host ::ng-deep {
-  .pro-passport__bg {
-    position: relative;
-    display: flex;
-    align-items: center;
-    padding: 48px;
-    @media (max-width: @screen-md-max) {
-      display: none !important;
-    }
-    .text {
-      position: relative;
-      padding: 0 64px;
-      color: #fff;
-      h1 {
-        margin-bottom: 24px;
-        color: #fff;
-        font-weight: 900;
-        font-size: 56px;
-      }
-      p {
-        font-size: 22px;
-        line-height: 32px;
-      }
-    }
-  }
-}
diff --git a/src/app/routes/passport/login2/login2.component.ts b/src/app/routes/passport/login2/login2.component.ts
deleted file mode 100644
index 06b0d178..00000000
--- a/src/app/routes/passport/login2/login2.component.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { Component, OnDestroy } from '@angular/core';
-import { AbstractControl, FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { Router } from '@angular/router';
-import { _HttpClient } from '@delon/theme';
-import { NzMessageService } from 'ng-zorro-antd/message';
-
-@Component({
-  selector: 'passport-login2',
-  templateUrl: './login2.component.html',
-  styleUrls: ['./login2.component.less'],
-  host: {
-    '[class.ant-row]': 'true',
-    '[class.pro-passport]': 'true'
-  }
-})
-export class UserLogin2Component implements OnDestroy {
-  form: FormGroup;
-  error = '';
-
-  constructor(fb: FormBuilder, private router: Router, private msg: NzMessageService, public http: _HttpClient) {
-    this.form = fb.group({
-      mobilePrefix: ['+86'],
-      mobile: [null, [Validators.required, Validators.pattern(/^1\d{10}$/)]],
-      captcha: [null, [Validators.required]],
-      password: [null, [Validators.required, Validators.minLength(6)]]
-    });
-  }
-
-  // #region fields
-
-  get password(): AbstractControl {
-    return this.form.controls.password;
-  }
-  get mobile(): AbstractControl {
-    return this.form.controls.mobile;
-  }
-  get captcha(): AbstractControl {
-    return this.form.controls.captcha;
-  }
-
-  // #endregion
-
-  // #region get captcha
-
-  count = 0;
-  interval$: any;
-
-  getCaptcha(): void {
-    if (this.mobile.invalid) {
-      this.mobile.markAsDirty({ onlySelf: true });
-      this.mobile.updateValueAndValidity({ onlySelf: true });
-      return;
-    }
-    this.count = 59;
-    this.interval$ = setInterval(() => {
-      this.count -= 1;
-      if (this.count <= 0) {
-        clearInterval(this.interval$);
-      }
-    }, 1000);
-  }
-
-  // #endregion
-
-  submit(): void {
-    this.error = '';
-    const data = this.form.value;
-    this.http.post('/register', data).subscribe(() => {
-      this.router.navigate(['passport', 'register-result'], { queryParams: { email: data.mail } });
-    });
-  }
-
-  ngOnDestroy(): void {
-    if (this.interval$) {
-      clearInterval(this.interval$);
-    }
-  }
-}
diff --git a/src/app/routes/passport/login3/login3.component.html b/src/app/routes/passport/login3/login3.component.html
deleted file mode 100644
index 3ec68a6e..00000000
--- a/src/app/routes/passport/login3/login3.component.html
+++ /dev/null
@@ -1,51 +0,0 @@
-<!-- <pro-langs class="pro-passport__langs"></pro-langs> -->
-<div class="pro-passport__bg width-100" style="background-image: url('./assets/tmp/img-big/bg-2.jpeg')">
-  <div class="pro-passport__bg-overlay"></div>
-  <div class="pro-passport__form">
-    <div class="pro-passport__form-logo"><img src="./assets/logo-color.svg" /></div>
-    <h3 class="pro-passport__form-title">注册</h3>
-    <form nz-form #f="ngForm" nzLayout="vertical" [formGroup]="form" (ngSubmit)="submit()" role="form" se-container>
-      <nz-alert *ngIf="error" [nzType]="'error'" [nzMessage]="error" [nzShowIcon]="true" class="mb-lg"></nz-alert>
-      <se label="手机号" required error="手机号格式错误！">
-        <nz-input-group nzSize="large" [nzAddOnBefore]="addOnBeforeTemplate">
-          <ng-template #addOnBeforeTemplate>
-            <nz-select formControlName="mobilePrefix" style="width: 80px">
-              <nz-option [nzLabel]="'+86'" [nzValue]="'+86'"></nz-option>
-              <nz-option [nzLabel]="'+87'" [nzValue]="'+87'"></nz-option>
-            </nz-select>
-          </ng-template>
-          <input formControlName="mobile" nz-input type="tel" placeholder="Phone number" />
-        </nz-input-group>
-      </se>
-      <se label="验证码" required error="请输入验证码！">
-        <nz-row [nzGutter]="8">
-          <nz-col [nzSpan]="12">
-            <nz-input-group nzSize="large" nzAddonBeforeIcon="anticon anticon-mail">
-              <input nz-input formControlName="captcha" type="tel" placeholder="Captcha" />
-            </nz-input-group>
-          </nz-col>
-          <nz-col [nzSpan]="12">
-            <button type="button" nz-button nzSize="large" (click)="getCaptcha()" [disabled]="count > 0" nzBlock
-              [nzLoading]="http.loading">
-              {{ count ? count + 's' : '获取验证码' }}
-            </button>
-          </nz-col>
-        </nz-row>
-      </se>
-      <se label="密码" required error="请输入密码！">
-        <input nz-input type="password" nzSize="large" formControlName="password" placeholder="Password" />
-      </se>
-      <se>
-        <div class="flex-center-between">
-          <button nz-button nzType="primary" nzSize="large" type="submit" [disabled]="f.invalid"
-            [nzLoading]="http.loading">
-            注册
-          </button>
-          <a routerLink="/passport/login">
-            使用已有账户登录
-          </a>
-        </div>
-      </se>
-    </form>
-  </div>
-</div>
\ No newline at end of file
diff --git a/src/app/routes/passport/login3/login3.component.less b/src/app/routes/passport/login3/login3.component.less
deleted file mode 100644
index 63bf91c6..00000000
--- a/src/app/routes/passport/login3/login3.component.less
+++ /dev/null
@@ -1,13 +0,0 @@
-@import '~@delon/theme/index';
-
-:host ::ng-deep {
-  .pro-passport {
-    &__form {
-      position: relative;
-      max-width: 380px;
-      margin: 48px auto 0 auto;
-      background: #fff;
-      border-radius: 4px;
-    }
-  }
-}
diff --git a/src/app/routes/passport/login3/login3.component.ts b/src/app/routes/passport/login3/login3.component.ts
deleted file mode 100644
index 641e079c..00000000
--- a/src/app/routes/passport/login3/login3.component.ts
+++ /dev/null
@@ -1,78 +0,0 @@
-import { Component, OnDestroy } from '@angular/core';
-import { AbstractControl, FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { Router } from '@angular/router';
-import { _HttpClient } from '@delon/theme';
-import { NzMessageService } from 'ng-zorro-antd/message';
-
-@Component({
-  selector: 'passport-login3',
-  templateUrl: './login3.component.html',
-  styleUrls: ['./login3.component.less'],
-  host: {
-    '[class.ant-row]': 'true',
-    '[class.pro-passport]': 'true'
-  }
-})
-export class UserLogin3Component implements OnDestroy {
-  form: FormGroup;
-  error = '';
-
-  constructor(fb: FormBuilder, private router: Router, private msg: NzMessageService, public http: _HttpClient) {
-    this.form = fb.group({
-      mobilePrefix: ['+86'],
-      mobile: [null, [Validators.required, Validators.pattern(/^1\d{10}$/)]],
-      captcha: [null, [Validators.required]],
-      password: [null, [Validators.required, Validators.minLength(6)]]
-    });
-  }
-
-  // #region fields
-
-  get password(): AbstractControl {
-    return this.form.controls.password;
-  }
-  get mobile(): AbstractControl {
-    return this.form.controls.mobile;
-  }
-  get captcha(): AbstractControl {
-    return this.form.controls.captcha;
-  }
-
-  // #endregion
-
-  // #region get captcha
-
-  count = 0;
-  interval$: any;
-
-  getCaptcha(): void {
-    if (this.mobile.invalid) {
-      this.mobile.markAsDirty({ onlySelf: true });
-      this.mobile.updateValueAndValidity({ onlySelf: true });
-      return;
-    }
-    this.count = 59;
-    this.interval$ = setInterval(() => {
-      this.count -= 1;
-      if (this.count <= 0) {
-        clearInterval(this.interval$);
-      }
-    }, 1000);
-  }
-
-  // #endregion
-
-  submit(): void {
-    this.error = '';
-    const data = this.form.value;
-    this.http.post('/register', data).subscribe(() => {
-      this.router.navigate(['passport', 'register-result'], { queryParams: { email: data.mail } });
-    });
-  }
-
-  ngOnDestroy(): void {
-    if (this.interval$) {
-      clearInterval(this.interval$);
-    }
-  }
-}
diff --git a/src/app/routes/passport/passport-routing.module.ts b/src/app/routes/passport/passport-routing.module.ts
index ba8032bd..171e40f2 100644
--- a/src/app/routes/passport/passport-routing.module.ts
+++ b/src/app/routes/passport/passport-routing.module.ts
@@ -2,13 +2,9 @@ import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 
 import { LayoutPassportComponent } from '../../layout/passport/passport.component';
-import { CallbackComponent } from './callback.component';
-import { UserLockComponent } from './lock/lock.component';
-import { UserLoginComponent } from './login/login.component';
-import { UserLogin2Component } from './login2/login2.component';
-import { UserLogin3Component } from './login3/login3.component';
-import { UserRegisterResultComponent } from './register-result/register-result.component';
-import { UserRegisterComponent } from './register/register.component';
+import { UserLoginComponent } from './components/login/login.component';
+import { OrderAgreementComponent } from './components/order-agreement/order-agreement.component';
+import { UserRetrievePasswordComponent } from './components/retrieve-password/retrieve-password.component';
 
 const routes: Routes = [
   // passport
@@ -22,26 +18,17 @@ const routes: Routes = [
         data: { title: '登录' }
       },
       {
-        path: 'register',
-        component: UserRegisterComponent,
-        data: { title: '注册' }
+        path: 'agreement',
+        component: OrderAgreementComponent,
+        data: { title: '协议' }
       },
       {
-        path: 'register-result',
-        component: UserRegisterResultComponent,
-        data: { title: '注册结果' }
-      },
-      {
-        path: 'lock',
-        component: UserLockComponent,
-        data: { title: '锁屏' }
+        path: 'retrieve-password',
+        component: UserRetrievePasswordComponent,
+        data: { title: '忘记密码' }
       }
     ]
-  },
-  // 单页不包裹Layout
-  { path: 'login2', component: UserLogin2Component },
-  { path: 'login3', component: UserLogin3Component },
-  { path: 'passport/callback/:type', component: CallbackComponent }
+  }
 ];
 
 @NgModule({
diff --git a/src/app/routes/passport/passport.module.ts b/src/app/routes/passport/passport.module.ts
index 964929bc..ad3a9f31 100644
--- a/src/app/routes/passport/passport.module.ts
+++ b/src/app/routes/passport/passport.module.ts
@@ -3,7 +3,10 @@ import { NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { ResultModule } from '@delon/abc/result';
 import { SEModule } from '@delon/abc/se';
+import { DelonACLModule } from '@delon/acl';
+import { DelonFormModule } from '@delon/form';
 import { AlainThemeModule } from '@delon/theme';
+import { PipeModule } from '@shared';
 import { NzAlertModule } from 'ng-zorro-antd/alert';
 import { NzAvatarModule } from 'ng-zorro-antd/avatar';
 import { NzButtonModule } from 'ng-zorro-antd/button';
@@ -15,28 +18,21 @@ import { NzInputModule } from 'ng-zorro-antd/input';
 import { NzPopoverModule } from 'ng-zorro-antd/popover';
 import { NzProgressModule } from 'ng-zorro-antd/progress';
 import { NzSelectModule } from 'ng-zorro-antd/select';
+import { NzStepsModule } from 'ng-zorro-antd/steps';
 import { NzTabsModule } from 'ng-zorro-antd/tabs';
 import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
+import { ProPageModule } from 'src/app/layout/pro/shared/page';
+import { UserLoginComponent } from './components/login/login.component';
+import { OrderAgreementComponent } from './components/order-agreement/order-agreement.component';
+import { UserRetrievePasswordComponent } from './components/retrieve-password/retrieve-password.component';
 
-import { CallbackComponent } from './callback.component';
-import { UserLockComponent } from './lock/lock.component';
-import { UserLoginComponent } from './login/login.component';
-import { UserLogin2Component } from './login2/login2.component';
-import { UserLogin3Component } from './login3/login3.component';
 import { PassportRoutingModule } from './passport-routing.module';
-import { UserRegisterResultComponent } from './register-result/register-result.component';
-import { UserRegisterComponent } from './register/register.component';
 
 const COMPONENTS = [
   // passport pages
   UserLoginComponent,
-  UserRegisterComponent,
-  UserRegisterResultComponent,
-  UserLockComponent,
-  // single pages
-  UserLogin2Component,
-  UserLogin3Component,
-  CallbackComponent
+  UserRetrievePasswordComponent,
+  OrderAgreementComponent
 ];
 
 @NgModule({
@@ -60,7 +56,12 @@ const COMPONENTS = [
     NzProgressModule,
     NzAvatarModule,
     SEModule,
-    ResultModule
+    ResultModule,
+    DelonACLModule,
+    DelonFormModule,
+    NzStepsModule,
+    ProPageModule,
+    PipeModule
   ],
   declarations: COMPONENTS
 })
diff --git a/src/app/routes/passport/register-result/register-result.component.html b/src/app/routes/passport/register-result/register-result.component.html
deleted file mode 100644
index 1d637c6a..00000000
--- a/src/app/routes/passport/register-result/register-result.component.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<result type="success" [title]="title" description="激活邮件已发送到你的邮箱中，邮件有效期为24小时。请及时登录邮箱，点击邮件中的链接激活帐户。">
-  <ng-template #title>
-    <div class="title" style="font-size: 20px">
-      你的账户：{{params?.email}} 注册成功
-    </div>
-  </ng-template>
-  <button (click)="msg.success('email')" nz-button nzSize="large" [nzType]="'primary'">
-    查看邮箱
-  </button>
-  <button routerLink="/" nz-button nzSize="large">
-    返回首页
-  </button>
-</result>
\ No newline at end of file
diff --git a/src/app/routes/passport/register-result/register-result.component.ts b/src/app/routes/passport/register-result/register-result.component.ts
deleted file mode 100644
index a5a7cbc0..00000000
--- a/src/app/routes/passport/register-result/register-result.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
-import { NzMessageService } from 'ng-zorro-antd/message';
-
-@Component({
-  selector: 'passport-register-result',
-  templateUrl: './register-result.component.html'
-})
-export class UserRegisterResultComponent {
-  params = { email: '' };
-  email = '';
-  constructor(route: ActivatedRoute, public msg: NzMessageService) {
-    this.params.email = this.email = route.snapshot.queryParams.email || 'ng-alain@example.com';
-  }
-}
diff --git a/src/app/routes/passport/register/register.component.html b/src/app/routes/passport/register/register.component.html
deleted file mode 100644
index 61d3d43f..00000000
--- a/src/app/routes/passport/register/register.component.html
+++ /dev/null
@@ -1,89 +0,0 @@
-<h3>注册</h3>
-<form nz-form [formGroup]="form" (ngSubmit)="submit()" role="form">
-  <nz-alert *ngIf="error" [nzType]="'error'" [nzMessage]="error" [nzShowIcon]="true" class="mb-lg"></nz-alert>
-  <nz-form-item>
-    <nz-form-control [nzErrorTip]="mailErrorTip">
-      <nz-input-group nzSize="large" nzAddonBeforeIcon="user">
-        <input nz-input formControlName="mail" placeholder="Email" />
-      </nz-input-group>
-      <ng-template #mailErrorTip let-i>
-        <ng-container *ngIf="i.errors?.required">请输入邮箱地址！</ng-container>
-        <ng-container *ngIf="i.errors?.email">邮箱地址格式错误！</ng-container>
-      </ng-template>
-    </nz-form-control>
-  </nz-form-item>
-  <nz-form-item>
-    <nz-form-control nzErrorTip="请输入密码！">
-      <nz-input-group nzSize="large" nzAddonBeforeIcon="lock" nz-popover nzPopoverPlacement="right"
-        nzPopoverTrigger="focus" [(nzPopoverVisible)]="visible" nzPopoverOverlayClassName="register-password-cdk"
-        [nzPopoverOverlayStyle]="{ 'width.px': 240 }" [nzPopoverContent]="pwdCdkTpl">
-        <input nz-input type="password" formControlName="password" placeholder="Password" />
-      </nz-input-group>
-      <ng-template #pwdCdkTpl>
-        <div style="padding: 4px 0">
-          <ng-container [ngSwitch]="status">
-            <div *ngSwitchCase="'ok'" class="success">强度：强</div>
-            <div *ngSwitchCase="'pass'" class="warning">强度：中</div>
-            <div *ngSwitchDefault class="error">强度：太短</div>
-          </ng-container>
-          <div class="progress-{{ status }}">
-            <nz-progress [nzPercent]="progress" [nzStatus]="passwordProgressMap[status]" [nzStrokeWidth]="6"
-              [nzShowInfo]="false"></nz-progress>
-          </div>
-          <p class="mt-sm">请至少输入 6 个字符。请不要使用容易被猜到的密码。</p>
-        </div>
-      </ng-template>
-    </nz-form-control>
-  </nz-form-item>
-  <nz-form-item>
-    <nz-form-control [nzErrorTip]="confirmErrorTip">
-      <nz-input-group nzSize="large" nzAddonBeforeIcon="lock">
-        <input nz-input type="password" formControlName="confirm" placeholder="Confirm Password" />
-      </nz-input-group>
-      <ng-template #confirmErrorTip let-i>
-        <ng-container *ngIf="i.errors?.required">请确认密码！</ng-container>
-        <ng-container *ngIf="i.errors?.matchControl">两次输入的密码不匹配!</ng-container>
-      </ng-template>
-    </nz-form-control>
-  </nz-form-item>
-  <nz-form-item>
-    <nz-form-control [nzErrorTip]="mobileErrorTip">
-      <nz-input-group nzSize="large" [nzAddOnBefore]="addOnBeforeTemplate">
-        <ng-template #addOnBeforeTemplate>
-          <nz-select formControlName="mobilePrefix" style="width: 100px">
-            <nz-option [nzLabel]="'+86'" [nzValue]="'+86'"></nz-option>
-            <nz-option [nzLabel]="'+87'" [nzValue]="'+87'"></nz-option>
-          </nz-select>
-        </ng-template>
-        <input formControlName="mobile" nz-input placeholder="Phone number" />
-      </nz-input-group>
-      <ng-template #mobileErrorTip let-i>
-        <ng-container *ngIf="i.errors?.required">请输入手机号！</ng-container>
-        <ng-container *ngIf="i.errors?.pattern">手机号格式错误！</ng-container>
-      </ng-template>
-    </nz-form-control>
-  </nz-form-item>
-  <nz-form-item>
-    <nz-form-control nzErrorTip="请输入验证码！">
-      <nz-row [nzGutter]="8">
-        <nz-col [nzSpan]="16">
-          <nz-input-group nzSize="large" nzAddonBeforeIcon="mail">
-            <input nz-input formControlName="captcha" placeholder="Captcha" />
-          </nz-input-group>
-        </nz-col>
-        <nz-col [nzSpan]="8">
-          <button type="button" nz-button nzSize="large" (click)="getCaptcha()" [disabled]="count > 0" nzBlock
-            [nzLoading]="loading">
-            {{ count ? count + 's' : '获取验证码' }}
-          </button>
-        </nz-col>
-      </nz-row>
-    </nz-form-control>
-  </nz-form-item>
-  <nz-form-item>
-    <button nz-button nzType="primary" nzSize="large" type="submit" [nzLoading]="loading" class="submit">
-      注册
-    </button>
-    <a class="login" routerLink="/passport/login">使用已有账户登录</a>
-  </nz-form-item>
-</form>
\ No newline at end of file
diff --git a/src/app/routes/passport/register/register.component.ts b/src/app/routes/passport/register/register.component.ts
deleted file mode 100644
index 701f05d0..00000000
--- a/src/app/routes/passport/register/register.component.ts
+++ /dev/null
@@ -1,139 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy } from '@angular/core';
-import { AbstractControl, FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
-import { Router } from '@angular/router';
-import { _HttpClient } from '@delon/theme';
-import { MatchControl } from '@delon/util/form';
-import { NzSafeAny } from 'ng-zorro-antd/core/types';
-import { finalize } from 'rxjs/operators';
-
-@Component({
-  selector: 'passport-register',
-  templateUrl: './register.component.html',
-  styleUrls: ['./register.component.less'],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class UserRegisterComponent implements OnDestroy {
-  constructor(fb: FormBuilder, private router: Router, private http: _HttpClient, private cdr: ChangeDetectorRef) {
-    this.form = fb.group(
-      {
-        mail: [null, [Validators.required, Validators.email]],
-        password: [null, [Validators.required, Validators.minLength(6), UserRegisterComponent.checkPassword.bind(this)]],
-        confirm: [null, [Validators.required, Validators.minLength(6)]],
-        mobilePrefix: ['+86'],
-        mobile: [null, [Validators.required, Validators.pattern(/^1\d{10}$/)]],
-        captcha: [null, [Validators.required]]
-      },
-      {
-        validators: MatchControl('password', 'confirm')
-      }
-    );
-  }
-
-  // #region fields
-
-  get mail(): AbstractControl {
-    return this.form.controls.mail;
-  }
-  get password(): AbstractControl {
-    return this.form.controls.password;
-  }
-  get confirm(): AbstractControl {
-    return this.form.controls.confirm;
-  }
-  get mobile(): AbstractControl {
-    return this.form.controls.mobile;
-  }
-  get captcha(): AbstractControl {
-    return this.form.controls.captcha;
-  }
-  form: FormGroup;
-  error = '';
-  type = 0;
-  loading = false;
-  visible = false;
-  status = 'pool';
-  progress = 0;
-  passwordProgressMap: { [key: string]: 'success' | 'normal' | 'exception' } = {
-    ok: 'success',
-    pass: 'normal',
-    pool: 'exception'
-  };
-
-  // #endregion
-
-  // #region get captcha
-
-  count = 0;
-  interval$: any;
-
-  static checkPassword(control: FormControl): NzSafeAny {
-    if (!control) {
-      return null;
-    }
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
-    const self: any = this;
-    self.visible = !!control.value;
-    if (control.value && control.value.length > 9) {
-      self.status = 'ok';
-    } else if (control.value && control.value.length > 5) {
-      self.status = 'pass';
-    } else {
-      self.status = 'pool';
-    }
-
-    if (self.visible) {
-      self.progress = control.value.length * 10 > 100 ? 100 : control.value.length * 10;
-    }
-  }
-
-  getCaptcha(): void {
-    if (this.mobile.invalid) {
-      this.mobile.markAsDirty({ onlySelf: true });
-      this.mobile.updateValueAndValidity({ onlySelf: true });
-      return;
-    }
-    this.count = 59;
-    this.cdr.detectChanges();
-    this.interval$ = setInterval(() => {
-      this.count -= 1;
-      this.cdr.detectChanges();
-      if (this.count <= 0) {
-        clearInterval(this.interval$);
-      }
-    }, 1000);
-  }
-
-  // #endregion
-
-  submit(): void {
-    this.error = '';
-    Object.keys(this.form.controls).forEach(key => {
-      this.form.controls[key].markAsDirty();
-      this.form.controls[key].updateValueAndValidity();
-    });
-    if (this.form.invalid) {
-      return;
-    }
-
-    const data = this.form.value;
-    this.loading = true;
-    this.cdr.detectChanges();
-    this.http
-      .post('/register?_allow_anonymous=true', data)
-      .pipe(
-        finalize(() => {
-          this.loading = false;
-          this.cdr.detectChanges();
-        })
-      )
-      .subscribe(() => {
-        this.router.navigate(['passport', 'register-result'], { queryParams: { email: data.mail } });
-      });
-  }
-
-  ngOnDestroy(): void {
-    if (this.interval$) {
-      clearInterval(this.interval$);
-    }
-  }
-}
diff --git a/src/app/routes/passport/services/passport.service.ts b/src/app/routes/passport/services/passport.service.ts
new file mode 100644
index 00000000..bb23b727
--- /dev/null
+++ b/src/app/routes/passport/services/passport.service.ts
@@ -0,0 +1,27 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-27 21:08:36
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-24 09:59:50
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\passport\\services\\passport.service.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from 'src/app/shared/services/core/base.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class PassportService extends BaseService {
+  // 登录协议，服务订购协议
+  public $api_get_agreement = `/api/mdc/pbc/agreementInfo/getAgreementInfoByType?_allow_anonymous=true`;
+  // 查看补充协议
+  public $api_get_getSupplementaryAgreement = `/api/sdc/billOperate/getSupplementaryAgreement?_allow_anonymous=true`;
+  // 未登录账号发送验证码
+  public $getAccountSMVerificationCode = `/api/mdc/cuc/userBasicInfo/forgetPassword/getAccountSMVerificationCode?_allow_anonymous=true`;
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/regulatory-data/components/dashboard/dashboard.component.html b/src/app/routes/regulatory-data/components/dashboard/dashboard.component.html
new file mode 100644
index 00000000..06139f88
--- /dev/null
+++ b/src/app/routes/regulatory-data/components/dashboard/dashboard.component.html
@@ -0,0 +1,13 @@
+<button nz-button (click)="refresh()" nzType="primary">Refresh</button>
+<g2-pie
+  #pie
+  [hasLegend]="true"
+  title="销售额"
+  subTitle="销售额"
+  [total]="total"
+  [valueFormat]="format"
+  [data]="salesPieData"
+  height="294"
+  repaint="false"
+  (clickItem)="handleClick($event)"
+></g2-pie>
diff --git a/src/app/routes/regulatory-data/components/dashboard/dashboard.component.less b/src/app/routes/regulatory-data/components/dashboard/dashboard.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/regulatory-data/components/dashboard/dashboard.component.ts b/src/app/routes/regulatory-data/components/dashboard/dashboard.component.ts
new file mode 100644
index 00000000..d895eedc
--- /dev/null
+++ b/src/app/routes/regulatory-data/components/dashboard/dashboard.component.ts
@@ -0,0 +1,66 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { G2PieClickItem, G2PieComponent, G2PieData } from '@delon/chart/pie';
+import { NzMessageService } from 'ng-zorro-antd/message';
+
+@Component({
+  selector: 'app-dashboard',
+  templateUrl: './dashboard.component.html',
+  styleUrls: ['./dashboard.component.less']
+})
+export class DashboardComponent implements OnInit {
+  @ViewChild('pie', { static: false }) readonly pie!: G2PieComponent;
+  salesPieData: G2PieData[] = [];
+  total = '';
+
+  constructor(private msg: NzMessageService) {
+    this.refresh();
+  }
+  ngOnInit(): void {
+    throw new Error('Method not implemented.');
+  }
+
+  refresh(): void {
+    const rv = (min: number = 0, max: number = 5000) => Math.floor(Math.random() * (max - min + 1) + min);
+    this.salesPieData = [
+      {
+        x: '家用电器',
+        y: rv()
+      },
+      {
+        x: '食用酒水',
+        y: rv()
+      },
+      {
+        x: '个护健康',
+        y: rv()
+      },
+      {
+        x: '服饰箱包',
+        y: rv()
+      },
+      {
+        x: '母婴产品',
+        y: rv()
+      }
+    ];
+    if (Math.random() > 0.5) {
+      this.salesPieData.push({
+        x: '其他',
+        y: rv()
+      });
+    }
+    this.total = `&yen ${this.salesPieData.reduce((pre, now) => now.y + pre, 0).toFixed(2)}`;
+    if (this.pie) {
+      // 等待组件渲染
+      setTimeout(() => this.pie.changeData());
+    }
+  }
+
+  format(val: number): string {
+    return `&yen ${val.toFixed(2)}`;
+  }
+
+  handleClick(data: G2PieClickItem): void {
+    this.msg.info(`${data.item.x} - ${data.item.y}`);
+  }
+}
diff --git a/src/app/routes/regulatory-data/regulatory-data-routing.module.ts b/src/app/routes/regulatory-data/regulatory-data-routing.module.ts
new file mode 100644
index 00000000..bb68bd97
--- /dev/null
+++ b/src/app/routes/regulatory-data/regulatory-data-routing.module.ts
@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+import { DashboardComponent } from './components/dashboard/dashboard.component';
+
+const routes: Routes = [{ path: 'dashboard', component: DashboardComponent }];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class RegulatoryDataRoutingModule {}
diff --git a/src/app/routes/regulatory-data/regulatory-data.module.ts b/src/app/routes/regulatory-data/regulatory-data.module.ts
new file mode 100644
index 00000000..c76d3521
--- /dev/null
+++ b/src/app/routes/regulatory-data/regulatory-data.module.ts
@@ -0,0 +1,14 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { SharedModule, SHARED_G2_MODULES } from '@shared';
+
+import { DashboardComponent } from './components/dashboard/dashboard.component';
+import { RegulatoryDataRoutingModule } from './regulatory-data-routing.module';
+
+const COMPONENTS: any = [DashboardComponent];
+const NOTROUTECOMPONENTS: any = [];
+@NgModule({
+  declarations: [...COMPONENTS, ...NOTROUTECOMPONENTS],
+  imports: [CommonModule, RegulatoryDataRoutingModule, SharedModule, SHARED_G2_MODULES]
+})
+export class RegulatoryDataModule {}
diff --git a/src/app/routes/regulatory-data/services/regulatory-data.service.ts b/src/app/routes/regulatory-data/services/regulatory-data.service.ts
new file mode 100644
index 00000000..7206840f
--- /dev/null
+++ b/src/app/routes/regulatory-data/services/regulatory-data.service.ts
@@ -0,0 +1,9 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class RegulatoryDataService {
+
+  constructor() { }
+}
diff --git a/src/app/routes/routes-routing.module.ts b/src/app/routes/routes-routing.module.ts
index b1e59f60..544a7684 100644
--- a/src/app/routes/routes-routing.module.ts
+++ b/src/app/routes/routes-routing.module.ts
@@ -1,23 +1,90 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-13 19:22:47
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-30 14:09:00
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\routes-routing.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 // layout
 import { LayoutProComponent } from '@brand';
+import { EATokenGuard } from '@core';
 import { environment } from '@env/environment';
 
+import { AuthGuard } from '../core/guards/auth.guard';
+
 // dashboard pages
 import { DashboardComponent } from './dashboard/dashboard.component';
+import { OrderAgreementComponent } from './passport/components/order-agreement/order-agreement.component';
 
 const routes: Routes = [
   {
     path: '',
     component: LayoutProComponent,
+    canActivate: [AuthGuard, EATokenGuard],
+    canActivateChild: [AuthGuard, EATokenGuard],
     children: [
       { path: '', redirectTo: 'dashboard', pathMatch: 'full' },
       { path: 'dashboard', component: DashboardComponent },
-      { path: 'demo', loadChildren: () => import('./demo/demo.module').then(m => m.DemoModule) }
+      {
+        path: 'account',
+        loadChildren: () => import('./account/account.module').then(m => m.AccountModule)
+      },
+      {
+        path: 'usercenter',
+        loadChildren: () => import('./usercenter/usercenter.module').then(m => m.UsercenterModule)
+      },
+      { path: 'system', loadChildren: () => import('./sys-setting/sys-setting.module').then(m => m.SysSettingModule) },
+      { path: 'logs', loadChildren: () => import('./logs/logs.module').then(m => m.LogsModule) },
+      { path: 'ticket', loadChildren: () => import('./ticket-management/ticket-management.module').then(m => m.TicketManagementModule) },
+      { path: 'supplygoods', loadChildren: () => import('./supply-goods/supply-goods.module').then(m => m.SupplyGoodsModule) },
+      { path: 'vehicle', loadChildren: () => import('./vehicle/vehicle.module').then(m => m.VehicleModule) },
+      {
+        path: 'supply-management',
+        loadChildren: () => import('./supply-management/supply-management.module').then(m => m.SupplyManagementModule)
+      },
+      {
+        path: 'insurance-management',
+        loadChildren: () => import('./insurance-management/insurance-management.module').then(m => m.InsuranceManagementModule)
+      },
+      {
+        path: 'order-management',
+        loadChildren: () => import('./order-management/order-management.module').then(m => m.OrderManagementModule)
+      },
+      {
+        path: 'waybill-management',
+        loadChildren: () => import('./waybill-management/waybill-management.module').then(m => m.WaybillManagementModule)
+      },
+      {
+        path: 'financial-management',
+        loadChildren: () => import('./financial-management/financial-management.module').then(m => m.FinancialManagementModule)
+      },
+      {
+        path: 'contract-management',
+        loadChildren: () => import('./contract-management/contract-management.module').then(m => m.ContractManagementManagementModule)
+      },
+      { path: 'menu-management', loadChildren: () => import('./menu-manager/menu-manager.module').then(m => m.MenuManagerModule) },
+      { path: 'partner', loadChildren: () => import('./partner/partner.module').then(m => m.PartnerModule) },
+      { path: 'regulatory-data', loadChildren: () => import('./regulatory-data/regulatory-data.module').then(m => m.RegulatoryDataModule) },
+      {
+        path: 'download',
+        loadChildren: () => import('./download/download.module').then(m => m.DownloadModule)
+      },
+      { path: 'datatable', loadChildren: () => import('./datatable/datatable.module').then((m) => m.DatatableModule) },
+      { path: 'tax', loadChildren: () => import('./tax-management/taxmanagement.module').then((m) => m.TaxManagementModule) },
     ]
   },
   // passport
+  {
+    path: 'agreement',
+    component: OrderAgreementComponent,
+    data: { title: '协议', titleI18n: 'app.login.agreement' }
+  },
   { path: '', loadChildren: () => import('./passport/passport.module').then(m => m.PassportModule) },
   { path: 'exception', loadChildren: () => import('./exception/exception.module').then(m => m.ExceptionModule) },
   // 单页不包裹Layout
@@ -35,4 +102,4 @@ const routes: Routes = [
   ],
   exports: [RouterModule]
 })
-export class RouteRoutingModule {}
+export class RouteRoutingModule { }
diff --git a/src/app/routes/routes.module.ts b/src/app/routes/routes.module.ts
index 1651bc70..a185d251 100644
--- a/src/app/routes/routes.module.ts
+++ b/src/app/routes/routes.module.ts
@@ -4,8 +4,9 @@ import { SharedModule } from '@shared';
 // dashboard pages
 import { DashboardComponent } from './dashboard/dashboard.component';
 import { RouteRoutingModule } from './routes-routing.module';
+import { BasicTableComponent } from './commom/components/basic-table/basic-table.component';
 
-const COMPONENTS = [DashboardComponent];
+const COMPONENTS = [DashboardComponent, BasicTableComponent];
 const COMPONENTS_NOROUNT: Array<Type<void>> = [];
 
 @NgModule({
diff --git a/src/app/routes/supply-goods/components/carload/carload.component.html b/src/app/routes/supply-goods/components/carload/carload.component.html
new file mode 100644
index 00000000..a7cae549
--- /dev/null
+++ b/src/app/routes/supply-goods/components/carload/carload.component.html
@@ -0,0 +1,213 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-01 09:58:58
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:25:29
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-goods\\components\\carload\\carload.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<nz-card>
+  <!-- 搜索区 -->
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf #sf [schema]="schema" [ui]="ui" [mode]="'search'" [disabled]="!sf?.valid" (formSubmit)="st?.load(1)" (formReset)="resetSF()"></sf>
+    </div>
+    <!-- [loading]="false" -->
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button nz-button nzType="primary" [disabled]="!sf.valid" (click)="st?.load(1)">查询</button>
+        <button nz-button (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+<nz-card>
+  <div class="actionAreaWrap">
+    <button nz-button (click)="orderExport()" nzType="primary">导入货源</button>
+  </div>
+  <nz-tabset [nzTabPosition]="'top'" [nzType]="'card'" class="table" [nzSelectedIndex]="nzSelectedIndex">
+    <nz-tab *ngFor="let tab of tabs; let i = index" [nzTitle]="tab" (nzClick)="tabChange(i)">
+      <nz-table
+        #nzTable
+        [nzData]="listData"
+        nzTableLayout="fixed"
+        [nzLoading]="loading"
+        [nzTotal]="total"
+        [nzBordered]="true"
+        [nzScroll]="{ x: '1400px' }"
+        [nzFrontPagination]="false"
+        [nzPageSize]="pageSize"
+        [nzPageIndex]="pageIndex"
+        (nzPageIndexChange)="changePageIndex($event)"
+        [nzShowTotal]="totalTemplate"
+        [nzShowSizeChanger]="true"
+        (nzPageSizeChange)="changePageSize($event)"
+        [nzPageSizeOptions]="[10, 20, 30, 50, 100, 200, 300, 500, 1000]"
+      >
+        <ng-template #totalTemplate let-total> 共 {{ total }} 条 </ng-template>
+        <thead>
+          <tr>
+            <th nzAlign="center" nzWidth="100px">货源编号</th>
+            <th nzWidth="100px" nzAlign="center">货源类型</th>
+            <th nzWidth="100px" nzAlign="center">货主</th>
+            <th nzWidth="100px" nzAlign="center">项目名称</th>
+            <th nzWidth="100px" nzAlign="center">装货地</th>
+            <th nzWidth="100px" nzAlign="center">卸货地</th>
+            <th nzWidth="100px" nzAlign="center">货物名称</th>
+            <th nzWidth="160px" nzAlign="center">重量/体积</th>
+            <th nzWidth="160px" nzAlign="center">用车需求</th>
+            <th nzWidth="160px" nzAlign="center">总费用</th>
+            <th nzWidth="160px" nzAlign="center">附加费</th>
+            <th nzWidth="160px" nzAlign="center">用车需求</th>
+            <th nzWidth="120px" nzAlign="center">货源状态</th>
+            <th nzWidth="120px" nzAlign="center">创建时间</th>
+            <th nzWidth="120px" nzAlign="center">审核状态</th>
+            <th nzWidth="120px" nzAlign="center">操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of nzTable.data">
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              <div><span style="color: #52c41a">●</span>已接单</div>
+              <div><span>●</span>已取消</div>
+              <div><span style="color: #f59a23">●</span>待接单</div>
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              <div>
+                <div><span style="color: #52c41a">●</span>审核通过</div>
+                <div><span style="color: #d9001b">●</span>不通过</div>
+                <div><span style="color: #f59a23">●</span>待审核</div>
+                <!-- <span>待审核</span> -->
+              </div>
+            </td>
+            <td>
+              <div>
+                <a nz-button nzType="link" (click)="showApply()">货源审核</a>
+                <a nz-button nzType="link" (click)="showApply()">修改运费</a>
+                <!-- <a  nz-button nzType="link" nzDanger (click)="showAssign()">指派熟车</a> -->
+                <a nz-button nzType="link" nzDanger (click)="showApply()">修改单价</a>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </nz-table>
+    </nz-tab>
+  </nz-tabset>
+</nz-card>
+
+<nz-modal
+  [(nzVisible)]="isVisible"
+  [nzFooter]="nzModalFooter"
+  nzTitle="修改运费"
+  (nzOnOk)="handleOK()"
+  (nzOnCancel)="handleCancel('suppliersType')"
+>
+  <ng-container *nzModalContent>
+    <sf #sfFre [schema]="freightSchema" [ui]="uiFre" [compact]="false" [button]="'none'">
+      <ng-template sf-template="manys" let-me let-ui="ui" let-schema="schema">
+        <div>
+          <span>{{ this.sfFre.value.contactsName }}</span>
+        </div>
+      </ng-template>
+      <ng-template sf-template="unifiedSocia" let-me let-ui="ui" let-schema="schema">
+        <nz-input-number
+          [(ngModel)]="ssdsad"
+          [nzMin]="0"
+          [nzMax]="30"
+          nzPlaceHolder="请输入1-30"
+          id="margin"
+          width="400"
+          ngDefaultControl
+          required
+        ></nz-input-number
+        >&nbsp; &nbsp;天内支付运费。
+      </ng-template>
+      <ng-template sf-template="fujia" let-me let-ui="ui" let-schema="schema"> 15.00（费率：<a href="javaccript:;">5.3</a> ） </ng-template>
+    </sf>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="default" (click)="handleCancel('suppliersType')">取消</button>
+    <button nz-button nzType="primary" (click)="handleOK()" [disabled]="">确认修改</button>
+  </ng-template>
+</nz-modal>
+
+<nz-modal
+  [(nzVisible)]="isVisibleAssign"
+  [nzWidth]="900"
+  [nzFooter]="nzModalFooter"
+  nzTitle="指派熟车"
+  (nzOnOk)="handleOK()"
+  (nzOnCancel)="handleCancel('assign')"
+>
+  <ng-container *nzModalContent>
+    <sf #sfAssign [schema]="schemaAssign" [ui]="ui" [mode]="'search'" (formSubmit)="stAssign?.load(1)" (formReset)="resetSFAssign()"></sf>
+    <st
+      #stAssign
+      multiSort
+      [scroll]="{ x: '900px' }"
+      [data]="listData2"
+      [columns]="ColumnsAssign"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParamsAssign }"
+      [res]="{ reName: { list: 'data', total: 'data.total' } }"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+      (change)="change($event)"
+    >
+    </st>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="default" (click)="handleCancel('assign')">取消</button>
+    <button nz-button nzType="primary" (click)="handleOK()" [disabled]="">确认修改</button>
+  </ng-template>
+</nz-modal>
diff --git a/src/app/routes/supply-goods/components/carload/carload.component.less b/src/app/routes/supply-goods/components/carload/carload.component.less
new file mode 100644
index 00000000..36f9126d
--- /dev/null
+++ b/src/app/routes/supply-goods/components/carload/carload.component.less
@@ -0,0 +1,7 @@
+
+.status-point {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+}
diff --git a/src/app/routes/supply-goods/components/carload/carload.component.spec.ts b/src/app/routes/supply-goods/components/carload/carload.component.spec.ts
new file mode 100644
index 00000000..00b3e821
--- /dev/null
+++ b/src/app/routes/supply-goods/components/carload/carload.component.spec.ts
@@ -0,0 +1,31 @@
+/*
+ * @Description:
+ * @Author: wsm
+ * @Date: 2021-07-08 15:46:29
+ * @LastEditTime: 2021-12-01 10:02:07
+ * @LastEditors: Please set LastEditors
+ * @Reference:
+ */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SupplyGoodsComponentListCarloadComponent } from './carload.component';
+
+describe('SupplyGoodsComponentListCarloadComponent', () => {
+  let component: SupplyGoodsComponentListCarloadComponent;
+  let fixture: ComponentFixture<SupplyGoodsComponentListCarloadComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [SupplyGoodsComponentListCarloadComponent],
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SupplyGoodsComponentListCarloadComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/supply-goods/components/carload/carload.component.ts b/src/app/routes/supply-goods/components/carload/carload.component.ts
new file mode 100644
index 00000000..a14ed204
--- /dev/null
+++ b/src/app/routes/supply-goods/components/carload/carload.component.ts
@@ -0,0 +1,394 @@
+/*
+ * @Description:
+ * @Author: wsm
+ * @Date: 2021-07-15 09:42:57
+ * @LastEditTime : 2022-02-25 15:34:50
+ * @LastEditors  : Shiming
+ * @Reference:
+ */
+import { AfterViewInit, Component, OnInit, TemplateRef, ViewChild } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
+import { STChange, STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFRadioWidgetSchema, SFSchema, SFTextWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { filter } from 'rxjs/operators';
+
+
+@Component({
+  selector: 'app-supply-goods-components-list-carload',
+  templateUrl: './carload.component.html',
+  styleUrls: ['./carload.component.less'],
+})
+export class SupplyGoodsComponentListCarloadComponent implements OnInit, AfterViewInit {
+  @ViewChild('st', { static: true }) st!: STComponent;
+  @ViewChild('stAssign', { static: true }) stAssign!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfAssign', { static: false }) sfAssign!: SFComponent;
+  @ViewChild('sfFre', { static: false }) sfFre!: SFComponent;
+  isVisible = false;
+  isVisibleAssign = false;
+  ColumnsAssign!: STColumn[];
+  ui: SFUISchema = {};
+  uiFre: SFUISchema = {};
+  mode: any = 'search';
+  demoValue: any;
+  tabs = ['全部', '待接单',  '已接单',  '已取消'];
+  listData: any =[
+    {
+      id: 1,
+      id2: 2,
+      id3:3,
+      id4: 4,
+    }
+  ]
+  listData2: any = [
+      {
+        clientGroupName: '姓名',
+        clientCount: '姓名',
+        clientCount2: '姓名',
+        clientCount3: '姓名',
+      }
+    ]
+  orderStatus: any = '0'; // 订单状态, 10为已提交待付款, 20为已付款待发,30为已发货待收货,50取消订单,40 已完成
+  nzSelectedIndex = 0;
+  total = 1;
+  loading = false;
+  pageSize = 20;
+  pageIndex = 1;
+  toSendCount = 0;
+  addTimeStart = '';
+  addTimeEnd = '';
+  sfExpand = false;
+  _$expand = false;
+  ssdsad: any;
+  schema!: SFSchema;
+  schemaAssign!: SFSchema;
+  freightSchema!: SFSchema;
+  payStatus: any;
+  constructor(
+    private fb: FormBuilder,
+    private modal: NzModalService,
+    private router: Router,
+    private ar: ActivatedRoute,
+    private modalHelper: ModalHelper,
+  ) {}
+
+  ngOnInit(): void {
+    this.getList();
+    this.initSF();
+    this.initUI();
+    this.initSFFre();
+    this.initSFAssign();
+  }
+
+  ngAfterViewInit() {
+    // this.router.events.pipe(filter((evt) => evt instanceof NavigationEnd)).subscribe(() => {
+    //
+    // });
+  }
+  /**
+   * 指定客户分组查询参数
+   */
+   get reqParamsAssign() {
+    const params = Object.assign({});
+    return { ...params, ...this.sfAssign?.value };
+  }
+  change(change: STChange) {
+    console.log(change.checkbox)
+  }
+  initSFFre() {
+    this.freightSchema = {
+      properties: {
+        btn: {
+          type: 'string',
+          title: '是否回单',
+          enum: ['需要', '不需要'],
+          ui: {
+            widget: 'radio',
+          } as SFRadioWidgetSchema,
+          default: '需要',
+        },
+        contactsName: {
+          title: '预付',
+          type: 'string',
+          minimum:0,
+          maximum:99999,
+          ui: {
+            showRequired: false,
+          },
+        },
+        unifiedSocialCreditCode: {
+          title: '到付',
+          type: 'string',
+          minimum:0,
+          maximum:99999,
+          ui: {
+            showRequired: false,
+          },
+        },
+        // unifiedSocialCreditCode2: {
+        //   title: '油卡',
+        //   type: 'string',
+        //   minimum:0,
+        //   maximum:99999,
+        //   ui: {
+        //     showRequired: false,
+        //   },
+        // },
+        unifiedSocialCreditCode3: {
+          title: '回单付',
+          type: 'string',
+          minimum:0,
+          maximum:99999,
+          ui: {
+            showRequired: false,
+          },
+        },
+        '小计': { type: 'number', ui: { widget: 'text', defaultText: '5000 text' } as SFTextWidgetSchema },
+        fujia: { type: 'string',title: '附加费',  ui: { widget: 'custom'}},
+        manys: { type: 'string',title: '总费用',  ui: { widget: 'custom'}},
+        unifiedSocia: { type: 'string',title: '总费用',  ui: { widget: 'custom'}},
+ 
+      },
+    };
+    this.schemaAssign = {
+      properties: {
+        clientGroupName: {
+          title: '分组名称',
+          type: 'string',
+          ui: {
+            placeholder: '请输入司机姓名/手机号',
+            enter: (e: KeyboardEvent) => {
+              this.stAssign.load();
+            },
+          },
+        },
+        clientGroupName2: {
+          title: '分组名称',
+          type: 'string',
+          ui: {
+            placeholder: '请输入车牌号',
+            enter: (e: KeyboardEvent) => {
+              this.stAssign.load();
+            },
+          },
+        },
+      },
+    };
+    this.uiFre = { '*': { spanLabelFixed: 90, grid: { span: 16 }, enter: () => this.st.load() } };
+  }
+  initSFAssign() {
+    this.ColumnsAssign = [
+      { title: '', type: 'checkbox', width: '40px', className: 'text-center' },
+      { title: '司机姓名', index: 'clientGroupName', width: '300px', className: 'text-center' },
+      { title: '手机号', index: 'clientCount', width: '300px', className: 'text-center' },
+      { title: '车牌号', index: 'clientCount2', width: '300px', className: 'text-center' },
+      { title: '状态', index: 'clientCount3', width: '300px', className: 'text-center' },
+    ];
+  }
+  
+  initSF() {
+    this.schema = {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true,
+          },
+        },
+        storeName: { title: '货源编号', type: 'string', ui: { showRequired: false } },
+        contactsName: {
+          title: '货物名称',
+          type: 'string',
+          ui: {
+            showRequired: false,
+          },
+        },
+        unifiedSocialCreditCode: {
+          title: '装货地',
+          type: 'string',
+          ui: {
+            showRequired: false,
+          },
+        },
+        unifiedSocialCreditCode2: {
+          title: '卸货地',
+          type: 'string',
+          ui: {
+            showRequired: false,
+            visibleIf: {
+              expand: (value: boolean) => value,
+            },
+          },
+        },
+        unifiedSocialCreditCode3: {
+          title: '货主',
+          type: 'string',
+          ui: {
+            showRequired: false,
+            visibleIf: {
+              expand: (value: boolean) => value,
+            },
+          },
+        },
+        enStatus2: {
+          type: 'string',
+          title: '审核状态',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '正常', value: 0 },
+            { label: '冻结', value: 1 },
+            { label: '废弃', value: 2 },
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value,
+            },
+          },
+        },
+      },
+    };
+
+    this.ui = { '*': { spanLabelFixed: 90, grid: { span: 8, gutter: 4 }, enter: () => this.st.load() } };
+  }
+  initUI() {
+    this.ui = {
+      '*': {
+        spanLabelFixed: 90,
+        grid: { span: 8 },
+      },
+    };
+  }
+  tabChange(i: number) {
+    console.log(i)
+    this.changeIndex(i);
+    this.getList();
+  }
+  changeIndex(i: number) {
+    if (i === 0) {
+      this.orderStatus = '0';
+      this.payStatus = null;
+    } else if (i === 1) {
+      this.orderStatus = '5';
+      this.payStatus = null;
+    } else if (i === 2) {
+      this.orderStatus = null;
+      this.payStatus = '10';
+    } else if (i === 3) {
+      this.orderStatus = '20';
+      this.payStatus = null;
+    }
+    this.pageIndex = 1;
+  }
+  getList(type?: string) {
+    // this.loading = true;
+    const params: any = {
+      pageSize: this.pageSize,
+      pageIndex: this.pageIndex,
+      ...this.sf?.value,
+      orderStatus: this.orderStatus,
+      payStatus: this.payStatus,
+      createTime: this.sf?.value.createTime || [],
+      time: {},
+    };
+    if (this.sf?.value?.createTime) {
+      delete params.createTime;
+      params.time.start = this.sf?.value?.createTime[0];
+      params.time.end = this.sf?.value?.createTime[1];
+    }
+    delete params.expand;
+    if (type === 'search') {
+      params.pageIndex = 1;
+    }
+    // this.service.request(this.service.$api_get_page, params).subscribe((res) => {
+    //   this.loading = false;
+    //   this.listData = res.orderPage.records;
+    //   this.toSendCount = res.toSendCount;
+    //   this.listData.forEach((element: { goodsList: { goodsSpecJson: string }[] }) => {
+    //     element.goodsList.forEach((item: { goodsSpecJson: string }) => {
+    //       if (item.goodsSpecJson) {
+    //         item.goodsSpecJson = JSON.parse(item.goodsSpecJson);
+    //       }
+    //     });
+    //   });
+    //   this.total = res.orderPage.total;
+    // });
+  }
+
+  orderExport() {
+    // this.service.exportStart(params, this.service.$api_export);
+    this.modal.create({
+      nzTitle: '订单导出',
+      // nzContent: this.exportTemplate,
+      // nzContent: `待导出订单总数：${this.pageInfo.total}条，确定要导出吗？`,
+      nzOnOk: () => {
+        const params: any = {
+          pageSize: this.pageSize,
+          pageIndex: this.pageIndex,
+          ...this.sf?.value,
+          orderStatus: this.orderStatus,
+          // createTime: this.sf?.value.createTime || [],
+        };
+        delete params.expand;
+      },
+    });
+  }
+
+  goDetail(data: any) {
+    this.router.navigate(['../order-detail', data.orderSn], { relativeTo: this.ar });
+  }
+
+
+  changePageIndex(pageIndex: number) {
+    this.pageIndex = pageIndex;
+    this.getList();
+  }
+  changePageSize(value: number) {
+    this.pageSize = value;
+    this.getList();
+  }
+  expandToggle() {
+    this.sfExpand = !this.sfExpand;
+    this.sf?.setValue('/expand', this.sfExpand);
+  }
+
+  showApply() {
+    this.isVisible = true
+  }
+  showAssign() {
+    this.isVisibleAssign = true
+  }
+  handleOK() {
+
+  }
+handleCancel(type: any) {
+  if(type === 'suppliersType') {
+    this.isVisible = false
+  } else if(type === 'assign') {
+    this.isVisibleAssign = false
+  }
+}
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this.sfExpand = false;
+  }
+  resetSFAssign() {
+    this.sfAssign.reset();
+  }
+
+
+
+   /**
+   * 查询字段个数navigate
+   */
+    get queryFieldCount(): number {
+      return Object.keys(this.schema?.properties || {}).length;
+    }
+}
diff --git a/src/app/routes/supply-goods/components/large-amount/large-amount.component.html b/src/app/routes/supply-goods/components/large-amount/large-amount.component.html
new file mode 100644
index 00000000..c6d18d1a
--- /dev/null
+++ b/src/app/routes/supply-goods/components/large-amount/large-amount.component.html
@@ -0,0 +1,158 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-01 14:58:57
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:25:47
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-goods\\components\\large-amount\\large-amount.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<nz-card>
+  <!-- 搜索区 -->
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf #sf [schema]="schema" [ui]="ui" [mode]="'search'" [disabled]="!sf?.valid" (formSubmit)="st?.load(1)" (formReset)="resetSF()"></sf>
+    </div>
+    <!-- [loading]="false" -->
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button nz-button nzType="primary" [disabled]="!sf.valid" (click)="st?.load(1)">查询</button>
+        <button nz-button (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+<nz-card>
+  <!-- <div class="actionAreaWrap">
+    <button nz-button (click)="orderExport()" nzType="primary">导入货源</button>
+  </div> -->
+  <nz-tabset [nzTabPosition]="'top'" [nzType]="'card'" class="table" [nzSelectedIndex]="nzSelectedIndex">
+    <nz-tab *ngFor="let tab of tabs; let i = index" [nzTitle]="tab" (nzClick)="tabChange(i)">
+      <nz-table
+        #nzTable
+        [nzData]="listData"
+        nzTableLayout="fixed"
+        [nzLoading]="loading"
+        [nzTotal]="total"
+        [nzBordered]="true"
+        [nzScroll]="{ x: '1400px' }"
+        [nzFrontPagination]="false"
+        [nzPageSize]="pageSize"
+        [nzPageIndex]="pageIndex"
+        (nzPageIndexChange)="changePageIndex($event)"
+        [nzShowTotal]="totalTemplate"
+        [nzShowSizeChanger]="true"
+        (nzPageSizeChange)="changePageSize($event)"
+        [nzPageSizeOptions]="[10, 20, 30, 50, 100, 200, 300, 500, 1000]"
+      >
+        <ng-template #totalTemplate let-total> 共 {{ total }} 条 </ng-template>
+        <thead>
+          <tr>
+            <th nzAlign="center" nzWidth="100px">货源编号</th>
+            <th nzWidth="100px" nzAlign="center">货源类型</th>
+            <th nzWidth="100px" nzAlign="center">货主</th>
+            <th nzWidth="100px" nzAlign="center">项目名称</th>
+            <th nzWidth="100px" nzAlign="center">关联运单</th>
+            <th nzWidth="100px" nzAlign="center">货物信息</th>
+            <th nzWidth="100px" nzAlign="center">装货地</th>
+            <th nzWidth="100px" nzAlign="center">卸货地</th>
+            <th nzWidth="100px" nzAlign="center">用车需求</th>
+            <th nzWidth="100px" nzAlign="center">运费单价</th>
+            <th nzWidth="160px" nzAlign="center">结算重量</th>
+            <th nzWidth="160px" nzAlign="center">录单员</th>
+            <th nzWidth="160px" nzAlign="center">调度员</th>
+            <th nzWidth="160px" nzAlign="center">货源状态</th>
+            <th nzWidth="160px" nzAlign="center">截止时间</th>
+            <th nzWidth="160px" nzAlign="center">创建时间</th>
+            <th nzWidth="120px" nzAlign="center">审核状态</th>
+            <th nzWidth="120px" nzAlign="center">操作</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr *ngFor="let data of nzTable.data">
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              <div><span style="color: #52c41a">●</span>已接单</div>
+              <div><span>●</span>已取消</div>
+              <div><span style="color: #f59a23">●</span>待接单</div>
+            </td>
+            <td>
+              {{ data.id3 }}
+            </td>
+
+            <td>
+              {{ data.id3 }}
+            </td>
+            <td>
+              <div>
+                <div><span style="color: #52c41a">●</span>审核通过</div>
+                <div><span style="color: #d9001b">●</span>不通过</div>
+                <div><span style="color: #f59a23">●</span>待审核</div>
+                <!-- <span>待审核</span> -->
+              </div>
+            </td>
+            <td>
+              <div>
+                <a nz-button nzType="link" (click)="showApply()">货源审核</a>
+                <a nz-button nzType="link" (click)="showApply()">修改运费</a>
+                <!-- <a  nz-button nzType="link" nzDanger (click)="showApply()">指派熟车</a> -->
+                <a nz-button nzType="link" nzDanger (click)="showApply()">修改单价</a>
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </nz-table>
+    </nz-tab>
+  </nz-tabset>
+</nz-card>
diff --git a/src/app/routes/supply-goods/components/large-amount/large-amount.component.less b/src/app/routes/supply-goods/components/large-amount/large-amount.component.less
new file mode 100644
index 00000000..36f9126d
--- /dev/null
+++ b/src/app/routes/supply-goods/components/large-amount/large-amount.component.less
@@ -0,0 +1,7 @@
+
+.status-point {
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+}
diff --git a/src/app/routes/supply-goods/components/large-amount/large-amount.component.spec.ts b/src/app/routes/supply-goods/components/large-amount/large-amount.component.spec.ts
new file mode 100644
index 00000000..4511b1f3
--- /dev/null
+++ b/src/app/routes/supply-goods/components/large-amount/large-amount.component.spec.ts
@@ -0,0 +1,31 @@
+/*
+ * @Description:
+ * @Author: wsm
+ * @Date: 2021-07-08 15:46:29
+ * @LastEditTime: 2021-12-01 10:02:07
+ * @LastEditors: Please set LastEditors
+ * @Reference:
+ */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SupplyGoodsComponentListLargeAmountComponent } from './large-amount.component';
+
+describe('SupplyGoodsComponentListLargeAmountComponent', () => {
+  let component: SupplyGoodsComponentListLargeAmountComponent;
+  let fixture: ComponentFixture<SupplyGoodsComponentListLargeAmountComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [SupplyGoodsComponentListLargeAmountComponent],
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SupplyGoodsComponentListLargeAmountComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/supply-goods/components/large-amount/large-amount.component.ts b/src/app/routes/supply-goods/components/large-amount/large-amount.component.ts
new file mode 100644
index 00000000..50ac2849
--- /dev/null
+++ b/src/app/routes/supply-goods/components/large-amount/large-amount.component.ts
@@ -0,0 +1,252 @@
+/*
+ * @Description:
+ * @Author: wsm
+ * @Date: 2021-07-15 09:42:57
+ * @LastEditTime: 2021-12-01 15:06:11
+ * @LastEditors: Please set LastEditors
+ * @Reference:
+ */
+import { AfterViewInit, Component, OnInit, TemplateRef, ViewChild } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
+import { STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper } from '@delon/theme';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { filter } from 'rxjs/operators';
+
+
+@Component({
+  selector: 'app-supply-goods-components-list-large-amount',
+  templateUrl: './large-amount.component.html',
+  styleUrls: ['./large-amount.component.less'],
+})
+export class SupplyGoodsComponentListLargeAmountComponent implements OnInit, AfterViewInit {
+  @ViewChild('st', { static: true }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  validateForm!: FormGroup;
+  @ViewChild('exportTemplate')
+  exportTemplate!: TemplateRef<any>;
+  ui: SFUISchema = {};
+  mode: any = 'search';
+  tabs = ['全部', '进行中',  '已完结',  '已取消'];
+  listData: any =[
+    {
+      id: 1,
+      id2: 2,
+      id3:3,
+      id4: 4,
+    }
+  ]
+  orderStatus: any = '0'; // 订单状态, 10为已提交待付款, 20为已付款待发,30为已发货待收货,50取消订单,40 已完成
+  nzSelectedIndex = 0;
+  total = 1;
+  loading = false;
+  pageSize = 20;
+  pageIndex = 1;
+  toSendCount = 0;
+  addTimeStart = '';
+  addTimeEnd = '';
+  sfExpand = false;
+  _$expand = false;
+
+  schema!: SFSchema;
+  payStatus: any;
+  constructor(
+    private fb: FormBuilder,
+    private modal: NzModalService,
+    private router: Router,
+    private ar: ActivatedRoute,
+    private modalHelper: ModalHelper,
+    public shipperSrv: ShipperBaseService
+    
+  ) {}
+
+  ngOnInit(): void {
+    this.getList();
+    this.initSF();
+    this.initUI();
+  }
+
+  ngAfterViewInit() {
+    // this.router.events.pipe(filter((evt) => evt instanceof NavigationEnd)).subscribe(() => {
+    //
+    // });
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true,
+          },
+        },
+        storeName: { title: '货源编号', type: 'string', ui: { showRequired: false } },
+        contactsName: {
+          title: '货物名称',
+          type: 'string',
+          ui: {
+            showRequired: false,
+          },
+        },
+        unifiedSocialCreditCode: {
+          title: '装货地',
+          type: 'string',
+          ui: {
+            showRequired: false,
+          },
+        },
+        unifiedSocialCreditCode2: {
+          title: '卸货地',
+          type: 'string',
+          ui: {
+            showRequired: false,
+            visibleIf: {
+              expand: (value: boolean) => value,
+            },
+          },
+        },
+        createUserId: {
+          type: 'string',
+          title: '录单员',
+          default: '',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+            asyncData: () => this.shipperSrv.getStaffList(),
+            allowClear: true,
+          },
+        },
+      },
+    };
+    this.ui = { '*': { spanLabelFixed: 90, grid: { span: 8, gutter: 4 }, enter: () => this.st.load() } };
+  }
+  initUI() {
+    this.ui = {
+      '*': {
+        spanLabelFixed: 90,
+        grid: { span: 8 },
+      },
+    };
+  }
+  tabChange(i: number) {
+    console.log(i)
+    this.changeIndex(i);
+    this.getList();
+  }
+  changeIndex(i: number) {
+    if (i === 0) {
+      this.orderStatus = '0';
+      this.payStatus = null;
+    } else if (i === 1) {
+      this.orderStatus = '5';
+      this.payStatus = null;
+    } else if (i === 2) {
+      this.orderStatus = null;
+      this.payStatus = '10';
+    } else if (i === 3) {
+      this.orderStatus = '20';
+      this.payStatus = null;
+    }
+    this.pageIndex = 1;
+  }
+  getList(type?: string) {
+    // this.loading = true;
+    const params: any = {
+      pageSize: this.pageSize,
+      pageIndex: this.pageIndex,
+      ...this.sf?.value,
+      orderStatus: this.orderStatus,
+      payStatus: this.payStatus,
+      createTime: this.sf?.value.createTime || [],
+      time: {},
+    };
+    if (this.sf?.value?.createTime) {
+      delete params.createTime;
+      params.time.start = this.sf?.value?.createTime[0];
+      params.time.end = this.sf?.value?.createTime[1];
+    }
+    delete params.expand;
+    if (type === 'search') {
+      params.pageIndex = 1;
+    }
+    // this.service.request(this.service.$api_get_page, params).subscribe((res) => {
+    //   this.loading = false;
+    //   this.listData = res.orderPage.records;
+    //   this.toSendCount = res.toSendCount;
+    //   this.listData.forEach((element: { goodsList: { goodsSpecJson: string }[] }) => {
+    //     element.goodsList.forEach((item: { goodsSpecJson: string }) => {
+    //       if (item.goodsSpecJson) {
+    //         item.goodsSpecJson = JSON.parse(item.goodsSpecJson);
+    //       }
+    //     });
+    //   });
+    //   this.total = res.orderPage.total;
+    // });
+  }
+
+  orderExport() {
+    // this.service.exportStart(params, this.service.$api_export);
+    this.modal.create({
+      nzTitle: '订单导出',
+      nzContent: this.exportTemplate,
+      // nzContent: `待导出订单总数：${this.pageInfo.total}条，确定要导出吗？`,
+      nzOnOk: () => {
+        const params: any = {
+          pageSize: this.pageSize,
+          pageIndex: this.pageIndex,
+          ...this.sf?.value,
+          orderStatus: this.orderStatus,
+          // createTime: this.sf?.value.createTime || [],
+        };
+        delete params.expand;
+      },
+    });
+  }
+
+  goDetail(data: any) {
+    this.router.navigate(['../order-detail', data.orderSn], { relativeTo: this.ar });
+  }
+
+
+  changePageIndex(pageIndex: number) {
+    this.pageIndex = pageIndex;
+    this.getList();
+  }
+  changePageSize(value: number) {
+    this.pageSize = value;
+    this.getList();
+  }
+  expandToggle() {
+    this.sfExpand = !this.sfExpand;
+    this.sf?.setValue('/expand', this.sfExpand);
+  }
+
+  showApply() {
+
+  }
+ 
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this.sfExpand = false;
+  }
+
+
+
+   /**
+   * 查询字段个数navigate
+   */
+    get queryFieldCount(): number {
+      return Object.keys(this.schema?.properties || {}).length;
+    }
+}
diff --git a/src/app/routes/supply-goods/components/list/list.component.html b/src/app/routes/supply-goods/components/list/list.component.html
new file mode 100644
index 00000000..49b36faf
--- /dev/null
+++ b/src/app/routes/supply-goods/components/list/list.component.html
@@ -0,0 +1,20 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-01 09:25:32
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:25:54
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-goods\\components\\list\\list.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<page-header-wrapper [title]="''"></page-header-wrapper>
+<nz-tabset [nzSelectedIndex]="nzSelectedIndex">
+  <nz-tab nzTitle="整车货源">
+    <app-supply-goods-components-list-carload></app-supply-goods-components-list-carload>
+  </nz-tab>
+  <nz-tab nzTitle="大宗货源">
+    <app-supply-goods-components-list-large-amount></app-supply-goods-components-list-large-amount>
+  </nz-tab>
+</nz-tabset>
diff --git a/src/app/routes/supply-goods/components/list/list.component.spec.ts b/src/app/routes/supply-goods/components/list/list.component.spec.ts
new file mode 100644
index 00000000..1327ea76
--- /dev/null
+++ b/src/app/routes/supply-goods/components/list/list.component.spec.ts
@@ -0,0 +1,34 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-01 09:25:32
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:26:01
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-goods\\components\\list\\list.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SupplyGoodsComponentListComponent } from './list.component';
+
+describe('SupplyGoodsComponentListComponent', () => {
+  let component: SupplyGoodsComponentListComponent;
+  let fixture: ComponentFixture<SupplyGoodsComponentListComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [SupplyGoodsComponentListComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SupplyGoodsComponentListComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/supply-goods/components/list/list.component.ts b/src/app/routes/supply-goods/components/list/list.component.ts
new file mode 100644
index 00000000..66b5c93b
--- /dev/null
+++ b/src/app/routes/supply-goods/components/list/list.component.ts
@@ -0,0 +1,25 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-01 09:25:32
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:26:12
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-goods\\components\\list\\list.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+
+@Component({
+  selector: 'app-supply-goods-components-list',
+  templateUrl: './list.component.html'
+})
+export class SupplyGoodsComponentListComponent implements OnInit {
+  constructor(private ar: ActivatedRoute) {}
+  nzSelectedIndex = 0;
+  ngOnInit(): void {
+    this.nzSelectedIndex = this.ar.snapshot.queryParams.nzSelectedIndex;
+  }
+}
diff --git a/src/app/routes/supply-goods/services/supply-goods.service.ts b/src/app/routes/supply-goods/services/supply-goods.service.ts
new file mode 100644
index 00000000..49f54aac
--- /dev/null
+++ b/src/app/routes/supply-goods/services/supply-goods.service.ts
@@ -0,0 +1,22 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-01 09:24:09
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:26:22
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-goods\\services\\supply-goods.service.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from 'src/app/shared/services/core/base.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class SupplyGoodsService extends BaseService {
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/supply-goods/supply-goods-routing.module.ts b/src/app/routes/supply-goods/supply-goods-routing.module.ts
new file mode 100644
index 00000000..6a0cfb06
--- /dev/null
+++ b/src/app/routes/supply-goods/supply-goods-routing.module.ts
@@ -0,0 +1,22 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-01 09:24:09
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:25:04
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-goods\\supply-goods-routing.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { SupplyGoodsComponentListComponent } from './components/list/list.component';
+
+const routes: Routes = [{ path: 'list', component: SupplyGoodsComponentListComponent }];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class SupplyGoodsRoutingModule {}
diff --git a/src/app/routes/supply-goods/supply-goods.module.ts b/src/app/routes/supply-goods/supply-goods.module.ts
new file mode 100644
index 00000000..ecec755d
--- /dev/null
+++ b/src/app/routes/supply-goods/supply-goods.module.ts
@@ -0,0 +1,30 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-01 09:24:09
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:25:15
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-goods\\supply-goods.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { NgModule } from '@angular/core';
+import { SharedModule } from '@shared';
+import { SupplyGoodsComponentListCarloadComponent } from './components/carload/carload.component';
+import { SupplyGoodsComponentListLargeAmountComponent } from './components/large-amount/large-amount.component';
+import { SupplyGoodsComponentListComponent } from './components/list/list.component';
+import { SupplyGoodsRoutingModule } from './supply-goods-routing.module';
+
+
+const COMPONENTS = [
+  SupplyGoodsComponentListComponent,
+  SupplyGoodsComponentListCarloadComponent,
+  SupplyGoodsComponentListLargeAmountComponent
+];
+
+@NgModule({
+  imports: [SharedModule, SupplyGoodsRoutingModule],
+  declarations: [...COMPONENTS]
+})
+export class SupplyGoodsModule {}
diff --git a/src/app/routes/supply-management/components/add-driver/add-driver.component.html b/src/app/routes/supply-management/components/add-driver/add-driver.component.html
new file mode 100644
index 00000000..e7df0e64
--- /dev/null
+++ b/src/app/routes/supply-management/components/add-driver/add-driver.component.html
@@ -0,0 +1,62 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-14 14:17:38
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-24 19:31:03
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\add-driver\\add-driver.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<div class="modal-header">
+  <div class="modal-title">添加司机</div>
+</div>
+<!-- <nz-spin *ngIf="!i" class="modal-spin"></nz-spin> -->
+<div class="sfBox">
+  <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="schema">
+      <ng-template sf-template="tipsA" let-me let-ui="ui" let-schema="schema">
+          <div class="pr">
+              <dl class="tips">
+                  <dt>正面照</dt>
+                  <dd>示例</dd>
+              </dl>
+              <div class="pa"><img height="104" src="./assets/images/usercenter/certificate-demo-front.png" /></div>
+          </div>
+      </ng-template>
+      <ng-template sf-template="tipsB" let-me let-ui="ui" let-schema="schema">
+          <div class="pr">
+              <dl class="tips">
+                  <dt>背面照</dt>
+                  <dd>示例</dd>
+              </dl>
+              <div class="pa"><img height="104" src="./assets/images/usercenter/certificate-demo-back.png" /></div>
+          </div>
+      </ng-template>
+  </sf>
+  <sf #sf1 [compact]="true" [ui]="ui2" [schema]="schema1" [button]="'none'" *ngIf="schema1">
+      <ng-template sf-template="roadImg" let-me let-ui="ui" let-schema="schema">
+          <img height="104" src="/assets/images/drivercard.png" class="borderImg" />
+      </ng-template>
+  </sf>
+  <sf #sf2 [compact]="true" [ui]="ui3" [schema]="schema2" [button]="'none'" *ngIf="schema2">
+      <ng-template sf-template="agreeImg" let-me let-ui="ui" let-schema="schema">
+          <img height="104" src="/assets/images/jopcard.png" class="borderImg" />
+      </ng-template>
+  </sf>
+  <!-- <div class="example" (click)="showExample()">
+    查看示例
+    <div class="popBox" *ngIf="showCardFlag">
+        <img src="https://ng.ant.design/assets/img/logo.svg" alt="">
+    </div>
+</div>
+<div class="example positionSet" (click)="showJopExample()">
+    查看示例
+    <div class="popBox" *ngIf="showJopFlag">
+        <img src="https://ng.ant.design/assets/img/logo.svg" alt="">
+    </div>
+</div> -->
+</div>
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">关闭</button>
+  <button nz-button type="button" nzType="primary" (click)="submitForm()" [disabled]="!(sf?.valid && sf1?.valid && sf2?.valid)" [nzLoading]="service.http.loading">确定</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/supply-management/components/add-driver/add-driver.component.less b/src/app/routes/supply-management/components/add-driver/add-driver.component.less
new file mode 100644
index 00000000..af8ad338
--- /dev/null
+++ b/src/app/routes/supply-management/components/add-driver/add-driver.component.less
@@ -0,0 +1,57 @@
+.sfBox{
+  position: relative;
+}
+.pr {
+  position: relative;
+}
+
+.pa {
+  position: absolute;
+  top: 35px;
+  left: 150px;
+  img{border: solid 1px #ebf0fb;}
+}
+
+.tips {
+  display: flex;
+  margin-bottom: 0;
+  color: #333;
+
+  dt {
+    width: 150px;
+  }
+
+  dd {
+    width: 190px;
+    margin-bottom: 0;
+    text-align: center;
+  }
+}
+.drivercard{
+  position: absolute;
+  top: 620px;
+  left: 330px;
+  border: solid 1px #ebf0fb;
+}
+.jopcard{
+  position: absolute;
+  top: 1034px;
+  left: 330px;
+  border: solid 1px #ebf0fb;
+}
+:host{
+  ::ng-deep {
+    .ant-input-borderless{
+      padding: 0;
+      padding-top: 4px;
+      color: black;
+      resize:none;
+    }
+    .setCustom .ant-form-item-control{
+      margin-left: -100px !important
+    }
+    .borderImg{
+      border: solid 1px #ebf0fb;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/app/routes/supply-management/components/add-driver/add-driver.component.spec.ts b/src/app/routes/supply-management/components/add-driver/add-driver.component.spec.ts
new file mode 100644
index 00000000..92751ffa
--- /dev/null
+++ b/src/app/routes/supply-management/components/add-driver/add-driver.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { CarAddDriverComponent } from './add-driver.component';
+
+describe('CarAddDriverComponent', () => {
+  let component: CarAddDriverComponent;
+  let fixture: ComponentFixture<CarAddDriverComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ CarAddDriverComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CarAddDriverComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/supply-management/components/add-driver/add-driver.component.ts b/src/app/routes/supply-management/components/add-driver/add-driver.component.ts
new file mode 100644
index 00000000..18c09240
--- /dev/null
+++ b/src/app/routes/supply-management/components/add-driver/add-driver.component.ts
@@ -0,0 +1,640 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { apiConf } from '@conf/api.conf';
+import { cacheConf } from '@conf/cache.conf';
+import { SFComponent, SFUISchema, SFSchema, SFUploadWidgetSchema, SFDateWidgetSchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { EACacheService, EAEnvironmentService } from '@shared';
+import { AnyRecord } from 'dns';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { NzUploadFile } from 'ng-zorro-antd/upload';
+import { Observable, Observer, of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { SupplyManagementService } from '../../services/supply-management.service';
+@Component({
+  selector: 'app-car-add-driver',
+  templateUrl: './add-driver.component.html',
+  styleUrls: ['./add-driver.component.less']
+})
+export class CarAddDriverComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sf1', { static: false }) sf1!: SFComponent;
+  @ViewChild('sf2', { static: false }) sf2!: SFComponent;
+  record: any = {};
+  i: any;
+  ui: SFUISchema = {};
+  ui2: SFUISchema = {};
+  ui3: SFUISchema = {};
+  schema: SFSchema = {};
+  schema1: SFSchema = {};
+  schema2: SFSchema = {};
+  showCardFlag = false;
+  showJopFlag = false;
+  detailData: any = {
+    identityInfoDTO: {},
+    userDriverLicenseDTO: {},
+    userPracticeSeniorityDTO: {}
+  };
+  companyData: any = {};
+  mobile = ''
+  checked = false
+  constructor(
+    private modal: NzModalRef,
+    public service: SupplyManagementService,
+    private envSrv: EAEnvironmentService,
+    private eaCacheSrv: EACacheService,
+  ) { }
+
+  ngOnInit(): void {
+    this.companyData = this.eaCacheSrv.get(cacheConf.env)
+    this.initSF()
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        titleA: {
+          title: '司机信息(必填）',
+          type: 'string',
+          ui: {
+            widget: 'text',
+          },
+          default: '照片上传后会自动识别文字并填充下列内容栏'
+        },
+        mobile: {
+          title: '手机号',
+          type: 'string',
+          maxLength: 11,
+          ui: {
+            widget: '', 
+          },
+          default: this.mobile
+        },
+        showName: {
+          title: '身份证照片',
+          type: 'string',
+          readOnly: true,
+          ui: {
+            widget: 'textarea',
+            borderless:true,
+            showRequired: true,
+          },
+          default: '请上传身份证原件的高清照片，若上传复印件，则需加盖公司印章及法人签字；上传后系统会自动识别并填写',
+        },
+        tipsA: {
+          title: '',
+          type: 'string',
+          ui: {
+            widget: 'custom',
+            offsetControl: 6,
+          },
+        },
+        certificatePhotoFrontWatermark: {
+          type: 'string',
+          title: '',
+          ui: {
+            offsetControl: 6,
+            action: apiConf.waterFileUpload,
+            accept: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            widget: 'upload',
+            descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过2M',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                const avatar = [
+                  {
+                    uid: -1,
+                    name: 'LOGO',
+                    status: 'done',
+                    url: args.file.response.data.fullFileWatermarkPath,
+                    response: {
+                      url: args.file.response.data.fullFileWatermarkPath,
+                    },
+                  },
+                ];
+                this.sf?.setValue('/certificatePhotoFrontWatermark', avatar);
+                this.detailData.certificatePhotoFront = args.file.response.data.fullFilePath
+                this.checkIdCard(args.file.response.data.fullFilePath, 'front', 0);
+              } else {
+                this.detailData.certificatePhotoFront = ''
+              }
+            },
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt2M = file.size / 1024 / 1024 < 2;
+                if (!isLt2M) {
+                  this.service.msgSrv.warning('图片大小超过2M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt2M);
+                observer.complete();
+              });
+            },
+            previewFile: (file: NzUploadFile) => of(file.url),
+          },
+        },
+        tipsB: {
+          title: '',
+          type: 'string',
+          ui: {
+            widget: 'custom',
+            offsetControl: 6,
+          },
+        },
+        certificatePhotoBackWatermark: {
+          type: 'string',
+          title: '',
+          ui: {
+            offsetControl: 6,
+            action: apiConf.waterFileUpload,
+            accept: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            widget: 'upload',
+            descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过2M',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                const avatar = [
+                  {
+                    uid: -1,
+                    name: 'LOGO',
+                    status: 'done',
+                    url: args.file.response.data.fullFileWatermarkPath,
+                    response: {
+                      url: args.file.response.data.fullFileWatermarkPath,
+                    },
+                  },
+                ];
+                this.sf?.setValue('/certificatePhotoBackWatermark', avatar);
+                this.detailData.certificatePhotoBack = args.file.response.data.fullFilePath
+                this.checkIdCard(args.file.response.data.fullFilePath, 'back', 0);
+              } else {
+                this.detailData.certificatePhotoBack = ''
+              }
+            },
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt2M = file.size / 1024 / 1024 < 2;
+                if (!isLt2M) {
+                  this.service.msgSrv.warning('图片大小超过2M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt2M);
+                observer.complete();
+              });
+            },
+           previewFile: (file: NzUploadFile) => of(file.url),}
+        },
+        name: {
+          title: '姓名',
+          type: 'string',
+          maxLength: 32,
+          ui: {
+            widget: '',
+            placeholder: '请输入姓名',
+          },
+        },
+        certificateNumber: {
+          title: '身份证号',
+          type: 'string',
+          format: 'id-card',
+          minLength: 1,
+          maxLength: 18,
+          ui: {
+            widget: '',
+            placeholder: '请输入法定代表人证件号',
+            errors: {
+              required: '请输入18位身份证号码',
+            },
+          },
+        },
+      },
+      required: [
+        'certificatePhotoFrontWatermark',
+        'certificatePhotoBackWatermark',
+        'name',
+        'certificateNumber'
+      ],
+    };
+    this.schema1 = {
+      properties: {
+        titleB: {
+          title: '驾驶证信息(必填）',
+          type: 'string',
+          ui: {
+            widget: 'text',
+          },
+          default: '照片上传后会自动识别文字并填充下列内容栏'
+        },
+        certificatePhotoWatermark: {
+          type: 'string',
+          title: '驾驶证照片',
+          ui: {
+            action: apiConf.fileUpload,
+            accept: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            widget: 'upload',
+            descriptionI18n: '请上传驾驶证照片，支持JPG、PNG格式，文件小于5M。照片信息缺失、拼凑、过度PS、模糊不清，都不会通过审核。',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                this.detailData.userDriverLicenseDTO.certificatePhoto = args.file.response.data.fullFilePath
+                this.checkDriverCard(args.file.response.data.fullFilePath, 'front', 0);
+              } else {
+                this.detailData.userDriverLicenseDTO.certificatePhoto = ''
+              }
+            },
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt4M = file.size / 1024 / 1024 < 5;
+                if (!isLt4M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt4M);
+                observer.complete();
+              });
+            },
+           previewFile: (file: NzUploadFile) => of(file.url),}
+        },
+        roadImg: {
+          title: '',
+          type: 'boolean',
+          // enum: [{ label: '长期', value: true }],
+          ui: {
+            widget: 'custom',
+          }
+        },
+        licenseNo: {
+          title: '驾驶证号',
+          type: 'string',
+          ui: {
+           // widget: 'text',
+           placeholder: '请输入',
+          },
+          // default: this.ar.snapshot.queryParams.licenseNo
+        },
+        driverModel: {
+          title: '准驾车型',
+          type: 'string',
+          ui: {
+            widget: 'select',
+            mode: 'multiple',
+            containsAllLabel: false,
+            placeholder: '请选择准驾车型',  
+            asyncData: () => 
+              this.service.request(this.service.$api_getDictValue, { dictKey: 'driverModel' }).pipe(
+                map((data: any) => {
+                  return data.map((m: any) => {
+                    return { label: m.label, value: m.label };
+                  });
+                }),
+              ),        
+          },
+        },
+        validStartTime: {
+          title: '有效期起',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            errors: {
+              required: '请选择起始日期',
+            },
+            change: (i) => { },
+          } as SFDateWidgetSchema,
+        },
+        validEndTime: {
+          title: '有效期止',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            errors: {
+              required: '请选择终止日期',
+            },
+            change: (i) => { },
+          } as SFDateWidgetSchema,
+        },
+        signingOrganization: {
+          title: '签发机关',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            // widget: this.detailData.commitFlag !== 0 ? 'text' : '',
+            placeholder: '请输入',
+          },
+        },
+      },
+      required: [
+        'certificatePhotoWatermark',
+        'licenseNo',
+        'driverModel',
+        'validStartTime',
+        'validEndTime',
+      ],
+    };
+    this.schema2 = {
+      properties: {
+        titleC: {
+          title: '从业资格证(选填）',
+          type: 'string',
+          ui: {
+            widget: 'text',
+          },
+          default: '照片上传后会自动识别文字并填充下列内容栏',
+        },
+        certificatePhotoWatermark: {
+          type: 'string',
+          title: '',
+          ui: {
+            offsetControl: 6,
+            action: apiConf.fileUpload,
+            accept: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            widget: 'upload',
+            descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                this.detailData.userPracticeSeniorityDTO.certificatePhoto = args.file.response.data.fullFilePath
+                this.checkQualificationCertificate(args.file.response.data.fullFilePath);
+              } else{
+                this.detailData.userPracticeSeniorityDTO.certificatePhoto = ''
+              }
+            },
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt2M = file.size / 1024 / 1024 < 5;
+                if (!isLt2M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt2M);
+                observer.complete();
+              });
+            },
+           previewFile: (file: NzUploadFile) => of(file.url),}
+        },
+        agreeImg: {
+          title: '',
+          type: 'boolean',
+          // enum: [{ label: '长期', value: true }],
+          ui: {
+            widget: 'custom',
+          }
+        },
+        licenseNo: {
+          title: '从业资格证号',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            // widget: this.detailData.commitFlag !== 0 ? 'text' : '',
+            placeholder: '请输入',
+          },
+        },
+        regionCode: {
+          title: '签发省份',
+          type: 'string',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            asyncData: () => this.getProvinceData(),
+          } as SFDateWidgetSchema,
+        },
+        validStartTime: {
+          title: '发证日期',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            errors: {
+              required: '请选择起始日期',
+            },
+            change: (i) => { },
+          } as SFDateWidgetSchema,
+        },
+        validEndTime: {
+          title: '有效期止',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            errors: {
+              required: '请选择终止日期',
+            },
+            change: (i) => { },
+          } as SFDateWidgetSchema,
+        },
+      },
+      required: [
+        
+      ],
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 180,
+        grid: { span: 24 },
+        width: 700,
+      },
+    };
+    this.ui2 = {
+      '*': {
+        spanLabelFixed: 180,
+        grid: { span: 18 },
+        width: 600,
+      },
+      $titleB:{
+        grid: { span: 24 },
+      },
+      $certificatePhotoWatermark: {
+        grid: { span: 12 },
+      },
+      $roadImg: {
+        grid: { span: 4 },
+        class: 'setCustom'
+      },
+    };
+    this.ui3 = {
+      '*': {
+        spanLabelFixed: 180,
+        grid: { span: 18 },
+        width: 600,
+      },
+      $titleC:{
+        grid: { span: 24 },
+      },
+      $certificatePhotoWatermark: {
+        grid: { span: 12 },
+      },
+      $agreeImg: {
+        grid: { span: 4 },
+        class: 'setCustom'
+      },
+    };
+  }
+  checkQualificationCertificate(imgurl: any) {
+    // 识别从业资格证 参数side：0-正面、1-背面；type：0-申请人身份证，1-法定代表人身份证
+    const params = {
+      qualificationCertificateUrl: imgurl,
+    };
+    this.service.request(this.service.$api_recognizeQualificationCertificate, params).subscribe((res: any) => {
+      if (res) {
+        this.sf2.setValue('/licenseNo', res.certificateNumber);
+        this.sf2.setValue('/regionCode', res.addressRegionCodes[0]);
+        res.qualificationCategoryList.forEach((item: any) => {
+          console.log(item.category.indexOf('道路货物运输驾驶员') !== -1)
+          if (item.category.indexOf('道路货物运输驾驶员') !== -1) {
+            this.sf2.setValue('/validStartTime', item.initialIssueDate.split(' ')[0]);
+            this.sf2.setValue('/validEndTime', item.expiryDate.split(' ')[0]);
+          }
+        })
+        
+      }
+    });
+  }
+  getProvinceData() {
+    return this.service.request(this.service.$api_getRegionByCode, { regionCode: '' }).pipe(
+      map((res: any) => {
+        const result: any = []
+        if (res) {
+          res.map((m: any) => {
+            const item = { label: m.name, value: m.regionCode }
+            result.push(item)
+          });
+        }
+        return result
+      })
+    );
+  }
+  checkIdCard(imgurl: any, side: any, type: any) {
+    // 识别身份证 参数side：0-正面、1-背面；type：0-申请人身份证，1-法定代表人身份证
+    const params = {
+      idCardUrl: imgurl,
+      side,
+    };
+    this.service.request(this.service.$api_checkIdCard, params).subscribe((res: any)=> {
+      if (res) {
+        if (type === 0) {
+          // 法定代表人身份证
+          if (side === 'front') {
+            // 正面
+            this.sf.setValue('/name', res.name);
+            this.sf.setValue('/certificateNumber', res.number);
+          }
+        }
+      }
+    });
+  }
+  checkDriverCard(imgurl: any, side: any, type: any) {
+    // 识别身份证 参数side：0-正面、1-背面；type：0-申请人身份证，1-法定代表人身份证
+    const params = {
+      driverLicenseUrl: imgurl,
+      side,
+    };
+    this.service.request(this.service.$api_recognizeDriverLicense, params).subscribe((res: any) => {
+      if (res) {
+        if (type === 0) {
+          // 法定代表人身份证
+          if (side === 'front') {
+            // 正面
+            this.sf1.setValue('/licenseNo', res.number);
+            this.sf1.setValue('/driverModel', [(res.classType).toUpperCase()]);
+            this.sf1.setValue('/validStartTime', res.validFrom);
+            this.sf1.setValue('/validEndTime', res.validTo);
+            this.sf1.setValue('/signingOrganization', res.issuingAuthority);
+          }
+        }
+      }
+    });
+  }
+  close(): void {
+    this.modal.destroy();
+  }
+  showExample(){
+    this.showCardFlag = !this.showCardFlag
+  }
+  showJopExample(){
+    this.showJopFlag = !this.showJopFlag
+  }
+  submitForm(){
+    const params:any = {
+      source: 1,
+      mobile: this.sf.value.mobile,
+      identityInfoDTO:{
+        ...this.sf.value,
+        certificatePhotoFront: this.detailData.certificatePhotoFront,
+        certificatePhotoBack: this.detailData.certificatePhotoBack,
+      },
+      userDriverLicenseDTO: {
+        ...this.sf1.value,
+        certificatePhoto: this.detailData.userDriverLicenseDTO.certificatePhoto,
+      },
+      userPracticeSeniorityDTO: {
+        ...this.sf2.value,
+        certificatePhoto: this.detailData.userPracticeSeniorityDTO.certificatePhoto,
+      },
+    };
+    if(params.userPracticeSeniorityDTO.certificatePhoto === '' || params.userPracticeSeniorityDTO.certificatePhotoWatermark === '') {
+      delete params.userPracticeSeniorityDTO.certificatePhotoWatermark
+      delete params.userPracticeSeniorityDTO.certificatePhoto
+    }
+    params.userDriverLicenseDTO.driverModel = params.userDriverLicenseDTO.driverModel.join(',')
+    delete params.identityInfoDTO.showName;
+    delete params.identityInfoDTO.titleA;
+    delete params.userDriverLicenseDTO.titleB;
+    delete params.userPracticeSeniorityDTO.titleC;
+    delete params.userDriverLicenseDTO.tipsA;
+    delete params.userPracticeSeniorityDTO.tipsC;
+    if(JSON.stringify(params.userPracticeSeniorityDTO) === '{}') {
+      params.userPracticeSeniorityDTO = null
+    }
+    this.checked = true
+    this.service.request(this.service.$api_enterpriseVehicleSave, params).subscribe((res: any) => {
+      this.checked = false
+      if(res){
+        this.service.msgSrv.success('添加成功')
+        this.modal.close(true)
+      }
+    })
+  }
+}
diff --git a/src/app/routes/supply-management/components/add-drivers/add-drivers.component.html b/src/app/routes/supply-management/components/add-drivers/add-drivers.component.html
new file mode 100644
index 00000000..1ff67246
--- /dev/null
+++ b/src/app/routes/supply-management/components/add-drivers/add-drivers.component.html
@@ -0,0 +1,14 @@
+<div nz-row nzGutter="20">
+  <div nz-col nzSpan="13">
+    <div class="mb-sm">
+      <sf mode="search" [schema]="searchSchema" [button]="null" #sf>
+        <button nzType="primary" nz-button (click)="search()" [nzLoading]="service.http.loading">搜索</button>
+      </sf>
+    </div>
+  </div>
+</div>
+<nz-spin *ngIf="false">
+</nz-spin>
+<div>
+  <st #st [data]="diverList" [columns]="columns" [req]="{params: reqParams}"></st>
+</div>
diff --git a/src/app/routes/supply-management/components/add-drivers/add-drivers.component.spec.ts b/src/app/routes/supply-management/components/add-drivers/add-drivers.component.spec.ts
new file mode 100644
index 00000000..ef047291
--- /dev/null
+++ b/src/app/routes/supply-management/components/add-drivers/add-drivers.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SupplyManagementAddDriversComponent } from './add-drivers.component';
+
+describe('SupplyManagementAddDriversComponent', () => {
+  let component: SupplyManagementAddDriversComponent;
+  let fixture: ComponentFixture<SupplyManagementAddDriversComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SupplyManagementAddDriversComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SupplyManagementAddDriversComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/supply-management/components/add-drivers/add-drivers.component.ts b/src/app/routes/supply-management/components/add-drivers/add-drivers.component.ts
new file mode 100644
index 00000000..da816bfe
--- /dev/null
+++ b/src/app/routes/supply-management/components/add-drivers/add-drivers.component.ts
@@ -0,0 +1,120 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STColumnButton, STComponent, STData } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { SupplyManagementService } from '../../services/supply-management.service';
+
+@Component({
+  selector: 'app-supply-management-add-drivers',
+  templateUrl: './add-drivers.component.html',
+})
+export class SupplyManagementAddDriversComponent implements OnInit {
+  url = `/user?_allow_anonymous=true`;
+  i: any;
+  searchSchema: SFSchema = {};
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf') sf!: SFComponent;
+  ui: SFUISchema = {}
+  columns: STColumn[] = [];
+  isVisible = false;
+  diverList: object[] = [];
+  dirvierInfo: any = {};
+  constructor(public service: SupplyManagementService, private modal: NzModalRef) { }
+
+  ngOnInit(): void {
+    this.initSF();
+    this.initST();
+  }
+
+  /**
+* 查询参数
+*/
+  get reqParams() {
+    return {
+      ...this.sf?.value
+    };
+  }
+  /**
+* 初始化查询表单
+*/
+  initSF() {
+    this.searchSchema = {
+      properties: {
+        mobile: {
+          type: 'string',
+          title: '车队长手机号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+      },
+      type: 'object',
+    };
+    this.ui = { '*': { spanLabelFixed: 80, grid: { span: 8, gutter: 4 } } };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      {
+        title: '司机头像',
+        width: '100px',
+        className: 'text-center',
+        index: 'avatar',
+        type: 'img',
+      },
+      { title: '司机姓名', index: 'name', width: '120px', className: 'text-center' },
+      { title: '实名认证状态', index: 'linkUrl', width: '120px', className: 'text-center' },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '200px',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '设置',
+            click: (_record) => this.addCaptain(_record)
+            // iif: (item: STData, btn: STColumnButton, column: STColumn) => item?.status > 0,
+          },
+        ],
+      },
+    ];
+  }
+
+
+
+  search() {
+    this.getDriverList();
+  }
+
+
+  getDriverList() {
+    this.service.request(this.service.$api_get_car_captain_by_mobile, { ...this.sf?.value }).subscribe((res: any) => {
+      this.diverList = [];
+      if (res.userId) {
+        this.diverList.push(res);
+      }
+      // this.st.reload();
+    })
+  }
+
+
+  /**
+   *
+   */
+  addCaptain(item: any) {
+    this.modal.close(item); // 虚设置车队长
+    // const { appUserId: carCaptain } = item;
+    // const { appUserId } = this.dirvierInfo;
+    // this.service.request(this.service.$api_add_car_caption, { carCaptain, appUserId }).subscribe(res => {
+    //   if (res) {
+    //     this.service.msgSrv.success('设置成功');
+    //     this.modal.close(true);
+    //   }
+    // })
+  }
+
+}
diff --git a/src/app/routes/supply-management/components/addmodal/addmodal.component.html b/src/app/routes/supply-management/components/addmodal/addmodal.component.html
new file mode 100644
index 00000000..ce7b7eb1
--- /dev/null
+++ b/src/app/routes/supply-management/components/addmodal/addmodal.component.html
@@ -0,0 +1,88 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-21 10:57:48
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:27:26
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\addmodal\\addmodal.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<div class="modal-header">
+  <div class="modal-title">添加熟车</div>
+</div>
+<div>
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="initData(true)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading" (click)="initData(true)">查询</button>
+        <button nz-button (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+  <!-- 数据列表 -->
+  <!-- [data]="service.$api_getCarCaptainByMobile" -->
+  <div *ngIf="sf?.value?.mobile && tableData?.length > 0">
+    <st
+      #st
+      multiSort
+      bordered
+      [columns]="columns"
+      [ps]="20"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: '', ps: '' }, params: reqParams }"
+      [res]="{ reName: { list: 'data', total: 'data.total' } }"
+      [page]="{ show: true, showSize: true, pageSizes: [20, 50, 100] }"
+      [loading]="false"
+      [data]="tableData"
+    >
+      <ng-template st-row="certificationStatus" let-item let-index="index">
+        <div *ngIf="item.certificationStatus === -1">
+          <span class="ng-tns-c230-1239 ant-badge-status-dot ant-badge-status-processing ng-star-inserted"></span> 未认证
+        </div>
+        <div *ngIf="item.certificationStatus === 0">
+          <span class="ng-tns-c230-1239 ant-badge-status-dot ant-badge-status-processing ng-star-inserted"></span> 待审核
+        </div>
+        <div *ngIf="item.certificationStatus === 1">
+          <span class="ng-tns-c230-1239 ant-badge-status-dot ant-badge-status-success ng-star-inserted"></span> 已成功
+        </div>
+        <div *ngIf="item.certificationStatus === 2">
+          <span class="ng-tns-c230-1240 ant-badge-status-dot ant-badge-status-warning ng-star-inserted"></span> 已驳回
+        </div>
+      </ng-template>
+      <ng-template st-row="carModel" let-item let-index="index">
+        <span>{{ item.carModelLabel }}-{{ item.carLengthLabel }}米-{{ item.carLoad }}吨</span>
+      </ng-template>
+    </st>
+  </div>
+
+  <div class="noContent" *ngIf="sf?.value?.mobile && tableData?.length === 0 && flag">
+    抱歉，该手机号还未注册，仍然需要添加请点击 <span (click)="addModal()">继续添加 </span>
+  </div>
+</div>
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">关闭</button>
+</div>
diff --git a/src/app/routes/supply-management/components/addmodal/addmodal.component.less b/src/app/routes/supply-management/components/addmodal/addmodal.component.less
new file mode 100644
index 00000000..700887cc
--- /dev/null
+++ b/src/app/routes/supply-management/components/addmodal/addmodal.component.less
@@ -0,0 +1,38 @@
+
+:host{
+    ::ng-deep{
+        .ant-card-meta-title{
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+        .nameBox {
+            display: flex;
+            align-items: baseline;
+            .name{
+             margin: 0 10px 0 0;
+            }
+        }
+        .ant-badge-status{
+            color: #666
+        }
+        
+    }
+    .title{
+        clear: both;
+        margin: 10px 0;
+        font-weight: bold;
+        font-size: 14px;
+    }
+    .noContent{
+        width: 100%;
+        min-height: 300px;
+        font-size: 16px;
+        line-height: 300px;
+        text-align: center;
+        span {
+            color: #1890ff;
+            cursor: pointer;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/supply-management/components/addmodal/addmodal.component.spec.ts b/src/app/routes/supply-management/components/addmodal/addmodal.component.spec.ts
new file mode 100644
index 00000000..b15da72d
--- /dev/null
+++ b/src/app/routes/supply-management/components/addmodal/addmodal.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { CarAddmodalComponent } from './addmodal.component';
+
+describe('CarAddmodalComponent', () => {
+  let component: CarAddmodalComponent;
+  let fixture: ComponentFixture<CarAddmodalComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ CarAddmodalComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CarAddmodalComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/supply-management/components/addmodal/addmodal.component.ts b/src/app/routes/supply-management/components/addmodal/addmodal.component.ts
new file mode 100644
index 00000000..7497b56a
--- /dev/null
+++ b/src/app/routes/supply-management/components/addmodal/addmodal.component.ts
@@ -0,0 +1,175 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { cacheConf } from '@conf/cache.conf';
+import { STColumn, STComponent, STChange, STData } from '@delon/abc/st';
+import { SFUISchema, SFSchema, SFComponent } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { EACacheService } from '@shared';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { SupplyManagementService } from '../../services/supply-management.service';
+import { CarAddDriverComponent } from '../add-driver/add-driver.component';
+
+@Component({
+  selector: 'app-car-addmodal',
+  templateUrl: './addmodal.component.html',
+  styleUrls: ['./addmodal.component.less']
+})
+export class CarAddmodalComponent implements OnInit {
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  _$expand = false;
+  ui!: SFUISchema;
+  schema!: SFSchema;
+  columns!: STColumn[];
+  tableData: any = [];
+  companyData: any = {};
+  flag = false
+  isLoading: boolean = false;
+  constructor(
+    private modal: NzModalRef,
+    private eaCacheSrv: EACacheService,
+    public service: SupplyManagementService, private router: Router, private ar: ActivatedRoute,
+    private modalHelper: ModalHelper
+  ) { }
+
+  /**
+    * 查询字段个数
+    */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    return { ...params };
+  }
+
+  /**
+   * 选中行
+   */
+  get selectedRows() {
+    return this.st?.list.filter((item: any) => item.checked) || [];
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+    this.isLoading = true
+  }
+  /**
+   * 程序初始化入口
+   */
+  ngOnInit() {
+    this.companyData = this.eaCacheSrv.get(cacheConf.env)
+    this.initSF();
+    this.initST()
+    this.initData()
+  }
+
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        mobile: { title: '司机手机号', type: 'string', maxLength: 11, ui: { showRequired: false, placeholder: '请输入司机手机号', } },
+      },
+    };
+    this.ui = {
+      '*': { spanLabelFixed: 120, grid: { span: 8, gutter: 4 }, enter: () => this.st?.load(1) },
+      $time: { grid: { span: 24 } },
+    };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '司机头像', type: 'img', index: 'avatar', className: 'text-center' },
+      { title: '司机姓名', index: 'name', className: 'text-center' },
+      { title: '当前车辆', index: 'carNo', className: 'text-center' },
+      { title: '车辆信息', render: 'carModel', className: 'text-center' },
+      {
+        title: '个人认证状态',
+        render: 'certificationStatus',
+        className: 'text-center',
+      },
+      { title: '驾驶证类型', index: 'driverType', className: 'text-center' },
+      {
+        title: '操作',
+        width: '180px',
+        className: 'text-center',
+        buttons: [
+          { text: '添加', click: (_record: any) => this.add(_record) },
+        ],
+      },
+    ];
+  }
+  initData(flag?: any) {
+    if (this.sf?.value.mobile) {
+      this.service.request(this.service.$api_getCarCaptainByMobile, { mobile: this.sf?.value.mobile }).subscribe((res: any) => {
+        this.flag = flag
+        if (res.userId) {
+          this.tableData = [res];
+          setTimeout(() => {
+            this.st.reload()
+          })
+        } else {
+          this.tableData = []
+        }
+      })
+    }
+  }
+  /**
+   * 数据列表状态变化事件
+   */
+  change(change: STChange) {
+    // console.log(change);
+  }
+
+  /**
+   * 新增
+   */
+  add(item: any) {
+    const params: any = {
+      source: 1,
+      appUserId: item.appUserId ? item.appUserId : '',
+      mobile: item.mobile
+    }
+    this.service.request(this.service.$api_enterpriseVehicleSave, params).subscribe((res: any) => {
+      if (res) {
+        this.service.msgSrv.success('添加成功')
+        this.modal.close(true)
+      }
+    })
+  }
+  addModal() {
+    this.modalHelper.create(CarAddDriverComponent, {mobile: this.sf?.value.mobile}, { size: 900 }).subscribe((res) => {
+      this.initData()
+    });
+    //this.router.navigate(['/car/add'])
+  }
+  goBack() {
+    window.history.go(-1);
+  }
+  close(): void {
+    this.modal.close(true);
+  }
+}
diff --git a/src/app/routes/supply-management/components/assigned-car/assigned-car.component.html b/src/app/routes/supply-management/components/assigned-car/assigned-car.component.html
new file mode 100644
index 00000000..22030b03
--- /dev/null
+++ b/src/app/routes/supply-management/components/assigned-car/assigned-car.component.html
@@ -0,0 +1,49 @@
+<div>
+  <div nz-row>
+    <div nz-col nzSpan="18">
+      <sf #sf [schema]="schema" mode="search" [ui]="ui" [compact]="true" (formSubmit)="st.load(1)"
+        (formReset)="reset()"></sf>
+    </div>
+    <!-- <div nz-col nzSpan="6">
+      <button nz-button nzType="primary" style="margin-bottom: 24px" (click)="addDriver()"><i nz-icon
+          nzType="plus"></i>添加司机</button>
+    </div> -->
+  </div>
+
+  <div>
+    <st #st [data]="service.$api_get_practice_car_list"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+      [columns]="columns" [res]="{ reName: { list: 'data.records', total: 'data.total' },process:dataProcess }"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+      (change)="changeSt($event)">
+      <ng-template st-row="carId" let-item let-index="index">
+        <nz-select [(ngModel)]="item.carId" style="width: 280px;">
+          <nz-option [nzValue]="''" nzLabel="不限"></nz-option>
+          <nz-option [nzValue]="car.carId" [nzLabel]="car.carNo"
+            *ngFor="let car of item.userCarLicenseDesensitizationVOList" [nzCustomContent]="true">
+            <span>{{car.carNo}} -</span>
+            <span>{{car.carLength}}米,{{car.carLoad}}吨 -</span>
+            <span *ngIf="car?.approvalStatus === 20 && !car.carStatus " class="text-success-dark">空闲</span>
+            <span *ngIf="car?.approvalStatus === 20 && car.carStatus " class="text-warning-dark">在途</span>
+            <span *ngIf="car?.approvalStatus !== 20" class="text-red-dark">未认证</span>
+            <!-- <span [ngClass]="cardBADGE[car.carStatus]?.color">{{cardBADGE[car.carStatus]?.text}}</span> -->
+          </nz-option>
+        </nz-select>
+      </ng-template>
+      <ng-template st-row="carCaptain" let-item let-index>
+        <span>{{item.captainName}} {{item.captainPhone}}</span>
+        <a (click)="verifyCanSetCarCaptain(item)">设置</a>
+      </ng-template>
+      <ng-template st-row="driverStatus" let-item let-index>
+        <span *ngIf="item?.certificationStatus === 1 && item.driverStatus === 0" class="text-success-dark">空闲</span>
+        <span *ngIf="item?.certificationStatus === 1 && item.driverStatus === 1" class="text-warning-dark">在途</span>
+        <span *ngIf="item?.certificationStatus !== 1" class="text-red-dark">未认证</span>
+      </ng-template>
+    </st>
+  </div>
+  <div class="modal-footer">
+    <button nz-button type="button" (click)="close()">关闭</button>
+    <button nz-button type="submit" nzType="primary" (click)="verifyVechicleStatus(params)" [disabled]="!selectedRows"
+      [nzLoading]="service.http.loading">发布并指派给司机</button>
+  </div>
+</div>
diff --git a/src/app/routes/supply-management/components/assigned-car/assigned-car.component.spec.ts b/src/app/routes/supply-management/components/assigned-car/assigned-car.component.spec.ts
new file mode 100644
index 00000000..1dc14946
--- /dev/null
+++ b/src/app/routes/supply-management/components/assigned-car/assigned-car.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SupplyManagementAssignedCarComponent } from './assigned-car.component';
+
+describe('SupplyManagementAssignedCarComponent', () => {
+  let component: SupplyManagementAssignedCarComponent;
+  let fixture: ComponentFixture<SupplyManagementAssignedCarComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SupplyManagementAssignedCarComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SupplyManagementAssignedCarComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/supply-management/components/assigned-car/assigned-car.component.ts b/src/app/routes/supply-management/components/assigned-car/assigned-car.component.ts
new file mode 100644
index 00000000..1793c83e
--- /dev/null
+++ b/src/app/routes/supply-management/components/assigned-car/assigned-car.component.ts
@@ -0,0 +1,274 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STChange, STColumn, STColumnBadge, STComponent, STData } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { EAEnvironmentService } from '@shared';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+import { SupplyManagementService } from '../../services/supply-management.service';
+import { SupplyManagementAddDriversComponent } from '../add-drivers/add-drivers.component';
+import { CarAddmodalComponent } from '../addmodal/addmodal.component';
+
+
+const BADGE: STColumnBadge = {
+  1: { text: '空闲', color: 'success' },
+  2: { text: '未实名', color: 'error' },
+  3: { text: '在途', color: 'warning' },
+};
+
+@Component({
+  selector: 'app-supply-management-assigned-car',
+  templateUrl: './assigned-car.component.html',
+})
+export class SupplyManagementVehicleAssignedCarComponent implements OnInit {
+  record: any = {};
+  i: any;
+  schema: SFSchema = {};
+  ui: SFUISchema = {};
+  columns: STColumn[] = [];
+
+  @ViewChild('st') st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  status: string = 'anew';
+  url = ''; // 请求的api地址
+  params: any = {}; // 传进来的参数
+  cardBADGE: STColumnBadge | any = {
+    0: { text: '空闲', color: 'success' },
+    1: { text: '在途', color: 'warning' },
+    2: { text: '未认证', color: 'error' },
+  };
+  selectedRows: any = null; // 已选行
+  constructor(
+    private modal: NzModalRef,
+    private msgSrv: NzMessageService,
+    public service: SupplyManagementService,
+    private modalHelper: ModalHelper,
+    private envSrv: EAEnvironmentService,
+    private modalSrv: NzModalService
+  ) {
+    this.initSF();
+    this.initSt();
+  }
+
+  /**
+* 查询参数
+*/
+  get reqParams() {
+    return {
+      ...this.sf?.value,
+      loadingTime: this.params?.loadingTime,
+      enterpriseId: this.params?.shipperAppUserId,
+      enterpriseProjectId: this.params?.enterpriseProjectId,
+      unloadingTime: this.params?.unloadingTime,
+    };
+  }
+
+
+
+
+  /**
+* 初始化查询表单
+*/
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        nameOrPhone: {
+          type: 'string',
+          title: '承运司机',
+          ui: {
+            placeholder: '请输入司机姓名/手机号'
+          }
+        },
+        carNo: {
+          type: 'string',
+          title: '车牌号',
+          maxLength: 9,
+          ui: {
+            placeholder: '请输入车牌号'
+          }
+        },
+      },
+      type: 'object',
+    };
+    this.ui = { '*': { spanLabelFixed: 10, grid: { span: 8, gutter: 1 } } };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initSt() {
+    this.columns = [
+      { width: 50, type: 'radio', className: 'text-center' },
+      { title: '司机姓名', width: 120, index: 'name', className: 'text-center' },
+      { title: '手机号', index: 'telephone', width: 200, className: 'text-center' },
+      { title: '车队长', render: 'carCaptain', className: 'text-center' },
+      { title: '指定车辆', width: 300, render: 'carId', className: 'text-center' },
+      { title: '状态', render: 'driverStatus', className: 'text-center', type: 'badge', badge: BADGE },
+    ];
+  }
+
+  ngOnInit(): void {
+    console.log(this.params)
+  }
+
+  dataProcess = (data: STData[], rawData: any): STData[] => {
+    if (rawData.status === 505016) {
+      this.modalSrv.confirm({
+        nzTitle: '系统提示',
+        nzContent: '<b>该司机还未注册，是否邀请他注册？点击"是"系统将发送邀请短信给司机</b>',
+        nzOkText: '确定',
+        nzCancelText: '取消',
+        nzOnOk: () => {
+          this.sendMsg(this.sf?.value?.nameOrPhone).subscribe((res => {
+            if (res.code === '1') {
+              this.service.msgSrv.success('发送成功');
+            } else {
+              this.service.msgSrv.success('发送失败');
+            }
+          }));
+        }
+      });
+      return [];
+    }
+    return data.map((i, index) => {
+      i.carId = '';
+      i.disabled = (i?.certificationStatus === 1 && i.driverStatus === 1);
+      const defaultCar = i?.userCarLicenseDesensitizationVOList?.find((item: any) => item.isDefault);
+      if (defaultCar) {
+        i.carId = defaultCar?.carId;
+      }
+      return i;
+    });
+  }
+
+  save(): void {
+    const { carId, appUserId: driverId, captainAppUserId: carCaptainId } = this.selectedRows;
+    const params: any = { carId, driverId, carCaptainId };
+    this.service.request(this.url, { ...params, ...this.params }).subscribe((res: any) => {
+      if (res) {
+        this.service.msgSrv.success('指派成功！');
+        this.modal.close(res);
+      }
+    })
+
+  }
+
+  changeSt(e: STChange): void {
+    if (e?.type === 'loaded') this.selectedRows = null;
+    if (e?.type === 'radio') this.selectedRows = e?.radio;
+
+  }
+  /**
+   * 添加司机
+   * @param item
+   */
+  addDriver() {
+    this.modalHelper.create(CarAddmodalComponent, {}, { size: 900, modalOptions: { nzMaskClosable: false } }).subscribe((res) => {
+      if (res) this.st.reload();
+    });
+  }
+
+  /**
+   * 校验司机是否能设置车队长
+   * @param item 当前对象
+   */
+  verifyCanSetCarCaptain(item: any) {
+    this.service.request(this.service.$api_get_sys_config, [{ itemKey: 'sys.config.shipper.setCarCaptain', businessId: this.envSrv.env.enterpriseId }]).subscribe(res => {
+      if (res && res.length > 0) {
+        const { itemValue } = res[0];
+        if (itemValue !== '1') {
+          this.service.msgSrv.error('不可设置车队长！');
+          return;
+        }
+        this.setCarCaptain(item);
+      }
+    })
+  }
+
+  /**
+   * 设置车队长
+   */
+  setCarCaptain(item: any) {
+
+    this.modalHelper.create(SupplyManagementAddDriversComponent, { dirvierInfo: item }, {
+      size: 900,
+      modalOptions: { nzMaskClosable: false, nzTitle: '设置' }
+    }
+    ).subscribe((res) => {
+      if (res) {
+        item.captainName = res?.name;
+        item.captainPhone = res?.mobile;
+        item.captainAppUserId = res?.appUserId;
+      }
+    });
+  }
+
+  close(): void {
+    this.modal.destroy();
+  }
+
+  reset() {
+    this.sf.reset();
+    this.st.load(1);
+  }
+
+  /**
+   * 验证车辆的状态
+   */
+  verifyVechicleStatus(params: any) {
+    if (this.selectedRows) {
+      const obj = this.status === 'anew' ? { resourceId: params.id } : { ...params };
+      const { carId, appUserId: driverId, captainAppUserId: carCaptainId } = this.selectedRows;
+      const carInfo: any = { carId, driverId, carCaptainId };
+      this.service.request(this.service.$api_verify_vehicle_status, { ...obj, ...carInfo }).subscribe(res => {
+        if (res) {
+          const { title, alert, subContent, content } = res;
+          switch (alert) {
+            case 'Error':
+              // if (code === '3' || code === '4' || code === '8') {
+              //   this.error(title, subContent, '#CF3834');
+              // } else {
+              this.error(title, content, subContent);
+              break;
+            case 'Warn':
+              this.showConfirm(title, content, subContent);
+              break;
+            case 'Success':
+              this.save();
+              break;
+          }
+        }
+      })
+    }
+
+  }
+
+  error(title: string, content: string, subContent: string): void {
+    this.modalSrv.error({
+      nzTitle: title,
+      nzContent: `<span class="text-error-dark">${content ? content : ''}</span><span class="text-grey-dark">${subContent ? subContent : ''}</span>`,
+      nzOkText: '知道了'
+    });
+  }
+
+  showConfirm(title: string, content: string, subContent: string): void {
+    this.modalSrv.confirm({
+      nzTitle: title,
+      nzContent: `<span class="text-error-dark">${content ? content : ''}</span><span class="text-grey-dark">${subContent ? subContent : ''}</span>`,
+      nzOkText: '继续',
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        this.save();
+      }
+    });
+  }
+
+  /**
+* 发送邀请司机注册短信
+*/
+  sendMsg(phoneNumber: string) {
+    return this.service.request(this.service.$api_send_msg_code, phoneNumber)
+  }
+
+}
diff --git a/src/app/routes/supply-management/components/bulk-detail/bulk-detail.component.html b/src/app/routes/supply-management/components/bulk-detail/bulk-detail.component.html
new file mode 100644
index 00000000..3f4f76a1
--- /dev/null
+++ b/src/app/routes/supply-management/components/bulk-detail/bulk-detail.component.html
@@ -0,0 +1,189 @@
+<div *ngIf="i">
+  <page-header-wrapper [title]="'大宗货源详情'" [logo]="logo" [content]="headerContent">
+    <ng-template #logo>
+      <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+        <i nz-icon nzType="left" nzTheme="outline"></i>
+      </button>
+    </ng-template>
+    <ng-template #headerContent>
+      <div class="mb-xs" nz-row>
+        <button nz-button nzType="primary" nzSize="small" nzDanger>{{ i?.resourceStatusLabel }}</button>
+        <h4 class="ml-md">货源编码 : {{ i?.resourceCode }}</h4>
+      </div>
+      <div nz-row>
+        <div nz-col nzSpan="14" class="text-grey-darker">网络货运人：{{ i?.shipperAppUserName }}</div>
+        <div nz-col nzSpan="10">
+            <button nz-button (click)="cancleGoodsSource()" *ngIf="i?.resourceStatus === '1'" acl
+              [acl-ability]="['SUPPLY-BULK-DETAIL-cancelSupply']">取消货源</button>
+            <button nz-button (click)="updatePrice(i)" *ngIf="i?.resourceStatus === '1'" acl
+              [acl-ability]="['SUPPLY-BULK-DETAIL-updatePrice']">修改单价</button>
+            <button nz-button nzType="primary" nzGhost (click)="placeOrder(i)" acl
+              [acl-ability]="['SUPPLY-BULK-DETAIL-bulkAnotherOrder']">再下一单</button>
+        </div>
+      </div>
+      <div class="mt-sm mb-sm" nz-row>
+        <div>
+          <b>总费用：<span class="text-red-light text-md">{{ i?.totalAmount | currency: '¥' }}</span></b>
+        </div>
+      </div>
+      <nz-divider></nz-divider>
+      <div sv-container *ngIf="i">
+        <sv label="项目">{{ i?.enterpriseProjectName }}</sv>
+        <sv label="截止时间">{{ i?.deadlineTime }}</sv>
+        <sv label="录单员">{{ i?.createUserName }}/{{ i?.createUserPhone }}</sv>
+        <sv label="调度员">{{ i?.dispatchName }}/{{ i?.dispatchPhone }} </sv>
+        <sv label="服务类型">{{ i?.serviceTypeLabel }} </sv>
+      </div>
+    </ng-template>
+  </page-header-wrapper>
+  <nz-card nzTitle="货源进度">
+    <div class="approval-status">
+      <div style="width: 60%; margin: 0 auto">
+        <nz-steps style="width: 70%; margin: 0 auto" [nzLabelPlacement]="'vertical'">
+          <nz-step [nzStatus]="i?.resourceStatus !== '1'?'finish':'process'" nzIcon="solution"
+            [nzDescription]="i?.createTime" nzTitle="下单"></nz-step>
+          <nz-step *ngIf="i?.resourceStatus === '1' || i?.resourceStatus === '4' "
+            [nzStatus]="i?.resourceStatus=== '1'? 'wait':'finish'" nzIcon="file-done"
+            [nzTitle]="i?.resourceStatus === '4'?'已完结':'完结'" [nzDescription]="i?.endTime"></nz-step>
+          <nz-step nzStatus="finish" nzIcon="close-circle" nzTitle="取消货源" *ngIf="i?.resourceStatus === '3'"
+            [nzDescription]="i?.endTime"></nz-step>
+
+        </nz-steps>
+      </div>
+    </div>
+  </nz-card>
+
+  <nz-card nzTitle="基本信息">
+    <sv-container col="3">
+      <sv-title>货物信息</sv-title>
+      <ng-container *ngFor="let item of i?.goodsInfoVOList">
+        <sv label="货物名称">
+          {{item.goodsTypeName}} > {{item.goodsName}}
+        </sv>
+        <sv label="货物数量">
+          {{item.weight}}吨 / {{item.volume>=0?item.volume:'-'}}方
+        </sv>
+        <sv label="剩余">
+          {{i?.surplusWeight!==null?i?.surplusWeight:'--'}}吨 / {{i?.surplusVolume!==null?i?.surplusVolume:'-'}}方
+        </sv>
+        <sv label="用车需求">
+          {{item.carModelLabel || '--'}} / {{item.carLengthLabel || '--'}}<span *ngIf="item.carLength !=='999'">米</span>
+        </sv>
+        <!-- <sv label="承运信息">
+          {{i?.carrierInformationVO?.driverName}} / {{i?.carrierInformationVO?.driverTelephone}} /
+          {{i?.carrierInformationVO?.driverLicensePlate}}
+        </sv> -->
+        <!-- <sv label="当前指派">
+          <a (click)="viewCurrentAssign(i)">查看</a>
+        </sv> -->
+      </ng-container>
+    </sv-container>
+    <div class="mt-md">
+      <h4 class="text-md">装货卸货信息
+        <span class="ml-sm text-sm">(
+          <label>{{ i?.loadingCount || '一' }}装</label>
+          <label>{{ i?.unloadingCount || '一' }}卸</label>
+          )
+        </span>
+      </h4>
+      <div nz-row [nzGutter]="24">
+        <div nz-col [nzSpan]="12">
+          <div class="handling-info p-md">
+            <div class="flex" *ngFor="let item of i?.unLoadingPlaceVOList">
+              <div *ngIf="item?.type === '1'" class="loading-row">
+                <div class="handling-info-icon loading-bg">装</div>
+                <div class="info">
+                  <h4>装货地：{{ item?.province }}{{ item?.city }}{{ item?.area }}{{ item?.detailedAddress }}</h4>
+                  <p>联系人：{{ item?.appUserName }}/{{ item?.contractTelephone }}</p>
+                </div>
+              </div>
+            </div>
+            <!-- <p class="time-info">装货时间：{{i?.loadingTime}}</p> -->
+          </div>
+        </div>
+        <div nz-col [nzSpan]="12">
+          <div class="handling-info p-md">
+            <div class="flex" *ngFor="let item of i?.unLoadingPlaceVOList">
+              <div *ngIf="item?.type === '2'" class="loading-row">
+                <div class="handling-info-icon unloaing-bg">卸</div>
+                <div class="info">
+                  <h4>卸货地：{{ item?.province }}{{ item?.city }}{{ item?.area }}{{ item?.detailedAddress }}</h4>
+                  <p>联系人：{{ item?.appUserName }}/{{ item?.contractTelephone }}</p>
+                </div>
+              </div>
+            </div>
+            <!-- <p class="time-info">卸货时间：{{i?.unloadingTime}}</p> -->
+          </div>
+        </div>
+      </div>
+    </div>
+  </nz-card>
+
+  <nz-card nzTitle="运费信息">
+    <div>
+      <div nz-row>
+        <div *ngFor="let item of i?.goodsInfoVOList" nz-col nzSpan="24">
+          <div>
+            <p class="text-warning-light mb-xs text-right">到货后{{ i?.paymentDays }}天内支付运费</p>
+            <p class="mb-xs text-right"> {{ settlementBasis[item?.settlementBasis] }}，{{ rule[item?.rule] }}</p>
+          </div>
+          <nz-divider class="mb-xs mt-xs"></nz-divider>
+          <div class="text-right">
+            <label>运费单价：</label>
+            <span class="text-error-dark text-xxl">{{ item?.freightPrice | currency: '￥' }} {{
+              freightType[item?.freightType] }}</span>
+              <span>（附加费率{{i?.rate * 100 | number: '0.2-2'}}%）</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </nz-card>
+  <nz-card nzTitle="关联订单">
+    <sv-container col="5">
+      <sv [label]="item?.wayBillStatusLabel" *ngFor="let item of i?.wayBillClassifiedStatisticsVOList">
+        (<span [ngClass]="{ 'text-primary': item?.count > 0 }">{{ item?.count }}</span>)
+      </sv>
+      <!-- <sv label="运输中">
+        (<span [ngClass]="{ 'text-primary': i?.id > 0 }">{{ i?.id }}</span>)
+      </sv>
+      <sv label="待签收">
+        (<span [ngClass]="{ 'text-primary': i?.id > 0 }">{{ i?.id }}</span>)
+      </sv>
+      <sv label="已完成">
+        (<span [ngClass]="{ 'text-primary': i?.id > 0 }">{{ i?.id }}</span>)
+      </sv>
+      <sv label="已取消">
+        (<span [ngClass]="{ 'text-primary': i?.id > 0 }">{{ i?.id }}</span>)
+      </sv> -->
+    </sv-container>
+  </nz-card>
+  <nz-card nzTitle="补充信息">
+    <sv-container>
+      <sv label="是否回单">
+        {{ i?.supplementaryInformationVO?.stateReceipt ? '是' : '否' }}
+      </sv>
+      <sv label="回单类型" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+        {{ i?.supplementaryInformationVO?.receiptTypeLabel }}
+      </sv>
+      <sv label="联系人" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+        {{ i?.supplementaryInformationVO?.receiptUserName ? i?.supplementaryInformationVO?.receiptUserName + '/' : '' }}  {{ i?.supplementaryInformationVO?.phon }}
+      </sv>
+      <sv label="所在地区" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+        {{ i?.supplementaryInformationVO?.area }}
+      </sv>
+      <sv label="详细地址" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+        {{ i?.supplementaryInformationVO?.address }}
+      </sv>
+      <sv label="备注" >
+        {{ i?.supplementaryInformationVO?.remarks }}
+      </sv>
+    </sv-container>
+  </nz-card>
+  <nz-card nzTitle="操作日志">
+    <st #st [data]="service.$api_getOperationLogRecordsList" [columns]="logColumns"
+    [page]="{}"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } }">
+    </st>
+  </nz-card>
+</div>
diff --git a/src/app/routes/supply-management/components/bulk-detail/bulk-detail.component.less b/src/app/routes/supply-management/components/bulk-detail/bulk-detail.component.less
new file mode 100644
index 00000000..957a1f03
--- /dev/null
+++ b/src/app/routes/supply-management/components/bulk-detail/bulk-detail.component.less
@@ -0,0 +1,84 @@
+:host {
+  .source-info {
+    min-height: 210px;
+
+    p {
+      margin-bottom: .5em;
+    }
+  }
+
+  .btn-size {
+    font-size: 14px;
+  }
+
+  .bdr {
+    border-right: 1px solid #ccc;
+  }
+
+  .bdl {
+    border-left: 1px solid #ccc;
+  }
+
+  .title {
+    font-weight: bold;
+    font-size: 26;
+  }
+
+  .freight-info-box {
+    width: 95%;
+
+    p {
+      margin-bottom: 5px;
+    }
+  }
+
+  .freigth-label {
+    display: inline-block;
+    width: 50px;
+    text-align: right;
+  }
+
+  ::ng-deep {
+    .approval-status {
+      .ant-steps {
+        width: 70%;
+        margin: 0 auto;
+      }
+    }
+  }
+
+  .handling-info {
+    min-height: 100px;
+    border: 1px solid #ccc;
+
+    .loading-row {
+      display: flex;
+    }
+
+    .handling-info-icon {
+      width: 32px;
+      height: 32px;
+      margin-right: 24px;
+      color: #fff;
+      line-height: 32px;
+      text-align: center;
+      border-radius: 50%;
+
+      &.loading-bg {
+        background-color: #50D4AB;
+      }
+
+      &.unloaing-bg {
+        background: #F66F6A;
+      }
+    }
+
+    .info {
+      flex: 1;
+    }
+
+    .time-info {
+      margin-left: 56px;
+    }
+  }
+}
diff --git a/src/app/routes/supply-management/components/bulk-detail/bulk-detail.component.spec.ts b/src/app/routes/supply-management/components/bulk-detail/bulk-detail.component.spec.ts
new file mode 100644
index 00000000..a1781458
--- /dev/null
+++ b/src/app/routes/supply-management/components/bulk-detail/bulk-detail.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SupplyManagementBulkDetailComponent } from './bulk-detail.component';
+
+describe('SupplyManagementBulkDetailComponent', () => {
+  let component: SupplyManagementBulkDetailComponent;
+  let fixture: ComponentFixture<SupplyManagementBulkDetailComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [SupplyManagementBulkDetailComponent]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SupplyManagementBulkDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/supply-management/components/bulk-detail/bulk-detail.component.ts b/src/app/routes/supply-management/components/bulk-detail/bulk-detail.component.ts
new file mode 100644
index 00000000..75b71007
--- /dev/null
+++ b/src/app/routes/supply-management/components/bulk-detail/bulk-detail.component.ts
@@ -0,0 +1,192 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn } from '@delon/abc/st';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+// import { PublishGoodsChooseFamifiarComponent } from 'src/app/routes/publish-goods/components/choose-famifiar-bulk/choose-famifiar.component';
+import { SupplyManagementService } from '../../services/supply-management.service';
+// import { SupplyManagementCurrentAssignmentComponent } from '../current-assignment/current-assignment.component';
+import { SupplyManagementUpdatePriceComponent } from '../update-price/update-price.component';
+
+@Component({
+  selector: 'app-supply-management-bulk-detail',
+  templateUrl: './bulk-detail.component.html',
+  styleUrls: ['./bulk-detail.component.less']
+})
+export class SupplyManagementBulkDetailComponent implements OnInit {
+
+  id = this.route.snapshot.params.id;
+  i: any;
+  logColumns: STColumn[] = [
+    { title: '内容', index: 'operationContent' },
+    { title: '操作人', index: 'operator' },
+    { title: '操作时间', index: 'operatorTimestamp' },
+  ];
+  driverColums: STColumn[] = [
+    { title: '司机姓名', index: 'theme' },
+    { title: '手机号', index: 'operationUserPhone' },
+    { title: '车牌号', index: ' createTime' },
+    { title: '承运次数', index: 'operationUserPhone' },
+    { title: '承运数量', index: ' createTime' },
+    {
+      title: '操作',
+      fixed: 'right',
+      width: '200px',
+      className: 'text-center',
+      buttons: [
+        {
+          text: '移除',
+          click: (_record) => this.delDiver(_record),
+        },
+      ],
+    },
+  ];
+  status: any = { 1: '待接单', 2: '已接单', 3: '已取消' };
+  serviceType: any = {
+    1: '抢单',
+    2: '指派'
+  }
+  freightType: any = {
+    1: '元/吨',
+    2: '元/方',
+    3: '元/车'
+  } // 运单类型
+
+  settlementBasis: any = {
+    1: '以收获为准',
+    2: '以发货为准'
+  } // 结算依据
+
+  rule: any = {
+    1: '保留小数',
+    2: '抹除小数',
+    3: '抹除个数'
+  } // 取整规则
+  get reqParams() {
+    return { 
+      operateObject: this.i?.resourceCode,
+      operateTypeList:  [4,7],
+     };
+  }
+  currentStatus = 0;
+
+  constructor(
+    private route: ActivatedRoute,
+    private msgSrv: NzMessageService,
+    public service: SupplyManagementService,
+    private modal: NzModalService,
+    private router: Router
+  ) {
+
+  }
+
+  ngOnInit(): void {
+    this.getGoodsSourceDetail();
+  }
+
+  /**
+   * 移除司机
+   */
+  delDiver(item: any) {
+    const { id } = item;
+    // this.modal.confirm({
+    //   nzTitle: '<i>删除确认</i>',
+    //   nzContent: `请仔细核对,避免误操作！<br>是否删除？</br>`,
+    //   nzOnOk: () => {
+    //     this.service.http.post(this.service.$api_del_driver, { id }).subscribe((res) => {
+    //       if (res) {
+    //         this.service.msgSrv.success('数据删除成功！');
+    //         // this.st1.reload();
+    //       } else {
+    //         this.service.msgSrv.error('删除失败！');
+    //       }
+    //     });
+    //   },
+    // });
+  }
+
+  /**
+   * 查看当前指派
+   */
+  viewCurrentAssign(item: any) {
+    // const modalRef = this.modal.create({
+    //   nzTitle: '当前指派',
+    //   nzWidth: '600px',
+    //   nzContent: SupplyManagementCurrentAssignmentComponent,
+    //   nzComponentParams: {
+    //     i: item,
+    //   },
+    //   nzFooter: null,
+    // });
+  }
+  /**
+     *再下一单
+     * @param record
+     */
+  placeOrder(record: any) {
+    console.log(record)
+    this.router.navigate(['/supply-management/bulk-amend', record.id], {
+      queryParams: {
+        sta: 4
+      },
+    })
+  }
+  /**
+   * 修改货源
+   */
+  updateGoodsSource(record: any) {
+    this.router.navigate(['./pbg/onecar-publish'], {
+      queryParams: {
+        id: record?.id
+      }
+    })
+  }
+
+  /**
+ * 更新单价
+ */
+  updatePrice(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '修改单价',
+      nzWidth: '600px',
+      nzContent: SupplyManagementUpdatePriceComponent,
+      nzComponentParams: {
+        record: item,
+      },
+      nzFooter: null,
+    });
+    modalRef.afterClose.subscribe(res => {
+      if (res) {
+        this.getGoodsSourceDetail();
+      }
+    })
+  }
+
+  /**
+ * 取消货源
+ */
+  cancleGoodsSource() {
+    this.modal.confirm({
+      nzTitle: '<b>确定取消货源吗?</b>',
+      nzContent: `<b>取消后不可恢复，谨慎操作</b>`,
+      nzOnOk: () =>
+        this.service.request(this.service.$api_cancle_goods_source, { id: this.i.id }).subscribe((res) => {
+          if (res === true) {
+            this.service.msgSrv.success('操作成功！');
+            this.getGoodsSourceDetail();
+          }
+        }),
+    })
+  }
+
+  getGoodsSourceDetail() {
+    this.service.request(this.service.$api_get_getBulkDetail, { id: this.id }).subscribe(res => {
+      this.i = res;
+      this.currentStatus = +this.i?.resourceStatus - 1;
+    })
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+}
diff --git a/src/app/routes/supply-management/components/bulk-publish/bulk-publish.component.html b/src/app/routes/supply-management/components/bulk-publish/bulk-publish.component.html
new file mode 100644
index 00000000..7e3d5937
--- /dev/null
+++ b/src/app/routes/supply-management/components/bulk-publish/bulk-publish.component.html
@@ -0,0 +1,228 @@
+<page-header-wrapper [title]="PageStatus" [logo]="logo">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+  <div class="card-title">货源单设置</div>
+  <sf #sf1 [schema]="schema1" [formData]="sf1data" [button]="'none'" [ui]="ui1"></sf>
+</nz-card>
+
+<nz-card>
+  <div class="card-title"
+    >装卸货信息<span class="tip-font">预计公里数：{{ totalDistance }}km，预计行程耗时：{{ totalTime }}小时</span></div
+  >
+
+  <form nz-form [formGroup]="validateForm1" role="form">
+    <div nz-row [nzGutter]="24">
+      <div nz-col [nzSpan]="10">
+        <div *ngFor="let data1 of startInfo; let idx = index">
+          <nz-form-item>
+            <nz-form-label  nzRequired>装货地</nz-form-label>
+            <nz-form-control [nzErrorTip]="'请输入装货地'">
+              <div class="align-center">
+                <nz-input-group [nzSuffix]="endInconTemp1">
+                  <input
+                    nz-input
+                    [(ngModel)]="data1.detailedAddress"
+                    (click)="openMap('start', idx)"
+                    formControlName="loadAddress{{ idx }}"
+                    placeholder="请输入装货地"
+                    readonly="true"
+                  />
+                </nz-input-group>
+              </div>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label  nzRequired>联系人</nz-form-label>
+            <div style="display: flex ;width: 86%">
+              <nz-form-control [nzErrorTip]="'请输入联系人姓名'">
+                <input
+                  nz-input
+                  [(ngModel)]="data1.appUserName"
+                  formControlName="loadName{{ idx }}"
+                  maxlength="30"
+                  placeholder="请输入联系人姓名"
+                />
+              </nz-form-control>
+              <nz-form-control [nzErrorTip]="'请输入联系人电话'">
+                <input
+                  style="margin-left: 12px"
+                  nz-input
+                  [(ngModel)]="data1.contractTelephone"
+                  maxlength="11"
+                  formControlName="loadPhone{{ idx }}"
+                  placeholder="请输入联系人电话"
+                />
+              </nz-form-control>
+            </div>
+          </nz-form-item>
+        </div>
+      </div>
+      <div nz-col [nzSpan]="4">
+        <div style="display: flex; justify-content: center">
+          <span class="swap-icon" (click)="swapAddress()"><i nz-icon nzType="swap"
+              nzTheme="outline"></i></span>
+        </div>
+      </div>
+      <div nz-col [nzSpan]="10">
+        <div *ngFor="let data2 of endInfo; let idx = index">
+          <nz-form-item>
+            <nz-form-label  nzRequired>卸货地</nz-form-label>
+            <nz-form-control [nzErrorTip]="'请输入卸货地'">
+              <div class="align-center">
+                <nz-input-group [nzSuffix]="endInconTemp1">
+                  <input
+                    nz-input
+                    [(ngModel)]="data2.detailedAddress"
+                    (click)="openMap('end', idx)"
+                    formControlName="unloadAddress{{ idx }}"
+                    placeholder="请输入卸货地"
+                    readonly="true"
+                  />
+                </nz-input-group>
+              </div>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label  nzRequired>联系人</nz-form-label>
+            <div style="display: flex;width: 86%">
+              <nz-form-control [nzErrorTip]="'请输入联系人姓名'">
+                <input
+                  nz-input
+                  [(ngModel)]="data2.appUserName"
+                  maxlength="30"
+                  formControlName="unloadName{{ idx }}"
+                  placeholder="请输入联系人姓名"
+                />
+              </nz-form-control>
+              <nz-form-control [nzErrorTip]="'请输入联系人电话'">
+                <input
+                  style="margin-left: 12px"
+                  nz-input
+                  [(ngModel)]="data2.contractTelephone"
+                  formControlName="unloadPhone{{ idx }}"
+                  maxlength="11"
+                  placeholder="请输入联系人电话"
+                />
+              </nz-form-control>
+            </div>
+          </nz-form-item>
+        </div>
+      </div>
+    </div>
+    <ng-template #endInconTemp1><i nz-icon nzType="environment" nzTheme="outline"></i></ng-template>
+  </form>
+</nz-card>
+
+<nz-card>
+  <div class="card-title">货物信息</div>
+  <div nz-row>
+    <div nz-col nzSpan="24">
+      <sf #sf3 [schema]="schema3" [formData]="sf3data" [button]="'none'" [ui]="ui3"></sf>
+      <sf #sf4 [schema]="schema4" [formData]="sf4data" [button]="'none'" [ui]="ui4">
+        <ng-template sf-template="freightPrice" let-i let-ui="ui">
+          <nz-input-group [nzAddOnAfter]="addOnAfterTemplate">
+            <nz-input-number [nzMax]="99999" [nzMin] ="0" nzPlaceHolder="请输入" type="number" [ngModel]="i.value"
+            (ngModelChange)="i.setValue($event)" [nzPrecision]="2" style="width: 100%;"></nz-input-number>
+          </nz-input-group>
+          <ng-template #addOnAfterTemplate>
+            <nz-select [ngModel]="sf4.value.freightType" (ngModelChange)="sf4.setValue('/freightType', $event)">
+              <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of freightTypeOptions"> </nz-option>
+            </nz-select>
+          </ng-template>
+        </ng-template>
+        <ng-template sf-template="rule" let-i let-ui="ui">
+          <div class="align-center">
+            <nz-select [ngModel]="i.value" (ngModelChange)="i.setValue($event)" nzPlaceHolder="运费取整规则">
+              <nz-option nzLabel="保留小数" nzValue="1"></nz-option>
+              <nz-option nzLabel="抹除小数" nzValue="2"></nz-option>
+              <nz-option nzLabel="抹除个数" nzValue="3"></nz-option>
+            </nz-select>
+            <span style="padding: 0 12px" nz-tooltip [nzTooltipTitle]="template2" nzTooltipPlacement="bottom"
+              ><i nz-icon nzType="exclamation-circle" nzTheme="outline" style="color: #1890ff"></i
+            ></span>
+            <ng-template #template2>
+              <p>例如 付司机运费 = 重量*单价 = 999.99</p>
+              <p>保留小数，即 999.99</p>
+              <p>抹除小数，即 999.00</p>
+              <p>抹除个位，即 990.00</p>
+            </ng-template>
+          </div>
+        </ng-template>
+        <ng-template sf-template="weight" let-i let-ui="ui">
+          <nz-input-group [nzAddOnAfter]="'吨'">
+            <nz-input-number
+              placeholder="总重量，必填"
+              [ngModel]="i.value"
+              (ngModelChange)="i.setValue($event)"
+              [nzMin]="1"
+              style="width: 100%"
+            ></nz-input-number>
+          </nz-input-group>
+        </ng-template>
+        <ng-template sf-template="volume" let-i let-ui="ui">
+          <nz-input-group [nzAddOnAfter]="'方'">
+            <nz-input-number
+              placeholder="总体积"
+              [ngModel]="i.value"
+              (ngModelChange)="i.setValue($event)"
+              [nzMin]="1"
+              style="width: 100%"
+            ></nz-input-number>
+          </nz-input-group>
+        </ng-template>
+        <ng-template sf-template="number" let-i let-ui="ui">
+          <nz-input-group [nzAddOnAfter]="'车'">
+            <nz-input-number
+              placeholder="总车次"
+              [ngModel]="i.value"
+              (ngModelChange)="i.setValue($event)"
+              [nzMin]="1"
+              style="width: 100%"
+            ></nz-input-number>
+          </nz-input-group>
+        </ng-template>
+      </sf>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card>
+  <div class="card-title">补充信息</div>
+  <div nz-row>
+    <div nz-col nzSpan="12">
+      <sf #sf7 [schema]="schema7" [formData]="sf7data" [button]="'none'" [ui]="ui7">
+        <ng-template sf-template="paymentDays" let-i let-ui="ui">
+          <div nz-row>
+            <div class="align-center" >
+              <div nz-col nzSpan="12">
+                <nz-input-number
+                  [(ngModel)]="i.value"
+                  (ngModelChange)="i.setValue($event)"
+                  [nzMin]="1"
+                  [nzMax]="30"
+                  [nzStep]="1"
+                ></nz-input-number>
+              </div>
+              <div nz-col nzSpan="12">
+                <span>&nbsp;天内支付运费</span>
+              </div>
+            </div>
+          </div>
+        </ng-template>
+      </sf>
+    </div>
+  </div>
+</nz-card>
+<nz-card>
+  <div class="align-center">
+    <button nz-button nzType="primary"  (click)="submitConfirm('qrcode')"  acl  [acl-ability]="['SUPPLY-VEHICLE-PLACEORDER- QRCode']">生成二维码</button>
+    <button nz-button nzType="primary" style="margin-left: 48px" (click)="submitConfirm('assign')"  acl  [acl-ability]="['SUPPLY-VEHICLE-PLACEORDER-bulkDesignate']">指派熟车</button>
+    <!-- <button nz-button nzType="primary"    (click)="choose()">取消</button> -->
+    <button nz-button nzType="primary" style="margin-left: 48px" (click)="submitConfirm('publish')"  acl  [acl-ability]="['SUPPLY-VEHICLE-PLACEORDER-bulkAnotherOrder']">司机抢单</button>
+  </div>
+</nz-card>
diff --git a/src/app/routes/supply-management/components/bulk-publish/bulk-publish.component.less b/src/app/routes/supply-management/components/bulk-publish/bulk-publish.component.less
new file mode 100644
index 00000000..193ba9aa
--- /dev/null
+++ b/src/app/routes/supply-management/components/bulk-publish/bulk-publish.component.less
@@ -0,0 +1,52 @@
+:host {
+  ::ng-deep {
+    nz-input-number {
+      width: 100%;
+    }
+    nz-date-picker {
+      width: 100%;
+    }
+  }
+  i {
+    cursor: pointer;
+  }
+}
+
+.tip-font {
+  margin-left: 16px;
+  font-weight: 500;
+  font-size: 12px;
+}
+
+.card-title {
+  margin-bottom: 24px;
+  font-weight: bold;
+  font-size: 16px;
+}
+
+.align-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.swap-icon {
+  padding: 24px;
+  color: #7d7d7d;
+  font-size: 30px;
+  :hover{color: #52acff;}
+}
+
+#container {
+  width: 300px;
+  height: 180px;
+}
+
+input[type='number'] {
+  -moz-appearance: textfield;
+}
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+  margin: 0;
+  -webkit-appearance: none;
+}
diff --git a/src/app/routes/supply-management/components/bulk-publish/bulk-publish.component.ts b/src/app/routes/supply-management/components/bulk-publish/bulk-publish.component.ts
new file mode 100644
index 00000000..57f100ae
--- /dev/null
+++ b/src/app/routes/supply-management/components/bulk-publish/bulk-publish.component.ts
@@ -0,0 +1,1124 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { FormBuilder, FormGroup, Validators, FormControl } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
+import {
+  SFComponent,
+  SFNumberWidgetSchema,
+  SFSchema,
+  SFSchemaEnum,
+  SFSelectWidgetSchema,
+  SFTextareaWidgetSchema,
+  SFUISchema
+} from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { AmapPoiPickerComponent, AmapService, ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { PublishGoodsChooseFamifiarComponent } from '../choose-famifiar/choose-famifiar.component';
+import { SupplyManagementService } from '../../services/supply-management.service';
+import { map } from 'rxjs/operators';
+import { of } from 'rxjs';
+import { PublishSuccessComponent } from '../onecar-publish/publish-success/publish-success.component';
+import { PublishAddressListComponent } from '../onecar-publish/address-list/address-list.component';
+import { TranAgreementComponent } from '../tran-agreement/tran-agreement.component';
+import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
+import { SupplyManagementQrcodePageComponent } from '../qrcode-page/qrcode-page.component';
+@Component({
+  selector: 'app-publish-goods-bulk-publish',
+  templateUrl: './bulk-publish.component.html',
+  styleUrls: ['./bulk-publish.component.less']
+})
+export class SupplyManagementBulkPublishComponent implements OnInit {
+  validateForm1: FormGroup;
+  sf1data: any; // 货源单设置回显
+  sf3data: any; // 货源单设置回显
+  sf4data: any; // 货源单设置回显
+  sf5data: any; // 货源单设置回显
+  sf7data: any; // 货源单设置回显
+  creatTime: any; // 货源单设置回显
+  modifyTime: any; // 货源单设置回显
+  totalFees: any; // 总数信息
+  totalDistance = 0.0; //总里程
+  totalTime = 0.0; //路程总时间
+  currentGoodsTypeName: any;
+  enterpriseProjectIds: any;
+  freightTypeOptions: any;
+  ruleOptions: any;
+  id = this.route.snapshot.params.id; // 传参id
+  // // 单位
+  startInfo: any = [];
+  endInfo: any = [];
+  PageStatus = '';
+  shipperName = '';
+  limitValues = {
+    maxMonth: 99,
+    maxWeight: 99999,
+    maxVolume: 99999,
+    maxTrainNumber: 99999,
+    maxFreight: 9999999
+  };
+  constructor(
+    private http: _HttpClient,
+    fb: FormBuilder,
+    private router: Router,
+    private route: ActivatedRoute,
+    private modalService: NzModalService,
+    public service: SupplyManagementService,
+    private amapService: AmapService,
+    public shipperSrv: ShipperBaseService
+  ) {
+    this.validateForm1 = fb.group({
+      loadAddress0: [null, [Validators.required]],
+      loadName0: [null, [Validators.required]],
+      loadPhone0: [null, [Validators.required, Validators.pattern('^[0-9]*$')]],
+      unloadAddress0: [null, [Validators.required]],
+      unloadName0: [null, [Validators.required]],
+      unloadPhone0: [null, [Validators.required, Validators.pattern('^[0-9]*$')]]
+    });
+  }
+  @ViewChild('sf1', { static: false }) sf1!: SFComponent;
+  schema1: SFSchema = {};
+  ui1!: SFUISchema;
+
+  @ViewChild('sf2', { static: false }) sf2!: SFComponent;
+  schema2: SFSchema = {};
+  ui2!: SFUISchema;
+
+  @ViewChild('sf3', { static: false }) sf3!: SFComponent;
+  schema3: SFSchema = {};
+  ui3!: SFUISchema;
+
+  @ViewChild('sf4', { static: false }) sf4!: SFComponent;
+  schema4: SFSchema = {};
+  ui4!: SFUISchema;
+
+  @ViewChild('sf7', { static: false }) sf7!: SFComponent;
+  schema7: SFSchema = {};
+  ui7!: SFUISchema;
+  // 初始化
+  ngOnInit(): void {
+    if (this.route.snapshot?.queryParams?.sta === '3') {
+      this.PageStatus = '大宗修改';
+    } else if (this.route.snapshot?.queryParams?.sta === '4') {
+      this.PageStatus = '大宗下一单';
+    }
+    this.initSF1();
+    this.initSF3();
+    this.initSF4();
+    this.initSF6();
+    this.initdata();
+    this.initDict();
+    this.getLimitvalue();
+  }
+  initSF1() {
+    this.schema1 = {
+      properties: {
+        shipperAppUserId: {
+          title: '货主',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            allowClear: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            onSearch: (q: any) => {
+              let str = q?.replace(/^\s+|\s+$/g, '');
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map(res => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+            change: (q: any, qs: any) => {
+              let str = q?.replace(/^\s+|\s+$/g, '');
+              if (str) {
+                this.getRegionCode(str);
+                this.shipperName = qs?.label;
+              }
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseProjectId: {
+          type: 'string',
+          title: '项目',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          } as SFSelectWidgetSchema
+        },
+        enterpriseInfoName: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'text'
+          }
+        },
+        deadlineTime: {
+          title: '有效期',
+          type: 'string',
+          format: 'date-time',
+          ui: {
+            placeholder: '请输入',
+            format: 'yyyy-MM-dd HH:mm:ss',
+            validator: val => {
+              let d = new Date();
+              let year = d.getFullYear();
+              let month = d.getMonth();
+              let date = d.getDate();
+              let mydate = new Date(year, month + this.limitValues.maxMonth, date);
+              if (new Date(val) < new Date()) {
+                return [{ keyword: 'validTime', message: '有效期时间需大于当前时间' }];
+              }
+              if (new Date(val) > mydate) {
+                return [{ keyword: 'validTime2', message: `有效期最长为${this.limitValues.maxMonth}个月` }];
+              }
+              return [];
+            }
+          }
+        },
+        dispatchName: {
+          type: 'string',
+          title: '调度员姓名',
+          maxLength: 30,
+          ui: {
+            optionalHelp: '选若未填写，司机直接联系您',
+            placeholder: '请输入'
+          }
+        },
+        dispatchPhone: {
+          type: 'string',
+          title: '调度员手机号',
+          maxLength: 30,
+          ui: {
+            placeholder: '请输入'
+          }
+        }
+      },
+      required: ['shipperAppUserId', 'enterpriseProjectId', 'enterpriseInfoName', 'deadlineTime']
+    };
+    this.ui1 = {
+      '*': {
+        spanLabelFixed: 115,
+        grid: { span: 12 }
+      }
+    };
+  }
+  initSF3() {
+    this.schema3 = {
+      properties: {
+        goodsTypeId: {
+          type: 'string',
+          title: '货物名称',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            errors: { required: '请选择货物类型' },
+            asyncData: () =>
+              this.shipperSrv.loadConfigByKey('goods.name.config.type').pipe(
+                map((data: any) => {
+                  return data[0].children?.map((m: any) => {
+                    return { label: m.name, value: m.id };
+                  });
+                })
+              ),
+            change: (value, data: any) => {
+              this.changeGoodsType(value, data);
+              this.sf3.setValue('/goodsTypeName', data.label);
+            }
+          } as SFSelectWidgetSchema
+        },
+        goodsTypeName: {
+          type: 'string',
+          title: '',
+          ui: {
+            hidden: true
+          }
+        },
+        goodsNameId: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            errors: { required: '请填写货物名称' },
+            change: (value: any, data: any) => {
+              this.sf3.setValue('/goodsName', data.label);
+            },
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value !== '其它'
+            }
+          }
+        },
+        goodsName: {
+          type: 'string',
+          title: '',
+          ui: {
+            hidden: true,
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value !== '其它'
+            }
+          }
+        },
+        goodsName1: {
+          type: 'string',
+          title: '',
+          maxLength: 20,
+          ui: {
+            errors: { required: '请填写货物名称' },
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value === '其它'
+            }
+          }
+        }
+      },
+      required: ['goodsTypeId', 'goodsName', 'goodsNameId', 'goodsName1']
+    };
+    this.ui3 = {
+      '*': {
+        spanLabelFixed: 90,
+        grid: { span: 12 }
+      }
+    };
+  }
+  initSF4() {
+    this.schema4 = {
+      properties: {
+        freightPrice: {
+          type: 'string',
+          title: '运费单价',
+          ui: {
+            errors: { required: '请选择运费单价' },
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        freightType: {
+          type: 'string',
+          title: '',
+          ui: {
+            hidden: true
+          },
+          default: '1'
+        },
+        rule: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+            errors: { required: '请选择运费取整规则' }
+          }
+        },
+        settlementBasis: {
+          type: 'string',
+          title: '',
+          enum: [
+            { label: '以收货为准', value: '1' },
+            { label: '以发货为准', value: '2' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '结算依据',
+            errors: { required: '请选择结算依据' }
+          } as SFSelectWidgetSchema
+        },
+        weight: {
+          type: 'string',
+          title: '货物数量',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入',
+            errors: { required: '请填写总重量' }
+          }
+        },
+        volume: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        number: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        carModel: {
+          type: 'string',
+          title: '车型/车长',
+          ui: {
+            widget: 'select',
+            mode: 'multiple',
+            maxMultipleCount: 3,
+            placeholder: '请选择车型',
+            errors: { required: '请选择车型' },
+            asyncData: () => this.service.getDictOptions({ dictKey: 'car:model' }),
+            change: (tag: any, org: any) => {
+              if (tag.includes('999')) {
+                this.sf4.setValue('/carModel', ['999']);
+              }
+            }
+          }
+        },
+        carLength: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'select',
+            mode: 'multiple',
+            maxMultipleCount: 3,
+            placeholder: '请选择车长',
+            errors: { required: '请选择车长' },
+            asyncData: () => this.service.getDictOptions({ dictKey: 'car:length' }),
+            change: (tag: any, org: any) => {
+              if (tag.includes('999')) {
+                this.sf4.setValue('/carModel', ['999']);
+              }
+            }
+          }
+        }
+      },
+      required: ['weight', 'carModel', 'carLength', 'freightPrice', 'rule', 'settlementBasis']
+    };
+    this.ui4 = {
+      '*': {
+        spanLabelFixed: 90,
+        grid: { span: 24 }
+      },
+      $freightPrice: {
+        grid: { span: 8 }
+      },
+      $rule: {
+        grid: { span: 8 }
+      },
+      $settlementBasis: {
+        grid: { span: 8 }
+      },
+      $weight: {
+        grid: { lg: 8, md: 12, sm: 12, xs: 24 }
+      },
+      $volume: {
+        grid: { lg: 8, md: 12, sm: 12, xs: 24 }
+      },
+      $number: {
+        grid: { lg: 8, md: 12, sm: 12, xs: 24 }
+      },
+      $carModel: {
+        spanLabelFixed: 120,
+        grid: { span: 8 }
+      },
+      $carLength: {
+        grid: { span: 8 }
+      }
+    };
+  }
+  initSF6() {
+    this.schema7 = {
+      properties: {
+        stateReceipt: {
+          type: 'string',
+          title: '是否回单',
+          enum: [
+            { label: '需要', value: true },
+            { label: '不需要', value: false }
+          ],
+          ui: {
+            widget: 'select',
+            errors: { required: '请选择' },
+            placeholder: '请选择'
+          }
+        },
+        receiptType: {
+          type: 'string',
+          title: '回单类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'receipt:type' },
+            containsAllLabel: false,
+            placeholder: '请选择',
+            errors: { required: '请选择' },
+            visibleIf: {
+              stateReceipt: value => value === true
+            }
+          }
+        },
+        receiptUserName: {
+          type: 'string',
+          title: '联系人',
+          maxLength: 15,
+          ui: {
+            visibleIf: {
+              receiptType: value => value === '2'
+            }
+          }
+        },
+        receiptUserPhone: {
+          type: 'string',
+          title: '联系电话',
+          maxLength: 11,
+          ui: {
+            visibleIf: {
+              receiptType: value => value === '2'
+            }
+          }
+        },
+        receiptAddressArea: {
+          type: 'string',
+          title: '所在地区',
+          maxLength: 30,
+          ui: {
+            visibleIf: {
+              receiptType: value => value === '2'
+            }
+          }
+        },
+        receiptAddress: {
+          type: 'string',
+          title: '详细地址',
+          maxLength: 30,
+          ui: {
+            visibleIf: {
+              receiptType: value => value === '2'
+            }
+          }
+        },
+        paymentDays: {
+          type: 'string',
+          title: '到货后',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入',
+            errors: { required: '请输入付款承诺天数' }
+          }
+        },
+        remarks: {
+          type: 'string',
+          title: '备注',
+          maxLength: 200,
+          ui: {
+            widget: 'textarea',
+            placeholder: '请输入',
+            autosize: { minRows: 3, maxRows: 3 }
+          } as SFTextareaWidgetSchema
+        }
+      },
+      required: [
+        'stateReceipt',
+        'receiptType',
+        'receiptUserName',
+        'receiptUserPhone',
+        'receiptAddressArea',
+        'receiptAddress',
+        'paymentDays'
+      ]
+    };
+    this.ui7 = {
+      '*': {
+        spanLabelFixed: 90,
+        grid: { span: 24 }
+      }
+    };
+  }
+  changeValue() {
+    this.totalFees =
+      Number(this.sf7?.value?.appendFee) +
+      Number(this.sf7?.value?.oilCardPay) +
+      Number(this.sf7?.value?.prePay) +
+      Number(this.sf7?.value?.receiptPay) +
+      Number(this.sf7?.value?.toPay);
+  }
+  initDict() {
+    this.service.getDictByKey('freight:type').subscribe(res => {
+      this.freightTypeOptions = res;
+    });
+    this.service.getDictByKey('goodresource:rounding:rules').subscribe(res => {
+      this.ruleOptions = res;
+    });
+  }
+  // 获取城市列表
+  getRegionCode(regionCode: any) {
+    return this.service
+      .request(this.service.$api_get_enterprise_project, { id: regionCode })
+      .pipe(
+        map(res =>
+          res.map((item: any) => ({
+            label: item.projectName,
+            value: item.id
+          }))
+        )
+      )
+      .subscribe(res => {
+        this.sf1.getProperty('/enterpriseProjectId')!.schema.enum = res;
+        this.sf1.getProperty('/enterpriseProjectId')!.widget.reset(res);
+        if (this.enterpriseProjectIds) {
+          this.sf1.setValue('/enterpriseProjectId', this.enterpriseProjectIds);
+        }
+      });
+  }
+  addStartInfo(event: any) {
+    if (this.startInfo.length < 5) {
+      const controlId = this.startInfo.length;
+      this.startInfo.push({
+        detailedAddress: '',
+        appUserName: '',
+        contractTelephone: '',
+        latitude: '',
+        longitude: '',
+        province: '',
+        city: '',
+        area: '',
+        type: 1
+      });
+      this.validateForm1.addControl(`loadAddress${controlId}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`loadName${controlId}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`loadPhone${controlId}`, new FormControl(null, Validators.required));
+    }
+  }
+  subStartInfo(event: any, index: number, id?: any) {
+    if (id) {
+      this.service.request(this.service.$api_delete_Wholedeletebatch, [id]).subscribe(res => {});
+    }
+    this.startInfo.splice(index, 1);
+    this.validateForm1.removeControl(`loadAddress${index}`);
+    this.validateForm1.removeControl(`loadName${index}`);
+    this.validateForm1.removeControl(`loadPhone${index}`);
+  }
+  addEndInfo(event: any) {
+    if (this.addEndInfo.length < 5) {
+      const controlId = this.endInfo.length;
+      this.endInfo.push({
+        detailedAddress: '',
+        appUserName: '',
+        contractTelephone: '',
+        latitude: '',
+        longitude: '',
+        province: '',
+        city: '',
+        area: '',
+        type: 2
+      });
+      this.validateForm1.addControl(`unloadAddress${controlId}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`unloadName${controlId}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`unloadPhone${controlId}`, new FormControl(null, Validators.required));
+    }
+  }
+  subEndInfo(event: any, index: number, id?: any) {
+    if (id) {
+      this.service.request(this.service.$api_delete_Wholedeletebatch, [id]).subscribe(res => {});
+    }
+    this.endInfo.splice(index, 1);
+    this.validateForm1.removeControl(`unloadAddress${index}`);
+    this.validateForm1.removeControl(`unloadName${index}`);
+    this.validateForm1.removeControl(`unloadPhone${index}`);
+  }
+  // 指派熟车
+  chooseFamifiar(item: any) {
+    const modalRef = this.modalService.create({
+      nzTitle: '指派熟车',
+      nzContent: PublishGoodsChooseFamifiarComponent,
+      nzComponentParams: {
+        submitParams: item,
+        submitUrl: this.service.$api_save_bulk_assign
+      },
+      nzWidth: 1300
+    });
+    modalRef.afterClose.subscribe(result => {
+      if (result) {
+        this.openFinishPage(result);
+      }
+    });
+  }
+  // 打开下单完成页面
+  openFinishPage(resourceObj: any = null) {
+    this.modalService.create({
+      nzTitle: '',
+      nzContent: PublishSuccessComponent,
+      nzWidth: 900,
+      nzFooter: null,
+      nzComponentParams: { type: 'bulk' }
+    });
+  }
+  // 提交前确认，委托运输协议弹窗
+  submitConfirm(submitType?: any) {
+    Object.keys(this.validateForm1.controls).forEach(key => {
+      this.validateForm1.controls[key].markAsDirty();
+      this.validateForm1.controls[key].updateValueAndValidity();
+    });
+    this.sf1.validator({ emitError: true });
+    this.sf3.validator({ emitError: true });
+    this.sf4.validator({ emitError: true });
+    if (this.validateForm1.invalid || !this.sf1.valid || !this.sf3.valid || !this.sf4.valid) {
+      this.service.msgSrv.warning('请完善必填项！');
+      return;
+    }
+    if (this.totalDistance <= 0) {
+      this.service.msgSrv.warning('起终点相同，请重新选择装卸货地址！');
+      return;
+    }
+    // 校验各个输入限定值
+    if (
+      this.sf4.value?.weight > this.limitValues?.maxWeight ||
+      this.sf4.value?.volume > this.limitValues?.maxVolume ||
+      this.sf4.value?.number > this.limitValues?.maxTrainNumber
+    ) {
+      this.service.msgSrv.error(
+        `当前货物核载信息已超出限定值【${this.limitValues?.maxWeight}吨、${this.limitValues?.maxVolume}方、${this.limitValues?.maxTrainNumber}车】`
+      );
+      return;
+    }
+
+    if (this.sf4.value?.freightPrice > this.limitValues?.maxFreight) {
+      this.service.msgSrv.error(`当前运费单价已超出限定值【${this.limitValues.maxFreight}元】`);
+      return;
+    }
+
+    // //装卸货信息
+    const LoadingList = this.startInfo.concat(this.endInfo);
+    // 货物信息
+    const sf3Values = { ...this.sf3.value };
+    if (sf3Values.goodsTypeName === '其它') {
+      sf3Values.goodsName = sf3Values.goodsName1;
+      delete sf3Values.goodsName1;
+    }
+    if (this.sf4.value.carModel.includes('999')) {
+      this.sf4.value.carModel = ['999'];
+    }
+    if (this.sf4.value.carLength.includes('999')) {
+      this.sf4.value.carLength = ['999'];
+    }
+    const goodsInfoDTOList = [
+      {
+        ...this.sf4.value,
+        ...this.sf3.value,
+        carModel: this.sf4.value?.carModel.join(','),
+        carLength: this.sf4.value?.carLength.join(',')
+      }
+    ];
+    // 从“再下一单”过来，将所有的子参数内的id都删除
+    if ((this.PageStatus = '大宗下一单')) {
+      LoadingList.forEach((ele: any) => {
+        delete ele.id;
+      });
+      goodsInfoDTOList.forEach((ele: any) => {
+        delete ele.id;
+      });
+    }
+    const params: any = {
+      ...this.sf1.value,
+      ...this.sf7.value,
+      unLoadingPlaceDTOList: LoadingList,
+      goodsInfoDTOList: goodsInfoDTOList,
+      estimatedKilometers: this.totalDistance,
+      estimatedTravelTime: this.totalTime
+    };
+    params.freightPrice = this.totalFees;
+    const modalRef = this.modalService.create({
+      nzTitle: '运输协议',
+      nzContent: TranAgreementComponent,
+      nzWidth: 900,
+      nzFooter: null,
+      nzComponentParams: { object: params, shipperName: this.shipperName, type: 'bulk' }
+    });
+    modalRef.afterClose.subscribe(result => {
+      if (result) {
+        this.submit(submitType, params);
+      }
+    });
+  }
+  // 确认提交
+  submit(submitType?: string, params?: any): void {
+    if (submitType) {
+      if (submitType == 'assign') {
+        this.chooseFamifiar(params);
+        return;
+      } else if (submitType === 'qrcode') {
+        this.service.request(this.service.$api_saveAnotherBulkOrderQRCode, params).subscribe(res => {
+          if (res) {
+            this.assignedQrcode(res, params);
+          }
+        });
+        return;
+      }
+    }
+    if (this.PageStatus === '大宗修改') {
+      this.requests(this.service.$api_set_bulkModify, params, 1);
+    } else if (this.PageStatus === '大宗下一单') {
+      this.requests(this.service.$api_set_saveAnotherBulkOrder, params, 2);
+    }
+  }
+  // 生成二维码
+  assignedQrcode(id: string, parms: any) {
+    const item = {
+      id,
+      enterpriseInfoName: parms.enterpriseInfoName,
+      loadingAddressArr: this.startInfo.map((ele: any) => ele.detailedAddress),
+      unloadingAddressArr: this.endInfo.map((ele: any) => ele.detailedAddress),
+      deadlineTime: parms.deadlineTime
+    };
+    const modalRef = this.modalService.create({
+      nzTitle: '二维码',
+      nzWidth: '468px',
+      nzContent: SupplyManagementQrcodePageComponent,
+      nzComponentParams: {
+        i: item
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe(() => {
+      this.router.navigate(['/supply-management/index'], { queryParams: { type: 'bulk' } });
+    });
+  }
+  requests(url: any, params: any, change?: any) {
+    this.service.request(url, params).subscribe((res: any) => {
+      if (res) {
+        this.modalService.create({
+          nzTitle: '',
+          nzContent: PublishSuccessComponent,
+          nzWidth: 900,
+          nzFooter: null,
+          nzComponentParams: { type: 'onecar', change: change }
+        });
+      }
+    });
+  }
+  changeGoodsType(value: string, data: any) {
+    if (data.label === '其它') return;
+    const params = {
+      pageIndex: 1,
+      pageSize: 100,
+      configId: value
+    };
+    this.service
+      .request(this.service.$api_get_config_item_page, params)
+      .pipe(
+        map(data => {
+          return data.records?.map((m: any) => {
+            return { label: m.name, value: m.id };
+          });
+        })
+      )
+      .subscribe(res => {
+        if (res) {
+          this.sf3.getProperty('/goodsNameId')!.schema.enum = res;
+          this.sf3.getProperty('/goodsNameId')!.widget.reset(res);
+          if (this.sf3data.goodsNameId) {
+            this.sf3.setValue('/goodsNameId', this.sf3data.goodsNameId);
+          }
+        }
+      });
+  }
+  backBillChange() {
+    const modalRef = this.modalService.create({
+      nzTitle: '选择收回单地址',
+      nzContent: PublishAddressListComponent,
+      nzWidth: 900,
+      nzComponentParams: { spuStatus: '2' },
+      nzOnOk: item => {
+        const data = item.seleteData;
+        if (JSON.stringify(data) === '{}') return;
+        this.sf7.setValue('/receiptAddressId', data.id);
+        this.sf7.setValue('/receiptUserName', data.contactName);
+        this.sf7.setValue('/phon', data.contactTelephone);
+        this.sf7.setValue('/area', `${data.province}-${data.city}-${data.area}`);
+        this.sf7.setValue('/address', data.detailedAddress);
+      }
+    });
+  }
+  // 打开地图
+  openMap(type: string, index: number) {
+    const modalRef = this.modalService.create({
+      nzTitle: '',
+      nzContent: AmapPoiPickerComponent,
+      nzWidth: 900,
+      nzOnOk: item => {
+        const poi = item.poi;
+        const locList = poi.location.toString().split(',');
+        switch (type) {
+          case 'start':
+            this.startInfo[index].detailedAddress = poi.district + poi.name;
+            this.startInfo[index].longitude = locList[0];
+            this.startInfo[index].latitude = locList[1];
+            this.startInfo[index].province = poi.cityInfo.province;
+            this.startInfo[index].city = poi.cityInfo.city;
+            this.startInfo[index].area = poi.cityInfo.district;
+            this.startInfo[index].address = poi.name;
+            break;
+          case 'end':
+            this.endInfo[index].detailedAddress = poi.district + poi.name;
+            this.endInfo[index].longitude = locList[0];
+            this.endInfo[index].latitude = locList[1];
+            this.endInfo[index].province = poi.cityInfo.province;
+            this.endInfo[index].city = poi.cityInfo.city;
+            this.endInfo[index].area = poi.cityInfo.district;
+            this.endInfo[index].address = poi.name;
+            break;
+          default:
+            break;
+        }
+
+        if (this.startInfo[0]?.area && this.endInfo[0]?.area) {
+          this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe((res: any) => {
+            this.totalDistance = res.distance;
+            this.totalTime = res.time;
+          });
+        }
+      }
+    });
+  }
+  goBack() {
+    window.history.go(-1);
+  }
+  // 初始化信息
+  initdata() {
+    this.service.request(`${this.service.$api_get_getBulkDetail}`, { id: this.id }).subscribe(res => {
+      this.dataR(res);
+    });
+  }
+
+  // 初始化信息
+  dataR(res: any) {
+    // 注：区分编辑和下一单 区别是初始化的时候加不加ID
+    if (res?.shipperAppUserName) {
+      this.shipperName = res?.shipperAppUserName;
+      const List: any = [];
+      this.service.request(this.service.$api_enterpriceList, { enterpriseName: res?.shipperAppUserName }).subscribe(rs => {
+        rs?.forEach((element: any) => {
+          List.push({ label: element.enterpriseName, value: element.id });
+        });
+        this.sf1.getProperty('/shipperAppUserId')!.schema.enum = List;
+        this.sf1.getProperty('/shipperAppUserId')!.widget.reset(List);
+        if (res?.shipperAppUserId) {
+          this.sf1.setValue('/shipperAppUserId', res?.shipperAppUserId);
+          this.getRegionCode(res?.shipperAppUserId);
+        }
+      });
+    }
+    if (res?.enterpriseProjectId) {
+      this.enterpriseProjectIds = res.enterpriseProjectId;
+    }
+    this.totalDistance = res?.estimatedKilometers;
+    this.totalTime = res?.estimatedTravelTime;
+    this.sf1data = {
+      dispatchPhone: res?.dispatchPhone,
+      dispatchName: res?.dispatchName,
+      // shipperAppUserName: res?.shipperAppUserName || '',
+      enterpriseProjectId: res?.enterpriseProjectId || '',
+      enterpriseInfoName: res?.enterpriseInfoName || '',
+      externalResourceCode: res?.externalResourceCode || '',
+      deadlineTime: res?.deadlineTime || ''
+    };
+    if (this.PageStatus === '大宗修改') {
+      this.sf1data.id = res?.id;
+    }
+    res?.unLoadingPlaceVOList.forEach((element: any) => {
+      if (element.type === 1 || element.type === '1') {
+        const controlId = this.startInfo.length;
+        if (this.PageStatus === '大宗修改') {
+          this.startInfo.push({
+            detailedAddress: element.detailedAddress,
+            appUserName: element.appUserName,
+            contractTelephone: element.contractTelephone,
+            latitude: element.latitude,
+            longitude: element.longitude,
+            province: element.province,
+            city: element.city,
+            area: element.area,
+            type: element.type,
+            id: element.id
+          });
+        } else {
+          this.startInfo.push({
+            detailedAddress: element.detailedAddress,
+            appUserName: element.appUserName,
+            contractTelephone: element.contractTelephone,
+            latitude: element.latitude,
+            longitude: element.longitude,
+            province: element.province,
+            city: element.city,
+            area: element.area,
+            type: element.type
+          });
+        }
+        if (element.createTime) {
+          this.creatTime = element?.createTime;
+          this.modifyTime = element?.modifyTime;
+        }
+        this.validateForm1.addControl(`loadAddress${controlId}`, new FormControl(null, Validators.required));
+        this.validateForm1.addControl(`loadName${controlId}`, new FormControl(null, Validators.required));
+        this.validateForm1.addControl(`loadPhone${controlId}`, new FormControl(null, Validators.required));
+      } else if (element.type === 2 || element.type === '2') {
+        const controlId = this.endInfo.length;
+        if (this.PageStatus === '大宗修改') {
+          this.endInfo.push({
+            detailedAddress: element?.detailedAddress,
+            appUserName: element?.appUserName,
+            contractTelephone: element?.contractTelephone,
+            latitude: element.latitude,
+            longitude: element.longitude,
+            province: element.province,
+            city: element.city,
+            area: element.area,
+            type: element.type,
+            id: element.id
+          });
+        } else {
+          this.endInfo.push({
+            detailedAddress: element?.detailedAddress,
+            appUserName: element?.appUserName,
+            contractTelephone: element?.contractTelephone,
+            latitude: element.latitude,
+            longitude: element.longitude,
+            province: element.province,
+            city: element.city,
+            area: element.area,
+            type: element.type
+          });
+        }
+        this.validateForm1.addControl(`unloadAddress${controlId}`, new FormControl(null, Validators.required));
+        this.validateForm1.addControl(`unloadName${controlId}`, new FormControl(null, Validators.required));
+        this.validateForm1.addControl(`unloadPhone${controlId}`, new FormControl(null, Validators.required));
+      }
+    });
+    this.sf3data = {
+      goodsTypeId: res?.goodsInfoVOList[0]?.goodsTypeId || '',
+      goodsTypeName: res?.goodsInfoVOList[0]?.goodsTypeName || '',
+      goodsNameId: res?.goodsInfoVOList[0]?.goodsNameId || '',
+      goodsName: res?.goodsInfoVOList[0]?.goodsName || ''
+    };
+    if (this.sf3data.goodsTypeName === '其它') {
+      this.sf3data.goodsName1 = res?.goodsInfoVOList[0]?.goodsName || '';
+    }
+    this.changeGoodsType(this.sf3data.goodsTypeId, { label: this.sf3data.goodsTypeName, value: this.sf3data.goodsTypeId });
+
+    this.sf4data = {
+      freightPrice: res?.goodsInfoVOList[0]?.freightPrice || '',
+      freightType: res?.goodsInfoVOList[0]?.freightType || '',
+      rule: res?.goodsInfoVOList[0]?.rule || '',
+      settlementBasis: res?.goodsInfoVOList[0]?.settlementBasis || '',
+      weight: res?.goodsInfoVOList[0]?.weight || '',
+      volume: res?.goodsInfoVOList[0]?.volume || '',
+      number: res?.goodsInfoVOList[0]?.number || '',
+      carModel: res?.goodsInfoVOList[0]?.carModel?.split(',') || '',
+      carLength: res?.goodsInfoVOList[0]?.carLength?.split(',') || ''
+    };
+    if (this.PageStatus === '大宗修改') {
+      this.sf4data.id = res?.goodsInfoVOList[0]?.id;
+    }
+    // 计算里程，时间
+    if (this.startInfo[0]?.detailedAddress && this.endInfo[0]?.detailedAddress) {
+      this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe(res => {
+        this.totalDistance = res.distance;
+        this.totalTime = res.time;
+      });
+    }
+    this.totalFees = res?.freightPrice || '0';
+    this.sf7data = {
+      stateReceipt: res?.stateReceipt,
+      receiptType: res?.receiptType || '',
+      receiptUserName: res?.supplementaryInformationVO?.receiptUserName || '',
+      receiptAddressArea: res?.supplementaryInformationVO?.area || '',
+      receiptUserPhone: res?.supplementaryInformationVO?.phon || '',
+      receiptAddress: res?.receiptAddress || '',
+      paymentDays: res?.paymentDays || '',
+      remarks: res?.remarks || ''
+    };
+  }
+  // 回退
+  choose() {
+    window.history.go(-1);
+  }
+  // 选择地址
+  chooseAddress(index: number, type: string) {
+    const modalRef = this.modalService.create({
+      nzTitle: '选择地址',
+      nzContent: PublishAddressListComponent,
+      nzWidth: 900,
+      nzComponentParams: { spuStatus: '1' },
+      nzOnOk: item => {
+        const data = item.seleteData;
+        if (JSON.stringify(data) === '{}') return;
+        switch (type) {
+          case 'start':
+            this.startInfo[index] = {
+              detailedAddress: data.detailedAddress,
+              appUserName: data.contactName,
+              contractTelephone: data.contactTelephone,
+              latitude: data.contactTelephone,
+              longitude: data.latitude,
+              province: data.province,
+              city: data.city,
+              area: data.area,
+              type: '1'
+            };
+            break;
+          case 'end':
+            this.endInfo[index] = {
+              detailedAddress: data.detailedAddress,
+              appUserName: data.contactName,
+              contractTelephone: data.contactTelephone,
+              latitude: data.contactTelephone,
+              longitude: data.latitude,
+              province: data.province,
+              city: data.city,
+              area: data.area,
+              type: '2'
+            };
+            break;
+          default:
+            break;
+        }
+      }
+    });
+  }
+  // 装卸货地址互换
+  swapAddress() {
+    let item = this.startInfo;
+    this.startInfo = this.endInfo;
+    this.endInfo = item;
+
+    this.startInfo.forEach((element: any) => {
+      element.type = '1';
+    });
+    this.endInfo.forEach((element: any) => {
+      element.type = '2';
+    });
+
+    // 计算里程，时间
+    if (this.startInfo[0]?.detailedAddress && this.endInfo[0]?.detailedAddress) {
+      this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe(res => {
+        this.totalDistance = res.distance;
+        this.totalTime = res.time;
+      });
+    }
+  }
+  getLimitvalue() {
+    const getlimitvaluesParms = [
+      this.service.limitKeys2.month,
+      this.service.limitKeys2.weight,
+      this.service.limitKeys2.volume,
+      this.service.limitKeys2.trainNumber,
+      this.service.limitKeys2.freight
+    ];
+    this.service.request(this.service.$api_findItemValueByItemKeys, getlimitvaluesParms).subscribe(res => {
+      const maxMonth = res.filter((item: any) => item.itemKey === this.service.limitKeys2.month)[0].itemValue;
+      const maxWeight = res.filter((item: any) => item.itemKey === this.service.limitKeys2.weight)[0].itemValue;
+      const maxVolume = res.filter((item: any) => item.itemKey === this.service.limitKeys2.volume)[0].itemValue;
+      const maxTrainNumber = res.filter((item: any) => item.itemKey === this.service.limitKeys2.trainNumber)[0].itemValue;
+      const maxFreight = res.filter((item: any) => item.itemKey === this.service.limitKeys2.freight)[0].itemValue;
+      this.limitValues = {
+        maxMonth: Number(maxMonth),
+        maxWeight: Number(maxWeight),
+        maxVolume: Number(maxVolume),
+        maxTrainNumber: Number(maxTrainNumber),
+        maxFreight: Number(maxFreight)
+      };
+    });
+  }
+}
diff --git a/src/app/routes/supply-management/components/bulk-release-publish/bulk-release-publish.component.html b/src/app/routes/supply-management/components/bulk-release-publish/bulk-release-publish.component.html
new file mode 100644
index 00000000..db754dcf
--- /dev/null
+++ b/src/app/routes/supply-management/components/bulk-release-publish/bulk-release-publish.component.html
@@ -0,0 +1,238 @@
+<page-header-wrapper [title]="'大宗代发货源'" [logo]="logo">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+  <div class="card-title">货源单设置</div>
+      <sf #sf1 [schema]="schema1" [button]="'none'" [ui]="ui1" [formData]="sf1data">
+        <ng-template sf-template="enterpriseInfoName" let-i let-ui="ui"> {{ i.value }} </ng-template>
+      </sf>
+</nz-card>
+
+<nz-card>
+  <div class="card-title"x
+    >装卸货信息<span class="tip-font">预计公里数：{{ totalDistance }}km，预计行程耗时：{{ totalTime }}小时</span></div
+  >
+
+  <form #ngForm="ngForm" nz-form role="form">
+    <div nz-row [nzGutter]="24">
+      <div nz-col [nzSpan]="10">
+        <div *ngFor="let data1 of startInfo; let idx = index">
+          <nz-form-item>
+            <nz-form-label  nzRequired>装货地</nz-form-label>
+            <nz-form-control [nzErrorTip]="'请输入装货地'">
+              <div class="align-center">
+                <nz-input-group [nzSuffix]="endInconTemp1">
+                  <input
+                    nz-input
+                    [(ngModel)]="data1.detailedAddress"
+                    (click)="openMap('start', idx)"
+                    name="startDetailedAddress{{ idx }}"
+                    placeholder="请输入装货地"
+                    required
+                    readonly="true"
+                  />
+                </nz-input-group>
+              </div>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item >
+            <nz-form-label  nzRequired>联系人</nz-form-label>
+            <div style="display: flex;width: 86%">
+              <nz-form-control [nzErrorTip]="'请输入联系人姓名'">
+                <input
+                  nz-input
+                  [(ngModel)]="data1.appUserName"
+                  name="startAppUserName{{ idx }}"
+                  maxlength="30"
+                  placeholder="请输入联系人姓名"
+                  required
+                />
+              </nz-form-control>
+              <nz-form-control [nzErrorTip]="'请输入联系人电话'">
+                <input
+                  style="margin-left: 12px"
+                  nz-input
+                  [(ngModel)]="data1.contractTelephone"
+                  maxlength="11"
+                  name="startContractTelephone{{ idx }}"
+                  placeholder="请输入联系人电话"
+                  required
+                />
+              </nz-form-control>
+            </div>
+          </nz-form-item>
+        </div>
+      </div>
+      <div nz-col [nzSpan]="4">
+        <div style="display: flex; justify-content: center">
+          <span class="swap-icon" (click)="swapAddress()"><i nz-icon nzType="swap"
+              nzTheme="outline"></i></span>
+        </div>
+      </div>
+      <div nz-col [nzSpan]="10">
+        <div *ngFor="let data2 of endInfo; let idx = index">
+          <nz-form-item>
+            <nz-form-label  nzRequired>卸货地</nz-form-label>
+            <nz-form-control [nzErrorTip]="'请输入卸货地'">
+              <div class="align-center">
+                <nz-input-group [nzSuffix]="endInconTemp1">
+                  <input
+                    nz-input
+                    [(ngModel)]="data2.detailedAddress"
+                    (click)="openMap('end', idx)"
+                    name="endDetailedAddress{{ idx }}"
+                    placeholder="请输入卸货地"
+                    required
+                    readonly="true"
+                  />
+                </nz-input-group>
+              </div>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label  nzRequired>联系人</nz-form-label>
+            <div style="display: flex;width: 86%">
+              <nz-form-control [nzErrorTip]="'请输入联系人姓名'">
+                <input
+                  nz-input
+                  [(ngModel)]="data2.appUserName"
+                  maxlength="30"
+                  name="endAppUserName{{ idx }}"
+                  placeholder="请输入联系人姓名"
+                  required
+                />
+              </nz-form-control>
+              <nz-form-control [nzErrorTip]="'请输入联系人电话'">
+                <input
+                  style="margin-left: 12px"
+                  nz-input
+                  [(ngModel)]="data2.contractTelephone"
+                  name="endUnloadPhone{{ idx }}"
+                  maxlength="11"
+                  placeholder="请输入联系人电话"
+                  required
+                />
+              </nz-form-control>
+            </div>
+          </nz-form-item>
+        </div>
+      </div>
+    </div>
+    <ng-template #endInconTemp1><i nz-icon nzType="environment" nzTheme="outline"></i></ng-template>
+  </form>
+</nz-card>
+
+<nz-card>
+  <div class="card-title">货物信息</div>
+  <div nz-row>
+    <div nz-col nzSpan="24">
+      <sf #sf3 [schema]="schema3" [button]="'none'" [ui]="ui3" [formData]="sf3data"></sf>
+      <sf #sf4 [schema]="schema4" [button]="'none'" [ui]="ui4" [formData]="sf4data">
+        <ng-template sf-template="freightPrice" let-i let-ui="ui">
+          <nz-input-group [nzAddOnAfter]="addOnAfterTemplate">
+            <nz-input-number [nzMax]="99999" [nzMin] ="0" nzPlaceHolder="请输入" type="number" [ngModel]="i.value"
+            (ngModelChange)="i.setValue($event)" [nzPrecision]="2" style="width: 100%;"></nz-input-number>
+          </nz-input-group>
+          <ng-template #addOnAfterTemplate>
+            <nz-select [ngModel]="sf4.value.freightType" (ngModelChange)="sf4.setValue('/freightType', $event)">
+              <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of freightTypeOptions"> </nz-option>
+            </nz-select>
+          </ng-template>
+        </ng-template>
+        <ng-template sf-template="rule" let-i let-ui="ui">
+          <div class="align-center">
+            <nz-select [ngModel]="i.value" (ngModelChange)="i.setValue($event)" nzPlaceHolder="运费取整规则">
+              <nz-option nzLabel="保留小数" nzValue="1"></nz-option>
+              <nz-option nzLabel="抹除小数" nzValue="2"></nz-option>
+              <nz-option nzLabel="抹除个数" nzValue="3"></nz-option>
+            </nz-select>
+            <span style="padding: 0 12px" nz-tooltip [nzTooltipTitle]="template2" nzTooltipPlacement="bottom"
+              ><i nz-icon nzType="exclamation-circle" nzTheme="outline" style="color: #1890ff"></i
+            ></span>
+            <ng-template #template2>
+              <p>例如 付司机运费 = 重量*单价 = 999.99</p>
+              <p>保留小数，即 999.99</p>
+              <p>抹除小数，即 999.00</p>
+              <p>抹除个位，即 990.00</p>
+            </ng-template>
+          </div>
+        </ng-template>
+        <ng-template sf-template="weight" let-i let-ui="ui">
+          <nz-input-group [nzAddOnAfter]="'吨'">
+            <nz-input-number
+              placeholder="总重量，必填"
+              [ngModel]="i.value"
+              (ngModelChange)="i.setValue($event)"
+              [nzMin]="1"
+              style="width: 100%"
+            ></nz-input-number>
+          </nz-input-group>
+        </ng-template>
+        <ng-template sf-template="volume" let-i let-ui="ui">
+          <nz-input-group [nzAddOnAfter]="'方'">
+            <nz-input-number
+              placeholder="总体积"
+              [ngModel]="i.value"
+              (ngModelChange)="i.setValue($event)"
+              [nzMin]="1"
+              style="width: 100%"
+            ></nz-input-number>
+          </nz-input-group>
+        </ng-template>
+        <ng-template sf-template="number" let-i let-ui="ui">
+          <nz-input-group [nzAddOnAfter]="'车'">
+            <nz-input-number
+              placeholder="总车次"
+              [ngModel]="i.value"
+              (ngModelChange)="i.setValue($event)"
+              [nzMin]="1"
+              style="width: 100%"
+            ></nz-input-number>
+          </nz-input-group>
+        </ng-template>
+      </sf>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card>
+  <div class="card-title">补充信息</div>
+  <div nz-row>
+    <div nz-col nzSpan="12">
+      <sf #sf6 [schema]="schema6" [button]="'none'" [ui]="ui6" [formData]="sf6data">
+        <ng-template sf-template="paymentDays" let-i let-ui="ui">
+          <div nz-row>
+            <div class="align-center" >
+              <div nz-col nzSpan="12">
+                <nz-input-number
+                  [ngModel]="i.value"
+                  [nzMin]="1"
+                  [nzMax]="30"
+                  [nzStep]="1"
+                  (ngModelChange)="i.setValue($event)"
+                  nzPlaceHolder="请输入1-30"
+                ></nz-input-number>
+              </div>
+              <div nz-col nzSpan="12">
+                <span>&nbsp;天内支付运费</span>
+              </div>
+            </div>
+          </div>
+        </ng-template>
+      </sf>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card>
+  <div class="align-center">
+    <!-- <button nz-button nzType="primary" (click)="choose()">取消</button> -->
+    <button nz-button nzType="primary"  (click)="submitConfirm('qrcode')"  acl  [acl-ability]="['SUPPLY-BULK-RELEASE-QRCode ']">生成二维码</button>
+    <button nz-button nzType="primary"  style="margin-left: 48px" (click)="submitConfirm('assign')"  acl  [acl-ability]="['SUPPLY-BULK-RELEASE-consignBulkAssign']">指派熟车</button>
+    <button nz-button nzType="primary" style="margin-left: 48px" (click)="submitConfirm('publish')"  acl  [acl-ability]="['SUPPLY-BULK-RELEASE-consignBulk']">司机抢单</button>
+  </div>
+</nz-card>
diff --git a/src/app/routes/supply-management/components/bulk-release-publish/bulk-release-publish.component.less b/src/app/routes/supply-management/components/bulk-release-publish/bulk-release-publish.component.less
new file mode 100644
index 00000000..6abb9df7
--- /dev/null
+++ b/src/app/routes/supply-management/components/bulk-release-publish/bulk-release-publish.component.less
@@ -0,0 +1,48 @@
+:host {
+  ::ng-deep {
+    nz-input-number {
+      width: 100%;
+    }
+    nz-date-picker {
+      width: 94.3%;
+    }
+  }
+  i {
+    cursor: pointer;
+  }
+}
+
+.tip-font {
+  margin-left: 16px;
+  font-weight: 500;
+  font-size: 12px;
+}
+
+.card-title {
+  margin-bottom: 24px;
+  font-weight: bold;
+  font-size: 16px;
+}
+
+.align-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.swap-icon {
+  padding: 24px;
+  color: #7d7d7d;
+  font-size: 30px;
+  :hover{color: #52acff;}
+}
+
+
+input[type='number'] {
+  -moz-appearance: textfield;
+}
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+  margin: 0;
+  -webkit-appearance: none;
+}
diff --git a/src/app/routes/supply-management/components/bulk-release-publish/bulk-release-publish.component.ts b/src/app/routes/supply-management/components/bulk-release-publish/bulk-release-publish.component.ts
new file mode 100644
index 00000000..78ce97a5
--- /dev/null
+++ b/src/app/routes/supply-management/components/bulk-release-publish/bulk-release-publish.component.ts
@@ -0,0 +1,876 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { NgForm } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
+import {
+  SFComponent,
+  SFSchema,
+  SFSchemaEnum,
+  SFSelectWidgetSchema,
+  SFTextareaWidgetSchema,
+  SFUISchema
+} from '@delon/form';
+import { SettingsService, _HttpClient } from '@delon/theme';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { AmapPoiPickerComponent, AmapService } from 'src/app/shared/components/amap';
+import { SupplyManagementService } from '../../services/supply-management.service';
+import { PublishGoodsChooseFamifiarComponent } from '../choose-famifiar/choose-famifiar.component';
+import { PublishAddressListComponent } from '../onecar-publish/address-list/address-list.component';
+import { PublishSuccessComponent } from '../onecar-publish/publish-success/publish-success.component';
+import { TranAgreementComponent } from '../tran-agreement/tran-agreement.component';
+import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
+import { SupplyManagementQrcodePageComponent } from '../qrcode-page/qrcode-page.component';
+@Component({
+  selector: 'app-publish-goods-bulk-publish',
+  templateUrl: './bulk-release-publish.component.html',
+  styleUrls: ['./bulk-release-publish.component.less']
+})
+export class SupplyManagementBulkReleasePublishComponent implements OnInit {
+  @ViewChild('ngForm')
+  ngForm!: NgForm;
+  sf1data: any; // 货源单设置回显
+  sf3data: any; // 货源单设置回显
+  sf4data: any; // 货源单设置回显
+  sf5data: any; // 货源单设置回显
+  sf6data: any; // 货源单设置回显
+  sf7data: any; // 货源单设置回显
+  creatTime: any; // 货源单设置回显
+  modifyTime: any; // 货源单设置回显
+  totalFees: any; // 总数信息
+  ruleOptions: any;
+  id = '';
+  type = 'add';
+  limitValues = {
+    maxMonth: 99,
+    maxWeight: 99999,
+    maxVolume: 99999,
+    maxTrainNumber: 99999,
+    maxFreight: 9999999
+  }
+  shipperName = '';
+  // // 单位
+  startInfo: any[] = [];
+  endInfo: any[] = [];
+  totalDistance = 0.0; //总里程
+  totalTime = 0.0; //路程总时间
+  freightTypeOptions: any;
+  constructor(
+    private http: _HttpClient,
+    private modalService: NzModalService,
+    private settingSrv: SettingsService,
+    private service: SupplyManagementService,
+    private router: Router,
+    private route: ActivatedRoute,
+    private amapService: AmapService,
+    public shipperSrv: ShipperBaseService
+  ) {
+    
+  }
+  @ViewChild('sf1', { static: false }) sf1!: SFComponent;
+  schema1: SFSchema = {};
+  ui1!: SFUISchema;
+
+  @ViewChild('sf3', { static: false }) sf3!: SFComponent;
+  schema3: SFSchema = {};
+  ui3!: SFUISchema;
+
+  @ViewChild('sf4', { static: false }) sf4!: SFComponent;
+  schema4: SFSchema = {};
+  ui4!: SFUISchema;
+
+  @ViewChild('sf6', { static: false }) sf6!: SFComponent;
+  schema6: SFSchema = {};
+  ui6!: SFUISchema;
+  // 初始化
+  ngOnInit(): void {
+    this.initSF1();
+    this.initSF3();
+    this.initSF4();
+    this.initSF6();
+    this.getLimitvalue();
+    this.initDict();
+    this.startInfo = [
+      {
+        detailedAddress: '',
+        appUserName: '',
+        contractTelephone: '',
+        latitude: '',
+        longitude: '',
+        province: '',
+        city: '',
+        area: '',
+        type: '1'
+      }
+    ];
+    this.endInfo = [
+      {
+        detailedAddress: '',
+        appUserName: '',
+        contractTelephone: '',
+        latitude: '',
+        longitude: '',
+        province: '',
+        city: '',
+        area: '',
+        type: '2'
+      }
+    ];
+  }
+  initSF1() {
+    this.schema1 = {
+      properties: {
+        shipperAppUserId: {
+          title: '货主',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            onSearch: (q: any) => {
+              let str =q?.replace(/^\s+|\s+$/g,"");
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map((res: any[]) => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+            change: (q: any, qs: any) => {
+              let str =q?.replace(/^\s+|\s+$/g,"");
+              if (str) {
+              this.getRegionCode(str);
+              this.shipperName = qs?.label;
+              }
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseProjectId: {
+          type: 'string',
+          title: '项目',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+          } as SFSelectWidgetSchema
+        },
+        // enterpriseInfoName: {
+        //   type: 'string',
+        //   title: '网络货运人',
+        //   ui: {
+        //     widget: 'custom'
+        //   },
+        //   default: '天津市怡亚通XXXX有限公司'
+        // },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.shipperSrv.getNetworkFreightForwarder()
+          }
+        },
+        deadlineTime: {
+          title: '有效期',
+          type: 'string',
+          format: 'date-time',
+          ui: {
+            placeholder: '请输入',
+            format: 'yyyy-MM-dd HH:mm:ss',
+            validator: (val) => {
+              let d = new Date();
+              let year = d.getFullYear();
+              let month = d.getMonth();
+              let date = d.getDate();
+              let mydate = new Date(year, month + this.limitValues.maxMonth, date);
+              if (new Date(val) < new Date()) {
+                return [{ keyword: 'validTime', message: '有效期时间需大于当前时间' }];
+              }
+              if (new Date(val) > mydate) {
+                return [{ keyword: 'validTime2', message: `有效期最长为${this.limitValues.maxMonth}个月` }];
+              }
+              return [];
+            },
+          }
+        },
+        dispatchName: {
+          type: 'string',
+          title: '调度员姓名',
+          maxLength: 30,
+          ui: {
+            optionalHelp: '选若未填写，司机直接联系您',
+            placeholder: '请输入'
+          }
+        },
+        dispatchPhone: {
+          type: 'string',
+          title: '调度员手机号',
+          maxLength: 30,
+          ui: {       
+            placeholder: '请输入'
+          }
+        },
+      },
+      required: ['shipperAppUserId', 'enterpriseProjectId','enterpriseInfoName','enterpriseInfoId', 'deadlineTime',]
+    };
+    this.ui1 = {
+      '*': {
+        spanLabelFixed: 110,
+        grid: { span: 12 }
+      },
+      $enterpriseInfoName: {
+        grid: { span: 24 }
+      }
+    };
+  }
+  initSF3() {
+    this.schema3 = {
+      properties: {
+        goodsTypeId: {
+          type: 'string',
+          title: '货物名称',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            errors: { required: '请选择货物类型' },
+            asyncData: () =>
+              this.shipperSrv.loadConfigByKey('goods.name.config.type').pipe(
+                map((data: any) => {
+                  return data[0].children?.map((m: any) => {
+                    return { label: m.name, value: m.id };
+                  });
+                })
+              ),
+            change: (value, data: any) => {
+              this.changeGoodsType(value, data);
+              this.sf3.setValue('/goodsTypeName', data.label);
+            }
+          } as SFSelectWidgetSchema
+        },
+        goodsTypeName: {
+          type: 'string',
+          title: '',
+          ui: {
+            hidden: true
+          }
+        },
+        goodsNameId: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            errors: { required: '请填写货物名称' },
+            change: (value: any, data: any) => {
+              this.sf3.setValue('/goodsName', data.label);
+            },
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value !== '其它'
+            }
+          }
+        },
+        goodsName: {
+          type: 'string',
+          title: '',
+          ui: {
+            hidden: true,
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value !== '其它'
+            }
+          }
+        },
+        goodsName1: {
+          type: 'string',
+          title: '',
+          maxLength: 20,
+          ui: {
+            errors: { required: '请填写货物名称' },
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value === '其它'
+            }
+          }
+        }
+      },
+      required: ['goodsTypeId', 'goodsName', 'goodsNameId','goodsName1']
+    };
+    this.ui3 = {
+      '*': {
+        spanLabelFixed: 90,
+        grid: { span: 12 }
+      }
+    };
+  }
+  initSF4() {
+    this.schema4 = {
+      properties: {
+        freightPrice: {
+          type: 'string',
+          title: '运费单价',
+          ui: {
+            errors: { required: '请选择运费单价' },
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        freightType: {
+          type: 'string',
+          title: '',
+          ui: {
+            hidden: true
+          },
+          default: '1'
+        },
+
+        rule: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+            errors: { required: '请选择运费取整规则' }
+          }
+        },
+        settlementBasis: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'goodresource:settlement:type' },
+            placeholder: '结算依据',
+            errors: { required: '请选择结算依据' }
+          } as SFSelectWidgetSchema
+        },
+        weight: {
+          type: 'string',
+          title: '货物数量',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入',
+            errors: { required: '请填写总重量' }
+          }
+        },
+        volume: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        number: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        carModel: {
+          type: 'string',
+          title: '车型/车长',
+          ui: {
+            widget: 'select',
+            mode: 'multiple',
+            maxMultipleCount:3,
+            placeholder: '请选择车型',
+            errors: { required: '请选择车型' },
+            asyncData: () => this.service.getDictOptions({ dictKey: 'car:model' }),
+            change:(tag:any , org:any)=>{
+              if(tag.includes("999")){
+                this.sf4.setValue('/carModel',["999"]);
+              }
+            }
+          }
+        },
+        carLength: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'select',
+            mode: 'multiple',
+            maxMultipleCount:3,
+            placeholder: '请选择车长',
+            errors: { required: '请选择车长' },
+            asyncData: () => this.service.getDictOptions({ dictKey: 'car:length' }),
+            change:(tag:any , org:any)=>{
+              if(tag.includes("999")){
+                this.sf4.setValue('/carModel',["999"]);
+              }
+            }
+          }
+        },
+      },
+      required: ['weight', 'carModel', 'carLength', 'freightPrice', 'rule', 'settlementBasis']
+    };
+    this.ui4 = {
+      '*': {
+        spanLabelFixed: 90,
+        grid: { span: 24 }
+      },
+      $freightPrice: {
+        grid: { span: 8 }
+      },
+      $rule: {
+        grid: { span: 8 }
+      },
+      $settlementBasis: {
+        grid: { span: 8 }
+      },
+      $weight: {
+        grid: { lg: 8, md: 12, sm: 12, xs: 24 }
+      },
+      $volume: {
+        grid: { lg: 8, md: 12, sm: 12, xs: 24 }
+      },
+      $number: {
+        grid: { lg: 8, md: 12, sm: 12, xs: 24 }
+      },
+      $carModel: {
+        spanLabelFixed: 120,
+        grid: { span: 8 }
+      },
+      $carLength: {
+        grid: { span: 8 }
+      }
+    };
+  }
+  initSF6() {
+    this.schema6 = {
+      properties: {
+        stateReceipt: {
+          type: 'string',
+          title: '是否回单',
+          enum: [
+            { label: '需要', value: true },
+            { label: '不需要', value: false }
+          ],
+          ui: {
+            widget: 'select',
+            errors: { required: '请选择' },
+            placeholder: '请选择'
+          }
+        },
+        receiptType: {
+          type: 'string',
+          title: '回单类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'receipt:type' },
+            containsAllLabel: false,
+            placeholder: '请选择',
+            errors: { required: '请选择' },
+            visibleIf: {
+              stateReceipt: value => value === true
+            }
+          }
+        },
+        receiptUserName: {
+          type: 'string',
+          title: '联系人',
+          maxLength: 15,
+          ui: {
+            visibleIf: {
+              receiptType: value => value === '2'
+            }
+          },
+        },
+        receiptUserPhone: {
+          type: 'string',
+          title: '联系电话',
+          maxLength: 11,
+          ui: {
+            visibleIf: {
+              receiptType: value => value === '2'
+            }
+          },
+        },
+        receiptAddressArea: {
+          type: 'string',
+          title: '所在地区',
+          maxLength: 30,
+          ui: {
+            visibleIf: {
+              receiptType: value => value === '2'
+            }
+          },
+        },
+        receiptAddress: {
+          type: 'string',
+          title: '详细地址',
+          maxLength: 30,
+          ui: {
+            visibleIf: {
+              receiptType: value => value === '2'
+            }
+          },
+        },
+        paymentDays: {
+          type: 'string',
+          title: '到货后',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入',
+            errors: { required: '请输入付款承诺天数' }
+          }
+        },
+        remarks: {
+          type: 'string',
+          title: '备注',
+          maxLength: 200,
+          ui: {
+            widget: 'textarea',
+            placeholder: '请输入',
+            autosize: { minRows: 3, maxRows: 3 }
+          } as SFTextareaWidgetSchema
+        }
+      },
+      required: ['stateReceipt', 'paymentDays', 'receiptType', 'receiptUserName','receiptUserPhone','receiptAddressArea','receiptAddress','paymentDays']
+    };
+    this.ui6 = {
+      '*': {
+        spanLabelFixed: 90,
+        grid: { span: 24 }
+      }
+    };
+  }
+  initDict() {
+    this.service.getDictByKey('freight:type').subscribe(res => {
+      this.freightTypeOptions = res;
+    });
+    this.service.getDictByKey('goodresource:rounding:rules').subscribe(res => {
+      this.ruleOptions = res;
+    });
+  }
+  //指派熟车
+  chooseFamifiar(item: any) {
+    const modalRef = this.modalService.create({
+      nzTitle: '指派熟车',
+      nzContent: PublishGoodsChooseFamifiarComponent,
+      nzComponentParams: {
+        submitParams: item,
+        submitUrl: this.service.$api_save_consignBulkAssign
+      },
+      nzWidth: 1300
+    });
+    modalRef.afterClose.subscribe(result => {
+      if (result) {
+        this.openFinishPage(result);
+      }
+    });
+  }
+  // 打开下单完成页面
+  openFinishPage(resourceObj: any = null) {
+    this.modalService.create({
+      nzTitle: '',
+      nzContent: PublishSuccessComponent,
+      nzWidth: 900,
+      nzFooter: null,
+      nzComponentParams: { type: 'bulk' }
+    });
+  }
+  // 提交前确认，委托运输协议弹窗
+  submitConfirm(submitType?: any) {
+      // 校验规则
+      Object.keys(this.ngForm.form.controls).forEach(key => {
+        this.ngForm.form.controls[key].markAsDirty();
+        this.ngForm.form.controls[key].updateValueAndValidity();
+      });
+      this.sf1.validator({ emitError: true });
+      this.sf3.validator({ emitError: true });
+      this.sf4.validator({ emitError: true });
+      this.sf6.validator({ emitError: true });
+      if (this.ngForm.form.invalid || !this.sf1.valid || !this.sf3.valid || !this.sf4.valid || !this.sf6.valid) {
+      this.service.msgSrv.warning('请完善必填项！');
+        return;
+      }
+      if (this.totalDistance <= 0) {
+        this.service.msgSrv.warning('起终点相同，请重新选择装卸货地址！');
+        return;
+      }
+     // 校验各个输入限定值
+     if (this.sf4.value.weight > this.limitValues.maxWeight || this.sf4.value.volume > this.limitValues.maxVolume || this.sf4.value.number > this.limitValues.maxTrainNumber) {
+      this.service.msgSrv.error(`当前货物核载信息已超出限定值【${this.limitValues.maxWeight}吨、${this.limitValues.maxVolume}方、${this.limitValues.maxTrainNumber}车】`);
+      return;
+    }
+
+    if (this.sf4.value.freightPrice > this.limitValues.maxFreight) {
+      this.service.msgSrv.error(`当前运费单价已超出限定值【${this.limitValues.maxFreight}元】`);
+      return;
+    }
+
+     // //装卸货信息
+     const LoadingList = this.startInfo.concat(this.endInfo);
+
+     // 货物信息
+     const sf3Values = { ...this.sf3.value };
+     if (sf3Values.goodsTypeName === '其它') {
+       sf3Values.goodsName = sf3Values.goodsName1;
+       delete sf3Values.goodsName1;
+     }
+     if (this.sf4.value.carModel.includes('999')) {
+       this.sf4.value.carModel = ['999']
+     }
+     if (this.sf4.value.carLength.includes('999')) {
+       this.sf4.value.carLength = ['999']
+     }
+   
+     const goodsInfoList = [
+       {
+         ...sf3Values,
+         ...this.sf4.value,
+         carModel: this.sf4.value.carModel.join(','),
+         carLength: this.sf4.value.carLength.join(',')
+       }
+     ];
+     const params = {
+       id: '',
+       ...this.sf1.value,
+       unLoadingPlaceDTOList: LoadingList,
+       goodsInfoDTOList: goodsInfoList,
+       ...this.sf6.value,
+       estimatedKilometers: this.totalDistance,
+       estimatedTravelTime: this.totalTime,
+     };
+      const modalRef = this.modalService.create({
+        nzTitle: '运输协议',
+        nzContent: TranAgreementComponent,
+        nzWidth: 900,
+        nzFooter: null,
+        nzComponentParams: { object: params, shipperName: this.shipperName , type:'bulk'}
+      });
+      modalRef.afterClose.subscribe(result => {
+        if (result) {
+          this.submit(submitType, params);
+        }
+      });
+  }
+  // 确认提交（下单）
+  submit(submitType?: string, params?: any): void {
+   
+
+    let reqUrl = this.service.$api_consignBulk;
+    if (submitType === 'assign') {
+      this.chooseFamifiar(params);
+    }else if(submitType === 'qrcode'){
+      this.service.request(this.service.$api_consignBulkQRCode, params).subscribe(res => {
+        if (res) {
+          this.assignedQrcode( res, params )
+        }
+      });
+      return;
+    } else {
+      this.service.request(reqUrl, params).subscribe(res => {
+        if (res) {
+          this.modalService.create({
+            nzTitle: '',
+            nzContent: PublishSuccessComponent,
+            nzWidth: 900,
+            nzFooter: null,
+            nzComponentParams: { type: 'bulk' }
+          });
+        }
+      });
+    }
+  }
+      // 生成二维码
+      assignedQrcode(id:string,parms:any ) {
+        const item = {
+          id,
+          enterpriseInfoName: parms.enterpriseInfoName,
+          loadingAddressArr: this.startInfo.map((ele: any)=>ele.detailedAddress),
+          unloadingAddressArr: this.endInfo.map((ele: any)=>ele.detailedAddress),
+          deadlineTime: parms.deadlineTime,
+        }
+        const modalRef = this.modalService.create({
+          nzTitle: '二维码',
+          nzWidth: '468px',
+          nzContent: SupplyManagementQrcodePageComponent,
+          nzComponentParams: {
+            i: item,
+          },
+          nzFooter: null,
+        });
+        modalRef.afterClose.subscribe(() => {
+          this.router.navigate(['/supply-management/index'], { queryParams: { type: 'bulk' } });
+        });
+      }
+  // 获取城市列表
+  getRegionCode(regionCode: any) {
+    return this.service
+      .request(this.service.$api_get_enterprise_project, { id: regionCode })
+      .pipe(
+        map(res =>
+          res.map((item: any) => ({
+            label: item.projectName,
+            value: item.id
+          }))
+        )
+      )
+      .subscribe(res => {
+        this.sf1.getProperty('/enterpriseProjectId')!.schema.enum = res;
+        this.sf1.getProperty('/enterpriseProjectId')!.widget.reset(res);
+      });
+  }
+  // 打开地图
+  openMap(type: string, index: number) {
+    const modalRef = this.modalService.create({
+      nzTitle: '',
+      nzContent: AmapPoiPickerComponent,
+      nzWidth: 900,
+      nzOnOk: item => {
+        const poi = item.poi;
+        const locList = poi.pois;
+        switch (type) {
+          case 'start':
+            this.startInfo[index].detailedAddress = poi.formattedAddress;
+            this.startInfo[index].longitude = locList[0];
+            this.startInfo[index].latitude = locList[1];
+            this.startInfo[index].province = poi.addressComponent.province;
+            this.startInfo[index].city = poi.addressComponent.city;
+            this.startInfo[index].area = poi.addressComponent.district;
+            break;
+          case 'end':
+            this.endInfo[index].detailedAddress = poi.formattedAddress;
+            this.endInfo[index].longitude = locList[0];
+            this.endInfo[index].latitude = locList[1];
+            this.endInfo[index].province = poi.addressComponent.province;
+            this.endInfo[index].city = poi.addressComponent.city;
+            this.endInfo[index].area = poi.addressComponent.district;
+            break;
+          default:
+            break;
+        }
+        if (this.startInfo[0]?.area && this.endInfo[0]?.area) {
+          this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe(res => {
+            this.totalDistance = res.distance;
+            this.totalTime = res.time;
+          });
+        }
+      }
+    });
+  }
+  // 选择地址
+  chooseAddress(index: number, type: string) {
+    const modalRef = this.modalService.create({
+      nzTitle: '选择地址',
+      nzContent: PublishAddressListComponent,
+      nzWidth: 900,
+      nzComponentParams: { spuStatus: '1' },
+      nzOnOk: item => {
+        const data = item.seleteData;
+        if (JSON.stringify(data) === '{}') return;
+        switch (type) {
+          case 'start':
+            this.startInfo[index] = {
+              detailedAddress: data.detailedAddress,
+              appUserName: data.contactName,
+              contractTelephone: data.contactTelephone,
+              latitude: data.contactTelephone,
+              longitude: data.latitude,
+              province: data.province,
+              city: data.city,
+              area: data.area,
+              type: '1'
+            };
+            break;
+          case 'end':
+            this.endInfo[index] = {
+              detailedAddress: data.detailedAddress,
+              appUserName: data.contactName,
+              contractTelephone: data.contactTelephone,
+              latitude: data.contactTelephone,
+              longitude: data.latitude,
+              province: data.province,
+              city: data.city,
+              area: data.area,
+              type: '2'
+            };
+            break;
+          default:
+            break;
+        }
+      }
+    });
+  }
+  // 返回上一页
+  goBack() {
+    window.history.go(-1);
+  }
+  changeGoodsType(value: string, data: any) {
+    if (data.label === '其它') return;
+    const params = {
+      pageIndex: 1,
+      pageSize: 100,
+      configId: value
+    };
+    this.service
+      .request(this.service.$api_get_config_item_page, params)
+      .pipe(
+        map(data => {
+          return data.records?.map((m: any) => {
+            return { label: m.name, value: m.id };
+          });
+        })
+      )
+      .subscribe(res => {
+        if (res) {
+          this.sf3.getProperty('/goodsNameId')!.schema.enum = res;
+          this.sf3.getProperty('/goodsNameId')!.widget.reset(res);
+          if (this.sf3data?.goodsNameId) {
+            this.sf3.setValue('/goodsNameId', this.sf3data.goodsNameId);
+          }
+        }
+      });
+  }
+     // 装卸货地址互换
+     swapAddress(){
+      let item = this.startInfo;
+      this.startInfo = this.endInfo;
+      this.endInfo = item;
+  
+      this.startInfo.forEach((element: any) => {
+        element.type = '1';
+      });
+      this.endInfo.forEach((element: any) => {
+        element.type = '2';
+      });
+  
+          // 计算里程，时间
+    if (this.startInfo[0]?.detailedAddress && this.endInfo[0]?.detailedAddress) {
+      this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe(res => {
+        this.totalDistance = res.distance;
+        this.totalTime = res.time;
+      });
+    }
+    }
+    getLimitvalue() {
+      const getlimitvaluesParms = [
+        this.service.limitKeys2.month,
+        this.service.limitKeys2.weight,
+        this.service.limitKeys2.volume,
+        this.service.limitKeys2.trainNumber,
+        this.service.limitKeys2.freight,
+      ];
+      this.service.request(this.service.$api_findItemValueByItemKeys, getlimitvaluesParms).subscribe((res) => {
+        const maxMonth = res.filter((item: any) => item.itemKey === this.service.limitKeys2.month)[0].itemValue;
+        const maxWeight = res.filter((item: any) => item.itemKey === this.service.limitKeys2.weight)[0].itemValue;
+        const maxVolume = res.filter((item: any) => item.itemKey === this.service.limitKeys2.volume)[0].itemValue;
+        const maxTrainNumber = res.filter((item: any) => item.itemKey === this.service.limitKeys2.trainNumber)[0].itemValue;
+        const maxFreight = res.filter((item: any) => item.itemKey === this.service.limitKeys2.freight)[0].itemValue;
+        this.limitValues = {
+          maxMonth: Number(maxMonth),
+          maxWeight: Number(maxWeight),
+          maxVolume: Number(maxVolume),
+          maxTrainNumber: Number(maxTrainNumber),
+          maxFreight: Number(maxFreight)
+        }
+      })
+    }
+}
diff --git a/src/app/routes/supply-management/components/bulk/bulk.component.html b/src/app/routes/supply-management/components/bulk/bulk.component.html
new file mode 100644
index 00000000..483a6ed1
--- /dev/null
+++ b/src/app/routes/supply-management/components/bulk/bulk.component.html
@@ -0,0 +1,136 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-01 11:09:23
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\bulk\\bulk.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<nz-card>
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" class="text-right">
+        <button nz-button nzType="primary" [nzLoading]="loading" (click)="search()"  acl  [acl-ability]="['SUPPLY-INDEX-bulkSearch']">查询</button>
+        <button nz-button nzType="primary" [disabled]="loading" (click)="exportFire()">导出</button>
+        <button nz-button [disabled]="loading" (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+<ng-template #extraTemplate>
+  <div>
+    <button (click)="audit('', 2)" nz-button nzType="primary"  acl  [acl-ability]="['SUPPLY-INDEX-bulkBatchAudit']">审核</button>
+    <button (click)="releaseGoods()" nz-button nzType="primary"  acl  [acl-ability]="['SUPPLY-INDEX-bulkUndertakesToSupply']">代发货源</button>
+  </div>
+</ng-template>
+<nz-card>
+  <nz-tabset (nzSelectedIndexChange)="selectChange($event)" [nzTabBarExtraContent]="extraTemplate">
+    <nz-tab [nzTitle]="'全部(' + tabs?.totalQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'进行中(' + tabs?.stayQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'已完结(' + tabs?.completedQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'已取消(' + tabs?.cancelQuantity + ')'"></nz-tab>
+  </nz-tabset>
+  <div style="position: relative">
+    <nz-alert
+      nzType="info"
+      [nzMessage]="'当前共' + st?.total + '行记录，已选择' + selectedRows.length + '项'"
+      nzShowIcon
+      [ngStyle]="{ margin: '0 0 1rem 0' }"
+    >
+    </nz-alert>
+  </div>
+  <div style="margin-top: 15px">
+    <st
+      #st
+      [scroll]="{ x: '2000px' }"
+      [data]="service.$api_get_bulkPage_list"
+      [columns]="columns"
+      [req]="{  process: beforeReq }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } , process: afterRes}"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+      [loading]="false"
+    >
+    <ng-template st-row="createUserName" let-item let-index="index">
+      <div> {{ item?.createUserName }}{{   item?.createUserPhone ? '/' + item?.createUserPhone : ''}} </div>
+    </ng-template>
+      <!--运费单价  -->
+      <ng-template st-row="freightPrice" let-item let-index="index">
+        <div class="mr-xs">{{ item?.freightPrice | currency }} </div>
+      </ng-template>
+      <!--货源编号  -->
+      <ng-template st-row="resourceCode" let-item let-index="index">
+        <a [routerLink]="'bulk-detail/' + item?.id">{{ item?.resourceCode }}</a>
+        <div>{{ item?.resourceTypeLabel }}{{ item?.serviceTypeLabel }}</div>
+        <div>{{ item?.resourceStatusLabel === '已完成' ? '已完结' : item?.resourceStatusLabel }}</div>
+      </ng-template>
+      <!-- 服务类型 -->
+      <ng-template st-row="serviceType" let-item let-index="index">
+        <div *ngIf="item?.serviceType === 1">抢单</div>
+        <div *ngIf="item?.serviceType === 2">指派</div>
+      </ng-template>
+      <!-- 关联订单 -->
+      <ng-template st-row="orderSn" let-item let-index="index">
+        <div *ngFor="let item of item?.wayBillClassifiedStatisticsVOList">
+          <label>{{ item?.wayBillStatusLabel }}</label>
+          (<span [ngStyle]="{ color: item?.count > 0 ? '#1890FF' : '' }">{{ item?.count }}</span
+          >)
+        </div>
+      </ng-template>
+      <!-- 货物信息 -->
+      <ng-template st-row="goodsInfos" let-item let-index="index">
+        <div>{{ item?.goodsInfos?.goodsName }}</div>
+        <div>货源：{{ item?.goodsInfos?.goodsResource }}</div>
+        <div class="text-error-dark">剩余: {{ item?.goodsInfos?.remainingAmount }}</div>
+      </ng-template>
+      <!-- 用车需求 -->
+      <ng-template st-row="useCarDemand" let-item let-index="index">
+        <div>车型: {{ item?.carModelLabel }}</div>
+        <div class="error">车长: {{ item?.carLengthLabel }} 米</div>
+      </ng-template>
+    </st>
+  </div>
+</nz-card>
+<nz-modal [(nzVisible)]="isVisible" [nzFooter]="nzModalFooter" nzTitle="货源审核" (nzOnCancel)="handleCancel('suppliersType')">
+  <ng-container *nzModalContent>
+    <div style="position: relative" *ngIf="auditMany">
+      <nz-alert nzType="info" [nzMessage]="'已选择' + selectedRows?.length + '项'" nzShowIcon [ngStyle]="{ margin: '0 0 1rem 0' }">
+      </nz-alert>
+    </div>
+    <sf #sfFre [schema]="freightSchema" [ui]="ui2" [compact]="false" [button]="'none'"> </sf>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="primary" (click)="handleOK(1)">通过</button>
+    <button nz-button nzType="default" (click)="handleOK(2)">不通过</button>
+  </ng-template>
+</nz-modal>
+<!-- <ng-template #extraTemplate>
+  <div>
+    <button (click)="audit('',2)" nz-button nzType="primary">批量审核</button>
+    <button (click)="audit('')" nz-button nzType="primary">发布货源</button>
+  </div>
+</ng-template> -->
diff --git a/src/app/routes/supply-management/components/bulk/bulk.component.spec.ts b/src/app/routes/supply-management/components/bulk/bulk.component.spec.ts
new file mode 100644
index 00000000..1f54e37b
--- /dev/null
+++ b/src/app/routes/supply-management/components/bulk/bulk.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SupplyManagementBulkComponent } from './bulk.component';
+
+describe('SupplyManagementBulkComponent', () => {
+  let component: SupplyManagementBulkComponent;
+  let fixture: ComponentFixture<SupplyManagementBulkComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SupplyManagementBulkComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SupplyManagementBulkComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/supply-management/components/bulk/bulk.component.ts b/src/app/routes/supply-management/components/bulk/bulk.component.ts
new file mode 100644
index 00000000..14fddd9a
--- /dev/null
+++ b/src/app/routes/supply-management/components/bulk/bulk.component.ts
@@ -0,0 +1,573 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STColumn, STComponent, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { SupplyManagementService } from '../../services/supply-management.service';
+import { SupplyManagementQrcodePageComponent } from '../qrcode-page/qrcode-page.component';
+import { SupplyManagementUpdatePriceComponent } from '../update-price/update-price.component';
+
+@Component({
+  selector: 'app-supply-management-bulk',
+  templateUrl: './bulk.component.html'
+})
+export class SupplyManagementBulkComponent implements OnInit {
+  resourceStatus: any;
+  ui: SFUISchema = {};
+  ui2: SFUISchema = {};
+  schema: SFSchema = {};
+  auditMany = false;
+  isVisible = false;
+  loading: boolean = true;
+  auditID: any;
+  _$expand = false;
+  columns: STColumn[] = [];
+  freightSchema: SFSchema = {};
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfFre', { static: false }) sfFre!: SFComponent;
+
+  tabs: any = {
+    totalQuantity: 0,
+    cancelQuantity: 0,
+    receivedQuantity: 0,
+    stayQuantity: 0
+  };
+  constructor(
+    public service: SupplyManagementService,
+    private modal: NzModalService,
+    private router: Router,
+    public shipperservice: ShipperBaseService
+  ) {}
+
+  ngOnInit(): void {
+    this.initSF();
+    this.initST();
+    this.initSFFre();
+    this.getGoodsSourceStatistical();
+  }
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const a: any = {};
+    if (this.resourceStatus) {
+      a.resourceStatus = this.resourceStatus;
+    }
+    const params: any = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    return {
+      ...a,
+      ...params,
+      releaseTime: {
+        start: this.sf?.value?.releaseTime?.[0] || '',
+        end: this.sf?.value?.releaseTime?.[1] || ''
+      },
+      deadlineTime: {
+        start: this.sf?.value?.deadlineTime?.[0] || '',
+        end: this.sf?.value?.deadlineTime?.[1] || ''
+      }
+    };
+  }
+  beforeReq = (requestOptions: STRequestOptions) => {
+    const a: any = {};
+    if (this.resourceStatus) {
+      a.resourceStatus = this.resourceStatus;
+    }
+    const params: any = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...a,
+        ...params,
+        releaseTime: {
+          start: this.sf?.value?.releaseTime?.[0] || '',
+          end: this.sf?.value?.releaseTime?.[1] || ''
+        },
+        deadlineTime: {
+          start: this.sf?.value?.deadlineTime?.[0] || '',
+          end: this.sf?.value?.deadlineTime?.[1] || ''
+        }
+      });
+    }
+    this.loading = true;
+    return requestOptions;
+  };
+  search() {
+    this.st?.load();
+    this.getGoodsSourceStatistical();
+  }
+  afterRes = (data: any[], rawData?: any) => {
+    console.log(data);
+    this.loading = false;
+    return data.map(item => ({
+      ...item,
+      disabled: item.auditStatus !== '1'
+    }));
+  };
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        resourceCode: {
+          type: 'string',
+          title: '货源编号'
+        },
+        loadingPlace: {
+          type: 'string',
+          title: '装货地'
+        },
+        dischargePlace: {
+          type: 'string',
+          title: '卸货地'
+        },
+        serviceType: {
+          title: '服务类型',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'dict-select',
+            containsAllLabel: true,
+            params: { dictKey: 'service:type' },
+            containAllLable: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        settlementBasis: {
+          title: '结算依据',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            containsAllLabel: true,
+            params: { dictKey: 'goodresource:settlement:type' },
+            containAllLable: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        releaseTime: {
+          title: '发布时间',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            allowClear: true
+          } as SFDateWidgetSchema
+        },
+        deadlineTime: {
+          title: '截止时间',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            allowClear: true
+          } as SFDateWidgetSchema
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            allowClear: true,
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder()
+          }
+        },
+        shipperAppUserId: {
+          type: 'string',
+          title: '货主',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            allowClear: true,
+            onSearch: (q: any) => {
+              let str = q.replace(/^\s+|\s+$/g, '');
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map((res: any) => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            }
+          } as SFSelectWidgetSchema
+        }
+      },
+      type: 'object'
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+  initSFFre() {
+    this.freightSchema = {
+      properties: {
+        remarks: {
+          title: '备注',
+          type: 'string',
+          maxLength: 50,
+          ui: {
+            placeholder: '请输入备注',
+            widget: 'textarea'
+          }
+        }
+      }
+    };
+    this.ui2 = { '*': { spanLabelFixed: 120, grid: { span: 16 } } };
+  }
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '', type: 'checkbox', fixed: 'left', width: '50px', className: 'text-center' },
+      {
+        title: '货源编号',
+        width: '200px',
+        fixed: 'left',
+        className: 'text-left',
+        render: 'resourceCode'
+      },
+      { title: '录单员', render: 'createUserName', width: '200px', className: 'text-left' },
+      { title: '货主', index: 'shipperAppUserName', width: '220px', className: 'text-left' },
+      { title: '项目名称', index: 'enterpriseProjectName', width: '220px', className: 'text-left' },
+      { title: '关联订单', render: 'orderSn', width: '200px', className: 'text-left' },
+      { title: '货物信息', render: 'goodsInfos', width: '280px', className: 'text-left' },
+      {
+        title: '装货地',
+        className: 'text-left',
+        index: 'loadingAddressArr',
+        width: '200px'
+      },
+      {
+        title: '卸货地',
+        className: 'text-left',
+        index: 'unloadingAddressArr',
+        width: '200px'
+      },
+      {
+        title: '用车需求',
+        className: 'text-left',
+        width: '200px',
+        render: 'useCarDemand'
+      },
+      {
+        title: '运费单价',
+        className: 'text-right',
+        width: '150px',
+        index: 'freightPrice',
+        render: 'freightPrice'
+      },
+      {
+        title: '结算依据',
+        className: 'text-left',
+        width: '200px',
+        index: 'settlementBasisLabel'
+      },
+      {
+        title: '货源状态',
+        className: 'text-left',
+        index: 'resourceStatusLabel',
+        width: '120px'
+      },
+      {
+        title: '截止时间',
+        width: '170px',
+        className: 'text-left',
+        index: 'deadlineTime'
+      },
+      {
+        title: '发布时间',
+        width: '170px',
+        className: 'text-left',
+        index: 'createTime'
+      },
+      {
+        title: '审核状态',
+        className: 'text-left',
+        index: 'auditStatus',
+        type: 'badge',
+        width: '170px',
+        badge: {
+          '1': { text: '待审核', color: 'warning' },
+          '2': { text: '审核通过', color: 'success' },
+          '3': { text: '不通过', color: 'default' },
+          '4': { text: '已取消', color: 'default' }
+        }
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '110px',
+        className: 'text-center block-td',
+        buttons: [
+          {
+            text: '货源审核',
+            click: _record => this.audit(_record, 1),
+            iif: item => item.auditStatus === '1',
+            acl: { ability: ['SUPPLY-INDEX-bulkBatchAudit'] }
+          },
+          {
+            text: '二维码',
+            click: _record => this.assignedQrcode(_record),
+            iif: item => item.resourceStatus == 1
+          },
+          {
+            text: '修改单价',
+            click: _record => this.modification(_record),
+            iif: item => item.resourceStatus == 1,
+            acl: { ability: ['SUPPLY-INDEX-modificationUnitPrice'] }
+          },
+          {
+            text: '取消货源',
+            click: _record => this.delOne(_record),
+            iif: item => item.resourceStatus == 1,
+            acl: { ability: ['SUPPLY-INDEX-bulkCancelSupply'] }
+          },
+          {
+            text: '再下一单',
+            click: _record => this.nextOrder(_record),
+            acl: { ability: ['SUPPLY-INDEX-bulkPlaceOrder'] }
+          },
+          { type: 'divider' }
+        ]
+      }
+    ];
+  }
+  add(): void {
+    // this.modal
+    //   .createStatic(FormEditComponent, { i: { id: 0 } })
+    //   .subscribe(() => this.st.reload());
+  }
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF(): void {
+    this.sf.reset();
+    this._$expand = false;
+  }
+  get selectedRows() {
+    return this.st?.list.filter(item => item.checked) || [];
+  }
+
+  selectChange(e: number) {
+    console.log(e);
+    if (e == 2) {
+      this.resourceStatus = 4;
+    } else {
+      this.resourceStatus = e;
+    }
+    this.initST();
+    setTimeout(() => {
+      this.st.load(1);
+    }, 500);
+  }
+
+  /**
+   * 二维码
+   */
+  assignedQrcode(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '二维码',
+      nzWidth: '468px',
+      nzContent: SupplyManagementQrcodePageComponent,
+      nzComponentParams: {
+        i: item
+      },
+      nzFooter: null
+    });
+  }
+  tabChange(item: any) {
+    console.log(item);
+  }
+  /**
+   * 审核
+   * status ： 1 单个  2：批量
+   * value ： 单个单条数据
+   */
+  audit(value: any, status?: any) {
+    console.log(value);
+    console.log(status);
+    if (status === 2) {
+      if (this.selectedRows.length <= 0) {
+        this.service.msgSrv.error('未选择货源单！');
+        return;
+      }
+      let list: any[] = [];
+      this.selectedRows.forEach(item => {
+        list.push(item.id);
+      });
+      this.auditID = list;
+      this.auditMany = true;
+    } else {
+      this.auditID = value.id;
+      this.auditMany = false;
+    }
+    this.isVisible = true;
+  }
+  /**
+   * 审核关闭弹窗
+   */
+  handleCancel(type: any) {
+    this.isVisible = false;
+  }
+  /**
+   * 代发货源
+   */
+  releaseGoods() {
+    this.router.navigate(['/supply-management/bulk-release']);
+  }
+  /**
+   * 审核通过按钮
+   */
+  handleOK(value: any) {
+    if (this.selectedRows.length <= 0) {
+      const params: any = {
+        id: this.auditID,
+        remarks: this.sfFre.value.remarks
+      };
+      if (value == 1) {
+        params.auditStatus = 2;
+      } else {
+        params.auditStatus = 3;
+      }
+      console.log(params);
+      this.service.request(this.service.$api_goodsResourceAudit, params).subscribe(res => {
+        if (res === true) {
+          this.service.msgSrv.success('审核成功！');
+          this.isVisible = false;
+          this.st?.reload();
+          this.getGoodsSourceStatistical();
+        }
+      });
+    } else {
+      const params: any = {
+        ids: this.auditID,
+        remarks: this.sfFre.value.remarks
+      };
+      if (value == 1) {
+        params.auditStatus = 2;
+      } else {
+        params.auditStatus = 3;
+      }
+      console.log(params);
+      this.service.request(this.service.$api_batchGoodsResourceAudit, params).subscribe(res => {
+        if (res === true) {
+          this.service.msgSrv.success('审核成功！');
+          this.isVisible = false;
+          this.st?.reload();
+          this.getGoodsSourceStatistical();
+        }
+      });
+    }
+  }
+  // 修改单价
+  modification(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '修改单价',
+      nzWidth: '600px',
+      nzContent: SupplyManagementUpdatePriceComponent,
+      nzComponentParams: {
+        record: item
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe(res => {
+      if (res) {
+        this.st?.reload();
+        this.getGoodsSourceStatistical();
+      }
+    });
+  }
+  // getGoodsSourceDetail() {
+  //   this.service.request(this.service.$api_get_bulk_detail, { id: this.id }).subscribe(res => {
+  //     this.i = res;
+  //     this.currentStatus = +this.i?.resourceStatus - 1;
+  //   })
+  // }
+
+  //  再下一单
+  nextOrder(item: any) {
+    this.router.navigate(['/supply-management/bulk-amend', item.id], {
+      queryParams: {
+        sta: 4
+      }
+    });
+  }
+  //  取消货源
+  delOne(item: any) {
+    this.modal.confirm({
+      nzTitle: '<b>确定取消货源吗?</b>',
+      nzContent: `<b>取消后不可恢复，谨慎操作</b>`,
+      nzOnOk: () =>
+        this.service.request(this.service.$api_cancelSource, { id: item.id }).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('已取消货源！');
+            this.st?.reload();
+            this.getGoodsSourceStatistical();
+          }
+        })
+    });
+  }
+  // 获取货源状态统计
+  getGoodsSourceStatistical() {
+    this.tabs = {
+      totalQuantity: 0,
+      cancelQuantity: 0,
+      receivedQuantity: 0,
+      stayQuantity: 0
+    };
+    const params: any = Object.assign({}, this.reqParams || {});
+    delete params.resourceStatus;
+    this.service.request(this.service.$api_get_goods_resource_statistical, { resourceType: 2, ...params }).subscribe(res => {
+      if (res) {
+        console.log(res);
+        this.tabs = res;
+      }
+    });
+  }
+  userAction() {}
+  // 导出
+  exportFire() {
+    this.service.asyncExport(this.reqParams, this.service.$api_asyncExportBulkList);
+  }
+}
diff --git a/src/app/routes/supply-management/components/choose-famifiar/add/add.component.html b/src/app/routes/supply-management/components/choose-famifiar/add/add.component.html
new file mode 100644
index 00000000..b33e4119
--- /dev/null
+++ b/src/app/routes/supply-management/components/choose-famifiar/add/add.component.html
@@ -0,0 +1,6 @@
+<sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'"> </sf>
+
+<div *nzModalFooter>
+  <button nz-button nzType="default" (click)="close()">取消</button>
+  <button nz-button nzType="primary" (click)="save()">保存</button>
+</div>
diff --git a/src/app/routes/supply-management/components/choose-famifiar/add/add.component.ts b/src/app/routes/supply-management/components/choose-famifiar/add/add.component.ts
new file mode 100644
index 00000000..383d919d
--- /dev/null
+++ b/src/app/routes/supply-management/components/choose-famifiar/add/add.component.ts
@@ -0,0 +1,44 @@
+import { AfterViewInit, ChangeDetectorRef, Component, OnChanges, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { SFComponent, SFSchema, SFSchemaEnumType, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+
+@Component({
+  selector: 'app-choose-famifiar-add',
+  templateUrl: './add.component.html'
+})
+export class PublishchooseFamifiarAddComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+
+  i: any;
+
+  constructor(public http: _HttpClient, private cdr: ChangeDetectorRef, private route: ActivatedRoute) {}
+
+  ngOnInit(): void {
+    this.initSF();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        name: {
+          type: 'string',
+          title: '司机手机号'
+        }
+      },
+      required: ['name']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 120,
+        grid: { span: 24 }
+      }
+    };
+  }
+
+  close() {}
+  save() {}
+}
diff --git a/src/app/routes/supply-management/components/choose-famifiar/choose-famifiar.component.html b/src/app/routes/supply-management/components/choose-famifiar/choose-famifiar.component.html
new file mode 100644
index 00000000..0f517765
--- /dev/null
+++ b/src/app/routes/supply-management/components/choose-famifiar/choose-famifiar.component.html
@@ -0,0 +1,61 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-02 14:27:20
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\choose-famifiar\\choose-famifiar.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<!-- <button nz-button nzType="primary" style="margin-bottom: 24px" (click)="add()"><i nz-icon nzType="plus"></i>添加司机</button> -->
+<!-- 搜索区 -->
+<div nz-row nzGutter="8">
+  <div nz-col [nzSpan]="18">
+    <sf #sf [ui]="ui" [schema]="schema" [button]="'none'"></sf>
+  </div>
+  <div nz-col [nzSpan]="6">
+    <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st.load(1)">查询</button>
+    <button nz-button (click)="resetSF()">重置</button>
+  </div>
+</div>
+<div nz-row nzGutter="8">
+  <div nz-col [nzSpan]="12">
+    <!-- 数据列表 -->
+    <st #st [bordered]="true" [data]="service.$api_getListCars" [columns]="columns" size="small"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' }, process: reqProcess }"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+      [loadingDelay]="500" [loading]="false" [widthMode]="{ type: 'strict' }" [scroll]="{ x: '600px' }"
+      style="margin-top: 22px">
+      <ng-template st-row="userCarLicenseDesensitizationVOList" let-item let-index="index">
+        <nz-select [(ngModel)]="item.default" (ngModelChange)="carChange($event, item)" style="width: 100%">
+          <nz-option nzValue="" nzLabel="不限"></nz-option>
+          <nz-option [nzValue]="cart" [nzLabel]="cart.carNo"
+            *ngFor="let cart of item.userCarLicenseDesensitizationVOList"> </nz-option>
+        </nz-select>
+      </ng-template>
+    </st>
+  </div>
+  <div nz-col [nzSpan]="12">
+    <!-- 选中列表 -->
+    <div>已选择{{ st2Data.length }}位司机</div>
+    <st #st2 [bordered]="true" [data]="st2Data" [columns]="columns2" size="small"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+      [loadingDelay]="500" [loading]="false" [widthMode]="{ type: 'strict' }" [scroll]="{ x: '600px' }">
+      <ng-template st-row="captain" let-item let-index="index">
+        <span>{{ item.captainName }}&nbsp;{{ item.captainPhone }}</span> &nbsp;
+        <a (click)="setCaptain(item, index)">设置</a>
+      </ng-template>
+      <ng-template st-row="defaultCar" let-item let-index="index">
+        {{item.default?.carNo}}
+      </ng-template>
+    </st>
+  </div>
+</div>
+<div *nzModalFooter>
+  <button nz-button nzType="default" (click)="cancel()">取消</button>
+  <button nz-button nzType="primary" (click)="ok()">发布并指派给司机</button>
+</div>
diff --git a/src/app/routes/supply-management/components/choose-famifiar/choose-famifiar.component.ts b/src/app/routes/supply-management/components/choose-famifiar/choose-famifiar.component.ts
new file mode 100644
index 00000000..3b5ada90
--- /dev/null
+++ b/src/app/routes/supply-management/components/choose-famifiar/choose-famifiar.component.ts
@@ -0,0 +1,345 @@
+import { Component, Input, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper } from '@delon/theme';
+import { EAEnvironmentService } from '@shared';
+import { NzDrawerService } from 'ng-zorro-antd/drawer';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+import { SupplyManagementAddDriversComponent } from 'src/app/routes/supply-management/components/add-drivers/add-drivers.component';
+import { SupplyManagementService } from '../../services/supply-management.service';
+import { CarAddmodalComponent } from '../addmodal/addmodal.component';
+
+
+@Component({
+  selector: 'app-publish-goods-choose-famifiar',
+  templateUrl: './choose-famifiar.component.html'
+})
+export class PublishGoodsChooseFamifiarComponent implements OnInit {
+  schema: SFSchema = {};
+  columns!: STColumn[];
+  i: any;
+  ui!: SFUISchema;
+  sfExpand = false;
+  @ViewChild('st', { static: false })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+
+  @ViewChild('st2', { static: false })
+  st2!: STComponent;
+  columns2!: STColumn[];
+  st2Data: STData[] = [];
+
+  @Input()
+  submitUrl = '';
+
+  @Input()
+  submitParams: any;
+
+  constructor(
+    private modal: NzModalRef,
+    public router: Router,
+    public ar: ActivatedRoute,
+    private drawerService: NzDrawerService,
+    public service: SupplyManagementService,
+    private modalService: NzModalService,
+    private modalHelper: ModalHelper,
+    private envSrv: EAEnvironmentService
+  ) { }
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    return {
+      ...this.sf?.value,
+      isManage: 0
+    };
+  }
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+    this.initST2();
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        nameOrPhone: {
+          type: 'string',
+          title: '承运司机',
+          ui: {
+            placeholder: '请输入司机姓名/手机号'
+          }
+        },
+        carNo: {
+          type: 'string',
+          title: '车牌号',
+          ui: {
+            placeholder: '请输入车牌号'
+          }
+        }
+      }
+    };
+    this.ui = {
+      '*': {
+        grid: { span: 12, gutter: 4 }
+      }
+    };
+  }
+
+  initST() {
+    this.columns = [
+      {
+        title: '司机姓名',
+        index: 'name'
+      },
+      {
+        title: '手机号',
+        index: 'telephone'
+      },
+      {
+        title: '指定车辆',
+        width: 130,
+        render: 'userCarLicenseDesensitizationVOList'
+      },
+      {
+        title: '状态',
+        className: 'text-center',
+        index: 'certificationStatus',
+        type: 'badge',
+        badge: {
+          '-1': { text: '未提交', color: 'default' },
+          0: { text: '待审核', color: 'processing' },
+          1: { text: '已认证', color: 'success' },
+          2: { text: '未认证', color: 'error' }
+        }
+      },
+      {
+        title: '操作',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '选择',
+            iif: item => item.showChoose != false,
+            click: (_record, _modal, _instance) => this.verifyVechicleStatus(_record),
+            iifBehavior: 'disabled'
+          }
+        ]
+      }
+    ];
+  }
+
+  initST2() {
+    this.columns2 = [
+      {
+        title: '司机姓名',
+        index: 'name',
+        width: '90px'
+      },
+      {
+        title: '手机号',
+        index: 'telephone',
+        width: '120px'
+      },
+      {
+        title: '车队长',
+        render: 'captain',
+        width: '200px'
+      },
+      {
+        title: '指定车辆',
+        render: 'defaultCar',
+        width: '130px'
+      },
+      {
+        title: '操作',
+        className: 'text-center',
+        width: '90px',
+        buttons: [
+          {
+            text: '移除',
+            click: (_record, _modal, _instance) => this.remove(_record, _modal, _instance)
+          }
+        ]
+      }
+    ];
+  }
+
+  // 选择
+  choose(record: STData) {
+    this.st2Data = [...this.st2Data, ...[record]];
+    this.st.setRow(record, { showChoose: false });
+  }
+  // 移除
+  remove(record: STData, value1: any, comp: any) {
+    const index = this.st?.list.findIndex((obj: any) => obj.appUserId === record.appUserId);
+    if (index >= 0) {
+      comp!.removeRow(record);
+      this.st2Data = this.st2Data.filter(item => item.appUserId !== record.appUserId);
+      this.st.setRow(index, { showChoose: true });
+    }
+  }
+
+  //添加司机
+  add() {
+    this.modalHelper.create(CarAddmodalComponent, {}, { size: 900, modalOptions: { nzMaskClosable: false } }).subscribe(res => {
+      if (res) this.st.reload();
+    });
+  }
+
+  /**
+   * 校验司机是否能设置车队长
+   * @param item 当前对象
+   */
+  verifyCanSetCarCaptain(item: any, index: any) {
+    this.service.request(this.service.$api_get_sys_config, [{ itemKey: 'sys.config.shipper.setCarCaptain', businessId: this.envSrv.env.enterpriseId }]).subscribe(res => {
+      if (res && res.length > 0) {
+        const { itemValue } = res[0];
+        if (itemValue !== '1') {
+          this.service.msgSrv.error('不可设置车队长！');
+          return;
+        }
+        this.setCaptain(item, index);
+      }
+    })
+  }
+
+  //设置车队长
+  setCaptain(record: STData, index: any) {
+    this.modalHelper
+      .create(
+        SupplyManagementAddDriversComponent,
+        { dirvierInfo: record },
+        {
+          size: 900,
+          modalOptions: { nzMaskClosable: false, nzTitle: '设置' }
+        }
+      )
+      .subscribe(res => {
+        if (res) {
+          this.st2.setRow(index, { captainName: res.name, captainPhone: res.mobile, captainAppUserId: res.appUserId });
+        }
+      });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this.sfExpand = false;
+    this.st.load(1);
+  }
+
+  expandToggle() {
+    this.sfExpand = !this.sfExpand;
+    this.sf?.setValue('/_expand', this.sfExpand);
+  }
+
+  // 熟车请求数据处理
+  reqProcess = (data: STData[], rawData: any): STData[] => {
+    if (rawData.status === 505016) {
+      this.modalService.confirm({
+        nzTitle: '系统提示',
+        nzContent: '<b>该司机还未注册，是否邀请他注册？点击"是"系统将发送邀请短信给司机</b>',
+        nzOkText: '确定',
+        nzCancelText: '取消',
+        nzOnOk: () => {
+          this.sendMsg(this.sf?.value?.nameOrPhone).subscribe((res => {
+            if (res.code === '1') {
+              this.service.msgSrv.success('发送成功');
+            } else {
+              this.service.msgSrv.success('发送失败');
+            }
+          }));
+        }
+      });
+      return [];
+    }
+    return data.map((i, index) => {
+      const defaultCart = i.userCarLicenseDesensitizationVOList.find((cart: any) => cart.isDefault);
+      return { ...i, default: defaultCart || '' };
+    });
+  }
+
+  cancel() {
+    this.modal.destroy();
+  }
+
+  ok() {
+    if (this.st2._data?.length <= 0) {
+      this.service.msgSrv.warning('请选择熟车');
+      return;
+    }
+    const data = this.st2._data.map(item => ({
+      driverId: item.appUserId,
+      carId: item.default?.carId || null,
+      carCaptainId: item.captainAppUserId
+    }));
+    this.service.request(this.submitUrl, { ...this.submitParams, carDriverIds: data }).subscribe((rs: any) => {
+      if (rs) {
+        this.service.msgSrv.success('指派成功');
+        this.modal.destroy(true);
+      }
+    });
+  }
+
+  carChange(event: any, item: STData) {
+
+  }
+
+  /**
+* 验证车辆的状态
+*/
+  verifyVechicleStatus(_record: STData) {
+    const { carId, appUserId: driverId, captainAppUserId: carCaptainId } = _record;
+    const carInfo: any = { carId, driverId, carCaptainId };
+    const goodsInfoList = this.submitParams?.goodsInfoList;
+    this.service.request(this.service.$api_verify_vehicle_status, { ...carInfo, goodsInfoList }).subscribe((res: any) => {
+      if (res) {
+        const { title, alert, subContent, content } = res;
+        switch (alert) {
+          case 'Error':
+            this.error(title, content, subContent);
+            break;
+          case 'Warn':
+            this.showConfirm(_record, title, content, subContent);
+            break;
+          case 'Success':
+            this.choose(_record);
+            break;
+        }
+      }
+    });
+
+  }
+
+  error(title: string, content: string, subContent: string): void {
+    this.modalService.error({
+      nzTitle: title,
+      nzContent: `<span class="text-error-dark">${content ? content : ''}</span><span class="text-grey-dark">${subContent ? subContent : ''}</span>`,
+      nzOkText: '知道了'
+    });
+  }
+
+  showConfirm(_record: STData, title: string, content: string, subContent: string): void {
+    this.modalService.confirm({
+      nzTitle: title,
+      nzContent: `<span class="text-error-dark">${content ? content : ''}</span><span class="text-grey-dark">${subContent ? subContent : ''}</span>`,
+      nzOkText: '继续',
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        this.choose(_record);
+      }
+    });
+  }
+
+  /**
+* 发送邀请司机注册短信
+*/
+  sendMsg(phoneNumber: string) {
+    return this.service.request(this.service.$api_send_msg_code, phoneNumber)
+  }
+}
diff --git a/src/app/routes/supply-management/components/choose-famifiar/set-captain/set-captain.component.html b/src/app/routes/supply-management/components/choose-famifiar/set-captain/set-captain.component.html
new file mode 100644
index 00000000..b33e4119
--- /dev/null
+++ b/src/app/routes/supply-management/components/choose-famifiar/set-captain/set-captain.component.html
@@ -0,0 +1,6 @@
+<sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'"> </sf>
+
+<div *nzModalFooter>
+  <button nz-button nzType="default" (click)="close()">取消</button>
+  <button nz-button nzType="primary" (click)="save()">保存</button>
+</div>
diff --git a/src/app/routes/supply-management/components/choose-famifiar/set-captain/set-captain.component.ts b/src/app/routes/supply-management/components/choose-famifiar/set-captain/set-captain.component.ts
new file mode 100644
index 00000000..395a7514
--- /dev/null
+++ b/src/app/routes/supply-management/components/choose-famifiar/set-captain/set-captain.component.ts
@@ -0,0 +1,53 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-06 15:17:52
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-02 14:29:12
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\choose-famifiar\\set-captain\\set-captain.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { AfterViewInit, ChangeDetectorRef, Component, OnChanges, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { SFComponent, SFSchema, SFSchemaEnumType, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+
+@Component({
+  selector: 'app-choose-famifiar-set-captain',
+  templateUrl: './set-captain.component.html'
+})
+export class PublishchooseFamifiarSetCaptainComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+
+  i: any;
+
+  constructor(public http: _HttpClient, private cdr: ChangeDetectorRef, private route: ActivatedRoute, private modal: NzModalRef,) {}
+
+  ngOnInit(): void {
+    this.initSF();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        captainPhone: {
+          type: 'string',
+          title: '车队长手机号'
+        }
+      },
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 120,
+        grid: { span: 24 }
+      }
+    };
+  }
+
+  close() {this.modal.close()}
+  save() {this.modal.close(this.sf.value.captainPhone)}
+}
diff --git a/src/app/routes/supply-management/components/index/index.component.html b/src/app/routes/supply-management/components/index/index.component.html
new file mode 100644
index 00000000..5d61d68b
--- /dev/null
+++ b/src/app/routes/supply-management/components/index/index.component.html
@@ -0,0 +1,22 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-03 11:10:14
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-21 13:25:09
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\index\\index.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper  [tab]="tpTab">
+</page-header-wrapper>
+<ng-template #tpTab>
+  <nz-tabset [(nzSelectedIndex)]="selectedIndex">
+    <nz-tab nzTitle="整车货源">
+      <app-supply-management-vehicle></app-supply-management-vehicle>
+    </nz-tab>
+    <nz-tab nzTitle="大宗货源">
+      <app-supply-management-bulk></app-supply-management-bulk>
+    </nz-tab>
+  </nz-tabset>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/supply-management/components/index/index.component.spec.ts b/src/app/routes/supply-management/components/index/index.component.spec.ts
new file mode 100644
index 00000000..9601ea0c
--- /dev/null
+++ b/src/app/routes/supply-management/components/index/index.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SupplyManagementIndexComponent } from './index.component';
+
+describe('SupplyManagementIndexComponent', () => {
+  let component: SupplyManagementIndexComponent;
+  let fixture: ComponentFixture<SupplyManagementIndexComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SupplyManagementIndexComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SupplyManagementIndexComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/supply-management/components/index/index.component.ts b/src/app/routes/supply-management/components/index/index.component.ts
new file mode 100644
index 00000000..1cb8ec9c
--- /dev/null
+++ b/src/app/routes/supply-management/components/index/index.component.ts
@@ -0,0 +1,18 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFSchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+
+@Component({
+  selector: 'app-supply-management-index',
+  templateUrl: './index.component.html',
+})
+export class SupplyManagementIndexComponent implements OnInit {
+  selectedIndex = 0;
+  
+  constructor(private http: _HttpClient, private modal: ModalHelper) { }
+
+  ngOnInit(): void { }
+
+
+}
diff --git a/src/app/routes/supply-management/components/onecar-publish/address-list/address-list.component.html b/src/app/routes/supply-management/components/onecar-publish/address-list/address-list.component.html
new file mode 100644
index 00000000..cb2e8122
--- /dev/null
+++ b/src/app/routes/supply-management/components/onecar-publish/address-list/address-list.component.html
@@ -0,0 +1,25 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:27:59
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\onecar-publish\\address-list\\address-list.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<st
+  #st
+  [bordered]="true"
+  [data]="service.$api_commonAddress"
+  [columns]="columns"
+  [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams, process: reqProcess }"
+  [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+  [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+  [loading]="false"
+  [widthMode]="{ type: 'strict' }"
+  (change)="change($event)"
+>
+  <ng-template st-row="region" let-item let-index="index"> {{ item.province }}-{{ item.city }}-{{ item.area }} </ng-template>
+</st>
diff --git a/src/app/routes/supply-management/components/onecar-publish/address-list/address-list.component.ts b/src/app/routes/supply-management/components/onecar-publish/address-list/address-list.component.ts
new file mode 100644
index 00000000..9dcc4ec0
--- /dev/null
+++ b/src/app/routes/supply-management/components/onecar-publish/address-list/address-list.component.ts
@@ -0,0 +1,87 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-14 20:08:17
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:28:07
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\onecar-publish\\address-list\\address-list.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STChange, STColumn, STComponent, STRequestOptions } from '@delon/abc/st';
+import { processSingleSort } from '@shared';
+import { NzDrawerService } from 'ng-zorro-antd/drawer';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { SupplyManagementService } from '../../../services/supply-management.service';
+@Component({
+  selector: 'app-publish-address-list',
+  templateUrl: './address-list.component.html'
+})
+export class PublishAddressListComponent implements OnInit {
+  columns!: STColumn[];
+  @ViewChild('st', { static: false })
+  st!: STComponent;
+
+  seleteData: any;
+
+  spuStatus = '1'; // '1'客户地址，'2'收回单地址
+
+  constructor(
+    public router: Router,
+    public ar: ActivatedRoute,
+    private drawerService: NzDrawerService,
+    public service: SupplyManagementService,
+    private modalService: NzModalService
+  ) {}
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    return {
+      type: this.spuStatus
+    };
+  }
+  ngOnInit() {
+    this.initST();
+  }
+
+  initST() {
+    this.columns = [
+      { title: '', index: 'id', type: 'radio', width: 70 },
+      {
+        title: '省市区',
+        render: 'region'
+      },
+      {
+        title: '详细地址',
+        index: 'detailedAddress'
+      },
+      {
+        title: '联系人',
+        index: 'contactName'
+      },
+      {
+        title: '联系电话',
+        index: 'contactTelephone'
+      },
+      {
+        title: '更新时间',
+        index: 'modifyTime'
+      }
+    ];
+  }
+
+  // 排序
+  reqProcess(requestOptions: STRequestOptions): STRequestOptions {
+    return processSingleSort(requestOptions);
+  }
+
+  change(ret: STChange): void {
+    console.log('change', ret);
+    this.seleteData = { ...ret.radio };
+  }
+}
diff --git a/src/app/routes/supply-management/components/onecar-publish/onecar-publish.component.html b/src/app/routes/supply-management/components/onecar-publish/onecar-publish.component.html
new file mode 100644
index 00000000..7eb10959
--- /dev/null
+++ b/src/app/routes/supply-management/components/onecar-publish/onecar-publish.component.html
@@ -0,0 +1,304 @@
+<page-header-wrapper [title]="PageStatus" [logo]="logo">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+  <div class="card-title">货源单设置</div>
+  <sf #sf1 [schema]="schema1" [formData]="sf1data" [button]="'none'" [ui]="ui1"></sf>
+</nz-card>
+
+<nz-card>
+  <div class="card-title"
+    >装卸货信息<span class="tip-font">预计公里数：{{ totalDistance }}km，预计行程耗时：{{ totalTime }}小时</span></div
+  >
+
+  <form nz-form [formGroup]="validateForm1" role="form">
+    <div nz-row [nzGutter]="24">
+      <div nz-col [nzSpan]="10">
+        <div *ngFor="let data1 of startInfo; let idx = index">
+          <nz-form-item>
+            <nz-form-label  nzRequired>装货地</nz-form-label>
+            <nz-form-control [nzErrorTip]="'请输入装货地'">
+              <div class="align-center">
+                <nz-input-group [nzSuffix]="endInconTemp1">
+                  <input
+                    nz-input
+                    [(ngModel)]="data1.detailedAddress"
+                    (click)="openMap('start', idx)"
+                    formControlName="loadAddress{{ idx }}"
+                    placeholder="请输入装货地"
+                    readonly="true"
+                  />
+                </nz-input-group>
+                <span *ngIf="idx !== 0" style="padding: 0 10px"
+                  ><i nz-icon nzType="minus-circle" nzTheme="outline" style="color: #d9001b" (click)="subStartInfo($event, idx)"></i
+                ></span>
+                <span *ngIf="idx == 0" style="visibility:hidden;padding: 0 10px"
+                ><i nz-icon nzType="minus-circle" nzTheme="outline" style="color: #d9001b" (click)="subStartInfo($event, idx)"></i
+              ></span>
+              </div>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label  nzRequired>联系人</nz-form-label>
+            <div style="display: flex; width: 80.7%">
+              <nz-form-control [nzErrorTip]="'请输入联系人姓名'">
+                <input
+                  nz-input
+                  [(ngModel)]="data1.appUserName"
+                  formControlName="loadName{{ idx }}"
+                  name="loadName{{ idx }}"
+                  maxlength="30"
+                  placeholder="请输入联系人姓名"
+                />
+              </nz-form-control>
+              <nz-form-control [nzErrorTip]="'请输入联系人电话'">
+                <input
+                  style="margin-left: 12px"
+                  nz-input
+                  [(ngModel)]="data1.contractTelephone"
+                  maxlength="11"
+                  formControlName="loadPhone{{ idx }}"
+                  name="loadPhone{{ idx }}"
+                  placeholder="请输入联系人电话"
+                />
+              </nz-form-control>
+            </div>
+          </nz-form-item>
+        </div>
+        <div nz-row>
+          <div nz-col [nzSpan]="4"></div>
+          <div style="display: flex; justify-content: center">
+            <button nz-button nzType="primary" (click)="addStartInfo()">
+              <i nz-icon nzType="plus"></i>
+              添加装货地
+            </button>
+          </div>
+        </div>
+      </div>
+      <div nz-col [nzSpan]="4">
+        <div style="display: flex; justify-content: center">
+          <span class="swap-icon" (click)="swapAddress()"><i nz-icon nzType="swap"
+              nzTheme="outline"></i></span>
+        </div>
+      </div>
+      <div nz-col [nzSpan]="10">
+        <div *ngFor="let data2 of endInfo; let idx = index">
+          <nz-form-item>
+            <nz-form-label  nzRequired>卸货地</nz-form-label>
+            <nz-form-control [nzErrorTip]="'请输入卸货地'">
+              <div class="align-center">
+                <nz-input-group [nzSuffix]="endInconTemp1">
+                  <input
+                    nz-input
+                    [(ngModel)]="data2.detailedAddress"
+                    (click)="openMap('end', idx)"
+                    formControlName="unloadAddress{{ idx }}"
+                    placeholder="请输入卸货地"
+                    name="unloadAddress{{ idx }}"
+                    readonly="true"
+                  />
+                </nz-input-group>
+                <span *ngIf="idx !== 0" style="padding: 0 10px"
+                  ><i nz-icon nzType="minus-circle" nzTheme="outline" style="color: #d9001b" (click)="subEndInfo($event, idx)"></i
+                ></span>
+                <span *ngIf="idx == 0" style="visibility:hidden;padding: 0 10px"
+                ><i nz-icon nzType="minus-circle" nzTheme="outline" style="color: #d9001b" (click)="subStartInfo($event, idx)"></i
+              ></span>
+              </div>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label  nzRequired>联系人</nz-form-label>
+            <div style="display: flex; width: 80.7%">
+              <nz-form-control [nzErrorTip]="'请输入联系人姓名'">
+                <input
+                  nz-input
+                  [(ngModel)]="data2.appUserName"
+                  maxlength="30"
+                  formControlName="unloadName{{ idx }}"
+                  name="unloadAddress{{ idx }}"
+                  placeholder="请输入联系人姓名"
+                />
+              </nz-form-control>
+              <nz-form-control [nzErrorTip]="'请输入联系人电话'">
+                <input
+                  style="margin-left: 12px"
+                  nz-input
+                  [(ngModel)]="data2.contractTelephone"
+                  formControlName="unloadPhone{{ idx }}"
+                  name="unloadAddress{{ idx }}"
+                  maxlength="11"
+                  placeholder="请输入联系人电话"
+                />
+              </nz-form-control>
+            </div>
+          </nz-form-item>
+        </div>
+        <div nz-row>
+          <div nz-col [nzSpan]="4"></div>
+          <div style="display: flex; justify-content: center">
+            <button nz-button nzType="primary" (click)="addEndInfo()">
+              <i nz-icon nzType="plus"></i>
+              添加卸货地
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div nz-row [nzGutter]="24" style="margin-top: 24px">
+      <div nz-col nzXs="2" nzSm="4" nzMd="8" nzLg="8" nzXl="10">
+        <nz-form-item>
+          <nz-form-label  nzRequired>装货时间</nz-form-label>
+          <nz-form-control [nzErrorTip]="'请输入装货时间'">
+            <nz-date-picker
+            [nzShowTime]="{ nzFormat: 'HH' }"
+            nzFormat="yyyy-MM-dd HH:00前"
+            formControlName="loadingTime"
+            [nzDisabledDate]="disabledDateStart"
+          ></nz-date-picker>
+          </nz-form-control>
+        </nz-form-item>
+      </div>
+      <div nz-col nzXs="20" nzSm="16" nzMd="12" nzLg="8" nzXl="4"></div>
+      <div nz-col nzXs="2" nzSm="4" nzMd="8" nzLg="8" nzXl="10">
+        <nz-form-item>
+          <nz-form-label  nzRequired>卸货时间</nz-form-label>
+          <nz-form-control [nzErrorTip]="'请输入卸货时间'">
+            <nz-date-picker [nzShowTime]="{ nzFormat: 'HH' }"
+            nzFormat="yyyy-MM-dd HH:00前" formControlName="unloadingTime"></nz-date-picker>
+          </nz-form-control>
+        </nz-form-item>
+      </div>
+    </div>
+    <ng-template #endInconTemp1><i nz-icon nzType="environment" nzTheme="outline"></i></ng-template>
+  </form>
+</nz-card>
+
+<nz-card>
+  <div class="card-title">货物信息</div>
+  <div nz-row>
+    <div nz-col nzSpan="16">
+      <sf #sf3 [schema]="schema3" [button]="'none'" [ui]="ui3" [formData]="sf3data"></sf>
+    </div>
+  </div>
+  <sf #sf4 [schema]="schema4" [button]="'none'" [ui]="ui4" [formData]="sf4data">
+    <ng-template sf-template="weight" let-i let-ui="ui">
+      <nz-input-group [nzAddOnAfter]="'吨'">
+        <nz-input-number [nzMax]="99999" [nzMin] ="0" nzPlaceHolder="总重量，必填" type="number" [ngModel]="i.value"
+        (ngModelChange)="i.setValue($event)" [nzPrecision]="2" style="width: 100%;"></nz-input-number>
+      </nz-input-group>
+    </ng-template>
+    <ng-template sf-template="volume" let-i let-ui="ui">
+      <nz-input-group [nzAddOnAfter]="'方'">
+          <nz-input-number [nzMax]="99999" [nzMin] ="0" nzPlaceHolder="体积" type="number" [ngModel]="i.value"
+        (ngModelChange)="i.setValue($event)" [nzPrecision]="2" style="width: 100%;"></nz-input-number>
+      </nz-input-group>
+    </ng-template>
+    <ng-template sf-template="number" let-i let-ui="ui">
+      <nz-input-group [nzAddOnAfter]="'件'">
+          <nz-input-number [nzMax]="99999" [nzMin] ="0" nzPlaceHolder="件数" type="number" [ngModel]="i.value"
+          (ngModelChange)="i.setValue($event)" [nzPrecision]="2" style="width: 100%;"></nz-input-number>  
+      </nz-input-group>
+    </ng-template>
+    <ng-template sf-template="goodsValue" let-i let-ui="ui">
+      <div class="align-center">
+        <nz-input-number [ngModel]="i.value" [nzMin] = "0" [nzMax]="2000000" [nzStep]="0.01"
+          (ngModelChange)="i.setValue($event);getInsurersPrice()" nzPlaceHolder="请输入0-2000000之间数值">
+        </nz-input-number>
+      </div>
+    </ng-template>
+  </sf>
+</nz-card>
+
+<nz-card>
+  <div class="card-title">服务信息</div>
+  <div nz-row>
+    <div nz-col nzSpan="16">
+      <sf #sf5 [schema]="schema5" [button]="'none'" [ui]="ui5" [formData]="sf5data">
+        <ng-template sf-template="type1" let-i let-ui="ui">
+          <label nz-checkbox [ngModel]="true" nzDisabled></label> &nbsp;货源曝光率 <span class="fc">+10</span>&nbsp;&nbsp;
+          <label nz-checkbox [ngModel]="true" nzDisabled></label>&nbsp;车源匹配率 <span class="fc">+10</span>
+        </ng-template>
+        <ng-template sf-template="type2" let-i let-ui="ui">
+          <label nz-checkbox [ngModel]="true" nzDisabled></label> &nbsp;货源曝光率 <span class="fc">+20</span>&nbsp;&nbsp;
+          <label nz-checkbox [ngModel]="true" nzDisabled></label>&nbsp;车源匹配率 <span class="fc">+20</span>
+        </ng-template>
+        <ng-template sf-template="freeInsurance1" let-i let-ui="ui">
+          <nz-alert nzType="warning" [nzMessage]="template1" nzShowIcon></nz-alert>
+        </ng-template>
+        <ng-template sf-template="freeInsurance2" let-i let-ui="ui">
+          <nz-alert nzType="warning" [nzMessage]="template1" nzShowIcon></nz-alert>
+        </ng-template>
+        <ng-template #template1>①香港、澳门、台湾、西藏、新疆不予承保，②单次运输保额仅限200万元以内，③保险详细内容及注意事项请见<a target="_blank" [queryParams]="{ type: 10 }"
+            [routerLink]="['/agreement']">《保险告知函》</a></ng-template>
+      </sf>
+    </div>
+  </div>
+</nz-card>
+
+
+<nz-card>
+  <div class="card-title">补充信息</div>
+  <div nz-row>
+    <div nz-col nzSpan="9">
+      <sf #sf6 [schema]="schema6" [formData]="sf6data" [button]="'none'" [ui]="ui6"> </sf>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card>
+  <div class="card-title">运费信息</div>
+  <div nz-row>
+    <div nz-col nzSpan="8">
+      <sf #sf7 [schema]="schema7" [button]="'none'" [ui]="ui7" [formData]="sf7data">
+        <ng-template sf-template="prePay" let-i let-ui="ui">
+          <nz-input-number [ngModel]="i.value" [nzMin]="0" [nzMax]="99999" [nzStep]="0.01" [nzPrecision]="2" nzPlaceHolder="请输入0-99999"
+            (ngModelChange)="priceChange($event,i)" [nzFormatter]="formatterRmb" [nzParser]="parserRmb">
+          </nz-input-number>
+        </ng-template>
+        <ng-template sf-template="toPay" let-i let-ui="ui">
+          <nz-input-number [ngModel]="i.value" [nzMin]="0" [nzMax]="99999" [nzStep]="0.01" [nzPrecision]="2" nzPlaceHolder="请输入0-99999"
+            (ngModelChange)="priceChange($event,i)" [nzFormatter]="formatterRmb" [nzParser]="parserRmb">
+          </nz-input-number>
+        </ng-template>
+        <ng-template sf-template="receiptPay" let-i let-ui="ui">
+          <nz-input-number [ngModel]="i.value" [nzMin]="0" [nzMax]="99999" [nzStep]="0.01" [nzPrecision]="2" nzPlaceHolder="请输入0-99999"
+            (ngModelChange)="priceChange($event,i)" [nzFormatter]="formatterRmb" [nzParser]="parserRmb">
+          </nz-input-number>
+        </ng-template>
+        <ng-template sf-template="subtotal" let-i let-ui="ui">{{ i.value | currency }}</ng-template>
+        <ng-template sf-template="appendFee" let-i let-ui="ui">{{ i.value | currency }}（费率：{{ currentRate | number:
+          '0.2-4' }}%）</ng-template>
+        <ng-template sf-template="total" let-i let-ui="ui">{{ i.value | currency }}</ng-template>
+        <ng-template sf-template="paymentDays" let-i let-ui="ui">
+          <div nz-row class="align-center">
+              <div nz-col nzSpan="16">
+                <nz-input-number [ngModel]="i.value" [nzMin]="1" [nzMax]="30" [nzStep]="1"
+                  (ngModelChange)="i.setValue($event)" nzPlaceHolder="请输入1-30" [nzPrecision]="0"
+                  [nzPrecisionMode]="'cut'"></nz-input-number>
+              </div>
+              <div nz-col nzSpan="8">
+                <span>&nbsp;天内支付运费</span>
+              </div>
+          </div>
+        </ng-template>
+      </sf>
+    </div>
+  </div>
+</nz-card>
+<nz-card>
+  <div class="align-center">
+    <button nz-button nzType="primary" *ngIf="this.PageStatus == '整车修改'" (click)="goBack()">取消</button>
+    <button *ngIf="this.PageStatus == '整车修改'" nz-button nzType="primary" style="margin-left: 48px" (click)="submitConfirm()"
+    acl  [acl-ability]="['SUPPLY-VEHICLE-AMEND-submitChange']">提交修改</button
+    >
+    <button nz-button nzType="primary" *ngIf="this.PageStatus == '整车下一单'" (click)="submitConfirm('assign')" acl  [acl-ability]="['SUPPLY-BULK-PLACEORDER-vehicleDesignate']">指派熟车</button>
+    <button *ngIf="this.PageStatus == '整车下一单'" nz-button nzType="primary" style="margin-left: 48px" (click)="submitConfirm('publish')"
+    acl  [acl-ability]="['SUPPLY-BULK-PLACEORDER-vehicleAnotherOrder']">司机抢单</button
+    >
+  </div>
+</nz-card>
diff --git a/src/app/routes/supply-management/components/onecar-publish/onecar-publish.component.less b/src/app/routes/supply-management/components/onecar-publish/onecar-publish.component.less
new file mode 100644
index 00000000..35b08935
--- /dev/null
+++ b/src/app/routes/supply-management/components/onecar-publish/onecar-publish.component.less
@@ -0,0 +1,56 @@
+:host {
+  ::ng-deep {
+    nz-input-number {
+      width: 100%;
+    }
+    nz-date-picker {
+      width: 94.3%;
+    }
+  }
+  i {
+    cursor: pointer;
+  }
+}
+
+.tip-font {
+  margin-left: 16px;
+  font-weight: 500;
+  font-size: 12px;
+}
+
+.card-title {
+  margin-bottom: 24px;
+  font-weight: bold;
+  font-size: 16px;
+}
+
+.align-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.swap-icon {
+  padding: 24px;
+  color: #7d7d7d;
+  font-size: 30px;
+  :hover{color: #52acff;}
+}
+
+#container {
+  width: 300px;
+  height: 180px;
+}
+
+input[type='number'] {
+  -moz-appearance: textfield;
+}
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+  margin: 0;
+  -webkit-appearance: none;
+}
+.hides {
+  margin-left: 10px;
+  color: aqua;
+}
diff --git a/src/app/routes/supply-management/components/onecar-publish/onecar-publish.component.ts b/src/app/routes/supply-management/components/onecar-publish/onecar-publish.component.ts
new file mode 100644
index 00000000..3c8848cd
--- /dev/null
+++ b/src/app/routes/supply-management/components/onecar-publish/onecar-publish.component.ts
@@ -0,0 +1,1446 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
+import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
+import format from 'date-fns/format';
+import { Subject } from 'rxjs';
+import { ActivatedRoute, Router } from '@angular/router';
+import {
+  SFCheckboxWidgetSchema,
+  SFComponent,
+  SFNumberWidgetSchema,
+  SFSchema,
+  SFSchemaEnum,
+  SFSelectWidgetSchema,
+  SFTextareaWidgetSchema,
+  SFUISchema
+} from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { AmapPoiPickerComponent, AmapService, EACacheService, ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { SupplyManagementService } from '../../services/supply-management.service';
+import { SupplyManagementVehicleAssignedCarComponent } from '../assigned-car/assigned-car.component';
+import { TranAgreementComponent } from '../tran-agreement/tran-agreement.component';
+import { PublishAddressListComponent } from './address-list/address-list.component';
+import { PublishSuccessComponent } from './publish-success/publish-success.component';
+import { cacheConf } from '@conf/cache.conf';
+
+@Component({
+  selector: 'app-publish-goods-onecar-publish',
+  templateUrl: './onecar-publish.component.html',
+  styleUrls: ['./onecar-publish.component.less']
+})
+export class SupplyManagementOnecarPublishComponent implements OnInit {
+  // 环境信息 appId、tenantId
+  envInfo = this.eaCacheSrv.get(cacheConf.env);
+  validateForm1: FormGroup;
+  limitValues = {
+    maxWeight: 99999,
+    maxVolume: 99999,
+    maxPiece: 99999,
+    maxDays: 999,
+    intervalDays: 999,
+    maxTimes: 5
+  };
+  sf1data: any; // 货源单设置回显
+  sf3data: any; // 货源单设置回显
+  sf4data: any; // 货源单设置回显
+  sf5data: any; // 货源单设置回显
+  sf55data: any; // 货源单设置回显
+  sf6data: any; // 货源单设置回显
+  sf7data: any; // 货源单设置回显
+  creatTime: any; // 货源单设置回显
+  loadingTime: any; // 货源单设置回显
+  unloadingTime: any; // 货源单设置回显
+  totalFees: any; // 总数信息
+  totalDistance = 0.0; //总里程
+  totalTime = 0.0; //路程总时间
+  currentRate = 0; //实时计算的费率
+  id = this.route.snapshot.params.id;
+  startInfo: any = []; // 发货地数据
+  endInfo: any = []; // 卸货地数据
+  PageStatus = '';
+  shipperName = '';
+  changeSub = new Subject<string>();
+  envCache: any;
+  enterpriseProjectIds: any;
+  constructor(
+    private http: _HttpClient,
+    fb: FormBuilder,
+    private router: Router,
+    private route: ActivatedRoute,
+    private modalService: NzModalService,
+    public service: SupplyManagementService,
+    private amapService: AmapService,
+    public shipperSrv: ShipperBaseService,
+    private eaCacheSrv: EACacheService
+  ) {
+    this.validateForm1 = fb.group({
+      loadingTime: [null, [Validators.required]],
+      unloadingTime: [null, [Validators.required]]
+    });
+    this.envCache = this.eaCacheSrv.get(cacheConf.env);
+  }
+  @ViewChild('sf1', { static: false }) sf1!: SFComponent;
+  schema1: SFSchema = {};
+  ui1!: SFUISchema;
+
+  @ViewChild('sf2', { static: false }) sf2!: SFComponent;
+  schema2: SFSchema = {};
+  ui2!: SFUISchema;
+
+  @ViewChild('sf3', { static: false }) sf3!: SFComponent;
+  schema3: SFSchema = {};
+  ui3!: SFUISchema;
+
+  @ViewChild('sf4', { static: false }) sf4!: SFComponent;
+  schema4: SFSchema = {};
+  ui4!: SFUISchema;
+
+  @ViewChild('sf5', { static: false }) sf5!: SFComponent;
+  schema5: SFSchema = {};
+  ui5!: SFUISchema;
+
+  @ViewChild('sf55', { static: false }) sf55!: SFComponent;
+  schema55: SFSchema = {};
+  ui55!: SFUISchema;
+
+  @ViewChild('sf6', { static: false }) sf6!: SFComponent;
+  schema6: SFSchema = {};
+  ui6!: SFUISchema;
+
+  @ViewChild('sf7', { static: false }) sf7!: SFComponent;
+  schema7: SFSchema = {};
+  ui7!: SFUISchema;
+
+  formatterRmb = (value: number): string => {
+    if (value === null || value === undefined) {
+      return '';
+    } else {
+      let value2 = Number(value).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+      return `￥${value2}`;
+    }
+  };
+  parserRmb = (value: string): string => value.replace('￥', '').replace(',', '');
+
+  // 页面初始化
+  ngOnInit(): void {
+    if (this.route.snapshot?.queryParams?.sta === '1') {
+      this.PageStatus = '整车修改';
+    } else if (this.route.snapshot?.queryParams?.sta === '2') {
+      this.PageStatus = '整车下一单';
+    }
+    this.initSF1();
+    this.initSF3();
+    this.initSF4();
+    this.initSF5();
+    this.initSF6();
+    this.initSF7();
+    this.getLimitvalue();
+    this.initdata();
+  }
+  initSF1() {
+    this.schema1 = {
+      properties: {
+        resourceCode: {
+          type: 'string',
+          title: '',
+          ui: { hidden: true }
+        },
+        shipperAppUserId: {
+          title: '货主',
+          type: 'string',
+          maxLength: 30,
+          readOnly: this.PageStatus == '整车修改' ? true : false,
+          ui: {
+            widget: 'select',
+            // serverSearch: true,
+            allowClear: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            onSearch: (q: any) => {
+              let str = q?.replace(/^\s+|\s+$/g, '');
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map(res => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+            change: (q: any, qs: any) => {
+              let str = q?.replace(/^\s+|\s+$/g, '');
+              if (str) {
+                this.getRegionCode(str);
+                this.shipperName = qs?.label;
+                this.payChange();
+              }
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseProjectId: {
+          type: 'string',
+          title: '项目',
+          readOnly: this.PageStatus == '整车修改' ? true : false,
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          } as SFSelectWidgetSchema
+        },
+        enterpriseInfoName: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'text'
+          }
+        },
+
+        externalResourceCode: {
+          type: 'string',
+          title: '外部货源号',
+          maxLength: 30,
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        dispatchName: {
+          type: 'string',
+          title: '调度员姓名',
+          maxLength: 30,
+          ui: {
+            optionalHelp: '选若未填写，司机直接联系您',
+            placeholder: '请输入'
+          }
+        },
+        dispatchPhone: {
+          type: 'string',
+          title: '调度员手机号',
+          maxLength: 30,
+          ui: {
+            placeholder: '请输入'
+          }
+        }
+        // dispatchId: {
+        //   type: 'string',
+        //   title: '调度员',
+        //   ui: {
+        //     widget: 'select',
+        //     placeholder: '请选择',
+        //     allowClear: true,
+        //     optionalHelp: '选择调度员，司机直接联系调度员 ; 不选择，司机直接联系您',
+        //     change: (_value: any, data: any) => {
+        //       if (data.label) {
+        //         const dat = data.label.split('/');
+        //         this.sf1.setValue('/dispatchName', dat[0]);
+        //         this.sf1.setValue('/dispatchPhone', dat[1]);
+        //       }
+        //     },
+        //     asyncData: () => this.shipperSrv.getStaffList2()
+        //   } as SFSelectWidgetSchema
+        // },
+      },
+      required: ['shipperAppUserId', 'enterpriseProjectId']
+    };
+    this.ui1 = {
+      '*': {
+        spanLabelFixed: 115,
+        grid: { span: 12 }
+      },
+      $enterpriseInfoName: {
+        grid: { span: 12 }
+      },
+      $shipperAppUserId: {
+        grid: { span: 12 }
+      },
+      $enterpriseProjectId: {
+        grid: { span: 12 }
+      }
+    };
+  }
+  initSF3() {
+    this.schema3 = {
+      properties: {
+        goodsTypeId: {
+          type: 'string',
+          title: '货物名称',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            errors: { required: '请选择货物类型' },
+            asyncData: () =>
+              this.shipperSrv.loadConfigByKey('goods.name.config.type').pipe(
+                map((data: any) => {
+                  return data[0].children?.map((m: any) => {
+                    return { label: m.name, value: m.id };
+                  });
+                })
+              ),
+            change: (value, data: any) => {
+              this.changeGoodsType(value, data);
+              this.sf3.setValue('/goodsTypeName', data.label);
+            }
+          } as SFSelectWidgetSchema
+        },
+        goodsTypeName: {
+          type: 'string',
+          title: '',
+          ui: {
+            hidden: true
+          }
+        },
+        goodsNameId: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            errors: { required: '请填写货物名称' },
+            change: (_value: any, data: any) => {
+              this.sf3.setValue('/goodsName', data.label);
+            },
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value !== '其它'
+            }
+          }
+        },
+        goodsName: {
+          type: 'string',
+          title: '',
+          ui: {
+            hidden: true,
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value !== '其它'
+            }
+          }
+        },
+        goodsName1: {
+          type: 'string',
+          title: '',
+          maxLength: 20,
+          ui: {
+            errors: { required: '请填写货物名称' },
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value === '其它'
+            }
+          }
+        }
+      },
+      required: ['goodsTypeId', 'goodsName', 'goodsNameId', 'goodsName1']
+    };
+    this.ui3 = {
+      '*': {
+        spanLabelFixed: 90,
+        grid: { span: 12 }
+      }
+    };
+  }
+  initSF4() {
+    this.schema4 = {
+      properties: {
+        weight: {
+          type: 'string',
+          title: '货物数量',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入',
+            errors: { required: '必填项' },
+            validator: val => this.customValidator(val)
+          }
+        },
+        volume: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        number: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        carModel: {
+          type: 'string',
+          title: '车型/车长',
+          ui: {
+            widget: 'select',
+            mode: 'multiple',
+            maxMultipleCount: 3,
+            placeholder: '请选择车型',
+            errors: { required: '请选择车型' },
+            asyncData: () => this.service.getDictOptions({ dictKey: 'car:model' }),
+            change: (tag: any, org: any) => {
+              if (tag.includes('999')) {
+                this.sf4.setValue('/carModel', ['999']);
+              }
+            }
+          }
+        },
+        carLength: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'select',
+            mode: 'multiple',
+            maxMultipleCount: 3,
+            placeholder: '请选择车长',
+            errors: { required: '请选择车长' },
+            asyncData: () => this.service.getDictOptions({ dictKey: 'car:length' }),
+            change: (tag: any, org: any) => {
+              if (tag.includes('999')) {
+                this.sf4.setValue('/carLength', ['999']);
+              }
+            }
+          }
+        },
+        hidenField: {
+          type: 'string',
+          title: '',
+          default: ' ',
+          ui: {
+            widget: 'text'
+          }
+        },
+        insurancePackagedGoods: {
+          type: 'string',
+          title: '货物包装',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'insure:packaged:goods' },
+            containsAllLabel: false,
+            validator: val => {
+              if (this.sf5?.value?.insuranceType && this.sf5?.value?.insuranceType !== '3' && this.isEmpty(val)) {
+                return [{ keyword: 'required', message: '必填项' }];
+              } else {
+                return [];
+              }
+            }
+          } as SFSelectWidgetSchema
+        },
+        goodsValue: {
+          type: 'string',
+          title: '货物价值',
+          ui: {
+            widget: 'custom',
+            validator: val => {
+              if (this.sf5?.value?.insuranceType && this.sf5?.value?.insuranceType !== '3' && this.isEmpty(val)) {
+                return [{ keyword: 'required', message: '必填项' }];
+              } else {
+                return [];
+              }
+            }
+          }
+        }
+      },
+      required: ['weight', 'carModel', 'carLength']
+    };
+    this.ui4 = {
+      '*': {
+        spanLabelFixed: 115,
+        grid: { span: 8 }
+      }
+    };
+  }
+
+
+  initSF5() {
+    this.schema5 = {
+      properties: {
+        insuranceType: {
+          type: 'string',
+          title: '服务包',
+          ui: {
+            widget: 'select',
+            asyncData: () => {
+              return this.service.request(this.service.$api_getDictValue, { dictKey: 'bill:insurance:type' }).pipe(
+                map((res: any) => {
+                  return [...res];
+                })
+              )
+            },
+            change: (tag: any, org: any) => {
+              if(tag === '3'){
+                this.sf5.setValue('/insurancePremium', null);
+                this.sf5.setValue('/insuranceRate', null);
+              }else {
+                this.getInsurersPrice(tag);
+              }
+            }
+          },
+          default: '3'
+        },
+        type1: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+            visibleIf: { insuranceType: (value: string) => value === '0' }
+          } ,
+        },
+        type2: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+            visibleIf: { insuranceType: (value: string) => value === '1' }
+          }
+        },
+        insurancePremium: {
+          type: 'string',
+          title: '服务包费用',
+          readOnly:true,
+          ui: {
+            visibleIf: { insuranceType: (value: string) => value !== '3' }
+          }
+        },
+        insuranceRate: {
+          type: 'string',
+          title: '保险费率',
+          ui: {
+            hidden: true
+          }
+        },
+        freeInsurance1: {
+          type: 'string',
+          title: '预投基本险',
+          ui: {
+            widget: 'custom',
+            visibleIf: { insuranceType: (value: string) => value === '0' }
+          }
+        },
+        freeInsurance2: {
+          type: 'string',
+          title: '预投综合险',
+          ui: {
+            widget: 'custom',
+            visibleIf: { insuranceType: (value: string) => value === '1' }
+          }
+        },
+      },
+      required: [ 'insurancePremium']
+    };
+    this.ui5 = {
+      '*': {
+        spanLabelFixed: 115,
+        grid: { span: 12 }
+      },
+      $type1: {
+        grid: { span: 24 }
+      },
+      $type2: {
+        grid: { span: 24 }
+      },
+      $freeInsurance1: {
+        grid: { span: 24 }
+      },
+      $freeInsurance2: {
+        grid: { span: 24 }
+      }
+    };
+  }
+
+  /**
+   * 自定义校验数据
+   * @param val
+   */
+  customValidator(val: number) {
+    if (this.isEmpty(val)) {
+      return [{ keyword: 'required', message: '不能为空' }];
+    } else {
+      if (val <= 0) {
+        return [{ keyword: 'required', message: '数值需大于0' }];
+      }
+      return [];
+    }
+  }
+  isEmpty(val: any) {
+    return val === undefined || val === null || val.toString().trim() === '';
+  }
+  initSF6() {
+    this.schema6 = {
+      properties: {
+        stateReceipt: {
+          type: 'string',
+          title: '是否回单',
+          enum: [
+            { label: '需要', value: true },
+            { label: '不需要', value: false }
+          ],
+          ui: {
+            widget: 'select',
+            errors: { required: '请选择' },
+            placeholder: '请选择'
+          }
+        },
+        receiptType: {
+          type: 'string',
+          title: '回单类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'receipt:type' },
+            containsAllLabel: false,
+            placeholder: '请选择',
+            errors: { required: '请选择' },
+            visibleIf: {
+              stateReceipt: value => value === true
+            }
+          }
+        },
+        receiptUserName: {
+          type: 'string',
+          title: '联系人',
+          maxLength: 15,
+          ui: {
+            visibleIf: {
+              receiptType: value => value === '2'
+            }
+          }
+        },
+        receiptUserPhone: {
+          type: 'string',
+          title: '联系电话',
+          maxLength: 11,
+          ui: {
+            visibleIf: {
+              receiptType: value => value === '2'
+            }
+          }
+        },
+        receiptAddressArea: {
+          type: 'string',
+          title: '所在地区',
+          maxLength: 30,
+          ui: {
+            visibleIf: {
+              receiptType: value => value === '2'
+            }
+          }
+        },
+        receiptAddress: {
+          type: 'string',
+          title: '详细地址',
+          maxLength: 30,
+          ui: {
+            visibleIf: {
+              receiptType: value => value === '2'
+            }
+          }
+        },
+        remarks: {
+          type: 'string',
+          title: '备注',
+          maxLength: 200,
+          ui: {
+            widget: 'textarea',
+            placeholder: '请输入',
+            autosize: { minRows: 3, maxRows: 3 }
+          } as SFTextareaWidgetSchema
+        }
+      },
+      required: ['stateReceipt', 'receiptType', 'receiptUserName', 'receiptUserPhone', 'receiptAddressArea', 'receiptAddress']
+    };
+    this.ui6 = {
+      '*': {
+        spanLabelFixed: 90,
+        grid: { span: 24 }
+      }
+    };
+  }
+
+  initSF7() {
+    this.schema7 = {
+      properties: {
+        prePay: {
+          type: 'number',
+          title: '预付',
+          ui: { widget: 'custom' }
+        },
+        toPay: {
+          type: 'number',
+          title: '到付',
+          ui: { widget: 'custom' }
+        },
+        receiptPay: {
+          type: 'number',
+          title: '回单付',
+          ui: { widget: 'custom' }
+        },
+        subtotal: { type: 'number', title: '小计', default: 0, ui: { widget: 'custom' } as SFNumberWidgetSchema },
+        appendFee: { type: 'number', title: '附加费', default: 0, ui: { widget: 'custom' } as SFNumberWidgetSchema },
+        total: { type: 'number', title: '总费用', default: 0, ui: { widget: 'custom' } as SFNumberWidgetSchema },
+        paymentDays: {
+          type: 'string',
+          title: '到货后',
+          ui: {
+            widget: 'custom',
+            errors: { required: '请输入付款承诺天数' }
+          }
+        }
+      },
+      required: ['paymentDays']
+    };
+    this.ui7 = {
+      '*': {
+        spanLabelFixed: 115,
+        grid: { span: 24 }
+      }
+    };
+  }
+  getRegionCode(regionCode: any) {
+    return this.service
+      .request(this.service.$api_get_enterprise_project, { id: regionCode })
+      .pipe(
+        map(res =>
+          res.map((item: any) => ({
+            label: item.projectName,
+            value: item.id
+          }))
+        )
+      )
+      .subscribe(res => {
+        this.sf1.getProperty('/enterpriseProjectId')!.schema.enum = res;
+        this.sf1.getProperty('/enterpriseProjectId')!.widget.reset(res);
+        if (this.enterpriseProjectIds) {
+          this.sf1.setValue('/enterpriseProjectId', this.enterpriseProjectIds);
+        }
+      });
+  }
+  payChange() {
+    const prePay = this.sf7.value.prePay || 0;
+    const toPay = this.sf7.value.toPay || 0;
+    const receiptPay = this.sf7.value.receiptPay || 0;
+    const oilCardPay = 0;
+    const subtotal = prePay + toPay + receiptPay;
+    const params = {
+      shipperId: this?.sf1?.value?.shipperAppUserId,
+      enterpriseInfoId: this?.sf1data?.enterpriseInfoId || '',
+      totalFreight: subtotal,
+      fuelCardAmount: oilCardPay,
+      resourcetype: '1'
+    };
+    this.service.request(this.service.$api_getCalculatedSurcharge, params).subscribe(res => {
+      if (res) {
+        this.sf7.setValue('/appendFee', res.surcharge);
+        this.sf7.setValue('/subtotal', subtotal);
+        this.sf7.setValue('/total', subtotal + res.surcharge);
+        let items = this?.sf1data?.enterpriseInfoId || '';
+        this.service
+          .request(
+            this.service.$api_getAdditionalRate +
+              `?shipperId=${this?.sf1?.value?.shipperAppUserId || ''}&enterpriseInfoId=${items}&resourcetype='1'`
+          )
+          .subscribe(res => {
+            if (res) {
+              this.currentRate = res.rate * 100;
+            }
+          });
+      } else {
+        this.service.msgSrv.error(res.msg);
+      }
+    });
+  }
+  addStartInfo() {
+    if (this.startInfo.length < this.limitValues.maxTimes) {
+      const controlId = this.startInfo.length;
+      this.startInfo.push({
+        detailedAddress: '',
+        appUserName: '',
+        contractTelephone: '',
+        latitude: '',
+        longitude: '',
+        province: '',
+        city: '',
+        area: '',
+        type: '1'
+      });
+      this.validateForm1.addControl(`loadAddress${controlId}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`loadName${controlId}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`loadPhone${controlId}`, new FormControl(null, [Validators.required, Validators.pattern('^[0-9]*$')]));
+    }
+  }
+
+  getLimitvalue() {
+    // 货物核载信息最大值
+    // 货物运输费（小计）最大值
+    const getlimitvaluesParms = [
+      this.service?.limitKeys?.weight,
+      this.service?.limitKeys?.volume,
+      this.service?.limitKeys?.piece,
+      this.service?.limitKeys?.maxDays,
+      this.service?.limitKeys?.intervalDays,
+      this.service?.limitKeys?.maxTimes
+    ];
+    this.service.request(this.service.$api_findItemValueByItemKeys, getlimitvaluesParms).subscribe(res => {
+      const maxWeight = res.filter((item: any) => item.itemKey === this.service.limitKeys?.weight)[0].itemValue;
+      const maxVolume = res.filter((item: any) => item.itemKey === this.service.limitKeys?.volume)[0].itemValue;
+      const maxPiece = res.filter((item: any) => item.itemKey === this.service.limitKeys?.piece)[0].itemValue;
+      const maxDays = res.filter((item: any) => item.itemKey === this.service.limitKeys?.maxDays)[0].itemValue;
+      const intervalDays = res.filter((item: any) => item.itemKey === this.service.limitKeys?.intervalDays)[0].itemValue;
+      const maxTimes = res.filter((item: any) => item.itemKey === this.service.limitKeys?.maxTimes)[0].itemValue;
+      this.limitValues = {
+        maxWeight: Number(maxWeight),
+        maxVolume: Number(maxVolume),
+        maxPiece: Number(maxPiece),
+        maxDays: Number(maxDays),
+        intervalDays: Number(intervalDays),
+        maxTimes: Number(maxTimes)
+      };
+    });
+  }
+  subStartInfo(event: any, index: number) {
+    this.startInfo.splice(index, 1);
+    this.validateForm1.removeControl(`loadAddress${index}`);
+    this.validateForm1.removeControl(`loadName${index}`);
+    this.validateForm1.removeControl(`loadPhone${index}`);
+  }
+  addEndInfo() {
+    if (this.endInfo.length < this.limitValues.maxTimes) {
+      const controlId = this.endInfo.length;
+      this.endInfo.push({
+        detailedAddress: '',
+        appUserName: '',
+        contractTelephone: '',
+        latitude: '',
+        longitude: '',
+        province: '',
+        city: '',
+        area: '',
+        type: '2'
+      });
+      this.validateForm1.addControl(`unloadAddress${controlId}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`unloadName${controlId}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(
+        `unloadPhone${controlId}`,
+        new FormControl(null, [Validators.required, Validators.pattern('^[0-9]*$')])
+      );
+    }
+  }
+  subEndInfo(event: any, index: number) {
+    this.endInfo.splice(index, 1);
+    this.validateForm1.removeControl(`unloadAddress${index}`);
+    this.validateForm1.removeControl(`unloadName${index}`);
+    this.validateForm1.removeControl(`unloadPhone${index}`);
+  }
+  changeGoodsType(value: string, data: any) {
+    if (data.label === '其它') return;
+    const params = {
+      pageIndex: 1,
+      pageSize: 100,
+      configId: value
+    };
+    this.service
+      .request(this.service.$api_get_config_item_page, params)
+      .pipe(
+        map(data => {
+          return data.records?.map((m: any) => {
+            return { label: m.name, value: m.id };
+          });
+        })
+      )
+      .subscribe(res => {
+        if (res) {
+          this.sf3.getProperty('/goodsNameId')!.schema.enum = res;
+          this.sf3.getProperty('/goodsNameId')!.widget.reset(res);
+          if (this.sf3data.goodsNameId) {
+            this.sf3.setValue('/goodsNameId', this.sf3data.goodsNameId);
+          }
+        } else {
+          this.service.msgSrv.error(res.msg);
+        }
+      });
+  }
+  //指派熟车
+  chooseFamifiar(item: any) {
+    const modalRef = this.modalService.create({
+      nzTitle: '指派熟车',
+      nzContent: SupplyManagementVehicleAssignedCarComponent,
+      nzWidth: 1200,
+      nzComponentParams: {
+        status: 'new',
+        url: this.service.$api_save_assign_whole,
+        params: item
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe(result => {
+      if (result) {
+        this.openFinishPage(result);
+      }
+    });
+  }
+  // 打开下单完成页面
+  openFinishPage(resourceObj: any = null, change?: any) {
+    this.modalService.create({
+      nzTitle: '',
+      nzContent: PublishSuccessComponent,
+      nzWidth: 900,
+      nzFooter: null,
+      nzComponentParams: { type: 'onecar', resourceObj, change: change }
+    });
+  }
+  // 提交前确认，委托运输协议弹窗
+  submitConfirm(submitType?: string) {
+    Object.keys(this.validateForm1.controls).forEach(key => {
+      this.validateForm1.controls[key].markAsDirty();
+      this.validateForm1.controls[key].updateValueAndValidity();
+    });
+    this.sf3.validator({ emitError: true });
+    this.sf4.validator({ emitError: true });
+    this.sf5.validator({ emitError: true });
+    this.sf6.validator({ emitError: true });
+    this.sf7.validator({ emitError: true });
+    if (
+      this.validateForm1.invalid ||
+      !this.sf3.valid ||
+      !this.sf1.valid ||
+      !this.sf4.valid ||
+      !this.sf5.valid ||
+      !this.sf6.valid ||
+      !this.sf7.valid
+    ) {
+      this.service.msgSrv.warning('请完善必填项！');
+      return;
+    }
+    if (this.totalDistance <= 0) {
+      this.service.msgSrv.warning('起终点相同，请重新选择装卸货地址！');
+      return;
+    }
+    if (this.validateForm1.value.loadingTime < new Date()) {
+      this.service.msgSrv.warning('装货时间必须大于当前时间！');
+      return;
+    }
+    if (this.validateForm1.value.loadingTime > this.validateForm1.value.unloadingTime) {
+      this.service.msgSrv.warning('装货时间不能大于卸货时间！');
+      return;
+    }
+    if (this.sf7.value.total <= 0) {
+      this.service.msgSrv.warning('总费用不能为0！');
+      return;
+    }
+    const num = (Number(this.validateForm1.value.unloadingTime) - Number(this.validateForm1.value.loadingTime)) / (24 * 60 * 60 * 1000);
+    if (num > this.limitValues.maxDays) {
+      this.service.msgSrv.error(`当前计划装卸货时间间隔已超出限定值【${this.limitValues?.maxDays}天】`);
+      return;
+    }
+    if (
+      this.sf4.value?.weight > this.limitValues?.maxWeight ||
+      this.sf4.value?.volume > this.limitValues?.maxVolume ||
+      this.sf4.value?.number > this.limitValues?.maxPiece
+    ) {
+      this.service.msgSrv.error(
+        `当前货物核载信息已超出限定值【${this.limitValues?.maxWeight}吨、${this.limitValues?.maxVolume}方、${this.limitValues?.maxPiece}件】`
+      );
+      return;
+    }
+
+    const getFreightParms = { carLengthKeys: this.sf4.value.carLength, km: this.totalDistance };
+    this.service.request(this.service.$api_getFreight, getFreightParms).subscribe(res => {
+      if (this.sf7.value.subtotal > res.maxPrice) {
+        this.service.msgSrv.error(`运费过高，请调整录入`);
+        return;
+      } else if (this.sf7.value.subtotal > res.ewPrice) {
+        this.modalService.confirm({
+          nzTitle: '',
+          nzContent: `您的录入的运费过高，可能会影响支付，请仔细确认`,
+          nzOkText: '继续',
+          nzCancelText: '取消',
+          nzOnOk: () => {
+            this.agreementConfirm(submitType);
+          }
+        });
+      } else {
+        this.agreementConfirm(submitType);
+      }
+    });
+  }
+  // 提交前协议弹窗
+  agreementConfirm(submitType?: string) {
+    //装卸货信息
+    const LoadingList = this.startInfo.concat(this.endInfo);
+
+    // 货物信息
+    const sf3Values = { ...this.sf3.value };
+    if (sf3Values.goodsTypeName === '其它') {
+      sf3Values.goodsName = sf3Values.goodsName1;
+      delete sf3Values.goodsName1;
+    }
+    if (this.sf4.value.carModel.includes('999')) {
+      this.sf4.value.carModel = ['999'];
+    }
+    if (this.sf4.value.carLength.includes('999')) {
+      this.sf4.value.carLength = ['999'];
+    }
+    const goodsInfoVOList = [
+      {
+        ...sf3Values,
+        ...this.sf4.value,
+        carModel: this.sf4.value.carModel.join(','),
+        carLength: this.sf4.value.carLength.join(',')
+      }
+    ];
+    // 运费信息
+    const expenseList = [
+      { expenseCode: 'PRE', expenseName: '预付', price: this.sf7.value.prePay || 0, id: this.sf7data?.prePayId || '' ,resourceId: this.sf7data?.PREresourceId || '' },
+      { expenseCode: 'RECE', expenseName: '到付', price: this.sf7.value.toPay || 0, id: this.sf7data?.toPayId || '' ,resourceId: this.sf7data?.RECEresourceId || ''},
+      { expenseCode: 'BACK', expenseName: '回单付', price: this.sf7.value.receiptPay || 0, id: this.sf7data?.receiptPayId || '' ,resourceId: this.sf7data?.BACKresourceId || ''}
+    ];
+    // 从“再下一单”过来，将所有的子参数内的id都删除
+    if (this.PageStatus === '整车下一单') {
+      delete this.sf1.value.resourceCode;
+
+      LoadingList.forEach((ele: any) => {
+        delete ele.id;
+      });
+      goodsInfoVOList.forEach((ele: any) => {
+        delete ele.id;
+      });
+      expenseList.forEach((ele: any) => {
+        delete ele.id;
+      });
+    }
+    const params = {
+      id: '',
+      ...this.sf1.value,
+      unLoadingPlaceDTOList: LoadingList,
+      unloadingTime: format(this.validateForm1.value.unloadingTime, 'yyyy-MM-dd HH:mm:ss'),
+      loadingTime: format(this.validateForm1.value.loadingTime, 'yyyy-MM-dd HH:mm:ss'),
+      goodsInfoDTOList: goodsInfoVOList,
+      ...this.sf5.value,
+      ...this.sf6.value,
+      expenseDTOList: expenseList,
+      paymentDays: this.sf7.value.paymentDays,
+      estimatedKilometers: this.totalDistance,
+      estimatedTravelTime: this.totalTime,
+      subtotal :this.sf7.value.subtotal,
+      total:this.sf7.value.total,
+      insurancePackagedGoods: this.sf4.value.insurancePackagedGoods,
+      goodsValue: this.sf4.value.goodsValue
+    };
+    const modalRef = this.modalService.create({
+      nzTitle: '运输协议',
+      nzContent: TranAgreementComponent,
+      nzWidth: 900,
+      nzFooter: null,
+      nzComponentParams: { object: params, shipperName: this.shipperName, type: 'onecar' }
+    });
+    modalRef.afterClose.subscribe(result => {
+      if (result) {
+        this.submit(submitType, params);
+      }
+    });
+  }
+  // 提交
+  submit(submitType?: string, params?: any): void {
+    if (submitType) {
+      if (submitType == 'assign') {
+        this.chooseFamifiar(params);
+        return;
+      }
+    }
+    if (this.PageStatus === '整车修改') {
+      this.requests(this.service.$api_set_WholeModify, params, 1);
+    } else if (this.PageStatus === '整车下一单') {
+      this.requests(this.service.$api_set_saveAnotherWholeOrder, params, 2);
+    }
+  }
+  // 补0函数
+  addPreZero(num: any) {
+    if (num < 10) {
+      return '0' + num;
+    } else {
+      return num;
+    }
+  }
+  // 下单成功提示弹窗
+  requests(url: any, params: any, change?: any) {
+    this.service.request(url, params).subscribe((res: any) => {
+      if (res) {
+        this.modalService.create({
+          nzTitle: '',
+          nzContent: PublishSuccessComponent,
+          nzWidth: 900,
+          nzFooter: null,
+          nzComponentParams: { type: 'onecar', change: change }
+        });
+      }
+    });
+  }
+  // 打开地图
+  openMap(type: string, index: number) {
+    console.log(type);
+    console.log(index);
+    const modalRef = this.modalService.create({
+      nzTitle: '',
+      nzContent: AmapPoiPickerComponent,
+      nzWidth: 900,
+      nzOnOk: item => {
+        const poi = item.poi;
+        const locList = poi.pois;
+        switch (type) {
+          case 'start':
+            this.startInfo[index].detailedAddress = poi.formattedAddress;
+            this.startInfo[index].longitude = locList[0];
+            this.startInfo[index].latitude = locList[1];
+            this.startInfo[index].province = poi.addressComponent.province;
+            this.startInfo[index].city = poi.addressComponent.city;
+            this.startInfo[index].area = poi.addressComponent.district;
+            this.startInfo[index].address = poi.formattedAddress;
+            break;
+          case 'end':
+            this.endInfo[index].detailedAddress = poi.formattedAddress;
+            this.endInfo[index].longitude = locList[0];
+            this.endInfo[index].latitude = locList[1];
+            this.endInfo[index].province = poi.addressComponent.province;
+            this.endInfo[index].city = poi.addressComponent.city;
+            this.endInfo[index].area = poi.addressComponent.district;
+            this.endInfo[index].address = poi.formattedAddress;
+            break;
+          default:
+            break;
+        }
+
+        if (this.startInfo[0]?.area && this.endInfo[0]?.area) {
+          this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe((res: any) => {
+            this.totalDistance = res.distance;
+            this.totalTime = res.time;
+            this.getInsurersPrice(); // 计算保费金额
+          });
+        }
+      }
+    });
+  }
+  // 返回上一页
+  goBack() {
+    window.history.go(-1);
+  }
+  // 初始化赋值信息
+  initdata() {
+    this.service.request(`${this.service.$api_get_getCompleteVehicleDetail}`, { id: this.id }).subscribe(res => {
+      this.dataR(res);
+    });
+  }
+  // 初始化赋值信息函数
+  dataR(res: any) {
+    if (res?.shipperAppUserName) {
+      this.shipperName = res?.shipperAppUserName;
+      const List: any = [];
+      this.service.request(this.service.$api_enterpriceList, { enterpriseName: res?.shipperAppUserName }).subscribe(rs => {
+        rs?.forEach((element: any) => {
+          List.push({ label: element.enterpriseName, value: element.id });
+        });
+        this.sf1.getProperty('/shipperAppUserId')!.schema.enum = List;
+        this.sf1.getProperty('/shipperAppUserId')!.widget.reset(List);
+        if (res?.shipperAppUserId) {
+          this.sf1.setValue('/shipperAppUserId', res?.shipperAppUserId);
+          this.getRegionCode(res?.shipperAppUserId);
+        }
+      });
+    }
+    if (res?.enterpriseProjectId) {
+      this.enterpriseProjectIds = res.enterpriseProjectId;
+    }
+    this.totalDistance = res?.estimatedKilometers;
+    this.totalTime = res?.estimatedTravelTime;
+    this.sf1data = {
+      resourceCode:res?.resourceCode || '',
+      enterpriseInfoName: res?.enterpriseInfoName,
+      enterpriseInfoId: res?.enterpriseInfoId,
+      dispatchPhone: res?.dispatchPhone,
+      dispatchName: res?.dispatchName,
+      externalResourceCode: res?.externalResourceCode
+    };
+    if (this.PageStatus === '整车修改') {
+      this.sf1data.id = res?.id;
+    }
+    res?.unLoadingPlaceVOList.forEach((element: any) => {
+      if (element.type === 1 || element.type === '1') {
+        const controlId = this.startInfo.length;
+        if (this.PageStatus === '整车修改') {
+          this.startInfo.push({
+            detailedAddress: element.detailedAddress,
+            appUserName: element.appUserName,
+            contractTelephone: element.contractTelephone,
+            latitude: element.latitude,
+            longitude: element.longitude,
+            province: element.province,
+            city: element.city,
+            area: element.area,
+            type: element.type,
+            id: element.id
+          });
+        } else {
+          this.startInfo.push({
+            detailedAddress: element.detailedAddress,
+            appUserName: element.appUserName,
+            contractTelephone: element.contractTelephone,
+            latitude: element.latitude,
+            longitude: element.longitude,
+            province: element.province,
+            city: element.city,
+            area: element.area,
+            type: element.type
+          });
+        }
+
+        this.validateForm1.addControl(`loadAddress${controlId}`, new FormControl(null, Validators.required));
+        this.validateForm1.addControl(`loadName${controlId}`, new FormControl(null, Validators.required));
+        this.validateForm1.addControl(`loadPhone${controlId}`, new FormControl(null, Validators.required));
+      } else if (element.type === 2 || element.type === '2') {
+        const controlId = this.endInfo.length;
+        if (this.PageStatus === '整车修改') {
+          this.endInfo.push({
+            detailedAddress: element?.detailedAddress,
+            appUserName: element?.appUserName,
+            contractTelephone: element?.contractTelephone,
+            latitude: element.latitude,
+            longitude: element.longitude,
+            province: element.province,
+            city: element.city,
+            area: element.area,
+            type: element.type,
+            id: element.id
+          });
+        } else {
+          this.endInfo.push({
+            detailedAddress: element?.detailedAddress,
+            appUserName: element?.appUserName,
+            contractTelephone: element?.contractTelephone,
+            latitude: element.latitude,
+            longitude: element.longitude,
+            province: element.province,
+            city: element.city,
+            area: element.area,
+            type: element.type
+          });
+        }
+        this.validateForm1.addControl(`unloadAddress${controlId}`, new FormControl(null, Validators.required));
+        this.validateForm1.addControl(`unloadName${controlId}`, new FormControl(null, Validators.required));
+        this.validateForm1.addControl(`unloadPhone${controlId}`, new FormControl(null, Validators.required));
+      }
+
+      // 计算里程，时间
+      if (this.startInfo[0]?.detailedAddress && this.endInfo[0]?.detailedAddress) {
+        this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe(res => {
+          this.totalDistance = res.distance;
+          this.totalTime = res.time;
+          this.getInsurersPrice(); //计算保费金额
+        });
+      }
+    });
+
+    this.sf3data = {
+      goodsTypeId: res?.goodsInfoVOList[0]?.goodsTypeId || '',
+      goodsTypeName: res?.goodsInfoVOList[0]?.goodsTypeName || '',
+      goodsNameId: res?.goodsInfoVOList[0]?.goodsNameId || '',
+      goodsName: res?.goodsInfoVOList[0]?.goodsName || ''
+    };
+    if (this.sf3data.goodsTypeName === '其它') {
+      this.sf3data.goodsName1 = res?.goodsInfoVOList[0]?.goodsName || '';
+    }
+    this.changeGoodsType(this.sf3data.goodsTypeId, { label: this.sf3data.goodsTypeName, value: this.sf3data.goodsTypeId });
+
+    if (res?.loadingTime) {
+      this.loadingTime = res?.loadingTime;
+    }
+    if (res?.unloadingTime) {
+      this.unloadingTime = res?.unloadingTime;
+    }
+    this.validateForm1.patchValue(
+      {
+        loadingTime: new Date(Date.parse(res?.loadingTime.replace(/-/g, '/'))),
+        unloadingTime: new Date(Date.parse(res?.unloadingTime.replace(/-/g, '/')))
+      },
+      { onlySelf: true }
+    );
+    this.sf4data = {
+      weight: res?.goodsInfoVOList[0]?.weight || '',
+      volume: res?.goodsInfoVOList[0]?.volume || '',
+      number: res?.goodsInfoVOList[0]?.number || '',
+      carModel: res?.goodsInfoVOList[0]?.carModel?.split(',') || [],
+      carLength: res?.goodsInfoVOList[0]?.carLength?.split(',') || [],
+      goodsValue: res?.goodsValue || '',
+      insurancePackagedGoods: res?.insurancePackagedGoods || ''
+    };
+    if (this.PageStatus === '整车修改') {
+      this.sf4data.id = res?.goodsInfoVOList[0]?.id;
+    }
+    this.totalFees = res?.shippingInformationVO?.totalFee || '0';
+    this.sf5data = {
+      insuranceType: res?.insuranceType || '',
+      insurancePremium: res?.insurancePremium || '',
+      insuranceRate: res?.insuranceRate || ''
+    };
+    this.sf6data = {
+      stateReceipt: res?.stateReceipt,
+      receiptType: res?.receiptType || '',
+      receiptUserName: res?.supplementaryInformationVO?.receiptUserName || '',
+      receiptAddressArea: res?.supplementaryInformationVO?.area || '',
+      receiptUserPhone: res?.supplementaryInformationVO?.phon || '',
+      receiptAddress: res?.supplementaryInformationVO.address || '',
+      remarks: res?.supplementaryInformationVO?.remarks || ''
+    };
+    // this.sf7data = {
+    //   prePay: res?.shippingInformationVO?.prePay,
+    //   toPay: res?.shippingInformationVO?.toPay,
+    //   // oilCardPay: 0,
+    //   receiptPay: res?.shippingInformationVO?.receiptPay,
+    //   total: res?.shippingInformationVO?.totalFee,
+    //   appendFee: res?.shippingInformationVO?.appendFee,
+    //   paymentDays: res?.paymentDays
+    // };
+    this.sf7data = {
+      prePay: res?.expenseVOList?.filter((data: any) => data.expenseCode === 'PRE')[0]?.price || null,
+      toPay: res?.expenseVOList?.filter((data: any) => data.expenseCode === 'RECE')[0]?.price || null,
+      receiptPay: res?.expenseVOList?.filter((data: any) => data.expenseCode === 'BACK')[0]?.price || null,
+      appendFee: res?.expenseVOList?.filter((data: any) => data.expenseCode === 'ATT')[0]?.price || 0,
+      paymentDays: res?.paymentDays || '',
+      prePayId: res?.expenseVOList?.filter((data: any) => data.expenseCode === 'PRE')[0]?.id || '',
+      PREresourceId: res?.expenseVOList?.filter((data: any) => data.expenseCode === 'PRE')[0]?.resourceId || '',
+      RECEresourceId: res?.expenseVOList?.filter((data: any) => data.expenseCode === 'RECE')[0]?.resourceId || '',
+      BACKresourceId: res?.expenseVOList?.filter((data: any) => data.expenseCode === 'BACK')[0]?.resourceId || '',
+      toPayId: res?.expenseVOList?.filter((data: any) => data.expenseCode === 'RECE')[0]?.id || '',
+      receiptPayId: res?.expenseVOList?.filter((data: any) => data.expenseCode === 'BACK')[0]?.id || '',
+      appendFeeId: res?.expenseVOList?.filter((data: any) => data.expenseCode === 'ATT')[0]?.id || ''
+    };
+    this.sf7.setValue('/prePay', this.sf7data.prePay);
+    this.sf7.setValue('/toPay', this.sf7data.toPay);
+    this.sf7.setValue('/receiptPay', this.sf7data.receiptPay);
+    this.payChange();
+  }
+
+  // 选择地址
+  chooseAddress(index: number, type: string) {
+    const modalRef = this.modalService.create({
+      nzTitle: '选择地址',
+      nzContent: PublishAddressListComponent,
+      nzWidth: 900,
+      nzComponentParams: { spuStatus: '1' },
+      nzOnOk: item => {
+        const data = item.seleteData;
+        if (JSON.stringify(data) === '{}') return;
+        switch (type) {
+          case 'start':
+            this.startInfo[index] = {
+              detailedAddress: data.detailedAddress,
+              appUserName: data.contactName,
+              contractTelephone: data.contactTelephone,
+              latitude: data.contactTelephone,
+              longitude: data.latitude,
+              province: data.province,
+              city: data.city,
+              area: data.area,
+              type: '1'
+            };
+            break;
+          case 'end':
+            this.endInfo[index] = {
+              detailedAddress: data.detailedAddress,
+              appUserName: data.contactName,
+              contractTelephone: data.contactTelephone,
+              latitude: data.contactTelephone,
+              longitude: data.latitude,
+              province: data.province,
+              city: data.city,
+              area: data.area,
+              type: '2'
+            };
+            break;
+          default:
+            break;
+        }
+        // 计算里程，时间
+        if (this.startInfo[0]?.detailedAddress && this.endInfo[0]?.detailedAddress) {
+          this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe(res => {
+            this.totalDistance = res.distance;
+            this.totalTime = res.time;
+            this.getInsurersPrice(); //计算保费金额
+          });
+        }
+      }
+    });
+  }
+  // 不可选择的时间
+  disabledDateStart = (current: Date): boolean => {
+    let d = new Date();
+    let year = d.getFullYear();
+    let month = d.getMonth();
+    let date = d.getDate();
+    let hours = d.getHours();
+    let mydate = new Date(year, month, date + this.limitValues.maxDays, hours + 1);
+    return differenceInCalendarDays(new Date(), current) > 0 || new Date(current) > mydate;
+  };
+  // 装卸货地址互换
+  swapAddress() {
+    this.startInfo.forEach((element: any, index: any) => {
+      this.validateForm1.removeControl(`loadAddress${index}`);
+      this.validateForm1.removeControl(`loadName${index}`);
+      this.validateForm1.removeControl(`loadPhone${index}`);
+    });
+    this.endInfo.forEach((element: any, index: any) => {
+      this.validateForm1.removeControl(`unloadAddress${index}`);
+      this.validateForm1.removeControl(`unloadName${index}`);
+      this.validateForm1.removeControl(`unloadPhone${index}`);
+    });
+
+    let item = this.startInfo;
+    this.startInfo = this.endInfo;
+    this.endInfo = item;
+
+    this.startInfo.forEach((element: any, index: any) => {
+      element.type = '1';
+      this.validateForm1.addControl(`loadAddress${index}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`loadName${index}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`loadPhone${index}`, new FormControl(null, [Validators.required, Validators.pattern('^[0-9]*$')]));
+    });
+    this.endInfo.forEach((element: any, index: any) => {
+      element.type = '2';
+      this.validateForm1.addControl(`unloadAddress${index}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`unloadName${index}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`unloadPhone${index}`, new FormControl(null, [Validators.required, Validators.pattern('^[0-9]*$')]));
+    });
+    // 计算里程，时间
+    if (this.startInfo[0]?.detailedAddress && this.endInfo[0]?.detailedAddress) {
+      this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe(res => {
+        this.totalDistance = res.distance;
+        this.totalTime = res.time;
+        this.getInsurersPrice(); //计算保费金额
+      });
+    }
+  }
+  // 计算保价费金额
+  getInsurersPrice(insuranceType = this.sf5.value.insuranceType) {
+    console.log(this.totalDistance);
+    if (insuranceType !== '3' &&  this.totalDistance > 0) {
+      const params = {
+        insuranceType,
+        goodsValue: this.sf4.value.goodsValue,
+        km: this.totalDistance
+      };
+      this.service.request(this.service.$api_getWholeInsuranceInfo, params).subscribe(res => {
+        if (res) {
+          this.sf5.setValue('/insurancePremium', res.insurancePremium);
+          this.sf5.setValue('/insuranceRate', res.insuranceRate);
+        } else {
+          this.sf5.setValue('/insurancePremium', null);
+          this.sf5.setValue('/insuranceRate', null);
+        }
+      });
+    }
+  }
+    // 运费信息价格变更
+    priceChange(event:any, i:any){
+      i.setValue(event);
+      if(event>=99999){
+        this.modalService.warning({
+          nzTitle: '可输入的最大金额为99999元',
+        });
+      }
+      this.payChange()
+    }
+}
diff --git a/src/app/routes/supply-management/components/onecar-publish/publish-success/publish-success.component.html b/src/app/routes/supply-management/components/onecar-publish/publish-success/publish-success.component.html
new file mode 100644
index 00000000..96ce805b
--- /dev/null
+++ b/src/app/routes/supply-management/components/onecar-publish/publish-success/publish-success.component.html
@@ -0,0 +1,19 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-14 20:39:34
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:28:17
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\onecar-publish\\publish-success\\publish-success.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<div style="margin-top: 64px">
+  <nz-result nzStatus="success" [nzTitle]="title">
+    <div nz-result-extra>
+      <button nz-button nzSize="large" [nzType]="'primary'" (click)="continue()"> 继续下单</button>
+      <button nz-button nzSize="large" (click)="view()"> 查看货源</button>
+    </div>
+  </nz-result>
+</div>
diff --git a/src/app/routes/passport/register/register.component.less b/src/app/routes/supply-management/components/onecar-publish/publish-success/publish-success.component.less
similarity index 56%
rename from src/app/routes/passport/register/register.component.less
rename to src/app/routes/supply-management/components/onecar-publish/publish-success/publish-success.component.less
index 6836413b..a33ce26d 100644
--- a/src/app/routes/passport/register/register.component.less
+++ b/src/app/routes/supply-management/components/onecar-publish/publish-success/publish-success.component.less
@@ -1,8 +1,6 @@
 @import '~@delon/theme/index';
 :host {
-  display: block;
-  width: 368px;
-  margin: 0 auto;
+
   ::ng-deep {
     h3 {
       margin-bottom: 20px;
@@ -40,3 +38,51 @@
     }
   }
 }
+
+.form-box{
+  display: block;
+  width: 368px;
+  margin: 0 auto;
+}
+
+.content {
+  background-color: #f0f3f7;
+}
+.main {
+  max-width: 1200px;
+  margin: 0 auto;
+}
+.header {
+  background: #fff;
+}
+.layout {
+  min-height: 100vh;
+}
+
+.logo {
+  display: flex;
+  margin: 16px 0;
+  line-height: 32px;
+  dt {
+    width: 95px;
+    height: 32px;
+    img {
+      vertical-align: top;
+    }
+  }
+  dd {
+    flex: 1;
+    margin-bottom: 0;
+    padding: 0 10px;
+    color: #1890ff;
+    font-weight: 500;
+    font-size: 24px;
+  }
+}
+.footer {
+  text-align: center;
+  background-color: #f0f3f7;
+}
+
+
+
diff --git a/src/app/routes/supply-management/components/onecar-publish/publish-success/publish-success.component.ts b/src/app/routes/supply-management/components/onecar-publish/publish-success/publish-success.component.ts
new file mode 100644
index 00000000..e04e3858
--- /dev/null
+++ b/src/app/routes/supply-management/components/onecar-publish/publish-success/publish-success.component.ts
@@ -0,0 +1,44 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-14 20:39:34
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:28:26
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\onecar-publish\\publish-success\\publish-success.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { Component } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { NzMessageService } from 'ng-zorro-antd/message';
+
+@Component({
+  selector: 'publish-goods-publish-success',
+  templateUrl: './publish-success.component.html',
+  styleUrls: ['./publish-success.component.less']
+})
+export class PublishSuccessComponent {
+  type = 'onecar';
+  title = '下单成功！';
+  change: any = 0;
+  resourceObj: any = null;
+  constructor(private route: ActivatedRoute, private router: Router, public msg: NzMessageService) {
+    this.type = route.snapshot.queryParams.type || 'onecar';
+  }
+  ngOnInit() {
+    console.log(this.change);
+    if (this.change == 1) {
+      this.title = '保存成功！';
+    } else if (this.change == 2) {
+      this.title = '下单成功！';
+    }
+  }
+  continue() {
+    window.location.reload();
+  }
+
+  view() {
+    this.router.navigate(['/supply-management/index'], { queryParams: { type: this.type } });
+  }
+}
diff --git a/src/app/routes/supply-management/components/qrcode-page/qrcode-page.component.html b/src/app/routes/supply-management/components/qrcode-page/qrcode-page.component.html
new file mode 100644
index 00000000..449b496a
--- /dev/null
+++ b/src/app/routes/supply-management/components/qrcode-page/qrcode-page.component.html
@@ -0,0 +1,18 @@
+<nz-spin *ngIf="!i" class="modal-spin"></nz-spin>
+<div>
+  <nz-alert nzType="warning" nzMessage="二维码用于司机扫码抢单" nzShowIcon></nz-alert>
+  <div style="width: 80%;margin: 0 auto;" id="qr_page">
+    <div style="text-align: center;">
+
+      <h2> {{i?.shipperAppUserName}}</h2>
+      <qr [value]="qrCodeValue" #qr></qr>
+      <div class="mb-sm" *ngFor="let address of i?.loadingAddressArr">卸货地 : {{address}}</div>
+      <div class="mb-sm" *ngFor="let address of i?.unloadingAddressArr">装货地 : {{address}}</div>
+      <div class="mb-sm">截止时间 : {{i?.deadlineTime}}</div>
+    </div>
+
+  </div>
+  <div class="modal-footer text-center">
+    <button nz-button type="submit" nzType="primary" (click)="toCanvasPhoto()">下载二维码</button>
+  </div>
+</div>
diff --git a/src/app/routes/supply-management/components/qrcode-page/qrcode-page.component.spec.ts b/src/app/routes/supply-management/components/qrcode-page/qrcode-page.component.spec.ts
new file mode 100644
index 00000000..fc268d02
--- /dev/null
+++ b/src/app/routes/supply-management/components/qrcode-page/qrcode-page.component.spec.ts
@@ -0,0 +1,34 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-03 11:10:14
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-28 20:00:20
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\qrcode-page\\qrcode-page.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SupplyManagementQrcodePageComponent } from './qrcode-page.component';
+
+describe('SupplyManagementQrcodePageComponent', () => {
+  let component: SupplyManagementQrcodePageComponent;
+  let fixture: ComponentFixture<SupplyManagementQrcodePageComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SupplyManagementQrcodePageComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SupplyManagementQrcodePageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/supply-management/components/qrcode-page/qrcode-page.component.ts b/src/app/routes/supply-management/components/qrcode-page/qrcode-page.component.ts
new file mode 100644
index 00000000..f1681253
--- /dev/null
+++ b/src/app/routes/supply-management/components/qrcode-page/qrcode-page.component.ts
@@ -0,0 +1,103 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-03 11:10:14
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-01 14:19:47
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\qrcode-page\\qrcode-page.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { QRComponent } from '@delon/abc/qr';
+import { SFSchema, SFUISchema } from '@delon/form';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import html2canvas from 'html2canvas';
+
+@Component({
+  selector: 'app-supply-management-qrcode-page',
+  templateUrl: './qrcode-page.component.html'
+})
+export class SupplyManagementQrcodePageComponent implements OnInit {
+  @ViewChild('qr') qr!: QRComponent;
+  record: any = {};
+  i: any;
+  schema: SFSchema = {};
+  qrCodeValue = '';
+  ui: SFUISchema = {
+    '*': {
+      spanLabelFixed: 100,
+      grid: { span: 12 },
+    },
+    $no: {
+      widget: 'text'
+    },
+    $href: {
+      widget: 'string',
+    },
+    $description: {
+      widget: 'textarea',
+      grid: { span: 24 },
+    },
+  };
+
+  constructor(
+    private modal: NzModalRef,
+  ) { }
+
+  ngOnInit(): void {
+    this.qrCodeValue = `rid:${this.i?.id}`;
+  }
+
+
+  /**
+   * 下载二维码
+   * @param downloadName 文件名
+   * @param contents 内容
+   */
+  downLoadQrcode(downloadName: any, contents: any): void {
+    let aLink = document.createElement('a');
+    const content = contents;
+    let blob = this.base64ToBlob(content); //new Blob([content]);
+    let evt = document.createEvent("HTMLEvents");
+    evt.initEvent("click", true, true);//initEvent 不加后两个参数在IE下会报错  事件类型，是否冒泡，是否阻止浏览器的默认行为
+    aLink.download = downloadName;
+    aLink.href = URL.createObjectURL(blob);
+    // aLink.dispatchEvent(evt);
+    aLink.click();
+
+
+  }
+
+  //base64转blob
+  base64ToBlob(code: any) {
+    let parts = code.split(';base64,');
+    let contentType = parts[0].split(':')[1];
+    let raw = window.atob(parts[1]);
+    let rawLength = raw.length;
+    let uInt8Array = new Uint8Array(rawLength);
+    for (let i = 0; i < rawLength; ++i) {
+      uInt8Array[i] = raw.charCodeAt(i);
+    }
+    return new Blob([uInt8Array], { type: contentType });
+  }
+
+  close(): void {
+    this.modal.destroy();
+  }
+
+  /**
+   * 把页面装成canvas
+   */
+  toCanvasPhoto() {
+    let aLink = document.createElement('a');
+    html2canvas(document.getElementById('qr_page')!, { height: 340 }).then((canvas:any) => {
+      let url = canvas.toDataURL("image/jpeg");
+      this.downLoadQrcode('二维码', url);
+
+    })
+  }
+
+
+}
diff --git a/src/app/routes/supply-management/components/release-publish/release-publish.component.html b/src/app/routes/supply-management/components/release-publish/release-publish.component.html
new file mode 100644
index 00000000..b3be726e
--- /dev/null
+++ b/src/app/routes/supply-management/components/release-publish/release-publish.component.html
@@ -0,0 +1,299 @@
+<page-header-wrapper [title]="'整车代发货源'" [logo]="logo">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+<nz-card>
+  <div class="card-title">货源单设置</div>
+      <sf #sf1 [schema]="schema1" [button]="'none'" [ui]="ui1" [formData]="sf1data">
+        <ng-template sf-template="enterpriseInfoName" let-i let-ui="ui"> {{ i.value }} </ng-template>
+      </sf>
+</nz-card>
+
+<nz-card>
+  <div class="card-title"
+    >装卸货信息<span class="tip-font">预计公里数：{{ totalDistance }}km，预计行程耗时：{{ totalTime }}小时</span></div
+  >
+
+  <form nz-form [formGroup]="validateForm1" role="form">
+    <div nz-row [nzGutter]="24">
+      <div nz-col [nzSpan]="10">
+        <div *ngFor="let data1 of startInfo; let idx = index">
+          <nz-form-item>
+            <nz-form-label nzRequired>装货地</nz-form-label>
+            <nz-form-control [nzErrorTip]="'请输入装货地'">
+              <div class="align-center">
+                <nz-input-group [nzSuffix]="endInconTemp1">
+                  <input
+                    nz-input
+                    [(ngModel)]="data1.detailedAddress"
+                    (click)="openMap('start', idx)"
+                    formControlName="loadAddress{{ idx }}"
+                    placeholder="请输入装货地"
+                    readonly="true"
+                  />
+                </nz-input-group>
+                <span *ngIf="idx !== 0" style="padding: 0 10px"
+                  ><i nz-icon nzType="minus-circle" nzTheme="outline" style="color: #d9001b" (click)="subStartInfo($event, idx)"></i
+                ></span>
+                <span *ngIf="idx == 0" style="visibility:hidden;padding: 0 10px"
+                ><i nz-icon nzType="minus-circle" nzTheme="outline" style="color: #d9001b" (click)="subStartInfo($event, idx)"></i
+              ></span>
+              </div>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label  nzRequired>联系人</nz-form-label>
+            <div style="display: flex; width: 80.7%">
+              <nz-form-control [nzErrorTip]="'请输入联系人姓名'">
+                <input
+                  nz-input
+                  [(ngModel)]="data1.appUserName"
+                  formControlName="loadName{{ idx }}"
+                  name="loadName{{ idx }}"
+                  maxlength="30"
+                  placeholder="请输入联系人姓名"
+                />
+              </nz-form-control>
+              <nz-form-control [nzErrorTip]="'请输入联系人电话'">
+                <input
+                  style="margin-left: 12px"
+                  nz-input
+                  [(ngModel)]="data1.contractTelephone"
+                  maxlength="11"
+                  formControlName="loadPhone{{ idx }}"
+                  name="loadPhone{{ idx }}"
+                  placeholder="请输入联系人电话"
+                />
+              </nz-form-control>
+            </div>
+          </nz-form-item>
+        </div>
+        <div nz-row>
+          <div nz-col [nzSpan]="4"></div>
+          <div style="display: flex; justify-content: center">
+            <button nz-button nzType="primary" (click)="addStartInfo()">
+              <i nz-icon nzType="plus"></i>
+              添加装货地
+            </button>
+          </div>
+        </div>
+      </div>
+      <div nz-col [nzSpan]="4">
+        <div style="display: flex; justify-content: center">
+          <span class="swap-icon" (click)="swapAddress()"><i nz-icon nzType="swap"
+              nzTheme="outline"></i></span>
+        </div>
+      </div>
+      <div nz-col [nzSpan]="10">
+        <div *ngFor="let data2 of endInfo; let idx = index">
+          <nz-form-item>
+            <nz-form-label  nzRequired>卸货地</nz-form-label>
+            <nz-form-control [nzErrorTip]="'请输入卸货地'">
+              <div class="align-center">
+                <nz-input-group [nzSuffix]="endInconTemp1">
+                  <input
+                    nz-input
+                    [(ngModel)]="data2.detailedAddress"
+                    (click)="openMap('end', idx)"
+                    formControlName="unloadAddress{{ idx }}"
+                    placeholder="请输入卸货地"
+                    name="unloadAddress{{ idx }}"
+                    readonly="true"
+                  />
+                </nz-input-group>
+                <span *ngIf="idx !== 0" style="padding: 0 10px"
+                  ><i nz-icon nzType="minus-circle" nzTheme="outline" style="color: #d9001b" (click)="subEndInfo($event, idx)"></i
+                ></span>
+                <span *ngIf="idx == 0" style="visibility:hidden;padding: 0 10px"
+                ><i nz-icon nzType="minus-circle" nzTheme="outline" style="color: #d9001b" (click)="subStartInfo($event, idx)"></i
+              ></span>
+              </div>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label  nzRequired>联系人</nz-form-label>
+            <div style="display: flex; width: 80.7%">
+              <nz-form-control [nzErrorTip]="'请输入联系人姓名'">
+                <input
+                  nz-input
+                  [(ngModel)]="data2.appUserName"
+                  maxlength="30"
+                  formControlName="unloadName{{ idx }}"
+                  name="unloadAddress{{ idx }}"
+                  placeholder="请输入联系人姓名"
+                />
+              </nz-form-control>
+              <nz-form-control [nzErrorTip]="'请输入联系人电话'">
+                <input
+                  style="margin-left: 12px"
+                  nz-input
+                  [(ngModel)]="data2.contractTelephone"
+                  formControlName="unloadPhone{{ idx }}"
+                  name="unloadAddress{{ idx }}"
+                  maxlength="11"
+                  placeholder="请输入联系人电话"
+                />
+              </nz-form-control>
+            </div>
+          </nz-form-item>
+        </div>
+        <div nz-row>
+          <div nz-col [nzSpan]="4"></div>
+          <div style="display: flex; justify-content: center">
+            <button nz-button nzType="primary" (click)="addEndInfo()">
+              <i nz-icon nzType="plus"></i>
+              添加卸货地
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div nz-row [nzGutter]="24" style="margin-top: 24px">
+      <div nz-col [nzSpan]="10">
+        <nz-form-item>
+          <nz-form-label nzRequired>装货时间</nz-form-label>
+          <nz-form-control [nzErrorTip]="'请输入装货时间'">
+            <nz-date-picker
+                [nzShowTime]="{ nzFormat: 'HH' }"
+                nzFormat="yyyy-MM-dd HH:00前"
+                formControlName="loadingTime"
+                [nzDisabledDate]="disabledDateStart"
+              ></nz-date-picker>
+          </nz-form-control>
+        </nz-form-item>
+      </div>
+      <div nz-col [nzSpan]="4"></div>
+      <div nz-col [nzSpan]="10">
+        <nz-form-item>
+          <nz-form-label  nzRequired>卸货时间</nz-form-label>
+          <nz-form-control [nzErrorTip]="'请输入卸货时间'">
+            <nz-date-picker [nzShowTime]="{ nzFormat: 'HH' }"
+              nzFormat="yyyy-MM-dd HH:00前" formControlName="unloadingTime"></nz-date-picker>
+          </nz-form-control>
+        </nz-form-item>
+      </div>
+    </div>
+    <ng-template #endInconTemp1><i nz-icon nzType="environment" nzTheme="outline"></i></ng-template>
+  </form>
+</nz-card>
+
+<nz-card>
+  <div class="card-title">货物信息</div>
+  <div nz-row>
+    <div nz-col nzSpan="16">
+      <sf #sf3 [schema]="schema3" [button]="'none'" [ui]="ui3" [formData]="sf3data"></sf>
+    </div>
+  </div>
+  <sf #sf4 [schema]="schema4" [button]="'none'" [ui]="ui4" [formData]="sf4data">
+    <ng-template sf-template="weight" let-i let-ui="ui">
+      <nz-input-group [nzAddOnAfter]="'吨'">
+        <nz-input-number [nzMax]="99999" [nzMin] ="0" nzPlaceHolder="总重量，必填" type="number" [ngModel]="i.value"
+        (ngModelChange)="i.setValue($event)" [nzPrecision]="2" style="width: 100%;"></nz-input-number>
+      </nz-input-group>
+    </ng-template>
+    <ng-template sf-template="volume" let-i let-ui="ui">
+      <nz-input-group [nzAddOnAfter]="'方'">
+          <nz-input-number [nzMax]="99999" [nzMin] ="0" nzPlaceHolder="体积" type="number" [ngModel]="i.value"
+        (ngModelChange)="i.setValue($event)" [nzPrecision]="2" style="width: 100%;"></nz-input-number>
+      </nz-input-group>
+    </ng-template>
+    <ng-template sf-template="number" let-i let-ui="ui">
+      <nz-input-group [nzAddOnAfter]="'件'">
+          <nz-input-number [nzMax]="99999" [nzMin] ="0" nzPlaceHolder="件数" type="number" [ngModel]="i.value"
+          (ngModelChange)="i.setValue($event)" [nzPrecision]="2" style="width: 100%;"></nz-input-number>  
+      </nz-input-group>
+    </ng-template>
+    <ng-template sf-template="goodsValue" let-i let-ui="ui">
+      <div class="align-center">
+        <nz-input-number [ngModel]="i.value" [nzMin] = "0" [nzMax]="2000000" [nzStep]="0.01"
+          (ngModelChange)="i.setValue($event);getInsurersPrice()" nzPlaceHolder="请输入0-2000000之间数值">
+        </nz-input-number>
+      </div>
+    </ng-template>
+  </sf>
+</nz-card>
+
+<nz-card>
+  <div class="card-title">服务信息</div>
+  <div nz-row>
+    <div nz-col nzSpan="16">
+      <sf #sf5 [schema]="schema5" [button]="'none'" [ui]="ui5" [formData]="sf5data">
+        <ng-template sf-template="type1" let-i let-ui="ui">
+          <label nz-checkbox [ngModel]="true" nzDisabled></label> &nbsp;货源曝光率 <span class="fc">+10</span>&nbsp;&nbsp;
+          <label nz-checkbox [ngModel]="true" nzDisabled></label>&nbsp;车源匹配率 <span class="fc">+10</span>
+        </ng-template>
+        <ng-template sf-template="type2" let-i let-ui="ui">
+          <label nz-checkbox [ngModel]="true" nzDisabled></label> &nbsp;货源曝光率 <span class="fc">+20</span>&nbsp;&nbsp;
+          <label nz-checkbox [ngModel]="true" nzDisabled></label>&nbsp;车源匹配率 <span class="fc">+20</span>
+        </ng-template>
+        <ng-template sf-template="freeInsurance1" let-i let-ui="ui">
+          <nz-alert nzType="warning" [nzMessage]="template1" nzShowIcon></nz-alert>
+        </ng-template>
+        <ng-template sf-template="freeInsurance2" let-i let-ui="ui">
+          <nz-alert nzType="warning" [nzMessage]="template1" nzShowIcon></nz-alert>
+        </ng-template>
+        <ng-template #template1>①香港、澳门、台湾、西藏、新疆不予承保，②单次运输保额仅限200万元以内，③保险详细内容及注意事项请见<a target="_blank" [queryParams]="{ type: 10 }"
+            [routerLink]="['/agreement']">《保险告知函》</a></ng-template>
+      </sf>
+    </div>
+  </div>
+</nz-card>
+<nz-card>
+  <div class="card-title">补充信息</div>
+  <div nz-row>
+    <div nz-col nzSpan="12">
+      <sf #sf6 [schema]="schema6" [button]="'none'" [ui]="ui6" [formData]="sf6data">
+      </sf>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card>
+  <div class="card-title">运费信息</div>
+  <div nz-row>
+    <div nz-col nzSpan="8">
+      <sf #sf7 [schema]="schema7" [button]="'none'" [ui]="ui7" [formData]="sf7data">
+        <ng-template sf-template="prePay" let-i let-ui="ui">
+          <nz-input-number [ngModel]="i.value" [nzMin]="0" [nzMax]="99999" [nzStep]="0.01" [nzPrecision]="2" nzPlaceHolder="请输入0-99999"
+            (ngModelChange)="priceChange($event,i)" [nzFormatter]="formatterRmb" [nzParser]="parserRmb">
+          </nz-input-number>
+        </ng-template>
+        <ng-template sf-template="toPay" let-i let-ui="ui">
+          <nz-input-number [ngModel]="i.value" [nzMin]="0" [nzMax]="99999" [nzStep]="0.01" [nzPrecision]="2" nzPlaceHolder="请输入0-99999"
+            (ngModelChange)="priceChange($event,i)" [nzFormatter]="formatterRmb" [nzParser]="parserRmb">
+          </nz-input-number>
+        </ng-template>
+        <ng-template sf-template="receiptPay" let-i let-ui="ui">
+          <nz-input-number [ngModel]="i.value" [nzMin]="0" [nzMax]="99999" [nzStep]="0.01" [nzPrecision]="2" nzPlaceHolder="请输入0-99999"
+            (ngModelChange)="priceChange($event,i)" [nzFormatter]="formatterRmb" [nzParser]="parserRmb">
+          </nz-input-number>
+        </ng-template>
+        <ng-template sf-template="subtotal" let-i let-ui="ui">{{ i.value | currency }}</ng-template>
+        <ng-template sf-template="appendFee" let-i let-ui="ui">{{ i.value | currency }}（费率：{{ currentRate | number:
+          '0.2-4' }}%）</ng-template>
+        <ng-template sf-template="total" let-i let-ui="ui">{{ i.value | currency }}</ng-template>
+        <ng-template sf-template="paymentDays" let-i let-ui="ui">
+          <div nz-row class="align-center">
+              <div nz-col nzSpan="16">
+                <nz-input-number [ngModel]="i.value" [nzMin]="1" [nzMax]="30" [nzStep]="1"
+                  (ngModelChange)="i.setValue($event)" nzPlaceHolder="请输入1-30" [nzPrecision]="0"
+                  [nzPrecisionMode]="'cut'"></nz-input-number>
+              </div>
+              <div nz-col nzSpan="8">
+                <span>&nbsp;天内支付运费</span>
+              </div>
+          </div>
+        </ng-template>
+      </sf>
+    </div>
+  </div>
+</nz-card>
+<nz-card>
+  <div class="align-center">
+    <button nz-button nzType="primary" (click)="submitConfirm('assign')"  acl  [acl-ability]="['SUPPLY-VEHICLE-RELEASE-bulkDesignate']">指派熟车</button>
+    <button nz-button nzType="primary" style="margin-left: 48px" (click)="submitConfirm('publish')" *ngIf="type === 'add'"  acl  [acl-ability]="['SUPPLY-VEHICLE-RELEASE-bulkDriverOrder']">司机抢单</button>
+  </div>
+</nz-card>
diff --git a/src/app/routes/supply-management/components/release-publish/release-publish.component.less b/src/app/routes/supply-management/components/release-publish/release-publish.component.less
new file mode 100644
index 00000000..f6d4bb4f
--- /dev/null
+++ b/src/app/routes/supply-management/components/release-publish/release-publish.component.less
@@ -0,0 +1,52 @@
+:host {
+  ::ng-deep {
+    nz-input-number {
+      width: 100%;
+    }
+    nz-date-picker {
+      width: 94.3%;
+    }
+  }
+  i {
+    cursor: pointer;
+  }
+}
+
+.tip-font {
+  margin-left: 16px;
+  font-weight: 500;
+  font-size: 12px;
+}
+
+.card-title {
+  margin-bottom: 24px;
+  font-weight: bold;
+  font-size: 16px;
+}
+
+.align-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.swap-icon {
+  padding: 24px;
+  color: #7d7d7d;
+  font-size: 30px;
+  :hover{color: #52acff;}
+}
+
+#container {
+  width: 300px;
+  height: 180px;
+}
+
+input[type='number'] {
+  -moz-appearance: textfield;
+}
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+  margin: 0;
+  -webkit-appearance: none;
+}
diff --git a/src/app/routes/supply-management/components/release-publish/release-publish.component.ts b/src/app/routes/supply-management/components/release-publish/release-publish.component.ts
new file mode 100644
index 00000000..0f607efa
--- /dev/null
+++ b/src/app/routes/supply-management/components/release-publish/release-publish.component.ts
@@ -0,0 +1,1217 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
+import { cacheConf } from '@conf/cache.conf';
+import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
+import {
+  SFCheckboxWidgetSchema,
+  SFComponent,
+  SFNumberWidgetSchema,
+  SFSchema,
+  SFSchemaEnum,
+  SFSelectWidgetSchema,
+  SFTextareaWidgetSchema,
+  SFUISchema
+} from '@delon/form';
+import { SettingsService, _HttpClient } from '@delon/theme';
+import { EACacheService, ShipperBaseService } from '@shared';
+import format from 'date-fns/format';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { AmapPoiPickerComponent, AmapService } from 'src/app/shared/components/amap';
+import { SupplyManagementService } from '../../services/supply-management.service';
+import { SupplyManagementVehicleAssignedCarComponent } from '../assigned-car/assigned-car.component';
+import { PublishAddressListComponent } from '../onecar-publish/address-list/address-list.component';
+import { PublishSuccessComponent } from '../onecar-publish/publish-success/publish-success.component';
+import { TranAgreementComponent } from '../tran-agreement/tran-agreement.component';
+
+@Component({
+  selector: 'app-publish-goods-onecar-publish',
+  templateUrl: './release-publish.component.html',
+  styleUrls: ['./release-publish.component.less']
+})
+export class SupplyManagementReleasePublishComponent implements OnInit {
+  // 环境信息 appId、tenantId
+  envInfo = this.eaCacheSrv.get(cacheConf.env);
+  validateForm1: FormGroup;
+  sf1data: any; // 货源单设置回显
+  sf3data: any; // 货源单设置回显
+  sf4data: any; // 货源单设置回显
+  sf5data: any; // 货源单设置回显
+  sf55data: any; // 货源单设置回显
+  sf6data: any; // 货源单设置回显
+  sf7data: any; // 货源单设置回显
+  id = '';
+  envCache: any;
+  type = 'add';
+  // // 单位
+  startInfo: any[] = [];
+  endInfo: any[] = [];
+  totalDistance = 0.0; //总里程
+  totalTime = 0.0; //路程总时间
+  currentRate = 0; //实时计算的费率
+  shipperName = '';
+  constructor(
+    private http: _HttpClient,
+    fb: FormBuilder,
+    private modalService: NzModalService,
+    private settingSrv: SettingsService,
+    public service: SupplyManagementService,
+    private router: Router,
+    private route: ActivatedRoute,
+    private eaCacheSrv: EACacheService,
+    private amapService: AmapService,
+    public shipperSrv: ShipperBaseService
+  ) {
+    this.validateForm1 = fb.group({
+      loadAddress0: [null, [Validators.required]],
+      loadName0: [null, [Validators.required]],
+      loadPhone0: [null, [Validators.required, Validators.pattern('^[0-9]*$')]],
+      unloadAddress0: [null, [Validators.required]],
+      unloadName0: [null, [Validators.required]],
+      unloadPhone0: [null, [Validators.required, Validators.pattern('^[0-9]*$')]],
+      loadingTime: [null, []],
+      unloadingTime: [null, []]
+    });
+  }
+
+  @ViewChild('sf1', { static: false }) sf1!: SFComponent;
+  schema1: SFSchema = {};
+  ui1!: SFUISchema;
+
+  @ViewChild('sf3', { static: false }) sf3!: SFComponent;
+  schema3: SFSchema = {};
+  ui3!: SFUISchema;
+
+  @ViewChild('sf4', { static: false }) sf4!: SFComponent;
+  schema4: SFSchema = {};
+  ui4!: SFUISchema;
+
+  @ViewChild('sf5', { static: false }) sf5!: SFComponent;
+  schema5: SFSchema = {};
+  ui5!: SFUISchema;
+
+  @ViewChild('sf55', { static: false }) sf55!: SFComponent;
+  schema55: SFSchema = {};
+  ui55!: SFUISchema;
+
+  @ViewChild('sf6', { static: false }) sf6!: SFComponent;
+  schema6: SFSchema = {};
+  ui6!: SFUISchema;
+
+  @ViewChild('sf7', { static: false }) sf7!: SFComponent;
+  schema7: SFSchema = {};
+  ui7!: SFUISchema;
+  limitValues = {
+    maxWeight: 99999,
+    maxVolume: 99999,
+    maxPiece: 99999,
+    maxDays: 999,
+    intervalDays: 999,
+    maxTimes: 5
+  };
+
+  formatterRmb = (value: number): string => {
+    if (value === null || value === undefined) {
+      return '';
+    } else {
+      let value2 = Number(value).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+      return `￥${value2}`;
+    }
+  };
+  parserRmb = (value: string): string => value.replace('￥', '').replace(',', '');
+  // 页面初始化
+  ngOnInit(): void {
+    this.initSF1();
+    this.initSF3();
+    this.initSF4();
+    this.initSF5();
+    this.initSF6();
+    this.initSF7();
+    this.addStartInfo();
+    this.addEndInfo();
+    this.getLimitvalue();
+  }
+  initSF1() {
+    this.schema1 = {
+      properties: {
+        shipperAppUserId: {
+          title: '货主',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            widget: 'select',
+            allowClear: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            onSearch: (q: any) => {
+              console.log(q === ' ');
+              let str = q?.replace(/^\s+|\s+$/g, '');
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map(res => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+            change: (q: any, qs: any) => {
+              let str = q?.replace(/^\s+|\s+$/g, '');
+              if (str) {
+                this.getRegionCode(str);
+                this.shipperName = qs?.label;
+                this.payChange();
+              }
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseProjectId: {
+          type: 'string',
+          title: '项目',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true
+          } as SFSelectWidgetSchema
+        },
+        enterpriseInfoName: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.shipperSrv.getNetworkFreightForwarder(),
+            change: () => this.payChange()
+          }
+        },
+        externalResourceCode: {
+          type: 'string',
+          title: '外部货源号',
+          maxLength: 30,
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        dispatchName: {
+          type: 'string',
+          title: '调度员姓名',
+          maxLength: 30,
+          ui: {
+            optionalHelp: '选若未填写，司机直接联系您',
+            placeholder: '请输入'
+          }
+        },
+        dispatchPhone: {
+          type: 'string',
+          title: '调度员手机号',
+          maxLength: 30,
+          ui: {
+            placeholder: '请输入'
+          }
+        }
+      },
+      required: ['shipperAppUserId', 'enterpriseProjectId', 'enterpriseInfoName']
+    };
+    this.ui1 = {
+      '*': {
+        spanLabelFixed: 115,
+        grid: { span: 12 }
+      },
+      $enterpriseInfoName: {
+        grid: { span: 12 }
+      },
+      $shipperAppUserId: {
+        grid: { span: 12 }
+      },
+      $enterpriseProjectId: {
+        grid: { span: 12 }
+      },
+      $dispatchId: {
+        grid: { span: 12 }
+      }
+    };
+  }
+  initSF3() {
+    this.schema3 = {
+      properties: {
+        goodsTypeId: {
+          type: 'string',
+          title: '货物名称',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            errors: { required: '请选择货物名称' },
+            asyncData: () =>
+              this.shipperSrv.loadConfigByKey('goods.name.config.type').pipe(
+                map((data: any) => {
+                  return data[0].children?.map((m: any) => {
+                    return { label: m.name, value: m.id };
+                  });
+                })
+              ),
+            change: (value, data: any) => {
+              this.changeGoodsType(value, data);
+              this.sf3.setValue('/goodsTypeName', data.label);
+            }
+          } as SFSelectWidgetSchema
+        },
+        goodsTypeName: {
+          type: 'string',
+          title: '',
+          ui: {
+            hidden: true
+          }
+        },
+        goodsNameId: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            errors: { required: '请填写货物名称' },
+            change: (value: any, data: any) => {
+              this.sf3.setValue('/goodsName', data.label);
+            },
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value !== '其它'
+            }
+          }
+        },
+        goodsName: {
+          type: 'string',
+          title: '',
+          ui: {
+            hidden: true,
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value !== '其它'
+            }
+          }
+        },
+        goodsName1: {
+          type: 'string',
+          title: '',
+          maxLength: 20,
+          ui: {
+            errors: { required: '请填写货物名称' },
+            visibleIf: {
+              goodsTypeName: (value: any) => value && value === '其它'
+            }
+          }
+        }
+      },
+      required: ['goodsTypeId', 'goodsName', 'goodsNameId', 'goodsName1']
+    };
+    this.ui3 = {
+      '*': {
+        spanLabelFixed: 115,
+        grid: { span: 12 }
+      }
+    };
+  }
+  initSF4() {
+    this.schema4 = {
+      properties: {
+        weight: {
+          type: 'string',
+          title: '货物数量',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入',
+            errors: { required: '必填项' },
+            validator: val => this.customValidator(val)
+          }
+        },
+        volume: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        number: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入'
+          }
+        },
+        carModel: {
+          type: 'string',
+          title: '车型/车长',
+          ui: {
+            widget: 'select',
+            mode: 'multiple',
+            maxMultipleCount: 3,
+            placeholder: '请选择车型',
+            errors: { required: '请选择车型' },
+            asyncData: () => this.service.getDictOptions({ dictKey: 'car:model' }),
+            change: (tag: any, org: any) => {
+              if (tag.includes('999')) {
+                this.sf4.setValue('/carModel', ['999']);
+              }
+            }
+          }
+        },
+        carLength: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'select',
+            mode: 'multiple',
+            maxMultipleCount: 3,
+            placeholder: '请选择车长',
+            errors: { required: '请选择车长' },
+            asyncData: () => this.service.getDictOptions({ dictKey: 'car:length' }),
+            change: (tag: any, org: any) => {
+              if (tag.includes('999')) {
+                this.sf4.setValue('/carLength', ['999']);
+              }
+            }
+          }
+        },
+        hidenField: {
+          type: 'string',
+          title: '',
+          default: ' ',
+          ui: {
+            widget: 'text'
+          }
+        },
+        insurancePackagedGoods: {
+          type: 'string',
+          title: '货物包装',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'insure:packaged:goods' },
+            containsAllLabel: false,
+            validator: val => {
+              if (this.sf5?.value?.insuranceType && this.sf5?.value?.insuranceType !== '3' && this.isEmpty(val)) {
+                return [{ keyword: 'required', message: '必填项' }];
+              } else {
+                return [];
+              }
+            }
+          } as SFSelectWidgetSchema
+        },
+        goodsValue: {
+          type: 'string',
+          title: '货物价值',
+          ui: {
+            widget: 'custom',
+            validator: val => {
+              if (this.sf5?.value?.insuranceType && this.sf5?.value?.insuranceType !== '3' && this.isEmpty(val)) {
+                return [{ keyword: 'required', message: '必填项' }];
+              } else {
+                return [];
+              }
+            }
+          }
+        }
+      },
+      required: ['weight', 'carModel', 'carLength']
+    };
+    this.ui4 = {
+      '*': {
+        spanLabelFixed: 115,
+        grid: { span: 8 }
+      }
+    };
+  }
+
+  initSF5() {
+    this.schema5 = {
+      properties: {
+        insuranceType: {
+          type: 'string',
+          title: '服务包',
+          ui: {
+            widget: 'select',
+            asyncData: () => {
+              return this.service.request(this.service.$api_getDictValue, { dictKey: 'bill:insurance:type' }).pipe(
+                map((res: any) => {
+                  return [...res];
+                })
+              )
+            },
+            change: (tag: any, org: any) => {
+              if(tag === '3'){
+                this.sf5.setValue('/insurancePremium', null);
+                this.sf5.setValue('/insuranceRate', null);
+              }else {
+                this.getInsurersPrice(tag);
+              }
+            }
+          },
+          default: '3'
+        },
+        type1: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+            visibleIf: { insuranceType: (value: string) => value === '0' }
+          } ,
+        },
+        type2: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom',
+            visibleIf: { insuranceType: (value: string) => value === '1' }
+          }
+        },
+        insurancePremium: {
+          type: 'string',
+          title: '服务包费用',
+          readOnly:true,
+          ui: {
+            visibleIf: { insuranceType: (value: string) => value !== '3' }
+          }
+        },
+        insuranceRate: {
+          type: 'string',
+          title: '保险费率',
+          ui: {
+            hidden: true
+          }
+        },
+        freeInsurance1: {
+          type: 'string',
+          title: '预投基本险',
+          ui: {
+            widget: 'custom',
+            visibleIf: { insuranceType: (value: string) => value === '0' }
+          }
+        },
+        freeInsurance2: {
+          type: 'string',
+          title: '预投综合险',
+          ui: {
+            widget: 'custom',
+            visibleIf: { insuranceType: (value: string) => value === '1' }
+          }
+        },
+      },
+      required: [ 'insurancePremium']
+    };
+    this.ui5 = {
+      '*': {
+        spanLabelFixed: 115,
+        grid: { span: 12 }
+      },
+      $type1: {
+        grid: { span: 24 }
+      },
+      $type2: {
+        grid: { span: 24 }
+      },
+      $freeInsurance1: {
+        grid: { span: 24 }
+      },
+      $freeInsurance2: {
+        grid: { span: 24 }
+      }
+    };
+  }
+
+  initSF6() {
+    this.schema6 = {
+      properties: {
+        stateReceipt: {
+          type: 'string',
+          title: '是否回单',
+          enum: [
+            { label: '需要', value: true },
+            { label: '不需要', value: false }
+          ],
+          ui: {
+            widget: 'select',
+            errors: { required: '请选择' },
+            placeholder: '请选择'
+          }
+        },
+        receiptType: {
+          type: 'string',
+          title: '回单类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'receipt:type' },
+            containsAllLabel: false,
+            placeholder: '请选择',
+            errors: { required: '请选择' },
+            visibleIf: {
+              stateReceipt: value => value === true
+            }
+          }
+        },
+        receiptUserName: {
+          type: 'string',
+          title: '联系人',
+          maxLength: 15,
+          ui: {
+            visibleIf: {
+              receiptType: value => value === '2'
+            }
+          }
+        },
+        receiptUserPhone: {
+          type: 'string',
+          title: '联系电话',
+          maxLength: 11,
+          ui: {
+            visibleIf: {
+              receiptType: value => value === '2'
+            }
+          }
+        },
+        receiptAddressArea: {
+          type: 'string',
+          title: '所在地区',
+          maxLength: 30,
+          ui: {
+            visibleIf: {
+              receiptType: value => value === '2'
+            }
+          }
+        },
+        receiptAddress: {
+          type: 'string',
+          title: '详细地址',
+          maxLength: 30,
+          ui: {
+            visibleIf: {
+              receiptType: value => value === '2'
+            }
+          }
+        },
+        remarks: {
+          type: 'string',
+          title: '备注',
+          maxLength: 200,
+          ui: {
+            widget: 'textarea',
+            placeholder: '请输入',
+            autosize: { minRows: 3, maxRows: 3 }
+          } as SFTextareaWidgetSchema
+        }
+      },
+      required: ['stateReceipt', 'receiptType', 'receiptUserName', 'receiptUserPhone', 'receiptAddressArea', 'receiptAddress']
+    };
+    this.ui6 = {
+      '*': {
+        spanLabelFixed: 90,
+        grid: { span: 24 }
+      }
+    };
+  }
+
+  initSF7() {
+    this.schema7 = {
+      properties: {
+        prePay: {
+          type: 'number',
+          title: '预付',
+          ui: { widget: 'custom' }
+        },
+        toPay: {
+          type: 'number',
+          title: '到付',
+          ui: { widget: 'custom' }
+        },
+        receiptPay: {
+          type: 'number',
+          title: '回单付',
+          ui: { widget: 'custom' }
+        },
+        subtotal: { type: 'number', title: '小计', default: 0, ui: { widget: 'custom' } as SFNumberWidgetSchema },
+        appendFee: { type: 'number', title: '附加费', default: 0, ui: { widget: 'custom' } as SFNumberWidgetSchema },
+        total: { type: 'number', title: '总费用', default: 0, ui: { widget: 'custom' } as SFNumberWidgetSchema },
+        paymentDays: {
+          type: 'string',
+          title: '到货后',
+          ui: {
+            widget: 'custom',
+            errors: { required: '请输入付款承诺天数' }
+          }
+        }
+      },
+      required: ['paymentDays']
+    };
+    this.ui7 = {
+      '*': {
+        spanLabelFixed: 115,
+        grid: { span: 24 }
+      }
+    };
+  }
+  getLimitvalue() {
+    // 货物核载信息最大值
+    // 货物运输费（小计）最大值
+    const getlimitvaluesParms = [
+      this.service.limitKeys?.weight,
+      this.service.limitKeys?.volume,
+      this.service.limitKeys?.piece,
+      this.service.limitKeys?.maxDays,
+      this.service.limitKeys?.intervalDays,
+      this.service.limitKeys?.maxTimes
+    ];
+    this.service.request(this.service.$api_findItemValueByItemKeys, getlimitvaluesParms).subscribe(res => {
+      const maxWeight = res.filter((item: any) => item.itemKey === this.service.limitKeys?.weight)[0].itemValue;
+      const maxVolume = res.filter((item: any) => item.itemKey === this.service.limitKeys?.volume)[0].itemValue;
+      const maxPiece = res.filter((item: any) => item.itemKey === this.service.limitKeys?.piece)[0].itemValue;
+      const maxDays = res.filter((item: any) => item.itemKey === this.service.limitKeys?.maxDays)[0].itemValue;
+      const intervalDays = res.filter((item: any) => item.itemKey === this.service?.limitKeys?.intervalDays)[0].itemValue;
+      const maxTimes = res.filter((item: any) => item.itemKey === this.service.limitKeys.maxTimes)[0]?.itemValue;
+      this.limitValues = {
+        maxWeight: Number(maxWeight),
+        maxVolume: Number(maxVolume),
+        maxPiece: Number(maxPiece),
+        maxDays: Number(maxDays),
+        intervalDays: Number(intervalDays),
+        maxTimes: Number(maxTimes)
+      };
+    });
+  }
+  // 不可选择的时间
+  disabledDateStart = (current: Date): boolean => {
+    return differenceInCalendarDays(new Date(), current) > 0;
+  };
+
+  /**
+   * 自定义校验数据
+   * @param val
+   */
+  customValidator(val: number) {
+    if (this.isEmpty(val)) {
+      return [{ keyword: 'required', message: '不能为空' }];
+    } else {
+      if (val <= 0) {
+        return [{ keyword: 'required', message: '数值需大于0' }];
+      }
+      return [];
+    }
+  }
+
+  isEmpty(val: any) {
+    return val === undefined || val === null || val.toString().trim() === '';
+  }
+  // 获取城市列表
+  getRegionCode(regionCode: any) {
+    console.log(regionCode);
+    return this.service
+      .request(this.service.$api_get_enterprise_project, { id: regionCode })
+      .pipe(
+        map(res =>
+          res.map((item: any) => ({
+            label: item.projectName,
+            value: item.id
+          }))
+        )
+      )
+      .subscribe(res => {
+        this.sf1.getProperty('/enterpriseProjectId')!.schema.enum = res;
+        this.sf1.getProperty('/enterpriseProjectId')!.widget.reset(res);
+      });
+  }
+  payChange() {
+    const prePay = this.sf7.value.prePay || 0;
+    const toPay = this.sf7.value.toPay || 0;
+    const receiptPay = this.sf7.value.receiptPay || 0;
+    const oilCardPay = 0;
+    const subtotal = prePay + toPay + receiptPay;
+    const params = {
+      shipperId: this?.sf1.value?.shipperAppUserId,
+      enterpriseInfoId: this?.sf1.value?.enterpriseInfoName || '',
+      totalFreight: subtotal,
+      fuelCardAmount: oilCardPay,
+      resourcetype: '1'
+    };
+    this.service.request(this.service.$api_getCalculatedSurcharge, params).subscribe(res => {
+      console.log('999');
+      console.log(this?.sf1.value);
+      if (res) {
+        this.sf7.setValue('/appendFee', res.surcharge);
+        this.sf7.setValue('/subtotal', subtotal);
+        this.sf7.setValue('/total', subtotal + res.surcharge);
+        this.service
+          .request(
+            this.service.$api_getAdditionalRate +
+              `?shipperId=${this?.sf1.value?.shipperAppUserId || ''}&enterpriseInfoId=${
+                this?.sf1.value?.enterpriseInfoName || ''
+              }&resourcetype='1'`
+          )
+          .subscribe(res => {
+            if (res) {
+              this.currentRate = res.rate * 100;
+            }
+          });
+      } else {
+        this.service.msgSrv.error(res.msg);
+      }
+    });
+  }
+  // 添加 删除发货卸货地址
+  addStartInfo() {
+    console.log(this.startInfo.length);
+    console.log(this.limitValues.maxTimes);
+
+    if (this.startInfo.length < this.limitValues.maxTimes) {
+      const controlId = this.startInfo.length;
+      this.startInfo.push({
+        detailedAddress: '',
+        appUserName: '',
+        contractTelephone: '',
+        latitude: '',
+        longitude: '',
+        province: '',
+        city: '',
+        area: '',
+        type: '1'
+      });
+      this.validateForm1.addControl(`loadAddress${controlId}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`loadName${controlId}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`loadPhone${controlId}`, new FormControl(null, [Validators.required, Validators.pattern('^[0-9]*$')]));
+    }
+  }
+  // 添加 删除发货卸货地址
+  subStartInfo(event: any, index: number) {
+    this.startInfo.splice(index, 1);
+    this.validateForm1.removeControl(`loadAddress${index}`);
+    this.validateForm1.removeControl(`loadName${index}`);
+    this.validateForm1.removeControl(`loadPhone${index}`);
+  }
+  // 添加 删除发货卸货地址
+  addEndInfo() {
+    if (this.endInfo.length < this.limitValues.maxTimes) {
+      const controlId = this.endInfo.length;
+      this.endInfo.push({
+        detailedAddress: '',
+        appUserName: '',
+        contractTelephone: '',
+        latitude: '',
+        longitude: '',
+        province: '',
+        city: '',
+        area: '',
+        type: '2'
+      });
+      this.validateForm1.addControl(`unloadAddress${controlId}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`unloadName${controlId}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(
+        `unloadPhone${controlId}`,
+        new FormControl(null, [Validators.required, Validators.pattern('^[0-9]*$')])
+      );
+    }
+  }
+  // 添加 删除发货卸货地址
+  subEndInfo(event: any, index: number) {
+    this.endInfo.splice(index, 1);
+    this.validateForm1.removeControl(`unloadAddress${index}`);
+    this.validateForm1.removeControl(`unloadName${index}`);
+    this.validateForm1.removeControl(`unloadPhone${index}`);
+  }
+  //指派熟车
+  chooseFamifiar(item: any) {
+    console.log('999');
+    const modalRef = this.modalService.create({
+      nzTitle: '指派熟车',
+      nzContent: SupplyManagementVehicleAssignedCarComponent,
+      nzWidth: 1200,
+      nzComponentParams: {
+        status: 'new',
+        url: this.service.$api_save_consignWholeAssign,
+        params: item
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe(result => {
+      if (result) {
+        this.openFinishPage(result);
+      }
+    });
+  }
+  // 提交前确认，委托运输协议弹窗
+  submitConfirm(submitType?: any) {
+    Object.keys(this.validateForm1.controls).forEach(key => {
+      this.validateForm1.controls[key].markAsDirty();
+      this.validateForm1.controls[key].updateValueAndValidity();
+    });
+    this.sf1.validator({ emitError: true });
+    this.sf3.validator({ emitError: true });
+    this.sf4.validator({ emitError: true });
+    this.sf5.validator({ emitError: true });
+    this.sf6.validator({ emitError: true });
+    this.sf7.validator({ emitError: true });
+    console.log(!this.sf1.valid);
+    console.log(this.sf1.value);
+    if (
+      this.validateForm1.invalid ||
+      !this.sf3.valid ||
+      !this.sf1.valid ||
+      !this.sf4.valid ||
+      !this.sf5.valid ||
+      !this.sf6.valid ||
+      !this.sf7.valid
+    ) {
+      this.service.msgSrv.warning('请完善必填项！');
+      return;
+    }
+    if (this.totalDistance <= 0) {
+      this.service.msgSrv.warning('起终点相同，请重新选择装卸货地址！');
+      return;
+    }
+    if (this.validateForm1.value.loadingTime < new Date()) {
+      this.service.msgSrv.warning('装货时间必须大于当前时间！');
+      return;
+    }
+    if (this.validateForm1.value.loadingTime > this.validateForm1.value.unloadingTime) {
+      this.service.msgSrv.warning('装货时间不能大于卸货时间！');
+      return;
+    }
+    if (this.sf7.value.total <= 0) {
+      this.service.msgSrv.warning('总费用不能为0！');
+      return;
+    }
+    const num = (Number(this.validateForm1.value.unloadingTime) - Number(this.validateForm1.value.loadingTime)) / (24 * 60 * 60 * 1000);
+    if (num > this.limitValues.maxDays) {
+      this.service.msgSrv.error(`当前计划装卸货时间间隔已超出限定值【${this.limitValues.maxDays}天】`);
+      return;
+    }
+    if (
+      this.sf4.value?.weight > this.limitValues?.maxWeight ||
+      this.sf4.value?.volume > this.limitValues?.maxVolume ||
+      this.sf4.value?.number > this.limitValues?.maxPiece
+    ) {
+      this.service.msgSrv.error(
+        `当前货物核载信息已超出限定值【${this.limitValues?.maxWeight}吨、${this.limitValues?.maxVolume}方、${this.limitValues?.maxPiece}件】`
+      );
+      return;
+    }
+
+    const getFreightParms = { carLengthKeys: this.sf4.value.carLength, km: this.totalDistance };
+    this.service.request(this.service.$api_getFreight, getFreightParms).subscribe(res => {
+      if (this.sf7.value?.subtotal > res?.maxPrice) {
+        this.service.msgSrv.error(`运费过高，请调整录入`);
+        return;
+      } else if (this.sf7.value?.subtotal > res?.ewPrice) {
+        this.modalService.confirm({
+          nzTitle: '',
+          nzContent: `您的录入的运费过高，可能会影响支付，请仔细确认`,
+          nzOkText: '继续',
+          nzCancelText: '取消',
+          nzOnOk: () => {
+            this.agreementConfirm(submitType);
+          }
+        });
+      } else {
+        this.agreementConfirm(submitType);
+      }
+    });
+  }
+  // 提交前协议弹窗
+  agreementConfirm(submitType?: string) {
+    //装卸货信息
+    const LoadingList = this.startInfo.concat(this.endInfo);
+
+    // 货物信息
+    const sf3Values = { ...this.sf3.value };
+    if (sf3Values.goodsTypeName === '其它') {
+      sf3Values.goodsName = sf3Values.goodsName1;
+      delete sf3Values.goodsName1;
+    }
+    if (this.sf4.value.carModel.includes('999')) {
+      this.sf4.value.carModel = ['999'];
+    }
+    if (this.sf4.value.carLength.includes('999')) {
+      this.sf4.value.carLength = ['999'];
+    }
+    const goodsInfoVOList = [
+      {
+        ...sf3Values,
+        ...this.sf4.value,
+        carModel: this.sf4.value.carModel.join(','),
+        carLength: this.sf4.value.carLength.join(',')
+      }
+    ];
+    // 运费信息
+    const expenseList = [
+      { expenseCode: 'PRE', expenseName: '预付', price: this.sf7.value.prePay || 0, id: this.sf7data?.prePayId || '' },
+      { expenseCode: 'RECE', expenseName: '到付', price: this.sf7.value.toPay || 0, id: this.sf7data?.toPayId || '' },
+      { expenseCode: 'BACK', expenseName: '回单付', price: this.sf7.value.receiptPay || 0, id: this.sf7data?.receiptPayId || '' }
+    ];
+    const params = {
+      id: '',
+      ...this.sf1.value,
+      unLoadingPlaceDTOList: LoadingList,
+      unloadingTime: format(this.validateForm1.value.unloadingTime, 'yyyy-MM-dd HH:mm:ss'),
+      loadingTime: format(this.validateForm1.value.loadingTime, 'yyyy-MM-dd HH:mm:ss'),
+      goodsInfoDTOList: goodsInfoVOList,
+      ...this.sf5.value,
+      ...this.sf6.value,
+      expenseDTOList: expenseList,
+      paymentDays: this.sf7.value.paymentDays,
+      subtotal :this.sf7.value.subtotal,
+      total:this.sf7.value.total,
+      estimatedKilometers: this.totalDistance,
+      estimatedTravelTime: this.totalTime,
+      insurancePackagedGoods: this.sf4.value.insurancePackagedGoods,
+      goodsValue: this.sf4.value.goodsValue
+    };
+    console.log(params);
+    const modalRef = this.modalService.create({
+      nzTitle: '运输协议',
+      nzContent: TranAgreementComponent,
+      nzWidth: 900,
+      nzFooter: null,
+      nzComponentParams: { object: params, shipperName: this.shipperName, type: 'onecar' }
+    });
+    modalRef.afterClose.subscribe(result => {
+      if (result) {
+        this.submit(submitType, params);
+      }
+    });
+  }
+  // 提交
+  submit(submitType?: string, params?: any): void {
+    let reqUrl = this.service.$api_consignWhole;
+    if (submitType) {
+      if (submitType == 'assign') {
+        this.chooseFamifiar(params);
+        return;
+      }
+    }
+
+    this.service.request(reqUrl, params).subscribe((res: any) => {
+      if (res) {
+        this.openFinishPage();
+      }
+    });
+  }
+  // 打开地图
+  openMap(type: string, index: number) {
+    const modalRef = this.modalService.create({
+      nzTitle: '',
+      nzContent: AmapPoiPickerComponent,
+      nzWidth: 900,
+      nzOnOk: item => {
+        const poi = item.poi;
+        const locList = poi.pois;
+        switch (type) {
+          case 'start':
+            this.startInfo[index].detailedAddress = poi.formattedAddress;
+            this.startInfo[index].longitude = locList[0];
+            this.startInfo[index].latitude = locList[1];
+            this.startInfo[index].province = poi.addressComponent.province;
+            this.startInfo[index].city = poi.addressComponent.city;
+            this.startInfo[index].area = poi.addressComponent.district;
+            break;
+          case 'end':
+            this.endInfo[index].detailedAddress = poi.formattedAddress;
+            this.endInfo[index].longitude = locList[0];
+            this.endInfo[index].latitude = locList[1];
+            this.endInfo[index].province = poi.addressComponent.province;
+            this.endInfo[index].city = poi.addressComponent.city;
+            this.endInfo[index].area = poi.addressComponent.district;
+            break;
+          default:
+            break;
+        }
+        // 计算里程，时间
+        if (this.startInfo[0]?.detailedAddress && this.endInfo[0]?.detailedAddress) {
+          this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe(res => {
+            this.totalDistance = res.distance;
+            this.totalTime = res.time;
+            this.getInsurersPrice(); // 计算保费金额
+          });
+        }
+      }
+    });
+  }
+  // 选择收回单地址
+  backBillChange() {
+    const modalRef = this.modalService.create({
+      nzTitle: '选择收回单地址',
+      nzContent: PublishAddressListComponent,
+      nzWidth: 900,
+      nzComponentParams: { spuStatus: '2' },
+      nzOnOk: item => {
+        const data = item.seleteData;
+        if (JSON.stringify(data) === '{}') return;
+        this.sf6.setValue('/receiptAddressId', data.id);
+        this.sf6.setValue('/receiptUserName', data.contactName);
+        this.sf6.setValue('/phon', data.contactTelephone);
+        this.sf6.setValue('/area', `${data.province}-${data.city}-${data.area}`);
+        this.sf6.setValue('/address', data.detailedAddress);
+      }
+    });
+  }
+  // 选择地址
+  chooseAddress(index: number, type: string) {
+    const modalRef = this.modalService.create({
+      nzTitle: '选择地址',
+      nzContent: PublishAddressListComponent,
+      nzWidth: 900,
+      nzComponentParams: { spuStatus: '1' },
+      nzOnOk: item => {
+        console.log(item);
+        console.log(type);
+        const data = item.seleteData;
+        if (JSON.stringify(data) === '{}') return;
+        switch (type) {
+          case 'start':
+            this.startInfo[index] = {
+              detailedAddress: data.detailedAddress,
+              appUserName: data.contactName,
+              contractTelephone: data.contactTelephone,
+              latitude: data.contactTelephone,
+              longitude: data.latitude,
+              province: data.province,
+              city: data.city,
+              area: data.area,
+              type: '1'
+            };
+            break;
+          case 'end':
+            this.endInfo[index] = {
+              detailedAddress: data.detailedAddress,
+              appUserName: data.contactName,
+              contractTelephone: data.contactTelephone,
+              latitude: data.contactTelephone,
+              longitude: data.latitude,
+              province: data.province,
+              city: data.city,
+              area: data.area,
+              type: '2'
+            };
+            break;
+          default:
+            break;
+        }
+        // 计算里程，时间
+        if (this.startInfo[0]?.detailedAddress && this.endInfo[0]?.detailedAddress) {
+          this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe(res => {
+            this.totalDistance = res.distance;
+            this.totalTime = res.time;
+            this.getInsurersPrice(); //计算保费金额
+          });
+        }
+      }
+    });
+  }
+  // 打开下单完成页面
+  openFinishPage(resourceObj: any = null) {
+    this.modalService.create({
+      nzTitle: '',
+      nzContent: PublishSuccessComponent,
+      nzWidth: 900,
+      nzFooter: null,
+      nzComponentParams: { type: 'onecar', resourceObj }
+    });
+  }
+  changeGoodsType(value: string, data: any) {
+    if (data.label === '其它') return;
+    const params = {
+      pageIndex: 1,
+      pageSize: 100,
+      configId: value
+    };
+    this.service
+      .request(this.service.$api_get_config_item_page, params)
+      .pipe(
+        map(data => {
+          return data.records?.map((m: any) => {
+            return { label: m.name, value: m.id };
+          });
+        })
+      )
+      .subscribe(res => {
+        if (res) {
+          this.sf3.getProperty('/goodsNameId')!.schema.enum = res;
+          this.sf3.getProperty('/goodsNameId')!.widget.reset(res);
+          if (this.sf3data?.goodsNameId) {
+            this.sf3.setValue('/goodsNameId', this.sf3data?.goodsNameId);
+          }
+        } else {
+          this.service.msgSrv.error(res.msg);
+        }
+      });
+  }
+  // 返回上一页
+  goBack() {
+    window.history.go(-1);
+  }
+  // 装卸货地址互换
+  swapAddress() {
+    this.startInfo.forEach((element: any, index: any) => {
+      this.validateForm1.removeControl(`loadAddress${index}`);
+      this.validateForm1.removeControl(`loadName${index}`);
+      this.validateForm1.removeControl(`loadPhone${index}`);
+    });
+    this.endInfo.forEach((element: any, index: any) => {
+      this.validateForm1.removeControl(`unloadAddress${index}`);
+      this.validateForm1.removeControl(`unloadName${index}`);
+      this.validateForm1.removeControl(`unloadPhone${index}`);
+    });
+
+    let item = this.startInfo;
+    this.startInfo = this.endInfo;
+    this.endInfo = item;
+
+    this.startInfo.forEach((element: any, index: any) => {
+      element.type = '1';
+      this.validateForm1.addControl(`loadAddress${index}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`loadName${index}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`loadPhone${index}`, new FormControl(null, [Validators.required, Validators.pattern('^[0-9]*$')]));
+    });
+    this.endInfo.forEach((element: any, index: any) => {
+      element.type = '2';
+      this.validateForm1.addControl(`unloadAddress${index}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`unloadName${index}`, new FormControl(null, Validators.required));
+      this.validateForm1.addControl(`unloadPhone${index}`, new FormControl(null, [Validators.required, Validators.pattern('^[0-9]*$')]));
+    });
+    // 计算里程，时间
+    if (this.startInfo[0]?.detailedAddress && this.endInfo[0]?.detailedAddress) {
+      this.amapService.drivingCompute([...this.startInfo], [...this.endInfo]).subscribe(res => {
+        this.totalDistance = res.distance;
+        this.totalTime = res.time;
+        this.getInsurersPrice(); //计算保费金额
+      });
+    }
+  }
+  // 计算保价费金额
+  getInsurersPrice(insuranceType = this.sf5.value?.insuranceType) {
+    console.log(insuranceType);
+    console.log(this.totalDistance);
+    if (insuranceType !== '3' &&  this.totalDistance > 0) {
+      const params = {
+        insuranceType,
+        goodsValue: this.sf4.value.goodsValue,
+        km: this.totalDistance
+      };
+      this.service.request(this.service.$api_getWholeInsuranceInfo, params).subscribe(res => {
+        if (res) {
+          this.sf5.setValue('/insurancePremium', res.insurancePremium);
+          this.sf5.setValue('/insuranceRate', res.insuranceRate);
+        } else {
+          this.sf5.setValue('/insurancePremium', null);
+          this.sf5.setValue('/insuranceRate', null);
+        }
+      });
+    }
+  }
+      // 运费信息价格变更
+      priceChange(event:any, i:any){
+        i.setValue(event);
+        if(event>=99999){
+          this.modalService.warning({
+            nzTitle: '可输入的最大金额为99999元',
+          });
+        }
+        this.payChange()
+      }
+}
diff --git a/src/app/routes/supply-management/components/tran-agreement/tran-agreement.component.html b/src/app/routes/supply-management/components/tran-agreement/tran-agreement.component.html
new file mode 100644
index 00000000..bbe21f8f
--- /dev/null
+++ b/src/app/routes/supply-management/components/tran-agreement/tran-agreement.component.html
@@ -0,0 +1,6 @@
+<nz-card class="card-height" >
+  <div [innerHTML]="agreement | safehtml"></div>
+</nz-card>
+<div *nzModalFooter>
+  <button nz-button nzType="primary" (click)="handleOk()" >我已阅读并同意签署</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/supply-management/components/tran-agreement/tran-agreement.component.less b/src/app/routes/supply-management/components/tran-agreement/tran-agreement.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/supply-management/components/tran-agreement/tran-agreement.component.ts b/src/app/routes/supply-management/components/tran-agreement/tran-agreement.component.ts
new file mode 100644
index 00000000..a70664c4
--- /dev/null
+++ b/src/app/routes/supply-management/components/tran-agreement/tran-agreement.component.ts
@@ -0,0 +1,163 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-24 20:19:51
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-23 19:57:34
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\tran-agreement\\tran-agreement.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-06 15:01:40
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-28 20:55:07
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\tran-agreement\\tran-agreement.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component } from '@angular/core';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { SupplyManagementService } from '../../services/supply-management.service';
+
+@Component({
+  selector: 'publish-goods-tran-agreement',
+  templateUrl: './tran-agreement.component.html',
+  styleUrls: ['./tran-agreement.component.less']
+})
+export class TranAgreementComponent {
+  enterpriseInfo: any; // 网络货运人
+  type: any;
+  object: any;
+  agreement: any;
+  envCache: any;
+  shipperName: any;
+  constructor(private modal: NzModalRef, public service: SupplyManagementService) {}
+
+  ngOnInit() {
+    console.log(this.object);
+    // 获取托运人承运人信息
+    this.service.request(this.service.$api_getContractAtr, { id: this.object?.shipperAppUserId }).subscribe(res => {
+      if (res) {
+        this.enterpriseInfo = res;
+        this.getContent();
+      }
+    });
+  }
+
+  getContent() {
+    let params: any;
+    if (this.type === 'onecar') {
+      params = {
+        contractType: '1',
+        resourceType: '1',
+        signingObject: '1',
+        templateType: 'MX',
+        parametersDTO: {
+          contractCode: '',
+          shipperLegalPersonName: this.enterpriseInfo.legalPersonName || '', //托运法定代表人
+          carrierLegalPersonName: this.enterpriseInfo.netLegalPersonName || '', //承运法定代表人
+          shipperName: this?.shipperName || '', //托运人
+          carrierName: this.object?.enterpriseInfoName || '', //承运人
+          consignorInfo: `${this.object?.unLoadingPlaceDTOList[0]?.appUserName || ''}  ${
+            this.object?.unLoadingPlaceDTOList[0]?.contractTelephone || ''
+          }`, // 发货信息
+          consignorAddress: this.object?.unLoadingPlaceDTOList[0].detailedAddress || '', // 发货地址
+          consignorDate: this.object?.loadingTime || '', // 发货时间
+          consigneeInfo: `${this.object?.unLoadingPlaceDTOList[this.object?.unLoadingPlaceDTOList.length - 1].appUserName}  ${
+            this.object?.unLoadingPlaceDTOList[this.object?.unLoadingPlaceDTOList.length - 1].contractTelephone
+          }`, // 收货信息
+          consigneeDate: this.object?.unloadingTime || '', // 收货时间
+          consigneeAddress: this.object?.unLoadingPlaceDTOList[this.object?.unLoadingPlaceDTOList.length - 1].detailedAddress || '', // 收货地址
+          goodsName: this.object?.goodsInfoDTOList[0].goodsName || '', // 货物名称
+          shippingType: '整车运输',
+          consignmentVolume: `${this.object?.goodsInfoDTOList[0]?.weight || '-'}吨/${this.object?.goodsInfoDTOList[0]?.volume || '-'}方/${
+            this.object?.goodsInfoDTOList[0]?.number || '-'
+          }件`, //托运量
+          transporterInfo: '', //运输方信息
+          freightAmount: this.object?.total || '', // 订单运费金额（元)
+          pre: this.object?.expenseDTOList?.filter((item: any) => item.expenseCode === 'PRE')[0].price || '', //预付
+          rece: this.object?.expenseDTOList?.filter((item: any) => item.expenseCode === 'RECE')[0].price || '', // 到付
+          back: this.object?.expenseDTOList?.filter((item: any) => item.expenseCode === 'BACK')[0].price || '', // 回单付
+          lunarKnot: 0,
+          total: this.object?.subtotal || '', // 合计（元)
+          paymentTime: `到货后${this.object?.paymentDays || ''}天`, // 承诺支付运费时间
+          year: new Date().getFullYear() || '', // 签约年份
+          month: new Date().getMonth() + 1 || '', // 签约月份
+          day: new Date().getDate() || '' // 签约日期
+        }
+      };
+    } else if (this.type === 'bulk') {
+      params = {
+        contractType: '1',
+        resourceType: '2',
+        signingObject: '1',
+        templateType: 'MX',
+        parametersDTO: {
+          contractCode: '',
+          shipperName: this?.shipperName || '', //托运人
+          carrierName: this.object?.enterpriseInfoName || '', //承运人
+          shipperLegalPersonName: this.enterpriseInfo.legalPersonName || '', //托运法定代表人
+          carrierLegalPersonName: this.enterpriseInfo.netLegalPersonName || '', //承运法定代表人
+          consignorInfo: `${this.object.unLoadingPlaceDTOList[0]?.appUserName || ''}  ${
+            this.object.unLoadingPlaceDTOList[0]?.contractTelephone || ''
+          }`, // 发货信息
+          consignorAddress: this.object.unLoadingPlaceDTOList[0].detailedAddress, // 发货地址
+          consignorDate: '', // 发货时间
+          consigneeInfo: `${this.object.unLoadingPlaceDTOList[this.object.unLoadingPlaceDTOList.length - 1]?.appUserName || ''}  ${
+            this.object.unLoadingPlaceDTOList[this.object.unLoadingPlaceDTOList.length - 1]?.contractTelephone || ''
+          }`, // 收货信息
+          consigneeDate: '', // 收货时间
+          consigneeAddress: this.object.unLoadingPlaceDTOList[this.object.unLoadingPlaceDTOList.length - 1]?.detailedAddress || '', // 收货地址
+          goodsName: this.object.goodsInfoDTOList[0]?.goodsName || '', // 货物名称
+          shippingType: '大宗运输',
+          consignmentVolume: `${this.object?.goodsInfoDTOList?.[0]?.weight || '-'}吨/${
+            this.object?.goodsInfoDTOList?.[0]?.volume || '-'
+          }方/${this.object.goodsInfoDTOList?.[0]?.number || '-'}车`, //托运量
+          transporterInfo: '', //运输方信息
+          freightAmount: '', // 订单运费金额（元)
+          pre: '', //预付
+          rece: '', // 到付
+          back: '', // 回单付
+          lunarKnot: '',
+          total: '', // 合计（元)
+          paymentTime: `到货后${this.object?.paymentDays || ''}天`, // 承诺支付运费时间
+          year: new Date().getFullYear() || '', // 签约年份
+          month: new Date().getMonth() + 1 || '', // 签约月份
+          day: new Date().getDate() || '' // 签约日期
+        }
+      };
+    }
+    if (params.parametersDTO.freightAmount) {
+      params.parametersDTO.freightAmount = this.toThousands(params.parametersDTO.freightAmount);
+    }
+    if (params.parametersDTO.pre) {
+      params.parametersDTO.pre = this.toThousands(params.parametersDTO.pre);
+    }
+    if (params.parametersDTO.rece) {
+      params.parametersDTO.rece = this.toThousands(params.parametersDTO.rece);
+    }
+    if (params.parametersDTO.back) {
+      params.parametersDTO.back = this.toThousands(params.parametersDTO.back);
+    }
+    if (params.parametersDTO.total) {
+      params.parametersDTO.total = this.toThousands(params.parametersDTO.total);
+    }
+    console.log(params);
+    this.service.request(this.service.$api_getContractContent, params).subscribe(res => {
+      if (res) {
+        this.agreement = res.contractContent;
+      }
+    });
+  }
+
+  toThousands(num: any) {
+    let str = num.toString();
+    return '￥' + str.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
+  }
+  handleOk() {
+    this.modal.close(true);
+  }
+}
diff --git a/src/app/routes/supply-management/components/update-external-sn/update-external-sn.component.html b/src/app/routes/supply-management/components/update-external-sn/update-external-sn.component.html
new file mode 100644
index 00000000..0adf665b
--- /dev/null
+++ b/src/app/routes/supply-management/components/update-external-sn/update-external-sn.component.html
@@ -0,0 +1,10 @@
+<nz-spin *ngIf="!orderObject" class="modal-spin"></nz-spin>
+<div class="mb-md">编辑外部货源号</div>
+<sf *ngIf="orderObject" #sf mode="edit" layout="horizontal" [schema]="schema" [ui]="ui" [formData]="orderObject"
+  button="none">
+  <div class="modal-footer">
+    <button nz-button type="button" (click)="close()">取消</button>
+    <button nz-button type="submit" nzType="primary" (click)="save(sf.value)" [disabled]="!sf.valid"
+      [nzLoading]="service.http.loading">确定</button>
+  </div>
+</sf>
\ No newline at end of file
diff --git a/src/app/routes/supply-management/components/update-external-sn/update-external-sn.component.spec.ts b/src/app/routes/supply-management/components/update-external-sn/update-external-sn.component.spec.ts
new file mode 100644
index 00000000..1f32b568
--- /dev/null
+++ b/src/app/routes/supply-management/components/update-external-sn/update-external-sn.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SupplyManagementUpdateExternalSnComponent } from './update-external-sn.component';
+
+describe('SupplyManagementUpdateExternalSnComponent', () => {
+  let component: SupplyManagementUpdateExternalSnComponent;
+  let fixture: ComponentFixture<SupplyManagementUpdateExternalSnComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SupplyManagementUpdateExternalSnComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SupplyManagementUpdateExternalSnComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/supply-management/components/update-external-sn/update-external-sn.component.ts b/src/app/routes/supply-management/components/update-external-sn/update-external-sn.component.ts
new file mode 100644
index 00000000..6031e1fa
--- /dev/null
+++ b/src/app/routes/supply-management/components/update-external-sn/update-external-sn.component.ts
@@ -0,0 +1,55 @@
+import { Component, OnInit } from '@angular/core';
+import { SFSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { SupplyManagementService } from '../../services/supply-management.service';
+
+@Component({
+  selector: 'app-supply-management-update-external-sn',
+  templateUrl: './update-external-sn.component.html',
+})
+export class SupplyManagementUpdateExternalSnComponent implements OnInit {
+  record: any = {};
+  orderObject: any;
+  schema: SFSchema = {
+    properties: {
+      owner: {
+        type: 'string',
+        maxLength: 30,
+        title: '',
+        ui: {
+          placeholder: '不超过30位'
+        }
+      },
+    },
+    required: ['owner'],
+  };
+  ui: SFUISchema = {
+    '*': {
+      spanControl: 24
+    },
+  };
+
+  constructor(
+    private modal: NzModalRef,
+    private msgSrv: NzMessageService,
+    public service: SupplyManagementService
+  ) { }
+
+  ngOnInit(): void {
+
+  }
+
+  save(value: any): void {
+    const { id, sn } = value;
+    this.service.request(`/user/${this.record.id}`, { id, sn }).subscribe(res => {
+      this.msgSrv.success('保存成功');
+      this.modal.close(true);
+    });
+  }
+
+  close(): void {
+    this.modal.destroy();
+  }
+}
diff --git a/src/app/routes/supply-management/components/update-freight/update-freight.component.html b/src/app/routes/supply-management/components/update-freight/update-freight.component.html
new file mode 100644
index 00000000..7e3e8f7c
--- /dev/null
+++ b/src/app/routes/supply-management/components/update-freight/update-freight.component.html
@@ -0,0 +1,15 @@
+<nz-spin *ngIf="!i" class="modal-spin"></nz-spin>
+<sf *ngIf="i" #sf mode="edit" [schema]="schema" [ui]="ui" [formData]="i" button="none">
+  <ng-template sf-template="description3" let-me let-ui="ui" let-schema="schema">
+    <input placeholder="请输入1-30" type="number" [ngModel]="sf.value.description3" style="width: 200px;" nz-input />
+    <span> 天内支付运费</span>
+  </ng-template>
+  <ng-template sf-template="description1" let-me let-ui="ui" let-schema="schema">
+    <div>{{sf.value.description1 | currency: 'CNY' }}(费率:<a>5.3%</a>)</div>
+  </ng-template>
+  <div class="modal-footer">
+    <button nz-button type="button" (click)="close()">关闭</button>
+    <button nz-button type="submit" nzType="primary" (click)="save(sf.value)" [disabled]="!sf.valid"
+      [nzLoading]="http.loading">确认修改</button>
+  </div>
+</sf>
\ No newline at end of file
diff --git a/src/app/routes/supply-management/components/update-freight/update-freight.component.spec.ts b/src/app/routes/supply-management/components/update-freight/update-freight.component.spec.ts
new file mode 100644
index 00000000..da00ca73
--- /dev/null
+++ b/src/app/routes/supply-management/components/update-freight/update-freight.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SupplyManagementUpdateFreightComponent } from './update-freight.component';
+
+describe('SupplyManagementUpdateFreightComponent', () => {
+  let component: SupplyManagementUpdateFreightComponent;
+  let fixture: ComponentFixture<SupplyManagementUpdateFreightComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SupplyManagementUpdateFreightComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SupplyManagementUpdateFreightComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/supply-management/components/update-freight/update-freight.component.ts b/src/app/routes/supply-management/components/update-freight/update-freight.component.ts
new file mode 100644
index 00000000..8e3c4b1d
--- /dev/null
+++ b/src/app/routes/supply-management/components/update-freight/update-freight.component.ts
@@ -0,0 +1,143 @@
+import { Component, OnInit } from '@angular/core';
+import { SFCustomWidgetSchema, SFNumberWidgetSchema, SFRadioWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+
+@Component({
+  selector: 'app-supply-management-update-freight',
+  templateUrl: './update-freight.component.html',
+})
+export class SupplyManagementUpdateFreightComponent implements OnInit {
+  record: any = {};
+  i: any;
+  schema: SFSchema = {};
+  ui: SFUISchema = {};
+  constructor(
+    private modal: NzModalRef,
+    private msgSrv: NzMessageService,
+    public http: _HttpClient,
+  ) { }
+
+  ngOnInit(): void {
+    this.initSF();
+
+    if (this.record.id > 0)
+      this.http.get(`/user/${this.record.id}`).subscribe(res => (this.i = res));
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        no1: {
+          type: 'string',
+          title: '是否回单',
+          enum: [
+            { label: '需要', value: 0 },
+            { label: '不需要', value: 1 },
+          ],
+          ui: {
+            widget: 'radio'
+          } as SFRadioWidgetSchema,
+          default: 0
+        },
+        owner1: {
+          type: 'number',
+          title: '预付',
+          minimum: 0,
+          max: 99999999,
+          ui: {
+            prefix: '￥',
+            widgetWidth: 200,
+            precision: 2,
+            change: (val: any) => this.changeNumVal(val, 1)
+          } as SFNumberWidgetSchema
+        },
+        callNo1: {
+          type: 'number',
+          title: '到付',
+          minimum: 0,
+          ui: {
+            prefix: '￥',
+            widgetWidth: 200,
+            precision: 2,
+            change: (val: any) => this.changeNumVal(val, 2)
+          } as SFNumberWidgetSchema
+        },
+        // href1: {
+        //   type: 'number',
+        //   title: '油卡',
+        //   minimum: 0,
+        //   ui: {
+        //     prefix: '￥',
+        //     widgetWidth: 200,
+        //     precision: 2,
+        //     change: (val: any) => this.changeNumVal(val, 3)
+        //   } as SFNumberWidgetSchema
+        // },
+        description5: {
+          type: 'number', title: '回单付',  minimum: 0, maxLength: 140, ui: {
+            prefix: '￥',
+            widgetWidth: 200,
+            precision: 2,
+            change: (val: any) => this.changeNumVal(val, 4)
+          } as SFNumberWidgetSchema
+        },
+        href2: {
+          type: 'string',
+          title: '小计',
+          ui: {
+            widget: 'text'
+          }
+        },
+        description1: {
+          type: 'string',
+          title: '附加费',
+          ui: {
+            widget: 'custom'
+          }
+        },
+        description2: {
+          type: 'string',
+          title: '总费用',
+          ui: {
+            widget: 'text'
+          }
+        },
+        description3: {
+          type: 'number',
+          title: '到货后',
+          maximum: 30,
+          minimum: 1,
+          ui: {
+            widget: 'custom',
+          } as SFCustomWidgetSchema
+        },
+      },
+      required: ['owner', 'callNo', 'href', 'description'],
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 100,
+        grid: { span: 16 },
+      },
+    };
+  }
+  save(value: any): void {
+    this.http.post(`/user/${this.record.id}`, value).subscribe(res => {
+      this.msgSrv.success('保存成功');
+      this.modal.close(true);
+    });
+  }
+
+  close(): void {
+    this.modal.destroy();
+  }
+  /**
+   * 更新数字框
+   * @param value 
+   * @param type 
+   */
+  changeNumVal(value: any, type: number) {
+
+  }
+}
diff --git a/src/app/routes/supply-management/components/update-price/update-price.component.html b/src/app/routes/supply-management/components/update-price/update-price.component.html
new file mode 100644
index 00000000..490015a8
--- /dev/null
+++ b/src/app/routes/supply-management/components/update-price/update-price.component.html
@@ -0,0 +1,40 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-03 11:10:14
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-04 14:37:19
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\update-price\\update-price.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<div class="mb-lg">
+  <sf *ngIf="i" #sf mode="edit" [schema]="schema" [ui]="ui" [formData]="i" button="none">
+    <ng-template sf-template="freightPrice" let-me let-ui="ui" let-schema="schema">
+      <nz-input-group [nzAddOnAfter]="freightType[i?.freightType]">
+        <input [max]="99999999" placeholder="请输入" type="number" [ngModel]="me.value" (ngModelChange)="me.setValue($event)" nz-input />
+      </nz-input-group>
+    </ng-template>
+    <div class="modal-footer text-center">
+      <button nz-button type="button" (click)="close()">取消</button>
+      <button nz-button type="submit" nzType="primary" (click)="save(sf.value)" [disabled]="!sf.valid" [nzLoading]="service.http.loading"
+        >确定</button
+      >
+    </div>
+  </sf>
+</div>
+<div>
+  <h4>变更日志</h4>
+  <st #st [data]="service.$api_getOperationLogRecordsList" [columns]="columns"
+  [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams}"
+  [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+  [page]="{}"
+  >
+  <ng-template st-row="operator" let-item>
+    {{item?.operator}}/{{item.telephone}}
+  </ng-template>
+</st>
+</div>
+<ng-template #addOnAfterTemplate>
+  <span> {{ freightType[i?.freightType] }}</span>
+</ng-template>
diff --git a/src/app/routes/supply-management/components/update-price/update-price.component.spec.ts b/src/app/routes/supply-management/components/update-price/update-price.component.spec.ts
new file mode 100644
index 00000000..213a77a0
--- /dev/null
+++ b/src/app/routes/supply-management/components/update-price/update-price.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SupplyManagementUpdatePriceComponent } from './update-price.component';
+
+describe('SupplyManagementUpdatePriceComponent', () => {
+  let component: SupplyManagementUpdatePriceComponent;
+  let fixture: ComponentFixture<SupplyManagementUpdatePriceComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SupplyManagementUpdatePriceComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SupplyManagementUpdatePriceComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/supply-management/components/update-price/update-price.component.ts b/src/app/routes/supply-management/components/update-price/update-price.component.ts
new file mode 100644
index 00000000..0c41962e
--- /dev/null
+++ b/src/app/routes/supply-management/components/update-price/update-price.component.ts
@@ -0,0 +1,121 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { SupplyManagementService } from '../../services/supply-management.service';
+
+@Component({
+  selector: 'app-supply-management-update-price',
+  templateUrl: './update-price.component.html',
+})
+export class SupplyManagementUpdatePriceComponent implements OnInit {
+  record: any = {};
+  i: any;
+  schema: SFSchema = {};
+  ui: SFUISchema = {};
+  columns: STColumn[] = [];
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  freightType: any = {
+    1: '元/吨',
+    2: '元/方',
+    3: '元/车'
+  } // 运单类型
+  constructor(
+    private modal: NzModalRef,
+    private msgSrv: NzMessageService,
+    public service: SupplyManagementService
+  ) { }
+
+  get reqParams() {
+    return { 
+      operateObject: this.record?.resourceCode,
+      operateType: 7,
+     };
+  }
+  ngOnInit(): void {
+    this.initSF();
+    this.initSt();
+    console.log(this.record)
+    if (this.record?.id) this.getGoodsResourceShipperDeatail(this.record?.id);
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        resourceCode: {
+          type: 'string',
+          title: '货源编号',
+          ui: {
+            widget: 'text'
+          },
+        },
+        freightPrice: {
+          type: 'string',
+          title: '运费单价',
+          ui: {
+            widget: 'custom'
+          }
+        },
+        rule: {
+          type: 'string',
+          title: '取整规则',
+          default: '0',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'goodresource:rounding:rules' },
+            optionalHelp: {
+              text: '例如:付司机运费= 重量*单价 = 999.99;\n 保留小数：即 999.99; \n 抹除小数：即 999.00;\n  抹除个位，即 990.00',
+            }
+          }
+        },
+
+      },
+      required: ['freightPrice', 'rule',],
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 100,
+        grid: { span: 16 },
+      },
+      '$rule': {
+        spanLabelFixed: 120,
+        grid: { span: 16 },
+      },
+    };
+  }
+
+  getGoodsResourceShipperDeatail(id: any) {
+    this.service.request(this.service.$api_get_goods_resource_shipper, { id }).subscribe(res => {
+      if (res) {
+        this.i = res;
+      }
+    })
+  }
+  /**
+   * 初始化数据列表
+   */
+  initSt() {
+    this.columns = [
+      { title: '日志内容', width: 120, index: 'operationContent', className: 'text-center' },
+      { title: '更新时间', index: 'operatorTimestamp', width: 100, className: 'text-center' },
+      { title: '操作人', width: 100, render: 'operator', className: 'text-center' },
+    ];
+  }
+  save(value: any): void {
+    console.log(value);
+    // const { id: resourceId, freightType, freightPrice, resourceCode, rule, goodsID: id } = value;
+    const { resourceId, freightType, freightPrice, resourceCode, rule, id } = value;
+    this.service.request(this.service.$api_update_price, { id, freightType, freightPrice, resourceCode, rule, resourceId }).subscribe(res => {
+      if (res) {
+        this.msgSrv.success('保存成功');
+        this.modal.close(true);
+      }
+    });
+  }
+
+  close(): void {
+    this.modal.destroy();
+  }
+}
diff --git a/src/app/routes/supply-management/components/vehicle-detail/vehicle-detail.component.html b/src/app/routes/supply-management/components/vehicle-detail/vehicle-detail.component.html
new file mode 100644
index 00000000..30da689b
--- /dev/null
+++ b/src/app/routes/supply-management/components/vehicle-detail/vehicle-detail.component.html
@@ -0,0 +1,225 @@
+<div *ngIf="i">
+  <page-header-wrapper [title]="'整车货源详情'" [logo]="logo" [content]="headerContent">
+    <ng-template #logo>
+      <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+        <i nz-icon nzType="left" nzTheme="outline"></i>
+      </button>
+    </ng-template>
+    <ng-template #headerContent>
+      <div class="mb-xs" nz-row>
+        <button nz-button nzType="primary" nzSize="small" nzDanger>{{ i?.resourceStatusLabel }}</button>
+        <h4 class="ml-md">货源编码 : {{ i?.resourceCode }}</h4>
+      </div>
+      <div nz-row>
+        <div nz-col nzSpan="14" class="text-grey-darker">网络货运人：{{ i?.enterpriseInfoName }}</div>
+        <div nz-col nzSpan="10">
+          <button
+            nz-button
+            (click)="cancleGoodsSource()"
+            *ngIf="i?.resourceStatus === '1'"
+            acl
+            [acl-ability]="['SUPPLY-VEHICLE-DETAIL-cancelSupply']"
+            >取消货源</button
+          >
+          <button
+            nz-button
+            (click)="assignedCar(i)"
+            *ngIf="i?.resourceStatus === '1' && i?.serviceType === '2'"
+            acl
+            [acl-ability]="['SUPPLY-VEHICLE-DETAIL-vehicleAnew']"
+            >重新指派</button
+          >
+          <button
+            nz-button
+            (click)="updateGoodsSource(i)"
+            *ngIf="i?.resourceStatus === '1' && i.insurancePayment !== 'Y'"
+            acl
+            [acl-ability]="['SUPPLY-VEHICLE-DETAIL-changeSupply']"
+            >修改货源</button
+          >
+          <button nz-button nzType="primary" nzGhost (click)="nextOrder(i)" acl [acl-ability]="['SUPPLY-VEHICLE-DETAIL-vehiclePlaceOrder']"
+            >再下一单</button
+          >
+        </div>
+      </div>
+      <div class="mt-sm mb-sm" nz-row>
+        <div>
+          <b
+            >总费用：<span class="text-red-light text-md">{{ i?.totalAmount | currency: '￥' }}</span></b
+          >
+        </div>
+      </div>
+      <nz-divider></nz-divider>
+      <div sv-container *ngIf="i">
+        <sv label="外部货源号">{{ i?.externalResourceCode }} </sv>
+        <sv label="项目">{{ i?.enterpriseProjectName }}</sv>
+        <sv label="录单员">{{ i?.createUserName }}/{{ i?.createUserPhone }}</sv>
+        <sv label="调度员">{{ i?.dispatchName }}/{{ i?.dispatchPhone }} </sv>
+        <sv label="服务类型">{{ i?.serviceTypeLabel }} </sv>
+      </div>
+    </ng-template>
+  </page-header-wrapper>
+  <nz-card title="货源进度">
+    <div class="approval-status">
+      <div style="width: 60%; margin: 0 auto">
+        <nz-steps [nzLabelPlacement]="'vertical'">
+          <nz-step
+            [nzStatus]="i?.resourceStatus !== '1' ? 'finish' : 'process'"
+            nzIcon="solution"
+            [nzDescription]="i?.createAt"
+            nzTitle="下单"
+            [nzSubtitle]="i?.createTime"
+          ></nz-step>
+          <nz-step
+            *ngIf="i?.resourceStatus === '1' || i?.resourceStatus === '2'"
+            [nzStatus]="i?.resourceStatus === '1' ? 'wait' : 'finish'"
+            nzIcon="file-done"
+            [nzTitle]="'接单'"
+            [nzSubtitle]="i?.orderReceivingTime"
+          ></nz-step>
+          <nz-step
+            nzStatus="finish"
+            nzIcon="close-circle"
+            nzTitle="取消货源"
+            *ngIf="i?.resourceStatus === '3'"
+            [nzSubtitle]="i?.endTime"
+          ></nz-step>
+        </nz-steps>
+      </div>
+    </div>
+  </nz-card>
+
+  <nz-card nzTitle="基本信息">
+    <sv-container col="2">
+      <sv-title>货物信息</sv-title>
+      <ng-container *ngFor="let item of i?.goodsInfoVOList">
+        <sv label="货物名称">
+          {{ item.goodsName }}
+        </sv>
+        <sv label="货物数量"> {{ item.weight }}吨,{{ item.volume }}方,{{ item.number }}件 </sv>
+      </ng-container>
+    </sv-container>
+    <sv-container class="mt-md">
+      <sv-title>承运信息</sv-title>
+      <sv label="司机姓名">
+        {{ i?.carrierInformationVO?.driverName }}
+      </sv>
+      <sv label="手机号">
+        {{ i?.carrierInformationVO?.driverTelephone }}
+      </sv>
+      <sv label="车牌号">
+        {{ i?.carrierInformationVO?.driverLicensePlate }}
+      </sv>
+    </sv-container>
+    <div class="mt-md">
+      <h4 class="text-md"
+        >装货卸货信息
+        <span class="ml-sm text-sm"
+          >(
+          <label>{{ i?.loadingCount }}装</label>
+          <label>{{ i?.unloadingCount }}卸</label>
+          )
+        </span>
+      </h4>
+      <div nz-row [nzGutter]="24">
+        <div nz-col [nzSpan]="12">
+          <div class="handling-info p-md">
+            <div class="flex" *ngFor="let item of i?.unLoadingPlaceVOList">
+              <div *ngIf="item?.type === '1'" class="loading-row">
+                <div class="handling-info-icon loading-bg">装</div>
+                <div class="info">
+                  <h4>装货地：{{ item?.province }}{{ item?.city }}{{ item?.area }}{{ item?.detailedAddress }}</h4>
+                  <p>联系人：{{ item?.appUserName }}/{{ item?.contractTelephone }}</p>
+                </div>
+              </div>
+            </div>
+            <p class="time-info">装货时间：{{ i?.loadingTime }}</p>
+          </div>
+        </div>
+        <div nz-col [nzSpan]="12">
+          <div class="handling-info p-md">
+            <div class="flex" *ngFor="let item of i?.unLoadingPlaceVOList">
+              <div *ngIf="item?.type === '2'" class="loading-row">
+                <div class="handling-info-icon unloaing-bg">卸</div>
+                <div class="info">
+                  <h4>卸货地：{{ item?.province }}{{ item?.city }}{{ item?.area }}{{ item?.detailedAddress }}</h4>
+                  <p>联系人：{{ item?.appUserName }}/{{ item?.contractTelephone }}</p>
+                </div>
+              </div>
+            </div>
+            <p class="time-info">卸货时间：{{ i?.unloadingTime }}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </nz-card>
+
+  <nz-card nzTitle="服务信息">
+    <sv-container>
+      <sv label="服务包">
+        {{ i?.insuranceTypeLabel}}
+      </sv>
+      <sv label="货物价值" *ngIf="i?.insuranceType !== '3'">
+        {{i?.goodsValue !==null?(i?.goodsValue|currency)+'元':'-'}}
+      </sv>
+      <sv label="服务包费用" *ngIf="i?.insuranceType !== '3'">
+        {{i?.insurancePremium!==null?(i?.insurancePremium |currency)+'元':'-'}}
+      </sv>
+    </sv-container>
+  </nz-card>
+  <nz-card [nzTitle]="'运费信息（到货后' + i?.paymentDays + '天内支付运费）'">
+    <st [data]="i?.expenseVOList" [columns]="expenseColumns" [page]="{ show: false }">
+      <ng-template st-row="total" let-item>
+        <div>
+          {{ item?.totalAmount | currency }}
+          <span>(含附加费）</span>
+        </div>
+      </ng-template>
+      <ng-template st-row="price" let-item>
+        <div>
+          {{ item?.price | currency }}
+        </div>
+      </ng-template>
+    </st>
+    <div class="freight-info-box mt-md" nz-row>
+      <div nz-col nzSpan="24">
+        <h3>
+          <label>总计 :</label>
+          <span class="text-error-dark text-xl">
+            {{ i?.totalAmount | currency }}
+          </span>
+          <span>（运费{{ i?.totalFreight | currency }}含附加运费 {{ i?.totalSurcharge | currency }}）</span>
+        </h3>
+        <div>车队长：{{ i?.payeeName }}/{{ i?.payeePhone }}/{{ i?.payeeCardNo }}</div>
+      </div>
+    </div>
+  </nz-card>
+  <nz-card nzTitle="补充信息">
+    <sv-container>
+      <sv label="是否回单">
+        {{ i?.supplementaryInformationVO?.stateReceipt ? '是' : '否' }}
+      </sv>
+      <sv label="回单类型" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+        {{ i?.supplementaryInformationVO?.receiptType === '1' ? '电子回单' : '纸质回单' }}
+      </sv>
+      <sv label="联系人" *ngIf="i?.supplementaryInformationVO?.stateReceipt"> {{ i?.supplementaryInformationVO?.receiptUserName || '-' }} / {{ i?.supplementaryInformationVO?.phon || '-' }} 
+      </sv>
+      <sv label="所在地区" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+        {{ i?.supplementaryInformationVO?.area }}
+      </sv>
+      <sv label="详细地址" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+        {{ i?.supplementaryInformationVO?.address }}
+      </sv>
+      <sv label="备注">
+        {{ i?.supplementaryInformationVO?.remarks }}
+      </sv>
+    </sv-container>
+  </nz-card>
+  <nz-card nzTitle="操作日志">
+    <st #st [data]="service.$api_getOperationLogRecordsList" [columns]="logColumns"
+    [page]="{}"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }">
+  </st>
+  </nz-card>
+</div>
diff --git a/src/app/routes/supply-management/components/vehicle-detail/vehicle-detail.component.less b/src/app/routes/supply-management/components/vehicle-detail/vehicle-detail.component.less
new file mode 100644
index 00000000..e963d1b7
--- /dev/null
+++ b/src/app/routes/supply-management/components/vehicle-detail/vehicle-detail.component.less
@@ -0,0 +1,84 @@
+:host {
+  .source-info {
+    min-height: 210px;
+
+    p {
+      margin-bottom: .5em;
+    }
+  }
+
+  .btn-size {
+    font-size: 14px;
+  }
+
+  .bdr {
+    border-right: 1px solid #ccc;
+  }
+
+  .bdl {
+    border-left: 1px solid #ccc;
+  }
+
+  .title {
+    font-weight: bold;
+    font-size: 26;
+  }
+
+  .freight-info-box {
+    width: 95%;
+
+    p {
+      margin-bottom: 5px;
+    }
+  }
+
+  .freigth-label {
+    display: inline-block;
+    width: 50px;
+    text-align: right;
+  }
+
+  ::ng-deep {
+    .approval-status {
+      .ant-steps {
+        width: 70%;
+        margin: 0 auto;
+      }
+    }
+  }
+
+  .handling-info {
+    min-height: 176px;
+    border: 1px solid #ccc;
+
+    .loading-row {
+      display: flex;
+    }
+
+    .handling-info-icon {
+      width: 32px;
+      height: 32px;
+      margin-right: 24px;
+      color: #fff;
+      line-height: 32px;
+      text-align: center;
+      border-radius: 50%;
+
+      &.loading-bg {
+        background-color: #50D4AB;
+      }
+
+      &.unloaing-bg {
+        background: #F66F6A;
+      }
+    }
+
+    .info {
+      flex: 1;
+    }
+
+    .time-info {
+      margin-left: 56px;
+    }
+  }
+}
diff --git a/src/app/routes/supply-management/components/vehicle-detail/vehicle-detail.component.spec.ts b/src/app/routes/supply-management/components/vehicle-detail/vehicle-detail.component.spec.ts
new file mode 100644
index 00000000..cb740ab1
--- /dev/null
+++ b/src/app/routes/supply-management/components/vehicle-detail/vehicle-detail.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SupplyManagementVehicleDetailComponent } from './vehicle-detail.component';
+
+describe('SupplyManagementVehicleDetailComponent', () => {
+  let component: SupplyManagementVehicleDetailComponent;
+  let fixture: ComponentFixture<SupplyManagementVehicleDetailComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [SupplyManagementVehicleDetailComponent]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SupplyManagementVehicleDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/supply-management/components/vehicle-detail/vehicle-detail.component.ts b/src/app/routes/supply-management/components/vehicle-detail/vehicle-detail.component.ts
new file mode 100644
index 00000000..4edb9f14
--- /dev/null
+++ b/src/app/routes/supply-management/components/vehicle-detail/vehicle-detail.component.ts
@@ -0,0 +1,181 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn } from '@delon/abc/st';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { SupplyManagementService } from '../../services/supply-management.service';
+import { SupplyManagementVehicleAssignedCarComponent } from '../assigned-car/assigned-car.component';
+import { SupplyManagementUpdateExternalSnComponent } from '../update-external-sn/update-external-sn.component';
+
+@Component({
+  selector: 'app-supply-management-vehicle-detail',
+  templateUrl: './vehicle-detail.component.html',
+  styleUrls: ['./vehicle-detail.component.less']
+})
+export class SupplyManagementVehicleDetailComponent implements OnInit {
+
+  id = this.route.snapshot.params.id;
+  i: any;
+  serviceType: any = {
+    1: '抢单',
+    2: '指派'
+  }
+  logColumns: STColumn[] = [
+    { title: '内容', index: 'operationContent' },
+    { title: '操作人', index: 'operator' },
+    { title: '操作时间', index: 'operatorTimestamp' },
+  ];
+  totalObj: any;
+  attObj: any;
+  status: any = { 1: '待接单', 2: '已接单', 3: '已取消' };
+  totalExpensePrice = 0;
+  expenseColumns: STColumn[] = [
+    {
+      title: '款项',
+      width: '150px',
+      className: 'text-center',
+      index: 'expenseName'
+    },
+    {
+      title: '总费用(元)',
+      width: '150px',
+      className: 'text-center',
+      render: 'total'
+    },
+    {
+      title: '协议金额(元)',
+      width: '150px',
+      className: 'text-center',
+      render: 'price'
+    },
+  ];
+  get reqParams() {
+    return { 
+      operateObject: this.i?.resourceCode,
+      operateTypeList:  [4,7],
+     };
+  }
+  constructor(
+    private route: ActivatedRoute,
+    private msgSrv: NzMessageService,
+    public service: SupplyManagementService,
+    public modal: NzModalService,
+    public router: Router
+  ) {
+
+  }
+
+  ngOnInit(): void {
+    this.getGoodsSourceDetail()
+  }
+
+  getGoodsSourceDetail() {
+    this.service.request(this.service.$api_get_getCompleteVehicleDetail, { id: this.id }).subscribe(res => {
+      console.log('888')
+      console.log(this.i)
+      const expenseList = res?.expenseVOList || [];
+      this.totalExpensePrice = 0;
+      this.attObj = res?.expenseVOList?.filter((data: any) => data.expenseCode === 'ATT')[0];
+      this.totalObj = res?.expenseVOList?.filter((data: any) => data.expenseCode === 'TOTAL')[0];
+      console.log(this.attObj)
+      console.log(this.totalObj)
+      expenseList.forEach((e: any) => {
+        this.totalExpensePrice += e?.price * e?.rate;
+      });
+      this.i = { ...res, totalExpensePrice: this.totalExpensePrice };
+
+    })
+  }
+  /**
+   * 修改货源
+   */
+  updateGoodsSource(record: any) {
+    this.router.navigate(['/supply-management/vehicle-amend', record.id], {
+      queryParams: {
+        sta: 1
+      }
+    });
+  }
+
+  /**
+   * 取消货源
+   */
+  cancleGoodsSource() {
+    this.modal.confirm({
+      nzTitle: '<b>确定取消货源吗?</b>',
+      nzContent: `<b>取消后不可恢复，谨慎操作</b>`,
+      nzOnOk: () =>
+      this.service.request(this.service.$api_cancle_goods_source, { id: this.id }).subscribe(res => {
+        if (res === true) {
+          this.service.msgSrv.success('操作成功！');
+          this.getGoodsSourceDetail()
+        }
+      })
+    })
+  }
+
+  /**
+   *再下一单
+   * @param record
+   */
+  placeOrder(record: any) {
+    this.router.navigate(['./pbg/onecar-publish'], {
+      queryParams: {
+        id: record?.id,
+        type: 'add'
+      }
+    })
+  }
+  /**
+  * 编辑外部货源号
+  * @param item st当前行对象
+  */
+  editEnternalSn(item: any) {
+    const modalRef = this.modal.create({
+      nzWidth: '400px',
+      nzContent: SupplyManagementUpdateExternalSnComponent,
+      nzComponentParams: {
+        orderObject: item,
+      },
+      nzFooter: null,
+      nzClosable: false
+    });
+  }
+
+  /**
+  * 重新指派
+  */
+   assignedCar(item: any) {
+    const { id } = item;
+    console.log(id)
+    const modalRef = this.modal.create({
+      nzTitle: '指派熟车',
+      nzWidth: '1200px',
+      nzContent: SupplyManagementVehicleAssignedCarComponent,
+      nzComponentParams: {
+        i: item,
+        status: 'anew',
+        params: { id },
+        url: this.service.$api_save_assign_vehicle,
+      },
+      nzFooter: null,
+
+    });
+    modalRef.afterClose.subscribe((result) => {
+      if (result) {
+      }
+    });
+  }
+  nextOrder(item: any) {
+    this.router.navigate(['/supply-management/vehicle-amend', item.id], {
+      queryParams: {
+        sta: 2
+      }
+    });
+  }
+  goBack() {
+    window.history.go(-1);
+  }
+
+}
diff --git a/src/app/routes/supply-management/components/vehicle/vehicle.component.html b/src/app/routes/supply-management/components/vehicle/vehicle.component.html
new file mode 100644
index 00000000..9ed09a00
--- /dev/null
+++ b/src/app/routes/supply-management/components/vehicle/vehicle.component.html
@@ -0,0 +1,121 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-22 13:32:15
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\components\\vehicle\\vehicle.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<!-- 搜索表单 -->
+<nz-card>
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="{ '*': { spanLabelFixed: 110, grid: { lg: 8, md: 12, sm: 12, xs: 24, gutter: 4 } } }"
+        [compact]="true"
+        [button]="'none'"
+      ></sf>
+    </div>
+    <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand" class="text-right">
+      <button
+        nz-button
+        nzType="primary"
+        [nzLoading]="loading"
+        (click)="search()"
+        acl
+        [acl-ability]="['SUPPLY-INDEX-vehicleSearch']"
+        >查询</button
+      >
+      <button nz-button nzType="primary" [disabled]="loading" (click)="exportFire()" >导出</button>
+      <button nz-button [disabled]="loading" (click)="resetSF()">重置</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card>
+  <nz-tabset (nzSelectedIndexChange)="selectChange($event)" [nzTabBarExtraContent]="extraTemplate">
+    <nz-tab [nzTitle]="'全部(' + tabs?.totalQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'待接单(' + tabs?.stayQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'已接单(' + tabs?.receivedQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'已取消(' + tabs?.cancelQuantity + ')'"></nz-tab>
+  </nz-tabset>
+  <div style="margin-top: 15px">
+    <!-- 选中提示框 -->
+    <div style="position: relative">
+      <nz-alert
+        nzType="info"
+        [nzMessage]="'当前共' + st?.total + '行记录，已选择' + selectedRows.length + '项'"
+        nzShowIcon
+        [ngStyle]="{ margin: '0 0 1rem 0' }"
+      >
+      </nz-alert>
+    </div>
+    <!-- [req]="{ params: reqParams }" -->
+
+    <st
+      #st
+      [data]="service.$api_get_wholePage_list"
+      [columns]="columns"
+      [req]="{  process: beforeReq }"
+      [res]="{ process: afterRes }"
+      [page]="{ }"
+      [loading]="loading"
+      [scroll]="{ x: '1200px', y: '500px' }"
+    >
+    <ng-template st-row="createUserName" let-item let-index="index">
+      <div> {{ item?.createUserName }}/{{ item?.createUserPhone }} </div>
+    </ng-template>
+      <ng-template st-row="resourceCode" let-item let-index="index">
+        <a [routerLink]="'vehicle-detail/' + item?.id">{{ item?.resourceCode }}</a>
+        <p>{{ item?.resourceTypeLabel }}{{ item?.serviceTypeLabel }}</p>
+        <p>{{ item?.resourceStatusLabel }}</p>
+      </ng-template>
+      <ng-template st-row="total" let-item let-index="index">
+        <div class="mr-xs">{{ item?.totalAmount | currency }} </div>
+      </ng-template>
+      <ng-template st-row="totalAmount" let-item let-index="index">
+        <div class="mr-xs">{{ item?.freight | currency }} </div>
+      </ng-template>
+      <ng-template st-row="surcharge" let-item let-index="index">
+        <div class="mr-xs">{{ item?.surcharge | currency }} </div>
+      </ng-template>
+      <ng-template st-row="useCarDemand" let-item let-index="index">
+        <div>车型: {{ item?.carModelLabel }}</div>
+        <div class="error">车长: {{ item?.carLengthLabel }} 米</div>
+      </ng-template>
+    </st>
+  </div>
+</nz-card>
+<ng-template #extraTemplate>
+  <div>
+    <button (click)="audit('', 2)" nz-button nzType="primary" acl [acl-ability]="['SUPPLY-INDEX-vehicleBatchAudit']">审核</button>
+    <button (click)="releaseGoods()" nz-button nzType="primary" acl [acl-ability]="['SUPPLY-INDEX-vehicleUndertakesToSupply']"
+      >代发货源</button
+    >
+    <button (click)="importGoodsSource()" nz-button nzType="primary">导入货源</button>
+  </div>
+</ng-template>
+
+<nz-modal [(nzVisible)]="isVisible" [nzFooter]="nzModalFooter" nzTitle="货源审核" (nzOnCancel)="handleCancel('suppliersType')">
+  <ng-container *nzModalContent>
+    <div style="position: relative" *ngIf="auditMany">
+      <nz-alert nzType="info" [nzMessage]="'已选择' + selectedRows?.length + '项'" nzShowIcon [ngStyle]="{ margin: '0 0 1rem 0' }">
+      </nz-alert>
+    </div>
+    <sf #sfFre [schema]="freightSchema" [ui]="{ '*': { spanLabelFixed: 120, grid: { span: 16 } } }" [compact]="false" [button]="'none'">
+    </sf>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="primary" (click)="handleOK(1)" [disabled]="">通过</button>
+    <button nz-button nzType="default" (click)="handleOK(2)">不通过</button>
+  </ng-template>
+</nz-modal>
diff --git a/src/app/routes/supply-management/components/vehicle/vehicle.component.less b/src/app/routes/supply-management/components/vehicle/vehicle.component.less
new file mode 100644
index 00000000..e3128423
--- /dev/null
+++ b/src/app/routes/supply-management/components/vehicle/vehicle.component.less
@@ -0,0 +1,25 @@
+.expend-options {
+    margin-top: 0px;
+}
+
+
+@media (min-width: 1200px) {
+    .expend-options {
+        margin-top: -40px;
+        max-width : 400px;
+        position  : absolute;
+        right     : 0;
+        bottom    : 30px;
+    }
+
+}
+
+:host::ng-deep {
+    p {
+        margin-bottom: 0;
+    }
+
+    .text-truncate {
+        white-space: normal;
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/supply-management/components/vehicle/vehicle.component.ts b/src/app/routes/supply-management/components/vehicle/vehicle.component.ts
new file mode 100644
index 00000000..c469dc82
--- /dev/null
+++ b/src/app/routes/supply-management/components/vehicle/vehicle.component.ts
@@ -0,0 +1,690 @@
+import { ActivatedRoute, Router } from '@angular/router';
+import { Component, OnInit, ViewChild, OnChanges } from '@angular/core';
+import { STColumn, STComponent, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { SupplyManagementService } from '../../services/supply-management.service';
+import { SupplyManagementVehicleAssignedCarComponent } from '../assigned-car/assigned-car.component';
+import { SupplyManagementUpdateExternalSnComponent } from '../update-external-sn/update-external-sn.component';
+import { of } from 'rxjs';
+import { ShipperBaseService } from '@shared';
+import { SupplyManagementImportSupplyComponent } from '../../model/import-supply/import-supply.component';
+
+@Component({
+  selector: 'app-supply-management-vehicle',
+  templateUrl: './vehicle.component.html',
+  styleUrls: ['./vehicle.component.less']
+})
+export class SupplyManagementVehicleComponent implements OnInit {
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfFre', { static: false }) sfFre!: SFComponent;
+  loading: boolean = true;
+  schema: SFSchema = this.initSF();
+  columns: STColumn[] = this.initST();
+  _$expand = false;
+  tabs = {
+    totalQuantity: 0,
+    cancelQuantity: 0,
+    receivedQuantity: 0,
+    stayQuantity: 0
+  };
+
+  isVisible = false;
+  freightSchema: SFSchema = {};
+  auditMany = false;
+
+  resourceStatus: any;
+  auditID: any;
+  constructor(
+    public service: SupplyManagementService,
+    private modal: NzModalService,
+    private router: Router,
+    private ar: ActivatedRoute,
+    public shipperSrv: ShipperBaseService
+  ) { }
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    const a: any = {
+      ...params
+    };
+    if (this.resourceStatus) {
+      a.resourceStatus = this.resourceStatus;
+    }
+    this.loading = true;
+    return {
+      ...a
+    };
+  }
+  beforeReq = (requestOptions: STRequestOptions) => {
+    const params = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    const a: any = {
+      ...params
+    };
+    if (this.resourceStatus) {
+      a.resourceStatus = this.resourceStatus;
+    }
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...a
+      });
+    }
+    this.loading = true;
+    return requestOptions;
+  };
+  afterRes = (data: any[], rawData?: any) => {
+    this.loading = false;
+    return data.map(item => ({
+      ...item,
+      disabled: item.auditStatus !== '1'
+    }));
+  };
+
+  get selectedRows() {
+    return this.st?.list.filter(item => item.checked) || [];
+  }
+  ngOnInit(): void {
+    this.initSFFre();
+    this.getGoodsSourceStatistical();
+  }
+  /**
+   * 初始化查询表单
+   */
+
+  initSFFre() {
+    this.freightSchema = {
+      properties: {
+        remarks: {
+          title: '备注',
+          type: 'string',
+          maxLength: 50,
+          ui: {
+            placeholder: '请输入备注',
+            widget: 'textarea'
+          }
+        }
+      },
+      require: ['remarks']
+    };
+  }
+
+  add(): void {
+    // this.modal
+    //   .createStatic(FormEditComponent, { i: { id: 0 } })
+    //   .subscribe(() => this.st.reload());
+  }
+
+  search() {
+    this.st?.load(1);
+    this.getGoodsSourceStatistical();
+  }
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  /**
+   * 重置表单
+   */
+  resetSF(): void {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  selectChange(e: number) {
+    this.resourceStatus = e;
+    setTimeout(() => {
+      this.st.load(1);
+    }, 500);
+  }
+  /**
+   * 导入货源
+   */
+   importGoodsSource() {
+    const modalRef = this.modal.create({
+      nzTitle: '货源导入',
+      nzWidth: 600,
+      nzContent: SupplyManagementImportSupplyComponent,
+      nzComponentParams: {
+        // i: item
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe(result => {
+      if (result) {
+        const tipsModal = this.modal.create({
+          nzTitle: '上传提示',
+          nzWidth: 600,
+          nzContent: `<div>文件上传完成！成功<span class="text-blue-dark">${result?.successNumber}</span>条，失败<span class="text-red-dark">${result?.failNumber}</span>条！</div>`,
+          nzFooter: [
+            {
+              label: '取 消',
+              type: 'default',
+              onClick: () => {
+                tipsModal.destroy();
+              }
+            },
+            {
+              label: '下载失败数据',
+              type: 'primary',
+              loading: this.service.http.loading,
+              onClick: () => {
+                if(!result?.failNumber) {
+                  this.service.msgSrv.error('没有失败数据！');
+                  tipsModal.destroy();
+                  return;
+                }
+                this.service.downloadFile(this.service.$api_getFailUploadGoodsOperateResource, result.ids)
+                tipsModal.destroy();
+              }
+            },
+          ]
+        })
+      }
+    });
+  }
+
+  /**
+   * 修改运费
+   */
+  updateFreight(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '货源导入',
+      nzWidth: 600,
+      nzContent: SupplyManagementImportSupplyComponent,
+      nzComponentParams: {
+        // i: item
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe(result => {
+      if (result) {
+        const tipsModal = this.modal.create({
+          nzTitle: '上传提示',
+          nzWidth: 600,
+          nzContent: `<div>文件上传完成！成功<span class="text-blue-dark">${result?.successNumber}</span>条，失败<span class="text-red-dark">${result?.failNumber}</span>条！</div>`,
+          nzFooter: [
+            {
+              label: '取 消',
+              type: 'default',
+              onClick: () => {
+                tipsModal.destroy();
+              }
+            },
+            {
+              label: '下载失败数据',
+              type: 'primary',
+              onClick: () => {
+                this.service.downloadFile(this.service.$api_getFailUploadGoodsOperateResource, result.ids);
+                // this.service.request(this.service.$api_getFailUploadGoodsOperateResource, result.ids).subscribe((res: any) => {
+                //   if (res) {
+                //     console.log(res);
+                //   }
+                // });
+                console.log(111);
+              }
+            }
+          ]
+        });
+      }
+    });
+  }
+
+  /**
+   * 重新指派
+   */
+  /**
+   * 重新指派
+   */
+  assignedCar(item: any) {
+    const { id } = item;
+    const modalRef = this.modal.create({
+      nzTitle: '指派熟车',
+      nzWidth: '1200px',
+      nzContent: SupplyManagementVehicleAssignedCarComponent,
+      nzComponentParams: {
+        i: item,
+        status: 'anew',
+        params: { id },
+        url: this.service.$api_save_assign_vehicle
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe(result => {
+      if (result) {
+        this.st.reload();
+      }
+    });
+  }
+  /**
+   * 审核
+   */
+  audit(value: any, status?: any) {
+    console.log(value);
+    console.log(status);
+    if (status === 2) {
+      if (this.selectedRows.length <= 0) {
+        this.service.msgSrv.error('未选择货源单！');
+        return;
+      }
+      let list: any[] = [];
+      this.selectedRows.forEach(item => {
+        list.push(item.id);
+      });
+      this.auditID = list;
+      this.auditMany = true;
+    } else {
+      this.auditID = value.id;
+      this.auditMany = false;
+    }
+    this.isVisible = true;
+  }
+  /**
+   * 审核关闭弹窗
+   */
+  handleCancel(type: any) {
+    this.isVisible = false;
+  }
+  /**
+   * 审核通过按钮
+   */
+  handleOK(value: any) {
+    if (this.auditMany === false) {
+      const params: any = {
+        id: this.auditID,
+        remarks: this.sfFre.value.remarks
+      };
+      if (value == 1) {
+        params.auditStatus = 2;
+      } else {
+        params.auditStatus = 3;
+      }
+      console.log('999');
+      console.log(params);
+      this.service.request(this.service.$api_goodsResourceAudit, params).subscribe(res => {
+        if (res === true) {
+          this.service.msgSrv.success('审核成功！');
+          this.isVisible = false;
+          this.st?.reload();
+          this.getGoodsSourceStatistical();
+        }
+      });
+    } else {
+      const params: any = {
+        ids: this.auditID,
+        remarks: this.sfFre.value.remarks
+      };
+      if (value == 1) {
+        params.auditStatus = 2;
+      } else {
+        params.auditStatus = 3;
+      }
+      console.log(params);
+      this.service.request(this.service.$api_batchGoodsResourceAudit, params).subscribe(res => {
+        if (res === true) {
+          this.service.msgSrv.success('审核成功！');
+          this.isVisible = false;
+          this.st?.reload();
+          this.getGoodsSourceStatistical();
+        }
+      });
+    }
+  }
+  /**
+   * 跳转修改货源
+   */
+  amend(item: any) {
+    console.log(item);
+    this.router.navigate(['/supply-management/vehicle-amend', item.id], {
+      queryParams: {
+        sta: 1
+      }
+    });
+  }
+  nextOrder(item: any) {
+    this.router.navigate(['/supply-management/vehicle-amend', item.id], {
+      queryParams: {
+        sta: 2
+      }
+    });
+  }
+  /**
+   * 代发货源
+   */
+  releaseGoods() {
+    this.router.navigate(['/supply-management/vehicle-release']);
+  }
+  /**
+   * 取消货源
+   */
+  cancleGoodsSource(record: any) {
+    this.modal.confirm({
+      nzTitle: '<b>确定取消货源吗?</b>',
+      nzContent: `<b>取消后不可恢复，谨慎操作</b>`,
+      nzOnOk: () =>
+        this.service.request(this.service.$api_cancle_goods_source, { id: record.id }).subscribe(res => {
+          if (res === true) {
+            this.service.msgSrv.success('操作成功！');
+            this.st?.reload();
+            this.getGoodsSourceStatistical();
+          }
+        })
+    });
+  }
+  // 获取货源状态统计
+  getGoodsSourceStatistical() {
+    this.tabs = {
+      totalQuantity: 0,
+      cancelQuantity: 0,
+      receivedQuantity: 0,
+      stayQuantity: 0
+    };
+    const params: any = Object.assign({}, this.reqParams || {});
+    delete params.resourceStatus;
+    this.service.request(this.service.$api_get_goods_resource_statistical, { resourceType: 1, ...params }).subscribe(res => {
+      if (res) {
+        console.log(res);
+        this.tabs = res;
+      }
+    });
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        resourceCode: {
+          type: 'string',
+          title: '货源编号',
+          ui: { placeholder: '请输入' }
+        },
+        loadingPlace: {
+          type: 'string',
+          title: '装货地',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        dischargePlace: {
+          type: 'string',
+          title: '卸货地',
+          ui: { placeholder: '请输入' }
+        },
+        shipperAppUserId: {
+          type: 'string',
+          title: '货主',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            allowClear: true,
+            onSearch: (q: any) => {
+              let str = q.replace(/^\s+|\s+$/g, '');
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map((res: any) => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+            change: (q: any) => {
+              this.getRegionCode(q);
+            }
+          } as SFSelectWidgetSchema
+        },
+        // enterpriseProjectId: {
+        //   type: 'string',
+        //   title: '所属项目',
+        //   ui: {
+        //     widget: 'select',
+        //     visibleIf: {
+        //       _$expand: (value: boolean) => value
+        //     },
+        //     allowClear: true,
+        //     containsAllLabel: true,
+        //     asyncData: () => this.shipperSrv.getEnterpriseProject(this.sf.value?.shipperAppUserId)
+        //   } as SFSelectWidgetSchema
+        // },
+        enterpriseProjectId: {
+          type: 'string',
+          title: '所属项目',
+          ui: {
+            widget: 'select',
+            placeholder: '请先选择货主',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        serviceType: {
+          title: '服务类型',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            containsAllLabel: true,
+            params: { dictKey: 'service:type' },
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            allowClear: true
+          } as SFSelectWidgetSchema
+        },
+        auditStatus: {
+          title: '审核状态',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            allowClear: true,
+            containsAllLabel: true,
+            params: { dictKey: 'goodresource:audit:status' },
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            asyncData: () => this.shipperSrv.getNetworkFreightForwarder(),
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            allowClear: true
+          }
+        }
+      }
+    };
+  }
+  // 获取城市列表
+  getRegionCode(regionCode: any) {
+    console.log(regionCode);
+    return this.service
+      .request(this.service.$api_get_enterprise_project, { id: regionCode })
+      .pipe(
+        map(res =>
+          res.map((item: any) => ({
+            label: item.projectName,
+            value: item.id
+          }))
+        )
+      )
+      .subscribe(res => {
+        this.sf.getProperty('/enterpriseProjectId')!.schema.enum = res;
+        this.sf.getProperty('/enterpriseProjectId')!.widget.reset(res);
+        // if (this.enterpriseProjectIds) {
+        //   this.sf1.setValue('/enterpriseProjectId', this.enterpriseProjectIds);
+        // }
+      });
+  }
+  /**
+   * 初始化数据列表
+   */
+  private initST(): STColumn[] {
+    return [
+      { title: '', type: 'checkbox', fixed: 'left', width: '50px', className: 'text-center' },
+      {
+        title: '货源编号',
+        width: '180px',
+        fixed: 'left',
+        className: 'text-left',
+        render: 'resourceCode'
+      },
+      { title: '录单员', render: 'createUserName', width: '200px', className: 'text-left' },
+      {
+        title: '货主',
+        index: 'shipperAppUserName',
+        width: '180px',
+        className: 'text-left'
+      },
+
+      {
+        title: '项目名称',
+        index: 'enterpriseProjectName',
+        width: '180px',
+        className: 'text-left'
+      },
+      {
+        title: '装货地',
+        index: 'loadingAddressArr',
+        width: '200px',
+        className: 'text-left'
+      },
+      {
+        title: '卸货地',
+        index: 'unloadingAddressArr',
+        width: '200px',
+        className: 'text-left'
+      },
+      {
+        title: '货物名称',
+        index: 'goodsName',
+        width: '150px',
+        className: 'text-left'
+      },
+      {
+        title: '货物数量',
+        width: '200px',
+        index: 'goodsNumber',
+        className: 'text-left',
+        format: item => item.goodsNumber.join('/')
+      },
+      {
+        title: '用车需求',
+        className: 'text-left',
+        width: '180px',
+        render: 'useCarDemand'
+      },
+      {
+        title: '总费用',
+        className: 'text-right',
+        width: '120px',
+        render: 'total'
+      },
+      {
+        title: '总运费',
+        width: '150px',
+        className: 'text-right',
+        index: 'totalAmount',
+        render: 'totalAmount'
+      },
+      {
+        title: '附加费',
+        className: 'text-right',
+        width: '120px',
+        index: 'surcharge',
+        render: 'surcharge'
+      },
+      {
+        title: '货源状态',
+        className: 'text-left',
+        index: 'resourceStatusLabel',
+        width: '120px'
+      },
+      {
+        title: '创建时间',
+        width: '200px',
+        index: 'createTime',
+        className: 'text-left'
+      },
+      {
+        title: '审核状态',
+        className: 'text-left',
+        index: 'auditStatus',
+        type: 'badge',
+        width: '170px',
+        badge: {
+          '1': { text: '待审核', color: 'warning' },
+          '2': { text: '审核通过', color: 'success' },
+          '3': { text: '不通过', color: 'error' },
+          '4': { text: '已取消', color: 'default' }
+        }
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '110px',
+        className: 'text-center block-td',
+        buttons: [
+          {
+            text: '货源审核',
+            click: _record => this.audit(_record, 1),
+            iif: item => item.auditStatus === '1',
+            acl: { ability: ['SUPPLY-INDEX-vehicleBatchAudit'] }
+          },
+          {
+            text: '修改货源',
+            click: _record => this.amend(_record),
+            iif: item => item.resourceStatus === '1' && item.insurancePayment !== 'Y',
+            acl: { ability: ['SUPPLY-INDEX-vehicleModificationSupply'] }
+          },
+          // {
+          //   text: '修改运费',
+          //   click: _record => this.updateFreight(_record),
+          //   iif: item => item.resourceStatus === '1' && item.serviceType === '2'
+          // },
+          {
+            text: '取消货源',
+            click: _record => this.cancleGoodsSource(_record),
+            iif: item => item.resourceStatus === '1',
+            acl: { ability: ['SUPPLY-INDEX-vehicleCancelSupply'] }
+          },
+          {
+            text: '再下一单',
+            click: _record => this.nextOrder(_record),
+            acl: { ability: ['SUPPLY-INDEX-vehiclePlaceOrder'] }
+          },
+          {
+            text: '重新指派',
+            click: _record => this.assignedCar(_record),
+            iif: item => item.resourceStatus === '1' && item.serviceType === '2',
+            acl: { ability: ['SUPPLY-INDEX-vehicleReassign'] }
+          },
+          { type: 'divider' }
+        ]
+      }
+    ];
+  }
+  // 导出
+  exportFire() {
+    this.service.asyncExport(this.reqParams, this.service.$api_asyncExportWholeList);
+  }
+}
diff --git a/src/app/routes/supply-management/model/import-supply/import-supply.component.html b/src/app/routes/supply-management/model/import-supply/import-supply.component.html
new file mode 100644
index 00000000..fd35818d
--- /dev/null
+++ b/src/app/routes/supply-management/model/import-supply/import-supply.component.html
@@ -0,0 +1,55 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-03 11:10:14
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-11 10:35:44
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\model\\import-supply\\import-supply.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<div *ngIf="status">
+  <sf #sf mode="edit" [schema]="schema" [ui]="ui" button="none">
+    <ng-template sf-template="fileName" let-me let-ui="ui" let-schema="schema">
+      <nz-input-group [nzSuffix]="inputClearTpl">
+        <input type="text"  readonly nz-input [(ngModel)]="me.formProperty.value" placeholder="请点击下方按钮上传文件" />
+      </nz-input-group>
+      <ng-template #inputClearTpl>
+        <i nz-icon class="ant-input-clear-icon" nzTheme="fill" nzType="close-circle" *ngIf="me.formProperty.value"
+          (click)="clearFile()"></i>
+      </ng-template>
+    </ng-template>
+    <ng-template sf-template="file" let-me let-ui="ui" let-schema="schema">
+
+      <nz-upload [nzAction]="uploadUrl" [nzName]="'multipartFile'" [nzHeaders]="{ authorization: 'authorization-text' }"
+        [(nzFileList)]="files"
+        [nzAccept]="'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel'"
+        (nzChange)="handleChange($event)" [nzShowUploadList]="false" [nzBeforeUpload]="beforeUpload" [nzLimit]="1">
+        <div>
+          <button nzType="primary" nz-button>
+            <i nz-icon nzType="upload"></i>
+            上传文件
+          </button>
+        </div>
+      </nz-upload>
+      <span style="color: #ff4d4f; font-size: 12px;margin-left: 10px; cursor: pointer;"
+        (click)="downFile()">下载导入模板</span>
+      <div style="color: #ff4d4f; font-size: 12px; margin-top: 5px; width: 400px">仅支持XLS / XLSX文件格式，最多不能超过100行数据</div>
+    </ng-template>
+  </sf>
+  <div>
+    <p class="mb-xs">注意：</p>
+    <p class="mb-xs">1、第一次上传请点击下载模板</p>
+    <p class="mb-xs">2、请不要调整模板顺序</p>
+    <p class="mb-xs">3、必填字段请务必填写</p>
+    <p class="mb-xs">4、如果不清楚字段值，请参考货源发布功能</p>
+    <p class="mb-xs">5、发布成功后，可在货源列表-待接单查看</p>
+    <div>
+</div>
+<div *ngIf="!status">
+  文件上传成功！成功xx条，失败xx条！
+</div>
+<div class="modal-footer text-right">
+  <button nz-button type="button" (click)="close()">取消</button>
+  <button nz-button type="submit" nzType="primary" (click)="save()">确定</button>
+</div>
diff --git a/src/app/routes/supply-management/model/import-supply/import-supply.component.spec.ts b/src/app/routes/supply-management/model/import-supply/import-supply.component.spec.ts
new file mode 100644
index 00000000..65a74b1c
--- /dev/null
+++ b/src/app/routes/supply-management/model/import-supply/import-supply.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SupplyManagementImportSupplyComponent } from './import-supply.component';
+
+describe('SupplyManagementImportSupplyComponent', () => {
+  let component: SupplyManagementImportSupplyComponent;
+  let fixture: ComponentFixture<SupplyManagementImportSupplyComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SupplyManagementImportSupplyComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SupplyManagementImportSupplyComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/supply-management/model/import-supply/import-supply.component.ts b/src/app/routes/supply-management/model/import-supply/import-supply.component.ts
new file mode 100644
index 00000000..3f3a4613
--- /dev/null
+++ b/src/app/routes/supply-management/model/import-supply/import-supply.component.ts
@@ -0,0 +1,213 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-01 15:13:03
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-11 10:33:44
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\model\\import-supply\\import-supply.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { NzUploadChangeParam, NzUploadFile } from 'ng-zorro-antd/upload';
+import { Observable, Observer, of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { SupplyManagementService } from '../../services/supply-management.service';
+import { apiConf } from '@conf/api.conf';
+
+@Component({
+  selector: 'app-supply-management-import-supply',
+  templateUrl: './import-supply.component.html',
+})
+export class SupplyManagementImportSupplyComponent implements OnInit {
+  record: any = {};
+  files: any;
+  fileName: any;
+  status: boolean = true
+  files2: any;
+  schema: SFSchema = {};
+  ui: SFUISchema = {};
+  networkTransporter: any; // 网络货运人id
+  uploadUrl = apiConf.file_upload_url;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  constructor(
+    private modal: NzModalRef,
+    private msgSrv: NzMessageService,
+    public service: SupplyManagementService
+  ) { }
+
+  ngOnInit(): void {
+    this.initSF();
+    console.log(this.record)
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        shipperAppUserId: {
+          title: '货主',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            widget: 'select',
+            // serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            onSearch: (q: any) => {
+              console.log(q === ' ')
+              let str =q.replace(/^\s+|\s+$/g,"");
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map(res => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+            change: (q: any) => {
+              let str =q.replace(/^\s+|\s+$/g,"");
+              if (str) {
+                this.getRegionCode(str);
+                this.getRegionCode2(str);
+              }
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'text',
+          },
+          default: '确认货主后带出'
+        },
+        enterpriseProjectId: {
+          type: 'string',
+          title: '项目',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          } as SFSelectWidgetSchema
+        },
+        fileName: {
+          type: 'string',
+          title: '导入货源信息',
+          ui: {
+            widget: 'custom'
+          }
+        },
+        file: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'custom'
+          }
+        },
+      },
+      required: ['shipperAppUserId', 'enterpriseProjectId','enterpriseInfoId','fileName'],
+    };
+    this.ui = {
+      '*': {
+        grid: { span: 20 },
+      },
+      '$fileName': {
+        spanLabelFixed: 130,
+        grid: { span: 20 },
+      },
+      '$file': {
+        spanLabelFixed: 130,
+        grid: { span: 20 },
+      },
+    };
+  }
+  getRegionCode(regionCode: any) {
+    console.log(regionCode);
+    return this.service
+      .request(this.service.$api_get_enterprise_project, { id: regionCode })
+      .pipe(
+        map(res =>
+          res.map((item: any) => ({
+            label: item.projectName,
+            value: item.id
+          }))
+        )
+      )
+      .subscribe(res => {
+        this.sf.getProperty('/enterpriseProjectId')!.schema.enum = res;
+        this.sf.getProperty('/enterpriseProjectId')!.widget.reset(res);
+      });
+  }
+  getRegionCode2(regionCode: any) {
+    console.log(regionCode);
+    return this.service
+      .request(this.service.$api_getNetworkTransporter, { id: regionCode }).subscribe((res: any) => {
+        console.log(res)
+        this.networkTransporter = res.networkTransporter
+        this.sf.getProperty('/enterpriseInfoId')!.widget.reset(res?.netTranName);
+        this.sf.setValue('/enterpriseInfoId', res?.netTranName)
+      });
+  }
+  save(): void {
+    console.log(this?.networkTransporter)
+    console.log(this.sf.value)
+    if(!this.sf.value?.shipperAppUserId || !this?.networkTransporter || !this.sf.value?.enterpriseProjectId || !this.sf.value?.fileName) {
+      this.service.msgSrv.error('请填写必填项并上传文件！')
+      return
+    }
+    const formData : any= new FormData();
+    this.files?.forEach((file: any) => {
+      formData.append('file', file);
+      formData.append('shipperAppUserId', this.sf.value?.shipperAppUserId);
+      formData.append('enterpriseInfoId', this?.networkTransporter);
+      formData.append('enterpriseProjectId', this.sf.value?.enterpriseProjectId);
+    });
+  
+    console.log(formData)
+    this.service.request(this.service.$api_goodsResourceOperateImport, formData).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('导入成功');
+        this.modal.destroy({ ...res });
+      }
+    });
+  }
+
+  close(): void {
+    this.modal.destroy();
+  }
+  handleChange(info: NzUploadChangeParam): void {
+    switch (info?.file?.status) {
+      case 'uploading':
+        break;
+      case 'done':
+        console.log(info);
+        let file = info?.file;
+        let fileName = file?.response.name;
+        this.sf?.setValue('/fileName', fileName);
+        this.sf?.setValue('/file', file?.response?.url);
+        break;
+      case 'error':
+        this.service.msgSrv.error('出错误了');
+        break;
+    }
+  }
+  beforeUpload = (file: NzUploadFile, _fileList: NzUploadFile[]) => {
+    let fileName = file?.name;
+    this.files = [];
+    this.files.push(file);
+    this.sf?.setValue('/fileName', fileName);
+    return false;
+  };
+  downFile() {
+   this.service.downloadFile(this.service.$api_exportGoodsResourceOperateTemplate);
+  }
+  clearFile() {
+    this.fileName = null;
+    this.sf?.setValue('/fileName', null);
+  }
+}
diff --git a/src/app/routes/supply-management/services/supply-management.service.ts b/src/app/routes/supply-management/services/supply-management.service.ts
new file mode 100644
index 00000000..10cbc648
--- /dev/null
+++ b/src/app/routes/supply-management/services/supply-management.service.ts
@@ -0,0 +1,187 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-03 11:10:14
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-24 19:35:52
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\services\\supply-management.service.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Injectable, Injector } from '@angular/core';
+import { map } from 'rxjs/operators';
+import { BaseService } from 'src/app/shared/services';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class SupplyManagementService extends BaseService {
+  $api_get_enterprise_project = `/api/mdc/cuc/enterpriseProject/getEnterpriseProjectList `; // 所属项目列表
+  // 取消货源
+  $api_cancle_goods_source = `/api/sdc/goodsResourceOperate/cancelSource`;
+  // 整车获取货源表详情
+  $api_get_getCompleteVehicleDetail = `/api/sdc/goodsResourceOperate/getWholeDetail`;
+  // 大宗获取货源表详情
+  $api_get_getBulkDetail = `/api/sdc/goodsResourceOperate/getBulkDetail`;
+  // 查询运营后台大宗货源列表
+  $api_get_bulkPage_list = `/api/sdc/goodsResourceOperate/listBulkPage`;
+  // 查询运营后台整车货源列表
+  $api_get_wholePage_list = `/api/sdc/goodsResourceOperate/listWholePage`;
+  // 整车再下一单
+  $api_set_saveAnotherWholeOrder = `/api/sdc/goodsResourceOperate/saveAnotherWholeOrder`;
+  // 大宗再下一单
+  $api_set_saveAnotherBulkOrder = `/api/sdc/goodsResourceOperate/saveAnotherBulkOrder`;
+  // 编辑整车货源
+  $api_set_WholeModify = `/api/sdc/goodsResourceOperate/updateWhole`;
+  // 编辑大宗货源
+  $api_set_bulkModify = `/api/sdc/goodsResourceOperate/updateBulk`;
+  // 删除装卸货信息
+  $api_delete_Wholedeletebatch = `/api/sdc/unLoadingPlace/deletebatch`;
+  // 删除货物信息
+  $api_delete_bulkdeletebatch = `/api/sdc/goodsInfo/deletebatch`;
+  $api_get_catalogue_member = `/user?_allow_anonymous=true`;
+  $api_get_listModifyPrice = `/api/sdc/goodsInfo/listModifyPrice`;
+  $api_update_price = `/api/sdc/goodsResourceShipper/modifyPrice`; // 根据货物ID修改单价
+  $api_get_goods_resource_statistical = `/api/sdc/goodsResourceOperate/statisticalStatus`; // 统计整车、大宗货源状态数量
+  // 获取货主企业列表
+  public $api_getList = '/api/mdc/cuc/enterpriseInfo/cargoOwner/getList?_allow_anonymous=true';
+  public $api_commonAddress = '/api/sdc/commonAddress/list/page';
+  // 获取货主企业列表
+  public $api_enterpriceList = '/api/mdc/cuc/enterpriseInfo/operate/enterpriceList';
+  // 取消货源
+  public $api_cancelSource = '/api/sdc/goodsResourceOperate/cancelSource';
+  // 整车计算附加费
+  $api_getCalculatedSurcharge = `/api/sdc/expense/getCalculatedSurcharge`;
+  // 整车计算附加费率
+  $api_getcalculatedServiceRate = `/api/sdc/expense/getAdditionalRate`;
+  // 整车计算附加费率
+  $api_getAdditionalRate = `/api/sdc/expense/getAdditionalRate`;
+  // 代发整车货源
+  $api_consignWhole = `/api/sdc/goodsResourceOperate/consignWhole`;
+  // 代发大宗货源
+  $api_consignBulk = `/api/sdc/goodsResourceOperate/consignBulk`;
+
+  $api_get_practice_car_list = `/api/mdc/cuc/enterpriseVehicle/getPracticeCarList`; // 获取熟车列表
+  $api_add_car_caption = `/api/mdc/userDriverExpand/addCarCaptainForShiper`; // 设置为车队长
+  $api_get_goods_resource_shipper = `/api/sdc/goodsResourceShipper/modifyPricePre`; // 修改单价页面根据货源ID获取货物表
+  $api_get_car_captain_by_mobile = `/api/mdc/userDriverExpand/getCarCaptainByMobile`; // 查询车队长或者司机列表
+  $api_save_assign_vehicle = `/api/sdc/goodsResourceShipper/reAssignWhole`; // 整车货源重新指派
+
+  $api_save_assign_bulk = `/api/sdc/goodsResourceShipper/reAssignBulk`; // 货主端大宗货源指派熟车
+  // 整车再下一单指派熟车
+  $api_save_assign_whole = `/api/sdc/goodsResourceOperate/saveAnotherWholeOrderAssign`;
+  // 代发整车货源指派熟车
+  $api_save_consignWholeAssign = `/api/sdc/goodsResourceOperate/consignWholeAssign`;
+  // 货主端大宗货源指派熟车
+  $api_save_bulk_assign = `/api/sdc/goodsResourceOperate/saveAnotherBulkOrderAssign`;
+  // 代发大宗货源指派熟车
+  $api_save_consignBulkAssign = `/api/sdc/goodsResourceOperate/consignBulkAssign`;
+
+  $api_get_has_assigned_car_list = `/api/sdc/goodsResourceShipper/getCarDriverIdsByResourceId`; // 大宗货源根据货源id获取司机和车辆的id集合
+
+  // 根据手机号查询车队长/司机
+  $api_getCarCaptainByMobile = `/api/mdc/userDriverExpand/getCarCaptainByMobile`;
+  // 新增熟车
+  $api_enterpriseVehicleSave = `/api/mdc/cuc/enterpriseVehicle/save`;
+  // 删除熟车
+  $api_deletebatch = `/api/mdc/cuc/enterpriseVehicle/deletebatch`;
+  // 熟车详情
+  $api_getMyDriverUserDetail = `/api/mdc/cuc/enterpriseVehicle/getMyDriverUserDetail`;
+
+  // 获取指派熟车列表
+  $api_getList_card = '/api/mdc/cuc/enterpriseVehicle/getPracticeCarList';
+
+  // 根据地区code查询列表
+  $api_getRegionByCode = '/api/mdc/pbc/region/getRegionByCode';
+  // 识别身份证
+  $api_checkIdCard = '/api/mdc/pbc/hwc/ocr/recognizeIdCard';
+  // 驾驶证识别
+  $api_recognizeDriverLicense = `/api/mdc/pbc/hwc/ocr/recognizeDriverLicense`;
+  // 查询系统配置项
+  public $api_get_config_item_page = '/api/mdc/pbc/sysConfigItem/list/page';
+
+  // 货源审核
+  public $api_goodsResourceAudit = '/api/sdc/goodsResourceOperate/goodsResourceAudit';
+  // 货源审核【批量】
+  public $api_batchGoodsResourceAudit = '/api/sdc/goodsResourceOperate/batchGoodsResourceAudit';
+
+  // 大宗再下一单二维码
+  $api_saveAnotherBulkOrderQRCode = '/api/sdc/goodsResourceOperate/saveAnotherBulkOrderQRCode';
+  // 代发大宗货源二维码
+  $api_consignBulkQRCode = '/api/sdc/goodsResourceOperate/consignBulkQRCode';
+  // 获取操作日志列表
+  public $api_getOperationLogRecordsList = '/api/mdc/pbc/operationLogRecords/getOperationLogRecordsList';
+  // 获取数据字典
+  $api_getDictValue = `/api/mdc/pbc/dictItems/getDictValue`;
+  // 获取协议信息
+  public $api_getAgreementInfoByType = '/api/mdc/pbc/agreementInfo/getAgreementInfoByType';
+  // 获取协议信息
+  public $api_getContractContent = '/api/sdc/contractTemplate/getContractContent';
+  // 获取运价
+  public $api_getFreight = '/api/mdc/cuc/freightConfig/getFreight';
+  // 从业资格证
+  $api_recognizeQualificationCertificate = '/api/mdc/pbc/hwc/ocr/recognizeQualificationCertificate';
+  /**
+   * 获取车型、车长字典数据
+   * @returns
+   */
+  getDictOptions(params = {}) {
+    return this.request(this.$api_getDictValue, params).pipe(
+      map((res: any) => {
+        if (!res) {
+          return [];
+        }
+        const obj = [];
+        obj.push({ label: '不限', value: '999' });
+        return [...obj, ...res];
+      })
+    );
+  }
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+  public limitKeys = {
+    weight: 'sys.config.goods.approvalCarMaxWeight', //整车-核载重量上限
+    volume: 'sys.config.goods.approvalCarMaxVolume', //整车-核载体积上限
+    piece: 'sys.config.goods.approvalCarMaxPiece', //整车-核载件数上限
+    maxDays: 'sys.config.goods.wholeLoadingMaxDays', //整车-计划装货时间上限
+    intervalDays: 'sys.config.goods.wholeUnloadingIntervalDays', //计划装、卸货时间间隔
+    maxTimes: 'sys.config.goods.wholeLoadingMaxTimes' //整车-多装多卸地点上限
+  };
+  public limitKeys2 = {
+    month: 'sys.config.goods.bulkEndMaxMonth', //大宗-截止时间上限
+    weight: 'sys.config.goods.bulkMaxWeight', //大宗-重量上限
+    volume: 'sys.config.goods.bulkMaxVolume', //大宗-体积上限
+    trainNumber: 'sys.config.goods.bulkMaxTrainNumber', //大宗-车次上限
+    freight: 'sys.config.goods.bulkMaxUnitFreight' //大宗-运费单价上限
+  };
+  // 根据ItemKey获取项值
+  public $api_findItemValueByItemKeys = '/api/mdc/pbc/sysConfigItem/findItemValueByItemKeys';
+  // 获取保价费信息
+  public $api_getWholeInsuranceInfo = '/api/sdc/goodsResourceShipper/getWholeInsuranceInfo';
+  // 下载导入货源模板-运营后台
+  public $api_exportGoodsResourceOperateTemplate = '/api/sdc/uploadGoodsResource/exportGoodsResourceOperateTemplate';
+  // 导入货源-运营后台
+  public $api_goodsResourceOperateImport = '/api/sdc/uploadGoodsResource/goodsResourceOperateImport';
+  // 下载失败数据-运营后台
+  public $api_getFailUploadGoodsOperateResource = '/api/sdc/uploadGoodsResource/getFailUploadGoodsOperateResource';
+  // 根据货主ID查询网络货运人信息
+  public $api_getNetworkTransporter = '/api/mdc/cuc/enterpriseInfo/operate/getNetworkTransporter';
+  $api_verify_vehicle_status = `/api/sdc/goodsResourceShipper/saveVerify`; // 发布货源校验司机/车队长的状态
+  $api_get_sys_config = `/api/mdc/pbc/sysConfigItem/findConfigValues`; // 根据项key、业务id获取配置信息
+  // 获取指派熟车列表
+  $api_getListCars = '/api/mdc/cuc/enterpriseVehicle/getPracticeCarList';
+  // 异步导出运营后台大宗货源列表
+  $api_asyncExportBulkList = '/api/sdc/goodsResourceOperate/asyncExportBulkList';
+  // 异步导出运营后台整车货源列表
+  $api_asyncExportWholeList = '/api/sdc/goodsResourceOperate/asyncExportWholeList';
+  // 根据货主ID查询合同签署属性
+  public $api_getContractAtr = '/api/mdc/cuc/enterpriseInfo/cargoOwner/getContractAtr';
+  // 发送邀请司机短信
+  $api_send_msg_code = `/api/mdc/pbc/smsSend/sendInviteDriver`;
+
+  getDictByKey(dictKey: string) {
+    const params = { dictKey: dictKey };
+    return this.request(this.$api_getDictValue, params);
+  }
+}
diff --git a/src/app/routes/supply-management/supply-management-routing.module.ts b/src/app/routes/supply-management/supply-management-routing.module.ts
new file mode 100644
index 00000000..c3eb4ba2
--- /dev/null
+++ b/src/app/routes/supply-management/supply-management-routing.module.ts
@@ -0,0 +1,38 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-03 11:10:14
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-10 14:39:00
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\supply-management-routing.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { SupplyManagementAddDriversComponent } from './components/add-drivers/add-drivers.component';
+import { SupplyManagementBulkDetailComponent } from './components/bulk-detail/bulk-detail.component';
+import { SupplyManagementBulkPublishComponent } from './components/bulk-publish/bulk-publish.component';
+import { SupplyManagementBulkReleasePublishComponent } from './components/bulk-release-publish/bulk-release-publish.component';
+import { SupplyManagementIndexComponent } from './components/index/index.component';
+import { SupplyManagementOnecarPublishComponent } from './components/onecar-publish/onecar-publish.component';
+import { SupplyManagementReleasePublishComponent } from './components/release-publish/release-publish.component';
+import { SupplyManagementVehicleDetailComponent } from './components/vehicle-detail/vehicle-detail.component';
+
+const routes: Routes = [
+  { path: 'index', component: SupplyManagementIndexComponent },
+  { path: 'index/bulk-detail/:id', component: SupplyManagementBulkDetailComponent },
+  { path: 'index/vehicle-detail/:id', component: SupplyManagementVehicleDetailComponent },
+  { path: 'add-drivers', component: SupplyManagementAddDriversComponent },
+  { path: 'vehicle-amend/:id', component: SupplyManagementOnecarPublishComponent },
+  { path: 'vehicle-release', component: SupplyManagementReleasePublishComponent },
+  { path: 'bulk-release', component: SupplyManagementBulkReleasePublishComponent },
+  { path: 'bulk-amend/:id', component: SupplyManagementBulkPublishComponent }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class SupplyManagementRoutingModule {}
diff --git a/src/app/routes/supply-management/supply-management.module.ts b/src/app/routes/supply-management/supply-management.module.ts
new file mode 100644
index 00000000..63ee9e26
--- /dev/null
+++ b/src/app/routes/supply-management/supply-management.module.ts
@@ -0,0 +1,73 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-20 10:13:02
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-07 15:59:05
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\supply-management.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { NgModule, Type } from '@angular/core';
+import { SharedModule } from '@shared';
+import { ParterRebateManageMenRecordDetailComponent } from '../partner/rebate-management/model/record-detail/record-detail.component';
+import { CarAddDriverComponent } from './components/add-driver/add-driver.component';
+import { SupplyManagementAddDriversComponent } from './components/add-drivers/add-drivers.component';
+import { CarAddmodalComponent } from './components/addmodal/addmodal.component';
+import { SupplyManagementVehicleAssignedCarComponent } from './components/assigned-car/assigned-car.component';
+import { SupplyManagementBulkDetailComponent } from './components/bulk-detail/bulk-detail.component';
+import { SupplyManagementBulkPublishComponent } from './components/bulk-publish/bulk-publish.component';
+import { SupplyManagementBulkReleasePublishComponent } from './components/bulk-release-publish/bulk-release-publish.component';
+import { SupplyManagementBulkComponent } from './components/bulk/bulk.component';
+import { PublishchooseFamifiarAddComponent } from './components/choose-famifiar/add/add.component';
+import { PublishGoodsChooseFamifiarComponent } from './components/choose-famifiar/choose-famifiar.component';
+import { PublishchooseFamifiarSetCaptainComponent } from './components/choose-famifiar/set-captain/set-captain.component';
+import { SupplyManagementIndexComponent } from './components/index/index.component';
+import { PublishAddressListComponent } from './components/onecar-publish/address-list/address-list.component';
+import { SupplyManagementOnecarPublishComponent } from './components/onecar-publish/onecar-publish.component';
+import { PublishSuccessComponent } from './components/onecar-publish/publish-success/publish-success.component';
+import { SupplyManagementQrcodePageComponent } from './components/qrcode-page/qrcode-page.component';
+import { SupplyManagementReleasePublishComponent } from './components/release-publish/release-publish.component';
+import { TranAgreementComponent } from './components/tran-agreement/tran-agreement.component';
+import { SupplyManagementUpdateExternalSnComponent } from './components/update-external-sn/update-external-sn.component';
+import { SupplyManagementUpdateFreightComponent } from './components/update-freight/update-freight.component';
+import { SupplyManagementUpdatePriceComponent } from './components/update-price/update-price.component';
+import { SupplyManagementVehicleDetailComponent } from './components/vehicle-detail/vehicle-detail.component';
+import { SupplyManagementVehicleComponent } from './components/vehicle/vehicle.component';
+import { SupplyManagementImportSupplyComponent } from './model/import-supply/import-supply.component';
+import { SupplyManagementRoutingModule } from './supply-management-routing.module';
+
+const COMPONENTS: Type<void>[] = [
+  SupplyManagementIndexComponent,
+  SupplyManagementBulkComponent,
+  SupplyManagementVehicleComponent,
+  SupplyManagementUpdatePriceComponent,
+  SupplyManagementUpdateFreightComponent,
+  SupplyManagementVehicleAssignedCarComponent,
+  SupplyManagementQrcodePageComponent,
+  SupplyManagementUpdateExternalSnComponent,
+  SupplyManagementVehicleDetailComponent,
+  SupplyManagementAddDriversComponent,
+  SupplyManagementOnecarPublishComponent,
+  PublishGoodsChooseFamifiarComponent,
+  PublishchooseFamifiarSetCaptainComponent,
+  PublishchooseFamifiarAddComponent,
+  SupplyManagementBulkPublishComponent,
+  PublishAddressListComponent,
+  PublishSuccessComponent,
+  CarAddDriverComponent,
+  CarAddmodalComponent,
+  SupplyManagementBulkDetailComponent,
+  SupplyManagementReleasePublishComponent,
+  SupplyManagementBulkReleasePublishComponent,
+  TranAgreementComponent,
+  SupplyManagementImportSupplyComponent,
+  ParterRebateManageMenRecordDetailComponent
+];
+
+@NgModule({
+  imports: [SharedModule, SupplyManagementRoutingModule],
+  declarations: COMPONENTS
+})
+export class SupplyManagementModule {}
diff --git a/src/app/routes/sys-setting/components/agreement-config/agreement-config.component.html b/src/app/routes/sys-setting/components/agreement-config/agreement-config.component.html
new file mode 100644
index 00000000..17d718f0
--- /dev/null
+++ b/src/app/routes/sys-setting/components/agreement-config/agreement-config.component.html
@@ -0,0 +1,41 @@
+<page-header-wrapper [title]="'协议配置'"></page-header-wrapper>
+
+<nz-card>
+  <div nz-row [nzGutter]="8">
+    <div nz-col nzSpan="4">
+      <ul nz-menu nzMode="inline" class="card-height">
+        <li nz-menu-item [nzSelected]="item.type===tabItem.type" (click)="changeType(item)" *ngFor="let item of tabs;">
+          {{ item.agreementName }}
+        </li>
+      </ul>
+    </div>
+    <div nz-col nzSpan="20" style="overflow: scroll">
+      <nz-card class="card-height" *ngIf="!isUpdate">
+        <div class="mb-md">
+          <strong>{{ tabItem.agreementName }}</strong>
+          <!-- <button class="btn-right" nz-button nzSize="large" nzType="default" (click)="update()">修改</button> -->
+        </div>
+        <div class="mb-lg">
+          更新时间： {{ tabItem.modifyTime }}
+          <a style="margin-left: 8px" target="_blank" [queryParams]="{ type: tabItem.type }"
+            [routerLink]="['/passport/agreement']">预览</a>
+          <button nz-button nzType="link" (click)="update()">修改</button>
+        </div>
+        <div [innerHTML]="tabItem.agreementContent | safehtml"></div>
+      </nz-card>
+
+      <nz-card class="card-height" *ngIf="isUpdate">
+        <div nz-row nzGutter="8">
+          <div nz-col nzSpan="24">
+            <sf #sf mode="edit" [schema]="schema1" [ui]="{ '*': { spanLabelFixed: 10, grid: { span: 24 }} }"
+              button="none"> </sf>
+          </div>
+        </div>
+        <div class="mb-md save-btn">
+          <button nz-button nzSize="large" nzType="default" (click)="cancel()">取消</button>
+          <button class="ml-lg" nz-button nzSize="large" nzType="primary" (click)="save()">保存</button>
+        </div>
+      </nz-card>
+    </div>
+  </div>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/agreement-config/agreement-config.component.less b/src/app/routes/sys-setting/components/agreement-config/agreement-config.component.less
new file mode 100644
index 00000000..0e059770
--- /dev/null
+++ b/src/app/routes/sys-setting/components/agreement-config/agreement-config.component.less
@@ -0,0 +1,90 @@
+:host {
+  // [nz-menu] {
+  //   float: left;
+  //   width: 254px;
+  //   min-height: 810px;
+  // }
+  ::ng-deep {
+    .ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
+      font-weight: 500;
+    }
+
+    .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
+      // background: transparent;
+    }
+    .ant-menu-inline .ant-menu-item::after {
+      border-right: none;
+    }
+    .ant-menu-item-selected {
+      background: transparent;
+    }
+    .ant-menu-inline .ant-menu-submenu-title {
+      margin: 0;
+    }
+    .console-menu-icon {
+      width: 20px;
+    }
+    .console-menu-title {
+      margin-left: 9px;
+      vertical-align: middle;
+    }
+    .ant-menu-item:focus {
+      outline: none !important;
+    }
+    .tabset-container {
+      height: 450px;
+      margin-top: 16px;
+      overflow-y: auto;
+    }
+  }
+  h3 {
+    margin-left: 15px;
+    padding: 8px 15px;
+    font-weight: 700;
+  }
+  .times {
+    display: inline-block;
+    padding-right: 15px;
+  }
+  .width100 {
+    width: 100px;
+    margin: 0 5px;
+  }
+  .width200 {
+    width: 200px;
+    margin: 0 5px;
+  }
+  .sales-order {
+    margin-left: 15px;
+    padding: 8px 40px;
+    font-size: 18px;
+  }
+  .general-box {
+    height: 750px;
+    overflow: auto;
+  }
+  .card-height {
+    height: 800px;
+  }
+  .btn-right {
+    float: right;
+  }
+  .save-btn {
+    width: 100%;
+    text-align: right;
+  }
+  .ant-menu-vertical .ant-menu-item::after,
+  .ant-menu-vertical-left .ant-menu-item::after,
+  .ant-menu-vertical-right .ant-menu-item::after,
+  .ant-menu-inline .ant-menu-item::after {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    border-right: 3px solid #202886;
+    content: '';
+  }
+  .but_rigth {
+    margin-left: 16% !important;
+  }
+}
diff --git a/src/app/routes/sys-setting/components/agreement-config/agreement-config.component.ts b/src/app/routes/sys-setting/components/agreement-config/agreement-config.component.ts
new file mode 100644
index 00000000..8f0ff5b8
--- /dev/null
+++ b/src/app/routes/sys-setting/components/agreement-config/agreement-config.component.ts
@@ -0,0 +1,86 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { SFComponent, SFSchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { SystemService } from '../../services/system.service';
+@Component({
+  selector: 'app-agreement-config-components-base',
+  styleUrls: ['./agreement-config.component.less'],
+  templateUrl: './agreement-config.component.html'
+})
+export class AgreementConfigComponentsBaseComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema1!: SFSchema;
+  isUpdate = false;
+  tabItem: any = {};
+  tabs: any[] = [];
+
+  constructor(private service: SystemService) {}
+
+  ngOnInit() {
+    this.loadAgreement();
+    this.initSF();
+  }
+
+  initSF(data?: any) {
+    this.schema1 = {
+      properties: {
+        content: {
+          type: 'string',
+          title: '',
+          ui: {
+            widget: 'tinymce',
+            loadingTip: 'loading...',
+            config: {
+              height: 650
+            }
+          },
+          default: data?.agreementContent || ''
+        }
+      }
+    };
+  }
+
+  changeType(item: any): void {
+    this.isUpdate = false;
+    this.tabItem = item;
+  }
+
+  loadAgreement(type?: number) {
+    this.service.request(`${this.service.$api_get_agreement_page}`, { pageIndex: 1, pageSize: 99 }).subscribe(res => {
+      if (res) {
+        res.records = res.records.map((item: any) => ({ ...item, agreementContent: decodeURIComponent(item.agreementContent) }));
+        this.tabs = res.records;
+        if (type) {
+          this.tabItem = res.records.find((i: any) => i.type === type);
+        } else {
+          this.tabItem = res.records?.[0];
+        }
+      }
+    });
+  }
+
+  update() {
+    this.isUpdate = true;
+    this.initSF(this.tabItem);
+  }
+  save() {
+    const params = {
+      id: this.tabItem.id,
+      agreementContent: encodeURIComponent(this.sf?.value.content),
+      type: this.tabItem.type,
+      agreementName: this.tabItem.agreementName
+    };
+    this.isUpdate = false;
+    this.service.request(`${this.service.$api_update_agreement}`, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('保存成功');
+        this.isUpdate = false;
+        this.loadAgreement(this.tabItem.type);
+      }
+    });
+  }
+
+  cancel() {
+    this.isUpdate = false;
+  }
+}
diff --git a/src/app/routes/sys-setting/components/announcement-message/announcement-message.component.html b/src/app/routes/sys-setting/components/announcement-message/announcement-message.component.html
new file mode 100644
index 00000000..e70f7e38
--- /dev/null
+++ b/src/app/routes/sys-setting/components/announcement-message/announcement-message.component.html
@@ -0,0 +1,66 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-19 10:47:46
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-20 15:52:07
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\sys-setting\\components\\announcement-message\\announcement-message.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<page-header-wrapper title="公告信息管理"> </page-header-wrapper>
+
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf #sf [schema]="schema" [ui]="ui" [mode]="'search'" [loading]="false" (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.expend-options]="_$expand" class="text-right">
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+        <button nz-button [disabled]="false" nzType="primary">导出</button>
+        <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card class="content-box">
+  <div class="d-flex justify-content-end mb-sm mt-sm">
+    <div>
+      <button nz-button nzType="primary" (click)="roleAction('', 1)">新增公告</button>
+    </div>
+  </div>
+  <st #st [data]="service.$api_getAnnouncementInfoList_page" [columns]="columns" [req]="{  params: reqParams }"
+    [loading]="false" (change)="stChange($event)">
+    <ng-template st-row="customerType" let-item let-index="index">
+      <div>
+        <span *ngIf="item?.customerType == 1">客户</span>
+        <span *ngIf="item?.customerType == 2">供应商</span>
+      </div>
+    </ng-template>
+  </st>
+</nz-card>
+
+<nz-modal [(nzVisible)]="isVisible" [nzFooter]="nzModalFooter" [nzTitle]="editText" (nzOnOk)="handleOK()"
+  (nzOnCancel)="handleCancel()">
+  <ng-container *nzModalContent>
+    <sf #sfFre [schema]="addSchema" [ui]="ui2" [formData]="formData" [compact]="false" [button]="'none'"> </sf>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="primary" (click)="handleCancel()" [disabled]="">取消</button>
+    <button nz-button nzType="default" (click)="handleOK()">确 定</button>
+  </ng-template>
+</nz-modal>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/announcement-message/announcement-message.component.less b/src/app/routes/sys-setting/components/announcement-message/announcement-message.component.less
new file mode 100644
index 00000000..04fd4ba3
--- /dev/null
+++ b/src/app/routes/sys-setting/components/announcement-message/announcement-message.component.less
@@ -0,0 +1,13 @@
+:host::ng-deep{
+    .search-box{
+        .ant-card-body{
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box{
+        .ant-card-body{
+            padding-top: 14px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/announcement-message/announcement-message.component.ts b/src/app/routes/sys-setting/components/announcement-message/announcement-message.component.ts
new file mode 100644
index 00000000..74ea33fd
--- /dev/null
+++ b/src/app/routes/sys-setting/components/announcement-message/announcement-message.component.ts
@@ -0,0 +1,257 @@
+import { Component, OnInit, ViewChild, Type } from '@angular/core';
+import { STComponent, STColumn, STChange } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFRadioWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { EAEnvironmentService, ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { SystemService } from '../../services/system.service';
+
+@Component({
+  selector: 'app-sys-setting-components-announcement-message',
+  templateUrl: './announcement-message.component.html',
+  styleUrls: ['./announcement-message.component.less']
+})
+export class AnnouncementMessageComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfFre', { static: false }) sfFre!: SFComponent;
+  ui: SFUISchema = {};
+  ui2: SFUISchema = {};
+  schema: SFSchema = {};
+  addSchema: SFSchema = {};
+  _$expand = false;
+  editText = '';
+  formData :any;
+  isVisible = false;
+  edit = false;
+  editId = false;
+
+  columns: STColumn[] = [
+    { title: '公告标题', index: 'announcementTitle' },
+    { title: '创建时间', index: 'createTime' },
+    { title: '发送时间', index: 'sendTime' },
+    { title: '公告内容', index: 'announcementContent' },
+    {
+      title: '操作',
+      className: 'text-center',
+      buttons: [
+        {
+          text: '编辑',
+          click: item => this.roleAction(item, 2)
+        },
+        {
+          text: '删除',
+          click: item => this.deleteAction(item)
+        },
+      ]
+    }
+  ];
+
+  selectedRows: any[] = [];
+
+  get reqParams (){ 
+    return {
+    ...this.sf?.value,
+    createTime: {
+      start: this.sf?.value?.createTime?.[0] || '',
+      end: this.sf?.value?.createTime?.[1] || ''
+    }
+  }};
+
+  constructor(
+    public service: SystemService, 
+    private nzModalService: NzModalService,
+    public shipperservice: ShipperBaseService,
+    private envSrv: EAEnvironmentService,
+    ) {}
+
+  ngOnInit(): void {
+    this.initSF()
+    this.initSFFre()
+  }
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+      case 'filter':
+        this.st.load();
+        break;
+    }
+  }
+    /**
+  * 伸缩查询条件
+  */
+     expandToggle(): void {
+      this._$expand = !this._$expand;
+      this.sf?.setValue('/_$expand', this._$expand);
+    }
+    /**
+   * 查询字段个数
+   */
+     get queryFieldCount(): number {
+      return Object.keys(this.schema?.properties || {}).length;
+    }
+  initSF(){
+  this.schema = {
+    properties: {
+      _$expand: { type: 'boolean', ui: { hidden: true } },
+      announcementTitle: {
+        type: 'string',
+        title: '按钮名称',
+        ui: { placeholder: '请输入' }
+      },
+      createTime: {
+        title: '创建时间',
+        type: 'string',
+        ui: {
+          widget: 'date',
+          mode: 'range',
+          format: 'yyyy-MM-dd',
+          allowClear: true,
+        } as SFDateWidgetSchema
+      },
+    }
+    
+  };
+  this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+  initSFFre() {
+  this.addSchema = {
+    properties: {
+      appIdList: {
+        type: 'string',
+        title: '发布平台',
+        enum: [
+          { label: '运营后台', value: this.envSrv.env.appId },
+          // { label: '货主后台', value: this.envSrv.env.HzappId },
+          // { label: '司机端', value: this.envSrv.env.sjappId }
+        ],
+        ui: {
+          widget: 'select',
+          mode: 'multiple',
+          errors: { required: '请选择' },
+          placeholder: '请选择'
+        }
+      },
+      announcementTitle: {
+        type: 'string',
+        title: '公告标题',
+        ui: { placeholder: '请输入' }
+      },
+      announcementContent: {
+        type: 'string',
+        title: '公告内容',
+        ui: { placeholder: '请输入' }
+      },
+      sendTime: {
+        title: '发送时间',
+        type: 'string',
+        format: 'date-time',
+        ui: {
+          allowClear: true,
+        }
+      },
+  },
+  required: ['name', 'i18n', 'text']
+  };
+this.ui2 = { '*': { spanLabelFixed: 120, grid: { span: 24 } } };
+}
+  roleAction(value: any,item?: any) {
+    if(item === 1) {
+      this.edit = false;
+      this.editText = '新增';
+      this.formData = {};
+    } else {
+      this.service.request(this.service.$api_getAnnouncementInfoById_detail, {id: value.id}).subscribe((res: any) => {
+        console.log(res)
+        if(res) {
+          this.formData = res;
+        }
+      })
+      this.edit = true;
+      this.editId = value.id;
+      this.editText = '编辑';
+    }
+   this.isVisible = true;
+  }
+
+  deleteAction(item?: any) {
+    this.nzModalService.error({
+      nzTitle: '确认删除？',
+      nzClosable: false,
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_delete_deleteAnnouncementInfoById, [item.id]).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('删除成功！');
+            this.st.reload(1)
+          }
+        })
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+  handleCancel() {
+    this.isVisible = false
+  }
+
+  handleOK() {
+    console.log(this.sfFre.value)
+    if(!this.sfFre.valid) {
+      this.service.msgSrv.warning('请正确填写完整！')
+      return
+    }
+    var c = new Date(this.sfFre.value.sendTime);
+    this.sfFre.value.sendTime =
+      c.getFullYear() +
+      '-' +
+      this.addPreZero(c.getMonth() + 1) +
+      '-' +
+      this.addPreZero(c.getDate()) +
+      ' ' +
+      this.addPreZero(c.getHours()) +
+      ':' +
+      this.addPreZero(c.getMinutes()) +
+      ':' +
+      this.addPreZero(c.getSeconds());
+    const params ={
+      ...this.sfFre.value
+    }
+    if(this.editId) {
+      params.id = this.editId
+      console.log(params)
+      this.service.request(this.service.$api_modifyAnnouncementInfo, params).subscribe((res:any) => {
+        if(res) {
+         this.service.msgSrv.success('保存成功！')
+         this.isVisible = false
+         this.st.reload();
+        }
+      })
+    } else {
+      this.service.request(this.service.$api_addAnnouncementInfo, params).subscribe((res:any) => {
+        if(res) {
+         this.service.msgSrv.success('保存成功！')
+         this.isVisible = false
+         this.st.reload();
+        }
+        }
+      )}
+}
+  addPreZero(num: any) {
+    if (num < 10) {
+      return '0' + num;
+    } else {
+      return num;
+    }
+  }
+}
diff --git a/src/app/routes/sys-setting/components/audit-reason-config/audit-reason-config.component.html b/src/app/routes/sys-setting/components/audit-reason-config/audit-reason-config.component.html
new file mode 100644
index 00000000..0025c730
--- /dev/null
+++ b/src/app/routes/sys-setting/components/audit-reason-config/audit-reason-config.component.html
@@ -0,0 +1,25 @@
+<page-header-wrapper title="系统日志">
+</page-header-wrapper>
+
+<nz-card class="search-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzSpan]="18">
+            <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90,grid: { span: 8 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzSpan]="6" class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box">
+    <div class="d-flex justify-content-end mb-sm">
+        <div>
+            <button nz-button nzType="primary" (click)="reasonAction()">新增</button>
+        </div>
+    </div>
+    <st #st [data]="url" [columns]="columns" [req]="{  params: reqParams }" [loading]="false"
+        [scroll]="{ y: '370px' }" (change)="stChange($event)"></st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/audit-reason-config/audit-reason-config.component.less b/src/app/routes/sys-setting/components/audit-reason-config/audit-reason-config.component.less
new file mode 100644
index 00000000..80d9010f
--- /dev/null
+++ b/src/app/routes/sys-setting/components/audit-reason-config/audit-reason-config.component.less
@@ -0,0 +1,21 @@
+:host::ng-deep {
+    .search-box {
+        .ant-card-body {
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box {
+        .ant-card-body {
+            padding-top: 14px;
+        }
+    }
+
+    nz-range-picker {
+        width: 100%;
+    }
+}
+
+.expend-options {
+    margin-top: -40px;
+}
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/audit-reason-config/audit-reason-config.component.ts b/src/app/routes/sys-setting/components/audit-reason-config/audit-reason-config.component.ts
new file mode 100644
index 00000000..ced52980
--- /dev/null
+++ b/src/app/routes/sys-setting/components/audit-reason-config/audit-reason-config.component.ts
@@ -0,0 +1,128 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STChange, STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { SystemService } from '../../services/system.service';
+import { AuditResonConfigActionModalComponent } from './audit-reson-config-action-modal/audit-reson-config-action-modal.component';
+
+@Component({
+  selector: 'app-audit-reason-config',
+  templateUrl: './audit-reason-config.component.html',
+  styleUrls: ['./audit-reason-config.component.less']
+})
+export class AuditReasonConfigComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+
+  url = `/rule?_allow_anonymous=true`;
+
+  searchSchema: SFSchema = {
+    properties: {
+      expand: {
+        type: 'boolean',
+        ui: {
+          hidden: true
+        }
+      },
+      receiveName: {
+        type: 'string',
+        title: '审核类型',
+        enum: [
+          { label: '全部', value: '全部' },
+          { label: '企业认证审核', value: '企业认证审核' },
+          { label: '企业管理员审核', value: '企业管理员审核' },
+          { label: '用户实名认证审核', value: '用户实名认证审核' },
+          { label: '司机实名认证审核', value: '司机实名认证审核' },
+          { label: '司机驾驶证审核', value: '司机驾驶证审核' },
+          { label: '车辆审核', value: '车辆审核' }
+        ],
+        ui: {
+          widget: 'select',
+          placeholder: '请选择',
+          change: (i: any) => {
+            this.sf.value.receiveName = i;
+            this.sf?.setValue('/receiveName', i);
+          }
+        }
+      },
+      phone: {
+        type: 'string',
+        title: '驳回理由',
+        ui: { placeholder: '请输入' }
+      },
+      createTime: {
+        title: '创建时间',
+        type: 'string',
+        ui: {
+          widget: 'date',
+          mode: 'range',
+          format: 'yyyy-MM-dd'
+        } as SFDateWidgetSchema
+      }
+    }
+  };
+
+  columns: STColumn[] = [
+    { title: '操作时间', index: 'updatedAt', type: 'date' },
+    { title: '操作人', index: 'description' },
+    { title: '操作人手机号码', index: 'description' },
+    { title: '操作页面', index: 'description' },
+    { title: '操作内容', index: 'description' },
+    {
+      title: '创建时间',
+      index: 'updatedAt',
+      type: 'date'
+    },
+    {
+      title: '操作',
+      className: 'text-center',
+      buttons: [
+        {
+          text: '编辑',
+          click: item => this.reasonAction(item)
+        },
+        {
+          text: '删除',
+          click: item => this.deleteReason(item)
+        }
+      ]
+    }
+  ];
+
+  reqParams = { pageIndex: 1, pageSize: 10 };
+
+  constructor(public service: SystemService, private nzModalService: NzModalService) {}
+
+  ngOnInit(): void {}
+
+  stChange(e: STChange): void {}
+
+  reasonAction(item?: any) {
+    const modal = this.nzModalService.create({
+      nzContent: AuditResonConfigActionModalComponent,
+      nzComponentParams: item ? { i: { ...item, roleId: 1, name: '车辆审核', phone: 18555555555 } } : { i: { id: 0 } },
+      nzFooter: null
+    });
+    modal.afterClose.subscribe(res => {
+      this.st.load();
+    });
+  }
+
+  deleteReason(item: any) {
+    this.nzModalService.error({
+      nzTitle: '确认删除？',
+      nzClosable: false,
+      nzCancelText: '取消',
+      nzOnOk: () => {}
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+}
diff --git a/src/app/routes/sys-setting/components/audit-reason-config/audit-reson-config-action-modal/audit-reson-config-action-modal.component.html b/src/app/routes/sys-setting/components/audit-reason-config/audit-reson-config-action-modal/audit-reson-config-action-modal.component.html
new file mode 100644
index 00000000..beead4d9
--- /dev/null
+++ b/src/app/routes/sys-setting/components/audit-reason-config/audit-reson-config-action-modal/audit-reson-config-action-modal.component.html
@@ -0,0 +1,11 @@
+<div class="modal-header">
+    <div class="modal-title">{{ i.id === 0 ? '新增配置' : '编辑配置' }}</div>
+</div>
+<div>
+    <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'">
+    </sf>
+</div>
+<div class="modal-footer">
+    <button nz-button type="button" (click)="close()">取消</button>
+    <button nz-button type="button" nzType="primary" (click)="sure()" [disabled]="!sf.valid">保存</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/audit-reason-config/audit-reson-config-action-modal/audit-reson-config-action-modal.component.less b/src/app/routes/sys-setting/components/audit-reason-config/audit-reson-config-action-modal/audit-reson-config-action-modal.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/sys-setting/components/audit-reason-config/audit-reson-config-action-modal/audit-reson-config-action-modal.component.ts b/src/app/routes/sys-setting/components/audit-reason-config/audit-reson-config-action-modal/audit-reson-config-action-modal.component.ts
new file mode 100644
index 00000000..ea2449a9
--- /dev/null
+++ b/src/app/routes/sys-setting/components/audit-reason-config/audit-reson-config-action-modal/audit-reson-config-action-modal.component.ts
@@ -0,0 +1,94 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { SystemService } from '../../../services/system.service';
+
+@Component({
+  selector: 'app-audit-reson-config-action-modal',
+  templateUrl: './audit-reson-config-action-modal.component.html',
+  styleUrls: ['./audit-reson-config-action-modal.component.less']
+})
+export class AuditResonConfigActionModalComponent implements OnInit {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  i: any;
+  schema!: SFSchema;
+  ui: SFUISchema = {
+    '*': {
+      spanLabelFixed: 120,
+      grid: { span: 24 }
+    }
+  };
+  constructor(private modal: NzModalRef, public service: SystemService) {}
+
+  ngOnInit(): void {
+    this.initSF(this.i);
+  }
+  initSF(staff: any) {
+    this.schema = {
+      properties: {
+        name: {
+          title: '选择审核类型',
+          type: 'string',
+          enum: [
+            { label: '全部', value: '全部' },
+            { label: '企业认证审核', value: '企业认证审核' },
+            { label: '企业管理员审核', value: '企业管理员审核' },
+            { label: '用户实名认证审核', value: '用户实名认证审核' },
+            { label: '司机实名认证审核', value: '司机实名认证审核' },
+            { label: '司机驾驶证审核', value: '司机驾驶证审核' },
+            { label: '车辆审核', value: '车辆审核' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            change: (i: any) => {
+              this.sf.value.name = i;
+              this.sf?.setValue('/name', i);
+            }
+          },
+          default: staff.name
+        },
+        phone: {
+          title: '驳回理由',
+          type: 'string',
+          ui: { placeholder: '请输入', widget: 'textarea', autosize: { minRows: 2, maxRows: 6 } },
+          default: staff.phone
+        }
+      },
+      required: ['name']
+    };
+  }
+
+  sure() {
+    if (this.i.id === 0) {
+      const params: any = {
+        ...this.sf.value,
+        roleId: this.sf.value.roleId,
+        telephone: this.sf.value.phone,
+        staffName: this.sf.value.name
+      };
+      // this.service.request(this.service.$api_addStaff, params).subscribe((res) => {
+      //   console.log(res);
+      //   if (res) {
+      //     this.service.msgSrv.success('保存成功！');
+      //     this.modal.close(true);
+      //   }
+      //   // this.showInviteFlag = true;
+      //   // this.inviteCode = res.inviteCode;
+      // });
+    } else {
+      const params: any = {
+        appUserId: this.i.appUserId,
+        staffName: this.sf.value.name,
+        roleId: this.sf.value.roleId,
+        telephone: this.i.telephone
+      };
+    }
+  }
+
+  close() {
+    this.modal.destroy();
+  }
+}
diff --git a/src/app/routes/sys-setting/components/basic-config/basic-config-action-modal/basic-config-action-modal.component.html b/src/app/routes/sys-setting/components/basic-config/basic-config-action-modal/basic-config-action-modal.component.html
new file mode 100644
index 00000000..beead4d9
--- /dev/null
+++ b/src/app/routes/sys-setting/components/basic-config/basic-config-action-modal/basic-config-action-modal.component.html
@@ -0,0 +1,11 @@
+<div class="modal-header">
+    <div class="modal-title">{{ i.id === 0 ? '新增配置' : '编辑配置' }}</div>
+</div>
+<div>
+    <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'">
+    </sf>
+</div>
+<div class="modal-footer">
+    <button nz-button type="button" (click)="close()">取消</button>
+    <button nz-button type="button" nzType="primary" (click)="sure()" [disabled]="!sf.valid">保存</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/basic-config/basic-config-action-modal/basic-config-action-modal.component.less b/src/app/routes/sys-setting/components/basic-config/basic-config-action-modal/basic-config-action-modal.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/sys-setting/components/basic-config/basic-config-action-modal/basic-config-action-modal.component.ts b/src/app/routes/sys-setting/components/basic-config/basic-config-action-modal/basic-config-action-modal.component.ts
new file mode 100644
index 00000000..0b999760
--- /dev/null
+++ b/src/app/routes/sys-setting/components/basic-config/basic-config-action-modal/basic-config-action-modal.component.ts
@@ -0,0 +1,106 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { SFComponent, SFRadioWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { SystemService } from '../../../services/system.service';
+
+@Component({
+  selector: 'app-basic-config-action-modal',
+  templateUrl: './basic-config-action-modal.component.html',
+  styleUrls: ['./basic-config-action-modal.component.less']
+})
+export class BasicConfigActionModalComponent implements OnInit {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  i: any;
+  schema!: SFSchema;
+  ui: SFUISchema = {
+    '*': {
+      spanLabelFixed: 120,
+      grid: { span: 24 }
+    }
+  };
+  constructor(private modal: NzModalRef,public service: SystemService) {}
+
+  ngOnInit(): void {
+    this.initSF(this.i);
+  }
+  initSF(staff: any) {
+    this.schema = {
+      properties: {
+        name: {
+          title: '配置类型',
+          type: 'string',
+          enum: [
+            { label: '全部', value: '全部' },
+            { label: '企业认证审核', value: '企业认证审核' },
+            { label: '企业管理员审核', value: '企业管理员审核' },
+            { label: '用户实名认证审核', value: '用户实名认证审核' },
+            { label: '司机实名认证审核', value: '司机实名认证审核' },
+            { label: '司机驾驶证审核', value: '司机驾驶证审核' },
+            { label: '车辆审核', value: '车辆审核' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            change: (i: any) => {
+              this.sf.value.name = i;
+              this.sf?.setValue('/name', i);
+            }
+          },
+          default: staff.name
+        },
+        phone: {
+          title: '配置项',
+          type: 'string',
+          ui: { placeholder: '请输入' },
+          default: staff.phone
+        },
+        roleId: {
+          type: 'string',
+          title: '启用状态',
+          enum: [
+            { label: '启用', value: 1 },
+            { label: '停用', value: 0 }
+          ],
+          ui: {
+            widget: 'radio'
+          } as SFRadioWidgetSchema,
+          default: staff?.roleId || 1
+        }
+      },
+      required: ['name', 'phone', 'roleId']
+    };
+  }
+
+  sure() {
+    if (this.i.id === 0) {
+      const params: any = {
+        ...this.sf.value,
+        roleId: this.sf.value.roleId,
+        telephone: this.sf.value.phone,
+        staffName: this.sf.value.name
+      };
+      // this.service.request(this.service.$api_addStaff, params).subscribe((res) => {
+      //   console.log(res);
+      //   if (res) {
+      //     this.service.msgSrv.success('保存成功！');
+      //     this.modal.close(true);
+      //   }
+      //   // this.showInviteFlag = true;
+      //   // this.inviteCode = res.inviteCode;
+      // });
+    } else {
+      const params: any = {
+        appUserId: this.i.appUserId,
+        staffName: this.sf.value.name,
+        roleId: this.sf.value.roleId,
+        telephone: this.i.telephone
+      };
+    }
+  }
+
+  close() {
+    this.modal.destroy();
+  }
+}
diff --git a/src/app/routes/sys-setting/components/basic-config/basic-config.component.html b/src/app/routes/sys-setting/components/basic-config/basic-config.component.html
new file mode 100644
index 00000000..3840d334
--- /dev/null
+++ b/src/app/routes/sys-setting/components/basic-config/basic-config.component.html
@@ -0,0 +1,26 @@
+<page-header-wrapper title="基础配置">
+</page-header-wrapper>
+
+<nz-card class="search-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzSpan]="6">
+            <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90,grid: { span: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzSpan]="8" nzOffset="1">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box">
+
+    <div class="d-flex justify-content-end mb-sm">
+        <div>
+            <button nz-button nzType="primary" (click)="configAction()">新增</button>
+        </div>
+    </div>
+    <st #st [data]="url" [columns]="columns" [req]="{  params: reqParams }" [loading]="false"
+        [scroll]="{ y: '370px' }" (change)="stChange($event)"></st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/basic-config/basic-config.component.less b/src/app/routes/sys-setting/components/basic-config/basic-config.component.less
new file mode 100644
index 00000000..04fd4ba3
--- /dev/null
+++ b/src/app/routes/sys-setting/components/basic-config/basic-config.component.less
@@ -0,0 +1,13 @@
+:host::ng-deep{
+    .search-box{
+        .ant-card-body{
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box{
+        .ant-card-body{
+            padding-top: 14px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/basic-config/basic-config.component.ts b/src/app/routes/sys-setting/components/basic-config/basic-config.component.ts
new file mode 100644
index 00000000..2d1838b5
--- /dev/null
+++ b/src/app/routes/sys-setting/components/basic-config/basic-config.component.ts
@@ -0,0 +1,129 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { SystemService } from '../../services/system.service';
+import { BasicConfigActionModalComponent } from './basic-config-action-modal/basic-config-action-modal.component';
+
+@Component({
+  selector: 'app-basic-config',
+  templateUrl: './basic-config.component.html',
+  styleUrls: ['./basic-config.component.less']
+})
+export class BasicConfigComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+
+  url = `/rule?_allow_anonymous=true`;
+
+  searchSchema: SFSchema = {
+    properties: {
+      receiveName: {
+        title: '配置类型',
+        type: 'string',
+        ui: {
+          widget: 'select',
+          placeholder: '请选择',
+          // asyncData: () => {
+          //   return this.service.request(this.service.$api_getAppRoleList).pipe(
+          //     map((res: any) => {
+          //       this.roleList = res;
+          //       return res.map((item: any) => {
+          //         return { label: item.roleName, value: item.id };
+          //       });
+          //     }),
+          //   );
+          // },
+          change: (i: any) => {
+            this.sf.value.receiveName = i;
+            this.sf?.setValue('/receiveName', i);
+          }
+        }
+      }
+    }
+  };
+
+  columns: STColumn[] = [
+    { title: '配置类型', index: 'no' },
+    { title: '配置项', index: 'description' },
+    {
+      title: '启用状态',
+      className: 'text-center',
+      index: 'status',
+      type: 'badge',
+      badge: {
+        0: { text: '启用', color: 'success' },
+        2: { text: '停用', color: 'error' },
+        3: { text: '停用', color: 'error' },
+        1: { text: '停用', color: 'error' }
+      }
+    },
+    {
+      title: '创建时间',
+      index: 'updatedAt',
+      type: 'date'
+    },
+    {
+      title: '操作',
+      className: 'text-center',
+      buttons: [
+        {
+          text: '编辑',
+          click: item => this.configAction(item)
+        },
+        {
+          text: '停用',
+          click: item => this.deactivateConfig(item)
+        }
+      ]
+    }
+  ];
+
+  selectedRows: any[] = [];
+
+  reqParams = { pageIndex: 1, pageSize: 10 };
+
+  constructor(public service: SystemService, private nzModalService: NzModalService) {}
+
+  ngOnInit(): void {}
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+      case 'filter':
+        this.st.load();
+        break;
+    }
+  }
+
+  configAction(item?: any) {
+    const modal = this.nzModalService.create({
+      nzContent: BasicConfigActionModalComponent,
+      nzComponentParams: item ? { i: { ...item, roleId: 1, name: '车辆审核', phone: 18555555555 } } : { i: { id: 0 } },
+      nzFooter: null
+    });
+    modal.afterClose.subscribe(res => {
+      this.st.load();
+    });
+  }
+
+  deactivateConfig(item?: any) {
+    this.nzModalService.error({
+      nzTitle: '确认停用？',
+      nzContent: `<label class="error-color">停用后配置将无法使用，请谨慎操作！</label>`,
+      nzClosable: false,
+      nzCancelText: '取消',
+      nzOnOk: () => {}
+    });
+  }
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+}
diff --git a/src/app/routes/sys-setting/components/basic-setting/basic-setting.component.html b/src/app/routes/sys-setting/components/basic-setting/basic-setting.component.html
new file mode 100644
index 00000000..9cd465f6
--- /dev/null
+++ b/src/app/routes/sys-setting/components/basic-setting/basic-setting.component.html
@@ -0,0 +1,3 @@
+<app-dynamic-setting-h5 [tabs]="tabs" [configList]="configList" [selectedTab]="selectedTab"
+    (selectedEvent)="getConfigList($event)" (saveEvent)="saveAction($event)" [labelWidth]="labelWidth">
+</app-dynamic-setting-h5>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/basic-setting/basic-setting.component.less b/src/app/routes/sys-setting/components/basic-setting/basic-setting.component.less
new file mode 100644
index 00000000..8e398b39
--- /dev/null
+++ b/src/app/routes/sys-setting/components/basic-setting/basic-setting.component.less
@@ -0,0 +1,27 @@
+:host {
+  ::ng-deep {
+    .card-height {
+      min-height: 600px;
+    }
+
+    .save-btn {
+      width     : 100%;
+      text-align: right;
+    }
+
+    .block-radio {
+      display   : flex;
+      min-height: 32px;
+    }
+
+    input {
+      width      : 100px;
+      margin-left: 10px;
+    }
+
+    .ant-form-item-control-input-content {
+      display: flex;
+    }
+  }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/basic-setting/basic-setting.component.ts b/src/app/routes/sys-setting/components/basic-setting/basic-setting.component.ts
new file mode 100644
index 00000000..e765f3dc
--- /dev/null
+++ b/src/app/routes/sys-setting/components/basic-setting/basic-setting.component.ts
@@ -0,0 +1,74 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-25 13:10:49
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-26 17:45:11
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\sys-setting\\components\\basic-setting\\basic-setting.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { dateTimePickerUtil } from '@delon/util';
+import { SystemService } from '../../services/system.service';
+
+@Component({
+  selector: 'app-basic-setting',
+  templateUrl: './basic-setting.component.html',
+  styleUrls: ['./basic-setting.component.less']
+})
+export class BasicSettingComponent implements OnInit {
+  tabs: any[] = [];
+  selectedTab: any = null;
+  labelWidth = 250;
+  configList: any = [];
+  constructor(public service: SystemService) {}
+
+  ngOnInit() {
+    this.getTypeList();
+  }
+
+  getTypeList() {
+    this.service.request(this.service.$api_get_config_tree, { configFullKey: 'sys.config', extendType: 0 }).subscribe((res: Array<any>) => {
+      if (res?.length > 0) {
+        const typeData = res.find(config => config.configFullKey === 'sys.config');
+        if (typeData) {
+          this.tabs = typeData?.children;
+          this.selectedTab = typeData?.children?.[0];
+          this.getConfigList(this.selectedTab);
+        }
+      }
+    });
+  }
+
+  getConfigList(selectedTab: any) {
+    this.selectedTab = selectedTab;
+    this.service.request(this.service.$api_get_config_by_parent_id, { id: selectedTab?.id }).subscribe((res: Array<any>) => {
+      if (res?.length > 0) {
+        res = res.map(item => ({
+          ...item,
+          remark: item.remark ? JSON.parse(item.remark) : null,
+          itemValue: item?.itemValue ? (item?.itemType !== 8 ? JSON.parse(item?.itemValue) : item?.itemValue) : item?.itemValue,
+          itemData: item.itemData ? JSON.parse(item.itemData) : item.itemData
+        }));
+        const hiddenType = res.find(item => item.itemType === 7 || item.itemType === 999);
+        this.labelWidth = hiddenType ? 0 : 250;
+        this.configList = res;
+      } else {
+        this.configList = [];
+      }
+    });
+  }
+
+  saveAction(params: any) {
+    this.service.request(this.service.$api_update_config_batch, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('修改配置成功');
+        setTimeout(() => {
+          this.getConfigList(this.selectedTab);
+        }, 100);
+      }
+    });
+  }
+}
diff --git a/src/app/routes/sys-setting/components/btn-management/btn-management.component.html b/src/app/routes/sys-setting/components/btn-management/btn-management.component.html
new file mode 100644
index 00000000..ccccdef8
--- /dev/null
+++ b/src/app/routes/sys-setting/components/btn-management/btn-management.component.html
@@ -0,0 +1,80 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-19 10:47:46
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-21 13:43:28
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\sys-setting\\components\\btn-management\\btn-management.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<page-header-wrapper title="按钮管理设置"> </page-header-wrapper>
+
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [loading]="false"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.expend-options]="_$expand" class="text-right">
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+        <button nz-button [disabled]="false" nzType="primary">导出</button>
+        <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card class="content-box">
+  <div class="d-flex justify-content-end mb-sm mt-sm">
+    <div>
+      <button nz-button nzType="primary" (click)="roleAction('', 1)">新增按钮</button>
+    </div>
+  </div>
+  <st
+    #st
+    [data]="service.$api_getButtonInfoPage"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="false"
+    (change)="stChange($event)"
+  >
+    <ng-template st-row="customerType" let-item let-index="index">
+      <div>
+        <span *ngIf="item?.customerType == 1">客户</span>
+        <span *ngIf="item?.customerType == 2">供应商</span>
+      </div>
+    </ng-template>
+  </st>
+</nz-card>
+
+<nz-modal [(nzVisible)]="isVisible" [nzFooter]="nzModalFooter" [nzTitle]="editcode" (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel()">
+  <ng-container *nzModalContent>
+    <sf #sfFre [schema]="addSchema" [ui]="ui2" [formData]="formData" [compact]="false" [button]="'none'"> </sf>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="default"  (click)="handleCancel()" [disabled]="">取消</button>
+    <button nz-button nzType="primary" (click)="handleOK()">确 定</button>
+  </ng-template>
+</nz-modal>
diff --git a/src/app/routes/sys-setting/components/btn-management/btn-management.component.less b/src/app/routes/sys-setting/components/btn-management/btn-management.component.less
new file mode 100644
index 00000000..04fd4ba3
--- /dev/null
+++ b/src/app/routes/sys-setting/components/btn-management/btn-management.component.less
@@ -0,0 +1,13 @@
+:host::ng-deep{
+    .search-box{
+        .ant-card-body{
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box{
+        .ant-card-body{
+            padding-top: 14px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/btn-management/btn-management.component.ts b/src/app/routes/sys-setting/components/btn-management/btn-management.component.ts
new file mode 100644
index 00000000..e2350c92
--- /dev/null
+++ b/src/app/routes/sys-setting/components/btn-management/btn-management.component.ts
@@ -0,0 +1,200 @@
+import { Component, OnInit, ViewChild, Type } from '@angular/core';
+import { STComponent, STColumn, STChange } from '@delon/abc/st';
+import { SFComponent, SFRadioWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { SystemService } from '../../services/system.service';
+
+@Component({
+  selector: 'app-sys-setting-components-btn-management',
+  templateUrl: './btn-management.component.html',
+  styleUrls: ['./btn-management.component.less']
+})
+export class BtnManagementComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfFre', { static: false }) sfFre!: SFComponent;
+  ui: SFUISchema = {};
+  ui2: SFUISchema = {};
+  schema: SFSchema = {};
+  addSchema: SFSchema = {};
+  _$expand = false;
+  editcode = '';
+  formData :any;
+  isVisible = false;
+  edit = false;
+  editId = false;
+
+  columns: STColumn[] = [
+    { title: '按钮名称', index: 'name' },
+    { title: 'i18n', index: 'i18n' },
+    { title: '创建时间', index: 'createTime' },
+    { title: '按钮编码', index: 'code' },
+    {
+      title: '操作',
+      className: 'text-center',
+      buttons: [
+        {
+          text: '编辑',
+          click: item => this.roleAction(item, 2)
+        },
+        {
+          text: '删除',
+          click: item => this.deleteAction(item)
+        },
+      ]
+    }
+  ];
+
+  selectedRows: any[] = [];
+
+  get reqParams (){ 
+    return {
+    ...this.sf?.value,
+  }};
+
+  constructor(
+    public service: SystemService, 
+    private nzModalService: NzModalService,
+    public shipperservice: ShipperBaseService,
+    ) {}
+
+  ngOnInit(): void {
+    this.initSF()
+    this.initSFFre()
+  }
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+      case 'filter':
+        this.st.load();
+        break;
+    }
+  }
+    /**
+  * 伸缩查询条件
+  */
+     expandToggle(): void {
+      this._$expand = !this._$expand;
+      this.sf?.setValue('/_$expand', this._$expand);
+    }
+    /**
+   * 查询字段个数
+   */
+     get queryFieldCount(): number {
+      return Object.keys(this.schema?.properties || {}).length;
+    }
+  initSF(){
+  this.schema = {
+    properties: {
+      _$expand: { type: 'boolean', ui: { hidden: true } },
+      name: {
+        type: 'string',
+        title: '按钮名称',
+        ui: { placeholder: '请输入' }
+      },
+    }
+    
+  };
+  this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+  initSFFre() {
+  this.addSchema = {
+    properties: {
+      name: {
+        type: 'string',
+        title: '按钮名称',
+        ui: { placeholder: '请输入' }
+      },
+      i18n: {
+        type: 'string',
+        title: 'i18n',
+        ui: { placeholder: '请输入' }
+      },
+      code: {
+        title: '按钮编码',
+        type: 'string',
+        ui: {
+          placeholder: '请输入',
+        }
+      },
+  },
+  required: ['name', 'i18n', 'code']
+  };
+this.ui2 = { '*': { spanLabelFixed: 120, grid: { span: 24 } } };
+}
+  roleAction(value: any,item?: any) {
+    if(item === 1) {
+      this.edit = false;
+      this.editcode = '新增';
+      this.formData = {};
+    } else {
+      this.service.request(this.service.$api_getButtonInfo_one, {id: value.id}).subscribe((res: any) => {
+        console.log(res)
+        if(res) {
+          this.formData = res;
+        }
+      })
+      this.edit = true;
+      this.editId = value.id;
+      this.editcode = '编辑';
+    }
+   this.isVisible = true;
+  }
+
+  deleteAction(item?: any) {
+    this.nzModalService.error({
+      nzTitle: '确认删除？',
+      nzClosable: false,
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_deletebatchButton, [item.id]).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('删除成功！');
+            this.st.reload(1)
+          }
+        })
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+  handleCancel() {
+    this.isVisible = false
+  }
+
+  handleOK() {
+    console.log(this.sfFre.value)
+    if(!this.sfFre.valid) {
+      this.service.msgSrv.warning('请正确填写完整！')
+      return
+    }
+    const params ={
+      ...this.sfFre.value
+    }
+    if(this.editId) {
+      params.id = this.editId
+    }
+    this.service.request(this.service.$api_saveButtonInfo, params).subscribe((res:any) => {
+      if(res) {
+    this.service.msgSrv.success('保存成功！')
+    this.isVisible = false
+    this.st.reload();
+      } else {
+    this.service.msgSrv.warning(res?.msg)
+
+      }
+    })
+  }
+}
diff --git a/src/app/routes/sys-setting/components/cart-config/cart-config-action-modal/cart-config-action-modal.component.html b/src/app/routes/sys-setting/components/cart-config/cart-config-action-modal/cart-config-action-modal.component.html
new file mode 100644
index 00000000..4e4ed373
--- /dev/null
+++ b/src/app/routes/sys-setting/components/cart-config/cart-config-action-modal/cart-config-action-modal.component.html
@@ -0,0 +1,11 @@
+<div class="modal-header">
+    <div class="modal-title">{{ i.id === 0 ? '新增配置' : '编辑配置' }}</div>
+</div>
+<div>
+    <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'">
+    </sf>
+</div>
+<div class="modal-footer">
+    <button nz-button type="button" (click)="close()">取消</button>
+    <button nz-button type="button" nzType="primary" (click)="configType===3?configAction():sure()" [disabled]="!sf.valid">保存</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/cart-config/cart-config-action-modal/cart-config-action-modal.component.less b/src/app/routes/sys-setting/components/cart-config/cart-config-action-modal/cart-config-action-modal.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/sys-setting/components/cart-config/cart-config-action-modal/cart-config-action-modal.component.ts b/src/app/routes/sys-setting/components/cart-config/cart-config-action-modal/cart-config-action-modal.component.ts
new file mode 100644
index 00000000..86e436fd
--- /dev/null
+++ b/src/app/routes/sys-setting/components/cart-config/cart-config-action-modal/cart-config-action-modal.component.ts
@@ -0,0 +1,146 @@
+import { Component, Input, OnInit, ViewChild } from '@angular/core';
+import { SFComponent, SFRadioWidgetSchema, SFSchema, SFStringWidgetSchema, SFUISchema } from '@delon/form';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { SystemService } from '../../../services/system.service';
+
+@Component({
+  selector: 'app-cart-config-action-modal',
+  templateUrl: './cart-config-action-modal.component.html',
+  styleUrls: ['./cart-config-action-modal.component.less']
+})
+export class CartConfigActionModalComponent implements OnInit {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  i: any;
+  schema!: SFSchema;
+  ui: SFUISchema = {
+    '*': {
+      spanLabelFixed: 120,
+      grid: { span: 24 }
+    }
+  };
+  @Input()
+  configType: number = 1;
+  dictKey = '';
+  constructor(private modal: NzModalRef, public service: SystemService) {}
+
+  ngOnInit(): void {
+    this.initSF(this.i);
+  }
+  initSF(staff: any) {
+    let option: any = {};
+    switch (this.configType) {
+      case 1:
+        option = {
+          title: '车型',
+          ui: {
+            placeholder: '请输入'
+          }
+        };
+        this.dictKey = 'car:model';
+        break;
+      case 2:
+        option = {
+          title: '车长',
+          ui: {
+            placeholder: '请输入',
+            addOnAfter: '米'
+          } as SFStringWidgetSchema
+        };
+        this.dictKey = 'car:length';
+        break;
+      case 3:
+        option = {
+          title: '物品名称',
+          ui: {
+            placeholder: '请输入'
+          }
+        };
+        this.dictKey = 'ban.goods.name';
+        break;
+
+      default:
+        break;
+    }
+    this.schema = {
+      properties: {
+        itemValue: {
+          ...option,
+          type: 'string',
+          default: staff.itemValue
+        },
+        statePaused: {
+          type: 'string',
+          title: '状态',
+          enum: [
+            { label: '启用', value: false },
+            { label: '停用', value: true }
+          ],
+          ui: {
+            widget: 'radio',
+            visibleIf: {
+              itemValue: (value: number) => this.configType !== 3
+            }
+          } as SFRadioWidgetSchema,
+          default: staff?.statePaused || false
+        }
+      },
+      required: ['itemValue']
+    };
+  }
+
+  sure() {
+    if (this.i.id === 0) {
+      const params: any = {
+        ...this.sf.value,
+        dictKey: this.dictKey,
+        itemData: this.sf.value.itemValue
+      };
+      this.service.request(this.service.$api_add_dict, params).subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success('保存成功！');
+          this.modal.close(true);
+        }
+      });
+    } else {
+      const params: any = {
+        ...this.i,
+        ...this.sf.value
+      };
+      this.service.request(this.service.$api_update_dict, params).subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success('保存成功！');
+          this.modal.close(true);
+        }
+      });
+    }
+  }
+
+  configAction() {
+    if (this.i.id === 0) {
+      const params: any = {
+        configFullKey: 'ban.goods.name',
+        name: this.sf.value.itemValue
+      };
+      this.service.request(this.service.$api_add_config_item, params).subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success('保存成功！');
+          this.modal.close(true);
+        }
+      });
+    } else {
+      const params: any = { ...this.sf.value, ...this.i, configFullKey: 'ban.goods.name', name: this.sf.value.itemValue };
+      this.service.request(this.service.$api_update_config_item, params).subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success('保存成功！');
+          this.modal.close(true);
+        }
+      });
+    }
+  }
+
+  close() {
+    this.modal.destroy();
+  }
+}
diff --git a/src/app/routes/sys-setting/components/cart-config/cart-config.component.html b/src/app/routes/sys-setting/components/cart-config/cart-config.component.html
new file mode 100644
index 00000000..c5cfa144
--- /dev/null
+++ b/src/app/routes/sys-setting/components/cart-config/cart-config.component.html
@@ -0,0 +1,31 @@
+<page-header-wrapper [title]="'车型车长配置'" [content]="content">
+    <ng-template #content>
+        <nz-tabset class="tabs-wrap">
+            <nz-tab *ngFor="let tab of tabs" [nzTitle]="tab.name" (nzSelect)="changeTab(tab)"> </nz-tab>
+        </nz-tabset>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card class="search-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzSpan]="6">
+            <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90,grid: { span: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzSpan]="8" nzOffset="1">
+            <button nz-button nzType="primary" [nzLoading]="loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card>
+    <div class="d-flex justify-content-end mb-sm">
+        <div>
+            <button nz-button nzType="primary" (click)="configAction()">新增</button>
+        </div>
+    </div>
+    <st #st [data]="tabType === 3?service.$api_get_config_item_page:service.$api_get_dict_page" [columns]="columns"
+        [req]="{process: beforeReq }" [res]="{  process: afterRes }" [loading]="loading"
+        [scroll]="{ y: '370px' }"></st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/cart-config/cart-config.component.less b/src/app/routes/sys-setting/components/cart-config/cart-config.component.less
new file mode 100644
index 00000000..72efc9a9
--- /dev/null
+++ b/src/app/routes/sys-setting/components/cart-config/cart-config.component.less
@@ -0,0 +1,21 @@
+:host::ng-deep {
+    .search-box {
+        .ant-card-body {
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box {
+        .ant-card-body {
+            padding-top: 14px;
+        }
+    }
+
+    .tabs-wrap>.ant-tabs-nav {
+        margin-bottom: 0;
+    }
+
+    h1 {
+        margin: 0;
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/cart-config/cart-config.component.ts b/src/app/routes/sys-setting/components/cart-config/cart-config.component.ts
new file mode 100644
index 00000000..b7039fb0
--- /dev/null
+++ b/src/app/routes/sys-setting/components/cart-config/cart-config.component.ts
@@ -0,0 +1,197 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { SystemService } from '../../services/system.service';
+import { CartConfigActionModalComponent } from './cart-config-action-modal/cart-config-action-modal.component';
+
+@Component({
+  selector: 'app-cart-config',
+  templateUrl: './cart-config.component.html',
+  styleUrls: ['./cart-config.component.less'],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class CartConfigComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  tabs = [
+    {
+      name: '车型配置',
+      type: 1,
+      isActived: false
+    },
+    {
+      name: '车长配置',
+      type: 2,
+      isActived: false
+    },
+    {
+      name: '禁限物品名单',
+      type: 3,
+      isActived: false
+    }
+  ];
+  tabType = 1;
+
+  searchSchema: SFSchema = {
+    properties: {
+      tabType: {
+        type: 'number',
+        ui: {
+          hidden: true
+        }
+      },
+      params1: {
+        title: '车型',
+        type: 'string',
+        ui: {
+          placeholder: '请输入',
+          visibleIf: {
+            tabType: (value: number) => this.tabType === 1
+          }
+        }
+      },
+      params2: {
+        title: '车长',
+        type: 'string',
+        ui: {
+          placeholder: '请输入',
+          visibleIf: {
+            tabType: (value: number) => this.tabType === 2
+          }
+        }
+      },
+      params3: {
+        title: '物品名称',
+        type: 'string',
+        ui: {
+          placeholder: '请输入',
+          visibleIf: {
+            tabType: (value: number) => this.tabType === 3
+          }
+        }
+      }
+    }
+  };
+
+  columns: STColumn[] = [
+    { title: '车型', index: 'itemValue', iif: () => this.tabType === 1 },
+    { title: '车长', index: 'itemValue', iif: () => this.tabType === 2 },
+    { title: '物品名称', index: 'name', iif: () => this.tabType === 3 },
+    {
+      title: '启用状态',
+      className: 'text-center',
+      iif: () => this.tabType !== 3,
+      index: 'statePaused',
+      type: 'badge',
+      badge: {
+        false: { text: '启用', color: 'success' },
+        true: { text: '禁用', color: 'error' }
+      }
+    },
+    {
+      title: '创建时间',
+      index: 'modifyTime',
+      type: 'date'
+    },
+    {
+      title: '操作',
+      className: 'text-center',
+      buttons: [
+        {
+          text: '编辑',
+          click: item => this.configAction(item)
+        },
+        {
+          text: '删除',
+          click: item => this.deleteAction(item)
+        }
+      ]
+    }
+  ];
+
+  loading = true;
+  constructor(public service: SystemService, private nzModalService: NzModalService, private cdr: ChangeDetectorRef) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    let params = {};
+    switch (this.tabType) {
+      case 1:
+        Object.assign(params, { dictKey: 'car:model', itemValue: this.sf?.value.params1 });
+        break;
+      case 2:
+        Object.assign(params, { dictKey: 'car:length', itemValue: this.sf?.value.params2 });
+        break;
+      case 3:
+        Object.assign(params, { configFullKey: 'ban.goods.name', name: this.sf?.value.params3 });
+        break;
+
+      default:
+        break;
+    }
+    Object.assign(requestOptions.body, params);
+    this.loading = true;
+    return requestOptions;
+  };
+
+  afterRes = (data: any[], rawData?: any) => {
+    this.loading = false;
+    return data;
+  };
+
+  // 切换Tab
+  changeTab(item: any) {
+    this.tabType = item.type;
+    this.sf?.setValue('/tabType', item.type);
+    this.sf?.reset();
+    // this.tabs.forEach(i => (i.isActived = false));
+    // item.isActived = !item.isActived;
+    this.st.load(1);
+    this.st.resetColumns();
+    // this.cdr.detectChanges();
+  }
+
+  configAction(item?: any) {
+    const modal = this.nzModalService.create({
+      nzContent: CartConfigActionModalComponent,
+      nzComponentParams: item
+        ? { i: { ...item, itemValue: item.name }, configType: this.tabType }
+        : { i: { id: 0 }, configType: this.tabType },
+      nzFooter: null
+    });
+    modal.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load();
+        this.cdr.detectChanges();
+      }
+    });
+  }
+
+  deleteAction(item?: any) {
+    this.nzModalService.error({
+      nzTitle: '确认删除？',
+      nzClosable: false,
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        this.service
+          .request(this.tabType === 3 ? this.service.$api_remove_config_item : this.service.$api_delete_dict_by_ids, [item.id])
+          .subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success('删除配置成功');
+              this.st.load(1);
+            }
+          });
+      }
+    });
+  }
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+}
diff --git a/src/app/routes/sys-setting/components/close-account/close-account.component.html b/src/app/routes/sys-setting/components/close-account/close-account.component.html
new file mode 100644
index 00000000..ac4baf2e
--- /dev/null
+++ b/src/app/routes/sys-setting/components/close-account/close-account.component.html
@@ -0,0 +1,66 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-12-24 15:38:08
+ * @LastEditTime: 2021-12-27 11:21:35
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\sys-setting\components\crm-management\crm-management.component.html
+-->
+<page-header-wrapper title="结算客户管理">
+</page-header-wrapper>
+
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf #sf [schema]="schema" [ui]="ui" [mode]="'search'" [loading]="false" (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.expend-options]="_$expand" class="text-right">
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+        <button nz-button [disabled]="false" nzType="primary">导出</button>
+        <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card class="content-box">
+
+  <div class="d-flex justify-content-end mb-sm mt-sm">
+    <div>
+      <button nz-button nzType="primary" (click)="roleAction('',1)">新增结算客户</button>
+    </div>
+  </div>
+  <st #st [data]="service.$api_settlementCustomer_page" [columns]="columns" [req]="{ params: reqParams }" [page]="{}"
+    [loading]="false" [scroll]="{ y: '370px' }" (change)="stChange($event)">
+    <ng-template st-row="customerType" let-item let-index="index">
+      <div>
+        <span *ngIf="item?.customerType == 1">客户</span>
+        <span *ngIf="item?.customerType == 2">供应商</span>
+      </div>
+    </ng-template>
+  </st>
+</nz-card>
+
+<nz-modal [(nzVisible)]="isVisible" [nzFooter]="nzModalFooter" [nzTitle]="editText" (nzOnOk)="handleOK()"
+  (nzOnCancel)="handleCancel()">
+  <ng-container *nzModalContent>
+    <sf #sfFre [schema]="addSchema" [ui]="ui2" [formData]="formData" [compact]="false" [button]="'none'">
+    </sf>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="primary" (click)="handleCancel()" [disabled]="">取消</button>
+    <button nz-button nzType="default" (click)="handleOK()">确 定</button>
+  </ng-template>
+</nz-modal>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/close-account/close-account.component.less b/src/app/routes/sys-setting/components/close-account/close-account.component.less
new file mode 100644
index 00000000..04fd4ba3
--- /dev/null
+++ b/src/app/routes/sys-setting/components/close-account/close-account.component.less
@@ -0,0 +1,13 @@
+:host::ng-deep{
+    .search-box{
+        .ant-card-body{
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box{
+        .ant-card-body{
+            padding-top: 14px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/close-account/close-account.component.ts b/src/app/routes/sys-setting/components/close-account/close-account.component.ts
new file mode 100644
index 00000000..0826ae0c
--- /dev/null
+++ b/src/app/routes/sys-setting/components/close-account/close-account.component.ts
@@ -0,0 +1,248 @@
+import { Component, OnInit, ViewChild, Type } from '@angular/core';
+import { STComponent, STColumn, STChange } from '@delon/abc/st';
+import { SFComponent, SFRadioWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { SystemService } from '../../services/system.service';
+
+@Component({
+  selector: 'app-close-account',
+  templateUrl: './close-account.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class CloseAccountComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfFre', { static: false }) sfFre!: SFComponent;
+  ui: SFUISchema = {};
+  ui2: SFUISchema = {};
+  schema: SFSchema = {};
+  addSchema: SFSchema = {};
+  _$expand = false;
+  editText = '';
+  formData :any;
+  isVisible = false;
+  edit = false;
+  editId = false;
+
+  columns: STColumn[] = [
+    { title: '结算客户名称', index: 'customerName' },
+    { title: '结算客户编码', index: 'customerCode' },
+    { title: '网络货运人', index: 'networkTransporterName' },
+    { title: '货主名称', index: 'enterpriseName' },
+    { title: '客户编码', index: 'crmCustomerCode' },
+    {
+      title: '操作',
+      className: 'text-center',
+      buttons: [
+        {
+          text: '编辑',
+          click: item => this.roleAction(item, 2)
+        },
+        {
+          text: '删除',
+          click: item => this.deleteAction(item)
+        },
+      ]
+    }
+  ];
+
+  selectedRows: any[] = [];
+
+  get reqParams (){ 
+    return {
+    ...this.sf?.value,
+  }};
+
+  constructor(
+    public service: SystemService, 
+    private nzModalService: NzModalService,
+    public shipperservice: ShipperBaseService,
+    ) {}
+
+  ngOnInit(): void {
+    this.initSF()
+    this.initSFFre()
+  }
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+      case 'filter':
+        this.st.load();
+        break;
+    }
+  }
+    /**
+  * 伸缩查询条件
+  */
+     expandToggle(): void {
+      this._$expand = !this._$expand;
+      this.sf?.setValue('/_$expand', this._$expand);
+    }
+    /**
+   * 查询字段个数
+   */
+     get queryFieldCount(): number {
+      return Object.keys(this.schema?.properties || {}).length;
+    }
+  initSF(){
+  this.schema = {
+    properties: {
+      _$expand: { type: 'boolean', ui: { hidden: true } },
+      customerName: {
+        type: 'string',
+        title: '结算客户名称',
+        ui: { placeholder: '请输入' }
+      },
+      customerCode: {
+        type: 'string',
+        title: '结算客户编码',
+        ui: { placeholder: '请输入' }
+      },
+      networkTransporterId: {
+        title: '网络货运人',
+        type: 'string',
+        ui: {
+          placeholder: '请选择',
+          widget: 'select',
+          allowClear: true,
+          asyncData: () => this.shipperservice.getNetworkFreightForwarder(),
+        }
+      },
+      enterpriseName: {
+        type: 'string',
+        title: '货主名称',
+        ui: { placeholder: '请输入',
+        visibleIf: {
+          _$expand: (value: boolean) => value
+        } }
+      },
+    }
+    
+  };
+  this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+  initSFFre() {
+  this.addSchema = {
+    properties: {
+      customerName: {
+        type: 'string',
+        title: '结算客户名称',
+        ui: { placeholder: '请输入' }
+      },
+      customerCode: {
+        type: 'string',
+        title: '结算客户编码',
+        ui: { placeholder: '请输入' }
+      },
+      networkTransporterId: {
+        title: '网络货运人',
+        type: 'string',
+        ui: {
+          placeholder: '请选择',
+          widget: 'select',
+          asyncData: () => this.shipperservice.getNetworkFreightForwarder(),
+        }
+      },
+      enterpriseId: {
+        title: '货主',
+        type: 'string',
+        maxLength: 30,
+        ui: {
+          widget: 'select',
+          serverSearch: true,
+          searchDebounceTime: 300,
+          searchLoadingText: '搜索中...',
+          onSearch: (q: any) => {
+            let str =q.replace(/^\s+|\s+$/g,"");
+            if (str) {
+              return this.service
+                .request(this.service.$api_enterpriceList, { enterpriseName: str})
+                .pipe(map((res: any) => (res as any[]).map((i) => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                .toPromise();
+            } else {
+              return of([]);
+            }
+          },
+        } as SFSelectWidgetSchema,
+      }, 
+  },
+  required: ['customerName', 'customerCode', 'networkTransporterId', 'enterpriseId']
+  };
+this.ui2 = { '*': { spanLabelFixed: 120, grid: { span: 24 } } };
+}
+  roleAction(value: any,item?: any) {
+    if(item === 1) {
+      this.edit = false;
+      this.editText = '新增';
+      this.formData = {};
+    } else {
+      this.service.request(this.service.$api_settlementCustomer_get, {id: value.id}).subscribe((res: any) => {
+        console.log(res)
+        if(res) {
+          this.formData = res;
+        }
+      })
+      this.edit = true;
+      this.editId = value.id;
+      this.editText = '编辑';
+    }
+   this.isVisible = true;
+  }
+
+  deleteAction(item?: any) {
+    this.nzModalService.error({
+      nzTitle: '确认删除？',
+      nzClosable: false,
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_deletebatchButton, [item.id]).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('删除成功！');
+            this.st.reload(1)
+          }
+        })
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+  handleCancel() {
+    this.isVisible = false
+  }
+
+  handleOK() {
+    console.log(this.sfFre.value)
+    if(!this.sfFre.valid) {
+      this.service.msgSrv.warning('请正确填写完整！')
+      return
+    }
+    const params ={
+      ...this.sfFre.value
+    }
+    if(this.editId) {
+      params.id = this.editId
+    }
+    this.service.request(this.service.$api_settlementCustomer_save, params).subscribe((res:any) => {
+      if(res) {
+    this.service.msgSrv.success('保存成功！')
+    this.isVisible = false
+    this.st.reload();
+      } else {
+    this.service.msgSrv.warning(res?.msg)
+
+      }
+    })
+  }
+}
diff --git a/src/app/routes/sys-setting/components/crm-management/crm-management.component.html b/src/app/routes/sys-setting/components/crm-management/crm-management.component.html
new file mode 100644
index 00000000..af91a30c
--- /dev/null
+++ b/src/app/routes/sys-setting/components/crm-management/crm-management.component.html
@@ -0,0 +1,52 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-12-24 15:38:08
+ * @LastEditTime : 2022-02-23 17:14:33
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\sys-setting\\components\\crm-management\\crm-management.component.html
+-->
+<page-header-wrapper title="CRM客户管理">
+</page-header-wrapper>
+
+<nz-card class="search-box">
+  <div nz-row nzGutter="8">
+      <div nz-col [nzSpan]="10">
+          <sf #sf [schema]="schema" [ui]="ui" 
+              [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="8" nzOffset="1">
+          <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)"  acl  [acl-ability]="['SYSTEM-CRM-list']">查询</button>
+          <button nz-button (click)="resetSF()">重置</button>
+      </div>
+  </div>
+</nz-card>
+<nz-card class="content-box">
+
+  <div class="d-flex justify-content-end mb-sm">
+    <div>
+      <button nz-button nzType="primary" (click)="roleAction('',1)" acl  [acl-ability]="['SYSTEM-CRM-add']">新增CRM客户</button>
+    </div>
+  </div>
+  <st #st [data]="service.$api_get_crmCustomer_page" [columns]="columns" [req]="{ params: reqParams }"
+    [loading]="false" [scroll]="{ y: '370px' }" (change)="stChange($event)" [page]="{}" >
+    <ng-template st-row="customerType" let-item let-index="index">
+      <div>
+        <span *ngIf="item?.customerType == 1">客户</span>
+        <span *ngIf="item?.customerType == 2">供应商</span>
+      </div>
+    </ng-template>
+  </st>
+</nz-card>
+
+<nz-modal [(nzVisible)]="isVisible" [nzFooter]="nzModalFooter" [nzTitle]="editText" (nzOnOk)="handleOK()"
+  (nzOnCancel)="handleCancel()">
+  <ng-container *nzModalContent>
+    <sf #sfFre [schema]="addSchema" [ui]="ui2" [formData]="formData" [compact]="false" [button]="'none'">
+    </sf>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="primary" (click)="handleCancel()" [disabled]="">取消</button>
+    <button nz-button nzType="default" (click)="handleOK()">确 定</button>
+  </ng-template>
+</nz-modal>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/crm-management/crm-management.component.less b/src/app/routes/sys-setting/components/crm-management/crm-management.component.less
new file mode 100644
index 00000000..04fd4ba3
--- /dev/null
+++ b/src/app/routes/sys-setting/components/crm-management/crm-management.component.less
@@ -0,0 +1,13 @@
+:host::ng-deep{
+    .search-box{
+        .ant-card-body{
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box{
+        .ant-card-body{
+            padding-top: 14px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/crm-management/crm-management.component.ts b/src/app/routes/sys-setting/components/crm-management/crm-management.component.ts
new file mode 100644
index 00000000..7202b549
--- /dev/null
+++ b/src/app/routes/sys-setting/components/crm-management/crm-management.component.ts
@@ -0,0 +1,205 @@
+import { Component, OnInit, ViewChild, Type } from '@angular/core';
+import { STComponent, STColumn, STChange } from '@delon/abc/st';
+import { SFComponent, SFRadioWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { SystemService } from '../../services/system.service';
+
+@Component({
+  selector: 'app-crm-management',
+  templateUrl: './crm-management.component.html',
+  styleUrls: ['./crm-management.component.less']
+})
+export class CrmManagementComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfFre', { static: false }) sfFre!: SFComponent;
+  ui: SFUISchema = {};
+  ui2: SFUISchema = {};
+  schema: SFSchema = {};
+  addSchema: SFSchema = {};
+  _$expand = false;
+  editText = '';
+  formData :any;
+  isVisible = false;
+  edit = false;
+  editId = false;
+
+  columns: STColumn[] = [
+    { title: '客户名称', index: 'customerName' },
+    { title: '客户简称', index: 'customerShortName' },
+    { title: '客户编码', index: 'customerCode' },
+    {
+      title: '操作',
+      className: 'text-left',
+      buttons: [
+        {
+          text: '编辑',
+          click: item => this.roleAction(item, 2),
+          acl: { ability: ['SYSTEM-CRM-edit'] },
+        },
+        {
+          text: '删除',
+          click: item => this.deleteAction(item),
+          acl: { ability: ['SYSTEM-CRM-delete'] },
+        },
+      ]
+    }
+  ];
+
+  selectedRows: any[] = [];
+
+  get reqParams (){ 
+    return {
+    ...this.sf?.value,
+  }};
+
+  constructor(public service: SystemService, private nzModalService: NzModalService) {}
+
+  ngOnInit(): void {
+    this.initSF()
+    this.initSFFre()
+  }
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+      case 'filter':
+        this.st.load();
+        break;
+    }
+  }
+    /**
+  * 伸缩查询条件
+  */
+     expandToggle(): void {
+      this._$expand = !this._$expand;
+      this.sf?.setValue('/_$expand', this._$expand);
+    }
+    /**
+   * 查询字段个数
+   */
+     get queryFieldCount(): number {
+      return Object.keys(this.schema?.properties || {}).length;
+    }
+  initSF(){
+  this.schema = {
+    properties: {
+      _$expand: { type: 'boolean', ui: { hidden: true } },
+      customerName: {
+        type: 'string',
+        title: '客户名称',
+        ui: { placeholder: '请输入' }
+      },
+      customerShortName: {
+        type: 'string',
+        title: '客户简称',
+        ui: { placeholder: '请输入' }
+      },
+      customerCode: {
+        type: 'string',
+        title: '客户编码',
+        ui: { placeholder: '请输入',
+        visibleIf: {
+          _$expand: (value: boolean) => value
+        } }
+      },
+    }
+    
+  };
+  this.ui = { '*': { spanLabelFixed: 110, grid: { span: 12, gutter: 4 } } };
+  }
+  initSFFre() {
+  this.addSchema = {
+    properties: {
+      customerName: {
+        type: 'string',
+        title: '客户名称',
+        ui: { placeholder: '请输入' }
+      },
+      customerShortName: {
+        type: 'string',
+        title: '客户简称',
+        ui: { placeholder: '请输入' }
+      },
+      customerCode: {
+        type: 'string',
+        title: '客户编码',
+        ui: { placeholder: '请输入' }
+      },
+  },
+  required: ['customerName', 'customerShortName', 'customerCode']
+  };
+this.ui2 = { '*': { spanLabelFixed: 120, grid: { span: 24 } } };
+}
+  roleAction(value: any,item?: any) {
+    if(item === 1) {
+      this.edit = false;
+      this.editText = '新增';
+      this.formData = {};
+    } else {
+      this.service.request(this.service.$api_get_crmCustomer, {id: value.id}).subscribe((res: any) => {
+        console.log(res)
+        if(res) {
+          this.formData = res;
+        }
+      })
+      this.edit = true;
+      this.editId = value.id;
+      this.editText = '编辑';
+    }
+   this.isVisible = true;
+  }
+
+  deleteAction(item?: any) {
+    this.nzModalService.error({
+      nzTitle: '确认删除？',
+      nzClosable: false,
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_deletebatch_crmCustomer, [item.id]).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('删除成功！');
+            this.st.reload(1)
+          }
+        })
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+  handleCancel() {
+    this.isVisible = false
+  }
+
+  handleOK() {
+    console.log(this.sfFre.value)
+    if(!this.sfFre.valid) {
+      this.service.msgSrv.warning('请正确填写完整！')
+      return
+    }
+    const params ={
+      ...this.sfFre.value
+    }
+    if(this.editId) {
+      params.id = this.editId
+    }
+    this.service.request(this.service.$api_save_crmCustomer, params).subscribe((res:any) => {
+      if(res) {
+    this.service.msgSrv.success('保存成功！')
+    this.isVisible = false
+    this.st.reload();
+      } else {
+    this.service.msgSrv.warning(res?.msg)
+
+      }
+    })
+  }
+}
diff --git a/src/app/routes/sys-setting/components/goods-name-config/goods-name-config.component.html b/src/app/routes/sys-setting/components/goods-name-config/goods-name-config.component.html
new file mode 100644
index 00000000..db84f3c8
--- /dev/null
+++ b/src/app/routes/sys-setting/components/goods-name-config/goods-name-config.component.html
@@ -0,0 +1,75 @@
+<page-header-wrapper title="货物名称配置">
+</page-header-wrapper>
+
+<nz-card>
+    <div class="d-flex">
+        <div style="width: 250px;">
+            <nz-list nzBordered [nzHeader]="listHeader">
+                <nz-list-item *ngFor="let item of typeList;let i = index"
+                    [ngClass]="{'select-type': selectedType.id===item.id}" (click)="selectedTypeAction(item)">
+                    <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
+                        <label style="flex:1">{{item.name}}</label>
+                        <i nz-icon nzType="more" nzTheme="outline" style="font-size: 18px;cursor: pointer;" nz-dropdown
+                            [nzDropdownMenu]="menu" nzTrigger="click"></i>
+                    </div>
+                    <nz-dropdown-menu #menu="nzDropdownMenu">
+                        <ul nz-menu nzSelectable>
+                            <li nz-menu-item (click)="typeAction(item)">编辑</li>
+                            <li nz-menu-item (click)="sortType(item,3)" *ngIf="i!==0">上移</li>
+                            <li nz-menu-item (click)="sortType(item,4)" *ngIf="i!==typeList.length-1">下移</li>
+                            <li nz-menu-item nzDanger (click)="removeType(item)">删除</li>
+                        </ul>
+                    </nz-dropdown-menu>
+                </nz-list-item>
+            </nz-list>
+            <ng-template #listHeader>
+                <div class="d-flex justify-content-between align-items-center">
+                    <label style="font-weight: 700;font-size: 16px;">货物类型</label>
+                    <button nz-button nzType="primary" (click)="typeAction()"><i nz-icon nzType="plus"
+                            nzTheme="outline"></i>新增</button>
+                </div>
+            </ng-template>
+        </div>
+
+        <div style="flex: 1;" class="ml-md">
+            <div class="d-flex justify-content-between align-items-center mb-md">
+                <nz-input-group [nzSuffix]="suffixTemplateInfo" style="width: 300px;">
+                    <input type="text" nz-input placeholder="请输入货物名称" [(ngModel)]="searchName"
+                        (keydown)="keydownEvent($event)" />
+                </nz-input-group>
+                <ng-template #suffixTemplateInfo><i nz-icon nzType="search" nzTheme="outline" (click)="st.load(1)"></i>
+                </ng-template>
+                <button nz-button nzType="primary" (click)="typeItemAction()"><i nz-icon nzType="plus"
+                        nzTheme="outline"></i>新增</button>
+            </div>
+
+            <st #st [data]="selectedType?.id?service.$api_get_config_item_page:[]" [columns]="columns"
+                [req]="{  process: beforeReq }" [loading]="false" [scroll]="{ y: '370px' }"></st>
+        </div>
+    </div>
+
+</nz-card>
+
+
+<ng-template #configTypeModal>
+    <div nz-row nzGutter="8">
+        <div nz-col nzSpan="24" se-container [labelWidth]="110">
+            <se [col]="1" label="货物类型" required="">
+                <input nz-input [(ngModel)]="configTypeName" placeholder="请输入" />
+            </se>
+        </div>
+    </div>
+</ng-template>
+
+<ng-template #configTypeItemModal>
+    <div nz-row nzGutter="8">
+        <div nz-col nzSpan="24" se-container [labelWidth]="110">
+            <se [col]="1" label="货物类型" required="">
+                {{selectedType?.name}}
+            </se>
+            <se [col]="1" label="货物名称" required="">
+                <input nz-input [(ngModel)]="configTypeItemName" placeholder="请输入" />
+            </se>
+        </div>
+    </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/goods-name-config/goods-name-config.component.less b/src/app/routes/sys-setting/components/goods-name-config/goods-name-config.component.less
new file mode 100644
index 00000000..48111074
--- /dev/null
+++ b/src/app/routes/sys-setting/components/goods-name-config/goods-name-config.component.less
@@ -0,0 +1,11 @@
+:host::ng-deep {
+    .ant-list-items {
+        max-height: 600px;
+        overflow  : auto;
+    }
+}
+
+.select-type {
+    color           : #1890ff;
+    background-color: rgb(230 247 255);
+}
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/goods-name-config/goods-name-config.component.ts b/src/app/routes/sys-setting/components/goods-name-config/goods-name-config.component.ts
new file mode 100644
index 00000000..4806f3d7
--- /dev/null
+++ b/src/app/routes/sys-setting/components/goods-name-config/goods-name-config.component.ts
@@ -0,0 +1,238 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STRequestOptions } from '@delon/abc/st';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { SystemService } from '../../services/system.service';
+
+@Component({
+  selector: 'app-goods-name-config',
+  templateUrl: './goods-name-config.component.html',
+  styleUrls: ['./goods-name-config.component.less']
+})
+export class GoodsNameConfigComponent implements OnInit {
+  @ViewChild('configTypeModal', { static: true })
+  configTypeModal: any;
+  @ViewChild('configTypeItemModal', { static: true })
+  configTypeItemModal: any;
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  typeList: any[] = [];
+  selectedType: any = null;
+  parentId = null;
+
+  columns: STColumn[] = [
+    { title: '货物名称', index: 'name' },
+    { title: '更新时间', index: 'modifyTime' },
+    {
+      title: '操作',
+      className: 'text-center',
+      buttons: [
+        {
+          text: '编辑',
+          click: item => this.typeItemAction(item)
+        },
+        {
+          text: '上移',
+          click: item => this.sortTypeItem(item, 3)
+        },
+        {
+          text: '下移',
+          click: item => this.sortTypeItem(item, 4)
+        },
+        {
+          text: '删除',
+          click: item => this.removeTypeItem(item)
+        }
+      ]
+    }
+  ];
+
+  configTypeName = '';
+  configTypeItemName = '';
+  searchName = '';
+  constructor(public service: SystemService, private nzModalService: NzModalService) {}
+
+  ngOnInit(): void {
+    this.getTypeList();
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, {
+      configId: this.selectedType?.id
+    });
+    if (this.searchName) {
+      Object.assign(requestOptions.body, {
+        name: this.searchName
+      });
+    }
+    return requestOptions;
+  };
+
+  keydownEvent(event: any) {
+    if (event.keyCode === 13) {
+      this.st.load(1);
+    }
+  }
+
+  getTypeList() {
+    this.service.request(this.service.$api_get_config_tree, { configFullKey: 'goods.name.config' }).subscribe((res: Array<any>) => {
+      if (res?.length > 0) {
+        const typeData = res
+          .find(config => config.configFullKey === 'goods.name.config')
+          ?.children.find((type: any) => type.configFullKey === 'goods.name.config.type');
+        if (typeData) {
+          this.typeList = typeData.children;
+          this.parentId = typeData.id;
+          this.selectedType = typeData.children[0];
+        }
+      }
+    });
+  }
+
+  selectedTypeAction(item: any) {
+    this.selectedType = item;
+    this.st.load(1);
+  }
+
+  /**
+   * 货物类型操作
+   * @param item
+   */
+  typeAction(item?: any) {
+    this.configTypeName = item?.name || '';
+    this.nzModalService.create({
+      nzTitle: item ? '编辑' : '新增',
+      nzContent: this.configTypeModal,
+      nzOnOk: () => {
+        if (!this.configTypeName) {
+          this.service.msgSrv.warning('请填写货物类型');
+          return false;
+        }
+        if (item) {
+          this.service.request(this.service.$api_update_config, { ...item, name: this.configTypeName }).subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success('更新货物类型成功');
+              this.getTypeList();
+            }
+          });
+        } else {
+          this.service.request(this.service.$api_add_config, { name: this.configTypeName, parentId: this.parentId }).subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success('新增货物类型成功');
+              this.getTypeList();
+            }
+          });
+        }
+        return true;
+      }
+    });
+  }
+
+  /**
+   * 货物名称操作
+   * @param item
+   */
+  typeItemAction(item?: any) {
+    this.configTypeItemName = item?.name || '';
+    this.nzModalService.create({
+      nzTitle: item ? '编辑' : '新增',
+      nzContent: this.configTypeItemModal,
+      nzOnOk: () => {
+        if (!this.configTypeItemName) {
+          this.service.msgSrv.warning('请填写货物名称');
+          return false;
+        }
+        if (item) {
+          this.service.request(this.service.$api_update_config_item, { ...item, name: this.configTypeItemName }).subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success('更新货物名称成功');
+              this.st.load(1);
+            }
+          });
+        } else {
+          this.service
+            .request(this.service.$api_add_config_item, {
+              name: this.configTypeItemName,
+              configId: this.selectedType.id
+            })
+            .subscribe(res => {
+              if (res) {
+                this.service.msgSrv.success('新增货物名称成功');
+                this.st.load(1);
+              }
+            });
+        }
+        return true;
+      }
+    });
+  }
+
+  /**
+   * 删除货物类型
+   * @param item
+   */
+  removeType(item: any) {
+    this.nzModalService.warning({
+      nzTitle: '确定删除该货物类型吗？',
+      nzContent: '分类下含有内容则无法删除，请确认',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_remove_config, [item.id]).subscribe(res => {
+          if (res) {
+            this.getTypeList();
+            this.service.msgSrv.success('删除货物类型成功');
+          }
+        });
+      }
+    });
+  }
+
+  /**
+   * 删除货物名称
+   * @param item
+   */
+  removeTypeItem(item: any) {
+    this.nzModalService.warning({
+      nzTitle: '确定删除该货物名称吗？',
+      nzContent: '删除后不可恢复，谨慎操作',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_remove_config_item, [item.id]).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('删除货物名称成功');
+            this.st.load(1);
+          }
+        });
+      }
+    });
+  }
+
+  /**
+   * 修改类型排序
+   * @param item
+   * @param sortMode
+   */
+  sortType(item: any, sortMode: 1 | 2 | 3 | 4) {
+    this.service.request(this.service.$api_update_config_sort, { id: item.id, sortMode }).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('更新排序成功');
+        this.getTypeList();
+      } else {
+        this.service.msgSrv.warning('更新排序失败');
+      }
+    });
+  }
+
+  /**
+   * 修改类型详情排序
+   * @param item
+   * @param sortMode
+   */
+  sortTypeItem(item: any, sortMode: 1 | 2 | 3 | 4) {
+    this.service.request(this.service.$api_update_config_item_sort, { id: item.id, sortMode }).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('更新排序成功');
+        this.st.load(1);
+      } else {
+        this.service.msgSrv.warning('更新排序失败');
+      }
+    });
+  }
+}
diff --git a/src/app/routes/sys-setting/components/insurance-set/insurance-set.component.html b/src/app/routes/sys-setting/components/insurance-set/insurance-set.component.html
new file mode 100644
index 00000000..0d85c142
--- /dev/null
+++ b/src/app/routes/sys-setting/components/insurance-set/insurance-set.component.html
@@ -0,0 +1,66 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-19 10:47:46
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-21 10:29:55
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\sys-setting\\components\\insurance-set\\insurance-set.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<page-header-wrapper title="保险配置"> </page-header-wrapper>
+
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf #sf [schema]="schema" [ui]="ui" [mode]="'search'" [loading]="false" (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.expend-options]="_$expand" class="text-right">
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+        <button nz-button [disabled]="false" nzType="primary">导出</button>
+        <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card class="content-box">
+  <div class="d-flex justify-content-end mb-sm mt-sm">
+    <div>
+      <button nz-button nzType="primary" (click)="roleAction('', 1)">新增公告</button>
+    </div>
+  </div>
+  <st #st [data]="service.$api_insuranceConfig_list" [columns]="columns" [req]="{  params: reqParams }"
+    [loading]="false" (change)="stChange($event)">
+    <ng-template st-row="customerType" let-item let-index="index">
+      <div>
+        <span *ngIf="item?.customerType == 1">客户</span>
+        <span *ngIf="item?.customerType == 2">供应商</span>
+      </div>
+    </ng-template>
+  </st>
+</nz-card>
+
+<nz-modal [(nzVisible)]="isVisible" [nzFooter]="nzModalFooter" [nzTitle]="editText" (nzOnOk)="handleOK()"
+  (nzOnCancel)="handleCancel()">
+  <ng-container *nzModalContent>
+    <sf #sfFre [schema]="addSchema" [ui]="ui2" [formData]="formData" [compact]="false" [button]="'none'"> </sf>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="primary" (click)="handleCancel()" [disabled]="">取消</button>
+    <button nz-button nzType="default" (click)="handleOK()">确 定</button>
+  </ng-template>
+</nz-modal>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/insurance-set/insurance-set.component.less b/src/app/routes/sys-setting/components/insurance-set/insurance-set.component.less
new file mode 100644
index 00000000..04fd4ba3
--- /dev/null
+++ b/src/app/routes/sys-setting/components/insurance-set/insurance-set.component.less
@@ -0,0 +1,13 @@
+:host::ng-deep{
+    .search-box{
+        .ant-card-body{
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box{
+        .ant-card-body{
+            padding-top: 14px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/insurance-set/insurance-set.component.ts b/src/app/routes/sys-setting/components/insurance-set/insurance-set.component.ts
new file mode 100644
index 00000000..56d71921
--- /dev/null
+++ b/src/app/routes/sys-setting/components/insurance-set/insurance-set.component.ts
@@ -0,0 +1,253 @@
+import { Component, OnInit, ViewChild, Type } from '@angular/core';
+import { STComponent, STColumn, STChange } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFRadioWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { EAEnvironmentService, ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { SystemService } from '../../services/system.service';
+
+@Component({
+  selector: 'app-sys-setting-components-insurance-set',
+  templateUrl: './insurance-set.component.html',
+  styleUrls: ['./insurance-set.component.less']
+})
+export class InsuranceSetComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfFre', { static: false }) sfFre!: SFComponent;
+  ui: SFUISchema = {};
+  ui2: SFUISchema = {};
+  schema: SFSchema = {};
+  addSchema: SFSchema = {};
+  _$expand = false;
+  editText = '';
+  formData :any;
+  isVisible = false;
+  edit = false;
+  editId = false;
+
+  columns: STColumn[] = [
+    { title: '公告标题', index: 'announcementTitle' },
+    { title: '创建时间', index: 'createTime' },
+    { title: '发送时间', index: 'sendTime' },
+    { title: '公告内容', index: 'announcementContent' },
+    {
+      title: '操作',
+      className: 'text-center',
+      buttons: [
+        {
+          text: '编辑',
+          click: item => this.roleAction(item, 2)
+        },
+        {
+          text: '删除',
+          click: item => this.deleteAction(item)
+        },
+      ]
+    }
+  ];
+
+  selectedRows: any[] = [];
+
+  get reqParams (){ 
+    return {
+    ...this.sf?.value,
+  }};
+
+  constructor(
+    public service: SystemService, 
+    private nzModalService: NzModalService,
+    public shipperservice: ShipperBaseService,
+    private envSrv: EAEnvironmentService,
+    ) {}
+
+  ngOnInit(): void {
+    this.initSF()
+    this.initSFFre()
+  }
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+      case 'filter':
+        this.st.load();
+        break;
+    }
+  }
+    /**
+  * 伸缩查询条件
+  */
+     expandToggle(): void {
+      this._$expand = !this._$expand;
+      this.sf?.setValue('/_$expand', this._$expand);
+    }
+    /**
+   * 查询字段个数
+   */
+     get queryFieldCount(): number {
+      return Object.keys(this.schema?.properties || {}).length;
+    }
+  initSF(){
+  this.schema = {
+    properties: {
+      _$expand: { type: 'boolean', ui: { hidden: true } },
+      announcementTitle: {
+        type: 'string',
+        title: '按钮名称',
+        ui: { placeholder: '请输入' }
+      },
+      createTime: {
+        title: '创建时间',
+        type: 'string',
+        ui: {
+          widget: 'date',
+          mode: 'range',
+          format: 'yyyy-MM-dd',
+          allowClear: true,
+        } as SFDateWidgetSchema
+      },
+    }
+    
+  };
+  this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+  initSFFre() {
+  this.addSchema = {
+    properties: {
+      appIdList: {
+        type: 'string',
+        title: '发布平台',
+        enum: [
+          { label: '运营后台', value: this.envSrv.env.appId },
+          // { label: '货主后台', value: this.envSrv.env.HzappId },
+          // { label: '司机端', value: this.envSrv.env.sjappId }
+        ],
+        ui: {
+          widget: 'select',
+          mode: 'multiple',
+          errors: { required: '请选择' },
+          placeholder: '请选择'
+        }
+      },
+      announcementTitle: {
+        type: 'string',
+        title: '公告标题',
+        ui: { placeholder: '请输入' }
+      },
+      announcementContent: {
+        type: 'string',
+        title: '公告内容',
+        ui: { placeholder: '请输入' }
+      },
+      sendTime: {
+        title: '发送时间',
+        type: 'string',
+        format: 'date-time',
+        ui: {
+          allowClear: true,
+        }
+      },
+  },
+  required: ['name', 'i18n', 'text']
+  };
+this.ui2 = { '*': { spanLabelFixed: 120, grid: { span: 24 } } };
+}
+  roleAction(value: any,item?: any) {
+    if(item === 1) {
+      this.edit = false;
+      this.editText = '新增';
+      this.formData = {};
+    } else {
+      this.service.request(this.service.$api_getAnnouncementInfoById_detail, {id: value.id}).subscribe((res: any) => {
+        console.log(res)
+        if(res) {
+          this.formData = res;
+        }
+      })
+      this.edit = true;
+      this.editId = value.id;
+      this.editText = '编辑';
+    }
+   this.isVisible = true;
+  }
+
+  deleteAction(item?: any) {
+    this.nzModalService.error({
+      nzTitle: '确认删除？',
+      nzClosable: false,
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_delete_deleteAnnouncementInfoById, [item.id]).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('删除成功！');
+            this.st.reload(1)
+          }
+        })
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+  handleCancel() {
+    this.isVisible = false
+  }
+
+  handleOK() {
+    console.log(this.sfFre.value)
+    if(!this.sfFre.valid) {
+      this.service.msgSrv.warning('请正确填写完整！')
+      return
+    }
+    var c = new Date(this.sfFre.value.sendTime);
+    this.sfFre.value.sendTime =
+      c.getFullYear() +
+      '-' +
+      this.addPreZero(c.getMonth() + 1) +
+      '-' +
+      this.addPreZero(c.getDate()) +
+      ' ' +
+      this.addPreZero(c.getHours()) +
+      ':' +
+      this.addPreZero(c.getMinutes()) +
+      ':' +
+      this.addPreZero(c.getSeconds());
+    const params ={
+      ...this.sfFre.value
+    }
+    if(this.editId) {
+      params.id = this.editId
+      console.log(params)
+      this.service.request(this.service.$api_modifyAnnouncementInfo, params).subscribe((res:any) => {
+        if(res) {
+         this.service.msgSrv.success('保存成功！')
+         this.isVisible = false
+         this.st.reload();
+        }
+      })
+    } else {
+      this.service.request(this.service.$api_addAnnouncementInfo, params).subscribe((res:any) => {
+        if(res) {
+         this.service.msgSrv.success('保存成功！')
+         this.isVisible = false
+         this.st.reload();
+        }
+        }
+      )}
+}
+  addPreZero(num: any) {
+    if (num < 10) {
+      return '0' + num;
+    } else {
+      return num;
+    }
+  }
+}
diff --git a/src/app/routes/sys-setting/components/network-freight/network-freight.component.html b/src/app/routes/sys-setting/components/network-freight/network-freight.component.html
new file mode 100644
index 00000000..50da782f
--- /dev/null
+++ b/src/app/routes/sys-setting/components/network-freight/network-freight.component.html
@@ -0,0 +1,132 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-24 15:54:08
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-24 11:10:44
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\sys-setting\\components\\network-freight\\network-freight.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<page-header-wrapper title="网络货运人"> </page-header-wrapper>
+
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading" (click)="st?.load(1)">查询</button>
+        <button nz-button nzType="primary">导出</button>
+        <button nz-button (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card class="content-box">
+  <!-- 工具栏 -->
+  <div class="toolbar" style="float: right; padding-bottom: 15px">
+    <button nz-button nzType="primary" (click)="creat()">新增</button>
+  </div>
+  <st
+    #st
+    [scroll]="{ x: '2000px' }"
+    [data]="service.$api_networkTransporter_page"
+    [columns]="columns"
+    [req]="{ params: reqParams }" [page]="{}"
+    [loading]="false"
+    (change)="stChange($event)"
+  >
+    <ng-template st-row="costRate" let-item let-index="index">
+      <div>{{ item?.costRate ? item?.costRate + '%' : '' }}</div>
+    </ng-template>
+    <ng-template st-row="goodsSurchargeRatio" let-item let-index="index">
+      <div>货源单：{{ item?.goodsSurchargeRatio ? item?.goodsSurchargeRatio + '%' : '' }}</div>
+      <div>合同单：{{ item?.contractSurchargeRatio ? item?.contractSurchargeRatio + '%' : '' }}</div>
+    </ng-template>
+    <ng-template st-row="ticketEnable" let-item let-index="index">
+      <div>{{ item?.ticketEnable ? '已开启' : '未开启' }}</div>
+    </ng-template>
+    <ng-template st-row="insuranceEnable" let-item let-index="index">
+      <div>{{ item?.insuranceEnable ? '已开启' : '未开启' }}</div>
+    </ng-template>
+    <ng-template st-row="pinganEnable" let-item let-index="index">
+      <div>{{ item?.pinganEnable ? '已开启' : '未开启' }}</div>
+    </ng-template>
+    <ng-template st-row="pufaEnable" let-item let-index="index">
+      <div >{{ item?.pufaEnable ? '已开启' : '未开启' }}</div>
+    </ng-template>
+    <ng-template st-row="pinganAccountEnable" let-item let-index="index">
+      <a (click)="createAccount(item,'1','pinganAccount')">{{ item?.pinganAccount || '开通子账户' }}</a>
+    </ng-template>
+    <ng-template st-row="pufaAccountEnable" let-item let-index="index">
+      <a (click)="createAccount(item,'2','pufaAccount')">{{ item?.pufaAccount || '开通子账户' }}</a>
+    </ng-template>
+    <ng-template st-row="invoiceEnable" let-item let-index="index">
+      <div>{{ item?.invoiceEnable ? '已开启' : '未开启' }}</div>
+    </ng-template>
+    <ng-template st-row="bankName" let-item let-index="index">
+      <a href="javascript:;" (click)="setMakeInvoice()">开通子账户</a>
+    </ng-template>
+    <ng-template st-row="virtualAccount" let-item let-index="index">
+      <a href="javascript:;" (click)="setMakeInvoice()">开通子账户</a>
+    </ng-template>
+  </st>
+</nz-card>
+
+<!-- <nz-modal [(nzVisible)]="isVisible" [nzFooter]="nzModalFooter" nzTitle="财务设置" (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel()">
+  <ng-container *nzModalContent>
+    <sf #sfFre [schema]="addSchema" [ui]="ui2" [formData]="formData" [compact]="false" [button]="'none'"> </sf>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="primary" (click)="handleCancel()" [disabled]="">取消</button>
+    <button nz-button nzType="default" (click)="handleOK()">确 定</button>
+  </ng-template>
+</nz-modal> -->
+
+<nz-modal [(nzVisible)]="isVisibleTicket" [nzFooter]="nzModalFooterTiket" nzTitle="财务设置" (nzOnCancel)="handleCancelTicket()">
+  <ng-container *nzModalContent>
+    <div nz-row [nzGutter]="10" style="height: 600px; overflow-y: auto">
+      <div nz-col [nzSpan]="6" style="position: relative;">
+        <ul nz-menu nzMode="inline" class="card-height">
+          <li nz-menu-item [nzSelected]="idx === 0" (click)="changeType(item)" *ngFor="let item of tabs; let idx = index">
+            {{ item.name }}
+          </li>
+        </ul>
+      </div>
+      <div nz-col [nzSpan]="18" style="overflow: scroll">
+        <sf #sfTicket [schema]="ticketSchema" [ui]="ui3" *ngIf="TicketStatus" [formData]="formDataTicket" [compact]="false" [button]="'none'">
+        </sf>
+        <sf #sfTax [schema]="TaxSchema" [ui]="ui4" *ngIf="taxStatus" [formData]="formDataTax" [compact]="false" [button]="'none'"> </sf>
+        
+        <sf #sfNC [schema]="NCSchema" [ui]="ui5" *ngIf="NCStatus" [formData]="formDataNC" [compact]="false" [button]="'none'"> </sf>
+      </div>
+    </div>
+  </ng-container>
+  <ng-template #nzModalFooterTiket>
+    <button nz-button nzType="primary" (click)="handleCancelTicket()" [disabled]="">取消</button>
+    <button nz-button nzType="default" (click)="handleOKTicket()">确 定</button>
+  </ng-template>
+</nz-modal>
diff --git a/src/app/routes/sys-setting/components/network-freight/network-freight.component.less b/src/app/routes/sys-setting/components/network-freight/network-freight.component.less
new file mode 100644
index 00000000..efdf7dd2
--- /dev/null
+++ b/src/app/routes/sys-setting/components/network-freight/network-freight.component.less
@@ -0,0 +1,31 @@
+:host {
+  ::ng-deep {
+    .card-height {
+      min-height: 600px;
+    }
+
+    .save-btn {
+      width     : 100%;
+      text-align: right;
+    }
+
+    .block-radio {
+      display   : flex;
+      min-height: 32px;
+    }
+
+    // input {
+    //   width      : 100px;
+    //   margin-left: 10px;
+    // }
+
+    .ant-form-item-control-input-content {
+      display: flex;
+    }
+
+    .text-truncate {
+      white-space: normal;
+    }
+  }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/network-freight/network-freight.component.ts b/src/app/routes/sys-setting/components/network-freight/network-freight.component.ts
new file mode 100644
index 00000000..72ec17f0
--- /dev/null
+++ b/src/app/routes/sys-setting/components/network-freight/network-freight.component.ts
@@ -0,0 +1,706 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STComponent, STColumn, STChange } from '@delon/abc/st';
+import {
+  SFCascaderWidgetSchema,
+  SFComponent,
+  SFRadioWidgetSchema,
+  SFSchema,
+  SFSchemaEnum,
+  SFSelectWidgetSchema,
+  SFUISchema
+} from '@delon/form';
+import { DynamicSettingModalComponent, SinglepageSettingModalComponent } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map, takeLast } from 'rxjs/operators';
+import { AccountDetailComponent } from 'src/app/shared/components/account-detail/account-detail.component';
+import { SystemService } from '../../services/system.service';
+
+@Component({
+  selector: 'app-network-freight-component',
+  templateUrl: './network-freight.component.html',
+  styleUrls: ['./network-freight.component.less']
+})
+export class NetworkFreightComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sfFre', { static: false }) sfFre!: SFComponent;
+  @ViewChild('sfTicket', { static: false }) sfTicket!: SFComponent;
+  @ViewChild('sfTax', { static: false }) sfTax!: SFComponent;
+  @ViewChild('sfNC', { static: false }) sfNC!: SFComponent;
+  ui: SFUISchema = {};
+  ui2: SFUISchema = {};
+  ui3: SFUISchema = {};
+  ui4: SFUISchema = {};
+  ui5: SFUISchema = {};
+  schema: SFSchema = {};
+  addSchema: SFSchema = {};
+  ticketSchema: SFSchema = {};
+  TaxSchema: SFSchema = {};
+  NCSchema: SFSchema = {};
+  _$expand: boolean = false;
+  taxStatus: boolean = false;
+  TicketStatus: boolean = true;
+  NCStatus: boolean = false;
+  formData: any;
+  ticketId: any;
+  ticketItem: any;
+  formDataTicket: any;
+  formDataNC: any;
+  formDataTax: any;
+  NCID: string = '';
+  isVisible = false;
+  isVisibleTicket = false;
+  edit = false;
+  editId = false;
+  isLoading: boolean = false;
+  tabs: any[] = [{ name: '开票设置' }, { name: '税务设置' }, { name: 'NC设置' }];
+
+  columns: STColumn[] = [
+    {
+      title: '公司名称',
+      width: '180px',
+      index: 'enterpriseName'
+    },
+    {
+      title: '纳税人识别号',
+      width: '180px',
+
+      index: 'taxCode'
+    },
+    {
+      title: '成立日期',
+      width: '150px',
+      index: 'enterpriseRegistrationTime'
+    },
+    {
+      title: '成本费率',
+      width: '150px',
+      render: 'costRate'
+    },
+    {
+      title: '附加费率',
+      width: '150px',
+      render: 'goodsSurchargeRatio'
+    },
+    {
+      title: '云开票',
+      width: '150px',
+      render: 'ticketEnable'
+    },
+    {
+      title: '保险',
+      width: '150px',
+      render: 'insuranceEnable'
+    },
+    {
+      title: '平安银行',
+      width: '150px',
+      render: 'pinganEnable'
+    },
+    {
+      title: '浦发银行',
+      width: '150px',
+      render: 'pufaEnable'
+    },
+    {
+      title: '平安电子账户',
+      width: '170px',
+      render: 'pinganAccountEnable'
+    },
+    {
+      title: '浦发电子账户',
+      width: '170px',
+      render: 'pufaAccountEnable'
+    },
+    {
+      title: '开票开关',
+      width: '150px',
+      render: 'invoiceEnable'
+    },
+    {
+      title: '操作',
+      width: '110px',
+      fixed: 'right',
+      className: 'text-center',
+      buttons: [
+        { type: 'divider' },
+        {
+          text: '基础设置<br>',
+          click: item => this.creat(item)
+        },
+        {
+          text: '财务设置<br>',
+          click: item => this.ticket(item)
+        },
+        {
+          text: '充值账户<br>',
+          click: item => this.settingPay(item)
+        },
+        {
+          text: '应用设置<br>',
+          click: item => this.settingApp(item)
+        },
+
+        {
+          text: '系统配置<br>',
+          click: item => this.settingAction(item)
+        },
+        // {
+        //   text: '合同设置',
+        //   click: item => this.roleAction(item, 2)
+        // },
+      ]
+    }
+  ];
+
+  selectedRows: any[] = [];
+
+  get reqParams() {
+    return {
+      ...this.sf?.value
+    };
+  }
+
+  constructor(public service: SystemService, private nzModalService: NzModalService, private router: Router, private ar: ActivatedRoute) {}
+
+  ngOnInit(): void {
+    this.initSF();
+    this.initSFFre();
+    // this.initSFTicket();
+  }
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+      case 'filter':
+        this.st.load();
+        break;
+    }
+  }
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        enterpriseName: {
+          type: 'string',
+          title: '公司名称',
+          ui: { placeholder: '请输入' }
+        },
+        taxCode: {
+          type: 'string',
+          title: '纳税人识别号',
+          ui: { placeholder: '请输入' }
+        }
+      }
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+  initSFTicket() {
+    this.ticketSchema = {
+      properties: {
+        enterpriseName1: {
+          type: 'string',
+          title: '公司名称',
+          ui: {
+            widget: 'text'
+          },
+          default: this.ticketItem?.enterpriseName
+        },
+        taxCode2: {
+          type: 'string',
+          title: '纳税人识别号',
+          ui: {
+            widget: 'text'
+          },
+          default: this.ticketItem?.taxCode
+        },
+        bankName: {
+          type: 'string',
+          title: '开户银行',
+          ui: { placeholder: '请输入' }
+        },
+        bankAccount: {
+          type: 'string',
+          title: '银行账号',
+          ui: { placeholder: '请输入' }
+        },
+        registerAddress: {
+          type: 'string',
+          title: '注册地址',
+          ui: { placeholder: '请输入' }
+        },
+        registerPhone: {
+          type: 'string',
+          title: '注册电话',
+          ui: { placeholder: '请输入' }
+        },
+        taxClassificationVersion: {
+          type: 'string',
+          title: '税收分类版本号',
+          ui: { placeholder: '请输入' }
+        },
+        taxClassificationCode: {
+          type: 'string',
+          title: '税收分类编码',
+          ui: { placeholder: '请输入' }
+        },
+        invoiceTaxRate: {
+          type: 'number',
+          title: '发票税率',
+          ui: { placeholder: '请输入' }
+        },
+        invoiceMaxAmount: {
+          type: 'number',
+          title: '发票面额上限',
+          ui: { placeholder: '请输入' }
+        },
+        payee: {
+          type: 'string',
+          title: '收款人',
+          ui: { placeholder: '请输入' }
+        },
+        reviewer: {
+          type: 'string',
+          title: '复核人',
+          ui: { placeholder: '请输入' }
+        },
+        drawer: {
+          type: 'string',
+          title: '开票人',
+          ui: { placeholder: '请输入' }
+        },
+        senderName: {
+          type: 'string',
+          title: '寄件人姓名',
+          ui: { placeholder: '请输入' }
+        },
+        senderPhone: {
+          type: 'string',
+          title: '寄件人电话',
+          ui: { placeholder: '请输入' }
+        },
+        senderRegionCode: {
+          type: 'number',
+          title: '寄件地区',
+          ui: {
+            widget: 'cascader',
+            valueProperty: 'regionCode',
+            labelProperty: 'name',
+            asyncData: (node: any, index: any) => {
+              return new Promise(resolve => {
+                this.getRegionDetailByCode(node?.regionCode || '').subscribe(
+                  res => {
+                    node.children = res.map((item: any) => ({ ...item, isLeaf: index === 1 }));
+                  },
+                  _ => {},
+                  () => {
+                    resolve();
+                  }
+                );
+              });
+            }
+          } as SFCascaderWidgetSchema
+        },
+        senderAddress: {
+          type: 'string',
+          title: '详细地址',
+          ui: { placeholder: '请输入' }
+        }
+      },
+      required: [
+        'enterpriseName',
+        'taxCode',
+        'bankName',
+        'bankAccount',
+        'registerAddress',
+        'registerPhone',
+        'senderName',
+        'senderRegionCode',
+        'senderPhone',
+        'senderAddress',
+        'taxClassificationVersion',
+        'taxClassificationCode',
+        'invoiceTaxRate',
+        'invoiceMaxAmount',
+        'payee',
+        'reviewer',
+        'drawer'
+      ]
+    };
+    this.ui3 = {
+      '*': { spanLabelFixed: 150, grid: { span: 24 } },
+      $taxClassificationVersion: { spanLabelFixed: 150, grid: { span: 24 } }
+    };
+  }
+  initSFTax() {
+    this.TaxSchema = {
+      properties: {
+        enterpriseName1: {
+          type: 'string',
+          title: '公司名称',
+          ui: {
+            widget: 'text'
+          },
+          default: this.ticketItem?.enterpriseName
+        }
+      },
+      required: ['enterpriseName']
+    };
+    this.ui4 = { '*': { spanLabelFixed: 120, grid: { span: 24 } } };
+  }
+  initSFNC() {
+    this.NCSchema = {
+      properties: {
+        crmCustomerId: {
+          type: 'string',
+          title: 'CRM客户编码',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            allowClear: true,
+            onSearch: (q: any) => {
+              let str = q.replace(/^\s+|\s+$/g, '');
+              if (str) {
+                console.log(str);
+
+                return this.service
+                  .request(this.service.$api_get_crmCustomer_page, { customerName: str })
+                  .pipe(map((res: any) => (res.records as any[]).map(i => ({ label: i.customerName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            }
+          } as SFSelectWidgetSchema
+        }
+      },
+      required: ['crmCustomerId']
+    };
+    this.ui5 = { '*': { spanLabelFixed: 120, grid: { span: 24 } } };
+  }
+  initSFFre() {
+    this.addSchema = {
+      properties: {
+        enterpriseName: {
+          type: 'string',
+          title: '公司名称',
+          ui: { placeholder: '请输入' }
+        },
+        taxCode: {
+          type: 'string',
+          title: '纳税人识别号',
+          ui: { placeholder: '请输入' }
+        },
+        customerCode: {
+          type: 'string',
+          title: '税收分类编码',
+          ui: { placeholder: '请输入' }
+        },
+        invoiceTaxRate: {
+          type: 'number',
+          title: '发票税率',
+          ui: { placeholder: '请输入' }
+        },
+        surchargeRate: {
+          type: 'string',
+          title: '附加费比例',
+          ui: { placeholder: '请输入' }
+        }
+      },
+      required: ['enterpriseName', 'taxCode', 'customerType', 'invoiceTaxRate', 'surchargeRate']
+    };
+    this.ui2 = { '*': { spanLabelFixed: 120, grid: { span: 24 } } };
+  }
+  roleAction(value: any, item?: any) {
+    this.service.request(this.service.$api_get_crmCustomer, { id: value.id }).subscribe((res: any) => {
+      console.log(res);
+      if (res) {
+        this.formData = res;
+      }
+    });
+    this.edit = true;
+    this.editId = value.id;
+    this.isVisible = true;
+  }
+  // 财务设置
+  ticket(value: any) {
+    this.formDataTicket = [];
+    this.formDataNC = [];
+    this.formDataTax = [];
+    this.ticketItem = value;
+    this.taxStatus = false;
+    this.TicketStatus = true;
+    this.NCStatus = false;
+    this.initSFTax();
+    this.initSFNC();
+    this.initSFTicket();
+    this.NCID = value.id;
+    if (this.TicketStatus) {
+      console.log('9999999');
+
+      this.service.request(this.service.$api_getTicketByNetworkTransporterId, { id: value.id }).subscribe((res: any) => {
+        console.log(res);
+        if (res) {
+          let List = {
+            ...res
+          };
+          delete List.senderRegionCode;
+          (List.senderRegionCode = this.getProvinceData(res?.senderRegionCode)), (this.formDataTicket = List);
+          this.ticketId = res.id;
+        }
+      });
+    }
+    if (this.NCStatus) {
+      this.getNcSetData();
+    }
+    this.isVisibleTicket = true;
+  }
+  getNcSetData() {
+    const List: any = [];
+    console.log(99999);
+    this.service.request(this.service.$api_get_crmCustomer, { id: this.ticketItem.crmCustomerId }).subscribe((res: any) => {
+      console.log(res);
+      if (res) {
+        List.push({ label: res.customerName, value: res.id });
+        console.log(List);
+
+        this.sfNC.getProperty('/crmCustomerId')!.schema.enum = List;
+        this.sfNC.getProperty('/crmCustomerId')!.widget.reset(List);
+        this.sfNC.setValue('/crmCustomerId', res?.id);
+      }
+    });
+  }
+  getProvinceData(value: any) {
+    this.service.http.post(this.service.$api_getRegionDetailByCode, { regionCode: value }).subscribe(res => {
+      let enterpriseAddressCode: any = [];
+      let regioin = res?.data?.regionFullCodes.split(',');
+      regioin?.forEach((element: any) => {
+        enterpriseAddressCode.push(Number(element));
+      });
+      if (this.TicketStatus) {
+        this.sfTicket.setValue('/senderRegionCode', enterpriseAddressCode);
+        return enterpriseAddressCode;
+      }
+    });
+  }
+  deleteAction(item?: any) {
+    this.nzModalService.error({
+      nzTitle: '确认删除？',
+      nzClosable: false,
+      nzCancelText: '取消',
+      nzOnOk: () => {}
+    });
+  }
+  // 基础设置
+  settingAction(item?: any) {
+    this.nzModalService.create({
+      nzTitle: '系统配置',
+      nzContent: DynamicSettingModalComponent,
+      nzWidth: 900,
+      nzComponentParams: {
+        extendType: '1',
+        businessId: item.id
+      },
+      nzFooter: null
+    });
+  }
+  // 应用设置
+  settingApp(item?: any) {
+    const modalRef = this.nzModalService.create({
+      nzTitle: '应用设置',
+      nzContent: DynamicSettingModalComponent,
+      nzWidth: 900,
+      nzComponentParams: {
+        extendType: '1',
+        businessId: item.id,
+        configvalue: 'app'
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((res: boolean) => {
+      if (res) {
+        this.resetSF;
+        this.st.load();
+      }
+    })
+  }
+  // 重置账户
+  settingPay(item?: any) {
+    this.nzModalService.create({
+      nzTitle: '充值账户',
+      nzContent: DynamicSettingModalComponent,
+      nzWidth: 900,
+      nzComponentParams: {
+        extendType: '1',
+        businessId: item.id,
+        configvalue: 'bankcard'
+      },
+      nzFooter: null
+    });
+  }
+
+  createAccount(item: any, bankType: string, key: string) {
+    if (item[key]) {
+      return;
+    }
+    const params = {
+      accountType: 3,
+      bankType,
+      clientName: item.enterpriseName,
+      ctfId: item.taxCode,
+      ltdId: item.id,
+      roleId: item.id,
+      roleName: item.enterpriseName
+    };
+    this.service
+      .request('/api/fcc/accountBalance/saveByLtd', {
+        ...params
+      })
+      .subscribe(res => {
+        if (res) {
+          this.st.load(1);
+          this.service.msgSrv.success(bankType === '1' ? res?.paMsg : res?.pfMsg);
+        }
+      });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this.isLoading = false
+  }
+  handleCancel() {
+    this.isVisible = false;
+  }
+  handleCancelTicket() {
+    this.isVisibleTicket = false;
+  }
+  handleOKTicket() {
+    console.log(this.taxStatus, this.TicketStatus, this.NCStatus);
+    if (this.TicketStatus) {
+      console.log(this.sfTicket);
+      console.log(this.sfTicket.value);
+
+      if (!this.sfTicket.valid) {
+        this.service.msgSrv.warning('请正确填写完整！');
+        return;
+      }
+      const params = {
+        ...this.sfTicket.value
+      };
+      if (this.ticketId) {
+        params.id = this.ticketId;
+      }
+      params.senderRegionCode = this.sfTicket.value.senderRegionCode[2];
+      console.log(params);
+      this.service.request(this.service.$api_networkTransporterTicket_save, params).subscribe((res: any) => {
+        if (res) {
+          this.service.msgSrv.success('保存成功！');
+          this.isVisibleTicket = false;
+          this.st.reload(1);
+        }
+      });
+    } else if (this.NCStatus) {
+      console.log(this.sfNC);
+      console.log(this.formDataNC);
+      console.log(this.sfNC?.value);
+
+      if (!this.sfNC.valid) {
+        this.service.msgSrv.warning('请正确填写完整！');
+        return;
+      }
+      const params = {
+        ...this.sfNC.value
+      };
+      if (this.NCID) {
+        params.id = this.NCID;
+      }
+      console.log(params);
+      this.service.request(this.service.$api_setCrmCustomer, params).subscribe((res: any) => {
+        if (res) {
+          this.service.msgSrv.success('保存成功！');
+          this.isVisibleTicket = false;
+          this.st.reload(1);
+        }
+      });
+      // api_setCrmCustomer
+    }
+  }
+
+  handleOK() {
+    console.log(this.sfFre.value);
+    if (!this.sfFre.valid) {
+      this.service.msgSrv.warning('请正确填写完整！');
+      return;
+    }
+    const params = {
+      ...this.sfFre.value
+    };
+    if (this.editId) {
+      params.id = this.editId;
+    }
+    this.service.request(this.service.$api_save_crmCustomer, params).subscribe((res: any) => {
+      if (res) {
+        this.service.msgSrv.success('保存成功！');
+        this.isVisible = false;
+        this.st.reload();
+      } else {
+        this.service.msgSrv.warning(res?.msg);
+      }
+    });
+  }
+  // 云开票
+  setMakeInvoice() {}
+  /*
+   * 根据地区code查询地区列表
+   */
+  getRegionDetailByCode(regionCode: any) {
+    return this.service.request(this.service.$api_get_region_by_code, { regionCode });
+  }
+  changeType(value: any) {
+    if (value.name === '税务设置') {
+      this.taxStatus = true;
+      this.TicketStatus = false;
+      this.NCStatus = false;
+    } else if (value.name === '开票设置') {
+      this.TicketStatus = true;
+      this.NCStatus = false;
+      this.taxStatus = false;
+    } else if (value.name === 'NC设置') {
+      this.getNcSetData();
+      this.NCStatus = true;
+      this.TicketStatus = false;
+      this.taxStatus = false;
+    }
+  }
+  // 新增
+  creat(value?: any) {
+    console.log(value);
+    this.router.navigate(['./new/' + value?.id], { relativeTo: this.ar });
+  }
+}
diff --git a/src/app/routes/sys-setting/components/network-freight/new/new.component.html b/src/app/routes/sys-setting/components/network-freight/new/new.component.html
new file mode 100644
index 00000000..6b065ba9
--- /dev/null
+++ b/src/app/routes/sys-setting/components/network-freight/new/new.component.html
@@ -0,0 +1,76 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-17 15:01:33
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-22 11:17:30
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\sys-setting\\components\\network-freight\\new\\new.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="TabText"></page-header-wrapper>
+<nz-card>
+  <sf #sf1 [ui]="ui" [schema]="schema1" [formData]="sf1FormData" [button]="'none'">
+    <ng-template sf-template="tipsS" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        <dl class="tips">
+          <dt>正面照</dt>
+          <dd>示例</dd>
+        </dl>
+        <div class="pa2"> <app-imagelist [imgList]="['./assets/images/company.png']"></app-imagelist></div>
+      </div>
+    </ng-template>
+    <ng-template sf-template="title1" let-me let-ui="ui" let-schema="schema">
+      <div class="form-title">企业基本信息</div>
+    </ng-template>
+    <ng-template sf-template="tips" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        请上传营业执照原件的高清照片，若上传复印件，则需加盖公司印章；
+        <div>上传后系统会自动识别并填写</div>
+      </div>
+    </ng-template>
+    <ng-template sf-template="unit" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">万元</div>
+    </ng-template>
+
+    <ng-template sf-template="legalPersonIdentityVO/title2" let-me let-ui="ui" let-schema="schema">
+      <div class="form-title" style="margin-top: 40px;margin-left: -180px;">营业执照法人信息</div>
+    </ng-template>
+    
+    <ng-template sf-template="legalPersonIdentityVO/tipsC" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        <div>请上传身份证原件的高清照片，若上传复印件，则需申请人签字；</div>
+        <div>上传后系统会自动识别并填写</div>
+      </div>
+    </ng-template>
+    <ng-template sf-template="legalPersonIdentityVO/tipsA" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        <dl class="tips">
+          <dt>正面照（人像面）</dt>
+          <dd>示例</dd>
+        </dl>
+        <div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-front.png" /></div>
+      </div>
+    </ng-template>
+    <ng-template sf-template="legalPersonIdentityVO/tipsB" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        <dl class="tips">
+          <dt>背面照（国徽面）</dt>
+          <dd>示例</dd>
+        </dl>
+        <div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-back.png" /></div>
+      </div>
+    </ng-template>
+  </sf>
+
+  <sf #sf [ui]="ui" [schema]="schema" [formData]="sf2FormData" [button]="'none'">
+    <ng-template sf-template="title99" let-me let-ui="ui" let-schema="schema">
+      <div class="form-title">其他信息</div>
+    </ng-template>
+  </sf>
+
+  <div style="padding-left: 379px">
+    <button nz-button type="button" nzType="primary" (click)="submitForm()">{{subText}}</button>
+    <button nz-button (click)="goBack()">返回</button>
+  </div>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/network-freight/new/new.component.less b/src/app/routes/sys-setting/components/network-freight/new/new.component.less
new file mode 100644
index 00000000..b1eab8b6
--- /dev/null
+++ b/src/app/routes/sys-setting/components/network-freight/new/new.component.less
@@ -0,0 +1,71 @@
+:host {
+  ::ng-deep {
+    nz-card {
+
+      .pr {
+        position: relative;
+      }
+      .pa {
+        position: absolute;
+        top     : 50px;
+        left    : 150px;
+      }
+      .pa2 {
+        position: absolute;
+        top: 28px;
+        left: 180px;
+      }
+       .tips {
+        display      : flex;
+        margin-bottom: 0;
+        color        : #333;
+
+        dt {
+          width: 150px;
+        }
+
+        dd {
+          width        : 190px;
+          margin-bottom: 0;
+          text-align   : center;
+        }
+      }
+
+      .form-title {
+        margin-bottom: 10px;
+        padding-left : 8px;
+        color        : #333;
+        font-weight  : 700;
+        font-size    : 18px;
+        line-height  : 20px;
+        border-left  : solid 3px #1890ff;
+      }
+
+    }
+
+    .ant-form-item {
+      margin-left: 180px;
+    }
+
+    nz-date-picker,
+    nz-input-number {
+      width: 100% !important;
+    }
+
+    .input-back {
+      nz-form-item {
+        margin-left: 0px;
+
+        .ant-form-item-label {
+          flex: 0 !important;
+        }
+
+        .ant-form-item-control {
+          max-width  : 100% !important;
+          margin-left: 20px !important;
+        }
+      }
+    }
+
+  }
+}
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/network-freight/new/new.component.ts b/src/app/routes/sys-setting/components/network-freight/new/new.component.ts
new file mode 100644
index 00000000..f5b4d4bf
--- /dev/null
+++ b/src/app/routes/sys-setting/components/network-freight/new/new.component.ts
@@ -0,0 +1,632 @@
+import { query } from '@angular/animations';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { apiConf } from '@conf/api.conf';
+import {
+  SFCascaderWidgetSchema,
+  SFCheckboxWidgetSchema,
+  SFComponent,
+  SFDateWidgetSchema,
+  SFSchema,
+  SFTextareaWidgetSchema,
+  SFUISchema,
+  SFUploadWidgetSchema
+} from '@delon/form';
+import { NzUploadFile } from 'ng-zorro-antd/upload';
+import { of } from 'rxjs';
+import { SystemService } from '../../../services/system.service';
+
+
+const IMAGECONFIG = {
+  previewFile: (file: NzUploadFile) => of(file.url),
+  action: apiConf.waterFileUpload,
+  fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+  fileSize: 5120,
+  limit: 1,
+  limitFileCount: 1,
+  resReName: 'data.fullFileWatermarkPath',
+  urlReName: 'data.fullFileWatermarkPath',
+  widget: 'upload',
+  name: 'multipartFile',
+  multiple: false,
+  listType: 'picture-card'
+} as SFUploadWidgetSchema;
+
+const DATECONFIG = {
+  grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+  widget: 'date',
+  format: 'yyyy-MM-dd',
+  placeholder: '请选择'
+};
+
+@Component({
+  selector: 'app-network-freight-new-component',
+  templateUrl: './new.component.html',
+  styleUrls: ['./new.component.less']
+})
+export class NetworkFreightNewComponent implements OnInit {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('sf1', { static: false })
+  sf1!: SFComponent;
+  sf1FormData: any  = {
+    legalPersonIdentityVO: {
+      certificatePhotoFrontWatermark: '',
+      certificatePhotoBackWatermark: '',
+    },
+  };;
+  subText = '确认新增'
+  TabText = '新增网络货运人'
+  sf2FormData: any = {};
+  schema: SFSchema = this.initOthersSF();
+  schema1: SFSchema = this.initBasicInfoSF();
+  ui: SFUISchema = {
+    '*': {
+      spanLabelFixed: 180,
+      grid: { span: 24 }
+    },
+    $title1: {
+      spanLabelFixed: 0
+    },
+    $title99: {
+      spanLabelFixed: 0
+    },
+    $title2: {
+      spanLabelFixed: 0
+    },
+    $registrationCapital: {
+      spanLabelFixed: 180,
+      grid: { xxl: 13, xl: 18, lg: 22, md: 22 }
+    },
+    $unit: {
+      grid: { xxl: 6, xl: 6, lg: 2, md: 2 }
+    },
+    $isLoingDate: {
+      spanLabelFixed: 100,
+      grid: { xxl: 6, xl: 6, lg: 4, md: 6 }
+    }
+  };
+
+  constructor(private router: Router, public service: SystemService, private route: ActivatedRoute) {}
+  ngOnInit() {
+    if(this.route.snapshot.params.id !== 'undefined') {
+      this.dataListInit(this.route.snapshot.params.id)
+      this.subText = '确认编辑'
+      this.TabText = '编辑网络货运人'
+    }
+  }
+  dataListInit(id: any) {
+    this.service.request(this.service.$api_get_networkTransporter_getDetail,{id: id}).subscribe((res) => {
+      console.log(res);
+      this.sf2FormData = res
+      this.sf1FormData = res.enterpriseInfoVO
+      this.sf1FormData.isLoingDate = this.sf1FormData.operatingEndTime !== null ? false : true;
+      this.sf1FormData.licensePhotoWatermark = [
+        {
+          uid: -1,
+          name: 'LOGO',
+          status: 'done',
+          url: this.sf1FormData.licensePhotoWatermark,
+          response: this.sf1FormData.licensePhotoWatermark
+        },
+      ];
+      console.log(this.sf1FormData);
+      // 营业执照法人信息
+  
+      this.sf1FormData.legalPersonIdentityVO.certificatePhotoFrontWatermark = [
+        {
+          uid: -1,
+          name: 'LOGO',
+          status: 'done',
+          url:  res.enterpriseInfoVO.legalPersonIdentityVO.certificatePhotoFrontWatermark,
+          response:  res.enterpriseInfoVO.legalPersonIdentityVO.certificatePhotoFrontWatermark
+        },
+      ];
+      this.sf1FormData.legalPersonIdentityVO.certificatePhotoBackWatermark = [
+        {
+          uid: -1,
+          name: 'LOGO',
+          status: 'done',
+          url: this.sf1FormData.legalPersonIdentityVO.certificatePhotoBackWatermark,
+          response: this.sf1FormData.legalPersonIdentityVO.certificatePhotoBackWatermark,
+        },
+      ];
+      const province = this.sf1FormData.fullRegionVO.provinceCode
+      const city = this.sf1FormData.fullRegionVO.cityCode
+      const area = this.sf1FormData.fullRegionVO.areaCode
+      this.sf1FormData.enterpriseAddressCode = [parseInt(province), parseInt(city), parseInt(area)];
+      this.getRegionToThree();
+    })
+  }
+  getRegionToThree() {
+    // 获取一、二、三级地区详情
+    this.service.http.post(this.service.$api_getRegionToThree).subscribe((res) => {
+      if(this.sf1){
+        this.sf1.getProperty('/enterpriseAddressCode')!.schema.enum = res.data;
+        this.sf1?.getProperty('/enterpriseAddressCode')?.widget.reset(res.data);
+      }
+    });
+  }
+  submitForm() {
+    if (!this.sf1.valid || !this.sf.valid) {
+      this.sf.validator({ emitError: true });
+      this.sf1.validator({ emitError: true });
+      this.service.msgSrv.warning('请填写必填项！');
+      return;
+    }
+    const enterpriseRegistrationTime = new Date(this.sf1.value.enterpriseRegistrationTime);
+    const operatingStartTime = new Date(this.sf1.value.operatingStartTime);
+    if (enterpriseRegistrationTime.getTime() > operatingStartTime.getTime()) {
+      this.service.msgSrv.warning('营业期限不能小于成立日期');
+      return;
+    }
+    if (this.sf1.value.operatingEndTime) {
+      const operatingEndTime = new Date(this.sf1.value.operatingEndTime);
+      if (operatingStartTime.getTime() > operatingEndTime.getTime()) {
+        this.service.msgSrv.warning('营业期限不能小于期限开始日期');
+        return;
+      }
+    }
+    if (this.sf1.value.isLoingDate) {
+      this.sf1.value.operatingEndTime = '';
+    }
+    console.log(this.sf1.value)
+    console.log(this.sf1.valid)
+    console.log(this.sf.value)
+    console.log(this.sf.valid)
+    const sfVlaue = this.sf1.value;
+    const params: any = {};
+    Object.assign(
+      params,
+      {
+        ...this.sf.value ,
+        enterpriseInfoDTO: {
+          ...this.sf1.value,
+          legalPersonIdentityDTO: this.sf1.value.legalPersonIdentityVO
+        }
+      }
+    );
+    delete params.enterpriseInfoDTO.legalPersonIdentityVO
+    console.log(params);
+    params.enterpriseInfoDTO.enterpriseAddressCode = this.sf1.value?.enterpriseAddressCode?.[2];
+    if(this.route.snapshot.params.id !== 'undefined') { 
+      params.id = this.route.snapshot.params.id
+    }
+    this.service.request(this.service.$api_networkTransporter_save, params).subscribe(res => {
+      if (res) {
+        if(this.route.snapshot.params.id !== 'undefined') { 
+          this.service.msgSrv.success('修改成功');
+        } else {
+          this.service.msgSrv.success('新增成功');
+        }
+        this.goBack();
+      }
+    });
+  }
+
+  /*
+   * 根据地区code查询地区列表
+   */
+  getRegionDetailByCode(regionCode: any) {
+    return this.service.request(this.service.$api_get_region_by_code, { regionCode });
+  }
+
+  // 识别身份证 参数isFront：front-正面、back-背面；type：0-申请人身份证，1-法定代表人身份证
+  checkIdCard(imgurl: any, isFront: string, type: number) {
+    const params = {
+      idCardUrl: imgurl,
+      side: isFront
+    };
+    this.service.request(this.service.$api_ocr_recognize_id_card, params).subscribe(res => {
+      if (res) {
+        if (type === 1) {
+          // 法定代表人证件照
+          if (isFront === 'front') {
+            // 正面
+            if (res.name) {
+              this.sf1.setValue('/legalPersonIdentityVO/name', res.name);
+            }
+            if (res.number) {
+              this.sf1.setValue('/legalPersonIdentityVO/certificateType', 0);
+              this.sf1.setValue('/legalPersonIdentityVO/certificateNumber', res.number);
+            }
+          }
+        }
+        // 企业管理员证件照
+        if (type === 0) {
+          if (isFront === 'front') {
+            // 正面
+            if (res.name) {
+              this.sf.setValue('/name', res.name);
+            }
+            if (res.number) {
+              this.sf.setValue('/certificateNumber', res.number);
+            }
+          }
+        }
+      }
+    });
+  }
+
+  // 识别营业执照
+  checkBusinessLicense(imgurl: any) {
+    console.log('触发了识别');
+    
+    this.service.request(this.service.$api_ocr_recognize_business_license, { businessLicenseUrl: imgurl }).subscribe(res => {
+      if (res) {
+        if (res.registrationNumber) {
+          this.sf1.setValue('/unifiedSocialCreditCode', res.registrationNumber);
+        }
+        if (res.name) {
+          this.sf1.setValue('/enterpriseName', res.name);
+        }
+        if (res.addressRegionCodes) {
+          this.sf1.setValue('/enterpriseAddressCode', res.addressRegionCodes);
+        }
+        if (res.address) {
+          this.sf1.setValue('/enterpriseAddress', res.address);
+        }
+        if (res.registeredCapital) {
+          this.sf1.setValue('/registrationCapital', res.registeredCapital);
+        }
+        if (res.foundDate) {
+          this.sf1.setValue('/enterpriseRegistrationTime', res.foundDate);
+        }
+        if (res.businessTermStartDate) {
+          this.sf1.setValue('/operatingStartTime', res.businessTermStartDate);
+        }
+        if (res.businessTermEndDate) {
+          this.sf1.setValue('/operatingEndTime', res.businessTermEndDate);
+        } else {
+          this.sf1.setValue('/isLoingDate', true);
+        }
+        if (res.businessScope) {
+          this.sf1.setValue('/businessScope', res.businessScope);
+        }
+      }
+    });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+
+  private initBasicInfoSF(): SFSchema {
+    return {
+      properties: {
+        title1: { title: '', type: 'string', ui: { widget: 'custom' } },
+        tips: { title: '', type: 'string', ui: { widget: 'custom', offsetControl: 6 } },
+        licensePhoto: { title: '', type: 'string', ui: { hidden: true } },
+        tipsS: { title: '', type: 'string', ui: { widget: 'custom', offsetControl: 6 } },
+        licensePhotoWatermark: {
+          type: 'string',
+          title: '营业执照',
+          ui: {
+            ...IMAGECONFIG,
+            descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+            change: args => {
+              if (args.type === 'success') {
+                this.sf1.setValue('/licensePhoto', args.fileList[0].response.data.fullFilePath);
+                this.checkBusinessLicense(args.fileList[0].response.data.fullFilePath);
+              }
+            }
+          } as SFUploadWidgetSchema
+        },
+     
+        enterpriseName: {
+          title: '公司名称',
+          type: 'string',
+          minLength: 1,
+          maxLength: 100,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请输入公司名称',
+            errors: {
+              required: '请输入公司名称'
+            }
+          }
+        },
+        unifiedSocialCreditCode: {
+          title: '统一社会信用代码',
+          type: 'string',
+          minLength: 1,
+          maxLength: 30,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            optionalHelp:
+              '为了企业用户的使用体验，若公司代码即统一社会信用代码已在本应用其他关联平台注册，则此处填写的公司资料将同步更新至对应已注册的平台',
+            placeholder: '请输入营业执照上的统一社会信用代码',
+            errors: {
+              required: '请输入18位公司代码'
+            }
+          }
+        },
+        certificateType2: {
+          type: 'string',
+          title: '行业',
+          enum: [
+            { label: '大陆身份证', value: 0 },
+            { label: '港澳居民通行证', value: 1 },
+            { label: '香港居民通行证', value: 2 }
+          ],
+          default: 0,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            widget: 'select'
+          }
+        },
+        enterpriseAddressCode: {
+          type: 'number',
+          title: '营业执照所在地',
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            widget: 'cascader',
+            valueProperty: 'regionCode',
+            labelProperty: 'name',
+            asyncData: (node: any, index: any) => {
+              return new Promise(resolve => {
+                this.getRegionDetailByCode(node?.regionCode || '').subscribe(
+                  res => {
+                    node.children = res.map((item: any) => ({ ...item, isLeaf: index === 1 }));
+                  },
+                  _ => {},
+                  () => {
+                    resolve();
+                  }
+                );
+              });
+            }
+          } as SFCascaderWidgetSchema
+        },
+        enterpriseAddress: {
+          title: '营业执照详细地址',
+          type: 'string',
+          minLength: 1,
+          maxLength: 240,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            widget: 'textarea',
+            autosize: { minRows: 2, maxRows: 5 },
+            placeholder: '请输入营业执照上的完整详细地址',
+            errors: {
+              required: '请输入营业执照上的完整详细地址'
+            }
+          } as SFTextareaWidgetSchema
+        },
+        registrationCapital: {
+          title: '注册资本',
+          type: 'number',
+          minimum: 1,
+          maximum: 99999999999999999999,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 22, md: 22 },
+            placeholder: '请输入营业执照上的注册资本',
+            errors: {
+              required: '请输入营业执照上的注册资本'
+            },
+            precision: 0
+          }
+        },
+        staffNumber: {
+          title: '从业人数',
+          type: 'number',
+          minimum: 1,
+          maximum: 99999999999999999999,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 22, md: 22 },
+            placeholder: '请输入从业人数',
+            errors: {
+              required: '请输入从业人数'
+            },
+            precision: 0
+          }
+        },
+        enterpriseRegistrationTime: {
+          title: '成立日期',
+          type: 'string',
+          ui: {
+            ...DATECONFIG,
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            errors: {
+              required: '请选择开始日期'
+            }
+          } as SFDateWidgetSchema
+        },
+       
+        operatingStartTime: {
+          title: '营业期限',
+          type: 'string',
+          ui: {
+            ...DATECONFIG,
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            errors: {
+              required: '请选择开始日期'
+            }
+          } as SFDateWidgetSchema
+        },
+        operatingEndTime: {
+          title: '',
+          type: 'string',
+          ui: {
+            ...DATECONFIG,
+            grid: { xxl: 13, xl: 18, lg: 20, md: 18 },
+            errors: {
+              required: '请选择截止日期'
+            },
+            change: i => {
+              this.sf1?.setValue('/isLoingDate', false);
+              setTimeout(() => {
+                console.log(this.sf1.value);
+              }, 1000);
+            }
+          } as SFDateWidgetSchema
+        },
+        isLoingDate: {
+          title: '长期',
+          type: 'boolean',
+          ui: {
+            class: 'input-back',
+            widget: 'checkbox',
+            change: i => this.sf1?.setValue('/operatingEndTime', null)
+          } as SFCheckboxWidgetSchema
+        },
+        businessScope: {
+          title: '经营范围',
+          type: 'string',
+          minLength: 1,
+          maxLength: 500,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 5 },
+            placeholder: '请输入营业执照上的营经营范围',
+            errors: {
+              required: '请输入营业执照上的营经营范围'
+            }
+          } as SFTextareaWidgetSchema
+        },
+        taxAuthority: {
+          title: '税务机关',
+          type: 'string',
+          minLength: 1,
+          maxLength: 30,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请输入营业执照上的税务机关',
+            errors: {
+              required: '请输入营业执照上的税务机关'
+            }
+          }
+        },
+        taxStatus: {
+          title: '纳税状态',
+          type: 'string',
+          minLength: 1,
+          maxLength: 30,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请输入纳税状态',
+            errors: {
+              required: '请输入纳税状态'
+            }
+          }
+        },
+
+        legalPersonIdentityVO: {
+          type: 'object',
+          properties: {
+            title2: { title: '', type: 'string', ui: { widget: 'custom' } },
+            tipsC: { title: '法定代表人证件照', type: 'string', ui: { widget: 'custom' } },
+            tipsA: { title: '', type: 'string', ui: { widget: 'custom', offsetControl: 6 } },
+            certificatePhotoFrontWatermark: {
+              type: 'string',
+              title: '',
+              ui: {
+                ...IMAGECONFIG,
+                descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+                change: args => {
+                  if (args.type === 'success') {
+                    this.sf1.setValue('/legalPersonIdentityVO/certificatePhotoFront', args.fileList[0].response.data.fullFilePath);
+                    this.checkIdCard(args.fileList[0].response.data.fullFilePath, 'front', 1);
+                  }
+                }
+              } as SFUploadWidgetSchema
+            },
+            tipsB: { title: '', type: 'string', ui: { widget: 'custom', offsetControl: 6 } },
+            certificatePhotoFront: { title: '', type: 'string', ui: { hidden: true } },
+            certificatePhotoBack: { title: '', type: 'string', ui: { hidden: true } },
+            certificatePhotoBackWatermark: {
+              type: 'string',
+              title: '',
+              ui: {
+                ...IMAGECONFIG,
+                descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+                change: args => {
+                  if (args.type === 'success') {
+                    this.sf1.setValue('/legalPersonIdentityVO/certificatePhotoBack', args.fileList[0].response.data.fullFilePath);
+                    this.checkIdCard(args.fileList[0].response.data.fullFilePath, 'back', 1);
+                  }
+                }
+              } as SFUploadWidgetSchema
+            },
+            name: {
+              title: '法人姓名',
+              type: 'string',
+              maxLength: 8,
+              ui: {
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                placeholder: '请输入法人姓名'
+              }
+            },
+            certificateType: {
+              type: 'string',
+              title: '法人证件类型',
+              enum: [
+                { label: '大陆身份证', value: 0 },
+                { label: '港澳居民通行证', value: 1 },
+                { label: '香港居民通行证', value: 2 }
+              ],
+              default: 0,
+              ui: {
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                widget: 'select'
+              }
+            },
+            certificateNumber: {
+              title: ' 法定代表人证件号',
+              type: 'string',
+              format: 'id-card',
+              minLength: 1,
+              maxLength: 18,
+              ui: {
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                placeholder: '请输入法定代表人证件号'
+              }
+            }
+          },
+          required: ['certificatePhotoFront', 'certificatePhotoBack', 'name', 'certificateType', 'certificateNumber','certificatePhotoFrontWatermark','certificatePhotoBackWatermark']
+        }
+      },
+      required: [
+        'licensePhotoWatermark',
+        'unifiedSocialCreditCode',
+        'enterpriseName',
+        'enterpriseAddressCode',
+        'enterpriseAddress',
+        'registrationCapital',
+        'enterpriseRegistrationTime',
+        'operatingStartTime',
+        'businessScope',
+        'taxStatus',
+        'staffNumber',
+        'taxAuthority'
+      ]
+    };
+  }
+
+  private initOthersSF(): SFSchema {
+    return {
+      properties: {
+        title99: { title: '', type: 'string', ui: { widget: 'custom' } },
+        website: {
+          title: '平台网址',
+          type: 'string',
+          maxLength: 70,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请输入平台网址'
+          }
+        },
+        costRate: {
+          title: '成本费率',
+          type: 'string',
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请输入成本费率'
+          }
+        }
+      },
+      required: ['website', 'costRate']
+    };
+  }
+}
diff --git a/src/app/routes/sys-setting/components/note-management/note-management.component.html b/src/app/routes/sys-setting/components/note-management/note-management.component.html
new file mode 100644
index 00000000..edaddc44
--- /dev/null
+++ b/src/app/routes/sys-setting/components/note-management/note-management.component.html
@@ -0,0 +1,29 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-09 14:05:33
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-09 14:26:29
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\sys-setting\\components\\note-management\\note-management.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'短信管理'">
+</page-header-wrapper>
+
+<nz-card class="search-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzSpan]="6">
+            <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90,grid: { span: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzSpan]="8" nzOffset="1">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)" acl  [acl-ability]="['NOTE-MANAGEMENT-search']">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card>
+    <st #st [data]="this.service.$api_listSmsSendLog" [columns]="columns" [req]="{ process: beforeReq }" [loading]="false" [page]="{}" ></st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/note-management/note-management.component.less b/src/app/routes/sys-setting/components/note-management/note-management.component.less
new file mode 100644
index 00000000..04fd4ba3
--- /dev/null
+++ b/src/app/routes/sys-setting/components/note-management/note-management.component.less
@@ -0,0 +1,13 @@
+:host::ng-deep{
+    .search-box{
+        .ant-card-body{
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box{
+        .ant-card-body{
+            padding-top: 14px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/note-management/note-management.component.ts b/src/app/routes/sys-setting/components/note-management/note-management.component.ts
new file mode 100644
index 00000000..f93705dc
--- /dev/null
+++ b/src/app/routes/sys-setting/components/note-management/note-management.component.ts
@@ -0,0 +1,75 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-09 14:05:33
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-09 15:18:38
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\sys-setting\\components\\note-management\\note-management.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { SystemService } from '../../services/system.service';
+
+@Component({
+  selector: 'app-note-management',
+  templateUrl: './note-management.component.html',
+  styleUrls: ['../../../commom/less/box.less']
+})
+export class NoTeManagementComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+
+  searchSchema: SFSchema = {
+    properties: {
+      cellphone: {
+        type: 'string',
+        title: '手机号',
+        maxLength: 11,
+        ui: { placeholder: '请输入' }
+      }
+    }
+  };
+
+  columns: STColumn[] = [
+    { title: '手机号', className: 'text-center', index: 'cellphone' },
+    {
+      title: '发送时间',
+      index: 'createTime',
+      type: 'date',
+      className: 'text-center'
+    },
+    { title: '短信内容', className: 'text-center', index: 'content',
+    // format: (value) => {
+    //   return JSON.parse(value?.templateParam)?.code
+    // }
+  },
+  ];
+
+  constructor(public service: SystemService, private nzModalService: NzModalService, private route: ActivatedRoute) {
+  }
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, { ...this.sf.value });
+    }
+    return requestOptions;
+  };
+
+
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+}
diff --git a/src/app/routes/sys-setting/components/role-management/edit/edit.component.html b/src/app/routes/sys-setting/components/role-management/edit/edit.component.html
new file mode 100644
index 00000000..8291cad4
--- /dev/null
+++ b/src/app/routes/sys-setting/components/role-management/edit/edit.component.html
@@ -0,0 +1,23 @@
+<div class="modal-header">
+  <div class="modal-title">{{ params.id === 0 ? '新增角色' : '编辑角色' }}</div>
+</div>
+<nz-spin *ngIf="!params" class="modal-spin"></nz-spin>
+<div *ngIf="params">
+  <sf #sf [compact]="true" [ui]="{'*': { spanLabelFixed: 120, grid: { span: 24 } } }" [schema]="schema"
+    [button]="'none'"> </sf>
+</div>
+<div class="box">
+  <se-container se-container="1">
+    <se label="角色权限" required [labelWidth]="120">
+      <app-cuc-menu #menu (changeData)="getData($event)" [type]="params.id === 0 ? 'add' : 'edit'" [roleId]="params.id" [appId]="params.appId"
+        [isAuthorityIdDTOList]="roleInfoData.authority || []"
+        [authorityAssistId]="roleInfoData.authorityAssistId || []">
+      </app-cuc-menu>
+    </se>
+  </se-container>
+</div>
+
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">取消</button>
+  <button nz-button type="button" nzType="primary" (click)="sure()">确定</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/role-management/edit/edit.component.ts b/src/app/routes/sys-setting/components/role-management/edit/edit.component.ts
new file mode 100644
index 00000000..95aba48d
--- /dev/null
+++ b/src/app/routes/sys-setting/components/role-management/edit/edit.component.ts
@@ -0,0 +1,119 @@
+import { AfterViewInit, ChangeDetectorRef, Component, OnChanges, OnInit, ViewChild } from '@angular/core';
+import { SFComponent, SFSchema, SFSchemaEnumType, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { EAEnvironmentService } from '@shared';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { delay, map } from 'rxjs/operators';
+import { SystemService } from '../../../services/system.service';
+import { SettingMenuComponent } from '../menu/menu.component';
+
+@Component({
+  selector: 'app-cuc-edit',
+  templateUrl: './edit.component.html',
+  styleUrls: ['./edit.less']
+})
+export class SettingRoleEditComponent implements OnInit {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('menu', { static: false })
+  menu!: SettingMenuComponent;
+  roleInfoData: any = {};
+  authorityAssistId: any[] = [];
+  params: any;
+  schema!: SFSchema;
+  authority: any[] = [];
+  constructor(private modal: NzModalRef, public service: SystemService) {}
+
+  ngOnInit(): void {
+    this.initSF();
+    if (this.params.id) {
+      this.getRoleInfo();
+    }
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        roleName: {
+          title: '角色名称',
+          type: 'string',
+          default: this.roleInfoData.roleName,
+          maxLength: 20,
+          ui: {
+            placeholder: '请输入角色名称'
+          }
+        },
+        roleDescription: {
+          title: '角色描述',
+          type: 'string',
+          maxLength: 50,
+          default: this.roleInfoData.roleDescription,
+          ui: {
+            autosize: { minRows: 3 },
+            hidden: this.params.lookType === 'detail',
+            placeholder: '请输入角色描述',
+            widget: 'textarea'
+          }
+        }
+      },
+      required: ['roleName']
+    };
+  }
+
+  getRoleInfo() {
+    const params = {
+      id: this.params.id
+    };
+    this.service.request(this.params.infoUrl, params).subscribe(res => {
+      if (res) {
+        this.roleInfoData = res;
+        this.initSF();
+      }
+    });
+  }
+  getData(res: { authority: any[]; authorityAssistId: any[] }) {
+    this.authority = res.authority;
+    this.authorityAssistId = res.authorityAssistId;
+  }
+  close() {
+    this.modal.destroy();
+  }
+  sure() {
+    if (!this.sf?.valid) {
+      this.service.msgSrv.warning('角色名称不能为空');
+      return;
+    }
+    const auths = this.menu?.washTree();
+    if (auths.authorityAssistId.length === 0) {
+      this.service.msgSrv.warning('请选择权限!');
+      return;
+    }
+    const params: any = {
+      id: this.params.id,
+      ...this.sf.value,
+      authority: auths.authority,
+      authorityAssistId: auths.authorityAssistId
+    };
+    if (this.params.id === 0) {
+      delete params.id;
+    }
+    if (this.params?.type === 'freight') {
+      Object.assign(params, { enterpriseId: 0, enterpriseProjectId: 0 });
+    }
+    if (this.params.id) {
+      this.service.request(this.params.updateUrl, params).subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success('编辑成功');
+          this.modal.close(true);
+        }
+      });
+    } else {
+      this.service.request(this.params.addUrl, params).subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success('新增成功');
+          this.modal.close(true);
+        }
+      });
+    }
+  }
+}
diff --git a/src/app/routes/sys-setting/components/role-management/edit/edit.less b/src/app/routes/sys-setting/components/role-management/edit/edit.less
new file mode 100644
index 00000000..a902f302
--- /dev/null
+++ b/src/app/routes/sys-setting/components/role-management/edit/edit.less
@@ -0,0 +1,17 @@
+:host {
+  ::ng-deep {
+    .box {
+      width: 100%;
+      margin: 0 auto;
+    }
+
+    .sv__label {
+      display: inline-block;
+      float: left;
+      width: 120px;
+      color: #000;
+      font-size: 13px;
+      text-align: right;
+    }
+  }
+}
diff --git a/src/app/routes/sys-setting/components/role-management/menu/menu.component.html b/src/app/routes/sys-setting/components/role-management/menu/menu.component.html
new file mode 100644
index 00000000..9c6d6e48
--- /dev/null
+++ b/src/app/routes/sys-setting/components/role-management/menu/menu.component.html
@@ -0,0 +1,21 @@
+<div class="treeWrap">
+  <div class="leftBox">
+    <nz-tree #nzTreeComponent [nzData]="functionList" (nzClick)="nzEvent($event)" nzCheckable
+      [nzCheckedKeys]="defaultCheckedKeys" [nzExpandedKeys]="defaultExpandedKeys">
+    </nz-tree>
+  </div>
+  <div class="rightBox">
+    <nz-tabset [nzSize]="'small'">
+      <nz-tab nzTitle="操作权限">
+        <div *ngIf="origin.buttonInfoList && origin.buttonInfoList.length">
+          <label style="width: 100%" nz-checkbox [(ngModel)]="item.checked" *ngFor="let item of origin.buttonInfoList"
+            (ngModelChange)="addAuthority(origin, node, item)" [disabled]="source === 'onlyAuth'">{{
+            item.permissionsName }}</label>
+        </div>
+        <nz-empty nzNotFoundImage="simple" *ngIf="origin.buttonInfoList && origin.buttonInfoList.length === 0">
+        </nz-empty>
+      </nz-tab>
+    </nz-tabset>
+  </div>
+</div>
+<nz-empty nzNotFoundImage="simple" *ngIf="functionList.length === 0"></nz-empty>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/role-management/menu/menu.component.ts b/src/app/routes/sys-setting/components/role-management/menu/menu.component.ts
new file mode 100644
index 00000000..f867aee9
--- /dev/null
+++ b/src/app/routes/sys-setting/components/role-management/menu/menu.component.ts
@@ -0,0 +1,413 @@
+import { ChangeDetectorRef, Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { EAEnvironmentService } from '@shared';
+import { NzTreeComponent } from 'ng-zorro-antd/tree';
+import { SystemService } from '../../../services/system.service';
+
+@Component({
+  selector: 'app-cuc-menu',
+  templateUrl: './menu.component.html',
+  styleUrls: ['menu.less']
+})
+export class SettingMenuComponent implements OnInit, OnChanges {
+  @ViewChild('nzTreeComponent', { static: false }) nzTreeComponent!: NzTreeComponent;
+  origin: any = { buttonInfoList: [], dictList: [] };
+  node: any = {};
+  authority: any[] = [];
+  defaultSelectedKeys: any[] = [];
+  defaultExpandedKeys: any[] = [];
+  defaultCheckedKeys: any[] = [];
+  functionList: any[] = [];
+  allChecked = false;
+  indeterminate = true;
+  @Input() type = 'edit';
+  @Input() source = '';
+  @Input() appId = this.envSrv.env.appId;
+  @Input() isAuthorityIdDTOList: any[] = [];
+  @Input() authorityAssistId: any[] = [];
+  @Input() roleId: any;
+  @Output() changeData = new EventEmitter();
+  constructor(public service: SystemService, private cdr: ChangeDetectorRef, private envSrv: EAEnvironmentService) {}
+  ngOnChanges(changes: SimpleChanges): void {
+    if (changes.isAuthorityIdDTOList) {
+      if (this.type === 'edit') {
+        this.authority = this.isAuthorityIdDTOList || [];
+      }
+    }
+    if (changes.authorityAssistId) {
+      this.defaultCheckedKeys = [...this.authorityAssistId];
+    }
+  }
+
+  ngOnInit() {
+    this.getAllFunction();
+  }
+  getAllFunction() {
+    this.service
+      .request(this.service.$api_getAllFunctionInfoByAppId, { appId: this.appId || this.envSrv.env.appId }, 'POST', true, 'FORM')
+      .subscribe(res => {
+        // if (this.source === 'onlyRelationAuth') {
+        //   this.addDisabledTree(res);
+        // } else {
+        //   // this.addDisabledLeafTree(res);
+        // }
+        this.functionList = res;
+        this.defaultCheckedKeys = this.authorityAssistId;
+        this.cdr.detectChanges();
+      });
+  }
+  addAuthority(origin: { id: any; all: any }, node: { buttonInfoList: any[] }, item?: { checked: any; functionButtonId: any }) {
+    if (this.authority?.length && this.authority.filter(authItem => authItem.authorityId === origin.id).length) {
+      // 判断此菜单权限是否已经存在权限列表中
+      // 当前操作菜单id存在权限列表里
+      this.authority.forEach(menuItem => {
+        if (menuItem.authorityId === origin.id) {
+          menuItem.buttonAuthorityIds = menuItem.buttonAuthorityIds || []; // 防止属性不存在，给属性指定数据类型
+          if (item) {
+            // 单选
+            if (item.checked) {
+              if (menuItem.buttonAuthorityIds.indexOf(item.functionButtonId) === -1) {
+                // 如果该按钮在数据权限数组中不存在
+                menuItem.buttonAuthorityIds.push(item.functionButtonId);
+              }
+            } else {
+              if (menuItem.buttonAuthorityIds && menuItem.buttonAuthorityIds.length) {
+                menuItem.buttonAuthorityIds.forEach((btnItem: any, index: any) => {
+                  if (btnItem === item.functionButtonId) {
+                    menuItem.buttonAuthorityIds.splice(index, 1);
+                  }
+                });
+              }
+            }
+          } else {
+            // 全选
+            if (origin.all) {
+              node.buttonInfoList.forEach((nodeItem: { id: any; checked: boolean }) => {
+                if (menuItem.buttonAuthorityIds.indexOf(nodeItem.id) === -1) {
+                  menuItem.buttonAuthorityIds.push(nodeItem.id);
+                  nodeItem.checked = true;
+                }
+              });
+            } else {
+              if (menuItem.buttonAuthorityIds && menuItem.buttonAuthorityIds.length) {
+                menuItem.buttonAuthorityIds = [];
+                node.buttonInfoList.forEach((nodeItem: { checked: boolean }) => {
+                  nodeItem.checked = false;
+                });
+              }
+            }
+          }
+        }
+      });
+    } else {
+      // 数组为空的时候
+      const buttonAuthorityIds = [];
+      if (item) {
+        // 全选
+        buttonAuthorityIds.push(item.functionButtonId);
+      } else {
+        node.buttonInfoList.forEach((nodeItem: { id: any; checked: boolean; _isHalfChecked: boolean }) => {
+          if (origin.all) {
+            buttonAuthorityIds.push(nodeItem.id);
+            nodeItem.checked = true;
+          }
+        });
+      }
+      const obj: any = {
+        authorityId: origin.id,
+        buttonAuthorityIds
+      };
+      this.authority.push(obj);
+    }
+    this.checkTreeNode(node, origin);
+  }
+
+  addDict(item: { checked: any; itemId: any; itemKey: any }, dictItem: { dictId: any }, origin: { id: any }, node: any) {
+    if (this.authority.length) {
+      // 判断此菜单权限是否已经存在权限列表中
+      if (this.authority.filter(authItem => authItem.authorityId === origin.id).length) {
+        // 当前操作菜单id存在权限列表里
+        this.authority.forEach((menuItem, menuIndex) => {
+          if (menuItem.authorityId === origin.id) {
+            menuItem.dataAuthority = menuItem.dataAuthority || []; // 防止属性不存在，给属性指定数据类型
+            if (item.checked) {
+              if (menuItem.dataAuthority.filter((ele: { dictItemId: any }) => ele.dictItemId === item.itemId).length === 0) {
+                // 如果该按钮在数据权限数组中不存在
+                menuItem.dataAuthority.push({ dictItemId: item.itemId, itemKey: item.itemKey, dictId: dictItem.dictId });
+              }
+            } else {
+              if (menuItem.dataAuthority && menuItem.dataAuthority.length) {
+                menuItem.dataAuthority.forEach((btnItem: { dictItemId: any }, index: any) => {
+                  if (btnItem.dictItemId === item.itemId) {
+                    menuItem.dataAuthority.splice(index, 1);
+                  }
+                });
+              }
+            }
+          }
+        });
+      } else {
+        // 当前操作菜单id不存在权限列表里
+        const dataAuthority = [];
+        dataAuthority.push({ dictItemId: item.itemId, itemKey: item.itemKey, dictId: dictItem.dictId });
+        const obj: any = {
+          authorityId: origin.id,
+          dataAuthority
+        };
+        this.authority.push(obj);
+      }
+    } else {
+      // 数组为空的时候
+      const dataAuthority = [];
+      dataAuthority.push({ dictItemId: item.itemId, itemKey: item.itemKey, dictId: dictItem.dictId });
+      const obj: any = {
+        authorityId: origin.id,
+        dataAuthority
+      };
+      this.authority.push(obj);
+    }
+    this.checkTreeNode(node, origin);
+  }
+
+  checkTreeNode(node: any, origin: { id: any }) {
+    const checkedNode: any = this.nzTreeComponent.getCheckedNodeList();
+    const allCheckedArr: any[] = [];
+    this.overTree(checkedNode, allCheckedArr);
+    this.authority.forEach(authItem => {
+      if (authItem.authorityId === origin.id) {
+        if (
+          (authItem.buttonAuthorityIds && authItem.buttonAuthorityIds.length) ||
+          (authItem.dataAuthority && authItem.dataAuthority.length)
+        ) {
+          if (allCheckedArr.indexOf(node.key) === -1) {
+            allCheckedArr.push(node.key);
+          }
+        } else {
+          if (allCheckedArr.indexOf(node.key) !== -1) {
+            allCheckedArr.forEach((ele, index) => {
+              if (ele === origin.id) {
+                allCheckedArr.splice(index, 1);
+              }
+            });
+          }
+        }
+      }
+    });
+    this.defaultCheckedKeys = allCheckedArr;
+  }
+
+  overTree(children: any[], a: any[]) {
+    children.forEach(item => {
+      a.push(item.key);
+      if (item.isLeaf) {
+        return;
+      }
+      if (item.children && item.children.length) {
+        this.overTree(item.children, a);
+      }
+    });
+  }
+
+  addDisabledTree(arr: any[]) {
+    arr.forEach((item: any) => {
+      item.disableCheckbox = true;
+      if (item.isLeaf) {
+        return;
+      }
+      if (item.children && item.children.length) {
+        this.addDisabledTree(item.children);
+      }
+    });
+  }
+  addDisabledLeafTree(arr: any[]) {
+    arr.forEach((item: any) => {
+      if (item.isLeaf) {
+        return;
+      }
+      item.disableCheckbox = true;
+      if (item.children && item.children.length) {
+        this.addDisabledLeafTree(item.children);
+      }
+    });
+  }
+  nzEvent(event: any): void {
+    this.origin = event.node.origin;
+    this.node = event.node.origin;
+    if (!event.node.origin.isLeaf) {
+      event.node.isExpanded = !event.node.isExpanded;
+    } else {
+      this.initButtonList(event.node.key, event.node.origin);
+      // this.initDictList(event.node.key, event.node.origin);
+    }
+  }
+
+  washTree() {
+    const authorityMenu: any[] = []; // this.authority
+    const tempAuthorityIdDTOListMenu: any[] = [];
+    const checkedNode: any = this.nzTreeComponent.getCheckedNodeList();
+    const halfCheckedNode: any = this.nzTreeComponent.getHalfCheckedNodeList();
+    this.authorityAssistId = [];
+    halfCheckedNode.forEach((item: { key: any }) => {
+      authorityMenu.push({ authorityId: item.key });
+      tempAuthorityIdDTOListMenu.push(item.key);
+    });
+    this.overWashTree(checkedNode, tempAuthorityIdDTOListMenu, authorityMenu);
+    if (this.authority && this.authority.length) {
+      this.authority.forEach(item => {
+        if (tempAuthorityIdDTOListMenu.indexOf(item.authorityId) !== -1) {
+          tempAuthorityIdDTOListMenu.forEach((oldItem, oldIndex) => {
+            if (oldItem === item.authorityId) {
+              authorityMenu[oldIndex] = item;
+            }
+          });
+        }
+      });
+    }
+    const result = {
+      authority: authorityMenu,
+      authorityAssistId: this.authorityAssistId
+    };
+    this.changeData.emit(result);
+    return result;
+  }
+  overWashTree(children: any[], tempAuthorityIdDTOListMenu: any[], authorityMenu: any[]) {
+    children.forEach((item: any) => {
+      this.authorityAssistId.push(item.key);
+      tempAuthorityIdDTOListMenu.push(item.key);
+      authorityMenu.push({ authorityId: item.key, isUpdateAuthority: 1 });
+      if (item.isLeaf) {
+        return;
+      }
+      if (item.children) {
+        this.overWashTree(item.children, tempAuthorityIdDTOListMenu, authorityMenu);
+      }
+    });
+  }
+
+  initButtonList(id: any, origin: any) {
+    if (origin.expanded) {
+      origin.children.forEach((item: any, index: number) => {
+        if (item.selected) {
+          if (origin.checked) {
+            this.authority.splice(index, 1);
+            const buttonAuthorityIds: any = [];
+            item.buttonInfoList.forEach((btnItem: any) => {
+              btnItem.checked = true;
+              buttonAuthorityIds.push(btnItem.functionButtonId);
+            });
+            this.authority.push({ authorityId: origin.key, buttonAuthorityIds, isUpdateAuthority: 1 });
+          } else {
+            this.authority.splice(index, 1);
+            item.buttonInfoList.forEach((btnItem: any) => {
+              btnItem.checked = false;
+            });
+          }
+        }
+      });
+    }
+    const params = {
+      id
+    };
+    this.service.request(this.service.$api_getFunctionButtonInfo, params).subscribe(res => {
+      if (res) {
+        origin.buttonInfoList = res;
+        origin.all = false;
+        // 判断此菜单下是否已有此按钮权限
+        this.againGetBtn(id, origin);
+      }
+    });
+  }
+  // 再次请求,需要判断暂存权限数组是否已有此权限
+  againGetBtn(id: any, origin: any) {
+    if (this.authority && this.authority.length === 0) {
+      const buttonAuthorityIds: any = [];
+      if (origin.checked) {
+        origin.buttonInfoList.forEach((btnItem: { functionButtonId: any; checked: boolean }) => {
+          btnItem.checked = true;
+          buttonAuthorityIds.push(btnItem.functionButtonId);
+        });
+        this.authority.push({ authorityId: origin.key, buttonAuthorityIds, isUpdateAuthority: 1 });
+      }
+    } else {
+      if (origin.checked) {
+        //菜单勾选情况下
+        if (this.authority.some(item => item.authorityId === id)) {
+          this.authority.forEach(item => {
+            if (item.authorityId === id) {
+              // 如果当前菜单Id存在权限列表里，并且等于暂存权限数组的Id
+              if (item.buttonAuthorityIds && item.buttonAuthorityIds.length) {
+                // 如果当前菜单Id权限数组不为空
+                origin.buttonInfoList.forEach((btnItem: { functionButtonId: any; checked: boolean }) => {
+                  // 判断已有权限id是否存在
+                  if (item.buttonAuthorityIds.indexOf(btnItem.functionButtonId) !== -1) {
+                    btnItem.checked = true;
+                  } else {
+                    btnItem.checked = false;
+                  }
+                });
+              }
+            }
+          });
+        } else {
+          this.authority.push({ authorityId: origin.key, buttonAuthorityIds: [], isUpdateAuthority: 1 });
+          this.authority.forEach(item => {
+            origin.buttonInfoList.forEach((btnItem: { functionButtonId: any; checked: boolean }) => {
+              btnItem.checked = true;
+              item.buttonAuthorityIds.push(btnItem.functionButtonId);
+            });
+          });
+        }
+      } else {
+        // 菜单未勾选，要删除权限
+        this.authority.forEach((item, index) => {
+          if (item.authorityId === id) {
+            // 如果当前菜单Id存在权限列表里，并且等于暂存权限数组的Id
+            this.authority.splice(index, 1);
+            origin.buttonInfoList.forEach((btnItem: { functionButtonId: any; checked: boolean }) => {
+              btnItem.checked = false;
+            });
+          }
+        });
+      }
+    }
+  }
+
+  initDictList(id: any, origin: any) {
+    const params = {
+      id
+    };
+    this.service.request(this.service.$api_getFunctionDataInfo, params).subscribe(res => {
+      if (res) {
+        origin.dictList = res;
+        // 判断此菜单下是否已有此按钮权限
+        this.againGetDict(id, origin);
+      }
+    });
+  }
+  // 再次请求,需要判断暂存权限数组是否已有此权限
+  againGetDict(id: any, origin: any) {
+    if (this.authority.length === 0) {
+      return;
+    }
+    this.authority.forEach(item => {
+      if (item.authorityId === id) {
+        // 如果当前菜单Id等于暂存权限数组的Id
+        if (item.dataAuthority && item.dataAuthority.length) {
+          // 如果当前菜单Id权限数组不为空
+          origin.dictList.forEach((ele: { dictItem: any[] }) => {
+            // 判断已有权限id是否存在
+            ele.dictItem.forEach((dictItem: { itemId: any; checked: boolean; cheked: boolean }) => {
+              item.dataAuthority.forEach((dataItem: { dictItemId: any }) => {
+                if (dataItem.dictItemId === dictItem.itemId) {
+                  dictItem.checked = true;
+                } else {
+                  dictItem.cheked = false;
+                }
+              });
+            });
+          });
+        }
+      }
+    });
+  }
+}
diff --git a/src/app/routes/sys-setting/components/role-management/menu/menu.less b/src/app/routes/sys-setting/components/role-management/menu/menu.less
new file mode 100644
index 00000000..ea1914df
--- /dev/null
+++ b/src/app/routes/sys-setting/components/role-management/menu/menu.less
@@ -0,0 +1,211 @@
+:host {
+  .toolbar-btn {
+    padding-left: 0;
+  }
+
+  ::ng-deep {
+    .ant-checkbox-wrapper+.ant-checkbox-wrapper {
+      margin: 0;
+    }
+
+    .listDiv {
+      cdk-virtual-scroll-viewport {
+        border: 1px solid rgba(242, 242, 240, 1);
+      }
+
+      .selectedItem {
+        background: #e6f7ff;
+
+        span {
+          a {
+            color: rgba(212, 72, 86, 1);
+          }
+        }
+
+        ul>li>a>i {
+          color: rgba(212, 72, 86, 1);
+        }
+      }
+
+      .listBottom {
+        height          : 2.5rem;
+        overflow        : hidden;
+        text-align      : center;
+        background-color: rgba(245, 245, 245, 0.7);
+
+        &:hover {
+          background-color: rgba(245, 245, 245, 1);
+          transition      : all 1s;
+        }
+      }
+    }
+
+    .ant-tabs-nav {
+      width : 100%;
+      margin: 0 !important;
+    }
+
+    .buttons {
+      padding: 0;
+
+      button {
+        display  : block;
+        max-width: 10rem;
+        margin   : 0.3rem 0.5rem 0 0;
+      }
+
+      .ant-btn+.ant-btn:not(.ant-btn-link),
+      .ant-btn+nz-popconfirm,
+      nz-popconfirm+.ant-btn,
+      nz-popconfirm+nz-popconfirm,
+      .ant-btn+nz-button-group,
+      nz-button-group+.ant-btn,
+      .ant-btn+nz-dropdown,
+      nz-dropdown+.ant-btn,
+      nz-popconfirm+nz-button-group,
+      nz-button-group+nz-popconfirm {
+        margin-left: 0;
+      }
+    }
+
+    .ant-tabs-bar {
+      margin: 0;
+    }
+
+    // .ant-tree-node-selected {
+    //   background: none !important;
+    // }
+    // .ant-tree-node-content-wrapper:hover {
+    //   background: none;
+    // }
+    .ant-tree-node-content-wrapper {
+      width: 100%;
+    }
+
+    .ant-tabs .ant-tabs-tabpane {
+      padding      : 10px 10px 2px 10px;
+      background   : #fdfdfd;
+      border-right : solid 1px #eee;
+      border-bottom: solid 1px #eee;
+      border-left  : solid 1px #eee;
+    }
+
+    // .ant-tabs-tab {
+    //   width: 50%;
+    //   text-align: center;
+    // }
+    // .ant-tabs-tab-arrow-show {
+    //   display: none;
+    // }
+    ul {
+      margin : 0;
+      padding: 0;
+    }
+  }
+}
+
+.firstStepBox {
+  width      : 100%;
+  line-height: 50px;
+  text-align : center;
+  background : #f7f7f7;
+}
+
+.itemBox {
+  width      : 100%;
+  height     : 50px;
+  padding    : 0 0 0 60px;
+  color      : #5f5f5f;
+  line-height: 50px;
+  cursor     : pointer;
+
+  &:hover {
+    background: #e6f7ff;
+  }
+}
+
+.twoStepBox {
+  width      : 100%;
+  line-height: 50px;
+  text-align : center;
+  background : #f7f7f7;
+
+  span {
+    display: inline-block;
+    margin : 0 auto;
+  }
+
+  >i {
+    float : right;
+    margin: 20px 20px 0 0;
+  }
+
+  button {
+    float : right;
+    margin: 8px 20px 0 0;
+  }
+
+  .blueFont {
+    color: #1890ff;
+  }
+}
+
+.folder-desc i {
+  margin: 0 5px;
+}
+
+.flexBox {
+  .titleBox {
+    display        : flex;
+    justify-content: space-between;
+
+    i {
+      margin: 0 8px;
+    }
+  }
+}
+
+ul {
+  display: block;
+}
+
+li {
+  line-height: 30px;
+  list-style : none;
+}
+
+.dictData {
+  dl {
+    margin : 0;
+    padding: 0;
+  }
+
+  dt {
+    margin       : 0 0 5px 0;
+    padding      : 3px 0;
+    color        : #999;
+    font-weight  : normal;
+    font-size    : 13px;
+    border-bottom: solid 1px #eee;
+  }
+}
+
+label {
+  color    : #666;
+  font-size: 13px;
+}
+
+.treeWrap {
+  display: flex;
+  width  : 700px;
+
+  .leftBox {
+    width          : 40%;
+    // border-right: solid 1px #eee;
+  }
+
+  .rightBox {
+    width  : 60%;
+    padding: 0 0 0 20px;
+  }
+}
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/role-management/role-management.component.html b/src/app/routes/sys-setting/components/role-management/role-management.component.html
new file mode 100644
index 00000000..bc117b42
--- /dev/null
+++ b/src/app/routes/sys-setting/components/role-management/role-management.component.html
@@ -0,0 +1,25 @@
+<page-header-wrapper [title]="params.title">
+</page-header-wrapper>
+
+<nz-card class="search-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzSpan]="6">
+            <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90,grid: { span: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzSpan]="8" nzOffset="1">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)" acl  [acl-ability]="['SYSTEM-ROLE-list']">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card>
+    <div class="d-flex justify-content-end mb-sm">
+        <div>
+            <button nz-button nzType="primary" (click)="roleAction()" acl  [acl-ability]="['SYSTEM-ROLE-add']">新建角色</button>
+        </div>
+    </div>
+    <st #st [data]="params.listUrl" [columns]="columns" [req]="{ process: beforeReq }" [loading]="false" [page]="{}"
+        [scroll]="{ y: '370px' }"></st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/role-management/role-management.component.less b/src/app/routes/sys-setting/components/role-management/role-management.component.less
new file mode 100644
index 00000000..04fd4ba3
--- /dev/null
+++ b/src/app/routes/sys-setting/components/role-management/role-management.component.less
@@ -0,0 +1,13 @@
+:host::ng-deep{
+    .search-box{
+        .ant-card-body{
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box{
+        .ant-card-body{
+            padding-top: 14px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/role-management/role-management.component.ts b/src/app/routes/sys-setting/components/role-management/role-management.component.ts
new file mode 100644
index 00000000..c596fe85
--- /dev/null
+++ b/src/app/routes/sys-setting/components/role-management/role-management.component.ts
@@ -0,0 +1,141 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { SystemService } from '../../services/system.service';
+import { SettingRoleEditComponent } from './edit/edit.component';
+
+@Component({
+  selector: 'app-role-management',
+  templateUrl: './role-management.component.html',
+  styleUrls: ['../../../commom/less/box.less']
+})
+export class RoleManagementComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+
+  searchSchema: SFSchema = {
+    properties: {
+      roleName: {
+        type: 'string',
+        title: '角色名称',
+        ui: { placeholder: '请输入' }
+      }
+    }
+  };
+
+  columns: STColumn[] = [
+    { title: '角色名称', className: 'text-center', index: 'roleName' },
+    { title: '角色描述', className: 'text-center', index: 'roleDescription' },
+    { title: '企业数量', className: 'text-center', index: 'userNumber', iif: _ => this.type === 'freight' },
+    { title: '创建人手机号', className: 'text-center', index: 'telephone' },
+    {
+      title: '创建时间',
+      width: 170,
+      index: 'createTime',
+      type: 'date',
+      className: 'text-center'
+    },
+    {
+      title: '操作',
+      className: 'text-center',
+      buttons: [
+        {
+          text: '编辑',
+          click: item => this.roleAction(item),
+          iif: item => item.roleName !== '超级管理员',
+          acl: { ability: ['SYSTEM-ROLE-edit'] }
+        },
+        {
+          text: '删除',
+          click: item => this.deleteAction(item),
+          iif: item => item.roleName !== '超级管理员',
+          acl: { ability: ['SYSTEM-ROLE-delete'] }
+        }
+      ]
+    }
+  ];
+
+  type = 'user';
+  params: any = {
+    listUrl: this.service.$api_get_role_page,
+    deleteUrl: this.service.$api_dalete_role,
+    infoUrl: this.service.$api_getRoleInfo,
+    addUrl: this.service.$api_save_role,
+    updateUrl: this.service.$api_update_role,
+    title: '角色管理',
+    type: 'user'
+  };
+
+  constructor(public service: SystemService, private nzModalService: NzModalService, private route: ActivatedRoute) {
+    route.params.subscribe(({ type }) => {
+      if (type) {
+        this.type = type;
+        if (type !== 'user') {
+          this.params = {
+            listUrl: this.service.$api_get_ent_role_page,
+            deleteUrl: this.service.$api_dalete_role,
+            infoUrl: this.service.$api_getRoleInfo,
+            addUrl: this.service.$api_save_role,
+            updateUrl: this.service.$api_update_role,
+            appId: 'A48F72F0A304427F921794BAD86B3522',
+            title: '企业角色管理',
+            type: 'freight'
+          };
+        }
+      }
+    });
+  }
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, { ...this.sf.value });
+    }
+    if (requestOptions.body?.createTime) {
+      Object.assign(requestOptions.body, { sort: 'createTime.' + requestOptions.body.createTime });
+    }
+    return requestOptions;
+  };
+
+  roleAction(item?: any) {
+    const modal = this.nzModalService.create({
+      nzContent: SettingRoleEditComponent,
+      nzWidth: 900,
+      nzComponentParams: item ? { params: { ...item, ...this.params } } : { params: { id: 0, ...this.params } },
+      nzFooter: null
+    });
+    modal.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load();
+      }
+    });
+  }
+
+  deleteAction(item: any) {
+    this.nzModalService.error({
+      nzTitle: '确认删除？',
+      nzClosable: false,
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        this.service.request(this.params.deleteUrl, [item.id]).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('删除角色成功');
+            this.st.load();
+          }
+        });
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+}
diff --git a/src/app/routes/sys-setting/components/staff-management/staff-management.component.html b/src/app/routes/sys-setting/components/staff-management/staff-management.component.html
new file mode 100644
index 00000000..73157624
--- /dev/null
+++ b/src/app/routes/sys-setting/components/staff-management/staff-management.component.html
@@ -0,0 +1,38 @@
+<page-header-wrapper title="员工管理">
+</page-header-wrapper>
+
+<nz-card class="search-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzSpan]="6">
+            <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90,grid: { span: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzSpan]="8" nzOffset="1">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)"  acl  [acl-ability]="['SYSTEM-STAFF-list']">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box">
+    <div class="d-flex justify-content-between mb-sm">
+        <label style="font-size: 18px;"></label>
+        <div>
+            <button nz-button nzType="primary" (click)="staffAction()"  acl  [acl-ability]="['SYSTEM-STAFF-add']">添加员工</button>
+            <button nz-button  acl  [acl-ability]="['SYSTEM-STAFF-export']">导出</button>
+        </div>
+    </div>
+
+    <div class="mb-md">
+        <nz-alert [nzType]="'info'" [nzShowIcon]="true" [nzMessage]="message">
+            <ng-template #message>
+                已选择
+                <strong class="text-primary">{{ selectedRows.length }}</strong>项
+            </ng-template>
+        </nz-alert>
+    </div>
+
+    <st #st [data]="service.$api_get_enterprise_staff_page" [columns]="columns" [page]="{}"
+        [req]="{  params: {nameOrPhone: this.sf.value?.nameOrPhone} }" [loading]="false"
+        [scroll]="{ y: '370px' }" (change)="stChange($event)"></st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/staff-management/staff-management.component.less b/src/app/routes/sys-setting/components/staff-management/staff-management.component.less
new file mode 100644
index 00000000..04fd4ba3
--- /dev/null
+++ b/src/app/routes/sys-setting/components/staff-management/staff-management.component.less
@@ -0,0 +1,13 @@
+:host::ng-deep{
+    .search-box{
+        .ant-card-body{
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box{
+        .ant-card-body{
+            padding-top: 14px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/staff-management/staff-management.component.ts b/src/app/routes/sys-setting/components/staff-management/staff-management.component.ts
new file mode 100644
index 00000000..bcf5ed41
--- /dev/null
+++ b/src/app/routes/sys-setting/components/staff-management/staff-management.component.ts
@@ -0,0 +1,187 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema } from '@delon/form';
+import { SettingsService } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { SystemService } from '../../services/system.service';
+import { SystemStaffStaffModalComponent } from './staff-modal/staff-modal.component';
+import { BuyerTranspowerComponent } from './transpower/transpower.component';
+
+@Component({
+  selector: 'app-staff-management',
+  templateUrl: './staff-management.component.html',
+  styleUrls: ['./staff-management.component.less']
+})
+export class StaffManagementComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+
+  searchSchema: SFSchema = {
+    properties: {
+      nameOrPhone: {
+        type: 'string',
+        title: '输入搜索',
+        ui: { placeholder: '手机号码 / 成员姓名' }
+      }
+    }
+  };
+
+  columns: STColumn[] = [
+    { title: '', index: 'key', className: 'text-center', type: 'checkbox' },
+    { title: '员工姓名', className: 'text-center', index: 'name' },
+    { title: '手机号码', className: 'text-center', index: 'telephone' },
+    { title: '角色',className: 'text-center', index: 'roleName' },
+    {
+      title: '最后登录时间',
+      index: 'lastLoginDate',
+      className: 'text-center',
+      type: 'date',
+      format: item => `${item.lastLoginDate || '-'}`
+    },
+    {
+      title: '成员状态',
+      className: 'text-center',
+      index: 'stateLocked',
+      type: 'badge',
+      badge: {
+        0: { text: '正常', color: 'success' },
+        1: { text: '冻结', color: 'error' }
+      }
+    },
+    {
+      title: '操作',
+      className: 'text-center',
+      buttons: [
+        {
+          text: '编辑',
+          click: item => this.staffAction(item),
+          acl: { ability: ['SYSTEM-STAFF-edit'] }
+        },
+        {
+          text: '恢复',
+          iif: item => item.stateLocked === 1 && item.telephone !== this.user.phone,
+          click: item => this.action(item, 2),
+          acl: { ability: ['SYSTEM-STAFF-lock'] }
+        },
+        {
+          text: '冻结',
+          iif: item => item.stateLocked === 0 && item.roleCode.split(',').indexOf('Administrator') === -1 && item.telephone !== this.user.phone,
+          click: item => this.action(item, 1),
+          acl: { ability: ['SYSTEM-STAFF-lock'] }
+        },
+        {
+          text: '超管转授',
+          iif: item => item.stateLocked === 0 && item.roleCode.split(',').indexOf('Administrator') === -1,
+          click: item => this.transpowerAction(item),
+          acl: { ability: ['SYSTEM-STAFF-shiftAdmin'] }
+        },
+        {
+          text: '删除',
+          iif: item => item.stateLocked === 0 && item.roleCode.split(',').indexOf('Administrator') === -1 && item.telephone !== this.user.phone,
+          click: item => this.action(item, 3),
+          acl: { ability: ['SYSTEM-STAFF-delete'] }
+        }
+      ]
+    }
+  ];
+
+  selectedRows: any[] = [];
+
+  actionLabel = {
+    1: { title: '确认冻结？', text: '冻结后用户在本系统将无法登录使用，请谨慎操作！' },
+    2: { title: '确认恢复？', text: '恢复后用户在本系统的权限将一并重新开启。' },
+    3: { title: '确认删除？', text: '删除后该用户ID将在本系统中将无法登录使用并删除，请谨慎操作！' }
+  };
+
+  user = this.setting.user;
+  constructor(public service: SystemService, private nzModalService: NzModalService, private setting: SettingsService) {}
+
+  ngOnInit(): void {}
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+    }
+  }
+
+  action(item: any, type: 1 | 2 | 3) {
+    this.nzModalService.error({
+      nzTitle: this.actionLabel[type].title,
+      nzContent: `<label class="error-color">${this.actionLabel[type].text}</label>`,
+      nzClosable: false,
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        switch (type) {
+          case 1:
+            this.freeOrResumStaff({ appUserId: [item.appUserId], freezeOrResume: true });
+            break;
+          case 2:
+            this.freeOrResumStaff({ appUserId: [item.appUserId], freezeOrResume: false });
+            break;
+          case 3:
+            this.deleteStaff([item.appUserId]);
+            break;
+
+          default:
+            break;
+        }
+      }
+    });
+  }
+
+  transpowerAction(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '超级管理员转授',
+      nzContent: BuyerTranspowerComponent,
+      nzComponentParams: { i: { ...item } },
+      nzFooter: null
+    });
+    modal.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load();
+      }
+    });
+  }
+
+  staffAction(item?: any) {
+    const modal = this.nzModalService.create({
+      nzContent: SystemStaffStaffModalComponent,
+      nzComponentParams: item ? { i: { ...item, roleId: item.roleId ? (item.roleId as string)?.split(',') : null } } : { i: { userId: 0 } },
+      nzFooter: null
+    });
+    modal.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load();
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+
+  private deleteStaff(params: any) {
+    this.service.request(this.service.$api_delete_staff, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('操作成功');
+        this.st.load();
+      }
+    });
+  }
+
+  private freeOrResumStaff(params: any) {
+    this.service.request(this.service.$api_free_or_resume_staff, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('操作成功');
+        this.st.load();
+      }
+    });
+  }
+}
diff --git a/src/app/routes/sys-setting/components/staff-management/staff-modal/staff-modal.component.html b/src/app/routes/sys-setting/components/staff-management/staff-modal/staff-modal.component.html
new file mode 100644
index 00000000..87d7b3b2
--- /dev/null
+++ b/src/app/routes/sys-setting/components/staff-management/staff-modal/staff-modal.component.html
@@ -0,0 +1,10 @@
+<div class="modal-header">
+  <div class="modal-title">{{ i.id === 0 ? '添加员工' : '编辑员工' }}</div>
+</div>
+<div>
+  <sf #sf [ui]="ui" [schema]="schema" [button]="'none'"></sf>
+</div>
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">取消</button>
+  <button nz-button type="button" nzType="primary" (click)="sure()" [disabled]="!sf.valid">保存</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/staff-management/staff-modal/staff-modal.component.ts b/src/app/routes/sys-setting/components/staff-management/staff-modal/staff-modal.component.ts
new file mode 100644
index 00000000..49b2cb27
--- /dev/null
+++ b/src/app/routes/sys-setting/components/staff-management/staff-modal/staff-modal.component.ts
@@ -0,0 +1,106 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { SystemService } from '../../../services/system.service';
+
+@Component({
+  selector: 'app-system-add',
+  templateUrl: './staff-modal.component.html'
+})
+export class SystemStaffStaffModalComponent implements OnInit {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  i: any;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  constructor(private modal: NzModalRef, public msgSrv: NzMessageService, public service: SystemService) {}
+
+  ngOnInit(): void {
+    this.initSF(this.i);
+  }
+  initSF(staff: any) {
+    this.schema = {
+      properties: {
+        staffName: {
+          title: '员工姓名',
+          type: 'string',
+          maxLength: 10,
+          ui: { widget: staff?.appUserId ? 'text' : 'string', placeholder: '请输入员工姓名' },
+          default: staff.name
+        },
+        telephone: {
+          title: '手机号码',
+          type: 'string',
+          maxLength: 11,
+          ui: { widget: staff?.appUserId ? 'text' : 'string', placeholder: '请输入员工手机号' },
+          default: staff.telephone
+        },
+        roleId: {
+          title: '角色',
+          type: 'string',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择员工角色',
+            mode: 'multiple',
+            maxMultipleCount: 5,
+            asyncData: () => {
+              return this.service.request(this.service.$api_getAppRoleList).pipe(
+                map((res: any) => {
+                  return res
+                    .filter((role: any) => role.roleCode !== 'Administrator')
+                    .map((item: any) => {
+                      return { label: item.roleName, value: item.id };
+                    });
+                })
+              );
+            }
+          },
+          default: staff?.roleId || null
+        }
+      },
+      required: ['staffName', 'telephone', 'roleId']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 120,
+        grid: { span: 24 }
+      }
+    };
+  }
+
+  sure() {
+    if (!this.sf.value.roleId || this.sf.value.roleId.length === 0) {
+      this.service.msgSrv.error('员工角色不能为空！');
+      return;
+    }
+    if (this.i.userId === 0) {
+      const params: any = {
+        ...this.sf.value
+      };
+      this.service.request(this.service.$api_add_staff, params).subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success('保存成功！');
+          this.modal.close(true);
+        }
+      });
+    } else {
+      const params: any = {
+        appUserId: this.i.appUserId,
+        ...this.sf.value
+      };
+      this.service.request(this.service.$api_edit_staff, params).subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success('编辑成功！');
+          this.modal.close(true);
+        }
+      });
+    }
+  }
+
+  close() {
+    this.modal.destroy();
+  }
+}
diff --git a/src/app/routes/sys-setting/components/staff-management/transpower/transpower.component.html b/src/app/routes/sys-setting/components/staff-management/transpower/transpower.component.html
new file mode 100644
index 00000000..47c06860
--- /dev/null
+++ b/src/app/routes/sys-setting/components/staff-management/transpower/transpower.component.html
@@ -0,0 +1,22 @@
+<form nz-form #f="ngForm" se-container="1" labelWidth="100">
+  <se label="转授对象">{{i.name}}（{{i.telephone}}）</se>
+  <se style="margin:0">
+    <div class="code">为了账户安全，需超管手机验证（{{ superPhone }}）</div>
+  </se>
+  <se label="验证码">
+    <div nz-row [nzGutter]="8">
+      <div nz-col [nzSpan]="12">
+        <input nz-input name="smsVerifyCode" [(ngModel)]="smsVerifyCode" maxlength="6" placeholder="请输入短信验证码" />
+      </div>
+      <div nz-col [nzSpan]="12">
+        <button nz-button (click)="sendCode()" [disabled]="count > 0">
+          {{ count > 0 ? '请等待' + count + 's' : '发送验证码' }}
+        </button>
+      </div>
+    </div>
+  </se>
+</form>
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">取消</button>
+  <button nz-button type="button" (click)="sure()" [disabled]="f.invalid" nzType="primary">确定</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/staff-management/transpower/transpower.component.ts b/src/app/routes/sys-setting/components/staff-management/transpower/transpower.component.ts
new file mode 100644
index 00000000..ff704a04
--- /dev/null
+++ b/src/app/routes/sys-setting/components/staff-management/transpower/transpower.component.ts
@@ -0,0 +1,80 @@
+import { ChangeDetectorRef, Component, OnInit, TemplateRef } from '@angular/core';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { interval } from 'rxjs';
+import { take } from 'rxjs/operators';
+import { DunHelper } from 'src/app/shared/components/captcha/dun.helper';
+import { EACaptchaService } from 'src/app/shared/services/business/captcha.service';
+import { SystemService } from '../../../services/system.service';
+
+@Component({
+  selector: 'app-buyer-transpower',
+  templateUrl: './transpower.component.html'
+})
+export class BuyerTranspowerComponent implements OnInit {
+  count = 0;
+  i: any;
+  smsVerifyCode = '';
+  superPhone = '';
+  constructor(
+    private modal: NzModalRef,
+    public service: SystemService,
+    public eACaptchaService: EACaptchaService,
+    private dunHelper: DunHelper,
+    private cdr: ChangeDetectorRef
+  ) {}
+
+  ngOnInit(): void {
+    this.getPhone();
+  }
+  getPhone() {
+    this.service.request(this.service.$api_get_app_admin_info).subscribe(res => {
+      if (res) {
+        this.superPhone = res.telephone;
+      }
+    });
+  }
+  sure() {
+    const params = {
+      appUserId: this.i.appUserId,
+      smsVerifyCode: this.smsVerifyCode,
+      telephone: this.i.telephone
+    };
+    this.service.request(this.service.$api_set_shift_admin, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('操作成功！');
+        this.modal.close(true);
+      }
+    });
+  }
+  close() {
+    this.modal.destroy();
+  }
+  /**
+   * 获取手机验证码
+   */
+  sendCode() {
+    this.eACaptchaService.request(this.eACaptchaService.$api_getAppLesseeAdminSMVerificationCode).subscribe(res => {
+      if (res.success && res.data.code === '1') {
+        this.eACaptchaService.msgSrv.success('发送验证码成功');
+        this.createInterval();
+      } else if (res.data.code === '503046') {
+        this.dunHelper.popUp().subscribe(_ => {
+          this.createInterval();
+          this.dunHelper.destory();
+        });
+      } else {
+        this.eACaptchaService.msgSrv.warning(res.msg);
+      }
+    });
+  }
+
+  private createInterval() {
+    this.count = 59;
+    interval(1000)
+      .pipe(take(60))
+      .subscribe(x => {
+        this.count = 59 - (x + 1);
+        this.cdr.detectChanges();
+      });
+  }
+}
diff --git a/src/app/routes/sys-setting/components/system-config/system-config.component.html b/src/app/routes/sys-setting/components/system-config/system-config.component.html
new file mode 100644
index 00000000..9606bc20
--- /dev/null
+++ b/src/app/routes/sys-setting/components/system-config/system-config.component.html
@@ -0,0 +1,187 @@
+<nz-card>
+    <div nz-row [nzGutter]="8">
+        <div nz-col nzSpan="4">
+            <ul nz-menu nzMode="inline" class="card-height">
+                <li nz-menu-item [nzSelected]="idx === 0" (click)="changeType(idx)"
+                    *ngFor="let item of tabs; let idx = index">
+                    {{ item.name }}
+                </li>
+            </ul>
+        </div>
+
+        <div nz-col nzSpan="20" style="overflow: scroll">
+            <nz-card class="card-height" [nzBordered]="null" nzSize="small" *ngIf="selectedTab===0 ">
+                <h2 style="font-weight: 800;">货主端配置</h2>
+                <h3 style="font-weight: 600;margin-left: 120px;">图片配置</h3>
+                <sf style="margin-left: 30px" #sf mode="default" [formData]="i" [schema]="schema2"
+                    [ui]="{ '*': { spanLabelFixed: 200,grid: { span: 24 }} }" button="none">
+                    <ng-template sf-template="start" let-me let-ui="ui" let-schema="schema">
+                    </ng-template>
+                    <template id="tpl">
+                        <span>so good </span>
+                    </template>
+                    <ng-template sf-template="time2" let-me let-ui="ui" let-schema="schema">
+                        <div class="text-left">可输入字符</div>
+                        <nz-range-picker extend nzFormat="HH:mm:ss"></nz-range-picker>
+                    </ng-template>
+                </sf>
+                <h3 style="font-weight: 600;margin-left: 140px;" class="mb-md">短信配置</h3>
+                <div nz-row nzGutter="8">
+                    <div nz-col nzSpan="24" se-container [labelWidth]="230" [se-container]="1">
+                        <se label="短信内容设置" style="margin-bottom: 0;">
+                            <p style="margin-top: 6px;">配置用户端登陆页注册帐号、修改密码、修改手机号时的短信内容</p>
+                            <textarea nz-input rows="4"
+                                placeholder="【运多星】您的验证码：XXXXXX。有效期10分钟，请及时输入，请勿向他人泄露您的验证码。如非本人操作，请忽略。"
+                                style="width: 400px;"></textarea>
+                        </se>
+                    </div>
+                </div>
+                <h3 style="font-weight: 600;margin-left: 140px;" class="mb-md">通知配置</h3>
+                <div nz-row nzGutter="8">
+                    <div nz-col nzSpan="24">
+                        <ng-container *ngTemplateOutlet="textMessage;context:{$implicit: 'World', title:'用户实名认证审核'}">
+                        </ng-container>
+                        <ng-container *ngTemplateOutlet="textMessage;context:{$implicit: 'World', title: '企业认证审核'}">
+                        </ng-container>
+                    </div>
+                </div>
+                <h3 style="font-weight: 600;margin-left: 140px;" class="mb-md">客服电话配置</h3>
+                <div nz-row nzGutter="8">
+                    <div nz-col nzSpan="24" se-container [labelWidth]="230">
+                        <se label="客服电话" style="margin-bottom: 0;">
+                            <input nz-input style="width: 325px;" />
+                        </se>
+                    </div>
+                </div>
+            </nz-card>
+
+            <nz-card class="card-height" [nzBordered]="null" nzSize="small" *ngIf="selectedTab===1">
+                <h2 style="font-weight: 800;">司机端配置</h2>
+                <h3 style="font-weight: 600;margin-left: 120px;">图片配置</h3>
+                <sf style="margin-left: 30px" #sf mode="default" [formData]="i" [schema]="schema"
+                    [ui]="{ '*': { spanLabelFixed: 200,grid: { span: 24 }} }" button="none">
+                    <ng-template sf-template="start" let-me let-ui="ui" let-schema="schema">
+                    </ng-template>
+                    <template id="tpl">
+                        <span>so good </span>
+                    </template>
+                    <ng-template sf-template="time2" let-me let-ui="ui" let-schema="schema">
+                        <div class="text-left">可输入字符</div>
+                        <nz-range-picker extend nzFormat="HH:mm:ss"></nz-range-picker>
+                    </ng-template>
+                </sf>
+                <h3 style="font-weight: 600;margin-left: 140px;" class="mb-md">短信配置</h3>
+                <div nz-row nzGutter="8">
+                    <div nz-col nzSpan="24" se-container [labelWidth]="230" [se-container]="1">
+                        <se label="短信内容设置" style="margin-bottom: 0;">
+                            <p style="margin-top: 6px;">配置用户端登陆页注册帐号、修改密码、修改手机号时的短信内容</p>
+                            <textarea nz-input rows="4"
+                                placeholder="【运多星】您的验证码：XXXXXX。有效期10分钟，请及时输入，请勿向他人泄露您的验证码。如非本人操作，请忽略。"
+                                style="width: 400px;"></textarea>
+                        </se>
+                    </div>
+                </div>
+                <h3 style="font-weight: 600;margin-left: 140px;" class="mb-md">通知配置</h3>
+                <div nz-row nzGutter="8">
+                    <div nz-col nzSpan="24">
+                        <ng-container *ngTemplateOutlet="textMessage;context:{$implicit: 'World', title:'司机实名认证审核'}">
+                        </ng-container>
+                        <ng-container *ngTemplateOutlet="textMessage;context:{$implicit: 'World', title: '司机驾驶证证审核'}">
+                        </ng-container>
+                        <div se-container [labelWidth]="230" [se-container]="1">
+                            <se class="mb-sm">
+                                <nz-radio-group [(ngModel)]="formDate.isAudit">
+                                    <label nz-radio [nzValue]="false" class="mt-sm">到期系统通知</label>
+                                    <label nz-radio [nzValue]="true" class="mt-sm">短信通知</label>
+                                </nz-radio-group>
+                            </se>
+                            <se label="司机驾驶证证审核" class="mb-sm">
+                                <nz-radio-group [(ngModel)]="formDate.isAudit">
+                                    <label nz-radio [nzValue]="false" class="mt-sm">审核通过系统通知</label>
+                                    <label nz-radio [nzValue]="true" class="mt-sm">短信通知</label>
+                                </nz-radio-group>
+                            </se>
+                            <se class="mb-sm">
+                                <nz-radio-group [(ngModel)]="formDate.isAudit">
+                                    <label nz-radio [nzValue]="false" class="mt-sm">审核驳回系统通知</label>
+                                    <label nz-radio [nzValue]="true" class="mt-sm">短信通知</label>
+                                </nz-radio-group>
+                            </se>
+                            <se class="mb-sm">
+                                <nz-radio-group [(ngModel)]="formDate.isAudit">
+                                    <label nz-radio [nzValue]="false" class="mt-sm">到期系统通知</label>
+                                    <label nz-radio [nzValue]="true" class="mt-sm">短信通知</label>
+                                </nz-radio-group>
+                            </se>
+                        </div>
+                    </div>
+                </div>
+                <h3 style="font-weight: 600;margin-left: 140px;" class="mt-md">客服电话配置</h3>
+                <div nz-row nzGutter="8">
+                    <div nz-col nzSpan="24" se-container [labelWidth]="230">
+                        <se label="客服电话" >
+                            <input nz-input style="width: 325px;" />
+                        </se>
+                    </div>
+                </div>
+                <h3 style="font-weight: 600;margin-left: 140px;" class="mt-md">证件提醒配置</h3>
+                <div nz-row nzGutter="8">
+                    <div nz-col nzSpan="24" se-container [labelWidth]="230" [se-container]="1">
+                        <se label="证件临期提醒" style="margin-bottom: 0;">
+                            距离到期时间
+                            <input type="number" nz-input  style="width: 40px;"/>
+                            天开始提醒，每隔
+                            <input type="number" nz-input  style="width: 40px;" />
+                            天提醒一次
+                        </se>
+                    </div>
+                </div>
+            </nz-card>
+
+            <div class="mb-md save-btn">
+                <button class="ml-lg" nz-button nzSize="large" nzType="primary">保存</button>
+                <button class="ml-lg" nz-button nzSize="large">取消</button>
+            </div>
+        </div>
+    </div>
+</nz-card>
+
+<ng-template #textMessage let-data="data" let-title="title">
+    <div se-container [labelWidth]="230" [se-container]="1">
+        <se [label]="title" style="margin-bottom: 0;">
+            <nz-radio-group [(ngModel)]="formDate.isAudit">
+                <label nz-radio [nzValue]="false" class="mt-sm">审核通过系统通知</label>
+                <label nz-radio [nzValue]="true" class="mt-sm">短信通知</label>
+            </nz-radio-group>
+        </se>
+        <se class="mb-sm">
+            <label for="">通知标题 : </label>
+            <input nz-input placeholder="请不要超过20个汉字" style="width: 325px;" maxlength="20" />
+        </se>
+        <se class="mb-sm">
+            <label for="">通知内容 : </label>
+            <input nz-input placeholder="请不要超过50个汉字" style="width: 325px;" maxlength="50" />
+        </se>
+        <se class="mb-sm">
+            <nz-radio-group [(ngModel)]="formDate.isAudit">
+                <label nz-radio [nzValue]="false" class="mt-sm">审核驳回系统通知</label>
+                <label nz-radio [nzValue]="true" class="mt-sm">短信通知</label>
+            </nz-radio-group>
+        </se>
+        <se class="mb-sm">
+            <label for="">通知标题 : </label>
+            <input nz-input placeholder="请不要超过20个汉字" style="width: 325px;" maxlength="20" />
+        </se>
+        <se class="mb-sm">
+            <label for="">通知内容 : </label>
+            <input nz-input placeholder="请不要超过50个汉字" style="width: 325px;" maxlength="50" />
+        </se>
+        <se class="mb-sm">
+            <div class=" d-flex">
+                <label for="">短信内容 : </label>
+                <textarea nz-input rows="3" placeholder="【运多星】您的账号：XXXXXX。实名认证审核已被驳回，请重新上传"
+                    style="width: 325px;margin-left: 14px;"></textarea>
+            </div>
+        </se>
+    </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/system-config/system-config.component.less b/src/app/routes/sys-setting/components/system-config/system-config.component.less
new file mode 100644
index 00000000..09e68362
--- /dev/null
+++ b/src/app/routes/sys-setting/components/system-config/system-config.component.less
@@ -0,0 +1,22 @@
+:host {
+    ::ng-deep {
+      .card-height {
+        min-height: 600px;
+      }
+  
+      .save-btn {
+        width     : 100%;
+        text-align: right;
+      }
+  
+      .block-radio {
+        display    : flex;
+        min-height     : 32px;
+      }
+  
+      input {
+        width      : 100px;
+        margin-left: 10px;
+      }
+    }
+  }
\ No newline at end of file
diff --git a/src/app/routes/sys-setting/components/system-config/system-config.component.ts b/src/app/routes/sys-setting/components/system-config/system-config.component.ts
new file mode 100644
index 00000000..f1a42dbf
--- /dev/null
+++ b/src/app/routes/sys-setting/components/system-config/system-config.component.ts
@@ -0,0 +1,258 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { SFComponent, SFSchema, SFUploadWidgetSchema } from '@delon/form';
+import { Observable, Observer } from 'rxjs';
+import { SystemService } from '../../services/system.service';
+
+@Component({
+  selector: 'app-system-config',
+  templateUrl: './system-config.component.html',
+  styleUrls: ['./system-config.component.less']
+})
+export class SystemConfigComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  formDate: any = {
+    isAudit: false,
+    isEveryDay: false,
+    isEveryWeek: false
+  };
+  tabs = [
+    {
+      name: '货主端配置'
+    },
+    {
+      name: '司机端配置'
+    }
+  ];
+  selectedTab = 0;
+
+  checkOptionsOne = [
+    { label: '周一', value: '周一', checked: true },
+    { label: '周二', value: '周二' },
+    { label: '周三', value: '周三' },
+    { label: '周四', value: '周四' },
+    { label: '周五', value: '周五' },
+    { label: '周六', value: '周六' },
+    { label: '周日', value: '周日' }
+  ];
+
+  i: any;
+  schema!: SFSchema;
+  schema2!: SFSchema;
+
+  imageConfig = {
+    widget: 'upload',
+    action: `/scm/cms/cms/upload/multipartFile/fileModel`,
+    limit: 1,
+    limitFileCount: 1,
+    resReName: 'url',
+    urlReName: 'url',
+    data: {
+      appId: this.service.envSrv.getEnvironment().appId
+    },
+    multiple: false,
+    listType: 'picture-card',
+    showRequired: true
+  };
+  constructor(private service: SystemService) {}
+
+  ngOnInit() {
+    this.initSF();
+  }
+
+  changeType(type: number): void {
+    this.selectedTab = type;
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        sysMinLogo: {
+          type: 'string',
+          title: '系统LOGO（大）',
+          // enum: [],
+          ui: {
+            ...this.imageConfig,
+            descriptionI18n: '大尺寸logo，支持JPG、PNG格式，文件小于2M（建议尺寸300*170px）。',
+            change: args => {
+              if (args.type === 'success') {
+                const avatar = this.getImageModel(args, 'sysMinLogo');
+                this.sf?.setValue('/sysMinLogo', avatar);
+                this.i.sysMinLogo = avatar;
+              }
+            },
+            beforeUpload: this.uploadBefore
+          } as SFUploadWidgetSchema
+        },
+        sysMaxLogo: {
+          type: 'string',
+          title: '用户默认头像',
+          ui: {
+            ...this.imageConfig,
+            descriptionI18n: '支持JPG、PNG格式，文件小于2M（建议尺寸60*60px）。',
+            change: args => {
+              if (args.type === 'success') {
+                const avatar = this.getImageModel(args, -1);
+                this.sf?.setValue('/sysMaxLogo', avatar);
+                this.i.sysMaxLogo = avatar;
+              }
+            },
+            beforeUpload: this.uploadBefore
+          } as SFUploadWidgetSchema
+        },
+        sysMaxLogo1: {
+          type: 'string',
+          title: '用户默认头像',
+          ui: {
+            ...this.imageConfig,
+            descriptionI18n: '支持JPG、PNG格式，文件小于5M（建议尺寸375*773px）。',
+            change: args => {
+              if (args.type === 'success') {
+                const avatar = this.getImageModel(args, -1);
+                this.sf?.setValue('/sysMaxLogo1', avatar);
+                this.i.sysMaxLogo1 = avatar;
+              }
+            },
+            beforeUpload: this.uploadBefore
+          } as SFUploadWidgetSchema
+        },
+      },
+      required: ['sysMinLogo', 'sysMaxLogo', 'sysMaxLogo1']
+    };
+    this.schema2 = {
+      properties: {
+        sysMinLogo: {
+          type: 'string',
+          title: '系统LOGO(小)',
+          // enum: [],
+          ui: {
+            ...this.imageConfig,
+            descriptionI18n: '小尺寸logo，支持JPG、PNG格式，文件小于2M（建议尺寸32*32px）。',
+            change: args => {
+              if (args.type === 'success') {
+                const avatar = this.getImageModel(args, 'sysMinLogo');
+                this.sf?.setValue('/sysMinLogo', avatar);
+                this.i.sysMinLogo = avatar;
+              }
+            },
+            beforeUpload: this.uploadBefore
+          } as SFUploadWidgetSchema
+        },
+        sysMaxLogo: {
+          type: 'string',
+          title: '系统LOGO(大)',
+          ui: {
+            ...this.imageConfig,
+            descriptionI18n: '小尺寸logo，支持JPG、PNG格式，文件小于2M（建议尺寸32*32px）。',
+            change: args => {
+              if (args.type === 'success') {
+                const avatar = this.getImageModel(args, -1);
+                this.sf?.setValue('/sysMaxLogo', avatar);
+                this.i.sysMaxLogo = avatar;
+              }
+            },
+            beforeUpload: this.uploadBefore
+          } as SFUploadWidgetSchema
+        },
+        sysMaxLogo1: {
+          type: 'string',
+          title: '用户默认头像',
+          ui: {
+            ...this.imageConfig,
+            descriptionI18n: '支持JPG、PNG格式，文件小于2M（建议尺寸60*60px）。',
+            change: args => {
+              if (args.type === 'success') {
+                const avatar = this.getImageModel(args, -1);
+                this.sf?.setValue('/sysMaxLogo1', avatar);
+                this.i.sysMaxLogo1 = avatar;
+              }
+            },
+            beforeUpload: this.uploadBefore
+          } as SFUploadWidgetSchema
+        },
+        sysMaxLogo2: {
+          type: 'string',
+          title: '企业默认头像',
+          ui: {
+            ...this.imageConfig,
+            descriptionI18n: '支持JPG、PNG格式，文件小于2M（建议尺寸60*60px）。',
+            change: args => {
+              if (args.type === 'success') {
+                const avatar = this.getImageModel(args, -1);
+                this.sf?.setValue('/sysMaxLogo2', avatar);
+                this.i.sysMaxLogo2 = avatar;
+              }
+            },
+            beforeUpload: this.uploadBefore
+          } as SFUploadWidgetSchema
+        },
+        sysMaxLogo3: {
+          type: 'string',
+          title: '货主PC端登陆页海报',
+          ui: {
+            ...this.imageConfig,
+            descriptionI18n: '支持JPG、PNG格式，文件小于5M（建议尺寸1920*630px）。',
+            change: args => {
+              if (args.type === 'success') {
+                const avatar = this.getImageModel(args, -1);
+                this.sf?.setValue('/sysMaxLogo3', avatar);
+                this.i.sysMaxLogo3 = avatar;
+              }
+            },
+            beforeUpload: this.uploadBefore
+          } as SFUploadWidgetSchema
+        },
+        sysMaxLogo4: {
+          type: 'string',
+          title: 'APP开屏海报',
+          ui: {
+            ...this.imageConfig,
+            descriptionI18n: '支持JPG、PNG格式，文件小于5M（建议尺寸375*773px）。',
+            change: args => {
+              if (args.type === 'success') {
+                const avatar = this.getImageModel(args, -1);
+                this.sf?.setValue('/sysMaxLogo4', avatar);
+                this.i.sysMaxLogo4 = avatar;
+              }
+            },
+            beforeUpload: this.uploadBefore
+          } as SFUploadWidgetSchema
+        },
+      },
+      required: ['sysMinLogo', 'sysMaxLogo', 'sysMaxLogo1', 'sysMaxLogo2', 'sysMaxLogo3', 'sysMaxLogo4']
+    };
+  }
+
+  private uploadBefore = (file: any, fileList: any) => {
+    return new Observable((observer: Observer<boolean>) => {
+      const isLt1M = file.size / 1024 / 1024 < 2;
+      const fileType = 'image/png,image/jpeg';
+      if (fileType.indexOf(file.type) === -1) {
+        this.service.msgSrv.warning('图片格式不正确！');
+        observer.complete();
+        return;
+      }
+      if (!isLt1M) {
+        // this.service.msgSrv.warning('图片需小于1M');
+        this.service.msgSrv.warning('图片大小超过2M!');
+        observer.complete();
+        return;
+      }
+      observer.next(isLt1M);
+      observer.complete();
+    });
+  };
+
+  private getImageModel(args: any, key: any) {
+    return [
+      {
+        uid: key,
+        name: 'LOGO',
+        status: 'done',
+        url: args.fileList[0].response.url,
+        response: {
+          url: args.fileList[0].response.url
+        }
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/sys-setting/services/system.service.ts b/src/app/routes/sys-setting/services/system.service.ts
new file mode 100644
index 00000000..0a698775
--- /dev/null
+++ b/src/app/routes/sys-setting/services/system.service.ts
@@ -0,0 +1,189 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-20 17:18:43
+ * @LastEditTime : 2022-02-18 13:42:49
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\sys-setting\\services\\system.service.ts
+ */
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from 'src/app/shared/services';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class SystemService extends BaseService {
+  // 分页查询企业项目员工列表
+  $api_get_enterprise_staff_page = '/api/mdc/cuc/userApp/getEnterpriseProjectStaffListPage';
+  // 添加员工
+  $api_add_staff = '/api/mdc/cuc/userApp/addStaff';
+  // 编辑员工
+  $api_edit_staff = '/api/mdc/cuc/userApp/editorStaff';
+  // 删除应用用户(员工)
+  $api_delete_staff = '/api/mdc/cuc/userApp/deleteAppUser';
+  // 冻结或恢复员工
+  $api_free_or_resume_staff = '/api/mdc/cuc/userApp/freezeOrResumeStaff';
+  // 获取应用企业的管理员用户
+  $api_get_app_admin_info = `/api/mdc/cuc/userApp/getAppEnterpriseAdmin`;
+  // 运营管理后台转授超管角色
+  $api_set_shift_admin = `/api/mdc/cuc/userAuthority/shiftAdmin`;
+
+
+  // 分页获取应用角色列表
+  $api_get_role_page = '/api/mdc/cuc/roleInfo/getAppRoleInfoList';
+  // 分页获取配置角色列表
+  $api_get_ent_role_page = '/api/mdc/cuc/roleInfo/getConfigurationRoleList';
+  // 新增角色
+  $api_save_role = '/api/mdc/cuc/roleInfo/saveRoleInfo';
+  // 编辑角色
+  $api_update_role = '/api/mdc/cuc/roleInfo/updateRoleInfo';
+  // 删除角色(含多个)
+  $api_dalete_role = '/api/mdc/cuc/roleInfo/removeRoleInfo';
+  // 获取角色详情
+  $api_getRoleInfo = '/api/mdc/cuc/roleInfo/getRoleInfo';
+  // 获取角色列表
+  $api_getAppRoleList = '/api/mdc/cuc/roleInfo/getRoleList';
+
+  // 查询字典选项列表
+  $api_get_dict_page = '/api/mdc/pbc/dictItems/list/page';
+  // 根据id批量删除字典选项
+  $api_delete_dict_by_ids = '/api/mdc/pbc/dictItems/deleteBatchByIds';
+  // 新增字典选项
+  $api_add_dict = '/api/mdc/pbc/dictItems/save';
+  // 更新字典选项
+  $api_update_dict = '/api/mdc/pbc/dictItems/update';
+
+  // 获取CRM客户信息表
+  $api_get_crmCustomer = '/api/mdc/cuc/crmCustomer/get';
+  // 查询CRM客户信息表
+  $api_get_crmCustomer_page = '/api/mdc/cuc/crmCustomer/list/page';
+  // 保存CRM客户信息表
+  $api_save_crmCustomer = '/api/mdc/cuc/crmCustomer/save';
+  // 删除CRM客户信息表
+  $api_deletebatch_crmCustomer = '/api/mdc/cuc/crmCustomer/deletebatch';
+
+  // 获取某个应用的所有菜单
+  $api_getAllFunctionInfoByAppId: string = '/api/mdc/cuc/functionInfo/getAllFunctionInfoByAppId';
+
+  // 查询网络货运信息表
+  $api_networkTransporter_page = '/api/mdc/cuc/networkTransporter/list/page';
+  // 获取网络货运信息表(id)
+  $api_get_networkTransporter = '/api/mdc/cuc/networkTransporter/get';
+  // 获取网络货运信息表(id)
+  $api_get_networkTransporter_getDetail = '/api/mdc/cuc/networkTransporter/getDetail';
+  // 批量获取网络货运信息
+  $api_findNetworkTransporterByIds = '/api/mdc/cuc/networkTransporter/findNetworkTransporterByIds';
+  // 查找所有网络货运信息(下拉)
+  $api_networkTransporter_findAll = '/api/mdc/cuc/networkTransporter/findAll';
+  // 删除网络货运信息表
+  $api_networkTransporter_deletebatch = '/api/mdc/cuc/networkTransporter/deletebatch';
+  // 保存网络货运信息表
+  $api_networkTransporter_save = '/api/mdc/cuc/networkTransporter/save';
+
+  // 查询结算客户表
+  $api_settlementCustomer_page = '/api/mdc/cuc/settlementCustomer/list/page';
+  // 获取结算客户表
+  $api_settlementCustomer_get = '/api/mdc/cuc/settlementCustomer/get';
+  // 保存结算客户表
+  $api_settlementCustomer_save = '/api/mdc/cuc/settlementCustomer/save';
+  // 删除结算客户表
+  $api_settlementCustomer_deletebatch = '/api/mdc/cuc/settlementCustomer/deletebatch';
+  // 获取货主企业列表
+  public $api_enterpriceList = '/api/mdc/cuc/enterpriseInfo/operate/enterpriceList';
+
+  // 查询协议列表
+  public $api_get_agreement_page = '/api/mdc/pbc/agreementInfo/list/page';
+  // 编辑协议
+  public $api_update_agreement = '/api/mdc/pbc/agreementInfo/modifyAgreementInfo';
+
+  // 根据FullKey获取系统子配置(树)
+  public $api_get_config_tree = '/api/mdc/pbc/sysConfig/getSysConfigTreeByParentFullKey';
+  // 查找系统配置项列表
+  public $api_get_config_by_parent_id = '/api/mdc/pbc/sysConfigItem/findSysConfigItemBySysConfigId';
+  // 新增系统配置
+  public $api_add_config = '/api/mdc/pbc/sysConfig/save';
+  // 更新系统配置
+  public $api_update_config = '/api/mdc/pbc/sysConfig/update';
+  // 更新系统配置排序
+  public $api_update_config_sort = '/api/mdc/pbc/sysConfig/updateSort';
+  // 删除系统配置
+  public $api_remove_config = '/api/mdc/pbc/sysConfig/deletebatch';
+  // 查询系统配置项
+  public $api_get_config_item_page = '/api/mdc/pbc/sysConfigItem/list/page';
+   // 新增系统配置项
+   public $api_add_config_item = '/api/mdc/pbc/sysConfigItem/save';
+   // 更新系统配置项
+   public $api_update_config_item = '/api/mdc/pbc/sysConfigItem/update';
+   // 批量更新系统配置项
+   public $api_update_config_batch = '/api/mdc/pbc/sysConfigItem/updateBatch';
+  // 更新系统配置项排序
+  public $api_update_config_item_sort = '/api/mdc/pbc/sysConfigItem/updateSort';
+  // 删除系统配置项
+  public $api_remove_config_item = '/api/mdc/pbc/sysConfigItem/deletebatch';
+
+
+  // 根据网络货运人ID获取票务信息
+  public $api_getTicketByNetworkTransporterId = '/api/mdc/cuc/networkTransporterTicket/getTicketByNetworkTransporterId';
+  // 保存票务信息
+  public $api_networkTransporterTicket_save = '/api/mdc/cuc/networkTransporterTicket/save';
+ // 根据地区code查询列表
+ $api_get_region_by_code = '/api/mdc/pbc/region/getRegionByCode';
+  // 根据地区code查询地区详情
+  $api_getRegionDetailByCode = '/api/mdc/pbc/region/getRegionDetailByCode';
+
+  
+  // 分页查询按钮列表
+  $api_getButtonInfoPage = '/api/mdc/cuc/buttonInfo/getButtonInfoPage';
+  // 新增编辑按钮信息
+  $api_saveButtonInfo = '/api/mdc/cuc/buttonInfo/saveButtonInfo';
+  // 获取按钮信息表(id)
+  $api_getButtonInfo_one = '/api/mdc/cuc/buttonInfo/getButtonInfo';
+  // 删除按钮信息(id)
+  $api_deletebatchButton = '/api/mdc/cuc/buttonInfo/deletebatchButton';
+
+
+  // 根据条件获取公告列表
+  $api_getAnnouncementInfoList_page = '/api/mdc/pbc/announcementInfo/getAnnouncementInfoList';
+  // 获取公告信息详情
+  $api_getAnnouncementInfoById_detail = '/api/mdc/pbc/announcementInfo/getAnnouncementInfoById';
+  // 删除公告信息
+  $api_delete_deleteAnnouncementInfoById = '/api/mdc/pbc/announcementInfo/deleteAnnouncementInfoById';
+  // 编辑公告信息
+  $api_modifyAnnouncementInfo = '/api/mdc/pbc/announcementInfo/modifyAnnouncementInfo';
+  // 新增公告信息
+  $api_addAnnouncementInfo = '/api/mdc/pbc/announcementInfo/addAnnouncementInfo';
+ 
+  
+ // 查询保险配置
+ $api_insuranceConfig_list = '/api/mdc/cuc/insuranceConfig/list';
+ // 获取保险配置费率
+ $api_getInsuranceRate = '/api/mdc/cuc/insuranceConfig/getInsuranceRate';
+ // 获取保险配置(id)
+ $api_getInsuranceRate_get = '/api/mdc/cuc/insuranceConfig/get';
+ // 删除保险配置(id)
+ $api_getInsuranceRate_deletebatch = '/api/mdc/cuc/insuranceConfig/deletebatch';
+ // 批量保存保险配置
+ $api_getInsuranceRate_saveBatch = '/api/mdc/cuc/insuranceConfig/saveBatch';
+ 
+ // 营业执照识别
+ $api_ocr_recognize_business_license = '/api/mdc/pbc/hwc/ocr/recognizeBusinessLicense';
+ // 短信发送列表
+ $api_listSmsSendLog = '/api/mdc/pbc/smsSend/listSmsSendLog';
+ // 身份证识别
+ $api_ocr_recognize_id_card = '/api/mdc/pbc/hwc/ocr/recognizeIdCard';
+ // 获取字典
+ $api_getDictValue = '/api/mdc/pbc/dictItems/getDictValue';
+ // 设置crm客户
+ $api_setCrmCustomer = '/api/mdc/cuc/networkTransporter/setCrmCustomer';
+  // 获取一、二、三级地区详情
+  $api_getRegionToThree = '/api/mdc/pbc/region/getRegionToThree';
+  $api_getRoleTemplateInfo: string = '';
+  $api_getFunctionButtonInfo: string = '/api/mdc/cuc/functionButton/getFunctionButtonByFunctionId';
+  $api_getFunctionDataInfo: string = '';
+  $api_getAppList: string = '';
+  $api_getRoleTemplateListByAppId: string = '';
+  $api_updateRoleInfo: string = '';
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/sys-setting/sys-setting-routing.module.ts b/src/app/routes/sys-setting/sys-setting-routing.module.ts
new file mode 100644
index 00000000..7be49b35
--- /dev/null
+++ b/src/app/routes/sys-setting/sys-setting-routing.module.ts
@@ -0,0 +1,54 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-03 15:23:05
+ * @LastEditTime : 2022-02-23 17:17:53
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\sys-setting\\sys-setting-routing.module.ts
+ */
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { AgreementConfigComponentsBaseComponent } from './components/agreement-config/agreement-config.component';
+import { AuditReasonConfigComponent } from './components/audit-reason-config/audit-reason-config.component';
+import { BasicConfigComponent } from './components/basic-config/basic-config.component';
+import { BasicSettingComponent } from './components/basic-setting/basic-setting.component';
+import { CartConfigComponent } from './components/cart-config/cart-config.component';
+import { CloseAccountComponent } from './components/close-account/close-account.component';
+import { CrmManagementComponent } from './components/crm-management/crm-management.component';
+import { GoodsNameConfigComponent } from './components/goods-name-config/goods-name-config.component';
+import { NetworkFreightComponent } from './components/network-freight/network-freight.component';
+import { RoleManagementComponent } from './components/role-management/role-management.component';
+import { StaffManagementComponent } from './components/staff-management/staff-management.component';
+import { SystemConfigComponent } from './components/system-config/system-config.component';
+
+import { AnnouncementMessageComponent } from './components/announcement-message/announcement-message.component';
+import { InsuranceSetComponent } from './components/insurance-set/insurance-set.component';
+import { NetworkFreightNewComponent } from './components/network-freight/new/new.component';
+import { NoTeManagementComponent } from './components/note-management/note-management.component';
+
+const routes: Routes = [
+  { path: 'staff-management', component: StaffManagementComponent },
+  { path: 'role-management/user/:type', component: RoleManagementComponent },
+  { path: 'role-management/freight/:type', component: RoleManagementComponent },
+  { path: 'basic-setting', component: BasicSettingComponent },
+  { path: 'note-management', component: NoTeManagementComponent },
+  { path: 'basic-config', component: BasicConfigComponent },
+  { path: 'audit-reason-config', component: AuditReasonConfigComponent },
+  { path: 'cart-config', component: CartConfigComponent },
+  { path: 'agreement-config', component: AgreementConfigComponentsBaseComponent },
+  { path: 'system-config', component: SystemConfigComponent },
+  { path: 'goods-name-config', component: GoodsNameConfigComponent },
+  { path: 'crm-management', component: CrmManagementComponent },
+  { path: 'network-freight', component: NetworkFreightComponent },
+  { path: 'network-freight/new/:id', component: NetworkFreightNewComponent },
+  { path: 'close-account', component: CloseAccountComponent },
+  // { path: 'btn-management', component: BtnManagementComponent },
+  { path: 'announcement-message', component: AnnouncementMessageComponent },
+  { path: 'insurance-set', component: InsuranceSetComponent }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class SysSettingRoutingModule {}
diff --git a/src/app/routes/sys-setting/sys-setting.module.ts b/src/app/routes/sys-setting/sys-setting.module.ts
new file mode 100644
index 00000000..ecb6d87a
--- /dev/null
+++ b/src/app/routes/sys-setting/sys-setting.module.ts
@@ -0,0 +1,68 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-03 15:23:05
+ * @LastEditTime : 2022-03-09 14:08:38
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\sys-setting\\sys-setting.module.ts
+ */
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DynamicSettingModule, SharedModule } from '@shared';
+import { StaffManagementComponent } from './components/staff-management/staff-management.component';
+import { SysSettingRoutingModule } from './sys-setting-routing.module';
+import { BuyerTranspowerComponent } from './components/staff-management/transpower/transpower.component';
+import { SystemStaffStaffModalComponent } from './components/staff-management/staff-modal/staff-modal.component';
+import { RoleManagementComponent } from './components/role-management/role-management.component';
+import { BasicConfigComponent } from './components/basic-config/basic-config.component';
+import { AuditReasonConfigComponent } from './components/audit-reason-config/audit-reason-config.component';
+import { BasicConfigActionModalComponent } from './components/basic-config/basic-config-action-modal/basic-config-action-modal.component';
+import { AuditResonConfigActionModalComponent } from './components/audit-reason-config/audit-reson-config-action-modal/audit-reson-config-action-modal.component';
+import { CartConfigComponent } from './components/cart-config/cart-config.component';
+import { CartConfigActionModalComponent } from './components/cart-config/cart-config-action-modal/cart-config-action-modal.component';
+import { AgreementConfigComponentsBaseComponent } from './components/agreement-config/agreement-config.component';
+import { BasicSettingComponent } from './components/basic-setting/basic-setting.component';
+import { SystemConfigComponent } from './components/system-config/system-config.component';
+import { SettingRoleEditComponent } from './components/role-management/edit/edit.component';
+import { SettingMenuComponent } from './components/role-management/menu/menu.component';
+import { GoodsNameConfigComponent } from './components/goods-name-config/goods-name-config.component';
+import { CrmManagementComponent } from './components/crm-management/crm-management.component';
+import { NetworkFreightComponent } from './components/network-freight/network-freight.component';
+import { CloseAccountComponent } from './components/close-account/close-account.component';
+import { AnnouncementMessageComponent } from './components/announcement-message/announcement-message.component';
+import { InsuranceSetComponent } from './components/insurance-set/insurance-set.component';
+import { NetworkFreightNewComponent } from './components/network-freight/new/new.component';
+import { NoTeManagementComponent } from './components/note-management/note-management.component';
+
+const COMPONENTS = [
+  StaffManagementComponent,
+  RoleManagementComponent,
+  BasicConfigComponent,
+  AuditReasonConfigComponent,
+  CartConfigComponent,
+  AgreementConfigComponentsBaseComponent,
+  BasicSettingComponent,
+  SystemConfigComponent,
+  GoodsNameConfigComponent,
+  CrmManagementComponent,
+  NetworkFreightComponent,
+  CloseAccountComponent,
+  NetworkFreightNewComponent,
+  AnnouncementMessageComponent,
+  InsuranceSetComponent,
+  NoTeManagementComponent
+];
+const NOTROUTECOMPONENTS = [
+  BuyerTranspowerComponent,
+  SystemStaffStaffModalComponent,
+  BasicConfigActionModalComponent,
+  AuditResonConfigActionModalComponent,
+  CartConfigActionModalComponent,
+  SettingRoleEditComponent,
+  SettingMenuComponent
+];
+@NgModule({
+  declarations: [...COMPONENTS, ...NOTROUTECOMPONENTS],
+  imports: [CommonModule, SysSettingRoutingModule, SharedModule, DynamicSettingModule]
+})
+export class SysSettingModule {}
diff --git a/src/app/routes/tax-management/components/individual-collect/individual-collect.component.html b/src/app/routes/tax-management/components/individual-collect/individual-collect.component.html
new file mode 100644
index 00000000..17ea49f8
--- /dev/null
+++ b/src/app/routes/tax-management/components/individual-collect/individual-collect.component.html
@@ -0,0 +1,51 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-30 14:00:43
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-31 10:31:40
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\tax-management\\components\\individual-collect\\individual-collect.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="''"></page-header-wrapper>
+
+<nz-card class="search-box">
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <div nz-col [nzSpan]="_$expand ? 24 : 18">
+      <sf #sf [schema]="schema" [ui]="{ '*': { spanLabelFixed: 100,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}"
+        [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="_$expand ? 24 : 6" class="text-right">
+      <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="service.http.loading" (click)="search()"
+        acl [acl-ability]="['RiskOrder-Search']">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <button nz-button (click)="resetSF()">导出</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+<nz-card class="content-box">
+  <nz-tabset [nzTabBarExtraContent]="extraTemplate" *ngIf="tabs.length > 0">
+    <nz-tab *ngFor="let tab of tabs" [nzTitle]="tab.name" (nzSelect)="selectChange(tab)"> </nz-tab>
+  </nz-tabset>
+  <!-- 数据列表 -->
+  <st #st [scroll]="{ x: '1200px',y:'450px'  }" [data]="service.$api_get_individual_collect_page" [columns]="columns"
+    [req]="{ params: reqParams }" [page]="{ }" [loading]="false" (change)="stChange($event)">
+  </st>
+</nz-card>
+<ng-template #extraTemplate>
+  <div class="d-flex align-items-center">
+    <div class="mr-md">
+      已选择
+      <strong class="text-red">{{ selectedRows.length }}</strong> 条数据
+    </div>
+    <button nz-button nzType="primary" (click)="upload()">申报</button>
+    <button nz-button nzType="primary" (click)="recall()">更正</button>
+    <button nz-button nzType="primary" (click)="uploadSetting()">更新数据</button>
+  </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/tax-management/components/individual-collect/individual-collect.component.ts b/src/app/routes/tax-management/components/individual-collect/individual-collect.component.ts
new file mode 100644
index 00000000..c4f25510
--- /dev/null
+++ b/src/app/routes/tax-management/components/individual-collect/individual-collect.component.ts
@@ -0,0 +1,317 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STChange, STColumn, STComponent, STData } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { TaxManagementService } from '../../services/tax-management.service';
+
+@Component({
+  selector: 'app-tax-management-individual-collect',
+  templateUrl: './individual-collect.component.html',
+  styleUrls: ['../../../commom/less/box.less']
+})
+export class TaxManagementIndividualCollectComponent implements OnInit {
+  _$expand = false;
+  schema!: SFSchema;
+  columns!: STColumn[];
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  tabs: any[] = [
+    { name: '待申报', value: '0' },
+    { name: '待审核', value: '1' },
+    { name: '已通过', value: '2' },
+    { name: '不通过', value: '3' },
+    { name: '全部', value: '' }
+  ];
+  selectedIndex = '0';
+
+  selectedRows: any[] = [];
+  constructor(public service: TaxManagementService, private router: Router, private ar: ActivatedRoute, private modal: NzModalService) {}
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params = Object.assign({}, this.sf?.value || {}, {
+      declareStatus: this.selectedIndex
+    });
+    delete params._$expand;
+    return { ...params };
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+    }
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+  /**
+   * 程序初始化入口
+   */
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+  }
+
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        declareStatus: {
+          title: '申报状态',
+          type: 'string',
+          enum: [
+            { value: '', label: '全部' },
+            { value: '0', label: '待申报' },
+            { value: '1', label: '待审核' },
+            { value: '2', label: '已通过' },
+            { value: '3', label: '不通过' }
+          ],
+          ui: {
+            placeholder: '请选择',
+            widget: 'select',
+            containsAllLabel: true
+          },
+          default: ''
+        },
+        declareResult: {
+          type: 'string',
+          title: '申报结果',
+          ui: {
+            placeholder: '请选择',
+            widget: 'select',
+          }
+        },
+        overdueStatus: {
+          title: '是否逾期',
+          type: 'string',
+          enum: [
+            { value: '', label: '全部' },
+            { value: false, label: '否' },
+            { value: true, label: '是' }
+          ],
+          ui: {
+            placeholder: '请选择',
+            widget: 'select',
+            containsAllLabel: true
+          },
+          default: ''
+        },
+        taxMonth: {
+          title: '税款所属期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to',
+            type: 'date',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        sbrq: {
+          title: '申报日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to',
+            type: 'date',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          }
+        }
+      }
+    };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '', type: 'checkbox', className: 'text-center', width: '60px' },
+      {
+        title: '申报状态',
+        index: 'declareStatus',
+        className: 'text-center',
+        width: '120px',
+        type: 'badge',
+        badge: {
+          '0': { text: '待申报', color: 'default' },
+          '1': { text: '待审核', color: 'processing' },
+          '2': { text: '已通过', color: 'success' },
+          '3': { text: '不通过', color: 'error' }
+        }
+      },
+      {
+        title: '是否逾期',
+        index: 'overdueStatus',
+        className: 'text-center',
+        width: '120px',
+        type: 'enum',
+        enum: { false: '否', true: '是' }
+      },
+      {
+        title: '税款所属期起',
+        index: 'skssqq',
+        className: 'text-center',
+        width: '150px'
+      },
+      { title: '税款所属期止', index: 'skssqz', className: 'text-center', width: '150px' },
+      {
+        title: '纳税人名称',
+        index: 'nsrmc',
+        className: 'text-center',
+        width: '180px'
+      },
+      { title: '纳税人识别号', index: 'nsrsbh', className: 'text-center', width: '200px' },
+      {
+        title: '税率',
+        index: 'sl',
+        className: 'text-right',
+        width: '150px',
+        format: item => `${item.sl ? ((item.sl as number) * 100).toFixed(2) : 0}%`
+      },
+      { title: '申报人数', index: 'sbrs', className: 'text-right', width: '150px' },
+      {
+        title: '应税收入',
+        index: 'yssr',
+        className: 'text-right',
+        width: '150px',
+        type: 'widget',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yssr }) }
+      },
+      {
+        title: '应纳税额',
+        index: 'ynse',
+        className: 'text-right',
+        width: '180px',
+        type: 'widget',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.ynse }) }
+      },
+      {
+        title: '累计已缴纳税额',
+        index: 'ljyjnse',
+        className: 'text-center',
+        width: '150px',
+        type: 'widget',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.ljyjnse }) }
+      },
+      {
+        title: '本期应补退税额',
+        index: 'bqybtse',
+        className: 'text-center',
+        width: '150px',
+        type: 'widget',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.bqybtse }) }
+      },
+      { title: '申报日期', index: 'sbrq', className: 'text-center', width: '150px' }
+    ];
+  }
+
+  /**
+   *更正
+   * @param record 记录实例
+   */
+  recall() {
+    if (this.selectedRows.length === 0) {
+      this.service.msgSrv.warning('请选择需要更正的数据');
+      return;
+    }
+    // this.modal.confirm({
+    //   nzTitle: '撤回提示',
+    //   nzContent: ' 撤回后可以重新上传，重新上传会覆盖已上传数据，确定要撤回？',
+    //   nzOkText: '确定',
+    //   nzCancelText: '取消',
+    //   nzOnOk: () => {
+    //     this.service.request(this.service.$api_recall_reporting, { rows: this.selectedRows }).subscribe((res: any) => {
+    //       if (res) {
+    //         this.service.msgSrv.success('撤销成功');
+    //         this.search();
+    //       }
+    //     });
+    //   }
+    // });
+  }
+
+  selectChange(item: any) {
+    this.selectedIndex = item?.value || '';
+    setTimeout(() => {
+      this.st.load(1);
+    });
+  }
+
+  /**
+   * 申报
+   */
+  upload() {
+    if (this.selectedRows.length === 0) {
+      this.service.msgSrv.warning('请选择需要上传的数据');
+      return;
+    }
+    // this.service.request(this.service.$api_recall_reporting, { rows: this.selectedRows }).subscribe((res: any) => {
+    //   if (res) {
+    //     this.service.msgSrv.success('申报成功');
+    //     this.search();
+    //   }
+    // })
+  }
+
+  /**
+   *
+   * @param params 更新数据
+   */
+  uploadSetting() {
+    // this.service.request(this.service.$api_recall_reporting, { rows: this.selectedRows }).subscribe((res: any) => {
+    //   if (res) {
+    //     this.service.msgSrv.success('更新成功');
+    //     this.search();
+    //   }
+    // })
+  }
+
+  search() {
+    this.st.load(1);
+  }
+
+  /**
+   * 异步导出
+   */
+  export() {
+    this.service.exportStart(this.sf?.value, this.service.$api_async_export_order_reporting_list);
+  }
+}
diff --git a/src/app/routes/tax-management/components/individual-declare/individual-declare.component.html b/src/app/routes/tax-management/components/individual-declare/individual-declare.component.html
new file mode 100644
index 00000000..60f67739
--- /dev/null
+++ b/src/app/routes/tax-management/components/individual-declare/individual-declare.component.html
@@ -0,0 +1,91 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-30 14:00:43
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-31 10:36:57
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\tax-management\\components\\individual-declare\\individual-declare.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="''"></page-header-wrapper>
+
+<nz-card>
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <div nz-col [nzSpan]="_$expand ? 24 : 18">
+      <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+      <button
+        nz-button
+        nzType="primary"
+        [disabled]="!sf.valid"
+        [nzLoading]="service.http.loading"
+        (click)="search()"
+        acl
+        [acl-ability]="['RiskOrder-Search']"
+        >查询</button
+      >
+      <button nz-button (click)="resetSF()">重置</button>
+      <button nz-button (click)="resetSF()">导出</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+<nz-card>
+  <nz-tabset [nzTabBarExtraContent]="extraTemplate" *ngIf="tabs.length > 0">
+    <nz-tab *ngFor="let tab of tabs" [nzTitle]="tab.name" (nzSelect)="selectChange(tab)"> </nz-tab>
+  </nz-tabset>
+  <!-- 数据列表 -->
+  <st
+    #st
+    [scroll]="{ x: '1200px' }"
+    [data]="service.$api_order_reporting_page"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 50, 100] }"
+    [loading]="false"
+  >
+    <ng-template st-row="orderStatus" let-item let-index="index">
+      <a (click)="viewAuditResult(item)" *ngIf="item?.billStatus === '2'">{{ item?.billStatusLabel }}</a>
+      <span *ngIf="item?.billStatus !== '2'">{{ item?.billStatusLabel }}</span>
+      <span style="color: red" (click)="unnormal(item)">异常</span>
+    </ng-template>
+
+    <ng-template st-row="localValid" let-item let-index="index">
+      <a (click)="viewResult(item)" *ngIf="item?.billStatus === '2'">{{ item?.billStatusLabel }}</a>
+      <span *ngIf="item?.billStatus !== '2'">{{ item?.billStatusLabel }}</span>
+    </ng-template>
+    <ng-template st-row="amount" let-item let-index="index">
+      <div class="text-right">{{ item?.amount | currency: ' ' }}</div>
+    </ng-template>
+  </st>
+</nz-card>
+<ng-template #extraTemplate>
+  <div class="d-flex align-items-center">
+    <div class="mr-md">
+      已选择
+      <strong class="text-red">{{ selectedRows.length }}</strong> 条数据
+    </div>
+    <button nz-button nzType="primary" (click)="upload()">申报</button>
+    <button nz-button nzType="primary" (click)="recall()">更正</button>
+    <button nz-button nzType="primary" (click)="resetData()">修改起征点</button>
+    <button nz-button nzType="primary" (click)="uploadSetting()">更新数据</button>
+  </div>
+</ng-template>
+
+<nz-modal [(nzVisible)]="isVisible" [nzWidth]="600" [nzFooter]="nzModalFooterEvaluate" (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel()">
+  <ng-container *nzModalContent>
+    <div> 司机姓名：张三/13812345678 </div>
+    <div> 是否确认要将该司机的起征点同步调整为超过15万？ </div>
+  </ng-container>
+  <ng-template #nzModalFooterEvaluate>
+    <button nz-button nzType="default" (click)="handleCancel()">取消</button>
+    <button nz-button nzType="primary" (click)="handleOK()">确定</button>
+  </ng-template>
+</nz-modal>
diff --git a/src/app/routes/tax-management/components/individual-declare/individual-declare.component.less b/src/app/routes/tax-management/components/individual-declare/individual-declare.component.less
new file mode 100644
index 00000000..43a47df4
--- /dev/null
+++ b/src/app/routes/tax-management/components/individual-declare/individual-declare.component.less
@@ -0,0 +1,5 @@
+:host {
+  .text-black {
+    color: #000;
+  }
+}
diff --git a/src/app/routes/tax-management/components/individual-declare/individual-declare.component.spec.ts b/src/app/routes/tax-management/components/individual-declare/individual-declare.component.spec.ts
new file mode 100644
index 00000000..23f9fc25
--- /dev/null
+++ b/src/app/routes/tax-management/components/individual-declare/individual-declare.component.spec.ts
@@ -0,0 +1,34 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-30 14:45:52
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-31 10:36:54
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\tax-management\\components\\individual-declare\\individual-declare.component.spec.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { TaxManagementIndividualDeclareComponent } from './individual-declare.component';
+
+describe('TaxManagementIndividualDeclareComponent', () => {
+  let component: TaxManagementIndividualDeclareComponent;
+  let fixture: ComponentFixture<TaxManagementIndividualDeclareComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ TaxManagementIndividualDeclareComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(TaxManagementIndividualDeclareComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/tax-management/components/individual-declare/individual-declare.component.ts b/src/app/routes/tax-management/components/individual-declare/individual-declare.component.ts
new file mode 100644
index 00000000..aabc62f5
--- /dev/null
+++ b/src/app/routes/tax-management/components/individual-declare/individual-declare.component.ts
@@ -0,0 +1,431 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { TaxManagementService } from '../../services/tax-management.service';
+// import { DatatableReportingUploadSettingComponent } from '../upload-setting/upload-setting.component';
+// import { DatatableReportingVerifyResultComponent } from '../verify-result/verify-result.component';
+
+@Component({
+  selector: 'app-tax-management-individual-declare',
+  templateUrl: './individual-declare.component.html',
+  styleUrls: ['./individual-declare.component.less']
+})
+export class TaxManagementIndividualDeclareComponent implements OnInit {
+  _$expand = false;
+  ui!: SFUISchema;
+  schema!: SFSchema;
+  columns!: STColumn[];
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  tabType!: string;
+  tabs: any[] = [
+    { name: '待申报', value: '1' },
+    { name: '待审核', value: '2' },
+    { name: '已通过', value: '3' },
+    { name: '不通过', value: '4' },
+    { name: '全部', value: '' }
+  ];
+  selectedIndex = ''; //选择的项目
+  serviceTel = '';
+  isVisible : boolean = false
+  constructor(
+    public service: TaxManagementService,
+    private router: Router,
+    private ar: ActivatedRoute,
+    public shipperservice: ShipperBaseService,
+    private modal: NzModalService,
+    public shipperSrv: ShipperBaseService
+  ) {}
+
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params = Object.assign({}, this.sf?.value || {}, {
+      representationsStatus: this.selectedIndex
+    });
+    delete params._$expand;
+    return { ...params };
+  }
+
+  /**
+   * 选中行
+   */
+  get selectedRows() {
+    return this.st?.list.filter((item: any) => item.checked) || [];
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+  /**
+   * 程序初始化入口
+   */
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+    const object1 : any = {};
+    const object2 : any = {};
+    Object.defineProperty(object1, 'name',{  writable: false ,value: 'wang'});
+    Object.defineProperty(object2, 'xxoo',{  writable: false ,value: 'wang'});
+    console.log(object1);
+    console.log(object1.name);
+    console.log(object2);
+    console.log(object2.xxoo);
+    object1.name = 'ming'
+    object2.xxoo = 'ming'
+    console.log(object1);
+    console.log(object2);
+  }
+
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        billCode: { title: '司机姓名', type: 'string', ui: { placeholder: '请输入' } },
+        resourceCode: {
+          type: 'string',
+          title: '联系电话',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        driverName: {
+          title: '证件号码',
+          type: 'string',
+          ui: {
+            placeholder: '请输入证件号码'
+          }
+        },
+        serviceType2: {
+          title: '申报状态',
+          type: 'string',
+          ui: {
+            placeholder: '请选择',
+            widget: 'dict-select',
+            params: { dictKey: 'service:type' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        serviceType3: {
+          title: '申报结果',
+          type: 'string',
+          ui: {
+            placeholder: '请选择',
+            widget: 'dict-select',
+            params: { dictKey: 'service:type' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        serviceType1: {
+          title: '是否逾期',
+          type: 'string',
+          ui: {
+            placeholder: '请选择',
+            widget: 'dict-select',
+            params: { dictKey: 'service:type' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        createTime: {
+          title: '税款所属期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to',
+            type: 'date',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        createTime3: {
+          title: '申报日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to',
+            type: 'date',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder()
+          }
+        }
+      }
+    };
+    this.ui = {
+      '*': { spanLabelFixed: 120, grid: { span: 8, gutter: 4 }, enter: () => this.search() },
+      $time: { grid: { span: 24 } }
+    };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '', type: 'checkbox', className: 'text-center', width: '60px' },
+      { title: '申报状态', render: 'orderStatus', className: 'text-center', width: '120px' },
+      { title: '是否逾期', render: 'localValid', className: 'text-center', width: '120px' },
+      {
+        title: '税款所属期起',
+        render: 'billComplianceVOS',
+        className: 'text-center',
+        width: '150px'
+      },
+      { title: '税款所属期止', render: 'freightDetails', className: 'text-center', width: '150px' },
+      {
+        title: '纳税人名称',
+        render: 'serviceType',
+        className: 'text-center',
+        width: '180px'
+      },
+      { title: '纳税人识别号', index: 'loadingPlace', render: 'loadingPlace', className: 'text-center', width: '200px' },
+      { title: '姓名', index: 'loadingPlace', render: 'loadingPlace', className: 'text-center', width: '200px' },
+      { title: '证件类型', index: 'loadingPlace', render: 'loadingPlace', className: 'text-center', width: '200px' },
+      { title: '证件号码', index: 'loadingPlace', render: 'loadingPlace', className: 'text-center', width: '200px' },
+      { title: '联系电话', index: 'loadingPlace', render: 'loadingPlace', className: 'text-center', width: '200px' },
+      { title: '国家（地区）', index: 'loadingPlace', render: 'loadingPlace', className: 'text-center', width: '200px' },
+      { title: '所属行业', index: 'loadingPlace', render: 'loadingPlace', className: 'text-center', width: '200px' },
+      { title: '征收项目', index: 'loadingPlace', render: 'loadingPlace', className: 'text-center', width: '200px' },
+      { title: '征收品目', index: 'loadingPlace', render: 'loadingPlace', className: 'text-center', width: '200px' },
+      { title: '计税依据', index: 'loadingPlace', render: 'loadingPlace', className: 'text-center', width: '200px' },
+      { title: '税率', index: 'loadingPlace', render: 'loadingPlace', className: 'text-center', width: '200px' },
+      { title: '应纳税额', render: 'transportInfo', className: 'text-center', width: '180px' },
+      { title: '减免税额', render: 'transportInfo', className: 'text-center', width: '180px' },
+      { title: '已缴纳税额', render: 'transportInfo', className: 'text-center', width: '180px' },
+      { title: '应代征税额', render: 'transportInfo', className: 'text-center', width: '180px' },
+      { title: '已代征税额', render: 'payeeName', className: 'text-center', width: '150px' },
+      { title: '申报日期', render: 'payeeName', className: 'text-center', width: '150px' },
+    ];
+  }
+
+  /**
+   *撤销
+   * @param record 记录实例
+   */
+  recall() {
+    if (this.selectedRows.length === 0) {
+      this.openWainingModal('请选择需要撤回的数据');
+      return;
+    }
+    this.modal.confirm({
+      nzTitle: '撤回提示',
+      nzContent: ' 撤回后可以重新上传，重新上传会覆盖已上传数据，确定要撤回？',
+      nzOkText: '确定',
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_recall_reporting, { rows: this.selectedRows }).subscribe((res: any) => {
+          if (res) {
+            this.service.msgSrv.success('撤销成功');
+            this.search();
+          }
+        });
+      }
+    });
+  }
+  /**
+   *撤销
+   * @param record 记录实例
+   */
+  resetData() {
+    if (this.selectedRows.length === 0) {
+      this.openWainingModal('请选择需要更新的数据！');
+      return;
+    }
+    this.isVisible = true
+
+  }
+  /**
+   *撤销
+   * @param record 记录实例
+   */
+  unnormal(value: any) {
+    this.modal.confirm({
+      nzTitle: '税务审核结果',
+      nzContent: '订单结算时间所在月份与申报月份不一致',
+      nzOkText: '确定',
+      nzCancelText: '',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_recall_reporting, { rows: this.selectedRows }).subscribe((res: any) => {
+          if (res) {
+            this.service.msgSrv.success('撤销成功');
+            this.search();
+          }
+        });
+      }
+    });
+  }
+
+  selectChange(item: any) {
+    this.selectedIndex = item?.representationsStatus || '';
+    setTimeout(() => {
+      this.st.load(1);
+    });
+  }
+
+  /**
+   * 查看当行数据
+   */
+  view(record: STData) {
+    // this.router.navigate(['../view', record.uuid], { relativeTo: this.ar });
+    this.router.navigate(['../detail'], {
+      queryParams: {
+        id: record.id
+      },
+      relativeTo: this.ar
+    });
+  }
+
+  // appeal(item: any) {
+  //   const modalRef = this.modal.create({
+  //     nzTitle: '申诉',
+  //     nzWidth: '40%',
+  //     nzContent: CtcAppealComponent,
+  //     nzComponentParams: {
+  //       i: item,
+  //       status: 'add'
+  //     },
+  //     nzFooter: null
+  //   });
+  //   modalRef.afterClose.subscribe(res => {
+  //     if (res) {
+  //       this.search({ representationsStatus: '' });
+  //     }
+  //   })
+  // }
+
+  /**
+   * 申报
+   */
+  upload() {
+    if (this.selectedRows.length === 0) {
+      this.openWainingModal('请选择需要上传的数据');
+      return;
+    }
+    // this.service.request(this.service.$api_recall_reporting, { rows: this.selectedRows }).subscribe((res: any) => {
+    //   if (res) {
+    //     this.service.msgSrv.success('申报成功');
+    //     this.search();
+    //   }
+    // })
+  }
+
+  /**
+   *
+   * @param params 更新数据
+   */
+  uploadSetting() {
+    if (this.selectedRows.length === 0) {
+      this.openWainingModal('请选择需要上传的数据');
+      return;
+    }
+    // this.service.request(this.service.$api_recall_reporting, { rows: this.selectedRows }).subscribe((res: any) => {
+    //   if (res) {
+    //     this.service.msgSrv.success('更新成功');
+    //     this.search();
+    //   }
+    // })
+  }
+
+  /**
+   * 查看校验结果
+   */
+  viewResult(item: any) {
+    // const modalRef = this.modal.create({
+    //   nzTitle: '本地校验结果',
+    //   nzWidth: 1200,
+    //   nzContent: TaxManagementOrderVerifyResultComponent,
+    //   nzComponentParams: {
+    //     record: item
+    //   },
+    //   nzFooter: null
+    // });
+    // modalRef.afterClose.subscribe(res => {
+    // })
+  }
+
+  /**
+   * 查看监管审核结果
+   */
+  viewAuditResult(record: any) {
+    if (record?.billStatus !== '2') {
+      return;
+    }
+    this.openWainingModal('监管审核结果', record?.result);
+  }
+
+  search() {
+    this.st.load(1);
+  }
+
+  /**
+   * 异步导出
+   */
+  export() {
+    this.service.exportStart(this.sf?.value, this.service.$api_async_export_order_reporting_list);
+  }
+
+  openWainingModal(content: string, title = '提示') {
+    this.modal.warning({
+      nzMask: false,
+      nzTitle: title,
+      nzContent: content
+    });
+  }
+  handleOK() {
+
+  }
+  handleCancel() {
+      this.isVisible = false;
+  }
+}
diff --git a/src/app/routes/tax-management/components/individual-income/individual-income.component.html b/src/app/routes/tax-management/components/individual-income/individual-income.component.html
new file mode 100644
index 00000000..44f45d7f
--- /dev/null
+++ b/src/app/routes/tax-management/components/individual-income/individual-income.component.html
@@ -0,0 +1,65 @@
+<!--
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-30 14:00:43
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-30 15:55:06
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\tax-management\\components\\individual-income\\individual-income.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="''"></page-header-wrapper>
+
+<nz-card class="search-box">
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <div nz-col [nzSpan]="_$expand ? 24 : 18">
+      <sf #sf [schema]="schema" [ui]="{ '*': { spanLabelFixed: 100,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+        [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.expend-options]="_$expand" class="text-right">
+      <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading" (click)="search()"
+        acl [acl-ability]="['RiskOrder-Search']">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <button nz-button (click)="resetSF()">导出</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box">
+  <nz-tabset [nzTabBarExtraContent]="extraTemplate" *ngIf="tabs.length > 0">
+    <nz-tab *ngFor="let tab of tabs" [nzTitle]="tab.name" (nzSelect)="selectChange(tab)"> </nz-tab>
+  </nz-tabset>
+  <!-- 数据列表 -->
+  <st #st [scroll]="{ x: '1200px',y:'450px' }" [data]="service.$api_get_individual_income_page" [columns]="columns"
+    [req]="{  params: reqParams }" [page]="{}" [loading]="service.http.loading" (change)="stChange($event)">
+  </st>
+</nz-card>
+<ng-template #extraTemplate>
+  <div class="d-flex align-items-center">
+    <div class="mr-md">
+      已选择
+      <strong class="text-red">{{ selectedRows.length }}</strong> 条数据
+    </div>
+    <button nz-button nzType="primary" (click)="upload()">申报</button>
+    <button nz-button nzType="primary" (click)="corrections()">更正</button>
+    <button nz-button nzType="primary" (click)="resetData()">修改起征点</button>
+    <button nz-button nzType="primary" (click)="uploadSetting()">更新数据</button>
+  </div>
+</ng-template>
+
+<nz-modal [(nzVisible)]="isVisible" [nzWidth]="600" [nzFooter]="nzModalFooterEvaluate" (nzOnOk)="handleOK()"
+  (nzOnCancel)="handleCancel()">
+  <ng-container *nzModalContent>
+    <div> 司机姓名：张三/13812345678 </div>
+    <div> 是否确认要将该司机的起征点同步调整为超过15万？ </div>
+  </ng-container>
+  <ng-template #nzModalFooterEvaluate>
+    <button nz-button nzType="default" (click)="handleCancel()">取消</button>
+    <button nz-button nzType="primary" (click)="handleOK()">确定</button>
+  </ng-template>
+</nz-modal>
\ No newline at end of file
diff --git a/src/app/routes/tax-management/components/individual-income/individual-income.component.ts b/src/app/routes/tax-management/components/individual-income/individual-income.component.ts
new file mode 100644
index 00000000..315d5f47
--- /dev/null
+++ b/src/app/routes/tax-management/components/individual-income/individual-income.component.ts
@@ -0,0 +1,377 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STChange, STColumn, STComponent, STData } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { TaxManagementService } from '../../services/tax-management.service';
+
+@Component({
+  selector: 'app-tax-management-individual-income',
+  templateUrl: './individual-income.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class TaxManagementIndividualIncomeComponent implements OnInit {
+  _$expand = false;
+  schema!: SFSchema;
+  columns!: STColumn[];
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  isLoading: boolean = false;
+  tabs: any[] = [
+    { name: '待申报', value: '0' },
+    { name: '待审核', value: '1' },
+    { name: '已通过', value: '2' },
+    { name: '不通过', value: '3' },
+    { name: '全部', value: '' }
+  ];
+  selectedIndex = '0'; //选择的项目
+  isVisible: boolean = false;
+
+  selectedRows: any[] = [];
+
+  constructor(public service: TaxManagementService) {}
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params = Object.assign({}, this.sf?.value || {}, {
+      declareStatus: this.selectedIndex
+    });
+    delete params._$expand;
+    return { ...params };
+  }
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+    }
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+    this.isLoading = true;
+  }
+  /**
+   * 程序初始化入口
+   */
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+  }
+
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        driverName: { title: '司机姓名', type: 'string', ui: { placeholder: '请输入' } },
+        telephone: {
+          type: 'string',
+          title: '联系电话',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        cardNumber: {
+          title: '证件号码',
+          type: 'string',
+          ui: {
+            placeholder: '请输入证件号码'
+          }
+        },
+        declareStatus: {
+          title: '申报状态',
+          type: 'string',
+          enum: [
+            { value: '', label: '全部' },
+            { value: '0', label: '待申报' },
+            { value: '1', label: '待审核' },
+            { value: '2', label: '已通过' },
+            { value: '3', label: '不通过' }
+          ],
+          ui: {
+            placeholder: '请选择',
+            widget: 'select',
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        // declareStatu1s: {
+        //   title: '申报结果',
+        //   type: 'string',
+        //   ui: {
+        //     placeholder: '请选择',
+        //     widget: 'dict-select',
+        //     params: { dictKey: 'service:type' },
+        //     containsAllLabel: true,
+        //     visibleIf: {
+        //       _$expand: (value: boolean) => value
+        //     }
+        //   }
+        // },
+        isOvertime: {
+          title: '是否逾期',
+          type: 'string',
+          enum: [
+            { value: '', label: '全部' },
+            { value: '0', label: '否' },
+            { value: '1', label: '是' }
+          ],
+          ui: {
+            placeholder: '请选择',
+            widget: 'select',
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        taxDate: {
+          title: '税款所属期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to',
+            type: 'date',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        declareDate: {
+          title: '申报日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to',
+            type: 'date',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          }
+        }
+      }
+    };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '', type: 'checkbox', className: 'text-center', width: '60px' },
+      {
+        title: '申报状态',
+        index: 'declareStatus',
+        className: 'text-center',
+        width: '120px',
+        type: 'badge',
+        badge: {
+          '0': { text: '待申报', color: 'default' },
+          '1': { text: '待审核', color: 'processing' },
+          '2': { text: '已通过', color: 'success' },
+          '3': { text: '不通过', color: 'error' }
+        }
+      },
+      { title: '是否逾期', index: 'overtime', className: 'text-center', width: '120px', type: 'enum', enum: { '0': '否', '1': '是' } },
+      { title: '税款所属期起', index: 'skssqq', className: 'text-center', width: '150px' },
+      { title: '税款所属期止', index: 'skssqz', className: 'text-center', width: '150px' },
+      { title: '纳税人名称', index: 'nsrmc', className: 'text-center', width: '180px' },
+      { title: '纳税人识别号', index: 'nsrsbh', className: 'text-center', width: '200px' },
+      { title: '行业', index: 'hy', className: 'text-center', width: '200px' },
+      { title: '行政区划', index: 'xzqh', className: 'text-center', width: '120px' },
+      { title: '街道乡镇', index: 'jdxz', className: 'text-center', width: '350px' },
+      { title: '税务机关', index: 'swjg', className: 'text-center', width: '180px' },
+      { title: '姓名', index: 'xm', className: 'text-center', width: '180px' },
+      { title: '证件类型', index: 'sfzjlx', className: 'text-center', width: '250px' },
+      { title: '证件号码', index: 'sfzjhm', className: 'text-center', width: '200px' },
+      { title: '联系电话', index: 'lxdh', className: 'text-center', width: '200px' },
+      { title: '国籍（地区）', index: 'gjdq', className: 'text-center', width: '150px' },
+      { title: '生产经营地行政区划', index: 'scjydxzqh', className: 'text-center', width: '180px' },
+      {
+        title: '当月应税收入',
+        index: 'dyyssr',
+        width: '150px',
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.dyyssr }) }
+      },
+      {
+        title: '应税收入',
+        index: 'yssr',
+        width: '150px',
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.yssr }) }
+      },
+      {
+        title: '应税所得率',
+        index: 'yssdl',
+        className: 'text-right',
+        width: '250px',
+        format: item => `${item.yssdl ? ((item.yssdl as number) * 100).toFixed(2) : 0}%`
+      },
+      { title: '计税依据', index: 'jsyj', className: 'text-right', width: '150px' },
+      {
+        title: '税率',
+        index: 'sl',
+        className: 'text-right',
+        width: '150px',
+        format: item => `${item.sl ? ((item.sl as number) * 100).toFixed(2) : 0}%`
+      },
+      { title: '速算扣除数', index: 'sskcs', className: 'text-right', width: '150px' },
+      {
+        title: '应纳税额',
+        index: 'ynse',
+        width: '150px',
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.ynse }) }
+      },
+      {
+        title: '累计已缴纳税额',
+        index: 'ljyjnse',
+        width: '150px',
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.ljyjnse }) }
+      },
+      {
+        title: '本期应补退税额',
+        index: 'bqybtse',
+        width: '150px',
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.bqybtse }) }
+      },
+      { title: '申报日期', index: 'sbrq', className: 'text-center', width: '150px' }
+    ];
+  }
+
+  /**
+   *更正
+   * @param record 记录实例
+   */
+  corrections() {
+    // if (this.selectedRows.length === 0) {
+    //   this.openWainingModal('请选择需要撤回的数据');
+    //   return;
+    // }
+    // this.modal.confirm({
+    //   nzTitle: '撤回提示',
+    //   nzContent: ' 撤回后可以重新上传，重新上传会覆盖已上传数据，确定要撤回？',
+    //   nzOkText: '确定',
+    //   nzCancelText: '取消',
+    //   nzOnOk: () => {
+    //     this.service.request(this.service.$api_recall_reporting, { rows: this.selectedRows }).subscribe((res: any) => {
+    //       if (res) {
+    //         this.service.msgSrv.success('撤销成功');
+    //         this.search();
+    //       }
+    //     });
+    //   }
+    // });
+  }
+  /**
+   *修改起征点
+   * @param record 记录实例
+   */
+  resetData() {
+    // if (this.selectedRows.length === 0) {
+    //   this.openWainingModal('请选择需要更新的数据！');
+    //   return;
+    // }
+    // this.isVisible = true;
+  }
+
+  selectChange(item: any) {
+    this.selectedIndex = item?.value || '';
+    setTimeout(() => {
+      this.st.load(1);
+    });
+  }
+
+  /**
+   * 申报
+   */
+  upload() {
+    if (this.selectedRows.length === 0) {
+      this.service.msgSrv.warning('请选择需要申报的数据');
+      return;
+    }
+    // this.modal.warning({
+    //   nzTitle: '申报提示',
+    //   nzContent: '订单结算时间所在月份与申报月份不一致......'
+    // });
+    // this.service.request(this.service.$api_recall_reporting, { rows: this.selectedRows }).subscribe((res: any) => {
+    //   if (res) {
+    //     this.service.msgSrv.success('申报成功');
+    //     this.search();
+    //   }
+    // })
+  }
+
+  /**
+   *
+   * @param params 更新数据
+   */
+  uploadSetting() {
+    this.service.request(this.service.$api_update_individual_income_page).subscribe((res: any) => {
+      if (res) {
+        this.service.msgSrv.success('更新成功');
+        this.search();
+      }
+    });
+  }
+
+  search() {
+    this.st.load(1);
+  }
+
+  /**
+   * 异步导出
+   */
+  export() {
+    this.service.exportStart(this.sf?.value, this.service.$api_async_export_order_reporting_list);
+  }
+
+  handleOK() {}
+  handleCancel() {
+    this.isVisible = false;
+  }
+}
diff --git a/src/app/routes/tax-management/components/order-reporting/order-reporting.component.html b/src/app/routes/tax-management/components/order-reporting/order-reporting.component.html
new file mode 100644
index 00000000..3d46b927
--- /dev/null
+++ b/src/app/routes/tax-management/components/order-reporting/order-reporting.component.html
@@ -0,0 +1,109 @@
+<!--
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-30 14:00:43
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-08 15:27:15
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\tax-management\\components\\order-reporting\\order-reporting.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="''"></page-header-wrapper>
+
+<nz-card>
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <div nz-col [nzSpan]="_$expand ? 24 : 18">
+      <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+      <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading" (click)="search()" acl
+        [acl-ability]="['RiskOrder-Search']">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <button nz-button (click)="resetSF()">导出</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+<nz-card>
+  <nz-tabset [nzTabBarExtraContent]="extraTemplate" *ngIf="tabs.length>0">
+
+    <nz-tab *ngFor="let tab of tabs" [nzTitle]="tab.name" (nzSelect)="selectChange(tab)">
+    </nz-tab>
+  </nz-tabset>
+  <!-- 数据列表 -->
+  <st #st [scroll]="{x:'1200px'}" [data]="service.$api_getTaxOrderPage_page" [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10,20, 50, 100] }" [loading]="service.http.loading">
+    <ng-template st-row="putStatus" let-item let-index="index">
+      <!-- <a (click)="viewAuditResult(item)" *ngIf="item?.billStatus === '2'">{{item?.billStatusLabel}}</a> -->
+      <span *ngIf="item?.putStatus == '0'">待上传</span>
+      <span *ngIf="item?.putStatus == '1'">已上传</span>
+      <span *ngIf="item?.putStatus == '3'">上传中</span>
+      <span  *ngIf="item?.putStatus == '2'" style="color: red;" (click)="unnormal(item)">上传异常</span>
+
+    </ng-template>
+    <ng-template st-row="checkStatus" let-item let-index="index">
+      <!-- <a (click)="viewAuditResult(item)" *ngIf="item?.billStatus === '2'">{{item?.billStatusLabel}}</a> -->
+      <span *ngIf="item?.checkStatus == '0'" (click)="viewResult(item)">校验中</span>
+      <span *ngIf="item?.checkStatus == '1'">通过</span>
+      <!-- <span  *ngIf="item?.checkStatus == '2'" style="color: red;" (click)="unnormal(item)">不通过</span> -->
+      <span  *ngIf="item?.checkStatus == '2'" style="color: red;" (click)="viewResult(item)">不通过</span>
+
+    </ng-template>
+    <ng-template st-row="driverName" let-item let-index="index">
+      <div> {{ item?.driverName }}{{  item?.driverPhone ? "/" + item?.driverPhone : '' }} </div>
+    </ng-template>
+    <!-- <ng-template st-row="localValid" let-item let-index="index">
+      <a (click)="viewResult(item)" *ngIf="item?.billStatus === '2'">{{item?.billStatusLabel}}</a>
+      <span *ngIf="item?.billStatus !== '2'">{{item?.billStatusLabel}}</span>
+    </ng-template> -->
+    <ng-template st-row="loadingPicture" let-item let-index="index">
+      <div class="imgBox">
+        <div *ngIf="item.loadingPicture">
+          <app-imagelist style="width: 60px" [imgList]="[item.loadingPicture]"> </app-imagelist>
+        </div>
+      </div>
+    </ng-template>
+    <ng-template st-row="unloadPicture" let-item let-index="index">
+      <div class="imgBox">
+        <div *ngIf="item.unloadPicture">
+          <app-imagelist style="width: 40px" [imgList]="[item.unloadPicture]"> </app-imagelist>
+        </div>
+      </div>
+    </ng-template>
+    <ng-template st-row="loadingLadingBill" let-item let-index="index">
+      <div class="imgBox">
+        <div *ngIf="item.loadingLadingBill">
+          <app-imagelist style="width: 40px" [imgList]="[item.loadingLadingBill]"> </app-imagelist>
+        </div>
+      </div>
+    </ng-template>
+    <ng-template st-row="signatureForm" let-item let-index="index">
+      <div class="imgBox">
+        <div *ngIf="item.signatureForm">
+          <app-imagelist style="width: 40px" [imgList]="[item.signatureForm]"> </app-imagelist>
+        </div>
+      </div>
+    </ng-template>
+    <ng-template st-row="orderAmount" let-item let-index="index">
+      <div class="text-right">{{item?.orderAmount | currency :' '}}</div>
+    </ng-template>
+  </st>
+</nz-card>
+<ng-template #extraTemplate>
+  <div class="d-flex align-items-center">
+    <div class="mr-md">
+      已选择
+      <strong class="text-red">{{ selectedRows.length }}</strong> 条数据
+    </div>
+    <button nz-button nzType="primary" (click)="upload()">上传</button>
+    <button nz-button nzType="primary" (click)="recall()">撤回</button>
+    <button nz-button nzType="primary" (click)="resetData()">更新数据</button>
+    <button nz-button nzType="primary" (click)="uploadSetting()">税务设置</button>
+  </div>
+</ng-template>
diff --git a/src/app/routes/tax-management/components/order-reporting/order-reporting.component.less b/src/app/routes/tax-management/components/order-reporting/order-reporting.component.less
new file mode 100644
index 00000000..94ec07e0
--- /dev/null
+++ b/src/app/routes/tax-management/components/order-reporting/order-reporting.component.less
@@ -0,0 +1,22 @@
+:host {
+  .text-black {
+    color: #000;
+  }
+  .icon {
+    display: inline-block;
+    width: 1em;
+    height: 1em;
+    stroke-width: 0;
+    stroke: currentColor;
+    /* stylelint-disable-next-line order/properties-order */
+    fill: currentColor;
+  }
+  ::ng-deep {
+    .imgBox {
+      display: flex;
+      img {
+          width: 60px !important; 
+      }
+  }
+  }
+}
diff --git a/src/app/routes/tax-management/components/order-reporting/order-reporting.component.spec.ts b/src/app/routes/tax-management/components/order-reporting/order-reporting.component.spec.ts
new file mode 100644
index 00000000..2c07610f
--- /dev/null
+++ b/src/app/routes/tax-management/components/order-reporting/order-reporting.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableOrderReportingComponent } from './order-reporting.component';
+
+describe('DatatableOrderReportingComponent', () => {
+  let component: DatatableOrderReportingComponent;
+  let fixture: ComponentFixture<DatatableOrderReportingComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ DatatableOrderReportingComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableOrderReportingComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/tax-management/components/order-reporting/order-reporting.component.ts b/src/app/routes/tax-management/components/order-reporting/order-reporting.component.ts
new file mode 100644
index 00000000..3ea3973e
--- /dev/null
+++ b/src/app/routes/tax-management/components/order-reporting/order-reporting.component.ts
@@ -0,0 +1,503 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { TaxManagementService } from '../../services/tax-management.service';
+import { TaxManagementUploadSettingComponent } from './upload-setting/upload-setting.component';
+import { TaxManagementOrderVerifyResultComponent } from './verify-result/verify-result.component';
+// import { DatatableReportingUploadSettingComponent } from '../upload-setting/upload-setting.component';
+// import { DatatableReportingVerifyResultComponent } from '../verify-result/verify-result.component';
+
+@Component({
+  selector: 'app-tax-management-order-reporting',
+  templateUrl: './order-reporting.component.html',
+  styleUrls: ['./order-reporting.component.less']
+})
+export class TaxManagementOrderReportingComponent implements OnInit {
+  _$expand = false;
+  ui!: SFUISchema;
+  schema!: SFSchema;
+  columns!: STColumn[];
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  tabType!: string;
+  isLoading: boolean = false;
+  tabs: any[] = [
+    { name: '待上传', value: '0' },
+    { name: '上传中', value: '3' },
+    { name: '已上传', value: '1' },
+    { name: '异常', value: '2' },
+    { name: '全部', value: '' }
+  ];
+  selectedIndex = ''; //选择的项目
+  serviceTel = '';
+  constructor(
+    public service: TaxManagementService,
+    private router: Router,
+    private ar: ActivatedRoute,
+    public shipperservice: ShipperBaseService,
+    private modal: NzModalService,
+    public shipperSrv: ShipperBaseService
+  ) {
+  }
+
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params = Object.assign({}, this.sf?.value || {}, {
+      putStatus: this.selectedIndex,
+    });
+    delete params._$expand;
+    return { ...params };
+  }
+
+  /**
+   * 选中行
+   */
+  get selectedRows() {
+    return this.st?.list.filter((item: any) => item.checked) || [];
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+    this.isLoading = true
+  }
+  /**
+   * 程序初始化入口
+   */
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+  }
+
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        billCode: { title: '订单号', type: 'string', ui: { placeholder: '请输入' } },
+        wayBillCode: {
+          type: 'string',
+          title: '运单号',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        shipperAppUserId: {
+          type: 'string',
+          title: '货主',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            onSearch: (q: any) => {
+              let str =q.replace(/^\s+|\s+$/g,"");
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map((res: any) => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+          
+          } as SFSelectWidgetSchema
+        },
+        driverName: {
+          title: '承运司机',
+          type: 'string',
+          ui: {
+            placeholder: '请输入司机姓名/手机号', visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        carNo: {
+          title: '车牌号',
+          type: 'string',
+          maxLength: 9,
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        collectionUserName: {
+          title: '收款人',
+          type: 'string',
+          maxLength: 9,
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        putStatus: {
+          title: '上传状态',
+          type: 'string',
+          ui: {
+            placeholder: '请选择',
+            widget: 'dict-select',
+            params: { dictKey: 'service:type' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        checkStatus: {
+          title: '精准',
+          type: 'string',
+          ui: {
+            placeholder: '请选择',
+            widget: 'dict-select',
+            params: { dictKey: 'service:type' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        networkTransporter: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder()
+          }
+        },
+        recentlyPutTime: {
+          title: '上传时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to',
+            type: 'date',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          } as SFDateWidgetSchema,
+        },
+        orderPayTime: {
+          title: '结束时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to',
+            type: 'date',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          } as SFDateWidgetSchema,
+        },
+      },
+    };
+    this.ui = {
+      '*': { spanLabelFixed: 120, grid: { span: 8, gutter: 4 }, enter: () => this.search() },
+      $time: { grid: { span: 24 } },
+    };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '', type: 'checkbox', className: 'text-center', width: '60px', },
+      { title: '上传状态', render: 'putStatus', className: 'text-center', width: '120px', },
+      { title: '精准', render: 'checkStatus', className: 'text-center', width: '120px', },
+      {
+        title: '订单号',
+        index: 'billCode',
+        className: 'text-center',
+        width: '150px',
+      },
+      { title: '运单号', index: 'wayBillCode', className: 'text-center', width: '150px', },
+      {
+        title: '网络货运人',
+        render: 'shipperName',
+        className: 'text-center',
+        width: '180px',
+      },
+      { title: '装货地', index: 'loadingAddress', render: 'loadingPlace', className: 'text-center', width: '200px' },
+      { title: '装货地详细地址', index: 'loadingDetailedAddress', render: 'loadingPlace', className: 'text-center', width: '200px' },
+      { title: '卸货地', index: 'unloadAddress', render: 'dischargePlace', className: 'text-center', width: '120px' },
+      { title: '卸货地详细地址', index: 'unloadDetailedAddress', className: 'text-center', width: '180px' },
+      { title: '货主名称', index: 'shipperName', className: 'text-center', width: '180px' },
+      { title: '货主纳税人识别号', index: 'shipperProvinceCode', className: 'text-center', width: '180px' },
+      { title: '录单时间', index: 'billCreateTime', className: 'text-center', width: '250px' },
+      { title: '接单时间', index: 'wayBillCreateTime',  className: 'text-center', width: '200px' },
+      { title: '发车时间', index: 'loadTime', className: 'text-center', width: '200px' },
+      { title: '到车时间', index: 'unloadTime', className: 'text-center', width: '150px' },
+      { title: '结束时间', index: 'payeeName', className: 'text-center', width: '150px' },
+      { title: '订单金额', render: 'orderAmount', className: 'text-center', width: '120px' },
+      { title: '司机姓名', render: 'driverName', className: 'text-center', width: '150px' },
+      { title: '司机身份证号', index: 'transpdriverCertificateNumberortInfo', className: 'text-center', width: '180px' },
+      { title: '车牌号', index: 'carNo', className: 'text-center', width: '100px' },
+      { title: '货物信息', render: 'transportInfo', className: 'text-center', width: '200px' },
+      { title: '运费金额', render: 'payeeName', className: 'text-center', width: '100px' },
+      { title: '装卸方式', index: 'loadingUnloadWay', className: 'text-center', width: '180px' },
+      { title: '支付方式', index: 'payMent', className: 'text-center', width: '150px' },
+      { title: '支付账号', index: 'paymentAccount', className: 'text-center', width: '200px' },
+      { title: '银行流水号', index: 'bankSerialNumber', className: 'text-center', width: '150px' },
+      { title: '收款人姓名', index: 'collectionUserName', className: 'text-center', width: '250px' },
+      { title: '收款人身份证号码', index: 'collectionUserCertificateNumber', className: 'text-center', width: '180px' },
+      { title: '装货照片', render: 'loadingPicture', className: 'text-center', width: '100px' },
+      { title: '卸货照片', render: 'unloadPicture', className: 'text-center', width: '100px' },
+      { title: '提货单', render: 'loadingLadingBill', className: 'text-center', width: '100px' },
+      { title: '签收单', render: 'signatureForm', className: 'text-center', width: '100px' },
+      { title: '上传次数', index: 'putNumber', className: 'text-center', width: '100px' },
+      { title: '最近上传时间', index: 'recentlyPutTime', className: 'text-center', width: '180px' },
+    ];
+  }
+
+
+
+  /**
+   *撤回
+   * @param record 记录实例
+   */
+  recall() {
+    if (this.selectedRows.length === 0) {
+      this.openWainingModal('请选择需要撤回的数据');
+      return;
+    }
+    let params: any[] = [];
+    this.selectedRows.forEach(item => {
+      params.push(item.id);
+    });
+    this.modal.confirm({
+      nzTitle: '撤回提示',
+      nzContent: ' 撤回后可以重新上传，重新上传会覆盖已上传数据，确定要撤回？',
+      nzOkText: '确定',
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_get_recessionTaxOrder,params).subscribe((res: any) => {
+          if (res) {
+            this.service.msgSrv.success('撤销成功');
+            this.search();
+          }
+        })
+      }
+    });
+
+  }
+  /**
+   *撤销
+   * @param record 记录实例
+   */
+  resetData() {
+    if (this.selectedRows.length === 0) {
+      this.openWainingModal('请选择需要更新的数据！');
+      return;
+    }
+    let params: any[] = [];
+    this.selectedRows.forEach(item => {
+      params.push(item.id);
+    });
+    this.service.request(this.service.$api_get_renewalOrderById, params).subscribe((res: any) => {
+      if (res) {
+        this.service.msgSrv.success('更新成功');
+        this.st.load(1);
+      }
+    })
+  }
+  /**
+   *撤销
+   * @param record 记录实例
+   */
+  unnormal(value: any) {
+    // if (this.selectedRows.length === 0) {
+    //   this.openWainingModal('请选择需要更新的数据！');
+    //   return;
+    // }
+    console.log(this.selectedRows);
+    let params: any[] = [];
+    this.selectedRows.forEach(item => {
+      params.push(item.id);
+    });
+    this.modal.confirm({
+      nzTitle: '税务审核结果',
+      nzContent: '订单结算时间所在月份与申报月份不一致',
+      nzOkText: '确定',
+      nzCancelText: '',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_get_recessionTaxOrder, params).subscribe((res: any) => {
+          if (res) {
+            this.service.msgSrv.success('撤销成功');
+            this.search();
+          }
+        })
+      }
+    });
+
+  }
+
+  selectChange(item: any) {
+    console.log(item);
+    
+    this.selectedIndex = item?.value || '';
+    setTimeout(() => {
+      this.st.load();
+    })
+  }
+
+  /**
+   * 查看当行数据
+   */
+  view(record: STData) {
+    // this.router.navigate(['../view', record.uuid], { relativeTo: this.ar });
+    this.router.navigate(['../detail'], {
+      queryParams: {
+        id: record.id,
+      },
+      relativeTo: this.ar
+    });
+  }
+
+  // appeal(item: any) {
+  //   const modalRef = this.modal.create({
+  //     nzTitle: '申诉',
+  //     nzWidth: '40%',
+  //     nzContent: CtcAppealComponent,
+  //     nzComponentParams: {
+  //       i: item,
+  //       status: 'add'
+  //     },
+  //     nzFooter: null
+  //   });
+  //   modalRef.afterClose.subscribe(res => {
+  //     if (res) {
+  //       this.search({ representationsStatus: '' });
+  //     }
+  //   })
+  // }
+
+  /**
+   * 上传
+   */
+  upload() {
+    if (this.selectedRows.length === 0) {
+      this.openWainingModal('请选择需要上传的数据');
+      return;
+    }
+    let params: any[] = [];
+    this.selectedRows.forEach(item => {
+      params.push(item.id);
+    });
+    this.service.request(this.service.$api_get_uploadingTaxOrder, params).subscribe((res: any) => {
+      if (res) {
+        this.service.msgSrv.success('上传成功');
+        this.st.load();
+      }
+    })
+  }
+
+
+  /**
+   *
+   * @param params 上传设置
+   */
+  uploadSetting() {
+    const modalRef = this.modal.create({
+      nzTitle: '税务上传设置',
+      nzWidth: 600,
+      nzContent: TaxManagementUploadSettingComponent,
+      nzComponentParams: {},
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load();
+      }
+    })
+  }
+
+  /**
+   * 查看校验结果
+   */
+  viewResult(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '本地校验结果',
+      nzWidth: 1200,
+      nzContent: TaxManagementOrderVerifyResultComponent,
+      nzComponentParams: {
+        record: item
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load();
+      }
+    })
+  }
+
+  /**
+   * 查看监管审核结果
+   */
+  viewAuditResult(record: any) {
+    if (record?.billStatus !== '2') {
+      return;
+    }
+    this.openWainingModal('监管审核结果', record?.result)
+  }
+
+
+  search() {
+    this.st.load(1);
+  }
+
+  /**
+  * 异步导出
+  */
+  export() {
+    this.service.exportStart(this.sf?.value, this.service.$api_async_export_order_reporting_list);
+  }
+
+  openWainingModal(content: string, title = '提示') {
+    this.modal.warning({
+      nzMask: false,
+      nzTitle: title,
+      nzContent: content,
+    })
+  }
+
+
+}
diff --git a/src/app/routes/tax-management/components/order-reporting/upload-setting/upload-setting.component.html b/src/app/routes/tax-management/components/order-reporting/upload-setting/upload-setting.component.html
new file mode 100644
index 00000000..a4f5ae6e
--- /dev/null
+++ b/src/app/routes/tax-management/components/order-reporting/upload-setting/upload-setting.component.html
@@ -0,0 +1,8 @@
+<nz-spin [nzSpinning]="!i"></nz-spin>
+<sf *ngIf="i" #sf mode="edit" [schema]="schema" [ui]="ui" [formData]="i" button="none">
+  <div class="modal-footer">
+    <button nz-button type="button" (click)="close()">取消</button>
+    <button nz-button type="submit" nzType="primary" (click)="save(sf.value)" [disabled]="!sf.valid"
+      [nzLoading]="service.http.loading">修改</button>
+  </div>
+</sf>
diff --git a/src/app/routes/tax-management/components/order-reporting/upload-setting/upload-setting.component.spec.ts b/src/app/routes/tax-management/components/order-reporting/upload-setting/upload-setting.component.spec.ts
new file mode 100644
index 00000000..aeb5cf2c
--- /dev/null
+++ b/src/app/routes/tax-management/components/order-reporting/upload-setting/upload-setting.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableReportingUploadSettingComponent } from './upload-setting.component';
+
+describe('DatatableReportingUploadSettingComponent', () => {
+  let component: DatatableReportingUploadSettingComponent;
+  let fixture: ComponentFixture<DatatableReportingUploadSettingComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [DatatableReportingUploadSettingComponent]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableReportingUploadSettingComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/tax-management/components/order-reporting/upload-setting/upload-setting.component.ts b/src/app/routes/tax-management/components/order-reporting/upload-setting/upload-setting.component.ts
new file mode 100644
index 00000000..f171259e
--- /dev/null
+++ b/src/app/routes/tax-management/components/order-reporting/upload-setting/upload-setting.component.ts
@@ -0,0 +1,110 @@
+import { Component, OnInit } from '@angular/core';
+import { SFSchema, SFUISchema } from '@delon/form';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { TaxManagementService } from '../../../services/tax-management.service';
+
+
+@Component({
+  selector: 'app-datatable-upload-setting',
+  templateUrl: './upload-setting.component.html',
+})
+export class TaxManagementUploadSettingComponent implements OnInit {
+  record: any = {};
+  i: any = {};
+  schema!: SFSchema;
+  ui!: SFUISchema;
+
+  constructor(
+    private modal: NzModalRef,
+    public service: TaxManagementService
+  ) { }
+
+  ngOnInit(): void {
+    this.initSF();
+    // this.loadData();
+  }
+
+  /**
+ * 初始化查询表单
+ */
+  initSF() {
+    this.schema = {
+      properties: {
+        no: {
+          type: 'string',
+          title: '订单数据',
+          enum: [
+            {
+              label: '手动上传',
+              value: '1'
+            },
+            {
+              label: '自动上传',
+              value: '2'
+            }
+          ],
+          description: '开启自动上传后，订单将在支付完成且风险单校验通过后自动上传',
+          ui: {
+            widget: 'radio',
+
+          }
+        },
+        owner: {
+          type: 'string',
+          title: '资金数据',
+          enum: [
+            {
+              label: '手动上传',
+              value: '1'
+            },
+            {
+              label: '自动上传',
+              value: '2'
+            }
+          ],
+          description: '开启自动上传后，订单将在支付完成且风险单校验通过后自动上传',
+          ui: {
+            widget: 'radio',
+
+          }
+        },
+      },
+      required: ['owner', 'no'],
+    }
+    this.ui = {
+      '*': {
+        spanLabelFixed: 100,
+        grid: { span: 24 },
+      },
+    };
+  }
+
+  /**
+   * 获取设置数据
+   */
+  loadData() {
+    this.service.request(this.service.$api_get_upload_setting, {}).subscribe(res => {
+      if (res) {
+        this.i = res;
+
+      }
+    })
+  }
+
+  /**
+   * 修改
+   * @param value
+   */
+  save(value: any): void {
+    this.service.request(this.service.$api_upload_setting_save, { ...value }).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('保存成功');
+        this.modal.close(true);
+      }
+    })
+  }
+
+  close(): void {
+    this.modal.destroy();
+  }
+}
diff --git a/src/app/routes/tax-management/components/order-reporting/verify-result/verify-result.component.html b/src/app/routes/tax-management/components/order-reporting/verify-result/verify-result.component.html
new file mode 100644
index 00000000..73c52e88
--- /dev/null
+++ b/src/app/routes/tax-management/components/order-reporting/verify-result/verify-result.component.html
@@ -0,0 +1,33 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-31 11:10:10
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-08 15:28:46
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\tax-management\\components\\order-reporting\\verify-result\\verify-result.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<div nz-row>
+  <div style="width: 10%;">
+    <nz-tabset [nzTabPosition]="'left'" style="height: 100%;">
+      <nz-tab [nzTitle]="item?.name" *ngFor="let item of tabs" (nzSelect)="selectTab(item)"></nz-tab>
+    </nz-tabset>
+  </div>
+  <div style="width: 90%;">
+    <st #st [scroll]="{x:'1000px'}" [data]="service.$api_get_getTaxFieldCheckList" [columns]="columns"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } }" [page]="{ show: false}" [loading]="false"
+      [bordered]="true">
+      <ng-template st-row="freightDetails" let-item>
+        <div *ngFor="let item of item.freightDetails">
+          <div>{{item.expenseName}}:{{item.price | currency}} </div>
+        </div>
+      </ng-template>
+    </st>
+  </div>
+</div>
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">取消</button>
+  <button nz-button type="submit" nzType="primary" (click)="update()" [nzLoading]="service.http.loading">修改</button>
+</div>
diff --git a/src/app/routes/tax-management/components/order-reporting/verify-result/verify-result.component.spec.ts b/src/app/routes/tax-management/components/order-reporting/verify-result/verify-result.component.spec.ts
new file mode 100644
index 00000000..48b1e9e5
--- /dev/null
+++ b/src/app/routes/tax-management/components/order-reporting/verify-result/verify-result.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { DatatableReportingVerifyResultComponent } from './verify-result.component';
+
+describe('DatatableReportingVerifyResultComponent', () => {
+  let component: DatatableReportingVerifyResultComponent;
+  let fixture: ComponentFixture<DatatableReportingVerifyResultComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [DatatableReportingVerifyResultComponent]
+    })
+      .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DatatableReportingVerifyResultComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/tax-management/components/order-reporting/verify-result/verify-result.component.ts b/src/app/routes/tax-management/components/order-reporting/verify-result/verify-result.component.ts
new file mode 100644
index 00000000..de01a2c0
--- /dev/null
+++ b/src/app/routes/tax-management/components/order-reporting/verify-result/verify-result.component.ts
@@ -0,0 +1,103 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-30 14:26:01
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-08 15:36:04
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\tax-management\\components\\order-reporting\\verify-result\\verify-result.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFSchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { TaxManagementService } from '../../../services/tax-management.service';
+
+@Component({
+  selector: 'app-tax-management-order-reporting-verify-result',
+  templateUrl: './verify-result.component.html',
+})
+export class TaxManagementOrderVerifyResultComponent implements OnInit {
+  url = `/user`;
+  searchSchema: SFSchema = {
+    properties: {
+      no: {
+        type: 'string',
+        title: '编号'
+      }
+    }
+  };
+  @ViewChild('st') private readonly st!: STComponent;
+  columns: STColumn[] = [];
+  record: any = {}
+  subjectType: string = '0';
+  tabs: any[] = [
+    { name: '平台信息', value: '0' },
+    { name: '货主信息', value: '1' },
+    { name: '司机信息', value: '2' },
+    { name: '订单信息', value: '3' },
+  ];
+
+  get reqParams() {
+    const params ={
+      subjectId: this.record?.shipperId,
+      subjectType: this.subjectType || '0'
+    }
+    return params;
+  }
+  constructor(public service: TaxManagementService, private modalRef: NzModalRef, public router: Router) {
+  }
+
+  ngOnInit(): void {
+    console.log(this.record);
+    
+    this.initST();
+  }
+
+  /**
+ * 初始化数据列表
+ */
+  initST() {
+    this.columns = [
+      { title: '序号', type: 'no', className: 'text-center', width: '60px', },
+      { title: '校验字段', index: 'orderStatus', className: 'text-center', width: '120px', },
+      { title: '是否必填', index: 'orderStatus', className: 'text-center', width: '100px', },
+      { title: '上传值', index: 'orderStatus', className: 'text-center', width: '120px', },
+      { title: '本地校验', index: 'orderStatus', className: 'text-center', width: '100px', },
+      { title: '错误内容', index: 'orderStatus', className: 'text-center', width: '150px', },
+    ]
+  }
+
+
+  add(): void {
+    // this.modal
+    //   .createStatic(FormEditComponent, { i: { id: 0 } })
+    //   .subscribe(() => this.st.reload());
+  }
+
+  selectTab(e: any) {
+    setTimeout(() => {
+      this.subjectType = e?.value;
+      this.st.load(1);
+    })
+  }
+
+  update() {
+    if (this.record?.billType === '1') {
+      window.open(location.origin + `/#/order-management/vehicle-detailChange/${this.record?.id}`)
+
+    } else if (this.record.billType === '2') {
+      window.open(location.origin + `/#/order-management/bulk-detailChange/${this.record?.id}`);
+    }
+
+
+  }
+  close(): void {
+    this.modalRef.destroy();
+  }
+
+
+}
diff --git a/src/app/routes/tax-management/services/tax-management.service.ts b/src/app/routes/tax-management/services/tax-management.service.ts
new file mode 100644
index 00000000..edd6d18e
--- /dev/null
+++ b/src/app/routes/tax-management/services/tax-management.service.ts
@@ -0,0 +1,55 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-27 10:30:56
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-04-08 15:28:39
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\tax-management\\services\\tax-management.service.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+
+import { Injectable, Injector } from '@angular/core';
+import { _HttpClient } from '@delon/theme';
+import { ShipperBaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class TaxManagementService extends ShipperBaseService {
+  // 获取货主企业列表
+  public $api_enterpriceList = '/api/mdc/cuc/enterpriseInfo/operate/enterpriceList';
+  //
+  public $api_order_reporting_page = '/api/mdc/cuc/enterpriseInfo/operate/enterpriceList';
+
+  // 查询运营报表
+  $api_listOperationalReportPage = `/api/sdc/report/listOperationalReportPage`;
+
+  // 查询个税申报明细
+  $api_get_individual_income_page = `/api/sdc/taxIncome/list/page`;
+  // 更新所有数据个税申报明细
+  $api_update_individual_income_page = `/api/sdc/taxIncome/updateAll`;
+
+  // 查询个税汇总
+  $api_get_individual_collect_page = `/api/sdc/taxSummary/list/page`;
+  // 更新所有数据个税汇总
+  $api_update_individual_collect_page = `/api/sdc/taxIncome/updateAll`;
+
+  // 订单上报列表
+  $api_getTaxOrderPage_page = `/api/sdc/taxOrder/getTaxOrderPage`;
+  // 根据订单Id更新税务订单
+  $api_get_renewalOrderById = `/api/sdc/taxOrder/renewalOrderById`;
+  // 撤回税务订单
+  $api_get_recessionTaxOrder = `/api/sdc/tax/recessionTaxOrder`;
+  // 上传税务订单
+  $api_get_uploadingTaxOrder = `/api/sdc/tax/uploadingTaxOrder`;
+  // 上传税务订单
+  $api_get_getTaxFieldCheckList = `/api/sdc/taxFieldCheck/getTaxFieldCheckList`;
+  $api_recall_reporting = ``; // 撤回
+  $api_async_export_order_reporting_list = ``; // 导出订单上报
+  $api_get_upload_setting = ``; // 修改上传设置
+  $api_upload_setting_save = ``; // 修改上传设置
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/tax-management/tax-management-routing.module.ts b/src/app/routes/tax-management/tax-management-routing.module.ts
new file mode 100644
index 00000000..84b09d08
--- /dev/null
+++ b/src/app/routes/tax-management/tax-management-routing.module.ts
@@ -0,0 +1,31 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-30 13:58:28
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-31 10:37:24
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\tax-management\\tax-management-routing.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { TaxManagementIndividualCollectComponent } from './components/individual-collect/individual-collect.component';
+import { TaxManagementIndividualDeclareComponent } from './components/individual-declare/individual-declare.component';
+import { TaxManagementIndividualIncomeComponent } from './components/individual-income/individual-income.component';
+import { TaxManagementOrderReportingComponent } from './components/order-reporting/order-reporting.component';
+
+
+const routes: Routes = [
+  { path: 'orderReport', component: TaxManagementOrderReportingComponent },
+  { path: 'income', component: TaxManagementIndividualIncomeComponent },
+  { path: 'collect', component: TaxManagementIndividualCollectComponent },
+  { path: 'declare', component: TaxManagementIndividualDeclareComponent },
+];
+  
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class TaxManagementModuleRoutingModule { }
diff --git a/src/app/routes/tax-management/taxmanagement.module.ts b/src/app/routes/tax-management/taxmanagement.module.ts
new file mode 100644
index 00000000..92dbda10
--- /dev/null
+++ b/src/app/routes/tax-management/taxmanagement.module.ts
@@ -0,0 +1,40 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-30 13:58:28
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-30 14:35:17
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\tax-management\\taxmanagement.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { NgModule, Type } from '@angular/core';
+import { SharedModule, SHARED_G2_MODULES } from '@shared';
+import { TaxManagementIndividualCollectComponent } from './components/individual-collect/individual-collect.component';
+import { TaxManagementIndividualDeclareComponent } from './components/individual-declare/individual-declare.component';
+import { TaxManagementIndividualIncomeComponent } from './components/individual-income/individual-income.component';
+import { TaxManagementOrderReportingComponent } from './components/order-reporting/order-reporting.component';
+import { TaxManagementUploadSettingComponent } from './components/order-reporting/upload-setting/upload-setting.component';
+import { TaxManagementOrderVerifyResultComponent } from './components/order-reporting/verify-result/verify-result.component';
+import { TaxManagementModuleRoutingModule } from './tax-management-routing.module';
+
+
+const COMPONENTS: Type<void>[] = [
+  TaxManagementOrderReportingComponent,
+  TaxManagementOrderVerifyResultComponent,
+  TaxManagementUploadSettingComponent,
+  TaxManagementIndividualIncomeComponent,
+  TaxManagementIndividualCollectComponent,
+  TaxManagementIndividualDeclareComponent
+]
+ 
+
+@NgModule({
+  imports: [
+    SharedModule,
+    TaxManagementModuleRoutingModule,
+    SHARED_G2_MODULES
+  ],
+  declarations: COMPONENTS,
+})
+export class TaxManagementModule { }
diff --git a/src/app/routes/ticket-management/components/cancellation-invoice/cancellation-invoice.component.html b/src/app/routes/ticket-management/components/cancellation-invoice/cancellation-invoice.component.html
new file mode 100644
index 00000000..84bf6e93
--- /dev/null
+++ b/src/app/routes/ticket-management/components/cancellation-invoice/cancellation-invoice.component.html
@@ -0,0 +1,94 @@
+<page-header-wrapper [title]="'销票处理'">
+</page-header-wrapper>
+
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 110,grid: { lg: 8, md: 12, sm: 12, xs: 24,gutter:10 } }}"
+                [compact]="true" [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <!-- <button nz-button> 导出</button> -->
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+    <nz-tabset [nzTabBarExtraContent]="extraTemplate" (nzSelectedIndexChange)="selectChange($event)">
+        <nz-tab nzTitle="全部"></nz-tab>
+        <nz-tab nzTitle="待处理"></nz-tab>
+        <nz-tab nzTitle="待确认"></nz-tab>
+        <!-- <nz-tab nzTitle="已确认"></nz-tab> -->
+    </nz-tabset>
+    <ng-template #extraTemplate>
+        <div class="d-flex align-items-center">
+            <div class="mr-md">
+                已选择
+                <strong class="text-red">{{ selectedRows.length }}</strong> 张发票&nbsp;&nbsp; 发票金额总计
+                <strong class="text-red">{{totalCallNo }}</strong>
+                <a *ngIf="totalCallNo > 0" (click)="st.clearCheck();totalCallNo=0" class="ml-lg">清空</a>
+            </div>
+            <button nz-button *ngIf="resourceStatus===1 || !resourceStatus" (click)="this.batchPush()">推送开票</button>
+            <!-- <button nz-button *ngIf="resourceStatus===1 || !resourceStatus"
+                (click)="this.batchRemove(selectedRows)">移除</button>
+            <button nz-button *ngIf="resourceStatus===2 || !resourceStatus"
+                (click)="this.batchWithdraw(selectedRows)">撤回</button> -->
+        </div>
+    </ng-template>
+
+
+    <st #st [scroll]="{ x: '2000px' }" [data]="service.$api_ficoVatinvHList" [columns]="columns" [page]="{}"
+        [req]="{process: beforeReq }" [res]="{process:afterRes }" [loading]="false" (change)="stChange($event)">
+        <ng-template st-row="vatinvcode" let-item let-index="index" let-column="column">
+            {{ item.vatinvcode }} <br>
+            <label class="text-primary">{{item.stsLabel}}</label>
+        </ng-template>
+    </st>
+</nz-card>
+
+<ng-template #requestedModal>
+    <div nz-row nzGutter="8">
+        <div nz-col nzSpan="24" se-container [labelWidth]="100">
+            <se [col]="1" label="开票信息" class="mb-sm">
+                <p style="margin: 0;">公司名： {{openInfo?.artoname}}</p>
+                <p style="margin: 0;">税号： {{openInfo?.artotaxno}}</p>
+                <p style="margin: 0;">注册地址： {{openInfo?.artoadd}}</p>
+                <p style="margin: 0;">注册电话： {{openInfo?.artotel}}</p>
+                <p style="margin: 0;">开户行： {{openInfo?.artobank}}</p>
+            </se>
+            <se [col]="1" label="服务名称" class="mb-sm">
+                {{openInfo?.vatnameLabel}}
+            </se>
+            <se [col]="1" label="发票备注栏" class="mb-sm">
+                {{openInfo?.vatremarks}}
+            </se>
+            <se [col]="1" label="其它要求" class="mb-sm">
+                {{openInfo?.otherremarks}}
+            </se>
+            <se [col]="1" label="销货清单" class="mb-sm">
+                {{openInfo?.isdetail?'需要':'不需要'}}
+            </se>
+            <se [col]="1" label="开票金额" class="mb-sm">
+                {{openInfo?.vatmoney | currency}}
+            </se>
+            <se [col]="1" label="开票日期" required>
+                <nz-date-picker [(ngModel)]="openInfo.invoicedate" nzPlaceHolder="请选择" style=" width: 100%;">
+                </nz-date-picker>
+            </se>
+            <se [col]="1" label="发票号码" required>
+                <input nz-input [(ngModel)]="openInfo.invoiceno" placeholder="请输入" />
+            </se>
+            <se [col]="1" label="发票代码" required>
+                <input nz-input [(ngModel)]="openInfo.invoiceno2" placeholder="请输入" />
+            </se>
+        </div>
+    </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/cancellation-invoice/cancellation-invoice.component.less b/src/app/routes/ticket-management/components/cancellation-invoice/cancellation-invoice.component.less
new file mode 100644
index 00000000..40095399
--- /dev/null
+++ b/src/app/routes/ticket-management/components/cancellation-invoice/cancellation-invoice.component.less
@@ -0,0 +1,26 @@
+:host::ng-deep {
+    .search-box {
+        .ant-card-body {
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box {
+        .ant-card-body {
+            padding-top: 0;
+        }
+    }
+
+    nz-range-picker {
+        width: 100%;
+    }
+
+    .ant-tabs-tab-btn {
+        padding-left : 16px;
+        padding-right: 16px;
+    }
+
+    .text-truncate {
+        white-space: normal;
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/cancellation-invoice/cancellation-invoice.component.ts b/src/app/routes/ticket-management/components/cancellation-invoice/cancellation-invoice.component.ts
new file mode 100644
index 00000000..0429894f
--- /dev/null
+++ b/src/app/routes/ticket-management/components/cancellation-invoice/cancellation-invoice.component.ts
@@ -0,0 +1,427 @@
+import { CurrencyPipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema, SFSelectWidgetSchema, SFSchemaEnum } from '@delon/form';
+import { dateTimePickerUtil } from '@delon/util';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { TicketService } from '../../services/ticket.service';
+import { RequestedInvoiceModalComponent } from '../invoice-requested/requested-invoice-modal/requested-invoice-modal.component';
+import { PushInvoiceComponent } from './push-invoice/push-invoice.component';
+
+@Component({
+  selector: 'app-cancellation-invoice',
+  templateUrl: './cancellation-invoice.component.html',
+  styleUrls: ['./cancellation-invoice.component.less']
+})
+export class CancellationInvoiceComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('requestedModal', { static: false })
+  requestedModal!: any;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+  resourceStatus: any = '';
+  _$expand = false;
+
+  selectedRows: any[] = [];
+  totalCallNo = 0;
+
+  openInfo: any = { invoicedate: null, invoiceno: null, invoiceno2: null };
+  constructor(public service: TicketService, private nzModalService: NzModalService, private router: Router) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        createTime: {
+          start: this.sf.value.createTime?.[0] || '',
+          end: this.sf.value.createTime?.[1] || ''
+        }
+      });
+    }
+    if (this.resourceStatus) {
+      Object.assign(requestOptions.body, {
+        sts: this.resourceStatus
+      });
+    }
+    return requestOptions;
+  };
+
+  afterRes = (data: any[], rawData?: any) => {
+    return data.map(node => ({ ...node, disabled: node.sts === '3' }));
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        this.totalCallNo = this.selectedRows.reduce((total, cv) => total + cv.vatmoney, 0).toFixed(2);
+        break;
+    }
+  }
+
+  selectChange(e: any) {
+    this.resourceStatus = e;
+    this.initST();
+    setTimeout(() => {
+      this.st.load();
+    }, 500);
+  }
+
+  /**
+   * 手工开票
+   * @param item
+   */
+  requestedAction(item: any) {
+    this.openInfo = { invoicedate: null, invoiceno: null, invoiceno2: null };
+    this.service.request(this.service.$api_get_apply_fico_info, { id: item.vatappHId }).subscribe(info => {
+      if (info) {
+        console.log(info);
+        Object.assign(this.openInfo, { ...info });
+        const modal = this.nzModalService.create({
+          nzTitle: '发票确认',
+          nzContent: this.requestedModal,
+          nzOnOk: () => {
+            if (!this.openInfo?.invoicedate || !this.openInfo?.invoiceno) {
+              this.service.msgSrv.warning('请填开票信息');
+              return false;
+            }
+            const params = {
+              invoiceno: this.openInfo.invoiceno,
+              invoicedate: dateTimePickerUtil.format(this.openInfo.invoicedate),
+              invoiceno2: this.openInfo.invoiceno2
+            };
+            this.service
+              .request(this.service.$api_apply_fico_invoic, {
+                id: item.id,
+                vatinvcode: item.vatinvcode,
+                ...params
+              })
+              .subscribe(res => {
+                if (res) {
+                  this.service.msgSrv.success('开票成功');
+                  this.st.load(1);
+                  modal.destroy();
+                }
+              });
+
+            return false;
+          }
+        });
+      }
+    });
+  }
+
+  /**
+   * 批量推送发票
+   */
+  batchPush() {
+    if (this.selectedRows?.length <= 0) {
+      this.service.msgSrv.warning('请选择推送开票单');
+      return;
+    }
+    if (this.selectedRows.find(item => item.sts !== '1')) {
+      this.service.msgSrv.warning('请勿选择非待处理申请');
+      return;
+    }
+    this.nzModalService.warning({
+      nzTitle: '确定将所选待处理开票申请推送开票？',
+      nzContent: '推送开票后发票信息不可修改，待系统开票完成后会自动返回开票结果',
+      nzOnOk: () => {
+        this.service
+          .request(
+            this.service.$api_batch_push_invoic,
+            this.selectedRows.map(row => row.id)
+          )
+          .subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success('推送开票成功');
+              this.st.load(1);
+            }
+          });
+      }
+    });
+  }
+
+  /**
+   * 撤回
+   * @param item
+   * @returns
+   */
+  batchWithdraw(item?: any) {
+    if (this.selectedRows?.length <= 0 && !item) {
+      this.service.msgSrv.warning('请选择开票申请');
+      return;
+    }
+    this.nzModalService.warning({
+      nzTitle: '确定将所选待确认开票申请撤回？',
+      nzContent: '提交税控后发票信息不可修改，待税控开票完成后返回开票结果',
+      nzOnOk: () => {}
+    });
+  }
+
+  /**
+   * 移除
+   * @returns
+   */
+  batchRemove() {
+    if (this.selectedRows?.length <= 0) {
+      this.service.msgSrv.warning('请选择开票申请');
+      return;
+    }
+    this.nzModalService.warning({
+      nzTitle: '确定将所选待确认开票申请撤回？',
+      nzContent: '提交税控后发票信息不可修改，待税控开票完成后返回开票结果',
+      nzOnOk: () => {}
+    });
+  }
+
+  /**
+   * 作废发票
+   * @param item
+   * @returns
+   */
+  removeInvocie(item?: any) {
+    const modal = this.nzModalService.warning({
+      nzTitle: '确定将所选已确认开票申请作废？',
+      nzContent: '作废后发票信息不可修改',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_cancel_invoic, { id: item.id }).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('发票作废成功');
+            this.st.load(1);
+            modal.destroy();
+          }
+        });
+        return false;
+      }
+    });
+  }
+
+  downLoadDetail(item: any) {
+    this.service.exportStart({ id: item.id }, this.service.$api_export_invoic_detail);
+  }
+
+  /**
+   * 推送发票
+   * @param item
+   */
+  pushInvoiceAction(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '推送开票',
+      nzContent: PushInvoiceComponent,
+      nzComponentParams: { id: item.vatappHId },
+      nzWidth: 1200,
+      nzOnOk: () => {
+        this.service.request(this.service.$api_push_invoic, { id: item.id }).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('推送开票成功');
+            this.st.load(1);
+          }
+        });
+        return false;
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        vatappHId: {
+          type: 'string',
+          title: '申请编号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        arto: {
+          type: 'string',
+          title: '购买人',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            onSearch: (q: any) => this.service.getEnterpriceList({ enterpriseName: q })
+          }
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder(),
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        sts: {
+          title: '发票状态',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            containsAllLabel: true,
+            params: { dictKey: 'vatinv:status' },
+            containAllLable: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        // or2derSn: {
+        //   type: 'string',
+        //   title: '订单号',
+        //   ui: {
+        //     placeholder: '请输入',
+        //     visibleIf: {
+        //       expand: (value: boolean) => value
+        //     }
+        //   }
+        // },
+        createTime: {
+          title: '申请时间',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox', fixed: 'left', width: 50, className: 'text-center' },
+      { title: '分票编号', render: 'vatinvcode', width: 200 },
+      {
+        title: '申请编号',
+        index: 'vatappHCode',
+        width: 150,
+        type: 'link',
+        click: item => this.router.navigate(['/ticket/invoice-requested/detail/' + item?.vatappHId])
+      },
+      { title: '申请时间', index: 'createTime', type: 'date', width: 150 },
+      { title: '发票类型', index: 'vatapptypeLabel',  width: 150 },
+      { title: '网络货运人', index: 'ltdName', width: 160 },
+      { title: '购买人', index: 'artoname', width: 160 },
+      { title: '订单数', index: 'ordlines', width: 90, className: 'text-right' },
+      {
+        title: '价税合计',
+        index: 'vatmoney',
+        width: 140,
+        type: 'widget',
+        className: 'text-right font-weight-bold',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.vatmoney }) }
+      },
+      {
+        title: '金额',
+        index: 'vatnotax',
+        width: 140,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.vatnotax }) }
+      },
+      // {
+      //   title: '税率',
+      //   index: 'billvatrate',
+      //   width: 120,
+      //   className: 'text-right',
+      //   format: item => `${item.billvatrate ? ((item.billvatrate as number) * 100).toFixed(2) : 0}%`
+      // },
+      {
+        title: '税额',
+        index: 'vattax',
+        width: 140,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.vattax }) }
+      },
+      { title: '服务名称', index: 'vatname', width: 120 },
+      { title: '销货清单', index: 'isdetail', width: 120, type: 'enum', enum: { 1: '是', 0: '否' }, className: 'text-center' },
+      { title: '票面备注', index: 'remarks', width: 250 },
+      { title: '其他要求', index: 'otherremarks', width: 100 },
+      {
+        title: '操作',
+        width: '120px',
+        fixed: 'right',
+        className: 'text-center',
+        buttons: [
+          { type: 'divider' },
+          {
+            text: '查看明细<br>',
+            click: item =>
+              this.router.navigate(['ticket/cancellation-invoice/detail/' + item.id], {
+                queryParams: { type: 1, expressno: item.expressno, ltdId: item.shipperId }
+              })
+          },
+          {
+            text: '销货清单<br>',
+            iif: item => item.isdetail,
+            click: item => this.downLoadDetail(item)
+          },
+          {
+            text: '手工开票<br>',
+            iif: item => item.sts != '3',
+            click: item => this.requestedAction(item)
+          },
+          // {
+          //   text: '推送开票<br>',
+          //   iif: item => item.sts === '1',
+          //   click: item => this.pushInvoiceAction(item)
+          // }
+          // {
+          //   text: '作废发票',
+          //   iif: item => item.sts === '3',
+          //   click: item => this.removeInvocie(item)
+          // }
+          // {
+          //   text: '确认'
+          //   // click: item => this.rejectAction(item)
+          // },
+          // {
+          //   text: '撤回',
+          //   click: item => this.batchWithdraw(item)
+          // }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/ticket-management/components/cancellation-invoice/push-invoice/push-invoice.component.html b/src/app/routes/ticket-management/components/cancellation-invoice/push-invoice/push-invoice.component.html
new file mode 100644
index 00000000..b0c00a7b
--- /dev/null
+++ b/src/app/routes/ticket-management/components/cancellation-invoice/push-invoice/push-invoice.component.html
@@ -0,0 +1,56 @@
+<div nz-row nzGutter="8" class="statistics-box">
+    <div nz-col nzSpan="12" se-container [labelWidth]="100" col="1">
+        <se label="购买方">
+            {{info?.artoName}}
+        </se>
+        <se label="纳税号">
+            {{info?.taxNumber}}
+        </se>
+        <se label="地址">
+            {{info?.registerAddr}}
+        </se>
+        <se label="电话">
+            {{info?.registerPhone}}
+        </se>
+        <se label="开户行">
+            {{info?.bankName}}
+        </se>
+        <se label="银行账户">
+            {{info?.bankAccount}}
+        </se>
+        <se label="票面备注">
+            {{info?.vatremarks}}
+        </se>
+    </div>
+    <div nz-col nzSpan="12" se-container [labelWidth]="100" col="1">
+        <se label="销售方">
+            {{info?.ltdidName}}
+        </se>
+        <se label="申请编号">
+            {{info?.vatappcode}}
+        </se>
+        <se label="订单数">
+            {{info?.vatinvBillNum}}笔
+        </se>
+        <se label="价税合计">
+            {{info?.vatinvHNumAmount | currency}}元
+        </se>
+        <se label="服务名称">
+            {{info?.vatnameLabel}}
+        </se>
+        <se label="销货清单">
+            {{info?.isdetail?'是':'否'}}
+        </se>
+        <se label="其他要求">
+            {{info?.otherremarks}}
+        </se>
+
+    </div>
+</div>
+
+<st #st size="small" [bordered]="true" [scroll]="{x:'800px',y: '300px' }" [data]="service.$api_ficoVatinv_Detail"
+    [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }" [page]="{ }" [loading]="false"
+    class="mt-md">
+</st>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/cancellation-invoice/push-invoice/push-invoice.component.less b/src/app/routes/ticket-management/components/cancellation-invoice/push-invoice/push-invoice.component.less
new file mode 100644
index 00000000..41a8c3bb
--- /dev/null
+++ b/src/app/routes/ticket-management/components/cancellation-invoice/push-invoice/push-invoice.component.less
@@ -0,0 +1,16 @@
+:host::ng-deep {
+
+    .statistics-box {
+        .ant-form-item {
+            margin-bottom: 0;
+
+            .ant-form-item-control-input-content {
+                color: #f5222d;
+            }
+        }
+    }
+
+    .text-truncate {
+        white-space: normal;
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/cancellation-invoice/push-invoice/push-invoice.component.ts b/src/app/routes/ticket-management/components/cancellation-invoice/push-invoice/push-invoice.component.ts
new file mode 100644
index 00000000..dec8b28f
--- /dev/null
+++ b/src/app/routes/ticket-management/components/cancellation-invoice/push-invoice/push-invoice.component.ts
@@ -0,0 +1,62 @@
+import { CurrencyPipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STRequestOptions } from '@delon/abc/st';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { TicketService } from '../../../services/ticket.service';
+
+@Component({
+  selector: 'app-push-invoice',
+  templateUrl: './push-invoice.component.html',
+  styleUrls: ['./push-invoice.component.less'],
+  providers: [CurrencyPipe]
+})
+export class PushInvoiceComponent implements OnInit {
+  @ViewChild('st', { static: false })
+  st!: STComponent;
+  columns!: STColumn[];
+
+  info: any = {};
+  id!: number;
+
+  constructor(public service: TicketService, private nzModalService: NzModalService, private currencyPipe: CurrencyPipe) {}
+
+  ngOnInit(): void {
+    this.loadHeader(this.id);
+    setTimeout(() => {
+      this.columns = this.initST();
+    }, 100);
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, { vatinvHId: this.id });
+    return requestOptions;
+  };
+
+  loadHeader(id: number) {
+    this.service.request(this.service.$api_ficoVatinv_header, { id }).subscribe(res => {
+      console.log(res);
+
+      if (res) {
+        this.info = res;
+      }
+    });
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '服务名称', index: 'vatname', width: 100 },
+      { title: '规格型号', index: 'vatmodel', width: 150 },
+      { title: '单位', index: 'vatunit', width: 90, className: 'text-center' },
+      { title: '数量', index: 'vatqty', width: 90, className: 'text-right' },
+      { title: '金额', index: 'vatnotax', width: 90, type: 'currency', format: item => `${this.currencyPipe.transform(item.vatnotax)}` },
+      {
+        title: '税率',
+        index: 'vatrate',
+        width: 90,
+        className: 'text-right',
+        format: item => `${item.vatrate ? ((item.vatrate as number) * 100).toFixed(2) : 0}%`
+      },
+      { title: '税额', index: 'vattax', width: 90, type: 'currency', format: item => `${this.currencyPipe.transform(item.vattax)}` }
+    ];
+  }
+}
diff --git a/src/app/routes/ticket-management/components/etc-blacklist/add-cart/add-cart.component.html b/src/app/routes/ticket-management/components/etc-blacklist/add-cart/add-cart.component.html
new file mode 100644
index 00000000..c2cae6ac
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-blacklist/add-cart/add-cart.component.html
@@ -0,0 +1,15 @@
+<div nz-row nzGutter="8">
+    <div nz-col nzSpan="19">
+        <sf #sf [schema]="searchSchema" [ui]="{ '*': {grid: { span: 12 } }}" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="5" class="text-right mb-md">
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+        <button nz-button (click)="resetSF()">重置</button>
+    </div>
+
+    <st #st [data]="service.$api_get_etc_cart_list" [columns]="columns" bordered size="small"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+        [res]="{ reName: { list: 'data.records', total: 'data.total' }, process: afterRes }"
+        [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100] }" [loading]="false"
+        [scroll]="{ x:'650px',y: '400px' }" (change)="stChange($event)"></st>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/etc-blacklist/add-cart/add-cart.component.ts b/src/app/routes/ticket-management/components/etc-blacklist/add-cart/add-cart.component.ts
new file mode 100644
index 00000000..2910a0ab
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-blacklist/add-cart/add-cart.component.ts
@@ -0,0 +1,74 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { TicketService } from '../../../services/ticket.service';
+
+@Component({
+  selector: 'app-add-cart',
+  templateUrl: './add-cart.component.html'
+})
+export class AddCartComponent implements OnInit {
+  data = [];
+  selectedData: any[] = [];
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = [
+    { title: '', index: 'key', type: 'checkbox' },
+    { title: '车牌号', index: 'carNo' },
+    { title: '车辆所有人', index: 'carOwner' }
+  ];
+  searchSchema: SFSchema = {
+    properties: {
+      carNo: {
+        title: '',
+        type: 'string',
+        ui: {
+          placeholder: '请输入车牌号'
+        }
+      },
+      carOwner: {
+        title: '',
+        type: 'string',
+        ui: {
+          placeholder: '请输入车辆所有人'
+        }
+      }
+    }
+  };
+
+  constructor(public service: TicketService, private nzModalService: NzModalService, private router: Router) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+    }
+    return requestOptions;
+  };
+
+  afterRes = (data: any[], rawData?: any) => {
+    return data.map(item => ({ ...item, disabled: item.isWhiteList }));
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedData = e.checkbox!;
+        break;
+    }
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+}
diff --git a/src/app/routes/ticket-management/components/etc-blacklist/add-owner/add-owner.component.html b/src/app/routes/ticket-management/components/etc-blacklist/add-owner/add-owner.component.html
new file mode 100644
index 00000000..c1bc3d77
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-blacklist/add-owner/add-owner.component.html
@@ -0,0 +1,15 @@
+<div nz-row nzGutter="8">
+    <div nz-col nzSpan="19">
+        <sf #sf [schema]="searchSchema" [ui]="{ '*': {grid: { span: 8 } }}" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="5" class="text-right mb-md">
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+        <button nz-button (click)="resetSF()">重置</button>
+    </div>
+</div>
+
+<st #st [data]="service.$api_get_etc_list" [columns]="columns" bordered size="small"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100] }" [loading]="false"
+    [scroll]="{ x:'810px',y: '400px' }" (change)="stChange($event)"></st>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/etc-blacklist/add-owner/add-owner.component.ts b/src/app/routes/ticket-management/components/etc-blacklist/add-owner/add-owner.component.ts
new file mode 100644
index 00000000..02136e3a
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-blacklist/add-owner/add-owner.component.ts
@@ -0,0 +1,86 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema } from '@delon/form';
+import { TicketService } from '../../../services/ticket.service';
+
+@Component({
+  selector: 'app-add-owner',
+  templateUrl: './add-owner.component.html'
+})
+export class AddOwnerComponent implements OnInit {
+  data = [];
+  selectedData: any[] = [];
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = [
+    { title: '', index: 'key', type: 'checkbox' },
+    { title: '企业名称', index: 'enterpriseName' },
+    { title: '联系人姓名', index: 'contacter' },
+    { title: '联系人手机号', index: 'mobile' },
+    {
+      title: '认证状态',
+      index: 'approvalStatus',
+      type: 'enum',
+      enum: { 1: '未上传', 0: '草稿', 10: '待审核', 20: '已审核', 30: '已驳回', 40: '证件过期' }
+    }
+  ];
+  searchSchema: SFSchema = {
+    properties: {
+      enterpriseName: {
+        title: '',
+        type: 'string',
+        ui: {
+          placeholder: '请输入企业名称'
+        }
+      },
+      contactName: {
+        title: '',
+        type: 'string',
+        ui: {
+          placeholder: '请输入姓名'
+        }
+      },
+      mobile: {
+        title: '',
+        type: 'string',
+        ui: {
+          placeholder: '请输入手机号'
+        }
+      }
+    }
+  };
+
+  constructor(public service: TicketService) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, {
+      listSource: 2,
+      approvalStatus: '20'
+    });
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+    }
+    return requestOptions;
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedData = e.checkbox!;
+        break;
+    }
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+}
diff --git a/src/app/routes/ticket-management/components/etc-blacklist/etc-blacklist.component.html b/src/app/routes/ticket-management/components/etc-blacklist/etc-blacklist.component.html
new file mode 100644
index 00000000..007c85c4
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-blacklist/etc-blacklist.component.html
@@ -0,0 +1,36 @@
+<page-header-wrapper [title]="'ETC白名单'" [content]="content">
+    <ng-template #content>
+        <nz-tabset class="tabs-wrap">
+            <nz-tab *ngFor="let tab of tabs" [nzTitle]="tab.name" (nzSelect)="changeTab(tab)"> </nz-tab>
+        </nz-tabset>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card class="search-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 110,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="6" [nzLg]="24" [nzMd]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button> 导出</button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card>
+    <div class="d-flex align-items-center mb-md">
+        <button nz-button (click)="configAction()">添加</button>
+        <button nz-button (click)="deleteAction()">删除</button>
+        <div class="ml-md">
+            已选择
+            <strong class="text-primary">{{ selectedRows.length }}</strong> 条数据
+            <a *ngIf="selectedRows.length > 0" (click)="st.clearCheck()" class="ml-lg">清空</a>
+        </div>
+    </div>
+    <st #st [data]="tabType===1?service.$api_get_etc_shipper_list:service.$api_get_etc_cart_page" [columns]="columns"
+        [page]="{}" [req]="{ process: beforeReq }" [loading]="false" (change)="stChange($event)"></st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/etc-blacklist/etc-blacklist.component.less b/src/app/routes/ticket-management/components/etc-blacklist/etc-blacklist.component.less
new file mode 100644
index 00000000..20e631b8
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-blacklist/etc-blacklist.component.less
@@ -0,0 +1,10 @@
+:host::ng-deep {
+
+    .tabs-wrap>.ant-tabs-nav {
+        margin-bottom: 0;
+    }
+
+    h1 {
+        margin: 0;
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/etc-blacklist/etc-blacklist.component.ts b/src/app/routes/ticket-management/components/etc-blacklist/etc-blacklist.component.ts
new file mode 100644
index 00000000..ed60003b
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-blacklist/etc-blacklist.component.ts
@@ -0,0 +1,297 @@
+import { ChangeDetectionStrategy, Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { SystemService } from 'src/app/routes/sys-setting/services/system.service';
+import { TicketService } from '../../services/ticket.service';
+import { AddCartComponent } from './add-cart/add-cart.component';
+import { AddOwnerComponent } from './add-owner/add-owner.component';
+
+@Component({
+  selector: 'app-etc-blacklist',
+  templateUrl: './etc-blacklist.component.html',
+  styleUrls: ['../../../commom/less/box.less', './etc-blacklist.component.less'],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class ETCBlacklistComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  tabs = [
+    {
+      name: '货主',
+      type: 1,
+      isActived: false
+    },
+    {
+      name: '车辆',
+      type: 2,
+      isActived: false
+    }
+  ];
+  tabType = 1;
+
+  searchSchema: SFSchema = this.initSF();
+
+  columns: STColumn[] = this.initST();
+
+  selectedRows: any[] = [];
+
+  constructor(public service: TicketService, private nzModalService: NzModalService) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+    }
+    return requestOptions;
+  };
+
+  // 切换Tab
+  changeTab(item: any) {
+    this.tabType = item.type;
+    this.sf?.setValue('/tabType', item.type);
+    this.sf?.reset();
+    this.selectedRows = [];
+    setTimeout(() => {
+      this.tabs.forEach(i => (i.isActived = false));
+      item.isActived = !item.isActived;
+      // this.st.load(1);
+      this.st.resetColumns();
+    }, 500);
+  }
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+    }
+  }
+
+  configAction(item?: any) {
+    if (this.tabType === 1) {
+      this.addOwnerAction(item);
+    } else {
+      this.addCartAction(item);
+    }
+  }
+
+  addOwnerAction(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '选择货主',
+      nzContent: AddOwnerComponent,
+      nzWidth: 850,
+      nzComponentParams: { data: [] },
+      nzOnOk: com => {
+        if (com.selectedData?.length <= 0) {
+          this.service.msgSrv.warning('请选择货主');
+          return false;
+        }
+        const ids = com.selectedData.map(node => node.id);
+        this.service.request(this.service.$api_save_etc_shipper, { shipperAppUserIdList: ids }).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('添加成功');
+            modal.destroy();
+            this.st.load(1);
+          }
+        });
+        return false;
+      }
+    });
+    modal.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load();
+      }
+    });
+  }
+
+  addCartAction(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '选择车辆',
+      nzContent: AddCartComponent,
+      nzWidth: 700,
+      nzComponentParams: { data: [] },
+      nzOnOk: com => {
+        if (com.selectedData?.length <= 0) {
+          this.service.msgSrv.warning('请选择车辆');
+          return false;
+        }
+        const ids = com.selectedData.map(node => node.carId);
+        this.service.request(this.service.$api_save_etc_cart, { carIds: ids }).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('添加成功');
+            modal.destroy();
+            this.st.load(1);
+          }
+        });
+        return false;
+      }
+    });
+    modal.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load();
+      }
+    });
+  }
+
+  deleteAction(item?: any) {
+    let ids: Array<string> = [];
+    if (item) {
+      ids = [item.id];
+    } else {
+      ids = this.selectedRows.map(node => node.id);
+    }
+    if (ids?.length <= 0) {
+      this.service.msgSrv.warning('请选择ETC白名单');
+      return;
+    }
+
+    const modal = this.nzModalService.warning({
+      nzTitle: this.tabType === 1 ? '确定将所选货主从ETC白名单中剔除？' : '确定将所选车辆从ETC白名单中剔除？',
+      nzClosable: false,
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        if (this.tabType === 1) {
+          this.service.request(this.service.$api_delete_etc_shipper, ids).subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success('删除成功');
+              this.st.load(1);
+              this.selectedRows = [];
+              modal.destroy();
+            }
+          });
+        } else {
+          this.service.request(this.service.$api_delete_etc_cart, ids).subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success('删除成功');
+              this.st.load(1);
+              this.selectedRows = [];
+              modal.destroy();
+            }
+          });
+        }
+        return false;
+      },
+      nzOkText: '确定'
+    });
+  }
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        tabType: {
+          type: 'number',
+          ui: {
+            hidden: true
+          }
+        },
+        shipperAppUserName: {
+          title: '企业名称',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              tabType: (value: number) => this.tabType === 1
+            }
+          }
+        },
+        contactName: {
+          title: '联系人姓名',
+          type: 'string',
+          ui: {
+            placeholder: '姓名/手机/车牌号',
+            visibleIf: {
+              tabType: (value: number) => this.tabType === 1
+            }
+          }
+        },
+        contactPhoneNumber: {
+          title: '联系人手机号',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              tabType: (value: number) => this.tabType === 1
+            }
+          }
+        },
+        params4: {
+          title: '车牌号',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              tabType: (value: number) => this.tabType === 2
+            }
+          }
+        },
+        params5: {
+          title: '司机姓名',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              tabType: (value: number) => this.tabType === 2
+            }
+          }
+        },
+        params6: {
+          title: '手机号',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              tabType: (value: number) => this.tabType === 2
+            }
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox' },
+      { title: '企业名称', index: 'shipperAppUserName', iif: () => this.tabType === 1 },
+      { title: '联系人姓名', index: 'contactName', iif: () => this.tabType === 1 },
+      { title: '联系人手机号', index: 'contactPhoneNumber', iif: () => this.tabType === 1 },
+      {
+        title: '认证状态',
+        className: 'text-center',
+        index: 'certificationStatus',
+        type: 'enum',
+        enum: { 1: '未上传', 0: '草稿', 10: '待审核', 20: '已审核', 30: '已驳回', 40: '证件过期' },
+        iif: () => this.tabType === 1
+      },
+      { title: '车牌号', index: 'carNo', iif: () => this.tabType === 2 },
+      { title: '车辆所有人', index: 'carOwner', iif: () => this.tabType === 2 },
+      { title: '创建者', index: 'createUserIdLabel' },
+      {
+        title: '创建时间',
+        index: 'createTime',
+        type: 'date'
+      },
+      {
+        title: '操作',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '删除',
+            click: item => this.deleteAction(item)
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-list/etc-invoiced-list.component.html b/src/app/routes/ticket-management/components/etc-invoiced-list/etc-invoiced-list.component.html
new file mode 100644
index 00000000..4b44ba4a
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-invoiced-list/etc-invoiced-list.component.html
@@ -0,0 +1,34 @@
+<page-header-wrapper [title]="'运单开票记录'">
+</page-header-wrapper>
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button> 导出</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+
+    <st #st [data]="service.$api_get_invoice_record_page" [columns]="columns" [req]="{  process: beforeReq }"
+        [page]="{}" [loading]="false" [scroll]="{ x:'1200px' }">
+        <ng-template st-row="call1No" let-item let-index="index" let-column="column">
+            {{item.driverName}}<br>{{item.driverTelephone}}
+        </ng-template>
+        <ng-template st-row="call12No" let-item let-index="index" let-column="column">
+            {{item.licenseCarNo}}<br>{{item.licenseBelonging}}
+        </ng-template>
+    </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-list/etc-invoiced-list.component.ts b/src/app/routes/ticket-management/components/etc-invoiced-list/etc-invoiced-list.component.ts
new file mode 100644
index 00000000..e7bf1e89
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-invoiced-list/etc-invoiced-list.component.ts
@@ -0,0 +1,187 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { TicketService } from '../../services/ticket.service';
+import { TransactionDetailsComponent } from './transaction-details/transaction-details.component';
+
+@Component({
+  selector: 'app-etc-invoiced-list',
+  templateUrl: './etc-invoiced-list.component.html',
+  styleUrls: ['../../../commom/less/box.less']
+})
+export class ETCInvoicedListComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+  constructor(public service: TicketService, private nzModalService: NzModalService, private router: Router) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+    }
+    return requestOptions;
+  };
+
+  showDetail(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '运单交易明细',
+      nzContent: TransactionDetailsComponent,
+      nzWidth: 900,
+      nzComponentParams: { data: [] },
+      nzOnOk: com => {
+        console.log(com.selectedData);
+      },
+      nzOkText: '导出'
+    });
+    modal.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load();
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        wayBillCode: {
+          type: 'string',
+          title: '运单号',
+          ui: {
+            autocomplete: 'off'
+          }
+        },
+        billCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            autocomplete: 'off'
+          }
+        },
+        billType: {
+          type: 'string',
+          title: '订单类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'refund:apply:status' },
+            placeholder: '请选择'
+          }
+        },
+        invoicingStatus: {
+          type: 'string',
+          title: '开票状态',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'etc:invoicing:status' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        shipperId: {
+          type: 'string',
+          title: '托运人',
+          enum: [{ label: '全部', value: '' }],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            },
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          },
+          default: ''
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '运单号', index: 'wayBillCode' },
+      { title: '订单号', index: 'billCode' },
+      { title: '开票状态', index: 'invoicingStatus', type: 'enum', enum: { '0': '待开票', '1': '开票中', '2': '已开票', '3': '开票失败' } },
+      { title: '订单类型', index: 'billType' },
+      { title: '装货地', index: 'loadingPlace' },
+      { title: '卸货地', index: 'dischargePlace' },
+      { title: '司机信息', render: 'call1No' },
+      { title: '车辆信息', render: 'call12No' },
+      { title: '托运人', index: 'shipperAppUserName' },
+      { title: '网络货运人', index: 'enterpriseInfoName' },
+      {
+        title: '开票金额',
+        index: 'invoicingAmount',
+        width: 100,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.invoicingAmount }) }
+      },
+      {
+        title: '开票张数',
+        index: 'invoicingNumber',
+        width: 100,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.invoicingNumber }) }
+      },
+      { title: '申请时间', index: 'orderReceivingTime', type: 'date' },
+      {
+        title: '操作',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '交易明细',
+            click: item => this.showDetail(item)
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-list/transaction-details/transaction-details.component.html b/src/app/routes/ticket-management/components/etc-invoiced-list/transaction-details/transaction-details.component.html
new file mode 100644
index 00000000..2dbe9ec4
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-invoiced-list/transaction-details/transaction-details.component.html
@@ -0,0 +1,16 @@
+<div nz-row nzGutter="8">
+    <div nz-col nzSpan="19">
+        <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90,grid: { span: 12 } }}" [compact]="true"
+            [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="5" class="text-right mb-md">
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+        <button nz-button (click)="resetSF()">重置</button>
+    </div>
+
+    <st #st [data]="url" [columns]="columns" bordered size="small"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+        [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+        [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+        [loading]="false" [scroll]="{ x:'860px',y: '400px' }"></st>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-list/transaction-details/transaction-details.component.less b/src/app/routes/ticket-management/components/etc-invoiced-list/transaction-details/transaction-details.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-list/transaction-details/transaction-details.component.ts b/src/app/routes/ticket-management/components/etc-invoiced-list/transaction-details/transaction-details.component.ts
new file mode 100644
index 00000000..9af44778
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-invoiced-list/transaction-details/transaction-details.component.ts
@@ -0,0 +1,81 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { TicketService } from '../../../services/ticket.service';
+
+@Component({
+  selector: 'app-transaction-details',
+  templateUrl: './transaction-details.component.html'
+})
+export class TransactionDetailsComponent implements OnInit {
+  data = [];
+  selectedData = [];
+  url = `/api/fcc/ficoEtcInvoiceH/list/page`;
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = [
+    { title: '交易id', index: 'id' },
+    { title: '交易流水号', index: 'tradeFlowNo' },
+    { title: '交易金额', index: 'fee' },
+    { title: '开票状态', index: 'state', type: 'enum', enum: { '0': '待开具', '1': '开具中', '2': '已开具', '3': '开票失败' } },
+    { title: '交易时间', index: 'exTime', type: 'date' }
+  ];
+  searchSchema: SFSchema = {
+    properties: {
+      state: {
+        type: 'string',
+        title: '开票状态',
+        enum: [
+          { label: '全部', value: '' },
+          { label: '待开具', value: '1' },
+          { label: '开具中', value: '2' },
+          { label: '已开具', value: '3' },
+          { label: '交易异常', value: '4' }
+        ],
+        ui: {
+          widget: 'select',
+          placeholder: '请选择'
+        },
+        default: ''
+      },
+      exTime: {
+        title: '交易时间',
+        type: 'string',
+        ui: {
+          widget: 'sl-from-to-search',
+          format: 'yyyy-MM-dd'
+        } as SFDateWidgetSchema
+      }
+    }
+  };
+
+  reqParams = {};
+
+  constructor(public service: TicketService, private nzModalService: NzModalService, private router: Router) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        exTime: {
+          start: this.sf.value.exTime?.[0] || null,
+          end: this.sf.value.exTime?.[1] || null
+        }
+      });
+    }
+    return requestOptions;
+  };
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+}
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-logs/etc-invoiced-logs.component.html b/src/app/routes/ticket-management/components/etc-invoiced-logs/etc-invoiced-logs.component.html
new file mode 100644
index 00000000..9384773b
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-invoiced-logs/etc-invoiced-logs.component.html
@@ -0,0 +1,32 @@
+<page-header-wrapper [title]="'已开发票'">
+</page-header-wrapper>
+
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 100,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button (click)="exportList()"> 导出</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+    <st #st [data]="service.$api_get_invoice_logs_page" [columns]="columns" [req]="{ process: beforeReq }" [page]="{}"
+        [loading]="false" [scroll]="{ x:'1200px' }">
+        <ng-template st-row="call3No" let-item let-index="index" let-column="column">
+            {{item.driverName}}<br>{{item.driverCellphone}}
+        </ng-template>
+    </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-logs/etc-invoiced-logs.component.ts b/src/app/routes/ticket-management/components/etc-invoiced-logs/etc-invoiced-logs.component.ts
new file mode 100644
index 00000000..e3c0a747
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-invoiced-logs/etc-invoiced-logs.component.ts
@@ -0,0 +1,217 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { TicketService } from '../../services/ticket.service';
+
+@Component({
+  selector: 'app-etc-invoiced-logs',
+  templateUrl: './etc-invoiced-logs.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class ETCInvoicedLogsComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  constructor(public service: TicketService, private nzModalService: NzModalService, private router: Router) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        exTime: {
+          start: this.sf.value.exTime?.[0] || '',
+          end: this.sf.value.exTime?.[1] || ''
+        },
+        invoiceMakeTime: {
+          start: this.sf.value.invoiceMakeTime?.[0] || '',
+          end: this.sf.value.invoiceMakeTime?.[1] || ''
+        }
+      });
+    }
+    return requestOptions;
+  };
+
+  routeTo(item: any) {
+    return;
+    this.router.navigate(['/ticket/invoice-requested-detail/1']);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  exportList() {
+    const params = { listSource: 1, pageSize: -1 };
+    if (this.sf) {
+      Object.assign(params, {
+        ...this.sf.value
+      });
+    }
+    this.service.downloadFile(this.service.$api_export_invoice_logs_page, params);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        invoiceNum: {
+          type: 'string',
+          title: '发票号码',
+          ui: {
+            placeholder: '请输入',
+            autocomplete: 'off'
+          }
+        },
+        billCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        waybillCode: {
+          type: 'string',
+          title: '运单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        carNo: {
+          type: 'string',
+          title: '车牌号',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        exTime: {
+          title: '交易时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        invoiceMakeTime: {
+          title: '开票日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        sellerName: {
+          type: 'string',
+          title: '销售方',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            },
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          },
+          default: ''
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '发票号码', index: 'invoiceNum', width: 100, type: 'link', click: item => this.routeTo(item) },
+      { title: '发票代码', index: 'invoiceCode', width: 130 },
+      { title: '订单号', index: 'billCode', width: 140 },
+      { title: '运单号', index: 'waybillCode', width: 140 },
+      { title: '入站口', index: 'enStationName', width: 100 },
+      { title: '出站口', index: 'exStationName', width: 100 },
+      { title: '司机', render: 'call3No', width: 140 },
+      { title: '车牌号', index: 'carNo', width: 100 },
+      { title: '里程（km）', index: 'mileage', width: 120 },
+      { title: '交易id', index: 'tradeId', width: 200 },
+      {
+        title: '交易金额（元）',
+        index: 'fee',
+        width: 130,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.fee }) }
+      },
+      { title: '税率', index: 'taxRate', width: 90, format: item => `${item.taxRate ? ((item.taxRate as number) * 100).toFixed(2) : 0}%` },
+      {
+        title: '金额（元）',
+        index: 'invoiceAmount',
+        width: 120,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.invoiceAmount }) }
+      },
+      {
+        title: '税额（元）',
+        index: 'totalTaxAmount',
+        width: 120,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.totalTaxAmount }) }
+      },
+      {
+        title: '价税合计（元）',
+        index: 'totalAmount',
+        width: 130,
+        type: 'widget',
+        className: 'text-right font-weight-bold',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.totalAmount }) }
+      },
+      { title: '交易时间', index: 'exTime', type: 'date', width: 150 },
+      { title: '开票日期', index: 'invoiceMakeTime', type: 'date', width: 150 },
+      { title: '销售方', index: 'sellerName', width: 90 },
+      { title: '网络货运人', index: 'enterpriseInfoName', width: 120 }
+    ];
+  }
+}
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-requested/etc-invoiced-requested.component.html b/src/app/routes/ticket-management/components/etc-invoiced-requested/etc-invoiced-requested.component.html
new file mode 100644
index 00000000..774444c3
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-invoiced-requested/etc-invoiced-requested.component.html
@@ -0,0 +1,44 @@
+<page-header-wrapper [title]="'申请记录'">
+</page-header-wrapper>
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button> 导出</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+
+    <div class="d-flex align-items-center mb-md mt-md">
+        <button nz-button (click)="this.auditAction()">申请开票</button>
+        <div class="ml-md">
+            已选择
+            <strong class="text-primary">{{ selectedRows.length }}</strong> 条运单
+            <a *ngIf="selectedRows.length > 0" (click)="st.clearCheck()" class="ml-lg">清空</a>
+        </div>
+    </div>
+
+    <st #st [data]="service.$api_get_apply_invoice_page" [columns]="columns" [req]="{ process: beforeReq }" [page]="{}"
+        [loading]="false" [scroll]="{ x:'1200px' }" (change)="stChange($event)">
+        <ng-template st-row="call1No" let-item let-index="index" let-column="column">
+            {{item.driverName}}<br>{{item.driverTelephone}}
+        </ng-template>
+        <ng-template st-row="call1N2o" let-item let-index="index" let-column="column">
+            {{item.licenseCarNo}}<br> {{item.licenseBelonging}}
+        </ng-template>
+    </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/etc-invoiced-requested/etc-invoiced-requested.component.ts b/src/app/routes/ticket-management/components/etc-invoiced-requested/etc-invoiced-requested.component.ts
new file mode 100644
index 00000000..989fd892
--- /dev/null
+++ b/src/app/routes/ticket-management/components/etc-invoiced-requested/etc-invoiced-requested.component.ts
@@ -0,0 +1,230 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { TicketService } from '../../services/ticket.service';
+
+@Component({
+  selector: 'app-etc-invoiced-requested',
+  templateUrl: './etc-invoiced-requested.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class ETCInvoicedRequestedComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('auditModal', { static: false })
+  auditModal!: any;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  selectedRows: any[] = [];
+  constructor(public service: TicketService, private nzModalService: NzModalService, private router: Router) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+    }
+    return requestOptions;
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+    }
+  }
+
+  auditAction() {
+    if (this.selectedRows?.length <= 0) {
+      this.service.msgSrv.warning('请选择申请记录');
+      return;
+    }
+    const modal = this.nzModalService.warning({
+      nzTitle: '确定对已选运单批量申请开票？',
+      nzOnOk: () => {
+        this.service
+          .request(this.service.$api_get_apply_invoice, { wayBillIds: this.selectedRows.map(item => item.id) }, 'POST', false)
+          .subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success('申请开票成功');
+              modal.destroy();
+              this.st.load(1);
+            }
+          });
+
+        return false;
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        wayBillCode: {
+          type: 'string',
+          title: '运单号',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请输入'
+          }
+        },
+        billCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请输入'
+          }
+        },
+        billType: {
+          type: 'string',
+          title: '订单类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'bill:type' },
+            placeholder: '请选择'
+          }
+        },
+        driverName: {
+          type: 'string',
+          title: '司机姓名',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        driverPhone: {
+          type: 'string',
+          title: '司机手机',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        licenseCarNo: {
+          type: 'string',
+          title: '车牌号',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        licenseBelonging: {
+          type: 'string',
+          title: '车辆所有人',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        dischargePlace: {
+          type: 'string',
+          title: '卸货地',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        loadingPlace: {
+          type: 'string',
+          title: '装货地',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        shipperId: {
+          type: 'string',
+          title: '托运人',
+          enum: [{ label: '全部', value: '全部' }],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            },
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          },
+          default: ''
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox' },
+      { title: '运单号', index: 'wayBillCode' },
+      { title: '订单号', index: 'billCode' },
+      { title: '订单类型', index: 'billType' },
+      { title: '装货地', index: 'loadingPlace' },
+      { title: '卸货地', index: 'dischargePlace' },
+      { title: '司机信息', render: 'call1No' },
+      { title: '车辆信息', render: 'call1N2o' },
+      { title: '托运人', index: 'shipperAppUserName' },
+      { title: '网络货运人', index: 'enterpriseInfoName' },
+      { title: '接单时间', index: 'orderReceivingTime', type: 'date' },
+      { title: '装货时间', index: 'shipperAppUserName', type: 'date' },
+      { title: '卸货时间', index: 'unloadingTime', type: 'date' },
+      { title: '签收时间', index: 'submissionTime', type: 'date' }
+    ];
+  }
+}
diff --git a/src/app/routes/ticket-management/components/express-info/express-detail-modal/express-detail-modal.component.html b/src/app/routes/ticket-management/components/express-info/express-detail-modal/express-detail-modal.component.html
new file mode 100644
index 00000000..5d9aec99
--- /dev/null
+++ b/src/app/routes/ticket-management/components/express-info/express-detail-modal/express-detail-modal.component.html
@@ -0,0 +1,16 @@
+<div nz-row nzGutter="8">
+    <div nz-col nzSpan="20">
+        <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 0,grid: { span: 8 } }}" [compact]="true"
+            [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="4" class="text-right mb-md">
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+        <button nz-button (click)="resetSF()">重置</button>
+    </div>
+
+</div>
+<st #st [data]="url" [columns]="columns" bordered size="small"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="false" [scroll]="{ y: '400px' }"></st>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/express-info/express-detail-modal/express-detail-modal.component.less b/src/app/routes/ticket-management/components/express-info/express-detail-modal/express-detail-modal.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/ticket-management/components/express-info/express-detail-modal/express-detail-modal.component.ts b/src/app/routes/ticket-management/components/express-info/express-detail-modal/express-detail-modal.component.ts
new file mode 100644
index 00000000..22e0f733
--- /dev/null
+++ b/src/app/routes/ticket-management/components/express-info/express-detail-modal/express-detail-modal.component.ts
@@ -0,0 +1,113 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { TicketService } from '../../../services/ticket.service';
+
+@Component({
+  selector: 'app-express-detail-modal',
+  templateUrl: './express-detail-modal.component.html',
+  styleUrls: ['./express-detail-modal.component.less']
+})
+export class ExpressDetailModalComponent implements OnInit {
+  data = [];
+  selectedData = [];
+  url = `/api/fcc/ficoExpressH/getFicoVatinvHByExpress`;
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = [
+    { title: '发票号码', index: 'invoiceno', width: 160, className: 'text-left' },
+    { title: '发票代码', index: 'invoiceno2', width: 160, className: 'text-left' },
+    { title: '申请编号', index: 'vatinvcode', width: 160, className: 'text-left' },
+    { title: '网络货运人', index: 'ltdName', width: 120, className: 'text-left' },
+    { title: '购买人', index: 'artoname', width: 120, className: 'text-left' },
+    {
+      title: '价税合计',
+      index: 'vatmoney',
+      width: 120,
+      type: 'widget',
+      className: 'text-right font-weight-bold',
+      widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.vatnotax }) }
+    },
+    {
+      title: '金额',
+      index: 'vatmoney',
+      width: 90,
+      type: 'widget',
+      className: 'text-right',
+      widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.vatmoney }) }
+    },
+    {
+      title: '税率',
+      index: 'tax',
+      width: 90,
+      className: 'text-right',
+      format: item => `${item.tax ? ((item.tax as number) * 100).toFixed(2) : 0}%`
+    },
+    {
+      title: '税额',
+      index: 'vattax',
+      width: 90,
+      type: 'widget',
+      className: 'text-right',
+      widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.vattax }) }
+    },
+    { title: '开票日期', index: 'invoicedate', type: 'date', width: 150, className: 'text-center' }
+  ];
+  searchSchema: SFSchema = {
+    properties: {
+      invoiceno: {
+        title: '',
+        type: 'string',
+        ui: {
+          placeholder: '发票号码'
+        }
+      },
+      expressno: {
+        title: '',
+        type: 'string',
+        ui: {
+          placeholder: '申请编号'
+        }
+      },
+      createTime: {
+        title: '',
+        type: 'string',
+        ui: {
+          widget: 'sl-from-to-search',
+          format: 'yyyy-MM-dd'
+        } as SFDateWidgetSchema
+      }
+    }
+  };
+
+  expressCode!: any;
+
+  constructor(public service: TicketService, private nzModalService: NzModalService, private router: Router) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, { expressno: this.expressCode });
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        createTime: {
+          start: this.sf.value.createTime?.[0] || null,
+          end: this.sf.value.createTime?.[1] || null
+        }
+      });
+    }
+    return requestOptions;
+  };
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+}
diff --git a/src/app/routes/ticket-management/components/express-info/express-info.component.html b/src/app/routes/ticket-management/components/express-info/express-info.component.html
new file mode 100644
index 00000000..e19f3d85
--- /dev/null
+++ b/src/app/routes/ticket-management/components/express-info/express-info.component.html
@@ -0,0 +1,24 @@
+<page-header-wrapper title="快递信息">
+</page-header-wrapper>
+
+<nz-card class="search-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzSpan]="18">
+            <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90,grid: { span: 12 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzSpan]="6" class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box">
+
+    <div class="mt-md mb-sm">
+        <button nz-button nzType="primary" (click)="printOrder()">打印面单</button>
+    </div>
+    <st #st [data]="url" [columns]="columns" [req]="{  process:beforeReq }" [loading]="false" [page]="{}" [scroll]="{x:'1200px'}"
+        (change)="stChange($event)"></st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/express-info/express-info.component.less b/src/app/routes/ticket-management/components/express-info/express-info.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/ticket-management/components/express-info/express-info.component.ts b/src/app/routes/ticket-management/components/express-info/express-info.component.ts
new file mode 100644
index 00000000..6277ed0a
--- /dev/null
+++ b/src/app/routes/ticket-management/components/express-info/express-info.component.ts
@@ -0,0 +1,160 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { TicketService } from '../../services/ticket.service';
+import { ExpressDetailModalComponent } from './express-detail-modal/express-detail-modal.component';
+
+@Component({
+  selector: 'app-express-info',
+  templateUrl: './express-info.component.html',
+  styleUrls: ['../../../commom/less/box.less']
+})
+export class ExpressInfoComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+
+  url = `/api/fcc/ficoExpressH/getListPage`;
+
+  searchSchema: SFSchema = {
+    properties: {
+      expressCode: {
+        title: '快递单号',
+        type: 'string',
+        ui: {
+          placeholder: '请输入'
+        }
+      },
+      createTime: {
+        title: '创建时间',
+        type: 'string',
+        ui: {
+          widget: 'sl-from-to-search',
+          format: 'yyyy-MM-dd'
+        } as SFDateWidgetSchema
+      }
+    }
+  };
+
+  columns: STColumn[] = [
+    { title: '', index: 'key', type: 'checkbox', width: 50 },
+    { title: '快递单号', index: 'expressCode', width: 170 },
+    { title: '快递公司', index: 'expresscompany', width: 120 },
+    { title: '快递费用', index: 'description', width: 120 },
+    {
+      title: '发票数量',
+      index: 'quantity',
+      width: 120,
+      type: 'link',
+      click: (record: any) => this.showDetail(record.expressCode),
+      className: 'text-right'
+    },
+    { title: '寄件人姓名', index: 'sname', width: 150 },
+    { title: '寄件人电话', index: 'stel', width: 150 },
+    {
+      title: '寄件人地址',
+      index: 'saddress',
+      width: 150,
+      format: item => `${item.sprovince}${item.scity}${item.scounty || ''}${item.saddress}`
+    },
+    { title: '收件人姓名', index: 'rname', width: 150 },
+    { title: '收件人电话', index: 'rtel', width: 150 },
+    {
+      title: '收件人地址',
+      index: 'raddress',
+      width: 150,
+      format: item => `${item.rprovince}${item.rcity}${item.rcounty || ''}${item.raddress}`
+    },
+    {
+      title: '下单时间',
+      index: 'createTime',
+      type: 'date',
+      width: 180
+    }
+  ];
+
+  selectedRows: any[] = [];
+
+  reqParams = { pageIndex: 1, pageSize: 10 };
+
+  constructor(public service: TicketService, private nzModalService: NzModalService) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        createtime: {
+          start: this.sf.value.createtime?.[0] || null,
+          end: this.sf.value.createtime?.[1] || null
+        }
+      });
+    }
+    return requestOptions;
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+      case 'filter':
+        this.st.load();
+        break;
+    }
+  }
+
+  showDetail(expressCode: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '发票明细',
+      nzContent: ExpressDetailModalComponent,
+      nzNoAnimation: true,
+      nzWidth: 1100,
+      nzComponentParams: { expressCode },
+      nzOnOk: com => {
+        console.log(com.selectedData);
+      },
+      nzOkText: '导出'
+    });
+    modal.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load();
+      }
+    });
+  }
+
+  printOrder() {
+    if (this.selectedRows?.length <= 0) {
+      this.service.msgSrv.warning('请选择快递单');
+      return;
+    }
+    this.nzModalService.warning({
+      nzTitle: '确认打印面单所选快递单？',
+      nzClosable: false,
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        this.service
+          .request(
+            this.service.$api_get_print_pdf,
+            this.selectedRows.map(item => item.expressCode)
+          )
+          .subscribe(res => {
+            if (res?.pdfUrl) {
+              this.service.reviewPDF(res.pdfUrl);
+            } else {
+              this.service.msgSrv.warning('下载失败');
+            }
+          });
+      }
+    });
+  }
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+}
diff --git a/src/app/routes/ticket-management/components/input-invoice/add-collection-invoice-modal/add-collection-invoice-modal.component.html b/src/app/routes/ticket-management/components/input-invoice/add-collection-invoice-modal/add-collection-invoice-modal.component.html
new file mode 100644
index 00000000..d5bac178
--- /dev/null
+++ b/src/app/routes/ticket-management/components/input-invoice/add-collection-invoice-modal/add-collection-invoice-modal.component.html
@@ -0,0 +1,7 @@
+<div>
+    <sf #sf [ui]="{ '*': { spanLabelFixed: 120, grid: { span: 22 } } }" [schema]="schema" [button]="'none'"></sf>
+</div>
+<div class="modal-footer">
+    <button nz-button type="button" (click)="close()">取消</button>
+    <button nz-button type="button" nzType="primary" (click)="sure()" [disabled]="!sf.valid">保存</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/demo/components/alian-demo/alian-demo.component.less b/src/app/routes/ticket-management/components/input-invoice/add-collection-invoice-modal/add-collection-invoice-modal.component.less
similarity index 65%
rename from src/app/routes/demo/components/alian-demo/alian-demo.component.less
rename to src/app/routes/ticket-management/components/input-invoice/add-collection-invoice-modal/add-collection-invoice-modal.component.less
index 73710dfa..7b4dbb78 100644
--- a/src/app/routes/demo/components/alian-demo/alian-demo.component.less
+++ b/src/app/routes/ticket-management/components/input-invoice/add-collection-invoice-modal/add-collection-invoice-modal.component.less
@@ -1,5 +1,5 @@
 :host::ng-deep {
-    nz-range-picker {
+    nz-date-picker {
         width: 100%;
     }
 }
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/input-invoice/add-collection-invoice-modal/add-collection-invoice-modal.component.ts b/src/app/routes/ticket-management/components/input-invoice/add-collection-invoice-modal/add-collection-invoice-modal.component.ts
new file mode 100644
index 00000000..422930cd
--- /dev/null
+++ b/src/app/routes/ticket-management/components/input-invoice/add-collection-invoice-modal/add-collection-invoice-modal.component.ts
@@ -0,0 +1,102 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { SystemService } from 'src/app/routes/sys-setting/services/system.service';
+import { TicketService } from '../../../services/ticket.service';
+
+@Component({
+  selector: 'app-add-collection-invoice-modal',
+  templateUrl: './add-collection-invoice-modal.component.html',
+  styleUrls: ['./add-collection-invoice-modal.component.less']
+})
+export class AddCollectionInvoiceModalComponent implements OnInit {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  i: any;
+  schema!: SFSchema;
+  constructor(private modal: NzModalRef, public msgSrv: NzMessageService, public service: TicketService) {}
+
+  ngOnInit(): void {
+    this.initSF();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          },
+          default: ''
+        },
+        ltd2Id: {
+          type: 'string',
+          title: '销售方',
+          enum: [{ label: '全部', value: '全部' }],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          },
+          default: ''
+        },
+        ltd2I1d: {
+          type: 'string',
+          title: '收票类型',
+          enum: [{ label: '全部', value: '全部' }],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          },
+          default: ''
+        },
+        createTime: {
+          title: '发票日期',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true
+          } as SFDateWidgetSchema
+        },
+        vatinvcode: {
+          type: 'string',
+          title: '发票号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        vatinvc2ode: {
+          type: 'string',
+          title: '收票备注',
+          ui: {
+            placeholder: '请输入'
+          }
+        }
+      },
+      required: ['ltdId', 'ltd2Id', 'createTime', 'ltd2I1d', 'vatinvcode']
+    };
+  }
+
+  sure() {
+    const params: any = {
+      ...this.sf.value
+    };
+    // this.service.request(this.service.$api_add_staff, params).subscribe(res => {
+    //   if (res) {
+    //     this.service.msgSrv.success('保存成功！');
+    //     this.modal.close(true);
+    //   }
+    // });
+  }
+
+  close() {
+    this.modal.destroy();
+  }
+}
diff --git a/src/app/routes/ticket-management/components/input-invoice/add-cost-detail/add-cost-detail.component.html b/src/app/routes/ticket-management/components/input-invoice/add-cost-detail/add-cost-detail.component.html
new file mode 100644
index 00000000..9963406c
--- /dev/null
+++ b/src/app/routes/ticket-management/components/input-invoice/add-cost-detail/add-cost-detail.component.html
@@ -0,0 +1,22 @@
+<div nz-row nzGutter="8">
+    <div nz-col nzSpan="24">
+        <sf #sf [schema]="searchSchema" [ui]="{ '*': {grid: { span: 12 } }}" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="24" class="text-right mb-md expend-options">
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+        <button nz-button (click)="resetSF()">重置</button>
+    </div>
+</div>
+
+<st #st [data]="service.$mock_url" [columns]="columns" bordered size="small"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100] }" [loading]="false"
+    [scroll]="{ x:'810px',y: '400px' }" (change)="stChange($event)" class="mt-sm">
+    <ng-template st-row="no" let-item let-index="index" let-column="column">
+        {{index+1}}
+    </ng-template>
+    <ng-template st-row="mo1bile" let-item let-index="index" let-column="column">
+        <input nz-input placeholder="请输入" [(ngModel)]="item.mo1bile" />
+    </ng-template>
+</st>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/input-invoice/add-cost-detail/add-cost-detail.component.less b/src/app/routes/ticket-management/components/input-invoice/add-cost-detail/add-cost-detail.component.less
new file mode 100644
index 00000000..36315a59
--- /dev/null
+++ b/src/app/routes/ticket-management/components/input-invoice/add-cost-detail/add-cost-detail.component.less
@@ -0,0 +1,6 @@
+.expend-options {
+    max-width: 400px;
+    position : absolute;
+    right    : 20px;
+    top      : 160px;
+}
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/input-invoice/add-cost-detail/add-cost-detail.component.ts b/src/app/routes/ticket-management/components/input-invoice/add-cost-detail/add-cost-detail.component.ts
new file mode 100644
index 00000000..3ca21dbf
--- /dev/null
+++ b/src/app/routes/ticket-management/components/input-invoice/add-cost-detail/add-cost-detail.component.ts
@@ -0,0 +1,111 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema } from '@delon/form';
+import { TicketService } from '../../../services/ticket.service';
+
+@Component({
+  selector: 'app-add-cost-detail',
+  templateUrl: './add-cost-detail.component.html',
+  styleUrls: ['./add-cost-detail.component.less']
+})
+export class AddCostDetailComponent implements OnInit {
+  selectedData: any[] = [];
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  constructor(public service: TicketService) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+    }
+    return requestOptions;
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedData = e.checkbox!;
+        break;
+    }
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        enterpriseName: {
+          title: '费用单号',
+          type: 'string',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        enterprise2Name: {
+          title: '订单号',
+          type: 'string',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        contactName: {
+          title: '费用日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd'
+          } as SFDateWidgetSchema
+        },
+        contac2tName: {
+          title: '订单日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd'
+          } as SFDateWidgetSchema
+        },
+        mobile: {
+          type: 'string',
+          title: '结算客户',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getCloseAccount(),
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox', width: 60 },
+      { title: '序号', render: 'no', width: 60 },
+      { title: '费用号', index: 'enterpriseName', width: 120 },
+      { title: '费用日期', index: 'contacter', width: 120 },
+      { title: '订单号', index: 'mobile', width: 120 },
+      { title: '订单日期', index: 'mobile', width: 120 },
+      { title: '结算客户', index: 'mobile', width: 120 },
+      { title: '费用科目', index: 'mobile', width: 120 },
+      { title: '费用金额', index: 'mobile', width: 120 },
+      { title: '已收金额', index: 'mobile', width: 120 },
+      { title: '未收金额', index: 'mobile', width: 120 },
+      { title: '收票金额', render: 'mo1bile', width: 150, fixed: 'right' }
+    ];
+  }
+}
diff --git a/src/app/routes/ticket-management/components/input-invoice/edit-collection-invoice/edit-collection-invoice.component.html b/src/app/routes/ticket-management/components/input-invoice/edit-collection-invoice/edit-collection-invoice.component.html
new file mode 100644
index 00000000..bf66f00c
--- /dev/null
+++ b/src/app/routes/ticket-management/components/input-invoice/edit-collection-invoice/edit-collection-invoice.component.html
@@ -0,0 +1,55 @@
+<page-header-wrapper [title]="'收票信息'" [logo]="logo">
+    <ng-template #logo>
+        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+            <i nz-icon nzType="left" nzTheme="outline"></i>
+        </button>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card class="search-box" nzBordered nzTitle="基本信息">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="24" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #infoSf [schema]="infoSchema"
+                [ui]="{ '*': { spanLabelFixed: 100,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="24" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading">保 存</button>
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading">提 交</button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="search-box" nzBordered nzTitle="费用信息">
+    <nz-card class="search-box">
+        <div nz-row nzGutter="8">
+            <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+                <sf #searchSf [schema]="searchSchema"
+                    [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                    [button]="'none'"></sf>
+            </div>
+            <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+                class="text-right">
+                <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+                <button nz-button nzType="link" (click)="expandToggle()">
+                    {{ !_$expand ? '展开' : '收起' }}
+                    <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+                </button>
+            </div>
+        </div>
+    </nz-card>
+
+    <nz-card class="content-box">
+        <div class="d-flex align-items-center mb-md mt-sm">
+            <button nz-button nzType="primary" (click)="addCostDetailAction()">添 加</button>
+            <button nz-button nzType="primary">删 除</button>
+        </div>
+
+        <st #st [data]="service.$api_get_invoice_requested_order_detail" [columns]="columns" size="small" bordered
+            [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+            [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+            [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+            [loading]="false" [scroll]="{ x:'1200px',y: '200px' }" (change)="stChange($event)">
+        </st>
+    </nz-card>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/input-invoice/edit-collection-invoice/edit-collection-invoice.component.less b/src/app/routes/ticket-management/components/input-invoice/edit-collection-invoice/edit-collection-invoice.component.less
new file mode 100644
index 00000000..7b4dbb78
--- /dev/null
+++ b/src/app/routes/ticket-management/components/input-invoice/edit-collection-invoice/edit-collection-invoice.component.less
@@ -0,0 +1,5 @@
+:host::ng-deep {
+    nz-date-picker {
+        width: 100%;
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/input-invoice/edit-collection-invoice/edit-collection-invoice.component.ts b/src/app/routes/ticket-management/components/input-invoice/edit-collection-invoice/edit-collection-invoice.component.ts
new file mode 100644
index 00000000..e91458f6
--- /dev/null
+++ b/src/app/routes/ticket-management/components/input-invoice/edit-collection-invoice/edit-collection-invoice.component.ts
@@ -0,0 +1,210 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { TicketService } from '../../../services/ticket.service';
+import { AddCostDetailComponent } from '../add-cost-detail/add-cost-detail.component';
+
+@Component({
+  selector: 'app-edit-collection-invoice',
+  templateUrl: './edit-collection-invoice.component.html',
+  styleUrls: ['./edit-collection-invoice.component.less', '../../../../commom/less/box.less', '../../../../commom/less/expend-but.less']
+})
+export class EditCollectionInvoiceComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('infoSf', { static: false })
+  infoSf!: SFComponent;
+  infoSchema: SFSchema = this.initInfoSF();
+  @ViewChild('searchSf', { static: false })
+  searchSf!: SFComponent;
+  searchSchema: SFSchema = this.initSearchSF();
+  columns: STColumn[] = this.initST();
+
+  selectedRows: any[] = [];
+  _$expand = false;
+
+  constructor(public service: TicketService, private nzModalService: NzModalService, private router: Router) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.searchSf) {
+      Object.assign(requestOptions.body, { ...this.searchSf.value });
+    }
+    return requestOptions;
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+    }
+  }
+
+  addCostDetailAction() {
+    const modal = this.nzModalService.create({
+      nzTitle: '添加核销明细',
+      nzContent: AddCostDetailComponent,
+      nzWidth: 850,
+      nzOkText: '保存',
+      nzOnOk: com => {
+        return false;
+      }
+    });
+    modal.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load();
+      }
+    });
+  }
+
+  goBack() {
+    history.go(-1);
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.searchSf?.setValue('/expand', this._$expand);
+  }
+
+  private initInfoSF(): SFSchema {
+    return {
+      properties: {
+        orderSn: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'text'
+          },
+          default: '天津怡亚通物流科技有限公司'
+        },
+        orde1rSn: {
+          type: 'string',
+          title: '销售方',
+          ui: {
+            widget: 'text'
+          },
+          default: '天津怡亚通物流科技有限公司'
+        },
+        ord0erSn1: {
+          type: 'string',
+          title: '收票类型',
+          enum: [{ label: '全部', value: '全部' }],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          },
+          default: ''
+        },
+        orderSn2: {
+          title: '发票日期',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true
+          } as SFDateWidgetSchema
+        },
+        orderS3: {
+          type: 'string',
+          title: '发票号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        orderSn4: {
+          type: 'string',
+          title: '收票备注',
+          ui: {
+            placeholder: '请输入'
+          }
+        }
+      },
+      required: ['']
+    };
+  }
+
+  private initSearchSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        orderSn: {
+          type: 'string',
+          title: '费用单号',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请输入'
+          }
+        },
+        orderS2n: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请输入'
+          }
+        },
+        cno: {
+          type: 'string',
+          title: '结算客户',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getCloseAccount(),
+          }
+        },
+        createTime: {
+          title: '费用日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        createTi2me: {
+          title: '订单日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox' },
+      { title: '序号', index: 'no', type: 'link' },
+      { title: '费用号', index: 'no' },
+      { title: '费用日期', index: 'no', type: 'date' },
+      { title: '订单号', index: 'callNo' },
+      { title: '订单日期', index: 'callNo' },
+      { title: '结算客户', render: 'call1No' },
+      { title: '费用科目', render: 'call1N2o' },
+      { title: '费用金额', index: 'callNo' },
+      { title: '收票金额', index: 'updatedAt', type: 'date' },
+      { title: '收票税额', index: 'updatedAt' }
+    ];
+  }
+}
diff --git a/src/app/routes/ticket-management/components/input-invoice/input-invoice-detail/input-invoice-detail.component.html b/src/app/routes/ticket-management/components/input-invoice/input-invoice-detail/input-invoice-detail.component.html
new file mode 100644
index 00000000..4d858c37
--- /dev/null
+++ b/src/app/routes/ticket-management/components/input-invoice/input-invoice-detail/input-invoice-detail.component.html
@@ -0,0 +1,67 @@
+<page-header-wrapper [title]="'收票信息'" [logo]="logo">
+    <ng-template #logo>
+        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+            <i nz-icon nzType="left" nzTheme="outline"></i>
+        </button>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card class="statistics-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="150" col="1">
+            <se label="网络货运人" required>
+                {{headerInfo?.ltdid}}
+            </se>
+            <se label="发票日期" required>
+                {{headerInfo?.invdate}}
+            </se>
+        </div>
+        <div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="100" col="1">
+            <se label="销售方" required>
+                {{headerInfo?.hrtoName}}
+            </se>
+            <se label="发票号" required>
+                {{headerInfo?.invoiceno}}
+            </se>
+        </div>
+        <div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="100" col="1">
+            <se label="收票类型" required>
+                {{headerInfo?.invtype}}
+            </se>
+            <se label="收票备注">
+                {{headerInfo?.remarks}}
+            </se>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+    <st #st [data]="service.$api_get_input_invoice_detail_page" [columns]="columns" size="small"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+        [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+        [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+        [loading]="false" [scroll]="{ x:'1200px',y: '200px' }">
+        <ng-template st-row="billHCode" let-item let-index="index" let-column="column">
+            {{index+1}}
+        </ng-template>
+    </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/input-invoice/input-invoice-detail/input-invoice-detail.component.less b/src/app/routes/ticket-management/components/input-invoice/input-invoice-detail/input-invoice-detail.component.less
new file mode 100644
index 00000000..aebf12ee
--- /dev/null
+++ b/src/app/routes/ticket-management/components/input-invoice/input-invoice-detail/input-invoice-detail.component.less
@@ -0,0 +1,13 @@
+:host::ng-deep {
+
+    .statistics-box {
+        .ant-form-item {
+            margin-bottom: 0;
+
+            .ant-form-item-control-input-content {
+                color: #f5222d;
+            }
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/input-invoice/input-invoice-detail/input-invoice-detail.component.ts b/src/app/routes/ticket-management/components/input-invoice/input-invoice-detail/input-invoice-detail.component.ts
new file mode 100644
index 00000000..384fa720
--- /dev/null
+++ b/src/app/routes/ticket-management/components/input-invoice/input-invoice-detail/input-invoice-detail.component.ts
@@ -0,0 +1,151 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { TicketService } from '../../../services/ticket.service';
+import { RequestedDetailComponent } from '../../invoice-requested/requested-detail/requested-detail.component';
+
+@Component({
+  selector: 'app-input-invoice-detail',
+  templateUrl: './input-invoice-detail.component.html',
+  styleUrls: ['./input-invoice-detail.component.less', '../../../../commom/less/expend-but.less', '../../../../commom/less/box.less']
+})
+export class InputInvoiceDetailComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  id = null;
+  headerInfo: any = {};
+  constructor(public service: TicketService, private route: ActivatedRoute) {
+    this.id = route.snapshot.params.id;
+    this.loadHeadInfo();
+  }
+
+  ngOnInit(): void {}
+
+  loadHeadInfo() {
+    this.service.request(this.service.$api_get_input_invoice_header, { id: this.id }).subscribe(res => {
+      console.log(res);
+      if (res) {
+        this.headerInfo = res;
+      }
+    });
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        billTime: {
+          start: this.sf.value.billTime?.[0] || null,
+          end: this.sf.value.billTime?.[1] || null
+        },
+        feedate: {
+          start: this.sf.value.feedate?.[0] || null,
+          end: this.sf.value.feedate?.[1] || null
+        }
+      });
+    }
+    return requestOptions;
+  };
+
+  goBack() {
+    history.go(-1);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        feecode: {
+          type: 'string',
+          title: '费用单',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        billHCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        cno: {
+          type: 'string',
+          title: '结算客户',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getCloseAccount(),
+          },
+          default: ''
+        },
+        feedate: {
+          title: '费用日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        billTime: {
+          title: '订单日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '序号', render: 'billHCode', width: 80 },
+      { title: '费用号', index: 'feecode', width: 100 },
+      { title: '费用日期', index: 'feedate', type: 'date', width: 150 },
+      { title: '订单号', index: 'billHCode', width: 100 },
+      { title: '订单日期', index: 'billTime', width: 150 },
+      { title: '结算客户', index: 'cnoName', width: 90 },
+      { title: '费用科目', index: 'feesubname', width: 100 },
+      { title: '收票金额', index: 'invmoney', width: 140 },
+      { title: '收票税额', index: 'invtax', width: 100 }
+    ];
+  }
+}
diff --git a/src/app/routes/ticket-management/components/input-invoice/input-invoice.component.html b/src/app/routes/ticket-management/components/input-invoice/input-invoice.component.html
new file mode 100644
index 00000000..3c1b49fd
--- /dev/null
+++ b/src/app/routes/ticket-management/components/input-invoice/input-invoice.component.html
@@ -0,0 +1,38 @@
+<page-header-wrapper [title]="'进项发票'">
+</page-header-wrapper>
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 100,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right"
+            [class.expend-options]="_$expand">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <button nz-button> 导出</button>
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+
+    <div class="d-flex align-items-center mb-md mt-md">
+        <button nz-button (click)="this.addInvoice()" nzType="primary">添加发票</button>
+        <div class="ml-md">
+            已选择
+            <strong class="text-primary">{{ selectedRows.length }}</strong> 张发票
+            <a *ngIf="selectedRows.length > 0" (click)="st.clearCheck()" class="ml-lg">清空</a>
+        </div>
+    </div>
+
+    <st #st [data]="service.$api_get_input_invoice_page" [columns]="columns" [req]="{  process: beforeReq }" [page]="{}"
+        [loading]="false" [scroll]="{ x:'1200px' }" (change)="stChange($event)">
+    </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/input-invoice/input-invoice.component.ts b/src/app/routes/ticket-management/components/input-invoice/input-invoice.component.ts
new file mode 100644
index 00000000..d45bd8eb
--- /dev/null
+++ b/src/app/routes/ticket-management/components/input-invoice/input-invoice.component.ts
@@ -0,0 +1,262 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STRequestOptions, STChange } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { TicketService } from '../../services/ticket.service';
+import { AddCollectionInvoiceModalComponent } from './add-collection-invoice-modal/add-collection-invoice-modal.component';
+
+@Component({
+  selector: 'app-input-invoice',
+  templateUrl: './input-invoice.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class InputInvoiceComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('auditModal', { static: false })
+  auditModal!: any;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  selectedRows: any[] = [];
+  constructor(public service: TicketService, private nzModalService: NzModalService, private router: Router) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        createtime: {
+          start: this.sf.value.createtime?.[0] || '',
+          end: this.sf.value.createtime?.[1] || ''
+        },
+        invdate: {
+          start: this.sf.value.invdate?.[0] || '',
+          end: this.sf.value.invdate?.[1] || ''
+        }
+      });
+    }
+    return requestOptions;
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+    }
+  }
+
+  addInvoice() {
+    if (this.selectedRows?.length <= 0) {
+      this.service.msgSrv.warning('请选择申请记录');
+      return;
+    }
+    const modal = this.nzModalService.create({
+      nzTitle: '收票信息',
+      nzContent: AddCollectionInvoiceModalComponent,
+      nzComponentParams: { i: { userId: 0 } },
+      nzFooter: null
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        inpinvcode: {
+          type: 'string',
+          title: '收票单号',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请输入'
+          }
+        },
+        ltdid: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          },
+          default: ''
+        },
+        invoiceno: {
+          type: 'string',
+          title: '发票号码',
+          ui: {
+            autocomplete: 'off',
+            placeholder: '请输入'
+          }
+        },
+        invtype: {
+          type: 'string',
+          title: '发票类型',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'invoice:type' },
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        hrto: {
+          type: 'string',
+          title: '销售方',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        createtime: {
+          title: '创建时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        sts: {
+          type: 'string',
+          title: '收票状态',
+          enum: [
+            { value: '', label: '全部' },
+            { value: 1, label: '是' },
+            { value: 0, label: '否' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        invdate: {
+          type: 'string',
+          title: '发票日期',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        remarks: {
+          type: 'string',
+          title: '收票备注',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        billCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        feecode: {
+          type: 'string',
+          title: '费用号',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox', width: 60, className: 'text-center', fixed: 'left' },
+      { title: '收票单号', index: 'inpinvcode', type: 'link', width: 170 },
+      { title: '网络货运人', index: 'ltdName', width: 150 },
+      { title: '发票日期', index: 'invdate', type: 'date', width: 150, className: 'text-center' },
+      { title: '发票号', index: 'invoiceno', width: 130 },
+      {
+        title: '发票金额',
+        index: 'invmoney',
+        width: 100,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.invmoney }) }
+      },
+      {
+        title: '税额',
+        index: 'invtax',
+        width: 100,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.invtax }) }
+      },
+      { title: '发票类型', index: 'invtype', width: 150, className: 'text-center' },
+      { title: '销售方', index: 'hrtoName', width: 150 },
+      { title: '创建时间', index: 'createtime', type: 'date', width: 150, className: 'text-center' },
+      { title: '创建人', index: 'createbyname', width: 120 },
+      { title: '收票状态', index: 'stsLabel', width: 120, className: 'text-center' },
+      {
+        title: '操作',
+        fixed: 'right',
+        className: 'text-center',
+        width: 120,
+        buttons: [
+          {
+            text: '浏览',
+            click: item => this.router.navigate(['/ticket/input-invoice/detail/' + item.id])
+          },
+          {
+            text: '修改',
+            click: item => this.router.navigate(['/ticket/input-invoice/edit/1'])
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/ticket-management/components/invoice-detail/invoice-detail.component.html b/src/app/routes/ticket-management/components/invoice-detail/invoice-detail.component.html
new file mode 100644
index 00000000..88dd0af1
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-detail/invoice-detail.component.html
@@ -0,0 +1,146 @@
+<page-header-wrapper [title]="'开票信息'" [logo]="logo">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+</page-header-wrapper>
+
+<nz-card class="statistics-box">
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="100" col="1">
+      <se label="销售方">
+        {{ headerInfo?.ltdName }}
+      </se>
+      <se label="申请编号">
+        {{ headerInfo?.vatappHCode }}
+      </se>
+      <se label="发票号码">
+        {{ headerInfo?.invoiceno }}
+      </se>
+      <se label="发票代码">
+        {{ headerInfo?.invoiceno2 }}
+      </se>
+      <se label="开票日期">
+        {{ headerInfo?.invoicedate }}
+      </se>
+      <se label="价税合计">
+        {{ headerInfo?.vatmoney | currency }}
+      </se>
+      <se label="税额">
+        {{ headerInfo?.vattax | currency }}
+      </se>
+      <se label="票面备注">
+        {{ headerInfo?.remarks }}
+      </se>
+    </div>
+    <div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" se-container [labelWidth]="100" col="1">
+      <se label="购买方">
+        {{ headerInfo?.artoname }}
+      </se>
+      <se label="纳税号">
+        {{ headerInfo?.artotaxno }}
+      </se>
+      <se label="地址">
+        {{ headerInfo?.artoadd }}
+      </se>
+      <se label="电话">
+        {{ headerInfo?.artotel }}
+      </se>
+      <se label="开户行">
+        {{ headerInfo?.artobank }}
+      </se>
+      <se label="银行账户">
+        {{ headerInfo?.artoacc }}
+      </se>
+      <se label="其他要求">
+        {{headerInfo?.otherremarks || '-'}}
+      </se>
+    </div>
+    <div *ngIf="isCanEdit && selectedIndex===2" nz-col [nzXl]="8" [nzLg]="8" [nzSm]="8" [nzXs]="8" class="text-right">
+      <ng-container *ngIf="isEdit; else elseTemplate">
+        <button nz-button (click)="isEdit = false; invoiceST?.load(1)">取消</button>
+        <button nz-button nzType="primary" (click)="saveInvoices()">保 存</button>
+      </ng-container>
+      <ng-template #elseTemplate>
+        <button nz-button nzType="primary" (click)="isEdit = true">修改</button>
+      </ng-template>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="search-box" nzBordered>
+  <nz-tabset [(nzSelectedIndex)]="selectedIndex">
+    <nz-tab nzTitle="订单明细">
+      <div nz-row nzGutter="8" class="mb-md">
+        <div nz-col [nzXl]="18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+          <sf #orderSf [schema]="orderSchema"
+            [ui]="{ '*': { spanLabelFixed: 90, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } }" [compact]="true"
+            [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+          <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="orderST?.load(1)">查询</button>
+          <button nz-button (click)="resetSF(1)">重置</button>
+          <!-- <button nz-button> 导出</button> -->
+        </div>
+      </div>
+
+      <st #orderST [scroll]="{ x: '1200px' }" [data]="service.$api_get_invoice_order_detail" [columns]="orderColumns"
+        [page]="{}" size="small" bordered="true" [req]="{ process: beforeReq }" [loading]="false"
+        [scroll]="{ x: '1200px', y: '250px' }"></st>
+    </nz-tab>
+    <nz-tab nzTitle="费用明细">
+      <div nz-row nzGutter="8" class="mb-md">
+        <div nz-col [nzXl]="18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+          <sf #costSf [schema]="costSchema"
+            [ui]="{ '*': { spanLabelFixed: 90, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } }" [compact]="true"
+            [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+          <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="costST?.load(1)">查询</button>
+          <button nz-button (click)="resetSF(2)">重置</button>
+          <!-- <button nz-button> 导出</button> -->
+        </div>
+      </div>
+
+      <st #costST [data]="service.$api_get_invoice_cost_detail" [columns]="costColumns" size="small" bordered="true"
+        [page]="{}" [req]="{  process: beforeReq }" [loading]="false" [scroll]="{ x: '1200px', y: '250px' }">
+        <ng-template st-row="vatmoney" let-item let-index="index">
+          {{ item.billLType }}: {{ item.vatmoney |currency }}
+        </ng-template>
+      </st>
+    </nz-tab>
+    <nz-tab nzTitle="发票明细">
+      <st #invoiceST [data]="service.$api_get_invoice_details" [columns]="invoiceColumns" size="small" bordered="true"
+        [page]="{}" [req]="{ process: beforeReq }" [loading]="false" [scroll]="{ x: '1200px', y: '250px' }">
+        <ng-template st-row="vatname" let-item let-index="index">
+          <nz-select *ngIf="isEdit" [ngModel]="item.owner"
+            (ngModelChange)="invoiceST.setRow(index, { vatname: $event })" style="width: 100%">
+          </nz-select>
+          <ng-container *ngIf="!isEdit">{{ item.vatname }}</ng-container>
+        </ng-template>
+        <ng-template st-row="vatmodel" let-item let-index="index">
+          <input *ngIf="isEdit" nz-input [ngModel]="item.vatmodel"
+            (ngModelChange)="invoiceST.setRow(index, { vatmodel: $event })" />
+          <ng-container *ngIf="!isEdit">{{ item.vatmodel }}</ng-container>
+        </ng-template>
+        <ng-template st-row="vatunit" let-item let-index="index">
+          <input *ngIf="isEdit" nz-input [ngModel]="item.vatunit"
+            (ngModelChange)="invoiceST.setRow(index, { vatunit: $event })" />
+          <ng-container *ngIf="!isEdit">{{ item.vatunit }}</ng-container>
+        </ng-template>
+        <ng-template st-row="vatqty" let-item let-index="index">
+          <input *ngIf="isEdit" nz-input [ngModel]="item.vatqty" type="number"
+            (ngModelChange)="invoiceST.setRow(index, { vatqty: $event })" />
+          <ng-container *ngIf="!isEdit">{{ item.vatqty }}</ng-container>
+        </ng-template>
+      </st>
+    </nz-tab>
+    <nz-tab nzTitle="快递轨迹">
+      <p style="font-weight: 600">顺丰快递: {{ routesInfo?.mailNo }} <nz-tag [nzColor]="'#2db7f5'" class="ml-md">已签收
+        </nz-tag>
+      </p>
+      <app-logistics-time-line [data]="routesInfo?.routes"></app-logistics-time-line>
+    </nz-tab>
+  </nz-tabset>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/invoice-detail/invoice-detail.component.less b/src/app/routes/ticket-management/components/invoice-detail/invoice-detail.component.less
new file mode 100644
index 00000000..23fd589a
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-detail/invoice-detail.component.less
@@ -0,0 +1,39 @@
+:host::ng-deep {
+    .search-box {
+        .ant-card-body {
+            padding-bottom: 8px;
+            padding-top   : 8px;
+        }
+    }
+
+
+    .statistics-box {
+        .ant-card-body {
+            padding-bottom: 8px;
+            padding-top   : 8px;
+        }
+
+        .ant-form-item {
+            margin-bottom: 0;
+
+            .ant-form-item-control-input-content {
+                color: #f5222d;
+            }
+        }
+    }
+
+    .text-truncate {
+        white-space: normal;
+    }
+}
+
+.expend-options {
+    margin-top: 0px;
+}
+
+@media (min-width: 990px) {
+    .expend-options {
+        margin-top: -40px;
+    }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/invoice-detail/invoice-detail.component.ts b/src/app/routes/ticket-management/components/invoice-detail/invoice-detail.component.ts
new file mode 100644
index 00000000..ce250896
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-detail/invoice-detail.component.ts
@@ -0,0 +1,274 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { TicketService } from '../../services/ticket.service';
+
+@Component({
+  selector: 'app-invoice-detail',
+  templateUrl: './invoice-detail.component.html',
+  styleUrls: ['./invoice-detail.component.less']
+})
+export class InvoiceDetailComponent implements OnInit {
+  @ViewChild('orderST', { static: true })
+  orderST!: STComponent;
+  @ViewChild('orderSf', { static: false })
+  orderSf!: SFComponent;
+  orderColumns: STColumn[] = this.initOrderST();
+  orderSchema: SFSchema = this.initOrderSF();
+
+  @ViewChild('costST', { static: true })
+  costST!: STComponent;
+  @ViewChild('costSf', { static: false })
+  costSf!: SFComponent;
+  costColumns: STColumn[] = this.initCostST();
+  costSchema: SFSchema = this.initCostSF();
+
+  @ViewChild('invoiceST', { static: true })
+  invoiceST!: STComponent;
+  invoiceColumns: STColumn[] = this.initInvoiceST();
+
+  isCanEdit = false;
+  isEdit = false;
+
+  headerInfo: any = {};
+  routesInfo: any = {
+    mailNo: '',
+    routes: []
+  };
+  id: any = null;
+  ltdId: any = null;
+  type: any = 1;
+
+  selectedIndex = 0;
+  constructor(public service: TicketService, private route: ActivatedRoute) {
+    this.isCanEdit = route.snapshot.queryParams.type === '1';
+    const expressno = route.snapshot.queryParams.expressno;
+    this.type = route.snapshot.queryParams.type;
+    this.id = route.snapshot.params.id;
+    this.ltdId = route.snapshot.queryParams.ltdId;
+    this.loadInvoiceHeader(this.id);
+    if (expressno) {
+      this.loadRoutes(expressno);
+    }
+  }
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, { vatinvHId: this.id });
+    if (this.orderSf) {
+      Object.assign(requestOptions.body, { ...this.orderSf.value });
+    }
+    if (this.costSf) {
+      Object.assign(requestOptions.body, { ...this.costSf.value });
+    }
+    return requestOptions;
+  };
+
+  loadInvoiceHeader(id: string) {
+    this.service.request(this.service.$api_get_invoice_header_detail, { id }).subscribe(res => {
+      if (res) {
+        this.headerInfo = res;
+      }
+    });
+  }
+  loadRoutes(expressno: string) {
+    this.service.request(this.service.$api_get_express_routes, expressno).subscribe(res => {
+      if (res) {
+        res.routes = res.routes.map((route: any) => ({ time: route.acceptTime, value: route.remark + route.acceptAddress, color: 'gray' }));
+        this.routesInfo = res;
+      }
+    });
+  }
+  goBack() {
+    history.go(-1);
+  }
+
+  saveInvoices() {
+    this.isEdit = false;
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF(tab: number) {
+    switch (tab) {
+      case 1:
+        this.orderSf.reset();
+        break;
+      case 2:
+        this.costSf.reset();
+        break;
+
+      default:
+        break;
+    }
+  }
+
+  private initOrderSF(): SFSchema {
+    return {
+      properties: {
+        billHCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            autocomplete: 'off'
+          }
+        },
+        billType: {
+          type: 'string',
+          title: '订单类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '整车', value: 1 },
+            { label: '大宗', value: 2 }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          },
+          default: ''
+        },
+        projectId: {
+          type: 'string',
+          title: '所属项目',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getEnterpriseProject({ id: this.ltdId })
+          },
+          default: ''
+        }
+      }
+    };
+  }
+
+  private initOrderST(): STColumn[] {
+    return [
+      { title: '订单号', index: 'billHCode', width: 180 },
+      { title: '订单完成日期', index: 'billTime', type: 'date', width: 150 },
+      { title: '所属项目', index: 'projectIdName', width: 180 },
+      { title: '订单类型', index: 'billTypeLabel', width: 120 },
+      { title: '装货地', index: 'loadingfrom', width: 200 },
+      { title: '卸货地', index: 'loadingto', width: 220 },
+      { title: '货物信息', index: 'goodsinfo', width: 140 },
+      { title: '承运司机', index: 'driverinfo', width: 280 },
+      // {
+      //   title: '税额',
+      //   index: 'billvatrate',
+      //   width: 120,
+      //   className: 'text-right',
+      //   format: item => `${item.billvatrate ? ((item.billvatrate as number) * 100).toFixed(2) : 0}%`
+      // },
+      {
+        title: '申请金额',
+        index: 'billkpnotax',
+        width: 120,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: this.type === '2' ? record.billkpmoney : record.billkpnotax }) }
+      },
+      {
+        title: '运输费',
+        index: 'fjfmoney2',
+        width: 120,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.fjfmoney2 }) }
+      },
+      {
+        title: '附加费',
+        index: 'fjfmoney',
+        width: 120,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.fjfmoney }) }
+      },
+      {
+        title: '开票金额',
+        index: 'billkpmoney',
+        width: 120,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.billkpmoney }) }
+      }
+    ];
+  }
+
+  private initCostSF(): SFSchema {
+    return {
+      properties: {
+        billHCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            autocomplete: 'off'
+          }
+        },
+        feeHId: {
+          type: 'string',
+          title: '费用号',
+          ui: {
+            autocomplete: 'off'
+          }
+        }
+      }
+    };
+  }
+
+  private initCostST(): STColumn[] {
+    return [
+      { title: '费用号', index: 'feeHId' },
+      { title: '订单号', index: 'billHCode' },
+      { title: '订单日期', index: 'createTime', type: 'date' },
+      { title: '计费日期', index: 'feeDate', type: 'date' },
+      { title: '税率', index: 'vatrate', format: item => `${item.vatrate ? ((item.vatrate as number) * 100).toFixed(2) : 0}%` },
+      {
+        title: '申请金额',
+        render: 'vatmoney'
+      },
+      {
+        title: '开票金额',
+        index: 'vatnotax',
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.vatnotax }) }
+      }
+    ];
+  }
+
+  private initInvoiceST(): STColumn[] {
+    return [
+      { title: '服务名称', render: 'vatname', width: 350 },
+      { title: '规格型号', render: 'vatmodel' },
+      { title: '单位', render: 'vatunit', width: 100 },
+      { title: '数量', render: 'vatqty', width: 140, className: 'text-right' },
+      {
+        title: '金额',
+        index: 'vatnotax',
+        width: 140,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.vatnotax }) }
+      },
+      {
+        title: '税率',
+        index: 'vatrate',
+        width: 140,
+        className: 'text-right',
+        format: item => `${item.vatrate ? ((item.vatrate as number) * 100).toFixed(2) : 0}%`
+      },
+      {
+        title: '税额',
+        index: 'vattax',
+        width: 140,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.vattax }) }
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/ticket-management/components/invoice-requested/invoice-requested-detail/invoice-requested-detail.component.html b/src/app/routes/ticket-management/components/invoice-requested/invoice-requested-detail/invoice-requested-detail.component.html
new file mode 100644
index 00000000..65c60264
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/invoice-requested-detail/invoice-requested-detail.component.html
@@ -0,0 +1,116 @@
+<page-header-wrapper [title]="'订单明细'" [logo]="logo">
+    <ng-template #logo>
+        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+            <i nz-icon nzType="left" nzTheme="outline"></i>
+        </button>
+    </ng-template>
+</page-header-wrapper>
+
+<nz-card class="statistics-box">
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="8" [nzLg]="12" nzMd="12" [nzSm]="24" [nzXs]="24" se-container [labelWidth]="150" col="1">
+            <se label="网络货运人">
+                {{headerInfo?.ltdidName}}
+            </se>
+            <se label="申请编号">
+                {{headerInfo?.vatappcode}}
+            </se>
+            <se label="已开/全部订单数">
+                {{headerInfo?.vatinvHNum}} / {{headerInfo?.vatinvBillNum}}
+            </se>
+            <se label="已开/全部发票金额">
+                {{headerInfo?.vatinvHAmount |currency}} / {{headerInfo?.vatinvHNumAmount |currency}}
+            </se>
+            <se label="已开发票张数">
+                {{headerInfo?.vatinvHNum}}
+            </se>
+            <se label="收件人">
+                {{headerInfo?.reciname}}/{{headerInfo?.recitel}}
+            </se>
+            <se label="收件地址">
+                {{headerInfo?.provinceName}}{{headerInfo?.cityName}}{{headerInfo?.areaName}}{{headerInfo?.reciaddr}}
+            </se>
+        </div>
+        <div nz-col [nzXl]="8" [nzLg]="12" nzMd="12" [nzSm]="24" [nzXs]="24" se-container [labelWidth]="100" col="1">
+            <se label="购买方">
+                {{headerInfo?.artoName}}
+            </se>
+            <se label="纳税号">
+                {{headerInfo?.taxNumber}}
+            </se>
+            <se label="地址">
+                {{headerInfo?.registerAddr}}
+            </se>
+            <se label="电话">
+                {{headerInfo?.registerPhone}}
+            </se>
+            <se label="开户行">
+                {{headerInfo?.bankName}}
+            </se>
+            <se label="银行账户">
+                {{headerInfo?.bankAccount}}
+            </se>
+        </div>
+        <div nz-col [nzXl]="8" [nzLg]="12" nzMd="12" [nzSm]="24" [nzXs]="24" se-container [labelWidth]="100" col="1">
+            <se label="服务名称">
+                {{headerInfo?.vatnameLabel}}
+            </se>
+            <se label="销货清单">
+                {{headerInfo?.isdetail?'是':'否'}}
+            </se>
+            <se label="其他要求">
+                {{headerInfo?.otherremarks}}
+            </se>
+            <se label="票面备注">
+                {{headerInfo?.vatremarks}}
+                <!-- <p style="margin-bottom: 0;margin-top: 5px;">起运地:广东省深圳市南山区</p>
+                <p style="margin-bottom: 0;">目的地:湖北省武汉市青山区</p>
+                <p style="margin-bottom: 0;">货物名称:钢材</p>
+                <p style="margin-bottom: 0;">车型车牌:高栏车 粤B36889</p> -->
+            </se>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="search-box" nzBordered>
+    <div nz-row nzGutter="8">
+        <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+            <sf #sf [schema]="searchSchema"
+                [ui]="{ '*': { spanLabelFixed: 90,grid: { lg: 8, md: 12, sm: 12, xs: 24 } }}" [compact]="true"
+                [button]="'none'"></sf>
+        </div>
+        <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+            class="text-right">
+            <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+            <button nz-button (click)="resetSF()">重置</button>
+            <!-- <button nz-button> 导出</button> -->
+            <button nz-button nzType="link" (click)="expandToggle()">
+                {{ !_$expand ? '展开' : '收起' }}
+                <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+            </button>
+        </div>
+    </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+    <div class="d-flex align-items-center mb-md mt-sm" *ngIf="sts==='1'">
+        <button nz-button (click)="openRequestedModal('1')">全部开票</button>
+        <button nz-button (click)="openRequestedModal('2')">开票</button>
+        <!-- <button nz-button (click)="removeOrder()">移除</button> -->
+        <div class="ml-md">
+            已选择
+            <strong class="text-red">{{ selectedRows.length }}</strong> 条数据&nbsp;&nbsp; 开票金额总计 <strong
+                class="text-red">{{
+                totalCallNo |currency }}</strong>
+            <a *ngIf="selectedRows.length > 0" (click)="st.clearCheck();totalCallNo='0'" class="ml-lg">清空</a>
+        </div>
+    </div>
+
+    <st #st [data]="service.$api_get_invoice_requested_order_detail" [columns]="columns" [req]="{ process: beforeReq }"
+        [page]="{}" [res]="{ process: afterRes }" [loading]="false" [scroll]="{ x:'1200px',y: '200px' }"
+        (change)="stChange($event)">
+        <ng-template st-row="billHCode" let-item let-index="index" let-column="column">
+            <a class="text-primary" (click)="routeToOrder(item)"> {{ item.billHCode }}</a>
+        </ng-template>
+    </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/invoice-requested/invoice-requested-detail/invoice-requested-detail.component.less b/src/app/routes/ticket-management/components/invoice-requested/invoice-requested-detail/invoice-requested-detail.component.less
new file mode 100644
index 00000000..aebf12ee
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/invoice-requested-detail/invoice-requested-detail.component.less
@@ -0,0 +1,13 @@
+:host::ng-deep {
+
+    .statistics-box {
+        .ant-form-item {
+            margin-bottom: 0;
+
+            .ant-form-item-control-input-content {
+                color: #f5222d;
+            }
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/invoice-requested/invoice-requested-detail/invoice-requested-detail.component.ts b/src/app/routes/ticket-management/components/invoice-requested/invoice-requested-detail/invoice-requested-detail.component.ts
new file mode 100644
index 00000000..3453d2cb
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/invoice-requested-detail/invoice-requested-detail.component.ts
@@ -0,0 +1,350 @@
+import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { ActivatedRoute, Router, Params } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema, SFTextWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { TicketService } from '../../../services/ticket.service';
+import { RequestedDetailComponent } from '../requested-detail/requested-detail.component';
+
+@Component({
+  selector: 'app-invoice-requested-detail',
+  templateUrl: './invoice-requested-detail.component.html',
+  styleUrls: ['./invoice-requested-detail.component.less', '../../../../commom/less/expend-but.less', '../../../../commom/less/box.less']
+})
+export class InvoiceRequestedDetailComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  detail: any = {};
+
+  selectedRows: any[] = [];
+  totalCallNo = '0';
+  _$expand = false;
+
+  id = null;
+  sts = null;
+  headerInfo: any = {};
+  constructor(
+    public service: TicketService,
+    private nzModalService: NzModalService,
+    private route: ActivatedRoute,
+    private router: Router
+  ) {
+    this.id = route.snapshot.params.id;
+    this.sts = route.snapshot.queryParams.sts;
+    this.loadHeadInfo();
+  }
+
+  ngOnInit(): void {}
+
+  loadHeadInfo() {
+    this.service.request(this.service.$api_get_invoice_requested_header_detail, { id: this.id }).subscribe(res => {
+      if (res) {
+        this.headerInfo = res;
+      }
+    });
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    this.totalCallNo = '0';
+    this.selectedRows = [];
+    Object.assign(requestOptions.body, { vatappHId: this.id });
+    if (this.sf) {
+      Object.assign(requestOptions.body, { ...this.sf.value });
+    }
+    return requestOptions;
+  };
+
+  afterRes = (data: any[], rawData?: any) => {
+    // this.totalCallNo = data.reduce((total, cv) => total + cv.billkpmoney, 0).toFixed(2);
+    return data.map(item => ({
+      ...item
+    }));
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        if (this.selectedRows?.length > 0) {
+          this.totalCallNo = this.selectedRows.reduce((total, cv) => total + cv.billkpmoney, 0).toFixed(2);
+        } else {
+          this.totalCallNo = this.st._data.reduce((total, cv) => total + cv.billkpmoney, 0).toFixed(2);
+        }
+        break;
+      case 'filter':
+        this.st.load();
+        break;
+    }
+  }
+
+  openRequestedModal(status: any) {
+    if (status === '2' && this.selectedRows.length == 0) {
+      this.service.msgSrv.warning('请选择订单！');
+      return;
+    }
+    let rows: any[] = [];
+    if (status === '1') {
+      rows = this.st._data.map(item => {
+        const rs = Object.assign({}, { ...item });
+        delete rs._values;
+        return rs;
+      });
+    } else {
+      rows = [...this.selectedRows];
+    }
+    const modal = this.nzModalService.create({
+      nzTitle: '开票',
+      nzContent: RequestedDetailComponent,
+      nzWidth: 800,
+      nzComponentParams: {
+        i: rows,
+        status: status,
+        Id: this.id
+      },
+      nzFooter: [
+        {
+          type: 'default',
+          label: '手工处理',
+          onClick: () => {
+            const params = {
+              ficoVatappBillVOList: rows,
+              id: this.id
+            };
+            this.service.request(this.service.$api_get_applyFicoVatinv, params).subscribe((res: any) => {
+              if (res) {
+                this.loadHeadInfo();
+                this.st.load(1);
+                this.service.msgSrv.success('提交成功');
+                modal.destroy();
+              }
+            });
+          }
+        },
+        {
+          type: 'primary',
+          label: '自动开票',
+          onClick: () => {
+            const params = {
+              ficoVatappBillVOList: rows,
+              id: this.id
+            };
+            this.service.request(this.service.$api_get_applyFicoVatinv, params).subscribe((res: any) => {
+              if (res) {
+                this.loadHeadInfo();
+                this.st.load(1);
+                this.service.msgSrv.success('提交成功');
+                modal.destroy();
+              }
+            });
+          }
+        }
+      ]
+    });
+  }
+
+  /**
+   * 移除订单
+   * @returns
+   */
+  removeOrder() {
+    if (this.selectedRows?.length <= 0) {
+      this.service.msgSrv.warning('请选择订单');
+      return;
+    }
+    this.nzModalService.warning({
+      nzTitle: '确定从当前批次中移除所选订单？',
+      nzContent: '移除后相关订单可以重新提交开票申请',
+      nzOnOk: () => {
+        const ids = this.selectedRows.map(order => order.billHId);
+        this.service.request(this.service.$api_remove_bill, ids).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('移除成功');
+            this.loadHeadInfo();
+            this.st.reload();
+          }
+        });
+      }
+    });
+  }
+
+  goBack() {
+    history.go(-1);
+  }
+
+  routeToOrder(item: any) {
+    if (item.billType === 1) {
+      this.router.navigate(['/order-management/vehicle/vehicle-detail/' + item.billHId]);
+    } else {
+      this.router.navigate(['/order-management/bulk/bulk-detail/' + item.billHId]);
+    }
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        billHCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        vatappSts: {
+          type: 'string',
+          title: '开票状态',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '待受理', value: '待受理' },
+            { label: '待开票', value: '待开票' },
+            { label: '开票中', value: '开票中' },
+            { label: '已开票', value: '已开票' },
+            { label: '已撤销', value: '已撤销' },
+            { label: '已拒绝', value: '已拒绝' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择'
+          },
+          default: ''
+        },
+        vatinvcode: {
+          type: 'string',
+          title: '发票号码',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        billType: {
+          type: 'string',
+          title: '订单类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '整车', value: '1' },
+            { label: '大宗', value: '2' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        driverinfo: {
+          type: 'string',
+          title: '承运司机',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        orderS22n2: {
+          type: 'string',
+          title: '车牌号',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        projectId: {
+          title: '所属项目',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value
+            },
+            asyncData: () => this.service.getEnterpriseProject()
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox' },
+      { title: '订单号', render: 'billHCode', width: 170 },
+      { title: '订单完成日期', index: 'billTime', type: 'date', width: 150 },
+      { title: '开票状态', index: 'vatappStsLabel', width: 100 },
+      { title: '所属项目', index: 'projectIdName', width: 140 },
+      { title: '订单类型', index: 'billType', width: 100, type: 'enum', enum: { 1: '整车', 2: '大宗' } },
+      { title: '装货地', index: 'loadingfrom', width: 220 },
+      { title: '卸货地', index: 'loadingto', width: 220 },
+      { title: '货物信息', index: 'goodsinfo', width: 150 },
+      { title: '承运司机', index: 'driverinfo', width: 140 },
+      {
+        title: '申请金额',
+        index: 'billkpmoney',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.billkpmoney }) }
+      },
+      {
+        title: '运输费',
+        index: 'fjfmoney2',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.fjfmoney2 }) }
+      },
+      {
+        title: '附加费',
+        index: 'fjfmoney',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.fjfmoney }) }
+      },
+      {
+        title: '开票金额',
+        index: 'billkpmoney',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.billkpmoney }) }
+      },
+      {
+        title: '税率',
+        index: 'billvatrate',
+        width: 90,
+        format: item => `${item.billvatrate ? ((item.billvatrate as number) * 100).toFixed(2) : 0}%`
+      },
+      { title: '发票号码', index: 'vatinvcode', width: 100 },
+      { title: '开票日期', index: 'vatinvtime', type: 'date', width: 150 }
+    ];
+  }
+}
diff --git a/src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.html b/src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.html
new file mode 100644
index 00000000..f7fb8a20
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.html
@@ -0,0 +1,77 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-21 15:39:30
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-26 09:36:07
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\ticket-management\\components\\invoice-requested\\invoice-requested.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<page-header-wrapper [title]="'开票申请'"> </page-header-wrapper>
+
+<nz-card class="search-box" nzBordered>
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+      <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } }"
+        [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <!-- <button nz-button> 导出</button> -->
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box" nzBordered>
+  <nz-tabset [nzTabBarExtraContent]="extraTemplate">
+    <nz-tab nzTitle="待受理" (nzClick)="selectChange('1')"></nz-tab>
+    <nz-tab nzTitle="处理中" (nzClick)="selectChange('2')"></nz-tab>
+    <nz-tab nzTitle="已拒绝" (nzClick)="selectChange('4')"></nz-tab>
+    <nz-tab nzTitle="已撤销" (nzClick)="selectChange('5')"></nz-tab>
+    <nz-tab nzTitle="已受理" (nzClick)="selectChange('3')"></nz-tab>
+    <nz-tab nzTitle="全部" (nzClick)="selectChange(null)"></nz-tab>
+  </nz-tabset>
+  <ng-template #extraTemplate>
+    <div class="d-flex align-items-center"
+      *ngIf="resourceStatus==='1'|| resourceStatus==='2' || resourceStatus==='3' || !resourceStatus">
+      <div class="mr-md">
+        已选择
+        <strong class="text-red">{{ selectedRows.length }}</strong> 条数据&nbsp;&nbsp; 开票金额总计
+        <strong class="text-red">{{ totalCallNo }}</strong>
+        <a *ngIf="totalCallNo > 0" (click)="st.clearCheck();totalCallNo=0" class="ml-lg">清空</a>
+      </div>
+      <button nz-button *ngIf="resourceStatus==='1' || !resourceStatus" (click)="this.batchRequested()">批量受理</button>
+      <button nz-button *ngIf="resourceStatus==='1' || !resourceStatus"
+        (click)="this.rejectAction(selectedRows)">驳回</button>
+      <button nz-button *ngIf="resourceStatus !=='4' && resourceStatus !=='5'"
+        (click)="changeAddress(selectedRows)">修改地址</button>
+      <button nz-button *ngIf="resourceStatus==='3' || !resourceStatus" (click)="printOrder(selectedRows)">打印面单</button>
+    </div>
+  </ng-template>
+
+  <st #st [data]="service.$api_get_invoice_requested_page" [columns]="columns" [req]="{ process: beforeReq }"
+    [page]="{}" [res]="{  process: afterRes }" [loading]="false" [scroll]="{ x: '1200px' }" (change)="stChange($event)">
+    <ng-template st-row="vatappcode" let-item let-index="index" let-column="column">
+      {{ item.vatappcode }} <br />
+      <label class="text-primary">{{item.stsLabel}}</label>
+    </ng-template>
+  </st>
+</nz-card>
+
+<ng-template #rejectModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="80">
+      <se [col]="1" label="备注" required>
+        <textarea nz-input rows="3" [(ngModel)]="rejectReason" placeholder="请说明驳回原因"
+          style="width: 325px; margin-left: 14px"></textarea>
+      </se>
+    </div>
+  </div>
+</ng-template>
diff --git a/src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.less b/src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.less
new file mode 100644
index 00000000..370d3cae
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.less
@@ -0,0 +1,7 @@
+:host::ng-deep {
+
+    .ant-tabs-tab-btn {
+        padding-left : 16px;
+        padding-right: 16px;
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.ts b/src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.ts
new file mode 100644
index 00000000..1978a0f9
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/invoice-requested.component.ts
@@ -0,0 +1,529 @@
+import { query } from '@angular/animations';
+import { CurrencyPipe } from '@angular/common';
+import { Component, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema, SFUISchema } from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { isTemplateRef } from 'ng-zorro-antd/core/util';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+
+import { TicketService } from '../../services/ticket.service';
+import { PrintOrderModalComponent } from './print-order-modal/print-order-modal.component';
+import { RequestedInvoiceModalComponent } from './requested-invoice-modal/requested-invoice-modal.component';
+import { UpdateAddressModalComponent } from './update-address-modal/update-address-modal.component';
+
+@Component({
+  selector: 'app-invoice-requested',
+  templateUrl: './invoice-requested.component.html',
+  styleUrls: ['./invoice-requested.component.less', '../../../commom/less/box.less']
+})
+export class InvoiceRequestedComponent {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('rejectModal', { static: false })
+  rejectModal!: any;
+  resourceStatus: any = '1';
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  totalCallNo = 0;
+  selectedRows: any[] = [];
+
+  rejectReason = '';
+  constructor(public service: TicketService, private nzModalService: NzModalService, private router: Router) {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.resourceStatus) {
+      Object.assign(requestOptions.body, { sts: this.resourceStatus });
+    }
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        createTime: {
+          start: this.sf?.value?.createTime?.[0] || '',
+          end: this.sf?.value?.createTime?.[1] || ''
+        }
+      });
+    }
+    return requestOptions;
+  };
+
+  afterRes = (data: any[], rawData?: any) => {
+    this.totalCallNo = 0;
+    this.selectedRows = [];
+    return data.map(item => ({
+      ...item,
+      disabled: item.expressHSts
+    }));
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        this.totalCallNo = this.selectedRows.reduce((total, cv) => total + cv.applyAmount, 0).toFixed(2);
+        break;
+    }
+  }
+
+  rejectAction(item: any[]) {
+    this.rejectReason = '';
+    if (item.length <= 0) {
+      this.service.msgSrv.warning('请选择开票申请');
+      return;
+    }
+    if (item.find(item => item.sts !== '1')) {
+      this.service.msgSrv.warning('请勿选择非待处理订单');
+      return;
+    }
+    const modal = this.nzModalService.create({
+      nzTitle: '驳回',
+      nzContent: this.rejectModal,
+      nzOkLoading: this.service.http.loading,
+      nzOnOk: () => {
+        if (!this.rejectReason) {
+          this.service.msgSrv.warning('请填写驳回原因');
+          return false;
+        }
+        let ids = item.map(row => row.id);
+        this.service.request(this.service.$api_reject_invoice, { id: ids, rejectContent: this.rejectReason }).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('驳回成功');
+            modal.destroy(true);
+          }
+        });
+
+        return false;
+      }
+    });
+    modal.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load();
+      }
+    });
+  }
+
+  /**
+   * 修改地址
+   * @param item
+   */
+  changeAddress(item: any[]) {
+    this.rejectReason = '';
+    if (item.length <= 0) {
+      this.service.msgSrv.warning('请选择开票申请');
+      return;
+    }
+    // if (item.find(item => item.sts !== '1')) {
+    //   this.service.msgSrv.warning('请勿选择非待处理订单');
+    //   return;
+    // }
+    const modal = this.nzModalService.create({
+      nzTitle: '修改地址',
+      nzContent: UpdateAddressModalComponent,
+      nzOkLoading: this.service.http.loading,
+      nzOnOk: component => {
+        if (!component.sf.valid) {
+          component.sf.validator({ emitError: true });
+          // this.service.msgSrv.warning('表单校验错误');
+          return false;
+        }
+        this.service
+          .request(this.service.$api_update_invoice_address, {
+            ...component.sf.value,
+            ids: item.map(i => i.id)
+          })
+          .subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success('修改成功');
+              modal.destroy(true);
+            }
+          });
+
+        return false;
+      }
+    });
+    modal.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load();
+      }
+    });
+  }
+
+  printOrder(item: any[]) {
+    if (this.selectedRows?.length <= 0) {
+      this.service.msgSrv.warning('请选择订单');
+      return;
+    }
+    if (this.selectedRows.find(item => item.sts !== '3')) {
+      this.service.msgSrv.warning('请勿选择非已完成订单');
+      return;
+    }
+    const modal = this.nzModalService.create({
+      nzTitle: '打印面单',
+      nzContent: PrintOrderModalComponent,
+      nzWidth: 650,
+      nzComponentParams: { vatappcodes: this.selectedRows.map(item => item.vatappcode) },
+      nzFooter: null
+    });
+    modal.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load();
+      }
+    });
+  }
+
+  showReason(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '查看原因',
+      nzContent: '运单数据异常，暂时无法开票，请联系客服400-xxxx-xxxx',
+      nzFooter: [
+        {
+          label: '关闭',
+          type: 'primary',
+          onClick: () => {
+            modal.destroy();
+          }
+        }
+      ]
+    });
+  }
+
+  batchRequested() {
+    if (this.selectedRows?.length <= 0) {
+      this.service.msgSrv.warning('请选择订单');
+      return;
+    }
+    if (this.selectedRows.find(item => item.sts !== '1')) {
+      this.service.msgSrv.warning('请勿选择非待处理订单');
+      return;
+    }
+    const modal = this.nzModalService.create({
+      nzTitle: '开票',
+      nzContent: '确认对所有申请单进行批量开票？',
+      nzFooter: [
+        {
+          type: 'default',
+          label: '手工处理',
+          onClick: () => {
+            const params = {
+              ficoVatappBillVOList: this.selectedRows.map(item => {
+                const i = Object.assign({}, { ...item });
+                delete i._values;
+                delete i._rowClassName;
+                delete i.checked;
+                delete i.disabled;
+                return i;
+              })
+              // id: this.id
+            };
+            this.service.request(this.service.$api_get_applyBatchFicoVatinv, params).subscribe((res: any) => {
+              if (res) {
+                this.service.msgSrv.success('提交成功！');
+                modal.destroy();
+                this.st.load(1);
+              }
+            });
+          }
+        },
+        {
+          type: 'primary',
+          label: '自动开票',
+          onClick: () => {
+            const params = {
+              ficoVatappBillVOList: this.selectedRows.map(item => {
+                const i = Object.assign({}, { ...item });
+                delete i._values;
+                delete i._rowClassName;
+                delete i.checked;
+                delete i.disabled;
+                return i;
+              })
+              // id: this.id
+            };
+            this.service.request(this.service.$api_get_applyBatchFicoVatinv, params).subscribe((res: any) => {
+              if (res) {
+                this.service.msgSrv.success('提交成功！');
+                modal.destroy();
+                this.st.load(1);
+              }
+            });
+          }
+        }
+      ]
+    });
+  }
+
+  requestedInvoiceAction(item: any) {
+    const modal = this.nzModalService.create({
+      nzTitle: '开票受理',
+      nzContent: RequestedInvoiceModalComponent,
+      nzWidth: 1200,
+      nzComponentParams: {
+        id: item.id
+      },
+      nzFooter: null
+    });
+    modal.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load(1);
+      }
+    });
+  }
+
+  downloadPdf(item: any) {
+    this.service.request(this.service.$api_downloadPdf, { vatappHId: item.id }).subscribe(res => {
+      if (res?.reconciliationUrl) {
+        this.service.reviewPDF(res.reconciliationUrl);
+      } else {
+        this.service.msgSrv.warning('获取对账单失败');
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        vatappcode: {
+          type: 'string',
+          title: '申请编号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        billHCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        feeHCode: {
+          type: 'string',
+          title: '费用号',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        projectId: {
+          title: '项目',
+          type: 'string',
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value
+            },
+            asyncData: () => this.service.getEnterpriseProject()
+          }
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            },
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          },
+          default: ''
+        },
+        otherremarks: {
+          type: 'string',
+          title: '其他需求',
+          ui: {
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        createTime: {
+          title: '申请时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        isdetail: {
+          type: 'string',
+          title: '销货清单',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '需要', value: 1 },
+            { label: '不需要', value: 0 }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          },
+          default: ''
+        },
+        arto: {
+          type: 'string',
+          title: '货主名称',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            onSearch: (q: any) => this.service.getEnterpriceList({ enterpriseName: q }),
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox' },
+      { title: '申请编号', render: 'vatappcode', width: 190 },
+      { title: '发票类型', index: 'vatapptypeLable', width: 140 },
+      { title: '网络货运人', index: 'ltdName', width: 170 },
+      { title: '货主名称', index: 'artoName', width: 170 },
+      { title: '订单数', index: 'ordlines', width: 90 },
+      {
+        title: '申请金额',
+        index: 'applyAmount',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.applyAmount }) }
+      },
+      {
+        title: '运输费',
+        index: 'fjfmoney2',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.fjfmoney2 }) }
+      },
+      {
+        title: '附加费',
+        index: 'fjfmoney',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.fjfmoney }) }
+      },
+      {
+        title: '已开票金额',
+        index: 'invoicedMoney',
+        width: 150,
+        type: 'widget',
+        className: 'text-right',
+        widget: {
+          type: 'currency-chy',
+          params: ({ record }) => ({ value: record.invoicedMoney })
+        }
+      },
+      { title: '已开票张数', index: 'invoicedNum', width: 160 },
+      { title: '开户行', index: 'bankName', width: 160 },
+      { title: '银行账户', index: 'bankAccount', width: 140 },
+      { title: '注册地址', index: 'registerAddr', width: 140 },
+      { title: '注册电话', index: 'registerPhone', width: 130 },
+      { title: '服务名称', index: 'vatnameLabel', width: 150 },
+      {
+        title: '销货清单',
+        index: 'isdetail',
+        width: 100,
+        format: item => {
+          return item.isdetail === 0 ? '不需要' : '需要';
+        }
+      },
+      { title: '其他要求', index: 'otherremarks', width: 100 },
+      { title: '申请人', index: 'applyName', width: 90 },
+      { title: '申请时间', index: 'applyTime', type: 'date', width: 150 },
+      {
+        title: '快递是否下单成功',
+        index: 'expressHSts',
+        width: 170,
+        className: 'text-center',
+        type: 'enum',
+        enum: { true: '是', false: '否' }
+      },
+      {
+        title: '操作',
+        width: 125,
+        fixed: 'right',
+        className: 'text-center',
+        buttons: [
+          { type: 'divider' },
+          {
+            text: '开票受理<br/>',
+            click: item => this.requestedInvoiceAction(item),
+            iif: item => item.sts === '1'
+          },
+          {
+            text: '驳回申请<br/>',
+            click: item => this.rejectAction([item]),
+            iif: item => item.sts === '1'
+          },
+          {
+            text: '订单明细<br/>',
+            click: item => this.router.navigate([`/ticket/invoice-requested/detail/${item?.id}`], { queryParams: { sts: item.sts } })
+          },
+          {
+            text: '查看原因<br/>',
+            click: item => this.showReason(item),
+            iif: item => item.sts === '4'
+          },
+          {
+            text: '下载对账单',
+            iif: item => item.sts === '3',
+            click: item => this.downloadPdf(item)
+          }
+        ]
+      }
+    ];
+  }
+  selectChange(e: any) {
+    this.resourceStatus = e;
+    this.initST();
+    setTimeout(() => {
+      this.st.load();
+    }, 500);
+  }
+}
diff --git a/src/app/routes/ticket-management/components/invoice-requested/print-order-modal/print-order-modal.component.html b/src/app/routes/ticket-management/components/invoice-requested/print-order-modal/print-order-modal.component.html
new file mode 100644
index 00000000..119c6269
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/print-order-modal/print-order-modal.component.html
@@ -0,0 +1,48 @@
+<div nz-row class="statistics-box">
+    <div nz-col nzSpan="24" se-container [labelWidth]="100" col="1">
+        <se label="打印发票" required>
+            <nz-radio-group [(ngModel)]="type">
+                <label nz-radio [nzValue]="1">分批下单</label>
+                <label nz-radio [nzValue]="2">汇总下单</label>
+            </nz-radio-group>
+        </se>
+        <se>
+            {{type===1?'分批下单系统会根据网络货运人、货主以及收件地址自动拆分成多个包裹下单':'汇总下单系统会将所选申请单汇总成一个包裹下单'}}
+        </se>
+        <ng-container *ngIf="type===2">
+            <se label="收件地址" required>
+                <nz-select [(ngModel)]="data.rcontactInfo" [nzCustomTemplate]="rcontactInfosData">
+                    <nz-option [nzValue]="item" nzLabel="Jack" *ngFor="let item of rcontactInfos"
+                        [nzCustomContent]="true">
+                        {{item.contact}} &nbsp; &nbsp;&nbsp; {{item.tel}}<br />
+                        {{item.province}} {{item.city}} {{item.county}} {{item.address}}
+                    </nz-option>
+                </nz-select>
+                <ng-template #rcontactInfosData>
+                    {{data.rcontactInfo.contact}} &nbsp; &nbsp;&nbsp; {{data.rcontactInfo.tel}}<br />
+                    {{data.rcontactInfo.province}} {{data.rcontactInfo.city}} {{data.rcontactInfo.county}}
+                    {{data.rcontactInfo.address}}
+                </ng-template>
+            </se>
+            <se label="寄件地址" required>
+                <nz-select [(ngModel)]="data.scontactInfo" [nzCustomTemplate]="scontactInfosData">
+                    <nz-option [nzValue]="item" nzLabel="Jack" *ngFor="let item of scontactInfos"
+                        [nzCustomContent]="true">
+                        {{item.contact}} &nbsp; &nbsp;&nbsp; {{item.tel}}<br />
+                        {{item.province}} {{item.city}} {{item.county}} {{item.address}}
+                    </nz-option>
+                </nz-select>
+                <ng-template #scontactInfosData>
+                    {{data.scontactInfo.contact}} &nbsp; &nbsp;&nbsp; {{data.scontactInfo.tel}}<br />
+                    {{data.scontactInfo.province}} {{data.scontactInfo.city}} {{data.scontactInfo.county}}
+                    {{data.scontactInfo.address}}
+                </ng-template>
+            </se>
+        </ng-container>
+
+    </div>
+</div>
+<div class="modal-footer">
+    <button nz-button type="button" (click)="close()">取消</button>
+    <button nz-button type="button" nzType="primary" (click)="sure()">保存</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/invoice-requested/print-order-modal/print-order-modal.component.less b/src/app/routes/ticket-management/components/invoice-requested/print-order-modal/print-order-modal.component.less
new file mode 100644
index 00000000..a9a87774
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/print-order-modal/print-order-modal.component.less
@@ -0,0 +1,10 @@
+
+app-print-order-modal{
+    nz-select-top-control {
+        height: 65px !important;
+    }
+    
+    cdk-virtual-scroll-viewport {
+        height: 100px !important;
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/invoice-requested/print-order-modal/print-order-modal.component.ts b/src/app/routes/ticket-management/components/invoice-requested/print-order-modal/print-order-modal.component.ts
new file mode 100644
index 00000000..49e4d2a7
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/print-order-modal/print-order-modal.component.ts
@@ -0,0 +1,94 @@
+import { Component, Input, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { map } from 'rxjs/operators';
+import { TicketService } from '../../../services/ticket.service';
+
+@Component({
+  selector: 'app-print-order-modal',
+  templateUrl: './print-order-modal.component.html',
+  styleUrls: ['./print-order-modal.component.less'],
+  encapsulation: ViewEncapsulation.None
+})
+export class PrintOrderModalComponent implements OnInit {
+  data: any = {};
+
+  type = 1;
+
+  rcontactInfos: any[] = [];
+  scontactInfos: any[] = [];
+
+  @Input()
+  vatappcodes: string[] = [];
+
+  constructor(private modal: NzModalRef, public msgSrv: NzMessageService, public service: TicketService) {}
+
+  ngOnInit(): void {
+    this.loadAddress();
+  }
+
+  loadAddress() {
+    this.service.request(this.service.$api_get_order_summary_path, this.vatappcodes).subscribe(res => {
+      if (res) {
+        this.rcontactInfos = res.rcontactInfos || [];
+        this.scontactInfos = res.scontactInfos || [];
+      }
+    });
+  }
+
+  sure() {
+    if (this.type === 1) {
+      this.service.request(this.service.$api_create_express, this.vatappcodes).subscribe(res => {
+        if (res?.length > 0) {
+          this.getPDF(res);
+        } else {
+          this.service.msgSrv.warning('请到快递信息页面打印');
+          this.modal.destroy(true);
+        }
+      });
+    } else {
+      if (!this.data.rcontactInfo || !this.data.scontactInfo) {
+        this.service.msgSrv.warning('请选择收件地址和寄件地');
+        return;
+      }
+      const params = {
+        rcontactInfo: this.data.rcontactInfo,
+        ltdId: this.data.scontactInfo.ltdId,
+        shipperId: this.data.scontactInfo.shipperId,
+        vatappcodes: this.vatappcodes,
+        scontactInfo: this.data.scontactInfo
+      };
+      delete this.data.scontactInfo.ltdId;
+      delete this.data.scontactInfo.shipperId;
+      delete this.data.scontactInfo.id;
+      this.service.request(this.service.$api_get_order_summary, params).subscribe(res => {
+        if (res?.length > 0) {
+          this.service.reviewPDF(res);
+        } else {
+          this.service.msgSrv.warning('请到快递信息页面打印');
+          this.modal.destroy(true);
+        }
+      });
+    }
+  }
+
+  getPDF(ids: Array<string>) {
+    this.service.request(this.service.$api_get_print_pdf, ids).subscribe(res => {
+      if (res?.pdfUrl) {
+        this.service.msgSrv.success('操作成功');
+        this.modal.destroy(true);
+        this.service.reviewPDF(res.pdfUrl);
+      } else {
+        this.service.msgSrv.warning('下载失败');
+        this.modal.destroy(true);
+      }
+    });
+  }
+
+  
+
+  close() {
+    this.modal.destroy();
+  }
+}
diff --git a/src/app/routes/ticket-management/components/invoice-requested/requested-detail/requested-detail.component.html b/src/app/routes/ticket-management/components/invoice-requested/requested-detail/requested-detail.component.html
new file mode 100644
index 00000000..737e5eef
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/requested-detail/requested-detail.component.html
@@ -0,0 +1,54 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-12-23 16:50:17
+ * @LastEditTime: 2021-12-30 15:07:22
+ * @LastEditors: your name
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\ticket-management\components\invoice-requested\requested-detail\requested-detail.component.html
+-->
+<div nz-row nzGutter="8" class="statistics-box">
+    <div nz-col nzSpan="12" se-container [labelWidth]="100" col="1">
+        <se label="购买方">
+            {{headerInfo?.artoName}}
+        </se>
+        <se label="纳税号">
+            {{headerInfo?.taxNumber}}
+        </se>
+        <se label="地址">
+            {{headerInfo?.registerAddr}}
+        </se>
+        <se label="电话">
+            {{headerInfo?.registerPhone}}
+        </se>
+        <se label="开户行">
+            {{headerInfo?.bankName}}
+        </se>
+        <se label="银行账户">
+            {{headerInfo?.bankAccount}}
+        </se>
+        <se label="票面备注">
+            {{headerInfo?.vatremarks}}
+        </se>
+    </div>
+    <div nz-col nzSpan="12" se-container [labelWidth]="100" col="1">
+        <se label="销售方">
+            {{headerInfo?.ltdidName}}
+        </se>
+        <se label="订单数">
+            {{headerInfo?.ordlines}}
+        </se>
+        <se label="开票金额">
+            {{headerInfo?.vatinvHNumAmount | currency}}
+        </se>
+        <se label="服务名称">
+            {{headerInfo?.vatnameLabel}}
+        </se>
+        <se label="销货清单">
+            {{headerInfo?.isdetail?'是':'否'}}
+        </se>
+        <se label="其他要求">
+            {{headerInfo?.otherremarks}}
+        </se>
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/invoice-requested/requested-detail/requested-detail.component.less b/src/app/routes/ticket-management/components/invoice-requested/requested-detail/requested-detail.component.less
new file mode 100644
index 00000000..aebf12ee
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/requested-detail/requested-detail.component.less
@@ -0,0 +1,13 @@
+:host::ng-deep {
+
+    .statistics-box {
+        .ant-form-item {
+            margin-bottom: 0;
+
+            .ant-form-item-control-input-content {
+                color: #f5222d;
+            }
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/invoice-requested/requested-detail/requested-detail.component.ts b/src/app/routes/ticket-management/components/invoice-requested/requested-detail/requested-detail.component.ts
new file mode 100644
index 00000000..675783d0
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/requested-detail/requested-detail.component.ts
@@ -0,0 +1,50 @@
+import { Input } from '@angular/core';
+/*
+ * @Author: your name
+ * @Date: 2021-12-23 16:50:17
+ * @LastEditTime: 2021-12-31 13:15:13
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\ticket-management\components\invoice-requested\requested-detail\requested-detail.component.ts
+ */
+import { Component, OnInit } from '@angular/core';
+import { TicketService } from '../../../services/ticket.service';
+
+
+@Component({
+  selector: 'app-requested-detail',
+  templateUrl: './requested-detail.component.html',
+  styleUrls: ['./requested-detail.component.less']
+})
+export class RequestedDetailComponent implements OnInit {
+  i: any;
+  status: any;
+  Id: any;
+  @Input() id: any;
+  headerInfo: any;
+  constructor(
+    public service: TicketService,
+  ) { }
+
+  ngOnInit(): void {
+    this.initData();
+  }
+  initData() {
+    if(this.id) {
+      this.service.request(this.service.$api_get_invoice_requested_header_detail, { id: this.id }).subscribe(res => {
+        if (res) {
+          this.headerInfo = res;
+        }
+      });
+    }
+    if(this.Id) {
+      this.service.request(this.service.$api_get_invoice_requested_header_detail, { id: this.Id }).subscribe(res => {
+        if (res) {
+          this.headerInfo = res;
+        }
+      });
+    }
+ 
+  }
+
+}
diff --git a/src/app/routes/ticket-management/components/invoice-requested/requested-invoice-modal/requested-invoice-modal.component.html b/src/app/routes/ticket-management/components/invoice-requested/requested-invoice-modal/requested-invoice-modal.component.html
new file mode 100644
index 00000000..adfc2118
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/requested-invoice-modal/requested-invoice-modal.component.html
@@ -0,0 +1,36 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-18 15:57:44
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-26 09:35:59
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\ticket-management\\components\\invoice-requested\\requested-invoice-modal\\requested-invoice-modal.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+
+<app-requested-detail [id]="id"></app-requested-detail>
+
+<st
+  #st1
+  [data]="service.$api_get_invoice_requested_order_detail"
+  [columns]="columns"
+  bordered
+  size="small"
+  [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, process: beforeReq }"
+  [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+  [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+  [loading]="false"
+  [scroll]="{ x: '1200px', y: '200px' }"
+  (change)="stChange($event)"
+  class="mt-md"
+>
+  <ng-template st-row="billHCode" let-item let-index="index" let-column="column">
+    <a class="text-primary"> {{ item.billHCode }}</a>
+  </ng-template>
+</st>
+<div class="modal-footer text-center">
+  <button nz-button type="button"(click)="removeOrder(selectedRows)">移除</button>
+  <button nz-button type="button" (click)="saveManage()">手工处理</button>
+  <!-- <button nz-button type="submit" nzType="primary" [nzLoading]="service.http.loading" (click)="saveManage()">自动开票</button> -->
+</div>
diff --git a/src/app/routes/ticket-management/components/invoice-requested/requested-invoice-modal/requested-invoice-modal.component.less b/src/app/routes/ticket-management/components/invoice-requested/requested-invoice-modal/requested-invoice-modal.component.less
new file mode 100644
index 00000000..41a8c3bb
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/requested-invoice-modal/requested-invoice-modal.component.less
@@ -0,0 +1,16 @@
+:host::ng-deep {
+
+    .statistics-box {
+        .ant-form-item {
+            margin-bottom: 0;
+
+            .ant-form-item-control-input-content {
+                color: #f5222d;
+            }
+        }
+    }
+
+    .text-truncate {
+        white-space: normal;
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/invoice-requested/requested-invoice-modal/requested-invoice-modal.component.ts b/src/app/routes/ticket-management/components/invoice-requested/requested-invoice-modal/requested-invoice-modal.component.ts
new file mode 100644
index 00000000..6c411bc0
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/requested-invoice-modal/requested-invoice-modal.component.ts
@@ -0,0 +1,147 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-23 16:50:17
+ * @LastEditTime : 2022-01-26 10:36:10
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\ticket-management\\components\\invoice-requested\\requested-invoice-modal\\requested-invoice-modal.component.ts
+ */
+import { Component, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STChange, STColumn, STComponent, STRequestOptions } from '@delon/abc/st';
+import { NzModalRef, NzModalService } from 'ng-zorro-antd/modal';
+
+import { TicketService } from '../../../services/ticket.service';
+
+@Component({
+  selector: 'app-requested-invoice-modal',
+  templateUrl: './requested-invoice-modal.component.html',
+  styleUrls: ['./requested-invoice-modal.component.less']
+})
+export class RequestedInvoiceModalComponent {
+  @ViewChild('st1', { static: false })
+  st1!: STComponent;
+  columns: STColumn[] = this.initST();
+  id: any;
+  selectedRows: any[] = [];
+  constructor(public service: TicketService, private nzModalService: NzModalService, private modal: NzModalRef, private router: Router) {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, { vatappHId: this.id });
+    return requestOptions;
+  };
+
+  /**
+   * 移除订单
+   *
+   * @returns
+   */
+  removeOrder(item: any[]) {
+    console.log(item);
+    this.nzModalService.warning({
+      nzTitle: '确定从当前批次中移除所选订单？',
+      nzContent: '移除后相关订单可以重新提交开票申请',
+      nzOnOk: () => {
+        const ids = item.map(order => order.billHId);
+        this.service.request(this.service.$api_remove_bill, { billHIds: ids }).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('移除成功');
+            this.modal.destroy(true);
+          } else {
+            this.service.msgSrv.warning('移除失败');
+          }
+        });
+      }
+    });
+  }
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+      case 'filter':
+        this.st1.load();
+        break;
+    }
+  }
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox' },
+      { title: '订单号', index: 'billHCode', width: 150 },
+      { title: '订单完成日期', index: 'billTime', type: 'date', width: 150 },
+      { title: '所属项目', index: 'projectIdName', width: 250 },
+      { title: '订单类型', index: 'billTypeName', width: 90 },
+      { title: '装货地', index: 'loadingfrom', width: 250 },
+      { title: '卸货地', index: 'loadingto', width: 250 },
+      { title: '货物信息', index: 'goodsinfo', width: 170 },
+      { title: '承运司机', index: 'driverinfo', width: 280 },
+      {
+        title: '总费用',
+        index: 'billkpmoney',
+        width: 90,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }: any) => ({ value: record.billkpmoney }) }
+      },
+      {
+        title: '运输费',
+        index: 'fjfmoney2',
+        width: 90,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }: any) => ({ value: record.fjfmoney2 }) }
+      },
+      {
+        title: '附加费',
+        index: 'fjfmoney',
+        width: 90,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }: any) => ({ value: record.fjfmoney }) }
+      },
+      {
+        title: '操作',
+        width: 80,
+        fixed: 'right',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '移除',
+            click: (item: any) => this.removeOrder([item])
+          }
+        ]
+      }
+    ];
+  }
+  saveManage() {
+    if (this.selectedRows?.length <= 0) {
+      this.service.msgSrv.warning('请选择订单');
+      return;
+    }
+    const selectedRows = this.selectedRows.map(item => {
+      return { ...item };
+    });
+    const params = {
+      ficoVatappBillVOList: selectedRows.map(item => {
+        delete item._values;
+        return item;
+      }),
+      id: this.id
+    };
+    this.service.request(this.service.$api_get_applyFicoVatinv, params).subscribe((res: any) => {
+      if (res) {
+        this.nzModalService.confirm({
+          nzTitle: '是否进入销票处理页面完成开票',
+          nzOnOk: () => {
+            this.service.msgSrv.success('提交成功');
+            this.modal.destroy(true);
+            this.router.navigate(['/ticket/cancellation-invoice']);
+          },
+          nzOnCancel: () => {
+            this.modal.destroy(true);
+          }
+        });
+      }
+    });
+  }
+}
diff --git a/src/app/routes/ticket-management/components/invoice-requested/update-address-modal/update-address-modal.component.html b/src/app/routes/ticket-management/components/invoice-requested/update-address-modal/update-address-modal.component.html
new file mode 100644
index 00000000..c31df344
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/update-address-modal/update-address-modal.component.html
@@ -0,0 +1 @@
+<sf #sf [schema]="schema" [ui]="{ '*': { spanLabelFixed: 110, span:24 } }" [compact]="true" [button]="'none'"></sf>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/invoice-requested/update-address-modal/update-address-modal.component.less b/src/app/routes/ticket-management/components/invoice-requested/update-address-modal/update-address-modal.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/ticket-management/components/invoice-requested/update-address-modal/update-address-modal.component.ts b/src/app/routes/ticket-management/components/invoice-requested/update-address-modal/update-address-modal.component.ts
new file mode 100644
index 00000000..ce376d0b
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoice-requested/update-address-modal/update-address-modal.component.ts
@@ -0,0 +1,102 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { SFCascaderWidgetSchema, SFComponent, SFSchema } from '@delon/form';
+import { TicketService } from '../../../services/ticket.service';
+
+@Component({
+  selector: 'app-update-address-modal',
+  templateUrl: './update-address-modal.component.html',
+  styleUrls: ['./update-address-modal.component.less']
+})
+export class UpdateAddressModalComponent implements OnInit {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  schema: SFSchema = this.initSF();
+
+  constructor(public service: TicketService) {}
+
+  ngOnInit(): void {}
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        reciname: {
+          type: 'string',
+          title: '收件人姓名',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        recitel: {
+          type: 'string',
+          title: '联系电话',
+          format: 'mobile',
+          minLength: 1,
+          maxLength: 11,
+          ui: {
+            placeholder: '请输入',
+            errors: { required: '请输入注册电话', format: '手机号格式错误' }
+          }
+        },
+        provinceCode: { type: 'string', ui: { hidden: true } },
+        provinceName: { type: 'string', ui: { hidden: true } },
+        cityCode: { type: 'string', ui: { hidden: true } },
+        cityName: { type: 'string', ui: { hidden: true } },
+        areaCode: { type: 'string', ui: { hidden: true } },
+        areaName: { type: 'string', ui: { hidden: true } },
+        enterpriseAddressCode: {
+          type: 'number',
+          title: '收件人地区',
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            widget: 'cascader',
+            valueProperty: 'regionCode',
+            placeholder: '请选择',
+            labelProperty: 'name',
+            asyncData: (node: any, index: any) => {
+              return new Promise(resolve => {
+                this.getRegionDetailByCode(node?.regionCode || '').subscribe(
+                  res => {
+                    node.children = res.map((item: any) => ({ ...item, isLeaf: index === 1 }));
+                  },
+                  _ => {},
+                  () => {
+                    resolve();
+                  }
+                );
+              });
+            },
+            selectionChange: (node: any[]) => {
+              console.log(node);
+              
+              if (node?.length > 0) {
+                this.sf.setValue('/provinceCode', node[0]?.regionCode);
+                this.sf.setValue('/provinceName', node[0]?.name);
+                this.sf.setValue('/cityCode', node[1]?.regionCode);
+                this.sf.setValue('/cityName', node[1]?.name);
+                this.sf.setValue('/areaCode', node[2]?.regionCode);
+                this.sf.setValue('/areaName', node[2]?.name);
+              }
+            }
+          } as SFCascaderWidgetSchema
+        },
+        reciaddr: {
+          type: 'string',
+          title: '详细地址',
+          ui: {
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      },
+      required: ['reciname', 'recitel', 'reciaddr', 'enterpriseAddressCode']
+    };
+  }
+
+  /*
+   * 根据地区code查询地区列表
+   */
+  getRegionDetailByCode(regionCode: any) {
+    return this.service.request(this.service.$api_get_region_by_code, { regionCode });
+  }
+}
diff --git a/src/app/routes/ticket-management/components/invoiced-list/invoiced-list.component.html b/src/app/routes/ticket-management/components/invoiced-list/invoiced-list.component.html
new file mode 100644
index 00000000..1dff8e97
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoiced-list/invoiced-list.component.html
@@ -0,0 +1,75 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-19 20:19:59
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-26 14:27:32
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\ticket-management\\components\\invoiced-list\\invoiced-list.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'已开发票'"> </page-header-wrapper>
+
+<nz-card class="search-box" nzBordered>
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+      <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 120, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } }"
+        [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+      <button nz-button (click)="resetSF()">重置</button>
+      <!-- <button nz-button> 导出</button> -->
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card nzBordered>
+  <div class="d-flex align-items-center mb-md">
+    <!-- <button nz-button (click)="this.deletedInvoice()">作废发票</button>
+    <button nz-button (click)="this.invoiceHongChong()">发票红冲</button> -->
+    <!-- <div class="ml-md">
+      已选择
+      <strong class="text-red">{{ selectedRows.length }}</strong> 条数据&nbsp;&nbsp; 开票金额总计
+      <strong class="text-red">{{ totalCallNo }}</strong>
+      <a *ngIf="totalCallNo > 0" (click)="st.clearCheck()" class="ml-lg">清空</a>
+    </div> -->
+  </div>
+
+  <st #st [data]="service.$api_get_invoice_page" [columns]="columns" [req]="{ process: beforeReq }" [page]="{}"
+    [loading]="false" [scroll]="{ x: '1200px' }" (change)="stChange($event)">
+    <ng-template st-row="no" let-item let-index="index">
+      {{ item.no }}
+      <a>预览发票</a>
+    </ng-template>
+    <ng-template st-row="expresscompany" let-item let-index="index" let-column="column">
+      {{ item.expresscompany }} <br />
+      {{ item.expressno }}
+    </ng-template>
+  </st>
+</nz-card>
+
+<ng-template #logosticsLogsModal>
+  <p class="mb-xl">
+    顺丰快递: {{ routesInfo?.mailNo }}
+    <nz-tag [nzColor]="'#2db7f5'" class="ml-md">已签收</nz-tag>
+  </p>
+  <app-logistics-time-line [data]="routesInfo?.routes"></app-logistics-time-line>
+</ng-template>
+
+<ng-template #requestedModal>
+  <div nz-row nzGutter="8">
+      <div nz-col nzSpan="24" se-container [labelWidth]="100">
+          <se [col]="1" label="快递公司" required>
+              <input nz-input [(ngModel)]="openInfo.expresscompany" placeholder="请输入" />
+          </se>
+          <se [col]="1" label="快递单号" required>
+              <input nz-input [(ngModel)]="openInfo.expressno" placeholder="请输入" />
+          </se>
+      </div>
+  </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/ticket-management/components/invoiced-list/invoiced-list.component.ts b/src/app/routes/ticket-management/components/invoiced-list/invoiced-list.component.ts
new file mode 100644
index 00000000..ddc9df8a
--- /dev/null
+++ b/src/app/routes/ticket-management/components/invoiced-list/invoiced-list.component.ts
@@ -0,0 +1,367 @@
+import { CurrencyPipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router } from '@angular/router';
+import { STComponent, STColumn, STChange, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFDateWidgetSchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { TicketService } from '../../services/ticket.service';
+
+@Component({
+  selector: 'app-invoiced-list',
+  templateUrl: './invoiced-list.component.html',
+  styleUrls: ['../../../commom/less/box.less', '../../../commom/less/expend-but.less']
+})
+export class InvoicedListComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('logosticsLogsModal', { static: false })
+  logosticsLogsModal!: any;
+  columns: STColumn[] = this.initST();
+  searchSchema: SFSchema = this.initSF();
+
+  _$expand = false;
+
+  selectedRows: any[] = [];
+  totalCallNo = 0;
+
+  routesInfo: any = {
+    mailNo: '',
+    routes: []
+  };
+
+  @ViewChild('requestedModal', { static: false })
+  requestedModal!: any;
+  openInfo: any = { expresscompany: null, expressno: null };
+  constructor(public service: TicketService, private nzModalService: NzModalService, private router: Router) {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value,
+        invoicedate: {
+          start: this.sf.value.invoicedate?.[0] || '',
+          end: this.sf.value.invoicedate?.[1] || ''
+        }
+      });
+    }
+    return requestOptions;
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        this.totalCallNo = this.selectedRows.reduce((total, cv) => total + cv.vatnotax, 0).toFixed(2);
+        break;
+    }
+  }
+
+  deletedInvoice(item: any) {
+    // if (this.selectedRows?.length <= 0) {
+    //   this.service.msgSrv.warning('请选择发票');
+    //   return;
+    // }
+    const modal = this.nzModalService.warning({
+      nzTitle: '确定将所选发票作废？',
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_delete_invoice, { id: item.id }).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('发票作废成功');
+          }
+          modal.destroy();
+          this.st.load(1);
+        });
+        return false;
+      }
+    });
+  }
+
+  canceInvoice(item: any) {
+    // if (this.selectedRows?.length <= 0) {
+    //   this.service.msgSrv.warning('请选择发票');
+    //   return;
+    // }
+    const modal = this.nzModalService.warning({
+      nzTitle: '确定取消所选发票？',
+      nzCancelText: '取消',
+      nzOnOk: () => {
+        this.service.request(this.service.$api_cancel_invoice, { id: item.id }).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('取消发票成功');
+          }
+          modal.destroy();
+          this.st.load(1);
+        });
+        return false;
+      }
+    });
+  }
+
+  /**
+   * 填写物流/修改物流
+   * @param item
+   */
+  requestedAction(item: any) {
+    this.openInfo = { expresscompany: item.expresscompany || null, expressno: item.expressno || null };
+    const modal = this.nzModalService.create({
+      nzTitle: item.expresscompany ? '修改物流' : '填写物流',
+      nzContent: this.requestedModal,
+      nzOnOk: () => {
+        if (!this.openInfo?.expresscompany || !this.openInfo?.expressno) {
+          this.service.msgSrv.warning('请填快递信息');
+          return false;
+        }
+        const params = {
+          expresscompany: this.openInfo.expresscompany,
+          expressno: this.openInfo.expressno
+        };
+        this.service
+          .request(this.service.$api_update_Express, {
+            id: item.id,
+            ...params
+          })
+          .subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success(item.expresscompany ? '修改成功' : '填写成功');
+              this.st.load(1);
+              modal.destroy();
+            }
+          });
+
+        return false;
+      }
+    });
+  }
+
+  invoiceHongChong() {
+    if (this.selectedRows?.length <= 0) {
+      this.service.msgSrv.warning('请选择发票');
+      return;
+    }
+    this.nzModalService.warning({
+      nzTitle: '确定将所选发票红冲？',
+      nzCancelText: '取消',
+      nzOnOk: () => {}
+    });
+  }
+
+  showlogosticsLogs(item: any) {
+    this.service.request(this.service.$api_get_express_routes, item.expressno).subscribe(res => {
+      console.log(res);
+      if (res) {
+        res.routes = res.routes.map((route: any) => ({ time: route.acceptTime, value: route.remark + route.acceptAddress, color: 'gray' }));
+        this.routesInfo = res;
+        this.nzModalService.create({
+          nzTitle: '查看物流',
+          nzWidth: 600,
+          nzContent: this.logosticsLogsModal,
+          nzFooter: []
+        });
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        invoiceno: {
+          type: 'string',
+          title: '发票号码',
+          ui: {
+            autocomplete: 'off'
+          }
+        },
+        invoiceno2: {
+          type: 'string',
+          title: '发票代码',
+          ui: {
+            autocomplete: 'off'
+          }
+        },
+        vatappHCode: {
+          type: 'string',
+          title: '申请编号',
+          ui: {
+            autocomplete: 'off'
+          }
+        },
+        invoicedate: {
+          title: '开票日期',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        artoname: {
+          type: 'string',
+          title: '购买人',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        ltdId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            },
+            asyncData: () => this.service.getNetworkFreightForwarder({}, true)
+          },
+          default: ''
+        },
+        vatinvcode: {
+          type: 'string',
+          title: '分票编号',
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox' },
+      { title: '发票号码', index: 'invoiceno', width: 150 },
+      { title: '发票代码', index: 'invoiceno2', width: 150 },
+      {
+        title: '申请编号',
+        index: 'vatappHCode',
+        width: 190,
+        type: 'link',
+        click: item =>
+          this.router.navigate(['/ticket/invoice-list/detail/' + item.id], {
+            queryParams: { type: 1, expressno: item.expressno }
+          })
+      },
+      { title: '申请时间', index: 'createTime', type: 'date', width: 150 },
+      { title: '发票类型', index: 'invoicetypeLabel', className: 'text-center', width: 140 },
+      { title: '网络货运人', index: 'ltdName', width: 170 },
+      { title: '购买人', index: 'artoname', width: 170 },
+      { title: '订单数', index: 'ordlines', className: 'text-right', width: 90 },
+      {
+        title: '价税合计',
+        index: 'vatmoney',
+        width: 130,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.vatmoney }) }
+      },
+      {
+        title: '金额',
+        index: 'vatnotax',
+        width: 120,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.vatnotax }) }
+      },
+      {
+        title: '税率',
+        index: 'billvatrate',
+        className: 'text-right',
+        width: 90,
+        format: item => `${item.billvatrate ? ((item.billvatrate as number) * 100).toFixed(2) : 0}%`
+      },
+      {
+        title: '税额',
+        index: 'vattax',
+        width: 120,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.vattax }) }
+      },
+      { title: '开票日期', index: 'invoicedate', type: 'date', width: 150 },
+      {
+        title: '快递信息',
+        render: 'expresscompany',
+        width: 180
+      },
+      { title: '状态', index: 'stsLabel', width: 90 },
+      {
+        title: '操作',
+        fixed: 'right',
+        className: 'text-center',
+        width: 120,
+        buttons: [
+          { type: 'divider' },
+          {
+            text: '查看明细<br>',
+            click: item =>
+              this.router.navigate(['/ticket/invoice-list/detail/' + item.id], {
+                queryParams: { expressno: item.expressno, type: 2, ltdId: item.shipperId }
+              })
+          },
+          {
+            text: '取消开票<br>',
+            click: item => this.canceInvoice(item),
+            iif: item => item.sts === '1'
+          },
+          {
+            text: '发票作废<br>',
+            click: item => this.deletedInvoice(item),
+            iif: item => item.sts === '3'
+          },
+          {
+            text: '查看物流<br>',
+            click: item => this.showlogosticsLogs(item),
+            iif: item => item.expresscompany
+          },
+          {
+            text: '填写物流<br>',
+            click: item => this.requestedAction(item),
+            iif: item => !item.expresscompany
+          },
+          {
+            text: '修改物流<br>',
+            click: item => this.requestedAction(item),
+            iif: item => item.expresscompany
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/ticket-management/services/ticket.service.ts b/src/app/routes/ticket-management/services/ticket.service.ts
new file mode 100644
index 00000000..23e50119
--- /dev/null
+++ b/src/app/routes/ticket-management/services/ticket.service.ts
@@ -0,0 +1,157 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-29 13:12:35
+ * @LastEditTime: 2022-01-04 10:36:02
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\ticket-management\services\ticket.service.ts
+ */
+import { Injectable, Injector } from '@angular/core';
+import { EACacheService, ShipperBaseService } from '@shared';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class TicketService extends ShipperBaseService {
+  $mock_url = '/rule?_allow_anonymous=true';
+
+  // 运营端查询发票申请记录
+  $api_get_invoice_requested_page = '/api/fcc/ficoVatappH/queryOperateVatappHList';
+  // 获取开票申请订单明细头部信息
+  $api_get_invoice_requested_header_detail = '/api/fcc/ficoVatappBill/getDetailHeadByVatappHId';
+  // 货主/运营端获取开票申请订单明细
+  $api_get_invoice_requested_order_detail = '/api/fcc/ficoVatappBill/getDetailByVatapp';
+  // 删除开票申请订单明细
+  // $api_remove_bill = '/api/fcc/ficoVatappBill/deletebatch';
+  $api_remove_bill = '/api/fcc/ficoVatappH/remove';
+  // 运营端单个/批量驳回
+  $api_reject_invoice = '/api/fcc/ficoVatappH/rejectInvoiceApple';
+  // 运营端修改开票地址
+  $api_update_invoice_address = '/api/fcc/ficoVatappH/updateInvoiceAddr';
+
+  // 运营端销票处理-订单明细页面
+  $api_ficoVatinvHList = '/api/fcc/ficoVatinvH/ficoVatinvHList';
+  // 获取开票申请订单明细头部信息
+  $api_ficoVatinv_header = '/api/fcc/ficoVatappBill/getDetailHeadByVatappHId';
+  // 获取分票发票明细
+  $api_ficoVatinv_Detail = '/api/fcc/ficoVatinvL/getDetailByVatinvHId';
+  // 运营端订单明细开票处理
+  $api_apply_fico = '/api/fcc/ficoVatinvH/crmPushInvo';
+  // 手工开票获取开票申请信息展示
+  $api_get_apply_fico_info = '/api/fcc/ficoVatappH/get';
+  // 运营端手工开票/确认/E税云开票成功后的回调
+  $api_apply_fico_invoic = '/api/fcc/ficoVatinvH/operateAffirmVatinv';
+  // 运营端推送开票-E税云开票
+  $api_push_invoic = '/api/fcc/ficoVatinvH/crmPushInvo';
+  // 运营端批量推送开票-E税云开票
+  $api_batch_push_invoic = '/api/fcc/ficoVatinvH/crmPushInvoBath';
+  // 发票作废
+  $api_cancel_invoic = '/api/fcc/ficoVatinvH/inpinvHCancel';
+  // 运营端销票处理导出销售清单
+  $api_export_invoic_detail = '/api/fcc/ficoVatinvH/reportVatinvHByOperator';
+
+  // 获取汇总下单路径
+  $api_get_order_summary_path = '/api/fcc/ficoExpressH/getSummaryOrderAddress';
+  // 新建快递单
+  $api_create_express = '/api/fcc/ficoExpressH/save';
+  // 获取汇总下单
+  $api_get_order_summary = '/api/fcc/ficoExpressH/summaryOrder';
+  // 打印快递面单
+  $api_get_print_pdf = '/api/fcc/ficoExpressH/printData';
+
+  // 已开发票查询
+  $api_get_invoice_page = '/api/fcc/ficoVatinvH/list/page';
+
+  // 更新快递信息
+  $api_update_Express = '/api/fcc/ficoVatinvH/updateExpress';
+
+  // 发票作废
+  $api_delete_invoice = '/api/fcc/ficoVatinvH/inpinvHCancel';
+  // 发票取消
+  $api_cancel_invoice = '/api/fcc/ficoVatinvH/cancel';
+  // 获取销项发票抬头
+  $api_get_invoice_header_detail = '/api/fcc/ficoVatinvH/get';
+  // 获取分票发票抬头开票申请订单明细
+  $api_get_invoice_order_detail = '/api/fcc/ficoVatappBill/getDetailByVatinvHId';
+  // 获取分票发票抬头开票申请费用明细
+  $api_get_invoice_cost_detail = '/api/fcc/ficoVatappFee/getDetailByVatinvHId';
+  // 获取分票发票明细
+  $api_get_invoice_details = '/api/fcc/ficoVatinvL/getDetailByVatinvHId';
+  // 运营端订单明细开票处理
+  $api_get_applyFicoVatinv = '/api/fcc/ficoVatinvH/applyFicoVatinv';
+  // 开票申请列表批量开票
+  $api_get_applyBatchFicoVatinv = '/api/fcc/ficoVatinvH/applyBatchFicoVatinv';
+  // 删除销项发票抬头
+  $api_delete_deletebatch = '/api/fcc/ficoVatinvH/deletebatch';
+  // 保存开票申请费用明细
+  $api_ficoVatappFee_save = '/api/fcc/ficoVatappFee/save';
+
+  // 查询ETC白名单（货主）
+  $api_get_etc_shipper_list = '/api/fcc/ficoShipperWhiteList/list/page';
+  // 删除ETC白名单（货主）
+  $api_delete_etc_shipper = '/api/fcc/ficoShipperWhiteList/deleteBatch';
+  // 保存ETC白名单（货主）
+  $api_save_etc_shipper = '/api/fcc/ficoShipperWhiteList/save';
+  // 查询ETC企业列表
+  $api_get_etc_list = '/api/mdc/cuc/enterpriseInfo/operate/etcList';
+  // 查询ETC认证车辆信息筛选
+  $api_get_etc_cart_list = '/api/mdc/cuc/carLicense/operate/findCarLicenseScreenList';
+  // 查询ETC认证车辆信息筛选
+  $api_get_etc_cart_page = '/api/fcc/ficoCarWhiteList/list/page';
+  // 保存ETC白名单（车辆）
+  $api_save_etc_cart = '/api/fcc/ficoCarWhiteList/save';
+  // 删除ETC白名单（车辆）
+  $api_delete_etc_cart = '/api/fcc/ficoCarWhiteList/deleteBatch';
+
+  // ETC申请开票界面查询
+  $api_get_apply_invoice_page = '/api/sdc/invoiceEtcOperate/list/listEtcApplyPageList';
+  // ETC开票申请
+  $api_get_apply_invoice = '/api/sdc/invoiceEtcOperate/applyForInvoicingBatch';
+  // ETC开票记录界面查询
+  $api_get_invoice_record_page = '/api/sdc/invoiceEtcOperate/list/listEtcRecordPageList';
+  // 查询ETC发票明细表
+  $api_get_invoice_logs_page = '/api/fcc/ficoEtcInvoiceL/list/page';
+  // 导出ETC发票明细表
+  $api_export_invoice_logs_page = '/api/fcc/ficoEtcInvoiceL/asyncExport';
+
+  // 进项发票查询
+  $api_get_input_invoice_page = '/api/fcc/ficoInpinvH/getListPage';
+  // 根据ID获取进项发票详情
+  $api_get_input_invoice_header = '/api/fcc/ficoInpinvH/getFicoInpinvHByid';
+  // 查询进项发票明细
+  $api_get_input_invoice_detail_page = '/api/fcc/ficoInpinvL/list/page';
+
+  // 查询快递轨迹
+  $api_get_express_routes = '/api/fcc/ficoExpressH/searchRoutes';
+  // 下载对账单文件
+  $api_downloadPdf = '/api/fcc/ficoVatappBill/downloadPdf';
+
+  // 根据地区code查询列表
+  $api_get_region_by_code = '/api/mdc/pbc/region/getRegionByCode';
+
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+
+  reviewPDF(url: string) {
+    if (!url) {
+      return;
+    }
+    const uA = window.navigator.userAgent; // 判断浏览器内核
+    const isIE =
+      /msie\s|trident\/|edge\//i.test(uA) &&
+      !!('uniqueID' in document || 'documentMode' in document || 'ActiveXObject' in window || 'MSInputMethodContext' in window);
+    const objectUrl = url;
+    const a = document.createElement('a');
+    document.body.appendChild(a);
+    a.href = objectUrl;
+    a.download = '面单.pdf';
+    if (isIE) {
+      // 兼容IE11无法触发下载的问题
+      (navigator as any).msSaveBlob(url, a.download);
+    } else {
+      a.click();
+    }
+    a.remove();
+  }
+}
diff --git a/src/app/routes/ticket-management/ticket-management-routing.module.ts b/src/app/routes/ticket-management/ticket-management-routing.module.ts
new file mode 100644
index 00000000..5cbcd7d0
--- /dev/null
+++ b/src/app/routes/ticket-management/ticket-management-routing.module.ts
@@ -0,0 +1,38 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { CancellationInvoiceComponent } from './components/cancellation-invoice/cancellation-invoice.component';
+import { ETCBlacklistComponent } from './components/etc-blacklist/etc-blacklist.component';
+import { ETCInvoicedListComponent } from './components/etc-invoiced-list/etc-invoiced-list.component';
+import { ETCInvoicedLogsComponent } from './components/etc-invoiced-logs/etc-invoiced-logs.component';
+import { ETCInvoicedRequestedComponent } from './components/etc-invoiced-requested/etc-invoiced-requested.component';
+import { ExpressInfoComponent } from './components/express-info/express-info.component';
+import { EditCollectionInvoiceComponent } from './components/input-invoice/edit-collection-invoice/edit-collection-invoice.component';
+import { InputInvoiceDetailComponent } from './components/input-invoice/input-invoice-detail/input-invoice-detail.component';
+import { InputInvoiceComponent } from './components/input-invoice/input-invoice.component';
+import { InvoiceDetailComponent } from './components/invoice-detail/invoice-detail.component';
+import { InvoiceRequestedDetailComponent } from './components/invoice-requested/invoice-requested-detail/invoice-requested-detail.component';
+import { InvoiceRequestedComponent } from './components/invoice-requested/invoice-requested.component';
+import { InvoicedListComponent } from './components/invoiced-list/invoiced-list.component';
+
+const routes: Routes = [
+  { path: 'invoice-requested', component: InvoiceRequestedComponent },
+  { path: 'invoice-requested/detail/:id', component: InvoiceRequestedDetailComponent },
+  { path: 'invoice-list', component: InvoicedListComponent },
+  { path: 'invoice-list/detail/:id', component: InvoiceDetailComponent },
+  { path: 'cancellation-invoice', component: CancellationInvoiceComponent },
+  { path: 'cancellation-invoice/detail/:id', component: InvoiceDetailComponent },
+  { path: 'etc-invoice-requested', component: ETCInvoicedRequestedComponent },
+  { path: 'etc-invoice-list', component: ETCInvoicedListComponent },
+  { path: 'etc-invoiced-logs', component: ETCInvoicedLogsComponent },
+  { path: 'etc-blacklist', component: ETCBlacklistComponent },
+  { path: 'input-invoice', component: InputInvoiceComponent },
+  { path: 'input-invoice/detail/:id', component: InputInvoiceDetailComponent },
+  { path: 'input-invoice/edit/:id', component: EditCollectionInvoiceComponent },
+  { path: 'express-info', component: ExpressInfoComponent }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class TicketManagementRoutingModule {}
diff --git a/src/app/routes/ticket-management/ticket-management.module.ts b/src/app/routes/ticket-management/ticket-management.module.ts
new file mode 100644
index 00000000..e0d47e51
--- /dev/null
+++ b/src/app/routes/ticket-management/ticket-management.module.ts
@@ -0,0 +1,62 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SharedModule } from '@shared';
+import { TicketManagementRoutingModule } from './ticket-management-routing.module';
+import { ETCInvoicedListComponent } from './components/etc-invoiced-list/etc-invoiced-list.component';
+import { ETCInvoicedRequestedComponent } from './components/etc-invoiced-requested/etc-invoiced-requested.component';
+import { ETCInvoicedLogsComponent } from './components/etc-invoiced-logs/etc-invoiced-logs.component';
+import { ETCBlacklistComponent } from './components/etc-blacklist/etc-blacklist.component';
+import { InvoicedListComponent } from './components/invoiced-list/invoiced-list.component';
+import { InvoiceRequestedComponent } from './components/invoice-requested/invoice-requested.component';
+import { InvoiceRequestedDetailComponent } from './components/invoice-requested/invoice-requested-detail/invoice-requested-detail.component';
+import { TransactionDetailsComponent } from './components/etc-invoiced-list/transaction-details/transaction-details.component';
+import { RequestedInvoiceModalComponent } from './components/invoice-requested/requested-invoice-modal/requested-invoice-modal.component';
+import { RequestedDetailComponent } from './components/invoice-requested/requested-detail/requested-detail.component';
+import { InvoiceDetailComponent } from './components/invoice-detail/invoice-detail.component';
+import { CancellationInvoiceComponent } from './components/cancellation-invoice/cancellation-invoice.component';
+import { PushInvoiceComponent } from './components/cancellation-invoice/push-invoice/push-invoice.component';
+import { AddOwnerComponent } from './components/etc-blacklist/add-owner/add-owner.component';
+import { AddCartComponent } from './components/etc-blacklist/add-cart/add-cart.component';
+import { InputInvoiceComponent } from './components/input-invoice/input-invoice.component';
+import { InputInvoiceDetailComponent } from './components/input-invoice/input-invoice-detail/input-invoice-detail.component';
+import { AddCollectionInvoiceModalComponent } from './components/input-invoice/add-collection-invoice-modal/add-collection-invoice-modal.component';
+import { EditCollectionInvoiceComponent } from './components/input-invoice/edit-collection-invoice/edit-collection-invoice.component';
+import { AddCostDetailComponent } from './components/input-invoice/add-cost-detail/add-cost-detail.component';
+import { PrintOrderModalComponent } from './components/invoice-requested/print-order-modal/print-order-modal.component';
+import { ExpressInfoComponent } from './components/express-info/express-info.component';
+import { ExpressDetailModalComponent } from './components/express-info/express-detail-modal/express-detail-modal.component';
+import { UpdateAddressModalComponent } from './components/invoice-requested/update-address-modal/update-address-modal.component';
+
+const COMPONENTS: any = [
+  ETCInvoicedListComponent,
+  ETCInvoicedRequestedComponent,
+  ETCInvoicedLogsComponent,
+  ETCBlacklistComponent,
+  InvoiceRequestedComponent,
+  InvoicedListComponent,
+  InvoiceRequestedDetailComponent,
+  InvoiceDetailComponent,
+  CancellationInvoiceComponent,
+  PushInvoiceComponent,
+  InputInvoiceComponent,
+  InputInvoiceDetailComponent,
+  EditCollectionInvoiceComponent,
+  ExpressInfoComponent
+];
+const NOTROUTECOMPONENTS: any = [
+  TransactionDetailsComponent,
+  RequestedInvoiceModalComponent,
+  RequestedDetailComponent,
+  AddOwnerComponent,
+  AddCartComponent,
+  AddCollectionInvoiceModalComponent,
+  AddCostDetailComponent,
+  PrintOrderModalComponent,
+  ExpressDetailModalComponent,
+  UpdateAddressModalComponent
+];
+@NgModule({
+  declarations: [...COMPONENTS, ...NOTROUTECOMPONENTS],
+  imports: [CommonModule, TicketManagementRoutingModule, SharedModule]
+})
+export class TicketManagementModule {}
diff --git a/src/app/routes/usercenter/components/driver/add-driver/add-driver.component.html b/src/app/routes/usercenter/components/driver/add-driver/add-driver.component.html
new file mode 100644
index 00000000..e5021ee6
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/add-driver/add-driver.component.html
@@ -0,0 +1,52 @@
+<div class="modal-header">
+    <div class="modal-title">添加司机</div>
+</div>
+<!-- <nz-spin *ngIf="!i" class="modal-spin"></nz-spin> -->
+<div class="sfBox">
+    <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="schema">
+        <ng-template sf-template="tipsA" let-me let-ui="ui" let-schema="schema">
+            <div class="pr">
+                <dl class="tips">
+                    <dt>正面照</dt>
+                    <dd>示例</dd>
+                </dl>
+                <div class="pa"><img height="104" src="./assets/images/usercenter/certificate-demo-front.png" /></div>
+            </div>
+        </ng-template>
+        <ng-template sf-template="tipsB" let-me let-ui="ui" let-schema="schema">
+            <div class="pr">
+                <dl class="tips">
+                    <dt>背面照</dt>
+                    <dd>示例</dd>
+                </dl>
+                <div class="pa"><img height="104" src="./assets/images/usercenter/certificate-demo-back.png" /></div>
+            </div>
+        </ng-template>
+    </sf>
+    <sf #sf1 [compact]="true" [ui]="ui2" [schema]="schema1" [button]="'none'" *ngIf="schema1">
+        <ng-template sf-template="roadImg" let-me let-ui="ui" let-schema="schema">
+            <img height="104" src="/assets/images/drivercard.png" class="borderImg" />
+        </ng-template>
+    </sf>
+    <sf #sf2 [compact]="true" [ui]="ui3" [schema]="schema2" [button]="'none'" *ngIf="schema2">
+        <ng-template sf-template="agreeImg" let-me let-ui="ui" let-schema="schema">
+            <img height="104" src="/assets/images/jopcard.png" class="borderImg" />
+        </ng-template>
+    </sf>
+    <!-- <div class="example" (click)="showExample()">
+      查看示例
+      <div class="popBox" *ngIf="showCardFlag">
+          <img src="https://ng.ant.design/assets/img/logo.svg" alt="">
+      </div>
+  </div>
+  <div class="example positionSet" (click)="showJopExample()">
+      查看示例
+      <div class="popBox" *ngIf="showJopFlag">
+          <img src="https://ng.ant.design/assets/img/logo.svg" alt="">
+      </div>
+  </div> -->
+</div>
+<div class="modal-footer">
+    <button nz-button type="button" (click)="close()">关闭</button>
+    <button nz-button type="button" nzType="primary" (click)="submitForm()" [disabled]="!(sf?.valid && sf1?.valid && sf2?.valid)">确定</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/driver/add-driver/add-driver.component.less b/src/app/routes/usercenter/components/driver/add-driver/add-driver.component.less
new file mode 100644
index 00000000..856acdf9
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/add-driver/add-driver.component.less
@@ -0,0 +1,57 @@
+.sfBox{
+  position: relative;
+}
+.pr {
+  position: relative;
+}
+
+.pa {
+  position: absolute;
+  top: 35px;
+  left: 150px;
+  img{border: solid 1px #ebf0fb;}
+}
+
+.tips {
+  display: flex;
+  margin-bottom: 0;
+  color: #333;
+
+  dt {
+    width: 150px;
+  }
+
+  dd {
+    width: 190px;
+    margin-bottom: 0;
+    text-align: center;
+  }
+}
+.drivercard{
+  position: absolute;
+  top: 710px;
+  left: 330px;
+  border: solid 1px #ebf0fb;
+}
+.jopcard{
+  position: absolute;
+  top: 1115px;
+  left: 330px;
+  border: solid 1px #ebf0fb;
+}
+:host{
+  ::ng-deep {
+  .ant-input-borderless{
+      padding: 0;
+      padding-top: 4px;
+      color: black;
+      resize:none;
+    }
+    .setCustom .ant-form-item-control{
+      margin-left: -100px !important
+    }
+    .borderImg{
+      border: solid 1px #ebf0fb;
+    }
+  }
+}
diff --git a/src/app/routes/usercenter/components/driver/add-driver/add-driver.component.spec.ts b/src/app/routes/usercenter/components/driver/add-driver/add-driver.component.spec.ts
new file mode 100644
index 00000000..7c61267f
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/add-driver/add-driver.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { CarSettleAddDriverComponent } from './add-driver.component';
+
+describe('CarSettleAddDriverComponent', () => {
+  let component: CarSettleAddDriverComponent;
+  let fixture: ComponentFixture<CarSettleAddDriverComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ CarSettleAddDriverComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CarSettleAddDriverComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/usercenter/components/driver/add-driver/add-driver.component.ts b/src/app/routes/usercenter/components/driver/add-driver/add-driver.component.ts
new file mode 100644
index 00000000..ed202b46
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/add-driver/add-driver.component.ts
@@ -0,0 +1,715 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { apiConf } from '@conf/api.conf';
+import { cacheConf } from '@conf/cache.conf';
+import { SFComponent, SFUISchema, SFSchema, SFUploadWidgetSchema, SFDateWidgetSchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { EACacheService, EAEnvironmentService } from '@shared';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { NzUploadFile } from 'ng-zorro-antd/upload';
+import { Observable, Observer, of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { UsermanageService } from '../../../services/usercenter.service';
+
+@Component({
+  selector: 'app-car-add-driver',
+  templateUrl: './add-driver.component.html',
+  styleUrls: ['./add-driver.component.less']
+})
+export class CarSettleAddDriverComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sf1', { static: false }) sf1!: SFComponent;
+  @ViewChild('sf2', { static: false }) sf2!: SFComponent;
+  record: any = {};
+  i: any;
+  ui: SFUISchema = {};
+  ui2: SFUISchema = {};
+  ui3: SFUISchema = {};
+  schema: SFSchema = {};
+  schema1: SFSchema = {};
+  schema2: SFSchema = {};
+  showCardFlag = false;
+  showJopFlag = false;
+  detailData: any = {
+    identityInfoDTO: {},
+    userDriverLicenseDTO: {},
+    userPracticeSeniorityDTO: {}
+  };
+  companyData: any = {};
+  constructor(
+    private modal: NzModalRef,
+    public service: UsermanageService,
+    private envSrv: EAEnvironmentService,
+    private eaCacheSrv: EACacheService
+  ) {}
+
+  ngOnInit(): void {
+    this.companyData = this.eaCacheSrv.get(cacheConf.env);
+    this.initSF();
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        titleA: {
+          title: '司机信息(必填）',
+          type: 'string',
+          ui: {
+            widget: 'text'
+          },
+          default: '照片上传后会自动识别文字并填充下列内容栏'
+        },
+        mobile: {
+          title: '手机号',
+          type: 'string',
+          format: 'mobile',
+          maxLength: 11,
+          ui: {
+            widget: ''
+          }
+        },
+        showName: {
+          title: '身份证照片',
+          type: 'string',
+          readOnly: true,
+          ui: {
+            widget: 'textarea',
+            borderless: true,
+            showRequired: true
+          },
+          default: '请上传身份证原件的高清照片，若上传复印件，则需加盖公司印章及法人签字；上传后系统会自动识别并填写'
+        },
+        tipsA: {
+          title: '',
+          type: 'string',
+          ui: {
+            widget: 'custom',
+            offsetControl: 6
+          }
+        },
+        certificatePhotoFrontWatermark: {
+          type: 'string',
+          title: '',
+          ui: {
+            offsetControl: 6,
+            action: apiConf.waterFileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            widget: 'upload',
+            descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过2M',
+            data: {
+              appId: this.envSrv.env.appId
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                const avatar = [
+                  {
+                    uid: -1,
+                    name: 'LOGO',
+                    status: 'done',
+                    url: args.file.response.data.fullFileWatermarkPath,
+                    response: {
+                      url: args.file.response.data.fullFileWatermarkPath,
+                    },
+                  },
+                ];
+                this.sf?.setValue('/certificatePhotoFrontWatermark', avatar);
+                this.detailData.certificatePhotoFront = args.file.response.data.fullFilePath;
+                this.checkIdCard(args.file.response.data.fullFilePath, 'front', 0);
+              }
+            },
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt2M = file.size / 1024 / 1024 < 2;
+                if (!isLt2M) {
+                  this.service.msgSrv.warning('图片大小超过2M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt2M);
+                observer.complete();
+              });
+            }
+            //  previewFile: (file: NzUploadFile) => of(file.url),
+          }
+        },
+        tipsB: {
+          title: '',
+          type: 'string',
+          ui: {
+            widget: 'custom',
+            offsetControl: 6
+          }
+        },
+        certificatePhotoBackWatermark: {
+          type: 'string',
+          title: '',
+          ui: {
+            offsetControl: 6,
+            action: apiConf.waterFileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            widget: 'upload',
+            descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过2M',
+            data: {
+              appId: this.envSrv.env.appId
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                const avatar = [
+                  {
+                    uid: -1,
+                    name: 'LOGO',
+                    status: 'done',
+                    url: args.file.response.data.fullFileWatermarkPath,
+                    response: {
+                      url: args.file.response.data.fullFileWatermarkPath,
+                    },
+                  },
+                ];
+                this.sf?.setValue('/certificatePhotoBackWatermark', avatar);
+                this.detailData.certificatePhotoBack = args.file.response.data.fullFilePath;
+                this.checkIdCard(args.file.response.data.fullFilePath, 'back', 0);
+              }
+            },
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt2M = file.size / 1024 / 1024 < 2;
+                if (!isLt2M) {
+                  this.service.msgSrv.warning('图片大小超过2M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt2M);
+                observer.complete();
+              });
+            }
+            //  previewFile: (file: NzUploadFile) => of(file.url),
+          }
+        },
+        name: {
+          title: '姓名',
+          type: 'string',
+          maxLength: 32,
+          ui: {
+            widget: '',
+            placeholder: '请输入姓名'
+          }
+        },
+        certificateNumber: {
+          title: '身份证号',
+          type: 'string',
+          format: 'id-card',
+          minLength: 1,
+          maxLength: 18,
+          ui: {
+            widget: '',
+            placeholder: '请输入法定代表人证件号',
+            errors: {
+              required: '请输入18位身份证号码'
+            }
+          }
+        },
+        bankCardNo: {
+          title: '银行卡号',
+          type: 'string',
+          maxLength: 18,
+          ui: {
+            widget: '',
+            placeholder: '请输入银行卡号'
+            // change: (val: any) =>{
+            //   const value =  val.replace(/\D/g,'')
+            //   this.sf.setValue('/bankCardNo', value)
+            // },
+          },
+          default: ''
+        },
+        bankName: {
+          title: '开户行',
+          type: 'string',
+          ui: {
+            widget: ''
+          },
+          default: ''
+        }
+      },
+      required: ['mobile','certificatePhotoFrontWatermark', 'certificatePhotoBackWatermark', 'name', 'certificateNumber', 'bankCardNo']
+    };
+    this.schema1 = {
+      properties: {
+        titleB: {
+          title: '驾驶证信息(必填）',
+          type: 'string',
+          ui: {
+            widget: 'text'
+          },
+          default: '照片上传后会自动识别文字并填充下列内容栏'
+        },
+        certificatePhotoWatermark: {
+          type: 'string',
+          title: '驾驶证照片',
+          ui: {
+            action: apiConf.waterFileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            widget: 'upload',
+            descriptionI18n: '请上传驾驶证照片，支持JPG、PNG格式，文件小于5M。照片信息缺失、拼凑、过度PS、模糊不清，都不会通过审核。',
+            data: {
+              appId: this.envSrv.env.appId
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                const avatar = [
+                  {
+                    uid: -1,
+                    name: 'LOGO',
+                    status: 'done',
+                    url: args.file.response.data.fullFileWatermarkPath,
+                    response: {
+                      url: args.file.response.data.fullFileWatermarkPath,
+                    },
+                  },
+                ];
+                this.sf1?.setValue('/certificatePhotoWatermark', avatar);
+                this.detailData.userDriverLicenseDTO.certificatePhoto = args.file.response.data.fullFilePath;
+                this.checkDriverCard(args.file.response.data.fullFilePath, 'front', 0);
+              } else {
+                this.detailData.userDriverLicenseDTO.certificatePhoto = '';
+              }
+            },
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt4M = file.size / 1024 / 1024 < 4;
+                if (!isLt4M) {
+                  this.service.msgSrv.warning('图片大小超过4M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt4M);
+                observer.complete();
+              });
+            }
+            //  previewFile: (file: NzUploadFile) => of(file.url),
+          }
+        },
+        roadImg: {
+          title: '',
+          type: 'boolean',
+          // enum: [{ label: '长期', value: true }],
+          ui: {
+            widget: 'custom',
+          }
+        },
+        licenseNo: {
+          title: '驾驶证号',
+          type: 'string',
+          ui: {
+            // widget: 'text',
+            placeholder: '请输入'
+          }
+          // default: this.ar.snapshot.queryParams.licenseNo
+        },
+        driverModel: {
+          title: '准驾车型',
+          type: 'string',
+          ui: {
+            widget: 'select',
+            mode: 'multiple',
+            containsAllLabel: false,
+            placeholder: '请选择准驾车型',
+            asyncData: () =>
+              this.service.request(this.service.$api_getDictValue, { dictKey: 'driverModel' }).pipe(
+                map(data => {
+                  return data.map((m: any) => {
+                    return { label: m.label, value: m.label };
+                  });
+                })
+              )
+          }
+        },
+        validStartTime: {
+          title: '有效期起',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            errors: {
+              required: '请选择起始日期'
+            },
+            change: i => {}
+          } as SFDateWidgetSchema
+        },
+        validEndTime: {
+          title: '有效期止',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            errors: {
+              required: '请选择终止日期'
+            },
+            change: i => {}
+          } as SFDateWidgetSchema
+        },
+        signingOrganization: {
+          title: '签发机关',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            // widget: this.detailData.commitFlag !== 0 ? 'text' : '',
+            placeholder: '请输入'
+          }
+        }
+      },
+      required: ['certificatePhotoWatermark', 'licenseNo', 'driverModel', 'validStartTime', 'validEndTime']
+    };
+    this.schema2 = {
+      properties: {
+        titleC: {
+          title: '从业资格证(选填）',
+          type: 'string',
+          ui: {
+            widget: 'text'
+          },
+          default: '照片上传后会自动识别文字并填充下列内容栏'
+        },
+        certificatePhotoWatermark: {
+          type: 'string',
+          title: '',
+          ui: {
+            offsetControl: 6,
+            action: apiConf.waterFileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFilePath',
+            urlReName: 'data.fullFilePath',
+            widget: 'upload',
+            descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+            data: {
+              appId: this.envSrv.env.appId
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                const avatar = [
+                  {
+                    uid: -1,
+                    name: 'LOGO',
+                    status: 'done',
+                    url: args.file.response.data.fullFileWatermarkPath,
+                    response: {
+                      url: args.file.response.data.fullFileWatermarkPath,
+                    },
+                  },
+                ];
+                this.sf2?.setValue('/certificatePhotoWatermark', avatar);
+                this.detailData.userPracticeSeniorityDTO.certificatePhoto = args.file.response.data.fullFilePath;
+                this.checkQualificationCertificate(args.file.response.data.fullFilePath);
+              } else {
+                this.detailData.userPracticeSeniorityDTO.certificatePhoto = '';
+              }
+            },
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt2M = file.size / 1024 / 1024 < 2;
+                if (!isLt2M) {
+                  this.service.msgSrv.warning('图片大小超过2M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt2M);
+                observer.complete();
+              });
+            },
+            // previewFile: (file: NzUploadFile) => of()
+          }
+        },
+        agreeImg: {
+          title: '',
+          type: 'boolean',
+          // enum: [{ label: '长期', value: true }],
+          ui: {
+            widget: 'custom',
+          }
+        },
+        licenseNo: {
+          title: '从业资格证号',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            // widget: this.detailData.commitFlag !== 0 ? 'text' : '',
+            placeholder: '请输入'
+          }
+        },
+        regionCode: {
+          title: '签发省份',
+          type: 'string',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            asyncData: () => this.getProvinceData()
+          } as SFDateWidgetSchema
+        },
+        validStartTime: {
+          title: '发证日期',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            errors: {
+              required: '请选择起始日期'
+            },
+            change: i => {}
+          } as SFDateWidgetSchema
+        },
+        validEndTime: {
+          title: '有效期止',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            errors: {
+              required: '请选择终止日期'
+            },
+            change: i => {}
+          } as SFDateWidgetSchema
+        }
+      },
+      required: []
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 180,
+        grid: { span: 24 },
+        width: 700
+      },
+      $title1: {
+        spanLabelFixed: 0
+      },
+      $title2: {
+        spanLabelFixed: 0
+      },
+      $title3: {
+        spanLabelFixed: 0
+      },
+      $title4: {
+        spanLabelFixed: 0
+      },
+      $enterpriseRegistrationTime: {
+        width: 680
+      },
+      $operatingEndTime: {
+        grid: { span: 9 }
+      },
+      $dateType: {
+        grid: { span: 4 }
+      },
+      $validEndTime: {
+        grid: { span: 9 }
+      },
+      $dateType01: {
+        grid: { span: 4 }
+      },
+      $registrationCapital: {
+        grid: { span: 12 }
+      },
+      $unit: {
+        spanLabelFixed: 20,
+        grid: { span: 3 }
+      }
+    };
+    this.ui2 = {
+      '*': {
+        spanLabelFixed: 180,
+        grid: { span: 18 },
+        width: 600,
+      },
+      $titleB:{
+        grid: { span: 24 },
+      },
+      $certificatePhotoWatermark: {
+        grid: { span: 12 },
+      },
+      $roadImg: {
+        grid: { span: 4 },
+        class: 'setCustom'
+      },
+    };
+    this.ui3 = {
+      '*': {
+        spanLabelFixed: 180,
+        grid: { span: 18 },
+        width: 600,
+      },
+      $titleC:{
+        grid: { span: 24 },
+      },
+      $certificatePhotoWatermark: {
+        grid: { span: 12 },
+      },
+      $agreeImg: {
+        grid: { span: 4 },
+        class: 'setCustom'
+      },
+    };
+  }
+  getRegionToThree() {
+    // 获取一、二、三级地区详情
+    this.service.http.post(this.service.$api_getRegionToThree).subscribe((res) => {
+      if(this.sf1){
+        this.sf1.getProperty('/enterpriseAddressCode')!.schema.enum = res.data;
+        this.sf1?.getProperty('/enterpriseAddressCode')?.widget.reset(res.data);
+      }
+    });
+  }
+  getProvinceData() {
+    return this.service.request(this.service.$api_getRegionByCode, { regionCode: '' }).pipe(
+      map(res => {
+        const result: any = [];
+        if (res) {
+          res.map((m: any) => {
+            const item = { label: m.name, value: m.regionCode };
+            result.push(item);
+          });
+        }
+        return result;
+      })
+    );
+  }
+  checkIdCard(imgurl: any, side: any, type: any) {
+    // 识别身份证 参数side：0-正面、1-背面；type：0-申请人身份证，1-法定代表人身份证
+    const params = {
+      idCardUrl: imgurl,
+      side
+    };
+    this.service.request(this.service.$api_checkIdCard, params).subscribe(res => {
+      if (res) {
+        if (type === 0) {
+          // 法定代表人身份证
+          if (side === 'front') {
+            // 正面
+            this.sf.setValue('/name', res.name);
+            this.sf.setValue('/certificateNumber', res.number);
+          }
+        }
+      }
+    });
+  }
+  checkQualificationCertificate(imgurl: any) {
+    // 识别从业资格证 参数side：0-正面、1-背面；type：0-申请人身份证，1-法定代表人身份证
+    const params = {
+      qualificationCertificateUrl: imgurl
+    };
+    this.service.request(this.service.$api_recognizeQualificationCertificate, params).subscribe(res => {
+      console.log(res);
+
+      if (res) {
+        this.sf2.setValue('/licenseNo', res.certificateNumber);
+        this.sf2.setValue('/regionCode', res.addressRegionCodes?.[0]);
+      }
+    });
+  }
+
+  checkDriverCard(imgurl: any, side: any, type: any) {
+    // 识别身份证 参数side：0-正面、1-背面；type：0-申请人身份证，1-法定代表人身份证
+    const params = {
+      driverLicenseUrl: imgurl,
+      side
+    };
+    this.service.request(this.service.$api_recognizeDriverLicense, params).subscribe(res => {
+      if (res) {
+        if (type === 0) {
+          // 法定代表人身份证
+          if (side === 'front') {
+            // 正面
+            this.sf1.setValue('/licenseNo', res.number);
+            this.sf1.setValue('/driverModel', [res.classType?.toUpperCase()]);
+            this.sf1.setValue('/validStartTime', res.validFrom);
+            this.sf1.setValue('/validEndTime', res.validTo);
+            this.sf1.setValue('/signingOrganization', res.issuingAuthority);
+          }
+        }
+      }
+    });
+  }
+  close(): void {
+    this.modal.destroy();
+  }
+  showExample() {
+    this.showCardFlag = !this.showCardFlag;
+  }
+  showJopExample() {
+    this.showJopFlag = !this.showJopFlag;
+  }
+  submitForm() {
+    const items: any = this.sf.value;
+    items.certificatePhotoFrontWatermark = this.sf.value?.certificatePhotoFrontWatermark?.data?.fullFilePath || this.sf.value?.certificatePhotoFrontWatermark;
+    items.certificatePhotoBackWatermark = this.sf.value?.certificatePhotoBackWatermark?.data?.fullFilePath || this.sf.value?.certificatePhotoBackWatermark;
+    const items2: any = this.sf1.value;
+    items2.certificatePhotoWatermark = this.sf1.value?.certificatePhotoWatermark?.data?.fullFilePath || this.sf1.value?.certificatePhotoWatermark;
+    const items3: any = this.sf2.value;
+    items3.certificatePhotoWatermark = this.sf2.value?.certificatePhotoWatermark?.data?.fullFilePath || this.sf2.value?.certificatePhotoWatermark;
+    const params: any = {
+      source: 2,
+      mobile: this.sf.value.mobile,
+      bankCardNo: this.sf.value.bankCardNo,
+      bankName: this.sf.value.bankName,
+      identityInfoDTO: {
+        ...items,
+        certificatePhotoFront: this.detailData.certificatePhotoFront,
+        certificatePhotoBack: this.detailData.certificatePhotoBack
+      },
+      userDriverLicenseDTO: {
+        ...items2,
+        certificatePhoto: this.detailData.userDriverLicenseDTO.certificatePhoto
+      },
+      userPracticeSeniorityDTO: {
+        ...items3,
+        certificatePhoto: this.detailData.userPracticeSeniorityDTO.certificatePhoto
+      }
+    };
+    if (params.userPracticeSeniorityDTO.certificatePhoto === '' || params.userPracticeSeniorityDTO.certificatePhotoWatermark === '') {
+      delete params.userPracticeSeniorityDTO.certificatePhotoWatermark;
+      delete params.userPracticeSeniorityDTO.certificatePhoto;
+    }
+    params.userDriverLicenseDTO.driverModel = params.userDriverLicenseDTO.driverModel.join(',');
+    delete params.identityInfoDTO.showName;
+    delete params.identityInfoDTO.titleA;
+    delete params.userDriverLicenseDTO.titleB;
+    delete params.userPracticeSeniorityDTO.titleC;
+    delete params.userDriverLicenseDTO.tipsA;
+    delete params.userPracticeSeniorityDTO.tipsC;
+    if (JSON.stringify(params.userPracticeSeniorityDTO) === '{}') {
+      params.userPracticeSeniorityDTO = null;
+    }
+    this.service.request(this.service.$api_driver_add, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('添加成功');
+        this.modal.close(true);
+      }
+    });
+  }
+}
diff --git a/src/app/routes/usercenter/components/driver/captain/add/add.component.html b/src/app/routes/usercenter/components/driver/captain/add/add.component.html
new file mode 100644
index 00000000..fdc58217
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/captain/add/add.component.html
@@ -0,0 +1,39 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-14 14:17:38
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-24 14:17:55
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\usercenter\\components\\driver\\captain\\add\\add.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<div class="modal-header">
+  <div class="modal-title">添加车队长</div>
+</div>
+<div [ngClass]="i.id || readFlag ? 'hideBtn' : ''">
+  <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'">
+    <ng-template sf-template="tipsA" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+          <dl class="tips">
+              <dt>正面照</dt>
+              <dd>示例</dd>
+          </dl>
+          <div class="pa"><img height="104" src="./assets/images/usercenter/certificate-demo-front.png" /></div>
+      </div>
+  </ng-template>
+  <ng-template sf-template="tipsB" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+          <dl class="tips">
+              <dt>背面照</dt>
+              <dd>示例</dd>
+          </dl>
+          <div class="pa"><img height="104" src="./assets/images/usercenter/certificate-demo-back.png" /></div>
+      </div>
+  </ng-template>
+  </sf>
+</div>
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">取消</button>
+  <button nz-button type="button" nzType="primary" (click)="sure()" [disabled]="!sf?.valid" [nzLoading]="service.http.loading">确定</button>
+</div>
diff --git a/src/app/routes/usercenter/components/driver/captain/add/add.component.less b/src/app/routes/usercenter/components/driver/captain/add/add.component.less
new file mode 100644
index 00000000..fd19d3c9
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/captain/add/add.component.less
@@ -0,0 +1,41 @@
+.pr {
+  position: relative;
+}
+
+.pa {
+  position: absolute;
+  top: 35px;
+  left: 150px;
+  img{border: solid 1px #ebf0fb;}
+}
+
+.tips {
+  display: flex;
+  margin-bottom: 0;
+  color: #333;
+
+  dt {
+    width: 150px;
+  }
+
+  dd {
+    width: 190px;
+    margin-bottom: 0;
+    text-align: center;
+  }
+}
+:host{
+  ::ng-deep {
+  .ant-input-borderless{
+      padding: 0;
+      padding-top: 4px;
+      color: black;
+      resize:none;
+    }
+    .hideBtn .ant-upload-list-item-actions button{
+      &:last-child{
+        display: none;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/driver/captain/add/add.component.spec.ts b/src/app/routes/usercenter/components/driver/captain/add/add.component.spec.ts
new file mode 100644
index 00000000..763d7784
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/captain/add/add.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { CtcCaptatinAddComponent } from './add.component';
+
+describe('CtcCaptatinAddComponent', () => {
+  let component: CtcCaptatinAddComponent;
+  let fixture: ComponentFixture<CtcCaptatinAddComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ CtcCaptatinAddComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CtcCaptatinAddComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/usercenter/components/driver/captain/add/add.component.ts b/src/app/routes/usercenter/components/driver/captain/add/add.component.ts
new file mode 100644
index 00000000..8a477dc9
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/captain/add/add.component.ts
@@ -0,0 +1,409 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { apiConf } from '@conf/api.conf';
+import { SFComponent, SFSchema, SFUISchema, SFUploadWidgetSchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { EAEnvironmentService } from '@shared';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { Observable, Observer, Subject } from 'rxjs';
+import { UsermanageService } from 'src/app/routes/usercenter/services/usercenter.service';
+import { debounceTime } from 'rxjs/operators';
+
+
+@Component({
+  selector: 'app-ctc-add',
+  templateUrl: './add.component.html',
+  styleUrls: ['./add.component.less']
+})
+export class CtcCaptatinAddComponent implements OnInit {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  record: any = {};
+  i: any;
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  readFlag = false;
+  changeSub = new Subject<string>();
+  detailData: any = {
+    bankCardNo: '',
+    bankName: '',
+    mobile: '',
+    remark: '',
+    identityInfoDTO: {
+      certificatePhotoBackWatermark: '',
+      certificatePhotoFrontWatermark: '',
+      certificatePhotoFront: '',
+      certificatePhotoBack: '',
+      certificateNumber: '',
+      name: '',
+    }
+  }
+
+  constructor(
+    private modal: NzModalRef,
+    private envSrv: EAEnvironmentService,
+    public service: UsermanageService
+  ) { }
+
+  ngOnInit(): void {
+    this.initData()
+    this.initSF();
+    this.changeEndKmAction();
+  }
+  initData() {
+    if (this.i && this.i.id) {
+      this.service.request(this.service.$api_captainrDetail, { id: this.i.id }).subscribe(res => {
+        if (res) {
+          this.detailData = res
+          this.detailData.identityInfoDTO.certificatePhotoFrontWatermark = [
+            {
+              uid: -1,
+              name: 'LOGO',
+              status: 'done',
+              url: this.detailData.identityInfoDTO.certificatePhotoFrontWatermark,
+              response: this.detailData.identityInfoDTO.certificatePhotoFrontWatermark,
+            },
+          ];
+          this.detailData.identityInfoDTO.certificatePhotoBackWatermark = [
+            {
+              uid: -1,
+              name: 'LOGO',
+              status: 'done',
+              url: this.detailData.identityInfoDTO.certificatePhotoBackWatermark,
+              response: this.detailData.identityInfoDTO.certificatePhotoBackWatermark,
+            },
+          ];
+          this.initSF();
+        }
+      })
+    }
+
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        mobile: {
+          title: '手机号',
+          type: 'string',
+          format: 'mobile',
+          maxLength: 11,
+          ui: {
+            widget: this.i.id ? 'text' : '',
+            placeholder: '请输入手机号',
+            blur: () => {
+              if(!this.sf.value.mobile) {
+                return
+              }
+              this.service.request(this.service.$api_getByMobile, { mobile: this.sf.value.mobile }).subscribe(res => {
+                if (res.certificateNumber) {
+                  this.readFlag = true
+                  this.detailData = {
+                    mobile: this.sf.value.mobile,
+                    bankName: this.sf.value.bankName,
+                    bankCardNo: this.sf.value.bankCardNo,
+                    remark: this.sf.value.remark,
+                    identityInfoDTO: {
+                      certificatePhotoFrontWatermark: [
+                        {
+                          uid: -1,
+                          name: 'LOGO',
+                          status: 'done',
+                          url: res.certificatePhotoFrontWatermark,
+                          response: res.certificatePhotoFrontWatermark,
+                        }],
+                      certificatePhotoBackWatermark: [
+                        {
+                          uid: -1,
+                          name: 'LOGO',
+                          status: 'done',
+                          url: res.certificatePhotoBackWatermark,
+                          response: res.certificatePhotoBackWatermark,
+                        }],
+                      name: res.name,
+                      certificateNumber: res.certificateNumber,
+                      certificatePhotoFront: res.certificatePhotoFront,
+                      certificatePhotoBack: res.certificatePhotoBack,
+                    }
+                  }
+                  this.initSF()
+                } else {
+                  this.readFlag = false
+                  this.detailData = {
+                    mobile: this.sf.value.mobile,
+                    bankName: this.sf.value.bankName,
+                    bankCardNo: this.sf.value.bankCardNo,
+                    remark: this.sf.value.remark,
+                    identityInfoDTO: {
+                      certificatePhotoFrontWatermark: '',
+                      certificatePhotoBackWatermark: '',
+                      name: '',
+                      certificateNumber: '',
+                      certificatePhotoFront: '',
+                      certificatePhotoBack: '',
+                    }
+                  }
+                  this.initSF()
+                }
+              })
+            }
+          },
+          default: this.detailData.mobile
+        },
+        name: {
+          title: '姓名',
+          type: 'string',
+          ui: {
+            widget: this.i.id && (this.i.driverLicenseStatus === 10 || this.i.driverLicenseStatus === 20) ? 'text' : '',
+            placeholder: '请输入姓名',
+          },
+          readOnly: this.readFlag,
+          default: this.detailData.identityInfoDTO.name
+        },
+        bankCardNo: {
+          title: '银行卡号',
+          type: 'string',
+          ui: {
+            widget: '',
+            placeholder: '请输入银行卡号',
+            change: (val: any) => {
+              const value = val.replace(/\D/g, '')
+              this.sf.setValue('/bankCardNo', value)
+            },
+            errors: {
+              required: '请输入银行账号',
+            },
+          },
+          default: this.detailData.bankCardNo
+        },
+        bankName: {
+          title: '开户行',
+          type: 'string',
+          ui: {
+            widget: '',
+            placeholder: '请输入开户行',
+          },
+          default: this.detailData.bankName
+        },
+        showName: {
+          title: '身份证照片',
+          type: 'string',
+          readOnly: true,
+          ui: {
+            widget: 'textarea',
+            showRequired: true,
+            borderless: true,
+          },
+          default: '请上传身份证原件的高清照片，若上传复印件，则需加盖公司印章及法人签字；上传后系统会自动识别并填写',
+        },
+        tipsA: {
+          title: '',
+          type: 'string',
+          ui: {
+            widget: 'custom',
+            offsetControl: 6,
+          },
+        },
+        certificatePhotoFrontWatermark: {
+          type: 'string',
+          title: '',
+          readOnly: (this.i.id && (this.i.driverLicenseStatus === 10 || this.i.driverLicenseStatus === 20)) || this.readFlag,
+          ui: {
+            offsetControl: 6,
+            action: apiConf.fileUpload,
+            accept: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            widget: 'upload',
+            descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过2M',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                this.detailData.identityInfoDTO.certificatePhotoFront = args.file.response.data.fullFilePath
+                this.checkIdCard(args.file.response.data.fullFilePath, 'front');
+              } else {
+                this.detailData.identityInfoDTO.certificatePhotoFront = ''
+              }
+            },
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt2M = file.size / 1024 / 1024 < 2;
+                if (!isLt2M) {
+                  this.service.msgSrv.warning('图片大小超过2M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt2M);
+                observer.complete();
+              });
+            },
+            previewFile: (file: any) => { }
+          },
+          default: this.detailData.identityInfoDTO.certificatePhotoFrontWatermark
+        },
+        tipsB: {
+          title: '',
+          type: 'string',
+          ui: {
+            widget: 'custom',
+            offsetControl: 6,
+          },
+        },
+        certificatePhotoBackWatermark: {
+          type: 'string',
+          title: '',
+          readOnly: (this.i.id && (this.i.driverLicenseStatus === 10 || this.i.driverLicenseStatus === 20)) || this.readFlag,
+          ui: {
+            offsetControl: 6,
+            action: apiConf.fileUpload,
+            accept: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            widget: 'upload',
+            descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过2M',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                this.detailData.identityInfoDTO.certificatePhotoBack = args.file.response.data.fullFilePath
+              } else {
+                this.detailData.identityInfoDTO.certificatePhotoBack = ''
+              }
+            },
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt2M = file.size / 1024 / 1024 < 2;
+                if (!isLt2M) {
+                  this.service.msgSrv.warning('图片大小超过2M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt2M);
+                observer.complete();
+              });
+            },
+            previewFile: (file: any) => { }
+          },
+          default: this.detailData.identityInfoDTO.certificatePhotoBackWatermark
+        },
+        certificateNumber: {
+          title: '身份证号',
+          type: 'string',
+          readOnly: (this.i.id && (this.i.driverLicenseStatus === 10 || this.i.driverLicenseStatus === 20)) || this.readFlag,
+          ui: {
+            widget: this.i.id && (this.i.driverLicenseStatus !== 10 && this.i.driverLicenseStatus !== 20) ? 'text' : '',
+            placeholder: '请输入身份证号',
+          },
+          default: this.detailData.identityInfoDTO.certificateNumber
+        },
+        remark: {
+          title: '备注',
+          type: 'string',
+          maxLength: 100,
+          ui: {
+            widget: 'textarea',
+            placeholder: '请输入备注',
+            autosize: { minRows: 2, maxRows: 6 },
+          },
+          default: this.detailData.remark
+        },
+      },
+      required: ['name', 'mobile', 'bankCardNo', 'certificateNumber', 'certificatePhotoBackWatermark', 'certificatePhotoFrontWatermark'],
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 120,
+        grid: { span: 24 },
+      },
+    };
+    // setTimeout(() => {
+    //   if (this.readFlag) {
+    //     this.detailData.identityInfoDTO.certificatePhotoFrontWatermark = [
+    //       {
+    //         uid: -1,
+    //         name: 'LOGO',
+    //         status: 'done',
+    //         url: this.detailData.certificatePhotoFrontWatermark,
+    //         response: this.detailData.certificatePhotoFrontWatermark,
+    //       },
+    //     ];
+    //     this.detailData.identityInfoDTO.certificatePhotoBackWatermark = [
+    //       {
+    //         uid: -1,
+    //         name: 'LOGO',
+    //         status: 'done',
+    //         url: this.detailData.certificatePhotoBackWatermark,
+    //         response: this.detailData.certificatePhotoBackWatermark,
+    //       },
+    //     ];
+    //     this.sf.setValue('/mobile', this.detailData.mobile)
+    //     this.sf.setValue('/name', this.detailData.name)
+    //     this.sf.setValue('/certificateNumber', this.detailData.certificateNumber)
+    //     this.sf.setValue('/certificatePhotoFrontWatermark', this.detailData.identityInfoDTO.certificatePhotoFrontWatermark)
+    //     this.sf.setValue('/certificatePhotoBackWatermark', this.detailData.identityInfoDTO.certificatePhotoBackWatermark)
+    //   }
+    // }, 500)
+
+  }
+
+  checkIdCard(imgurl: any, side: any) {
+    // 识别身份证 参数side：0-正面、1-背面；type：0-申请人身份证，1-法定代表人身份证
+    const params = {
+      idCardUrl: imgurl,
+      side,
+    };
+    this.service.request(this.service.$api_checkIdCard, params).subscribe((res) => {
+      if (res) {
+        this.sf.setValue('/name', res.name);
+        this.sf.setValue('/certificateNumber', res.number);
+      }
+    });
+  }
+  close(): void {
+    this.modal.destroy();
+  }
+  changeEndKmAction() {
+    this.changeSub.pipe(debounceTime(500)).subscribe((res: string) => {
+      if (res) {
+        const params: any = {
+          bankCardNo: this.sf.value.bankCardNo,
+          bankName: this.sf.value.bankName,
+          mobile: this.sf.value.mobile,
+          remark: this.sf.value.remark,
+          identityInfoDTO: {
+            certificatePhotoBackWatermark: this.sf.value?.certificatePhotoBackWatermark?.data?.fullFilePath || this.sf.value?.certificatePhotoBackWatermark,
+            certificatePhotoFrontWatermark: this.sf.value?.certificatePhotoFrontWatermark?.data?.fullFilePath ||this.sf.value?.certificatePhotoFrontWatermark,
+            certificatePhotoFront: this.detailData.certificatePhotoFront,
+            certificatePhotoBack: this.detailData.certificatePhotoBack,
+            certificateNumber: this.sf.value.certificateNumber,
+            name: this.sf.value.name,
+          }
+        }
+        if (this.i.id) {
+          params.id = this.i.id
+        }
+        delete params.showName
+        this.service.request(this.service.$api_saveCaptainr_new, params).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success('保存成功')
+            this.modal.close(true)
+          }
+        })
+      }
+    });
+  }
+  sure() {
+    this.changeSub.next('500');
+  }
+}
diff --git a/src/app/routes/usercenter/components/driver/captain/captain-detail/captain-detail.component.html b/src/app/routes/usercenter/components/driver/captain/captain-detail/captain-detail.component.html
new file mode 100644
index 00000000..0e8b40a9
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/captain/captain-detail/captain-detail.component.html
@@ -0,0 +1,150 @@
+<!-- 页头 -->
+<page-header-wrapper [logo]="logo" [title]="'车队长详情'" [content]="content">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+  <ng-template #content>
+    <nz-skeleton [nzLoading]="service.http.loading">
+      <div class="user-info">
+        <img [src]="userDetail?.avatar" />
+        <div style="flex: 1">
+          <div style="display: flex; width: 100%; justify-content: space-between">
+            <p style="padding-right: 80px; width: 400px">{{ userDetail?.realName }}
+              <nz-badge nzStatus="success" nzText="正常" *ngIf="!userDetail?.stateLocked" class="ml-xs"> </nz-badge>
+              <nz-badge nzStatus="warning" nzText="冻结" *ngIf="userDetail?.stateLocked" class="ml-xs"> </nz-badge>
+            </p>
+            <div style="margin-right: 24px">
+              <button *ngIf="userDetail?.stateLocked" [nzLoading]="service.http.loading" nz-button nzType="primary"
+                nzGhost (click)="userAction(1)" acl [acl-ability]="['USERCENTER-DRIVER-CAPTAIN-DETAIL-lock']">
+                启用
+              </button>
+              <button *ngIf="!userDetail?.stateLocked" [nzLoading]="service.http.loading" nz-button nzDanger nzGhost
+                (click)="userAction(0)" acl [acl-ability]="['USERCENTER-DRIVER-CAPTAIN-DETAIL-lock']">
+                冻结
+              </button>
+            </div>
+          </div>
+          <div style="display: flex">
+            <p style="padding-right: 80px; width: 400px">手机号：{{ userDetail?.phone }} </p>
+            <p>注册时间：{{ userDetail?.createTime }}</p>
+          </div>
+        </div>
+      </div>
+    </nz-skeleton>
+  </ng-template>
+</page-header-wrapper>
+
+<nz-card [nzLoading]="service.http.loading">
+  <div [class]="isEditUser ? 'edit-box' : 'readOnly-box'">
+    <sv-container col="2">
+      <sv-title>个人信息
+        <label *ngIf="userIdentityDetail?.certificationStatus === 1" style="color: #52c41a" class="ml-md"><i nz-icon
+            nzType="check-circle" nzTheme="fill" class="mr-xs"></i>审核通过
+        </label>
+        <label *ngIf="userIdentityDetail?.certificationStatus === 2" style="color: #ff4d4f" class="ml-md"><i nz-icon
+            nzType="close-circle" nzTheme="fill" class="mr-xs"></i>驳回
+        </label>
+        <div style="float: right">
+          <ng-container *ngIf="isEditUser; else elseTemplate">
+            <button [nzLoading]="service.http.loading" nz-button (click)="reset()"> 取消 </button>
+            <button [nzLoading]="service.http.loading" nz-button nzDanger (click)="saveUser()"> 保存 </button>
+          </ng-container>
+          <ng-template #elseTemplate>
+            <button nz-button nzType="default" nzDanger (click)="approveUser()"
+              *ngIf="userIdentityDetail?.certificationStatus === 0" acl
+              [acl-ability]="['USERCENTER-DRIVER-CAPTAIN-DETAIL-audit']">审核通过</button>
+            <button nz-button nzType="default" nzDanger (click)="rejectedUser()"
+              *ngIf="userIdentityDetail?.certificationStatus === 0" acl
+              [acl-ability]="['USERCENTER-DRIVER-CAPTAIN-DETAIL-audit']">驳回审核</button>
+            <button nz-button nzType="default" nzDanger (click)="ratify()" acl
+              [acl-ability]="['USERCENTER-DRIVER-CAPTAIN-DETAIL-edit']">修改</button>
+          </ng-template>
+        </div>
+      </sv-title>
+      <sv label="姓名">
+        <input nz-input type="text" [(ngModel)]="userIdentityDetail.name" [readonly]="!isEditUser"
+          [nzBorderless]="!isEditUser" [placeholder]="isEditUser ? '' : '-'" />
+      </sv>
+      <sv label="身份证号">
+        <input nz-input type="text" [(ngModel)]="userIdentityDetail.certificateNumber" [readonly]="!isEditUser"
+          [nzBorderless]="!isEditUser" [placeholder]="isEditUser ? '' : '-'" />
+      </sv>
+      <sv label="身份证照" col="1">
+        <div class="d-flex">
+          <ng-container *ngTemplateOutlet="
+              uploadTemplate;
+              context: {
+                data: userIdentityDetail,
+                status: isEditUser,
+                key: 'certificatePhotoFrontWatermark',
+                key2: 'certificatePhotoFront',
+                hover: 'certificateBackFront'
+              }
+            ">
+          </ng-container>
+          <ng-container *ngTemplateOutlet="
+              uploadTemplate;
+              context: {
+                data: userIdentityDetail,
+                status: isEditUser,
+                key: 'certificatePhotoBackWatermark',
+                key2: 'certificatePhotoBack',
+                hover: 'certificateBack'
+              }
+            ">
+          </ng-container>
+        </div>
+      </sv>
+    </sv-container>
+  </div>
+
+  <sv-container col="3" class="mt-md">
+    <sv-title>银行结算信息<ng-container *ngIf="bankList?.length===0">（暂无银行信息）</ng-container></sv-title>
+    <ng-container *ngFor="let item of bankList">
+      <sv label="开户银行">
+        {{ item.bankName }}
+      </sv>
+      <sv label="银行卡号">
+        {{ item?.bankCardNumber }}
+      </sv>
+    </ng-container>
+
+  </sv-container>
+</nz-card>
+
+<ng-template #redectModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="120">
+      <se [col]="1" label="姓名">
+        {{ userIdentityDetail?.name }}
+      </se>
+      <se [col]="1" label="备注" required>
+        <textarea nz-input rows="3" style="width: 325px; margin-left: 14px" [(ngModel)]="approvalOpinion"></textarea>
+      </se>
+    </div>
+  </div>
+</ng-template>
+
+<ng-template #uploadTemplate let-data="data" let-status="status" let-key="key" let-key2="key2" let-hover="hover">
+  <nz-upload class="avatar-uploader" [nzAction]="uploadURl" nzName="multipartFile" nzListType="picture-card"
+    [nzShowUploadList]="false" nzFileType="image/png,image/jpeg,image/jpg,image/gif"
+    [nzDisabled]="!status || disabledUpload" (nzChange)="changeUpload($event, data, key, key2)">
+    <ng-container *ngIf="!data[key] && status">
+      <i class="upload-icon" nz-icon [nzType]="false ? 'loading' : 'plus'"></i>
+      <div class="ant-upload-text">上传</div>
+    </ng-container>
+    <div *ngIf="data[key]" (mouseover)="data[hover] = true" (mouseleave)="data[hover] = false"
+      (click)="$event.cancelBubble = true" class="image-hover">
+      <img nz-image [nzSrc]="data[key]" style="width: 200px; height: 160px" />
+      <div class="mask" *ngIf="data[hover] && status"></div>
+      <div class="mask-over" *ngIf="data[hover] && status">
+        <i nz-icon nzType="close-circle" nzTheme="fill" class="delete-icon" (click)="deleteImg(data, key, key2)"></i>
+        <div style="display: flex; align-items: center">
+          <i nz-icon nzType="eye" nzTheme="fill" class="show-icon" (click)="showImg(data[key])"></i>
+        </div>
+      </div>
+    </div>
+  </nz-upload>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/driver/captain/captain-detail/captain-detail.component.less b/src/app/routes/usercenter/components/driver/captain/captain-detail/captain-detail.component.less
new file mode 100644
index 00000000..c0580085
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/captain/captain-detail/captain-detail.component.less
@@ -0,0 +1,24 @@
+@import '../../../../less/edit.less';
+
+:host {
+  ::ng-deep {
+
+    .sv__title {
+      font-weight: 600;
+    }
+
+
+    .user-info {
+      display  : flex;
+      font-size: 16px;
+
+      img {
+        width        : 64px;
+        height       : 64px;
+        margin-right : 15px;
+        border-radius: 50%;
+      }
+
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/driver/captain/captain-detail/captain-detail.component.ts b/src/app/routes/usercenter/components/driver/captain/captain-detail/captain-detail.component.ts
new file mode 100644
index 00000000..b5179dd0
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/captain/captain-detail/captain-detail.component.ts
@@ -0,0 +1,227 @@
+import { DatePipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { apiConf } from '@conf/api.conf';
+import { NzImageService } from 'ng-zorro-antd/image';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { UsermanageService } from 'src/app/routes/usercenter/services/usercenter.service';
+import { ImageViewComponent } from 'src/app/shared/components/imagelist';
+
+@Component({
+  selector: 'app-captain-detail',
+  templateUrl: './captain-detail.component.html',
+  styleUrls: ['./captain-detail.component.less'],
+  providers: [DatePipe]
+})
+export class CaptainDetailComponent implements OnInit {
+  userDetail: any;
+  userIdentityDetail: any = {};
+  tempalateUserIdentityDetail = { ...this.userIdentityDetail };
+  bankList: any[] = [];
+
+  @ViewChild('redectModal', { static: false })
+  redectModal!: any;
+  @ViewChild('rejectedDriverModal', { static: false })
+  rejectedDriverModal!: any;
+  approvalOpinion = '';
+
+  isEditUser = false;
+
+  uploadURl = apiConf.waterFileUpload;
+  disabledUpload = false;
+  constructor(
+    private nzModalService: NzModalService,
+    public service: UsermanageService,
+    private route: ActivatedRoute,
+    private datePipe: DatePipe,
+    private nzImageService: NzImageService
+  ) {}
+
+  ngOnInit() {
+    this.initData();
+  }
+  initData() {
+    // 获取司机头部信息
+    this.service
+      .request(this.service.$api_get_user_detail, {
+        appUserId: this.route.snapshot.params.id
+      })
+      .subscribe(res => {
+        if (res) {
+          this.userDetail = res;
+        }
+      });
+    // 获取用户个人信息
+    this.service
+      .request(this.service.$api_get_user_identity, {
+        id: this.route.snapshot.params.id
+      })
+      .subscribe(res => {
+        if (res) {
+          this.userIdentityDetail = res;
+          this.tempalateUserIdentityDetail = { ...this.userIdentityDetail };
+        }
+      });
+    // 获取用户银行信息
+    this.service
+      .request(this.service.$api_get_user_bank_list, {
+        roleId: this.route.snapshot.params.id
+      })
+      .subscribe(res => {
+        if (res) {
+          this.bankList = res;
+        }
+      });
+  }
+
+  /** 启用/冻结司机 */
+  userAction(status: number) {
+    this.nzModalService.warning({
+      nzTitle: status === 1 ? '确定启用该司机吗？' : '确定冻结该司机吗？',
+      nzContent: status === 1 ? '启用后，该司机将恢复正常使用功能，请再次确认！' : '冻结后，司机将被限制使用，无法登陆，请谨慎操作！',
+      nzOnOk: () => {
+        this.service
+          .request(this.service.$api_lock_or_free_user, {
+            appUserId: [this.userDetail.appUserId],
+            freezeOrResume: !!!status,
+            pageName: '司机详情',
+            telephone: this.userDetail.phone
+          })
+          .subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success('操作成功');
+            }
+            this.initData();
+          });
+      }
+    });
+  }
+
+  /** 审核通过个人信息 */
+  approveUser() {
+    this.nzModalService.confirm({
+      nzTitle: '审核通过',
+      nzContent: `是否确认通过(姓名:${this.userIdentityDetail.name})审核`,
+      nzOnOk: () => {
+        this.adjuctUser({ auditStatus: 0, auditType: 0, identityId: this.userIdentityDetail?.id }, '审核通过');
+      }
+    });
+  }
+
+  /** 驳回个人信息 */
+  rejectedUser() {
+    this.approvalOpinion = '';
+    this.nzModalService.create({
+      nzTitle: '审核驳回',
+      nzContent: this.redectModal,
+      nzOnOk: () => {
+        if (!this.approvalOpinion) {
+          return false;
+        }
+        this.adjuctUser(
+          {
+            auditStatus: 1,
+            auditType: 0,
+            identityId: this.userIdentityDetail?.id,
+            certificationOpinions: this.approvalOpinion
+          },
+          '审核驳回成功'
+        );
+        return;
+      }
+    });
+  }
+
+  /** 个人信息审核 */
+  private adjuctUser(params: any, msg: string) {
+    this.service.request(this.service.$api_approve_identity, { ...params }).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success(msg);
+      }
+      this.initData();
+    });
+  }
+
+  /**
+   * 开启修改
+   */
+  ratify() {
+    this.isEditUser = true;
+  }
+
+  /**
+   * 需求修改
+   */
+  reset() {
+    this.userIdentityDetail = { ...this.tempalateUserIdentityDetail };
+    this.isEditUser = false;
+  }
+
+  saveUser() {
+    const userIdentity = this.userIdentityDetail;
+    const params = {
+      certificateNumber: userIdentity.certificateNumber,
+      certificatePhotoBack: userIdentity.certificatePhotoBack,
+      certificatePhotoBackWatermark: userIdentity.certificatePhotoBackWatermark,
+      certificatePhotoFront: userIdentity.certificatePhotoFront,
+      certificatePhotoFrontWatermark: userIdentity.certificatePhotoFrontWatermark,
+      certificateType: userIdentity.certificateType,
+      handCertificate: userIdentity.handCertificate,
+      id: userIdentity.id,
+      name: userIdentity.name,
+      souceType: userIdentity.souceType,
+      sourceAppId: userIdentity.sourceAppId,
+      tenantId: userIdentity.tenantId,
+      userId: userIdentity.userId,
+      validEndTime:
+        userIdentity.validEndTime?.length === 10
+          ? userIdentity.validEndTime
+          : this.datePipe.transform(userIdentity.validEndTime, 'yyyy-MM-dd'),
+      validStartTime:
+        userIdentity.validStartTime?.length === 10
+          ? userIdentity.validStartTime
+          : this.datePipe.transform(userIdentity.validStartTime, 'yyyy-MM-dd')
+    };
+    this.service.request(this.service.$api_update_driver_identity, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('修改成功');
+        this.isEditUser = false;
+        this.initData();
+      }
+    });
+  }
+
+  changeUpload({ file, fileList, type }: any, data: any, key: string, key2: string) {
+    if (type === 'success') {
+      data[key] = file.response.data?.fullFileWatermarkPath;
+      data[key2] = file.response.data?.fullFilePath;
+    }
+  }
+
+  showImg(url: any) {
+    const params = {
+      imgList: [url],
+      index: 0
+    };
+    this.nzImageService.preview([{ src: url }]);
+    // this.nzModalService.create({ nzContent: ImageViewComponent, nzComponentParams: { params } });
+  }
+
+  deleteImg(data: any, key: string, key2: string) {
+    this.nzModalService.warning({
+      nzTitle: '是否确认删除该图片',
+      nzOnOk: () => {
+        this.disabledUpload = true;
+        data[key] = '';
+        data[key2] = '';
+        setTimeout(() => {
+          this.disabledUpload = false;
+        }, 100);
+      }
+    });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+}
diff --git a/src/app/routes/usercenter/components/driver/captain/captain.component.html b/src/app/routes/usercenter/components/driver/captain/captain.component.html
new file mode 100644
index 00000000..35a6123f
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/captain/captain.component.html
@@ -0,0 +1,77 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-11-29 15:22:34
+ * @LastEditTime : 2022-02-16 09:58:52
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\usercenter\\components\\driver\\captain\\captain.component.html
+-->
+<!-- 页头 -->
+<page-header-wrapper></page-header-wrapper>
+<nz-card>
+  <!-- 搜索区 -->
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+      <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+      <button
+        nz-button
+        nzType="primary"
+        [nzLoading]="service.http.loading"
+        (click)="st?.load(1)"
+        acl
+        [acl-ability]="['USERCENTER-DRIVER-CAPTAIN-list']"
+        >查询</button
+      >
+      <button
+        nz-button
+        nzType="primary"
+        [disabled]="false"
+        (click)="exportList()"
+        acl
+        [acl-ability]="['USERCENTER-DRIVER-CAPTAIN-export']"
+        >导出</button
+      >
+      <button nz-button (click)="resetSF()" [disabled]="false">重置</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+<nz-card>
+  <!-- 数据列表 -->
+  <!-- 工具栏 -->
+  <div class="toolbar" style="float: right;
+  padding-bottom: 15px;">
+    <button nz-button nzType="primary" (click)="add()">添加车队长</button>
+  </div>
+  <st
+    #st
+    [columns]="columns"
+    [data]="service.$api_get_user_expand"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' }, process: dataProcess }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="false"
+  >
+    <ng-template st-row="promotersTelephone" let-item let-index="index">
+      <a (click)="addPromoter(item)" acl [acl-ability]="['USERCENTER-DRIVER-CAPTAIN-promoter']">
+        {{ item.promotersTelephone || '添加' }}
+      </a>
+    </ng-template>
+  </st>
+</nz-card>
+
+<ng-template #promoterModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="80">
+      <se [col]="1" label="手机号">
+        <input nz-input [(ngModel)]="promotersTelephone" maxlength="11" required />
+      </se>
+    </div>
+  </div>
+</ng-template>
diff --git a/src/app/routes/usercenter/components/driver/captain/captain.component.less b/src/app/routes/usercenter/components/driver/captain/captain.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/usercenter/components/driver/captain/captain.component.ts b/src/app/routes/usercenter/components/driver/captain/captain.component.ts
new file mode 100644
index 00000000..7191198c
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/captain/captain.component.ts
@@ -0,0 +1,243 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STColumnBadge, STComponent, STData } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper } from '@delon/theme';
+import { DynamicSettingModalComponent } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { UsermanageService } from '../../../services/usercenter.service';
+import { CtcCaptatinAddComponent } from './add/add.component';
+@Component({
+  selector: 'app-usercenter-components-driver-captain',
+  templateUrl: './captain.component.html',
+  styleUrls: ['./captain.component.less']
+})
+export class UserCenterComponentsDriverCaptainComponent implements OnInit {
+  _$expand = false;
+
+  ui: SFUISchema = { '*': { spanLabelFixed: 120, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } };
+  schema: SFSchema = this.initSF();
+  columns: STColumn[] = this.initST();
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+
+  @ViewChild('promoterModal', { static: false })
+  promoterModal!: any;
+  promotersTelephone = '';
+
+  constructor(public service: UsermanageService, private modal: NzModalService, private router: Router, private ar: ActivatedRoute, private modalHelper: ModalHelper,) {}
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params: any = {
+      ...(this.sf && this.sf.value)
+    };
+    if (this.sf?.value.effectiveDate) {
+      params.effectiveDateStart = this.sf?.value.effectiveDate[0];
+      params.effectiveDateEnd = this.sf?.value.effectiveDate[1];
+    }
+    delete params.effectiveDate;
+    delete params.expand;
+    return params;
+  }
+
+  get selectedRows() {
+    return this.st?.list.filter(item => item.checked) || [];
+  }
+
+  ngOnInit() {
+    this.ar.url.subscribe(params => {
+      this.st?.load(1);
+    });
+  }
+  dataProcess(data: STData[]): STData[] {
+    return data.map((i, index) => {
+      i.showSortFlag = false;
+      return i;
+    });
+  }
+
+  addPromoter(item?: any) {
+    this.promotersTelephone = item?.promotersTelephone;
+    const modal = this.modal.create({
+      nzTitle: '推广业务员',
+      nzContent: this.promoterModal,
+      nzOnOk: () => {
+        if (!!!this.promotersTelephone) {
+          return false;
+        }
+        if (typeof this.promotersTelephone === 'string' && !/(^1\d{10}$)/.test(this.promotersTelephone)) {
+          this.service.msgSrv.error('手机格式错误');
+          return false;
+        }
+        this.service
+          .request(this.service.$api_add_user_salesman, { userId: item.userId, mobile: this.promotersTelephone })
+          .subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success(item?.promotersTelephone ? '添加推广员成功' : '修改推广员成功');
+            }
+            this.st.load();
+          });
+        return;
+      }
+    });
+  }
+
+  settingAction(item?: any) {
+    this.modal.create({
+      nzTitle: '基础设置',
+      nzContent: DynamicSettingModalComponent,
+      nzWidth: 900,
+      nzComponentParams: {
+        extendType: '4',
+        businessId: item.id
+      },
+      nzFooter: null
+    });
+  }
+
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  exportList() {
+    const params = this.reqParams;
+    this.service.downloadFile(this.service.$api_export_driver_cap, {...params,  pageSize: -1});
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        name: { title: '车队长姓名', type: 'string', ui: { placeholder: '请输入', showRequired: false } },
+        mobile: {
+          title: '手机号',
+          type: 'string',
+          maxLength: 11,
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        identityNo: {
+          title: '身份证号',
+          type: 'string',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        promotersTelephone: {
+          title: '业务员手机号',
+          type: 'string',
+          maxLength: 11,
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        identityStatus: {
+          type: 'string',
+          title: '实名认证状态',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '待审核', value: 0 },
+            { label: '审核通过', value: 1 },
+            { label: '驳回', value: 2 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        source: {
+          type: 'string',
+          title: '注册渠道',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '用户注册', value: 1 },
+            { label: '货主添加', value: 2 },
+            { label: '运营添加', value: 3 },
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      // { title: '', type: 'checkbox', className: 'text-center' },
+      { title: '车队长姓名', className: 'text-center', index: 'name' },
+      { title: '手机号', className: 'text-center', index: 'mobile' },
+      { title: '身份证号', className: 'text-center', index: 'identityNo' },
+      {
+        title: '实名认证状态',
+        className: 'text-center',
+        index: 'identityStatus',
+        type: 'badge',
+        badge: {
+          '-1': { text: '未提交', color: 'default' },
+          0: { text: '待审核', color: 'processing' },
+          1: { text: '审核通过', color: 'success' },
+          2: { text: '驳回', color: 'warning' }
+        }
+      },
+      { title: '推广业务员', className: 'text-center', render: 'promotersTelephone' },
+      { title: '注册渠道', className: 'text-center', index: 'source', type: 'enum', enum: { 1: '用户注册', 2: '货主添加' , 3: '运营添加'} },
+      { title: '注册时间', className: 'text-center', index: 'createTime' },
+      {
+        title: '操作',
+        width: '170px',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '查看',
+            click: item => {
+              this.router.navigate(['/usercenter/driver/captain/detail', item.appUserId]);
+            },
+            acl: { ability: ['USERCENTER-DRIVER-CAPTAIN-view'] }
+          },
+          // {
+          //   text: '基础设置',
+          //   click: item => this.settingAction(item),
+          //   acl: { ability: ['USERCENTER-DRIVER-CAPTAIN-basicSetting'] }
+          // }
+        ]
+      }
+    ];
+  }
+  /**
+   * 新增单个实例
+   */
+  add() {
+    this.modalHelper.create(CtcCaptatinAddComponent, { i: { id: '' } }, { size: 900 }).subscribe(res => {
+      this.st.reload();
+    });
+  }
+}
diff --git a/src/app/routes/usercenter/components/driver/detail/detail.component.html b/src/app/routes/usercenter/components/driver/detail/detail.component.html
new file mode 100644
index 00000000..141ab9bc
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/detail/detail.component.html
@@ -0,0 +1,379 @@
+<!-- 页头 -->
+<page-header-wrapper [logo]="logo" [title]="'司机详情'" [content]="content">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+  <ng-template #content>
+    <nz-skeleton [nzLoading]="service.http.loading">
+      <div class="user-info">
+        <img [src]="userDetail?.avatar" />
+        <div style="flex: 1">
+          <div style="display: flex;width: 100%;justify-content: space-between;">
+            <p style="padding-right: 80px; width: 400px;">{{ userDetail?.realName }}
+              <nz-badge nzStatus="success" nzText="正常" *ngIf="!userDetail?.stateLocked" class="ml-xs"></nz-badge>
+              <nz-badge nzStatus="warning" nzText="冻结" *ngIf="userDetail?.stateLocked" class="ml-xs"></nz-badge>
+            </p>
+            <div style="margin-right: 24px;">
+              <button *ngIf="userDetail?.stateLocked" [disabled]="false" nz-button nzType="primary"
+                nzGhost (click)="userAction(1)" acl [acl-ability]="['USERCENTER-DRIVER-LIST-DETAIL-lock']">
+                启用
+              </button>
+              <button *ngIf="!userDetail?.stateLocked" [disabled]="false" nz-button nzDanger nzGhost
+                (click)="userAction(0)" acl [acl-ability]="['USERCENTER-DRIVER-LIST-DETAIL-lock']">
+                冻结
+              </button>
+            </div>
+          </div>
+          <div style="display: flex;">
+            <p style="padding-right: 80px; width: 400px;">手机号：{{ userDetail?.phone }}
+            </p>
+            <p>注册时间：{{ userDetail?.createTime }}</p>
+          </div>
+        </div>
+      </div>
+    </nz-skeleton>
+  </ng-template>
+
+</page-header-wrapper>
+
+
+<nz-card [nzLoading]="service.http.loading">
+  <div [class]="isEditUser?'edit-box':'readOnly-box'">
+    <sv-container col="2">
+      <sv-title>个人信息
+        <label *ngIf="userIdentityDetail?.certificationStatus===1" style="color: #52c41a;" class="ml-md"><i nz-icon
+            nzType="check-circle" nzTheme="fill" class="mr-xs"></i>审核通过
+        </label>
+        <label *ngIf="userIdentityDetail?.certificationStatus===2" style="color: #ff4d4f;" class="ml-md"><i nz-icon
+            nzType="close-circle" nzTheme="fill" class="mr-xs"></i>驳回 驳回原因：{{userIdentityDetail?.certificationOpinions}}
+        </label>
+        <label *ngIf="faceStatus == 1" style="color: #bec8c8; position: relative;
+        bottom: 2px;" class="ml-md"><i nz-icon nzType="check-circle" nzTheme="fill" class="mr-xs">人脸识别结果：已发起</i>
+        </label>
+        <label *ngIf="faceStatus == 0" style="color: #bec8c8;  position: relative;
+        bottom: 2px;" class="ml-md"><i nz-icon nzType="check-circle" nzTheme="fill" class="mr-xs">人脸识别结果：无</i>
+        </label>
+        <label *ngIf="faceStatus == 2" style="color: #bec8c8;   position: relative;
+        bottom: 2px;" class="ml-md"><i nz-icon nzType="check-circle" nzTheme="fill" class="mr-xs">人脸识别结果：进行中</i>
+        </label>
+        <label *ngIf="faceStatus == 3" style="color: #52c41a;     position: relative;
+        bottom: 2px;" class="ml-md"><i nz-icon nzType="check-circle" nzTheme="fill" class="mr-xs">人脸识别结果：已成功</i>
+        </label>
+        <label *ngIf="faceStatus == 4" style="color: #ff4d4f;     position: relative;
+        bottom: 2px;" class="ml-md"><i nz-icon nzType="check-circle" nzTheme="fill"
+            class="mr-xs">人脸识别结果：已失败;失败原因：{{facetext}}</i>
+        </label>
+        <div style="float: right;">
+          <ng-container *ngIf="isEditUser; else elseTemplate">
+            <button [disabled]="false" nz-button (click)="reset(0)">
+              取消
+            </button>
+            <button [disabled]="false" nz-button nzDanger (click)="saveUser()">
+              保存
+            </button>
+          </ng-container>
+          <ng-template #elseTemplate>
+            <button nz-button nzType="default" nzDanger (click)="approveUser()"
+              *ngIf="userIdentityDetail?.certificationStatus===0" acl
+              [acl-ability]="['USERCENTER-DRIVER-LIST-DETAIL-auditUser']">审核通过</button>
+            <button nz-button nzType="default" nzDanger (click)="rejectedUser()"
+              *ngIf="userIdentityDetail?.certificationStatus===0" acl
+              [acl-ability]="['USERCENTER-DRIVER-LIST-DETAIL-auditUser']">驳回审核</button>
+            <button nz-button nzType="default" nzDanger (click)="ratify(0)" acl
+              [acl-ability]="['USERCENTER-DRIVER-LIST-DETAIL-editUser']">修改</button>
+          </ng-template>
+        </div>
+      </sv-title>
+      <sv label="姓名">
+        <input nz-input type="text" [(ngModel)]="userIdentityDetail.name" [readonly]="!isEditUser"
+          [nzBorderless]="!isEditUser" [placeholder]="isEditUser?'':'-'">
+      </sv>
+      <sv label="身份证号">
+        <input nz-input type="text" [(ngModel)]="userIdentityDetail.certificateNumber" [readonly]="!isEditUser"
+          [nzBorderless]="!isEditUser" [placeholder]="isEditUser?'':'-'">
+      </sv>
+      <sv label="有效期" col="1">
+        <nz-date-picker [(ngModel)]="userIdentityDetail.validStartTime" [nzDisabled]="!isEditUser" nzPlaceHolder=" "
+          [nzBorderless]="!isEditUser" [nzSuffixIcon]="isEditUser?'calendar':''" style="width: 110px;" class="calendar">
+        </nz-date-picker>
+        -
+        <ng-container *ngIf="!isEditUser && !userIdentityDetail?.validEndTime && userIdentityDetail?.validStartTime">
+          <label style="padding-left: 11px;">长期</label>
+        </ng-container>
+        <nz-date-picker [(ngModel)]="userIdentityDetail.validEndTime" [nzDisabled]="!isEditUser" nzPlaceHolder=" "
+          [nzBorderless]="!isEditUser" [nzSuffixIcon]="isEditUser?'calendar':''" style="width: 110px;" class="calendar">
+        </nz-date-picker>
+        <ng-container *ngIf="isEditUser">
+          <label nz-checkbox [ngModel]="!!!userIdentityDetail.validEndTime"
+            (ngModelChange)="$event?userIdentityDetail.validEndTime='':''" class="ml-sm">长期</label>
+        </ng-container>
+      </sv>
+
+      <sv label="身份证照" col="1">
+        <div class="d-flex">
+          <ng-container
+            *ngTemplateOutlet="uploadTemplate;context:{data:userIdentityDetail,status:isEditUser,key:'certificatePhotoFrontWatermark',key2:'certificatePhotoFront',hover:'certificateBackFront'}">
+          </ng-container>
+          <ng-container
+            *ngTemplateOutlet="uploadTemplate;context:{data:userIdentityDetail,status:isEditUser,key:'certificatePhotoBackWatermark',key2:'certificatePhotoBack',hover:'certificateBack'}">
+          </ng-container>
+        </div>
+      </sv>
+    </sv-container>
+  </div>
+
+  <nz-divider></nz-divider>
+  <div [class]="isEditDriver?'edit-box':'readOnly-box'">
+    <sv-container col="3" class="mt16">
+      <sv-title>驾驶证信息
+        <label *ngIf="driverDetail?.approvalStatus===20" style="color: #52c41a;" class="ml-md"><i nz-icon
+            nzType="check-circle" nzTheme="fill" class="mr-xs"></i>审核通过
+        </label>
+        <label *ngIf="driverDetail?.approvalStatus===30" style="color: #ff4d4f;" class="ml-md"><i nz-icon
+            nzType="close-circle" nzTheme="fill" class="mr-xs"></i>驳回
+        </label>
+        <div style="float: right;">
+          <ng-container *ngIf="isEditDriver;else editDriverButton">
+            <button [disabled]="false" nz-button (click)="reset(1)">
+              取消
+            </button>
+            <button [disabled]="false" nz-button nzDanger (click)="saveDriver()">
+              保存
+            </button>
+          </ng-container>
+          <ng-template #editDriverButton>
+            <button *ngIf="driverDetail?.approvalStatus==10" nz-button nzType="default" nzDanger
+              (click)="approveDriver()" acl [acl-ability]="['USERCENTER-DRIVER-LIST-DETAIL-auditDriver']">审核通过</button>
+            <button *ngIf="driverDetail?.approvalStatus==10" nz-button nzType="default" nzDanger
+              (click)="rejectedDriver()" acl [acl-ability]="['USERCENTER-DRIVER-LIST-DETAIL-auditDriver']">驳回审核</button>
+            <button nz-button nzType="default" nzDanger (click)="ratify(1)" acl
+              [acl-ability]="['USERCENTER-DRIVER-LIST-DETAIL-editDriver']">修改</button>
+          </ng-template>
+        </div>
+      </sv-title>
+      <sv label="驾驶证号">
+        <input nz-input type="text" [(ngModel)]="driverDetail.licenseNo" [readonly]="!isEditDriver"
+          [nzBorderless]="!isEditDriver" [placeholder]="isEditDriver?'':'-'">
+      </sv>
+      <sv label="准驾车型">
+        <nz-select [nzMaxTagCount]="3" nzPlaceHolder="请选择" [(ngModel)]="driverDetail.driverModel" nzMode="multiple"
+          [nzPlaceHolder]="isEditDriver?'':'-'" [nzBorderless]="!isEditDriver" [nzShowArrow]="isEditDriver"
+          [nzDisabled]="!isEditDriver">
+          <nz-option *ngFor="let i of contencarModel" [nzLabel]="i.label" [nzValue]="i.label"></nz-option>
+        </nz-select>
+      </sv>
+      <sv label="有效期" col="1">
+        <nz-date-picker [(ngModel)]="driverDetail.validStartTime" [nzDisabled]="!isEditDriver" nzPlaceHolder=" "
+          [nzBorderless]="!isEditDriver" [nzSuffixIcon]="isEditDriver?'calendar':''" style="width: 110px;"
+          class="calendar">
+        </nz-date-picker>
+        -
+        <ng-container *ngIf="!isEditDriver && !driverDetail?.validEndTime && driverDetail?.validStartTime">
+          <label style="padding-left: 11px;">长期</label>
+        </ng-container>
+        <nz-date-picker [(ngModel)]="driverDetail.validEndTime" [nzDisabled]="!isEditDriver" nzPlaceHolder=" "
+          [nzBorderless]="!isEditDriver" [nzSuffixIcon]="isEditDriver?'calendar':''" style="width: 110px;"
+          class="calendar">
+        </nz-date-picker>
+        <ng-container *ngIf="isEditDriver">
+          <label nz-checkbox [ngModel]="!!!driverDetail.validEndTime"
+            (ngModelChange)="$event?driverDetail.validEndTime='':''" class="ml-sm">长期</label>
+        </ng-container>
+      </sv>
+      <!-- <sv label="有效期起">
+        <nz-date-picker [(ngModel)]="driverDetail.validStartTime" [nzDisabled]="!isEditDriver"
+          [nzPlaceHolder]="isEditDriver?'':'-'" [nzBorderless]="!isEditDriver"
+          [nzSuffixIcon]="isEditDriver?'calendar':''"></nz-date-picker>
+      </sv>
+      <sv label="有效期至" col="3">
+        <nz-date-picker [(ngModel)]="driverDetail.validEndTime" [nzDisabled]="!isEditDriver" dateFormat="yyyy-MM-dd"
+          [nzPlaceHolder]="isEditDriver?'':'-'" [nzBorderless]="!isEditDriver"
+          [nzSuffixIcon]="isEditDriver?'calendar':''"></nz-date-picker>
+      </sv> -->
+      <sv label="驾驶证签发机关" col="2">
+        <input nz-input type="text" [(ngModel)]="driverDetail.signingOrganization" [readonly]="!isEditDriver"
+          [nzBorderless]="!isEditDriver" [placeholder]="isEditDriver?'':'-'">
+      </sv>
+      <sv label="驾驶证照片" col="1">
+        <ng-container
+          *ngTemplateOutlet="uploadTemplate;context:{data:driverDetail,status:isEditDriver,key:'certificatePhotoWatermark',key2:'certificatePhoto',hover:'driverCertificate'}">
+        </ng-container>
+      </sv>
+    </sv-container>
+
+    <nz-divider></nz-divider>
+    <sv-container col="3" class="mt16">
+      <sv-title>从业资格证信息
+        <label *ngIf="licenseDetail?.approvalStatus===20" style="color: #52c41a;" class="ml-md">
+          <i nz-icon nzType="check-circle" nzTheme="fill" class="mr-xs"></i>审核通过
+        </label>
+        <label *ngIf="licenseDetail?.approvalStatus===30" style="color: #ff4d4f;" class="ml-md">
+          <i nz-icon nzType="close-circle" nzTheme="fill" class="mr-xs"></i>驳回
+        </label>
+      </sv-title>
+      <sv label="从业资格证号">
+        <input nz-input type="text" [(ngModel)]="licenseDetail.licenseNo" [readonly]="!isEditDriver"
+          [nzBorderless]="!isEditDriver" [placeholder]="isEditDriver?'':'-'">
+      </sv>
+      <sv label="公司所在地" >
+        <ng-container *ngIf="isEditDriver; else cascaderelseTemplate">
+          <nz-select [(ngModel)]="licenseDetail.regionCode">
+            <ng-container *ngFor="let item of adressCodeList">
+              <nz-option [nzValue]="item.regionFullCodes" [nzLabel]="item.regionFullName"></nz-option>
+            </ng-container>
+          </nz-select>
+        </ng-container>
+        <ng-template #cascaderelseTemplate>
+          {{licenseDetail?.regionCodeName }}
+        </ng-template>
+      </sv>
+      <sv label="发证日期" col="2">
+        <nz-date-picker [(ngModel)]="licenseDetail.validStartTime" [nzDisabled]="!isEditDriver" nzPlaceHolder=" "
+          [nzBorderless]="!isEditDriver" [nzSuffixIcon]="isEditDriver?'calendar':''" style="width: 110px;"
+          class="calendar">
+        </nz-date-picker>
+        -
+        <ng-container *ngIf="!isEditDriver && !licenseDetail?.validEndTime && licenseDetail?.validStartTime">
+          <label style="padding-left: 11px;">长期</label>
+        </ng-container>
+        <nz-date-picker [(ngModel)]="licenseDetail.validEndTime" [nzDisabled]="!isEditDriver" nzPlaceHolder=" "
+          [nzBorderless]="!isEditDriver" [nzSuffixIcon]="isEditDriver?'calendar':''" style="width: 110px;"
+          class="calendar">
+        </nz-date-picker>
+        <ng-container *ngIf="isEditDriver">
+          <label nz-checkbox [ngModel]="!!!licenseDetail.validEndTime"
+            (ngModelChange)="$event?licenseDetail.validEndTime='':''" class="ml-sm">长期</label>
+        </ng-container>
+
+      </sv>
+
+      <sv label="从业资格证照片" col="1">
+        <ng-container
+          *ngTemplateOutlet="uploadTemplate;context:{data:licenseDetail,status:isEditDriver,key:'certificatePhotoWatermark',key2:'certificatePhoto',hover:'licenseCertificate'}">
+        </ng-container>
+      </sv>
+    </sv-container>
+  </div>
+
+  <nz-divider></nz-divider>
+  <sv-container col="3" class="mt16">
+    <sv-title>载具信息</sv-title>
+    <ng-container *ngFor="let carDatail of carList">
+      <sv label="车牌号">
+        {{ carDatail?.carNo }}
+      </sv>
+      <sv label="车牌颜色">
+        {{ carDatail?.carNoColor }}
+      </sv>
+      <sv label="车型">
+        {{ carDatail?.carModel }}
+      </sv>
+      <sv label="车长">
+        {{ carDatail?.carLength }}
+      </sv>
+      <sv label="是否为当前车辆">
+        {{ carDatail?.isDefault?'是':'否' }}
+      </sv>
+      <sv label="自有载具">
+        {{ carDatail?.isSelf?'否':'是' }}
+      </sv>
+      <sv label="行驶证照片" col="1">
+        <app-imagelist [imgList]="[carDatail?.certificatePhotoFrontWatermark,carDatail?.certificatePhotoBackWatermark]">
+        </app-imagelist>
+      </sv>
+      <sv label="道路运输证照片" col="3">
+        <app-imagelist [imgList]="[carDatail?.roadTransportPhotoWatermark]"></app-imagelist>
+      </sv>
+      <sv label="车头照" col="2">
+        <app-imagelist [imgList]="[carDatail?.carFrontPhotoWatermark]"></app-imagelist>
+      </sv>
+      <nz-divider></nz-divider>
+    </ng-container>
+
+  </sv-container>
+
+  <sv-container col="3" class="mt-md">
+    <sv-title>银行结算信息 <ng-container *ngIf="bankList?.length===0">（暂无银行信息）</ng-container>
+    </sv-title>
+    <ng-container *ngFor="let item of bankList">
+      <sv label="开户银行">
+        {{ item.bankName }}
+      </sv>
+      <sv label="银行卡号">
+        {{ item?.bankCardNumber }}
+      </sv>
+    </ng-container>
+  </sv-container>
+
+  <nz-divider></nz-divider>
+  <sv-container col="3" class="mt-md">
+    <sv-title>服务评级
+      <ng-container *ngIf="billEvaluateList?.length===0">(暂无评级)</ng-container>
+    </sv-title>
+    <sv [label]="item.evaluateTypeLabel" *ngFor="let item of billEvaluateList">
+      <nz-rate [ngModel]="item.evaluateFraction" nzDisabled></nz-rate>
+    </sv>
+  </sv-container>
+
+  <sv-container col="3" class="mt-md">
+    <sv-title>关联企业</sv-title>
+    <st #st [columns]="columns" [data]="service.$api_get_driver_projects" size="small"
+      [req]="{ method: 'POST', allInBody: true, params: {appUserId:route.snapshot.params.id} }" [page]="{ show: false }"
+      [res]="{ reName: { list: 'data' } }" style="width: 100%;">
+    </st>
+  </sv-container>
+</nz-card>
+
+
+<ng-template #redectModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="120">
+      <se [col]="1" label="姓名">
+        {{ userIdentityDetail?.name }}
+      </se>
+      <se [col]="1" label="备注" required>
+        <textarea nz-input rows="3" style="width: 325px;margin-left: 14px;" maxlength="120" [(ngModel)]="approvalOpinion" placeholder="请输入驳回原因"></textarea>
+      </se>
+    </div>
+  </div>
+</ng-template>
+
+<ng-template #rejectedDriverModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="120">
+      <se [col]="1" label="驾驶证号">
+        {{driverDetail?.licenseNo }}
+      </se>
+      <se [col]="1" label="从业资格证号">
+        {{ licenseDetail?.licenseNo }}
+      </se>
+      <se [col]="1" label="备注" required>
+        <textarea nz-input rows="3" style="width: 325px;margin-left: 14px;" maxlength="120" [(ngModel)]="approvalOpinion"></textarea>
+      </se>
+    </div>
+  </div>
+</ng-template>
+
+<ng-template #uploadTemplate let-data="data" let-status="status" let-key="key" let-key2="key2" let-hover="hover">
+  <nz-upload class="avatar-uploader" [nzAction]="uploadURl" nzName="multipartFile" nzListType="picture-card"
+    [nzShowUploadList]="false" nzFileType="image/png,image/jpeg,image/jpg,image/gif"
+    [nzDisabled]="!status || disabledUpload" (nzChange)="changeUpload($event,data,key,key2,hover)">
+    <ng-container *ngIf="!data[key] && status">
+      <i class="upload-icon" nz-icon [nzType]="false ? 'loading' : 'plus'"></i>
+      <div class="ant-upload-text">上传</div>
+    </ng-container>
+    <div *ngIf="data[key]" (mouseover)="data[hover]=true" (mouseleave)="data[hover]=false"
+      (click)="$event.cancelBubble=true" class="image-hover">
+      <img nz-image [nzSrc]="data[key]" style="width: 200px;height: 160px;" />
+      <div class="mask" *ngIf="data[hover] && status"></div>
+      <div class="mask-over" *ngIf="data[hover] && status">
+        <i nz-icon nzType="close-circle" nzTheme="fill" class="delete-icon" (click)="deleteImg(data,key,key2)"></i>
+        <div style="display: flex;align-items: center;">
+          <i nz-icon nzType="eye" nzTheme="fill" class="show-icon" (click)="showImg(data[key])"></i>
+        </div>
+      </div>
+    </div>
+  </nz-upload>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/driver/detail/detail.component.less b/src/app/routes/usercenter/components/driver/detail/detail.component.less
new file mode 100644
index 00000000..3fc40149
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/detail/detail.component.less
@@ -0,0 +1,33 @@
+@import '../../../less/edit.less';
+
+:host {
+  ::ng-deep {
+
+    .sv__title {
+      font-weight: 600;
+    }
+
+
+    .user-info {
+      display  : flex;
+      font-size: 16px;
+
+      img {
+        width        : 64px;
+        height       : 64px;
+        margin-right : 15px;
+        border-radius: 50%;
+      }
+
+    }
+
+    .imgBox {
+      display: flex;
+
+      img {
+        width : 200px !important;
+        height: 160px;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/driver/detail/detail.component.ts b/src/app/routes/usercenter/components/driver/detail/detail.component.ts
new file mode 100644
index 00000000..dc7ee992
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/detail/detail.component.ts
@@ -0,0 +1,503 @@
+import { DatePipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { apiConf } from '@conf/api.conf';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFTagWidgetSchema, SFTextWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzImageService } from 'ng-zorro-antd/image';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { Subject } from 'rxjs';
+import { ImageViewComponent } from 'src/app/shared/components/imagelist';
+import { UsermanageService } from '../../../services/usercenter.service';
+import { debounceTime } from 'rxjs/operators';
+
+@Component({
+  selector: 'app-usercenter-components-driver-detail',
+  templateUrl: './detail.component.html',
+  styleUrls: ['./detail.component.less'],
+  providers: [DatePipe]
+})
+export class UserCenterComponentsDriverDetailComponent implements OnInit {
+  detailData: any;
+  userDetail: any;
+  contencarModel: any;
+  facetext: any;
+  faceStatus: any = 0;
+  userIdentityDetail: any = {};
+  tempalateUserIdentityDetail = { ...this.userIdentityDetail };
+  driverDetail: any = {
+    licenseNo: '',
+    driverModel: [],
+    validStartTime: '',
+    validEndTime: '',
+    signingOrganization: '',
+    certificatePhotoWatermark: ''
+  };
+  tempalateDriverData = { ...this.driverDetail };
+  licenseDetail: any = {
+    licenseNo: '',
+    validStartTime: '',
+    validEndTime: '',
+    certificatePhotoWatermark: '',
+    regionCode: ''
+  };
+  tempalateLicenseDetail = { ...this.licenseDetail };
+  columns: STColumn[] = [
+    { title: '企业名称', className: 'text-center', index: 'enterpriseName' },
+    { title: '项目名称', className: 'text-center', index: 'projectName' },
+    { title: '角色', className: 'text-center', index: 'roleName' }
+  ];
+  carList: any = [];
+
+  @ViewChild('redectModal', { static: false })
+  redectModal!: any;
+  @ViewChild('rejectedDriverModal', { static: false })
+  rejectedDriverModal!: any;
+  adressCodeList: any = [];
+  billEvaluateList: any = [];
+  approvalOpinion = '';
+  bankList: any[] = [];
+  isEditUser = false;
+  isEditDriver = false;
+
+  uploadURl = apiConf.waterFileUpload;
+  disabledUpload = false;
+  constructor(
+    private nzModalService: NzModalService,
+    public service: UsermanageService,
+    public route: ActivatedRoute,
+    private datePipe: DatePipe,
+    private nzImageService: NzImageService
+  ) {}
+
+  ngOnInit() {
+    this.initData();
+    this.initDetailByCode();
+  }
+  initData() {
+    // 获取司机头部信息
+    this.service.request(this.service.$api_get_user_detail, { appUserId: this.route.snapshot.params.id }).subscribe(res => {
+      if (res) {
+        this.userDetail = res;
+      }
+    });
+    this.service.request(this.service.$api_getDictValue, { dictKey: 'driverModel' }).subscribe(res => {
+      if (res) {
+        this.contencarModel = res;
+      }
+    });
+    // 获取人脸识别结果
+    this.service.request(this.service.$api_getFaceFlowQuery, { id: this.route.snapshot.params.id }).subscribe(res => {
+      if (res) {
+        this.faceStatus = res.status;
+        if (res.status == 4) {
+          this.facetext = res.failReason;
+        }
+      }
+    });
+    // 获取用户个人信息
+    this.service.request(this.service.$api_get_user_identity, { id: this.route.snapshot.params.id }).subscribe(res => {
+      if (res) {
+        this.userIdentityDetail = res;
+        this.tempalateUserIdentityDetail = { ...this.userIdentityDetail };
+      }
+    });
+    // 获取驾驶证信息
+    this.service.request(this.service.$api_get_driver_license, { appUserId: this.route.snapshot.params.id }).subscribe(res => {
+      if (res?.id) {
+        Object.assign(res, { driverModel: res.driverModel ? res.driverModel.split(',') : [] });
+        this.driverDetail = res;
+
+        this.tempalateDriverData = { ...this.driverDetail };
+      }
+    });
+    // 获取从业资格证信息
+    this.service.request(this.service.$api_get_driver_practice_seniority, { appUserId: this.route.snapshot.params.id }).subscribe(res => {
+      if (res?.id) {
+        this.licenseDetail = res;
+        this.tempalateLicenseDetail = { ...this.licenseDetail };
+      }
+    });
+    // 获取载具信息
+    this.service.request(this.service.$api_get_driver_car_license, { appUserId: [this.route.snapshot.params.id] }).subscribe(res => {
+      if (res) {
+        this.carList = res;
+      }
+    });
+    // 获取评价信息
+    this.service
+      .request(this.service.$api_get_driver_billEvaluate, { passiveUserId: this.route.snapshot.params.id }, 'POST', false)
+      .subscribe(res => {
+        if (res) {
+          this.billEvaluateList = res;
+        }
+      });
+
+    // 获取用户银行信息
+    this.service
+      .request(this.service.$api_get_user_bank_list, {
+        roleId: this.route.snapshot.params.id
+      })
+      .subscribe(res => {
+        if (res) {
+          this.bankList = res;
+        }
+      });
+  }
+
+  /** 启用/冻结司机 */
+  userAction(status: number) {
+    this.nzModalService.warning({
+      nzTitle: status === 1 ? '确定启用该司机吗？' : '确定冻结该司机吗？',
+      nzContent: status === 1 ? '启用后，该司机将恢复正常使用功能，请再次确认！' : '冻结后，司机将被限制使用，无法登陆，请谨慎操作！',
+      nzOnOk: () => {
+        this.service
+          .request(this.service.$api_lock_or_free_user, {
+            appUserId: [this.userDetail.appUserId],
+            freezeOrResume: !!!status,
+            pageName: '司机详情',
+            telephone: this.userDetail.phone
+          })
+          .subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success('操作成功');
+            }
+            this.initData();
+          });
+      }
+    });
+  }
+
+  /** 审核通过个人信息 */
+  approveUser() {
+    this.nzModalService.confirm({
+      nzTitle: '审核通过',
+      nzContent: `是否确认通过(姓名:${this.userIdentityDetail.name})审核`,
+      nzOnOk: () => {
+        this.adjuctUser({ auditStatus: 0, auditType: 0, identityId: this.userIdentityDetail?.id }, '审核通过');
+      }
+    });
+  }
+
+  /** 驳回个人信息 */
+  rejectedUser() {
+    this.approvalOpinion = '';
+    this.nzModalService.create({
+      nzTitle: '审核驳回',
+      nzContent: this.redectModal,
+      nzOnOk: () => {
+        if (!this.approvalOpinion) {
+          this.service.msgSrv.warning('请填写备注');
+          return false;
+        }
+        this.adjuctUser(
+          {
+            auditStatus: 1,
+            auditType: 0,
+            identityId: this.userIdentityDetail?.id,
+            certificationOpinions: this.approvalOpinion
+          },
+          '审核驳回成功'
+        );
+        return;
+      }
+    });
+  }
+
+  /** 审核通过驾驶员信息 */
+  approveDriver() {
+    
+    this.nzModalService.confirm({
+      nzTitle: '审核通过',
+      nzContent: `<p>驾驶证号：${this.driverDetail?.licenseNo}</p><p>从业资格证号：${this.licenseDetail?.licenseNo}</p><p>是否确认通过审核`,
+      nzOnOk: () => {
+        this.adjuctDriverLicense(
+          {
+            approvalStatus: 20,
+            appUserId: this.userDetail?.appUserId
+          },
+          '审核成功'
+        );
+      }
+    });
+  }
+ 
+  /** 驳回驾驶员信息 */
+  rejectedDriver() {
+    this.approvalOpinion = '';
+    this.nzModalService.create({
+      nzTitle: '审核驳回',
+      nzContent: this.rejectedDriverModal,
+      nzOnOk: () => {
+        if (!this.approvalOpinion) {
+          return false;
+        }
+        this.adjuctDriverLicense(
+          {
+            approvalStatus: 30,
+            appUserId: this.userDetail?.appUserId,
+            approvalOpinion: this.approvalOpinion
+          },
+          '审核驳回成功'
+        );
+        return;
+      }
+    });
+  }
+
+  /** 个人信息审核 */
+  private adjuctUser(params: any, msg: string) {
+    this.service.request(this.service.$api_approve_identity, { ...params }).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success(msg);
+      }
+      this.initData();
+    });
+  }
+
+  /** 驾驶员审核 */
+  private adjuctDriverLicense(params: any, msg: string) {
+    this.service.request(this.service.$api_approve_driver_license, { ...params }).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success(msg);
+      }
+      this.initData();
+    });
+  }
+
+  /**
+   * 开启修改
+   * @param type 修改类型
+   */
+  ratify(type: number) {
+    if (type) {
+      this.isEditDriver = true;
+    } else {
+      this.isEditUser = true;
+    }
+  }
+
+  /**
+   * 需求修改
+   * @param type 修改类型
+   */
+  reset(type: number) {
+    if (type) {
+      this.driverDetail = { ...this.tempalateDriverData };
+      this.licenseDetail = { ...this.tempalateLicenseDetail };
+      this.isEditDriver = false;
+    } else {
+      this.userIdentityDetail = { ...this.tempalateUserIdentityDetail };
+      this.isEditUser = false;
+    }
+  }
+  /*
+   * 根据地区code查询地区详情
+   * code：请求参数
+   * type：参数 name：获取省市区名称，fullcode：获取省市区code
+   * num：参数 1：第一个地区选择，2：第二个地区选择
+   */
+  initDetailByCode() {
+    // 根据地区code查询地区详情
+    this.service.request(this.service.$api_get_region_by_code, { regionCode: '' }).subscribe((res: any) => {
+      this.adressCodeList = res;
+    });
+  }
+
+  /**
+   * 修改驾驶证，从业资格证信息
+   */
+  saveDriver() {
+    const driverDetail = this.driverDetail;
+    const licenseDetail = this.licenseDetail;
+    // console.log(this.driverDetail);
+    if (driverDetail.validStartTime && driverDetail.validEndTime) {
+      let validStartTime = driverDetail.validStartTime;
+      let validEndTime = driverDetail.validEndTime;
+      if (typeof driverDetail.validStartTime === 'string') {
+        validStartTime = new Date(driverDetail.validStartTime);
+      }
+      if (typeof driverDetail.validEndTime === 'string') {
+        validEndTime = new Date(driverDetail.validEndTime);
+      }
+      if (validStartTime?.getTime() >= validEndTime?.getTime()) {
+        this.service.msgSrv.warning('结束时间必须大于开始时间');
+        return;
+      }
+    }
+    if (
+      !driverDetail.licenseNo ||
+      !driverDetail.driverModel ||
+      !driverDetail.validStartTime ||
+      !driverDetail.signingOrganization ||
+      !driverDetail.certificatePhotoWatermark
+    ) {
+      this.service.msgSrv.warning('请完善驾驶证信息');
+      return;
+    }
+
+    if (!licenseDetail.licenseNo || !licenseDetail.validStartTime || !licenseDetail.certificatePhotoWatermark) {
+      this.service.msgSrv.warning('请完善从业资格证信息');
+      return;
+    }
+
+    const params: any = {
+      userId: this.route.snapshot.params.id,
+      mobile: this.userDetail?.phone,
+      appUserId: driverDetail.appUserId || this.route.snapshot.params.id,
+      userDriverLicenseDTO: {
+        appUserId: driverDetail?.appUserId || this.route.snapshot.params.id,
+        certificatePhoto: driverDetail.certificatePhoto,
+        certificatePhotoWatermark: driverDetail.certificatePhotoWatermark,
+        driverModel: driverDetail.driverModel.join(','),
+        id: driverDetail.id,
+        licenseNo: driverDetail.licenseNo,
+        signingOrganization: driverDetail.signingOrganization,
+        validEndTime:
+          driverDetail.validEndTime?.length === 10
+            ? driverDetail.validEndTime
+            : this.datePipe.transform(driverDetail.validEndTime, 'yyyy-MM-dd'),
+        validStartTime:
+          driverDetail.validStartTime?.length === 10
+            ? driverDetail.validStartTime
+            : this.datePipe.transform(driverDetail.validStartTime, 'yyyy-MM-dd')
+      },
+      userPracticeSeniorityDTO: {
+        appUserId: licenseDetail.appUserId || this.route.snapshot.params.id,
+        approvalStatus: licenseDetail.approvalStatus,
+        certificatePhoto: licenseDetail.certificatePhoto,
+        certificatePhotoWatermark: licenseDetail.certificatePhotoWatermark,
+        id: licenseDetail.id,
+        licenseNo: licenseDetail.licenseNo,
+        regionCode: licenseDetail.regionCode,
+        validEndTime:
+          licenseDetail.validEndTime?.length === 10
+            ? licenseDetail.validEndTime
+            : this.datePipe.transform(licenseDetail.validEndTime, 'yyyy-MM-dd'),
+        validStartTime:
+          licenseDetail.validStartTime?.length === 10
+            ? licenseDetail.validStartTime
+            : this.datePipe.transform(licenseDetail.validStartTime, 'yyyy-MM-dd')
+      }
+    };
+    // if (licenseDetail.approvalStatus && licenseDetail.licenseNo && licenseDetail.regionCode) {
+    //   params.userPracticeSeniorityDTO = {
+    //     appUserId: licenseDetail.appUserId || this.route.snapshot.params.id,
+    //     approvalStatus: licenseDetail.approvalStatus,
+    //     certificatePhoto: licenseDetail.certificatePhoto,
+    //     certificatePhotoWatermark: licenseDetail.certificatePhotoWatermark,
+    //     id: licenseDetail.id,
+    //     licenseNo: licenseDetail.licenseNo,
+    //     regionCode: licenseDetail.regionCode,
+    //     validEndTime:
+    //       licenseDetail.validEndTime?.length === 10
+    //         ? licenseDetail.validEndTime
+    //         : this.datePipe.transform(licenseDetail.validEndTime, 'yyyy-MM-dd'),
+    //     validStartTime:
+    //       licenseDetail.validStartTime?.length === 10
+    //         ? licenseDetail.validStartTime
+    //         : this.datePipe.transform(licenseDetail.validStartTime, 'yyyy-MM-dd')
+    //   };
+    // }
+    console.log(params);
+    this.service.request(this.service.$api_update_driver_license, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('修改成功');
+        this.isEditDriver = false;
+        this.initData();
+      }
+    });
+  }
+
+  saveUser() {
+    const userIdentity = this?.userIdentityDetail;
+    const params = {
+      certificateNumber: userIdentity?.certificateNumber,
+      certificatePhotoBack: userIdentity?.certificatePhotoBack,
+      certificatePhotoBackWatermark: userIdentity?.certificatePhotoBackWatermark,
+      certificatePhotoFront: userIdentity?.certificatePhotoFront,
+      certificatePhotoFrontWatermark: userIdentity?.certificatePhotoFrontWatermark,
+      certificateType: userIdentity?.certificateType,
+      handCertificate: userIdentity?.handCertificate,
+      id: userIdentity?.id,
+      name: userIdentity?.name,
+      souceType: userIdentity?.souceType,
+      sourceAppId: userIdentity?.sourceAppId,
+      tenantId: userIdentity?.tenantId,
+      userId: userIdentity?.userId,
+      validEndTime:
+        userIdentity?.validEndTime?.length === 10
+          ? userIdentity?.validEndTime
+          : this.datePipe.transform(userIdentity?.validEndTime, 'yyyy-MM-dd'),
+      validStartTime:
+        userIdentity?.validStartTime?.length === 10
+          ? userIdentity?.validStartTime
+          : this.datePipe.transform(userIdentity?.validStartTime, 'yyyy-MM-dd')
+    };
+    this.service.request(this.service.$api_update_driver_identity, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('修改成功');
+        this.isEditUser = false;
+        this.initData();
+      }
+    });
+  }
+
+  changeUpload({ file, fileList, type }: any, data: any, key: string, key2: string, id: string) {
+    if (type === 'success') {
+      data[key] = file.response.data?.fullFileWatermarkPath;
+      data[key2] = file.response.data?.fullFilePath;
+      if (id === 'certificateBackFront' || id === 'certificateBack') {
+        this.checkIdCard(file.response.data?.fullFilePath, id === 'certificateBackFront' ? 'front' : 'back', 0);
+      }
+    }
+  }
+
+  showImg(url: any) {
+    this.nzImageService.preview([{ src: url }]);
+  }
+
+  deleteImg(data: any, key: string, key2: string) {
+    this.nzModalService.warning({
+      nzTitle: '是否确认删除该图片',
+      nzOnOk: () => {
+        this.disabledUpload = true;
+        data[key] = '';
+        data[key2] = '';
+        setTimeout(() => {
+          this.disabledUpload = false;
+        }, 100);
+      }
+    });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+
+  // 识别身份证 参数isFront：front-正面、back-背面；type：0-申请人身份证，1-法定代表人身份证
+  checkIdCard(imgurl: any, isFront: string, type: number) {
+    const params = {
+      idCardUrl: imgurl,
+      side: isFront
+    };
+    this.service.request(this.service.$api_ocr_recognize_id_card, params).subscribe(res => {
+      if (res) {
+        // 企业管理员证件照
+        if (type === 0) {
+          if (isFront === 'front') {
+            // 正面
+            if (res.name) {
+              this.userIdentityDetail.name = res.name;
+            }
+            if (res.number) {
+              this.userIdentityDetail.certificateNumber = res.number;
+            }
+          }
+        }
+      }
+    });
+  }
+}
diff --git a/src/app/routes/usercenter/components/driver/driver-config/driver-config.component.html b/src/app/routes/usercenter/components/driver/driver-config/driver-config.component.html
new file mode 100644
index 00000000..b98f1832
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/driver-config/driver-config.component.html
@@ -0,0 +1,51 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-11-29 15:22:34
+ * @LastEditTime : 2022-03-09 16:04:08
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\usercenter\\components\\driver\\driver-config\\driver-config.component.html
+-->
+<!-- 页头 -->
+<page-header-wrapper></page-header-wrapper>
+<nz-card>
+  <!-- 搜索区 -->
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]=" 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+      <sf #sf [schema]="schema" [ui]="{ '*': { spanLabelFixed: 120, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } }" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzXl]=" 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)" acl
+        [acl-ability]="['USERCENTER-DRIVER-CONFIG-search']">查询</button>
+      <button nz-button nzType="primary" [disabled]="false" (click)="exportList()" acl
+        [acl-ability]="['USERCENTER-DRIVER-CONFIG-export']">导出</button>
+      <button nz-button (click)="resetSF()" [disabled]="false">重置</button>
+      <!-- <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button> -->
+    </div>
+  </div>
+</nz-card>
+<nz-card>
+  <!-- 数据列表 -->
+  <st #st [columns]="columns"  [scroll]="{ x: '1200px' }"[data]="service.$api_configPage" [req]="{  params: reqParams }"
+    [loading]="false" [page]={}>
+    <ng-template st-row="monthFreightAmount" let-item let-index="index">
+      <div>{{item?.monthFreightAmount | currency}}</div>
+    </ng-template>
+    <ng-template st-row="dayWithdrawalAmount" let-item let-index="index">
+      <div>{{item?.dayWithdrawalAmount | currency}}</div>
+    </ng-template>
+    <ng-template st-row="monthWithdrawalAmount" let-item let-index="index">
+      <div>{{item?.monthWithdrawalAmount | currency}}</div>
+    </ng-template>
+    <ng-template st-row="monthReceivableAmount" let-item let-index="index">
+      <div>{{item?.monthReceivableAmount | currency}}</div>
+    </ng-template>
+    <ng-template st-row="isCaptain" let-item let-index="index">
+      <div>{{item?.isCaptain == 1 ? '车队长' : '司机'}}</div>
+    </ng-template>
+  </st>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/driver/driver-config/driver-config.component.less b/src/app/routes/usercenter/components/driver/driver-config/driver-config.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/usercenter/components/driver/driver-config/driver-config.component.ts b/src/app/routes/usercenter/components/driver/driver-config/driver-config.component.ts
new file mode 100644
index 00000000..3ae0c418
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/driver-config/driver-config.component.ts
@@ -0,0 +1,128 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFSchema } from '@delon/form';
+import { DynamicSettingModalComponent } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { UsermanageService } from '../../../services/usercenter.service';
+@Component({
+  selector: 'app-usercenter-components-driver-config',
+  templateUrl: './driver-config.component.html',
+  styleUrls: ['./driver-config.component.less']
+})
+export class UserCenterComponentsDriverConfigComponent implements OnInit {
+  schema: SFSchema = this.initSF();
+  columns: STColumn[] = this.initST();
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+
+  constructor(public service: UsermanageService, private modal: NzModalService) {}
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params: any = {
+      auditStatus: 20,
+      ...(this.sf && this.sf.value)
+    };
+    delete params.effectiveDate;
+    delete params.expand;
+    return params;
+  }
+
+  ngOnInit() {}
+
+  settingAction(item?: any) {
+    const modal = this.modal.create({
+      nzTitle: '配置',
+      nzContent: DynamicSettingModalComponent,
+      nzWidth: 900,
+      nzComponentParams: {
+        extendType: '3',
+        businessId: item.appUserId,
+        configvalue: 'sys.config'
+      },
+      nzFooter: null
+    });
+
+    modal.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load(1);
+      }
+    });
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+  }
+
+  exportList() {
+    const params = this.reqParams;
+    this.service.downloadFile(this.service.$api_export_driver_cap, { ...params, pageSize: -1 });
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        name: { title: '司机姓名', type: 'string', ui: { placeholder: '请输入', showRequired: false } },
+        mobile: {
+          title: '手机号',
+          type: 'string',
+          maxLength: 11,
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        isCaptain: {
+          type: 'string',
+          title: '类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '车队长', value: 1 },
+            { label: '司机', value: 0 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select'
+          }
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      // { title: '', type: 'checkbox', className: 'text-center' },
+      { title: '司机姓名', className: 'text-center', width: '170px', index: 'name' },
+      { title: '手机号', className: 'text-center', width: '170px', index: 'mobile' },
+      { title: '类型', className: 'text-center',  width: '170px',render: 'isCaptain' },
+      { title: '月承运金额上限（元）', className: 'text-center', width: '200px', render: 'monthFreightAmount' },
+      { title: '日提现金额上限（元）', className: 'text-center', width: '200px', render: 'dayWithdrawalAmount' },
+      { title: '月提现金额上限（元）', className: 'text-center', width: '200px', render: 'monthWithdrawalAmount' },
+      { title: '月收款金额上限（元）', className: 'text-center', width: '200px', render: 'monthReceivableAmount' },
+      {
+        title: '操作',
+        width: '170px',
+        fixed: 'right',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '配置',
+            click: item => this.settingAction(item),
+            acl: { ability: ['USERCENTER-DRIVER-CONFIG-config'] }
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/usercenter/components/driver/driver.component.html b/src/app/routes/usercenter/components/driver/driver.component.html
new file mode 100644
index 00000000..32666512
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/driver.component.html
@@ -0,0 +1,66 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 13:35:56
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-28 14:17:40
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\usercenter\\components\\driver\\driver.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<!-- 页头 -->
+<page-header-wrapper [title]="'司机列表'"></page-header-wrapper>
+<nz-card>
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+      <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right"
+      [class.expend-options]="_$expand">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)"  acl  [acl-ability]="['USERCENTER-DRIVER-LIST-list']">查询</button>
+      <button nz-button nzType="primary" (click)="exportList()" [disabled]="false" acl  [acl-ability]="['USERCENTER-DRIVER-LIST-export']">导出</button>
+      <button nz-button (click)="resetSF()" [disabled]="false">重置</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+<nz-card class="content-box">
+  <nz-tabset [nzSelectedIndex]="1"  [nzTabBarExtraContent]="extraTemplate">
+    <nz-tab nzTitle="全部" (nzClick)="selectChange(null)"></nz-tab>
+    <nz-tab nzTitle="待审核" (nzClick)="selectChange(10)"></nz-tab>
+    <nz-tab nzTitle="已审核" (nzClick)="selectChange(20)"></nz-tab>
+  </nz-tabset>
+
+  <!-- 数据列表 -->
+  <st #st [columns]="columns" [scroll]="{x: '1200px'}" [data]='service.$api_get_driver_list'
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="service.http.loading">
+    <ng-template st-row="promotersTelephone" let-item let-index="index">
+      <a (click)="addPromoter(item)"  acl  [acl-ability]="['USERCENTER-DRIVER-LIST-promoter']">{{ item.promotersTelephone || '添加' }}</a>
+    </ng-template>
+    <ng-template st-row="carNo" let-item let-index="index">
+      <a (click)="viewCar(item)" >{{ item?.carNo  }}</a>
+    </ng-template>
+  </st>
+</nz-card>
+
+<ng-template #promoterModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="80">
+      <se [col]="1" label="手机号">
+        <input nz-input [(ngModel)]="promotersTelephone" maxlength="11" required />
+      </se>
+    </div>
+  </div>
+</ng-template>
+<ng-template #extraTemplate>
+  <div>
+    <button nz-button nzType="primary" (click)="add()">添加司机</button>
+  </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/driver/driver.component.less b/src/app/routes/usercenter/components/driver/driver.component.less
new file mode 100644
index 00000000..757a5529
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/driver.component.less
@@ -0,0 +1,28 @@
+.expend-options {
+    margin-top: 0px;
+}
+
+
+@media (min-width: 1200px) {
+    .expend-options {
+        margin-top: -40px;
+        max-width : 400px;
+        position  : absolute;
+        right     : 0;
+        bottom    : 30px;
+    }
+
+}
+
+:host::ng-deep {
+
+    nz-range-picker {
+        width: 100%;
+    }
+
+    .content-box {
+        .ant-card-body {
+            padding-top: 6px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/driver/driver.component.ts b/src/app/routes/usercenter/components/driver/driver.component.ts
new file mode 100644
index 00000000..e2e85027
--- /dev/null
+++ b/src/app/routes/usercenter/components/driver/driver.component.ts
@@ -0,0 +1,352 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STColumnBadge, STComponent, STData } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper } from '@delon/theme';
+import { DynamicSettingModalComponent } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { AccountDetailComponent } from 'src/app/shared/components/account-detail/account-detail.component';
+import { UsermanageService } from '../../services/usercenter.service';
+import { CarSettleAddDriverComponent } from './add-driver/add-driver.component';
+@Component({
+  selector: 'app-usercenter-components-driver',
+  styleUrls: ['./driver.component.less'],
+  templateUrl: './driver.component.html'
+})
+export class UserCenterComponentsDriverComponent implements OnInit {
+  _$expand = false;
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  ui: SFUISchema = { '*': { spanLabelFixed: 120, grid: { lg: 8, md: 12, sm: 12, xs: 24 }, enter: () => this.st.load() } };
+  schema: SFSchema = this.initSF();
+  columns: STColumn[] = this.initST();
+
+  @ViewChild('promoterModal', { static: false })
+  promoterModal!: any;
+  promotersTelephone = '';
+
+  resourceStatus: any = 10;
+  constructor(
+    public service: UsermanageService,
+    private modal: NzModalService,
+    private router: Router,
+    private ar: ActivatedRoute,
+    private modalHelper: ModalHelper
+  ) {}
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params: any = {
+      ...(this.sf && this.sf.value),
+      auditStatus: this.resourceStatus
+    };
+    if (this.sf?.value.effectiveDate) {
+      Object.assign(params, {
+        createTime: {
+          start: this.sf?.value.effectiveDate[0],
+          end: this.sf?.value.effectiveDate[1]
+        }
+      });
+      // params.effectiveDateStart = this.sf?.value.effectiveDate[0];
+      // params.effectiveDateEnd = this.sf?.value.effectiveDate[1];
+    }
+    delete params.effectiveDate;
+    delete params.expand;
+    return params;
+  }
+
+  ngOnInit() {
+    this.ar.url.subscribe(params => {
+      this.st?.load(1);
+    });
+  }
+
+  selectChange(e: any) {
+    this.resourceStatus = e;
+    setTimeout(() => {
+      this.st.load();
+    }, 200);
+  }
+
+  addPromoter(item?: any) {
+    this.promotersTelephone = item?.promotersTelephone;
+    const modal = this.modal.create({
+      nzTitle: '推广业务员',
+      nzContent: this.promoterModal,
+      nzOnOk: () => {
+        if (!!!this.promotersTelephone) {
+          this.service.msgSrv.error('请填写手机号!');
+          return false;
+        }
+        if (typeof this.promotersTelephone === 'string' && !/(^1\d{10}$)/.test(this.promotersTelephone)) {
+          this.service.msgSrv.error('手机格式错误');
+          return false;
+        }
+        this.service
+          .request(this.service.$api_add_user_salesman, { userId: item.userId, mobile: this.promotersTelephone })
+          .subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success(item?.promotersTelephone ? '添加推广员成功' : '修改推广员成功');
+            }
+            this.st.load();
+          });
+        return;
+      }
+    });
+  }
+
+  settingAction(item?: any) {
+    this.modal.create({
+      nzTitle: '基础设置',
+      nzContent: DynamicSettingModalComponent,
+      nzWidth: 900,
+      nzComponentParams: {
+        extendType: '3',
+        businessId: item.appUserId
+      },
+      nzFooter: null
+    });
+  }
+
+  showAccountDetail(item: any) {
+    console.log(item);
+
+    this.modal.create({
+      nzTitle: '资金账户',
+      nzContent: AccountDetailComponent,
+      nzNoAnimation: true,
+      nzWidth: 600,
+      nzComponentParams: {
+        isCanCreate: true,
+        url: '/api/fcc/accountBalance/getDriverAccountDetailByOperator',
+        params: { accountType: 2, roleId: item.appUserId, ctfId: item.identityNo, clientName: item.name }
+      },
+      nzFooter: null
+    });
+  }
+
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  exportList() {
+    const params = this.reqParams;
+    this.service.downloadFile(this.service.$api_export_driver, { ...params, pageSize: -1 });
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        name: { title: '司机姓名', type: 'string', ui: { placeholder: '请输入', showRequired: false } },
+        mobile: {
+          title: '手机号',
+          type: 'string',
+          maxLength: 11,
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        identityStatus: {
+          type: 'string',
+          title: '实名状态',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '待审核', value: 0 },
+            { label: '通过', value: 1 },
+            { label: '驳回', value: 2 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select'
+          }
+        },
+        driverLicenseStatus: {
+          type: 'string',
+          title: '驾驶证状态',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '待审核', value: 10 },
+            { label: '审核通过', value: 20 },
+            { label: '驳回', value: 30 },
+            { label: '证件过期', value: 40 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        practiceSenioritLicenseStatus: {
+          type: 'string',
+          title: '从业资格证状态',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '待审核', value: 10 },
+            { label: '审核通过', value: 20 },
+            { label: '驳回', value: 30 },
+            { label: '证件过期', value: 40 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        promotersTelephone: {
+          title: '推广业务员',
+          type: 'string',
+          maxLength: 11,
+          ui: {
+            placeholder: '请输入手机号',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        source: {
+          type: 'string',
+          title: '注册渠道',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '用户注册', value: 1 },
+            { label: '货主添加', value: 2 },
+            { label: '运营添加', value: 3 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        effectiveDate: {
+          title: '申请时间',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        }
+      }
+    };
+  }
+  add() {
+    this.modalHelper.create(CarSettleAddDriverComponent, { size: 900 }).subscribe(res => {
+      this.st.load();
+    });
+  }
+  private initST(): STColumn[] {
+    return [
+      { title: '司机姓名', className: 'text-center', index: 'name', width: 150 },
+      { title: '手机号', className: 'text-center', index: 'mobile', width: 150 },
+      { title: '身份证号码', className: 'text-center', index: 'identityNo', width: 200 },
+      { title: '当前车辆', className: 'text-center', render: 'carNo', width: 200 },
+      { title: '驾驶证审核人', className: 'text-center', index: 'approvalUserName', width: 200 },
+      { title: '审核时间', className: 'text-center', index: 'approvalTime', width: 200 },
+      {
+        title: '实名认证状态',
+        className: 'text-center',
+        index: 'identityStatus',
+        type: 'badge',
+        badge: {
+          '-1': { text: '未提交', color: 'default' },
+          0: { text: '待审核', color: 'default' },
+          1: { text: '通过', color: 'success' },
+          2: { text: '驳回', color: 'warning' }
+        },
+        width: 180
+      },
+      {
+        title: '驾驶证状态',
+        className: 'text-center',
+        index: 'driverLicenseStatus',
+        type: 'badge',
+        badge: {
+          '-1': { text: '未提交', color: 'default' },
+          10: { text: '待审核', color: 'default' },
+          20: { text: '审核通过', color: 'success' },
+          30: { text: '驳回', color: 'warning' },
+          40: { text: '证件过期', color: 'error' }
+        },
+        width: 180
+      },
+      {
+        title: '从业资格证状态',
+        className: 'text-center',
+        index: 'practiceSenioritLicenseStatus',
+        type: 'badge',
+        badge: {
+          '-1': { text: '未提交', color: 'default' },
+          10: { text: '待审核', color: 'default' },
+          20: { text: '审核通过', color: 'success' },
+          30: { text: '驳回', color: 'warning' },
+          40: { text: '证件过期', color: 'error' }
+        },
+        width: 180
+      },
+      { title: '推广业务员', className: 'text-center', render: 'promotersTelephone', width: 180 },
+      {
+        title: '注册渠道',
+        className: 'text-center',
+        index: 'source',
+        type: 'enum',
+        enum: { 1: '用户注册', 2: '货主添加', 3: '运营添加' },
+        width: 150
+      },
+      { title: '注册时间', className: 'text-center', index: 'createTime', width: 200 },
+      {
+        title: '操作',
+        width: '110px',
+        className: 'text-center',
+        fixed: 'right',
+        buttons: [
+          {
+            text: '查看<br/>',
+            click: item => {
+              this.router.navigate(['./detail', item.appUserId], { relativeTo: this.ar });
+            },
+            acl: { ability: ['USERCENTER-DRIVER-LIST-view'] }
+          },
+          // {
+          //   text: '基础设置',
+          //   click: item => this.settingAction(item),
+          //   acl: { ability: ['USERCENTER-DRIVER-LIST-basicSetting'] },
+          // },
+          {
+            text: '资金账户',
+            click: item => this.showAccountDetail(item),
+            acl: { ability: ['USERCENTER-DRIVER-LIST-account'] }
+          }
+        ]
+      }
+    ];
+  }
+  viewCar(item: any) {
+    this.router.navigate(['/vehicle/list/detail/' + item.carId]);
+  }
+}
diff --git a/src/app/routes/usercenter/components/freight/enterprise-audit/audit-admin/audit-admin.component.html b/src/app/routes/usercenter/components/freight/enterprise-audit/audit-admin/audit-admin.component.html
new file mode 100644
index 00000000..7fbdaa18
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/enterprise-audit/audit-admin/audit-admin.component.html
@@ -0,0 +1,16 @@
+<sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="schema">
+    <ng-template sf-template="creditPhoto" let-me let-ui="ui" let-schema="schema">
+        <img [src]="me.formProperty.value" alt="" style="width: 200px;height: 160px;"
+            (click)="show(me.formProperty.value)" />
+    </ng-template>
+    <ng-template sf-template="newPhotoFrontWatermark" let-me let-ui="ui" let-schema="schema">
+        <div style="display: flex;">
+            <img [src]="me.formProperty.value.newPhotoFrontWatermark" alt=""
+                style="width: 200px;height: 160px;cursor: pointer;"
+                (click)="show(me.formProperty.value.newPhotoFrontWatermark)" />
+            <img [src]="me.formProperty.value.newPhotoBackWatermark" alt=""
+                style="width: 200px;height: 160px;cursor: pointer;" class="ml-sm"
+                (click)="show(me.formProperty.value.newPhotoBackWatermark)" />
+        </div>
+    </ng-template>
+</sf>
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/enterprise-audit/audit-admin/audit-admin.component.less b/src/app/routes/usercenter/components/freight/enterprise-audit/audit-admin/audit-admin.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/routes/usercenter/components/freight/enterprise-audit/audit-admin/audit-admin.component.ts b/src/app/routes/usercenter/components/freight/enterprise-audit/audit-admin/audit-admin.component.ts
new file mode 100644
index 00000000..39364f6f
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/enterprise-audit/audit-admin/audit-admin.component.ts
@@ -0,0 +1,121 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { UsermanageService } from 'src/app/routes/usercenter/services/usercenter.service';
+import { ImageViewComponent } from 'src/app/shared/components/imagelist';
+
+@Component({
+  selector: 'app-audit-admin',
+  templateUrl: './audit-admin.component.html',
+  styleUrls: ['./audit-admin.component.less']
+})
+export class AuditAdminComponent implements OnInit {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  i: any;
+  schema!: SFSchema;
+  ui: SFUISchema = {
+    '*': {
+      spanLabelFixed: 120,
+      grid: { span: 20 }
+    }
+  };
+  isReadOnly = false;
+  constructor(public msgSrv: NzMessageService, private nzModalService: NzModalService, public service: UsermanageService) {}
+
+  ngOnInit(): void {
+    this.loadUserInfo();
+  }
+
+  loadUserInfo() {
+    this.service.request(this.service.$api_get_enterprise_user_by_id, { id: this.i.id }).subscribe(res => {
+      if (res) {
+        this.initSF(res);
+      }
+    });
+  }
+
+  show(src: string) {
+    if (!src) {
+      return;
+    }
+    const params = {
+      imgList: [src],
+      index: 0
+    };
+    this.nzModalService.create({ nzContent: ImageViewComponent, nzComponentParams: { params } });
+  }
+
+  initSF(user?: any) {
+    // console.log(user);
+
+    this.schema = {
+      properties: {
+        expand: { type: 'boolean', ui: { hidden: true } },
+        oldAdminName: {
+          title: '当前管理员',
+          type: 'string',
+          ui: { widget: 'text' },
+          default: user.oldAdminName
+        },
+        oldAdminMobile: {
+          title: '手机号',
+          type: 'string',
+          ui: { widget: 'text' },
+          default: user.oldAdminMobile
+        },
+        oldAdminIdNo: {
+          title: '身份证号',
+          type: 'string',
+          ui: { widget: 'text' },
+          default: user.oldAdminIdNo
+        },
+        newAdminName: {
+          title: '转授对象',
+          type: 'string',
+          ui: { widget: 'text' },
+          default: user.newAdminName
+        },
+        newAdminMobile: {
+          title: '手机号',
+          type: 'string',
+          ui: { widget: 'text' },
+          default: user.newAdminMobile
+        },
+        newAdminIdNo: {
+          title: '身份证号',
+          type: 'string',
+          ui: { widget: 'text' },
+          default: user.newAdminIdNo
+        },
+        newPhotoFrontWatermark: {
+          title: '身份证照',
+          type: 'string',
+          ui: { widget: 'custom' },
+          default: user
+        },
+        creditPhoto: {
+          title: '企业授权函',
+          type: 'string',
+          ui: { widget: 'custom' },
+          default: user.creditPhoto
+        },
+        approvalOpinion: {
+          title: this.isReadOnly ? '驳回原因' : '备注',
+          type: 'string',
+          maxLength: 100,
+          ui: {
+            placeholder: '审核不通过需要说明原因',
+            widget: this.i?.approvalStatus === 30 && this.isReadOnly ? 'text' : 'textarea',
+            autosize: { minRows: 3, maxRows: 6 },
+            visibleIf: {
+              expand: (value: boolean) => !this.isReadOnly || this.i?.approvalStatus === 30
+            }
+          },
+          default: user.approvalOpinion
+        }
+      }
+    };
+  }
+}
diff --git a/src/app/routes/usercenter/components/freight/enterprise-audit/enterprise-audit.component.html b/src/app/routes/usercenter/components/freight/enterprise-audit/enterprise-audit.component.html
new file mode 100644
index 00000000..707f5bc4
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/enterprise-audit/enterprise-audit.component.html
@@ -0,0 +1,95 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-15 13:35:46
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\usercenter\\components\\freight\\enterprise-audit\\enterprise-audit.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'企业审核列表'" [content]="content">
+  <ng-template #content>
+    <nz-tabset class="tabs-wrap">
+      <nz-tab *ngFor="let tab of tabs" [nzTitle]="tab.name" (nzSelect)="changeTab(tab)"> </nz-tab>
+    </nz-tabset>
+  </ng-template>
+</page-header-wrapper>
+<nz-card class="mb-md">
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]="_$expand ? 24 : 16" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+      <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzXl]="_$expand ? 24 : 8" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right"
+      [class.expend-options]="_$expand">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)" acl
+        [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-list']">查询</button>
+      <button *ngIf="tabType == 1" nz-button nzType="primary" [disabled]="false" (click)="exportList()"
+        acl [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-export']">导出</button>
+      <button nz-button (click)="resetSF()" [disabled]="false">重置</button>
+      <button nz-button nzType="link" (click)="expandToggle(!_$expand)">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card>
+  <!-- 数据列表 -->
+  <st #st multiSort [data]="service.$api_get_freight_list" [columns]="tabType===1?enterColumns:adminColumns"
+    [req]="{  process: beforeReq }" [page]=" {}" [loading]="false" [scroll]="{ x: '1200px' }">
+    <ng-template st-row="approvalStatus" let-item let-index="index">
+      <ng-container [ngSwitch]="item.approvalStatus">
+        <nz-badge *ngSwitchCase="10" nzColor="#108ee9" nzText="待审核"></nz-badge>
+        <nz-badge *ngSwitchCase="15" nzColor="gold" nzText="已撤销"></nz-badge>
+        <nz-badge *ngSwitchCase="20" nzColor="#87d068" nzText="已成功"></nz-badge>
+        <ng-container *ngSwitchCase="30">
+          <nz-badge nzColor="volcano" nzText="已驳回"></nz-badge><br>
+          <label style="color: #ff4d4f;">（驳回原因：{{item.approvalOpinion}}）</label>
+        </ng-container>
+
+        <p *ngSwitchDefault></p>
+      </ng-container>
+    </ng-template>
+  </st>
+</nz-card>
+
+<ng-template #approvedModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="120">
+      <se [col]="1" label="公司名称">
+        {{ detailData?.enterpriseName }}
+      </se>
+      <se [col]="1" label="网络货运人" required>
+        <nz-select nzPlaceHolder="请选择" [(ngModel)]="networkTransporter">
+          <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of ltdId"></nz-option>
+        </nz-select>
+      </se>
+      <se [col]="1" label="企业角色" required>
+        <nz-select nzPlaceHolder="请选择" [(ngModel)]="roleId">
+          <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of roles"></nz-option>
+        </nz-select>
+      </se>
+      <se [col]="1" label="客服人员" required>
+        <nz-select nzPlaceHolder="请选择" [(ngModel)]="customerServiceId">
+          <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of customerServices"></nz-option>
+        </nz-select>
+      </se>
+    </div>
+  </div>
+</ng-template>
+
+<ng-template #redectModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="120">
+      <se [col]="1" label="公司名称">
+        {{ detailData?.enterpriseName }}
+      </se>
+      <se [col]="1" label="备注" required>
+        <textarea nz-input rows="3" style="width: 325px;margin-left: 14px;" [(ngModel)]="approvalOpinion"></textarea>
+      </se>
+    </div>
+  </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/enterprise-audit/enterprise-audit.component.less b/src/app/routes/usercenter/components/freight/enterprise-audit/enterprise-audit.component.less
new file mode 100644
index 00000000..52b6737d
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/enterprise-audit/enterprise-audit.component.less
@@ -0,0 +1,32 @@
+:host {
+  ::ng-deep {
+    .tabs-wrap>.ant-tabs-nav {
+      margin-bottom: 0;
+    }
+
+    .myForm .ant-upload.ant-upload-select-picture-card>.ant-upload {
+      flex-direction: column !important;
+    }
+
+    span {
+      word-break: break-all
+    }
+
+  }
+}
+
+.expend-options {
+  margin-top: 0px;
+}
+
+
+@media (min-width: 990px) {
+  .expend-options {
+    margin-top: -40px;
+    max-width : 400px;
+    position  : absolute;
+    right     : 0;
+    bottom    : 30px;
+  }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/enterprise-audit/enterprise-audit.component.ts b/src/app/routes/usercenter/components/freight/enterprise-audit/enterprise-audit.component.ts
new file mode 100644
index 00000000..5b2aaca8
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/enterprise-audit/enterprise-audit.component.ts
@@ -0,0 +1,546 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STChange, STColumn, STComponent, STData, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { UsermanageService } from '../../../services/usercenter.service';
+import { AuditAdminComponent } from './audit-admin/audit-admin.component';
+
+@Component({
+  selector: 'app-Freight-components-enterprise-audit',
+  templateUrl: './enterprise-audit.component.html',
+  styleUrls: ['./enterprise-audit.component.less']
+})
+export class FreightComponentsEnterpriseAuditComponent implements OnInit {
+  _$expand = false;
+  ui: SFUISchema = { '*': { spanLabelFixed: 90, grid: { lg: 8, md: 12, sm: 12, xs: 24 } } };
+  schema: SFSchema = this.initSF();
+  enterColumns: STColumn[] = this.initEnterST();
+  adminColumns: STColumn[] = this.initAdminST();
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  tabType = 1;
+  tabs = [
+    {
+      name: '企业审核',
+      type: 1,
+      isActived: false
+    },
+    {
+      name: '企业管理员审核',
+      type: 2,
+      isActived: false
+    }
+  ];
+
+  @ViewChild('approvedModal', { static: false })
+  approvedModal!: any;
+  @ViewChild('redectModal', { static: false })
+  redectModal!: any;
+  ltdId: any = [];
+  roles: any = [];
+  customerServices: any = [];
+  detailData: any = null;
+  approvalOpinion = '';
+  networkTransporter = null;
+  roleId = null;
+  customerServiceId = null;
+  constructor(public service: UsermanageService, private router: Router, private modal: NzModalService) {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+      if (this.sf.value.createTime) {
+        Object.assign(requestOptions.body, {
+          createTime: {
+            start: this.sf.value.createTime?.[0] || '',
+            end: this.sf.value.createTime?.[1] || ''
+          }
+        });
+      }
+    }
+    Object.assign(requestOptions.body, { flag: this.tabType, listSource: 2 });
+    return requestOptions;
+  };
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(status: boolean) {
+    this._$expand = status;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+  /**
+   * 程序初始化入口
+   */
+  ngOnInit() {
+    this.loadltdId();
+    this.loadRoles();
+    this.loadCustomerServices();
+  }
+
+  loadltdId() {
+    this.service.getNetworkFreightForwarder().subscribe(res => {
+      if (res) {
+        this.ltdId = res;
+      }
+    });
+  }
+  loadRoles() {
+    this.service.getRoles({ enterpriseId: 0, projectId: 0 }).subscribe(res => {
+      if (res) {
+        this.roles = res;
+      }
+    });
+  }
+
+  loadCustomerServices() {
+    this.service.getStaffList({}, false).subscribe(res => {
+      if (res) {
+        this.customerServices = res;
+      }
+    });
+  }
+
+  /**
+   * 查看详情
+   */
+  ViewAdimin(record: any, isReadOnly = false) {
+    const modal = this.modal.create({
+      nzTitle: isReadOnly ? '查看' : '审核',
+      nzContent: AuditAdminComponent,
+      nzWidth: 650,
+      nzComponentParams: { i: { ...record }, isReadOnly },
+      nzFooter: isReadOnly
+        ? []
+        : [
+            {
+              label: '驳回',
+              type: 'primary',
+              onClick: instance => {
+                if (!instance?.sf.value.approvalOpinion) {
+                  this.service.msgSrv.warning('请填写备注');
+                  return false;
+                }
+                this.adminAuditUser(
+                  {
+                    id: record.id,
+                    approvalStatus: '30',
+                    approvalOpinion: instance?.sf.value.approvalOpinion
+                  },
+                  modal
+                );
+                return;
+              }
+            },
+            {
+              label: '通过',
+              type: 'primary',
+              onClick: () => {
+                this.adminAuditUser(
+                  {
+                    id: record.id,
+                    approvalStatus: '20'
+                  },
+                  modal
+                );
+              }
+            }
+          ]
+    });
+    modal.afterClose.subscribe(res => {
+      // this.st.load(1);
+    });
+  }
+
+  auditPass(item: any) {
+    this.detailData = item;
+    this.networkTransporter = null;
+    this.roleId = null;
+    this.modal.create({
+      nzTitle: '审核通过',
+      nzContent: this.approvedModal,
+      nzOnOk: () => {
+        if (!this.networkTransporter || !this.roleId || !this.customerServiceId) {
+          return false;
+        }
+        this.auditEnterprise(20);
+        return;
+      }
+    });
+  }
+  auditNo(item: any) {
+    this.detailData = item;
+    this.approvalOpinion = '';
+    this.roleId = null;
+    this.modal.create({
+      nzTitle: '审核驳回',
+      nzContent: this.redectModal,
+      nzOnOk: () => {
+        if (!this.approvalOpinion) {
+          return false;
+        }
+        this.auditEnterprise(30);
+        return;
+      }
+    });
+  }
+
+  private auditEnterprise(status: number) {
+    this.service
+      .request(this.service.$api_audit_freight, {
+        approvalStatus: status,
+        id: this.detailData.id,
+        approvalOpinion: this.approvalOpinion,
+        networkTransporter: this.networkTransporter,
+        customerServiceId: this.customerServiceId,
+        roleId: this.roleId || null
+      })
+      .subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success(status === 20 ? '审核通过' : '驳回成功');
+        }
+        this.st.load(1);
+      });
+  }
+
+  View(record: any) {
+    this.router.navigate([`/usercenter/freight/enterprise/detail/${record.id}`]);
+  }
+
+  // 切换Tab
+  changeTab(item: any) {
+    this.tabType = item.type;
+    this.expandToggle(false);
+    this.sf?.reset();
+    this.st.data = this.tabType === 1 ? this.service.$api_get_freight_list : this.service.$api_get_enterprise_admin_list;
+    setTimeout(() => {
+      this.st.load(1);
+    }, 100);
+  }
+
+  private adminAuditUser(params: any, modal: any) {
+    this.service.request(this.service.$api_audit_enterprise_admin, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('审核成功');
+        modal.destroy();
+        this.st.load(1);
+      }
+    });
+  }
+
+  exportList() {
+    const params = { ...this.sf.value, flag: this.tabType, listSource: 2,  pageSize: -1 };
+    this.service.downloadFile(this.service.$api_export_enterprise, params);
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initEnterST(): STColumn[] {
+    return [
+      { title: '企业名称', className: 'text-center', index: 'enterpriseName', width: 350 },
+      { title: '统一社会信用代码', className: 'text-center', index: 'unifiedSocialCreditCode', width: 200 },
+      {
+        title: '公司所在地',
+        className: 'text-center',
+        index: 'province',
+        width: 200,
+        format: item => `${item.provinceName}${item.cityName}${item.areaName}`
+      },
+      {
+        title: '企业类型',
+        className: 'text-center',
+        index: 'enterpriseType',
+        width: 200,
+        type: 'enum',
+        enum: { 1: '物流企业', 2: '货运代理', 3: '生产型企业', 4: '贸易类企业', 5: '科技型企业', 6: '化学化工企业', 7: '其他' }
+      },
+      { title: '管理员', className: 'text-center', index: 'contacter', width: 150, format: item => `${item.contacter}<br>/${item.mobile}` },
+      {
+        title: '常用服务',
+        className: 'text-center',
+        index: 'oftenUsedServices',
+        type: 'enum',
+        enum: { 10: '整车发货', 20: '大宗发货' },
+        width: 140
+      },
+      { title: '业务员', className: 'text-center', index: 'promotersTelephone', width: 150 },
+      {
+        title: '注册渠道',
+        className: 'text-center',
+        index: 'source',
+        type: 'enum',
+        enum: { 1: '货主注册', 2: '平台添加', 3: '运营添加' },
+        width: 130
+      },
+      { title: '申请时间', className: 'text-center', index: 'createTime', width: 180, type: 'date' },
+      { title: '审核时间', className: 'text-center', index: 'approvalTime', width: 180, type: 'date' },
+      { title: '审核人', className: 'text-center', index: 'approvalUserName', width: 130 },
+      {
+        title: '审核状态',
+        className: 'text-center',
+        render: 'approvalStatus',
+        width: 160
+      },
+      {
+        title: '常用服务',
+        className: 'text-center',
+        index: 'oftenUsedServices',
+        type: 'enum',
+        enum: { 10: '整车发货', 20: '大宗发货' },
+        width: 140
+      },
+      { title: '推广业务员', className: 'text-center', index: 'promotersTelephone', width: 150 },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '180px',
+        className: 'text-center',
+        buttons: [
+          { text: '查看', click: _record => this.View(_record), acl: { ability: ['USERCENTER-FREIGHT-ENTERPRISE-view'] } },
+          {
+            text: '通过',
+            click: _record => this.auditPass(_record),
+            acl: { ability: ['USERCENTER-FREIGHT-ENTERPRISE-D-audit'] },
+            iif: item => item.approvalStatus === 10
+          },
+          {
+            text: '驳回',
+            click: _record => this.auditNo(_record),
+            acl: { ability: ['USERCENTER-FREIGHT-ENTERPRISE-D-audit'] },
+            iif: item => item.approvalStatus === 10
+          }
+        ]
+      }
+    ];
+  }
+
+  initAdminST(): STColumn[] {
+    return [
+      { title: '企业名称', className: 'text-center', index: 'enterpriseName' },
+      { title: '当前管理员', className: 'text-center', index: 'oldAdminName', width: 140 },
+      { title: '当前管理员手机号', className: 'text-center', index: 'oldAdminMobile', width: 170 },
+      { title: '转授对象', className: 'text-center', index: 'newAdminName', width: 140 },
+      { title: '转授对象手机号', className: 'text-center', index: 'newAdminMobile', width: 150 },
+      { title: '申请时间', className: 'text-center', index: 'createTime', width: 170 },
+      {
+        title: '状态',
+        className: 'text-center',
+        index: 'approvalStatus',
+        type: 'badge',
+        badge: {
+          10: { text: '待审核', color: 'processing' },
+          20: { text: '已成功', color: 'success' },
+          30: { text: '已驳回', color: 'warning' }
+        },
+        width: 130
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '180px',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '审核',
+            click: _record => this.ViewAdimin(_record),
+            acl: { ability: ['USERCENTER-FREIGHT-ENTERPRISE-adminAudit'] },
+            iif: (item: any) => item.approvalStatus === 10
+          },
+          {
+            text: '查看',
+            click: _record => this.ViewAdimin(_record, true)
+          }
+        ]
+      }
+    ];
+  }
+
+  /**
+   * 初始化查询表单
+   */
+  initSF(): SFSchema {
+    return {
+      properties: {
+        expand: { type: 'boolean', ui: { hidden: true } },
+        enterpriseName: {
+          title: '企业名称',
+          type: 'string',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        contactName: {
+          title: '管理员',
+          type: 'string',
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        enterpriseType: {
+          type: 'string',
+          title: '企业类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '物流企业', value: 1 },
+            { label: '货运代理', value: 2 },
+            { label: '生产型企业', value: 3 },
+            { label: '贸易类企业', value: 4 },
+            { label: '科技型企业', value: 5 },
+            { label: '化学化工企业', value: 6 },
+            { label: '其他', value: 7 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => this.tabType === 1
+            }
+          }
+        },
+        enterpriseAddressCode: {
+          type: 'string',
+          title: '公司所在地',
+          enum: [{ label: '全部', value: '' }],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => this.tabType === 1 && value
+            }
+          }
+        },
+        oftenUsedServices: {
+          type: 'string',
+          title: '常用服务',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '整车发货', value: 10 },
+            { label: '大宗发货', value: 20 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => this.tabType === 1 && value
+            }
+          }
+        },
+        // approval11St11atus: {
+        //   type: 'string',
+        //   title: '客户类型',
+        //   enum: [{ label: '全部', value: '' }],
+        //   default: '',
+        //   ui: {
+        //     widget: 'select',
+        //     visibleIf: {
+        //       expand: (value: boolean) => this.tabType === 1 && value
+        //     }
+        //   }
+        // },
+        promotersTelephone: {
+          title: '业务员',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            showRequired: false,
+            visibleIf: {
+              expand: (value: boolean) => this.tabType === 1 && value
+            }
+          }
+        },
+        mobile: {
+          title: '手机号',
+          type: 'string',
+          maxLength: 11,
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => this.tabType === 2
+            }
+          }
+        },
+        approvalUserName: {
+          title: '审核人',
+          type: 'string',
+          maxLength: 11,
+          ui: {
+            placeholder: '请输入',
+            visibleIf: {
+              expand: (value: boolean) => this.tabType === 1 && value
+            }
+          }
+        },
+        createTime: {
+          title: '申请时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd HH:mm:ss',
+            nzShowTime: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        approvalTime: {
+          title: '审核时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd HH:mm:ss',
+            nzShowTime: true,
+            visibleIf: {
+              expand: (value: boolean) => this.tabType === 1 && value
+            }
+          } as SFDateWidgetSchema
+        },
+        approvalStatus: {
+          type: 'string',
+          title: '审核状态',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '待审核', value: 10 },
+            { label: '已撤销', value: 15 },
+            { label: '已成功', value: 20 },
+            { label: '审核失败', value: 30 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        source: {
+          type: 'string',
+          title: '注册渠道',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '货主注册', value: 1 },
+            { label: '平台添加', value: 2 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => this.tabType === 1 && value
+            }
+          }
+        }
+      }
+    };
+  }
+}
diff --git a/src/app/routes/usercenter/components/freight/enterprise-audit/view/view.component.html b/src/app/routes/usercenter/components/freight/enterprise-audit/view/view.component.html
new file mode 100644
index 00000000..90e39e1c
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/enterprise-audit/view/view.component.html
@@ -0,0 +1,269 @@
+<!-- 页头 -->
+<page-header-wrapper [logo]="logo" [content]="content" title="企业详情">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+  <ng-template #content>
+    <div class="user-info" nz-row>
+      <div nz-col nzSpan="24" class="d-flex">
+        <img [src]="detailData?.enterpriseLogo" style="width: 120px;" />
+        <div style="flex: 1;">
+          <div nz-row>
+            <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
+              <p style="margin-bottom: 0;">{{ detailData?.enterpriseName }}</p>
+            </div>
+            <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24" class="text-right mb-sm">
+              <label style="font-size: 18px;font-weight: 600;">{{statusE[detailData?.approvalStatus] }}</label>
+            </div>
+          </div>
+          <div nz-row>
+            <div nz-col [nzLg]="8" [nzSm]="24" [nzXs]="24">
+              <p>{{ detailData?.unifiedSocialCreditCode }}</p>
+            </div>
+            <div nz-col [nzLg]="8" [nzSm]="24" [nzXs]="24">
+              申请时间：{{detailData?.createTime}}
+            </div>
+            <div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="24" [nzXs]="24" class="d-flex" style="justify-content: flex-end;">
+              <ng-container *ngIf="isEdit;else editButton">
+                <button [nzLoading]="service.http.loading" nz-button (click)="reset()">
+                  取消
+                </button>
+                <button [nzLoading]="service.http.loading" nz-button nzDanger (click)="save()">
+                  保存
+                </button>
+              </ng-container>
+              <ng-template #editButton>
+                <button [nzLoading]="service.http.loading" nz-button nzDanger (click)="auditPass()">
+                  通过
+                </button>
+                <button [nzLoading]="service.http.loading" nz-button nzDanger (click)="auditNo()">
+                  驳回
+                </button>
+                <button [nzLoading]="service.http.loading" nz-button nzDanger (click)="ratify()">
+                  修改
+                </button>
+              </ng-template>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </ng-template>
+</page-header-wrapper>
+
+<nz-card [class]="isEdit?'edit-box':'readOnly-box'">
+  <sv-container col="3">
+    <sv-title>企业管理员信息</sv-title>
+    <sv label="姓名">
+      <input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.name" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="手机号">
+      <input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.mobile" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="身份证号">
+      <input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.certificateNumber" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="身份证照" col="2">
+      <div class="d-flex">
+        <ng-container
+          *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.adminUserInfo?.certificatePhotoFrontWatermark,key:'certificatePhotoFrontWatermark',hover:'adminFront'}">
+        </ng-container>
+        <ng-container
+          *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.adminUserInfo?.certificatePhotoBackWatermark,key:'certificatePhotoBackWatermark',hover:'adminBack'}">
+        </ng-container>
+      </div>
+    </sv>
+    <sv label="企业授权函" col="2">
+      <ng-container
+        *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.adminUserInfo?.certificatePhotoBackWatermark,key:'certificatePhotoBackWatermark',hover:'adminPhoto'}">
+      </ng-container>
+    </sv>
+  </sv-container>
+  <nz-divider></nz-divider>
+
+  <sv-container col="3">
+    <sv-title>
+      <label class="mr-md">企业基本信息</label>
+      <label *ngIf="detailData?.approvalStatus===10" style="color: #1890ff;"><i nz-icon nzType="info-circle"
+          nzTheme="fill" class="mr-xs"></i>待审核
+      </label>
+      <label *ngIf="detailData?.approvalStatus===20" style="color: #52c41a;"><i nz-icon nzType="check-circle"
+          nzTheme="fill" class="mr-xs"></i>审核通过
+      </label>
+      <label *ngIf="detailData?.approvalStatus===30" style="color: #ff4d4f;"><i nz-icon nzType="close-circle"
+          nzTheme="fill" class="mr-xs"></i>驳回
+      </label>
+    </sv-title>
+    <sv label="公司名称">
+      <input nz-input type="text" [(ngModel)]="detailData.enterpriseName" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="统一社会信用代码">
+      <input nz-input type="text" [(ngModel)]="detailData.unifiedSocialCreditCode" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="公司类型">
+      <input nz-input type="text" [(ngModel)]="detailData.enterpriseType" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="注册资本">
+      <ng-container *ngIf="isEdit; else registrationCapitalTemplate">
+        <input nz-input type="number" [(ngModel)]="detailData.registrationCapital" [readonly]="!isEdit"
+          [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'" class="mr-sm">
+      </ng-container>
+      <ng-template #registrationCapitalTemplate>
+        {{detailData?.registrationCapital}}
+      </ng-template>
+      <span *ngIf="detailData?.registrationCapital">万元</span>
+    </sv>
+    <sv label="成立日期">
+      <nz-date-picker [(ngModel)]="detailData.enterpriseRegistrationTime" [nzDisabled]="!isEdit"
+        [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
+    </sv>
+    <sv label="营业期限">
+      <ng-container *ngIf="isEdit; else operatingelseTemplate">
+        <nz-range-picker [ngModel]="[detailData?.operatingStartTime,detailData?.operatingEndTime]"
+          (ngModelChange)="changeTime($event)"></nz-range-picker>
+      </ng-container>
+      <ng-template #operatingelseTemplate>
+        <div *ngIf="!!detailData?.operatingStartTime && !!detailData?.operatingEndTime">
+          {{ detailData?.operatingStartTime }} 至 {{ detailData?.operatingEndTime }}
+        </div>
+        <div *ngIf="!detailData?.operatingStartTime && !detailData?.operatingEndTime">长期</div>
+        <div *ngIf="!!detailData?.operatingStartTime && !detailData?.operatingEndTime">{{ detailData?.operatingStartTime
+          }} 至 长期</div>
+      </ng-template>
+    </sv>
+    <sv label="公司所在地" col="3">
+      <ng-container *ngIf="isEdit; else cascaderelseTemplate">
+        <nz-cascader [(ngModel)]="values" [nzLoadData]="loadData" (ngModelChange)="changeCascader($event)">
+        </nz-cascader>
+      </ng-container>
+      <ng-template #cascaderelseTemplate>
+        {{ detailData?.fullRegionVO?.provinceName }}{{ detailData?.fullRegionVO?.cityName }}{{
+        detailData?.fullRegionVO?.areaName }}
+      </ng-template>
+    </sv>
+    <sv label="公司详细地址" col="2">
+      <input nz-input type="text" [(ngModel)]="detailData.enterpriseAddress" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
+    </sv>
+  </sv-container>
+  <sv-container col="1" class="mt16">
+    <sv label="经营范围">
+      <input nz-input type="text" [(ngModel)]="detailData.businessScope" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="税务机关" col="2">
+      <input nz-input type="text" [(ngModel)]="detailData.taxAuthority" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="营业执照" col="2">
+      <ng-container
+        *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.licensePhotoWatermark,key:'licensePhotoWatermark',hover:'detailPhoto'}">
+      </ng-container>
+    </sv>
+  </sv-container>
+  <nz-divider></nz-divider>
+  <sv-container col="3" class="mt16">
+    <sv-title>企业法人信息</sv-title>
+    <sv label="法定代表人">
+      <input nz-input type="text" [(ngModel)]="detailData.legalPersonIdentityVO.name" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="身份证号码">
+      <input nz-input type="text" [(ngModel)]="detailData.legalPersonIdentityVO.certificateNumber" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="身份证有效期">
+      {{ detailData?.legalPersonIdentityVO?.validStartTime }} -
+      {{ detailData?.legalPersonIdentityVO?.validEndTime || '长期' }}
+    </sv>
+    <sv label="身份证照" col="1">
+      <div class="d-flex">
+        <ng-container
+          *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.legalPersonIdentityVO?.certificatePhotoFrontWatermark,key:'certificatePhotoFrontWatermark',hover:'legalFront'}">
+        </ng-container>
+        <ng-container
+          *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.legalPersonIdentityVO?.certificatePhotoBackWatermark,key:'certificatePhotoBackWatermark',hover:'legalBack'}">
+        </ng-container>
+      </div>
+    </sv>
+  </sv-container>
+  <nz-divider></nz-divider>
+  <sv-container col="3" class="mt16">
+    <sv-title>企业开票信息</sv-title>
+    <sv label="开户银行">
+      <input nz-input type="text" [(ngModel)]="detailData.createBank" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="银行账户">
+      <input nz-input type="text" [(ngModel)]="detailData.bankAccount" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="注册电话">
+      <input nz-input type="text" [(ngModel)]="detailData.registerPhone" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="注册地址">
+      <input nz-input type="text" [(ngModel)]="detailData.registerAddress" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+  </sv-container>
+</nz-card>
+
+<ng-template #approvedModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="120">
+      <se [col]="1" label="公司名称">
+        {{ detailData?.enterpriseName }}
+      </se>
+      <se [col]="1" label="网络货运人" required>
+        <nz-select nzPlaceHolder="请选择" [(ngModel)]="networkTransporter">
+          <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of ltdId"></nz-option>
+        </nz-select>
+      </se>
+    </div>
+  </div>
+</ng-template>
+
+<ng-template #redectModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="120">
+      <se [col]="1" label="公司名称">
+        {{ detailData?.enterpriseName }}
+      </se>
+      <se [col]="1" label="备注" required>
+        <textarea nz-input rows="3" style="width: 325px;margin-left: 14px;" [(ngModel)]="approvalOpinion"></textarea>
+      </se>
+    </div>
+  </div>
+</ng-template>
+
+
+<ng-template #uploadTemplate let-image="image" let-key="key" let-hover="hover">
+  <nz-upload class="avatar-uploader" [nzAction]="uploadURl" nzName="multipartFile" nzListType="picture-card"
+    [nzShowUploadList]="false" nzFileType="image/png,image/jpeg,image/jpg,image/gif"
+    [nzDisabled]="!isEdit || disabledUpload" (nzChange)="changeUpload($event,key)">
+    <ng-container *ngIf="!image && isEdit">
+      <i class="upload-icon" nz-icon [nzType]="false ? 'loading' : 'plus'"></i>
+      <div class="ant-upload-text">上传</div>
+    </ng-container>
+    <div *ngIf="image" (mouseover)="detailData[hover]=true" (mouseleave)="detailData[hover]=false"
+      (click)="$event.cancelBubble=true" class="image-hover">
+      <img [src]="image" style="width: 200px;height: 160px;" />
+      <div class="mask" *ngIf="detailData[hover] && isEdit"></div>
+      <div class="mask-over" *ngIf="detailData[hover] && isEdit">
+        <i nz-icon nzType="close-circle" nzTheme="fill" class="delete-icon" (click)="deleteImg(key)"></i>
+        <div style="display: flex;align-items: center;">
+          <i nz-icon nzType="eye" nzTheme="fill" class="show-icon" (click)="showImg(image)"></i>
+        </div>
+      </div>
+    </div>
+  </nz-upload>
+</ng-template>
diff --git a/src/app/routes/usercenter/components/freight/enterprise-audit/view/view.component.less b/src/app/routes/usercenter/components/freight/enterprise-audit/view/view.component.less
new file mode 100644
index 00000000..33632d37
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/enterprise-audit/view/view.component.less
@@ -0,0 +1,132 @@
+:host {
+  ::ng-deep {
+    sv-title {
+      font-weight: 700;
+    }
+
+    .user-info {
+      display  : flex;
+      font-size: 16px;
+
+      .enterprise-name {
+        margin-right: 15px;
+      }
+
+      img {
+        width        : 64px;
+        height       : 64px;
+        margin-right : 15px;
+        border-radius: 50%;
+      }
+
+      .user-info-des {
+        margin-bottom: 5px;
+      }
+    }
+
+    .sv__label,
+    .sv__detail {
+      line-height: 30px;
+    }
+
+    .edit-box {
+      input {
+        max-width: 250px;
+      }
+
+      nz-date-picker {
+        min-width: 250px;
+      }
+    }
+
+    .readOnly-box {
+      input {
+        padding-left: 0;
+        color       : #000;
+        border      : 0;
+      }
+
+      nz-select-top-control {
+        padding-left: 0px !important;
+      }
+    }
+
+    .ant-select {
+      min-width: 250px;
+
+      nz-select-top-control {
+        cursor: text !important;
+        color : #000 !important;
+      }
+    }
+
+    // 图片展示工具样式改造
+    .ant-upload.ant-upload-disabled {
+      cursor: pointer;
+    }
+
+    .ant-upload.ant-upload-select-picture-card {
+      width : 200px;
+      height: 160px;
+    }
+
+    .ant-upload-picture-card-wrapper {
+      width: auto;
+    }
+  }
+}
+
+.image-hover {
+  .delete-icon {
+    border-radius   : 50%;
+    color           : #F55656;
+    font-size       : 28px;
+    position        : absolute;
+    top             : -15px;
+    right           : -15px;
+    background-color: #ffffff;
+    cursor          : pointer;
+  }
+
+  .show-icon {
+    color    : #ffffff;
+    font-size: 30px;
+    cursor   : pointer;
+  }
+}
+
+.image-hover:hover .mask {
+  opacity: 0.8;
+}
+
+.mask {
+  width              : 200px;
+  height             : 160px;
+  background-color   : #4F4F4F;
+  opacity            : 0;
+  position           : absolute;
+  // top             : 6px;
+  // left            : 12px;
+  border-radius      : 6px;
+  margin-top         : -160px;
+}
+
+.mask-over {
+  width                : 200px;
+  height               : 160px;
+  position             : absolute;
+  // top               : 6px;
+  // left           : 12px;
+  border-radius        : 6px;
+  display              : flex;
+  justify-content      : center;
+  align-items          : center;
+  margin-top           : -160px;
+
+  label {
+    font-size     : 20px;
+    line-height   : 24px;
+    letter-spacing: 0.7px;
+    color         : #FFFFFF;
+  }
+}
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/enterprise-audit/view/view.component.ts b/src/app/routes/usercenter/components/freight/enterprise-audit/view/view.component.ts
new file mode 100644
index 00000000..891b1f83
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/enterprise-audit/view/view.component.ts
@@ -0,0 +1,243 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { UsermanageService } from '../../../../services/usercenter.service';
+import {
+  SFComponent,
+  SFSchema,
+  SFDateWidgetSchema,
+  SFUISchema,
+  SFUploadWidgetSchema,
+  SFSelectWidgetSchema,
+  SFTextWidgetSchema,
+  SFTagWidgetSchema
+} from '@delon/form';
+import { Observable, Observer } from 'rxjs';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { apiConf } from '@conf/api.conf';
+import { ImageViewComponent } from 'src/app/shared/components/imagelist';
+import { NzCascaderOption } from 'ng-zorro-antd/cascader';
+import { NzImageService } from 'ng-zorro-antd/image';
+@Component({
+  selector: 'app-Freight-components-EnterpriseAudit-view',
+  templateUrl: './view.component.html',
+  styleUrls: ['./view.component.less']
+})
+export class FreightComponentsEnterpriseAuditViewComponent implements OnInit {
+  @ViewChild('approvedModal', { static: false })
+  approvedModal!: any;
+  @ViewChild('redectModal', { static: false })
+  redectModal!: any;
+
+  approvalOpinion = '';
+  networkTransporter = null;
+
+  detailData: any = this.initDefalutData();
+  tempalateData = { ...this.detailData };
+
+  statusE: any = {
+    10: '待审核',
+    20: '审核通过',
+    30: '审核失败'
+  };
+
+  isEdit = false;
+
+  uploadURl = apiConf.waterFileUpload;
+  disabledUpload = false;
+
+  values: string[] | null = null;
+  ltdId: any[] = [];
+  constructor(
+    private nzModalService: NzModalService,
+    public service: UsermanageService,
+    private route: ActivatedRoute,
+    private nzImageService: NzImageService
+  ) {}
+
+  ngOnInit() {
+    this.initData();
+    // this.launchSign();
+  }
+
+  loadltdId() {
+    this.service.getNetworkFreightForwarder().subscribe(res => {
+      if (res) {
+        this.ltdId = res;
+      }
+    });
+  }
+
+  initData() {
+    this.service
+      .request(this.service.$api_get_freight_detail, {
+        id: this.route.snapshot.params.id
+      })
+      .subscribe(res => {
+        if (res) {
+          this.detailData = res;
+          this.tempalateData = { ...this.detailData };
+        }
+      });
+  }
+
+  auditPass() {
+    this.networkTransporter = null;
+    this.nzModalService.create({
+      nzTitle: '审核通过',
+      nzContent: this.approvedModal,
+      nzOnOk: () => {
+        if (!this.networkTransporter) {
+          return false;
+        }
+        this.auditEnterprise(20);
+        return;
+      }
+    });
+  }
+  auditNo() {
+    this.approvalOpinion = '';
+    this.nzModalService.create({
+      nzTitle: '审核驳回',
+      nzContent: this.redectModal,
+      nzOnOk: () => {
+        if (!this.approvalOpinion) {
+          return false;
+        }
+        this.auditEnterprise(30);
+        return;
+      }
+    });
+  }
+
+  private auditEnterprise(status: number) {
+    this.service
+      .request(this.service.$api_audit_freight, {
+        approvalStatus: status,
+        id: this.detailData.id,
+        approvalOpinion: this.approvalOpinion,
+        networkTransporter: this.networkTransporter
+      })
+      .subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success(status === 20 ? '审核通过' : '驳回成功');
+        }
+        this.initData();
+      });
+  }
+
+  showImg(url: any) {
+    const params = {
+      imgList: [url],
+      index: 0
+    };
+    this.nzImageService.preview([{ src: url }]);
+    // this.nzModalService.create({ nzContent: ImageViewComponent, nzComponentParams: { params } });
+  }
+
+  deleteImg(key: string) {
+    this.nzModalService.warning({
+      nzTitle: '是否确认删除该图片',
+      nzOnOk: () => {
+        this.disabledUpload = true;
+        this.detailData[key] = '';
+        setTimeout(() => {
+          this.disabledUpload = false;
+        }, 100);
+      }
+    });
+  }
+
+  changeUpload({ file, fileList, type }: any, key: string) {
+    if (type === 'success') {
+      this.detailData[key] = file.response.data.fullFileWatermarkPath;
+    }
+  }
+
+  changeTime(event: any) {
+    console.log(event);
+  }
+
+  changeCascader(event: any) {
+    console.log(event);
+  }
+
+  /*
+   * 根据地区code查询地区详情
+   * code：请求参数
+   * type：参数 name：获取省市区名称，fullcode：获取省市区code
+   * num：参数 1：第一个地区选择，2：第二个地区选择
+   */
+  getRegionDetailByCode(regionCode: any) {
+    // 根据地区code查询地区详情
+    return this.service.request(this.service.$api_get_region_by_code, { regionCode });
+  }
+
+  loadData = (node: any, index: number) => {
+    return new Promise(resolve => {
+      this.getRegionDetailByCode(node?.regionCode || '').subscribe(
+        res => {
+          node.children = res.map((item: any) => ({ ...item, isLeaf: index === 1, value: item.regionCode, label: item.name }));
+        },
+        _ => {},
+        () => {
+          resolve(node);
+        }
+      );
+    });
+  };
+
+  reset() {
+    this.detailData = { ...this.tempalateData };
+    this.isEdit = false;
+  }
+
+  save() {
+    this.isEdit = false;
+  }
+
+  ratify() {
+    this.isEdit = true;
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+
+  private initDefalutData() {
+    return {
+      adminUserInfo: {
+        name: '',
+        mobile: '',
+        certificatePhotoFrontWatermark: '',
+        certificatePhotoBackWatermark: ''
+      },
+      legalPersonIdentityVO: {
+        certificateNumber: ''
+      },
+      enterpriseName: '',
+      enterpriseType: '',
+      unifiedSocialCreditCode: '',
+      registrationCapital: null,
+      enterpriseRegistrationTime: '',
+
+      driverLicenseSigningOrg: '',
+      carDistinguishCode: '',
+      carLoad: '',
+      curbWeight: '',
+      roadTransportNo: '',
+      roadTransportLicenceNo: '',
+      carOwner: '',
+      isTrailer: null,
+      useNature: null,
+      driverLicenseRegisterTime: null,
+      driverLicenseGetTime: null,
+      driverLicenseEndTime: null,
+      roadTransportStartTime: null,
+      roadTransportEndTime: null,
+      carFrontPhotoWatermark: ''
+    };
+  }
+}
diff --git a/src/app/routes/usercenter/components/freight/freight-config/freight-config.component.html b/src/app/routes/usercenter/components/freight/freight-config/freight-config.component.html
new file mode 100644
index 00000000..05a199c9
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/freight-config/freight-config.component.html
@@ -0,0 +1,72 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-17 20:24:17
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-24 17:04:41
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\usercenter\\components\\freight\\freight-config\\freight-config.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<page-header-wrapper [title]="'货主配置'"></page-header-wrapper>
+<nz-card class="search-box">
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+      <sf #sf [schema]="schema"
+        [ui]="{ '*': { spanLabelFixed: 110, grid: { lg: 8, md: 12, sm: 12, xs: 24, gutter: 4 } } }" [compact]="true"
+        [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" [class.expend-options]="_$expand"
+      class="text-right">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)" acl
+        [acl-ability]="['USERCENTER-FREIGHT-LIST-list']">查询</button>
+      <button nz-button nzType="primary" [disabled]="false" acl (click)="exportList()"
+        [acl-ability]="['USERCENTER-FREIGHT-LIST-export']">导出</button>
+      <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+<nz-card>
+  <div class="d-flex align-items-center mb-md " style="justify-content: end;">
+    <button nz-button (click)="editRoleBatch()">修改角色</button>
+    <button nz-button (click)="editIWBatch()">修改网络货运人</button>
+    <div class="ml-md">
+      已选择
+      <strong class="text-primary">{{ selectedRows.length }}</strong> 条数据
+      <a *ngIf="selectedRows.length > 0" (click)="st.clearCheck()" class="ml-lg">清空</a>
+    </div>
+  </div>
+  <!-- 数据列表 -->
+  <st #st [columns]="columns" [data]='service.$api_freight_config_page' [req]="{  process: beforeReq }" [page]="{}"
+    [scroll]="{ x: '1200px' }" [loading]="false" (change)="stChange($event)">
+  </st>
+</nz-card>
+
+<ng-template #IWModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="120">
+      <se [col]="1" label="网络货运人" required>
+        <nz-select nzPlaceHolder="请选择" [(ngModel)]="networkTransporter">
+          <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of ltdId"></nz-option>
+        </nz-select>
+      </se>
+    </div>
+  </div>
+</ng-template>
+
+<ng-template #roleModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="120">
+      <se [col]="1" label="企业角色" required>
+        <nz-select nzPlaceHolder="请选择" [(ngModel)]="roleId">
+          <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of roles"></nz-option>
+        </nz-select>
+      </se>
+    </div>
+  </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/freight-config/freight-config.component.ts b/src/app/routes/usercenter/components/freight/freight-config/freight-config.component.ts
new file mode 100644
index 00000000..1f605413
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/freight-config/freight-config.component.ts
@@ -0,0 +1,322 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { Router, ActivatedRoute } from '@angular/router';
+import { STColumn, STComponent, STRequestOptions, STData, STChange } from '@delon/abc/st';
+import { SFUISchema, SFSchema, SFComponent, SFDateWidgetSchema } from '@delon/form';
+import { ShipperBaseService, DynamicSettingModalComponent } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { AccountDetailComponent } from 'src/app/shared/components/account-detail/account-detail.component';
+import { UsermanageService } from '../../../services/usercenter.service';
+
+@Component({
+  selector: 'app-freight-config',
+  templateUrl: './freight-config.component.html',
+  styleUrls: ['../../../../commom/less/box.less', '../../../../commom/less/expend-but.less']
+})
+export class FreightConfigComponent implements OnInit {
+  schema: SFSchema = this.initSF();
+  columns: STColumn[] = this.initST();
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  selectedRows: any[] = [];
+
+  @ViewChild('IWModal', { static: false })
+  IWModal!: any;
+  @ViewChild('roleModal', { static: false })
+  roleModal!: any;
+  ltdId: any = [];
+  roles: any = [];
+  networkTransporter = null;
+  roleId = null;
+  _$expand = false;
+  constructor(public service: UsermanageService, private modal: NzModalService, public shipperservice: ShipperBaseService) {}
+
+  ngOnInit() {
+    this.initST();
+    this.loadltdId();
+    this.loadRoles();
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, { listSource: 1 });
+    if (this.sf?.value) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+      if (this.sf?.value.createTime) {
+        Object.assign(requestOptions.body, {
+          createTime: {
+            start: this.sf?.value.createTime[0],
+            end: this.sf?.value.createTime[1]
+          }
+        });
+      }
+    }
+    this.selectedRows = [];
+    return requestOptions;
+  };
+
+  stChange(e: STChange): void {
+    switch (e.type) {
+      case 'checkbox':
+        this.selectedRows = e.checkbox!;
+        break;
+    }
+  }
+
+  settingAction(item?: any) {
+    const modal = this.modal.create({
+      nzTitle: '配置',
+      nzContent: DynamicSettingModalComponent,
+      nzWidth: 900,
+      nzComponentParams: {
+        extendType: '2',
+        spareBusinessId: item.networkTransporter,
+        businessId: item.id,
+        formatTypeList: (item: any[]) => [
+          ...item,
+          {
+            name: '权限配置',
+            configType: 1,
+            items: [
+              {
+                itemType: 999
+              }
+            ]
+          },
+          {
+            name: '费率变更记录',
+            configType: 2,
+            items: [
+              {
+                itemType: 999
+              }
+            ]
+          }
+        ]
+      },
+      nzFooter: null
+    });
+    modal.afterClose.subscribe(res => {
+      if (res) {
+        this.st.load(1);
+      }
+    });
+  }
+
+  editRoleBatch() {
+    if (this.selectedRows?.length <= 0) {
+      this.service.msgSrv.warning('请选择企业');
+      return;
+    }
+    this.roleId = null;
+    const modal = this.modal.create({
+      nzTitle: '修改角色',
+      nzContent: this.roleModal,
+      nzOnOk: () => {
+        if (!this.roleId) {
+          return false;
+        }
+        this.service
+          .request(this.service.$api_update_enter_role_batch, {
+            enterpriseIdList: this.selectedRows.map(i => i.id),
+            roleId: this.roleId
+          })
+          .subscribe((res: Array<string>) => {
+            if (res) {
+              this.service.msgSrv.success('修改成功');
+              this.st.load(1);
+              modal.destroy();
+            }
+          });
+        return false;
+      }
+    });
+  }
+
+  editIWBatch() {
+    if (this.selectedRows?.length <= 0) {
+      this.service.msgSrv.warning('请选择企业');
+      return;
+    }
+    this.networkTransporter = null;
+    const modal = this.modal.create({
+      nzTitle: '修改网络货运人',
+      nzContent: this.IWModal,
+      nzOnOk: () => {
+        if (!this.networkTransporter) {
+          return false;
+        }
+        this.service
+          .request(this.service.$api_update_enter_newowork_batch, {
+            enterpriseIdList: this.selectedRows.map(i => i.id),
+            networkTransporterId: this.networkTransporter
+          })
+          .subscribe((res: Array<string>) => {
+            if (res && res.length === 0) {
+              this.service.msgSrv.success('修改成功');
+              this.st.load(1);
+              modal.destroy();
+            } else {
+              this.service.msgSrv.error(`企业${res?.join(',')}修改失败`);
+              modal.destroy();
+              this.st.load();
+            }
+          });
+        return false;
+      }
+    });
+  }
+
+  exportList() {
+    const params = { listSource: 1, pageSize: -1 };
+    if (this.sf) {
+      Object.assign(params, {
+        ...this.sf.value
+      });
+    }
+    this.service.downloadFile(this.service.$api_export_freight_config, params);
+  }
+  loadltdId() {
+    this.service.getNetworkFreightForwarder().subscribe(res => {
+      if (res) {
+        this.ltdId = res;
+      }
+    });
+  }
+  loadRoles() {
+    this.service.getRoles({ enterpriseId: 0, projectId: 0 }).subscribe(res => {
+      if (res) {
+        this.roles = res;
+      }
+    });
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  /**
+   * 重置表单
+   */
+  resetSF(): void {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        enterpriseName: {
+          title: '企业名称',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            showRequired: false
+          }
+        },
+        networkTransporter: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder()
+          }
+        },
+        goodsSurchargeRatio: {
+          title: '货源单费率',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            showRequired: false
+          }
+        },
+        contractSurchargeRatio: {
+          title: '合同单费率',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            showRequired: false,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        createTime: {
+          title: '注册时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd',
+            placeholder: '请选择',
+            nzShowTime: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        }
+      }
+    };
+  }
+
+  initST(): STColumn[] {
+    return [
+      { title: '', index: 'key', type: 'checkbox' },
+      { title: '企业名称', className: 'text-center', index: 'enterpriseName', width: 350 },
+      { title: '网络货运人', className: 'text-center', index: 'netTranName', width: 160 },
+      {
+        title: '货源单费率',
+        className: 'text-right',
+        index: 'goodsSurchargeRatio',
+        width: 130,
+        format: item => `${item.goodsSurchargeRatio}%`
+      },
+      {
+        title: '合同单费率',
+        className: 'text-right',
+        index: 'contractSurchargeRatio',
+        width: 130,
+        format: item => `${item.contractSurchargeRatio}%`
+      },
+      {
+        title: '合同单业务量（万元）',
+        index: 'contractQuota',
+        width: 170,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.contractQuota }) }
+      },
+      {
+        title: '货源单业务量（万元）',
+        index: 'goodsQuota',
+        width: 170,
+        type: 'widget',
+        className: 'text-right',
+        widget: { type: 'currency-chy', params: ({ record }) => ({ value: record.goodsQuota }) }
+      },
+      {
+        title: '注册时间',
+        index: 'createTime',
+        width: 180,
+        className: 'text-right'
+      },
+      {
+        title: '操作',
+        width: '90px',
+        fixed: 'right',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '配置',
+            click: item => this.settingAction(item)
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/usercenter/components/freight/list/detail/detail.component.html b/src/app/routes/usercenter/components/freight/list/detail/detail.component.html
new file mode 100644
index 00000000..43c5bfe0
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/detail/detail.component.html
@@ -0,0 +1,501 @@
+<!-- 页头 -->
+<page-header-wrapper [logo]="logo" [content]="content" [title]="'企业详情'" [ngClass]="{'affix': scrollTop>210}">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+  <ng-template #content>
+    <nz-skeleton [nzLoading]="service.http.loading">
+      <div class="user-info" nz-row>
+        <div nz-col [nzXl]="18" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="d-flex">
+          <img [src]="detailData?.enterpriseLogo" />
+          <div style="flex: 1;">
+            <div nz-row>
+              <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
+                <p style="margin-bottom: 0;word-break:break-all">{{ detailData?.enterpriseName }}</p>
+              </div>
+              <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
+                <nz-badge nzStatus="success" nzText="正常" *ngIf="detailData?.stateLocked === 0"></nz-badge>
+                <nz-badge nzStatus="error" nzText="冻结" *ngIf="detailData?.stateLocked === 1"></nz-badge>
+              </div>
+            </div>
+            <div nz-row>
+              <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
+                <p>{{ detailData?.unifiedSocialCreditCode }}</p>
+              </div>
+              <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
+                认证时间：{{detailData?.createTime}}
+              </div>
+            </div>
+            <div>
+              服务评级：
+              <ng-container *ngIf="billEvaluate!==null; else billEvaluateelseTemplate">
+                <nz-rate [ngModel]="billEvaluate" nzDisabled></nz-rate>
+              </ng-container>
+              <ng-template #billEvaluateelseTemplate>
+                暂无评价
+              </ng-template>
+            </div>
+          </div>
+        </div>
+        <div nz-col [nzXl]="6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right mt-sm">
+          <ng-container *ngIf="isEdit;else editButton">
+            <button [disabled]="false" nz-button (click)="reset()">
+              取消
+            </button>
+            <button [disabled]="false" nz-button nzDanger (click)="save({})">
+              保存
+            </button>
+            <button [disabled]="false" nz-button nzDanger (click)="auditPass(true)"
+              *ngIf="detailData?.approvalStatus===10" acl [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-audit']">
+              通过
+            </button>
+          </ng-container>
+          <ng-template #editButton>
+            <ng-container *ngIf="detailData?.approvalStatus===10">
+              <button [disabled]="false" nz-button nzDanger (click)="auditPass(false)" acl
+                [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-audit']">
+                通过
+              </button>
+              <button [disabled]="false" nz-button nzDanger (click)="auditNo()" acl
+                [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-audit']">
+                驳回
+              </button>
+            </ng-container>
+            <ng-container *ngIf="detailData?.approvalStatus!=10">
+              <button [disabled]="false" nz-button nzDanger nz-popconfirm [nzPopconfirmTitle]="enable"
+                (nzOnConfirm)="freezeOrResume(0)" nzPopconfirmPlacement="bottomRight" *ngIf="detailData?.stateLocked"
+                acl [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-lock']">
+                启用
+              </button>
+              <button [disabled]="false" nz-button nzDanger nz-popconfirm [nzPopconfirmTitle]="frozen"
+                (nzOnConfirm)="freezeOrResume(1)" nzPopconfirmPlacement="bottomRight" *ngIf="!detailData?.stateLocked"
+                acl [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-lock']">
+                冻结
+              </button>
+              <button [disabled]="false" nz-button nzDanger nz-popconfirm [nzPopconfirmTitle]="Payfrozen"
+                (nzOnConfirm)="PayOrResume(0)" nzPopconfirmPlacement="bottomRight" *ngIf="detailData?.createPay === 1">
+                开通支付权限
+              </button>
+              <button [disabled]="false" nz-button nzDanger nz-popconfirm [nzPopconfirmTitle]="Payenable"
+                (nzOnConfirm)="PayOrResume(1)" nzPopconfirmPlacement="bottomRight" *ngIf="detailData?.createPay === 0">
+                关闭支付权限
+              </button>
+            </ng-container>
+            <button [disabled]="false" nz-button nzDanger (click)="ratify()" acl
+              [acl-ability]="['USERCENTER-FREIGHT-ENTERPRISE-D-save']">
+              修改
+            </button>
+          </ng-template>
+        </div>
+      </div>
+    </nz-skeleton>
+  </ng-template>
+
+  <ng-template #frozen>
+    <ng-container
+      *ngTemplateOutlet="PopconfirmTempalte;context:{title:'确定冻结该企业吗？',content:'停用后，该企业将被限制使用，不限于访问受限、无法发布货源等，请谨慎操作'}">
+    </ng-container>
+  </ng-template>
+  <ng-template #enable>
+    <ng-container *ngTemplateOutlet="PopconfirmTempalte;context:{title:'确定启用该企业吗？',content:'启用后，该企业将恢复正常使用功能，请再次确认'}">
+    </ng-container>
+  </ng-template>
+  <ng-template #Payenable>
+    <ng-container
+      *ngTemplateOutlet="PopconfirmTempalte;context:{title:'确定关闭该企业支付权限吗？',content:'停用后，该企业将被限制使用支付功能，请谨慎操作'}">
+    </ng-container>
+  </ng-template>
+  <ng-template #Payfrozen>
+    <ng-container
+      *ngTemplateOutlet="PopconfirmTempalte;context:{title:'确定开通该企业支付权限吗？',content:'启用后，该企业将恢复正常支付功能，请再次确认'}">
+    </ng-container>
+  </ng-template>
+</page-header-wrapper>
+
+<nz-card [class]="isEdit?'edit-box':'readOnly-box'">
+  <sv-container col="2" class="mt16">
+    <sv-title>
+      <label class="mr-md">企业基本信息</label>
+      <label *ngIf="detailData?.approvalStatus===10" style="color: #1890ff;"><i nz-icon nzType="info-circle"
+          nzTheme="fill" class="mr-xs"></i>待审核
+      </label>
+      <label *ngIf="detailData?.approvalStatus===20" style="color: #52c41a;"><i nz-icon nzType="check-circle"
+          nzTheme="fill" class="mr-xs"></i>审核通过
+      </label>
+      <label *ngIf="detailData?.approvalStatus===30" style="color: #ff4d4f;"><i nz-icon nzType="close-circle"
+          nzTheme="fill" class="mr-xs"></i>驳回&nbsp;驳回原因:{{detailData?.approvalOpinion}}
+      </label>
+      <label *ngIf="detailData?.isExpired" style="color: #fa8c16;">
+        <i nz-icon nzType="info-circle" nzTheme="fill" class="ml-md mr-xs"></i>企业营业期限已过期
+      </label>
+      <p style="margin-bottom: 0;">
+        四要素验证：
+        <label *ngIf="detailData?.esignCheckStatus===0" style="color: #ff4d4f;"><i nz-icon nzType="info-circle"
+            nzTheme="fill" class="mr-xs"></i>不通过&nbsp;&nbsp;驳回原因:{{detailData?.esignCheckMsg}}
+        </label>
+        <label *ngIf="detailData?.esignCheckStatus===1" style="color: #52c41a;"><i nz-icon nzType="check-circle"
+            nzTheme="fill" class="mr-xs"></i>通过
+        </label>
+        <label *ngIf="detailData?.esignCheckStatus===2" style="color:  #1890ff;"><i nz-icon nzType="close-circle"
+            nzTheme="fill" class="mr-xs"></i>未认证
+        </label>
+      </p>
+    </sv-title>
+    <sv label="公司名称">
+      <ng-container *ngIf="isEdit; else enterpriseNameelseTemplate">
+        <input nz-input type="text" [(ngModel)]="detailData.enterpriseName" [readonly]="!isEdit"
+          [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
+      </ng-container>
+      <ng-template #enterpriseNameelseTemplate>
+        <span style="word-break:break-all ">{{detailData.enterpriseName}}</span>
+      </ng-template>
+    </sv>
+    <sv label="统一社会信用代码">
+      <ng-container *ngIf="detailData?.approvalStatus===10; else unifiedSocialCreditCodeelseTemplate">
+        <input nz-input type="text" [(ngModel)]="detailData.unifiedSocialCreditCode" [readonly]="!isEdit"
+          [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
+      </ng-container>
+      <ng-template #unifiedSocialCreditCodeelseTemplate>
+        {{detailData.unifiedSocialCreditCode}}
+      </ng-template>
+    </sv>
+    <sv label="公司类型">
+      <!-- <input nz-input type="text" [(ngModel)]="detailData.enterpriseType" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'"> -->
+      <nz-select [nzMaxTagCount]="3" nzPlaceHolder="请选择" [(ngModel)]="detailData.enterpriseType"
+        [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+        <nz-option nzLabel="物流企业" [nzValue]="1"></nz-option>
+        <nz-option nzLabel="货运代理" [nzValue]="2"></nz-option>
+        <nz-option nzLabel="生产型企业" [nzValue]="3"></nz-option>
+        <nz-option nzLabel="贸易类企业" [nzValue]="4"></nz-option>
+        <nz-option nzLabel="科技型企业" [nzValue]="5"></nz-option>
+        <nz-option nzLabel="化学化工企业" [nzValue]="6"></nz-option>
+        <nz-option nzLabel="其他" [nzValue]="7"></nz-option>
+      </nz-select>
+    </sv>
+    <sv label="注册资本">
+      <ng-container *ngIf="isEdit; else registrationCapitalTemplate">
+        <input nz-input type="text" [(ngModel)]="detailData.registrationCapital" [readonly]="!isEdit"
+          [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'" class="mr-sm">
+      </ng-container>
+      <ng-template #registrationCapitalTemplate>
+        {{detailData?.registrationCapital}}
+      </ng-template>
+      <span *ngIf="detailData?.registrationCapital">万元</span>
+    </sv>
+    <sv label="成立日期">
+      <nz-date-picker [(ngModel)]="detailData.enterpriseRegistrationTime" [nzDisabled]="!isEdit"
+        [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
+    </sv>
+    <sv label="营业期限">
+      <nz-date-picker [(ngModel)]="detailData.operatingStartTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
+        [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''" style="width: 110px;" class="calendar">
+      </nz-date-picker>
+      -
+      <ng-container *ngIf="!isEdit && !detailData?.operatingEndTime && detailData?.operatingStartTime">
+        <label style="padding-left: 11px;">长期</label>
+      </ng-container>
+      <nz-date-picker [(ngModel)]="detailData.operatingEndTime" [nzDisabled]="!isEdit" nzPlaceHolder=" "
+        [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''" style="width: 110px;" class="calendar">
+      </nz-date-picker>
+      <ng-container *ngIf="isEdit">
+        <label nz-checkbox [ngModel]="!!!detailData.operatingEndTime"
+          (ngModelChange)="$event?detailData.operatingEndTime='':''" class="ml-sm">长期</label>
+      </ng-container>
+    </sv>
+    <sv label="常用服务">
+      <ng-container *ngIf="isEdit; else oftenUsedServiceselseTemplate">
+        <nz-select [(ngModel)]="detailData.oftenUsedServices">
+          <nz-option [nzValue]="10" nzLabel="整车发货"></nz-option>
+          <nz-option [nzValue]="20" nzLabel="大宗发货"></nz-option>
+        </nz-select>
+      </ng-container>
+      <ng-template #oftenUsedServiceselseTemplate>
+        <input nz-input type="text"
+          [ngModel]="detailData.oftenUsedServices?detailData.oftenUsedServices===10?'整车发货':'大宗发货':'-'"
+          [readonly]="!isEdit" [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
+      </ng-template>
+    </sv>
+    <sv label="公司所在地" col="3">
+      <ng-container *ngIf="isEdit; else cascaderelseTemplate">
+        <nz-cascader [(ngModel)]="enterpriseAddressCode" [nzLoadData]="loadRegionData">
+        </nz-cascader>
+      </ng-container>
+      <ng-template #cascaderelseTemplate>
+        {{ detailData?.fullRegionVO?.provinceName }}{{ detailData?.fullRegionVO?.cityName }}{{
+        detailData?.fullRegionVO?.areaName }}
+      </ng-template>
+    </sv>
+    <sv label="公司详细地址" col="2">
+      <ng-container *ngIf="isEdit; else enterpriseAddresselseTemplate">
+        <input nz-input type="text" [(ngModel)]="detailData.enterpriseAddress" [readonly]="!isEdit"
+          [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
+      </ng-container>
+      <ng-template #enterpriseAddresselseTemplate>
+        <span style="word-break:break-all ">{{detailData.enterpriseAddress}}</span>
+      </ng-template>
+    </sv>
+    <sv label="经营范围" col="1">
+      <ng-container *ngIf="isEdit; else businessScopeelseTemplate">
+        <input nz-input type="text" [(ngModel)]="detailData.businessScope" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+          [placeholder]="isEdit?'':'-'">
+      </ng-container>
+      <ng-template #businessScopeelseTemplate>
+        <span style="word-break:break-all ">{{detailData.businessScope}}</span>
+      </ng-template>
+    </sv>
+    <sv label="税务机关" col="3">
+      <input nz-input type="text" [(ngModel)]="detailData.taxAuthority" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="营业执照" col="3">
+      <ng-container
+        *ngTemplateOutlet="uploadTemplate;context:{data:detailData,status:isEdit,key:'licensePhotoWatermark',key2:'licensePhoto',hover:'detailPhoto'}">
+      </ng-container>
+    </sv>
+    <sv label="企业授权函" col="3">
+      <ng-container
+        *ngTemplateOutlet="uploadTemplate;context:{data:detailData,status:isEdit,key:'creditPhotoWatermark',key2:'creditPhoto',hover:'adminPhoto'}">
+      </ng-container>
+    </sv>
+  </sv-container>
+  <nz-divider></nz-divider>
+  <sv-container col="3" class="mt16">
+    <sv-title>法人信息
+      <label *ngIf="detailData?.legalPersonIdentityVO?.isExpired" style="color: #fa8c16;">
+        <i nz-icon nzType="info-circle" nzTheme="fill" class="ml-md mr-xs"></i>法人身份证期限已过期
+      </label>
+    </sv-title>
+    <sv label="法定代表人">
+      <input nz-input type="text" maxlength="32" [(ngModel)]="detailData.legalPersonIdentityVO.name"
+        [readonly]="!isEdit" [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="身份证号码">
+      <input nz-input type="text" [(ngModel)]="detailData.legalPersonIdentityVO.certificateNumber" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="身份证有效期" col="1">
+      <nz-date-picker [(ngModel)]="detailData.legalPersonIdentityVO.validStartTime" [nzDisabled]="!isEdit"
+        nzPlaceHolder=" " [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''" style="width: 120px;"
+        class="calendar"></nz-date-picker>
+      -
+      <ng-container
+        *ngIf="!isEdit && !detailData?.legalPersonIdentityVO?.validEndTime && detailData.legalPersonIdentityVO.validStartTime">
+        <label style="padding-left: 11px;">长期</label>
+      </ng-container>
+      <nz-date-picker [(ngModel)]="detailData.legalPersonIdentityVO.validEndTime" [nzDisabled]="!isEdit"
+        nzPlaceHolder=" " [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''" style="width: 120px;"
+        class="calendar"></nz-date-picker>
+      <ng-container *ngIf="isEdit">
+        <label nz-checkbox [ngModel]="!!!detailData.legalPersonIdentityVO.validEndTime"
+          (ngModelChange)="$event?detailData.legalPersonIdentityVO.validEndTime='':''" class="ml-sm">长期</label>
+      </ng-container>
+    </sv>
+    <sv label="身份证照" col="1">
+      <div class="d-flex">
+        <ng-container
+          *ngTemplateOutlet="uploadTemplate;context:{data:detailData?.legalPersonIdentityVO,status:isEdit,key:'certificatePhotoFrontWatermark',key2:'certificatePhotoFront',hover:'legalFront'}">
+        </ng-container>
+        <ng-container
+          *ngTemplateOutlet="uploadTemplate;context:{data:detailData?.legalPersonIdentityVO,status:isEdit,key:'certificatePhotoBackWatermark',key2:'certificatePhotoBack',hover:'legalBack'}">
+        </ng-container>
+      </div>
+    </sv>
+  </sv-container>
+  <nz-divider></nz-divider>
+  <sv-container col="3">
+    <sv-title>企业管理员信息
+      <label *ngIf="detailData?.adminUserInfo?.isExpired" style="color: #fa8c16;">
+        <i nz-icon nzType="info-circle" nzTheme="fill" class="ml-md mr-xs"></i>企业营业期限已过期
+      </label>
+    </sv-title>
+    <sv label="姓名">
+      <input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.name" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="手机号">
+      {{detailData.adminUserInfo?.mobile}}
+    </sv>
+    <sv label="身份证号">
+      <input nz-input type="text" [(ngModel)]="detailData.adminUserInfo.certificateNumber" [readonly]="!isEdit"
+        [nzBorderless]="!isEdit" [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="身份证照" col="2">
+      <div class="d-flex">
+        <ng-container
+          *ngTemplateOutlet="uploadTemplate;context:{data:detailData?.adminUserInfo,status:isEdit,key:'certificatePhotoFrontWatermark',key2:'certificatePhotoFront',hover:'certificateBackFront'}">
+        </ng-container>
+        <ng-container
+          *ngTemplateOutlet="uploadTemplate;context:{data:detailData?.adminUserInfo,status:isEdit,key:'certificatePhotoBackWatermark',key2:'certificatePhotoBack',hover:'certificateBack'}">
+        </ng-container>
+      </div>
+    </sv>
+  </sv-container>
+
+  <nz-divider></nz-divider>
+  <sv-container col="3" class="mt16">
+    <sv-title>企业开票信息</sv-title>
+    <sv label="开户银行">
+      <input nz-input type="text" [(ngModel)]="detailData.createBank" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="银行账户">
+      <input nz-input type="text" [(ngModel)]="detailData.bankAccount" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="注册电话">
+      <input nz-input type="text" [(ngModel)]="detailData.registerPhone" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="注册地址">
+      <input nz-input type="text" [(ngModel)]="detailData.registerAddress" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+  </sv-container>
+  <nz-divider></nz-divider>
+  <sv-container col="3" class="mt-md">
+    <sv-title>服务评级
+      <ng-container *ngIf="billEvaluateList?.length===0">(暂无评级)</ng-container>
+    </sv-title>
+    <sv [label]="item.evaluateTypeLabel" *ngFor="let item of billEvaluateList">
+      <nz-rate [ngModel]="item.evaluateFraction" nzDisabled></nz-rate>
+    </sv>
+  </sv-container>
+  <nz-divider></nz-divider>
+  <sv-container col="3" class="mt16">
+    <sv-title>合伙人信息</sv-title>
+    <sv label="合伙人名称">
+      {{partnerInfo.partnerEnterpriseName}}
+    </sv>
+    <sv label="手机号">
+      <input nz-input type="text" [(ngModel)]="partnerInfo.partnerContactMobile" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="管理员">
+      <!-- <input nz-input type="text" [(ngModel)]="partnerInfo.partnerContactName + ' ' + partnerInfo.partnerContactMobile" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'"> -->
+    </sv>
+    <sv label="绑定时间">
+      <input nz-input type="text" [(ngModel)]="partnerInfo.enterprisePartnerRelTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="结算时间段">
+      <input nz-input type="text" [(ngModel)]="partnerInfo.settStartTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+  </sv-container>
+  <nz-divider></nz-divider>
+  <sv-container col="3" class="mt16">
+    <sv-title>渠道销售信息</sv-title>
+    <sv label="姓名">
+      <input nz-input type="text" [(ngModel)]="partnerInfo.channelName" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="手机号">
+      <input nz-input type="text" [(ngModel)]="partnerInfo.channelMobile" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="绑定时间">
+      <input nz-input type="text" [(ngModel)]="partnerInfo.enterpriseChannelRelTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+    </sv>
+  </sv-container>
+</nz-card>
+<nz-card>
+<nz-tabset >
+  <nz-tab nzTitle="修改合伙人记录">
+    <st #st [data]="service.$api_findEnterpricePartnerRelLog" [columns]="columns"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParamsCar }"
+    [res]="{ reName: { list: 'data'} }" [page]="{ show: true, showSize: true, pageSizes: [20, 50, 100] }"
+    [loading]="service.http.loading">
+    <ng-template st-row="remark" let-item let-index="index">
+      <span *ngIf="item.remark" class="overflowText" nz-tooltip [nzTooltipTitle]="item.remark">{{ item.remark }}</span>
+      <span *ngIf="item.remark === null">--</span>
+    </ng-template>
+  </st>
+  </nz-tab>
+  <nz-tab nzTitle="修改渠道销售记录">
+    <st #st1 multiSort bordered [columns]="recordColumns" [ps]="20" [data]="service.$api_findEnterpriceChannelRelLog"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+    [page]="{ show: true, showSize: true, pageSizes: [20, 50, 100] }" [loading]="service.http.loading">
+    <ng-template st-row="remark" let-item let-index="index">
+      <span *ngIf="item.remark" class="overflowText" nz-tooltip [nzTooltipTitle]="item.remark">{{ item.remark }}</span>
+      <span *ngIf="item.remark === null">--</span>
+    </ng-template>
+</st>
+  </nz-tab>
+</nz-tabset>
+</nz-card>
+<ng-template #PopconfirmTempalte let-title="title" let-content="content">
+  <div class="ant-popover-message">
+    <i nz-icon nzType="info-circle" nzTheme="fill"></i>
+    <div class="ant-popover-message-title ng-star-inserted self-ant-popover-title" style="font-size: 16px">{{title}}
+    </div>
+    <div class="ant-popover-message-title ng-star-inserted">
+      {{content}}
+    </div>
+  </div>
+</ng-template>
+
+<ng-template #approvedModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="120">
+      <se [col]="1" label="公司名称">
+        {{ detailData?.enterpriseName }}
+      </se>
+      <se [col]="1" label="网络货运人" required>
+        <nz-select nzPlaceHolder="请选择" [(ngModel)]="networkTransporter">
+          <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of ltdId"></nz-option>
+        </nz-select>
+      </se>
+      <se [col]="1" label="企业角色" required>
+        <nz-select nzPlaceHolder="请选择" [(ngModel)]="roleId">
+          <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of roles"></nz-option>
+        </nz-select>
+      </se>
+      <se [col]="1" label="客服人员" required>
+        <nz-select nzPlaceHolder="请选择" [(ngModel)]="customerServiceId">
+          <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of customerServices"></nz-option>
+        </nz-select>
+      </se>
+    </div>
+  </div>
+</ng-template>
+
+<ng-template #redectModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="120">
+      <se [col]="1" label="公司名称">
+        {{ detailData?.enterpriseName }}
+      </se>
+      <se [col]="1" label="备注" required>
+        <textarea nz-input rows="3" style="width: 325px;margin-left: 14px;" [(ngModel)]="approvalOpinion"></textarea>
+      </se>
+    </div>
+  </div>
+</ng-template>
+
+<ng-template #uploadTemplate let-data="data" let-status="status" let-key="key" let-key2="key2" let-hover="hover">
+  <nz-upload class="avatar-uploader" [nzAction]="uploadURl" nzName="multipartFile" nzListType="picture-card"
+    [nzShowUploadList]="false" nzFileType="image/png,image/jpeg,image/jpg,image/gif"
+    [nzDisabled]="!isEdit || disabledUpload" (nzChange)="changeUpload($event,data,key,key2,hover)">
+    <ng-container *ngIf="!data[key] && isEdit">
+      <i class="upload-icon" nz-icon [nzType]="false ? 'loading' : 'plus'"></i>
+      <div class="ant-upload-text">上传</div>
+    </ng-container>
+    <div *ngIf="data[key]" (mouseover)="detailData[hover]=true" (mouseleave)="detailData[hover]=false"
+      (click)="$event.cancelBubble=true" class="image-hover">
+      <img [src]="data[key]" style="width: 200px;height: 160px;" (click)="service.showImg(data[key])" />
+      <div class="mask" *ngIf="detailData[hover] && isEdit"></div>
+      <div class="mask-over" *ngIf="detailData[hover] && isEdit">
+        <i nz-icon nzType="close-circle" nzTheme="fill" class="delete-icon" (click)="deleteImg(data,key,key2)"></i>
+        <div style="display: flex;align-items: center;">
+          <i nz-icon nzType="eye" nzTheme="fill" class="show-icon" (click)="service.showImg(data[key])"></i>
+        </div>
+      </div>
+    </div>
+  </nz-upload>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/list/detail/detail.component.less b/src/app/routes/usercenter/components/freight/list/detail/detail.component.less
new file mode 100644
index 00000000..6231c9e2
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/detail/detail.component.less
@@ -0,0 +1,58 @@
+@import '../../../../less/edit.less';
+
+.user-info {
+  font-size: 16px;
+
+  .enterprise-name {
+    margin-right: 15px;
+  }
+
+  img {
+    width: 64px;
+    height: 64px;
+    margin-right: 15px;
+    border-radius: 50%;
+  }
+
+  .user-info-des {
+    margin-bottom: 5px;
+  }
+}
+
+::ng-deep {
+  .affix {
+    position: fixed;
+    top: 20px !important;
+    right: 25px;
+    left: 25px;
+    z-index: 999 !important;
+  }
+
+  .alain-pro__menu-side .alain-pro__main {
+    .affix {
+      position: fixed;
+      top: 20px !important;
+      right: 25px;
+      left: 250px;
+      z-index: 999 !important;
+    }
+  }
+
+  .aside-collapsed.alain-pro__menu-side .alain-pro__main {
+    .affix {
+      left: 106px;
+    }
+  }
+  .overflowText {
+    display: -webkit-box;
+    max-width: 155px;
+    height: 40px;
+    overflow: hidden;
+    text-align: left;
+    text-overflow: -o-ellipsis-lastline;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
+}
diff --git a/src/app/routes/usercenter/components/freight/list/detail/detail.component.ts b/src/app/routes/usercenter/components/freight/list/detail/detail.component.ts
new file mode 100644
index 00000000..cd82f249
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/detail/detail.component.ts
@@ -0,0 +1,538 @@
+import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { apiConf } from '@conf/api.conf';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { DatePipe, _HttpClient } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { fromEvent, Subscription } from 'rxjs';
+import { UsermanageService } from '../../../../services/usercenter.service';
+
+@Component({
+  selector: 'app-supplier-components-list-view',
+  templateUrl: './detail.component.html',
+  styleUrls: ['./detail.component.less'],
+  providers: [DatePipe]
+})
+export class FreightComponentsListDetailComponent implements OnInit, OnDestroy {
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('st1') private readonly st1!: STComponent;
+  @ViewChild('approvedModal', { static: false })
+  approvedModal!: any;
+  @ViewChild('redectModal', { static: false })
+  redectModal!: any;
+  columns: STColumn[] = [];
+  recordColumns!: STColumn[];
+  detailData: any = { adminUserInfo: { name: '' }, legalPersonIdentityVO: { name: '' } };
+  tempalateData = { ...this.detailData };
+  suppliersData: any = {};
+
+  isEdit = false;
+
+  uploadURl = apiConf.waterFileUpload;
+  disabledUpload = false;
+  enterpriseAddressCode: any = [];
+  ltdId: any = [];
+  roles: any = [];
+  customerServices: any = [];
+  billEvaluateList: any = [];
+  approvalOpinion = '';
+  networkTransporter = null;
+  roleId = null;
+  customerServiceId = null;
+  partnerInfo: any = {};
+  esignCheckStatus: any = {
+    0: '不通过',
+    1: '通过',
+    2: '未认证'
+  };
+
+  billEvaluate = null;
+  scrollTop = 0;
+  subscribeScoll!: Subscription;
+  /**
+ * 查询参数
+ */
+  get reqParamsCar() {
+    const params = {
+      id: this.route.snapshot.params.id,
+      bindType: 0
+    }
+    return { ...params };
+  }
+  get reqParams() {
+    const params = {
+      id: this.route.snapshot.params.id,
+    }
+    return { ...params };
+  }
+  constructor(
+    public service: UsermanageService,
+    private route: ActivatedRoute,
+    private nzModalService: NzModalService,
+    private router: Router,
+    private datePipe: DatePipe
+  ) { }
+  ngOnDestroy(): void {
+    this.subscribeScoll.unsubscribe();
+  }
+
+  ngOnInit() {
+    this.route.params.subscribe(({ params }) => {
+      this.initData();
+      this.loadltdId();
+      this.loadRoles();
+      this.initST();
+      this.initRecordST()
+      this.loadCustomerServices();
+      this.loadPartnerInfo()
+    });
+    this.subscribeScoll = fromEvent(window, 'scroll').subscribe(event => {
+      this.scrollTop = document.documentElement.scrollTop;
+    });
+  }
+  
+  /**
+* 初始化数据列表
+*/
+  initST() {
+    this.columns = [
+      { title: '修改后合伙人', index: 'newPartnerName', className: 'text-center' },
+      { title: '修改前合伙人', index: 'originalPartnerNamel', className: 'text-center' },
+      { title: '备注', render: 'remark', className: 'text-center' },
+      { title: '结算起算日', index: 'settStartTime', className: 'text-center' },
+      { title: '生效节点', index: 'effectiveNode', className: 'text-center', type: 'enum', enum: {
+        1: '立即生效',
+        2: 'CRM审核后生效',
+        3: '审核通过生效',
+      } },
+      {
+        title: 'CRM审核状态', index: 'effectiveStatus',
+        type: 'enum',
+        enum: {
+          0: '已失效',
+          1: '未生效',
+          2: '已生效',
+        },
+        className: 'text-center'
+      },
+      { title: '修改时间', render: 'modifyTime', className: 'text-center' },
+      { title: '生效时间', render: 'effectiveTime', className: 'text-center' },
+      { title: '操作人', render: 'approvalUser', className: 'text-center' },
+
+    ];
+  }
+  /**
+   * 初始化数据列表
+   */
+  initRecordST() {
+    this.recordColumns = [
+      { title: '修改后渠道销售', index: 'newChannelName', className: 'text-center' },
+      { title: '修改前渠道销售地', index: 'originalChannelName', className: 'text-center' },
+      { title: '备注', render: 'remark', className: 'text-center' },
+      { title: '生效节点', index: 'effectiveNode', className: 'text-center', type: 'enum', enum: {
+        1: '立即生效',
+        2: 'CRM审核后生效',
+        3: '审核通过生效',
+      } },
+      {
+        title: 'CRM审核状态', index: 'effectiveStatus',
+        type: 'enum',
+        enum: {
+          0: '已失效',
+          1: '未生效',
+          2: '已生效',
+        },
+        className: 'text-center'
+      },
+      { title: '修改时间', render: 'mybidDetailInfo', className: 'text-center' },
+      { title: '生效时间', index: 'eeffectiveTime', className: 'text-center' },
+      { title: '操作人', index: 'approvalUser', className: 'text-center' }
+    ];
+  }
+  loadPartnerInfo(){
+    this.service.request(this.service.$api_getEnterpriceRel, {id: this.route.snapshot.params.id}).subscribe(res => {
+      if (res) {
+        this.partnerInfo = res;
+      }
+    });
+  }
+  loadltdId() {
+    this.service.getNetworkFreightForwarder().subscribe(res => {
+      if (res) {
+        this.ltdId = res;
+      }
+    });
+  }
+  loadRoles() {
+    this.service.getRoles({ enterpriseId: 0, projectId: 0 }).subscribe(res => {
+      if (res) {
+        this.roles = res;
+      }
+    });
+  }
+  loadCustomerServices() {
+    this.service.getStaffList({}, false).subscribe(res => {
+      if (res) {
+        this.customerServices = res;
+      }
+    });
+  }
+
+  initData() {
+    this.service
+      .request(this.service.$api_get_freight_detail, {
+        id: this.route.snapshot.params.id
+      })
+      .subscribe(res => {
+        if (res) {
+          this.detailData = res;
+          this.tempalateData = { ...this.detailData };
+          this.enterpriseAddressCode = [
+            Number(this.detailData.fullRegionVO?.provinceCode),
+            Number(this.detailData.fullRegionVO?.cityCode),
+            Number(this.detailData.fullRegionVO?.areaCode)
+          ];
+        }
+      });
+
+    // 获取评价信息
+    this.service
+      .request(this.service.$api_get_driver_billEvaluate, { passiveUserId: this.route.snapshot.params.id }, 'POST', false)
+      .subscribe(res => {
+        if (res?.length > 0) {
+          this.service.request(this.service.$api_get_freight_billEvaluate, res).subscribe(billEvaluate => {
+            if (billEvaluate) {
+              this.billEvaluate = billEvaluate.totalScore;
+              this.billEvaluateList = res;
+            }
+          });
+        }
+      });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+  /**
+   * 冻结
+   */
+  freezeOrResume(type: number) {
+    this.service.http
+      .post(this.service.$api_lock_freight, {
+        id: this.route.snapshot.params.id,
+        statedLocked: !!type
+      })
+      .subscribe(res => {
+        if (res.data === true) {
+          if (type === 0) {
+            this.service.msgSrv.success(`启用成功！`);
+          } else {
+            this.service.msgSrv.success(`冻结成功！`);
+          }
+          this.initData();
+        } else {
+          this.service.msgSrv.error(res.msg || '操作失败！');
+        }
+      });
+  }
+
+  /**
+   * 支付权限
+   */
+  PayOrResume(type: number) {
+    this.service.http
+      .post(this.service.$api_lock_freight, {
+        id: this.route.snapshot.params.id,
+        statedLocked: !!type
+      })
+      .subscribe(res => {
+        if (res.data === true) {
+          if (type === 1) {
+            this.service.msgSrv.success(`开启成功！`);
+          } else {
+            this.service.msgSrv.success(`关闭成功！`);
+          }
+          this.initData();
+        } else {
+          this.service.msgSrv.error(res.msg || '操作失败！');
+        }
+      });
+  }
+
+  auditPass(isSave: boolean) {
+    this.networkTransporter = null;
+    this.roleId = null;
+    this.customerServiceId = null;
+    this.nzModalService.create({
+      nzTitle: '审核通过',
+      nzContent: this.approvedModal,
+      nzOnOk: () => {
+        if (!this.networkTransporter || !this.roleId || !this.customerServiceId) {
+          return false;
+        }
+        if (isSave) {
+          this.save({
+            passSave: true,
+            roleId: this.roleId,
+            networkTransporter: this.networkTransporter
+          });
+        } else {
+          this.auditEnterprise(20);
+        }
+        return;
+      }
+    });
+  }
+  auditNo() {
+    this.approvalOpinion = '';
+    this.roleId = null;
+    this.nzModalService.create({
+      nzTitle: '审核驳回',
+      nzContent: this.redectModal,
+      nzOnOk: () => {
+        if (!this.approvalOpinion) {
+          return false;
+        }
+        this.auditEnterprise(30);
+        return;
+      }
+    });
+  }
+
+  private auditEnterprise(status: number) {
+    this.service
+      .request(this.service.$api_audit_freight, {
+        approvalStatus: status,
+        id: this.detailData.id,
+        approvalOpinion: this.approvalOpinion,
+        networkTransporter: this.networkTransporter,
+        customerServiceId: this.customerServiceId,
+        roleId: this.roleId || null
+      })
+      .subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success(status === 20 ? '审核通过' : '驳回成功');
+          this.refreshData(status);
+        }
+      });
+  }
+
+  ratify() {
+    this.isEdit = true;
+  }
+
+  deleteImg(data: any, key: string, key2: string) {
+    this.nzModalService.warning({
+      nzTitle: '是否确认删除该图片',
+      nzOnOk: () => {
+        this.disabledUpload = true;
+        data[key] = '';
+        data[key2] = '';
+        setTimeout(() => {
+          this.disabledUpload = false;
+        }, 100);
+      }
+    });
+  }
+  changeUpload({ file, fileList, type }: any, data: any, key: string, key2: string, id: string) {
+    if (type === 'success') {
+      data[key] = file.response.data?.fullFileWatermarkPath;
+      data[key2] = file.response.data?.fullFilePath;
+      if (id === 'legalFront' || id === 'legalBack') {
+        this.checkIdCard(file.response.data?.fullFilePath, id === 'legalFront' ? 'front' : 'back', 1);
+      }
+      if (id === 'certificateBackFront' || id === 'certificateBack') {
+        this.checkIdCard(file.response.data?.fullFilePath, id === 'certificateBackFront' ? 'front' : 'back', 0);
+      }
+      if (id === 'detailPhoto') {
+        this.checkBusinessLicense(file.response.data?.fullFilePath);
+      }
+    }
+  }
+
+  /**
+   * 级联获取地区数据
+   * @param node 节点
+   * @param index 层级
+   * @returns
+   */
+  loadRegionData = (node: any, index: number) => {
+    return new Promise(resolve => {
+      this.service.request(this.service.$api_get_region_by_code, { regionCode: node?.regionCode || '' }).subscribe(
+        res => {
+          node.children = res.map((item: any) => ({ ...item, isLeaf: index === 1, value: item.regionCode, label: item.name }));
+        },
+        _ => { },
+        () => {
+          resolve(node);
+        }
+      );
+    });
+  };
+
+  reset() {
+    this.detailData = { ...this.tempalateData };
+    this.isEdit = false;
+  }
+
+  save(data: any) {
+    const dateil = { ...this.detailData };
+    Object.assign(dateil.legalPersonIdentityVO, {
+      validStartTime: this.datePipe.transform(dateil.legalPersonIdentityVO.validStartTime, 'yyyy-MM-dd'),
+      validEndTime: this.datePipe.transform(dateil.legalPersonIdentityVO.validEndTime, 'yyyy-MM-dd')
+    });
+    if (!this.detailData?.enterpriseName || !this.detailData?.enterpriseAddress) {
+      this.service.msgSrv.error('请完善企业基本信息！')
+      return false;
+    }
+    if (!this.detailData.legalPersonIdentityVO.name || !this.detailData.legalPersonIdentityVO.certificateNumber) {
+      this.service.msgSrv.error('请完善法人信息！')
+      return false;
+    }
+    if (!this.detailData.createBank || !this.detailData.bankAccount) {
+      this.service.msgSrv.error('请完善企业开票信息！')
+      return false;
+    }
+    const params = {};
+    Object.assign(params, {
+      adminMobile: dateil.adminMobile,
+      adminAppUserId: dateil.adminAppUserId,
+      adminUserInfo: { ...dateil.adminUserInfo },
+      bankAccount: dateil.bankAccount,
+      businessScope: dateil.businessScope,
+      createBank: dateil.createBank,
+      creditPhoto: dateil.creditPhoto,
+      creditPhotoWatermark: dateil.creditPhotoWatermark,
+      enterpriseAddress: dateil.enterpriseAddress,
+      enterpriseAddressCode: this.enterpriseAddressCode[2],
+      enterpriseLogo: dateil.enterpriseLogo,
+      enterpriseName: dateil.enterpriseName,
+      enterpriseRegistrationTime: this.datePipe.transform(dateil.enterpriseRegistrationTime, 'yyyy-MM-dd'),
+      enterpriseType: dateil.enterpriseType,
+      id: dateil.id,
+      legalPersonIdentityDTO: { ...dateil.legalPersonIdentityVO },
+      licensePhoto: dateil.licensePhoto,
+      licensePhotoWatermark: dateil.licensePhotoWatermark,
+      networkTransporter: dateil.networkTransporter,
+      oftenUsedServices: dateil.oftenUsedServices,
+      operatingEndTime: this.datePipe.transform(dateil.operatingEndTime, 'yyyy-MM-dd'),
+      operatingStartTime: this.datePipe.transform(dateil.operatingStartTime, 'yyyy-MM-dd'),
+      promotersTelephone: dateil.promotersTelephone,
+      registerAddress: dateil.registerAddress,
+      registerPhone: dateil.registerPhone,
+      registrationCapital: dateil.registrationCapital,
+      taxAuthority: dateil.taxAuthority,
+      unifiedSocialCreditCode: dateil.unifiedSocialCreditCode
+    });
+    Object.assign(params, { ...data });
+    this.service.request(this.service.$api_save_enterprise_admin, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('企业修改成功');
+        this.refreshData(data.passSave ? 20 : 10);
+        this.isEdit = false;
+      }
+    });
+    return
+  }
+
+  private refreshData(status: number) {
+    if (status === 20) {
+      this.service.request(this.service.$api_get_next_audit_freight, { id: this.route.snapshot.params.id }).subscribe(res => {
+        if (res?.id) {
+          this.router.navigate(['/usercenter/freight/enterprise/detail/' + res.id]);
+        } else {
+          this.initData();
+        }
+      });
+    } else {
+      this.initData();
+    }
+  }
+
+  // 识别身份证 参数isFront：front-正面、back-背面；type：0-申请人身份证，1-法定代表人身份证
+  checkIdCard(imgurl: any, isFront: string, type: number) {
+    const params = {
+      idCardUrl: imgurl,
+      side: isFront
+    };
+    this.service.request(this.service.$api_ocr_recognize_id_card, params).subscribe(res => {
+      if (res) {
+        if (type === 1) {
+          // 法定代表人证件照
+          if (isFront === 'front') {
+            // 正面
+            if (res.name) {
+              this.detailData.legalPersonIdentityVO.name = res.name;
+            }
+            if (res.number) {
+              this.detailData.legalPersonIdentityVO.certificateNumber = res.number;
+            }
+          }
+          if (isFront === 'back') {
+            // 背面
+            if (res.validFrom) {
+              this.detailData.legalPersonIdentityVO.validStartTime = res.validFrom;
+            }
+            if (res.validTo) {
+              this.detailData.legalPersonIdentityVO.validEndTime = res.validTo;
+            } else {
+              this.detailData.legalPersonIdentityVO.validEndTime = null;
+            }
+          }
+        }
+        // 企业管理员证件照
+        if (type === 0) {
+          if (isFront === 'front') {
+            // 正面
+            if (res.name) {
+              this.detailData.adminUserInfo.name = res.name;
+            }
+            if (res.number) {
+              this.detailData.adminUserInfo.certificateNumber = res.number;
+            }
+          }
+        }
+      }
+    });
+  }
+
+  // 识别营业执照
+  checkBusinessLicense(imgurl: any) {
+    this.service.request(this.service.$api_ocr_recognize_business_license, { businessLicenseUrl: imgurl }).subscribe(res => {
+      if (res) {
+        if (res.registrationNumber) {
+          this.detailData.unifiedSocialCreditCode = res.registrationNumber;
+        }
+        if (res.name) {
+          this.detailData.enterpriseName = res.name;
+        }
+        if (res.type) {
+          this.detailData.enterpriseType = res.type;
+        }
+        if (res.addressRegionCodes) {
+          this.detailData.enterpriseAddressCode = res.addressRegionCodes;
+        }
+        if (res.address) {
+          this.detailData.enterpriseAddress = res.address;
+        }
+        if (res.registeredCapital) {
+          this.detailData.registrationCapital = res.registeredCapital;
+        }
+        if (res.foundDate) {
+          this.detailData.enterpriseRegistrationTime = res.foundDate;
+        }
+        if (res.businessTermStartDate) {
+          this.detailData.operatingStartTime = res.businessTermStartDate;
+        }
+        if (res.businessTermEndDate) {
+          this.detailData.operatingEndTime = res.businessTermEndDate;
+        } else {
+          this.detailData.operatingEndTime = null;
+        }
+        if (res.businessScope) {
+          this.detailData.businessScope = res.businessScope;
+        }
+      }
+    });
+  }
+}
diff --git a/src/app/routes/usercenter/components/freight/list/editPartner/editPartner.component.html b/src/app/routes/usercenter/components/freight/list/editPartner/editPartner.component.html
new file mode 100644
index 00000000..8953e1f8
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/editPartner/editPartner.component.html
@@ -0,0 +1,9 @@
+<sf #sf [schema]="schema" [ui]="ui" [button]="'none'" [formData]="detailData"></sf>
+<div class="info">
+  1.如果修改前后的合伙人不是在同一个渠道销售下，修改后客户的渠道销售会随着修改后的合伙人绑定到新的渠道销售下，系统也会同步发起CRM《客户转移》流程；<br>
+2.结算起算日：指给合伙人结算佣金的起算时间，如果是修改合伙人，该日期是当前合伙人的结算起算日，同时也是上一个合伙人的结算结束时间。
+</div>
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">关闭</button>
+  <button nz-button type="button" nzType="primary" (click)="save()" [disabled]="!sf?.valid">确定</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/list/editPartner/editPartner.component.less b/src/app/routes/usercenter/components/freight/list/editPartner/editPartner.component.less
new file mode 100644
index 00000000..b9186e57
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/editPartner/editPartner.component.less
@@ -0,0 +1,7 @@
+.info{
+  width: 80%;
+  margin:0 auto;
+  color: #333;
+  font-size: 12px;
+  line-height: 24px;;
+}
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/list/editPartner/editPartner.component.spec.ts b/src/app/routes/usercenter/components/freight/list/editPartner/editPartner.component.spec.ts
new file mode 100644
index 00000000..a77b2be7
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/editPartner/editPartner.component.spec.ts
@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { EditPartnerComponentsAddComponent } from './editPartner.component';
+
+describe('EditPartnerComponentsAddComponent', () => {
+  let component: EditPartnerComponentsAddComponent;
+  let fixture: ComponentFixture<EditPartnerComponentsAddComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ EditPartnerComponentsAddComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(EditPartnerComponentsAddComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/usercenter/components/freight/list/editPartner/editPartner.component.ts b/src/app/routes/usercenter/components/freight/list/editPartner/editPartner.component.ts
new file mode 100644
index 00000000..a55f960b
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/editPartner/editPartner.component.ts
@@ -0,0 +1,122 @@
+import { ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { SFComponent, SFRadioWidgetSchema, SFSchema, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { EAEnvironmentService } from '@shared';
+import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
+import format from 'date-fns/format';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzUploadFile } from 'ng-zorro-antd/upload';
+import { Observable, Observer, of } from 'rxjs';
+import { apiConf } from '@conf/api.conf';
+import { UsermanageService } from 'src/app/routes/usercenter/services/usercenter.service';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+
+@Component({
+  selector: 'app-ad-components-partner',
+  templateUrl: './editPartner.component.html',
+  styleUrls: ['./editPartner.component.less']
+})
+export class EditPartnerComponentsAddComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  record: any = {};
+  i: any;
+  schema: SFSchema = {};
+  detailData: any = {}
+  ui: SFUISchema = {};
+ 
+  constructor(
+    public msgSrv: NzMessageService,
+    public http: _HttpClient,
+    private route: ActivatedRoute,
+    private router: Router,
+    public service: UsermanageService,
+    private envSrv: EAEnvironmentService,
+    private modal: NzModalRef,
+  ) { }
+
+
+  ngOnInit(): void {
+    this.initDetailData()
+    this.initSF();
+  }
+  initDetailData() {
+    const params = {
+      id: this.i.id
+    }
+    this.service.request(this.service.$api_partnerChannelUpdateDetaiList, params).subscribe(res => {
+      if(res) {
+        this.detailData = res
+      } else {
+        this.service.msgSrv.error(res.msg)
+      }
+    })
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        channelId: {
+          type: 'string',
+          title: '合伙人修改为',
+          ui: {
+            widget: 'radio',
+            showRequired: true,
+          } as SFRadioWidgetSchema,
+          enum: [
+            { label: '全部可见', value: 1 },
+            { label: '合伙人可见', value: 2 },
+            { label: '销售渠道可见', value: 3 },
+          ],
+        },
+        remark: {
+          type: 'string',
+          title: '备注',
+          ui: {
+            widget: 'textarea',
+            placeholder: '请不要超过50个字',
+            maxLength: 50,
+            autosize: { minRows: 2, maxRows: 6 },
+          },
+        },
+        effectiveNode: {
+          type: 'string',
+          title: '生效节点',
+          ui: {
+            widget: 'radio',
+            showRequired: true,
+          } as SFRadioWidgetSchema,
+          enum: [
+            { label: '修改成功后立即生效', value: 1 },
+            { label: 'CRM流程审核通过后生效', value: 2 }
+          ],
+        },
+      },
+      required: ['channelId', 'remark', 'effectiveNode'],
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 180,
+        grid: { span: 18 },
+        width: 600,
+      }
+    };
+  }
+  get reqParams() {
+    return {};
+  }
+  close(): void {
+    this.modal.close(true)
+  }
+  save() {
+    const params = {
+      ...this.sf.value
+    }
+    this.service.request(this.service.$api_batchUpdateEnterpricePartner, params).subscribe(res => {
+      if(res) {
+        this.service.msgSrv.success('修改成功')
+      } else {
+        this.service.msgSrv.error(res.msg)
+      }
+    })
+  }
+}
diff --git a/src/app/routes/usercenter/components/freight/list/editSale/editSale.component.html b/src/app/routes/usercenter/components/freight/list/editSale/editSale.component.html
new file mode 100644
index 00000000..5e45b66a
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/editSale/editSale.component.html
@@ -0,0 +1,8 @@
+<sf #sf [schema]="schema" [ui]="ui" [button]="'none'" [formData]="detailData"></sf>
+<div class="info">
+  修改渠道销售：客户修改渠道销售后，会跟原合伙人解绑，成为新渠道销售的直客。同时系统会同步发起CRM《客户转移》流程。
+</div>
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">关闭</button>
+  <button nz-button type="button" nzType="primary" (click)="save()" [disabled]="!sf?.valid">确定</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/list/editSale/editSale.component.less b/src/app/routes/usercenter/components/freight/list/editSale/editSale.component.less
new file mode 100644
index 00000000..0a08567b
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/editSale/editSale.component.less
@@ -0,0 +1,7 @@
+  .info{
+    width: 80%;
+    margin:0 auto;
+    color: #333;
+    font-size: 12px;
+    line-height: 24px;;
+  }
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/list/editSale/editSale.component.spec.ts b/src/app/routes/usercenter/components/freight/list/editSale/editSale.component.spec.ts
new file mode 100644
index 00000000..1661b321
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/editSale/editSale.component.spec.ts
@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { EditSaleComponentsAddComponent } from './editSale.component';
+
+describe('EditSaleComponentsAddComponent', () => {
+  let component: EditSaleComponentsAddComponent;
+  let fixture: ComponentFixture<EditSaleComponentsAddComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ EditSaleComponentsAddComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(EditSaleComponentsAddComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/usercenter/components/freight/list/editSale/editSale.component.ts b/src/app/routes/usercenter/components/freight/list/editSale/editSale.component.ts
new file mode 100644
index 00000000..d1bab1b8
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/editSale/editSale.component.ts
@@ -0,0 +1,130 @@
+import { ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { SFComponent, SFRadioWidgetSchema, SFSchema, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { EAEnvironmentService } from '@shared';
+import differenceInCalendarDays from 'date-fns/differenceInCalendarDays';
+import format from 'date-fns/format';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzUploadFile } from 'ng-zorro-antd/upload';
+import { Observable, Observer, of } from 'rxjs';
+import { apiConf } from '@conf/api.conf';
+import { UsermanageService } from 'src/app/routes/usercenter/services/usercenter.service';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+
+@Component({
+  selector: 'app-ad-components-Sale',
+  templateUrl: './editSale.component.html',
+  styleUrls: ['./editSale.component.less']
+})
+export class EditSaleComponentsAddComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  record: any = {};
+  i: any;
+  schema: SFSchema = {};
+  detailData: any = {}
+  ui: SFUISchema = {};
+
+  constructor(
+    public msgSrv: NzMessageService,
+    public http: _HttpClient,
+    private route: ActivatedRoute,
+    private router: Router,
+    public service: UsermanageService,
+    private envSrv: EAEnvironmentService,
+    private modal: NzModalRef,
+    
+  ) { }
+
+
+  ngOnInit(): void {
+    this.initDetailData()
+    this.initSF();
+  }
+  initDetailData() {
+    const params = {
+      id: this.i.id
+    }
+    this.service.request(this.service.$api_partnerChannelUpdateDetaiList, params).subscribe(res => {
+      if(res) {
+        this.detailData = res
+      } else {
+        this.service.msgSrv.error(res.msg)
+      }
+    })
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        channelId: {
+          type: 'string',
+          title: '渠道销售修改为',
+          ui: {
+            widget: 'radio',
+            showRequired: true,
+          } as SFRadioWidgetSchema,
+          enum: [
+            { label: '全部可见', value: 1 },
+            { label: '合伙人可见', value: 2 },
+            { label: '销售渠道可见', value: 3 },
+          ],
+        },
+        remark: {
+          type: 'string',
+          title: '备注',
+          ui: {
+            widget: 'textarea',
+            placeholder: '请不要超过50个字',
+            maxLength: 50,
+            autosize: { minRows: 2, maxRows: 6 },
+          },
+        },
+        effectiveNode: {
+          type: 'string',
+          title: '生效节点',
+          ui: {
+            widget: 'radio',
+            showRequired: true,
+          } as SFRadioWidgetSchema,
+          enum: [
+            { label: '修改成功后立即生效', value: 1 },
+            { label: 'CRM流程审核通过后生效', value: 2 }
+          ],
+        },
+      },
+      required: ['channelId', 'remark', 'effectiveNode'],
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 180,
+        grid: { span: 18 },
+        width: 600,
+      }
+    };
+  }
+  get reqParams() {
+    return {};
+  }
+  save() {
+    this.service.nzModalService.create({
+      nzTitle: '确定提交吗？',
+      nzClosable: false,
+      nzOnOk: () => {
+        const params = {
+          ...this.sf.value
+        }
+        this.service.request(this.service.$api_batchUpdateEnterpriceChannel, params).subscribe(res => {
+          if(res) {
+            this.service.msgSrv.success('修改成功')
+          } else {
+            this.service.msgSrv.error(res.msg)
+          }
+        })
+      }
+    });
+  }
+
+  close(): void {
+    this.modal.close(true)
+  }
+}
diff --git a/src/app/routes/usercenter/components/freight/list/list.component.html b/src/app/routes/usercenter/components/freight/list/list.component.html
new file mode 100644
index 00000000..a6d0ea7c
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/list.component.html
@@ -0,0 +1,75 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-12 10:52:50
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-11 15:08:47
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\usercenter\\components\\freight\\list\\list.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<!-- 页头 -->
+<page-header-wrapper [title]="'企业列表'"></page-header-wrapper>
+<nz-card>
+  <!-- 搜索区 -->
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]="_$expand ? 24 : 16" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+      <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzXl]="_$expand ? 24 : 8" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right"
+      [class.expend-options]="_$expand">
+      <button nz-button nzType="primary" (click)="creat()" acl
+        [acl-ability]="['USERCENTER-FREIGHT-LIST-save']">新增企业</button>
+      <button nz-button nzType="primary" [nzLoading]="loadingList" (click)="st?.load(1)" acl
+        [acl-ability]="['USERCENTER-FREIGHT-LIST-list']">查询</button>
+      <button nz-button nzType="primary" [disabled]="loadingList" (click)="exportList()" acl
+        [acl-ability]="['USERCENTER-FREIGHT-LIST-export']">导出</button>
+      <button nz-button (click)="resetSF()" [disabled]="loadingList">重置</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+<nz-card>
+  <!-- 数据列表 -->
+  <!-- [data]="service.$api_get_supplier_page" -->
+
+  <st #st [columns]="columns" [data]='service.$api_get_freight_list' [req]="{  process: beforeReq }"
+    [res]="{  process: dataProcess }" [scroll]="{ x: '1200px' }" [page]=" {}" [loading]="loadingList">
+    <ng-template st-row="enterpriseName" let-item let-index="index">
+      <label>{{ item.enterpriseName }}</label><br>
+      <ng-container *ngIf="item.score!==null; else billEvaluateelseTemplate">
+        <nz-rate [ngModel]="item.score" nzDisabled></nz-rate>
+      </ng-container>
+      <ng-template #billEvaluateelseTemplate>
+        <p>暂无评价</p>
+      </ng-template>
+    </ng-template>
+    <ng-template st-row="unifiedSocialCreditCode" let-item let-index="index">
+      <label [ngStyle]="{'color': item.isExpired?'#ff4d4f':''}">{{ item.unifiedSocialCreditCode }}</label><br>
+      <ng-container *ngIf="item.isExpired">
+        <nz-tag nzColor="#ff4d4f">已过期</nz-tag>
+      </ng-container>
+    </ng-template>
+    <ng-template st-row="contacter" let-item let-index="index">
+      {{ item.contacter }}<br>/{{item.mobile}}
+    </ng-template>
+    <ng-template st-row="promotersTelephone" let-item let-index="index">
+      <a acl [acl-ability]="['USERCENTER-FREIGHT-LIST-salesman']" (click)="addPromoter(item)">{{ item.promotersTelephone
+        || '添加' }}</a>
+    </ng-template>
+  </st>
+</nz-card>
+
+<ng-template #promoterModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="80">
+      <se [col]="1" label="手机号">
+        <input nz-input [(ngModel)]="promotersTelephone" maxlength="11" required />
+      </se>
+    </div>
+  </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/list/list.component.less b/src/app/routes/usercenter/components/freight/list/list.component.less
new file mode 100644
index 00000000..07d74cbd
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/list.component.less
@@ -0,0 +1,19 @@
+:host{
+    ::ng-deep{
+        .btnBox {
+            st-td{
+                // display: flex;
+                // align-items: center;
+                st-td>span{
+                    display: inline-block;
+                    width: 95px;
+                    text-align: center;
+                    margin: 0 10px;
+                }
+            }
+            .st__btn-text span{
+                white-space: nowrap;
+            }
+        }
+    }
+}
diff --git a/src/app/routes/usercenter/components/freight/list/list.component.ts b/src/app/routes/usercenter/components/freight/list/list.component.ts
new file mode 100644
index 00000000..4df4f161
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/list.component.ts
@@ -0,0 +1,541 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STChange, STColumn, STColumnBadge, STComponent, STData, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { DynamicSettingModalComponent, ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { AccountDetailComponent } from 'src/app/shared/components/account-detail/account-detail.component';
+import { UsermanageService } from '../../../services/usercenter.service';
+import { EditPartnerComponentsAddComponent } from './editPartner/editPartner.component';
+import { EditSaleComponentsAddComponent } from './editSale/editSale.component';
+import { ShowServiceComponent } from './showService/showservice.component';
+@Component({
+  selector: 'app-Freight-components-list',
+  templateUrl: './list.component.html',
+  styleUrls: ['../../../../commom/less/expend-but.less']
+})
+export class FreightComponentsListComponent implements OnInit {
+  _$expand = false;
+  ui!: SFUISchema;
+  schema!: SFSchema;
+  columns!: STColumn[];
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+
+  @ViewChild('promoterModal', { static: false })
+  promoterModal!: any;
+  promotersTelephone = '';
+
+  loadingList = true;
+  constructor(
+    public service: UsermanageService,
+    private modal: NzModalService,
+    private router: Router,
+    private ar: ActivatedRoute,
+    public shipperservice: ShipperBaseService
+  ) {}
+
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+    this.ar.url.subscribe(params => {
+      this.st?.load(1);
+    });
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, { listSource: 1 });
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+      if (this.sf.value.createTime) {
+        Object.assign(requestOptions.body, {
+          createTime: {
+            start: this.sf.value.createTime[0],
+            end: this.sf.value.createTime[1]
+          }
+        });
+      }
+      if (this.sf.value.approvalTime) {
+        Object.assign(requestOptions.body, {
+          approvalTime: {
+            start: this.sf.value.approvalTime[0],
+            end: this.sf.value.approvalTime[1]
+          }
+        });
+      }
+    }
+    this.loadingList = true;
+    return requestOptions;
+  };
+
+  dataProcess = (data: STData[]): STData[] => {
+    this.loadingList = false;
+    return data;
+  };
+
+  settingAction(item?: any) {
+    this.modal.create({
+      nzTitle: '基础设置',
+      nzContent: DynamicSettingModalComponent,
+      nzWidth: 900,
+      nzComponentParams: {
+        extendType: '2',
+        businessId: item.id
+      },
+      nzFooter: null
+    });
+  }
+
+  showAccountDetail(item: any) {
+    this.modal.create({
+      nzTitle: '资金账户',
+      nzContent: AccountDetailComponent,
+      nzNoAnimation: true,
+      nzWidth: 600,
+      nzComponentParams: {
+        isCanCreate: true,
+        url: '/api/fcc/accountBalance/getShipperAccountDetailByOperator',
+        params: {
+          accountType: 1,
+          roleId: item.id,
+          ctfId: item.unifiedSocialCreditCode,
+          clientName: item.enterpriseName,
+          projectId: item.mainProjectId,
+          ltdId: item.networkTransporter
+        }
+      },
+      nzFooter: null
+    });
+  }
+  showService(record: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '分配客服人员',
+      nzContent: ShowServiceComponent,
+      nzWidth: 600,
+      nzComponentParams: {
+        i: record
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((res: any) => {
+      if (res) {
+        this.st.load(1);
+      }
+    });
+  }
+  editPartner(record: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '修改合伙人',
+      nzContent: EditPartnerComponentsAddComponent,
+      nzWidth: 800,
+      nzComponentParams: {
+        i: record
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((res: any) => {
+      if (res) {
+        this.st.load(1);
+      }
+    });
+  }
+  editSale(record: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '修改渠道销售',
+      nzContent: EditSaleComponentsAddComponent,
+      nzWidth: 800,
+      nzComponentParams: {
+        i: record
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((res: any) => {
+      if (res) {
+        this.st.load(1);
+      }
+    });
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        enterpriseName: {
+          title: '企业名称',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            showRequired: false
+          }
+        },
+        contactName: {
+          title: '管理员',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            showRequired: false
+          }
+        },
+        enterpriseType: {
+          type: 'string',
+          title: '企业类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '物流企业', value: 1 },
+            { label: '货运代理', value: 2 },
+            { label: '生产型企业', value: 3 },
+            { label: '贸易类企业', value: 4 },
+            { label: '科技型企业', value: 5 },
+            { label: '化学化工企业', value: 6 },
+            { label: '其他', value: 7 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select'
+          }
+        },
+        enterpriseAddressCode: {
+          type: 'string',
+          title: '公司所在地',
+          enum: [{ label: '全部', value: '' }],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        oftenUsedServices: {
+          type: 'string',
+          title: '常用服务',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '整车发货', value: 10 },
+            { label: '大宗发货', value: 20 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        customerType: {
+          type: 'string',
+          title: '客户类型',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '直客', value: 1 },
+            { label: '渠道客户', value: 20 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        promotersTelephone: {
+          title: '业务员',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            showRequired: false,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        partnerNamee: {
+          title: '合伙人',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            showRequired: false,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        customerServiceId: {
+          title: '客服人员',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            showRequired: false,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        approvalUserName: {
+          title: '审核人',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            showRequired: false,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        createTime: {
+          title: '申请时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd HH:mm:ss',
+            nzShowTime: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        approvalTime: {
+          title: '审核时间',
+          type: 'string',
+          ui: {
+            widget: 'sl-from-to-search',
+            format: 'yyyy-MM-dd HH:mm:ss',
+            nzShowTime: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        lockedStatus: {
+          type: 'string',
+          title: '企业状态',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '正常', value: 0 },
+            { label: '冻结', value: 1 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        source: {
+          type: 'string',
+          title: '注册渠道',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '货主注册', value: 1 },
+            { label: '平台添加', value: 2 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        isExpired: {
+          type: 'string',
+          title: '证件是否过期',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '是', value: true },
+            { label: '否', value: false }
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        networkTransporter: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder(),
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        }
+      }
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { lg: 8, md: 12, sm: 12, xs: 24 }, enter: () => this.st.load() } };
+  }
+
+  initST() {
+    this.columns = [
+      // { title: '', type: 'checkbox', className: 'text-center' },
+      { title: '企业名称', render: 'enterpriseName', width: 350 },
+      { title: '统一社会信用代码', className: 'text-center', render: 'unifiedSocialCreditCode', width: 200 },
+      {
+        title: '公司所在地',
+        className: 'text-center',
+        index: 'province',
+        width: 200,
+        format: item => `${item.provinceName}${item.cityName}${item.areaName}`
+      },
+      {
+        title: '企业类型',
+        className: 'text-center',
+        index: 'enterpriseType',
+        width: 200,
+        type: 'enum',
+        enum: { 1: '物流企业', 2: '货运代理', 3: '生产型企业', 4: '贸易类企业', 5: '科技型企业', 6: '化学化工企业', 7: '其他' }
+      },
+      { title: '管理员', className: 'text-center', render: 'contacter', width: 150 },
+      {
+        title: '常用服务',
+        className: 'text-center',
+        index: 'oftenUsedServices',
+        type: 'enum',
+        enum: { 10: '整车发货', 20: '大宗发货' },
+        width: 140
+      },
+      { title: '业务员', className: 'text-center', render: 'promotersTelephone', width: 150 },
+      { title: '合伙人', className: 'text-center', render: 'partnerName', width: 150 },
+      { title: '客服人员', className: 'text-center', render: 'customerServiceId', width: 150 },
+      { title: '网络货运人', className: 'text-center', index: 'netTranName', width: 180 },
+      {
+        title: '注册渠道',
+        className: 'text-center',
+        index: 'source',
+        type: 'enum',
+        enum: { 1: '货主注册', 2: '平台添加', 3: '运营添加' },
+        width: 130
+      },
+      { title: '申请时间', className: 'text-center', index: 'createTime', width: 180, type: 'date' },
+      { title: '审核时间', className: 'text-center', index: 'approvalTime', width: 180, type: 'date' },
+      { title: '审核人', className: 'text-center', index: 'approvalUserName', width: 130 },
+      {
+        title: '保险认证状态',
+        className: 'text-center',
+        index: 'insuranceAuthState',
+        type: 'badge',
+        badge: {
+          10: { text: '成功', color: 'success' },
+          20: { text: '失败', color: 'error' }
+        },
+        width: 130
+      },
+      {
+        title: '企业状态',
+        className: 'text-center',
+        index: 'lockedStatus',
+        type: 'badge',
+        badge: {
+          0: { text: '正常', color: 'success' },
+          1: { text: '冻结', color: 'error' }
+        },
+        width: 130
+      },
+      {
+        title: '操作',
+        width: '200px',
+        className: 'text-center block-td',
+        fixed: 'right',
+        buttons: [
+          {
+            text: '查看',
+            acl: { ability: ['USERCENTER-FREIGHT-LIST-view'] },
+            click: item => {
+              this.router.navigate(['./detail', item.id], { relativeTo: this.ar });
+              // this.router.navigate(['./view', item.id], { relativeTo: this.ar, queryParams: { tenantId: item.tenantId } });
+            }
+          },
+          // {
+          //   acl: { ability: ['USERCENTER-FREIGHT-LIST-basicSetting'] },
+          //   text: '基础设置',
+          //   click: item => this.settingAction(item)
+          // },
+          {
+            acl: { ability: ['USERCENTER-FREIGHT-LIST-balance'] },
+            text: '资金账户',
+            click: item => this.showAccountDetail(item)
+          },
+          {
+            text: '分配客服人员',
+            click: item => this.showService(item)
+          },
+          {
+            text: '修改合伙人',
+            click: item => this.editPartner(item)
+          },
+          {
+            text: '修改渠道销售',
+            click: item => this.editSale(item)
+          }
+        ]
+      }
+    ];
+  }
+  daoyun(item: any) {
+    this.router.navigate(['./view', item.tenantId], { relativeTo: this.ar });
+  }
+
+  addPromoter(item?: any) {
+    this.promotersTelephone = item?.promotersTelephone;
+    const modal = this.modal.create({
+      nzTitle: '推广业务员',
+      nzContent: this.promoterModal,
+      nzOnOk: () => {
+        if (!!!this.promotersTelephone) {
+          return false;
+        }
+        if (typeof this.promotersTelephone === 'string' && !/(^1\d{10}$)/.test(this.promotersTelephone)) {
+          this.service.msgSrv.error('手机格式错误');
+          return false;
+        }
+        this.service.request(this.service.$api_add_salesman, { ids: [item.id], salesmanMobile: this.promotersTelephone }).subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success(item?.promotersTelephone ? '添加推广员成功' : '修改推广员成功');
+          }
+          this.st.load();
+        });
+        return;
+      }
+    });
+  }
+
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+  creat() {
+    this.router.navigate(['./new'], { relativeTo: this.ar });
+  }
+
+  exportList() {
+    const params = { listSource: 1, pageSize: -1 };
+    if (this.sf) {
+      Object.assign(params, {
+        ...this.sf.value
+      });
+    }
+    this.service.downloadFile(this.service.$api_export_enterprise, params);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+    this.st.reload();
+  }
+}
diff --git a/src/app/routes/usercenter/components/freight/list/new/new.component.html b/src/app/routes/usercenter/components/freight/list/new/new.component.html
new file mode 100644
index 00000000..ccc6cf71
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/new/new.component.html
@@ -0,0 +1,95 @@
+<page-header-wrapper [title]="'新增企业'"></page-header-wrapper>
+<nz-card>
+  <sf #sf1 [ui]="ui" [schema]="schema1" [button]="'none'">
+    <ng-template sf-template="title1" let-me let-ui="ui" let-schema="schema">
+      <div class="form-title">企业基本信息</div>
+    </ng-template>
+    <ng-template sf-template="tips" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        请上传营业执照原件的高清照片，若上传复印件，则需加盖公司印章；
+        <div>上传后系统会自动识别并填写</div>
+      </div>
+    </ng-template>
+    <ng-template sf-template="unit" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">万元</div>
+    </ng-template>
+
+    <ng-template sf-template="legalPersonIdentityDTO/title2" let-me let-ui="ui" let-schema="schema">
+      <div class="form-title" style="margin-top: 40px;margin-left: -180px;">营业执照法人信息</div>
+    </ng-template>
+    <ng-template sf-template="legalPersonIdentityDTO/tipsC" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        <div>请上传身份证原件的高清照片，若上传复印件，则需申请人签字；</div>
+        <div>上传后系统会自动识别并填写</div>
+      </div>
+    </ng-template>
+    <ng-template sf-template="legalPersonIdentityDTO/tipsA" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        <dl class="tips">
+          <dt>正面照（人像面）</dt>
+          <dd>示例</dd>
+        </dl>
+        <div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-front.png" /></div>
+      </div>
+    </ng-template>
+    <ng-template sf-template="legalPersonIdentityDTO/tipsB" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        <dl class="tips">
+          <dt>背面照（国徽面）</dt>
+          <dd>示例</dd>
+        </dl>
+        <div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-back.png" /></div>
+      </div>
+    </ng-template>
+  </sf>
+
+  <sf #sf [ui]="ui" [schema]="schema" [button]="'none'">
+    <ng-template sf-template="title1" let-me let-ui="ui" let-schema="schema">
+      <div class="form-title">企业开票信息</div>
+    </ng-template>
+    <ng-template sf-template="title99" let-me let-ui="ui" let-schema="schema">
+      <div class="form-title">企业管理员信息</div>
+    </ng-template>
+
+    <ng-template sf-template="tipsD" let-me let-ui="ui" let-schema="schema">
+      <div class="pr" style="z-index: 999;">
+        <div>请上传该企业授权您成为本系统企业管理员的文件的高清照片，需加盖公司印章</div>
+        <div>上传后系统会自动识别并填写</div>
+        <div></div>
+        <div class="pa"><img height="112px" style="margin-top: 12px;z-index: 9999;"
+            (click)="service.showImg('./assets/images/usercenter/agree.png')"
+            src="./assets/images/usercenter/agree.png" /></div>
+      </div>
+    </ng-template>
+    <ng-template sf-template="tips" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        <div>请上传身份证原件的高清照片，若上传复印件，则需申请人签字；</div>
+        <div>上传后系统会自动识别并填写</div>
+      </div>
+    </ng-template>
+    <ng-template sf-template="tipsA" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        <dl class="tips">
+          <dt>正面照（人像面）</dt>
+          <dd>示例</dd>
+        </dl>
+        <div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-front.png" /></div>
+      </div>
+    </ng-template>
+    <ng-template sf-template="tipsB" let-me let-ui="ui" let-schema="schema">
+      <div class="pr">
+        <dl class="tips">
+          <dt>背面照（国徽面）</dt>
+          <dd>示例</dd>
+        </dl>
+        <div class="pa"><img width="190" src="./assets/images/usercenter/certificate-demo-back.png" /></div>
+      </div>
+    </ng-template>
+  </sf>
+
+  <div style="padding-left: 379px">
+    <button nz-button type="button" nzType="primary" (click)="submitForm()"
+      [nzLoading]="service.http.loading">确认新增</button>
+    <button nz-button (click)="goBack()">返回</button>
+  </div>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/list/new/new.component.less b/src/app/routes/usercenter/components/freight/list/new/new.component.less
new file mode 100644
index 00000000..78a0db6d
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/new/new.component.less
@@ -0,0 +1,68 @@
+:host {
+  ::ng-deep {
+    nz-card {
+
+      .pr {
+        position: relative;
+      }
+
+      .pa {
+        position: absolute;
+        top     : 50px;
+        left    : 150px;
+      }
+
+      .tips {
+        display      : flex;
+        margin-bottom: 0;
+        color        : #333;
+
+        dt {
+          width: 150px;
+        }
+
+        dd {
+          width        : 190px;
+          margin-bottom: 0;
+          text-align   : center;
+        }
+      }
+
+      .form-title {
+        margin-bottom: 10px;
+        padding-left : 8px;
+        color        : #333;
+        font-weight  : 700;
+        font-size    : 18px;
+        line-height  : 20px;
+        border-left  : solid 3px #1890ff;
+      }
+
+    }
+
+    .ant-form-item {
+      margin-left: 180px;
+    }
+
+    nz-date-picker,
+    nz-input-number {
+      width: 100% !important;
+    }
+
+    .input-back {
+      nz-form-item {
+        margin-left: 0px;
+
+        .ant-form-item-label {
+          flex: 0 !important;
+        }
+
+        .ant-form-item-control {
+          max-width  : 100% !important;
+          margin-left: 20px !important;
+        }
+      }
+    }
+
+  }
+}
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/list/new/new.component.ts b/src/app/routes/usercenter/components/freight/list/new/new.component.ts
new file mode 100644
index 00000000..59359454
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/new/new.component.ts
@@ -0,0 +1,745 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { apiConf } from '@conf/api.conf';
+import {
+  SFCascaderWidgetSchema,
+  SFCheckboxWidgetSchema,
+  SFComponent,
+  SFDateWidgetSchema,
+  SFSchema,
+  SFTextareaWidgetSchema,
+  SFUISchema,
+  SFUploadWidgetSchema
+} from '@delon/form';
+import { NzUploadFile } from 'ng-zorro-antd/upload';
+import { of } from 'rxjs';
+import { UsermanageService } from 'src/app/routes/usercenter/services/usercenter.service';
+
+const IMAGECONFIG = {
+  previewFile: (file: NzUploadFile) => of(file.url),
+  action: apiConf.waterFileUpload,
+  fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+  fileSize: 5120,
+  limit: 1,
+  limitFileCount: 1,
+  resReName: 'data.fullFileWatermarkPath',
+  urlReName: 'data.fullFileWatermarkPath',
+  widget: 'upload',
+  name: 'multipartFile',
+  multiple: false,
+  listType: 'picture-card'
+} as SFUploadWidgetSchema;
+
+const DATECONFIG = {
+  grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+  widget: 'date',
+  format: 'yyyy-MM-dd',
+  placeholder: '请选择'
+};
+
+@Component({
+  selector: 'app-account-components-freight-new',
+  templateUrl: './new.component.html',
+  styleUrls: ['./new.component.less']
+})
+export class FreightComponentsListNewComponent implements OnInit {
+  @ViewChild('sf', { static: false })
+  sf!: SFComponent;
+  @ViewChild('sf1', { static: false })
+  sf1!: SFComponent;
+  schema: SFSchema = this.initOthersSF();
+  schema1: SFSchema = this.initBasicInfoSF();
+  ui: SFUISchema = {
+    '*': {
+      spanLabelFixed: 180,
+      grid: { span: 24 }
+    },
+    $title1: {
+      spanLabelFixed: 0
+    },
+    $title99: {
+      spanLabelFixed: 0
+    },
+    $title2: {
+      spanLabelFixed: 0
+    },
+    $registrationCapital: {
+      spanLabelFixed: 180,
+      grid: { xxl: 13, xl: 18, lg: 22, md: 22 }
+    },
+    $unit: {
+      grid: { xxl: 6, xl: 6, lg: 2, md: 2 }
+    },
+    $isLoingDate: {
+      spanLabelFixed: 100,
+      grid: { xxl: 6, xl: 6, lg: 4, md: 6 }
+    }
+  };
+
+  constructor(private router: Router, public service: UsermanageService) {}
+  ngOnInit() {}
+
+  submitForm() {
+    if (!this.sf1.valid || !this.sf.valid) {
+      this.sf.validator({ emitError: true });
+      this.sf1.validator({ emitError: true });
+      this.service.msgSrv.warning('请修改填写错误信息');
+      return;
+    }
+    const enterpriseRegistrationTime = new Date(this.sf1.value.enterpriseRegistrationTime);
+    const operatingStartTime = new Date(this.sf1.value.operatingStartTime);
+    if (enterpriseRegistrationTime.getTime() > operatingStartTime.getTime()) {
+      this.service.msgSrv.warning('营业期限不能小于成立日期');
+      return;
+    }
+    if (this.sf1.value.operatingEndTime) {
+      const operatingEndTime = new Date(this.sf1.value.operatingEndTime);
+      if (operatingStartTime.getTime() > operatingEndTime.getTime()) {
+        this.service.msgSrv.warning('营业期限不能小于期限开始日期');
+        return;
+      }
+    }
+    const validStartTime = new Date(this.sf1.value.legalPersonIdentityDTO.validStartTime);
+    if (this.sf1.value.legalPersonIdentityDTO.validEndTime) {
+      const validEndTime = new Date(this.sf1.value.legalPersonIdentityDTO.validEndTime);
+      if (validStartTime.getTime() > validEndTime.getTime()) {
+        this.service.msgSrv.warning('法人证件有效截止日期小于开始日期');
+        return;
+      }
+    }
+    const sfVlaue = this.sf.value;
+    const params = {};
+    Object.assign(
+      params,
+      { ...this.sf1.value },
+      { ...this.sf.value },
+      {
+        enterpriseAddressCode: this.sf1.value.enterpriseAddressCode[2],
+        oftenUsedServices: sfVlaue.oftenUsedServices,
+        registerAddress: sfVlaue.registerAddress,
+        registerPhone: sfVlaue.registerPhone,
+        creditPhoto: sfVlaue.creditPhoto,
+        creditPhotoWatermark: sfVlaue.creditPhotoWatermark,
+        promotersTelephone: sfVlaue.promotersTelephone,
+        networkTransporter: sfVlaue.networkTransporter,
+        adminUserInfo: {
+          certificateNumber: sfVlaue.certificateNumber,
+          certificatePhotoBack: sfVlaue.certificatePhotoBack,
+          certificatePhotoBackWatermark: sfVlaue.certificatePhotoBackWatermark,
+          certificatePhotoFront: sfVlaue.certificatePhotoFront,
+          certificatePhotoFrontWatermark: sfVlaue.certificatePhotoFrontWatermark,
+          name: sfVlaue.name
+        }
+      }
+    );
+    this.service.request(this.service.$api_save_enterprise_admin, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('企业新增成功');
+        this.goBack();
+      }
+    });
+  }
+
+  /*
+   * 根据地区code查询地区列表
+   */
+  getRegionDetailByCode(regionCode: any) {
+    return this.service.request(this.service.$api_get_region_by_code, { regionCode });
+  }
+
+  // 识别身份证 参数isFront：front-正面、back-背面；type：0-申请人身份证，1-法定代表人身份证
+  checkIdCard(imgurl: any, isFront: string, type: number) {
+    const params = {
+      idCardUrl: imgurl,
+      side: isFront
+    };
+    this.service.request(this.service.$api_ocr_recognize_id_card, params).subscribe(res => {
+      if (res) {
+        if (type === 1) {
+          // 法定代表人证件照
+          if (isFront === 'front') {
+            // 正面
+            if (res.name) {
+              this.sf1.setValue('/legalPersonIdentityDTO/name', res.name);
+            }
+            if (res.number) {
+              this.sf1.setValue('/legalPersonIdentityDTO/certificateType', 0);
+              this.sf1.setValue('/legalPersonIdentityDTO/certificateNumber', res.number);
+            }
+          }
+          if (isFront === 'back') {
+            // 背面
+            if (res.validFrom) {
+              this.sf1.setValue('/legalPersonIdentityDTO/validStartTime', res.validFrom);
+            }
+            if (res.validTo) {
+              this.sf1.setValue('/legalPersonIdentityDTO/validEndTime', res.validTo);
+              this.sf1.setValue('/legalPersonIdentityDTO/isLoingDate', false);
+            } else {
+              this.sf1.setValue('/legalPersonIdentityDTO/isLoingDate', true);
+            }
+          }
+        }
+        // 企业管理员证件照
+        if (type === 0) {
+          if (isFront === 'front') {
+            // 正面
+            if (res.name) {
+              this.sf.setValue('/name', res.name);
+            }
+            if (res.number) {
+              this.sf.setValue('/certificateNumber', res.number);
+            }
+          }
+        }
+      }
+    });
+  }
+
+  // 识别营业执照
+  checkBusinessLicense(imgurl: any) {
+    this.service.request(this.service.$api_ocr_recognize_business_license, { businessLicenseUrl: imgurl }).subscribe(res => {
+      if (res) {
+        if (res.registrationNumber) {
+          this.sf1.setValue('/unifiedSocialCreditCode', res.registrationNumber);
+        }
+        if (res.name) {
+          this.sf1.setValue('/enterpriseName', res.name);
+        }
+        // if (res.type) {
+        //   this.sf1.setValue('/enterpriseType', res.type);
+        // }
+        if (res.addressRegionCodes) {
+          this.sf1.setValue('/enterpriseAddressCode', res.addressRegionCodes);
+        }
+        if (res.address) {
+          this.sf1.setValue('/enterpriseAddress', res.address);
+        }
+        if (res.registeredCapital) {
+          this.sf1.setValue('/registrationCapital', res.registeredCapital);
+        }
+        if (res.foundDate) {
+          this.sf1.setValue('/enterpriseRegistrationTime', res.foundDate);
+        }
+        if (res.businessTermStartDate) {
+          this.sf1.setValue('/operatingStartTime', res.businessTermStartDate);
+        }
+        if (res.businessTermEndDate) {
+          this.sf1.setValue('/operatingEndTime', res.businessTermEndDate);
+        } else {
+          this.sf1.setValue('/isLoingDate', true);
+        }
+        if (res.businessScope) {
+          this.sf1.setValue('/businessScope', res.businessScope);
+        }
+      }
+    });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+
+  private initBasicInfoSF(): SFSchema {
+    return {
+      properties: {
+        title1: { title: '', type: 'string', ui: { widget: 'custom' } },
+        tips: { title: '', type: 'string', ui: { widget: 'custom', offsetControl: 6 } },
+        licensePhoto: { title: '', type: 'string', ui: { hidden: true } },
+        licensePhotoWatermark: {
+          type: 'string',
+          title: '营业执照',
+          ui: {
+            ...IMAGECONFIG,
+            descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+            change: args => {
+              if (args.type === 'success') {
+                this.sf1.setValue('/licensePhoto', args.fileList[0].response.data.fullFilePath);
+                this.checkBusinessLicense(args.fileList[0].response.data.fullFilePath);
+              }
+            }
+          } as SFUploadWidgetSchema
+        },
+        unifiedSocialCreditCode: {
+          title: '统一社会信用代码',
+          type: 'string',
+          minLength: 1,
+          maxLength: 30,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            optionalHelp:
+              '为了企业用户的使用体验，若公司代码即统一社会信用代码已在本应用其他关联平台注册，则此处填写的公司资料将同步更新至对应已注册的平台',
+            placeholder: '请输入营业执照上的统一社会信用代码',
+            errors: {
+              required: '请输入18位公司代码'
+            }
+          }
+        },
+        enterpriseName: {
+          title: '公司名称',
+          type: 'string',
+          minLength: 1,
+          maxLength: 100,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请输入公司名称',
+            errors: {
+              required: '请输入公司名称'
+            }
+          }
+        },
+        enterpriseType: {
+          title: '公司类型',
+          type: 'string',
+          enum: [
+            { label: '物流企业', value: 1 },
+            { label: '货运代理', value: 2 },
+            { label: '生产型企业', value: 3 },
+            { label: '贸易类企业', value: 4 },
+            { label: '科技型企业', value: 5 },
+            { label: '化学化工企业', value: 6 },
+            { label: '其他', value: 7 }
+          ],
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            widget: 'select',
+            placeholder: '请选择公司类型',
+            errors: {
+              required: '请选择公司类型'
+            }
+          }
+        },
+        enterpriseAddressCode: {
+          type: 'number',
+          title: '营业执照所在地',
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            widget: 'cascader',
+            valueProperty: 'regionCode',
+            labelProperty: 'name',
+            asyncData: (node: any, index: any) => {
+              return new Promise(resolve => {
+                this.getRegionDetailByCode(node?.regionCode || '').subscribe(
+                  res => {
+                    node.children = res.map((item: any) => ({ ...item, isLeaf: index === 1 }));
+                  },
+                  _ => {},
+                  () => {
+                    resolve();
+                  }
+                );
+              });
+            }
+          } as SFCascaderWidgetSchema
+        },
+        enterpriseAddress: {
+          title: '营业执照详细地址',
+          type: 'string',
+          minLength: 1,
+          maxLength: 240,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            widget: 'textarea',
+            autosize: { minRows: 2, maxRows: 5 },
+            placeholder: '请输入营业执照上的完整详细地址',
+            errors: {
+              required: '请输入营业执照上的完整详细地址'
+            }
+          } as SFTextareaWidgetSchema
+        },
+        registrationCapital: {
+          title: '注册资本',
+          type: 'number',
+          minimum: 1,
+          maximum: 99999999999999999999,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 22, md: 22 },
+            placeholder: '请输入营业执照上的注册资本',
+            errors: {
+              required: '请输入营业执照上的注册资本'
+            },
+            precision: 0
+          }
+        },
+        enterpriseRegistrationTime: {
+          title: '成立日期',
+          type: 'string',
+          ui: {
+            ...DATECONFIG,
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            errors: {
+              required: '请选择开始日期'
+            }
+          } as SFDateWidgetSchema
+        },
+        blank1: {
+          type: 'string',
+          ui: { widget: 'text', grid: { xxl: 11, xl: 6, md: 0, sm: 0 }, class: 'input-back' },
+          default: ' '
+        },
+        operatingStartTime: {
+          title: '营业期限',
+          type: 'string',
+          ui: {
+            ...DATECONFIG,
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            errors: {
+              required: '请选择开始日期'
+            }
+          } as SFDateWidgetSchema
+        },
+        operatingEndTime: {
+          title: '',
+          type: 'string',
+          ui: {
+            ...DATECONFIG,
+            grid: { xxl: 13, xl: 18, lg: 20, md: 18 },
+            errors: {
+              required: '请选择截止日期'
+            },
+            change: i => {
+              this.sf1?.setValue('/isLoingDate', false);
+              setTimeout(() => {
+                console.log(this.sf1.value);
+              }, 1000);
+            }
+          } as SFDateWidgetSchema
+        },
+        isLoingDate: {
+          title: '长期',
+          type: 'boolean',
+          ui: {
+            class: 'input-back',
+            widget: 'checkbox',
+            change: i => this.sf1?.setValue('/operatingEndTime', null)
+          } as SFCheckboxWidgetSchema
+        },
+        businessScope: {
+          title: '经营范围',
+          type: 'string',
+          minLength: 1,
+          maxLength: 500,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            widget: 'textarea',
+            autosize: { minRows: 3, maxRows: 5 },
+            placeholder: '请输入营业执照上的营经营范围',
+            errors: {
+              required: '请输入营业执照上的营经营范围'
+            }
+          } as SFTextareaWidgetSchema
+        },
+        taxAuthority: {
+          title: '税务机关',
+          type: 'string',
+          minLength: 1,
+          maxLength: 30,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请输入营业执照上的税务机关',
+            errors: {
+              required: '请输入营业执照上的税务机关'
+            }
+          }
+        },
+
+        legalPersonIdentityDTO: {
+          type: 'object',
+          properties: {
+            title2: { title: '', type: 'string', ui: { widget: 'custom' } },
+            tipsC: { title: '法定代表人证件照', type: 'string', ui: { widget: 'custom' } },
+            tipsA: { title: '', type: 'string', ui: { widget: 'custom', offsetControl: 6 } },
+            certificatePhotoFrontWatermark: {
+              type: 'string',
+              title: '',
+              ui: {
+                ...IMAGECONFIG,
+                descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+                change: args => {
+                  if (args.type === 'success') {
+                    this.sf1.setValue('/legalPersonIdentityDTO/certificatePhotoFront', args.fileList[0].response.data.fullFilePath);
+                    this.checkIdCard(args.fileList[0].response.data.fullFilePath, 'front', 1);
+                  }
+                }
+              } as SFUploadWidgetSchema
+            },
+            tipsB: { title: '', type: 'string', ui: { widget: 'custom', offsetControl: 6 } },
+            certificatePhotoFront: { title: '', type: 'string', ui: { hidden: true } },
+            certificatePhotoBack: { title: '', type: 'string', ui: { hidden: true } },
+            certificatePhotoBackWatermark: {
+              type: 'string',
+              title: '',
+              ui: {
+                ...IMAGECONFIG,
+                descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+                change: args => {
+                  if (args.type === 'success') {
+                    this.sf1.setValue('/legalPersonIdentityDTO/certificatePhotoBack', args.fileList[0].response.data.fullFilePath);
+                    this.checkIdCard(args.fileList[0].response.data.fullFilePath, 'back', 1);
+                  }
+                }
+              } as SFUploadWidgetSchema
+            },
+            name: {
+              title: '法人姓名',
+              type: 'string',
+              maxLength: 8,
+              ui: {
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                placeholder: '请输入法人姓名'
+              }
+            },
+            certificateType: {
+              type: 'string',
+              title: '法人证件类型',
+              enum: [
+                { label: '大陆身份证', value: 0 },
+                { label: '港澳居民通行证', value: 1 },
+                { label: '香港居民通行证', value: 2 }
+              ],
+              default: 0,
+              ui: {
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                widget: 'select'
+              }
+            },
+            certificateNumber: {
+              title: ' 法定代表人证件号',
+              type: 'string',
+              format: 'id-card',
+              minLength: 1,
+              maxLength: 18,
+              ui: {
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                placeholder: '请输入法定代表人证件号'
+              }
+            },
+            validStartTime: {
+              title: '法人证件有效开始日期',
+              type: 'string',
+              ui: {
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                widget: 'date',
+                format: 'yyyy-MM-dd',
+                placeholder: '请选择',
+                errors: {
+                  required: '请选择开始日期'
+                }
+              } as SFDateWidgetSchema
+            },
+            validEndTime: {
+              title: '法人证件有效截止日期',
+              type: 'string',
+              ui: {
+                grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+                widget: 'date',
+                format: 'yyyy-MM-dd',
+                placeholder: '请选择',
+                errors: {
+                  required: '请选择截止日期'
+                },
+                change: i => {
+                  this.sf1?.setValue('/legalPersonIdentityDTO/isLoingDate', false);
+                }
+              } as SFDateWidgetSchema
+            },
+            isLoingDate: {
+              title: '长期',
+              type: 'boolean',
+              ui: {
+                spanLabelFixed: 100,
+                grid: { span: 6 },
+                class: 'input-back',
+                widget: 'checkbox',
+                change: i => this.sf1?.setValue('/legalPersonIdentityDTO/validEndTime', null)
+              } as SFCheckboxWidgetSchema
+            }
+          },
+          required: ['certificatePhotoFront', 'certificatePhotoBack', 'name', 'certificateType', 'certificateNumber', 'validStartTime']
+        }
+      },
+      required: [
+        'licensePhotoWatermark',
+        'unifiedSocialCreditCode',
+        'enterpriseName',
+        'enterpriseType',
+        'enterpriseAddressCode',
+        'enterpriseAddress',
+        'registrationCapital',
+        'enterpriseRegistrationTime',
+        'operatingStartTime',
+        'businessScope'
+      ]
+    };
+  }
+
+  private initOthersSF(): SFSchema {
+    return {
+      properties: {
+        title1: { title: '', type: 'string', ui: { widget: 'custom' } },
+        createBank: {
+          title: '开户银行',
+          type: 'string',
+          ui: { grid: { xxl: 13, xl: 18, lg: 24, md: 24 }, placeholder: '请输入银行账号' }
+        },
+        bankAccount: {
+          title: '银行账号',
+          type: 'string',
+          ui: { grid: { xxl: 13, xl: 18, lg: 24, md: 24 }, placeholder: '请输入银行账号' }
+        },
+        registerAddress: {
+          title: ' 注册地址',
+          type: 'string',
+          ui: { grid: { xxl: 13, xl: 18, lg: 24, md: 24 }, placeholder: '请输入注册地址' }
+        },
+        registerPhone: {
+          title: ' 注册电话',
+          type: 'string',
+          format: 'mobile',
+          minLength: 1,
+          maxLength: 11,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请输入注册电话',
+            errors: { required: '请输入注册电话', format: '手机号格式错误' }
+          }
+        },
+
+        title99: { title: '', type: 'string', ui: { widget: 'custom' } },
+        tipsA: {
+          title: '企业管理员证件照',
+          type: 'string',
+          ui: {
+            widget: 'custom'
+          }
+        },
+        certificatePhotoFront: { title: '', type: 'string', ui: { hidden: true } },
+        certificatePhotoBack: { title: '', type: 'string', ui: { hidden: true } },
+        certificatePhotoFrontWatermark: {
+          type: 'string',
+          title: '',
+          ui: {
+            ...IMAGECONFIG,
+            descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+            change: args => {
+              if (args.type === 'success') {
+                this.sf.setValue('/certificatePhotoFront', args.fileList[0].response.data.fullFilePath);
+                this.checkIdCard(args.fileList[0].response.data.fullFilePath, 'front', 0);
+              }
+            }
+          } as SFUploadWidgetSchema
+        },
+        tipsB: {
+          title: '',
+          type: 'string',
+          ui: {
+            widget: 'custom',
+            offsetControl: 6
+          }
+        },
+        certificatePhotoBackWatermark: {
+          type: 'string',
+          title: '',
+          ui: {
+            ...IMAGECONFIG,
+            descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+            change: args => {
+              if (args.type === 'success') {
+                this.sf.setValue('/certificatePhotoBack', args.fileList[0].response.data.fullFilePath);
+              }
+            }
+          } as SFUploadWidgetSchema
+        },
+        name: {
+          title: '企业管理员姓名',
+          type: 'string',
+          maxLength: 8,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请输入企业管理员姓名'
+          }
+        },
+        adminMobile: {
+          title: ' 企业管理员手机号',
+          type: 'string',
+          minLength: 1,
+          format: 'mobile',
+          maxLength: 11,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请输入企业管理员手机号',
+            errors: { required: '请输入企业管理员手机号', format: '手机号格式错误' }
+          }
+        },
+        certificateNumber: {
+          title: '企业管理员身份证号',
+          type: 'string',
+          format: 'id-card',
+          minLength: 1,
+          maxLength: 18,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请输入企业管理员身份证号'
+          }
+        },
+        tipsD: { title: '企业授权函', type: 'string', ui: { widget: 'custom' }, default: 1 },
+        creditPhoto: { title: '', type: 'string', ui: { hidden: true } },
+        creditPhotoWatermark: {
+          type: 'string',
+          title: '',
+          ui: {
+            ...IMAGECONFIG,
+            descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+            change: args => {
+              if (args.type === 'success') {
+                this.sf.setValue('/creditPhoto', args.fileList[0].response.data.fullFilePath);
+              }
+            }
+          } as SFUploadWidgetSchema
+        },
+        oftenUsedServices: {
+          type: 'string',
+          title: '常用服务',
+          enum: [
+            { label: '整车发货', value: 10 },
+            { label: '大宗发货', value: 20 }
+          ],
+          default: '',
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        promotersTelephone: {
+          title: '邀请码',
+          type: 'string',
+          minLength: 1,
+          format: 'mobile',
+          maxLength: 11,
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            placeholder: '请输入邀请码',
+            errors: { required: '请输入邀请码', format: '手机号格式错误' }
+          }
+        },
+        networkTransporter: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            grid: { xxl: 13, xl: 18, lg: 24, md: 24 },
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            asyncData: () => this.service.getNetworkFreightForwarder()
+          },
+          default: ''
+        }
+      },
+      required: ['createBank', 'bankAccount', 'adminMobile', 'name', 'certificateNumber', 'tipsD', 'creditPhoto', 'networkTransporter']
+    };
+  }
+}
diff --git a/src/app/routes/usercenter/components/freight/list/showService/showService.component.html b/src/app/routes/usercenter/components/freight/list/showService/showService.component.html
new file mode 100644
index 00000000..82ea63f2
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/showService/showService.component.html
@@ -0,0 +1,5 @@
+<sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+<div class="modal-footer">
+    <button nz-button type="button" (click)="close()">关闭</button>
+    <button nz-button type="button" nzType="primary" (click)="submitForm()" [disabled]="!sf?.valid">确定</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/list/showService/showService.component.less b/src/app/routes/usercenter/components/freight/list/showService/showService.component.less
new file mode 100644
index 00000000..6b46d577
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/showService/showService.component.less
@@ -0,0 +1,129 @@
+.sfBox {
+    position: relative;
+    .example {
+        position: absolute;
+        top: 215px;
+        right: 265px;
+        color: #1890ff;
+        cursor: pointer;
+        .popBox {
+            position: absolute;
+            top: -170px;
+            left: -125px;
+            width: 300px;
+            padding: 20px;
+            text-align: center;
+            background: #fff;
+            border: solid 1px #eee;
+            border-radius: 6px;
+            box-shadow: 0 1px 5px 1px #ececec;
+            &::before {
+                position: absolute;
+                bottom: -5px;
+                left: 50%;
+                width: 10px;
+                height: 10px;
+                margin-left: -5px;
+                background: #fff;
+                box-shadow: 0 1px 5px 1px #ececec;
+                transform: rotate(45deg);
+                content: '';
+            }
+            &::after {
+                position: absolute;
+                bottom: 0;
+                left: 0;
+                z-index: 10;
+                width: 100%;
+                height: 10px;
+                background: #fff;
+                content: '';
+            }
+            img {
+                max-width: 100%;
+                max-height: 200px;
+            }
+        }
+    }
+    .positionSet{
+        top: 356px;
+        right: 235px;
+    }
+    .positionSet01{
+        top: 500px;
+        right: 200px;
+    }
+    .positionSet02{
+        top: 664px;
+        right: 265px;
+    }
+    .positionSet03{
+        top: 808px;
+        right: 205px;
+    
+    }
+}
+.exaA{
+    position: absolute;
+    top: 0;
+    left: 300px
+}
+.pr {
+    position: relative;
+}
+
+.pa {
+    position: absolute;
+    top: 35px;
+    left: 150px;
+}
+
+.tips {
+    display: flex;
+    margin-bottom: 0;
+    color: #333;
+
+    dt {
+        width: 150px;
+    }
+
+    dd {
+        width: 190px;
+        margin-bottom: 0;
+        text-align: center;
+    }
+}
+.drivercard{
+    position: absolute;
+    top: 0;
+    left: 330px;
+    border: solid 1px #ebf0fb;
+}
+.jopcard{
+    position: absolute;
+    top: 1356px;
+    left: 330px;
+    border: solid 1px #ebf0fb;
+}
+.agreement{
+    position: absolute;
+    top: 425px;
+    left: 330px;
+    border: solid 1px #ebf0fb;
+}
+:host{
+    ::ng-deep {
+    .ant-input-borderless{
+        padding: 0;
+        padding-top: 4px;
+        color: black;
+        resize:none;
+      }
+    }
+  }
+.serviceBox{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 350px;
+}
\ No newline at end of file
diff --git a/src/app/routes/demo/components/zorro-demo/edit/edit.component.spec.ts b/src/app/routes/usercenter/components/freight/list/showService/showservice.component.spec.ts
similarity index 55%
rename from src/app/routes/demo/components/zorro-demo/edit/edit.component.spec.ts
rename to src/app/routes/usercenter/components/freight/list/showService/showservice.component.spec.ts
index 5fa67a8b..8be64dc5 100644
--- a/src/app/routes/demo/components/zorro-demo/edit/edit.component.spec.ts
+++ b/src/app/routes/usercenter/components/freight/list/showService/showservice.component.spec.ts
@@ -1,19 +1,19 @@
 import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
-import { DemoEditComponent } from './edit.component';
+import { CarCarauthComponent } from './carauth.component';
 
-describe('DemoEditComponent', () => {
-  let component: DemoEditComponent;
-  let fixture: ComponentFixture<DemoEditComponent>;
+describe('CarCarauthComponent', () => {
+  let component: CarCarauthComponent;
+  let fixture: ComponentFixture<CarCarauthComponent>;
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      declarations: [ DemoEditComponent ]
+      declarations: [ CarCarauthComponent ]
     })
     .compileComponents();
   }));
 
   beforeEach(() => {
-    fixture = TestBed.createComponent(DemoEditComponent);
+    fixture = TestBed.createComponent(CarCarauthComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
diff --git a/src/app/routes/usercenter/components/freight/list/showService/showservice.component.ts b/src/app/routes/usercenter/components/freight/list/showService/showservice.component.ts
new file mode 100644
index 00000000..ce6e942a
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/showService/showservice.component.ts
@@ -0,0 +1,93 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { apiConf } from '@conf/api.conf';
+import { cacheConf } from '@conf/cache.conf';
+import { SFUISchema, SFSchema, SFUploadWidgetSchema, SFComponent, SFSelectWidgetSchema, SFSchemaEnum } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { EACacheService, EAEnvironmentService } from '@shared';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { NzUploadFile } from 'ng-zorro-antd/upload';
+import { Observable, Observer, of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { UsermanageService } from 'src/app/routes/usercenter/services/usercenter.service';
+
+@Component({
+  selector: 'app-car-showService',
+  templateUrl: './showService.component.html',
+  styleUrls: ['./showService.component.less']
+})
+export class ShowServiceComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  appUserId = ''
+  record: any = {};
+  i: any;
+  ui!: SFUISchema;
+  schema!: SFSchema;
+
+  constructor(
+    private modal: NzModalRef,
+    public service: UsermanageService,
+  ) { }
+
+  ngOnInit(): void {
+    this.initSF()
+  }
+
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        customerServiceId: {
+          title: '客服人员',
+          type: 'string',
+          ui: {
+            widget: 'select',
+            asyncData: () => {
+              const params = {
+               // enterpriseId: 1,
+	              // enterpriseProjectId: this.i.mainProjectId,
+              }
+              return this.service.request(this.service.$api_getStaffList, params).pipe(
+                map((res: any) => {
+                  return res.map((i: any) => {
+                    let name = i.name ? `${i.name} / ` : '';
+                    return { label:  `${name}${i.telephone}`, value: i.appUserId };
+                  });
+                }),
+              );
+              // serverSearch: true,
+              // searchDebounceTime: 300,
+              // searchLoadingText: '搜索中...',
+              // onSearch: (q: any) => {
+              //   if (!!q) {
+              //     return this.service
+              //       .request(this.service.$api_getStaffList, {
+              //         nameOrPhone: q
+              //       })
+              //       .pipe(map((res: any) => (res?.records as any[]).map(i => ({ name: i.name, value: i.appUserId } as SFSchemaEnum))))
+              //       .toPromise();
+              //   } else {
+              //     return of([]);
+              //   }
+            },
+          } as SFSelectWidgetSchema
+        }
+      },
+      required: ['customerServiceId']
+    };
+  }
+  close(): void {
+    this.modal.close(true)
+  }
+  submitForm() {
+    const params: any = {
+      ...this.sf.value,
+      enterpriseIdList: [this.i.id]
+    };
+    this.service.request(this.service.$api_distributionCusService, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('分配成功')
+        this.modal.close(true)
+      }
+    })
+  }
+}
diff --git a/src/app/routes/usercenter/components/freight/list/view/view.component.html b/src/app/routes/usercenter/components/freight/list/view/view.component.html
new file mode 100644
index 00000000..96d0bc91
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/view/view.component.html
@@ -0,0 +1,49 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-11-29 15:22:34
+ * @LastEditTime: 2021-11-29 17:07:37
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\usercenter\components\freight\list\view\view.component.html
+-->
+<ng-container >
+  <!-- 页头 -->
+  <page-header-wrapper [logo]="logo" [content]="content">
+    <ng-template #logo>
+      <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+        <i nz-icon nzType="left" nzTheme="outline"></i>
+      </button>
+    </ng-template>
+    <ng-template #content>
+      <div class="user-info">
+        <img [src]="detailData?.shoppFeignVO?.logoUrl" />
+        <div style="flex: 1">
+         <div style="display: flex;">
+          <p style="padding-right: 80px; width: 400px;">深圳市xxxx科技有限公司{{ detailData?.shoppFeignVO?.publicity }}</p>
+          <nz-badge nzStatus="success" nzText="正常" *ngIf="detailData?.status === 0"></nz-badge>
+          <nz-badge nzStatus="error" nzText="冻结" *ngIf="detailData?.status === 1"></nz-badge>
+          <nz-badge nzStatus="warning" nzText="废弃" *ngIf="detailData?.status === 2"></nz-badge>
+         </div>
+         <div style="display: flex;">
+          <p style="padding-right: 80px; width: 400px;">4545456655645{{ detailData?.shoppFeignVO?.introduction }}</p>
+          <p >认证时间：2021-09-02 12.53.32</p>
+         </div>
+         <div>
+          服务评级：<nz-rate [ngModel]="2" nzDisabled></nz-rate>
+         </div>
+        
+        </div>
+      </div>
+    </ng-template>
+  </page-header-wrapper>
+  <nz-card>
+    <h1 style="font-weight: 700; font-size: 16px; margin-left: '15%';">道路运输经营许可证</h1>
+    <sf #sf [compact]="false" [ui]="ui" [schema]="schema" [button]="'none'" [formData]="detailData?.effectiveDate"></sf>
+    <div style="display: flex; justify-content: center; align-items: center;">
+      <button nz-button nzType="default" (click)="handleCancel('suppliersType')">取消</button>
+      <button nz-button nzType="primary" (click)="handleOK('suppliersType')" [disabled]="!sf.valid">确认</button>
+    </div>
+  </nz-card>
+</ng-container>
+
+
diff --git a/src/app/routes/usercenter/components/freight/list/view/view.component.less b/src/app/routes/usercenter/components/freight/list/view/view.component.less
new file mode 100644
index 00000000..48f605d9
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/view/view.component.less
@@ -0,0 +1,46 @@
+@import '~@delon/theme/index';
+:host {
+  ::ng-deep {
+    .ant-steps-dot {
+      .ant-steps-item-content {
+        width: 200px;
+      }
+      .ant-steps-item-icon {
+        margin-left: 96px;
+      }
+      .ant-steps-item-tail::after {
+        margin-left: 40px;
+      }
+    }
+    .success {
+      color: @success-color;
+    }
+
+    .warning {
+      color: @warning-color;
+    }
+
+    .error {
+      color: @error-color;
+    }
+  }
+  .mt16 {
+    margin-top: 16px;
+  }
+  .user-info {
+    display: flex;
+    font-size: 16px;
+    .enterprise-name {
+      margin-right: 15px;
+    }
+    img {
+      width: 64px;
+      height: 64px;
+      margin-right: 15px;
+      border-radius: 50%;
+    }
+    .user-info-des {
+      margin-bottom: 5px;
+    }
+  }
+}
diff --git a/src/app/routes/usercenter/components/freight/list/view/view.component.spec.ts b/src/app/routes/usercenter/components/freight/list/view/view.component.spec.ts
new file mode 100644
index 00000000..6e2a7782
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/view/view.component.spec.ts
@@ -0,0 +1,23 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { FreightComponentsListViewComponent } from './view.component';
+
+describe('FreightComponentsListViewComponent', () => {
+  let component: FreightComponentsListViewComponent;
+  let fixture: ComponentFixture<FreightComponentsListViewComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [FreightComponentsListViewComponent],
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FreightComponentsListViewComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/usercenter/components/freight/list/view/view.component.ts b/src/app/routes/usercenter/components/freight/list/view/view.component.ts
new file mode 100644
index 00000000..0874ddda
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/list/view/view.component.ts
@@ -0,0 +1,257 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { UsermanageService } from '../../../../services/usercenter.service';
+import { SFComponent, SFSchema, SFDateWidgetSchema, SFUISchema, SFUploadWidgetSchema } from '@delon/form';
+import { Observable, Observer } from 'rxjs';
+@Component({
+  selector: 'app-Freight-components-list-view',
+  templateUrl: './view.component.html',
+  styleUrls: ['./view.component.less'],
+})
+export class FreightComponentsListViewComponent implements OnInit {
+  i: any;
+  url = `/rule?_allow_anonymous=true`;
+
+  @ViewChild('st', { static: false }) st!: STComponent;
+  detailData: any = {
+    status: 0
+  };
+  isShow = false;
+  isVisible = false;
+  modalTitle = '有效期';
+  modalName = '';
+  ui!: SFUISchema;
+  schema!: SFSchema;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  @ViewChild('sf1', { static: false }) sf1!: SFComponent;
+  validData: any = ['FreightsType'];
+  FreightsData: any = {};
+
+  constructor(
+    private http: _HttpClient,
+    private modal: ModalHelper,
+    public service: UsermanageService,
+    private route: ActivatedRoute,
+    private modalHelper: ModalHelper,
+    private msgSrv: NzMessageService,
+  ) {}
+
+  ngOnInit() {
+    console.log(this.route.snapshot);
+    this.initData();
+    this.initSF();
+    // this.launchSign();
+  }
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+      name: {
+        title: '许可证号',
+        type: 'string',
+        maxLength: 20,
+        ui: {
+          placeholder: '请输入角色名称',
+        },
+      },
+      phone: {
+        title: '业户名称',
+        type: 'string',
+        maxLength: 20,
+        ui: {
+          placeholder: '请输入业户名称',
+        },
+      },
+      roleDescription: {
+        title: '地址',
+        type: 'string',
+        maxLength: 30,
+        ui: {
+          placeholder: '请输入地址',
+          widget: 'textarea',
+        },
+      },
+      effectiveDate: {
+          title: '发证日期',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            format: 'yyyy-MM-dd 00:00:00',
+            // hidden: this.modalName === 'effectiveDate' ? false : true,
+          } as SFDateWidgetSchema,
+      },
+      phone3: {
+        title: '有效期',
+        type: 'string',
+        ui: {
+          placeholder: '请输入业户名称',
+        },
+      }, 
+      phone4: {
+        title: '有效期截止',
+        type: 'string',
+        ui: {
+          placeholder: '请输入业户名称',
+        },
+      }, 
+      phone5: {
+        title: '经营范围',
+        type: 'string',
+        ui: {
+          placeholder: '请输入业户名称',
+        },
+      }, 
+      avatar: {
+        type: 'string',
+        title: '证照',
+        ui: {
+          // action: environment.UPLOAD_URL,
+          fileType: 'image/png,image/jpeg,image/jpg,image/png,image/gif,image/bmp',
+          limit: 1,
+          limitFileCount: 1,
+          resReName: 'url',
+          urlReName: 'url',
+          widget: 'upload',
+          descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+          data: {
+            // appId: environment.appId,
+          },
+          name: 'multipartFile',
+          multiple: false,
+          listType: 'picture-card',
+          change: (args) => {
+            if (args.type === 'success') {
+              const avatar = [
+                {
+                  uid: -1,
+                  name: 'LOGO',
+                  status: 'done',
+                  url: args.fileList[0].response.url,
+                  response: {
+                    url: args.fileList[0].response.url,
+                  },
+                },
+              ];
+              this.sf?.setValue('/avatar', avatar);
+            }
+          },
+          beforeUpload: (file: any, _fileList) => {
+            return new Observable((observer: Observer<boolean>) => {
+              const isLt2M = file.size / 1024 / 1024 < 5;
+              if (!isLt2M) {
+                this.service.msgSrv.warning('图片大小超过5M!');
+                observer.complete();
+                return;
+              }
+              observer.next(isLt2M);
+              observer.complete();
+            });
+          },
+        } as SFUploadWidgetSchema,
+      },
+      },
+      required: ['name', 'phone'],
+    };
+    this.ui = { '*': { spanLabelFixed: 200, grid: {offset:4, span: 12 } } };
+  }
+  showModal(name: any) {
+    this.modalName = name;
+    if (name === 'effectiveDate') {
+      this.isShow = true;
+    } else {
+      this.isVisible = true;
+    }
+  }
+  async initData() {
+    console.log(this.route.snapshot, 'this.route.snapshot');
+
+    const params = {
+      tenantId: this.route.snapshot.params.id,
+    };
+  }
+
+  /**
+   * 根据地区code查询地区详情
+   * @param code 地区代码
+   */
+  async getRegionFullName(code: any) {
+    const params = {
+      regionCode: code,
+    };
+    const res = await this.service.asyncRequest(this.service.$api_get_one, params, 'POST', true);
+    // if (res && res.regionFullName) {
+    //   const arr = res.regionFullName.split(',');
+    //   res.regionFullName = arr.reverse().join('-');
+    // }
+    return res && res.regionFullName;
+  }
+  add() {
+    // this.modal
+    //   .createStatic(FormEditComponent, { i: { id: 0 } })
+    //   .subscribe(() => this.st.reload());
+  }
+  goBack() {
+    window.history.go(-1);
+  }
+  /**
+   * 冻结
+   */
+  freezeOrResume(type: number) {
+    this.service.http
+      .post(this.service.$api_get_one, {
+        tenantId: this.route.snapshot.params.id,
+        // tenantId: this.route.snapshot.queryParams.tenantId,
+        status: type,
+      })
+      .subscribe((res) => {
+        if (res.data === true) {
+          if (type === 0) {
+            this.service.msgSrv.success(`启用成功！`);
+          } else if (type === 1) {
+            this.service.msgSrv.success(`冻结成功！`);
+          }
+          this.ngOnInit();
+        } else {
+          this.service.msgSrv.error(res.msg || '操作失败！');
+        }
+      });
+  }
+
+  handleCancel(name: any) {
+    if (name === 'effectiveDate') {
+      this.isShow = false;
+    } else {
+      this.isVisible = false;
+    }
+  }
+  handleOK(name: any) {
+    const params: any = {
+      tenantId: this.route.snapshot.params.id,
+      // tenantId: this.route.snapshot.queryParams.tenantId,
+    };
+
+    if (name === 'effectiveDate') {
+      params.effectiveDate = this.sf?.value?.effectiveDate;
+    } else {
+      Object.assign(params, this.sf1?.value);
+    }
+    this.service.http.post(this.service.$api_get_one, params).subscribe((res) => {
+      if (res.data === true) {
+        this.service.msgSrv.success(`编辑成功！`);
+        this.ngOnInit();
+      } else {
+        this.service.msgSrv.error(res.msg || '编辑失败！');
+      }
+      if (name === 'effectiveDate') {
+        this.isShow = false;
+      } else {
+        this.isVisible = false;
+      }
+    });
+  }
+}
diff --git a/src/app/routes/usercenter/components/freight/user/detail/detail.component.html b/src/app/routes/usercenter/components/freight/user/detail/detail.component.html
new file mode 100644
index 00000000..24fb0a61
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/user/detail/detail.component.html
@@ -0,0 +1,146 @@
+<ng-container>
+  <!-- 页头 -->
+  <page-header-wrapper [title]="'员工详情'" [logo]="logo" [content]="content">
+    <ng-template #logo>
+      <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+        <i nz-icon nzType="left" nzTheme="outline"></i>
+      </button>
+    </ng-template>
+    <ng-template #content>
+      <nz-skeleton [nzLoading]="service.http.loading">
+        <div class="user-info" nz-row>
+          <div nz-col nzSpan="24" class="d-flex">
+            <img [src]="userDetail?.avatar" />
+            <div style="flex: 1;">
+              <div nz-row>
+                <div nz-col [nzLg]="12" [nzSm]="24" [nzXs]="24">
+                  <p style="margin-bottom: 0;">{{ userDetail?.name }}
+                    <nz-badge nzStatus="success" nzText="正常" *ngIf="!userDetail?.stateLocked" class="ml-sm"></nz-badge>
+                    <nz-badge nzStatus="error" nzText="冻结" *ngIf="userDetail?.stateLocked" class="ml-sm"></nz-badge>
+                  </p>
+                </div>
+              </div>
+              <div nz-row>
+                <div nz-col [nzLg]="8" [nzSm]="24" [nzXs]="24">
+                  <p>手机号：{{ userDetail?.phone }}</p>
+                </div>
+                <div nz-col [nzLg]="8" [nzSm]="24" [nzXs]="24">
+                  申请时间：{{userDetail?.createTime}}
+                </div>
+                <div nz-col [nzXl]="8" [nzLg]="8" [nzSm]="24" [nzXs]="24" class="d-flex"
+                  style="justify-content: flex-end;padding-right: 24px;">
+                  <button *ngIf="userDetail?.stateLocked" [nzLoading]="service.http.loading" nz-button nzType="primary"
+                    nzGhost (click)="userAction(1)"  acl  [acl-ability]="['USERCENTER-FREIGHT-USER-D-lock']">
+                    启用
+                  </button>
+                  <button *ngIf="!userDetail?.stateLocked" [nzLoading]="service.http.loading" nz-button nzDanger nzGhost
+                    (click)="userAction(0)"  acl  [acl-ability]="['USERCENTER-FREIGHT-USER-D-lock']">
+                    冻结
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </nz-skeleton>
+    </ng-template>
+  </page-header-wrapper>
+
+  <nz-card [nzLoading]="service.http.loading">
+    <sv-container col="2">
+      <sv-title>个人信息
+        <label *ngIf="userIdentityDetail?.certificationStatus===1" style="color: #52c41a;"><i nz-icon
+            nzType="check-circle" nzTheme="fill" class="mr-xs"></i>审核通过
+        </label>
+        <label *ngIf="userIdentityDetail?.certificationStatus===2" style="color: #ff4d4f;"><i nz-icon
+            nzType="close-circle" nzTheme="fill" class="mr-xs"></i>驳回
+        </label>
+        <div style="float: right;">
+          <ng-container *ngIf="isEditUser; else elseTemplate">
+            <button [nzLoading]="service.http.loading" nz-button (click)="reset()">
+              取消
+            </button>
+            <button [nzLoading]="service.http.loading" nz-button nzDanger (click)="saveUser()">
+              保存
+            </button>
+          </ng-container>
+          <ng-template #elseTemplate>
+            <button nz-button nzType="default" nzDanger (click)="auditPass()"  *ngIf="userIdentityDetail.certificationStatus===0" [nzLoading]="service.http.loading" acl  [acl-ability]="['USERCENTER-FREIGHT-USER-D-audit']">审核通过</button>
+            <button nz-button nzType="default" nzDanger (click)="auditNo()"
+              *ngIf="userIdentityDetail.certificationStatus===0" [nzLoading]="service.http.loading" acl  [acl-ability]="['USERCENTER-FREIGHT-USER-D-audit']">驳回审核</button>
+            <button nz-button nzType="default" nzDanger (click)="ratify()"  acl [acl-ability]="['USERCENTER-FREIGHT-USER-D-edit']" >修改</button>
+          </ng-template>
+        </div>
+      </sv-title>
+      <sv label="姓名">
+        <input nz-input type="text" [maxlength]="32" [(ngModel)]="userIdentityDetail.name" [readonly]="!isEditUser"
+          [nzBorderless]="!isEditUser" [placeholder]="isEditUser?'':'-'">
+      </sv>
+      <sv label="身份证号码">
+        <input nz-input type="text" [minlength]="18"  [maxlength]="18" [(ngModel)]="userIdentityDetail.certificateNumber" [readonly]="!isEditUser"
+          [nzBorderless]="!isEditUser" [placeholder]="isEditUser?'':'-'">
+      </sv>
+      <sv label="身份证照">
+        <div class="d-flex">
+          <ng-container
+            *ngTemplateOutlet="uploadTemplate;context:{data:userIdentityDetail,status:isEditUser,key:'certificatePhotoFrontWatermark',key2:'certificatePhotoFront',hover:'certificateBackFront'}">
+          </ng-container>
+          <ng-container
+            *ngTemplateOutlet="uploadTemplate;context:{data:userIdentityDetail,status:isEditUser,key:'certificatePhotoBackWatermark',key2:'certificatePhotoBack',hover:'certificateBack'}">
+          </ng-container>
+        </div>
+      </sv>
+    </sv-container>
+    <nz-divider></nz-divider>
+    <sv-container col="3" class="mt16">
+      <sv-title>关联企业</sv-title>
+      <st #st [columns]="columns" [data]="service.$api_get_driver_projects" size="small"
+        [req]="{ method: 'POST', allInBody: true, params: {appUserId:route.snapshot.params.id} }"
+        [res]="{ reName: { list: 'data' } }" [page]="{ show: false }" style="width: 100%;">
+      </st>
+    </sv-container>
+
+  </nz-card>
+</ng-container>
+
+<ng-template #redectModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="120">
+      <se [col]="1" label="姓名">
+        {{ userIdentityDetail?.name }}
+      </se>
+      <se [col]="1" label="备注" required>
+        <textarea nz-input rows="3" style="width: 325px;margin-left: 14px;" [(ngModel)]="approvalOpinion"></textarea>
+      </se>
+      <se [col]="1" label="可选理由">
+        <nz-tag *ngFor="let tag of reasonTags" nzColor="default" nzMode="checkable"
+          (nzCheckedChange)="approvalOpinion=approvalOpinion+'、'+tag">
+          {{ tag }}
+        </nz-tag>
+      </se>
+    </div>
+  </div>
+</ng-template>
+
+
+<ng-template #uploadTemplate let-data="data" let-status="status" let-key="key" let-key2="key2" let-hover="hover">
+  <nz-upload class="avatar-uploader" [nzAction]="uploadURl" nzName="multipartFile" nzListType="picture-card"
+    [nzShowUploadList]="false" nzFileType="image/png,image/jpeg,image/jpg,image/gif"
+    [nzDisabled]="!status || disabledUpload" (nzChange)="changeUpload($event,data,key,key2)">
+    <ng-container *ngIf="!data[key] && status">
+      <i class="upload-icon" nz-icon [nzType]="false ? 'loading' : 'plus'"></i>
+      <div class="ant-upload-text">上传</div>
+    </ng-container>
+    <div *ngIf="data[key]" (mouseover)="data[hover]=true" (mouseleave)="data[hover]=false"
+      (click)="$event.cancelBubble=true" class="image-hover">
+      <img [src]="data[key]" style="width: 200px;height: 160px;" (click)="showImg(data[key])" />
+      <div class="mask" *ngIf="data[hover] && status"></div>
+      <div class="mask-over" *ngIf="data[hover] && status">
+        <i nz-icon nzType="close-circle" nzTheme="fill" class="delete-icon" (click)="deleteImg(data,key,key2)"></i>
+        <div style="display: flex;align-items: center;">
+          <i nz-icon nzType="eye" nzTheme="fill" class="show-icon" (click)="showImg(data[key])"></i>
+        </div>
+      </div>
+    </div>
+  </nz-upload>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/user/detail/detail.component.less b/src/app/routes/usercenter/components/freight/user/detail/detail.component.less
new file mode 100644
index 00000000..e30f5583
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/user/detail/detail.component.less
@@ -0,0 +1,25 @@
+@import '../../../../less/edit.less';
+
+:host {
+  ::ng-deep {
+    .user-info {
+      display  : flex;
+      font-size: 16px;
+
+      .enterprise-name {
+        margin-right: 15px;
+      }
+
+      img {
+        width        : 64px;
+        height       : 64px;
+        margin-right : 15px;
+        border-radius: 50%;
+      }
+
+      .user-info-des {
+        margin-bottom: 5px;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/user/detail/detail.component.ts b/src/app/routes/usercenter/components/freight/user/detail/detail.component.ts
new file mode 100644
index 00000000..67e0fe6d
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/user/detail/detail.component.ts
@@ -0,0 +1,200 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { apiConf } from '@conf/api.conf';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzImageService } from 'ng-zorro-antd/image';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ImageViewComponent } from 'src/app/shared/components/imagelist';
+import { UsermanageService } from '../../../../services/usercenter.service';
+
+@Component({
+  selector: 'app-supplier-components-list-view',
+  templateUrl: './detail.component.html',
+  styleUrls: ['./detail.component.less']
+})
+export class FreightComponentsUserDetailComponent implements OnInit {
+  @ViewChild('redectModal', { static: false })
+  redectModal!: any;
+
+  userDetail: any = {};
+  userIdentityDetail: any = {};
+  tempalateUserIdentityDetail = { ...this.userIdentityDetail };
+  @ViewChild('st', { static: false }) st!: STComponent;
+  columns: STColumn[] = [
+    { title: '企业名称', className: 'text-center', index: 'enterpriseName' },
+    { title: '项目名称', className: 'text-center', index: 'projectName' },
+    { title: '角色', className: 'text-center', index: 'roleName' }
+  ];
+
+  approvalOpinion = '';
+  reasonTags = ['身份证照片太丑', '姓名与身份证号不匹配'];
+
+  isEditUser = false;
+  uploadURl = apiConf.waterFileUpload;
+  disabledUpload = false;
+  constructor(
+    private nzModalService: NzModalService,
+    public service: UsermanageService,
+    public route: ActivatedRoute,
+    private nzImageService: NzImageService
+  ) {}
+
+  ngOnInit() {
+    this.initData();
+    // this.launchSign();
+  }
+  async initData() {
+    // 获取司机头部信息
+    this.service
+      .request(this.service.$api_get_user_detail, {
+        appUserId: this.route.snapshot.params.id
+      })
+      .subscribe(res => {
+        if (res) {
+          this.userDetail = res;
+        }
+      });
+    // 获取用户个人信息
+    this.service
+      .request(this.service.$api_get_user_identity, {
+        id: this.route.snapshot.params.id
+      })
+      .subscribe(res => {
+        if (res) {
+          this.userIdentityDetail = res;
+          this.tempalateUserIdentityDetail = { ...this.userIdentityDetail };
+        }
+      });
+  }
+
+  userAction(status: number) {
+    this.nzModalService.warning({
+      nzTitle: status === 1 ? '确定启用该用户吗？' : '确定冻结该用户吗？',
+      nzContent:
+        status === 1
+          ? '启用后，该用户将恢复正常使用功能，请再次确认'
+          : '停用后，该用户将被限制使用，不限于访问受限、无法发布货源等，请谨慎操作',
+      nzOnOk: () => {
+        this.service
+          .request(this.service.$api_lock_or_free_user, {
+            appUserId: [this.userDetail.appUserId],
+            freezeOrResume: !!!status,
+            pageName: '货主员工',
+            telephone: this.userDetail.phone
+          })
+          .subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success('操作成功');
+            }
+            this.initData();
+          });
+      }
+    });
+  }
+
+  auditPass() {
+    this.nzModalService.confirm({
+      nzTitle: '审核通过',
+      nzContent: `是否确认通过(姓名:${this.userIdentityDetail?.name})审核`,
+      nzOnOk: () => {
+        this.auditEnterprise(0);
+      }
+    });
+  }
+
+  auditNo() {
+    this.approvalOpinion = '';
+    this.nzModalService.create({
+      nzTitle: '审核驳回',
+      nzContent: this.redectModal,
+      nzOnOk: () => {
+        if (!this.approvalOpinion) {
+          return false;
+        }
+        this.auditEnterprise(1);
+        return;
+      }
+    });
+  }
+
+  private auditEnterprise(auditStatus: number) {
+    this.service
+      .request(this.service.$api_approve_identity, {
+        auditStatus: auditStatus,
+        identityId: this.userIdentityDetail.id,
+        auditType: 0,
+        certificationOpinions: this.approvalOpinion
+      })
+      .subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success(auditStatus === 0 ? '审核通过' : '驳回成功');
+        }
+        this.initData();
+      });
+  }
+
+  /**
+   * 开启修改
+   * @param type 修改类型
+   */
+  ratify() {
+    this.isEditUser = true;
+  }
+
+  /**
+   * 需求修改
+   * @param type 修改类型
+   */
+  reset() {
+    this.userIdentityDetail = { ...this.tempalateUserIdentityDetail };
+    this.isEditUser = false;
+  }
+
+  saveUser() {
+    const params = { ...this.userIdentityDetail };
+    this.service.request(this.service.$api_update_driver_identity, params).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('修改成功');
+        this.isEditUser = false;
+        this.initData();
+      }
+    });
+  }
+
+  changeUpload({ file, fileList, type }: any, data: any, key: string, key2: string) {
+    if (type === 'success') {
+      data[key] = file.response.data?.fullFileWatermarkPath;
+      data[key2] = file.response.data?.fullFilePath;
+    }
+  }
+
+  showImg(url: any) {
+    const params = {
+      imgList: [url],
+      index: 0
+    };
+    this.nzImageService.preview([{ src: url }]);
+    // this.nzModalService.create({ nzContent: ImageViewComponent, nzComponentParams: { params } });
+  }
+
+  deleteImg(data: any, key: string, key2: string) {
+    this.nzModalService.warning({
+      nzTitle: '是否确认删除该图片',
+      nzOnOk: () => {
+        this.disabledUpload = true;
+        data[key] = '';
+        data[key2] = '';
+        setTimeout(() => {
+          this.disabledUpload = false;
+        }, 100);
+      }
+    });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+}
diff --git a/src/app/routes/usercenter/components/freight/user/user.component.html b/src/app/routes/usercenter/components/freight/user/user.component.html
new file mode 100644
index 00000000..aebe3d5a
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/user/user.component.html
@@ -0,0 +1,68 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-12-13 10:47:28
+ * @LastEditTime : 2022-02-15 13:59:52
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\usercenter\\components\\freight\\user\\user.component.html
+-->
+<!-- 页头 -->
+<page-header-wrapper [title]="'员工列表'"></page-header-wrapper>
+<nz-card>
+  <!-- 搜索区 -->
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <div nz-col [nzXl]="_$expand ? 24 : 18" [nzLg]="24" [nzSm]="24" [nzXs]="24">
+      <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzXl]="_$expand ? 24 : 6" [nzLg]="24" [nzSm]="24" [nzXs]="24" class="text-right">
+      <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="st?.load(1)" acl
+        [acl-ability]="['USERCENTER-FREIGHT-USER-list']">查询</button>
+      <button nz-button nzType="primary" [disabled]="false" (click)="st?.load(1)">导出</button>
+      <button nz-button (click)="resetSF()" [disabled]="false">重置</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card class="content-box">
+  <nz-tabset [nzSelectedIndex]="1">
+    <nz-tab nzTitle="全部" (nzClick)="selectChange(null)"></nz-tab>
+    <nz-tab nzTitle="待审核" (nzClick)="selectChange(0)"></nz-tab>
+    <nz-tab nzTitle="已成功" (nzClick)="selectChange(1)"></nz-tab>
+    <nz-tab nzTitle="已驳回" (nzClick)="selectChange(2)"></nz-tab>
+  </nz-tabset>
+  <!-- 数据列表 -->
+  <!-- [data]="service.$api_get_supplier_page" -->
+
+  <st #st [columns]="columns" [data]='service.$api_get_user_list' [req]="{ process: beforeReq }"
+    [scroll]="{ x:'1200px',y: '400px' }" [page]="{  }" [loading]="service.http.loading">
+    <ng-template st-row="enterpriseName" let-item let-index="index">
+      <div nz-tooltip [nzTooltipTitle]="item.enterpriseName">
+        <div
+          style="display: inline-block; max-width: 280px; margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis">
+          {{ item.enterpriseName }}
+        </div>
+      </div>
+    </ng-template>
+    <ng-template st-row="promotersTelephone" let-item let-index="index">
+      <a (click)="addPromoter(item)" acl [acl-ability]="['USERCENTER-FREIGHT-USER-promoter']">
+        {{ item.promotersTelephone || '添加' }}
+      </a>
+    </ng-template>
+  </st>
+
+</nz-card>
+
+<ng-template #promoterModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="80">
+      <se [col]="1" label="手机号">
+        <input nz-input [(ngModel)]="promotersTelephone" maxlength="11" required />
+      </se>
+    </div>
+  </div>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/user/user.component.less b/src/app/routes/usercenter/components/freight/user/user.component.less
new file mode 100644
index 00000000..6bcd149d
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/user/user.component.less
@@ -0,0 +1,12 @@
+:host::ng-deep {
+
+    nz-range-picker {
+        width: 100%;
+    }
+
+    .content-box {
+        .ant-card-body {
+            padding-top: 6px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/usercenter/components/freight/user/user.component.ts b/src/app/routes/usercenter/components/freight/user/user.component.ts
new file mode 100644
index 00000000..73b44001
--- /dev/null
+++ b/src/app/routes/usercenter/components/freight/user/user.component.ts
@@ -0,0 +1,245 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STColumnBadge, STComponent, STData, STRequestOptions } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { UsermanageService } from '../../../services/usercenter.service';
+@Component({
+  selector: 'app-Freight-components-user',
+  styleUrls: ['./user.component.less'],
+  templateUrl: './user.component.html'
+})
+export class FreightComponentsUserComponent implements OnInit {
+  _$expand = false;
+  ui: SFUISchema = { '*': { spanLabelFixed: 120, grid: { lg: 8, md: 12, sm: 12, xs: 24 }, enter: () => this.st.load() } };
+  schema: SFSchema = this.initSF();
+  columns: STColumn[] = this.initST();
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+
+  @ViewChild('promoterModal', { static: false })
+  promoterModal!: any;
+  promotersTelephone = '';
+
+  resourceStatus: any = 0;
+
+  constructor(public service: UsermanageService, private modal: NzModalService, private router: Router, private ar: ActivatedRoute) {}
+
+  ngOnInit() {
+    this.ar.url.subscribe(params => {
+      this.st?.load(1);
+    });
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, { certificationStatus: this.resourceStatus });
+    if (this.sf) {
+      Object.assign(requestOptions.body, {
+        ...this.sf.value
+      });
+      if (this.sf?.value.effectiveDate) {
+        Object.assign(requestOptions.body, {
+          time: {
+            start: this.sf?.value.effectiveDate[0],
+            end: this.sf?.value.effectiveDate[1]
+          }
+        });
+      }
+      delete requestOptions.body.effectiveDate;
+      delete requestOptions.body.expand;
+    }
+    return requestOptions;
+  };
+
+  selectChange(e: any) {
+    this.resourceStatus = e;
+    this.st.load();
+  }
+
+  addPromoter(item?: any) {
+    this.promotersTelephone = item?.promotersTelephone;
+    const modal = this.modal.create({
+      nzTitle: '推广业务员',
+      nzContent: this.promoterModal,
+      nzOnOk: () => {
+        if (!!!this.promotersTelephone) {
+          return false;
+        }
+        if (typeof this.promotersTelephone === 'string' && !/(^1\d{10}$)/.test(this.promotersTelephone)) {
+          this.service.msgSrv.error('手机格式错误');
+          return false;
+        }
+        this.service
+          .request(this.service.$api_add_user_salesman, { userId: item.userId, mobile: this.promotersTelephone })
+          .subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success(item?.promotersTelephone ? '添加推广员成功' : '修改推广员成功');
+            }
+            this.st.load();
+          });
+        return;
+      }
+    });
+  }
+
+  userAction(status: number, appUserId: Array<number>) {
+    this.modal.warning({
+      nzTitle: status === 1 ? '确定启用该用户吗？' : '确定冻结该用户吗？',
+      nzContent:
+        status === 1
+          ? '启用后，该用户将恢复正常使用功能，请再次确认'
+          : '停用后，该用户将被限制使用，不限于访问受限、无法发布货源等，请谨慎操作',
+      nzOnOk: () => {
+        this.service
+          .request(this.service.$api_lock_or_free_user, {
+            appUserId,
+            freezeOrResume: !!!status,
+            pageName: '货主员工列表'
+          })
+          .subscribe(res => {
+            if (res) {
+              this.service.msgSrv.success(status === 1 ? '启用成功' : '冻结成功');
+              this.st.reload();
+            }
+          });
+      }
+    });
+  }
+
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+
+  private initSF(): SFSchema {
+    return {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        name: {
+          title: '用户姓名',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            showRequired: false
+          }
+        },
+        enterpriseName: {
+          title: '企业名称',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+            showRequired: false
+          }
+        },
+        telephone: {
+          title: '手机号',
+          type: 'string',
+          maxLength: 11,
+          ui: {
+            placeholder: '请输入'
+          }
+        },
+        stateLocked: {
+          type: 'string',
+          title: '状态',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '正常', value: 0 },
+            { label: '冻结', value: 1 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        promotersTelephone: {
+          title: '推广业务员',
+          type: 'string',
+          maxLength: 11,
+          ui: {
+            placeholder: '请输入手机号',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        effectiveDate: {
+          title: '申请时间',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        }
+      }
+    };
+  }
+
+  private initST(): STColumn[] {
+    return [
+      { title: '用户姓名', className: 'text-center', index: 'name' },
+      { title: '手机号', className: 'text-center', index: 'telephone' },
+      { title: '身份证件号', className: 'text-center', index: 'certificateNumber' },
+      { title: '常用服务', className: 'text-center', index: 'unifiedSocialCreditCode' },
+      { title: '推广业务员', className: 'text-center', index: 'promotersTelephone', render: 'promotersTelephone' },
+      { title: '申请时间', className: 'text-center', index: 'createTime', type: 'date' },
+      {
+        title: '状态',
+        className: 'text-center',
+        index: 'certificationStatus',
+        type: 'badge',
+        badge: {
+          0: { text: '待审核', color: 'processing' },
+          1: { text: '已成功', color: 'success' },
+          2: { text: '已驳回', color: 'warning' }
+        }
+      },
+      {
+        title: '操作',
+        width: '170px',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '查看',
+            click: (item: any) => {
+              this.router.navigate(['./view', item.appUserId], { relativeTo: this.ar });
+            },
+            acl: { ability: ['USERCENTER-FREIGHT-USER-view'] },
+          },
+          {
+            text: '冻结',
+            iif: item => item.stateLocked === 0,
+            click: (item: any) => this.userAction(0, [item.appUserId]),
+            acl: { ability: ['USERCENTER-FREIGHT-USER-lock'] },
+          },
+          {
+            text: '启用',
+            iif: item => item.stateLocked === 1,
+            click: (item: any) => this.userAction(1, [item.appUserId]),
+            acl: { ability: ['USERCENTER-FREIGHT-USER-lock'] },
+          }
+        ]
+      }
+    ];
+  }
+}
diff --git a/src/app/routes/usercenter/less/edit.less b/src/app/routes/usercenter/less/edit.less
new file mode 100644
index 00000000..22cfcaf0
--- /dev/null
+++ b/src/app/routes/usercenter/less/edit.less
@@ -0,0 +1,117 @@
+:host {
+  ::ng-deep {
+    sv-title {
+      font-weight: 700;
+    }
+
+
+    .sv__label,
+    .sv__detail {
+      line-height: 30px;
+    }
+
+    .edit-box {
+      input {
+        max-width: 250px;
+      }
+
+      nz-date-picker {
+        min-width: 250px;
+      }
+
+      .calendar {
+        min-width: 130px;
+      }
+    }
+
+    .readOnly-box {
+      input {
+        padding-left: 0;
+        color       : #000;
+        border      : 0;
+      }
+
+      nz-select-top-control {
+        padding-left: 0px !important;
+      }
+    }
+
+    .ant-select {
+      min-width: 250px;
+
+      nz-select-top-control {
+        cursor: text !important;
+        color : #000 !important;
+      }
+    }
+
+    // 图片展示工具样式改造
+    .ant-upload.ant-upload-disabled {
+      cursor: pointer;
+    }
+
+    .ant-upload.ant-upload-select-picture-card {
+      width : 200px;
+      height: 160px;
+    }
+
+    .ant-upload-picture-card-wrapper {
+      width: auto;
+    }
+  }
+}
+
+.image-hover {
+  .delete-icon {
+    border-radius   : 50%;
+    color           : #F55656;
+    font-size       : 28px;
+    position        : absolute;
+    top             : -15px;
+    right           : -15px;
+    background-color: #ffffff;
+    cursor          : pointer;
+  }
+
+  .show-icon {
+    color    : #ffffff;
+    font-size: 30px;
+    cursor   : pointer;
+  }
+}
+
+.image-hover:hover .mask {
+  opacity: 0.8;
+}
+
+.mask {
+  width              : 200px;
+  height             : 160px;
+  background-color   : #4F4F4F;
+  opacity            : 0;
+  position           : absolute;
+  // top             : 6px;
+  // left            : 12px;
+  border-radius      : 6px;
+  margin-top         : -160px;
+}
+
+.mask-over {
+  width                : 200px;
+  height               : 160px;
+  position             : absolute;
+  // top               : 6px;
+  // left           : 12px;
+  border-radius        : 6px;
+  display              : flex;
+  justify-content      : center;
+  align-items          : center;
+  margin-top           : -160px;
+
+  label {
+    font-size     : 20px;
+    line-height   : 24px;
+    letter-spacing: 0.7px;
+    color         : #FFFFFF;
+  }
+}
\ No newline at end of file
diff --git a/src/app/routes/usercenter/services/usercenter.service.ts b/src/app/routes/usercenter/services/usercenter.service.ts
new file mode 100644
index 00000000..6bd733d5
--- /dev/null
+++ b/src/app/routes/usercenter/services/usercenter.service.ts
@@ -0,0 +1,180 @@
+/*
+ * @Author: your name
+ * @Date: 2021-11-29 15:22:34
+ * @LastEditTime : 2022-02-18 11:15:16
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\usercenter\\services\\usercenter.service.ts
+ */
+import { Injectable, Injector } from '@angular/core';
+import { cacheConf } from '@conf/cache.conf';
+import { _HttpClient } from '@delon/theme';
+import { EACacheService, ShipperBaseService } from '@shared';
+import { NzImageService } from 'ng-zorro-antd/image';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ImageViewComponent } from 'src/app/shared/components/imagelist';
+@Injectable({
+  providedIn: 'root'
+})
+export class UsermanageService extends ShipperBaseService {
+  // 获取一、二、三级地区详情
+  $api_getRegionToThree = '/api/mdc/pbc/region/getRegionToThree';
+  // 查询企业列表
+  $api_get_freight_list = '/api/mdc/cuc/enterpriseInfo/operate/list/page';
+  // 导出企业列表
+  $api_export_freight_list = '/api/mdc/cuc/enterpriseInfo/operate/export';
+  // 查询企业详情
+  $api_get_freight_detail = '/api/mdc/cuc/enterpriseInfo/operate/detail';
+  // 查询车队长列表-运营后台
+  $api_get_user_expand = '/api/mdc/userDriverExpand/list/page';
+  // 添加企业业务员
+  $api_add_salesman = '/api/mdc/cuc/enterpriseInfo/operate/addSalesman';
+  // 添加货主，司机，车队长业务员
+  $api_add_user_salesman = '/api/mdc/cuc/user/addPromoter';
+  // 冻结/启用企业业
+  $api_lock_freight = '/api/mdc/cuc/enterpriseInfo/operate/lock';
+  // 企业审核
+  $api_audit_freight = '/api/mdc/cuc/enterpriseInfo/operate/audit';
+  // 查询下一个待审核的企业ID
+  $api_get_next_audit_freight = '/api/mdc/cuc/enterpriseInfo/operate/getNextWaitAuditId';
+
+  // 查询货主配置列表
+  $api_freight_config_page = '/api/mdc/cuc/enterpriseInfo/operate/list/configPage';
+  // 导出货主配置列表
+  $api_export_freight_config = '/api/mdc/cuc/enterpriseInfo/operate/exportConfig';
+  // 更新企业超级管理员权限
+  $api_update_enter_role_batch = '/api/mdc/cuc/enterpriseInfo/operate/updateRole';
+  // 批量更新企业网络货运人
+  $api_update_enter_newowork_batch = '/api/mdc/cuc/enterpriseInfo/operate/updatnNetworkTransporter';
+
+  // 货主员工列表(运营后台)
+  $api_get_user_list = '/api/mdc/cuc/userApp/getShipperUserList';
+  // 冻结或恢复员工
+  $api_lock_staff = '/api/mdc/cuc/userApp/freezeOrResumeStaff';
+  // 冻结或恢复应用用户
+  $api_lock_app_user = '/api/mdc/cuc/userApp/freezeOrResume';
+  // 冻结/启用用户
+  $api_lock_user = '/api/mdc/cuc/enterpriseInfo/operate/lock';
+
+  // 查询司机列表
+  $api_get_driver_list = '/api/mdc/cuc/driver/list/page';
+  // 根据应用用户id获取用户详情
+  $api_get_user_detail = '/api/mdc/cuc/user/getUserDetailByAppUserId';
+  // 根据应用用户ID获取身份信息表
+  $api_get_user_identity = '/api/mdc/cuc/identityInfo/getIdentityInfoByAppUserId';
+  // 司机详情查看-驾驶证
+  $api_get_driver_license = '/api/mdc/cuc/driver/getDriversLicense';
+  // 司机详情查看-从业资格证信息
+  $api_get_driver_practice_seniority = '/api/mdc/cuc/driver/getDriversPracticeSeniority';
+  // 司机详情查看-载具信息
+  $api_get_driver_car_license = '/api/mdc/cuc/carLicense/getUserCatListByUserIds';
+  // 司机详情查看-获取用户关联的企业项目角色信息
+  $api_get_driver_projects = '/api/mdc/cuc/user/getEnterpriceProjectInfo';
+
+  // 根据应用用户ID获取银行信息表
+  $api_get_user_bank_list = '/api/fcc/bankInfoOBC/list/page';
+
+  // 获取服务评级
+  $api_get_driver_billEvaluate = '/api/sdc/billEvaluate/getServiceRating';
+  // 总评分
+  $api_get_freight_billEvaluate = '/api/sdc/billEvaluate/getTotalScore';
+
+  // 修改实名认证-运营管理后台
+  $api_update_driver_identity = '/api/mdc/cuc/identityInfo/operatorAlterIdentity';
+  // 修改驾驶证信息
+  $api_update_driver_license = '/api/mdc/cuc/driver/updateDriverLicense';
+
+  // 冻结或恢复应用用户
+  $api_lock_or_free_user = '/api/mdc/cuc/userApp/freezeOrResume';
+  // 人工审核实名认证
+  $api_approve_identity = '/api/mdc/cuc/identityInfo/identityAudit';
+  // 审核驾驶证信息
+  $api_approve_driver_license = '/api/mdc/cuc/driver/auditDriverLicense';
+
+  // 查询企业管理员审核信息
+  $api_get_enterprise_admin_list = '/api/mdc/cuc/enterpriseAdmin/operate/list/page';
+  // 根据主键ID获取企业管理员审核信息
+  $api_get_enterprise_user_by_id = '/api/mdc/cuc/enterpriseAdmin/operate/get';
+  // 审核企业管理员
+  $api_audit_enterprise_admin = '/api/mdc/cuc/enterpriseAdmin/operate/audit';
+  // 保存企业信息表
+  $api_save_enterprise_admin = '/api/mdc/cuc/enterpriseInfo/operate/save';
+
+  // 根据地区code查询列表
+  $api_get_region_by_code = '/api/mdc/pbc/region/getRegionByCode';
+  // 根据地区code查询地区详情
+  $api_get_region_detail_by_code = '/api/mdc/pbc/region/getRegionDetailByCode';
+
+  // 导出企业
+  $api_export_enterprise = '/api/mdc/cuc/enterpriseInfo/operate/export';
+  // 司机列表导出
+  $api_export_driver = '/api/mdc/cuc/driver/export';
+  // 车队长导出-运营后台
+  $api_export_driver_cap = '/api/mdc/userDriverExpand/export';
+
+  // 营业执照识别
+  $api_ocr_recognize_business_license = '/api/mdc/pbc/hwc/ocr/recognizeBusinessLicense';
+  // 身份证识别
+  $api_ocr_recognize_id_card = '/api/mdc/pbc/hwc/ocr/recognizeIdCard';
+  // 获取字典
+  $api_getDictValue = '/api/mdc/pbc/dictItems/getDictValue';
+  // 获取个人刷脸结果
+  $api_getFaceFlowQuery = '/api/mdc/pbc/factorsVerify/getFaceFlowQuery';
+
+  ///////////////////
+  // 识别身份证
+  $api_checkIdCard = '/api/mdc/pbc/hwc/ocr/recognizeIdCard';
+  // 从业资格证
+  $api_recognizeQualificationCertificate = '/api/mdc/pbc/hwc/ocr/recognizeQualificationCertificate';
+  // 驾驶证识别
+  $api_recognizeDriverLicense = `/api/mdc/pbc/hwc/ocr/recognizeDriverLicense`;
+  // 根据地区code查询列表
+  $api_getRegionByCode = '/api/mdc/pbc/region/getRegionByCode';
+  // 新增熟车
+  $api_enterpriseVehicleSave = `/api/mdc/cuc/enterpriseVehicle/save`;
+
+  // 结算单-新增车队长
+  $api_saveCaptainr = '/api/mdc/cuc/enterpriseSettleDriver/saveCaptainr';
+  // 结算单-车队长详情
+  $api_captainrDetail = '/api/mdc/cuc/enterpriseSettleDriver/captainrDetail';
+  // 根据手机号码查询结算单司机
+  $api_getByMobile = '/api/mdc/cuc/identityInfo/getByMobile';
+
+  // 添加司机
+  $api_driver_add = '/api/mdc/cuc/driver/add';
+  // 添加车队长
+  $api_saveCaptainr_new = '/api/mdc/userDriverExpand/saveCaptainr';
+
+  // 查询司机配置列表
+  $api_configPage = '/api/mdc/cuc/driver/list/configPage';
+
+  // 批量修改企业渠道
+  $api_batchUpdateEnterpriceChannel = '/api/mdc/enterpriceRelLog/batchUpdateEnterpriceChannel';
+  // 批量修改企业合伙人
+  $api_batchUpdateEnterpricePartner = '/api/mdc/enterpriceRelLog/batchUpdateEnterpricePartner';
+  // 渠道销售修改详情
+  $api_partnerChannelUpdateDetaiList = '/api/mdc/enterpriceRelLog/partnerChannelUpdateDetaiList';
+  // 查询企业修改合伙人记录
+  $api_findEnterpricePartnerRelLog = '/api/mdc/enterpriceRelLog/findEnterpricePartnerRelLog';
+  // 查询企业修改渠道记录
+  $api_findEnterpriceChannelRelLog = '/api/mdc/enterpriceRelLog/findEnterpriceChannelRelLog';
+  // 查询企业合伙人渠道关系信息
+  $api_getEnterpriceRel = '/api/mdc/enterpriceRelLog/getEnterpriceRel';
+  // 员工列表
+  $api_getStaffList = '/api/mdc/cuc/userApp/getStaffList';
+  // 分配客服人员
+  $api_distributionCusService = '/api/mdc/cuc/enterpriseInfo/operate/distributionCusService';
+
+  constructor(public injector: Injector, public nzModalService: NzModalService, private nzImageService: NzImageService) {
+    super(injector);
+  }
+
+  showImg(url: any) {
+    const params = {
+      imgList: [url],
+      index: 0
+    };
+    this.nzImageService.preview([{ src: url }]);
+    // this.nzModalService.create({ nzContent: ImageViewComponent, nzComponentParams: { params } });
+  }
+}
diff --git a/src/app/routes/usercenter/usercenter-routing.module.ts b/src/app/routes/usercenter/usercenter-routing.module.ts
new file mode 100644
index 00000000..3034830b
--- /dev/null
+++ b/src/app/routes/usercenter/usercenter-routing.module.ts
@@ -0,0 +1,82 @@
+/*
+ * @Author: your name
+ * @Date: 2021-11-29 15:22:34
+ * @LastEditTime: 2021-11-30 20:36:06
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\usercenter\usercenter-routing.module.ts
+ */
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { CaptainDetailComponent } from './components/driver/captain/captain-detail/captain-detail.component';
+import { UserCenterComponentsDriverCaptainComponent } from './components/driver/captain/captain.component';
+import { UserCenterComponentsDriverDetailComponent } from './components/driver/detail/detail.component';
+import { UserCenterComponentsDriverConfigComponent } from './components/driver/driver-config/driver-config.component';
+import { UserCenterComponentsDriverComponent } from './components/driver/driver.component';
+import { FreightComponentsEnterpriseAuditComponent } from './components/freight/enterprise-audit/enterprise-audit.component';
+import { FreightConfigComponent } from './components/freight/freight-config/freight-config.component';
+import { FreightComponentsListDetailComponent } from './components/freight/list/detail/detail.component';
+
+import { FreightComponentsListComponent } from './components/freight/list/list.component';
+import { FreightComponentsListNewComponent } from './components/freight/list/new/new.component';
+import { FreightComponentsUserDetailComponent } from './components/freight/user/detail/detail.component';
+import { FreightComponentsUserComponent } from './components/freight/user/user.component';
+
+const routes: Routes = [
+  { path: 'freight/list', component: FreightComponentsListComponent, data: { guard: { ability: ['USERCENTER-FREIGHT-LIST-list'] } } },
+  //  data: { guard: { ability: ['USERCENTER-FREIGHT-LIST-list'] } }
+  // { path: 'freight/list/view/:id', component: FreightComponentsListViewComponent },
+  { path: 'freight/list/new', component: FreightComponentsListNewComponent, data: { guard: { ability: ['USERCENTER-FREIGHT-NEW-save'] } } },
+  {
+    path: 'freight/list/detail/:id',
+    component: FreightComponentsListDetailComponent,
+    data: { guard: { ability: ['USERCENTER-FREIGHT-LIST-DETAIL-view'] } }
+  },
+  {
+    path: 'freight/enterprise/detail/:id',
+    component: FreightComponentsListDetailComponent,
+    data: { guard: { ability: ['USERCENTER-FREIGHT-ENTERPRISE-view'] } }
+  },
+  {
+    path: 'freight/enterprise',
+    component: FreightComponentsEnterpriseAuditComponent,
+    data: { guard: { ability: ['USERCENTER-FREIGHT-ENTERPRISE-list', 'USERCENTER-FREIGHT-ENTERPRISE-adminList'] } }
+  },
+  {
+    path: 'freight/config',
+    component: FreightConfigComponent
+  },
+  { path: 'freight/user', component: FreightComponentsUserComponent, data: { guard: { ability: ['USERCENTER-FREIGHT-USER-list'] } } },
+  {
+    path: 'freight/user/view/:id',
+    component: FreightComponentsUserDetailComponent,
+    data: { guard: { ability: ['USERCENTER-FREIGHT-USER-D-view'] } }
+  },
+  { path: 'driver', component: UserCenterComponentsDriverComponent, data: { guard: { ability: ['USERCENTER-DRIVER-LIST-list'] } } },
+  {
+    path: 'driver/detail/:id',
+    component: UserCenterComponentsDriverDetailComponent,
+    data: { guard: { ability: ['USERCENTER-DRIVER-LIST-DETAIL-view'] } }
+  },
+  {
+    path: 'driver/captain',
+    component: UserCenterComponentsDriverCaptainComponent,
+    data: { guard: { ability: ['USERCENTER-DRIVER-CAPTAIN-list'] } }
+  },
+  {
+    path: 'driver/captain/detail/:id',
+    component: CaptainDetailComponent,
+    data: { guard: { ability: ['USERCENTER-DRIVER-CAPTAIN-DETAIL-view'] } }
+  },
+  {
+    path: 'driver/config',
+    component: UserCenterComponentsDriverConfigComponent,
+    data: { guard: { ability: ['USERCENTER-DRIVER-CAPTAIN-list'] } }
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class UsercenterRoutingModule {}
diff --git a/src/app/routes/usercenter/usercenter.module.ts b/src/app/routes/usercenter/usercenter.module.ts
new file mode 100644
index 00000000..e8f55744
--- /dev/null
+++ b/src/app/routes/usercenter/usercenter.module.ts
@@ -0,0 +1,56 @@
+/*
+ * @Author: your name
+ * @Date: 2021-11-29 15:22:34
+ * @LastEditTime: 2021-11-30 20:35:42
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\usercenter\usercenter.module.ts
+ */
+import { NgModule } from '@angular/core';
+import { DynamicSettingModule, SharedModule } from '@shared';
+import { UserCenterComponentsDriverCaptainComponent } from './components/driver/captain/captain.component';
+import { UserCenterComponentsDriverDetailComponent } from './components/driver/detail/detail.component';
+import { UserCenterComponentsDriverComponent } from './components/driver/driver.component';
+import { FreightComponentsEnterpriseAuditComponent } from './components/freight/enterprise-audit/enterprise-audit.component';
+import { FreightComponentsListDetailComponent } from './components/freight/list/detail/detail.component';
+import { FreightComponentsListComponent } from './components/freight/list/list.component';
+import { FreightComponentsListNewComponent } from './components/freight/list/new/new.component';
+import { FreightComponentsUserDetailComponent } from './components/freight/user/detail/detail.component';
+import { FreightComponentsUserComponent } from './components/freight/user/user.component';
+import { UsercenterRoutingModule } from './usercenter-routing.module';
+import { AuditAdminComponent } from './components/freight/enterprise-audit/audit-admin/audit-admin.component';
+import { CaptainDetailComponent } from './components/driver/captain/captain-detail/captain-detail.component';
+import { CarSettleAddDriverComponent } from './components/driver/add-driver/add-driver.component';
+import { CtcCaptatinAddComponent } from './components/driver/captain/add/add.component';
+import { FreightConfigComponent } from './components/freight/freight-config/freight-config.component';
+import { UserCenterComponentsDriverConfigComponent } from './components/driver/driver-config/driver-config.component';
+import { ShowServiceComponent } from './components/freight/list/showService/showservice.component';
+import { EditPartnerComponentsAddComponent } from './components/freight/list/editPartner/editPartner.component';
+import { EditSaleComponentsAddComponent } from './components/freight/list/editSale/editSale.component';
+
+const COMPONENTS = [
+  FreightComponentsListComponent,
+  // FreightComponentsListViewComponent,
+  FreightComponentsListNewComponent,
+  FreightComponentsListDetailComponent,
+  FreightComponentsEnterpriseAuditComponent,
+  // FreightComponentsEnterpriseAuditViewComponent,
+  FreightComponentsUserComponent,
+  FreightComponentsUserDetailComponent,
+  UserCenterComponentsDriverComponent,
+  UserCenterComponentsDriverDetailComponent,
+  UserCenterComponentsDriverCaptainComponent,
+  CaptainDetailComponent,
+  AuditAdminComponent,
+  CarSettleAddDriverComponent,
+  CtcCaptatinAddComponent,
+  FreightConfigComponent,
+  UserCenterComponentsDriverConfigComponent
+];
+const COMPONENTS_NOROUNT = [ShowServiceComponent, EditPartnerComponentsAddComponent, EditSaleComponentsAddComponent];
+
+@NgModule({
+  imports: [SharedModule, UsercenterRoutingModule, DynamicSettingModule],
+  declarations: [...COMPONENTS, ...COMPONENTS_NOROUNT]
+})
+export class UsercenterModule {}
diff --git a/src/app/routes/vehicle/components/audit/audit.component.html b/src/app/routes/vehicle/components/audit/audit.component.html
new file mode 100644
index 00000000..051902e9
--- /dev/null
+++ b/src/app/routes/vehicle/components/audit/audit.component.html
@@ -0,0 +1,92 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-11-29 15:22:34
+ * @LastEditTime : 2022-01-26 16:15:02
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\vehicle\\components\\audit\\audit.component.html
+-->
+<!-- 页头 -->
+<page-header-wrapper ></page-header-wrapper>
+<nz-card>
+  <!-- 搜索区 -->
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    
+    </div>
+    <!-- [loading]="false" -->
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" class="text-right">
+        <button nz-button nzType="primary" acl  [acl-ability]="['VEHICLE-AUDIT-search']"  [nzLoading]="service.http.loading" (click)="st?.load(1)">查询</button>
+        <button nz-button nzType="primary" [disabled]="false" (click)="exportFire()">导出</button>
+        <button nz-button  [disabled]="false"(click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+<nz-card>
+  <!-- 数据列表 -->
+  <!-- [data]="service.$api_get_supplier_page" -->
+  <nz-tabset (nzSelectedIndexChange)="selectChange($event)" [nzSelectedIndex]='defaultTabs' [nzTabBarExtraContent]="extraTemplate">
+  <nz-tab [nzTitle]="'全部'"></nz-tab>
+  <nz-tab [nzTitle]="'待审核'"></nz-tab>
+  <nz-tab [nzTitle]="'审核通过'"></nz-tab>
+  <nz-tab [nzTitle]="'驳回'"></nz-tab>
+</nz-tabset>
+  <st
+    #st
+    [bordered]="true"
+    [scroll]="{ x: '1200px' }"
+    [columns]="columns"
+    [data]='service.$api_get_userCarLicense_list'
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' }, process: dataProcess }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="false"
+  >
+    <ng-template st-row="carLength" let-item let-index="index">
+    <div>{{item?.carModelLabel}}-{{item?.carLength?  item?.carLength + '米' : ''}}-{{ item?.carLoad? item?.carLoad + '吨' : ''}}</div>
+    </ng-template>
+    <ng-template st-row="isSelf" let-item let-index="index">
+    <div >{{item?.isSelf ? '是' : '否'}}</div>
+    </ng-template>
+    <ng-template st-row="contactsPhone" let-item let-index="index">
+        <div
+          style="color: #52c41a;" (click)="daoyun(item)"
+        >
+          {{ item.contactsPhone }}
+      </div>
+    </ng-template>
+    <ng-template st-row="stateCol" let-item let-index="index">
+      <nz-tag *ngIf="item.stateLocked" nzColor="error">冻结</nz-tag>
+      <nz-tag *elseBlock nzColor="success">正常</nz-tag>
+    </ng-template>
+  </st>
+</nz-card>
+<ng-template #extraTemplate>
+    <!-- 工具栏 -->
+    <div class="toolbar" style="float: right;
+    padding-bottom: 15px;">
+      <button nz-button nzType="primary" (click)="addModal()">添加车辆</button>
+    </div>
+</ng-template>
diff --git a/src/app/routes/vehicle/components/audit/audit.component.spec.ts b/src/app/routes/vehicle/components/audit/audit.component.spec.ts
new file mode 100644
index 00000000..e815b19d
--- /dev/null
+++ b/src/app/routes/vehicle/components/audit/audit.component.spec.ts
@@ -0,0 +1,31 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-01 20:05:59
+ * @LastEditTime: 2021-12-01 20:35:33
+ * @LastEditors: your name
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\vehicle\components\list\list.component.spec.ts
+ */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { VehicleComponentsListComponent } from './list.component';
+
+describe('VehicleComponentsListComponent', () => {
+  let component: VehicleComponentsListComponent;
+  let fixture: ComponentFixture<VehicleComponentsListComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [VehicleComponentsListComponent],
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(VehicleComponentsListComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/vehicle/components/audit/audit.component.ts b/src/app/routes/vehicle/components/audit/audit.component.ts
new file mode 100644
index 00000000..047604d4
--- /dev/null
+++ b/src/app/routes/vehicle/components/audit/audit.component.ts
@@ -0,0 +1,242 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STColumnBadge, STComponent, STData } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper } from '@delon/theme';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of, Subject } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { VehicleService } from '../../../vehicle/services/vehicle.service';
+import { CarSettleCarauthComponent } from '../list/carauth/carauth.component';
+@Component({
+  selector: 'app-Vehicle-components-audit',
+  templateUrl: './audit.component.html',
+})
+export class VehicleComponentsAuditComponent implements OnInit {
+  _$expand = false;
+  resourceStatus: any = 1;
+  defaultTabs = 1;
+  ui!: SFUISchema;
+  schema!: SFSchema;
+  columns!: STColumn[];
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+
+  constructor(public service: VehicleService, private modal: NzModalService, private router: Router, private ar: ActivatedRoute, private modalHelper: ModalHelper) { }
+  /**
+   * 查询字段个数navigate
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const a: any = {};
+    if (this.resourceStatus === 1) {
+      a.approvalStatus = 10
+    } else if (this.resourceStatus === 2) {
+      a.approvalStatus = 20
+    } else if (this.resourceStatus === 3) {
+      a.approvalStatus = 30
+    }
+    return {
+      ...a,
+      ...this.sf?.value,
+    };
+  }
+
+  get selectedRows() {
+    return this.st?.list.filter((item) => item.checked) || [];
+  }
+
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+    this.ar.url.subscribe((params) => {
+      this.st?.load(1);
+    });
+  }
+  dataProcess(data: STData[]): STData[] {
+    return data.map((i, index) => {
+      i.showSortFlag = false;
+      return i;
+    });
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true,
+          },
+        },
+        carNo: {
+          title: '车牌号',
+          type: 'string',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            onSearch: (q: any) => {
+              if (!!q) {
+                return this.service
+                  .request(this.service.$api_get_getCarLicenseListByCarNo_audit, {
+                    carNo: q
+                  })
+                  .pipe(map((res: any) => (res?.records as any[]).map(i => ({ label: i.carNo, value: i.carNo } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        carNoColor: {
+          type: 'string',
+          title: '车牌颜色',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'car:color' },
+            containsAllLabel: true,
+          }
+        },
+        isSelf: {
+          type: 'string',
+          title: '是否挂靠',
+          enum: [
+            { label: '是', value: 1 },
+            { label: '否', value: 0 },
+          ],
+          ui: {
+            widget: 'select',
+            allowClear: true,
+          }
+        },
+        saveUser: {
+          type: 'string',
+          title: '录入人员',
+          ui: {
+            visibleIf: {
+              expand: (value: boolean) => value,
+            },
+          },
+        },
+        // approvalStatus: {
+        //   type: 'string',
+        //   title: '审核状态',
+        //   enum: [
+        //     { label: '未提交', value: '-1' },
+        //     { label: '草稿', value: 0},
+        //     { label: '待审核', value: 10 },
+        //     { label: '审核通过', value: 20 },
+        //     { label: '驳回', value: 30 },
+        //     { label: '证件过期', value: 40 },
+        //   ],
+        //   default: '',
+        //   ui: {
+        //     widget: 'select',
+        //     visibleIf: {
+        //       expand: (value: boolean) => value,
+        //     },
+        //   },
+        // },
+      },
+    };
+    this.ui = { '*': { spanLabelFixed: 90, grid: { span: 8, gutter: 4 }, enter: () => this.st.load() } };
+  }
+
+  initST() {
+    this.columns = [
+      // { title: '', type: 'checkbox', className: 'text-center' },
+      { title: '车牌号', width: '180px', className: 'text-center', index: 'carNo' },
+      { title: '车牌颜色', width: '180px', className: 'text-center', index: 'carNoColorLabel' },
+      { title: '车型-车长-载重', width: '180px', className: 'text-center', render: 'carLength' },
+      { title: '是否挂靠', width: '180px', className: 'text-center', render: 'isSelf' },
+      { title: '所有人', width: '180px', className: 'text-center', index: 'carOwner' },
+      { title: '录入人员', width: '180px', className: 'text-center', index: 'saveUser', },
+      {
+        title: '审核状态',
+        className: 'text-center',
+        index: 'approvalStatus',
+        width: '180px',
+        type: 'badge',
+        badge: {
+          '-1': { text: '未上传', color: 'default' },
+          0: { text: '草稿', color: 'warning' },
+          15: { text: '已撤销', color: 'warning' },
+          10: { text: '待审核', color: 'warning' },
+          20: { text: '已审核', color: 'success' },
+          30: { text: '已驳回', color: 'error' },
+          40: { text: '证件过期', color: 'error' },
+        },
+      },
+      { title: '申请时间', width: '180px', className: 'text-center', index: 'createTime' },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '100px',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '查看',
+            acl: { ability: ['VEHICLE-AUDIT-view'] },
+            click: (item) => {
+              this.router.navigate(['./detail', item.id], { relativeTo: this.ar, queryParams: { carId: item.carId } });
+              // this.router.navigate(['./view', item.id], { relativeTo: this.ar, queryParams: { tenantId: item.tenantId } });
+            },
+          },
+        ],
+      },
+    ];
+  }
+  selectChange(e: number) {
+    this.resourceStatus = e;
+    this.initST();
+    setTimeout(() => {
+      this.st.load();
+    }, 500);
+  }
+  daoyun(item: any) {
+    this.router.navigate(['./view', item], { relativeTo: this.ar });
+  }
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+  creat() {
+    this.router.navigate(['./new',], { relativeTo: this.ar });
+  }
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+  // 导出
+  exportFire() {
+    this.service.request(this.service.$api_carLicenseAudit_export, this.reqParams).subscribe((res: any) => {
+      if(res) {
+        this.service.msgSrv.success('导出成功,请去右上角下载中心下载')
+        return
+      }
+    });
+  }
+  addModal() {
+    const i = {
+      appUserId: '',
+    }
+    this.modalHelper.create(CarSettleCarauthComponent, { i }, { size: 900 }).subscribe((res) => {
+      this.st.load()
+    });
+  }
+}
diff --git a/src/app/routes/vehicle/components/audit/detail/detail.component.html b/src/app/routes/vehicle/components/audit/detail/detail.component.html
new file mode 100644
index 00000000..58b837f0
--- /dev/null
+++ b/src/app/routes/vehicle/components/audit/detail/detail.component.html
@@ -0,0 +1,254 @@
+<!-- 页头 -->
+<page-header-wrapper [logo]="logo" title="车辆详情" [content]="content" [ngClass]="{'affix': scrollTop>210}">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+  <ng-template #content>
+    <sv-container col="3">
+      <h2>车牌号：{{detailData?.carNo}}</h2>
+      <sv-title style="font-weight: 700;">
+        <span *ngIf="detailData?.approvalStatus === 1 || detailData?.approvalStatus === '1'">未上传</span>
+        <span *ngIf="detailData?.approvalStatus === 0 || detailData?.approvalStatus === '0'">草稿</span>
+        <span *ngIf="detailData?.approvalStatus === 10 || detailData?.approvalStatus === '10'">待审核</span>
+        <span *ngIf="detailData?.approvalStatus === 20 || detailData?.approvalStatus === '20'">已审核</span>
+        <span *ngIf="detailData?.approvalStatus === 30 || detailData?.approvalStatus === '30'">已驳回</span>
+        <span *ngIf="detailData?.approvalStatus === 40 || detailData?.approvalStatus === '40'">证件过期</span>
+        <div style="float: right;" *ngIf="detailData?.approvalStatus === 10 || detailData?.approvalStatus === '10'">
+          <ng-container *ngIf="!isEdit ">
+            <button nz-button nzType="default" nzDanger (click)="approveDriver()" acl acl-ability="VEHICLE-AUDIT-DETAIL-pass">通过</button>
+            <button nz-button nzType="default" nzDanger (click)="rejectedDriver()" acl acl-ability="VEHICLE-AUDIT-DETAIL-reject">驳回</button>
+            <button nz-button nzType="default" nzDanger (click)="ratify()" acl acl-ability="VEHICLE-AUDIT-DETAIL-save">修改</button>
+          </ng-container>
+          <ng-container *ngIf="isEdit">
+            <button nz-button nzType="default" (click)="reset()">取消</button>
+            <button nz-button nzType="default" (click)="save()" nzDanger>保存</button>
+          </ng-container>
+        </div>
+      </sv-title>
+      <sv label="申请时间">
+        {{ detailData?.createTime }}
+      </sv>
+      <sv label="录入人员">
+        {{ detailData?.saveUser }}
+      </sv>
+    </sv-container>
+  </ng-template>
+</page-header-wrapper>
+
+<nz-card [class]="isEdit?'edit-box':'readOnly-box'">
+
+  <sv-container col="3">
+    <sv-title style="font-weight: 700;">车辆基础信息
+    </sv-title>
+    <sv label="车牌颜色">
+      <nz-select [(ngModel)]="detailData.carNoColor" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
+      [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+        <nz-option
+          *ngFor="let i of contenCarNoColor"
+          [nzLabel]="i.label"
+          [nzValue]="i.value"
+        ></nz-option>
+      </nz-select>
+    </sv>
+    <sv label="车型">
+      <nz-select [(ngModel)]="detailData.carModel" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
+      [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+        <nz-option
+          *ngFor="let i of contencarModel"
+          [nzLabel]="i.label"
+          [nzValue]="i.value"
+        ></nz-option>
+      </nz-select>
+    </sv>
+    <sv label="车长">
+      <nz-select [(ngModel)]="detailData.carLength" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
+            [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+              <nz-option
+                *ngFor="let i of contenCarLength"
+                [nzLabel]="i.label"
+                [nzValue]="i.value"
+              ></nz-option>
+            </nz-select>
+    </sv>
+    <sv label="是否为挂车">
+      <nz-select [(ngModel)]="detailData.isTrailer" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
+      [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+      <nz-option [nzValue]="false" nzLabel="否"></nz-option>
+      <nz-option [nzValue]="true" nzLabel="是"></nz-option>
+    </nz-select>
+    </sv>
+    <sv label="是否挂靠">
+      <nz-select [(ngModel)]="detailData.isSelf" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
+      [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+      <nz-option [nzValue]="false" nzLabel="否"></nz-option>
+      <nz-option [nzValue]="true" nzLabel="是"></nz-option>
+    </nz-select>
+    </sv>
+  </sv-container>
+  <sv-container col="1" class="mt-md">
+    <sv label="车头照">
+      <ng-container
+            *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.carFrontPhotoWatermark,key:'carFrontPhotoWatermark',hover: 'PhotoWatermark2'}">
+          </ng-container>
+    </sv>
+  </sv-container>
+  <nz-divider></nz-divider>
+
+  <sv-container col="3">
+    <sv-title style="font-weight: 700;">行驶证信息</sv-title>
+    <sv label="档案编号">
+      <input nz-input type="text" [(ngModel)]="detailData.archivesNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+      [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="行驶证注册日期">
+      <!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseRegisterTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+      [placeholder]="isEdit?'':'-'"> -->
+      <nz-date-picker [(ngModel)]="detailData.driverLicenseRegisterTime" [nzDisabled]="!isEdit"
+      [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
+    </sv>
+  </sv-container>
+
+    <sv-container col="3">
+      <sv label="行驶证到期日">
+        <!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseEndTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'"> -->
+        <nz-date-picker [(ngModel)]="detailData.driverLicenseEndTime" [nzDisabled]="!isEdit"
+        [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
+      </sv>
+    <sv label="行驶证签发机关">
+      <input nz-input style="width: '300px'" type="text" [(ngModel)]="detailData.driverLicenseSigningOrg" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+      [placeholder]="isEdit?'':'-'">
+    </sv>
+  </sv-container>
+
+  <sv-container col="3">
+    <sv label="行驶证发证日期">
+      <!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseGetTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+      [placeholder]="isEdit?'':'-'"> -->
+      <nz-date-picker [(ngModel)]="detailData.driverLicenseGetTime" [nzDisabled]="!isEdit"
+      [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
+    </sv>
+    <sv label="车辆识别代码">
+      <input nz-input type="text" [(ngModel)]="detailData.carDistinguishCode" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+      [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="使用性质">
+      <nz-select [(ngModel)]="detailData.useNature" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
+        [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+        <nz-option [nzValue]="'1'" nzLabel="营运"></nz-option>
+        <nz-option [nzValue]="'0'" nzLabel="非营运"></nz-option>
+      </nz-select>
+    </sv>
+  </sv-container>
+
+  <sv-container col="3">
+    <sv label="载重（吨）">
+      <input nz-input type="text" [(ngModel)]="detailData.carLoad" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+      [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="整备质量">
+      <input nz-input type="text" [(ngModel)]="detailData.curbWeight" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+      [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="所有人">
+      <input nz-input style="width: '300px'" type="text" [(ngModel)]="detailData.carOwner" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+      [placeholder]="isEdit?'':'-'">
+    </sv>
+  </sv-container>
+  <sv-container col="1">
+    <sv label="行驶证照片">
+      <ng-container
+        *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.certificatePhotoFrontWatermark,key:'certificatePhotoFrontWatermark',hover: 'FrontWatermark'}">
+      </ng-container>
+        <ng-container
+        *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.certificatePhotoBackWatermark,key:'certificatePhotoBackWatermark',hover: 'BackWatermark'}">
+      </ng-container>
+    </sv>
+  </sv-container>
+  <nz-divider></nz-divider>
+  <sv-container col="3" class="mt16">
+    <sv-title style="font-weight: 700;">道路运输证信息</sv-title>
+    <sv label="道路运输证号">
+      <input nz-input type="text" [(ngModel)]="detailData.roadTransportNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+      [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="经营许可证号">
+      <input nz-input type="text" [(ngModel)]="detailData.roadTransportLicenceNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+      [placeholder]="isEdit?'':'-'">
+    </sv>
+    <sv label="发证日期">
+      <!-- <input nz-input type="text" [(ngModel)]="detailData.roadTransportStartTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+      [placeholder]="isEdit?'':'-'"> -->
+      <nz-date-picker [(ngModel)]="detailData.roadTransportStartTime" [nzDisabled]="!isEdit"
+      [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
+    </sv>
+    <sv label="有效期至">
+      <!-- <input nz-input type="text" [(ngModel)]="detailData.roadTransportEndTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+      [placeholder]="isEdit?'':'-'"> -->
+      <nz-date-picker [(ngModel)]="detailData.roadTransportEndTime" [nzDisabled]="!isEdit"
+      [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
+    </sv>
+    <sv label="道路运输证照片">
+      <ng-container
+      *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.roadTransportPhotoWatermark,key:'roadTransportPhotoWatermark', hover: 'Watermark'}" >
+    </ng-container>
+    </sv>
+  </sv-container>
+  <nz-divider></nz-divider>
+  <sv-container col="2" class="mt16">
+    <sv-title style="font-weight: 700;">认证司机</sv-title>
+  </sv-container>
+  <st #st [bordered]="true" [columns]="columns" [data]="service.$api_get_queryDriverByCarId"
+  [req]="{  method: 'POST', allInBody: true, params: reqParams }"
+    [res]="{ reName: { list: 'data', total: 'data' } }"
+    [ngStyle]="{ margin: '1rem 0' }" multiSort size="small" [page]="{ show: false }">
+    <ng-template st-row="auditStatusEnum" let-item let-index="index">
+      <div>
+        <span *ngIf="item?.auditStatusEnum === -1 || item?.auditStatusEnum === '-1'">未上传</span>
+        <span *ngIf="item?.auditStatusEnum === 0 || item?.auditStatusEnum === '0'">草稿</span>
+        <span *ngIf="item?.auditStatusEnum === 10 || item?.auditStatusEnum === '10'">待审核</span>
+        <span *ngIf="item?.auditStatusEnum === 20 || item?.auditStatusEnum === '20'">已审核</span>
+        <span *ngIf="item?.auditStatusEnum === 30 || item?.auditStatusEnum === '30'">已驳回</span>
+        <span *ngIf="item?.auditStatusEnum === 40 || item?.auditStatusEnum === '40'">证件过期</span>
+      </div>
+    </ng-template>
+  </st>
+</nz-card>
+
+
+<ng-template #redectModal>
+  <div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="120">
+      <se [col]="1" label="车牌号">
+        {{ detailData?.carNo }}
+      </se>
+      <se [col]="1" label="备注" required>
+        <textarea nz-input rows="3" style="margin-left: 14px;" [(ngModel)]="approvalOpinion"></textarea>
+      </se>
+    </div>
+  </div>
+</ng-template>
+
+<ng-template #uploadTemplate let-image="image" let-key="key" let-hover="hover">
+  <nz-upload class="avatar-uploader" [nzAction]="uploadURl" nzName="multipartFile" nzListType="picture-card"
+    [nzShowUploadList]="false" nzFileType="image/png,image/jpeg,image/jpg,image/gif"
+    [nzDisabled]="!isEdit || disabledUpload" (nzChange)="changeUpload($event,key)">
+    <ng-container *ngIf="!image && isEdit">
+      <i class="upload-icon" nz-icon [nzType]="false ? 'loading' : 'plus'"></i>
+      <div class="ant-upload-text">上传</div>
+    </ng-container>
+    <div *ngIf="image" (mouseover)="detailData[hover]=true" (mouseleave)="detailData[hover]=false"
+      (click)="$event.cancelBubble=true" class="image-hover">
+      <img (click)="showImg(image)" [src]="image" style="width: 200px;height: 160px;" />
+      <div class="mask" *ngIf="detailData[hover] && isEdit"></div>
+      <div class="mask-over" *ngIf="detailData[hover] && isEdit">
+        <i nz-icon nzType="close-circle" nzTheme="fill" class="delete-icon" (click)="deleteImg(key)"></i>
+        <div style="display: flex;align-items: center;">
+          <i nz-icon nzType="eye" nzTheme="fill" class="show-icon" (click)="showImg(image)"></i>
+        </div>
+      </div>
+    </div>
+  </nz-upload>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/vehicle/components/audit/detail/detail.component.less b/src/app/routes/vehicle/components/audit/detail/detail.component.less
new file mode 100644
index 00000000..e2c82609
--- /dev/null
+++ b/src/app/routes/vehicle/components/audit/detail/detail.component.less
@@ -0,0 +1,142 @@
+:host {
+  ::ng-deep {
+
+    .sv__label,
+    .sv__detail {
+      line-height: 30px;
+    }
+
+    .edit-box {
+      input {
+        max-width: 250px;
+      }
+
+      nz-date-picker {
+        min-width: 250px;
+      }
+    }
+
+    .readOnly-box {
+      input {
+        padding-left: 0;
+        color       : #000;
+      }
+
+      nz-select-top-control {
+        padding-left: 0 !important;
+      }
+    }
+
+    .ant-select {
+      min-width: 250px;
+
+      nz-select-top-control {
+        color : #000 !important;
+        cursor: text !important;
+      }
+    }
+
+    // 图片展示工具样式改造
+    .ant-upload.ant-upload-disabled {
+      cursor: pointer;
+    }
+
+    .ant-upload.ant-upload-select-picture-card {
+      width : 200px;
+      height: 160px;
+    }
+
+    .ant-upload-picture-card-wrapper {
+      width: auto;
+    }
+  }
+}
+
+.image-hover {
+  .delete-icon {
+    position        : absolute;
+    top             : -15px;
+    right           : -15px;
+    color           : #F55656;
+    font-size       : 28px;
+    background-color: #fff;
+    border-radius   : 50%;
+    cursor          : pointer;
+  }
+
+  .show-icon {
+    color    : #fff;
+    font-size: 30px;
+    cursor   : pointer;
+  }
+}
+
+.image-hover:hover .mask {
+  opacity: 0.8;
+}
+
+.mask {
+  position           : absolute;
+  width              : 200px;
+  height             : 160px;
+  margin-top         : -160px;
+  background-color   : #4F4F4F;
+  // top             : 6px;
+  // left            : 12px;
+  border-radius      : 6px;
+  opacity            : 0;
+}
+
+.mask-over {
+  position             : absolute;
+  display              : flex;
+  align-items          : center;
+  justify-content      : center;
+  width                : 200px;
+  height               : 160px;
+  margin-top           : -160px;
+  // top               : 6px;
+  // left           : 12px;
+  border-radius        : 6px;
+
+  label {
+    color         : #FFF;
+    font-size     : 20px;
+    line-height   : 24px;
+    letter-spacing: 0.7px;
+  }
+}
+
+input {
+  width: 200px;
+}
+
+.sv__container {
+  padding-top: 10px;
+}
+
+::ng-deep {
+  .affix {
+    position: fixed;
+    top     : 20px !important;
+    right   : 25px;
+    left    : 25px;
+    z-index : 999 !important;
+  }
+
+  .alain-pro__menu-side .alain-pro__main {
+    .affix {
+      position: fixed;
+      top     : 20px !important;
+      right   : 25px;
+      left    : 250px;
+      z-index : 999 !important;
+    }
+  }
+
+  .aside-collapsed.alain-pro__menu-side .alain-pro__main {
+    .affix {
+      left: 106px;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/app/routes/vehicle/components/audit/detail/detail.component.spec.ts b/src/app/routes/vehicle/components/audit/detail/detail.component.spec.ts
new file mode 100644
index 00000000..df98f9ac
--- /dev/null
+++ b/src/app/routes/vehicle/components/audit/detail/detail.component.spec.ts
@@ -0,0 +1,31 @@
+/*
+ * @Author: your name
+ * @Date: 2021-11-29 20:19:08
+ * @LastEditTime: 2021-12-13 09:58:36
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\usercenter\components\freight\list\detail\detail.component.spec.ts
+ */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { VehicleComponentsAuditDetailComponent } from './detail.component';
+
+describe('VehicleComponentsAuditDetailComponent', () => {
+  let component: VehicleComponentsAuditDetailComponent;
+  let fixture: ComponentFixture<VehicleComponentsAuditDetailComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [VehicleComponentsAuditDetailComponent],
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(VehicleComponentsAuditDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/vehicle/components/audit/detail/detail.component.ts b/src/app/routes/vehicle/components/audit/detail/detail.component.ts
new file mode 100644
index 00000000..d870e234
--- /dev/null
+++ b/src/app/routes/vehicle/components/audit/detail/detail.component.ts
@@ -0,0 +1,276 @@
+import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { apiConf } from '@conf/api.conf';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { NzUploadFile } from 'ng-zorro-antd/upload';
+import { ImageViewComponent } from 'src/app/shared/components/imagelist';
+import { VehicleService } from '../../../services/vehicle.service';
+// import { VehicleComponentsListEditComponent } from '../edit/edit.component';
+// import { VehicleImgViewComponent } from '../img-view/img-view.component';
+import { EADateUtil } from '@shared';
+import { VehicleImgViewComponent } from '../../list/img-view/img-view.component';
+import { VehicleComponentsListEditComponent } from '../../list/edit/edit.component';
+import { NzImageService } from 'ng-zorro-antd/image';
+import { fromEvent, Subscription } from 'rxjs';
+
+@Component({
+  selector: 'app-Vehicle-components-Audit-detail',
+  templateUrl: './detail.component.html',
+  styleUrls: ['./detail.component.less']
+})
+export class VehicleComponentsAuditDetailComponent implements OnInit, OnDestroy  {
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('redectModal', { static: false }) redectModal!: any;
+  columns!: STColumn[];
+  detailData: any = this.initData();
+  tempalateData: any;
+  contenCarNoColor: any;
+  contencarModel: any;
+  contenCarLength: any;
+  isEdit = false;
+  approvalOpinion = '';
+  uploadURl = apiConf.waterFileUpload;
+  disabledUpload = false;
+
+  
+  scrollTop = 0;
+  subscribeScoll!: Subscription;
+  constructor(
+    public service: VehicleService,
+    private route: ActivatedRoute,
+    private nzModalService: NzModalService,
+    private modal: ModalHelper,
+    private nzImageService: NzImageService
+  ) {}
+  ngOnDestroy(): void {
+    this.subscribeScoll.unsubscribe();
+  }
+
+  ngOnInit() {
+    this.getSelectList();
+    this.getDetailList();
+    this.initST();
+    this.subscribeScoll = fromEvent(window, 'scroll').subscribe(event => {
+      this.scrollTop = document.documentElement.scrollTop;
+    });
+  }
+
+  initST() {
+    this.columns = [
+      { title: '司机姓名', index: 'name', className: 'text-center' },
+      { title: '司机手机号', index: 'mobile', className: 'text-center' },
+      { title: '身份证号', index: 'idCardNo', className: 'text-center' },
+      { title: '挂靠协议', render: 'auditStatusEnum', className: 'text-center' },
+      {
+        title: '车主申明/挂靠协议',
+        fixed: 'right',
+        width: '200px',
+        className: 'text-left',
+        buttons: [
+          {
+            text: '查看协议',
+            click: _record => this.viewEvaluate(_record),
+            iif: item => item.auditStatusEnum == 10 || item.auditStatusEnum == 20
+          },
+          {
+            text: '上传协议',
+            click: _record => this.updateEvaluate(_record),
+            iif: item => item.auditStatusEnum == -1
+          }
+        ]
+      }
+    ];
+  }
+
+  getDetailList() {
+    const params = {
+      id: this.route.snapshot?.params?.id
+    };
+    this.service.request(`${this.service.$api_get_operate_getaudit}`, params).subscribe(res => {
+      this.detailData = res;
+      this.tempalateData = res;
+    });
+  }
+
+  approveDriver() {
+    this.nzModalService.confirm({
+      nzTitle: '审核通过',
+      nzContent: `<p>车牌号：${this.detailData?.carNo}</p><p>是否确认通过审核`,
+      nzOnOk: () => {
+        this.adjuctUser(
+          {
+            approvalStatus: 20,
+            id: this.route.snapshot?.params?.id
+          },
+          '审核成功'
+        );
+      }
+    });
+  }
+
+  rejectedDriver() {
+    this.approvalOpinion = '';
+    this.nzModalService.create({
+      nzTitle: '审核驳回',
+      nzContent: this.redectModal,
+      nzOnOk: () => {
+        if (!this.approvalOpinion) {
+          this.service.msgSrv.error('请填写备注！')
+          return false;
+        }
+        this.adjuctUser(
+          {
+            id: this.route.snapshot?.params?.id,
+            approvalStatus: 30,
+            approvalOpinion: this.approvalOpinion
+          },
+          '审核驳回成功'
+        );
+        return;
+      }
+    });
+  }
+
+  reset() {
+    this.detailData = { ...this.tempalateData };
+    this.isEdit = false;
+  }
+
+  save() {
+    this.detailData.driverLicenseRegisterTime = EADateUtil.yearToDate(this.detailData?.driverLicenseRegisterTime);
+
+    this.detailData.driverLicenseEndTime = EADateUtil.yearToDate(this.detailData?.driverLicenseEndTime);
+
+    this.detailData.driverLicenseGetTime = EADateUtil.yearToDate(this.detailData?.driverLicenseGetTime);
+
+    this.detailData.roadTransportStartTime = EADateUtil.yearToDate(this.detailData?.roadTransportStartTime);
+
+    this.detailData.roadTransportEndTime = EADateUtil.yearToDate(this.detailData?.roadTransportEndTime);
+    console.log(this.detailData.roadTransportStartTime)
+    if((this.detailData.roadTransportStartTime > this.detailData.roadTransportEndTime) || (this.detailData.driverLicenseRegisterTime > this.detailData.driverLicenseEndTime)) {
+      this.service.msgSrv.error('发证日期起始不能大于结束日期！')
+       return;
+    }
+    this.service.request(this.service.$api_get_update_audit, this.detailData).subscribe(res => {
+      if (res) {
+        this.getDetailList();
+         this.isEdit = false;
+        this.service.msgSrv.success('修改成功！');
+      }
+    });
+  }
+
+  ratify() {
+    this.isEdit = true;
+  }
+
+  changeUpload({ file, fileList, type }: any, key: string) {
+    if (type === 'success') {
+      this.detailData[key] = file.response.data.fullFileWatermarkPath;
+    }
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    return { id: this.route.snapshot.queryParams.carId };
+  }
+  showImg(url: any) {
+    const params = {
+      imgList: [url],
+      index: 0
+    };
+    this.nzImageService.preview([{ src: url }]);
+    // this.nzModalService.create({ nzContent: ImageViewComponent, nzComponentParams: { params } });
+  }
+
+  deleteImg(key: string) {
+    this.nzModalService.warning({
+      nzTitle: '是否确认删除该图片',
+      nzOnOk: () => {
+        this.disabledUpload = true;
+        this.detailData[key] = '';
+        setTimeout(() => {
+          this.disabledUpload = false;
+        }, 100);
+      }
+    });
+  }
+
+  private adjuctUser(params: any, msg: string) {
+    this.service.request(this.service.$api_get_operate_audit, { ...params }).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success(msg);
+      }
+      this.getDetailList();
+    });
+  }
+
+  private initData() {
+    return {
+      carNo: '',
+      carNoColor: '',
+      carModel: '',
+      carLength: '',
+      archivesNo: '',
+      driverLicenseSigningOrg: '',
+      carDistinguishCode: '',
+      carLoad: '',
+      curbWeight: '',
+      roadTransportNo: '',
+      roadTransportLicenceNo: '',
+      carOwner: '',
+      isTrailer: null,
+      useNature: null,
+      driverLicenseRegisterTime: null,
+      driverLicenseGetTime: null,
+      driverLicenseEndTime: null,
+      roadTransportStartTime: null,
+      roadTransportEndTime: null,
+      carFrontPhotoWatermark: ''
+    };
+  }
+  // 获取录单员
+  getSelectList() {
+    this.Serveice('car:color');
+    this.Serveice('car:model');
+    this.Serveice('car:length');
+  }
+  Serveice(param: any) {
+    let value: any;
+    this.service
+      .request(`${this.service.$api_get_getDictValue}`, {
+        dictKey: param
+      })
+      .subscribe(res => {
+        if (param === 'car:color') {
+          this.contenCarNoColor = res;
+        } else if (param === 'car:model') {
+          this.contencarModel = res;
+        } else if (param === 'car:length') {
+          this.contenCarLength = res;
+        }
+      });
+    return value;
+  }
+  viewEvaluate(item: any) {
+    this.modal.createStatic(VehicleImgViewComponent, { i: item }).subscribe(i => {
+      this.st.reload();
+      this.getDetailList();
+    });
+  }
+  updateEvaluate(item: any) {
+    this.modal.createStatic(VehicleComponentsListEditComponent, { i: item }).subscribe(i => {
+      this.st.reload();
+      this.getDetailList();
+    });
+  }
+}
diff --git a/src/app/routes/vehicle/components/list/carauth/carauth.component.html b/src/app/routes/vehicle/components/list/carauth/carauth.component.html
new file mode 100644
index 00000000..9eda46b1
--- /dev/null
+++ b/src/app/routes/vehicle/components/list/carauth/carauth.component.html
@@ -0,0 +1,47 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-14 14:17:38
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-25 16:22:32
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\vehicle\\components\\list\\carauth\\carauth.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<div class="modal-header">
+    <div class="modal-title">添加车辆</div>
+</div>
+<!-- <nz-spin *ngIf="!i" class="modal-spin"></nz-spin> -->
+<div class="sfBox">
+    <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="schema" [formData]="detailData">
+        <ng-template sf-template="tipsA" let-me let-ui="ui" let-schema="schema">
+            <div class="pr">
+                <dl class="tips">
+                    <dt>行驶证首页</dt>
+                    <dd>示例</dd>
+                </dl>
+                <div class="pa"><img width="190" src="/assets/images/vehicle/driverfront.png" /></div>
+            </div>
+        </ng-template>
+        <ng-template sf-template="tipsB" let-me let-ui="ui" let-schema="schema">
+            <div class="pr">
+                <dl class="tips">
+                    <dt>行驶证副页</dt>
+                    <dd>示例</dd>
+                </dl>
+                <div class="pa"><img width="190" src="/assets/images/vehicle/driverback.png" /></div>
+            </div>
+        </ng-template>
+        <ng-template sf-template="roadImg" let-me let-ui="ui" let-schema="schema">
+            <img height="104" src="/assets/images/vehicle/road.png" class="borderImg" />
+        </ng-template>
+        <ng-template sf-template="agreeImg" let-me let-ui="ui" let-schema="schema">
+            <img height="104" src="/assets/images/vehicle/agreement.png" class="borderImg" />
+        </ng-template>
+    </sf>
+    <img class="drivercard borderImg" height="104" src="/assets/images/vehicle/car.png" />
+    
+<div class="modal-footer">
+    <button nz-button type="button" (click)="close()">关闭</button>
+    <button nz-button type="button" nzType="primary" (click)="submitForm()" [disabled]="!(sf?.valid && i.flag !== 'view')" [nzLoading]="service.http.loading">确定</button>
+</div>
\ No newline at end of file
diff --git a/src/app/routes/vehicle/components/list/carauth/carauth.component.less b/src/app/routes/vehicle/components/list/carauth/carauth.component.less
new file mode 100644
index 00000000..ee4cb587
--- /dev/null
+++ b/src/app/routes/vehicle/components/list/carauth/carauth.component.less
@@ -0,0 +1,129 @@
+.sfBox {
+    position: relative;
+    .example {
+        position: absolute;
+        top: 215px;
+        right: 265px;
+        color: #1890ff;
+        cursor: pointer;
+        .popBox {
+            position: absolute;
+            top: -170px;
+            left: -125px;
+            width: 300px;
+            padding: 20px;
+            text-align: center;
+            background: #fff;
+            border: solid 1px #eee;
+            border-radius: 6px;
+            box-shadow: 0 1px 5px 1px #ececec;
+            &::before {
+                position: absolute;
+                bottom: -5px;
+                left: 50%;
+                width: 10px;
+                height: 10px;
+                margin-left: -5px;
+                background: #fff;
+                box-shadow: 0 1px 5px 1px #ececec;
+                transform: rotate(45deg);
+                content: '';
+            }
+            &::after {
+                position: absolute;
+                bottom: 0;
+                left: 0;
+                z-index: 10;
+                width: 100%;
+                height: 10px;
+                background: #fff;
+                content: '';
+            }
+            img {
+                max-width: 100%;
+                max-height: 200px;
+            }
+        }
+    }
+    .positionSet{
+        top: 356px;
+        right: 235px;
+    }
+    .positionSet01{
+        top: 500px;
+        right: 200px;
+    }
+    .positionSet02{
+        top: 664px;
+        right: 265px;
+    }
+    .positionSet03{
+        top: 808px;
+        right: 205px;
+    
+    }
+}
+.exaA{
+    position: absolute;
+    top: 0;
+    left: 300px
+}
+.pr {
+    position: relative;
+}
+
+.pa {
+    position: absolute;
+    top: 35px;
+    left: 140px;
+}
+
+.tips {
+    display: flex;
+    margin-bottom: 0;
+    color: #333;
+
+    dt {
+        width: 150px;
+    }
+
+    dd {
+        width: 190px;
+        margin-bottom: 0;
+        text-align: center;
+    }
+}
+.drivercard{
+    position: absolute;
+    top: 0;
+    left: 325px;
+    border: solid 1px #ebf0fb;
+}
+.jopcard{
+    position: absolute;
+    top: 1356px;
+    left: 330px;
+    border: solid 1px #ebf0fb;
+}
+.agreement{
+    position: absolute;
+    top: 425px;
+    left: 330px;
+    border: solid 1px #ebf0fb;
+}
+:host{
+    ::ng-deep {
+        .ant-input-borderless{
+            padding: 0;
+            padding-top: 4px;
+            color: black;
+            resize:none;
+        }
+        .setCustom .ant-form-item-control{
+            margin-left: -100px !important
+        }
+        .borderImg{
+            border: solid 1px #ebf0fb;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/vehicle/components/list/carauth/carauth.component.spec.ts b/src/app/routes/vehicle/components/list/carauth/carauth.component.spec.ts
new file mode 100644
index 00000000..3d248eed
--- /dev/null
+++ b/src/app/routes/vehicle/components/list/carauth/carauth.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { CarSettleCarauthComponent } from './carauth.component';
+
+describe('CarSettleCarauthComponent', () => {
+  let component: CarSettleCarauthComponent;
+  let fixture: ComponentFixture<CarSettleCarauthComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ CarSettleCarauthComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CarSettleCarauthComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/vehicle/components/list/carauth/carauth.component.ts b/src/app/routes/vehicle/components/list/carauth/carauth.component.ts
new file mode 100644
index 00000000..49342fda
--- /dev/null
+++ b/src/app/routes/vehicle/components/list/carauth/carauth.component.ts
@@ -0,0 +1,729 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { apiConf } from '@conf/api.conf';
+import { cacheConf } from '@conf/cache.conf';
+import { SFUISchema, SFSchema, SFUploadWidgetSchema, SFComponent, SFSelectWidgetSchema } from '@delon/form';
+import { _HttpClient } from '@delon/theme';
+import { EACacheService, EAEnvironmentService } from '@shared';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { NzUploadFile } from 'ng-zorro-antd/upload';
+import { Observable, Observer, of } from 'rxjs';
+import { VehicleService } from '../../../services/vehicle.service';
+
+@Component({
+  selector: 'app-car-carauth',
+  templateUrl: './carauth.component.html',
+  styleUrls: ['./carauth.component.less']
+})
+export class CarSettleCarauthComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  record: any = {};
+  i: any;
+  ui: SFUISchema = {};
+  schema: SFSchema = {};
+  showCardFlag = false;
+  showJopFlag = false;
+  companyData: any = {};
+  detailData: any = {};
+  carNo = ''
+  
+  constructor(
+    private modal: NzModalRef,
+    public service: VehicleService,
+    private envSrv: EAEnvironmentService,
+    private eaCacheSrv: EACacheService,
+  ) { }
+
+  ngOnInit(): void {
+    this.initData()
+    this.initSF()
+  }
+  initData() {
+    if (this.i.id) {
+      this.companyData = this.eaCacheSrv.get(cacheConf.env)
+      const params = {
+        id: this.i.id,
+      }
+      this.service.request(this.service.$api_shipperCarGet, params).subscribe(res => {
+        this.detailData = res
+        this.detailData.isSelf = res.isSelf ? 1 : 0
+        this.detailData.isTrailer = res.isTrailer ? 1 : 0
+        this.detailData.carFrontPhotoWatermark = [
+          {
+            uid: -1,
+            name: 'LOGO',
+            status: 'done',
+            url: this.detailData.carFrontPhotoWatermark,
+            response: this.detailData.carFrontPhotoWatermark,
+          },
+        ];
+        this.detailData.carProtocalWatermark = [
+          {
+            uid: -1,
+            name: 'LOGO',
+            status: 'done',
+            url: this.detailData.carProtocalWatermark,
+            response: this.detailData.carProtocalWatermark,
+          },
+        ];
+        this.detailData.certificatePhotoFrontWatermark = [
+          {
+            uid: -1,
+            name: 'LOGO',
+            status: 'done',
+            url: this.detailData.certificatePhotoFrontWatermark,
+            response: this.detailData.certificatePhotoFrontWatermark,
+          },
+        ];
+        this.detailData.certificatePhotoBackWatermark = [
+          {
+            uid: -1,
+            name: 'LOGO',
+            status: 'done',
+            url: this.detailData.certificatePhotoBackWatermark,
+            response: this.detailData.certificatePhotoBackWatermark,
+          },
+        ];
+        this.detailData.roadTransportPhotoWatermark = [
+          {
+            uid: -1,
+            name: 'LOGO',
+            status: 'done',
+            url: this.detailData.roadTransportPhotoWatermark,
+            response: this.detailData.roadTransportPhotoWatermark,
+          },
+        ];
+      })
+    }
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        carFrontPhotoWatermark: {
+          type: 'string',
+          title: '车头照照片',
+          ui: {
+            action: apiConf.waterFileUpload,
+            accept: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            widget: 'upload',
+            descriptionI18n: '请上传车头照照片，支持JPG、PNG格式，文件小于5M。',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                console.log(args);
+                const avatar = [
+                  {
+                    uid: -1,
+                    name: 'LOGO',
+                    status: 'done',
+                    url: args.file.response.data.fullFileWatermarkPath,
+                    response: {
+                      url: args.file.response.data.fullFileWatermarkPath,
+                    },
+                  },
+                ];
+                this.sf?.setValue('/carFrontPhotoWatermark', avatar);
+                this.detailData.carFrontPhoto = args.file.response.data.fullFilePath
+              }
+            },
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt2M = file.size / 1024 / 1024 < 5;
+                if (!isLt2M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                console.log(_fileList)
+                
+                observer.next(isLt2M);
+                observer.complete();
+              });
+            },
+            // previewFile: (file: NzUploadFile) => of( 
+            //   file?.response?.data?.fullFilePath
+            //   ),
+          }
+        },
+        carNo: {
+          title: '车牌号',
+          maxLength: 9,
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        carNoColor: {
+          title: '车牌颜色',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'car:color' },
+            placeholder: '请选择车牌颜色',
+            containsAllLabel:false,
+          } as SFSelectWidgetSchema,
+        },
+        carModel: {
+          title: '车型',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'car:model' },
+            placeholder: '请选择车型',
+            containsAllLabel:false,
+          } as SFSelectWidgetSchema,
+        },
+        carLength: {
+          title: '车长',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'car:length' },
+            placeholder: '请选择车长',
+            containsAllLabel:false,
+          } as SFSelectWidgetSchema,
+        },
+        carLoad: {
+          title: '载重',
+          type: 'string',
+          maxLength: 6,
+          ui: {
+            placeholder: '请输入',
+            addOnAfter: '吨',
+            change: (val: any) =>{
+              const value =  val.replace(/\D/g,'')
+              this.sf.setValue('/carLoad', value)
+            },
+          }
+        },
+        isSelf: {
+          title: '是否挂靠',
+          type: 'string',
+          enum: [
+            { label: '否', value: 0 },
+            { label: '是', value: 1 },
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+          }
+        },
+        isTrailer: {
+          title: '是否为挂车',
+          type: 'string',
+          enum: [
+            { label: '否', value: 0 },
+            { label: '是', value: 1 },
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+          }
+        },
+        carProtocalWatermark: {
+          type: 'string',
+          title: '挂靠协议',
+          ui: {
+            action: apiConf.waterFileUpload,
+            accept: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            widget: 'upload',
+            descriptionI18n: '请上传挂靠协议，支持JPG、PNG格式，文件小于5M。',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                const avatar = [
+                  {
+                    uid: -1,
+                    name: 'LOGO',
+                    status: 'done',
+                    url: args.file.response.data.fullFileWatermarkPath,
+                    response: {
+                      url: args.file.response.data.fullFileWatermarkPath,
+                    },
+                  },
+                ];
+                this.sf?.setValue('/carProtocalWatermark', avatar);
+                this.detailData.certificatePhotoFront = args.file.response.data.fullFilePath
+              }
+            },
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt2M = file.size / 1024 / 1024 < 2;
+                if (!isLt2M) {
+                  this.service.msgSrv.warning('图片大小超过2M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt2M);
+                observer.complete();
+              });
+            },
+            previewFile: (file: NzUploadFile) => of(file.url),
+          }
+        },
+        agreeImg: {
+          title: '',
+          type: 'boolean',
+          // enum: [{ label: '长期', value: true }],
+          ui: {
+            widget: 'custom',
+          }
+        },
+        titleA: {
+          title: '行驶证信息(必填）',
+          type: 'string',
+          ui: {
+            widget: 'text',
+          },
+          default: '照片上传后会自动识别文字并填充下列内容栏',
+        },
+        tipsA: {
+          title: '',
+          type: 'string',
+          ui: {
+            widget: 'custom',
+            offsetControl: 6,
+          },
+        },
+        certificatePhotoFrontWatermark: {
+          type: 'string',
+          title: '行驶证首页照片',
+          ui: {
+            action: apiConf.waterFileUpload,
+            accept: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            widget: 'upload',
+            descriptionI18n: '请上传行驶证首页照片，支持JPG、PNG格式，文件小于5M。照片信息缺失、拼凑、过度PS、模糊不清，都不会通过审核。',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                const avatar = [
+                  {
+                    uid: -1,
+                    name: 'LOGO',
+                    status: 'done',
+                    url: args.file.response.data.fullFileWatermarkPath,
+                    response: {
+                      url: args.file.response.data.fullFileWatermarkPath,
+                    },
+                  },
+                ];
+                this.sf?.setValue('/certificatePhotoFrontWatermark', avatar);
+                this.detailData.certificatePhotoFront = args.file.response.data.fullFilePath
+                this.checkCarCard(args.file.response.data.fullFilePath, 'front');
+              } else {
+                this.detailData.certificatePhotoFront = ''
+              }
+            },
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt2M = file.size / 1024 / 1024 < 5;
+                if (!isLt2M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt2M);
+                observer.complete();
+              });
+            },
+            // previewFile: (file: NzUploadFile) => of(file.url),
+          }
+        },
+        tipsB: {
+          title: '',
+          type: 'string',
+          ui: {
+            widget: 'custom',
+            offsetControl: 6,
+          },
+        },
+        certificatePhotoBackWatermark: {
+          type: 'string',
+          title: '行驶证副页照片',
+          ui: {
+            action: apiConf.waterFileUpload,
+            accept: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            widget: 'upload',
+            descriptionI18n: '请上传行驶证副业照片，支持JPG、PNG格式，文件小于5M。',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                const avatar = [
+                  {
+                    uid: -1,
+                    name: 'LOGO',
+                    status: 'done',
+                    url: args.file.response.data.fullFileWatermarkPath,
+                    response: {
+                      url: args.file.response.data.fullFileWatermarkPath,
+                    },
+                  },
+                ];
+                this.sf?.setValue('/certificatePhotoBackWatermark', avatar);
+                this.detailData.certificatePhotoBack = args.file.response.data.fullFilePath
+                this.checkCarCard(args.file.response.data.fullFilePath, 'back');
+              } else {
+                this.detailData.certificatePhotoBack = ''
+              }
+            },
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt2M = file.size / 1024 / 1024 < 5;
+                if (!isLt2M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt2M);
+                observer.complete();
+              });
+            },
+            // previewFile: (file: NzUploadFile) => of(file.url),
+          }
+        },
+        driverLicenseRegisterTime: {
+          title: '行驶证注册日期',
+          type: 'string',
+          format: 'date',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        driverLicenseGetTime: {
+          title: '行驶证发证日期',
+          type: 'string',
+          format: 'date',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        driverLicenseEndTime: {
+          title: '行驶证到期日期',
+          type: 'string',
+          format: 'date',
+          maxLength: 30,
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        driverLicenseSigningOrg: {
+          title: '行驶证签发机关',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        carDistinguishCode: {
+          title: '车辆识别代码',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        useNature: {
+          title: '使用性质',
+          type: 'string',
+          maxLength: 30,
+          enum: [
+            { label: '非营运', value: 0 },
+            { label: '营运', value: 1 },
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+          },
+        },
+        curbWeight: {
+          title: '整备质量',
+          type: 'string',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        carOwner: {
+          title: '所有人',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        titleB: {
+          title: '道运证(选填）',
+          type: 'string',
+          ui: {
+            widget: 'text',
+          },
+          default: '照片上传后会自动识别文字并填充下列内容栏',
+        },
+        roadTransportPhotoWatermark: {
+          type: 'string',
+          title: '道运证照片',
+          ui: {
+            action: apiConf.waterFileUpload,
+            accept: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            widget: 'upload',
+            descriptionI18n: '请上传道运证照片，支持JPG、PNG格式，文件小于5M。蓝牌绿牌车辆，可不用传道运证',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            multiple: false,
+            listType: 'picture-card',
+            change: (args: any) => {
+              if (args.type === 'success') {
+                const avatar = [
+                  {
+                    uid: -1,
+                    name: 'LOGO',
+                    status: 'done',
+                    url: args.file.response.data.fullFileWatermarkPath,
+                    response: {
+                      url: args.file.response.data.fullFileWatermarkPath,
+                    },
+                  },
+                ];
+                this.sf?.setValue('/roadTransportPhotoWatermark', avatar);
+                this.detailData.roadTransportPhoto = args.file.response.data.fullFilePath
+                this.checkTransCard(args.file.response.data.fullFilePath);
+              } else {
+                this.detailData.roadTransportPhoto = ''
+              }
+            },
+            beforeUpload: (file: any, _fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt2M = file.size / 1024 / 1024 < 5;
+                if (!isLt2M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt2M);
+                observer.complete();
+              });
+            },
+            // previewFile: (file: NzUploadFile) => of(file.url),
+          }
+        },
+        roadImg: {
+          title: '',
+          type: 'boolean',
+          // enum: [{ label: '长期', value: true }],
+          ui: {
+            widget: 'custom',
+          }
+        },
+        roadTransportNo: {
+          title: '道运证号码',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            // widget: this.detailData.commitFlag !== 0 ? 'text' : '',
+            placeholder: '请输入',
+          },
+        },
+        roadTransportLicenceNo: {
+          title: '经营许可证号',
+          type: 'string',
+          maxLength: 30,
+          ui: {
+            // widget: this.detailData.commitFlag !== 0 ? 'text' : '',
+            placeholder: '请输入',
+          },
+        },
+        roadTransportStartTime: {
+          title: '发证日期',
+          type: 'string',
+          format: 'date',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+        roadTransportEndTime: {
+          title: '有效期至',
+          type: 'string',
+          format: 'date',
+          ui: {
+            placeholder: '请输入',
+          },
+        },
+      },
+      required: [
+        'carFrontPhotoWatermark',
+        'carNo',
+        'carNoColor',
+        'carModel',
+        'carLength',
+        'carLoad',
+        'isSelf',
+        'isTrailer',
+        'certificatePhotoFrontWatermark',
+        'certificatePhotoBackWatermark',
+        'driverLicenseRegisterTime',
+        'driverLicenseGetTime',
+        'driverLicenseEndTime',
+        'driverLicenseSigningOrg',
+        'carDistinguishCode',
+        'useNature',
+        'carOwner'
+      ],
+    };
+
+    this.ui = {
+      '*': {
+        spanLabelFixed: 180,
+        grid: { span: 18 },
+        width: 600,
+      },
+      $title1: {
+        spanLabelFixed: 0,
+      },
+      $title2: {
+        spanLabelFixed: 0,
+      },
+      $title3: {
+        spanLabelFixed: 0,
+      },
+      $isTrailer:{
+        grid: { span: 24 },
+      },
+      $carProtocalWatermark: {
+        grid: { span:12 },
+      },
+      $agreeImg: {
+        grid: { span: 4 },
+        class: 'setCustom'
+      },
+      $titleB:{
+        grid: { span: 24 },
+      },
+      $roadTransportPhotoWatermark: {
+        grid: { span: 12 },
+      },
+      $roadImg: {
+        grid: { span: 4 },
+        class: 'setCustom'
+      },
+     
+    };
+  }
+  // 道路运输证识别
+  checkTransCard(imgurl: any) {
+    const params = {
+      transportationLicenseUrl: imgurl,
+    };
+    this.service.request(this.service.$api_recognizeTransportationLicense, params).subscribe((res: any) => {
+      if (res) {
+        this.sf.setValue('/roadTransportNo', res.number);
+        this.sf.setValue('/roadTransportLicenceNo', res.businessCertificate);
+        this.sf.setValue('/roadTransportStartTime', res.issueDate);
+        if(this.carNo === '') {
+          this.carNo = res.number
+        } else if(this.carNo && res.vehicleNumber.indexOf(this.carNo) === -1) {
+          this.service.msgSrv.warning('请上传同一认证车辆的相关证件')
+        }
+      }
+    });
+  }
+  // 行驶证识别
+  checkCarCard(imgurl: any, side: any) {
+    const params = {
+      vehicleLicenseUrl: imgurl,
+      side,
+    };
+    this.service.request(this.service.$api_recognizeVehicleLicense, params).subscribe((res: any) => {
+      if (res) {
+        if (side === 'front') { // 正面
+          this.sf.setValue('/driverLicenseRegisterTime', res.registerDate);
+          this.sf.setValue('/carNo', res.number);
+          this.sf.setValue('/driverLicenseGetTime', res.issueDate);
+          this.sf.setValue('/driverLicenseSigningOrg', res.issuingAuthority);
+          this.sf.setValue('/carDistinguishCode', res.vin);
+          this.sf.setValue('/carOwner', res.name);
+          this.sf.setValue('/useNature', res.useCharacter === '非营运' ? 0 : 1);
+          
+        } else {
+          this.sf.setValue('/curbWeight', res.unladenMass);
+        }
+        if(this.carNo === '') {
+          this.carNo = res.number
+        } else if(this.carNo && this.carNo !== res.number) {
+          this.service.msgSrv.warning('请上传同一认证车辆的相关证件')
+        }
+      }
+    });
+  }
+
+  close(): void {
+    this.modal.close(true);
+  }
+  showExample() {
+    this.showCardFlag = !this.showCardFlag
+  }
+  showJopExample() {
+    this.showJopFlag = !this.showJopFlag
+  }
+  submitForm() {
+    const params: any = {
+      appUserId: this.i.appUserId,
+      ...this.sf.value,
+      bindType: this.i.bindType
+    };
+    params.carFrontPhoto = this.detailData.carFrontPhoto
+    params.carProtocal = this.detailData.carProtocal
+    params.certificatePhotoFront = this.detailData.certificatePhotoFront
+    params.certificatePhotoBack = this.detailData.certificatePhotoBack
+    params.roadTransportPhoto = this.detailData.roadTransportPhoto
+    delete params.titleA
+    delete params.titleB
+    console.log(params);
+    
+    this.service.request(this.service.$api_saveUpdateShipperCar, params).subscribe((res: any) => {
+      if (res) {
+        this.service.msgSrv.success('添加成功')
+        this.modal.close(true)
+      }
+    })
+  }
+}
diff --git a/src/app/routes/vehicle/components/list/detail/detail.component.html b/src/app/routes/vehicle/components/list/detail/detail.component.html
new file mode 100644
index 00000000..a7422e70
--- /dev/null
+++ b/src/app/routes/vehicle/components/list/detail/detail.component.html
@@ -0,0 +1,263 @@
+<ng-container >
+  <!-- 页头 -->
+  <page-header-wrapper [logo]="logo" title="车辆详情" [content]="content">
+    <ng-template #logo>
+      <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+        <i nz-icon nzType="left" nzTheme="outline"></i>
+      </button>
+    </ng-template>
+    <ng-template #content>
+      <sv-container col="1">
+      <sv-title style="font-weight: 700;">
+        <div style="float: right;">
+          <ng-container *ngIf="!isEdit">
+            <button nz-button nzType="default" nzDanger (click)="ratify()" acl acl-ability="VEHICLE-LIST-DETAIL-save">修改</button>
+          </ng-container>
+          <ng-container *ngIf="isEdit">
+            <button nz-button nzType="default" (click)="reset()">取消</button>
+            <button nz-button nzType="default" (click)="save()" nzDanger>保存</button>
+          </ng-container>
+        </div>
+      </sv-title>
+    </sv-container>
+
+        <sv-container col="3">
+        <sv-title style="font-weight: 700;">车辆基础信息</sv-title>
+          <sv label="车牌号">
+            <input nz-input type="text" [(ngModel)]="detailData.carNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+            [placeholder]="isEdit?'':'-'">
+          </sv>
+          <sv label="车牌颜色">
+            <!-- <input nz-input type="text" [(ngModel)]="detailData.carNoColor" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+            [placeholder]="isEdit?'':'-'"> -->
+            <nz-select [(ngModel)]="detailData.carNoColor" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
+            [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+              <nz-option
+                *ngFor="let i of contenCarNoColor"
+                [nzLabel]="i.label"
+                [nzValue]="i.value"
+              ></nz-option>
+            </nz-select>
+          </sv>
+          <sv label="车型">
+            <!-- <input nz-input type="text" [(ngModel)]="detailData.carModel" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+            [placeholder]="isEdit?'':'-'"> -->
+            <nz-select [(ngModel)]="detailData.carModel" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
+            [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+              <nz-option
+                *ngFor="let i of contencarModel"
+                [nzLabel]="i.label"
+                [nzValue]="i.value"
+              ></nz-option>
+            </nz-select>
+          </sv>
+          <sv label="车长(米)">
+            <!-- <input nz-input type="text" [(ngModel)]="detailData.carLength" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+            [placeholder]="isEdit?'':'-'"> -->
+            <nz-select [(ngModel)]="detailData.carLength" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
+            [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+              <nz-option
+                *ngFor="let i of contenCarLength"
+                [nzLabel]="i.label"
+                [nzValue]="i.value"
+              ></nz-option>
+            </nz-select>
+          </sv>
+          <sv label="是否挂靠">
+            <nz-select [(ngModel)]="detailData.isSelf" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
+            [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+            <nz-option [nzValue]="false" nzLabel="否"></nz-option>
+            <nz-option [nzValue]="true" nzLabel="是"></nz-option>
+          </nz-select>
+          </sv>
+          <sv label="是否为挂车">
+            <nz-select [(ngModel)]="detailData.isTrailer" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
+            [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+            <nz-option [nzValue]="false" nzLabel="否"></nz-option>
+            <nz-option [nzValue]="true" nzLabel="是"></nz-option>
+          </nz-select>
+          </sv>
+        </sv-container>
+        <sv-container col="1">
+          <sv label="车头照">
+            <!-- <app-imagelist [imgList]="[detailData?.carFrontPhotoWatermark, detailData?.carFrontPhotoWatermark]"></app-imagelist> -->
+            <ng-container
+            *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.carFrontPhotoWatermark,key:'carFrontPhotoWatermark',hover: 'PhotoWatermark2'}">
+          </ng-container>
+          </sv>
+        </sv-container>
+    </ng-template>
+  </page-header-wrapper>
+  <nz-card>
+    <sv-container col="3">
+      <sv-title style="font-weight: 700;">行驶证信息</sv-title>
+      <sv label="档案编号">
+        <input nz-input type="text" [(ngModel)]="detailData.archivesNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+      </sv>
+      <sv label="行驶证注册日期">
+        <!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseRegisterTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'"> -->
+        <nz-date-picker [(ngModel)]="detailData.driverLicenseRegisterTime" [nzDisabled]="!isEdit"
+        [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
+      </sv>
+    </sv-container>
+
+      <sv-container col="3">
+        <sv label="行驶证到期日">
+          <nz-date-picker [(ngModel)]="detailData.driverLicenseEndTime" [nzDisabled]="!isEdit"
+          [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
+        </sv>
+      <sv label="行驶证签发机关">
+        <input style="width: '300px'" nz-input type="text" [(ngModel)]="detailData.driverLicenseSigningOrg" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+      </sv>
+    </sv-container>
+
+    <sv-container col="3">
+      <sv label="行驶证发证日期">
+        <!-- <input nz-input type="text" [(ngModel)]="detailData.driverLicenseGetTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'"> -->
+        <nz-date-picker [(ngModel)]="detailData.driverLicenseGetTime" [nzDisabled]="!isEdit"
+        [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
+      </sv>
+      <sv label="车辆识别代码">
+        <input nz-input type="text" [(ngModel)]="detailData.carDistinguishCode" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+      </sv>
+      <sv label="使用性质">
+        <nz-select [(ngModel)]="detailData.useNature" [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit"
+        [nzShowArrow]="isEdit" [nzDisabled]="!isEdit">
+        <nz-option [nzValue]="'1'" nzLabel="营运"></nz-option>
+        <nz-option [nzValue]="'0'" nzLabel="非营运"></nz-option>
+      </nz-select>
+      </sv>
+    </sv-container>
+
+    <sv-container col="3">
+      <sv label="载重（吨）">
+        <input nz-input type="text" [(ngModel)]="detailData.carLoad" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+      </sv>
+      <sv label="整备质量">
+        <input nz-input type="text" [(ngModel)]="detailData.curbWeight" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+      </sv>
+      <sv label="所有人">
+        <input style="width: '300px'" nz-input type="text" [(ngModel)]="detailData.carOwner" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+      </sv>
+    </sv-container>
+    <sv-container col="1">
+      <sv label="行驶证照片">
+        <ng-container
+        *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.certificatePhotoFrontWatermark,key:'certificatePhotoFrontWatermark',hover: 'FrontWatermark'}">
+      </ng-container>
+        <ng-container
+        *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.certificatePhotoBackWatermark,key:'certificatePhotoBackWatermark',hover: 'BackWatermark'}">
+      </ng-container>
+      </sv>
+    </sv-container>
+    <nz-divider></nz-divider>
+    <sv-container col="3" class="mt16">
+      <sv-title style="font-weight: 700;">道路运输证信息</sv-title>
+      <sv label="道路运输证号">
+        <input nz-input type="text" [(ngModel)]="detailData.roadTransportNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+      </sv>
+      <sv label="经营许可证号">
+        <input nz-input type="text" [(ngModel)]="detailData.roadTransportLicenceNo" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'">
+      </sv>
+      <sv label="发证日期">
+        <!-- <input nz-input type="text" [(ngModel)]="detailData.roadTransportStartTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'"> -->
+        <nz-date-picker [(ngModel)]="detailData.roadTransportStartTime" [nzDisabled]="!isEdit"
+        [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
+      </sv>
+      <sv label="有效期至">
+        <!-- <input nz-input type="text" [(ngModel)]="detailData.roadTransportEndTime" [readonly]="!isEdit" [nzBorderless]="!isEdit"
+        [placeholder]="isEdit?'':'-'"> -->
+        <nz-date-picker [(ngModel)]="detailData.roadTransportEndTime" [nzDisabled]="!isEdit"
+        [nzPlaceHolder]="isEdit?'':'-'" [nzBorderless]="!isEdit" [nzSuffixIcon]="isEdit?'calendar':''"></nz-date-picker>
+      </sv>
+      <sv label="道路运输证照片">
+        <!-- <app-imagelist [imgList]="[detailData?.roadTransportPhoto,detailData?.roadTransportPhotoWatermark ]"></app-imagelist> -->
+        <ng-container
+        *ngTemplateOutlet="uploadTemplate;context:{image:detailData?.roadTransportPhotoWatermark,key:'roadTransportPhotoWatermark', hover: 'Watermark'}" >
+      </ng-container>
+      </sv>
+    </sv-container>
+    <nz-divider></nz-divider>
+    <sv-container col="2" class="mt16">
+      <sv-title style="font-weight: 700;">认证司机</sv-title>
+    </sv-container>
+    <st
+    #st
+    [bordered]="true"
+    [columns]="columns"
+    [data]="service.$api_get_queryDriverByCarId"
+    [req]="{  method: 'POST', allInBody: true, params: reqParams }"
+    [res]="{ reName: { list: 'data', total: 'data' } }"
+    [ngStyle]="{ margin: '1rem 0' }"
+    multiSort
+    size="small"
+    [page]="{ show: false }"
+  >
+  <ng-template st-row="auditStatusEnum" let-item let-index="index">
+    <div>
+      <span *ngIf="item?.auditStatusEnum === -1 || item?.auditStatusEnum === '-1'">未上传</span>
+      <span *ngIf="item?.auditStatusEnum === 0 || item?.auditStatusEnum === '0'">草稿</span>
+      <span *ngIf="item?.auditStatusEnum === 10 || item?.auditStatusEnum === '10'">待审核</span>
+      <span *ngIf="item?.auditStatusEnum === 20 || item?.auditStatusEnum === '20'">已审核</span>
+      <span *ngIf="item?.auditStatusEnum === 30 || item?.auditStatusEnum === '30'">已驳回</span>
+      <span *ngIf="item?.auditStatusEnum === 40 || item?.auditStatusEnum === '40'">证件过期</span>
+    </div>
+  </ng-template>
+  </st>
+  </nz-card>
+</ng-container>
+
+<nz-modal [(nzVisible)]="isVisible"  [nzWidth]="600" [nzFooter]="nzModalFooterEvaluate"  (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel('2')">
+  <ng-container *nzModalContent>
+    <nz-tabset>
+      <nz-tab nzTitle="我的评价">
+      <div>
+        评分: <nz-rate [ngModel]="2.5" nzAllowHalf></nz-rate>
+        <div><span>评价内容：</span></div>
+      </div>
+      </nz-tab>
+      <nz-tab nzTitle="司机评价">
+      <div>
+        暂无评价内容
+      </div>
+      </nz-tab>
+    </nz-tabset>
+  </ng-container>
+  <ng-template #nzModalFooterEvaluate>
+    <button nz-button nzType="default" (click)="handleCancel('2')">取消</button>
+    <button nz-button nzType="primary" (click)="handleOK()">确定</button>
+  </ng-template>
+</nz-modal>
+
+<ng-template #uploadTemplate let-image="image" let-key="key" let-hover="hover">
+  <nz-upload class="avatar-uploader" [nzAction]="uploadURl" nzName="multipartFile" nzListType="picture-card"
+    [nzShowUploadList]="false" nzFileType="image/png,image/jpeg,image/jpg,image/gif"
+    [nzDisabled]="!isEdit || disabledUpload" (nzChange)="changeUpload($event,key)">
+    <ng-container *ngIf="!image && isEdit">
+      <i class="upload-icon" nz-icon [nzType]="false ? 'loading' : 'plus'"></i>
+      <div class="ant-upload-text">上传</div>
+    </ng-container>
+    <div *ngIf="image" (mouseover)="detailData[hover]=true" (mouseleave)="detailData[hover]=false"
+      (click)="$event.cancelBubble=true" class="image-hover">
+      <img (click)="showImg(image)" [src]="image" style="width: 200px;height: 160px;" />
+      <div class="mask" *ngIf="detailData[hover] && isEdit"></div>
+      <div class="mask-over" *ngIf="detailData[hover] && isEdit">
+        <i nz-icon nzType="close-circle" nzTheme="fill" class="delete-icon" (click)="deleteImg(key)"></i>
+        <div style="display: flex;align-items: center;">
+          <i nz-icon nzType="eye" nzTheme="fill" class="show-icon" (click)="showImg(image)"></i>
+        </div>
+      </div>
+    </div>
+  </nz-upload>
+</ng-template>
\ No newline at end of file
diff --git a/src/app/routes/vehicle/components/list/detail/detail.component.less b/src/app/routes/vehicle/components/list/detail/detail.component.less
new file mode 100644
index 00000000..a472c0b0
--- /dev/null
+++ b/src/app/routes/vehicle/components/list/detail/detail.component.less
@@ -0,0 +1,115 @@
+:host {
+  ::ng-deep {
+
+    .sv__label,
+    .sv__detail {
+      line-height: 30px;
+    }
+
+    .edit-box {
+      input {
+        max-width: 250px;
+      }
+
+      nz-date-picker {
+        min-width: 250px;
+      }
+    }
+
+    .readOnly-box {
+      input {
+        padding-left: 0;
+        color       : #000;
+      }
+
+      nz-select-top-control {
+        padding-left: 0 !important;
+      }
+    }
+
+    .ant-select {
+      min-width: 250px;
+
+      nz-select-top-control {
+        color : #000 !important;
+        cursor: text !important;
+      }
+    }
+
+    // 图片展示工具样式改造
+    .ant-upload.ant-upload-disabled {
+      cursor: pointer;
+    }
+
+    .ant-upload.ant-upload-select-picture-card {
+      width : 200px;
+      height: 160px;
+    }
+
+    .ant-upload-picture-card-wrapper {
+      width: auto;
+    }
+  }
+}
+
+.image-hover {
+  .delete-icon {
+    position        : absolute;
+    top             : -15px;
+    right           : -15px;
+    color           : #F55656;
+    font-size       : 28px;
+    background-color: #fff;
+    border-radius   : 50%;
+    cursor          : pointer;
+  }
+
+  .show-icon {
+    color    : #fff;
+    font-size: 30px;
+    cursor   : pointer;
+  }
+}
+
+.image-hover:hover .mask {
+  opacity: 0.8;
+}
+
+.mask {
+  position           : absolute;
+  width              : 200px;
+  height             : 160px;
+  margin-top         : -160px;
+  background-color   : #4F4F4F;
+  // top             : 6px;
+  // left            : 12px;
+  border-radius      : 6px;
+  opacity            : 0;
+}
+
+.mask-over {
+  position             : absolute;
+  display              : flex;
+  align-items          : center;
+  justify-content      : center;
+  width                : 200px;
+  height               : 160px;
+  margin-top           : -160px;
+  // top               : 6px;
+  // left           : 12px;
+  border-radius        : 6px;
+
+  label {
+    color         : #FFF;
+    font-size     : 20px;
+    line-height   : 24px;
+    letter-spacing: 0.7px;
+  }
+ 
+}
+input {
+  width: 200px;
+}
+.sv__container {
+  padding-top: 10px;
+}
\ No newline at end of file
diff --git a/src/app/routes/vehicle/components/list/detail/detail.component.spec.ts b/src/app/routes/vehicle/components/list/detail/detail.component.spec.ts
new file mode 100644
index 00000000..00666a0b
--- /dev/null
+++ b/src/app/routes/vehicle/components/list/detail/detail.component.spec.ts
@@ -0,0 +1,31 @@
+/*
+ * @Author: your name
+ * @Date: 2021-11-29 20:19:08
+ * @LastEditTime: 2021-11-29 20:31:00
+ * @LastEditors: your name
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\usercenter\components\freight\list\detail\detail.component.spec.ts
+ */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { FreightComponentsListDetailComponent } from './detail.component';
+
+describe('FreightComponentsListDetailComponent', () => {
+  let component: FreightComponentsListDetailComponent;
+  let fixture: ComponentFixture<FreightComponentsListDetailComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [FreightComponentsListDetailComponent],
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FreightComponentsListDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/vehicle/components/list/detail/detail.component.ts b/src/app/routes/vehicle/components/list/detail/detail.component.ts
new file mode 100644
index 00000000..a07c9e7d
--- /dev/null
+++ b/src/app/routes/vehicle/components/list/detail/detail.component.ts
@@ -0,0 +1,302 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { VehicleService } from '../../../services/vehicle.service';
+import { VehicleComponentsListEditComponent } from '../edit/edit.component';
+import { VehicleImgViewComponent } from '../img-view/img-view.component';
+import { apiConf } from '@conf/api.conf';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ImageViewComponent } from 'src/app/shared/components/imagelist';
+import { EADateUtil } from '@shared';
+import { NzImageService } from 'ng-zorro-antd/image';
+
+@Component({
+  selector: 'app-supplier-components-list-view',
+  templateUrl: './detail.component.html',
+  styleUrls: ['./detail.component.less']
+})
+export class VehicleComponentsListDetailComponent implements OnInit {
+  i: any;
+  @ViewChild('st', { static: false }) st!: STComponent;
+  isShow = false;
+  isVisible = false;
+  isEdit = false;
+  modalTitle = '有效期';
+  modalName = '';
+  ui!: SFUISchema;
+  columns!: STColumn[];
+  uploadURl = apiConf.fileUpload;
+  schema!: SFSchema;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema1!: SFSchema;
+  @ViewChild('sf1', { static: false }) sf1!: SFComponent;
+  validData: any = ['suppliersType'];
+  suppliersData: any = {};
+  disabledUpload = false;
+  detailData: any = this.initData();
+  tempalateData: any;
+  contenCarNoColor: any;
+  contencarModel: any;
+  contenCarLength: any;
+
+  constructor(
+    private http: _HttpClient,
+    private modal: ModalHelper,
+    public service: VehicleService,
+    private route: ActivatedRoute,
+    private modalHelper: ModalHelper,
+    private msgSrv: NzMessageService,
+    private nzModalService: NzModalService,
+    private nzImageService: NzImageService
+  ) {}
+
+  ngOnInit() {
+    this.getSelectList();
+    this.getDetailList();
+    this.initSF();
+    this.initSF1();
+    this.initST();
+  }
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    return { id: this.route.snapshot?.params?.id };
+  }
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        effectiveDate: {
+          title: '有效期',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            format: 'yyyy-MM-dd 00:00:00'
+            // hidden: this.modalName === 'effectiveDate' ? false : true,
+          } as SFDateWidgetSchema
+        }
+      },
+      required: ['effectiveDate']
+    };
+    this.ui = { '*': { spanLabelFixed: 120, grid: { span: 24 } } };
+  }
+  initST() {
+    this.columns = [
+      { title: '司机姓名', index: 'name', width: 300, className: 'text-center' },
+      { title: '司机手机号', index: 'mobile', width: 300, className: 'text-center' },
+      { title: '挂靠协议', render: 'auditStatusEnum', className: 'text-center' },
+      { title: '录入人员', index: 'saveUser', className: 'text-center' },
+      {
+        title: '车主申明/挂靠协议',
+        fixed: 'right',
+        width: '200px',
+        className: 'text-left',
+        buttons: [
+          {
+            text: '查看协议',
+            click: _record => this.viewEvaluate(_record),
+            iif: item => item.auditStatusEnum == 10 || item.auditStatusEnum == 20
+          },
+          {
+            text: '上传协议',
+            click: _record => this.updateEvaluate(_record),
+            iif: item => item.auditStatusEnum == -1
+          }
+        ]
+      }
+    ];
+  }
+  initSF1() {
+    this.schema1 = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        suppliersType: {
+          type: 'string',
+          title: '类型',
+          enum: [
+            { label: '非外部供应商', value: 0 },
+            { label: '外部供应商', value: 1 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            change: (args: any) => {
+              console.log(args, 'args');
+              this.suppliersData.suppliersType = args;
+              if (args === 1) {
+                this.validData = ['suppliersType', 'externalSuppliersId'];
+              } else {
+                this.validData = ['suppliersType'];
+                this.suppliersData.externalSuppliersId = '';
+              }
+              this.initSF1();
+            }
+          }
+        },
+        externalSuppliersId: {
+          title: '外部供应商id',
+          type: 'string',
+          default: '',
+          ui: {
+            visibleIf: { suppliersType: (value: any) => value === 1 }
+          }
+        }
+      },
+      required: this.validData
+    };
+  }
+  // 获取录单员
+  getSelectList() {
+    this.Serveice('car:color');
+    this.Serveice('car:model');
+    this.Serveice('car:length');
+  }
+  Serveice(param: any) {
+    let value: any;
+    this.service
+      .request(`${this.service.$api_get_getDictValue}`, {
+        dictKey: param
+      })
+      .subscribe(res => {
+        if (param === 'car:color') {
+          this.contenCarNoColor = res;
+        } else if (param === 'car:model') {
+          this.contencarModel = res;
+        } else if (param === 'car:length') {
+          this.contenCarLength = res;
+        }
+      });
+    return value;
+  }
+  //
+  getDetailList() {
+    console.log(this.route.snapshot?.params?.id);
+    const params = {
+      id: this.route.snapshot?.params?.id
+    };
+    this.service.request(`${this.service.$api_get_operate_get}`, params).subscribe(res => {
+      this.detailData = res;
+      this.tempalateData = res;
+    });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+
+  handleCancel(name: any) {}
+
+  /**
+   *查看评价
+   */
+  viewEvaluate(item: any) {
+    this.modal.createStatic(VehicleImgViewComponent, { i: item }).subscribe(() => {
+      this.st.reload();
+      this.getDetailList();
+    });
+  }
+  /**
+   *查看评价
+   */
+  updateEvaluate(item: any) {
+    this.modal.createStatic(VehicleComponentsListEditComponent, { i: item }).subscribe(() => {
+      this.st.reload();
+      this.getDetailList();
+    });
+  }
+  handleOK() {}
+  ratify() {
+    this.isEdit = true;
+  }
+  changeUpload({ file, fileList, type }: any, key: string) {
+    console.log({ file, fileList, type });
+    if (type === 'success') {
+      this.detailData[key] = file.response.data.fullFilePath;
+    }
+  }
+  deleteImg(key: string) {
+    console.log(key);
+    this.nzModalService.warning({
+      nzTitle: '是否确认删除该图片',
+      nzOnOk: () => {
+        this.disabledUpload = true;
+        this.detailData[key] = '';
+        setTimeout(() => {
+          this.disabledUpload = false;
+        }, 100);
+      }
+    });
+  }
+  showImg(url: any) {
+    const params = {
+      imgList: [url],
+      index: 0
+    };
+    this.nzImageService.preview([{ src: url }]);
+    // this.nzModalService.create({ nzContent: ImageViewComponent, nzComponentParams: { params } });
+  }
+
+  reset() {
+    this.detailData = { ...this.tempalateData };
+    this.isEdit = false;
+  }
+
+  save() {
+    console.log(this.detailData);
+    this.detailData.driverLicenseRegisterTime = EADateUtil.yearToDate(this.detailData?.driverLicenseRegisterTime);
+
+    this.detailData.driverLicenseEndTime = EADateUtil.yearToDate(this.detailData?.driverLicenseEndTime);
+
+    this.detailData.driverLicenseGetTime = EADateUtil.yearToDate(this.detailData?.driverLicenseGetTime);
+
+    this.detailData.roadTransportStartTime = EADateUtil.yearToDate(this.detailData?.roadTransportStartTime);
+
+    this.detailData.roadTransportEndTime = EADateUtil.yearToDate(this.detailData?.roadTransportEndTime);
+    console.log(this.detailData);
+    console.log(this.detailData.roadTransportStartTime)
+    if((this.detailData.roadTransportStartTime > this.detailData.roadTransportEndTime) || (this.detailData.driverLicenseRegisterTime > this.detailData.driverLicenseEndTime)) {
+      this.service.msgSrv.error('发证日期起始不能大于结束日期！')
+       return;
+    }
+    this.service.request(this.service.$api_get_update, this.detailData).subscribe(res => {
+      console.log(res);
+      if (res) {
+        this.getDetailList();
+         this.isEdit = false;
+        this.service.msgSrv.success('修改成功！');
+      }
+    });
+  }
+
+  private initData() {
+    return {
+      carNo: '',
+      carNoColor: '',
+      carModel: '',
+      carLength: '',
+      archivesNo: '',
+      driverLicenseSigningOrg: '',
+      carDistinguishCode: '',
+      carLoad: '',
+      curbWeight: '',
+      roadTransportNo: '',
+      roadTransportLicenceNo: '',
+      carOwner: '',
+      isTrailer: null,
+      useNature: null,
+      driverLicenseRegisterTime: null,
+      driverLicenseGetTime: null,
+      driverLicenseEndTime: null,
+      roadTransportStartTime: null,
+      roadTransportEndTime: null,
+      carFrontPhotoWatermark: ''
+    };
+  }
+}
diff --git a/src/app/routes/vehicle/components/list/edit/edit.component.html b/src/app/routes/vehicle/components/list/edit/edit.component.html
new file mode 100644
index 00000000..3442af67
--- /dev/null
+++ b/src/app/routes/vehicle/components/list/edit/edit.component.html
@@ -0,0 +1,19 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-12-07 17:20:23
+ * @LastEditTime: 2021-12-16 16:16:27
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\vehicle\components\list\edit\edit.component.html
+-->
+<div class="modal-header">
+  <div class="modal-title">{{ i.typeName }}</div>
+</div>
+<div>
+  <sf #sf [ui]="ui" [schema]="schema" [button]="'none'" [formData]="formData">
+  </sf>
+</div>
+<div class="modal-footer">
+  <button nz-button type="button" (click)="close()">取消</button>
+  <button nz-button type="button" nzType="primary" (click)="sure()" [disabled]="!sf?.valid" [nzLoading]="service.http.loading">确定</button>
+</div>
diff --git a/src/app/routes/vehicle/components/list/edit/edit.component.spec.ts b/src/app/routes/vehicle/components/list/edit/edit.component.spec.ts
new file mode 100644
index 00000000..688a7662
--- /dev/null
+++ b/src/app/routes/vehicle/components/list/edit/edit.component.spec.ts
@@ -0,0 +1,23 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { UcenterComponentsInfoEditComponent } from './edit.component';
+
+describe('UcenterComponentsInfoEditComponent', () => {
+  let component: UcenterComponentsInfoEditComponent;
+  let fixture: ComponentFixture<UcenterComponentsInfoEditComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [UcenterComponentsInfoEditComponent],
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(UcenterComponentsInfoEditComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/vehicle/components/list/edit/edit.component.ts b/src/app/routes/vehicle/components/list/edit/edit.component.ts
new file mode 100644
index 00000000..ef6b14f3
--- /dev/null
+++ b/src/app/routes/vehicle/components/list/edit/edit.component.ts
@@ -0,0 +1,124 @@
+import { Params } from '@angular/router';
+import { Component, OnInit, ViewChild, Type } from '@angular/core';
+import { SFComponent, SFSchema, SFUISchema, SFUploadWidgetSchema, SFTextareaWidgetSchema } from '@delon/form';
+import { EAEnvironmentService, CaptchaComponent, EAUserService } from '@shared';
+import { Observable, Observer } from 'rxjs';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { apiConf } from '@conf/api.conf';
+import { VehicleService } from '../../../services/vehicle.service';
+@Component({
+  selector: 'app-setting-components-info-edit',
+  templateUrl: './edit.component.html',
+})
+export class VehicleComponentsListEditComponent implements OnInit {
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  record: any = {};
+  i: any = {};
+  infoData: any = {};
+  schema!: SFSchema;
+  ui!: SFUISchema;
+  formData: any = {};
+  interval$: any;
+  phone!: string;
+
+  constructor(
+    private modal: NzModalRef,
+    public msgSrv: NzMessageService,
+    public service: VehicleService,
+    private envSrv: EAEnvironmentService,
+  ) {}
+
+  ngOnInit(): void {
+    console.log('init:', this.i, this.infoData);
+    // 设置初始值
+    this.initInfo();
+    this.initSF();
+  }
+  initInfo() {
+        if (this.infoData.carProtocal) {
+          this.formData = {
+            carProtocal: [
+              {
+                uid: 'logo',
+                name: 'LOGO',
+                status: 'done',
+                url: this.infoData.carProtocal,
+                response: {
+                  url: this.infoData.carProtocal,
+                },
+              },
+        ],
+          };
+        }
+  }
+  initSF() {
+    // 依据类型初始表单
+    this.schema = {
+      properties: {
+        carProtocal: {
+          type: 'string',
+          title: '车主申明/挂靠协议',
+          ui: {
+            widget: 'upload',
+            action: apiConf.fileUpload,
+            fileType: 'image/png,image/jpeg,image/jpg,image/gif',
+            limit: 1,
+            limitFileCount: 1,
+            resReName: 'data.fullFileWatermarkPath',
+            urlReName: 'data.fullFileWatermarkPath',
+            descriptionI18n: '图片支持jpg、jpeg、png、gif格式，大小不超过5M',
+            data: {
+              appId: this.envSrv.env.appId,
+            },
+            name: 'multipartFile',
+            beforeUpload: (file: any, fileList: any) => {
+              return new Observable((observer: Observer<boolean>) => {
+                const isLt1M = file.size / 1024 / 1024 < 5;
+                const fileType = 'image/png,image/jpeg';
+                if (fileType.indexOf(file.type) === -1) {
+                  this.service.msgSrv.warning('图片格式不正确！');
+                  observer.complete();
+                  return;
+                }
+                if (!isLt1M) {
+                  this.service.msgSrv.warning('图片大小超过5M!');
+                  observer.complete();
+                  return;
+                }
+                observer.next(isLt1M);
+                observer.complete();
+              });
+            },
+            multiple: false,
+            listType: 'picture-card',
+            showRequired: true,
+          } as SFUploadWidgetSchema,
+        },
+      },
+      required: ['carProtocal'],
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 120,
+        grid: { span: 24 },
+      },
+    };
+  }
+
+  close() {
+    this.modal.destroy();
+  }
+  sure() {
+   const params ={
+    carProtocal: this.sf.value.carProtocal?.data?.fullFilePath,
+    id: this.i.id
+   }
+   this.service.request(this.service.$api_get_upLoadCarProtocal, params).subscribe((res) => {
+     if(res) {
+      this.modal.destroy(true);
+      this.service.msgSrv.success('上传协议成功！')
+     }
+   })
+  }
+}
diff --git a/src/app/routes/vehicle/components/list/img-view/img-view.component.html b/src/app/routes/vehicle/components/list/img-view/img-view.component.html
new file mode 100644
index 00000000..9065b2fe
--- /dev/null
+++ b/src/app/routes/vehicle/components/list/img-view/img-view.component.html
@@ -0,0 +1,34 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-12-07 17:30:18
+ * @LastEditTime: 2021-12-16 15:19:12
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\vehicle\components\list\img-view\img-view.component.html
+-->
+<!--
+ * @Author: your name
+ * @Date: 2021-12-07 17:30:18
+ * @LastEditTime: 2021-12-15 17:34:07
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\vehicle\components\list\img-view\img-view.component.html
+-->
+<div class="modal-header">
+  <div class="modal-title">查看协议</div>
+</div>
+<div class="text-center">
+  <div class="text-center"><img [src]="i?.carProtocal" /></div>
+</div>
+<div *nzModalFooter>
+  <button *ngIf="i?.auditStatusEnum == 20 || i?.auditStatusEnum == 30" nz-button nzType="default" (click)="cancel()">取消</button>
+  <button *ngIf="i?.auditStatusEnum == 20 || i?.auditStatusEnum == 30" nz-button nzType="primary" (click)="cancel()">确定</button>
+
+  <button *ngIf="i?.auditStatusEnum == 10" nz-button nzType="default" (click)="reject()">驳回</button>
+  <button *ngIf="i?.auditStatusEnum == 10" nz-button nzType="primary" (click)="okCancel()">通过</button>
+</div>
+<style>
+  .text-center img {
+    max-width: 100%;
+  }
+</style>
diff --git a/src/app/routes/vehicle/components/list/img-view/img-view.component.ts b/src/app/routes/vehicle/components/list/img-view/img-view.component.ts
new file mode 100644
index 00000000..26149480
--- /dev/null
+++ b/src/app/routes/vehicle/components/list/img-view/img-view.component.ts
@@ -0,0 +1,58 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-07 17:30:18
+ * @LastEditTime: 2022-01-18 16:36:27
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\vehicle\components\list\img-view\img-view.component.ts
+ */
+import { Component, OnInit } from '@angular/core';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { VehicleService } from '../../../services/vehicle.service';
+
+@Component({
+  selector: 'app-setting-components-info-img-view',
+  templateUrl: './img-view.component.html',
+})
+export class VehicleImgViewComponent implements OnInit {
+  record: any = {};
+  i: any;
+
+  constructor(private modal: NzModalRef, public msgSrv: NzMessageService, public http: _HttpClient, public service: VehicleService) {}
+
+  ngOnInit(): void {
+    console.log(this.i);
+  }
+
+  cancel() {
+    this.modal.destroy(true);
+  }
+  // 驳回
+  reject() {
+    const params ={
+      approvalStatus: 30,
+      id: this.i.id
+    }
+    this.service.request(this.service.$api_get_auditCarProtocal_audit, params).subscribe((res) => {
+      if(res) {
+        this.modal.destroy(true);
+        this.service.msgSrv.success('已驳回')
+      }
+    })
+  }
+  // 通过
+  okCancel() {
+  const params ={
+    approvalStatus: 20,
+    id: this.i.id
+    }
+    this.service.request(this.service.$api_get_auditCarProtocal_audit, params).subscribe((res) => {
+        if(res) {
+          this.modal.destroy(true);
+        this.service.msgSrv.success('已通过')
+        }
+    })
+  }
+}
diff --git a/src/app/routes/vehicle/components/list/list.component.html b/src/app/routes/vehicle/components/list/list.component.html
new file mode 100644
index 00000000..e2e98417
--- /dev/null
+++ b/src/app/routes/vehicle/components/list/list.component.html
@@ -0,0 +1,86 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-11-29 15:22:34
+ * @LastEditTime : 2022-02-17 17:25:34
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\vehicle\\components\\list\\list.component.html
+-->
+<!-- 页头 -->
+<page-header-wrapper></page-header-wrapper>
+<nz-card>
+  <!-- 搜索区 -->
+  <!-- 搜索表单 -->
+  <div nz-row nzGutter="8">
+    <div nz-col [nzSpan]="_$expand ? 24 : 18">
+      <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+    </div>
+    <div nz-col [nzSpan]="_$expand ? 24 : 6" class="text-right">
+      <button
+        nz-button
+        nzType="primary"
+        acl
+        [acl-ability]="['VEHICLE-LIST-search']"
+        [nzLoading]="service.http.loading"
+        (click)="st?.load(1)"
+        >查询</button>
+      <button nz-button nzType="primary" [disabled]="false" (click)="exportFire()" acl [acl-ability]="'VEHICLE-LIST-export'"
+        >导出</button
+      >
+      <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+      <button nz-button nzType="link" (click)="expandToggle()">
+        {{ !_$expand ? '展开' : '收起' }}
+        <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+      </button>
+    </div>
+  </div>
+</nz-card>
+<nz-card>
+  <!-- 数据列表 -->
+
+  <st
+    #st
+    [bordered]="true"
+    [scroll]="{ x: '1200px' }"
+    [columns]="columns"
+    [data]="service.$api_get_operate_list"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+    [res]="{ reName: { list: 'data.records', total: 'data.total' }, process: dataProcess }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="false"
+  >
+    <ng-template st-row="carLength" let-item let-index="index">
+      <div
+        >{{ item?.carModelLabel }}-{{ item?.carLengthLabel ? item?.carLengthLabel + '米' : '' }}-{{
+          item?.carLoad ? item?.carLoad + '吨' : ''
+        }}</div
+      >
+    </ng-template>
+    <ng-template st-row="isSelf" let-item let-index="index">
+      <div>
+        {{ item?.isSelf ? '是' : '否' }}
+      </div>
+    </ng-template>
+    <ng-template st-row="putOnRecord" let-item let-index="index">
+      <div>
+        {{ item?.putOnRecord ? '是' : '否' }}
+      </div>
+    </ng-template>
+    <ng-template st-row="approvalAuditStatus" let-item let-index="index">
+      <div>
+        <span *ngIf="item?.approvalAuditStatus === -1 || (item?.approvalAuditStatus === '-1' && item?.isSelf)">未上传</span>
+        <span *ngIf="item?.approvalAuditStatus === 0 || (item?.approvalAuditStatus === '0' && item?.isSelf)">草稿</span>
+        <span *ngIf="item?.approvalAuditStatus === 10 || (item?.approvalAuditStatus === '10' && item?.isSelf)">待审核</span>
+        <span *ngIf="item?.approvalAuditStatus === 15 || (item?.approvalAuditStatus === '15' && item?.isSelf)">已撤销</span>
+        <span *ngIf="item?.approvalAuditStatus === 20 || (item?.approvalAuditStatus === '20' && item?.isSelf)">已审核</span>
+        <span *ngIf="item?.approvalAuditStatus === 30 || (item?.approvalAuditStatus === '30' && item?.isSelf)">已驳回</span>
+        <span *ngIf="item?.approvalAuditStatus === 40 || (item?.approvalAuditStatus === '40' && item?.isSelf)">证件过期</span>
+        <span *ngIf="!item?.isSelf">-</span>
+      </div>
+    </ng-template>
+    <ng-template st-row="stateCol" let-item let-index="index">
+      <nz-tag *ngIf="item.stateLocked" nzColor="error">冻结</nz-tag>
+      <nz-tag *elseBlock nzColor="success">正常</nz-tag>
+    </ng-template>
+  </st>
+</nz-card>
diff --git a/src/app/routes/vehicle/components/list/list.component.ts b/src/app/routes/vehicle/components/list/list.component.ts
new file mode 100644
index 00000000..7f81c557
--- /dev/null
+++ b/src/app/routes/vehicle/components/list/list.component.ts
@@ -0,0 +1,318 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { STColumn, STComponent, STData } from '@delon/abc/st';
+import { SFComponent, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { VehicleService } from '../../../vehicle/services/vehicle.service';
+@Component({
+  selector: 'app-Vehicle-components-list',
+  templateUrl: './list.component.html'
+})
+export class VehicleComponentsListComponent implements OnInit {
+  _$expand = false;
+
+  ui!: SFUISchema;
+  schema!: SFSchema;
+  columns!: STColumn[];
+  @ViewChild('st', { static: false }) st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+
+  constructor(public service: VehicleService, private modal: NzModalService, private router: Router, private ar: ActivatedRoute) { }
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const params: any = {
+      ...(this.sf && this.sf.value)
+    };
+    if (this.sf?.value.effectiveDate) {
+      params.effectiveDateStart = this.sf?.value.effectiveDate[0];
+      params.effectiveDateEnd = this.sf?.value.effectiveDate[1];
+    }
+    delete params.effectiveDate;
+    delete params.expand;
+    return params;
+  }
+
+  ngOnInit() {
+    this.initSF();
+    this.initST();
+    this.ar.url.subscribe(params => {
+      this.st?.load(1);
+    });
+  }
+  dataProcess(data: STData[]): STData[] {
+    return data.map((i, index) => {
+      i.showSortFlag = false;
+      return i;
+    });
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        expand: {
+          type: 'boolean',
+          ui: {
+            hidden: true
+          }
+        },
+        carNo: {
+          title: '车牌号',
+          type: 'string',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            onSearch: (q: any) => {
+              if (!!q) {
+                return this.service
+                  .request(this.service.$api_get_getCarLicenseListByCarNo, {
+                    carNo: q
+                  })
+                  .pipe(map((res: any) => (res?.records as any[]).map(i => ({ label: i.carNo, value: i.carNo } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            }
+          } as SFSelectWidgetSchema
+        },
+        carNoColor: {
+          type: 'string',
+          title: '车牌颜色',
+          ui: {
+            widget: 'dict-select',
+            containsAllLabel: true,
+            params: { dictKey: 'car:color' }
+          }
+        },
+        carStatus: {
+          title: '运营状态',
+          type: 'string',
+          enum: [
+            { label: '空闲', value: 0 },
+            { label: '运输中', value: 1 }
+          ],
+          ui: {
+            allowClear: true,
+            widget: 'select'
+          }
+        },
+        carModel: {
+          title: '车型',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'car:model' },
+            containsAllLabel: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        carLength: {
+          title: '车长',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'car:length' },
+            containsAllLabel: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        carLoad: {
+          title: '载重',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        isSelf: {
+          type: 'string',
+          title: '是否挂靠',
+          enum: [
+            { label: '是', value: 1 },
+            { label: '否', value: 0 }
+          ],
+          ui: {
+            widget: 'select',
+            allowClear: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        driverLicenseStatus: {
+          type: 'string',
+          title: '行驶证到期状态',
+          enum: [
+            { label: '正常', value: 1 },
+            { label: '即将到期', value: 2 },
+            { label: '已到期', value: 3 }
+          ],
+          default: '',
+          ui: {
+            widget: 'select',
+            allowClear: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        roadTransportStatus: {
+          type: 'string',
+          title: '道运证到期状态',
+          enum: [
+            { label: '正常', value: 1 },
+            { label: '即将到期', value: 2 },
+            { label: '已到期', value: 3 }
+          ],
+          ui: {
+            widget: 'select',
+            allowClear: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        isSelfs: {
+          type: 'string',
+          title: '是否入网',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '是', value: 1 },
+            { label: '否', value: 0 }
+          ],
+          ui: {
+            widget: 'select',
+            allowClear: true,
+            visibleIf: {
+              expand: (value: boolean) => value
+            }
+          }
+        },
+        // putOnRecord: {
+        //   type: 'string',
+        //   title: '是否已备案',
+        //   enum: [
+        //     { label: '是', value: 1 },
+        //     { label: '否', value: 0 },
+        //   ],
+        //   ui: {
+        //     widget: 'select',
+        //     visibleIf: {
+        //       expand: (value: boolean) => value,
+        //     },
+        //   },
+        // },
+      }
+    };
+    this.ui = { '*': { spanLabelFixed: 130, grid: { span: 8, gutter: 4 }, enter: () => this.st.load() } };
+  }
+
+  initST() {
+    this.columns = [
+      // { title: '', type: 'checkbox', className: 'text-center' },
+      { title: '车牌号', width: '150px', className: 'text-center', index: 'carNo' },
+      { title: '车牌颜色', width: '150px', className: 'text-center', index: 'carNoColorLabel' },
+      { title: '车型-车长-载重', width: '180px', className: 'text-center', render: 'carLength' },
+      {
+        title: '运营状态',
+        width: '150px',
+        className: 'text-center',
+        index: 'carStatus',
+        type: 'badge',
+        badge: {
+          true: { text: '运输中', color: 'success' },
+          false: { text: '空闲', color: 'default' }
+        }
+      },
+      // { title: '道运证', width: '150px', className: 'text-center', index: 'roadTransportNo' },
+      // { title: '审核人', width: '150px', className: 'text-center', index: 'approvalUserName' },
+
+      {
+        title: '行驶证到期状态',
+        width: '180px',
+        className: 'text-center',
+        index: 'driverLicenseStatus',
+        type: 'badge',
+        badge: {
+          1: { text: '正常', color: 'success' },
+          2: { text: '即将到期', color: 'warning' },
+          3: { text: '已到期', color: 'error' }
+        }
+      },
+      {
+        title: '道运证到期状态',
+        width: '180px',
+        className: 'text-center',
+        index: 'roadTransportStatus',
+        type: 'badge',
+        badge: {
+          1: { text: '正常', color: 'success' },
+          2: { text: '即将到期', color: 'warning' },
+          3: { text: '已到期', color: 'error' }
+        }
+      },
+      { title: '是否入网', width: '200px', className: 'text-center', index: 'carOwner' },
+      { title: '所有人', width: '200px', className: 'text-center', index: 'carOwner' },
+      { title: '是否挂靠', width: '150px', className: 'text-center', render: 'isSelf' },
+      { title: '挂靠协议', width: '150px', className: 'text-center', render: 'approvalAuditStatus' },
+      // { title: '是否已备案', className: 'text-center', render: 'putOnRecord', },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '100px',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '查看',
+            acl: { ability: ['VEHICLE-LIST-view'] },
+            click: item => {
+              this.router.navigate(['/vehicle/list/detail/' + item.id] );
+              // this.router.navigate(['./view', item.id], { relativeTo: this.ar, queryParams: { tenantId: item.tenantId } });
+            }
+          }
+          // {
+          //   text: '申请备案',
+          //   click: (item) => {
+
+          //   },
+          // },
+        ]
+      }
+    ];
+  }
+  expandToggle() {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/expand', this._$expand);
+  }
+  creat() {
+    this.router.navigate(['./new'], { relativeTo: this.ar });
+  }
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this._$expand = false;
+  }
+  // 导出
+  exportFire() {
+    this.service.request(this.service.$api_carLicense_export, this.reqParams).subscribe((res: any) => {
+      if(res) {
+        this.service.msgSrv.success('导出成功,请去右上角下载中心下载')
+        return
+      }
+    });
+  }
+}
diff --git a/src/app/routes/vehicle/services/vehicle.service.ts b/src/app/routes/vehicle/services/vehicle.service.ts
new file mode 100644
index 00000000..2e95a0e3
--- /dev/null
+++ b/src/app/routes/vehicle/services/vehicle.service.ts
@@ -0,0 +1,72 @@
+/*
+ * @Author: your name
+ * @Date: 2021-11-29 15:22:34
+ * @LastEditTime : 2022-02-17 15:38:07
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\vehicle\\services\\vehicle.service.ts
+ */
+import { Injectable, Injector } from '@angular/core';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { BaseService } from 'src/app/shared/services/core/base.service';
+import { EAFileUtil } from 'src/app/shared/utils/file.util';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class VehicleService extends BaseService {
+  // 查询车辆认证表
+  $api_get_operate_list = `/api/mdc/cuc/carLicense/operate/list/page`;
+  // 查询用户车辆认证表（审核列表）
+  $api_get_userCarLicense_list = `/api/mdc/cuc/carLicenseAudit/operate/list/page`;
+  // 获取车辆认证表
+  $api_get_operate_get = `/api/mdc/cuc/carLicense/operate/get`;
+  // 获取车辆认证表(审核列表）
+  $api_get_operate_getaudit = `/api/mdc/cuc/carLicenseAudit/operate/get`;
+
+  // 获取车辆认证司机列表
+  // $api_get_queryDriverByCarId = `/api/mdc/cuc/carLicenseAudit/operate/queryDriverByCarId`;
+  $api_get_queryDriverByCarId = `/api/mdc/cuc/carLicenseAudit/operate/queryDriverByCarId`;
+  // 详情需要的下拉框数据
+  $api_get_getDictValue = `/api/mdc/pbc/dictItems/getDictValue`;
+  // 审核司机车辆认证(审核列表)
+  $api_get_operate_audit = `/api/mdc/cuc/carLicenseAudit/operate/audit`;
+  // 审核司机挂靠协议(审核列表)
+  $api_get_auditCarProtocal_audit = `/api/mdc/cuc/carLicenseAudit/operate/auditCarProtocal`;
+
+  // 更新司机车辆审核信息(审核列表)
+  $api_get_update_audit = `/api/mdc/cuc/carLicenseAudit/operate/update`;
+  // 更新司机车辆审核信息
+  $api_get_update = `/api/mdc/cuc/carLicense/operate/update`;
+
+  // 上传司机挂靠协议
+  $api_get_upLoadCarProtocal = `/api/mdc/cuc/carLicenseAudit/operate/upLoadCarProtocal`;
+
+  // 根据车牌号查询车辆信息（车辆认证表）
+  $api_get_getCarLicenseListByCarNo = `/api/mdc/cuc/carLicense/findCarLicenseByCarNo`;
+  // /api/mdc/cuc/carLicense/findCarLicenseByCarNo
+  // 根据车牌号查询车辆信息（车辆审核认证表）
+  $api_get_getCarLicenseListByCarNo_audit = `/api/mdc/cuc/carLicenseAudit/operate/findCarLicenseAuditListByCarNo`;
+
+  // 导出（车辆认证表）
+  $api_carLicense_export = `/api/mdc/cuc/carLicense/operate/export`;
+  // 导出（车辆审核认证表）
+  $api_carLicenseAudit_export = `/api/mdc/cuc/carLicenseAudit/operate/export`;
+
+  // 获取货主车辆信息
+  $api_shipperCarGet = '/api/mdc/shipperCar/get';
+  // 根据地区code查询列表
+  $api_getRegionByCode = '/api/mdc/pbc/region/getRegionByCode';
+  // 道路运输证识别
+  $api_recognizeTransportationLicense = '/api/mdc/pbc/hwc/ocr/recognizeTransportationLicense';
+  // 行驶证识别
+  $api_recognizeVehicleLicense = '/api/mdc/pbc/hwc/ocr/recognizeVehicleLicense';
+  // 保存货主车辆关联表
+  $api_saveUpdateShipperCar = '/api/mdc/shipperCar/saveUpdateShipperCar';
+  // 添加车辆信息
+  $api_addOrUpdateCarLicenseInfo = '/api/mdc/cuc/carLicenseAudit/operate/addOrUpdateCarLicenseInfo';
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/vehicle/vehicle-routing.module.ts b/src/app/routes/vehicle/vehicle-routing.module.ts
new file mode 100644
index 00000000..9f3dad48
--- /dev/null
+++ b/src/app/routes/vehicle/vehicle-routing.module.ts
@@ -0,0 +1,27 @@
+/*
+ * @Author: your name
+ * @Date: 2021-11-29 15:22:34
+ * @LastEditTime: 2021-12-13 09:56:49
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\usercenter\usercenter-routing.module.ts
+ */
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { VehicleComponentsAuditComponent } from './components/audit/audit.component';
+import { VehicleComponentsAuditDetailComponent } from './components/audit/detail/detail.component';
+import { VehicleComponentsListDetailComponent } from './components/list/detail/detail.component';
+import { VehicleComponentsListComponent } from './components/list/list.component';
+
+const routes: Routes = [
+  { path: 'list', component: VehicleComponentsListComponent },
+  { path: 'list/detail/:id', component: VehicleComponentsListDetailComponent },
+  { path: 'audit', component: VehicleComponentsAuditComponent },
+  { path: 'audit/detail/:id', component: VehicleComponentsAuditDetailComponent }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class VehicleRoutingModule {}
diff --git a/src/app/routes/vehicle/vehicle.module.ts b/src/app/routes/vehicle/vehicle.module.ts
new file mode 100644
index 00000000..72ab6e09
--- /dev/null
+++ b/src/app/routes/vehicle/vehicle.module.ts
@@ -0,0 +1,35 @@
+/*
+ * @Author: your name
+ * @Date: 2021-11-29 15:22:34
+ * @LastEditTime: 2021-12-13 09:58:58
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\usercenter\usercenter.module.ts
+ */
+import { NgModule } from '@angular/core';
+import { SharedModule } from '@shared';
+import { VehicleComponentsAuditComponent } from './components/audit/audit.component';
+import { VehicleComponentsAuditDetailComponent } from './components/audit/detail/detail.component';
+import { CarSettleCarauthComponent } from './components/list/carauth/carauth.component';
+import { VehicleComponentsListDetailComponent } from './components/list/detail/detail.component';
+import { VehicleComponentsListEditComponent } from './components/list/edit/edit.component';
+import { VehicleImgViewComponent } from './components/list/img-view/img-view.component';
+import { VehicleComponentsListComponent } from './components/list/list.component';
+import { VehicleRoutingModule } from './vehicle-routing.module';
+
+
+const COMPONENTS = [
+  VehicleComponentsListComponent,
+  VehicleComponentsListDetailComponent,
+  VehicleComponentsListEditComponent,
+  VehicleImgViewComponent,
+  VehicleComponentsAuditComponent,
+  VehicleComponentsAuditDetailComponent,
+  CarSettleCarauthComponent
+];
+
+@NgModule({
+  imports: [SharedModule, VehicleRoutingModule],
+  declarations: [...COMPONENTS],
+})
+export class VehicleModule {}
diff --git a/src/app/routes/waybill-management/components/abnormal-appear/abnormal-appear.component.html b/src/app/routes/waybill-management/components/abnormal-appear/abnormal-appear.component.html
new file mode 100644
index 00000000..d4ac94de
--- /dev/null
+++ b/src/app/routes/waybill-management/components/abnormal-appear/abnormal-appear.component.html
@@ -0,0 +1,99 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-12-24 15:38:08
+ * @LastEditTime : 2022-03-24 19:40:36
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\waybill-management\\components\\abnormal-appear\\abnormal-appear.component.html
+-->
+<page-header-wrapper title="异常上报"> </page-header-wrapper>
+
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="search()"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.text-right]="_$expand">
+        <button nz-button nzType="primary" [disabled]="!sf.valid" [nzLoading]="isLoading && st.loading" (click)="search()"  acl  [acl-ability]="['WAYBILL-ABNORMAL-search']">查询</button>
+        <button nz-button (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card class="content-box">
+  <nz-tabset [(nzSelectedIndex)]="selectedIndex">
+    <nz-tab [nzTitle]="'待回复(' + tabs?.stayQuantity + ')'">
+      <st
+        #st
+        [data]="service.$api_get_listOperatePage"
+        [columns]="columns"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+        [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+        [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+        [loading]="false"
+        [scroll]="{ x: '2000px' }"
+      >
+        <ng-template st-row="exceptionCertificateFirstFilePath" let-item let-index="index">
+          <div class="imgBox">
+            <div *ngIf="item?.exceptionCertificateFirstFilePath">
+              <app-imagelist style="width: 40px" [imgList]="[item?.exceptionCertificateFirstFilePath]"> </app-imagelist>
+            </div>
+            <div *ngIf="item?.exceptionCertificateSecondFilePath">
+            <app-imagelist style="width: 40px;" [imgList]="[item?.exceptionCertificateSecondFilePath]"> </app-imagelist>
+          </div>
+            <div *ngIf="item?.exceptionCertificateThirdFilePath">
+            <app-imagelist style="width: 40px;" [imgList]="[item?.exceptionCertificateThirdFilePath]"> </app-imagelist>
+          </div>
+          </div>
+        </ng-template>
+      </st>
+    </nz-tab>
+    <nz-tab  nzTitle='已回复'>
+      <st
+        #st2
+        [data]="service.$api_get_listOperatePage"
+        [columns]="columns2"
+        [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+        [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+        [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+        [loading]="false"
+        [scroll]="{ x: '2000px' }"
+      >
+        <ng-template st-row="exceptionCertificateFirstFilePath" let-item let-index="index">
+          <div class="imgBox">
+            <div *ngIf="item?.exceptionCertificateFirstFilePath">
+              <app-imagelist  [imgList]="[item?.exceptionCertificateFirstFilePath]"> </app-imagelist>
+            </div>
+            <div *ngIf="item?.exceptionCertificateSecondFilePath">
+            <app-imagelist  [imgList]="[item?.exceptionCertificateSecondFilePath]"> </app-imagelist>
+          </div>
+            <div *ngIf="item?.exceptionCertificateThirdFilePath">
+            <app-imagelist  [imgList]="[item?.exceptionCertificateThirdFilePath]"> </app-imagelist>
+          </div>
+          </div>
+        </ng-template>
+      </st>
+    </nz-tab>
+  </nz-tabset>
+</nz-card>
diff --git a/src/app/routes/waybill-management/components/abnormal-appear/abnormal-appear.component.less b/src/app/routes/waybill-management/components/abnormal-appear/abnormal-appear.component.less
new file mode 100644
index 00000000..e87948ce
--- /dev/null
+++ b/src/app/routes/waybill-management/components/abnormal-appear/abnormal-appear.component.less
@@ -0,0 +1,20 @@
+:host::ng-deep{
+    .search-box{
+        .ant-card-body{
+            padding-bottom: 18px;
+        }
+    }
+
+    .content-box{
+        .ant-card-body{
+            padding-top: 14px;
+        }
+    }
+    .imgBox {
+        display: flex;
+        img {
+            width: 60px !important; 
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/src/app/routes/waybill-management/components/abnormal-appear/abnormal-appear.component.ts b/src/app/routes/waybill-management/components/abnormal-appear/abnormal-appear.component.ts
new file mode 100644
index 00000000..d2c5afd4
--- /dev/null
+++ b/src/app/routes/waybill-management/components/abnormal-appear/abnormal-appear.component.ts
@@ -0,0 +1,272 @@
+import { Component, OnInit, ViewChild, Type } from '@angular/core';
+import { STComponent, STColumn, STChange } from '@delon/abc/st';
+import {
+  SFComponent,
+  SFDateWidgetSchema,
+  SFRadioWidgetSchema,
+  SFSchema,
+  SFSchemaEnum,
+  SFSelectWidgetSchema,
+  SFUISchema
+} from '@delon/form';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { WaybillManagementServe } from '../../services/waybill-management.service';
+
+@Component({
+  selector: 'app-abnormal-appear',
+  templateUrl: './abnormal-appear.component.html',
+  styleUrls: ['./abnormal-appear.component.less']
+})
+export class WaybillManagementAbnormalAppearComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  @ViewChild('st2', { static: true })
+  st2!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  ui: SFUISchema = {};
+  ui2: SFUISchema = {};
+  schema: SFSchema = {};
+  addSchema: SFSchema = {};
+  _$expand = false;
+  editText = '';
+  formData: any;
+  isVisible = false;
+  edit = false;
+  editId = false;
+  selectedIndex = 0;
+  isLoading: boolean = false;
+  tabs = {
+    stayQuantity: 0,
+    receivedQuantity: 0
+  };
+
+  columns: STColumn[] = [
+    { title: '异常编号', index: 'exceptionCode', width: '180px', className: 'text-left' },
+    { title: '关联运单号', index: 'wayBillCode', width: '180px', className: 'text-left' },
+    { title: '网络货运人', index: 'enterpriseInfoName', width: '250px', className: 'text-left' },
+    { title: '货主', index: 'shipperAppUserName', width: '250px', className: 'text-left' },
+    { title: '装货地', index: 'loadingAddressArr', width: '220px', className: 'text-left' },
+    { title: '卸货地', index: 'unloadingAddressArr', width: '220px', className: 'text-left' },
+    { title: '承运司机', index: 'driver', width: '250px', className: 'text-left' },
+    { title: '异常信息', index: 'exceptionContent', width: '250px', className: 'text-left' },
+    { title: '异常图片', render: 'exceptionCertificateFirstFilePath', width: '200px', className: 'text-left' },
+    { title: '上报时间', index: 'createTime', width: '180px', className: 'text-left' }
+  ];
+  columns2: STColumn[] = [
+    { title: '异常编号', index: 'exceptionCode', width: '180px', className: 'text-left' },
+    { title: '关联运单号', index: 'wayBillCode', width: '180px', className: 'text-left' },
+    { title: '网络货运人', index: 'enterpriseInfoName', width: '180px', className: 'text-left' },
+    { title: '货主', index: 'shipperAppUserName', width: '180px', className: 'text-left' },
+    { title: '装货地', index: 'loadingAddressArr', width: '180px', className: 'text-left' },
+    { title: '卸货地', index: 'unloadingAddressArr', width: '180px', className: 'text-left' },
+    { title: '承运司机', index: 'driver', width: '200px', className: 'text-left' },
+    { title: '异常信息', index: 'exceptionContent', width: '250px', className: 'text-left' },
+    { title: '异常图片', render: 'exceptionCertificateFirstFilePath', width: '220px', className: 'text-left' },
+    { title: '上报时间', index: 'createTime', width: '180px', className: 'text-left' },
+    { title: '回复内容', index: 'replyContent', width: '180px', className: 'text-left' },
+    { title: '回复人', index: 'replyAppUserName', width: '180px', className: 'text-left' },
+    { title: '回复时间', index: 'replyTime', width: '180px', className: 'text-left' }
+  ];
+  
+
+  get reqParams() {
+    return {
+      ...this.sf?.value,
+      replyStatus: 0
+    };
+  }
+  get reqParams2() {
+    return {
+      ...this.sf?.value,
+      replyStatus: 1
+    };
+  }
+
+  constructor(public service: WaybillManagementServe, private nzModalService: NzModalService, public shipperSrv: ShipperBaseService) {}
+
+  ngOnInit(): void {
+    this.initSF();
+    this.getGoodsSourceStatistical();
+  }
+
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        exceptionCode: {
+          type: 'string',
+          title: '异常编号',
+          ui: { placeholder: '请输入' }
+        },
+        wayBillCode: {
+          type: 'string',
+          title: '运单号',
+          ui: { placeholder: '请输入' }
+        },
+        exceptionType: {
+          title: '异常类型',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            containsAllLable: true,
+            params: { dictKey: 'exception:report:type' }
+          } as SFSelectWidgetSchema
+        },
+        shipperAppUserId: {
+          type: 'string',
+          title: '货主',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            onSearch: (q: any) => {
+              let str = q.replace(/^\s+|\s+$/g, '');
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map((res: any) => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+            change: (q: any) => {
+              this.getRegionCode(q);
+            },
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseProjectId: {
+          type: 'string',
+          title: '所属项目',
+          ui: {
+            widget: 'select',
+            placeholder: '请先选择货主',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        driverName: {
+          title: '承运司机',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        carNo: {
+          title: '车牌号',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        reportingTime: {
+          title: '上报时间',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            allowClear: true,
+            asyncData: () => this.shipperSrv.getNetworkFreightForwarder()
+          }
+        }
+      }
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+  getGoodsSourceStatistical() {
+    this.tabs = {
+      stayQuantity: 0,
+      receivedQuantity: 0
+    };
+    const params: any = Object.assign({}, this.reqParams || {});
+    delete params.replyStatus;
+    this.service.request(this.service.$api_get_listOperateStatus, params).subscribe(res => {
+      if (res) {
+        res.forEach((element: any) => {
+          if (element.replyStatus === '1') {
+            this.tabs.receivedQuantity = element.quantity;
+          } else if (element.replyStatus === '0') {
+            this.tabs.stayQuantity = element.quantity;
+          }
+        });
+      }
+    });
+  }
+  search() {
+    if (this.selectedIndex === 0) {
+      this.st?.load(1);
+    } else {
+      this.st2?.load(1);
+    }
+    this.getGoodsSourceStatistical();
+  }
+  /**
+   * 重置表单
+   */
+  resetSF() {
+    this.sf.reset();
+    this.isLoading = true
+  }
+  // 获取城市列表
+  getRegionCode(regionCode: any) {
+    console.log(regionCode);
+    return this.service
+      .request(this.service.$api_get_enterprise_project, { id: regionCode })
+      .pipe(
+        map(res =>
+          res.map((item: any) => ({
+            label: item.projectName,
+            value: item.id
+          }))
+        )
+      )
+      .subscribe(res => {
+        this.sf.getProperty('/enterpriseProjectId')!.schema.enum = res;
+        this.sf.getProperty('/enterpriseProjectId')!.widget.reset(res);
+        // if (this.enterpriseProjectIds) {
+        //   this.sf1.setValue('/enterpriseProjectId', this.enterpriseProjectIds);
+        // }
+      });
+  }
+}
diff --git a/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.html b/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.html
new file mode 100644
index 00000000..6f5d861b
--- /dev/null
+++ b/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.html
@@ -0,0 +1,259 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-12-03 15:31:52
+ * @LastEditTime : 2022-04-08 11:44:33
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\waybill-management\\components\\bulk-detail\\bulk-detail.component.html
+-->
+<page-header-wrapper [title]="'大宗运单详情'" [logo]="logo" [content]="headerContent">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+  <ng-template #headerContent>
+    <div  nz-row>
+      <button nz-button nzType="primary" nzSize="small" nzDanger>{{i?.wayBillStatusLabel}}</button>
+      <h4 class="ml-md" style="font-size: 18px;">运单号: {{ i?.wayBillCode }}</h4>
+    </div>
+    <div nz-row style="display: flex; justify-content: end;" class="mb-xs">
+      <div nz-col>
+        <button nz-button *ngIf="i?.wayBillStatus == '2'"  (click)="sureDepart(i)" acl  [acl-ability]="['WAYBILL-BULK-DETAIL-insertBulkStartCarInfo']">确认发车</button>
+        <button nz-button nzType="primary" *ngIf="i?.wayBillStatus == '3'" (click)="sureArrive(i)" nzGhost acl  [acl-ability]="['WAYBILL-BULK-DETAIL-insertBulkUnloadCarInfo']" >确认到车</button>
+      </div>
+    </div>
+   <div>
+      <div sv-container>
+        <sv label="网络货运人">{{ i?.enterpriseInfoName }} </sv>
+        <sv label="货主">{{ i?.shippername }} </sv>
+        <sv label="所属项目">{{i?.enterpriseProjectName}}</sv>
+        <sv label="服务类型">{{i?.serviceTypeLabel}}</sv>
+        <sv label="调度员">{{i?.dispatchName}} /{{i?.dispatchPhone}}</sv>
+        <sv label="外部订单号">{{ i?.externalBillCode }}</sv>
+        <sv label="货源编号">{{ i?.resourceCode }} </sv>
+        <sv label="承诺付款天数">{{ i?.paymentDays }}</sv>
+     </div>
+     <nz-tabset style="margin-top: 15px;">
+      <nz-tab nzTitle="装卸货信息" (nzClick)="goDistance(distannce1)">
+      </nz-tab>
+      <nz-tab nzTitle="基本信息" (nzClick)="goDistance(distannce1)">
+      </nz-tab>
+      <nz-tab nzTitle="运费信息" (nzClick)="goDistance(distannce3)">
+      </nz-tab>
+      <nz-tab nzTitle="附件信息" (nzClick)="goDistance(distannce4)">
+      </nz-tab>
+      <nz-tab nzTitle="轨迹信息" (nzClick)="goDistance(distannce5)">
+      </nz-tab>
+    </nz-tabset>
+   </div>
+  </ng-template>
+</page-header-wrapper>
+<nz-card nzTitle="运单进度" #distannce1>
+  <div class="approval-status">
+    <div style="width: 60%; margin: 0 auto">
+       
+      <nz-steps [nzCurrent]="i?.scheduleVOList?.length + 1" nzLabelPlacement="vertical">
+        <nz-step
+          *ngFor="let item of i?.scheduleVOList"
+          [nzTitle]="item.state"
+          [nzSubtitle]="item.stateTime"
+          [nzStatus]="item.displayStatus === 'SHOW' ? 'finish' : 'wait'"
+        ></nz-step>
+      </nz-steps>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card nzTitle="基本信息" #distannce1>
+  <sv-container col="1">
+    <sv label="货物名称">
+      {{i?.goodsInfos?.[0]?.goodsName}}
+    </sv>
+</sv-container>
+<sv-container col="2">
+    <sv label="货物数量">
+      {{i?.goodsInfos?.[0]?.weight}}吨,{{i?.goodsInfos?.[0]?.volume}}方,{{i?.goodsInfos?.[0]?.number}}件
+    </sv>
+    <sv label="用车需求">
+      {{i?.goodsInfos?.[0]?.carModelLabel}}{{ i?.goodsInfos?.[0]?.carLength ? '/' + i?.goodsInfos?.[0]?.carLength + '米': ''}}
+    </sv>
+    <sv label="承运司机">
+      {{i?.driver?.name}}/{{i?.driver?.phone}}
+    </sv>
+    <sv label="车型车长载重">
+      {{i?.car?.carModelLabel}},{{i?.car?.carLengthLabel}}米,{{i?.car?.carLoad ? i?.car?.carLoad +'吨': ''}}
+    </sv>
+    <!-- <sv label="计划装货时间">
+      {{i?.loadPlanTime}}
+    </sv>
+    <sv label="计划卸货时间">
+      {{i?.unloadPlanTime}}
+    </sv> -->
+    <sv label="接单数量">
+      {{ i?.acceptWeight }}吨,{{ i?.acceptVolume }}方
+    </sv>
+    <sv *ngIf="i?.wayBillStatus =='3' || i?.wayBillStatus =='4' || i?.wayBillStatus =='5'" label="装货数量">
+      {{ i?.loadWeight }}吨，{{ i?.loadVolume }}方
+    </sv>
+    <sv *ngIf="i?.wayBillStatus =='4' || i?.wayBillStatus =='5'" label="卸货数量">
+      {{ i?.settlementWeight }}吨,{{ i?.settlementVolume }}方
+    </sv>
+</sv-container>
+<div class="mt-md">
+  <h4 class="text-md">装货卸货信息
+    <span class="ml-sm text-sm">(
+      <label>{{i?.loadingNumber || '一'}}装</label>
+      <label>{{i?.dischargeNumber || '一'}}卸</label>
+      )
+    </span>
+  </h4>
+  <div nz-row [nzGutter]="24">
+    <div nz-col [nzSpan]="12">
+      <div class="handling-info p-md">
+        <div class="flex" *ngFor="let item of i?.loadingPlace">
+          <div *ngIf="item.type === '1'" class="loading-row">
+            <div class="handling-info-icon loading-bg">装</div>
+            <div class="info">
+              <h4>装货地：{{item?.province}}{{item.city}}{{item.area}}{{item.detailedAddress}}</h4>
+              <p>联系人：{{item.appUserName}}/{{item.contractTelephone}}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div nz-col [nzSpan]="12">
+      <div class="handling-info p-md">
+        <div class="flex" *ngFor="let item of i?.dischargePlace">
+          <div *ngIf="item.type === '2'" class="loading-row">
+            <div class="handling-info-icon unloaing-bg">卸</div>
+            <div class="info">
+              <h4>卸货地：{{item?.province}}{{item.city}}{{item.area}}{{item.detailedAddress}}</h4>
+              <p>联系人：{{item.appUserName}}/{{item.contractTelephone}}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+</nz-card>
+<!-- <nz-card  [nzTitle]="'运费信息' +'（到货后'+i?.paymentDays+'天内支付运费）'" #distannce3>
+  <div style="margin-bottom: 18px">
+    <span style="color: #da001b; font-size: 18px"> {{ i?.goodsInfos?.[0]?.freightPrice | currency }}{{ i?.goodsInfos?.[0]?.freightTypeLabel }} </span>（{{ i?.goodsInfos?.[0]?.settlementBasisLabel }}，{{
+      i?.goodsInfos?.[0]?.ruleLabel
+    }}）</div
+  >
+  <st #st [data]="i?.billExpenseDetailVOList" [columns]="logColumns" [ps]="0" [page]="{ show: false, showSize: false }">
+    <ng-template st-row="price" let-item let-index="index">
+      {{ item.price | currency}}
+    </ng-template>
+  </st>
+  <div>
+    总计：<span style="color: #da001b; font-size: 18px">{{ totalObj?.price | currency }}</span> （运费{{
+      totalObj?.price - attObj?.price | currency
+    }}，附加运费{{ attObj?.price | currency}}，附加费率{{ (attObj?.price / totalObj?.price) * 100 | number: '0.2-2' }}%）
+  </div>
+  <div>收款人：{{ i?.payee?.name }}/{{ i?.payee?.phone }}/{{ i?.payee?.idNo }}</div>
+</nz-card> -->
+<nz-card  [nzTitle]="'运费信息' +'（到货后'+i?.paymentDays+'天内支付运费）'"  #distannce3>
+  <h2>{{i?.freightPrice}}{{i?.goodsInfos?.[0]?.freightTypeLabel}}（{{ i?.goodsInfos?.[0]?.settlementBasisLabel ? i?.goodsInfos?.[0]?.settlementBasisLabel + '，' :' ' }}{{i?.goodsInfos?.[0]?.ruleLabel}}）</h2>
+  <st #st [data]="billExpenses" [columns]="logColumns" [ps]="0" [page]="{ show: false, showSize: false }">
+    <ng-template st-row="PriceType" let-item let-index="index"> 到付 </ng-template>
+    <ng-template st-row="price" let-item let-index="index">
+      {{ item.price | currency }}
+    </ng-template>
+    <ng-template st-row="prices" let-item let-index="index">
+      {{ item.price + item.surcharge | currency }}
+    </ng-template>
+    <ng-template st-row="surcharge" let-item let-index="index">
+      {{ item.surcharge | currency }}
+    </ng-template>
+  </st>
+  <div>
+    <div>
+      总计：<span style="color: #da001b; font-size: 18px">{{ i?.totalAmount | currency }}</span> （运费{{ i?.totalFreight | currency }}，
+      附加费{{ i?.totalSurcharge | currency }}，附加费率{{ (i?.totalRate * 100).toFixed(2)}}%）
+    </div>
+  </div>
+  <div>收款人：{{ i?.payee?.name }}/{{ i?.payee?.phone }}/{{ i?.payee?.idNo }}</div>
+</nz-card>
+
+<nz-card nzTitle="附件信息" #distannce4>
+  <sv-container>
+    <sv label="协议附件">
+      <a *ngIf = "i?.contractContent?.contractContent" (click)="agreement('1')">查看附件</a> &nbsp;&nbsp;&nbsp;&nbsp;
+      <a *ngIf = "i?.supplementContent?.contractContent" (click)="agreement('2')">补充协议</a>
+    </sv>
+  </sv-container>
+  <sv-container col="2" class="mt-md">
+    <sv label="装货凭证">
+      <app-imagelist [imgList]="i?.loadingCertificate">
+      </app-imagelist>
+    </sv>
+    <sv label="卸货凭证">
+      <app-imagelist [imgList]="i?.unLoadingCertificate">
+      </app-imagelist>
+    </sv>
+  </sv-container>
+</nz-card>
+<nz-card nzTitle="补充信息">
+  <sv-container>
+    <sv label="是否回单">
+      {{i?.receiptType == 1 ?'是':'否'}}
+    </sv>
+    <sv label="回单类型" *ngIf="i?.receiptType == 1">
+      {{i?.receiptTypeLabel}}
+    </sv>
+    <sv label="联系人" *ngIf="i?.receiptType == 1">
+      {{i?.receiptUser}} / {{i?.receiptUserPhone}}
+    </sv>
+    <sv label="所在地区" *ngIf="i?.receiptType == 1">
+      {{i?.receiptPlace}}
+    </sv>
+    <sv label="详细地址" *ngIf="i?.receiptType == 1">
+      {{i?.receiptAddress}}
+    </sv>
+  
+  </sv-container>
+  <sv-container col="1" class="mt-md">
+    <sv label="回单凭证" *ngIf="i?.receiptType == 1">
+      <app-imagelist [imgList]="[i?.receiptFilePath]"></app-imagelist>
+    </sv>
+    <sv label="备注">
+      {{i?.goodsResource?.remarks}}
+    </sv>
+  </sv-container>
+</nz-card>
+<nz-card>
+  <div nz-row>
+    <nz-card nzTitle="轨迹信息" style="width: 100%" [nzExtra]="extraTemplate" #distannce5>
+      <div nz-row>
+        <div nz-col [nzSpan]="12">
+          <st [scroll]="{y: '500px'}" style="min-height: 600px;" #st [data]="addressItems" [columns]="logColumns2" [ps]="0" [page]="{ show: false, showSize: false }">
+          </st>
+        </div>
+        <div nz-col [nzSpan]="12">
+          <amap-path-simplifier [mapWidth]="'100%'" [mapHeight]="'600px'" [mapList]="mapList"></amap-path-simplifier>
+        </div>
+      </div>
+    </nz-card>
+    <ng-template #extraTemplate>
+      <nz-radio-group [(ngModel)]="trajectory" (ngModelChange)="trajectoryChange($event)">
+        <label nz-radio-button nzValue="car">车辆轨迹</label>
+        <label nz-radio-button nzValue="driver">司机轨迹</label>
+      </nz-radio-group>
+    </ng-template>
+  </div>
+</nz-card>
+
+<nz-modal [(nzVisible)]="isVisible"  nzWidth="1000px"   [nzFooter]="nzModalFooter" [nzTitle]="modalTitle"  (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel()">
+  <ng-container *nzModalContent>
+    <div *ngIf="!modalcontent">暂无附件信息</div>
+    <div [innerHTML]="modalcontent"></div>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="primary" (click)="handleOK()" [disabled]="">取消</button>
+    <button nz-button nzType="default" (click)="handleCancel()">确定  </button>
+  </ng-template>
+</nz-modal>
\ No newline at end of file
diff --git a/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.less b/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.less
new file mode 100644
index 00000000..b8327013
--- /dev/null
+++ b/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.less
@@ -0,0 +1,70 @@
+:host{
+    .btn-size{
+        font-size: 14px;
+    }
+    .bdr{
+        border-right: 1px solid #ccc;
+    }
+    .bdl{
+        border-left: 1px solid #ccc;
+    }
+    .source-info{
+        p{
+            margin-bottom: .5em;
+        }
+    }
+    .freight-info-box{
+        width: 95%;
+    }
+    .freigth-label{
+        display: inline-block;
+        width: 50px;
+        text-align: right;
+    }
+
+    ::ng-deep{
+      .approval-status{
+         .ant-steps{
+             width: 70%;
+             margin: 0 auto;
+         } 
+      }  
+    }
+    .leftPadding {
+        padding-right: 100px;
+    }
+    .handling-info {
+        min-height: 100px;
+        border: 1px solid #ccc;
+    
+        .loading-row {
+          display: flex;
+        }
+    
+        .handling-info-icon {
+          width: 32px;
+          height: 32px;
+          margin-right: 24px;
+          color: #fff;
+          line-height: 32px;
+          text-align: center;
+          border-radius: 50%;
+    
+          &.loading-bg {
+            background-color: #50D4AB;
+          }
+    
+          &.unloaing-bg {
+            background: #F66F6A;
+          }
+        }
+    
+        .info {
+          flex: 1;
+        }
+    
+        .time-info {
+          margin-left: 56px;
+        }
+      }
+}
\ No newline at end of file
diff --git a/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.spec.ts b/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.spec.ts
new file mode 100644
index 00000000..8556cf2d
--- /dev/null
+++ b/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.spec.ts
@@ -0,0 +1,24 @@
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { OrderManagementBulkeDetailComponent } from './bulk-detail.component';
+
+describe('OrderManagementBulkeDetailComponent', () => {
+  let component: OrderManagementBulkeDetailComponent;
+  let fixture: ComponentFixture<OrderManagementBulkeDetailComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ OrderManagementBulkeDetailComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(OrderManagementBulkeDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.ts b/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.ts
new file mode 100644
index 00000000..375f357c
--- /dev/null
+++ b/src/app/routes/waybill-management/components/bulk-detail/bulk-detail.component.ts
@@ -0,0 +1,217 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-03 15:31:52
+ * @LastEditTime : 2022-03-23 14:47:57
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\waybill-management\\components\\bulk-detail\\bulk-detail.component.ts
+ */
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STColumn } from '@delon/abc/st';
+import { _HttpClient } from '@delon/theme';
+import { NzCardComponent } from 'ng-zorro-antd/card';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import format from 'date-fns/format';
+import { VehicleSureArriveComponent } from 'src/app/routes/order-management/modal/vehicle/sure-arrive/sure-arrive.component';
+import { VehicleSureDepartComponent } from 'src/app/routes/order-management/modal/vehicle/sure-depart/sure-depart.component';
+import { WaybillManagementServe } from '../../services/waybill-management.service';
+@Component({
+  selector: 'app-supply-management-bulk-detail',
+  templateUrl: './bulk-detail.component.html',
+  styleUrls: ['./bulk-detail.component.less']
+})
+export class WaybillManagementBulkeDetailComponent implements OnInit {
+
+  id = this.route.snapshot.params.id;
+  i: any;
+  totalObj: any;
+  attObj: any;
+  isVisible = false;
+  MapList: any[]=[];
+  trajectory = 'car';
+  mapList:any[] = [];  //地图点位数据组
+  addressItems:any[] = [];  //打点地址数据组
+  billExpenses: any[] = []; //运费信息表格信息
+  imges: any;
+  modalcontent: any;
+  modalTitle:string = '';
+  unLoadingPlaceVOList: any = [];
+  logColumns2: STColumn[] = [
+    { title: '时间', index: 'vinOutTime' },
+    { title: '地点', index: 'cityName' },
+  ];
+  logColumns: STColumn[] = [
+    { title: '款项', index: 'costCodeLabel' },
+    { title: '小计（元）', render: 'prices' },
+    { title: '运输费（元）', render: 'price' },
+    { title: '附加费（元）', render: 'surcharge' },
+    { title: '支付时间', index: 'paymentTime' },
+    {
+      title: '支付状态',
+      className: 'text-center',
+      index: 'paymentStatus',
+      type: 'badge',
+      width: '120px',
+      badge: {
+        '1': { text: '待申请', color: 'warning' },
+        '2': { text: '已支付', color: 'success' },
+        '3': { text: '已拒绝', color: 'warning' },
+        '4': { text: '申请中', color: 'warning' }
+      }
+    }
+  ];
+  constructor(
+    private route: ActivatedRoute,
+    private msgSrv: NzMessageService,
+    private modal: NzModalService, 
+    private service: WaybillManagementServe,
+    private modalService: NzModalService
+  ) {
+
+  }
+
+  ngOnInit(): void {
+    this.initData()
+    this.getTrajectory()
+  }
+  initData() {
+    const params = {
+      id: this.id
+    }
+    this.service.request(this.service.$api_get_getBulkDetail, params).subscribe((res) => {
+      console.log(res)
+      this.unLoadingPlaceVOList.push(...res.loadingPlace)
+      this.unLoadingPlaceVOList.push(...res.dischargePlace)
+      console.log(this.unLoadingPlaceVOList)
+      this.i = res;
+      this.billExpenses = this.i?.billExpenseDetails?.filter((data: any) => data.costCode === 'TRA');
+        this.i.scheduleVOList = this.i?.scheduleVOList?.filter((data:any)=>data.displayStatus !=="HIDE");
+    })
+  }
+
+
+  hand() {
+    this.modalService.create({
+      nzTitle: '',
+      // nzContent: OrderManagementGaodeMapComponent,
+      nzWidth: 1200
+    });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+  agreement(value: any) {
+    if(value  ==='1'){
+      this.modalTitle = '附件信息';
+      this.modalcontent = this.i?.contractContent?.contractContent;
+      
+    }else if(value === '2'){
+      this.modalTitle = '补充协议';
+      this.modalcontent = this.i?.supplementContent?.contractContent;
+    }
+    this.isVisible = true;
+  }
+  handleCancel() {
+    this.isVisible = false
+}
+handleOK() {
+  this.isVisible = false
+}
+goDistance(elf: NzCardComponent) {
+  if (elf) {
+    elf['elementRef'].nativeElement.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'start' });
+  }
+}
+ //  *确认发车
+ sureDepart(item: any) {
+  const modalRef = this.modal.create({
+    nzTitle: '确认发车',
+    nzWidth: '50%',
+    nzContent: VehicleSureDepartComponent,
+    nzComponentParams: {
+      i: item,
+     Status: 2
+    },
+    nzFooter: null
+  });
+  modalRef.afterClose.subscribe((result: any) => {
+    this.initData()
+
+});
+}
+// 确认到车
+sureArrive(item: any) {
+  const modalRef = this.modal.create({
+    nzTitle: '确认到车',
+    nzWidth: '50%',
+    nzContent: VehicleSureArriveComponent,
+    nzComponentParams: {
+      i: item,
+     Status: 2
+    },
+    nzFooter: null
+  });
+  modalRef.afterClose.subscribe((result: any) => {
+    this.initData()
+});
+}
+  // 获取车辆轨迹
+  getTrajectory(){
+    this.service.request(this.service.$api_get_getTrajectory, { id: this.id }).subscribe(res => {
+      if (res) {
+        const points = res.trackArray;
+        let list :any[] = [];
+        points?.forEach((item: any) => {
+          list.push({
+            name: item.hgt,
+            lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))]
+          });
+        });
+        this.mapList = list;
+        this.addressItems = res.cityArray;
+        if(this.addressItems && this.addressItems.length > 0){
+          this.addressItems.forEach(item => {
+            item.vinOutTime = this.getLocalTime(item.vinOutTime);
+          });
+        }
+      }
+    });
+  }
+
+   // 获取司机轨迹
+   getDriverTrajectory(){
+    this.service.request(this.service.$api_get_getAppDriverPosition, { id: this.id }).subscribe(res => {
+      if (res) {
+        const points = res.tracks;
+        let list :any[] = [];
+        points?.forEach((item: any) => {
+          list.push({
+            name: item.hgt,
+            lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))]
+          });
+        });
+        this.mapList = list;
+        this.addressItems = [...res.enclosureDataAppTrack];
+        if(this.addressItems && this.addressItems.length > 0){
+          this.addressItems.forEach(item => {
+            item.vinOutTime = this.getLocalTime(item.gtm);
+            item.cityName = item.appAdress;
+          });
+        }
+      }
+    });
+   }
+   trajectoryChange(event:any){
+    if(event ==='car'){
+      this.getTrajectory()
+    }else if(event ==='driver'){
+      this.getDriverTrajectory();
+    }
+ }
+  getLocalTime(time: any) {
+    return format(new Date(parseInt(time)), 'yyyy-MM-dd HH:mm:ss');
+  }
+}
diff --git a/src/app/routes/waybill-management/components/bulk/bulk.component.html b/src/app/routes/waybill-management/components/bulk/bulk.component.html
new file mode 100644
index 00000000..cbc5221f
--- /dev/null
+++ b/src/app/routes/waybill-management/components/bulk/bulk.component.html
@@ -0,0 +1,109 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-12-03 11:10:14
+ * @LastEditTime : 2022-03-25 16:31:01
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\waybill-management\\components\\bulk\\bulk.component.html
+-->
+<!-- 搜索表单 -->
+<page-header-wrapper [title]="''"> </page-header-wrapper>
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" class="text-right">
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="search()"  acl  [acl-ability]="['WAYBILL-BULK-search']">查询</button>
+        <button nz-button nzType="primary" [disabled]="false" acl  [acl-ability]="['WAYBILL-BULK-export']" (click)="exprot()">导出</button>
+        <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card>
+  <nz-tabset (nzSelectedIndexChange)="selectChange($event)">
+    <nz-tab [nzTitle]="'全部(' + tabs?.totalQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'待发车(' + tabs?.receivedQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'运输中(' + tabs?.cancelQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'待签收(' + tabs?.signQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'已完成(' + tabs?.compolatelQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'已取消(' + tabs?.deltQuantity + ')'"></nz-tab>
+  </nz-tabset>
+  <div style="margin-top: 15px">
+    <st
+      #st
+      [bordered]="true"
+      [scroll]="{ x: '2000px' }"
+      [data]="service.$api_get_Bulkpage"
+      [columns]="columns"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+      [loading]="false"
+    >
+    <ng-template st-row="createUserName" let-item let-index="index">
+      <div> {{ item?.createUserName }}/{{ item?.createUserPhone }} </div>
+    </ng-template>
+      <ng-template st-row="driverName" let-item let-index="index">
+        <div> {{ item?.driverName }}/{{ item?.driverTelephone }}/{{ item?.driverLicenseCarNo }} </div>
+      </ng-template>
+      <ng-template st-row="payeeName" let-item let-index="index">
+        <div> {{ item?.payeeName }}/{{ item?.payeePhone }} </div>
+      </ng-template>
+      <ng-template st-row="wayBillCode" let-item let-index="index">
+        <a [routerLink]="'bulk-detail/' + item?.id">{{ item?.wayBillCode }}</a>
+        <div>
+          <span>{{item?.wayBillStatusLabel}}</span>
+        </div>
+        <div>
+          <span >{{item?.resourceTypeLabel}}{{item?.serviceTypeLabel}}</span>
+        </div>
+      </ng-template>
+      <ng-template st-row="freightPrice" let-item let-index="index">
+        {{ item?.freightPrice }}/吨
+        <div>{{item?.settlementBasisLabel}}</div>
+      </ng-template>
+      <ng-template st-row="billExpenseDetails" let-item let-index="index">
+        <div *ngIf="item?.billExpenseDetails?.length > 0">
+          <p *ngFor="let data of item?.billExpenseDetails">
+            {{ data.costName }}：{{ data.price | currency }}
+            <span style="color: #f59a63">{{ data.paymentStatusLabel }}</span>
+          </p>
+        </div>
+      </ng-template>
+      <ng-template st-row="wayBill" let-item let-index="index">
+        <a [routerLink]="'/waybill-management/bulk-detail/' + item?.id">{{ item?.wayBillCode }}</a>
+      </ng-template>
+      <ng-template st-row="goodsInfos" let-item let-index="index">
+        <div>{{ item?.goodsInfos?.goodsName }}</div>
+        <div>{{ item?.goodsInfos?.weight }}{{ item?.goodsInfos?.volume?  '/' +item?.goodsInfos?.volume : '' }}{{ item?.goodsInfos?.number ? '/' + item?.goodsInfos?.number : '' }}</div>
+      </ng-template>
+      <ng-template st-row="loadingTime" let-item let-index="index">
+        <div *ngIf="item?.loadingTime">装 | {{ item?.loadingTime }}</div>
+        <div *ngIf="item?.unloadingTime">卸 | {{ item?.unloadingTime }}</div>
+      </ng-template>
+    </st>
+  </div>
+</nz-card>
diff --git a/src/app/routes/waybill-management/components/bulk/bulk.component.less b/src/app/routes/waybill-management/components/bulk/bulk.component.less
new file mode 100644
index 00000000..45669c6a
--- /dev/null
+++ b/src/app/routes/waybill-management/components/bulk/bulk.component.less
@@ -0,0 +1,16 @@
+
+    :host ::ng-deep{
+     ::ng-deep nz-range-picker{
+         width: 100%;
+     }
+     p{
+        margin-bottom: 0
+    }
+     .left_btn {
+          width: 50px;
+         height: 32px; 
+          padding-left: 8px;
+          line-height:32px; 
+          background-color: #d7d7d7;
+     }
+ }
\ No newline at end of file
diff --git a/src/app/routes/waybill-management/components/bulk/bulk.component.spec.ts b/src/app/routes/waybill-management/components/bulk/bulk.component.spec.ts
new file mode 100644
index 00000000..7027c72e
--- /dev/null
+++ b/src/app/routes/waybill-management/components/bulk/bulk.component.spec.ts
@@ -0,0 +1,40 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-06 20:03:28
+ * @LastEditTime : 2022-01-20 19:09:36
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\waybill-management\\components\\bulk\\bulk.component.spec.ts
+ */
+/*
+ * @Author: your name
+ * @Date: 2021-12-06 19:39:49
+ * @LastEditTime: 2021-12-06 19:41:08
+ * @LastEditors: your name
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\order-management\components\bulk\bulk.component.spec.ts
+ */
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { WaybillManagementBulkComponent } from './bulk.component';
+
+describe('WaybillManagementBulkComponent', () => {
+  let component: WaybillManagementBulkComponent;
+  let fixture: ComponentFixture<WaybillManagementBulkComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ WaybillManagementBulkComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(WaybillManagementBulkComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/waybill-management/components/bulk/bulk.component.ts b/src/app/routes/waybill-management/components/bulk/bulk.component.ts
new file mode 100644
index 00000000..cb6a8a74
--- /dev/null
+++ b/src/app/routes/waybill-management/components/bulk/bulk.component.ts
@@ -0,0 +1,485 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { VehicleSureArriveComponent } from 'src/app/routes/order-management/modal/vehicle/sure-arrive/sure-arrive.component';
+import { VehicleSureDepartComponent } from 'src/app/routes/order-management/modal/vehicle/sure-depart/sure-depart.component';
+import { WaybillManagementServe } from '../../services/waybill-management.service';
+
+
+@Component({
+  selector: 'app-supply-management-bulk',
+  templateUrl: './bulk.component.html',
+  styleUrls: ['./bulk.component.less']
+})
+export class WaybillManagementBulkComponent implements OnInit {
+  ui: SFUISchema = {};
+  uiView: SFUISchema = {};
+  schema: SFSchema = {};
+  schemaView: SFSchema = {};
+  isVisibleEvaluate = false;
+  _$expand = false;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  columns: STColumn[] = [];
+  resourceStatus: any;
+  tabs = {
+    signQuantity: 0,
+    cancelQuantity: 0,
+    receivedQuantity: 0,
+    totalQuantity: 0,
+    compolatelQuantity: 0,
+    deltQuantity: 0
+  };
+  constructor(
+    public service: WaybillManagementServe,
+    private modal: NzModalService,
+    public shipperservice: ShipperBaseService) { }
+
+  /**
+ * 查询参数
+ */
+  get reqParams() {
+    const a: any = {};
+    if (this.resourceStatus) {
+      a.wayBillStatus = this.resourceStatus
+    }
+    const params: any = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    return {
+      ...a,
+      ...params,
+      createTime: {
+        start: this.sf?.value?.createTime?.[0] || '',
+        end: this.sf?.value?.createTime?.[1] || '',
+      },
+    };
+  }
+  get selectedRows() {
+    return this.st?.list.filter((item) => item.checked) || [];
+  }
+  ngOnInit(): void {
+    this.initSF();
+    this.initST();
+    this.getGoodsSourceStatistical()
+  }
+
+
+
+  /**
+ * 初始化查询表单
+ */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        wayBillCode: {
+          type: 'string',
+          title: '运单号',
+          ui: {
+            placeholder: '最多100个运单，空号隔开'
+          }
+        },
+        billCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            placeholder: '最多100个单号，空号隔开'
+          }
+        },
+        resourceCode: {
+          type: 'string',
+          title: '货源编号'
+        },
+        shipperAppUserId: {
+          type: 'string',
+          title: '货主',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            onSearch: (q: any) => {
+              console.log(q)
+              let str =q.replace(/^\s+|\s+$/g,"");
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str})
+                  .pipe(map((res: any) => (res as any[]).map((i) => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+
+          } as SFSelectWidgetSchema,
+        },
+        loadingPlace: {
+          type: 'string',
+          title: '装货地',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        dischargePlace: {
+          type: 'string',
+          title: '卸货地',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        driverName: {
+          title: '承运司机',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        licenseCarNo: {
+          title: '车牌号',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        carCaptainName: {
+          title: '车队长',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          }
+        },
+        paymentstatus: {
+          title: '支付状态',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'overall:payment:status' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          } as SFSelectWidgetSchema,
+        },
+        serviceType: {
+          title: '服务类型',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            containsAllLabel: true,
+            params: { dictKey: 'service:type' },
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+
+        riskStatus: {
+          type: 'string',
+          title: '是否风险单',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '是', value: '3' },
+            { label: '否', value: '1' }
+          ],
+          ui: {
+            widget: 'select',
+            allowClear: true,
+            placeholder: '请选择',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          },
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+            allowClear: true,
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder(),
+          },
+        },
+        createTime: {
+          title: '创建时间',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value,
+            },
+          } as SFDateWidgetSchema,
+        },
+      },
+      type: 'object',
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '', type: 'checkbox', fixed: 'left', width: '50px', className: 'text-center' },
+      {
+        title: '运单号',
+        width: '180px',
+        fixed: 'left',
+        className: 'text-left',
+        render: 'wayBillCode'
+      },
+      {
+        title: '运费明细',
+        width: '250px',
+        className: 'text-right',
+        render: 'billExpenseDetails'
+      },
+      { title: '录单员', render: 'createUserName', width: '200px', className: 'text-left' },
+      { title: '网络货运人', index: 'enterpriseInfoName', width: '220px', className: 'text-left' },
+      { title: '货主', index: 'shipperAppUserName', width: '180px', className: 'text-left' },
+      { title: '关联订单号', index: 'billCode', width: '180px', className: 'text-left' },
+      { title: '货源编号', index: 'resourceCode', width: '180px', className: 'text-left' },
+      { title: '装货地', index: 'loadingPlace', width: '220px', className: 'text-left' },
+      {
+        title: '卸货地',
+        className: 'text-left',
+        width: '220px',
+        index: 'dischargePlace'
+      },
+      {
+        title: '货物信息',
+        className: 'text-left',
+        width: '250px',
+        render: 'goodsInfos'
+      },
+      {
+        title: '运费单价',
+        className: 'text-right',
+        width: '150px',
+        render: 'freightPrice'
+      },
+      {
+        title: '接单数量',
+        index: 'orderReceivingQuantity',
+        width: '200px',
+        className: 'text-left',
+      },
+      {
+        title: '结算数量',
+        index: '结算数量',
+        width: '200px',
+        className: 'text-left',
+        format: (item: any) =>
+          `${item.settlementWeight || ''}`
+      },
+      {
+        title: '承运司机',
+        className: 'text-left',
+        width: '250px',
+        render: 'driverName'
+      },
+      {
+        title: '车队长',
+        className: 'text-left',
+        width: '200px',
+        render: 'payeeName',
+      },
+      {
+        title: '装卸货时间',
+        className: 'text-left',
+        width: '200px',
+        render: 'loadingTime'
+      },
+      {
+        title: '创建时间',
+        width: '180px',
+        className: 'text-left',
+        index: 'createTime',
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '110px',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '确认发车',
+            click: (_record) => this.sureDepart(_record),
+            iif: item => item.wayBillStatus == '2',
+            acl: { ability: ['WAYBILL-BULK-insertBulkStartCarInfo'] },
+          },
+          {
+            text: '确认到车',
+            click: (_record) => this.sureArrive(_record),
+            iif: item => item.wayBillStatus == '3',
+            acl: { ability: ['WAYBILL-BULK-insertBulkUnloadCarInfo'] },
+          },
+        ],
+      },
+    ];
+  }
+  search() {
+    this.st?.load(1);
+    this.getGoodsSourceStatistical()
+  }
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+  /**
+  * 伸缩查询条件
+  */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  tabChange(item: any) {
+    console.log(item)
+  }
+  /**
+   * 重置表单
+   */
+  resetSF(): void {
+    this.sf.reset();
+    this._$expand = false;
+  }
+  selectChange(e: number) {
+    console.log(e);
+    if (e >= 1) {
+      this.resourceStatus = e + 1;
+    } else {
+      this.resourceStatus = 0
+    }
+    this.initST();
+    setTimeout(() => {
+      this.st.load(1);
+    }, 500);
+  }
+  /**
+   * 导入货源
+   */
+  importGoodsSource() {
+
+  }
+  audit(item: any) {
+    console.log(item)
+  }
+  /**
+* 审核通过按钮
+*/
+  handleOK() {
+
+  }
+  /**
+ *查看评价
+ */
+  viewEvaluate(item: any) {
+    console.log(item)
+    this.isVisibleEvaluate = true
+  }
+  getGoodsSourceStatistical() {
+    this.tabs = {
+      signQuantity: 0,
+      cancelQuantity: 0,
+      receivedQuantity: 0,
+      totalQuantity: 0,
+      compolatelQuantity: 0,
+      deltQuantity: 0
+    };
+    const params: any = Object.assign({}, this.reqParams || {});
+    delete params.wayBillStatus
+    this.service.request(this.service.$api_get_getBulkStatistics, params).subscribe(res => {
+      if (res) {
+        let totalCount = 0;
+        res.forEach((ele: any) => {
+          switch (ele.wayBillStatus) {
+            case '2':
+              this.tabs.receivedQuantity = ele?.count;
+              break;
+            case '3':
+              this.tabs.cancelQuantity = ele?.count;
+              break;
+            case '4':
+              this.tabs.signQuantity = ele?.count;
+              break;
+            case '5':
+              this.tabs.compolatelQuantity = ele?.count;
+              break;
+            case '6':
+              this.tabs.deltQuantity = ele?.count;
+              break;
+          }
+          totalCount += ele.count
+        });
+        this.tabs.totalQuantity = totalCount
+      }
+    })
+  }
+  //  *确认发车
+
+  sureDepart(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '确认发车',
+      nzWidth: '50%',
+      nzContent: VehicleSureDepartComponent,
+      nzComponentParams: {
+        i: item,
+        Status: 2
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((result: any) => {
+      this.st.load(1);
+      this.getGoodsSourceStatistical()
+    });
+  }
+  // 确认到车
+  sureArrive(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '确认到车',
+      nzWidth: '50%',
+      nzContent: VehicleSureArriveComponent,
+      nzComponentParams: {
+        i: item,
+        Status: 2
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((result: any) => {
+      this.st.load(1);
+      this.getGoodsSourceStatistical()
+    });
+  }
+     // 导出
+     exprot() {
+      this.service.asyncExport(this.reqParams,this.service.$api_asyncExportBulkList)
+    }
+}
diff --git a/src/app/routes/waybill-management/components/vehicle-detail/vehicle-detail.component.html b/src/app/routes/waybill-management/components/vehicle-detail/vehicle-detail.component.html
new file mode 100644
index 00000000..0ff1b2cc
--- /dev/null
+++ b/src/app/routes/waybill-management/components/vehicle-detail/vehicle-detail.component.html
@@ -0,0 +1,238 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-12-03 15:31:52
+ * @LastEditTime : 2022-04-06 15:37:30
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\waybill-management\\components\\vehicle-detail\\vehicle-detail.component.html
+-->
+<page-header-wrapper [title]="'整车运单详情'" [logo]="logo" [content]="headerContent"  [ngClass]="{'affix': scrollTop>210}">
+  <ng-template #logo>
+    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
+      <i nz-icon nzType="left" nzTheme="outline"></i>
+    </button>
+  </ng-template>
+  <ng-template #headerContent>
+    <div nz-row>
+      <button nz-button nzType="primary" nzSize="small" nzDanger>{{i?.wayBillStatusLabel}}</button>
+      <h4 class="ml-md" style="font-size: 18px;">运单号: {{ i?.wayBillCode }}</h4>
+    </div>
+    <div nz-row style="display: flex; justify-content: end; " class="mb-xs" >
+      <div nz-col >
+        <button nz-button (click)="sureDepart(i)" *ngIf="i?.wayBillStatus == '2'" acl  [acl-ability]="['WAYBILL-VEHICLE-DETAIL-wholeStartCarInfo']">确认发车</button>
+        <button nz-button nzType="primary" (click)="sureArrive(i)" *ngIf="i?.wayBillStatus == '3'" nzGhost acl  [acl-ability]="['WAYBILL-VEHICLE-DETAIL-wholeUnloadCarInfo']">确认到车</button>
+      </div>
+    </div>
+   <div>
+      <div sv-container>
+        <sv label="网络货运人">{{ i?.enterpriseInfoName }} </sv>
+        <sv label="货主">{{ i?.shippername }} </sv>
+        <sv label="所属项目">{{i?.enterpriseProjectName}}</sv>
+        <sv label="服务类型">{{i?.serviceTypeLabel}}</sv>
+        <sv label="调度员">{{i?.dispatchName}}{{ i?.dispatchPhone ? '/' + i?.dispatchPhone : '' }}</sv>
+        <sv label="货源编号">{{ i?.resourceCode }} </sv>
+        <sv label="承诺付款天数">{{ i?.paymentDays }}</sv>
+     </div>
+     <nz-tabset style="margin-top: 15px;">
+      <nz-tab nzTitle="装卸货信息" (nzClick)="goDistance(distannce1)">
+      </nz-tab>
+      <nz-tab nzTitle="基本信息" (nzClick)="goDistance(distannce1)">
+      </nz-tab>
+      <nz-tab nzTitle="运费信息" (nzClick)="goDistance(distannce3)">
+      </nz-tab>
+      <nz-tab nzTitle="附件信息" (nzClick)="goDistance(distannce4)">
+      </nz-tab>
+      <nz-tab nzTitle="轨迹信息" (nzClick)="goDistance(distannce5)">
+      </nz-tab>
+    </nz-tabset>
+   </div>
+  </ng-template>
+</page-header-wrapper>
+<nz-card nzTitle="运单进度">
+  <div class="approval-status">
+    <div style="width: 60%; margin: 0 auto">
+        <nz-steps [nzCurrent]="i?.scheduleVOList?.length + 1" nzLabelPlacement="vertical">
+           <nz-step
+                  *ngFor="let item of i?.scheduleVOList"
+             [nzTitle]="item.state"
+             [nzSubtitle]="item.stateTime"
+             [nzStatus]="item.displayStatus === 'SHOW' ? 'finish' : 'wait'"
+           >
+          </nz-step>
+         </nz-steps>
+    </div>
+  </div>
+</nz-card>
+
+<nz-card nzTitle="基本信息" #distannce1>
+  <sv-container col="1">
+    <sv label="货物名称">
+      {{i?.goodsInfos?.[0]?.goodsName}}
+    </sv>
+</sv-container>
+<sv-container col="2">
+    <sv label="货物数量">
+      {{i?.goodsInfos?.[0]?.weight}}吨,{{i?.goodsInfos?.[0]?.volume}}方,{{i?.goodsInfos?.[0]?.number}}件
+    </sv>
+    <sv label="用车需求">
+      {{i?.goodsInfos?.[0]?.carModelLabel}}{{ i?.goodsInfos?.[0]?.carLength ? '/' + i?.goodsInfos?.[0]?.carLength + '米': ''}}
+    </sv>
+    <sv label="承运司机">
+      {{i?.driverVo?.name}}{{ i?.driverVo?.phone ? '/' + i?.driverVo?.phone : ''}}
+    </sv>
+    <sv label="车型车长载重">
+      {{ i?.carVO?.carModelLabel ? i?.carVO?.carModelLabel +',': ''}}{{ i?.carVO?.carLengthLabel ? i?.carVO?.carLengthLabel +'米,': ''}}{{i?.carVO?.carLoad ? i?.carVO?.carLoad +'吨': ''}}
+    </sv>
+    <sv label="计划装货时间">
+      {{i?.loadingTime}}
+    </sv>
+    <sv label="计划卸货时间">
+      {{i?.unloadingTime}}
+    </sv>
+</sv-container>
+<div class="mt-md">
+  <h4 class="text-md">装货卸货信息
+    <span class="ml-sm text-sm">(
+      <label>{{i?.loadingNumber|| '一'}}装</label>
+      <label>{{i?.dischargeNumber || '一'}}卸</label>
+      )
+    </span>
+  </h4>
+  <div nz-row [nzGutter]="24">
+    <div nz-col [nzSpan]="12">
+      <div class="handling-info p-md">
+        <div class="flex" *ngFor="let item of i?.loadingPlace">
+          <div *ngIf="item.type === '1'" class="loading-row">
+            <div class="handling-info-icon loading-bg">装</div>
+            <div class="info">
+              <h4>装货地：{{item?.province}}{{item.city}}{{item.area}}{{item.detailedAddress}}</h4>
+              <p>联系人：{{item.appUserName}}/{{item.contractTelephone}}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div nz-col [nzSpan]="12">
+      <div class="handling-info p-md">
+        <div class="flex" *ngFor="let item of i?.dischargePlace">
+          <div *ngIf="item.type === '2'" class="loading-row">
+            <div class="handling-info-icon unloaing-bg">卸</div>
+            <div class="info">
+              <h4>卸货地：{{item?.province}}{{item.city}}{{item.area}}{{item.detailedAddress}}</h4>
+              <p>联系人：{{item.appUserName}}/{{item.contractTelephone}}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+</nz-card>
+<nz-card nzTitle="服务信息">
+  <sv-container>
+    <sv label="服务包">
+      {{i?.insuranceTypeLabel}}
+    </sv>
+    <sv label="货物价值">
+      {{i?.goodsValue !==null?(i?.goodsValue|currency)+'元':'-'}}
+    </sv>
+    <sv label="服务包费用">
+      {{i?.insurancePremium!==null?(i?.insurancePremium |currency)+'元':'-'}}
+    </sv>
+  </sv-container>
+</nz-card>
+<nz-card [nzTitle]="'运费信息' +'（到货后'+i?.paymentDays+'天内支付运费）'" #distannce3>
+  <st #st [data]="billExpenses" [columns]="logColumns" [ps]="0" [page]="{ show: false, showSize: false }">
+    <ng-template st-row="price" let-item let-index="index">
+      {{ item.price | currency }}
+    </ng-template>
+    <ng-template st-row="prices" let-item let-index="index">
+      {{ item.price + item.surcharge | currency }}
+    </ng-template>
+    <ng-template st-row="surcharge" let-item let-index="index">
+      {{ item.surcharge | currency }}
+    </ng-template>
+  </st>
+  <div>
+    总计：<span style="color: #da001b; font-size: 18px">{{ i?.totalAmount | currency }}</span> （运费{{ i?.totalFreight | currency }}，
+    附加费{{ i?.totalSurcharge | currency }}，附加费率{{ (i?.totalRate * 100).toFixed(2)}}% ）
+  </div>
+  <div  *ngIf ="i?.payee?.phone && i?.payee?.phone !== i?.driverVo.phone">车队长：{{ i?.payee?.name }}/{{ i?.payee?.phone }}/{{ i?.payee?.idNo }}</div>
+</nz-card>
+
+<nz-card nzTitle="附件信息" #distannce4>
+  <sv-container>
+    <sv label="协议附件">
+      <a *ngIf = "i?.contractContent?.contractContent" (click)="agreement('1')">查看附件</a> &nbsp;&nbsp;&nbsp;&nbsp;
+      <a *ngIf = "i?.supplementContent?.contractContent" (click)="agreement('2')">补充协议</a>
+    </sv>
+  </sv-container>
+  <sv-container col="2" class="mt-md">
+    <sv label="装货凭证">
+      <app-imagelist *ngIf="i?.loadingCertificate" [imgList]="i?.loadingCertificate">
+      </app-imagelist>
+    </sv>
+    <sv label="卸货凭证">
+      <app-imagelist *ngIf="i?.unLoadingCertificate" [imgList]="i?.unLoadingCertificate">
+      </app-imagelist>
+    </sv>
+  </sv-container>
+</nz-card>
+<nz-card nzTitle="补充信息">
+  <sv-container>
+    <sv label="是否回单">
+      {{ i?.supplementaryInformationVO?.stateReceipt ? '是' : '否' }}
+    </sv>
+    <sv label="回单类型" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      {{ i?.supplementaryInformationVO?.receiptType === '1' ? '电子回单' : '纸质回单' }}
+    </sv>
+    <sv label="联系人" *ngIf="i?.supplementaryInformationVO?.stateReceipt">  {{ i?.supplementaryInformationVO?.receiptUserName }} / {{ i?.supplementaryInformationVO?.phon }} </sv>
+    <sv label="所在地区" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      {{ i?.supplementaryInformationVO?.area }}
+    </sv>
+    <sv label="详细地址" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      {{ i?.supplementaryInformationVO?.address }}
+    </sv>
+  </sv-container>
+  <sv-container col="1" class="mt-md">
+    <sv label="回单凭证" *ngIf="i?.supplementaryInformationVO?.stateReceipt">
+      <app-imagelist [imgList]="i?.receiptFilePath"></app-imagelist>
+    </sv>
+    <sv label="备注">
+      {{ i?.supplementaryInformationVO?.remarks }}
+    </sv>
+  </sv-container>
+</nz-card>
+
+<nz-card>
+  <div nz-row>
+    <nz-card nzTitle="轨迹信息" style="width: 100%" [nzExtra]="extraTemplate" #distannce5>
+      <div nz-row>
+        <div nz-col [nzSpan]="12">
+          <st [scroll]="{y: '500px'}" style="min-height: 600px;" #st [data]="addressItems" [columns]="logColumns2" [ps]="0" [page]="{ show: false, showSize: false }">
+          </st>
+        </div>
+        <div nz-col [nzSpan]="12">
+          <amap-path-simplifier [mapWidth]="'100%'" [mapHeight]="'600px'" [mapList]="mapList"></amap-path-simplifier>
+        </div>
+      </div>
+    </nz-card>
+    <ng-template #extraTemplate>
+      <nz-radio-group [(ngModel)]="trajectory" (ngModelChange)="trajectoryChange($event)">
+        <label nz-radio-button nzValue="car">车辆轨迹</label>
+        <label nz-radio-button nzValue="driver">司机轨迹</label>
+      </nz-radio-group>
+    </ng-template>
+  </div>
+</nz-card>
+
+<nz-modal [(nzVisible)]="isVisible"  nzWidth="1000px"  [nzFooter]="nzModalFooter" [nzTitle]="modalTitle"  (nzOnOk)="handleOK()" (nzOnCancel)="handleCancel()">
+  <ng-container *nzModalContent>
+    <div *ngIf="!modalcontent">暂无附件信息</div>
+    <div [innerHTML]="modalcontent"></div>
+  </ng-container>
+  <ng-template #nzModalFooter>
+    <button nz-button nzType="primary" (click)="handleOK()" [disabled]="">取消</button>
+    <button nz-button nzType="default" (click)="handleCancel()">确定  </button>
+  </ng-template>
+</nz-modal>
\ No newline at end of file
diff --git a/src/app/routes/waybill-management/components/vehicle-detail/vehicle-detail.component.less b/src/app/routes/waybill-management/components/vehicle-detail/vehicle-detail.component.less
new file mode 100644
index 00000000..50b12799
--- /dev/null
+++ b/src/app/routes/waybill-management/components/vehicle-detail/vehicle-detail.component.less
@@ -0,0 +1,103 @@
+:host {
+  .btn-size {
+    font-size: 14px;
+  }
+
+  .bdr {
+    border-right: 1px solid #ccc;
+  }
+
+  .bdl {
+    border-left: 1px solid #ccc;
+  }
+
+  .source-info {
+    p {
+      margin-bottom: .5em;
+    }
+  }
+
+  .freight-info-box {
+    width: 95%;
+  }
+
+  .freigth-label {
+    display   : inline-block;
+    width     : 50px;
+    text-align: right;
+  }
+
+  ::ng-deep {
+    .approval-status {
+      .ant-steps {
+        width : 70%;
+        margin: 0 auto;
+      }
+    }
+  }
+
+  .leftPadding {
+    padding-right: 100px;
+  }
+
+  .handling-info {
+    min-height: 100px;
+    border    : 1px solid #ccc;
+
+    .loading-row {
+      display: flex;
+    }
+
+    .handling-info-icon {
+      width        : 32px;
+      height       : 32px;
+      margin-right : 24px;
+      color        : #fff;
+      line-height  : 32px;
+      text-align   : center;
+      border-radius: 50%;
+
+      &.loading-bg {
+        background-color: #50D4AB;
+      }
+
+      &.unloaing-bg {
+        background: #F66F6A;
+      }
+    }
+
+    .info {
+      flex: 1;
+    }
+
+    .time-info {
+      margin-left: 56px;
+    }
+  }
+}
+
+::ng-deep {
+  // .affix {
+  //   position: fixed;
+  //   top     : 20px !important;
+  //   right   : 25px;
+  //   left    : 25px;
+  //   z-index : 999 !important;
+  // }
+
+  // .alain-pro__menu-side .alain-pro__main {
+  //   .affix {
+  //     position: fixed;
+  //     top     : 20px !important;
+  //     right   : 25px;
+  //     left    : 250px;
+  //     z-index : 999 !important;
+  //   }
+  // }
+
+  // .aside-collapsed.alain-pro__menu-side .alain-pro__main {
+  //   .affix {
+  //     left: 106px;
+  //   }
+  // }
+}
\ No newline at end of file
diff --git a/src/app/routes/waybill-management/components/vehicle-detail/vehicle-detail.component.spec.ts b/src/app/routes/waybill-management/components/vehicle-detail/vehicle-detail.component.spec.ts
new file mode 100644
index 00000000..8d8ab6b6
--- /dev/null
+++ b/src/app/routes/waybill-management/components/vehicle-detail/vehicle-detail.component.spec.ts
@@ -0,0 +1,32 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-07 14:52:29
+ * @LastEditTime: 2021-12-07 14:56:17
+ * @LastEditors: your name
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\waybill-management\components\vehicle-detail\vehicle-detail.component.spec.ts
+ */
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { WaybillManagementVehicleDetailComponent } from './vehicle-detail.component';
+
+describe('WaybillManagementVehicleDetailComponent', () => {
+  let component: WaybillManagementVehicleDetailComponent;
+  let fixture: ComponentFixture<WaybillManagementVehicleDetailComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ WaybillManagementVehicleDetailComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(WaybillManagementVehicleDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/waybill-management/components/vehicle-detail/vehicle-detail.component.ts b/src/app/routes/waybill-management/components/vehicle-detail/vehicle-detail.component.ts
new file mode 100644
index 00000000..626eadc9
--- /dev/null
+++ b/src/app/routes/waybill-management/components/vehicle-detail/vehicle-detail.component.ts
@@ -0,0 +1,210 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-03 15:31:52
+ * @LastEditTime : 2022-04-01 11:11:14
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\waybill-management\\components\\vehicle-detail\\vehicle-detail.component.ts
+ */
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { STColumn } from '@delon/abc/st';
+import { _HttpClient } from '@delon/theme';
+import format from 'date-fns/format';
+import { NzCardComponent } from 'ng-zorro-antd/card';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { Subscription, fromEvent } from 'rxjs';
+import { VehicleSureArriveComponent } from 'src/app/routes/order-management/modal/vehicle/sure-arrive/sure-arrive.component';
+import { VehicleSureDepartComponent } from 'src/app/routes/order-management/modal/vehicle/sure-depart/sure-depart.component';
+import { WaybillManagementServe } from '../../services/waybill-management.service';
+@Component({
+  selector: 'app-supply-management-vehicle-detail',
+  templateUrl: './vehicle-detail.component.html',
+  styleUrls: ['./vehicle-detail.component.less']
+})
+export class WaybillManagementVehicleDetailComponent implements OnInit, OnDestroy {
+  id = this.route.snapshot.params.id;
+  MapList: any[] = [];
+  trajectory = 'car'; 
+  mapList: any[] = []; //地图点位数据组
+  addressItems: any[] = []; //打点地址数据组
+  i: any;
+  totalObj: any;
+  attObj: any;
+  isVisible = false;
+  imges: any;
+  unLoadingPlaceVOList: any = [];
+  logColumns2: STColumn[] = [
+    { title: '时间', index: 'vinOutTime' },
+    { title: '地点', index: 'cityName' }
+  ];
+  modalcontent: any;
+  modalTitle:string = '';
+  billExpenses: any[] = []; //运费信息表格信息
+  logColumns: STColumn[] = [
+    { title: '款项', index: 'costCodeLabel' },
+    { title: '小计（元）', render: 'prices' },
+    { title: '运输费（元）', render: 'price' },
+    { title: '附加费（元）', render: 'surcharge' },
+    { title: '支付时间', index: 'paymentTime' },
+    {
+      title: '支付状态',
+      className: 'text-center',
+      index: 'paymentStatusLabel'
+    }
+  ];
+
+  scrollTop = 0;
+  subscribeScoll!: Subscription;
+  constructor(
+    private route: ActivatedRoute,
+    private msgSrv: NzMessageService,
+    private service: WaybillManagementServe,
+    private modal: NzModalService
+  ) {}
+
+  ngOnDestroy(): void {
+    this.subscribeScoll.unsubscribe();
+  }
+
+  ngOnInit(): void {
+    this.initData();
+    this.getTrajectory();
+    this.subscribeScoll = fromEvent(window, 'scroll').subscribe(event => {
+      this.scrollTop = document.documentElement.scrollTop;
+    });
+  }
+  initData() {
+    const params = {
+      id: this.id
+    };
+    this.service.request(this.service.$api_get_getWholeDetail, params).subscribe(res => {
+      console.log(res);
+      this.unLoadingPlaceVOList.push(...res.loadingPlace);
+      this.unLoadingPlaceVOList.push(...res.dischargePlace);
+      console.log(this.unLoadingPlaceVOList);
+      this.i = res;
+      this.billExpenses = this.i?.billExpenseDetails?.filter(
+        (data: any) => data.costCode === 'PRE' || data.costCode === 'RECE' || data.costCode === 'BACK'
+      );
+      this.i.scheduleVOList = this.i?.scheduleVOList?.filter((data: any) => data.displayStatus !== 'HIDE');
+    });
+  }
+
+  goBack() {
+    window.history.go(-1);
+  }
+  agreement(value: any) {
+    if(value  ==='1'){
+      this.modalTitle = '附件信息';
+      this.modalcontent = this.i?.contractContent?.contractContent;
+      
+    }else if(value === '2'){
+      this.modalTitle = '补充协议';
+      this.modalcontent = this.i?.supplementContent?.contractContent;
+    }
+    this.isVisible = true;
+  }
+  handleCancel() {
+    this.isVisible = false;
+  }
+  handleOK() {
+    this.isVisible = false;
+  }
+  goDistance(elf: NzCardComponent) {
+    if (elf) {
+      elf['elementRef'].nativeElement.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'start' });
+    }
+  }
+  //  *确认发车
+
+  sureDepart(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '确认发车',
+      nzWidth: '50%',
+      nzContent: VehicleSureDepartComponent,
+      nzComponentParams: {
+        i: item,
+        Status: 1
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((result: any) => {
+      this.initData();
+    });
+  }
+  // 确认到车
+  sureArrive(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '确认到车',
+      nzWidth: '50%',
+      nzContent: VehicleSureArriveComponent,
+      nzComponentParams: {
+        i: item,
+        Status: 1
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((result: any) => {
+      this.initData();
+    });
+  }
+
+  // 获取车辆轨迹
+  getTrajectory() {
+    this.service.request(this.service.$api_get_getTrajectory, { id: this.id }).subscribe(res => {
+      if (res) {
+        const points = res.trackArray;
+        let list: any[] = [];
+        points?.forEach((item: any) => {
+          list.push({
+            name: item.hgt,
+            lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))]
+          });
+        });
+        this.mapList = list;
+        this.addressItems = res.cityArray;
+        if (this.addressItems && this.addressItems.length > 0) {
+          this.addressItems.forEach(item => {
+            item.vinOutTime = this.getLocalTime(item.vinOutTime);
+          });
+        }
+      }
+    });
+  }
+
+  // 获取司机轨迹
+  getDriverTrajectory() {
+    this.service.request(this.service.$api_get_getAppDriverPosition, { id: this.id }).subscribe(res => {
+      if (res) {
+        const points = res.tracks;
+        let list: any[] = [];
+        points?.forEach((item: any) => {
+          list.push({
+            name: item.hgt,
+            lnglat: [Number((Number(item.lon) / 600000).toFixed(6)), Number((Number(item.lat) / 600000).toFixed(6))]
+          });
+        });
+        this.mapList = list;
+        this.addressItems = [...res.enclosureDataAppTrack];
+        if (this.addressItems && this.addressItems.length > 0) {
+          this.addressItems.forEach(item => {
+            item.vinOutTime = this.getLocalTime(item.gtm);
+            item.cityName = item.appAdress;
+          });
+        }
+      }
+    });
+  }
+  trajectoryChange(event: any) {
+    if (event === 'car') {
+      this.getTrajectory();
+    } else if (event === 'driver') {
+      this.getDriverTrajectory();
+    }
+  }
+  getLocalTime(time: any) {
+    return format(new Date(parseInt(time)), 'yyyy-MM-dd HH:mm:ss');
+  }
+}
diff --git a/src/app/routes/waybill-management/components/vehicle/vehicle.component.html b/src/app/routes/waybill-management/components/vehicle/vehicle.component.html
new file mode 100644
index 00000000..709cbfcd
--- /dev/null
+++ b/src/app/routes/waybill-management/components/vehicle/vehicle.component.html
@@ -0,0 +1,114 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-12-03 11:10:14
+ * @LastEditTime : 2022-03-28 11:15:15
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\waybill-management\\components\\vehicle\\vehicle.component.html
+-->
+<!-- 搜索表单 -->
+<page-header-wrapper [title]="''"> </page-header-wrapper>
+<nz-card>
+  <div nz-row nzGutter="8">
+    <!-- 查询字段小于或等于3个时，不显示伸缩按钮 -->
+    <div nz-col nzSpan="24" *ngIf="queryFieldCount <= 4">
+      <sf
+        #sf
+        [schema]="schema"
+        [ui]="ui"
+        [mode]="'search'"
+        [disabled]="!sf?.valid"
+        [loading]="false"
+        (formSubmit)="st?.load(1)"
+        (formReset)="resetSF()"
+      ></sf>
+    </div>
+
+    <!-- 查询字段大于3个时，根据展开状态调整布局 -->
+    <ng-container *ngIf="queryFieldCount > 4">
+      <div nz-col [nzSpan]="_$expand ? 24 : 18">
+        <sf #sf [schema]="schema" [ui]="ui" [compact]="true" [button]="'none'"></sf>
+      </div>
+      <div nz-col [nzSpan]="_$expand ? 24 : 6" [class.expend-options]="_$expand" class="text-right">
+        <button nz-button nzType="primary" [nzLoading]="service.http.loading" (click)="search()"  acl  [acl-ability]="['WAYBILL-VEHICLE-search']">查询</button>
+        <button nz-button nzType="primary" [disabled]="false"  acl  [acl-ability]="['WAYBILL-VEHICLE-export']" (click)="exprot()">导出</button>
+        <button nz-button [disabled]="false" (click)="resetSF()">重置</button>
+        <button nz-button nzType="link" (click)="expandToggle()">
+          {{ !_$expand ? '展开' : '收起' }}
+          <i nz-icon [nzType]="!_$expand ? 'down' : 'up'"></i>
+        </button>
+      </div>
+    </ng-container>
+  </div>
+</nz-card>
+
+<nz-card>
+  <nz-tabset (nzSelectedIndexChange)="selectChange($event)">
+    <nz-tab [nzTitle]="'全部(' + tabs?.totalQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'待接单(' + tabs?.stayQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'待发车(' + tabs?.receivedQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'运输中(' + tabs?.cancelQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'待签收(' + tabs?.signQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'已完成(' + tabs?.compolatelQuantity + ')'"></nz-tab>
+    <nz-tab [nzTitle]="'已取消(' + tabs?.deltQuantity + ')'"></nz-tab>
+  </nz-tabset>
+  <div style="margin-top: 15px">
+    <st
+      #st
+      [bordered]="true"
+      [scroll]="{ x: '2000px' }"
+      [data]="service.$api_get_wholePage"
+      [columns]="columns"
+      [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' }, params: reqParams }"
+      [res]="{ reName: { list: 'data.records', total: 'data.total' } }"
+      [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+      [loading]="false"
+    >
+    <ng-template st-row="createUserName" let-item let-index="index">
+      <div> {{ item?.createUserName }}/{{ item?.createUserPhone }} </div>
+    </ng-template>
+    <ng-template st-row="createUserName" let-item let-index="index">
+      <div> {{ item?.createUserName }}/{{ item?.createUserPhone }} </div>
+    </ng-template>
+      <ng-template st-row="driverName" let-item let-index="index">
+        <div> {{ item?.driverName }}/{{ item?.driverTelephone }}/{{ item?.driverLicenseCarNo }} </div>
+      </ng-template>
+      <ng-template st-row="payeeName" let-item let-index="index">
+        <div> {{ item?.payeeName }}/{{ item?.payeePhone }} </div>
+      </ng-template>
+      <ng-template st-row="billExpenseDetailVOList2" let-item let-index="index">
+        <div *ngIf="item?.mybidInfo?.length > 0">
+          <p *ngFor="let data of item?.mybidInfo"> {{ data?.expenseName }}：{{ data?.price | currency }} </p>
+        </div>
+      </ng-template>
+      <ng-template st-row="billExpenseDetailVOList" let-item let-index="index">
+        <div *ngIf="item?.billExpenseDetails?.length > 0">
+          <p *ngFor="let data of item?.billExpenseDetails">
+            {{ data?.costName }}：{{ data?.price | currency }}
+            <span style="color: #f59a63">{{ data?.paymentStatusLabel }}</span>
+          </p>
+        </div>
+      </ng-template>
+      <ng-template st-row="wayBillCode" let-item let-index="index">
+        <a [routerLink]="'vehicle-detail/' + item?.id">{{ item?.wayBillCode }}</a>
+        <div>
+          <span>{{item?.wayBillStatusLabel}}</span>
+        </div>
+        <div>
+          <span >{{item?.resourceTypeLabel}}{{item?.serviceTypeLabel}}</span>
+        </div>
+      </ng-template>
+      <ng-template st-row="wayBill" let-item let-index="index">
+        <a [routerLink]="'/vehicle-detail/' + item?.id">{{ item?.billCode }}</a>
+      </ng-template>
+      <ng-template st-row="goodsInfos" let-item let-index="index">
+        <div>{{ item?.goodsInfos?.goodsName }}</div>
+        <div>{{ item?.goodsInfos?.weight }}{{ item?.goodsInfos?.volume?  '/' +item?.goodsInfos?.volume : '' }}{{ item?.goodsInfos?.number ? '/' + item?.goodsInfos?.number : '' }}</div>
+      </ng-template>
+      <ng-template st-row="loadingTime" let-item let-index="index">
+        <div *ngIf="item?.loadingTime">装 | {{ item?.loadingTime }}</div>
+        <div *ngIf="item?.unloadingTime">卸 | {{ item?.unloadingTime }}</div>
+      </ng-template>
+    </st>
+  </div>
+</nz-card>
diff --git a/src/app/routes/waybill-management/components/vehicle/vehicle.component.less b/src/app/routes/waybill-management/components/vehicle/vehicle.component.less
new file mode 100644
index 00000000..118c2a31
--- /dev/null
+++ b/src/app/routes/waybill-management/components/vehicle/vehicle.component.less
@@ -0,0 +1,8 @@
+:host ::ng-deep{
+    p{
+        margin-bottom: 0
+    }
+    ::ng-deep nz-range-picker{
+        width: 100%;
+    }
+}
\ No newline at end of file
diff --git a/src/app/routes/waybill-management/components/vehicle/vehicle.component.spec.ts b/src/app/routes/waybill-management/components/vehicle/vehicle.component.spec.ts
new file mode 100644
index 00000000..c8fb27ed
--- /dev/null
+++ b/src/app/routes/waybill-management/components/vehicle/vehicle.component.spec.ts
@@ -0,0 +1,32 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-07 14:52:29
+ * @LastEditTime: 2022-01-12 13:14:49
+ * @LastEditors: your name
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\waybill-management\components\vehicle\vehicle.component.spec.ts
+ */
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
+import { WaybillManagementVehicleComponent } from './vehicle.component';
+
+describe('WaybillManagementVehicleComponent', () => {
+  let component: WaybillManagementVehicleComponent;
+  let fixture: ComponentFixture<WaybillManagementVehicleComponent>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ WaybillManagementVehicleComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(WaybillManagementVehicleComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/routes/waybill-management/components/vehicle/vehicle.component.ts b/src/app/routes/waybill-management/components/vehicle/vehicle.component.ts
new file mode 100644
index 00000000..189a802a
--- /dev/null
+++ b/src/app/routes/waybill-management/components/vehicle/vehicle.component.ts
@@ -0,0 +1,494 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STColumn, STComponent } from '@delon/abc/st';
+import { SFComponent, SFDateWidgetSchema, SFSchema, SFSchemaEnum, SFSelectWidgetSchema, SFUISchema } from '@delon/form';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { ShipperBaseService } from '@shared';
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { NzUploadChangeParam } from 'ng-zorro-antd/upload';
+import { of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { VehicleSureArriveComponent } from 'src/app/routes/order-management/modal/vehicle/sure-arrive/sure-arrive.component';
+import { VehicleSureDepartComponent } from 'src/app/routes/order-management/modal/vehicle/sure-depart/sure-depart.component';
+import { WaybillManagementServe } from '../../services/waybill-management.service';
+
+@Component({
+  selector: 'app-supply-management-vehicle',
+  templateUrl: './vehicle.component.html',
+  styleUrls: ['./vehicle.component.less', '../../../commom/less/expend-but.less', '../../../commom/less/box.less']
+})
+export class WaybillManagementVehicleComponent implements OnInit {
+  ui: SFUISchema = {};
+  schema: SFSchema = {};
+  isVisibleEvaluate = false;
+  isVisible = false;
+  _$expand = false;
+  resourceStatus: any;
+  @ViewChild('st') private readonly st!: STComponent;
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  columns: STColumn[] = [];
+  tabs = {
+    signQuantity: 0,
+    cancelQuantity: 0,
+    receivedQuantity: 0,
+    stayQuantity: 0,
+    totalQuantity: 0,
+    compolatelQuantity: 0,
+    deltQuantity: 0
+  };
+  constructor(public service: WaybillManagementServe, private modal: NzModalService, public shipperservice: ShipperBaseService) {}
+
+  /**
+   * 查询参数
+   */
+  get reqParams() {
+    const a: any = {};
+    if (this.resourceStatus) {
+      a.wayBillStatus = this.resourceStatus;
+    }
+    const params: any = Object.assign({}, this.sf?.value || {});
+    delete params._$expand;
+    return {
+      ...a,
+      ...params,
+      createTime: {
+        start: this.sf?.value?.createTime?.[0] || '',
+        end: this.sf?.value?.createTime?.[1] || ''
+      }
+    };
+  }
+  get selectedRows() {
+    return this.st?.list.filter(item => item.checked) || [];
+  }
+  ngOnInit(): void {
+    this.initSF();
+    this.initST();
+    this.getGoodsSourceStatistical();
+  }
+
+  /**
+   * 初始化查询表单
+   */
+  initSF() {
+    this.schema = {
+      properties: {
+        _$expand: { type: 'boolean', ui: { hidden: true } },
+        wayBillCode: {
+          type: 'string',
+          title: '运单号',
+          ui: {
+            placeholder: '最多100个运单，空号隔开'
+          }
+        },
+        billCode: {
+          type: 'string',
+          title: '订单号',
+          ui: {
+            placeholder: '最多100个单号，空号隔开'
+          }
+        },
+        resourceCode: {
+          type: 'string',
+          title: '货源编号'
+        },
+        shipperAppUserId: {
+          type: 'string',
+          title: '货主',
+          ui: {
+            widget: 'select',
+            serverSearch: true,
+            searchDebounceTime: 300,
+            searchLoadingText: '搜索中...',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            onSearch: (q: any) => {
+              let str = q.replace(/^\s+|\s+$/g, '');
+              if (str) {
+                return this.service
+                  .request(this.service.$api_enterpriceList, { enterpriseName: str })
+                  .pipe(map((res: any) => (res as any[]).map(i => ({ label: i.enterpriseName, value: i.id } as SFSchemaEnum))))
+                  .toPromise();
+              } else {
+                return of([]);
+              }
+            },
+            change: (q: any) => {
+              this.getRegionCode(q);
+            }
+          } as SFSelectWidgetSchema
+        },
+        enterpriseProjectId: {
+          type: 'string',
+          title: '所属项目',
+          ui: {
+            widget: 'select',
+            placeholder: '请先选择货主',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        loadingPlace: {
+          type: 'string',
+          title: '装货地',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        dischargePlace: {
+          type: 'string',
+          title: '卸货地',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+
+        driverName: {
+          title: '承运司机',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        licenseCarNo: {
+          title: '车牌号',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        carCaptainName: {
+          title: '车队长',
+          type: 'string',
+          ui: {
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        paymentstatus: {
+          title: '支付状态',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            params: { dictKey: 'overall:payment:status' },
+            containsAllLabel: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+        serviceType: {
+          title: '服务类型',
+          type: 'string',
+          ui: {
+            widget: 'dict-select',
+            containsAllLabel: true,
+            params: { dictKey: 'service:type' },
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFSelectWidgetSchema
+        },
+
+        riskStatus: {
+          type: 'string',
+          title: '是否风险单',
+          enum: [
+            { label: '全部', value: '' },
+            { label: '是', value: '3' },
+            { label: '否', value: '1' }
+          ],
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          }
+        },
+        enterpriseInfoId: {
+          type: 'string',
+          title: '网络货运人',
+          ui: {
+            widget: 'select',
+            placeholder: '请选择',
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            },
+            allowClear: true,
+            asyncData: () => this.shipperservice.getNetworkFreightForwarder()
+          }
+        },
+        createTime: {
+          title: '创建时间',
+          type: 'string',
+          ui: {
+            widget: 'date',
+            mode: 'range',
+            format: 'yyyy-MM-dd',
+            allowClear: true,
+            visibleIf: {
+              _$expand: (value: boolean) => value
+            }
+          } as SFDateWidgetSchema
+        }
+      },
+      type: 'object'
+    };
+    this.ui = { '*': { spanLabelFixed: 110, grid: { span: 8, gutter: 4 } } };
+  }
+  // 获取城市列表
+  getRegionCode(regionCode: any) {
+    console.log(regionCode);
+    return this.service
+      .request(this.service.$api_get_enterprise_project, { id: regionCode })
+      .pipe(
+        map(res =>
+          res.map((item: any) => ({
+            label: item.projectName,
+            value: item.id
+          }))
+        )
+      )
+      .subscribe(res => {
+        this.sf.getProperty('/enterpriseProjectId')!.schema.enum = res;
+        this.sf.getProperty('/enterpriseProjectId')!.widget.reset(res);
+        // if (this.enterpriseProjectIds) {
+        //   this.sf1.setValue('/enterpriseProjectId', this.enterpriseProjectIds);
+        // }
+      });
+  }
+
+  /**
+   * 初始化数据列表
+   */
+  initST() {
+    this.columns = [
+      { title: '', type: 'checkbox', fixed: 'left', width: '50px', className: 'text-center' },
+      {
+        title: '运单号',
+        width: '180px',
+        fixed: 'left',
+        className: 'text-left',
+        render: 'wayBillCode'
+      },
+      {
+        title: '货源编号',
+        width: '150px',
+        className: 'text-left',
+        index: 'resourceCode'
+      },
+      {
+        title: '货主出价',
+        width: '250px',
+        className: 'text-right',
+        render: 'billExpenseDetailVOList2'
+      },
+      {
+        title: '费用明细',
+        width: '250px',
+        className: 'text-right',
+        render: 'billExpenseDetailVOList'
+      },
+      { title: '录单员', render: 'createUserName', width: '200px', className: 'text-left' },
+      { title: '网络货运人', index: 'enterpriseInfoName', width: '220px', className: 'text-left' },
+      { title: '货主', index: 'shipperAppUserName', width: '200px', className: 'text-left' },
+      { title: '关联订单号', index: 'billCode', width: '180px', className: 'text-left' },
+      { title: '装货地', index: 'loadingPlace', width: '180px', className: 'text-left' },
+      {
+        title: '卸货地',
+        className: 'text-left',
+        width: '180px',
+        index: 'dischargePlace'
+      },
+      {
+        title: '货物信息',
+        className: 'text-left',
+        width: '250px',
+        render: 'goodsInfos'
+      },
+      {
+        title: '承运司机',
+        className: 'text-left',
+        width: '250px',
+        render: 'driverName'
+      },
+      {
+        title: '车队长',
+        className: 'text-left',
+        width: '200px',
+        render: 'payeeName'
+      },
+      {
+        title: '装卸货时间',
+        className: 'text-left',
+        width: '200px',
+        render: 'loadingTime'
+      },
+      {
+        title: '创建时间',
+        width: '180px',
+        className: 'text-left',
+        index: 'createTime'
+      },
+      {
+        title: '操作',
+        fixed: 'right',
+        width: '110px',
+        className: 'text-center',
+        buttons: [
+          {
+            text: '确认发车',
+            click: _record => this.sureDepart(_record),
+            iif: item => item.wayBillStatus == '2',
+            acl: { ability: ['WAYBILL-VEHICLE-wholeStartCarInfo'] }
+          },
+          {
+            text: '确认到车',
+            click: _record => this.sureArrive(_record),
+            iif: item => item.wayBillStatus == '3',
+            acl: { ability: ['WAYBILL-VEHICLE-wholeUnloadCarInfo'] }
+          }
+        ]
+      }
+    ];
+  }
+  /**
+   * 查询字段个数
+   */
+  get queryFieldCount(): number {
+    return Object.keys(this.schema?.properties || {}).length;
+  }
+  /**
+   * 伸缩查询条件
+   */
+  expandToggle(): void {
+    this._$expand = !this._$expand;
+    this.sf?.setValue('/_$expand', this._$expand);
+  }
+  tabChange(item: any) {
+    console.log(item);
+  }
+  /**
+   * 重置表单
+   */
+  resetSF(): void {
+    this.sf.reset();
+    this._$expand = false;
+  }
+  search() {
+    this.st?.load(1);
+    this.getGoodsSourceStatistical();
+  }
+  selectChange(e: number) {
+    console.log(e);
+    this.resourceStatus = e;
+    this.initST();
+    setTimeout(() => {
+      this.st.load(1);
+    }, 500);
+  }
+  /**
+   * 导入货源
+   */
+  importGoodsSource() {}
+  /**
+   *查看评价
+   */
+  viewEvaluate(item: any) {
+    console.log(item);
+    this.isVisibleEvaluate = true;
+  }
+  getGoodsSourceStatistical() {
+    this.tabs = {
+      signQuantity: 0,
+      cancelQuantity: 0,
+      receivedQuantity: 0,
+      stayQuantity: 0,
+      totalQuantity: 0,
+      compolatelQuantity: 0,
+      deltQuantity: 0
+    };
+    const params: any = Object.assign({}, this.reqParams || {});
+    delete params.wayBillStatus;
+    this.service.request(this.service.$api_get_getWholeStatistics, params).subscribe(res => {
+      if (res) {
+        let totalCount = 0;
+        res.forEach((ele: any) => {
+          switch (ele.wayBillStatus) {
+            case '1':
+              this.tabs.stayQuantity = ele?.count;
+              break;
+            case '2':
+              this.tabs.receivedQuantity = ele?.count;
+              break;
+            case '3':
+              this.tabs.cancelQuantity = ele?.count;
+              break;
+            case '4':
+              this.tabs.signQuantity = ele?.count;
+              break;
+            case '5':
+              this.tabs.compolatelQuantity = ele?.count;
+              break;
+            case '6':
+              this.tabs.deltQuantity = ele?.count;
+              break;
+          }
+          totalCount += ele.count;
+        });
+        this.tabs.totalQuantity = totalCount;
+      }
+    });
+  }
+  //  *确认发车
+
+  sureDepart(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '确认发车',
+      nzWidth: '50%',
+      nzContent: VehicleSureDepartComponent,
+      nzComponentParams: {
+        i: item,
+        Status: 1
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((result: any) => {
+      this.st.load(1);
+      this.getGoodsSourceStatistical();
+    });
+  }
+  // 确认到车
+  sureArrive(item: any) {
+    const modalRef = this.modal.create({
+      nzTitle: '确认到车',
+      nzWidth: '50%',
+      nzContent: VehicleSureArriveComponent,
+      nzComponentParams: {
+        i: item,
+        Status: 1
+      },
+      nzFooter: null
+    });
+    modalRef.afterClose.subscribe((result: any) => {
+      this.st.load(1);
+      this.getGoodsSourceStatistical();
+    });
+  }
+  // 导出
+  exprot() {
+    this.service.asyncExport(this.reqParams, this.service.$api_asyncExportWholeList);
+  }
+}
diff --git a/src/app/routes/waybill-management/services/waybill-management.service.ts b/src/app/routes/waybill-management/services/waybill-management.service.ts
new file mode 100644
index 00000000..da36a391
--- /dev/null
+++ b/src/app/routes/waybill-management/services/waybill-management.service.ts
@@ -0,0 +1,72 @@
+import { WaybillManagementBulkComponent } from './../components/bulk/bulk.component';
+/*
+ * @Author: your name
+ * @Date: 2021-12-07 14:52:29
+ * @LastEditTime : 2022-03-28 11:13:50
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\routes\\waybill-management\\services\\waybill-management.service.ts
+ */
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from 'src/app/shared/services';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class WaybillManagementServe extends BaseService {
+  $api_get_enterprise_project = `/api/mdc/cuc/enterpriseProject/getEnterpriseProjectList `; // 所属项目列表
+  // 据 手机号/姓名 查询 车队长/司机
+  $api_get_getDriverInfo = `/api/mdc/cuc/user/getDriverInfo`;
+  // 查询整车运单-运营后台
+  $api_get_wholePage = `/api/sdc/wayBillOperate/listWholePage`;
+  // 查询整车运单详情-运营后台
+  $api_get_getWholeDetail = `/api/sdc/wayBillOperate/getWholeDetail`;
+
+  // 查询大宗运单-运营后台
+  $api_get_Bulkpage = `/api/sdc/wayBillOperate/listBulkPage`;
+  // 查询大宗运单详情-运营后台
+  $api_get_getBulkDetail = `/api/sdc/wayBillOperate/getBulkDetail`;
+
+  // 整车运单分类统计
+  $api_get_getWholeStatistics = `/api/sdc/wayBillOperate/getWholeStatistics`;
+  // 大宗运单分类统计
+  $api_get_getBulkStatistics = `/api/sdc/wayBillOperate/getBulkStatistics`;
+
+  // 根据车牌号查询车辆信息
+  $api_get_getCarLicenseListByCarNo = `/api/mdc/cuc/carLicense/findCarLicenseByCarNo`;
+
+  // 大宗确认发车
+  $api_get_insertBulkStartCarInfo = `/api/sdc/wayBillOperate/insertBulkStartCarInfo`;
+  // 整车确认发车
+  $api_get_insertWholeStartCarInfo = `/api/sdc/wayBillOperate/insertWholeStartCarInfo`;
+  // 整车确认到车
+  $api_get_insertWholeUnloadCarInfo = `/api/sdc/wayBillOperate/insertWholeUnloadCarInfo`;
+  // 大宗确认到车
+  $api_get_insertBulkUnloadCarInfo = `/api/sdc/wayBillOperate/insertBulkUnloadCarInfo`;
+  //  确认到车界面信息(两个只能看的图片)
+  $api_get_getUnloadCarInfo = `/api/sdc/wayBillOperate/getUnloadCarInfo`;
+
+  // 查询CRM客户信息表
+  $api_get_crmCustomer_page = '/api/mdc/cuc/crmCustomer/list/page';
+
+  // 查询运营端异常上报
+  $api_get_listOperatePage = '/api/sdc/exceptionReport/listOperatePage';
+  // 查询运营端异常上报数据统计
+  $api_get_listOperateStatus = '/api/sdc/exceptionReport/listOperateStatus';
+  // // 查询运营端已回复异常上报
+  // $api_get_listOperateReplyPage = '/api/sdc/exceptionReport/listOperateReplyPage';
+ // 获取轨迹
+ $api_get_getTrajectory = `/api/sdc/billShipper/getTrajectoryByBillId`;
+ //  获取订单司机轨迹
+ $api_get_getAppDriverPosition = `/api/sdc/wayBillOperate/getAppDriverPosition`;
+  // 获取货主企业列表
+  public $api_enterpriceList = '/api/mdc/cuc/enterpriseInfo/operate/enterpriceList';
+
+  // 异步导出运营后台大宗运单列表
+  public $api_asyncExportBulkList = '/api/sdc/wayBillOperate/asyncExportBulkList';
+  // 异步导出运营后台整车运单列表
+  public $api_asyncExportWholeList = '/api/sdc/wayBillOperate/asyncExportWholeList';
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+}
diff --git a/src/app/routes/waybill-management/waybill-management-routing.module.ts b/src/app/routes/waybill-management/waybill-management-routing.module.ts
new file mode 100644
index 00000000..f2b1025f
--- /dev/null
+++ b/src/app/routes/waybill-management/waybill-management-routing.module.ts
@@ -0,0 +1,28 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-03 15:31:52
+ * @LastEditTime: 2021-12-07 14:56:57
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\order-management\order-management-routing.module.ts
+ */
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { WaybillManagementAbnormalAppearComponent } from './components/abnormal-appear/abnormal-appear.component';
+import { WaybillManagementBulkeDetailComponent } from './components/bulk-detail/bulk-detail.component';
+import { WaybillManagementBulkComponent } from './components/bulk/bulk.component';
+import { WaybillManagementVehicleDetailComponent } from './components/vehicle-detail/vehicle-detail.component';
+import { WaybillManagementVehicleComponent } from './components/vehicle/vehicle.component';
+
+const routes: Routes = [
+  { path: 'vehicle', component: WaybillManagementVehicleComponent },
+  { path: 'vehicle/vehicle-detail/:id', component: WaybillManagementVehicleDetailComponent },
+  { path: 'bulk', component: WaybillManagementBulkComponent },
+  { path: 'bulk/bulk-detail/:id', component: WaybillManagementBulkeDetailComponent },
+  { path: 'abnormal-appear', component: WaybillManagementAbnormalAppearComponent },
+]
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class WaybillManagementRoutingModule { }
diff --git a/src/app/routes/waybill-management/waybill-management.module.ts b/src/app/routes/waybill-management/waybill-management.module.ts
new file mode 100644
index 00000000..38974b09
--- /dev/null
+++ b/src/app/routes/waybill-management/waybill-management.module.ts
@@ -0,0 +1,34 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-03 15:31:52
+ * @LastEditTime: 2021-12-07 15:20:01
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\routes\order-management\order-management.module.ts
+ */
+import { NgModule, Type } from '@angular/core';
+import { SharedModule } from '@shared';
+import { WaybillManagementAbnormalAppearComponent } from './components/abnormal-appear/abnormal-appear.component';
+import { WaybillManagementBulkeDetailComponent } from './components/bulk-detail/bulk-detail.component';
+import { WaybillManagementBulkComponent } from './components/bulk/bulk.component';
+
+import { WaybillManagementVehicleDetailComponent } from './components/vehicle-detail/vehicle-detail.component';
+
+import { WaybillManagementVehicleComponent } from './components/vehicle/vehicle.component';
+import { WaybillManagementRoutingModule } from './waybill-management-routing.module';
+const COMPONENTS: Type<void>[] = [
+  WaybillManagementVehicleComponent,
+  WaybillManagementVehicleDetailComponent,
+  WaybillManagementBulkComponent,
+  WaybillManagementBulkeDetailComponent,
+  WaybillManagementAbnormalAppearComponent
+];
+
+@NgModule({
+  imports: [
+    SharedModule,
+    WaybillManagementRoutingModule
+  ],
+  declarations: COMPONENTS,
+})
+export class WaybillManagementModule { }
diff --git a/src/app/shared/components/account-detail/account-detail.component.html b/src/app/shared/components/account-detail/account-detail.component.html
new file mode 100644
index 00000000..a9bc8438
--- /dev/null
+++ b/src/app/shared/components/account-detail/account-detail.component.html
@@ -0,0 +1,22 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-14 14:39:04
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-11 15:13:48
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\account-detail\\account-detail.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<st #st [data]="url" [columns]="columns" bordered size="small"
+    [req]="{ method: 'POST', allInBody: true, reName: { pi: 'pageIndex', ps: 'pageSize' },  process: beforeReq }"
+    [res]="{ reName: { list: 'data'} }"
+    [page]="{ show: true, showSize: true, pageSizes: [10, 20, 30, 50, 100, 200, 300, 500, 1000] }"
+    [loading]="false" [scroll]="{ y: '370px' }">
+    <ng-template st-row="paAccount" let-item let-index="index">
+        <a (click)="createAccount(item,'1')" acl  [acl-ability]="['USERCENTER-FREIGHT-LIST-createAccount']" >{{ item.paAccount || '添加' }}</a>
+    </ng-template>
+    <ng-template st-row="pfAccount" let-item let-index="index">
+        <a (click)="createAccount(item,'2')" acl  [acl-ability]="['USERCENTER-FREIGHT-LIST-createAccount']" >{{ item.pfAccount || '添加' }}</a>
+    </ng-template>
+</st>
\ No newline at end of file
diff --git a/src/app/shared/components/account-detail/account-detail.component.ts b/src/app/shared/components/account-detail/account-detail.component.ts
new file mode 100644
index 00000000..a0b1a133
--- /dev/null
+++ b/src/app/shared/components/account-detail/account-detail.component.ts
@@ -0,0 +1,106 @@
+import { CurrencyPipe } from '@angular/common';
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { STComponent, STColumn, STRequestOptions } from '@delon/abc/st';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { BaseService } from '../../services';
+
+@Component({
+  selector: 'app-account-detail',
+  templateUrl: './account-detail.component.html',
+  providers: [CurrencyPipe]
+})
+export class AccountDetailComponent implements OnInit {
+  @ViewChild('st', { static: true })
+  st!: STComponent;
+  columns: STColumn[] = [];
+
+  url = '/api/fcc/accountBalance/getDriverAccountDetailByOperator';
+
+  isCanCreate = false;
+  params: any = {};
+  constructor(public service: BaseService, public currencyPipe: CurrencyPipe, private modalHelp: NzModalRef) {
+    this.initST();
+  }
+
+  ngOnInit(): void {}
+  createAccount(item: any, type: '1' | '2') {
+    if ((type === '1' && item.paAccount) || (type === '2' && item.pfAccount)) {
+      return;
+    }
+    const params = {
+      ltdId: item.ltdId || this.params.ltdId,
+      roleId: item.roleId || this.params.roleId,
+      projectId: item.projectId || this.params.projectId,
+      enterpriseId: item.enterpriseId || this.params.roleId,
+      ctfId: this.params.ctfId,
+      clientName: this.params.clientName,
+      roleName: this.params.clientName
+    };
+    if (this.params.accountType === 1) {
+      this.service
+        .request('/api/fcc/accountBalance/saveByShipper', {
+          accountType: this.params.accountType,
+          bankType: type,
+          isProjectMain: 0,
+          ...params
+        })
+        .subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success(type === '1' ? res?.paMsg : res?.pfMsg);
+            this.modalHelp.destroy();
+          }
+        });
+    }
+    if (this.params.accountType === 2) {
+      this.service
+        .request('/api/fcc/accountBalance/saveByDriver', {
+          accountType: this.params.accountType,
+          bankType: type,
+          ...params
+        })
+        .subscribe(res => {
+          if (res) {
+            this.service.msgSrv.success(type === '1' ? res?.paMsg : res?.pfMsg);
+            this.modalHelp.destroy();
+          }
+        });
+    }
+  }
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, this.params);
+    return requestOptions;
+  };
+
+  initST() {
+    this.columns = [
+      { title: '网络货运人', index: 'ltdName', className: 'text-center' },
+      {
+        title: '平安资金账户',
+        render: 'paAccount',
+        className: 'text-center',
+        iif: _ => this.isCanCreate
+      },
+      {
+        title: '浦发资金账户',
+        render: 'pfAccount',
+        className: 'text-center',
+        iif: _ => this.isCanCreate
+      },
+      {
+        title: '平安账户余额',
+        render: 'paBalance',
+        className: 'text-right',
+        format: item => `${this.currencyPipe.transform(item.paBalance)}`,
+        iif: _ => !this.isCanCreate
+      },
+      {
+        title: '浦发账户余额',
+        render: 'pfBalance',
+        className: 'text-right',
+        format: item => `${this.currencyPipe.transform(item.pfBalance)}`,
+        iif: _ => !this.isCanCreate
+      }
+    ];
+  }
+}
diff --git a/src/app/shared/components/amap/amap-path-simplifier/amap-path-simplifier.component.html b/src/app/shared/components/amap/amap-path-simplifier/amap-path-simplifier.component.html
new file mode 100644
index 00000000..2b5b369d
--- /dev/null
+++ b/src/app/shared/components/amap/amap-path-simplifier/amap-path-simplifier.component.html
@@ -0,0 +1,15 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-07 14:19:25
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-11 15:26:06
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\amap\\amap-path-simplifier\\amap-path-simplifier.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<div class="map-container" id="container" tabindex="0" [style]="{width: mapWidth, height: mapHeight}"></div>
+<div style="display: flex;align-items: center;">
+    <div>巡航倍数 : <input type="number" [ngModel]="navSpeed" min="1" (ngModelChange)="changeMultiple($event)"
+            style="border-color: #f0f0f0;outline: 0;width: 60px;text-align: center;" class="mt-sm ml-sm"/></div>
+</div>
\ No newline at end of file
diff --git a/src/app/shared/components/amap/amap-path-simplifier/amap-path-simplifier.component.less b/src/app/shared/components/amap/amap-path-simplifier/amap-path-simplifier.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/shared/components/amap/amap-path-simplifier/amap-path-simplifier.component.ts b/src/app/shared/components/amap/amap-path-simplifier/amap-path-simplifier.component.ts
new file mode 100644
index 00000000..1c810c67
--- /dev/null
+++ b/src/app/shared/components/amap/amap-path-simplifier/amap-path-simplifier.component.ts
@@ -0,0 +1,296 @@
+import AMapLoader from '@amap/amap-jsapi-loader';
+import { Component, Input, OnChanges, OnInit, Output, SimpleChanges, EventEmitter, OnDestroy } from '@angular/core';
+import { amapConf } from '@conf/amap.config';
+import { InputNumber } from '@delon/util';
+import { throwError } from 'rxjs';
+import { BaseService } from 'src/app/shared/services';
+import { AmapService, InfoItem, MapList, PathList, POI } from '../amap.service';
+declare var AMap: any;
+declare var AMapUI: any;
+declare var Loca: any;
+
+const CONFIG = amapConf;
+@Component({
+  selector: 'amap-path-simplifier',
+  templateUrl: './amap-path-simplifier.component.html',
+  styleUrls: ['./amap-path-simplifier.component.less']
+})
+export class AmapPathSimplifierComponent implements OnInit, OnChanges, OnDestroy {
+  aMap: any;
+  pathSimplifierIns: any;
+  geocoder: any;
+  navigator: any;
+  infoWindow: any;
+  markerList: any;
+  SimpleMarker: any;
+  // 简单路径信息
+  @Input()
+  mapList: MapList[] = [];
+  // 完整路线图信息
+  @Input()
+  pathList: PathList[] = [];
+  // 当前选中路线图下标
+  @Input()
+  selectedIndex = 0;
+  // 巡航倍数
+  @InputNumber()
+  navSpeed = 1;
+  // 标点数组
+  @Input()
+  pois: POI[] = [];
+  private _pois: any = [];
+
+  @Input()
+  mapWidth = '800px';
+  @Input()
+  mapHeight = '500px';
+
+  @Output()
+  readonly clcikPointEvent = new EventEmitter<any>();
+
+  constructor(public service: BaseService, private amapService: AmapService) {}
+  ngOnChanges(changes: SimpleChanges): void {
+    // 路线图变更: 设置路线图, 指定路线图
+    if (changes?.pathList?.currentValue && this?.pathSimplifierIns) {
+      this.setData(changes.pathList?.currentValue);
+      this.setPathIndex(this.selectedIndex);
+    }
+    // 路径信息变更: 更新路线图, 设置路线图, 指定路线图, 获取终点地址信息并标点
+    if (changes?.mapList?.currentValue && this?.pathSimplifierIns && changes.mapList?.currentValue.length > 0) {
+      // console.log(this.mapList);
+      this.pathList = [
+        {
+          name: '路线1',
+          points: changes.mapList?.currentValue
+        }
+      ];
+      this.setData(this.pathList);
+      this.setPathIndex(this.selectedIndex);
+      this.getPoiByPositon(this.mapList[this.mapList?.length - 1]?.lnglat);
+    }
+    // 标点列表变更: 更新标点数据, 绘画标点
+    if (changes?.pois?.currentValue) {
+      // console.log(this.pois);
+      this._pois = changes?.pois?.currentValue;
+      if (this?.markerList && this._pois.length > 0) {
+        this.markerList.render(this._pois);
+      }
+    }
+  }
+  ngOnInit(): void {
+    this.mapInit();
+  }
+  ngOnDestroy(): void {
+    // 销毁地图数据
+    if (this.aMap) {
+      this.aMap.destroy();
+    }
+  }
+
+  /** 地图初始化 */
+  mapInit() {
+    AMapLoader.load({
+      key: CONFIG.key,
+      version: CONFIG.version,
+      plugins: [
+        // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+        'AMap.PathSimplifier',
+        'AMap.InfoWindow',
+        'AMap.Geocoder'
+      ],
+      AMapUI: {
+        version: CONFIG.AMapUIVersion,
+        plugins: ['misc/PathSimplifier'] // 需要加载的 AMapUI ui插件
+      }
+    })
+      .then(AMap => {
+        this.aMap = new AMap.Map('container', {
+          zoom: 10
+        });
+
+        this.aMap.on('complete', () => {
+          // this.service.msgSrv.info('地图加载完成 !');
+          // 信息窗口
+          this.infoWindow = new AMap.InfoWindow({
+            offset: new AMap.Pixel(0, -40)
+          });
+          // 初始化定位工具
+          this.geocoder = new AMap.Geocoder({
+            radius: 500 //范围，默认：500
+          });
+          this.pathInit();
+          this.setPOIS();
+        });
+      })
+      .catch(e => {
+        throwError(e);
+      });
+  }
+
+  /** 初始化路径工具 */
+  pathInit() {
+    this.pathSimplifierIns = new AMapUI.PathSimplifier({
+      zIndex: 100,
+      //autoSetFitView:false,
+      map: this.aMap,
+      // 重组路径数据
+      getPath: (pathData: PathList, pathIndex: number) => pathData.points.map(points => points.lnglat),
+      // 鼠标悬浮事件
+      getHoverTitle: (pathData: PathList, pathIndex: number, pointIndex: number) => '',
+      renderOptions: {
+        renderAllPointsIfNumberBelow: 20 //绘制路线节点，如不需要可设置为-1
+      }
+    });
+    this.setData(this.pathList);
+
+    if (this.pathList.length > 0) {
+      this.setPathIndex(this.selectedIndex);
+    }
+
+    this.pathSimplifierIns.on('pointClick', (e: any, info: any) => {
+      this.clcikPointEvent.emit({ e, info });
+      // 弹出信息窗口
+      if (info) {
+        this.geocoder.getAddress(info.pathData.points[info.pointIndex].lnglat, (status: any, result: any) => {
+          if (status === 'complete' && result.info === 'OK') {
+            // result中对应详细地理坐标信息
+            this.selectedPOI({
+              position: info.pathData.points[info.pointIndex].lnglat,
+              content: `
+              <label style="font-weight: bold;">${result.regeocode.formattedAddress}<label/><br/>
+              <label style="font-weight: 400;">车速: ${info.pathData.points[info.pointIndex].name}<label/><br/>
+              <label style="font-weight: 400;">时间: ${this.amapService.formatTime(info.pathData.points[info.pointIndex].time)}<label/>
+              `
+            });
+          }
+        });
+      }
+    });
+  }
+
+  /** 初始化标点工具 */
+  setPOIS() {
+    AMapUI.loadUI(['misc/MarkerList', 'overlay/SimpleMarker'], (MarkerList: any, SimpleMarker: any) => {
+      this.markerList = new MarkerList({
+        //关联的map对象
+        map: this.aMap,
+        //返回数据项的位置信息，需要是AMap.LngLat实例，或者是经纬度数组，比如[116.789806, 39.904989]
+        getPosition: (dataItem: POI) => dataItem.position,
+        //返回数据项对应的Marker
+        getMarker: (dataItem: POI, context: any, recycledMarker: any) => {
+          //存在可回收利用的marker
+          if (recycledMarker) {
+            //直接更新内容返回
+            recycledMarker.setIconLabel(context.id);
+            recycledMarker.setIconStyle(dataItem.color);
+            return recycledMarker;
+          }
+          this.SimpleMarker = SimpleMarker;
+          //返回一个新的Marker
+          return new SimpleMarker({
+            //普通文本
+            iconLabel: {
+              //普通文本
+              innerHTML: dataItem.markerLabel,
+              //设置样式
+              style: {
+                color: '#fff',
+                fontSize: '110%',
+                marginTop: '2px'
+              }
+            },
+            iconStyle: dataItem.color,
+            map: this.aMap,
+            position: dataItem.position
+          });
+        },
+        //返回数据项对应的infoWindow
+        getInfoWindow: (dataItem: POI, context: any, recycledInfoWindow: any) => {
+          this.selectedPOI(dataItem);
+          return null;
+        }
+      });
+
+      if (this._pois?.length > 0) {
+        //展示该数据
+        this.markerList.render(this._pois);
+      }
+    });
+  }
+
+  /**
+   * 设置路线图数据
+   * @param pathList
+   */
+  setData(pathList: PathList[]) {
+    this.pathSimplifierIns.setData(pathList);
+  }
+
+  /**
+   * 指定路线图
+   * @param index
+   */
+  setPathIndex(index: number) {
+    this.pathSimplifierIns.setSelectedPathIndex(index);
+    this.startNav();
+  }
+
+  /**
+   * 开启巡航
+   */
+  startNav() {
+    this.navigator = this.pathSimplifierIns?.createPathNavigator(this.selectedIndex, {
+      loop: true, //循环播放
+      speed: 500000 * this.navSpeed //巡航速度，单位千米/小时
+    });
+    this.navigator?.start();
+  }
+
+  changeMultiple(multiple: number) {
+    if (multiple <= 0) {
+      this.navSpeed = 1;
+      return;
+    } else {
+      this.navSpeed = multiple;
+      this.resetNav();
+    }
+  }
+
+  /** 重置巡航 */
+  resetNav() {
+    if (this.navigator) {
+      this.navigator.destroy();
+      setTimeout(() => {
+        this.startNav();
+      }, 200);
+    } else {
+      this.startNav();
+    }
+  }
+
+  /** 根据标点经纬度获取地址信息 */
+  getPoiByPositon(position: string[]) {
+    this.geocoder.getAddress(position, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result中对应详细地理坐标信息
+        this._pois = [...this.pois, { markerLabel: '终', color: 'red', position: position, title: result.regeocode.formattedAddress }];
+        if (this.markerList) {
+          this.markerList.render(this._pois);
+        }
+      }
+    });
+  }
+
+  /**
+   * 选中标点，设置窗口信息
+   *
+   * @param infoItem
+   */
+  selectedPOI(infoItem: InfoItem) {
+    this.infoWindow.setContent(infoItem.content || `地址: <pre>${infoItem.title}</pre>`);
+    this.infoWindow.open(this.aMap, infoItem.position);
+    this.infoWindow.setPosition(infoItem.position);
+    // 地图定位居中
+    this.aMap.setCenter(infoItem.position);
+  }
+}
diff --git a/src/app/shared/components/amap/amap-poi-picker/amap-poi-picker.component.html b/src/app/shared/components/amap/amap-poi-picker/amap-poi-picker.component.html
new file mode 100644
index 00000000..9bbf50bc
--- /dev/null
+++ b/src/app/shared/components/amap/amap-poi-picker/amap-poi-picker.component.html
@@ -0,0 +1,18 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-12-07 14:19:25
+ * @LastEditTime: 2021-12-13 11:02:14
+ * @LastEditors: your name
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\shared\components\amap\amap-poi-picker\amap-poi-picker.component.html
+-->
+<div nz-row class="mb-xl">
+  <div nz-col nzSpan="8">
+    <input id="pickerInput" [(ngModel)]="addressInput" placeholder="请输入地址" />
+  </div>
+</div>
+<div class="map-container" id="modal-container" tabindex="0" style="width: 100%; height: 500px"></div>
+<div *nzModalFooter>
+  <button nz-button nzType="default" (click)="cancel()">取消</button>
+  <button nz-button nzType="primary" (click)="sure()">确定</button>
+</div>
\ No newline at end of file
diff --git a/src/app/shared/components/amap/amap-poi-picker/amap-poi-picker.component.less b/src/app/shared/components/amap/amap-poi-picker/amap-poi-picker.component.less
new file mode 100644
index 00000000..fa02327b
--- /dev/null
+++ b/src/app/shared/components/amap/amap-poi-picker/amap-poi-picker.component.less
@@ -0,0 +1,8 @@
+:host::ng-deep {
+    p.my-desc {
+        max-width  : 300px;
+        margin     : 5px 0;
+        line-height: 150%;
+        padding    : 12px;
+    }
+}
\ No newline at end of file
diff --git a/src/app/shared/components/amap/amap-poi-picker/amap-poi-picker.component.ts b/src/app/shared/components/amap/amap-poi-picker/amap-poi-picker.component.ts
new file mode 100644
index 00000000..6e01638f
--- /dev/null
+++ b/src/app/shared/components/amap/amap-poi-picker/amap-poi-picker.component.ts
@@ -0,0 +1,174 @@
+import AMapLoader from '@amap/amap-jsapi-loader';
+import { ChangeDetectorRef, Component, Input, OnInit, ViewChild } from '@angular/core';
+import { amapConf } from '@conf/amap.config';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { throwError } from 'rxjs';
+import { Script } from 'vm';
+import { AmapService } from '../amap.service';
+declare var AMap: any;
+declare var AMapUI: any;
+declare var Loca: any;
+
+const CONFIG = amapConf;
+
+@Component({
+  selector: 'amap-poi-picker',
+  templateUrl: './amap-poi-picker.component.html',
+  styleUrls: ['./amap-poi-picker.component.less']
+})
+export class AmapPoiPickerComponent implements OnInit {
+  // @ViewChild('modal')
+  // modal: any;
+  addressInput: any;
+
+  aMap: any;
+
+  poi: any;
+  marker: any;
+  infoWindow: any;
+  geocoder: any;
+
+  @Input()
+  selectedAddress!: string;
+
+  constructor(private modalRef: NzModalRef, private service: AmapService, private cdr: ChangeDetectorRef) {}
+  ngOnInit(): void {
+    this.mapInit();
+    // this.PoiPicker();
+  }
+
+  ngOnDestroy(): void {
+    if (this.aMap) {
+      this.aMap.destroy();
+    }
+  }
+
+  mapInit() {
+    AMapLoader.load({
+      // 首次调用 load
+      key: CONFIG.key, // 申请好的Web端开发者Key，首次调用 load 时必填
+      version: CONFIG.version, // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+      plugins: [
+        // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+        'AMap.SimpleMarker',
+        'AMap.PoiPicker',
+        'AMap.Scale',
+        'AMap.InfoWindow',
+        'AMap.Geolocation',
+        'AMap.Geocoder'
+      ],
+      AMapUI: {
+        // 是否加载 AMapUI，缺省不加载
+        version: CONFIG.AMapUIVersion, // AMapUI 缺省 1.1
+        plugins: ['overlay/SimpleMarker', 'misc/PoiPicker'] // 需要加载的 AMapUI ui插件
+      },
+      Loca: {
+        // 是否加载 Loca， 缺省不加载
+        version: CONFIG.LocaVersion // Loca 版本，缺省 1.3.2
+      }
+    })
+      .then(AMap => {
+        // 搜索picker
+        var poiPicker = new AMapUI.PoiPicker({
+          input: 'pickerInput'
+        });
+
+        // 地图
+        this.aMap = new AMap.Map('modal-container', {
+          resizeEnable: true,
+          zoom: 16
+        });
+
+        // 地图创建成功
+        this.aMap.on('complete', () => {
+          console.log('地图创建成功');
+          this.cdr.detectChanges();
+          this.poiPickerReady(poiPicker);
+        });
+
+        this.aMap.on('click', (e: any) => {
+          this.selectedPOI(e.lnglat);
+        });
+      })
+      .catch(e => {
+        throwError(e);
+      });
+  }
+
+  //POI选点
+  poiPickerReady(poiPicker: any) {
+    (window as any).poiPicker = poiPicker;
+    const map = this.aMap;
+    // 定位标志
+    this.marker = new AMapUI.SimpleMarker({
+      //图标主题
+      iconTheme: 'default',
+      map: map,
+      position: map.getCenter()
+    });
+
+    // 信息窗口
+    this.infoWindow = new AMap.InfoWindow({
+      offset: new AMap.Pixel(0, -20)
+    });
+
+    this.geocoder = new AMap.Geocoder({
+      city: '010', //城市设为北京，默认：“全国”
+      radius: 1000 //范围，默认：500
+    });
+
+    if (this.selectedAddress) {
+      this.geocoder.getLocation(this.selectedAddress, (status: any, result: any) => {
+        if (status === 'complete' && result.info === 'OK') {
+          // result中对应详细地理坐标信息
+          this.selectedPOI(result.geocodes?.[0].location);
+        }
+      });
+    } else {
+      // 获取当前定位
+      this.service.getCurrentPosition().subscribe(res => {
+        if (res) {
+          this.selectedPOI(res.position);
+        }
+      });
+    }
+
+    //选取了某个POI
+    poiPicker.on('poiPicked', (poiResult: any) => {
+      const source = poiResult.source,
+        poi = poiResult.item;
+
+      this.marker.setMap(map);
+      this.infoWindow.setMap(map);
+      this.selectedPOI(poi.location);
+    });
+  }
+
+  selectedPOI(location: any) {
+    this.marker.setPosition(location);
+
+    this.geocoder.getAddress([location.KL, location.kT], (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result中对应详细地理坐标信息
+        result.regeocode.pois = [location.KL, location.kT];
+        this.poi = result.regeocode;
+        // console.log(this.poi);
+        this.infoWindow.setContent(`地址: <pre>${result.regeocode.formattedAddress}</pre>`);
+        this.infoWindow.open(this.aMap, this.marker.getPosition());
+        this.infoWindow.setPosition(location);
+        this.aMap.setCenter(location);
+      }
+    });
+  }
+
+  closeInfoWindow() {
+    this.aMap.clearInfoWindow();
+  }
+
+  sure() {
+    this.modalRef.destroy();
+  }
+  cancel() {
+    this.modalRef.destroy();
+  }
+}
diff --git a/src/app/shared/components/amap/amap.module.ts b/src/app/shared/components/amap/amap.module.ts
new file mode 100644
index 00000000..01b4a67c
--- /dev/null
+++ b/src/app/shared/components/amap/amap.module.ts
@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AmapPoiPickerComponent } from './amap-poi-picker/amap-poi-picker.component';
+import { FormsModule } from '@angular/forms';
+import { AmapPathSimplifierComponent } from './amap-path-simplifier/amap-path-simplifier.component';
+
+const COMPONENTS = [AmapPoiPickerComponent, AmapPathSimplifierComponent];
+
+@NgModule({
+  declarations: COMPONENTS,
+  imports: [CommonModule, FormsModule],
+  exports: COMPONENTS
+})
+export class AmapModule {}
diff --git a/src/app/shared/components/amap/amap.service.ts b/src/app/shared/components/amap/amap.service.ts
new file mode 100644
index 00000000..f23f503d
--- /dev/null
+++ b/src/app/shared/components/amap/amap.service.ts
@@ -0,0 +1,143 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-24 15:37:00
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-18 10:45:06
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\amap\\amap.service.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Injectable } from '@angular/core';
+import { Observable, Subject, throwError } from 'rxjs';
+import AMapLoader from '@amap/amap-jsapi-loader';
+import { amapConf } from '@conf/amap.config';
+import { formatDate } from '@angular/common';
+import { DateTimePickerUtil } from '@delon/util';
+declare var AMap: any;
+declare var AMapUI: any;
+
+const CONFIG = amapConf;
+@Injectable({
+  providedIn: 'root'
+})
+export class AmapService {
+  constructor() {}
+
+  sub = new Subject<any>();
+  currentSub = new Subject<any>();
+
+  //计算路径驾车最优路线的长度与所需时间
+  drivingCompute(starts: any[], ends: any[]): Observable<any> {
+    AMap.plugin('AMap.Driving', () => {
+      let driving = new AMap.Driving({
+        // 驾车路线规划策略，AMap.DrivingPolicy.LEAST_TIME是最快捷模式
+        policy: AMap.DrivingPolicy.LEAST_TIME
+      });
+      const points = starts.concat(ends).map(item => {
+        return { keyword: item.detailedAddress, city: item.city };
+      });
+      driving.search(points, (status: any, result: any) => {
+        const repData = {
+          distance: (result?.routes?.[0]?.distance / 1000).toFixed(2),
+          time: (result?.routes?.[0]?.time / 60 / 60).toFixed(2)
+        };
+        this.sub.next(repData);
+      });
+    });
+    return this.sub;
+  }
+
+  getCurrentPosition(): Observable<any> {
+    AMapLoader.load({
+      key: CONFIG.key,
+      version: CONFIG.version,
+      plugins: [
+        // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+        'AMap.PathSimplifier'
+      ],
+      AMapUI: {
+        version: CONFIG.AMapUIVersion,
+        plugins: ['misc/PathSimplifier'] // 需要加载的 AMapUI ui插件
+      }
+    })
+      .then(AMap => {
+        AMap.plugin('AMap.Geolocation', () => {
+          let driving = new AMap.Geolocation({
+            enableHighAccuracy: true, //是否使用高精度定位，默认:true
+            timeout: 10000, //超过10秒后停止定位，默认：5s
+            buttonPosition: 'RB', //定位按钮的停靠位置
+            buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)
+            zoomToAccuracy: true //定位成功后是否自动调整地图视野到定位点
+          });
+          driving.getCurrentPosition((status: string, result: any) => {
+            if (status == 'complete') {
+              this.currentSub.next(result);
+            } else {
+              console.log('定位获取失败', result);
+            }
+          });
+        });
+      })
+      .catch(e => {
+        throwError(e);
+      });
+
+    return this.currentSub;
+  }
+
+  /**
+   * 增加标记点
+   *
+   * @param poi
+   */
+  setPOI(poi: POI, aMap: any) {
+    AMapUI.loadUI(['overlay/SimpleMarker'], (SimpleMarker: any) => {
+      //启动页面
+      new SimpleMarker({
+        //普通文本
+        iconLabel: {
+          //普通文本
+          innerHTML: poi.markerLabel,
+          //设置样式
+          style: {
+            color: '#fff',
+            fontSize: '110%',
+            marginTop: '2px'
+          }
+        },
+        iconStyle: poi.color,
+        map: aMap,
+        position: poi.position
+      });
+    });
+  }
+
+  formatTime(time: string): string {
+    return `${time.slice(0, 4)}-${time.slice(4, 6)}-${time.slice(6, 8)} ${time.slice(9, 11)}:${time.slice(11, 13)}:${time.slice(13, 15)}`;
+  }
+}
+
+export interface POI {
+  markerLabel?: string;
+  title: string;
+  color: string;
+  position: string[];
+}
+
+export interface InfoItem {
+  title?: string;
+  content?: string;
+  position: string[];
+}
+
+export interface MapList {
+  name: string;
+  time: string;
+  lnglat: string[];
+}
+
+export interface PathList {
+  name: string;
+  points: MapList[];
+}
diff --git a/src/app/shared/components/amap/index.ts b/src/app/shared/components/amap/index.ts
new file mode 100644
index 00000000..b31374a1
--- /dev/null
+++ b/src/app/shared/components/amap/index.ts
@@ -0,0 +1,4 @@
+export * from './amap.module';
+export * from './amap.service';
+export * from './amap-poi-picker/amap-poi-picker.component';
+export * from './amap-path-simplifier/amap-path-simplifier.component';
\ No newline at end of file
diff --git a/src/app/shared/components/captcha/captcha.component.ts b/src/app/shared/components/captcha/captcha.component.ts
index ce1e8adb..b2c7aec0 100644
--- a/src/app/shared/components/captcha/captcha.component.ts
+++ b/src/app/shared/components/captcha/captcha.component.ts
@@ -69,7 +69,6 @@ export class CaptchaComponent implements OnInit {
     });
   }
   popUp() {
-    console.log(222222222222222222222222222222222222222);
     if (!this.captchaIns) {
       this.init();
     }
diff --git a/src/app/shared/components/captcha/dun.helper.ts b/src/app/shared/components/captcha/dun.helper.ts
index 4e3cb70b..9f3bea06 100644
--- a/src/app/shared/components/captcha/dun.helper.ts
+++ b/src/app/shared/components/captcha/dun.helper.ts
@@ -12,7 +12,7 @@ export class DunHelper {
   userInfo;
 
   constructor(private overlay: Overlay) {
-    this.userInfo = JSON.parse(localStorage.getItem('user') || '');
+    this.userInfo = JSON.parse(localStorage.getItem('user') || '{}');
   }
 
   /**
diff --git a/src/app/shared/components/dict-select/dict-select.component.html b/src/app/shared/components/dict-select/dict-select.component.html
new file mode 100644
index 00000000..2cf37405
--- /dev/null
+++ b/src/app/shared/components/dict-select/dict-select.component.html
@@ -0,0 +1,3 @@
+<nz-select [(ngModel)]="value" (ngModelChange)="change($event)" *ngIf="dictList" [nzMode]="mode? mode:'default'" nzPlaceHolder="请选择">
+  <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of dictList"></nz-option>
+</nz-select>
diff --git a/src/app/shared/components/dict-select/dict-select.component.less b/src/app/shared/components/dict-select/dict-select.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/shared/components/dict-select/dict-select.component.ts b/src/app/shared/components/dict-select/dict-select.component.ts
new file mode 100644
index 00000000..e1f1aef1
--- /dev/null
+++ b/src/app/shared/components/dict-select/dict-select.component.ts
@@ -0,0 +1,71 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, forwardRef, Input, OnInit } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { AddressComponent } from '@shared';
+import { DictSelectService } from './dict-select.service';
+
+@Component({
+  selector: 'app-dict-select',
+  templateUrl: './dict-select.component.html',
+  styleUrls: ['./dict-select.component.less'],
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: forwardRef(() => DictSelectComponent),
+      multi: true
+    }
+  ],
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class DictSelectComponent implements OnInit, ControlValueAccessor {
+  private onChangeFn?: (val: string) => void;
+  private onTouchedFn?: () => void;
+
+  defaultUrl = `/api/mdc/pbc/dictItems/getDictValue`;
+  @Input() value: any = '' || []; // 默认选中值
+  @Input() url: string = ''; // 获取字典数据的地址
+  @Input() params = {}; // 请求参数
+
+  dictList: any[] = [];
+  @Input() containsAllLabel = true; // 是否包含全部这一选项
+  @Input() mode: 'multiple' | 'tags' | 'default' = 'default';
+
+  constructor(public service: DictSelectService, public cdr: ChangeDetectorRef) { }
+
+  writeValue(geo: string): void {
+    if (geo == null) {
+      if (this.mode === 'multiple' || this.mode === 'tags') {
+        this.value = [];
+      } else {
+        this.value = '';
+      }
+      return;
+    }
+    this.value = geo;
+  }
+  registerOnChange(fn: any): void {
+    this.onChangeFn = fn;
+  }
+  registerOnTouched(fn: any): void {
+    this.onTouchedFn = fn;
+  }
+
+  ngOnInit(): void {
+    this.service.getDictList(this.url || this.defaultUrl, this.params).subscribe(res => {
+      if (res) {
+        this.dictList = res || [];
+        if (this.dictList.length > 0 && this.containsAllLabel !== false) {
+          const obj = { label: '全部', value: '' };
+          this.dictList.unshift(obj);
+        }
+        this.cdr.markForCheck();
+      }
+    });
+  }
+  change($event: any) {
+    this.onChangeFn!($event);
+  }
+
+  isEmpty(val: any) {
+    return val === undefined || val === null || val === '';
+  }
+}
diff --git a/src/app/shared/components/dict-select/dict-select.service.ts b/src/app/shared/components/dict-select/dict-select.service.ts
new file mode 100644
index 00000000..40446e89
--- /dev/null
+++ b/src/app/shared/components/dict-select/dict-select.service.ts
@@ -0,0 +1,16 @@
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from '../../services/core/base.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class DictSelectService extends BaseService {
+
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+
+  getDictList(url: string, params = {}) {
+    return this.request(url, params);
+  }
+}
diff --git a/src/app/shared/components/dict-select/index.ts b/src/app/shared/components/dict-select/index.ts
new file mode 100644
index 00000000..000c5c95
--- /dev/null
+++ b/src/app/shared/components/dict-select/index.ts
@@ -0,0 +1,10 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-16 20:41:23
+ * @LastEditTime: 2021-12-16 20:41:42
+ * @LastEditors: your name
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\shared\components\dict-select\index.ts
+ */
+export * from './dict-select.component';
+export * from './dict-select.service';
diff --git a/src/app/shared/components/dynamic-setting/dynamic-setting-h5/dynamic-setting-h5.component.html b/src/app/shared/components/dynamic-setting/dynamic-setting-h5/dynamic-setting-h5.component.html
new file mode 100644
index 00000000..4818365b
--- /dev/null
+++ b/src/app/shared/components/dynamic-setting/dynamic-setting-h5/dynamic-setting-h5.component.html
@@ -0,0 +1,129 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-25 16:03:45
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-30 16:50:35
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\dynamic-setting\\dynamic-setting-h5\\dynamic-setting-h5.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<nz-card [nzLoading]="service.http.loading">
+    <div nz-row [nzGutter]="8">
+        <div nz-col [nzSpan]="tabSpan">
+            <ul nz-menu nzMode="inline" class="card-height">
+                <li nz-menu-item [nzSelected]="idx === 0" (click)="changeType(item)"
+                    *ngFor="let item of tabs; let idx = index">
+                    {{ item.name }}
+                </li>
+            </ul>
+        </div>
+
+        <div nz-col [nzSpan]="24-tabSpan" style="overflow: scroll">
+            <nz-card class="card-height" [nzBordered]="null" nzSize="small">
+                <h2 style="font-weight: 800;">{{selectedTab?.name}}</h2>
+                <div nz-row nzGutter="8">
+                    <div nz-col nzSpan="24" se-container [labelWidth]="labelWidth">
+                        <se [label]="item.name" *ngFor="let item of configList" col="1" [required]="item.requiredField">
+                            <ng-container [ngSwitch]="item.itemType">
+                                <!-- 整型输入框 -->
+                                <ng-container *ngSwitchCase="1">
+                                    <nz-input-group [nzAddOnAfter]="item.remark?.afterLable" style="width: 155px;"
+                                        class="ml-md mr-xl">
+                                        <nz-input-number [(ngModel)]="item.itemValue" [nzMin]="item.remark?.min"
+                                            [nzPrecision]="item.remark?.precision" [nzMax]="item.remark?.max"
+                                            nzPlaceHolder="请输入" style="width: 120px;"></nz-input-number>
+                                        <!-- <input type="number" nz-input [(ngModel)]="item.itemValue" placeholder="请输入"/> -->
+                                    </nz-input-group>
+                                </ng-container>
+                                <!-- 0-1单选框 -->
+                                <ng-container *ngSwitchCase="2">
+                                    <nz-radio-group [(ngModel)]="item.itemValue" class="mr-xl">
+                                        <label nz-radio [nzValue]="0" class="ml-xl">{{item.remark?.[0] || '否'}}</label>
+                                        <label nz-radio [nzValue]="1" class="ml-xl">{{item.remark?.[1] || '是'}}</label>
+                                    </nz-radio-group>
+                                </ng-container>
+                                <!-- 时间选择器 -->
+                                <ng-container *ngSwitchCase="3">
+                                    <nz-time-picker nzFormat="HH:mm" nzPlaceHolder="请选择时间" [(ngModel)]="item.itemValue"
+                                        class="ml-md mr-xl">
+                                    </nz-time-picker>
+                                </ng-container>
+                                <!-- 时间段选择器 -->
+                                <ng-container *ngSwitchCase="5">
+                                    <div class="d-flex" style="align-items: center;justify-content: space-between;">
+                                        <input type="time" [(ngModel)]="item.itemValue.startTime" placeHolder="开始时间"
+                                            style="margin-left: 23px;">
+                                        <label class="ml-sm mr-sm"> --</label>
+                                        <input type="time" [(ngModel)]="item.itemValue.endTime" placeHolder="结束时间"
+                                            style="margin-left: 0;" class=" mr-xl">
+                                    </div>
+                                </ng-container>
+                                <!-- 单选加配置 -->
+                                <ng-container *ngSwitchCase="6">
+                                    <div class="d-flex" style="align-items: center;justify-content: space-between;">
+
+                                        <nz-radio-group [(ngModel)]="item.itemValue.radio" class="mr-xl">
+                                            <label nz-radio [nzValue]="0" class="ml-xl">{{item.remark?.[0] ||
+                                                '否'}}</label>
+                                            <label nz-radio [nzValue]="1" class="ml-xl">{{item.remark?.[1] ||
+                                                '是'}}</label>
+                                        </nz-radio-group>
+
+                                        <input type="time" [(ngModel)]="item.itemValue.startTime" placeHolder="开始时间"
+                                            style="margin-left: 23px;">
+                                        <label class="ml-sm mr-sm"> --</label>
+                                        <input type="time" [(ngModel)]="item.itemValue.endTime" placeHolder="结束时间"
+                                            style="margin-left: 0;" class=" mr-xl">
+                                    </div>
+                                </ng-container>
+                                <!-- 运费列表 -->
+                                <ng-container *ngSwitchCase="7">
+                                    <app-freight-table></app-freight-table>
+                                </ng-container>
+                                <!-- 文本输入框 -->
+                                <ng-container *ngSwitchCase="8">
+                                    <nz-input-group style="width: 155px;" class="ml-md mr-xl">
+                                        <input nz-input placeholder="请输入" [(ngModel)]="item.itemValue" />
+                                    </nz-input-group>
+                                </ng-container>
+                                <!-- 文件上传 -->
+                                <ng-container *ngSwitchCase="9">
+                                    <nz-upload [nzAction]="service.$api_upload_url" [nzName]="'multipartFile'"
+                                        [nzHeaders]="{ authorization: 'authorization-text' }"
+                                        [(nzFileList)]="item.itemValue" style="margin-left: 26px;">
+                                        <button nz-button>
+                                            <i nz-icon nzType="upload"></i>
+                                            上传文件
+                                        </button>
+                                    </nz-upload>
+                                </ng-container>
+                                <!-- 开关选项 -->
+                                <ng-container *ngSwitchCase="10">
+                                    <nz-switch [(ngModel)]="item.itemValue" style="margin-left: 26px;"></nz-switch>
+                                </ng-container>
+                                <!-- 下拉单选 -->
+                                <ng-container *ngSwitchCase="11">
+                                    <nz-select [(ngModel)]="item.itemValue" style="width: 146px;margin-left: 31px;">
+                                        <nz-option [nzValue]="re.value" [nzLabel]="re.label"
+                                            *ngFor="let re of item.remark"></nz-option>
+                                    </nz-select>
+                                </ng-container>
+                                <!-- 开关选项 -->
+                                <ng-container *ngSwitchCase="999">
+                                    <ng-content select="custom-element"></ng-content>
+                                </ng-container>
+                            </ng-container>
+                        </se>
+                    </div>
+                </div>
+            </nz-card>
+
+
+            <div class="mb-md save-btn">
+                <button class="ml-lg" nz-button nzSize="large" nzType="primary" (click)="saveAction()"
+                    *ngIf="selectedTab?.configKey!=='freight' && labelWidth!==0">保存</button>
+            </div>
+        </div>
+    </div>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/shared/components/dynamic-setting/dynamic-setting-h5/dynamic-setting-h5.component.less b/src/app/shared/components/dynamic-setting/dynamic-setting-h5/dynamic-setting-h5.component.less
new file mode 100644
index 00000000..2693c49f
--- /dev/null
+++ b/src/app/shared/components/dynamic-setting/dynamic-setting-h5/dynamic-setting-h5.component.less
@@ -0,0 +1,37 @@
+:host {
+  ::ng-deep {
+    .card-height {
+      min-height: 600px;
+    }
+
+    .save-btn {
+      width     : 100%;
+      text-align: right;
+    }
+
+    .block-radio {
+      display   : flex;
+      min-height: 32px;
+    }
+
+    input {
+      width      : 100px;
+      margin-left: 10px;
+    }
+
+    .ant-form-item-control-input-content {
+      display: flex;
+    }
+
+    .ant-form-item-label>label {
+      height: 42px;
+    }
+
+    .se__horizontal>.se__item .se__label-text {
+      overflow     : auto;
+      text-overflow: unset;
+      white-space  : normal;
+    }
+  }
+
+}
\ No newline at end of file
diff --git a/src/app/shared/components/dynamic-setting/dynamic-setting-h5/dynamic-setting-h5.component.ts b/src/app/shared/components/dynamic-setting/dynamic-setting-h5/dynamic-setting-h5.component.ts
new file mode 100644
index 00000000..14ba8893
--- /dev/null
+++ b/src/app/shared/components/dynamic-setting/dynamic-setting-h5/dynamic-setting-h5.component.ts
@@ -0,0 +1,88 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-25 16:03:45
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-30 16:50:00
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\dynamic-setting\\dynamic-setting-h5\\dynamic-setting-h5.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit, EventEmitter, Input, Output } from '@angular/core';
+import { BaseService } from '@shared';
+
+const JSONTYPE = new Set([5, 6, 9, 999]);
+@Component({
+  selector: 'app-dynamic-setting-h5',
+  templateUrl: './dynamic-setting-h5.component.html',
+  styleUrls: ['./dynamic-setting-h5.component.less']
+})
+export class DynamicSettingH5Component implements OnInit {
+  @Input()
+  tabs: any[] = [];
+  @Input()
+  selectedTab: any = null;
+
+  @Input()
+  configList: any = [];
+  @Output()
+  selectedEvent = new EventEmitter<any>();
+  @Output()
+  saveEvent = new EventEmitter<any>();
+
+  @Input()
+  tabSpan = 4;
+  @Input()
+  labelWidth = 250;
+  @Input()
+  itemValue = 'itemValue';
+  listUrls: any;
+  constructor(public service: BaseService) {}
+
+  ngOnInit() {}
+
+  changeType(type: any): void {
+    this.selectedTab = type;
+    this.selectedEvent.emit(this.selectedTab);
+  }
+
+  saveAction() {
+    if (this.configList?.length < 0) {
+      return;
+    }
+    // 配置校验
+    for (let index = 0; index < this.configList.length; index++) {
+      const config = this.configList[index];
+      if (!config.itemValue && config.requiredField) {
+        this.service.msgSrv.warning(`${config.name}不能为${config.itemValue}！`);
+        return;
+      }
+    }
+    // if (this.configList.find((config: any) => !config.itemValue && config.requiredField)) {
+    //   this.service.msgSrv.warning('请填写必填项');
+    //   return;
+    // }
+    let params = [...this.configList];
+    params = params.map((item: any) => {
+      if (item.itemType == 9) {
+        const files = item.itemValue?.map(({ response, name }: any) => ({ url: response?.data?.fullFilePath, name }));
+        return {
+          ...item,
+          remark: item.remark ? JSON.stringify(item.remark) : null,
+          itemData: item.itemData ? JSON.stringify(item.itemData) : null,
+          itemValue: item.itemValue ? JSON.stringify(files) : null
+        };
+      }
+      if (JSONTYPE.has(item.itemType)) {
+        item.itemValue = item.itemValue ? JSON.stringify(item.itemValue) : null;
+      }
+      return {
+        ...item,
+        remark: item.remark ? JSON.stringify(item.remark) : null,
+        itemData: item.itemData ? JSON.stringify(item.itemData) : null
+      };
+    });
+    this.saveEvent.emit(params);
+  }
+}
+// [0]?.response?.data.fullFilePath
diff --git a/src/app/shared/components/dynamic-setting/dynamic-setting-modal/dynamic-setting-modal.component.html b/src/app/shared/components/dynamic-setting/dynamic-setting-modal/dynamic-setting-modal.component.html
new file mode 100644
index 00000000..fa61e170
--- /dev/null
+++ b/src/app/shared/components/dynamic-setting/dynamic-setting-modal/dynamic-setting-modal.component.html
@@ -0,0 +1,15 @@
+<app-dynamic-setting-h5 [tabs]="tabs" [configList]="configList" [selectedTab]="selectedTab"
+    (selectedEvent)="changeType($event)" (saveEvent)="saveAction($event)" [tabSpan]="6" [labelWidth]="labelWidth">
+    <custom-element>
+        <ng-container [ngSwitch]="selectedTab?.configType">
+            <ng-container *ngSwitchCase="1">
+                <app-enter-auth [enterpriseId]="businessId"> </app-enter-auth>
+            </ng-container>
+            <ng-container *ngSwitchCase="2">
+                <app-rate-change [businessId]="businessId" [configFullKey]="configFullKey"></app-rate-change>
+            </ng-container>
+            <ng-container *ngSwitchDefault>
+            </ng-container>
+        </ng-container>
+    </custom-element>
+</app-dynamic-setting-h5>
\ No newline at end of file
diff --git a/src/app/shared/components/dynamic-setting/dynamic-setting-modal/dynamic-setting-modal.component.ts b/src/app/shared/components/dynamic-setting/dynamic-setting-modal/dynamic-setting-modal.component.ts
new file mode 100644
index 00000000..0de00c17
--- /dev/null
+++ b/src/app/shared/components/dynamic-setting/dynamic-setting-modal/dynamic-setting-modal.component.ts
@@ -0,0 +1,130 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-10 16:06:17
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-22 10:05:15
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\dynamic-setting\\dynamic-setting-modal\\dynamic-setting-modal.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/compiler';
+import { Component, Input, OnInit } from '@angular/core';
+import { ModalHelper } from '@delon/theme';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { Observable, of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { BaseService } from 'src/app/shared/services';
+
+@Component({
+  selector: 'app-dynamic-setting-modal',
+  templateUrl: './dynamic-setting-modal.component.html'
+})
+export class DynamicSettingModalComponent implements OnInit {
+  tabs: any[] = [];
+  selectedTab: any = null;
+  configFullKey = 'sys.config';
+  configList: any = [];
+
+  // 配置类型数组重组函数
+  @Input()
+  formatTypeList = (item: any[]) => {
+    return [...item];
+  };
+  @Input()
+  extendType!: string;
+  @Input()
+  spareBusinessId!: string;
+  @Input()
+  businessId!: string;
+  @Input()
+  configvalue!: string;
+  @Input()
+  labelWidth = 200;
+
+  constructor(public service: BaseService, private modalHelp: NzModalRef) {}
+
+  ngOnInit() {
+    if (this.configvalue) {
+      this.configFullKey = this.configvalue;
+    }
+    this.getTypeList();
+  }
+
+  getTypeList() {
+    this.service
+      .request('/api/mdc/pbc/sysConfigItemExtend/getSysConfigExtend', {
+        configFullKey: this.configFullKey,
+        extendType: this.extendType,
+        businessId: this.businessId,
+        spareBusinessId: this.spareBusinessId,
+      })
+      .pipe(
+        map((res: Array<any>) => {
+          if (res?.length > 0) {
+            const typeData = res.find(config => config.configFullKey === this.configFullKey);
+            if (typeData) {
+              return typeData.children || [];
+            }
+          }
+          return [];
+        }),
+        map(this.formatTypeList)
+      )
+      .subscribe((res: Array<any>) => {
+        this.tabs = res;
+        if (res?.length > 0) {
+          this.selectedTab = res[0];
+          this.configList = this.formatItems(this.selectedTab.items);
+          const hiddenType = this.configList.find((item: any) => item.itemType === 7 || item.itemType === 999);
+          this.labelWidth = hiddenType ? 0 : 200;
+        }
+      });
+  }
+
+  changeType(type: any): void {
+    this.selectedTab = type;
+    this.configList = this.formatItems(type.items);
+    const hiddenType = this.configList.find((item: any) => item.itemType === 7 || item.itemType === 999);
+    this.labelWidth = hiddenType ? 0 : 200;
+  }
+
+  saveAction(params: Array<any>) {
+    const p = params.map(config => ({
+      businessId: this.businessId,
+      configId: config.configId,
+      extendType: this.extendType,
+      id: config.extendId,
+      configItemId: config.id,
+      parentId: config.parentId,
+      itemData: config.itemData,
+      itemValue: config.itemValue,
+      remark: config.remark
+    }));
+    this.service.request('/api/mdc/pbc/sysConfigItemExtend/saveBatch', p).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('修改配置成功');
+        this.modalHelp.destroy(true);
+      }
+    });
+  }
+
+  private formatItems(items: Array<any>): Array<any> {
+    if (items?.length > 0) {
+      return items
+        .map(item => ({
+          ...item,
+          itemData: item.extendItemData || item.itemData,
+          itemValue: item.extendItemValue || item.itemValue
+        }))
+        .map(item => ({
+          ...item,
+          remark: item?.remark ? JSON.parse(item?.remark) : null,
+          extend: item?.extend ? JSON.parse(item?.extend) : [],
+          // itemData: item.itemData ? JSON.parse(item.itemData) : item.itemData,
+          itemValue: item?.itemValue ? (item?.itemType !== 8 ? JSON.parse(item?.itemValue) : item?.itemValue) : item?.itemValue
+        }));
+    }
+    return [];
+  }
+}
diff --git a/src/app/shared/components/dynamic-setting/dynamic-setting.module.ts b/src/app/shared/components/dynamic-setting/dynamic-setting.module.ts
new file mode 100644
index 00000000..3e160194
--- /dev/null
+++ b/src/app/shared/components/dynamic-setting/dynamic-setting.module.ts
@@ -0,0 +1,37 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-25 13:10:49
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-15 10:09:24
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\dynamic-setting\\dynamic-setting.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DynamicSettingH5Component } from './dynamic-setting-h5/dynamic-setting-h5.component';
+import { SHARED_ZORRO_MODULES } from '../../shared-zorro.module';
+import { SHARED_DELON_MODULES } from '../../shared-delon.module';
+import { FormsModule } from '@angular/forms';
+import { DynamicSettingModalComponent } from './dynamic-setting-modal/dynamic-setting-modal.component';
+import { FreightTableComponent } from './freight-table/freight-table.component';
+import { SEModule } from '@delon/abc/se';
+import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { RateChangeComponent } from './rate-change/rate-change.component';
+import { STModule } from '@delon/abc/st';
+import { EnterAuthComponent } from './enter-auth/enter-auth.component';
+const COMPONENTS = [
+  DynamicSettingH5Component,
+  DynamicSettingModalComponent,
+  FreightTableComponent,
+  RateChangeComponent,
+  EnterAuthComponent
+];
+@NgModule({
+  declarations: [...COMPONENTS],
+  imports: [CommonModule, FormsModule, SHARED_ZORRO_MODULES, SEModule, STModule],
+  exports: [...COMPONENTS],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class DynamicSettingModule {}
diff --git a/src/app/shared/components/dynamic-setting/enter-auth/enter-auth.component.html b/src/app/shared/components/dynamic-setting/enter-auth/enter-auth.component.html
new file mode 100644
index 00000000..34b407d3
--- /dev/null
+++ b/src/app/shared/components/dynamic-setting/enter-auth/enter-auth.component.html
@@ -0,0 +1,15 @@
+<div nz-row nzGutter="8">
+    <div nz-col nzSpan="24" se-container [labelWidth]="120">
+        <se [col]="1" label="企业角色" required>
+            <nz-select nzPlaceHolder="请选择" [(ngModel)]="roleId" style="width: 150px;">
+                <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of roles"></nz-option>
+            </nz-select>
+        </se>
+    </div>
+</div>
+<div nz-row nzGutter="8">
+    <div nz-col nzSpan="24">
+        <button nz-button nzSize="large" nzType="primary" (click)="saveAction()" style="float: right;"
+            class="mt-md">保存</button>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/app/shared/components/dynamic-setting/enter-auth/enter-auth.component.ts b/src/app/shared/components/dynamic-setting/enter-auth/enter-auth.component.ts
new file mode 100644
index 00000000..3abd1598
--- /dev/null
+++ b/src/app/shared/components/dynamic-setting/enter-auth/enter-auth.component.ts
@@ -0,0 +1,52 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { ShipperBaseService } from 'src/app/shared/services/business/shipper-base.service';
+
+@Component({
+  selector: 'app-enter-auth',
+  templateUrl: './enter-auth.component.html'
+})
+export class EnterAuthComponent implements OnInit {
+  @Input()
+  enterpriseId = '';
+  @Input()
+  roleId = '';
+
+  roles: any[] = [];
+
+  constructor(private service: ShipperBaseService, private modalHelp: NzModalRef) {
+    this.loadRoles();
+  }
+
+  ngOnInit(): void {
+    console.log(this.enterpriseId);
+
+    this.loadEnterRole();
+  }
+
+  loadEnterRole() {
+    this.service.request('/api/mdc/cuc/enterpriseInfo/operate/getRole', { enterpriseId: this.enterpriseId }).subscribe(res => {
+      if (res) {
+        this.roleId = res.roleId;
+      }
+    });
+  }
+  loadRoles() {
+    this.service.getRoles({ enterpriseId: 0, projectId: 0 }).subscribe(res => {
+      if (res) {
+        this.roles = res;
+      }
+    });
+  }
+
+  saveAction() {
+    this.service
+      .request('/api/mdc/cuc/enterpriseInfo/operate/updateRole', { enterpriseIdList: [this.enterpriseId], roleId: this.roleId })
+      .subscribe(res => {
+        if (res) {
+          this.service.msgSrv.success('修改成功');
+          this.modalHelp.destroy(true);
+        }
+      });
+  }
+}
diff --git a/src/app/shared/components/dynamic-setting/freight-table/freight-table.component.html b/src/app/shared/components/dynamic-setting/freight-table/freight-table.component.html
new file mode 100644
index 00000000..98b414d1
--- /dev/null
+++ b/src/app/shared/components/dynamic-setting/freight-table/freight-table.component.html
@@ -0,0 +1,66 @@
+<div nz-row>
+    <div nz-col nzSpan="24">
+        <div class="mb-md ml-xl" style="text-align: right;">
+            <button nz-button nzType="primary" (click)="add()">新增公里数</button>
+            <button class="ml-md" nz-button nzType="primary" (click)="save()">保存</button>
+        </div>
+        <nz-table #groupingTable [nzData]="data" nzBordered nzSize="small" [nzFrontPagination]="false"
+            [nzScroll]="{ x: '1200px' }" [nzShowPagination]="false" class="ml-xl" style="max-width: 1100px;">
+            <thead>
+                <tr>
+                    <th rowspan="2" nzWidth="200px" nzAlign="center" nzLeft>公里数</th>
+                    <th rowspan="2" nzWidth="130px" nzAlign="center">计算方式</th>
+                    <th nzWidth="220px" nzAlign="center" *ngFor="let item of headers">车长（米）</th>
+                    <th rowspan="2" nzWidth="60px" nzAlign="center" nzRight>操作</th>
+                </tr>
+                <tr>
+                    <th nzWidth="220px" nzAlign="center" *ngFor="let item of headers;let i = index">
+                        <div style="display: flex;align-items: center;justify-content: space-between;">
+                            <label style="width: 65px;text-align: right;"> {{item.startLength}}</label>
+                            <label>-</label>
+                            <div>
+                                <nz-input-number [ngModel]="item.endLength" (ngModelChange)="changeEndLength($event,i)"
+                                    [nzMin]="0" nzSize="small" disabled>
+                                </nz-input-number>（含）
+                            </div>
+                        </div>
+                    </th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr *ngFor="let item of groupingTable.data;let i = index">
+                    <td nzWidth="200px" nzAlign="center" nzLeft>
+                        <div style="display: flex;align-items: center;justify-content: space-between;">
+                            <label style="width: 65px;text-align: right;"> {{item.startKm}}</label>
+                            <label>-</label>
+                            <div>
+                                <nz-input-number [ngModel]="item.endKm" (ngModelChange)="changeEndKm($event,i)"
+                                    [nzMin]="0" nzSize="small">
+                                </nz-input-number>（含）
+                            </div>
+                        </div>
+                    </td>
+                    <td nzWidth="130px" nzAlign="center">{{computeMode[item.computeMode] }}</td>
+                    <td nzWidth="220px" nzAlign="center" *ngFor="let node of item.configValue">
+                        <div style="display: flex;align-items: center;justify-content: center;">
+                            <label>最高</label>
+                            <nz-input-number [(ngModel)]="node.maxPrice" [nzMin]="0" nzSize="small" style="width: 55px;"
+                                class="ml-sm mr-sm">
+                            </nz-input-number>
+                            <label>预警</label>
+                            <nz-input-number [(ngModel)]="node.ewPrice" [nzMin]="0" nzSize="small" style="width: 55px;"
+                                class="ml-sm">
+                            </nz-input-number>
+                        </div>
+                    </td>
+                    <td nzWidth="60px" nzAlign="center" nzRight>
+                        <a *ngIf="i === groupingTable.data.length-1 && groupingTable.data.length>2" nz-popconfirm
+                            nzPopconfirmTitle="是否确认删除?" (nzOnConfirm)="deleteRow(i)">删除</a>
+                    </td>
+                </tr>
+            </tbody>
+        </nz-table>
+
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/app/shared/components/dynamic-setting/freight-table/freight-table.component.less b/src/app/shared/components/dynamic-setting/freight-table/freight-table.component.less
new file mode 100644
index 00000000..523a2354
--- /dev/null
+++ b/src/app/shared/components/dynamic-setting/freight-table/freight-table.component.less
@@ -0,0 +1,14 @@
+:host::ng-deep {
+    nz-input-number {
+        width: 65px;
+
+        input {
+            width : 100%;
+            margin: 0;
+        }
+
+        .ant-input-number-handler-wrap {
+            display: none;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/shared/components/dynamic-setting/freight-table/freight-table.component.ts b/src/app/shared/components/dynamic-setting/freight-table/freight-table.component.ts
new file mode 100644
index 00000000..511dda1e
--- /dev/null
+++ b/src/app/shared/components/dynamic-setting/freight-table/freight-table.component.ts
@@ -0,0 +1,146 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-25 16:03:45
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-11 17:12:52
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\dynamic-setting\\freight-table\\freight-table.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit } from '@angular/core';
+import { BaseService } from '@shared';
+
+@Component({
+  selector: 'app-freight-table',
+  templateUrl: './freight-table.component.html',
+  styleUrls: ['./freight-table.component.less']
+})
+export class FreightTableComponent implements OnInit {
+  data: any[] = [];
+  headers: any[] = [];
+
+  formatterDollar = (value: number): string => `${value} （含）`;
+  computeMode: any = {
+    0: '总运价',
+    1: '单公里运价'
+  };
+  constructor(public service: BaseService) {}
+
+  ngOnInit(): void {
+    this.loadHeaders();
+    this.loadData();
+  }
+
+  loadHeaders() {
+    this.service.request('/api/mdc/cuc/freightConfigItem/list').subscribe(res => {
+      if (res) {
+        this.headers = res;
+      }
+    });
+  }
+
+  loadData() {
+    this.service.request('/api/mdc/cuc/freightConfig/list').subscribe(res => {
+      if (res) {
+        this.data = res;
+      }
+    });
+  }
+
+  /**
+   * 修改结束车长
+   * @param event 车长
+   * @param i 下标
+   */
+  changeEndLength(event: any, i: number) {
+    if (event <= this.headers[i].startLength) {
+      this.headers[i].endLength = this.headers[i].startLength + 1;
+      this.changeNextStartLength(event, i + 1);
+      return;
+    }
+    this.headers[i].endLength = event;
+    this.changeNextStartLength(event, i + 1);
+  }
+
+  /**
+   * 修改结束公里数
+   * @param event 车长
+   * @param i 下标
+   */
+  changeEndKm(event: any, i: number) {
+    if (event <= this.data[i].startKm) {
+      this.data[i].endKm = this.data[i].startKm + 1;
+      this.changeNextStartKm(event, i + 1);
+      return;
+    }
+    this.data[i].endKm = event;
+    this.changeNextStartKm(event, i + 1);
+  }
+
+  add() {
+    console.log(this.data);
+
+    const tem = this.data[this.data?.length - 1];
+    if (tem && tem.endKm) {
+      const list = this.headers.map(item => ({
+        ewPrice: null,
+        itemId: item.id,
+        maxPrice: null
+      }));
+      this.data.push({
+        computeMode: 1,
+        configValue: list,
+        endKm: '',
+        startKm: tem.endKm
+      });
+      this.data = [...this.data];
+    } else {
+      this.service.msgSrv.warning('请填写完整公里数');
+    }
+  }
+
+  deleteRow(index: number) {
+    this.data = this.data.filter((d, i) => index !== i);
+  }
+
+  save() {
+    this.service.request('/api/mdc/cuc/freightConfig/saveBatch', this.data).subscribe(res => {
+      if (res) {
+        console.log(res);
+        this.service.msgSrv.success('修改成功');
+        this.loadData();
+      }
+    });
+  }
+
+  /**
+   * 遍历同步后置位车长
+   * @param event  车长
+   * @param i 下标
+   */
+  private changeNextStartLength(event: number, i: number) {
+    if (this.headers[i]) {
+      this.headers[i].startLength = event;
+      if (this.headers[i].endLength <= event) {
+        this.headers[i].endLength = this.headers[i].startLength + 0.5;
+        this.changeNextStartLength(event + 0.5, i + 1);
+      }
+    }
+  }
+
+  /**
+   * 遍历同步后置位公里数
+   * @param event  车长
+   * @param i 下标
+   */
+  private changeNextStartKm(event: number, i: number) {
+    if (this.data[i]) {
+      this.data[i].startKm = event;
+      if (this.data[i].endKm <= event) {
+        this.data[i].endKm = this.data[i].startKm + 1;
+        this.changeNextStartKm(event + 1, i + 1);
+      }
+    }
+  }
+}
diff --git a/src/app/shared/components/dynamic-setting/index.ts b/src/app/shared/components/dynamic-setting/index.ts
new file mode 100644
index 00000000..2ec98c4c
--- /dev/null
+++ b/src/app/shared/components/dynamic-setting/index.ts
@@ -0,0 +1,2 @@
+export * from './dynamic-setting.module';
+export * from './dynamic-setting-modal/dynamic-setting-modal.component';
diff --git a/src/app/shared/components/dynamic-setting/rate-change/rate-change.component.html b/src/app/shared/components/dynamic-setting/rate-change/rate-change.component.html
new file mode 100644
index 00000000..091ea400
--- /dev/null
+++ b/src/app/shared/components/dynamic-setting/rate-change/rate-change.component.html
@@ -0,0 +1 @@
+<st #st [data]="url" [columns]="columns" [req]="{process: beforeReq }" [scroll]="{ y: '370px' }" size="small" bordered></st>
\ No newline at end of file
diff --git a/src/app/shared/components/dynamic-setting/rate-change/rate-change.component.ts b/src/app/shared/components/dynamic-setting/rate-change/rate-change.component.ts
new file mode 100644
index 00000000..43692022
--- /dev/null
+++ b/src/app/shared/components/dynamic-setting/rate-change/rate-change.component.ts
@@ -0,0 +1,32 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { STColumn, STRequestOptions } from '@delon/abc/st';
+
+@Component({
+  selector: 'app-rate-change',
+  templateUrl: './rate-change.component.html'
+})
+export class RateChangeComponent implements OnInit {
+  url = '/api/mdc/pbc/sysConfigItemExtendLog/list/page';
+  columns: STColumn[] = [
+    { title: '修改内容', index: 'content' },
+    { title: '修改时间', index: 'modifyTime', className: 'text-center' },
+    { title: '修改电话', index: 'modifyUserMobile' },
+    { title: '修改人', index: 'modifyUserName' }
+  ];
+  @Input()
+  businessId!: string;
+  @Input()
+  configFullKey!: string;
+  constructor() {}
+
+  ngOnInit(): void {}
+
+  beforeReq = (requestOptions: STRequestOptions) => {
+    Object.assign(requestOptions.body, {
+      businessId: this.businessId,
+      configFullKey: this.configFullKey,
+      extendType: 2
+    });
+    return requestOptions;
+  };
+}
diff --git a/src/app/shared/components/imagelist/image-list.module.ts b/src/app/shared/components/imagelist/image-list.module.ts
new file mode 100644
index 00000000..1e59374b
--- /dev/null
+++ b/src/app/shared/components/imagelist/image-list.module.ts
@@ -0,0 +1,14 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { ImageListComponent } from './imagelist.component';
+import { ImageViewComponent } from './imageview/imageview.component';
+import { NzImageModule } from 'ng-zorro-antd/image';
+
+const COMPONENTS = [ImageListComponent, ImageViewComponent];
+
+@NgModule({
+  declarations: COMPONENTS,
+  imports: [CommonModule, NzImageModule],
+  exports: COMPONENTS
+})
+export class ImageListModule {}
diff --git a/src/app/shared/components/imagelist/imagelist.component.html b/src/app/shared/components/imagelist/imagelist.component.html
new file mode 100644
index 00000000..10a80404
--- /dev/null
+++ b/src/app/shared/components/imagelist/imagelist.component.html
@@ -0,0 +1,20 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-03-23 14:24:05
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-25 15:47:50
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\imagelist\\imagelist.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<div class="imgBox">
+  <ng-container *ngFor="let item of imgList; let i = index">
+    <ng-container *ngIf="item;">
+      <img nz-image [nzSrc]="item" />
+    </ng-container>
+    <ng-template #elseTemplate>
+      <div style="background-color: darkgrey;border-radius: 5px;width: 200px;height: 160px;" class="mr-sm"></div>
+    </ng-template>
+  </ng-container>
+</div>
\ No newline at end of file
diff --git a/src/app/shared/components/imagelist/imagelist.component.ts b/src/app/shared/components/imagelist/imagelist.component.ts
new file mode 100644
index 00000000..6fba4fd0
--- /dev/null
+++ b/src/app/shared/components/imagelist/imagelist.component.ts
@@ -0,0 +1,46 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-09 17:36:13
+ * @LastEditTime : 2022-03-25 15:43:12
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\imagelist\\imagelist.component.ts
+ */
+import { Component, Input, OnInit } from '@angular/core';
+import { ModalHelper, _HttpClient } from '@delon/theme';
+import { NzImageService } from 'ng-zorro-antd/image';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { ImageViewComponent } from './imageview/imageview.component';
+
+@Component({
+  selector: 'app-imagelist',
+  templateUrl: './imagelist.component.html',
+  styleUrls: ['./imagelist.less']
+})
+export class ImageListComponent implements OnInit {
+  @Input() imgList: any = [];
+  constructor(
+    private modal: ModalHelper,
+    public msgSrv: NzMessageService,
+    public http: _HttpClient,
+    private nzImageService: NzImageService
+  ) {}
+
+  ngOnInit(): void {
+    
+  }
+  showImg(index: any) {
+    const params = {
+      imgList: this.imgList,
+      index
+    };
+    const images = this.imgList.map((url: string) => {
+      if(url) {
+        console.log(url);
+        ({ src: url })
+      }
+    });
+    this.nzImageService.preview(images);
+    // this.modal.create(ImageViewComponent, { params }).subscribe(res => {});
+  }
+}
diff --git a/src/app/shared/components/imagelist/imagelist.less b/src/app/shared/components/imagelist/imagelist.less
new file mode 100644
index 00000000..a9da2f31
--- /dev/null
+++ b/src/app/shared/components/imagelist/imagelist.less
@@ -0,0 +1,11 @@
+.imgBox {
+  width   : 100%;
+  overflow: hidden;
+  display : flex;
+
+  img {
+    width         : 100px;
+    margin        : 0 10px;
+    vertical-align: middle;
+  }
+}
\ No newline at end of file
diff --git a/src/app/shared/components/imagelist/imageview/imageview.component.html b/src/app/shared/components/imagelist/imageview/imageview.component.html
new file mode 100644
index 00000000..2f3edd33
--- /dev/null
+++ b/src/app/shared/components/imagelist/imageview/imageview.component.html
@@ -0,0 +1,12 @@
+<div class="modal-header">
+  <div class="modal-title">查看图片</div>
+</div>
+<div class="imageWrap">
+  <div class="prev" (click)="prevImg()" *ngIf="params.imgList.length > 1">
+    <i nz-icon [class.blue]="currentIndex != 0" nzType="vertical-right" nzTheme="outline"></i>
+  </div>
+  <div class="imgBox"><img [src]="params.imgList[currentIndex]" /></div>
+  <div class="next" *ngIf="params.imgList.length > 1" (click)="nextImg()">
+    <i nz-icon nzType="vertical-left" nzTheme="outline" [class.blue]="currentIndex != params.imgList.length - 1"></i>
+  </div>
+</div>
diff --git a/src/app/shared/components/imagelist/imageview/imageview.component.spec.ts b/src/app/shared/components/imagelist/imageview/imageview.component.spec.ts
new file mode 100644
index 00000000..fa0b2335
--- /dev/null
+++ b/src/app/shared/components/imagelist/imageview/imageview.component.spec.ts
@@ -0,0 +1,23 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ImageViewComponent } from './imageview.component';
+
+describe('ImageViewComponent', () => {
+  let component: ImageViewComponent;
+  let fixture: ComponentFixture<ImageViewComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ImageViewComponent],
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ImageViewComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/shared/components/imagelist/imageview/imageview.component.ts b/src/app/shared/components/imagelist/imageview/imageview.component.ts
new file mode 100644
index 00000000..99bfd959
--- /dev/null
+++ b/src/app/shared/components/imagelist/imageview/imageview.component.ts
@@ -0,0 +1,39 @@
+import { Component, OnInit } from '@angular/core';
+import { _HttpClient } from '@delon/theme';
+import { NzMessageService } from 'ng-zorro-antd/message';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+
+@Component({
+  selector: 'app-imageview',
+  templateUrl: './imageview.component.html',
+  styleUrls: ['./imageview.less'],
+})
+export class ImageViewComponent implements OnInit {
+  params: any = {};
+  currentIndex = 0;
+  constructor(private modal: NzModalRef, public msgSrv: NzMessageService, public http: _HttpClient) {}
+
+  ngOnInit(): void {
+    this.currentIndex = this.params.index;
+  }
+
+  close() {
+    this.modal.destroy();
+  }
+  prevImg() {
+    if (this.currentIndex === 0) {
+      this.msgSrv.error('已经是第一张图片！');
+      return false;
+    }
+    this.currentIndex--;
+    return true;
+  }
+  nextImg() {
+    if (this.currentIndex === this.params.imgList.length - 1) {
+      this.msgSrv.error('已经是最后一张图片！');
+      return false;
+    }
+    this.currentIndex++;
+    return true;
+  }
+}
diff --git a/src/app/shared/components/imagelist/imageview/imageview.less b/src/app/shared/components/imagelist/imageview/imageview.less
new file mode 100644
index 00000000..b4c70b81
--- /dev/null
+++ b/src/app/shared/components/imagelist/imageview/imageview.less
@@ -0,0 +1,39 @@
+.imageWrap {
+  position: relative;
+  width: 95%;
+  margin: 0 auto;
+}
+.imgBox {
+  max-width: 500px;
+  height: 100%;
+  max-height: 800px;
+  margin: 0 auto;
+  overflow: hidden;
+  img {
+    width: 100%;
+    vertical-align: middle;
+  }
+}
+.prev,
+.next {
+  position: absolute;
+  top: 50%;
+  width: 50px;
+  height: 50px;
+  color: #bbb;
+  font-size: 30px;
+  line-height: 50px;
+  text-align: center;
+  background: #e2e2e2;
+  border-radius: 100px;
+  transform: translateY(-50%);
+}
+.next {
+  right: 0;
+}
+.prev {
+  left: 0;
+}
+.blue {
+  color: #2593e8 !important;
+}
diff --git a/src/app/shared/components/imagelist/index.ts b/src/app/shared/components/imagelist/index.ts
new file mode 100644
index 00000000..e4be4696
--- /dev/null
+++ b/src/app/shared/components/imagelist/index.ts
@@ -0,0 +1,3 @@
+export * from './imagelist.component';
+export * from './imageview/imageview.component';
+export * from './image-list.module';
diff --git a/src/app/shared/components/insurance-table/index.ts b/src/app/shared/components/insurance-table/index.ts
new file mode 100644
index 00000000..cdfd4bca
--- /dev/null
+++ b/src/app/shared/components/insurance-table/index.ts
@@ -0,0 +1,13 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-25 20:20:07
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-26 11:05:44
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\insurance-table\\index.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+export * from './insurance-table.module'
+export * from './insurance-table.service'
+export * from './insurance-table.component'
\ No newline at end of file
diff --git a/src/app/shared/components/insurance-table/insurance-table.component.html b/src/app/shared/components/insurance-table/insurance-table.component.html
new file mode 100644
index 00000000..19927342
--- /dev/null
+++ b/src/app/shared/components/insurance-table/insurance-table.component.html
@@ -0,0 +1,92 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-25 20:18:52
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-25 14:04:01
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\insurance-table\\insurance-table.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<div nz-row>
+    <div nz-col nzSpan="24">
+        <div class="mb-md ml-xl" style="text-align: right;">
+            <button nz-button nzType="primary" (click)="add()">新增公里数</button>
+            <button class="ml-md" nz-button nzType="primary" (click)="save()">保存</button>
+        </div>
+        <div>
+            <sf #sf [schema]="schema" [formData]="sfdata" [button]="'none'" [ui]="ui">
+                <ng-template sf-template="freightPrice" let-i let-ui="ui">
+                    <nz-input-group [nzAddOnAfter]="addOnAfterTemplate">
+                        <nz-input-number [(ngModel)]="minInsurancePrice"  [nzMin]="0" ></nz-input-number>
+                      </nz-input-group>
+                      <ng-template #addOnAfterTemplate>
+                          <span >元</span>
+                      </ng-template>
+                </ng-template>
+              </sf>
+           
+        </div>
+        <nz-table #groupingTable [nzData]="data" nzBordered nzSize="small" [nzFrontPagination]="false"
+            [nzScroll]="{ x: '900px' }" [nzShowPagination]="false" class="ml-xl" style="max-width: 1200px;">
+            <thead>
+                <tr>
+                    <th rowspan="2" nzWidth="250px" nzAlign="center" nzLeft>险种</th>
+                    <th nzWidth="220px" nzAlign="center" >普货-基本险</th>
+                    <th nzWidth="220px" nzAlign="center" >普货-综合险</th>
+                    <th rowspan="2" nzWidth="60px" nzAlign="center" nzRight>操作</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr *ngFor="let item of groupingTable.data;let i = index">
+                    <td nzWidth="250px" nzAlign="center" nzLeft>
+                        <div style="display: flex;align-items: center;justify-content: space-between;">
+                            <div  >
+                                公里数（km）
+                            </div>
+                            <div style="color:#f0f0f0;">|</div>
+                            <div >
+                                    <label style="width: 65px;text-align: right;"> {{item.startKm}}</label>
+                                    <label>-</label>
+                                 
+                                    <nz-input-number [ngModel]="item.endKm" (ngModelChange)="changeEndKm($event,i)" [nzMin]="0"
+                                        [nzFormatter]="formatterDollar" nzSize="small">
+                                    </nz-input-number>（含）
+                               
+                            </div>
+                        </div>
+                  
+                    </td>
+                    <td nzWidth="220px" nzAlign="center" >
+                        <div style="    margin-left: 26%">
+                            <nz-input-group [nzAddOnAfter]="addOnAfterTemplate2">
+                            <nz-input-number [(ngModel)]="item.baseInsuranceRate" [nzMin]="0" nzSize="small" 
+                               >
+                            </nz-input-number>
+                        </nz-input-group>
+                        <ng-template #addOnAfterTemplate2>
+                            <span >%</span>
+                        </ng-template>
+                        </div>
+                    </td>
+                    <td nzWidth="220px" nzAlign="center" >
+                        <div style="    margin-left: 26%">
+                            <nz-input-group [nzAddOnAfter]="addOnAfterTemplate2">
+                            <nz-input-number [(ngModel)]="item.blanketInsuranceRate" [nzMin]="0" nzSize="small" >
+                            </nz-input-number>
+                        </nz-input-group>
+                        </div>
+                    </td>
+                    <td nzWidth="60px" nzAlign="center" nzRight>
+                        <a *ngIf="i === groupingTable.data.length-1 && groupingTable.data.length>1"
+                             nz-popconfirm
+                            nzPopconfirmTitle="是否确认删除?" (nzOnConfirm)="deleteRow(i)"
+                            >删除</a>
+                    </td>
+                </tr>
+            </tbody>
+        </nz-table>
+
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/app/shared/components/insurance-table/insurance-table.component.less b/src/app/shared/components/insurance-table/insurance-table.component.less
new file mode 100644
index 00000000..bebea5bf
--- /dev/null
+++ b/src/app/shared/components/insurance-table/insurance-table.component.less
@@ -0,0 +1,19 @@
+:host::ng-deep {
+    nz-input-number {
+        width: 85px;
+
+        input {
+            width : 100%;
+            margin: 0;
+        }
+
+        .ant-input-number-handler-wrap {
+            display: none;
+        }
+        
+    }
+    .ant-input-group {
+        display: -webkit-inline-box !important; 
+    }
+    
+}
\ No newline at end of file
diff --git a/src/app/shared/components/insurance-table/insurance-table.component.ts b/src/app/shared/components/insurance-table/insurance-table.component.ts
new file mode 100644
index 00000000..b97c52bd
--- /dev/null
+++ b/src/app/shared/components/insurance-table/insurance-table.component.ts
@@ -0,0 +1,195 @@
+import { debounceTime } from 'rxjs/operators';
+import { Subject } from 'rxjs';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core';
+import { BaseService } from '@shared';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+
+@Component({
+  selector: 'app-insurance-table',
+  templateUrl: './insurance-table.component.html',
+  styleUrls: ['./insurance-table.component.less']
+})
+export class InsuranceTableComponent implements OnInit {
+  data: any[] = [];
+  headers: any[] = [];
+  sfdata: any; // 货源单设置回显
+
+  @ViewChild('sf', { static: false }) sf!: SFComponent;
+  schema: SFSchema = {};
+  ui!: SFUISchema;
+
+  formatterDollar = (value: number): string => `${value}`;
+  minInsurancePrice: number = 0;
+  changeSub = new Subject<string>();
+  constructor(public service: BaseService, private cdr: ChangeDetectorRef) {}
+
+  ngOnInit(): void {
+    this.loadData();
+    this.initSF()
+    this.changeEndKmAction();
+    this.minInsurancePrice = 1000
+  }
+
+  loadData() {
+    this.service.request('/api/mdc/cuc/insuranceConfig/list').subscribe(res => {
+      if (res) {
+        console.log(res);
+        this.data = res;
+        this.cdr.detectChanges();
+      }
+    });
+    this.service.request('/api/mdc/pbc/sysConfigItem/findItemValueByItemKeys', [
+      "insurance.config.minInsurancePrice"
+     ]).subscribe(res => {
+      if (res) {
+        console.log(res);
+        this.minInsurancePrice = Number(res[0].itemValue)
+      }
+    });
+  }
+  initSF() {
+    this.schema = {
+      properties: {
+        freightPrice: {
+          type: 'string',
+          title: '单票投保最低保费',
+          ui: {
+            widget: 'custom',
+            placeholder: '请输入',
+            errors: { required: '请填写' }
+          }
+        },
+      },
+      required: ['freightPrice']
+    };
+    this.ui = {
+      '*': {
+        spanLabelFixed: 160,
+        grid: { span: 24 }
+      },
+      $freightPrice: {
+        grid: { span: 8 }
+      },
+    };
+  }
+  /**
+   * 修改结束车长
+   * @param event 车长
+   * @param i 下标
+   */
+  changeEndLength(event: any, i: number) {
+    if (event <= this.headers[i].startLength) {
+      this.headers[i].endLength = this.headers[i].startLength + 1;
+      this.changeNextStartLength(event, i + 1);
+      return;
+    }
+    this.headers[i].endLength = event;
+    this.changeNextStartLength(event, i + 1);
+  }
+
+  /**
+   * 修改结束公里数
+   * @param event 车长
+   * @param i 下标
+   */
+  changeEndKm(event: any, i: number) {
+    if (event) {
+      console.log(event);
+
+      this.changeSub.next(`${event},${i}`);
+    }
+  }
+  changeEndKmAction() {
+    this.changeSub.pipe(debounceTime(500)).subscribe((res: string) => {
+      if (res) {
+        const paras = res.split(',');
+        const num = Number(paras[0]);
+        const i = Number(paras[1]);
+
+        if (num <= this.data[i].startKm) {
+          this.data[i].endKm = null;
+          setTimeout(() => {
+            this.data[i].endKm = this.data[i].startKm + 1 ;
+          }, 0);
+          this.changeNextStartKm(this.data[i].startKm + 1, i + 1);
+          return;
+        }
+        this.data[i].endKm = num;
+        this.changeNextStartKm(num, i + 1);
+      }
+    });
+  }
+
+  add() {
+    console.log(this.data);
+
+    const tem = this.data[this.data?.length - 1];
+    if (tem && tem.endKm) {
+      this.data.push({
+        endKm: '',
+        startKm: tem.endKm
+      });
+      this.data = [...this.data];
+    } else {
+      this.service.msgSrv.warning('请填写完整公里数');
+    }
+  }
+
+  deleteRow(index: number) {
+    console.log(index);
+    var newArr = this.data.concat();
+    newArr.splice(this.data.length-1,1)
+    // this.data = this.data.pop()
+    console.log(newArr);
+    this.data = [...newArr];
+  }
+
+  save() {
+    if(!this.minInsurancePrice) {
+        this.service.msgSrv.error('必填项为空！')
+        return
+    }
+    let params= {
+      minInsurancePrice: this.minInsurancePrice,
+      insuranceConfigDTOS: this.data
+    }
+    console.log(params);
+    this.service.request('/api/mdc/cuc/insuranceConfig/saveBatch', params).subscribe(res => {
+      if (res) {
+        console.log(res);
+        this.service.msgSrv.success('修改成功');
+        this.loadData();
+      }
+    });
+  }
+
+  /**
+   * 遍历同步后置位车长
+   * @param event  车长
+   * @param i 下标
+   */
+  private changeNextStartLength(event: number, i: number) {
+    if (this.headers[i]) {
+      this.headers[i].startLength = event;
+      if (this.headers[i].endLength <= event) {
+        this.headers[i].endLength = this.headers[i].startLength + 0.5;
+        this.changeNextStartLength(event + 0.5, i + 1);
+      }
+    }
+  }
+
+  /**
+   * 遍历同步后置位公里数
+   * @param event  车长
+   * @param i 下标
+   */
+  private changeNextStartKm(event: number, i: number) {
+    if (this.data[i]) {
+      this.data[i].startKm = event;
+      if (this.data[i].endKm <= event) {
+        this.data[i].endKm = this.data[i].startKm + 1;
+        this.changeNextStartKm(event + 1, i + 1);
+      }
+    }
+  }
+}
diff --git a/src/app/shared/components/insurance-table/insurance-table.module.ts b/src/app/shared/components/insurance-table/insurance-table.module.ts
new file mode 100644
index 00000000..28711efd
--- /dev/null
+++ b/src/app/shared/components/insurance-table/insurance-table.module.ts
@@ -0,0 +1,29 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-25 20:23:54
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-11 17:20:49
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\insurance-table\\insurance-table.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
+import { NzTableModule } from 'ng-zorro-antd/table';
+import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm';
+import { NzInputModule } from 'ng-zorro-antd/input';
+import { DelonFormModule } from '@delon/form';
+import { NzButtonModule } from 'ng-zorro-antd/button';
+import { InsuranceTableComponent } from './insurance-table.component';
+const COMPONENTS = [InsuranceTableComponent];
+const MODULES = [NzTableModule, NzInputNumberModule, NzPopconfirmModule, NzInputModule, NzButtonModule, DelonFormModule];
+
+@NgModule({
+  declarations: COMPONENTS,
+  imports: [CommonModule, FormsModule, ...MODULES],
+  exports: COMPONENTS
+})
+export class InsuranceTableModule {}
diff --git a/src/app/shared/components/insurance-table/insurance-table.service.ts b/src/app/shared/components/insurance-table/insurance-table.service.ts
new file mode 100644
index 00000000..1d8c52fd
--- /dev/null
+++ b/src/app/shared/components/insurance-table/insurance-table.service.ts
@@ -0,0 +1,18 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-25 20:21:04
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-25 20:35:52
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\insurance-table\\insurance-table.service.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Injectable } from '@angular/core';
+
+
+
+@Injectable({ providedIn: 'root' })
+
+export class InsuranceService {
+}
diff --git a/src/app/shared/components/logistics-time-line/logistics-time-line.component.html b/src/app/shared/components/logistics-time-line/logistics-time-line.component.html
new file mode 100644
index 00000000..5ab3688a
--- /dev/null
+++ b/src/app/shared/components/logistics-time-line/logistics-time-line.component.html
@@ -0,0 +1,5 @@
+<nz-timeline [nzMode]="'left'">
+    <nz-timeline-item *ngFor="let item of data" [nzLabel]="item.time" [nzColor]="item.color">
+        <label [innerHtml]="item.value"></label>
+    </nz-timeline-item>
+</nz-timeline>
\ No newline at end of file
diff --git a/src/app/shared/components/logistics-time-line/logistics-time-line.component.less b/src/app/shared/components/logistics-time-line/logistics-time-line.component.less
new file mode 100644
index 00000000..d2e03afe
--- /dev/null
+++ b/src/app/shared/components/logistics-time-line/logistics-time-line.component.less
@@ -0,0 +1,28 @@
+:host::ng-deep {
+
+    .ant-timeline.ant-timeline-label .ant-timeline-item-label {
+        width     : 140px;
+        text-align: left;
+    }
+
+    .ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
+    .ant-timeline.ant-timeline-right .ant-timeline-item-tail,
+    .ant-timeline.ant-timeline-label .ant-timeline-item-tail,
+    .ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
+    .ant-timeline.ant-timeline-right .ant-timeline-item-head,
+    .ant-timeline.ant-timeline-label .ant-timeline-item-head,
+    .ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
+    .ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,
+    .ant-timeline.ant-timeline-label .ant-timeline-item-head-custom {
+        left: 145px;
+    }
+
+    .ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
+    .ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content,
+    .ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content {
+        left      : 135px;
+        width     : calc(100% - 150px);
+        text-align: left;
+    }
+
+}
\ No newline at end of file
diff --git a/src/app/shared/components/logistics-time-line/logistics-time-line.component.ts b/src/app/shared/components/logistics-time-line/logistics-time-line.component.ts
new file mode 100644
index 00000000..ed2607da
--- /dev/null
+++ b/src/app/shared/components/logistics-time-line/logistics-time-line.component.ts
@@ -0,0 +1,20 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-logistics-time-line',
+  templateUrl: './logistics-time-line.component.html',
+  styleUrls: ['./logistics-time-line.component.less']
+})
+export class LogisticsTimeLineComponent implements OnInit {
+  @Input()
+  data: any = [
+    { time: '2020-07-29   11:02:00', value: '到账成功', color: 'green' },
+    { time: '2020-07-29   11:02:00', value: '银行处理中', color: 'gray' },
+    { time: '2020-07-29   11:02:00', value: '审核通过<br/>操作人员：李四', color: 'gray' },
+    { time: '2020-07-29   11:02:00', value: '提交提现申请<br/>提现1000.00元至招商银行（8889）<br/>操作人员：张三', color: 'gray' }
+  ];
+
+  constructor() {}
+
+  ngOnInit(): void {}
+}
diff --git a/src/app/shared/components/rebate-table/index.ts b/src/app/shared/components/rebate-table/index.ts
new file mode 100644
index 00000000..9b459de3
--- /dev/null
+++ b/src/app/shared/components/rebate-table/index.ts
@@ -0,0 +1,13 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-25 20:20:07
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-26 11:05:44
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\insurance-table\\index.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+export * from './rebate-table.module'
+export * from './rebate-table.service'
+export * from './rebate-table.component'
\ No newline at end of file
diff --git a/src/app/shared/components/rebate-table/rebate-table.component.html b/src/app/shared/components/rebate-table/rebate-table.component.html
new file mode 100644
index 00000000..c3bda153
--- /dev/null
+++ b/src/app/shared/components/rebate-table/rebate-table.component.html
@@ -0,0 +1,90 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-25 20:18:52
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-29 10:34:14
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\rebate-table\\rebate-table.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<div nz-row>
+    <div nz-col nzSpan="24">
+        <!-- <div class="mb-md ml-xl" style="text-align: right;">
+            <button nz-button nzType="primary" (click)="add()">新增公里数</button>
+            <button class="ml-md" nz-button nzType="primary" (click)="save()">保存</button>
+        </div> -->
+        <nz-table #groupingTable [nzData]="data" nzBordered nzSize="small" [nzFrontPagination]="false"
+            [nzScroll]="{ x: '900px' }" [nzShowPagination]="false" class="ml-xl" style="max-width: 1200px;">
+            <thead>
+                <tr>
+                    <th rowspan="2" nzWidth="250px" nzAlign="center" nzLeft>序号</th>
+                    <th nzWidth="220px" nzAlign="center" >合伙人等级</th>
+                    <th nzWidth="220px" nzAlign="center" >初始业务量（万/月）</th>
+                    <th nzWidth="220px" nzAlign="center" >到达业务量（万/月）</th>
+                    <th nzWidth="220px" nzAlign="center" >管理费比例%</th>
+                    <th rowspan="2" nzWidth="60px" nzAlign="center" nzRight>操作</th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr *ngFor="let item of groupingTable.data;let i = index">
+                    <td nzWidth="250px" nzAlign="center" nzLeft>
+                        <div style="text-align: center;">
+                            <div>
+                                {{i + 1}}
+                            </div>
+                        </div>
+                    </td>
+                    <td nzWidth="220px" nzAlign="center" >
+                        <div >
+                            <nz-select style="min-width: 150px;" [(ngModel)]="item.gradeConfigId" >
+                                <nz-option *ngFor="let item of grage" [nzValue]="item.id" [nzLabel]="item.gradeName"></nz-option>
+                            </nz-select>
+                        </div>
+                    </td>
+                    <td nzWidth="220px" nzAlign="center" >
+                        <div style="    margin-left: 26%">
+                            <nz-input-group  nzPrefix="=">
+                            <nz-input-number [(ngModel)]="item.startAmount" [nzMin]="0" nzSize="small"  (ngModelChange)="changeendAmount($event,i)"
+                               >
+                            </nz-input-number>
+                        </nz-input-group>
+                     
+                        </div>
+                    </td>
+                    <td nzWidth="220px" nzAlign="center" >
+                        <div style="    margin-left: 26%">
+                            <nz-input-group  nzPrefix="＜">
+                            <nz-input-number [(ngModel)]="item.endAmount" [nzMin]="0" nzSize="small" >
+                            </nz-input-number>
+                        </nz-input-group>
+                        </div>
+                    </td>
+                    <td nzWidth="220px" nzAlign="center" >
+                        <div style="    margin-left: 26%">
+                            <nz-input-group [nzAddOnAfter]="addOnAfterTemplate2">
+                            <nz-input-number [(ngModel)]="item.managementFeeRatio" [nzMin]="0" nzSize="small" 
+                               >
+                            </nz-input-number>
+                        </nz-input-group>
+                        <ng-template #addOnAfterTemplate2>
+                            <span >%</span>
+                        </ng-template>
+                        </div>
+                    </td>
+                    <td nzWidth="60px" nzAlign="center" nzRight>
+                        <a  nz-popconfirm
+                            nzPopconfirmTitle="是否新增?" (nzOnConfirm)="add()"
+                            >+</a>
+                        <a *ngIf="i === groupingTable.data.length-1 && groupingTable.data.length>1"
+                             nz-popconfirm
+                            nzPopconfirmTitle="是否确认删除?" (nzOnConfirm)="deleteRow(i)"
+                            >-</a>
+                    </td>
+                </tr>
+            </tbody>
+        </nz-table>
+
+
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/app/shared/components/rebate-table/rebate-table.component.less b/src/app/shared/components/rebate-table/rebate-table.component.less
new file mode 100644
index 00000000..bebea5bf
--- /dev/null
+++ b/src/app/shared/components/rebate-table/rebate-table.component.less
@@ -0,0 +1,19 @@
+:host::ng-deep {
+    nz-input-number {
+        width: 85px;
+
+        input {
+            width : 100%;
+            margin: 0;
+        }
+
+        .ant-input-number-handler-wrap {
+            display: none;
+        }
+        
+    }
+    .ant-input-group {
+        display: -webkit-inline-box !important; 
+    }
+    
+}
\ No newline at end of file
diff --git a/src/app/shared/components/rebate-table/rebate-table.component.ts b/src/app/shared/components/rebate-table/rebate-table.component.ts
new file mode 100644
index 00000000..d2b3fa09
--- /dev/null
+++ b/src/app/shared/components/rebate-table/rebate-table.component.ts
@@ -0,0 +1,146 @@
+import { debounceTime } from 'rxjs/operators';
+import { Subject } from 'rxjs';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, Output, ViewChild } from '@angular/core';
+import { BaseService } from '@shared';
+import { SFComponent, SFSchema, SFUISchema } from '@delon/form';
+import { EventEmitter} from '@angular/core'
+@Component({
+  selector: 'app-rebate-table',
+  templateUrl: './rebate-table.component.html',
+  styleUrls: ['./rebate-table.component.less']
+})
+export class RebateTableComponent implements OnInit {
+  @Input() data: any =[];
+  @Output()
+  private dataChange: EventEmitter<any> = new EventEmitter();
+  emit() {
+    this.dataChange.emit(this.data)
+  }
+  headers: any[] = [];
+  gradeConfigId: string ='';
+  grage: any[] = [];
+  formatterDollar = (value: number): string => `${value}`;
+  changeSub = new Subject<string>();
+  constructor(public service: BaseService, private cdr: ChangeDetectorRef) {}
+
+  ngOnInit(): void {
+   this.data = [
+      {
+        gradeConfigId: '',
+        startAmount: 0,
+        endAmount: 0,
+        managementFeeRatio: 0,
+      }
+    ];
+    this.loadData();
+    this.changeendAmountAction();
+  }
+
+  loadData() {
+    this.service.request('/api/mdc/partnerGradeConfig/listPartnerGradeConfig').subscribe(res => {
+      if (res) {
+        console.log(res);
+        this.grage = res;
+        this.cdr.detectChanges();
+      }
+    });
+    // this.service.request('/api/mdc/pbc/sysConfigItem/findItemValueByItemKeys', [
+    //   "rebate.config.minrebatePrice"
+    //  ]).subscribe(res => {
+    //   if (res) {
+    //     console.log(res);
+    //   }
+    // });
+  }
+
+
+
+  /**
+   * 修改结束公里数
+   * @param event 车长
+   * @param i 下标
+   */
+  changeendAmount(event: any, i: number) {
+    if (event) {
+      console.log(event);
+
+      this.changeSub.next(`${event},${i}`);
+    }
+  }
+  changeendAmountAction() {
+    this.changeSub.pipe(debounceTime(500)).subscribe((res: string) => {
+      if (res) {
+        const paras = res.split(',');
+        const num = Number(paras[0]);
+        const i = Number(paras[1]);
+
+        if (num <= this.data[i]?.startAmount) {
+          console.log(this.data[i].endAmount);
+          this.data[i].endAmount = null;
+          setTimeout(() => {
+            this.data[i].endAmount = this.data[i]?.startAmount + 1 ;
+          }, 0);
+          this.changeNextstartAmount(this.data[i]?.startAmount + 1, i + 1);
+          return;
+        }
+        this.data[i].endAmount = num;
+        this.changeNextstartAmount(num, i + 1);
+      }
+    });
+  }
+
+  add() {
+    console.log(this.data);
+
+    const tem = this.data[this.data?.length - 1];
+    if (tem) {
+      this.data.push({
+        gradeConfigId: '',
+        startAmount: 0,
+        endAmount: 0,
+        managementFeeRatio: 0,
+      });
+      this.data = [...this.data];
+    }
+  }
+
+  deleteRow(index: number) {
+    console.log(index);
+    var newArr = this.data.concat();
+    newArr.splice(this.data.length-1,1)
+    // this.data = this.data.pop()
+    console.log(newArr);
+    this.data = [...newArr];
+  }
+
+  save() {
+    console.log(this.data)
+    let params= {
+      rebateConfigDTOS: this.data
+    }
+    console.log(params);
+    this.service.request('/api/mdc/cuc/rebateConfig/saveBatch', params).subscribe(res => {
+      if (res) {
+        console.log(res);
+        this.service.msgSrv.success('修改成功');
+        this.loadData();
+      }
+    });
+  }
+
+
+  /**
+   * 遍历同步后置位公里数
+   * @param event  车长
+   * @param i 下标
+   */
+  private changeNextstartAmount(event: number, i: number) {
+    if (this.data[i]) {
+      this.data[i].startAmount = event;
+      if (this.data[i].endAmount <= event) {
+        this.data[i].endAmount = this.data[i].startAmount + 1;
+        this.changeNextstartAmount(event + 1, i + 1);
+      }
+    }
+  }
+}
diff --git a/src/app/shared/components/rebate-table/rebate-table.module.ts b/src/app/shared/components/rebate-table/rebate-table.module.ts
new file mode 100644
index 00000000..4f48a645
--- /dev/null
+++ b/src/app/shared/components/rebate-table/rebate-table.module.ts
@@ -0,0 +1,30 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-25 20:23:54
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-21 14:11:56
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\rebate-table\\rebate-table.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
+import { NzTableModule } from 'ng-zorro-antd/table';
+import { RebateTableComponent } from './rebate-table.component';
+import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm';
+import { NzInputModule } from 'ng-zorro-antd/input';
+import { DelonFormModule } from '@delon/form';
+import { NzButtonModule } from 'ng-zorro-antd/button';
+import { NzSelectModule } from 'ng-zorro-antd/select';
+const COMPONENTS = [RebateTableComponent];
+const MODULES = [NzTableModule, NzInputNumberModule, NzPopconfirmModule, NzInputModule, NzButtonModule, DelonFormModule,NzSelectModule];
+
+@NgModule({
+  declarations: COMPONENTS,
+  imports: [CommonModule, FormsModule, ...MODULES],
+  exports: COMPONENTS
+})
+export class rebateTableModule {}
diff --git a/src/app/shared/components/rebate-table/rebate-table.service.ts b/src/app/shared/components/rebate-table/rebate-table.service.ts
new file mode 100644
index 00000000..ed67d9fb
--- /dev/null
+++ b/src/app/shared/components/rebate-table/rebate-table.service.ts
@@ -0,0 +1,18 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-25 20:21:04
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-25 20:35:52
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\insurance-table\\insurance-table.service.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Injectable } from '@angular/core';
+
+
+
+@Injectable({ providedIn: 'root' })
+
+export class RebateService {
+}
diff --git a/src/app/shared/components/singlepage-setting/index.ts b/src/app/shared/components/singlepage-setting/index.ts
new file mode 100644
index 00000000..96f7de94
--- /dev/null
+++ b/src/app/shared/components/singlepage-setting/index.ts
@@ -0,0 +1,12 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-11 14:23:46
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-11 14:30:28
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\singlepage-setting\\index.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+export * from './singlepage-setting.module';
+export * from './singlepage-setting-modal/singlepage-setting-modal.component';
diff --git a/src/app/shared/components/singlepage-setting/singlepage-setting-h5/singlepage-setting-h5.component.html b/src/app/shared/components/singlepage-setting/singlepage-setting-h5/singlepage-setting-h5.component.html
new file mode 100644
index 00000000..9e0ec401
--- /dev/null
+++ b/src/app/shared/components/singlepage-setting/singlepage-setting-h5/singlepage-setting-h5.component.html
@@ -0,0 +1,86 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-11 14:23:46
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-11 14:31:45
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\singlepage-setting\\singlepage-setting-h5\\singlepage-setting-h5.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<nz-card [nzLoading]="service.http.loading">
+    <div nz-row [nzGutter]="8">
+        <div nz-col [nzSpan]="tabSpan">
+            <ul nz-menu nzMode="inline" class="card-height">
+                <li nz-menu-item [nzSelected]="idx === 0" (click)="changeType(item)"
+                    *ngFor="let item of tabs; let idx = index">
+                    {{ item.name }}
+                </li>
+            </ul>
+        </div>
+
+        <div nz-col [nzSpan]="24-tabSpan" style="overflow: scroll">
+            <nz-card class="card-height" [nzBordered]="null" nzSize="small">
+                <h2 style="font-weight: 800;">{{selectedTab?.name}}</h2>
+                <div nz-row nzGutter="8">
+                    <div nz-col nzSpan="24" se-container [labelWidth]="labelWidth">
+                        <se [label]="item.name" *ngFor="let item of configList" col="1">
+                            <ng-container [ngSwitch]="item.itemType">
+                                <ng-container *ngSwitchCase="1">
+                                    <nz-input-group [nzAddOnAfter]="item.remark?.afterLable" style="width: 155px;"
+                                        class="ml-md mr-xl">
+                                        <input type="number" nz-input [(ngModel)]="item.itemValue" placeholder="请输入" />
+                                    </nz-input-group>
+                                </ng-container>
+                                <ng-container *ngSwitchCase="2">
+                                    <nz-radio-group [(ngModel)]="item.itemValue" class="mr-xl">
+                                        <label nz-radio [nzValue]="0" class="ml-xl">{{item.remark?.[0] || '否'}}</label>
+                                        <label nz-radio [nzValue]="1" class="ml-xl">{{item.remark?.[1] || '是'}}</label>
+                                    </nz-radio-group>
+                                </ng-container>
+                                <ng-container *ngSwitchCase="3">
+                                    <nz-time-picker nzFormat="HH:mm" nzPlaceHolder="请选择时间" [(ngModel)]="item.itemValue"
+                                        class="ml-md mr-xl">
+                                    </nz-time-picker>
+                                </ng-container>
+                                <ng-container *ngSwitchCase="5">
+                                    <div class="d-flex" style="align-items: center;justify-content: space-between;">
+                                        <input type="time" [(ngModel)]="item.itemValue.startTime" placeHolder="开始时间"
+                                            style="margin-left: 23px;">
+                                        <label class="ml-sm mr-sm"> --</label>
+                                        <input type="time" [(ngModel)]="item.itemValue.endTime" placeHolder="结束时间"
+                                            style="margin-left: 0;" class=" mr-xl">
+                                    </div>
+                                </ng-container>
+                                <ng-container *ngSwitchCase="6">
+                                    <div class="d-flex" style="align-items: center;justify-content: space-between;">
+
+                                        <nz-radio-group [(ngModel)]="item.itemValue.radio" class="mr-xl">
+                                            <label nz-radio [nzValue]="0" class="ml-xl">{{item.remark?.[0] ||
+                                                '否'}}</label>
+                                            <label nz-radio [nzValue]="1" class="ml-xl">{{item.remark?.[1] ||
+                                                '是'}}</label>
+                                        </nz-radio-group>
+
+                                        <input type="time" [(ngModel)]="item.itemValue.startTime" placeHolder="开始时间"
+                                            style="margin-left: 23px;">
+                                        <label class="ml-sm mr-sm"> --</label>
+                                        <input type="time" [(ngModel)]="item.itemValue.endTime" placeHolder="结束时间"
+                                            style="margin-left: 0;" class=" mr-xl">
+                                    </div>
+                                </ng-container>
+                            </ng-container>
+
+                        </se>
+                    </div>
+                </div>
+            </nz-card>
+
+
+            <div class="mb-md save-btn">
+                <button class="ml-lg" nz-button nzSize="large" nzType="primary" (click)="saveAction()"
+                    *ngIf="selectedTab?.configKey!=='freight'">保存</button>
+            </div>
+        </div>
+    </div>
+</nz-card>
\ No newline at end of file
diff --git a/src/app/shared/components/singlepage-setting/singlepage-setting-h5/singlepage-setting-h5.component.less b/src/app/shared/components/singlepage-setting/singlepage-setting-h5/singlepage-setting-h5.component.less
new file mode 100644
index 00000000..4b87d5c1
--- /dev/null
+++ b/src/app/shared/components/singlepage-setting/singlepage-setting-h5/singlepage-setting-h5.component.less
@@ -0,0 +1,27 @@
+:host {
+    ::ng-deep {
+      .card-height {
+        min-height: 600px;
+      }
+  
+      .save-btn {
+        width     : 100%;
+        text-align: right;
+      }
+  
+      .block-radio {
+        display   : flex;
+        min-height: 32px;
+      }
+  
+      input {
+        width      : 100px;
+        margin-left: 10px;
+      }
+  
+      .ant-form-item-control-input-content {
+        display: flex;
+      }
+    }
+  
+  }
\ No newline at end of file
diff --git a/src/app/shared/components/singlepage-setting/singlepage-setting-h5/singlepage-setting-h5.component.ts b/src/app/shared/components/singlepage-setting/singlepage-setting-h5/singlepage-setting-h5.component.ts
new file mode 100644
index 00000000..0c8e3dc1
--- /dev/null
+++ b/src/app/shared/components/singlepage-setting/singlepage-setting-h5/singlepage-setting-h5.component.ts
@@ -0,0 +1,69 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-11 14:23:46
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-11 14:29:00
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\singlepage-setting\\singlepage-setting-h5\\singlepage-setting-h5.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit, EventEmitter, Input, Output } from '@angular/core';
+import { BaseService } from '@shared';
+
+const JSONTYPE = new Set([5,6]);
+@Component({
+  selector: 'app-singlepage-setting-h5',
+  templateUrl: './singlepage-setting-h5.component.html',
+  styleUrls: ['./singlepage-setting-h5.component.less']
+})
+export class SinglepageSettingH5Component implements OnInit {
+  @Input()
+  tabs: any[] = [];
+  @Input()
+  selectedTab: any = null;
+
+  @Input()
+  configList: any = [];
+  @Output()
+  selectedEvent = new EventEmitter<any>();
+  @Output()
+  saveEvent = new EventEmitter<any>();
+
+  @Input()
+  tabSpan = 4;
+  @Input()
+  labelWidth = 250;
+  @Input()
+  itemValue = 'itemValue';
+
+  constructor(public service: BaseService) {}
+
+  ngOnInit() {}
+
+  changeType(type: any): void {
+    this.selectedTab = type;
+    console.log(type);
+    
+    this.selectedEvent.emit(this.selectedTab);
+  }
+
+  saveAction() {
+    if (this.configList?.length < 0) {
+      return;
+    }
+
+    let params = [...this.configList];
+    params = params.map((item: any) => {
+      if (JSONTYPE.has(item.itemType)) {
+        item.itemValue = item.itemValue ? JSON.stringify(item.itemValue) : null;
+      }
+      return {
+        ...item,
+        remark: item.remark ? JSON.stringify(item.remark) : null,
+        itemData: item.itemData ? JSON.stringify(item.itemData) : null
+      };
+    });
+    this.saveEvent.emit(params);
+  }
+}
diff --git a/src/app/shared/components/singlepage-setting/singlepage-setting-modal/singlepage-setting-modal.component.html b/src/app/shared/components/singlepage-setting/singlepage-setting-modal/singlepage-setting-modal.component.html
new file mode 100644
index 00000000..6fc4f6ad
--- /dev/null
+++ b/src/app/shared/components/singlepage-setting/singlepage-setting-modal/singlepage-setting-modal.component.html
@@ -0,0 +1,13 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-11 14:23:46
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-11 14:29:21
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\singlepage-setting\\singlepage-setting-modal\\singlepage-setting-modal.component.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
+<app-singlepage-setting-h5 [tabs]="tabs" [configList]="configList" [selectedTab]="selectedTab"
+    (selectedEvent)="changeType($event)" (saveEvent)="saveAction($event)" [tabSpan]="6" [labelWidth]="200" >
+</app-singlepage-setting-h5>
\ No newline at end of file
diff --git a/src/app/shared/components/singlepage-setting/singlepage-setting-modal/singlepage-setting-modal.component.less b/src/app/shared/components/singlepage-setting/singlepage-setting-modal/singlepage-setting-modal.component.less
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/shared/components/singlepage-setting/singlepage-setting-modal/singlepage-setting-modal.component.ts b/src/app/shared/components/singlepage-setting/singlepage-setting-modal/singlepage-setting-modal.component.ts
new file mode 100644
index 00000000..aed9dd04
--- /dev/null
+++ b/src/app/shared/components/singlepage-setting/singlepage-setting-modal/singlepage-setting-modal.component.ts
@@ -0,0 +1,101 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-11 14:23:46
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-11 14:33:08
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\singlepage-setting\\singlepage-setting-modal\\singlepage-setting-modal.component.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, Input, OnInit } from '@angular/core';
+import { ModalHelper } from '@delon/theme';
+import { NzModalRef } from 'ng-zorro-antd/modal';
+import { BaseService } from 'src/app/shared/services';
+
+@Component({
+  selector: 'app-singlepage-setting-modal',
+  templateUrl: './singlepage-setting-modal.component.html',
+  styleUrls: ['./singlepage-setting-modal.component.less']
+})
+export class SinglepageSettingModalComponent implements OnInit {
+  tabs: any[] = [];
+  selectedTab: any = null;
+
+  configList: any = [];
+
+  @Input()
+  extendType!: string;
+  @Input()
+  businessId!: string;
+
+  constructor(public service: BaseService, private modalHelp: NzModalRef) {}
+
+  ngOnInit() {
+    this.getTypeList();
+  }
+
+  getTypeList() {
+    this.service
+      .request('/api/mdc/pbc/sysConfigItemExtend/getSysConfigExtend', {
+        configFullKey: 'insurance',
+        extendType: this.extendType,
+        businessId: this.businessId
+      })
+      .subscribe((res: Array<any>) => {
+        if (res?.length > 0) {
+          const typeData = res.find(config => config.configFullKey === 'insurance');
+          if (typeData) {
+            this.tabs = typeData.children;
+            this.selectedTab = typeData.children[0];
+
+            this.configList = this.formatItems(this.selectedTab.items);
+          }
+        }
+      });
+  }
+
+  changeType(type: any): void {
+    this.selectedTab = type;
+    this.configList = this.formatItems(type.items);
+  }
+
+  saveAction(params: Array<any>) {
+    const p = params.map(config => ({
+      businessId: this.businessId,
+      configId: config.configId,
+      extendType: this.extendType,
+      id: config.extendId,
+      configItemId: config.id,
+      parentId: config.parentId,
+      itemData: config.itemData,
+      itemValue: config.itemValue,
+      remark: config.remark
+    }));
+    this.service.request('/api/mdc/pbc/sysConfigItemExtend/saveBatch', p).subscribe(res => {
+      if (res) {
+        this.service.msgSrv.success('修改配置成功');
+        this.modalHelp.destroy();
+      }
+    });
+  }
+
+  private formatItems(items: Array<any>): Array<any> {
+    if (items?.length > 0) {
+      return items
+        .map(item => ({
+          ...item,
+          itemData: item.extendItemData || item.itemData,
+          itemValue: item.extendItemValue || item.itemValue
+        }))
+        .map(item => ({
+          ...item,
+          remark: item.remark ? JSON.parse(item.remark) : null,
+          extend: item.extend ? JSON.parse(item.extend) : [],
+          // itemData: item.itemData ? JSON.parse(item.itemData) : item.itemData,
+          itemValue: item.itemValue ? JSON.parse(item.itemValue) : item.itemValue
+        }));
+    }
+    return [];
+  }
+}
diff --git a/src/app/shared/components/singlepage-setting/singlepage-setting.module.ts b/src/app/shared/components/singlepage-setting/singlepage-setting.module.ts
new file mode 100644
index 00000000..3aba0231
--- /dev/null
+++ b/src/app/shared/components/singlepage-setting/singlepage-setting.module.ts
@@ -0,0 +1,24 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-02-11 14:23:46
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-11 14:30:15
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\components\\singlepage-setting\\singlepage-setting.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SinglepageSettingH5Component } from './singlepage-setting-h5/singlepage-setting-h5.component';
+import { SHARED_ZORRO_MODULES } from '../../shared-zorro.module';
+import { SHARED_DELON_MODULES } from '../../shared-delon.module';
+import { FormsModule } from '@angular/forms';
+import { SinglepageSettingModalComponent } from './singlepage-setting-modal/singlepage-setting-modal.component';
+const COMPONENTS = [SinglepageSettingH5Component, SinglepageSettingModalComponent];
+@NgModule({
+  declarations: [...COMPONENTS],
+  imports: [CommonModule, FormsModule, SHARED_ZORRO_MODULES, SHARED_DELON_MODULES],
+  exports: [...COMPONENTS]
+})
+export class SinglepageSettingModule {}
diff --git a/src/app/shared/index.ts b/src/app/shared/index.ts
index 86cfaf5c..7ea8c70d 100644
--- a/src/app/shared/index.ts
+++ b/src/app/shared/index.ts
@@ -1,3 +1,11 @@
+/*
+ * @Author: your name
+ * @Date: 2021-11-29 10:04:12
+ * @LastEditTime : 2022-03-11 15:12:20
+ * @LastEditors  : Shiming
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\index.ts
+ */
 // Modules
 export * from './components/delay/index';
 export * from './components/editor/index';
@@ -7,9 +15,23 @@ export * from './components/mouse-focus/index';
 export * from './components/status-label/index';
 export * from './components/scrollbar/index';
 export * from './components/address/index';
+export * from './components/captcha/index';
+export * from './components/amap/index';
+export * from './components/dict-select/index';
+export * from './components/dynamic-setting';
+export * from './components/singlepage-setting';
+export * from './components/insurance-table/index';
+export * from './components/rebate-table/index';
 
 // Utils
-export * from './utils/yuan';
+export * from './utils';
+export * from './services';
+export * from './pipes';
 
 // Module
 export * from './shared.module';
+export * from './shared-delon.module';
+export * from './shared-zorro.module';
+export * from './shared-third.module';
+export * from './shared-g2.module';
+export * from './widget/st-widget.module';
diff --git a/src/app/shared/pipes/index.ts b/src/app/shared/pipes/index.ts
new file mode 100644
index 00000000..08d84320
--- /dev/null
+++ b/src/app/shared/pipes/index.ts
@@ -0,0 +1,2 @@
+export * from './pipe.module';
+export * from './trushtml.pipe';
\ No newline at end of file
diff --git a/src/app/shared/pipes/pipe.module.ts b/src/app/shared/pipes/pipe.module.ts
new file mode 100644
index 00000000..d808239c
--- /dev/null
+++ b/src/app/shared/pipes/pipe.module.ts
@@ -0,0 +1,10 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { TrushtmlPipe } from './trushtml.pipe';
+
+@NgModule({
+  declarations: [TrushtmlPipe],
+  imports: [CommonModule],
+  exports: [TrushtmlPipe]
+})
+export class PipeModule {}
diff --git a/src/app/shared/pipes/trushtml.pipe.ts b/src/app/shared/pipes/trushtml.pipe.ts
new file mode 100644
index 00000000..73b48359
--- /dev/null
+++ b/src/app/shared/pipes/trushtml.pipe.ts
@@ -0,0 +1,28 @@
+/*
+ * @Description:
+ * @Author: wsm
+ * @Date: 2021-06-23 17:02:20
+ * @LastEditTime: 2021-06-23 17:04:57
+ * @LastEditors: wsm
+ * @Reference:
+ */
+import { Pipe, PipeTransform } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+
+@Pipe({
+  name: 'safehtml',
+})
+export class TrushtmlPipe implements PipeTransform {
+  constructor(private sanitizer: DomSanitizer) {}
+
+  transform(value: any, args?: any): any {
+    try {
+      if (!value || value === '') {
+        return '';
+      }
+      return this.sanitizer.bypassSecurityTrustHtml(value);
+    } catch (e) {
+      return '';
+    }
+  }
+}
diff --git a/src/app/shared/services/business/account.service.ts b/src/app/shared/services/business/account.service.ts
index fc461324..4075476e 100644
--- a/src/app/shared/services/business/account.service.ts
+++ b/src/app/shared/services/business/account.service.ts
@@ -56,7 +56,6 @@ export class EAAccountService extends BaseService {
    */
   loginByAccount(username: string, password: string): void {
     this.asyncRequest(this.$api_login_by_account, { username, password, type: 0 }, 'POST', true, 'FORM').then((res) => {
-      console.log(res);
       this.doAfterLogin(res);
     });
   }
diff --git a/src/app/shared/services/business/captcha.service.ts b/src/app/shared/services/business/captcha.service.ts
index 72d31eb9..43621559 100644
--- a/src/app/shared/services/business/captcha.service.ts
+++ b/src/app/shared/services/business/captcha.service.ts
@@ -10,11 +10,11 @@ import { Observable, Subject } from 'rxjs';
 import { BaseService } from '../core/base.service';
 
 @Injectable({
-  providedIn: 'root',
+  providedIn: 'root'
 })
 export class EACaptchaService extends BaseService {
   // 通过手机号发送短信验证码
-  private $api_send_sms_by_mobile = `/scm/sms/sms/verification/getSMVerificationCode?_allow_anonymous=true&_allow_badcode=true`;
+  private $api_send_sms_by_mobile = `/api/mdc/pbc/smsSend/getSMVerificationCode?_allow_anonymous=true&_allow_badcode=true`;
 
   // 验证手机号为平台用户后发送短信验证码
   private $api_send_sms__by_validate_mobile = `/chiauserBasicInfo/forgetPassword/getAccountSMVerificationCode`;
@@ -26,7 +26,7 @@ export class EACaptchaService extends BaseService {
   $api_captcha_sms_code = `/scce/pbc/pbc/verification/getSMVerificationCodeByToken`;
 
   // 获取应用租户的管理员用户发送验证码
-  $api_getAppLesseeAdminSMVerificationCode = `/chiauserBasicInfo/getAppLesseeAdminSMVerificationCode`;
+  $api_getAppLesseeAdminSMVerificationCode = `/api/mdc/cuc/userAuthority/adminSmverificationCode?_allow_badcode=true`;
 
   /**
    * 根据当前登录用户绑定的手机号码获取短信验证码
@@ -34,12 +34,7 @@ export class EACaptchaService extends BaseService {
   getCaptchaBySMSNoPhone(): Observable<any> {
     return this.request(this.$api_captcha_sms_code, { appId: this.envSrv.getEnvironment().appId }, 'POST', true, 'FORM');
   }
-  /**
-   * 获取应用租户的管理员用户发送验证码
-   */
-  getAppLesseeAdminSMVerificationCode(): Observable<any> {
-    return this.request(this.$api_getAppLesseeAdminSMVerificationCode, { appId: this.envSrv.getEnvironment().appId }, 'POST', true, 'FORM');
-  }
+
   constructor(public injector: Injector) {
     super(injector);
   }
@@ -54,7 +49,7 @@ export class EACaptchaService extends BaseService {
       { appId: this.envSrv.getEnvironment()?.appId, phoneNumber: mobile },
       'POST',
       true,
-      'FORM',
+      'FORM'
     );
   }
 
@@ -70,7 +65,7 @@ export class EACaptchaService extends BaseService {
       { appId: this.envSrv.getEnvironment()?.appId, phoneNumber: mobile, user: mobile, validate },
       'POST',
       true,
-      'FORM',
+      'FORM'
     );
   }
 }
diff --git a/src/app/shared/services/business/enterprise.service.ts b/src/app/shared/services/business/enterprise.service.ts
index 43774b06..d2404d18 100644
--- a/src/app/shared/services/business/enterprise.service.ts
+++ b/src/app/shared/services/business/enterprise.service.ts
@@ -5,9 +5,7 @@ import { tap } from 'rxjs/operators';
 import { BaseService } from '../core/base.service';
 import { EACacheService } from '../core/cache.service';
 
-@Injectable({
-  providedIn: 'root',
-})
+@Injectable()
 export class EAEnterpriseService extends BaseService {
   // 获取当前用户绑定的分销商/代理商/供应商
   public $api_get_my_enterprises = `/chia/enterpriseInfo/list/queryMyAppInfo`;
diff --git a/src/app/shared/services/business/environment.service.ts b/src/app/shared/services/business/environment.service.ts
new file mode 100644
index 00000000..f34b276c
--- /dev/null
+++ b/src/app/shared/services/business/environment.service.ts
@@ -0,0 +1,28 @@
+import { Injectable, Injector } from '@angular/core';
+import { cacheConf } from '@conf/cache.conf';
+import { sysConf } from '@conf/sys.conf';
+import { BaseService } from '../core/base.service';
+import { EACacheService } from './../core/cache.service';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class EAEnvironmentService extends BaseService {
+  constructor(public injector: Injector, private eaCacheSrv: EACacheService) {
+    super(injector);
+  }
+
+  /**
+   * 环境信息
+   */
+  public get env(): { appId: string; tenantId: string; enterpriseId: string } {
+    const cacheEnv: any = this.eaCacheSrv.get(cacheConf.env);
+    // 附加环境变量
+    const env: { appId: string; tenantId: string; enterpriseId: string } = {
+      appId: cacheEnv?.appId || sysConf.appId,
+      tenantId: cacheEnv?.tenantId || sysConf.tenantId,
+      enterpriseId: cacheEnv?.enterpriseId || sysConf.enterpriseId
+    };
+    return env;
+  }
+}
diff --git a/src/app/shared/services/business/shipper-base.service.ts b/src/app/shared/services/business/shipper-base.service.ts
new file mode 100644
index 00000000..fdc0d02e
--- /dev/null
+++ b/src/app/shared/services/business/shipper-base.service.ts
@@ -0,0 +1,311 @@
+import { Injectable, Injector } from '@angular/core';
+import { BaseService } from '../core/base.service';
+import { map } from 'rxjs/operators';
+import { cacheConf } from '@conf/cache.conf';
+import { EACacheService } from '..';
+import { of } from 'rxjs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ShipperBaseService extends BaseService {
+  $api_get_carless_carrier = ``; // 获取承运人
+  $api_get_enterprise_project = `/api/mdc/cuc/enterpriseProject/getEnterpriseProjectList`; // 所属项目列表
+  $api_get_staff_list = `/api/mdc/cuc/userApp/getStaffList`; //查询企业项目员工列表(录单员)
+  $api_get_network_freight_forwarder_list = `/api/mdc/cuc/networkTransporter/findAll`; // 获取网络货运人
+  $api_get_settlement_customer_list = `/api/mdc/cuc/settlementCustomer/findAll`; // 查找所有结算客户信息(下拉)
+  $api_get_crm_customer_list = `/api/mdc/cuc/enterprise/getCrmSelectList`; // 查找所有Crm客户信息(下拉)
+  $api_get_network_freight_forwarder_one = `/api/mdc/cuc/networkTransporter/get`; // 获取网络货运人
+  $api_get_roles = `/api/mdc/cuc/roleInfo/getRoleList`; // 获取角色列表
+  // 根据FullKey获取系统子配置(树)
+  $api_getSysConfigTreeByParentFullKey = `/api/mdc/pbc/sysConfig/getSysConfigTreeByParentFullKey`;
+  // 获取全部返佣配置
+  $api_get_rebate_config = `/api/mdc/rebateConfig/list/listRebateConfig`;
+  // 获取渠道销售管理集合
+  $api_get_channel = `/api/mdc/channelSalesManagement/list/listChannelSalesManagement`;
+
+  // 获取货主企业列表
+  public $api_enterpriceList = '/api/mdc/cuc/enterpriseInfo/operate/enterpriceList';
+  constructor(public injector: Injector) {
+    super(injector);
+  }
+
+  /**
+   * 获取无车承运人
+   * @returns
+   */
+  getCarlessCarrier() {
+    const params = {};
+    return this.request(this.$api_get_carless_carrier, params, 'POST').pipe(
+      map(res => {
+        if (res) {
+          res.map((m: any) => {
+            return { label: m.platformName, value: m.operationId };
+          });
+        }
+      })
+    );
+  }
+
+  /**
+   * 获取所属项目
+   * @returns
+   */
+  getEnterpriseProject(params?: any) {
+    // if (this.list.length > 0) {
+    //   return of(this.list);
+    // }
+    return this.request(this.$api_get_enterprise_project, params).pipe(
+      map((res: any) => {
+        if (!res) {
+          return [];
+        }
+        const list = res.map((item: any) => {
+          return {
+            label: item.projectName,
+            value: item.id
+          };
+        });
+        const obj = [{ value: '', label: '全部' }];
+        // this.list = [...obj, ...list];
+        return [...obj, ...list];
+      })
+    );
+  }
+
+  /**
+   * 获取录单员
+   * @returns
+   */
+  getStaffList(params = {}, containerAll = true) {
+    return this.request(this.$api_get_staff_list, params).pipe(
+      map((res: any) => {
+        if (!res) {
+          return [];
+        }
+        const list = res.map((item: any) => {
+          return {
+            label: item.name,
+            value: item.appUserId
+          };
+        });
+        const obj = [];
+        if (containerAll) {
+          obj.push({ label: '全部', value: '' });
+        }
+        return [...obj, ...list];
+      })
+    );
+  }
+
+  /**
+   * 获取调度员
+   * @returns
+   */
+  getStaffList2(params = {}) {
+    return this.request(this.$api_get_staff_list, params).pipe(
+      map((res: any) => {
+        if (!res) {
+          return [];
+        }
+        const list = res.map((item: any) => {
+          return {
+            label: `${item.name}/${item.telephone}`,
+            value: item.appUserId
+          };
+        });
+        return [...list];
+      })
+    );
+  }
+
+  /**
+   * 获取网络货运人
+   * @returns
+   */
+  getNetworkFreightForwarder(params = {}, containerAll = false) {
+    return this.request(this.$api_get_network_freight_forwarder_list, params).pipe(
+      map((res: any) => {
+        if (!res) {
+          return [];
+        }
+        const list = res.map((item: any) => {
+          return {
+            label: item.enterpriseName,
+            value: item.id
+          };
+        });
+        const obj = [];
+        if (containerAll) {
+          obj.push({ label: '全部', value: '' });
+        }
+        return [...obj, ...list];
+      })
+    );
+  }
+
+  /**
+   * 获取CRM客户
+   * @returns
+   */
+  getCRM(params = {}, containerAll = false) {
+    return this.request(this.$api_get_crm_customer_list, params).pipe(
+      map((res: any) => {
+        if (!res) {
+          return [];
+        }
+        const list = res.map((item: any) => {
+          return {
+            label: item.enterpriseName,
+            value: item.enterpriseId
+          };
+        });
+        const obj = [];
+        if (containerAll) {
+          obj.push({ label: '全部', value: '' });
+        }
+        return [...obj, ...list];
+      })
+    );
+  }
+
+  /**
+   * 获取货主企业列表
+   * @returns
+   */
+  getEnterpriceList(params = { enterpriseName: '' }, containerAll = false) {
+    let str = params.enterpriseName.replace(/^\s+|\s+$/g, '');
+    if (str) {
+      return this.request(this.$api_enterpriceList, params)
+        .pipe(
+          map((res: any) => {
+            if (!res) {
+              return [];
+            }
+            const list = res.map((item: any) => {
+              return { label: item.enterpriseName, value: item.id };
+            });
+            const obj = [];
+            if (containerAll) {
+              obj.push({ label: '全部', value: '' });
+            }
+            return [...obj, ...list];
+          })
+        )
+        .toPromise();
+    } else {
+      return of([]);
+    }
+  }
+
+  /**
+   * 获取结算客户
+   * @returns
+   */
+  getCloseAccount(params = {}, containerAll = false) {
+    return this.request(this.$api_get_settlement_customer_list, params).pipe(
+      map((res: any) => {
+        if (!res) {
+          return [];
+        }
+        const list = res.map((item: any) => {
+          return {
+            label: item.customerName,
+            value: item.id
+          };
+        });
+        const obj = [];
+        if (containerAll) {
+          obj.push({ label: '全部', value: '' });
+        }
+        return [...obj, ...list];
+      })
+    );
+  }
+
+  /**
+   * 获取角色列表
+   * @returns
+   */
+  getRoles(params = {}, containerAll = false) {
+    return this.request(this.$api_get_roles, params).pipe(
+      map((res: any) => {
+        if (!res) {
+          return [];
+        }
+        const list = res.map((item: any) => {
+          return {
+            label: item.roleName,
+            value: item.id
+          };
+        });
+        const obj = [];
+        if (containerAll) {
+          obj.push({ label: '全部', value: '' });
+        }
+        return [...obj, ...list];
+      })
+    );
+  }
+
+  /**
+   * 根据ID获取网络货运人
+   * @returns
+   */
+  getNetworkTransporterById(id: string) {
+    return this.request(this.$api_get_network_freight_forwarder_one, { id });
+  }
+
+  // 根据FullKey获取系统子配置(树)
+  loadConfigByKey(configFullKey: string = '') {
+    return this.http.post(this.$api_getSysConfigTreeByParentFullKey, { configFullKey }).pipe(
+      map((m: any) => {
+        if (m.success === true) {
+          return (m.data as any[]) || [];
+        } else {
+          this.msgSrv.warning(m.msg);
+          return [];
+        }
+      })
+    );
+  }
+
+  /**
+   * 获取全部返佣配置
+   * @returns
+   */
+  getRebateConfig() {
+    const params = {};
+    return this.request(this.$api_get_rebate_config, params, 'POST').pipe(
+      map(res => {
+        if (res) {
+          return res.map((m: any) => {
+            return { label: m.configName, value: m.id };
+          });
+        } else {
+          return [];
+        }
+      })
+    );
+  }
+
+  /**
+   * 获取渠道销售管理集合
+   * @returns
+   */
+  getChannel(params = {}, containerAll = false) {
+    return this.request(this.$api_get_channel, params, 'POST').pipe(
+      map(res => {
+        if (res) {
+          const obj = [];
+          if (containerAll) {
+            obj.push({ label: '全部', value: '' });
+          }
+          return [...obj, ...res.map((m: any) => ({ label: `${m.employeeVO?.empName}/${m.employeeVO?.mobile}`, value: m.id }))];
+        } else {
+          return [];
+        }
+      })
+    );
+  }
+}
diff --git a/src/app/shared/services/business/user.service.ts b/src/app/shared/services/business/user.service.ts
index 49dff211..82f6a790 100644
--- a/src/app/shared/services/business/user.service.ts
+++ b/src/app/shared/services/business/user.service.ts
@@ -2,8 +2,8 @@
  * @Description:
  * @Author: wsm
  * @Date: 2021-06-22 10:25:33
- * @LastEditTime: 2021-06-23 20:25:05
- * @LastEditors: Do not edit
+ * @LastEditTime: 2022-01-10 17:47:07
+ * @LastEditors: Please set LastEditors
  * @Reference:
  */
 import { Inject, Injectable, Injector } from '@angular/core';
@@ -12,24 +12,24 @@ import { cacheConf } from '@conf/cache.conf';
 import { eventConf } from '@conf/event.conf';
 import { sysConf } from '@conf/sys.conf';
 import { DA_SERVICE_TOKEN, ITokenService } from '@delon/auth';
-import { SettingsService } from '@delon/theme';
+import { MenuService, SettingsService } from '@delon/theme';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators';
 import { BaseService } from '../core/base.service';
 import { EACacheService } from '../core/cache.service';
 import { EAEventService } from '../core/event.service';
 @Injectable({
-  providedIn: 'root',
+  providedIn: 'root'
 })
 export class EAUserService extends BaseService {
   /**
    * 账号密码登录
    */
-  $api_login_by_account = `/scce/cuc/cuc/user/login?_allow_anonymous=true`;
+  $api_login_by_account = `/api/mdc/cuc/user/login?_allow_anonymous=true`;
   /**
    * 手机号登录
    */
-  $api_login_by_mobile = `/scce/cuc/cuc/user/sms/login?_allow_anonymous=true`;
+  $api_login_by_mobile = `/api/mdc/cuc/user/sms/login?_allow_anonymous=true`;
   // 登录路径
   private $api_login = `/scce/cuc/cuc/user/login?_allow_anonymous=true`;
   private $api_captcha_login = `/scce/cuc/cuc/user/sms/login?_allow_anonymous=true`;
@@ -37,13 +37,16 @@ export class EAUserService extends BaseService {
   // 获取协议信息
   public $api_get_agreement_info = `/scce/pbc/pbc/agreementInfo/getAgreementInfoByType?_allow_anonymous=true`;
   // 未登录验证身份
-  public $forgetPasswordVerifyIdentity = `/scm/cuc/cuc/userBasicInfo/forgetPassword/verifyIdentity?_allow_anonymous=true`;
-  // 未登录账号发送验证码
-  public $getAccountSMVerificationCode = `/scm/cuc/cuc/userBasicInfo/forgetPassword/getAccountSMVerificationCode?_allow_anonymous=true`;
+  public $forgetPasswordVerifyIdentity = `/api/mdc/cuc/userBasicInfo/forgetPassword/verifyIdentity?_allow_anonymous=true`;
+  // 通过手机号发送短信验证码
+  public $api_send_sms_by_mobile = `/api/mdc/pbc/smsSend/getSMVerificationCode?_allow_anonymous=true&_allow_badcode=true`;
   // 未设置密码的用户设置用户密码
   public $api_set_password = `/scce/cuc/cuc/userBasicInfo/setPassword`;
   // 凭证修改密码
-  public $voucherUpdatePassword = `/scm/cuc/cuc/userBasicInfo/forgetPassword/voucherUpdatePassword?_allow_anonymous=true`;
+  // 未登录账号发送验证码
+  public $getAccountSMVerificationCode = `/api/mdc/cuc/userBasicInfo/forgetPassword/getAccountSMVerificationCode?_allow_anonymous=true`;
+  // 凭证修改密码
+  public $voucherUpdatePassword = `/api/mdc/cuc/userBasicInfo/forgetPassword/voucherUpdatePassword?_allow_anonymous=true`;
   // 检测用户名是否存在
   public $api_validate_username_exists = `/tms/cuc/cuc/userBasicInfo/checkUserName?_allow_badcode=true`;
   // 获取当前用户信息
@@ -57,11 +60,11 @@ export class EAUserService extends BaseService {
   /**
    * 根据Token获取用户详情
    */
-  $api_get_user_by_token = `/scce/cuc/cuc/user/getUserDetail`;
+  $api_get_user_by_token = `/api/mdc/cuc/user/getUserDetail`;
   /**
    * 获取用户菜单
    */
-  $api_get_user_menus = `/scce/cuc/cuc/functionInfo/queryUserHaveFunctionsList`;
+  $api_get_user_menus = `/api/mdc/cuc/functionInfo/getUserHaveFunctionsList`;
   /**
    * 获取用户角色
    */
@@ -72,10 +75,12 @@ export class EAUserService extends BaseService {
     public injector: Injector,
     public cacheSrv: EACacheService,
     public eventSrv: EAEventService,
+    public settings: SettingsService,
+    private menuService: MenuService,
     public router: Router,
     public ar: ActivatedRoute,
     @Inject(DA_SERVICE_TOKEN) public tokenSrv: ITokenService,
-    private settingSrv: SettingsService,
+    private settingSrv: SettingsService
   ) {
     super(injector);
   }
@@ -97,12 +102,12 @@ export class EAUserService extends BaseService {
    * @param captcha 验证码
    */
   loginByMobile(mobile: string, captcha: string, sc: string) {
-    this.asyncRequest(this.$api_login_by_mobile, { phone: mobile, smsCode: captcha, sc }, 'POST', true, 'FORM').then((res) => {
+    this.asyncRequest(this.$api_login_by_mobile, { phone: mobile, smsCode: captcha, sc }, 'POST', true, 'FORM').then(res => {
       if (res?.token) {
-        this.cacheSrv.set(cacheConf.token, res.token);
+        // this.cacheSrv.set(cacheConf.token, res.token);
+        this.tokenSrv.set({ token: res.token });
         this.doAfterLogin();
-        // this.eventSrv.event.emit(eventConf.reflesh_login_status);
-        this.router.navigate([this.ar.snapshot.queryParams.returnUrl || '/']);
+        this.router.navigate(['/']);
       }
     });
   }
@@ -112,12 +117,12 @@ export class EAUserService extends BaseService {
    * @param account 账号
    * @param password 密码
    */
-  loginByAccount(account: string, password: string, sc: string) {
+  loginByAccount(account: string, password: string, sc?: string) {
     this.request(this.$api_login_by_account, { username: account, password, sc }, 'POST', true, 'FORM').subscribe((res: any) => {
       if (res?.token) {
         this.tokenSrv.set({ token: res.token });
         this.doAfterLogin();
-        // this.eventSrv.event.emit(eventConf.reflesh_login_status, this.ar.snapshot.queryParams.returnUrl || '/');
+        this.router.navigate(['/']);
       }
     });
   }
@@ -125,15 +130,21 @@ export class EAUserService extends BaseService {
   async doAfterLogin() {
     await this.loadUserInfo();
     await this.loadUserMenus();
-    await this.loadUserRoles();
+    this.loadApp();
   }
 
   /**
    * 加载用户信息
    */
   async loadUserInfo() {
-    return this.asyncRequest(this.$api_get_user_by_token).then((res) => {
+    return this.asyncRequest(this.$api_get_user_by_token).then(res => {
+      this.cacheSrv.set(cacheConf.env, {
+        appId: sysConf.appId,
+        tenantId: res?.tenantId || sysConf.tenantId,
+        enterpriseId: res?.enterpriseId || sysConf.enterpriseId
+      });
       this.cacheSrv.set(cacheConf.user, res);
+      this.settings.setUser(res);
     });
   }
 
@@ -141,15 +152,28 @@ export class EAUserService extends BaseService {
    * 加载用户菜单
    */
   async loadUserMenus() {
-    return this.asyncRequest(this.$api_get_user_menus, { appId: sysConf.appId }).then((res) => {
+    return this.asyncRequest(this.$api_get_user_menus, {
+      appId: this.envSrv.getEnvironment().appId
+    }).then(res => {
       this.cacheSrv.set(cacheConf.menu, res);
+      this.menuService.add(res);
     });
+    // this.request('assets/mocks/menu-data.json', {}, 'GET').subscribe((res: any) => {
+    //   this.cacheSrv.set(cacheConf.menu, res.menu);
+    //   this.menuService.add(res.menu);
+    // });
   }
 
   /**
-   * 加载用户角色
+   * 加载系统信息
    */
-  loadUserRoles() {}
+  loadApp() {
+    this.http.get(`assets/mocks/app-data.json`).subscribe(res => {
+      if (res.app) {
+        this.settings.setApp(res.app);
+      }
+    });
+  }
 
   /**
    * 登出
@@ -182,7 +206,7 @@ export class EAUserService extends BaseService {
         if (res.success === true) {
           return true;
         }
-      }),
+      })
     );
   }
 
@@ -198,7 +222,7 @@ export class EAUserService extends BaseService {
         if (res.success === true) {
           return true;
         }
-      }),
+      })
     );
   }
 }
diff --git a/src/app/shared/services/core/base.service.ts b/src/app/shared/services/core/base.service.ts
index 6d636413..210b97ed 100644
--- a/src/app/shared/services/core/base.service.ts
+++ b/src/app/shared/services/core/base.service.ts
@@ -1,8 +1,8 @@
 /*
  * @Author: Maple
  * @Date: 2021-03-20 16:38:44
- * @LastEditors: Do not edit
- * @LastEditTime: 2021-06-17 15:06:37
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-15 09:41:48
  * @Description: 全局基础服务：
  * 所有实体类服务必须使用extends扩展此类
  * 几个特别的Get参数：
@@ -63,7 +63,8 @@ export class BaseService implements IBase {
   public $api_import_download_tpl!: string;
   // 获取字典选项
   public $api_get_dict!: string;
-
+  // 上传图片
+  public $api_upload_url = `/api/mdc/pbc/upload/multipartFile/file`;
   constructor(public injector: Injector) {}
 
   get http(): _HttpClient {
diff --git a/src/app/shared/services/index.ts b/src/app/shared/services/index.ts
index efce4581..292583f6 100644
--- a/src/app/shared/services/index.ts
+++ b/src/app/shared/services/index.ts
@@ -1,3 +1,11 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-07 16:27:52
+ * @LastEditTime: 2021-12-14 21:09:21
+ * @LastEditors: your name
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\shared\services\index.ts
+ */
 // Core
 export * from './core/base.service';
 export * from './core/cache.service';
@@ -10,3 +18,7 @@ export * from './business/enterprise.service';
 export * from './business/captcha.service';
 export * from './business/user.service';
 export * from './business/sl-platform.service';
+export * from './business/user.service';
+export * from './business/environment.service';
+export * from './business/shipper-base.service';
+
diff --git a/src/app/shared/shared-delon.module.ts b/src/app/shared/shared-delon.module.ts
index 6b3c0e99..f9ef368b 100644
--- a/src/app/shared/shared-delon.module.ts
+++ b/src/app/shared/shared-delon.module.ts
@@ -2,5 +2,7 @@ import { PageHeaderModule } from '@delon/abc/page-header';
 import { SEModule } from '@delon/abc/se';
 import { STModule } from '@delon/abc/st';
 import { SVModule } from '@delon/abc/sv';
+import { DelonFormModule } from '@delon/form';
+import { QRModule } from '@delon/abc/qr';
 
-export const SHARED_DELON_MODULES = [PageHeaderModule, STModule, SVModule, SEModule];
+export const SHARED_DELON_MODULES = [PageHeaderModule, STModule, SVModule, SEModule, DelonFormModule, QRModule];
diff --git a/src/app/shared/shared-g2.module.ts b/src/app/shared/shared-g2.module.ts
new file mode 100644
index 00000000..10ea8fcc
--- /dev/null
+++ b/src/app/shared/shared-g2.module.ts
@@ -0,0 +1,9 @@
+import { G2BarModule } from '@delon/chart/bar';
+import { G2MiniAreaModule } from '@delon/chart/mini-area';
+import { G2PieModule } from '@delon/chart/pie';
+import { G2TimelineModule } from '@delon/chart/timeline';
+import { G2CardModule } from '@delon/chart/card';
+import { G2CustomModule } from '@delon/chart/custom';
+
+
+export const SHARED_G2_MODULES = [G2BarModule, G2PieModule, G2TimelineModule, G2MiniAreaModule, G2CardModule, G2CustomModule];
diff --git a/src/app/shared/shared-third.module.ts b/src/app/shared/shared-third.module.ts
new file mode 100644
index 00000000..e8a2dec2
--- /dev/null
+++ b/src/app/shared/shared-third.module.ts
@@ -0,0 +1,61 @@
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+import { NgModule } from '@angular/core';
+import { apiConf } from '@conf/api.conf';
+import { NgxTinymceModule } from 'ngx-tinymce';
+import { environment } from '@env/environment';
+
+const TinyMce = NgxTinymceModule.forRoot({
+  baseURL: 'assets/tinymce/',
+  config: {
+    language_url: 'assets/tinymce/langs/zh_CN.js',
+    language: 'zh_CN',
+    placeholder: '请输入内容',
+    plugins: [
+      'advlist autolink link image lists charmap print preview hr anchor pagebreak',
+      'searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking',
+      'table emoticons template paste help'
+    ],
+    toolbar:
+      'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | ' +
+      'bullist numlist outdent indent | link image | print preview media fullscreen | ' +
+      'forecolor backcolor emoticons | help',
+    menu: {
+      favs: { title: '常用', items: 'code visualaid | searchreplace | emoticons' }
+    },
+    menubar: 'favs file edit view insert format tools table help',
+    content_css: 'css/content.css',
+    content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }',
+    automatic_uploads: false,
+    images_upload_url: apiConf.fileUpload,
+    paste_block_drop: false,
+    paste_data_images: true,
+    image_advtab: true,
+    color_cols: 4,
+    font_formats:
+      '宋体=simsun,serif;' +
+      '仿宋=FangSong,serif;' +
+      '新宋体=NSimSun,serif;' +
+      '黑体=SimHei,serif;' +
+      '楷体=KaiTi,serif;' +
+      '微软雅黑=Microsoft YaHei,Helvetica Neue,PingFang SC,sans-serif;' +
+      '隶书=LiSu,serif;' +
+      '幼圆=YouYuan,serif;' +
+      '华文细黑=STXihei,serif;' +
+      '华文楷体=STKaiti,serif;' +
+      '华文宋体=STSong,serif;' +
+      // 默认字体
+      'Andale Mono=andale mono,times; Arial=arial,helvetica,sans-serif; Arial Black=arial black,avant garde; Book Antiqua=book antiqua,palatino; Comic Sans MS=comic sans ms,sans-serif; Courier New=courier new,courier; Georgia=georgia,palatino; Helvetica=helvetica; Impact=impact,chicago; Symbol=symbol; Tahoma=tahoma,arial,helvetica,sans-serif; Terminal=terminal,monaco; Times New Roman=times new roman,times; Trebuchet MS=trebuchet ms,geneva; Verdana=verdana,geneva; Webdings=webdings; Wingdings=wingdings,zapf dingbats',
+    fontsize_formats: '8pt 10pt 12pt 14pt 18pt 24pt 36pt'
+  }
+});
+
+const SHARED_THIRD_MODULES = [DragDropModule, ScrollingModule];
+
+@NgModule({
+  declarations: [],
+  entryComponents: [],
+  imports: [...SHARED_THIRD_MODULES, TinyMce],
+  exports: [...SHARED_THIRD_MODULES, NgxTinymceModule]
+})
+export class SharedThirdModule {}
diff --git a/src/app/shared/shared-zorro.module.ts b/src/app/shared/shared-zorro.module.ts
index 794dc59c..421ebe51 100644
--- a/src/app/shared/shared-zorro.module.ts
+++ b/src/app/shared/shared-zorro.module.ts
@@ -1,3 +1,18 @@
+/*
+ * @Author: your name
+ * @Date: 2021-11-29 10:20:33
+ * @LastEditTime: 2022-01-12 13:38:38
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\shared\shared-zorro.module.ts
+ */
+import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
+import { NzTreeModule } from 'ng-zorro-antd/tree';
+import { NzProgressModule } from 'ng-zorro-antd/progress';
+import { NzPopoverModule } from 'ng-zorro-antd/popover';
+import { NzModalModule } from 'ng-zorro-antd/modal';
+import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
+import { NzStepsModule } from 'ng-zorro-antd/steps';
 import { NzAlertModule } from 'ng-zorro-antd/alert';
 import { NzBadgeModule } from 'ng-zorro-antd/badge';
 import { NzButtonModule } from 'ng-zorro-antd/button';
@@ -12,6 +27,28 @@ import { NzInputModule } from 'ng-zorro-antd/input';
 import { NzSelectModule } from 'ng-zorro-antd/select';
 import { NzSpinModule } from 'ng-zorro-antd/spin';
 import { NzTableModule } from 'ng-zorro-antd/table';
+import { NzListModule } from 'ng-zorro-antd/list';
+import { NzTagModule } from 'ng-zorro-antd/tag';
+import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm';
+import { NzRateModule } from 'ng-zorro-antd/rate';
+import { NzResultModule } from 'ng-zorro-antd/result';
+import { NzTabsModule } from 'ng-zorro-antd/tabs';
+import { NzRadioModule } from 'ng-zorro-antd/radio';
+import { NzTimePickerModule } from 'ng-zorro-antd/time-picker';
+import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
+import { NzEmptyModule } from 'ng-zorro-antd/empty';
+import { NzStatisticModule } from 'ng-zorro-antd/statistic';
+import { NzTimelineModule } from 'ng-zorro-antd/timeline';
+import { NzSkeletonModule } from 'ng-zorro-antd/skeleton';
+import { NzUploadModule } from 'ng-zorro-antd/upload';
+import { NzCascaderModule } from 'ng-zorro-antd/cascader';
+import { NzAnchorModule } from 'ng-zorro-antd/anchor';
+import { NzAffixModule } from 'ng-zorro-antd/affix';
+import { NzTypographyModule } from 'ng-zorro-antd/typography';
+import { NzSwitchModule } from 'ng-zorro-antd/switch';
+import { NzImageModule } from 'ng-zorro-antd/image';
+import { NzDrawerModule } from 'ng-zorro-antd/drawer';
+import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select';
 
 export const SHARED_ZORRO_MODULES = [
   NzButtonModule,
@@ -28,4 +65,32 @@ export const SHARED_ZORRO_MODULES = [
   NzIconModule,
   NzSpinModule,
   NzDividerModule,
+  NzStepsModule,
+  NzListModule,
+  NzTagModule,
+  NzToolTipModule,
+  NzModalModule,
+  NzPopconfirmModule,
+  NzRateModule,
+  NzResultModule,
+  NzTreeModule,
+  NzTabsModule,
+  NzRadioModule,
+  NzTimePickerModule,
+  NzCheckboxModule,
+  NzInputNumberModule,
+  NzPopoverModule,
+  NzEmptyModule,
+  NzStatisticModule,
+  NzTimelineModule,
+  NzSkeletonModule,
+  NzUploadModule,
+  NzCascaderModule,
+  NzAnchorModule,
+  NzAffixModule,
+  NzTypographyModule,
+  NzSwitchModule,
+  NzImageModule,
+  NzDrawerModule,
+  NzTreeSelectModule 
 ];
diff --git a/src/app/shared/shared.module.ts b/src/app/shared/shared.module.ts
index 413d5ad0..51dd9bca 100644
--- a/src/app/shared/shared.module.ts
+++ b/src/app/shared/shared.module.ts
@@ -1,3 +1,13 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2022-01-13 15:10:17
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-26 11:07:31
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\shared.module.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
 /* eslint-disable import/order */
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
@@ -10,11 +20,6 @@ import { AlainThemeModule } from '@delon/theme';
 import { SHARED_DELON_MODULES } from './shared-delon.module';
 import { SHARED_ZORRO_MODULES } from './shared-zorro.module';
 
-// #region third libs
-import { DragDropModule } from '@angular/cdk/drag-drop';
-const THIRDMODULES = [DragDropModule];
-// #endregion
-
 // #region your componets & directives
 import { PRO_SHARED_MODULES } from '../layout/pro';
 import { AddressModule } from './components/address';
@@ -25,6 +30,14 @@ import { MasonryModule } from './components/masonry';
 import { MouseFocusModule } from './components/mouse-focus';
 import { ScrollbarModule } from './components/scrollbar';
 import { StatusLabelModule } from './components/status-label';
+import { SharedThirdModule } from './shared-third.module';
+import { LogisticsTimeLineComponent } from './components/logistics-time-line/logistics-time-line.component';
+import { AmapModule } from './components/amap/amap.module';
+import { ImageListModule } from './components/imagelist';
+import { DictSelectComponent } from './components/dict-select';
+import { PipeModule } from './pipes';
+import { AccountDetailComponent } from './components/account-detail/account-detail.component';
+import { rebateTableModule } from './components/rebate-table';
 
 const MODULES = [
   AddressModule,
@@ -35,10 +48,17 @@ const MODULES = [
   MouseFocusModule,
   ScrollbarModule,
   StatusLabelModule,
+  SharedThirdModule,
+  AmapModule,
+  ImageListModule,
+  PipeModule,
+  rebateTableModule,
   ...PRO_SHARED_MODULES
 ];
 // #endregion
 
+const SHAREDCOMPONENTS = [LogisticsTimeLineComponent, DictSelectComponent, AccountDetailComponent];
+
 @NgModule({
   imports: [
     CommonModule,
@@ -50,9 +70,8 @@ const MODULES = [
     DelonFormModule,
     ...SHARED_DELON_MODULES,
     ...SHARED_ZORRO_MODULES,
-    ...MODULES,
+    ...MODULES
     // third libs
-    ...THIRDMODULES
   ],
   exports: [
     CommonModule,
@@ -67,7 +86,8 @@ const MODULES = [
     ...SHARED_ZORRO_MODULES,
     ...MODULES,
     // third libs
-    ...THIRDMODULES
-  ]
+    ...SHAREDCOMPONENTS
+  ],
+  declarations: SHAREDCOMPONENTS
 })
-export class SharedModule {}
+export class SharedModule { }
diff --git a/src/app/shared/utils/date.util.ts b/src/app/shared/utils/date.util.ts
index a8f3a989..f5a7ab35 100644
--- a/src/app/shared/utils/date.util.ts
+++ b/src/app/shared/utils/date.util.ts
@@ -1,3 +1,11 @@
+/*
+ * @Author: your name
+ * @Date: 2021-11-29 10:04:12
+ * @LastEditTime: 2021-12-20 16:55:59
+ * @LastEditors: Please set LastEditors
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\shared\utils\date.util.ts
+ */
 export class EADateUtil {
   /**
    * @description 时间戳转换日期
@@ -53,4 +61,43 @@ export class EADateUtil {
   static dateDiff(start: Date, end: Date): number {
     return start.getTime() - end.getTime();
   }
+  /**
+   * @description 国际时间转换成YYYY-MM-DD 00:00:00
+   * @param start 开始日期
+   * @returns YYYY-MM-DD 00:00:00
+   */
+  static yearToDateTime(start: Date): number {
+    console.log('222')
+    console.log(start)
+    let Dates : any='';
+    if(typeof(start) !== 'string') {
+        var c = new Date(start);  
+        Dates = c.getFullYear() + '-' + this.addPreZero(c.getMonth() + 1) + '-' + this.addPreZero(c.getDate()) + ' ' + this.addPreZero(c.getHours()) + ':' + this.addPreZero(c.getMinutes()) + ':' + this.addPreZero(c.getSeconds())
+      } else {
+       return start;
+      }
+    return Dates;
+  }
+   /**
+   * @description 国际时间转换YYYY-MM-DD
+   * @param start 开始日期
+   * @returns YYYY-MM-DD
+   */
+  static yearToDate(start: Date): number {
+    let Dates : any='';
+    if(typeof(start) !== 'string' ) {
+        var c = new Date(start);  
+        Dates = c.getFullYear() + '-' + this.addPreZero(c.getMonth() + 1) + '-' + this.addPreZero(c.getDate());
+      } else {
+        return start;
+      }
+    return Dates;
+  }
+  static addPreZero(num: any) {
+    if(num<10){
+      return '0'+num;
+     } else {
+      return num;
+     }
+  }
 }
diff --git a/src/app/shared/utils/deal-precision.ts b/src/app/shared/utils/deal-precision.ts
new file mode 100644
index 00000000..52a47ad4
--- /dev/null
+++ b/src/app/shared/utils/deal-precision.ts
@@ -0,0 +1,236 @@
+/**
+ * 操作符类型运算符
+ * +：加法运算
+ * -：减法运算
+ * *：乘法运算
+ * /：除法运算
+ */
+type OperationType = '+' | '-' | '*' | '/';
+
+class Big {
+  /**
+   * Big值
+   */
+  private v: number;
+  /**
+   * 构造函数
+   * @param v 初始值
+   */
+  constructor(v: number) {
+    this.v = v;
+  }
+  /**
+   * 转换整数，返回倍数及整数值，比如
+   * 100  >>> { times: 1, num: 100 }   ===> 100
+   * 3.14 >>> { times: 100, num: 3.14} ===> 314
+   * @param n number
+   */
+  private toInteger(n: number) {
+    const ret = { times: 1, num: 0 };
+    if (Number.isInteger(n)) {
+      ret.num = n;
+      return ret;
+    }
+    ret.times = Math.pow(10, n.toString().split('.')[1].length);
+    ret.num = parseInt((n * ret.times + 0.5).toString(), 10);
+    return ret;
+  }
+  /**
+   * 执行运算
+   * @param m 数值m
+   * @param n 数值n
+   * @param key 运算符
+   */
+  private operation(m: number = 0, n: number = 0, key: OperationType) {
+    const o1 = this.toInteger(m);
+    const o2 = this.toInteger(n);
+
+    const n1 = o1.num;
+    const n2 = o2.num;
+
+    const t1 = o1.times;
+    const t2 = o2.times;
+
+    const max = Math.max(t1, t2);
+    let result = 0;
+    switch (key) {
+      case '+':
+        if (t1 === t2) {
+          // 两个小数位数相同
+          result = n1 + n2;
+        } else if (t1 > t2) {
+          // o1 小数位 大于 o2
+          result = n1 + n2 * (t1 / t2);
+        } else {
+          // o1 小数位 小于 o2
+          result = n1 * (t2 / t1) + n2;
+        }
+        result /= max;
+        break;
+      case '-':
+        if (t1 === t2) {
+          result = n1 - n2;
+        } else if (t1 > t2) {
+          result = n1 - n2 * (t1 / t2);
+        } else {
+          result = n1 * (t2 / t1) - n2;
+        }
+        result /= max;
+        break;
+      case '*':
+        result = (n1 * n2) / (t1 * t2);
+        break;
+      case '/':
+        result = (n1 * t2) / (t1 * n2);
+        break;
+      default:
+        result = 0;
+    }
+    return new Big(result);
+  }
+  /**
+   * 数值化
+   * @param n
+   */
+  private numeric(n: number | Big) {
+    return n instanceof Big ? n.v : n;
+  }
+
+  /**
+   * 加法运算
+   * @param n
+   */
+  public plus(n: number | Big) {
+    return this.operation(this.v, this.numeric(n), '+');
+  }
+  /**
+   * 减法运算
+   * @param n
+   */
+  public minus(n: number | Big) {
+    return this.operation(this.v, this.numeric(n), '-');
+  }
+  /**
+   * 乘法运算
+   * @param n
+   */
+  public multipliedBy(n: number | Big) {
+    return this.operation(this.v, this.numeric(n), '*');
+  }
+  /**
+   * 除法运算
+   * @param n
+   */
+  public dividedBy(n: number | Big) {
+    return this.operation(this.v, this.numeric(n), '/');
+  }
+  /**
+   * 解析结果
+   */
+  public parse() {
+    return this.v;
+  }
+
+  /**
+   * 小数点后固定指定位数，比如固定小数点后5位数字，则有
+   * 30 ==> 30.00000
+   * 3.14 ===> 3.14000
+   * @param n
+   */
+  public static digits(v: number | Big, len: number = 2) {
+    if (Number.isInteger(v)) {
+      return `${v}.${Array(len).fill(0).join('')}`;
+    } else {
+      const [prefix, suffix] = v.toString().split('.');
+      const sLen = suffix.length;
+      if (sLen > len) {
+        return `${prefix}.${suffix.slice(0, len)}`;
+      } else if (sLen < len) {
+        return `${prefix}.${suffix}${Array(len - sLen)
+          .fill(0)
+          .join('')}`;
+      } else {
+        return `${prefix}.${suffix}`;
+      }
+    }
+  }
+  public digits(len: number) {
+    return Big.digits(this.v, len);
+  }
+
+  /**
+   * 人民币格式处理
+   * - 非数字：返回0
+   * - 整数：直接返回
+   * - 小数：保留小数点后两位，超出两位则截取
+   * @param v
+   */
+  public static rmb(v: string | number) {
+    if (isNaN(Number(v))) {
+      return '0';
+    } else {
+      const foo = v.toString();
+      if (/^[0-9]+$/.test(foo)) {
+        return foo;
+      } else {
+        const [prefix, suffix] = foo.split('.');
+        const sLen = suffix.length;
+        if (sLen > 2) {
+          return `${prefix}.${suffix.slice(0, 2)}`;
+        } else if (sLen < 2) {
+          return `${foo}0`;
+        } else {
+          return foo;
+        }
+      }
+    }
+  }
+  public rmb() {
+    return Big.rmb(this.v);
+  }
+  /**
+   * 切割数字
+   * @param v
+   */
+  public static split(v: string | number) {
+    if (isNaN(Number(v))) {
+      return [];
+    } else {
+      return v
+        .toString()
+        .split('.')
+        .map((item, i) => {
+          if (i === 1) {
+            return item && item.length < 2 ? `${item}0` : item;
+          }
+          return item;
+        });
+    }
+  }
+  public split() {
+    return Big.split(this.v);
+  }
+
+  /**
+   * 省略 --> 如果超过1万，则返回万制，转换后小数点后保留两位
+   * 比如：12345 返回 1.23万
+   * @param v
+   */
+  public static ellipsis(v: string | number) {
+    // 如果不是数值类型并且转换之后不为数字，则直接返回传入值
+    if (isNaN(Number(v))) {
+      return v.toString();
+    }
+    // 如果传入数值小于1万则没必要转换，直接返回
+    if (+v < 10000) {
+      return v.toString();
+    }
+    // 超过1万，处理之后再返回
+    return Big.rmb(+v / 10000) + '万';
+  }
+  public ellipsis(v: string | number) {
+    return Big.ellipsis(this.v);
+  }
+}
+
+export default Big;
diff --git a/src/app/shared/widget/currency-cny/curreny-cny.widget.ts b/src/app/shared/widget/currency-cny/curreny-cny.widget.ts
new file mode 100644
index 00000000..8ca9c897
--- /dev/null
+++ b/src/app/shared/widget/currency-cny/curreny-cny.widget.ts
@@ -0,0 +1,16 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+
+import { NzMessageService } from 'ng-zorro-antd/message';
+
+@Component({
+  selector: 'st-widget-currency-chy',
+  template: ` {{ value | currency }} `,
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class STCurrencyCHYWidget {
+  static readonly KEY = 'currency-chy';
+
+  value!: number;
+
+  constructor() {}
+}
diff --git a/src/app/shared/widget/dict-select/dict-select.widget.html b/src/app/shared/widget/dict-select/dict-select.widget.html
new file mode 100644
index 00000000..c014b4fc
--- /dev/null
+++ b/src/app/shared/widget/dict-select/dict-select.widget.html
@@ -0,0 +1,18 @@
+<!--
+ * @Author: your name
+ * @Date: 2021-12-13 10:36:49
+ * @LastEditTime: 2021-12-16 20:39:59
+ * @LastEditors: your name
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\shared\widget\dict-select\dict-select.widget.html
+-->
+<sf-item-wrap [id]="id" [schema]="schema" [ui]="ui" [showError]="showError" [error]="error" [showTitle]="schema.title">
+  <app-dict-select [url]="ui?.url" [ngModel]="value" [params]="ui?.params" (ngModelChange)="change($event)"
+    [containsAllLabel]="ui?.containsAllLabel" [mode]="ui?.mode" name="sf.dict.select">
+  </app-dict-select>
+</sf-item-wrap>
+<!-- <sf-item-wrap [id]="id" [schema]="schema" [ui]="ui" [showError]="showError" [error]="error" [showTitle]="schema.title">
+  <nz-select [(ngModel)]="schema.default">
+    <nz-option [nzValue]="item.value" [nzLabel]="item.label" *ngFor="let item of dictList"></nz-option>
+  </nz-select>
+</sf-item-wrap> -->
diff --git a/src/app/shared/widget/dict-select/dict-select.widget.ts b/src/app/shared/widget/dict-select/dict-select.widget.ts
new file mode 100644
index 00000000..d8906295
--- /dev/null
+++ b/src/app/shared/widget/dict-select/dict-select.widget.ts
@@ -0,0 +1,44 @@
+/*
+ * @Description  :
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-13 10:36:49
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:13:29
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\widget\\dict-select\\dict-select.widget.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
+import { Component, OnInit } from "@angular/core";
+import { ControlWidget } from "@delon/form";
+
+@Component({
+  selector: 'sf-dict-select',
+  templateUrl: './dict-select.widget.html',
+  preserveWhitespaces: false,
+})
+
+export class DictSelectWidget extends ControlWidget implements OnInit {
+
+
+  static readonly KEY = 'dict-select';
+  /**
+   * 字典数据数组
+   */
+
+
+  dictList: any[] = [];
+
+
+  ngOnInit(): void {
+
+  }
+
+  change(value: string) {
+    if (this.ui.change) this.ui.change(value);
+    this.setValue(value);
+  }
+
+  reset(value: any) {
+    this.setValue(value);
+  }
+}
diff --git a/src/app/shared/widget/from-to-search/from-to-search.widget.html b/src/app/shared/widget/from-to-search/from-to-search.widget.html
index 09bb8e2a..a93299cd 100644
--- a/src/app/shared/widget/from-to-search/from-to-search.widget.html
+++ b/src/app/shared/widget/from-to-search/from-to-search.widget.html
@@ -1,21 +1,11 @@
 <sf-item-wrap [id]="id" [schema]="schema" [ui]="ui" [showError]="showError" [error]="error" [showTitle]="schema.title">
   <ng-container *ngIf="type === 'date'">
-    <div style="display: flex">
-      <nz-date-picker
-        [nzMode]="mode"
-        [nzFormat]="displayFormat"
-        [(ngModel)]="startDate"
-        (ngModelChange)="onChange($event)"
-        nzPlaceHolder="开始时间"
-      ></nz-date-picker>
+    <div style="justify-content: space-between;display: flex;align-items: center;">
+      <nz-date-picker [nzMode]="mode" [nzFormat]="displayFormat" [(ngModel)]="startDate"
+        (ngModelChange)="onChange($event)" nzPlaceHolder="开始时间" style="min-width: 45%;"></nz-date-picker>
       <span style="padding: 4px">-</span>
-      <nz-date-picker
-        [nzMode]="mode"
-        [nzFormat]="displayFormat"
-        [(ngModel)]="endDate"
-        (ngModelChange)="onChange($event)"
-        nzPlaceHolder="结束时间"
-      ></nz-date-picker>
+      <nz-date-picker [nzMode]="mode" [nzFormat]="displayFormat" [(ngModel)]="endDate"
+        (ngModelChange)="onChange($event)" nzPlaceHolder="结束时间" style="min-width: 45%;"></nz-date-picker>
     </div>
   </ng-container>
-</sf-item-wrap>
+</sf-item-wrap>
\ No newline at end of file
diff --git a/src/app/shared/widget/from-to-search/from-to-search.widget.spec.ts b/src/app/shared/widget/from-to-search/from-to-search.widget.spec.ts
deleted file mode 100644
index b6c2ac84..00000000
--- a/src/app/shared/widget/from-to-search/from-to-search.widget.spec.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SLFromToSearchWidget } from './from-to-search.widget';
-
-describe('SLFromToSearchWidget', () => {
-  let component: SLFromToSearchWidget;
-  let fixture: ComponentFixture<SLFromToSearchWidget>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [SLFromToSearchWidget],
-    }).compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(SLFromToSearchWidget);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
diff --git a/src/app/shared/widget/from-to/from-to.widget.ts b/src/app/shared/widget/from-to/from-to.widget.ts
index e388f426..2724593d 100644
--- a/src/app/shared/widget/from-to/from-to.widget.ts
+++ b/src/app/shared/widget/from-to/from-to.widget.ts
@@ -61,13 +61,12 @@ export class EAFromToWidget extends ControlWidget implements OnInit {
   }
 
   onChange(result: Array<any>): void {
-    console.log('onChange: ', result);
-
+    // console.log('onChange: ', result);
     if (this.type === 'date') {
       if (JSON.stringify(result) !== '[]') {
         this.setValue({ start: format(result[0], this.format), end: format(result[1], this.format) });
       } else {
-        this.setValue(null);
+        this.setValue({ start: '', end: '' });
       }
     } else if (this.type === 'number') {
     } else {
@@ -82,4 +81,8 @@ export class EAFromToWidget extends ControlWidget implements OnInit {
   _change(value: string): void {
     this.setValue(value);
   }
+
+  reset(value: string) {
+    this.date = [];
+  }
 }
diff --git a/src/app/shared/widget/st-widget.module.ts b/src/app/shared/widget/st-widget.module.ts
index 827fd14f..9ffee436 100644
--- a/src/app/shared/widget/st-widget.module.ts
+++ b/src/app/shared/widget/st-widget.module.ts
@@ -1,8 +1,16 @@
+/*
+ * @Author: your name
+ * @Date: 2021-12-01 15:07:23
+ * @LastEditTime: 2021-12-13 10:37:39
+ * @LastEditors: your name
+ * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ * @FilePath: \tms-obc-web\src\app\shared\widget\st-widget.module.ts
+ */
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { STWidgetRegistry } from '@delon/abc/st';
-import { DelonFormModule } from '@delon/form';
+import { DelonFormModule, WidgetRegistry } from '@delon/form';
 import { AddressModule, EditorModule, FileManagerModule } from '@shared';
 import { NzButtonModule } from 'ng-zorro-antd/button';
 import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
@@ -15,6 +23,8 @@ import { NgxTinymceModule } from 'ngx-tinymce';
 // import { STWidgetRegistry } from '@delon/abc/st';
 import { SharedModule } from '../shared.module';
 import { AddressWidget } from './address/address.widget';
+import { STCurrencyCHYWidget } from './currency-cny/curreny-cny.widget';
+import { DictSelectWidget } from './dict-select/dict-select.widget';
 import { EditorWidget } from './editor/editor.widget';
 import { SLFromToSearchWidget } from './from-to-search/from-to-search.widget';
 import { EAFromToWidget } from './from-to/from-to.widget';
@@ -33,7 +43,9 @@ export const STWIDGET_COMPONENTS = [
   EAFromToWidget,
   SpecValuesWidget,
   PropertyValuesWidget,
-  SLFromToSearchWidget
+  SLFromToSearchWidget,
+  DictSelectWidget,
+  STCurrencyCHYWidget
 ];
 
 @NgModule({
@@ -58,7 +70,7 @@ export const STWIDGET_COMPONENTS = [
   entryComponents: STWIDGET_COMPONENTS
 })
 export class STWidgetModule {
-  constructor(widgetRegistry: STWidgetRegistry) {
+  constructor(widgetRegistry: WidgetRegistry, sTWidgetRegistry: STWidgetRegistry) {
     widgetRegistry.register(EditorWidget.KEY, EditorWidget);
     widgetRegistry.register(ImgWidget.KEY, ImgWidget);
     widgetRegistry.register(AddressWidget.KEY, AddressWidget);
@@ -68,5 +80,9 @@ export class STWidgetModule {
     widgetRegistry.register(SpecValuesWidget.KEY, SpecValuesWidget);
     widgetRegistry.register(PropertyValuesWidget.KEY, PropertyValuesWidget);
     widgetRegistry.register(SLFromToSearchWidget.KEY, SLFromToSearchWidget);
+    widgetRegistry.register(DictSelectWidget.KEY, DictSelectWidget);
+
+
+    sTWidgetRegistry.register(STCurrencyCHYWidget.KEY, STCurrencyCHYWidget);
   }
 }
diff --git a/src/app/shared/widget/tinymce/tinymce.widget.ts b/src/app/shared/widget/tinymce/tinymce.widget.ts
index 958643a8..3657a550 100644
--- a/src/app/shared/widget/tinymce/tinymce.widget.ts
+++ b/src/app/shared/widget/tinymce/tinymce.widget.ts
@@ -1,3 +1,13 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-11-29 10:04:12
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-03-24 18:18:00
+ * @FilePath     : \\tms-obc-web\\src\\app\\shared\\widget\\tinymce\\tinymce.widget.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
 import { Component, OnInit } from '@angular/core';
 import { ControlWidget } from '@delon/form';
 
diff --git a/src/app/theme.service.ts b/src/app/theme.service.ts
new file mode 100644
index 00000000..fd40476a
--- /dev/null
+++ b/src/app/theme.service.ts
@@ -0,0 +1,73 @@
+import { Injectable } from '@angular/core';
+
+enum ThemeType {
+  compact = 'compact',
+  default = 'default',
+}
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ThemeService {
+  currentTheme = ThemeType.default;
+
+  constructor() {}
+
+  private reverseTheme(theme: string): ThemeType {
+    return theme === ThemeType.compact ? ThemeType.default : ThemeType.compact;
+  }
+
+  private removeUnusedTheme(theme: ThemeType): void {
+    document.documentElement.classList.remove(theme);
+    const removedThemeStyle = document.getElementById(theme);
+    if (removedThemeStyle) {
+      document.head.removeChild(removedThemeStyle);
+    }
+  }
+
+  private loadCss(href: string, id: string): Promise<Event> {
+    return new Promise((resolve, reject) => {
+      const style01 = document.createElement('link');
+      style01.rel = 'stylesheet';
+      style01.href = 'compact.css';
+      style01.onload = resolve;
+      style01.onerror = reject;
+      document.body.after(style01);
+      
+      const style = document.createElement('link');
+      style.rel = 'stylesheet';
+      style.href = href;
+      style.onload = resolve;
+      style.onerror = reject;
+      document.body.after(style);
+
+      
+    });
+    
+  }
+
+  public loadTheme(firstLoad = true): Promise<Event> {
+    //const theme = this.currentTheme;
+    const theme = 'assets/style.compact';
+    if (firstLoad) {
+      document.documentElement.classList.add(theme);
+    }
+    return new Promise<Event>((resolve, reject) => {
+      this.loadCss(`${theme}.css`, theme).then(
+        (e) => {
+          if (!firstLoad) {
+            document.documentElement.classList.add(theme);
+          }
+          this.removeUnusedTheme(this.reverseTheme(theme));
+          resolve(e);
+        },
+        (e) => reject(e)
+      );
+    });
+  }
+
+  public toggleTheme(): Promise<Event> {
+    this.currentTheme = this.reverseTheme(this.currentTheme);
+    return this.loadTheme(false);
+  }
+}
diff --git a/src/assets/images/company.png b/src/assets/images/company.png
new file mode 100644
index 00000000..2dd5da03
Binary files /dev/null and b/src/assets/images/company.png differ
diff --git a/src/assets/images/drivercard.png b/src/assets/images/drivercard.png
new file mode 100644
index 00000000..c87c0dfc
Binary files /dev/null and b/src/assets/images/drivercard.png differ
diff --git a/src/assets/images/driverfront.png b/src/assets/images/driverfront.png
new file mode 100644
index 00000000..96d378d6
Binary files /dev/null and b/src/assets/images/driverfront.png differ
diff --git a/src/assets/images/jopcard.png b/src/assets/images/jopcard.png
new file mode 100644
index 00000000..3b88e129
Binary files /dev/null and b/src/assets/images/jopcard.png differ
diff --git a/src/assets/images/oclock.svg b/src/assets/images/oclock.svg
new file mode 100644
index 00000000..596ea29d
--- /dev/null
+++ b/src/assets/images/oclock.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="38px" height="38px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1218 -13 )">
+    <path d="M 21.944010416666668 9.72265625  C 22.092447916666668 9.87109375  22.166666666666668 10.060763888888884  22 10.291666666666668  L 22 21.375  C 22.166666666666668 21.605902777777775  22.092447916666668 21.795572916666664  21.944010416666668 21.944010416666664  C 21.795572916666668 22.092447916666664  21.60590277777778 22.166666666666664  21.375 22.166666666666664  L 13.458333333333334 22.166666666666664  C 13.227430555555559 22.166666666666664  13.037760416666666 22.092447916666664  12.889322916666666 21.944010416666664  C 12.740885416666666 21.795572916666664  12.666666666666666 21.605902777777775  12.666666666666666 21.375  L 12.666666666666666 19.791666666666664  C 12.666666666666666 19.56076388888889  12.740885416666666 19.37109375  12.889322916666666 19.22265625  C 13.037760416666666 19.07421875  13.227430555555559 19  13.458333333333334 19  L 19 19  L 19 10.291666666666668  C 19 10.060763888888884  19.07421875 9.87109375  19.22265625 9.72265625  C 19.371093750000004 9.57421875  19.560763888888893 9.5  19.791666666666668 9.5  L 21.375 9.5  C 21.60590277777778 9.5  21.795572916666668 9.57421875  21.944010416666668 9.72265625  Z M 30.65234375 25.75390625  C 31.856336805555557 23.69227430555555  32.45833333333333 21.440972222222225  32.45833333333333 19  C 32.45833333333333 16.559027777777775  31.856336805555557 14.307725694444445  30.65234375 12.24609375  C 29.44835069444445 10.184461805555552  27.81553819444445 8.551649305555552  25.75390625 7.34765625  C 23.692274305555557 6.143663194444444  21.440972222222225 5.541666666666668  19 5.541666666666668  C 16.55902777777778 5.541666666666668  14.307725694444446 6.143663194444444  12.24609375 7.34765625  C 10.184461805555555 8.551649305555552  8.551649305555555 10.184461805555552  7.34765625 12.24609375  C 6.143663194444445 14.307725694444445  5.541666666666667 16.559027777777775  5.541666666666667 19  C 5.541666666666667 21.440972222222225  6.143663194444445 23.69227430555555  7.34765625 25.75390625  C 8.551649305555555 27.81553819444444  10.184461805555555 29.448350694444443  12.24609375 30.65234375  C 14.307725694444446 31.856336805555557  16.55902777777778 32.45833333333333  19 32.45833333333333  C 21.440972222222225 32.45833333333333  23.692274305555557 31.856336805555557  25.75390625 30.65234375  C 27.81553819444445 29.448350694444443  29.44835069444445 27.81553819444444  30.65234375 25.75390625  Z M 35.45182291666667 9.462890625  C 37.150607638888886 12.373914930555552  38 15.552951388888884  38 19  C 38 22.44704861111111  37.150607638888886 25.62608506944444  35.45182291666667 28.537109375  C 33.75303819444445 31.448133680555557  31.448133680555557 33.75303819444444  28.537109375 35.45182291666667  C 25.62608506944445 37.15060763888889  22.44704861111111 38  19 38  C 15.55295138888889 38  12.373914930555555 37.15060763888889  9.462890625 35.45182291666667  C 6.551866319444445 33.75303819444444  4.246961805555556 31.448133680555557  2.5481770833333335 28.537109375  C 0.8493923611111109 25.62608506944444  0 22.44704861111111  0 19  C 0 15.552951388888884  0.8493923611111109 12.373914930555552  2.5481770833333335 9.462890625  C 4.246961805555556 6.551866319444444  6.551866319444445 4.246961805555552  9.462890625 2.548177083333332  C 12.373914930555555 0.8493923611111078  15.55295138888889 0  19 0  C 22.44704861111111 0  25.62608506944445 0.8493923611111078  28.537109375 2.548177083333332  C 31.448133680555557 4.246961805555552  33.75303819444445 6.551866319444444  35.45182291666667 9.462890625  Z " fill-rule="nonzero" fill="#000000" stroke="none" transform="matrix(1 0 0 1 1218 13 )" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/user/login-image.png b/src/assets/images/user/login-image.png
new file mode 100644
index 00000000..18ad9438
Binary files /dev/null and b/src/assets/images/user/login-image.png differ
diff --git a/src/assets/images/user/logo.png b/src/assets/images/user/logo.png
new file mode 100644
index 00000000..07ffc10e
Binary files /dev/null and b/src/assets/images/user/logo.png differ
diff --git a/src/assets/images/user/logo.svg b/src/assets/images/user/logo.svg
new file mode 100644
index 00000000..5c188f2b
--- /dev/null
+++ b/src/assets/images/user/logo.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1024px" height="1024px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 2</title>
+    <g id="货源" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="编组-2">
+            <rect id="矩形" fill="#FFFFFF" x="0" y="0" width="1024" height="1024" rx="512"></rect>
+            <g id="编组" transform="translate(232.000000, 219.000000)">
+                <path d="M504.511948,513.748786 L165.833648,513.748786 C150.315956,513.748786 138.654317,509.303562 130.24111,500.225946 C122.155084,491.124934 118.018591,475.753816 118.018591,454.580511 L118.018591,255.808797 C118.018591,234.869451 111.498356,216.807803 98.6915859,202.232146 C86.0016662,186.814236 70.2736441,179 51.97492,179 L28.4880519,179 C20.7058359,179 13.9051607,182.392408 8.36646644,188.896473 C2.80440216,194.909224 0,202.559689 0,211.637305 C0,220.200211 2.75766212,227.803884 8.22624633,234.214365 C13.9051607,240.882202 20.7058359,244.27461 28.4880519,244.27461 L51.97492,244.27461 C56.3451133,244.27461 61.0191169,245.163654 61.0191169,255.808797 L61.0191169,454.580511 C61.0191169,492.903024 70.7176744,523.738843 89.8810891,546.269112 C109.184724,567.980523 134.728154,579 165.833648,579 L504.511948,579 C512.761564,579 519.60898,575.584196 524.773754,568.963151 C530.242338,562.505878 533,554.925601 533,546.386091 C533,537.285079 530.195598,529.634614 524.913974,523.949406 C519.60898,517.16459 512.738194,513.748786 504.511948,513.748786" id="Fill-46" fill="#271F30"></path>
+                <path d="M87.7461986,142.20657 C93.682936,148.120025 100.511357,151.392293 108.043739,151.92988 C108.677304,151.976627 109.287404,152 109.897503,152 C117.476816,152 123.83593,148.680985 127.9893,142.744157 C133.527126,136.854075 136.554158,129.281112 137,120.025268 C137,111.564119 134.465741,104.037903 129.397222,97.563487 L61.676178,14.190777 C56.3730054,7.43588124 49.4741881,4 41.2143796,4 C33.0953632,4 26.1261498,7.08528111 20.4240661,13.1857233 C14.8393092,19.1926721 12,26.8357549 12,35.9279848 C12,44.833228 14.5342594,52.6165509 19.5558476,58.9974732 L87.7461986,142.20657 Z" id="Fill-48" fill="#271F30"></path>
+                <path d="M64.520927,519.46506 C58.0290557,511.853012 49.7730889,508 40.0117606,508 C30.6973366,508 22.464891,511.806024 15.3614666,519.58253 C9.15185057,527.406024 6,536.615663 6,546.976506 C6,557.360843 9.15185057,566.593976 15.5966793,574.65241 C22.464891,582.170482 30.6973366,586 40.0117606,586 C49.7730889,586 58.0290557,582.146988 64.6385334,574.393976 C70.8481494,566.570482 74,557.337349 74,546.976506 C74,536.639157 70.8481494,527.406024 64.6385334,519.606024 L64.520927,519.46506 Z" id="Fill-50" fill="#271F30"></path>
+                <path d="M206.505084,65 L473.494916,65 C481.742698,65 488.588592,61.5752688 493.752217,54.9820789 C499.219586,48.5752688 502,41.0268817 502,32.5 C502,23.4605735 499.172856,15.8422939 493.892406,10.1810036 C488.588592,3.42473118 481.742698,0 473.494916,0 L206.505084,0 C198.724598,0 191.90207,3.3781362 186.387971,9.85483871 C180.827144,15.8422939 178,23.4605735 178,32.5 C178,41.0268817 180.780414,48.5985663 186.247783,54.9820789 C191.90207,61.6218638 198.724598,65 206.505084,65" id="Fill-52" fill="#271F30"></path>
+                <path d="M175.562613,244.145835 L247.648094,244.145835 L179.823593,389.941747 C171.723049,407.407369 171.957169,424.84964 180.502541,441.918316 C189.656624,459.22049 203.001452,468 220.25608,468 L408.230853,468 L398.49147,459.267189 C383.57804,445.887776 374.798548,427.534863 373.791833,407.640866 L373.557713,402.877515 L238.119419,402.877515 L312.241742,244.145835 L505.437387,244.145835 C513.678403,244.145835 520.561525,240.73677 525.735572,234.128787 C531.213975,227.707603 534,220.11893 534,211.572918 C534,202.51321 531.143739,194.877838 525.852632,189.203846 C520.561525,182.432415 513.678403,179 505.437387,179 L175.562613,179 C167.766425,179 160.953539,182.385715 155.4049,188.876949 C149.832849,194.877838 147,202.51321 147,211.572918 C147,220.11893 149.786025,227.684253 155.264428,234.128787 C160.953539,240.76012 167.766425,244.145835 175.562613,244.145835" id="Fill-54" fill="#271F30"></path>
+                <path d="M471.096083,432.734886 C447.727225,432.734886 428.709325,413.740379 428.709325,390.348129 C428.709325,367.002663 447.727225,347.984763 471.096083,347.984763 C494.464941,347.984763 513.459448,367.002663 513.459448,390.348129 C513.459448,413.740379 494.464941,432.734886 471.096083,432.734886 M470.650058,299.811009 C420.961638,299.811009 380.535571,340.237076 380.535571,389.902047 C380.535571,439.590467 420.961638,480.016534 470.650058,480.016534 C520.315029,480.016534 560.741096,439.590467 560.741096,389.902047 C560.741096,340.237076 520.315029,299.811009 470.650058,299.811009" id="Fill-56" fill="#D8232A"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/user/yuandian.svg b/src/assets/images/user/yuandian.svg
new file mode 100644
index 00000000..69353e5e
--- /dev/null
+++ b/src/assets/images/user/yuandian.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1638338410086" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4102" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M514.048 128q79.872 0 149.504 30.208t121.856 82.432 82.432 122.368 30.208 150.016q0 78.848-30.208 148.48t-82.432 121.856-121.856 82.432-149.504 30.208-149.504-30.208-121.856-82.432-82.432-121.856-30.208-148.48q0-79.872 30.208-150.016t82.432-122.368 121.856-82.432 149.504-30.208z" p-id="4103"></path></svg>
\ No newline at end of file
diff --git a/src/assets/images/usercenter/agree.png b/src/assets/images/usercenter/agree.png
new file mode 100644
index 00000000..53ee1c1a
Binary files /dev/null and b/src/assets/images/usercenter/agree.png differ
diff --git a/src/assets/images/usercenter/certificate-demo-back.png b/src/assets/images/usercenter/certificate-demo-back.png
new file mode 100644
index 00000000..b9da9074
Binary files /dev/null and b/src/assets/images/usercenter/certificate-demo-back.png differ
diff --git a/src/assets/images/usercenter/certificate-demo-front.png b/src/assets/images/usercenter/certificate-demo-front.png
new file mode 100644
index 00000000..366bda19
Binary files /dev/null and b/src/assets/images/usercenter/certificate-demo-front.png differ
diff --git a/src/assets/images/usercenter/拉货车.png b/src/assets/images/usercenter/拉货车.png
new file mode 100644
index 00000000..9a10f91d
Binary files /dev/null and b/src/assets/images/usercenter/拉货车.png differ
diff --git a/src/assets/images/vehicle/agreement.png b/src/assets/images/vehicle/agreement.png
new file mode 100644
index 00000000..fbb98ea9
Binary files /dev/null and b/src/assets/images/vehicle/agreement.png differ
diff --git a/src/assets/images/vehicle/car.png b/src/assets/images/vehicle/car.png
new file mode 100644
index 00000000..036ac2b4
Binary files /dev/null and b/src/assets/images/vehicle/car.png differ
diff --git a/src/assets/images/vehicle/driverback.png b/src/assets/images/vehicle/driverback.png
new file mode 100644
index 00000000..8fea60cf
Binary files /dev/null and b/src/assets/images/vehicle/driverback.png differ
diff --git a/src/assets/images/vehicle/driverfront.png b/src/assets/images/vehicle/driverfront.png
new file mode 100644
index 00000000..96d378d6
Binary files /dev/null and b/src/assets/images/vehicle/driverfront.png differ
diff --git a/src/assets/images/vehicle/road.png b/src/assets/images/vehicle/road.png
new file mode 100644
index 00000000..290a1e26
Binary files /dev/null and b/src/assets/images/vehicle/road.png differ
diff --git a/src/assets/mocks/app-data.json b/src/assets/mocks/app-data.json
index 110f30c5..cbfae3d0 100644
--- a/src/assets/mocks/app-data.json
+++ b/src/assets/mocks/app-data.json
@@ -1,6 +1,6 @@
 {
   "app": {
-    "name": "SaaS管理后台",
-    "description": "新供应链 - SaaS管理后台"
+    "name": "网络货运管理平台",
+    "description": "运多星网络货运管理平台"
   }
 }
diff --git a/src/assets/mocks/menu-data.json b/src/assets/mocks/menu-data.json
index 7037444d..1aee4bad 100644
--- a/src/assets/mocks/menu-data.json
+++ b/src/assets/mocks/menu-data.json
@@ -1,32 +1,702 @@
 {
-  "menu": [
-    {
-      "text": "样例",
+  "success": true,
+  "data": {
+    "menu": [{
+      "text": "主导航",
       "hideInBreadcrumb": true,
-      "children": [
-        {
-          "text": "仪表盘",
-          "icon": "anticon anticon-dashboard",
-          "link": "/dashboard"
+      "children": [{
+          "text": "用户中心",
+          "icon": "iconfont icon-yonghu-copy",
+          "group": true,
+          "children": [{
+              "text": "货主管理",
+              "children": [{
+                  "text": "企业列表",
+                  "link": "/usercenter/freight/list"
+                },
+                {
+                  "text": "道运证",
+                  "hide": true,
+                  "link": "/usercenter/freight/list/view/:id"
+                },
+                {
+                  "text": "货主详情",
+                  "hide": true,
+                  "link": "/usercenter/freight/list/detail/:id"
+                },
+                {
+                  "text": "企业认证",
+                  "hide": true,
+                  "link": "/usercenter/freight/new"
+                },
+                {
+                  "text": "企业审核列表",
+                  "link": "/usercenter/freight/enterprise"
+                },
+                {
+                  "text": "企业审核列表详情",
+                  "hide": true,
+                  "link": "/usercenter/freight/enterprise/view/:id"
+                },
+                {
+                  "text": "货主员工列表",
+                  "link": "/usercenter/freight/user"
+                },
+                {
+                  "text": "货主员工详情",
+                  "hide": true,
+                  "link": "/usercenter/freight/user/view/:id"
+                }
+              ]
+            },
+            {
+              "text": "司机管理",
+              "link": "/demo/zorro",
+              "children": [{
+                  "text": "司机列表",
+                  "link": "/usercenter/driver"
+                },
+                {
+                  "text": "司机详情",
+                  "hide": true,
+                  "link": "/usercenter/driver/detail/:id"
+                },
+                {
+                  "text": "车队长列表",
+                  "link": "/usercenter/driver/captain"
+                },
+                {
+                  "text": "司机配置",
+                  "link": "/usercenter/driver/config"
+                }
+              ]
+            }
+          ]
         },
         {
-          "text": "样例",
+          "text": "运力管理",
+          "icon": "iconfont icon-yunli-copy",
+          "group": true,
+          "children": [{
+              "text": "车辆列表",
+              "link": "/vehicle/list"
+            },
+            {
+              "hide": true,
+              "text": "车辆列表详情",
+              "link": "/vehicle/list/detail/:id"
+            },
+            {
+              "text": "车辆审核列表",
+              "link": "/vehicle/audit"
+            },
+            {
+              "hide": true,
+              "text": "车辆审核列表详情",
+              "link": "/vehicle/audit/detail/:id"
+            }
+          ]
+        },
+        {
+          "text": "货源管理",
+          "icon": "iconfont icon-huoyuan-copy",
+          "group": true,
+          "children": [{
+              "text": "货源管理",
+              "link": "/supply-management/index",
+              "reuse": true
+            },
+            {
+              "text": "货源详情",
+              "link": "/supply-management/bulk-detail",
+              "hide": true
+            },
+            {
+              "text": "修改货源",
+              "link": "/supply-management/vehicle-amend/:id",
+              "hide": true
+            },
+            {
+              "text": "整车代发货源",
+              "link": "/supply-management/vehicle-release",
+              "hide": true
+            },
+            {
+              "text": "大宗代发货源",
+              "link": "/supply-management/bulk-release",
+              "hide": true
+            },
+            {
+              "text": "货源详情",
+              "link": "/supply-management/vehicle-detail/:id",
+              "hide": true
+            }
+          ]
+        },
+        {
+          "text": "订单管理",
+          "icon": "iconfont icon-dingdan-copy",
+          "group": true,
+          "children": [{
+              "text": "整车订单",
+              "link": "/order-management/vehicle"
+            },
+            {
+              "text": "大宗订单",
+              "link": "/order-management/bulk"
+            },
+            {
+              "text": "风险单管理",
+              "link": "/order-management/risk"
+            },
+            {
+              "text": "单据审核",
+              "link": "/order-management/receipts-audit"
+            },
+            {
+              "text": "投诉管理",
+              "link": "/order-management/complaint"
+            },
+            {
+              "text": "合规抽查",
+              "link": "/order-management/compliance-audit"
+            },
+            {
+              "text": "整车订单详情",
+              "link": "/order-management/vehicle-detail/:id",
+              "hide": true
+            },
+            {
+              "text": "大宗订单详情",
+              "link": "/order-management/bulk-detail/:id",
+              "hide": true
+            }
+          ]
+        },
+        {
+          "text": "运单管理",
+          "icon": "iconfont icon-yundan-copy",
+          "group": true,
+          "children": [{
+              "text": "整车运单",
+              "link": "/waybill-management/vehicle"
+            },
+            {
+              "hide": true,
+              "text": "整车运单详情",
+              "link": "/waybill-management/vehicle-detail/:id"
+            },
+            {
+              "text": "大宗运单",
+              "link": "/waybill-management/bulk"
+            },
+            {
+              "hide": true,
+              "text": "大宗运单详情",
+              "link": "/waybill-management/bulk-detail/:id"
+            },
+            {
+              "text": "异常上报",
+              "link": "/waybill-management/abnormal-appear"
+            }
+          ]
+        },
+        {
+          "text": "保险管理",
+          "icon": "iconfont icon-yundan-copy",
+          "group": true,
+          "children": [{
+            "text": "保险列表",
+            "link": "/insurance-management/list"
+          }]
+        },
+        {
+          "text": "财务管理",
+          "icon": "iconfont icon-caiwu-copy",
+          "group": true,
+          "children": [{
+              "text": "费用管理",
+              "link": "/financial-management/cost-management"
+            },
+            {
+              "text": "费用浏览",
+              "hide": true,
+              "link": "/financial-management/cost-management/detail/:id"
+            },
+            {
+              "text": "凭证管理",
+              "link": "/financial-management/voucher-management"
+            },
+            {
+              "text": "凭证汇总",
+              "link": "/financial-management/voucher-summary"
+            },
+            {
+              "text": "应收费用单",
+              "hide": true,
+              "link": "/financial-management/cost-management/expenses-receivable/:id"
+            },
+            {
+              "text": "应付费用单",
+              "hide": true,
+              "link": "/financial-management/cost-management/expenses-payable/:id"
+            },
+            {
+              "text": "付款单",
+              "link": "/financial-management/payment-order"
+            },
+            {
+              "text": "收款单",
+              "link": "/financial-management/receipt-order"
+            },
+            {
+              "text": "应收核销",
+              "link": "/financial-management/receivable-order"
+            },
+            {
+              "text": "应收核销详情",
+              "hide": true,
+              "link": "/financial-management/receivable-order/detail/:id"
+            },
+            {
+              "text": "应付核销",
+              "link": "/financial-management/payable-order"
+            },
+            {
+              "text": "应收核销详情",
+              "hide": true,
+              "link": "/financial-management/payable-order/detail/:id"
+            },
+            {
+              "text": "货主账户",
+              "link": "/financial-management/freight-account"
+            },
+            {
+              "text": "货主账户详情",
+              "hide": true,
+              "link": "/financial-management/freight-account/detail/:id"
+            },
+            {
+              "text": "平台账户",
+              "link": "/financial-management/platform-account"
+            },
+            {
+              "text": "司机账户",
+              "link": "/financial-management/driver-account"
+            },
+            {
+              "text": "司机账户详情",
+              "hide": true,
+              "link": "/financial-management/driver-account/detail/:id"
+            },
+            {
+              "text": "充值记录",
+              "link": "/financial-management/recharge-record"
+            },
+            {
+              "text": "提现记录",
+              "link": "/financial-management/withdrawals-record"
+            },
+            {
+              "text": "提现详情",
+              "hide": true,
+              "link": "/financial-management/withdrawals-record/detail/:id"
+            },
+            {
+              "text": "异常入金",
+              "link": "/financial-management/abnormal-gold"
+            },
+            {
+              "text": "支付记录",
+              "link": "/financial-management/payment-record"
+            },
+            {
+              "text": "交易流水",
+              "link": "/financial-management/transaction-flow"
+            }
+          ]
+        },
+        {
+          "text": "票务管理",
+          "icon": "iconfont icon-piaowu-copy",
+          "group": true,
+          "children": [{
+              "text": "销项发票",
+              "children": [{
+                  "text": "开票申请",
+                  "link": "/ticket/invoice-requested"
+                },
+                {
+                  "text": "开票订单明细",
+                  "link": "/ticket/invoice-requested/detail/:id",
+                  "hide": true
+                },
+                {
+                  "text": "销票处理",
+                  "link": "/ticket/cancellation-invoice"
+                },
+                {
+                  "text": "销票订单明细",
+                  "link": "/ticket/cancellation-invoice/detail/:id",
+                  "hide": true
+                },
+                {
+                  "text": "已开发票",
+                  "link": "/ticket/invoice-list"
+                },
+                {
+                  "text": "已开订单明细",
+                  "link": "/ticket/invoice-list/detail/:id",
+                  "hide": true
+                },
+                {
+                  "text": "快递信息",
+                  "link": "/ticket/express-info"
+                }
+              ]
+            },
+            {
+              "text": "ETC发票",
+              "children": [{
+                  "text": "申请发票",
+                  "link": "/ticket/etc-invoice-requested"
+                },
+                {
+                  "text": "开票记录",
+                  "link": "/ticket/etc-invoice-list"
+                },
+                {
+                  "text": "已开发票",
+                  "link": "/ticket/etc-invoiced-logs"
+                },
+                {
+                  "text": "ETC白名单",
+                  "link": "/ticket/etc-blacklist"
+                }
+              ]
+            },
+            {
+              "text": "进项发票",
+              "link": "/ticket/input-invoice"
+            },
+            {
+              "text": "修改收票信息",
+              "link": "/ticket/input-invoice/detail/:id",
+              "hide": true
+            },
+            {
+              "text": "进项发票",
+              "link": "/ticket/input-invoice/edit/:id",
+              "hide": true
+            }
+          ]
+        },
+        {
+          "text": "合同管理",
+          "icon": "iconfont icon-hetong-copy",
+          "group": true,
+          "children": [{
+              "text": "保单管理",
+              "link": "/contract-management/policy"
+            },
+            {
+              "text": "合同管理",
+              "link": "/contract-management/index"
+            },
+            {
+              "text": "合同模板",
+              "link": "/contract-management/template"
+            }
+          ]
+        },
+        {
+          "text": "系统设置",
+          "icon": "iconfont icon-shezhi-copy",
+          "group": true,
+          "children": [{
+              "text": "员工管理",
+              "group": true,
+              "children": [{
+                  "text": "员工管理",
+                  "link": "/system/staff-management"
+                },
+                {
+                  "text": "角色管理",
+                  "link": "/system/role-management"
+                }
+              ]
+            },
+            {
+              "text": "操作日志",
+              "group": true,
+              "children": [{
+                  "text": "系统操作日志",
+                  "link": "/logs/system-logs"
+                },
+                {
+                  "text": "货源操作日志",
+                  "link": "/logs/system-supply-logs"
+                },
+                {
+                  "text": "订单操作日志",
+                  "link": "/logs/system-waybill-logs"
+                },
+                {
+                  "text": "用户登录日志",
+                  "link": "/logs/user-logs"
+                },
+                {
+                  "text": "版本发布记录",
+                  "link": "/logs/version-logs"
+                }
+              ]
+            },
+            {
+              "text": "CRM客户管理",
+              "link": "/system/crm-management"
+            },
+            {
+              "text": "结算客户管理",
+              "link": "/system/close-account"
+            },
+            {
+              "text": "网络货运人",
+              "link": "/system/network-freight"
+            },
+            {
+              "text": "基础设置",
+              "link": "/system/basic-setting"
+            },
+            {
+              "text": "保险配置",
+              "link": "/system/insurance-set"
+            },
+            {
+              "text": "公告信息管理",
+              "link": "/system/announcement-message"
+            },
+            {
+              "text": "车型车长配置",
+              "link": "/system/cart-config"
+            },
+            {
+              "text": "基础配置",
+              "link": "/system/basic-config"
+            },
+            {
+              "text": "协议配置",
+              "link": "/system/agreement-config"
+            },
+            {
+              "text": "菜单管理",
+              "link": "/menu-management/index"
+            },
+            {
+              "text": "接口权限",
+              "link": "/menu-management/auth"
+            },
+            {
+              "text": "系统配置",
+              "link": "/system/system-config"
+            },
+            {
+              "text": "货物名称配置",
+              "link": "/system/goods-name-config"
+            }
+          ]
+        },
+        {
+          "text": "合伙人管理",
           "icon": "anticon anticon-dashboard",
+          "children": [{
+              "text": "合伙人列表",
+              "link": "/partner/partner-list"
+            },
+            {
+              "text": "业务统计",
+              "link": "/partner/business-statistics/index"
+            },
+            {
+              "text": "返佣管理",
+              "group": true,
+              "children": [{
+                  "text": "返佣配置",
+                  "link": "/partner/rebate/setting"
+                },
+                {
+                  "text": "返佣明细",
+                  "link": "/partner/rebate/particulars"
+                },
+                {
+                  "text": "返佣记录",
+                  "link": "/partner/rebate/record"
+                }
+              ]
+            },
+            {
+              "text": "销售渠道管理",
+              "link": "/partner/channel-sales/list"
+            },
+            {
+              "text": "等级配置",
+              "link": "/partner/level-config/list"
+            },
+            {
+              "text": "账户管理",
+              "group": true,
+              "children": [{
+                  "text": "账户管理",
+                  "link": "/partner/account-management/am/list"
+                },
+                {
+                  "text": "账户明细",
+                  "link": "/partner/account-management/am/detail/:id",
+                  "hide": true
+                },
+                {
+                  "text": "提现记录",
+                  "link": "/partner/account-management/withdraw-record"
+                },
+                {
+                  "text": "提现详情",
+                  "link": "/partner/account-management/withdraw-record/detail/:id",
+                  "hide": true
+                },
+                {
+                  "text": "待入账明细",
+                  "link": "/partner/account-management/am/recorded/detail/:id",
+                  "hide": true
+                }
+              ]
+            },
+            {
+              "text": "客户认领审核",
+              "link": "/partner/claim-audit/list"
+            },
+            {
+              "text": "合伙人客户认领详情",
+              "link": "/partner/claim-audit/partner-detail",
+              "hide": true
+            },
+            {
+              "text": "渠道销售客户认领详情",
+              "link": "/partner/claim-audit/channel-detail",
+              "hide": true
+            },
+            {
+              "text": "入账记录",
+              "link": "/partner/recorded/record"
+            },
+            {
+              "text": "入账详情",
+              "link": "/partner/recorded/record/:id",
+              "hide": true
+            },
+            {
+              "text": "轮播图管理",
+              "link": "/partner/scroll-img/list"
+            },
+            {
+              "text": "建议反馈管理",
+              "link": "/partner/advice-feedback/list"
+            },
+            {
+              "text": "建议反馈管理详情",
+              "link": "/partner/advice-feedback/detail",
+              "hide": true
+            },
+            {
+              "text": "知识库管理",
+              "icon": "iconfont icon-yundan-copy",
+              "group": true,
+              "children": [{
+                  "text": "banner管理",
+                  "link": "/partner/knowledge/banner",
+                  "children": [{
+                    "text": "新增banner",
+                    "link": "/partner/knowledge/banner/detail"
+                  }]
+                },
+                {
+                  "text": "文章管理",
+                  "link": "/partner/knowledge/article-management-list"
+                },
+                {
+                  "text": "新增文章",
+                  "link": "/partner/knowledge/article-management-add",
+                  "hide": true
+                },
+                {
+                  "text": "编辑文章",
+                  "link": "/partner/knowledge/article-management-edit",
+                  "hide": true
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "text": "数据监管",
+          "icon": "iconfont icon-hetong-copy",
+          "group": true,
+          "children": [{
+              "text": "数据报表",
+              "link": "/regulatory-data/dashboard"
+            },
+            {
+              "text": "订单上报",
+              "link": "/datatable/reporting/order"
+            },
+            {
+              "text": "合规监控报表",
+              "children": [{
+                  "text": "合规监控报表",
+                  "link": "/datatable/compliancetabel/index"
+                },
+                {
+                  "text": "业务员-合规报表",
+                  "link": "/datatable/compliancetabel/salesman"
+                },
+                {
+                  "text": "客户-合规报表",
+                  "link": "/datatable/compliancetabel/customer"
+                }
+              ]
+            },
+            {
+              "text": "财务报表",
+              "link": "/datatable/financetable"
+            },
+            {
+              "text": "开票数据报表",
+              "link": "/datatable/invoicetable"
+            }
+        ]
+        },
+        {
+          "text": "税务管理",
+          "icon": "iconfont icon-hetong-copy",
           "group": true,
           "children": [
             {
-              "text": "Zorro案例",
-              "icon": "anticon anticon-dashboard",
-              "link": "/demo/zorro"
+              "text": "订单上报",
+              "link": "/tax/orderReport"
             },
             {
-              "text": "Alain案例",
-              "icon": "anticon anticon-dashboard",
-              "link": "/demo/alain"
+              "text": "个税明细",
+              "link": "/tax/income"
+            },
+            {
+              "text": "个税汇总",
+              "link": "/tax/collect"
+            },
+            {
+              "text": "税务申报",
+              "link": "/tax/declare"
             }
-          ]
+        ]
         }
       ]
-    }
-  ]
-}
\ No newline at end of file
+    }]
+  }
+}
diff --git a/src/assets/mocks/platform/tms-obc-web.json b/src/assets/mocks/platform/tms-obc-web.json
new file mode 100644
index 00000000..fe5c09e3
--- /dev/null
+++ b/src/assets/mocks/platform/tms-obc-web.json
@@ -0,0 +1,509 @@
+{
+  "menu": [{
+    "text": "主导航",
+    "hideInBreadcrumb": true,
+    "children": [{
+        "text": "用户中心",
+        "icon": "anticon anticon-dashboard",
+        "group": true,
+        "children": [{
+            "text": "货主管理",
+            "icon": "anticon anticon-dashboard",
+            "children": [{
+                "text": "企业列表",
+                "icon": "anticon anticon-dashboard",
+                "link": "/usercenter/freight/list"
+              },
+              {
+                "text": "道运证",
+                "hide": true,
+                "icon": "anticon anticon-dashboard",
+                "link": "/usercenter/freight/list/view/:id"
+              },
+              {
+                "text": "货主详情",
+                "hide": true,
+                "icon": "anticon anticon-dashboard",
+                "link": "/usercenter/freight/list/detail/:id"
+              },
+              {
+                "text": "企业认证",
+                "hide": true,
+                "icon": "anticon anticon-dashboard",
+                "link": "/usercenter/freight/new"
+              },
+              {
+                "text": "企业审核列表",
+                "icon": "anticon anticon-dashboard",
+                "link": "/usercenter/freight/enterprise"
+              },
+              {
+                "text": "企业审核列表详情",
+                "hide": true,
+                "icon": "anticon anticon-dashboard",
+                "link": "/usercenter/freight/enterprise/view/:id"
+              },
+              {
+                "text": "货主员工列表",
+                "icon": "anticon anticon-dashboard",
+                "link": "/usercenter/freight/user"
+              },
+              {
+                "text": "货主员工详情",
+                "icon": "anticon anticon-dashboard",
+                "link": "/usercenter/freight/user/view/:id"
+              }
+            ]
+          },
+          {
+            "text": "司机管理",
+            "icon": "anticon anticon-dashboard",
+            "link": "/demo/zorro",
+            "children": [{
+                "text": "司机列表",
+                "icon": "anticon anticon-dashboard",
+                "link": "/usercenter/driver"
+              },
+              {
+                "text": "司机详情",
+                "hide": true,
+                "icon": "anticon anticon-dashboard",
+                "link": "/usercenter/driver/detail/:id"
+              },
+              {
+                "text": "车队长列表",
+                "icon": "anticon anticon-dashboard",
+                "link": "/usercenter/driver/captain"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "text": "运力管理",
+        "icon": "anticon anticon-dashboard",
+        "group": true,
+        "children": [{
+            "text": "车辆列表",
+            "link": "/vehicle/list"
+          },
+          {
+            "hide": true,
+            "text": "车辆列表详情",
+            "link": "/vehicle/list/detail/:id"
+          },
+          {
+            "text": "车辆审核列表",
+            "link": "/vehicle/audit"
+          },
+          {
+            "hide": true,
+            "text": "车辆审核列表详情",
+            "link": "/vehicle/audit/detail/:id"
+          }
+        ]
+      },
+      {
+        "text": "货源管理",
+        "icon": "anticon anticon-dashboard",
+        "group": true,
+        "children": [{
+            "text": "货源管理",
+            "icon": "anticon anticon-dashboard",
+            "link": "/supply-management/index",
+            "reuse": true
+          },
+          {
+            "text": "货源详情",
+            "icon": "anticon anticon-dashboard",
+            "link": "/supply-management/bulk-detail",
+            "hide": true
+          },
+          {
+            "text": "修改货源",
+            "icon": "anticon anticon-dashboard",
+            "link": "/supply-management/vehicle-amend/:id",
+            "hide": true
+          },
+          {
+            "text": "货源详情",
+            "icon": "anticon anticon-dashboard",
+            "link": "/supply-management/vehicle-detail/:id",
+            "hide": true
+          }
+        ]
+      },
+      {
+        "text": "订单管理",
+        "icon": "anticon anticon-dashboard",
+        "group": true,
+        "children": [{
+            "text": "整车订单",
+            "icon": "anticon anticon-dashboard",
+            "link": "/order-management/vehicle"
+          },
+          {
+            "text": "大宗订单",
+            "icon": "anticon anticon-dashboard",
+            "link": "/order-management/bulk"
+          },
+          {
+            "text": "风险单管理",
+            "icon": "anticon anticon-dashboard",
+            "link": "/order-management/risk"
+          },
+          {
+            "text": "投诉管理",
+            "icon": "anticon anticon-dashboard",
+            "link": "/order-management/complaint"
+          },
+          {
+            "text": "整车订单详情",
+            "icon": "anticon anticon-dashboard",
+            "link": "/order-management/vehicle-detail/:id",
+            "hide": true
+          },
+          {
+            "text": "单据审核",
+            "icon": "anticon anticon-dashboard",
+            "link": "/order-management/receipts-audit"
+          },
+          {
+            "text": "大宗订单详情",
+            "icon": "anticon anticon-dashboard",
+            "link": "/order-management/bulk-detail/:id",
+            "hide": true
+          }
+        ]
+      },
+      {
+        "text": "运单管理",
+        "icon": "anticon anticon-dashboard",
+        "group": true,
+        "children": [{
+            "text": "整车运单",
+            "link": "/waybill-management/vehicle"
+          },
+          {
+            "hide": true,
+            "text": "整车运单详情",
+            "link": "/waybill-management/vehicle-detail/:id"
+          },
+          {
+            "text": "大宗运单",
+            "link": "/waybill-management/bulk"
+          },
+          {
+            "hide": true,
+            "text": "大宗运单详情",
+            "link": "/waybill-management/bulk-detail/:id"
+          },
+          {
+            "text": "异常上报",
+            "link": "/waybill-management/abnormal-appear"
+          }
+        ]
+      },
+      {
+        "text": "财务管理",
+        "icon": "anticon anticon-dashboard",
+        "group": true,
+        "children": [{
+            "text": "费用管理",
+            "link": "/financial-management/cost-management"
+          },
+          {
+            "text": "费用浏览",
+            "hide": true,
+            "link": "/financial-management/cost-management/detail/:id"
+          },
+          {
+            "text": "凭证管理",
+            "link": "/financial-management/voucher-management"
+          },
+          {
+            "text": "凭证汇总",
+            "link": "/financial-management/voucher-summary"
+          },
+          {
+            "text": "应收费用单",
+            "hide": true,
+            "link": "/financial-management/cost-management/expenses-receivable/:id"
+          },
+          {
+            "text": "应付费用单",
+            "hide": true,
+            "link": "/financial-management/cost-management/expenses-payable/:id"
+          },
+          {
+            "text": "付款单",
+            "link": "/financial-management/payment-order"
+          },
+          {
+            "text": "收款单",
+            "link": "/financial-management/receipt-order"
+          },
+          {
+            "text": "应收核销",
+            "link": "/financial-management/receivable-order"
+          },
+          {
+            "text": "应收核销详情",
+            "hide": true,
+            "link": "/financial-management/receivable-order/detail/:id"
+          },
+          {
+            "text": "应付核销",
+            "link": "/financial-management/payable-order"
+          },
+          {
+            "text": "应收核销详情",
+            "hide": true,
+            "link": "/financial-management/payable-order/detail/:id"
+          },
+          {
+            "text": "货主账户",
+            "link": "/financial-management/freight-account"
+          },
+          {
+            "text": "货主账户详情",
+            "hide": true,
+            "link": "/financial-management/freight-account/detail/:id"
+          },
+          {
+            "text": "司机账户",
+            "link": "/financial-management/driver-account"
+          },
+          {
+            "text": "司机账户详情",
+            "hide": true,
+            "link": "/financial-management/driver-account/detail/:id"
+          },
+          {
+            "text": "充值记录",
+            "link": "/financial-management/recharge-record"
+          },
+          {
+            "text": "提现记录",
+            "link": "/financial-management/withdrawals-record"
+          },
+          {
+            "text": "提现详情",
+            "hide": true,
+            "link": "/financial-management/withdrawals-record/detail/:id"
+          },
+          {
+            "text": "异常入金",
+            "link": "/financial-management/abnormal-gold"
+          },
+          {
+            "text": "支付记录",
+            "link": "/financial-management/payment-record"
+          },
+          {
+            "text": "交易流水",
+            "link": "/financial-management/transaction-flow"
+          }
+        ]
+      },
+      {
+        "text": "票务管理",
+        "icon": "anticon anticon-dashboard",
+        "group": true,
+        "children": [{
+            "text": "销项发票",
+            "children": [{
+                "text": "开票申请",
+                "link": "/ticket/invoice-requested"
+              },
+              {
+                "text": "开票订单明细",
+                "link": "/ticket/invoice-requested/detail/:id",
+                "hide": true
+              },
+              {
+                "text": "销票处理",
+                "link": "/ticket/cancellation-invoice"
+              },
+              {
+                "text": "销票订单明细",
+                "link": "/ticket/cancellation-invoice/detail/:id",
+                "hide": true
+              },
+              {
+                "text": "已开发票",
+                "link": "/ticket/invoice-list"
+              },
+              {
+                "text": "已开订单明细",
+                "link": "/ticket/invoice-list/detail/:id",
+                "hide": true
+              },
+              {
+                "text": "快递信息",
+                "link": "/ticket/express-info"
+              }
+            ]
+          },
+          {
+            "text": "ETC发票",
+            "children": [{
+                "text": "申请发票",
+                "link": "/ticket/etc-invoice-requested"
+              },
+              {
+                "text": "开票记录",
+                "link": "/ticket/etc-invoice-list"
+              },
+              {
+                "text": "已开发票",
+                "link": "/ticket/etc-invoiced-logs"
+              },
+              {
+                "text": "ETC白名单",
+                "link": "/ticket/etc-blacklist"
+              }
+            ]
+          },
+          {
+            "text": "进项发票",
+            "link": "/ticket/input-invoice"
+          },
+          {
+            "text": "修改收票信息",
+            "link": "/ticket/input-invoice/detail/:id",
+            "hide": true
+          },
+          {
+            "text": "进项发票",
+            "link": "/ticket/input-invoice/edit/:id",
+            "hide": true
+          }
+        ]
+      },
+      {
+        "text": "合同管理",
+        "icon": "anticon anticon-dashboard",
+        "group": true,
+        "children": [{
+            "text": "保单管理",
+            "link": "/contract-management/policy"
+          },
+          {
+            "text": "合同管理",
+            "link": "/contract-management/index"
+          },
+          {
+            "text": "合同模板",
+            "link": "/contract-management/template"
+          }
+        ]
+      },
+      {
+        "text": "系统设置",
+        "icon": "anticon anticon-dashboard",
+        "group": true,
+        "children": [{
+            "text": "员工管理",
+            "group": true,
+            "children": [{
+                "text": "员工管理",
+                "link": "/system/staff-management"
+              },
+              {
+                "text": "角色管理",
+                "link": "/system/role-management"
+              }
+            ]
+          },
+          {
+            "text": "操作日志",
+            "group": true,
+            "children": [{
+                "text": "系统操作日志",
+                "link": "/logs/system-logs"
+              },
+              {
+                "text": "货源操作日志",
+                "link": "/logs/system-supply-logs"
+              },
+              {
+                "text": "订单操作日志",
+                "link": "/logs/system-waybill-logs"
+              },
+              {
+                "text": "用户登录日志",
+                "link": "/logs/user-logs"
+              },
+              {
+                "text": "版本发布记录",
+                "link": "/logs/version-logs"
+              }
+            ]
+          },
+          {
+            "text": "CRM客户管理",
+            "link": "/system/crm-management"
+          },
+          {
+            "text": "结算客户管理",
+            "link": "/system/close-account"
+          },
+          {
+            "text": "网络货运人",
+            "link": "/system/network-freight"
+          },
+          {
+            "text": "基础设置",
+            "link": "/system/basic-setting"
+          },
+          {
+            "text": "公告信息管理",
+            "link": "/system/announcement-message"
+          },
+          {
+            "text": "车型车长配置",
+            "link": "/system/cart-config"
+          },
+          {
+            "text": "基础配置",
+            "link": "/system/basic-config"
+          },
+          {
+            "text": "协议配置",
+            "link": "/system/agreement-config"
+          },
+          {
+            "text": "审核驳回理由配置",
+            "link": "/system/audit-reason-config"
+          },
+          {
+            "text": "菜单管理",
+            "link": "/menu-management/index"
+          },
+          {
+            "text": "接口权限",
+            "link": "/menu-management/auth"
+          },
+          {
+            "text": "系统配置",
+            "link": "/system/system-config"
+          },
+          {
+            "text": "货物名称配置",
+            "link": "/system/goods-name-config"
+          }
+        ]
+      },
+      {
+        "text": "合伙人管理",
+        "icon": "anticon anticon-dashboard",
+        "group": true,
+        "children": [{
+          "text": "业务统计",
+          "link": "parnter/business-statistics/index"
+        }]
+      }
+    ]
+  }]
+}
diff --git a/src/assets/mocks/platform/tms-smc-web.json b/src/assets/mocks/platform/tms-smc-web.json
new file mode 100644
index 00000000..b8d80044
--- /dev/null
+++ b/src/assets/mocks/platform/tms-smc-web.json
@@ -0,0 +1,293 @@
+{
+  "menu": [
+    {
+      "text": "主导航",
+      "i18n": "menu.main",
+      "group": true,
+      "hideInBreadcrumb": true,
+      "children": [
+        {
+          "text": "消息中心",
+          "i18n": "message.center",
+          "icon": "anticon anticon-dashboard",
+          "link": "/notify/center"
+        },
+        {
+          "text": "发布货源",
+          "i18n": "menu.publish.goods.source",
+          "icon": "anticon anticon-dashboard",
+          "children": [
+            {
+              "text": "整车发货",
+              "i18n": "menu.onecar.delivergoods",
+              "link": "/pbg/onecar-publish"
+            },
+            {
+              "text": "大宗发货",
+              "i18n": "menu.bulk.delivergoods",
+              "link": "/pbg/bulk-publish"
+            },
+            {
+              "text": "常用地址",
+              "i18n": "menu.common.address",
+              "link": "/pbg/common-address"
+            }
+          ]
+        },
+        {
+          "text": "货源管理",
+          "icon": "anticon anticon-dashboard",
+          "group": true,
+          "children": [
+            {
+              "text": "货源管理",
+              "icon": "anticon anticon-dashboard",
+              "link": "/supply-management/index"
+            },
+            {
+              "text": "货源详情",
+              "icon": "anticon anticon-dashboard",
+              "link": "/supply-management/bulk-detail",
+              "hide": true
+            },
+            {
+              "text": "货源详情",
+              "icon": "anticon anticon-dashboard",
+              "link": "/supply-management/vehicle-detail",
+              "hide": true
+            }
+          ]
+        },
+        {
+          "text": "订单管理",
+          "i18n": "menu.ctc",
+          "icon": "anticon anticon-dashboard",
+          "children": [
+            {
+              "text": "整车订单",
+              "i18n": "menu.ctc.order.onecar",
+              "link": "/ctc/order/onecar"
+            },
+            {
+              "text": "整车订单详情",
+              "i18n": "menu.ctc.order.onecar.detail",
+              "link": "/ctc/order/onecar/detail",
+              "hide": true
+            },
+            {
+              "text": "大宗订单",
+              "i18n": "menu.ctc.order.bulk",
+              "link": "/ctc/order/bulk"
+            },
+            {
+              "text": "大宗订单详情",
+              "i18n": "menu.ctc.order.bulk.detail",
+              "link": "/ctc/order/bulk/detail",
+              "hide": true
+            },
+            {
+              "text": "结算单",
+              "i18n": "menu.ctc.order.settle.settleOrder",
+              "children": [
+                {
+                  "text": "上传订单",
+                  "i18n": "menu.ctc.order.settle.uploadOrder",
+                  "link": "/ctc/order/settle/uploadOrder"
+                },
+                {
+                  "text": "司机管理",
+                  "i18n": "menu.ctc.order.settle.driver",
+                  "link": "/ctc/order/settle/driver"
+                },
+                {
+                  "text": "车队长",
+                  "i18n": "menu.ctc.order.settle.carcaptain",
+                  "link": "/ctc/order/settle/carcaptain"
+                },
+                {
+                  "text": "车辆管理",
+                  "i18n": "menu.ctc.order.settle.car",
+                  "link": "/ctc/order/settle/car"
+                },
+                {
+                  "text": "检测订单",
+                  "i18n": "menu.ctc.order.settle.recordOrder",
+                  "link": "/ctc/order/settle/recordOrder"
+                },
+                {
+                  "text": "订单详情",
+                  "i18n": "menu.ctc.order.settle.detail",
+                  "link": "/ctc/order/settle/detail",
+                  "hide": true
+                }
+              ]
+            },
+            {
+              "text": "风险单管理",
+              "i18n": "menu.ctc.order.risk.riskorder",
+              "link": "/ctc/order/risk/riskorder"
+            },
+            {
+              "text": "风险单详情",
+              "i18n": "menu.ctc.order.risk.detail",
+              "link": "/ctc/order/risk/detail",
+              "hide": true
+            },
+            {
+              "text": "投诉管理",
+              "i18n": "menu.ctc.order.complaint.complaintOrder",
+              "link": "/ctc/order/complaint/index"
+            },
+            {
+              "text": "投诉详情",
+              "i18n": "menu.ctc.order.complaint.detail",
+              "link": "/ctc/order/complaint/detail",
+              "hide": true
+            }
+          ]
+        },
+        {
+          "text": "公司管理",
+          "i18n": "menu.company",
+          "icon": "anticon anticon-appstore",
+          "children": [
+            {
+              "text": "员工管理",
+              "i18n": "menu.company.staff",
+              "icon": "anticon anticon-dashboard",
+              "link": "/company/staff"
+            },
+            {
+              "text": "角色管理",
+              "i18n": "menu.company.roles",
+              "link": "/company/roles"
+            },
+            {
+              "text": "项目管理",
+              "i18n": "menu.company.project",
+              "link": "/company/project"
+            }
+          ]
+        },
+        {
+          "text": "车辆管理",
+          "i18n": "menu.car",
+          "icon": "anticon anticon-dashboard",
+          "children": [
+            {
+              "text": "熟车管理",
+              "i18n": "menu.car.list",
+              "link": "/car/list"
+            },
+            {
+              "text": "新增熟车",
+              "i18n": "menu.car.add",
+              "link": "/car/add",
+              "hide": true
+            },
+            {
+              "text": "熟车详情",
+              "i18n": "menu.car.view",
+              "link": "/car/view",
+              "hide": true
+            }
+          ]
+        },
+        {
+          "text": "票务管理",
+          "i18n": "menu.ticket.management",
+          "icon": "anticon anticon-dashboard",
+          "children": [
+            {
+              "text": "申请开票",
+              "i18n": "menu.ticket.management.apply.invoice",
+              "link": "/ticket-management/apply-invoice/list"
+            },
+            {
+              "text": "申请记录",
+              "i18n": "menu.ticket.management.apply.record.list",
+              "link": "/ticket-management/apply-record/list"
+            },
+            {
+              "text": "订单明细",
+              "i18n": "menu.ticket.management.apply.record.detail",
+              "link": "/ticket-management/apply-record/detail",
+              "hide": true
+            },
+            {
+              "text": "已开具发票",
+              "i18n": "menu.ticket.management.invoiced.list",
+              "link": "/ticket-management/invoiced/list"
+            },
+            {
+              "text": "开票订单明细",
+              "i18n": "menu.ticket.management.invoiced.detail",
+              "link": "/ticket-management/invoiced/detail",
+              "hide": true
+            },
+            {
+              "text": "开票资料",
+              "i18n": "menu.ticket.management.invoiced.info",
+              "link": "/ticket-management/invoiced/info"
+            }
+          ]
+        },
+        {
+          "text": "财务管理",
+          "i18n": "menu.financial.management",
+          "icon": "anticon anticon-dashboard",
+          "children": [
+            {
+              "text": "订单支付",
+              "i18n": "menu.financial.management.order.payment",
+              "link": "/cwc/order-payment/list"
+            },
+            {
+              "text": "账户管理",
+              "i18n": "menu.account.management",
+              "link": "/cwc/account-management/index"
+            },
+            {
+              "text": "账户管理(子项目)",
+              "i18n": "menu.account.management.subproject",
+              "link": "/cwc/account-management-subproject/index"
+            },
+            {
+              "text": "资金分配",
+              "i18n": "menu.fund.allocation",
+              "link": "/cwc/fund-allocation/index"
+            },
+            {
+              "text": "账单管理",
+              "i18n": "menu.bill.management",
+              "link": "/cwc/bill-management/index"
+            },
+            {
+              "text": "银行卡管理",
+              "i18n": "menu.bank.card.management",
+              "link": "/cwc/bank-card-management/index"
+            },
+            {
+              "text": "绑定银行卡",
+              "i18n": "menu.bank.card.management.bind",
+              "link": "/cwc/bank-card-management/add",
+              "hide": true
+            },
+            {
+              "text": "账户充值",
+              "i18n": "menu.account.management.recharge",
+              "link": "/cwc/account-rechage/index",
+              "hide": true
+            },
+            {
+              "text": "资金分配记录",
+              "i18n": "menu.fund.allocation.record",
+              "link": "/cwc/fund-allocation/record",
+              "hide": true
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/src/assets/mocks/user-data.json b/src/assets/mocks/user-data.json
index 7d544ed1..4eeb76a4 100644
--- a/src/assets/mocks/user-data.json
+++ b/src/assets/mocks/user-data.json
@@ -1,7 +1,7 @@
 {
   "user": {
     "name": "Admin",
-    "avatar": "./assets/tmp/img/avatar.jpg",
+    "avatar": "./assets/images/user/logo.svg",
     "email": "cipchk@qq.com"
   }
 }
diff --git a/src/assets/style.compact.css b/src/assets/style.compact.css
index d8c35d3e..644c2570 100644
--- a/src/assets/style.compact.css
+++ b/src/assets/style.compact.css
@@ -1 +1 @@
-.cdk-overlay-container,body,html{height:100%;width:100%}.ant-alert,body,h1,h2,h3,h4,h5,h6{color:rgba(0,0,0,.85)}a,a:active,a:focus,a:hover{outline:0;text-decoration:none}dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0}address,dl,ol,p,pre,ul{margin-bottom:1em}.ant-avatar,img{vertical-align:middle}.ant-btn,[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}.ant-picker-content,table{border-collapse:collapse}pre,textarea{overflow:auto}dd,h1,h2,h3,h4,h5,h6,legend{margin-bottom:.5em}.ant-badge-status,progress,sub,sup{vertical-align:baseline}[ant-click-animating-without-extra-node=true],[ant-click-animating=true],sub,sup{position:relative}.ant-carousel .slick-slider,.cdk-overlay-backdrop,html{-webkit-tap-highlight-color:transparent}.ant-btn:empty,.ant-carousel .slick-list .slick-slide input.ant-checkbox-input,.ant-carousel .slick-list .slick-slide input.ant-radio-input{visibility:hidden}[class*=ant-] input::-ms-clear,[class*=ant-] input::-ms-reveal,[class*=ant-]::-ms-clear,[class^=ant-] input::-ms-clear,[class^=ant-] input::-ms-reveal,[class^=ant-]::-ms-clear{display:none}input::-ms-clear,input::-ms-reveal{display:none}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;--antd-wave-shadow-color:#1890ff;--scroll-bar:0}.ant-pagination-item,body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}@-ms-viewport{width:device-width}body{margin:0;font-size:12px;font-variant:tabular-nums;line-height:1.66667;background-color:#fff;font-feature-settings:tnum}[tabindex='-1']:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500}abbr[data-original-title],abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{font-style:normal;line-height:inherit}.font-italic,dfn{font-style:italic}input[type=number],input[type=text],input[type=password],textarea{-webkit-appearance:none}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-left:0}blockquote,figure{margin:0 0 1em}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}a{color:#1890ff;background-color:transparent;cursor:pointer;transition:color .3s;-webkit-text-decoration-skip:objects}a:hover{color:#40a9ff}a:active{color:#096dd9}a[disabled]{color:rgba(0,0,0,.25);cursor:not-allowed}code,kbd,pre,samp{font-size:1em;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,Courier,monospace}img{border-style:none}svg:not(:root){overflow:hidden}caption{padding-top:.75em;padding-bottom:.3em;color:rgba(0,0,0,.45);text-align:left;caption-side:bottom}button,input,optgroup,select,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical}fieldset{min-width:0;margin:0;padding:0}legend{display:block;width:100%;max-width:100%;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.ant-input-number-handler-down-inner,.ant-input-number-handler-up-inner,.ant-select-arrow,.ant-select-multiple .ant-select-selection-item-remove,.anticon{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}.clearfix::after,.clearfix::before{display:table;content:''}mark{padding:.2em;background-color:#feffe6}::selection{color:#fff;background:#1890ff}.clearfix::after{clear:both}.anticon,.anticon svg{display:inline-block}.anticon{color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em}.anticon>*{line-height:1}.anticon::before{display:none}.anticon .anticon-icon{display:block}.anticon[tabindex]{cursor:pointer}.anticon-spin,.anticon-spin::before{display:inline-block;animation:loadingCircle 1s infinite linear}.ant-fade-appear,.ant-fade-enter,.ant-fade-leave{animation-timing-function:linear}.ant-fade-appear,.ant-fade-enter,.ant-fade-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-fade-appear.ant-fade-appear-active,.ant-fade-enter.ant-fade-enter-active{animation-name:antFadeIn;animation-play-state:running}.ant-fade-leave.ant-fade-leave-active{animation-name:antFadeOut;animation-play-state:running;pointer-events:none}.ant-fade-appear,.ant-fade-enter{opacity:0}@keyframes antFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes antFadeOut{0%{opacity:1}100%{opacity:0}}.ant-move-up-appear,.ant-move-up-enter,.ant-move-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-move-up-appear.ant-move-up-appear-active,.ant-move-up-enter.ant-move-up-enter-active{animation-name:antMoveUpIn;animation-play-state:running}.ant-move-up-leave.ant-move-up-leave-active{animation-name:antMoveUpOut;animation-play-state:running;pointer-events:none}.ant-move-up-appear,.ant-move-up-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-move-up-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.ant-move-down-appear,.ant-move-down-enter,.ant-move-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-move-down-appear.ant-move-down-appear-active,.ant-move-down-enter.ant-move-down-enter-active{animation-name:antMoveDownIn;animation-play-state:running}.ant-move-down-leave.ant-move-down-leave-active{animation-name:antMoveDownOut;animation-play-state:running;pointer-events:none}.ant-move-down-appear,.ant-move-down-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-move-down-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.ant-move-left-appear,.ant-move-left-enter,.ant-move-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-move-left-appear.ant-move-left-appear-active,.ant-move-left-enter.ant-move-left-enter-active{animation-name:antMoveLeftIn;animation-play-state:running}.ant-move-left-leave.ant-move-left-leave-active{animation-name:antMoveLeftOut;animation-play-state:running;pointer-events:none}.ant-move-left-appear,.ant-move-left-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-move-left-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.ant-move-right-appear,.ant-move-right-enter,.ant-move-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-move-right-appear.ant-move-right-appear-active,.ant-move-right-enter.ant-move-right-enter-active{animation-name:antMoveRightIn;animation-play-state:running}.ant-move-right-leave.ant-move-right-leave-active{animation-name:antMoveRightOut;animation-play-state:running;pointer-events:none}.ant-move-right-appear,.ant-move-right-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-move-right-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}@keyframes antMoveDownIn{0%{transform:translateY(100%);transform-origin:0 0;opacity:0}100%{transform:translateY(0);transform-origin:0 0;opacity:1}}@keyframes antMoveDownOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}100%{transform:translateY(100%);transform-origin:0 0;opacity:0}}@keyframes antMoveLeftIn{0%{transform:translateX(-100%);transform-origin:0 0;opacity:0}100%{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes antMoveLeftOut{0%{transform:translateX(0);transform-origin:0 0;opacity:1}100%{transform:translateX(-100%);transform-origin:0 0;opacity:0}}@keyframes antMoveRightIn{0%{transform:translateX(100%);transform-origin:0 0;opacity:0}100%{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes antMoveRightOut{0%{transform:translateX(0);transform-origin:0 0;opacity:1}100%{transform:translateX(100%);transform-origin:0 0;opacity:0}}@keyframes antMoveUpIn{0%{transform:translateY(-100%);transform-origin:0 0;opacity:0}100%{transform:translateY(0);transform-origin:0 0;opacity:1}}@keyframes antMoveUpOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}100%{transform:translateY(-100%);transform-origin:0 0;opacity:0}}@keyframes loadingCircle{100%{transform:rotate(360deg)}}.ant-click-animating-node,[ant-click-animating-without-extra-node=true]::after{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:inherit;box-shadow:0 0 0 0 #1890ff;box-shadow:0 0 0 0 var(--antd-wave-shadow-color);opacity:.2;animation:fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1);animation-fill-mode:forwards;content:'';pointer-events:none}@keyframes waveEffect{100%{box-shadow:0 0 0 #1890ff;box-shadow:0 0 0 6px var(--antd-wave-shadow-color)}}@keyframes fadeEffect{100%{opacity:0}}.ant-slide-up-appear,.ant-slide-up-enter,.ant-slide-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-slide-up-appear.ant-slide-up-appear-active,.ant-slide-up-enter.ant-slide-up-enter-active{animation-name:antSlideUpIn;animation-play-state:running}.ant-slide-up-leave.ant-slide-up-leave-active{animation-name:antSlideUpOut;animation-play-state:running;pointer-events:none}.ant-slide-up-appear,.ant-slide-up-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.ant-slide-up-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.ant-slide-down-appear,.ant-slide-down-enter,.ant-slide-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-slide-down-appear.ant-slide-down-appear-active,.ant-slide-down-enter.ant-slide-down-enter-active{animation-name:antSlideDownIn;animation-play-state:running}.ant-slide-down-leave.ant-slide-down-leave-active{animation-name:antSlideDownOut;animation-play-state:running;pointer-events:none}.ant-slide-down-appear,.ant-slide-down-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.ant-slide-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.ant-slide-left-appear,.ant-slide-left-enter,.ant-slide-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-slide-left-appear.ant-slide-left-appear-active,.ant-slide-left-enter.ant-slide-left-enter-active{animation-name:antSlideLeftIn;animation-play-state:running}.ant-slide-left-leave.ant-slide-left-leave-active{animation-name:antSlideLeftOut;animation-play-state:running;pointer-events:none}.ant-slide-left-appear,.ant-slide-left-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.ant-slide-left-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.ant-slide-right-appear,.ant-slide-right-enter,.ant-slide-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-slide-right-appear.ant-slide-right-appear-active,.ant-slide-right-enter.ant-slide-right-enter-active{animation-name:antSlideRightIn;animation-play-state:running}.ant-slide-right-leave.ant-slide-right-leave-active{animation-name:antSlideRightOut;animation-play-state:running;pointer-events:none}.ant-slide-right-appear,.ant-slide-right-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.ant-slide-right-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes antSlideUpIn{0%{transform:scaleY(.8);transform-origin:0 0;opacity:0}100%{transform:scaleY(1);transform-origin:0 0;opacity:1}}@keyframes antSlideUpOut{0%{transform:scaleY(1);transform-origin:0 0;opacity:1}100%{transform:scaleY(.8);transform-origin:0 0;opacity:0}}@keyframes antSlideDownIn{0%{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}100%{transform:scaleY(1);transform-origin:100% 100%;opacity:1}}@keyframes antSlideDownOut{0%{transform:scaleY(1);transform-origin:100% 100%;opacity:1}100%{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}}@keyframes antSlideLeftIn{0%{transform:scaleX(.8);transform-origin:0 0;opacity:0}100%{transform:scaleX(1);transform-origin:0 0;opacity:1}}@keyframes antSlideLeftOut{0%{transform:scaleX(1);transform-origin:0 0;opacity:1}100%{transform:scaleX(.8);transform-origin:0 0;opacity:0}}@keyframes antSlideRightIn{0%{transform:scaleX(.8);transform-origin:100% 0;opacity:0}100%{transform:scaleX(1);transform-origin:100% 0;opacity:1}}@keyframes antSlideRightOut{0%{transform:scaleX(1);transform-origin:100% 0;opacity:1}100%{transform:scaleX(.8);transform-origin:100% 0;opacity:0}}.ant-zoom-appear,.ant-zoom-enter,.ant-zoom-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-appear.ant-zoom-appear-active,.ant-zoom-enter.ant-zoom-enter-active{animation-name:antZoomIn;animation-play-state:running}.ant-zoom-leave.ant-zoom-leave-active{animation-name:antZoomOut;animation-play-state:running;pointer-events:none}.ant-zoom-appear,.ant-zoom-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-appear-prepare,.ant-zoom-enter-prepare{transform:none}.ant-zoom-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-big-appear,.ant-zoom-big-enter,.ant-zoom-big-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-big-appear.ant-zoom-big-appear-active,.ant-zoom-big-enter.ant-zoom-big-enter-active{animation-name:antZoomBigIn;animation-play-state:running}.ant-zoom-big-leave.ant-zoom-big-leave-active{animation-name:antZoomBigOut;animation-play-state:running;pointer-events:none}.ant-zoom-big-appear,.ant-zoom-big-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-big-appear-prepare,.ant-zoom-big-enter-prepare{transform:none}.ant-zoom-big-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-big-fast-appear,.ant-zoom-big-fast-enter,.ant-zoom-big-fast-leave{animation-duration:.1s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active,.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active{animation-name:antZoomBigIn;animation-play-state:running}.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active{animation-name:antZoomBigOut;animation-play-state:running;pointer-events:none}.ant-zoom-big-fast-appear,.ant-zoom-big-fast-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-big-fast-appear-prepare,.ant-zoom-big-fast-enter-prepare{transform:none}.ant-zoom-big-fast-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-up-appear,.ant-zoom-up-enter,.ant-zoom-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-up-appear.ant-zoom-up-appear-active,.ant-zoom-up-enter.ant-zoom-up-enter-active{animation-name:antZoomUpIn;animation-play-state:running}.ant-zoom-up-leave.ant-zoom-up-leave-active{animation-name:antZoomUpOut;animation-play-state:running;pointer-events:none}.ant-zoom-up-appear,.ant-zoom-up-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-up-appear-prepare,.ant-zoom-up-enter-prepare{transform:none}.ant-zoom-up-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-down-appear,.ant-zoom-down-enter,.ant-zoom-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-down-appear.ant-zoom-down-appear-active,.ant-zoom-down-enter.ant-zoom-down-enter-active{animation-name:antZoomDownIn;animation-play-state:running}.ant-zoom-down-leave.ant-zoom-down-leave-active{animation-name:antZoomDownOut;animation-play-state:running;pointer-events:none}.ant-zoom-down-appear,.ant-zoom-down-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-down-appear-prepare,.ant-zoom-down-enter-prepare{transform:none}.ant-zoom-down-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-left-appear,.ant-zoom-left-enter,.ant-zoom-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-left-appear.ant-zoom-left-appear-active,.ant-zoom-left-enter.ant-zoom-left-enter-active{animation-name:antZoomLeftIn;animation-play-state:running}.ant-zoom-left-leave.ant-zoom-left-leave-active{animation-name:antZoomLeftOut;animation-play-state:running;pointer-events:none}.ant-zoom-left-appear,.ant-zoom-left-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-left-appear-prepare,.ant-zoom-left-enter-prepare{transform:none}.ant-zoom-left-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-right-appear,.ant-zoom-right-enter,.ant-zoom-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-right-appear.ant-zoom-right-appear-active,.ant-zoom-right-enter.ant-zoom-right-enter-active{animation-name:antZoomRightIn;animation-play-state:running}.ant-zoom-right-leave.ant-zoom-right-leave-active{animation-name:antZoomRightOut;animation-play-state:running;pointer-events:none}.ant-zoom-right-appear,.ant-zoom-right-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-right-appear-prepare,.ant-zoom-right-enter-prepare{transform:none}.ant-zoom-right-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}@keyframes antZoomIn{0%{transform:scale(.2);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes antZoomOut{0%{transform:scale(1)}100%{transform:scale(.2);opacity:0}}@keyframes antZoomBigIn{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes antZoomBigOut{0%{transform:scale(1)}100%{transform:scale(.8);opacity:0}}@keyframes antZoomUpIn{0%{transform:scale(.8);transform-origin:50% 0;opacity:0}100%{transform:scale(1);transform-origin:50% 0}}@keyframes antZoomUpOut{0%{transform:scale(1);transform-origin:50% 0}100%{transform:scale(.8);transform-origin:50% 0;opacity:0}}@keyframes antZoomLeftIn{0%{transform:scale(.8);transform-origin:0 50%;opacity:0}100%{transform:scale(1);transform-origin:0 50%}}@keyframes antZoomLeftOut{0%{transform:scale(1);transform-origin:0 50%}100%{transform:scale(.8);transform-origin:0 50%;opacity:0}}@keyframes antZoomRightIn{0%{transform:scale(.8);transform-origin:100% 50%;opacity:0}100%{transform:scale(1);transform-origin:100% 50%}}@keyframes antZoomRightOut{0%{transform:scale(1);transform-origin:100% 50%}100%{transform:scale(.8);transform-origin:100% 50%;opacity:0}}@keyframes antZoomDownIn{0%{transform:scale(.8);transform-origin:50% 100%;opacity:0}100%{transform:scale(1);transform-origin:50% 100%}}@keyframes antZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}100%{transform:scale(.8);transform-origin:50% 100%;opacity:0}}.ant-motion-collapse-legacy{overflow:hidden}.ant-motion-collapse-legacy-active{transition:height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important}.ant-motion-collapse{overflow:hidden;transition:height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important}.cdk-overlay-container{pointer-events:none;top:0;left:0;position:fixed;z-index:1000}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}.cdk-overlay-backdrop{top:0;bottom:0;left:0;right:0;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0;position:absolute;pointer-events:auto;z-index:1000}.cdk-overlay-backdrop.ant-modal-mask{opacity:1}.cdk-overlay-pane{position:absolute;pointer-events:auto;z-index:1000}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-global-scrollblock body{overflow-x:visible}.nz-overlay-transparent-backdrop,.nz-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.nz-animate-disabled.ant-drawer.ant-drawer-open .ant-drawer-mask,.nz-animate-disabled.ant-scroll-number-only{animation:none;transition:none}.nz-animate-disabled.ant-drawer>*{transition:none}.nz-animate-disabled .ant-modal,.nz-animate-disabled .ant-modal-mask,.nz-animate-disabled .ant-modal-mask.zoom-enter,.nz-animate-disabled .ant-modal-mask.zoom-enter-active,.nz-animate-disabled .ant-modal-mask.zoom-leave,.nz-animate-disabled .ant-modal-mask.zoom-leave-active,.nz-animate-disabled .ant-modal.zoom-enter,.nz-animate-disabled .ant-modal.zoom-enter-active,.nz-animate-disabled .ant-modal.zoom-leave,.nz-animate-disabled .ant-modal.zoom-leave-active{animation:none;transition:none}.nz-animate-disabled.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg,.nz-animate-disabled.ant-menu,.nz-animate-disabled.ant-menu .ant-menu-item,.nz-animate-disabled.ant-menu .ant-menu-item .anticon,.nz-animate-disabled.ant-menu .ant-menu-item .anticon+span,.nz-animate-disabled.ant-menu .ant-menu-submenu-title,.nz-animate-disabled.ant-menu .ant-menu-submenu-title .anticon,.nz-animate-disabled.ant-menu .ant-menu-submenu-title .anticon+span,.nz-animate-disabled.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated,.nz-animate-disabled.ant-tabs .ant-tabs-bottom-content>.ant-tabs-tabpane,.nz-animate-disabled.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,.nz-animate-disabled.ant-tabs .ant-tabs-top-content>.ant-tabs-tabpane,.nz-animate-disabled.ant-tabs.ant-tabs-bottom .ant-tabs-ink-bar-animated,.nz-animate-disabled.ant-tabs.ant-tabs-left .ant-tabs-ink-bar-animated,.nz-animate-disabled.ant-tabs.ant-tabs-right .ant-tabs-ink-bar-animated,.nz-animate-disabled.ant-tabs.ant-tabs-top .ant-tabs-ink-bar-animated{transition:none}.ant-affix{position:fixed;z-index:10}.ant-alert,.ant-anchor{position:relative;list-style:none}nz-affix{display:block}.ant-alert{box-sizing:border-box;margin:0;font-size:12px;font-variant:tabular-nums;line-height:1.66667;font-feature-settings:tnum;display:flex;align-items:center;padding:8px 15px;word-wrap:break-word;border-radius:2px}.ant-alert-content{flex:1;min-width:0}.ant-alert-icon{margin-right:4px}.ant-alert-description{display:none;font-size:12px;line-height:20px}.ant-alert-success{background-color:#f6ffed;border:1px solid #b7eb8f}.ant-alert-success .ant-alert-icon{color:#52c41a}.ant-alert-info{background-color:#e6f7ff;border:1px solid #91d5ff}.ant-alert-info .ant-alert-icon{color:#1890ff}.ant-alert-warning{background-color:#fffbe6;border:1px solid #ffe58f}.ant-alert-warning .ant-alert-icon{color:#faad14}.ant-alert-error{background-color:#fff2f0;border:1px solid #ffccc7}.ant-alert-error .ant-alert-icon{color:#ff4d4f}.ant-alert-error .ant-alert-description>pre{margin:0;padding:0}.ant-alert-action{margin-left:4px}.ant-alert-close-icon{margin-left:4px;padding:0;overflow:hidden;font-size:12px;line-height:12px;background-color:transparent;border:none;outline:0;cursor:pointer}.ant-alert-close-icon .anticon-close{color:rgba(0,0,0,.45);transition:color .3s}.ant-alert-close-icon .anticon-close:hover{color:rgba(0,0,0,.75)}.ant-alert-close-text{color:rgba(0,0,0,.45);transition:color .3s}.ant-alert-close-text:hover{color:rgba(0,0,0,.75)}.ant-alert-with-description{align-items:flex-start;padding:11px 15px 7px 20px}.ant-alert-with-description.ant-alert-no-icon{padding:7px 15px}.ant-alert-with-description .ant-alert-icon{margin-right:11px;font-size:20px}.ant-alert-with-description .ant-alert-message{display:block;margin-bottom:4px;color:rgba(0,0,0,.85);font-size:14px}.ant-anchor,.ant-avatar{font-size:12px;font-variant:tabular-nums;font-feature-settings:tnum;box-sizing:border-box}.ant-alert-message{color:rgba(0,0,0,.85)}.ant-alert-with-description .ant-alert-description{display:block}.ant-alert.ant-alert-motion-leave{overflow:hidden;opacity:1;transition:max-height .3s cubic-bezier(.78,.14,.15,.86),opacity .3s cubic-bezier(.78,.14,.15,.86),padding-top .3s cubic-bezier(.78,.14,.15,.86),padding-bottom .3s cubic-bezier(.78,.14,.15,.86),margin-bottom .3s cubic-bezier(.78,.14,.15,.86)}.ant-alert.ant-alert-motion-leave-active{max-height:0;margin-bottom:0!important;padding-top:0;padding-bottom:0;opacity:0}.ant-alert-banner{margin-bottom:0;border:0;border-radius:0}.ant-alert.ant-alert-rtl{direction:rtl}.ant-alert-rtl.ant-alert.ant-alert-no-icon{padding:4px 15px}.ant-alert-rtl .ant-alert-icon{margin-right:auto;margin-left:4px}.ant-alert-rtl .ant-alert-action,.ant-alert-rtl .ant-alert-close-icon{margin-right:4px;margin-left:auto}.ant-alert-rtl.ant-alert-with-description .ant-alert-icon{margin-right:auto;margin-left:11px}nz-alert{display:block}.ant-anchor{margin:0;padding:0 0 0 2px;color:rgba(0,0,0,.85);line-height:1.66667}.ant-anchor-wrapper{margin-left:-4px;padding-left:4px;overflow:auto;background-color:transparent}.ant-anchor-ink{position:absolute;top:0;left:0;height:100%}.ant-anchor-ink::before{position:relative;display:block;width:2px;height:100%;margin:0 auto;background-color:#f0f0f0;content:' '}.ant-anchor-ink-ball{position:absolute;left:50%;display:none;width:8px;height:8px;background-color:#fff;border:2px solid #1890ff;border-radius:8px;transform:translateX(-50%);transition:top .3s ease-in-out}.ant-anchor-ink-ball.visible{display:inline-block}.ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball{display:none}.ant-anchor-link{padding:4px 0 4px 16px;line-height:1.143}.ant-anchor-link-title{position:relative;display:block;margin-bottom:6px;overflow:hidden;color:rgba(0,0,0,.85);white-space:nowrap;text-overflow:ellipsis;transition:all .3s}.ant-anchor-link-title:only-child{margin-bottom:0}.ant-anchor-link-active>.ant-anchor-link-title{color:#1890ff}.ant-anchor-link .ant-anchor-link{padding-top:5px;padding-bottom:5px}.ant-anchor-rtl{direction:rtl}.ant-anchor-rtl.ant-anchor-wrapper{margin-right:-4px;margin-left:0;padding-right:4px;padding-left:0}.ant-avatar,.ant-avatar-lg.ant-avatar-icon>.anticon,.ant-avatar-sm.ant-avatar-icon>.anticon,.ant-avatar.ant-avatar-icon>.anticon{margin:0}.ant-anchor-rtl .ant-anchor-ink{right:0;left:auto}.ant-anchor-rtl .ant-anchor-ink-ball{right:50%;left:0;transform:translateX(50%)}.ant-anchor-rtl .ant-anchor-link{padding:4px 16px 4px 0}nz-link{display:block}.ant-avatar{padding:0;list-style:none;position:relative;display:inline-block;overflow:hidden;color:#fff;white-space:nowrap;text-align:center;background:#ccc;width:28px;height:28px;line-height:28px;border-radius:50%}.ant-avatar-lg-string,.ant-avatar-sm-string,.ant-avatar-string{position:absolute;left:50%;transform-origin:0 center}.ant-avatar-image{background:0 0}.ant-avatar .ant-image-img{display:block}.ant-avatar.ant-avatar-icon{font-size:16px}.ant-avatar-lg.ant-avatar-icon,.ant-spin-dot{font-size:20px}.ant-avatar-lg{width:32px;height:32px;line-height:32px;border-radius:50%}.ant-avatar-sm.ant-avatar-icon,.ant-back-top{font-size:12px}.ant-avatar-sm{width:22px;height:22px;line-height:22px;border-radius:50%}.ant-avatar-square{border-radius:2px}.ant-avatar>img{display:block;width:100%;height:100%;object-fit:cover}.ant-avatar-group,.ant-btn-group{display:inline-flex}.ant-avatar-group .ant-avatar{border:1px solid #fff}.ant-avatar-group .ant-avatar:not(:first-child){margin-left:-8px}.ant-avatar-group-popover .ant-avatar+.ant-avatar{margin-left:3px}.ant-avatar-group-rtl .ant-avatar:not(:first-child){margin-right:-8px;margin-left:0}.ant-avatar-group-popover.ant-popover-rtl .ant-avatar+.ant-avatar{margin-right:3px;margin-left:0}.ant-back-top,.ant-badge{margin:0;padding:0;font-variant:tabular-nums;font-feature-settings:tnum;list-style:none}.ant-back-top{box-sizing:border-box;color:rgba(0,0,0,.85);line-height:1.66667;position:fixed;right:100px;bottom:50px;z-index:10;width:40px;height:40px;cursor:pointer}.ant-back-top:empty{display:none}.ant-back-top-rtl{right:auto;left:100px;direction:rtl}.ant-back-top-content{width:40px;height:40px;overflow:hidden;color:#fff;text-align:center;background-color:rgba(0,0,0,.45);border-radius:20px;transition:all .3s}.ant-back-top-content:hover{background-color:rgba(0,0,0,.85);transition:all .3s}.ant-badge-count,.ant-badge-dot{background:#ff4d4f;box-shadow:0 0 0 1px #fff}.ant-back-top-icon{font-size:24px;line-height:40px}@media screen and (max-width:768px){.ant-back-top{right:60px}}@media screen and (max-width:480px){.ant-back-top{right:20px}}.ant-badge{box-sizing:border-box;color:rgba(0,0,0,.85);font-size:12px;position:relative;display:inline-block;line-height:1}.ant-badge-count{z-index:auto;min-width:18px;height:18px;padding:0 6px;color:#fff;font-weight:400;font-size:12px;line-height:18px;white-space:nowrap;text-align:center;border-radius:9px}.ant-badge-count a,.ant-badge-count a:hover{color:#fff}.ant-badge-count-sm{min-width:14px;height:14px;padding:0;font-size:12px;line-height:14px;border-radius:7px}.ant-badge-multiple-words,.ant-ribbon{padding:0 8px}.ant-badge-dot,.ant-spin-dot-item,.g2-card__avatar img{border-radius:100%}.ant-badge-dot{z-index:auto;width:6px;min-width:6px;height:6px}.ant-badge .ant-scroll-number-custom-component,.ant-badge-count,.ant-badge-dot{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0}.ant-badge .ant-scroll-number-custom-component.anticon-spin,.ant-badge-count.anticon-spin,.ant-badge-dot.anticon-spin{animation:antBadgeLoadingCircle 1s infinite linear}.ant-badge-status{line-height:inherit}.ant-badge-not-a-wrapper:not(.ant-badge-status),.ant-badge-status-dot{vertical-align:middle}.ant-badge-status-dot{position:relative;top:-1px;display:inline-block;width:6px;height:6px;border-radius:50%}.ant-badge-status-success{background-color:#52c41a}.ant-badge-status-processing{position:relative;background-color:#1890ff}.ant-badge-status-processing::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #1890ff;border-radius:50%;animation:antStatusProcessing 1.2s infinite ease-in-out;content:''}.ant-badge-status-default{background-color:#d9d9d9}.ant-badge-status-error{background-color:#ff4d4f}.ant-badge-status-warning{background-color:#faad14}.ant-badge-status-magenta,.ant-badge-status-pink{background:#eb2f96}.ant-badge-status-red{background:#f5222d}.ant-badge-status-volcano{background:#fa541c}.ant-badge-status-orange{background:#fa8c16}.ant-badge-status-yellow{background:#fadb14}.ant-badge-status-gold{background:#faad14}.ant-badge-status-cyan{background:#13c2c2}.ant-badge-status-lime{background:#a0d911}.ant-badge-status-green{background:#52c41a}.ant-badge-status-blue{background:#1890ff}.ant-badge-status-geekblue{background:#2f54eb}.ant-badge-status-purple{background:#722ed1}.ant-badge-status-text{margin-left:8px;color:rgba(0,0,0,.85);font-size:12px}.ant-badge-zoom-appear,.ant-badge-zoom-enter{animation:antZoomBadgeIn .3s cubic-bezier(.12,.4,.29,1.46);animation-fill-mode:both}.ant-badge-zoom-leave{animation:antZoomBadgeOut .3s cubic-bezier(.71,-.46,.88,.6);animation-fill-mode:both}.ant-badge-not-a-wrapper .ant-badge-zoom-appear,.ant-badge-not-a-wrapper .ant-badge-zoom-enter{animation:antNoWrapperZoomBadgeIn .3s cubic-bezier(.12,.4,.29,1.46)}.ant-badge-not-a-wrapper .ant-badge-zoom-leave{animation:antNoWrapperZoomBadgeOut .3s cubic-bezier(.71,-.46,.88,.6)}.ant-badge-not-a-wrapper .ant-scroll-number-custom-component{transform:none}.ant-badge-not-a-wrapper .ant-scroll-number,.ant-badge-not-a-wrapper .ant-scroll-number-custom-component{position:relative;top:auto;display:block;transform-origin:50% 50%}@keyframes antStatusProcessing{0%{transform:scale(.8);opacity:.5}100%{transform:scale(2.4);opacity:0}}.ant-scroll-number-only,.ant-scroll-number-only>p.ant-scroll-number-only-unit{-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;height:18px}.ant-scroll-number{overflow:hidden}.ant-scroll-number-only{position:relative;display:inline-block;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-scroll-number-only>p.ant-scroll-number-only-unit{margin:0}.ant-scroll-number-symbol{vertical-align:top}@keyframes antZoomBadgeIn{0%{transform:scale(0) translate(50%,-50%);opacity:0}100%{transform:scale(1) translate(50%,-50%)}}@keyframes antZoomBadgeOut{0%{transform:scale(1) translate(50%,-50%)}100%{transform:scale(0) translate(50%,-50%);opacity:0}}@keyframes antNoWrapperZoomBadgeIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1)}}@keyframes antNoWrapperZoomBadgeOut{0%{transform:scale(1)}100%{transform:scale(0);opacity:0}}@keyframes antBadgeLoadingCircle{0%{transform-origin:50%}100%{transform:translate(50%,-50%) rotate(360deg);transform-origin:50%}}.ant-ribbon-wrapper{position:relative}.ant-ribbon{box-sizing:border-box;margin:0;font-size:12px;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;position:absolute;top:8px;height:22px;color:#fff;line-height:22px;white-space:nowrap;background-color:#1890ff;border-radius:2px}.ant-breadcrumb,.ant-btn{line-height:1.66667;font-size:12px}.ant-ribbon-text{color:#fff}.ant-ribbon-corner{position:absolute;top:100%;width:8px;height:8px;color:currentColor;border:4px solid;transform:scaleY(.75);transform-origin:top}.ant-ribbon-corner::after{position:absolute;top:-4px;left:-4px;width:inherit;height:inherit;color:rgba(0,0,0,.25);border:inherit;content:''}.ant-ribbon-color-magenta,.ant-ribbon-color-pink{color:#eb2f96;background:#eb2f96}.ant-ribbon-color-red{color:#f5222d;background:#f5222d}.ant-ribbon-color-volcano{color:#fa541c;background:#fa541c}.ant-ribbon-color-orange{color:#fa8c16;background:#fa8c16}.ant-ribbon-color-yellow{color:#fadb14;background:#fadb14}.ant-ribbon-color-gold{color:#faad14;background:#faad14}.ant-ribbon-color-cyan{color:#13c2c2;background:#13c2c2}.ant-ribbon-color-lime{color:#a0d911;background:#a0d911}.ant-ribbon-color-green{color:#52c41a;background:#52c41a}.ant-ribbon-color-blue{color:#1890ff;background:#1890ff}.ant-ribbon-color-geekblue{color:#2f54eb;background:#2f54eb}.ant-ribbon-color-purple{color:#722ed1;background:#722ed1}.ant-ribbon.ant-ribbon-placement-end{right:-8px;border-bottom-right-radius:0}.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner{right:0;border-color:currentColor transparent transparent currentColor}.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner,.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after,.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner{border-color:currentColor currentColor transparent transparent}.ant-ribbon.ant-ribbon-placement-start{left:-8px;border-bottom-left-radius:0}.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner{left:0}.ant-badge-rtl{direction:rtl}.ant-badge-rtl .ant-badge .ant-scroll-number-custom-component,.ant-badge-rtl .ant-badge-count,.ant-badge-rtl .ant-badge-dot{right:auto;left:0;direction:ltr;transform:translate(-50%,-50%);transform-origin:0 0}.ant-breadcrumb-rtl,.ant-btn-group.ant-btn-group-rtl,.ant-btn-rtl,.ant-card-rtl,.ant-carousel-rtl,.ant-checkbox-rtl,.ant-collapse-rtl,.ant-comment-rtl,.ant-picker-dropdown-rtl .ant-picker-footer-extra,.ant-picker-input>input-rtl,.ant-picker-panel-rtl,.ant-picker-rtl,.ant-ribbon-rtl{direction:rtl}.ant-badge-rtl.ant-badge .ant-scroll-number-custom-component{right:auto;left:0;transform:translate(-50%,-50%);transform-origin:0 0}.ant-badge-rtl .ant-badge-status-text{margin-right:8px;margin-left:0}.ant-badge-rtl .ant-badge-zoom-appear,.ant-badge-rtl .ant-badge-zoom-enter{animation-name:antZoomBadgeInRtl}.ant-badge-rtl .ant-badge-zoom-leave{animation-name:antZoomBadgeOutRtl}.ant-badge-not-a-wrapper .ant-badge-count{transform:none}.ant-ribbon-rtl.ant-ribbon-placement-end{right:unset;left:-8px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner{right:unset;left:0}.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner,.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after{border-color:currentColor transparent transparent currentColor}.ant-ribbon-rtl.ant-ribbon-placement-start{right:-8px;left:unset;border-bottom-right-radius:0;border-bottom-left-radius:2px}.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner{right:0;left:unset}@keyframes antZoomBadgeInRtl{0%{transform:scale(0) translate(-50%,-50%);opacity:0}100%{transform:scale(1) translate(-50%,-50%)}}@keyframes antZoomBadgeOutRtl{0%{transform:scale(1) translate(-50%,-50%)}100%{transform:scale(0) translate(-50%,-50%);opacity:0}}.ant-badge .ant-scroll-number:only-child{position:relative;top:auto;display:block}.ant-badge .ant-badge-count:only-child{transform:none}nz-ribbon{display:block}.ant-breadcrumb{box-sizing:border-box;margin:0;padding:0;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;color:rgba(0,0,0,.45)}.ant-breadcrumb .anticon{font-size:12px}.ant-breadcrumb a{color:rgba(0,0,0,.45);transition:color .3s}.ant-breadcrumb a:hover{color:#40a9ff}.ant-breadcrumb>span:last-child,.ant-breadcrumb>span:last-child a{color:rgba(0,0,0,.85)}.ant-breadcrumb>span:last-child .ant-breadcrumb-separator{display:none}.ant-breadcrumb-rtl::after,.ant-breadcrumb-rtl::before{display:table;content:''}.ant-breadcrumb-separator{margin:0 4px;color:rgba(0,0,0,.45)}.ant-breadcrumb>nz-breadcrumb-item:last-child,.ant-breadcrumb>nz-breadcrumb-item:last-child a,.ant-btn{color:rgba(0,0,0,.85)}.ant-breadcrumb-link>.anticon+a,.ant-breadcrumb-link>.anticon+span,.ant-breadcrumb-overlay-link>.anticon{margin-left:4px}.ant-breadcrumb-rtl::after{clear:both}.ant-breadcrumb-rtl>span{float:right}.ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+a,.ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+span,.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link>.anticon{margin-right:4px;margin-left:0}.ant-breadcrumb-link .anticon+span{margin-left:4px}.ant-breadcrumb-rtl>nz-breadcrumb-item{float:right}nz-breadcrumb{display:block}nz-breadcrumb-item:last-child .ant-breadcrumb-separator{display:none}.ant-btn,.ant-btn>span{display:inline-block}.ant-btn{position:relative;font-weight:400;white-space:nowrap;text-align:center;border:1px solid #d9d9d9;box-shadow:0 2px 0 rgba(0,0,0,.015);cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);user-select:none;height:28px;padding:3px 11px;border-radius:2px;background:#fff}.ant-btn:active>a:only-child::after,.ant-btn:focus>a:only-child::after,.ant-btn:hover>a:only-child::after,.ant-btn>a:only-child::after{background:0 0;top:0;right:0;bottom:0;left:0;position:absolute;content:''}.ant-btn>.anticon{line-height:1}.ant-btn,.ant-btn:active,.ant-btn:focus{outline:0}.ant-btn:not([disabled]):hover{text-decoration:none}.ant-btn:not([disabled]):active{outline:0;box-shadow:none}.ant-btn[disabled]{cursor:not-allowed}.ant-btn[disabled]>*{pointer-events:none}.ant-btn-lg{height:32px;padding:3.3px 11px;font-size:14px;border-radius:2px}.ant-btn-sm{height:22px;padding:0 7px;font-size:12px;border-radius:2px}.ant-btn>a:only-child{color:currentColor}.ant-btn:focus,.ant-btn:hover{color:#40a9ff;border-color:#40a9ff}.ant-btn:focus>a:only-child,.ant-btn:hover>a:only-child{color:currentColor}.ant-btn:active{color:#096dd9;border-color:#096dd9}.ant-btn:active>a:only-child{color:currentColor}.ant-btn[disabled],.ant-btn[disabled]:active,.ant-btn[disabled]:focus,.ant-btn[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn[disabled]:active>a:only-child,.ant-btn[disabled]:focus>a:only-child,.ant-btn[disabled]:hover>a:only-child,.ant-btn[disabled]>a:only-child{color:currentColor}.ant-btn[disabled]:active>a:only-child::after,.ant-btn[disabled]:focus>a:only-child::after,.ant-btn[disabled]:hover>a:only-child::after,.ant-btn[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn:active,.ant-btn:focus,.ant-btn:hover{text-decoration:none;background:#fff}.ant-btn-primary{color:#fff;background:#1890ff;border-color:#1890ff;text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px 0 rgba(0,0,0,.045)}.ant-btn-primary>a:only-child{color:currentColor}.ant-btn-primary>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-primary:focus,.ant-btn-primary:hover{color:#fff;background:#40a9ff;border-color:#40a9ff}.ant-btn-primary:focus>a:only-child,.ant-btn-primary:hover>a:only-child{color:currentColor}.ant-btn-primary:focus>a:only-child::after,.ant-btn-primary:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-primary:active{color:#fff;background:#096dd9;border-color:#096dd9}.ant-btn-primary:active>a:only-child{color:currentColor}.ant-btn-primary:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-primary[disabled],.ant-btn-primary[disabled]:active,.ant-btn-primary[disabled]:focus,.ant-btn-primary[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-primary[disabled]>a:only-child{color:currentColor}.ant-btn-primary[disabled]:active>a:only-child::after,.ant-btn-primary[disabled]:focus>a:only-child::after,.ant-btn-primary[disabled]:hover>a:only-child::after,.ant-btn-primary[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child){border-right-color:#40a9ff;border-left-color:#40a9ff}.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled{border-color:#d9d9d9}.ant-btn-group .ant-btn-primary:first-child:not(:last-child){border-right-color:#40a9ff}.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled]{border-right-color:#d9d9d9}.ant-btn-group .ant-btn-primary+.ant-btn-primary,.ant-btn-group .ant-btn-primary:last-child:not(:first-child){border-left-color:#40a9ff}.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled]{border-left-color:#d9d9d9}.ant-btn-ghost{color:rgba(0,0,0,.85);background:0 0;border-color:#d9d9d9}.ant-btn-ghost>a:only-child{color:currentColor}.ant-btn-ghost>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-ghost:focus,.ant-btn-ghost:hover{color:#40a9ff;background:0 0;border-color:#40a9ff}.ant-btn-ghost:focus>a:only-child,.ant-btn-ghost:hover>a:only-child{color:currentColor}.ant-btn-ghost:focus>a:only-child::after,.ant-btn-ghost:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-ghost:active{color:#096dd9;background:0 0;border-color:#096dd9}.ant-btn-ghost:active>a:only-child{color:currentColor}.ant-btn-ghost:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-ghost[disabled],.ant-btn-ghost[disabled]:active,.ant-btn-ghost[disabled]:focus,.ant-btn-ghost[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-ghost[disabled]:active>a:only-child,.ant-btn-ghost[disabled]:focus>a:only-child,.ant-btn-ghost[disabled]:hover>a:only-child,.ant-btn-ghost[disabled]>a:only-child{color:currentColor}.ant-btn-ghost[disabled]:active>a:only-child::after,.ant-btn-ghost[disabled]:focus>a:only-child::after,.ant-btn-ghost[disabled]:hover>a:only-child::after,.ant-btn-ghost[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dashed{color:rgba(0,0,0,.85);background:#fff;border-color:#d9d9d9;border-style:dashed}.ant-btn-dashed>a:only-child{color:currentColor}.ant-btn-dashed>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dashed:focus,.ant-btn-dashed:hover{color:#40a9ff;background:#fff;border-color:#40a9ff}.ant-btn-dashed:focus>a:only-child,.ant-btn-dashed:hover>a:only-child{color:currentColor}.ant-btn-dashed:focus>a:only-child::after,.ant-btn-dashed:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dashed:active{color:#096dd9;background:#fff;border-color:#096dd9}.ant-btn-dashed:active>a:only-child{color:currentColor}.ant-btn-dashed:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dashed[disabled],.ant-btn-dashed[disabled]:active,.ant-btn-dashed[disabled]:focus,.ant-btn-dashed[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-dashed[disabled]:active>a:only-child,.ant-btn-dashed[disabled]:focus>a:only-child,.ant-btn-dashed[disabled]:hover>a:only-child,.ant-btn-dashed[disabled]>a:only-child{color:currentColor}.ant-btn-dashed[disabled]:active>a:only-child::after,.ant-btn-dashed[disabled]:focus>a:only-child::after,.ant-btn-dashed[disabled]:hover>a:only-child::after,.ant-btn-dashed[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-danger{color:#fff;background:#ff4d4f;border-color:#ff4d4f;text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px 0 rgba(0,0,0,.045)}.ant-btn-danger>a:only-child{color:currentColor}.ant-btn-danger>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-danger:focus,.ant-btn-danger:hover{color:#fff;background:#ff7875;border-color:#ff7875}.ant-btn-danger:focus>a:only-child,.ant-btn-danger:hover>a:only-child{color:currentColor}.ant-btn-danger:focus>a:only-child::after,.ant-btn-danger:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-danger:active{color:#fff;background:#d9363e;border-color:#d9363e}.ant-btn-danger:active>a:only-child{color:currentColor}.ant-btn-danger:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-danger[disabled],.ant-btn-danger[disabled]:active,.ant-btn-danger[disabled]:focus,.ant-btn-danger[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-danger[disabled]:active>a:only-child,.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-danger[disabled]>a:only-child{color:currentColor}.ant-btn-danger[disabled]:active>a:only-child::after,.ant-btn-danger[disabled]:focus>a:only-child::after,.ant-btn-danger[disabled]:hover>a:only-child::after,.ant-btn-danger[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-link{color:#1890ff;background:0 0;border-color:transparent;box-shadow:none}.ant-btn-link>a:only-child{color:currentColor}.ant-btn-link>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-link:focus,.ant-btn-link:hover{color:#40a9ff;background:0 0;border-color:#40a9ff}.ant-btn-link:focus>a:only-child,.ant-btn-link:hover>a:only-child{color:currentColor}.ant-btn-link:focus>a:only-child::after,.ant-btn-link:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-link:active{color:#096dd9;background:0 0}.ant-btn-link:active>a:only-child{color:currentColor}.ant-btn-link:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-link:hover{background:0 0}.ant-btn-link:active,.ant-btn-link:focus,.ant-btn-link:hover{border-color:transparent}.ant-btn-link[disabled],.ant-btn-link[disabled]:active,.ant-btn-link[disabled]:focus,.ant-btn-link[disabled]:hover{color:rgba(0,0,0,.25);background:0 0;border-color:transparent;text-shadow:none;box-shadow:none}.ant-btn-link[disabled]:active>a:only-child,.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-link[disabled]>a:only-child{color:currentColor}.ant-btn-link[disabled]:active>a:only-child::after,.ant-btn-link[disabled]:focus>a:only-child::after,.ant-btn-link[disabled]:hover>a:only-child::after,.ant-btn-link[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-text{color:rgba(0,0,0,.85);background:0 0;border-color:transparent;box-shadow:none}.ant-btn-text>a:only-child{color:currentColor}.ant-btn-text>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-text:focus,.ant-btn-text:hover{color:#40a9ff}.ant-btn-text:focus>a:only-child,.ant-btn-text:hover>a:only-child{color:currentColor}.ant-btn-text:focus>a:only-child::after,.ant-btn-text:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-text:active{color:#096dd9}.ant-btn-text:active>a:only-child{color:currentColor}.ant-btn-text:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-text:focus,.ant-btn-text:hover{color:rgba(0,0,0,.85);background:rgba(0,0,0,.018);border-color:transparent}.ant-btn-text:active{color:rgba(0,0,0,.85);background:rgba(0,0,0,.028);border-color:transparent}.ant-btn-text[disabled],.ant-btn-text[disabled]:active,.ant-btn-text[disabled]:focus,.ant-btn-text[disabled]:hover{color:rgba(0,0,0,.25);background:0 0;border-color:transparent;text-shadow:none;box-shadow:none}.ant-btn-text[disabled]:active>a:only-child,.ant-btn-text[disabled]:focus>a:only-child,.ant-btn-text[disabled]:hover>a:only-child,.ant-btn-text[disabled]>a:only-child{color:currentColor}.ant-btn-text[disabled]:active>a:only-child::after,.ant-btn-text[disabled]:focus>a:only-child::after,.ant-btn-text[disabled]:hover>a:only-child::after,.ant-btn-text[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous{color:#ff4d4f;background:#fff;border-color:#ff4d4f}.ant-btn-dangerous>a:only-child{color:currentColor}.ant-btn-dangerous>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous:focus,.ant-btn-dangerous:hover{color:#ff7875;background:#fff;border-color:#ff7875}.ant-btn-dangerous:focus>a:only-child,.ant-btn-dangerous:hover>a:only-child{color:currentColor}.ant-btn-dangerous:focus>a:only-child::after,.ant-btn-dangerous:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous:active{color:#d9363e;background:#fff;border-color:#d9363e}.ant-btn-dangerous:active>a:only-child{color:currentColor}.ant-btn-dangerous:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous[disabled],.ant-btn-dangerous[disabled]:active,.ant-btn-dangerous[disabled]:focus,.ant-btn-dangerous[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-dangerous[disabled]:active>a:only-child,.ant-btn-dangerous[disabled]:focus>a:only-child,.ant-btn-dangerous[disabled]:hover>a:only-child,.ant-btn-dangerous[disabled]>a:only-child{color:currentColor}.ant-btn-dangerous[disabled]:active>a:only-child::after,.ant-btn-dangerous[disabled]:focus>a:only-child::after,.ant-btn-dangerous[disabled]:hover>a:only-child::after,.ant-btn-dangerous[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-primary{color:#fff;background:#ff4d4f;border-color:#ff4d4f;text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px 0 rgba(0,0,0,.045)}.ant-btn-dangerous.ant-btn-primary>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-primary>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-primary:focus,.ant-btn-dangerous.ant-btn-primary:hover{color:#fff;background:#ff7875;border-color:#ff7875}.ant-btn-dangerous.ant-btn-primary:focus>a:only-child,.ant-btn-dangerous.ant-btn-primary:hover>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-primary:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-primary:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-primary:active{color:#fff;background:#d9363e;border-color:#d9363e}.ant-btn-dangerous.ant-btn-primary:active>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-primary:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-primary[disabled],.ant-btn-dangerous.ant-btn-primary[disabled]:active,.ant-btn-dangerous.ant-btn-primary[disabled]:focus,.ant-btn-dangerous.ant-btn-primary[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child::after,.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child::after,.ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-link{color:#ff4d4f;background:0 0;border-color:transparent;box-shadow:none}.ant-btn-dangerous.ant-btn-link>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-link>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-link:focus,.ant-btn-dangerous.ant-btn-link:hover{color:#ff7875;background:0 0;border-color:transparent}.ant-btn-dangerous.ant-btn-link:focus>a:only-child,.ant-btn-dangerous.ant-btn-link:hover>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-link:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-link:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-link:active{color:#d9363e;background:0 0;border-color:transparent}.ant-btn-dangerous.ant-btn-link:active>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-link:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-link[disabled],.ant-btn-dangerous.ant-btn-link[disabled]:active,.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-dangerous.ant-btn-link[disabled]:hover{color:rgba(0,0,0,.25);background:0 0;border-color:transparent;text-shadow:none;box-shadow:none}.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child::after,.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child::after,.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-text{color:#ff4d4f;background:0 0;border-color:transparent;box-shadow:none}.ant-btn-dangerous.ant-btn-text>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-text>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-text:focus,.ant-btn-dangerous.ant-btn-text:hover{color:#ff7875;background:rgba(0,0,0,.018);border-color:transparent}.ant-btn-dangerous.ant-btn-text:focus>a:only-child,.ant-btn-dangerous.ant-btn-text:hover>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-text:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-text:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-text:active{color:#d9363e;background:rgba(0,0,0,.028);border-color:transparent}.ant-btn-dangerous.ant-btn-text:active>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-text:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-text[disabled],.ant-btn-dangerous.ant-btn-text[disabled]:active,.ant-btn-dangerous.ant-btn-text[disabled]:focus,.ant-btn-dangerous.ant-btn-text[disabled]:hover{color:rgba(0,0,0,.25);background:0 0;border-color:transparent;text-shadow:none;box-shadow:none}.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child::after,.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child::after,.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-icon-only{width:28px;height:28px;padding:1.3px 0;font-size:14px;border-radius:2px;vertical-align:-1px}.ant-btn-icon-only>*{font-size:14px}.ant-btn-icon-only.ant-btn-lg{width:32px;height:32px;padding:1.7px 0;font-size:16px;border-radius:2px}.ant-btn-icon-only.ant-btn-lg>*{font-size:16px}.ant-btn-icon-only.ant-btn-sm{width:22px;height:22px;padding:0;font-size:12px;border-radius:2px}.ant-btn-icon-only.ant-btn-sm>*{font-size:12px}.ant-btn-round{height:28px;padding:3px 14px;font-size:12px;border-radius:28px}.ant-btn-round.ant-btn-lg{height:32px;padding:3.3px 16px;font-size:14px;border-radius:32px}.ant-btn-round.ant-btn-sm{height:22px;padding:0 11px;font-size:12px;border-radius:22px}.ant-btn-round.ant-btn-icon-only{width:auto}.ant-btn-circle{min-width:28px;padding-right:0;padding-left:0;text-align:center;border-radius:50%}.ant-btn-circle.ant-btn-lg{min-width:32px;border-radius:50%}.ant-btn-circle.ant-btn-sm{min-width:22px;border-radius:50%}.ant-btn::before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;display:none;background:#fff;border-radius:inherit;opacity:.35;transition:opacity .2s;content:'';pointer-events:none}.ant-btn-group,.ant-btn-group>.ant-btn,.ant-btn-group>span>.ant-btn,.ant-btn.ant-btn-loading,.ant-btn:active>span,.ant-btn:focus>span{position:relative}.ant-btn .anticon{transition:margin-left .3s cubic-bezier(.645,.045,.355,1)}.ant-btn .anticon.anticon-minus>svg,.ant-btn .anticon.anticon-plus>svg{shape-rendering:optimizeSpeed}.ant-btn.ant-btn-loading:not([disabled]){pointer-events:none}.ant-btn.ant-btn-loading::before{display:block}.ant-btn>.ant-btn-loading-icon{transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-btn>.ant-btn-loading-icon .anticon{padding-right:4px;animation:none}.ant-btn>.ant-btn-loading-icon .anticon svg{animation:loadingCircle 1s infinite linear}.ant-btn>.ant-btn-loading-icon:only-child .anticon{padding-right:0}.ant-btn-group>.ant-btn:active,.ant-btn-group>.ant-btn:focus,.ant-btn-group>.ant-btn:hover,.ant-btn-group>span>.ant-btn:active,.ant-btn-group>span>.ant-btn:focus,.ant-btn-group>span>.ant-btn:hover{z-index:2}.ant-btn-group>.ant-btn[disabled],.ant-btn-group>span>.ant-btn[disabled]{z-index:0}.ant-btn-group .ant-btn-icon-only{font-size:12px}.ant-btn-group-lg>.ant-btn,.ant-btn-group-lg>span>.ant-btn{height:32px;padding:3.3px 11px;font-size:14px;border-radius:0}.ant-btn-group-lg .ant-btn.ant-btn-icon-only{width:32px;height:32px;padding-right:0;padding-left:0}.ant-btn-group-sm>.ant-btn,.ant-btn-group-sm>span>.ant-btn{height:22px;padding:0 7px;font-size:12px;border-radius:0}.ant-btn-group-sm>.ant-btn>.anticon,.ant-btn-group-sm>span>.ant-btn>.anticon{font-size:12px}.ant-btn-group-sm .ant-btn.ant-btn-icon-only{width:22px;height:22px;padding-right:0;padding-left:0}.ant-btn+.ant-btn-group,.ant-btn-group .ant-btn+.ant-btn,.ant-btn-group .ant-btn+span,.ant-btn-group span+.ant-btn,.ant-btn-group+.ant-btn,.ant-btn-group+.ant-btn-group,.ant-btn-group>span+span{margin-left:-1px}.ant-btn-group .ant-btn-primary+.ant-btn:not(.ant-btn-primary):not([disabled]){border-left-color:transparent}.ant-btn-group .ant-btn{border-radius:0}.ant-btn-group-sm>.ant-btn:only-child,.ant-btn-group-sm>span:only-child>.ant-btn,.ant-btn-group>.ant-btn:only-child,.ant-btn-group>span:only-child>.ant-btn,.ant-card{border-radius:2px}.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn,.ant-btn-group>.ant-btn:first-child:not(:last-child),.ant-btn-group>span:first-child:not(:last-child)>.ant-btn{border-top-left-radius:2px;border-bottom-left-radius:2px}.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn,.ant-btn-group>.ant-btn:last-child:not(:first-child),.ant-btn-group>span:last-child:not(:first-child)>.ant-btn{border-top-right-radius:2px;border-bottom-right-radius:2px}.ant-btn-group>.ant-btn:first-child,.ant-btn-group>span:first-child>.ant-btn{margin-left:0}.ant-btn-group>.ant-btn-group{float:left}.ant-btn-group>.ant-btn-group:not(:first-child):not(:last-child)>.ant-btn{border-radius:0}.ant-btn-group>.ant-btn-group:first-child:not(:last-child)>.ant-btn:last-child{padding-right:8px;border-top-right-radius:0;border-bottom-right-radius:0}.ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child{padding-left:8px;border-top-left-radius:0;border-bottom-left-radius:0}.ant-btn-group-rtl.ant-btn+.ant-btn-group,.ant-btn-group-rtl.ant-btn-group .ant-btn+.ant-btn,.ant-btn-group-rtl.ant-btn-group .ant-btn+span,.ant-btn-group-rtl.ant-btn-group span+.ant-btn,.ant-btn-group-rtl.ant-btn-group+.ant-btn,.ant-btn-group-rtl.ant-btn-group+.ant-btn-group,.ant-btn-group-rtl.ant-btn-group>span+span,.ant-btn-rtl.ant-btn+.ant-btn-group,.ant-btn-rtl.ant-btn-group .ant-btn+.ant-btn,.ant-btn-rtl.ant-btn-group .ant-btn+span,.ant-btn-rtl.ant-btn-group span+.ant-btn,.ant-btn-rtl.ant-btn-group+.ant-btn,.ant-btn-rtl.ant-btn-group+.ant-btn-group,.ant-btn-rtl.ant-btn-group>span+span{margin-right:-1px;margin-left:auto}.ant-btn-group-rtl.ant-btn-group>.ant-btn:first-child:not(:last-child),.ant-btn-group-rtl.ant-btn-group>span:first-child:not(:last-child)>.ant-btn{border-radius:0 2px 2px 0}.ant-btn-group-rtl.ant-btn-group>.ant-btn:last-child:not(:first-child),.ant-btn-group-rtl.ant-btn-group>span:last-child:not(:first-child)>.ant-btn{border-radius:2px 0 0 2px}.ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),.ant-btn-group-rtl.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn{border-radius:0 2px 2px 0}.ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),.ant-btn-group-rtl.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn{border-radius:2px 0 0 2px}.ant-btn>.anticon+span,.ant-btn>span+.anticon{margin-left:4px}.ant-btn-background-ghost{color:#fff;background:0 0!important;border-color:#fff}.ant-btn-background-ghost.ant-btn-primary{color:#1890ff;background:0 0;border-color:#1890ff;text-shadow:none}.ant-btn-background-ghost.ant-btn-primary>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-primary>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-primary:focus,.ant-btn-background-ghost.ant-btn-primary:hover{color:#40a9ff;background:0 0;border-color:#40a9ff}.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-primary:active{color:#096dd9;background:0 0;border-color:#096dd9}.ant-btn-background-ghost.ant-btn-primary:active>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-primary:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-primary[disabled],.ant-btn-background-ghost.ant-btn-primary[disabled]:active,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child::after,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child::after,.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-danger{color:#ff4d4f;background:0 0;border-color:#ff4d4f;text-shadow:none}.ant-btn-background-ghost.ant-btn-danger>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-danger>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-danger:focus,.ant-btn-background-ghost.ant-btn-danger:hover{color:#ff7875;background:0 0;border-color:#ff7875}.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-danger:active{color:#d9363e;background:0 0;border-color:#d9363e}.ant-btn-background-ghost.ant-btn-danger:active>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-danger:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-danger[disabled],.ant-btn-background-ghost.ant-btn-danger[disabled]:active,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child::after,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child::after,.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous{color:#ff4d4f;background:0 0;border-color:#ff4d4f;text-shadow:none}.ant-btn-background-ghost.ant-btn-dangerous>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous:focus,.ant-btn-background-ghost.ant-btn-dangerous:hover{color:#ff7875;background:0 0;border-color:#ff7875}.ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous:active{color:#d9363e;background:0 0;border-color:#d9363e}.ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous[disabled],.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link{color:#ff4d4f;background:0 0;border-color:transparent;text-shadow:none}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover{color:#ff7875;background:0 0;border-color:transparent}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active{color:#d9363e;background:0 0;border-color:transparent}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child{color:currentColor}.ant-card,.ant-card-extra,.ant-card-head,.ant-card-head .ant-tabs{color:rgba(0,0,0,.85)}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-two-chinese-chars::first-letter{letter-spacing:.34em}.ant-btn-two-chinese-chars>:not(.anticon){margin-right:-.34em;letter-spacing:.34em}.ant-btn-block{width:100%}.ant-btn:empty{display:inline-block;width:0;content:'\a0'}.ant-card-head::after,.ant-card-head::before{display:table;content:''}a.ant-btn{padding-top:.01px!important;line-height:26px}a.ant-btn-lg{line-height:30px}a.ant-btn-sm{line-height:20px}.ant-card,.ant-card-actions>li>span{line-height:1.66667;position:relative}.ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary,.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child){border-right-color:#40a9ff;border-left-color:#d9d9d9}.ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled]{border-right-color:#d9d9d9;border-left-color:#40a9ff}.ant-btn-rtl.ant-btn>.ant-btn-loading-icon .anticon{padding-right:0;padding-left:4px}.ant-btn>.ant-btn-loading-icon:only-child .anticon{padding-left:0}.ant-btn-rtl.ant-btn>.anticon+span,.ant-btn-rtl.ant-btn>span+.anticon{margin-right:8px;margin-left:0}.ant-card{box-sizing:border-box;margin:0;padding:0;font-size:12px;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;background:#fff}.ant-card-hoverable{cursor:pointer;transition:box-shadow .3s,border-color .3s}.ant-card-hoverable:hover{border-color:transparent;box-shadow:0 1px 2px -2px rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.12),0 5px 12px 4px rgba(0,0,0,.09)}.ant-card-head,.ant-card-head .ant-tabs-bar{border-bottom:1px solid #f0f0f0}.ant-card-bordered{border:1px solid #f0f0f0}.ant-card-head{min-height:36px;margin-bottom:-1px;padding:0 12px;font-weight:500;font-size:12px;background:0 0;border-radius:2px 2px 0 0}.ant-card-head::after{clear:both}.ant-card-head-wrapper{display:flex;align-items:center}.ant-card-head-title{display:inline-block;flex:1;padding:8.5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-card-body::after,.ant-card-body::before{display:table;content:''}.ant-card-head-title>.ant-typography,.ant-card-head-title>.ant-typography-edit-content{left:0;margin-top:0;margin-bottom:0}.ant-card-head .ant-tabs{clear:both;margin-bottom:-9px;font-weight:400;font-size:12px}.ant-card-extra{float:right;margin-left:auto;padding:8.5px 0;font-weight:400;font-size:12px}.ant-card-rtl .ant-card-extra{margin-right:auto;margin-left:0}.ant-card-body{padding:12px}.ant-card-body::after{clear:both}.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body{margin:-1px 0 0 -1px;padding:0}.ant-card-grid{float:left;width:33.33%;padding:12px;border:0;border-radius:0;box-shadow:1px 0 0 0 #f0f0f0,0 1px 0 0 #f0f0f0,1px 1px 0 0 #f0f0f0,1px 0 0 0 #f0f0f0 inset,0 1px 0 0 #f0f0f0 inset;transition:all .3s}.ant-card-rtl .ant-card-grid{float:right}.ant-card-grid-hoverable:hover{position:relative;z-index:1;box-shadow:0 1px 2px -2px rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.12),0 5px 12px 4px rgba(0,0,0,.09)}.ant-card-contain-tabs>.ant-card-head .ant-card-head-title{min-height:27.5px;padding-bottom:0}.ant-card-contain-tabs>.ant-card-head .ant-card-extra{padding-bottom:0}.ant-card-bordered .ant-card-cover{margin-top:-1px;margin-right:-1px;margin-left:-1px}.ant-card-cover>*{display:block;width:100%}.ant-card-actions::after,.ant-card-actions::before{display:table;content:''}.ant-card-cover img{border-radius:2px 2px 0 0}.ant-card-actions{margin:0;padding:0;list-style:none;background:#fff;border-top:1px solid #f0f0f0}.ant-card-actions::after{clear:both}.ant-card-actions>li{float:left;margin:4px 0;color:rgba(0,0,0,.45);text-align:center}.ant-card-rtl .ant-card-actions>li{float:right}.ant-card-actions>li>span{display:block;min-width:32px;font-size:12px;cursor:pointer}.ant-card-actions>li>span:hover{color:#1890ff;transition:color .3s}.ant-card-actions>li>span a:not(.ant-btn),.ant-card-actions>li>span>.anticon{display:inline-block;width:100%;color:rgba(0,0,0,.45);line-height:22px;transition:color .3s}.ant-card-meta::after,.ant-card-meta::before{display:table;content:''}.ant-card-actions>li>span a:not(.ant-btn):hover,.ant-card-actions>li>span>.anticon:hover{color:#1890ff}.ant-card-actions>li>span>.anticon{font-size:16px;line-height:22px}.ant-card-actions>li:not(:last-child){border-right:1px solid #f0f0f0}.ant-card-rtl .ant-card-actions>li:not(:last-child){border-right:none;border-left:1px solid #f0f0f0}.ant-card-type-inner .ant-card-head{padding:0 12px;background:#fafafa}.ant-card-type-inner .ant-card-head-title{padding:12px 0;font-size:12px}.ant-card-type-inner .ant-card-body{padding:16px 12px}.ant-card-type-inner .ant-card-extra{padding:13.5px 0}.ant-card-meta{margin:-4px 0}.ant-card-meta::after{clear:both}.ant-card-meta-avatar{float:left;padding-right:16px}.ant-card-rtl .ant-card-meta-avatar{float:right;padding-right:0;padding-left:16px}.ant-card-meta-detail{overflow:hidden}.ant-card-meta-detail>div:not(:last-child){margin-bottom:4px}.ant-card-meta-title{overflow:hidden;color:rgba(0,0,0,.85);font-weight:500;font-size:14px;white-space:nowrap;text-overflow:ellipsis}.ant-card-meta-description,.ant-comment-content-author-name,.ant-comment-content-author-name>*,.ant-comment-content-author-name>:hover{color:rgba(0,0,0,.45)}.ant-card-loading{overflow:hidden}.ant-card-loading .ant-card-body{user-select:none}.ant-card-loading-content p{margin:0}.ant-card-loading-block{height:14px;margin:4px 0;background:linear-gradient(90deg,rgba(207,216,220,.2),rgba(207,216,220,.4),rgba(207,216,220,.2));background-size:600% 600%;border-radius:2px;animation:card-loading 1.4s ease infinite}@keyframes card-loading{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.ant-card-small>.ant-card-head{min-height:30px;padding:0 12px;font-size:12px}.ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-head-title{padding:6px 0}.ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-extra{padding:6px 0;font-size:12px}.ant-card-small>.ant-card-body{padding:12px}.ant-card-rtl .ant-skeleton-header{padding:0 0 0 8.5px}nz-card,nz-card-loading,nz-card-meta{display:block}.ant-carousel{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum}.ant-carousel .slick-slider{position:relative;display:block;box-sizing:border-box;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none}.ant-carousel .slick-list{position:relative;display:block;margin:0;padding:0;overflow:hidden}.ant-carousel .slick-list:focus{outline:0}.ant-carousel .slick-list.dragging{cursor:pointer}.ant-carousel .slick-list .slick-slide{pointer-events:none}.ant-carousel .slick-list .slick-slide.slick-active{pointer-events:auto}.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input,.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input{visibility:visible}.ant-carousel .slick-loading .slick-slide,.ant-checkbox-checked::after,.slick-loading .ant-carousel .slick-track{visibility:hidden}.ant-carousel .slick-list .slick-slide>div>div{vertical-align:bottom}.ant-carousel .slick-slider .slick-list,.ant-carousel .slick-slider .slick-track{transform:translate3d(0,0,0);touch-action:pan-y}.ant-carousel .slick-track{position:relative;top:0;left:0;display:block}.ant-carousel .slick-track::after,.ant-carousel .slick-track::before{display:table;content:''}.ant-carousel .slick-track::after{clear:both}.ant-carousel .slick-slide{display:none;float:left;height:100%;min-height:1px}.ant-carousel .slick-slide img{display:block}.ant-carousel .slick-slide.slick-loading img{display:none}.ant-carousel .slick-slide.dragging img{pointer-events:none}.ant-carousel .slick-initialized .slick-slide{display:block}.ant-carousel .slick-vertical .slick-slide{display:block;height:auto}.ant-carousel .slick-arrow.slick-hidden{display:none}.ant-carousel .slick-next,.ant-carousel .slick-prev{position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-10px;padding:0;color:transparent;font-size:0;line-height:0;background:0 0;border:0;outline:0;cursor:pointer}.ant-carousel .slick-next:focus,.ant-carousel .slick-next:hover,.ant-carousel .slick-prev:focus,.ant-carousel .slick-prev:hover{color:transparent;background:0 0;outline:0}.ant-carousel .slick-next:focus::before,.ant-carousel .slick-next:hover::before,.ant-carousel .slick-prev:focus::before,.ant-carousel .slick-prev:hover::before{opacity:1}.ant-carousel .slick-next.slick-disabled::before,.ant-carousel .slick-prev.slick-disabled::before{opacity:.25}.ant-carousel .slick-prev{left:-25px}.ant-carousel .slick-prev::before{content:'←'}.ant-carousel .slick-next::before,.ant-carousel-rtl .ant-carousel .slick-prev::before{content:'→'}.ant-carousel .slick-next{right:-25px}.ant-carousel .slick-dots{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex!important;justify-content:center;margin-right:15%;margin-left:15%;padding-left:0;list-style:none}.ant-carousel .slick-dots-bottom,.ant-popover-placement-leftBottom .ant-popover-arrow,.ant-popover-placement-rightBottom .ant-popover-arrow{bottom:12px}.ant-carousel .slick-dots-top{top:12px;bottom:auto}.ant-carousel .slick-dots li{position:relative;display:inline-block;flex:0 1 auto;box-sizing:content-box;width:16px;height:3px;margin:0 3px;padding:0;text-align:center;text-indent:-999px;vertical-align:top;transition:all .5s}.ant-carousel .slick-dots li button{display:block;width:100%;height:3px;padding:0;color:transparent;font-size:0;background:#fff;border:0;border-radius:1px;outline:0;cursor:pointer;opacity:.3;transition:all .5s}.ant-carousel .slick-dots li button:focus,.ant-carousel .slick-dots li button:hover{opacity:.75}.ant-carousel .slick-dots li.slick-active{width:24px}.ant-carousel .slick-dots li.slick-active button{background:#fff;opacity:1}.ant-carousel .slick-dots li.slick-active:focus,.ant-carousel .slick-dots li.slick-active:hover{opacity:1}.ant-carousel-vertical .slick-dots{top:50%;bottom:auto;flex-direction:column;width:3px;height:auto;margin:0;transform:translateY(-50%)}.ant-carousel-vertical .slick-dots-left{right:auto;left:12px}.ant-carousel-vertical .slick-dots-right{right:12px;left:auto}.ant-carousel-vertical .slick-dots li{width:3px;height:16px;margin:4px 2px;vertical-align:baseline}.ant-checkbox,.ant-checkbox-wrapper{box-sizing:border-box;margin:0;padding:0;font-size:12px;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum}.ant-carousel-vertical .slick-dots li button{width:3px;height:16px}.ant-carousel-vertical .slick-dots li.slick-active,.ant-carousel-vertical .slick-dots li.slick-active button{width:3px;height:24px}.ant-carousel-rtl .ant-carousel .slick-track{right:0;left:auto}.ant-carousel-rtl .ant-carousel .slick-prev{right:-25px;left:auto}.ant-carousel-rtl .ant-carousel .slick-next{right:auto;left:-25px}.ant-carousel-rtl .ant-carousel .slick-next::before{content:'←'}.ant-carousel-rtl.ant-carousel .slick-dots{flex-direction:row-reverse}.ant-carousel-rtl.ant-carousel-vertical .slick-dots{flex-direction:column}nz-carousel{display:block;position:relative;overflow:hidden;width:100%;height:100%}.slick-dots{display:block}.slick-track{opacity:1}.slick-list{direction:ltr}@keyframes antCheckboxEffect{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.6);opacity:0}}.ant-checkbox{color:rgba(0,0,0,.85);position:relative;top:.2em;line-height:1;white-space:nowrap;outline:0;cursor:pointer}.ant-checkbox-input:focus+.ant-checkbox-inner,.ant-checkbox-wrapper:hover .ant-checkbox-inner,.ant-checkbox:hover .ant-checkbox-inner{border-color:#1890ff}.ant-checkbox-checked::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #1890ff;border-radius:2px;animation:antCheckboxEffect .36s ease-in-out;animation-fill-mode:backwards;content:''}.ant-checkbox-wrapper:hover .ant-checkbox::after,.ant-checkbox:hover::after{visibility:visible}.ant-checkbox-inner{position:relative;top:0;left:0;display:block;width:14px;height:14px;direction:ltr;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;border-collapse:separate;transition:all .3s}.ant-checkbox-inner::after{position:absolute;top:50%;left:22%;display:table;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;content:' '}.ant-checkbox-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.ant-checkbox-disabled,.ant-checkbox-disabled .ant-checkbox-input,.ant-checkbox-disabled+span{cursor:not-allowed}.ant-checkbox-checked .ant-checkbox-inner::after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:' '}.ant-checkbox-checked .ant-checkbox-inner{background-color:#1890ff;border-color:#1890ff}.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after{border-color:rgba(0,0,0,.25);animation-name:none}.ant-checkbox-disabled .ant-checkbox-inner{background-color:#f5f5f5;border-color:#d9d9d9!important}.ant-checkbox-disabled .ant-checkbox-inner::after{border-color:#f5f5f5;border-collapse:separate;animation-name:none}.ant-checkbox-disabled+span{color:rgba(0,0,0,.25)}.ant-checkbox-disabled:hover::after,.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after{visibility:hidden}.ant-checkbox-wrapper{color:rgba(0,0,0,.85);display:inline-flex;align-items:baseline;line-height:unset;cursor:pointer}.ant-checkbox-wrapper::after{display:inline-block;width:0;overflow:hidden;content:'\a0'}.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled{cursor:not-allowed}.ant-checkbox-wrapper+.ant-checkbox-wrapper{margin-left:8px}.ant-checkbox+span{padding-right:8px;padding-left:8px}.ant-checkbox-group,.ant-collapse{padding:0;color:rgba(0,0,0,.85);font-size:12px;box-sizing:border-box;font-variant:tabular-nums;font-feature-settings:tnum;list-style:none}.ant-checkbox-group{margin:0;line-height:1.66667;display:inline-block}.ant-checkbox-group-item{margin-right:6px}.ant-checkbox-group-item:last-child{margin-right:0}.ant-checkbox-group-item+.ant-checkbox-group-item{margin-left:0}.ant-checkbox-indeterminate .ant-checkbox-inner{background-color:#fff;border-color:#d9d9d9}.ant-checkbox-indeterminate .ant-checkbox-inner::after{top:50%;left:50%;width:6px;height:6px;background-color:#1890ff;border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:' '}.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after{background-color:rgba(0,0,0,.25);border-color:rgba(0,0,0,.25)}.ant-checkbox-group-rtl .ant-checkbox-group-item{margin-right:0;margin-left:6px}.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child{margin-left:0!important}.ant-checkbox-group-rtl .ant-checkbox-group-item+.ant-checkbox-group-item{margin-left:6px}.ant-checkbox+span:empty{display:none}.ant-collapse{margin:0;line-height:1.66667;background-color:#fafafa;border:1px solid #d9d9d9;border-bottom:0;border-radius:2px}.ant-collapse-item:last-child>.ant-collapse-content,.ant-collapse>.ant-collapse-item:last-child,.ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header{border-radius:0 0 2px 2px}.ant-collapse>.ant-collapse-item{border-bottom:1px solid #d9d9d9}.ant-collapse>.ant-collapse-item>.ant-collapse-header{position:relative;padding:8px;color:rgba(0,0,0,.85);line-height:1.66667;cursor:pointer;transition:all .3s,visibility 0s}.ant-collapse>.ant-collapse-item>.ant-collapse-header::before{display:table;content:''}.ant-collapse>.ant-collapse-item>.ant-collapse-header::after{display:table;clear:both;content:''}.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow{display:inline-block;margin-right:12px;font-size:12px;vertical-align:-1px}.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg{transition:transform .24s}.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-extra{float:right}.ant-collapse>.ant-collapse-item>.ant-collapse-header:focus{outline:0}.ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only{cursor:default}.ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text{cursor:pointer}.ant-collapse>.ant-collapse-item.ant-collapse-no-arrow>.ant-collapse-header{padding-left:12px}.ant-collapse-icon-position-right>.ant-collapse-item>.ant-collapse-header{padding:8px 40px 8px 8px}.ant-collapse-icon-position-right>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow{position:absolute;top:50%;right:8px;left:auto;margin:0;transform:translateY(-50%)}.ant-collapse-rtl.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg,.ant-dropdown-wrap-open .anticon-down::before,.ant-picker-rtl .ant-picker-separator{transform:rotate(180deg)}.ant-collapse-content{color:rgba(0,0,0,.85);background-color:#fff;border-top:1px solid #d9d9d9}.ant-collapse-borderless,.ant-descriptions-bordered .ant-descriptions-item-label{background-color:#fafafa}.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content,.ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content{border-top:0;background-color:transparent}.ant-collapse-content>.ant-collapse-content-box{padding:8px 16px}.ant-collapse-content-hidden{display:none}nz-collapse,nz-collapse-panel,nz-comment,nz-comment-content{display:block}.ant-collapse-borderless{border:0}.ant-collapse-borderless>.ant-collapse-item{border-bottom:1px solid #d9d9d9}.ant-collapse-borderless>.ant-collapse-item:last-child,.ant-collapse-borderless>.ant-collapse-item:last-child .ant-collapse-header{border-radius:0}.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{padding-top:4px}.ant-collapse-ghost{background-color:transparent;border:0}.ant-collapse-ghost>.ant-collapse-item{border-bottom:0}.ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{padding-top:12px;padding-bottom:12px}.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header,.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header>.arrow{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-collapse-rtl .ant-collapse>.ant-collapse-item>.ant-collapse-header{padding:8px 40px 8px 8px}.ant-collapse-rtl.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-extra{float:left}.ant-collapse-rtl.ant-collapse>.ant-collapse-item.ant-collapse-no-arrow>.ant-collapse-header{padding-right:12px;padding-left:0}.ant-comment{position:relative;background-color:inherit}.ant-comment-inner{display:flex;padding:8px 0}.ant-comment-avatar{position:relative;flex-shrink:0;margin-right:8px;cursor:pointer}.ant-comment-avatar img{width:32px;height:32px;border-radius:50%}.ant-comment-content{position:relative;flex:1 1 auto;min-width:1px;font-size:12px;word-wrap:break-word}.ant-comment-content-author{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:0;font-size:12px}.ant-comment-content-author>a,.ant-comment-content-author>span{padding-right:4px;font-size:12px;line-height:18px}.ant-comment-content-author-name{font-size:12px;transition:color .3s}.ant-comment-content-author-time{color:#ccc;white-space:nowrap;cursor:auto}.ant-comment-content-detail p{margin-bottom:0;white-space:pre-wrap}.ant-comment-actions{margin-top:4px;margin-bottom:0;padding-left:0}.ant-comment-actions>li{display:inline-block;color:rgba(0,0,0,.45)}.ant-comment-actions>li>span{margin-right:10px;color:rgba(0,0,0,.45);font-size:12px;cursor:pointer;transition:color .3s;user-select:none}.ant-comment-actions>li>span:hover{color:#595959}.ant-comment-nested{margin-left:44px}.ant-comment-rtl .ant-comment-avatar{margin-right:0;margin-left:12px}.ant-comment-rtl .ant-comment-content-author>a,.ant-comment-rtl .ant-comment-content-author>span{padding-right:0;padding-left:8px}.ant-comment-rtl .ant-comment-actions{padding-right:0}.ant-comment-rtl .ant-comment-actions>li>span{margin-right:0;margin-left:10px}.ant-comment-rtl .ant-comment-nested{margin-right:44px;margin-left:0}.ant-picker,.ant-picker-input{display:inline-flex;position:relative}.ant-picker{box-sizing:border-box;margin:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;padding:3px 7px;align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:2px;transition:border .3s,box-shadow .3s}.ant-picker-focused,.ant-picker:hover{border-color:#40a9ff;border-right-width:1px!important}.ant-input-rtl .ant-picker-focused,.ant-input-rtl .ant-picker:hover{border-right-width:0;border-left-width:1px!important}.ant-picker-focused{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-picker-focused{border-right-width:0;border-left-width:1px!important}.ant-picker.ant-picker-disabled{background:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.ant-picker.ant-picker-disabled .ant-picker-suffix{color:rgba(0,0,0,.25)}.ant-picker.ant-picker-borderless{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}.ant-picker-input{align-items:center;width:100%}.ant-picker-input>input{position:relative;display:inline-block;width:100%;color:rgba(0,0,0,.85);font-size:12px;line-height:1.66667;border-radius:2px;transition:all .3s;flex:auto;min-width:1px;height:auto;padding:0;background:0 0;border:0}.ant-picker-input>input::-moz-placeholder{opacity:1}.ant-picker-input>input::placeholder{color:#bfbfbf}.ant-picker-input>input-disabled,.ant-picker-input>input[disabled]{background-color:#f5f5f5;cursor:not-allowed;color:rgba(0,0,0,.25);opacity:1;pointer-events:none}.ant-picker-input>input:placeholder-shown{text-overflow:ellipsis}.ant-picker-input>input:hover{border-color:#40a9ff;border-right-width:1px!important}.ant-input-rtl .ant-picker-input>input:hover{border-right-width:0;border-left-width:1px!important}.ant-picker-input>input-focused,.ant-picker-input>input:focus{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-picker-input>input-focused,.ant-input-rtl .ant-picker-input>input:focus{border-right-width:0;border-left-width:1px!important}.ant-picker-input>input-disabled:hover,.ant-picker-input>input[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-picker-input>input-borderless,.ant-picker-input>input-borderless-disabled,.ant-picker-input>input-borderless-focused,.ant-picker-input>input-borderless:focus,.ant-picker-input>input-borderless:hover,.ant-picker-input>input-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.ant-picker-input>input{max-width:100%;height:auto;min-height:28px;line-height:1.66667;vertical-align:bottom;transition:all .3s,height 0s}.ant-picker-input>input-lg{padding:3.4px 11px;font-size:14px}.ant-picker-input>input-sm{padding:0 7px}.ant-picker-input>input:focus{box-shadow:none}.ant-picker-input>input[disabled]{background:0 0}.ant-picker-input:hover .ant-picker-clear{opacity:1}.ant-picker-input-placeholder>input{color:#bfbfbf}.ant-picker-large{padding:3.5px 11px}.ant-picker-large .ant-picker-input>input{font-size:14px}.ant-picker-small{padding:0 7px}.ant-picker-suffix{align-self:center;margin-left:2px;color:rgba(0,0,0,.25);line-height:1;pointer-events:none}.ant-picker-suffix>*{vertical-align:top}.ant-picker-clear{position:absolute;top:50%;right:0;color:rgba(0,0,0,.25);line-height:1;background:#fff;transform:translateY(-50%);cursor:pointer;opacity:0;transition:opacity .3s,color .3s}.ant-picker-clear>*{vertical-align:top}.ant-picker-clear:hover{color:rgba(0,0,0,.45)}.ant-picker-separator{position:relative;display:inline-block;width:1em;height:14px;color:rgba(0,0,0,.25);font-size:14px;vertical-align:top;cursor:default}.ant-picker-focused .ant-picker-separator{color:rgba(0,0,0,.45)}.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator{cursor:not-allowed}.ant-picker-range{position:relative;display:inline-flex}.ant-picker-range .ant-picker-clear{right:7px}.ant-picker-range:hover .ant-picker-clear{opacity:1}.ant-picker-range .ant-picker-active-bar{bottom:-1px;height:2px;margin-left:7px;background:#1890ff;opacity:0;transition:all .3s ease-out;pointer-events:none}.ant-picker-range.ant-picker-focused .ant-picker-active-bar{opacity:1}.ant-picker-range-separator{align-items:center;padding:0 4px;line-height:1}.ant-picker-range.ant-picker-small .ant-picker-clear{right:7px}.ant-picker-range.ant-picker-small .ant-picker-active-bar{margin-left:7px}.ant-picker-dropdown{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;position:absolute;z-index:1050}.ant-picker-dropdown-hidden{display:none}.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow{top:1.67px;display:block;transform:rotate(-45deg)}.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow{bottom:1.67px;display:block;transform:rotate(135deg)}.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight,.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight{animation-name:antSlideDownIn}.ant-cascader-menus.ant-slide-up-appear.ant-slide-up-appear-active.ant-cascader-menus-placement-bottomLeft,.ant-cascader-menus.ant-slide-up-enter.ant-slide-up-enter-active.ant-cascader-menus-placement-bottomLeft,.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight,.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight,.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight,.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight,.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft,.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft{animation-name:antSlideUpIn}.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight{animation-name:antSlideDownOut}.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight{animation-name:antSlideUpOut}.ant-picker-dropdown-range{padding:6.67px 0}.ant-picker-dropdown-range-hidden{display:none}.ant-picker-dropdown .ant-picker-panel>.ant-picker-time-panel{padding-top:2px}.ant-picker-ranges{margin-bottom:0;padding:2px 8px;overflow:hidden;line-height:28px;text-align:left;list-style:none}.ant-picker-ranges>li{display:inline-block}.ant-picker-ranges .ant-picker-preset>.ant-tag-blue{color:#1890ff;background:#e6f7ff;border-color:#91d5ff;cursor:pointer}.ant-picker-ranges .ant-picker-ok{float:right;margin-left:4px}.ant-picker-range-wrapper{display:flex}.ant-picker-range-arrow{position:absolute;z-index:1;display:none;width:10px;height:10px;margin-left:10.5px;box-shadow:2px -2px 6px rgba(0,0,0,.06);transition:left .3s ease-out}.ant-picker-range-arrow::after{position:absolute;top:1px;right:1px;width:10px;height:10px;border:5px solid #f0f0f0;border-color:#fff #fff transparent transparent;content:''}.ant-picker-panel-container{overflow:hidden;vertical-align:top;background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);transition:margin .3s}.ant-picker-panel-container .ant-picker-panels{display:inline-flex;flex-wrap:nowrap;direction:ltr}.ant-picker-panel-container .ant-picker-panel{vertical-align:top;background:0 0;border-width:0 0 1px;border-radius:0}.ant-picker-panel-container .ant-picker-panel-focused{border-color:#f0f0f0}.ant-picker-panel{display:inline-flex;flex-direction:column;text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:2px;outline:0}.ant-picker-panel-focused{border-color:#1890ff}.ant-picker-date-panel,.ant-picker-decade-panel,.ant-picker-month-panel,.ant-picker-quarter-panel,.ant-picker-time-panel,.ant-picker-week-panel,.ant-picker-year-panel{display:flex;flex-direction:column;width:244px}.ant-picker-header{display:flex;padding:0 4px;color:rgba(0,0,0,.85);border-bottom:1px solid #f0f0f0}.ant-picker-header>*{flex:none}.ant-picker-header button{padding:0;color:rgba(0,0,0,.25);line-height:32px;background:0 0;border:0;cursor:pointer;transition:color .3s}.ant-picker-header>button{min-width:1.6em;font-size:12px}.ant-picker-header>button:hover{color:rgba(0,0,0,.85)}.ant-picker-header-view{flex:auto;font-weight:500;line-height:32px}.ant-picker-header-view button{color:inherit;font-weight:inherit}.ant-picker-header-view button:not(:first-child){margin-left:4px}.ant-picker-header-view button:hover{color:#1890ff}.ant-picker-next-icon,.ant-picker-prev-icon,.ant-picker-super-next-icon,.ant-picker-super-prev-icon{position:relative;display:inline-block;width:7px;height:7px}.ant-picker-next-icon::before,.ant-picker-prev-icon::before,.ant-picker-super-next-icon::before,.ant-picker-super-prev-icon::before{position:absolute;top:0;left:0;display:inline-block;width:7px;height:7px;border:0 solid currentColor;border-width:1.5px 0 0 1.5px;content:''}.ant-picker-super-next-icon::after,.ant-picker-super-prev-icon::after{position:absolute;top:4px;left:4px;display:inline-block;width:7px;height:7px;border:0 solid currentColor;border-width:1.5px 0 0 1.5px;content:''}.ant-picker-prev-icon,.ant-picker-super-prev-icon{transform:rotate(-45deg)}.ant-picker-next-icon,.ant-picker-super-next-icon{transform:rotate(135deg)}.ant-picker-content{width:100%;table-layout:fixed}.ant-picker-content td,.ant-picker-content th{position:relative;min-width:24px;font-weight:400}.ant-picker-content th{height:30px;color:rgba(0,0,0,.85);line-height:30px}.ant-picker-cell{padding:3px 0;color:rgba(0,0,0,.25);cursor:pointer}.ant-picker-cell-in-view{color:rgba(0,0,0,.85)}.ant-picker-cell-disabled{cursor:not-allowed;pointer-events:none}.ant-picker-cell::before{position:absolute;top:50%;right:0;left:0;z-index:1;height:22px;transform:translateY(-50%);content:''}.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner{background:#f5f5f5}.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid #1890ff;border-radius:2px;content:''}.ant-picker-cell-in-view.ant-picker-cell-in-range{position:relative}.ant-picker-cell-in-view.ant-picker-cell-in-range::before{background:#e6f7ff}.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner,.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner{color:#fff;background:#1890ff}.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before,.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before{background:#e6f7ff}.ant-picker-cell-in-view.ant-picker-cell-range-start::before{left:50%}.ant-picker-cell-in-view.ant-picker-cell-range-end::before{right:50%}.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after{position:absolute;top:50%;z-index:0;height:24px;border-top:1px dashed #7ec1ff;border-bottom:1px dashed #7ec1ff;transform:translateY(-50%);content:''}.ant-picker-cell-range-hover-end::after,.ant-picker-cell-range-hover-start::after,.ant-picker-cell-range-hover::after{right:0;left:2px}.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,.ant-picker-panel>:not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before,.ant-picker-panel>:not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before{background:#cbe6ff}.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner{border-radius:2px 0 0 2px}.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner{border-radius:0 2px 2px 0}.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after,.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after{position:absolute;top:0;bottom:0;z-index:-1;background:#cbe6ff;content:''}.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after{right:-6px;left:0}.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after{right:0;left:-6px}.ant-picker-cell-range-hover.ant-picker-cell-range-start::after{right:50%}.ant-picker-cell-range-hover.ant-picker-cell-range-end::after{left:50%}.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after,.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after{left:6px;border-left:1px dashed #7ec1ff;border-top-left-radius:2px;border-bottom-left-radius:2px}.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after{right:6px;border-right:1px dashed #7ec1ff;border-top-right-radius:2px;border-bottom-right-radius:2px}.ant-picker-cell-disabled .ant-picker-cell-inner{color:rgba(0,0,0,.25);background:0 0}.ant-picker-cell-disabled::before,.ant-picker-decade-panel .ant-picker-cell-disabled .ant-picker-cell-inner,.ant-picker-month-panel .ant-picker-cell-disabled .ant-picker-cell-inner,.ant-picker-quarter-panel .ant-picker-cell-disabled .ant-picker-cell-inner,.ant-picker-year-panel .ant-picker-cell-disabled .ant-picker-cell-inner{background:#f5f5f5}.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before{border-color:rgba(0,0,0,.25)}.ant-picker-decade-panel .ant-picker-content,.ant-picker-month-panel .ant-picker-content,.ant-picker-quarter-panel .ant-picker-content,.ant-picker-year-panel .ant-picker-content{height:192px}.ant-picker-decade-panel .ant-picker-cell-inner,.ant-picker-month-panel .ant-picker-cell-inner,.ant-picker-quarter-panel .ant-picker-cell-inner,.ant-picker-year-panel .ant-picker-cell-inner{padding:0 4px}.ant-picker-quarter-panel .ant-picker-content{height:56px}.ant-picker-footer{width:min-content;min-width:100%;line-height:30px;text-align:center;border-bottom:1px solid transparent}.ant-picker-panel .ant-picker-footer{border-top:1px solid #f0f0f0}.ant-picker-footer-extra{padding:0 8px;line-height:30px;text-align:left}.ant-picker-footer-extra:not(:last-child){border-bottom:1px solid #f0f0f0}.ant-picker-now{text-align:left}.ant-picker-today-btn{color:#1890ff}.ant-picker-today-btn:hover{color:#40a9ff}.ant-picker-today-btn:active{color:#096dd9}.ant-picker-today-btn.ant-picker-today-btn-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-picker-decade-panel .ant-picker-cell-inner{padding:0 2px}.ant-picker-decade-panel .ant-picker-cell::before{display:none}.ant-picker-month-panel .ant-picker-body,.ant-picker-quarter-panel .ant-picker-body,.ant-picker-year-panel .ant-picker-body{padding:0 4px}.ant-picker-date-panel .ant-picker-body,.ant-picker-week-panel .ant-picker-body{padding:4px 8px}.ant-picker-month-panel .ant-picker-cell-inner,.ant-picker-quarter-panel .ant-picker-cell-inner,.ant-picker-year-panel .ant-picker-cell-inner{width:60px}.ant-picker-month-panel .ant-picker-cell-range-hover-start::after,.ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,.ant-picker-year-panel .ant-picker-cell-range-hover-start::after{left:9.33px;border-left:1px dashed #7ec1ff;border-radius:2px 0 0 2px}.ant-picker-month-panel .ant-picker-cell-range-hover-end::after,.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after,.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,.ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,.ant-picker-year-panel .ant-picker-cell-range-hover-end::after{right:9.33px;border-right:1px dashed #7ec1ff;border-radius:0 2px 2px 0}.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after,.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after{left:9.33px;border-left:1px dashed #7ec1ff;border-radius:2px 0 0 2px}.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner,.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner{background:0 0!important}.ant-picker-week-panel-row td{transition:background .3s}.ant-picker-week-panel-row:hover td{background:#f5f5f5}.ant-picker-week-panel-row-selected td,.ant-picker-week-panel-row-selected:hover td{background:#1890ff}.ant-picker-week-panel-row-selected td.ant-picker-cell-week,.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week{color:rgba(255,255,255,.5)}.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before{border-color:#fff}.ant-picker-datetime-panel .ant-picker-time-panel,.ant-picker-time-panel-column:not(:first-child){border-left:1px solid #f0f0f0}.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner{color:#fff}.ant-picker-date-panel .ant-picker-content{width:224px}.ant-picker-date-panel .ant-picker-content th{width:32px}.ant-picker-datetime-panel{display:flex}.ant-picker-datetime-panel .ant-picker-date-panel,.ant-picker-datetime-panel .ant-picker-time-panel{transition:opacity .3s}.ant-picker-datetime-panel-active .ant-picker-date-panel,.ant-picker-datetime-panel-active .ant-picker-time-panel{opacity:.3}.ant-picker-datetime-panel-active .ant-picker-date-panel-active,.ant-picker-datetime-panel-active .ant-picker-time-panel-active{opacity:1}.ant-picker-time-panel{width:auto;min-width:auto}.ant-picker-time-panel .ant-picker-content{display:flex;flex:auto;height:224px}.ant-picker-time-panel-column{flex:1 0 auto;width:56px;margin:0;padding:0;overflow-y:hidden;text-align:left;list-style:none;transition:background .3s}.ant-picker-time-panel-column::after{display:block;height:200px;content:''}.ant-picker-datetime-panel .ant-picker-time-panel-column::after{height:202px}.ant-picker-time-panel-column-active{background:rgba(230,247,255,.2)}.ant-picker-time-panel-column:hover{overflow-y:auto}.ant-picker-time-panel-column>li{margin:0;padding:0}.ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner{display:block;width:100%;height:24px;margin:0;padding:0 0 0 14px;color:rgba(0,0,0,.85);line-height:24px;border-radius:0;cursor:pointer;transition:background .3s}.ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover{background:#f5f5f5}.ant-menu-item:active,.ant-menu-submenu-title:active,.ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner{background:#e6f7ff}.ant-picker-time-panel-column>li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner{color:rgba(0,0,0,.25);background:0 0;cursor:not-allowed}:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell{padding:21px 0}.ant-picker-rtl .ant-picker-suffix{margin-right:2px;margin-left:0}.ant-picker-rtl .ant-picker-clear{right:auto;left:0}.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child){margin-right:4px;margin-left:0}.ant-picker-rtl.ant-picker-range .ant-picker-clear{right:auto;left:7px}.ant-picker-rtl.ant-picker-range .ant-picker-active-bar{margin-right:7px;margin-left:0}.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar{margin-right:7px}.ant-picker-dropdown-rtl .ant-picker-ranges{text-align:right}.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok{float:left;margin-right:4px;margin-left:0}.ant-picker-panel-rtl .ant-picker-prev-icon,.ant-picker-panel-rtl .ant-picker-super-prev-icon{transform:rotate(135deg)}.ant-picker-panel-rtl .ant-picker-next-icon,.ant-picker-panel-rtl .ant-picker-super-next-icon{transform:rotate(-45deg)}.ant-picker-cell .ant-picker-cell-inner{position:relative;z-index:2;display:inline-block;min-width:22px;height:22px;line-height:22px;border-radius:2px;transition:background .3s,border .3s}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before{right:50%;left:0}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before{right:0;left:50%}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before{right:50%;left:50%}.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after{right:0;left:-6px}.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after{right:-6px;left:0}.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after{right:0;left:50%}.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after{right:50%;left:0}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner{border-radius:0 2px 2px 0}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner{border-radius:2px 0 0 2px}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after{right:6px;left:0;border-right:1px dashed #7ec1ff;border-left:none;border-radius:0 2px 2px 0}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after{right:0;left:6px;border-right:none;border-left:1px dashed #7ec1ff;border-radius:2px 0 0 2px}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after{right:6px;left:6px;border-right:1px dashed #7ec1ff;border-left:1px dashed #7ec1ff;border-radius:2px}.ant-picker-dropdown-rtl .ant-picker-footer-extra{text-align:right}.ant-picker-panel-rtl .ant-picker-time-panel{direction:ltr}.ant-descriptions-rtl,.ant-divider-rtl,.ant-drawer-rtl,.ant-dropdown-menu.ant-dropdown-menu-rtl,.ant-dropdown-rtl,.ant-dropdown-rtl .ant-dropdown-menu-item-group-title,.ant-empty-rtl,.ant-input-affix-wrapper-rtl,.ant-input-group-rtl,.ant-input-group-wrapper-rtl,.ant-input-number-rtl,.ant-input-rtl,.ant-input-search-rtl,.ant-input-textarea-rtl,.ant-row-rtl{direction:rtl}.ant-picker-inline{border:none;padding:0}.ant-picker-inline .ant-picker-range-arrow{display:none!important}.ant-descriptions-header{display:flex;align-items:center;margin-bottom:8px}.ant-descriptions-title{flex:auto;overflow:hidden;color:rgba(0,0,0,.85);font-weight:700;font-size:14px;line-height:1.66667;white-space:nowrap;text-overflow:ellipsis}.ant-descriptions-extra,.ant-descriptions-item-content,.ant-descriptions-item-label,.ant-divider{font-size:12px;color:rgba(0,0,0,.85)}.ant-descriptions-extra{margin-left:auto}.ant-descriptions-view{width:100%;overflow:hidden;border-radius:2px}.ant-descriptions-view table{width:100%;table-layout:fixed}.ant-descriptions-row>td,.ant-descriptions-row>th{padding-bottom:4px}.ant-descriptions-row:last-child{border-bottom:none}.ant-descriptions-item-label{font-weight:400;line-height:1.66667;text-align:start}.ant-descriptions-item-label::after{content:':';position:relative;top:-.5px;margin:0 8px 0 2px}.ant-descriptions-item-label.ant-descriptions-item-no-colon::after,.ant-dropdown::before{content:' '}.ant-descriptions-item-no-label::after{margin:0;content:''}.ant-descriptions-item-content{display:table-cell;flex:1;line-height:1.66667;word-break:break-word;overflow-wrap:break-word}.ant-descriptions-item{padding-bottom:0;vertical-align:top}.ant-descriptions-item-container{display:flex}.ant-descriptions-item-container .ant-descriptions-item-content,.ant-descriptions-item-container .ant-descriptions-item-label{display:inline-flex;align-items:baseline}.ant-descriptions-middle .ant-descriptions-row>td,.ant-descriptions-middle .ant-descriptions-row>th{padding-bottom:8px}.ant-descriptions-small .ant-descriptions-row>td,.ant-descriptions-small .ant-descriptions-row>th{padding-bottom:4px}.ant-descriptions-bordered .ant-descriptions-view{border:1px solid #f0f0f0}.ant-descriptions-bordered .ant-descriptions-view>table{table-layout:auto}.ant-descriptions-bordered .ant-descriptions-item-content,.ant-descriptions-bordered .ant-descriptions-item-label{padding:12px 16px;border-right:1px solid #f0f0f0}.ant-descriptions-bordered .ant-descriptions-item-content:last-child,.ant-descriptions-bordered .ant-descriptions-item-label:last-child{border-right:none}.ant-descriptions-bordered .ant-descriptions-item-label::after{display:none}.ant-descriptions-bordered .ant-descriptions-row{border-bottom:1px solid #f0f0f0}.ant-descriptions-bordered .ant-descriptions-row:last-child{border-bottom:none}.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content,.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label{padding:8px 16px}.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content,.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label{padding:4px 8px}.ant-descriptions-rtl .ant-descriptions-item-label::after{margin:0 2px 0 8px}.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content,.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label{border-right:none;border-left:1px solid #f0f0f0}.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child,.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child{border-left:none}nz-descriptions{display:block}.ant-divider{box-sizing:border-box;margin:0;padding:0;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;border-top:1px solid rgba(0,0,0,.06)}.ant-divider-vertical{position:relative;top:-.06em;display:inline-block;height:.9em;margin:0 8px;vertical-align:middle;border-top:0;border-left:1px solid rgba(0,0,0,.06)}.ant-divider-horizontal{display:flex;clear:both;width:100%;min-width:100%;margin:24px 0}.ant-divider-horizontal.ant-divider-with-text{display:flex;margin:16px 0;color:rgba(0,0,0,.85);font-weight:500;font-size:14px;white-space:nowrap;text-align:center;border-top:0;border-top-color:rgba(0,0,0,.06)}.ant-divider-horizontal.ant-divider-with-text::after,.ant-divider-horizontal.ant-divider-with-text::before{position:relative;top:50%;width:50%;border-top:1px solid transparent;border-top-color:inherit;border-bottom:0;transform:translateY(50%);content:''}.ant-divider-horizontal.ant-divider-with-text-left::before{top:50%;width:5%}.ant-divider-horizontal.ant-divider-with-text-left::after,.ant-divider-horizontal.ant-divider-with-text-right::before{top:50%;width:95%}.ant-divider-horizontal.ant-divider-with-text-right::after{top:50%;width:5%}.ant-divider-inner-text{display:inline-block;padding:0 1em}.ant-divider-dashed{background:0 0;border-color:rgba(0,0,0,.06);border-style:dashed;border-width:1px 0 0}.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed{border-top:0}.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after,.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before{border-style:dashed none none}.ant-divider-vertical.ant-divider-dashed{border-width:0 0 0 1px}.ant-divider-plain.ant-divider-with-text{color:rgba(0,0,0,.85);font-weight:400;font-size:12px}.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before{width:95%}.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after,.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before{width:5%}.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after{width:95%}.ant-drawer{position:fixed;z-index:1000;width:0%;height:100%;transition:transform .3s cubic-bezier(.7,.3,.1,1),height 0s ease .3s,width 0s ease .3s}.ant-drawer>*{transition:transform .3s cubic-bezier(.7,.3,.1,1),box-shadow .3s cubic-bezier(.7,.3,.1,1)}.ant-drawer-content-wrapper{position:absolute;width:100%;height:100%}.ant-drawer .ant-drawer-content{width:100%;height:100%}.ant-drawer-left,.ant-drawer-right{top:0;width:0%;height:100%}.ant-drawer-left .ant-drawer-content-wrapper,.ant-drawer-right .ant-drawer-content-wrapper{height:100%}.ant-drawer-left.ant-drawer-open,.ant-drawer-right.ant-drawer-open{width:100%;transition:transform .3s cubic-bezier(.7,.3,.1,1)}.ant-drawer-left,.ant-drawer-left .ant-drawer-content-wrapper{left:0}.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper{box-shadow:6px 0 16px -8px rgba(0,0,0,.08),9px 0 28px 0 rgba(0,0,0,.05),12px 0 48px 16px rgba(0,0,0,.03)}.ant-drawer-right,.ant-drawer-right .ant-drawer-content-wrapper{right:0}.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper{box-shadow:-6px 0 16px -8px rgba(0,0,0,.08),-9px 0 28px 0 rgba(0,0,0,.05),-12px 0 48px 16px rgba(0,0,0,.03)}.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper,.header-dropdown{box-shadow:0 6px 16px -8px rgba(0,0,0,.08),0 9px 28px 0 rgba(0,0,0,.05),0 12px 48px 16px rgba(0,0,0,.03)}.ant-drawer-right.ant-drawer-open.no-mask{right:1px;transform:translateX(1px)}.ant-drawer-bottom,.ant-drawer-top{left:0;width:100%;height:0%}.ant-drawer-bottom .ant-drawer-content-wrapper,.ant-drawer-top .ant-drawer-content-wrapper{width:100%}.ant-drawer-bottom.ant-drawer-open,.ant-drawer-top.ant-drawer-open{height:100%;transition:transform .3s cubic-bezier(.7,.3,.1,1)}.ant-drawer-top{top:0}.ant-drawer-bottom,.ant-drawer-bottom .ant-drawer-content-wrapper{bottom:0}.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper{box-shadow:0 -6px 16px -8px rgba(0,0,0,.08),0 -9px 28px 0 rgba(0,0,0,.05),0 -12px 48px 16px rgba(0,0,0,.03)}.ant-drawer-bottom.ant-drawer-open.no-mask{bottom:1px;transform:translateY(1px)}.ant-drawer.ant-drawer-open .ant-drawer-mask{height:100%;opacity:1;transition:none;animation:antdDrawerFadeIn .3s cubic-bezier(.7,.3,.1,1);pointer-events:auto}.ant-drawer-mask,.ant-dropdown-menu-item-disabled a,.ant-dropdown-menu-submenu-title-disabled a{pointer-events:none}.ant-drawer-title{margin:0;color:rgba(0,0,0,.85);font-weight:500;font-size:14px;line-height:22px}.ant-drawer-content{position:relative;z-index:1;overflow:auto;background-color:#fff;background-clip:padding-box;border:0}.ant-drawer-close{position:absolute;top:0;right:0;z-index:10;display:block;padding:15px;color:rgba(0,0,0,.45);font-weight:700;font-size:14px;font-style:normal;line-height:1;text-align:center;text-transform:none;text-decoration:none;background:0 0;border:0;outline:0;cursor:pointer;transition:color .3s;text-rendering:auto}.ant-drawer-body,.ant-dropdown{line-height:1.66667;font-size:12px}.ant-drawer-header,.ant-list-split .ant-list-item{border-bottom:1px solid #f0f0f0}.ant-drawer-footer,.ant-list-split.ant-list-empty .ant-list-footer{border-top:1px solid #f0f0f0}.ant-drawer-close:focus,.ant-drawer-close:hover{color:rgba(0,0,0,.75);text-decoration:none}.ant-drawer-header,.ant-drawer-header-no-title{color:rgba(0,0,0,.85);background:#fff}.ant-drawer-header-no-title .ant-drawer-close{margin-right:var(--scroll-bar);padding-right:calc(15px - var(--scroll-bar))}.ant-drawer-header{position:relative;padding:11px 16px;border-radius:2px 2px 0 0}.ant-drawer-wrapper-body{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;height:100%}.ant-drawer-body{flex-grow:1;padding:16px;overflow:auto;word-wrap:break-word}.ant-drawer-footer{flex-shrink:0;padding:8px}.ant-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0;background-color:rgba(0,0,0,.45);opacity:0;filter:alpha(opacity=45);transition:opacity .3s linear,height 0s ease .3s}.ant-drawer-open-content{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-drawer .ant-picker-clear{background:#fff}@keyframes antdDrawerFadeIn{0%{opacity:0}100%{opacity:1}}.ant-drawer-rtl .ant-drawer-close{right:auto;left:0}.ant-dropdown-menu-item.ant-dropdown-menu-item-danger{color:#ff4d4f}.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover{color:#fff;background-color:#ff4d4f}.ant-dropdown{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;z-index:1050;display:block}.ant-dropdown::before{position:absolute;top:-4px;right:0;bottom:-4px;left:-7px;z-index:-9999;opacity:.0001}.ant-dropdown-placement-bottomRight>.ant-dropdown-arrow,.ant-dropdown-placement-topRight>.ant-dropdown-arrow{right:16px}.ant-dropdown-wrap{position:relative}.ant-dropdown-wrap .ant-btn>.anticon-down{font-size:10px}.ant-dropdown-wrap .anticon-down::before{transition:transform .2s}.ant-dropdown-hidden,.ant-dropdown-menu-hidden,.ant-dropdown-menu-submenu-hidden{display:none}.ant-dropdown-show-arrow.ant-dropdown-placement-topCenter,.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,.ant-dropdown-show-arrow.ant-dropdown-placement-topRight{padding-bottom:10px}.ant-dropdown-show-arrow.ant-dropdown-placement-bottomCenter,.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight{padding-top:10px}.ant-dropdown-arrow{position:absolute;z-index:1;display:block;width:8.49px;height:8.49px;background:0 0;border-style:solid;border-width:4.24px;transform:rotate(45deg)}.ant-dropdown-placement-topCenter>.ant-dropdown-arrow,.ant-dropdown-placement-topLeft>.ant-dropdown-arrow,.ant-dropdown-placement-topRight>.ant-dropdown-arrow{bottom:6.2px;box-shadow:3px 3px 7px rgba(0,0,0,.07);border-color:transparent #fff #fff transparent}.ant-dropdown-placement-topCenter>.ant-dropdown-arrow{left:50%;transform:translateX(-50%) rotate(45deg)}.ant-dropdown-placement-topLeft>.ant-dropdown-arrow{left:16px}.ant-dropdown-placement-bottomCenter>.ant-dropdown-arrow,.ant-dropdown-placement-bottomLeft>.ant-dropdown-arrow,.ant-dropdown-placement-bottomRight>.ant-dropdown-arrow{top:6px;box-shadow:-2px -2px 5px rgba(0,0,0,.06);border-color:#fff transparent transparent #fff}.ant-dropdown-menu,.ant-menu{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-dropdown-placement-bottomCenter>.ant-dropdown-arrow{left:50%;transform:translateX(-50%) rotate(45deg)}.ant-dropdown-placement-bottomLeft>.ant-dropdown-arrow{left:16px}.ant-dropdown-menu{position:relative;margin:0;padding:4px 0;text-align:left;list-style-type:none;background-color:#fff;background-clip:padding-box;border-radius:2px;outline:0}.ant-dropdown-menu-item-group-title{padding:5px 8px;color:rgba(0,0,0,.45);transition:all .3s}.ant-dropdown-menu-submenu-popup{position:absolute;z-index:1050;background:0 0;box-shadow:none;transform-origin:0 0}.ant-dropdown-menu-submenu-popup li,.ant-dropdown-menu-submenu-popup ul{list-style:none}.ant-dropdown-menu-submenu-popup ul{margin-right:.3em;margin-left:.3em}.ant-dropdown-menu-item{position:relative;display:flex;align-items:center}.ant-dropdown-menu-item-icon{min-width:12px;margin-right:8px;font-size:12px}.ant-dropdown-menu-title-content{flex:auto}.ant-dropdown-menu-title-content>a{color:inherit;transition:all .3s}.ant-dropdown-menu-title-content>a:hover{color:inherit}.ant-dropdown-menu-title-content>a::after{position:absolute;top:0;right:0;bottom:0;left:0;content:''}.ant-dropdown-menu-item,.ant-dropdown-menu-submenu-title{clear:both;margin:0;padding:5px 8px;color:rgba(0,0,0,.85);font-weight:400;font-size:12px;line-height:18px;white-space:nowrap;cursor:pointer;transition:all .3s}.ant-dropdown-menu-item-selected,.ant-dropdown-menu-submenu-title-selected{color:#1890ff;background-color:#e6f7ff}.ant-dropdown-menu-item:hover,.ant-dropdown-menu-submenu-title:hover{background-color:#f5f5f5}.ant-dropdown-menu-item-disabled,.ant-dropdown-menu-submenu-title-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-dropdown-menu-item-disabled:hover,.ant-dropdown-menu-submenu-title-disabled:hover{color:rgba(0,0,0,.25);background-color:#fff;cursor:not-allowed}.ant-dropdown-menu-item-divider,.ant-dropdown-menu-submenu-title-divider{height:1px;margin:4px 0;overflow:hidden;line-height:0;background-color:#f0f0f0}.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon{position:absolute;right:4px}.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon{margin-right:0!important;color:rgba(0,0,0,.45);font-size:10px;font-style:normal}.ant-dropdown-menu-item-group-list{margin:0 8px;padding:0;list-style:none}.ant-dropdown-menu-submenu-title{padding-right:20px}.ant-dropdown-menu-submenu-vertical{position:relative}.ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu{position:absolute;top:0;left:100%;min-width:100%;margin-left:4px;transform-origin:0 0}.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon{color:rgba(0,0,0,.25);background-color:#fff;cursor:not-allowed}.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title{color:#1890ff}.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topCenter,.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft,.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight,.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topCenter,.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft,.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight{animation-name:antSlideDownIn}.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight{animation-name:antSlideUpOut}.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topCenter,.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft,.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight{animation-name:antSlideDownOut}.ant-dropdown-button>.anticon.anticon-down,.ant-dropdown-link>.anticon.anticon-down,.ant-dropdown-trigger>.anticon.anticon-down{font-size:10px;vertical-align:baseline}.ant-dropdown-button{white-space:nowrap}.ant-dropdown-button.ant-btn-group>.ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only){padding-right:4px;padding-left:4px}.ant-dropdown-menu-dark,.ant-dropdown-menu-dark .ant-dropdown-menu{background:#001529}.ant-dropdown-menu-dark .ant-dropdown-menu-item,.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,.ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a,.ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a .ant-dropdown-menu-submenu-arrow::after,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a .ant-dropdown-menu-submenu-arrow::after,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after{color:rgba(255,255,255,.65)}.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover{color:#fff;background:0 0}.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected>a{color:#fff;background:#1890ff}.ant-input,.ant-input-affix-wrapper,.ant-input-number{min-width:0;background-color:#fff}.ant-dropdown-rtl.ant-dropdown::before{right:-7px;left:0}.ant-dropdown-menu.ant-dropdown-menu-rtl,.ant-dropdown-rtl .ant-dropdown-menu-item-group-title{text-align:right}.ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl{transform-origin:100% 0}.ant-dropdown-rtl .ant-dropdown-menu-item,.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li,.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title{text-align:right}.ant-dropdown-rtl .ant-dropdown-menu-item>.anticon:first-child,.ant-dropdown-rtl .ant-dropdown-menu-item>span>.anticon:first-child,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title>.anticon:first-child,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title>span>.anticon:first-child{margin-right:0;margin-left:8px}.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow{right:auto;left:4px}.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon{margin-left:0!important;transform:scaleX(-1)}.ant-dropdown-rtl .ant-dropdown-menu-submenu-title{padding-right:8px;padding-left:20px}.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu{right:100%;left:0;margin-right:4px;margin-left:0}.ant-dropdown-menu>ul{list-style:inherit;margin:0;padding:0}.ant-dropdown{top:0;left:0;position:relative;width:100%;margin-top:6px;margin-bottom:6px}.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow{transform:rotate(180deg)}.ant-empty{margin:0 8px;font-size:12px;line-height:1.66667;text-align:center}.ant-empty-image{height:100px;margin-bottom:8px}.ant-empty-image img{height:100%}.ant-empty-image svg{height:100%;margin:auto}.ant-empty-footer{margin-top:16px}.ant-empty-normal{margin:32px 0;color:rgba(0,0,0,.25)}.ant-empty-normal .ant-empty-image{height:40px}.ant-empty-small{margin:8px 0;color:rgba(0,0,0,.25)}.ant-empty-small .ant-empty-image{height:35px}.ant-empty-img-default-ellipse{fill:#f5f5f5;fill-opacity:.8}.ant-empty-img-default-path-1{fill:#aeb8c2}.ant-empty-img-default-path-2{fill:url(#linearGradient-1)}.ant-empty-img-default-path-3{fill:#f5f5f7}.ant-empty-img-default-path-4,.ant-empty-img-default-path-5{fill:#dce0e6}.ant-empty-img-default-g{fill:#fff}.ant-empty-img-simple-ellipse{fill:#f5f5f5}.ant-empty-img-simple-g{stroke:#d9d9d9}.ant-empty-img-simple-path{fill:#fafafa}nz-empty{display:block}.ant-row,.ant-row::after,.ant-row::before{display:flex}.ant-row{flex-flow:row wrap}.ant-col-1,.ant-col-10,.ant-col-11,.ant-col-12,.ant-col-13,.ant-col-14,.ant-col-15,.ant-col-16,.ant-col-17,.ant-col-18,.ant-col-19,.ant-col-2,.ant-col-20,.ant-col-21,.ant-col-22,.ant-col-23,.ant-col-24,.ant-col-3,.ant-col-4,.ant-col-5,.ant-col-6,.ant-col-7,.ant-col-8,.ant-col-9{display:block}.ant-row-no-wrap{flex-wrap:nowrap}.ant-row-start{justify-content:flex-start}.ant-row-center{justify-content:center}.ant-row-end{justify-content:flex-end}.ant-page-header-heading,.ant-row-space-between{justify-content:space-between}.ant-row-space-around{justify-content:space-around}.ant-row-top{align-items:flex-start}.ant-row-middle{align-items:center}.ant-row-bottom{align-items:flex-end}.ant-col{position:relative;max-width:100%;min-height:1px}.ant-col-24{flex:0 0 100%;max-width:100%}.ant-col-push-24{left:100%}.ant-col-pull-24{right:100%}.ant-col-offset-24{margin-left:100%}.ant-col-order-24{order:24}.ant-col-23{flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-push-23{left:95.83333333%}.ant-col-pull-23{right:95.83333333%}.ant-col-offset-23{margin-left:95.83333333%}.ant-col-order-23{order:23}.ant-col-22{flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-push-22{left:91.66666667%}.ant-col-pull-22{right:91.66666667%}.ant-col-offset-22{margin-left:91.66666667%}.ant-col-order-22{order:22}.ant-col-21{flex:0 0 87.5%;max-width:87.5%}.ant-col-push-21{left:87.5%}.ant-col-pull-21{right:87.5%}.ant-col-offset-21{margin-left:87.5%}.ant-col-order-21{order:21}.ant-col-20{flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-push-20{left:83.33333333%}.ant-col-pull-20{right:83.33333333%}.ant-col-offset-20{margin-left:83.33333333%}.ant-col-order-20{order:20}.ant-col-19{flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-push-19{left:79.16666667%}.ant-col-pull-19{right:79.16666667%}.ant-col-offset-19{margin-left:79.16666667%}.ant-col-order-19{order:19}.ant-col-18{flex:0 0 75%;max-width:75%}.ant-col-push-18{left:75%}.ant-col-pull-18{right:75%}.ant-col-offset-18{margin-left:75%}.ant-col-order-18{order:18}.ant-col-17{flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-push-17{left:70.83333333%}.ant-col-pull-17{right:70.83333333%}.ant-col-offset-17{margin-left:70.83333333%}.ant-col-order-17{order:17}.ant-col-16{flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-push-16{left:66.66666667%}.ant-col-pull-16{right:66.66666667%}.ant-col-offset-16{margin-left:66.66666667%}.ant-col-order-16{order:16}.ant-col-15{flex:0 0 62.5%;max-width:62.5%}.ant-col-push-15{left:62.5%}.ant-col-pull-15{right:62.5%}.ant-col-offset-15{margin-left:62.5%}.ant-col-order-15{order:15}.ant-col-14{flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-push-14{left:58.33333333%}.ant-col-pull-14{right:58.33333333%}.ant-col-offset-14{margin-left:58.33333333%}.ant-col-order-14{order:14}.ant-col-13{flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-push-13{left:54.16666667%}.ant-col-pull-13{right:54.16666667%}.ant-col-offset-13{margin-left:54.16666667%}.ant-col-order-13{order:13}.ant-col-12{flex:0 0 50%;max-width:50%}.ant-col-push-12{left:50%}.ant-col-pull-12{right:50%}.ant-col-offset-12{margin-left:50%}.ant-col-order-12{order:12}.ant-col-11{flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-push-11{left:45.83333333%}.ant-col-pull-11{right:45.83333333%}.ant-col-offset-11{margin-left:45.83333333%}.ant-col-order-11{order:11}.ant-col-10{flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-push-10{left:41.66666667%}.ant-col-pull-10{right:41.66666667%}.ant-col-offset-10{margin-left:41.66666667%}.ant-col-order-10{order:10}.ant-col-9{flex:0 0 37.5%;max-width:37.5%}.ant-col-push-9{left:37.5%}.ant-col-pull-9{right:37.5%}.ant-col-offset-9{margin-left:37.5%}.ant-col-order-9{order:9}.ant-col-8{flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-push-8{left:33.33333333%}.ant-col-pull-8{right:33.33333333%}.ant-col-offset-8{margin-left:33.33333333%}.ant-col-order-8{order:8}.ant-col-7{flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-push-7{left:29.16666667%}.ant-col-pull-7{right:29.16666667%}.ant-col-offset-7{margin-left:29.16666667%}.ant-col-order-7{order:7}.ant-col-6{flex:0 0 25%;max-width:25%}.ant-col-push-6{left:25%}.ant-col-pull-6{right:25%}.ant-col-offset-6{margin-left:25%}.ant-col-order-6{order:6}.ant-col-5{flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-push-5{left:20.83333333%}.ant-col-pull-5{right:20.83333333%}.ant-col-offset-5{margin-left:20.83333333%}.ant-col-order-5{order:5}.ant-col-4{flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-push-4{left:16.66666667%}.ant-col-pull-4{right:16.66666667%}.ant-col-offset-4{margin-left:16.66666667%}.ant-col-order-4{order:4}.ant-col-3{flex:0 0 12.5%;max-width:12.5%}.ant-col-push-3{left:12.5%}.ant-col-pull-3{right:12.5%}.ant-col-offset-3{margin-left:12.5%}.ant-col-order-3{order:3}.ant-col-2{flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-push-2{left:8.33333333%}.ant-col-pull-2{right:8.33333333%}.ant-col-offset-2{margin-left:8.33333333%}.ant-col-order-2{order:2}.ant-col-1{flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-push-1{left:4.16666667%}.ant-col-pull-1{right:4.16666667%}.ant-col-offset-1{margin-left:4.16666667%}.ant-col-order-1{order:1}.ant-col-0{display:none}.ant-col-offset-0{margin-left:0}.ant-col-order-0{order:0}.ant-col-offset-0.ant-col-rtl{margin-right:0}.ant-col-push-1.ant-col-rtl{right:4.16666667%;left:auto}.ant-col-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}.ant-col-xs-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-xs-push-24{left:100%}.ant-col-xs-pull-24{right:100%}.ant-col-xs-offset-24{margin-left:100%}.ant-col-xs-order-24{order:24}.ant-col-xs-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-xs-push-23{left:95.83333333%}.ant-col-xs-pull-23{right:95.83333333%}.ant-col-xs-offset-23{margin-left:95.83333333%}.ant-col-xs-order-23{order:23}.ant-col-xs-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-xs-push-22{left:91.66666667%}.ant-col-xs-pull-22{right:91.66666667%}.ant-col-xs-offset-22{margin-left:91.66666667%}.ant-col-xs-order-22{order:22}.ant-col-xs-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-xs-push-21{left:87.5%}.ant-col-xs-pull-21{right:87.5%}.ant-col-xs-offset-21{margin-left:87.5%}.ant-col-xs-order-21{order:21}.ant-col-xs-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-xs-push-20{left:83.33333333%}.ant-col-xs-pull-20{right:83.33333333%}.ant-col-xs-offset-20{margin-left:83.33333333%}.ant-col-xs-order-20{order:20}.ant-col-xs-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-xs-push-19{left:79.16666667%}.ant-col-xs-pull-19{right:79.16666667%}.ant-col-xs-offset-19{margin-left:79.16666667%}.ant-col-xs-order-19{order:19}.ant-col-xs-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-xs-push-18{left:75%}.ant-col-xs-pull-18{right:75%}.ant-col-xs-offset-18{margin-left:75%}.ant-col-xs-order-18{order:18}.ant-col-xs-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-xs-push-17{left:70.83333333%}.ant-col-xs-pull-17{right:70.83333333%}.ant-col-xs-offset-17{margin-left:70.83333333%}.ant-col-xs-order-17{order:17}.ant-col-xs-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-xs-push-16{left:66.66666667%}.ant-col-xs-pull-16{right:66.66666667%}.ant-col-xs-offset-16{margin-left:66.66666667%}.ant-col-xs-order-16{order:16}.ant-col-xs-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-xs-push-15{left:62.5%}.ant-col-xs-pull-15{right:62.5%}.ant-col-xs-offset-15{margin-left:62.5%}.ant-col-xs-order-15{order:15}.ant-col-xs-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-xs-push-14{left:58.33333333%}.ant-col-xs-pull-14{right:58.33333333%}.ant-col-xs-offset-14{margin-left:58.33333333%}.ant-col-xs-order-14{order:14}.ant-col-xs-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-xs-push-13{left:54.16666667%}.ant-col-xs-pull-13{right:54.16666667%}.ant-col-xs-offset-13{margin-left:54.16666667%}.ant-col-xs-order-13{order:13}.ant-col-xs-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-xs-push-12{left:50%}.ant-col-xs-pull-12{right:50%}.ant-col-xs-offset-12{margin-left:50%}.ant-col-xs-order-12{order:12}.ant-col-xs-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-xs-push-11{left:45.83333333%}.ant-col-xs-pull-11{right:45.83333333%}.ant-col-xs-offset-11{margin-left:45.83333333%}.ant-col-xs-order-11{order:11}.ant-col-xs-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-xs-push-10{left:41.66666667%}.ant-col-xs-pull-10{right:41.66666667%}.ant-col-xs-offset-10{margin-left:41.66666667%}.ant-col-xs-order-10{order:10}.ant-col-xs-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-xs-push-9{left:37.5%}.ant-col-xs-pull-9{right:37.5%}.ant-col-xs-offset-9{margin-left:37.5%}.ant-col-xs-order-9{order:9}.ant-col-xs-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-xs-push-8{left:33.33333333%}.ant-col-xs-pull-8{right:33.33333333%}.ant-col-xs-offset-8{margin-left:33.33333333%}.ant-col-xs-order-8{order:8}.ant-col-xs-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-xs-push-7{left:29.16666667%}.ant-col-xs-pull-7{right:29.16666667%}.ant-col-xs-offset-7{margin-left:29.16666667%}.ant-col-xs-order-7{order:7}.ant-col-xs-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-xs-push-6{left:25%}.ant-col-xs-pull-6{right:25%}.ant-col-xs-offset-6{margin-left:25%}.ant-col-xs-order-6{order:6}.ant-col-xs-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-xs-push-5{left:20.83333333%}.ant-col-xs-pull-5{right:20.83333333%}.ant-col-xs-offset-5{margin-left:20.83333333%}.ant-col-xs-order-5{order:5}.ant-col-xs-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-xs-push-4{left:16.66666667%}.ant-col-xs-pull-4{right:16.66666667%}.ant-col-xs-offset-4{margin-left:16.66666667%}.ant-col-xs-order-4{order:4}.ant-col-xs-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-xs-push-3{left:12.5%}.ant-col-xs-pull-3{right:12.5%}.ant-col-xs-offset-3{margin-left:12.5%}.ant-col-xs-order-3{order:3}.ant-col-xs-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-xs-push-2{left:8.33333333%}.ant-col-xs-pull-2{right:8.33333333%}.ant-col-xs-offset-2{margin-left:8.33333333%}.ant-col-xs-order-2{order:2}.ant-col-xs-order-1,.ant-layout-sider-right,.ant-tabs-rtl.ant-tabs-left>.ant-tabs-nav{order:1}.ant-col-xs-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-xs-push-1{left:4.16666667%}.ant-col-pull-0.ant-col-rtl,.ant-col-push-0,.ant-col-xs-pull-0.ant-col-rtl,.ant-col-xs-push-0,.ant-col-xs-push-1.ant-col-rtl{left:auto}.ant-col-xs-pull-1{right:4.16666667%}.ant-col-pull-0,.ant-col-push-0.ant-col-rtl,.ant-col-xs-pull-0,.ant-col-xs-push-0.ant-col-rtl{right:auto}.ant-col-xs-offset-1{margin-left:4.16666667%}.ant-col-xs-0{display:none}.ant-col-xs-offset-0{margin-left:0}.ant-col-xs-order-0{order:0}.ant-col-xs-offset-0.ant-col-rtl{margin-right:0}.ant-col-xs-push-1.ant-col-rtl{right:4.16666667%}.ant-col-xs-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-xs-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-xs-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-xs-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-xs-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-xs-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-xs-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-xs-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-xs-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-xs-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-xs-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-xs-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-xs-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-xs-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-xs-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-xs-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-xs-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-xs-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-xs-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-xs-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-xs-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-xs-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-xs-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-xs-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-xs-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-xs-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-xs-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-xs-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-xs-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-xs-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-xs-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-xs-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-xs-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-xs-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-xs-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-xs-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-xs-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-xs-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-xs-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-xs-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-xs-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-xs-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-xs-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-xs-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-xs-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-xs-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-xs-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-xs-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-xs-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-xs-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-xs-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-xs-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-xs-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-xs-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-xs-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-xs-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-xs-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-xs-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-xs-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-xs-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-xs-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-xs-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-xs-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-xs-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-xs-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-xs-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-xs-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-xs-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-xs-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-xs-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-xs-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}@media (min-width:576px){.ant-col-sm-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-sm-push-24{left:100%}.ant-col-sm-pull-24{right:100%}.ant-col-sm-offset-24{margin-left:100%}.ant-col-sm-order-24{order:24}.ant-col-sm-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-sm-push-23{left:95.83333333%}.ant-col-sm-pull-23{right:95.83333333%}.ant-col-sm-offset-23{margin-left:95.83333333%}.ant-col-sm-order-23{order:23}.ant-col-sm-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-sm-push-22{left:91.66666667%}.ant-col-sm-pull-22{right:91.66666667%}.ant-col-sm-offset-22{margin-left:91.66666667%}.ant-col-sm-order-22{order:22}.ant-col-sm-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-sm-push-21{left:87.5%}.ant-col-sm-pull-21{right:87.5%}.ant-col-sm-offset-21{margin-left:87.5%}.ant-col-sm-order-21{order:21}.ant-col-sm-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-sm-push-20{left:83.33333333%}.ant-col-sm-pull-20{right:83.33333333%}.ant-col-sm-offset-20{margin-left:83.33333333%}.ant-col-sm-order-20{order:20}.ant-col-sm-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-sm-push-19{left:79.16666667%}.ant-col-sm-pull-19{right:79.16666667%}.ant-col-sm-offset-19{margin-left:79.16666667%}.ant-col-sm-order-19{order:19}.ant-col-sm-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-sm-push-18{left:75%}.ant-col-sm-pull-18{right:75%}.ant-col-sm-offset-18{margin-left:75%}.ant-col-sm-order-18{order:18}.ant-col-sm-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-sm-push-17{left:70.83333333%}.ant-col-sm-pull-17{right:70.83333333%}.ant-col-sm-offset-17{margin-left:70.83333333%}.ant-col-sm-order-17{order:17}.ant-col-sm-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-sm-push-16{left:66.66666667%}.ant-col-sm-pull-16{right:66.66666667%}.ant-col-sm-offset-16{margin-left:66.66666667%}.ant-col-sm-order-16{order:16}.ant-col-sm-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-sm-push-15{left:62.5%}.ant-col-sm-pull-15{right:62.5%}.ant-col-sm-offset-15{margin-left:62.5%}.ant-col-sm-order-15{order:15}.ant-col-sm-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-sm-push-14{left:58.33333333%}.ant-col-sm-pull-14{right:58.33333333%}.ant-col-sm-offset-14{margin-left:58.33333333%}.ant-col-sm-order-14{order:14}.ant-col-sm-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-sm-push-13{left:54.16666667%}.ant-col-sm-pull-13{right:54.16666667%}.ant-col-sm-offset-13{margin-left:54.16666667%}.ant-col-sm-order-13{order:13}.ant-col-sm-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-sm-push-12{left:50%}.ant-col-sm-pull-12{right:50%}.ant-col-sm-offset-12{margin-left:50%}.ant-col-sm-order-12{order:12}.ant-col-sm-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-sm-push-11{left:45.83333333%}.ant-col-sm-pull-11{right:45.83333333%}.ant-col-sm-offset-11{margin-left:45.83333333%}.ant-col-sm-order-11{order:11}.ant-col-sm-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-sm-push-10{left:41.66666667%}.ant-col-sm-pull-10{right:41.66666667%}.ant-col-sm-offset-10{margin-left:41.66666667%}.ant-col-sm-order-10{order:10}.ant-col-sm-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-sm-push-9{left:37.5%}.ant-col-sm-pull-9{right:37.5%}.ant-col-sm-offset-9{margin-left:37.5%}.ant-col-sm-order-9{order:9}.ant-col-sm-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-sm-push-8{left:33.33333333%}.ant-col-sm-pull-8{right:33.33333333%}.ant-col-sm-offset-8{margin-left:33.33333333%}.ant-col-sm-order-8{order:8}.ant-col-sm-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-sm-push-7{left:29.16666667%}.ant-col-sm-pull-7{right:29.16666667%}.ant-col-sm-offset-7{margin-left:29.16666667%}.ant-col-sm-order-7{order:7}.ant-col-sm-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-sm-push-6{left:25%}.ant-col-sm-pull-6{right:25%}.ant-col-sm-offset-6{margin-left:25%}.ant-col-sm-order-6{order:6}.ant-col-sm-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-sm-push-5{left:20.83333333%}.ant-col-sm-pull-5{right:20.83333333%}.ant-col-sm-offset-5{margin-left:20.83333333%}.ant-col-sm-order-5{order:5}.ant-col-sm-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-sm-push-4{left:16.66666667%}.ant-col-sm-pull-4{right:16.66666667%}.ant-col-sm-offset-4{margin-left:16.66666667%}.ant-col-sm-order-4{order:4}.ant-col-sm-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-sm-push-3{left:12.5%}.ant-col-sm-pull-3{right:12.5%}.ant-col-sm-offset-3{margin-left:12.5%}.ant-col-sm-order-3{order:3}.ant-col-sm-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-sm-push-2{left:8.33333333%}.ant-col-sm-pull-2{right:8.33333333%}.ant-col-sm-offset-2{margin-left:8.33333333%}.ant-col-sm-order-2{order:2}.ant-col-sm-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-sm-push-1{left:4.16666667%}.ant-col-pull-0.ant-col-rtl,.ant-col-push-0,.ant-col-sm-pull-0.ant-col-rtl,.ant-col-sm-push-0,.ant-col-sm-push-1.ant-col-rtl{left:auto}.ant-col-sm-pull-1{right:4.16666667%}.ant-col-pull-0,.ant-col-push-0.ant-col-rtl,.ant-col-sm-pull-0,.ant-col-sm-push-0.ant-col-rtl{right:auto}.ant-col-sm-offset-1{margin-left:4.16666667%}.ant-col-sm-order-1{order:1}.ant-col-sm-0{display:none}.ant-col-sm-offset-0{margin-left:0}.ant-col-sm-order-0{order:0}.ant-col-sm-offset-0.ant-col-rtl{margin-right:0}.ant-col-sm-push-1.ant-col-rtl{right:4.16666667%}.ant-col-sm-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-sm-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-sm-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-sm-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-sm-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-sm-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-sm-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-sm-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-sm-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-sm-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-sm-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-sm-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-sm-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-sm-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-sm-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-sm-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-sm-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-sm-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-sm-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-sm-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-sm-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-sm-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-sm-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-sm-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-sm-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-sm-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-sm-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-sm-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-sm-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-sm-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-sm-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-sm-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-sm-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-sm-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-sm-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-sm-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-sm-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-sm-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-sm-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-sm-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-sm-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-sm-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-sm-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-sm-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-sm-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-sm-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-sm-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-sm-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-sm-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-sm-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-sm-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-sm-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-sm-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-sm-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-sm-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-sm-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-sm-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-sm-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-sm-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-sm-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-sm-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-sm-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-sm-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-sm-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-sm-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-sm-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-sm-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-sm-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-sm-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-sm-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-sm-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}}@media (min-width:768px){.ant-col-md-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-md-push-24{left:100%}.ant-col-md-pull-24{right:100%}.ant-col-md-offset-24{margin-left:100%}.ant-col-md-order-24{order:24}.ant-col-md-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-md-push-23{left:95.83333333%}.ant-col-md-pull-23{right:95.83333333%}.ant-col-md-offset-23{margin-left:95.83333333%}.ant-col-md-order-23{order:23}.ant-col-md-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-md-push-22{left:91.66666667%}.ant-col-md-pull-22{right:91.66666667%}.ant-col-md-offset-22{margin-left:91.66666667%}.ant-col-md-order-22{order:22}.ant-col-md-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-md-push-21{left:87.5%}.ant-col-md-pull-21{right:87.5%}.ant-col-md-offset-21{margin-left:87.5%}.ant-col-md-order-21{order:21}.ant-col-md-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-md-push-20{left:83.33333333%}.ant-col-md-pull-20{right:83.33333333%}.ant-col-md-offset-20{margin-left:83.33333333%}.ant-col-md-order-20{order:20}.ant-col-md-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-md-push-19{left:79.16666667%}.ant-col-md-pull-19{right:79.16666667%}.ant-col-md-offset-19{margin-left:79.16666667%}.ant-col-md-order-19{order:19}.ant-col-md-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-md-push-18{left:75%}.ant-col-md-pull-18{right:75%}.ant-col-md-offset-18{margin-left:75%}.ant-col-md-order-18{order:18}.ant-col-md-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-md-push-17{left:70.83333333%}.ant-col-md-pull-17{right:70.83333333%}.ant-col-md-offset-17{margin-left:70.83333333%}.ant-col-md-order-17{order:17}.ant-col-md-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-md-push-16{left:66.66666667%}.ant-col-md-pull-16{right:66.66666667%}.ant-col-md-offset-16{margin-left:66.66666667%}.ant-col-md-order-16{order:16}.ant-col-md-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-md-push-15{left:62.5%}.ant-col-md-pull-15{right:62.5%}.ant-col-md-offset-15{margin-left:62.5%}.ant-col-md-order-15{order:15}.ant-col-md-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-md-push-14{left:58.33333333%}.ant-col-md-pull-14{right:58.33333333%}.ant-col-md-offset-14{margin-left:58.33333333%}.ant-col-md-order-14{order:14}.ant-col-md-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-md-push-13{left:54.16666667%}.ant-col-md-pull-13{right:54.16666667%}.ant-col-md-offset-13{margin-left:54.16666667%}.ant-col-md-order-13{order:13}.ant-col-md-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-md-push-12{left:50%}.ant-col-md-pull-12{right:50%}.ant-col-md-offset-12{margin-left:50%}.ant-col-md-order-12{order:12}.ant-col-md-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-md-push-11{left:45.83333333%}.ant-col-md-pull-11{right:45.83333333%}.ant-col-md-offset-11{margin-left:45.83333333%}.ant-col-md-order-11{order:11}.ant-col-md-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-md-push-10{left:41.66666667%}.ant-col-md-pull-10{right:41.66666667%}.ant-col-md-offset-10{margin-left:41.66666667%}.ant-col-md-order-10{order:10}.ant-col-md-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-md-push-9{left:37.5%}.ant-col-md-pull-9{right:37.5%}.ant-col-md-offset-9{margin-left:37.5%}.ant-col-md-order-9{order:9}.ant-col-md-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-md-push-8{left:33.33333333%}.ant-col-md-pull-8{right:33.33333333%}.ant-col-md-offset-8{margin-left:33.33333333%}.ant-col-md-order-8{order:8}.ant-col-md-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-md-push-7{left:29.16666667%}.ant-col-md-pull-7{right:29.16666667%}.ant-col-md-offset-7{margin-left:29.16666667%}.ant-col-md-order-7{order:7}.ant-col-md-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-md-push-6{left:25%}.ant-col-md-pull-6{right:25%}.ant-col-md-offset-6{margin-left:25%}.ant-col-md-order-6{order:6}.ant-col-md-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-md-push-5{left:20.83333333%}.ant-col-md-pull-5{right:20.83333333%}.ant-col-md-offset-5{margin-left:20.83333333%}.ant-col-md-order-5{order:5}.ant-col-md-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-md-push-4{left:16.66666667%}.ant-col-md-pull-4{right:16.66666667%}.ant-col-md-offset-4{margin-left:16.66666667%}.ant-col-md-order-4{order:4}.ant-col-md-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-md-push-3{left:12.5%}.ant-col-md-pull-3{right:12.5%}.ant-col-md-offset-3{margin-left:12.5%}.ant-col-md-order-3{order:3}.ant-col-md-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-md-push-2{left:8.33333333%}.ant-col-md-pull-2{right:8.33333333%}.ant-col-md-offset-2{margin-left:8.33333333%}.ant-col-md-order-2{order:2}.ant-col-md-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-md-push-1{left:4.16666667%}.ant-col-md-pull-0.ant-col-rtl,.ant-col-md-push-0,.ant-col-md-push-1.ant-col-rtl,.ant-col-pull-0.ant-col-rtl,.ant-col-push-0{left:auto}.ant-col-md-pull-1{right:4.16666667%}.ant-col-md-pull-0,.ant-col-md-push-0.ant-col-rtl,.ant-col-pull-0,.ant-col-push-0.ant-col-rtl{right:auto}.ant-col-md-offset-1{margin-left:4.16666667%}.ant-col-md-order-1{order:1}.ant-col-md-0{display:none}.ant-col-md-offset-0{margin-left:0}.ant-col-md-order-0{order:0}.ant-col-md-offset-0.ant-col-rtl{margin-right:0}.ant-col-md-push-1.ant-col-rtl{right:4.16666667%}.ant-col-md-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-md-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-md-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-md-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-md-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-md-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-md-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-md-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-md-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-md-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-md-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-md-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-md-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-md-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-md-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-md-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-md-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-md-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-md-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-md-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-md-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-md-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-md-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-md-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-md-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-md-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-md-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-md-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-md-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-md-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-md-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-md-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-md-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-md-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-md-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-md-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-md-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-md-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-md-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-md-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-md-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-md-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-md-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-md-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-md-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-md-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-md-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-md-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-md-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-md-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-md-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-md-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-md-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-md-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-md-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-md-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-md-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-md-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-md-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-md-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-md-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-md-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-md-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-md-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-md-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-md-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-md-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-md-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-md-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-md-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-md-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}}@media (min-width:992px){.ant-col-lg-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-lg-push-24{left:100%}.ant-col-lg-pull-24{right:100%}.ant-col-lg-offset-24{margin-left:100%}.ant-col-lg-order-24{order:24}.ant-col-lg-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-lg-push-23{left:95.83333333%}.ant-col-lg-pull-23{right:95.83333333%}.ant-col-lg-offset-23{margin-left:95.83333333%}.ant-col-lg-order-23{order:23}.ant-col-lg-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-lg-push-22{left:91.66666667%}.ant-col-lg-pull-22{right:91.66666667%}.ant-col-lg-offset-22{margin-left:91.66666667%}.ant-col-lg-order-22{order:22}.ant-col-lg-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-lg-push-21{left:87.5%}.ant-col-lg-pull-21{right:87.5%}.ant-col-lg-offset-21{margin-left:87.5%}.ant-col-lg-order-21{order:21}.ant-col-lg-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-lg-push-20{left:83.33333333%}.ant-col-lg-pull-20{right:83.33333333%}.ant-col-lg-offset-20{margin-left:83.33333333%}.ant-col-lg-order-20{order:20}.ant-col-lg-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-lg-push-19{left:79.16666667%}.ant-col-lg-pull-19{right:79.16666667%}.ant-col-lg-offset-19{margin-left:79.16666667%}.ant-col-lg-order-19{order:19}.ant-col-lg-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-lg-push-18{left:75%}.ant-col-lg-pull-18{right:75%}.ant-col-lg-offset-18{margin-left:75%}.ant-col-lg-order-18{order:18}.ant-col-lg-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-lg-push-17{left:70.83333333%}.ant-col-lg-pull-17{right:70.83333333%}.ant-col-lg-offset-17{margin-left:70.83333333%}.ant-col-lg-order-17{order:17}.ant-col-lg-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-lg-push-16{left:66.66666667%}.ant-col-lg-pull-16{right:66.66666667%}.ant-col-lg-offset-16{margin-left:66.66666667%}.ant-col-lg-order-16{order:16}.ant-col-lg-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-lg-push-15{left:62.5%}.ant-col-lg-pull-15{right:62.5%}.ant-col-lg-offset-15{margin-left:62.5%}.ant-col-lg-order-15{order:15}.ant-col-lg-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-lg-push-14{left:58.33333333%}.ant-col-lg-pull-14{right:58.33333333%}.ant-col-lg-offset-14{margin-left:58.33333333%}.ant-col-lg-order-14{order:14}.ant-col-lg-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-lg-push-13{left:54.16666667%}.ant-col-lg-pull-13{right:54.16666667%}.ant-col-lg-offset-13{margin-left:54.16666667%}.ant-col-lg-order-13{order:13}.ant-col-lg-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-lg-push-12{left:50%}.ant-col-lg-pull-12{right:50%}.ant-col-lg-offset-12{margin-left:50%}.ant-col-lg-order-12{order:12}.ant-col-lg-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-lg-push-11{left:45.83333333%}.ant-col-lg-pull-11{right:45.83333333%}.ant-col-lg-offset-11{margin-left:45.83333333%}.ant-col-lg-order-11{order:11}.ant-col-lg-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-lg-push-10{left:41.66666667%}.ant-col-lg-pull-10{right:41.66666667%}.ant-col-lg-offset-10{margin-left:41.66666667%}.ant-col-lg-order-10{order:10}.ant-col-lg-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-lg-push-9{left:37.5%}.ant-col-lg-pull-9{right:37.5%}.ant-col-lg-offset-9{margin-left:37.5%}.ant-col-lg-order-9{order:9}.ant-col-lg-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-lg-push-8{left:33.33333333%}.ant-col-lg-pull-8{right:33.33333333%}.ant-col-lg-offset-8{margin-left:33.33333333%}.ant-col-lg-order-8{order:8}.ant-col-lg-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-lg-push-7{left:29.16666667%}.ant-col-lg-pull-7{right:29.16666667%}.ant-col-lg-offset-7{margin-left:29.16666667%}.ant-col-lg-order-7{order:7}.ant-col-lg-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-lg-push-6{left:25%}.ant-col-lg-pull-6{right:25%}.ant-col-lg-offset-6{margin-left:25%}.ant-col-lg-order-6{order:6}.ant-col-lg-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-lg-push-5{left:20.83333333%}.ant-col-lg-pull-5{right:20.83333333%}.ant-col-lg-offset-5{margin-left:20.83333333%}.ant-col-lg-order-5{order:5}.ant-col-lg-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-lg-push-4{left:16.66666667%}.ant-col-lg-pull-4{right:16.66666667%}.ant-col-lg-offset-4{margin-left:16.66666667%}.ant-col-lg-order-4{order:4}.ant-col-lg-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-lg-push-3{left:12.5%}.ant-col-lg-pull-3{right:12.5%}.ant-col-lg-offset-3{margin-left:12.5%}.ant-col-lg-order-3{order:3}.ant-col-lg-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-lg-push-2{left:8.33333333%}.ant-col-lg-pull-2{right:8.33333333%}.ant-col-lg-offset-2{margin-left:8.33333333%}.ant-col-lg-order-2{order:2}.ant-col-lg-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-lg-push-1{left:4.16666667%}.ant-col-lg-pull-0.ant-col-rtl,.ant-col-lg-push-0,.ant-col-lg-push-1.ant-col-rtl,.ant-col-pull-0.ant-col-rtl,.ant-col-push-0{left:auto}.ant-col-lg-pull-1{right:4.16666667%}.ant-col-lg-pull-0,.ant-col-lg-push-0.ant-col-rtl,.ant-col-pull-0,.ant-col-push-0.ant-col-rtl{right:auto}.ant-col-lg-offset-1{margin-left:4.16666667%}.ant-col-lg-order-1{order:1}.ant-col-lg-0{display:none}.ant-col-lg-offset-0{margin-left:0}.ant-col-lg-order-0{order:0}.ant-col-lg-offset-0.ant-col-rtl{margin-right:0}.ant-col-lg-push-1.ant-col-rtl{right:4.16666667%}.ant-col-lg-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-lg-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-lg-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-lg-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-lg-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-lg-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-lg-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-lg-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-lg-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-lg-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-lg-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-lg-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-lg-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-lg-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-lg-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-lg-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-lg-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-lg-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-lg-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-lg-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-lg-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-lg-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-lg-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-lg-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-lg-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-lg-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-lg-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-lg-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-lg-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-lg-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-lg-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-lg-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-lg-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-lg-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-lg-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-lg-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-lg-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-lg-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-lg-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-lg-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-lg-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-lg-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-lg-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-lg-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-lg-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-lg-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-lg-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-lg-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-lg-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-lg-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-lg-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-lg-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-lg-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-lg-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-lg-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-lg-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-lg-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-lg-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-lg-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-lg-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-lg-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-lg-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-lg-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-lg-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-lg-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-lg-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-lg-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-lg-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-lg-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-lg-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-lg-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}}@media (min-width:1200px){.ant-col-xl-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-xl-push-24{left:100%}.ant-col-xl-pull-24{right:100%}.ant-col-xl-offset-24{margin-left:100%}.ant-col-xl-order-24{order:24}.ant-col-xl-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-xl-push-23{left:95.83333333%}.ant-col-xl-pull-23{right:95.83333333%}.ant-col-xl-offset-23{margin-left:95.83333333%}.ant-col-xl-order-23{order:23}.ant-col-xl-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-xl-push-22{left:91.66666667%}.ant-col-xl-pull-22{right:91.66666667%}.ant-col-xl-offset-22{margin-left:91.66666667%}.ant-col-xl-order-22{order:22}.ant-col-xl-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-xl-push-21{left:87.5%}.ant-col-xl-pull-21{right:87.5%}.ant-col-xl-offset-21{margin-left:87.5%}.ant-col-xl-order-21{order:21}.ant-col-xl-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-xl-push-20{left:83.33333333%}.ant-col-xl-pull-20{right:83.33333333%}.ant-col-xl-offset-20{margin-left:83.33333333%}.ant-col-xl-order-20{order:20}.ant-col-xl-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-xl-push-19{left:79.16666667%}.ant-col-xl-pull-19{right:79.16666667%}.ant-col-xl-offset-19{margin-left:79.16666667%}.ant-col-xl-order-19{order:19}.ant-col-xl-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-xl-push-18{left:75%}.ant-col-xl-pull-18{right:75%}.ant-col-xl-offset-18{margin-left:75%}.ant-col-xl-order-18{order:18}.ant-col-xl-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-xl-push-17{left:70.83333333%}.ant-col-xl-pull-17{right:70.83333333%}.ant-col-xl-offset-17{margin-left:70.83333333%}.ant-col-xl-order-17{order:17}.ant-col-xl-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-xl-push-16{left:66.66666667%}.ant-col-xl-pull-16{right:66.66666667%}.ant-col-xl-offset-16{margin-left:66.66666667%}.ant-col-xl-order-16{order:16}.ant-col-xl-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-xl-push-15{left:62.5%}.ant-col-xl-pull-15{right:62.5%}.ant-col-xl-offset-15{margin-left:62.5%}.ant-col-xl-order-15{order:15}.ant-col-xl-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-xl-push-14{left:58.33333333%}.ant-col-xl-pull-14{right:58.33333333%}.ant-col-xl-offset-14{margin-left:58.33333333%}.ant-col-xl-order-14{order:14}.ant-col-xl-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-xl-push-13{left:54.16666667%}.ant-col-xl-pull-13{right:54.16666667%}.ant-col-xl-offset-13{margin-left:54.16666667%}.ant-col-xl-order-13{order:13}.ant-col-xl-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-xl-push-12{left:50%}.ant-col-xl-pull-12{right:50%}.ant-col-xl-offset-12{margin-left:50%}.ant-col-xl-order-12{order:12}.ant-col-xl-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-xl-push-11{left:45.83333333%}.ant-col-xl-pull-11{right:45.83333333%}.ant-col-xl-offset-11{margin-left:45.83333333%}.ant-col-xl-order-11{order:11}.ant-col-xl-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-xl-push-10{left:41.66666667%}.ant-col-xl-pull-10{right:41.66666667%}.ant-col-xl-offset-10{margin-left:41.66666667%}.ant-col-xl-order-10{order:10}.ant-col-xl-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-xl-push-9{left:37.5%}.ant-col-xl-pull-9{right:37.5%}.ant-col-xl-offset-9{margin-left:37.5%}.ant-col-xl-order-9{order:9}.ant-col-xl-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-xl-push-8{left:33.33333333%}.ant-col-xl-pull-8{right:33.33333333%}.ant-col-xl-offset-8{margin-left:33.33333333%}.ant-col-xl-order-8{order:8}.ant-col-xl-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-xl-push-7{left:29.16666667%}.ant-col-xl-pull-7{right:29.16666667%}.ant-col-xl-offset-7{margin-left:29.16666667%}.ant-col-xl-order-7{order:7}.ant-col-xl-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-xl-push-6{left:25%}.ant-col-xl-pull-6{right:25%}.ant-col-xl-offset-6{margin-left:25%}.ant-col-xl-order-6{order:6}.ant-col-xl-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-xl-push-5{left:20.83333333%}.ant-col-xl-pull-5{right:20.83333333%}.ant-col-xl-offset-5{margin-left:20.83333333%}.ant-col-xl-order-5{order:5}.ant-col-xl-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-xl-push-4{left:16.66666667%}.ant-col-xl-pull-4{right:16.66666667%}.ant-col-xl-offset-4{margin-left:16.66666667%}.ant-col-xl-order-4{order:4}.ant-col-xl-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-xl-push-3{left:12.5%}.ant-col-xl-pull-3{right:12.5%}.ant-col-xl-offset-3{margin-left:12.5%}.ant-col-xl-order-3{order:3}.ant-col-xl-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-xl-push-2{left:8.33333333%}.ant-col-xl-pull-2{right:8.33333333%}.ant-col-xl-offset-2{margin-left:8.33333333%}.ant-col-xl-order-2{order:2}.ant-col-xl-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-xl-push-1{left:4.16666667%}.ant-col-pull-0.ant-col-rtl,.ant-col-push-0,.ant-col-xl-pull-0.ant-col-rtl,.ant-col-xl-push-0,.ant-col-xl-push-1.ant-col-rtl{left:auto}.ant-col-xl-pull-1{right:4.16666667%}.ant-col-pull-0,.ant-col-push-0.ant-col-rtl,.ant-col-xl-pull-0,.ant-col-xl-push-0.ant-col-rtl{right:auto}.ant-col-xl-offset-1{margin-left:4.16666667%}.ant-col-xl-order-1{order:1}.ant-col-xl-0{display:none}.ant-col-xl-offset-0{margin-left:0}.ant-col-xl-order-0{order:0}.ant-col-xl-offset-0.ant-col-rtl{margin-right:0}.ant-col-xl-push-1.ant-col-rtl{right:4.16666667%}.ant-col-xl-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-xl-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-xl-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-xl-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-xl-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-xl-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-xl-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-xl-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-xl-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-xl-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-xl-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-xl-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-xl-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-xl-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-xl-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-xl-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-xl-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-xl-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-xl-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-xl-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-xl-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-xl-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-xl-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-xl-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-xl-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-xl-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-xl-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-xl-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-xl-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-xl-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-xl-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-xl-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-xl-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-xl-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-xl-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-xl-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-xl-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-xl-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-xl-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-xl-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-xl-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-xl-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-xl-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-xl-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-xl-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-xl-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-xl-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-xl-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-xl-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-xl-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-xl-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-xl-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-xl-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-xl-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-xl-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-xl-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-xl-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-xl-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-xl-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-xl-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-xl-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-xl-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-xl-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-xl-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-xl-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-xl-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-xl-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-xl-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-xl-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-xl-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-xl-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}}@media (min-width:1600px){.ant-col-xxl-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-xxl-push-24{left:100%}.ant-col-xxl-pull-24{right:100%}.ant-col-xxl-offset-24{margin-left:100%}.ant-col-xxl-order-24{order:24}.ant-col-xxl-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-xxl-push-23{left:95.83333333%}.ant-col-xxl-pull-23{right:95.83333333%}.ant-col-xxl-offset-23{margin-left:95.83333333%}.ant-col-xxl-order-23{order:23}.ant-col-xxl-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-xxl-push-22{left:91.66666667%}.ant-col-xxl-pull-22{right:91.66666667%}.ant-col-xxl-offset-22{margin-left:91.66666667%}.ant-col-xxl-order-22{order:22}.ant-col-xxl-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-xxl-push-21{left:87.5%}.ant-col-xxl-pull-21{right:87.5%}.ant-col-xxl-offset-21{margin-left:87.5%}.ant-col-xxl-order-21{order:21}.ant-col-xxl-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-xxl-push-20{left:83.33333333%}.ant-col-xxl-pull-20{right:83.33333333%}.ant-col-xxl-offset-20{margin-left:83.33333333%}.ant-col-xxl-order-20{order:20}.ant-col-xxl-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-xxl-push-19{left:79.16666667%}.ant-col-xxl-pull-19{right:79.16666667%}.ant-col-xxl-offset-19{margin-left:79.16666667%}.ant-col-xxl-order-19{order:19}.ant-col-xxl-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-xxl-push-18{left:75%}.ant-col-xxl-pull-18{right:75%}.ant-col-xxl-offset-18{margin-left:75%}.ant-col-xxl-order-18{order:18}.ant-col-xxl-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-xxl-push-17{left:70.83333333%}.ant-col-xxl-pull-17{right:70.83333333%}.ant-col-xxl-offset-17{margin-left:70.83333333%}.ant-col-xxl-order-17{order:17}.ant-col-xxl-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-xxl-push-16{left:66.66666667%}.ant-col-xxl-pull-16{right:66.66666667%}.ant-col-xxl-offset-16{margin-left:66.66666667%}.ant-col-xxl-order-16{order:16}.ant-col-xxl-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-xxl-push-15{left:62.5%}.ant-col-xxl-pull-15{right:62.5%}.ant-col-xxl-offset-15{margin-left:62.5%}.ant-col-xxl-order-15{order:15}.ant-col-xxl-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-xxl-push-14{left:58.33333333%}.ant-col-xxl-pull-14{right:58.33333333%}.ant-col-xxl-offset-14{margin-left:58.33333333%}.ant-col-xxl-order-14{order:14}.ant-col-xxl-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-xxl-push-13{left:54.16666667%}.ant-col-xxl-pull-13{right:54.16666667%}.ant-col-xxl-offset-13{margin-left:54.16666667%}.ant-col-xxl-order-13{order:13}.ant-col-xxl-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-xxl-push-12{left:50%}.ant-col-xxl-pull-12{right:50%}.ant-col-xxl-offset-12{margin-left:50%}.ant-col-xxl-order-12{order:12}.ant-col-xxl-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-xxl-push-11{left:45.83333333%}.ant-col-xxl-pull-11{right:45.83333333%}.ant-col-xxl-offset-11{margin-left:45.83333333%}.ant-col-xxl-order-11{order:11}.ant-col-xxl-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-xxl-push-10{left:41.66666667%}.ant-col-xxl-pull-10{right:41.66666667%}.ant-col-xxl-offset-10{margin-left:41.66666667%}.ant-col-xxl-order-10{order:10}.ant-col-xxl-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-xxl-push-9{left:37.5%}.ant-col-xxl-pull-9{right:37.5%}.ant-col-xxl-offset-9{margin-left:37.5%}.ant-col-xxl-order-9{order:9}.ant-col-xxl-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-xxl-push-8{left:33.33333333%}.ant-col-xxl-pull-8{right:33.33333333%}.ant-col-xxl-offset-8{margin-left:33.33333333%}.ant-col-xxl-order-8{order:8}.ant-col-xxl-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-xxl-push-7{left:29.16666667%}.ant-col-xxl-pull-7{right:29.16666667%}.ant-col-xxl-offset-7{margin-left:29.16666667%}.ant-col-xxl-order-7{order:7}.ant-col-xxl-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-xxl-push-6{left:25%}.ant-col-xxl-pull-6{right:25%}.ant-col-xxl-offset-6{margin-left:25%}.ant-col-xxl-order-6{order:6}.ant-col-xxl-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-xxl-push-5{left:20.83333333%}.ant-col-xxl-pull-5{right:20.83333333%}.ant-col-xxl-offset-5{margin-left:20.83333333%}.ant-col-xxl-order-5{order:5}.ant-col-xxl-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-xxl-push-4{left:16.66666667%}.ant-col-xxl-pull-4{right:16.66666667%}.ant-col-xxl-offset-4{margin-left:16.66666667%}.ant-col-xxl-order-4{order:4}.ant-col-xxl-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-xxl-push-3{left:12.5%}.ant-col-xxl-pull-3{right:12.5%}.ant-col-xxl-offset-3{margin-left:12.5%}.ant-col-xxl-order-3{order:3}.ant-col-xxl-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-xxl-push-2{left:8.33333333%}.ant-col-xxl-pull-2{right:8.33333333%}.ant-col-xxl-offset-2{margin-left:8.33333333%}.ant-col-xxl-order-2{order:2}.ant-col-xxl-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-xxl-push-1{left:4.16666667%}.ant-col-pull-0.ant-col-rtl,.ant-col-push-0,.ant-col-xxl-pull-0.ant-col-rtl,.ant-col-xxl-push-0,.ant-col-xxl-push-1.ant-col-rtl{left:auto}.ant-col-xxl-pull-1{right:4.16666667%}.ant-col-pull-0,.ant-col-push-0.ant-col-rtl,.ant-col-xxl-pull-0,.ant-col-xxl-push-0.ant-col-rtl{right:auto}.ant-col-xxl-offset-1{margin-left:4.16666667%}.ant-col-xxl-order-1{order:1}.ant-col-xxl-0{display:none}.ant-col-xxl-offset-0{margin-left:0}.ant-col-xxl-order-0{order:0}.ant-col-xxl-offset-0.ant-col-rtl{margin-right:0}.ant-col-xxl-push-1.ant-col-rtl{right:4.16666667%}.ant-col-xxl-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-xxl-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-xxl-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-xxl-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-xxl-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-xxl-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-xxl-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-xxl-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-xxl-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-xxl-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-xxl-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-xxl-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-xxl-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-xxl-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-xxl-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-xxl-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-xxl-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-xxl-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-xxl-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-xxl-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-xxl-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-xxl-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-xxl-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-xxl-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-xxl-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-xxl-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-xxl-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-xxl-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-xxl-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-xxl-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-xxl-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-xxl-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-xxl-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-xxl-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-xxl-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-xxl-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-xxl-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-xxl-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-xxl-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-xxl-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-xxl-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-xxl-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-xxl-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-xxl-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-xxl-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-xxl-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-xxl-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-xxl-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-xxl-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-xxl-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-xxl-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-xxl-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-xxl-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-xxl-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-xxl-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-xxl-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-xxl-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-xxl-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-xxl-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-xxl-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-xxl-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-xxl-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-xxl-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-xxl-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-xxl-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-xxl-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-xxl-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-xxl-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-xxl-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-xxl-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-xxl-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}}.ant-input-affix-wrapper{position:relative;width:100%;padding:3px 7px;color:rgba(0,0,0,.85);font-size:12px;line-height:1.66667;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s;display:inline-flex}.ant-input-affix-wrapper-disabled,.ant-input-affix-wrapper[disabled]{background-color:#f5f5f5;cursor:not-allowed;pointer-events:none;opacity:1}.ant-input-affix-wrapper::-moz-placeholder{opacity:1}.ant-input-affix-wrapper::placeholder{color:#bfbfbf}.ant-input-affix-wrapper:placeholder-shown{text-overflow:ellipsis}.ant-input-affix-wrapper:hover{border-color:#40a9ff;border-right-width:1px!important}.ant-input-rtl .ant-input-affix-wrapper:hover{border-right-width:0;border-left-width:1px!important}.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-input-affix-wrapper-focused,.ant-input-rtl .ant-input-affix-wrapper:focus{border-right-width:0;border-left-width:1px!important}.ant-input-affix-wrapper-disabled:hover,.ant-input-affix-wrapper[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-input-affix-wrapper-disabled{color:rgba(0,0,0,.25)}.ant-input-affix-wrapper[disabled]{color:rgba(0,0,0,.25)}.ant-input-affix-wrapper-borderless,.ant-input-affix-wrapper-borderless-disabled,.ant-input-affix-wrapper-borderless-focused,.ant-input-affix-wrapper-borderless:focus,.ant-input-affix-wrapper-borderless:hover,.ant-input-affix-wrapper-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.ant-input-affix-wrapper{max-width:100%;height:auto;min-height:28px;line-height:1.66667;vertical-align:bottom;transition:all .3s,height 0s}.ant-input-affix-wrapper-lg{padding:3.4px 11px;font-size:14px}.ant-input-affix-wrapper-sm{padding:0 7px}.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:#40a9ff;border-right-width:1px!important;z-index:1}.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-right-width:0;border-left-width:1px!important}.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{z-index:0}.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus{z-index:1}.ant-input-affix-wrapper-disabled .ant-input[disabled]{background:0 0}.ant-input-affix-wrapper>input.ant-input{padding:0;border:none;outline:0}.ant-input-affix-wrapper>input.ant-input:focus{box-shadow:none}.ant-input-affix-wrapper::before{width:0;visibility:hidden;content:'\a0'}.ant-input-prefix,.ant-input-suffix{display:flex;flex:none;align-items:center}.ant-input-prefix{margin-right:4px}.ant-input-suffix{margin-left:4px}.ant-input-clear-icon{margin:0 4px;color:rgba(0,0,0,.25);font-size:12px;vertical-align:-1px;cursor:pointer;transition:color .3s}.ant-input,.ant-input-group{margin:0;line-height:1.66667;width:100%;list-style:none;font-variant:tabular-nums;box-sizing:border-box;font-feature-settings:tnum}.ant-input-clear-icon:hover{color:rgba(0,0,0,.45)}.ant-input,.ant-input-clear-icon:active{color:rgba(0,0,0,.85)}.ant-input-clear-icon-hidden{visibility:hidden}.ant-input-clear-icon:last-child{margin-right:0}.ant-input-affix-wrapper-textarea-with-clear-btn{padding:0!important;border:0!important}.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon{position:absolute;top:8px;right:8px;z-index:1}.ant-input{position:relative;display:inline-block;padding:3px 7px;font-size:12px;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s}.ant-input::-moz-placeholder{opacity:1}.ant-input::placeholder{color:#bfbfbf}.ant-input-disabled,.ant-input[disabled]{background-color:#f5f5f5;cursor:not-allowed;color:rgba(0,0,0,.25);opacity:1;pointer-events:none}.ant-input:placeholder-shown{text-overflow:ellipsis}.ant-input:hover{border-color:#40a9ff;border-right-width:1px!important}.ant-input-rtl .ant-input:hover{border-right-width:0;border-left-width:1px!important}.ant-input-focused,.ant-input:focus{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-input-focused,.ant-input-rtl .ant-input:focus{border-right-width:0;border-left-width:1px!important}.ant-input-disabled:hover,.ant-input[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-input-group,.ant-input-group-addon{color:rgba(0,0,0,.85);position:relative}.ant-input-borderless,.ant-input-borderless-disabled,.ant-input-borderless-focused,.ant-input-borderless:focus,.ant-input-borderless:hover,.ant-input-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.ant-input{max-width:100%;height:auto;min-height:28px;line-height:1.66667;vertical-align:bottom;transition:all .3s,height 0s}.ant-input-lg{padding:3.4px 11px;font-size:14px}.ant-input-sm{padding:0 7px}.ant-input-group{padding:0;font-size:12px;display:table;border-collapse:separate;border-spacing:0}.ant-input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.ant-input-group>[class*=col-]{padding-right:8px}.ant-input-group>[class*=col-]:last-child{padding-right:0}.ant-input-group-addon,.ant-input-group-wrap,.ant-input-group>.ant-input{display:table-cell}.ant-input-group-addon:not(:first-child):not(:last-child),.ant-input-group-wrap:not(:first-child):not(:last-child),.ant-input-group>.ant-input:not(:first-child):not(:last-child){border-radius:0}.ant-input-group-addon,.ant-input-group-wrap{width:1px;white-space:nowrap;vertical-align:middle}.ant-input-group-wrap>*{display:block!important}.ant-input-group .ant-input{float:left;width:100%;margin-bottom:0;text-align:inherit}.ant-input-group .ant-input:focus,.ant-input-group .ant-input:hover{z-index:1;border-right-width:1px}.ant-input-search-with-button .ant-input-group .ant-input:hover{z-index:0}.ant-input-group-addon{padding:0 7px;font-weight:400;font-size:12px;text-align:center;background-color:#fafafa;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s}.ant-input-group-addon .ant-select{margin:-4px -7px}.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{background-color:inherit;border:1px solid transparent;box-shadow:none}.ant-input-group .ant-input-affix-wrapper:not(:first-child),.ant-input-group-addon:last-child,.ant-input-group-addon:last-child .ant-select .ant-select-selector,.ant-input-group>.ant-input-affix-wrapper:not(:first-child) .ant-input,.ant-input-group>.ant-input:last-child,.ant-input-group>.ant-input:last-child .ant-select .ant-select-selector{border-top-left-radius:0;border-bottom-left-radius:0}.ant-input-group .ant-input-affix-wrapper:not(:last-child),.ant-input-group-addon:first-child,.ant-input-group-addon:first-child .ant-select .ant-select-selector,.ant-input-group>.ant-input-affix-wrapper:not(:last-child) .ant-input,.ant-input-group>.ant-input:first-child,.ant-input-group>.ant-input:first-child .ant-select .ant-select-selector{border-top-right-radius:0;border-bottom-right-radius:0}.ant-input-number-focused,.ant-input-number:focus{box-shadow:0 0 0 2px rgba(24,144,255,.2);outline:0}.ant-input-group-addon .ant-select-focused .ant-select-selector,.ant-input-group-addon .ant-select-open .ant-select-selector{color:#1890ff}.ant-input-group-addon:first-child{border-right:0}.ant-input-group-addon:last-child{border-left:0}.ant-input-group-lg .ant-input,.ant-input-group-lg>.ant-input-group-addon{padding:3.4px 11px;font-size:14px}.ant-input-group-sm .ant-input,.ant-input-group-sm>.ant-input-group-addon{padding:0 7px}.ant-input-group-lg .ant-select-single .ant-select-selector{height:32px}.ant-input-group-sm .ant-select-single .ant-select-selector{height:22px}.ant-input-search-button,.ant-input[type=color]{height:28px}.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child){border-top-left-radius:2px;border-bottom-left-radius:2px}.ant-input-group.ant-input-group-compact{display:block}.ant-input-group.ant-input-group-compact::after,.ant-input-group.ant-input-group-compact::before{display:table;content:''}.ant-input-group.ant-input-group-compact::after{clear:both}.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child){border-right-width:1px}.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):focus,.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):hover{z-index:1}.ant-input-group.ant-input-group-compact>*{display:inline-block;float:none;vertical-align:top;border-radius:0}.ant-input-group.ant-input-group-compact>.ant-input-affix-wrapper,.ant-input-group.ant-input-group-compact>.ant-picker-range{display:inline-flex}.ant-input-group.ant-input-group-compact>:not(:last-child){margin-right:-1px;border-right-width:1px}.ant-input-group.ant-input-group-compact .ant-input{float:none}.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input,.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector{border-right-width:1px;border-radius:0}.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:focus,.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:hover,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:focus,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:hover,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:focus,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:hover,.ant-input-group.ant-input-group-compact>.ant-select-focused,.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-arrow,.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector:focus,.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector:hover{z-index:1}.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selector,.ant-input-group.ant-input-group-compact>:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selector,.ant-input-group.ant-input-group-compact>:last-child{border-right-width:1px;border-top-right-radius:2px;border-bottom-right-radius:2px}.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input{vertical-align:top}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper{margin-left:-1px}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper .ant-input-affix-wrapper,.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input-group-addon>.ant-input-search-button{border-radius:0}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input{border-radius:2px 0 0 2px}.ant-input-group-rtl .ant-input-group-addon:first-child,.ant-input-group>.ant-input-rtl:first-child{border-radius:0 2px 2px 0}.ant-input-group-rtl .ant-input-group-addon:first-child{border-right:1px solid #d9d9d9;border-left:0}.ant-input-group-rtl .ant-input-group-addon:last-child{border-right:0;border-left:1px solid #d9d9d9}.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child),.ant-input-group-rtl.ant-input-group-addon:last-child,.ant-input-group-rtl.ant-input-group>.ant-input:last-child{border-radius:2px 0 0 2px}.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child),.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selector,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>:first-child{border-radius:0 2px 2px 0}.ant-input-group-rtl.ant-input-group.ant-input-group-compact>:not(:last-child){margin-right:0;margin-left:-1px;border-left-width:1px}.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:last-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selector,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>:last-child{border-left-width:1px;border-radius:2px 0 0 2px}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl+.ant-input-group-wrapper-rtl{margin-right:-1px;margin-left:0}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search>.ant-input-group>.ant-input{border-radius:0 2px 2px 0}.ant-input-group-wrapper{display:inline-block;width:100%;text-align:start;vertical-align:top}.ant-input-password-icon{color:rgba(0,0,0,.45);cursor:pointer;transition:all .3s}.ant-input-password-icon:hover{color:rgba(0,0,0,.85)}.ant-input[type=color].ant-input-lg{height:32px}.ant-input[type=color].ant-input-sm{height:22px;padding-top:3px;padding-bottom:3px}.ant-input-textarea-show-count::after{float:right;color:rgba(0,0,0,.45);white-space:nowrap;content:attr(data-count);pointer-events:none}.ant-input-search .ant-input:focus,.ant-input-search .ant-input:hover{border-color:#40a9ff}.ant-input-search .ant-input:focus+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),.ant-input-search .ant-input:hover+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary){border-left-color:#40a9ff}.ant-input-search .ant-input-affix-wrapper{border-radius:0}.ant-input-search .ant-input-lg{line-height:1.66647}.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child{left:-1px;padding:0;border:0}.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button{padding-top:0;padding-bottom:0;border-radius:0 2px 2px 0}.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary){color:rgba(0,0,0,.45)}.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before{top:0;right:0;bottom:0;left:0}.ant-input-search-button:focus,.ant-input-search-button:hover{z-index:1}.ant-input-search-large .ant-input-search-button{height:32px}.ant-input-search-small .ant-input-search-button{height:22px}.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl>input.ant-input{border:none;outline:0}.ant-input-affix-wrapper-rtl .ant-input-prefix{margin:0 0 0 4px}.ant-input-affix-wrapper-rtl .ant-input-suffix{margin:0 4px 0 0}.ant-input-textarea-rtl.ant-input-textarea-show-count::after{text-align:left}.ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child{margin-right:4px;margin-left:0}.ant-input-affix-wrapper-rtl .ant-input-clear-icon{right:auto;left:8px}.ant-input-search-rtl .ant-input:focus+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),.ant-input-search-rtl .ant-input:hover+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary){border-right-color:#40a9ff;border-left-color:#d9d9d9}.ant-input-search-rtl>.ant-input-group>.ant-input-affix-wrapper-focused,.ant-input-search-rtl>.ant-input-group>.ant-input-affix-wrapper:hover{border-right-color:#40a9ff}.ant-input-search-rtl>.ant-input-group>.ant-input-group-addon{right:-1px;left:auto}.ant-input-search-rtl>.ant-input-group>.ant-input-group-addon .ant-input-search-button{border-radius:2px 0 0 2px}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ant-input{height:28px}.ant-input-lg{height:32px}.ant-input-sm{height:22px}.ant-input-affix-wrapper>input.ant-input{height:auto}}textarea.nz-textarea-autosize-measuring{height:auto!important;overflow:hidden!important;padding:2px 0!important;box-sizing:content-box!important}.ant-input-search-rtl.ant-input-search-enter-button input+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only,.ant-input-search-rtl.ant-input-search-enter-button+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only{width:28px;height:28px}.ant-input-search-rtl.ant-input-search-enter-button input+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm,.ant-input-search-rtl.ant-input-search-enter-button+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm{width:22px;height:22px}.ant-input-search-rtl.ant-input-search-enter-button input+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg,.ant-input-search-rtl.ant-input-search-enter-button+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg{width:32px;height:32px}.ant-input-number{box-sizing:border-box;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;position:relative;color:rgba(0,0,0,.85);font-size:12px;line-height:1.66667;background-image:none;transition:all .3s;display:inline-block;width:90px;margin:0;padding:0;border:1px solid #d9d9d9;border-radius:2px}.ant-input-number::-moz-placeholder{opacity:1}.ant-input-number::placeholder{color:#bfbfbf}.ant-input-number:placeholder-shown{text-overflow:ellipsis}.ant-input-rtl .ant-input-number:hover{border-right-width:0;border-left-width:1px!important}.ant-input-number-focused,.ant-input-number:focus{border-color:#40a9ff;border-right-width:1px!important}.ant-input-rtl .ant-input-number-focused,.ant-input-rtl .ant-input-number:focus{border-right-width:0;border-left-width:1px!important}.ant-input-number[disabled]{background-color:#f5f5f5;cursor:not-allowed;opacity:1;color:rgba(0,0,0,.25);pointer-events:none}.ant-input-number[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-input-number-borderless,.ant-input-number-borderless-disabled,.ant-input-number-borderless-focused,.ant-input-number-borderless:focus,.ant-input-number-borderless:hover,.ant-input-number-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}.ant-input-number-focused,.ant-input-number:hover{border-color:#40a9ff;border-right-width:1px!important}textarea.ant-input-number{max-width:100%;height:auto;min-height:28px;line-height:1.66667;vertical-align:bottom;transition:all .3s,height 0s}.ant-input-number-handler{position:relative;display:block;width:100%;height:50%;overflow:hidden;color:rgba(0,0,0,.45);font-weight:700;line-height:0;text-align:center;transition:all .1s linear}.ant-input-number-handler:active{background:#f4f4f4}.ant-input-number-handler:hover .ant-input-number-handler-down-inner,.ant-input-number-handler:hover .ant-input-number-handler-up-inner{color:#40a9ff}.ant-input-number-handler-down-inner,.ant-input-number-handler-up-inner{display:inline-block;color:inherit;font-style:normal;text-transform:none;vertical-align:-.125em;position:absolute;right:4px;width:12px;height:12px;color:rgba(0,0,0,.45);line-height:12px;transition:all .1s linear;user-select:none}.ant-input-number-handler-down-inner>*,.ant-input-number-handler-up-inner>*{line-height:1}.ant-input-number-handler-down-inner svg,.ant-input-number-handler-up-inner svg{display:inline-block}.ant-input-number-handler-down-inner::before,.ant-input-number-handler-up-inner::before{display:none}.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon,.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon{display:block}.ant-input-number:hover+.ant-form-item-children-icon{opacity:0;transition:opacity .24s linear .24s}.ant-input-rtl .ant-input-number-focused{border-right-width:0;border-left-width:1px!important}.ant-input-number-disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:1;color:rgba(0,0,0,.25);pointer-events:none}.ant-input-number-disabled:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-input-number-disabled .ant-input-number-input{cursor:not-allowed}.ant-input-number-disabled .ant-input-number-handler-wrap,.ant-input-number-readonly .ant-input-number-handler-wrap{display:none}.ant-input-number-input{width:100%;height:26px;padding:0 7px;text-align:left;background-color:transparent;border:0;border-radius:2px;outline:0;transition:all .3s linear;-moz-appearance:textfield!important}.ant-input-number-input::-moz-placeholder{opacity:1}.ant-input-number-input::placeholder{color:#bfbfbf}.ant-input-number-input:placeholder-shown{text-overflow:ellipsis}.ant-input-number-input[type=number]::-webkit-inner-spin-button,.ant-input-number-input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.ant-input-number-lg{padding:0;font-size:14px}.ant-input-number-lg input{height:30px}.ant-input-number-sm{padding:0}.ant-input-number-sm input{height:20px;padding:0 7px}.ant-input-number-handler-wrap{position:absolute;top:0;right:0;width:22px;height:100%;background:#fff;border-left:1px solid #d9d9d9;border-radius:0 2px 2px 0;opacity:0;transition:opacity .24s linear .1s}.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner,.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner{min-width:auto;margin-right:0;font-size:7px}.ant-input-number-borderless .ant-input-number-handler-wrap{border-left-width:0}.ant-input-number-handler-wrap:hover .ant-input-number-handler{height:40%}.ant-input-number-handler-down:hover,.ant-input-number-handler-up:hover{height:60%!important}.ant-input-number:hover .ant-input-number-handler-wrap{opacity:1}.ant-input-number-handler-up{border-top-right-radius:2px;cursor:pointer}.ant-input-number-handler-up-inner{top:50%;margin-top:-5px;text-align:center}.ant-input-number-handler-down{top:0;border-top:1px solid #d9d9d9;border-bottom-right-radius:2px;cursor:pointer}.ant-input-number-handler-down-inner{top:50%;text-align:center;transform:translateY(-50%)}.ant-input-number-borderless .ant-input-number-handler-down{border-top-width:0}.ant-input-number-handler-down-disabled,.ant-input-number-handler-up-disabled{cursor:not-allowed}.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner,.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner{color:rgba(0,0,0,.25)}.ant-input-number-borderless{box-shadow:none}.ant-input-number-out-of-range input{color:#ff4d4f}.ant-input-number-rtl .ant-input-number-handler-wrap{right:auto;left:0;border-right:1px solid #d9d9d9;border-left:0;border-radius:2px 0 0 2px}.ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap{border-right-width:0}.ant-input-number-rtl .ant-input-number-input{direction:ltr;text-align:right}.ant-form-rtl,.ant-layout-rtl,.ant-list-rtl,.ant-list-rtl .ReactVirtualized__List .ant-list-item,.ant-mention-wrapper .ant-mention-editor-rtl,.ant-menu.ant-menu-rtl,.ant-message-rtl,.ant-message-rtl span,.ant-modal-wrap-rtl,.ant-modal-wrap-rtl .ant-modal-confirm-body,.ant-notification-rtl,.ant-page-header-rtl,.ant-pagination-options-quick-jumper input-rtl,.ant-popover-rtl,.ant-progress-rtl,.ant-radio-group.ant-radio-group-rtl,.ant-radio-wrapper.ant-radio-wrapper-rtl,.ant-rate-rtl,.ant-select-dropdown-rtl,.ant-select-rtl,.ant-skeleton-rtl,.ant-slider-rtl,.ant-spin-rtl{direction:rtl}.ant-layout{display:flex;flex:auto;flex-direction:column;min-height:0;background:#f0f2f5}.ant-layout,.ant-layout *{box-sizing:border-box}.ant-layout.ant-layout-has-sider{flex-direction:row}.ant-layout.ant-layout-has-sider>.ant-layout,.ant-layout.ant-layout-has-sider>.ant-layout-content{width:0}.ant-layout-footer,.ant-layout-header{flex:0 0 auto}.ant-layout-header{height:64px;padding:0 50px;color:rgba(0,0,0,.85);line-height:64px;background:#001529}.ant-layout-footer{padding:24px 50px;color:rgba(0,0,0,.85);font-size:12px;background:#f0f2f5}.ant-layout-content{flex:auto;min-height:0}.ant-layout-sider{position:relative;min-width:0;background:#001529;transition:all .2s}.ant-layout-sider-children{height:100%;margin-top:-.1px;padding-top:.1px}.ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed{width:auto}.ant-layout-sider-has-trigger{padding-bottom:48px}.ant-layout-sider-trigger{position:fixed;bottom:0;z-index:1;height:48px;color:#fff;line-height:48px;text-align:center;background:#002140;cursor:pointer;transition:all .2s}.ant-layout-sider-zero-width>*{overflow:hidden}.ant-layout-sider-zero-width-trigger{position:absolute;top:64px;right:-36px;z-index:1;width:36px;height:42px;color:#fff;font-size:18px;line-height:42px;text-align:center;background:#001529;border-radius:0 2px 2px 0;cursor:pointer;transition:background .3s ease}.ant-layout-sider-zero-width-trigger::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;transition:all .3s;content:''}.ant-layout-sider-zero-width-trigger:hover::after{background:rgba(255,255,255,.1)}.ant-layout-sider-zero-width-trigger-right{left:-36px;border-radius:2px 0 0 2px}.ant-layout-sider-light{background:#fff}.ant-layout-sider-light .ant-layout-sider-trigger,.ant-layout-sider-light .ant-layout-sider-zero-width-trigger{color:rgba(0,0,0,.85);background:#fff}nz-content,nz-footer,nz-header{display:block}.ant-form-item .ant-mentions,.ant-form-item textarea.ant-input{height:auto}.ant-form-item .ant-upload{background:0 0}.ant-form-item .ant-upload.ant-upload-drag{background:#fafafa}.ant-form-item input[type=radio],.ant-form-item input[type=checkbox]{width:14px;height:14px}.ant-form-item .ant-checkbox-inline,.ant-form-item .ant-radio-inline{display:inline-block;margin-left:8px;font-weight:400;vertical-align:middle;cursor:pointer}.ant-form-item .ant-checkbox-inline:first-child,.ant-form-item .ant-checkbox-vertical+.ant-checkbox-vertical,.ant-form-item .ant-radio-inline:first-child,.ant-form-item .ant-radio-vertical+.ant-radio-vertical{margin-left:0}.ant-form-item .ant-checkbox-vertical,.ant-form-item .ant-radio-vertical{display:block}.ant-form-item .ant-input-number+.ant-form-text{margin-left:8px}.ant-form-item .ant-input-number-handler-wrap{z-index:2}.ant-form-item .ant-cascader-picker,.ant-form-item .ant-select{width:100%}.ant-form-item .ant-input-group .ant-cascader-picker,.ant-form-item .ant-input-group .ant-select,.ant-form-item .ant-picker-calendar-month-select,.ant-form-item .ant-picker-calendar-year-select,.ant-modal{width:auto}.ant-form-inline{display:flex;flex-wrap:wrap}.ant-form-inline .ant-form-item{flex:none;flex-wrap:nowrap;margin-right:16px;margin-bottom:0}.ant-form-inline .ant-form-item-with-help{margin-bottom:16px}.ant-form-inline .ant-form-item>.ant-form-item-control,.ant-form-inline .ant-form-item>.ant-form-item-label{display:inline-block;vertical-align:top}.ant-form-inline .ant-form-item>.ant-form-item-label{flex:none}.ant-form-inline .ant-form-item .ant-form-item-has-feedback,.ant-form-inline .ant-form-item .ant-form-text{display:inline-block}.ant-form-horizontal .ant-form-item-label{flex-grow:0}.ant-form-horizontal .ant-form-item-control{flex:1 1 0}.ant-form-vertical .ant-form-item{flex-direction:column}.ant-form-vertical .ant-form-item-label>label{height:auto}.ant-col-24.ant-form-item-label,.ant-col-xl-24.ant-form-item-label,.ant-form-vertical .ant-form-item-label{padding:0 0 4px;line-height:1.66667;white-space:initial;text-align:left}.ant-col-24.ant-form-item-label>label,.ant-col-xl-24.ant-form-item-label>label,.ant-form-vertical .ant-form-item-label>label{margin:0}.ant-col-24.ant-form-item-label>label::after,.ant-col-xl-24.ant-form-item-label>label::after,.ant-form-vertical .ant-form-item-label>label::after{display:none}.ant-form-rtl.ant-col-24.ant-form-item-label,.ant-form-rtl.ant-col-xl-24.ant-form-item-label,.ant-form-rtl.ant-form-vertical .ant-form-item-label{text-align:right}@media (max-width:575px){.ant-col-xs-24.ant-form-item-label>label,.ant-form-item .ant-form-item-label>label{margin:0}.ant-col-xs-24.ant-form-item-label>label::after,.ant-form-item .ant-form-item-label>label::after{display:none}.ant-form-item .ant-form-item-label{padding:0 0 4px;line-height:1.66667;white-space:initial;text-align:left}.ant-form-rtl.ant-form-item .ant-form-item-label{text-align:right}.ant-form .ant-form-item{flex-wrap:wrap}.ant-form .ant-form-item .ant-form-item-control,.ant-form .ant-form-item .ant-form-item-label{flex:0 0 100%;max-width:100%}.ant-col-xs-24.ant-form-item-label{padding:0 0 4px;line-height:1.66667;white-space:initial;text-align:left}.ant-form-rtl.ant-col-xs-24.ant-form-item-label{text-align:right}}@media (max-width:767px){.ant-col-sm-24.ant-form-item-label{padding:0 0 4px;line-height:1.66667;white-space:initial;text-align:left}.ant-col-sm-24.ant-form-item-label>label{margin:0}.ant-col-sm-24.ant-form-item-label>label::after{display:none}.ant-form-rtl.ant-col-sm-24.ant-form-item-label{text-align:right}}@media (max-width:991px){.ant-col-md-24.ant-form-item-label{padding:0 0 4px;line-height:1.66667;white-space:initial;text-align:left}.ant-col-md-24.ant-form-item-label>label{margin:0}.ant-col-md-24.ant-form-item-label>label::after{display:none}.ant-form-rtl.ant-col-md-24.ant-form-item-label{text-align:right}}@media (max-width:1199px){.ant-col-lg-24.ant-form-item-label{padding:0 0 4px;line-height:1.66667;white-space:initial;text-align:left}.ant-col-lg-24.ant-form-item-label>label{margin:0}.ant-col-lg-24.ant-form-item-label>label::after{display:none}.ant-form-rtl.ant-col-lg-24.ant-form-item-label{text-align:right}}@media (max-width:1599px){.ant-col-xl-24.ant-form-item-label{padding:0 0 4px;line-height:1.66667;white-space:initial;text-align:left}.ant-col-xl-24.ant-form-item-label>label{margin:0}.ant-col-xl-24.ant-form-item-label>label::after{display:none}.ant-form-rtl.ant-col-xl-24.ant-form-item-label{text-align:right}}.ant-form-item-explain.ant-form-item-explain-error{color:#ff4d4f}.ant-form-item-explain.ant-form-item-explain-warning{color:#faad14}.ant-form-item-has-feedback .ant-input{padding-right:24px}.ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix{padding-right:18px}.ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix{right:28px}.ant-form-item-has-feedback .ant-cascader-picker-clear,.ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow,.ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-clear,.ant-form-item-has-feedback>.ant-select .ant-select-arrow,.ant-form-item-has-feedback>.ant-select .ant-select-clear{right:32px}.ant-form-item-has-feedback .ant-switch{margin:2px 0 4px}.ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value,.ant-form-item-has-feedback>.ant-select .ant-select-selection-selected-value{padding-right:42px}.ant-form-item-has-feedback .ant-cascader-picker-arrow{margin-right:19px}.ant-form-item-has-feedback .ant-picker{padding-right:22.6px}.ant-form-item-has-feedback .ant-picker-large{padding-right:26.6px}.ant-form-item-has-feedback .ant-picker-small{padding-right:22.6px}.ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,.ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,.ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,.ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon{position:absolute;top:50%;right:0;z-index:1;width:28px;height:20px;margin-top:-10px;font-size:12px;line-height:20px;text-align:center;visibility:visible;animation:zoomIn .3s cubic-bezier(.12,.4,.29,1.46);pointer-events:none}.ant-notification .notification-fade-effect,.ant-notification-fade-appear,.ant-notification-fade-enter,.ant-notification-fade-leave,.ant-show-help-appear,.ant-show-help-enter,.ant-show-help-leave{animation-timing-function:cubic-bezier(.645,.045,.355,1)}.ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon{color:#52c41a;animation-name:diffZoomIn1!important}.ant-form-item-has-warning .ant-form-item-split{color:#faad14}.ant-form-item-has-warning .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled),.ant-form-item-has-warning .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover,.ant-form-item-has-warning .ant-input:not(.ant-input-disabled),.ant-form-item-has-warning .ant-input:not(.ant-input-disabled):hover{background-color:#fff;border-color:#faad14}.ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input,.ant-form-item-has-warning .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled)-focused,.ant-form-item-has-warning .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):focus,.ant-form-item-has-warning .ant-input:not(.ant-input-disabled)-focused,.ant-form-item-has-warning .ant-input:not(.ant-input-disabled):focus{border-color:#ffc53d;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(250,173,20,.2)}.ant-form-item-has-warning .ant-input-prefix{color:#faad14}.ant-form-item-has-warning .ant-input-group-addon{color:#faad14;border-color:#faad14}.ant-form-item-has-warning .has-feedback{color:#faad14}.ant-form-item-has-warning.ant-form-item-has-feedback .ant-form-item-children-icon{color:#faad14;animation-name:diffZoomIn3!important}.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector{background-color:#fff;border-color:#faad14!important}.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector,.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector{border-color:#ffc53d;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(250,173,20,.2)}.ant-form-item-has-warning .ant-input-number,.ant-form-item-has-warning .ant-picker{background-color:#fff;border-color:#faad14}.ant-form-item-has-warning .ant-input-number-focused,.ant-form-item-has-warning .ant-input-number:focus,.ant-form-item-has-warning .ant-picker-focused,.ant-form-item-has-warning .ant-picker:focus{border-color:#ffc53d;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(250,173,20,.2)}.ant-form-item-has-warning .ant-input-number:not([disabled]):hover,.ant-form-item-has-warning .ant-picker:not([disabled]):hover{background-color:#fff;border-color:#faad14}.ant-form-item-has-warning .ant-cascader-picker:focus .ant-cascader-input{border-color:#ffc53d;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(250,173,20,.2)}.ant-form-item-has-error .ant-form-item-split{color:#ff4d4f}.ant-form-item-has-error .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled),.ant-form-item-has-error .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover,.ant-form-item-has-error .ant-input:not(.ant-input-disabled),.ant-form-item-has-error .ant-input:not(.ant-input-disabled):hover{background-color:#fff;border-color:#ff4d4f}.ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input,.ant-form-item-has-error .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled)-focused,.ant-form-item-has-error .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):focus,.ant-form-item-has-error .ant-input:not(.ant-input-disabled)-focused,.ant-form-item-has-error .ant-input:not(.ant-input-disabled):focus{border-color:#ff7875;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(255,77,79,.2)}.ant-form-item-has-error .ant-input-prefix{color:#ff4d4f}.ant-form-item-has-error .ant-input-group-addon{color:#ff4d4f;border-color:#ff4d4f}.ant-form-item-has-error .has-feedback{color:#ff4d4f}.ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon{color:#ff4d4f;animation-name:diffZoomIn2!important}.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector{background-color:#fff;border-color:#ff4d4f!important}.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector,.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector{border-color:#ff7875;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(255,77,79,.2)}.ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{background-color:inherit;border:0;box-shadow:none}.ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus{border-color:#ff4d4f}.ant-form-item-has-error .ant-input-number,.ant-form-item-has-error .ant-picker{background-color:#fff;border-color:#ff4d4f}.ant-form-item-has-error .ant-input-number-focused,.ant-form-item-has-error .ant-input-number:focus,.ant-form-item-has-error .ant-picker-focused,.ant-form-item-has-error .ant-picker:focus{border-color:#ff7875;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(255,77,79,.2)}.ant-form-item-has-error .ant-input-number:not([disabled]):hover,.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor,.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover,.ant-form-item-has-error .ant-picker:not([disabled]):hover{background-color:#fff;border-color:#ff4d4f}.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus,.ant-form-item-has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor{border-color:#ff7875;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(255,77,79,.2)}.ant-form-item-has-error .ant-cascader-picker:hover .ant-cascader-picker-label:hover+.ant-cascader-input.ant-input{border-color:#ff4d4f}.ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input{background-color:#fff;border-color:#ff7875;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(255,77,79,.2)}.ant-form-item-has-error .ant-transfer-list{border-color:#ff4d4f}.ant-form-item-has-error .ant-transfer-list-search:not([disabled]){border-color:#d9d9d9}.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover{border-color:#40a9ff;border-right-width:1px!important}.ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover{border-right-width:0;border-left-width:1px!important}.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus{border-right-width:0;border-left-width:1px!important}.ant-form-item-has-error .ant-radio-button-wrapper{border-color:#ff4d4f!important}.ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child)::before{background-color:#ff4d4f}.ant-form-item-is-validating.ant-form-item-has-feedback .ant-form-item-children-icon{display:inline-block;color:#1890ff}.ant-form{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum}.ant-form legend{display:block;width:100%;margin-bottom:20px;padding:0;color:rgba(0,0,0,.45);font-size:14px;line-height:inherit;border:0;border-bottom:1px solid #d9d9d9}.ant-form label{font-size:12px}.ant-form input[type=search]{box-sizing:border-box}.ant-form input[type=radio],.ant-form input[type=checkbox]{line-height:normal}.ant-form input[type=file]{display:block}.ant-form input[type=range]{display:block;width:100%}.ant-form select[multiple],.ant-form select[size]{height:auto}.ant-form input[type=radio]:focus,.ant-form input[type=checkbox]:focus,.ant-form input[type=file]:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.ant-form output{display:block;padding-top:15px;color:rgba(0,0,0,.85);font-size:12px;line-height:1.66667}.ant-form .ant-form-text{display:inline-block;padding-right:8px}.ant-form-small .ant-form-item-label>label{height:22px}.ant-form-small .ant-form-item-control-input{min-height:22px}.ant-form-large .ant-form-item-label>label{height:32px}.ant-form-large .ant-form-item-control-input{min-height:32px}.ant-form-item{box-sizing:border-box;margin:0 0 16px;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;vertical-align:top}.ant-form-item-with-help{margin-bottom:0}.ant-form-item-hidden,.ant-form-item-hidden.ant-row{display:none}.ant-form-item-label{display:inline-block;flex-grow:0;overflow:hidden;white-space:nowrap;text-align:right;vertical-align:middle}.ant-form-item-label-left,.ant-form-rtl .ant-form-item-label{text-align:left}.ant-form-item-label>label{position:relative;display:inline-flex;align-items:center;height:28px;color:rgba(0,0,0,.85);font-size:12px}.ant-form-item-label>label>.anticon{font-size:12px;vertical-align:top}.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before{display:inline-block;margin-right:4px;color:#ff4d4f;font-size:12px;font-family:SimSun,sans-serif;line-height:1;content:'*'}.ant-form-hide-required-mark .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before{display:none}.ant-form-item-label>label .ant-form-item-optional{display:inline-block;margin-left:0;color:rgba(0,0,0,.45)}.ant-form-hide-required-mark .ant-form-item-label>label .ant-form-item-optional{display:none}.ant-form-item-label>label .ant-form-item-tooltip{color:rgba(0,0,0,.45);cursor:help;writing-mode:horizontal-tb;margin-inline-start:0}.ant-form-item-label>label::after{content:':';position:relative;top:-.5px;margin:0 8px 0 2px}.ant-form-item-label>label.ant-form-item-no-colon::after,.ant-menu-submenu-popup::before{content:' '}.ant-form-item-control{display:flex;flex-direction:column;flex-grow:1}.ant-form-item-control:first-child:not([class^=ant-col-]):not([class*=' ant-col-']){width:100%}.ant-form-item-control-input{position:relative;display:flex;align-items:center;min-height:28px}.ant-form-item-control-input-content{flex:auto;max-width:100%}.ant-form-item-explain,.ant-form-item-extra{clear:both;min-height:16px;color:rgba(0,0,0,.45);font-size:12px;line-height:1.66667;transition:color .3s cubic-bezier(.215,.61,.355,1);margin-top:-2px;margin-bottom:-2px}.ant-form-item .ant-input-textarea-show-count::after{margin-bottom:-22px}.ant-show-help-appear,.ant-show-help-enter,.ant-show-help-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.ant-show-help-appear.ant-show-help-appear-active,.ant-show-help-enter.ant-show-help-enter-active{animation-name:antShowHelpIn;animation-play-state:running}.ant-show-help-leave.ant-show-help-leave-active{animation-name:antShowHelpOut;animation-play-state:running;pointer-events:none}.ant-show-help-appear,.ant-show-help-enter{opacity:0}@keyframes antShowHelpIn{0%{transform:translateY(-5px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes antShowHelpOut{to{transform:translateY(-5px);opacity:0}}@keyframes diffZoomIn1{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes diffZoomIn2{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes diffZoomIn3{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.ant-form-rtl .ant-form-item-label>label.ant-form-item-required::before{margin-right:0;margin-left:4px}.ant-form-rtl .ant-form-item-label>label::after{margin:0 2px 0 8px}.ant-form-rtl .ant-form-item-label>label .ant-form-item-optional{margin-right:0;margin-left:0}.ant-col-rtl .ant-form-item-control:first-child{width:100%}.ant-form-rtl .ant-form-item-has-feedback .ant-input{padding-right:7px;padding-left:24px}.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix{padding-right:7px;padding-left:18px}.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input{padding:0}.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix{right:auto;left:28px}.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-clear,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-clear{left:32px;right:auto}.ant-form-rtl .ant-form-item-has-feedback .ant-input-number{padding-left:18px}.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-selection-selected-value{padding-right:0;padding-left:42px}.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow{margin-right:0;margin-left:19px}.ant-form-rtl .ant-form-item-has-feedback .ant-picker{padding-right:7px;padding-left:22.6px}.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large{padding-right:11px;padding-left:26.6px}.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small{padding-right:7px;padding-left:22.6px}.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon{right:auto;left:0}.ant-form-rtl.ant-form-inline .ant-form-item{margin-right:0;margin-left:16px}.ant-list{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;position:relative}.ant-list *{outline:0}.ant-list-pagination{margin-top:16px;text-align:right}.ant-list-pagination .ant-pagination-options{text-align:left}.ant-list-more{margin-top:8px;text-align:center}.ant-list-more button{padding-right:32px;padding-left:32px}.ant-list-spin{min-height:40px;text-align:center}.ant-list-empty-text{padding:8px;color:rgba(0,0,0,.25);font-size:12px;text-align:center}.ant-list-items{margin:0;padding:0;list-style:none}.ant-list-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;color:rgba(0,0,0,.85)}.ant-list-item-meta{display:flex;flex:1;align-items:flex-start;max-width:100%}.ant-list-item-meta-avatar{margin-right:8px}.ant-list-item-meta-content{flex:1 0;width:0;color:rgba(0,0,0,.85)}.ant-list-item-meta-title{margin-bottom:4px;color:rgba(0,0,0,.85);font-size:12px;line-height:1.66667}.ant-list-item-meta-title>a{color:rgba(0,0,0,.85);transition:all .3s}.ant-list-item-meta-title>a:hover{color:#1890ff}.ant-list-item-meta-description{color:rgba(0,0,0,.45);font-size:12px;line-height:1.66667}.ant-list-item-action{flex:0 0 auto;margin-left:48px;padding:0;font-size:0;list-style:none}.ant-list-empty,.ant-list-item-action>li{font-size:12px;color:rgba(0,0,0,.45);text-align:center}.ant-list-item-action>li{position:relative;display:inline-block;padding:0 4px;line-height:1.66667}.ant-list-item-action>li:first-child{padding-left:0}.ant-list-item-action-split{position:absolute;top:50%;right:0;width:1px;height:14px;margin-top:-7px;background-color:#f0f0f0}.ant-list-footer,.ant-list-header{background:0 0;padding-top:8px;padding-bottom:8px}.ant-list-empty{padding:8px 0}.ant-list-split .ant-list-item:last-child{border-bottom:none}.ant-list-split .ant-list-header,.ant-list-split.ant-list-something-after-last-item .ant-spin-container>.ant-list-items>.ant-list-item:last-child{border-bottom:1px solid #f0f0f0}.ant-list-loading .ant-list-spin-nested-loading{min-height:32px}.ant-list-lg .ant-list-item{padding:12px 16px}.ant-list-sm .ant-list-item{padding:4px 12px}.ant-list-vertical .ant-list-item{align-items:initial}.ant-list-vertical .ant-list-item-main{display:block;flex:1}.ant-list-vertical .ant-list-item-extra{margin-left:40px}.ant-list-vertical .ant-list-item-meta{margin-bottom:8px}.ant-list-vertical .ant-list-item-meta-title{margin-bottom:8px;color:rgba(0,0,0,.85);font-size:14px;line-height:24px}.ant-menu-dark .ant-menu-item-danger.ant-menu-item,.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,.ant-menu-dark .ant-menu-item-danger.ant-menu-item>a,.ant-menu-item-danger.ant-menu-item,.ant-menu-item-danger.ant-menu-item-active,.ant-menu-item-danger.ant-menu-item-selected,.ant-menu-item-danger.ant-menu-item-selected>a,.ant-menu-item-danger.ant-menu-item-selected>a:hover,.ant-menu-item-danger.ant-menu-item:hover{color:#ff4d4f}.ant-list-vertical .ant-list-item-action{margin-top:8px;margin-left:auto}.ant-list-vertical .ant-list-item-action>li{padding:0 8px}.ant-list-vertical .ant-list-item-action>li:first-child{padding-left:0}.ant-list-grid .ant-col>.ant-list-item{display:block;max-width:100%;margin-bottom:8px;padding-top:0;padding-bottom:0;border-bottom:none}.ant-list-item-no-flex{display:block}.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action{float:right}.ant-list-bordered{border:1px solid #d9d9d9;border-radius:2px}.ant-list-bordered .ant-list-footer,.ant-list-bordered .ant-list-header,.ant-list-bordered .ant-list-item{padding-right:16px;padding-left:16px}.ant-list-bordered .ant-list-pagination{margin:8px 16px}.ant-list-bordered.ant-list-sm .ant-list-footer,.ant-list-bordered.ant-list-sm .ant-list-header,.ant-list-bordered.ant-list-sm .ant-list-item{padding:4px 12px}.ant-list-bordered.ant-list-lg .ant-list-footer,.ant-list-bordered.ant-list-lg .ant-list-header,.ant-list-bordered.ant-list-lg .ant-list-item{padding:12px 16px}.ant-list-rtl .ant-list-vertical .ant-list-item-action>li:first-child,.ant-list.ant-list-rtl .ant-list-item-action>li:first-child{padding-right:0;padding-left:8px}@media screen and (max-width:768px){.ant-list-item-action,.ant-list-vertical .ant-list-item-extra{margin-left:24px}}@media screen and (max-width:576px){.ant-list-item{flex-wrap:wrap}.ant-list-item-action{margin-left:12px}.ant-list-vertical .ant-list-item{flex-wrap:wrap-reverse}.ant-list-vertical .ant-list-item-main{min-width:220px}.ant-list-vertical .ant-list-item-extra{margin:auto auto 16px}}.ant-list-rtl{text-align:right}.ant-list-rtl .ant-list-pagination,.ant-menu{text-align:left}.ant-list-rtl .ant-list-item-meta-avatar{margin-right:0;margin-left:8px}.ant-list-rtl .ant-list-item-action{margin-right:48px;margin-left:0}.ant-list-rtl .ant-list-item-action-split{right:auto;left:0}.ant-list-rtl.ant-list-vertical .ant-list-item-extra{margin-right:40px;margin-left:0}.ant-list-rtl.ant-list-vertical .ant-list-item-action{margin-right:auto}.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action{float:left}@media screen and (max-width:768px){.ant-list-rtl .ant-list-item-action,.ant-list-rtl .ant-list-vertical .ant-list-item-extra{margin-right:24px;margin-left:0}}@media screen and (max-width:576px){.ant-list-rtl .ant-list-item-action{margin-right:22px;margin-left:0}.ant-list-rtl.ant-list-vertical .ant-list-item-extra{margin:auto auto 16px}}.ant-menu,.ant-menu ol,.ant-menu ul{margin:0;padding:0;list-style:none}nz-list,nz-list nz-spin,nz-list-empty,nz-list-footer,nz-list-header,nz-list-item-extra,nz-list-pagination{display:block}.ant-menu::after,.ant-menu::before{display:table;content:''}.ant-menu-item-danger.ant-menu-item:active{background:#fff1f0}.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected{background-color:#fff1f0}.ant-menu-inline .ant-menu-item-danger.ant-menu-item::after{border-right-color:#ff4d4f}.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected{color:#fff;background-color:#ff4d4f}.ant-menu{box-sizing:border-box;font-variant:tabular-nums;font-feature-settings:tnum;color:rgba(0,0,0,.85);font-size:12px;line-height:0;background:#fff;outline:0;transition:background .3s,width .3s cubic-bezier(.2,0,0,1) 0s}.ant-menu::after{clear:both}.ant-menu.ant-menu-root:focus-visible{box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-menu-overflow{display:flex}.ant-menu-hidden,.ant-menu-submenu-hidden,.ant-menu-submenu-horizontal .ant-menu-submenu-arrow{display:none}.ant-menu-overflow-item{flex:none}.ant-menu-item-group-title{height:1.66667;padding:8px 16px;color:rgba(0,0,0,.45);font-size:12px;line-height:1.66667;transition:all .3s}.ant-menu-horizontal .ant-menu-submenu{transition:border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-submenu,.ant-menu-submenu-inline{transition:border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1)}.ant-menu-submenu-selected{color:#1890ff}.ant-menu-submenu .ant-menu-sub{cursor:initial;transition:background .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-item a{color:rgba(0,0,0,.85)}.ant-menu-item a:hover{color:#1890ff}.ant-menu-item a::before{position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;content:''}.ant-menu-item>.ant-badge a{color:rgba(0,0,0,.85)}.ant-menu-item-selected,.ant-menu-item-selected a,.ant-menu-item-selected a:hover,.ant-menu-item>.ant-badge a:hover{color:#1890ff}.ant-menu-item-divider{height:1px;overflow:hidden;line-height:0;background-color:#f0f0f0}.ant-menu-horizontal .ant-menu-item,.ant-menu-horizontal .ant-menu-submenu{margin-top:-1px}.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu .ant-menu-submenu-title:hover{background-color:transparent}.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{background-color:#e6f7ff}.ant-menu-inline,.ant-menu-vertical,.ant-menu-vertical-left{border-right:1px solid #f0f0f0}.ant-menu-vertical-right{border-left:1px solid #f0f0f0}.ant-menu-vertical-left.ant-menu-sub,.ant-menu-vertical-right.ant-menu-sub,.ant-menu-vertical.ant-menu-sub{min-width:160px;max-height:calc(100vh - 100px);padding:0;overflow:hidden;border-right:0}.ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),.ant-menu-vertical-right.ant-menu-sub:not([class*='-active']),.ant-menu-vertical.ant-menu-sub:not([class*='-active']){overflow-x:hidden;overflow-y:auto}.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,.ant-menu-vertical-right.ant-menu-sub .ant-menu-item,.ant-menu-vertical.ant-menu-sub .ant-menu-item{left:0;margin-left:0;border-right:0}.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after,.ant-menu-vertical.ant-menu-sub .ant-menu-item::after{border-right:0}.ant-menu-vertical-left.ant-menu-sub>.ant-menu-item,.ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu,.ant-menu-vertical-right.ant-menu-sub>.ant-menu-item,.ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu,.ant-menu-vertical.ant-menu-sub>.ant-menu-item,.ant-menu-vertical.ant-menu-sub>.ant-menu-submenu{transform-origin:0 0}.ant-menu-horizontal.ant-menu-sub{min-width:114px}.ant-menu-horizontal .ant-menu-item,.ant-menu-horizontal .ant-menu-submenu-title{transition:border-color .3s,background .3s}.ant-menu-item,.ant-menu-submenu-title{position:relative;display:block;margin:0;padding:0 12px;white-space:nowrap;cursor:pointer;transition:border-color .3s,background .3s,padding .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-item .ant-menu-item-icon,.ant-menu-item .anticon,.ant-menu-submenu-title .ant-menu-item-icon,.ant-menu-submenu-title .anticon{min-width:14px;font-size:12px;transition:font-size .15s cubic-bezier(.215,.61,.355,1),margin .3s cubic-bezier(.645,.045,.355,1),color .3s}.ant-menu-item .ant-menu-item-icon+span,.ant-menu-item .anticon+span,.ant-menu-submenu-title .ant-menu-item-icon+span,.ant-menu-submenu-title .anticon+span{margin-left:8px;opacity:1;transition:opacity .3s cubic-bezier(.645,.045,.355,1),margin .3s,color .3s}.ant-menu-submenu-arrow,.ant-menu-submenu-expand-icon,.ant-menu-submenu>.ant-menu-submenu-title::after{transition:transform .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-item .ant-menu-item-icon.svg,.ant-menu-submenu-title .ant-menu-item-icon.svg{vertical-align:-.125em}.ant-menu-item.ant-menu-item-only-child>.ant-menu-item-icon,.ant-menu-item.ant-menu-item-only-child>.anticon,.ant-menu-submenu-title.ant-menu-item-only-child>.ant-menu-item-icon,.ant-menu-submenu-title.ant-menu-item-only-child>.anticon{margin-right:0}.ant-menu-item:focus-visible,.ant-menu-submenu-title:focus-visible{box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-menu>.ant-menu-item-divider{height:1px;margin:1px 0;padding:0;overflow:hidden;line-height:0;background-color:#f0f0f0}.ant-menu-submenu-popup{position:absolute;z-index:1050;background:0 0;border-radius:2px;box-shadow:none;transform-origin:0 0}.ant-menu-submenu-popup::before{position:absolute;top:-7px;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;opacity:.0001}.ant-menu-submenu-placement-rightTop::before{top:0;left:-7px}.ant-menu-submenu>.ant-menu{background-color:#fff;border-radius:2px}.ant-menu-submenu-popup>.ant-menu{background-color:#fff}.ant-menu-submenu-arrow,.ant-menu-submenu-expand-icon{position:absolute;top:50%;right:16px;width:10px;color:rgba(0,0,0,.85);transform:translateY(-50%)}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover,.ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-expand-icon,.ant-menu-vertical .ant-menu-submenu-selected,.ant-menu-vertical-left .ant-menu-submenu-selected,.ant-menu-vertical-right .ant-menu-submenu-selected{color:#1890ff}.ant-menu-submenu-arrow::after,.ant-menu-submenu-arrow::before{position:absolute;width:6px;height:1.5px;background-color:currentColor;border-radius:2px;transition:background .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1);content:''}.ant-menu-submenu-arrow::before{transform:rotate(45deg) translateY(-2.5px)}.ant-menu-submenu-arrow::after{transform:rotate(-45deg) translateY(2.5px)}.ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,.ant-menu-submenu-inline .ant-menu-submenu-arrow::before{transform:rotate(-45deg) translateX(2.5px)}.ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,.ant-menu-submenu-inline .ant-menu-submenu-arrow::after{transform:rotate(45deg) translateX(-2.5px)}.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow{transform:translateY(-2px)}.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after{transform:rotate(-45deg) translateX(-2.5px)}.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before{transform:rotate(45deg) translateX(2.5px)}.ant-menu-horizontal{line-height:38px;border:0;border-bottom:1px solid #f0f0f0;box-shadow:none}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu{margin-top:-1px;margin-bottom:0;padding:0 12px}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active::after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open::after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected::after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover::after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active::after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open::after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected::after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover::after{border-bottom:2px solid #1890ff}.ant-menu-horizontal>.ant-menu-item,.ant-menu-horizontal>.ant-menu-submenu{position:relative;top:1px;display:inline-block;vertical-align:bottom}.ant-menu-horizontal>.ant-menu-item::after,.ant-menu-horizontal>.ant-menu-submenu::after{position:absolute;right:20px;bottom:0;left:20px;border-bottom:2px solid transparent;transition:border-color .3s cubic-bezier(.645,.045,.355,1);content:''}.ant-menu-horizontal>.ant-menu-submenu>.ant-menu-submenu-title{padding:0}.ant-menu-horizontal>.ant-menu-item a{color:rgba(0,0,0,.85)}.ant-menu-horizontal>.ant-menu-item a:hover,.ant-menu-horizontal>.ant-menu-item-selected a{color:#1890ff}.ant-menu-horizontal>.ant-menu-item a::before{bottom:-2px}.ant-menu-horizontal::after{display:block;clear:both;height:0;content:'\20'}.ant-menu-inline .ant-menu-item,.ant-menu-vertical .ant-menu-item,.ant-menu-vertical-left .ant-menu-item,.ant-menu-vertical-right .ant-menu-item{position:relative}.ant-menu-inline .ant-menu-item::after,.ant-menu-vertical .ant-menu-item::after,.ant-menu-vertical-left .ant-menu-item::after,.ant-menu-vertical-right .ant-menu-item::after{position:absolute;top:0;right:0;bottom:0;border-right:3px solid #1890ff;transform:scaleY(.0001);opacity:0;transition:transform .15s cubic-bezier(.215,.61,.355,1),opacity .15s cubic-bezier(.215,.61,.355,1);content:''}.ant-menu-inline .ant-menu-item,.ant-menu-inline .ant-menu-submenu-title,.ant-menu-vertical .ant-menu-item,.ant-menu-vertical .ant-menu-submenu-title,.ant-menu-vertical-left .ant-menu-item,.ant-menu-vertical-left .ant-menu-submenu-title,.ant-menu-vertical-right .ant-menu-item,.ant-menu-vertical-right .ant-menu-submenu-title{height:32px;margin-top:0;margin-bottom:0;padding:0 16px;overflow:hidden;line-height:32px;text-overflow:ellipsis}.ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,.ant-menu-inline .ant-menu-submenu-title,.ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,.ant-menu-vertical .ant-menu-submenu-title{padding-right:34px}.ant-menu-inline .ant-menu-submenu,.ant-menu-vertical .ant-menu-submenu,.ant-menu-vertical-left .ant-menu-submenu,.ant-menu-vertical-right .ant-menu-submenu{padding-bottom:.02px}.ant-menu-inline .ant-menu-item:not(:last-child),.ant-menu-vertical .ant-menu-item:not(:last-child),.ant-menu-vertical-left .ant-menu-item:not(:last-child),.ant-menu-vertical-right .ant-menu-item:not(:last-child){margin-bottom:0}.ant-menu-inline>.ant-menu-item,.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical-left>.ant-menu-item,.ant-menu-vertical-left>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical-right>.ant-menu-item,.ant-menu-vertical-right>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical>.ant-menu-item,.ant-menu-vertical>.ant-menu-submenu>.ant-menu-submenu-title{height:32px;line-height:32px}.ant-menu-inline{width:100%}.ant-menu-inline .ant-menu-item-selected::after,.ant-menu-inline .ant-menu-selected::after{transform:scaleY(1);opacity:1;transition:transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)}.ant-menu-inline .ant-menu-item,.ant-menu-inline .ant-menu-submenu-title{width:calc(100% + 1px)}.ant-menu-inline.ant-menu-root .ant-menu-item,.ant-menu-inline.ant-menu-root .ant-menu-submenu-title{display:flex;align-items:center;transition:border-color .3s,background .3s,padding .1s cubic-bezier(.215,.61,.355,1)}.ant-menu-inline.ant-menu-root .ant-menu-item>.ant-menu-title-content,.ant-menu-inline.ant-menu-root .ant-menu-submenu-title>.ant-menu-title-content{flex:auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.ant-menu-inline.ant-menu-root .ant-menu-item>*,.ant-menu-inline.ant-menu-root .ant-menu-submenu-title>*{flex:none}.ant-menu.ant-menu-inline-collapsed{width:80px}.ant-menu.ant-menu-inline-collapsed>.ant-menu-item,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title{left:0;padding:0 calc(50% - 14px / 2);text-overflow:clip}.ant-menu.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-submenu-arrow,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-submenu-arrow,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow{opacity:0}.ant-menu.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item .anticon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon{margin:0;font-size:14px;line-height:32px}.ant-menu.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-item-icon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item .anticon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-item-icon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span{display:inline-block;opacity:0}.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed .anticon{display:inline-block}.ant-menu.ant-menu-inline-collapsed-tooltip{pointer-events:none}.ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed-tooltip .anticon{display:none}.ant-menu.ant-menu-inline-collapsed-tooltip a{color:rgba(255,255,255,.85)}.ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title{padding-right:4px;padding-left:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-menu-item-group-list{margin:0;padding:0}.ant-menu-item-group-list .ant-menu-item,.ant-menu-item-group-list .ant-menu-submenu-title{padding:0 16px 0 28px}.ant-menu-root.ant-menu-inline,.ant-menu-root.ant-menu-vertical,.ant-menu-root.ant-menu-vertical-left,.ant-menu-root.ant-menu-vertical-right{box-shadow:none}.ant-menu-root.ant-menu-inline-collapsed .ant-menu-item>.ant-menu-inline-collapsed-noicon,.ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title>.ant-menu-inline-collapsed-noicon{font-size:14px;text-align:center}.ant-menu-rtl .ant-menu-item-group-title,.ant-menu-rtl.ant-menu-inline .ant-menu-item,.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title,.ant-menu-rtl.ant-menu-vertical .ant-menu-item,.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,.ant-menu.ant-menu-rtl{text-align:right}.ant-menu-sub.ant-menu-inline{padding:0;background:#fafafa;border-radius:0;box-shadow:none}.ant-menu-sub.ant-menu-inline>.ant-menu-item,.ant-menu-sub.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title{height:32px;line-height:32px;list-style-position:inside;list-style-type:disc}.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title{padding-left:32px}.ant-menu-item-disabled,.ant-menu-submenu-disabled{color:rgba(0,0,0,.25)!important;background:0 0;cursor:not-allowed}.ant-menu-item-disabled::after,.ant-menu-submenu-disabled::after{border-color:transparent!important}.ant-menu-item-disabled a,.ant-menu-submenu-disabled a{color:rgba(0,0,0,.25)!important;pointer-events:none}.ant-menu-item-disabled>.ant-menu-submenu-title,.ant-menu-submenu-disabled>.ant-menu-submenu-title{color:rgba(0,0,0,.25)!important;cursor:not-allowed}.ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before{background:rgba(0,0,0,.25)!important}.ant-layout-header .ant-menu{line-height:inherit}.ant-menu-light .ant-menu-item-active,.ant-menu-light .ant-menu-item:hover,.ant-menu-light .ant-menu-submenu-active,.ant-menu-light .ant-menu-submenu-title:hover,.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open{color:#1890ff}.ant-menu-dark .ant-menu-sub,.ant-menu.ant-menu-dark,.ant-menu.ant-menu-dark .ant-menu-sub{color:rgba(255,255,255,.65);background:#001529}.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow{opacity:.45;transition:all .3s}.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before{background:#fff}.ant-menu-dark.ant-menu-submenu-popup{background:0 0}.ant-menu-dark .ant-menu-inline.ant-menu-sub{background:#000c17}.ant-menu-dark.ant-menu-horizontal{border-bottom:0}.ant-menu-dark.ant-menu-horizontal>.ant-menu-item,.ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu{top:0;margin-top:0;padding:0 12px;border-color:#001529;border-bottom:0}.ant-menu-dark.ant-menu-horizontal>.ant-menu-item:hover{background-color:#1890ff}.ant-menu-dark.ant-menu-horizontal>.ant-menu-item>a::before{bottom:0}.ant-menu-dark .ant-menu-item,.ant-menu-dark .ant-menu-item-group-title,.ant-menu-dark .ant-menu-item>a,.ant-menu-dark .ant-menu-item>span>a{color:rgba(255,255,255,.65)}.ant-menu-dark.ant-menu-inline,.ant-menu-dark.ant-menu-vertical,.ant-menu-dark.ant-menu-vertical-left,.ant-menu-dark.ant-menu-vertical-right{border-right:0}.ant-menu-dark.ant-menu-inline .ant-menu-item,.ant-menu-dark.ant-menu-vertical .ant-menu-item,.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,.ant-menu-dark.ant-menu-vertical-right .ant-menu-item{left:0;margin-left:0;border-right:0}.ant-menu-dark.ant-menu-inline .ant-menu-item::after,.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after{border-right:0}.ant-menu-dark.ant-menu-inline .ant-menu-item,.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title{width:100%}.ant-menu-dark .ant-menu-item-active,.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-submenu-active,.ant-menu-dark .ant-menu-submenu-open,.ant-menu-dark .ant-menu-submenu-selected,.ant-menu-dark .ant-menu-submenu-title:hover{color:#fff;background-color:transparent}.ant-menu-dark .ant-menu-item-active>a,.ant-menu-dark .ant-menu-item-active>span>a,.ant-menu-dark .ant-menu-item:hover>a,.ant-menu-dark .ant-menu-item:hover>span>a,.ant-menu-dark .ant-menu-submenu-active>a,.ant-menu-dark .ant-menu-submenu-active>span>a,.ant-menu-dark .ant-menu-submenu-open>a,.ant-menu-dark .ant-menu-submenu-open>span>a,.ant-menu-dark .ant-menu-submenu-selected>a,.ant-menu-dark .ant-menu-submenu-selected>span>a,.ant-menu-dark .ant-menu-submenu-title:hover>a,.ant-menu-dark .ant-menu-submenu-title:hover>span>a{color:#fff}.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow{opacity:1}.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before{background:#fff}.ant-menu-dark .ant-menu-item:hover{background-color:transparent}.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected,.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected,.ant-menu.ant-menu-dark .ant-menu-item-selected{background-color:#1890ff}.ant-menu-dark .ant-menu-item-selected{color:#fff;border-right:0}.ant-menu-dark .ant-menu-item-selected::after{border-right:0}.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon+span,.ant-menu-dark .ant-menu-item-selected .anticon,.ant-menu-dark .ant-menu-item-selected .anticon+span,.ant-menu-dark .ant-menu-item-selected>a,.ant-menu-dark .ant-menu-item-selected>a:hover,.ant-menu-dark .ant-menu-item-selected>span>a,.ant-menu-dark .ant-menu-item-selected>span>a:hover{color:#fff}.ant-menu-dark .ant-menu-item-disabled,.ant-menu-dark .ant-menu-item-disabled>a,.ant-menu-dark .ant-menu-item-disabled>span>a,.ant-menu-dark .ant-menu-submenu-disabled,.ant-menu-dark .ant-menu-submenu-disabled>a,.ant-menu-dark .ant-menu-submenu-disabled>span>a{color:rgba(255,255,255,.35)!important;opacity:.8}.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title{color:rgba(255,255,255,.35)!important}.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before{background:rgba(255,255,255,.35)!important}.ant-menu-rtl.ant-menu-inline,.ant-menu-rtl.ant-menu-vertical{border-right:none;border-left:1px solid #f0f0f0}.ant-menu-rtl.ant-menu-dark.ant-menu-inline,.ant-menu-rtl.ant-menu-dark.ant-menu-vertical{border-left:none}.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub>.ant-menu-item,.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu,.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub>.ant-menu-item,.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu,.ant-menu-rtl.ant-menu-vertical.ant-menu-sub>.ant-menu-item,.ant-menu-rtl.ant-menu-vertical.ant-menu-sub>.ant-menu-submenu{transform-origin:top right}.ant-menu-rtl .ant-menu-item .ant-menu-item-icon,.ant-menu-rtl .ant-menu-item .anticon,.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,.ant-menu-rtl .ant-menu-submenu-title .anticon{margin-right:auto;margin-left:8px}.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child>.ant-menu-item-icon,.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child>.anticon,.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child>.ant-menu-item-icon,.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child>.anticon{margin-left:0}.ant-menu-submenu-rtl.ant-menu-submenu-popup{transform-origin:100% 0}.ant-menu-rtl .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow{right:auto;left:16px}.ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,.ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,.ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::before{transform:rotate(-45deg) translateY(-2px)}.ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,.ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,.ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::after{transform:rotate(45deg) translateY(2px)}.ant-menu-rtl.ant-menu-inline .ant-menu-item::after,.ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after{right:auto;left:0}.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title{padding-right:0;padding-left:34px}.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title{padding-right:16px;padding-left:34px}.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title{padding:0 calc(50% - 14px / 2)}.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title{padding:0 28px 0 16px}.ant-menu-sub.ant-menu-inline{border:0}.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title{padding-right:32px;padding-left:0}.ant-mention-wrapper,.ant-mention-wrapper .ant-mention-editor{position:relative;color:rgba(0,0,0,.85);font-size:12px;padding:0;line-height:1.66667;width:100%}.ant-menu-submenu.ant-menu-submenu-placement-bottom{top:6px;position:relative}.ant-menu-submenu.ant-menu-submenu-placement-right{left:4px;position:relative}.ant-menu-submenu.ant-menu-submenu-placement-right.ant-menu-submenu-rtl{left:auto;right:4px}.ant-menu-submenu.ant-menu-submenu-placement-left{right:4px;position:relative}.ant-menu-submenu.ant-menu-submenu-placement-left.ant-menu-submenu-rtl{right:auto;left:4px}.ant-mention-wrapper{box-sizing:border-box;margin:0;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;display:inline-block;vertical-align:middle}.ant-mention-wrapper .ant-mention-editor{min-width:0;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s;display:block;height:auto;min-height:28px}.ant-mention-wrapper .ant-mention-editor::-moz-placeholder{opacity:1}.ant-mention-wrapper .ant-mention-editor::placeholder{color:#bfbfbf}.ant-mention-wrapper .ant-mention-editor:placeholder-shown{text-overflow:ellipsis}.ant-mention-wrapper .ant-mention-editor:hover{border-color:#40a9ff;border-right-width:1px!important}.ant-input-rtl .ant-mention-wrapper .ant-mention-editor:hover{border-right-width:0;border-left-width:1px!important}.ant-mention-wrapper .ant-mention-editor-focused,.ant-mention-wrapper .ant-mention-editor:focus{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-mention-wrapper .ant-mention-editor-focused,.ant-input-rtl .ant-mention-wrapper .ant-mention-editor:focus{border-right-width:0;border-left-width:1px!important}.ant-mention-wrapper .ant-mention-editor-disabled:hover,.ant-mention-wrapper .ant-mention-editor[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-mention-wrapper .ant-mention-editor-disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:1;color:rgba(0,0,0,.25);pointer-events:none}.ant-mention-wrapper .ant-mention-editor[disabled]{background-color:#f5f5f5;cursor:not-allowed;opacity:1;color:rgba(0,0,0,.25);pointer-events:none}.ant-mention-wrapper .ant-mention-editor-borderless,.ant-mention-wrapper .ant-mention-editor-borderless-disabled,.ant-mention-wrapper .ant-mention-editor-borderless-focused,.ant-mention-wrapper .ant-mention-editor-borderless:focus,.ant-mention-wrapper .ant-mention-editor-borderless:hover,.ant-mention-wrapper .ant-mention-editor-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.ant-mention-wrapper .ant-mention-editor{max-width:100%;height:auto;min-height:28px;line-height:1.66667;vertical-align:bottom;transition:all .3s,height 0s}.ant-mention-wrapper .ant-mention-editor-lg{padding:3.4px 11px;font-size:14px}.ant-mention-dropdown,.ant-message{font-size:12px;font-variant:tabular-nums}.ant-mention-wrapper .ant-mention-editor-sm{padding:0 7px}.ant-mention-wrapper .ant-mention-editor-wrapper{height:auto;overflow-y:auto}.ant-mention-wrapper.ant-mention-active:not(.disabled) .ant-mention-editor{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-mention-dropdown,.ant-message-notice-content,.ant-modal-content,.ant-notification-notice{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-input-rtl .ant-mention-wrapper.ant-mention-active:not(.disabled) .ant-mention-editor{border-right-width:0;border-left-width:1px!important}.ant-mention-wrapper.disabled .ant-mention-editor{background-color:#f5f5f5;cursor:not-allowed;opacity:1;color:rgba(0,0,0,.25);pointer-events:none}.ant-mention-wrapper.disabled .ant-mention-editor:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-mention-wrapper .public-DraftEditorPlaceholder-root{position:absolute;pointer-events:none}.ant-mention-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner{height:auto;padding:5px 7px;color:#bfbfbf;white-space:pre-wrap;word-wrap:break-word;outline:0;opacity:1}.ant-mention-wrapper .DraftEditor-editorContainer .public-DraftEditor-content{height:auto;padding:5px 7px}.ant-mention-dropdown{box-sizing:border-box;margin:1.5em 0 0;padding:0;color:rgba(0,0,0,.85);line-height:1.66667;list-style:none;font-feature-settings:tnum;z-index:1050;min-width:120px;max-height:250px;overflow-x:hidden;overflow-y:auto;background-color:#fff;border-radius:2px;outline:0}.ant-mention-dropdown-placement-top{margin-top:-.1em}.ant-mention-dropdown-notfound.ant-mention-dropdown-item{color:rgba(0,0,0,.25)}.ant-mention-dropdown-notfound.ant-mention-dropdown-item .anticon-loading{display:block;color:#1890ff;text-align:center}.ant-mention-dropdown-item{position:relative;display:block;padding:5px 8px;overflow:hidden;color:rgba(0,0,0,.85);font-weight:400;line-height:22px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:background .3s}.ant-mention-dropdown-item:hover{background-color:#f5f5f5}.ant-mention-dropdown-item-active,.ant-mention-dropdown-item.focus{background-color:#e6f7ff}.ant-mention-dropdown-item-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-mention-dropdown-item-disabled:hover{color:rgba(0,0,0,.25);background-color:#fff;cursor:not-allowed}.ant-mention-dropdown-item-selected,.ant-mention-dropdown-item-selected:hover{color:rgba(0,0,0,.85);font-weight:700;background-color:#f5f5f5}.ant-mention-dropdown-item-divider{height:1px;margin:1px 0;overflow:hidden;line-height:0;background-color:#f0f0f0}.ant-message,.ant-modal{line-height:1.66667;list-style:none;font-feature-settings:tnum;box-sizing:border-box}.ant-mention-dropdown{top:100%;left:0;position:relative;width:100%;margin-top:4px;margin-bottom:4px}.ant-message{margin:0;padding:0;color:rgba(0,0,0,.85);position:fixed;top:8px;left:0;z-index:1010;width:100%;pointer-events:none}.ant-message-notice{padding:8px;text-align:center}.ant-message-notice-content{display:inline-block;padding:8px 16px;background:#fff;border-radius:2px;pointer-events:all}.ant-message-success .anticon{color:#52c41a}.ant-message-error .anticon{color:#ff4d4f}.ant-message-warning .anticon{color:#faad14}.ant-message-info .anticon,.ant-message-loading .anticon{color:#1890ff}.ant-message .anticon{position:relative;top:1px;margin-right:8px;font-size:14px}.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active{animation-name:MessageMoveOut;animation-duration:.3s}@keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}100%{max-height:0;padding:0;opacity:0}}.ant-message-rtl .anticon{margin-right:0;margin-left:8px}.ant-modal{padding:0 0 24px;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;pointer-events:none;position:relative;top:100px;max-width:calc(100vw - 32px);margin:0 auto}.ant-modal.ant-zoom-enter,.ant-modal.antzoom-appear{transform:none;opacity:0;animation-duration:.3s;user-select:none}.ant-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:rgba(0,0,0,.45)}.ant-modal-mask-hidden{display:none}.ant-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;z-index:1000}.ant-modal-title{margin:0;color:rgba(0,0,0,.85);font-weight:500;font-size:14px;line-height:22px;word-wrap:break-word}.ant-modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:0;border-radius:2px;pointer-events:auto}.ant-modal-close{position:absolute;top:0;right:0;z-index:10;padding:0;color:rgba(0,0,0,.45);font-weight:700;line-height:1;text-decoration:none;background:0 0;border:0;outline:0;cursor:pointer;transition:color .3s}.ant-modal-close-x{display:block;width:44px;height:44px;font-size:14px;font-style:normal;line-height:44px;text-align:center;text-transform:none;text-rendering:auto}.ant-modal-close:focus,.ant-modal-close:hover{color:rgba(0,0,0,.75);text-decoration:none}.ant-modal-header{padding:11px 16px;color:rgba(0,0,0,.85);background:#fff;border-bottom:1px solid #f0f0f0;border-radius:2px 2px 0 0}.ant-modal-body{padding:16px;font-size:12px;line-height:1.66667;word-wrap:break-word}.ant-modal-footer{padding:8px 16px;text-align:right;background:0 0;border-top:1px solid #f0f0f0;border-radius:0 0 2px 2px}.ant-modal-footer .ant-btn+.ant-btn:not(.ant-dropdown-trigger){margin-bottom:0;margin-left:8px}.ant-modal-open{overflow:hidden}.ant-modal-centered{text-align:center}.ant-modal-centered::before{display:inline-block;width:0;height:100%;vertical-align:middle;content:''}.ant-modal-centered .ant-modal{top:0;display:inline-block;text-align:left;vertical-align:middle}@media (max-width:767px){.ant-modal{max-width:calc(100vw - 16px);margin:8px auto}.ant-modal-centered .ant-modal{flex:1}}.ant-modal-confirm .ant-modal-header{display:none}.ant-modal-confirm-body-wrapper::after,.ant-modal-confirm-body-wrapper::before{display:table;content:''}.ant-modal-confirm .ant-modal-body{padding:24px 24px 16px}.ant-modal-confirm-body-wrapper::after{clear:both}.ant-modal-confirm-body .ant-modal-confirm-title{display:block;overflow:hidden;color:rgba(0,0,0,.85);font-weight:500;font-size:14px;line-height:1.4}.ant-modal-confirm-body .ant-modal-confirm-content{margin-top:8px;color:rgba(0,0,0,.85);font-size:12px}.ant-modal-confirm-body>.anticon{float:left;margin-right:16px;font-size:22px}.ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content{margin-left:38px}.ant-modal-confirm .ant-modal-confirm-btns{float:right;margin-top:24px}.ant-modal-confirm .ant-modal-confirm-btns .ant-btn+.ant-btn{margin-bottom:0;margin-left:8px}.ant-modal-confirm-error .ant-modal-confirm-body>.anticon{color:#ff4d4f}.ant-modal-confirm-confirm .ant-modal-confirm-body>.anticon,.ant-modal-confirm-warning .ant-modal-confirm-body>.anticon{color:#faad14}.ant-modal-confirm-info .ant-modal-confirm-body>.anticon{color:#1890ff}.ant-modal-confirm-success .ant-modal-confirm-body>.anticon{color:#52c41a}.ant-modal-wrap-rtl .ant-modal-close{right:initial;left:0}.ant-modal-wrap-rtl .ant-modal-footer{text-align:left}.ant-modal-wrap-rtl .ant-modal-footer .ant-btn+.ant-btn{margin-right:8px;margin-left:0}.ant-modal-wrap-rtl .ant-modal-confirm-body>.anticon{float:right;margin-right:0;margin-left:16px}.ant-modal-wrap-rtl .ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content{margin-right:38px;margin-left:0}.ant-modal-wrap-rtl .ant-modal-confirm-btns{float:left}.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn+.ant-btn{margin-right:8px;margin-left:0}.ant-modal-wrap-rtl.ant-modal-centered .ant-modal{text-align:right}.ant-notification{box-sizing:border-box;margin:0 24px 0 0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;position:fixed;z-index:1010}.ant-notification-bottomLeft,.ant-notification-topLeft{margin-right:0;margin-left:24px}.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active{animation-name:NotificationLeftFadeIn}.ant-notification-close-icon{font-size:12px;cursor:pointer}.ant-notification-hook-holder{position:relative}.ant-notification-notice{position:relative;width:384px;max-width:calc(100vw - 24px * 2);margin-bottom:16px;margin-left:auto;padding:12px 16px;overflow:hidden;line-height:1.66667;word-wrap:break-word;background:#fff;border-radius:2px}.ant-notification-bottomLeft .ant-notification-notice,.ant-notification-topLeft .ant-notification-notice{margin-right:auto;margin-left:0}.ant-notification-notice-message{margin-bottom:8px;color:rgba(0,0,0,.85);font-size:14px;line-height:24px}.ant-notification-notice-message-single-line-auto-margin{display:block;width:calc(384px - 16px * 2 - 24px - 48px - 100%);max-width:4px;background-color:transparent;pointer-events:none}.ant-notification-notice-message-single-line-auto-margin::before{display:block;content:''}.ant-notification-notice-description{font-size:12px}.ant-notification-notice-closable .ant-notification-notice-message{padding-right:24px}.ant-notification-notice-with-icon .ant-notification-notice-message{margin-bottom:4px;margin-left:48px;font-size:14px}.ant-notification-notice-with-icon .ant-notification-notice-description{margin-left:48px;font-size:12px}.ant-notification-notice-icon{position:absolute;margin-left:4px;font-size:24px;line-height:24px}.anticon.ant-notification-notice-icon-success{color:#52c41a}.anticon.ant-notification-notice-icon-info{color:#1890ff}.anticon.ant-notification-notice-icon-warning{color:#faad14}.anticon.ant-notification-notice-icon-error{color:#ff4d4f}.ant-notification-notice-close{position:absolute;top:16px;right:22px;color:rgba(0,0,0,.45);outline:0}.ant-page-header,.ant-pagination-jump-next .ant-pagination-item-container,.ant-pagination-jump-prev .ant-pagination-item-container{position:relative}.ant-notification-notice-close:hover{color:rgba(0,0,0,.67)}.ant-notification-notice-btn{float:right;margin-top:16px}.ant-notification .notification-fade-effect{animation-duration:.24s;animation-fill-mode:both}.ant-notification-fade-appear,.ant-notification-fade-enter{animation-duration:.24s;animation-fill-mode:both;opacity:0;animation-play-state:paused}.ant-notification-fade-leave{animation-fill-mode:both;animation-duration:.2s;animation-play-state:paused}.ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-fade-enter.ant-notification-fade-enter-active{animation-name:NotificationFadeIn;animation-play-state:running}.ant-notification-fade-leave.ant-notification-fade-leave-active{animation-name:NotificationFadeOut;animation-play-state:running}@keyframes NotificationFadeIn{0%{left:384px;opacity:0}100%{left:0;opacity:1}}@keyframes NotificationLeftFadeIn{0%{right:384px;opacity:0}100%{right:0;opacity:1}}@keyframes NotificationFadeOut{0%{max-height:150px;margin-bottom:16px;opacity:1}100%{max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0}}.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message{padding-right:0;padding-left:24px}.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description,.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message{margin-right:48px;margin-left:0}.ant-notification-rtl .ant-notification-notice-icon{margin-right:4px;margin-left:0}.ant-notification-rtl .ant-notification-notice-close{right:auto;left:22px}.ant-notification-rtl .ant-notification-notice-btn{float:left}.ant-page-header{box-sizing:border-box;margin:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;padding:8px 8px 16px 0;background-color:#fff}.ant-page-header-content,.ant-page-header.has-breadcrumb{padding-top:8px}.ant-page-header-ghost{background-color:inherit}.ant-page-header.has-footer{padding-bottom:0}.ant-page-header-back{margin-right:8px;font-size:16px;line-height:1}.ant-page-header-back-button{text-decoration:none;outline:0;transition:color .3s;color:#000;cursor:pointer}.ant-page-header-back-button:focus,.ant-page-header-back-button:hover{color:#40a9ff}.ant-page-header-back-button:active{color:#096dd9}.ant-page-header .ant-divider-vertical{height:14px;margin:0 8px;vertical-align:middle}.ant-breadcrumb+.ant-page-header-heading{margin-top:4px}.ant-page-header-heading{display:flex}.ant-page-header-heading-left{display:flex;align-items:center;margin:2px 0;overflow:hidden}.ant-page-header-heading-title{margin-right:8px;margin-bottom:0;color:rgba(0,0,0,.85);font-weight:600;font-size:16px;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-page-header-heading .ant-avatar{margin-right:8px}.ant-page-header-heading-sub-title{margin-right:8px;color:rgba(0,0,0,.45);font-size:12px;line-height:1.66667;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-page-header-heading-extra{margin:2px 0;white-space:nowrap}.ant-page-header-heading-extra>*{margin-left:8px;white-space:unset}.ant-page-header-heading-extra>:first-child{margin-left:0}.ant-page-header-footer{margin-top:8px}.ant-page-header-footer .ant-tabs>.ant-tabs-nav{margin:0}.ant-page-header-footer .ant-tabs>.ant-tabs-nav::before{border:none}.ant-page-header-footer .ant-tabs .ant-tabs-tab{padding-top:4px;padding-bottom:4px;font-size:14px}.ant-page-header-compact .ant-page-header-heading{flex-wrap:wrap}.ant-page-header-rtl .ant-page-header-back{float:right;margin-right:0;margin-left:16px}.ant-page-header-rtl .ant-page-header-heading .ant-avatar,.ant-page-header-rtl .ant-page-header-heading-title{margin-right:0;margin-left:8px}.ant-page-header-rtl .ant-page-header-heading-sub-title{float:right;margin-right:0;margin-left:12px}.ant-page-header-rtl .ant-page-header-heading-tags{float:right}.ant-page-header-rtl .ant-page-header-heading-extra{float:left}.ant-page-header-rtl .ant-page-header-heading-extra>*{margin-right:8px;margin-left:0}.ant-pagination,.ant-pagination ol,.ant-pagination ul{margin:0;list-style:none;padding:0}.ant-page-header-rtl .ant-page-header-heading-extra>:first-child{margin-right:0}.ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav{float:right}.ant-page-header-back-button{border:0;background:0 0;padding:0;line-height:inherit;display:inline-block}nz-page-header,nz-page-header-content,nz-page-header-footer{display:block}.ant-pagination{box-sizing:border-box;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;font-feature-settings:tnum}.ant-pagination::after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:' '}.ant-pagination-item,.ant-pagination-total-text{display:inline-block;margin-right:8px;line-height:26px}.ant-pagination-total-text{height:28px;vertical-align:middle}.ant-pagination-item{min-width:28px;height:28px;text-align:center;vertical-align:middle;list-style:none;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;outline:0;cursor:pointer;user-select:none}.ant-pagination-item a{display:block;padding:0 6px;color:rgba(0,0,0,.85);transition:none}.ant-pagination-item-active a,.ant-pagination-item:focus-visible a,.ant-pagination-item:hover a{color:#1890ff}.ant-pagination-item a:hover{text-decoration:none}.ant-pagination-item:focus-visible,.ant-pagination-item:hover{border-color:#1890ff;transition:all .3s}.ant-pagination-item-active{font-weight:500;background:#fff;border-color:#1890ff}.ant-pagination-item-active:focus-visible,.ant-pagination-item-active:hover,.ant-pagination-next:hover button,.ant-pagination-prev:hover button{border-color:#40a9ff}.ant-pagination-item-active:focus-visible a,.ant-pagination-item-active:hover a{color:#40a9ff}.ant-pagination-jump-next,.ant-pagination-jump-prev{outline:0}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon{color:#1890ff;font-size:12px;letter-spacing:-1px;opacity:0;transition:all .2s}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg{top:0;right:0;bottom:0;left:0;margin:auto}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:auto;color:rgba(0,0,0,.25);font-family:Arial,Helvetica,sans-serif;letter-spacing:2px;text-align:center;text-indent:.13em;opacity:1;transition:all .2s}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-next,.ant-pagination-prev,.ant-select-multiple .ant-select-selection-search-input,.ant-select-multiple .ant-select-selection-search-mirror,.ant-statistic-content,.ant-steps-item-icon{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon,.ant-pagination-jump-next:hover .ant-pagination-item-link-icon,.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon{opacity:1}.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis,.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis,.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon{opacity:0}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-prev{margin-right:8px}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-next,.ant-pagination-prev{display:inline-block;min-width:28px;height:28px;color:rgba(0,0,0,.85);line-height:28px;text-align:center;vertical-align:middle;list-style:none;border-radius:2px;cursor:pointer;transition:all .3s}.ant-pagination-next,.ant-pagination-prev{font-family:Arial,Helvetica,sans-serif;outline:0}.ant-pagination-next button,.ant-pagination-prev button{color:rgba(0,0,0,.85);cursor:pointer;user-select:none}.ant-pagination-next .ant-pagination-item-link,.ant-pagination-prev .ant-pagination-item-link{display:block;width:100%;height:100%;padding:0;font-size:12px;text-align:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;outline:0;transition:all .3s}.ant-pagination-next:focus-visible .ant-pagination-item-link,.ant-pagination-next:hover .ant-pagination-item-link,.ant-pagination-prev:focus-visible .ant-pagination-item-link,.ant-pagination-prev:hover .ant-pagination-item-link{color:#1890ff;border-color:#1890ff}.ant-pagination-disabled,.ant-pagination-disabled:focus-visible,.ant-pagination-disabled:hover{cursor:not-allowed}.ant-pagination-disabled .ant-pagination-item-link,.ant-pagination-disabled:focus-visible .ant-pagination-item-link,.ant-pagination-disabled:hover .ant-pagination-item-link{color:rgba(0,0,0,.25);border-color:#d9d9d9;cursor:not-allowed}.ant-pagination-slash{margin:0 10px 0 5px}.ant-pagination-options{display:inline-block;margin-left:16px;vertical-align:middle}@media all and (-ms-high-contrast:none){.ant-pagination-options,.ant-pagination-options ::-ms-backdrop{vertical-align:top}}.ant-pagination-options-size-changer.ant-select{display:inline-block;width:auto}.ant-pagination-options-quick-jumper{display:inline-block;height:28px;margin-left:4px;line-height:28px;vertical-align:top}.ant-pagination-options-quick-jumper input{position:relative;display:inline-block;min-width:0;padding:3px 7px;color:rgba(0,0,0,.85);font-size:12px;line-height:1.66667;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s;width:50px;height:28px;margin:0 8px}.ant-pagination-options-quick-jumper input::-moz-placeholder{opacity:1}.ant-pagination-options-quick-jumper input::placeholder{color:#bfbfbf}.ant-pagination-options-quick-jumper input:placeholder-shown{text-overflow:ellipsis}.ant-pagination-options-quick-jumper input:hover{border-color:#40a9ff;border-right-width:1px!important}.ant-input-rtl .ant-pagination-options-quick-jumper input:hover{border-right-width:0;border-left-width:1px!important}.ant-pagination-options-quick-jumper input-focused,.ant-pagination-options-quick-jumper input:focus{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-pagination-options-quick-jumper input-focused,.ant-input-rtl .ant-pagination-options-quick-jumper input:focus{border-right-width:0;border-left-width:1px!important}.ant-pagination-options-quick-jumper input-disabled:hover,.ant-pagination-options-quick-jumper input[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-pagination-options-quick-jumper input-disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:1;color:rgba(0,0,0,.25);pointer-events:none}.ant-pagination-options-quick-jumper input[disabled]{background-color:#f5f5f5;cursor:not-allowed;opacity:1;color:rgba(0,0,0,.25);pointer-events:none}.ant-pagination-options-quick-jumper input-borderless,.ant-pagination-options-quick-jumper input-borderless-disabled,.ant-pagination-options-quick-jumper input-borderless-focused,.ant-pagination-options-quick-jumper input-borderless:focus,.ant-pagination-options-quick-jumper input-borderless:hover,.ant-pagination-options-quick-jumper input-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}.ant-popover-inner,.ant-select-dropdown{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}textarea.ant-pagination-options-quick-jumper input{max-width:100%;height:auto;min-height:28px;line-height:1.66667;vertical-align:bottom;transition:all .3s,height 0s}.ant-pagination-options-quick-jumper input-lg{padding:3.4px 11px;font-size:14px}.ant-pagination-options-quick-jumper input-sm{padding:0 7px}.ant-pagination-simple .ant-pagination-next,.ant-pagination-simple .ant-pagination-prev{height:22px;line-height:22px;vertical-align:top}.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link,.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link{height:22px;background-color:transparent;border:0}.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after,.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after{height:22px;line-height:22px}.ant-pagination-simple .ant-pagination-simple-pager{display:inline-block;height:22px;margin-right:8px}.ant-pagination-simple .ant-pagination-simple-pager input{box-sizing:border-box;height:100%;margin-right:8px;padding:0 6px;text-align:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;outline:0;transition:border-color .3s}.ant-pagination-simple .ant-pagination-simple-pager input:hover{border-color:#1890ff}.ant-pagination-simple .ant-pagination-simple-pager input[disabled]{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active),.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link,.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link{background:0 0;border-color:transparent}.ant-pagination.mini .ant-pagination-simple-pager,.ant-pagination.mini .ant-pagination-total-text{height:22px;line-height:22px}.ant-pagination.mini .ant-pagination-item{min-width:22px;height:22px;margin:0;line-height:20px}.ant-pagination.mini .ant-pagination-next,.ant-pagination.mini .ant-pagination-prev{min-width:22px;height:22px;margin:0;line-height:22px}.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after,.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after{height:22px;line-height:22px}.ant-pagination.mini .ant-pagination-jump-next,.ant-pagination.mini .ant-pagination-jump-prev{height:22px;margin-right:0;line-height:22px}.ant-pagination.mini .ant-pagination-options{margin-left:2px}.ant-pagination.mini .ant-pagination-options-size-changer{top:1px}.ant-pagination.mini .ant-pagination-options-quick-jumper{height:22px;line-height:22px}.ant-popover,.ant-progress{line-height:1.66667;font-size:12px;box-sizing:border-box;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum}.ant-pagination.mini .ant-pagination-options-quick-jumper input{padding:0 7px;width:44px;height:22px}.ant-pagination.ant-pagination-disabled{cursor:not-allowed}.ant-pagination.ant-pagination-disabled .ant-pagination-item{background:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.ant-pagination.ant-pagination-disabled .ant-pagination-item a{color:rgba(0,0,0,.25);background:0 0;border:none;cursor:not-allowed}.ant-pagination.ant-pagination-disabled .ant-pagination-item-active{background:#dbdbdb;border-color:transparent}.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a{color:#fff}.ant-pagination.ant-pagination-disabled .ant-pagination-item-link{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link{background:0 0}.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis{opacity:1}.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager{color:rgba(0,0,0,.25)}@media only screen and (max-width:992px){.ant-pagination-item-after-jump-prev,.ant-pagination-item-before-jump-next{display:none}}@media only screen and (max-width:576px){.ant-pagination-options{display:none}}.ant-pagination-rtl .ant-pagination-item,.ant-pagination-rtl .ant-pagination-jump-next,.ant-pagination-rtl .ant-pagination-jump-prev,.ant-pagination-rtl .ant-pagination-prev,.ant-pagination-rtl .ant-pagination-total-text{margin-right:0;margin-left:8px}.ant-pagination-rtl .ant-pagination-slash{margin:0 5px 0 10px}.ant-pagination-rtl .ant-pagination-options{margin-right:16px;margin-left:0}.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select{margin-right:0;margin-left:8px}.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper{margin-left:0}.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager,.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input{margin-right:0;margin-left:8px}.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options{margin-right:2px;margin-left:0}nz-pagination{display:block}.ant-popover-hidden,.ant-radio+span:empty{display:none}.ant-popover{margin:0;padding:0;color:rgba(0,0,0,.85);top:0;left:0;z-index:1030;font-weight:400;white-space:normal;text-align:left;cursor:auto;user-select:text}.ant-popover::after{position:absolute;background:rgba(255,255,255,.01);content:''}.ant-popover-placement-top,.ant-popover-placement-topLeft,.ant-popover-placement-topRight{padding-bottom:10px}.ant-popover-placement-right,.ant-popover-placement-rightBottom,.ant-popover-placement-rightTop{padding-left:10px}.ant-popover-placement-bottom,.ant-popover-placement-bottomLeft,.ant-popover-placement-bottomRight{padding-top:10px}.ant-popover-placement-left,.ant-popover-placement-leftBottom,.ant-popover-placement-leftTop{padding-right:10px}.ant-popover-inner{background-color:#fff;background-clip:padding-box;border-radius:2px;box-shadow:0 0 8px rgba(0,0,0,.15)\9}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ant-popover-inner{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}}.ant-popover-title{min-width:177px;min-height:28px;margin:0;padding:5px 12px 4px;color:rgba(0,0,0,.85);font-weight:500;border-bottom:1px solid #f0f0f0}.ant-popover-inner-content{padding:8px 12px;color:rgba(0,0,0,.85)}.ant-popover-message{position:relative;padding:4px 0 12px;color:rgba(0,0,0,.85);font-size:12px}.ant-popover-message>.anticon{position:absolute;top:8px;color:#faad14;font-size:12px}.ant-popover-message-title{padding-left:20px}.ant-popover-buttons{margin-bottom:4px;text-align:right}.ant-popover-buttons button{margin-left:8px}.ant-popover-arrow{position:absolute;display:block;width:8.49px;height:8.49px;overflow:hidden;background:0 0;pointer-events:none}.ant-popover-arrow-content{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:6px;height:6px;margin:auto;background-color:#fff;content:'';pointer-events:auto}.ant-progress,.ant-progress-steps{display:inline-block}.ant-popover-placement-top .ant-popover-arrow,.ant-popover-placement-topLeft .ant-popover-arrow,.ant-popover-placement-topRight .ant-popover-arrow{bottom:1.51px}.ant-popover-placement-top .ant-popover-arrow-content,.ant-popover-placement-topLeft .ant-popover-arrow-content,.ant-popover-placement-topRight .ant-popover-arrow-content{box-shadow:3px 3px 7px rgba(0,0,0,.07);transform:translateY(-4.24px) rotate(45deg)}.ant-popover-placement-top .ant-popover-arrow{left:50%;transform:translateX(-50%)}.ant-popover-placement-topLeft .ant-popover-arrow{left:16px}.ant-popover-placement-topRight .ant-popover-arrow{right:16px}.ant-popover-placement-right .ant-popover-arrow,.ant-popover-placement-rightBottom .ant-popover-arrow,.ant-popover-placement-rightTop .ant-popover-arrow{left:1.51px}.ant-popover-placement-right .ant-popover-arrow-content,.ant-popover-placement-rightBottom .ant-popover-arrow-content,.ant-popover-placement-rightTop .ant-popover-arrow-content{box-shadow:-3px 3px 7px rgba(0,0,0,.07);transform:translateX(4.24px) rotate(45deg)}.ant-popover-placement-right .ant-popover-arrow{top:50%;transform:translateY(-50%)}.ant-popover-placement-rightTop .ant-popover-arrow{top:12px}.ant-popover-placement-bottom .ant-popover-arrow,.ant-popover-placement-bottomLeft .ant-popover-arrow,.ant-popover-placement-bottomRight .ant-popover-arrow{top:1.51px}.ant-popover-placement-bottom .ant-popover-arrow-content,.ant-popover-placement-bottomLeft .ant-popover-arrow-content,.ant-popover-placement-bottomRight .ant-popover-arrow-content{box-shadow:-2px -2px 5px rgba(0,0,0,.06);transform:translateY(4.24px) rotate(45deg)}.ant-popover-placement-bottom .ant-popover-arrow{left:50%;transform:translateX(-50%)}.ant-popover-placement-bottomLeft .ant-popover-arrow{left:16px}.ant-popover-placement-bottomRight .ant-popover-arrow{right:16px}.ant-popover-placement-left .ant-popover-arrow,.ant-popover-placement-leftBottom .ant-popover-arrow,.ant-popover-placement-leftTop .ant-popover-arrow{right:1.51px}.ant-popover-placement-left .ant-popover-arrow-content,.ant-popover-placement-leftBottom .ant-popover-arrow-content,.ant-popover-placement-leftTop .ant-popover-arrow-content{box-shadow:3px -3px 7px rgba(0,0,0,.07);transform:translateX(-4.24px) rotate(45deg)}.ant-popover-placement-left .ant-popover-arrow{top:50%;transform:translateY(-50%)}.ant-popover-placement-leftTop .ant-popover-arrow{top:12px}.ant-popover-magenta .ant-popover-arrow-content,.ant-popover-magenta .ant-popover-inner,.ant-popover-pink .ant-popover-arrow-content,.ant-popover-pink .ant-popover-inner{background-color:#eb2f96}.ant-popover-red .ant-popover-arrow-content,.ant-popover-red .ant-popover-inner{background-color:#f5222d}.ant-popover-volcano .ant-popover-arrow-content,.ant-popover-volcano .ant-popover-inner{background-color:#fa541c}.ant-popover-orange .ant-popover-arrow-content,.ant-popover-orange .ant-popover-inner{background-color:#fa8c16}.ant-popover-yellow .ant-popover-arrow-content,.ant-popover-yellow .ant-popover-inner{background-color:#fadb14}.ant-popover-gold .ant-popover-arrow-content,.ant-popover-gold .ant-popover-inner{background-color:#faad14}.ant-popover-cyan .ant-popover-arrow-content,.ant-popover-cyan .ant-popover-inner{background-color:#13c2c2}.ant-popover-lime .ant-popover-arrow-content,.ant-popover-lime .ant-popover-inner{background-color:#a0d911}.ant-popover-green .ant-popover-arrow-content,.ant-popover-green .ant-popover-inner{background-color:#52c41a}.ant-popover-blue .ant-popover-arrow-content,.ant-popover-blue .ant-popover-inner{background-color:#1890ff}.ant-popover-geekblue .ant-popover-arrow-content,.ant-popover-geekblue .ant-popover-inner{background-color:#2f54eb}.ant-popover-purple .ant-popover-arrow-content,.ant-popover-purple .ant-popover-inner{background-color:#722ed1}.ant-popover-rtl{text-align:right}.ant-popover-rtl .ant-popover-message-title{padding-right:20px;padding-left:8px}.ant-popover-rtl .ant-popover-buttons{text-align:left}.ant-popover-rtl .ant-popover-buttons button{margin-right:8px;margin-left:0}.ant-popover{position:relative}.ant-progress{margin:0;padding:0;color:rgba(0,0,0,.85)}.ant-progress-line{position:relative;width:100%;font-size:12px}.ant-progress-steps-outer{display:flex;flex-direction:row;align-items:center}.ant-progress-steps-item{flex-shrink:0;min-width:2px;margin-right:2px;background:#f3f3f3;transition:all .3s}.ant-progress-steps-item-active{background:#1890ff}.ant-progress-small.ant-progress-line,.ant-progress-small.ant-progress-line .ant-progress-text .anticon{font-size:12px}.ant-progress-outer{display:inline-block;width:100%;margin-right:0;padding-right:0}.ant-progress-show-info .ant-progress-outer{margin-right:calc(-2em - 8px);padding-right:calc(2em + 8px)}.ant-progress-inner{position:relative;display:inline-block;width:100%;overflow:hidden;vertical-align:middle;background-color:#f5f5f5;border-radius:100px}.ant-progress-circle-trail{stroke:#f5f5f5}.ant-progress-circle-path{animation:ant-progress-appear .3s}.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:#1890ff}.ant-progress-bg,.ant-progress-success-bg{position:relative;background-color:#1890ff;border-radius:100px;transition:all .4s cubic-bezier(.08,.82,.17,1) 0s}.ant-progress-success-bg{position:absolute;top:0;left:0;background-color:#52c41a}.ant-progress-text{display:inline-block;width:2em;margin-left:8px;color:rgba(0,0,0,.85);font-size:1em;line-height:1;white-space:nowrap;text-align:left;vertical-align:middle;word-break:normal}.ant-progress-text .anticon{font-size:12px}.ant-progress-status-active .ant-progress-bg::before{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:10px;opacity:0;animation:ant-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite;content:''}.ant-progress-status-exception .ant-progress-bg{background-color:#ff4d4f}.ant-progress-status-exception .ant-progress-text{color:#ff4d4f}.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:#ff4d4f}.ant-progress-status-success .ant-progress-bg{background-color:#52c41a}.ant-progress-status-success .ant-progress-text{color:#52c41a}.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:#52c41a}.ant-progress-circle .ant-progress-inner{position:relative;line-height:1;background-color:transparent}.ant-progress-circle .ant-progress-text{position:absolute;top:50%;left:50%;width:100%;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:.833333em;line-height:1;white-space:normal;text-align:center;transform:translate(-50%,-50%)}.ant-progress-circle .ant-progress-text .anticon{font-size:1.16666667em}.ant-progress-circle.ant-progress-status-exception .ant-progress-text{color:#ff4d4f}.ant-progress-circle.ant-progress-status-success .ant-progress-text{color:#52c41a}@keyframes ant-progress-active{0%{transform:translateX(-100%) scaleX(0);opacity:.1}20%{transform:translateX(-100%) scaleX(0);opacity:.5}100%{transform:translateX(0) scaleX(1);opacity:0}}.ant-progress-rtl.ant-progress-show-info .ant-progress-outer{margin-right:0;margin-left:calc(-2em - 8px);padding-right:0;padding-left:calc(2em + 8px)}.ant-progress-rtl .ant-progress-success-bg{right:0;left:auto}.ant-progress-rtl.ant-progress-line .ant-progress-text,.ant-progress-rtl.ant-progress-steps .ant-progress-text{margin-right:8px;margin-left:0;text-align:right}.ant-radio-group{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;display:inline-block;font-size:0;line-height:unset}.ant-radio,.ant-radio-wrapper{box-sizing:border-box;padding:0;color:rgba(0,0,0,.85);line-height:1.66667;position:relative;cursor:pointer;font-size:12px;font-variant:tabular-nums;font-feature-settings:tnum;list-style:none}.ant-radio-group .ant-badge-count{z-index:1}.ant-radio-group>.ant-badge:not(:first-child)>.ant-radio-button-wrapper{border-left:none}.ant-radio-wrapper{margin:0 6px 0 0;display:inline-flex;align-items:baseline}.ant-radio-wrapper::after{display:inline-block;width:0;overflow:hidden;content:'\a0'}.ant-radio{margin:0;top:.2em;display:inline-block;outline:0}.ant-radio-input:focus+.ant-radio-inner,.ant-radio-wrapper:hover .ant-radio,.ant-radio:hover .ant-radio-inner{border-color:#1890ff}.ant-radio-input:focus+.ant-radio-inner{box-shadow:0 0 0 3px rgba(24,144,255,.08)}.ant-radio-checked::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #1890ff;border-radius:50%;visibility:hidden;animation:antRadioEffect .36s ease-in-out;animation-fill-mode:both;content:''}.ant-radio-inner,.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle,.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle,.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle{border-radius:50%}.ant-radio-wrapper:hover .ant-radio::after,.ant-radio:hover::after,.ant-tooltip{visibility:visible}.ant-radio-inner{position:relative;top:0;left:0;display:block;width:14px;height:14px;background-color:#fff;border-color:#d9d9d9;border-style:solid;border-width:1px;transition:all .3s}.ant-radio-inner::after{position:absolute;top:3px;left:3px;display:block;width:6px;height:6px;background-color:#1890ff;border-top:0;border-left:0;border-radius:6px;transform:scale(0);opacity:0;transition:all .3s cubic-bezier(.78,.14,.15,.86);content:' '}.ant-radio-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer;opacity:0}.ant-radio-button-wrapper-disabled,.ant-radio-disabled,.ant-radio-disabled .ant-radio-inner,.ant-radio-disabled .ant-radio-input,.ant-radio-disabled+span{cursor:not-allowed}.ant-radio-checked .ant-radio-inner{border-color:#1890ff}.ant-radio-checked .ant-radio-inner::after{transform:scale(1);opacity:1;transition:all .3s cubic-bezier(.78,.14,.15,.86)}.ant-radio-disabled .ant-radio-inner{background-color:#f5f5f5;border-color:#d9d9d9!important}.ant-radio-disabled .ant-radio-inner::after{background-color:rgba(0,0,0,.2)}.ant-radio-disabled+span{color:rgba(0,0,0,.25)}span.ant-radio+*{padding-right:8px;padding-left:8px}.ant-radio-button-wrapper{position:relative;display:inline-block;height:28px;margin:0;padding:0 7px;color:rgba(0,0,0,.85);font-size:12px;line-height:26px;background:#fff;border:1px solid #d9d9d9;border-top-width:1.02px;border-left-width:0;cursor:pointer;transition:color .3s,background .3s,border-color .3s,box-shadow .3s}.ant-radio-button-wrapper a{color:rgba(0,0,0,.85)}.ant-radio-button-wrapper>.ant-radio-button{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}.ant-radio-group-large .ant-radio-button-wrapper{height:32px;font-size:14px;line-height:30px}.ant-radio-group-small .ant-radio-button-wrapper{height:22px;padding:0 7px;line-height:20px}.ant-radio-button-wrapper:not(:first-child)::before{position:absolute;top:-1px;left:-1px;display:block;box-sizing:content-box;width:1px;height:100%;padding:1px 0;background-color:#d9d9d9;transition:background-color .3s;content:''}.ant-radio-button-wrapper:first-child{border-left:1px solid #d9d9d9;border-radius:2px 0 0 2px}.ant-radio-button-wrapper:last-child{border-radius:0 2px 2px 0}.ant-radio-button-wrapper:first-child:last-child{border-radius:2px}.ant-radio-button-wrapper:hover{position:relative;color:#1890ff}.ant-radio-button-wrapper:focus-within{box-shadow:0 0 0 3px rgba(24,144,255,.08)}.ant-radio-button-wrapper .ant-radio-inner,.ant-radio-button-wrapper input[type=radio],.ant-radio-button-wrapper input[type=checkbox]{width:0;height:0;opacity:0;pointer-events:none}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){z-index:1;color:#1890ff;background:#fff;border-color:#1890ff}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before{background-color:#1890ff}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child{border-color:#1890ff}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{color:#40a9ff;border-color:#40a9ff}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before{background-color:#40a9ff}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active{color:#096dd9;border-color:#096dd9}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before{background-color:#096dd9}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within{box-shadow:0 0 0 3px rgba(24,144,255,.08)}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){color:#fff;background:#1890ff;border-color:#1890ff}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{color:#fff;background:#40a9ff;border-color:#40a9ff}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active{color:#fff;background:#096dd9;border-color:#096dd9}.ant-radio-button-wrapper-disabled,.ant-radio-button-wrapper-disabled:first-child,.ant-radio-button-wrapper-disabled:hover{color:rgba(0,0,0,.25);background-color:#f5f5f5;border-color:#d9d9d9}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within{box-shadow:0 0 0 3px rgba(24,144,255,.08)}.ant-radio-button-wrapper-disabled:first-child{border-left-color:#d9d9d9}.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked{color:rgba(0,0,0,.25);background-color:#e6e6e6;border-color:#d9d9d9;box-shadow:none}@keyframes antRadioEffect{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.6);opacity:0}}.ant-radio-wrapper.ant-radio-wrapper-rtl{margin-right:0;margin-left:6px}.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl{border-right-width:0;border-left-width:1px}.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before{right:-1px;left:0}.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child{border-right:1px solid #d9d9d9;border-radius:0 2px 2px 0}.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child{border-right-color:#40a9ff}.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child{border-radius:2px 0 0 2px}.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child{border-right-color:#d9d9d9}.ant-rate,.ant-rate-star,.ant-rate-text{display:inline-block}.ant-rate{box-sizing:border-box;font-variant:tabular-nums;font-feature-settings:tnum;margin:0;padding:0;color:#fadb14;font-size:16px;line-height:unset;list-style:none;outline:0}.ant-rate-disabled .ant-rate-star{cursor:default}.ant-rate-disabled .ant-rate-star:hover{transform:scale(1)}.ant-rate-star{position:relative;color:inherit;cursor:pointer}.ant-rate-star:not(:last-child){margin-right:8px}.ant-rate-star>div{transition:all .3s}.ant-rate-star>div:focus-visible,.ant-rate-star>div:hover{transform:scale(1.1)}.ant-rate-star>div:focus:not(:focus-visible){outline:0}.ant-rate-star-first,.ant-rate-star-second{color:#f0f0f0;transition:all .3s;user-select:none}.ant-rate-star-first .anticon,.ant-rate-star-second .anticon{vertical-align:middle}.ant-rate-star-first{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;opacity:0}.ant-rate-star-half .ant-rate-star-first,.ant-rate-star-half .ant-rate-star-second{opacity:1}.ant-rate-star-full .ant-rate-star-second,.ant-rate-star-half .ant-rate-star-first{color:inherit}.ant-rate-text{margin:0 8px;font-size:12px}.ant-rate-rtl .ant-rate-star:not(:last-child){margin-right:0;margin-left:8px}.ant-rate-rtl .ant-rate-star-first{right:0;left:auto}.ant-select-single .ant-select-selector{display:flex}.ant-select-single .ant-select-selector .ant-select-selection-search{position:absolute;top:0;right:7px;bottom:0;left:7px}.ant-select-single .ant-select-selector .ant-select-selection-search-input{width:100%}.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-single .ant-select-selector .ant-select-selection-placeholder{padding:0;line-height:26px;transition:all .3s}@supports (-moz-appearance:meterbar){.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-single .ant-select-selector .ant-select-selection-placeholder{line-height:26px}}.ant-select-single .ant-select-selector .ant-select-selection-item{position:relative;user-select:none}.ant-select-single .ant-select-selector .ant-select-selection-placeholder{pointer-events:none}.ant-select-single .ant-select-selector .ant-select-selection-item::after,.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after,.ant-select-single .ant-select-selector::after{display:inline-block;width:0;visibility:hidden;content:'\a0'}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after,.ant-select-single.ant-select-customize-input .ant-select-selector::after{display:none}.ant-select-single.ant-select-show-arrow .ant-select-selection-search{right:19px}.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{padding-right:15px}.ant-select-single.ant-select-open .ant-select-selection-item{color:#bfbfbf}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{width:100%;height:28px;padding:0 7px}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{height:26px}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after{line-height:26px}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search{position:static;width:100%}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder{position:absolute;right:0;left:0;padding:0 7px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{height:32px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder,.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after{line-height:30px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input{height:30px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{height:22px;padding:0 7px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder,.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after{line-height:20px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input{height:20px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search{right:7px;left:7px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search{right:25px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder{padding-right:18px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{padding:0 11px}.ant-select-selection-overflow{position:relative;display:flex;flex:auto;flex-wrap:wrap;max-width:100%}.ant-select-selection-overflow-item{flex:none;align-self:center;max-width:100%}.ant-select-multiple .ant-select-selector{display:flex;flex-wrap:wrap;align-items:center;padding:0 3px}.ant-select-show-search.ant-select-multiple .ant-select-selector{cursor:text}.ant-select-disabled.ant-select-multiple .ant-select-selector{background:#f5f5f5;cursor:not-allowed}.ant-select-multiple .ant-select-selector::after{display:inline-block;width:0;margin:3px 0;line-height:20px;content:'\a0'}.ant-select-multiple.ant-select-allow-clear .ant-select-selector,.ant-select-multiple.ant-select-show-arrow .ant-select-selector{padding-right:20px}.ant-select-multiple .ant-select-selection-item{position:relative;display:flex;flex:none;box-sizing:border-box;max-width:100%;height:20px;margin-top:3px;margin-bottom:3px;line-height:18px;background:#f5f5f5;border:1px solid #f0f0f0;border-radius:2px;cursor:default;transition:font-size .3s,line-height .3s,height .3s;user-select:none;margin-inline-end:3px;padding-inline-start:4px;padding-inline-end:2px}.ant-select-disabled.ant-select-multiple .ant-select-selection-item{color:#bfbfbf;border-color:#d9d9d9;cursor:not-allowed}.ant-select-multiple .ant-select-selection-item-content{display:inline-block;margin-right:2px;overflow:hidden;white-space:pre;text-overflow:ellipsis}.ant-select-multiple .ant-select-selection-item-remove{color:inherit;font-style:normal;text-align:center;text-transform:none;vertical-align:-.125em;display:inline-block;color:rgba(0,0,0,.45);font-weight:700;font-size:10px;line-height:inherit;cursor:pointer}.ant-select-multiple .ant-select-selection-item-remove>*{line-height:1}.ant-select-multiple .ant-select-selection-item-remove svg{display:inline-block}.ant-select-disabled .ant-select-selection-item-remove,.ant-select-multiple .ant-select-selection-item-remove::before{display:none}.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon{display:block}.ant-select-multiple .ant-select-selection-item-remove>.anticon{vertical-align:-.2em}.ant-select-multiple .ant-select-selection-item-remove:hover{color:rgba(0,0,0,.75)}.ant-select-multiple .ant-select-selection-overflow-item+.ant-select-selection-overflow-item .ant-select-selection-search{margin-inline-start:0}.ant-select-multiple .ant-select-selection-search{position:relative;max-width:100%;margin-top:3px;margin-bottom:3px;margin-inline-start:4px}.ant-select-multiple .ant-select-selection-search-input,.ant-select-multiple .ant-select-selection-search-mirror{height:20px;line-height:20px;transition:all .3s}.ant-select-multiple .ant-select-selection-search-input{width:100%;min-width:4.1px}.ant-select-multiple .ant-select-selection-search-mirror{position:absolute;top:0;left:0;z-index:999;white-space:pre;visibility:hidden}.ant-select-multiple .ant-select-selection-placeholder{position:absolute;top:50%;right:7px;left:7px;transform:translateY(-50%);transition:all .3s}.ant-select-multiple.ant-select-lg .ant-select-selector::after{line-height:26px}.ant-select-multiple.ant-select-lg .ant-select-selection-search{height:26px;line-height:26px}.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror{height:26px;line-height:24px}.ant-select-multiple.ant-select-sm .ant-select-selector::after{line-height:16px}.ant-select-multiple.ant-select-sm .ant-select-selection-item{height:16px;line-height:14px}.ant-select-multiple.ant-select-sm .ant-select-selection-search{height:16px;line-height:16px;margin-inline-start:3px}.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror{height:16px;line-height:14px}.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder{left:7px}.ant-select-multiple.ant-select-lg .ant-select-selection-item{height:24px;line-height:24px}.ant-select{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;position:relative;display:inline-block;cursor:pointer}.ant-select:not(.ant-select-customize-input) .ant-select-selector{position:relative;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:pointer}.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector{cursor:text}.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:auto}.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:#40a9ff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-right-width:0;border-left-width:1px!important}.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{color:rgba(0,0,0,.25);background:#f5f5f5;cursor:not-allowed}.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{background:#f5f5f5}.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:not-allowed}.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{margin:0;padding:0;background:0 0;border:none;outline:0;appearance:none}.ant-select-arrow,.ant-select-clear{position:absolute;right:7px;width:12px;height:12px;margin-top:-6px;font-size:12px;line-height:1;text-transform:none;text-align:center;font-style:normal}.ant-cascader-picker-label:hover+.ant-cascader-input:not(.ant-cascader-picker-disabled .ant-cascader-picker-label:hover+.ant-cascader-input),.ant-cascader-picker:focus .ant-cascader-input{border-right-width:1px!important;border-color:#40a9ff}.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.ant-select-arrow,.ant-select-arrow svg{display:inline-block}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#40a9ff;border-right-width:1px!important}.ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-right-width:0;border-left-width:1px!important}.ant-select-selection-item{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media all and (-ms-high-contrast:none){.ant-select-selection-item,.ant-select-selection-item ::-ms-backdrop{flex:auto}}.ant-select-selection-placeholder{flex:1;overflow:hidden;color:#bfbfbf;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}@media all and (-ms-high-contrast:none){.ant-select-selection-placeholder,.ant-select-selection-placeholder ::-ms-backdrop{flex:auto}}.ant-select-arrow{color:inherit;vertical-align:-.125em;top:53%;color:rgba(0,0,0,.25);pointer-events:none}.ant-select-arrow>*{line-height:1}.ant-select-arrow::before{display:none}.ant-select-arrow .ant-select-arrow-icon{display:block}.ant-select-arrow .anticon{vertical-align:top;transition:transform .3s}.ant-select-arrow .anticon>svg{vertical-align:top}.ant-select-arrow .anticon:not(.ant-select-suffix){pointer-events:auto}.ant-select-disabled .ant-select-arrow{cursor:not-allowed}.ant-select-clear{top:50%;z-index:1;display:inline-block;color:rgba(0,0,0,.25);background:#fff;cursor:pointer;opacity:0;transition:color .3s ease,opacity .15s ease;text-rendering:auto}.ant-select-clear::before{display:block}.ant-select-clear:hover{color:rgba(0,0,0,.45)}.ant-select:hover .ant-select-clear{opacity:1}.ant-select-dropdown{margin:0;color:rgba(0,0,0,.85);line-height:1.66667;list-style:none;font-feature-settings:tnum;z-index:1050;box-sizing:border-box;padding:4px 0;overflow:hidden;font-size:12px;font-variant:initial;background-color:#fff;border-radius:2px;outline:0}.ant-select-dropdown-empty,.ant-select-item-empty{color:rgba(0,0,0,.25)}.ant-select-item,.ant-select-item-empty{display:block;padding:5px 8px;line-height:18px;font-size:12px;position:relative;min-height:28px;font-weight:400}.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft,.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft{animation-name:antSlideDownIn}.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft{animation-name:antSlideUpOut}.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft{animation-name:antSlideDownOut}.ant-select-item{color:rgba(0,0,0,.85);cursor:pointer;transition:background .3s ease}.ant-select-item-group{color:rgba(0,0,0,.45);font-size:12px;cursor:default}.ant-select-lg,.ant-spin-sm .ant-spin-dot{font-size:14px}.ant-select-item-option{display:flex}.ant-select-item-option-content{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-select-item-option-state{flex:none}.ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:#f5f5f5}.ant-select-item-option-selected:not(.ant-select-item-option-disabled){color:rgba(0,0,0,.85);font-weight:600;background-color:#e6f7ff}.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state{color:#1890ff}.ant-select-item-option-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-select-item-option-grouped{padding-left:16px}.ant-select-borderless .ant-select-selector{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}.ant-select-rtl .ant-select-arrow,.ant-select-rtl .ant-select-clear{right:initial;left:7px}.ant-select-dropdown-rtl .ant-select-item-option-grouped{padding-right:16px;padding-left:8px}.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector,.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector{padding-right:3px;padding-left:20px}.ant-select-rtl.ant-select-multiple .ant-select-selection-item{text-align:right}.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content{margin-right:0;margin-left:2px;text-align:right}.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror{right:0;left:auto}.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder{right:7px;left:auto}.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder{right:7px}.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder{right:0;left:9px;text-align:right}.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search{right:7px;left:19px}.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{padding-right:0;padding-left:15px}.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search{right:6px}.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder{padding-right:0;padding-left:18px}.ant-select-dropdown{top:100%;left:0;position:relative;width:100%;margin-top:4px;margin-bottom:4px;display:block}.ant-select-dropdown .cdk-virtual-scroll-content-wrapper{right:0}.ant-select-dropdown .full-width{contain:initial}.ant-select-dropdown .full-width .cdk-virtual-scroll-content-wrapper{position:static}.ant-skeleton{display:table;width:100%}.ant-skeleton-header{display:table-cell;padding-right:8px;vertical-align:top}.ant-skeleton-header .ant-skeleton-avatar{display:inline-block;vertical-align:top;background:rgba(190,190,190,.2);width:28px;height:28px;line-height:28px}.ant-skeleton-header .ant-skeleton-avatar-lg{width:32px;height:32px;line-height:32px}.ant-skeleton-header .ant-skeleton-avatar-sm{width:22px;height:22px;line-height:22px}.ant-skeleton-content{display:table-cell;width:100%;vertical-align:top}.ant-skeleton-content .ant-skeleton-title{width:100%;height:14px;margin-top:8px;background:rgba(190,190,190,.2);border-radius:4px}.ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph{margin-top:20px}.ant-skeleton-content .ant-skeleton-paragraph{padding:0}.ant-skeleton-content .ant-skeleton-paragraph>li{width:100%;height:14px;list-style:none;background:rgba(190,190,190,.2);border-radius:4px}.ant-skeleton-content .ant-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)){width:61%}.ant-skeleton-content .ant-skeleton-paragraph>li+li{margin-top:12px}.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title{margin-top:8px}.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph{margin-top:20px}.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph>li,.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title{border-radius:100px}.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,.ant-skeleton.ant-skeleton-active .ant-skeleton-button,.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li,.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,.ant-skeleton.ant-skeleton-active .ant-skeleton-image,.ant-skeleton.ant-skeleton-active .ant-skeleton-input{background:linear-gradient(90deg,rgba(190,190,190,.2) 25%,rgba(129,129,129,.24) 37%,rgba(190,190,190,.2) 63%);background-size:400% 100%;animation:ant-skeleton-loading 1.4s ease infinite}.ant-skeleton-element{display:inline-block;width:auto}.ant-skeleton-element .ant-skeleton-button{display:inline-block;vertical-align:top;background:rgba(190,190,190,.2);border-radius:2px;width:56px;height:28px;line-height:28px}.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle{width:28px;border-radius:50%}.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round{border-radius:28px}.ant-skeleton-element .ant-skeleton-button-lg{width:64px;height:32px;line-height:32px}.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle{width:32px;border-radius:50%}.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round{border-radius:32px}.ant-skeleton-element .ant-skeleton-button-sm{width:44px;height:22px;line-height:22px}.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle{width:22px;border-radius:50%}.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round{border-radius:22px}.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle,.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle,.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle,.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle,.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle{border-radius:50%}.ant-skeleton-element .ant-skeleton-avatar{display:inline-block;vertical-align:top;background:rgba(190,190,190,.2);width:28px;height:28px;line-height:28px}.ant-skeleton-element .ant-skeleton-avatar-lg{width:32px;height:32px;line-height:32px}.ant-skeleton-element .ant-skeleton-avatar-sm{width:22px;height:22px;line-height:22px}.ant-skeleton-element .ant-skeleton-input{display:inline-block;vertical-align:top;background:rgba(190,190,190,.2);width:100%;height:28px;line-height:28px}.ant-skeleton-element .ant-skeleton-input-lg{width:100%;height:32px;line-height:32px}.ant-skeleton-element .ant-skeleton-input-sm{width:100%;height:22px;line-height:22px}.ant-skeleton-element .ant-skeleton-image{display:flex;align-items:center;justify-content:center;vertical-align:top;background:rgba(190,190,190,.2);width:96px;height:96px;line-height:96px}.ant-skeleton-element .ant-skeleton-image-path{fill:#bfbfbf}.ant-skeleton-element .ant-skeleton-image-svg{width:48px;height:48px;line-height:48px;max-width:192px;max-height:192px}.ant-slider,.ant-spin{font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;box-sizing:border-box}.ant-slider-rail,.ant-slider-track{border-radius:2px;transition:background-color .3s}@keyframes ant-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.ant-skeleton-rtl .ant-skeleton-header{padding-right:0;padding-left:16px}.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li,.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title{animation-name:ant-skeleton-loading-rtl}@keyframes ant-skeleton-loading-rtl{0%{background-position:0 50%}100%{background-position:100% 50%}}.ant-slider{color:rgba(0,0,0,.85);position:relative;height:12px;margin:10px 6px;padding:4px 0;cursor:pointer;touch-action:none}.ant-slider-vertical{width:12px;height:100%;margin:6px 10px;padding:0 4px}.ant-slider-vertical .ant-slider-rail{width:4px;height:100%}.ant-slider-vertical .ant-slider-track{width:4px}.ant-slider-vertical .ant-slider-handle{margin-top:-6px;margin-left:-5px}.ant-slider-vertical .ant-slider-mark{top:0;left:12px;width:18px;height:100%}.ant-slider-vertical .ant-slider-mark-text{left:4px;white-space:nowrap}.ant-slider-vertical .ant-slider-step{width:4px;height:100%}.ant-slider-vertical .ant-slider-dot{top:auto;left:2px;margin-bottom:-4px}.ant-slider-tooltip .ant-tooltip-inner{min-width:unset}.ant-slider-rtl.ant-slider-vertical .ant-slider-handle{margin-right:-5px;margin-left:0}.ant-slider-dot,.ant-slider-dot:first-child,.ant-slider-dot:last-child{margin-left:-4px}.ant-slider-rtl.ant-slider-vertical .ant-slider-mark{right:12px;left:auto}.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text{right:4px;left:auto}.ant-slider-rtl.ant-slider-vertical .ant-slider-dot{right:2px;left:auto}.ant-slider-with-marks{margin-bottom:28px}.ant-slider-rail{position:absolute;width:100%;height:4px;background-color:#f5f5f5}.ant-slider-track{position:absolute;height:4px;background-color:#91d5ff}.ant-slider-handle{position:absolute;width:12px;height:12px;margin-top:-4px;background-color:#fff;border:2px solid #91d5ff;border-radius:50%;box-shadow:0;cursor:pointer;transition:border-color .3s,box-shadow .6s,transform .3s cubic-bezier(.18,.89,.32,1.28)}.ant-slider-handle-dragging.ant-slider-handle-dragging.ant-slider-handle-dragging,.ant-slider-handle:focus{border-color:#46a6ff;box-shadow:0 0 0 5px rgba(24,144,255,.12)}.ant-slider-handle:focus{outline:0}.ant-slider-handle.ant-tooltip-open{border-color:#1890ff}.ant-slider:hover .ant-slider-rail{background-color:#e1e1e1}.ant-slider:hover .ant-slider-track{background-color:#69c0ff}.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open){border-color:#69c0ff}.ant-slider-mark{position:absolute;top:14px;left:0;width:100%;font-size:12px}.ant-slider-mark-text{position:absolute;display:inline-block;color:rgba(0,0,0,.45);text-align:center;word-break:keep-all;cursor:pointer;user-select:none}.ant-slider-mark-text-active{color:rgba(0,0,0,.85)}.ant-slider-step{position:absolute;width:100%;height:4px;background:0 0}.ant-slider-dot{position:absolute;top:-2px;width:8px;height:8px;background-color:#fff;border:2px solid #f0f0f0;border-radius:50%;cursor:pointer}.ant-slider-dot-active{border-color:#8cc8ff}.ant-slider-disabled{cursor:not-allowed}.ant-slider-disabled .ant-slider-track{background-color:rgba(0,0,0,.25)!important}.ant-slider-disabled .ant-slider-dot,.ant-slider-disabled .ant-slider-handle{background-color:#fff;border-color:rgba(0,0,0,.25)!important;box-shadow:none;cursor:not-allowed}.ant-slider-disabled .ant-slider-dot,.ant-slider-disabled .ant-slider-mark-text{cursor:not-allowed!important}.ant-slider-rtl .ant-slider-mark{right:0;left:auto}.ant-slider-rtl .ant-slider-dot,.ant-slider-rtl .ant-slider-dot:first-child,.ant-slider-rtl .ant-slider-dot:last-child{margin-right:-4px;margin-left:0}.ant-spin{margin:0;padding:0;position:absolute;display:none;color:#1890ff;text-align:center;vertical-align:middle;opacity:0;transition:transform .3s cubic-bezier(.78,.14,.15,.86)}.ant-spin-spinning{position:static;display:inline-block;opacity:1}.ant-spin-nested-loading{position:relative}.ant-spin-nested-loading>div>.ant-spin{position:absolute;top:0;left:0;z-index:4;display:block;width:100%;height:100%;max-height:400px}.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot{position:absolute;top:50%;left:50%;margin:-10px}.ant-spin-nested-loading>div>.ant-spin .ant-spin-text{position:absolute;top:50%;width:100%;padding-top:6px;text-shadow:0 1px 2px #fff}.ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot{margin-top:-20px}.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot{margin:-7px}.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text{padding-top:3px}.ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot{margin-top:-17px}.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot{margin:-16px}.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text{padding-top:12px}.ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot{margin-top:-26px}.ant-statistic,.ant-steps{margin:0;line-height:1.66667;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum}.ant-spin-container{position:relative;transition:opacity .3s}.ant-spin-container::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:none\9;width:100%;height:100%;background:#fff;opacity:0;transition:all .3s;content:'';pointer-events:none}.ant-spin-blur{clear:both;overflow:hidden;opacity:.5;user-select:none;pointer-events:none}.ant-spin-blur::after{opacity:.4;pointer-events:auto}.ant-spin-tip{color:rgba(0,0,0,.45)}.ant-spin-dot{position:relative;display:inline-block;width:1em;height:1em}.ant-spin-dot-item{position:absolute;display:block;width:9px;height:9px;background-color:#1890ff;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:antSpinMove 1s infinite linear alternate}.ant-spin-dot-item:nth-child(1){top:0;left:0}.ant-spin-dot-item:nth-child(2){top:0;right:0;animation-delay:.4s}.ant-spin-dot-item:nth-child(3){right:0;bottom:0;animation-delay:.8s}.ant-spin-dot-item:nth-child(4){bottom:0;left:0;animation-delay:1.2s}.ant-spin-dot-spin{transform:rotate(45deg);animation:antRotate 1.2s infinite linear}.ant-spin-sm .ant-spin-dot i{width:6px;height:6px}.ant-spin-lg .ant-spin-dot{font-size:32px}.ant-spin-lg .ant-spin-dot i{width:14px;height:14px}.ant-spin.ant-spin-show-text .ant-spin-text{display:block}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.ant-spin-blur{background:#fff;opacity:.5}}@keyframes antSpinMove{to{opacity:1}}@keyframes antRotate{to{transform:rotate(405deg)}}.ant-spin-rtl .ant-spin-dot-spin{transform:rotate(-45deg);animation-name:antRotateRtl}@keyframes antRotateRtl{to{transform:rotate(-405deg)}}nz-spin{display:block}.ant-statistic{box-sizing:border-box;padding:0;color:rgba(0,0,0,.85);font-size:12px}.ant-statistic-title{margin-bottom:0;color:rgba(0,0,0,.45);font-size:12px}.ant-statistic-content{color:rgba(0,0,0,.85);font-size:20px}.ant-statistic-content-value{display:inline-block;direction:ltr}.ant-cascader-menu-rtl .ant-cascader-menu,.ant-cascader-picker-rtl,.ant-statistic-rtl,.ant-steps-rtl,.ant-switch-rtl,.ant-table-rtl,.ant-table-wrapper-rtl,.ant-tabs-dropdown-rtl,.ant-tabs-rtl,.ant-tag.ant-tag-rtl,.ant-timeline-rtl,.ant-tooltip-rtl,.ant-transfer-rtl,.ant-typography-rtl,.ant-upload-list-rtl,.ant-upload-rtl{direction:rtl}.ant-statistic-content-prefix,.ant-statistic-content-suffix{display:inline-block}.ant-statistic-content-prefix{margin-right:4px}.ant-statistic-content-suffix{margin-left:4px}.ant-statistic-rtl .ant-statistic-content-prefix{margin-right:0;margin-left:4px}.ant-statistic-rtl .ant-statistic-content-suffix{margin-right:4px;margin-left:0}.ant-steps{box-sizing:border-box;padding:0;color:rgba(0,0,0,.85);display:flex;width:100%;font-size:0;text-align:initial}.ant-steps-item{position:relative;display:inline-block;flex:1;overflow:hidden;vertical-align:top}.ant-steps-item-container{outline:0}.ant-steps-item:last-child{flex:none}.ant-steps-item:last-child>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after,.ant-steps-item:last-child>.ant-steps-item-container>.ant-steps-item-tail{display:none}.ant-steps-item-content,.ant-steps-item-icon{display:inline-block;vertical-align:top}.ant-steps-item-icon{width:24px;height:24px;margin:2px 8px 2px 0;font-size:12px;line-height:24px;text-align:center;border:1px solid rgba(0,0,0,.25);border-radius:24px;transition:background-color .3s,border-color .3s}.ant-steps-item-icon .ant-steps-icon{position:relative;top:0;color:#1890ff;line-height:1}.ant-steps-item-tail{position:absolute;top:12px;left:0;width:100%;padding:0 10px}.ant-steps-item-tail::after{display:inline-block;width:100%;height:1px;background:#f0f0f0;border-radius:1px;transition:background .3s;content:''}.ant-steps-item-title{position:relative;display:inline-block;padding-right:16px;color:rgba(0,0,0,.85);font-size:14px;line-height:28px}.ant-steps-item-description,.ant-steps-item-subtitle{color:rgba(0,0,0,.45);font-size:12px}.ant-steps-item-title::after{position:absolute;top:14px;left:100%;display:block;width:9999px;height:1px;background:#f0f0f0;content:''}.ant-steps-item-subtitle{display:inline;margin-left:8px;font-weight:400}.ant-steps-item-wait .ant-steps-item-icon{background-color:#fff;border-color:rgba(0,0,0,.25)}.ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon{color:rgba(0,0,0,.25)}.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description,.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:rgba(0,0,0,.45)}.ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot{background:rgba(0,0,0,.25)}.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after,.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-tail::after{background-color:#f0f0f0}.ant-steps-item-process .ant-steps-item-icon{background-color:#fff;border-color:#1890ff}.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon{color:#1890ff}.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description,.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:rgba(0,0,0,.85)}.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot{background:#1890ff}.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after,.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail::after{background-color:#f0f0f0}.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-icon{background:#1890ff}.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-icon .ant-steps-icon{color:#fff}.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-title{font-weight:500}.ant-steps-item-finish .ant-steps-item-icon{background-color:#fff;border-color:#1890ff}.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after,.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-tail::after{background-color:#1890ff}.ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon{color:#1890ff}.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title,.ant-switch{color:rgba(0,0,0,.85)}.ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot{background:#1890ff}.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description{color:rgba(0,0,0,.45)}.ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon,.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description,.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:#ff4d4f}.ant-steps-item-error .ant-steps-item-icon{background-color:#fff;border-color:#ff4d4f}.ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot{background:#ff4d4f}.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after,.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-tail::after,.g2-radar__legend-item::after,.number-info:not(:first-child)::after{background-color:#f0f0f0}.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role=button]:hover .ant-steps-item-icon .ant-steps-icon,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-description,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-subtitle,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-title,.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon{color:#1890ff}.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after{background:#ff4d4f}.ant-steps-item-disabled{cursor:not-allowed}.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]{cursor:pointer}.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-description,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-icon .ant-steps-icon,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-subtitle,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-title{transition:color .3s}.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role=button]:hover .ant-steps-item-icon{border-color:#1890ff}.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item{padding-left:16px;white-space:nowrap}.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child{padding-left:0}.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title{padding-right:0}.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail{display:none}.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description{max-width:140px;white-space:normal}.ant-steps-item-custom>.ant-steps-item-container>.ant-steps-item-icon{height:auto;background:0 0;border:0}.ant-steps-item-custom>.ant-steps-item-container>.ant-steps-item-icon>.ant-steps-icon{top:2px;left:.5px;width:20px;height:20px;font-size:20px;line-height:20px}.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon{width:auto;background:0 0}.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item{padding-left:12px}.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child{padding-left:0}.ant-steps-small .ant-steps-item-icon{width:20px;height:20px;margin:0 8px 0 0;font-size:12px;line-height:20px;text-align:center;border-radius:20px}.ant-steps-small .ant-steps-item-title{padding-right:12px;font-size:12px;line-height:20px}.ant-steps-small .ant-steps-item-title::after{top:10px}.ant-steps-small .ant-steps-item-description{color:rgba(0,0,0,.45);font-size:12px}.ant-steps-small .ant-steps-item-tail{top:8px}.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon{width:inherit;height:inherit;line-height:inherit;background:0 0;border:0;border-radius:0}.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon{font-size:20px;line-height:20px;transform:none}.ant-steps-vertical{display:flex;flex-direction:column}.ant-steps-vertical>.ant-steps-item{display:block;flex:1 0 auto;padding-left:0;overflow:visible}.ant-steps-vertical>.ant-steps-item .ant-steps-item-icon{float:left;margin-right:12px}.ant-steps-vertical>.ant-steps-item .ant-steps-item-content{display:block;min-height:48px;overflow:hidden}.ant-steps-vertical>.ant-steps-item .ant-steps-item-title{line-height:24px}.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title,.ant-switch{line-height:20px}.ant-steps-vertical>.ant-steps-item .ant-steps-item-description{padding-bottom:12px}.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{position:absolute;top:0;left:12px;width:1px;height:100%;padding:30px 0 6px}.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail::after{width:1px;height:100%}.ant-steps-vertical>.ant-steps-item:not(:last-child)>.ant-steps-item-container>.ant-steps-item-tail{display:block}.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after{display:none}.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail{position:absolute;top:0;left:10px;padding:26px 0 6px}.ant-steps-label-vertical .ant-steps-item{overflow:visible}.ant-steps-label-vertical .ant-steps-item-tail{margin-left:58px;padding:3.5px 24px}.ant-steps-label-vertical .ant-steps-item-content{display:block;width:108px;margin-top:8px;text-align:center}.ant-steps-label-vertical .ant-steps-item-icon{display:inline-block;margin-left:42px}.ant-steps-label-vertical .ant-steps-item-title{padding-right:0;padding-left:0}.ant-steps-label-vertical .ant-steps-item-title::after{display:none}.ant-steps-label-vertical .ant-steps-item-subtitle{display:block;margin-bottom:4px;margin-left:0;line-height:1.66667}.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon{margin-left:46px}.ant-steps-dot .ant-steps-item-title,.ant-steps-dot.ant-steps-small .ant-steps-item-title{line-height:1.66667}.ant-steps-dot .ant-steps-item-tail,.ant-steps-dot.ant-steps-small .ant-steps-item-tail{top:4px;width:100%;margin:0 0 0 70px;padding:0}.ant-steps-dot .ant-steps-item-tail::after,.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after{width:calc(100% - 20px);height:3px;margin-left:12px}.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot{left:2px}.ant-steps-dot .ant-steps-item-icon,.ant-steps-dot.ant-steps-small .ant-steps-item-icon{width:8px;height:8px;margin-left:67px;padding-right:0;line-height:8px;background:0 0;border:0}.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot{position:relative;float:left;width:100%;height:100%;border-radius:100px;transition:all .3s}.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after{position:absolute;top:-12px;left:-26px;width:60px;height:32px;background:rgba(0,0,0,.001);content:''}.ant-steps-dot .ant-steps-item-content,.ant-steps-dot.ant-steps-small .ant-steps-item-content{width:140px}.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon{position:relative;top:-1px;width:10px;height:10px;line-height:10px;background:0 0}.ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot,.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot{left:0}.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon{margin-top:8px;margin-left:0;background:0 0}.ant-steps-vertical.ant-steps-dot .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{top:2px;left:-9px;margin:0;padding:22px 0 4px}.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot{left:0}.ant-steps-vertical.ant-steps-dot .ant-steps-item-content{width:inherit}.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot{left:-2px}.ant-steps-navigation{padding-top:12px}.ant-steps-navigation.ant-steps-small .ant-steps-item-container{margin-left:-12px}.ant-steps-navigation .ant-steps-item{overflow:visible;text-align:center}.ant-steps-navigation .ant-steps-item-container{display:inline-block;height:100%;margin-left:-16px;padding-bottom:12px;text-align:left;transition:opacity .3s}.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after,.ant-steps-navigation .ant-steps-item:last-child::after{display:none}.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content{max-width:auto}.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title{max-width:100%;padding-right:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role=button]{cursor:pointer}.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role=button]:hover{opacity:.85}.ant-steps-navigation .ant-steps-item:last-child{flex:1}.ant-steps-navigation .ant-steps-item::after{position:absolute;top:50%;left:100%;display:inline-block;width:12px;height:12px;margin-top:-14px;margin-left:-2px;border:1px solid rgba(0,0,0,.25);border-bottom:none;border-left:none;transform:rotate(45deg);content:''}.ant-steps-navigation .ant-steps-item::before{position:absolute;bottom:0;left:50%;display:inline-block;width:0;height:2px;background-color:#1890ff;transition:width .3s,left .3s;transition-timing-function:ease-out;content:''}.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before{left:0;width:100%}.ant-steps-navigation.ant-steps-vertical>.ant-steps-item{margin-right:0!important}.ant-steps-navigation.ant-steps-vertical>.ant-steps-item::before{display:none}.ant-steps-navigation.ant-steps-vertical>.ant-steps-item.ant-steps-item-active::before{top:0;right:0;left:unset;display:block;width:3px;height:calc(100% - 24px)}.ant-steps-navigation.ant-steps-vertical>.ant-steps-item::after{position:relative;top:-2px;left:50%;display:block;width:8px;height:8px;margin-bottom:8px;text-align:center;transform:rotate(135deg)}.ant-switch,nz-switch{display:inline-block}.ant-steps-navigation.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{visibility:hidden}.ant-steps.ant-steps-rtl .ant-steps-item-icon{margin-right:0;margin-left:8px}.ant-steps-rtl .ant-steps-item-tail{right:0;left:auto}.ant-steps-rtl .ant-steps-item-title{padding-right:0;padding-left:16px}.ant-steps-rtl .ant-steps-item-title::after{right:100%;left:auto}.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item{padding-right:16px;padding-left:0}.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child{padding-right:0}.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title{padding-left:0}.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon{right:.5px;left:auto}.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container{margin-right:-12px;margin-left:0}.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container{margin-right:-16px;margin-left:0;text-align:right}.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title{padding-left:0}.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after{right:100%;left:auto;margin-right:-2px;margin-left:0;transform:rotate(225deg)}.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item{padding-right:12px;padding-left:0}.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child{padding-right:0}.ant-steps-rtl.ant-steps-small .ant-steps-item-title{padding-right:0;padding-left:12px}.ant-steps-rtl.ant-steps-vertical>.ant-steps-item .ant-steps-item-icon{float:right;margin-right:0;margin-left:12px}.ant-steps-rtl.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{right:12px;left:auto}.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail{right:10px;left:auto}.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title{padding-left:0}.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail{margin:0 70px 0 0}.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after{margin-right:12px;margin-left:0}.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot{right:2px;left:auto}.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon{margin-right:67px;margin-left:0}.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot{float:right}.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after{right:-26px;left:auto}.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon{margin-right:0;margin-left:16px}.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{right:-9px;left:auto}.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot{right:0;left:auto}.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot{right:-2px;left:auto}.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active{padding-right:4px}.ant-steps-with-progress .ant-steps-item{padding-top:4px}.ant-steps-with-progress .ant-steps-item .ant-steps-item-tail{top:4px!important}.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child{padding-bottom:4px;padding-left:4px}.ant-steps-with-progress .ant-steps-item-icon{position:relative}.ant-steps-with-progress .ant-steps-item-icon .ant-progress{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}.ant-switch{margin:0;padding:0;font-size:12px;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;position:relative;box-sizing:border-box;min-width:40px;height:20px;vertical-align:middle;background-color:rgba(0,0,0,.25);border:0;border-radius:100px;cursor:pointer;transition:all .2s;user-select:none}.ant-switch:focus{outline:0;box-shadow:0 0 0 2px rgba(0,0,0,.1)}.ant-switch-checked:focus{box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-switch:focus:hover{box-shadow:none}.ant-switch-checked{background-color:#1890ff}.ant-switch-disabled,.ant-switch-loading{cursor:not-allowed;opacity:.4}.ant-switch-disabled *,.ant-switch-loading *{box-shadow:none;cursor:not-allowed}.ant-switch-inner{display:block;margin:0 4px 0 22px;color:#fff;font-size:12px;transition:margin .2s}.ant-switch-handle,.ant-switch-handle::before,.img-thm__icon,.img-thm__mask{transition:all .2s ease-in-out}.ant-switch-checked .ant-switch-inner{margin:0 22px 0 4px}.ant-switch-handle{position:absolute;top:2px;left:2px;width:16px;height:16px}.ant-switch-handle::before{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px 0 rgba(0,35,11,.2);content:''}.ant-switch-checked .ant-switch-handle{left:calc(100% - 16px - 2px)}.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before{right:-30%;left:0}.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before{right:0;left:-30%}.ant-switch-loading-icon{position:relative;top:2px;color:rgba(0,0,0,.65);vertical-align:top}.ant-switch-checked .ant-switch-loading-icon{color:#1890ff}.ant-switch-small{min-width:24px;height:14px;line-height:14px}.ant-table,.ant-table-filter-dropdown,.ant-tabs-dropdown{line-height:1.66667;font-feature-settings:tnum;list-style:none;font-variant:tabular-nums;box-sizing:border-box}.ant-switch-small .ant-switch-inner{margin:0 5px 0 16px;font-size:12px}.ant-switch-small .ant-switch-handle{width:10px;height:10px}.ant-switch-small .ant-switch-loading-icon{top:.5px;font-size:9px}.ant-switch-small.ant-switch-checked .ant-switch-inner{margin:0 16px 0 5px}.ant-switch-small.ant-switch-checked .ant-switch-handle{left:calc(100% - 10px - 2px)}.ant-switch-rtl .ant-switch-inner{margin:0 22px 0 4px}.ant-switch-rtl .ant-switch-handle{right:2px;left:auto}.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before{right:0;left:-30%}.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before{right:-30%;left:0}.ant-switch-rtl.ant-switch-checked .ant-switch-inner{margin:0 4px 0 22px}.ant-switch-rtl.ant-switch-checked .ant-switch-handle{right:calc(100% - 16px - 2px)}.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle{right:calc(100% - 10px - 2px)}.ant-table-wrapper::after,.ant-table-wrapper::before{display:table;content:''}.ant-table.ant-table-middle{font-size:12px}.ant-table.ant-table-middle .ant-table-footer,.ant-table.ant-table-middle .ant-table-tbody>tr>td,.ant-table.ant-table-middle .ant-table-thead>tr>th,.ant-table.ant-table-middle .ant-table-title,.ant-table.ant-table-middle tfoot>tr>td,.ant-table.ant-table-middle tfoot>tr>th{padding:8px}.ant-table.ant-table-middle .ant-table-filter-trigger{margin-right:-4px}.ant-table.ant-table-middle .ant-table-expanded-row-fixed{margin:-8px}.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table{margin:-8px -8px -8px 25px}.ant-table.ant-table-small{font-size:12px}.ant-table.ant-table-small .ant-table-footer,.ant-table.ant-table-small .ant-table-tbody>tr>td,.ant-table.ant-table-small .ant-table-thead>tr>th,.ant-table.ant-table-small .ant-table-title,.ant-table.ant-table-small tfoot>tr>td,.ant-table.ant-table-small tfoot>tr>th{padding:4px}.ant-table.ant-table-small .ant-table-filter-trigger{margin-right:-2px}.ant-table.ant-table-small .ant-table-expanded-row-fixed{margin:-4px}.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table{margin:-4px -4px -4px 21px}.ant-table-small .ant-table-thead>tr>th{background-color:#fafafa}.ant-table-small .ant-table-selection-column{width:46px;min-width:46px}.ant-table.ant-table-bordered>.ant-table-title{border:1px solid #f0f0f0;border-bottom:0}.ant-table.ant-table-bordered>.ant-table-container{border:1px solid #f0f0f0;border-right:0;border-bottom:0}.ant-table-thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr:not(:last-child)>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr:not(:last-child)>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr:not(:last-child)>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr:not(:last-child)>th{border-bottom:1px solid #f0f0f0}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>th{border-right:1px solid #f0f0f0}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>th::before,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th::before,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>th::before,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>th::before{background-color:transparent!important}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>.ant-table-cell-fix-right-first::after{border-right:1px solid #f0f0f0}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-12px -9px}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td>.ant-table-expanded-row-fixed::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td>.ant-table-expanded-row-fixed::after{position:absolute;top:0;right:1px;bottom:0;border-right:1px solid #f0f0f0;content:''}.ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.ant-table-body>table>tbody>tr.ant-table-expanded-row>td,.ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.ant-table-body>table>tbody>tr.ant-table-placeholder>td{border-right:0}.ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-8px -9px}.ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-4px -5px}.ant-table.ant-table-bordered>.ant-table-footer{border:1px solid #f0f0f0;border-top:0}.ant-table-cell .ant-table-container:first-child{border-top:0}.ant-table-cell-scrollbar{box-shadow:0 1px 0 1px #fafafa}.ant-table-wrapper{clear:both;max-width:100%}.ant-table-wrapper::after{clear:both}.ant-table{margin:0;padding:0;color:rgba(0,0,0,.85);position:relative;font-size:12px;background:#fff;border-radius:2px}.ant-table-footer,.ant-table-thead>tr>th{color:rgba(0,0,0,.85);background:#fafafa}.ant-table table{width:100%;text-align:left;border-radius:2px 2px 0 0;border-collapse:separate;border-spacing:0}.ant-table tfoot>tr>td,.ant-table tfoot>tr>th,.ant-table-tbody>tr>td,.ant-table-thead>tr>th{position:relative;padding:12px 8px;overflow-wrap:break-word}.ant-table-cell-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,.ant-table-cell-ellipsis.ant-table-cell-fix-right-first{overflow:visible}.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content{display:block;overflow:hidden;text-overflow:ellipsis}.ant-table-cell-ellipsis .ant-table-column-title{overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.ant-table-footer,.ant-table-title{padding:12px 8px}.ant-table-thead>tr>th{position:relative;font-weight:500;text-align:left;transition:background .3s ease}.ant-table-thead>tr>th[colspan]:not([colspan='1']){text-align:center}.ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before{position:absolute;top:50%;right:0;width:1px;height:1.6em;background-color:rgba(0,0,0,.06);transform:translateY(-50%);transition:background-color .3s;content:''}.ant-table-thead>tr:not(:last-child)>th[colspan]{border-bottom:0}.ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;transition:background .3s}.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td,.notice-icon .ant-list-item:last-child{border-bottom:0}.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table{margin:-12px -8px -12px 25px}.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:first-child,.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:last-child,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:first-child,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:last-child{border-radius:0}.ant-table-tbody>tr.ant-table-row:hover>td{background:#fafafa}.ant-table-tbody>tr.ant-table-row-selected>td{background:#e6f7ff;border-color:rgba(0,0,0,.03)}.ant-table-tbody>tr.ant-table-row-selected:hover>td{background:#dcf4ff}.ant-table-summary{background:#fff}div.ant-table-summary{box-shadow:0 -1px 0 #f0f0f0}.ant-table-summary>tr>td,.ant-table-summary>tr>th{border-bottom:1px solid #f0f0f0}.ant-table-pagination.ant-pagination{margin:16px 0}.ant-table-pagination{display:flex;flex-wrap:wrap;row-gap:4px}.ant-table-pagination>*{flex:none}.ant-table-pagination-left{justify-content:flex-start}.ant-table-pagination-center{justify-content:center}.ant-table-pagination-right{justify-content:flex-end}.ant-table-thead th.ant-table-column-has-sorters{cursor:pointer;transition:all .3s}.ant-table-thead th.ant-table-column-has-sorters:hover{background:rgba(0,0,0,.04)}.ant-table-thead th.ant-table-column-has-sorters:hover::before{background-color:transparent!important}.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover,.ant-table-thead th.ant-table-column-sort{background:#f5f5f5}.ant-table-thead th.ant-table-column-sort::before{background-color:transparent!important}td.ant-table-column-sort{background:#fafafa}.ant-table-column-title{position:relative;z-index:1;flex:1}.ant-table-column-sorters{display:flex;flex:auto;align-items:center;justify-content:space-between}.ant-table-column-sorters::after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;content:''}.ant-table-column-sorter{color:#bfbfbf;font-size:0;transition:color .3s}.ant-table-column-sorter-inner{display:inline-flex;flex-direction:column;align-items:center}.ant-table-filter-column,.ant-table-filter-dropdown-btns{display:flex;justify-content:space-between}.ant-table-column-sorter-down,.ant-table-column-sorter-up{font-size:11px}.ant-table-column-sorter-down.active,.ant-table-column-sorter-up.active{color:#1890ff}.ant-table-column-sorter-up+.ant-table-column-sorter-down{margin-top:-.3em}.ant-table-column-sorters:hover .ant-table-column-sorter{color:#a6a6a6}.ant-table-filter-trigger{position:relative;display:flex;align-items:center;margin:-4px -4px -4px 4px;padding:0 4px;color:#bfbfbf;font-size:12px;border-radius:2px;cursor:pointer;transition:all .3s}.ant-table-filter-trigger:hover{color:rgba(0,0,0,.45);background:rgba(0,0,0,.04)}.ant-table-filter-trigger.active{color:#1890ff}.ant-table-filter-dropdown{margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;min-width:120px;background-color:#fff;border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-table-filter-dropdown .ant-dropdown-menu{max-height:264px;overflow-x:hidden;border:0;box-shadow:none}.ant-table-filter-dropdown-submenu>ul{max-height:calc(100vh - 130px);overflow-x:hidden;overflow-y:auto}.ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span{padding-left:8px}.ant-table-filter-dropdown-btns{padding:7px 8px 7px 3px;overflow:hidden;background-color:inherit;border-top:1px solid #f0f0f0}.ant-table-selection-col{width:32px}.ant-table-bordered .ant-table-selection-col{width:50px}table tr td.ant-table-selection-column,table tr th.ant-table-selection-column{padding-right:4px;padding-left:4px;text-align:center}table tr td.ant-table-selection-column .ant-radio-wrapper,table tr th.ant-table-selection-column .ant-radio-wrapper{margin-right:0}table tr th.ant-table-selection-column::after{background-color:transparent!important}.ant-table-selection{position:relative;display:inline-flex;flex-direction:column}.ant-table-selection-extra{position:absolute;top:0;z-index:1;cursor:pointer;transition:all .3s;margin-inline-start:100%;padding-inline-start:0}.ant-table-selection-extra .anticon{color:#bfbfbf;font-size:10px}.ant-table-selection-extra .anticon:hover{color:#a6a6a6}.ant-table-expand-icon-col{width:48px}.ant-table-row-expand-icon-cell{text-align:center}.ant-table-row-indent{float:left;height:1px}.ant-table-row-expand-icon{text-decoration:none;cursor:pointer;position:relative;display:inline-flex;float:left;box-sizing:border-box;width:17px;height:17px;padding:0;color:inherit;line-height:17px;background:#fff;border:1px solid #f0f0f0;border-radius:2px;outline:0;transform:scale(.82352941);transition:all .3s;user-select:none}.ant-table-row-expand-icon:focus,.ant-table-row-expand-icon:hover{color:#40a9ff}.ant-table-row-expand-icon:active{color:#096dd9}.ant-table-row-expand-icon:active,.ant-table-row-expand-icon:focus,.ant-table-row-expand-icon:hover{border-color:currentColor}.ant-table-row-expand-icon::after,.ant-table-row-expand-icon::before{position:absolute;background:currentColor;transition:transform .3s ease-out;content:''}.ant-table-row-expand-icon::before{top:7px;right:3px;left:3px;height:1px}.ant-table-row-expand-icon::after{top:3px;bottom:3px;left:7px;width:1px;transform:rotate(90deg)}.ant-table-row-expand-icon-collapsed::before{transform:rotate(-180deg)}.ant-table-row-expand-icon-collapsed::after{transform:rotate(0)}.ant-table-row-expand-icon-spaced{background:0 0;border:0;visibility:hidden}.ant-table-row-expand-icon-spaced::after,.ant-table-row-expand-icon-spaced::before{display:none;content:none}.ant-table-row-indent+.ant-table-row-expand-icon{margin-top:1.5px;margin-right:4px}tr.ant-table-expanded-row:hover>td,tr.ant-table-expanded-row>td{background:#fbfbfb}tr.ant-table-expanded-row .ant-descriptions-view{display:flex}tr.ant-table-expanded-row .ant-descriptions-view table{flex:auto;width:auto}.ant-table .ant-table-expanded-row-fixed{position:relative;margin:-12px -8px;padding:12px 8px}.ant-table-tbody>tr.ant-table-placeholder{text-align:center}.ant-table-empty .ant-table-tbody>tr.ant-table-placeholder{color:rgba(0,0,0,.25)}.ant-table-tbody>tr.ant-table-placeholder:hover>td{background:#fff}.ant-table-cell-fix-left,.ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important;z-index:2;background:#fff}.ant-table .ant-table-container::after,.ant-table .ant-table-container::before,.ant-table-cell-fix-left-first::after,.ant-table-cell-fix-left-last::after,.ant-table-cell-fix-right-first::after,.ant-table-cell-fix-right-last::after{position:absolute;transition:box-shadow .3s;width:30px;top:0;content:'';pointer-events:none}.ant-table-cell-fix-left-first::after,.ant-table-cell-fix-left-last::after{right:0;bottom:-1px;transform:translateX(100%)}.ant-table-cell-fix-right-first::after,.ant-table-cell-fix-right-last::after{bottom:-1px;left:0;transform:translateX(-100%)}.ant-table .ant-table-container::after,.ant-table .ant-table-container::before{bottom:0;z-index:1}.ant-table .ant-table-container::before{left:0}.ant-table .ant-table-container::after{right:0}.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container{position:relative}.ant-table-ping-left .ant-table-cell-fix-left-first::after,.ant-table-ping-left .ant-table-cell-fix-left-last::after,.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before{box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.15)}.ant-table-ping-left .ant-table-cell-fix-left-last::before{background-color:transparent!important}.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container{position:relative}.ant-table-sticky-holder,.ant-table-sticky-scroll{position:sticky;z-index:3}.ant-table-ping-right .ant-table-cell-fix-right-first::after,.ant-table-ping-right .ant-table-cell-fix-right-last::after,.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after{box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.15)}.ant-table-sticky-scroll{bottom:0;display:flex;align-items:center;background:#fff;border-top:1px solid #f0f0f0;opacity:.6}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after{opacity:1}.ant-table-sticky-scroll:hover{transform-origin:center bottom}.ant-table-sticky-scroll-bar{height:8px;background-color:rgba(0,0,0,.35);border-radius:4px}.ant-table-sticky-scroll-bar-active,.ant-table-sticky-scroll-bar:hover{background-color:rgba(0,0,0,.8)}@media all and (-ms-high-contrast:none){.ant-table-ping-left .ant-table-cell-fix-left-last::after,.ant-table-ping-right .ant-table-cell-fix-right-first::after{box-shadow:none!important}}.ant-table-title{border-radius:2px 2px 0 0}.ant-table-title+.ant-table-container{border-top-left-radius:0;border-top-right-radius:0}.ant-table-title+.ant-table-container table>thead>tr:first-child th:first-child,.ant-table-title+.ant-table-container table>thead>tr:first-child th:last-child{border-radius:0}.ant-table-container,.ant-table-container table>thead>tr:first-child th:first-child{border-top-left-radius:2px}.ant-table-container,.ant-table-container table>thead>tr:first-child th:last-child{border-top-right-radius:2px}.ant-table-footer{border-radius:0 0 2px 2px}.ant-table-wrapper-rtl .ant-table table{text-align:right}.ant-table-wrapper-rtl .ant-table-thead>tr>th[colspan]:not([colspan='1']){text-align:center}.ant-table-wrapper-rtl .ant-table-thead>tr>th{text-align:right}.ant-table-wrapper-rtl .ant-table thead>tr>th.ant-table-selection-column,.ant-table-wrapper-rtl .ant-table-selection{text-align:center}.ant-table-tbody>tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl{margin:-12px 25px -12px -8px}.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left{justify-content:flex-end}.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right{justify-content:flex-start}.ant-table-wrapper-rtl .ant-table-column-sorter{margin-right:4px;margin-left:0}.ant-table-wrapper-rtl .ant-table-filter-column-title{padding:12px 8px 12px 2.3em}.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title{padding:0 0 0 2.3em}.ant-table-wrapper-rtl .ant-table-filter-trigger-container{right:auto;left:0}.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span,.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span{padding-right:8px;padding-left:0}.ant-table-wrapper-rtl .ant-table-row-expand-icon,.ant-table-wrapper-rtl .ant-table-row-indent{float:right}.ant-table-wrapper-rtl .ant-table-row-indent+.ant-table-row-expand-icon{margin-right:0;margin-left:4px}.ant-table-wrapper-rtl .ant-table-row-expand-icon::after{transform:rotate(-90deg)}.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before{transform:rotate(180deg)}.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after{transform:rotate(0)}nz-table,nz-table-inner-default,nz-table-inner-scroll,nz-table-selection,nz-table-title-footer{display:block}nz-filter-trigger{display:inline-flex}.nz-table-out-bordered>.ant-table-container,.nz-table-out-bordered>.ant-table-title{border:1px solid #f0f0f0;border-bottom:0}.nz-table-out-bordered>.ant-table-footer{border:1px solid #f0f0f0;border-top:0}cdk-virtual-scroll-viewport.ant-table-body{overflow-y:scroll}.nz-table-hide-scrollbar{scrollbar-color:#fafafa #fafafa}.nz-table-hide-scrollbar::-webkit-scrollbar{background-color:#fafafa}.ant-table.ant-table-small .nz-table-hide-scrollbar{scrollbar-color:#fafafa #fafafa}.ant-table.ant-table-small .nz-table-hide-scrollbar::-webkit-scrollbar{background-color:transparent}.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>thead>tr>th{border-right:1px solid #f0f0f0}.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>thead>tr:not(:last-child)>th{border-bottom:1px solid #f0f0f0}.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tbody>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tfoot>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>thead>tr>.ant-table-cell-fix-right-first::after{border-right:1px solid #f0f0f0}.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-12px -9px}.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tbody>tr>td>.ant-table-expanded-row-fixed::after{position:absolute;top:0;right:1px;bottom:0;border-right:1px solid #f0f0f0;content:''}.ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tbody>tr.ant-table-expanded-row>td,.ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tbody>tr.ant-table-placeholder>td{border-right:0}.ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-8px -9px}.ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-4px -5px}.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab{padding:4px 0;font-size:12px}.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab{padding:8px 0;font-size:14px}.ant-tabs-card.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab{padding:6px 8px}.ant-tabs-card.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab{padding:7px 8px 6px}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab{margin:0 0 0 32px}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type{margin-left:0}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon{margin-right:0;margin-left:8px}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{margin-right:4px;margin-left:0}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon{margin:0}.ant-tabs-rtl.ant-tabs-left>.ant-tabs-content-holder,.ant-tabs-rtl.ant-tabs-right>.ant-tabs-nav{order:0}.ant-tabs-rtl.ant-tabs-right>.ant-tabs-content-holder{order:1}.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-right:0;margin-left:2px}.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item{text-align:right}.ant-tabs-bottom,.ant-tabs-top{flex-direction:column}.ant-tabs-bottom>.ant-tabs-nav,.ant-tabs-bottom>div>.ant-tabs-nav,.ant-tabs-top>.ant-tabs-nav,.ant-tabs-top>div>.ant-tabs-nav{margin:0 0 8px}.ant-tabs-bottom>.ant-tabs-nav::before,.ant-tabs-bottom>div>.ant-tabs-nav::before,.ant-tabs-top>.ant-tabs-nav::before,.ant-tabs-top>div>.ant-tabs-nav::before{position:absolute;right:0;left:0;border-bottom:1px solid #f0f0f0;content:''}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar{height:2px}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar-animated{transition:width .3s,left .3s,right .3s}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::before{top:0;bottom:0;width:30px}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::before{left:0;box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.08)}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::after{right:0;box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.08)}.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>.ant-tabs-nav::before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>div>.ant-tabs-nav::before{bottom:0}.ant-tabs-bottom>.ant-tabs-nav,.ant-tabs-bottom>div>.ant-tabs-nav{order:1;margin-top:8px;margin-bottom:0}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>.ant-tabs-nav::before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>div>.ant-tabs-nav::before{top:0}.ant-tabs-bottom>.ant-tabs-content-holder,.ant-tabs-bottom>div>.ant-tabs-content-holder{order:0}.ant-tabs-left>.ant-tabs-nav,.ant-tabs-left>div>.ant-tabs-nav,.ant-tabs-right>.ant-tabs-nav,.ant-tabs-right>div>.ant-tabs-nav{flex-direction:column;min-width:50px}.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab{padding:4px 16px;text-align:center}.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin:8px 0 0}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap{flex-direction:column}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::before{right:0;left:0;height:30px}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::before{top:0;box-shadow:inset 0 10px 8px -8px rgba(0,0,0,.08)}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::after{bottom:0;box-shadow:inset 0 -10px 8px -8px rgba(0,0,0,.08)}.ant-cascader-menus,.ant-tabs-dropdown-menu,.ant-tooltip-inner,.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar{width:2px}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar-animated{transition:height .3s,top .3s}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-operations{flex:1 0 auto;flex-direction:column}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar{right:0}.ant-tabs-left>.ant-tabs-content-holder,.ant-tabs-left>div>.ant-tabs-content-holder{margin-left:-1px;border-left:1px solid #f0f0f0}.ant-tabs-left>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-left>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane{padding-left:16px}.ant-tabs-right>.ant-tabs-nav,.ant-tabs-right>div>.ant-tabs-nav{order:1}.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar{left:0}.ant-tabs-right>.ant-tabs-content-holder,.ant-tabs-right>div>.ant-tabs-content-holder{order:0;margin-right:-1px;border-right:1px solid #f0f0f0}.ant-tabs-right>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-right>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane{padding-right:16px}.ant-tabs-dropdown{margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;position:absolute;top:-9999px;left:-9999px;z-index:1050;display:block}.ant-tabs-dropdown-hidden{display:none}.ant-tabs-dropdown-menu{max-height:200px;margin:0;padding:4px 0;overflow-x:hidden;overflow-y:auto;text-align:left;list-style-type:none;background-color:#fff;background-clip:padding-box;border-radius:2px;outline:0}.ant-tabs-dropdown-menu-item{min-width:120px;margin:0;padding:5px 8px;overflow:hidden;color:rgba(0,0,0,.85);font-weight:400;font-size:12px;line-height:18px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:all .3s}.ant-tabs,.ant-timeline,.ant-tooltip,.ant-transfer{line-height:1.66667;font-feature-settings:tnum}.ant-tabs-dropdown-menu-item:hover{background:#f5f5f5}.ant-tabs-dropdown-menu-item-disabled,.ant-tabs-dropdown-menu-item-disabled:hover{color:rgba(0,0,0,.25);background:0 0;cursor:not-allowed}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{margin:0;padding:4px 8px;background:#fafafa;border:1px solid #f0f0f0;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active{color:#1890ff;background:#fff}.ant-tabs-card>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-ink-bar{visibility:hidden}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:2px}.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab{border-radius:2px 2px 0 0}.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab-active{border-bottom-color:#fff}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab{border-radius:0 0 2px 2px}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab-active{border-top-color:#fff}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-top:2px}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab{border-radius:2px 0 0 2px}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab-active{border-right-color:#fff}.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab{border-radius:0 2px 2px 0}.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab-active{border-left-color:#fff}.ant-tabs{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;list-style:none;display:flex;overflow:hidden}.ant-tabs>.ant-tabs-nav,.ant-tabs>div>.ant-tabs-nav{position:relative;display:flex;flex:none;align-items:center}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap{position:relative;display:inline-block;display:flex;flex:auto;align-self:stretch;overflow:hidden;white-space:nowrap;transform:translate(0)}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap::before{position:absolute;z-index:1;opacity:0;transition:opacity .3s;content:'';pointer-events:none}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-list{position:relative;display:flex;transition:transform .3s}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations{display:flex;align-self:stretch}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations-hidden,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations-hidden{position:absolute;visibility:hidden;pointer-events:none}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more{position:relative;padding:4px 8px;background:0 0;border:0}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more::after,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more::after{position:absolute;right:0;bottom:0;left:0;height:5px;transform:translateY(100%);content:''}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add{min-width:40px;padding:0 4px;background:#fafafa;border:1px solid #f0f0f0;border-radius:2px 2px 0 0;outline:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:hover,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:hover{color:#40a9ff}.ant-tabs-tab-btn:active,.ant-tabs-tab-btn:focus,.ant-tabs-tab-remove:active,.ant-tabs-tab-remove:focus,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:focus,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:focus{color:#096dd9}.ant-tabs-extra-content{flex:none}.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]),.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]){justify-content:center}.ant-tabs-ink-bar{position:absolute;background:#1890ff;pointer-events:none}.ant-tabs-dropdown-menu-item a[nz-tab-link],.ant-tabs-tab{position:relative}.ant-tabs-tab,.ant-tabs-tab-remove{background:0 0;cursor:pointer;font-size:12px;outline:0}.ant-tabs-tab{display:inline-flex;align-items:center;padding:8px 0;border:0}.ant-tabs-tab-btn{outline:0;transition:all .3s}.ant-tabs-tab-remove{flex:none;margin-right:0;margin-left:4px;color:rgba(0,0,0,.45);border:none;transition:all .3s}.ant-tabs-tab-remove:hover{color:rgba(0,0,0,.85)}.ant-tabs-tab:hover{color:#40a9ff}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#1890ff;text-shadow:0 0 .25px currentColor}.ant-tabs-tab.ant-tabs-tab-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus{color:rgba(0,0,0,.25)}.ant-tabs-tab .ant-tabs-tab-remove .anticon{margin:0}.ant-tabs-tab .anticon{margin-right:8px}.ant-tabs-tab+.ant-tabs-tab{margin:0 0 0 32px}.ant-tabs-content{display:flex;width:100%}.ant-tabs-content-holder{flex:auto;min-width:0;min-height:0}.ant-tabs-content-animated{transition:margin .3s}.ant-tabs-tabpane{flex:none;width:100%;outline:0}a[nz-tab-link]::before{position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;content:''}a[nz-tab-link]~*{position:relative}nz-tab-nav-operation,nz-tabs-nav,nz-tabset{display:block}.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu{max-height:200px;margin:0;padding:4px 0;overflow-x:hidden;overflow-y:auto;text-align:left;list-style-type:none;background-color:#fff;background-clip:padding-box;border-radius:2px;outline:0}.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item{min-width:120px;margin:0;padding:5px 8px;overflow:hidden;color:rgba(0,0,0,.85);font-weight:400;font-size:12px;line-height:18px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:all .3s}.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item:hover{background:#f5f5f5}.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled,.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled:hover{color:rgba(0,0,0,.25);background:0 0;cursor:not-allowed}.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled a,.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled:hover a{pointer-events:none;color:rgba(0,0,0,.25)}.ant-tabs-rtl .ant-tabs-rtl-tab-next{right:auto;left:2px}.ant-tabs-tab-disabled a{pointer-events:none;color:rgba(0,0,0,.25)}.ant-tag{box-sizing:border-box;margin:0 8px 0 0;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;display:inline-block;height:auto;padding:0 7px;font-size:12px;line-height:18px;white-space:nowrap;background:#fafafa;border:1px solid #d9d9d9;border-radius:2px;opacity:1;transition:all .3s}.ant-tag-checkable,.ant-tag-has-color{border-color:transparent}.ant-tag,.ant-tag a,.ant-tag a:hover{color:rgba(0,0,0,.85)}.ant-tag>a:first-child:last-child{display:inline-block;margin:0 -8px;padding:0 8px}.ant-tag-hidden,.ant-timeline-item-last>.ant-timeline-item-tail,.ant-timeline-item-pending .ant-timeline-item-tail{display:none}.ant-tag-close-icon{margin-left:3px;color:rgba(0,0,0,.45);font-size:10px;cursor:pointer;transition:all .3s}.ant-tag-close-icon:hover{color:rgba(0,0,0,.85)}.ant-tag-has-color,.ant-tag-has-color .anticon-close,.ant-tag-has-color .anticon-close:hover,.ant-tag-has-color a,.ant-tag-has-color a:hover{color:#fff}.ant-tag-checkable{background-color:transparent;cursor:pointer}.ant-tag-checkable:not(.ant-tag-checkable-checked):hover{color:#1890ff}.ant-tag-checkable-checked,.ant-tag-checkable:active{color:#fff}.ant-tag-checkable-checked{background-color:#1890ff}.ant-tag-checkable:active{background-color:#096dd9}.ant-tag-pink{color:#c41d7f;background:#fff0f6;border-color:#ffadd2}.ant-tag-pink-inverse{color:#fff;background:#eb2f96;border-color:#eb2f96}.ant-tag-magenta{color:#c41d7f;background:#fff0f6;border-color:#ffadd2}.ant-tag-magenta-inverse{color:#fff;background:#eb2f96;border-color:#eb2f96}.ant-tag-red{color:#cf1322;background:#fff1f0;border-color:#ffa39e}.ant-tag-red-inverse{color:#fff;background:#f5222d;border-color:#f5222d}.ant-tag-volcano{color:#d4380d;background:#fff2e8;border-color:#ffbb96}.ant-tag-volcano-inverse{color:#fff;background:#fa541c;border-color:#fa541c}.ant-tag-orange{color:#d46b08;background:#fff7e6;border-color:#ffd591}.ant-tag-orange-inverse{color:#fff;background:#fa8c16;border-color:#fa8c16}.ant-tag-yellow{color:#d4b106;background:#feffe6;border-color:#fffb8f}.ant-tag-yellow-inverse{color:#fff;background:#fadb14;border-color:#fadb14}.ant-tag-gold{color:#d48806;background:#fffbe6;border-color:#ffe58f}.ant-tag-gold-inverse{color:#fff;background:#faad14;border-color:#faad14}.ant-tag-cyan{color:#08979c;background:#e6fffb;border-color:#87e8de}.ant-tag-cyan-inverse{color:#fff;background:#13c2c2;border-color:#13c2c2}.ant-tag-lime{color:#7cb305;background:#fcffe6;border-color:#eaff8f}.ant-tag-lime-inverse{color:#fff;background:#a0d911;border-color:#a0d911}.ant-tag-green{color:#389e0d;background:#f6ffed;border-color:#b7eb8f}.ant-tag-green-inverse{color:#fff;background:#52c41a;border-color:#52c41a}.ant-tag-blue{color:#096dd9;background:#e6f7ff;border-color:#91d5ff}.ant-tag-blue-inverse{color:#fff;background:#1890ff;border-color:#1890ff}.ant-tag-geekblue{color:#1d39c4;background:#f0f5ff;border-color:#adc6ff}.ant-tag-geekblue-inverse{color:#fff;background:#2f54eb;border-color:#2f54eb}.ant-tag-purple{color:#531dab;background:#f9f0ff;border-color:#d3adf7}.ant-tag-purple-inverse{color:#fff;background:#722ed1;border-color:#722ed1}.ant-tag-success{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}.ant-tag-processing{color:#1890ff;background:#e6f7ff;border-color:#91d5ff}.ant-tag-error{color:#f5222d;background:#fff1f0;border-color:#ffa39e}.ant-tag-warning{color:#fa8c16;background:#fff7e6;border-color:#ffd591}.ant-tag>.anticon+span,.ant-tag>span+.anticon{margin-left:7px}.ant-tag.ant-tag-rtl{margin-right:0;margin-left:8px;text-align:right}.ant-tag-rtl .ant-tag-close-icon{margin-right:3px;margin-left:0}.ant-tag-rtl.ant-tag>.anticon+span,.ant-tag-rtl.ant-tag>span+.anticon{margin-right:7px;margin-left:0}.ant-timeline,.ant-timeline-item{margin:0;list-style:none;font-size:12px}.ant-timeline{box-sizing:border-box;color:rgba(0,0,0,.85);font-variant:tabular-nums;padding:0}.ant-timeline-item{position:relative;padding-bottom:20px}.ant-timeline-item-tail{position:absolute;top:10px;left:4px;height:calc(100% - 10px);border-left:2px solid #f0f0f0}.ant-timeline-item-pending .ant-timeline-item-head{font-size:12px;background-color:transparent}.ant-timeline-item-head{position:absolute;width:10px;height:10px;background-color:#fff;border:2px solid transparent;border-radius:100px}.ant-timeline-item-head-blue{color:#1890ff;border-color:#1890ff}.ant-timeline-item-head-red{color:#ff4d4f;border-color:#ff4d4f}.ant-timeline-item-head-green{color:#52c41a;border-color:#52c41a}.ant-timeline-item-head-gray{color:rgba(0,0,0,.25);border-color:rgba(0,0,0,.25)}.ant-tooltip,.ant-transfer{color:rgba(0,0,0,.85);list-style:none}.ant-timeline-item-head-custom{position:absolute;top:5.5px;left:5px;width:auto;height:auto;margin-top:0;padding:3px 1px;line-height:1;text-align:center;border:0;border-radius:0;transform:translate(-50%,-50%)}.ant-timeline-item-content{position:relative;top:-7px;margin:0 0 0 18px;word-break:break-word}.ant-timeline-item-last>.ant-timeline-item-content{min-height:48px}.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,.ant-timeline.ant-timeline-label .ant-timeline-item-head,.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-label .ant-timeline-item-tail,.ant-timeline.ant-timeline-right .ant-timeline-item-head,.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-right .ant-timeline-item-tail{left:50%}.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline.ant-timeline-label .ant-timeline-item-head,.ant-timeline.ant-timeline-right .ant-timeline-item-head{margin-left:-4px}.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom{margin-left:1px}.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content{left:calc(50% - 4px);width:calc(50% - 14px);text-align:left}.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content{width:calc(50% - 12px);margin:0;text-align:right}.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail{left:calc(100% - 4px - 2px)}.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content{width:calc(100% - 18px)}.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail{display:block;height:calc(100% - 14px);border-left:2px dotted #f0f0f0}.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail{display:none}.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail{top:15px;display:block;height:calc(100% - 15px);border-left:2px dotted #f0f0f0}.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content{min-height:48px}.ant-timeline.ant-timeline-label .ant-timeline-item-label{position:absolute;top:-7px;width:calc(50% - 12px);text-align:right}.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label{left:calc(50% + 14px);width:calc(50% - 14px);text-align:left}.ant-timeline-rtl .ant-timeline-item-tail{right:4px;left:auto;border-right:2px solid #f0f0f0;border-left:none}.ant-timeline-rtl .ant-timeline-item-head-custom{right:5px;left:auto;transform:translate(50%,-50%)}.ant-timeline-rtl .ant-timeline-item-content{margin:0 18px 0 0}.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail{right:50%;left:auto}.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head{margin-right:-4px;margin-left:0}.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom{margin-right:1px;margin-left:0}.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content{right:calc(50% - 4px);left:auto;text-align:right}.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content{text-align:left}.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail{right:0;left:auto}.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content{width:100%;margin-right:18px;text-align:right}.ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail,.ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail{border-right:2px dotted #f0f0f0;border-left:none}.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label{text-align:left}.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label{right:calc(50% + 14px);text-align:right}.ant-tooltip{box-sizing:border-box;margin:0;padding:0;font-size:12px;font-variant:tabular-nums;z-index:1070;display:block;width:max-content;max-width:250px}.ant-tooltip-hidden{display:none}.ant-tooltip-placement-top,.ant-tooltip-placement-topLeft,.ant-tooltip-placement-topRight{padding-bottom:8px}.ant-tooltip-placement-right,.ant-tooltip-placement-rightBottom,.ant-tooltip-placement-rightTop{padding-left:8px}.ant-tooltip-placement-bottom,.ant-tooltip-placement-bottomLeft,.ant-tooltip-placement-bottomRight{padding-top:8px}.ant-tooltip-placement-left,.ant-tooltip-placement-leftBottom,.ant-tooltip-placement-leftTop{padding-right:8px}.ant-tooltip-inner{min-width:30px;min-height:32px;padding:6px 8px;color:#fff;text-align:left;text-decoration:none;word-wrap:break-word;background-color:rgba(0,0,0,.75);border-radius:2px}.ant-tooltip-arrow{position:absolute;display:block;width:13.07px;height:13.07px;overflow:hidden;background:0 0;pointer-events:none}.ant-tooltip-arrow-content{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:5px;height:5px;margin:auto;background-color:rgba(0,0,0,.75);content:'';pointer-events:auto}.ant-tooltip-placement-top .ant-tooltip-arrow,.ant-tooltip-placement-topLeft .ant-tooltip-arrow,.ant-tooltip-placement-topRight .ant-tooltip-arrow{bottom:-5.07px}.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow{bottom:5px}.ant-tooltip-placement-top .ant-tooltip-arrow-content,.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,.ant-tooltip-placement-topRight .ant-tooltip-arrow-content{box-shadow:3px 3px 7px rgba(0,0,0,.07);transform:translateY(-6.54px) rotate(45deg)}.ant-tooltip-placement-top .ant-tooltip-arrow{left:50%;transform:translateX(-50%)}.ant-tooltip-placement-topLeft .ant-tooltip-arrow{left:13px}.ant-tooltip-placement-topRight .ant-tooltip-arrow{right:13px}.ant-tooltip-placement-right .ant-tooltip-arrow,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,.ant-tooltip-placement-rightTop .ant-tooltip-arrow{left:-5.07px}.ant-tooltip-placement-right .ant-tooltip-arrow-content,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content,.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content{box-shadow:-3px 3px 7px rgba(0,0,0,.07);transform:translateX(6.54px) rotate(45deg)}.ant-tooltip-placement-right .ant-tooltip-arrow{top:50%;transform:translateY(-50%)}.ant-tooltip-placement-rightTop .ant-tooltip-arrow{top:5px}.ant-tooltip-placement-left .ant-tooltip-arrow,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,.ant-tooltip-placement-leftTop .ant-tooltip-arrow{right:-5.07px}.ant-tooltip-placement-left .ant-tooltip-arrow-content,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content,.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content{box-shadow:3px -3px 7px rgba(0,0,0,.07);transform:translateX(-6.54px) rotate(45deg)}.ant-tooltip-placement-left .ant-tooltip-arrow{top:50%;transform:translateY(-50%)}.ant-tooltip-placement-leftTop .ant-tooltip-arrow{top:5px}.ant-tooltip-placement-bottom .ant-tooltip-arrow,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{top:-5.07px}.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content{box-shadow:-3px -3px 7px rgba(0,0,0,.07);transform:translateY(6.54px) rotate(45deg)}.ant-tooltip-placement-bottom .ant-tooltip-arrow{left:50%;transform:translateX(-50%)}.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow{left:13px}.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{right:13px}.ant-tooltip-magenta .ant-tooltip-arrow-content,.ant-tooltip-magenta .ant-tooltip-inner,.ant-tooltip-pink .ant-tooltip-arrow-content,.ant-tooltip-pink .ant-tooltip-inner{background-color:#eb2f96}.ant-tooltip-red .ant-tooltip-arrow-content,.ant-tooltip-red .ant-tooltip-inner{background-color:#f5222d}.ant-tooltip-volcano .ant-tooltip-arrow-content,.ant-tooltip-volcano .ant-tooltip-inner{background-color:#fa541c}.ant-tooltip-orange .ant-tooltip-arrow-content,.ant-tooltip-orange .ant-tooltip-inner{background-color:#fa8c16}.ant-tooltip-yellow .ant-tooltip-arrow-content,.ant-tooltip-yellow .ant-tooltip-inner{background-color:#fadb14}.ant-tooltip-gold .ant-tooltip-arrow-content,.ant-tooltip-gold .ant-tooltip-inner{background-color:#faad14}.ant-tooltip-cyan .ant-tooltip-arrow-content,.ant-tooltip-cyan .ant-tooltip-inner{background-color:#13c2c2}.ant-tooltip-lime .ant-tooltip-arrow-content,.ant-tooltip-lime .ant-tooltip-inner{background-color:#a0d911}.ant-tooltip-green .ant-tooltip-arrow-content,.ant-tooltip-green .ant-tooltip-inner{background-color:#52c41a}.ant-tooltip-blue .ant-tooltip-arrow-content,.ant-tooltip-blue .ant-tooltip-inner{background-color:#1890ff}.ant-tooltip-geekblue .ant-tooltip-arrow-content,.ant-tooltip-geekblue .ant-tooltip-inner{background-color:#2f54eb}.ant-tooltip-purple .ant-tooltip-arrow-content,.ant-tooltip-purple .ant-tooltip-inner{background-color:#722ed1}.ant-transfer-customize-list .ant-table-wrapper .ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th,.ant-upload.ant-upload-drag,.result .ant-steps .ant-steps-head,.result .ant-steps .ant-steps-title,.result__extra{background:#fafafa}.ant-tooltip-rtl .ant-tooltip-inner{text-align:right}.ant-tooltip{position:relative}.ant-transfer-customize-list .ant-transfer-list{flex:1 1 50%;width:auto;height:auto;min-height:200px}.ant-transfer-customize-list .ant-table-wrapper .ant-table-small{border:0;border-radius:0}.ant-transfer-customize-list .ant-table-wrapper .ant-table-small>.ant-table-content .ant-table-row:last-child td{border-bottom:1px solid #f0f0f0}.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body{margin:0}.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination{margin:16px 0 4px}.ant-transfer-customize-list .ant-input[disabled]{background-color:transparent}.ant-transfer{box-sizing:border-box;margin:0;padding:0;font-size:12px;font-variant:tabular-nums;position:relative;display:flex;align-items:stretch}.ant-transfer-disabled .ant-transfer-list{background:#f5f5f5}.ant-transfer-list{display:flex;flex-direction:column;width:180px;height:200px;border:1px solid #d9d9d9;border-radius:2px}.ant-transfer-list-header,.modal-header,.st .ant-table-tbody>tr .ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td{border-bottom:1px solid #f0f0f0}.ant-transfer-list-footer,.ant-transfer-list-pagination,.drawer-footer,.modal-footer{border-top:1px solid #f0f0f0}.ant-transfer-list-with-pagination{width:250px;height:auto}.ant-transfer-list-search{padding-right:24px;padding-left:8px}.ant-transfer-list-search-action{position:absolute;top:8px;right:12px;bottom:12px;width:28px;color:rgba(0,0,0,.25);line-height:28px;text-align:center}.ant-transfer-list-search-action .anticon{color:rgba(0,0,0,.25);transition:all .3s}.ant-transfer-list-search-action .anticon:hover{color:rgba(0,0,0,.45)}span.ant-transfer-list-search-action{pointer-events:none}.ant-transfer-list-header{display:flex;flex:none;align-items:center;height:36px;padding:7px 8px 8px;color:rgba(0,0,0,.85);background:#fff;border-radius:2px 2px 0 0}.ant-transfer-list-header>:not(:last-child){margin-right:4px}.ant-transfer-list-header>*{flex:none}.ant-transfer-list-header-title{flex:auto;overflow:hidden;white-space:nowrap;text-align:right;text-overflow:ellipsis}.ant-transfer-list-header-dropdown{font-size:10px;transform:translateY(10%);cursor:pointer}.ant-transfer-list-header-dropdown[disabled]{cursor:not-allowed}.ant-transfer-list-body{display:flex;flex:auto;flex-direction:column;overflow:hidden;font-size:12px}.ant-transfer-list-body-search-wrapper{position:relative;flex:none;padding:8px}.ant-transfer-list-content{flex:auto;margin:0;padding:0;overflow:auto;list-style:none}.ant-transfer-list-content-item{display:flex;align-items:center;min-height:28px;padding:3px 8px;line-height:22px;transition:all .3s}.ant-transfer-list-content-item>:not(:last-child){margin-right:8px}.ant-transfer-list-content-item>*{flex:none}.ant-transfer-list-content-item-text{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-transfer-list-content-item-remove{text-decoration:none;outline:0;cursor:pointer;transition:color .3s;position:relative;color:#d9d9d9}.ant-transfer-list-content-item-remove:focus,.ant-transfer-list-content-item-remove:hover{color:#40a9ff}.ant-transfer-list-content-item-remove:active{color:#096dd9}.ant-transfer-list-content-item-remove::after{position:absolute;top:-3px;right:-50%;bottom:-3px;left:-50%;content:''}.ant-transfer-list-content-item-remove:hover{color:#40a9ff}.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover{background-color:#f5f5f5;cursor:pointer}.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover{background-color:#dcf4ff}.ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover{background:0 0;cursor:default}.ant-transfer-list-content-item-checked{background-color:#e6f7ff}.ant-transfer-list-content-item-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-transfer-list-pagination{padding:4px 0;text-align:right}.ant-transfer-list-body-not-found{flex:none;width:100%;margin:auto 0;color:rgba(0,0,0,.25);text-align:center}.ant-transfer-rtl .ant-transfer-list-header-title,.ant-transfer-rtl .ant-transfer-list-pagination{text-align:left}.ant-transfer-operation{display:flex;flex:none;flex-direction:column;align-self:center;margin:0 8px;vertical-align:middle}.ant-transfer-operation .ant-btn{display:block}.ant-transfer-operation .ant-btn:first-child{margin-bottom:4px}.ant-transfer-operation .ant-btn .anticon{font-size:12px}.ant-transfer .ant-empty-image{max-height:-4px}.ant-transfer-rtl .ant-transfer-list-search{padding-right:8px;padding-left:24px}.ant-transfer-rtl .ant-transfer-list-search-action{right:auto;left:12px}.ant-transfer-rtl .ant-transfer-list-footer,.ant-transfer-rtl .ant-transfer-list-header{right:0;left:auto}.ant-transfer-rtl .ant-transfer-list-header>:not(:last-child){margin-right:0;margin-left:4px}.ant-transfer-rtl .ant-transfer-list-content-item>:not(:last-child){margin-right:0;margin-left:8px}.ant-typography{color:rgba(0,0,0,.85);overflow-wrap:break-word}.ant-typography.ant-typography-secondary{color:rgba(0,0,0,.45)}.ant-typography.ant-typography-success{color:#52c41a}.ant-typography.ant-typography-warning{color:#faad14}.ant-typography.ant-typography-danger{color:#ff4d4f}a.ant-typography.ant-typography-danger:active,a.ant-typography.ant-typography-danger:focus,a.ant-typography.ant-typography-danger:hover{color:#ff7875}.ant-typography.ant-typography-disabled{color:rgba(0,0,0,.25);cursor:not-allowed;user-select:none}.ant-typography p,div.ant-typography{margin-bottom:1em}.ant-typography h1,.ant-typography h2,.ant-typography h3,.ant-typography h4,.ant-typography h5,h1.ant-typography,h2.ant-typography,h3.ant-typography,h4.ant-typography,h5.ant-typography{margin-bottom:.5em;color:rgba(0,0,0,.85);font-weight:600}.ant-typography h1,h1.ant-typography{font-size:33px;line-height:1.23}.ant-typography h2,h2.ant-typography{font-size:26px;line-height:1.35}.ant-typography h3,h3.ant-typography{font-size:21px;line-height:1.35}.ant-typography h4,h4.ant-typography{font-size:18px;line-height:1.4}.ant-typography h5,h5.ant-typography{font-size:14px;line-height:1.5}.ant-typography div+h1,.ant-typography div+h2,.ant-typography div+h3,.ant-typography div+h4,.ant-typography div+h5,.ant-typography h1+h1,.ant-typography h1+h2,.ant-typography h1+h3,.ant-typography h1+h4,.ant-typography h1+h5,.ant-typography h2+h1,.ant-typography h2+h2,.ant-typography h2+h3,.ant-typography h2+h4,.ant-typography h2+h5,.ant-typography h3+h1,.ant-typography h3+h2,.ant-typography h3+h3,.ant-typography h3+h4,.ant-typography h3+h5,.ant-typography h4+h1,.ant-typography h4+h2,.ant-typography h4+h3,.ant-typography h4+h4,.ant-typography h4+h5,.ant-typography h5+h1,.ant-typography h5+h2,.ant-typography h5+h3,.ant-typography h5+h4,.ant-typography h5+h5,.ant-typography li+h1,.ant-typography li+h2,.ant-typography li+h3,.ant-typography li+h4,.ant-typography li+h5,.ant-typography p+h1,.ant-typography p+h2,.ant-typography p+h3,.ant-typography p+h4,.ant-typography p+h5,.ant-typography ul+h1,.ant-typography ul+h2,.ant-typography ul+h3,.ant-typography ul+h4,.ant-typography ul+h5,.ant-typography+h1.ant-typography,.ant-typography+h2.ant-typography,.ant-typography+h3.ant-typography,.ant-typography+h4.ant-typography,.ant-typography+h5.ant-typography{margin-top:1.2em}.ant-typography code,.ant-typography kbd{margin:0 .2em;border:1px solid rgba(100,100,100,.2)}a.ant-typography-ellipsis,span.ant-typography-ellipsis{display:inline-block}.ant-typography a,a.ant-typography{color:#1890ff;outline:0;cursor:pointer;transition:color .3s;text-decoration:none}.ant-typography a:focus,.ant-typography a:hover,a.ant-typography:focus,a.ant-typography:hover{color:#40a9ff}.ant-typography a:active,a.ant-typography:active{color:#096dd9}.ant-typography a:active,.ant-typography a:hover,a.ant-typography:active,a.ant-typography:hover{text-decoration:none}.ant-typography a.ant-typography-disabled,.ant-typography a[disabled],a.ant-typography.ant-typography-disabled,a.ant-typography[disabled]{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-typography a.ant-typography-disabled:active,.ant-typography a.ant-typography-disabled:hover,.ant-typography a[disabled]:active,.ant-typography a[disabled]:hover,a.ant-typography.ant-typography-disabled:active,a.ant-typography.ant-typography-disabled:hover,a.ant-typography[disabled]:active,a.ant-typography[disabled]:hover{color:rgba(0,0,0,.25)}.ant-typography a.ant-typography-disabled:active,.ant-typography a[disabled]:active,a.ant-typography.ant-typography-disabled:active,a.ant-typography[disabled]:active{pointer-events:none}.ant-typography code{padding:.2em .4em .1em;font-size:85%;background:rgba(150,150,150,.1);border-radius:3px}.ant-typography kbd{padding:.15em .4em .1em;font-size:90%;background:rgba(150,150,150,.06);border-bottom-width:2px;border-radius:3px}.ant-typography mark{padding:0;background-color:#ffe58f}.ant-typography ins,.ant-typography u{text-decoration:underline;text-decoration-skip-ink:auto}.ant-typography del,.ant-typography s,.task__item-done,.text-deleted{text-decoration:line-through}.ant-typography strong{font-weight:600}.ant-typography-copy,.ant-typography-edit,.ant-typography-expand{color:#1890ff;text-decoration:none;outline:0;cursor:pointer;transition:color .3s;margin-left:4px}.ant-typography-copy:focus,.ant-typography-copy:hover,.ant-typography-edit:focus,.ant-typography-edit:hover,.ant-typography-expand:focus,.ant-typography-expand:hover{color:#40a9ff}.ant-typography-copy:active,.ant-typography-edit:active,.ant-typography-expand:active{color:#096dd9}.ant-typography-copy-success,.ant-typography-copy-success:focus,.ant-typography-copy-success:hover{color:#52c41a}.ant-typography-edit-content{position:relative}div.ant-typography-edit-content{left:-8px;margin-top:-4px;margin-bottom:calc(1em - 3px - 1px)}.ant-typography-edit-content-confirm{position:absolute;right:10px;bottom:8px;color:rgba(0,0,0,.45);pointer-events:none}.ant-typography-edit-content textarea{-moz-transition:none}.ant-typography ol,.ant-typography ul{margin:0 0 1em;padding:0}.ant-typography ol li,.ant-typography ul li{margin:0 0 0 20px;padding:0 0 0 4px}.ant-typography ul{list-style-type:circle}.ant-typography ul ul{list-style-type:disc}.ant-typography ol{list-style-type:decimal}.ant-typography blockquote,.ant-typography pre{margin:1em 0}.ant-typography pre{padding:.4em .6em;white-space:pre-wrap;word-wrap:break-word;background:rgba(150,150,150,.1);border:1px solid rgba(100,100,100,.2);border-radius:3px}.ant-typography pre code{display:inline;margin:0;padding:0;font-size:inherit;font-family:inherit;background:0 0;border:0}.ant-typography blockquote{padding:0 0 0 .6em;border-left:4px solid rgba(100,100,100,.2);opacity:.85}.ant-typography-single-line{white-space:nowrap}.ant-typography-ellipsis-single-line{overflow:hidden;text-overflow:ellipsis}a.ant-typography-ellipsis-single-line,span.ant-typography-ellipsis-single-line{vertical-align:bottom}.ant-typography-ellipsis-multiple-line{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;/*! autoprefixer: ignore next */-webkit-box-orient:vertical}.ant-typography-rtl .ant-typography-copy,.ant-typography-rtl .ant-typography-edit,.ant-typography-rtl .ant-typography-expand{margin-right:4px;margin-left:0}.ant-typography-rtl .ant-typography-expand{float:left}div.ant-typography-edit-content.ant-typography-rtl{right:-8px;left:auto}.ant-typography-rtl .ant-typography-edit-content-confirm{right:auto;left:10px}.ant-typography-rtl.ant-typography ol li,.ant-typography-rtl.ant-typography ul li{margin:0 20px 0 0;padding:0 4px 0 0}.ant-upload{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;outline:0}.ant-upload p{margin:0}.ant-upload-btn{display:block;width:100%;outline:0}.ant-upload input[type=file]{cursor:pointer}.ant-upload.ant-upload-select{display:inline-block}.ant-upload.ant-upload-disabled{cursor:not-allowed}.ant-upload.ant-upload-select-picture-card{width:104px;height:104px;margin-right:8px;margin-bottom:8px;text-align:center;vertical-align:top;background-color:#fafafa;border:1px dashed #d9d9d9;border-radius:2px;cursor:pointer;transition:border-color .3s}.ant-upload.ant-upload-select-picture-card>.ant-upload{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}.ant-upload.ant-upload-select-picture-card:hover{border-color:#1890ff}.ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover{border-color:#d9d9d9}.ant-upload.ant-upload-drag{position:relative;width:100%;height:100%;text-align:center;border:1px dashed #d9d9d9;border-radius:2px;cursor:pointer;transition:border-color .3s}.ant-upload.ant-upload-drag .ant-upload{padding:8px 0}.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled){border-color:#096dd9}.ant-upload.ant-upload-drag.ant-upload-disabled{cursor:not-allowed}.ant-upload.ant-upload-drag .ant-upload-btn{display:table;height:100%}.ant-upload.ant-upload-drag .ant-upload-drag-container{display:table-cell;vertical-align:middle}.ant-upload-list-item-name,.ant-upload-picture-card-wrapper{display:inline-block;width:100%}.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover{border-color:#40a9ff}.ant-upload.ant-upload-drag p.ant-upload-drag-icon{margin-bottom:20px}.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon{color:#40a9ff;font-size:48px}.ant-upload.ant-upload-drag p.ant-upload-text{margin:0 0 4px;color:rgba(0,0,0,.85);font-size:14px}.ant-upload.ant-upload-drag p.ant-upload-hint{color:rgba(0,0,0,.45);font-size:12px}.ant-upload.ant-upload-drag .anticon-plus{color:rgba(0,0,0,.25);font-size:30px;transition:all .3s}.ant-upload.ant-upload-drag .anticon-plus:hover,.ant-upload.ant-upload-drag:hover .anticon-plus{color:rgba(0,0,0,.45)}.ant-upload-list::after,.ant-upload-list::before,.ant-upload-picture-card-wrapper::after,.ant-upload-picture-card-wrapper::before{display:table;content:''}.ant-upload-picture-card-wrapper::after{clear:both}.ant-upload-list{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;line-height:1.66667}.ant-upload-list::after{clear:both}.ant-upload-list-item{position:relative;height:20px;margin-top:4px;font-size:12px}.ant-upload-list-item-name{padding-left:20px;overflow:hidden;line-height:1.66667;white-space:nowrap;text-overflow:ellipsis}.ant-upload-list-item-card-actions{position:absolute;right:0}.ant-upload-list-item-card-actions-btn{opacity:0}.ant-upload-list-item-card-actions-btn.ant-btn-sm{height:20px;line-height:1}.ant-upload-list-item-card-actions.picture{top:22px;line-height:0}.ant-upload-list-item-card-actions-btn:focus,.ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn{opacity:1}.ant-upload-list-item-card-actions .anticon{color:rgba(0,0,0,.45)}.ant-upload-list-item-info{height:100%;padding:0 4px;transition:background-color .3s}.ant-upload-list-item-info>span{display:block;width:100%;height:100%}.ant-upload-list-item-info .ant-upload-text-icon .anticon,.ant-upload-list-item-info .anticon-loading .anticon{position:absolute;top:4px;color:rgba(0,0,0,.45);font-size:12px}.ant-upload-list-item .anticon-close{position:absolute;top:6px;right:4px;color:rgba(0,0,0,.45);font-size:10px;line-height:0;cursor:pointer;opacity:0;transition:all .3s}.ant-upload-list-item-error .ant-upload-list-item-card-actions-btn,.ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn,.ant-upload-list-item:hover .anticon-close{opacity:1}.ant-upload-list-item .anticon-close:hover{color:rgba(0,0,0,.85)}.ant-upload-list-item:hover .ant-upload-list-item-info{background-color:#f5f5f5}.ant-upload-list-picture .ant-upload-list-item:hover,.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,.ant-upload-list-picture-card .ant-upload-list-item:hover,.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info{background:0 0}.ant-upload-list-item-error,.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon,.ant-upload-list-item-error .ant-upload-list-item-name,.ant-upload-list-item-error .ant-upload-text-icon>.anticon{color:#ff4d4f}.ant-upload-list-item-progress{position:absolute;bottom:-12px;width:100%;padding-left:24px;font-size:12px;line-height:0}.ant-upload-list-picture .ant-upload-list-item,.ant-upload-list-picture-card .ant-upload-list-item{position:relative;height:66px;padding:4px;border:1px solid #d9d9d9;border-radius:2px}.ant-upload-list-picture .ant-upload-list-item-error,.ant-upload-list-picture-card .ant-upload-list-item-error{border-color:#ff4d4f}.ant-upload-list-picture .ant-upload-list-item-uploading,.ant-upload-list-picture-card .ant-upload-list-item-uploading{border-style:dashed}.ant-upload-list-picture .ant-upload-list-item-thumbnail,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:48px;height:48px;line-height:54px;text-align:center;opacity:.8}.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon{font-size:26px}.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff']{fill:#fff2f0}.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff'],.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#1890ff']{fill:#ff4d4f}.ant-upload-list-picture .ant-upload-list-item-icon,.ant-upload-list-picture-card .ant-upload-list-item-icon{position:absolute;top:50%;left:50%;font-size:26px;transform:translate(-50%,-50%)}.ant-upload-list-picture .ant-upload-list-item-icon .anticon,.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon{font-size:26px}.ant-upload-list-picture .ant-upload-list-item-image,.ant-upload-list-picture-card .ant-upload-list-item-image{max-width:100%}.ant-upload-list-picture .ant-upload-list-item-thumbnail img,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{display:block;width:48px;height:48px;overflow:hidden}.ant-upload-list-picture .ant-upload-list-item-name,.ant-upload-list-picture-card .ant-upload-list-item-name{display:inline-block;box-sizing:border-box;max-width:100%;margin:0 0 0 8px;padding-right:8px;padding-left:48px;overflow:hidden;line-height:44px;white-space:nowrap;text-overflow:ellipsis;transition:all .3s}.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name{line-height:28px}.ant-upload-list-picture .ant-upload-list-item-progress,.ant-upload-list-picture-card .ant-upload-list-item-progress{bottom:14px;width:calc(100% - 24px);margin-top:0;padding-left:56px}.ant-upload-list-picture .anticon-close,.ant-upload-list-picture-card .anticon-close{position:absolute;top:8px;right:8px;line-height:1;opacity:1}.ant-upload-list-picture-card-container{display:inline-block;width:104px;height:104px;margin:0 4px 4px 0;vertical-align:top}.ant-upload-list-picture-card.ant-upload-list::after{display:none}.ant-upload-list-picture-card .ant-upload-list-item{height:100%;margin:0}.ant-upload-list-picture-card .ant-upload-list-item-info{position:relative;height:100%;overflow:hidden}.ant-upload-list-picture-card .ant-upload-list-item-info::before{position:absolute;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;transition:all .3s;content:' '}.ant-result-content,.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item{background-color:#fafafa}.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before{opacity:1}.ant-upload-list-picture-card .ant-upload-list-item-actions{position:absolute;top:50%;left:50%;z-index:10;white-space:nowrap;transform:translate(-50%,-50%);opacity:0;transition:all .3s}.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye{z-index:10;width:16px;margin:0 4px;color:rgba(255,255,255,.85);font-size:16px;cursor:pointer;transition:all .3s}.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover{color:#fff}.ant-upload-list-picture-card .ant-upload-list-item-actions:hover,.ant-upload-list-picture-card .ant-upload-list-item-info:hover+.ant-upload-list-item-actions{opacity:1}.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{position:static;display:block;width:100%;height:100%;object-fit:contain}.ant-upload-list-picture-card .ant-upload-list-item-name{display:none;margin:8px 0 0;padding:0;line-height:1.66667;text-align:center}.ant-upload-list-picture-card .ant-upload-list-item-file+.ant-upload-list-item-name{position:absolute;bottom:10px;display:block}.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info{height:auto}.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before{display:none}.ant-upload-list-picture-card .ant-upload-list-item-progress{bottom:32px;width:calc(100% - 14px);padding-left:0}.ant-upload-list-picture-container,.ant-upload-list-text-container{transition:opacity .3s,height .3s}.ant-upload-list-picture-container::before,.ant-upload-list-text-container::before{display:table;width:0;height:0;content:''}.ant-upload-list-picture-container .ant-upload-span,.ant-upload-list-text-container .ant-upload-span{display:block;flex:auto}.ant-upload-list-picture .ant-upload-span,.ant-upload-list-text .ant-upload-span{display:flex;align-items:center}.ant-upload-list-picture .ant-upload-span>*,.ant-upload-list-text .ant-upload-span>*{flex:none}.ant-upload-list-picture .ant-upload-list-item-name,.ant-upload-list-text .ant-upload-list-item-name{flex:auto;padding:0 4px}.ant-upload-list-picture .ant-upload-list-item-card-actions,.ant-upload-list-text .ant-upload-list-item-card-actions,.ant-upload-list-text .ant-upload-text-icon .anticon{position:static}.ant-upload-list .ant-upload-animate-inline-appear,.ant-upload-list .ant-upload-animate-inline-enter,.ant-upload-list .ant-upload-animate-inline-leave{animation-duration:.3s;animation-fill-mode:cubic-bezier(.78,.14,.15,.86)}.ant-upload-list .ant-upload-animate-inline-appear,.ant-upload-list .ant-upload-animate-inline-enter{animation-name:uploadAnimateInlineIn}.ant-upload-list .ant-upload-animate-inline-leave{animation-name:uploadAnimateInlineOut}@keyframes uploadAnimateInlineIn{from{width:0;height:0;margin:0;padding:0;opacity:0}}@keyframes uploadAnimateInlineOut{to{width:0;height:0;margin:0;padding:0;opacity:0}}.ant-upload-rtl.ant-upload.ant-upload-select-picture-card{margin-right:auto;margin-left:8px}.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1{padding-right:22px;padding-left:14px}.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2{padding-right:22px;padding-left:28px}.ant-upload-list-rtl .ant-upload-list-item-name{padding-right:20px;padding-left:0}.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1{padding-left:14px}.ant-upload-list-rtl .ant-upload-list-item-card-actions{right:auto;left:0}.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon{padding-right:0;padding-left:5px}.ant-upload-list-rtl .ant-upload-list-item-info{padding:0 4px 0 12px}.ant-upload-list-rtl .ant-upload-list-item .anticon-close{right:auto;left:4px}.ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon{padding-right:0;padding-left:5px}.ant-upload-list-rtl .ant-upload-list-item-progress{padding-right:24px;padding-left:0}.ant-upload-list-picture .ant-upload-list-item-info,.ant-upload-list-picture-card .ant-upload-list-item-info{padding:0}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail{right:8px;left:auto}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon{right:50%;left:auto;transform:translate(50%,-50%)}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name{margin:0 8px 0 0;padding-right:48px;padding-left:8px}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1{padding-right:48px;padding-left:18px}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2{padding-right:48px;padding-left:36px}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress{padding-right:0;padding-left:0}.ant-upload-list-rtl.ant-upload-list-picture .anticon-close,.ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close{right:auto;left:8px}.ant-upload-list-rtl .ant-upload-list-picture-card-container{margin:0 0 4px 4px}.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions{right:50%;left:auto;transform:translate(50%,-50%)}.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file+.ant-upload-list-item-name{margin:8px 0 0;padding:0}.ant-cascader,.ant-cascader-picker,.ant-select-auto-complete{box-sizing:border-box;margin:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;line-height:1.66667}.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item{float:unset}.ant-select-auto-complete{padding:0}.ant-select-auto-complete .ant-select-clear{right:13px}.ant-select-dropdown-hidden{display:none}.ant-cascader{padding:0}.ant-cascader-input.ant-input{position:static;width:100%;padding-right:24px;background-color:transparent!important;cursor:pointer}.ant-cascader-picker-show-search .ant-cascader-input.ant-input{position:relative}.ant-cascader-picker{padding:0;position:relative;display:inline-block;background-color:#fff;border-radius:2px;outline:0;cursor:pointer;transition:color .3s}.ant-cascader-picker-with-value .ant-cascader-picker-label,.ellipsis__shadow{color:transparent}.ant-cascader-picker-disabled{color:rgba(0,0,0,.25);background:#f5f5f5;cursor:not-allowed}.ant-cascader-picker-disabled .ant-cascader-input{cursor:not-allowed}.ant-cascader-picker:focus .ant-cascader-input{outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-cascader-picker:focus .ant-cascader-input{border-right-width:0;border-left-width:1px!important}.ant-cascader-picker-borderless .ant-cascader-input{border-color:transparent!important;box-shadow:none!important}.ant-cascader-picker-show-search.ant-cascader-picker-focused{color:rgba(0,0,0,.25)}.ant-cascader-picker-label{position:absolute;top:50%;left:0;width:100%;height:20px;margin-top:-10px;padding:0 20px 0 8px;overflow:hidden;line-height:20px;white-space:nowrap;text-overflow:ellipsis}.ant-cascader-picker-arrow,.ant-cascader-picker-clear{position:absolute;top:50%;width:12px;height:12px;margin-top:-6px;line-height:12px;font-size:12px;right:8px}.ant-cascader-picker-clear{z-index:2;color:rgba(0,0,0,.25);background:#fff;cursor:pointer;opacity:0;transition:color .3s ease,opacity .15s ease}.ant-cascader-picker-clear:hover{color:rgba(0,0,0,.45)}.ant-cascader-picker:hover .ant-cascader-picker-clear{opacity:1}.ant-cascader-picker-arrow{z-index:1;color:rgba(0,0,0,.25)}.ant-cascader-menu,.ant-cascader-menus ol,.ant-cascader-menus ul{margin:0;list-style:none}.ant-input-rtl .ant-cascader-picker-label:hover+.ant-cascader-input:not(.ant-cascader-picker-disabled .ant-cascader-picker-label:hover+.ant-cascader-input){border-right-width:0;border-left-width:1px!important}.ant-cascader-picker-small .ant-cascader-picker-arrow,.ant-cascader-picker-small .ant-cascader-picker-clear{right:8px}.ant-cascader-menus{z-index:1050;font-size:12px;white-space:nowrap;background:#fff;border-radius:2px}.ant-cascader-menus-empty,.ant-cascader-menus-hidden{display:none}.ant-cascader-menus.ant-slide-up-appear.ant-slide-up-appear-active.ant-cascader-menus-placement-topLeft,.ant-cascader-menus.ant-slide-up-enter.ant-slide-up-enter-active.ant-cascader-menus-placement-topLeft{animation-name:antSlideDownIn}.ant-cascader-menus.ant-slide-up-leave.ant-slide-up-leave-active.ant-cascader-menus-placement-bottomLeft{animation-name:antSlideUpOut}.ant-cascader-menus.ant-slide-up-leave.ant-slide-up-leave-active.ant-cascader-menus-placement-topLeft{animation-name:antSlideDownOut}.ant-cascader-menu{display:inline-block;min-width:111px;height:180px;padding:4px 0;overflow:auto;vertical-align:top;border-right:1px solid #f0f0f0;-ms-overflow-style:-ms-autohiding-scrollbar}.alain-pro__light .alain-pro__sider .ant-menu-light,.ant-cascader-menu:last-child{border-right-color:transparent}.ant-cascader-menu:first-child{border-radius:2px 0 0 2px}.ant-cascader-menu:last-child{margin-right:-1px;border-radius:0 2px 2px 0}.ant-cascader-menu:only-child{border-radius:2px}.ant-cascader-menu-item{padding:5px 8px;overflow:hidden;line-height:18px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:all .3s}.ant-cascader-menu-item:hover{background:#f5f5f5}.ant-cascader-menu-item-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-cascader-menu-item-disabled:hover{background:0 0}.ant-cascader-menu-empty .ant-cascader-menu-item{color:rgba(0,0,0,.25);cursor:default;pointer-events:none}.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover{font-weight:600;background-color:#e6f7ff}.ant-cascader-menu-item-expand{position:relative;padding-right:24px}.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,.ant-cascader-menu-item-loading-icon{position:absolute;right:8px;color:rgba(0,0,0,.45);font-size:10px}.ant-cascader-menu-rtl .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,.ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon,.ant-cascader-picker-rtl .ant-cascader-picker-arrow,.ant-cascader-picker-rtl .ant-cascader-picker-clear,.ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-arrow,.ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-clear{right:auto;left:8px}.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,.ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon,.ant-tree-checkbox-disabled+span{color:rgba(0,0,0,.25)}.ant-cascader-menu-item .ant-cascader-menu-item-keyword{color:#ff4d4f}.ant-cascader-picker-rtl .ant-cascader-input.ant-input{padding-right:7px;padding-left:24px;text-align:right}.ant-cascader-picker-rtl .ant-cascader-picker-label{padding:0 8px 0 20px;text-align:right}.ant-cascader-menu-rtl .ant-cascader-menu{border-right:none;border-left:1px solid #f0f0f0}.ant-cascader-menu-rtl .ant-cascader-menu:first-child{border-radius:0 2px 2px 0}.ant-cascader-menu-rtl .ant-cascader-menu:last-child{margin-right:0;margin-left:-1px;border-left-color:transparent;border-radius:2px 0 0 2px}.ant-cascader-menu-rtl .ant-cascader-menu:only-child{border-radius:2px}.ant-cascader-menu-rtl .ant-cascader-menu-item-expand{padding-right:8px;padding-left:24px}.ant-tree-checkbox,.ant-tree-checkbox-wrapper{box-sizing:border-box;padding:0;font-size:12px;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum}.ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon{transform:scaleY(-1)}.ant-cascader-menus{position:relative;margin-top:2px;margin-bottom:2px}nz-tree-virtual-scroll-view{display:block;position:relative;overflow:auto;contain:strict;transform:translateZ(0);will-change:scroll-position;-webkit-overflow-scrolling:touch}nz-tree-virtual-scroll-view .ant-tree-list,nz-tree-virtual-scroll-view .ant-tree-list-holder{height:100%}nz-tree-view .ant-tree-switcher+.ant-tree-switcher.nz-tree-leaf-line-icon,nz-tree-virtual-scroll-view .ant-tree-switcher+.ant-tree-switcher.nz-tree-leaf-line-icon{display:none}nz-tree-view .ant-tree-list-holder-inner{display:flex;flex-direction:column}.ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before{top:auto!important;bottom:auto!important;height:10px!important}.ant-tree.ant-tree-directory .ant-tree-treenode{position:relative}.ant-tree.ant-tree-directory .ant-tree-treenode::before{position:absolute;top:0;right:0;bottom:4px;left:0;transition:background-color .3s;content:'';pointer-events:none}.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before{background:#f5f5f5}.ant-tree.ant-tree-directory .ant-tree-treenode>*{z-index:1}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher{transition:color .3s}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper{border-radius:0;user-select:none}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover{background:0 0}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected{color:#fff;background:0 0}.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before,.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before{background:#1890ff}.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher{color:#fff}.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper{color:#fff;background:0 0}.ant-tree-checkbox{color:rgba(0,0,0,.85);position:relative;line-height:1;white-space:nowrap;outline:0;cursor:pointer}.ant-tree-checkbox-input:focus+.ant-tree-checkbox-inner,.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,.ant-tree-checkbox:hover .ant-tree-checkbox-inner{border-color:#1890ff}.ant-tree-checkbox-checked::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #1890ff;border-radius:2px;visibility:hidden;animation:antCheckboxEffect .36s ease-in-out;animation-fill-mode:backwards;content:''}.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after,.ant-tree-checkbox:hover::after{visibility:visible}.ant-tree-checkbox-inner{position:relative;top:0;left:0;display:block;width:14px;height:14px;direction:ltr;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;border-collapse:separate;transition:all .3s}.ant-tree .ant-tree-treenode-rtl,.ant-tree-checkbox-rtl,.ant-tree-rtl{direction:rtl}.ant-tree-checkbox-inner::after{position:absolute;top:50%;left:22%;display:table;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;content:' '}.ant-tree-checkbox-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.ant-tree-checkbox-disabled,.ant-tree-checkbox-disabled .ant-tree-checkbox-input,.ant-tree-checkbox-disabled+span{cursor:not-allowed}.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:' '}.ant-tree-checkbox-checked .ant-tree-checkbox-inner{background-color:#1890ff;border-color:#1890ff}.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after{border-color:rgba(0,0,0,.25);animation-name:none}.ant-tree-checkbox-disabled .ant-tree-checkbox-inner{background-color:#f5f5f5;border-color:#d9d9d9!important}.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after{border-color:#f5f5f5;border-collapse:separate;animation-name:none}.ant-tree-checkbox-disabled:hover::after,.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after{visibility:hidden}.ant-tree-checkbox-wrapper{margin:0;color:rgba(0,0,0,.85);display:inline-flex;align-items:baseline;line-height:unset;cursor:pointer}.ant-tree-checkbox-wrapper::after{display:inline-block;width:0;overflow:hidden;content:'\a0'}.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled{cursor:not-allowed}.ant-tree-checkbox-wrapper+.ant-tree-checkbox-wrapper{margin-left:8px}.ant-tree-checkbox+span{padding-right:8px;padding-left:8px}.ant-select-tree-checkbox,.ant-select-tree-checkbox-wrapper,.ant-tree,.ant-tree-checkbox-group{padding:0;box-sizing:border-box;font-size:12px;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;color:rgba(0,0,0,.85)}.ant-tree-checkbox-group{margin:0;line-height:1.66667;display:inline-block}.ant-tree-checkbox-group-item{margin-right:6px}.ant-tree-checkbox-group-item:last-child{margin-right:0}.ant-tree-checkbox-group-item+.ant-tree-checkbox-group-item{margin-left:0}.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner{background-color:#fff;border-color:#d9d9d9}.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after{top:50%;left:50%;width:6px;height:6px;background-color:#1890ff;border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:' '}.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after{background-color:rgba(0,0,0,.25);border-color:rgba(0,0,0,.25)}.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item{margin-right:0;margin-left:6px}.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item:last-child{margin-left:0!important}.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item+.ant-tree-checkbox-group-item{margin-left:6px}.ant-tree{margin:0;line-height:1.66667;background:#fff;border-radius:2px;transition:background-color .3s}.ant-tree-focused:not(:hover):not(.ant-tree-active-focused){background:#e6f7ff}.ant-tree-list-holder-inner{align-items:flex-start}.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner{align-items:stretch}.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper{flex:auto}.ant-tree .ant-tree-treenode{display:flex;align-items:flex-start;padding:0 0 2px;outline:0}.ant-select-tree-switcher,.ant-tree-switcher{flex:none;align-self:stretch;user-select:none}.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover{background:0 0}.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper{background:#f5f5f5}.ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title{color:inherit;font-weight:500}.ant-tree-indent{align-self:stretch;white-space:nowrap;user-select:none}.ant-tree-indent-unit{display:inline-block;width:20px}.ant-tree-switcher{position:relative;width:20px;margin:0;line-height:20px;text-align:center;cursor:pointer}.ant-tree-switcher .ant-select-tree-switcher-icon,.ant-tree-switcher .ant-tree-switcher-icon{display:inline-block;font-size:10px;vertical-align:baseline}.ant-tree-switcher .ant-select-tree-switcher-icon svg,.ant-tree-switcher .ant-tree-switcher-icon svg{transition:transform .3s}.ant-tree-switcher-noop{cursor:default}.ant-tree-switcher_close .ant-tree-switcher-icon svg{transform:rotate(-90deg)}.ant-tree-switcher-loading-icon{color:#1890ff}.ant-tree-switcher-leaf-line{position:relative;z-index:1;display:inline-block;width:100%;height:100%}.ant-tree-switcher-leaf-line::after,.ant-tree-switcher-leaf-line::before{position:absolute;margin-left:-1px;content:' '}.ant-tree-switcher-leaf-line::before{top:0;bottom:-2px;border-left:1px solid #d9d9d9}.ant-tree-switcher-leaf-line::after{width:6px;height:10px;border-bottom:1px solid #d9d9d9}.ant-tree-checkbox{top:initial;margin:3px 8px 0 0}.ant-tree .ant-tree-node-content-wrapper{position:relative;z-index:auto;min-height:20px;margin:0;padding:0 4px;color:inherit;line-height:20px;background:0 0;border-radius:2px;cursor:pointer;transition:all .3s,border 0s,line-height 0s,box-shadow 0s}.ant-tree .ant-tree-node-content-wrapper:hover{background-color:#f5f5f5}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:#bae7ff}.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;vertical-align:top}.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty,.ant-tree-show-line .ant-tree-indent-unit-end::before{display:none}.ant-tree-unselectable .ant-tree-node-content-wrapper:hover{background-color:transparent}.ant-tree-node-content-wrapper[draggable=true]{line-height:20px;user-select:none}.ant-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator{position:absolute;z-index:1;height:2px;background-color:#1890ff;border-radius:1px;pointer-events:none}.ant-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator::after{position:absolute;top:-3px;left:-6px;width:8px;height:8px;background-color:transparent;border:2px solid #1890ff;border-radius:50%;content:''}.ant-tree .ant-tree-treenode.drop-container>[draggable]{box-shadow:0 0 0 2px #1890ff}.ant-tree-show-line .ant-tree-indent-unit{position:relative;height:100%}.ant-tree-show-line .ant-tree-indent-unit::before{position:absolute;top:0;right:10px;bottom:-2px;border-right:1px solid #d9d9d9;content:''}.ant-tree-show-line .ant-tree-switcher{background:#fff}.ant-tree-show-line .ant-tree-switcher-line-icon{vertical-align:-.225em}.ant-tree-rtl .ant-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator::after{right:-6px;left:unset}.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg{transform:rotate(90deg)}.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before{right:auto;left:-11px;border-right:none;border-left:1px solid #d9d9d9}.ant-tree-rtl.ant-tree-checkbox,.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox{margin:3px 0 0 8px}.font-highlight{color:#ff4d4f}.ant-tree-child-tree{overflow:hidden}nz-tree{display:block}.ant-select-tree-checkbox{position:relative;line-height:1;white-space:nowrap;outline:0;cursor:pointer}.ant-select-tree-checkbox-input:focus+.ant-select-tree-checkbox-inner,.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner{border-color:#1890ff}.ant-select-tree-checkbox-checked::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #1890ff;border-radius:2px;visibility:hidden;animation:antCheckboxEffect .36s ease-in-out;animation-fill-mode:backwards;content:''}.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after,.ant-select-tree-checkbox:hover::after{visibility:visible}.ant-input-number__hide-step .ant-input-number-handler-wrap,.ant-select-tree-checkbox-disabled:hover::after,.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after,.exception__img-block::after{visibility:hidden}.ant-select-tree-checkbox-inner{position:relative;top:0;left:0;display:block;width:14px;height:14px;direction:ltr;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;border-collapse:separate;transition:all .3s}.ant-picker-calendar-rtl,.ant-result-rtl,.ant-select-tree-checkbox-rtl,.ant-space-rtl,.ant-tree-select-dropdown-rtl,.avatar-list-rtl,.error-collect-rtl,.exception-rtl,.global-footer-rtl,.loading-default-rtl,.onboarding-rtl,.page-header-rtl,.result-rtl,.setting-drawer-rtl,.tag-select-rtl{direction:rtl}.ant-select-tree-checkbox-inner::after{position:absolute;top:50%;left:22%;display:table;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;content:' '}.ant-select-tree-checkbox-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:' '}.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner{background-color:#1890ff;border-color:#1890ff}.ant-select-tree-checkbox-disabled{cursor:not-allowed}.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after{border-color:rgba(0,0,0,.25);animation-name:none}.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input{cursor:not-allowed}.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner{background-color:#f5f5f5;border-color:#d9d9d9!important}.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after{border-color:#f5f5f5;border-collapse:separate;animation-name:none}.ant-select-tree-checkbox-disabled+span{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-select-tree-checkbox-wrapper{margin:0;display:inline-flex;align-items:baseline;line-height:unset;cursor:pointer}.ant-select-tree-checkbox-wrapper::after{display:inline-block;width:0;overflow:hidden;content:'\a0'}.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled{cursor:not-allowed}.ant-select-tree-checkbox-wrapper+.ant-select-tree-checkbox-wrapper{margin-left:8px}.ant-select-tree-checkbox+span{padding-right:8px;padding-left:8px}.ant-select-tree-checkbox-group{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;display:inline-block}.ant-select-tree-checkbox-group-item{margin-right:6px}.ant-select-tree-checkbox-group-item:last-child{margin-right:0}.ant-select-tree-checkbox-group-item+.ant-select-tree-checkbox-group-item{margin-left:0}.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner{background-color:#fff;border-color:#d9d9d9}.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after{top:50%;left:50%;width:6px;height:6px;background-color:#1890ff;border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:' '}.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after{background-color:rgba(0,0,0,.25);border-color:rgba(0,0,0,.25)}.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item{margin-right:0;margin-left:6px}.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item:last-child{margin-left:0!important}.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item+.ant-select-tree-checkbox-group-item{margin-left:6px}.ant-tree-select-dropdown{padding:4px 2px 0}.ant-tree-select-dropdown .ant-select-tree{border-radius:0}.ant-tree-select-dropdown .ant-select-tree-list-holder-inner{align-items:stretch}.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode{padding-bottom:4px}.ant-picker-calendar,.ant-select-tree{padding:0;font-size:12px;box-sizing:border-box;font-variant:tabular-nums;font-feature-settings:tnum;list-style:none}.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper{flex:auto}.ant-select-tree{margin:0;color:rgba(0,0,0,.85);line-height:1.66667;background:#fff;border-radius:2px;transition:background-color .3s}.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused){background:#e6f7ff}.ant-select-tree-list-holder-inner{align-items:flex-start}.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner{align-items:stretch}.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper{flex:auto}.ant-select-tree .ant-select-tree-treenode{display:flex;align-items:flex-start;padding:0 0 2px;outline:0}.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover{background:0 0}.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper{background:#f5f5f5}.ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title{color:inherit;font-weight:500}.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value,.ant-select-tree-switcher-loading-icon{color:#1890ff}.ant-select-tree-indent{align-self:stretch;white-space:nowrap;user-select:none}.ant-select-tree-indent-unit{display:inline-block;width:20px}.ant-select-tree-switcher{position:relative;width:20px;margin:0;line-height:20px;text-align:center;cursor:pointer}.ant-select-tree-switcher .ant-select-tree-switcher-icon,.ant-select-tree-switcher .ant-tree-switcher-icon{display:inline-block;font-size:10px;vertical-align:baseline}.ant-select-tree-switcher .ant-select-tree-switcher-icon svg,.ant-select-tree-switcher .ant-tree-switcher-icon svg{transition:transform .3s}.ant-select-tree-switcher-noop{cursor:default}.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg{transform:rotate(-90deg)}.ant-select-tree-switcher-leaf-line{position:relative;z-index:1;display:inline-block;width:100%;height:100%}.ant-select-tree-switcher-leaf-line::before{position:absolute;top:0;bottom:-2px;margin-left:-1px;border-left:1px solid #d9d9d9;content:' '}.ant-select-tree-switcher-leaf-line::after{position:absolute;width:6px;height:10px;margin-left:-1px;border-bottom:1px solid #d9d9d9;content:' '}.ant-select-tree-checkbox{top:initial;margin:3px 8px 0 0}.ant-select-tree .ant-select-tree-node-content-wrapper{position:relative;z-index:auto;min-height:20px;margin:0;padding:0 4px;color:inherit;line-height:20px;background:0 0;border-radius:2px;cursor:pointer;transition:all .3s,border 0s,line-height 0s,box-shadow 0s}.ant-select-tree .ant-select-tree-node-content-wrapper:hover{background-color:#f5f5f5}.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected{background-color:#bae7ff}.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;vertical-align:top}.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty,.ant-select-tree-show-line .ant-select-tree-indent-unit-end::before{display:none}.ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover{background-color:transparent}.ant-select-tree-node-content-wrapper[draggable=true]{line-height:20px;user-select:none}.ant-select-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator{position:absolute;z-index:1;height:2px;background-color:#1890ff;border-radius:1px;pointer-events:none}.ant-select-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator::after{position:absolute;top:-3px;left:-6px;width:8px;height:8px;background-color:transparent;border:2px solid #1890ff;border-radius:50%;content:''}.ant-select-tree .ant-select-tree-treenode.drop-container>[draggable]{box-shadow:0 0 0 2px #1890ff}.ant-select-tree-show-line .ant-select-tree-indent-unit{position:relative;height:100%}.ant-select-tree-show-line .ant-select-tree-indent-unit::before{position:absolute;top:0;right:10px;bottom:-2px;border-right:1px solid #d9d9d9;content:''}.ant-select-tree-show-line .ant-select-tree-switcher{background:#fff}.ant-select-tree-show-line .ant-select-tree-switcher-line-icon{vertical-align:-.225em}.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg{transform:rotate(90deg)}.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon{transform:scaleY(-1)}.ant-tree.ant-select-tree.ant-tree-show-line nz-tree-node[builtin]:not(:last-child)>li::before{content:' ';width:1px;border-left:1px solid #d9d9d9;height:calc(100% - 16px);position:absolute;left:12px;margin:26px 0}.ant-select-dropdown.ant-select-tree-dropdown{top:100%;left:0;position:relative;width:100%;margin-top:4px;margin-bottom:4px;overflow:auto}.ant-picker-calendar{margin:0;color:rgba(0,0,0,.85);line-height:1.66667;background:#fff}.ant-picker-calendar-header{display:flex;justify-content:flex-end;padding:8px 0}.ant-picker-calendar-header .ant-picker-calendar-year-select{min-width:80px}.ant-picker-calendar-header .ant-picker-calendar-month-select{min-width:70px;margin-left:4px}.ant-picker-calendar-header .ant-picker-calendar-mode-switch{margin-left:4px}.ant-picker-calendar .ant-picker-panel{background:#fff;border:0;border-top:1px solid #f0f0f0;border-radius:0}.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel,.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel{width:auto}.ant-picker-calendar .ant-picker-panel .ant-picker-body{padding:4px 0}.ant-picker-calendar .ant-picker-panel .ant-picker-content{width:100%}.ant-picker-calendar-mini{border-radius:2px}.ant-picker-calendar-mini .ant-picker-calendar-header{padding-right:4px;padding-left:4px}.ant-picker-calendar-mini .ant-picker-panel{border-radius:0 0 2px 2px}.ant-picker-calendar-mini .ant-picker-content{height:256px}.ant-picker-calendar-mini .ant-picker-content th{height:auto;padding:0;line-height:18px}.ant-picker-calendar-full .ant-picker-panel{display:block;width:100%;text-align:right;background:#fff;border:0}.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before{display:none}.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td,.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th{padding:0}.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th{height:auto;padding:0 12px 5px 0;line-height:18px}.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date{background:#f5f5f5}.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today{background:#e6f7ff}.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date{display:block;width:auto;height:auto;margin:0 2px;padding:2px 4px 0;border:0;border-top:2px solid #f0f0f0;border-radius:0;transition:background .3s}.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value{line-height:24px;transition:color .3s}.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content{position:static;width:auto;height:86px;overflow-y:auto;color:rgba(0,0,0,.85);line-height:1.66667;text-align:left}.ant-image,.half-float{position:relative}.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today{border-color:#1890ff}.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value{color:rgba(0,0,0,.85)}@media only screen and (max-width:480px){.ant-picker-calendar-header{display:block}.ant-picker-calendar-header .ant-picker-calendar-year-select{width:50%}.ant-picker-calendar-header .ant-picker-calendar-month-select{width:calc(50% - 4px)}.ant-picker-calendar-header .ant-picker-calendar-mode-switch{width:100%;margin-top:4px;margin-left:0}.ant-picker-calendar-header .ant-picker-calendar-mode-switch>label{width:50%;text-align:center}}.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch,.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select{margin-right:4px;margin-left:0}.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel{text-align:left}.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th{padding:0 0 5px 12px}.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content{text-align:right}.ant-result{padding:48px 32px}.ant-result-success .ant-result-icon>.anticon{color:#52c41a}.ant-result-error .ant-result-icon>.anticon{color:#ff4d4f}.ant-result-info .ant-result-icon>.anticon{color:#1890ff}.ant-result-warning .ant-result-icon>.anticon{color:#faad14}.ant-result-image{width:250px;height:295px;margin:auto}.ant-result-icon{margin-bottom:24px;text-align:center}.ant-result-icon>.anticon{font-size:64px}.ant-result-title{color:rgba(0,0,0,.85);font-size:20px;line-height:1.8;text-align:center}.ant-result-subtitle{color:rgba(0,0,0,.45);font-size:12px;line-height:1.6;text-align:center}.ant-result-extra{margin:24px 0 0;text-align:center}.ant-result-extra>*{margin-right:8px}.ant-result-extra>:last-child{margin-right:0}.ant-result-content{margin-top:24px;padding:24px 40px}.ant-result-rtl .ant-result-extra>*{margin-right:0;margin-left:8px}.ant-result-rtl .ant-result-extra>:last-child{margin-left:0}nz-result{display:block}.ant-space{display:inline-flex}.ant-space-vertical{flex-direction:column}.ant-space-align-center{align-items:center}.ant-space-align-start{align-items:flex-start}.ant-space-align-end{align-items:flex-end}.ant-space-align-baseline{align-items:baseline}.ant-space-item:empty{display:none}nz-space-item{display:block}.ant-image{display:inline-block}.ant-image-mask,.ant-image-placeholder{position:absolute;left:0;right:0;bottom:0}.ant-image-img{display:block;width:100%;height:auto}.ant-image-img-placeholder{background-color:#f5f5f5;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);background-repeat:no-repeat;background-position:center center;background-size:30%}.ant-image-mask{top:0;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(0,0,0,.5);cursor:pointer;opacity:0;transition:opacity .3s}.ant-image-mask-info .anticon{margin-inline-end:0}.ant-image-mask:hover{opacity:1}.ant-image-placeholder{top:0}.ant-image-preview{pointer-events:none;height:100%;text-align:center}.ant-image-preview.ant-zoom-enter,.ant-image-preview.antzoom-appear{transform:none;opacity:0;animation-duration:.3s;user-select:none}.cdk-overlay-backdrop.ant-image-preview-mask,.img-thm:hover .img-thm__icon,.loading-backdrop{opacity:1}.ant-image-preview-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:rgba(0,0,0,.45)}.ant-image-preview-mask-hidden{display:none}.ant-image-preview-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;z-index:1080}.ant-image-preview-body{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ant-image-preview-img{max-width:100%;max-height:100%;vertical-align:middle;transform:scale3d(1,1,1);cursor:grab;transition:transform .3s cubic-bezier(.215,.61,.355,1) 0s;user-select:none;pointer-events:auto}.ant-image-preview-img-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .3s cubic-bezier(.215,.61,.355,1) 0s}.ant-image-preview-img-wrapper::before{display:inline-block;width:1px;height:50%;margin-right:-1px;content:''}.ant-image-preview-moving .ant-image-preview-img{cursor:grabbing}.ant-image-preview-moving .ant-image-preview-img-wrapper{transition-duration:0s}.ant-image-preview-operations{box-sizing:border-box;margin:0;padding:0;font-size:12px;font-variant:tabular-nums;line-height:1.66667;font-feature-settings:tnum;position:absolute;top:0;right:0;z-index:1;display:flex;flex-direction:row-reverse;align-items:center;width:100%;color:rgba(255,255,255,.85);list-style:none;background:rgba(0,0,0,.1);pointer-events:auto}.ant-image-preview-operations-icon,.ant-image-preview-switch-left>.anticon,.ant-image-preview-switch-right>.anticon{font-size:18px}.ant-image-preview-operations-operation{margin-left:8px;padding:8px;cursor:pointer}.ant-image-preview-operations-operation-disabled{color:rgba(255,255,255,.25);pointer-events:none}.ant-image-preview-operations-operation:last-of-type{margin-left:0}.ant-image-preview-switch-left,.ant-image-preview-switch-right{position:absolute;top:50%;right:10px;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-22px;color:rgba(255,255,255,.85);background:rgba(0,0,0,.1);border-radius:50%;cursor:pointer;pointer-events:auto}.ant-image-preview-switch-left-disabled,.ant-image-preview-switch-right-disabled{color:rgba(255,255,255,.25);cursor:not-allowed}.ant-form-item-label em,.dd-btn{color:#bfbfbf}.ant-image-preview-switch-left-disabled>.anticon,.ant-image-preview-switch-right-disabled>.anticon{cursor:not-allowed}.ant-image-preview-switch-left{left:10px}.ant-image-preview-switch-right{right:10px}sf+st{margin-top:16px}.ant-btn+.ant-btn,.ant-btn+nz-button-group,.ant-btn+nz-dropdown,.ant-btn+nz-popconfirm,nz-button-group+.ant-btn,nz-button-group+nz-popconfirm,nz-dropdown+.ant-btn,nz-popconfirm+.ant-btn,nz-popconfirm+nz-button-group,nz-popconfirm+nz-popconfirm{margin-left:8px}.ant-btn-group .ant-btn+.ant-btn{margin-left:-1px}.ant-transfer-operation .ant-btn+.ant-btn{margin-left:initial}[dir=rtl] .ant-btn+.ant-btn,[dir=rtl] .ant-btn+nz-button-group,[dir=rtl] .ant-btn+nz-dropdown,[dir=rtl] .ant-btn+nz-popconfirm,[dir=rtl] nz-button-group+.ant-btn,[dir=rtl] nz-button-group+nz-popconfirm,[dir=rtl] nz-dropdown+.ant-btn,[dir=rtl] nz-popconfirm+.ant-btn,[dir=rtl] nz-popconfirm+nz-button-group,[dir=rtl] nz-popconfirm+nz-popconfirm{margin-right:8px;margin-left:inherit}a:focus{text-decoration:none}.ant-card{margin-bottom:16px}.ant-card__body-nopadding .ant-card-body{padding:0!important}@media (min-width:300px){.ant-drawer-left .drawer-sm,.ant-drawer-right .drawer-sm{width:auto!important;max-width:300px}}@media (max-width:299px){.ant-drawer-left .drawer-sm,.ant-drawer-right .drawer-sm{width:100%!important}}@media (min-width:600px){.ant-drawer-left .drawer-md,.ant-drawer-right .drawer-md{width:auto!important;max-width:600px}}@media (max-width:599px){.ant-drawer-left .drawer-md,.ant-drawer-right .drawer-md{width:100%!important}}@media (min-width:900px){.ant-drawer-left .drawer-lg,.ant-drawer-right .drawer-lg{width:auto!important;max-width:900px}}@media (max-width:899px){.ant-drawer-left .drawer-lg,.ant-drawer-right .drawer-lg{width:100%!important}}@media (min-width:1200px){.ant-drawer-left .drawer-xl,.ant-drawer-right .drawer-xl{width:auto!important;max-width:1200px}}@media (max-width:1199px){.ant-drawer-left .drawer-xl,.ant-drawer-right .drawer-xl{width:100%!important}}.drawer-footer{position:absolute;bottom:0;left:0;width:100%;padding:8px 16px;text-align:right;background:#fff;border-radius:0 0 2px 2px}.ant-form-item-control em{margin-left:8px}[dir=rtl] .ant-form-item-control em{margin-right:8px;margin-left:inherit}@media (min-width:576px){.modal-sm .ant-modal{width:auto!important;max-width:300px}}@media (min-width:768px){.modal-md .ant-modal{width:auto!important;max-width:600px}}@media (min-width:992px){.modal-lg .ant-modal{width:auto!important;max-width:900px}}@media (min-width:1600px){.modal-xl .ant-modal{width:auto!important;max-width:1200px}}.modal-header{display:flex;justify-content:space-between;margin:-16px -16px 16px;padding:11px 16px;background:#fff;border-radius:2px 2px 0 0}.modal-title{margin:0;color:rgba(0,0,0,.85);font-weight:500;font-size:14px;line-height:22px;word-wrap:break-word}.modal-title small{margin-left:8px;color:#8c8c8c;font-size:12px}.modal-spin{display:block;min-height:150px;line-height:150px;text-align:center}.modal-footer{margin:16px -16px -16px;padding:8px 16px;text-align:right;border-radius:0 0 2px 2px}.modal-include-tabs nz-tabset{margin-top:-16px}.modal-body-nopadding .ant-modal-body{padding:0!important}.ant-table td .img,.ant-table td>img{max-width:32px;max-height:32px;margin-right:4px;vertical-align:middle;border-radius:4px}.ant-table-rep__hide-header-footer .ant-table-footer,.ant-table-rep__hide-header-footer .ant-table-title,.ant-table-rep__title{display:none}[dir=rtl] .ant-table td .img,[dir=rtl] .ant-table td>img{margin-right:inherit;margin-left:4px}@media screen and (max-width:767px){.ant-table-rep__title{display:inline-block;width:100px;padding-right:8px;color:rgba(0,0,0,.5);text-align:right}.ant-table-rep__hide-header-footer .ant-table-footer,.ant-table-rep__hide-header-footer .ant-table-title{display:block}.ant-table-rep .ant-table table{width:100%!important;table-layout:auto!important}.ant-table-rep .ant-table-thead{display:none}.ant-table-rep .ant-table-title{text-align:center;background:#f0f0f0}.ant-table-rep .ant-table-tbody>tr:nth-child(4n+3){background:#f9f9f9}.ant-table-rep .ant-table-tbody>tr>td{display:flex;align-items:center;width:100%;padding:6px 4px;white-space:inherit;text-align:left!important;border-bottom:none}.ant-table-rep .ant-table-tbody>tr>td .ant-table-rep__title+:not(.ant-avatar){flex:1;word-break:break-all}}.ant-tag__plus .ant-tag{background:#fff;border-style:dashed}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small{font-size:65%}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small{font-size:75%}.h1{font-size:32px}.h2{font-size:24px}.h3{font-size:20px}.h4{font-size:16px}.h5{font-size:14px}.h6{font-size:12px}.list-styled{list-style:inherit;padding-right:18px;padding-left:0}.list-unstyled{list-style:none;padding-right:0;padding-left:inherit}fieldset{border:none}.display-1{font-size:32px}.display-2{font-size:24px}.display-3{font-size:20px}.search__form .ant-form-item{margin-right:0;margin-bottom:16px}.search__form .ant-form-item-control{flex:1}.file-manager,.sf__object-card .sf__fixed{flex-wrap:wrap}.half-float img{display:block;max-width:100%;height:auto}.half-float .half-float-bottom{position:absolute;left:50%;z-index:2}.half-float.half-float-sm{margin-bottom:42px}.half-float.half-float-sm .half-float-bottom{bottom:-32px;width:64px;height:64px;margin-left:-32px}.half-float.half-float-md{margin-bottom:50px}.half-float.half-float-md .half-float-bottom{bottom:-40px;width:80px;height:80px;margin-left:-40px}.half-float.half-float-lg{margin-bottom:58px}.half-float.half-float-lg .half-float-bottom{bottom:-48px;width:96px;height:96px;margin-left:-48px}.row-masonry{position:relative;width:100%;margin:0;padding:0;column-gap:16px}.row-masonry>.col-masonry{display:inline-block;width:100%;min-height:1em;margin-bottom:15px}.sf__array>.ant-form-item,.sf__title{margin-bottom:8px}.row-masonry img{max-width:100%}@media only screen and (min-width:480px){.row-masonry-xs-1{column-count:1;columns:1}.row-masonry-xs-2{column-count:2;columns:2}.row-masonry-xs-3{column-count:3;columns:3}.row-masonry-xs-4{column-count:4;columns:4}.row-masonry-xs-5{column-count:5;columns:5}.row-masonry-xs-6{column-count:6;columns:6}.row-masonry-xs-7{column-count:7;columns:7}.row-masonry-xs-8{column-count:8;columns:8}.row-masonry-xs-9{column-count:9;columns:9}}@media only screen and (min-width:576px){.row-masonry-sm-1{column-count:1;columns:1}.row-masonry-sm-2{column-count:2;columns:2}.row-masonry-sm-3{column-count:3;columns:3}.row-masonry-sm-4{column-count:4;columns:4}.row-masonry-sm-5{column-count:5;columns:5}.row-masonry-sm-6{column-count:6;columns:6}.row-masonry-sm-7{column-count:7;columns:7}.row-masonry-sm-8{column-count:8;columns:8}.row-masonry-sm-9{column-count:9;columns:9}}@media only screen and (min-width:768px){.row-masonry-md-1{column-count:1;columns:1}.row-masonry-md-2{column-count:2;columns:2}.row-masonry-md-3{column-count:3;columns:3}.row-masonry-md-4{column-count:4;columns:4}.row-masonry-md-5{column-count:5;columns:5}.row-masonry-md-6{column-count:6;columns:6}.row-masonry-md-7{column-count:7;columns:7}.row-masonry-md-8{column-count:8;columns:8}.row-masonry-md-9{column-count:9;columns:9}}@media only screen and (min-width:992px){.row-masonry-lg-1{column-count:1;columns:1}.row-masonry-lg-2{column-count:2;columns:2}.row-masonry-lg-3{column-count:3;columns:3}.row-masonry-lg-4{column-count:4;columns:4}.row-masonry-lg-5{column-count:5;columns:5}.row-masonry-lg-6{column-count:6;columns:6}.row-masonry-lg-7{column-count:7;columns:7}.row-masonry-lg-8{column-count:8;columns:8}.row-masonry-lg-9{column-count:9;columns:9}}@media only screen and (min-width:1200px){.row-masonry-xl-1{column-count:1;columns:1}.row-masonry-xl-2{column-count:2;columns:2}.row-masonry-xl-3{column-count:3;columns:3}.row-masonry-xl-4{column-count:4;columns:4}.row-masonry-xl-5{column-count:5;columns:5}.row-masonry-xl-6{column-count:6;columns:6}.row-masonry-xl-7{column-count:7;columns:7}.row-masonry-xl-8{column-count:8;columns:8}.row-masonry-xl-9{column-count:9;columns:9}}.header-dropdown{background-color:#fff;border-radius:4px}@media screen and (max-width:480px){.header-dropdown{right:0!important;left:0!important;width:100%!important;border-radius:0!important}}.sf{display:block}.sf__optional{margin-left:2px;color:rgba(0,0,0,.35)}.sf__fixed{display:flex}.sf__title{padding:0 16px;font-weight:700;text-align:left}.sf__object-card .ant-card-body{padding-left:0}.sf__object-card-fold .ant-card-body{display:none}.sf__array-add{margin-right:16px}.sf__array-container .ant-card{margin:0 16px 16px 0}.sf__array-container .ant-card-body{padding-bottom:0}.sf__array-container .ant-card .sf__array-remove{position:absolute;top:-16px;right:-16px;display:none;width:32px;height:32px;font-size:20px;line-height:32px;text-align:center;background:rgba(0,0,0,.26);border-radius:50%;cursor:pointer}.sf__array-container .ant-card .sf__array-remove i{color:#fff}.sf__array-container .ant-card:hover .sf__array-remove{display:block}@media (max-width:767px){.sf__array>.ant-form-item>.ant-form-item-control-wrapper,.sf__array>.ant-form-item>.ant-form-item-label{flex:0 0 100%;max-width:100%}.sf__array>.ant-form-item>.ant-form-item-label{display:flex;margin-bottom:8px}.sf__array-container .ant-card{margin-right:0}.sf__array-container .ant-card .sf__array-remove{right:8px;display:block}.sf__array-container>.sf__array-item{flex:0 0 100%;max-width:100%}}.sf__checkbox-list{display:block;width:100%}@media (min-width:768px){.sf__checkbox-list .ant-col{margin-top:8px}}.sf .ant-upload-select-picture-card i{color:#999;font-size:32px}.sf .ant-upload.ant-upload-drag{height:180px}.sf .ant-transfer-list{background:#fff}.sf .ant-transfer-list-header label{position:unset}.sf .ant-transfer .ant-btn+.ant-btn{margin-left:0}.sf__no-error .ant-form-item{margin-bottom:8px}.sf__inline .sf__item{display:inline-block;margin-bottom:8px;vertical-align:top}.sf__inline .ant-form-inline>.sf__item,.sf__inline .sf__array-container .ant-card-body>.sf__item{margin-bottom:0}.sf__inline .ant-form-inline .ant-select{min-width:100px}.sf__inline .sf__array-container>.sf__array-item{flex:initial;width:100%;max-width:100%}.sf__inline .sf__array-container .ant-card{margin:0}.sf__inline .sf__array-container .ant-card-body{padding:8px 0 0 8px}.sf__inline .sf-btns{margin-right:0}@media (max-width:767px){.sf__inline .sf__item{display:block;width:100%}.sf__inline .sf__item .ant-form-item{display:block!important;width:initial!important;margin-right:0}.sf__inline .ant-form-item-control,.sf__inline .ant-form-item-label{display:block!important;padding:inherit}}.sf__horizontal .ant-form-item-label>label{display:flex;justify-content:flex-end}.sf__horizontal .sf__label-text{overflow:hidden;text-overflow:ellipsis}@media (max-width:767px){.sf__horizontal .ant-form-item-label>label{justify-content:flex-start}}.sf__no-colon .ant-form-item-label label::after{content:' '}.sf__compact .ant-form-item{margin-bottom:8px}.sf__compact .sf__array-container .ant-card{margin:0 8px 8px 0}.sf__compact .sf__array-item .ant-card-body{padding:8px}.acl__hide{display:none!important}.setting-drawer__content{position:relative;min-height:100%;background:#fff}.setting-drawer__handle,.theme-btn{position:fixed;display:flex;cursor:pointer}.setting-drawer__body-item{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px}.setting-drawer__body-item:first-child{padding-top:0}.setting-drawer__body-item:last-child{padding-bottom:0}.setting-drawer__title{margin-bottom:12px;color:rgba(0,0,0,.85);font-size:14px;line-height:22px}.setting-drawer__theme{margin-top:24px;overflow:hidden}.setting-drawer__theme-tag{float:left;width:20px;height:20px;margin-right:8px;color:#fff;font-weight:700;text-align:center;border-radius:2px;cursor:pointer}.setting-drawer__handle{right:0;z-index:999;align-items:center;justify-content:center;font-size:16px;text-align:center;border-radius:4px 0 0 4px;transition:right .3s cubic-bezier(.9,0,.3,.7);pointer-events:auto}.setting-drawer__handle-icon{color:#fff}.setting-drawer__handle-opened{z-index:1001}.setting-drawer-rtl .setting-drawer__handle{right:inherit;left:0;border-radius:0 4px 4px 0}.theme-btn{right:32px;bottom:102px;z-index:2147483640;flex-direction:column}.theme-btn-active{width:44px;height:44px;color:#1890ff;font-size:22px;line-height:44px}.theme-btn .ant-avatar{color:#000;background-color:#fff;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);transition:color .3s}.theme-btn .ant-avatar:hover,.yn__yes{color:#1890ff}.bg-blue-dark-h,.bg-blue-h,.bg-blue-light-h,.bg-cyan-dark-h,.bg-cyan-h,.bg-cyan-light-h,.bg-error-h,.bg-geekblue-dark-h,.bg-geekblue-h,.bg-geekblue-light-h,.bg-gold-dark-h,.bg-gold-h,.bg-gold-light-h,.bg-green-dark-h,.bg-green-h,.bg-green-light-h,.bg-grey-dark-h,.bg-grey-darker-h,.bg-grey-h,.bg-grey-light-h,.bg-grey-lighter-h,.bg-highlight-h,.bg-info-h,.bg-lime-dark-h,.bg-lime-h,.bg-lime-light-h,.bg-magenta-dark-h,.bg-magenta-h,.bg-magenta-light-h,.bg-normal-h,.bg-orange-dark-h,.bg-orange-h,.bg-orange-light-h,.bg-primary-h,.bg-processing-h,.bg-purple-dark-h,.bg-purple-h,.bg-purple-light-h,.bg-red-dark-h,.bg-red-h,.bg-red-light-h,.bg-success-h,.bg-volcano-dark-h,.bg-volcano-h,.bg-volcano-light-h,.bg-warning-h,.bg-yellow-dark-h,.bg-yellow-h,.bg-yellow-light-h{transition:background-color .3s}.theme-btn-rtl{right:inherit;left:32px}.yn__no,.yn__yes{display:inline-flex;align-items:center;font-style:normal}.yn__no span,.yn__yes span{margin-left:4px}.yn__no{color:#8c8c8c}.pro-passport__langs .anticon,.text-white{color:#fff!important}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.border{border:1px solid #f0f0f0!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-1{border:1px solid #f0f0f0!important}.rounded-md,.rounded-sm{border-radius:2px}.rounded-top-left-md,.rounded-top-left-sm{border-top-left-radius:2px}.rounded-top-right-md,.rounded-top-right-sm{border-top-right-radius:2px}.rounded-bottom-left-md,.rounded-bottom-left-sm{border-bottom-left-radius:2px}.rounded-bottom-right-md,.rounded-bottom-right-sm{border-bottom-right-radius:2px}.border-top-1{border-top:1px solid #f0f0f0!important}.border-right-1{border-right:1px solid #f0f0f0!important}.border-bottom-1{border-bottom:1px solid #f0f0f0!important}.border-left-1{border-left:1px solid #f0f0f0!important}.border-red{border-color:#f5222d!important}.border-volcano{border-color:#fa541c!important}.border-orange{border-color:#fa8c16!important}.border-gold{border-color:#faad14!important}.border-yellow{border-color:#fadb14!important}.border-lime{border-color:#a0d911!important}.border-green{border-color:#52c41a!important}.border-cyan{border-color:#13c2c2!important}.border-blue{border-color:#1890ff!important}.border-geekblue{border-color:#2f54eb!important}.border-purple{border-color:#722ed1!important}.border-magenta{border-color:#eb2f96!important}.border-grey{border-color:#bfbfbf!important}.border-primary{border-color:#1890ff!important}.border-success{border-color:#52c41a!important}.border-error{border-color:#ff4d4f!important}.border-warning{border-color:#faad14!important}.border-info,.border-processing{border-color:#1890ff!important}.border-highlight{border-color:#ff4d4f!important}.border-normal{border-color:#d9d9d9!important}.rounded-lg{border-radius:4px}.rounded-top-left-lg{border-top-left-radius:4px}.rounded-top-right-lg{border-top-right-radius:4px}.rounded-bottom-left-lg{border-bottom-left-radius:4px}.rounded-bottom-right-lg{border-bottom-right-radius:4px}.rounded-circle{border-radius:50%}.rounded-0{border-radius:0}.border-white{border-color:#fff!important}.rotate-360{transform:rotate(360deg)}.rotate-345{transform:rotate(345deg)}.rotate-330{transform:rotate(330deg)}.rotate-315{transform:rotate(315deg)}.rotate-300{transform:rotate(300deg)}.rotate-285{transform:rotate(285deg)}.rotate-270{transform:rotate(270deg)}.rotate-255{transform:rotate(255deg)}.rotate-240{transform:rotate(240deg)}.rotate-225{transform:rotate(225deg)}.rotate-210{transform:rotate(210deg)}.rotate-195{transform:rotate(195deg)}.rotate-180{transform:rotate(180deg)}.rotate-165{transform:rotate(165deg)}.rotate-150{transform:rotate(150deg)}.rotate-135{transform:rotate(135deg)}.rotate-120{transform:rotate(120deg)}.rotate-105{transform:rotate(105deg)}.rotate-90{transform:rotate(90deg)}.rotate-75{transform:rotate(75deg)}.rotate-60{transform:rotate(60deg)}.rotate-45{transform:rotate(45deg)}.rotate-30{transform:rotate(30deg)}.rotate-15{transform:rotate(15deg)}code{margin:0 4px;padding:2px 4px;font-size:90%;background-color:#f7f7f7;border:1px solid #eee;border-radius:2px}.pr0,.px0{padding-right:0!important}.pl0,.px0,[dir=rtl] .pr0{padding-left:0!important}.pb0,.py0{padding-bottom:0!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.text-hover{cursor:pointer}.text-hover:hover{color:#1890ff!important}.bg-red-light{background-color:#ff4d4f!important}.bg-red{background-color:#f5222d!important}.bg-red-dark{background-color:#cf1322!important}.bg-red-light-h:hover{background-color:#ff4d4f!important}.bg-red-h:hover{background-color:#f5222d!important}.bg-red-dark-h:hover{background-color:#cf1322!important}.text-red-light{color:#ff4d4f!important}.text-red{color:#f5222d!important}.text-red-dark{color:#cf1322!important}.bg-volcano-light{background-color:#ff7a45!important}.bg-volcano{background-color:#fa541c!important}.bg-volcano-dark{background-color:#d4380d!important}.bg-volcano-light-h:hover{background-color:#ff7a45!important}.bg-volcano-h:hover{background-color:#fa541c!important}.bg-volcano-dark-h:hover{background-color:#d4380d!important}.text-volcano-light{color:#ff7a45!important}.text-volcano{color:#fa541c!important}.text-volcano-dark{color:#d4380d!important}.bg-orange-light{background-color:#ffa940!important}.bg-orange{background-color:#fa8c16!important}.bg-orange-dark{background-color:#d46b08!important}.bg-orange-light-h:hover{background-color:#ffa940!important}.bg-orange-h:hover{background-color:#fa8c16!important}.bg-orange-dark-h:hover{background-color:#d46b08!important}.text-orange-light{color:#ffa940!important}.text-orange{color:#fa8c16!important}.text-orange-dark{color:#d46b08!important}.bg-gold-light{background-color:#ffc53d!important}.bg-gold{background-color:#faad14!important}.bg-gold-dark{background-color:#d48806!important}.bg-gold-light-h:hover{background-color:#ffc53d!important}.bg-gold-h:hover{background-color:#faad14!important}.bg-gold-dark-h:hover{background-color:#d48806!important}.text-gold-light{color:#ffc53d!important}.text-gold{color:#faad14!important}.text-gold-dark{color:#d48806!important}.bg-yellow-light{background-color:#ffec3d!important}.bg-yellow{background-color:#fadb14!important}.bg-yellow-dark{background-color:#d4b106!important}.bg-yellow-light-h:hover{background-color:#ffec3d!important}.bg-yellow-h:hover{background-color:#fadb14!important}.bg-yellow-dark-h:hover{background-color:#d4b106!important}.text-yellow-light{color:#ffec3d!important}.text-yellow{color:#fadb14!important}.text-yellow-dark{color:#d4b106!important}.bg-lime-light{background-color:#bae637!important}.bg-lime{background-color:#a0d911!important}.bg-lime-dark{background-color:#7cb305!important}.bg-lime-light-h:hover{background-color:#bae637!important}.bg-lime-h:hover{background-color:#a0d911!important}.bg-lime-dark-h:hover{background-color:#7cb305!important}.text-lime-light{color:#bae637!important}.text-lime{color:#a0d911!important}.text-lime-dark{color:#7cb305!important}.bg-green-light{background-color:#73d13d!important}.bg-green{background-color:#52c41a!important}.bg-green-dark{background-color:#389e0d!important}.bg-green-light-h:hover{background-color:#73d13d!important}.bg-green-h:hover{background-color:#52c41a!important}.bg-green-dark-h:hover{background-color:#389e0d!important}.text-green-light{color:#73d13d!important}.text-green{color:#52c41a!important}.text-green-dark{color:#389e0d!important}.bg-cyan-light{background-color:#36cfc9!important}.bg-cyan{background-color:#13c2c2!important}.bg-cyan-dark{background-color:#08979c!important}.bg-cyan-light-h:hover{background-color:#36cfc9!important}.bg-cyan-h:hover{background-color:#13c2c2!important}.bg-cyan-dark-h:hover{background-color:#08979c!important}.text-cyan-light{color:#36cfc9!important}.text-cyan{color:#13c2c2!important}.text-cyan-dark{color:#08979c!important}.bg-blue-light{background-color:#40a9ff!important}.bg-blue{background-color:#1890ff!important}.bg-blue-dark{background-color:#096dd9!important}.bg-blue-light-h:hover{background-color:#40a9ff!important}.bg-blue-h:hover{background-color:#1890ff!important}.bg-blue-dark-h:hover{background-color:#096dd9!important}.text-blue-light{color:#40a9ff!important}.text-blue{color:#1890ff!important}.text-blue-dark{color:#096dd9!important}.bg-geekblue-light{background-color:#597ef7!important}.bg-geekblue{background-color:#2f54eb!important}.bg-geekblue-dark{background-color:#1d39c4!important}.bg-geekblue-light-h:hover{background-color:#597ef7!important}.bg-geekblue-h:hover{background-color:#2f54eb!important}.bg-geekblue-dark-h:hover{background-color:#1d39c4!important}.text-geekblue-light{color:#597ef7!important}.text-geekblue{color:#2f54eb!important}.text-geekblue-dark{color:#1d39c4!important}.bg-purple-light{background-color:#9254de!important}.bg-purple{background-color:#722ed1!important}.bg-purple-dark{background-color:#531dab!important}.bg-purple-light-h:hover{background-color:#9254de!important}.bg-purple-h:hover{background-color:#722ed1!important}.bg-purple-dark-h:hover{background-color:#531dab!important}.text-purple-light{color:#9254de!important}.text-purple{color:#722ed1!important}.text-purple-dark{color:#531dab!important}.bg-magenta-light{background-color:#f759ab!important}.bg-magenta{background-color:#eb2f96!important}.bg-magenta-dark{background-color:#c41d7f!important}.bg-magenta-light-h:hover{background-color:#f759ab!important}.bg-magenta-h:hover{background-color:#eb2f96!important}.bg-magenta-dark-h:hover{background-color:#c41d7f!important}.text-magenta-light{color:#f759ab!important}.text-magenta{color:#eb2f96!important}.text-magenta-dark{color:#c41d7f!important}.bg-grey-light{background-color:#d9d9d9!important}.bg-grey{background-color:#bfbfbf!important}.bg-grey-dark{background-color:#8c8c8c!important}.bg-grey-light-h:hover{background-color:#d9d9d9!important}.bg-grey-h:hover{background-color:#bfbfbf!important}.bg-grey-dark-h:hover{background-color:#8c8c8c!important}.text-grey-light{color:#d9d9d9!important}.text-grey{color:#bfbfbf!important}.text-grey-dark{color:#8c8c8c!important}.bg-primary-light{background-color:#40a9ff!important}.bg-primary{background-color:#1890ff!important}.bg-primary-dark{background-color:#096dd9!important}.bg-primary-h:hover{background-color:#1890ff!important}.text-primary-light{color:#40a9ff!important}.text-primary{color:#1890ff!important}.text-primary-dark{color:#096dd9!important}.bg-success-light{background-color:#73d13d!important}.bg-success{background-color:#52c41a!important}.bg-success-dark{background-color:#389e0d!important}.bg-success-h:hover{background-color:#52c41a!important}.text-success-light{color:#73d13d!important}.text-success{color:#52c41a!important}.text-success-dark{color:#389e0d!important}.bg-error-light{background-color:#ff7875!important}.bg-error{background-color:#ff4d4f!important}.bg-error-dark{background-color:#d9363e!important}.bg-error-h:hover{background-color:#ff4d4f!important}.text-error-light{color:#ff7875!important}.text-error{color:#ff4d4f!important}.text-error-dark{color:#d9363e!important}.bg-warning-light{background-color:#ffc53d!important}.bg-warning{background-color:#faad14!important}.bg-warning-dark{background-color:#d48806!important}.bg-warning-h:hover{background-color:#faad14!important}.text-warning-light{color:#ffc53d!important}.text-warning{color:#faad14!important}.text-warning-dark{color:#d48806!important}.bg-info-light{background-color:#40a9ff!important}.bg-info{background-color:#1890ff!important}.bg-info-dark{background-color:#096dd9!important}.bg-info-h:hover{background-color:#1890ff!important}.text-info-light{color:#40a9ff!important}.text-info{color:#1890ff!important}.text-info-dark{color:#096dd9!important}.bg-processing-light{background-color:#40a9ff!important}.bg-processing{background-color:#1890ff!important}.bg-processing-dark{background-color:#096dd9!important}.bg-processing-h:hover{background-color:#1890ff!important}.text-processing-light{color:#40a9ff!important}.text-processing{color:#1890ff!important}.text-processing-dark{color:#096dd9!important}.bg-highlight-light{background-color:#ff7875!important}.bg-highlight{background-color:#ff4d4f!important}.bg-highlight-dark{background-color:#d9363e!important}.bg-highlight-h:hover{background-color:#ff4d4f!important}.text-highlight-light{color:#ff7875!important}.text-highlight{color:#ff4d4f!important}.text-highlight-dark{color:#d9363e!important}.bg-normal-light{background-color:#e6d8d8!important}.bg-normal{background-color:#d9d9d9!important}.bg-normal-dark{background-color:#b3a8a8!important}.bg-normal-h:hover{background-color:#d9d9d9!important}.bg-grey-lighter,.bg-grey-lighter-h:hover{background-color:#f5f5f5!important}.text-normal-light{color:#e6d8d8!important}.text-normal{color:#d9d9d9!important}.text-normal-dark{color:#b3a8a8!important}.bg-grey-darker,.bg-grey-darker-h:hover{background-color:#262626!important}.text-grey-lighter{color:#f5f5f5!important}.text-grey-darker{color:#262626!important}.disabled,.no-data{color:rgba(0,0,0,.25)}.d-none{display:none!important}.d-block{display:block!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.flex-center,.flex-center-between{display:flex!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center,.flex-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.flex-1{flex:1!important}.flex-column{flex-direction:column!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-center-between{align-items:center!important;justify-content:space-between!important}.float-none{float:none!important}.float-left{float:left!important}.float-right{float:right!important}.icon-sm{font-size:24px!important}.icon-md{font-size:48px!important}.icon-lg{font-size:72px!important}.icon-xl{font-size:96px!important}.icon-xxl{font-size:120px!important}.img-fluid{max-width:100%;height:auto}.point{cursor:pointer}.no-resize{min-width:100%;max-width:100%;resize:none}.no-data{font-size:16px;line-height:64px;text-align:center}.no-data i{position:relative;top:3px;margin-right:16px;font-size:24px}.fixed-top,.page-loading{top:0;right:0}.block-center{margin:0 auto}.mr0,.mx0{margin-right:0!important}.ml0,.mx0{margin-left:0!important}.mt0,.my0{margin-top:0!important}.mb0,.my0{margin-bottom:0!important}.bg-center{background-position:center center;background-size:cover}.page-loading{position:absolute;bottom:0;left:0;z-index:10000;padding-top:200px;text-align:center;background:#f5f5f5}.pt0,.py0{padding-top:0!important}.color-weak{display:block;filter:invert(80%)}.disabled{pointer-events:none}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.fixed-bottom,.fixed-top{position:fixed;z-index:9;left:0}.fixed-bottom{right:0;bottom:0}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}@media (max-width:575px){.hidden-xs{display:none!important}}@media (max-width:991px){.hidden-md{display:none!important}}@media (max-width:1199px){.hidden-lg{display:none!important}}@media (max-width:1599px){.hidden-xl{display:none!important}}@media (min-width:768px){.hidden-pc{display:none!important}}.m0{margin:0!important}.mr-xs,.mx-xs{margin-right:4px!important}.ml-xs,.mx-xs{margin-left:4px!important}.mt-xs,.my-xs{margin-top:4px!important}.mb-xs,.my-xs{margin-bottom:4px!important}.p0{padding:0!important}.pr-xs,.px-xs{padding-right:4px!important}.pl-xs,.px-xs{padding-left:4px!important}.pt-xs,.py-xs{padding-top:4px!important}.pb-xs,.py-xs{padding-bottom:4px!important}.m-xs{margin:4px!important}.mr-sm,.mx-sm{margin-right:8px!important}.ml-sm,.mx-sm{margin-left:8px!important}.mt-sm,.my-sm{margin-top:8px!important}.mb-sm,.my-sm{margin-bottom:8px!important}.p-xs{padding:4px!important}.pr-sm,.px-sm{padding-right:8px!important}.pl-sm,.px-sm,[dir=rtl] .pr-sm{padding-left:8px!important}.pt-sm,.py-sm{padding-top:8px!important}.pb-sm,.py-sm{padding-bottom:8px!important}.m-sm{margin:8px!important}.mr-md,.mx-md{margin-right:16px!important}.ml-md,.mx-md{margin-left:16px!important}.mt-md,.my-md{margin-top:16px!important}.mb-md,.my-md{margin-bottom:16px!important}.p-sm{padding:8px!important}.pr-md,.px-md{padding-right:16px!important}.pl-md,.px-md{padding-left:16px!important}.pt-md,.py-md{padding-top:16px!important}.pb-md,.py-md{padding-bottom:16px!important}.m-md{margin:16px!important}.mr-lg,.mx-lg{margin-right:24px!important}.ml-lg,.mx-lg{margin-left:24px!important}.mt-lg,.my-lg{margin-top:24px!important}.mb-lg,.my-lg{margin-bottom:24px!important}.p-md{padding:16px!important}.pr-lg,.px-lg{padding-right:24px!important}.pl-lg,.px-lg,[dir=rtl] .pr-lg{padding-left:24px!important}.pt-lg,.py-lg{padding-top:24px!important}.pb-lg,.py-lg{padding-bottom:24px!important}.m-lg{margin:24px!important}.mr-xl,.mx-xl{margin-right:32px!important}.ml-xl,.mx-xl{margin-left:32px!important}.mt-xl,.my-xl{margin-top:32px!important}.mb-xl,.my-xl{margin-bottom:32px!important}.p-lg{padding:24px!important}.pr-xl,.px-xl{padding-right:32px!important}.pl-xl,.px-xl{padding-left:32px!important}.pt-xl,.py-xl{padding-top:32px!important}.pb-xl,.py-xl{padding-bottom:32px!important}.m-xl{margin:32px!important}.mr-xxl,.mx-xxl{margin-right:48px!important}.ml-xxl,.mx-xxl{margin-left:48px!important}.mt-xxl,.my-xxl{margin-top:48px!important}.mb-xxl,.my-xxl{margin-bottom:48px!important}.p-xl{padding:32px!important}.pr-xxl,.px-xxl{padding-right:48px!important}.pl-xxl,.px-xxl,[dir=rtl] .pr-xxl{padding-left:48px!important}.pt-xxl,.py-xxl{padding-top:48px!important}.pb-xxl,.py-xxl{padding-bottom:48px!important}.m-xxl{margin:48px!important}.p-xxl{padding:48px!important}[dir=rtl] .mr0{margin-left:0!important;margin-right:inherit!important}[dir=rtl] .ml0{margin-right:0!important;margin-left:inherit!important}[dir=rtl] .pr0{padding-right:inherit!important}[dir=rtl] .pl0{padding-right:0!important;padding-left:inherit!important}[dir=rtl] .mr-xs{margin-left:4px!important;margin-right:inherit!important}[dir=rtl] .ml-xs{margin-right:4px!important;margin-left:inherit!important}[dir=rtl] .pr-xs{padding-left:4px!important;padding-right:inherit!important}[dir=rtl] .pl-xs{padding-right:4px!important;padding-left:inherit!important}[dir=rtl] .mr-sm{margin-left:8px!important;margin-right:inherit!important}[dir=rtl] .ml-sm{margin-right:8px!important;margin-left:inherit!important}[dir=rtl] .pr-sm{padding-right:inherit!important}[dir=rtl] .pl-sm{padding-right:8px!important;padding-left:inherit!important}[dir=rtl] .mr-md{margin-left:16px!important;margin-right:inherit!important}[dir=rtl] .ml-md{margin-right:16px!important;margin-left:inherit!important}[dir=rtl] .pr-md{padding-left:16px!important;padding-right:inherit!important}[dir=rtl] .pl-md{padding-right:16px!important;padding-left:inherit!important}[dir=rtl] .mr-lg{margin-left:24px!important;margin-right:inherit!important}[dir=rtl] .ml-lg{margin-right:24px!important;margin-left:inherit!important}[dir=rtl] .pr-lg{padding-right:inherit!important}[dir=rtl] .pl-lg{padding-right:24px!important;padding-left:inherit!important}[dir=rtl] .mr-xl{margin-left:32px!important;margin-right:inherit!important}[dir=rtl] .ml-xl{margin-right:32px!important;margin-left:inherit!important}[dir=rtl] .pr-xl{padding-left:32px!important;padding-right:inherit!important}[dir=rtl] .pl-xl{padding-right:32px!important;padding-left:inherit!important}[dir=rtl] .mr-xxl{margin-left:48px!important;margin-right:inherit!important}[dir=rtl] .ml-xxl{margin-right:48px!important;margin-left:inherit!important}[dir=rtl] .pr-xxl{padding-right:inherit!important}[dir=rtl] .pl-xxl{padding-right:48px!important;padding-left:inherit!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right,[dir=rtl] .text-left{text-align:right!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-nowrap{white-space:nowrap!important}.text-wrap{white-space:pre-wrap!important}.text-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.font-weight-normal{font-weight:400}.font-weight-bold,.se__title{font-weight:700}.text-xs{font-size:10px!important}.text-sm{font-size:12px!important}.text-md{font-size:14px!important}.text-lg{font-size:16px!important}.text-xl{font-size:20px!important}.text-xxl{font-size:26px!important}[dir=rtl] .text-right{text-align:left!important}.width-xs{width:80px!important}.max-width-xs{max-width:80px!important}.min-width-xs{min-width:80px!important}.width-sm{width:160px!important}.max-width-sm{max-width:160px!important}.min-width-sm{min-width:160px!important}.width-md{width:240px!important}.max-width-md{max-width:240px!important}.min-width-md{min-width:240px!important}.width-lg{width:320px!important}.max-width-lg{max-width:320px!important}.min-width-lg{min-width:320px!important}.width-xl{width:400px!important}.max-width-xl{max-width:400px!important}.min-width-xl{min-width:400px!important}.width-xxl{width:480px!important}.max-width-xxl{max-width:480px!important}.min-width-xxl{min-width:480px!important}.width-10{width:10%!important}.max-width-10{max-width:10%!important}.min-width-10{min-width:10%!important}.width-20{width:20%!important}.max-width-20{max-width:20%!important}.min-width-20{min-width:20%!important}.width-30{width:30%!important}.max-width-30{max-width:30%!important}.min-width-30{min-width:30%!important}.width-40{width:40%!important}.max-width-40{max-width:40%!important}.min-width-40{min-width:40%!important}.width-50{width:50%!important}.max-width-50{max-width:50%!important}.min-width-50{min-width:50%!important}.width-60{width:60%!important}.max-width-60{max-width:60%!important}.min-width-60{min-width:60%!important}.width-70{width:70%!important}.max-width-70{max-width:70%!important}.min-width-70{min-width:70%!important}.width-80{width:80%!important}.max-width-80{max-width:80%!important}.min-width-80{min-width:80%!important}.width-90{width:90%!important}.max-width-90{max-width:90%!important}.min-width-90{min-width:90%!important}.width-100{width:100%!important}.max-width-100{max-width:100%!important}.min-width-100{min-width:100%!important}@media (max-width:767px){.hidden-mobile,.hidden-sm{display:none!important}.max-width-sm,.min-width-sm,.width-sm{width:100%!important}}.scrollbar{overflow:auto}.scrollbar-x{overflow-x:auto;overflow-y:hidden}.scrollbar-y{overflow-x:hidden;overflow-y:auto}.ant-anchor-wrapper,.ant-dialog-wrap,.ant-drawer-body,.ant-drawer-wrapper-body,.scrollbar,body,textarea.ant-input{scrollbar-color:rgba(0,0,0,.3) #6e6e6e;scrollbar-width:thin}.ant-anchor-wrapper::-webkit-scrollbar,.ant-dialog-wrap::-webkit-scrollbar,.ant-drawer-body::-webkit-scrollbar,.ant-drawer-wrapper-body::-webkit-scrollbar,.scrollbar::-webkit-scrollbar,body::-webkit-scrollbar,textarea.ant-input::-webkit-scrollbar{width:6px;height:6px}.ant-anchor-wrapper::-webkit-scrollbar-track,.ant-dialog-wrap::-webkit-scrollbar-track,.ant-drawer-body::-webkit-scrollbar-track,.ant-drawer-wrapper-body::-webkit-scrollbar-track,.scrollbar::-webkit-scrollbar-track,body::-webkit-scrollbar-track,textarea.ant-input::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.ant-anchor-wrapper::-webkit-scrollbar-thumb,.ant-dialog-wrap::-webkit-scrollbar-thumb,.ant-drawer-body::-webkit-scrollbar-thumb,.ant-drawer-wrapper-body::-webkit-scrollbar-thumb,.scrollbar::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,textarea.ant-input::-webkit-scrollbar-thumb{background-color:#6e6e6e;outline:#333 solid 1px}.st{display:block}.st__p-left .ant-table-pagination{display:block;float:none;text-align:left}.st__p-center .ant-table-pagination{display:block;float:none;text-align:center}.st__btn-sub .st__btn-text{color:inherit}.st__btn-disabled .st__btn-text{color:rgba(0,0,0,.25);pointer-events:none}.st .nz-resizable-handle{display:flex;align-items:center;justify-content:center}.st .nz-resizable-handle>i{width:1px;height:60%;background:#d9d9d9}.st .nz-resizable-preview{border-width:0 1px 0 0}.st .nz-resizable.ant-table-column-has-sorters .nz-resizable-handle{margin-right:8px}.st .ant-table~nz-pagination>.ant-pagination{margin-bottom:0}.st__filter-keyword{padding:8px}.st .ant-table-column-title{display:flex;align-items:center}.st__head-optional,.st__head-tip{margin-left:2px;color:rgba(0,0,0,.35)}.st .ant-table-thead>tr>th .ant-table-filter-selected.ant-table-filter-icon{color:#1890ff}.st__checkall-selection{display:inline-block;margin-left:4px}.sv,.sv__container{display:block}.st .ant-table-tbody>tr .ant-table-wrapper:only-child .ant-table{margin:0}.st .ant-table-cell-fix-left-first::after,.st .ant-table-cell-fix-left-last::after{transform:translateX(80%)}.st .ant-table-cell-fix-right-first::after,.st .ant-table-cell-fix-right-last::after{transform:translateX(-80%)}@media screen and (min-width:768px){.st__width-strict .ant-table-body>table,.st__width-strict .ant-table-content>table{word-wrap:break-word!important;table-layout:fixed!important}}.sv+.sv{margin-top:8px}.sv__container .ant-row{margin-bottom:-8px;overflow:hidden}.sv__item-fixed{display:flex}.sv__item-fixed .sv__label{flex:0 0 auto;overflow:hidden;text-align:right;text-overflow:ellipsis}.sv__item-fixed .sv__detail{flex:1 0 0}.sv__item+.ant-divider{margin:0 0 8px}.sv__title{display:block;float:none;clear:both;width:100%;margin-bottom:8px;color:rgba(0,0,0,.85);font-weight:500;font-size:14px}.sv__detail,.sv__label{display:table-cell;line-height:22px;padding-bottom:8px}.sv__label{color:rgba(0,0,0,.5);white-space:nowrap}.sv__label:not(.sv__label-empty)::after{position:relative;top:-.5px;margin:0 8px 0 2px;content:':'}.sv__label-optional{margin-left:2px;color:rgba(0,0,0,.35)}.sv__label-optional-no-text{margin-left:0}.sv__label-optional>.anticon{margin-left:2px}.sv__detail{width:100%;color:rgba(0,0,0,.85);word-break:break-all}.sv__type-primary .sv__detail{color:#1890ff}.sv__type-success .sv__detail{color:#52c41a}.sv__type-danger .sv__detail{color:#ff4d4f}.sv__type-warning .sv__detail{color:#faad14}.sv__default::before{content:-}.sv__default~.sv__unit{display:none!important}.sv__unit{display:inline;margin-left:8px;color:#8c8c8c}.sv__small .ant-row{margin-bottom:-8px}.sv__small .sv__title{margin-bottom:12px;color:rgba(0,0,0,.85)}.sv__small .sv__detail,.sv__small .sv__label{padding-bottom:8px}.sv__value{display:inline-flex;align-items:center}.sv__value-prefix,.sv__value-unit{color:rgba(0,0,0,.5);font-size:12px;font-style:normal}.sv__value-prefix{padding-right:3px}.sv__value-text{font-size:18px}.sv__value-unit{padding-left:3px}.sv__value:not(:first-child){position:relative;margin-left:8px;padding-left:14px}.sv__value:not(:first-child)::before{position:absolute;left:0;width:6px;color:rgba(0,0,0,.5);content:/}.sv__value-small .sv__value-text{font-size:14px}.sv__value-large .sv__value-text{font-size:24px}.sv__large .sv__title{font-size:16px}.sv__horizontal .sv__label-width{display:flex;justify-content:flex-end}.se__title,.sv__vertical .sv__detail,.sv__vertical .sv__label{display:block}.sv__horizontal .sv__label-width .sv__label-text{overflow:hidden;text-overflow:ellipsis}.sv__vertical .sv__label{padding-bottom:8px}.sv__no-colon::after{content:' '!important}.se__title{float:none;clear:both;width:100%;color:rgba(0,0,0,.85);font-size:14px;line-height:1.66667}.se__item:last-child{margin-bottom:0;padding-bottom:0}.se__item-empty::before{display:inline-block;content:''}.se__item+.ant-divider{margin:0 0 16px}.se__label{display:table-cell;flex:0 0 auto;width:initial;white-space:nowrap;text-align:right}.se__label-optional{margin-left:2px;color:rgba(0,0,0,.35)}.se__label-optional-no-text{margin-left:0}.se__label-optional>.anticon{margin-left:2px}.se__control{flex:1 0 0;width:100%}.se__compact>.se__item,.se__compact>.se__title{margin-bottom:8px}.se__compact>.se__item+.ant-divider,.se__compact>.se__title+.ant-divider{margin:0 0 8px}.se__compact .ant-form-item-extra{display:none}.se__line{padding-bottom:8px;border-bottom:1px dashed #f0f0f0}.se__hide-label .se__nolabel,.se__inline .se__nolabel,.se__vertical .se__nolabel{display:none!important}.se__horizontal>.se__item{display:flex}.se__horizontal>.se__item:last-child{margin-bottom:0}.se__horizontal>.se__item .se__label{display:flex;justify-content:flex-end}.se__horizontal>.se__item .se__label-text{overflow:hidden;text-overflow:ellipsis}.se__horizontal>.se__item .ant-form-item-required::before{line-height:inherit}.se__horizontal>.se__item .ant-form-item-label>label::after{margin-left:4px}.se__vertical>.se__item{display:block;width:100%}.se__inline .ant-form-item-label,.se__inline .se__control{display:inline-block;width:initial!important;text-align:left;vertical-align:top}.se__inline>.se__item{margin-right:16px}.se__inline>.se__item[col='1']{flex-basis:auto;width:100%}.se__inline>.se__item:last-child{margin-right:0}.se__no-colon::after{content:' '!important}@media (max-width:767px){.se__horizontal>.se__item{display:block}.se__horizontal>.se__item .ant-form-item-label{width:100%!important;text-align:left}.se__horizontal>.se__item .se__label{justify-content:normal}.se__horizontal .se__control,.se__horizontal .se__label,.se__vertical .se__control,.se__vertical .se__label{width:100%!important}}.avatar-list,.avatar-list__item,.avatar-list__wrap{display:inline-block}.avatar-list__wrap{margin-left:8px;padding:0;font-size:0}.avatar-list__item{width:28px;height:28px;margin-left:-8px;font-size:12px}.avatar-list__item .ant-avatar{border:1px solid #fff;cursor:pointer}.footer-toolbar,.notice-icon__clear{border-top:1px solid #f0f0f0;transition:all .3s}.avatar-list__large{width:32px;height:32px}.avatar-list__small{width:22px;height:22px}.avatar-list__mini{width:20px;height:20px}.avatar-list__mini .ant-avatar{width:20px;height:20px;line-height:20px}.avatar-list__mini .ant-avatar-string{font-size:12px;line-height:18px}ellipsis{display:inline}.ellipsis{display:inline-block;width:100%;overflow:hidden;word-break:break-all}.ellipsis__lines{position:relative}.ellipsis__line-clamp{position:relative;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.ellipsis__shadow{position:absolute;z-index:-999;display:block;opacity:0}.error-collect{padding-right:24px;color:#f5222d;cursor:pointer}.error-collect__count{padding-left:8px}.error-collect-rtl{padding-right:0;padding-left:24px}.error-collect-rtl .error-collect__count{padding-right:8px;padding-left:0}.exception{display:flex;align-items:center;height:100%}.exception__img-block{flex:0 0 62.5%;width:62.5%;padding-right:152px;zoom:1}.exception__img-block::after,.exception__img-block::before{display:table;content:' '}.exception__img-block::after{clear:both;height:0;font-size:0}.exception__img{float:right;width:100%;max-width:430px;height:360px;background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%}.exception__cont{flex:auto}.exception__cont-title{margin-bottom:24px;color:#434e59;font-weight:600;font-size:72px;line-height:72px}.exception__cont-desc{margin-bottom:16px;color:rgba(0,0,0,.45);font-size:20px;line-height:28px}.exception__cont-actions .ant-btn:not(:last-child){margin-right:8px}@media screen and (max-width:1200px){.exception__img-block{padding-right:88px}}@media screen and (max-width:576px){.exception{display:block;text-align:center}.exception__img-block{margin:0 auto 24px;padding-right:0}}@media screen and (max-width:480px){.exception__img-block{margin-bottom:-24px;overflow:hidden}}.exception-rtl .exception__cont-actions .ant-btn:not(:last-child){margin-right:0}.footer-toolbar{position:fixed;right:0;bottom:0;display:flex;height:48px;padding:0 16px;line-height:48px;background:#fff;box-shadow:0 -1px 2px rgba(0,0,0,.03)}.footer-toolbar__left{flex:1}.full-content{display:block;height:100%;overflow:auto}.full-content__body{overflow:hidden}.global-footer{display:block;margin:48px 0 24px;padding:0 16px;text-align:center}.global-footer__links{margin-bottom:8px}.global-footer__links-item{display:inline-block;color:rgba(0,0,0,.45);transition:all .3s}.global-footer__links-item:not(:last-child){margin-right:40px}.global-footer__links-item:hover{color:rgba(0,0,0,.85)}.global-footer__copyright{color:rgba(0,0,0,.45);font-size:12px}.global-footer-rtl .global-footer__links-item:not(:last-child){margin-right:inherit;margin-left:40px}.notice-icon{width:336px}.notice-icon__btn{display:inline-block;cursor:pointer;transition:all .3s}.notice-icon .ant-popover-inner-content{padding:0}.notice-icon .ant-tabs-bar{margin-bottom:4px}.notice-icon .ant-tabs-nav .ant-tabs-tab{margin-right:32px;padding:12px 16px}.notice-icon .ant-tabs-nav .ant-tabs-tab:last-child{margin-right:0}.notice-icon .ant-tabs-nav-scroll{text-align:center}.notice-icon .ant-list{max-height:400px;overflow:auto}.notice-icon .ant-list-item{padding-right:24px;padding-left:24px;overflow:hidden;cursor:pointer;transition:all .3s}.page-header,.page-header .ant-tabs-bar{border-bottom:1px solid #f0f0f0}.notice-icon .ant-list-item:hover{background:#e6f7ff}.notice-icon .ant-list-item-meta{width:100%}.notice-icon .ant-list-item-meta-title{margin-bottom:8px;font-weight:400}.notice-icon .ant-list-item .ant-avatar{margin-top:4px;background:#fff}.notice-icon__notfound{padding:73px 0 88px;color:rgba(0,0,0,.45);text-align:center}.notice-icon__clear,.notice-icon__clear:hover{color:rgba(0,0,0,.85)}.notice-icon__notfound-img{display:inline-block;height:76px;margin-bottom:16px}.notice-icon__clear{height:46px;line-height:46px;text-align:center;border-radius:0 0 2px 2px;cursor:pointer}.notice-icon__item-desc,.notice-icon__item-time{font-size:12px;line-height:1.66667}.notice-icon__item .ant-badge-count{top:-10px}.notice-icon__item-read{opacity:.4}.notice-icon__item-time{margin-top:4px}.notice-icon__item-extra{float:right;margin-top:-1.5px;margin-right:0;color:rgba(0,0,0,.45);font-weight:400}.page-header{display:block;padding:8px 16px 0;background-color:#fff}.page-header__wide{max-width:1200px;margin:auto}.page-header .ant-breadcrumb{margin-bottom:8px}.page-header .ant-tabs{margin:0 0 -9px}.page-header__detail{display:flex}.page-header__row{display:flex;width:100%}.page-header__logo{flex:0 1 auto;margin-right:8px;padding-top:1px}.page-header__logo img{display:block;width:28px;height:28px;border-radius:2px}.page-header__title{color:rgba(0,0,0,.85);font-weight:500;font-size:20px}.page-header__title small{padding-left:8px;font-weight:400;font-size:14px}.page-header__action{min-width:266px;margin-left:56px}.page-header__desc,.page-header__title{flex:auto}.page-header__action,.page-header__extra,.page-header__main{flex:0 1 auto}.page-header__main{width:100%}.page-header__action,.page-header__desc,.page-header__extra,.page-header__logo,.page-header__title{margin-bottom:8px}.page-header__action,.page-header__extra{text-align:right}.page-header__extra{min-width:242px;margin-left:88px}@media screen and (max-width:1200px){.page-header__extra{margin-left:44px}}@media screen and (max-width:992px){.page-header__extra{margin-left:20px}}@media screen and (max-width:768px){.page-header__row{display:block}.page-header__action,.page-header__extra{margin-left:0;text-align:left}}@media screen and (max-width:576px){.page-header__detail{display:block}}@media screen and (max-width:480px){.page-header__action .ant-btn,.page-header__action .ant-btn-group{display:block;margin-bottom:8px}.page-header__action .ant-input-search-enter-button .ant-btn{margin-bottom:0}.page-header__action .ant-btn-group>.ant-btn{display:inline-block;margin-bottom:0}}.page-header-rtl .page-header__logo{margin-right:0;margin-left:8px}.page-header-rtl .page-header__title small{padding-right:8px;padding-left:0}.page-header-rtl .page-header__action{margin-right:56px;margin-left:0}.page-header-rtl .page-header__extra{margin-right:88px;margin-left:0}@media screen and (max-width:1200px){.page-header-rtl .page-header__extra{margin-right:44px;margin-left:0}}@media screen and (max-width:992px){.page-header-rtl .page-header__extra{margin-right:20px;margin-left:0}}.quick-menu{position:fixed;right:-1px;left:auto;z-index:11;display:block;backface-visibility:hidden;transition:margin .3s cubic-bezier(1,0,0,1)}.quick-menu,.quick-menu__ctrl{background-color:#fff;border:1px solid #fff;box-shadow:0 6px 16px -8px rgba(0,0,0,.08),0 9px 28px 0 rgba(0,0,0,.05),0 12px 48px 16px rgba(0,0,0,.03)}.quick-menu__inner{position:relative;padding:0 12px}.quick-menu__ctrl{position:absolute;top:-1px;left:-50px;width:50px;height:50px;text-align:center;border-right:0;border-radius:3px 0 0 3px;cursor:pointer}.quick-menu__ctrl-icon{font-size:20px;line-height:49px}.result{display:block;width:72%;margin:0 auto;text-align:center}.result__icon{margin-bottom:24px;font-size:72px;line-height:72px}.result__icon-success{color:#52c41a}.result__icon-error{color:#ff4d4f}.result__title{margin-bottom:16px;color:rgba(0,0,0,.85);font-weight:500;font-size:24px;line-height:32px}.result__desc{margin-bottom:24px;color:rgba(0,0,0,.45);font-size:14px;line-height:22px}.result__extra{padding:24px 40px;text-align:left;border-radius:2px}@media screen and (max-width:480px){.result{width:100%}.result__extra{padding:18px 20px}}.result__actions{margin-top:32px}.result__actions button:not(:last-child){margin-right:8px}.reuse-tab{display:block;background-color:#fff;outline:0;user-select:none}.reuse-tab .ant-tabs-nav .ant-tabs-tab .reuse-tab__op{position:absolute;display:none;margin:0;color:rgba(0,0,0,.85);font-size:10px}.reuse-tab .ant-tabs-nav .ant-tabs-tab:hover .reuse-tab__op{display:block}.reuse-tab .ant-tabs-nav .ant-tabs-tab .reuse-tab__name-width{display:inline-block;overflow:hidden;text-overflow:ellipsis}.reuse-tab .ant-tabs>.ant-tabs-nav{margin:0}.reuse-tab__line{padding:8px;border-bottom:1px solid #d9d9d9}.reuse-tab__line .ant-tabs-nav::before{border-bottom:none}.reuse-tab__line .ant-tabs-nav .ant-tabs-tab{padding:0}.reuse-tab__line .ant-tabs-nav .ant-tabs-tab .reuse-tab__op{top:12px;right:2px}.reuse-tab__line .ant-tabs-nav .ant-tabs-tab .reuse-tab__name{display:inline-block;padding:8px 20px}.reuse-tab__card{padding-top:8px}.reuse-tab__card .ant-tabs-nav-container{padding:0 8px}.reuse-tab__card .ant-tabs-nav .ant-tabs-tab .reuse-tab__op{top:4px;right:4px}.reuse-tab__disabled{opacity:.8;pointer-events:none}.reuse-tab__cm .ant-menu{border:1px solid #e9e9e9}.g2-card__footer,.message__item,.quick-chat__reply{border-top:1px solid #f0f0f0}.tag-select{position:relative;display:block;max-height:24px;margin-left:-8px;overflow:hidden;line-height:1.66667;transition:all .3s;user-select:none}.tag-select__expanded{max-height:200px;transition:all .3s}.tag-select__has-expand{padding-right:50px}.tag-select .ant-tag{margin-right:24px;padding:0 8px}.tag-select__trigger{position:absolute;top:0;right:0}.loading-default,.onboarding__mask{position:fixed;top:0;left:0;bottom:0}.tag-select__trigger-icon{margin-left:8px;font-size:12px}.tag-select-rtl{margin-right:-8px;margin-left:0}.tag-select-rtl__has-expand{padding-right:0!important;padding-left:50px!important}.tag-select-rtl .tag-select .ant-tag{margin-right:0;margin-left:24px}.tag-select-rtl .tag-select__trigger{right:initial;left:0}.tag-select-rtl .tag-select__trigger-icon{margin-right:0;margin-left:8px}.loading-backdrop{z-index:9999;background-color:rgba(0,0,0,.15)}.loading-default{right:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center}.g2-mini-progress,.g2-pie,.pdf-container,g2,g2-bar,g2-chart,g2-custom,g2-gauge,g2-mini-area,g2-mini-bar,g2-single-bar,g2-tag-cloud,g2-timeline{display:block}.loading-default__icon{margin-bottom:8px;color:#1890ff;font-size:24px}.loading-default__text{color:#1890ff}.loading-default__custom{width:64px;height:64px;fill:#fff}.onboarding+.cdk-overlay-container{z-index:99999}.onboarding__mask{right:0;z-index:99998;background-color:#000;opacity:.5}.onboarding__item{position:absolute}.onboarding__light{position:absolute;z-index:99999;background-color:rgba(255,255,255,.9);animation:2.5s cubic-bezier(.55,.05,.6,.2) 0s infinite normal none running onboardingAnt;pointer-events:none}.g2-card,.g2-card__top,.pdf-container{position:relative}.onboarding__light-el{z-index:100000!important}.onboarding__light-ant{transition:all .3s ease-out}.onboarding__footer{margin-top:8px}.onboarding__total{color:rgba(0,0,0,.85)}.g2-card__meta,.g2-pie__legend-percent,.g2-pie__total-title{color:rgba(0,0,0,.45)}@keyframes onboardingAnt{0%,33%{box-shadow:#fff 0 0 0 2px,#fff 0 0 0}100%,66%{box-shadow:#fff 0 0 0 2px,rgba(255,255,255,.01) 0 0 0 10px}}.pdf-container{height:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}g2-bar,g2-tag-cloud{width:100%}.g2-card__top{width:100%;overflow:hidden}.g2-card__top-margin{margin-bottom:12px}.g2-card__top-has-margin{margin-bottom:20px}.g2-card__meta{height:22px;font-size:12px;line-height:22px}.g2-card__total,.g2-pie__legend-title{color:rgba(0,0,0,.85)}.g2-card__meta-wrap{float:left}.g2-card__meta-action{position:absolute;top:4px;right:0;line-height:1;cursor:pointer}.g2-card__avatar{position:relative;top:4px;float:left;margin-right:20px}.g2-card__total{height:38px;margin-top:4px;margin-bottom:0;overflow:hidden;font-size:30px;line-height:38px;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.g2-card__desc{width:100%;margin-bottom:12px}.g2-card__footer{margin-top:8px;padding-top:9px}.g2-card__footer>*{position:relative}.g2-mini-progress{position:relative;width:100%;padding:5px 0}.g2-mini-progress__wrap{position:relative;background-color:#f5f5f5}.g2-mini-progress__value{width:0;height:100%;background-color:#1890ff;border-radius:1px 0 0 1px;transition:all .4s cubic-bezier(.08,.82,.17,1) 0s}.g2-mini-progress__target{position:absolute;top:0;bottom:0}.g2-mini-progress__target-item{position:absolute;top:0;left:0;width:2px;height:4px;border-radius:100px}.g2-pie,.g2-pie__chart{position:relative}.g2-mini-progress__target-item:last-child{top:auto;bottom:0}.g2-pie__legend{position:absolute;top:50%;right:0;min-width:250px;margin:0 20px;padding:0;list-style:none;transform:translateY(-50%)}.g2-pie__legend-item{height:22px;margin-bottom:16px;line-height:22px;cursor:pointer}.g2-pie__legend-item:last-child{margin-bottom:0}.g2-pie__legend-dot{position:relative;top:-1px;display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:8px}.g2-pie__legend-value{position:absolute;right:0}.g2-pie__legend-has .g2-pie__chart{width:calc(100% - 240px)}.g2-pie__legend-block .g2-pie__chart{width:100%;margin:0 0 32px}.g2-pie__legend-block .g2-pie__legend{position:relative;min-width:auto;transform:none}.g2-pie__total{position:absolute;top:50%;left:50%;height:62px;text-align:center;transform:translate(-50%,-50%)}.g2-pie__total-title{height:22px;margin-bottom:8px;font-weight:400;font-size:14px;line-height:22px}.g2-pie__total-stat{display:block;height:32px;color:rgba(0,0,0,.85);font-size:1.2em;line-height:32px;white-space:nowrap}.g2-pie__mini .g2-pie__total-title{margin-top:4px;margin-bottom:0}.g2-radar{display:block}.g2-radar__legend{margin-top:16px}.g2-radar__legend-item{position:relative;color:rgba(0,0,0,.45);line-height:22px;text-align:center;cursor:pointer}.g2-radar__legend-item::after{position:absolute;top:8px;right:0;width:1px;height:40px;content:''}.g2-radar__legend-item:last-child::after{display:none}.g2-radar__legend-dot,.g2-water-wave,.number-info,.number-info__value-text,.trend{display:inline-block}.g2-radar__legend-title{margin-top:4px;margin-bottom:0;padding-left:16px;color:rgba(0,0,0,.85);font-size:24px;line-height:32px}.g2-radar__legend-dot{position:relative;top:-1px;width:6px;height:6px;margin-right:6px;border-radius:6px}.g2-water-wave{position:relative;transform-origin:left}.g2-water-wave__desc{position:absolute;top:32px;left:0;width:100%;text-align:center}.g2-water-wave__desc-title{color:rgba(0,0,0,.45);font-size:14px;line-height:22px}.g2-water-wave__desc-percent{color:rgba(0,0,0,.85);font-size:24px;line-height:32px}.g2-water-wave__canvas{transform:scale(.5);transform-origin:0 0}.number-info__title{margin-bottom:16px;color:rgba(0,0,0,.85);font-size:14px;transition:all .3s}.number-info__title-sub{height:22px;overflow:hidden;color:rgba(0,0,0,.45);font-size:12px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.number-info__value{margin-top:4px;overflow:hidden;font-size:0;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.number-info__value-suffix{margin-left:4px;color:rgba(0,0,0,.85);font-size:16px;font-style:normal}.number-info__value-text{height:32px;color:rgba(0,0,0,.85);font-size:24px;line-height:32px}.number-info__value-sub{margin-left:32px;color:rgba(0,0,0,.45);font-size:14px;vertical-align:top}.number-info__value-sub .anticon{margin-left:4px;font-size:12px;transform:scale(.82)}.number-info__value-sub .anticon-caret-up{color:#f5222d}.number-info__value-sub .anticon-caret-down{color:#52c41a}.number-info__light .number-info__value-text{color:rgba(0,0,0,.85)}.number-info:not(:first-child){position:relative;margin-left:32px;padding-left:32px}.number-info:not(:first-child)::after{position:absolute;top:0;bottom:0;left:0;width:1px;margin:8px 0;content:''}.trend{font-size:12px;line-height:22px}.trend__down,.trend__up{position:relative;top:1px;margin-left:4px}.trend__down i,.trend__up i{font-size:12px;transform:scale(.83)}.trend__up{color:#f5222d}.trend__down{top:-1px;color:#52c41a}.trend__grey .trend__down,.trend__grey .trend__up{color:rgba(0,0,0,.85)}.trend__reverse .trend__up{color:#52c41a}.trend__reverse .trend__down{color:#f5222d}.alain-pro__menu{display:block}.alain-pro__menu-item--disabled{pointer-events:none}.alain-pro__menu-only-icon .alain-pro__menu-item{padding-right:8px!important;padding-left:8px!important}.alain-pro__menu-only-icon .alain-pro__menu-item:first-child{padding-left:0}.alain-pro__menu-only-icon .alain-pro__menu-icon{margin-right:0;font-size:16px}.alain-pro__menu-title{position:relative}.alain-pro__menu-title-badge{display:flex;justify-content:center;width:18px;height:18px;padding:0;font-size:12px;line-height:18px;background:#1890ff;border-radius:50%}.alain-pro__menu-title-badge>em{color:#fff;font-style:normal}.alain-pro__menu-img{width:14px!important;height:14px!important}.alain-pro__side-nav .alain-pro__menu-title{display:flex;align-items:center}.alain-pro__side-nav .alain-pro__menu-title-text{flex:1}.alain-pro__side-nav .ant-menu-inline-collapsed .alain-pro__menu-title-badge{position:absolute;top:0;right:-16px;width:8px;height:8px}.alain-pro__side-nav .ant-menu-inline-collapsed .alain-pro__menu-title-badge>em{display:none}.alain-pro__main{min-height:100vh;background-color:#f0f2f5}.alain-pro__main>.ant-layout-header{height:56px;line-height:56px}.alain-pro__page-header-wrapper{position:relative;display:block;margin:-24px -24px 0}.alain-pro__page-header-content{margin:24px 24px 0}.alain-pro__page-grid{display:block;width:100%;height:100%;min-height:100%;transition:.3s}.alain-pro__page-grid-wide{max-width:1200px;margin:0 auto}.alain-pro__page-grid-no-spacing{width:initial;margin:-24px -24px 0}.alain-pro__fetching-icon{display:none}.alain-pro__fetching .alain-pro__fetching-icon{display:block}@media screen and (max-width:767px){.alain-pro__page-header-content{margin:24px 10px 0}}.alain-pro__header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 12px 0 0;background:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08)}.alain-pro__header-logo{padding:0 24px}.alain-pro__header-right{display:flex;align-items:center;justify-items:center}.alain-pro__header-item{position:relative;display:flex;align-items:center;justify-items:center;height:56px;padding:0 12px;line-height:56px;cursor:pointer;transition:all .3s}.alain-pro__header-item-icon,.alain-pro__header-item>i{font-size:14px!important;transform:none!important}.alain-pro__header-item,.alain-pro__header-item-icon{color:rgba(0,0,0,.65)}.alain-pro__header-item:hover{background:rgba(0,0,0,.025)}.alain-pro__header-item:hover,.alain-pro__header-item:hover .alain-pro__header-item-icon{color:#000}.alain-pro__header-trigger{padding:0 24px}.alain-pro__header-trigger .alain-pro__header-item-icon{font-size:20px!important}.alain-pro__header-search:hover{background:0 0}.alain-pro__header-fixed{position:fixed;top:0;right:0;z-index:9;width:100%;transition:width .2s}.alain-pro__header-hide{opacity:0;transition:opacity .2s}@media only screen and (max-width:767px){.alain-pro__header-name{display:none}.alain-pro__header-trigger{padding:0 12px}.alain-pro__header-logo{position:relative;padding-right:12px;padding-left:12px}}layout-pro-header{z-index:1}[dir=rtl] .alain-pro__header-fixed{right:inherit;left:0}.alain-pro__top-nav{position:relative;width:100%;height:56px;padding:0 12px 0 0;box-shadow:0 1px 4px rgba(0,21,41,.08);transition:background .3s,width .2s}.alain-pro__top-nav .alain-pro__menu .ant-menu{display:flex;align-items:center;height:56px;border:none}.alain-pro__top-nav .alain-pro__menu-wrap{flex:1;padding-right:8px}.alain-pro__top-nav .alain-pro__menu-item{height:100%}.alain-pro__top-nav .alain-pro__menu-item .ant-menu-submenu-title{height:100%;padding:0 12px}.alain-pro__top-nav-main{display:flex;height:56px;padding-left:24px}.alain-pro__top-nav-main-wide{max-width:1200px;margin:auto;padding-left:4px}.alain-pro__top-nav-main-left{display:flex;flex:1}.alain-pro__top-nav-logo{width:165px}.alain-pro__top-nav-logo h1{margin:0 0 0 12px;color:#fff;font-size:16px}.alain-pro__top-nav .alain-pro__menu-title-badge{position:absolute;top:-16px;right:-16px}.alain-pro__sider,.alain-pro__sider-logo{position:relative;display:block;overflow:hidden}.alain-pro__dark .alain-pro__top-nav .alain-pro__header-item,.alain-pro__dark .alain-pro__top-nav .alain-pro__header-item-icon{color:rgba(255,255,255,.65)}.alain-pro__dark .alain-pro__top-nav .alain-pro__header-item .ant-popover-open,.alain-pro__dark .alain-pro__top-nav .alain-pro__header-item:hover{background:#1890ff}.alain-pro__light .alain-pro__sider,.alain-pro__light .alain-pro__top-nav,.quick-chat,.quick-chat__bar--title:hover{background-color:#fff}.alain-pro__dark .alain-pro__top-nav .alain-pro__header-item .ant-popover-open .alain-pro__header-item,.alain-pro__dark .alain-pro__top-nav .alain-pro__header-item .ant-popover-open .alain-pro__header-item-icon,.alain-pro__dark .alain-pro__top-nav .alain-pro__header-item:hover .alain-pro__header-item,.alain-pro__dark .alain-pro__top-nav .alain-pro__header-item:hover .alain-pro__header-item-icon{color:#fff}.alain-pro__light .alain-pro__top-nav h1{color:#002140}[dir=rtl] .alain-pro__top-nav-logo h1{margin-right:12px;margin-left:0}.alain-pro__sider{z-index:10;min-height:100vh;box-shadow:2px 0 6px rgba(0,21,41,.35)}.alain-pro__sider-logo{height:56px;padding-left:24px;line-height:56px;background:#002140;transition:all .3s}.alain-pro__sider-logo img{display:inline-block;height:32px;vertical-align:middle}.alain-pro__sider-logo h1{display:inline-block;margin:0 0 0 12px;color:#fff;font-weight:600;font-size:20px;font-family:'Myriad Pro','Helvetica Neue',Arial,Helvetica,sans-serif;vertical-align:middle;transition:all .3s}.alain-pro__sider-fixed{position:fixed;top:0;left:0}.alain-pro__sider-fixed .alain-pro__side-nav-wrap{height:calc(100vh - 56px);padding-bottom:24px;overflow-y:scroll}.alain-pro__drawer .ant-drawer-wrapper-body{height:100%;overflow:auto}.alain-pro__drawer .ant-drawer-body{height:100vh;padding:0;overflow-x:hidden}.aside-collapsed .alain-pro__sider-logo{display:flex;justify-content:center;padding:0}.aside-collapsed .alain-pro__sider-logo h1{display:none}.alain-pro__light .alain-pro__sider{box-shadow:2px 0 8px 0 rgba(29,35,41,.05)}.alain-pro__light .alain-pro__sider-logo{background:#fff;box-shadow:1px 1px 0 0 #f0f0f0}.alain-pro__light .alain-pro__sider-logo h1{color:#1890ff}[dir=rtl] .alain-pro__sider-logo{padding-right:24px;padding-left:0}[dir=rtl] .alain-pro__sider-logo h1{margin-right:12px;margin-left:0}[dir=rtl] .alain-pro__sider-fixed{right:0;left:inherit}.alain-pro__footer,[dir=rtl] .aside-collapsed .alain-pro__sider-logo{padding:0}.ant-card{transition:none}.alain-pro__header-item .ant-badge-count{position:absolute;top:24px;right:12px}.full-content__hidden-title page-header,.full-content__opened .alain-pro__sider,.full-content__opened layout-pro-header,.full-content__opened reuse-tab{display:none!important}.footer-toolbar{z-index:99;width:auto}.footer-toolbar__body .alain-pro__body{margin-bottom:56px!important}.alain-pro__menu-side .footer-toolbar{left:256px}.alain-pro__menu-top .footer-toolbar{left:0}.aside-collapsed .footer-toolbar{left:80px}.page-header{padding-right:24px;padding-left:24px}.btn-flat{background:0 0!important;border-color:transparent!important;box-shadow:none!important}.ant-dropdown-menu-item{outline:0}@page{size:a3}.brand-page-loading{position:absolute;top:0;right:0;left:0;min-height:200px}.brand-top-right{position:absolute;top:8px;right:8px}.brand-top-left{position:absolute;top:8px;left:8px}.brand-range-picker__date{display:inline-block;width:240px}.alain-pro__header-search,.setting-drawer__blockChecbox{display:flex}.setting-drawer__handle-opened{right:300px!important}.setting-drawer__blockChecbox-item{position:relative;margin-right:16px;border-radius:2px;cursor:pointer}.setting-drawer__blockChecbox-item img{width:48px}.setting-drawer__blockChecbox-selectIcon{position:absolute;top:0;right:0;width:100%;height:100%;padding-top:15px;padding-left:24px;color:#1890ff;font-weight:700;font-size:14px}.setting-drawer__handle{top:114px;width:32px;height:32px;background:rgba(0,0,0,.38)}.setting-drawer__handle-icon{font-size:16px}.setting-drawer-rtl .setting-drawer__handle-opened{right:inherit!important;left:300px!important}.alain-pro__header-search .anticon-search{font-size:16px;cursor:pointer}.alain-pro__header-search-input{width:0;overflow:hidden;background:0 0;border-radius:0;transition:width .3s,margin-left .3s}.alain-pro__header-search-input .ant-select-selection{background:0 0}.alain-pro__header-search-input input{padding-right:0;padding-left:0;background:0 0;border:0;outline:0;box-shadow:none}.alain-pro__header-search-input,.alain-pro__header-search-input:focus,.alain-pro__header-search-input:hover,.message__tools{border-bottom:1px solid #d9d9d9}.alain-pro__header-search-show:hover{background:0 0!important}.alain-pro__header-search-show .alain-pro__header-search-input{width:210px;margin-left:8px}.alain-pro__dark .alain-pro__top-nav .alain-pro__header-search-show .ant-input{color:#fff}.brand-bordered{overflow:hidden;border:1px solid rgba(24,28,33,.06)}.brand-bordered>[class*=ant-col-]::after,.brand-bordered>[class*=ant-col-]::before{position:absolute;display:block;content:''}.brand-bordered>[class*=ant-col-]::before{right:0;bottom:-1px;left:0;height:0;border-top:1px solid rgba(24,28,33,.06)}.brand-bordered>[class*=ant-col-]::after{top:0;bottom:0;left:-1px;width:0;border-left:1px solid rgba(24,28,33,.06)}.brand-border-width-2{border-width:2px!important}.brand-collapse-arrow-reverse .ant-collapse>.ant-collapse-item>.ant-collapse-header{padding-right:40px;padding-left:12px}.brand-collapse-arrow-reverse .ant-collapse>.ant-collapse-item>.ant-collapse-header .arrow{right:16px;left:unset}.dd-btn{display:block;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;cursor:pointer}.quick-chat,.quill-editor{line-height:initial}.dd-btn:hover{background:#f5f5f5;border:1px solid #f0f0f0}.attachment-img,.img-thm{background-color:transparent}.attachment{display:flex;align-items:center;margin-bottom:8px;padding:4px;border:1px solid #e8e8e8}.attachment-icon{padding:2px;font-size:40px}.attachment-img{width:64px;height:64px;background-position:center center;background-size:cover}.img-thm,.img-thm__img{height:auto;max-width:100%}.feed__icon{position:relative}.feed__icon-tag{position:absolute;top:-6px;right:-2px}.img-thm{position:relative;display:block}.img-thm__mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;background-color:rgba(0,0,0,.3)}.img-thm__icon{position:absolute;top:50%;left:50%;z-index:3;display:block;color:#fff;font-size:32px;opacity:0}.img-thm__img{z-index:1}.img-thm__zoom-in{overflow:hidden}.img-thm__zoom-in .img-thm__icon{transform:translate(-50%,-50%) scale(.6)}.img-thm__zoom-in .img-thm__img{transition:all .3s ease-in-out}.img-thm__zoom-in:hover .img-thm__icon{transform:translate(-50%,-50%) scale(1)}.img-thm__zoom-in:hover .img-thm__img{transform:scale(1.1)}.img-thm:not(:hover):not(:focus) .img-thm__mask{opacity:0}.quill-editor.ng-dirty.ng-invalid .ql-container,.quill-editor.ng-dirty.ng-invalid .ql-toolbar{border-color:#ff4d4f}.ql-snow .ql-size .ql-picker-item[data-value="10px"]::before,.ql-snow .ql-size .ql-picker-label[data-value="10px"]::before{content:'10px'}.ql-snow .ql-size .ql-picker-item[data-value="12px"]::before,.ql-snow .ql-size .ql-picker-label[data-value="12px"]::before{content:'12px'}.ql-snow .ql-size .ql-picker-item[data-value="14px"]::before,.ql-snow .ql-size .ql-picker-label[data-value="14px"]::before{content:'14px'}.ql-snow .ql-size .ql-picker-item[data-value="16px"]::before,.ql-snow .ql-size .ql-picker-label[data-value="16px"]::before{content:'16px'}.ql-snow .ql-size .ql-picker-item[data-value="18px"]::before,.ql-snow .ql-size .ql-picker-label[data-value="18px"]::before{content:'18px'}.ql-snow .ql-size .ql-picker-item[data-value="20px"]::before,.ql-snow .ql-size .ql-picker-label[data-value="20px"]::before{content:'20px'}.ql-snow .ql-size .ql-picker-item[data-value="24px"]::before,.ql-snow .ql-size .ql-picker-label[data-value="24px"]::before{content:'24px'}app-file-manager file-manager{display:block;padding:24px;background:#fff}.file-manager{display:flex;margin-top:16px}.file-manager__header{display:flex;align-items:center;margin-top:16px;padding:0 32px 4px 12px;font-weight:700;border-bottom:2px solid rgba(0,0,0,.05)}.file-manager__header-name{flex:1}.file-manager__header-pixel{width:150px}.file-manager__header-time{width:130px}.file-manager__small .file-item{display:flex;align-items:center;width:100%;margin:0 0 2px;padding:4px 32px 4px 0;text-align:left}.file-manager__small .file-item__icon,.file-manager__small .file-item__img{display:block;width:32px;height:32px;margin:0 8px;font-size:20px;line-height:32px;text-align:center}.file-manager__small .file-item__name{flex:1}.file-manager__small .file-item__pixel{position:inherit;width:150px}.file-manager__small .file-item__pixel>span{background:0 0}.file-manager__small .file-item__time{display:block;width:130px}.file-item{position:relative;z-index:1;flex:0 0 auto;flex-shrink:0;width:9rem;margin:0 8px 8px 0;padding:16px 0 24px;text-align:center;border:1px solid transparent;cursor:pointer}.file-item:hover{border-color:rgba(0,0,0,.05)}.file-item:hover .file-item__actions{display:block}.file-item__selected{background-color:#e6f7ff!important;border-color:#1890ff!important}.course__img,.file-item__img{background-color:transparent}.file-item__selected .file-item__actions{display:block}.file-item__icon{display:block;margin:16px 0;font-size:40px}.file-item__img{display:block;width:4rem;height:4rem;margin:0 auto .75rem;font-size:2.5rem;line-height:4rem;background-position:center center;background-size:cover}.file-item__name{height:28px;padding:0 8px;overflow:hidden;color:#4e5155;line-height:28px;white-space:nowrap;text-overflow:ellipsis}.file-item__pixel{position:absolute;bottom:0;left:0;width:100%}.file-item__pixel>span{display:block;width:100%;padding:2px 0;background:rgba(0,0,0,.01)}.file-item__time{display:none}.file-item__actions{position:absolute;top:8px;right:8px;display:none}.ware__color{display:inline-block;width:12px;height:12px}.ware__imgs .se__label{padding-right:8px}.ware__imgs-wrap{display:flex;align-items:center}.ware__imgs-color{display:flex;margin:0;padding:0;list-style:none}.ware__imgs-item{position:relative;width:72px;height:72px;margin-right:16px;border:1px solid #ccc}.ware__imgs-item-img{width:70px;height:70px}.ware__imgs-item-img img{max-width:100%;max-height:100%}.ware__imgs-item-del{position:absolute;top:2px;right:4px;color:#fff;line-height:normal}.ware__imgs-item::before{position:absolute;top:24px;display:block;width:100%;color:#ccc;line-height:normal;text-align:center;content:'细节图'}.ware__imgs-item:first-child::before{content:'主图*'}.ware__imgs-item-exists::before{content:''}.faq-v1__item{display:flex;align-items:center;padding:8px}.faq-v1__item-icon{font-size:24px}.faq-v1__item-title{margin-bottom:0;font-weight:400;font-size:14px}.faq-v1__item-remark{margin-bottom:0;color:#bfbfbf}.faq-v1__item-hover{background-color:rgba(0,0,0,.02);cursor:pointer}.faq-v1__item-hover:hover{background-color:rgba(0,0,0,.04)}.faq-v1__item-hover:hover .faq__item-icon,.faq-v1__item-hover:hover .faq__item-title{color:#1890ff}.task__container{border-bottom:1px solid #f0f0f0}.task__container:last-child{border-bottom:none}.task__title{margin-bottom:16px;color:#a3a4a6;font-weight:400;font-size:12px}.task__item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid rgba(24,28,33,.06)}.task__item:first-child{border-top:none}.task__item-handle{margin-right:16px;color:#bfbfbf;font-size:12px;cursor:pointer}.task__item-done{color:#a3a4a6}.message__container{position:relative}.message__sidebox{position:absolute;top:0;left:0;width:250px;height:100%;background:#f5f5f5}.message__tools{display:flex;flex-wrap:wrap;align-items:center;padding:4px 24px;border-top:1px solid #d9d9d9}.message__tools-choose{display:flex;flex:1;flex-wrap:wrap;align-items:center}.message__content{min-height:600px}.message__item{display:flex;align-items:center;padding:4px 24px}.message__item:first-child{border-top:none}.message__item-from{display:flex;align-items:center;width:160px}.message__item-subject{width:100%;color:#595959}.message__item-subject:hover{color:#1890ff}.message__item-date{color:#bfbfbf;white-space:nowrap}.message__item-unread .message__item-subject{font-weight:700}@media (min-width:768px){.message__container{padding-left:250px}}@media (max-width:767px){.message__tools-choose{flex-basis:100%}.message__item{flex-wrap:wrap}}.course__img{display:block;padding-top:60%;background-position:center center;background-size:cover;border-top-left-radius:2px;border-top-right-radius:2px}.course__star .ant-rate{font-size:10px}.chat__container{display:flex;overflow:hidden;background:#fff;border:1px solid #f0f0f0}.chat__scroll-container{position:relative;width:100%}.chat__sidebox{display:flex;flex-direction:column;width:250px;box-shadow:6px 0 16px -8px rgba(0,0,0,.08),9px 0 28px 0 rgba(0,0,0,.05),12px 0 48px 16px rgba(0,0,0,.03);transition:.2s all}.chat__contact{display:flex;align-items:center;padding:8px 16px;color:#4e5155;cursor:pointer}.chat__contact:hover:not(.chat__contact-active){background-color:rgba(24,28,33,.03)}.chat__contact .ant-badge-status-text{color:#52c41a;font-size:12px}.chat__contact-offline{opacity:.7}.chat__contact-offline .ant-badge-status-text{color:#f5222d}.chat__contact-active{background-color:#e84c64}.chat__contact-active,.chat__contact-active .ant-badge-status-text{color:#fff}.chat__user-avatar{height:40px;border-radius:50%}.chat__message{display:flex;flex-shrink:0;margin-bottom:8px}.chat__message-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:24px}.chat__message-left{margin-right:58px}.chat__message-left .chat__message-avatar{margin-right:8px}.chat__message-right{flex-direction:row-reverse;margin-left:58px}.chat__message-right .chat__message-avatar{margin-left:8px}.chat__message-send{text-align:center}.chat__message-avatar{width:50px;text-align:center}.chat__message-text{width:100%;color:#bfbfbf;font-size:12px;text-align:center}.chat__message-time{padding-top:2px;color:#bfbfbf;font-size:12px;white-space:nowrap}.chat__message-msg{padding:4px 8px;background:#f5f5f5;border-radius:4px}.fc-antd .fc-event,.fc-antd .fc-scrollgrid,.fc-antd td,.fc-antd th{border:1px solid #f0f0f0}.chat__message-msg--name{display:block;margin-bottom:2px}[dir=rtl] .chat__message-left{margin-right:inherit;margin-left:58px}[dir=rtl] .chat__message-left .chat__message-avatar{margin-right:inherit;margin-left:8px}[dir=rtl] .chat__message-right{margin-right:inherit;margin-left:58px}[dir=rtl] .chat__message-right .chat__message-avatar{margin-right:inherit;margin-left:8px}.fc-antd a{color:inherit}.fc-antd a,.fc-antd a:hover{text-decoration:none}.fc-antd .fc-col-header-cell{padding:8px;color:rgba(0,0,0,.85)}.fc-antd .fc-day:not(.fc-axis){padding:4px}.fc-antd .fc-day.fc-day-today{background:rgba(232,232,232,.2)}.fc-antd .fc-event{background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.055)}.fc-antd .fc-event-title-container{padding:4px 4px 4px 20px}.fc-antd .fc-event-title-container::before{position:absolute;top:50%;left:4px;display:block;width:10px;height:10px;margin-top:-5px;background:rgba(0,0,0,.2);border-radius:50%;content:' '}.fc-antd .fc-event-title{display:block;overflow:hidden;color:rgba(0,0,0,.85);white-space:nowrap;text-overflow:ellipsis}.fc-antd .fc-event.fc-not-start.fc-end .fc-event-main{padding-left:4px}.fc-antd .fc-event.fc-not-start.fc-end .fc-event-main::before{display:none}.fc-antd .fc-event-fill-primary,.fc-antd .fc-event-primary .fc-event-title-container::before{background-color:#1890ff}.fc-antd .fc-event-fill-success,.fc-antd .fc-event-success .fc-event-title-container::before{background-color:#52c41a}.fc-antd .fc-event-danger .fc-event-title-container::before,.fc-antd .fc-event-fill-danger{background-color:#f5222d}.fc-antd .fc-event-fill-warning,.fc-antd .fc-event-warning .fc-event-title-container::before{background-color:#fadb14}.fc-antd .fc-event-fill-purple,.fc-antd .fc-event-purple .fc-event-title-container::before{background-color:#722ed1}.fc-antd .fc-event-fill-magenta,.fc-antd .fc-event-magenta .fc-event-title-container::before{background-color:#eb2f96}.fc-antd .fc-popover-header{padding:8px 16px;background:#eee}.fc-antd .fc-popover-body{background:#fff}.pro-passport{display:flex;flex-basis:100%;align-items:stretch;justify-content:stretch;min-height:100vh;overflow:hidden}.pro-passport__langs{position:fixed;top:16px;left:16px;z-index:9999}.pro-passport__langs .alain-pro__header-item{height:auto;padding:0}.pro-passport__bg{padding:0 24px;background-color:transparent;background-position:center center;background-size:cover}.pro-passport__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:.4}.pro-passport__form{padding:32px}.pro-passport__form-logo{height:32px;text-align:center}.pro-passport__form-logo img{max-height:100%}.pro-passport__form-title{margin:16px 0;color:#bfbfbf;text-align:center}@media (max-width:991px){.pro-passport__form{width:100%}}.quick-chat{position:fixed;top:auto;right:0;bottom:0;left:auto;z-index:98;display:flex;flex:1;flex-direction:column;width:320px;margin-right:30px;border:1px solid #f0f0f0;border-bottom:none;border-radius:4px 4px 0 0;box-shadow:0 16px 24px 2px rgba(0,0,0,.14)}.quick-chat__bar{display:flex;flex-direction:row;align-items:center;height:32px;border-bottom:1px solid #f0f0f0;cursor:pointer;user-select:none}.quick-chat__bar--title{flex:1;height:32px;padding-left:16px;font-size:14px;line-height:32px}.quick-chat__bar--title-has-message{animation:antSwingIn 1.5s infinite}.quick-chat__bar--menu{display:flex;align-items:center;height:32px}.quick-chat__bar--menu .anticon{font-size:18px}.quick-chat__bar--close{padding:0 16px 0 8px}.quick-chat__body{max-height:370px;transition:max-height .5s cubic-bezier(0,1,0,1)}.quick-chat__content{position:relative;display:flex;flex-direction:column;height:320px}.app-dd__op,.quick-chat .chat__message{align-items:center}.quick-chat__content .chat__scroll-container{display:block}.quick-chat__reply{height:50px;padding:8px}.quick-chat__reply--ipt{display:block;width:100%;height:100%;background:0 0;border:none;outline:0}.quick-chat .chat__message-avatar{width:28px}.quick-chat .chat__user-avatar{height:20px}.quick-chat__collapsed .quick-chat__body{max-height:0}.quick-chat__collapsed .quick-chat__body .chat__scroll-container{display:none}[dir=rtl] .quick-chat{right:inherit;left:0;margin-right:inherit;margin-left:30px}[dir=rtl] .quick-chat__bar--title{padding-right:16px;padding-left:0}.app-dd{position:relative;display:block}.app-dd__op{position:absolute;top:-24px;right:24px;z-index:99;display:flex;justify-content:center}.app-dd__op-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:8px;color:#fff;background:rgba(0,0,0,.4);border-radius:0 0 4px 4px;cursor:pointer;pointer-events:auto}.app-dd__op-btn:hover{background:rgba(0,0,0,.3)}.app-dd__ph{opacity:.3}.app-dd__item{position:relative;display:block}.app-dd__item-btn{position:absolute;top:8px;right:8px;display:none;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(0,0,0,.02);cursor:pointer}.app-dd__item:hover .app-dd__item-refresh{display:flex}.app-dd__item-design{opacity:.8;user-select:none}.app-dd__item-design .app-dd__item-handle{display:flex!important;background:rgba(0,0,0,.1)}.app-dd__item-design .app-dd__item-refresh{display:none!important}.app-dd__item.cdk-drag-preview{border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.app-dd__item.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1)}
\ No newline at end of file
+.cdk-overlay-container,body,html{height:100%;width:100%}.ant-alert,body,h1,h2,h3,h4,h5,h6{color:rgba(0,0,0,.85)}a,a:active,a:focus,a:hover{outline:0;text-decoration:none}dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0}address,dl,ol,p,pre,ul{margin-bottom:1em}.ant-avatar,img{vertical-align:middle}.ant-btn,[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}.ant-picker-content,table{border-collapse:collapse}pre,textarea{overflow:auto}dd,h1,h2,h3,h4,h5,h6,legend{margin-bottom:.5em}.ant-badge-status,progress,sub,sup{vertical-align:baseline}[ant-click-animating-without-extra-node=true],[ant-click-animating=true],sub,sup{position:relative}.ant-carousel .slick-slider,.cdk-overlay-backdrop,html{-webkit-tap-highlight-color:transparent}.ant-btn:empty,.ant-carousel .slick-list .slick-slide input.ant-checkbox-input,.ant-carousel .slick-list .slick-slide input.ant-radio-input{visibility:hidden}[class*=ant-] input::-ms-clear,[class*=ant-] input::-ms-reveal,[class*=ant-]::-ms-clear,[class^=ant-] input::-ms-clear,[class^=ant-] input::-ms-reveal,[class^=ant-]::-ms-clear{display:none}input::-ms-clear,input::-ms-reveal{display:none}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;--antd-wave-shadow-color:#F5222D;--scroll-bar:0}.ant-pagination-item,body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}@-ms-viewport{width:device-width}body{margin:0;font-size:12px;font-variant:tabular-nums;line-height:1.66667;background-color:#fff;font-feature-settings:tnum}[tabindex='-1']:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500}abbr[data-original-title],abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{font-style:normal;line-height:inherit}.font-italic,dfn{font-style:italic}input[type=number],input[type=text],input[type=password],textarea{-webkit-appearance:none}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-left:0}blockquote,figure{margin:0 0 1em}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}a{color:#F5222D;background-color:transparent;cursor:pointer;transition:color .3s;-webkit-text-decoration-skip:objects}a:hover{color:#cf1322}a:active{color:#cf1322}a[disabled]{color:rgba(0,0,0,.25);cursor:not-allowed}code,kbd,pre,samp{font-size:1em;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,Courier,monospace}img{border-style:none}svg:not(:root){overflow:hidden}caption{padding-top:.75em;padding-bottom:.3em;color:rgba(0,0,0,.45);text-align:left;caption-side:bottom}button,input,optgroup,select,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical}fieldset{min-width:0;margin:0;padding:0}legend{display:block;width:100%;max-width:100%;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.ant-input-number-handler-down-inner,.ant-input-number-handler-up-inner,.ant-select-arrow,.ant-select-multiple .ant-select-selection-item-remove,.anticon{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}.clearfix::after,.clearfix::before{display:table;content:''}mark{padding:.2em;background-color:#feffe6}::selection{color:#fff;background:#F5222D}.clearfix::after{clear:both}.anticon,.anticon svg{display:inline-block}.anticon{color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-.125em}.anticon>*{line-height:1}.anticon::before{display:none}.anticon .anticon-icon{display:block}.anticon[tabindex]{cursor:pointer}.anticon-spin,.anticon-spin::before{display:inline-block;animation:loadingCircle 1s infinite linear}.ant-fade-appear,.ant-fade-enter,.ant-fade-leave{animation-timing-function:linear}.ant-fade-appear,.ant-fade-enter,.ant-fade-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-fade-appear.ant-fade-appear-active,.ant-fade-enter.ant-fade-enter-active{animation-name:antFadeIn;animation-play-state:running}.ant-fade-leave.ant-fade-leave-active{animation-name:antFadeOut;animation-play-state:running;pointer-events:none}.ant-fade-appear,.ant-fade-enter{opacity:0}@keyframes antFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes antFadeOut{0%{opacity:1}100%{opacity:0}}.ant-move-up-appear,.ant-move-up-enter,.ant-move-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-move-up-appear.ant-move-up-appear-active,.ant-move-up-enter.ant-move-up-enter-active{animation-name:antMoveUpIn;animation-play-state:running}.ant-move-up-leave.ant-move-up-leave-active{animation-name:antMoveUpOut;animation-play-state:running;pointer-events:none}.ant-move-up-appear,.ant-move-up-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-move-up-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.ant-move-down-appear,.ant-move-down-enter,.ant-move-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-move-down-appear.ant-move-down-appear-active,.ant-move-down-enter.ant-move-down-enter-active{animation-name:antMoveDownIn;animation-play-state:running}.ant-move-down-leave.ant-move-down-leave-active{animation-name:antMoveDownOut;animation-play-state:running;pointer-events:none}.ant-move-down-appear,.ant-move-down-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-move-down-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.ant-move-left-appear,.ant-move-left-enter,.ant-move-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-move-left-appear.ant-move-left-appear-active,.ant-move-left-enter.ant-move-left-enter-active{animation-name:antMoveLeftIn;animation-play-state:running}.ant-move-left-leave.ant-move-left-leave-active{animation-name:antMoveLeftOut;animation-play-state:running;pointer-events:none}.ant-move-left-appear,.ant-move-left-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-move-left-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.ant-move-right-appear,.ant-move-right-enter,.ant-move-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-move-right-appear.ant-move-right-appear-active,.ant-move-right-enter.ant-move-right-enter-active{animation-name:antMoveRightIn;animation-play-state:running}.ant-move-right-leave.ant-move-right-leave-active{animation-name:antMoveRightOut;animation-play-state:running;pointer-events:none}.ant-move-right-appear,.ant-move-right-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-move-right-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}@keyframes antMoveDownIn{0%{transform:translateY(100%);transform-origin:0 0;opacity:0}100%{transform:translateY(0);transform-origin:0 0;opacity:1}}@keyframes antMoveDownOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}100%{transform:translateY(100%);transform-origin:0 0;opacity:0}}@keyframes antMoveLeftIn{0%{transform:translateX(-100%);transform-origin:0 0;opacity:0}100%{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes antMoveLeftOut{0%{transform:translateX(0);transform-origin:0 0;opacity:1}100%{transform:translateX(-100%);transform-origin:0 0;opacity:0}}@keyframes antMoveRightIn{0%{transform:translateX(100%);transform-origin:0 0;opacity:0}100%{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes antMoveRightOut{0%{transform:translateX(0);transform-origin:0 0;opacity:1}100%{transform:translateX(100%);transform-origin:0 0;opacity:0}}@keyframes antMoveUpIn{0%{transform:translateY(-100%);transform-origin:0 0;opacity:0}100%{transform:translateY(0);transform-origin:0 0;opacity:1}}@keyframes antMoveUpOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}100%{transform:translateY(-100%);transform-origin:0 0;opacity:0}}@keyframes loadingCircle{100%{transform:rotate(360deg)}}.ant-click-animating-node,[ant-click-animating-without-extra-node=true]::after{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:inherit;box-shadow:0 0 0 0 #F5222D;box-shadow:0 0 0 0 var(--antd-wave-shadow-color);opacity:.2;animation:fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1);animation-fill-mode:forwards;content:'';pointer-events:none}@keyframes waveEffect{100%{box-shadow:0 0 0 #F5222D;box-shadow:0 0 0 6px var(--antd-wave-shadow-color)}}@keyframes fadeEffect{100%{opacity:0}}.ant-slide-up-appear,.ant-slide-up-enter,.ant-slide-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-slide-up-appear.ant-slide-up-appear-active,.ant-slide-up-enter.ant-slide-up-enter-active{animation-name:antSlideUpIn;animation-play-state:running}.ant-slide-up-leave.ant-slide-up-leave-active{animation-name:antSlideUpOut;animation-play-state:running;pointer-events:none}.ant-slide-up-appear,.ant-slide-up-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.ant-slide-up-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.ant-slide-down-appear,.ant-slide-down-enter,.ant-slide-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-slide-down-appear.ant-slide-down-appear-active,.ant-slide-down-enter.ant-slide-down-enter-active{animation-name:antSlideDownIn;animation-play-state:running}.ant-slide-down-leave.ant-slide-down-leave-active{animation-name:antSlideDownOut;animation-play-state:running;pointer-events:none}.ant-slide-down-appear,.ant-slide-down-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.ant-slide-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.ant-slide-left-appear,.ant-slide-left-enter,.ant-slide-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-slide-left-appear.ant-slide-left-appear-active,.ant-slide-left-enter.ant-slide-left-enter-active{animation-name:antSlideLeftIn;animation-play-state:running}.ant-slide-left-leave.ant-slide-left-leave-active{animation-name:antSlideLeftOut;animation-play-state:running;pointer-events:none}.ant-slide-left-appear,.ant-slide-left-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.ant-slide-left-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.ant-slide-right-appear,.ant-slide-right-enter,.ant-slide-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-slide-right-appear.ant-slide-right-appear-active,.ant-slide-right-enter.ant-slide-right-enter-active{animation-name:antSlideRightIn;animation-play-state:running}.ant-slide-right-leave.ant-slide-right-leave-active{animation-name:antSlideRightOut;animation-play-state:running;pointer-events:none}.ant-slide-right-appear,.ant-slide-right-enter{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.ant-slide-right-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes antSlideUpIn{0%{transform:scaleY(.8);transform-origin:0 0;opacity:0}100%{transform:scaleY(1);transform-origin:0 0;opacity:1}}@keyframes antSlideUpOut{0%{transform:scaleY(1);transform-origin:0 0;opacity:1}100%{transform:scaleY(.8);transform-origin:0 0;opacity:0}}@keyframes antSlideDownIn{0%{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}100%{transform:scaleY(1);transform-origin:100% 100%;opacity:1}}@keyframes antSlideDownOut{0%{transform:scaleY(1);transform-origin:100% 100%;opacity:1}100%{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}}@keyframes antSlideLeftIn{0%{transform:scaleX(.8);transform-origin:0 0;opacity:0}100%{transform:scaleX(1);transform-origin:0 0;opacity:1}}@keyframes antSlideLeftOut{0%{transform:scaleX(1);transform-origin:0 0;opacity:1}100%{transform:scaleX(.8);transform-origin:0 0;opacity:0}}@keyframes antSlideRightIn{0%{transform:scaleX(.8);transform-origin:100% 0;opacity:0}100%{transform:scaleX(1);transform-origin:100% 0;opacity:1}}@keyframes antSlideRightOut{0%{transform:scaleX(1);transform-origin:100% 0;opacity:1}100%{transform:scaleX(.8);transform-origin:100% 0;opacity:0}}.ant-zoom-appear,.ant-zoom-enter,.ant-zoom-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-appear.ant-zoom-appear-active,.ant-zoom-enter.ant-zoom-enter-active{animation-name:antZoomIn;animation-play-state:running}.ant-zoom-leave.ant-zoom-leave-active{animation-name:antZoomOut;animation-play-state:running;pointer-events:none}.ant-zoom-appear,.ant-zoom-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-appear-prepare,.ant-zoom-enter-prepare{transform:none}.ant-zoom-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-big-appear,.ant-zoom-big-enter,.ant-zoom-big-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-big-appear.ant-zoom-big-appear-active,.ant-zoom-big-enter.ant-zoom-big-enter-active{animation-name:antZoomBigIn;animation-play-state:running}.ant-zoom-big-leave.ant-zoom-big-leave-active{animation-name:antZoomBigOut;animation-play-state:running;pointer-events:none}.ant-zoom-big-appear,.ant-zoom-big-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-big-appear-prepare,.ant-zoom-big-enter-prepare{transform:none}.ant-zoom-big-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-big-fast-appear,.ant-zoom-big-fast-enter,.ant-zoom-big-fast-leave{animation-duration:.1s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active,.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active{animation-name:antZoomBigIn;animation-play-state:running}.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active{animation-name:antZoomBigOut;animation-play-state:running;pointer-events:none}.ant-zoom-big-fast-appear,.ant-zoom-big-fast-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-big-fast-appear-prepare,.ant-zoom-big-fast-enter-prepare{transform:none}.ant-zoom-big-fast-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-up-appear,.ant-zoom-up-enter,.ant-zoom-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-up-appear.ant-zoom-up-appear-active,.ant-zoom-up-enter.ant-zoom-up-enter-active{animation-name:antZoomUpIn;animation-play-state:running}.ant-zoom-up-leave.ant-zoom-up-leave-active{animation-name:antZoomUpOut;animation-play-state:running;pointer-events:none}.ant-zoom-up-appear,.ant-zoom-up-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-up-appear-prepare,.ant-zoom-up-enter-prepare{transform:none}.ant-zoom-up-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-down-appear,.ant-zoom-down-enter,.ant-zoom-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-down-appear.ant-zoom-down-appear-active,.ant-zoom-down-enter.ant-zoom-down-enter-active{animation-name:antZoomDownIn;animation-play-state:running}.ant-zoom-down-leave.ant-zoom-down-leave-active{animation-name:antZoomDownOut;animation-play-state:running;pointer-events:none}.ant-zoom-down-appear,.ant-zoom-down-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-down-appear-prepare,.ant-zoom-down-enter-prepare{transform:none}.ant-zoom-down-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-left-appear,.ant-zoom-left-enter,.ant-zoom-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-left-appear.ant-zoom-left-appear-active,.ant-zoom-left-enter.ant-zoom-left-enter-active{animation-name:antZoomLeftIn;animation-play-state:running}.ant-zoom-left-leave.ant-zoom-left-leave-active{animation-name:antZoomLeftOut;animation-play-state:running;pointer-events:none}.ant-zoom-left-appear,.ant-zoom-left-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-left-appear-prepare,.ant-zoom-left-enter-prepare{transform:none}.ant-zoom-left-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-right-appear,.ant-zoom-right-enter,.ant-zoom-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-right-appear.ant-zoom-right-appear-active,.ant-zoom-right-enter.ant-zoom-right-enter-active{animation-name:antZoomRightIn;animation-play-state:running}.ant-zoom-right-leave.ant-zoom-right-leave-active{animation-name:antZoomRightOut;animation-play-state:running;pointer-events:none}.ant-zoom-right-appear,.ant-zoom-right-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-right-appear-prepare,.ant-zoom-right-enter-prepare{transform:none}.ant-zoom-right-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}@keyframes antZoomIn{0%{transform:scale(.2);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes antZoomOut{0%{transform:scale(1)}100%{transform:scale(.2);opacity:0}}@keyframes antZoomBigIn{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes antZoomBigOut{0%{transform:scale(1)}100%{transform:scale(.8);opacity:0}}@keyframes antZoomUpIn{0%{transform:scale(.8);transform-origin:50% 0;opacity:0}100%{transform:scale(1);transform-origin:50% 0}}@keyframes antZoomUpOut{0%{transform:scale(1);transform-origin:50% 0}100%{transform:scale(.8);transform-origin:50% 0;opacity:0}}@keyframes antZoomLeftIn{0%{transform:scale(.8);transform-origin:0 50%;opacity:0}100%{transform:scale(1);transform-origin:0 50%}}@keyframes antZoomLeftOut{0%{transform:scale(1);transform-origin:0 50%}100%{transform:scale(.8);transform-origin:0 50%;opacity:0}}@keyframes antZoomRightIn{0%{transform:scale(.8);transform-origin:100% 50%;opacity:0}100%{transform:scale(1);transform-origin:100% 50%}}@keyframes antZoomRightOut{0%{transform:scale(1);transform-origin:100% 50%}100%{transform:scale(.8);transform-origin:100% 50%;opacity:0}}@keyframes antZoomDownIn{0%{transform:scale(.8);transform-origin:50% 100%;opacity:0}100%{transform:scale(1);transform-origin:50% 100%}}@keyframes antZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}100%{transform:scale(.8);transform-origin:50% 100%;opacity:0}}.ant-motion-collapse-legacy{overflow:hidden}.ant-motion-collapse-legacy-active{transition:height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important}.ant-motion-collapse{overflow:hidden;transition:height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important}.cdk-overlay-container{pointer-events:none;top:0;left:0;position:fixed;z-index:1000}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}.cdk-overlay-backdrop{top:0;bottom:0;left:0;right:0;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0;position:absolute;pointer-events:auto;z-index:1000}.cdk-overlay-backdrop.ant-modal-mask{opacity:1}.cdk-overlay-pane{position:absolute;pointer-events:auto;z-index:1000}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-global-scrollblock body{overflow-x:visible}.nz-overlay-transparent-backdrop,.nz-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.nz-animate-disabled.ant-drawer.ant-drawer-open .ant-drawer-mask,.nz-animate-disabled.ant-scroll-number-only{animation:none;transition:none}.nz-animate-disabled.ant-drawer>*{transition:none}.nz-animate-disabled .ant-modal,.nz-animate-disabled .ant-modal-mask,.nz-animate-disabled .ant-modal-mask.zoom-enter,.nz-animate-disabled .ant-modal-mask.zoom-enter-active,.nz-animate-disabled .ant-modal-mask.zoom-leave,.nz-animate-disabled .ant-modal-mask.zoom-leave-active,.nz-animate-disabled .ant-modal.zoom-enter,.nz-animate-disabled .ant-modal.zoom-enter-active,.nz-animate-disabled .ant-modal.zoom-leave,.nz-animate-disabled .ant-modal.zoom-leave-active{animation:none;transition:none}.nz-animate-disabled.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg,.nz-animate-disabled.ant-menu,.nz-animate-disabled.ant-menu .ant-menu-item,.nz-animate-disabled.ant-menu .ant-menu-item .anticon,.nz-animate-disabled.ant-menu .ant-menu-item .anticon+span,.nz-animate-disabled.ant-menu .ant-menu-submenu-title,.nz-animate-disabled.ant-menu .ant-menu-submenu-title .anticon,.nz-animate-disabled.ant-menu .ant-menu-submenu-title .anticon+span,.nz-animate-disabled.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated,.nz-animate-disabled.ant-tabs .ant-tabs-bottom-content>.ant-tabs-tabpane,.nz-animate-disabled.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,.nz-animate-disabled.ant-tabs .ant-tabs-top-content>.ant-tabs-tabpane,.nz-animate-disabled.ant-tabs.ant-tabs-bottom .ant-tabs-ink-bar-animated,.nz-animate-disabled.ant-tabs.ant-tabs-left .ant-tabs-ink-bar-animated,.nz-animate-disabled.ant-tabs.ant-tabs-right .ant-tabs-ink-bar-animated,.nz-animate-disabled.ant-tabs.ant-tabs-top .ant-tabs-ink-bar-animated{transition:none}.ant-affix{position:fixed;z-index:10}.ant-alert,.ant-anchor{position:relative;list-style:none}nz-affix{display:block}.ant-alert{box-sizing:border-box;margin:0;font-size:12px;font-variant:tabular-nums;line-height:1.66667;font-feature-settings:tnum;display:flex;align-items:center;padding:8px 15px;word-wrap:break-word;border-radius:2px}.ant-alert-content{flex:1;min-width:0}.ant-alert-icon{margin-right:4px}.ant-alert-description{display:none;font-size:12px;line-height:20px}.ant-alert-success{background-color:#f6ffed;border:1px solid #b7eb8f}.ant-alert-success .ant-alert-icon{color:#52c41a}.ant-alert-info{background-color:#e6f7ff;border:1px solid #91d5ff}.ant-alert-info .ant-alert-icon{color:#F5222D}.ant-alert-warning{background-color:#fffbe6;border:1px solid #ffe58f}.ant-alert-warning .ant-alert-icon{color:#faad14}.ant-alert-error{background-color:#fff2f0;border:1px solid #ffccc7}.ant-alert-error .ant-alert-icon{color:#ff4d4f}.ant-alert-error .ant-alert-description>pre{margin:0;padding:0}.ant-alert-action{margin-left:4px}.ant-alert-close-icon{margin-left:4px;padding:0;overflow:hidden;font-size:12px;line-height:12px;background-color:transparent;border:none;outline:0;cursor:pointer}.ant-alert-close-icon .anticon-close{color:rgba(0,0,0,.45);transition:color .3s}.ant-alert-close-icon .anticon-close:hover{color:rgba(0,0,0,.75)}.ant-alert-close-text{color:rgba(0,0,0,.45);transition:color .3s}.ant-alert-close-text:hover{color:rgba(0,0,0,.75)}.ant-alert-with-description{align-items:flex-start;padding:11px 15px 7px 20px}.ant-alert-with-description.ant-alert-no-icon{padding:7px 15px}.ant-alert-with-description .ant-alert-icon{margin-right:11px;font-size:20px}.ant-alert-with-description .ant-alert-message{display:block;margin-bottom:4px;color:rgba(0,0,0,.85);font-size:14px}.ant-anchor,.ant-avatar{font-size:12px;font-variant:tabular-nums;font-feature-settings:tnum;box-sizing:border-box}.ant-alert-message{color:rgba(0,0,0,.85)}.ant-alert-with-description .ant-alert-description{display:block}.ant-alert.ant-alert-motion-leave{overflow:hidden;opacity:1;transition:max-height .3s cubic-bezier(.78,.14,.15,.86),opacity .3s cubic-bezier(.78,.14,.15,.86),padding-top .3s cubic-bezier(.78,.14,.15,.86),padding-bottom .3s cubic-bezier(.78,.14,.15,.86),margin-bottom .3s cubic-bezier(.78,.14,.15,.86)}.ant-alert.ant-alert-motion-leave-active{max-height:0;margin-bottom:0!important;padding-top:0;padding-bottom:0;opacity:0}.ant-alert-banner{margin-bottom:0;border:0;border-radius:0}.ant-alert.ant-alert-rtl{direction:rtl}.ant-alert-rtl.ant-alert.ant-alert-no-icon{padding:4px 15px}.ant-alert-rtl .ant-alert-icon{margin-right:auto;margin-left:4px}.ant-alert-rtl .ant-alert-action,.ant-alert-rtl .ant-alert-close-icon{margin-right:4px;margin-left:auto}.ant-alert-rtl.ant-alert-with-description .ant-alert-icon{margin-right:auto;margin-left:11px}nz-alert{display:block}.ant-anchor{margin:0;padding:0 0 0 2px;color:rgba(0,0,0,.85);line-height:1.66667}.ant-anchor-wrapper{margin-left:-4px;padding-left:4px;overflow:auto;background-color:transparent}.ant-anchor-ink{position:absolute;top:0;left:0;height:100%}.ant-anchor-ink::before{position:relative;display:block;width:2px;height:100%;margin:0 auto;background-color:#f0f0f0;content:' '}.ant-anchor-ink-ball{position:absolute;left:50%;display:none;width:8px;height:8px;background-color:#fff;border:2px solid #F5222D;border-radius:8px;transform:translateX(-50%);transition:top .3s ease-in-out}.ant-anchor-ink-ball.visible{display:inline-block}.ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball{display:none}.ant-anchor-link{padding:4px 0 4px 16px;line-height:1.143}.ant-anchor-link-title{position:relative;display:block;margin-bottom:6px;overflow:hidden;color:rgba(0,0,0,.85);white-space:nowrap;text-overflow:ellipsis;transition:all .3s}.ant-anchor-link-title:only-child{margin-bottom:0}.ant-anchor-link-active>.ant-anchor-link-title{color:#F5222D}.ant-anchor-link .ant-anchor-link{padding-top:5px;padding-bottom:5px}.ant-anchor-rtl{direction:rtl}.ant-anchor-rtl.ant-anchor-wrapper{margin-right:-4px;margin-left:0;padding-right:4px;padding-left:0}.ant-avatar,.ant-avatar-lg.ant-avatar-icon>.anticon,.ant-avatar-sm.ant-avatar-icon>.anticon,.ant-avatar.ant-avatar-icon>.anticon{margin:0}.ant-anchor-rtl .ant-anchor-ink{right:0;left:auto}.ant-anchor-rtl .ant-anchor-ink-ball{right:50%;left:0;transform:translateX(50%)}.ant-anchor-rtl .ant-anchor-link{padding:4px 16px 4px 0}nz-link{display:block}.ant-avatar{padding:0;list-style:none;position:relative;display:inline-block;overflow:hidden;color:#fff;white-space:nowrap;text-align:center;background:#ccc;width:28px;height:28px;line-height:28px;border-radius:50%}.ant-avatar-lg-string,.ant-avatar-sm-string,.ant-avatar-string{position:absolute;left:50%;transform-origin:0 center}.ant-avatar-image{background:0 0}.ant-avatar .ant-image-img{display:block}.ant-avatar.ant-avatar-icon{font-size:16px}.ant-avatar-lg.ant-avatar-icon,.ant-spin-dot{font-size:20px}.ant-avatar-lg{width:32px;height:32px;line-height:32px;border-radius:50%}.ant-avatar-sm.ant-avatar-icon,.ant-back-top{font-size:12px}.ant-avatar-sm{width:22px;height:22px;line-height:22px;border-radius:50%}.ant-avatar-square{border-radius:2px}.ant-avatar>img{display:block;width:100%;height:100%;object-fit:cover}.ant-avatar-group,.ant-btn-group{display:inline-flex}.ant-avatar-group .ant-avatar{border:1px solid #fff}.ant-avatar-group .ant-avatar:not(:first-child){margin-left:-8px}.ant-avatar-group-popover .ant-avatar+.ant-avatar{margin-left:3px}.ant-avatar-group-rtl .ant-avatar:not(:first-child){margin-right:-8px;margin-left:0}.ant-avatar-group-popover.ant-popover-rtl .ant-avatar+.ant-avatar{margin-right:3px;margin-left:0}.ant-back-top,.ant-badge{margin:0;padding:0;font-variant:tabular-nums;font-feature-settings:tnum;list-style:none}.ant-back-top{box-sizing:border-box;color:rgba(0,0,0,.85);line-height:1.66667;position:fixed;right:100px;bottom:50px;z-index:10;width:40px;height:40px;cursor:pointer}.ant-back-top:empty{display:none}.ant-back-top-rtl{right:auto;left:100px;direction:rtl}.ant-back-top-content{width:40px;height:40px;overflow:hidden;color:#fff;text-align:center;background-color:rgba(0,0,0,.45);border-radius:20px;transition:all .3s}.ant-back-top-content:hover{background-color:rgba(0,0,0,.85);transition:all .3s}.ant-badge-count,.ant-badge-dot{background:#ff4d4f;box-shadow:0 0 0 1px #fff}.ant-back-top-icon{font-size:24px;line-height:40px}@media screen and (max-width:768px){.ant-back-top{right:60px}}@media screen and (max-width:480px){.ant-back-top{right:20px}}.ant-badge{box-sizing:border-box;color:rgba(0,0,0,.85);font-size:12px;position:relative;display:inline-block;line-height:1}.ant-badge-count{z-index:auto;min-width:18px;height:18px;padding:0 6px;color:#fff;font-weight:400;font-size:12px;line-height:18px;white-space:nowrap;text-align:center;border-radius:9px}.ant-badge-count a,.ant-badge-count a:hover{color:#fff}.ant-badge-count-sm{min-width:14px;height:14px;padding:0;font-size:12px;line-height:14px;border-radius:7px}.ant-badge-multiple-words,.ant-ribbon{padding:0 8px}.ant-badge-dot,.ant-spin-dot-item,.g2-card__avatar img{border-radius:100%}.ant-badge-dot{z-index:auto;width:6px;min-width:6px;height:6px}.ant-badge .ant-scroll-number-custom-component,.ant-badge-count,.ant-badge-dot{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0}.ant-badge .ant-scroll-number-custom-component.anticon-spin,.ant-badge-count.anticon-spin,.ant-badge-dot.anticon-spin{animation:antBadgeLoadingCircle 1s infinite linear}.ant-badge-status{line-height:inherit}.ant-badge-not-a-wrapper:not(.ant-badge-status),.ant-badge-status-dot{vertical-align:middle}.ant-badge-status-dot{position:relative;top:-1px;display:inline-block;width:6px;height:6px;border-radius:50%}.ant-badge-status-success{background-color:#52c41a}.ant-badge-status-processing{position:relative;background-color:#F5222D}.ant-badge-status-processing::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #F5222D;border-radius:50%;animation:antStatusProcessing 1.2s infinite ease-in-out;content:''}.ant-badge-status-default{background-color:#d9d9d9}.ant-badge-status-error{background-color:#ff4d4f}.ant-badge-status-warning{background-color:#faad14}.ant-badge-status-magenta,.ant-badge-status-pink{background:#eb2f96}.ant-badge-status-red{background:#f5222d}.ant-badge-status-volcano{background:#fa541c}.ant-badge-status-orange{background:#fa8c16}.ant-badge-status-yellow{background:#fadb14}.ant-badge-status-gold{background:#faad14}.ant-badge-status-cyan{background:#13c2c2}.ant-badge-status-lime{background:#a0d911}.ant-badge-status-green{background:#52c41a}.ant-badge-status-blue{background:#F5222D}.ant-badge-status-geekblue{background:#2f54eb}.ant-badge-status-purple{background:#722ed1}.ant-badge-status-text{margin-left:8px;color:rgba(0,0,0,.85);font-size:12px}.ant-badge-zoom-appear,.ant-badge-zoom-enter{animation:antZoomBadgeIn .3s cubic-bezier(.12,.4,.29,1.46);animation-fill-mode:both}.ant-badge-zoom-leave{animation:antZoomBadgeOut .3s cubic-bezier(.71,-.46,.88,.6);animation-fill-mode:both}.ant-badge-not-a-wrapper .ant-badge-zoom-appear,.ant-badge-not-a-wrapper .ant-badge-zoom-enter{animation:antNoWrapperZoomBadgeIn .3s cubic-bezier(.12,.4,.29,1.46)}.ant-badge-not-a-wrapper .ant-badge-zoom-leave{animation:antNoWrapperZoomBadgeOut .3s cubic-bezier(.71,-.46,.88,.6)}.ant-badge-not-a-wrapper .ant-scroll-number-custom-component{transform:none}.ant-badge-not-a-wrapper .ant-scroll-number,.ant-badge-not-a-wrapper .ant-scroll-number-custom-component{position:relative;top:auto;display:block;transform-origin:50% 50%}@keyframes antStatusProcessing{0%{transform:scale(.8);opacity:.5}100%{transform:scale(2.4);opacity:0}}.ant-scroll-number-only,.ant-scroll-number-only>p.ant-scroll-number-only-unit{-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;height:18px}.ant-scroll-number{overflow:hidden}.ant-scroll-number-only{position:relative;display:inline-block;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-scroll-number-only>p.ant-scroll-number-only-unit{margin:0}.ant-scroll-number-symbol{vertical-align:top}@keyframes antZoomBadgeIn{0%{transform:scale(0) translate(50%,-50%);opacity:0}100%{transform:scale(1) translate(50%,-50%)}}@keyframes antZoomBadgeOut{0%{transform:scale(1) translate(50%,-50%)}100%{transform:scale(0) translate(50%,-50%);opacity:0}}@keyframes antNoWrapperZoomBadgeIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1)}}@keyframes antNoWrapperZoomBadgeOut{0%{transform:scale(1)}100%{transform:scale(0);opacity:0}}@keyframes antBadgeLoadingCircle{0%{transform-origin:50%}100%{transform:translate(50%,-50%) rotate(360deg);transform-origin:50%}}.ant-ribbon-wrapper{position:relative}.ant-ribbon{box-sizing:border-box;margin:0;font-size:12px;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;position:absolute;top:8px;height:22px;color:#fff;line-height:22px;white-space:nowrap;background-color:#F5222D;border-radius:2px}.ant-breadcrumb,.ant-btn{line-height:1.66667;font-size:12px}.ant-ribbon-text{color:#fff}.ant-ribbon-corner{position:absolute;top:100%;width:8px;height:8px;color:currentColor;border:4px solid;transform:scaleY(.75);transform-origin:top}.ant-ribbon-corner::after{position:absolute;top:-4px;left:-4px;width:inherit;height:inherit;color:rgba(0,0,0,.25);border:inherit;content:''}.ant-ribbon-color-magenta,.ant-ribbon-color-pink{color:#eb2f96;background:#eb2f96}.ant-ribbon-color-red{color:#f5222d;background:#f5222d}.ant-ribbon-color-volcano{color:#fa541c;background:#fa541c}.ant-ribbon-color-orange{color:#fa8c16;background:#fa8c16}.ant-ribbon-color-yellow{color:#fadb14;background:#fadb14}.ant-ribbon-color-gold{color:#faad14;background:#faad14}.ant-ribbon-color-cyan{color:#13c2c2;background:#13c2c2}.ant-ribbon-color-lime{color:#a0d911;background:#a0d911}.ant-ribbon-color-green{color:#52c41a;background:#52c41a}.ant-ribbon-color-blue{color:#F5222D;background:#F5222D}.ant-ribbon-color-geekblue{color:#2f54eb;background:#2f54eb}.ant-ribbon-color-purple{color:#722ed1;background:#722ed1}.ant-ribbon.ant-ribbon-placement-end{right:-8px;border-bottom-right-radius:0}.ant-ribbon.ant-ribbon-placement-end .ant-ribbon-corner{right:0;border-color:currentColor transparent transparent currentColor}.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner,.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner::after,.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner{border-color:currentColor currentColor transparent transparent}.ant-ribbon.ant-ribbon-placement-start{left:-8px;border-bottom-left-radius:0}.ant-ribbon.ant-ribbon-placement-start .ant-ribbon-corner{left:0}.ant-badge-rtl{direction:rtl}.ant-badge-rtl .ant-badge .ant-scroll-number-custom-component,.ant-badge-rtl .ant-badge-count,.ant-badge-rtl .ant-badge-dot{right:auto;left:0;direction:ltr;transform:translate(-50%,-50%);transform-origin:0 0}.ant-breadcrumb-rtl,.ant-btn-group.ant-btn-group-rtl,.ant-btn-rtl,.ant-card-rtl,.ant-carousel-rtl,.ant-checkbox-rtl,.ant-collapse-rtl,.ant-comment-rtl,.ant-picker-dropdown-rtl .ant-picker-footer-extra,.ant-picker-input>input-rtl,.ant-picker-panel-rtl,.ant-picker-rtl,.ant-ribbon-rtl{direction:rtl}.ant-badge-rtl.ant-badge .ant-scroll-number-custom-component{right:auto;left:0;transform:translate(-50%,-50%);transform-origin:0 0}.ant-badge-rtl .ant-badge-status-text{margin-right:8px;margin-left:0}.ant-badge-rtl .ant-badge-zoom-appear,.ant-badge-rtl .ant-badge-zoom-enter{animation-name:antZoomBadgeInRtl}.ant-badge-rtl .ant-badge-zoom-leave{animation-name:antZoomBadgeOutRtl}.ant-badge-not-a-wrapper .ant-badge-count{transform:none}.ant-ribbon-rtl.ant-ribbon-placement-end{right:unset;left:-8px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.ant-ribbon-rtl.ant-ribbon-placement-end .ant-ribbon-corner{right:unset;left:0}.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner,.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner::after{border-color:currentColor transparent transparent currentColor}.ant-ribbon-rtl.ant-ribbon-placement-start{right:-8px;left:unset;border-bottom-right-radius:0;border-bottom-left-radius:2px}.ant-ribbon-rtl.ant-ribbon-placement-start .ant-ribbon-corner{right:0;left:unset}@keyframes antZoomBadgeInRtl{0%{transform:scale(0) translate(-50%,-50%);opacity:0}100%{transform:scale(1) translate(-50%,-50%)}}@keyframes antZoomBadgeOutRtl{0%{transform:scale(1) translate(-50%,-50%)}100%{transform:scale(0) translate(-50%,-50%);opacity:0}}.ant-badge .ant-scroll-number:only-child{position:relative;top:auto;display:block}.ant-badge .ant-badge-count:only-child{transform:none}nz-ribbon{display:block}.ant-breadcrumb{box-sizing:border-box;margin:0;padding:0;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;color:rgba(0,0,0,.45)}.ant-breadcrumb .anticon{font-size:12px}.ant-breadcrumb a{color:rgba(0,0,0,.45);transition:color .3s}.ant-breadcrumb a:hover{color:#cf1322}.ant-breadcrumb>span:last-child,.ant-breadcrumb>span:last-child a{color:rgba(0,0,0,.85)}.ant-breadcrumb>span:last-child .ant-breadcrumb-separator{display:none}.ant-breadcrumb-rtl::after,.ant-breadcrumb-rtl::before{display:table;content:''}.ant-breadcrumb-separator{margin:0 4px;color:rgba(0,0,0,.45)}.ant-breadcrumb>nz-breadcrumb-item:last-child,.ant-breadcrumb>nz-breadcrumb-item:last-child a,.ant-btn{color:rgba(0,0,0,.85)}.ant-breadcrumb-link>.anticon+a,.ant-breadcrumb-link>.anticon+span,.ant-breadcrumb-overlay-link>.anticon{margin-left:4px}.ant-breadcrumb-rtl::after{clear:both}.ant-breadcrumb-rtl>span{float:right}.ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+a,.ant-breadcrumb-rtl .ant-breadcrumb-link>.anticon+span,.ant-breadcrumb-rtl .ant-breadcrumb-overlay-link>.anticon{margin-right:4px;margin-left:0}.ant-breadcrumb-link .anticon+span{margin-left:4px}.ant-breadcrumb-rtl>nz-breadcrumb-item{float:right}nz-breadcrumb{display:block}nz-breadcrumb-item:last-child .ant-breadcrumb-separator{display:none}.ant-btn,.ant-btn>span{display:inline-block}.ant-btn{position:relative;font-weight:400;white-space:nowrap;text-align:center;border:1px solid #d9d9d9;box-shadow:0 2px 0 rgba(0,0,0,.015);cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);user-select:none;height:28px;padding:3px 11px;border-radius:2px;background:#fff}.ant-btn:active>a:only-child::after,.ant-btn:focus>a:only-child::after,.ant-btn:hover>a:only-child::after,.ant-btn>a:only-child::after{background:0 0;top:0;right:0;bottom:0;left:0;position:absolute;content:''}.ant-btn>.anticon{line-height:1}.ant-btn,.ant-btn:active,.ant-btn:focus{outline:0}.ant-btn:not([disabled]):hover{text-decoration:none}.ant-btn:not([disabled]):active{outline:0;box-shadow:none}.ant-btn[disabled]{cursor:not-allowed}.ant-btn[disabled]>*{pointer-events:none}.ant-btn-lg{height:32px;padding:3.3px 11px;font-size:14px;border-radius:2px}.ant-btn-sm{height:22px;padding:0 7px;font-size:12px;border-radius:2px}.ant-btn>a:only-child{color:currentColor}.ant-btn:focus,.ant-btn:hover{color:#cf1322;border-color:#cf1322}.ant-btn:focus>a:only-child,.ant-btn:hover>a:only-child{color:currentColor}.ant-btn:active{color:#cf1322;border-color:#cf1322}.ant-btn:active>a:only-child{color:currentColor}.ant-btn[disabled],.ant-btn[disabled]:active,.ant-btn[disabled]:focus,.ant-btn[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn[disabled]:active>a:only-child,.ant-btn[disabled]:focus>a:only-child,.ant-btn[disabled]:hover>a:only-child,.ant-btn[disabled]>a:only-child{color:currentColor}.ant-btn[disabled]:active>a:only-child::after,.ant-btn[disabled]:focus>a:only-child::after,.ant-btn[disabled]:hover>a:only-child::after,.ant-btn[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn:active,.ant-btn:focus,.ant-btn:hover{text-decoration:none;background:#fff}.ant-btn-primary{color:#fff;background:#F5222D;border-color:#F5222D;text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px 0 rgba(0,0,0,.045)}.ant-btn-primary>a:only-child{color:currentColor}.ant-btn-primary>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-primary:focus,.ant-btn-primary:hover{color:#fff;background:#cf1322;border-color:#cf1322}.ant-btn-primary:focus>a:only-child,.ant-btn-primary:hover>a:only-child{color:currentColor}.ant-btn-primary:focus>a:only-child::after,.ant-btn-primary:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-primary:active{color:#fff;background:#cf1322;border-color:#cf1322}.ant-btn-primary:active>a:only-child{color:currentColor}.ant-btn-primary:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-primary[disabled],.ant-btn-primary[disabled]:active,.ant-btn-primary[disabled]:focus,.ant-btn-primary[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-primary[disabled]>a:only-child{color:currentColor}.ant-btn-primary[disabled]:active>a:only-child::after,.ant-btn-primary[disabled]:focus>a:only-child::after,.ant-btn-primary[disabled]:hover>a:only-child::after,.ant-btn-primary[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child){border-right-color:#cf1322;border-left-color:#cf1322}.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled{border-color:#d9d9d9}.ant-btn-group .ant-btn-primary:first-child:not(:last-child){border-right-color:#cf1322}.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled]{border-right-color:#d9d9d9}.ant-btn-group .ant-btn-primary+.ant-btn-primary,.ant-btn-group .ant-btn-primary:last-child:not(:first-child){border-left-color:#cf1322}.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled]{border-left-color:#d9d9d9}.ant-btn-ghost{color:rgba(0,0,0,.85);background:0 0;border-color:#d9d9d9}.ant-btn-ghost>a:only-child{color:currentColor}.ant-btn-ghost>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-ghost:focus,.ant-btn-ghost:hover{color:#cf1322;background:0 0;border-color:#cf1322}.ant-btn-ghost:focus>a:only-child,.ant-btn-ghost:hover>a:only-child{color:currentColor}.ant-btn-ghost:focus>a:only-child::after,.ant-btn-ghost:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-ghost:active{color:#cf1322;background:0 0;border-color:#cf1322}.ant-btn-ghost:active>a:only-child{color:currentColor}.ant-btn-ghost:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-ghost[disabled],.ant-btn-ghost[disabled]:active,.ant-btn-ghost[disabled]:focus,.ant-btn-ghost[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-ghost[disabled]:active>a:only-child,.ant-btn-ghost[disabled]:focus>a:only-child,.ant-btn-ghost[disabled]:hover>a:only-child,.ant-btn-ghost[disabled]>a:only-child{color:currentColor}.ant-btn-ghost[disabled]:active>a:only-child::after,.ant-btn-ghost[disabled]:focus>a:only-child::after,.ant-btn-ghost[disabled]:hover>a:only-child::after,.ant-btn-ghost[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dashed{color:rgba(0,0,0,.85);background:#fff;border-color:#d9d9d9;border-style:dashed}.ant-btn-dashed>a:only-child{color:currentColor}.ant-btn-dashed>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dashed:focus,.ant-btn-dashed:hover{color:#cf1322;background:#fff;border-color:#cf1322}.ant-btn-dashed:focus>a:only-child,.ant-btn-dashed:hover>a:only-child{color:currentColor}.ant-btn-dashed:focus>a:only-child::after,.ant-btn-dashed:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dashed:active{color:#cf1322;background:#fff;border-color:#cf1322}.ant-btn-dashed:active>a:only-child{color:currentColor}.ant-btn-dashed:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dashed[disabled],.ant-btn-dashed[disabled]:active,.ant-btn-dashed[disabled]:focus,.ant-btn-dashed[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-dashed[disabled]:active>a:only-child,.ant-btn-dashed[disabled]:focus>a:only-child,.ant-btn-dashed[disabled]:hover>a:only-child,.ant-btn-dashed[disabled]>a:only-child{color:currentColor}.ant-btn-dashed[disabled]:active>a:only-child::after,.ant-btn-dashed[disabled]:focus>a:only-child::after,.ant-btn-dashed[disabled]:hover>a:only-child::after,.ant-btn-dashed[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-danger{color:#fff;background:#ff4d4f;border-color:#ff4d4f;text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px 0 rgba(0,0,0,.045)}.ant-btn-danger>a:only-child{color:currentColor}.ant-btn-danger>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-danger:focus,.ant-btn-danger:hover{color:#fff;background:#ff7875;border-color:#ff7875}.ant-btn-danger:focus>a:only-child,.ant-btn-danger:hover>a:only-child{color:currentColor}.ant-btn-danger:focus>a:only-child::after,.ant-btn-danger:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-danger:active{color:#fff;background:#d9363e;border-color:#d9363e}.ant-btn-danger:active>a:only-child{color:currentColor}.ant-btn-danger:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-danger[disabled],.ant-btn-danger[disabled]:active,.ant-btn-danger[disabled]:focus,.ant-btn-danger[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-danger[disabled]:active>a:only-child,.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-danger[disabled]>a:only-child{color:currentColor}.ant-btn-danger[disabled]:active>a:only-child::after,.ant-btn-danger[disabled]:focus>a:only-child::after,.ant-btn-danger[disabled]:hover>a:only-child::after,.ant-btn-danger[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-link{color:#F5222D;background:0 0;border-color:transparent;box-shadow:none}.ant-btn-link>a:only-child{color:currentColor}.ant-btn-link>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-link:focus,.ant-btn-link:hover{color:#cf1322;background:0 0;border-color:#cf1322}.ant-btn-link:focus>a:only-child,.ant-btn-link:hover>a:only-child{color:currentColor}.ant-btn-link:focus>a:only-child::after,.ant-btn-link:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-link:active{color:#cf1322;background:0 0}.ant-btn-link:active>a:only-child{color:currentColor}.ant-btn-link:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-link:hover{background:0 0}.ant-btn-link:active,.ant-btn-link:focus,.ant-btn-link:hover{border-color:transparent}.ant-btn-link[disabled],.ant-btn-link[disabled]:active,.ant-btn-link[disabled]:focus,.ant-btn-link[disabled]:hover{color:rgba(0,0,0,.25);background:0 0;border-color:transparent;text-shadow:none;box-shadow:none}.ant-btn-link[disabled]:active>a:only-child,.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-link[disabled]>a:only-child{color:currentColor}.ant-btn-link[disabled]:active>a:only-child::after,.ant-btn-link[disabled]:focus>a:only-child::after,.ant-btn-link[disabled]:hover>a:only-child::after,.ant-btn-link[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-text{color:rgba(0,0,0,.85);background:0 0;border-color:transparent;box-shadow:none}.ant-btn-text>a:only-child{color:currentColor}.ant-btn-text>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-text:focus,.ant-btn-text:hover{color:#cf1322}.ant-btn-text:focus>a:only-child,.ant-btn-text:hover>a:only-child{color:currentColor}.ant-btn-text:focus>a:only-child::after,.ant-btn-text:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-text:active{color:#cf1322}.ant-btn-text:active>a:only-child{color:currentColor}.ant-btn-text:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-text:focus,.ant-btn-text:hover{color:rgba(0,0,0,.85);background:rgba(0,0,0,.018);border-color:transparent}.ant-btn-text:active{color:rgba(0,0,0,.85);background:rgba(0,0,0,.028);border-color:transparent}.ant-btn-text[disabled],.ant-btn-text[disabled]:active,.ant-btn-text[disabled]:focus,.ant-btn-text[disabled]:hover{color:rgba(0,0,0,.25);background:0 0;border-color:transparent;text-shadow:none;box-shadow:none}.ant-btn-text[disabled]:active>a:only-child,.ant-btn-text[disabled]:focus>a:only-child,.ant-btn-text[disabled]:hover>a:only-child,.ant-btn-text[disabled]>a:only-child{color:currentColor}.ant-btn-text[disabled]:active>a:only-child::after,.ant-btn-text[disabled]:focus>a:only-child::after,.ant-btn-text[disabled]:hover>a:only-child::after,.ant-btn-text[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous{color:#ff4d4f;background:#fff;border-color:#ff4d4f}.ant-btn-dangerous>a:only-child{color:currentColor}.ant-btn-dangerous>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous:focus,.ant-btn-dangerous:hover{color:#ff7875;background:#fff;border-color:#ff7875}.ant-btn-dangerous:focus>a:only-child,.ant-btn-dangerous:hover>a:only-child{color:currentColor}.ant-btn-dangerous:focus>a:only-child::after,.ant-btn-dangerous:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous:active{color:#d9363e;background:#fff;border-color:#d9363e}.ant-btn-dangerous:active>a:only-child{color:currentColor}.ant-btn-dangerous:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous[disabled],.ant-btn-dangerous[disabled]:active,.ant-btn-dangerous[disabled]:focus,.ant-btn-dangerous[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-dangerous[disabled]:active>a:only-child,.ant-btn-dangerous[disabled]:focus>a:only-child,.ant-btn-dangerous[disabled]:hover>a:only-child,.ant-btn-dangerous[disabled]>a:only-child{color:currentColor}.ant-btn-dangerous[disabled]:active>a:only-child::after,.ant-btn-dangerous[disabled]:focus>a:only-child::after,.ant-btn-dangerous[disabled]:hover>a:only-child::after,.ant-btn-dangerous[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-primary{color:#fff;background:#ff4d4f;border-color:#ff4d4f;text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px 0 rgba(0,0,0,.045)}.ant-btn-dangerous.ant-btn-primary>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-primary>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-primary:focus,.ant-btn-dangerous.ant-btn-primary:hover{color:#fff;background:#ff7875;border-color:#ff7875}.ant-btn-dangerous.ant-btn-primary:focus>a:only-child,.ant-btn-dangerous.ant-btn-primary:hover>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-primary:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-primary:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-primary:active{color:#fff;background:#d9363e;border-color:#d9363e}.ant-btn-dangerous.ant-btn-primary:active>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-primary:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-primary[disabled],.ant-btn-dangerous.ant-btn-primary[disabled]:active,.ant-btn-dangerous.ant-btn-primary[disabled]:focus,.ant-btn-dangerous.ant-btn-primary[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child::after,.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child::after,.ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-link{color:#ff4d4f;background:0 0;border-color:transparent;box-shadow:none}.ant-btn-dangerous.ant-btn-link>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-link>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-link:focus,.ant-btn-dangerous.ant-btn-link:hover{color:#ff7875;background:0 0;border-color:transparent}.ant-btn-dangerous.ant-btn-link:focus>a:only-child,.ant-btn-dangerous.ant-btn-link:hover>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-link:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-link:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-link:active{color:#d9363e;background:0 0;border-color:transparent}.ant-btn-dangerous.ant-btn-link:active>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-link:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-link[disabled],.ant-btn-dangerous.ant-btn-link[disabled]:active,.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-dangerous.ant-btn-link[disabled]:hover{color:rgba(0,0,0,.25);background:0 0;border-color:transparent;text-shadow:none;box-shadow:none}.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child::after,.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child::after,.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-text{color:#ff4d4f;background:0 0;border-color:transparent;box-shadow:none}.ant-btn-dangerous.ant-btn-text>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-text>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-text:focus,.ant-btn-dangerous.ant-btn-text:hover{color:#ff7875;background:rgba(0,0,0,.018);border-color:transparent}.ant-btn-dangerous.ant-btn-text:focus>a:only-child,.ant-btn-dangerous.ant-btn-text:hover>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-text:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-text:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-text:active{color:#d9363e;background:rgba(0,0,0,.028);border-color:transparent}.ant-btn-dangerous.ant-btn-text:active>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-text:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-dangerous.ant-btn-text[disabled],.ant-btn-dangerous.ant-btn-text[disabled]:active,.ant-btn-dangerous.ant-btn-text[disabled]:focus,.ant-btn-dangerous.ant-btn-text[disabled]:hover{color:rgba(0,0,0,.25);background:0 0;border-color:transparent;text-shadow:none;box-shadow:none}.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child,.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child{color:currentColor}.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child::after,.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child::after,.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child::after,.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-icon-only{width:28px;height:28px;padding:1.3px 0;font-size:14px;border-radius:2px;vertical-align:-1px}.ant-btn-icon-only>*{font-size:14px}.ant-btn-icon-only.ant-btn-lg{width:32px;height:32px;padding:1.7px 0;font-size:16px;border-radius:2px}.ant-btn-icon-only.ant-btn-lg>*{font-size:16px}.ant-btn-icon-only.ant-btn-sm{width:22px;height:22px;padding:0;font-size:12px;border-radius:2px}.ant-btn-icon-only.ant-btn-sm>*{font-size:12px}.ant-btn-round{height:28px;padding:3px 14px;font-size:12px;border-radius:28px}.ant-btn-round.ant-btn-lg{height:32px;padding:3.3px 16px;font-size:14px;border-radius:32px}.ant-btn-round.ant-btn-sm{height:22px;padding:0 11px;font-size:12px;border-radius:22px}.ant-btn-round.ant-btn-icon-only{width:auto}.ant-btn-circle{min-width:28px;padding-right:0;padding-left:0;text-align:center;border-radius:50%}.ant-btn-circle.ant-btn-lg{min-width:32px;border-radius:50%}.ant-btn-circle.ant-btn-sm{min-width:22px;border-radius:50%}.ant-btn::before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;display:none;background:#fff;border-radius:inherit;opacity:.35;transition:opacity .2s;content:'';pointer-events:none}.ant-btn-group,.ant-btn-group>.ant-btn,.ant-btn-group>span>.ant-btn,.ant-btn.ant-btn-loading,.ant-btn:active>span,.ant-btn:focus>span{position:relative}.ant-btn .anticon{transition:margin-left .3s cubic-bezier(.645,.045,.355,1)}.ant-btn .anticon.anticon-minus>svg,.ant-btn .anticon.anticon-plus>svg{shape-rendering:optimizeSpeed}.ant-btn.ant-btn-loading:not([disabled]){pointer-events:none}.ant-btn.ant-btn-loading::before{display:block}.ant-btn>.ant-btn-loading-icon{transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-btn>.ant-btn-loading-icon .anticon{padding-right:4px;animation:none}.ant-btn>.ant-btn-loading-icon .anticon svg{animation:loadingCircle 1s infinite linear}.ant-btn>.ant-btn-loading-icon:only-child .anticon{padding-right:0}.ant-btn-group>.ant-btn:active,.ant-btn-group>.ant-btn:focus,.ant-btn-group>.ant-btn:hover,.ant-btn-group>span>.ant-btn:active,.ant-btn-group>span>.ant-btn:focus,.ant-btn-group>span>.ant-btn:hover{z-index:2}.ant-btn-group>.ant-btn[disabled],.ant-btn-group>span>.ant-btn[disabled]{z-index:0}.ant-btn-group .ant-btn-icon-only{font-size:12px}.ant-btn-group-lg>.ant-btn,.ant-btn-group-lg>span>.ant-btn{height:32px;padding:3.3px 11px;font-size:14px;border-radius:0}.ant-btn-group-lg .ant-btn.ant-btn-icon-only{width:32px;height:32px;padding-right:0;padding-left:0}.ant-btn-group-sm>.ant-btn,.ant-btn-group-sm>span>.ant-btn{height:22px;padding:0 7px;font-size:12px;border-radius:0}.ant-btn-group-sm>.ant-btn>.anticon,.ant-btn-group-sm>span>.ant-btn>.anticon{font-size:12px}.ant-btn-group-sm .ant-btn.ant-btn-icon-only{width:22px;height:22px;padding-right:0;padding-left:0}.ant-btn+.ant-btn-group,.ant-btn-group .ant-btn+.ant-btn,.ant-btn-group .ant-btn+span,.ant-btn-group span+.ant-btn,.ant-btn-group+.ant-btn,.ant-btn-group+.ant-btn-group,.ant-btn-group>span+span{margin-left:-1px}.ant-btn-group .ant-btn-primary+.ant-btn:not(.ant-btn-primary):not([disabled]){border-left-color:transparent}.ant-btn-group .ant-btn{border-radius:0}.ant-btn-group-sm>.ant-btn:only-child,.ant-btn-group-sm>span:only-child>.ant-btn,.ant-btn-group>.ant-btn:only-child,.ant-btn-group>span:only-child>.ant-btn,.ant-card{border-radius:2px}.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn,.ant-btn-group>.ant-btn:first-child:not(:last-child),.ant-btn-group>span:first-child:not(:last-child)>.ant-btn{border-top-left-radius:2px;border-bottom-left-radius:2px}.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn,.ant-btn-group>.ant-btn:last-child:not(:first-child),.ant-btn-group>span:last-child:not(:first-child)>.ant-btn{border-top-right-radius:2px;border-bottom-right-radius:2px}.ant-btn-group>.ant-btn:first-child,.ant-btn-group>span:first-child>.ant-btn{margin-left:0}.ant-btn-group>.ant-btn-group{float:left}.ant-btn-group>.ant-btn-group:not(:first-child):not(:last-child)>.ant-btn{border-radius:0}.ant-btn-group>.ant-btn-group:first-child:not(:last-child)>.ant-btn:last-child{padding-right:8px;border-top-right-radius:0;border-bottom-right-radius:0}.ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child{padding-left:8px;border-top-left-radius:0;border-bottom-left-radius:0}.ant-btn-group-rtl.ant-btn+.ant-btn-group,.ant-btn-group-rtl.ant-btn-group .ant-btn+.ant-btn,.ant-btn-group-rtl.ant-btn-group .ant-btn+span,.ant-btn-group-rtl.ant-btn-group span+.ant-btn,.ant-btn-group-rtl.ant-btn-group+.ant-btn,.ant-btn-group-rtl.ant-btn-group+.ant-btn-group,.ant-btn-group-rtl.ant-btn-group>span+span,.ant-btn-rtl.ant-btn+.ant-btn-group,.ant-btn-rtl.ant-btn-group .ant-btn+.ant-btn,.ant-btn-rtl.ant-btn-group .ant-btn+span,.ant-btn-rtl.ant-btn-group span+.ant-btn,.ant-btn-rtl.ant-btn-group+.ant-btn,.ant-btn-rtl.ant-btn-group+.ant-btn-group,.ant-btn-rtl.ant-btn-group>span+span{margin-right:-1px;margin-left:auto}.ant-btn-group-rtl.ant-btn-group>.ant-btn:first-child:not(:last-child),.ant-btn-group-rtl.ant-btn-group>span:first-child:not(:last-child)>.ant-btn{border-radius:0 2px 2px 0}.ant-btn-group-rtl.ant-btn-group>.ant-btn:last-child:not(:first-child),.ant-btn-group-rtl.ant-btn-group>span:last-child:not(:first-child)>.ant-btn{border-radius:2px 0 0 2px}.ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),.ant-btn-group-rtl.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn{border-radius:0 2px 2px 0}.ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),.ant-btn-group-rtl.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn{border-radius:2px 0 0 2px}.ant-btn>.anticon+span,.ant-btn>span+.anticon{margin-left:4px}.ant-btn-background-ghost{color:#fff;background:0 0!important;border-color:#fff}.ant-btn-background-ghost.ant-btn-primary{color:#F5222D;background:0 0;border-color:#F5222D;text-shadow:none}.ant-btn-background-ghost.ant-btn-primary>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-primary>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-primary:focus,.ant-btn-background-ghost.ant-btn-primary:hover{color:#cf1322;background:0 0;border-color:#cf1322}.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-primary:active{color:#cf1322;background:0 0;border-color:#cf1322}.ant-btn-background-ghost.ant-btn-primary:active>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-primary:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-primary[disabled],.ant-btn-background-ghost.ant-btn-primary[disabled]:active,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child::after,.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child::after,.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-danger{color:#ff4d4f;background:0 0;border-color:#ff4d4f;text-shadow:none}.ant-btn-background-ghost.ant-btn-danger>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-danger>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-danger:focus,.ant-btn-background-ghost.ant-btn-danger:hover{color:#ff7875;background:0 0;border-color:#ff7875}.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-danger:active{color:#d9363e;background:0 0;border-color:#d9363e}.ant-btn-background-ghost.ant-btn-danger:active>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-danger:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-danger[disabled],.ant-btn-background-ghost.ant-btn-danger[disabled]:active,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child::after,.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child::after,.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous{color:#ff4d4f;background:0 0;border-color:#ff4d4f;text-shadow:none}.ant-btn-background-ghost.ant-btn-dangerous>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous:focus,.ant-btn-background-ghost.ant-btn-dangerous:hover{color:#ff7875;background:0 0;border-color:#ff7875}.ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous:active{color:#d9363e;background:0 0;border-color:#d9363e}.ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous[disabled],.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link{color:#ff4d4f;background:0 0;border-color:transparent;text-shadow:none}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover{color:#ff7875;background:0 0;border-color:transparent}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active{color:#d9363e;background:0 0;border-color:transparent}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child{color:currentColor}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;text-shadow:none;box-shadow:none}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child{color:currentColor}.ant-card,.ant-card-extra,.ant-card-head,.ant-card-head .ant-tabs{color:rgba(0,0,0,.85)}.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child::after,.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;content:''}.ant-btn-two-chinese-chars::first-letter{letter-spacing:.34em}.ant-btn-two-chinese-chars>:not(.anticon){margin-right:-.34em;letter-spacing:.34em}.ant-btn-block{width:100%}.ant-btn:empty{display:inline-block;width:0;content:'\a0'}.ant-card-head::after,.ant-card-head::before{display:table;content:''}a.ant-btn{padding-top:.01px!important;line-height:26px}a.ant-btn-lg{line-height:30px}a.ant-btn-sm{line-height:20px}.ant-card,.ant-card-actions>li>span{line-height:1.66667;position:relative}.ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary,.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child){border-right-color:#cf1322;border-left-color:#d9d9d9}.ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled]{border-right-color:#d9d9d9;border-left-color:#cf1322}.ant-btn-rtl.ant-btn>.ant-btn-loading-icon .anticon{padding-right:0;padding-left:4px}.ant-btn>.ant-btn-loading-icon:only-child .anticon{padding-left:0}.ant-btn-rtl.ant-btn>.anticon+span,.ant-btn-rtl.ant-btn>span+.anticon{margin-right:8px;margin-left:0}.ant-card{box-sizing:border-box;margin:0;padding:0;font-size:12px;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;background:#fff}.ant-card-hoverable{cursor:pointer;transition:box-shadow .3s,border-color .3s}.ant-card-hoverable:hover{border-color:transparent;box-shadow:0 1px 2px -2px rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.12),0 5px 12px 4px rgba(0,0,0,.09)}.ant-card-head,.ant-card-head .ant-tabs-bar{border-bottom:1px solid #f0f0f0}.ant-card-bordered{border:1px solid #f0f0f0}.ant-card-head{min-height:36px;margin-bottom:-1px;padding:0 12px;font-weight:500;font-size:12px;background:0 0;border-radius:2px 2px 0 0}.ant-card-head::after{clear:both}.ant-card-head-wrapper{display:flex;align-items:center}.ant-card-head-title{display:inline-block;flex:1;padding:8.5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-card-body::after,.ant-card-body::before{display:table;content:''}.ant-card-head-title>.ant-typography,.ant-card-head-title>.ant-typography-edit-content{left:0;margin-top:0;margin-bottom:0}.ant-card-head .ant-tabs{clear:both;margin-bottom:-9px;font-weight:400;font-size:12px}.ant-card-extra{float:right;margin-left:auto;padding:8.5px 0;font-weight:400;font-size:12px}.ant-card-rtl .ant-card-extra{margin-right:auto;margin-left:0}.ant-card-body{padding:12px}.ant-card-body::after{clear:both}.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body{margin:-1px 0 0 -1px;padding:0}.ant-card-grid{float:left;width:33.33%;padding:12px;border:0;border-radius:0;box-shadow:1px 0 0 0 #f0f0f0,0 1px 0 0 #f0f0f0,1px 1px 0 0 #f0f0f0,1px 0 0 0 #f0f0f0 inset,0 1px 0 0 #f0f0f0 inset;transition:all .3s}.ant-card-rtl .ant-card-grid{float:right}.ant-card-grid-hoverable:hover{position:relative;z-index:1;box-shadow:0 1px 2px -2px rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.12),0 5px 12px 4px rgba(0,0,0,.09)}.ant-card-contain-tabs>.ant-card-head .ant-card-head-title{min-height:27.5px;padding-bottom:0}.ant-card-contain-tabs>.ant-card-head .ant-card-extra{padding-bottom:0}.ant-card-bordered .ant-card-cover{margin-top:-1px;margin-right:-1px;margin-left:-1px}.ant-card-cover>*{display:block;width:100%}.ant-card-actions::after,.ant-card-actions::before{display:table;content:''}.ant-card-cover img{border-radius:2px 2px 0 0}.ant-card-actions{margin:0;padding:0;list-style:none;background:#fff;border-top:1px solid #f0f0f0}.ant-card-actions::after{clear:both}.ant-card-actions>li{float:left;margin:4px 0;color:rgba(0,0,0,.45);text-align:center}.ant-card-rtl .ant-card-actions>li{float:right}.ant-card-actions>li>span{display:block;min-width:32px;font-size:12px;cursor:pointer}.ant-card-actions>li>span:hover{color:#F5222D;transition:color .3s}.ant-card-actions>li>span a:not(.ant-btn),.ant-card-actions>li>span>.anticon{display:inline-block;width:100%;color:rgba(0,0,0,.45);line-height:22px;transition:color .3s}.ant-card-meta::after,.ant-card-meta::before{display:table;content:''}.ant-card-actions>li>span a:not(.ant-btn):hover,.ant-card-actions>li>span>.anticon:hover{color:#F5222D}.ant-card-actions>li>span>.anticon{font-size:16px;line-height:22px}.ant-card-actions>li:not(:last-child){border-right:1px solid #f0f0f0}.ant-card-rtl .ant-card-actions>li:not(:last-child){border-right:none;border-left:1px solid #f0f0f0}.ant-card-type-inner .ant-card-head{padding:0 12px;background:#fafafa}.ant-card-type-inner .ant-card-head-title{padding:12px 0;font-size:12px}.ant-card-type-inner .ant-card-body{padding:16px 12px}.ant-card-type-inner .ant-card-extra{padding:13.5px 0}.ant-card-meta{margin:-4px 0}.ant-card-meta::after{clear:both}.ant-card-meta-avatar{float:left;padding-right:16px}.ant-card-rtl .ant-card-meta-avatar{float:right;padding-right:0;padding-left:16px}.ant-card-meta-detail{overflow:hidden}.ant-card-meta-detail>div:not(:last-child){margin-bottom:4px}.ant-card-meta-title{overflow:hidden;color:rgba(0,0,0,.85);font-weight:500;font-size:14px;white-space:nowrap;text-overflow:ellipsis}.ant-card-meta-description,.ant-comment-content-author-name,.ant-comment-content-author-name>*,.ant-comment-content-author-name>:hover{color:rgba(0,0,0,.45)}.ant-card-loading{overflow:hidden}.ant-card-loading .ant-card-body{user-select:none}.ant-card-loading-content p{margin:0}.ant-card-loading-block{height:14px;margin:4px 0;background:linear-gradient(90deg,rgba(207,216,220,.2),rgba(207,216,220,.4),rgba(207,216,220,.2));background-size:600% 600%;border-radius:2px;animation:card-loading 1.4s ease infinite}@keyframes card-loading{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.ant-card-small>.ant-card-head{min-height:30px;padding:0 12px;font-size:12px}.ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-head-title{padding:6px 0}.ant-card-small>.ant-card-head>.ant-card-head-wrapper>.ant-card-extra{padding:6px 0;font-size:12px}.ant-card-small>.ant-card-body{padding:12px}.ant-card-rtl .ant-skeleton-header{padding:0 0 0 8.5px}nz-card,nz-card-loading,nz-card-meta{display:block}.ant-carousel{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum}.ant-carousel .slick-slider{position:relative;display:block;box-sizing:border-box;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-touch-callout:none}.ant-carousel .slick-list{position:relative;display:block;margin:0;padding:0;overflow:hidden}.ant-carousel .slick-list:focus{outline:0}.ant-carousel .slick-list.dragging{cursor:pointer}.ant-carousel .slick-list .slick-slide{pointer-events:none}.ant-carousel .slick-list .slick-slide.slick-active{pointer-events:auto}.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input,.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input{visibility:visible}.ant-carousel .slick-loading .slick-slide,.ant-checkbox-checked::after,.slick-loading .ant-carousel .slick-track{visibility:hidden}.ant-carousel .slick-list .slick-slide>div>div{vertical-align:bottom}.ant-carousel .slick-slider .slick-list,.ant-carousel .slick-slider .slick-track{transform:translate3d(0,0,0);touch-action:pan-y}.ant-carousel .slick-track{position:relative;top:0;left:0;display:block}.ant-carousel .slick-track::after,.ant-carousel .slick-track::before{display:table;content:''}.ant-carousel .slick-track::after{clear:both}.ant-carousel .slick-slide{display:none;float:left;height:100%;min-height:1px}.ant-carousel .slick-slide img{display:block}.ant-carousel .slick-slide.slick-loading img{display:none}.ant-carousel .slick-slide.dragging img{pointer-events:none}.ant-carousel .slick-initialized .slick-slide{display:block}.ant-carousel .slick-vertical .slick-slide{display:block;height:auto}.ant-carousel .slick-arrow.slick-hidden{display:none}.ant-carousel .slick-next,.ant-carousel .slick-prev{position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-10px;padding:0;color:transparent;font-size:0;line-height:0;background:0 0;border:0;outline:0;cursor:pointer}.ant-carousel .slick-next:focus,.ant-carousel .slick-next:hover,.ant-carousel .slick-prev:focus,.ant-carousel .slick-prev:hover{color:transparent;background:0 0;outline:0}.ant-carousel .slick-next:focus::before,.ant-carousel .slick-next:hover::before,.ant-carousel .slick-prev:focus::before,.ant-carousel .slick-prev:hover::before{opacity:1}.ant-carousel .slick-next.slick-disabled::before,.ant-carousel .slick-prev.slick-disabled::before{opacity:.25}.ant-carousel .slick-prev{left:-25px}.ant-carousel .slick-prev::before{content:'←'}.ant-carousel .slick-next::before,.ant-carousel-rtl .ant-carousel .slick-prev::before{content:'→'}.ant-carousel .slick-next{right:-25px}.ant-carousel .slick-dots{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex!important;justify-content:center;margin-right:15%;margin-left:15%;padding-left:0;list-style:none}.ant-carousel .slick-dots-bottom,.ant-popover-placement-leftBottom .ant-popover-arrow,.ant-popover-placement-rightBottom .ant-popover-arrow{bottom:12px}.ant-carousel .slick-dots-top{top:12px;bottom:auto}.ant-carousel .slick-dots li{position:relative;display:inline-block;flex:0 1 auto;box-sizing:content-box;width:16px;height:3px;margin:0 3px;padding:0;text-align:center;text-indent:-999px;vertical-align:top;transition:all .5s}.ant-carousel .slick-dots li button{display:block;width:100%;height:3px;padding:0;color:transparent;font-size:0;background:#fff;border:0;border-radius:1px;outline:0;cursor:pointer;opacity:.3;transition:all .5s}.ant-carousel .slick-dots li button:focus,.ant-carousel .slick-dots li button:hover{opacity:.75}.ant-carousel .slick-dots li.slick-active{width:24px}.ant-carousel .slick-dots li.slick-active button{background:#fff;opacity:1}.ant-carousel .slick-dots li.slick-active:focus,.ant-carousel .slick-dots li.slick-active:hover{opacity:1}.ant-carousel-vertical .slick-dots{top:50%;bottom:auto;flex-direction:column;width:3px;height:auto;margin:0;transform:translateY(-50%)}.ant-carousel-vertical .slick-dots-left{right:auto;left:12px}.ant-carousel-vertical .slick-dots-right{right:12px;left:auto}.ant-carousel-vertical .slick-dots li{width:3px;height:16px;margin:4px 2px;vertical-align:baseline}.ant-checkbox,.ant-checkbox-wrapper{box-sizing:border-box;margin:0;padding:0;font-size:12px;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum}.ant-carousel-vertical .slick-dots li button{width:3px;height:16px}.ant-carousel-vertical .slick-dots li.slick-active,.ant-carousel-vertical .slick-dots li.slick-active button{width:3px;height:24px}.ant-carousel-rtl .ant-carousel .slick-track{right:0;left:auto}.ant-carousel-rtl .ant-carousel .slick-prev{right:-25px;left:auto}.ant-carousel-rtl .ant-carousel .slick-next{right:auto;left:-25px}.ant-carousel-rtl .ant-carousel .slick-next::before{content:'←'}.ant-carousel-rtl.ant-carousel .slick-dots{flex-direction:row-reverse}.ant-carousel-rtl.ant-carousel-vertical .slick-dots{flex-direction:column}nz-carousel{display:block;position:relative;overflow:hidden;width:100%;height:100%}.slick-dots{display:block}.slick-track{opacity:1}.slick-list{direction:ltr}@keyframes antCheckboxEffect{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.6);opacity:0}}.ant-checkbox{color:rgba(0,0,0,.85);position:relative;top:.2em;line-height:1;white-space:nowrap;outline:0;cursor:pointer}.ant-checkbox-input:focus+.ant-checkbox-inner,.ant-checkbox-wrapper:hover .ant-checkbox-inner,.ant-checkbox:hover .ant-checkbox-inner{border-color:#F5222D}.ant-checkbox-checked::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #F5222D;border-radius:2px;animation:antCheckboxEffect .36s ease-in-out;animation-fill-mode:backwards;content:''}.ant-checkbox-wrapper:hover .ant-checkbox::after,.ant-checkbox:hover::after{visibility:visible}.ant-checkbox-inner{position:relative;top:0;left:0;display:block;width:14px;height:14px;direction:ltr;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;border-collapse:separate;transition:all .3s}.ant-checkbox-inner::after{position:absolute;top:50%;left:22%;display:table;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;content:' '}.ant-checkbox-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.ant-checkbox-disabled,.ant-checkbox-disabled .ant-checkbox-input,.ant-checkbox-disabled+span{cursor:not-allowed}.ant-checkbox-checked .ant-checkbox-inner::after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:' '}.ant-checkbox-checked .ant-checkbox-inner{background-color:#F5222D;border-color:#F5222D}.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after{border-color:rgba(0,0,0,.25);animation-name:none}.ant-checkbox-disabled .ant-checkbox-inner{background-color:#f5f5f5;border-color:#d9d9d9!important}.ant-checkbox-disabled .ant-checkbox-inner::after{border-color:#f5f5f5;border-collapse:separate;animation-name:none}.ant-checkbox-disabled+span{color:rgba(0,0,0,.25)}.ant-checkbox-disabled:hover::after,.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after{visibility:hidden}.ant-checkbox-wrapper{color:rgba(0,0,0,.85);display:inline-flex;align-items:baseline;line-height:unset;cursor:pointer}.ant-checkbox-wrapper::after{display:inline-block;width:0;overflow:hidden;content:'\a0'}.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled{cursor:not-allowed}.ant-checkbox-wrapper+.ant-checkbox-wrapper{margin-left:8px}.ant-checkbox+span{padding-right:8px;padding-left:8px}.ant-checkbox-group,.ant-collapse{padding:0;color:rgba(0,0,0,.85);font-size:12px;box-sizing:border-box;font-variant:tabular-nums;font-feature-settings:tnum;list-style:none}.ant-checkbox-group{margin:0;line-height:1.66667;display:inline-block}.ant-checkbox-group-item{margin-right:6px}.ant-checkbox-group-item:last-child{margin-right:0}.ant-checkbox-group-item+.ant-checkbox-group-item{margin-left:0}.ant-checkbox-indeterminate .ant-checkbox-inner{background-color:#fff;border-color:#d9d9d9}.ant-checkbox-indeterminate .ant-checkbox-inner::after{top:50%;left:50%;width:6px;height:6px;background-color:#F5222D;border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:' '}.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after{background-color:rgba(0,0,0,.25);border-color:rgba(0,0,0,.25)}.ant-checkbox-group-rtl .ant-checkbox-group-item{margin-right:0;margin-left:6px}.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child{margin-left:0!important}.ant-checkbox-group-rtl .ant-checkbox-group-item+.ant-checkbox-group-item{margin-left:6px}.ant-checkbox+span:empty{display:none}.ant-collapse{margin:0;line-height:1.66667;background-color:#fafafa;border:1px solid #d9d9d9;border-bottom:0;border-radius:2px}.ant-collapse-item:last-child>.ant-collapse-content,.ant-collapse>.ant-collapse-item:last-child,.ant-collapse>.ant-collapse-item:last-child>.ant-collapse-header{border-radius:0 0 2px 2px}.ant-collapse>.ant-collapse-item{border-bottom:1px solid #d9d9d9}.ant-collapse>.ant-collapse-item>.ant-collapse-header{position:relative;padding:8px;color:rgba(0,0,0,.85);line-height:1.66667;cursor:pointer;transition:all .3s,visibility 0s}.ant-collapse>.ant-collapse-item>.ant-collapse-header::before{display:table;content:''}.ant-collapse>.ant-collapse-item>.ant-collapse-header::after{display:table;clear:both;content:''}.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow{display:inline-block;margin-right:12px;font-size:12px;vertical-align:-1px}.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg{transition:transform .24s}.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-extra{float:right}.ant-collapse>.ant-collapse-item>.ant-collapse-header:focus{outline:0}.ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only{cursor:default}.ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text{cursor:pointer}.ant-collapse>.ant-collapse-item.ant-collapse-no-arrow>.ant-collapse-header{padding-left:12px}.ant-collapse-icon-position-right>.ant-collapse-item>.ant-collapse-header{padding:8px 40px 8px 8px}.ant-collapse-icon-position-right>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow{position:absolute;top:50%;right:8px;left:auto;margin:0;transform:translateY(-50%)}.ant-collapse-rtl.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg,.ant-dropdown-wrap-open .anticon-down::before,.ant-picker-rtl .ant-picker-separator{transform:rotate(180deg)}.ant-collapse-content{color:rgba(0,0,0,.85);background-color:#fff;border-top:1px solid #d9d9d9}.ant-collapse-borderless,.ant-descriptions-bordered .ant-descriptions-item-label{background-color:#fafafa}.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content,.ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content{border-top:0;background-color:transparent}.ant-collapse-content>.ant-collapse-content-box{padding:8px 16px}.ant-collapse-content-hidden{display:none}nz-collapse,nz-collapse-panel,nz-comment,nz-comment-content{display:block}.ant-collapse-borderless{border:0}.ant-collapse-borderless>.ant-collapse-item{border-bottom:1px solid #d9d9d9}.ant-collapse-borderless>.ant-collapse-item:last-child,.ant-collapse-borderless>.ant-collapse-item:last-child .ant-collapse-header{border-radius:0}.ant-collapse-borderless>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{padding-top:4px}.ant-collapse-ghost{background-color:transparent;border:0}.ant-collapse-ghost>.ant-collapse-item{border-bottom:0}.ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{padding-top:12px;padding-bottom:12px}.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header,.ant-collapse .ant-collapse-item-disabled>.ant-collapse-header>.arrow{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-collapse-rtl .ant-collapse>.ant-collapse-item>.ant-collapse-header{padding:8px 40px 8px 8px}.ant-collapse-rtl.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-extra{float:left}.ant-collapse-rtl.ant-collapse>.ant-collapse-item.ant-collapse-no-arrow>.ant-collapse-header{padding-right:12px;padding-left:0}.ant-comment{position:relative;background-color:inherit}.ant-comment-inner{display:flex;padding:8px 0}.ant-comment-avatar{position:relative;flex-shrink:0;margin-right:8px;cursor:pointer}.ant-comment-avatar img{width:32px;height:32px;border-radius:50%}.ant-comment-content{position:relative;flex:1 1 auto;min-width:1px;font-size:12px;word-wrap:break-word}.ant-comment-content-author{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:0;font-size:12px}.ant-comment-content-author>a,.ant-comment-content-author>span{padding-right:4px;font-size:12px;line-height:18px}.ant-comment-content-author-name{font-size:12px;transition:color .3s}.ant-comment-content-author-time{color:#ccc;white-space:nowrap;cursor:auto}.ant-comment-content-detail p{margin-bottom:0;white-space:pre-wrap}.ant-comment-actions{margin-top:4px;margin-bottom:0;padding-left:0}.ant-comment-actions>li{display:inline-block;color:rgba(0,0,0,.45)}.ant-comment-actions>li>span{margin-right:10px;color:rgba(0,0,0,.45);font-size:12px;cursor:pointer;transition:color .3s;user-select:none}.ant-comment-actions>li>span:hover{color:#595959}.ant-comment-nested{margin-left:44px}.ant-comment-rtl .ant-comment-avatar{margin-right:0;margin-left:12px}.ant-comment-rtl .ant-comment-content-author>a,.ant-comment-rtl .ant-comment-content-author>span{padding-right:0;padding-left:8px}.ant-comment-rtl .ant-comment-actions{padding-right:0}.ant-comment-rtl .ant-comment-actions>li>span{margin-right:0;margin-left:10px}.ant-comment-rtl .ant-comment-nested{margin-right:44px;margin-left:0}.ant-picker,.ant-picker-input{display:inline-flex;position:relative}.ant-picker{box-sizing:border-box;margin:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;padding:3px 7px;align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:2px;transition:border .3s,box-shadow .3s}.ant-picker-focused,.ant-picker:hover{border-color:#cf1322;border-right-width:1px!important}.ant-input-rtl .ant-picker-focused,.ant-input-rtl .ant-picker:hover{border-right-width:0;border-left-width:1px!important}.ant-picker-focused{border-color:#cf1322;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-picker-focused{border-right-width:0;border-left-width:1px!important}.ant-picker.ant-picker-disabled{background:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.ant-picker.ant-picker-disabled .ant-picker-suffix{color:rgba(0,0,0,.25)}.ant-picker.ant-picker-borderless{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}.ant-picker-input{align-items:center;width:100%}.ant-picker-input>input{position:relative;display:inline-block;width:100%;color:rgba(0,0,0,.85);font-size:12px;line-height:1.66667;border-radius:2px;transition:all .3s;flex:auto;min-width:1px;height:auto;padding:0;background:0 0;border:0}.ant-picker-input>input::-moz-placeholder{opacity:1}.ant-picker-input>input::placeholder{color:#bfbfbf}.ant-picker-input>input-disabled,.ant-picker-input>input[disabled]{background-color:#f5f5f5;cursor:not-allowed;color:rgba(0,0,0,.25);opacity:1;pointer-events:none}.ant-picker-input>input:placeholder-shown{text-overflow:ellipsis}.ant-picker-input>input:hover{border-color:#cf1322;border-right-width:1px!important}.ant-input-rtl .ant-picker-input>input:hover{border-right-width:0;border-left-width:1px!important}.ant-picker-input>input-focused,.ant-picker-input>input:focus{border-color:#cf1322;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-picker-input>input-focused,.ant-input-rtl .ant-picker-input>input:focus{border-right-width:0;border-left-width:1px!important}.ant-picker-input>input-disabled:hover,.ant-picker-input>input[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-picker-input>input-borderless,.ant-picker-input>input-borderless-disabled,.ant-picker-input>input-borderless-focused,.ant-picker-input>input-borderless:focus,.ant-picker-input>input-borderless:hover,.ant-picker-input>input-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.ant-picker-input>input{max-width:100%;height:auto;min-height:28px;line-height:1.66667;vertical-align:bottom;transition:all .3s,height 0s}.ant-picker-input>input-lg{padding:3.4px 11px;font-size:14px}.ant-picker-input>input-sm{padding:0 7px}.ant-picker-input>input:focus{box-shadow:none}.ant-picker-input>input[disabled]{background:0 0}.ant-picker-input:hover .ant-picker-clear{opacity:1}.ant-picker-input-placeholder>input{color:#bfbfbf}.ant-picker-large{padding:3.5px 11px}.ant-picker-large .ant-picker-input>input{font-size:14px}.ant-picker-small{padding:0 7px}.ant-picker-suffix{align-self:center;margin-left:2px;color:rgba(0,0,0,.25);line-height:1;pointer-events:none}.ant-picker-suffix>*{vertical-align:top}.ant-picker-clear{position:absolute;top:50%;right:0;color:rgba(0,0,0,.25);line-height:1;background:#fff;transform:translateY(-50%);cursor:pointer;opacity:0;transition:opacity .3s,color .3s}.ant-picker-clear>*{vertical-align:top}.ant-picker-clear:hover{color:rgba(0,0,0,.45)}.ant-picker-separator{position:relative;display:inline-block;width:1em;height:14px;color:rgba(0,0,0,.25);font-size:14px;vertical-align:top;cursor:default}.ant-picker-focused .ant-picker-separator{color:rgba(0,0,0,.45)}.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator{cursor:not-allowed}.ant-picker-range{position:relative;display:inline-flex}.ant-picker-range .ant-picker-clear{right:7px}.ant-picker-range:hover .ant-picker-clear{opacity:1}.ant-picker-range .ant-picker-active-bar{bottom:-1px;height:2px;margin-left:7px;background:#F5222D;opacity:0;transition:all .3s ease-out;pointer-events:none}.ant-picker-range.ant-picker-focused .ant-picker-active-bar{opacity:1}.ant-picker-range-separator{align-items:center;padding:0 4px;line-height:1}.ant-picker-range.ant-picker-small .ant-picker-clear{right:7px}.ant-picker-range.ant-picker-small .ant-picker-active-bar{margin-left:7px}.ant-picker-dropdown{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;position:absolute;z-index:1050}.ant-picker-dropdown-hidden{display:none}.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow{top:1.67px;display:block;transform:rotate(-45deg)}.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow{bottom:1.67px;display:block;transform:rotate(135deg)}.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-topRight,.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-topRight{animation-name:antSlideDownIn}.ant-cascader-menus.ant-slide-up-appear.ant-slide-up-appear-active.ant-cascader-menus-placement-bottomLeft,.ant-cascader-menus.ant-slide-up-enter.ant-slide-up-enter-active.ant-cascader-menus-placement-bottomLeft,.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.ant-slide-down-appear.ant-slide-down-appear-active.ant-dropdown-placement-bottomRight,.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.ant-slide-down-enter.ant-slide-down-enter-active.ant-dropdown-placement-bottomRight,.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-picker-dropdown-placement-bottomRight,.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-picker-dropdown-placement-bottomRight,.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-bottomLeft,.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-bottomLeft{animation-name:antSlideUpIn}.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topLeft,.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-topRight{animation-name:antSlideDownOut}.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft,.ant-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-picker-dropdown-placement-bottomRight{animation-name:antSlideUpOut}.ant-picker-dropdown-range{padding:6.67px 0}.ant-picker-dropdown-range-hidden{display:none}.ant-picker-dropdown .ant-picker-panel>.ant-picker-time-panel{padding-top:2px}.ant-picker-ranges{margin-bottom:0;padding:2px 8px;overflow:hidden;line-height:28px;text-align:left;list-style:none}.ant-picker-ranges>li{display:inline-block}.ant-picker-ranges .ant-picker-preset>.ant-tag-blue{color:#F5222D;background:#e6f7ff;border-color:#91d5ff;cursor:pointer}.ant-picker-ranges .ant-picker-ok{float:right;margin-left:4px}.ant-picker-range-wrapper{display:flex}.ant-picker-range-arrow{position:absolute;z-index:1;display:none;width:10px;height:10px;margin-left:10.5px;box-shadow:2px -2px 6px rgba(0,0,0,.06);transition:left .3s ease-out}.ant-picker-range-arrow::after{position:absolute;top:1px;right:1px;width:10px;height:10px;border:5px solid #f0f0f0;border-color:#fff #fff transparent transparent;content:''}.ant-picker-panel-container{overflow:hidden;vertical-align:top;background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);transition:margin .3s}.ant-picker-panel-container .ant-picker-panels{display:inline-flex;flex-wrap:nowrap;direction:ltr}.ant-picker-panel-container .ant-picker-panel{vertical-align:top;background:0 0;border-width:0 0 1px;border-radius:0}.ant-picker-panel-container .ant-picker-panel-focused{border-color:#f0f0f0}.ant-picker-panel{display:inline-flex;flex-direction:column;text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:2px;outline:0}.ant-picker-panel-focused{border-color:#F5222D}.ant-picker-date-panel,.ant-picker-decade-panel,.ant-picker-month-panel,.ant-picker-quarter-panel,.ant-picker-time-panel,.ant-picker-week-panel,.ant-picker-year-panel{display:flex;flex-direction:column;width:244px}.ant-picker-header{display:flex;padding:0 4px;color:rgba(0,0,0,.85);border-bottom:1px solid #f0f0f0}.ant-picker-header>*{flex:none}.ant-picker-header button{padding:0;color:rgba(0,0,0,.25);line-height:32px;background:0 0;border:0;cursor:pointer;transition:color .3s}.ant-picker-header>button{min-width:1.6em;font-size:12px}.ant-picker-header>button:hover{color:rgba(0,0,0,.85)}.ant-picker-header-view{flex:auto;font-weight:500;line-height:32px}.ant-picker-header-view button{color:inherit;font-weight:inherit}.ant-picker-header-view button:not(:first-child){margin-left:4px}.ant-picker-header-view button:hover{color:#F5222D}.ant-picker-next-icon,.ant-picker-prev-icon,.ant-picker-super-next-icon,.ant-picker-super-prev-icon{position:relative;display:inline-block;width:7px;height:7px}.ant-picker-next-icon::before,.ant-picker-prev-icon::before,.ant-picker-super-next-icon::before,.ant-picker-super-prev-icon::before{position:absolute;top:0;left:0;display:inline-block;width:7px;height:7px;border:0 solid currentColor;border-width:1.5px 0 0 1.5px;content:''}.ant-picker-super-next-icon::after,.ant-picker-super-prev-icon::after{position:absolute;top:4px;left:4px;display:inline-block;width:7px;height:7px;border:0 solid currentColor;border-width:1.5px 0 0 1.5px;content:''}.ant-picker-prev-icon,.ant-picker-super-prev-icon{transform:rotate(-45deg)}.ant-picker-next-icon,.ant-picker-super-next-icon{transform:rotate(135deg)}.ant-picker-content{width:100%;table-layout:fixed}.ant-picker-content td,.ant-picker-content th{position:relative;min-width:24px;font-weight:400}.ant-picker-content th{height:30px;color:rgba(0,0,0,.85);line-height:30px}.ant-picker-cell{padding:3px 0;color:rgba(0,0,0,.25);cursor:pointer}.ant-picker-cell-in-view{color:rgba(0,0,0,.85)}.ant-picker-cell-disabled{cursor:not-allowed;pointer-events:none}.ant-picker-cell::before{position:absolute;top:50%;right:0;left:0;z-index:1;height:22px;transform:translateY(-50%);content:''}.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner{background:#f5f5f5}.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid #F5222D;border-radius:2px;content:''}.ant-picker-cell-in-view.ant-picker-cell-in-range{position:relative}.ant-picker-cell-in-view.ant-picker-cell-in-range::before{background:#e6f7ff}.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner,.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner{color:#fff;background:#F5222D}.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before,.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before{background:#e6f7ff}.ant-picker-cell-in-view.ant-picker-cell-range-start::before{left:50%}.ant-picker-cell-in-view.ant-picker-cell-range-end::before{right:50%}.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after{position:absolute;top:50%;z-index:0;height:24px;border-top:1px dashed #7ec1ff;border-bottom:1px dashed #7ec1ff;transform:translateY(-50%);content:''}.ant-picker-cell-range-hover-end::after,.ant-picker-cell-range-hover-start::after,.ant-picker-cell-range-hover::after{right:0;left:2px}.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,.ant-picker-panel>:not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before,.ant-picker-panel>:not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before{background:#cbe6ff}.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner{border-radius:2px 0 0 2px}.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner{border-radius:0 2px 2px 0}.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after,.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after{position:absolute;top:0;bottom:0;z-index:-1;background:#cbe6ff;content:''}.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after{right:-6px;left:0}.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after{right:0;left:-6px}.ant-picker-cell-range-hover.ant-picker-cell-range-start::after{right:50%}.ant-picker-cell-range-hover.ant-picker-cell-range-end::after{left:50%}.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after,.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after{left:6px;border-left:1px dashed #7ec1ff;border-top-left-radius:2px;border-bottom-left-radius:2px}.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after{right:6px;border-right:1px dashed #7ec1ff;border-top-right-radius:2px;border-bottom-right-radius:2px}.ant-picker-cell-disabled .ant-picker-cell-inner{color:rgba(0,0,0,.25);background:0 0}.ant-picker-cell-disabled::before,.ant-picker-decade-panel .ant-picker-cell-disabled .ant-picker-cell-inner,.ant-picker-month-panel .ant-picker-cell-disabled .ant-picker-cell-inner,.ant-picker-quarter-panel .ant-picker-cell-disabled .ant-picker-cell-inner,.ant-picker-year-panel .ant-picker-cell-disabled .ant-picker-cell-inner{background:#f5f5f5}.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before{border-color:rgba(0,0,0,.25)}.ant-picker-decade-panel .ant-picker-content,.ant-picker-month-panel .ant-picker-content,.ant-picker-quarter-panel .ant-picker-content,.ant-picker-year-panel .ant-picker-content{height:192px}.ant-picker-decade-panel .ant-picker-cell-inner,.ant-picker-month-panel .ant-picker-cell-inner,.ant-picker-quarter-panel .ant-picker-cell-inner,.ant-picker-year-panel .ant-picker-cell-inner{padding:0 4px}.ant-picker-quarter-panel .ant-picker-content{height:56px}.ant-picker-footer{width:min-content;min-width:100%;line-height:30px;text-align:center;border-bottom:1px solid transparent}.ant-picker-panel .ant-picker-footer{border-top:1px solid #f0f0f0}.ant-picker-footer-extra{padding:0 8px;line-height:30px;text-align:left}.ant-picker-footer-extra:not(:last-child){border-bottom:1px solid #f0f0f0}.ant-picker-now{text-align:left}.ant-picker-today-btn{color:#F5222D}.ant-picker-today-btn:hover{color:#cf1322}.ant-picker-today-btn:active{color:#cf1322}.ant-picker-today-btn.ant-picker-today-btn-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-picker-decade-panel .ant-picker-cell-inner{padding:0 2px}.ant-picker-decade-panel .ant-picker-cell::before{display:none}.ant-picker-month-panel .ant-picker-body,.ant-picker-quarter-panel .ant-picker-body,.ant-picker-year-panel .ant-picker-body{padding:0 4px}.ant-picker-date-panel .ant-picker-body,.ant-picker-week-panel .ant-picker-body{padding:4px 8px}.ant-picker-month-panel .ant-picker-cell-inner,.ant-picker-quarter-panel .ant-picker-cell-inner,.ant-picker-year-panel .ant-picker-cell-inner{width:60px}.ant-picker-month-panel .ant-picker-cell-range-hover-start::after,.ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,.ant-picker-year-panel .ant-picker-cell-range-hover-start::after{left:9.33px;border-left:1px dashed #7ec1ff;border-radius:2px 0 0 2px}.ant-picker-month-panel .ant-picker-cell-range-hover-end::after,.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after,.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after,.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after,.ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,.ant-picker-year-panel .ant-picker-cell-range-hover-end::after{right:9.33px;border-right:1px dashed #7ec1ff;border-radius:0 2px 2px 0}.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after,.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after,.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after{left:9.33px;border-left:1px dashed #7ec1ff;border-radius:2px 0 0 2px}.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner,.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner,.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner{background:0 0!important}.ant-picker-week-panel-row td{transition:background .3s}.ant-picker-week-panel-row:hover td{background:#f5f5f5}.ant-picker-week-panel-row-selected td,.ant-picker-week-panel-row-selected:hover td{background:#F5222D}.ant-picker-week-panel-row-selected td.ant-picker-cell-week,.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week{color:rgba(255,255,255,.5)}.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before,.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before{border-color:#fff}.ant-picker-datetime-panel .ant-picker-time-panel,.ant-picker-time-panel-column:not(:first-child){border-left:1px solid #f0f0f0}.ant-picker-week-panel-row-selected td .ant-picker-cell-inner,.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner{color:#fff}.ant-picker-date-panel .ant-picker-content{width:224px}.ant-picker-date-panel .ant-picker-content th{width:32px}.ant-picker-datetime-panel{display:flex}.ant-picker-datetime-panel .ant-picker-date-panel,.ant-picker-datetime-panel .ant-picker-time-panel{transition:opacity .3s}.ant-picker-datetime-panel-active .ant-picker-date-panel,.ant-picker-datetime-panel-active .ant-picker-time-panel{opacity:.3}.ant-picker-datetime-panel-active .ant-picker-date-panel-active,.ant-picker-datetime-panel-active .ant-picker-time-panel-active{opacity:1}.ant-picker-time-panel{width:auto;min-width:auto}.ant-picker-time-panel .ant-picker-content{display:flex;flex:auto;height:224px}.ant-picker-time-panel-column{flex:1 0 auto;width:56px;margin:0;padding:0;overflow-y:hidden;text-align:left;list-style:none;transition:background .3s}.ant-picker-time-panel-column::after{display:block;height:200px;content:''}.ant-picker-datetime-panel .ant-picker-time-panel-column::after{height:202px}.ant-picker-time-panel-column-active{background:rgba(230,247,255,.2)}.ant-picker-time-panel-column:hover{overflow-y:auto}.ant-picker-time-panel-column>li{margin:0;padding:0}.ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner{display:block;width:100%;height:24px;margin:0;padding:0 0 0 14px;color:rgba(0,0,0,.85);line-height:24px;border-radius:0;cursor:pointer;transition:background .3s}.ant-picker-time-panel-column>li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover{background:#f5f5f5}.ant-menu-item:active,.ant-menu-submenu-title:active,.ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner{background:#e6f7ff}.ant-picker-time-panel-column>li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner{color:rgba(0,0,0,.25);background:0 0;cursor:not-allowed}:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell,_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell,_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell{padding:21px 0}.ant-picker-rtl .ant-picker-suffix{margin-right:2px;margin-left:0}.ant-picker-rtl .ant-picker-clear{right:auto;left:0}.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child){margin-right:4px;margin-left:0}.ant-picker-rtl.ant-picker-range .ant-picker-clear{right:auto;left:7px}.ant-picker-rtl.ant-picker-range .ant-picker-active-bar{margin-right:7px;margin-left:0}.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar{margin-right:7px}.ant-picker-dropdown-rtl .ant-picker-ranges{text-align:right}.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok{float:left;margin-right:4px;margin-left:0}.ant-picker-panel-rtl .ant-picker-prev-icon,.ant-picker-panel-rtl .ant-picker-super-prev-icon{transform:rotate(135deg)}.ant-picker-panel-rtl .ant-picker-next-icon,.ant-picker-panel-rtl .ant-picker-super-next-icon{transform:rotate(-45deg)}.ant-picker-cell .ant-picker-cell-inner{position:relative;z-index:2;display:inline-block;min-width:22px;height:22px;line-height:22px;border-radius:2px;transition:background .3s,border .3s}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before{right:50%;left:0}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before{right:0;left:50%}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before{right:50%;left:50%}.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after{right:0;left:-6px}.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after{right:-6px;left:0}.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after{right:0;left:50%}.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after{right:50%;left:0}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner{border-radius:0 2px 2px 0}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner{border-radius:2px 0 0 2px}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):first-child::after{right:6px;left:0;border-right:1px dashed #7ec1ff;border-left:none;border-radius:0 2px 2px 0}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-selected):last-child::after{right:0;left:6px;border-right:none;border-left:1px dashed #7ec1ff;border-radius:2px 0 0 2px}.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-start.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover)::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-end.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover)::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-end:first-child::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,.ant-picker-panel-rtl tr>.ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover.ant-picker-cell-range-hover-edge-start:last-child::after{right:6px;left:6px;border-right:1px dashed #7ec1ff;border-left:1px dashed #7ec1ff;border-radius:2px}.ant-picker-dropdown-rtl .ant-picker-footer-extra{text-align:right}.ant-picker-panel-rtl .ant-picker-time-panel{direction:ltr}.ant-descriptions-rtl,.ant-divider-rtl,.ant-drawer-rtl,.ant-dropdown-menu.ant-dropdown-menu-rtl,.ant-dropdown-rtl,.ant-dropdown-rtl .ant-dropdown-menu-item-group-title,.ant-empty-rtl,.ant-input-affix-wrapper-rtl,.ant-input-group-rtl,.ant-input-group-wrapper-rtl,.ant-input-number-rtl,.ant-input-rtl,.ant-input-search-rtl,.ant-input-textarea-rtl,.ant-row-rtl{direction:rtl}.ant-picker-inline{border:none;padding:0}.ant-picker-inline .ant-picker-range-arrow{display:none!important}.ant-descriptions-header{display:flex;align-items:center;margin-bottom:8px}.ant-descriptions-title{flex:auto;overflow:hidden;color:rgba(0,0,0,.85);font-weight:700;font-size:14px;line-height:1.66667;white-space:nowrap;text-overflow:ellipsis}.ant-descriptions-extra,.ant-descriptions-item-content,.ant-descriptions-item-label,.ant-divider{font-size:12px;color:rgba(0,0,0,.85)}.ant-descriptions-extra{margin-left:auto}.ant-descriptions-view{width:100%;overflow:hidden;border-radius:2px}.ant-descriptions-view table{width:100%;table-layout:fixed}.ant-descriptions-row>td,.ant-descriptions-row>th{padding-bottom:4px}.ant-descriptions-row:last-child{border-bottom:none}.ant-descriptions-item-label{font-weight:400;line-height:1.66667;text-align:start}.ant-descriptions-item-label::after{content:':';position:relative;top:-.5px;margin:0 8px 0 2px}.ant-descriptions-item-label.ant-descriptions-item-no-colon::after,.ant-dropdown::before{content:' '}.ant-descriptions-item-no-label::after{margin:0;content:''}.ant-descriptions-item-content{display:table-cell;flex:1;line-height:1.66667;word-break:break-word;overflow-wrap:break-word}.ant-descriptions-item{padding-bottom:0;vertical-align:top}.ant-descriptions-item-container{display:flex}.ant-descriptions-item-container .ant-descriptions-item-content,.ant-descriptions-item-container .ant-descriptions-item-label{display:inline-flex;align-items:baseline}.ant-descriptions-middle .ant-descriptions-row>td,.ant-descriptions-middle .ant-descriptions-row>th{padding-bottom:8px}.ant-descriptions-small .ant-descriptions-row>td,.ant-descriptions-small .ant-descriptions-row>th{padding-bottom:4px}.ant-descriptions-bordered .ant-descriptions-view{border:1px solid #f0f0f0}.ant-descriptions-bordered .ant-descriptions-view>table{table-layout:auto}.ant-descriptions-bordered .ant-descriptions-item-content,.ant-descriptions-bordered .ant-descriptions-item-label{padding:12px 16px;border-right:1px solid #f0f0f0}.ant-descriptions-bordered .ant-descriptions-item-content:last-child,.ant-descriptions-bordered .ant-descriptions-item-label:last-child{border-right:none}.ant-descriptions-bordered .ant-descriptions-item-label::after{display:none}.ant-descriptions-bordered .ant-descriptions-row{border-bottom:1px solid #f0f0f0}.ant-descriptions-bordered .ant-descriptions-row:last-child{border-bottom:none}.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content,.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label{padding:8px 16px}.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content,.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label{padding:4px 8px}.ant-descriptions-rtl .ant-descriptions-item-label::after{margin:0 2px 0 8px}.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content,.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label{border-right:none;border-left:1px solid #f0f0f0}.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-content:last-child,.ant-descriptions-rtl.ant-descriptions-bordered .ant-descriptions-item-label:last-child{border-left:none}nz-descriptions{display:block}.ant-divider{box-sizing:border-box;margin:0;padding:0;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;border-top:1px solid rgba(0,0,0,.06)}.ant-divider-vertical{position:relative;top:-.06em;display:inline-block;height:.9em;margin:0 8px;vertical-align:middle;border-top:0;border-left:1px solid rgba(0,0,0,.06)}.ant-divider-horizontal{display:flex;clear:both;width:100%;min-width:100%;margin:24px 0}.ant-divider-horizontal.ant-divider-with-text{display:flex;margin:16px 0;color:rgba(0,0,0,.85);font-weight:500;font-size:14px;white-space:nowrap;text-align:center;border-top:0;border-top-color:rgba(0,0,0,.06)}.ant-divider-horizontal.ant-divider-with-text::after,.ant-divider-horizontal.ant-divider-with-text::before{position:relative;top:50%;width:50%;border-top:1px solid transparent;border-top-color:inherit;border-bottom:0;transform:translateY(50%);content:''}.ant-divider-horizontal.ant-divider-with-text-left::before{top:50%;width:5%}.ant-divider-horizontal.ant-divider-with-text-left::after,.ant-divider-horizontal.ant-divider-with-text-right::before{top:50%;width:95%}.ant-divider-horizontal.ant-divider-with-text-right::after{top:50%;width:5%}.ant-divider-inner-text{display:inline-block;padding:0 1em}.ant-divider-dashed{background:0 0;border-color:rgba(0,0,0,.06);border-style:dashed;border-width:1px 0 0}.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed{border-top:0}.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after,.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before{border-style:dashed none none}.ant-divider-vertical.ant-divider-dashed{border-width:0 0 0 1px}.ant-divider-plain.ant-divider-with-text{color:rgba(0,0,0,.85);font-weight:400;font-size:12px}.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::before{width:95%}.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left::after,.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::before{width:5%}.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after{width:95%}.ant-drawer{position:fixed;z-index:1000;width:0%;height:100%;transition:transform .3s cubic-bezier(.7,.3,.1,1),height 0s ease .3s,width 0s ease .3s}.ant-drawer>*{transition:transform .3s cubic-bezier(.7,.3,.1,1),box-shadow .3s cubic-bezier(.7,.3,.1,1)}.ant-drawer-content-wrapper{position:absolute;width:100%;height:100%}.ant-drawer .ant-drawer-content{width:100%;height:100%}.ant-drawer-left,.ant-drawer-right{top:0;width:0%;height:100%}.ant-drawer-left .ant-drawer-content-wrapper,.ant-drawer-right .ant-drawer-content-wrapper{height:100%}.ant-drawer-left.ant-drawer-open,.ant-drawer-right.ant-drawer-open{width:100%;transition:transform .3s cubic-bezier(.7,.3,.1,1)}.ant-drawer-left,.ant-drawer-left .ant-drawer-content-wrapper{left:0}.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper{box-shadow:6px 0 16px -8px rgba(0,0,0,.08),9px 0 28px 0 rgba(0,0,0,.05),12px 0 48px 16px rgba(0,0,0,.03)}.ant-drawer-right,.ant-drawer-right .ant-drawer-content-wrapper{right:0}.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper{box-shadow:-6px 0 16px -8px rgba(0,0,0,.08),-9px 0 28px 0 rgba(0,0,0,.05),-12px 0 48px 16px rgba(0,0,0,.03)}.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper,.header-dropdown{box-shadow:0 6px 16px -8px rgba(0,0,0,.08),0 9px 28px 0 rgba(0,0,0,.05),0 12px 48px 16px rgba(0,0,0,.03)}.ant-drawer-right.ant-drawer-open.no-mask{right:1px;transform:translateX(1px)}.ant-drawer-bottom,.ant-drawer-top{left:0;width:100%;height:0%}.ant-drawer-bottom .ant-drawer-content-wrapper,.ant-drawer-top .ant-drawer-content-wrapper{width:100%}.ant-drawer-bottom.ant-drawer-open,.ant-drawer-top.ant-drawer-open{height:100%;transition:transform .3s cubic-bezier(.7,.3,.1,1)}.ant-drawer-top{top:0}.ant-drawer-bottom,.ant-drawer-bottom .ant-drawer-content-wrapper{bottom:0}.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper{box-shadow:0 -6px 16px -8px rgba(0,0,0,.08),0 -9px 28px 0 rgba(0,0,0,.05),0 -12px 48px 16px rgba(0,0,0,.03)}.ant-drawer-bottom.ant-drawer-open.no-mask{bottom:1px;transform:translateY(1px)}.ant-drawer.ant-drawer-open .ant-drawer-mask{height:100%;opacity:1;transition:none;animation:antdDrawerFadeIn .3s cubic-bezier(.7,.3,.1,1);pointer-events:auto}.ant-drawer-mask,.ant-dropdown-menu-item-disabled a,.ant-dropdown-menu-submenu-title-disabled a{pointer-events:none}.ant-drawer-title{margin:0;color:rgba(0,0,0,.85);font-weight:500;font-size:14px;line-height:22px}.ant-drawer-content{position:relative;z-index:1;overflow:auto;background-color:#fff;background-clip:padding-box;border:0}.ant-drawer-close{position:absolute;top:0;right:0;z-index:10;display:block;padding:15px;color:rgba(0,0,0,.45);font-weight:700;font-size:14px;font-style:normal;line-height:1;text-align:center;text-transform:none;text-decoration:none;background:0 0;border:0;outline:0;cursor:pointer;transition:color .3s;text-rendering:auto}.ant-drawer-body,.ant-dropdown{line-height:1.66667;font-size:12px}.ant-drawer-header,.ant-list-split .ant-list-item{border-bottom:1px solid #f0f0f0}.ant-drawer-footer,.ant-list-split.ant-list-empty .ant-list-footer{border-top:1px solid #f0f0f0}.ant-drawer-close:focus,.ant-drawer-close:hover{color:rgba(0,0,0,.75);text-decoration:none}.ant-drawer-header,.ant-drawer-header-no-title{color:rgba(0,0,0,.85);background:#fff}.ant-drawer-header-no-title .ant-drawer-close{margin-right:var(--scroll-bar);padding-right:calc(15px - var(--scroll-bar))}.ant-drawer-header{position:relative;padding:11px 16px;border-radius:2px 2px 0 0}.ant-drawer-wrapper-body{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;height:100%}.ant-drawer-body{flex-grow:1;padding:16px;overflow:auto;word-wrap:break-word}.ant-drawer-footer{flex-shrink:0;padding:8px}.ant-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0;background-color:rgba(0,0,0,.45);opacity:0;filter:alpha(opacity=45);transition:opacity .3s linear,height 0s ease .3s}.ant-drawer-open-content{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-drawer .ant-picker-clear{background:#fff}@keyframes antdDrawerFadeIn{0%{opacity:0}100%{opacity:1}}.ant-drawer-rtl .ant-drawer-close{right:auto;left:0}.ant-dropdown-menu-item.ant-dropdown-menu-item-danger{color:#ff4d4f}.ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover{color:#fff;background-color:#ff4d4f}.ant-dropdown{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;z-index:1050;display:block}.ant-dropdown::before{position:absolute;top:-4px;right:0;bottom:-4px;left:-7px;z-index:-9999;opacity:.0001}.ant-dropdown-placement-bottomRight>.ant-dropdown-arrow,.ant-dropdown-placement-topRight>.ant-dropdown-arrow{right:16px}.ant-dropdown-wrap{position:relative}.ant-dropdown-wrap .ant-btn>.anticon-down{font-size:10px}.ant-dropdown-wrap .anticon-down::before{transition:transform .2s}.ant-dropdown-hidden,.ant-dropdown-menu-hidden,.ant-dropdown-menu-submenu-hidden{display:none}.ant-dropdown-show-arrow.ant-dropdown-placement-topCenter,.ant-dropdown-show-arrow.ant-dropdown-placement-topLeft,.ant-dropdown-show-arrow.ant-dropdown-placement-topRight{padding-bottom:10px}.ant-dropdown-show-arrow.ant-dropdown-placement-bottomCenter,.ant-dropdown-show-arrow.ant-dropdown-placement-bottomLeft,.ant-dropdown-show-arrow.ant-dropdown-placement-bottomRight{padding-top:10px}.ant-dropdown-arrow{position:absolute;z-index:1;display:block;width:8.49px;height:8.49px;background:0 0;border-style:solid;border-width:4.24px;transform:rotate(45deg)}.ant-dropdown-placement-topCenter>.ant-dropdown-arrow,.ant-dropdown-placement-topLeft>.ant-dropdown-arrow,.ant-dropdown-placement-topRight>.ant-dropdown-arrow{bottom:6.2px;box-shadow:3px 3px 7px rgba(0,0,0,.07);border-color:transparent #fff #fff transparent}.ant-dropdown-placement-topCenter>.ant-dropdown-arrow{left:50%;transform:translateX(-50%) rotate(45deg)}.ant-dropdown-placement-topLeft>.ant-dropdown-arrow{left:16px}.ant-dropdown-placement-bottomCenter>.ant-dropdown-arrow,.ant-dropdown-placement-bottomLeft>.ant-dropdown-arrow,.ant-dropdown-placement-bottomRight>.ant-dropdown-arrow{top:6px;box-shadow:-2px -2px 5px rgba(0,0,0,.06);border-color:#fff transparent transparent #fff}.ant-dropdown-menu,.ant-menu{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-dropdown-placement-bottomCenter>.ant-dropdown-arrow{left:50%;transform:translateX(-50%) rotate(45deg)}.ant-dropdown-placement-bottomLeft>.ant-dropdown-arrow{left:16px}.ant-dropdown-menu{position:relative;margin:0;padding:4px 0;text-align:left;list-style-type:none;background-color:#fff;background-clip:padding-box;border-radius:2px;outline:0}.ant-dropdown-menu-item-group-title{padding:5px 8px;color:rgba(0,0,0,.45);transition:all .3s}.ant-dropdown-menu-submenu-popup{position:absolute;z-index:1050;background:0 0;box-shadow:none;transform-origin:0 0}.ant-dropdown-menu-submenu-popup li,.ant-dropdown-menu-submenu-popup ul{list-style:none}.ant-dropdown-menu-submenu-popup ul{margin-right:.3em;margin-left:.3em}.ant-dropdown-menu-item{position:relative;display:flex;align-items:center}.ant-dropdown-menu-item-icon{min-width:12px;margin-right:8px;font-size:12px}.ant-dropdown-menu-title-content{flex:auto}.ant-dropdown-menu-title-content>a{color:inherit;transition:all .3s}.ant-dropdown-menu-title-content>a:hover{color:inherit}.ant-dropdown-menu-title-content>a::after{position:absolute;top:0;right:0;bottom:0;left:0;content:''}.ant-dropdown-menu-item,.ant-dropdown-menu-submenu-title{clear:both;margin:0;padding:5px 8px;color:rgba(0,0,0,.85);font-weight:400;font-size:12px;line-height:18px;white-space:nowrap;cursor:pointer;transition:all .3s}.ant-dropdown-menu-item-selected,.ant-dropdown-menu-submenu-title-selected{color:#F5222D;background-color:#e6f7ff}.ant-dropdown-menu-item:hover,.ant-dropdown-menu-submenu-title:hover{background-color:#f5f5f5}.ant-dropdown-menu-item-disabled,.ant-dropdown-menu-submenu-title-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-dropdown-menu-item-disabled:hover,.ant-dropdown-menu-submenu-title-disabled:hover{color:rgba(0,0,0,.25);background-color:#fff;cursor:not-allowed}.ant-dropdown-menu-item-divider,.ant-dropdown-menu-submenu-title-divider{height:1px;margin:4px 0;overflow:hidden;line-height:0;background-color:#f0f0f0}.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon,.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon{position:absolute;right:4px}.ant-dropdown-menu-item .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon,.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon .ant-dropdown-menu-submenu-arrow-icon{margin-right:0!important;color:rgba(0,0,0,.45);font-size:10px;font-style:normal}.ant-dropdown-menu-item-group-list{margin:0 8px;padding:0;list-style:none}.ant-dropdown-menu-submenu-title{padding-right:20px}.ant-dropdown-menu-submenu-vertical{position:relative}.ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu{position:absolute;top:0;left:100%;min-width:100%;margin-left:4px;transform-origin:0 0}.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon{color:rgba(0,0,0,.25);background-color:#fff;cursor:not-allowed}.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title{color:#F5222D}.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topCenter,.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topLeft,.ant-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-dropdown-placement-topRight,.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topCenter,.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topLeft,.ant-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-dropdown-placement-topRight{animation-name:antSlideDownIn}.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomCenter,.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomLeft,.ant-dropdown.ant-slide-down-leave.ant-slide-down-leave-active.ant-dropdown-placement-bottomRight{animation-name:antSlideUpOut}.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topCenter,.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topLeft,.ant-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-dropdown-placement-topRight{animation-name:antSlideDownOut}.ant-dropdown-button>.anticon.anticon-down,.ant-dropdown-link>.anticon.anticon-down,.ant-dropdown-trigger>.anticon.anticon-down{font-size:10px;vertical-align:baseline}.ant-dropdown-button{white-space:nowrap}.ant-dropdown-button.ant-btn-group>.ant-btn:last-child:not(:first-child):not(.ant-btn-icon-only){padding-right:4px;padding-left:4px}.ant-dropdown-menu-dark,.ant-dropdown-menu-dark .ant-dropdown-menu{background:#001529}.ant-dropdown-menu-dark .ant-dropdown-menu-item,.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,.ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a,.ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a .ant-dropdown-menu-submenu-arrow::after,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a .ant-dropdown-menu-submenu-arrow::after,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after{color:rgba(255,255,255,.65)}.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-item>.anticon+span>a:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-item>a:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover{color:#fff;background:0 0}.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected>a{color:#fff;background:#F5222D}.ant-input,.ant-input-affix-wrapper,.ant-input-number{min-width:0;background-color:#fff}.ant-dropdown-rtl.ant-dropdown::before{right:-7px;left:0}.ant-dropdown-menu.ant-dropdown-menu-rtl,.ant-dropdown-rtl .ant-dropdown-menu-item-group-title{text-align:right}.ant-dropdown-menu-submenu-popup.ant-dropdown-menu-submenu-rtl{transform-origin:100% 0}.ant-dropdown-rtl .ant-dropdown-menu-item,.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup li,.ant-dropdown-rtl .ant-dropdown-menu-submenu-popup ul,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title{text-align:right}.ant-dropdown-rtl .ant-dropdown-menu-item>.anticon:first-child,.ant-dropdown-rtl .ant-dropdown-menu-item>span>.anticon:first-child,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title>.anticon:first-child,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title>span>.anticon:first-child{margin-right:0;margin-left:8px}.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow{right:auto;left:4px}.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon{margin-left:0!important;transform:scaleX(-1)}.ant-dropdown-rtl .ant-dropdown-menu-submenu-title{padding-right:8px;padding-left:20px}.ant-dropdown-rtl .ant-dropdown-menu-submenu-vertical>.ant-dropdown-menu{right:100%;left:0;margin-right:4px;margin-left:0}.ant-dropdown-menu>ul{list-style:inherit;margin:0;padding:0}.ant-dropdown{top:0;left:0;position:relative;width:100%;margin-top:6px;margin-bottom:6px}.ant-dropdown-rtl .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,.ant-dropdown-rtl .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow{transform:rotate(180deg)}.ant-empty{margin:0 8px;font-size:12px;line-height:1.66667;text-align:center}.ant-empty-image{height:100px;margin-bottom:8px}.ant-empty-image img{height:100%}.ant-empty-image svg{height:100%;margin:auto}.ant-empty-footer{margin-top:16px}.ant-empty-normal{margin:32px 0;color:rgba(0,0,0,.25)}.ant-empty-normal .ant-empty-image{height:40px}.ant-empty-small{margin:8px 0;color:rgba(0,0,0,.25)}.ant-empty-small .ant-empty-image{height:35px}.ant-empty-img-default-ellipse{fill:#f5f5f5;fill-opacity:.8}.ant-empty-img-default-path-1{fill:#aeb8c2}.ant-empty-img-default-path-2{fill:url(#linearGradient-1)}.ant-empty-img-default-path-3{fill:#f5f5f7}.ant-empty-img-default-path-4,.ant-empty-img-default-path-5{fill:#dce0e6}.ant-empty-img-default-g{fill:#fff}.ant-empty-img-simple-ellipse{fill:#f5f5f5}.ant-empty-img-simple-g{stroke:#d9d9d9}.ant-empty-img-simple-path{fill:#fafafa}nz-empty{display:block}.ant-row,.ant-row::after,.ant-row::before{display:flex}.ant-row{flex-flow:row wrap}.ant-col-1,.ant-col-10,.ant-col-11,.ant-col-12,.ant-col-13,.ant-col-14,.ant-col-15,.ant-col-16,.ant-col-17,.ant-col-18,.ant-col-19,.ant-col-2,.ant-col-20,.ant-col-21,.ant-col-22,.ant-col-23,.ant-col-24,.ant-col-3,.ant-col-4,.ant-col-5,.ant-col-6,.ant-col-7,.ant-col-8,.ant-col-9{display:block}.ant-row-no-wrap{flex-wrap:nowrap}.ant-row-start{justify-content:flex-start}.ant-row-center{justify-content:center}.ant-row-end{justify-content:flex-end}.ant-page-header-heading,.ant-row-space-between{justify-content:space-between}.ant-row-space-around{justify-content:space-around}.ant-row-top{align-items:flex-start}.ant-row-middle{align-items:center}.ant-row-bottom{align-items:flex-end}.ant-col{position:relative;max-width:100%;min-height:1px}.ant-col-24{flex:0 0 100%;max-width:100%}.ant-col-push-24{left:100%}.ant-col-pull-24{right:100%}.ant-col-offset-24{margin-left:100%}.ant-col-order-24{order:24}.ant-col-23{flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-push-23{left:95.83333333%}.ant-col-pull-23{right:95.83333333%}.ant-col-offset-23{margin-left:95.83333333%}.ant-col-order-23{order:23}.ant-col-22{flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-push-22{left:91.66666667%}.ant-col-pull-22{right:91.66666667%}.ant-col-offset-22{margin-left:91.66666667%}.ant-col-order-22{order:22}.ant-col-21{flex:0 0 87.5%;max-width:87.5%}.ant-col-push-21{left:87.5%}.ant-col-pull-21{right:87.5%}.ant-col-offset-21{margin-left:87.5%}.ant-col-order-21{order:21}.ant-col-20{flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-push-20{left:83.33333333%}.ant-col-pull-20{right:83.33333333%}.ant-col-offset-20{margin-left:83.33333333%}.ant-col-order-20{order:20}.ant-col-19{flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-push-19{left:79.16666667%}.ant-col-pull-19{right:79.16666667%}.ant-col-offset-19{margin-left:79.16666667%}.ant-col-order-19{order:19}.ant-col-18{flex:0 0 75%;max-width:75%}.ant-col-push-18{left:75%}.ant-col-pull-18{right:75%}.ant-col-offset-18{margin-left:75%}.ant-col-order-18{order:18}.ant-col-17{flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-push-17{left:70.83333333%}.ant-col-pull-17{right:70.83333333%}.ant-col-offset-17{margin-left:70.83333333%}.ant-col-order-17{order:17}.ant-col-16{flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-push-16{left:66.66666667%}.ant-col-pull-16{right:66.66666667%}.ant-col-offset-16{margin-left:66.66666667%}.ant-col-order-16{order:16}.ant-col-15{flex:0 0 62.5%;max-width:62.5%}.ant-col-push-15{left:62.5%}.ant-col-pull-15{right:62.5%}.ant-col-offset-15{margin-left:62.5%}.ant-col-order-15{order:15}.ant-col-14{flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-push-14{left:58.33333333%}.ant-col-pull-14{right:58.33333333%}.ant-col-offset-14{margin-left:58.33333333%}.ant-col-order-14{order:14}.ant-col-13{flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-push-13{left:54.16666667%}.ant-col-pull-13{right:54.16666667%}.ant-col-offset-13{margin-left:54.16666667%}.ant-col-order-13{order:13}.ant-col-12{flex:0 0 50%;max-width:50%}.ant-col-push-12{left:50%}.ant-col-pull-12{right:50%}.ant-col-offset-12{margin-left:50%}.ant-col-order-12{order:12}.ant-col-11{flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-push-11{left:45.83333333%}.ant-col-pull-11{right:45.83333333%}.ant-col-offset-11{margin-left:45.83333333%}.ant-col-order-11{order:11}.ant-col-10{flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-push-10{left:41.66666667%}.ant-col-pull-10{right:41.66666667%}.ant-col-offset-10{margin-left:41.66666667%}.ant-col-order-10{order:10}.ant-col-9{flex:0 0 37.5%;max-width:37.5%}.ant-col-push-9{left:37.5%}.ant-col-pull-9{right:37.5%}.ant-col-offset-9{margin-left:37.5%}.ant-col-order-9{order:9}.ant-col-8{flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-push-8{left:33.33333333%}.ant-col-pull-8{right:33.33333333%}.ant-col-offset-8{margin-left:33.33333333%}.ant-col-order-8{order:8}.ant-col-7{flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-push-7{left:29.16666667%}.ant-col-pull-7{right:29.16666667%}.ant-col-offset-7{margin-left:29.16666667%}.ant-col-order-7{order:7}.ant-col-6{flex:0 0 25%;max-width:25%}.ant-col-push-6{left:25%}.ant-col-pull-6{right:25%}.ant-col-offset-6{margin-left:25%}.ant-col-order-6{order:6}.ant-col-5{flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-push-5{left:20.83333333%}.ant-col-pull-5{right:20.83333333%}.ant-col-offset-5{margin-left:20.83333333%}.ant-col-order-5{order:5}.ant-col-4{flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-push-4{left:16.66666667%}.ant-col-pull-4{right:16.66666667%}.ant-col-offset-4{margin-left:16.66666667%}.ant-col-order-4{order:4}.ant-col-3{flex:0 0 12.5%;max-width:12.5%}.ant-col-push-3{left:12.5%}.ant-col-pull-3{right:12.5%}.ant-col-offset-3{margin-left:12.5%}.ant-col-order-3{order:3}.ant-col-2{flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-push-2{left:8.33333333%}.ant-col-pull-2{right:8.33333333%}.ant-col-offset-2{margin-left:8.33333333%}.ant-col-order-2{order:2}.ant-col-1{flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-push-1{left:4.16666667%}.ant-col-pull-1{right:4.16666667%}.ant-col-offset-1{margin-left:4.16666667%}.ant-col-order-1{order:1}.ant-col-0{display:none}.ant-col-offset-0{margin-left:0}.ant-col-order-0{order:0}.ant-col-offset-0.ant-col-rtl{margin-right:0}.ant-col-push-1.ant-col-rtl{right:4.16666667%;left:auto}.ant-col-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}.ant-col-xs-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-xs-push-24{left:100%}.ant-col-xs-pull-24{right:100%}.ant-col-xs-offset-24{margin-left:100%}.ant-col-xs-order-24{order:24}.ant-col-xs-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-xs-push-23{left:95.83333333%}.ant-col-xs-pull-23{right:95.83333333%}.ant-col-xs-offset-23{margin-left:95.83333333%}.ant-col-xs-order-23{order:23}.ant-col-xs-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-xs-push-22{left:91.66666667%}.ant-col-xs-pull-22{right:91.66666667%}.ant-col-xs-offset-22{margin-left:91.66666667%}.ant-col-xs-order-22{order:22}.ant-col-xs-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-xs-push-21{left:87.5%}.ant-col-xs-pull-21{right:87.5%}.ant-col-xs-offset-21{margin-left:87.5%}.ant-col-xs-order-21{order:21}.ant-col-xs-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-xs-push-20{left:83.33333333%}.ant-col-xs-pull-20{right:83.33333333%}.ant-col-xs-offset-20{margin-left:83.33333333%}.ant-col-xs-order-20{order:20}.ant-col-xs-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-xs-push-19{left:79.16666667%}.ant-col-xs-pull-19{right:79.16666667%}.ant-col-xs-offset-19{margin-left:79.16666667%}.ant-col-xs-order-19{order:19}.ant-col-xs-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-xs-push-18{left:75%}.ant-col-xs-pull-18{right:75%}.ant-col-xs-offset-18{margin-left:75%}.ant-col-xs-order-18{order:18}.ant-col-xs-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-xs-push-17{left:70.83333333%}.ant-col-xs-pull-17{right:70.83333333%}.ant-col-xs-offset-17{margin-left:70.83333333%}.ant-col-xs-order-17{order:17}.ant-col-xs-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-xs-push-16{left:66.66666667%}.ant-col-xs-pull-16{right:66.66666667%}.ant-col-xs-offset-16{margin-left:66.66666667%}.ant-col-xs-order-16{order:16}.ant-col-xs-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-xs-push-15{left:62.5%}.ant-col-xs-pull-15{right:62.5%}.ant-col-xs-offset-15{margin-left:62.5%}.ant-col-xs-order-15{order:15}.ant-col-xs-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-xs-push-14{left:58.33333333%}.ant-col-xs-pull-14{right:58.33333333%}.ant-col-xs-offset-14{margin-left:58.33333333%}.ant-col-xs-order-14{order:14}.ant-col-xs-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-xs-push-13{left:54.16666667%}.ant-col-xs-pull-13{right:54.16666667%}.ant-col-xs-offset-13{margin-left:54.16666667%}.ant-col-xs-order-13{order:13}.ant-col-xs-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-xs-push-12{left:50%}.ant-col-xs-pull-12{right:50%}.ant-col-xs-offset-12{margin-left:50%}.ant-col-xs-order-12{order:12}.ant-col-xs-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-xs-push-11{left:45.83333333%}.ant-col-xs-pull-11{right:45.83333333%}.ant-col-xs-offset-11{margin-left:45.83333333%}.ant-col-xs-order-11{order:11}.ant-col-xs-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-xs-push-10{left:41.66666667%}.ant-col-xs-pull-10{right:41.66666667%}.ant-col-xs-offset-10{margin-left:41.66666667%}.ant-col-xs-order-10{order:10}.ant-col-xs-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-xs-push-9{left:37.5%}.ant-col-xs-pull-9{right:37.5%}.ant-col-xs-offset-9{margin-left:37.5%}.ant-col-xs-order-9{order:9}.ant-col-xs-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-xs-push-8{left:33.33333333%}.ant-col-xs-pull-8{right:33.33333333%}.ant-col-xs-offset-8{margin-left:33.33333333%}.ant-col-xs-order-8{order:8}.ant-col-xs-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-xs-push-7{left:29.16666667%}.ant-col-xs-pull-7{right:29.16666667%}.ant-col-xs-offset-7{margin-left:29.16666667%}.ant-col-xs-order-7{order:7}.ant-col-xs-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-xs-push-6{left:25%}.ant-col-xs-pull-6{right:25%}.ant-col-xs-offset-6{margin-left:25%}.ant-col-xs-order-6{order:6}.ant-col-xs-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-xs-push-5{left:20.83333333%}.ant-col-xs-pull-5{right:20.83333333%}.ant-col-xs-offset-5{margin-left:20.83333333%}.ant-col-xs-order-5{order:5}.ant-col-xs-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-xs-push-4{left:16.66666667%}.ant-col-xs-pull-4{right:16.66666667%}.ant-col-xs-offset-4{margin-left:16.66666667%}.ant-col-xs-order-4{order:4}.ant-col-xs-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-xs-push-3{left:12.5%}.ant-col-xs-pull-3{right:12.5%}.ant-col-xs-offset-3{margin-left:12.5%}.ant-col-xs-order-3{order:3}.ant-col-xs-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-xs-push-2{left:8.33333333%}.ant-col-xs-pull-2{right:8.33333333%}.ant-col-xs-offset-2{margin-left:8.33333333%}.ant-col-xs-order-2{order:2}.ant-col-xs-order-1,.ant-layout-sider-right,.ant-tabs-rtl.ant-tabs-left>.ant-tabs-nav{order:1}.ant-col-xs-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-xs-push-1{left:4.16666667%}.ant-col-pull-0.ant-col-rtl,.ant-col-push-0,.ant-col-xs-pull-0.ant-col-rtl,.ant-col-xs-push-0,.ant-col-xs-push-1.ant-col-rtl{left:auto}.ant-col-xs-pull-1{right:4.16666667%}.ant-col-pull-0,.ant-col-push-0.ant-col-rtl,.ant-col-xs-pull-0,.ant-col-xs-push-0.ant-col-rtl{right:auto}.ant-col-xs-offset-1{margin-left:4.16666667%}.ant-col-xs-0{display:none}.ant-col-xs-offset-0{margin-left:0}.ant-col-xs-order-0{order:0}.ant-col-xs-offset-0.ant-col-rtl{margin-right:0}.ant-col-xs-push-1.ant-col-rtl{right:4.16666667%}.ant-col-xs-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-xs-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-xs-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-xs-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-xs-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-xs-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-xs-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-xs-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-xs-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-xs-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-xs-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-xs-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-xs-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-xs-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-xs-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-xs-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-xs-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-xs-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-xs-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-xs-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-xs-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-xs-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-xs-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-xs-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-xs-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-xs-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-xs-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-xs-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-xs-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-xs-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-xs-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-xs-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-xs-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-xs-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-xs-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-xs-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-xs-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-xs-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-xs-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-xs-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-xs-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-xs-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-xs-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-xs-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-xs-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-xs-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-xs-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-xs-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-xs-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-xs-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-xs-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-xs-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-xs-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-xs-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-xs-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-xs-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-xs-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-xs-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-xs-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-xs-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-xs-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-xs-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-xs-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-xs-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-xs-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-xs-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-xs-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-xs-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-xs-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-xs-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-xs-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}@media (min-width:576px){.ant-col-sm-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-sm-push-24{left:100%}.ant-col-sm-pull-24{right:100%}.ant-col-sm-offset-24{margin-left:100%}.ant-col-sm-order-24{order:24}.ant-col-sm-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-sm-push-23{left:95.83333333%}.ant-col-sm-pull-23{right:95.83333333%}.ant-col-sm-offset-23{margin-left:95.83333333%}.ant-col-sm-order-23{order:23}.ant-col-sm-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-sm-push-22{left:91.66666667%}.ant-col-sm-pull-22{right:91.66666667%}.ant-col-sm-offset-22{margin-left:91.66666667%}.ant-col-sm-order-22{order:22}.ant-col-sm-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-sm-push-21{left:87.5%}.ant-col-sm-pull-21{right:87.5%}.ant-col-sm-offset-21{margin-left:87.5%}.ant-col-sm-order-21{order:21}.ant-col-sm-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-sm-push-20{left:83.33333333%}.ant-col-sm-pull-20{right:83.33333333%}.ant-col-sm-offset-20{margin-left:83.33333333%}.ant-col-sm-order-20{order:20}.ant-col-sm-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-sm-push-19{left:79.16666667%}.ant-col-sm-pull-19{right:79.16666667%}.ant-col-sm-offset-19{margin-left:79.16666667%}.ant-col-sm-order-19{order:19}.ant-col-sm-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-sm-push-18{left:75%}.ant-col-sm-pull-18{right:75%}.ant-col-sm-offset-18{margin-left:75%}.ant-col-sm-order-18{order:18}.ant-col-sm-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-sm-push-17{left:70.83333333%}.ant-col-sm-pull-17{right:70.83333333%}.ant-col-sm-offset-17{margin-left:70.83333333%}.ant-col-sm-order-17{order:17}.ant-col-sm-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-sm-push-16{left:66.66666667%}.ant-col-sm-pull-16{right:66.66666667%}.ant-col-sm-offset-16{margin-left:66.66666667%}.ant-col-sm-order-16{order:16}.ant-col-sm-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-sm-push-15{left:62.5%}.ant-col-sm-pull-15{right:62.5%}.ant-col-sm-offset-15{margin-left:62.5%}.ant-col-sm-order-15{order:15}.ant-col-sm-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-sm-push-14{left:58.33333333%}.ant-col-sm-pull-14{right:58.33333333%}.ant-col-sm-offset-14{margin-left:58.33333333%}.ant-col-sm-order-14{order:14}.ant-col-sm-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-sm-push-13{left:54.16666667%}.ant-col-sm-pull-13{right:54.16666667%}.ant-col-sm-offset-13{margin-left:54.16666667%}.ant-col-sm-order-13{order:13}.ant-col-sm-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-sm-push-12{left:50%}.ant-col-sm-pull-12{right:50%}.ant-col-sm-offset-12{margin-left:50%}.ant-col-sm-order-12{order:12}.ant-col-sm-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-sm-push-11{left:45.83333333%}.ant-col-sm-pull-11{right:45.83333333%}.ant-col-sm-offset-11{margin-left:45.83333333%}.ant-col-sm-order-11{order:11}.ant-col-sm-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-sm-push-10{left:41.66666667%}.ant-col-sm-pull-10{right:41.66666667%}.ant-col-sm-offset-10{margin-left:41.66666667%}.ant-col-sm-order-10{order:10}.ant-col-sm-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-sm-push-9{left:37.5%}.ant-col-sm-pull-9{right:37.5%}.ant-col-sm-offset-9{margin-left:37.5%}.ant-col-sm-order-9{order:9}.ant-col-sm-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-sm-push-8{left:33.33333333%}.ant-col-sm-pull-8{right:33.33333333%}.ant-col-sm-offset-8{margin-left:33.33333333%}.ant-col-sm-order-8{order:8}.ant-col-sm-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-sm-push-7{left:29.16666667%}.ant-col-sm-pull-7{right:29.16666667%}.ant-col-sm-offset-7{margin-left:29.16666667%}.ant-col-sm-order-7{order:7}.ant-col-sm-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-sm-push-6{left:25%}.ant-col-sm-pull-6{right:25%}.ant-col-sm-offset-6{margin-left:25%}.ant-col-sm-order-6{order:6}.ant-col-sm-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-sm-push-5{left:20.83333333%}.ant-col-sm-pull-5{right:20.83333333%}.ant-col-sm-offset-5{margin-left:20.83333333%}.ant-col-sm-order-5{order:5}.ant-col-sm-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-sm-push-4{left:16.66666667%}.ant-col-sm-pull-4{right:16.66666667%}.ant-col-sm-offset-4{margin-left:16.66666667%}.ant-col-sm-order-4{order:4}.ant-col-sm-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-sm-push-3{left:12.5%}.ant-col-sm-pull-3{right:12.5%}.ant-col-sm-offset-3{margin-left:12.5%}.ant-col-sm-order-3{order:3}.ant-col-sm-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-sm-push-2{left:8.33333333%}.ant-col-sm-pull-2{right:8.33333333%}.ant-col-sm-offset-2{margin-left:8.33333333%}.ant-col-sm-order-2{order:2}.ant-col-sm-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-sm-push-1{left:4.16666667%}.ant-col-pull-0.ant-col-rtl,.ant-col-push-0,.ant-col-sm-pull-0.ant-col-rtl,.ant-col-sm-push-0,.ant-col-sm-push-1.ant-col-rtl{left:auto}.ant-col-sm-pull-1{right:4.16666667%}.ant-col-pull-0,.ant-col-push-0.ant-col-rtl,.ant-col-sm-pull-0,.ant-col-sm-push-0.ant-col-rtl{right:auto}.ant-col-sm-offset-1{margin-left:4.16666667%}.ant-col-sm-order-1{order:1}.ant-col-sm-0{display:none}.ant-col-sm-offset-0{margin-left:0}.ant-col-sm-order-0{order:0}.ant-col-sm-offset-0.ant-col-rtl{margin-right:0}.ant-col-sm-push-1.ant-col-rtl{right:4.16666667%}.ant-col-sm-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-sm-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-sm-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-sm-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-sm-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-sm-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-sm-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-sm-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-sm-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-sm-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-sm-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-sm-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-sm-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-sm-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-sm-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-sm-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-sm-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-sm-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-sm-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-sm-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-sm-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-sm-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-sm-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-sm-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-sm-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-sm-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-sm-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-sm-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-sm-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-sm-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-sm-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-sm-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-sm-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-sm-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-sm-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-sm-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-sm-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-sm-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-sm-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-sm-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-sm-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-sm-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-sm-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-sm-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-sm-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-sm-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-sm-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-sm-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-sm-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-sm-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-sm-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-sm-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-sm-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-sm-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-sm-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-sm-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-sm-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-sm-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-sm-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-sm-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-sm-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-sm-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-sm-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-sm-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-sm-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-sm-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-sm-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-sm-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-sm-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-sm-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-sm-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}}@media (min-width:768px){.ant-col-md-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-md-push-24{left:100%}.ant-col-md-pull-24{right:100%}.ant-col-md-offset-24{margin-left:100%}.ant-col-md-order-24{order:24}.ant-col-md-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-md-push-23{left:95.83333333%}.ant-col-md-pull-23{right:95.83333333%}.ant-col-md-offset-23{margin-left:95.83333333%}.ant-col-md-order-23{order:23}.ant-col-md-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-md-push-22{left:91.66666667%}.ant-col-md-pull-22{right:91.66666667%}.ant-col-md-offset-22{margin-left:91.66666667%}.ant-col-md-order-22{order:22}.ant-col-md-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-md-push-21{left:87.5%}.ant-col-md-pull-21{right:87.5%}.ant-col-md-offset-21{margin-left:87.5%}.ant-col-md-order-21{order:21}.ant-col-md-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-md-push-20{left:83.33333333%}.ant-col-md-pull-20{right:83.33333333%}.ant-col-md-offset-20{margin-left:83.33333333%}.ant-col-md-order-20{order:20}.ant-col-md-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-md-push-19{left:79.16666667%}.ant-col-md-pull-19{right:79.16666667%}.ant-col-md-offset-19{margin-left:79.16666667%}.ant-col-md-order-19{order:19}.ant-col-md-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-md-push-18{left:75%}.ant-col-md-pull-18{right:75%}.ant-col-md-offset-18{margin-left:75%}.ant-col-md-order-18{order:18}.ant-col-md-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-md-push-17{left:70.83333333%}.ant-col-md-pull-17{right:70.83333333%}.ant-col-md-offset-17{margin-left:70.83333333%}.ant-col-md-order-17{order:17}.ant-col-md-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-md-push-16{left:66.66666667%}.ant-col-md-pull-16{right:66.66666667%}.ant-col-md-offset-16{margin-left:66.66666667%}.ant-col-md-order-16{order:16}.ant-col-md-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-md-push-15{left:62.5%}.ant-col-md-pull-15{right:62.5%}.ant-col-md-offset-15{margin-left:62.5%}.ant-col-md-order-15{order:15}.ant-col-md-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-md-push-14{left:58.33333333%}.ant-col-md-pull-14{right:58.33333333%}.ant-col-md-offset-14{margin-left:58.33333333%}.ant-col-md-order-14{order:14}.ant-col-md-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-md-push-13{left:54.16666667%}.ant-col-md-pull-13{right:54.16666667%}.ant-col-md-offset-13{margin-left:54.16666667%}.ant-col-md-order-13{order:13}.ant-col-md-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-md-push-12{left:50%}.ant-col-md-pull-12{right:50%}.ant-col-md-offset-12{margin-left:50%}.ant-col-md-order-12{order:12}.ant-col-md-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-md-push-11{left:45.83333333%}.ant-col-md-pull-11{right:45.83333333%}.ant-col-md-offset-11{margin-left:45.83333333%}.ant-col-md-order-11{order:11}.ant-col-md-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-md-push-10{left:41.66666667%}.ant-col-md-pull-10{right:41.66666667%}.ant-col-md-offset-10{margin-left:41.66666667%}.ant-col-md-order-10{order:10}.ant-col-md-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-md-push-9{left:37.5%}.ant-col-md-pull-9{right:37.5%}.ant-col-md-offset-9{margin-left:37.5%}.ant-col-md-order-9{order:9}.ant-col-md-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-md-push-8{left:33.33333333%}.ant-col-md-pull-8{right:33.33333333%}.ant-col-md-offset-8{margin-left:33.33333333%}.ant-col-md-order-8{order:8}.ant-col-md-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-md-push-7{left:29.16666667%}.ant-col-md-pull-7{right:29.16666667%}.ant-col-md-offset-7{margin-left:29.16666667%}.ant-col-md-order-7{order:7}.ant-col-md-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-md-push-6{left:25%}.ant-col-md-pull-6{right:25%}.ant-col-md-offset-6{margin-left:25%}.ant-col-md-order-6{order:6}.ant-col-md-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-md-push-5{left:20.83333333%}.ant-col-md-pull-5{right:20.83333333%}.ant-col-md-offset-5{margin-left:20.83333333%}.ant-col-md-order-5{order:5}.ant-col-md-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-md-push-4{left:16.66666667%}.ant-col-md-pull-4{right:16.66666667%}.ant-col-md-offset-4{margin-left:16.66666667%}.ant-col-md-order-4{order:4}.ant-col-md-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-md-push-3{left:12.5%}.ant-col-md-pull-3{right:12.5%}.ant-col-md-offset-3{margin-left:12.5%}.ant-col-md-order-3{order:3}.ant-col-md-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-md-push-2{left:8.33333333%}.ant-col-md-pull-2{right:8.33333333%}.ant-col-md-offset-2{margin-left:8.33333333%}.ant-col-md-order-2{order:2}.ant-col-md-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-md-push-1{left:4.16666667%}.ant-col-md-pull-0.ant-col-rtl,.ant-col-md-push-0,.ant-col-md-push-1.ant-col-rtl,.ant-col-pull-0.ant-col-rtl,.ant-col-push-0{left:auto}.ant-col-md-pull-1{right:4.16666667%}.ant-col-md-pull-0,.ant-col-md-push-0.ant-col-rtl,.ant-col-pull-0,.ant-col-push-0.ant-col-rtl{right:auto}.ant-col-md-offset-1{margin-left:4.16666667%}.ant-col-md-order-1{order:1}.ant-col-md-0{display:none}.ant-col-md-offset-0{margin-left:0}.ant-col-md-order-0{order:0}.ant-col-md-offset-0.ant-col-rtl{margin-right:0}.ant-col-md-push-1.ant-col-rtl{right:4.16666667%}.ant-col-md-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-md-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-md-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-md-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-md-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-md-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-md-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-md-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-md-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-md-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-md-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-md-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-md-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-md-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-md-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-md-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-md-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-md-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-md-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-md-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-md-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-md-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-md-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-md-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-md-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-md-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-md-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-md-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-md-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-md-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-md-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-md-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-md-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-md-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-md-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-md-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-md-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-md-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-md-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-md-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-md-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-md-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-md-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-md-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-md-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-md-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-md-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-md-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-md-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-md-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-md-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-md-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-md-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-md-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-md-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-md-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-md-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-md-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-md-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-md-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-md-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-md-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-md-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-md-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-md-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-md-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-md-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-md-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-md-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-md-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-md-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}}@media (min-width:992px){.ant-col-lg-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-lg-push-24{left:100%}.ant-col-lg-pull-24{right:100%}.ant-col-lg-offset-24{margin-left:100%}.ant-col-lg-order-24{order:24}.ant-col-lg-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-lg-push-23{left:95.83333333%}.ant-col-lg-pull-23{right:95.83333333%}.ant-col-lg-offset-23{margin-left:95.83333333%}.ant-col-lg-order-23{order:23}.ant-col-lg-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-lg-push-22{left:91.66666667%}.ant-col-lg-pull-22{right:91.66666667%}.ant-col-lg-offset-22{margin-left:91.66666667%}.ant-col-lg-order-22{order:22}.ant-col-lg-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-lg-push-21{left:87.5%}.ant-col-lg-pull-21{right:87.5%}.ant-col-lg-offset-21{margin-left:87.5%}.ant-col-lg-order-21{order:21}.ant-col-lg-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-lg-push-20{left:83.33333333%}.ant-col-lg-pull-20{right:83.33333333%}.ant-col-lg-offset-20{margin-left:83.33333333%}.ant-col-lg-order-20{order:20}.ant-col-lg-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-lg-push-19{left:79.16666667%}.ant-col-lg-pull-19{right:79.16666667%}.ant-col-lg-offset-19{margin-left:79.16666667%}.ant-col-lg-order-19{order:19}.ant-col-lg-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-lg-push-18{left:75%}.ant-col-lg-pull-18{right:75%}.ant-col-lg-offset-18{margin-left:75%}.ant-col-lg-order-18{order:18}.ant-col-lg-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-lg-push-17{left:70.83333333%}.ant-col-lg-pull-17{right:70.83333333%}.ant-col-lg-offset-17{margin-left:70.83333333%}.ant-col-lg-order-17{order:17}.ant-col-lg-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-lg-push-16{left:66.66666667%}.ant-col-lg-pull-16{right:66.66666667%}.ant-col-lg-offset-16{margin-left:66.66666667%}.ant-col-lg-order-16{order:16}.ant-col-lg-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-lg-push-15{left:62.5%}.ant-col-lg-pull-15{right:62.5%}.ant-col-lg-offset-15{margin-left:62.5%}.ant-col-lg-order-15{order:15}.ant-col-lg-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-lg-push-14{left:58.33333333%}.ant-col-lg-pull-14{right:58.33333333%}.ant-col-lg-offset-14{margin-left:58.33333333%}.ant-col-lg-order-14{order:14}.ant-col-lg-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-lg-push-13{left:54.16666667%}.ant-col-lg-pull-13{right:54.16666667%}.ant-col-lg-offset-13{margin-left:54.16666667%}.ant-col-lg-order-13{order:13}.ant-col-lg-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-lg-push-12{left:50%}.ant-col-lg-pull-12{right:50%}.ant-col-lg-offset-12{margin-left:50%}.ant-col-lg-order-12{order:12}.ant-col-lg-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-lg-push-11{left:45.83333333%}.ant-col-lg-pull-11{right:45.83333333%}.ant-col-lg-offset-11{margin-left:45.83333333%}.ant-col-lg-order-11{order:11}.ant-col-lg-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-lg-push-10{left:41.66666667%}.ant-col-lg-pull-10{right:41.66666667%}.ant-col-lg-offset-10{margin-left:41.66666667%}.ant-col-lg-order-10{order:10}.ant-col-lg-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-lg-push-9{left:37.5%}.ant-col-lg-pull-9{right:37.5%}.ant-col-lg-offset-9{margin-left:37.5%}.ant-col-lg-order-9{order:9}.ant-col-lg-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-lg-push-8{left:33.33333333%}.ant-col-lg-pull-8{right:33.33333333%}.ant-col-lg-offset-8{margin-left:33.33333333%}.ant-col-lg-order-8{order:8}.ant-col-lg-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-lg-push-7{left:29.16666667%}.ant-col-lg-pull-7{right:29.16666667%}.ant-col-lg-offset-7{margin-left:29.16666667%}.ant-col-lg-order-7{order:7}.ant-col-lg-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-lg-push-6{left:25%}.ant-col-lg-pull-6{right:25%}.ant-col-lg-offset-6{margin-left:25%}.ant-col-lg-order-6{order:6}.ant-col-lg-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-lg-push-5{left:20.83333333%}.ant-col-lg-pull-5{right:20.83333333%}.ant-col-lg-offset-5{margin-left:20.83333333%}.ant-col-lg-order-5{order:5}.ant-col-lg-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-lg-push-4{left:16.66666667%}.ant-col-lg-pull-4{right:16.66666667%}.ant-col-lg-offset-4{margin-left:16.66666667%}.ant-col-lg-order-4{order:4}.ant-col-lg-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-lg-push-3{left:12.5%}.ant-col-lg-pull-3{right:12.5%}.ant-col-lg-offset-3{margin-left:12.5%}.ant-col-lg-order-3{order:3}.ant-col-lg-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-lg-push-2{left:8.33333333%}.ant-col-lg-pull-2{right:8.33333333%}.ant-col-lg-offset-2{margin-left:8.33333333%}.ant-col-lg-order-2{order:2}.ant-col-lg-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-lg-push-1{left:4.16666667%}.ant-col-lg-pull-0.ant-col-rtl,.ant-col-lg-push-0,.ant-col-lg-push-1.ant-col-rtl,.ant-col-pull-0.ant-col-rtl,.ant-col-push-0{left:auto}.ant-col-lg-pull-1{right:4.16666667%}.ant-col-lg-pull-0,.ant-col-lg-push-0.ant-col-rtl,.ant-col-pull-0,.ant-col-push-0.ant-col-rtl{right:auto}.ant-col-lg-offset-1{margin-left:4.16666667%}.ant-col-lg-order-1{order:1}.ant-col-lg-0{display:none}.ant-col-lg-offset-0{margin-left:0}.ant-col-lg-order-0{order:0}.ant-col-lg-offset-0.ant-col-rtl{margin-right:0}.ant-col-lg-push-1.ant-col-rtl{right:4.16666667%}.ant-col-lg-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-lg-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-lg-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-lg-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-lg-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-lg-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-lg-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-lg-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-lg-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-lg-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-lg-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-lg-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-lg-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-lg-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-lg-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-lg-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-lg-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-lg-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-lg-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-lg-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-lg-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-lg-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-lg-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-lg-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-lg-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-lg-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-lg-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-lg-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-lg-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-lg-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-lg-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-lg-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-lg-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-lg-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-lg-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-lg-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-lg-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-lg-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-lg-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-lg-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-lg-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-lg-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-lg-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-lg-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-lg-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-lg-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-lg-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-lg-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-lg-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-lg-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-lg-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-lg-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-lg-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-lg-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-lg-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-lg-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-lg-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-lg-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-lg-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-lg-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-lg-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-lg-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-lg-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-lg-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-lg-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-lg-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-lg-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-lg-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-lg-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-lg-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-lg-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}}@media (min-width:1200px){.ant-col-xl-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-xl-push-24{left:100%}.ant-col-xl-pull-24{right:100%}.ant-col-xl-offset-24{margin-left:100%}.ant-col-xl-order-24{order:24}.ant-col-xl-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-xl-push-23{left:95.83333333%}.ant-col-xl-pull-23{right:95.83333333%}.ant-col-xl-offset-23{margin-left:95.83333333%}.ant-col-xl-order-23{order:23}.ant-col-xl-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-xl-push-22{left:91.66666667%}.ant-col-xl-pull-22{right:91.66666667%}.ant-col-xl-offset-22{margin-left:91.66666667%}.ant-col-xl-order-22{order:22}.ant-col-xl-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-xl-push-21{left:87.5%}.ant-col-xl-pull-21{right:87.5%}.ant-col-xl-offset-21{margin-left:87.5%}.ant-col-xl-order-21{order:21}.ant-col-xl-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-xl-push-20{left:83.33333333%}.ant-col-xl-pull-20{right:83.33333333%}.ant-col-xl-offset-20{margin-left:83.33333333%}.ant-col-xl-order-20{order:20}.ant-col-xl-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-xl-push-19{left:79.16666667%}.ant-col-xl-pull-19{right:79.16666667%}.ant-col-xl-offset-19{margin-left:79.16666667%}.ant-col-xl-order-19{order:19}.ant-col-xl-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-xl-push-18{left:75%}.ant-col-xl-pull-18{right:75%}.ant-col-xl-offset-18{margin-left:75%}.ant-col-xl-order-18{order:18}.ant-col-xl-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-xl-push-17{left:70.83333333%}.ant-col-xl-pull-17{right:70.83333333%}.ant-col-xl-offset-17{margin-left:70.83333333%}.ant-col-xl-order-17{order:17}.ant-col-xl-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-xl-push-16{left:66.66666667%}.ant-col-xl-pull-16{right:66.66666667%}.ant-col-xl-offset-16{margin-left:66.66666667%}.ant-col-xl-order-16{order:16}.ant-col-xl-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-xl-push-15{left:62.5%}.ant-col-xl-pull-15{right:62.5%}.ant-col-xl-offset-15{margin-left:62.5%}.ant-col-xl-order-15{order:15}.ant-col-xl-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-xl-push-14{left:58.33333333%}.ant-col-xl-pull-14{right:58.33333333%}.ant-col-xl-offset-14{margin-left:58.33333333%}.ant-col-xl-order-14{order:14}.ant-col-xl-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-xl-push-13{left:54.16666667%}.ant-col-xl-pull-13{right:54.16666667%}.ant-col-xl-offset-13{margin-left:54.16666667%}.ant-col-xl-order-13{order:13}.ant-col-xl-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-xl-push-12{left:50%}.ant-col-xl-pull-12{right:50%}.ant-col-xl-offset-12{margin-left:50%}.ant-col-xl-order-12{order:12}.ant-col-xl-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-xl-push-11{left:45.83333333%}.ant-col-xl-pull-11{right:45.83333333%}.ant-col-xl-offset-11{margin-left:45.83333333%}.ant-col-xl-order-11{order:11}.ant-col-xl-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-xl-push-10{left:41.66666667%}.ant-col-xl-pull-10{right:41.66666667%}.ant-col-xl-offset-10{margin-left:41.66666667%}.ant-col-xl-order-10{order:10}.ant-col-xl-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-xl-push-9{left:37.5%}.ant-col-xl-pull-9{right:37.5%}.ant-col-xl-offset-9{margin-left:37.5%}.ant-col-xl-order-9{order:9}.ant-col-xl-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-xl-push-8{left:33.33333333%}.ant-col-xl-pull-8{right:33.33333333%}.ant-col-xl-offset-8{margin-left:33.33333333%}.ant-col-xl-order-8{order:8}.ant-col-xl-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-xl-push-7{left:29.16666667%}.ant-col-xl-pull-7{right:29.16666667%}.ant-col-xl-offset-7{margin-left:29.16666667%}.ant-col-xl-order-7{order:7}.ant-col-xl-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-xl-push-6{left:25%}.ant-col-xl-pull-6{right:25%}.ant-col-xl-offset-6{margin-left:25%}.ant-col-xl-order-6{order:6}.ant-col-xl-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-xl-push-5{left:20.83333333%}.ant-col-xl-pull-5{right:20.83333333%}.ant-col-xl-offset-5{margin-left:20.83333333%}.ant-col-xl-order-5{order:5}.ant-col-xl-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-xl-push-4{left:16.66666667%}.ant-col-xl-pull-4{right:16.66666667%}.ant-col-xl-offset-4{margin-left:16.66666667%}.ant-col-xl-order-4{order:4}.ant-col-xl-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-xl-push-3{left:12.5%}.ant-col-xl-pull-3{right:12.5%}.ant-col-xl-offset-3{margin-left:12.5%}.ant-col-xl-order-3{order:3}.ant-col-xl-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-xl-push-2{left:8.33333333%}.ant-col-xl-pull-2{right:8.33333333%}.ant-col-xl-offset-2{margin-left:8.33333333%}.ant-col-xl-order-2{order:2}.ant-col-xl-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-xl-push-1{left:4.16666667%}.ant-col-pull-0.ant-col-rtl,.ant-col-push-0,.ant-col-xl-pull-0.ant-col-rtl,.ant-col-xl-push-0,.ant-col-xl-push-1.ant-col-rtl{left:auto}.ant-col-xl-pull-1{right:4.16666667%}.ant-col-pull-0,.ant-col-push-0.ant-col-rtl,.ant-col-xl-pull-0,.ant-col-xl-push-0.ant-col-rtl{right:auto}.ant-col-xl-offset-1{margin-left:4.16666667%}.ant-col-xl-order-1{order:1}.ant-col-xl-0{display:none}.ant-col-xl-offset-0{margin-left:0}.ant-col-xl-order-0{order:0}.ant-col-xl-offset-0.ant-col-rtl{margin-right:0}.ant-col-xl-push-1.ant-col-rtl{right:4.16666667%}.ant-col-xl-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-xl-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-xl-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-xl-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-xl-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-xl-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-xl-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-xl-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-xl-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-xl-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-xl-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-xl-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-xl-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-xl-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-xl-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-xl-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-xl-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-xl-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-xl-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-xl-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-xl-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-xl-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-xl-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-xl-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-xl-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-xl-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-xl-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-xl-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-xl-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-xl-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-xl-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-xl-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-xl-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-xl-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-xl-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-xl-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-xl-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-xl-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-xl-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-xl-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-xl-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-xl-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-xl-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-xl-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-xl-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-xl-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-xl-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-xl-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-xl-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-xl-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-xl-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-xl-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-xl-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-xl-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-xl-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-xl-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-xl-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-xl-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-xl-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-xl-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-xl-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-xl-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-xl-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-xl-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-xl-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-xl-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-xl-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-xl-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-xl-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-xl-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-xl-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}}@media (min-width:1600px){.ant-col-xxl-24{display:block;flex:0 0 100%;max-width:100%}.ant-col-xxl-push-24{left:100%}.ant-col-xxl-pull-24{right:100%}.ant-col-xxl-offset-24{margin-left:100%}.ant-col-xxl-order-24{order:24}.ant-col-xxl-23{display:block;flex:0 0 95.83333333%;max-width:95.83333333%}.ant-col-xxl-push-23{left:95.83333333%}.ant-col-xxl-pull-23{right:95.83333333%}.ant-col-xxl-offset-23{margin-left:95.83333333%}.ant-col-xxl-order-23{order:23}.ant-col-xxl-22{display:block;flex:0 0 91.66666667%;max-width:91.66666667%}.ant-col-xxl-push-22{left:91.66666667%}.ant-col-xxl-pull-22{right:91.66666667%}.ant-col-xxl-offset-22{margin-left:91.66666667%}.ant-col-xxl-order-22{order:22}.ant-col-xxl-21{display:block;flex:0 0 87.5%;max-width:87.5%}.ant-col-xxl-push-21{left:87.5%}.ant-col-xxl-pull-21{right:87.5%}.ant-col-xxl-offset-21{margin-left:87.5%}.ant-col-xxl-order-21{order:21}.ant-col-xxl-20{display:block;flex:0 0 83.33333333%;max-width:83.33333333%}.ant-col-xxl-push-20{left:83.33333333%}.ant-col-xxl-pull-20{right:83.33333333%}.ant-col-xxl-offset-20{margin-left:83.33333333%}.ant-col-xxl-order-20{order:20}.ant-col-xxl-19{display:block;flex:0 0 79.16666667%;max-width:79.16666667%}.ant-col-xxl-push-19{left:79.16666667%}.ant-col-xxl-pull-19{right:79.16666667%}.ant-col-xxl-offset-19{margin-left:79.16666667%}.ant-col-xxl-order-19{order:19}.ant-col-xxl-18{display:block;flex:0 0 75%;max-width:75%}.ant-col-xxl-push-18{left:75%}.ant-col-xxl-pull-18{right:75%}.ant-col-xxl-offset-18{margin-left:75%}.ant-col-xxl-order-18{order:18}.ant-col-xxl-17{display:block;flex:0 0 70.83333333%;max-width:70.83333333%}.ant-col-xxl-push-17{left:70.83333333%}.ant-col-xxl-pull-17{right:70.83333333%}.ant-col-xxl-offset-17{margin-left:70.83333333%}.ant-col-xxl-order-17{order:17}.ant-col-xxl-16{display:block;flex:0 0 66.66666667%;max-width:66.66666667%}.ant-col-xxl-push-16{left:66.66666667%}.ant-col-xxl-pull-16{right:66.66666667%}.ant-col-xxl-offset-16{margin-left:66.66666667%}.ant-col-xxl-order-16{order:16}.ant-col-xxl-15{display:block;flex:0 0 62.5%;max-width:62.5%}.ant-col-xxl-push-15{left:62.5%}.ant-col-xxl-pull-15{right:62.5%}.ant-col-xxl-offset-15{margin-left:62.5%}.ant-col-xxl-order-15{order:15}.ant-col-xxl-14{display:block;flex:0 0 58.33333333%;max-width:58.33333333%}.ant-col-xxl-push-14{left:58.33333333%}.ant-col-xxl-pull-14{right:58.33333333%}.ant-col-xxl-offset-14{margin-left:58.33333333%}.ant-col-xxl-order-14{order:14}.ant-col-xxl-13{display:block;flex:0 0 54.16666667%;max-width:54.16666667%}.ant-col-xxl-push-13{left:54.16666667%}.ant-col-xxl-pull-13{right:54.16666667%}.ant-col-xxl-offset-13{margin-left:54.16666667%}.ant-col-xxl-order-13{order:13}.ant-col-xxl-12{display:block;flex:0 0 50%;max-width:50%}.ant-col-xxl-push-12{left:50%}.ant-col-xxl-pull-12{right:50%}.ant-col-xxl-offset-12{margin-left:50%}.ant-col-xxl-order-12{order:12}.ant-col-xxl-11{display:block;flex:0 0 45.83333333%;max-width:45.83333333%}.ant-col-xxl-push-11{left:45.83333333%}.ant-col-xxl-pull-11{right:45.83333333%}.ant-col-xxl-offset-11{margin-left:45.83333333%}.ant-col-xxl-order-11{order:11}.ant-col-xxl-10{display:block;flex:0 0 41.66666667%;max-width:41.66666667%}.ant-col-xxl-push-10{left:41.66666667%}.ant-col-xxl-pull-10{right:41.66666667%}.ant-col-xxl-offset-10{margin-left:41.66666667%}.ant-col-xxl-order-10{order:10}.ant-col-xxl-9{display:block;flex:0 0 37.5%;max-width:37.5%}.ant-col-xxl-push-9{left:37.5%}.ant-col-xxl-pull-9{right:37.5%}.ant-col-xxl-offset-9{margin-left:37.5%}.ant-col-xxl-order-9{order:9}.ant-col-xxl-8{display:block;flex:0 0 33.33333333%;max-width:33.33333333%}.ant-col-xxl-push-8{left:33.33333333%}.ant-col-xxl-pull-8{right:33.33333333%}.ant-col-xxl-offset-8{margin-left:33.33333333%}.ant-col-xxl-order-8{order:8}.ant-col-xxl-7{display:block;flex:0 0 29.16666667%;max-width:29.16666667%}.ant-col-xxl-push-7{left:29.16666667%}.ant-col-xxl-pull-7{right:29.16666667%}.ant-col-xxl-offset-7{margin-left:29.16666667%}.ant-col-xxl-order-7{order:7}.ant-col-xxl-6{display:block;flex:0 0 25%;max-width:25%}.ant-col-xxl-push-6{left:25%}.ant-col-xxl-pull-6{right:25%}.ant-col-xxl-offset-6{margin-left:25%}.ant-col-xxl-order-6{order:6}.ant-col-xxl-5{display:block;flex:0 0 20.83333333%;max-width:20.83333333%}.ant-col-xxl-push-5{left:20.83333333%}.ant-col-xxl-pull-5{right:20.83333333%}.ant-col-xxl-offset-5{margin-left:20.83333333%}.ant-col-xxl-order-5{order:5}.ant-col-xxl-4{display:block;flex:0 0 16.66666667%;max-width:16.66666667%}.ant-col-xxl-push-4{left:16.66666667%}.ant-col-xxl-pull-4{right:16.66666667%}.ant-col-xxl-offset-4{margin-left:16.66666667%}.ant-col-xxl-order-4{order:4}.ant-col-xxl-3{display:block;flex:0 0 12.5%;max-width:12.5%}.ant-col-xxl-push-3{left:12.5%}.ant-col-xxl-pull-3{right:12.5%}.ant-col-xxl-offset-3{margin-left:12.5%}.ant-col-xxl-order-3{order:3}.ant-col-xxl-2{display:block;flex:0 0 8.33333333%;max-width:8.33333333%}.ant-col-xxl-push-2{left:8.33333333%}.ant-col-xxl-pull-2{right:8.33333333%}.ant-col-xxl-offset-2{margin-left:8.33333333%}.ant-col-xxl-order-2{order:2}.ant-col-xxl-1{display:block;flex:0 0 4.16666667%;max-width:4.16666667%}.ant-col-xxl-push-1{left:4.16666667%}.ant-col-pull-0.ant-col-rtl,.ant-col-push-0,.ant-col-xxl-pull-0.ant-col-rtl,.ant-col-xxl-push-0,.ant-col-xxl-push-1.ant-col-rtl{left:auto}.ant-col-xxl-pull-1{right:4.16666667%}.ant-col-pull-0,.ant-col-push-0.ant-col-rtl,.ant-col-xxl-pull-0,.ant-col-xxl-push-0.ant-col-rtl{right:auto}.ant-col-xxl-offset-1{margin-left:4.16666667%}.ant-col-xxl-order-1{order:1}.ant-col-xxl-0{display:none}.ant-col-xxl-offset-0{margin-left:0}.ant-col-xxl-order-0{order:0}.ant-col-xxl-offset-0.ant-col-rtl{margin-right:0}.ant-col-xxl-push-1.ant-col-rtl{right:4.16666667%}.ant-col-xxl-pull-1.ant-col-rtl{right:auto;left:4.16666667%}.ant-col-xxl-offset-1.ant-col-rtl{margin-right:4.16666667%;margin-left:0}.ant-col-xxl-push-2.ant-col-rtl{right:8.33333333%;left:auto}.ant-col-xxl-pull-2.ant-col-rtl{right:auto;left:8.33333333%}.ant-col-xxl-offset-2.ant-col-rtl{margin-right:8.33333333%;margin-left:0}.ant-col-xxl-push-3.ant-col-rtl{right:12.5%;left:auto}.ant-col-xxl-pull-3.ant-col-rtl{right:auto;left:12.5%}.ant-col-xxl-offset-3.ant-col-rtl{margin-right:12.5%;margin-left:0}.ant-col-xxl-push-4.ant-col-rtl{right:16.66666667%;left:auto}.ant-col-xxl-pull-4.ant-col-rtl{right:auto;left:16.66666667%}.ant-col-xxl-offset-4.ant-col-rtl{margin-right:16.66666667%;margin-left:0}.ant-col-xxl-push-5.ant-col-rtl{right:20.83333333%;left:auto}.ant-col-xxl-pull-5.ant-col-rtl{right:auto;left:20.83333333%}.ant-col-xxl-offset-5.ant-col-rtl{margin-right:20.83333333%;margin-left:0}.ant-col-xxl-push-6.ant-col-rtl{right:25%;left:auto}.ant-col-xxl-pull-6.ant-col-rtl{right:auto;left:25%}.ant-col-xxl-offset-6.ant-col-rtl{margin-right:25%;margin-left:0}.ant-col-xxl-push-7.ant-col-rtl{right:29.16666667%;left:auto}.ant-col-xxl-pull-7.ant-col-rtl{right:auto;left:29.16666667%}.ant-col-xxl-offset-7.ant-col-rtl{margin-right:29.16666667%;margin-left:0}.ant-col-xxl-push-8.ant-col-rtl{right:33.33333333%;left:auto}.ant-col-xxl-pull-8.ant-col-rtl{right:auto;left:33.33333333%}.ant-col-xxl-offset-8.ant-col-rtl{margin-right:33.33333333%;margin-left:0}.ant-col-xxl-push-9.ant-col-rtl{right:37.5%;left:auto}.ant-col-xxl-pull-9.ant-col-rtl{right:auto;left:37.5%}.ant-col-xxl-offset-9.ant-col-rtl{margin-right:37.5%;margin-left:0}.ant-col-xxl-push-10.ant-col-rtl{right:41.66666667%;left:auto}.ant-col-xxl-pull-10.ant-col-rtl{right:auto;left:41.66666667%}.ant-col-xxl-offset-10.ant-col-rtl{margin-right:41.66666667%;margin-left:0}.ant-col-xxl-push-11.ant-col-rtl{right:45.83333333%;left:auto}.ant-col-xxl-pull-11.ant-col-rtl{right:auto;left:45.83333333%}.ant-col-xxl-offset-11.ant-col-rtl{margin-right:45.83333333%;margin-left:0}.ant-col-xxl-push-12.ant-col-rtl{right:50%;left:auto}.ant-col-xxl-pull-12.ant-col-rtl{right:auto;left:50%}.ant-col-xxl-offset-12.ant-col-rtl{margin-right:50%;margin-left:0}.ant-col-xxl-push-13.ant-col-rtl{right:54.16666667%;left:auto}.ant-col-xxl-pull-13.ant-col-rtl{right:auto;left:54.16666667%}.ant-col-xxl-offset-13.ant-col-rtl{margin-right:54.16666667%;margin-left:0}.ant-col-xxl-push-14.ant-col-rtl{right:58.33333333%;left:auto}.ant-col-xxl-pull-14.ant-col-rtl{right:auto;left:58.33333333%}.ant-col-xxl-offset-14.ant-col-rtl{margin-right:58.33333333%;margin-left:0}.ant-col-xxl-push-15.ant-col-rtl{right:62.5%;left:auto}.ant-col-xxl-pull-15.ant-col-rtl{right:auto;left:62.5%}.ant-col-xxl-offset-15.ant-col-rtl{margin-right:62.5%;margin-left:0}.ant-col-xxl-push-16.ant-col-rtl{right:66.66666667%;left:auto}.ant-col-xxl-pull-16.ant-col-rtl{right:auto;left:66.66666667%}.ant-col-xxl-offset-16.ant-col-rtl{margin-right:66.66666667%;margin-left:0}.ant-col-xxl-push-17.ant-col-rtl{right:70.83333333%;left:auto}.ant-col-xxl-pull-17.ant-col-rtl{right:auto;left:70.83333333%}.ant-col-xxl-offset-17.ant-col-rtl{margin-right:70.83333333%;margin-left:0}.ant-col-xxl-push-18.ant-col-rtl{right:75%;left:auto}.ant-col-xxl-pull-18.ant-col-rtl{right:auto;left:75%}.ant-col-xxl-offset-18.ant-col-rtl{margin-right:75%;margin-left:0}.ant-col-xxl-push-19.ant-col-rtl{right:79.16666667%;left:auto}.ant-col-xxl-pull-19.ant-col-rtl{right:auto;left:79.16666667%}.ant-col-xxl-offset-19.ant-col-rtl{margin-right:79.16666667%;margin-left:0}.ant-col-xxl-push-20.ant-col-rtl{right:83.33333333%;left:auto}.ant-col-xxl-pull-20.ant-col-rtl{right:auto;left:83.33333333%}.ant-col-xxl-offset-20.ant-col-rtl{margin-right:83.33333333%;margin-left:0}.ant-col-xxl-push-21.ant-col-rtl{right:87.5%;left:auto}.ant-col-xxl-pull-21.ant-col-rtl{right:auto;left:87.5%}.ant-col-xxl-offset-21.ant-col-rtl{margin-right:87.5%;margin-left:0}.ant-col-xxl-push-22.ant-col-rtl{right:91.66666667%;left:auto}.ant-col-xxl-pull-22.ant-col-rtl{right:auto;left:91.66666667%}.ant-col-xxl-offset-22.ant-col-rtl{margin-right:91.66666667%;margin-left:0}.ant-col-xxl-push-23.ant-col-rtl{right:95.83333333%;left:auto}.ant-col-xxl-pull-23.ant-col-rtl{right:auto;left:95.83333333%}.ant-col-xxl-offset-23.ant-col-rtl{margin-right:95.83333333%;margin-left:0}.ant-col-xxl-push-24.ant-col-rtl{right:100%;left:auto}.ant-col-xxl-pull-24.ant-col-rtl{right:auto;left:100%}.ant-col-xxl-offset-24.ant-col-rtl{margin-right:100%;margin-left:0}}.ant-input-affix-wrapper{position:relative;width:100%;padding:3px 7px;color:rgba(0,0,0,.85);font-size:12px;line-height:1.66667;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s;display:inline-flex}.ant-input-affix-wrapper-disabled,.ant-input-affix-wrapper[disabled]{background-color:#f5f5f5;cursor:not-allowed;pointer-events:none;opacity:1}.ant-input-affix-wrapper::-moz-placeholder{opacity:1}.ant-input-affix-wrapper::placeholder{color:#bfbfbf}.ant-input-affix-wrapper:placeholder-shown{text-overflow:ellipsis}.ant-input-affix-wrapper:hover{border-color:#cf1322;border-right-width:1px!important}.ant-input-rtl .ant-input-affix-wrapper:hover{border-right-width:0;border-left-width:1px!important}.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus{border-color:#cf1322;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-input-affix-wrapper-focused,.ant-input-rtl .ant-input-affix-wrapper:focus{border-right-width:0;border-left-width:1px!important}.ant-input-affix-wrapper-disabled:hover,.ant-input-affix-wrapper[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-input-affix-wrapper-disabled{color:rgba(0,0,0,.25)}.ant-input-affix-wrapper[disabled]{color:rgba(0,0,0,.25)}.ant-input-affix-wrapper-borderless,.ant-input-affix-wrapper-borderless-disabled,.ant-input-affix-wrapper-borderless-focused,.ant-input-affix-wrapper-borderless:focus,.ant-input-affix-wrapper-borderless:hover,.ant-input-affix-wrapper-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.ant-input-affix-wrapper{max-width:100%;height:auto;min-height:28px;line-height:1.66667;vertical-align:bottom;transition:all .3s,height 0s}.ant-input-affix-wrapper-lg{padding:3.4px 11px;font-size:14px}.ant-input-affix-wrapper-sm{padding:0 7px}.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:#cf1322;border-right-width:1px!important;z-index:1}.ant-input-rtl .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-right-width:0;border-left-width:1px!important}.ant-input-search-with-button .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{z-index:0}.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus{z-index:1}.ant-input-affix-wrapper-disabled .ant-input[disabled]{background:0 0}.ant-input-affix-wrapper>input.ant-input{padding:0;border:none;outline:0}.ant-input-affix-wrapper>input.ant-input:focus{box-shadow:none}.ant-input-affix-wrapper::before{width:0;visibility:hidden;content:'\a0'}.ant-input-prefix,.ant-input-suffix{display:flex;flex:none;align-items:center}.ant-input-prefix{margin-right:4px}.ant-input-suffix{margin-left:4px}.ant-input-clear-icon{margin:0 4px;color:rgba(0,0,0,.25);font-size:12px;vertical-align:-1px;cursor:pointer;transition:color .3s}.ant-input,.ant-input-group{margin:0;line-height:1.66667;width:100%;list-style:none;font-variant:tabular-nums;box-sizing:border-box;font-feature-settings:tnum}.ant-input-clear-icon:hover{color:rgba(0,0,0,.45)}.ant-input,.ant-input-clear-icon:active{color:rgba(0,0,0,.85)}.ant-input-clear-icon-hidden{visibility:hidden}.ant-input-clear-icon:last-child{margin-right:0}.ant-input-affix-wrapper-textarea-with-clear-btn{padding:0!important;border:0!important}.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon{position:absolute;top:8px;right:8px;z-index:1}.ant-input{position:relative;display:inline-block;padding:3px 7px;font-size:12px;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s}.ant-input::-moz-placeholder{opacity:1}.ant-input::placeholder{color:#bfbfbf}.ant-input-disabled,.ant-input[disabled]{background-color:#f5f5f5;cursor:not-allowed;color:rgba(0,0,0,.25);opacity:1;pointer-events:none}.ant-input:placeholder-shown{text-overflow:ellipsis}.ant-input:hover{border-color:#cf1322;border-right-width:1px!important}.ant-input-rtl .ant-input:hover{border-right-width:0;border-left-width:1px!important}.ant-input-focused,.ant-input:focus{border-color:#cf1322;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-input-focused,.ant-input-rtl .ant-input:focus{border-right-width:0;border-left-width:1px!important}.ant-input-disabled:hover,.ant-input[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-input-group,.ant-input-group-addon{color:rgba(0,0,0,.85);position:relative}.ant-input-borderless,.ant-input-borderless-disabled,.ant-input-borderless-focused,.ant-input-borderless:focus,.ant-input-borderless:hover,.ant-input-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.ant-input{max-width:100%;height:auto;min-height:28px;line-height:1.66667;vertical-align:bottom;transition:all .3s,height 0s}.ant-input-lg{padding:3.4px 11px;font-size:14px}.ant-input-sm{padding:0 7px}.ant-input-group{padding:0;font-size:12px;display:table;border-collapse:separate;border-spacing:0}.ant-input-group[class*=col-]{float:none;padding-right:0;padding-left:0}.ant-input-group>[class*=col-]{padding-right:8px}.ant-input-group>[class*=col-]:last-child{padding-right:0}.ant-input-group-addon,.ant-input-group-wrap,.ant-input-group>.ant-input{display:table-cell}.ant-input-group-addon:not(:first-child):not(:last-child),.ant-input-group-wrap:not(:first-child):not(:last-child),.ant-input-group>.ant-input:not(:first-child):not(:last-child){border-radius:0}.ant-input-group-addon,.ant-input-group-wrap{width:1px;white-space:nowrap;vertical-align:middle}.ant-input-group-wrap>*{display:block!important}.ant-input-group .ant-input{float:left;width:100%;margin-bottom:0;text-align:inherit}.ant-input-group .ant-input:focus,.ant-input-group .ant-input:hover{z-index:1;border-right-width:1px}.ant-input-search-with-button .ant-input-group .ant-input:hover{z-index:0}.ant-input-group-addon{padding:0 7px;font-weight:400;font-size:12px;text-align:center;background-color:#fafafa;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s}.ant-input-group-addon .ant-select{margin:-4px -7px}.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{background-color:inherit;border:1px solid transparent;box-shadow:none}.ant-input-group .ant-input-affix-wrapper:not(:first-child),.ant-input-group-addon:last-child,.ant-input-group-addon:last-child .ant-select .ant-select-selector,.ant-input-group>.ant-input-affix-wrapper:not(:first-child) .ant-input,.ant-input-group>.ant-input:last-child,.ant-input-group>.ant-input:last-child .ant-select .ant-select-selector{border-top-left-radius:0;border-bottom-left-radius:0}.ant-input-group .ant-input-affix-wrapper:not(:last-child),.ant-input-group-addon:first-child,.ant-input-group-addon:first-child .ant-select .ant-select-selector,.ant-input-group>.ant-input-affix-wrapper:not(:last-child) .ant-input,.ant-input-group>.ant-input:first-child,.ant-input-group>.ant-input:first-child .ant-select .ant-select-selector{border-top-right-radius:0;border-bottom-right-radius:0}.ant-input-number-focused,.ant-input-number:focus{box-shadow:0 0 0 2px rgba(24,144,255,.2);outline:0}.ant-input-group-addon .ant-select-focused .ant-select-selector,.ant-input-group-addon .ant-select-open .ant-select-selector{color:#F5222D}.ant-input-group-addon:first-child{border-right:0}.ant-input-group-addon:last-child{border-left:0}.ant-input-group-lg .ant-input,.ant-input-group-lg>.ant-input-group-addon{padding:3.4px 11px;font-size:14px}.ant-input-group-sm .ant-input,.ant-input-group-sm>.ant-input-group-addon{padding:0 7px}.ant-input-group-lg .ant-select-single .ant-select-selector{height:32px}.ant-input-group-sm .ant-select-single .ant-select-selector{height:22px}.ant-input-search-button,.ant-input[type=color]{height:28px}.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child){border-top-left-radius:2px;border-bottom-left-radius:2px}.ant-input-group.ant-input-group-compact{display:block}.ant-input-group.ant-input-group-compact::after,.ant-input-group.ant-input-group-compact::before{display:table;content:''}.ant-input-group.ant-input-group-compact::after{clear:both}.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child){border-right-width:1px}.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):focus,.ant-input-group.ant-input-group-compact>.ant-input:not(:first-child):not(:last-child):hover{z-index:1}.ant-input-group.ant-input-group-compact>*{display:inline-block;float:none;vertical-align:top;border-radius:0}.ant-input-group.ant-input-group-compact>.ant-input-affix-wrapper,.ant-input-group.ant-input-group-compact>.ant-picker-range{display:inline-flex}.ant-input-group.ant-input-group-compact>:not(:last-child){margin-right:-1px;border-right-width:1px}.ant-input-group.ant-input-group-compact .ant-input{float:none}.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input,.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector{border-right-width:1px;border-radius:0}.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:focus,.ant-input-group.ant-input-group-compact>.ant-cascader-picker .ant-input:hover,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:focus,.ant-input-group.ant-input-group-compact>.ant-input-group-wrapper .ant-input:hover,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:focus,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input:hover,.ant-input-group.ant-input-group-compact>.ant-select-focused,.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-arrow,.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector:focus,.ant-input-group.ant-input-group-compact>.ant-select>.ant-select-selector:hover{z-index:1}.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selector,.ant-input-group.ant-input-group-compact>:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selector,.ant-input-group.ant-input-group-compact>:last-child{border-right-width:1px;border-top-right-radius:2px;border-bottom-right-radius:2px}.ant-input-group.ant-input-group-compact>.ant-select-auto-complete .ant-input{vertical-align:top}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper{margin-left:-1px}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper+.ant-input-group-wrapper .ant-input-affix-wrapper,.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input-group-addon>.ant-input-search-button{border-radius:0}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search>.ant-input-group>.ant-input{border-radius:2px 0 0 2px}.ant-input-group-rtl .ant-input-group-addon:first-child,.ant-input-group>.ant-input-rtl:first-child{border-radius:0 2px 2px 0}.ant-input-group-rtl .ant-input-group-addon:first-child{border-right:1px solid #d9d9d9;border-left:0}.ant-input-group-rtl .ant-input-group-addon:last-child{border-right:0;border-left:1px solid #d9d9d9}.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child),.ant-input-group-rtl.ant-input-group-addon:last-child,.ant-input-group-rtl.ant-input-group>.ant-input:last-child{border-radius:2px 0 0 2px}.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child),.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker:first-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:first-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select:first-child>.ant-select-selector,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>:first-child{border-radius:0 2px 2px 0}.ant-input-group-rtl.ant-input-group.ant-input-group-compact>:not(:last-child){margin-right:0;margin-left:-1px;border-left-width:1px}.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker-focused:last-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-cascader-picker:last-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select-auto-complete:last-child .ant-input,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>.ant-select:last-child>.ant-select-selector,.ant-input-group-rtl.ant-input-group.ant-input-group-compact>:last-child{border-left-width:1px;border-radius:2px 0 0 2px}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl+.ant-input-group-wrapper-rtl{margin-right:-1px;margin-left:0}.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search>.ant-input-group>.ant-input{border-radius:0 2px 2px 0}.ant-input-group-wrapper{display:inline-block;width:100%;text-align:start;vertical-align:top}.ant-input-password-icon{color:rgba(0,0,0,.45);cursor:pointer;transition:all .3s}.ant-input-password-icon:hover{color:rgba(0,0,0,.85)}.ant-input[type=color].ant-input-lg{height:32px}.ant-input[type=color].ant-input-sm{height:22px;padding-top:3px;padding-bottom:3px}.ant-input-textarea-show-count::after{float:right;color:rgba(0,0,0,.45);white-space:nowrap;content:attr(data-count);pointer-events:none}.ant-input-search .ant-input:focus,.ant-input-search .ant-input:hover{border-color:#cf1322}.ant-input-search .ant-input:focus+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),.ant-input-search .ant-input:hover+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary){border-left-color:#cf1322}.ant-input-search .ant-input-affix-wrapper{border-radius:0}.ant-input-search .ant-input-lg{line-height:1.66647}.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child{left:-1px;padding:0;border:0}.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button{padding-top:0;padding-bottom:0;border-radius:0 2px 2px 0}.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary){color:rgba(0,0,0,.45)}.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before{top:0;right:0;bottom:0;left:0}.ant-input-search-button:focus,.ant-input-search-button:hover{z-index:1}.ant-input-search-large .ant-input-search-button{height:32px}.ant-input-search-small .ant-input-search-button{height:22px}.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl>input.ant-input{border:none;outline:0}.ant-input-affix-wrapper-rtl .ant-input-prefix{margin:0 0 0 4px}.ant-input-affix-wrapper-rtl .ant-input-suffix{margin:0 4px 0 0}.ant-input-textarea-rtl.ant-input-textarea-show-count::after{text-align:left}.ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child{margin-right:4px;margin-left:0}.ant-input-affix-wrapper-rtl .ant-input-clear-icon{right:auto;left:8px}.ant-input-search-rtl .ant-input:focus+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary),.ant-input-search-rtl .ant-input:hover+.ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary){border-right-color:#cf1322;border-left-color:#d9d9d9}.ant-input-search-rtl>.ant-input-group>.ant-input-affix-wrapper-focused,.ant-input-search-rtl>.ant-input-group>.ant-input-affix-wrapper:hover{border-right-color:#cf1322}.ant-input-search-rtl>.ant-input-group>.ant-input-group-addon{right:-1px;left:auto}.ant-input-search-rtl>.ant-input-group>.ant-input-group-addon .ant-input-search-button{border-radius:2px 0 0 2px}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ant-input{height:28px}.ant-input-lg{height:32px}.ant-input-sm{height:22px}.ant-input-affix-wrapper>input.ant-input{height:auto}}textarea.nz-textarea-autosize-measuring{height:auto!important;overflow:hidden!important;padding:2px 0!important;box-sizing:content-box!important}.ant-input-search-rtl.ant-input-search-enter-button input+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only,.ant-input-search-rtl.ant-input-search-enter-button+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only{width:28px;height:28px}.ant-input-search-rtl.ant-input-search-enter-button input+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm,.ant-input-search-rtl.ant-input-search-enter-button+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-sm{width:22px;height:22px}.ant-input-search-rtl.ant-input-search-enter-button input+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg,.ant-input-search-rtl.ant-input-search-enter-button+.ant-input-group-addon .ant-input-search-button.ant-btn-icon-only.ant-btn-lg{width:32px;height:32px}.ant-input-number{box-sizing:border-box;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;position:relative;color:rgba(0,0,0,.85);font-size:12px;line-height:1.66667;background-image:none;transition:all .3s;display:inline-block;width:90px;margin:0;padding:0;border:1px solid #d9d9d9;border-radius:2px}.ant-input-number::-moz-placeholder{opacity:1}.ant-input-number::placeholder{color:#bfbfbf}.ant-input-number:placeholder-shown{text-overflow:ellipsis}.ant-input-rtl .ant-input-number:hover{border-right-width:0;border-left-width:1px!important}.ant-input-number-focused,.ant-input-number:focus{border-color:#cf1322;border-right-width:1px!important}.ant-input-rtl .ant-input-number-focused,.ant-input-rtl .ant-input-number:focus{border-right-width:0;border-left-width:1px!important}.ant-input-number[disabled]{background-color:#f5f5f5;cursor:not-allowed;opacity:1;color:rgba(0,0,0,.25);pointer-events:none}.ant-input-number[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-input-number-borderless,.ant-input-number-borderless-disabled,.ant-input-number-borderless-focused,.ant-input-number-borderless:focus,.ant-input-number-borderless:hover,.ant-input-number-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}.ant-input-number-focused,.ant-input-number:hover{border-color:#cf1322;border-right-width:1px!important}textarea.ant-input-number{max-width:100%;height:auto;min-height:28px;line-height:1.66667;vertical-align:bottom;transition:all .3s,height 0s}.ant-input-number-handler{position:relative;display:block;width:100%;height:50%;overflow:hidden;color:rgba(0,0,0,.45);font-weight:700;line-height:0;text-align:center;transition:all .1s linear}.ant-input-number-handler:active{background:#f4f4f4}.ant-input-number-handler:hover .ant-input-number-handler-down-inner,.ant-input-number-handler:hover .ant-input-number-handler-up-inner{color:#cf1322}.ant-input-number-handler-down-inner,.ant-input-number-handler-up-inner{display:inline-block;color:inherit;font-style:normal;text-transform:none;vertical-align:-.125em;position:absolute;right:4px;width:12px;height:12px;color:rgba(0,0,0,.45);line-height:12px;transition:all .1s linear;user-select:none}.ant-input-number-handler-down-inner>*,.ant-input-number-handler-up-inner>*{line-height:1}.ant-input-number-handler-down-inner svg,.ant-input-number-handler-up-inner svg{display:inline-block}.ant-input-number-handler-down-inner::before,.ant-input-number-handler-up-inner::before{display:none}.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon,.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon{display:block}.ant-input-number:hover+.ant-form-item-children-icon{opacity:0;transition:opacity .24s linear .24s}.ant-input-rtl .ant-input-number-focused{border-right-width:0;border-left-width:1px!important}.ant-input-number-disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:1;color:rgba(0,0,0,.25);pointer-events:none}.ant-input-number-disabled:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-input-number-disabled .ant-input-number-input{cursor:not-allowed}.ant-input-number-disabled .ant-input-number-handler-wrap,.ant-input-number-readonly .ant-input-number-handler-wrap{display:none}.ant-input-number-input{width:100%;height:26px;padding:0 7px;text-align:left;background-color:transparent;border:0;border-radius:2px;outline:0;transition:all .3s linear;-moz-appearance:textfield!important}.ant-input-number-input::-moz-placeholder{opacity:1}.ant-input-number-input::placeholder{color:#bfbfbf}.ant-input-number-input:placeholder-shown{text-overflow:ellipsis}.ant-input-number-input[type=number]::-webkit-inner-spin-button,.ant-input-number-input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.ant-input-number-lg{padding:0;font-size:14px}.ant-input-number-lg input{height:30px}.ant-input-number-sm{padding:0}.ant-input-number-sm input{height:20px;padding:0 7px}.ant-input-number-handler-wrap{position:absolute;top:0;right:0;width:22px;height:100%;background:#fff;border-left:1px solid #d9d9d9;border-radius:0 2px 2px 0;opacity:0;transition:opacity .24s linear .1s}.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner,.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner{min-width:auto;margin-right:0;font-size:7px}.ant-input-number-borderless .ant-input-number-handler-wrap{border-left-width:0}.ant-input-number-handler-wrap:hover .ant-input-number-handler{height:40%}.ant-input-number-handler-down:hover,.ant-input-number-handler-up:hover{height:60%!important}.ant-input-number:hover .ant-input-number-handler-wrap{opacity:1}.ant-input-number-handler-up{border-top-right-radius:2px;cursor:pointer}.ant-input-number-handler-up-inner{top:50%;margin-top:-5px;text-align:center}.ant-input-number-handler-down{top:0;border-top:1px solid #d9d9d9;border-bottom-right-radius:2px;cursor:pointer}.ant-input-number-handler-down-inner{top:50%;text-align:center;transform:translateY(-50%)}.ant-input-number-borderless .ant-input-number-handler-down{border-top-width:0}.ant-input-number-handler-down-disabled,.ant-input-number-handler-up-disabled{cursor:not-allowed}.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner,.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner{color:rgba(0,0,0,.25)}.ant-input-number-borderless{box-shadow:none}.ant-input-number-out-of-range input{color:#ff4d4f}.ant-input-number-rtl .ant-input-number-handler-wrap{right:auto;left:0;border-right:1px solid #d9d9d9;border-left:0;border-radius:2px 0 0 2px}.ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap{border-right-width:0}.ant-input-number-rtl .ant-input-number-input{direction:ltr;text-align:right}.ant-form-rtl,.ant-layout-rtl,.ant-list-rtl,.ant-list-rtl .ReactVirtualized__List .ant-list-item,.ant-mention-wrapper .ant-mention-editor-rtl,.ant-menu.ant-menu-rtl,.ant-message-rtl,.ant-message-rtl span,.ant-modal-wrap-rtl,.ant-modal-wrap-rtl .ant-modal-confirm-body,.ant-notification-rtl,.ant-page-header-rtl,.ant-pagination-options-quick-jumper input-rtl,.ant-popover-rtl,.ant-progress-rtl,.ant-radio-group.ant-radio-group-rtl,.ant-radio-wrapper.ant-radio-wrapper-rtl,.ant-rate-rtl,.ant-select-dropdown-rtl,.ant-select-rtl,.ant-skeleton-rtl,.ant-slider-rtl,.ant-spin-rtl{direction:rtl}.ant-layout{display:flex;flex:auto;flex-direction:column;min-height:0;background:#f0f2f5}.ant-layout,.ant-layout *{box-sizing:border-box}.ant-layout.ant-layout-has-sider{flex-direction:row}.ant-layout.ant-layout-has-sider>.ant-layout,.ant-layout.ant-layout-has-sider>.ant-layout-content{width:0}.ant-layout-footer,.ant-layout-header{flex:0 0 auto}.ant-layout-header{height:64px;padding:0 50px;color:rgba(0,0,0,.85);line-height:64px;background:#001529}.ant-layout-footer{padding:24px 50px;color:rgba(0,0,0,.85);font-size:12px;background:#f0f2f5}.ant-layout-content{flex:auto;min-height:0}.ant-layout-sider{position:relative;min-width:0;background:#001529;transition:all .2s}.ant-layout-sider-children{height:100%;margin-top:-.1px;padding-top:.1px}.ant-layout-sider-children .ant-menu.ant-menu-inline-collapsed{width:auto}.ant-layout-sider-has-trigger{padding-bottom:48px}.ant-layout-sider-trigger{position:fixed;bottom:0;z-index:1;height:48px;color:#fff;line-height:48px;text-align:center;background:#002140;cursor:pointer;transition:all .2s}.ant-layout-sider-zero-width>*{overflow:hidden}.ant-layout-sider-zero-width-trigger{position:absolute;top:64px;right:-36px;z-index:1;width:36px;height:42px;color:#fff;font-size:18px;line-height:42px;text-align:center;background:#001529;border-radius:0 2px 2px 0;cursor:pointer;transition:background .3s ease}.ant-layout-sider-zero-width-trigger::after{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;transition:all .3s;content:''}.ant-layout-sider-zero-width-trigger:hover::after{background:rgba(255,255,255,.1)}.ant-layout-sider-zero-width-trigger-right{left:-36px;border-radius:2px 0 0 2px}.ant-layout-sider-light{background:#fff}.ant-layout-sider-light .ant-layout-sider-trigger,.ant-layout-sider-light .ant-layout-sider-zero-width-trigger{color:rgba(0,0,0,.85);background:#fff}nz-content,nz-footer,nz-header{display:block}.ant-form-item .ant-mentions,.ant-form-item textarea.ant-input{height:auto}.ant-form-item .ant-upload{background:0 0}.ant-form-item .ant-upload.ant-upload-drag{background:#fafafa}.ant-form-item input[type=radio],.ant-form-item input[type=checkbox]{width:14px;height:14px}.ant-form-item .ant-checkbox-inline,.ant-form-item .ant-radio-inline{display:inline-block;margin-left:8px;font-weight:400;vertical-align:middle;cursor:pointer}.ant-form-item .ant-checkbox-inline:first-child,.ant-form-item .ant-checkbox-vertical+.ant-checkbox-vertical,.ant-form-item .ant-radio-inline:first-child,.ant-form-item .ant-radio-vertical+.ant-radio-vertical{margin-left:0}.ant-form-item .ant-checkbox-vertical,.ant-form-item .ant-radio-vertical{display:block}.ant-form-item .ant-input-number+.ant-form-text{margin-left:8px}.ant-form-item .ant-input-number-handler-wrap{z-index:2}.ant-form-item .ant-cascader-picker,.ant-form-item .ant-select{width:100%}.ant-form-item .ant-input-group .ant-cascader-picker,.ant-form-item .ant-input-group .ant-select,.ant-form-item .ant-picker-calendar-month-select,.ant-form-item .ant-picker-calendar-year-select,.ant-modal{width:auto}.ant-form-inline{display:flex;flex-wrap:wrap}.ant-form-inline .ant-form-item{flex:none;flex-wrap:nowrap;margin-right:16px;margin-bottom:0}.ant-form-inline .ant-form-item-with-help{margin-bottom:16px}.ant-form-inline .ant-form-item>.ant-form-item-control,.ant-form-inline .ant-form-item>.ant-form-item-label{display:inline-block;vertical-align:top}.ant-form-inline .ant-form-item>.ant-form-item-label{flex:none}.ant-form-inline .ant-form-item .ant-form-item-has-feedback,.ant-form-inline .ant-form-item .ant-form-text{display:inline-block}.ant-form-horizontal .ant-form-item-label{flex-grow:0}.ant-form-horizontal .ant-form-item-control{flex:1 1 0}.ant-form-vertical .ant-form-item{flex-direction:column}.ant-form-vertical .ant-form-item-label>label{height:auto}.ant-col-24.ant-form-item-label,.ant-col-xl-24.ant-form-item-label,.ant-form-vertical .ant-form-item-label{padding:0 0 4px;line-height:1.66667;white-space:initial;text-align:left}.ant-col-24.ant-form-item-label>label,.ant-col-xl-24.ant-form-item-label>label,.ant-form-vertical .ant-form-item-label>label{margin:0}.ant-col-24.ant-form-item-label>label::after,.ant-col-xl-24.ant-form-item-label>label::after,.ant-form-vertical .ant-form-item-label>label::after{display:none}.ant-form-rtl.ant-col-24.ant-form-item-label,.ant-form-rtl.ant-col-xl-24.ant-form-item-label,.ant-form-rtl.ant-form-vertical .ant-form-item-label{text-align:right}@media (max-width:575px){.ant-col-xs-24.ant-form-item-label>label,.ant-form-item .ant-form-item-label>label{margin:0}.ant-col-xs-24.ant-form-item-label>label::after,.ant-form-item .ant-form-item-label>label::after{display:none}.ant-form-item .ant-form-item-label{padding:0 0 4px;line-height:1.66667;white-space:initial;text-align:left}.ant-form-rtl.ant-form-item .ant-form-item-label{text-align:right}.ant-form .ant-form-item{flex-wrap:wrap}.ant-form .ant-form-item .ant-form-item-control,.ant-form .ant-form-item .ant-form-item-label{flex:0 0 100%;max-width:100%}.ant-col-xs-24.ant-form-item-label{padding:0 0 4px;line-height:1.66667;white-space:initial;text-align:left}.ant-form-rtl.ant-col-xs-24.ant-form-item-label{text-align:right}}@media (max-width:767px){.ant-col-sm-24.ant-form-item-label{padding:0 0 4px;line-height:1.66667;white-space:initial;text-align:left}.ant-col-sm-24.ant-form-item-label>label{margin:0}.ant-col-sm-24.ant-form-item-label>label::after{display:none}.ant-form-rtl.ant-col-sm-24.ant-form-item-label{text-align:right}}@media (max-width:991px){.ant-col-md-24.ant-form-item-label{padding:0 0 4px;line-height:1.66667;white-space:initial;text-align:left}.ant-col-md-24.ant-form-item-label>label{margin:0}.ant-col-md-24.ant-form-item-label>label::after{display:none}.ant-form-rtl.ant-col-md-24.ant-form-item-label{text-align:right}}@media (max-width:1199px){.ant-col-lg-24.ant-form-item-label{padding:0 0 4px;line-height:1.66667;white-space:initial;text-align:left}.ant-col-lg-24.ant-form-item-label>label{margin:0}.ant-col-lg-24.ant-form-item-label>label::after{display:none}.ant-form-rtl.ant-col-lg-24.ant-form-item-label{text-align:right}}@media (max-width:1599px){.ant-col-xl-24.ant-form-item-label{padding:0 0 4px;line-height:1.66667;white-space:initial;text-align:left}.ant-col-xl-24.ant-form-item-label>label{margin:0}.ant-col-xl-24.ant-form-item-label>label::after{display:none}.ant-form-rtl.ant-col-xl-24.ant-form-item-label{text-align:right}}.ant-form-item-explain.ant-form-item-explain-error{color:#ff4d4f}.ant-form-item-explain.ant-form-item-explain-warning{color:#faad14}.ant-form-item-has-feedback .ant-input{padding-right:24px}.ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix{padding-right:18px}.ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix{right:28px}.ant-form-item-has-feedback .ant-cascader-picker-clear,.ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow,.ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-clear,.ant-form-item-has-feedback>.ant-select .ant-select-arrow,.ant-form-item-has-feedback>.ant-select .ant-select-clear{right:32px}.ant-form-item-has-feedback .ant-switch{margin:2px 0 4px}.ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value,.ant-form-item-has-feedback>.ant-select .ant-select-selection-selected-value{padding-right:42px}.ant-form-item-has-feedback .ant-cascader-picker-arrow{margin-right:19px}.ant-form-item-has-feedback .ant-picker{padding-right:22.6px}.ant-form-item-has-feedback .ant-picker-large{padding-right:26.6px}.ant-form-item-has-feedback .ant-picker-small{padding-right:22.6px}.ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,.ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,.ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,.ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon{position:absolute;top:50%;right:0;z-index:1;width:28px;height:20px;margin-top:-10px;font-size:12px;line-height:20px;text-align:center;visibility:visible;animation:zoomIn .3s cubic-bezier(.12,.4,.29,1.46);pointer-events:none}.ant-notification .notification-fade-effect,.ant-notification-fade-appear,.ant-notification-fade-enter,.ant-notification-fade-leave,.ant-show-help-appear,.ant-show-help-enter,.ant-show-help-leave{animation-timing-function:cubic-bezier(.645,.045,.355,1)}.ant-form-item-has-success.ant-form-item-has-feedback .ant-form-item-children-icon{color:#52c41a;animation-name:diffZoomIn1!important}.ant-form-item-has-warning .ant-form-item-split{color:#faad14}.ant-form-item-has-warning .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled),.ant-form-item-has-warning .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover,.ant-form-item-has-warning .ant-input:not(.ant-input-disabled),.ant-form-item-has-warning .ant-input:not(.ant-input-disabled):hover{background-color:#fff;border-color:#faad14}.ant-form-item-has-warning .ant-calendar-picker-open .ant-calendar-picker-input,.ant-form-item-has-warning .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled)-focused,.ant-form-item-has-warning .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):focus,.ant-form-item-has-warning .ant-input:not(.ant-input-disabled)-focused,.ant-form-item-has-warning .ant-input:not(.ant-input-disabled):focus{border-color:#ffc53d;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(250,173,20,.2)}.ant-form-item-has-warning .ant-input-prefix{color:#faad14}.ant-form-item-has-warning .ant-input-group-addon{color:#faad14;border-color:#faad14}.ant-form-item-has-warning .has-feedback{color:#faad14}.ant-form-item-has-warning.ant-form-item-has-feedback .ant-form-item-children-icon{color:#faad14;animation-name:diffZoomIn3!important}.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector{background-color:#fff;border-color:#faad14!important}.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector,.ant-form-item-has-warning .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector{border-color:#ffc53d;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(250,173,20,.2)}.ant-form-item-has-warning .ant-input-number,.ant-form-item-has-warning .ant-picker{background-color:#fff;border-color:#faad14}.ant-form-item-has-warning .ant-input-number-focused,.ant-form-item-has-warning .ant-input-number:focus,.ant-form-item-has-warning .ant-picker-focused,.ant-form-item-has-warning .ant-picker:focus{border-color:#ffc53d;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(250,173,20,.2)}.ant-form-item-has-warning .ant-input-number:not([disabled]):hover,.ant-form-item-has-warning .ant-picker:not([disabled]):hover{background-color:#fff;border-color:#faad14}.ant-form-item-has-warning .ant-cascader-picker:focus .ant-cascader-input{border-color:#ffc53d;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(250,173,20,.2)}.ant-form-item-has-error .ant-form-item-split{color:#ff4d4f}.ant-form-item-has-error .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled),.ant-form-item-has-error .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover,.ant-form-item-has-error .ant-input:not(.ant-input-disabled),.ant-form-item-has-error .ant-input:not(.ant-input-disabled):hover{background-color:#fff;border-color:#ff4d4f}.ant-form-item-has-error .ant-calendar-picker-open .ant-calendar-picker-input,.ant-form-item-has-error .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled)-focused,.ant-form-item-has-error .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):focus,.ant-form-item-has-error .ant-input:not(.ant-input-disabled)-focused,.ant-form-item-has-error .ant-input:not(.ant-input-disabled):focus{border-color:#ff7875;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(255,77,79,.2)}.ant-form-item-has-error .ant-input-prefix{color:#ff4d4f}.ant-form-item-has-error .ant-input-group-addon{color:#ff4d4f;border-color:#ff4d4f}.ant-form-item-has-error .has-feedback{color:#ff4d4f}.ant-form-item-has-error.ant-form-item-has-feedback .ant-form-item-children-icon{color:#ff4d4f;animation-name:diffZoomIn2!important}.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input) .ant-select-selector{background-color:#fff;border-color:#ff4d4f!important}.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-focused .ant-select-selector,.ant-form-item-has-error .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input).ant-select-open .ant-select-selector{border-color:#ff7875;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(255,77,79,.2)}.ant-form-item-has-error .ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{background-color:inherit;border:0;box-shadow:none}.ant-form-item-has-error .ant-select.ant-select-auto-complete .ant-input:focus{border-color:#ff4d4f}.ant-form-item-has-error .ant-input-number,.ant-form-item-has-error .ant-picker{background-color:#fff;border-color:#ff4d4f}.ant-form-item-has-error .ant-input-number-focused,.ant-form-item-has-error .ant-input-number:focus,.ant-form-item-has-error .ant-picker-focused,.ant-form-item-has-error .ant-picker:focus{border-color:#ff7875;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(255,77,79,.2)}.ant-form-item-has-error .ant-input-number:not([disabled]):hover,.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor,.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover,.ant-form-item-has-error .ant-picker:not([disabled]):hover{background-color:#fff;border-color:#ff4d4f}.ant-form-item-has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus,.ant-form-item-has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor{border-color:#ff7875;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(255,77,79,.2)}.ant-form-item-has-error .ant-cascader-picker:hover .ant-cascader-picker-label:hover+.ant-cascader-input.ant-input{border-color:#ff4d4f}.ant-form-item-has-error .ant-cascader-picker:focus .ant-cascader-input{background-color:#fff;border-color:#ff7875;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(255,77,79,.2)}.ant-form-item-has-error .ant-transfer-list{border-color:#ff4d4f}.ant-form-item-has-error .ant-transfer-list-search:not([disabled]){border-color:#d9d9d9}.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover{border-color:#cf1322;border-right-width:1px!important}.ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):hover{border-right-width:0;border-left-width:1px!important}.ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus{border-color:#cf1322;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-form-item-has-error .ant-transfer-list-search:not([disabled]):focus{border-right-width:0;border-left-width:1px!important}.ant-form-item-has-error .ant-radio-button-wrapper{border-color:#ff4d4f!important}.ant-form-item-has-error .ant-radio-button-wrapper:not(:first-child)::before{background-color:#ff4d4f}.ant-form-item-is-validating.ant-form-item-has-feedback .ant-form-item-children-icon{display:inline-block;color:#F5222D}.ant-form{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum}.ant-form legend{display:block;width:100%;margin-bottom:20px;padding:0;color:rgba(0,0,0,.45);font-size:14px;line-height:inherit;border:0;border-bottom:1px solid #d9d9d9}.ant-form label{font-size:12px}.ant-form input[type=search]{box-sizing:border-box}.ant-form input[type=radio],.ant-form input[type=checkbox]{line-height:normal}.ant-form input[type=file]{display:block}.ant-form input[type=range]{display:block;width:100%}.ant-form select[multiple],.ant-form select[size]{height:auto}.ant-form input[type=radio]:focus,.ant-form input[type=checkbox]:focus,.ant-form input[type=file]:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.ant-form output{display:block;padding-top:15px;color:rgba(0,0,0,.85);font-size:12px;line-height:1.66667}.ant-form .ant-form-text{display:inline-block;padding-right:8px}.ant-form-small .ant-form-item-label>label{height:22px}.ant-form-small .ant-form-item-control-input{min-height:22px}.ant-form-large .ant-form-item-label>label{height:32px}.ant-form-large .ant-form-item-control-input{min-height:32px}.ant-form-item{box-sizing:border-box;margin:0 0 16px;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;vertical-align:top}.ant-form-item-with-help{margin-bottom:0}.ant-form-item-hidden,.ant-form-item-hidden.ant-row{display:none}.ant-form-item-label{display:inline-block;flex-grow:0;overflow:hidden;white-space:nowrap;text-align:right;vertical-align:middle}.ant-form-item-label-left,.ant-form-rtl .ant-form-item-label{text-align:left}.ant-form-item-label>label{position:relative;display:inline-flex;align-items:center;height:28px;color:rgba(0,0,0,.85);font-size:12px}.ant-form-item-label>label>.anticon{font-size:12px;vertical-align:top}.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before{display:inline-block;margin-right:4px;color:#ff4d4f;font-size:12px;font-family:SimSun,sans-serif;line-height:1;content:'*'}.ant-form-hide-required-mark .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before{display:none}.ant-form-item-label>label .ant-form-item-optional{display:inline-block;margin-left:0;color:rgba(0,0,0,.45)}.ant-form-hide-required-mark .ant-form-item-label>label .ant-form-item-optional{display:none}.ant-form-item-label>label .ant-form-item-tooltip{color:rgba(0,0,0,.45);cursor:help;writing-mode:horizontal-tb;margin-inline-start:0}.ant-form-item-label>label::after{content:':';position:relative;top:-.5px;margin:0 8px 0 2px}.ant-form-item-label>label.ant-form-item-no-colon::after,.ant-menu-submenu-popup::before{content:' '}.ant-form-item-control{display:flex;flex-direction:column;flex-grow:1}.ant-form-item-control:first-child:not([class^=ant-col-]):not([class*=' ant-col-']){width:100%}.ant-form-item-control-input{position:relative;display:flex;align-items:center;min-height:28px}.ant-form-item-control-input-content{flex:auto;max-width:100%}.ant-form-item-explain,.ant-form-item-extra{clear:both;min-height:16px;color:rgba(0,0,0,.45);font-size:12px;line-height:1.66667;transition:color .3s cubic-bezier(.215,.61,.355,1);margin-top:-2px;margin-bottom:-2px}.ant-form-item .ant-input-textarea-show-count::after{margin-bottom:-22px}.ant-show-help-appear,.ant-show-help-enter,.ant-show-help-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.ant-show-help-appear.ant-show-help-appear-active,.ant-show-help-enter.ant-show-help-enter-active{animation-name:antShowHelpIn;animation-play-state:running}.ant-show-help-leave.ant-show-help-leave-active{animation-name:antShowHelpOut;animation-play-state:running;pointer-events:none}.ant-show-help-appear,.ant-show-help-enter{opacity:0}@keyframes antShowHelpIn{0%{transform:translateY(-5px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes antShowHelpOut{to{transform:translateY(-5px);opacity:0}}@keyframes diffZoomIn1{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes diffZoomIn2{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes diffZoomIn3{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.ant-form-rtl .ant-form-item-label>label.ant-form-item-required::before{margin-right:0;margin-left:4px}.ant-form-rtl .ant-form-item-label>label::after{margin:0 2px 0 8px}.ant-form-rtl .ant-form-item-label>label .ant-form-item-optional{margin-right:0;margin-left:0}.ant-col-rtl .ant-form-item-control:first-child{width:100%}.ant-form-rtl .ant-form-item-has-feedback .ant-input{padding-right:7px;padding-left:24px}.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix{padding-right:7px;padding-left:18px}.ant-form-rtl .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input{padding:0}.ant-form-rtl .ant-form-item-has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix{right:auto;left:28px}.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-clear,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-clear,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-arrow,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-clear{left:32px;right:auto}.ant-form-rtl .ant-form-item-has-feedback .ant-input-number{padding-left:18px}.ant-form-rtl .ant-form-item-has-feedback :not(.ant-input-group-addon)>.ant-select .ant-select-selection-selected-value,.ant-form-rtl .ant-form-item-has-feedback>.ant-select .ant-select-selection-selected-value{padding-right:0;padding-left:42px}.ant-form-rtl .ant-form-item-has-feedback .ant-cascader-picker-arrow{margin-right:0;margin-left:19px}.ant-form-rtl .ant-form-item-has-feedback .ant-picker{padding-right:7px;padding-left:22.6px}.ant-form-rtl .ant-form-item-has-feedback .ant-picker-large{padding-right:11px;padding-left:26.6px}.ant-form-rtl .ant-form-item-has-feedback .ant-picker-small{padding-right:7px;padding-left:22.6px}.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-error .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-success .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-has-warning .ant-form-item-children-icon,.ant-form-rtl .ant-form-item-has-feedback.ant-form-item-is-validating .ant-form-item-children-icon{right:auto;left:0}.ant-form-rtl.ant-form-inline .ant-form-item{margin-right:0;margin-left:16px}.ant-list{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;position:relative}.ant-list *{outline:0}.ant-list-pagination{margin-top:16px;text-align:right}.ant-list-pagination .ant-pagination-options{text-align:left}.ant-list-more{margin-top:8px;text-align:center}.ant-list-more button{padding-right:32px;padding-left:32px}.ant-list-spin{min-height:40px;text-align:center}.ant-list-empty-text{padding:8px;color:rgba(0,0,0,.25);font-size:12px;text-align:center}.ant-list-items{margin:0;padding:0;list-style:none}.ant-list-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;color:rgba(0,0,0,.85)}.ant-list-item-meta{display:flex;flex:1;align-items:flex-start;max-width:100%}.ant-list-item-meta-avatar{margin-right:8px}.ant-list-item-meta-content{flex:1 0;width:0;color:rgba(0,0,0,.85)}.ant-list-item-meta-title{margin-bottom:4px;color:rgba(0,0,0,.85);font-size:12px;line-height:1.66667}.ant-list-item-meta-title>a{color:rgba(0,0,0,.85);transition:all .3s}.ant-list-item-meta-title>a:hover{color:#F5222D}.ant-list-item-meta-description{color:rgba(0,0,0,.45);font-size:12px;line-height:1.66667}.ant-list-item-action{flex:0 0 auto;margin-left:48px;padding:0;font-size:0;list-style:none}.ant-list-empty,.ant-list-item-action>li{font-size:12px;color:rgba(0,0,0,.45);text-align:center}.ant-list-item-action>li{position:relative;display:inline-block;padding:0 4px;line-height:1.66667}.ant-list-item-action>li:first-child{padding-left:0}.ant-list-item-action-split{position:absolute;top:50%;right:0;width:1px;height:14px;margin-top:-7px;background-color:#f0f0f0}.ant-list-footer,.ant-list-header{background:0 0;padding-top:8px;padding-bottom:8px}.ant-list-empty{padding:8px 0}.ant-list-split .ant-list-item:last-child{border-bottom:none}.ant-list-split .ant-list-header,.ant-list-split.ant-list-something-after-last-item .ant-spin-container>.ant-list-items>.ant-list-item:last-child{border-bottom:1px solid #f0f0f0}.ant-list-loading .ant-list-spin-nested-loading{min-height:32px}.ant-list-lg .ant-list-item{padding:12px 16px}.ant-list-sm .ant-list-item{padding:4px 12px}.ant-list-vertical .ant-list-item{align-items:initial}.ant-list-vertical .ant-list-item-main{display:block;flex:1}.ant-list-vertical .ant-list-item-extra{margin-left:40px}.ant-list-vertical .ant-list-item-meta{margin-bottom:8px}.ant-list-vertical .ant-list-item-meta-title{margin-bottom:8px;color:rgba(0,0,0,.85);font-size:14px;line-height:24px}.ant-menu-dark .ant-menu-item-danger.ant-menu-item,.ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,.ant-menu-dark .ant-menu-item-danger.ant-menu-item>a,.ant-menu-item-danger.ant-menu-item,.ant-menu-item-danger.ant-menu-item-active,.ant-menu-item-danger.ant-menu-item-selected,.ant-menu-item-danger.ant-menu-item-selected>a,.ant-menu-item-danger.ant-menu-item-selected>a:hover,.ant-menu-item-danger.ant-menu-item:hover{color:#ff4d4f}.ant-list-vertical .ant-list-item-action{margin-top:8px;margin-left:auto}.ant-list-vertical .ant-list-item-action>li{padding:0 8px}.ant-list-vertical .ant-list-item-action>li:first-child{padding-left:0}.ant-list-grid .ant-col>.ant-list-item{display:block;max-width:100%;margin-bottom:8px;padding-top:0;padding-bottom:0;border-bottom:none}.ant-list-item-no-flex{display:block}.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action{float:right}.ant-list-bordered{border:1px solid #d9d9d9;border-radius:2px}.ant-list-bordered .ant-list-footer,.ant-list-bordered .ant-list-header,.ant-list-bordered .ant-list-item{padding-right:16px;padding-left:16px}.ant-list-bordered .ant-list-pagination{margin:8px 16px}.ant-list-bordered.ant-list-sm .ant-list-footer,.ant-list-bordered.ant-list-sm .ant-list-header,.ant-list-bordered.ant-list-sm .ant-list-item{padding:4px 12px}.ant-list-bordered.ant-list-lg .ant-list-footer,.ant-list-bordered.ant-list-lg .ant-list-header,.ant-list-bordered.ant-list-lg .ant-list-item{padding:12px 16px}.ant-list-rtl .ant-list-vertical .ant-list-item-action>li:first-child,.ant-list.ant-list-rtl .ant-list-item-action>li:first-child{padding-right:0;padding-left:8px}@media screen and (max-width:768px){.ant-list-item-action,.ant-list-vertical .ant-list-item-extra{margin-left:24px}}@media screen and (max-width:576px){.ant-list-item{flex-wrap:wrap}.ant-list-item-action{margin-left:12px}.ant-list-vertical .ant-list-item{flex-wrap:wrap-reverse}.ant-list-vertical .ant-list-item-main{min-width:220px}.ant-list-vertical .ant-list-item-extra{margin:auto auto 16px}}.ant-list-rtl{text-align:right}.ant-list-rtl .ant-list-pagination,.ant-menu{text-align:left}.ant-list-rtl .ant-list-item-meta-avatar{margin-right:0;margin-left:8px}.ant-list-rtl .ant-list-item-action{margin-right:48px;margin-left:0}.ant-list-rtl .ant-list-item-action-split{right:auto;left:0}.ant-list-rtl.ant-list-vertical .ant-list-item-extra{margin-right:40px;margin-left:0}.ant-list-rtl.ant-list-vertical .ant-list-item-action{margin-right:auto}.ant-list-rtl .ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action{float:left}@media screen and (max-width:768px){.ant-list-rtl .ant-list-item-action,.ant-list-rtl .ant-list-vertical .ant-list-item-extra{margin-right:24px;margin-left:0}}@media screen and (max-width:576px){.ant-list-rtl .ant-list-item-action{margin-right:22px;margin-left:0}.ant-list-rtl.ant-list-vertical .ant-list-item-extra{margin:auto auto 16px}}.ant-menu,.ant-menu ol,.ant-menu ul{margin:0;padding:0;list-style:none}nz-list,nz-list nz-spin,nz-list-empty,nz-list-footer,nz-list-header,nz-list-item-extra,nz-list-pagination{display:block}.ant-menu::after,.ant-menu::before{display:table;content:''}.ant-menu-item-danger.ant-menu-item:active{background:#fff1f0}.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected{background-color:#fff1f0}.ant-menu-inline .ant-menu-item-danger.ant-menu-item::after{border-right-color:#ff4d4f}.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected{color:#fff;background-color:#ff4d4f}.ant-menu{box-sizing:border-box;font-variant:tabular-nums;font-feature-settings:tnum;color:rgba(0,0,0,.85);font-size:12px;line-height:0;background:#fff;outline:0;transition:background .3s,width .3s cubic-bezier(.2,0,0,1) 0s}.ant-menu::after{clear:both}.ant-menu.ant-menu-root:focus-visible{box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-menu-overflow{display:flex}.ant-menu-hidden,.ant-menu-submenu-hidden,.ant-menu-submenu-horizontal .ant-menu-submenu-arrow{display:none}.ant-menu-overflow-item{flex:none}.ant-menu-item-group-title{height:1.66667;padding:8px 16px;color:rgba(0,0,0,.45);font-size:12px;line-height:1.66667;transition:all .3s}.ant-menu-horizontal .ant-menu-submenu{transition:border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-submenu,.ant-menu-submenu-inline{transition:border-color .3s cubic-bezier(.645,.045,.355,1),background .3s cubic-bezier(.645,.045,.355,1),padding .15s cubic-bezier(.645,.045,.355,1)}.ant-menu-submenu-selected{color:#F5222D}.ant-menu-submenu .ant-menu-sub{cursor:initial;transition:background .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-item a{color:rgba(0,0,0,.85)}.ant-menu-item a:hover{color:#F5222D}.ant-menu-item a::before{position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;content:''}.ant-menu-item>.ant-badge a{color:rgba(0,0,0,.85)}.ant-menu-item-selected,.ant-menu-item-selected a,.ant-menu-item-selected a:hover,.ant-menu-item>.ant-badge a:hover{color:#F5222D}.ant-menu-item-divider{height:1px;overflow:hidden;line-height:0;background-color:#f0f0f0}.ant-menu-horizontal .ant-menu-item,.ant-menu-horizontal .ant-menu-submenu{margin-top:-1px}.ant-menu-horizontal>.ant-menu-item-active,.ant-menu-horizontal>.ant-menu-item:hover,.ant-menu-horizontal>.ant-menu-submenu .ant-menu-submenu-title:hover{background-color:transparent}.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{background-color:#e6f7ff}.ant-menu-inline,.ant-menu-vertical,.ant-menu-vertical-left{border-right:1px solid #f0f0f0}.ant-menu-vertical-right{border-left:1px solid #f0f0f0}.ant-menu-vertical-left.ant-menu-sub,.ant-menu-vertical-right.ant-menu-sub,.ant-menu-vertical.ant-menu-sub{min-width:160px;max-height:calc(100vh - 100px);padding:0;overflow:hidden;border-right:0}.ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),.ant-menu-vertical-right.ant-menu-sub:not([class*='-active']),.ant-menu-vertical.ant-menu-sub:not([class*='-active']){overflow-x:hidden;overflow-y:auto}.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,.ant-menu-vertical-right.ant-menu-sub .ant-menu-item,.ant-menu-vertical.ant-menu-sub .ant-menu-item{left:0;margin-left:0;border-right:0}.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after,.ant-menu-vertical.ant-menu-sub .ant-menu-item::after{border-right:0}.ant-menu-vertical-left.ant-menu-sub>.ant-menu-item,.ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu,.ant-menu-vertical-right.ant-menu-sub>.ant-menu-item,.ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu,.ant-menu-vertical.ant-menu-sub>.ant-menu-item,.ant-menu-vertical.ant-menu-sub>.ant-menu-submenu{transform-origin:0 0}.ant-menu-horizontal.ant-menu-sub{min-width:114px}.ant-menu-horizontal .ant-menu-item,.ant-menu-horizontal .ant-menu-submenu-title{transition:border-color .3s,background .3s}.ant-menu-item,.ant-menu-submenu-title{position:relative;display:block;margin:0;padding:0 12px;white-space:nowrap;cursor:pointer;transition:border-color .3s,background .3s,padding .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-item .ant-menu-item-icon,.ant-menu-item .anticon,.ant-menu-submenu-title .ant-menu-item-icon,.ant-menu-submenu-title .anticon{min-width:14px;font-size:12px;transition:font-size .15s cubic-bezier(.215,.61,.355,1),margin .3s cubic-bezier(.645,.045,.355,1),color .3s}.ant-menu-item .ant-menu-item-icon+span,.ant-menu-item .anticon+span,.ant-menu-submenu-title .ant-menu-item-icon+span,.ant-menu-submenu-title .anticon+span{margin-left:8px;opacity:1;transition:opacity .3s cubic-bezier(.645,.045,.355,1),margin .3s,color .3s}.ant-menu-submenu-arrow,.ant-menu-submenu-expand-icon,.ant-menu-submenu>.ant-menu-submenu-title::after{transition:transform .3s cubic-bezier(.645,.045,.355,1)}.ant-menu-item .ant-menu-item-icon.svg,.ant-menu-submenu-title .ant-menu-item-icon.svg{vertical-align:-.125em}.ant-menu-item.ant-menu-item-only-child>.ant-menu-item-icon,.ant-menu-item.ant-menu-item-only-child>.anticon,.ant-menu-submenu-title.ant-menu-item-only-child>.ant-menu-item-icon,.ant-menu-submenu-title.ant-menu-item-only-child>.anticon{margin-right:0}.ant-menu-item:focus-visible,.ant-menu-submenu-title:focus-visible{box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-menu>.ant-menu-item-divider{height:1px;margin:1px 0;padding:0;overflow:hidden;line-height:0;background-color:#f0f0f0}.ant-menu-submenu-popup{position:absolute;z-index:1050;background:0 0;border-radius:2px;box-shadow:none;transform-origin:0 0}.ant-menu-submenu-popup::before{position:absolute;top:-7px;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;opacity:.0001}.ant-menu-submenu-placement-rightTop::before{top:0;left:-7px}.ant-menu-submenu>.ant-menu{background-color:#fff;border-radius:2px}.ant-menu-submenu-popup>.ant-menu{background-color:#fff}.ant-menu-submenu-arrow,.ant-menu-submenu-expand-icon{position:absolute;top:50%;right:16px;width:10px;color:rgba(0,0,0,.85);transform:translateY(-50%)}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover,.ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-submenu:hover>.ant-menu-submenu-title>.ant-menu-submenu-expand-icon,.ant-menu-vertical .ant-menu-submenu-selected,.ant-menu-vertical-left .ant-menu-submenu-selected,.ant-menu-vertical-right .ant-menu-submenu-selected{color:#F5222D}.ant-menu-submenu-arrow::after,.ant-menu-submenu-arrow::before{position:absolute;width:6px;height:1.5px;background-color:currentColor;border-radius:2px;transition:background .3s cubic-bezier(.645,.045,.355,1),transform .3s cubic-bezier(.645,.045,.355,1),top .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1);content:''}.ant-menu-submenu-arrow::before{transform:rotate(45deg) translateY(-2.5px)}.ant-menu-submenu-arrow::after{transform:rotate(-45deg) translateY(2.5px)}.ant-menu-inline-collapsed .ant-menu-submenu-arrow::before,.ant-menu-submenu-inline .ant-menu-submenu-arrow::before{transform:rotate(-45deg) translateX(2.5px)}.ant-menu-inline-collapsed .ant-menu-submenu-arrow::after,.ant-menu-submenu-inline .ant-menu-submenu-arrow::after{transform:rotate(45deg) translateX(-2.5px)}.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow{transform:translateY(-2px)}.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after{transform:rotate(-45deg) translateX(-2.5px)}.ant-menu-submenu-open.ant-menu-submenu-inline>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before{transform:rotate(45deg) translateX(2.5px)}.ant-menu-horizontal{line-height:38px;border:0;border-bottom:1px solid #f0f0f0;box-shadow:none}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu{margin-top:-1px;margin-bottom:0;padding:0 12px}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active::after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open::after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected::after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover::after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active::after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open::after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected::after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover::after{border-bottom:2px solid #F5222D}.ant-menu-horizontal>.ant-menu-item,.ant-menu-horizontal>.ant-menu-submenu{position:relative;top:1px;display:inline-block;vertical-align:bottom}.ant-menu-horizontal>.ant-menu-item::after,.ant-menu-horizontal>.ant-menu-submenu::after{position:absolute;right:20px;bottom:0;left:20px;border-bottom:2px solid transparent;transition:border-color .3s cubic-bezier(.645,.045,.355,1);content:''}.ant-menu-horizontal>.ant-menu-submenu>.ant-menu-submenu-title{padding:0}.ant-menu-horizontal>.ant-menu-item a{color:rgba(0,0,0,.85)}.ant-menu-horizontal>.ant-menu-item a:hover,.ant-menu-horizontal>.ant-menu-item-selected a{color:#F5222D}.ant-menu-horizontal>.ant-menu-item a::before{bottom:-2px}.ant-menu-horizontal::after{display:block;clear:both;height:0;content:'\20'}.ant-menu-inline .ant-menu-item,.ant-menu-vertical .ant-menu-item,.ant-menu-vertical-left .ant-menu-item,.ant-menu-vertical-right .ant-menu-item{position:relative}.ant-menu-inline .ant-menu-item::after,.ant-menu-vertical .ant-menu-item::after,.ant-menu-vertical-left .ant-menu-item::after,.ant-menu-vertical-right .ant-menu-item::after{position:absolute;top:0;right:0;bottom:0;border-right:3px solid #F5222D;transform:scaleY(.0001);opacity:0;transition:transform .15s cubic-bezier(.215,.61,.355,1),opacity .15s cubic-bezier(.215,.61,.355,1);content:''}.ant-menu-inline .ant-menu-item,.ant-menu-inline .ant-menu-submenu-title,.ant-menu-vertical .ant-menu-item,.ant-menu-vertical .ant-menu-submenu-title,.ant-menu-vertical-left .ant-menu-item,.ant-menu-vertical-left .ant-menu-submenu-title,.ant-menu-vertical-right .ant-menu-item,.ant-menu-vertical-right .ant-menu-submenu-title{height:32px;margin-top:0;margin-bottom:0;padding:0 16px;overflow:hidden;line-height:32px;text-overflow:ellipsis}.ant-menu-inline .ant-menu-item-group-list .ant-menu-submenu-title,.ant-menu-inline .ant-menu-submenu-title,.ant-menu-vertical .ant-menu-item-group-list .ant-menu-submenu-title,.ant-menu-vertical .ant-menu-submenu-title{padding-right:34px}.ant-menu-inline .ant-menu-submenu,.ant-menu-vertical .ant-menu-submenu,.ant-menu-vertical-left .ant-menu-submenu,.ant-menu-vertical-right .ant-menu-submenu{padding-bottom:.02px}.ant-menu-inline .ant-menu-item:not(:last-child),.ant-menu-vertical .ant-menu-item:not(:last-child),.ant-menu-vertical-left .ant-menu-item:not(:last-child),.ant-menu-vertical-right .ant-menu-item:not(:last-child){margin-bottom:0}.ant-menu-inline>.ant-menu-item,.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical-left>.ant-menu-item,.ant-menu-vertical-left>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical-right>.ant-menu-item,.ant-menu-vertical-right>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu-vertical>.ant-menu-item,.ant-menu-vertical>.ant-menu-submenu>.ant-menu-submenu-title{height:32px;line-height:32px}.ant-menu-inline{width:100%}.ant-menu-inline .ant-menu-item-selected::after,.ant-menu-inline .ant-menu-selected::after{transform:scaleY(1);opacity:1;transition:transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1)}.ant-menu-inline .ant-menu-item,.ant-menu-inline .ant-menu-submenu-title{width:calc(100% + 1px)}.ant-menu-inline.ant-menu-root .ant-menu-item,.ant-menu-inline.ant-menu-root .ant-menu-submenu-title{display:flex;align-items:center;transition:border-color .3s,background .3s,padding .1s cubic-bezier(.215,.61,.355,1)}.ant-menu-inline.ant-menu-root .ant-menu-item>.ant-menu-title-content,.ant-menu-inline.ant-menu-root .ant-menu-submenu-title>.ant-menu-title-content{flex:auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.ant-menu-inline.ant-menu-root .ant-menu-item>*,.ant-menu-inline.ant-menu-root .ant-menu-submenu-title>*{flex:none}.ant-menu.ant-menu-inline-collapsed{width:80px}.ant-menu.ant-menu-inline-collapsed>.ant-menu-item,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title{left:0;padding:0 calc(50% - 14px / 2);text-overflow:clip}.ant-menu.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-submenu-arrow,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-submenu-arrow,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow{opacity:0}.ant-menu.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item .anticon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon{margin:0;font-size:14px;line-height:32px}.ant-menu.ant-menu-inline-collapsed>.ant-menu-item .ant-menu-item-icon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item .anticon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .ant-menu-item-icon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-item-icon+span,.ant-menu.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon+span{display:inline-block;opacity:0}.ant-menu.ant-menu-inline-collapsed .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed .anticon{display:inline-block}.ant-menu.ant-menu-inline-collapsed-tooltip{pointer-events:none}.ant-menu.ant-menu-inline-collapsed-tooltip .ant-menu-item-icon,.ant-menu.ant-menu-inline-collapsed-tooltip .anticon{display:none}.ant-menu.ant-menu-inline-collapsed-tooltip a{color:rgba(255,255,255,.85)}.ant-menu.ant-menu-inline-collapsed .ant-menu-item-group-title{padding-right:4px;padding-left:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-menu-item-group-list{margin:0;padding:0}.ant-menu-item-group-list .ant-menu-item,.ant-menu-item-group-list .ant-menu-submenu-title{padding:0 16px 0 28px}.ant-menu-root.ant-menu-inline,.ant-menu-root.ant-menu-vertical,.ant-menu-root.ant-menu-vertical-left,.ant-menu-root.ant-menu-vertical-right{box-shadow:none}.ant-menu-root.ant-menu-inline-collapsed .ant-menu-item>.ant-menu-inline-collapsed-noicon,.ant-menu-root.ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title>.ant-menu-inline-collapsed-noicon{font-size:14px;text-align:center}.ant-menu-rtl .ant-menu-item-group-title,.ant-menu-rtl.ant-menu-inline .ant-menu-item,.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title,.ant-menu-rtl.ant-menu-vertical .ant-menu-item,.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title,.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item,.ant-menu-rtl.ant-menu-vertical-left .ant-menu-submenu-title,.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item,.ant-menu-rtl.ant-menu-vertical-right .ant-menu-submenu-title,.ant-menu.ant-menu-rtl{text-align:right}.ant-menu-sub.ant-menu-inline{padding:0;background:#fafafa;border-radius:0;box-shadow:none}.ant-menu-sub.ant-menu-inline>.ant-menu-item,.ant-menu-sub.ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title{height:32px;line-height:32px;list-style-position:inside;list-style-type:disc}.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title{padding-left:32px}.ant-menu-item-disabled,.ant-menu-submenu-disabled{color:rgba(0,0,0,.25)!important;background:0 0;cursor:not-allowed}.ant-menu-item-disabled::after,.ant-menu-submenu-disabled::after{border-color:transparent!important}.ant-menu-item-disabled a,.ant-menu-submenu-disabled a{color:rgba(0,0,0,.25)!important;pointer-events:none}.ant-menu-item-disabled>.ant-menu-submenu-title,.ant-menu-submenu-disabled>.ant-menu-submenu-title{color:rgba(0,0,0,.25)!important;cursor:not-allowed}.ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before{background:rgba(0,0,0,.25)!important}.ant-layout-header .ant-menu{line-height:inherit}.ant-menu-light .ant-menu-item-active,.ant-menu-light .ant-menu-item:hover,.ant-menu-light .ant-menu-submenu-active,.ant-menu-light .ant-menu-submenu-title:hover,.ant-menu-light .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open{color:#F5222D}.ant-menu-dark .ant-menu-sub,.ant-menu.ant-menu-dark,.ant-menu.ant-menu-dark .ant-menu-sub{color:rgba(255,255,255,.65);background:#001529}.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow{opacity:.45;transition:all .3s}.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,.ant-menu.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before,.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before{background:#fff}.ant-menu-dark.ant-menu-submenu-popup{background:0 0}.ant-menu-dark .ant-menu-inline.ant-menu-sub{background:#000c17}.ant-menu-dark.ant-menu-horizontal{border-bottom:0}.ant-menu-dark.ant-menu-horizontal>.ant-menu-item,.ant-menu-dark.ant-menu-horizontal>.ant-menu-submenu{top:0;margin-top:0;padding:0 12px;border-color:#001529;border-bottom:0}.ant-menu-dark.ant-menu-horizontal>.ant-menu-item:hover{background-color:#F5222D}.ant-menu-dark.ant-menu-horizontal>.ant-menu-item>a::before{bottom:0}.ant-menu-dark .ant-menu-item,.ant-menu-dark .ant-menu-item-group-title,.ant-menu-dark .ant-menu-item>a,.ant-menu-dark .ant-menu-item>span>a{color:rgba(255,255,255,.65)}.ant-menu-dark.ant-menu-inline,.ant-menu-dark.ant-menu-vertical,.ant-menu-dark.ant-menu-vertical-left,.ant-menu-dark.ant-menu-vertical-right{border-right:0}.ant-menu-dark.ant-menu-inline .ant-menu-item,.ant-menu-dark.ant-menu-vertical .ant-menu-item,.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,.ant-menu-dark.ant-menu-vertical-right .ant-menu-item{left:0;margin-left:0;border-right:0}.ant-menu-dark.ant-menu-inline .ant-menu-item::after,.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after{border-right:0}.ant-menu-dark.ant-menu-inline .ant-menu-item,.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title{width:100%}.ant-menu-dark .ant-menu-item-active,.ant-menu-dark .ant-menu-item:hover,.ant-menu-dark .ant-menu-submenu-active,.ant-menu-dark .ant-menu-submenu-open,.ant-menu-dark .ant-menu-submenu-selected,.ant-menu-dark .ant-menu-submenu-title:hover{color:#fff;background-color:transparent}.ant-menu-dark .ant-menu-item-active>a,.ant-menu-dark .ant-menu-item-active>span>a,.ant-menu-dark .ant-menu-item:hover>a,.ant-menu-dark .ant-menu-item:hover>span>a,.ant-menu-dark .ant-menu-submenu-active>a,.ant-menu-dark .ant-menu-submenu-active>span>a,.ant-menu-dark .ant-menu-submenu-open>a,.ant-menu-dark .ant-menu-submenu-open>span>a,.ant-menu-dark .ant-menu-submenu-selected>a,.ant-menu-dark .ant-menu-submenu-selected>span>a,.ant-menu-dark .ant-menu-submenu-title:hover>a,.ant-menu-dark .ant-menu-submenu-title:hover>span>a{color:#fff}.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow{opacity:1}.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-item-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-item:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-active>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-selected>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-title:hover>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before{background:#fff}.ant-menu-dark .ant-menu-item:hover{background-color:transparent}.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected,.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected,.ant-menu.ant-menu-dark .ant-menu-item-selected{background-color:#F5222D}.ant-menu-dark .ant-menu-item-selected{color:#fff;border-right:0}.ant-menu-dark .ant-menu-item-selected::after{border-right:0}.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon+span,.ant-menu-dark .ant-menu-item-selected .anticon,.ant-menu-dark .ant-menu-item-selected .anticon+span,.ant-menu-dark .ant-menu-item-selected>a,.ant-menu-dark .ant-menu-item-selected>a:hover,.ant-menu-dark .ant-menu-item-selected>span>a,.ant-menu-dark .ant-menu-item-selected>span>a:hover{color:#fff}.ant-menu-dark .ant-menu-item-disabled,.ant-menu-dark .ant-menu-item-disabled>a,.ant-menu-dark .ant-menu-item-disabled>span>a,.ant-menu-dark .ant-menu-submenu-disabled,.ant-menu-dark .ant-menu-submenu-disabled>a,.ant-menu-dark .ant-menu-submenu-disabled>span>a{color:rgba(255,255,255,.35)!important;opacity:.8}.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title{color:rgba(255,255,255,.35)!important}.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-item-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::after,.ant-menu-dark .ant-menu-submenu-disabled>.ant-menu-submenu-title>.ant-menu-submenu-arrow::before{background:rgba(255,255,255,.35)!important}.ant-menu-rtl.ant-menu-inline,.ant-menu-rtl.ant-menu-vertical{border-right:none;border-left:1px solid #f0f0f0}.ant-menu-rtl.ant-menu-dark.ant-menu-inline,.ant-menu-rtl.ant-menu-dark.ant-menu-vertical{border-left:none}.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub>.ant-menu-item,.ant-menu-rtl.ant-menu-vertical-left.ant-menu-sub>.ant-menu-submenu,.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub>.ant-menu-item,.ant-menu-rtl.ant-menu-vertical-right.ant-menu-sub>.ant-menu-submenu,.ant-menu-rtl.ant-menu-vertical.ant-menu-sub>.ant-menu-item,.ant-menu-rtl.ant-menu-vertical.ant-menu-sub>.ant-menu-submenu{transform-origin:top right}.ant-menu-rtl .ant-menu-item .ant-menu-item-icon,.ant-menu-rtl .ant-menu-item .anticon,.ant-menu-rtl .ant-menu-submenu-title .ant-menu-item-icon,.ant-menu-rtl .ant-menu-submenu-title .anticon{margin-right:auto;margin-left:8px}.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child>.ant-menu-item-icon,.ant-menu-rtl .ant-menu-item.ant-menu-item-only-child>.anticon,.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child>.ant-menu-item-icon,.ant-menu-rtl .ant-menu-submenu-title.ant-menu-item-only-child>.anticon{margin-left:0}.ant-menu-submenu-rtl.ant-menu-submenu-popup{transform-origin:100% 0}.ant-menu-rtl .ant-menu-submenu-inline>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow,.ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow{right:auto;left:16px}.ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,.ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::before,.ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::before{transform:rotate(-45deg) translateY(-2px)}.ant-menu-rtl .ant-menu-submenu-vertical-left>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,.ant-menu-rtl .ant-menu-submenu-vertical-right>.ant-menu-submenu-title .ant-menu-submenu-arrow::after,.ant-menu-rtl .ant-menu-submenu-vertical>.ant-menu-submenu-title .ant-menu-submenu-arrow::after{transform:rotate(45deg) translateY(2px)}.ant-menu-rtl.ant-menu-inline .ant-menu-item::after,.ant-menu-rtl.ant-menu-vertical .ant-menu-item::after,.ant-menu-rtl.ant-menu-vertical-left .ant-menu-item::after,.ant-menu-rtl.ant-menu-vertical-right .ant-menu-item::after{right:auto;left:0}.ant-menu-rtl.ant-menu-inline .ant-menu-submenu-title{padding-right:0;padding-left:34px}.ant-menu-rtl.ant-menu-vertical .ant-menu-submenu-title{padding-right:16px;padding-left:34px}.ant-menu-rtl.ant-menu-inline-collapsed.ant-menu-vertical .ant-menu-submenu-title{padding:0 calc(50% - 14px / 2)}.ant-menu-rtl .ant-menu-item-group-list .ant-menu-item,.ant-menu-rtl .ant-menu-item-group-list .ant-menu-submenu-title{padding:0 28px 0 16px}.ant-menu-sub.ant-menu-inline{border:0}.ant-menu-rtl.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title{padding-right:32px;padding-left:0}.ant-mention-wrapper,.ant-mention-wrapper .ant-mention-editor{position:relative;color:rgba(0,0,0,.85);font-size:12px;padding:0;line-height:1.66667;width:100%}.ant-menu-submenu.ant-menu-submenu-placement-bottom{top:6px;position:relative}.ant-menu-submenu.ant-menu-submenu-placement-right{left:4px;position:relative}.ant-menu-submenu.ant-menu-submenu-placement-right.ant-menu-submenu-rtl{left:auto;right:4px}.ant-menu-submenu.ant-menu-submenu-placement-left{right:4px;position:relative}.ant-menu-submenu.ant-menu-submenu-placement-left.ant-menu-submenu-rtl{right:auto;left:4px}.ant-mention-wrapper{box-sizing:border-box;margin:0;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;display:inline-block;vertical-align:middle}.ant-mention-wrapper .ant-mention-editor{min-width:0;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s;display:block;height:auto;min-height:28px}.ant-mention-wrapper .ant-mention-editor::-moz-placeholder{opacity:1}.ant-mention-wrapper .ant-mention-editor::placeholder{color:#bfbfbf}.ant-mention-wrapper .ant-mention-editor:placeholder-shown{text-overflow:ellipsis}.ant-mention-wrapper .ant-mention-editor:hover{border-color:#cf1322;border-right-width:1px!important}.ant-input-rtl .ant-mention-wrapper .ant-mention-editor:hover{border-right-width:0;border-left-width:1px!important}.ant-mention-wrapper .ant-mention-editor-focused,.ant-mention-wrapper .ant-mention-editor:focus{border-color:#cf1322;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-mention-wrapper .ant-mention-editor-focused,.ant-input-rtl .ant-mention-wrapper .ant-mention-editor:focus{border-right-width:0;border-left-width:1px!important}.ant-mention-wrapper .ant-mention-editor-disabled:hover,.ant-mention-wrapper .ant-mention-editor[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-mention-wrapper .ant-mention-editor-disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:1;color:rgba(0,0,0,.25);pointer-events:none}.ant-mention-wrapper .ant-mention-editor[disabled]{background-color:#f5f5f5;cursor:not-allowed;opacity:1;color:rgba(0,0,0,.25);pointer-events:none}.ant-mention-wrapper .ant-mention-editor-borderless,.ant-mention-wrapper .ant-mention-editor-borderless-disabled,.ant-mention-wrapper .ant-mention-editor-borderless-focused,.ant-mention-wrapper .ant-mention-editor-borderless:focus,.ant-mention-wrapper .ant-mention-editor-borderless:hover,.ant-mention-wrapper .ant-mention-editor-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.ant-mention-wrapper .ant-mention-editor{max-width:100%;height:auto;min-height:28px;line-height:1.66667;vertical-align:bottom;transition:all .3s,height 0s}.ant-mention-wrapper .ant-mention-editor-lg{padding:3.4px 11px;font-size:14px}.ant-mention-dropdown,.ant-message{font-size:12px;font-variant:tabular-nums}.ant-mention-wrapper .ant-mention-editor-sm{padding:0 7px}.ant-mention-wrapper .ant-mention-editor-wrapper{height:auto;overflow-y:auto}.ant-mention-wrapper.ant-mention-active:not(.disabled) .ant-mention-editor{border-color:#cf1322;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-mention-dropdown,.ant-message-notice-content,.ant-modal-content,.ant-notification-notice{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-input-rtl .ant-mention-wrapper.ant-mention-active:not(.disabled) .ant-mention-editor{border-right-width:0;border-left-width:1px!important}.ant-mention-wrapper.disabled .ant-mention-editor{background-color:#f5f5f5;cursor:not-allowed;opacity:1;color:rgba(0,0,0,.25);pointer-events:none}.ant-mention-wrapper.disabled .ant-mention-editor:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-mention-wrapper .public-DraftEditorPlaceholder-root{position:absolute;pointer-events:none}.ant-mention-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner{height:auto;padding:5px 7px;color:#bfbfbf;white-space:pre-wrap;word-wrap:break-word;outline:0;opacity:1}.ant-mention-wrapper .DraftEditor-editorContainer .public-DraftEditor-content{height:auto;padding:5px 7px}.ant-mention-dropdown{box-sizing:border-box;margin:1.5em 0 0;padding:0;color:rgba(0,0,0,.85);line-height:1.66667;list-style:none;font-feature-settings:tnum;z-index:1050;min-width:120px;max-height:250px;overflow-x:hidden;overflow-y:auto;background-color:#fff;border-radius:2px;outline:0}.ant-mention-dropdown-placement-top{margin-top:-.1em}.ant-mention-dropdown-notfound.ant-mention-dropdown-item{color:rgba(0,0,0,.25)}.ant-mention-dropdown-notfound.ant-mention-dropdown-item .anticon-loading{display:block;color:#F5222D;text-align:center}.ant-mention-dropdown-item{position:relative;display:block;padding:5px 8px;overflow:hidden;color:rgba(0,0,0,.85);font-weight:400;line-height:22px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:background .3s}.ant-mention-dropdown-item:hover{background-color:#f5f5f5}.ant-mention-dropdown-item-active,.ant-mention-dropdown-item.focus{background-color:#e6f7ff}.ant-mention-dropdown-item-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-mention-dropdown-item-disabled:hover{color:rgba(0,0,0,.25);background-color:#fff;cursor:not-allowed}.ant-mention-dropdown-item-selected,.ant-mention-dropdown-item-selected:hover{color:rgba(0,0,0,.85);font-weight:700;background-color:#f5f5f5}.ant-mention-dropdown-item-divider{height:1px;margin:1px 0;overflow:hidden;line-height:0;background-color:#f0f0f0}.ant-message,.ant-modal{line-height:1.66667;list-style:none;font-feature-settings:tnum;box-sizing:border-box}.ant-mention-dropdown{top:100%;left:0;position:relative;width:100%;margin-top:4px;margin-bottom:4px}.ant-message{margin:0;padding:0;color:rgba(0,0,0,.85);position:fixed;top:8px;left:0;z-index:1010;width:100%;pointer-events:none}.ant-message-notice{padding:8px;text-align:center}.ant-message-notice-content{display:inline-block;padding:8px 16px;background:#fff;border-radius:2px;pointer-events:all}.ant-message-success .anticon{color:#52c41a}.ant-message-error .anticon{color:#ff4d4f}.ant-message-warning .anticon{color:#faad14}.ant-message-info .anticon,.ant-message-loading .anticon{color:#F5222D}.ant-message .anticon{position:relative;top:1px;margin-right:8px;font-size:14px}.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active{animation-name:MessageMoveOut;animation-duration:.3s}@keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}100%{max-height:0;padding:0;opacity:0}}.ant-message-rtl .anticon{margin-right:0;margin-left:8px}.ant-modal{padding:0 0 24px;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;pointer-events:none;position:relative;top:100px;max-width:calc(100vw - 32px);margin:0 auto}.ant-modal.ant-zoom-enter,.ant-modal.antzoom-appear{transform:none;opacity:0;animation-duration:.3s;user-select:none}.ant-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:rgba(0,0,0,.45)}.ant-modal-mask-hidden{display:none}.ant-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;z-index:1000}.ant-modal-title{margin:0;color:rgba(0,0,0,.85);font-weight:500;font-size:14px;line-height:22px;word-wrap:break-word}.ant-modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:0;border-radius:2px;pointer-events:auto}.ant-modal-close{position:absolute;top:0;right:0;z-index:10;padding:0;color:rgba(0,0,0,.45);font-weight:700;line-height:1;text-decoration:none;background:0 0;border:0;outline:0;cursor:pointer;transition:color .3s}.ant-modal-close-x{display:block;width:44px;height:44px;font-size:14px;font-style:normal;line-height:44px;text-align:center;text-transform:none;text-rendering:auto}.ant-modal-close:focus,.ant-modal-close:hover{color:rgba(0,0,0,.75);text-decoration:none}.ant-modal-header{padding:11px 16px;color:rgba(0,0,0,.85);background:#fff;border-bottom:1px solid #f0f0f0;border-radius:2px 2px 0 0}.ant-modal-body{padding:16px;font-size:12px;line-height:1.66667;word-wrap:break-word}.ant-modal-footer{padding:8px 16px;text-align:right;background:0 0;border-top:1px solid #f0f0f0;border-radius:0 0 2px 2px}.ant-modal-footer .ant-btn+.ant-btn:not(.ant-dropdown-trigger){margin-bottom:0;margin-left:8px}.ant-modal-open{overflow:hidden}.ant-modal-centered{text-align:center}.ant-modal-centered::before{display:inline-block;width:0;height:100%;vertical-align:middle;content:''}.ant-modal-centered .ant-modal{top:0;display:inline-block;text-align:left;vertical-align:middle}@media (max-width:767px){.ant-modal{max-width:calc(100vw - 16px);margin:8px auto}.ant-modal-centered .ant-modal{flex:1}}.ant-modal-confirm .ant-modal-header{display:none}.ant-modal-confirm-body-wrapper::after,.ant-modal-confirm-body-wrapper::before{display:table;content:''}.ant-modal-confirm .ant-modal-body{padding:24px 24px 16px}.ant-modal-confirm-body-wrapper::after{clear:both}.ant-modal-confirm-body .ant-modal-confirm-title{display:block;overflow:hidden;color:rgba(0,0,0,.85);font-weight:500;font-size:14px;line-height:1.4}.ant-modal-confirm-body .ant-modal-confirm-content{margin-top:8px;color:rgba(0,0,0,.85);font-size:12px}.ant-modal-confirm-body>.anticon{float:left;margin-right:16px;font-size:22px}.ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content{margin-left:38px}.ant-modal-confirm .ant-modal-confirm-btns{float:right;margin-top:24px}.ant-modal-confirm .ant-modal-confirm-btns .ant-btn+.ant-btn{margin-bottom:0;margin-left:8px}.ant-modal-confirm-error .ant-modal-confirm-body>.anticon{color:#ff4d4f}.ant-modal-confirm-confirm .ant-modal-confirm-body>.anticon,.ant-modal-confirm-warning .ant-modal-confirm-body>.anticon{color:#faad14}.ant-modal-confirm-info .ant-modal-confirm-body>.anticon{color:#F5222D}.ant-modal-confirm-success .ant-modal-confirm-body>.anticon{color:#52c41a}.ant-modal-wrap-rtl .ant-modal-close{right:initial;left:0}.ant-modal-wrap-rtl .ant-modal-footer{text-align:left}.ant-modal-wrap-rtl .ant-modal-footer .ant-btn+.ant-btn{margin-right:8px;margin-left:0}.ant-modal-wrap-rtl .ant-modal-confirm-body>.anticon{float:right;margin-right:0;margin-left:16px}.ant-modal-wrap-rtl .ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content{margin-right:38px;margin-left:0}.ant-modal-wrap-rtl .ant-modal-confirm-btns{float:left}.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn+.ant-btn{margin-right:8px;margin-left:0}.ant-modal-wrap-rtl.ant-modal-centered .ant-modal{text-align:right}.ant-notification{box-sizing:border-box;margin:0 24px 0 0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;position:fixed;z-index:1010}.ant-notification-bottomLeft,.ant-notification-topLeft{margin-right:0;margin-left:24px}.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active{animation-name:NotificationLeftFadeIn}.ant-notification-close-icon{font-size:12px;cursor:pointer}.ant-notification-hook-holder{position:relative}.ant-notification-notice{position:relative;width:384px;max-width:calc(100vw - 24px * 2);margin-bottom:16px;margin-left:auto;padding:12px 16px;overflow:hidden;line-height:1.66667;word-wrap:break-word;background:#fff;border-radius:2px}.ant-notification-bottomLeft .ant-notification-notice,.ant-notification-topLeft .ant-notification-notice{margin-right:auto;margin-left:0}.ant-notification-notice-message{margin-bottom:8px;color:rgba(0,0,0,.85);font-size:14px;line-height:24px}.ant-notification-notice-message-single-line-auto-margin{display:block;width:calc(384px - 16px * 2 - 24px - 48px - 100%);max-width:4px;background-color:transparent;pointer-events:none}.ant-notification-notice-message-single-line-auto-margin::before{display:block;content:''}.ant-notification-notice-description{font-size:12px}.ant-notification-notice-closable .ant-notification-notice-message{padding-right:24px}.ant-notification-notice-with-icon .ant-notification-notice-message{margin-bottom:4px;margin-left:48px;font-size:14px}.ant-notification-notice-with-icon .ant-notification-notice-description{margin-left:48px;font-size:12px}.ant-notification-notice-icon{position:absolute;margin-left:4px;font-size:24px;line-height:24px}.anticon.ant-notification-notice-icon-success{color:#52c41a}.anticon.ant-notification-notice-icon-info{color:#F5222D}.anticon.ant-notification-notice-icon-warning{color:#faad14}.anticon.ant-notification-notice-icon-error{color:#ff4d4f}.ant-notification-notice-close{position:absolute;top:16px;right:22px;color:rgba(0,0,0,.45);outline:0}.ant-page-header,.ant-pagination-jump-next .ant-pagination-item-container,.ant-pagination-jump-prev .ant-pagination-item-container{position:relative}.ant-notification-notice-close:hover{color:rgba(0,0,0,.67)}.ant-notification-notice-btn{float:right;margin-top:16px}.ant-notification .notification-fade-effect{animation-duration:.24s;animation-fill-mode:both}.ant-notification-fade-appear,.ant-notification-fade-enter{animation-duration:.24s;animation-fill-mode:both;opacity:0;animation-play-state:paused}.ant-notification-fade-leave{animation-fill-mode:both;animation-duration:.2s;animation-play-state:paused}.ant-notification-fade-appear.ant-notification-fade-appear-active,.ant-notification-fade-enter.ant-notification-fade-enter-active{animation-name:NotificationFadeIn;animation-play-state:running}.ant-notification-fade-leave.ant-notification-fade-leave-active{animation-name:NotificationFadeOut;animation-play-state:running}@keyframes NotificationFadeIn{0%{left:384px;opacity:0}100%{left:0;opacity:1}}@keyframes NotificationLeftFadeIn{0%{right:384px;opacity:0}100%{right:0;opacity:1}}@keyframes NotificationFadeOut{0%{max-height:150px;margin-bottom:16px;opacity:1}100%{max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0}}.ant-notification-rtl .ant-notification-notice-closable .ant-notification-notice-message{padding-right:0;padding-left:24px}.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-description,.ant-notification-rtl .ant-notification-notice-with-icon .ant-notification-notice-message{margin-right:48px;margin-left:0}.ant-notification-rtl .ant-notification-notice-icon{margin-right:4px;margin-left:0}.ant-notification-rtl .ant-notification-notice-close{right:auto;left:22px}.ant-notification-rtl .ant-notification-notice-btn{float:left}.ant-page-header{box-sizing:border-box;margin:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;padding:8px 8px 16px 0;background-color:#fff}.ant-page-header-content,.ant-page-header.has-breadcrumb{padding-top:8px}.ant-page-header-ghost{background-color:inherit}.ant-page-header.has-footer{padding-bottom:0}.ant-page-header-back{margin-right:8px;font-size:16px;line-height:1}.ant-page-header-back-button{text-decoration:none;outline:0;transition:color .3s;color:#000;cursor:pointer}.ant-page-header-back-button:focus,.ant-page-header-back-button:hover{color:#cf1322}.ant-page-header-back-button:active{color:#cf1322}.ant-page-header .ant-divider-vertical{height:14px;margin:0 8px;vertical-align:middle}.ant-breadcrumb+.ant-page-header-heading{margin-top:4px}.ant-page-header-heading{display:flex}.ant-page-header-heading-left{display:flex;align-items:center;margin:2px 0;overflow:hidden}.ant-page-header-heading-title{margin-right:8px;margin-bottom:0;color:rgba(0,0,0,.85);font-weight:600;font-size:16px;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-page-header-heading .ant-avatar{margin-right:8px}.ant-page-header-heading-sub-title{margin-right:8px;color:rgba(0,0,0,.45);font-size:12px;line-height:1.66667;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-page-header-heading-extra{margin:2px 0;white-space:nowrap}.ant-page-header-heading-extra>*{margin-left:8px;white-space:unset}.ant-page-header-heading-extra>:first-child{margin-left:0}.ant-page-header-footer{margin-top:8px}.ant-page-header-footer .ant-tabs>.ant-tabs-nav{margin:0}.ant-page-header-footer .ant-tabs>.ant-tabs-nav::before{border:none}.ant-page-header-footer .ant-tabs .ant-tabs-tab{padding-top:4px;padding-bottom:4px;font-size:14px}.ant-page-header-compact .ant-page-header-heading{flex-wrap:wrap}.ant-page-header-rtl .ant-page-header-back{float:right;margin-right:0;margin-left:16px}.ant-page-header-rtl .ant-page-header-heading .ant-avatar,.ant-page-header-rtl .ant-page-header-heading-title{margin-right:0;margin-left:8px}.ant-page-header-rtl .ant-page-header-heading-sub-title{float:right;margin-right:0;margin-left:12px}.ant-page-header-rtl .ant-page-header-heading-tags{float:right}.ant-page-header-rtl .ant-page-header-heading-extra{float:left}.ant-page-header-rtl .ant-page-header-heading-extra>*{margin-right:8px;margin-left:0}.ant-pagination,.ant-pagination ol,.ant-pagination ul{margin:0;list-style:none;padding:0}.ant-page-header-rtl .ant-page-header-heading-extra>:first-child{margin-right:0}.ant-page-header-rtl .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav{float:right}.ant-page-header-back-button{border:0;background:0 0;padding:0;line-height:inherit;display:inline-block}nz-page-header,nz-page-header-content,nz-page-header-footer{display:block}.ant-pagination{box-sizing:border-box;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;font-feature-settings:tnum}.ant-pagination::after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:' '}.ant-pagination-item,.ant-pagination-total-text{display:inline-block;margin-right:8px;line-height:26px}.ant-pagination-total-text{height:28px;vertical-align:middle}.ant-pagination-item{min-width:28px;height:28px;text-align:center;vertical-align:middle;list-style:none;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;outline:0;cursor:pointer;user-select:none}.ant-pagination-item a{display:block;padding:0 6px;color:rgba(0,0,0,.85);transition:none}.ant-pagination-item-active a,.ant-pagination-item:focus-visible a,.ant-pagination-item:hover a{color:#F5222D}.ant-pagination-item a:hover{text-decoration:none}.ant-pagination-item:focus-visible,.ant-pagination-item:hover{border-color:#F5222D;transition:all .3s}.ant-pagination-item-active{font-weight:500;background:#fff;border-color:#F5222D}.ant-pagination-item-active:focus-visible,.ant-pagination-item-active:hover,.ant-pagination-next:hover button,.ant-pagination-prev:hover button{border-color:#cf1322}.ant-pagination-item-active:focus-visible a,.ant-pagination-item-active:hover a{color:#cf1322}.ant-pagination-jump-next,.ant-pagination-jump-prev{outline:0}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon{color:#F5222D;font-size:12px;letter-spacing:-1px;opacity:0;transition:all .2s}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg{top:0;right:0;bottom:0;left:0;margin:auto}.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis,.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:auto;color:rgba(0,0,0,.25);font-family:Arial,Helvetica,sans-serif;letter-spacing:2px;text-align:center;text-indent:.13em;opacity:1;transition:all .2s}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-next,.ant-pagination-prev,.ant-select-multiple .ant-select-selection-search-input,.ant-select-multiple .ant-select-selection-search-mirror,.ant-statistic-content,.ant-steps-item-icon{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}.ant-pagination-jump-next:focus-visible .ant-pagination-item-link-icon,.ant-pagination-jump-next:hover .ant-pagination-item-link-icon,.ant-pagination-jump-prev:focus-visible .ant-pagination-item-link-icon,.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon{opacity:1}.ant-pagination-jump-next:focus-visible .ant-pagination-item-ellipsis,.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis,.ant-pagination-jump-prev:focus-visible .ant-pagination-item-ellipsis,.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,.ant-pagination.ant-pagination-disabled .ant-pagination-item-link-icon{opacity:0}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-prev{margin-right:8px}.ant-pagination-jump-next,.ant-pagination-jump-prev,.ant-pagination-next,.ant-pagination-prev{display:inline-block;min-width:28px;height:28px;color:rgba(0,0,0,.85);line-height:28px;text-align:center;vertical-align:middle;list-style:none;border-radius:2px;cursor:pointer;transition:all .3s}.ant-pagination-next,.ant-pagination-prev{font-family:Arial,Helvetica,sans-serif;outline:0}.ant-pagination-next button,.ant-pagination-prev button{color:rgba(0,0,0,.85);cursor:pointer;user-select:none}.ant-pagination-next .ant-pagination-item-link,.ant-pagination-prev .ant-pagination-item-link{display:block;width:100%;height:100%;padding:0;font-size:12px;text-align:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;outline:0;transition:all .3s}.ant-pagination-next:focus-visible .ant-pagination-item-link,.ant-pagination-next:hover .ant-pagination-item-link,.ant-pagination-prev:focus-visible .ant-pagination-item-link,.ant-pagination-prev:hover .ant-pagination-item-link{color:#F5222D;border-color:#F5222D}.ant-pagination-disabled,.ant-pagination-disabled:focus-visible,.ant-pagination-disabled:hover{cursor:not-allowed}.ant-pagination-disabled .ant-pagination-item-link,.ant-pagination-disabled:focus-visible .ant-pagination-item-link,.ant-pagination-disabled:hover .ant-pagination-item-link{color:rgba(0,0,0,.25);border-color:#d9d9d9;cursor:not-allowed}.ant-pagination-slash{margin:0 10px 0 5px}.ant-pagination-options{display:inline-block;margin-left:16px;vertical-align:middle}@media all and (-ms-high-contrast:none){.ant-pagination-options,.ant-pagination-options ::-ms-backdrop{vertical-align:top}}.ant-pagination-options-size-changer.ant-select{display:inline-block;width:auto}.ant-pagination-options-quick-jumper{display:inline-block;height:28px;margin-left:4px;line-height:28px;vertical-align:top}.ant-pagination-options-quick-jumper input{position:relative;display:inline-block;min-width:0;padding:3px 7px;color:rgba(0,0,0,.85);font-size:12px;line-height:1.66667;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s;width:50px;height:28px;margin:0 8px}.ant-pagination-options-quick-jumper input::-moz-placeholder{opacity:1}.ant-pagination-options-quick-jumper input::placeholder{color:#bfbfbf}.ant-pagination-options-quick-jumper input:placeholder-shown{text-overflow:ellipsis}.ant-pagination-options-quick-jumper input:hover{border-color:#cf1322;border-right-width:1px!important}.ant-input-rtl .ant-pagination-options-quick-jumper input:hover{border-right-width:0;border-left-width:1px!important}.ant-pagination-options-quick-jumper input-focused,.ant-pagination-options-quick-jumper input:focus{border-color:#cf1322;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-pagination-options-quick-jumper input-focused,.ant-input-rtl .ant-pagination-options-quick-jumper input:focus{border-right-width:0;border-left-width:1px!important}.ant-pagination-options-quick-jumper input-disabled:hover,.ant-pagination-options-quick-jumper input[disabled]:hover{border-color:#d9d9d9;border-right-width:1px!important}.ant-pagination-options-quick-jumper input-disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:1;color:rgba(0,0,0,.25);pointer-events:none}.ant-pagination-options-quick-jumper input[disabled]{background-color:#f5f5f5;cursor:not-allowed;opacity:1;color:rgba(0,0,0,.25);pointer-events:none}.ant-pagination-options-quick-jumper input-borderless,.ant-pagination-options-quick-jumper input-borderless-disabled,.ant-pagination-options-quick-jumper input-borderless-focused,.ant-pagination-options-quick-jumper input-borderless:focus,.ant-pagination-options-quick-jumper input-borderless:hover,.ant-pagination-options-quick-jumper input-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}.ant-popover-inner,.ant-select-dropdown{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}textarea.ant-pagination-options-quick-jumper input{max-width:100%;height:auto;min-height:28px;line-height:1.66667;vertical-align:bottom;transition:all .3s,height 0s}.ant-pagination-options-quick-jumper input-lg{padding:3.4px 11px;font-size:14px}.ant-pagination-options-quick-jumper input-sm{padding:0 7px}.ant-pagination-simple .ant-pagination-next,.ant-pagination-simple .ant-pagination-prev{height:22px;line-height:22px;vertical-align:top}.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link,.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link{height:22px;background-color:transparent;border:0}.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after,.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after{height:22px;line-height:22px}.ant-pagination-simple .ant-pagination-simple-pager{display:inline-block;height:22px;margin-right:8px}.ant-pagination-simple .ant-pagination-simple-pager input{box-sizing:border-box;height:100%;margin-right:8px;padding:0 6px;text-align:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;outline:0;transition:border-color .3s}.ant-pagination-simple .ant-pagination-simple-pager input:hover{border-color:#F5222D}.ant-pagination-simple .ant-pagination-simple-pager input[disabled]{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active),.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link,.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link{background:0 0;border-color:transparent}.ant-pagination.mini .ant-pagination-simple-pager,.ant-pagination.mini .ant-pagination-total-text{height:22px;line-height:22px}.ant-pagination.mini .ant-pagination-item{min-width:22px;height:22px;margin:0;line-height:20px}.ant-pagination.mini .ant-pagination-next,.ant-pagination.mini .ant-pagination-prev{min-width:22px;height:22px;margin:0;line-height:22px}.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after,.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after{height:22px;line-height:22px}.ant-pagination.mini .ant-pagination-jump-next,.ant-pagination.mini .ant-pagination-jump-prev{height:22px;margin-right:0;line-height:22px}.ant-pagination.mini .ant-pagination-options{margin-left:2px}.ant-pagination.mini .ant-pagination-options-size-changer{top:1px}.ant-pagination.mini .ant-pagination-options-quick-jumper{height:22px;line-height:22px}.ant-popover,.ant-progress{line-height:1.66667;font-size:12px;box-sizing:border-box;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum}.ant-pagination.mini .ant-pagination-options-quick-jumper input{padding:0 7px;width:44px;height:22px}.ant-pagination.ant-pagination-disabled{cursor:not-allowed}.ant-pagination.ant-pagination-disabled .ant-pagination-item{background:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.ant-pagination.ant-pagination-disabled .ant-pagination-item a{color:rgba(0,0,0,.25);background:0 0;border:none;cursor:not-allowed}.ant-pagination.ant-pagination-disabled .ant-pagination-item-active{background:#dbdbdb;border-color:transparent}.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a{color:#fff}.ant-pagination.ant-pagination-disabled .ant-pagination-item-link{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.ant-pagination-simple.ant-pagination.ant-pagination-disabled .ant-pagination-item-link{background:0 0}.ant-pagination.ant-pagination-disabled .ant-pagination-item-ellipsis{opacity:1}.ant-pagination.ant-pagination-disabled .ant-pagination-simple-pager{color:rgba(0,0,0,.25)}@media only screen and (max-width:992px){.ant-pagination-item-after-jump-prev,.ant-pagination-item-before-jump-next{display:none}}@media only screen and (max-width:576px){.ant-pagination-options{display:none}}.ant-pagination-rtl .ant-pagination-item,.ant-pagination-rtl .ant-pagination-jump-next,.ant-pagination-rtl .ant-pagination-jump-prev,.ant-pagination-rtl .ant-pagination-prev,.ant-pagination-rtl .ant-pagination-total-text{margin-right:0;margin-left:8px}.ant-pagination-rtl .ant-pagination-slash{margin:0 5px 0 10px}.ant-pagination-rtl .ant-pagination-options{margin-right:16px;margin-left:0}.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-size-changer.ant-select{margin-right:0;margin-left:8px}.ant-pagination-rtl .ant-pagination-options .ant-pagination-options-quick-jumper{margin-left:0}.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager,.ant-pagination-rtl.ant-pagination-simple .ant-pagination-simple-pager input{margin-right:0;margin-left:8px}.ant-pagination-rtl.ant-pagination.mini .ant-pagination-options{margin-right:2px;margin-left:0}nz-pagination{display:block}.ant-popover-hidden,.ant-radio+span:empty{display:none}.ant-popover{margin:0;padding:0;color:rgba(0,0,0,.85);top:0;left:0;z-index:1030;font-weight:400;white-space:normal;text-align:left;cursor:auto;user-select:text}.ant-popover::after{position:absolute;background:rgba(255,255,255,.01);content:''}.ant-popover-placement-top,.ant-popover-placement-topLeft,.ant-popover-placement-topRight{padding-bottom:10px}.ant-popover-placement-right,.ant-popover-placement-rightBottom,.ant-popover-placement-rightTop{padding-left:10px}.ant-popover-placement-bottom,.ant-popover-placement-bottomLeft,.ant-popover-placement-bottomRight{padding-top:10px}.ant-popover-placement-left,.ant-popover-placement-leftBottom,.ant-popover-placement-leftTop{padding-right:10px}.ant-popover-inner{background-color:#fff;background-clip:padding-box;border-radius:2px;box-shadow:0 0 8px rgba(0,0,0,.15)\9}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ant-popover-inner{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}}.ant-popover-title{min-width:177px;min-height:28px;margin:0;padding:5px 12px 4px;color:rgba(0,0,0,.85);font-weight:500;border-bottom:1px solid #f0f0f0}.ant-popover-inner-content{padding:8px 12px;color:rgba(0,0,0,.85)}.ant-popover-message{position:relative;padding:4px 0 12px;color:rgba(0,0,0,.85);font-size:12px}.ant-popover-message>.anticon{position:absolute;top:8px;color:#faad14;font-size:12px}.ant-popover-message-title{padding-left:20px}.ant-popover-buttons{margin-bottom:4px;text-align:right}.ant-popover-buttons button{margin-left:8px}.ant-popover-arrow{position:absolute;display:block;width:8.49px;height:8.49px;overflow:hidden;background:0 0;pointer-events:none}.ant-popover-arrow-content{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:6px;height:6px;margin:auto;background-color:#fff;content:'';pointer-events:auto}.ant-progress,.ant-progress-steps{display:inline-block}.ant-popover-placement-top .ant-popover-arrow,.ant-popover-placement-topLeft .ant-popover-arrow,.ant-popover-placement-topRight .ant-popover-arrow{bottom:1.51px}.ant-popover-placement-top .ant-popover-arrow-content,.ant-popover-placement-topLeft .ant-popover-arrow-content,.ant-popover-placement-topRight .ant-popover-arrow-content{box-shadow:3px 3px 7px rgba(0,0,0,.07);transform:translateY(-4.24px) rotate(45deg)}.ant-popover-placement-top .ant-popover-arrow{left:50%;transform:translateX(-50%)}.ant-popover-placement-topLeft .ant-popover-arrow{left:16px}.ant-popover-placement-topRight .ant-popover-arrow{right:16px}.ant-popover-placement-right .ant-popover-arrow,.ant-popover-placement-rightBottom .ant-popover-arrow,.ant-popover-placement-rightTop .ant-popover-arrow{left:1.51px}.ant-popover-placement-right .ant-popover-arrow-content,.ant-popover-placement-rightBottom .ant-popover-arrow-content,.ant-popover-placement-rightTop .ant-popover-arrow-content{box-shadow:-3px 3px 7px rgba(0,0,0,.07);transform:translateX(4.24px) rotate(45deg)}.ant-popover-placement-right .ant-popover-arrow{top:50%;transform:translateY(-50%)}.ant-popover-placement-rightTop .ant-popover-arrow{top:12px}.ant-popover-placement-bottom .ant-popover-arrow,.ant-popover-placement-bottomLeft .ant-popover-arrow,.ant-popover-placement-bottomRight .ant-popover-arrow{top:1.51px}.ant-popover-placement-bottom .ant-popover-arrow-content,.ant-popover-placement-bottomLeft .ant-popover-arrow-content,.ant-popover-placement-bottomRight .ant-popover-arrow-content{box-shadow:-2px -2px 5px rgba(0,0,0,.06);transform:translateY(4.24px) rotate(45deg)}.ant-popover-placement-bottom .ant-popover-arrow{left:50%;transform:translateX(-50%)}.ant-popover-placement-bottomLeft .ant-popover-arrow{left:16px}.ant-popover-placement-bottomRight .ant-popover-arrow{right:16px}.ant-popover-placement-left .ant-popover-arrow,.ant-popover-placement-leftBottom .ant-popover-arrow,.ant-popover-placement-leftTop .ant-popover-arrow{right:1.51px}.ant-popover-placement-left .ant-popover-arrow-content,.ant-popover-placement-leftBottom .ant-popover-arrow-content,.ant-popover-placement-leftTop .ant-popover-arrow-content{box-shadow:3px -3px 7px rgba(0,0,0,.07);transform:translateX(-4.24px) rotate(45deg)}.ant-popover-placement-left .ant-popover-arrow{top:50%;transform:translateY(-50%)}.ant-popover-placement-leftTop .ant-popover-arrow{top:12px}.ant-popover-magenta .ant-popover-arrow-content,.ant-popover-magenta .ant-popover-inner,.ant-popover-pink .ant-popover-arrow-content,.ant-popover-pink .ant-popover-inner{background-color:#eb2f96}.ant-popover-red .ant-popover-arrow-content,.ant-popover-red .ant-popover-inner{background-color:#f5222d}.ant-popover-volcano .ant-popover-arrow-content,.ant-popover-volcano .ant-popover-inner{background-color:#fa541c}.ant-popover-orange .ant-popover-arrow-content,.ant-popover-orange .ant-popover-inner{background-color:#fa8c16}.ant-popover-yellow .ant-popover-arrow-content,.ant-popover-yellow .ant-popover-inner{background-color:#fadb14}.ant-popover-gold .ant-popover-arrow-content,.ant-popover-gold .ant-popover-inner{background-color:#faad14}.ant-popover-cyan .ant-popover-arrow-content,.ant-popover-cyan .ant-popover-inner{background-color:#13c2c2}.ant-popover-lime .ant-popover-arrow-content,.ant-popover-lime .ant-popover-inner{background-color:#a0d911}.ant-popover-green .ant-popover-arrow-content,.ant-popover-green .ant-popover-inner{background-color:#52c41a}.ant-popover-blue .ant-popover-arrow-content,.ant-popover-blue .ant-popover-inner{background-color:#F5222D}.ant-popover-geekblue .ant-popover-arrow-content,.ant-popover-geekblue .ant-popover-inner{background-color:#2f54eb}.ant-popover-purple .ant-popover-arrow-content,.ant-popover-purple .ant-popover-inner{background-color:#722ed1}.ant-popover-rtl{text-align:right}.ant-popover-rtl .ant-popover-message-title{padding-right:20px;padding-left:8px}.ant-popover-rtl .ant-popover-buttons{text-align:left}.ant-popover-rtl .ant-popover-buttons button{margin-right:8px;margin-left:0}.ant-popover{position:relative}.ant-progress{margin:0;padding:0;color:rgba(0,0,0,.85)}.ant-progress-line{position:relative;width:100%;font-size:12px}.ant-progress-steps-outer{display:flex;flex-direction:row;align-items:center}.ant-progress-steps-item{flex-shrink:0;min-width:2px;margin-right:2px;background:#f3f3f3;transition:all .3s}.ant-progress-steps-item-active{background:#F5222D}.ant-progress-small.ant-progress-line,.ant-progress-small.ant-progress-line .ant-progress-text .anticon{font-size:12px}.ant-progress-outer{display:inline-block;width:100%;margin-right:0;padding-right:0}.ant-progress-show-info .ant-progress-outer{margin-right:calc(-2em - 8px);padding-right:calc(2em + 8px)}.ant-progress-inner{position:relative;display:inline-block;width:100%;overflow:hidden;vertical-align:middle;background-color:#f5f5f5;border-radius:100px}.ant-progress-circle-trail{stroke:#f5f5f5}.ant-progress-circle-path{animation:ant-progress-appear .3s}.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:#F5222D}.ant-progress-bg,.ant-progress-success-bg{position:relative;background-color:#F5222D;border-radius:100px;transition:all .4s cubic-bezier(.08,.82,.17,1) 0s}.ant-progress-success-bg{position:absolute;top:0;left:0;background-color:#52c41a}.ant-progress-text{display:inline-block;width:2em;margin-left:8px;color:rgba(0,0,0,.85);font-size:1em;line-height:1;white-space:nowrap;text-align:left;vertical-align:middle;word-break:normal}.ant-progress-text .anticon{font-size:12px}.ant-progress-status-active .ant-progress-bg::before{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:10px;opacity:0;animation:ant-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite;content:''}.ant-progress-status-exception .ant-progress-bg{background-color:#ff4d4f}.ant-progress-status-exception .ant-progress-text{color:#ff4d4f}.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:#ff4d4f}.ant-progress-status-success .ant-progress-bg{background-color:#52c41a}.ant-progress-status-success .ant-progress-text{color:#52c41a}.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:#52c41a}.ant-progress-circle .ant-progress-inner{position:relative;line-height:1;background-color:transparent}.ant-progress-circle .ant-progress-text{position:absolute;top:50%;left:50%;width:100%;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:.833333em;line-height:1;white-space:normal;text-align:center;transform:translate(-50%,-50%)}.ant-progress-circle .ant-progress-text .anticon{font-size:1.16666667em}.ant-progress-circle.ant-progress-status-exception .ant-progress-text{color:#ff4d4f}.ant-progress-circle.ant-progress-status-success .ant-progress-text{color:#52c41a}@keyframes ant-progress-active{0%{transform:translateX(-100%) scaleX(0);opacity:.1}20%{transform:translateX(-100%) scaleX(0);opacity:.5}100%{transform:translateX(0) scaleX(1);opacity:0}}.ant-progress-rtl.ant-progress-show-info .ant-progress-outer{margin-right:0;margin-left:calc(-2em - 8px);padding-right:0;padding-left:calc(2em + 8px)}.ant-progress-rtl .ant-progress-success-bg{right:0;left:auto}.ant-progress-rtl.ant-progress-line .ant-progress-text,.ant-progress-rtl.ant-progress-steps .ant-progress-text{margin-right:8px;margin-left:0;text-align:right}.ant-radio-group{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;display:inline-block;font-size:0;line-height:unset}.ant-radio,.ant-radio-wrapper{box-sizing:border-box;padding:0;color:rgba(0,0,0,.85);line-height:1.66667;position:relative;cursor:pointer;font-size:12px;font-variant:tabular-nums;font-feature-settings:tnum;list-style:none}.ant-radio-group .ant-badge-count{z-index:1}.ant-radio-group>.ant-badge:not(:first-child)>.ant-radio-button-wrapper{border-left:none}.ant-radio-wrapper{margin:0 6px 0 0;display:inline-flex;align-items:baseline}.ant-radio-wrapper::after{display:inline-block;width:0;overflow:hidden;content:'\a0'}.ant-radio{margin:0;top:.2em;display:inline-block;outline:0}.ant-radio-input:focus+.ant-radio-inner,.ant-radio-wrapper:hover .ant-radio,.ant-radio:hover .ant-radio-inner{border-color:#F5222D}.ant-radio-input:focus+.ant-radio-inner{box-shadow:0 0 0 3px rgba(24,144,255,.08)}.ant-radio-checked::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #F5222D;border-radius:50%;visibility:hidden;animation:antRadioEffect .36s ease-in-out;animation-fill-mode:both;content:''}.ant-radio-inner,.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle,.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle,.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle{border-radius:50%}.ant-radio-wrapper:hover .ant-radio::after,.ant-radio:hover::after,.ant-tooltip{visibility:visible}.ant-radio-inner{position:relative;top:0;left:0;display:block;width:14px;height:14px;background-color:#fff;border-color:#d9d9d9;border-style:solid;border-width:1px;transition:all .3s}.ant-radio-inner::after{position:absolute;top:3px;left:3px;display:block;width:6px;height:6px;background-color:#F5222D;border-top:0;border-left:0;border-radius:6px;transform:scale(0);opacity:0;transition:all .3s cubic-bezier(.78,.14,.15,.86);content:' '}.ant-radio-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer;opacity:0}.ant-radio-button-wrapper-disabled,.ant-radio-disabled,.ant-radio-disabled .ant-radio-inner,.ant-radio-disabled .ant-radio-input,.ant-radio-disabled+span{cursor:not-allowed}.ant-radio-checked .ant-radio-inner{border-color:#F5222D}.ant-radio-checked .ant-radio-inner::after{transform:scale(1);opacity:1;transition:all .3s cubic-bezier(.78,.14,.15,.86)}.ant-radio-disabled .ant-radio-inner{background-color:#f5f5f5;border-color:#d9d9d9!important}.ant-radio-disabled .ant-radio-inner::after{background-color:rgba(0,0,0,.2)}.ant-radio-disabled+span{color:rgba(0,0,0,.25)}span.ant-radio+*{padding-right:8px;padding-left:8px}.ant-radio-button-wrapper{position:relative;display:inline-block;height:28px;margin:0;padding:0 7px;color:rgba(0,0,0,.85);font-size:12px;line-height:26px;background:#fff;border:1px solid #d9d9d9;border-top-width:1.02px;border-left-width:0;cursor:pointer;transition:color .3s,background .3s,border-color .3s,box-shadow .3s}.ant-radio-button-wrapper a{color:rgba(0,0,0,.85)}.ant-radio-button-wrapper>.ant-radio-button{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}.ant-radio-group-large .ant-radio-button-wrapper{height:32px;font-size:14px;line-height:30px}.ant-radio-group-small .ant-radio-button-wrapper{height:22px;padding:0 7px;line-height:20px}.ant-radio-button-wrapper:not(:first-child)::before{position:absolute;top:-1px;left:-1px;display:block;box-sizing:content-box;width:1px;height:100%;padding:1px 0;background-color:#d9d9d9;transition:background-color .3s;content:''}.ant-radio-button-wrapper:first-child{border-left:1px solid #d9d9d9;border-radius:2px 0 0 2px}.ant-radio-button-wrapper:last-child{border-radius:0 2px 2px 0}.ant-radio-button-wrapper:first-child:last-child{border-radius:2px}.ant-radio-button-wrapper:hover{position:relative;color:#F5222D}.ant-radio-button-wrapper:focus-within{box-shadow:0 0 0 3px rgba(24,144,255,.08)}.ant-radio-button-wrapper .ant-radio-inner,.ant-radio-button-wrapper input[type=radio],.ant-radio-button-wrapper input[type=checkbox]{width:0;height:0;opacity:0;pointer-events:none}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){z-index:1;color:#F5222D;background:#fff;border-color:#F5222D}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before{background-color:#F5222D}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child{border-color:#F5222D}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{color:#cf1322;border-color:#cf1322}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before{background-color:#cf1322}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active{color:#cf1322;border-color:#cf1322}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before{background-color:#cf1322}.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within{box-shadow:0 0 0 3px rgba(24,144,255,.08)}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){color:#fff;background:#F5222D;border-color:#F5222D}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{color:#fff;background:#cf1322;border-color:#cf1322}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active{color:#fff;background:#cf1322;border-color:#cf1322}.ant-radio-button-wrapper-disabled,.ant-radio-button-wrapper-disabled:first-child,.ant-radio-button-wrapper-disabled:hover{color:rgba(0,0,0,.25);background-color:#f5f5f5;border-color:#d9d9d9}.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within{box-shadow:0 0 0 3px rgba(24,144,255,.08)}.ant-radio-button-wrapper-disabled:first-child{border-left-color:#d9d9d9}.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked{color:rgba(0,0,0,.25);background-color:#e6e6e6;border-color:#d9d9d9;box-shadow:none}@keyframes antRadioEffect{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.6);opacity:0}}.ant-radio-wrapper.ant-radio-wrapper-rtl{margin-right:0;margin-left:6px}.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl{border-right-width:0;border-left-width:1px}.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before{right:-1px;left:0}.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child{border-right:1px solid #d9d9d9;border-radius:0 2px 2px 0}.ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child{border-right-color:#cf1322}.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child{border-radius:2px 0 0 2px}.ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child{border-right-color:#d9d9d9}.ant-rate,.ant-rate-star,.ant-rate-text{display:inline-block}.ant-rate{box-sizing:border-box;font-variant:tabular-nums;font-feature-settings:tnum;margin:0;padding:0;color:#fadb14;font-size:16px;line-height:unset;list-style:none;outline:0}.ant-rate-disabled .ant-rate-star{cursor:default}.ant-rate-disabled .ant-rate-star:hover{transform:scale(1)}.ant-rate-star{position:relative;color:inherit;cursor:pointer}.ant-rate-star:not(:last-child){margin-right:8px}.ant-rate-star>div{transition:all .3s}.ant-rate-star>div:focus-visible,.ant-rate-star>div:hover{transform:scale(1.1)}.ant-rate-star>div:focus:not(:focus-visible){outline:0}.ant-rate-star-first,.ant-rate-star-second{color:#f0f0f0;transition:all .3s;user-select:none}.ant-rate-star-first .anticon,.ant-rate-star-second .anticon{vertical-align:middle}.ant-rate-star-first{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;opacity:0}.ant-rate-star-half .ant-rate-star-first,.ant-rate-star-half .ant-rate-star-second{opacity:1}.ant-rate-star-full .ant-rate-star-second,.ant-rate-star-half .ant-rate-star-first{color:inherit}.ant-rate-text{margin:0 8px;font-size:12px}.ant-rate-rtl .ant-rate-star:not(:last-child){margin-right:0;margin-left:8px}.ant-rate-rtl .ant-rate-star-first{right:0;left:auto}.ant-select-single .ant-select-selector{display:flex}.ant-select-single .ant-select-selector .ant-select-selection-search{position:absolute;top:0;right:7px;bottom:0;left:7px}.ant-select-single .ant-select-selector .ant-select-selection-search-input{width:100%}.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-single .ant-select-selector .ant-select-selection-placeholder{padding:0;line-height:26px;transition:all .3s}@supports (-moz-appearance:meterbar){.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-single .ant-select-selector .ant-select-selection-placeholder{line-height:26px}}.ant-select-single .ant-select-selector .ant-select-selection-item{position:relative;user-select:none}.ant-select-single .ant-select-selector .ant-select-selection-placeholder{pointer-events:none}.ant-select-single .ant-select-selector .ant-select-selection-item::after,.ant-select-single .ant-select-selector .ant-select-selection-placeholder::after,.ant-select-single .ant-select-selector::after{display:inline-block;width:0;visibility:hidden;content:'\a0'}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder::after,.ant-select-single.ant-select-customize-input .ant-select-selector::after{display:none}.ant-select-single.ant-select-show-arrow .ant-select-selection-search{right:19px}.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{padding-right:15px}.ant-select-single.ant-select-open .ant-select-selection-item{color:#bfbfbf}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector{width:100%;height:28px;padding:0 7px}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{height:26px}.ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after{line-height:26px}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-search{position:static;width:100%}.ant-select-single.ant-select-customize-input .ant-select-selector .ant-select-selection-placeholder{position:absolute;right:0;left:0;padding:0 7px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{height:32px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder,.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector::after{line-height:30px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input{height:30px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector{height:22px;padding:0 7px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder,.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after{line-height:20px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input):not(.ant-select-customize-input) .ant-select-selection-search-input{height:20px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selection-search{right:7px;left:7px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search{right:25px}.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder{padding-right:18px}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{padding:0 11px}.ant-select-selection-overflow{position:relative;display:flex;flex:auto;flex-wrap:wrap;max-width:100%}.ant-select-selection-overflow-item{flex:none;align-self:center;max-width:100%}.ant-select-multiple .ant-select-selector{display:flex;flex-wrap:wrap;align-items:center;padding:0 3px}.ant-select-show-search.ant-select-multiple .ant-select-selector{cursor:text}.ant-select-disabled.ant-select-multiple .ant-select-selector{background:#f5f5f5;cursor:not-allowed}.ant-select-multiple .ant-select-selector::after{display:inline-block;width:0;margin:3px 0;line-height:20px;content:'\a0'}.ant-select-multiple.ant-select-allow-clear .ant-select-selector,.ant-select-multiple.ant-select-show-arrow .ant-select-selector{padding-right:20px}.ant-select-multiple .ant-select-selection-item{position:relative;display:flex;flex:none;box-sizing:border-box;max-width:100%;height:20px;margin-top:3px;margin-bottom:3px;line-height:18px;background:#f5f5f5;border:1px solid #f0f0f0;border-radius:2px;cursor:default;transition:font-size .3s,line-height .3s,height .3s;user-select:none;margin-inline-end:3px;padding-inline-start:4px;padding-inline-end:2px}.ant-select-disabled.ant-select-multiple .ant-select-selection-item{color:#bfbfbf;border-color:#d9d9d9;cursor:not-allowed}.ant-select-multiple .ant-select-selection-item-content{display:inline-block;margin-right:2px;overflow:hidden;white-space:pre;text-overflow:ellipsis}.ant-select-multiple .ant-select-selection-item-remove{color:inherit;font-style:normal;text-align:center;text-transform:none;vertical-align:-.125em;display:inline-block;color:rgba(0,0,0,.45);font-weight:700;font-size:10px;line-height:inherit;cursor:pointer}.ant-select-multiple .ant-select-selection-item-remove>*{line-height:1}.ant-select-multiple .ant-select-selection-item-remove svg{display:inline-block}.ant-select-disabled .ant-select-selection-item-remove,.ant-select-multiple .ant-select-selection-item-remove::before{display:none}.ant-select-multiple .ant-select-selection-item-remove .ant-select-multiple .ant-select-selection-item-remove-icon{display:block}.ant-select-multiple .ant-select-selection-item-remove>.anticon{vertical-align:-.2em}.ant-select-multiple .ant-select-selection-item-remove:hover{color:rgba(0,0,0,.75)}.ant-select-multiple .ant-select-selection-overflow-item+.ant-select-selection-overflow-item .ant-select-selection-search{margin-inline-start:0}.ant-select-multiple .ant-select-selection-search{position:relative;max-width:100%;margin-top:3px;margin-bottom:3px;margin-inline-start:4px}.ant-select-multiple .ant-select-selection-search-input,.ant-select-multiple .ant-select-selection-search-mirror{height:20px;line-height:20px;transition:all .3s}.ant-select-multiple .ant-select-selection-search-input{width:100%;min-width:4.1px}.ant-select-multiple .ant-select-selection-search-mirror{position:absolute;top:0;left:0;z-index:999;white-space:pre;visibility:hidden}.ant-select-multiple .ant-select-selection-placeholder{position:absolute;top:50%;right:7px;left:7px;transform:translateY(-50%);transition:all .3s}.ant-select-multiple.ant-select-lg .ant-select-selector::after{line-height:26px}.ant-select-multiple.ant-select-lg .ant-select-selection-search{height:26px;line-height:26px}.ant-select-multiple.ant-select-lg .ant-select-selection-search-input,.ant-select-multiple.ant-select-lg .ant-select-selection-search-mirror{height:26px;line-height:24px}.ant-select-multiple.ant-select-sm .ant-select-selector::after{line-height:16px}.ant-select-multiple.ant-select-sm .ant-select-selection-item{height:16px;line-height:14px}.ant-select-multiple.ant-select-sm .ant-select-selection-search{height:16px;line-height:16px;margin-inline-start:3px}.ant-select-multiple.ant-select-sm .ant-select-selection-search-input,.ant-select-multiple.ant-select-sm .ant-select-selection-search-mirror{height:16px;line-height:14px}.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder{left:7px}.ant-select-multiple.ant-select-lg .ant-select-selection-item{height:24px;line-height:24px}.ant-select{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;position:relative;display:inline-block;cursor:pointer}.ant-select:not(.ant-select-customize-input) .ant-select-selector{position:relative;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:pointer}.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector{cursor:text}.ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:auto}.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:#cf1322;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-right-width:0;border-left-width:1px!important}.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{color:rgba(0,0,0,.25);background:#f5f5f5;cursor:not-allowed}.ant-select-multiple.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{background:#f5f5f5}.ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector input{cursor:not-allowed}.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input{margin:0;padding:0;background:0 0;border:none;outline:0;appearance:none}.ant-select-arrow,.ant-select-clear{position:absolute;right:7px;width:12px;height:12px;margin-top:-6px;font-size:12px;line-height:1;text-transform:none;text-align:center;font-style:normal}.ant-cascader-picker-label:hover+.ant-cascader-input:not(.ant-cascader-picker-disabled .ant-cascader-picker-label:hover+.ant-cascader-input),.ant-cascader-picker:focus .ant-cascader-input{border-right-width:1px!important;border-color:#cf1322}.ant-select:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.ant-select-arrow,.ant-select-arrow svg{display:inline-block}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#cf1322;border-right-width:1px!important}.ant-input-rtl .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-right-width:0;border-left-width:1px!important}.ant-select-selection-item{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media all and (-ms-high-contrast:none){.ant-select-selection-item,.ant-select-selection-item ::-ms-backdrop{flex:auto}}.ant-select-selection-placeholder{flex:1;overflow:hidden;color:#bfbfbf;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}@media all and (-ms-high-contrast:none){.ant-select-selection-placeholder,.ant-select-selection-placeholder ::-ms-backdrop{flex:auto}}.ant-select-arrow{color:inherit;vertical-align:-.125em;top:53%;color:rgba(0,0,0,.25);pointer-events:none}.ant-select-arrow>*{line-height:1}.ant-select-arrow::before{display:none}.ant-select-arrow .ant-select-arrow-icon{display:block}.ant-select-arrow .anticon{vertical-align:top;transition:transform .3s}.ant-select-arrow .anticon>svg{vertical-align:top}.ant-select-arrow .anticon:not(.ant-select-suffix){pointer-events:auto}.ant-select-disabled .ant-select-arrow{cursor:not-allowed}.ant-select-clear{top:50%;z-index:1;display:inline-block;color:rgba(0,0,0,.25);background:#fff;cursor:pointer;opacity:0;transition:color .3s ease,opacity .15s ease;text-rendering:auto}.ant-select-clear::before{display:block}.ant-select-clear:hover{color:rgba(0,0,0,.45)}.ant-select:hover .ant-select-clear{opacity:1}.ant-select-dropdown{margin:0;color:rgba(0,0,0,.85);line-height:1.66667;list-style:none;font-feature-settings:tnum;z-index:1050;box-sizing:border-box;padding:4px 0;overflow:hidden;font-size:12px;font-variant:initial;background-color:#fff;border-radius:2px;outline:0}.ant-select-dropdown-empty,.ant-select-item-empty{color:rgba(0,0,0,.25)}.ant-select-item,.ant-select-item-empty{display:block;padding:5px 8px;line-height:18px;font-size:12px;position:relative;min-height:28px;font-weight:400}.ant-select-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.ant-select-dropdown-placement-topLeft,.ant-select-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.ant-select-dropdown-placement-topLeft{animation-name:antSlideDownIn}.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-bottomLeft{animation-name:antSlideUpOut}.ant-select-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.ant-select-dropdown-placement-topLeft{animation-name:antSlideDownOut}.ant-select-item{color:rgba(0,0,0,.85);cursor:pointer;transition:background .3s ease}.ant-select-item-group{color:rgba(0,0,0,.45);font-size:12px;cursor:default}.ant-select-lg,.ant-spin-sm .ant-spin-dot{font-size:14px}.ant-select-item-option{display:flex}.ant-select-item-option-content{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-select-item-option-state{flex:none}.ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:#f5f5f5}.ant-select-item-option-selected:not(.ant-select-item-option-disabled){color:rgba(0,0,0,.85);font-weight:600;background-color:#e6f7ff}.ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state{color:#F5222D}.ant-select-item-option-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-select-item-option-grouped{padding-left:16px}.ant-select-borderless .ant-select-selector{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}.ant-select-rtl .ant-select-arrow,.ant-select-rtl .ant-select-clear{right:initial;left:7px}.ant-select-dropdown-rtl .ant-select-item-option-grouped{padding-right:16px;padding-left:8px}.ant-select-rtl.ant-select-multiple.ant-select-allow-clear .ant-select-selector,.ant-select-rtl.ant-select-multiple.ant-select-show-arrow .ant-select-selector{padding-right:3px;padding-left:20px}.ant-select-rtl.ant-select-multiple .ant-select-selection-item{text-align:right}.ant-select-rtl.ant-select-multiple .ant-select-selection-item-content{margin-right:0;margin-left:2px;text-align:right}.ant-select-rtl.ant-select-multiple .ant-select-selection-search-mirror{right:0;left:auto}.ant-select-rtl.ant-select-multiple .ant-select-selection-placeholder{right:7px;left:auto}.ant-select-rtl.ant-select-multiple.ant-select-sm .ant-select-selection-placeholder{right:7px}.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-item,.ant-select-rtl.ant-select-single .ant-select-selector .ant-select-selection-placeholder{right:0;left:9px;text-align:right}.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-search{right:7px;left:19px}.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-item,.ant-select-rtl.ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{padding-right:0;padding-left:15px}.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-search{right:6px}.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-item,.ant-select-rtl.ant-select-single.ant-select-sm:not(.ant-select-customize-input).ant-select-show-arrow .ant-select-selection-placeholder{padding-right:0;padding-left:18px}.ant-select-dropdown{top:100%;left:0;position:relative;width:100%;margin-top:4px;margin-bottom:4px;display:block}.ant-select-dropdown .cdk-virtual-scroll-content-wrapper{right:0}.ant-select-dropdown .full-width{contain:initial}.ant-select-dropdown .full-width .cdk-virtual-scroll-content-wrapper{position:static}.ant-skeleton{display:table;width:100%}.ant-skeleton-header{display:table-cell;padding-right:8px;vertical-align:top}.ant-skeleton-header .ant-skeleton-avatar{display:inline-block;vertical-align:top;background:rgba(190,190,190,.2);width:28px;height:28px;line-height:28px}.ant-skeleton-header .ant-skeleton-avatar-lg{width:32px;height:32px;line-height:32px}.ant-skeleton-header .ant-skeleton-avatar-sm{width:22px;height:22px;line-height:22px}.ant-skeleton-content{display:table-cell;width:100%;vertical-align:top}.ant-skeleton-content .ant-skeleton-title{width:100%;height:14px;margin-top:8px;background:rgba(190,190,190,.2);border-radius:4px}.ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph{margin-top:20px}.ant-skeleton-content .ant-skeleton-paragraph{padding:0}.ant-skeleton-content .ant-skeleton-paragraph>li{width:100%;height:14px;list-style:none;background:rgba(190,190,190,.2);border-radius:4px}.ant-skeleton-content .ant-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)){width:61%}.ant-skeleton-content .ant-skeleton-paragraph>li+li{margin-top:12px}.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title{margin-top:8px}.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph{margin-top:20px}.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph>li,.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title{border-radius:100px}.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,.ant-skeleton.ant-skeleton-active .ant-skeleton-button,.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li,.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,.ant-skeleton.ant-skeleton-active .ant-skeleton-image,.ant-skeleton.ant-skeleton-active .ant-skeleton-input{background:linear-gradient(90deg,rgba(190,190,190,.2) 25%,rgba(129,129,129,.24) 37%,rgba(190,190,190,.2) 63%);background-size:400% 100%;animation:ant-skeleton-loading 1.4s ease infinite}.ant-skeleton-element{display:inline-block;width:auto}.ant-skeleton-element .ant-skeleton-button{display:inline-block;vertical-align:top;background:rgba(190,190,190,.2);border-radius:2px;width:56px;height:28px;line-height:28px}.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle{width:28px;border-radius:50%}.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round{border-radius:28px}.ant-skeleton-element .ant-skeleton-button-lg{width:64px;height:32px;line-height:32px}.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle{width:32px;border-radius:50%}.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round{border-radius:32px}.ant-skeleton-element .ant-skeleton-button-sm{width:44px;height:22px;line-height:22px}.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle{width:22px;border-radius:50%}.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round{border-radius:22px}.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle,.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle,.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle,.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle,.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle{border-radius:50%}.ant-skeleton-element .ant-skeleton-avatar{display:inline-block;vertical-align:top;background:rgba(190,190,190,.2);width:28px;height:28px;line-height:28px}.ant-skeleton-element .ant-skeleton-avatar-lg{width:32px;height:32px;line-height:32px}.ant-skeleton-element .ant-skeleton-avatar-sm{width:22px;height:22px;line-height:22px}.ant-skeleton-element .ant-skeleton-input{display:inline-block;vertical-align:top;background:rgba(190,190,190,.2);width:100%;height:28px;line-height:28px}.ant-skeleton-element .ant-skeleton-input-lg{width:100%;height:32px;line-height:32px}.ant-skeleton-element .ant-skeleton-input-sm{width:100%;height:22px;line-height:22px}.ant-skeleton-element .ant-skeleton-image{display:flex;align-items:center;justify-content:center;vertical-align:top;background:rgba(190,190,190,.2);width:96px;height:96px;line-height:96px}.ant-skeleton-element .ant-skeleton-image-path{fill:#bfbfbf}.ant-skeleton-element .ant-skeleton-image-svg{width:48px;height:48px;line-height:48px;max-width:192px;max-height:192px}.ant-slider,.ant-spin{font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;box-sizing:border-box}.ant-slider-rail,.ant-slider-track{border-radius:2px;transition:background-color .3s}@keyframes ant-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.ant-skeleton-rtl .ant-skeleton-header{padding-right:0;padding-left:16px}.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li,.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title{animation-name:ant-skeleton-loading-rtl}@keyframes ant-skeleton-loading-rtl{0%{background-position:0 50%}100%{background-position:100% 50%}}.ant-slider{color:rgba(0,0,0,.85);position:relative;height:12px;margin:10px 6px;padding:4px 0;cursor:pointer;touch-action:none}.ant-slider-vertical{width:12px;height:100%;margin:6px 10px;padding:0 4px}.ant-slider-vertical .ant-slider-rail{width:4px;height:100%}.ant-slider-vertical .ant-slider-track{width:4px}.ant-slider-vertical .ant-slider-handle{margin-top:-6px;margin-left:-5px}.ant-slider-vertical .ant-slider-mark{top:0;left:12px;width:18px;height:100%}.ant-slider-vertical .ant-slider-mark-text{left:4px;white-space:nowrap}.ant-slider-vertical .ant-slider-step{width:4px;height:100%}.ant-slider-vertical .ant-slider-dot{top:auto;left:2px;margin-bottom:-4px}.ant-slider-tooltip .ant-tooltip-inner{min-width:unset}.ant-slider-rtl.ant-slider-vertical .ant-slider-handle{margin-right:-5px;margin-left:0}.ant-slider-dot,.ant-slider-dot:first-child,.ant-slider-dot:last-child{margin-left:-4px}.ant-slider-rtl.ant-slider-vertical .ant-slider-mark{right:12px;left:auto}.ant-slider-rtl.ant-slider-vertical .ant-slider-mark-text{right:4px;left:auto}.ant-slider-rtl.ant-slider-vertical .ant-slider-dot{right:2px;left:auto}.ant-slider-with-marks{margin-bottom:28px}.ant-slider-rail{position:absolute;width:100%;height:4px;background-color:#f5f5f5}.ant-slider-track{position:absolute;height:4px;background-color:#91d5ff}.ant-slider-handle{position:absolute;width:12px;height:12px;margin-top:-4px;background-color:#fff;border:2px solid #91d5ff;border-radius:50%;box-shadow:0;cursor:pointer;transition:border-color .3s,box-shadow .6s,transform .3s cubic-bezier(.18,.89,.32,1.28)}.ant-slider-handle-dragging.ant-slider-handle-dragging.ant-slider-handle-dragging,.ant-slider-handle:focus{border-color:#46a6ff;box-shadow:0 0 0 5px rgba(24,144,255,.12)}.ant-slider-handle:focus{outline:0}.ant-slider-handle.ant-tooltip-open{border-color:#F5222D}.ant-slider:hover .ant-slider-rail{background-color:#e1e1e1}.ant-slider:hover .ant-slider-track{background-color:#69c0ff}.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open){border-color:#69c0ff}.ant-slider-mark{position:absolute;top:14px;left:0;width:100%;font-size:12px}.ant-slider-mark-text{position:absolute;display:inline-block;color:rgba(0,0,0,.45);text-align:center;word-break:keep-all;cursor:pointer;user-select:none}.ant-slider-mark-text-active{color:rgba(0,0,0,.85)}.ant-slider-step{position:absolute;width:100%;height:4px;background:0 0}.ant-slider-dot{position:absolute;top:-2px;width:8px;height:8px;background-color:#fff;border:2px solid #f0f0f0;border-radius:50%;cursor:pointer}.ant-slider-dot-active{border-color:#8cc8ff}.ant-slider-disabled{cursor:not-allowed}.ant-slider-disabled .ant-slider-track{background-color:rgba(0,0,0,.25)!important}.ant-slider-disabled .ant-slider-dot,.ant-slider-disabled .ant-slider-handle{background-color:#fff;border-color:rgba(0,0,0,.25)!important;box-shadow:none;cursor:not-allowed}.ant-slider-disabled .ant-slider-dot,.ant-slider-disabled .ant-slider-mark-text{cursor:not-allowed!important}.ant-slider-rtl .ant-slider-mark{right:0;left:auto}.ant-slider-rtl .ant-slider-dot,.ant-slider-rtl .ant-slider-dot:first-child,.ant-slider-rtl .ant-slider-dot:last-child{margin-right:-4px;margin-left:0}.ant-spin{margin:0;padding:0;position:absolute;display:none;color:#F5222D;text-align:center;vertical-align:middle;opacity:0;transition:transform .3s cubic-bezier(.78,.14,.15,.86)}.ant-spin-spinning{position:static;display:inline-block;opacity:1}.ant-spin-nested-loading{position:relative}.ant-spin-nested-loading>div>.ant-spin{position:absolute;top:0;left:0;z-index:4;display:block;width:100%;height:100%;max-height:400px}.ant-spin-nested-loading>div>.ant-spin .ant-spin-dot{position:absolute;top:50%;left:50%;margin:-10px}.ant-spin-nested-loading>div>.ant-spin .ant-spin-text{position:absolute;top:50%;width:100%;padding-top:6px;text-shadow:0 1px 2px #fff}.ant-spin-nested-loading>div>.ant-spin.ant-spin-show-text .ant-spin-dot{margin-top:-20px}.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-dot{margin:-7px}.ant-spin-nested-loading>div>.ant-spin-sm .ant-spin-text{padding-top:3px}.ant-spin-nested-loading>div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot{margin-top:-17px}.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-dot{margin:-16px}.ant-spin-nested-loading>div>.ant-spin-lg .ant-spin-text{padding-top:12px}.ant-spin-nested-loading>div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot{margin-top:-26px}.ant-statistic,.ant-steps{margin:0;line-height:1.66667;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum}.ant-spin-container{position:relative;transition:opacity .3s}.ant-spin-container::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:none\9;width:100%;height:100%;background:#fff;opacity:0;transition:all .3s;content:'';pointer-events:none}.ant-spin-blur{clear:both;overflow:hidden;opacity:.5;user-select:none;pointer-events:none}.ant-spin-blur::after{opacity:.4;pointer-events:auto}.ant-spin-tip{color:rgba(0,0,0,.45)}.ant-spin-dot{position:relative;display:inline-block;width:1em;height:1em}.ant-spin-dot-item{position:absolute;display:block;width:9px;height:9px;background-color:#F5222D;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:antSpinMove 1s infinite linear alternate}.ant-spin-dot-item:nth-child(1){top:0;left:0}.ant-spin-dot-item:nth-child(2){top:0;right:0;animation-delay:.4s}.ant-spin-dot-item:nth-child(3){right:0;bottom:0;animation-delay:.8s}.ant-spin-dot-item:nth-child(4){bottom:0;left:0;animation-delay:1.2s}.ant-spin-dot-spin{transform:rotate(45deg);animation:antRotate 1.2s infinite linear}.ant-spin-sm .ant-spin-dot i{width:6px;height:6px}.ant-spin-lg .ant-spin-dot{font-size:32px}.ant-spin-lg .ant-spin-dot i{width:14px;height:14px}.ant-spin.ant-spin-show-text .ant-spin-text{display:block}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.ant-spin-blur{background:#fff;opacity:.5}}@keyframes antSpinMove{to{opacity:1}}@keyframes antRotate{to{transform:rotate(405deg)}}.ant-spin-rtl .ant-spin-dot-spin{transform:rotate(-45deg);animation-name:antRotateRtl}@keyframes antRotateRtl{to{transform:rotate(-405deg)}}nz-spin{display:block}.ant-statistic{box-sizing:border-box;padding:0;color:rgba(0,0,0,.85);font-size:12px}.ant-statistic-title{margin-bottom:0;color:rgba(0,0,0,.45);font-size:12px}.ant-statistic-content{color:rgba(0,0,0,.85);font-size:20px}.ant-statistic-content-value{display:inline-block;direction:ltr}.ant-cascader-menu-rtl .ant-cascader-menu,.ant-cascader-picker-rtl,.ant-statistic-rtl,.ant-steps-rtl,.ant-switch-rtl,.ant-table-rtl,.ant-table-wrapper-rtl,.ant-tabs-dropdown-rtl,.ant-tabs-rtl,.ant-tag.ant-tag-rtl,.ant-timeline-rtl,.ant-tooltip-rtl,.ant-transfer-rtl,.ant-typography-rtl,.ant-upload-list-rtl,.ant-upload-rtl{direction:rtl}.ant-statistic-content-prefix,.ant-statistic-content-suffix{display:inline-block}.ant-statistic-content-prefix{margin-right:4px}.ant-statistic-content-suffix{margin-left:4px}.ant-statistic-rtl .ant-statistic-content-prefix{margin-right:0;margin-left:4px}.ant-statistic-rtl .ant-statistic-content-suffix{margin-right:4px;margin-left:0}.ant-steps{box-sizing:border-box;padding:0;color:rgba(0,0,0,.85);display:flex;width:100%;font-size:0;text-align:initial}.ant-steps-item{position:relative;display:inline-block;flex:1;overflow:hidden;vertical-align:top}.ant-steps-item-container{outline:0}.ant-steps-item:last-child{flex:none}.ant-steps-item:last-child>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after,.ant-steps-item:last-child>.ant-steps-item-container>.ant-steps-item-tail{display:none}.ant-steps-item-content,.ant-steps-item-icon{display:inline-block;vertical-align:top}.ant-steps-item-icon{width:24px;height:24px;margin:2px 8px 2px 0;font-size:12px;line-height:24px;text-align:center;border:1px solid rgba(0,0,0,.25);border-radius:24px;transition:background-color .3s,border-color .3s}.ant-steps-item-icon .ant-steps-icon{position:relative;top:0;color:#F5222D;line-height:1}.ant-steps-item-tail{position:absolute;top:12px;left:0;width:100%;padding:0 10px}.ant-steps-item-tail::after{display:inline-block;width:100%;height:1px;background:#f0f0f0;border-radius:1px;transition:background .3s;content:''}.ant-steps-item-title{position:relative;display:inline-block;padding-right:16px;color:rgba(0,0,0,.85);font-size:14px;line-height:28px}.ant-steps-item-description,.ant-steps-item-subtitle{color:rgba(0,0,0,.45);font-size:12px}.ant-steps-item-title::after{position:absolute;top:14px;left:100%;display:block;width:9999px;height:1px;background:#f0f0f0;content:''}.ant-steps-item-subtitle{display:inline;margin-left:8px;font-weight:400}.ant-steps-item-wait .ant-steps-item-icon{background-color:#fff;border-color:rgba(0,0,0,.25)}.ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon{color:rgba(0,0,0,.25)}.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description,.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:rgba(0,0,0,.45)}.ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot{background:rgba(0,0,0,.25)}.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after,.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-tail::after{background-color:#f0f0f0}.ant-steps-item-process .ant-steps-item-icon{background-color:#fff;border-color:#F5222D}.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon{color:#F5222D}.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description,.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:rgba(0,0,0,.85)}.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot{background:#F5222D}.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after,.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail::after{background-color:#f0f0f0}.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-icon{background:#F5222D}.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-icon .ant-steps-icon{color:#fff}.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-title{font-weight:500}.ant-steps-item-finish .ant-steps-item-icon{background-color:#fff;border-color:#F5222D}.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after,.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-tail::after{background-color:#F5222D}.ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon{color:#F5222D}.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title,.ant-switch{color:rgba(0,0,0,.85)}.ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot{background:#F5222D}.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description{color:rgba(0,0,0,.45)}.ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon,.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description,.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title{color:#ff4d4f}.ant-steps-item-error .ant-steps-item-icon{background-color:#fff;border-color:#ff4d4f}.ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot{background:#ff4d4f}.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after,.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-tail::after,.g2-radar__legend-item::after,.number-info:not(:first-child)::after{background-color:#f0f0f0}.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role=button]:hover .ant-steps-item-icon .ant-steps-icon,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-description,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-subtitle,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-title,.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon{color:#F5222D}.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after{background:#ff4d4f}.ant-steps-item-disabled{cursor:not-allowed}.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]{cursor:pointer}.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-description,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-icon .ant-steps-icon,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-subtitle,.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-title{transition:color .3s}.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role=button]:hover .ant-steps-item-icon{border-color:#F5222D}.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item{padding-left:16px;white-space:nowrap}.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child{padding-left:0}.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title{padding-right:0}.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail{display:none}.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description{max-width:140px;white-space:normal}.ant-steps-item-custom>.ant-steps-item-container>.ant-steps-item-icon{height:auto;background:0 0;border:0}.ant-steps-item-custom>.ant-steps-item-container>.ant-steps-item-icon>.ant-steps-icon{top:2px;left:.5px;width:20px;height:20px;font-size:20px;line-height:20px}.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon{width:auto;background:0 0}.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item{padding-left:12px}.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child{padding-left:0}.ant-steps-small .ant-steps-item-icon{width:20px;height:20px;margin:0 8px 0 0;font-size:12px;line-height:20px;text-align:center;border-radius:20px}.ant-steps-small .ant-steps-item-title{padding-right:12px;font-size:12px;line-height:20px}.ant-steps-small .ant-steps-item-title::after{top:10px}.ant-steps-small .ant-steps-item-description{color:rgba(0,0,0,.45);font-size:12px}.ant-steps-small .ant-steps-item-tail{top:8px}.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon{width:inherit;height:inherit;line-height:inherit;background:0 0;border:0;border-radius:0}.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon{font-size:20px;line-height:20px;transform:none}.ant-steps-vertical{display:flex;flex-direction:column}.ant-steps-vertical>.ant-steps-item{display:block;flex:1 0 auto;padding-left:0;overflow:visible}.ant-steps-vertical>.ant-steps-item .ant-steps-item-icon{float:left;margin-right:12px}.ant-steps-vertical>.ant-steps-item .ant-steps-item-content{display:block;min-height:48px;overflow:hidden}.ant-steps-vertical>.ant-steps-item .ant-steps-item-title{line-height:24px}.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title,.ant-switch{line-height:20px}.ant-steps-vertical>.ant-steps-item .ant-steps-item-description{padding-bottom:12px}.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{position:absolute;top:0;left:12px;width:1px;height:100%;padding:30px 0 6px}.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail::after{width:1px;height:100%}.ant-steps-vertical>.ant-steps-item:not(:last-child)>.ant-steps-item-container>.ant-steps-item-tail{display:block}.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title::after{display:none}.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail{position:absolute;top:0;left:10px;padding:26px 0 6px}.ant-steps-label-vertical .ant-steps-item{overflow:visible}.ant-steps-label-vertical .ant-steps-item-tail{margin-left:58px;padding:3.5px 24px}.ant-steps-label-vertical .ant-steps-item-content{display:block;width:108px;margin-top:8px;text-align:center}.ant-steps-label-vertical .ant-steps-item-icon{display:inline-block;margin-left:42px}.ant-steps-label-vertical .ant-steps-item-title{padding-right:0;padding-left:0}.ant-steps-label-vertical .ant-steps-item-title::after{display:none}.ant-steps-label-vertical .ant-steps-item-subtitle{display:block;margin-bottom:4px;margin-left:0;line-height:1.66667}.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon{margin-left:46px}.ant-steps-dot .ant-steps-item-title,.ant-steps-dot.ant-steps-small .ant-steps-item-title{line-height:1.66667}.ant-steps-dot .ant-steps-item-tail,.ant-steps-dot.ant-steps-small .ant-steps-item-tail{top:4px;width:100%;margin:0 0 0 70px;padding:0}.ant-steps-dot .ant-steps-item-tail::after,.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after{width:calc(100% - 20px);height:3px;margin-left:12px}.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot{left:2px}.ant-steps-dot .ant-steps-item-icon,.ant-steps-dot.ant-steps-small .ant-steps-item-icon{width:8px;height:8px;margin-left:67px;padding-right:0;line-height:8px;background:0 0;border:0}.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot{position:relative;float:left;width:100%;height:100%;border-radius:100px;transition:all .3s}.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after{position:absolute;top:-12px;left:-26px;width:60px;height:32px;background:rgba(0,0,0,.001);content:''}.ant-steps-dot .ant-steps-item-content,.ant-steps-dot.ant-steps-small .ant-steps-item-content{width:140px}.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon{position:relative;top:-1px;width:10px;height:10px;line-height:10px;background:0 0}.ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot,.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot{left:0}.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon{margin-top:8px;margin-left:0;background:0 0}.ant-steps-vertical.ant-steps-dot .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{top:2px;left:-9px;margin:0;padding:22px 0 4px}.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot{left:0}.ant-steps-vertical.ant-steps-dot .ant-steps-item-content{width:inherit}.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot{left:-2px}.ant-steps-navigation{padding-top:12px}.ant-steps-navigation.ant-steps-small .ant-steps-item-container{margin-left:-12px}.ant-steps-navigation .ant-steps-item{overflow:visible;text-align:center}.ant-steps-navigation .ant-steps-item-container{display:inline-block;height:100%;margin-left:-16px;padding-bottom:12px;text-align:left;transition:opacity .3s}.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after,.ant-steps-navigation .ant-steps-item:last-child::after{display:none}.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content{max-width:auto}.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title{max-width:100%;padding-right:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role=button]{cursor:pointer}.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role=button]:hover{opacity:.85}.ant-steps-navigation .ant-steps-item:last-child{flex:1}.ant-steps-navigation .ant-steps-item::after{position:absolute;top:50%;left:100%;display:inline-block;width:12px;height:12px;margin-top:-14px;margin-left:-2px;border:1px solid rgba(0,0,0,.25);border-bottom:none;border-left:none;transform:rotate(45deg);content:''}.ant-steps-navigation .ant-steps-item::before{position:absolute;bottom:0;left:50%;display:inline-block;width:0;height:2px;background-color:#F5222D;transition:width .3s,left .3s;transition-timing-function:ease-out;content:''}.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before{left:0;width:100%}.ant-steps-navigation.ant-steps-vertical>.ant-steps-item{margin-right:0!important}.ant-steps-navigation.ant-steps-vertical>.ant-steps-item::before{display:none}.ant-steps-navigation.ant-steps-vertical>.ant-steps-item.ant-steps-item-active::before{top:0;right:0;left:unset;display:block;width:3px;height:calc(100% - 24px)}.ant-steps-navigation.ant-steps-vertical>.ant-steps-item::after{position:relative;top:-2px;left:50%;display:block;width:8px;height:8px;margin-bottom:8px;text-align:center;transform:rotate(135deg)}.ant-switch,nz-switch{display:inline-block}.ant-steps-navigation.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{visibility:hidden}.ant-steps.ant-steps-rtl .ant-steps-item-icon{margin-right:0;margin-left:8px}.ant-steps-rtl .ant-steps-item-tail{right:0;left:auto}.ant-steps-rtl .ant-steps-item-title{padding-right:0;padding-left:16px}.ant-steps-rtl .ant-steps-item-title::after{right:100%;left:auto}.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item{padding-right:16px;padding-left:0}.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child{padding-right:0}.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title{padding-left:0}.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon{right:.5px;left:auto}.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container{margin-right:-12px;margin-left:0}.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container{margin-right:-16px;margin-left:0;text-align:right}.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title{padding-left:0}.ant-steps-rtl.ant-steps-navigation .ant-steps-item::after{right:100%;left:auto;margin-right:-2px;margin-left:0;transform:rotate(225deg)}.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item{padding-right:12px;padding-left:0}.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child{padding-right:0}.ant-steps-rtl.ant-steps-small .ant-steps-item-title{padding-right:0;padding-left:12px}.ant-steps-rtl.ant-steps-vertical>.ant-steps-item .ant-steps-item-icon{float:right;margin-right:0;margin-left:12px}.ant-steps-rtl.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{right:12px;left:auto}.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail{right:10px;left:auto}.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title{padding-left:0}.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail{margin:0 70px 0 0}.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail::after,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after{margin-right:12px;margin-left:0}.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot{right:2px;left:auto}.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon{margin-right:67px;margin-left:0}.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot{float:right}.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after{right:-26px;left:auto}.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon{margin-right:0;margin-left:16px}.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail{right:-9px;left:auto}.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot{right:0;left:auto}.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot{right:-2px;left:auto}.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active{padding-right:4px}.ant-steps-with-progress .ant-steps-item{padding-top:4px}.ant-steps-with-progress .ant-steps-item .ant-steps-item-tail{top:4px!important}.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child{padding-bottom:4px;padding-left:4px}.ant-steps-with-progress .ant-steps-item-icon{position:relative}.ant-steps-with-progress .ant-steps-item-icon .ant-progress{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}.ant-switch{margin:0;padding:0;font-size:12px;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;position:relative;box-sizing:border-box;min-width:40px;height:20px;vertical-align:middle;background-color:rgba(0,0,0,.25);border:0;border-radius:100px;cursor:pointer;transition:all .2s;user-select:none}.ant-switch:focus{outline:0;box-shadow:0 0 0 2px rgba(0,0,0,.1)}.ant-switch-checked:focus{box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-switch:focus:hover{box-shadow:none}.ant-switch-checked{background-color:#F5222D}.ant-switch-disabled,.ant-switch-loading{cursor:not-allowed;opacity:.4}.ant-switch-disabled *,.ant-switch-loading *{box-shadow:none;cursor:not-allowed}.ant-switch-inner{display:block;margin:0 4px 0 22px;color:#fff;font-size:12px;transition:margin .2s}.ant-switch-handle,.ant-switch-handle::before,.img-thm__icon,.img-thm__mask{transition:all .2s ease-in-out}.ant-switch-checked .ant-switch-inner{margin:0 22px 0 4px}.ant-switch-handle{position:absolute;top:2px;left:2px;width:16px;height:16px}.ant-switch-handle::before{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px 0 rgba(0,35,11,.2);content:''}.ant-switch-checked .ant-switch-handle{left:calc(100% - 16px - 2px)}.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before{right:-30%;left:0}.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before{right:0;left:-30%}.ant-switch-loading-icon{position:relative;top:2px;color:rgba(0,0,0,.65);vertical-align:top}.ant-switch-checked .ant-switch-loading-icon{color:#F5222D}.ant-switch-small{min-width:24px;height:14px;line-height:14px}.ant-table,.ant-table-filter-dropdown,.ant-tabs-dropdown{line-height:1.66667;font-feature-settings:tnum;list-style:none;font-variant:tabular-nums;box-sizing:border-box}.ant-switch-small .ant-switch-inner{margin:0 5px 0 16px;font-size:12px}.ant-switch-small .ant-switch-handle{width:10px;height:10px}.ant-switch-small .ant-switch-loading-icon{top:.5px;font-size:9px}.ant-switch-small.ant-switch-checked .ant-switch-inner{margin:0 16px 0 5px}.ant-switch-small.ant-switch-checked .ant-switch-handle{left:calc(100% - 10px - 2px)}.ant-switch-rtl .ant-switch-inner{margin:0 22px 0 4px}.ant-switch-rtl .ant-switch-handle{right:2px;left:auto}.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle::before{right:0;left:-30%}.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle::before{right:-30%;left:0}.ant-switch-rtl.ant-switch-checked .ant-switch-inner{margin:0 4px 0 22px}.ant-switch-rtl.ant-switch-checked .ant-switch-handle{right:calc(100% - 16px - 2px)}.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle{right:calc(100% - 10px - 2px)}.ant-table-wrapper::after,.ant-table-wrapper::before{display:table;content:''}.ant-table.ant-table-middle{font-size:12px}.ant-table.ant-table-middle .ant-table-footer,.ant-table.ant-table-middle .ant-table-tbody>tr>td,.ant-table.ant-table-middle .ant-table-thead>tr>th,.ant-table.ant-table-middle .ant-table-title,.ant-table.ant-table-middle tfoot>tr>td,.ant-table.ant-table-middle tfoot>tr>th{padding:8px}.ant-table.ant-table-middle .ant-table-filter-trigger{margin-right:-4px}.ant-table.ant-table-middle .ant-table-expanded-row-fixed{margin:-8px}.ant-table.ant-table-middle .ant-table-tbody .ant-table-wrapper:only-child .ant-table{margin:-8px -8px -8px 25px}.ant-table.ant-table-small{font-size:12px}.ant-table.ant-table-small .ant-table-footer,.ant-table.ant-table-small .ant-table-tbody>tr>td,.ant-table.ant-table-small .ant-table-thead>tr>th,.ant-table.ant-table-small .ant-table-title,.ant-table.ant-table-small tfoot>tr>td,.ant-table.ant-table-small tfoot>tr>th{padding:4px}.ant-table.ant-table-small .ant-table-filter-trigger{margin-right:-2px}.ant-table.ant-table-small .ant-table-expanded-row-fixed{margin:-4px}.ant-table.ant-table-small .ant-table-tbody .ant-table-wrapper:only-child .ant-table{margin:-4px -4px -4px 21px}.ant-table-small .ant-table-thead>tr>th{background-color:#fafafa}.ant-table-small .ant-table-selection-column{width:46px;min-width:46px}.ant-table.ant-table-bordered>.ant-table-title{border:1px solid #f0f0f0;border-bottom:0}.ant-table.ant-table-bordered>.ant-table-container{border:1px solid #f0f0f0;border-right:0;border-bottom:0}.ant-table-thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr:not(:last-child)>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr:not(:last-child)>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr:not(:last-child)>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr:not(:last-child)>th{border-bottom:1px solid #f0f0f0}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>th{border-right:1px solid #f0f0f0}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>th::before,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>th::before,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>th::before,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>th::before{background-color:transparent!important}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tfoot>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>thead>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tfoot>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>thead>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tfoot>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>thead>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tfoot>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>thead>tr>.ant-table-cell-fix-right-first::after{border-right:1px solid #f0f0f0}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-12px -9px}.ant-table.ant-table-bordered>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-header>table>tbody>tr>td>.ant-table-expanded-row-fixed::after,.ant-table.ant-table-bordered>.ant-table-container>.ant-table-summary>table>tbody>tr>td>.ant-table-expanded-row-fixed::after{position:absolute;top:0;right:1px;bottom:0;border-right:1px solid #f0f0f0;content:''}.ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.ant-table-body>table>tbody>tr.ant-table-expanded-row>td,.ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.ant-table-body>table>tbody>tr.ant-table-placeholder>td{border-right:0}.ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-8px -9px}.ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.ant-table-body>table>tbody>tr>td>.ant-table-expanded-row-fixed,.ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.ant-table-content>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-4px -5px}.ant-table.ant-table-bordered>.ant-table-footer{border:1px solid #f0f0f0;border-top:0}.ant-table-cell .ant-table-container:first-child{border-top:0}.ant-table-cell-scrollbar{box-shadow:0 1px 0 1px #fafafa}.ant-table-wrapper{clear:both;max-width:100%}.ant-table-wrapper::after{clear:both}.ant-table{margin:0;padding:0;color:rgba(0,0,0,.85);position:relative;font-size:12px;background:#fff;border-radius:2px}.ant-table-footer,.ant-table-thead>tr>th{color:rgba(0,0,0,.85);background:#fafafa}.ant-table table{width:100%;text-align:left;border-radius:2px 2px 0 0;border-collapse:separate;border-spacing:0}.ant-table tfoot>tr>td,.ant-table tfoot>tr>th,.ant-table-tbody>tr>td,.ant-table-thead>tr>th{position:relative;padding:12px 8px;overflow-wrap:break-word}.ant-table-cell-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}.ant-table-cell-ellipsis.ant-table-cell-fix-left-last,.ant-table-cell-ellipsis.ant-table-cell-fix-right-first{overflow:visible}.ant-table-cell-ellipsis.ant-table-cell-fix-left-last .ant-table-cell-content,.ant-table-cell-ellipsis.ant-table-cell-fix-right-first .ant-table-cell-content{display:block;overflow:hidden;text-overflow:ellipsis}.ant-table-cell-ellipsis .ant-table-column-title{overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.ant-table-footer,.ant-table-title{padding:12px 8px}.ant-table-thead>tr>th{position:relative;font-weight:500;text-align:left;transition:background .3s ease}.ant-table-thead>tr>th[colspan]:not([colspan='1']){text-align:center}.ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before{position:absolute;top:50%;right:0;width:1px;height:1.6em;background-color:rgba(0,0,0,.06);transform:translateY(-50%);transition:background-color .3s;content:''}.ant-table-thead>tr:not(:last-child)>th[colspan]{border-bottom:0}.ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0;transition:background .3s}.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td,.notice-icon .ant-list-item:last-child{border-bottom:0}.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table{margin:-12px -8px -12px 25px}.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:first-child,.ant-table-tbody>tr>td>.ant-table-expanded-row-fixed>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:last-child,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:first-child,.ant-table-tbody>tr>td>.ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td:last-child{border-radius:0}.ant-table-tbody>tr.ant-table-row:hover>td{background:#fafafa}.ant-table-tbody>tr.ant-table-row-selected>td{background:#e6f7ff;border-color:rgba(0,0,0,.03)}.ant-table-tbody>tr.ant-table-row-selected:hover>td{background:#dcf4ff}.ant-table-summary{background:#fff}div.ant-table-summary{box-shadow:0 -1px 0 #f0f0f0}.ant-table-summary>tr>td,.ant-table-summary>tr>th{border-bottom:1px solid #f0f0f0}.ant-table-pagination.ant-pagination{margin:16px 0}.ant-table-pagination{display:flex;flex-wrap:wrap;row-gap:4px}.ant-table-pagination>*{flex:none}.ant-table-pagination-left{justify-content:flex-start}.ant-table-pagination-center{justify-content:center}.ant-table-pagination-right{justify-content:flex-end}.ant-table-thead th.ant-table-column-has-sorters{cursor:pointer;transition:all .3s}.ant-table-thead th.ant-table-column-has-sorters:hover{background:rgba(0,0,0,.04)}.ant-table-thead th.ant-table-column-has-sorters:hover::before{background-color:transparent!important}.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-left:hover,.ant-table-thead th.ant-table-column-has-sorters.ant-table-cell-fix-right:hover,.ant-table-thead th.ant-table-column-sort{background:#f5f5f5}.ant-table-thead th.ant-table-column-sort::before{background-color:transparent!important}td.ant-table-column-sort{background:#fafafa}.ant-table-column-title{position:relative;z-index:1;flex:1}.ant-table-column-sorters{display:flex;flex:auto;align-items:center;justify-content:space-between}.ant-table-column-sorters::after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;content:''}.ant-table-column-sorter{color:#bfbfbf;font-size:0;transition:color .3s}.ant-table-column-sorter-inner{display:inline-flex;flex-direction:column;align-items:center}.ant-table-filter-column,.ant-table-filter-dropdown-btns{display:flex;justify-content:space-between}.ant-table-column-sorter-down,.ant-table-column-sorter-up{font-size:11px}.ant-table-column-sorter-down.active,.ant-table-column-sorter-up.active{color:#F5222D}.ant-table-column-sorter-up+.ant-table-column-sorter-down{margin-top:-.3em}.ant-table-column-sorters:hover .ant-table-column-sorter{color:#a6a6a6}.ant-table-filter-trigger{position:relative;display:flex;align-items:center;margin:-4px -4px -4px 4px;padding:0 4px;color:#bfbfbf;font-size:12px;border-radius:2px;cursor:pointer;transition:all .3s}.ant-table-filter-trigger:hover{color:rgba(0,0,0,.45);background:rgba(0,0,0,.04)}.ant-table-filter-trigger.active{color:#F5222D}.ant-table-filter-dropdown{margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;min-width:120px;background-color:#fff;border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-table-filter-dropdown .ant-dropdown-menu{max-height:264px;overflow-x:hidden;border:0;box-shadow:none}.ant-table-filter-dropdown-submenu>ul{max-height:calc(100vh - 130px);overflow-x:hidden;overflow-y:auto}.ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span{padding-left:8px}.ant-table-filter-dropdown-btns{padding:7px 8px 7px 3px;overflow:hidden;background-color:inherit;border-top:1px solid #f0f0f0}.ant-table-selection-col{width:32px}.ant-table-bordered .ant-table-selection-col{width:50px}table tr td.ant-table-selection-column,table tr th.ant-table-selection-column{padding-right:4px;padding-left:4px;text-align:center}table tr td.ant-table-selection-column .ant-radio-wrapper,table tr th.ant-table-selection-column .ant-radio-wrapper{margin-right:0}table tr th.ant-table-selection-column::after{background-color:transparent!important}.ant-table-selection{position:relative;display:inline-flex;flex-direction:column}.ant-table-selection-extra{position:absolute;top:0;z-index:1;cursor:pointer;transition:all .3s;margin-inline-start:100%;padding-inline-start:0}.ant-table-selection-extra .anticon{color:#bfbfbf;font-size:10px}.ant-table-selection-extra .anticon:hover{color:#a6a6a6}.ant-table-expand-icon-col{width:48px}.ant-table-row-expand-icon-cell{text-align:center}.ant-table-row-indent{float:left;height:1px}.ant-table-row-expand-icon{text-decoration:none;cursor:pointer;position:relative;display:inline-flex;float:left;box-sizing:border-box;width:17px;height:17px;padding:0;color:inherit;line-height:17px;background:#fff;border:1px solid #f0f0f0;border-radius:2px;outline:0;transform:scale(.82352941);transition:all .3s;user-select:none}.ant-table-row-expand-icon:focus,.ant-table-row-expand-icon:hover{color:#cf1322}.ant-table-row-expand-icon:active{color:#cf1322}.ant-table-row-expand-icon:active,.ant-table-row-expand-icon:focus,.ant-table-row-expand-icon:hover{border-color:currentColor}.ant-table-row-expand-icon::after,.ant-table-row-expand-icon::before{position:absolute;background:currentColor;transition:transform .3s ease-out;content:''}.ant-table-row-expand-icon::before{top:7px;right:3px;left:3px;height:1px}.ant-table-row-expand-icon::after{top:3px;bottom:3px;left:7px;width:1px;transform:rotate(90deg)}.ant-table-row-expand-icon-collapsed::before{transform:rotate(-180deg)}.ant-table-row-expand-icon-collapsed::after{transform:rotate(0)}.ant-table-row-expand-icon-spaced{background:0 0;border:0;visibility:hidden}.ant-table-row-expand-icon-spaced::after,.ant-table-row-expand-icon-spaced::before{display:none;content:none}.ant-table-row-indent+.ant-table-row-expand-icon{margin-top:1.5px;margin-right:4px}tr.ant-table-expanded-row:hover>td,tr.ant-table-expanded-row>td{background:#fbfbfb}tr.ant-table-expanded-row .ant-descriptions-view{display:flex}tr.ant-table-expanded-row .ant-descriptions-view table{flex:auto;width:auto}.ant-table .ant-table-expanded-row-fixed{position:relative;margin:-12px -8px;padding:12px 8px}.ant-table-tbody>tr.ant-table-placeholder{text-align:center}.ant-table-empty .ant-table-tbody>tr.ant-table-placeholder{color:rgba(0,0,0,.25)}.ant-table-tbody>tr.ant-table-placeholder:hover>td{background:#fff}.ant-table-cell-fix-left,.ant-table-cell-fix-right{position:-webkit-sticky!important;position:sticky!important;z-index:2;background:#fff}.ant-table .ant-table-container::after,.ant-table .ant-table-container::before,.ant-table-cell-fix-left-first::after,.ant-table-cell-fix-left-last::after,.ant-table-cell-fix-right-first::after,.ant-table-cell-fix-right-last::after{position:absolute;transition:box-shadow .3s;width:30px;top:0;content:'';pointer-events:none}.ant-table-cell-fix-left-first::after,.ant-table-cell-fix-left-last::after{right:0;bottom:-1px;transform:translateX(100%)}.ant-table-cell-fix-right-first::after,.ant-table-cell-fix-right-last::after{bottom:-1px;left:0;transform:translateX(-100%)}.ant-table .ant-table-container::after,.ant-table .ant-table-container::before{bottom:0;z-index:1}.ant-table .ant-table-container::before{left:0}.ant-table .ant-table-container::after{right:0}.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container{position:relative}.ant-table-ping-left .ant-table-cell-fix-left-first::after,.ant-table-ping-left .ant-table-cell-fix-left-last::after,.ant-table-ping-left:not(.ant-table-has-fix-left) .ant-table-container::before{box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.15)}.ant-table-ping-left .ant-table-cell-fix-left-last::before{background-color:transparent!important}.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container{position:relative}.ant-table-sticky-holder,.ant-table-sticky-scroll{position:sticky;z-index:3}.ant-table-ping-right .ant-table-cell-fix-right-first::after,.ant-table-ping-right .ant-table-cell-fix-right-last::after,.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after{box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.15)}.ant-table-sticky-scroll{bottom:0;display:flex;align-items:center;background:#fff;border-top:1px solid #f0f0f0;opacity:.6}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after{opacity:1}.ant-table-sticky-scroll:hover{transform-origin:center bottom}.ant-table-sticky-scroll-bar{height:8px;background-color:rgba(0,0,0,.35);border-radius:4px}.ant-table-sticky-scroll-bar-active,.ant-table-sticky-scroll-bar:hover{background-color:rgba(0,0,0,.8)}@media all and (-ms-high-contrast:none){.ant-table-ping-left .ant-table-cell-fix-left-last::after,.ant-table-ping-right .ant-table-cell-fix-right-first::after{box-shadow:none!important}}.ant-table-title{border-radius:2px 2px 0 0}.ant-table-title+.ant-table-container{border-top-left-radius:0;border-top-right-radius:0}.ant-table-title+.ant-table-container table>thead>tr:first-child th:first-child,.ant-table-title+.ant-table-container table>thead>tr:first-child th:last-child{border-radius:0}.ant-table-container,.ant-table-container table>thead>tr:first-child th:first-child{border-top-left-radius:2px}.ant-table-container,.ant-table-container table>thead>tr:first-child th:last-child{border-top-right-radius:2px}.ant-table-footer{border-radius:0 0 2px 2px}.ant-table-wrapper-rtl .ant-table table{text-align:right}.ant-table-wrapper-rtl .ant-table-thead>tr>th[colspan]:not([colspan='1']){text-align:center}.ant-table-wrapper-rtl .ant-table-thead>tr>th{text-align:right}.ant-table-wrapper-rtl .ant-table thead>tr>th.ant-table-selection-column,.ant-table-wrapper-rtl .ant-table-selection{text-align:center}.ant-table-tbody>tr .ant-table-wrapper:only-child .ant-table.ant-table-rtl{margin:-12px 25px -12px -8px}.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-left{justify-content:flex-end}.ant-table-wrapper.ant-table-wrapper-rtl .ant-table-pagination-right{justify-content:flex-start}.ant-table-wrapper-rtl .ant-table-column-sorter{margin-right:4px;margin-left:0}.ant-table-wrapper-rtl .ant-table-filter-column-title{padding:12px 8px 12px 2.3em}.ant-table-rtl .ant-table-thead tr th.ant-table-column-has-sorters .ant-table-filter-column-title{padding:0 0 0 2.3em}.ant-table-wrapper-rtl .ant-table-filter-trigger-container{right:auto;left:0}.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-dropdown-menu-submenu-rtl.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span,.ant-dropdown-rtl .ant-table-filter-dropdown .ant-checkbox-wrapper+span,.ant-dropdown-rtl .ant-table-filter-dropdown-submenu .ant-checkbox-wrapper+span{padding-right:8px;padding-left:0}.ant-table-wrapper-rtl .ant-table-row-expand-icon,.ant-table-wrapper-rtl .ant-table-row-indent{float:right}.ant-table-wrapper-rtl .ant-table-row-indent+.ant-table-row-expand-icon{margin-right:0;margin-left:4px}.ant-table-wrapper-rtl .ant-table-row-expand-icon::after{transform:rotate(-90deg)}.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::before{transform:rotate(180deg)}.ant-table-wrapper-rtl .ant-table-row-expand-icon-collapsed::after{transform:rotate(0)}nz-table,nz-table-inner-default,nz-table-inner-scroll,nz-table-selection,nz-table-title-footer{display:block}nz-filter-trigger{display:inline-flex}.nz-table-out-bordered>.ant-table-container,.nz-table-out-bordered>.ant-table-title{border:1px solid #f0f0f0;border-bottom:0}.nz-table-out-bordered>.ant-table-footer{border:1px solid #f0f0f0;border-top:0}cdk-virtual-scroll-viewport.ant-table-body{overflow-y:scroll}.nz-table-hide-scrollbar{scrollbar-color:#fafafa #fafafa}.nz-table-hide-scrollbar::-webkit-scrollbar{background-color:#fafafa}.ant-table.ant-table-small .nz-table-hide-scrollbar{scrollbar-color:#fafafa #fafafa}.ant-table.ant-table-small .nz-table-hide-scrollbar::-webkit-scrollbar{background-color:transparent}.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tbody>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tfoot>tr>td,.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tfoot>tr>th,.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>thead>tr>th{border-right:1px solid #f0f0f0}.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>thead>tr:not(:last-child)>th{border-bottom:1px solid #f0f0f0}.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tbody>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tfoot>tr>.ant-table-cell-fix-right-first::after,.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>thead>tr>.ant-table-cell-fix-right-first::after{border-right:1px solid #f0f0f0}.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-12px -9px}.ant-table.ant-table-bordered>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tbody>tr>td>.ant-table-expanded-row-fixed::after{position:absolute;top:0;right:1px;bottom:0;border-right:1px solid #f0f0f0;content:''}.ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tbody>tr.ant-table-expanded-row>td,.ant-table.ant-table-bordered.ant-table-scroll-horizontal>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tbody>tr.ant-table-placeholder>td{border-right:0}.ant-table.ant-table-bordered.ant-table-middle>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-8px -9px}.ant-table.ant-table-bordered.ant-table-small>.ant-table-container>.cdk-virtual-scroll-viewport>.cdk-virtual-scroll-content-wrapper>table>tbody>tr>td>.ant-table-expanded-row-fixed{margin:-4px -5px}.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab{padding:4px 0;font-size:12px}.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab{padding:8px 0;font-size:14px}.ant-tabs-card.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab{padding:6px 8px}.ant-tabs-card.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab{padding:7px 8px 6px}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab{margin:0 0 0 32px}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type{margin-left:0}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon{margin-right:0;margin-left:8px}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{margin-right:4px;margin-left:0}.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon{margin:0}.ant-tabs-rtl.ant-tabs-left>.ant-tabs-content-holder,.ant-tabs-rtl.ant-tabs-right>.ant-tabs-nav{order:0}.ant-tabs-rtl.ant-tabs-right>.ant-tabs-content-holder{order:1}.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-right:0;margin-left:2px}.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item{text-align:right}.ant-tabs-bottom,.ant-tabs-top{flex-direction:column}.ant-tabs-bottom>.ant-tabs-nav,.ant-tabs-bottom>div>.ant-tabs-nav,.ant-tabs-top>.ant-tabs-nav,.ant-tabs-top>div>.ant-tabs-nav{margin:0 0 8px}.ant-tabs-bottom>.ant-tabs-nav::before,.ant-tabs-bottom>div>.ant-tabs-nav::before,.ant-tabs-top>.ant-tabs-nav::before,.ant-tabs-top>div>.ant-tabs-nav::before{position:absolute;right:0;left:0;border-bottom:1px solid #f0f0f0;content:''}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar{height:2px}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar-animated{transition:width .3s,left .3s,right .3s}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::before{top:0;bottom:0;width:30px}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::before{left:0;box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.08)}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap::after{right:0;box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.08)}.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>.ant-tabs-nav::before,.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-top>div>.ant-tabs-nav::before{bottom:0}.ant-tabs-bottom>.ant-tabs-nav,.ant-tabs-bottom>div>.ant-tabs-nav{order:1;margin-top:8px;margin-bottom:0}.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>.ant-tabs-nav::before,.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-bottom>div>.ant-tabs-nav::before{top:0}.ant-tabs-bottom>.ant-tabs-content-holder,.ant-tabs-bottom>div>.ant-tabs-content-holder{order:0}.ant-tabs-left>.ant-tabs-nav,.ant-tabs-left>div>.ant-tabs-nav,.ant-tabs-right>.ant-tabs-nav,.ant-tabs-right>div>.ant-tabs-nav{flex-direction:column;min-width:50px}.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab{padding:4px 16px;text-align:center}.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin:8px 0 0}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap{flex-direction:column}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::before{right:0;left:0;height:30px}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::before{top:0;box-shadow:inset 0 10px 8px -8px rgba(0,0,0,.08)}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap::after{bottom:0;box-shadow:inset 0 -10px 8px -8px rgba(0,0,0,.08)}.ant-cascader-menus,.ant-tabs-dropdown-menu,.ant-tooltip-inner,.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu{box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar{width:2px}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar-animated,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar-animated{transition:height .3s,top .3s}.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-operations{flex:1 0 auto;flex-direction:column}.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar{right:0}.ant-tabs-left>.ant-tabs-content-holder,.ant-tabs-left>div>.ant-tabs-content-holder{margin-left:-1px;border-left:1px solid #f0f0f0}.ant-tabs-left>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-left>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane{padding-left:16px}.ant-tabs-right>.ant-tabs-nav,.ant-tabs-right>div>.ant-tabs-nav{order:1}.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar{left:0}.ant-tabs-right>.ant-tabs-content-holder,.ant-tabs-right>div>.ant-tabs-content-holder{order:0;margin-right:-1px;border-right:1px solid #f0f0f0}.ant-tabs-right>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,.ant-tabs-right>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane{padding-right:16px}.ant-tabs-dropdown{margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;position:absolute;top:-9999px;left:-9999px;z-index:1050;display:block}.ant-tabs-dropdown-hidden{display:none}.ant-tabs-dropdown-menu{max-height:200px;margin:0;padding:4px 0;overflow-x:hidden;overflow-y:auto;text-align:left;list-style-type:none;background-color:#fff;background-clip:padding-box;border-radius:2px;outline:0}.ant-tabs-dropdown-menu-item{min-width:120px;margin:0;padding:5px 8px;overflow:hidden;color:rgba(0,0,0,.85);font-weight:400;font-size:12px;line-height:18px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:all .3s}.ant-tabs,.ant-timeline,.ant-tooltip,.ant-transfer{line-height:1.66667;font-feature-settings:tnum}.ant-tabs-dropdown-menu-item:hover{background:#f5f5f5}.ant-tabs-dropdown-menu-item-disabled,.ant-tabs-dropdown-menu-item-disabled:hover{color:rgba(0,0,0,.25);background:0 0;cursor:not-allowed}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{margin:0;padding:4px 8px;background:#fafafa;border:1px solid #f0f0f0;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active{color:#F5222D;background:#fff}.ant-tabs-card>.ant-tabs-nav .ant-tabs-ink-bar,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-ink-bar{visibility:hidden}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:2px}.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab{border-radius:2px 2px 0 0}.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab-active{border-bottom-color:#fff}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab{border-radius:0 0 2px 2px}.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab-active{border-top-color:#fff}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-top:2px}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab{border-radius:2px 0 0 2px}.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab-active{border-right-color:#fff}.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab{border-radius:0 2px 2px 0}.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab-active{border-left-color:#fff}.ant-tabs{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;list-style:none;display:flex;overflow:hidden}.ant-tabs>.ant-tabs-nav,.ant-tabs>div>.ant-tabs-nav{position:relative;display:flex;flex:none;align-items:center}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap{position:relative;display:inline-block;display:flex;flex:auto;align-self:stretch;overflow:hidden;white-space:nowrap;transform:translate(0)}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap::before,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap::after,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap::before{position:absolute;z-index:1;opacity:0;transition:opacity .3s;content:'';pointer-events:none}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-list,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-list{position:relative;display:flex;transition:transform .3s}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations{display:flex;align-self:stretch}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations-hidden,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations-hidden{position:absolute;visibility:hidden;pointer-events:none}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more{position:relative;padding:4px 8px;background:0 0;border:0}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more::after,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more::after{position:absolute;right:0;bottom:0;left:0;height:5px;transform:translateY(100%);content:''}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add{min-width:40px;padding:0 4px;background:#fafafa;border:1px solid #f0f0f0;border-radius:2px 2px 0 0;outline:0;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:hover,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:hover{color:#cf1322}.ant-tabs-tab-btn:active,.ant-tabs-tab-btn:focus,.ant-tabs-tab-remove:active,.ant-tabs-tab-remove:focus,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:focus,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:active,.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:focus{color:#cf1322}.ant-tabs-extra-content{flex:none}.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]),.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]){justify-content:center}.ant-tabs-ink-bar{position:absolute;background:#F5222D;pointer-events:none}.ant-tabs-dropdown-menu-item a[nz-tab-link],.ant-tabs-tab{position:relative}.ant-tabs-tab,.ant-tabs-tab-remove{background:0 0;cursor:pointer;font-size:12px;outline:0}.ant-tabs-tab{display:inline-flex;align-items:center;padding:8px 0;border:0}.ant-tabs-tab-btn{outline:0;transition:all .3s}.ant-tabs-tab-remove{flex:none;margin-right:0;margin-left:4px;color:rgba(0,0,0,.45);border:none;transition:all .3s}.ant-tabs-tab-remove:hover{color:rgba(0,0,0,.85)}.ant-tabs-tab:hover{color:#cf1322}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#F5222D;text-shadow:0 0 .25px currentColor}.ant-tabs-tab.ant-tabs-tab-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active,.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus{color:rgba(0,0,0,.25)}.ant-tabs-tab .ant-tabs-tab-remove .anticon{margin:0}.ant-tabs-tab .anticon{margin-right:8px}.ant-tabs-tab+.ant-tabs-tab{margin:0 0 0 32px}.ant-tabs-content{display:flex;width:100%}.ant-tabs-content-holder{flex:auto;min-width:0;min-height:0}.ant-tabs-content-animated{transition:margin .3s}.ant-tabs-tabpane{flex:none;width:100%;outline:0}a[nz-tab-link]::before{position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;content:''}a[nz-tab-link]~*{position:relative}nz-tab-nav-operation,nz-tabs-nav,nz-tabset{display:block}.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu{max-height:200px;margin:0;padding:4px 0;overflow-x:hidden;overflow-y:auto;text-align:left;list-style-type:none;background-color:#fff;background-clip:padding-box;border-radius:2px;outline:0}.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item{min-width:120px;margin:0;padding:5px 8px;overflow:hidden;color:rgba(0,0,0,.85);font-weight:400;font-size:12px;line-height:18px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:all .3s}.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item:hover{background:#f5f5f5}.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled,.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled:hover{color:rgba(0,0,0,.25);background:0 0;cursor:not-allowed}.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled a,.nz-tabs-dropdown.ant-dropdown .ant-dropdown-menu-item-disabled:hover a{pointer-events:none;color:rgba(0,0,0,.25)}.ant-tabs-rtl .ant-tabs-rtl-tab-next{right:auto;left:2px}.ant-tabs-tab-disabled a{pointer-events:none;color:rgba(0,0,0,.25)}.ant-tag{box-sizing:border-box;margin:0 8px 0 0;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;display:inline-block;height:auto;padding:0 7px;font-size:12px;line-height:18px;white-space:nowrap;background:#fafafa;border:1px solid #d9d9d9;border-radius:2px;opacity:1;transition:all .3s}.ant-tag-checkable,.ant-tag-has-color{border-color:transparent}.ant-tag,.ant-tag a,.ant-tag a:hover{color:rgba(0,0,0,.85)}.ant-tag>a:first-child:last-child{display:inline-block;margin:0 -8px;padding:0 8px}.ant-tag-hidden,.ant-timeline-item-last>.ant-timeline-item-tail,.ant-timeline-item-pending .ant-timeline-item-tail{display:none}.ant-tag-close-icon{margin-left:3px;color:rgba(0,0,0,.45);font-size:10px;cursor:pointer;transition:all .3s}.ant-tag-close-icon:hover{color:rgba(0,0,0,.85)}.ant-tag-has-color,.ant-tag-has-color .anticon-close,.ant-tag-has-color .anticon-close:hover,.ant-tag-has-color a,.ant-tag-has-color a:hover{color:#fff}.ant-tag-checkable{background-color:transparent;cursor:pointer}.ant-tag-checkable:not(.ant-tag-checkable-checked):hover{color:#F5222D}.ant-tag-checkable-checked,.ant-tag-checkable:active{color:#fff}.ant-tag-checkable-checked{background-color:#F5222D}.ant-tag-checkable:active{background-color:#cf1322}.ant-tag-pink{color:#c41d7f;background:#fff0f6;border-color:#ffadd2}.ant-tag-pink-inverse{color:#fff;background:#eb2f96;border-color:#eb2f96}.ant-tag-magenta{color:#c41d7f;background:#fff0f6;border-color:#ffadd2}.ant-tag-magenta-inverse{color:#fff;background:#eb2f96;border-color:#eb2f96}.ant-tag-red{color:#cf1322;background:#fff1f0;border-color:#ffa39e}.ant-tag-red-inverse{color:#fff;background:#f5222d;border-color:#f5222d}.ant-tag-volcano{color:#d4380d;background:#fff2e8;border-color:#ffbb96}.ant-tag-volcano-inverse{color:#fff;background:#fa541c;border-color:#fa541c}.ant-tag-orange{color:#d46b08;background:#fff7e6;border-color:#ffd591}.ant-tag-orange-inverse{color:#fff;background:#fa8c16;border-color:#fa8c16}.ant-tag-yellow{color:#d4b106;background:#feffe6;border-color:#fffb8f}.ant-tag-yellow-inverse{color:#fff;background:#fadb14;border-color:#fadb14}.ant-tag-gold{color:#d48806;background:#fffbe6;border-color:#ffe58f}.ant-tag-gold-inverse{color:#fff;background:#faad14;border-color:#faad14}.ant-tag-cyan{color:#08979c;background:#e6fffb;border-color:#87e8de}.ant-tag-cyan-inverse{color:#fff;background:#13c2c2;border-color:#13c2c2}.ant-tag-lime{color:#7cb305;background:#fcffe6;border-color:#eaff8f}.ant-tag-lime-inverse{color:#fff;background:#a0d911;border-color:#a0d911}.ant-tag-green{color:#389e0d;background:#f6ffed;border-color:#b7eb8f}.ant-tag-green-inverse{color:#fff;background:#52c41a;border-color:#52c41a}.ant-tag-blue{color:#cf1322;background:#e6f7ff;border-color:#91d5ff}.ant-tag-blue-inverse{color:#fff;background:#F5222D;border-color:#F5222D}.ant-tag-geekblue{color:#1d39c4;background:#f0f5ff;border-color:#adc6ff}.ant-tag-geekblue-inverse{color:#fff;background:#2f54eb;border-color:#2f54eb}.ant-tag-purple{color:#531dab;background:#f9f0ff;border-color:#d3adf7}.ant-tag-purple-inverse{color:#fff;background:#722ed1;border-color:#722ed1}.ant-tag-success{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}.ant-tag-processing{color:#F5222D;background:#e6f7ff;border-color:#91d5ff}.ant-tag-error{color:#f5222d;background:#fff1f0;border-color:#ffa39e}.ant-tag-warning{color:#fa8c16;background:#fff7e6;border-color:#ffd591}.ant-tag>.anticon+span,.ant-tag>span+.anticon{margin-left:7px}.ant-tag.ant-tag-rtl{margin-right:0;margin-left:8px;text-align:right}.ant-tag-rtl .ant-tag-close-icon{margin-right:3px;margin-left:0}.ant-tag-rtl.ant-tag>.anticon+span,.ant-tag-rtl.ant-tag>span+.anticon{margin-right:7px;margin-left:0}.ant-timeline,.ant-timeline-item{margin:0;list-style:none;font-size:12px}.ant-timeline{box-sizing:border-box;color:rgba(0,0,0,.85);font-variant:tabular-nums;padding:0}.ant-timeline-item{position:relative;padding-bottom:20px}.ant-timeline-item-tail{position:absolute;top:10px;left:4px;height:calc(100% - 10px);border-left:2px solid #f0f0f0}.ant-timeline-item-pending .ant-timeline-item-head{font-size:12px;background-color:transparent}.ant-timeline-item-head{position:absolute;width:10px;height:10px;background-color:#fff;border:2px solid transparent;border-radius:100px}.ant-timeline-item-head-blue{color:#F5222D;border-color:#F5222D}.ant-timeline-item-head-red{color:#ff4d4f;border-color:#ff4d4f}.ant-timeline-item-head-green{color:#52c41a;border-color:#52c41a}.ant-timeline-item-head-gray{color:rgba(0,0,0,.25);border-color:rgba(0,0,0,.25)}.ant-tooltip,.ant-transfer{color:rgba(0,0,0,.85);list-style:none}.ant-timeline-item-head-custom{position:absolute;top:5.5px;left:5px;width:auto;height:auto;margin-top:0;padding:3px 1px;line-height:1;text-align:center;border:0;border-radius:0;transform:translate(-50%,-50%)}.ant-timeline-item-content{position:relative;top:-7px;margin:0 0 0 18px;word-break:break-word}.ant-timeline-item-last>.ant-timeline-item-content{min-height:48px}.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,.ant-timeline.ant-timeline-label .ant-timeline-item-head,.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-label .ant-timeline-item-tail,.ant-timeline.ant-timeline-right .ant-timeline-item-head,.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-right .ant-timeline-item-tail{left:50%}.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline.ant-timeline-label .ant-timeline-item-head,.ant-timeline.ant-timeline-right .ant-timeline-item-head{margin-left:-4px}.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom{margin-left:1px}.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content{left:calc(50% - 4px);width:calc(50% - 14px);text-align:left}.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content{width:calc(50% - 12px);margin:0;text-align:right}.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom,.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail{left:calc(100% - 4px - 2px)}.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content{width:calc(100% - 18px)}.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail{display:block;height:calc(100% - 14px);border-left:2px dotted #f0f0f0}.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail{display:none}.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail{top:15px;display:block;height:calc(100% - 15px);border-left:2px dotted #f0f0f0}.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content{min-height:48px}.ant-timeline.ant-timeline-label .ant-timeline-item-label{position:absolute;top:-7px;width:calc(50% - 12px);text-align:right}.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label{left:calc(50% + 14px);width:calc(50% - 14px);text-align:left}.ant-timeline-rtl .ant-timeline-item-tail{right:4px;left:auto;border-right:2px solid #f0f0f0;border-left:none}.ant-timeline-rtl .ant-timeline-item-head-custom{right:5px;left:auto;transform:translate(50%,-50%)}.ant-timeline-rtl .ant-timeline-item-content{margin:0 18px 0 0}.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-tail,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-tail{right:50%;left:auto}.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head{margin-right:-4px;margin-left:0}.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom{margin-right:1px;margin-left:0}.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content{right:calc(50% - 4px);left:auto;text-align:right}.ant-timeline-rtl.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-content,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content{text-align:left}.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom,.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail{right:0;left:auto}.ant-timeline-rtl.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content{width:100%;margin-right:18px;text-align:right}.ant-timeline-rtl.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail,.ant-timeline-rtl.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail{border-right:2px dotted #f0f0f0;border-left:none}.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-label{text-align:left}.ant-timeline-rtl.ant-timeline.ant-timeline-label .ant-timeline-item-right .ant-timeline-item-label{right:calc(50% + 14px);text-align:right}.ant-tooltip{box-sizing:border-box;margin:0;padding:0;font-size:12px;font-variant:tabular-nums;z-index:1070;display:block;width:max-content;max-width:250px}.ant-tooltip-hidden{display:none}.ant-tooltip-placement-top,.ant-tooltip-placement-topLeft,.ant-tooltip-placement-topRight{padding-bottom:8px}.ant-tooltip-placement-right,.ant-tooltip-placement-rightBottom,.ant-tooltip-placement-rightTop{padding-left:8px}.ant-tooltip-placement-bottom,.ant-tooltip-placement-bottomLeft,.ant-tooltip-placement-bottomRight{padding-top:8px}.ant-tooltip-placement-left,.ant-tooltip-placement-leftBottom,.ant-tooltip-placement-leftTop{padding-right:8px}.ant-tooltip-inner{min-width:30px;min-height:32px;padding:6px 8px;color:#fff;text-align:left;text-decoration:none;word-wrap:break-word;background-color:rgba(0,0,0,.75);border-radius:2px}.ant-tooltip-arrow{position:absolute;display:block;width:13.07px;height:13.07px;overflow:hidden;background:0 0;pointer-events:none}.ant-tooltip-arrow-content{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:5px;height:5px;margin:auto;background-color:rgba(0,0,0,.75);content:'';pointer-events:auto}.ant-tooltip-placement-top .ant-tooltip-arrow,.ant-tooltip-placement-topLeft .ant-tooltip-arrow,.ant-tooltip-placement-topRight .ant-tooltip-arrow{bottom:-5.07px}.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow{bottom:5px}.ant-tooltip-placement-top .ant-tooltip-arrow-content,.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,.ant-tooltip-placement-topRight .ant-tooltip-arrow-content{box-shadow:3px 3px 7px rgba(0,0,0,.07);transform:translateY(-6.54px) rotate(45deg)}.ant-tooltip-placement-top .ant-tooltip-arrow{left:50%;transform:translateX(-50%)}.ant-tooltip-placement-topLeft .ant-tooltip-arrow{left:13px}.ant-tooltip-placement-topRight .ant-tooltip-arrow{right:13px}.ant-tooltip-placement-right .ant-tooltip-arrow,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,.ant-tooltip-placement-rightTop .ant-tooltip-arrow{left:-5.07px}.ant-tooltip-placement-right .ant-tooltip-arrow-content,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content,.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content{box-shadow:-3px 3px 7px rgba(0,0,0,.07);transform:translateX(6.54px) rotate(45deg)}.ant-tooltip-placement-right .ant-tooltip-arrow{top:50%;transform:translateY(-50%)}.ant-tooltip-placement-rightTop .ant-tooltip-arrow{top:5px}.ant-tooltip-placement-left .ant-tooltip-arrow,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,.ant-tooltip-placement-leftTop .ant-tooltip-arrow{right:-5.07px}.ant-tooltip-placement-left .ant-tooltip-arrow-content,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content,.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content{box-shadow:3px -3px 7px rgba(0,0,0,.07);transform:translateX(-6.54px) rotate(45deg)}.ant-tooltip-placement-left .ant-tooltip-arrow{top:50%;transform:translateY(-50%)}.ant-tooltip-placement-leftTop .ant-tooltip-arrow{top:5px}.ant-tooltip-placement-bottom .ant-tooltip-arrow,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{top:-5.07px}.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content{box-shadow:-3px -3px 7px rgba(0,0,0,.07);transform:translateY(6.54px) rotate(45deg)}.ant-tooltip-placement-bottom .ant-tooltip-arrow{left:50%;transform:translateX(-50%)}.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow{left:13px}.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{right:13px}.ant-tooltip-magenta .ant-tooltip-arrow-content,.ant-tooltip-magenta .ant-tooltip-inner,.ant-tooltip-pink .ant-tooltip-arrow-content,.ant-tooltip-pink .ant-tooltip-inner{background-color:#eb2f96}.ant-tooltip-red .ant-tooltip-arrow-content,.ant-tooltip-red .ant-tooltip-inner{background-color:#f5222d}.ant-tooltip-volcano .ant-tooltip-arrow-content,.ant-tooltip-volcano .ant-tooltip-inner{background-color:#fa541c}.ant-tooltip-orange .ant-tooltip-arrow-content,.ant-tooltip-orange .ant-tooltip-inner{background-color:#fa8c16}.ant-tooltip-yellow .ant-tooltip-arrow-content,.ant-tooltip-yellow .ant-tooltip-inner{background-color:#fadb14}.ant-tooltip-gold .ant-tooltip-arrow-content,.ant-tooltip-gold .ant-tooltip-inner{background-color:#faad14}.ant-tooltip-cyan .ant-tooltip-arrow-content,.ant-tooltip-cyan .ant-tooltip-inner{background-color:#13c2c2}.ant-tooltip-lime .ant-tooltip-arrow-content,.ant-tooltip-lime .ant-tooltip-inner{background-color:#a0d911}.ant-tooltip-green .ant-tooltip-arrow-content,.ant-tooltip-green .ant-tooltip-inner{background-color:#52c41a}.ant-tooltip-blue .ant-tooltip-arrow-content,.ant-tooltip-blue .ant-tooltip-inner{background-color:#F5222D}.ant-tooltip-geekblue .ant-tooltip-arrow-content,.ant-tooltip-geekblue .ant-tooltip-inner{background-color:#2f54eb}.ant-tooltip-purple .ant-tooltip-arrow-content,.ant-tooltip-purple .ant-tooltip-inner{background-color:#722ed1}.ant-transfer-customize-list .ant-table-wrapper .ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th,.ant-upload.ant-upload-drag,.result .ant-steps .ant-steps-head,.result .ant-steps .ant-steps-title,.result__extra{background:#fafafa}.ant-tooltip-rtl .ant-tooltip-inner{text-align:right}.ant-tooltip{position:relative}.ant-transfer-customize-list .ant-transfer-list{flex:1 1 50%;width:auto;height:auto;min-height:200px}.ant-transfer-customize-list .ant-table-wrapper .ant-table-small{border:0;border-radius:0}.ant-transfer-customize-list .ant-table-wrapper .ant-table-small>.ant-table-content .ant-table-row:last-child td{border-bottom:1px solid #f0f0f0}.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body{margin:0}.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination{margin:16px 0 4px}.ant-transfer-customize-list .ant-input[disabled]{background-color:transparent}.ant-transfer{box-sizing:border-box;margin:0;padding:0;font-size:12px;font-variant:tabular-nums;position:relative;display:flex;align-items:stretch}.ant-transfer-disabled .ant-transfer-list{background:#f5f5f5}.ant-transfer-list{display:flex;flex-direction:column;width:180px;height:200px;border:1px solid #d9d9d9;border-radius:2px}.ant-transfer-list-header,.modal-header,.st .ant-table-tbody>tr .ant-table-wrapper:only-child .ant-table-tbody>tr:last-child>td{border-bottom:1px solid #f0f0f0}.ant-transfer-list-footer,.ant-transfer-list-pagination,.drawer-footer,.modal-footer{border-top:1px solid #f0f0f0}.ant-transfer-list-with-pagination{width:250px;height:auto}.ant-transfer-list-search{padding-right:24px;padding-left:8px}.ant-transfer-list-search-action{position:absolute;top:8px;right:12px;bottom:12px;width:28px;color:rgba(0,0,0,.25);line-height:28px;text-align:center}.ant-transfer-list-search-action .anticon{color:rgba(0,0,0,.25);transition:all .3s}.ant-transfer-list-search-action .anticon:hover{color:rgba(0,0,0,.45)}span.ant-transfer-list-search-action{pointer-events:none}.ant-transfer-list-header{display:flex;flex:none;align-items:center;height:36px;padding:7px 8px 8px;color:rgba(0,0,0,.85);background:#fff;border-radius:2px 2px 0 0}.ant-transfer-list-header>:not(:last-child){margin-right:4px}.ant-transfer-list-header>*{flex:none}.ant-transfer-list-header-title{flex:auto;overflow:hidden;white-space:nowrap;text-align:right;text-overflow:ellipsis}.ant-transfer-list-header-dropdown{font-size:10px;transform:translateY(10%);cursor:pointer}.ant-transfer-list-header-dropdown[disabled]{cursor:not-allowed}.ant-transfer-list-body{display:flex;flex:auto;flex-direction:column;overflow:hidden;font-size:12px}.ant-transfer-list-body-search-wrapper{position:relative;flex:none;padding:8px}.ant-transfer-list-content{flex:auto;margin:0;padding:0;overflow:auto;list-style:none}.ant-transfer-list-content-item{display:flex;align-items:center;min-height:28px;padding:3px 8px;line-height:22px;transition:all .3s}.ant-transfer-list-content-item>:not(:last-child){margin-right:8px}.ant-transfer-list-content-item>*{flex:none}.ant-transfer-list-content-item-text{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ant-transfer-list-content-item-remove{text-decoration:none;outline:0;cursor:pointer;transition:color .3s;position:relative;color:#d9d9d9}.ant-transfer-list-content-item-remove:focus,.ant-transfer-list-content-item-remove:hover{color:#cf1322}.ant-transfer-list-content-item-remove:active{color:#cf1322}.ant-transfer-list-content-item-remove::after{position:absolute;top:-3px;right:-50%;bottom:-3px;left:-50%;content:''}.ant-transfer-list-content-item-remove:hover{color:#cf1322}.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover{background-color:#f5f5f5;cursor:pointer}.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled).ant-transfer-list-content-item-checked:hover{background-color:#dcf4ff}.ant-transfer-list-content-show-remove .ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover{background:0 0;cursor:default}.ant-transfer-list-content-item-checked{background-color:#e6f7ff}.ant-transfer-list-content-item-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-transfer-list-pagination{padding:4px 0;text-align:right}.ant-transfer-list-body-not-found{flex:none;width:100%;margin:auto 0;color:rgba(0,0,0,.25);text-align:center}.ant-transfer-rtl .ant-transfer-list-header-title,.ant-transfer-rtl .ant-transfer-list-pagination{text-align:left}.ant-transfer-operation{display:flex;flex:none;flex-direction:column;align-self:center;margin:0 8px;vertical-align:middle}.ant-transfer-operation .ant-btn{display:block}.ant-transfer-operation .ant-btn:first-child{margin-bottom:4px}.ant-transfer-operation .ant-btn .anticon{font-size:12px}.ant-transfer .ant-empty-image{max-height:-4px}.ant-transfer-rtl .ant-transfer-list-search{padding-right:8px;padding-left:24px}.ant-transfer-rtl .ant-transfer-list-search-action{right:auto;left:12px}.ant-transfer-rtl .ant-transfer-list-footer,.ant-transfer-rtl .ant-transfer-list-header{right:0;left:auto}.ant-transfer-rtl .ant-transfer-list-header>:not(:last-child){margin-right:0;margin-left:4px}.ant-transfer-rtl .ant-transfer-list-content-item>:not(:last-child){margin-right:0;margin-left:8px}.ant-typography{color:rgba(0,0,0,.85);overflow-wrap:break-word}.ant-typography.ant-typography-secondary{color:rgba(0,0,0,.45)}.ant-typography.ant-typography-success{color:#52c41a}.ant-typography.ant-typography-warning{color:#faad14}.ant-typography.ant-typography-danger{color:#ff4d4f}a.ant-typography.ant-typography-danger:active,a.ant-typography.ant-typography-danger:focus,a.ant-typography.ant-typography-danger:hover{color:#ff7875}.ant-typography.ant-typography-disabled{color:rgba(0,0,0,.25);cursor:not-allowed;user-select:none}.ant-typography p,div.ant-typography{margin-bottom:1em}.ant-typography h1,.ant-typography h2,.ant-typography h3,.ant-typography h4,.ant-typography h5,h1.ant-typography,h2.ant-typography,h3.ant-typography,h4.ant-typography,h5.ant-typography{margin-bottom:.5em;color:rgba(0,0,0,.85);font-weight:600}.ant-typography h1,h1.ant-typography{font-size:33px;line-height:1.23}.ant-typography h2,h2.ant-typography{font-size:26px;line-height:1.35}.ant-typography h3,h3.ant-typography{font-size:21px;line-height:1.35}.ant-typography h4,h4.ant-typography{font-size:18px;line-height:1.4}.ant-typography h5,h5.ant-typography{font-size:14px;line-height:1.5}.ant-typography div+h1,.ant-typography div+h2,.ant-typography div+h3,.ant-typography div+h4,.ant-typography div+h5,.ant-typography h1+h1,.ant-typography h1+h2,.ant-typography h1+h3,.ant-typography h1+h4,.ant-typography h1+h5,.ant-typography h2+h1,.ant-typography h2+h2,.ant-typography h2+h3,.ant-typography h2+h4,.ant-typography h2+h5,.ant-typography h3+h1,.ant-typography h3+h2,.ant-typography h3+h3,.ant-typography h3+h4,.ant-typography h3+h5,.ant-typography h4+h1,.ant-typography h4+h2,.ant-typography h4+h3,.ant-typography h4+h4,.ant-typography h4+h5,.ant-typography h5+h1,.ant-typography h5+h2,.ant-typography h5+h3,.ant-typography h5+h4,.ant-typography h5+h5,.ant-typography li+h1,.ant-typography li+h2,.ant-typography li+h3,.ant-typography li+h4,.ant-typography li+h5,.ant-typography p+h1,.ant-typography p+h2,.ant-typography p+h3,.ant-typography p+h4,.ant-typography p+h5,.ant-typography ul+h1,.ant-typography ul+h2,.ant-typography ul+h3,.ant-typography ul+h4,.ant-typography ul+h5,.ant-typography+h1.ant-typography,.ant-typography+h2.ant-typography,.ant-typography+h3.ant-typography,.ant-typography+h4.ant-typography,.ant-typography+h5.ant-typography{margin-top:1.2em}.ant-typography code,.ant-typography kbd{margin:0 .2em;border:1px solid rgba(100,100,100,.2)}a.ant-typography-ellipsis,span.ant-typography-ellipsis{display:inline-block}.ant-typography a,a.ant-typography{color:#F5222D;outline:0;cursor:pointer;transition:color .3s;text-decoration:none}.ant-typography a:focus,.ant-typography a:hover,a.ant-typography:focus,a.ant-typography:hover{color:#cf1322}.ant-typography a:active,a.ant-typography:active{color:#cf1322}.ant-typography a:active,.ant-typography a:hover,a.ant-typography:active,a.ant-typography:hover{text-decoration:none}.ant-typography a.ant-typography-disabled,.ant-typography a[disabled],a.ant-typography.ant-typography-disabled,a.ant-typography[disabled]{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-typography a.ant-typography-disabled:active,.ant-typography a.ant-typography-disabled:hover,.ant-typography a[disabled]:active,.ant-typography a[disabled]:hover,a.ant-typography.ant-typography-disabled:active,a.ant-typography.ant-typography-disabled:hover,a.ant-typography[disabled]:active,a.ant-typography[disabled]:hover{color:rgba(0,0,0,.25)}.ant-typography a.ant-typography-disabled:active,.ant-typography a[disabled]:active,a.ant-typography.ant-typography-disabled:active,a.ant-typography[disabled]:active{pointer-events:none}.ant-typography code{padding:.2em .4em .1em;font-size:85%;background:rgba(150,150,150,.1);border-radius:3px}.ant-typography kbd{padding:.15em .4em .1em;font-size:90%;background:rgba(150,150,150,.06);border-bottom-width:2px;border-radius:3px}.ant-typography mark{padding:0;background-color:#ffe58f}.ant-typography ins,.ant-typography u{text-decoration:underline;text-decoration-skip-ink:auto}.ant-typography del,.ant-typography s,.task__item-done,.text-deleted{text-decoration:line-through}.ant-typography strong{font-weight:600}.ant-typography-copy,.ant-typography-edit,.ant-typography-expand{color:#F5222D;text-decoration:none;outline:0;cursor:pointer;transition:color .3s;margin-left:4px}.ant-typography-copy:focus,.ant-typography-copy:hover,.ant-typography-edit:focus,.ant-typography-edit:hover,.ant-typography-expand:focus,.ant-typography-expand:hover{color:#cf1322}.ant-typography-copy:active,.ant-typography-edit:active,.ant-typography-expand:active{color:#cf1322}.ant-typography-copy-success,.ant-typography-copy-success:focus,.ant-typography-copy-success:hover{color:#52c41a}.ant-typography-edit-content{position:relative}div.ant-typography-edit-content{left:-8px;margin-top:-4px;margin-bottom:calc(1em - 3px - 1px)}.ant-typography-edit-content-confirm{position:absolute;right:10px;bottom:8px;color:rgba(0,0,0,.45);pointer-events:none}.ant-typography-edit-content textarea{-moz-transition:none}.ant-typography ol,.ant-typography ul{margin:0 0 1em;padding:0}.ant-typography ol li,.ant-typography ul li{margin:0 0 0 20px;padding:0 0 0 4px}.ant-typography ul{list-style-type:circle}.ant-typography ul ul{list-style-type:disc}.ant-typography ol{list-style-type:decimal}.ant-typography blockquote,.ant-typography pre{margin:1em 0}.ant-typography pre{padding:.4em .6em;white-space:pre-wrap;word-wrap:break-word;background:rgba(150,150,150,.1);border:1px solid rgba(100,100,100,.2);border-radius:3px}.ant-typography pre code{display:inline;margin:0;padding:0;font-size:inherit;font-family:inherit;background:0 0;border:0}.ant-typography blockquote{padding:0 0 0 .6em;border-left:4px solid rgba(100,100,100,.2);opacity:.85}.ant-typography-single-line{white-space:nowrap}.ant-typography-ellipsis-single-line{overflow:hidden;text-overflow:ellipsis}a.ant-typography-ellipsis-single-line,span.ant-typography-ellipsis-single-line{vertical-align:bottom}.ant-typography-ellipsis-multiple-line{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;/*! autoprefixer: ignore next */-webkit-box-orient:vertical}.ant-typography-rtl .ant-typography-copy,.ant-typography-rtl .ant-typography-edit,.ant-typography-rtl .ant-typography-expand{margin-right:4px;margin-left:0}.ant-typography-rtl .ant-typography-expand{float:left}div.ant-typography-edit-content.ant-typography-rtl{right:-8px;left:auto}.ant-typography-rtl .ant-typography-edit-content-confirm{right:auto;left:10px}.ant-typography-rtl.ant-typography ol li,.ant-typography-rtl.ant-typography ul li{margin:0 20px 0 0;padding:0 4px 0 0}.ant-upload{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;outline:0}.ant-upload p{margin:0}.ant-upload-btn{display:block;width:100%;outline:0}.ant-upload input[type=file]{cursor:pointer}.ant-upload.ant-upload-select{display:inline-block}.ant-upload.ant-upload-disabled{cursor:not-allowed}.ant-upload.ant-upload-select-picture-card{width:104px;height:104px;margin-right:8px;margin-bottom:8px;text-align:center;vertical-align:top;background-color:#fafafa;border:1px dashed #d9d9d9;border-radius:2px;cursor:pointer;transition:border-color .3s}.ant-upload.ant-upload-select-picture-card>.ant-upload{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}.ant-upload.ant-upload-select-picture-card:hover{border-color:#F5222D}.ant-upload-disabled.ant-upload.ant-upload-select-picture-card:hover{border-color:#d9d9d9}.ant-upload.ant-upload-drag{position:relative;width:100%;height:100%;text-align:center;border:1px dashed #d9d9d9;border-radius:2px;cursor:pointer;transition:border-color .3s}.ant-upload.ant-upload-drag .ant-upload{padding:8px 0}.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled){border-color:#cf1322}.ant-upload.ant-upload-drag.ant-upload-disabled{cursor:not-allowed}.ant-upload.ant-upload-drag .ant-upload-btn{display:table;height:100%}.ant-upload.ant-upload-drag .ant-upload-drag-container{display:table-cell;vertical-align:middle}.ant-upload-list-item-name,.ant-upload-picture-card-wrapper{display:inline-block;width:100%}.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover{border-color:#cf1322}.ant-upload.ant-upload-drag p.ant-upload-drag-icon{margin-bottom:20px}.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon{color:#cf1322;font-size:48px}.ant-upload.ant-upload-drag p.ant-upload-text{margin:0 0 4px;color:rgba(0,0,0,.85);font-size:14px}.ant-upload.ant-upload-drag p.ant-upload-hint{color:rgba(0,0,0,.45);font-size:12px}.ant-upload.ant-upload-drag .anticon-plus{color:rgba(0,0,0,.25);font-size:30px;transition:all .3s}.ant-upload.ant-upload-drag .anticon-plus:hover,.ant-upload.ant-upload-drag:hover .anticon-plus{color:rgba(0,0,0,.45)}.ant-upload-list::after,.ant-upload-list::before,.ant-upload-picture-card-wrapper::after,.ant-upload-picture-card-wrapper::before{display:table;content:''}.ant-upload-picture-card-wrapper::after{clear:both}.ant-upload-list{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;line-height:1.66667}.ant-upload-list::after{clear:both}.ant-upload-list-item{position:relative;height:20px;margin-top:4px;font-size:12px}.ant-upload-list-item-name{padding-left:20px;overflow:hidden;line-height:1.66667;white-space:nowrap;text-overflow:ellipsis}.ant-upload-list-item-card-actions{position:absolute;right:0}.ant-upload-list-item-card-actions-btn{opacity:0}.ant-upload-list-item-card-actions-btn.ant-btn-sm{height:20px;line-height:1}.ant-upload-list-item-card-actions.picture{top:22px;line-height:0}.ant-upload-list-item-card-actions-btn:focus,.ant-upload-list-item-card-actions.picture .ant-upload-list-item-card-actions-btn{opacity:1}.ant-upload-list-item-card-actions .anticon{color:rgba(0,0,0,.45)}.ant-upload-list-item-info{height:100%;padding:0 4px;transition:background-color .3s}.ant-upload-list-item-info>span{display:block;width:100%;height:100%}.ant-upload-list-item-info .ant-upload-text-icon .anticon,.ant-upload-list-item-info .anticon-loading .anticon{position:absolute;top:4px;color:rgba(0,0,0,.45);font-size:12px}.ant-upload-list-item .anticon-close{position:absolute;top:6px;right:4px;color:rgba(0,0,0,.45);font-size:10px;line-height:0;cursor:pointer;opacity:0;transition:all .3s}.ant-upload-list-item-error .ant-upload-list-item-card-actions-btn,.ant-upload-list-item:hover .ant-upload-list-item-card-actions-btn,.ant-upload-list-item:hover .anticon-close{opacity:1}.ant-upload-list-item .anticon-close:hover{color:rgba(0,0,0,.85)}.ant-upload-list-item:hover .ant-upload-list-item-info{background-color:#f5f5f5}.ant-upload-list-picture .ant-upload-list-item:hover,.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,.ant-upload-list-picture-card .ant-upload-list-item:hover,.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info{background:0 0}.ant-upload-list-item-error,.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon,.ant-upload-list-item-error .ant-upload-list-item-name,.ant-upload-list-item-error .ant-upload-text-icon>.anticon{color:#ff4d4f}.ant-upload-list-item-progress{position:absolute;bottom:-12px;width:100%;padding-left:24px;font-size:12px;line-height:0}.ant-upload-list-picture .ant-upload-list-item,.ant-upload-list-picture-card .ant-upload-list-item{position:relative;height:66px;padding:4px;border:1px solid #d9d9d9;border-radius:2px}.ant-upload-list-picture .ant-upload-list-item-error,.ant-upload-list-picture-card .ant-upload-list-item-error{border-color:#ff4d4f}.ant-upload-list-picture .ant-upload-list-item-uploading,.ant-upload-list-picture-card .ant-upload-list-item-uploading{border-style:dashed}.ant-upload-list-picture .ant-upload-list-item-thumbnail,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail{width:48px;height:48px;line-height:54px;text-align:center;opacity:.8}.ant-upload-list-picture .ant-upload-list-item-thumbnail .anticon,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail .anticon{font-size:26px}.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff'],.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#e6f7ff']{fill:#fff2f0}.ant-upload-list-picture .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#F5222D'],.ant-upload-list-picture-card .ant-upload-list-item-error .ant-upload-list-item-thumbnail .anticon svg path[fill='#F5222D']{fill:#ff4d4f}.ant-upload-list-picture .ant-upload-list-item-icon,.ant-upload-list-picture-card .ant-upload-list-item-icon{position:absolute;top:50%;left:50%;font-size:26px;transform:translate(-50%,-50%)}.ant-upload-list-picture .ant-upload-list-item-icon .anticon,.ant-upload-list-picture-card .ant-upload-list-item-icon .anticon{font-size:26px}.ant-upload-list-picture .ant-upload-list-item-image,.ant-upload-list-picture-card .ant-upload-list-item-image{max-width:100%}.ant-upload-list-picture .ant-upload-list-item-thumbnail img,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{display:block;width:48px;height:48px;overflow:hidden}.ant-upload-list-picture .ant-upload-list-item-name,.ant-upload-list-picture-card .ant-upload-list-item-name{display:inline-block;box-sizing:border-box;max-width:100%;margin:0 0 0 8px;padding-right:8px;padding-left:48px;overflow:hidden;line-height:44px;white-space:nowrap;text-overflow:ellipsis;transition:all .3s}.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name{line-height:28px}.ant-upload-list-picture .ant-upload-list-item-progress,.ant-upload-list-picture-card .ant-upload-list-item-progress{bottom:14px;width:calc(100% - 24px);margin-top:0;padding-left:56px}.ant-upload-list-picture .anticon-close,.ant-upload-list-picture-card .anticon-close{position:absolute;top:8px;right:8px;line-height:1;opacity:1}.ant-upload-list-picture-card-container{display:inline-block;width:104px;height:104px;margin:0 4px 4px 0;vertical-align:top}.ant-upload-list-picture-card.ant-upload-list::after{display:none}.ant-upload-list-picture-card .ant-upload-list-item{height:100%;margin:0}.ant-upload-list-picture-card .ant-upload-list-item-info{position:relative;height:100%;overflow:hidden}.ant-upload-list-picture-card .ant-upload-list-item-info::before{position:absolute;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;transition:all .3s;content:' '}.ant-result-content,.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item{background-color:#fafafa}.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before{opacity:1}.ant-upload-list-picture-card .ant-upload-list-item-actions{position:absolute;top:50%;left:50%;z-index:10;white-space:nowrap;transform:translate(-50%,-50%);opacity:0;transition:all .3s}.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye{z-index:10;width:16px;margin:0 4px;color:rgba(255,255,255,.85);font-size:16px;cursor:pointer;transition:all .3s}.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye:hover{color:#fff}.ant-upload-list-picture-card .ant-upload-list-item-actions:hover,.ant-upload-list-picture-card .ant-upload-list-item-info:hover+.ant-upload-list-item-actions{opacity:1}.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img{position:static;display:block;width:100%;height:100%;object-fit:contain}.ant-upload-list-picture-card .ant-upload-list-item-name{display:none;margin:8px 0 0;padding:0;line-height:1.66667;text-align:center}.ant-upload-list-picture-card .ant-upload-list-item-file+.ant-upload-list-item-name{position:absolute;bottom:10px;display:block}.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info{height:auto}.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye,.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before{display:none}.ant-upload-list-picture-card .ant-upload-list-item-progress{bottom:32px;width:calc(100% - 14px);padding-left:0}.ant-upload-list-picture-container,.ant-upload-list-text-container{transition:opacity .3s,height .3s}.ant-upload-list-picture-container::before,.ant-upload-list-text-container::before{display:table;width:0;height:0;content:''}.ant-upload-list-picture-container .ant-upload-span,.ant-upload-list-text-container .ant-upload-span{display:block;flex:auto}.ant-upload-list-picture .ant-upload-span,.ant-upload-list-text .ant-upload-span{display:flex;align-items:center}.ant-upload-list-picture .ant-upload-span>*,.ant-upload-list-text .ant-upload-span>*{flex:none}.ant-upload-list-picture .ant-upload-list-item-name,.ant-upload-list-text .ant-upload-list-item-name{flex:auto;padding:0 4px}.ant-upload-list-picture .ant-upload-list-item-card-actions,.ant-upload-list-text .ant-upload-list-item-card-actions,.ant-upload-list-text .ant-upload-text-icon .anticon{position:static}.ant-upload-list .ant-upload-animate-inline-appear,.ant-upload-list .ant-upload-animate-inline-enter,.ant-upload-list .ant-upload-animate-inline-leave{animation-duration:.3s;animation-fill-mode:cubic-bezier(.78,.14,.15,.86)}.ant-upload-list .ant-upload-animate-inline-appear,.ant-upload-list .ant-upload-animate-inline-enter{animation-name:uploadAnimateInlineIn}.ant-upload-list .ant-upload-animate-inline-leave{animation-name:uploadAnimateInlineOut}@keyframes uploadAnimateInlineIn{from{width:0;height:0;margin:0;padding:0;opacity:0}}@keyframes uploadAnimateInlineOut{to{width:0;height:0;margin:0;padding:0;opacity:0}}.ant-upload-rtl.ant-upload.ant-upload-select-picture-card{margin-right:auto;margin-left:8px}.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1{padding-right:22px;padding-left:14px}.ant-upload-list-rtl .ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2{padding-right:22px;padding-left:28px}.ant-upload-list-rtl .ant-upload-list-item-name{padding-right:20px;padding-left:0}.ant-upload-list-rtl .ant-upload-list-item-name-icon-count-1{padding-left:14px}.ant-upload-list-rtl .ant-upload-list-item-card-actions{right:auto;left:0}.ant-upload-list-rtl .ant-upload-list-item-card-actions .anticon{padding-right:0;padding-left:5px}.ant-upload-list-rtl .ant-upload-list-item-info{padding:0 4px 0 12px}.ant-upload-list-rtl .ant-upload-list-item .anticon-close{right:auto;left:4px}.ant-upload-list-rtl .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon{padding-right:0;padding-left:5px}.ant-upload-list-rtl .ant-upload-list-item-progress{padding-right:24px;padding-left:0}.ant-upload-list-picture .ant-upload-list-item-info,.ant-upload-list-picture-card .ant-upload-list-item-info{padding:0}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-thumbnail,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-thumbnail{right:8px;left:auto}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-icon,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-icon{right:50%;left:auto;transform:translate(50%,-50%)}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name{margin:0 8px 0 0;padding-right:48px;padding-left:8px}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1{padding-right:48px;padding-left:18px}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2{padding-right:48px;padding-left:36px}.ant-upload-list-rtl.ant-upload-list-picture .ant-upload-list-item-progress,.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-progress{padding-right:0;padding-left:0}.ant-upload-list-rtl.ant-upload-list-picture .anticon-close,.ant-upload-list-rtl.ant-upload-list-picture-card .anticon-close{right:auto;left:8px}.ant-upload-list-rtl .ant-upload-list-picture-card-container{margin:0 0 4px 4px}.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-actions{right:50%;left:auto;transform:translate(50%,-50%)}.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item-file+.ant-upload-list-item-name{margin:8px 0 0;padding:0}.ant-cascader,.ant-cascader-picker,.ant-select-auto-complete{box-sizing:border-box;margin:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;line-height:1.66667}.ant-upload-list-rtl.ant-upload-list-picture-card .ant-upload-list-item{float:unset}.ant-select-auto-complete{padding:0}.ant-select-auto-complete .ant-select-clear{right:13px}.ant-select-dropdown-hidden{display:none}.ant-cascader{padding:0}.ant-cascader-input.ant-input{position:static;width:100%;padding-right:24px;background-color:transparent!important;cursor:pointer}.ant-cascader-picker-show-search .ant-cascader-input.ant-input{position:relative}.ant-cascader-picker{padding:0;position:relative;display:inline-block;background-color:#fff;border-radius:2px;outline:0;cursor:pointer;transition:color .3s}.ant-cascader-picker-with-value .ant-cascader-picker-label,.ellipsis__shadow{color:transparent}.ant-cascader-picker-disabled{color:rgba(0,0,0,.25);background:#f5f5f5;cursor:not-allowed}.ant-cascader-picker-disabled .ant-cascader-input{cursor:not-allowed}.ant-cascader-picker:focus .ant-cascader-input{outline:0;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.ant-input-rtl .ant-cascader-picker:focus .ant-cascader-input{border-right-width:0;border-left-width:1px!important}.ant-cascader-picker-borderless .ant-cascader-input{border-color:transparent!important;box-shadow:none!important}.ant-cascader-picker-show-search.ant-cascader-picker-focused{color:rgba(0,0,0,.25)}.ant-cascader-picker-label{position:absolute;top:50%;left:0;width:100%;height:20px;margin-top:-10px;padding:0 20px 0 8px;overflow:hidden;line-height:20px;white-space:nowrap;text-overflow:ellipsis}.ant-cascader-picker-arrow,.ant-cascader-picker-clear{position:absolute;top:50%;width:12px;height:12px;margin-top:-6px;line-height:12px;font-size:12px;right:8px}.ant-cascader-picker-clear{z-index:2;color:rgba(0,0,0,.25);background:#fff;cursor:pointer;opacity:0;transition:color .3s ease,opacity .15s ease}.ant-cascader-picker-clear:hover{color:rgba(0,0,0,.45)}.ant-cascader-picker:hover .ant-cascader-picker-clear{opacity:1}.ant-cascader-picker-arrow{z-index:1;color:rgba(0,0,0,.25)}.ant-cascader-menu,.ant-cascader-menus ol,.ant-cascader-menus ul{margin:0;list-style:none}.ant-input-rtl .ant-cascader-picker-label:hover+.ant-cascader-input:not(.ant-cascader-picker-disabled .ant-cascader-picker-label:hover+.ant-cascader-input){border-right-width:0;border-left-width:1px!important}.ant-cascader-picker-small .ant-cascader-picker-arrow,.ant-cascader-picker-small .ant-cascader-picker-clear{right:8px}.ant-cascader-menus{z-index:1050;font-size:12px;white-space:nowrap;background:#fff;border-radius:2px}.ant-cascader-menus-empty,.ant-cascader-menus-hidden{display:none}.ant-cascader-menus.ant-slide-up-appear.ant-slide-up-appear-active.ant-cascader-menus-placement-topLeft,.ant-cascader-menus.ant-slide-up-enter.ant-slide-up-enter-active.ant-cascader-menus-placement-topLeft{animation-name:antSlideDownIn}.ant-cascader-menus.ant-slide-up-leave.ant-slide-up-leave-active.ant-cascader-menus-placement-bottomLeft{animation-name:antSlideUpOut}.ant-cascader-menus.ant-slide-up-leave.ant-slide-up-leave-active.ant-cascader-menus-placement-topLeft{animation-name:antSlideDownOut}.ant-cascader-menu{display:inline-block;min-width:111px;height:180px;padding:4px 0;overflow:auto;vertical-align:top;border-right:1px solid #f0f0f0;-ms-overflow-style:-ms-autohiding-scrollbar}.alain-pro__light .alain-pro__sider .ant-menu-light,.ant-cascader-menu:last-child{border-right-color:transparent}.ant-cascader-menu:first-child{border-radius:2px 0 0 2px}.ant-cascader-menu:last-child{margin-right:-1px;border-radius:0 2px 2px 0}.ant-cascader-menu:only-child{border-radius:2px}.ant-cascader-menu-item{padding:5px 8px;overflow:hidden;line-height:18px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:all .3s}.ant-cascader-menu-item:hover{background:#f5f5f5}.ant-cascader-menu-item-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-cascader-menu-item-disabled:hover{background:0 0}.ant-cascader-menu-empty .ant-cascader-menu-item{color:rgba(0,0,0,.25);cursor:default;pointer-events:none}.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover{font-weight:600;background-color:#e6f7ff}.ant-cascader-menu-item-expand{position:relative;padding-right:24px}.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,.ant-cascader-menu-item-loading-icon{position:absolute;right:8px;color:rgba(0,0,0,.45);font-size:10px}.ant-cascader-menu-rtl .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,.ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon,.ant-cascader-picker-rtl .ant-cascader-picker-arrow,.ant-cascader-picker-rtl .ant-cascader-picker-clear,.ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-arrow,.ant-cascader-picker-rtl.ant-cascader-picker-small .ant-cascader-picker-clear{right:auto;left:8px}.ant-cascader-menu-item-disabled.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,.ant-cascader-menu-item-disabled.ant-cascader-menu-item-loading-icon,.ant-tree-checkbox-disabled+span{color:rgba(0,0,0,.25)}.ant-cascader-menu-item .ant-cascader-menu-item-keyword{color:#ff4d4f}.ant-cascader-picker-rtl .ant-cascader-input.ant-input{padding-right:7px;padding-left:24px;text-align:right}.ant-cascader-picker-rtl .ant-cascader-picker-label{padding:0 8px 0 20px;text-align:right}.ant-cascader-menu-rtl .ant-cascader-menu{border-right:none;border-left:1px solid #f0f0f0}.ant-cascader-menu-rtl .ant-cascader-menu:first-child{border-radius:0 2px 2px 0}.ant-cascader-menu-rtl .ant-cascader-menu:last-child{margin-right:0;margin-left:-1px;border-left-color:transparent;border-radius:2px 0 0 2px}.ant-cascader-menu-rtl .ant-cascader-menu:only-child{border-radius:2px}.ant-cascader-menu-rtl .ant-cascader-menu-item-expand{padding-right:8px;padding-left:24px}.ant-tree-checkbox,.ant-tree-checkbox-wrapper{box-sizing:border-box;padding:0;font-size:12px;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum}.ant-cascader-menu-rtl .ant-cascader-menu-item-loading-icon{transform:scaleY(-1)}.ant-cascader-menus{position:relative;margin-top:2px;margin-bottom:2px}nz-tree-virtual-scroll-view{display:block;position:relative;overflow:auto;contain:strict;transform:translateZ(0);will-change:scroll-position;-webkit-overflow-scrolling:touch}nz-tree-virtual-scroll-view .ant-tree-list,nz-tree-virtual-scroll-view .ant-tree-list-holder{height:100%}nz-tree-view .ant-tree-switcher+.ant-tree-switcher.nz-tree-leaf-line-icon,nz-tree-virtual-scroll-view .ant-tree-switcher+.ant-tree-switcher.nz-tree-leaf-line-icon{display:none}nz-tree-view .ant-tree-list-holder-inner{display:flex;flex-direction:column}.ant-tree-treenode-leaf-last .ant-tree-switcher-leaf-line::before{top:auto!important;bottom:auto!important;height:10px!important}.ant-tree.ant-tree-directory .ant-tree-treenode{position:relative}.ant-tree.ant-tree-directory .ant-tree-treenode::before{position:absolute;top:0;right:0;bottom:4px;left:0;transition:background-color .3s;content:'';pointer-events:none}.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before{background:#f5f5f5}.ant-tree.ant-tree-directory .ant-tree-treenode>*{z-index:1}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher{transition:color .3s}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper{border-radius:0;user-select:none}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover{background:0 0}.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected{color:#fff;background:0 0}.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before,.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before{background:#F5222D}.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher{color:#fff}.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper{color:#fff;background:0 0}.ant-tree-checkbox{color:rgba(0,0,0,.85);position:relative;line-height:1;white-space:nowrap;outline:0;cursor:pointer}.ant-tree-checkbox-input:focus+.ant-tree-checkbox-inner,.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,.ant-tree-checkbox:hover .ant-tree-checkbox-inner{border-color:#F5222D}.ant-tree-checkbox-checked::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #F5222D;border-radius:2px;visibility:hidden;animation:antCheckboxEffect .36s ease-in-out;animation-fill-mode:backwards;content:''}.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after,.ant-tree-checkbox:hover::after{visibility:visible}.ant-tree-checkbox-inner{position:relative;top:0;left:0;display:block;width:14px;height:14px;direction:ltr;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;border-collapse:separate;transition:all .3s}.ant-tree .ant-tree-treenode-rtl,.ant-tree-checkbox-rtl,.ant-tree-rtl{direction:rtl}.ant-tree-checkbox-inner::after{position:absolute;top:50%;left:22%;display:table;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;content:' '}.ant-tree-checkbox-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.ant-tree-checkbox-disabled,.ant-tree-checkbox-disabled .ant-tree-checkbox-input,.ant-tree-checkbox-disabled+span{cursor:not-allowed}.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:' '}.ant-tree-checkbox-checked .ant-tree-checkbox-inner{background-color:#F5222D;border-color:#F5222D}.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after{border-color:rgba(0,0,0,.25);animation-name:none}.ant-tree-checkbox-disabled .ant-tree-checkbox-inner{background-color:#f5f5f5;border-color:#d9d9d9!important}.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after{border-color:#f5f5f5;border-collapse:separate;animation-name:none}.ant-tree-checkbox-disabled:hover::after,.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after{visibility:hidden}.ant-tree-checkbox-wrapper{margin:0;color:rgba(0,0,0,.85);display:inline-flex;align-items:baseline;line-height:unset;cursor:pointer}.ant-tree-checkbox-wrapper::after{display:inline-block;width:0;overflow:hidden;content:'\a0'}.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled{cursor:not-allowed}.ant-tree-checkbox-wrapper+.ant-tree-checkbox-wrapper{margin-left:8px}.ant-tree-checkbox+span{padding-right:8px;padding-left:8px}.ant-select-tree-checkbox,.ant-select-tree-checkbox-wrapper,.ant-tree,.ant-tree-checkbox-group{padding:0;box-sizing:border-box;font-size:12px;font-variant:tabular-nums;list-style:none;font-feature-settings:tnum;color:rgba(0,0,0,.85)}.ant-tree-checkbox-group{margin:0;line-height:1.66667;display:inline-block}.ant-tree-checkbox-group-item{margin-right:6px}.ant-tree-checkbox-group-item:last-child{margin-right:0}.ant-tree-checkbox-group-item+.ant-tree-checkbox-group-item{margin-left:0}.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner{background-color:#fff;border-color:#d9d9d9}.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after{top:50%;left:50%;width:6px;height:6px;background-color:#F5222D;border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:' '}.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after{background-color:rgba(0,0,0,.25);border-color:rgba(0,0,0,.25)}.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item{margin-right:0;margin-left:6px}.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item:last-child{margin-left:0!important}.ant-tree-checkbox-group-rtl .ant-tree-checkbox-group-item+.ant-tree-checkbox-group-item{margin-left:6px}.ant-tree{margin:0;line-height:1.66667;background:#fff;border-radius:2px;transition:background-color .3s}.ant-tree-focused:not(:hover):not(.ant-tree-active-focused){background:#e6f7ff}.ant-tree-list-holder-inner{align-items:flex-start}.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner{align-items:stretch}.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper{flex:auto}.ant-tree .ant-tree-treenode{display:flex;align-items:flex-start;padding:0 0 2px;outline:0}.ant-select-tree-switcher,.ant-tree-switcher{flex:none;align-self:stretch;user-select:none}.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover{background:0 0}.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper{background:#f5f5f5}.ant-tree .ant-tree-treenode:not(.ant-tree .ant-tree-treenode-disabled).filter-node .ant-tree-title{color:inherit;font-weight:500}.ant-tree-indent{align-self:stretch;white-space:nowrap;user-select:none}.ant-tree-indent-unit{display:inline-block;width:20px}.ant-tree-switcher{position:relative;width:20px;margin:0;line-height:20px;text-align:center;cursor:pointer}.ant-tree-switcher .ant-select-tree-switcher-icon,.ant-tree-switcher .ant-tree-switcher-icon{display:inline-block;font-size:10px;vertical-align:baseline}.ant-tree-switcher .ant-select-tree-switcher-icon svg,.ant-tree-switcher .ant-tree-switcher-icon svg{transition:transform .3s}.ant-tree-switcher-noop{cursor:default}.ant-tree-switcher_close .ant-tree-switcher-icon svg{transform:rotate(-90deg)}.ant-tree-switcher-loading-icon{color:#F5222D}.ant-tree-switcher-leaf-line{position:relative;z-index:1;display:inline-block;width:100%;height:100%}.ant-tree-switcher-leaf-line::after,.ant-tree-switcher-leaf-line::before{position:absolute;margin-left:-1px;content:' '}.ant-tree-switcher-leaf-line::before{top:0;bottom:-2px;border-left:1px solid #d9d9d9}.ant-tree-switcher-leaf-line::after{width:6px;height:10px;border-bottom:1px solid #d9d9d9}.ant-tree-checkbox{top:initial;margin:3px 8px 0 0}.ant-tree .ant-tree-node-content-wrapper{position:relative;z-index:auto;min-height:20px;margin:0;padding:0 4px;color:inherit;line-height:20px;background:0 0;border-radius:2px;cursor:pointer;transition:all .3s,border 0s,line-height 0s,box-shadow 0s}.ant-tree .ant-tree-node-content-wrapper:hover{background-color:#f5f5f5}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:#bae7ff}.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;vertical-align:top}.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty,.ant-tree-show-line .ant-tree-indent-unit-end::before{display:none}.ant-tree-unselectable .ant-tree-node-content-wrapper:hover{background-color:transparent}.ant-tree-node-content-wrapper[draggable=true]{line-height:20px;user-select:none}.ant-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator{position:absolute;z-index:1;height:2px;background-color:#F5222D;border-radius:1px;pointer-events:none}.ant-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator::after{position:absolute;top:-3px;left:-6px;width:8px;height:8px;background-color:transparent;border:2px solid #F5222D;border-radius:50%;content:''}.ant-tree .ant-tree-treenode.drop-container>[draggable]{box-shadow:0 0 0 2px #F5222D}.ant-tree-show-line .ant-tree-indent-unit{position:relative;height:100%}.ant-tree-show-line .ant-tree-indent-unit::before{position:absolute;top:0;right:10px;bottom:-2px;border-right:1px solid #d9d9d9;content:''}.ant-tree-show-line .ant-tree-switcher{background:#fff}.ant-tree-show-line .ant-tree-switcher-line-icon{vertical-align:-.225em}.ant-tree-rtl .ant-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator::after{right:-6px;left:unset}.ant-tree-rtl .ant-tree-switcher_close .ant-tree-switcher-icon svg{transform:rotate(90deg)}.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before{right:auto;left:-11px;border-right:none;border-left:1px solid #d9d9d9}.ant-tree-rtl.ant-tree-checkbox,.ant-tree-select-dropdown-rtl .ant-select-tree-checkbox{margin:3px 0 0 8px}.font-highlight{color:#ff4d4f}.ant-tree-child-tree{overflow:hidden}nz-tree{display:block}.ant-select-tree-checkbox{position:relative;line-height:1;white-space:nowrap;outline:0;cursor:pointer}.ant-select-tree-checkbox-input:focus+.ant-select-tree-checkbox-inner,.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner{border-color:#F5222D}.ant-select-tree-checkbox-checked::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #F5222D;border-radius:2px;visibility:hidden;animation:antCheckboxEffect .36s ease-in-out;animation-fill-mode:backwards;content:''}.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after,.ant-select-tree-checkbox:hover::after{visibility:visible}.ant-input-number__hide-step .ant-input-number-handler-wrap,.ant-select-tree-checkbox-disabled:hover::after,.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after,.exception__img-block::after{visibility:hidden}.ant-select-tree-checkbox-inner{position:relative;top:0;left:0;display:block;width:14px;height:14px;direction:ltr;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;border-collapse:separate;transition:all .3s}.ant-picker-calendar-rtl,.ant-result-rtl,.ant-select-tree-checkbox-rtl,.ant-space-rtl,.ant-tree-select-dropdown-rtl,.avatar-list-rtl,.error-collect-rtl,.exception-rtl,.global-footer-rtl,.loading-default-rtl,.onboarding-rtl,.page-header-rtl,.result-rtl,.setting-drawer-rtl,.tag-select-rtl{direction:rtl}.ant-select-tree-checkbox-inner::after{position:absolute;top:50%;left:22%;display:table;width:5px;height:8px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;content:' '}.ant-select-tree-checkbox-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:' '}.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner{background-color:#F5222D;border-color:#F5222D}.ant-select-tree-checkbox-disabled{cursor:not-allowed}.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after{border-color:rgba(0,0,0,.25);animation-name:none}.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input{cursor:not-allowed}.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner{background-color:#f5f5f5;border-color:#d9d9d9!important}.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after{border-color:#f5f5f5;border-collapse:separate;animation-name:none}.ant-select-tree-checkbox-disabled+span{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-select-tree-checkbox-wrapper{margin:0;display:inline-flex;align-items:baseline;line-height:unset;cursor:pointer}.ant-select-tree-checkbox-wrapper::after{display:inline-block;width:0;overflow:hidden;content:'\a0'}.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled{cursor:not-allowed}.ant-select-tree-checkbox-wrapper+.ant-select-tree-checkbox-wrapper{margin-left:8px}.ant-select-tree-checkbox+span{padding-right:8px;padding-left:8px}.ant-select-tree-checkbox-group{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:12px;font-variant:tabular-nums;line-height:1.66667;list-style:none;font-feature-settings:tnum;display:inline-block}.ant-select-tree-checkbox-group-item{margin-right:6px}.ant-select-tree-checkbox-group-item:last-child{margin-right:0}.ant-select-tree-checkbox-group-item+.ant-select-tree-checkbox-group-item{margin-left:0}.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner{background-color:#fff;border-color:#d9d9d9}.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after{top:50%;left:50%;width:6px;height:6px;background-color:#F5222D;border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:' '}.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after{background-color:rgba(0,0,0,.25);border-color:rgba(0,0,0,.25)}.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item{margin-right:0;margin-left:6px}.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item:last-child{margin-left:0!important}.ant-select-tree-checkbox-group-rtl .ant-select-tree-checkbox-group-item+.ant-select-tree-checkbox-group-item{margin-left:6px}.ant-tree-select-dropdown{padding:4px 2px 0}.ant-tree-select-dropdown .ant-select-tree{border-radius:0}.ant-tree-select-dropdown .ant-select-tree-list-holder-inner{align-items:stretch}.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode{padding-bottom:4px}.ant-picker-calendar,.ant-select-tree{padding:0;font-size:12px;box-sizing:border-box;font-variant:tabular-nums;font-feature-settings:tnum;list-style:none}.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper{flex:auto}.ant-select-tree{margin:0;color:rgba(0,0,0,.85);line-height:1.66667;background:#fff;border-radius:2px;transition:background-color .3s}.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused){background:#e6f7ff}.ant-select-tree-list-holder-inner{align-items:flex-start}.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner{align-items:stretch}.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper{flex:auto}.ant-select-tree .ant-select-tree-treenode{display:flex;align-items:flex-start;padding:0 0 2px;outline:0}.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover{background:0 0}.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper{background:#f5f5f5}.ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title{color:inherit;font-weight:500}.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value,.ant-select-tree-switcher-loading-icon{color:#F5222D}.ant-select-tree-indent{align-self:stretch;white-space:nowrap;user-select:none}.ant-select-tree-indent-unit{display:inline-block;width:20px}.ant-select-tree-switcher{position:relative;width:20px;margin:0;line-height:20px;text-align:center;cursor:pointer}.ant-select-tree-switcher .ant-select-tree-switcher-icon,.ant-select-tree-switcher .ant-tree-switcher-icon{display:inline-block;font-size:10px;vertical-align:baseline}.ant-select-tree-switcher .ant-select-tree-switcher-icon svg,.ant-select-tree-switcher .ant-tree-switcher-icon svg{transition:transform .3s}.ant-select-tree-switcher-noop{cursor:default}.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg{transform:rotate(-90deg)}.ant-select-tree-switcher-leaf-line{position:relative;z-index:1;display:inline-block;width:100%;height:100%}.ant-select-tree-switcher-leaf-line::before{position:absolute;top:0;bottom:-2px;margin-left:-1px;border-left:1px solid #d9d9d9;content:' '}.ant-select-tree-switcher-leaf-line::after{position:absolute;width:6px;height:10px;margin-left:-1px;border-bottom:1px solid #d9d9d9;content:' '}.ant-select-tree-checkbox{top:initial;margin:3px 8px 0 0}.ant-select-tree .ant-select-tree-node-content-wrapper{position:relative;z-index:auto;min-height:20px;margin:0;padding:0 4px;color:inherit;line-height:20px;background:0 0;border-radius:2px;cursor:pointer;transition:all .3s,border 0s,line-height 0s,box-shadow 0s}.ant-select-tree .ant-select-tree-node-content-wrapper:hover{background-color:#f5f5f5}.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected{background-color:#bae7ff}.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;vertical-align:top}.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty,.ant-select-tree-show-line .ant-select-tree-indent-unit-end::before{display:none}.ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover{background-color:transparent}.ant-select-tree-node-content-wrapper[draggable=true]{line-height:20px;user-select:none}.ant-select-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator{position:absolute;z-index:1;height:2px;background-color:#F5222D;border-radius:1px;pointer-events:none}.ant-select-tree-node-content-wrapper[draggable=true] .ant-tree-drop-indicator::after{position:absolute;top:-3px;left:-6px;width:8px;height:8px;background-color:transparent;border:2px solid #F5222D;border-radius:50%;content:''}.ant-select-tree .ant-select-tree-treenode.drop-container>[draggable]{box-shadow:0 0 0 2px #F5222D}.ant-select-tree-show-line .ant-select-tree-indent-unit{position:relative;height:100%}.ant-select-tree-show-line .ant-select-tree-indent-unit::before{position:absolute;top:0;right:10px;bottom:-2px;border-right:1px solid #d9d9d9;content:''}.ant-select-tree-show-line .ant-select-tree-switcher{background:#fff}.ant-select-tree-show-line .ant-select-tree-switcher-line-icon{vertical-align:-.225em}.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg{transform:rotate(90deg)}.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon{transform:scaleY(-1)}.ant-tree.ant-select-tree.ant-tree-show-line nz-tree-node[builtin]:not(:last-child)>li::before{content:' ';width:1px;border-left:1px solid #d9d9d9;height:calc(100% - 16px);position:absolute;left:12px;margin:26px 0}.ant-select-dropdown.ant-select-tree-dropdown{top:100%;left:0;position:relative;width:100%;margin-top:4px;margin-bottom:4px;overflow:auto}.ant-picker-calendar{margin:0;color:rgba(0,0,0,.85);line-height:1.66667;background:#fff}.ant-picker-calendar-header{display:flex;justify-content:flex-end;padding:8px 0}.ant-picker-calendar-header .ant-picker-calendar-year-select{min-width:80px}.ant-picker-calendar-header .ant-picker-calendar-month-select{min-width:70px;margin-left:4px}.ant-picker-calendar-header .ant-picker-calendar-mode-switch{margin-left:4px}.ant-picker-calendar .ant-picker-panel{background:#fff;border:0;border-top:1px solid #f0f0f0;border-radius:0}.ant-picker-calendar .ant-picker-panel .ant-picker-date-panel,.ant-picker-calendar .ant-picker-panel .ant-picker-month-panel{width:auto}.ant-picker-calendar .ant-picker-panel .ant-picker-body{padding:4px 0}.ant-picker-calendar .ant-picker-panel .ant-picker-content{width:100%}.ant-picker-calendar-mini{border-radius:2px}.ant-picker-calendar-mini .ant-picker-calendar-header{padding-right:4px;padding-left:4px}.ant-picker-calendar-mini .ant-picker-panel{border-radius:0 0 2px 2px}.ant-picker-calendar-mini .ant-picker-content{height:256px}.ant-picker-calendar-mini .ant-picker-content th{height:auto;padding:0;line-height:18px}.ant-picker-calendar-full .ant-picker-panel{display:block;width:100%;text-align:right;background:#fff;border:0}.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-calendar-date-today::before,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell::before{display:none}.ant-picker-calendar-full .ant-picker-panel .ant-picker-body td,.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th{padding:0}.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th{height:auto;padding:0 12px 5px 0;line-height:18px}.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date{background:#f5f5f5}.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,.ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today{background:#e6f7ff}.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date{display:block;width:auto;height:auto;margin:0 2px;padding:2px 4px 0;border:0;border-top:2px solid #f0f0f0;border-radius:0;transition:background .3s}.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value{line-height:24px;transition:color .3s}.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content{position:static;width:auto;height:86px;overflow-y:auto;color:rgba(0,0,0,.85);line-height:1.66667;text-align:left}.ant-image,.half-float{position:relative}.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today{border-color:#F5222D}.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value{color:rgba(0,0,0,.85)}@media only screen and (max-width:480px){.ant-picker-calendar-header{display:block}.ant-picker-calendar-header .ant-picker-calendar-year-select{width:50%}.ant-picker-calendar-header .ant-picker-calendar-month-select{width:calc(50% - 4px)}.ant-picker-calendar-header .ant-picker-calendar-mode-switch{width:100%;margin-top:4px;margin-left:0}.ant-picker-calendar-header .ant-picker-calendar-mode-switch>label{width:50%;text-align:center}}.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-mode-switch,.ant-picker-calendar-rtl .ant-picker-calendar-header .ant-picker-calendar-month-select{margin-right:4px;margin-left:0}.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel{text-align:left}.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-body th{padding:0 0 5px 12px}.ant-picker-calendar-rtl.ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content{text-align:right}.ant-result{padding:48px 32px}.ant-result-success .ant-result-icon>.anticon{color:#52c41a}.ant-result-error .ant-result-icon>.anticon{color:#ff4d4f}.ant-result-info .ant-result-icon>.anticon{color:#F5222D}.ant-result-warning .ant-result-icon>.anticon{color:#faad14}.ant-result-image{width:250px;height:295px;margin:auto}.ant-result-icon{margin-bottom:24px;text-align:center}.ant-result-icon>.anticon{font-size:64px}.ant-result-title{color:rgba(0,0,0,.85);font-size:20px;line-height:1.8;text-align:center}.ant-result-subtitle{color:rgba(0,0,0,.45);font-size:12px;line-height:1.6;text-align:center}.ant-result-extra{margin:24px 0 0;text-align:center}.ant-result-extra>*{margin-right:8px}.ant-result-extra>:last-child{margin-right:0}.ant-result-content{margin-top:24px;padding:24px 40px}.ant-result-rtl .ant-result-extra>*{margin-right:0;margin-left:8px}.ant-result-rtl .ant-result-extra>:last-child{margin-left:0}nz-result{display:block}.ant-space{display:inline-flex}.ant-space-vertical{flex-direction:column}.ant-space-align-center{align-items:center}.ant-space-align-start{align-items:flex-start}.ant-space-align-end{align-items:flex-end}.ant-space-align-baseline{align-items:baseline}.ant-space-item:empty{display:none}nz-space-item{display:block}.ant-image{display:inline-block}.ant-image-mask,.ant-image-placeholder{position:absolute;left:0;right:0;bottom:0}.ant-image-img{display:block;width:100%;height:auto}.ant-image-img-placeholder{background-color:#f5f5f5;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);background-repeat:no-repeat;background-position:center center;background-size:30%}.ant-image-mask{top:0;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(0,0,0,.5);cursor:pointer;opacity:0;transition:opacity .3s}.ant-image-mask-info .anticon{margin-inline-end:0}.ant-image-mask:hover{opacity:1}.ant-image-placeholder{top:0}.ant-image-preview{pointer-events:none;height:100%;text-align:center}.ant-image-preview.ant-zoom-enter,.ant-image-preview.antzoom-appear{transform:none;opacity:0;animation-duration:.3s;user-select:none}.cdk-overlay-backdrop.ant-image-preview-mask,.img-thm:hover .img-thm__icon,.loading-backdrop{opacity:1}.ant-image-preview-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:rgba(0,0,0,.45)}.ant-image-preview-mask-hidden{display:none}.ant-image-preview-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;z-index:1080}.ant-image-preview-body{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ant-image-preview-img{max-width:100%;max-height:100%;vertical-align:middle;transform:scale3d(1,1,1);cursor:grab;transition:transform .3s cubic-bezier(.215,.61,.355,1) 0s;user-select:none;pointer-events:auto}.ant-image-preview-img-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .3s cubic-bezier(.215,.61,.355,1) 0s}.ant-image-preview-img-wrapper::before{display:inline-block;width:1px;height:50%;margin-right:-1px;content:''}.ant-image-preview-moving .ant-image-preview-img{cursor:grabbing}.ant-image-preview-moving .ant-image-preview-img-wrapper{transition-duration:0s}.ant-image-preview-operations{box-sizing:border-box;margin:0;padding:0;font-size:12px;font-variant:tabular-nums;line-height:1.66667;font-feature-settings:tnum;position:absolute;top:0;right:0;z-index:1;display:flex;flex-direction:row-reverse;align-items:center;width:100%;color:rgba(255,255,255,.85);list-style:none;background:rgba(0,0,0,.1);pointer-events:auto}.ant-image-preview-operations-icon,.ant-image-preview-switch-left>.anticon,.ant-image-preview-switch-right>.anticon{font-size:18px}.ant-image-preview-operations-operation{margin-left:8px;padding:8px;cursor:pointer}.ant-image-preview-operations-operation-disabled{color:rgba(255,255,255,.25);pointer-events:none}.ant-image-preview-operations-operation:last-of-type{margin-left:0}.ant-image-preview-switch-left,.ant-image-preview-switch-right{position:absolute;top:50%;right:10px;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-22px;color:rgba(255,255,255,.85);background:rgba(0,0,0,.1);border-radius:50%;cursor:pointer;pointer-events:auto}.ant-image-preview-switch-left-disabled,.ant-image-preview-switch-right-disabled{color:rgba(255,255,255,.25);cursor:not-allowed}.ant-form-item-label em,.dd-btn{color:#bfbfbf}.ant-image-preview-switch-left-disabled>.anticon,.ant-image-preview-switch-right-disabled>.anticon{cursor:not-allowed}.ant-image-preview-switch-left{left:10px}.ant-image-preview-switch-right{right:10px}sf+st{margin-top:16px}.ant-btn+.ant-btn,.ant-btn+nz-button-group,.ant-btn+nz-dropdown,.ant-btn+nz-popconfirm,nz-button-group+.ant-btn,nz-button-group+nz-popconfirm,nz-dropdown+.ant-btn,nz-popconfirm+.ant-btn,nz-popconfirm+nz-button-group,nz-popconfirm+nz-popconfirm{margin-left:8px}.ant-btn-group .ant-btn+.ant-btn{margin-left:-1px}.ant-transfer-operation .ant-btn+.ant-btn{margin-left:initial}[dir=rtl] .ant-btn+.ant-btn,[dir=rtl] .ant-btn+nz-button-group,[dir=rtl] .ant-btn+nz-dropdown,[dir=rtl] .ant-btn+nz-popconfirm,[dir=rtl] nz-button-group+.ant-btn,[dir=rtl] nz-button-group+nz-popconfirm,[dir=rtl] nz-dropdown+.ant-btn,[dir=rtl] nz-popconfirm+.ant-btn,[dir=rtl] nz-popconfirm+nz-button-group,[dir=rtl] nz-popconfirm+nz-popconfirm{margin-right:8px;margin-left:inherit}a:focus{text-decoration:none}.ant-card{margin-bottom:16px}.ant-card__body-nopadding .ant-card-body{padding:0!important}@media (min-width:300px){.ant-drawer-left .drawer-sm,.ant-drawer-right .drawer-sm{width:auto!important;max-width:300px}}@media (max-width:299px){.ant-drawer-left .drawer-sm,.ant-drawer-right .drawer-sm{width:100%!important}}@media (min-width:600px){.ant-drawer-left .drawer-md,.ant-drawer-right .drawer-md{width:auto!important;max-width:600px}}@media (max-width:599px){.ant-drawer-left .drawer-md,.ant-drawer-right .drawer-md{width:100%!important}}@media (min-width:900px){.ant-drawer-left .drawer-lg,.ant-drawer-right .drawer-lg{width:auto!important;max-width:900px}}@media (max-width:899px){.ant-drawer-left .drawer-lg,.ant-drawer-right .drawer-lg{width:100%!important}}@media (min-width:1200px){.ant-drawer-left .drawer-xl,.ant-drawer-right .drawer-xl{width:auto!important;max-width:1200px}}@media (max-width:1199px){.ant-drawer-left .drawer-xl,.ant-drawer-right .drawer-xl{width:100%!important}}.drawer-footer{position:absolute;bottom:0;left:0;width:100%;padding:8px 16px;text-align:right;background:#fff;border-radius:0 0 2px 2px}.ant-form-item-control em{margin-left:8px}[dir=rtl] .ant-form-item-control em{margin-right:8px;margin-left:inherit}@media (min-width:576px){.modal-sm .ant-modal{width:auto!important;max-width:300px}}@media (min-width:768px){.modal-md .ant-modal{width:auto!important;max-width:600px}}@media (min-width:992px){.modal-lg .ant-modal{width:auto!important;max-width:900px}}@media (min-width:1600px){.modal-xl .ant-modal{width:auto!important;max-width:1200px}}.modal-header{display:flex;justify-content:space-between;margin:-16px -16px 16px;padding:11px 16px;background:#fff;border-radius:2px 2px 0 0}.modal-title{margin:0;color:rgba(0,0,0,.85);font-weight:500;font-size:14px;line-height:22px;word-wrap:break-word}.modal-title small{margin-left:8px;color:#8c8c8c;font-size:12px}.modal-spin{display:block;min-height:150px;line-height:150px;text-align:center}.modal-footer{margin:16px -16px -16px;padding:8px 16px;text-align:right;border-radius:0 0 2px 2px}.modal-include-tabs nz-tabset{margin-top:-16px}.modal-body-nopadding .ant-modal-body{padding:0!important}.ant-table td .img,.ant-table td>img{max-width:32px;max-height:32px;margin-right:4px;vertical-align:middle;border-radius:4px}.ant-table-rep__hide-header-footer .ant-table-footer,.ant-table-rep__hide-header-footer .ant-table-title,.ant-table-rep__title{display:none}[dir=rtl] .ant-table td .img,[dir=rtl] .ant-table td>img{margin-right:inherit;margin-left:4px}@media screen and (max-width:767px){.ant-table-rep__title{display:inline-block;width:100px;padding-right:8px;color:rgba(0,0,0,.5);text-align:right}.ant-table-rep__hide-header-footer .ant-table-footer,.ant-table-rep__hide-header-footer .ant-table-title{display:block}.ant-table-rep .ant-table table{width:100%!important;table-layout:auto!important}.ant-table-rep .ant-table-thead{display:none}.ant-table-rep .ant-table-title{text-align:center;background:#f0f0f0}.ant-table-rep .ant-table-tbody>tr:nth-child(4n+3){background:#f9f9f9}.ant-table-rep .ant-table-tbody>tr>td{display:flex;align-items:center;width:100%;padding:6px 4px;white-space:inherit;text-align:left!important;border-bottom:none}.ant-table-rep .ant-table-tbody>tr>td .ant-table-rep__title+:not(.ant-avatar){flex:1;word-break:break-all}}.ant-tag__plus .ant-tag{background:#fff;border-style:dashed}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small{font-size:65%}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small{font-size:75%}.h1{font-size:32px}.h2{font-size:24px}.h3{font-size:20px}.h4{font-size:16px}.h5{font-size:14px}.h6{font-size:12px}.list-styled{list-style:inherit;padding-right:18px;padding-left:0}.list-unstyled{list-style:none;padding-right:0;padding-left:inherit}fieldset{border:none}.display-1{font-size:32px}.display-2{font-size:24px}.display-3{font-size:20px}.search__form .ant-form-item{margin-right:0;margin-bottom:16px}.search__form .ant-form-item-control{flex:1}.file-manager,.sf__object-card .sf__fixed{flex-wrap:wrap}.half-float img{display:block;max-width:100%;height:auto}.half-float .half-float-bottom{position:absolute;left:50%;z-index:2}.half-float.half-float-sm{margin-bottom:42px}.half-float.half-float-sm .half-float-bottom{bottom:-32px;width:64px;height:64px;margin-left:-32px}.half-float.half-float-md{margin-bottom:50px}.half-float.half-float-md .half-float-bottom{bottom:-40px;width:80px;height:80px;margin-left:-40px}.half-float.half-float-lg{margin-bottom:58px}.half-float.half-float-lg .half-float-bottom{bottom:-48px;width:96px;height:96px;margin-left:-48px}.row-masonry{position:relative;width:100%;margin:0;padding:0;column-gap:16px}.row-masonry>.col-masonry{display:inline-block;width:100%;min-height:1em;margin-bottom:15px}.sf__array>.ant-form-item,.sf__title{margin-bottom:8px}.row-masonry img{max-width:100%}@media only screen and (min-width:480px){.row-masonry-xs-1{column-count:1;columns:1}.row-masonry-xs-2{column-count:2;columns:2}.row-masonry-xs-3{column-count:3;columns:3}.row-masonry-xs-4{column-count:4;columns:4}.row-masonry-xs-5{column-count:5;columns:5}.row-masonry-xs-6{column-count:6;columns:6}.row-masonry-xs-7{column-count:7;columns:7}.row-masonry-xs-8{column-count:8;columns:8}.row-masonry-xs-9{column-count:9;columns:9}}@media only screen and (min-width:576px){.row-masonry-sm-1{column-count:1;columns:1}.row-masonry-sm-2{column-count:2;columns:2}.row-masonry-sm-3{column-count:3;columns:3}.row-masonry-sm-4{column-count:4;columns:4}.row-masonry-sm-5{column-count:5;columns:5}.row-masonry-sm-6{column-count:6;columns:6}.row-masonry-sm-7{column-count:7;columns:7}.row-masonry-sm-8{column-count:8;columns:8}.row-masonry-sm-9{column-count:9;columns:9}}@media only screen and (min-width:768px){.row-masonry-md-1{column-count:1;columns:1}.row-masonry-md-2{column-count:2;columns:2}.row-masonry-md-3{column-count:3;columns:3}.row-masonry-md-4{column-count:4;columns:4}.row-masonry-md-5{column-count:5;columns:5}.row-masonry-md-6{column-count:6;columns:6}.row-masonry-md-7{column-count:7;columns:7}.row-masonry-md-8{column-count:8;columns:8}.row-masonry-md-9{column-count:9;columns:9}}@media only screen and (min-width:992px){.row-masonry-lg-1{column-count:1;columns:1}.row-masonry-lg-2{column-count:2;columns:2}.row-masonry-lg-3{column-count:3;columns:3}.row-masonry-lg-4{column-count:4;columns:4}.row-masonry-lg-5{column-count:5;columns:5}.row-masonry-lg-6{column-count:6;columns:6}.row-masonry-lg-7{column-count:7;columns:7}.row-masonry-lg-8{column-count:8;columns:8}.row-masonry-lg-9{column-count:9;columns:9}}@media only screen and (min-width:1200px){.row-masonry-xl-1{column-count:1;columns:1}.row-masonry-xl-2{column-count:2;columns:2}.row-masonry-xl-3{column-count:3;columns:3}.row-masonry-xl-4{column-count:4;columns:4}.row-masonry-xl-5{column-count:5;columns:5}.row-masonry-xl-6{column-count:6;columns:6}.row-masonry-xl-7{column-count:7;columns:7}.row-masonry-xl-8{column-count:8;columns:8}.row-masonry-xl-9{column-count:9;columns:9}}.header-dropdown{background-color:#fff;border-radius:4px}@media screen and (max-width:480px){.header-dropdown{right:0!important;left:0!important;width:100%!important;border-radius:0!important}}.sf{display:block}.sf__optional{margin-left:2px;color:rgba(0,0,0,.35)}.sf__fixed{display:flex}.sf__title{padding:0 16px;font-weight:700;text-align:left}.sf__object-card .ant-card-body{padding-left:0}.sf__object-card-fold .ant-card-body{display:none}.sf__array-add{margin-right:16px}.sf__array-container .ant-card{margin:0 16px 16px 0}.sf__array-container .ant-card-body{padding-bottom:0}.sf__array-container .ant-card .sf__array-remove{position:absolute;top:-16px;right:-16px;display:none;width:32px;height:32px;font-size:20px;line-height:32px;text-align:center;background:rgba(0,0,0,.26);border-radius:50%;cursor:pointer}.sf__array-container .ant-card .sf__array-remove i{color:#fff}.sf__array-container .ant-card:hover .sf__array-remove{display:block}@media (max-width:767px){.sf__array>.ant-form-item>.ant-form-item-control-wrapper,.sf__array>.ant-form-item>.ant-form-item-label{flex:0 0 100%;max-width:100%}.sf__array>.ant-form-item>.ant-form-item-label{display:flex;margin-bottom:8px}.sf__array-container .ant-card{margin-right:0}.sf__array-container .ant-card .sf__array-remove{right:8px;display:block}.sf__array-container>.sf__array-item{flex:0 0 100%;max-width:100%}}.sf__checkbox-list{display:block;width:100%}@media (min-width:768px){.sf__checkbox-list .ant-col{margin-top:8px}}.sf .ant-upload-select-picture-card i{color:#999;font-size:32px}.sf .ant-upload.ant-upload-drag{height:180px}.sf .ant-transfer-list{background:#fff}.sf .ant-transfer-list-header label{position:unset}.sf .ant-transfer .ant-btn+.ant-btn{margin-left:0}.sf__no-error .ant-form-item{margin-bottom:8px}.sf__inline .sf__item{display:inline-block;margin-bottom:8px;vertical-align:top}.sf__inline .ant-form-inline>.sf__item,.sf__inline .sf__array-container .ant-card-body>.sf__item{margin-bottom:0}.sf__inline .ant-form-inline .ant-select{min-width:100px}.sf__inline .sf__array-container>.sf__array-item{flex:initial;width:100%;max-width:100%}.sf__inline .sf__array-container .ant-card{margin:0}.sf__inline .sf__array-container .ant-card-body{padding:8px 0 0 8px}.sf__inline .sf-btns{margin-right:0}@media (max-width:767px){.sf__inline .sf__item{display:block;width:100%}.sf__inline .sf__item .ant-form-item{display:block!important;width:initial!important;margin-right:0}.sf__inline .ant-form-item-control,.sf__inline .ant-form-item-label{display:block!important;padding:inherit}}.sf__horizontal .ant-form-item-label>label{display:flex;justify-content:flex-end}.sf__horizontal .sf__label-text{overflow:hidden;text-overflow:ellipsis}@media (max-width:767px){.sf__horizontal .ant-form-item-label>label{justify-content:flex-start}}.sf__no-colon .ant-form-item-label label::after{content:' '}.sf__compact .ant-form-item{margin-bottom:8px}.sf__compact .sf__array-container .ant-card{margin:0 8px 8px 0}.sf__compact .sf__array-item .ant-card-body{padding:8px}.acl__hide{display:none!important}.setting-drawer__content{position:relative;min-height:100%;background:#fff}.setting-drawer__handle,.theme-btn{position:fixed;display:flex;cursor:pointer}.setting-drawer__body-item{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px}.setting-drawer__body-item:first-child{padding-top:0}.setting-drawer__body-item:last-child{padding-bottom:0}.setting-drawer__title{margin-bottom:12px;color:rgba(0,0,0,.85);font-size:14px;line-height:22px}.setting-drawer__theme{margin-top:24px;overflow:hidden}.setting-drawer__theme-tag{float:left;width:20px;height:20px;margin-right:8px;color:#fff;font-weight:700;text-align:center;border-radius:2px;cursor:pointer}.setting-drawer__handle{right:0;z-index:999;align-items:center;justify-content:center;font-size:16px;text-align:center;border-radius:4px 0 0 4px;transition:right .3s cubic-bezier(.9,0,.3,.7);pointer-events:auto}.setting-drawer__handle-icon{color:#fff}.setting-drawer__handle-opened{z-index:1001}.setting-drawer-rtl .setting-drawer__handle{right:inherit;left:0;border-radius:0 4px 4px 0}.theme-btn{right:32px;bottom:102px;z-index:2147483640;flex-direction:column}.theme-btn-active{width:44px;height:44px;color:#F5222D;font-size:22px;line-height:44px}.theme-btn .ant-avatar{color:#000;background-color:#fff;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);transition:color .3s}.theme-btn .ant-avatar:hover,.yn__yes{color:#F5222D}.bg-blue-dark-h,.bg-blue-h,.bg-blue-light-h,.bg-cyan-dark-h,.bg-cyan-h,.bg-cyan-light-h,.bg-error-h,.bg-geekblue-dark-h,.bg-geekblue-h,.bg-geekblue-light-h,.bg-gold-dark-h,.bg-gold-h,.bg-gold-light-h,.bg-green-dark-h,.bg-green-h,.bg-green-light-h,.bg-grey-dark-h,.bg-grey-darker-h,.bg-grey-h,.bg-grey-light-h,.bg-grey-lighter-h,.bg-highlight-h,.bg-info-h,.bg-lime-dark-h,.bg-lime-h,.bg-lime-light-h,.bg-magenta-dark-h,.bg-magenta-h,.bg-magenta-light-h,.bg-normal-h,.bg-orange-dark-h,.bg-orange-h,.bg-orange-light-h,.bg-primary-h,.bg-processing-h,.bg-purple-dark-h,.bg-purple-h,.bg-purple-light-h,.bg-red-dark-h,.bg-red-h,.bg-red-light-h,.bg-success-h,.bg-volcano-dark-h,.bg-volcano-h,.bg-volcano-light-h,.bg-warning-h,.bg-yellow-dark-h,.bg-yellow-h,.bg-yellow-light-h{transition:background-color .3s}.theme-btn-rtl{right:inherit;left:32px}.yn__no,.yn__yes{display:inline-flex;align-items:center;font-style:normal}.yn__no span,.yn__yes span{margin-left:4px}.yn__no{color:#8c8c8c}.pro-passport__langs .anticon,.text-white{color:#fff!important}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.border{border:1px solid #f0f0f0!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-1{border:1px solid #f0f0f0!important}.rounded-md,.rounded-sm{border-radius:2px}.rounded-top-left-md,.rounded-top-left-sm{border-top-left-radius:2px}.rounded-top-right-md,.rounded-top-right-sm{border-top-right-radius:2px}.rounded-bottom-left-md,.rounded-bottom-left-sm{border-bottom-left-radius:2px}.rounded-bottom-right-md,.rounded-bottom-right-sm{border-bottom-right-radius:2px}.border-top-1{border-top:1px solid #f0f0f0!important}.border-right-1{border-right:1px solid #f0f0f0!important}.border-bottom-1{border-bottom:1px solid #f0f0f0!important}.border-left-1{border-left:1px solid #f0f0f0!important}.border-red{border-color:#f5222d!important}.border-volcano{border-color:#fa541c!important}.border-orange{border-color:#fa8c16!important}.border-gold{border-color:#faad14!important}.border-yellow{border-color:#fadb14!important}.border-lime{border-color:#a0d911!important}.border-green{border-color:#52c41a!important}.border-cyan{border-color:#13c2c2!important}.border-blue{border-color:#F5222D!important}.border-geekblue{border-color:#2f54eb!important}.border-purple{border-color:#722ed1!important}.border-magenta{border-color:#eb2f96!important}.border-grey{border-color:#bfbfbf!important}.border-primary{border-color:#F5222D!important}.border-success{border-color:#52c41a!important}.border-error{border-color:#ff4d4f!important}.border-warning{border-color:#faad14!important}.border-info,.border-processing{border-color:#F5222D!important}.border-highlight{border-color:#ff4d4f!important}.border-normal{border-color:#d9d9d9!important}.rounded-lg{border-radius:4px}.rounded-top-left-lg{border-top-left-radius:4px}.rounded-top-right-lg{border-top-right-radius:4px}.rounded-bottom-left-lg{border-bottom-left-radius:4px}.rounded-bottom-right-lg{border-bottom-right-radius:4px}.rounded-circle{border-radius:50%}.rounded-0{border-radius:0}.border-white{border-color:#fff!important}.rotate-360{transform:rotate(360deg)}.rotate-345{transform:rotate(345deg)}.rotate-330{transform:rotate(330deg)}.rotate-315{transform:rotate(315deg)}.rotate-300{transform:rotate(300deg)}.rotate-285{transform:rotate(285deg)}.rotate-270{transform:rotate(270deg)}.rotate-255{transform:rotate(255deg)}.rotate-240{transform:rotate(240deg)}.rotate-225{transform:rotate(225deg)}.rotate-210{transform:rotate(210deg)}.rotate-195{transform:rotate(195deg)}.rotate-180{transform:rotate(180deg)}.rotate-165{transform:rotate(165deg)}.rotate-150{transform:rotate(150deg)}.rotate-135{transform:rotate(135deg)}.rotate-120{transform:rotate(120deg)}.rotate-105{transform:rotate(105deg)}.rotate-90{transform:rotate(90deg)}.rotate-75{transform:rotate(75deg)}.rotate-60{transform:rotate(60deg)}.rotate-45{transform:rotate(45deg)}.rotate-30{transform:rotate(30deg)}.rotate-15{transform:rotate(15deg)}code{margin:0 4px;padding:2px 4px;font-size:90%;background-color:#f7f7f7;border:1px solid #eee;border-radius:2px}.pr0,.px0{padding-right:0!important}.pl0,.px0,[dir=rtl] .pr0{padding-left:0!important}.pb0,.py0{padding-bottom:0!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.text-hover{cursor:pointer}.text-hover:hover{color:#F5222D!important}.bg-red-light{background-color:#ff4d4f!important}.bg-red{background-color:#f5222d!important}.bg-red-dark{background-color:#cf1322!important}.bg-red-light-h:hover{background-color:#ff4d4f!important}.bg-red-h:hover{background-color:#f5222d!important}.bg-red-dark-h:hover{background-color:#cf1322!important}.text-red-light{color:#ff4d4f!important}.text-red{color:#f5222d!important}.text-red-dark{color:#cf1322!important}.bg-volcano-light{background-color:#ff7a45!important}.bg-volcano{background-color:#fa541c!important}.bg-volcano-dark{background-color:#d4380d!important}.bg-volcano-light-h:hover{background-color:#ff7a45!important}.bg-volcano-h:hover{background-color:#fa541c!important}.bg-volcano-dark-h:hover{background-color:#d4380d!important}.text-volcano-light{color:#ff7a45!important}.text-volcano{color:#fa541c!important}.text-volcano-dark{color:#d4380d!important}.bg-orange-light{background-color:#ffa940!important}.bg-orange{background-color:#fa8c16!important}.bg-orange-dark{background-color:#d46b08!important}.bg-orange-light-h:hover{background-color:#ffa940!important}.bg-orange-h:hover{background-color:#fa8c16!important}.bg-orange-dark-h:hover{background-color:#d46b08!important}.text-orange-light{color:#ffa940!important}.text-orange{color:#fa8c16!important}.text-orange-dark{color:#d46b08!important}.bg-gold-light{background-color:#ffc53d!important}.bg-gold{background-color:#faad14!important}.bg-gold-dark{background-color:#d48806!important}.bg-gold-light-h:hover{background-color:#ffc53d!important}.bg-gold-h:hover{background-color:#faad14!important}.bg-gold-dark-h:hover{background-color:#d48806!important}.text-gold-light{color:#ffc53d!important}.text-gold{color:#faad14!important}.text-gold-dark{color:#d48806!important}.bg-yellow-light{background-color:#ffec3d!important}.bg-yellow{background-color:#fadb14!important}.bg-yellow-dark{background-color:#d4b106!important}.bg-yellow-light-h:hover{background-color:#ffec3d!important}.bg-yellow-h:hover{background-color:#fadb14!important}.bg-yellow-dark-h:hover{background-color:#d4b106!important}.text-yellow-light{color:#ffec3d!important}.text-yellow{color:#fadb14!important}.text-yellow-dark{color:#d4b106!important}.bg-lime-light{background-color:#bae637!important}.bg-lime{background-color:#a0d911!important}.bg-lime-dark{background-color:#7cb305!important}.bg-lime-light-h:hover{background-color:#bae637!important}.bg-lime-h:hover{background-color:#a0d911!important}.bg-lime-dark-h:hover{background-color:#7cb305!important}.text-lime-light{color:#bae637!important}.text-lime{color:#a0d911!important}.text-lime-dark{color:#7cb305!important}.bg-green-light{background-color:#73d13d!important}.bg-green{background-color:#52c41a!important}.bg-green-dark{background-color:#389e0d!important}.bg-green-light-h:hover{background-color:#73d13d!important}.bg-green-h:hover{background-color:#52c41a!important}.bg-green-dark-h:hover{background-color:#389e0d!important}.text-green-light{color:#73d13d!important}.text-green{color:#52c41a!important}.text-green-dark{color:#389e0d!important}.bg-cyan-light{background-color:#36cfc9!important}.bg-cyan{background-color:#13c2c2!important}.bg-cyan-dark{background-color:#08979c!important}.bg-cyan-light-h:hover{background-color:#36cfc9!important}.bg-cyan-h:hover{background-color:#13c2c2!important}.bg-cyan-dark-h:hover{background-color:#08979c!important}.text-cyan-light{color:#36cfc9!important}.text-cyan{color:#13c2c2!important}.text-cyan-dark{color:#08979c!important}.bg-blue-light{background-color:#cf1322!important}.bg-blue{background-color:#F5222D!important}.bg-blue-dark{background-color:#cf1322!important}.bg-blue-light-h:hover{background-color:#cf1322!important}.bg-blue-h:hover{background-color:#F5222D!important}.bg-blue-dark-h:hover{background-color:#cf1322!important}.text-blue-light{color:#cf1322!important}.text-blue{color:#F5222D!important}.text-blue-dark{color:#cf1322!important}.bg-geekblue-light{background-color:#597ef7!important}.bg-geekblue{background-color:#2f54eb!important}.bg-geekblue-dark{background-color:#1d39c4!important}.bg-geekblue-light-h:hover{background-color:#597ef7!important}.bg-geekblue-h:hover{background-color:#2f54eb!important}.bg-geekblue-dark-h:hover{background-color:#1d39c4!important}.text-geekblue-light{color:#597ef7!important}.text-geekblue{color:#2f54eb!important}.text-geekblue-dark{color:#1d39c4!important}.bg-purple-light{background-color:#9254de!important}.bg-purple{background-color:#722ed1!important}.bg-purple-dark{background-color:#531dab!important}.bg-purple-light-h:hover{background-color:#9254de!important}.bg-purple-h:hover{background-color:#722ed1!important}.bg-purple-dark-h:hover{background-color:#531dab!important}.text-purple-light{color:#9254de!important}.text-purple{color:#722ed1!important}.text-purple-dark{color:#531dab!important}.bg-magenta-light{background-color:#f759ab!important}.bg-magenta{background-color:#eb2f96!important}.bg-magenta-dark{background-color:#c41d7f!important}.bg-magenta-light-h:hover{background-color:#f759ab!important}.bg-magenta-h:hover{background-color:#eb2f96!important}.bg-magenta-dark-h:hover{background-color:#c41d7f!important}.text-magenta-light{color:#f759ab!important}.text-magenta{color:#eb2f96!important}.text-magenta-dark{color:#c41d7f!important}.bg-grey-light{background-color:#d9d9d9!important}.bg-grey{background-color:#bfbfbf!important}.bg-grey-dark{background-color:#8c8c8c!important}.bg-grey-light-h:hover{background-color:#d9d9d9!important}.bg-grey-h:hover{background-color:#bfbfbf!important}.bg-grey-dark-h:hover{background-color:#8c8c8c!important}.text-grey-light{color:#d9d9d9!important}.text-grey{color:#bfbfbf!important}.text-grey-dark{color:#8c8c8c!important}.bg-primary-light{background-color:#cf1322!important}.bg-primary{background-color:#F5222D!important}.bg-primary-dark{background-color:#cf1322!important}.bg-primary-h:hover{background-color:#F5222D!important}.text-primary-light{color:#cf1322!important}.text-primary{color:#F5222D!important}.text-primary-dark{color:#cf1322!important}.bg-success-light{background-color:#73d13d!important}.bg-success{background-color:#52c41a!important}.bg-success-dark{background-color:#389e0d!important}.bg-success-h:hover{background-color:#52c41a!important}.text-success-light{color:#73d13d!important}.text-success{color:#52c41a!important}.text-success-dark{color:#389e0d!important}.bg-error-light{background-color:#ff7875!important}.bg-error{background-color:#ff4d4f!important}.bg-error-dark{background-color:#d9363e!important}.bg-error-h:hover{background-color:#ff4d4f!important}.text-error-light{color:#ff7875!important}.text-error{color:#ff4d4f!important}.text-error-dark{color:#d9363e!important}.bg-warning-light{background-color:#ffc53d!important}.bg-warning{background-color:#faad14!important}.bg-warning-dark{background-color:#d48806!important}.bg-warning-h:hover{background-color:#faad14!important}.text-warning-light{color:#ffc53d!important}.text-warning{color:#faad14!important}.text-warning-dark{color:#d48806!important}.bg-info-light{background-color:#cf1322!important}.bg-info{background-color:#F5222D!important}.bg-info-dark{background-color:#cf1322!important}.bg-info-h:hover{background-color:#F5222D!important}.text-info-light{color:#cf1322!important}.text-info{color:#F5222D!important}.text-info-dark{color:#cf1322!important}.bg-processing-light{background-color:#cf1322!important}.bg-processing{background-color:#F5222D!important}.bg-processing-dark{background-color:#cf1322!important}.bg-processing-h:hover{background-color:#F5222D!important}.text-processing-light{color:#cf1322!important}.text-processing{color:#F5222D!important}.text-processing-dark{color:#cf1322!important}.bg-highlight-light{background-color:#ff7875!important}.bg-highlight{background-color:#ff4d4f!important}.bg-highlight-dark{background-color:#d9363e!important}.bg-highlight-h:hover{background-color:#ff4d4f!important}.text-highlight-light{color:#ff7875!important}.text-highlight{color:#ff4d4f!important}.text-highlight-dark{color:#d9363e!important}.bg-normal-light{background-color:#e6d8d8!important}.bg-normal{background-color:#d9d9d9!important}.bg-normal-dark{background-color:#b3a8a8!important}.bg-normal-h:hover{background-color:#d9d9d9!important}.bg-grey-lighter,.bg-grey-lighter-h:hover{background-color:#f5f5f5!important}.text-normal-light{color:#e6d8d8!important}.text-normal{color:#d9d9d9!important}.text-normal-dark{color:#b3a8a8!important}.bg-grey-darker,.bg-grey-darker-h:hover{background-color:#262626!important}.text-grey-lighter{color:#f5f5f5!important}.text-grey-darker{color:#262626!important}.disabled,.no-data{color:rgba(0,0,0,.25)}.d-none{display:none!important}.d-block{display:block!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.flex-center,.flex-center-between{display:flex!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center,.flex-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.flex-1{flex:1!important}.flex-column{flex-direction:column!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-center-between{align-items:center!important;justify-content:space-between!important}.float-none{float:none!important}.float-left{float:left!important}.float-right{float:right!important}.icon-sm{font-size:24px!important}.icon-md{font-size:48px!important}.icon-lg{font-size:72px!important}.icon-xl{font-size:96px!important}.icon-xxl{font-size:120px!important}.img-fluid{max-width:100%;height:auto}.point{cursor:pointer}.no-resize{min-width:100%;max-width:100%;resize:none}.no-data{font-size:16px;line-height:64px;text-align:center}.no-data i{position:relative;top:3px;margin-right:16px;font-size:24px}.fixed-top,.page-loading{top:0;right:0}.block-center{margin:0 auto}.mr0,.mx0{margin-right:0!important}.ml0,.mx0{margin-left:0!important}.mt0,.my0{margin-top:0!important}.mb0,.my0{margin-bottom:0!important}.bg-center{background-position:center center;background-size:cover}.page-loading{position:absolute;bottom:0;left:0;z-index:10000;padding-top:200px;text-align:center;background:#f5f5f5}.pt0,.py0{padding-top:0!important}.color-weak{display:block;filter:invert(80%)}.disabled{pointer-events:none}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.fixed-bottom,.fixed-top{position:fixed;z-index:9;left:0}.fixed-bottom{right:0;bottom:0}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}@media (max-width:575px){.hidden-xs{display:none!important}}@media (max-width:991px){.hidden-md{display:none!important}}@media (max-width:1199px){.hidden-lg{display:none!important}}@media (max-width:1599px){.hidden-xl{display:none!important}}@media (min-width:768px){.hidden-pc{display:none!important}}.m0{margin:0!important}.mr-xs,.mx-xs{margin-right:4px!important}.ml-xs,.mx-xs{margin-left:4px!important}.mt-xs,.my-xs{margin-top:4px!important}.mb-xs,.my-xs{margin-bottom:4px!important}.p0{padding:0!important}.pr-xs,.px-xs{padding-right:4px!important}.pl-xs,.px-xs{padding-left:4px!important}.pt-xs,.py-xs{padding-top:4px!important}.pb-xs,.py-xs{padding-bottom:4px!important}.m-xs{margin:4px!important}.mr-sm,.mx-sm{margin-right:8px!important}.ml-sm,.mx-sm{margin-left:8px!important}.mt-sm,.my-sm{margin-top:8px!important}.mb-sm,.my-sm{margin-bottom:8px!important}.p-xs{padding:4px!important}.pr-sm,.px-sm{padding-right:8px!important}.pl-sm,.px-sm,[dir=rtl] .pr-sm{padding-left:8px!important}.pt-sm,.py-sm{padding-top:8px!important}.pb-sm,.py-sm{padding-bottom:8px!important}.m-sm{margin:8px!important}.mr-md,.mx-md{margin-right:16px!important}.ml-md,.mx-md{margin-left:16px!important}.mt-md,.my-md{margin-top:16px!important}.mb-md,.my-md{margin-bottom:16px!important}.p-sm{padding:8px!important}.pr-md,.px-md{padding-right:16px!important}.pl-md,.px-md{padding-left:16px!important}.pt-md,.py-md{padding-top:16px!important}.pb-md,.py-md{padding-bottom:16px!important}.m-md{margin:16px!important}.mr-lg,.mx-lg{margin-right:24px!important}.ml-lg,.mx-lg{margin-left:24px!important}.mt-lg,.my-lg{margin-top:24px!important}.mb-lg,.my-lg{margin-bottom:24px!important}.p-md{padding:16px!important}.pr-lg,.px-lg{padding-right:24px!important}.pl-lg,.px-lg,[dir=rtl] .pr-lg{padding-left:24px!important}.pt-lg,.py-lg{padding-top:24px!important}.pb-lg,.py-lg{padding-bottom:24px!important}.m-lg{margin:24px!important}.mr-xl,.mx-xl{margin-right:32px!important}.ml-xl,.mx-xl{margin-left:32px!important}.mt-xl,.my-xl{margin-top:32px!important}.mb-xl,.my-xl{margin-bottom:32px!important}.p-lg{padding:24px!important}.pr-xl,.px-xl{padding-right:32px!important}.pl-xl,.px-xl{padding-left:32px!important}.pt-xl,.py-xl{padding-top:32px!important}.pb-xl,.py-xl{padding-bottom:32px!important}.m-xl{margin:32px!important}.mr-xxl,.mx-xxl{margin-right:48px!important}.ml-xxl,.mx-xxl{margin-left:48px!important}.mt-xxl,.my-xxl{margin-top:48px!important}.mb-xxl,.my-xxl{margin-bottom:48px!important}.p-xl{padding:32px!important}.pr-xxl,.px-xxl{padding-right:48px!important}.pl-xxl,.px-xxl,[dir=rtl] .pr-xxl{padding-left:48px!important}.pt-xxl,.py-xxl{padding-top:48px!important}.pb-xxl,.py-xxl{padding-bottom:48px!important}.m-xxl{margin:48px!important}.p-xxl{padding:48px!important}[dir=rtl] .mr0{margin-left:0!important;margin-right:inherit!important}[dir=rtl] .ml0{margin-right:0!important;margin-left:inherit!important}[dir=rtl] .pr0{padding-right:inherit!important}[dir=rtl] .pl0{padding-right:0!important;padding-left:inherit!important}[dir=rtl] .mr-xs{margin-left:4px!important;margin-right:inherit!important}[dir=rtl] .ml-xs{margin-right:4px!important;margin-left:inherit!important}[dir=rtl] .pr-xs{padding-left:4px!important;padding-right:inherit!important}[dir=rtl] .pl-xs{padding-right:4px!important;padding-left:inherit!important}[dir=rtl] .mr-sm{margin-left:8px!important;margin-right:inherit!important}[dir=rtl] .ml-sm{margin-right:8px!important;margin-left:inherit!important}[dir=rtl] .pr-sm{padding-right:inherit!important}[dir=rtl] .pl-sm{padding-right:8px!important;padding-left:inherit!important}[dir=rtl] .mr-md{margin-left:16px!important;margin-right:inherit!important}[dir=rtl] .ml-md{margin-right:16px!important;margin-left:inherit!important}[dir=rtl] .pr-md{padding-left:16px!important;padding-right:inherit!important}[dir=rtl] .pl-md{padding-right:16px!important;padding-left:inherit!important}[dir=rtl] .mr-lg{margin-left:24px!important;margin-right:inherit!important}[dir=rtl] .ml-lg{margin-right:24px!important;margin-left:inherit!important}[dir=rtl] .pr-lg{padding-right:inherit!important}[dir=rtl] .pl-lg{padding-right:24px!important;padding-left:inherit!important}[dir=rtl] .mr-xl{margin-left:32px!important;margin-right:inherit!important}[dir=rtl] .ml-xl{margin-right:32px!important;margin-left:inherit!important}[dir=rtl] .pr-xl{padding-left:32px!important;padding-right:inherit!important}[dir=rtl] .pl-xl{padding-right:32px!important;padding-left:inherit!important}[dir=rtl] .mr-xxl{margin-left:48px!important;margin-right:inherit!important}[dir=rtl] .ml-xxl{margin-right:48px!important;margin-left:inherit!important}[dir=rtl] .pr-xxl{padding-right:inherit!important}[dir=rtl] .pl-xxl{padding-right:48px!important;padding-left:inherit!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right,[dir=rtl] .text-left{text-align:right!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-nowrap{white-space:nowrap!important}.text-wrap{white-space:pre-wrap!important}.text-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.font-weight-normal{font-weight:400}.font-weight-bold,.se__title{font-weight:700}.text-xs{font-size:10px!important}.text-sm{font-size:12px!important}.text-md{font-size:14px!important}.text-lg{font-size:16px!important}.text-xl{font-size:20px!important}.text-xxl{font-size:26px!important}[dir=rtl] .text-right{text-align:left!important}.width-xs{width:80px!important}.max-width-xs{max-width:80px!important}.min-width-xs{min-width:80px!important}.width-sm{width:160px!important}.max-width-sm{max-width:160px!important}.min-width-sm{min-width:160px!important}.width-md{width:240px!important}.max-width-md{max-width:240px!important}.min-width-md{min-width:240px!important}.width-lg{width:320px!important}.max-width-lg{max-width:320px!important}.min-width-lg{min-width:320px!important}.width-xl{width:400px!important}.max-width-xl{max-width:400px!important}.min-width-xl{min-width:400px!important}.width-xxl{width:480px!important}.max-width-xxl{max-width:480px!important}.min-width-xxl{min-width:480px!important}.width-10{width:10%!important}.max-width-10{max-width:10%!important}.min-width-10{min-width:10%!important}.width-20{width:20%!important}.max-width-20{max-width:20%!important}.min-width-20{min-width:20%!important}.width-30{width:30%!important}.max-width-30{max-width:30%!important}.min-width-30{min-width:30%!important}.width-40{width:40%!important}.max-width-40{max-width:40%!important}.min-width-40{min-width:40%!important}.width-50{width:50%!important}.max-width-50{max-width:50%!important}.min-width-50{min-width:50%!important}.width-60{width:60%!important}.max-width-60{max-width:60%!important}.min-width-60{min-width:60%!important}.width-70{width:70%!important}.max-width-70{max-width:70%!important}.min-width-70{min-width:70%!important}.width-80{width:80%!important}.max-width-80{max-width:80%!important}.min-width-80{min-width:80%!important}.width-90{width:90%!important}.max-width-90{max-width:90%!important}.min-width-90{min-width:90%!important}.width-100{width:100%!important}.max-width-100{max-width:100%!important}.min-width-100{min-width:100%!important}@media (max-width:767px){.hidden-mobile,.hidden-sm{display:none!important}.max-width-sm,.min-width-sm,.width-sm{width:100%!important}}.scrollbar{overflow:auto}.scrollbar-x{overflow-x:auto;overflow-y:hidden}.scrollbar-y{overflow-x:hidden;overflow-y:auto}.ant-anchor-wrapper,.ant-dialog-wrap,.ant-drawer-body,.ant-drawer-wrapper-body,.scrollbar,body,textarea.ant-input{scrollbar-color:rgba(0,0,0,.3) #6e6e6e;scrollbar-width:thin}.ant-anchor-wrapper::-webkit-scrollbar,.ant-dialog-wrap::-webkit-scrollbar,.ant-drawer-body::-webkit-scrollbar,.ant-drawer-wrapper-body::-webkit-scrollbar,.scrollbar::-webkit-scrollbar,body::-webkit-scrollbar,textarea.ant-input::-webkit-scrollbar{width:6px;height:6px}.ant-anchor-wrapper::-webkit-scrollbar-track,.ant-dialog-wrap::-webkit-scrollbar-track,.ant-drawer-body::-webkit-scrollbar-track,.ant-drawer-wrapper-body::-webkit-scrollbar-track,.scrollbar::-webkit-scrollbar-track,body::-webkit-scrollbar-track,textarea.ant-input::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.ant-anchor-wrapper::-webkit-scrollbar-thumb,.ant-dialog-wrap::-webkit-scrollbar-thumb,.ant-drawer-body::-webkit-scrollbar-thumb,.ant-drawer-wrapper-body::-webkit-scrollbar-thumb,.scrollbar::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,textarea.ant-input::-webkit-scrollbar-thumb{background-color:#6e6e6e;outline:#333 solid 1px}.st{display:block}.st__p-left .ant-table-pagination{display:block;float:none;text-align:left}.st__p-center .ant-table-pagination{display:block;float:none;text-align:center}.st__btn-sub .st__btn-text{color:inherit}.st__btn-disabled .st__btn-text{color:rgba(0,0,0,.25);pointer-events:none}.st .nz-resizable-handle{display:flex;align-items:center;justify-content:center}.st .nz-resizable-handle>i{width:1px;height:60%;background:#d9d9d9}.st .nz-resizable-preview{border-width:0 1px 0 0}.st .nz-resizable.ant-table-column-has-sorters .nz-resizable-handle{margin-right:8px}.st .ant-table~nz-pagination>.ant-pagination{margin-bottom:0}.st__filter-keyword{padding:8px}.st .ant-table-column-title{display:flex;align-items:center}.st__head-optional,.st__head-tip{margin-left:2px;color:rgba(0,0,0,.35)}.st .ant-table-thead>tr>th .ant-table-filter-selected.ant-table-filter-icon{color:#F5222D}.st__checkall-selection{display:inline-block;margin-left:4px}.sv,.sv__container{display:block}.st .ant-table-tbody>tr .ant-table-wrapper:only-child .ant-table{margin:0}.st .ant-table-cell-fix-left-first::after,.st .ant-table-cell-fix-left-last::after{transform:translateX(80%)}.st .ant-table-cell-fix-right-first::after,.st .ant-table-cell-fix-right-last::after{transform:translateX(-80%)}@media screen and (min-width:768px){.st__width-strict .ant-table-body>table,.st__width-strict .ant-table-content>table{word-wrap:break-word!important;table-layout:fixed!important}}.sv+.sv{margin-top:8px}.sv__container .ant-row{margin-bottom:-8px;overflow:hidden}.sv__item-fixed{display:flex}.sv__item-fixed .sv__label{flex:0 0 auto;overflow:hidden;text-align:right;text-overflow:ellipsis}.sv__item-fixed .sv__detail{flex:1 0 0}.sv__item+.ant-divider{margin:0 0 8px}.sv__title{display:block;float:none;clear:both;width:100%;margin-bottom:8px;color:rgba(0,0,0,.85);font-weight:500;font-size:14px}.sv__detail,.sv__label{display:table-cell;line-height:22px;padding-bottom:8px}.sv__label{color:rgba(0,0,0,.5);white-space:nowrap}.sv__label:not(.sv__label-empty)::after{position:relative;top:-.5px;margin:0 8px 0 2px;content:':'}.sv__label-optional{margin-left:2px;color:rgba(0,0,0,.35)}.sv__label-optional-no-text{margin-left:0}.sv__label-optional>.anticon{margin-left:2px}.sv__detail{width:100%;color:rgba(0,0,0,.85);word-break:break-all}.sv__type-primary .sv__detail{color:#F5222D}.sv__type-success .sv__detail{color:#52c41a}.sv__type-danger .sv__detail{color:#ff4d4f}.sv__type-warning .sv__detail{color:#faad14}.sv__default::before{content:-}.sv__default~.sv__unit{display:none!important}.sv__unit{display:inline;margin-left:8px;color:#8c8c8c}.sv__small .ant-row{margin-bottom:-8px}.sv__small .sv__title{margin-bottom:12px;color:rgba(0,0,0,.85)}.sv__small .sv__detail,.sv__small .sv__label{padding-bottom:8px}.sv__value{display:inline-flex;align-items:center}.sv__value-prefix,.sv__value-unit{color:rgba(0,0,0,.5);font-size:12px;font-style:normal}.sv__value-prefix{padding-right:3px}.sv__value-text{font-size:18px}.sv__value-unit{padding-left:3px}.sv__value:not(:first-child){position:relative;margin-left:8px;padding-left:14px}.sv__value:not(:first-child)::before{position:absolute;left:0;width:6px;color:rgba(0,0,0,.5);content:/}.sv__value-small .sv__value-text{font-size:14px}.sv__value-large .sv__value-text{font-size:24px}.sv__large .sv__title{font-size:16px}.sv__horizontal .sv__label-width{display:flex;justify-content:flex-end}.se__title,.sv__vertical .sv__detail,.sv__vertical .sv__label{display:block}.sv__horizontal .sv__label-width .sv__label-text{overflow:hidden;text-overflow:ellipsis}.sv__vertical .sv__label{padding-bottom:8px}.sv__no-colon::after{content:' '!important}.se__title{float:none;clear:both;width:100%;color:rgba(0,0,0,.85);font-size:14px;line-height:1.66667}.se__item:last-child{margin-bottom:0;padding-bottom:0}.se__item-empty::before{display:inline-block;content:''}.se__item+.ant-divider{margin:0 0 16px}.se__label{display:table-cell;flex:0 0 auto;width:initial;white-space:nowrap;text-align:right}.se__label-optional{margin-left:2px;color:rgba(0,0,0,.35)}.se__label-optional-no-text{margin-left:0}.se__label-optional>.anticon{margin-left:2px}.se__control{flex:1 0 0;width:100%}.se__compact>.se__item,.se__compact>.se__title{margin-bottom:8px}.se__compact>.se__item+.ant-divider,.se__compact>.se__title+.ant-divider{margin:0 0 8px}.se__compact .ant-form-item-extra{display:none}.se__line{padding-bottom:8px;border-bottom:1px dashed #f0f0f0}.se__hide-label .se__nolabel,.se__inline .se__nolabel,.se__vertical .se__nolabel{display:none!important}.se__horizontal>.se__item{display:flex}.se__horizontal>.se__item:last-child{margin-bottom:0}.se__horizontal>.se__item .se__label{display:flex;justify-content:flex-end}.se__horizontal>.se__item .se__label-text{overflow:hidden;text-overflow:ellipsis}.se__horizontal>.se__item .ant-form-item-required::before{line-height:inherit}.se__horizontal>.se__item .ant-form-item-label>label::after{margin-left:4px}.se__vertical>.se__item{display:block;width:100%}.se__inline .ant-form-item-label,.se__inline .se__control{display:inline-block;width:initial!important;text-align:left;vertical-align:top}.se__inline>.se__item{margin-right:16px}.se__inline>.se__item[col='1']{flex-basis:auto;width:100%}.se__inline>.se__item:last-child{margin-right:0}.se__no-colon::after{content:' '!important}@media (max-width:767px){.se__horizontal>.se__item{display:block}.se__horizontal>.se__item .ant-form-item-label{width:100%!important;text-align:left}.se__horizontal>.se__item .se__label{justify-content:normal}.se__horizontal .se__control,.se__horizontal .se__label,.se__vertical .se__control,.se__vertical .se__label{width:100%!important}}.avatar-list,.avatar-list__item,.avatar-list__wrap{display:inline-block}.avatar-list__wrap{margin-left:8px;padding:0;font-size:0}.avatar-list__item{width:28px;height:28px;margin-left:-8px;font-size:12px}.avatar-list__item .ant-avatar{border:1px solid #fff;cursor:pointer}.footer-toolbar,.notice-icon__clear{border-top:1px solid #f0f0f0;transition:all .3s}.avatar-list__large{width:32px;height:32px}.avatar-list__small{width:22px;height:22px}.avatar-list__mini{width:20px;height:20px}.avatar-list__mini .ant-avatar{width:20px;height:20px;line-height:20px}.avatar-list__mini .ant-avatar-string{font-size:12px;line-height:18px}ellipsis{display:inline}.ellipsis{display:inline-block;width:100%;overflow:hidden;word-break:break-all}.ellipsis__lines{position:relative}.ellipsis__line-clamp{position:relative;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.ellipsis__shadow{position:absolute;z-index:-999;display:block;opacity:0}.error-collect{padding-right:24px;color:#f5222d;cursor:pointer}.error-collect__count{padding-left:8px}.error-collect-rtl{padding-right:0;padding-left:24px}.error-collect-rtl .error-collect__count{padding-right:8px;padding-left:0}.exception{display:flex;align-items:center;height:100%}.exception__img-block{flex:0 0 62.5%;width:62.5%;padding-right:152px;zoom:1}.exception__img-block::after,.exception__img-block::before{display:table;content:' '}.exception__img-block::after{clear:both;height:0;font-size:0}.exception__img{float:right;width:100%;max-width:430px;height:360px;background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%}.exception__cont{flex:auto}.exception__cont-title{margin-bottom:24px;color:#434e59;font-weight:600;font-size:72px;line-height:72px}.exception__cont-desc{margin-bottom:16px;color:rgba(0,0,0,.45);font-size:20px;line-height:28px}.exception__cont-actions .ant-btn:not(:last-child){margin-right:8px}@media screen and (max-width:1200px){.exception__img-block{padding-right:88px}}@media screen and (max-width:576px){.exception{display:block;text-align:center}.exception__img-block{margin:0 auto 24px;padding-right:0}}@media screen and (max-width:480px){.exception__img-block{margin-bottom:-24px;overflow:hidden}}.exception-rtl .exception__cont-actions .ant-btn:not(:last-child){margin-right:0}.footer-toolbar{position:fixed;right:0;bottom:0;display:flex;height:48px;padding:0 16px;line-height:48px;background:#fff;box-shadow:0 -1px 2px rgba(0,0,0,.03)}.footer-toolbar__left{flex:1}.full-content{display:block;height:100%;overflow:auto}.full-content__body{overflow:hidden}.global-footer{display:block;margin:48px 0 24px;padding:0 16px;text-align:center}.global-footer__links{margin-bottom:8px}.global-footer__links-item{display:inline-block;color:rgba(0,0,0,.45);transition:all .3s}.global-footer__links-item:not(:last-child){margin-right:40px}.global-footer__links-item:hover{color:rgba(0,0,0,.85)}.global-footer__copyright{color:rgba(0,0,0,.45);font-size:12px}.global-footer-rtl .global-footer__links-item:not(:last-child){margin-right:inherit;margin-left:40px}.notice-icon{width:336px}.notice-icon__btn{display:inline-block;cursor:pointer;transition:all .3s}.notice-icon .ant-popover-inner-content{padding:0}.notice-icon .ant-tabs-bar{margin-bottom:4px}.notice-icon .ant-tabs-nav .ant-tabs-tab{margin-right:32px;padding:12px 16px}.notice-icon .ant-tabs-nav .ant-tabs-tab:last-child{margin-right:0}.notice-icon .ant-tabs-nav-scroll{text-align:center}.notice-icon .ant-list{max-height:400px;overflow:auto}.notice-icon .ant-list-item{padding-right:24px;padding-left:24px;overflow:hidden;cursor:pointer;transition:all .3s}.page-header,.page-header .ant-tabs-bar{border-bottom:1px solid #f0f0f0}.notice-icon .ant-list-item:hover{background:#e6f7ff}.notice-icon .ant-list-item-meta{width:100%}.notice-icon .ant-list-item-meta-title{margin-bottom:8px;font-weight:400}.notice-icon .ant-list-item .ant-avatar{margin-top:4px;background:#fff}.notice-icon__notfound{padding:73px 0 88px;color:rgba(0,0,0,.45);text-align:center}.notice-icon__clear,.notice-icon__clear:hover{color:rgba(0,0,0,.85)}.notice-icon__notfound-img{display:inline-block;height:76px;margin-bottom:16px}.notice-icon__clear{height:46px;line-height:46px;text-align:center;border-radius:0 0 2px 2px;cursor:pointer}.notice-icon__item-desc,.notice-icon__item-time{font-size:12px;line-height:1.66667}.notice-icon__item .ant-badge-count{top:-10px}.notice-icon__item-read{opacity:.4}.notice-icon__item-time{margin-top:4px}.notice-icon__item-extra{float:right;margin-top:-1.5px;margin-right:0;color:rgba(0,0,0,.45);font-weight:400}.page-header{display:block;padding:8px 16px 0;background-color:#fff}.page-header__wide{max-width:1200px;margin:auto}.page-header .ant-breadcrumb{margin-bottom:8px}.page-header .ant-tabs{margin:0 0 -9px}.page-header__detail{display:flex}.page-header__row{display:flex;width:100%}.page-header__logo{flex:0 1 auto;margin-right:8px;padding-top:1px}.page-header__logo img{display:block;width:28px;height:28px;border-radius:2px}.page-header__title{color:rgba(0,0,0,.85);font-weight:500;font-size:20px}.page-header__title small{padding-left:8px;font-weight:400;font-size:14px}.page-header__action{min-width:266px;margin-left:56px}.page-header__desc,.page-header__title{flex:auto}.page-header__action,.page-header__extra,.page-header__main{flex:0 1 auto}.page-header__main{width:100%}.page-header__action,.page-header__desc,.page-header__extra,.page-header__logo,.page-header__title{margin-bottom:8px}.page-header__action,.page-header__extra{text-align:right}.page-header__extra{min-width:242px;margin-left:88px}@media screen and (max-width:1200px){.page-header__extra{margin-left:44px}}@media screen and (max-width:992px){.page-header__extra{margin-left:20px}}@media screen and (max-width:768px){.page-header__row{display:block}.page-header__action,.page-header__extra{margin-left:0;text-align:left}}@media screen and (max-width:576px){.page-header__detail{display:block}}@media screen and (max-width:480px){.page-header__action .ant-btn,.page-header__action .ant-btn-group{display:block;margin-bottom:8px}.page-header__action .ant-input-search-enter-button .ant-btn{margin-bottom:0}.page-header__action .ant-btn-group>.ant-btn{display:inline-block;margin-bottom:0}}.page-header-rtl .page-header__logo{margin-right:0;margin-left:8px}.page-header-rtl .page-header__title small{padding-right:8px;padding-left:0}.page-header-rtl .page-header__action{margin-right:56px;margin-left:0}.page-header-rtl .page-header__extra{margin-right:88px;margin-left:0}@media screen and (max-width:1200px){.page-header-rtl .page-header__extra{margin-right:44px;margin-left:0}}@media screen and (max-width:992px){.page-header-rtl .page-header__extra{margin-right:20px;margin-left:0}}.quick-menu{position:fixed;right:-1px;left:auto;z-index:11;display:block;backface-visibility:hidden;transition:margin .3s cubic-bezier(1,0,0,1)}.quick-menu,.quick-menu__ctrl{background-color:#fff;border:1px solid #fff;box-shadow:0 6px 16px -8px rgba(0,0,0,.08),0 9px 28px 0 rgba(0,0,0,.05),0 12px 48px 16px rgba(0,0,0,.03)}.quick-menu__inner{position:relative;padding:0 12px}.quick-menu__ctrl{position:absolute;top:-1px;left:-50px;width:50px;height:50px;text-align:center;border-right:0;border-radius:3px 0 0 3px;cursor:pointer}.quick-menu__ctrl-icon{font-size:20px;line-height:49px}.result{display:block;width:72%;margin:0 auto;text-align:center}.result__icon{margin-bottom:24px;font-size:72px;line-height:72px}.result__icon-success{color:#52c41a}.result__icon-error{color:#ff4d4f}.result__title{margin-bottom:16px;color:rgba(0,0,0,.85);font-weight:500;font-size:24px;line-height:32px}.result__desc{margin-bottom:24px;color:rgba(0,0,0,.45);font-size:14px;line-height:22px}.result__extra{padding:24px 40px;text-align:left;border-radius:2px}@media screen and (max-width:480px){.result{width:100%}.result__extra{padding:18px 20px}}.result__actions{margin-top:32px}.result__actions button:not(:last-child){margin-right:8px}.reuse-tab{display:block;background-color:#fff;outline:0;user-select:none}.reuse-tab .ant-tabs-nav .ant-tabs-tab .reuse-tab__op{position:absolute;display:none;margin:0;color:rgba(0,0,0,.85);font-size:10px}.reuse-tab .ant-tabs-nav .ant-tabs-tab:hover .reuse-tab__op{display:block}.reuse-tab .ant-tabs-nav .ant-tabs-tab .reuse-tab__name-width{display:inline-block;overflow:hidden;text-overflow:ellipsis}.reuse-tab .ant-tabs>.ant-tabs-nav{margin:0}.reuse-tab__line{padding:8px;border-bottom:1px solid #d9d9d9}.reuse-tab__line .ant-tabs-nav::before{border-bottom:none}.reuse-tab__line .ant-tabs-nav .ant-tabs-tab{padding:0}.reuse-tab__line .ant-tabs-nav .ant-tabs-tab .reuse-tab__op{top:12px;right:2px}.reuse-tab__line .ant-tabs-nav .ant-tabs-tab .reuse-tab__name{display:inline-block;padding:8px 20px}.reuse-tab__card{padding-top:8px}.reuse-tab__card .ant-tabs-nav-container{padding:0 8px}.reuse-tab__card .ant-tabs-nav .ant-tabs-tab .reuse-tab__op{top:4px;right:4px}.reuse-tab__disabled{opacity:.8;pointer-events:none}.reuse-tab__cm .ant-menu{border:1px solid #e9e9e9}.g2-card__footer,.message__item,.quick-chat__reply{border-top:1px solid #f0f0f0}.tag-select{position:relative;display:block;max-height:24px;margin-left:-8px;overflow:hidden;line-height:1.66667;transition:all .3s;user-select:none}.tag-select__expanded{max-height:200px;transition:all .3s}.tag-select__has-expand{padding-right:50px}.tag-select .ant-tag{margin-right:24px;padding:0 8px}.tag-select__trigger{position:absolute;top:0;right:0}.loading-default,.onboarding__mask{position:fixed;top:0;left:0;bottom:0}.tag-select__trigger-icon{margin-left:8px;font-size:12px}.tag-select-rtl{margin-right:-8px;margin-left:0}.tag-select-rtl__has-expand{padding-right:0!important;padding-left:50px!important}.tag-select-rtl .tag-select .ant-tag{margin-right:0;margin-left:24px}.tag-select-rtl .tag-select__trigger{right:initial;left:0}.tag-select-rtl .tag-select__trigger-icon{margin-right:0;margin-left:8px}.loading-backdrop{z-index:9999;background-color:rgba(0,0,0,.15)}.loading-default{right:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center}.g2-mini-progress,.g2-pie,.pdf-container,g2,g2-bar,g2-chart,g2-custom,g2-gauge,g2-mini-area,g2-mini-bar,g2-single-bar,g2-tag-cloud,g2-timeline{display:block}.loading-default__icon{margin-bottom:8px;color:#F5222D;font-size:24px}.loading-default__text{color:#F5222D}.loading-default__custom{width:64px;height:64px;fill:#fff}.onboarding+.cdk-overlay-container{z-index:99999}.onboarding__mask{right:0;z-index:99998;background-color:#000;opacity:.5}.onboarding__item{position:absolute}.onboarding__light{position:absolute;z-index:99999;background-color:rgba(255,255,255,.9);animation:2.5s cubic-bezier(.55,.05,.6,.2) 0s infinite normal none running onboardingAnt;pointer-events:none}.g2-card,.g2-card__top,.pdf-container{position:relative}.onboarding__light-el{z-index:100000!important}.onboarding__light-ant{transition:all .3s ease-out}.onboarding__footer{margin-top:8px}.onboarding__total{color:rgba(0,0,0,.85)}.g2-card__meta,.g2-pie__legend-percent,.g2-pie__total-title{color:rgba(0,0,0,.45)}@keyframes onboardingAnt{0%,33%{box-shadow:#fff 0 0 0 2px,#fff 0 0 0}100%,66%{box-shadow:#fff 0 0 0 2px,rgba(255,255,255,.01) 0 0 0 10px}}.pdf-container{height:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}g2-bar,g2-tag-cloud{width:100%}.g2-card__top{width:100%;overflow:hidden}.g2-card__top-margin{margin-bottom:12px}.g2-card__top-has-margin{margin-bottom:20px}.g2-card__meta{height:22px;font-size:12px;line-height:22px}.g2-card__total,.g2-pie__legend-title{color:rgba(0,0,0,.85)}.g2-card__meta-wrap{float:left}.g2-card__meta-action{position:absolute;top:4px;right:0;line-height:1;cursor:pointer}.g2-card__avatar{position:relative;top:4px;float:left;margin-right:20px}.g2-card__total{height:38px;margin-top:4px;margin-bottom:0;overflow:hidden;font-size:30px;line-height:38px;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.g2-card__desc{width:100%;margin-bottom:12px}.g2-card__footer{margin-top:8px;padding-top:9px}.g2-card__footer>*{position:relative}.g2-mini-progress{position:relative;width:100%;padding:5px 0}.g2-mini-progress__wrap{position:relative;background-color:#f5f5f5}.g2-mini-progress__value{width:0;height:100%;background-color:#F5222D;border-radius:1px 0 0 1px;transition:all .4s cubic-bezier(.08,.82,.17,1) 0s}.g2-mini-progress__target{position:absolute;top:0;bottom:0}.g2-mini-progress__target-item{position:absolute;top:0;left:0;width:2px;height:4px;border-radius:100px}.g2-pie,.g2-pie__chart{position:relative}.g2-mini-progress__target-item:last-child{top:auto;bottom:0}.g2-pie__legend{position:absolute;top:50%;right:0;min-width:250px;margin:0 20px;padding:0;list-style:none;transform:translateY(-50%)}.g2-pie__legend-item{height:22px;margin-bottom:16px;line-height:22px;cursor:pointer}.g2-pie__legend-item:last-child{margin-bottom:0}.g2-pie__legend-dot{position:relative;top:-1px;display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:8px}.g2-pie__legend-value{position:absolute;right:0}.g2-pie__legend-has .g2-pie__chart{width:calc(100% - 240px)}.g2-pie__legend-block .g2-pie__chart{width:100%;margin:0 0 32px}.g2-pie__legend-block .g2-pie__legend{position:relative;min-width:auto;transform:none}.g2-pie__total{position:absolute;top:50%;left:50%;height:62px;text-align:center;transform:translate(-50%,-50%)}.g2-pie__total-title{height:22px;margin-bottom:8px;font-weight:400;font-size:14px;line-height:22px}.g2-pie__total-stat{display:block;height:32px;color:rgba(0,0,0,.85);font-size:1.2em;line-height:32px;white-space:nowrap}.g2-pie__mini .g2-pie__total-title{margin-top:4px;margin-bottom:0}.g2-radar{display:block}.g2-radar__legend{margin-top:16px}.g2-radar__legend-item{position:relative;color:rgba(0,0,0,.45);line-height:22px;text-align:center;cursor:pointer}.g2-radar__legend-item::after{position:absolute;top:8px;right:0;width:1px;height:40px;content:''}.g2-radar__legend-item:last-child::after{display:none}.g2-radar__legend-dot,.g2-water-wave,.number-info,.number-info__value-text,.trend{display:inline-block}.g2-radar__legend-title{margin-top:4px;margin-bottom:0;padding-left:16px;color:rgba(0,0,0,.85);font-size:24px;line-height:32px}.g2-radar__legend-dot{position:relative;top:-1px;width:6px;height:6px;margin-right:6px;border-radius:6px}.g2-water-wave{position:relative;transform-origin:left}.g2-water-wave__desc{position:absolute;top:32px;left:0;width:100%;text-align:center}.g2-water-wave__desc-title{color:rgba(0,0,0,.45);font-size:14px;line-height:22px}.g2-water-wave__desc-percent{color:rgba(0,0,0,.85);font-size:24px;line-height:32px}.g2-water-wave__canvas{transform:scale(.5);transform-origin:0 0}.number-info__title{margin-bottom:16px;color:rgba(0,0,0,.85);font-size:14px;transition:all .3s}.number-info__title-sub{height:22px;overflow:hidden;color:rgba(0,0,0,.45);font-size:12px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.number-info__value{margin-top:4px;overflow:hidden;font-size:0;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}.number-info__value-suffix{margin-left:4px;color:rgba(0,0,0,.85);font-size:16px;font-style:normal}.number-info__value-text{height:32px;color:rgba(0,0,0,.85);font-size:24px;line-height:32px}.number-info__value-sub{margin-left:32px;color:rgba(0,0,0,.45);font-size:14px;vertical-align:top}.number-info__value-sub .anticon{margin-left:4px;font-size:12px;transform:scale(.82)}.number-info__value-sub .anticon-caret-up{color:#f5222d}.number-info__value-sub .anticon-caret-down{color:#52c41a}.number-info__light .number-info__value-text{color:rgba(0,0,0,.85)}.number-info:not(:first-child){position:relative;margin-left:32px;padding-left:32px}.number-info:not(:first-child)::after{position:absolute;top:0;bottom:0;left:0;width:1px;margin:8px 0;content:''}.trend{font-size:12px;line-height:22px}.trend__down,.trend__up{position:relative;top:1px;margin-left:4px}.trend__down i,.trend__up i{font-size:12px;transform:scale(.83)}.trend__up{color:#f5222d}.trend__down{top:-1px;color:#52c41a}.trend__grey .trend__down,.trend__grey .trend__up{color:rgba(0,0,0,.85)}.trend__reverse .trend__up{color:#52c41a}.trend__reverse .trend__down{color:#f5222d}.alain-pro__menu{display:block}.alain-pro__menu-item--disabled{pointer-events:none}.alain-pro__menu-only-icon .alain-pro__menu-item{padding-right:8px!important;padding-left:8px!important}.alain-pro__menu-only-icon .alain-pro__menu-item:first-child{padding-left:0}.alain-pro__menu-only-icon .alain-pro__menu-icon{margin-right:0;font-size:16px}.alain-pro__menu-title{position:relative}.alain-pro__menu-title-badge{display:flex;justify-content:center;width:18px;height:18px;padding:0;font-size:12px;line-height:18px;background:#F5222D;border-radius:50%}.alain-pro__menu-title-badge>em{color:#fff;font-style:normal}.alain-pro__menu-img{width:14px!important;height:14px!important}.alain-pro__side-nav .alain-pro__menu-title{display:flex;align-items:center}.alain-pro__side-nav .alain-pro__menu-title-text{flex:1}.alain-pro__side-nav .ant-menu-inline-collapsed .alain-pro__menu-title-badge{position:absolute;top:0;right:-16px;width:8px;height:8px}.alain-pro__side-nav .ant-menu-inline-collapsed .alain-pro__menu-title-badge>em{display:none}.alain-pro__main{min-height:100vh;background-color:#f0f2f5}.alain-pro__main>.ant-layout-header{height:56px;line-height:56px}.alain-pro__page-header-wrapper{position:relative;display:block;margin:-24px -24px 0}.alain-pro__page-header-content{margin:24px 24px 0}.alain-pro__page-grid{display:block;width:100%;height:100%;min-height:100%;transition:.3s}.alain-pro__page-grid-wide{max-width:1200px;margin:0 auto}.alain-pro__page-grid-no-spacing{width:initial;margin:-24px -24px 0}.alain-pro__fetching-icon{display:none}.alain-pro__fetching .alain-pro__fetching-icon{display:block}@media screen and (max-width:767px){.alain-pro__page-header-content{margin:24px 10px 0}}.alain-pro__header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 12px 0 0;background:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08)}.alain-pro__header-logo{padding:0 24px}.alain-pro__header-right{display:flex;align-items:center;justify-items:center}.alain-pro__header-item{position:relative;display:flex;align-items:center;justify-items:center;height:56px;padding:0 12px;line-height:56px;cursor:pointer;transition:all .3s}.alain-pro__header-item-icon,.alain-pro__header-item>i{font-size:14px!important;transform:none!important}.alain-pro__header-item,.alain-pro__header-item-icon{color:rgba(0,0,0,.65)}.alain-pro__header-item:hover{background:rgba(0,0,0,.025)}.alain-pro__header-item:hover,.alain-pro__header-item:hover .alain-pro__header-item-icon{color:#000}.alain-pro__header-trigger{padding:0 24px}.alain-pro__header-trigger .alain-pro__header-item-icon{font-size:20px!important}.alain-pro__header-search:hover{background:0 0}.alain-pro__header-fixed{position:fixed;top:0;right:0;z-index:9;width:100%;transition:width .2s}.alain-pro__header-hide{opacity:0;transition:opacity .2s}@media only screen and (max-width:767px){.alain-pro__header-name{display:none}.alain-pro__header-trigger{padding:0 12px}.alain-pro__header-logo{position:relative;padding-right:12px;padding-left:12px}}layout-pro-header{z-index:1}[dir=rtl] .alain-pro__header-fixed{right:inherit;left:0}.alain-pro__top-nav{position:relative;width:100%;height:56px;padding:0 12px 0 0;box-shadow:0 1px 4px rgba(0,21,41,.08);transition:background .3s,width .2s}.alain-pro__top-nav .alain-pro__menu .ant-menu{display:flex;align-items:center;height:56px;border:none}.alain-pro__top-nav .alain-pro__menu-wrap{flex:1;padding-right:8px}.alain-pro__top-nav .alain-pro__menu-item{height:100%}.alain-pro__top-nav .alain-pro__menu-item .ant-menu-submenu-title{height:100%;padding:0 12px}.alain-pro__top-nav-main{display:flex;height:56px;padding-left:24px}.alain-pro__top-nav-main-wide{max-width:1200px;margin:auto;padding-left:4px}.alain-pro__top-nav-main-left{display:flex;flex:1}.alain-pro__top-nav-logo{width:165px}.alain-pro__top-nav-logo h1{margin:0 0 0 12px;color:#fff;font-size:16px}.alain-pro__top-nav .alain-pro__menu-title-badge{position:absolute;top:-16px;right:-16px}.alain-pro__sider,.alain-pro__sider-logo{position:relative;display:block;overflow:hidden}.alain-pro__dark .alain-pro__top-nav .alain-pro__header-item,.alain-pro__dark .alain-pro__top-nav .alain-pro__header-item-icon{color:rgba(255,255,255,.65)}.alain-pro__dark .alain-pro__top-nav .alain-pro__header-item .ant-popover-open,.alain-pro__dark .alain-pro__top-nav .alain-pro__header-item:hover{background:#F5222D}.alain-pro__light .alain-pro__sider,.alain-pro__light .alain-pro__top-nav,.quick-chat,.quick-chat__bar--title:hover{background-color:#fff}.alain-pro__dark .alain-pro__top-nav .alain-pro__header-item .ant-popover-open .alain-pro__header-item,.alain-pro__dark .alain-pro__top-nav .alain-pro__header-item .ant-popover-open .alain-pro__header-item-icon,.alain-pro__dark .alain-pro__top-nav .alain-pro__header-item:hover .alain-pro__header-item,.alain-pro__dark .alain-pro__top-nav .alain-pro__header-item:hover .alain-pro__header-item-icon{color:#fff}.alain-pro__light .alain-pro__top-nav h1{color:#002140}[dir=rtl] .alain-pro__top-nav-logo h1{margin-right:12px;margin-left:0}.alain-pro__sider{z-index:10;min-height:100vh;box-shadow:2px 0 6px rgba(0,21,41,.35)}.alain-pro__sider-logo{height:56px;padding-left:24px;line-height:56px;background:#002140;transition:all .3s}.alain-pro__sider-logo img{display:inline-block;height:32px;vertical-align:middle}.alain-pro__sider-logo h1{display:inline-block;margin:0 0 0 12px;color:#fff;font-weight:600;font-size:20px;font-family:'Myriad Pro','Helvetica Neue',Arial,Helvetica,sans-serif;vertical-align:middle;transition:all .3s}.alain-pro__sider-fixed{position:fixed;top:0;left:0}.alain-pro__sider-fixed .alain-pro__side-nav-wrap{height:calc(100vh - 56px);padding-bottom:24px;overflow-y:scroll}.alain-pro__drawer .ant-drawer-wrapper-body{height:100%;overflow:auto}.alain-pro__drawer .ant-drawer-body{height:100vh;padding:0;overflow-x:hidden}.aside-collapsed .alain-pro__sider-logo{display:flex;justify-content:center;padding:0}.aside-collapsed .alain-pro__sider-logo h1{display:none}.alain-pro__light .alain-pro__sider{box-shadow:2px 0 8px 0 rgba(29,35,41,.05)}.alain-pro__light .alain-pro__sider-logo{background:#fff;box-shadow:1px 1px 0 0 #f0f0f0}.alain-pro__light .alain-pro__sider-logo h1{color:#F5222D}[dir=rtl] .alain-pro__sider-logo{padding-right:24px;padding-left:0}[dir=rtl] .alain-pro__sider-logo h1{margin-right:12px;margin-left:0}[dir=rtl] .alain-pro__sider-fixed{right:0;left:inherit}.alain-pro__footer,[dir=rtl] .aside-collapsed .alain-pro__sider-logo{padding:0}.ant-card{transition:none}.alain-pro__header-item .ant-badge-count{position:absolute;top:24px;right:12px}.full-content__hidden-title page-header,.full-content__opened .alain-pro__sider,.full-content__opened layout-pro-header,.full-content__opened reuse-tab{display:none!important}.footer-toolbar{z-index:99;width:auto}.footer-toolbar__body .alain-pro__body{margin-bottom:56px!important}.alain-pro__menu-side .footer-toolbar{left:256px}.alain-pro__menu-top .footer-toolbar{left:0}.aside-collapsed .footer-toolbar{left:80px}.page-header{padding-right:24px;padding-left:24px}.btn-flat{background:0 0!important;border-color:transparent!important;box-shadow:none!important}.ant-dropdown-menu-item{outline:0}@page{size:a3}.brand-page-loading{position:absolute;top:0;right:0;left:0;min-height:200px}.brand-top-right{position:absolute;top:8px;right:8px}.brand-top-left{position:absolute;top:8px;left:8px}.brand-range-picker__date{display:inline-block;width:240px}.alain-pro__header-search,.setting-drawer__blockChecbox{display:flex}.setting-drawer__handle-opened{right:300px!important}.setting-drawer__blockChecbox-item{position:relative;margin-right:16px;border-radius:2px;cursor:pointer}.setting-drawer__blockChecbox-item img{width:48px}.setting-drawer__blockChecbox-selectIcon{position:absolute;top:0;right:0;width:100%;height:100%;padding-top:15px;padding-left:24px;color:#F5222D;font-weight:700;font-size:14px}.setting-drawer__handle{top:114px;width:32px;height:32px;background:rgba(0,0,0,.38)}.setting-drawer__handle-icon{font-size:16px}.setting-drawer-rtl .setting-drawer__handle-opened{right:inherit!important;left:300px!important}.alain-pro__header-search .anticon-search{font-size:16px;cursor:pointer}.alain-pro__header-search-input{width:0;overflow:hidden;background:0 0;border-radius:0;transition:width .3s,margin-left .3s}.alain-pro__header-search-input .ant-select-selection{background:0 0}.alain-pro__header-search-input input{padding-right:0;padding-left:0;background:0 0;border:0;outline:0;box-shadow:none}.alain-pro__header-search-input,.alain-pro__header-search-input:focus,.alain-pro__header-search-input:hover,.message__tools{border-bottom:1px solid #d9d9d9}.alain-pro__header-search-show:hover{background:0 0!important}.alain-pro__header-search-show .alain-pro__header-search-input{width:210px;margin-left:8px}.alain-pro__dark .alain-pro__top-nav .alain-pro__header-search-show .ant-input{color:#fff}.brand-bordered{overflow:hidden;border:1px solid rgba(24,28,33,.06)}.brand-bordered>[class*=ant-col-]::after,.brand-bordered>[class*=ant-col-]::before{position:absolute;display:block;content:''}.brand-bordered>[class*=ant-col-]::before{right:0;bottom:-1px;left:0;height:0;border-top:1px solid rgba(24,28,33,.06)}.brand-bordered>[class*=ant-col-]::after{top:0;bottom:0;left:-1px;width:0;border-left:1px solid rgba(24,28,33,.06)}.brand-border-width-2{border-width:2px!important}.brand-collapse-arrow-reverse .ant-collapse>.ant-collapse-item>.ant-collapse-header{padding-right:40px;padding-left:12px}.brand-collapse-arrow-reverse .ant-collapse>.ant-collapse-item>.ant-collapse-header .arrow{right:16px;left:unset}.dd-btn{display:block;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;cursor:pointer}.quick-chat,.quill-editor{line-height:initial}.dd-btn:hover{background:#f5f5f5;border:1px solid #f0f0f0}.attachment-img,.img-thm{background-color:transparent}.attachment{display:flex;align-items:center;margin-bottom:8px;padding:4px;border:1px solid #e8e8e8}.attachment-icon{padding:2px;font-size:40px}.attachment-img{width:64px;height:64px;background-position:center center;background-size:cover}.img-thm,.img-thm__img{height:auto;max-width:100%}.feed__icon{position:relative}.feed__icon-tag{position:absolute;top:-6px;right:-2px}.img-thm{position:relative;display:block}.img-thm__mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;background-color:rgba(0,0,0,.3)}.img-thm__icon{position:absolute;top:50%;left:50%;z-index:3;display:block;color:#fff;font-size:32px;opacity:0}.img-thm__img{z-index:1}.img-thm__zoom-in{overflow:hidden}.img-thm__zoom-in .img-thm__icon{transform:translate(-50%,-50%) scale(.6)}.img-thm__zoom-in .img-thm__img{transition:all .3s ease-in-out}.img-thm__zoom-in:hover .img-thm__icon{transform:translate(-50%,-50%) scale(1)}.img-thm__zoom-in:hover .img-thm__img{transform:scale(1.1)}.img-thm:not(:hover):not(:focus) .img-thm__mask{opacity:0}.quill-editor.ng-dirty.ng-invalid .ql-container,.quill-editor.ng-dirty.ng-invalid .ql-toolbar{border-color:#ff4d4f}.ql-snow .ql-size .ql-picker-item[data-value="10px"]::before,.ql-snow .ql-size .ql-picker-label[data-value="10px"]::before{content:'10px'}.ql-snow .ql-size .ql-picker-item[data-value="12px"]::before,.ql-snow .ql-size .ql-picker-label[data-value="12px"]::before{content:'12px'}.ql-snow .ql-size .ql-picker-item[data-value="14px"]::before,.ql-snow .ql-size .ql-picker-label[data-value="14px"]::before{content:'14px'}.ql-snow .ql-size .ql-picker-item[data-value="16px"]::before,.ql-snow .ql-size .ql-picker-label[data-value="16px"]::before{content:'16px'}.ql-snow .ql-size .ql-picker-item[data-value="18px"]::before,.ql-snow .ql-size .ql-picker-label[data-value="18px"]::before{content:'18px'}.ql-snow .ql-size .ql-picker-item[data-value="20px"]::before,.ql-snow .ql-size .ql-picker-label[data-value="20px"]::before{content:'20px'}.ql-snow .ql-size .ql-picker-item[data-value="24px"]::before,.ql-snow .ql-size .ql-picker-label[data-value="24px"]::before{content:'24px'}app-file-manager file-manager{display:block;padding:24px;background:#fff}.file-manager{display:flex;margin-top:16px}.file-manager__header{display:flex;align-items:center;margin-top:16px;padding:0 32px 4px 12px;font-weight:700;border-bottom:2px solid rgba(0,0,0,.05)}.file-manager__header-name{flex:1}.file-manager__header-pixel{width:150px}.file-manager__header-time{width:130px}.file-manager__small .file-item{display:flex;align-items:center;width:100%;margin:0 0 2px;padding:4px 32px 4px 0;text-align:left}.file-manager__small .file-item__icon,.file-manager__small .file-item__img{display:block;width:32px;height:32px;margin:0 8px;font-size:20px;line-height:32px;text-align:center}.file-manager__small .file-item__name{flex:1}.file-manager__small .file-item__pixel{position:inherit;width:150px}.file-manager__small .file-item__pixel>span{background:0 0}.file-manager__small .file-item__time{display:block;width:130px}.file-item{position:relative;z-index:1;flex:0 0 auto;flex-shrink:0;width:9rem;margin:0 8px 8px 0;padding:16px 0 24px;text-align:center;border:1px solid transparent;cursor:pointer}.file-item:hover{border-color:rgba(0,0,0,.05)}.file-item:hover .file-item__actions{display:block}.file-item__selected{background-color:#e6f7ff!important;border-color:#F5222D!important}.course__img,.file-item__img{background-color:transparent}.file-item__selected .file-item__actions{display:block}.file-item__icon{display:block;margin:16px 0;font-size:40px}.file-item__img{display:block;width:4rem;height:4rem;margin:0 auto .75rem;font-size:2.5rem;line-height:4rem;background-position:center center;background-size:cover}.file-item__name{height:28px;padding:0 8px;overflow:hidden;color:#4e5155;line-height:28px;white-space:nowrap;text-overflow:ellipsis}.file-item__pixel{position:absolute;bottom:0;left:0;width:100%}.file-item__pixel>span{display:block;width:100%;padding:2px 0;background:rgba(0,0,0,.01)}.file-item__time{display:none}.file-item__actions{position:absolute;top:8px;right:8px;display:none}.ware__color{display:inline-block;width:12px;height:12px}.ware__imgs .se__label{padding-right:8px}.ware__imgs-wrap{display:flex;align-items:center}.ware__imgs-color{display:flex;margin:0;padding:0;list-style:none}.ware__imgs-item{position:relative;width:72px;height:72px;margin-right:16px;border:1px solid #ccc}.ware__imgs-item-img{width:70px;height:70px}.ware__imgs-item-img img{max-width:100%;max-height:100%}.ware__imgs-item-del{position:absolute;top:2px;right:4px;color:#fff;line-height:normal}.ware__imgs-item::before{position:absolute;top:24px;display:block;width:100%;color:#ccc;line-height:normal;text-align:center;content:'细节图'}.ware__imgs-item:first-child::before{content:'主图*'}.ware__imgs-item-exists::before{content:''}.faq-v1__item{display:flex;align-items:center;padding:8px}.faq-v1__item-icon{font-size:24px}.faq-v1__item-title{margin-bottom:0;font-weight:400;font-size:14px}.faq-v1__item-remark{margin-bottom:0;color:#bfbfbf}.faq-v1__item-hover{background-color:rgba(0,0,0,.02);cursor:pointer}.faq-v1__item-hover:hover{background-color:rgba(0,0,0,.04)}.faq-v1__item-hover:hover .faq__item-icon,.faq-v1__item-hover:hover .faq__item-title{color:#F5222D}.task__container{border-bottom:1px solid #f0f0f0}.task__container:last-child{border-bottom:none}.task__title{margin-bottom:16px;color:#a3a4a6;font-weight:400;font-size:12px}.task__item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid rgba(24,28,33,.06)}.task__item:first-child{border-top:none}.task__item-handle{margin-right:16px;color:#bfbfbf;font-size:12px;cursor:pointer}.task__item-done{color:#a3a4a6}.message__container{position:relative}.message__sidebox{position:absolute;top:0;left:0;width:250px;height:100%;background:#f5f5f5}.message__tools{display:flex;flex-wrap:wrap;align-items:center;padding:4px 24px;border-top:1px solid #d9d9d9}.message__tools-choose{display:flex;flex:1;flex-wrap:wrap;align-items:center}.message__content{min-height:600px}.message__item{display:flex;align-items:center;padding:4px 24px}.message__item:first-child{border-top:none}.message__item-from{display:flex;align-items:center;width:160px}.message__item-subject{width:100%;color:#595959}.message__item-subject:hover{color:#F5222D}.message__item-date{color:#bfbfbf;white-space:nowrap}.message__item-unread .message__item-subject{font-weight:700}@media (min-width:768px){.message__container{padding-left:250px}}@media (max-width:767px){.message__tools-choose{flex-basis:100%}.message__item{flex-wrap:wrap}}.course__img{display:block;padding-top:60%;background-position:center center;background-size:cover;border-top-left-radius:2px;border-top-right-radius:2px}.course__star .ant-rate{font-size:10px}.chat__container{display:flex;overflow:hidden;background:#fff;border:1px solid #f0f0f0}.chat__scroll-container{position:relative;width:100%}.chat__sidebox{display:flex;flex-direction:column;width:250px;box-shadow:6px 0 16px -8px rgba(0,0,0,.08),9px 0 28px 0 rgba(0,0,0,.05),12px 0 48px 16px rgba(0,0,0,.03);transition:.2s all}.chat__contact{display:flex;align-items:center;padding:8px 16px;color:#4e5155;cursor:pointer}.chat__contact:hover:not(.chat__contact-active){background-color:rgba(24,28,33,.03)}.chat__contact .ant-badge-status-text{color:#52c41a;font-size:12px}.chat__contact-offline{opacity:.7}.chat__contact-offline .ant-badge-status-text{color:#f5222d}.chat__contact-active{background-color:#e84c64}.chat__contact-active,.chat__contact-active .ant-badge-status-text{color:#fff}.chat__user-avatar{height:40px;border-radius:50%}.chat__message{display:flex;flex-shrink:0;margin-bottom:8px}.chat__message-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:24px}.chat__message-left{margin-right:58px}.chat__message-left .chat__message-avatar{margin-right:8px}.chat__message-right{flex-direction:row-reverse;margin-left:58px}.chat__message-right .chat__message-avatar{margin-left:8px}.chat__message-send{text-align:center}.chat__message-avatar{width:50px;text-align:center}.chat__message-text{width:100%;color:#bfbfbf;font-size:12px;text-align:center}.chat__message-time{padding-top:2px;color:#bfbfbf;font-size:12px;white-space:nowrap}.chat__message-msg{padding:4px 8px;background:#f5f5f5;border-radius:4px}.fc-antd .fc-event,.fc-antd .fc-scrollgrid,.fc-antd td,.fc-antd th{border:1px solid #f0f0f0}.chat__message-msg--name{display:block;margin-bottom:2px}[dir=rtl] .chat__message-left{margin-right:inherit;margin-left:58px}[dir=rtl] .chat__message-left .chat__message-avatar{margin-right:inherit;margin-left:8px}[dir=rtl] .chat__message-right{margin-right:inherit;margin-left:58px}[dir=rtl] .chat__message-right .chat__message-avatar{margin-right:inherit;margin-left:8px}.fc-antd a{color:inherit}.fc-antd a,.fc-antd a:hover{text-decoration:none}.fc-antd .fc-col-header-cell{padding:8px;color:rgba(0,0,0,.85)}.fc-antd .fc-day:not(.fc-axis){padding:4px}.fc-antd .fc-day.fc-day-today{background:rgba(232,232,232,.2)}.fc-antd .fc-event{background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.055)}.fc-antd .fc-event-title-container{padding:4px 4px 4px 20px}.fc-antd .fc-event-title-container::before{position:absolute;top:50%;left:4px;display:block;width:10px;height:10px;margin-top:-5px;background:rgba(0,0,0,.2);border-radius:50%;content:' '}.fc-antd .fc-event-title{display:block;overflow:hidden;color:rgba(0,0,0,.85);white-space:nowrap;text-overflow:ellipsis}.fc-antd .fc-event.fc-not-start.fc-end .fc-event-main{padding-left:4px}.fc-antd .fc-event.fc-not-start.fc-end .fc-event-main::before{display:none}.fc-antd .fc-event-fill-primary,.fc-antd .fc-event-primary .fc-event-title-container::before{background-color:#F5222D}.fc-antd .fc-event-fill-success,.fc-antd .fc-event-success .fc-event-title-container::before{background-color:#52c41a}.fc-antd .fc-event-danger .fc-event-title-container::before,.fc-antd .fc-event-fill-danger{background-color:#f5222d}.fc-antd .fc-event-fill-warning,.fc-antd .fc-event-warning .fc-event-title-container::before{background-color:#fadb14}.fc-antd .fc-event-fill-purple,.fc-antd .fc-event-purple .fc-event-title-container::before{background-color:#722ed1}.fc-antd .fc-event-fill-magenta,.fc-antd .fc-event-magenta .fc-event-title-container::before{background-color:#eb2f96}.fc-antd .fc-popover-header{padding:8px 16px;background:#eee}.fc-antd .fc-popover-body{background:#fff}.pro-passport{display:flex;flex-basis:100%;align-items:stretch;justify-content:stretch;min-height:100vh;overflow:hidden}.pro-passport__langs{position:fixed;top:16px;left:16px;z-index:9999}.pro-passport__langs .alain-pro__header-item{height:auto;padding:0}.pro-passport__bg{padding:0 24px;background-color:transparent;background-position:center center;background-size:cover}.pro-passport__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:.4}.pro-passport__form{padding:32px}.pro-passport__form-logo{height:32px;text-align:center}.pro-passport__form-logo img{max-height:100%}.pro-passport__form-title{margin:16px 0;color:#bfbfbf;text-align:center}@media (max-width:991px){.pro-passport__form{width:100%}}.quick-chat{position:fixed;top:auto;right:0;bottom:0;left:auto;z-index:98;display:flex;flex:1;flex-direction:column;width:320px;margin-right:30px;border:1px solid #f0f0f0;border-bottom:none;border-radius:4px 4px 0 0;box-shadow:0 16px 24px 2px rgba(0,0,0,.14)}.quick-chat__bar{display:flex;flex-direction:row;align-items:center;height:32px;border-bottom:1px solid #f0f0f0;cursor:pointer;user-select:none}.quick-chat__bar--title{flex:1;height:32px;padding-left:16px;font-size:14px;line-height:32px}.quick-chat__bar--title-has-message{animation:antSwingIn 1.5s infinite}.quick-chat__bar--menu{display:flex;align-items:center;height:32px}.quick-chat__bar--menu .anticon{font-size:18px}.quick-chat__bar--close{padding:0 16px 0 8px}.quick-chat__body{max-height:370px;transition:max-height .5s cubic-bezier(0,1,0,1)}.quick-chat__content{position:relative;display:flex;flex-direction:column;height:320px}.app-dd__op,.quick-chat .chat__message{align-items:center}.quick-chat__content .chat__scroll-container{display:block}.quick-chat__reply{height:50px;padding:8px}.quick-chat__reply--ipt{display:block;width:100%;height:100%;background:0 0;border:none;outline:0}.quick-chat .chat__message-avatar{width:28px}.quick-chat .chat__user-avatar{height:20px}.quick-chat__collapsed .quick-chat__body{max-height:0}.quick-chat__collapsed .quick-chat__body .chat__scroll-container{display:none}[dir=rtl] .quick-chat{right:inherit;left:0;margin-right:inherit;margin-left:30px}[dir=rtl] .quick-chat__bar--title{padding-right:16px;padding-left:0}.app-dd{position:relative;display:block}.app-dd__op{position:absolute;top:-24px;right:24px;z-index:99;display:flex;justify-content:center}.app-dd__op-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:8px;color:#fff;background:rgba(0,0,0,.4);border-radius:0 0 4px 4px;cursor:pointer;pointer-events:auto}.app-dd__op-btn:hover{background:rgba(0,0,0,.3)}.app-dd__ph{opacity:.3}.app-dd__item{position:relative;display:block}.app-dd__item-btn{position:absolute;top:8px;right:8px;display:none;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(0,0,0,.02);cursor:pointer}.app-dd__item:hover .app-dd__item-refresh{display:flex}.app-dd__item-design{opacity:.8;user-select:none}.app-dd__item-design .app-dd__item-handle{display:flex!important;background:rgba(0,0,0,.1)}.app-dd__item-design .app-dd__item-refresh{display:none!important}.app-dd__item.cdk-drag-preview{border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.app-dd__item.cdk-drag-animating{transition:transform 250ms cubic-bezier(0,0,.2,1)}
\ No newline at end of file
diff --git a/src/assets/tinymce/icons/default/icons.js b/src/assets/tinymce/icons/default/icons.js
new file mode 100644
index 00000000..d31c9072
--- /dev/null
+++ b/src/assets/tinymce/icons/default/icons.js
@@ -0,0 +1,172 @@
+tinymce.IconManager.add('default', {
+  icons: {
+    'accessibility-check': '<svg width="24" height="24"><path d="M12 2a2 2 0 012 2 2 2 0 01-2 2 2 2 0 01-2-2c0-1.1.9-2 2-2zm8 7h-5v12c0 .6-.4 1-1 1a1 1 0 01-1-1v-5c0-.6-.4-1-1-1a1 1 0 00-1 1v5c0 .6-.4 1-1 1a1 1 0 01-1-1V9H4a1 1 0 110-2h16c.6 0 1 .4 1 1s-.4 1-1 1z" fill-rule="nonzero"/></svg>',
+    'action-next': '<svg width="24" height="24"><path fill-rule="nonzero" d="M5.7 7.3a1 1 0 00-1.4 1.4l7.7 7.7 7.7-7.7a1 1 0 10-1.4-1.4L12 13.6 5.7 7.3z"/></svg>',
+    'action-prev': '<svg width="24" height="24"><path fill-rule="nonzero" d="M18.3 15.7a1 1 0 001.4-1.4L12 6.6l-7.7 7.7a1 1 0 001.4 1.4L12 9.4l6.3 6.3z"/></svg>',
+    'align-center': '<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 110-2zm3 4h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 110-2zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 010-2zm-3-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 010-2z" fill-rule="evenodd"/></svg>',
+    'align-justify': '<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 110-2zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 110-2zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 010-2zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 010-2z" fill-rule="evenodd"/></svg>',
+    'align-left': '<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 110-2zm0 4h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 110-2zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 010-2zm0-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 010-2z" fill-rule="evenodd"/></svg>',
+    'align-none': '<svg width="24" height="24"><path d="M14.2 5L13 7H5a1 1 0 110-2h9.2zm4 0h.8a1 1 0 010 2h-2l1.2-2zm-6.4 4l-1.2 2H5a1 1 0 010-2h6.8zm4 0H19a1 1 0 010 2h-4.4l1.2-2zm-6.4 4l-1.2 2H5a1 1 0 010-2h4.4zm4 0H19a1 1 0 010 2h-6.8l1.2-2zM7 17l-1.2 2H5a1 1 0 010-2h2zm4 0h8a1 1 0 010 2H9.8l1.2-2zm5.2-13.5l1.3.7-9.7 16.3-1.3-.7 9.7-16.3z" fill-rule="evenodd"/></svg>',
+    'align-right': '<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 110-2zm6 4h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm-6-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 010-2z" fill-rule="evenodd"/></svg>',
+    'arrow-left': '<svg width="24" height="24"><path d="M5.6 13l12 6a1 1 0 001.4-1V6a1 1 0 00-1.4-.9l-12 6a1 1 0 000 1.8z" fill-rule="evenodd"/></svg>',
+    'arrow-right': '<svg width="24" height="24"><path d="M18.5 13l-12 6A1 1 0 015 18V6a1 1 0 011.4-.9l12 6a1 1 0 010 1.8z" fill-rule="evenodd"/></svg>',
+    'bold': '<svg width="24" height="24"><path d="M7.8 19c-.3 0-.5 0-.6-.2l-.2-.5V5.7c0-.2 0-.4.2-.5l.6-.2h5c1.5 0 2.7.3 3.5 1 .7.6 1.1 1.4 1.1 2.5a3 3 0 01-.6 1.9c-.4.6-1 1-1.6 1.2.4.1.9.3 1.3.6s.8.7 1 1.2c.4.4.5 1 .5 1.6 0 1.3-.4 2.3-1.3 3-.8.7-2.1 1-3.8 1H7.8zm5-8.3c.6 0 1.2-.1 1.6-.5.4-.3.6-.7.6-1.3 0-1.1-.8-1.7-2.3-1.7H9.3v3.5h3.4zm.5 6c.7 0 1.3-.1 1.7-.4.4-.4.6-.9.6-1.5s-.2-1-.7-1.4c-.4-.3-1-.4-2-.4H9.4v3.8h4z" fill-rule="evenodd"/></svg>',
+    'bookmark': '<svg width="24" height="24"><path d="M6 4v17l6-4 6 4V4c0-.6-.4-1-1-1H7a1 1 0 00-1 1z" fill-rule="nonzero"/></svg>',
+    'border-width': '<svg width="24" height="24"><path d="M5 14.8h14a1 1 0 010 2H5a1 1 0 010-2zm-.5 3.7h15c.3 0 .5.2.5.5s-.2.5-.5.5h-15a.5.5 0 110-1zm.5-8.3h14c.6 0 1 .4 1 1v1c0 .5-.4 1-1 1H5a1 1 0 01-1-1v-1c0-.6.4-1 1-1zm0-5.7h14c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1H5a1 1 0 01-1-1v-2c0-.6.4-1 1-1z" fill-rule="evenodd"/></svg>',
+    'brightness': '<svg width="24" height="24"><path d="M12 17c.3 0 .5.1.7.3.2.2.3.4.3.7v1c0 .3-.1.5-.3.7a1 1 0 01-.7.3 1 1 0 01-.7-.3 1 1 0 01-.3-.7v-1c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3zm0-10a1 1 0 01-.7-.3A1 1 0 0111 6V5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3.3 0 .5.1.7.3.2.2.3.4.3.7v1c0 .3-.1.5-.3.7a1 1 0 01-.7.3zm7 4c.3 0 .5.1.7.3.2.2.3.4.3.7 0 .3-.1.5-.3.7a1 1 0 01-.7.3h-1a1 1 0 01-.7-.3 1 1 0 01-.3-.7c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h1zM7 12c0 .3-.1.5-.3.7a1 1 0 01-.7.3H5a1 1 0 01-.7-.3A1 1 0 014 12c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h1c.3 0 .5.1.7.3.2.2.3.4.3.7zm10 3.5l.7.8c.2.1.3.4.3.6 0 .3-.1.6-.3.8a1 1 0 01-.8.3 1 1 0 01-.6-.3l-.8-.7a1 1 0 01-.3-.8c0-.2.1-.5.3-.7a1 1 0 011.4 0zm-10-7l-.7-.8a1 1 0 01-.3-.6c0-.3.1-.6.3-.8.2-.2.5-.3.8-.3.2 0 .5.1.7.3l.7.7c.2.2.3.5.3.8 0 .2-.1.5-.3.7a1 1 0 01-.7.3 1 1 0 01-.8-.3zm10 0a1 1 0 01-.8.3 1 1 0 01-.7-.3 1 1 0 01-.3-.7c0-.3.1-.6.3-.8l.8-.7c.1-.2.4-.3.6-.3.3 0 .6.1.8.3.2.2.3.5.3.8 0 .2-.1.5-.3.7l-.7.7zm-10 7c.2-.2.5-.3.8-.3.2 0 .5.1.7.3a1 1 0 010 1.4l-.8.8a1 1 0 01-.6.3 1 1 0 01-.8-.3 1 1 0 01-.3-.8c0-.2.1-.5.3-.6l.7-.8zM12 8a4 4 0 013.7 2.4 4 4 0 010 3.2A4 4 0 0112 16a4 4 0 01-3.7-2.4 4 4 0 010-3.2A4 4 0 0112 8zm0 6.5c.7 0 1.3-.2 1.8-.7.5-.5.7-1.1.7-1.8s-.2-1.3-.7-1.8c-.5-.5-1.1-.7-1.8-.7s-1.3.2-1.8.7c-.5.5-.7 1.1-.7 1.8s.2 1.3.7 1.8c.5.5 1.1.7 1.8.7z" fill-rule="evenodd"/></svg>',
+    'browse': '<svg width="24" height="24"><path d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2h-4v-2h4V8H5v10h4v2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zm-8 9.4l-2.3 2.3a1 1 0 11-1.4-1.4l4-4a1 1 0 011.4 0l4 4a1 1 0 01-1.4 1.4L13 13.4V20a1 1 0 01-2 0v-6.6z" fill-rule="nonzero"/></svg>',
+    'cancel': '<svg width="24" height="24"><path d="M12 4.6a7.4 7.4 0 110 14.8 7.4 7.4 0 010-14.8zM12 3a9 9 0 100 18 9 9 0 000-18zm0 8L14.8 8l1 1.1-2.7 2.8 2.7 2.7-1.1 1.1-2.7-2.7-2.7 2.7-1-1.1 2.6-2.7-2.7-2.7 1-1.1 2.8 2.7z" fill-rule="nonzero"/></svg>',
+    'change-case': '<svg width="24" height="24"><path d="M18.4 18.2v-.6c-.5.8-1.3 1.2-2.4 1.2-2.2 0-3.3-1.6-3.3-4.8 0-3.1 1-4.7 3.3-4.7 1.1 0 1.8.3 2.4 1.1v-.6c0-.5.4-.8.8-.8s.8.3.8.8v8.4c0 .5-.4.8-.8.8a.8.8 0 01-.8-.8zm-2-7.4c-1.3 0-1.8.9-1.8 3.2 0 2.4.5 3.3 1.7 3.3 1.3 0 1.8-.9 1.8-3.2 0-2.4-.5-3.3-1.7-3.3zM10 15.7H5.5l-.8 2.6a1 1 0 01-1 .7h-.2a.7.7 0 01-.7-1l4-12a1 1 0 012 0l4 12a.7.7 0 01-.8 1h-.2a1 1 0 01-1-.7l-.8-2.6zm-.3-1.5l-2-6.5-1.9 6.5h3.9z" fill-rule="evenodd"/></svg>',
+    'character-count': '<svg width="24" height="24"><path d="M4 11.5h16v1H4v-1zm4.8-6.8V10H7.7V5.8h-1v-1h2zM11 8.3V9h2v1h-3V7.7l2-1v-.9h-2v-1h3v2.4l-2 1zm6.3-3.4V10h-3.1V9h2.1V8h-2.1V6.8h2.1v-1h-2.1v-1h3.1zM5.8 16.4c0-.5.2-.8.5-1 .2-.2.6-.3 1.2-.3l.8.1c.2 0 .4.2.5.3l.4.4v2.8l.2.3H8.2v-.1-.2l-.6.3H7c-.4 0-.7 0-1-.2a1 1 0 01-.3-.9c0-.3 0-.6.3-.8.3-.2.7-.4 1.2-.4l.6-.2h.3v-.2l-.1-.2a.8.8 0 00-.5-.1 1 1 0 00-.4 0l-.3.4h-1zm2.3.8h-.2l-.2.1-.4.1a1 1 0 00-.4.2l-.2.2.1.3.5.1h.4l.4-.4v-.6zm2-3.4h1.2v1.7l.5-.3h.5c.5 0 .9.1 1.2.5.3.4.5.8.5 1.4 0 .6-.2 1.1-.5 1.5-.3.4-.7.6-1.3.6l-.6-.1-.4-.4v.4h-1.1v-5.4zm1.1 3.3c0 .3 0 .6.2.8a.7.7 0 001.2 0l.2-.8c0-.4 0-.6-.2-.8a.7.7 0 00-.6-.3l-.6.3-.2.8zm6.1-.5c0-.2 0-.3-.2-.4a.8.8 0 00-.5-.2c-.3 0-.5.1-.6.3l-.2.9c0 .3 0 .6.2.8.1.2.3.3.6.3.2 0 .4 0 .5-.2l.2-.4h1.1c0 .5-.3.8-.6 1.1a2 2 0 01-1.3.4c-.5 0-1-.2-1.3-.6a2 2 0 01-.5-1.4c0-.6.1-1.1.5-1.5.3-.4.8-.5 1.4-.5.5 0 1 0 1.2.3.4.3.5.7.5 1.2h-1v-.1z" fill-rule="evenodd"/></svg>',
+    'checklist-rtl': '<svg width="24" height="24"><path d="M5 17h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 010-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 010-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 110-2zm14.2 11c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 20c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 010-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 14c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 010-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 8c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 010-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8z" fill-rule="evenodd"/></svg>',
+    'checklist': '<svg width="24" height="24"><path d="M11 17h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm0-6h8a1 1 0 010 2h-8a1 1 0 010-2zM7.2 16c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 20c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 010-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 14c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 010-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 8c-.2.3-.7.4-1 0L3.8 6.9a.7.7 0 010-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8z" fill-rule="evenodd"/></svg>',
+    'checkmark': '<svg width="24" height="24"><path d="M18.2 5.4a1 1 0 011.6 1.2l-8 12a1 1 0 01-1.5.1l-5-5a1 1 0 111.4-1.4l4.1 4.1 7.4-11z" fill-rule="nonzero"/></svg>',
+    'chevron-down': '<svg width="10" height="10"><path d="M8.7 2.2c.3-.3.8-.3 1 0 .4.4.4.9 0 1.2L5.7 7.8c-.3.3-.9.3-1.2 0L.2 3.4a.8.8 0 010-1.2c.3-.3.8-.3 1.1 0L5 6l3.7-3.8z" fill-rule="nonzero"/></svg>',
+    'chevron-left': '<svg width="10" height="10"><path d="M7.8 1.3L4 5l3.8 3.7c.3.3.3.8 0 1-.4.4-.9.4-1.2 0L2.2 5.7a.8.8 0 010-1.2L6.6.2C7 0 7.4 0 7.8.2c.3.3.3.8 0 1.1z" fill-rule="nonzero"/></svg>',
+    'chevron-right': '<svg width="10" height="10"><path d="M2.2 1.3a.8.8 0 010-1c.4-.4.9-.4 1.2 0l4.4 4.1c.3.4.3.9 0 1.2L3.4 9.8c-.3.3-.8.3-1.2 0a.8.8 0 010-1.1L6 5 2.2 1.3z" fill-rule="nonzero"/></svg>',
+    'chevron-up': '<svg width="10" height="10"><path d="M8.7 7.8L5 4 1.3 7.8c-.3.3-.8.3-1 0a.8.8 0 010-1.2l4.1-4.4c.3-.3.9-.3 1.2 0l4.2 4.4c.3.3.3.9 0 1.2-.3.3-.8.3-1.1 0z" fill-rule="nonzero"/></svg>',
+    'close': '<svg width="24" height="24"><path d="M17.3 8.2L13.4 12l3.9 3.8a1 1 0 01-1.5 1.5L12 13.4l-3.8 3.9a1 1 0 01-1.5-1.5l3.9-3.8-3.9-3.8a1 1 0 011.5-1.5l3.8 3.9 3.8-3.9a1 1 0 011.5 1.5z" fill-rule="evenodd"/></svg>',
+    'code-sample': '<svg width="24" height="26"><path d="M7.1 11a2.8 2.8 0 01-.8 2 2.8 2.8 0 01.8 2v1.7c0 .3.1.6.4.8.2.3.5.4.8.4.3 0 .4.2.4.4v.8c0 .2-.1.4-.4.4-.7 0-1.4-.3-2-.8-.5-.6-.8-1.3-.8-2V15c0-.3-.1-.6-.4-.8-.2-.3-.5-.4-.8-.4a.4.4 0 01-.4-.4v-.8c0-.2.2-.4.4-.4.3 0 .6-.1.8-.4.3-.2.4-.5.4-.8V9.3c0-.7.3-1.4.8-2 .6-.5 1.3-.8 2-.8.3 0 .4.2.4.4v.8c0 .2-.1.4-.4.4-.3 0-.6.1-.8.4-.3.2-.4.5-.4.8V11zm9.8 0V9.3c0-.3-.1-.6-.4-.8-.2-.3-.5-.4-.8-.4a.4.4 0 01-.4-.4V7c0-.2.1-.4.4-.4.7 0 1.4.3 2 .8.5.6.8 1.3.8 2V11c0 .3.1.6.4.8.2.3.5.4.8.4.2 0 .4.2.4.4v.8c0 .2-.2.4-.4.4-.3 0-.6.1-.8.4-.3.2-.4.5-.4.8v1.7c0 .7-.3 1.4-.8 2-.6.5-1.3.8-2 .8a.4.4 0 01-.4-.4v-.8c0-.2.1-.4.4-.4.3 0 .6-.1.8-.4.3-.2.4-.5.4-.8V15a2.8 2.8 0 01.8-2 2.8 2.8 0 01-.8-2zm-3.3-.4c0 .4-.1.8-.5 1.1-.3.3-.7.5-1.1.5-.4 0-.8-.2-1.1-.5-.4-.3-.5-.7-.5-1.1 0-.5.1-.9.5-1.2.3-.3.7-.4 1.1-.4.4 0 .8.1 1.1.4.4.3.5.7.5 1.2zM12 13c.4 0 .8.1 1.1.5.4.3.5.7.5 1.1 0 1-.1 1.6-.5 2a3 3 0 01-1.1 1c-.4.3-.8.4-1.1.4a.5.5 0 01-.5-.5V17a3 3 0 001-.2l.6-.6c-.6 0-1-.2-1.3-.5-.2-.3-.3-.7-.3-1 0-.5.1-1 .5-1.2.3-.4.7-.5 1.1-.5z" fill-rule="evenodd"/></svg>',
+    'color-levels': '<svg width="24" height="24"><path d="M17.5 11.4A9 9 0 0118 14c0 .5 0 1-.2 1.4 0 .4-.3.9-.5 1.3a6.2 6.2 0 01-3.7 3 5.7 5.7 0 01-3.2 0A5.9 5.9 0 017.6 18a6.2 6.2 0 01-1.4-2.6 6.7 6.7 0 010-2.8c0-.4.1-.9.3-1.3a13.6 13.6 0 012.3-4A20 20 0 0112 4a26.4 26.4 0 013.2 3.4 18.2 18.2 0 012.3 4zm-2 4.5c.4-.7.5-1.4.5-2a7.3 7.3 0 00-1-3.2c.2.6.2 1.2.2 1.9a4.5 4.5 0 01-1.3 3 5.3 5.3 0 01-2.3 1.5 4.9 4.9 0 01-2 .1 4.3 4.3 0 002.4.8 4 4 0 002-.6 4 4 0 001.5-1.5z" fill-rule="evenodd"/></svg>',
+    'color-picker': '<svg width="24" height="24"><path d="M12 3a9 9 0 000 18 1.5 1.5 0 001.1-2.5c-.2-.3-.4-.6-.4-1 0-.8.7-1.5 1.5-1.5H16a5 5 0 005-5c0-4.4-4-8-9-8zm-5.5 9a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm3-4a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm3 4a1.5 1.5 0 110-3 1.5 1.5 0 010 3z" fill-rule="nonzero"/></svg>',
+    'color-swatch-remove-color': '<svg width="24" height="24"><path stroke="#000" stroke-width="2" d="M21 3L3 21" fill-rule="evenodd"/></svg>',
+    'color-swatch': '<svg width="24" height="24"><rect x="3" y="3" width="18" height="18" rx="1" fill-rule="evenodd"/></svg>',
+    'comment-add': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="M9 19l3-2h7c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H5a1 1 0 00-1 1v10c0 .6.4 1 1 1h4v2zm-2 4v-4H5a3 3 0 01-3-3V6a3 3 0 013-3h14a3 3 0 013 3v10a3 3 0 01-3 3h-6.4L7 23z"/><path d="M13 10h2a1 1 0 010 2h-2v2a1 1 0 01-2 0v-2H9a1 1 0 010-2h2V8a1 1 0 012 0v2z"/></g></svg>',
+    'comment': '<svg width="24" height="24"><path fill-rule="nonzero" d="M9 19l3-2h7c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H5a1 1 0 00-1 1v10c0 .6.4 1 1 1h4v2zm-2 4v-4H5a3 3 0 01-3-3V6a3 3 0 013-3h14a3 3 0 013 3v10a3 3 0 01-3 3h-6.4L7 23z"/></svg>',
+    'contrast': '<svg width="24" height="24"><path d="M12 4a7.8 7.8 0 015.7 2.3A8 8 0 1112 4zm-6 8a6 6 0 006 6V6a6 6 0 00-6 6z" fill-rule="evenodd"/></svg>',
+    'copy': '<svg width="24" height="24"><path d="M16 3H6a2 2 0 00-2 2v11h2V5h10V3zm1 4a2 2 0 012 2v10a2 2 0 01-2 2h-7a2 2 0 01-2-2V9c0-1.2.9-2 2-2h7zm0 12V9h-7v10h7z" fill-rule="nonzero"/></svg>',
+    'crop': '<svg width="24" height="24"><path d="M17 8v7h2c.6 0 1 .4 1 1s-.4 1-1 1h-2v2c0 .6-.4 1-1 1a1 1 0 01-1-1v-2H7V9H5a1 1 0 110-2h2V5c0-.6.4-1 1-1s1 .4 1 1v2h7l3-3 1 1-3 3zM9 9v5l5-5H9zm1 6h5v-5l-5 5z" fill-rule="evenodd"/></svg>',
+    'cut-column': '<svg width="24" height="24"><path fill-rule="evenodd" d="M7.2 4.5c.9 0 1.6.4 2.2 1A3.7 3.7 0 0110.5 8v.5l1 1 4-4 1-.5a3.3 3.3 0 012 0c.4 0 .7.3 1 .5L17 8h4v13h-6V10l-1.5 1.5.5.5v4l-2.5-2.5-1 1v.5c0 .4 0 .8-.3 1.2-.2.5-.4.9-.8 1.2-.6.7-1.3 1-2.2 1-.8.2-1.5 0-2-.6l-.5-.8-.2-1c0-.4 0-.8.3-1.2A3.9 3.9 0 017 12.7c.5-.2 1-.3 1.5-.2l1-1-1-1c-.5 0-1 0-1.5-.2-.5-.1-1-.4-1.4-.9-.4-.3-.6-.7-.8-1.2L4.5 7c0-.4 0-.7.2-1 0-.3.3-.6.5-.8.5-.5 1.2-.8 2-.7zm12.3 5h-3v10h3v-10zM8 13.8h-.3l-.4.2a2.8 2.8 0 00-.7.4v.1a2.8 2.8 0 00-.6.8l-.1.4v.7l.2.5.5.2h.7a2.6 2.6 0 00.8-.3 2.4 2.4 0 00.7-.7 2.5 2.5 0 00.3-.8 1.5 1.5 0 000-.8 1 1 0 00-.2-.4 1 1 0 00-.5-.2H8zm3.5-3.7c-.4 0-.7.1-1 .4-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4zM7 5.8h-.4a1 1 0 00-.5.3 1 1 0 00-.2.5v.7a2.5 2.5 0 00.3.8l.2.3h.1l.4.4.4.2.4.1h.7L9 9l.2-.4a1.6 1.6 0 000-.8 2.6 2.6 0 00-.3-.8A2.5 2.5 0 007.7 6l-.4-.1H7z"/></svg>',
+    'cut-row': '<svg width="24" height="24"><path fill-rule="evenodd" d="M22 3v5H9l3 3 2-2h4l-4 4 1 1h.5c.4 0 .8 0 1.2.3.5.2.9.4 1.2.8.7.6 1 1.3 1 2.2.2.8 0 1.5-.6 2l-.8.5-1 .2c-.4 0-.8 0-1.2-.3a3.9 3.9 0 01-2.1-2.2c-.2-.5-.3-1-.2-1.5l-1-1-1 1c0 .5 0 1-.2 1.5-.1.5-.4 1-.9 1.4-.3.4-.7.6-1.2.8l-1.2.3c-.4 0-.7 0-1-.2-.3 0-.6-.3-.8-.5-.5-.5-.8-1.2-.7-2 0-.9.4-1.6 1-2.2A3.7 3.7 0 018.6 14H9l1-1-4-4-.5-1a3.3 3.3 0 010-2c0-.4.3-.7.5-1l2 2V3h14zM8.5 15.3h-.3a2.6 2.6 0 00-.8.4 2.5 2.5 0 00-.9 1.1l-.1.4v.7l.2.5.5.2h.7a2.5 2.5 0 00.8-.3L9 18V18l.4-.4.2-.4.1-.4v-.3-.4a1 1 0 00-.2-.5 1 1 0 00-.4-.2h-.5zm7 0H15a1 1 0 00-.4.3 1 1 0 00-.2.5 1.5 1.5 0 000 .7v.4a2.8 2.8 0 00.5.7h.1a2.8 2.8 0 00.8.6l.4.1h.7l.5-.2.2-.5v-.4-.3a2.6 2.6 0 00-.3-.8 2.4 2.4 0 00-.7-.7 2.5 2.5 0 00-.8-.3h-.3zM12 11.6c-.4 0-.7.1-1 .4-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4zm8.5-7.1h-11v2h11v-2z"/></svg>',
+    'cut': '<svg width="24" height="24"><path d="M18 15c.6.7 1 1.4 1 2.3 0 .8-.2 1.5-.7 2l-.8.5-1 .2c-.4 0-.8 0-1.2-.3a3.9 3.9 0 01-2.1-2.2c-.2-.5-.3-1-.2-1.5l-1-1-1 1c0 .5 0 1-.2 1.5-.1.5-.4 1-.9 1.4-.3.4-.7.6-1.2.8l-1.2.3c-.4 0-.7 0-1-.2-.3 0-.6-.3-.8-.5-.5-.5-.8-1.2-.7-2 0-.9.4-1.6 1-2.2A3.7 3.7 0 018.6 14H9l1-1-4-4-.5-1a3.3 3.3 0 010-2c0-.4.3-.7.5-1l6 6 6-6 .5 1a3.3 3.3 0 010 2c0 .4-.3.7-.5 1l-4 4 1 1h.5c.4 0 .8 0 1.2.3.5.2.9.4 1.2.8zm-8.5 2.2l.1-.4v-.3-.4a1 1 0 00-.2-.5 1 1 0 00-.4-.2 1.6 1.6 0 00-.8 0 2.6 2.6 0 00-.8.3 2.5 2.5 0 00-.9 1.1l-.1.4v.7l.2.5.5.2h.7a2.5 2.5 0 00.8-.3 2.8 2.8 0 001-1zm2.5-2.8c.4 0 .7-.1 1-.4.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4s-.7.1-1 .4c-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4zm5.4 4l.2-.5v-.4-.3a2.6 2.6 0 00-.3-.8 2.4 2.4 0 00-.7-.7 2.5 2.5 0 00-.8-.3 1.5 1.5 0 00-.8 0 1 1 0 00-.4.2 1 1 0 00-.2.5 1.5 1.5 0 000 .7v.4l.3.4.3.4a2.8 2.8 0 00.8.5l.4.1h.7l.5-.2z" fill-rule="evenodd"/></svg>',
+    'document-properties': '<svg width="24" height="24"><path d="M14.4 3H7a2 2 0 00-2 2v14c0 1.1.9 2 2 2h10a2 2 0 002-2V7.6L14.4 3zM17 19H7V5h6v4h4v10z" fill-rule="nonzero"/></svg>',
+    'drag': '<svg width="24" height="24"><path d="M13 5h2v2h-2V5zm0 4h2v2h-2V9zM9 9h2v2H9V9zm4 4h2v2h-2v-2zm-4 0h2v2H9v-2zm0 4h2v2H9v-2zm4 0h2v2h-2v-2zM9 5h2v2H9V5z" fill-rule="evenodd"/></svg>',
+    'duplicate-column': '<svg width="24" height="24"><path d="M17 6v16h-7V6h7zm-2 2h-3v12h3V8zm-2-6v2H8v15H6V2h7z"/></svg>',
+    'duplicate-row': '<svg width="24" height="24"><path d="M22 11v7H6v-7h16zm-2 2H8v3h12v-3zm-1-6v2H4v5H2V7h17z"/></svg>',
+    'duplicate': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="M16 3v2H6v11H4V5c0-1.1.9-2 2-2h10zm3 8h-2V9h-7v10h9a2 2 0 01-2 2h-7a2 2 0 01-2-2V9c0-1.2.9-2 2-2h7a2 2 0 012 2v2z"/><path d="M17 14h1a1 1 0 010 2h-1v1a1 1 0 01-2 0v-1h-1a1 1 0 010-2h1v-1a1 1 0 012 0v1z"/></g></svg>',
+    'edit-block': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19.8 8.8l-9.4 9.4c-.2.2-.5.4-.9.4l-5.4 1.2 1.2-5.4.5-.8 9.4-9.4c.7-.7 1.8-.7 2.5 0l2.1 2.1c.7.7.7 1.8 0 2.5zm-2-.2l1-.9v-.3l-2.2-2.2a.3.3 0 00-.3 0l-1 1L18 8.5zm-1 1l-2.5-2.4-6 6 2.5 2.5 6-6zm-7 7.1l-2.6-2.4-.3.3-.1.2-.7 3 3.1-.6h.1l.4-.5z"/></svg>',
+    'edit-image': '<svg width="24" height="24"><path d="M18 16h2V7a2 2 0 00-2-2H7v2h11v9zM6 17h15a1 1 0 010 2h-1v1a1 1 0 01-2 0v-1H6a2 2 0 01-2-2V7H3a1 1 0 110-2h1V4a1 1 0 112 0v13zm3-5.3l1.3 2 3-4.7 3.7 6H7l2-3.3z" fill-rule="nonzero"/></svg>',
+    'embed-page': '<svg width="24" height="24"><path d="M19 6V5H5v14h2A13 13 0 0119 6zm0 1.4c-.8.8-1.6 2.4-2.2 4.6H19V7.4zm0 5.6h-2.4c-.4 1.8-.6 3.8-.6 6h3v-6zm-4 6c0-2.2.2-4.2.6-6H13c-.7 1.8-1.1 3.8-1.1 6h3zm-4 0c0-2.2.4-4.2 1-6H9.6A12 12 0 008 19h3zM4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 01-1-1V4c0-.6.4-1 1-1zm11.8 9c.4-1.9 1-3.4 1.8-4.5a9.2 9.2 0 00-4 4.5h2.2zm-3.4 0a12 12 0 012.8-4 12 12 0 00-5 4h2.2z" fill-rule="nonzero"/></svg>',
+    'embed': '<svg width="24" height="24"><path d="M4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 01-1-1V4c0-.6.4-1 1-1zm1 2v14h14V5H5zm4.8 2.6l5.6 4a.5.5 0 010 .8l-5.6 4A.5.5 0 019 16V8a.5.5 0 01.8-.4z" fill-rule="nonzero"/></svg>',
+    'emoji': '<svg width="24" height="24"><path d="M9 11c.6 0 1-.4 1-1s-.4-1-1-1a1 1 0 00-1 1c0 .6.4 1 1 1zm6 0c.6 0 1-.4 1-1s-.4-1-1-1a1 1 0 00-1 1c0 .6.4 1 1 1zm-3 5.5c2.1 0 4-1.5 4.4-3.5H7.6c.5 2 2.3 3.5 4.4 3.5zM12 4a8 8 0 100 16 8 8 0 000-16zm0 14.5a6.5 6.5 0 110-13 6.5 6.5 0 010 13z" fill-rule="nonzero"/></svg>',
+    'export': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="M14.4 3L18 7v1h-5V5H7v14h9a1 1 0 012 0c0 1-.8 2-1.9 2H7c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2h7.5z"/><path d="M18.1 12c.5 0 .9.4.9 1 0 .5-.3 1-.8 1h-7.3c-.5 0-.9-.4-.9-1 0-.5.3-1 .8-1h7.3z"/><path d="M16.4 9.2a1 1 0 011.4.2l2.4 3.6-2.4 3.6a1 1 0 01-1.7-1v-.2l1.7-2.4-1.6-2.4a1 1 0 01.2-1.4z"/></g></svg>',
+    'fill': '<svg width="24" height="26"><path d="M16.6 12l-9-9-1.4 1.4 2.4 2.4-5.2 5.1c-.5.6-.5 1.6 0 2.2L9 19.6a1.5 1.5 0 002.2 0l5.5-5.5c.5-.6.5-1.6 0-2.2zM5.2 13L10 8.2l4.8 4.8H5.2zM19 14.5s-2 2.2-2 3.5c0 1.1.9 2 2 2a2 2 0 002-2c0-1.3-2-3.5-2-3.5z" fill-rule="nonzero"/></svg>',
+    'flip-horizontally': '<svg width="24" height="24"><path d="M14 19h2v-2h-2v2zm4-8h2V9h-2v2zM4 7v10c0 1.1.9 2 2 2h3v-2H6V7h3V5H6a2 2 0 00-2 2zm14-2v2h2a2 2 0 00-2-2zm-7 16h2V3h-2v18zm7-6h2v-2h-2v2zm-4-8h2V5h-2v2zm4 12a2 2 0 002-2h-2v2z" fill-rule="nonzero"/></svg>',
+    'flip-vertically': '<svg width="24" height="24"><path d="M5 14v2h2v-2H5zm8 4v2h2v-2h-2zm4-14H7a2 2 0 00-2 2v3h2V6h10v3h2V6a2 2 0 00-2-2zm2 14h-2v2a2 2 0 002-2zM3 11v2h18v-2H3zm6 7v2h2v-2H9zm8-4v2h2v-2h-2zM5 18c0 1.1.9 2 2 2v-2H5z" fill-rule="nonzero"/></svg>',
+    'format-painter': '<svg width="24" height="24"><path d="M18 5V4c0-.5-.4-1-1-1H5a1 1 0 00-1 1v4c0 .6.5 1 1 1h12c.6 0 1-.4 1-1V7h1v4H9v9c0 .6.4 1 1 1h2c.6 0 1-.4 1-1v-7h8V5h-3z" fill-rule="nonzero"/></svg>',
+    'format': '<svg width="24" height="24"><path fill-rule="evenodd" d="M17 5a1 1 0 010 2h-4v11a1 1 0 01-2 0V7H7a1 1 0 110-2h10z"/></svg>',
+    'fullscreen': '<svg width="24" height="24"><path d="M15.3 10l-1.2-1.3 2.9-3h-2.3a.9.9 0 110-1.7H19c.5 0 .9.4.9.9v4.4a.9.9 0 11-1.8 0V7l-2.9 3zm0 4l3 3v-2.3a.9.9 0 111.7 0V19c0 .5-.4.9-.9.9h-4.4a.9.9 0 110-1.8H17l-3-2.9 1.3-1.2zM10 15.4l-2.9 3h2.3a.9.9 0 110 1.7H5a.9.9 0 01-.9-.9v-4.4a.9.9 0 111.8 0V17l2.9-3 1.2 1.3zM8.7 10L5.7 7v2.3a.9.9 0 01-1.7 0V5c0-.5.4-.9.9-.9h4.4a.9.9 0 010 1.8H7l3 2.9-1.3 1.2z" fill-rule="nonzero"/></svg>',
+    'gallery': '<svg width="24" height="24"><path fill-rule="nonzero" d="M5 15.7l2.3-2.2c.3-.3.7-.3 1 0L11 16l5.1-5c.3-.4.8-.4 1 0l2 1.9V8H5v7.7zM5 18V19h3l1.8-1.9-2-2L5 17.9zm14-3l-2.5-2.4-6.4 6.5H19v-4zM4 6h16c.6 0 1 .4 1 1v13c0 .6-.4 1-1 1H4a1 1 0 01-1-1V7c0-.6.4-1 1-1zm6 7a2 2 0 110-4 2 2 0 010 4zM4.5 4h15a.5.5 0 110 1h-15a.5.5 0 010-1zm2-2h11a.5.5 0 110 1h-11a.5.5 0 010-1z"/></svg>',
+    'gamma': '<svg width="24" height="24"><path d="M4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 01-1-1V4c0-.6.4-1 1-1zm1 2v14h14V5H5zm6.5 11.8V14L9.2 8.7a5.1 5.1 0 00-.4-.8l-.1-.2H8 8v-1l.3-.1.3-.1h.7a1 1 0 01.6.5l.1.3a8.5 8.5 0 01.3.6l1.9 4.6 2-5.2a1 1 0 011-.6.5.5 0 01.5.6L13 14v2.8a.7.7 0 01-1.4 0z" fill-rule="nonzero"/></svg>',
+    'help': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M12 5.5a6.5 6.5 0 00-6 9 6.3 6.3 0 001.4 2l1 1a6.3 6.3 0 003.6 1 6.5 6.5 0 006-9 6.3 6.3 0 00-1.4-2l-1-1a6.3 6.3 0 00-3.6-1zM12 4a7.8 7.8 0 015.7 2.3A8 8 0 1112 4z"/><path d="M9.6 9.7a.7.7 0 01-.7-.8c0-1.1 1.5-1.8 3.2-1.8 1.8 0 3.2.8 3.2 2.4 0 1.4-.4 2.1-1.5 2.8-.2 0-.3.1-.3.2a2 2 0 00-.8.8.8.8 0 01-1.4-.6c.3-.7.8-1 1.3-1.5l.4-.2c.7-.4.8-.6.8-1.5 0-.5-.6-.9-1.7-.9-.5 0-1 .1-1.4.3-.2 0-.3.1-.3.2v-.2c0 .4-.4.8-.8.8z" fill-rule="nonzero"/><circle cx="12" cy="16" r="1"/></g></svg>',
+    'highlight-bg-color': '<svg width="24" height="24"><g fill-rule="evenodd"><path id="tox-icon-highlight-bg-color__color" d="M3 18h18v3H3z"/><path fill-rule="nonzero" d="M7.7 16.7H3l3.3-3.3-.7-.8L10.2 8l4 4.1-4 4.2c-.2.2-.6.2-.8 0l-.6-.7-1.1 1.1zm5-7.5L11 7.4l3-2.9a2 2 0 012.6 0L18 6c.7.7.7 2 0 2.7l-2.9 2.9-1.8-1.8-.5-.6"/></g></svg>',
+    'home': '<svg width="24" height="24"><path fill-rule="nonzero" d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>',
+    'horizontal-rule': '<svg width="24" height="24"><path d="M4 11h16v2H4z" fill-rule="evenodd"/></svg>',
+    'image-options': '<svg width="24" height="24"><path d="M6 10a2 2 0 00-2 2c0 1.1.9 2 2 2a2 2 0 002-2 2 2 0 00-2-2zm12 0a2 2 0 00-2 2c0 1.1.9 2 2 2a2 2 0 002-2 2 2 0 00-2-2zm-6 0a2 2 0 00-2 2c0 1.1.9 2 2 2a2 2 0 002-2 2 2 0 00-2-2z" fill-rule="nonzero"/></svg>',
+    'image': '<svg width="24" height="24"><path d="M5 15.7l3.3-3.2c.3-.3.7-.3 1 0L12 15l4.1-4c.3-.4.8-.4 1 0l2 1.9V5H5v10.7zM5 18V19h3l2.8-2.9-2-2L5 17.9zm14-3l-2.5-2.4-6.4 6.5H19v-4zM4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 01-1-1V4c0-.6.4-1 1-1zm6 8a2 2 0 100-4 2 2 0 000 4z" fill-rule="nonzero"/></svg>',
+    'indent': '<svg width="24" height="24"><path d="M7 5h12c.6 0 1 .4 1 1s-.4 1-1 1H7a1 1 0 110-2zm5 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 010-2zm0 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 010-2zm-5 4h12a1 1 0 010 2H7a1 1 0 010-2zm-2.6-3.8L6.2 12l-1.8-1.2a1 1 0 011.2-1.6l3 2a1 1 0 010 1.6l-3 2a1 1 0 11-1.2-1.6z" fill-rule="evenodd"/></svg>',
+    'info': '<svg width="24" height="24"><path d="M12 4a7.8 7.8 0 015.7 2.3A8 8 0 1112 4zm-1 3v2h2V7h-2zm3 10v-1h-1v-5h-3v1h1v4h-1v1h4z" fill-rule="evenodd"/></svg>',
+    'insert-character': '<svg width="24" height="24"><path d="M15 18h4l1-2v4h-6v-3.3l1.4-1a6 6 0 001.8-2.9 6.3 6.3 0 00-.1-4.1 5.8 5.8 0 00-3-3.2c-.6-.3-1.3-.5-2.1-.5a5.1 5.1 0 00-3.9 1.8 6.3 6.3 0 00-1.3 6 6.2 6.2 0 001.8 3l1.4.9V20H4v-4l1 2h4v-.5l-2-1L5.4 15A6.5 6.5 0 014 11c0-1 .2-1.9.6-2.7A7 7 0 016.3 6C7.1 5.4 8 5 9 4.5c1-.3 2-.5 3.1-.5a8.8 8.8 0 015.7 2 7 7 0 011.7 2.3 6 6 0 01.2 4.8c-.2.7-.6 1.3-1 1.9a7.6 7.6 0 01-3.6 2.5v.5z" fill-rule="evenodd"/></svg>',
+    'insert-time': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="M12 19a7 7 0 100-14 7 7 0 000 14zm0 2a9 9 0 110-18 9 9 0 010 18z"/><path d="M16 12h-3V7c0-.6-.4-1-1-1a1 1 0 00-1 1v7h5c.6 0 1-.4 1-1s-.4-1-1-1z"/></g></svg>',
+    'invert': '<svg width="24" height="24"><path d="M18 19.3L16.5 18a5.8 5.8 0 01-3.1 1.9 6.1 6.1 0 01-5.5-1.6A5.8 5.8 0 016 14v-.3l.1-1.2A13.9 13.9 0 017.7 9l-3-3 .7-.8 2.8 2.9 9 8.9 1.5 1.6-.7.6zm0-5.5v.3l-.1 1.1-.4 1-1.2-1.2a4.3 4.3 0 00.2-1v-.2c0-.4 0-.8-.2-1.3l-.5-1.4a14.8 14.8 0 00-3-4.2L12 6a26.1 26.1 0 00-2.2 2.5l-1-1a20.9 20.9 0 012.9-3.3L12 4l1 .8a22.2 22.2 0 014 5.4c.6 1.2 1 2.4 1 3.6z" fill-rule="evenodd"/></svg>',
+    'italic': '<svg width="24" height="24"><path d="M16.7 4.7l-.1.9h-.3c-.6 0-1 0-1.4.3-.3.3-.4.6-.5 1.1l-2.1 9.8v.6c0 .5.4.8 1.4.8h.2l-.2.8H8l.2-.8h.2c1.1 0 1.8-.5 2-1.5l2-9.8.1-.5c0-.6-.4-.8-1.4-.8h-.3l.2-.9h5.8z" fill-rule="evenodd"/></svg>',
+    'line-height': '<svg width="24" height="24"><path d="M21 5a1 1 0 01.1 2H13a1 1 0 01-.1-2H21zm0 4a1 1 0 01.1 2H13a1 1 0 01-.1-2H21zm0 4a1 1 0 01.1 2H13a1 1 0 01-.1-2H21zm0 4a1 1 0 01.1 2H13a1 1 0 01-.1-2H21zM7 3.6l3.7 3.7a1 1 0 01-1.3 1.5h-.1L8 7.3v9.2l1.3-1.3a1 1 0 011.3 0h.1c.4.4.4 1 0 1.3v.1L7 20.4l-3.7-3.7a1 1 0 011.3-1.5h.1L6 16.7V7.4L4.7 8.7a1 1 0 01-1.3 0h-.1a1 1 0 010-1.3v-.1L7 3.6z"/></svg>',
+    'line': '<svg width="24" height="24"><path d="M15 9l-8 8H4v-3l8-8 3 3zm1-1l-3-3 1-1h1c-.2 0 0 0 0 0l2 2s0 .2 0 0v1l-1 1zM4 18h16v2H4v-2z" fill-rule="evenodd"/></svg>',
+    'link': '<svg width="24" height="24"><path d="M6.2 12.3a1 1 0 011.4 1.4l-2.1 2a2 2 0 102.7 2.8l4.8-4.8a1 1 0 000-1.4 1 1 0 111.4-1.3 2.9 2.9 0 010 4L9.6 20a3.9 3.9 0 01-5.5-5.5l2-2zm11.6-.6a1 1 0 01-1.4-1.4l2-2a2 2 0 10-2.6-2.8L11 10.3a1 1 0 000 1.4A1 1 0 119.6 13a2.9 2.9 0 010-4L14.4 4a3.9 3.9 0 015.5 5.5l-2 2z" fill-rule="nonzero"/></svg>',
+    'list-bull-circle': '<svg width="48" height="48"><g fill-rule="evenodd"><path d="M11 16a2 2 0 100-4 2 2 0 000 4zm0 1a3 3 0 110-6 3 3 0 010 6zM11 26a2 2 0 100-4 2 2 0 000 4zm0 1a3 3 0 110-6 3 3 0 010 6zM11 36a2 2 0 100-4 2 2 0 000 4zm0 1a3 3 0 110-6 3 3 0 010 6z" fill-rule="nonzero"/><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/></g></svg>',
+    'list-bull-default': '<svg width="48" height="48"><g fill-rule="evenodd"><circle cx="11" cy="14" r="3"/><circle cx="11" cy="24" r="3"/><circle cx="11" cy="34" r="3"/><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/></g></svg>',
+    'list-bull-square': '<svg width="48" height="48"><g fill-rule="evenodd"><path d="M8 11h6v6H8zM8 21h6v6H8zM8 31h6v6H8z"/><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/></g></svg>',
+    'list-num-default-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M37.4 17v-4.8l-1.6 1v-1.1l1.6-1h1.2V17zM33.3 17.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm1.7 5.7c0-1.2 1-2 2.2-2 1.3 0 2.1.8 2.1 1.8 0 .7-.3 1.2-1.3 2.2l-1.2 1v.2h2.6v1h-4.3v-.9l2-1.9c.8-.8 1-1.1 1-1.5 0-.5-.4-.8-1-.8-.5 0-.9.3-.9.9H35zm-1.7 4.3c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm3.2 7.3v-1h.7c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7s-1 .3-1 .8H35c0-1.1 1-1.8 2.2-1.8 1.2 0 2.1.6 2.1 1.6 0 .7-.4 1.2-1 1.3v.1c.7.1 1.3.7 1.3 1.4 0 1-1 1.9-2.4 1.9-1.3 0-2.2-.8-2.3-2h1.2c0 .6.5 1 1.1 1 .6 0 1-.4 1-1 0-.5-.3-.8-1-.8h-.7zm-3.3 2.7c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7z"/></g></svg>',
+    'list-num-default': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10 17v-4.8l-1.5 1v-1.1l1.6-1h1.2V17h-1.2zm3.6.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7zm-5 5.7c0-1.2.8-2 2.1-2s2.1.8 2.1 1.8c0 .7-.3 1.2-1.4 2.2l-1.1 1v.2h2.6v1H8.6v-.9l2-1.9c.8-.8 1-1.1 1-1.5 0-.5-.4-.8-1-.8-.5 0-.9.3-.9.9H8.5zm6.3 4.3c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zM10 34.4v-1h.7c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7s-1 .3-1 .8H8.6c0-1.1 1-1.8 2.2-1.8 1.3 0 2.1.6 2.1 1.6 0 .7-.4 1.2-1 1.3v.1c.8.1 1.3.7 1.3 1.4 0 1-1 1.9-2.4 1.9-1.3 0-2.2-.8-2.3-2h1.2c0 .6.5 1 1.1 1 .7 0 1-.4 1-1 0-.5-.3-.8-1-.8h-.7zm4.7 2.7c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7z"/></g></svg>',
+    'list-num-lower-alpha-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M36.5 16c-.9 0-1.5-.5-1.5-1.3s.6-1.3 1.8-1.4h1v-.4c0-.4-.2-.6-.7-.6-.4 0-.7.1-.8.4h-1.1c0-.8.8-1.4 2-1.4S39 12 39 13V16h-1.2v-.6c-.3.4-.8.7-1.4.7zm.4-.8c.6 0 1-.4 1-.9V14h-1c-.5.1-.7.3-.7.6 0 .4.3.6.7.6zM33.1 16.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7zM37.7 26c-.7 0-1.2-.2-1.5-.7v.7H35v-6.3h1.2v2.5c.3-.5.8-.9 1.5-.9 1.1 0 1.8 1 1.8 2.4 0 1.5-.7 2.4-1.8 2.4zm-.5-3.6c-.6 0-1 .5-1 1.3s.4 1.4 1 1.4c.7 0 1-.6 1-1.4 0-.8-.3-1.3-1-1.3zM33.2 26.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7zm6 7h-1c-.1-.5-.4-.8-1-.8s-1 .5-1 1.4c0 1 .4 1.4 1 1.4.5 0 .9-.2 1-.7h1c0 1-.8 1.7-2 1.7-1.4 0-2.2-.9-2.2-2.4s.8-2.4 2.2-2.4c1.2 0 2 .7 2 1.7zm-6.1 3c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7z"/></g></svg>',
+    'list-num-lower-alpha': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10.3 15.2c.5 0 1-.4 1-.9V14h-1c-.5.1-.8.3-.8.6 0 .4.3.6.8.6zm-.4.9c-1 0-1.5-.6-1.5-1.4 0-.8.6-1.3 1.7-1.4h1.1v-.4c0-.4-.2-.6-.7-.6-.5 0-.8.1-.9.4h-1c0-.8.8-1.4 2-1.4 1.1 0 1.8.6 1.8 1.6V16h-1.1v-.6h-.1c-.2.4-.7.7-1.3.7zm4.6 0c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm-3.2 10c-.6 0-1.2-.3-1.4-.8v.7H8.5v-6.3H10v2.5c.3-.5.8-.9 1.4-.9 1.2 0 1.9 1 1.9 2.4 0 1.5-.7 2.4-1.9 2.4zm-.4-3.7c-.7 0-1 .5-1 1.3s.3 1.4 1 1.4c.6 0 1-.6 1-1.4 0-.8-.4-1.3-1-1.3zm4 3.7c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm-2.2 7h-1.2c0-.5-.4-.8-.9-.8-.6 0-1 .5-1 1.4 0 1 .4 1.4 1 1.4.5 0 .8-.2 1-.7h1c0 1-.8 1.7-2 1.7-1.4 0-2.2-.9-2.2-2.4s.8-2.4 2.2-2.4c1.2 0 2 .7 2 1.7zm1.8 3c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7z"/></g></svg>',
+    'list-num-lower-greek-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M37.4 16c-1.2 0-2-.8-2-2.3 0-1.5.8-2.4 2-2.4.6 0 1 .4 1.3 1v-.9H40v3.2c0 .4.1.5.4.5h.2v.9h-.6c-.6 0-1-.2-1-.7h-.2c-.2.4-.7.8-1.3.8zm.3-1c.6 0 1-.5 1-1.3s-.4-1.3-1-1.3-1 .5-1 1.3.4 1.4 1 1.4zM33.3 16.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zM36 21.9c0-1.5.8-2.3 2.1-2.3 1.2 0 2 .6 2 1.6 0 .6-.3 1-.9 1.3.9.3 1.3.8 1.3 1.7 0 1.2-.7 1.9-1.8 1.9-.6 0-1.1-.3-1.4-.8v2.2H36V22zm1.8 1.2v-1h.3c.5 0 .9-.2.9-.7 0-.5-.3-.8-.9-.8-.5 0-.8.3-.8 1v2.2c0 .8.4 1.3 1 1.3s1-.4 1-1-.4-1-1.2-1h-.3zM33.3 26.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zM37.1 34.6L34.8 30h1.4l1.7 3.5 1.7-3.5h1.1l-2.2 4.6v.1c.5.8.7 1.4.7 1.8 0 .4-.2.8-.4 1-.2.2-.6.3-1 .3-.9 0-1.3-.4-1.3-1.2 0-.5.2-1 .5-1.7l.1-.2zm.7 1a2 2 0 00-.4.9c0 .3.1.4.4.4.3 0 .4-.1.4-.4 0-.2-.1-.6-.4-1zM33.3 36.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7z"/></g></svg>',
+    'list-num-lower-greek': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10.5 15c.7 0 1-.5 1-1.3s-.3-1.3-1-1.3c-.5 0-.9.5-.9 1.3s.4 1.4 1 1.4zm-.3 1c-1.1 0-1.8-.8-1.8-2.3 0-1.5.7-2.4 1.8-2.4.7 0 1.1.4 1.3 1h.1v-.9h1.2v3.2c0 .4.1.5.4.5h.2v.9h-.6c-.6 0-1-.2-1.1-.7h-.1c-.2.4-.7.8-1.4.8zm5 .1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7zm-4.9 7v-1h.3c.6 0 1-.2 1-.7 0-.5-.4-.8-1-.8-.5 0-.8.3-.8 1v2.2c0 .8.4 1.3 1.1 1.3.6 0 1-.4 1-1s-.5-1-1.3-1h-.3zM8.6 22c0-1.5.7-2.3 2-2.3 1.2 0 2 .6 2 1.6 0 .6-.3 1-.8 1.3.8.3 1.3.8 1.3 1.7 0 1.2-.8 1.9-1.9 1.9-.6 0-1.1-.3-1.3-.8v2.2H8.5V22zm6.2 4.2c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7zm-4.5 8.5L8 30h1.4l1.7 3.5 1.7-3.5h1.1l-2.2 4.6v.1c.5.8.7 1.4.7 1.8 0 .4-.1.8-.4 1-.2.2-.6.3-1 .3-.9 0-1.3-.4-1.3-1.2 0-.5.2-1 .5-1.7l.1-.2zm.7 1a2 2 0 00-.4.9c0 .3.1.4.4.4.3 0 .4-.1.4-.4 0-.2-.1-.6-.4-1zm4.5.5c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7z"/></g></svg>',
+    'list-num-lower-roman-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M32.9 16v-1.2h-1.3V16H33zm0 10v-1.2h-1.3V26H33zm0 10v-1.2h-1.3V36H33z"/><path fill-rule="nonzero" d="M36 21h-1.5v5H36zM36 31h-1.5v5H36zM39 21h-1.5v5H39zM39 31h-1.5v5H39zM42 31h-1.5v5H42zM36 11h-1.5v5H36zM36 19h-1.5v1H36zM36 29h-1.5v1H36zM39 19h-1.5v1H39zM39 29h-1.5v1H39zM42 29h-1.5v1H42zM36 9h-1.5v1H36z"/></g></svg>',
+    'list-num-lower-roman': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M15.1 16v-1.2h1.3V16H15zm0 10v-1.2h1.3V26H15zm0 10v-1.2h1.3V36H15z"/><path fill-rule="nonzero" d="M12 21h1.5v5H12zM12 31h1.5v5H12zM9 21h1.5v5H9zM9 31h1.5v5H9zM6 31h1.5v5H6zM12 11h1.5v5H12zM12 19h1.5v1H12zM12 29h1.5v1H12zM9 19h1.5v1H9zM9 29h1.5v1H9zM6 29h1.5v1H6zM12 9h1.5v1H12z"/></g></svg>',
+    'list-num-upper-alpha-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M39.3 17l-.5-1.4h-2l-.5 1.4H35l2-6h1.6l2 6h-1.3zm-1.6-4.7l-.7 2.3h1.6l-.8-2.3zM33.4 17c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7zm4.7 9.9h-2.7v-6H38c1.2 0 1.9.6 1.9 1.5 0 .6-.5 1.2-1 1.3.7.1 1.3.7 1.3 1.5 0 1-.8 1.7-2 1.7zm-1.4-5v1.5h1c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7h-1zm0 4h1.1c.7 0 1.1-.3 1.1-.8 0-.6-.4-.9-1.1-.9h-1.1V26zM33 27.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm4.9 10c-1.8 0-2.8-1.1-2.8-3.1s1-3.1 2.8-3.1c1.4 0 2.5.9 2.6 2.2h-1.3c0-.7-.6-1.1-1.3-1.1-1 0-1.6.7-1.6 2s.6 2 1.6 2c.7 0 1.2-.4 1.4-1h1.2c-.1 1.3-1.2 2.2-2.6 2.2zm-4.5 0c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7z"/></g></svg>',
+    'list-num-upper-alpha': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M12.6 17l-.5-1.4h-2L9.5 17H8.3l2-6H12l2 6h-1.3zM11 12.3l-.7 2.3h1.6l-.8-2.3zm4.7 4.8c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7zM11.4 27H8.7v-6h2.6c1.2 0 1.9.6 1.9 1.5 0 .6-.5 1.2-1 1.3.7.1 1.3.7 1.3 1.5 0 1-.8 1.7-2 1.7zM10 22v1.5h1c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7h-1zm0 4H11c.7 0 1.1-.3 1.1-.8 0-.6-.4-.9-1.1-.9H10V26zm5.4 1.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm-4.1 10c-1.8 0-2.8-1.1-2.8-3.1s1-3.1 2.8-3.1c1.4 0 2.5.9 2.6 2.2h-1.3c0-.7-.6-1.1-1.3-1.1-1 0-1.6.7-1.6 2s.6 2 1.6 2c.7 0 1.2-.4 1.4-1h1.2c-.1 1.3-1.2 2.2-2.6 2.2zm4.5 0c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7z"/></g></svg>',
+    'list-num-upper-roman-rtl': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M31.6 17v-1.2H33V17h-1.3zm0 10v-1.2H33V27h-1.3zm0 10v-1.2H33V37h-1.3z"/><path fill-rule="nonzero" d="M34.5 20H36v7h-1.5zM34.5 30H36v7h-1.5zM37.5 20H39v7h-1.5zM37.5 30H39v7h-1.5zM40.5 30H42v7h-1.5zM34.5 10H36v7h-1.5z"/></g></svg>',
+    'list-num-upper-roman': '<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M15.1 17v-1.2h1.3V17H15zm0 10v-1.2h1.3V27H15zm0 10v-1.2h1.3V37H15z"/><path fill-rule="nonzero" d="M12 20h1.5v7H12zM12 30h1.5v7H12zM9 20h1.5v7H9zM9 30h1.5v7H9zM6 30h1.5v7H6zM12 10h1.5v7H12z"/></g></svg>',
+    'lock': '<svg width="24" height="24"><path d="M16.3 11c.2 0 .3 0 .5.2l.2.6v7.4c0 .3 0 .4-.2.6l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 01-.2-.6v-7.4c0-.3 0-.4.2-.6l.5-.2H8V8c0-.8.3-1.5.9-2.1.6-.6 1.3-.9 2.1-.9h2c.8 0 1.5.3 2.1.9.6.6.9 1.3.9 2.1v3h.3zM10 8v3h4V8a1 1 0 00-.3-.7A1 1 0 0013 7h-2a1 1 0 00-.7.3 1 1 0 00-.3.7z" fill-rule="evenodd"/></svg>',
+    'ltr': '<svg width="24" height="24"><path d="M11 5h7a1 1 0 010 2h-1v11a1 1 0 01-2 0V7h-2v11a1 1 0 01-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 017.8 10a3.3 3.3 0 010-2.8 3.4 3.4 0 011.8-1.8L11 5zM4.4 16.2L6.2 15l-1.8-1.2a1 1 0 011.2-1.6l3 2a1 1 0 010 1.6l-3 2a1 1 0 11-1.2-1.6z" fill-rule="evenodd"/></svg>',
+    'more-drawer': '<svg width="24" height="24"><path d="M6 10a2 2 0 00-2 2c0 1.1.9 2 2 2a2 2 0 002-2 2 2 0 00-2-2zm12 0a2 2 0 00-2 2c0 1.1.9 2 2 2a2 2 0 002-2 2 2 0 00-2-2zm-6 0a2 2 0 00-2 2c0 1.1.9 2 2 2a2 2 0 002-2 2 2 0 00-2-2z" fill-rule="nonzero"/></svg>',
+    'new-document': '<svg width="24" height="24"><path d="M14.4 3H7a2 2 0 00-2 2v14c0 1.1.9 2 2 2h10a2 2 0 002-2V7.6L14.4 3zM17 19H7V5h6v4h4v10z" fill-rule="nonzero"/></svg>',
+    'new-tab': '<svg width="24" height="24"><path d="M15 13l2-2v8H5V7h8l-2 2H7v8h8v-4zm4-8v5.5l-2-2-5.6 5.5H10v-1.4L15.5 7l-2-2H19z" fill-rule="evenodd"/></svg>',
+    'non-breaking': '<svg width="24" height="24"><path d="M11 11H8a1 1 0 110-2h3V6c0-.6.4-1 1-1s1 .4 1 1v3h3c.6 0 1 .4 1 1s-.4 1-1 1h-3v3c0 .6-.4 1-1 1a1 1 0 01-1-1v-3zm10 4v5H3v-5c0-.6.4-1 1-1s1 .4 1 1v3h14v-3c0-.6.4-1 1-1s1 .4 1 1z" fill-rule="evenodd"/></svg>',
+    'notice': '<svg width="24" height="24"><path d="M17.8 9.8L15.4 4 20 8.5v7L15.5 20h-7L4 15.5v-7L8.5 4h7l2.3 5.8zm0 0l2.2 5.7-2.3-5.8zM13 17v-2h-2v2h2zm0-4V7h-2v6h2z" fill-rule="evenodd"/></svg>',
+    'ordered-list-rtl': '<svg width="24" height="24"><path d="M6 17h8a1 1 0 010 2H6a1 1 0 010-2zm0-6h8a1 1 0 010 2H6a1 1 0 010-2zm0-6h8a1 1 0 010 2H6a1 1 0 110-2zm13-1v3.5a.5.5 0 11-1 0V5h-.5a.5.5 0 110-1H19zm-1 8.8l.2.2h1.3a.5.5 0 110 1h-1.6a1 1 0 01-.9-1V13c0-.4.3-.8.6-1l1.2-.4.2-.3a.2.2 0 00-.2-.2h-1.3a.5.5 0 01-.5-.5c0-.3.2-.5.5-.5h1.6c.5 0 .9.4.9 1v.1c0 .4-.3.8-.6 1l-1.2.4-.2.3zm2 4.2v2c0 .6-.4 1-1 1h-1.5a.5.5 0 010-1h1.2a.3.3 0 100-.6h-1.3a.4.4 0 110-.8h1.3a.3.3 0 000-.6h-1.2a.5.5 0 110-1H19c.6 0 1 .4 1 1z" fill-rule="evenodd"/></svg>',
+    'ordered-list': '<svg width="24" height="24"><path d="M10 17h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 110-2zM6 4v3.5c0 .3-.2.5-.5.5a.5.5 0 01-.5-.5V5h-.5a.5.5 0 010-1H6zm-1 8.8l.2.2h1.3c.3 0 .5.2.5.5s-.2.5-.5.5H4.9a1 1 0 01-.9-1V13c0-.4.3-.8.6-1l1.2-.4.2-.3a.2.2 0 00-.2-.2H4.5a.5.5 0 01-.5-.5c0-.3.2-.5.5-.5h1.6c.5 0 .9.4.9 1v.1c0 .4-.3.8-.6 1l-1.2.4-.2.3zM7 17v2c0 .6-.4 1-1 1H4.5a.5.5 0 010-1h1.2c.2 0 .3-.1.3-.3 0-.2-.1-.3-.3-.3H4.4a.4.4 0 110-.8h1.3c.2 0 .3-.1.3-.3 0-.2-.1-.3-.3-.3H4.5a.5.5 0 110-1H6c.6 0 1 .4 1 1z" fill-rule="evenodd"/></svg>',
+    'orientation': '<svg width="24" height="24"><path d="M7.3 6.4L1 13l6.4 6.5 6.5-6.5-6.5-6.5zM3.7 13l3.6-3.7L11 13l-3.7 3.7-3.6-3.7zM12 6l2.8 2.7c.3.3.3.8 0 1-.3.4-.9.4-1.2 0L9.2 5.7a.8.8 0 010-1.2L13.6.2c.3-.3.9-.3 1.2 0 .3.3.3.8 0 1.1L12 4h1a9 9 0 11-4.3 16.9l1.5-1.5A7 7 0 1013 6h-1z" fill-rule="nonzero"/></svg>',
+    'outdent': '<svg width="24" height="24"><path d="M7 5h12c.6 0 1 .4 1 1s-.4 1-1 1H7a1 1 0 110-2zm5 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 010-2zm0 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 010-2zm-5 4h12a1 1 0 010 2H7a1 1 0 010-2zm1.6-3.8a1 1 0 01-1.2 1.6l-3-2a1 1 0 010-1.6l3-2a1 1 0 011.2 1.6L6.8 12l1.8 1.2z" fill-rule="evenodd"/></svg>',
+    'page-break': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M5 11c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 010-2zm3 0h1c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 010-2zm4 0c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 010-2zm3 0h1c.6 0 1 .4 1 1s-.4 1-1 1h-1a1 1 0 010-2zm4 0c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 010-2zM7 3v5h10V3c0-.6.4-1 1-1s1 .4 1 1v7H5V3c0-.6.4-1 1-1s1 .4 1 1zM6 22a1 1 0 01-1-1v-7h14v7c0 .6-.4 1-1 1a1 1 0 01-1-1v-5H7v5c0 .6-.4 1-1 1z"/></g></svg>',
+    'paragraph': '<svg width="24" height="24"><path fill-rule="evenodd" d="M10 5h7a1 1 0 010 2h-1v11a1 1 0 01-2 0V7h-2v11a1 1 0 01-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 016.8 10a3.3 3.3 0 010-2.8 3.4 3.4 0 011.8-1.8L10 5z"/></svg>',
+    'paste-column-after': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 012.8 2H18c1 0 2 .8 2 1.9V7h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 01-1-1V5H6v13h7v2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0112 1zm8 7v12h-6V8h6zm-1.5 1.5h-3v9h3v-9zM12 3a1 1 0 100 2 1 1 0 000-2z"/></svg>',
+    'paste-column-before': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 012.8 2H18c1 0 2 .8 2 1.9V18c0 1-.8 2-1.9 2H11v-2h7V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 01-1-1V5H6v2H4V5c0-1 .8-2 1.9-2H9.2A3 3 0 0112 1zm-2 7v12H4V8h6zM8.5 9.5h-3v9h3v-9zM12 3a1 1 0 100 2 1 1 0 000-2z"/></svg>',
+    'paste-row-after': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 012.8 2H18c1 0 2 .8 2 1.9V11h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 01-1-1V5H6v13h14c0 1-.8 2-1.9 2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0112 1zm10 11v5H8v-5h14zm-1.5 1.5h-11v2h11v-2zM12 3a1 1 0 100 2 1 1 0 000-2z"/></svg>',
+    'paste-row-before': '<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 012.8 2H18c1 0 2 .8 2 1.9V7h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 01-1-1V5H6v13h12v-4h2v4c0 1-.8 2-1.9 2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0112 1zm10 7v5H8V8h14zm-1.5 1.5h-11v2h11v-2zM12 3a1 1 0 100 2 1 1 0 000-2z"/></svg>',
+    'paste-text': '<svg width="24" height="24"><path d="M18 9V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 01-1-1V5H6v13h3V9h9zM9 20H6a2 2 0 01-2-2V5c0-1.1.9-2 2-2h3.2A3 3 0 0112 1a3 3 0 012.8 2H18a2 2 0 012 2v4h1v12H9v-1zm1.5-9.5v9h9v-9h-9zM12 3a1 1 0 00-1 1c0 .5.4 1 1 1s1-.5 1-1-.4-1-1-1zm0 9h6v2h-.5l-.5-1h-1v4h.8v1h-3.6v-1h.8v-4h-1l-.5 1H12v-2z" fill-rule="nonzero"/></svg>',
+    'paste': '<svg width="24" height="24"><path d="M18 9V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 01-1-1V5H6v13h3V9h9zM9 20H6a2 2 0 01-2-2V5c0-1.1.9-2 2-2h3.2A3 3 0 0112 1a3 3 0 012.8 2H18a2 2 0 012 2v4h1v12H9v-1zm1.5-9.5v9h9v-9h-9zM12 3a1 1 0 00-1 1c0 .5.4 1 1 1s1-.5 1-1-.4-1-1-1z" fill-rule="nonzero"/></svg>',
+    'permanent-pen': '<svg width="24" height="24"><path d="M10.5 17.5L8 20H3v-3l3.5-3.5a2 2 0 010-3L14 3l1 1-7.3 7.3a1 1 0 000 1.4l3.6 3.6c.4.4 1 .4 1.4 0L20 9l1 1-7.6 7.6a2 2 0 01-2.8 0l-.1-.1z" fill-rule="nonzero"/></svg>',
+    'plus': '<svg width="24" height="24"><path d="M12 4c.5 0 1 .4 1 .9V11h6a1 1 0 01.1 2H13v6a1 1 0 01-2 .1V13H5a1 1 0 01-.1-2H11V5c0-.6.4-1 1-1z"/></svg>',
+    'preferences': '<svg width="24" height="24"><path d="M20.1 13.5l-1.9.2a5.8 5.8 0 01-.6 1.5l1.2 1.5c.4.4.3 1 0 1.4l-.7.7a1 1 0 01-1.4 0l-1.5-1.2a6.2 6.2 0 01-1.5.6l-.2 1.9c0 .5-.5.9-1 .9h-1a1 1 0 01-1-.9l-.2-1.9a5.8 5.8 0 01-1.5-.6l-1.5 1.2a1 1 0 01-1.4 0l-.7-.7a1 1 0 010-1.4l1.2-1.5a6.2 6.2 0 01-.6-1.5l-1.9-.2a1 1 0 01-.9-1v-1c0-.5.4-1 .9-1l1.9-.2a5.8 5.8 0 01.6-1.5L5.2 7.3a1 1 0 010-1.4l.7-.7a1 1 0 011.4 0l1.5 1.2a6.2 6.2 0 011.5-.6l.2-1.9c0-.5.5-.9 1-.9h1c.5 0 1 .4 1 .9l.2 1.9a5.8 5.8 0 011.5.6l1.5-1.2a1 1 0 011.4 0l.7.7c.3.4.4 1 0 1.4l-1.2 1.5a6.2 6.2 0 01.6 1.5l1.9.2c.5 0 .9.5.9 1v1c0 .5-.4 1-.9 1zM12 15a3 3 0 100-6 3 3 0 000 6z" fill-rule="evenodd"/></svg>',
+    'preview': '<svg width="24" height="24"><path d="M3.5 12.5c.5.8 1.1 1.6 1.8 2.3 2 2 4.2 3.2 6.7 3.2s4.7-1.2 6.7-3.2a16.2 16.2 0 002.1-2.8 15.7 15.7 0 00-2.1-2.8c-2-2-4.2-3.2-6.7-3.2a9.3 9.3 0 00-6.7 3.2A16.2 16.2 0 003.2 12c0 .2.2.3.3.5zm-2.4-1l.7-1.2L4 7.8C6.2 5.4 8.9 4 12 4c3 0 5.8 1.4 8.1 3.8a18.2 18.2 0 012.8 3.7v1l-.7 1.2-2.1 2.5c-2.3 2.4-5 3.8-8.1 3.8-3 0-5.8-1.4-8.1-3.8a18.2 18.2 0 01-2.8-3.7 1 1 0 010-1zm12-3.3a2 2 0 102.7 2.6 4 4 0 11-2.6-2.6z" fill-rule="nonzero"/></svg>',
+    'print': '<svg width="24" height="24"><path d="M18 8H6a3 3 0 00-3 3v6h2v3h14v-3h2v-6a3 3 0 00-3-3zm-1 10H7v-4h10v4zm.5-5c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5 1.5.7 1.5 1.5-.7 1.5-1.5 1.5zm.5-8H6v2h12V5z" fill-rule="nonzero"/></svg>',
+    'quote': '<svg width="24" height="24"><path d="M7.5 17h.9c.4 0 .7-.2.9-.6L11 13V8c0-.6-.4-1-1-1H6a1 1 0 00-1 1v4c0 .6.4 1 1 1h2l-1.3 2.7a1 1 0 00.8 1.3zm8 0h.9c.4 0 .7-.2.9-.6L19 13V8c0-.6-.4-1-1-1h-4a1 1 0 00-1 1v4c0 .6.4 1 1 1h2l-1.3 2.7a1 1 0 00.8 1.3z" fill-rule="nonzero"/></svg>',
+    'redo': '<svg width="24" height="24"><path d="M17.6 10H12c-2.8 0-4.4 1.4-4.9 3.5-.4 2 .3 4 1.4 4.6a1 1 0 11-1 1.8c-2-1.2-2.9-4.1-2.3-6.8.6-3 3-5.1 6.8-5.1h5.6l-3.3-3.3a1 1 0 111.4-1.4l5 5a1 1 0 010 1.4l-5 5a1 1 0 01-1.4-1.4l3.3-3.3z" fill-rule="nonzero"/></svg>',
+    'reload': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="M5 22.1l-1.2-4.7v-.2a1 1 0 011-1l5 .4a1 1 0 11-.2 2l-2.2-.2a7.8 7.8 0 008.4.2 7.5 7.5 0 003.5-6.4 1 1 0 112 0 9.5 9.5 0 01-4.5 8 9.9 9.9 0 01-10.2 0l.4 1.4a1 1 0 11-2 .5zM13.6 7.4c0-.5.5-1 1-.9l2.8.2a8 8 0 00-9.5-1 7.5 7.5 0 00-3.6 7 1 1 0 01-2 0 9.5 9.5 0 014.5-8.6 10 10 0 0110.9.3l-.3-1a1 1 0 012-.5l1.1 4.8a1 1 0 01-1 1.2l-5-.4a1 1 0 01-.9-1z"/></g></svg>',
+    'remove-formatting': '<svg width="24" height="24"><path d="M13.2 6a1 1 0 010 .2l-2.6 10a1 1 0 01-1 .8h-.2a.8.8 0 01-.8-1l2.6-10H8a1 1 0 110-2h9a1 1 0 010 2h-3.8zM5 18h7a1 1 0 010 2H5a1 1 0 010-2zm13 1.5L16.5 18 15 19.5a.7.7 0 01-1-1l1.5-1.5-1.5-1.5a.7.7 0 011-1l1.5 1.5 1.5-1.5a.7.7 0 011 1L17.5 17l1.5 1.5a.7.7 0 01-1 1z" fill-rule="evenodd"/></svg>',
+    'remove': '<svg width="24" height="24"><path d="M16 7h3a1 1 0 010 2h-1v9a3 3 0 01-3 3H9a3 3 0 01-3-3V9H5a1 1 0 110-2h3V6a3 3 0 013-3h2a3 3 0 013 3v1zm-2 0V6c0-.6-.4-1-1-1h-2a1 1 0 00-1 1v1h4zm2 2H8v9c0 .6.4 1 1 1h6c.6 0 1-.4 1-1V9zm-7 3a1 1 0 012 0v4a1 1 0 01-2 0v-4zm4 0a1 1 0 012 0v4a1 1 0 01-2 0v-4z" fill-rule="nonzero"/></svg>',
+    'resize-handle': '<svg width="10" height="10"><g fill-rule="nonzero"><path d="M8.1 1.1A.5.5 0 119 2l-7 7A.5.5 0 111 8l7-7zM8.1 5.1A.5.5 0 119 6l-3 3A.5.5 0 115 8l3-3z"/></g></svg>',
+    'resize': '<svg width="24" height="24"><path d="M4 5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h6c.3 0 .5.1.7.3.2.2.3.4.3.7 0 .3-.1.5-.3.7a1 1 0 01-.7.3H7.4L18 16.6V13c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3.3 0 .5.1.7.3.2.2.3.4.3.7v6c0 .3-.1.5-.3.7a1 1 0 01-.7.3h-6a1 1 0 01-.7-.3 1 1 0 01-.3-.7c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h3.6L6 7.4V11c0 .3-.1.5-.3.7a1 1 0 01-.7.3 1 1 0 01-.7-.3A1 1 0 014 11V5z" fill-rule="evenodd"/></svg>',
+    'restore-draft': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M17 13c0 .6-.4 1-1 1h-4V8c0-.6.4-1 1-1s1 .4 1 1v4h2c.6 0 1 .4 1 1z"/><path d="M4.7 10H9a1 1 0 010 2H3a1 1 0 01-1-1V5a1 1 0 112 0v3l2.5-2.4a9.2 9.2 0 0110.8-1.5A9 9 0 0113.4 21c-2.4.1-4.7-.7-6.5-2.2a1 1 0 111.3-1.5 7.2 7.2 0 0011.6-3.7 7 7 0 00-3.5-7.7A7.2 7.2 0 008 7L4.7 10z" fill-rule="nonzero"/></g></svg>',
+    'rotate-left': '<svg width="24" height="24"><path d="M4.7 10H9a1 1 0 010 2H3a1 1 0 01-1-1V5a1 1 0 112 0v3l2.5-2.4a9.2 9.2 0 0110.8-1.5A9 9 0 0113.4 21c-2.4.1-4.7-.7-6.5-2.2a1 1 0 111.3-1.5 7.2 7.2 0 0011.6-3.7 7 7 0 00-3.5-7.7A7.2 7.2 0 008 7L4.7 10z" fill-rule="nonzero"/></svg>',
+    'rotate-right': '<svg width="24" height="24"><path d="M20 8V5a1 1 0 012 0v6c0 .6-.4 1-1 1h-6a1 1 0 010-2h4.3L16 7A7.2 7.2 0 007.7 6a7 7 0 003 13.1c1.9.1 3.7-.5 5-1.7a1 1 0 011.4 1.5A9.2 9.2 0 012.2 14c-.9-3.9 1-8 4.5-9.9 3.5-1.9 8-1.3 10.8 1.5L20 8z" fill-rule="nonzero"/></svg>',
+    'rtl': '<svg width="24" height="24"><path d="M8 5h8v2h-2v12h-2V7h-2v12H8v-7c-.5 0-1 0-1.4-.3A3.4 3.4 0 014.8 10a3.3 3.3 0 010-2.8 3.4 3.4 0 011.8-1.8L8 5zm12 11.2a1 1 0 11-1 1.6l-3-2a1 1 0 010-1.6l3-2a1 1 0 111 1.6L18.4 15l1.8 1.2z" fill-rule="evenodd"/></svg>',
+    'save': '<svg width="24" height="24"><path d="M5 16h14a2 2 0 012 2v2a2 2 0 01-2 2H5a2 2 0 01-2-2v-2c0-1.1.9-2 2-2zm0 2v2h14v-2H5zm10 0h2v2h-2v-2zm-4-6.4L8.7 9.3a1 1 0 10-1.4 1.4l4 4c.4.4 1 .4 1.4 0l4-4a1 1 0 10-1.4-1.4L13 11.6V4a1 1 0 00-2 0v7.6z" fill-rule="nonzero"/></svg>',
+    'search': '<svg width="24" height="24"><path d="M16 17.3a8 8 0 111.4-1.4l4.3 4.4a1 1 0 01-1.4 1.4l-4.4-4.3zm-5-.3a6 6 0 100-12 6 6 0 000 12z" fill-rule="nonzero"/></svg>',
+    'select-all': '<svg width="24" height="24"><path d="M3 5h2V3a2 2 0 00-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2a2 2 0 00-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm-2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8a2 2 0 002-2h-2v2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2zM7 17h10V7H7v10zm2-8h6v6H9V9z" fill-rule="nonzero"/></svg>',
+    'selected': '<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6c0-1.1.9-2 2-2zm3.6 10.9L7 12.3a.7.7 0 00-1 1L9.6 17 18 8.6a.7.7 0 000-1 .7.7 0 00-1 0l-7.4 7.3z"/></svg>',
+    'settings': '<svg width="24" height="24"><path d="M11 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8v.3c0 .2 0 .3-.2.5l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 01-.2-.6V8H5a1 1 0 110-2h2v-.3c0-.2 0-.3.2-.5l.5-.2h2.5c.3 0 .4 0 .6.2l.2.5V6zM8 8h2V6H8v2zm9 2.8v.2h2c.6 0 1 .4 1 1s-.4 1-1 1h-2v.3c0 .2 0 .3-.2.5l-.6.2h-2.4c-.3 0-.4 0-.6-.2a.7.7 0 01-.2-.6V13H5a1 1 0 010-2h8v-.3c0-.2 0-.3.2-.5l.6-.2h2.4c.3 0 .4 0 .6.2l.2.6zM14 13h2v-2h-2v2zm-3 2.8v.2h8c.6 0 1 .4 1 1s-.4 1-1 1h-8v.3c0 .2 0 .3-.2.5l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 01-.2-.6V18H5a1 1 0 010-2h2v-.3c0-.2 0-.3.2-.5l.5-.2h2.5c.3 0 .4 0 .6.2l.2.6zM8 18h2v-2H8v2z" fill-rule="evenodd"/></svg>',
+    'sharpen': '<svg width="24" height="24"><path d="M16 6l4 4-8 9-8-9 4-4h8zm-4 10.2l5.5-6.2-.1-.1H12v-.3h5.1l-.2-.2H12V9h4.6l-.2-.2H12v-.3h4.1l-.2-.2H12V8h3.6l-.2-.2H8.7L6.5 10l.1.1H12v.3H6.9l.2.2H12v.3H7.3l.2.2H12v.3H7.7l.3.2h4v.3H8.2l.2.2H12v.3H8.6l.3.2H12v.3H9l.3.2H12v.3H9.5l.2.2H12v.3h-2l.2.2H12v.3h-1.6l.2.2H12v.3h-1.1l.2.2h.9v.3h-.7l.2.2h.5v.3h-.3l.3.2z" fill-rule="evenodd"/></svg>',
+    'sourcecode': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="M9.8 15.7c.3.3.3.8 0 1-.3.4-.9.4-1.2 0l-4.4-4.1a.8.8 0 010-1.2l4.4-4.2c.3-.3.9-.3 1.2 0 .3.3.3.8 0 1.1L6 12l3.8 3.7zM14.2 15.7c-.3.3-.3.8 0 1 .4.4.9.4 1.2 0l4.4-4.1c.3-.3.3-.9 0-1.2l-4.4-4.2a.8.8 0 00-1.2 0c-.3.3-.3.8 0 1.1L18 12l-3.8 3.7z"/></g></svg>',
+    'spell-check': '<svg width="24" height="24"><path d="M6 8v3H5V5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h2c.3 0 .5.1.7.3.2.2.3.4.3.7v6H8V8H6zm0-3v2h2V5H6zm13 0h-3v5h3v1h-3a1 1 0 01-.7-.3 1 1 0 01-.3-.7V5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h3v1zm-5 1.5l-.1.7c-.1.2-.3.3-.6.3.3 0 .5.1.6.3l.1.7V10c0 .3-.1.5-.3.7a1 1 0 01-.7.3h-3V4h3c.3 0 .5.1.7.3.2.2.3.4.3.7v1.5zM13 10V8h-2v2h2zm0-3V5h-2v2h2zm3 5l1 1-6.5 7L7 15.5l1.3-1 2.2 2.2L16 12z" fill-rule="evenodd"/></svg>',
+    'strike-through': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M15.6 8.5c-.5-.7-1-1.1-1.3-1.3-.6-.4-1.3-.6-2-.6-2.7 0-2.8 1.7-2.8 2.1 0 1.6 1.8 2 3.2 2.3 4.4.9 4.6 2.8 4.6 3.9 0 1.4-.7 4.1-5 4.1A6.2 6.2 0 017 16.4l1.5-1.1c.4.6 1.6 2 3.7 2 1.6 0 2.5-.4 3-1.2.4-.8.3-2-.8-2.6-.7-.4-1.6-.7-2.9-1-1-.2-3.9-.8-3.9-3.6C7.6 6 10.3 5 12.4 5c2.9 0 4.2 1.6 4.7 2.4l-1.5 1.1z"/><path d="M5 11h14a1 1 0 010 2H5a1 1 0 010-2z" fill-rule="nonzero"/></g></svg>',
+    'subscript': '<svg width="24" height="24"><path d="M10.4 10l4.6 4.6-1.4 1.4L9 11.4 4.4 16 3 14.6 7.6 10 3 5.4 4.4 4 9 8.6 13.6 4 15 5.4 10.4 10zM21 19h-5v-1l1-.8 1.7-1.6c.3-.4.5-.8.5-1.2 0-.3 0-.6-.2-.7-.2-.2-.5-.3-.9-.3a2 2 0 00-.8.2l-.7.3-.4-1.1 1-.6 1.2-.2c.8 0 1.4.3 1.8.7.4.4.6.9.6 1.5s-.2 1.1-.5 1.6a8 8 0 01-1.3 1.3l-.6.6h2.6V19z" fill-rule="nonzero"/></svg>',
+    'superscript': '<svg width="24" height="24"><path d="M15 9.4L10.4 14l4.6 4.6-1.4 1.4L9 15.4 4.4 20 3 18.6 7.6 14 3 9.4 4.4 8 9 12.6 13.6 8 15 9.4zm5.9 1.6h-5v-1l1-.8 1.7-1.6c.3-.5.5-.9.5-1.3 0-.3 0-.5-.2-.7-.2-.2-.5-.3-.9-.3l-.8.2-.7.4-.4-1.2c.2-.2.5-.4 1-.5.3-.2.8-.2 1.2-.2.8 0 1.4.2 1.8.6.4.4.6 1 .6 1.6 0 .5-.2 1-.5 1.5l-1.3 1.4-.6.5h2.6V11z" fill-rule="nonzero"/></svg>',
+    'table-cell-properties': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zm-8 9H5v5h6v-5zm8 0h-6v5h6v-5zm-8-7H5v5h6V6z"/></svg>',
+    'table-cell-select-all': '<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zm0 2H5v12h14V6z"/><path d="M13 6v5h6v2h-6v5h-2v-5H5v-2h6V6h2z" opacity=".2"/></g></svg>',
+    'table-cell-select-inner': '<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zm0 2H5v12h14V6z" opacity=".2"/><path d="M13 6v5h6v2h-6v5h-2v-5H5v-2h6V6h2z"/></g></svg>',
+    'table-delete-column': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zm-4 4h-2V6h-2v2H9V6H5v12h4v-2h2v2h2v-2h2v2h4V6h-4v2zm.3.5l1 1.2-3 2.3 3 2.3-1 1.2L12 13l-3.3 2.6-1-1.2 3-2.3-3-2.3 1-1.2L12 11l3.3-2.5z"/></svg>',
+    'table-delete-row': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zm0 2H5v3h2.5v2H5v2h2.5v2H5v3h14v-3h-2.5v-2H19v-2h-2.5V9H19V6zm-4.7 1.8l1.2 1L13 12l2.6 3.3-1.2 1-2.3-3-2.3 3-1.2-1L11 12 8.5 8.7l1.2-1 2.3 3 2.3-3z"/></svg>',
+    'table-delete-table': '<svg width="24" height="24"><g fill-rule="nonzero"><path d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zM5 6v12h14V6H5z"/><path d="M14.4 8.6l1 1-2.3 2.4 2.3 2.4-1 1-2.4-2.3-2.4 2.3-1-1 2.3-2.4-2.3-2.4 1-1 2.4 2.3z"/></g></svg>',
+    'table-insert-column-after': '<svg width="24" height="24"><path fill-rule="nonzero" d="M20 4c.6 0 1 .4 1 1v2a1 1 0 01-2 0V6h-8v12h8v-1a1 1 0 012 0v2c0 .5-.4 1-.9 1H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h15zM9 13H5v5h4v-5zm7-5c.5 0 1 .4 1 .9V11h2a1 1 0 01.1 2H17v2a1 1 0 01-2 .1V13h-2a1 1 0 01-.1-2H15V9c0-.6.4-1 1-1zM9 6H5v5h4V6z"/></svg>',
+    'table-insert-column-before': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H4a1 1 0 01-1-1v-2a1 1 0 012 0v1h8V6H5v1a1 1 0 11-2 0V5c0-.6.4-1 1-1h15zm0 9h-4v5h4v-5zM8 8c.5 0 1 .4 1 .9V11h2a1 1 0 01.1 2H9v2a1 1 0 01-2 .1V13H5a1 1 0 01-.1-2H7V9c0-.6.4-1 1-1zm11-2h-4v5h4V6z"/></svg>',
+    'table-insert-row-above': '<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4a1 1 0 110 2H5v6h14V6h-1a1 1 0 010-2h2c.6 0 1 .4 1 1v13a2 2 0 01-2 2H5a2 2 0 01-2-2V5c0-.6.4-1 1-1h2zm5 10H5v4h6v-4zm8 0h-6v4h6v-4zM12 3c.5 0 1 .4 1 .9V6h2a1 1 0 010 2h-2v2a1 1 0 01-2 .1V8H9a1 1 0 010-2h2V4c0-.6.4-1 1-1z"/></svg>',
+    'table-insert-row-after': '<svg width="24" height="24"><path fill-rule="nonzero" d="M12 13c.5 0 1 .4 1 .9V16h2a1 1 0 01.1 2H13v2a1 1 0 01-2 .1V18H9a1 1 0 01-.1-2H11v-2c0-.6.4-1 1-1zm6 7a1 1 0 010-2h1v-6H5v6h1a1 1 0 010 2H4a1 1 0 01-1-1V6c0-1.1.9-2 2-2h14a2 2 0 012 2v13c0 .5-.4 1-.9 1H18zM11 6H5v4h6V6zm8 0h-6v4h6V6z"/></svg>',
+    'table-left-header': '<svg width="24" height="24"><path d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zm0 9h-4v5h4v-5zm-6 0H9v5h4v-5zm0-7H9v5h4V6zm6 0h-4v5h4V6z"/></svg>',
+    'table-merge-cells': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zM5 15.5V18h3v-2.5H5zm14-5h-9V18h9v-7.5zM19 6h-4v2.5h4V6zM8 6H5v2.5h3V6zm5 0h-3v2.5h3V6zm-8 7.5h3v-3H5v3z"/></svg>',
+    'table-row-properties': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zM5 15v3h6v-3H5zm14 0h-6v3h6v-3zm0-9h-6v3h6V6zM5 9h6V6H5v3z"/></svg>',
+    'table-split-cells': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zM8 15.5H5V18h3v-2.5zm11-5h-9V18h9v-7.5zm-2.5 1l1 1-2 2 2 2-1 1-2-2-2 2-1-1 2-2-2-2 1-1 2 2 2-2zm-8.5-1H5v3h3v-3zM19 6h-4v2.5h4V6zM8 6H5v2.5h3V6zm5 0h-3v2.5h3V6z"/></svg>',
+    'table-top-header': '<svg width="24" height="24"><path d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zm-8 11H5v3h6v-3zm8 0h-6v3h6v-3zm0-5h-6v3h6v-3zM5 13h6v-3H5v3z"/></svg>',
+    'table': '<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zM5 14v4h6v-4H5zm14 0h-6v4h6v-4zm0-6h-6v4h6V8zM5 12h6V8H5v4z"/></svg>',
+    'template': '<svg width="24" height="24"><path d="M19 19v-1H5v1h14zM9 16v-4a5 5 0 116 0v4h4a2 2 0 012 2v3H3v-3c0-1.1.9-2 2-2h4zm4 0v-5l.8-.6a3 3 0 10-3.6 0l.8.6v5h2z" fill-rule="nonzero"/></svg>',
+    'temporary-placeholder': '<svg width="24" height="24"><g fill-rule="evenodd"><path d="M9 7.6V6h2.5V4.5a.5.5 0 111 0V6H15v1.6a8 8 0 11-6 0zm-2.6 5.3a.5.5 0 00.3.6c.3 0 .6 0 .6-.3l.1-.2a5 5 0 013.3-2.8c.3-.1.4-.4.4-.6-.1-.3-.4-.5-.6-.4a6 6 0 00-4.1 3.7z"/><circle cx="14" cy="4" r="1"/><circle cx="12" cy="2" r="1"/><circle cx="10" cy="4" r="1"/></g></svg>',
+    'text-color': '<svg width="24" height="24"><g fill-rule="evenodd"><path id="tox-icon-text-color__color" d="M3 18h18v3H3z"/><path d="M8.7 16h-.8a.5.5 0 01-.5-.6l2.7-9c.1-.3.3-.4.5-.4h2.8c.2 0 .4.1.5.4l2.7 9a.5.5 0 01-.5.6h-.8a.5.5 0 01-.4-.4l-.7-2.2c0-.3-.3-.4-.5-.4h-3.4c-.2 0-.4.1-.5.4l-.7 2.2c0 .3-.2.4-.4.4zm2.6-7.6l-.6 2a.5.5 0 00.5.6h1.6a.5.5 0 00.5-.6l-.6-2c0-.3-.3-.4-.5-.4h-.4c-.2 0-.4.1-.5.4z"/></g></svg>',
+    'toc': '<svg width="24" height="24"><path d="M5 5c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 110-2zm3 0h11c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 110-2zm-3 8c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 010-2zm3 0h11c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 010-2zm0-4c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 110-2zm3 0h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm-3 8c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 010-2zm3 0h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2z" fill-rule="evenodd"/></svg>',
+    'translate': '<svg width="24" height="24"><path d="M12.7 14.3l-.3.7-.4.7-2.2-2.2-3.1 3c-.3.4-.8.4-1 0a.7.7 0 010-1l3.1-3A12.4 12.4 0 016.7 9H8a10.1 10.1 0 001.7 2.4c.5-.5 1-1.1 1.4-1.8l.9-2H4.7a.7.7 0 110-1.5h4.4v-.7c0-.4.3-.8.7-.8.4 0 .7.4.7.8v.7H15c.4 0 .8.3.8.7 0 .4-.4.8-.8.8h-1.4a12.3 12.3 0 01-1 2.4 13.5 13.5 0 01-1.7 2.3l1.9 1.8zm4.3-3l2.7 7.3a.5.5 0 01-.4.7 1 1 0 01-1-.7l-.6-1.5h-3.4l-.6 1.5a1 1 0 01-1 .7.5.5 0 01-.4-.7l2.7-7.4a1 1 0 012 0zm-2.2 4.4h2.4L16 12.5l-1.2 3.2z" fill-rule="evenodd"/></svg>',
+    'underline': '<svg width="24" height="24"><path d="M16 5c.6 0 1 .4 1 1v5.5a4 4 0 01-.4 1.8l-1 1.4a5.3 5.3 0 01-5.5 1 5 5 0 01-1.6-1c-.5-.4-.8-.9-1.1-1.4a4 4 0 01-.4-1.8V6c0-.6.4-1 1-1s1 .4 1 1v5.5c0 .3 0 .6.2 1l.6.7a3.3 3.3 0 002.2.8 3.4 3.4 0 002.2-.8c.3-.2.4-.5.6-.8l.2-.9V6c0-.6.4-1 1-1zM8 17h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 010-2z" fill-rule="evenodd"/></svg>',
+    'undo': '<svg width="24" height="24"><path d="M6.4 8H12c3.7 0 6.2 2 6.8 5.1.6 2.7-.4 5.6-2.3 6.8a1 1 0 01-1-1.8c1.1-.6 1.8-2.7 1.4-4.6-.5-2.1-2.1-3.5-4.9-3.5H6.4l3.3 3.3a1 1 0 11-1.4 1.4l-5-5a1 1 0 010-1.4l5-5a1 1 0 011.4 1.4L6.4 8z" fill-rule="nonzero"/></svg>',
+    'unlink': '<svg width="24" height="24"><path d="M6.2 12.3a1 1 0 011.4 1.4l-2 2a2 2 0 102.6 2.8l4.8-4.8a1 1 0 000-1.4 1 1 0 111.4-1.3 2.9 2.9 0 010 4L9.6 20a3.9 3.9 0 01-5.5-5.5l2-2zm11.6-.6a1 1 0 01-1.4-1.4l2.1-2a2 2 0 10-2.7-2.8L11 10.3a1 1 0 000 1.4A1 1 0 119.6 13a2.9 2.9 0 010-4L14.4 4a3.9 3.9 0 015.5 5.5l-2 2zM7.6 6.3a.8.8 0 01-1 1.1L3.3 4.2a.7.7 0 111-1l3.2 3.1zM5.1 8.6a.8.8 0 010 1.5H3a.8.8 0 010-1.5H5zm5-3.5a.8.8 0 01-1.5 0V3a.8.8 0 011.5 0V5zm6 11.8a.8.8 0 011-1l3.2 3.2a.8.8 0 01-1 1L16 17zm-2.2 2a.8.8 0 011.5 0V21a.8.8 0 01-1.5 0V19zm5-3.5a.7.7 0 110-1.5H21a.8.8 0 010 1.5H19z" fill-rule="nonzero"/></svg>',
+    'unlock': '<svg width="24" height="24"><path d="M16 5c.8 0 1.5.3 2.1.9.6.6.9 1.3.9 2.1v3h-2V8a1 1 0 00-.3-.7A1 1 0 0016 7h-2a1 1 0 00-.7.3 1 1 0 00-.3.7v3h.3c.2 0 .3 0 .5.2l.2.6v7.4c0 .3 0 .4-.2.6l-.6.2H4.8c-.3 0-.4 0-.6-.2a.7.7 0 01-.2-.6v-7.4c0-.3 0-.4.2-.6l.5-.2H11V8c0-.8.3-1.5.9-2.1.6-.6 1.3-.9 2.1-.9h2z" fill-rule="evenodd"/></svg>',
+    'unordered-list': '<svg width="24" height="24"><path d="M11 5h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm0 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm0 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zM4.5 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1zm0 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1zm0 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1z" fill-rule="evenodd"/></svg>',
+    'unselected': '<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6c0-1.1.9-2 2-2zm0 1a1 1 0 00-1 1v12c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H6z"/></svg>',
+    'upload': '<svg width="24" height="24"><path d="M18 19v-2a1 1 0 012 0v3c0 .6-.4 1-1 1H5a1 1 0 01-1-1v-3a1 1 0 012 0v2h12zM11 6.4L8.7 8.7a1 1 0 01-1.4-1.4l4-4a1 1 0 011.4 0l4 4a1 1 0 11-1.4 1.4L13 6.4V16a1 1 0 01-2 0V6.4z" fill-rule="nonzero"/></svg>',
+    'user': '<svg width="24" height="24"><path d="M12 24a12 12 0 110-24 12 12 0 010 24zm-8.7-5.3a11 11 0 0017.4 0C19.4 16.3 14.6 15 12 15c-2.6 0-7.4 1.3-8.7 3.7zM12 13c2.2 0 4-2 4-4.5S14.2 4 12 4 8 6 8 8.5 9.8 13 12 13z" fill-rule="nonzero"/></svg>',
+    'visualblocks': '<svg width="24" height="24"><path d="M9 19v2H7v-2h2zm-4 0v2a2 2 0 01-2-2h2zm8 0v2h-2v-2h2zm8 0a2 2 0 01-2 2v-2h2zm-4 0v2h-2v-2h2zM15 7a1 1 0 010 2v7a1 1 0 01-2 0V9h-1v7a1 1 0 01-2 0v-4a2.5 2.5 0 01-.2-5H15zM5 15v2H3v-2h2zm16 0v2h-2v-2h2zM5 11v2H3v-2h2zm16 0v2h-2v-2h2zM5 7v2H3V7h2zm16 0v2h-2V7h2zM5 3v2H3c0-1.1.9-2 2-2zm8 0v2h-2V3h2zm6 0a2 2 0 012 2h-2V3zM9 3v2H7V3h2zm8 0v2h-2V3h2z" fill-rule="evenodd"/></svg>',
+    'visualchars': '<svg width="24" height="24"><path d="M10 5h7a1 1 0 010 2h-1v11a1 1 0 01-2 0V7h-2v11a1 1 0 01-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 016.8 10a3.3 3.3 0 010-2.8 3.4 3.4 0 011.8-1.8L10 5z" fill-rule="evenodd"/></svg>',
+    'warning': '<svg width="24" height="24"><path d="M19.8 18.3c.2.5.3.9 0 1.2-.1.3-.5.5-1 .5H5.2c-.5 0-.9-.2-1-.5-.3-.3-.2-.7 0-1.2L11 4.7l.5-.5.5-.2c.2 0 .3 0 .5.2.2 0 .3.3.5.5l6.8 13.6zM12 18c.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7a1 1 0 00-.3-.7 1 1 0 00-.7-.3 1 1 0 00-.7.3 1 1 0 00-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3zm.7-3l.3-4a1 1 0 00-.3-.7 1 1 0 00-.7-.3 1 1 0 00-.7.3 1 1 0 00-.3.7l.3 4h1.4z" fill-rule="evenodd"/></svg>',
+    'zoom-in': '<svg width="24" height="24"><path d="M16 17.3a8 8 0 111.4-1.4l4.3 4.4a1 1 0 01-1.4 1.4l-4.4-4.3zm-5-.3a6 6 0 100-12 6 6 0 000 12zm-1-9a1 1 0 012 0v6a1 1 0 01-2 0V8zm-2 4a1 1 0 010-2h6a1 1 0 010 2H8z" fill-rule="nonzero"/></svg>',
+    'zoom-out': '<svg width="24" height="24"><path d="M16 17.3a8 8 0 111.4-1.4l4.3 4.4a1 1 0 01-1.4 1.4l-4.4-4.3zm-5-.3a6 6 0 100-12 6 6 0 000 12zm-3-5a1 1 0 010-2h6a1 1 0 010 2H8z" fill-rule="nonzero"/></svg>',
+  }
+});
\ No newline at end of file
diff --git a/src/assets/tinymce/icons/default/icons.min.js b/src/assets/tinymce/icons/default/icons.min.js
new file mode 100644
index 00000000..086f297d
--- /dev/null
+++ b/src/assets/tinymce/icons/default/icons.min.js
@@ -0,0 +1 @@
+tinymce.IconManager.add("default",{icons:{"accessibility-check":'<svg width="24" height="24"><path d="M12 2a2 2 0 012 2 2 2 0 01-2 2 2 2 0 01-2-2c0-1.1.9-2 2-2zm8 7h-5v12c0 .6-.4 1-1 1a1 1 0 01-1-1v-5c0-.6-.4-1-1-1a1 1 0 00-1 1v5c0 .6-.4 1-1 1a1 1 0 01-1-1V9H4a1 1 0 110-2h16c.6 0 1 .4 1 1s-.4 1-1 1z" fill-rule="nonzero"/></svg>',"action-next":'<svg width="24" height="24"><path fill-rule="nonzero" d="M5.7 7.3a1 1 0 00-1.4 1.4l7.7 7.7 7.7-7.7a1 1 0 10-1.4-1.4L12 13.6 5.7 7.3z"/></svg>',"action-prev":'<svg width="24" height="24"><path fill-rule="nonzero" d="M18.3 15.7a1 1 0 001.4-1.4L12 6.6l-7.7 7.7a1 1 0 001.4 1.4L12 9.4l6.3 6.3z"/></svg>',"align-center":'<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 110-2zm3 4h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 110-2zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 010-2zm-3-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 010-2z" fill-rule="evenodd"/></svg>',"align-justify":'<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 110-2zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 110-2zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 010-2zm0 4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 010-2z" fill-rule="evenodd"/></svg>',"align-left":'<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 110-2zm0 4h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 110-2zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 010-2zm0-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 010-2z" fill-rule="evenodd"/></svg>',"align-none":'<svg width="24" height="24"><path d="M14.2 5L13 7H5a1 1 0 110-2h9.2zm4 0h.8a1 1 0 010 2h-2l1.2-2zm-6.4 4l-1.2 2H5a1 1 0 010-2h6.8zm4 0H19a1 1 0 010 2h-4.4l1.2-2zm-6.4 4l-1.2 2H5a1 1 0 010-2h4.4zm4 0H19a1 1 0 010 2h-6.8l1.2-2zM7 17l-1.2 2H5a1 1 0 010-2h2zm4 0h8a1 1 0 010 2H9.8l1.2-2zm5.2-13.5l1.3.7-9.7 16.3-1.3-.7 9.7-16.3z" fill-rule="evenodd"/></svg>',"align-right":'<svg width="24" height="24"><path d="M5 5h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 110-2zm6 4h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm0 8h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm-6-4h14c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 010-2z" fill-rule="evenodd"/></svg>',"arrow-left":'<svg width="24" height="24"><path d="M5.6 13l12 6a1 1 0 001.4-1V6a1 1 0 00-1.4-.9l-12 6a1 1 0 000 1.8z" fill-rule="evenodd"/></svg>',"arrow-right":'<svg width="24" height="24"><path d="M18.5 13l-12 6A1 1 0 015 18V6a1 1 0 011.4-.9l12 6a1 1 0 010 1.8z" fill-rule="evenodd"/></svg>',bold:'<svg width="24" height="24"><path d="M7.8 19c-.3 0-.5 0-.6-.2l-.2-.5V5.7c0-.2 0-.4.2-.5l.6-.2h5c1.5 0 2.7.3 3.5 1 .7.6 1.1 1.4 1.1 2.5a3 3 0 01-.6 1.9c-.4.6-1 1-1.6 1.2.4.1.9.3 1.3.6s.8.7 1 1.2c.4.4.5 1 .5 1.6 0 1.3-.4 2.3-1.3 3-.8.7-2.1 1-3.8 1H7.8zm5-8.3c.6 0 1.2-.1 1.6-.5.4-.3.6-.7.6-1.3 0-1.1-.8-1.7-2.3-1.7H9.3v3.5h3.4zm.5 6c.7 0 1.3-.1 1.7-.4.4-.4.6-.9.6-1.5s-.2-1-.7-1.4c-.4-.3-1-.4-2-.4H9.4v3.8h4z" fill-rule="evenodd"/></svg>',bookmark:'<svg width="24" height="24"><path d="M6 4v17l6-4 6 4V4c0-.6-.4-1-1-1H7a1 1 0 00-1 1z" fill-rule="nonzero"/></svg>',"border-width":'<svg width="24" height="24"><path d="M5 14.8h14a1 1 0 010 2H5a1 1 0 010-2zm-.5 3.7h15c.3 0 .5.2.5.5s-.2.5-.5.5h-15a.5.5 0 110-1zm.5-8.3h14c.6 0 1 .4 1 1v1c0 .5-.4 1-1 1H5a1 1 0 01-1-1v-1c0-.6.4-1 1-1zm0-5.7h14c.6 0 1 .4 1 1v2c0 .6-.4 1-1 1H5a1 1 0 01-1-1v-2c0-.6.4-1 1-1z" fill-rule="evenodd"/></svg>',brightness:'<svg width="24" height="24"><path d="M12 17c.3 0 .5.1.7.3.2.2.3.4.3.7v1c0 .3-.1.5-.3.7a1 1 0 01-.7.3 1 1 0 01-.7-.3 1 1 0 01-.3-.7v-1c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3zm0-10a1 1 0 01-.7-.3A1 1 0 0111 6V5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3.3 0 .5.1.7.3.2.2.3.4.3.7v1c0 .3-.1.5-.3.7a1 1 0 01-.7.3zm7 4c.3 0 .5.1.7.3.2.2.3.4.3.7 0 .3-.1.5-.3.7a1 1 0 01-.7.3h-1a1 1 0 01-.7-.3 1 1 0 01-.3-.7c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h1zM7 12c0 .3-.1.5-.3.7a1 1 0 01-.7.3H5a1 1 0 01-.7-.3A1 1 0 014 12c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h1c.3 0 .5.1.7.3.2.2.3.4.3.7zm10 3.5l.7.8c.2.1.3.4.3.6 0 .3-.1.6-.3.8a1 1 0 01-.8.3 1 1 0 01-.6-.3l-.8-.7a1 1 0 01-.3-.8c0-.2.1-.5.3-.7a1 1 0 011.4 0zm-10-7l-.7-.8a1 1 0 01-.3-.6c0-.3.1-.6.3-.8.2-.2.5-.3.8-.3.2 0 .5.1.7.3l.7.7c.2.2.3.5.3.8 0 .2-.1.5-.3.7a1 1 0 01-.7.3 1 1 0 01-.8-.3zm10 0a1 1 0 01-.8.3 1 1 0 01-.7-.3 1 1 0 01-.3-.7c0-.3.1-.6.3-.8l.8-.7c.1-.2.4-.3.6-.3.3 0 .6.1.8.3.2.2.3.5.3.8 0 .2-.1.5-.3.7l-.7.7zm-10 7c.2-.2.5-.3.8-.3.2 0 .5.1.7.3a1 1 0 010 1.4l-.8.8a1 1 0 01-.6.3 1 1 0 01-.8-.3 1 1 0 01-.3-.8c0-.2.1-.5.3-.6l.7-.8zM12 8a4 4 0 013.7 2.4 4 4 0 010 3.2A4 4 0 0112 16a4 4 0 01-3.7-2.4 4 4 0 010-3.2A4 4 0 0112 8zm0 6.5c.7 0 1.3-.2 1.8-.7.5-.5.7-1.1.7-1.8s-.2-1.3-.7-1.8c-.5-.5-1.1-.7-1.8-.7s-1.3.2-1.8.7c-.5.5-.7 1.1-.7 1.8s.2 1.3.7 1.8c.5.5 1.1.7 1.8.7z" fill-rule="evenodd"/></svg>',browse:'<svg width="24" height="24"><path d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2h-4v-2h4V8H5v10h4v2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zm-8 9.4l-2.3 2.3a1 1 0 11-1.4-1.4l4-4a1 1 0 011.4 0l4 4a1 1 0 01-1.4 1.4L13 13.4V20a1 1 0 01-2 0v-6.6z" fill-rule="nonzero"/></svg>',cancel:'<svg width="24" height="24"><path d="M12 4.6a7.4 7.4 0 110 14.8 7.4 7.4 0 010-14.8zM12 3a9 9 0 100 18 9 9 0 000-18zm0 8L14.8 8l1 1.1-2.7 2.8 2.7 2.7-1.1 1.1-2.7-2.7-2.7 2.7-1-1.1 2.6-2.7-2.7-2.7 1-1.1 2.8 2.7z" fill-rule="nonzero"/></svg>',"change-case":'<svg width="24" height="24"><path d="M18.4 18.2v-.6c-.5.8-1.3 1.2-2.4 1.2-2.2 0-3.3-1.6-3.3-4.8 0-3.1 1-4.7 3.3-4.7 1.1 0 1.8.3 2.4 1.1v-.6c0-.5.4-.8.8-.8s.8.3.8.8v8.4c0 .5-.4.8-.8.8a.8.8 0 01-.8-.8zm-2-7.4c-1.3 0-1.8.9-1.8 3.2 0 2.4.5 3.3 1.7 3.3 1.3 0 1.8-.9 1.8-3.2 0-2.4-.5-3.3-1.7-3.3zM10 15.7H5.5l-.8 2.6a1 1 0 01-1 .7h-.2a.7.7 0 01-.7-1l4-12a1 1 0 012 0l4 12a.7.7 0 01-.8 1h-.2a1 1 0 01-1-.7l-.8-2.6zm-.3-1.5l-2-6.5-1.9 6.5h3.9z" fill-rule="evenodd"/></svg>',"character-count":'<svg width="24" height="24"><path d="M4 11.5h16v1H4v-1zm4.8-6.8V10H7.7V5.8h-1v-1h2zM11 8.3V9h2v1h-3V7.7l2-1v-.9h-2v-1h3v2.4l-2 1zm6.3-3.4V10h-3.1V9h2.1V8h-2.1V6.8h2.1v-1h-2.1v-1h3.1zM5.8 16.4c0-.5.2-.8.5-1 .2-.2.6-.3 1.2-.3l.8.1c.2 0 .4.2.5.3l.4.4v2.8l.2.3H8.2v-.1-.2l-.6.3H7c-.4 0-.7 0-1-.2a1 1 0 01-.3-.9c0-.3 0-.6.3-.8.3-.2.7-.4 1.2-.4l.6-.2h.3v-.2l-.1-.2a.8.8 0 00-.5-.1 1 1 0 00-.4 0l-.3.4h-1zm2.3.8h-.2l-.2.1-.4.1a1 1 0 00-.4.2l-.2.2.1.3.5.1h.4l.4-.4v-.6zm2-3.4h1.2v1.7l.5-.3h.5c.5 0 .9.1 1.2.5.3.4.5.8.5 1.4 0 .6-.2 1.1-.5 1.5-.3.4-.7.6-1.3.6l-.6-.1-.4-.4v.4h-1.1v-5.4zm1.1 3.3c0 .3 0 .6.2.8a.7.7 0 001.2 0l.2-.8c0-.4 0-.6-.2-.8a.7.7 0 00-.6-.3l-.6.3-.2.8zm6.1-.5c0-.2 0-.3-.2-.4a.8.8 0 00-.5-.2c-.3 0-.5.1-.6.3l-.2.9c0 .3 0 .6.2.8.1.2.3.3.6.3.2 0 .4 0 .5-.2l.2-.4h1.1c0 .5-.3.8-.6 1.1a2 2 0 01-1.3.4c-.5 0-1-.2-1.3-.6a2 2 0 01-.5-1.4c0-.6.1-1.1.5-1.5.3-.4.8-.5 1.4-.5.5 0 1 0 1.2.3.4.3.5.7.5 1.2h-1v-.1z" fill-rule="evenodd"/></svg>',"checklist-rtl":'<svg width="24" height="24"><path d="M5 17h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 010-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 010-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1H5a1 1 0 110-2zm14.2 11c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 20c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 010-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 14c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 010-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L18 8c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 010-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8z" fill-rule="evenodd"/></svg>',checklist:'<svg width="24" height="24"><path d="M11 17h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm0-6h8a1 1 0 010 2h-8a1 1 0 010-2zM7.2 16c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 20c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 010-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 14c-.2.3-.7.4-1 0l-1.3-1.3a.7.7 0 010-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8zm0-6c.2-.4.6-.5.9-.3.3.2.4.6.2 1L6 8c-.2.3-.7.4-1 0L3.8 6.9a.7.7 0 010-1c.3-.2.7-.2 1 0l.7.9 1.7-2.8z" fill-rule="evenodd"/></svg>',checkmark:'<svg width="24" height="24"><path d="M18.2 5.4a1 1 0 011.6 1.2l-8 12a1 1 0 01-1.5.1l-5-5a1 1 0 111.4-1.4l4.1 4.1 7.4-11z" fill-rule="nonzero"/></svg>',"chevron-down":'<svg width="10" height="10"><path d="M8.7 2.2c.3-.3.8-.3 1 0 .4.4.4.9 0 1.2L5.7 7.8c-.3.3-.9.3-1.2 0L.2 3.4a.8.8 0 010-1.2c.3-.3.8-.3 1.1 0L5 6l3.7-3.8z" fill-rule="nonzero"/></svg>',"chevron-left":'<svg width="10" height="10"><path d="M7.8 1.3L4 5l3.8 3.7c.3.3.3.8 0 1-.4.4-.9.4-1.2 0L2.2 5.7a.8.8 0 010-1.2L6.6.2C7 0 7.4 0 7.8.2c.3.3.3.8 0 1.1z" fill-rule="nonzero"/></svg>',"chevron-right":'<svg width="10" height="10"><path d="M2.2 1.3a.8.8 0 010-1c.4-.4.9-.4 1.2 0l4.4 4.1c.3.4.3.9 0 1.2L3.4 9.8c-.3.3-.8.3-1.2 0a.8.8 0 010-1.1L6 5 2.2 1.3z" fill-rule="nonzero"/></svg>',"chevron-up":'<svg width="10" height="10"><path d="M8.7 7.8L5 4 1.3 7.8c-.3.3-.8.3-1 0a.8.8 0 010-1.2l4.1-4.4c.3-.3.9-.3 1.2 0l4.2 4.4c.3.3.3.9 0 1.2-.3.3-.8.3-1.1 0z" fill-rule="nonzero"/></svg>',close:'<svg width="24" height="24"><path d="M17.3 8.2L13.4 12l3.9 3.8a1 1 0 01-1.5 1.5L12 13.4l-3.8 3.9a1 1 0 01-1.5-1.5l3.9-3.8-3.9-3.8a1 1 0 011.5-1.5l3.8 3.9 3.8-3.9a1 1 0 011.5 1.5z" fill-rule="evenodd"/></svg>',"code-sample":'<svg width="24" height="26"><path d="M7.1 11a2.8 2.8 0 01-.8 2 2.8 2.8 0 01.8 2v1.7c0 .3.1.6.4.8.2.3.5.4.8.4.3 0 .4.2.4.4v.8c0 .2-.1.4-.4.4-.7 0-1.4-.3-2-.8-.5-.6-.8-1.3-.8-2V15c0-.3-.1-.6-.4-.8-.2-.3-.5-.4-.8-.4a.4.4 0 01-.4-.4v-.8c0-.2.2-.4.4-.4.3 0 .6-.1.8-.4.3-.2.4-.5.4-.8V9.3c0-.7.3-1.4.8-2 .6-.5 1.3-.8 2-.8.3 0 .4.2.4.4v.8c0 .2-.1.4-.4.4-.3 0-.6.1-.8.4-.3.2-.4.5-.4.8V11zm9.8 0V9.3c0-.3-.1-.6-.4-.8-.2-.3-.5-.4-.8-.4a.4.4 0 01-.4-.4V7c0-.2.1-.4.4-.4.7 0 1.4.3 2 .8.5.6.8 1.3.8 2V11c0 .3.1.6.4.8.2.3.5.4.8.4.2 0 .4.2.4.4v.8c0 .2-.2.4-.4.4-.3 0-.6.1-.8.4-.3.2-.4.5-.4.8v1.7c0 .7-.3 1.4-.8 2-.6.5-1.3.8-2 .8a.4.4 0 01-.4-.4v-.8c0-.2.1-.4.4-.4.3 0 .6-.1.8-.4.3-.2.4-.5.4-.8V15a2.8 2.8 0 01.8-2 2.8 2.8 0 01-.8-2zm-3.3-.4c0 .4-.1.8-.5 1.1-.3.3-.7.5-1.1.5-.4 0-.8-.2-1.1-.5-.4-.3-.5-.7-.5-1.1 0-.5.1-.9.5-1.2.3-.3.7-.4 1.1-.4.4 0 .8.1 1.1.4.4.3.5.7.5 1.2zM12 13c.4 0 .8.1 1.1.5.4.3.5.7.5 1.1 0 1-.1 1.6-.5 2a3 3 0 01-1.1 1c-.4.3-.8.4-1.1.4a.5.5 0 01-.5-.5V17a3 3 0 001-.2l.6-.6c-.6 0-1-.2-1.3-.5-.2-.3-.3-.7-.3-1 0-.5.1-1 .5-1.2.3-.4.7-.5 1.1-.5z" fill-rule="evenodd"/></svg>',"color-levels":'<svg width="24" height="24"><path d="M17.5 11.4A9 9 0 0118 14c0 .5 0 1-.2 1.4 0 .4-.3.9-.5 1.3a6.2 6.2 0 01-3.7 3 5.7 5.7 0 01-3.2 0A5.9 5.9 0 017.6 18a6.2 6.2 0 01-1.4-2.6 6.7 6.7 0 010-2.8c0-.4.1-.9.3-1.3a13.6 13.6 0 012.3-4A20 20 0 0112 4a26.4 26.4 0 013.2 3.4 18.2 18.2 0 012.3 4zm-2 4.5c.4-.7.5-1.4.5-2a7.3 7.3 0 00-1-3.2c.2.6.2 1.2.2 1.9a4.5 4.5 0 01-1.3 3 5.3 5.3 0 01-2.3 1.5 4.9 4.9 0 01-2 .1 4.3 4.3 0 002.4.8 4 4 0 002-.6 4 4 0 001.5-1.5z" fill-rule="evenodd"/></svg>',"color-picker":'<svg width="24" height="24"><path d="M12 3a9 9 0 000 18 1.5 1.5 0 001.1-2.5c-.2-.3-.4-.6-.4-1 0-.8.7-1.5 1.5-1.5H16a5 5 0 005-5c0-4.4-4-8-9-8zm-5.5 9a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm3-4a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm3 4a1.5 1.5 0 110-3 1.5 1.5 0 010 3z" fill-rule="nonzero"/></svg>',"color-swatch-remove-color":'<svg width="24" height="24"><path stroke="#000" stroke-width="2" d="M21 3L3 21" fill-rule="evenodd"/></svg>',"color-swatch":'<svg width="24" height="24"><rect x="3" y="3" width="18" height="18" rx="1" fill-rule="evenodd"/></svg>',"comment-add":'<svg width="24" height="24"><g fill-rule="nonzero"><path d="M9 19l3-2h7c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H5a1 1 0 00-1 1v10c0 .6.4 1 1 1h4v2zm-2 4v-4H5a3 3 0 01-3-3V6a3 3 0 013-3h14a3 3 0 013 3v10a3 3 0 01-3 3h-6.4L7 23z"/><path d="M13 10h2a1 1 0 010 2h-2v2a1 1 0 01-2 0v-2H9a1 1 0 010-2h2V8a1 1 0 012 0v2z"/></g></svg>',comment:'<svg width="24" height="24"><path fill-rule="nonzero" d="M9 19l3-2h7c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H5a1 1 0 00-1 1v10c0 .6.4 1 1 1h4v2zm-2 4v-4H5a3 3 0 01-3-3V6a3 3 0 013-3h14a3 3 0 013 3v10a3 3 0 01-3 3h-6.4L7 23z"/></svg>',contrast:'<svg width="24" height="24"><path d="M12 4a7.8 7.8 0 015.7 2.3A8 8 0 1112 4zm-6 8a6 6 0 006 6V6a6 6 0 00-6 6z" fill-rule="evenodd"/></svg>',copy:'<svg width="24" height="24"><path d="M16 3H6a2 2 0 00-2 2v11h2V5h10V3zm1 4a2 2 0 012 2v10a2 2 0 01-2 2h-7a2 2 0 01-2-2V9c0-1.2.9-2 2-2h7zm0 12V9h-7v10h7z" fill-rule="nonzero"/></svg>',crop:'<svg width="24" height="24"><path d="M17 8v7h2c.6 0 1 .4 1 1s-.4 1-1 1h-2v2c0 .6-.4 1-1 1a1 1 0 01-1-1v-2H7V9H5a1 1 0 110-2h2V5c0-.6.4-1 1-1s1 .4 1 1v2h7l3-3 1 1-3 3zM9 9v5l5-5H9zm1 6h5v-5l-5 5z" fill-rule="evenodd"/></svg>',"cut-column":'<svg width="24" height="24"><path fill-rule="evenodd" d="M7.2 4.5c.9 0 1.6.4 2.2 1A3.7 3.7 0 0110.5 8v.5l1 1 4-4 1-.5a3.3 3.3 0 012 0c.4 0 .7.3 1 .5L17 8h4v13h-6V10l-1.5 1.5.5.5v4l-2.5-2.5-1 1v.5c0 .4 0 .8-.3 1.2-.2.5-.4.9-.8 1.2-.6.7-1.3 1-2.2 1-.8.2-1.5 0-2-.6l-.5-.8-.2-1c0-.4 0-.8.3-1.2A3.9 3.9 0 017 12.7c.5-.2 1-.3 1.5-.2l1-1-1-1c-.5 0-1 0-1.5-.2-.5-.1-1-.4-1.4-.9-.4-.3-.6-.7-.8-1.2L4.5 7c0-.4 0-.7.2-1 0-.3.3-.6.5-.8.5-.5 1.2-.8 2-.7zm12.3 5h-3v10h3v-10zM8 13.8h-.3l-.4.2a2.8 2.8 0 00-.7.4v.1a2.8 2.8 0 00-.6.8l-.1.4v.7l.2.5.5.2h.7a2.6 2.6 0 00.8-.3 2.4 2.4 0 00.7-.7 2.5 2.5 0 00.3-.8 1.5 1.5 0 000-.8 1 1 0 00-.2-.4 1 1 0 00-.5-.2H8zm3.5-3.7c-.4 0-.7.1-1 .4-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4zM7 5.8h-.4a1 1 0 00-.5.3 1 1 0 00-.2.5v.7a2.5 2.5 0 00.3.8l.2.3h.1l.4.4.4.2.4.1h.7L9 9l.2-.4a1.6 1.6 0 000-.8 2.6 2.6 0 00-.3-.8A2.5 2.5 0 007.7 6l-.4-.1H7z"/></svg>',"cut-row":'<svg width="24" height="24"><path fill-rule="evenodd" d="M22 3v5H9l3 3 2-2h4l-4 4 1 1h.5c.4 0 .8 0 1.2.3.5.2.9.4 1.2.8.7.6 1 1.3 1 2.2.2.8 0 1.5-.6 2l-.8.5-1 .2c-.4 0-.8 0-1.2-.3a3.9 3.9 0 01-2.1-2.2c-.2-.5-.3-1-.2-1.5l-1-1-1 1c0 .5 0 1-.2 1.5-.1.5-.4 1-.9 1.4-.3.4-.7.6-1.2.8l-1.2.3c-.4 0-.7 0-1-.2-.3 0-.6-.3-.8-.5-.5-.5-.8-1.2-.7-2 0-.9.4-1.6 1-2.2A3.7 3.7 0 018.6 14H9l1-1-4-4-.5-1a3.3 3.3 0 010-2c0-.4.3-.7.5-1l2 2V3h14zM8.5 15.3h-.3a2.6 2.6 0 00-.8.4 2.5 2.5 0 00-.9 1.1l-.1.4v.7l.2.5.5.2h.7a2.5 2.5 0 00.8-.3L9 18V18l.4-.4.2-.4.1-.4v-.3-.4a1 1 0 00-.2-.5 1 1 0 00-.4-.2h-.5zm7 0H15a1 1 0 00-.4.3 1 1 0 00-.2.5 1.5 1.5 0 000 .7v.4a2.8 2.8 0 00.5.7h.1a2.8 2.8 0 00.8.6l.4.1h.7l.5-.2.2-.5v-.4-.3a2.6 2.6 0 00-.3-.8 2.4 2.4 0 00-.7-.7 2.5 2.5 0 00-.8-.3h-.3zM12 11.6c-.4 0-.7.1-1 .4-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4s.7-.1 1-.4c.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4zm8.5-7.1h-11v2h11v-2z"/></svg>',cut:'<svg width="24" height="24"><path d="M18 15c.6.7 1 1.4 1 2.3 0 .8-.2 1.5-.7 2l-.8.5-1 .2c-.4 0-.8 0-1.2-.3a3.9 3.9 0 01-2.1-2.2c-.2-.5-.3-1-.2-1.5l-1-1-1 1c0 .5 0 1-.2 1.5-.1.5-.4 1-.9 1.4-.3.4-.7.6-1.2.8l-1.2.3c-.4 0-.7 0-1-.2-.3 0-.6-.3-.8-.5-.5-.5-.8-1.2-.7-2 0-.9.4-1.6 1-2.2A3.7 3.7 0 018.6 14H9l1-1-4-4-.5-1a3.3 3.3 0 010-2c0-.4.3-.7.5-1l6 6 6-6 .5 1a3.3 3.3 0 010 2c0 .4-.3.7-.5 1l-4 4 1 1h.5c.4 0 .8 0 1.2.3.5.2.9.4 1.2.8zm-8.5 2.2l.1-.4v-.3-.4a1 1 0 00-.2-.5 1 1 0 00-.4-.2 1.6 1.6 0 00-.8 0 2.6 2.6 0 00-.8.3 2.5 2.5 0 00-.9 1.1l-.1.4v.7l.2.5.5.2h.7a2.5 2.5 0 00.8-.3 2.8 2.8 0 001-1zm2.5-2.8c.4 0 .7-.1 1-.4.3-.3.4-.6.4-1s-.1-.7-.4-1c-.3-.3-.6-.4-1-.4s-.7.1-1 .4c-.3.3-.4.6-.4 1s.1.7.4 1c.3.3.6.4 1 .4zm5.4 4l.2-.5v-.4-.3a2.6 2.6 0 00-.3-.8 2.4 2.4 0 00-.7-.7 2.5 2.5 0 00-.8-.3 1.5 1.5 0 00-.8 0 1 1 0 00-.4.2 1 1 0 00-.2.5 1.5 1.5 0 000 .7v.4l.3.4.3.4a2.8 2.8 0 00.8.5l.4.1h.7l.5-.2z" fill-rule="evenodd"/></svg>',"document-properties":'<svg width="24" height="24"><path d="M14.4 3H7a2 2 0 00-2 2v14c0 1.1.9 2 2 2h10a2 2 0 002-2V7.6L14.4 3zM17 19H7V5h6v4h4v10z" fill-rule="nonzero"/></svg>',drag:'<svg width="24" height="24"><path d="M13 5h2v2h-2V5zm0 4h2v2h-2V9zM9 9h2v2H9V9zm4 4h2v2h-2v-2zm-4 0h2v2H9v-2zm0 4h2v2H9v-2zm4 0h2v2h-2v-2zM9 5h2v2H9V5z" fill-rule="evenodd"/></svg>',"duplicate-column":'<svg width="24" height="24"><path d="M17 6v16h-7V6h7zm-2 2h-3v12h3V8zm-2-6v2H8v15H6V2h7z"/></svg>',"duplicate-row":'<svg width="24" height="24"><path d="M22 11v7H6v-7h16zm-2 2H8v3h12v-3zm-1-6v2H4v5H2V7h17z"/></svg>',duplicate:'<svg width="24" height="24"><g fill-rule="nonzero"><path d="M16 3v2H6v11H4V5c0-1.1.9-2 2-2h10zm3 8h-2V9h-7v10h9a2 2 0 01-2 2h-7a2 2 0 01-2-2V9c0-1.2.9-2 2-2h7a2 2 0 012 2v2z"/><path d="M17 14h1a1 1 0 010 2h-1v1a1 1 0 01-2 0v-1h-1a1 1 0 010-2h1v-1a1 1 0 012 0v1z"/></g></svg>',"edit-block":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19.8 8.8l-9.4 9.4c-.2.2-.5.4-.9.4l-5.4 1.2 1.2-5.4.5-.8 9.4-9.4c.7-.7 1.8-.7 2.5 0l2.1 2.1c.7.7.7 1.8 0 2.5zm-2-.2l1-.9v-.3l-2.2-2.2a.3.3 0 00-.3 0l-1 1L18 8.5zm-1 1l-2.5-2.4-6 6 2.5 2.5 6-6zm-7 7.1l-2.6-2.4-.3.3-.1.2-.7 3 3.1-.6h.1l.4-.5z"/></svg>',"edit-image":'<svg width="24" height="24"><path d="M18 16h2V7a2 2 0 00-2-2H7v2h11v9zM6 17h15a1 1 0 010 2h-1v1a1 1 0 01-2 0v-1H6a2 2 0 01-2-2V7H3a1 1 0 110-2h1V4a1 1 0 112 0v13zm3-5.3l1.3 2 3-4.7 3.7 6H7l2-3.3z" fill-rule="nonzero"/></svg>',"embed-page":'<svg width="24" height="24"><path d="M19 6V5H5v14h2A13 13 0 0119 6zm0 1.4c-.8.8-1.6 2.4-2.2 4.6H19V7.4zm0 5.6h-2.4c-.4 1.8-.6 3.8-.6 6h3v-6zm-4 6c0-2.2.2-4.2.6-6H13c-.7 1.8-1.1 3.8-1.1 6h3zm-4 0c0-2.2.4-4.2 1-6H9.6A12 12 0 008 19h3zM4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 01-1-1V4c0-.6.4-1 1-1zm11.8 9c.4-1.9 1-3.4 1.8-4.5a9.2 9.2 0 00-4 4.5h2.2zm-3.4 0a12 12 0 012.8-4 12 12 0 00-5 4h2.2z" fill-rule="nonzero"/></svg>',embed:'<svg width="24" height="24"><path d="M4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 01-1-1V4c0-.6.4-1 1-1zm1 2v14h14V5H5zm4.8 2.6l5.6 4a.5.5 0 010 .8l-5.6 4A.5.5 0 019 16V8a.5.5 0 01.8-.4z" fill-rule="nonzero"/></svg>',emoji:'<svg width="24" height="24"><path d="M9 11c.6 0 1-.4 1-1s-.4-1-1-1a1 1 0 00-1 1c0 .6.4 1 1 1zm6 0c.6 0 1-.4 1-1s-.4-1-1-1a1 1 0 00-1 1c0 .6.4 1 1 1zm-3 5.5c2.1 0 4-1.5 4.4-3.5H7.6c.5 2 2.3 3.5 4.4 3.5zM12 4a8 8 0 100 16 8 8 0 000-16zm0 14.5a6.5 6.5 0 110-13 6.5 6.5 0 010 13z" fill-rule="nonzero"/></svg>',"export":'<svg width="24" height="24"><g fill-rule="nonzero"><path d="M14.4 3L18 7v1h-5V5H7v14h9a1 1 0 012 0c0 1-.8 2-1.9 2H7c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2h7.5z"/><path d="M18.1 12c.5 0 .9.4.9 1 0 .5-.3 1-.8 1h-7.3c-.5 0-.9-.4-.9-1 0-.5.3-1 .8-1h7.3z"/><path d="M16.4 9.2a1 1 0 011.4.2l2.4 3.6-2.4 3.6a1 1 0 01-1.7-1v-.2l1.7-2.4-1.6-2.4a1 1 0 01.2-1.4z"/></g></svg>',fill:'<svg width="24" height="26"><path d="M16.6 12l-9-9-1.4 1.4 2.4 2.4-5.2 5.1c-.5.6-.5 1.6 0 2.2L9 19.6a1.5 1.5 0 002.2 0l5.5-5.5c.5-.6.5-1.6 0-2.2zM5.2 13L10 8.2l4.8 4.8H5.2zM19 14.5s-2 2.2-2 3.5c0 1.1.9 2 2 2a2 2 0 002-2c0-1.3-2-3.5-2-3.5z" fill-rule="nonzero"/></svg>',"flip-horizontally":'<svg width="24" height="24"><path d="M14 19h2v-2h-2v2zm4-8h2V9h-2v2zM4 7v10c0 1.1.9 2 2 2h3v-2H6V7h3V5H6a2 2 0 00-2 2zm14-2v2h2a2 2 0 00-2-2zm-7 16h2V3h-2v18zm7-6h2v-2h-2v2zm-4-8h2V5h-2v2zm4 12a2 2 0 002-2h-2v2z" fill-rule="nonzero"/></svg>',"flip-vertically":'<svg width="24" height="24"><path d="M5 14v2h2v-2H5zm8 4v2h2v-2h-2zm4-14H7a2 2 0 00-2 2v3h2V6h10v3h2V6a2 2 0 00-2-2zm2 14h-2v2a2 2 0 002-2zM3 11v2h18v-2H3zm6 7v2h2v-2H9zm8-4v2h2v-2h-2zM5 18c0 1.1.9 2 2 2v-2H5z" fill-rule="nonzero"/></svg>',"format-painter":'<svg width="24" height="24"><path d="M18 5V4c0-.5-.4-1-1-1H5a1 1 0 00-1 1v4c0 .6.5 1 1 1h12c.6 0 1-.4 1-1V7h1v4H9v9c0 .6.4 1 1 1h2c.6 0 1-.4 1-1v-7h8V5h-3z" fill-rule="nonzero"/></svg>',format:'<svg width="24" height="24"><path fill-rule="evenodd" d="M17 5a1 1 0 010 2h-4v11a1 1 0 01-2 0V7H7a1 1 0 110-2h10z"/></svg>',fullscreen:'<svg width="24" height="24"><path d="M15.3 10l-1.2-1.3 2.9-3h-2.3a.9.9 0 110-1.7H19c.5 0 .9.4.9.9v4.4a.9.9 0 11-1.8 0V7l-2.9 3zm0 4l3 3v-2.3a.9.9 0 111.7 0V19c0 .5-.4.9-.9.9h-4.4a.9.9 0 110-1.8H17l-3-2.9 1.3-1.2zM10 15.4l-2.9 3h2.3a.9.9 0 110 1.7H5a.9.9 0 01-.9-.9v-4.4a.9.9 0 111.8 0V17l2.9-3 1.2 1.3zM8.7 10L5.7 7v2.3a.9.9 0 01-1.7 0V5c0-.5.4-.9.9-.9h4.4a.9.9 0 010 1.8H7l3 2.9-1.3 1.2z" fill-rule="nonzero"/></svg>',gallery:'<svg width="24" height="24"><path fill-rule="nonzero" d="M5 15.7l2.3-2.2c.3-.3.7-.3 1 0L11 16l5.1-5c.3-.4.8-.4 1 0l2 1.9V8H5v7.7zM5 18V19h3l1.8-1.9-2-2L5 17.9zm14-3l-2.5-2.4-6.4 6.5H19v-4zM4 6h16c.6 0 1 .4 1 1v13c0 .6-.4 1-1 1H4a1 1 0 01-1-1V7c0-.6.4-1 1-1zm6 7a2 2 0 110-4 2 2 0 010 4zM4.5 4h15a.5.5 0 110 1h-15a.5.5 0 010-1zm2-2h11a.5.5 0 110 1h-11a.5.5 0 010-1z"/></svg>',gamma:'<svg width="24" height="24"><path d="M4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 01-1-1V4c0-.6.4-1 1-1zm1 2v14h14V5H5zm6.5 11.8V14L9.2 8.7a5.1 5.1 0 00-.4-.8l-.1-.2H8 8v-1l.3-.1.3-.1h.7a1 1 0 01.6.5l.1.3a8.5 8.5 0 01.3.6l1.9 4.6 2-5.2a1 1 0 011-.6.5.5 0 01.5.6L13 14v2.8a.7.7 0 01-1.4 0z" fill-rule="nonzero"/></svg>',help:'<svg width="24" height="24"><g fill-rule="evenodd"><path d="M12 5.5a6.5 6.5 0 00-6 9 6.3 6.3 0 001.4 2l1 1a6.3 6.3 0 003.6 1 6.5 6.5 0 006-9 6.3 6.3 0 00-1.4-2l-1-1a6.3 6.3 0 00-3.6-1zM12 4a7.8 7.8 0 015.7 2.3A8 8 0 1112 4z"/><path d="M9.6 9.7a.7.7 0 01-.7-.8c0-1.1 1.5-1.8 3.2-1.8 1.8 0 3.2.8 3.2 2.4 0 1.4-.4 2.1-1.5 2.8-.2 0-.3.1-.3.2a2 2 0 00-.8.8.8.8 0 01-1.4-.6c.3-.7.8-1 1.3-1.5l.4-.2c.7-.4.8-.6.8-1.5 0-.5-.6-.9-1.7-.9-.5 0-1 .1-1.4.3-.2 0-.3.1-.3.2v-.2c0 .4-.4.8-.8.8z" fill-rule="nonzero"/><circle cx="12" cy="16" r="1"/></g></svg>',"highlight-bg-color":'<svg width="24" height="24"><g fill-rule="evenodd"><path id="tox-icon-highlight-bg-color__color" d="M3 18h18v3H3z"/><path fill-rule="nonzero" d="M7.7 16.7H3l3.3-3.3-.7-.8L10.2 8l4 4.1-4 4.2c-.2.2-.6.2-.8 0l-.6-.7-1.1 1.1zm5-7.5L11 7.4l3-2.9a2 2 0 012.6 0L18 6c.7.7.7 2 0 2.7l-2.9 2.9-1.8-1.8-.5-.6"/></g></svg>',home:'<svg width="24" height="24"><path fill-rule="nonzero" d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>',"horizontal-rule":'<svg width="24" height="24"><path d="M4 11h16v2H4z" fill-rule="evenodd"/></svg>',"image-options":'<svg width="24" height="24"><path d="M6 10a2 2 0 00-2 2c0 1.1.9 2 2 2a2 2 0 002-2 2 2 0 00-2-2zm12 0a2 2 0 00-2 2c0 1.1.9 2 2 2a2 2 0 002-2 2 2 0 00-2-2zm-6 0a2 2 0 00-2 2c0 1.1.9 2 2 2a2 2 0 002-2 2 2 0 00-2-2z" fill-rule="nonzero"/></svg>',image:'<svg width="24" height="24"><path d="M5 15.7l3.3-3.2c.3-.3.7-.3 1 0L12 15l4.1-4c.3-.4.8-.4 1 0l2 1.9V5H5v10.7zM5 18V19h3l2.8-2.9-2-2L5 17.9zm14-3l-2.5-2.4-6.4 6.5H19v-4zM4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 01-1-1V4c0-.6.4-1 1-1zm6 8a2 2 0 100-4 2 2 0 000 4z" fill-rule="nonzero"/></svg>',indent:'<svg width="24" height="24"><path d="M7 5h12c.6 0 1 .4 1 1s-.4 1-1 1H7a1 1 0 110-2zm5 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 010-2zm0 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 010-2zm-5 4h12a1 1 0 010 2H7a1 1 0 010-2zm-2.6-3.8L6.2 12l-1.8-1.2a1 1 0 011.2-1.6l3 2a1 1 0 010 1.6l-3 2a1 1 0 11-1.2-1.6z" fill-rule="evenodd"/></svg>',info:'<svg width="24" height="24"><path d="M12 4a7.8 7.8 0 015.7 2.3A8 8 0 1112 4zm-1 3v2h2V7h-2zm3 10v-1h-1v-5h-3v1h1v4h-1v1h4z" fill-rule="evenodd"/></svg>',"insert-character":'<svg width="24" height="24"><path d="M15 18h4l1-2v4h-6v-3.3l1.4-1a6 6 0 001.8-2.9 6.3 6.3 0 00-.1-4.1 5.8 5.8 0 00-3-3.2c-.6-.3-1.3-.5-2.1-.5a5.1 5.1 0 00-3.9 1.8 6.3 6.3 0 00-1.3 6 6.2 6.2 0 001.8 3l1.4.9V20H4v-4l1 2h4v-.5l-2-1L5.4 15A6.5 6.5 0 014 11c0-1 .2-1.9.6-2.7A7 7 0 016.3 6C7.1 5.4 8 5 9 4.5c1-.3 2-.5 3.1-.5a8.8 8.8 0 015.7 2 7 7 0 011.7 2.3 6 6 0 01.2 4.8c-.2.7-.6 1.3-1 1.9a7.6 7.6 0 01-3.6 2.5v.5z" fill-rule="evenodd"/></svg>',"insert-time":'<svg width="24" height="24"><g fill-rule="nonzero"><path d="M12 19a7 7 0 100-14 7 7 0 000 14zm0 2a9 9 0 110-18 9 9 0 010 18z"/><path d="M16 12h-3V7c0-.6-.4-1-1-1a1 1 0 00-1 1v7h5c.6 0 1-.4 1-1s-.4-1-1-1z"/></g></svg>',invert:'<svg width="24" height="24"><path d="M18 19.3L16.5 18a5.8 5.8 0 01-3.1 1.9 6.1 6.1 0 01-5.5-1.6A5.8 5.8 0 016 14v-.3l.1-1.2A13.9 13.9 0 017.7 9l-3-3 .7-.8 2.8 2.9 9 8.9 1.5 1.6-.7.6zm0-5.5v.3l-.1 1.1-.4 1-1.2-1.2a4.3 4.3 0 00.2-1v-.2c0-.4 0-.8-.2-1.3l-.5-1.4a14.8 14.8 0 00-3-4.2L12 6a26.1 26.1 0 00-2.2 2.5l-1-1a20.9 20.9 0 012.9-3.3L12 4l1 .8a22.2 22.2 0 014 5.4c.6 1.2 1 2.4 1 3.6z" fill-rule="evenodd"/></svg>',italic:'<svg width="24" height="24"><path d="M16.7 4.7l-.1.9h-.3c-.6 0-1 0-1.4.3-.3.3-.4.6-.5 1.1l-2.1 9.8v.6c0 .5.4.8 1.4.8h.2l-.2.8H8l.2-.8h.2c1.1 0 1.8-.5 2-1.5l2-9.8.1-.5c0-.6-.4-.8-1.4-.8h-.3l.2-.9h5.8z" fill-rule="evenodd"/></svg>',"line-height":'<svg width="24" height="24"><path d="M21 5a1 1 0 01.1 2H13a1 1 0 01-.1-2H21zm0 4a1 1 0 01.1 2H13a1 1 0 01-.1-2H21zm0 4a1 1 0 01.1 2H13a1 1 0 01-.1-2H21zm0 4a1 1 0 01.1 2H13a1 1 0 01-.1-2H21zM7 3.6l3.7 3.7a1 1 0 01-1.3 1.5h-.1L8 7.3v9.2l1.3-1.3a1 1 0 011.3 0h.1c.4.4.4 1 0 1.3v.1L7 20.4l-3.7-3.7a1 1 0 011.3-1.5h.1L6 16.7V7.4L4.7 8.7a1 1 0 01-1.3 0h-.1a1 1 0 010-1.3v-.1L7 3.6z"/></svg>',line:'<svg width="24" height="24"><path d="M15 9l-8 8H4v-3l8-8 3 3zm1-1l-3-3 1-1h1c-.2 0 0 0 0 0l2 2s0 .2 0 0v1l-1 1zM4 18h16v2H4v-2z" fill-rule="evenodd"/></svg>',link:'<svg width="24" height="24"><path d="M6.2 12.3a1 1 0 011.4 1.4l-2.1 2a2 2 0 102.7 2.8l4.8-4.8a1 1 0 000-1.4 1 1 0 111.4-1.3 2.9 2.9 0 010 4L9.6 20a3.9 3.9 0 01-5.5-5.5l2-2zm11.6-.6a1 1 0 01-1.4-1.4l2-2a2 2 0 10-2.6-2.8L11 10.3a1 1 0 000 1.4A1 1 0 119.6 13a2.9 2.9 0 010-4L14.4 4a3.9 3.9 0 015.5 5.5l-2 2z" fill-rule="nonzero"/></svg>',"list-bull-circle":'<svg width="48" height="48"><g fill-rule="evenodd"><path d="M11 16a2 2 0 100-4 2 2 0 000 4zm0 1a3 3 0 110-6 3 3 0 010 6zM11 26a2 2 0 100-4 2 2 0 000 4zm0 1a3 3 0 110-6 3 3 0 010 6zM11 36a2 2 0 100-4 2 2 0 000 4zm0 1a3 3 0 110-6 3 3 0 010 6z" fill-rule="nonzero"/><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/></g></svg>',"list-bull-default":'<svg width="48" height="48"><g fill-rule="evenodd"><circle cx="11" cy="14" r="3"/><circle cx="11" cy="24" r="3"/><circle cx="11" cy="34" r="3"/><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/></g></svg>',"list-bull-square":'<svg width="48" height="48"><g fill-rule="evenodd"><path d="M8 11h6v6H8zM8 21h6v6H8zM8 31h6v6H8z"/><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/></g></svg>',"list-num-default-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M37.4 17v-4.8l-1.6 1v-1.1l1.6-1h1.2V17zM33.3 17.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm1.7 5.7c0-1.2 1-2 2.2-2 1.3 0 2.1.8 2.1 1.8 0 .7-.3 1.2-1.3 2.2l-1.2 1v.2h2.6v1h-4.3v-.9l2-1.9c.8-.8 1-1.1 1-1.5 0-.5-.4-.8-1-.8-.5 0-.9.3-.9.9H35zm-1.7 4.3c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm3.2 7.3v-1h.7c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7s-1 .3-1 .8H35c0-1.1 1-1.8 2.2-1.8 1.2 0 2.1.6 2.1 1.6 0 .7-.4 1.2-1 1.3v.1c.7.1 1.3.7 1.3 1.4 0 1-1 1.9-2.4 1.9-1.3 0-2.2-.8-2.3-2h1.2c0 .6.5 1 1.1 1 .6 0 1-.4 1-1 0-.5-.3-.8-1-.8h-.7zm-3.3 2.7c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7z"/></g></svg>',"list-num-default":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10 17v-4.8l-1.5 1v-1.1l1.6-1h1.2V17h-1.2zm3.6.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7zm-5 5.7c0-1.2.8-2 2.1-2s2.1.8 2.1 1.8c0 .7-.3 1.2-1.4 2.2l-1.1 1v.2h2.6v1H8.6v-.9l2-1.9c.8-.8 1-1.1 1-1.5 0-.5-.4-.8-1-.8-.5 0-.9.3-.9.9H8.5zm6.3 4.3c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zM10 34.4v-1h.7c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7s-1 .3-1 .8H8.6c0-1.1 1-1.8 2.2-1.8 1.3 0 2.1.6 2.1 1.6 0 .7-.4 1.2-1 1.3v.1c.8.1 1.3.7 1.3 1.4 0 1-1 1.9-2.4 1.9-1.3 0-2.2-.8-2.3-2h1.2c0 .6.5 1 1.1 1 .7 0 1-.4 1-1 0-.5-.3-.8-1-.8h-.7zm4.7 2.7c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7z"/></g></svg>',"list-num-lower-alpha-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M36.5 16c-.9 0-1.5-.5-1.5-1.3s.6-1.3 1.8-1.4h1v-.4c0-.4-.2-.6-.7-.6-.4 0-.7.1-.8.4h-1.1c0-.8.8-1.4 2-1.4S39 12 39 13V16h-1.2v-.6c-.3.4-.8.7-1.4.7zm.4-.8c.6 0 1-.4 1-.9V14h-1c-.5.1-.7.3-.7.6 0 .4.3.6.7.6zM33.1 16.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7zM37.7 26c-.7 0-1.2-.2-1.5-.7v.7H35v-6.3h1.2v2.5c.3-.5.8-.9 1.5-.9 1.1 0 1.8 1 1.8 2.4 0 1.5-.7 2.4-1.8 2.4zm-.5-3.6c-.6 0-1 .5-1 1.3s.4 1.4 1 1.4c.7 0 1-.6 1-1.4 0-.8-.3-1.3-1-1.3zM33.2 26.1c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7zm6 7h-1c-.1-.5-.4-.8-1-.8s-1 .5-1 1.4c0 1 .4 1.4 1 1.4.5 0 .9-.2 1-.7h1c0 1-.8 1.7-2 1.7-1.4 0-2.2-.9-2.2-2.4s.8-2.4 2.2-2.4c1.2 0 2 .7 2 1.7zm-6.1 3c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7z"/></g></svg>',"list-num-lower-alpha":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10.3 15.2c.5 0 1-.4 1-.9V14h-1c-.5.1-.8.3-.8.6 0 .4.3.6.8.6zm-.4.9c-1 0-1.5-.6-1.5-1.4 0-.8.6-1.3 1.7-1.4h1.1v-.4c0-.4-.2-.6-.7-.6-.5 0-.8.1-.9.4h-1c0-.8.8-1.4 2-1.4 1.1 0 1.8.6 1.8 1.6V16h-1.1v-.6h-.1c-.2.4-.7.7-1.3.7zm4.6 0c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm-3.2 10c-.6 0-1.2-.3-1.4-.8v.7H8.5v-6.3H10v2.5c.3-.5.8-.9 1.4-.9 1.2 0 1.9 1 1.9 2.4 0 1.5-.7 2.4-1.9 2.4zm-.4-3.7c-.7 0-1 .5-1 1.3s.3 1.4 1 1.4c.6 0 1-.6 1-1.4 0-.8-.4-1.3-1-1.3zm4 3.7c-.5 0-.7-.3-.7-.7 0-.4.2-.7.7-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm-2.2 7h-1.2c0-.5-.4-.8-.9-.8-.6 0-1 .5-1 1.4 0 1 .4 1.4 1 1.4.5 0 .8-.2 1-.7h1c0 1-.8 1.7-2 1.7-1.4 0-2.2-.9-2.2-2.4s.8-2.4 2.2-2.4c1.2 0 2 .7 2 1.7zm1.8 3c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7z"/></g></svg>',"list-num-lower-greek-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M37.4 16c-1.2 0-2-.8-2-2.3 0-1.5.8-2.4 2-2.4.6 0 1 .4 1.3 1v-.9H40v3.2c0 .4.1.5.4.5h.2v.9h-.6c-.6 0-1-.2-1-.7h-.2c-.2.4-.7.8-1.3.8zm.3-1c.6 0 1-.5 1-1.3s-.4-1.3-1-1.3-1 .5-1 1.3.4 1.4 1 1.4zM33.3 16.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zM36 21.9c0-1.5.8-2.3 2.1-2.3 1.2 0 2 .6 2 1.6 0 .6-.3 1-.9 1.3.9.3 1.3.8 1.3 1.7 0 1.2-.7 1.9-1.8 1.9-.6 0-1.1-.3-1.4-.8v2.2H36V22zm1.8 1.2v-1h.3c.5 0 .9-.2.9-.7 0-.5-.3-.8-.9-.8-.5 0-.8.3-.8 1v2.2c0 .8.4 1.3 1 1.3s1-.4 1-1-.4-1-1.2-1h-.3zM33.3 26.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zM37.1 34.6L34.8 30h1.4l1.7 3.5 1.7-3.5h1.1l-2.2 4.6v.1c.5.8.7 1.4.7 1.8 0 .4-.2.8-.4 1-.2.2-.6.3-1 .3-.9 0-1.3-.4-1.3-1.2 0-.5.2-1 .5-1.7l.1-.2zm.7 1a2 2 0 00-.4.9c0 .3.1.4.4.4.3 0 .4-.1.4-.4 0-.2-.1-.6-.4-1zM33.3 36.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7z"/></g></svg>',"list-num-lower-greek":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M10.5 15c.7 0 1-.5 1-1.3s-.3-1.3-1-1.3c-.5 0-.9.5-.9 1.3s.4 1.4 1 1.4zm-.3 1c-1.1 0-1.8-.8-1.8-2.3 0-1.5.7-2.4 1.8-2.4.7 0 1.1.4 1.3 1h.1v-.9h1.2v3.2c0 .4.1.5.4.5h.2v.9h-.6c-.6 0-1-.2-1.1-.7h-.1c-.2.4-.7.8-1.4.8zm5 .1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.7-.7.5 0 .8.3.8.7 0 .4-.3.7-.8.7zm-4.9 7v-1h.3c.6 0 1-.2 1-.7 0-.5-.4-.8-1-.8-.5 0-.8.3-.8 1v2.2c0 .8.4 1.3 1.1 1.3.6 0 1-.4 1-1s-.5-1-1.3-1h-.3zM8.6 22c0-1.5.7-2.3 2-2.3 1.2 0 2 .6 2 1.6 0 .6-.3 1-.8 1.3.8.3 1.3.8 1.3 1.7 0 1.2-.8 1.9-1.9 1.9-.6 0-1.1-.3-1.3-.8v2.2H8.5V22zm6.2 4.2c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7zm-4.5 8.5L8 30h1.4l1.7 3.5 1.7-3.5h1.1l-2.2 4.6v.1c.5.8.7 1.4.7 1.8 0 .4-.1.8-.4 1-.2.2-.6.3-1 .3-.9 0-1.3-.4-1.3-1.2 0-.5.2-1 .5-1.7l.1-.2zm.7 1a2 2 0 00-.4.9c0 .3.1.4.4.4.3 0 .4-.1.4-.4 0-.2-.1-.6-.4-1zm4.5.5c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7z"/></g></svg>',"list-num-lower-roman-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M32.9 16v-1.2h-1.3V16H33zm0 10v-1.2h-1.3V26H33zm0 10v-1.2h-1.3V36H33z"/><path fill-rule="nonzero" d="M36 21h-1.5v5H36zM36 31h-1.5v5H36zM39 21h-1.5v5H39zM39 31h-1.5v5H39zM42 31h-1.5v5H42zM36 11h-1.5v5H36zM36 19h-1.5v1H36zM36 29h-1.5v1H36zM39 19h-1.5v1H39zM39 29h-1.5v1H39zM42 29h-1.5v1H42zM36 9h-1.5v1H36z"/></g></svg>',"list-num-lower-roman":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M15.1 16v-1.2h1.3V16H15zm0 10v-1.2h1.3V26H15zm0 10v-1.2h1.3V36H15z"/><path fill-rule="nonzero" d="M12 21h1.5v5H12zM12 31h1.5v5H12zM9 21h1.5v5H9zM9 31h1.5v5H9zM6 31h1.5v5H6zM12 11h1.5v5H12zM12 19h1.5v1H12zM12 29h1.5v1H12zM9 19h1.5v1H9zM9 29h1.5v1H9zM6 29h1.5v1H6zM12 9h1.5v1H12z"/></g></svg>',"list-num-upper-alpha-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M39.3 17l-.5-1.4h-2l-.5 1.4H35l2-6h1.6l2 6h-1.3zm-1.6-4.7l-.7 2.3h1.6l-.8-2.3zM33.4 17c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7zm4.7 9.9h-2.7v-6H38c1.2 0 1.9.6 1.9 1.5 0 .6-.5 1.2-1 1.3.7.1 1.3.7 1.3 1.5 0 1-.8 1.7-2 1.7zm-1.4-5v1.5h1c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7h-1zm0 4h1.1c.7 0 1.1-.3 1.1-.8 0-.6-.4-.9-1.1-.9h-1.1V26zM33 27.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm4.9 10c-1.8 0-2.8-1.1-2.8-3.1s1-3.1 2.8-3.1c1.4 0 2.5.9 2.6 2.2h-1.3c0-.7-.6-1.1-1.3-1.1-1 0-1.6.7-1.6 2s.6 2 1.6 2c.7 0 1.2-.4 1.4-1h1.2c-.1 1.3-1.2 2.2-2.6 2.2zm-4.5 0c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7z"/></g></svg>',"list-num-upper-alpha":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M12.6 17l-.5-1.4h-2L9.5 17H8.3l2-6H12l2 6h-1.3zM11 12.3l-.7 2.3h1.6l-.8-2.3zm4.7 4.8c-.4 0-.7-.3-.7-.7 0-.4.3-.7.7-.7.5 0 .7.3.7.7 0 .4-.2.7-.7.7zM11.4 27H8.7v-6h2.6c1.2 0 1.9.6 1.9 1.5 0 .6-.5 1.2-1 1.3.7.1 1.3.7 1.3 1.5 0 1-.8 1.7-2 1.7zM10 22v1.5h1c.6 0 1-.3 1-.8 0-.4-.4-.7-1-.7h-1zm0 4H11c.7 0 1.1-.3 1.1-.8 0-.6-.4-.9-1.1-.9H10V26zm5.4 1.1c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7zm-4.1 10c-1.8 0-2.8-1.1-2.8-3.1s1-3.1 2.8-3.1c1.4 0 2.5.9 2.6 2.2h-1.3c0-.7-.6-1.1-1.3-1.1-1 0-1.6.7-1.6 2s.6 2 1.6 2c.7 0 1.2-.4 1.4-1h1.2c-.1 1.3-1.2 2.2-2.6 2.2zm4.5 0c-.5 0-.8-.3-.8-.7 0-.4.3-.7.8-.7.4 0 .7.3.7.7 0 .4-.3.7-.7.7z"/></g></svg>',"list-num-upper-roman-rtl":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M8 12h22v4H8zM8 22h22v4H8zM8 32h22v4H8z"/><path d="M31.6 17v-1.2H33V17h-1.3zm0 10v-1.2H33V27h-1.3zm0 10v-1.2H33V37h-1.3z"/><path fill-rule="nonzero" d="M34.5 20H36v7h-1.5zM34.5 30H36v7h-1.5zM37.5 20H39v7h-1.5zM37.5 30H39v7h-1.5zM40.5 30H42v7h-1.5zM34.5 10H36v7h-1.5z"/></g></svg>',"list-num-upper-roman":'<svg width="48" height="48"><g fill-rule="evenodd"><path opacity=".2" d="M18 12h22v4H18zM18 22h22v4H18zM18 32h22v4H18z"/><path d="M15.1 17v-1.2h1.3V17H15zm0 10v-1.2h1.3V27H15zm0 10v-1.2h1.3V37H15z"/><path fill-rule="nonzero" d="M12 20h1.5v7H12zM12 30h1.5v7H12zM9 20h1.5v7H9zM9 30h1.5v7H9zM6 30h1.5v7H6zM12 10h1.5v7H12z"/></g></svg>',lock:'<svg width="24" height="24"><path d="M16.3 11c.2 0 .3 0 .5.2l.2.6v7.4c0 .3 0 .4-.2.6l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 01-.2-.6v-7.4c0-.3 0-.4.2-.6l.5-.2H8V8c0-.8.3-1.5.9-2.1.6-.6 1.3-.9 2.1-.9h2c.8 0 1.5.3 2.1.9.6.6.9 1.3.9 2.1v3h.3zM10 8v3h4V8a1 1 0 00-.3-.7A1 1 0 0013 7h-2a1 1 0 00-.7.3 1 1 0 00-.3.7z" fill-rule="evenodd"/></svg>',ltr:'<svg width="24" height="24"><path d="M11 5h7a1 1 0 010 2h-1v11a1 1 0 01-2 0V7h-2v11a1 1 0 01-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 017.8 10a3.3 3.3 0 010-2.8 3.4 3.4 0 011.8-1.8L11 5zM4.4 16.2L6.2 15l-1.8-1.2a1 1 0 011.2-1.6l3 2a1 1 0 010 1.6l-3 2a1 1 0 11-1.2-1.6z" fill-rule="evenodd"/></svg>',"more-drawer":'<svg width="24" height="24"><path d="M6 10a2 2 0 00-2 2c0 1.1.9 2 2 2a2 2 0 002-2 2 2 0 00-2-2zm12 0a2 2 0 00-2 2c0 1.1.9 2 2 2a2 2 0 002-2 2 2 0 00-2-2zm-6 0a2 2 0 00-2 2c0 1.1.9 2 2 2a2 2 0 002-2 2 2 0 00-2-2z" fill-rule="nonzero"/></svg>',"new-document":'<svg width="24" height="24"><path d="M14.4 3H7a2 2 0 00-2 2v14c0 1.1.9 2 2 2h10a2 2 0 002-2V7.6L14.4 3zM17 19H7V5h6v4h4v10z" fill-rule="nonzero"/></svg>',"new-tab":'<svg width="24" height="24"><path d="M15 13l2-2v8H5V7h8l-2 2H7v8h8v-4zm4-8v5.5l-2-2-5.6 5.5H10v-1.4L15.5 7l-2-2H19z" fill-rule="evenodd"/></svg>',"non-breaking":'<svg width="24" height="24"><path d="M11 11H8a1 1 0 110-2h3V6c0-.6.4-1 1-1s1 .4 1 1v3h3c.6 0 1 .4 1 1s-.4 1-1 1h-3v3c0 .6-.4 1-1 1a1 1 0 01-1-1v-3zm10 4v5H3v-5c0-.6.4-1 1-1s1 .4 1 1v3h14v-3c0-.6.4-1 1-1s1 .4 1 1z" fill-rule="evenodd"/></svg>',notice:'<svg width="24" height="24"><path d="M17.8 9.8L15.4 4 20 8.5v7L15.5 20h-7L4 15.5v-7L8.5 4h7l2.3 5.8zm0 0l2.2 5.7-2.3-5.8zM13 17v-2h-2v2h2zm0-4V7h-2v6h2z" fill-rule="evenodd"/></svg>',"ordered-list-rtl":'<svg width="24" height="24"><path d="M6 17h8a1 1 0 010 2H6a1 1 0 010-2zm0-6h8a1 1 0 010 2H6a1 1 0 010-2zm0-6h8a1 1 0 010 2H6a1 1 0 110-2zm13-1v3.5a.5.5 0 11-1 0V5h-.5a.5.5 0 110-1H19zm-1 8.8l.2.2h1.3a.5.5 0 110 1h-1.6a1 1 0 01-.9-1V13c0-.4.3-.8.6-1l1.2-.4.2-.3a.2.2 0 00-.2-.2h-1.3a.5.5 0 01-.5-.5c0-.3.2-.5.5-.5h1.6c.5 0 .9.4.9 1v.1c0 .4-.3.8-.6 1l-1.2.4-.2.3zm2 4.2v2c0 .6-.4 1-1 1h-1.5a.5.5 0 010-1h1.2a.3.3 0 100-.6h-1.3a.4.4 0 110-.8h1.3a.3.3 0 000-.6h-1.2a.5.5 0 110-1H19c.6 0 1 .4 1 1z" fill-rule="evenodd"/></svg>',"ordered-list":'<svg width="24" height="24"><path d="M10 17h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm0-6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 110-2zM6 4v3.5c0 .3-.2.5-.5.5a.5.5 0 01-.5-.5V5h-.5a.5.5 0 010-1H6zm-1 8.8l.2.2h1.3c.3 0 .5.2.5.5s-.2.5-.5.5H4.9a1 1 0 01-.9-1V13c0-.4.3-.8.6-1l1.2-.4.2-.3a.2.2 0 00-.2-.2H4.5a.5.5 0 01-.5-.5c0-.3.2-.5.5-.5h1.6c.5 0 .9.4.9 1v.1c0 .4-.3.8-.6 1l-1.2.4-.2.3zM7 17v2c0 .6-.4 1-1 1H4.5a.5.5 0 010-1h1.2c.2 0 .3-.1.3-.3 0-.2-.1-.3-.3-.3H4.4a.4.4 0 110-.8h1.3c.2 0 .3-.1.3-.3 0-.2-.1-.3-.3-.3H4.5a.5.5 0 110-1H6c.6 0 1 .4 1 1z" fill-rule="evenodd"/></svg>',orientation:'<svg width="24" height="24"><path d="M7.3 6.4L1 13l6.4 6.5 6.5-6.5-6.5-6.5zM3.7 13l3.6-3.7L11 13l-3.7 3.7-3.6-3.7zM12 6l2.8 2.7c.3.3.3.8 0 1-.3.4-.9.4-1.2 0L9.2 5.7a.8.8 0 010-1.2L13.6.2c.3-.3.9-.3 1.2 0 .3.3.3.8 0 1.1L12 4h1a9 9 0 11-4.3 16.9l1.5-1.5A7 7 0 1013 6h-1z" fill-rule="nonzero"/></svg>',outdent:'<svg width="24" height="24"><path d="M7 5h12c.6 0 1 .4 1 1s-.4 1-1 1H7a1 1 0 110-2zm5 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 010-2zm0 4h7c.6 0 1 .4 1 1s-.4 1-1 1h-7a1 1 0 010-2zm-5 4h12a1 1 0 010 2H7a1 1 0 010-2zm1.6-3.8a1 1 0 01-1.2 1.6l-3-2a1 1 0 010-1.6l3-2a1 1 0 011.2 1.6L6.8 12l1.8 1.2z" fill-rule="evenodd"/></svg>',"page-break":'<svg width="24" height="24"><g fill-rule="evenodd"><path d="M5 11c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 010-2zm3 0h1c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 010-2zm4 0c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 010-2zm3 0h1c.6 0 1 .4 1 1s-.4 1-1 1h-1a1 1 0 010-2zm4 0c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 010-2zM7 3v5h10V3c0-.6.4-1 1-1s1 .4 1 1v7H5V3c0-.6.4-1 1-1s1 .4 1 1zM6 22a1 1 0 01-1-1v-7h14v7c0 .6-.4 1-1 1a1 1 0 01-1-1v-5H7v5c0 .6-.4 1-1 1z"/></g></svg>',paragraph:'<svg width="24" height="24"><path fill-rule="evenodd" d="M10 5h7a1 1 0 010 2h-1v11a1 1 0 01-2 0V7h-2v11a1 1 0 01-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 016.8 10a3.3 3.3 0 010-2.8 3.4 3.4 0 011.8-1.8L10 5z"/></svg>',"paste-column-after":'<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 012.8 2H18c1 0 2 .8 2 1.9V7h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 01-1-1V5H6v13h7v2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0112 1zm8 7v12h-6V8h6zm-1.5 1.5h-3v9h3v-9zM12 3a1 1 0 100 2 1 1 0 000-2z"/></svg>',"paste-column-before":'<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 012.8 2H18c1 0 2 .8 2 1.9V18c0 1-.8 2-1.9 2H11v-2h7V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 01-1-1V5H6v2H4V5c0-1 .8-2 1.9-2H9.2A3 3 0 0112 1zm-2 7v12H4V8h6zM8.5 9.5h-3v9h3v-9zM12 3a1 1 0 100 2 1 1 0 000-2z"/></svg>',"paste-row-after":'<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 012.8 2H18c1 0 2 .8 2 1.9V11h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 01-1-1V5H6v13h14c0 1-.8 2-1.9 2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0112 1zm10 11v5H8v-5h14zm-1.5 1.5h-11v2h11v-2zM12 3a1 1 0 100 2 1 1 0 000-2z"/></svg>',"paste-row-before":'<svg width="24" height="24"><path fill-rule="evenodd" d="M12 1a3 3 0 012.8 2H18c1 0 2 .8 2 1.9V7h-2V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 01-1-1V5H6v13h12v-4h2v4c0 1-.8 2-1.9 2H6c-1 0-2-.8-2-1.9V5c0-1 .8-2 1.9-2H9.2A3 3 0 0112 1zm10 7v5H8V8h14zm-1.5 1.5h-11v2h11v-2zM12 3a1 1 0 100 2 1 1 0 000-2z"/></svg>',"paste-text":'<svg width="24" height="24"><path d="M18 9V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 01-1-1V5H6v13h3V9h9zM9 20H6a2 2 0 01-2-2V5c0-1.1.9-2 2-2h3.2A3 3 0 0112 1a3 3 0 012.8 2H18a2 2 0 012 2v4h1v12H9v-1zm1.5-9.5v9h9v-9h-9zM12 3a1 1 0 00-1 1c0 .5.4 1 1 1s1-.5 1-1-.4-1-1-1zm0 9h6v2h-.5l-.5-1h-1v4h.8v1h-3.6v-1h.8v-4h-1l-.5 1H12v-2z" fill-rule="nonzero"/></svg>',paste:'<svg width="24" height="24"><path d="M18 9V5h-2v1c0 .6-.4 1-1 1H9a1 1 0 01-1-1V5H6v13h3V9h9zM9 20H6a2 2 0 01-2-2V5c0-1.1.9-2 2-2h3.2A3 3 0 0112 1a3 3 0 012.8 2H18a2 2 0 012 2v4h1v12H9v-1zm1.5-9.5v9h9v-9h-9zM12 3a1 1 0 00-1 1c0 .5.4 1 1 1s1-.5 1-1-.4-1-1-1z" fill-rule="nonzero"/></svg>',"permanent-pen":'<svg width="24" height="24"><path d="M10.5 17.5L8 20H3v-3l3.5-3.5a2 2 0 010-3L14 3l1 1-7.3 7.3a1 1 0 000 1.4l3.6 3.6c.4.4 1 .4 1.4 0L20 9l1 1-7.6 7.6a2 2 0 01-2.8 0l-.1-.1z" fill-rule="nonzero"/></svg>',plus:'<svg width="24" height="24"><path d="M12 4c.5 0 1 .4 1 .9V11h6a1 1 0 01.1 2H13v6a1 1 0 01-2 .1V13H5a1 1 0 01-.1-2H11V5c0-.6.4-1 1-1z"/></svg>',preferences:'<svg width="24" height="24"><path d="M20.1 13.5l-1.9.2a5.8 5.8 0 01-.6 1.5l1.2 1.5c.4.4.3 1 0 1.4l-.7.7a1 1 0 01-1.4 0l-1.5-1.2a6.2 6.2 0 01-1.5.6l-.2 1.9c0 .5-.5.9-1 .9h-1a1 1 0 01-1-.9l-.2-1.9a5.8 5.8 0 01-1.5-.6l-1.5 1.2a1 1 0 01-1.4 0l-.7-.7a1 1 0 010-1.4l1.2-1.5a6.2 6.2 0 01-.6-1.5l-1.9-.2a1 1 0 01-.9-1v-1c0-.5.4-1 .9-1l1.9-.2a5.8 5.8 0 01.6-1.5L5.2 7.3a1 1 0 010-1.4l.7-.7a1 1 0 011.4 0l1.5 1.2a6.2 6.2 0 011.5-.6l.2-1.9c0-.5.5-.9 1-.9h1c.5 0 1 .4 1 .9l.2 1.9a5.8 5.8 0 011.5.6l1.5-1.2a1 1 0 011.4 0l.7.7c.3.4.4 1 0 1.4l-1.2 1.5a6.2 6.2 0 01.6 1.5l1.9.2c.5 0 .9.5.9 1v1c0 .5-.4 1-.9 1zM12 15a3 3 0 100-6 3 3 0 000 6z" fill-rule="evenodd"/></svg>',preview:'<svg width="24" height="24"><path d="M3.5 12.5c.5.8 1.1 1.6 1.8 2.3 2 2 4.2 3.2 6.7 3.2s4.7-1.2 6.7-3.2a16.2 16.2 0 002.1-2.8 15.7 15.7 0 00-2.1-2.8c-2-2-4.2-3.2-6.7-3.2a9.3 9.3 0 00-6.7 3.2A16.2 16.2 0 003.2 12c0 .2.2.3.3.5zm-2.4-1l.7-1.2L4 7.8C6.2 5.4 8.9 4 12 4c3 0 5.8 1.4 8.1 3.8a18.2 18.2 0 012.8 3.7v1l-.7 1.2-2.1 2.5c-2.3 2.4-5 3.8-8.1 3.8-3 0-5.8-1.4-8.1-3.8a18.2 18.2 0 01-2.8-3.7 1 1 0 010-1zm12-3.3a2 2 0 102.7 2.6 4 4 0 11-2.6-2.6z" fill-rule="nonzero"/></svg>',print:'<svg width="24" height="24"><path d="M18 8H6a3 3 0 00-3 3v6h2v3h14v-3h2v-6a3 3 0 00-3-3zm-1 10H7v-4h10v4zm.5-5c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5 1.5.7 1.5 1.5-.7 1.5-1.5 1.5zm.5-8H6v2h12V5z" fill-rule="nonzero"/></svg>',quote:'<svg width="24" height="24"><path d="M7.5 17h.9c.4 0 .7-.2.9-.6L11 13V8c0-.6-.4-1-1-1H6a1 1 0 00-1 1v4c0 .6.4 1 1 1h2l-1.3 2.7a1 1 0 00.8 1.3zm8 0h.9c.4 0 .7-.2.9-.6L19 13V8c0-.6-.4-1-1-1h-4a1 1 0 00-1 1v4c0 .6.4 1 1 1h2l-1.3 2.7a1 1 0 00.8 1.3z" fill-rule="nonzero"/></svg>',redo:'<svg width="24" height="24"><path d="M17.6 10H12c-2.8 0-4.4 1.4-4.9 3.5-.4 2 .3 4 1.4 4.6a1 1 0 11-1 1.8c-2-1.2-2.9-4.1-2.3-6.8.6-3 3-5.1 6.8-5.1h5.6l-3.3-3.3a1 1 0 111.4-1.4l5 5a1 1 0 010 1.4l-5 5a1 1 0 01-1.4-1.4l3.3-3.3z" fill-rule="nonzero"/></svg>',reload:'<svg width="24" height="24"><g fill-rule="nonzero"><path d="M5 22.1l-1.2-4.7v-.2a1 1 0 011-1l5 .4a1 1 0 11-.2 2l-2.2-.2a7.8 7.8 0 008.4.2 7.5 7.5 0 003.5-6.4 1 1 0 112 0 9.5 9.5 0 01-4.5 8 9.9 9.9 0 01-10.2 0l.4 1.4a1 1 0 11-2 .5zM13.6 7.4c0-.5.5-1 1-.9l2.8.2a8 8 0 00-9.5-1 7.5 7.5 0 00-3.6 7 1 1 0 01-2 0 9.5 9.5 0 014.5-8.6 10 10 0 0110.9.3l-.3-1a1 1 0 012-.5l1.1 4.8a1 1 0 01-1 1.2l-5-.4a1 1 0 01-.9-1z"/></g></svg>',"remove-formatting":'<svg width="24" height="24"><path d="M13.2 6a1 1 0 010 .2l-2.6 10a1 1 0 01-1 .8h-.2a.8.8 0 01-.8-1l2.6-10H8a1 1 0 110-2h9a1 1 0 010 2h-3.8zM5 18h7a1 1 0 010 2H5a1 1 0 010-2zm13 1.5L16.5 18 15 19.5a.7.7 0 01-1-1l1.5-1.5-1.5-1.5a.7.7 0 011-1l1.5 1.5 1.5-1.5a.7.7 0 011 1L17.5 17l1.5 1.5a.7.7 0 01-1 1z" fill-rule="evenodd"/></svg>',remove:'<svg width="24" height="24"><path d="M16 7h3a1 1 0 010 2h-1v9a3 3 0 01-3 3H9a3 3 0 01-3-3V9H5a1 1 0 110-2h3V6a3 3 0 013-3h2a3 3 0 013 3v1zm-2 0V6c0-.6-.4-1-1-1h-2a1 1 0 00-1 1v1h4zm2 2H8v9c0 .6.4 1 1 1h6c.6 0 1-.4 1-1V9zm-7 3a1 1 0 012 0v4a1 1 0 01-2 0v-4zm4 0a1 1 0 012 0v4a1 1 0 01-2 0v-4z" fill-rule="nonzero"/></svg>',"resize-handle":'<svg width="10" height="10"><g fill-rule="nonzero"><path d="M8.1 1.1A.5.5 0 119 2l-7 7A.5.5 0 111 8l7-7zM8.1 5.1A.5.5 0 119 6l-3 3A.5.5 0 115 8l3-3z"/></g></svg>',resize:'<svg width="24" height="24"><path d="M4 5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h6c.3 0 .5.1.7.3.2.2.3.4.3.7 0 .3-.1.5-.3.7a1 1 0 01-.7.3H7.4L18 16.6V13c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3.3 0 .5.1.7.3.2.2.3.4.3.7v6c0 .3-.1.5-.3.7a1 1 0 01-.7.3h-6a1 1 0 01-.7-.3 1 1 0 01-.3-.7c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h3.6L6 7.4V11c0 .3-.1.5-.3.7a1 1 0 01-.7.3 1 1 0 01-.7-.3A1 1 0 014 11V5z" fill-rule="evenodd"/></svg>',"restore-draft":'<svg width="24" height="24"><g fill-rule="evenodd"><path d="M17 13c0 .6-.4 1-1 1h-4V8c0-.6.4-1 1-1s1 .4 1 1v4h2c.6 0 1 .4 1 1z"/><path d="M4.7 10H9a1 1 0 010 2H3a1 1 0 01-1-1V5a1 1 0 112 0v3l2.5-2.4a9.2 9.2 0 0110.8-1.5A9 9 0 0113.4 21c-2.4.1-4.7-.7-6.5-2.2a1 1 0 111.3-1.5 7.2 7.2 0 0011.6-3.7 7 7 0 00-3.5-7.7A7.2 7.2 0 008 7L4.7 10z" fill-rule="nonzero"/></g></svg>',"rotate-left":'<svg width="24" height="24"><path d="M4.7 10H9a1 1 0 010 2H3a1 1 0 01-1-1V5a1 1 0 112 0v3l2.5-2.4a9.2 9.2 0 0110.8-1.5A9 9 0 0113.4 21c-2.4.1-4.7-.7-6.5-2.2a1 1 0 111.3-1.5 7.2 7.2 0 0011.6-3.7 7 7 0 00-3.5-7.7A7.2 7.2 0 008 7L4.7 10z" fill-rule="nonzero"/></svg>',"rotate-right":'<svg width="24" height="24"><path d="M20 8V5a1 1 0 012 0v6c0 .6-.4 1-1 1h-6a1 1 0 010-2h4.3L16 7A7.2 7.2 0 007.7 6a7 7 0 003 13.1c1.9.1 3.7-.5 5-1.7a1 1 0 011.4 1.5A9.2 9.2 0 012.2 14c-.9-3.9 1-8 4.5-9.9 3.5-1.9 8-1.3 10.8 1.5L20 8z" fill-rule="nonzero"/></svg>',rtl:'<svg width="24" height="24"><path d="M8 5h8v2h-2v12h-2V7h-2v12H8v-7c-.5 0-1 0-1.4-.3A3.4 3.4 0 014.8 10a3.3 3.3 0 010-2.8 3.4 3.4 0 011.8-1.8L8 5zm12 11.2a1 1 0 11-1 1.6l-3-2a1 1 0 010-1.6l3-2a1 1 0 111 1.6L18.4 15l1.8 1.2z" fill-rule="evenodd"/></svg>',save:'<svg width="24" height="24"><path d="M5 16h14a2 2 0 012 2v2a2 2 0 01-2 2H5a2 2 0 01-2-2v-2c0-1.1.9-2 2-2zm0 2v2h14v-2H5zm10 0h2v2h-2v-2zm-4-6.4L8.7 9.3a1 1 0 10-1.4 1.4l4 4c.4.4 1 .4 1.4 0l4-4a1 1 0 10-1.4-1.4L13 11.6V4a1 1 0 00-2 0v7.6z" fill-rule="nonzero"/></svg>',search:'<svg width="24" height="24"><path d="M16 17.3a8 8 0 111.4-1.4l4.3 4.4a1 1 0 01-1.4 1.4l-4.4-4.3zm-5-.3a6 6 0 100-12 6 6 0 000 12z" fill-rule="nonzero"/></svg>',"select-all":'<svg width="24" height="24"><path d="M3 5h2V3a2 2 0 00-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2a2 2 0 00-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm-2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8a2 2 0 002-2h-2v2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2zM7 17h10V7H7v10zm2-8h6v6H9V9z" fill-rule="nonzero"/></svg>',selected:'<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6c0-1.1.9-2 2-2zm3.6 10.9L7 12.3a.7.7 0 00-1 1L9.6 17 18 8.6a.7.7 0 000-1 .7.7 0 00-1 0l-7.4 7.3z"/></svg>',settings:'<svg width="24" height="24"><path d="M11 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8v.3c0 .2 0 .3-.2.5l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 01-.2-.6V8H5a1 1 0 110-2h2v-.3c0-.2 0-.3.2-.5l.5-.2h2.5c.3 0 .4 0 .6.2l.2.5V6zM8 8h2V6H8v2zm9 2.8v.2h2c.6 0 1 .4 1 1s-.4 1-1 1h-2v.3c0 .2 0 .3-.2.5l-.6.2h-2.4c-.3 0-.4 0-.6-.2a.7.7 0 01-.2-.6V13H5a1 1 0 010-2h8v-.3c0-.2 0-.3.2-.5l.6-.2h2.4c.3 0 .4 0 .6.2l.2.6zM14 13h2v-2h-2v2zm-3 2.8v.2h8c.6 0 1 .4 1 1s-.4 1-1 1h-8v.3c0 .2 0 .3-.2.5l-.6.2H7.8c-.3 0-.4 0-.6-.2a.7.7 0 01-.2-.6V18H5a1 1 0 010-2h2v-.3c0-.2 0-.3.2-.5l.5-.2h2.5c.3 0 .4 0 .6.2l.2.6zM8 18h2v-2H8v2z" fill-rule="evenodd"/></svg>',sharpen:'<svg width="24" height="24"><path d="M16 6l4 4-8 9-8-9 4-4h8zm-4 10.2l5.5-6.2-.1-.1H12v-.3h5.1l-.2-.2H12V9h4.6l-.2-.2H12v-.3h4.1l-.2-.2H12V8h3.6l-.2-.2H8.7L6.5 10l.1.1H12v.3H6.9l.2.2H12v.3H7.3l.2.2H12v.3H7.7l.3.2h4v.3H8.2l.2.2H12v.3H8.6l.3.2H12v.3H9l.3.2H12v.3H9.5l.2.2H12v.3h-2l.2.2H12v.3h-1.6l.2.2H12v.3h-1.1l.2.2h.9v.3h-.7l.2.2h.5v.3h-.3l.3.2z" fill-rule="evenodd"/></svg>',sourcecode:'<svg width="24" height="24"><g fill-rule="nonzero"><path d="M9.8 15.7c.3.3.3.8 0 1-.3.4-.9.4-1.2 0l-4.4-4.1a.8.8 0 010-1.2l4.4-4.2c.3-.3.9-.3 1.2 0 .3.3.3.8 0 1.1L6 12l3.8 3.7zM14.2 15.7c-.3.3-.3.8 0 1 .4.4.9.4 1.2 0l4.4-4.1c.3-.3.3-.9 0-1.2l-4.4-4.2a.8.8 0 00-1.2 0c-.3.3-.3.8 0 1.1L18 12l-3.8 3.7z"/></g></svg>',"spell-check":'<svg width="24" height="24"><path d="M6 8v3H5V5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h2c.3 0 .5.1.7.3.2.2.3.4.3.7v6H8V8H6zm0-3v2h2V5H6zm13 0h-3v5h3v1h-3a1 1 0 01-.7-.3 1 1 0 01-.3-.7V5c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3h3v1zm-5 1.5l-.1.7c-.1.2-.3.3-.6.3.3 0 .5.1.6.3l.1.7V10c0 .3-.1.5-.3.7a1 1 0 01-.7.3h-3V4h3c.3 0 .5.1.7.3.2.2.3.4.3.7v1.5zM13 10V8h-2v2h2zm0-3V5h-2v2h2zm3 5l1 1-6.5 7L7 15.5l1.3-1 2.2 2.2L16 12z" fill-rule="evenodd"/></svg>',"strike-through":'<svg width="24" height="24"><g fill-rule="evenodd"><path d="M15.6 8.5c-.5-.7-1-1.1-1.3-1.3-.6-.4-1.3-.6-2-.6-2.7 0-2.8 1.7-2.8 2.1 0 1.6 1.8 2 3.2 2.3 4.4.9 4.6 2.8 4.6 3.9 0 1.4-.7 4.1-5 4.1A6.2 6.2 0 017 16.4l1.5-1.1c.4.6 1.6 2 3.7 2 1.6 0 2.5-.4 3-1.2.4-.8.3-2-.8-2.6-.7-.4-1.6-.7-2.9-1-1-.2-3.9-.8-3.9-3.6C7.6 6 10.3 5 12.4 5c2.9 0 4.2 1.6 4.7 2.4l-1.5 1.1z"/><path d="M5 11h14a1 1 0 010 2H5a1 1 0 010-2z" fill-rule="nonzero"/></g></svg>',subscript:'<svg width="24" height="24"><path d="M10.4 10l4.6 4.6-1.4 1.4L9 11.4 4.4 16 3 14.6 7.6 10 3 5.4 4.4 4 9 8.6 13.6 4 15 5.4 10.4 10zM21 19h-5v-1l1-.8 1.7-1.6c.3-.4.5-.8.5-1.2 0-.3 0-.6-.2-.7-.2-.2-.5-.3-.9-.3a2 2 0 00-.8.2l-.7.3-.4-1.1 1-.6 1.2-.2c.8 0 1.4.3 1.8.7.4.4.6.9.6 1.5s-.2 1.1-.5 1.6a8 8 0 01-1.3 1.3l-.6.6h2.6V19z" fill-rule="nonzero"/></svg>',superscript:'<svg width="24" height="24"><path d="M15 9.4L10.4 14l4.6 4.6-1.4 1.4L9 15.4 4.4 20 3 18.6 7.6 14 3 9.4 4.4 8 9 12.6 13.6 8 15 9.4zm5.9 1.6h-5v-1l1-.8 1.7-1.6c.3-.5.5-.9.5-1.3 0-.3 0-.5-.2-.7-.2-.2-.5-.3-.9-.3l-.8.2-.7.4-.4-1.2c.2-.2.5-.4 1-.5.3-.2.8-.2 1.2-.2.8 0 1.4.2 1.8.6.4.4.6 1 .6 1.6 0 .5-.2 1-.5 1.5l-1.3 1.4-.6.5h2.6V11z" fill-rule="nonzero"/></svg>',"table-cell-properties":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zm-8 9H5v5h6v-5zm8 0h-6v5h6v-5zm-8-7H5v5h6V6z"/></svg>',"table-cell-select-all":'<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zm0 2H5v12h14V6z"/><path d="M13 6v5h6v2h-6v5h-2v-5H5v-2h6V6h2z" opacity=".2"/></g></svg>',"table-cell-select-inner":'<svg width="24" height="24"><g fill-rule="evenodd"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zm0 2H5v12h14V6z" opacity=".2"/><path d="M13 6v5h6v2h-6v5h-2v-5H5v-2h6V6h2z"/></g></svg>',"table-delete-column":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zm-4 4h-2V6h-2v2H9V6H5v12h4v-2h2v2h2v-2h2v2h4V6h-4v2zm.3.5l1 1.2-3 2.3 3 2.3-1 1.2L12 13l-3.3 2.6-1-1.2 3-2.3-3-2.3 1-1.2L12 11l3.3-2.5z"/></svg>',"table-delete-row":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zm0 2H5v3h2.5v2H5v2h2.5v2H5v3h14v-3h-2.5v-2H19v-2h-2.5V9H19V6zm-4.7 1.8l1.2 1L13 12l2.6 3.3-1.2 1-2.3-3-2.3 3-1.2-1L11 12 8.5 8.7l1.2-1 2.3 3 2.3-3z"/></svg>',"table-delete-table":'<svg width="24" height="24"><g fill-rule="nonzero"><path d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zM5 6v12h14V6H5z"/><path d="M14.4 8.6l1 1-2.3 2.4 2.3 2.4-1 1-2.4-2.3-2.4 2.3-1-1 2.3-2.4-2.3-2.4 1-1 2.4 2.3z"/></g></svg>',"table-insert-column-after":'<svg width="24" height="24"><path fill-rule="nonzero" d="M20 4c.6 0 1 .4 1 1v2a1 1 0 01-2 0V6h-8v12h8v-1a1 1 0 012 0v2c0 .5-.4 1-.9 1H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h15zM9 13H5v5h4v-5zm7-5c.5 0 1 .4 1 .9V11h2a1 1 0 01.1 2H17v2a1 1 0 01-2 .1V13h-2a1 1 0 01-.1-2H15V9c0-.6.4-1 1-1zM9 6H5v5h4V6z"/></svg>',"table-insert-column-before":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H4a1 1 0 01-1-1v-2a1 1 0 012 0v1h8V6H5v1a1 1 0 11-2 0V5c0-.6.4-1 1-1h15zm0 9h-4v5h4v-5zM8 8c.5 0 1 .4 1 .9V11h2a1 1 0 01.1 2H9v2a1 1 0 01-2 .1V13H5a1 1 0 01-.1-2H7V9c0-.6.4-1 1-1zm11-2h-4v5h4V6z"/></svg>',"table-insert-row-above":'<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4a1 1 0 110 2H5v6h14V6h-1a1 1 0 010-2h2c.6 0 1 .4 1 1v13a2 2 0 01-2 2H5a2 2 0 01-2-2V5c0-.6.4-1 1-1h2zm5 10H5v4h6v-4zm8 0h-6v4h6v-4zM12 3c.5 0 1 .4 1 .9V6h2a1 1 0 010 2h-2v2a1 1 0 01-2 .1V8H9a1 1 0 010-2h2V4c0-.6.4-1 1-1z"/></svg>',"table-insert-row-after":'<svg width="24" height="24"><path fill-rule="nonzero" d="M12 13c.5 0 1 .4 1 .9V16h2a1 1 0 01.1 2H13v2a1 1 0 01-2 .1V18H9a1 1 0 01-.1-2H11v-2c0-.6.4-1 1-1zm6 7a1 1 0 010-2h1v-6H5v6h1a1 1 0 010 2H4a1 1 0 01-1-1V6c0-1.1.9-2 2-2h14a2 2 0 012 2v13c0 .5-.4 1-.9 1H18zM11 6H5v4h6V6zm8 0h-6v4h6V6z"/></svg>',"table-left-header":'<svg width="24" height="24"><path d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zm0 9h-4v5h4v-5zm-6 0H9v5h4v-5zm0-7H9v5h4V6zm6 0h-4v5h4V6z"/></svg>',"table-merge-cells":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zM5 15.5V18h3v-2.5H5zm14-5h-9V18h9v-7.5zM19 6h-4v2.5h4V6zM8 6H5v2.5h3V6zm5 0h-3v2.5h3V6zm-8 7.5h3v-3H5v3z"/></svg>',"table-row-properties":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zM5 15v3h6v-3H5zm14 0h-6v3h6v-3zm0-9h-6v3h6V6zM5 9h6V6H5v3z"/></svg>',"table-split-cells":'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zM8 15.5H5V18h3v-2.5zm11-5h-9V18h9v-7.5zm-2.5 1l1 1-2 2 2 2-1 1-2-2-2 2-1-1 2-2-2-2 1-1 2 2 2-2zm-8.5-1H5v3h3v-3zM19 6h-4v2.5h4V6zM8 6H5v2.5h3V6zm5 0h-3v2.5h3V6z"/></svg>',"table-top-header":'<svg width="24" height="24"><path d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zm-8 11H5v3h6v-3zm8 0h-6v3h6v-3zm0-5h-6v3h6v-3zM5 13h6v-3H5v3z"/></svg>',table:'<svg width="24" height="24"><path fill-rule="nonzero" d="M19 4a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6c0-1.1.9-2 2-2h14zM5 14v4h6v-4H5zm14 0h-6v4h6v-4zm0-6h-6v4h6V8zM5 12h6V8H5v4z"/></svg>',template:'<svg width="24" height="24"><path d="M19 19v-1H5v1h14zM9 16v-4a5 5 0 116 0v4h4a2 2 0 012 2v3H3v-3c0-1.1.9-2 2-2h4zm4 0v-5l.8-.6a3 3 0 10-3.6 0l.8.6v5h2z" fill-rule="nonzero"/></svg>',"temporary-placeholder":'<svg width="24" height="24"><g fill-rule="evenodd"><path d="M9 7.6V6h2.5V4.5a.5.5 0 111 0V6H15v1.6a8 8 0 11-6 0zm-2.6 5.3a.5.5 0 00.3.6c.3 0 .6 0 .6-.3l.1-.2a5 5 0 013.3-2.8c.3-.1.4-.4.4-.6-.1-.3-.4-.5-.6-.4a6 6 0 00-4.1 3.7z"/><circle cx="14" cy="4" r="1"/><circle cx="12" cy="2" r="1"/><circle cx="10" cy="4" r="1"/></g></svg>',"text-color":'<svg width="24" height="24"><g fill-rule="evenodd"><path id="tox-icon-text-color__color" d="M3 18h18v3H3z"/><path d="M8.7 16h-.8a.5.5 0 01-.5-.6l2.7-9c.1-.3.3-.4.5-.4h2.8c.2 0 .4.1.5.4l2.7 9a.5.5 0 01-.5.6h-.8a.5.5 0 01-.4-.4l-.7-2.2c0-.3-.3-.4-.5-.4h-3.4c-.2 0-.4.1-.5.4l-.7 2.2c0 .3-.2.4-.4.4zm2.6-7.6l-.6 2a.5.5 0 00.5.6h1.6a.5.5 0 00.5-.6l-.6-2c0-.3-.3-.4-.5-.4h-.4c-.2 0-.4.1-.5.4z"/></g></svg>',toc:'<svg width="24" height="24"><path d="M5 5c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 110-2zm3 0h11c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 110-2zm-3 8c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 010-2zm3 0h11c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 010-2zm0-4c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 110-2zm3 0h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm-3 8c.6 0 1 .4 1 1s-.4 1-1 1a1 1 0 010-2zm3 0h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2z" fill-rule="evenodd"/></svg>',translate:'<svg width="24" height="24"><path d="M12.7 14.3l-.3.7-.4.7-2.2-2.2-3.1 3c-.3.4-.8.4-1 0a.7.7 0 010-1l3.1-3A12.4 12.4 0 016.7 9H8a10.1 10.1 0 001.7 2.4c.5-.5 1-1.1 1.4-1.8l.9-2H4.7a.7.7 0 110-1.5h4.4v-.7c0-.4.3-.8.7-.8.4 0 .7.4.7.8v.7H15c.4 0 .8.3.8.7 0 .4-.4.8-.8.8h-1.4a12.3 12.3 0 01-1 2.4 13.5 13.5 0 01-1.7 2.3l1.9 1.8zm4.3-3l2.7 7.3a.5.5 0 01-.4.7 1 1 0 01-1-.7l-.6-1.5h-3.4l-.6 1.5a1 1 0 01-1 .7.5.5 0 01-.4-.7l2.7-7.4a1 1 0 012 0zm-2.2 4.4h2.4L16 12.5l-1.2 3.2z" fill-rule="evenodd"/></svg>',underline:'<svg width="24" height="24"><path d="M16 5c.6 0 1 .4 1 1v5.5a4 4 0 01-.4 1.8l-1 1.4a5.3 5.3 0 01-5.5 1 5 5 0 01-1.6-1c-.5-.4-.8-.9-1.1-1.4a4 4 0 01-.4-1.8V6c0-.6.4-1 1-1s1 .4 1 1v5.5c0 .3 0 .6.2 1l.6.7a3.3 3.3 0 002.2.8 3.4 3.4 0 002.2-.8c.3-.2.4-.5.6-.8l.2-.9V6c0-.6.4-1 1-1zM8 17h8c.6 0 1 .4 1 1s-.4 1-1 1H8a1 1 0 010-2z" fill-rule="evenodd"/></svg>',undo:'<svg width="24" height="24"><path d="M6.4 8H12c3.7 0 6.2 2 6.8 5.1.6 2.7-.4 5.6-2.3 6.8a1 1 0 01-1-1.8c1.1-.6 1.8-2.7 1.4-4.6-.5-2.1-2.1-3.5-4.9-3.5H6.4l3.3 3.3a1 1 0 11-1.4 1.4l-5-5a1 1 0 010-1.4l5-5a1 1 0 011.4 1.4L6.4 8z" fill-rule="nonzero"/></svg>',unlink:'<svg width="24" height="24"><path d="M6.2 12.3a1 1 0 011.4 1.4l-2 2a2 2 0 102.6 2.8l4.8-4.8a1 1 0 000-1.4 1 1 0 111.4-1.3 2.9 2.9 0 010 4L9.6 20a3.9 3.9 0 01-5.5-5.5l2-2zm11.6-.6a1 1 0 01-1.4-1.4l2.1-2a2 2 0 10-2.7-2.8L11 10.3a1 1 0 000 1.4A1 1 0 119.6 13a2.9 2.9 0 010-4L14.4 4a3.9 3.9 0 015.5 5.5l-2 2zM7.6 6.3a.8.8 0 01-1 1.1L3.3 4.2a.7.7 0 111-1l3.2 3.1zM5.1 8.6a.8.8 0 010 1.5H3a.8.8 0 010-1.5H5zm5-3.5a.8.8 0 01-1.5 0V3a.8.8 0 011.5 0V5zm6 11.8a.8.8 0 011-1l3.2 3.2a.8.8 0 01-1 1L16 17zm-2.2 2a.8.8 0 011.5 0V21a.8.8 0 01-1.5 0V19zm5-3.5a.7.7 0 110-1.5H21a.8.8 0 010 1.5H19z" fill-rule="nonzero"/></svg>',unlock:'<svg width="24" height="24"><path d="M16 5c.8 0 1.5.3 2.1.9.6.6.9 1.3.9 2.1v3h-2V8a1 1 0 00-.3-.7A1 1 0 0016 7h-2a1 1 0 00-.7.3 1 1 0 00-.3.7v3h.3c.2 0 .3 0 .5.2l.2.6v7.4c0 .3 0 .4-.2.6l-.6.2H4.8c-.3 0-.4 0-.6-.2a.7.7 0 01-.2-.6v-7.4c0-.3 0-.4.2-.6l.5-.2H11V8c0-.8.3-1.5.9-2.1.6-.6 1.3-.9 2.1-.9h2z" fill-rule="evenodd"/></svg>',"unordered-list":'<svg width="24" height="24"><path d="M11 5h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm0 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zm0 6h8c.6 0 1 .4 1 1s-.4 1-1 1h-8a1 1 0 010-2zM4.5 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1zm0 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1zm0 6c0-.4.1-.8.4-1 .3-.4.7-.5 1.1-.5.4 0 .8.1 1 .4.4.3.5.7.5 1.1 0 .4-.1.8-.4 1-.3.4-.7.5-1.1.5-.4 0-.8-.1-1-.4-.4-.3-.5-.7-.5-1.1z" fill-rule="evenodd"/></svg>',unselected:'<svg width="24" height="24"><path fill-rule="nonzero" d="M6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6c0-1.1.9-2 2-2zm0 1a1 1 0 00-1 1v12c0 .6.4 1 1 1h12c.6 0 1-.4 1-1V6c0-.6-.4-1-1-1H6z"/></svg>',upload:'<svg width="24" height="24"><path d="M18 19v-2a1 1 0 012 0v3c0 .6-.4 1-1 1H5a1 1 0 01-1-1v-3a1 1 0 012 0v2h12zM11 6.4L8.7 8.7a1 1 0 01-1.4-1.4l4-4a1 1 0 011.4 0l4 4a1 1 0 11-1.4 1.4L13 6.4V16a1 1 0 01-2 0V6.4z" fill-rule="nonzero"/></svg>',user:'<svg width="24" height="24"><path d="M12 24a12 12 0 110-24 12 12 0 010 24zm-8.7-5.3a11 11 0 0017.4 0C19.4 16.3 14.6 15 12 15c-2.6 0-7.4 1.3-8.7 3.7zM12 13c2.2 0 4-2 4-4.5S14.2 4 12 4 8 6 8 8.5 9.8 13 12 13z" fill-rule="nonzero"/></svg>',visualblocks:'<svg width="24" height="24"><path d="M9 19v2H7v-2h2zm-4 0v2a2 2 0 01-2-2h2zm8 0v2h-2v-2h2zm8 0a2 2 0 01-2 2v-2h2zm-4 0v2h-2v-2h2zM15 7a1 1 0 010 2v7a1 1 0 01-2 0V9h-1v7a1 1 0 01-2 0v-4a2.5 2.5 0 01-.2-5H15zM5 15v2H3v-2h2zm16 0v2h-2v-2h2zM5 11v2H3v-2h2zm16 0v2h-2v-2h2zM5 7v2H3V7h2zm16 0v2h-2V7h2zM5 3v2H3c0-1.1.9-2 2-2zm8 0v2h-2V3h2zm6 0a2 2 0 012 2h-2V3zM9 3v2H7V3h2zm8 0v2h-2V3h2z" fill-rule="evenodd"/></svg>',visualchars:'<svg width="24" height="24"><path d="M10 5h7a1 1 0 010 2h-1v11a1 1 0 01-2 0V7h-2v11a1 1 0 01-2 0v-6c-.5 0-1 0-1.4-.3A3.4 3.4 0 016.8 10a3.3 3.3 0 010-2.8 3.4 3.4 0 011.8-1.8L10 5z" fill-rule="evenodd"/></svg>',warning:'<svg width="24" height="24"><path d="M19.8 18.3c.2.5.3.9 0 1.2-.1.3-.5.5-1 .5H5.2c-.5 0-.9-.2-1-.5-.3-.3-.2-.7 0-1.2L11 4.7l.5-.5.5-.2c.2 0 .3 0 .5.2.2 0 .3.3.5.5l6.8 13.6zM12 18c.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7a1 1 0 00-.3-.7 1 1 0 00-.7-.3 1 1 0 00-.7.3 1 1 0 00-.3.7c0 .3.1.5.3.7.2.2.4.3.7.3zm.7-3l.3-4a1 1 0 00-.3-.7 1 1 0 00-.7-.3 1 1 0 00-.7.3 1 1 0 00-.3.7l.3 4h1.4z" fill-rule="evenodd"/></svg>',"zoom-in":'<svg width="24" height="24"><path d="M16 17.3a8 8 0 111.4-1.4l4.3 4.4a1 1 0 01-1.4 1.4l-4.4-4.3zm-5-.3a6 6 0 100-12 6 6 0 000 12zm-1-9a1 1 0 012 0v6a1 1 0 01-2 0V8zm-2 4a1 1 0 010-2h6a1 1 0 010 2H8z" fill-rule="nonzero"/></svg>',"zoom-out":'<svg width="24" height="24"><path d="M16 17.3a8 8 0 111.4-1.4l4.3 4.4a1 1 0 01-1.4 1.4l-4.4-4.3zm-5-.3a6 6 0 100-12 6 6 0 000 12zm-3-5a1 1 0 010-2h6a1 1 0 010 2H8z" fill-rule="nonzero"/></svg>'}});
\ No newline at end of file
diff --git a/src/assets/tinymce/jquery.tinymce.min.js b/src/assets/tinymce/jquery.tinymce.min.js
new file mode 100644
index 00000000..4dbd28d8
--- /dev/null
+++ b/src/assets/tinymce/jquery.tinymce.min.js
@@ -0,0 +1,92 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+/**
+ * Jquery integration plugin.
+ *
+ * @class tinymce.core.JqueryIntegration
+ * @private
+ */
+!function(){var f,c,u,s=[],p="undefined"!=typeof global?global:window,d=p.jQuery,v=function(){
+// Reference to tinymce needs to be lazily evaluated since tinymce
+// might be loaded through the compressor or other means
+return p.tinymce};d.fn.tinymce=function(o){var e,t,i,l=this,r="";
+// No match then just ignore the call
+if(!l.length)return l;
+// Get editor instance
+if(!o)return v()?v().get(l[0].id):null;l.css("visibility","hidden");// Hide textarea to avoid flicker
+var n,a=function(){var a=[],c=0;
+// Apply patches to the jQuery object, only once
+u||(m(),u=!0),
+// Create an editor instance for each matched node
+l.each(function(e,t){var n,i=t.id,r=o.oninit;
+// Generate unique id for target element if needed
+i||(t.id=i=v().DOM.uniqueId()),
+// Only init the editor once
+v().get(i)||(
+// Create editor instance and render it
+n=v().createEditor(i,o),a.push(n),n.on("init",function(){var e,t=r;l.css("visibility",""),
+// Run this if the oninit setting is defined
+// this logic will fire the oninit callback ones each
+// matched editor instance is initialized
+r&&++c==a.length&&("string"==typeof t&&(e=-1===t.indexOf(".")?null:v().resolve(t.replace(/\.\w+$/,"")),t=v().resolve(t)),
+// Call the oninit function with the object
+t.apply(e||v(),a))}))}),
+// Render the editor instances in a separate loop since we
+// need to have the full editors array used in the onInit calls
+d.each(a,function(e,t){t.render()})};
+// Load TinyMCE on demand, if we need to
+return p.tinymce||c||!(e=o.script_url)?
+// Delay the init call until tinymce is loaded
+1===c?s.push(a):a():(c=1,t=e.substring(0,e.lastIndexOf("/")),
+// Check if it's a dev/src version they want to load then
+// make sure that all plugins, themes etc are loaded in source modal as well
+-1!=e.indexOf(".min")&&(r=".min"),
+// Setup tinyMCEPreInit object this will later be used by the TinyMCE
+// core script to locate other resources like CSS files, dialogs etc
+// You can also predefined a tinyMCEPreInit object and then it will use that instead
+p.tinymce=p.tinyMCEPreInit||{base:t,suffix:r},
+// url contains gzip then we assume it's a compressor
+-1!=e.indexOf("gzip")&&(i=o.language||"en",e=e+(/\?/.test(e)?"&":"?")+"js=true&core=true&suffix="+escape(r)+"&themes="+escape(o.theme||"modern")+"&plugins="+escape(o.plugins||"")+"&languages="+(i||""),
+// Check if compressor script is already loaded otherwise setup a basic one
+p.tinyMCE_GZ||(p.tinyMCE_GZ={start:function(){var n=function(e){v().ScriptLoader.markDone(v().baseURI.toAbsolute(e))};
+// Add core languages
+n("langs/"+i+".js"),
+// Add themes with languages
+n("themes/"+o.theme+"/theme"+r+".js"),n("themes/"+o.theme+"/langs/"+i+".js"),
+// Add plugins with languages
+d.each(o.plugins.split(","),function(e,t){t&&(n("plugins/"+t+"/plugin"+r+".js"),n("plugins/"+t+"/langs/"+i+".js"))})},end:function(){}})),(n=document.createElement("script")).type="text/javascript",n.onload=n.onreadystatechange=function(e){e=e||window.event,2===c||"load"!=e.type&&!/complete|loaded/.test(n.readyState)||(v().dom.Event.domLoaded=1,c=2,
+// Execute callback after mainscript has been loaded and before the initialization occurs
+o.script_loaded&&o.script_loaded(),a(),d.each(s,function(e,t){t()}))},n.src=e,document.body.appendChild(n)),l},
+// Add :tinymce pseudo selector this will select elements that has been converted into editor instances
+// it's now possible to use things like $('*:tinymce') to get all TinyMCE bound elements.
+d.extend(d.expr[":"],{tinymce:function(e){var t;return!!(e.id&&"tinymce"in p&&(t=v().get(e.id))&&t.editorManager===v())}});
+// This function patches internal jQuery functions so that if
+// you for example remove an div element containing an editor it's
+// automatically destroyed by the TinyMCE API
+var m=function(){
+// Removes any child editor instances by looking for editor wrapper elements
+var r=function(e){
+// If the function is remove
+"remove"===e&&this.each(function(e,t){var n=l(t);n&&n.remove()}),this.find("span.mceEditor,div.mceEditor").each(function(e,t){var n=v().get(t.id.replace(/_parent$/,""));n&&n.remove()})},o=function(i){var e,t=this;
+// Handle set value
+/*jshint eqnull:true */if(null!=i)r.call(t),
+// Saves the contents before get/set value of textarea/div
+t.each(function(e,t){var n;(n=v().get(t.id))&&n.setContent(i)});else if(0<t.length&&(e=v().get(t[0].id)))return e.getContent()},l=function(e){var t=null;return e&&e.id&&p.tinymce&&(t=v().get(e.id)),t},u=function(e){return!!(e&&e.length&&p.tinymce&&e.is(":tinymce"))},s={};
+// Loads or saves contents from/to textarea if the value
+// argument is defined it will set the TinyMCE internal contents
+// Patch some setter/getter functions these will
+// now be able to set/get the contents of editor instances for
+// example $('#editorid').html('Content'); will update the TinyMCE iframe instance
+d.each(["text","html","val"],function(e,t){var a=s[t]=d.fn[t],c="text"===t;d.fn[t]=function(e){var t=this;if(!u(t))return a.apply(t,arguments);if(e!==f)return o.call(t.filter(":tinymce"),e),a.apply(t.not(":tinymce"),arguments),t;// return original set for chaining
+var i="",r=arguments;return(c?t:t.eq(0)).each(function(e,t){var n=l(t);i+=n?c?n.getContent().replace(/<(?:"[^"]*"|'[^']*'|[^'">])*>/g,""):n.getContent({save:!0}):a.apply(d(t),r)}),i}}),
+// Makes it possible to use $('#id').append("content"); to append contents to the TinyMCE editor iframe
+d.each(["append","prepend"],function(e,t){var n=s[t]=d.fn[t],r="prepend"===t;d.fn[t]=function(i){var e=this;return u(e)?i!==f?("string"==typeof i&&e.filter(":tinymce").each(function(e,t){var n=l(t);n&&n.setContent(r?i+n.getContent():n.getContent()+i)}),n.apply(e.not(":tinymce"),arguments),e):void 0:n.apply(e,arguments)}}),
+// Makes sure that the editor instance gets properly destroyed when the parent element is removed
+d.each(["remove","replaceWith","replaceAll","empty"],function(e,t){var n=s[t]=d.fn[t];d.fn[t]=function(){return r.call(this,t),n.apply(this,arguments)}}),s.attr=d.fn.attr,
+// Makes sure that $('#tinymce_id').attr('value') gets the editors current HTML contents
+d.fn.attr=function(e,t){var n=this,i=arguments;if(!e||"value"!==e||!u(n))return s.attr.apply(n,i);if(t!==f)return o.call(n.filter(":tinymce"),t),s.attr.apply(n.not(":tinymce"),i),n;// return original set for chaining
+var r=n[0],a=l(r);return a?a.getContent({save:!0}):s.attr.apply(d(r),i)}}}();
diff --git a/src/assets/tinymce/langs/readme.md b/src/assets/tinymce/langs/readme.md
new file mode 100644
index 00000000..a52bf03f
--- /dev/null
+++ b/src/assets/tinymce/langs/readme.md
@@ -0,0 +1,3 @@
+This is where language files should be placed.
+
+Please DO NOT translate these directly use this service: https://www.transifex.com/projects/p/tinymce/
diff --git a/src/assets/tinymce/langs/zh_CN.js b/src/assets/tinymce/langs/zh_CN.js
new file mode 100644
index 00000000..0f3cf923
--- /dev/null
+++ b/src/assets/tinymce/langs/zh_CN.js
@@ -0,0 +1,261 @@
+tinymce.addI18n('zh_CN',{
+"Redo": "\u91cd\u590d",
+"Undo": "\u64a4\u6d88",
+"Cut": "\u526a\u5207",
+"Copy": "\u590d\u5236",
+"Paste": "\u7c98\u8d34",
+"Select all": "\u5168\u9009",
+"New document": "\u65b0\u6587\u6863",
+"Ok": "\u786e\u5b9a",
+"Cancel": "\u53d6\u6d88",
+"Visual aids": "\u7f51\u683c\u7ebf",
+"Bold": "\u7c97\u4f53",
+"Italic": "\u659c\u4f53",
+"Underline": "\u4e0b\u5212\u7ebf",
+"Strikethrough": "\u5220\u9664\u7ebf",
+"Superscript": "\u4e0a\u6807",
+"Subscript": "\u4e0b\u6807",
+"Clear formatting": "\u6e05\u9664\u683c\u5f0f",
+"Align left": "\u5de6\u5bf9\u9f50",
+"Align center": "\u5c45\u4e2d",
+"Align right": "\u53f3\u5bf9\u9f50",
+"Justify": "\u4e24\u7aef\u5bf9\u9f50",
+"Bullet list": "\u9879\u76ee\u7b26\u53f7",
+"Numbered list": "\u7f16\u53f7\u5217\u8868",
+"Decrease indent": "\u51cf\u5c11\u7f29\u8fdb",
+"Increase indent": "\u589e\u52a0\u7f29\u8fdb",
+"Close": "\u5173\u95ed",
+"Formats": "\u683c\u5f0f",
+"Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X\/C\/V keyboard shortcuts instead.": "\u4f60\u7684\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u5bf9\u526a\u8d34\u677f\u7684\u8bbf\u95ee\uff0c\u8bf7\u4f7f\u7528Ctrl+X\/C\/V\u952e\u8fdb\u884c\u590d\u5236\u7c98\u8d34\u3002",
+"Headers": "\u6807\u9898",
+"Header 1": "\u6807\u98981",
+"Header 2": "\u6807\u98982",
+"Header 3": "\u6807\u98983",
+"Header 4": "\u6807\u98984",
+"Header 5": "\u6807\u98985",
+"Header 6": "\u6807\u98986",
+"Headings": "\u6807\u9898",
+"Heading 1": "\u6807\u98981",
+"Heading 2": "\u6807\u98982",
+"Heading 3": "\u6807\u98983",
+"Heading 4": "\u6807\u98984",
+"Heading 5": "\u6807\u98985",
+"Heading 6": "\u6807\u98986",
+"Preformatted": "\u9884\u683c\u5f0f\u5316",
+"Div": "Div\u533a\u5757",
+"Pre": "\u9884\u683c\u5f0f\u6587\u672c",
+"Code": "\u4ee3\u7801",
+"Paragraph": "\u6bb5\u843d",
+"Blockquote": "\u5f15\u7528",
+"Inline": "\u6587\u672c",
+"Blocks": "\u533a\u5757",
+"Paste is now in plain text mode. Contents will now be pasted as plain text until you toggle this option off.": "\u5f53\u524d\u4e3a\u7eaf\u6587\u672c\u7c98\u8d34\u6a21\u5f0f\uff0c\u518d\u6b21\u70b9\u51fb\u53ef\u4ee5\u56de\u5230\u666e\u901a\u7c98\u8d34\u6a21\u5f0f\u3002",
+"Font Family": "\u5b57\u4f53",
+"Font Sizes": "\u5b57\u53f7",
+"Class": "Class",
+"Browse for an image": "\u6d4f\u89c8\u56fe\u50cf",
+"OR": "\u6216",
+"Drop an image here": "\u62d6\u653e\u4e00\u5f20\u56fe\u50cf\u81f3\u6b64",
+"Upload": "\u4e0a\u4f20",
+"Block": "\u5757",
+"Align": "\u5bf9\u9f50",
+"Default": "\u9ed8\u8ba4",
+"Circle": "\u7a7a\u5fc3\u5706",
+"Disc": "\u5b9e\u5fc3\u5706",
+"Square": "\u65b9\u5757",
+"Lower Alpha": "\u5c0f\u5199\u82f1\u6587\u5b57\u6bcd",
+"Lower Greek": "\u5c0f\u5199\u5e0c\u814a\u5b57\u6bcd",
+"Lower Roman": "\u5c0f\u5199\u7f57\u9a6c\u5b57\u6bcd",
+"Upper Alpha": "\u5927\u5199\u82f1\u6587\u5b57\u6bcd",
+"Upper Roman": "\u5927\u5199\u7f57\u9a6c\u5b57\u6bcd",
+"Anchor": "\u951a\u70b9",
+"Name": "\u540d\u79f0",
+"Id": "\u6807\u8bc6\u7b26",
+"Id should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.": "\u6807\u8bc6\u7b26\u5e94\u8be5\u4ee5\u5b57\u6bcd\u5f00\u5934\uff0c\u540e\u8ddf\u5b57\u6bcd\u3001\u6570\u5b57\u3001\u7834\u6298\u53f7\u3001\u70b9\u3001\u5192\u53f7\u6216\u4e0b\u5212\u7ebf\u3002",
+"You have unsaved changes are you sure you want to navigate away?": "\u4f60\u8fd8\u6709\u6587\u6863\u5c1a\u672a\u4fdd\u5b58\uff0c\u786e\u5b9a\u8981\u79bb\u5f00\uff1f",
+"Restore last draft": "\u6062\u590d\u4e0a\u6b21\u7684\u8349\u7a3f",
+"Special character": "\u7279\u6b8a\u7b26\u53f7",
+"Source code": "\u6e90\u4ee3\u7801",
+"Insert\/Edit code sample": "\u63d2\u5165\/\u7f16\u8f91\u4ee3\u7801\u793a\u4f8b",
+"Language": "\u8bed\u8a00",
+"Code sample": "\u4ee3\u7801\u793a\u4f8b",
+"Color": "\u989c\u8272",
+"R": "R",
+"G": "G",
+"B": "B",
+"Left to right": "\u4ece\u5de6\u5230\u53f3",
+"Right to left": "\u4ece\u53f3\u5230\u5de6",
+"Emoticons": "\u8868\u60c5",
+"Document properties": "\u6587\u6863\u5c5e\u6027",
+"Title": "\u6807\u9898",
+"Keywords": "\u5173\u952e\u8bcd",
+"Description": "\u63cf\u8ff0",
+"Robots": "\u673a\u5668\u4eba",
+"Author": "\u4f5c\u8005",
+"Encoding": "\u7f16\u7801",
+"Fullscreen": "\u5168\u5c4f",
+"Action": "\u64cd\u4f5c",
+"Shortcut": "\u5feb\u6377\u952e",
+"Help": "\u5e2e\u52a9",
+"Address": "\u5730\u5740",
+"Focus to menubar": "\u79fb\u52a8\u7126\u70b9\u5230\u83dc\u5355\u680f",
+"Focus to toolbar": "\u79fb\u52a8\u7126\u70b9\u5230\u5de5\u5177\u680f",
+"Focus to element path": "\u79fb\u52a8\u7126\u70b9\u5230\u5143\u7d20\u8def\u5f84",
+"Focus to contextual toolbar": "\u79fb\u52a8\u7126\u70b9\u5230\u4e0a\u4e0b\u6587\u83dc\u5355",
+"Insert link (if link plugin activated)": "\u63d2\u5165\u94fe\u63a5 (\u5982\u679c\u94fe\u63a5\u63d2\u4ef6\u5df2\u6fc0\u6d3b)",
+"Save (if save plugin activated)": "\u4fdd\u5b58(\u5982\u679c\u4fdd\u5b58\u63d2\u4ef6\u5df2\u6fc0\u6d3b)",
+"Find (if searchreplace plugin activated)": "\u67e5\u627e(\u5982\u679c\u67e5\u627e\u66ff\u6362\u63d2\u4ef6\u5df2\u6fc0\u6d3b)",
+"Plugins installed ({0}):": "\u5df2\u5b89\u88c5\u63d2\u4ef6 ({0}):",
+"Premium plugins:": "\u4f18\u79c0\u63d2\u4ef6\uff1a",
+"Learn more...": "\u4e86\u89e3\u66f4\u591a...",
+"You are using {0}": "\u4f60\u6b63\u5728\u4f7f\u7528 {0}",
+"Plugins": "\u63d2\u4ef6",
+"Handy Shortcuts": "\u5feb\u6377\u952e",
+"Horizontal line": "\u6c34\u5e73\u5206\u5272\u7ebf",
+"Insert\/edit image": "\u63d2\u5165\/\u7f16\u8f91\u56fe\u7247",
+"Image description": "\u56fe\u7247\u63cf\u8ff0",
+"Source": "\u5730\u5740",
+"Dimensions": "\u5927\u5c0f",
+"Constrain proportions": "\u4fdd\u6301\u7eb5\u6a2a\u6bd4",
+"General": "\u666e\u901a",
+"Advanced": "\u9ad8\u7ea7",
+"Style": "\u6837\u5f0f",
+"Vertical space": "\u5782\u76f4\u8fb9\u8ddd",
+"Horizontal space": "\u6c34\u5e73\u8fb9\u8ddd",
+"Border": "\u8fb9\u6846",
+"Insert image": "\u63d2\u5165\u56fe\u7247",
+"Image": "\u56fe\u7247",
+"Image list": "\u56fe\u7247\u5217\u8868",
+"Rotate counterclockwise": "\u9006\u65f6\u9488\u65cb\u8f6c",
+"Rotate clockwise": "\u987a\u65f6\u9488\u65cb\u8f6c",
+"Flip vertically": "\u5782\u76f4\u7ffb\u8f6c",
+"Flip horizontally": "\u6c34\u5e73\u7ffb\u8f6c",
+"Edit image": "\u7f16\u8f91\u56fe\u7247",
+"Image options": "\u56fe\u7247\u9009\u9879",
+"Zoom in": "\u653e\u5927",
+"Zoom out": "\u7f29\u5c0f",
+"Crop": "\u88c1\u526a",
+"Resize": "\u8c03\u6574\u5927\u5c0f",
+"Orientation": "\u65b9\u5411",
+"Brightness": "\u4eae\u5ea6",
+"Sharpen": "\u9510\u5316",
+"Contrast": "\u5bf9\u6bd4\u5ea6",
+"Color levels": "\u989c\u8272\u5c42\u6b21",
+"Gamma": "\u4f3d\u9a6c\u503c",
+"Invert": "\u53cd\u8f6c",
+"Apply": "\u5e94\u7528",
+"Back": "\u540e\u9000",
+"Insert date\/time": "\u63d2\u5165\u65e5\u671f\/\u65f6\u95f4",
+"Date\/time": "\u65e5\u671f\/\u65f6\u95f4",
+"Insert link": "\u63d2\u5165\u94fe\u63a5",
+"Insert\/edit link": "\u63d2\u5165\/\u7f16\u8f91\u94fe\u63a5",
+"Text to display": "\u663e\u793a\u6587\u5b57",
+"Url": "\u5730\u5740",
+"Target": "\u6253\u5f00\u65b9\u5f0f",
+"None": "\u65e0",
+"New window": "\u5728\u65b0\u7a97\u53e3\u6253\u5f00",
+"Remove link": "\u5220\u9664\u94fe\u63a5",
+"Anchors": "\u951a\u70b9",
+"Link": "\u94fe\u63a5",
+"Paste or type a link": "\u7c98\u8d34\u6216\u8f93\u5165\u94fe\u63a5",
+"The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?": "\u4f60\u6240\u586b\u5199\u7684URL\u5730\u5740\u4e3a\u90ae\u4ef6\u5730\u5740\uff0c\u9700\u8981\u52a0\u4e0amailto:\u524d\u7f00\u5417\uff1f",
+"The URL you entered seems to be an external link. Do you want to add the required http:\/\/ prefix?": "\u4f60\u6240\u586b\u5199\u7684URL\u5730\u5740\u5c5e\u4e8e\u5916\u90e8\u94fe\u63a5\uff0c\u9700\u8981\u52a0\u4e0ahttp:\/\/:\u524d\u7f00\u5417\uff1f",
+"Link list": "\u94fe\u63a5\u5217\u8868",
+"Insert video": "\u63d2\u5165\u89c6\u9891",
+"Insert\/edit video": "\u63d2\u5165\/\u7f16\u8f91\u89c6\u9891",
+"Insert\/edit media": "\u63d2\u5165\/\u7f16\u8f91\u5a92\u4f53",
+"Alternative source": "\u955c\u50cf",
+"Poster": "\u5c01\u9762",
+"Paste your embed code below:": "\u5c06\u5185\u5d4c\u4ee3\u7801\u7c98\u8d34\u5728\u4e0b\u9762:",
+"Embed": "\u5185\u5d4c",
+"Media": "\u5a92\u4f53",
+"Nonbreaking space": "\u4e0d\u95f4\u65ad\u7a7a\u683c",
+"Page break": "\u5206\u9875\u7b26",
+"Paste as text": "\u7c98\u8d34\u4e3a\u6587\u672c",
+"Preview": "\u9884\u89c8",
+"Print": "\u6253\u5370",
+"Save": "\u4fdd\u5b58",
+"Find": "\u67e5\u627e",
+"Replace with": "\u66ff\u6362\u4e3a",
+"Replace": "\u66ff\u6362",
+"Replace all": "\u5168\u90e8\u66ff\u6362",
+"Prev": "\u4e0a\u4e00\u4e2a",
+"Next": "\u4e0b\u4e00\u4e2a",
+"Find and replace": "\u67e5\u627e\u548c\u66ff\u6362",
+"Could not find the specified string.": "\u672a\u627e\u5230\u641c\u7d22\u5185\u5bb9.",
+"Match case": "\u533a\u5206\u5927\u5c0f\u5199",
+"Whole words": "\u5168\u5b57\u5339\u914d",
+"Spellcheck": "\u62fc\u5199\u68c0\u67e5",
+"Ignore": "\u5ffd\u7565",
+"Ignore all": "\u5168\u90e8\u5ffd\u7565",
+"Finish": "\u5b8c\u6210",
+"Add to Dictionary": "\u6dfb\u52a0\u5230\u5b57\u5178",
+"Insert table": "\u63d2\u5165\u8868\u683c",
+"Table properties": "\u8868\u683c\u5c5e\u6027",
+"Delete table": "\u5220\u9664\u8868\u683c",
+"Cell": "\u5355\u5143\u683c",
+"Row": "\u884c",
+"Column": "\u5217",
+"Cell properties": "\u5355\u5143\u683c\u5c5e\u6027",
+"Merge cells": "\u5408\u5e76\u5355\u5143\u683c",
+"Split cell": "\u62c6\u5206\u5355\u5143\u683c",
+"Insert row before": "\u5728\u4e0a\u65b9\u63d2\u5165",
+"Insert row after": "\u5728\u4e0b\u65b9\u63d2\u5165",
+"Delete row": "\u5220\u9664\u884c",
+"Row properties": "\u884c\u5c5e\u6027",
+"Cut row": "\u526a\u5207\u884c",
+"Copy row": "\u590d\u5236\u884c",
+"Paste row before": "\u7c98\u8d34\u5230\u4e0a\u65b9",
+"Paste row after": "\u7c98\u8d34\u5230\u4e0b\u65b9",
+"Insert column before": "\u5728\u5de6\u4fa7\u63d2\u5165",
+"Insert column after": "\u5728\u53f3\u4fa7\u63d2\u5165",
+"Delete column": "\u5220\u9664\u5217",
+"Cols": "\u5217",
+"Rows": "\u884c",
+"Width": "\u5bbd",
+"Height": "\u9ad8",
+"Cell spacing": "\u5355\u5143\u683c\u5916\u95f4\u8ddd",
+"Cell padding": "\u5355\u5143\u683c\u5185\u8fb9\u8ddd",
+"Caption": "\u6807\u9898",
+"Left": "\u5de6\u5bf9\u9f50",
+"Center": "\u5c45\u4e2d",
+"Right": "\u53f3\u5bf9\u9f50",
+"Cell type": "\u5355\u5143\u683c\u7c7b\u578b",
+"Scope": "\u8303\u56f4",
+"Alignment": "\u5bf9\u9f50\u65b9\u5f0f",
+"H Align": "\u6c34\u5e73\u5bf9\u9f50",
+"V Align": "\u5782\u76f4\u5bf9\u9f50",
+"Top": "\u9876\u90e8\u5bf9\u9f50",
+"Middle": "\u5782\u76f4\u5c45\u4e2d",
+"Bottom": "\u5e95\u90e8\u5bf9\u9f50",
+"Header cell": "\u8868\u5934\u5355\u5143\u683c",
+"Row group": "\u884c\u7ec4",
+"Column group": "\u5217\u7ec4",
+"Row type": "\u884c\u7c7b\u578b",
+"Header": "\u8868\u5934",
+"Body": "\u8868\u4f53",
+"Footer": "\u8868\u5c3e",
+"Border color": "\u8fb9\u6846\u989c\u8272",
+"Insert template": "\u63d2\u5165\u6a21\u677f",
+"Templates": "\u6a21\u677f",
+"Template": "\u6a21\u677f",
+"Text color": "\u6587\u5b57\u989c\u8272",
+"Background color": "\u80cc\u666f\u8272",
+"Custom...": "\u81ea\u5b9a\u4e49...",
+"Custom color": "\u81ea\u5b9a\u4e49\u989c\u8272",
+"No color": "\u65e0",
+"Table of Contents": "\u5185\u5bb9\u5217\u8868",
+"Show blocks": "\u663e\u793a\u533a\u5757\u8fb9\u6846",
+"Show invisible characters": "\u663e\u793a\u4e0d\u53ef\u89c1\u5b57\u7b26",
+"Words: {0}": "\u5b57\u6570\uff1a{0}",
+"{0} words": "{0} \u5b57",
+"File": "\u6587\u4ef6",
+"Edit": "\u7f16\u8f91",
+"Insert": "\u63d2\u5165",
+"View": "\u89c6\u56fe",
+"Format": "\u683c\u5f0f",
+"Table": "\u8868\u683c",
+"Tools": "\u5de5\u5177",
+"Powered by {0}": "\u7531{0}\u9a71\u52a8",
+"Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help": "\u5728\u7f16\u8f91\u533a\u6309ALT-F9\u6253\u5f00\u83dc\u5355\uff0c\u6309ALT-F10\u6253\u5f00\u5de5\u5177\u680f\uff0c\u6309ALT-0\u67e5\u770b\u5e2e\u52a9"
+});
\ No newline at end of file
diff --git a/src/assets/tinymce/license.txt b/src/assets/tinymce/license.txt
new file mode 100644
index 00000000..b17fc904
--- /dev/null
+++ b/src/assets/tinymce/license.txt
@@ -0,0 +1,504 @@
+      GNU LESSER GENERAL PUBLIC LICENSE
+           Version 2.1, February 1999
+
+ Copyright (C) 1991, 1999 Free Software Foundation, Inc.
+ 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+[This is the first released version of the Lesser GPL.  It also counts
+ as the successor of the GNU Library Public License, version 2, hence
+ the version number 2.1.]
+
+          Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+Licenses are intended to guarantee your freedom to share and change
+free software--to make sure the software is free for all its users.
+
+  This license, the Lesser General Public License, applies to some
+specially designated software packages--typically libraries--of the
+Free Software Foundation and other authors who decide to use it.  You
+can use it too, but we suggest you first think carefully about whether
+this license or the ordinary General Public License is the better
+strategy to use in any particular case, based on the explanations below.
+
+  When we speak of free software, we are referring to freedom of use,
+not price.  Our General Public Licenses are designed to make sure that
+you have the freedom to distribute copies of free software (and charge
+for this service if you wish); that you receive source code or can get
+it if you want it; that you can change the software and use pieces of
+it in new free programs; and that you are informed that you can do
+these things.
+
+  To protect your rights, we need to make restrictions that forbid
+distributors to deny you these rights or to ask you to surrender these
+rights.  These restrictions translate to certain responsibilities for
+you if you distribute copies of the library or if you modify it.
+
+  For example, if you distribute copies of the library, whether gratis
+or for a fee, you must give the recipients all the rights that we gave
+you.  You must make sure that they, too, receive or can get the source
+code.  If you link other code with the library, you must provide
+complete object files to the recipients, so that they can relink them
+with the library after making changes to the library and recompiling
+it.  And you must show them these terms so they know their rights.
+
+  We protect your rights with a two-step method: (1) we copyright the
+library, and (2) we offer you this license, which gives you legal
+permission to copy, distribute and/or modify the library.
+
+  To protect each distributor, we want to make it very clear that
+there is no warranty for the free library.  Also, if the library is
+modified by someone else and passed on, the recipients should know
+that what they have is not the original version, so that the original
+author's reputation will not be affected by problems that might be
+introduced by others.
+
+  Finally, software patents pose a constant threat to the existence of
+any free program.  We wish to make sure that a company cannot
+effectively restrict the users of a free program by obtaining a
+restrictive license from a patent holder.  Therefore, we insist that
+any patent license obtained for a version of the library must be
+consistent with the full freedom of use specified in this license.
+
+  Most GNU software, including some libraries, is covered by the
+ordinary GNU General Public License.  This license, the GNU Lesser
+General Public License, applies to certain designated libraries, and
+is quite different from the ordinary General Public License.  We use
+this license for certain libraries in order to permit linking those
+libraries into non-free programs.
+
+  When a program is linked with a library, whether statically or using
+a shared library, the combination of the two is legally speaking a
+combined work, a derivative of the original library.  The ordinary
+General Public License therefore permits such linking only if the
+entire combination fits its criteria of freedom.  The Lesser General
+Public License permits more lax criteria for linking other code with
+the library.
+
+  We call this license the "Lesser" General Public License because it
+does Less to protect the user's freedom than the ordinary General
+Public License.  It also provides other free software developers Less
+of an advantage over competing non-free programs.  These disadvantages
+are the reason we use the ordinary General Public License for many
+libraries.  However, the Lesser license provides advantages in certain
+special circumstances.
+
+  For example, on rare occasions, there may be a special need to
+encourage the widest possible use of a certain library, so that it becomes
+a de-facto standard.  To achieve this, non-free programs must be
+allowed to use the library.  A more frequent case is that a free
+library does the same job as widely used non-free libraries.  In this
+case, there is little to gain by limiting the free library to free
+software only, so we use the Lesser General Public License.
+
+  In other cases, permission to use a particular library in non-free
+programs enables a greater number of people to use a large body of
+free software.  For example, permission to use the GNU C Library in
+non-free programs enables many more people to use the whole GNU
+operating system, as well as its variant, the GNU/Linux operating
+system.
+
+  Although the Lesser General Public License is Less protective of the
+users' freedom, it does ensure that the user of a program that is
+linked with the Library has the freedom and the wherewithal to run
+that program using a modified version of the Library.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.  Pay close attention to the difference between a
+"work based on the library" and a "work that uses the library".  The
+former contains code derived from the library, whereas the latter must
+be combined with the library in order to run.
+
+      GNU LESSER GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License Agreement applies to any software library or other
+program which contains a notice placed by the copyright holder or
+other authorized party saying it may be distributed under the terms of
+this Lesser General Public License (also called "this License").
+Each licensee is addressed as "you".
+
+  A "library" means a collection of software functions and/or data
+prepared so as to be conveniently linked with application programs
+(which use some of those functions and data) to form executables.
+
+  The "Library", below, refers to any such software library or work
+which has been distributed under these terms.  A "work based on the
+Library" means either the Library or any derivative work under
+copyright law: that is to say, a work containing the Library or a
+portion of it, either verbatim or with modifications and/or translated
+straightforwardly into another language.  (Hereinafter, translation is
+included without limitation in the term "modification".)
+
+  "Source code" for a work means the preferred form of the work for
+making modifications to it.  For a library, complete source code means
+all the source code for all modules it contains, plus any associated
+interface definition files, plus the scripts used to control compilation
+and installation of the library.
+
+  Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running a program using the Library is not restricted, and output from
+such a program is covered only if its contents constitute a work based
+on the Library (independent of the use of the Library in a tool for
+writing it).  Whether that is true depends on what the Library does
+and what the program that uses the Library does.
+  
+  1. You may copy and distribute verbatim copies of the Library's
+complete source code as you receive it, in any medium, provided that
+you conspicuously and appropriately publish on each copy an
+appropriate copyright notice and disclaimer of warranty; keep intact
+all the notices that refer to this License and to the absence of any
+warranty; and distribute a copy of this License along with the
+Library.
+
+  You may charge a fee for the physical act of transferring a copy,
+and you may at your option offer warranty protection in exchange for a
+fee.
+
+  2. You may modify your copy or copies of the Library or any portion
+of it, thus forming a work based on the Library, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+    a) The modified work must itself be a software library.
+
+    b) You must cause the files modified to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    c) You must cause the whole of the work to be licensed at no
+    charge to all third parties under the terms of this License.
+
+    d) If a facility in the modified Library refers to a function or a
+    table of data to be supplied by an application program that uses
+    the facility, other than as an argument passed when the facility
+    is invoked, then you must make a good faith effort to ensure that,
+    in the event an application does not supply such function or
+    table, the facility still operates, and performs whatever part of
+    its purpose remains meaningful.
+
+    (For example, a function in a library to compute square roots has
+    a purpose that is entirely well-defined independent of the
+    application.  Therefore, Subsection 2d requires that any
+    application-supplied function or table used by this function must
+    be optional: if the application does not supply it, the square
+    root function must still compute square roots.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Library,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works.  But when you
+distribute the same sections as part of a whole which is a work based
+on the Library, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote
+it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Library.
+
+In addition, mere aggregation of another work not based on the Library
+with the Library (or with a work based on the Library) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may opt to apply the terms of the ordinary GNU General Public
+License instead of this License to a given copy of the Library.  To do
+this, you must alter all the notices that refer to this License, so
+that they refer to the ordinary GNU General Public License, version 2,
+instead of to this License.  (If a newer version than version 2 of the
+ordinary GNU General Public License has appeared, then you can specify
+that version instead if you wish.)  Do not make any other change in
+these notices.
+
+  Once this change is made in a given copy, it is irreversible for
+that copy, so the ordinary GNU General Public License applies to all
+subsequent copies and derivative works made from that copy.
+
+  This option is useful when you wish to copy part of the code of
+the Library into a program that is not a library.
+
+  4. You may copy and distribute the Library (or a portion or
+derivative of it, under Section 2) in object code or executable form
+under the terms of Sections 1 and 2 above provided that you accompany
+it with the complete corresponding machine-readable source code, which
+must be distributed under the terms of Sections 1 and 2 above on a
+medium customarily used for software interchange.
+
+  If distribution of object code is made by offering access to copy
+from a designated place, then offering equivalent access to copy the
+source code from the same place satisfies the requirement to
+distribute the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  5. A program that contains no derivative of any portion of the
+Library, but is designed to work with the Library by being compiled or
+linked with it, is called a "work that uses the Library".  Such a
+work, in isolation, is not a derivative work of the Library, and
+therefore falls outside the scope of this License.
+
+  However, linking a "work that uses the Library" with the Library
+creates an executable that is a derivative of the Library (because it
+contains portions of the Library), rather than a "work that uses the
+library".  The executable is therefore covered by this License.
+Section 6 states terms for distribution of such executables.
+
+  When a "work that uses the Library" uses material from a header file
+that is part of the Library, the object code for the work may be a
+derivative work of the Library even though the source code is not.
+Whether this is true is especially significant if the work can be
+linked without the Library, or if the work is itself a library.  The
+threshold for this to be true is not precisely defined by law.
+
+  If such an object file uses only numerical parameters, data
+structure layouts and accessors, and small macros and small inline
+functions (ten lines or less in length), then the use of the object
+file is unrestricted, regardless of whether it is legally a derivative
+work.  (Executables containing this object code plus portions of the
+Library will still fall under Section 6.)
+
+  Otherwise, if the work is a derivative of the Library, you may
+distribute the object code for the work under the terms of Section 6.
+Any executables containing that work also fall under Section 6,
+whether or not they are linked directly with the Library itself.
+
+  6. As an exception to the Sections above, you may also combine or
+link a "work that uses the Library" with the Library to produce a
+work containing portions of the Library, and distribute that work
+under terms of your choice, provided that the terms permit
+modification of the work for the customer's own use and reverse
+engineering for debugging such modifications.
+
+  You must give prominent notice with each copy of the work that the
+Library is used in it and that the Library and its use are covered by
+this License.  You must supply a copy of this License.  If the work
+during execution displays copyright notices, you must include the
+copyright notice for the Library among them, as well as a reference
+directing the user to the copy of this License.  Also, you must do one
+of these things:
+
+    a) Accompany the work with the complete corresponding
+    machine-readable source code for the Library including whatever
+    changes were used in the work (which must be distributed under
+    Sections 1 and 2 above); and, if the work is an executable linked
+    with the Library, with the complete machine-readable "work that
+    uses the Library", as object code and/or source code, so that the
+    user can modify the Library and then relink to produce a modified
+    executable containing the modified Library.  (It is understood
+    that the user who changes the contents of definitions files in the
+    Library will not necessarily be able to recompile the application
+    to use the modified definitions.)
+
+    b) Use a suitable shared library mechanism for linking with the
+    Library.  A suitable mechanism is one that (1) uses at run time a
+    copy of the library already present on the user's computer system,
+    rather than copying library functions into the executable, and (2)
+    will operate properly with a modified version of the library, if
+    the user installs one, as long as the modified version is
+    interface-compatible with the version that the work was made with.
+
+    c) Accompany the work with a written offer, valid for at
+    least three years, to give the same user the materials
+    specified in Subsection 6a, above, for a charge no more
+    than the cost of performing this distribution.
+
+    d) If distribution of the work is made by offering access to copy
+    from a designated place, offer equivalent access to copy the above
+    specified materials from the same place.
+
+    e) Verify that the user has already received a copy of these
+    materials or that you have already sent this user a copy.
+
+  For an executable, the required form of the "work that uses the
+Library" must include any data and utility programs needed for
+reproducing the executable from it.  However, as a special exception,
+the materials to be distributed need not include anything that is
+normally distributed (in either source or binary form) with the major
+components (compiler, kernel, and so on) of the operating system on
+which the executable runs, unless that component itself accompanies
+the executable.
+
+  It may happen that this requirement contradicts the license
+restrictions of other proprietary libraries that do not normally
+accompany the operating system.  Such a contradiction means you cannot
+use both them and the Library together in an executable that you
+distribute.
+
+  7. You may place library facilities that are a work based on the
+Library side-by-side in a single library together with other library
+facilities not covered by this License, and distribute such a combined
+library, provided that the separate distribution of the work based on
+the Library and of the other library facilities is otherwise
+permitted, and provided that you do these two things:
+
+    a) Accompany the combined library with a copy of the same work
+    based on the Library, uncombined with any other library
+    facilities.  This must be distributed under the terms of the
+    Sections above.
+
+    b) Give prominent notice with the combined library of the fact
+    that part of it is a work based on the Library, and explaining
+    where to find the accompanying uncombined form of the same work.
+
+  8. You may not copy, modify, sublicense, link with, or distribute
+the Library except as expressly provided under this License.  Any
+attempt otherwise to copy, modify, sublicense, link with, or
+distribute the Library is void, and will automatically terminate your
+rights under this License.  However, parties who have received copies,
+or rights, from you under this License will not have their licenses
+terminated so long as such parties remain in full compliance.
+
+  9. You are not required to accept this License, since you have not
+signed it.  However, nothing else grants you permission to modify or
+distribute the Library or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Library (or any work based on the
+Library), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Library or works based on it.
+
+  10. Each time you redistribute the Library (or any work based on the
+Library), the recipient automatically receives a license from the
+original licensor to copy, distribute, link with or modify the Library
+subject to these terms and conditions.  You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties with
+this License.
+
+  11. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Library at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Library by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Library.
+
+If any portion of this section is held invalid or unenforceable under any
+particular circumstance, the balance of the section is intended to apply,
+and the section as a whole is intended to apply in other circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system which is
+implemented by public license practices.  Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+  12. If the distribution and/or use of the Library is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Library under this License may add
+an explicit geographical distribution limitation excluding those countries,
+so that distribution is permitted only in or among countries not thus
+excluded.  In such case, this License incorporates the limitation as if
+written in the body of this License.
+
+  13. The Free Software Foundation may publish revised and/or new
+versions of the Lesser General Public License from time to time.
+Such new versions will be similar in spirit to the present version,
+but may differ in detail to address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the Library
+specifies a version number of this License which applies to it and
+"any later version", you have the option of following the terms and
+conditions either of that version or of any later version published by
+the Free Software Foundation.  If the Library does not specify a
+license version number, you may choose any version ever published by
+the Free Software Foundation.
+
+  14. If you wish to incorporate parts of the Library into other free
+programs whose distribution conditions are incompatible with these,
+write to the author to ask for permission.  For software which is
+copyrighted by the Free Software Foundation, write to the Free
+Software Foundation; we sometimes make exceptions for this.  Our
+decision will be guided by the two goals of preserving the free status
+of all derivatives of our free software and of promoting the sharing
+and reuse of software generally.
+
+          NO WARRANTY
+
+  15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO
+WARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW.
+EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR
+OTHER PARTIES PROVIDE THE LIBRARY "AS IS" WITHOUT WARRANTY OF ANY
+KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE
+LIBRARY IS WITH YOU.  SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME
+THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN
+WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY
+AND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU
+FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR
+CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE
+LIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING
+RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A
+FAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF
+SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH
+DAMAGES.
+
+         END OF TERMS AND CONDITIONS
+
+           How to Apply These Terms to Your New Libraries
+
+  If you develop a new library, and you want it to be of the greatest
+possible use to the public, we recommend making it free software that
+everyone can redistribute and change.  You can do so by permitting
+redistribution under these terms (or, alternatively, under the terms of the
+ordinary General Public License).
+
+  To apply these terms, attach the following notices to the library.  It is
+safest to attach them to the start of each source file to most effectively
+convey the exclusion of warranty; and each file should have at least the
+"copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the library's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This library is free software; you can redistribute it and/or
+    modify it under the terms of the GNU Lesser General Public
+    License as published by the Free Software Foundation; either
+    version 2.1 of the License, or (at your option) any later version.
+
+    This library is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+    Lesser General Public License for more details.
+
+    You should have received a copy of the GNU Lesser General Public
+    License along with this library; if not, write to the Free Software
+    Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
+
+Also add information on how to contact you by electronic and paper mail.
+
+You should also get your employer (if you work as a programmer) or your
+school, if any, to sign a "copyright disclaimer" for the library, if
+necessary.  Here is a sample; alter the names:
+
+  Yoyodyne, Inc., hereby disclaims all copyright interest in the
+  library `Frob' (a library for tweaking knobs) written by James Random Hacker.
+
+  <signature of Ty Coon>, 1 April 1990
+  Ty Coon, President of Vice
+
+That's all there is to it!
+
+
diff --git a/src/assets/tinymce/plugins/advlist/plugin.js b/src/assets/tinymce/plugins/advlist/plugin.js
new file mode 100644
index 00000000..0dd07b06
--- /dev/null
+++ b/src/assets/tinymce/plugins/advlist/plugin.js
@@ -0,0 +1,278 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var applyListFormat = function (editor, listName, styleValue) {
+      var cmd = listName === 'UL' ? 'InsertUnorderedList' : 'InsertOrderedList';
+      editor.execCommand(cmd, false, styleValue === false ? null : { 'list-style-type': styleValue });
+    };
+
+    var register = function (editor) {
+      editor.addCommand('ApplyUnorderedListStyle', function (ui, value) {
+        applyListFormat(editor, 'UL', value['list-style-type']);
+      });
+      editor.addCommand('ApplyOrderedListStyle', function (ui, value) {
+        applyListFormat(editor, 'OL', value['list-style-type']);
+      });
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var getNumberStyles = function (editor) {
+      var styles = editor.getParam('advlist_number_styles', 'default,lower-alpha,lower-greek,lower-roman,upper-alpha,upper-roman');
+      return styles ? styles.split(/[ ,]/) : [];
+    };
+    var getBulletStyles = function (editor) {
+      var styles = editor.getParam('advlist_bullet_styles', 'default,circle,square');
+      return styles ? styles.split(/[ ,]/) : [];
+    };
+
+    var noop = function () {
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var isChildOfBody = function (editor, elm) {
+      return editor.$.contains(editor.getBody(), elm);
+    };
+    var isTableCellNode = function (node) {
+      return node && /^(TH|TD)$/.test(node.nodeName);
+    };
+    var isListNode = function (editor) {
+      return function (node) {
+        return node && /^(OL|UL|DL)$/.test(node.nodeName) && isChildOfBody(editor, node);
+      };
+    };
+    var getSelectedStyleType = function (editor) {
+      var listElm = editor.dom.getParent(editor.selection.getNode(), 'ol,ul');
+      var style = editor.dom.getStyle(listElm, 'listStyleType');
+      return Optional.from(style);
+    };
+
+    var findIndex = function (list, predicate) {
+      for (var index = 0; index < list.length; index++) {
+        var element = list[index];
+        if (predicate(element)) {
+          return index;
+        }
+      }
+      return -1;
+    };
+    var styleValueToText = function (styleValue) {
+      return styleValue.replace(/\-/g, ' ').replace(/\b\w/g, function (chr) {
+        return chr.toUpperCase();
+      });
+    };
+    var isWithinList = function (editor, e, nodeName) {
+      var tableCellIndex = findIndex(e.parents, isTableCellNode);
+      var parents = tableCellIndex !== -1 ? e.parents.slice(0, tableCellIndex) : e.parents;
+      var lists = global$1.grep(parents, isListNode(editor));
+      return lists.length > 0 && lists[0].nodeName === nodeName;
+    };
+    var addSplitButton = function (editor, id, tooltip, cmd, nodeName, styles) {
+      editor.ui.registry.addSplitButton(id, {
+        tooltip: tooltip,
+        icon: nodeName === 'OL' ? 'ordered-list' : 'unordered-list',
+        presets: 'listpreview',
+        columns: 3,
+        fetch: function (callback) {
+          var items = global$1.map(styles, function (styleValue) {
+            var iconStyle = nodeName === 'OL' ? 'num' : 'bull';
+            var iconName = styleValue === 'disc' || styleValue === 'decimal' ? 'default' : styleValue;
+            var itemValue = styleValue === 'default' ? '' : styleValue;
+            var displayText = styleValueToText(styleValue);
+            return {
+              type: 'choiceitem',
+              value: itemValue,
+              icon: 'list-' + iconStyle + '-' + iconName,
+              text: displayText
+            };
+          });
+          callback(items);
+        },
+        onAction: function () {
+          return editor.execCommand(cmd);
+        },
+        onItemAction: function (_splitButtonApi, value) {
+          applyListFormat(editor, nodeName, value);
+        },
+        select: function (value) {
+          var listStyleType = getSelectedStyleType(editor);
+          return listStyleType.map(function (listStyle) {
+            return value === listStyle;
+          }).getOr(false);
+        },
+        onSetup: function (api) {
+          var nodeChangeHandler = function (e) {
+            api.setActive(isWithinList(editor, e, nodeName));
+          };
+          editor.on('NodeChange', nodeChangeHandler);
+          return function () {
+            return editor.off('NodeChange', nodeChangeHandler);
+          };
+        }
+      });
+    };
+    var addButton = function (editor, id, tooltip, cmd, nodeName, _styles) {
+      editor.ui.registry.addToggleButton(id, {
+        active: false,
+        tooltip: tooltip,
+        icon: nodeName === 'OL' ? 'ordered-list' : 'unordered-list',
+        onSetup: function (api) {
+          var nodeChangeHandler = function (e) {
+            api.setActive(isWithinList(editor, e, nodeName));
+          };
+          editor.on('NodeChange', nodeChangeHandler);
+          return function () {
+            return editor.off('NodeChange', nodeChangeHandler);
+          };
+        },
+        onAction: function () {
+          return editor.execCommand(cmd);
+        }
+      });
+    };
+    var addControl = function (editor, id, tooltip, cmd, nodeName, styles) {
+      if (styles.length > 1) {
+        addSplitButton(editor, id, tooltip, cmd, nodeName, styles);
+      } else {
+        addButton(editor, id, tooltip, cmd, nodeName);
+      }
+    };
+    var register$1 = function (editor) {
+      addControl(editor, 'numlist', 'Numbered list', 'InsertOrderedList', 'OL', getNumberStyles(editor));
+      addControl(editor, 'bullist', 'Bullet list', 'InsertUnorderedList', 'UL', getBulletStyles(editor));
+    };
+
+    function Plugin () {
+      global.add('advlist', function (editor) {
+        if (editor.hasPlugin('lists')) {
+          register$1(editor);
+          register(editor);
+        }
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/advlist/plugin.min.js b/src/assets/tinymce/plugins/advlist/plugin.min.js
new file mode 100644
index 00000000..dfa80d9a
--- /dev/null
+++ b/src/assets/tinymce/plugins/advlist/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var n,e,t,r=tinymce.util.Tools.resolve("tinymce.PluginManager"),u=function(n,e,t){var r="UL"===e?"InsertUnorderedList":"InsertOrderedList";n.execCommand(r,!1,!1===t?null:{"list-style-type":t})},l=tinymce.util.Tools.resolve("tinymce.util.Tools"),i=function(n){return function(){return n}},c=i(!1),s=i(!0),o=function(){return a},a=(n=function(n){return n.isNone()},{fold:function(n,e){return n()},is:c,isSome:c,isNone:s,getOr:t=function(n){return n},getOrThunk:e=function(n){return n()},getOrDie:function(n){throw new Error(n||"error: getOrDie called on none.")},getOrNull:i(null),getOrUndefined:i(undefined),or:t,orThunk:e,map:o,each:function(){},bind:o,exists:c,forall:s,filter:o,equals:n,equals_:n,toArray:function(){return[]},toString:i("none()")}),f=function(t){var n=i(t),e=function(){return o},r=function(n){return n(t)},o={fold:function(n,e){return e(t)},is:function(n){return t===n},isSome:s,isNone:c,getOr:n,getOrThunk:n,getOrDie:n,getOrNull:n,getOrUndefined:n,or:e,orThunk:e,map:function(n){return f(n(t))},each:function(n){n(t)},bind:r,exists:r,forall:r,filter:function(n){return n(t)?o:a},toArray:function(){return[t]},toString:function(){return"some("+t+")"},equals:function(n){return n.is(t)},equals_:function(n,e){return n.fold(c,function(n){return e(t,n)})}};return o},d=function(n){return null===n||n===undefined?a:f(n)},g=function(n){return n&&/^(TH|TD)$/.test(n.nodeName)},m=function(r){return function(n){return n&&/^(OL|UL|DL)$/.test(n.nodeName)&&(t=n,(e=r).$.contains(e.getBody(),t));var e,t}},p=function(n,e,t){var r=function(n,e){for(var t=0;t<n.length;t++){if(e(n[t]))return t}return-1}(e.parents,g),o=-1!==r?e.parents.slice(0,r):e.parents,i=l.grep(o,m(n));return 0<i.length&&i[0].nodeName===t},y=function(o,n,e,t,r,i){o.ui.registry.addSplitButton(n,{tooltip:e,icon:"OL"===r?"ordered-list":"unordered-list",presets:"listpreview",columns:3,fetch:function(n){n(l.map(i,function(n){return{type:"choiceitem",value:"default"===n?"":n,icon:"list-"+("OL"===r?"num":"bull")+"-"+("disc"===n||"decimal"===n?"default":n),text:n.replace(/\-/g," ").replace(/\b\w/g,function(n){return n.toUpperCase()})}}))},onAction:function(){return o.execCommand(t)},onItemAction:function(n,e){u(o,r,e)},select:function(e){var n,t,r;return(t=(n=o).dom.getParent(n.selection.getNode(),"ol,ul"),r=n.dom.getStyle(t,"listStyleType"),d(r)).map(function(n){return e===n}).getOr(!1)},onSetup:function(e){var n=function(n){e.setActive(p(o,n,r))};return o.on("NodeChange",n),function(){return o.off("NodeChange",n)}}})},v=function(n,e,t,r,o,i){var u,l,c,s,a;1<i.length?y(n,e,t,r,o,i):(l=e,c=t,s=r,a=o,(u=n).ui.registry.addToggleButton(l,{active:!1,tooltip:c,icon:"OL"===a?"ordered-list":"unordered-list",onSetup:function(e){var n=function(n){e.setActive(p(u,n,a))};return u.on("NodeChange",n),function(){return u.off("NodeChange",n)}},onAction:function(){return u.execCommand(s)}}))};r.add("advlist",function(n){var t,e,r,o;n.hasPlugin("lists")&&(v(e=n,"numlist","Numbered list","InsertOrderedList","OL",(r=e.getParam("advlist_number_styles","default,lower-alpha,lower-greek,lower-roman,upper-alpha,upper-roman"))?r.split(/[ ,]/):[]),v(e,"bullist","Bullet list","InsertUnorderedList","UL",(o=e.getParam("advlist_bullet_styles","default,circle,square"))?o.split(/[ ,]/):[]),(t=n).addCommand("ApplyUnorderedListStyle",function(n,e){u(t,"UL",e["list-style-type"])}),t.addCommand("ApplyOrderedListStyle",function(n,e){u(t,"OL",e["list-style-type"])}))})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/anchor/plugin.js b/src/assets/tinymce/plugins/anchor/plugin.js
new file mode 100644
index 00000000..17f2aa0a
--- /dev/null
+++ b/src/assets/tinymce/plugins/anchor/plugin.js
@@ -0,0 +1,216 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.RangeUtils');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var allowHtmlInNamedAnchor = function (editor) {
+      return editor.getParam('allow_html_in_named_anchor', false, 'boolean');
+    };
+
+    var namedAnchorSelector = 'a:not([href])';
+    var isEmptyString = function (str) {
+      return !str;
+    };
+    var getIdFromAnchor = function (elm) {
+      var id = elm.getAttribute('id') || elm.getAttribute('name');
+      return id || '';
+    };
+    var isAnchor = function (elm) {
+      return elm && elm.nodeName.toLowerCase() === 'a';
+    };
+    var isNamedAnchor = function (elm) {
+      return isAnchor(elm) && !elm.getAttribute('href') && getIdFromAnchor(elm) !== '';
+    };
+    var isEmptyNamedAnchor = function (elm) {
+      return isNamedAnchor(elm) && !elm.firstChild;
+    };
+
+    var removeEmptyNamedAnchorsInSelection = function (editor) {
+      var dom = editor.dom;
+      global$1(dom).walk(editor.selection.getRng(), function (nodes) {
+        global$2.each(nodes, function (node) {
+          if (isEmptyNamedAnchor(node)) {
+            dom.remove(node, false);
+          }
+        });
+      });
+    };
+    var isValidId = function (id) {
+      return /^[A-Za-z][A-Za-z0-9\-:._]*$/.test(id);
+    };
+    var getNamedAnchor = function (editor) {
+      return editor.dom.getParent(editor.selection.getStart(), namedAnchorSelector);
+    };
+    var getId = function (editor) {
+      var anchor = getNamedAnchor(editor);
+      if (anchor) {
+        return getIdFromAnchor(anchor);
+      } else {
+        return '';
+      }
+    };
+    var createAnchor = function (editor, id) {
+      editor.undoManager.transact(function () {
+        if (!allowHtmlInNamedAnchor(editor)) {
+          editor.selection.collapse(true);
+        }
+        if (editor.selection.isCollapsed()) {
+          editor.insertContent(editor.dom.createHTML('a', { id: id }));
+        } else {
+          removeEmptyNamedAnchorsInSelection(editor);
+          editor.formatter.remove('namedAnchor', null, null, true);
+          editor.formatter.apply('namedAnchor', { value: id });
+          editor.addVisual();
+        }
+      });
+    };
+    var updateAnchor = function (editor, id, anchorElement) {
+      anchorElement.removeAttribute('name');
+      anchorElement.id = id;
+      editor.addVisual();
+      editor.undoManager.add();
+    };
+    var insert = function (editor, id) {
+      var anchor = getNamedAnchor(editor);
+      if (anchor) {
+        updateAnchor(editor, id, anchor);
+      } else {
+        createAnchor(editor, id);
+      }
+      editor.focus();
+    };
+
+    var insertAnchor = function (editor, newId) {
+      if (!isValidId(newId)) {
+        editor.windowManager.alert('Id should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.');
+        return false;
+      } else {
+        insert(editor, newId);
+        return true;
+      }
+    };
+    var open = function (editor) {
+      var currentId = getId(editor);
+      editor.windowManager.open({
+        title: 'Anchor',
+        size: 'normal',
+        body: {
+          type: 'panel',
+          items: [{
+              name: 'id',
+              type: 'input',
+              label: 'ID',
+              placeholder: 'example'
+            }]
+        },
+        buttons: [
+          {
+            type: 'cancel',
+            name: 'cancel',
+            text: 'Cancel'
+          },
+          {
+            type: 'submit',
+            name: 'save',
+            text: 'Save',
+            primary: true
+          }
+        ],
+        initialData: { id: currentId },
+        onSubmit: function (api) {
+          if (insertAnchor(editor, api.getData().id)) {
+            api.close();
+          }
+        }
+      });
+    };
+
+    var register = function (editor) {
+      editor.addCommand('mceAnchor', function () {
+        open(editor);
+      });
+    };
+
+    var isNamedAnchorNode = function (node) {
+      return node && isEmptyString(node.attr('href')) && !isEmptyString(node.attr('id') || node.attr('name'));
+    };
+    var isEmptyNamedAnchorNode = function (node) {
+      return isNamedAnchorNode(node) && !node.firstChild;
+    };
+    var setContentEditable = function (state) {
+      return function (nodes) {
+        for (var i = 0; i < nodes.length; i++) {
+          var node = nodes[i];
+          if (isEmptyNamedAnchorNode(node)) {
+            node.attr('contenteditable', state);
+          }
+        }
+      };
+    };
+    var setup = function (editor) {
+      editor.on('PreInit', function () {
+        editor.parser.addNodeFilter('a', setContentEditable('false'));
+        editor.serializer.addNodeFilter('a', setContentEditable(null));
+      });
+    };
+
+    var registerFormats = function (editor) {
+      editor.formatter.register('namedAnchor', {
+        inline: 'a',
+        selector: namedAnchorSelector,
+        remove: 'all',
+        split: true,
+        deep: true,
+        attributes: { id: '%value' },
+        onmatch: function (node, _fmt, _itemName) {
+          return isNamedAnchor(node);
+        }
+      });
+    };
+
+    var register$1 = function (editor) {
+      editor.ui.registry.addToggleButton('anchor', {
+        icon: 'bookmark',
+        tooltip: 'Anchor',
+        onAction: function () {
+          return editor.execCommand('mceAnchor');
+        },
+        onSetup: function (buttonApi) {
+          return editor.selection.selectorChangedWithUnbind('a:not([href])', buttonApi.setActive).unbind;
+        }
+      });
+      editor.ui.registry.addMenuItem('anchor', {
+        icon: 'bookmark',
+        text: 'Anchor...',
+        onAction: function () {
+          return editor.execCommand('mceAnchor');
+        }
+      });
+    };
+
+    function Plugin () {
+      global.add('anchor', function (editor) {
+        setup(editor);
+        register(editor);
+        register$1(editor);
+        editor.on('PreInit', function () {
+          registerFormats(editor);
+        });
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/anchor/plugin.min.js b/src/assets/tinymce/plugins/anchor/plugin.min.js
new file mode 100644
index 00000000..16d0f9bd
--- /dev/null
+++ b/src/assets/tinymce/plugins/anchor/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),t=tinymce.util.Tools.resolve("tinymce.dom.RangeUtils"),o=tinymce.util.Tools.resolve("tinymce.util.Tools"),a="a:not([href])",n=function(e){return e.getAttribute("id")||e.getAttribute("name")||""},r=function(e){return(t=e)&&"a"===t.nodeName.toLowerCase()&&!e.getAttribute("href")&&""!==n(e);var t},c=function(e){var n=e.dom;t(n).walk(e.selection.getRng(),function(e){o.each(e,function(e){var t;r(t=e)&&!t.firstChild&&n.remove(e,!1)})})},u=function(e){return e.dom.getParent(e.selection.getStart(),a)},i=function(e,t){var n,o,a,r,i,l=u(e);l?(a=e,r=t,(i=l).removeAttribute("name"),i.id=r,a.addVisual(),a.undoManager.add()):(o=t,(n=e).undoManager.transact(function(){n.getParam("allow_html_in_named_anchor",!1,"boolean")||n.selection.collapse(!0),n.selection.isCollapsed()?n.insertContent(n.dom.createHTML("a",{id:o})):(c(n),n.formatter.remove("namedAnchor",null,null,!0),n.formatter.apply("namedAnchor",{value:o}),n.addVisual())})),e.focus()},l=function(o){var e,t=(e=u(o))?n(e):"";o.windowManager.open({title:"Anchor",size:"normal",body:{type:"panel",items:[{name:"id",type:"input",label:"ID",placeholder:"example"}]},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:{id:t},onSubmit:function(e){var t,n;t=o,n=e.getData().id,(/^[A-Za-z][A-Za-z0-9\-:._]*$/.test(n)?(i(t,n),1):(t.windowManager.alert("Id should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores."),0))&&e.close()}})},d=function(r){return function(e){for(var t,n,o=0;o<e.length;o++){var a=e[o];n=void 0,!(n=t=a)||n.attr("href")||!n.attr("id")&&!n.attr("name")||t.firstChild||a.attr("contenteditable",r)}}};e.add("anchor",function(e){var t,n,o;(t=e).on("PreInit",function(){t.parser.addNodeFilter("a",d("false")),t.serializer.addNodeFilter("a",d(null))}),(n=e).addCommand("mceAnchor",function(){l(n)}),(o=e).ui.registry.addToggleButton("anchor",{icon:"bookmark",tooltip:"Anchor",onAction:function(){return o.execCommand("mceAnchor")},onSetup:function(e){return o.selection.selectorChangedWithUnbind("a:not([href])",e.setActive).unbind}}),o.ui.registry.addMenuItem("anchor",{icon:"bookmark",text:"Anchor...",onAction:function(){return o.execCommand("mceAnchor")}}),e.on("PreInit",function(){e.formatter.register("namedAnchor",{inline:"a",selector:a,remove:"all",split:!0,deep:!0,attributes:{id:"%value"},onmatch:function(e,t,n){return r(e)}})})})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/autolink/plugin.js b/src/assets/tinymce/plugins/autolink/plugin.js
new file mode 100644
index 00000000..b63d25dc
--- /dev/null
+++ b/src/assets/tinymce/plugins/autolink/plugin.js
@@ -0,0 +1,185 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var getAutoLinkPattern = function (editor) {
+      return editor.getParam('autolink_pattern', /^(https?:\/\/|ssh:\/\/|ftp:\/\/|file:\/|www\.|(?:mailto:)?[A-Z0-9._%+\-]+@(?!.*@))(.+)$/i);
+    };
+    var getDefaultLinkTarget = function (editor) {
+      return editor.getParam('default_link_target', false);
+    };
+    var getDefaultLinkProtocol = function (editor) {
+      return editor.getParam('link_default_protocol', 'http', 'string');
+    };
+
+    var rangeEqualsDelimiterOrSpace = function (rangeString, delimiter) {
+      return rangeString === delimiter || rangeString === ' ' || rangeString.charCodeAt(0) === 160;
+    };
+    var handleEclipse = function (editor) {
+      parseCurrentLine(editor, -1, '(');
+    };
+    var handleSpacebar = function (editor) {
+      parseCurrentLine(editor, 0, '');
+    };
+    var handleEnter = function (editor) {
+      parseCurrentLine(editor, -1, '');
+    };
+    var scopeIndex = function (container, index) {
+      if (index < 0) {
+        index = 0;
+      }
+      if (container.nodeType === 3) {
+        var len = container.data.length;
+        if (index > len) {
+          index = len;
+        }
+      }
+      return index;
+    };
+    var setStart = function (rng, container, offset) {
+      if (container.nodeType !== 1 || container.hasChildNodes()) {
+        rng.setStart(container, scopeIndex(container, offset));
+      } else {
+        rng.setStartBefore(container);
+      }
+    };
+    var setEnd = function (rng, container, offset) {
+      if (container.nodeType !== 1 || container.hasChildNodes()) {
+        rng.setEnd(container, scopeIndex(container, offset));
+      } else {
+        rng.setEndAfter(container);
+      }
+    };
+    var parseCurrentLine = function (editor, endOffset, delimiter) {
+      var end, endContainer, bookmark, text, prev, len, rngText;
+      var autoLinkPattern = getAutoLinkPattern(editor);
+      var defaultLinkTarget = getDefaultLinkTarget(editor);
+      if (editor.selection.getNode().tagName === 'A') {
+        return;
+      }
+      var rng = editor.selection.getRng().cloneRange();
+      if (rng.startOffset < 5) {
+        prev = rng.endContainer.previousSibling;
+        if (!prev) {
+          if (!rng.endContainer.firstChild || !rng.endContainer.firstChild.nextSibling) {
+            return;
+          }
+          prev = rng.endContainer.firstChild.nextSibling;
+        }
+        len = prev.length;
+        setStart(rng, prev, len);
+        setEnd(rng, prev, len);
+        if (rng.endOffset < 5) {
+          return;
+        }
+        end = rng.endOffset;
+        endContainer = prev;
+      } else {
+        endContainer = rng.endContainer;
+        if (endContainer.nodeType !== 3 && endContainer.firstChild) {
+          while (endContainer.nodeType !== 3 && endContainer.firstChild) {
+            endContainer = endContainer.firstChild;
+          }
+          if (endContainer.nodeType === 3) {
+            setStart(rng, endContainer, 0);
+            setEnd(rng, endContainer, endContainer.nodeValue.length);
+          }
+        }
+        if (rng.endOffset === 1) {
+          end = 2;
+        } else {
+          end = rng.endOffset - 1 - endOffset;
+        }
+      }
+      var start = end;
+      do {
+        setStart(rng, endContainer, end >= 2 ? end - 2 : 0);
+        setEnd(rng, endContainer, end >= 1 ? end - 1 : 0);
+        end -= 1;
+        rngText = rng.toString();
+      } while (rngText !== ' ' && rngText !== '' && rngText.charCodeAt(0) !== 160 && end - 2 >= 0 && rngText !== delimiter);
+      if (rangeEqualsDelimiterOrSpace(rng.toString(), delimiter)) {
+        setStart(rng, endContainer, end);
+        setEnd(rng, endContainer, start);
+        end += 1;
+      } else if (rng.startOffset === 0) {
+        setStart(rng, endContainer, 0);
+        setEnd(rng, endContainer, start);
+      } else {
+        setStart(rng, endContainer, end);
+        setEnd(rng, endContainer, start);
+      }
+      text = rng.toString();
+      if (text.charAt(text.length - 1) === '.') {
+        setEnd(rng, endContainer, start - 1);
+      }
+      text = rng.toString().trim();
+      var matches = text.match(autoLinkPattern);
+      var protocol = getDefaultLinkProtocol(editor);
+      if (matches) {
+        if (matches[1] === 'www.') {
+          matches[1] = protocol + '://www.';
+        } else if (/@$/.test(matches[1]) && !/^mailto:/.test(matches[1])) {
+          matches[1] = 'mailto:' + matches[1];
+        }
+        bookmark = editor.selection.getBookmark();
+        editor.selection.setRng(rng);
+        editor.execCommand('createlink', false, matches[1] + matches[2]);
+        if (defaultLinkTarget !== false) {
+          editor.dom.setAttrib(editor.selection.getNode(), 'target', defaultLinkTarget);
+        }
+        editor.selection.moveToBookmark(bookmark);
+        editor.nodeChanged();
+      }
+    };
+    var setup = function (editor) {
+      var autoUrlDetectState;
+      editor.on('keydown', function (e) {
+        if (e.keyCode === 13) {
+          return handleEnter(editor);
+        }
+      });
+      if (global$1.browser.isIE()) {
+        editor.on('focus', function () {
+          if (!autoUrlDetectState) {
+            autoUrlDetectState = true;
+            try {
+              editor.execCommand('AutoUrlDetect', false, true);
+            } catch (ex) {
+            }
+          }
+        });
+        return;
+      }
+      editor.on('keypress', function (e) {
+        if (e.keyCode === 41) {
+          return handleEclipse(editor);
+        }
+      });
+      editor.on('keyup', function (e) {
+        if (e.keyCode === 32) {
+          return handleSpacebar(editor);
+        }
+      });
+    };
+
+    function Plugin () {
+      global.add('autolink', function (editor) {
+        setup(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/autolink/plugin.min.js b/src/assets/tinymce/plugins/autolink/plugin.min.js
new file mode 100644
index 00000000..24400541
--- /dev/null
+++ b/src/assets/tinymce/plugins/autolink/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),o=tinymce.util.Tools.resolve("tinymce.Env"),i=function(e,t){var n;return t<0&&(t=0),3!==e.nodeType||(n=e.data.length)<t&&(t=n),t},y=function(e,t,n){1!==t.nodeType||t.hasChildNodes()?e.setStart(t,i(t,n)):e.setStartBefore(t)},k=function(e,t,n){1!==t.nodeType||t.hasChildNodes()?e.setEnd(t,i(t,n)):e.setEndAfter(t)},r=function(e,t,n){var o,i,r,a,s,d,f,l=e.getParam("autolink_pattern",/^(https?:\/\/|ssh:\/\/|ftp:\/\/|file:\/|www\.|(?:mailto:)?[A-Z0-9._%+\-]+@(?!.*@))(.+)$/i),c=e.getParam("default_link_target",!1);if("A"!==e.selection.getNode().tagName){var g=e.selection.getRng().cloneRange();if(g.startOffset<5){if(!(s=g.endContainer.previousSibling)){if(!g.endContainer.firstChild||!g.endContainer.firstChild.nextSibling)return;s=g.endContainer.firstChild.nextSibling}if(d=s.length,y(g,s,d),k(g,s,d),g.endOffset<5)return;o=g.endOffset,i=s}else{if(3!==(i=g.endContainer).nodeType&&i.firstChild){for(;3!==i.nodeType&&i.firstChild;)i=i.firstChild;3===i.nodeType&&(y(g,i,0),k(g,i,i.nodeValue.length))}o=1===g.endOffset?2:g.endOffset-1-t}for(var u,h=o;y(g,i,2<=o?o-2:0),k(g,i,1<=o?o-1:0),--o," "!==(f=g.toString())&&""!==f&&160!==f.charCodeAt(0)&&0<=o-2&&f!==n;);(u=g.toString())===n||" "===u||160===u.charCodeAt(0)?(y(g,i,o),k(g,i,h),o+=1):(0===g.startOffset?y(g,i,0):y(g,i,o),k(g,i,h)),"."===(a=g.toString()).charAt(a.length-1)&&k(g,i,h-1);var m=(a=g.toString().trim()).match(l),C=e.getParam("link_default_protocol","http","string");m&&("www."===m[1]?m[1]=C+"://www.":/@$/.test(m[1])&&!/^mailto:/.test(m[1])&&(m[1]="mailto:"+m[1]),r=e.selection.getBookmark(),e.selection.setRng(g),e.execCommand("createlink",!1,m[1]+m[2]),!1!==c&&e.dom.setAttrib(e.selection.getNode(),"target",c),e.selection.moveToBookmark(r),e.nodeChanged())}},t=function(t){var n;t.on("keydown",function(e){13!==e.keyCode||r(t,-1,"")}),o.browser.isIE()?t.on("focus",function(){if(!n){n=!0;try{t.execCommand("AutoUrlDetect",!1,!0)}catch(e){}}}):(t.on("keypress",function(e){41!==e.keyCode||r(t,-1,"(")}),t.on("keyup",function(e){32!==e.keyCode||r(t,0,"")}))};e.add("autolink",function(e){t(e)})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/autoresize/plugin.js b/src/assets/tinymce/plugins/autoresize/plugin.js
new file mode 100644
index 00000000..786557af
--- /dev/null
+++ b/src/assets/tinymce/plugins/autoresize/plugin.js
@@ -0,0 +1,171 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var fireResizeEditor = function (editor) {
+      return editor.fire('ResizeEditor');
+    };
+
+    var getAutoResizeMinHeight = function (editor) {
+      return editor.getParam('min_height', editor.getElement().offsetHeight, 'number');
+    };
+    var getAutoResizeMaxHeight = function (editor) {
+      return editor.getParam('max_height', 0, 'number');
+    };
+    var getAutoResizeOverflowPadding = function (editor) {
+      return editor.getParam('autoresize_overflow_padding', 1, 'number');
+    };
+    var getAutoResizeBottomMargin = function (editor) {
+      return editor.getParam('autoresize_bottom_margin', 50, 'number');
+    };
+    var shouldAutoResizeOnInit = function (editor) {
+      return editor.getParam('autoresize_on_init', true, 'boolean');
+    };
+
+    var isFullscreen = function (editor) {
+      return editor.plugins.fullscreen && editor.plugins.fullscreen.isFullscreen();
+    };
+    var wait = function (editor, oldSize, times, interval, callback) {
+      global$2.setEditorTimeout(editor, function () {
+        resize(editor, oldSize);
+        if (times--) {
+          wait(editor, oldSize, times, interval, callback);
+        } else if (callback) {
+          callback();
+        }
+      }, interval);
+    };
+    var toggleScrolling = function (editor, state) {
+      var body = editor.getBody();
+      if (body) {
+        body.style.overflowY = state ? '' : 'hidden';
+        if (!state) {
+          body.scrollTop = 0;
+        }
+      }
+    };
+    var parseCssValueToInt = function (dom, elm, name, computed) {
+      var value = parseInt(dom.getStyle(elm, name, computed), 10);
+      return isNaN(value) ? 0 : value;
+    };
+    var resize = function (editor, oldSize) {
+      var dom = editor.dom;
+      var doc = editor.getDoc();
+      if (!doc) {
+        return;
+      }
+      if (isFullscreen(editor)) {
+        toggleScrolling(editor, true);
+        return;
+      }
+      var docEle = doc.documentElement;
+      var resizeBottomMargin = getAutoResizeBottomMargin(editor);
+      var resizeHeight = getAutoResizeMinHeight(editor);
+      var marginTop = parseCssValueToInt(dom, docEle, 'margin-top', true);
+      var marginBottom = parseCssValueToInt(dom, docEle, 'margin-bottom', true);
+      var contentHeight = docEle.offsetHeight + marginTop + marginBottom + resizeBottomMargin;
+      if (contentHeight < 0) {
+        contentHeight = 0;
+      }
+      var containerHeight = editor.getContainer().offsetHeight;
+      var contentAreaHeight = editor.getContentAreaContainer().offsetHeight;
+      var chromeHeight = containerHeight - contentAreaHeight;
+      if (contentHeight + chromeHeight > getAutoResizeMinHeight(editor)) {
+        resizeHeight = contentHeight + chromeHeight;
+      }
+      var maxHeight = getAutoResizeMaxHeight(editor);
+      if (maxHeight && resizeHeight > maxHeight) {
+        resizeHeight = maxHeight;
+        toggleScrolling(editor, true);
+      } else {
+        toggleScrolling(editor, false);
+      }
+      if (resizeHeight !== oldSize.get()) {
+        var deltaSize = resizeHeight - oldSize.get();
+        dom.setStyle(editor.getContainer(), 'height', resizeHeight + 'px');
+        oldSize.set(resizeHeight);
+        fireResizeEditor(editor);
+        if (global$1.browser.isSafari() && global$1.mac) {
+          var win = editor.getWin();
+          win.scrollTo(win.pageXOffset, win.pageYOffset);
+        }
+        if (editor.hasFocus()) {
+          editor.selection.scrollIntoView(editor.selection.getNode());
+        }
+        if (global$1.webkit && deltaSize < 0) {
+          resize(editor, oldSize);
+        }
+      }
+    };
+    var setup = function (editor, oldSize) {
+      editor.on('init', function () {
+        var overflowPadding = getAutoResizeOverflowPadding(editor);
+        var dom = editor.dom;
+        dom.setStyles(editor.getDoc().documentElement, { height: 'auto' });
+        dom.setStyles(editor.getBody(), {
+          'paddingLeft': overflowPadding,
+          'paddingRight': overflowPadding,
+          'min-height': 0
+        });
+      });
+      editor.on('NodeChange SetContent keyup FullscreenStateChanged ResizeContent', function () {
+        resize(editor, oldSize);
+      });
+      if (shouldAutoResizeOnInit(editor)) {
+        editor.on('init', function () {
+          wait(editor, oldSize, 20, 100, function () {
+            wait(editor, oldSize, 5, 1000);
+          });
+        });
+      }
+    };
+
+    var register = function (editor, oldSize) {
+      editor.addCommand('mceAutoResize', function () {
+        resize(editor, oldSize);
+      });
+    };
+
+    function Plugin () {
+      global.add('autoresize', function (editor) {
+        if (!editor.settings.hasOwnProperty('resize')) {
+          editor.settings.resize = false;
+        }
+        if (!editor.inline) {
+          var oldSize = Cell(0);
+          register(editor, oldSize);
+          setup(editor, oldSize);
+        }
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/autoresize/plugin.min.js b/src/assets/tinymce/plugins/autoresize/plugin.min.js
new file mode 100644
index 00000000..01cb7d53
--- /dev/null
+++ b/src/assets/tinymce/plugins/autoresize/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),h=tinymce.util.Tools.resolve("tinymce.Env"),r=tinymce.util.Tools.resolve("tinymce.util.Delay"),y=function(e){return e.getParam("min_height",e.getElement().offsetHeight,"number")},a=function(e,t,n,i,o){r.setEditorTimeout(e,function(){b(e,t),n--?a(e,t,n,i,o):o&&o()},i)},p=function(e,t){var n=e.getBody();n&&(n.style.overflowY=t?"":"hidden",t||(n.scrollTop=0))},v=function(e,t,n,i){var o=parseInt(e.getStyle(t,n,i),10);return isNaN(o)?0:o},b=function(e,t){var n,i,o,r,s,a,g,u,l,c,m,f=e.dom,d=e.getDoc();d&&((n=e).plugins.fullscreen&&n.plugins.fullscreen.isFullscreen()?p(e,!0):(i=d.documentElement,o=e.getParam("autoresize_bottom_margin",50,"number"),r=y(e),s=v(f,i,"margin-top",!0),a=v(f,i,"margin-bottom",!0),(g=i.offsetHeight+s+a+o)<0&&(g=0),g+(u=e.getContainer().offsetHeight-e.getContentAreaContainer().offsetHeight)>y(e)&&(r=g+u),(l=e.getParam("max_height",0,"number"))&&l<r?(r=l,p(e,!0)):p(e,!1),r!==t.get()&&(c=r-t.get(),f.setStyle(e.getContainer(),"height",r+"px"),t.set(r),e.fire("ResizeEditor"),h.browser.isSafari()&&h.mac&&(m=e.getWin()).scrollTo(m.pageXOffset,m.pageYOffset),e.hasFocus()&&e.selection.scrollIntoView(e.selection.getNode()),h.webkit&&c<0&&b(e,t))))};e.add("autoresize",function(e){var t,n,i,o,r,s;e.settings.hasOwnProperty("resize")||(e.settings.resize=!1),e.inline||(s=0,r=t={get:function(){return s},set:function(e){s=e}},(o=e).addCommand("mceAutoResize",function(){b(o,r)}),i=t,(n=e).on("init",function(){var e=n.getParam("autoresize_overflow_padding",1,"number"),t=n.dom;t.setStyles(n.getDoc().documentElement,{height:"auto"}),t.setStyles(n.getBody(),{paddingLeft:e,paddingRight:e,"min-height":0})}),n.on("NodeChange SetContent keyup FullscreenStateChanged ResizeContent",function(){b(n,i)}),n.getParam("autoresize_on_init",!0,"boolean")&&n.on("init",function(){a(n,i,20,100,function(){a(n,i,5,1e3)})}))})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/autosave/plugin.js b/src/assets/tinymce/plugins/autosave/plugin.js
new file mode 100644
index 00000000..84b993a4
--- /dev/null
+++ b/src/assets/tinymce/plugins/autosave/plugin.js
@@ -0,0 +1,212 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var eq = function (t) {
+      return function (a) {
+        return t === a;
+      };
+    };
+    var isUndefined = eq(undefined);
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.LocalStorage');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var fireRestoreDraft = function (editor) {
+      return editor.fire('RestoreDraft');
+    };
+    var fireStoreDraft = function (editor) {
+      return editor.fire('StoreDraft');
+    };
+    var fireRemoveDraft = function (editor) {
+      return editor.fire('RemoveDraft');
+    };
+
+    var parse = function (timeString, defaultTime) {
+      var multiples = {
+        s: 1000,
+        m: 60000
+      };
+      var toParse = timeString || defaultTime;
+      var parsedTime = /^(\d+)([ms]?)$/.exec('' + toParse);
+      return (parsedTime[2] ? multiples[parsedTime[2]] : 1) * parseInt(toParse, 10);
+    };
+
+    var shouldAskBeforeUnload = function (editor) {
+      return editor.getParam('autosave_ask_before_unload', true);
+    };
+    var getAutoSavePrefix = function (editor) {
+      var location = document.location;
+      return editor.getParam('autosave_prefix', 'tinymce-autosave-{path}{query}{hash}-{id}-').replace(/{path}/g, location.pathname).replace(/{query}/g, location.search).replace(/{hash}/g, location.hash).replace(/{id}/g, editor.id);
+    };
+    var shouldRestoreWhenEmpty = function (editor) {
+      return editor.getParam('autosave_restore_when_empty', false);
+    };
+    var getAutoSaveInterval = function (editor) {
+      return parse(editor.getParam('autosave_interval'), '30s');
+    };
+    var getAutoSaveRetention = function (editor) {
+      return parse(editor.getParam('autosave_retention'), '20m');
+    };
+
+    var isEmpty = function (editor, html) {
+      if (isUndefined(html)) {
+        return editor.dom.isEmpty(editor.getBody());
+      } else {
+        var trimmedHtml = global$3.trim(html);
+        if (trimmedHtml === '') {
+          return true;
+        } else {
+          var fragment = new DOMParser().parseFromString(trimmedHtml, 'text/html');
+          return editor.dom.isEmpty(fragment);
+        }
+      }
+    };
+    var hasDraft = function (editor) {
+      var time = parseInt(global$2.getItem(getAutoSavePrefix(editor) + 'time'), 10) || 0;
+      if (new Date().getTime() - time > getAutoSaveRetention(editor)) {
+        removeDraft(editor, false);
+        return false;
+      }
+      return true;
+    };
+    var removeDraft = function (editor, fire) {
+      var prefix = getAutoSavePrefix(editor);
+      global$2.removeItem(prefix + 'draft');
+      global$2.removeItem(prefix + 'time');
+      if (fire !== false) {
+        fireRemoveDraft(editor);
+      }
+    };
+    var storeDraft = function (editor) {
+      var prefix = getAutoSavePrefix(editor);
+      if (!isEmpty(editor) && editor.isDirty()) {
+        global$2.setItem(prefix + 'draft', editor.getContent({
+          format: 'raw',
+          no_events: true
+        }));
+        global$2.setItem(prefix + 'time', new Date().getTime().toString());
+        fireStoreDraft(editor);
+      }
+    };
+    var restoreDraft = function (editor) {
+      var prefix = getAutoSavePrefix(editor);
+      if (hasDraft(editor)) {
+        editor.setContent(global$2.getItem(prefix + 'draft'), { format: 'raw' });
+        fireRestoreDraft(editor);
+      }
+    };
+    var startStoreDraft = function (editor) {
+      var interval = getAutoSaveInterval(editor);
+      global$1.setEditorInterval(editor, function () {
+        storeDraft(editor);
+      }, interval);
+    };
+    var restoreLastDraft = function (editor) {
+      editor.undoManager.transact(function () {
+        restoreDraft(editor);
+        removeDraft(editor);
+      });
+      editor.focus();
+    };
+
+    var get = function (editor) {
+      return {
+        hasDraft: function () {
+          return hasDraft(editor);
+        },
+        storeDraft: function () {
+          return storeDraft(editor);
+        },
+        restoreDraft: function () {
+          return restoreDraft(editor);
+        },
+        removeDraft: function (fire) {
+          return removeDraft(editor, fire);
+        },
+        isEmpty: function (html) {
+          return isEmpty(editor, html);
+        }
+      };
+    };
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.EditorManager');
+
+    var setup = function (editor) {
+      editor.editorManager.on('BeforeUnload', function (e) {
+        var msg;
+        global$3.each(global$4.get(), function (editor) {
+          if (editor.plugins.autosave) {
+            editor.plugins.autosave.storeDraft();
+          }
+          if (!msg && editor.isDirty() && shouldAskBeforeUnload(editor)) {
+            msg = editor.translate('You have unsaved changes are you sure you want to navigate away?');
+          }
+        });
+        if (msg) {
+          e.preventDefault();
+          e.returnValue = msg;
+        }
+      });
+    };
+
+    var makeSetupHandler = function (editor) {
+      return function (api) {
+        api.setDisabled(!hasDraft(editor));
+        var editorEventCallback = function () {
+          return api.setDisabled(!hasDraft(editor));
+        };
+        editor.on('StoreDraft RestoreDraft RemoveDraft', editorEventCallback);
+        return function () {
+          return editor.off('StoreDraft RestoreDraft RemoveDraft', editorEventCallback);
+        };
+      };
+    };
+    var register = function (editor) {
+      startStoreDraft(editor);
+      editor.ui.registry.addButton('restoredraft', {
+        tooltip: 'Restore last draft',
+        icon: 'restore-draft',
+        onAction: function () {
+          restoreLastDraft(editor);
+        },
+        onSetup: makeSetupHandler(editor)
+      });
+      editor.ui.registry.addMenuItem('restoredraft', {
+        text: 'Restore last draft',
+        icon: 'restore-draft',
+        onAction: function () {
+          restoreLastDraft(editor);
+        },
+        onSetup: makeSetupHandler(editor)
+      });
+    };
+
+    function Plugin () {
+      global.add('autosave', function (editor) {
+        setup(editor);
+        register(editor);
+        editor.on('init', function () {
+          if (shouldRestoreWhenEmpty(editor) && editor.dom.isEmpty(editor.getBody())) {
+            restoreDraft(editor);
+          }
+        });
+        return get(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/autosave/plugin.min.js b/src/assets/tinymce/plugins/autosave/plugin.min.js
new file mode 100644
index 00000000..cd252940
--- /dev/null
+++ b/src/assets/tinymce/plugins/autosave/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e,t=tinymce.util.Tools.resolve("tinymce.PluginManager"),a=(e=undefined,function(t){return e===t}),r=tinymce.util.Tools.resolve("tinymce.util.Delay"),n=tinymce.util.Tools.resolve("tinymce.util.LocalStorage"),o=tinymce.util.Tools.resolve("tinymce.util.Tools"),i=function(t,e){var r=t||e,n=/^(\d+)([ms]?)$/.exec(""+r);return(n[2]?{s:1e3,m:6e4}[n[2]]:1)*parseInt(r,10)},u=function(t){var e=document.location;return t.getParam("autosave_prefix","tinymce-autosave-{path}{query}{hash}-{id}-").replace(/{path}/g,e.pathname).replace(/{query}/g,e.search).replace(/{hash}/g,e.hash).replace(/{id}/g,t.id)},s=function(t,e){if(a(e))return t.dom.isEmpty(t.getBody());var r=o.trim(e);if(""===r)return!0;var n=(new DOMParser).parseFromString(r,"text/html");return t.dom.isEmpty(n)},f=function(t){var e=parseInt(n.getItem(u(t)+"time"),10)||0;return!((new Date).getTime()-e>i(t.getParam("autosave_retention"),"20m"))||(c(t,!1),!1)},c=function(t,e){var r=u(t);n.removeItem(r+"draft"),n.removeItem(r+"time"),!1!==e&&t.fire("RemoveDraft")},m=function(t){var e=u(t);!s(t)&&t.isDirty()&&(n.setItem(e+"draft",t.getContent({format:"raw",no_events:!0})),n.setItem(e+"time",(new Date).getTime().toString()),t.fire("StoreDraft"))},l=function(t){var e=u(t);f(t)&&(t.setContent(n.getItem(e+"draft"),{format:"raw"}),t.fire("RestoreDraft"))},v=function(t){var e=i(t.getParam("autosave_interval"),"30s");r.setEditorInterval(t,function(){m(t)},e)},d=function(t){t.undoManager.transact(function(){l(t),c(t)}),t.focus()},g=tinymce.util.Tools.resolve("tinymce.EditorManager"),y=function(r){return function(t){t.setDisabled(!f(r));var e=function(){return t.setDisabled(!f(r))};return r.on("StoreDraft RestoreDraft RemoveDraft",e),function(){return r.off("StoreDraft RestoreDraft RemoveDraft",e)}}};t.add("autosave",function(t){var e,r;return t.editorManager.on("BeforeUnload",function(t){var e;o.each(g.get(),function(t){t.plugins.autosave&&t.plugins.autosave.storeDraft(),!e&&t.isDirty()&&t.getParam("autosave_ask_before_unload",!0)&&(e=t.translate("You have unsaved changes are you sure you want to navigate away?"))}),e&&(t.preventDefault(),t.returnValue=e)}),v(e=t),e.ui.registry.addButton("restoredraft",{tooltip:"Restore last draft",icon:"restore-draft",onAction:function(){d(e)},onSetup:y(e)}),e.ui.registry.addMenuItem("restoredraft",{text:"Restore last draft",icon:"restore-draft",onAction:function(){d(e)},onSetup:y(e)}),t.on("init",function(){t.getParam("autosave_restore_when_empty",!1)&&t.dom.isEmpty(t.getBody())&&l(t)}),r=t,{hasDraft:function(){return f(r)},storeDraft:function(){return m(r)},restoreDraft:function(){return l(r)},removeDraft:function(t){return c(r,t)},isEmpty:function(t){return s(r,t)}}})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/bbcode/plugin.js b/src/assets/tinymce/plugins/bbcode/plugin.js
new file mode 100644
index 00000000..5b7ac223
--- /dev/null
+++ b/src/assets/tinymce/plugins/bbcode/plugin.js
@@ -0,0 +1,99 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var html2bbcode = function (s) {
+      s = global$1.trim(s);
+      var rep = function (re, str) {
+        s = s.replace(re, str);
+      };
+      rep(/<a.*?href=\"(.*?)\".*?>(.*?)<\/a>/gi, '[url=$1]$2[/url]');
+      rep(/<font.*?color=\"(.*?)\".*?class=\"codeStyle\".*?>(.*?)<\/font>/gi, '[code][color=$1]$2[/color][/code]');
+      rep(/<font.*?color=\"(.*?)\".*?class=\"quoteStyle\".*?>(.*?)<\/font>/gi, '[quote][color=$1]$2[/color][/quote]');
+      rep(/<font.*?class=\"codeStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi, '[code][color=$1]$2[/color][/code]');
+      rep(/<font.*?class=\"quoteStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi, '[quote][color=$1]$2[/color][/quote]');
+      rep(/<span style=\"color: ?(.*?);\">(.*?)<\/span>/gi, '[color=$1]$2[/color]');
+      rep(/<font.*?color=\"(.*?)\".*?>(.*?)<\/font>/gi, '[color=$1]$2[/color]');
+      rep(/<span style=\"font-size:(.*?);\">(.*?)<\/span>/gi, '[size=$1]$2[/size]');
+      rep(/<font>(.*?)<\/font>/gi, '$1');
+      rep(/<img.*?src=\"(.*?)\".*?\/>/gi, '[img]$1[/img]');
+      rep(/<span class=\"codeStyle\">(.*?)<\/span>/gi, '[code]$1[/code]');
+      rep(/<span class=\"quoteStyle\">(.*?)<\/span>/gi, '[quote]$1[/quote]');
+      rep(/<strong class=\"codeStyle\">(.*?)<\/strong>/gi, '[code][b]$1[/b][/code]');
+      rep(/<strong class=\"quoteStyle\">(.*?)<\/strong>/gi, '[quote][b]$1[/b][/quote]');
+      rep(/<em class=\"codeStyle\">(.*?)<\/em>/gi, '[code][i]$1[/i][/code]');
+      rep(/<em class=\"quoteStyle\">(.*?)<\/em>/gi, '[quote][i]$1[/i][/quote]');
+      rep(/<u class=\"codeStyle\">(.*?)<\/u>/gi, '[code][u]$1[/u][/code]');
+      rep(/<u class=\"quoteStyle\">(.*?)<\/u>/gi, '[quote][u]$1[/u][/quote]');
+      rep(/<\/(strong|b)>/gi, '[/b]');
+      rep(/<(strong|b)>/gi, '[b]');
+      rep(/<\/(em|i)>/gi, '[/i]');
+      rep(/<(em|i)>/gi, '[i]');
+      rep(/<\/u>/gi, '[/u]');
+      rep(/<span style=\"text-decoration: ?underline;\">(.*?)<\/span>/gi, '[u]$1[/u]');
+      rep(/<u>/gi, '[u]');
+      rep(/<blockquote[^>]*>/gi, '[quote]');
+      rep(/<\/blockquote>/gi, '[/quote]');
+      rep(/<br \/>/gi, '\n');
+      rep(/<br\/>/gi, '\n');
+      rep(/<br>/gi, '\n');
+      rep(/<p>/gi, '');
+      rep(/<\/p>/gi, '\n');
+      rep(/&nbsp;|\u00a0/gi, ' ');
+      rep(/&quot;/gi, '"');
+      rep(/&lt;/gi, '<');
+      rep(/&gt;/gi, '>');
+      rep(/&amp;/gi, '&');
+      return s;
+    };
+    var bbcode2html = function (s) {
+      s = global$1.trim(s);
+      var rep = function (re, str) {
+        s = s.replace(re, str);
+      };
+      rep(/\n/gi, '<br />');
+      rep(/\[b\]/gi, '<strong>');
+      rep(/\[\/b\]/gi, '</strong>');
+      rep(/\[i\]/gi, '<em>');
+      rep(/\[\/i\]/gi, '</em>');
+      rep(/\[u\]/gi, '<u>');
+      rep(/\[\/u\]/gi, '</u>');
+      rep(/\[url=([^\]]+)\](.*?)\[\/url\]/gi, '<a href="$1">$2</a>');
+      rep(/\[url\](.*?)\[\/url\]/gi, '<a href="$1">$1</a>');
+      rep(/\[img\](.*?)\[\/img\]/gi, '<img src="$1" />');
+      rep(/\[color=(.*?)\](.*?)\[\/color\]/gi, '<font color="$1">$2</font>');
+      rep(/\[code\](.*?)\[\/code\]/gi, '<span class="codeStyle">$1</span>&nbsp;');
+      rep(/\[quote.*?\](.*?)\[\/quote\]/gi, '<span class="quoteStyle">$1</span>&nbsp;');
+      return s;
+    };
+
+    function Plugin () {
+      global.add('bbcode', function (editor) {
+        editor.on('BeforeSetContent', function (e) {
+          e.content = bbcode2html(e.content);
+        });
+        editor.on('PostProcess', function (e) {
+          if (e.set) {
+            e.content = bbcode2html(e.content);
+          }
+          if (e.get) {
+            e.content = html2bbcode(e.content);
+          }
+        });
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/bbcode/plugin.min.js b/src/assets/tinymce/plugins/bbcode/plugin.min.js
new file mode 100644
index 00000000..a0471d46
--- /dev/null
+++ b/src/assets/tinymce/plugins/bbcode/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var o=tinymce.util.Tools.resolve("tinymce.PluginManager"),e=tinymce.util.Tools.resolve("tinymce.util.Tools"),t=function(t){t=e.trim(t);var o=function(o,e){t=t.replace(o,e)};return o(/\n/gi,"<br />"),o(/\[b\]/gi,"<strong>"),o(/\[\/b\]/gi,"</strong>"),o(/\[i\]/gi,"<em>"),o(/\[\/i\]/gi,"</em>"),o(/\[u\]/gi,"<u>"),o(/\[\/u\]/gi,"</u>"),o(/\[url=([^\]]+)\](.*?)\[\/url\]/gi,'<a href="$1">$2</a>'),o(/\[url\](.*?)\[\/url\]/gi,'<a href="$1">$1</a>'),o(/\[img\](.*?)\[\/img\]/gi,'<img src="$1" />'),o(/\[color=(.*?)\](.*?)\[\/color\]/gi,'<font color="$1">$2</font>'),o(/\[code\](.*?)\[\/code\]/gi,'<span class="codeStyle">$1</span>&nbsp;'),o(/\[quote.*?\](.*?)\[\/quote\]/gi,'<span class="quoteStyle">$1</span>&nbsp;'),t};o.add("bbcode",function(o){o.on("BeforeSetContent",function(o){o.content=t(o.content)}),o.on("PostProcess",function(o){o.set&&(o.content=t(o.content)),o.get&&(o.content=function(t){t=e.trim(t);var o=function(o,e){t=t.replace(o,e)};return o(/<a.*?href=\"(.*?)\".*?>(.*?)<\/a>/gi,"[url=$1]$2[/url]"),o(/<font.*?color=\"(.*?)\".*?class=\"codeStyle\".*?>(.*?)<\/font>/gi,"[code][color=$1]$2[/color][/code]"),o(/<font.*?color=\"(.*?)\".*?class=\"quoteStyle\".*?>(.*?)<\/font>/gi,"[quote][color=$1]$2[/color][/quote]"),o(/<font.*?class=\"codeStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[code][color=$1]$2[/color][/code]"),o(/<font.*?class=\"quoteStyle\".*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[quote][color=$1]$2[/color][/quote]"),o(/<span style=\"color: ?(.*?);\">(.*?)<\/span>/gi,"[color=$1]$2[/color]"),o(/<font.*?color=\"(.*?)\".*?>(.*?)<\/font>/gi,"[color=$1]$2[/color]"),o(/<span style=\"font-size:(.*?);\">(.*?)<\/span>/gi,"[size=$1]$2[/size]"),o(/<font>(.*?)<\/font>/gi,"$1"),o(/<img.*?src=\"(.*?)\".*?\/>/gi,"[img]$1[/img]"),o(/<span class=\"codeStyle\">(.*?)<\/span>/gi,"[code]$1[/code]"),o(/<span class=\"quoteStyle\">(.*?)<\/span>/gi,"[quote]$1[/quote]"),o(/<strong class=\"codeStyle\">(.*?)<\/strong>/gi,"[code][b]$1[/b][/code]"),o(/<strong class=\"quoteStyle\">(.*?)<\/strong>/gi,"[quote][b]$1[/b][/quote]"),o(/<em class=\"codeStyle\">(.*?)<\/em>/gi,"[code][i]$1[/i][/code]"),o(/<em class=\"quoteStyle\">(.*?)<\/em>/gi,"[quote][i]$1[/i][/quote]"),o(/<u class=\"codeStyle\">(.*?)<\/u>/gi,"[code][u]$1[/u][/code]"),o(/<u class=\"quoteStyle\">(.*?)<\/u>/gi,"[quote][u]$1[/u][/quote]"),o(/<\/(strong|b)>/gi,"[/b]"),o(/<(strong|b)>/gi,"[b]"),o(/<\/(em|i)>/gi,"[/i]"),o(/<(em|i)>/gi,"[i]"),o(/<\/u>/gi,"[/u]"),o(/<span style=\"text-decoration: ?underline;\">(.*?)<\/span>/gi,"[u]$1[/u]"),o(/<u>/gi,"[u]"),o(/<blockquote[^>]*>/gi,"[quote]"),o(/<\/blockquote>/gi,"[/quote]"),o(/<br \/>/gi,"\n"),o(/<br\/>/gi,"\n"),o(/<br>/gi,"\n"),o(/<p>/gi,""),o(/<\/p>/gi,"\n"),o(/&nbsp;|\u00a0/gi," "),o(/&quot;/gi,'"'),o(/&lt;/gi,"<"),o(/&gt;/gi,">"),o(/&amp;/gi,"&"),t}(o.content))})})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/charmap/plugin.js b/src/assets/tinymce/plugins/charmap/plugin.js
new file mode 100644
index 00000000..cceb2ec1
--- /dev/null
+++ b/src/assets/tinymce/plugins/charmap/plugin.js
@@ -0,0 +1,1706 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var fireInsertCustomChar = function (editor, chr) {
+      return editor.fire('insertCustomChar', { chr: chr });
+    };
+
+    var insertChar = function (editor, chr) {
+      var evtChr = fireInsertCustomChar(editor, chr).chr;
+      editor.execCommand('mceInsertContent', false, evtChr);
+    };
+
+    var noop = function () {
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var typeOf = function (x) {
+      var t = typeof x;
+      if (x === null) {
+        return 'null';
+      } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+        return 'array';
+      } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+        return 'string';
+      } else {
+        return t;
+      }
+    };
+    var isType = function (type) {
+      return function (value) {
+        return typeOf(value) === type;
+      };
+    };
+    var isArray = isType('array');
+
+    var nativePush = Array.prototype.push;
+    var map = function (xs, f) {
+      var len = xs.length;
+      var r = new Array(len);
+      for (var i = 0; i < len; i++) {
+        var x = xs[i];
+        r[i] = f(x, i);
+      }
+      return r;
+    };
+    var each = function (xs, f) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var findUntil = function (xs, pred, until) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return Optional.some(x);
+        } else if (until(x, i)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var find = function (xs, pred) {
+      return findUntil(xs, pred, never);
+    };
+    var flatten = function (xs) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; ++i) {
+        if (!isArray(xs[i])) {
+          throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+        }
+        nativePush.apply(r, xs[i]);
+      }
+      return r;
+    };
+    var bind = function (xs, f) {
+      return flatten(map(xs, f));
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var getCharMap = function (editor) {
+      return editor.getParam('charmap');
+    };
+    var getCharMapAppend = function (editor) {
+      return editor.getParam('charmap_append');
+    };
+
+    var isArray$1 = global$1.isArray;
+    var UserDefined = 'User Defined';
+    var getDefaultCharMap = function () {
+      return [
+        {
+          name: 'Currency',
+          characters: [
+            [
+              36,
+              'dollar sign'
+            ],
+            [
+              162,
+              'cent sign'
+            ],
+            [
+              8364,
+              'euro sign'
+            ],
+            [
+              163,
+              'pound sign'
+            ],
+            [
+              165,
+              'yen sign'
+            ],
+            [
+              164,
+              'currency sign'
+            ],
+            [
+              8352,
+              'euro-currency sign'
+            ],
+            [
+              8353,
+              'colon sign'
+            ],
+            [
+              8354,
+              'cruzeiro sign'
+            ],
+            [
+              8355,
+              'french franc sign'
+            ],
+            [
+              8356,
+              'lira sign'
+            ],
+            [
+              8357,
+              'mill sign'
+            ],
+            [
+              8358,
+              'naira sign'
+            ],
+            [
+              8359,
+              'peseta sign'
+            ],
+            [
+              8360,
+              'rupee sign'
+            ],
+            [
+              8361,
+              'won sign'
+            ],
+            [
+              8362,
+              'new sheqel sign'
+            ],
+            [
+              8363,
+              'dong sign'
+            ],
+            [
+              8365,
+              'kip sign'
+            ],
+            [
+              8366,
+              'tugrik sign'
+            ],
+            [
+              8367,
+              'drachma sign'
+            ],
+            [
+              8368,
+              'german penny symbol'
+            ],
+            [
+              8369,
+              'peso sign'
+            ],
+            [
+              8370,
+              'guarani sign'
+            ],
+            [
+              8371,
+              'austral sign'
+            ],
+            [
+              8372,
+              'hryvnia sign'
+            ],
+            [
+              8373,
+              'cedi sign'
+            ],
+            [
+              8374,
+              'livre tournois sign'
+            ],
+            [
+              8375,
+              'spesmilo sign'
+            ],
+            [
+              8376,
+              'tenge sign'
+            ],
+            [
+              8377,
+              'indian rupee sign'
+            ],
+            [
+              8378,
+              'turkish lira sign'
+            ],
+            [
+              8379,
+              'nordic mark sign'
+            ],
+            [
+              8380,
+              'manat sign'
+            ],
+            [
+              8381,
+              'ruble sign'
+            ],
+            [
+              20870,
+              'yen character'
+            ],
+            [
+              20803,
+              'yuan character'
+            ],
+            [
+              22291,
+              'yuan character, in hong kong and taiwan'
+            ],
+            [
+              22278,
+              'yen/yuan character variant one'
+            ]
+          ]
+        },
+        {
+          name: 'Text',
+          characters: [
+            [
+              169,
+              'copyright sign'
+            ],
+            [
+              174,
+              'registered sign'
+            ],
+            [
+              8482,
+              'trade mark sign'
+            ],
+            [
+              8240,
+              'per mille sign'
+            ],
+            [
+              181,
+              'micro sign'
+            ],
+            [
+              183,
+              'middle dot'
+            ],
+            [
+              8226,
+              'bullet'
+            ],
+            [
+              8230,
+              'three dot leader'
+            ],
+            [
+              8242,
+              'minutes / feet'
+            ],
+            [
+              8243,
+              'seconds / inches'
+            ],
+            [
+              167,
+              'section sign'
+            ],
+            [
+              182,
+              'paragraph sign'
+            ],
+            [
+              223,
+              'sharp s / ess-zed'
+            ]
+          ]
+        },
+        {
+          name: 'Quotations',
+          characters: [
+            [
+              8249,
+              'single left-pointing angle quotation mark'
+            ],
+            [
+              8250,
+              'single right-pointing angle quotation mark'
+            ],
+            [
+              171,
+              'left pointing guillemet'
+            ],
+            [
+              187,
+              'right pointing guillemet'
+            ],
+            [
+              8216,
+              'left single quotation mark'
+            ],
+            [
+              8217,
+              'right single quotation mark'
+            ],
+            [
+              8220,
+              'left double quotation mark'
+            ],
+            [
+              8221,
+              'right double quotation mark'
+            ],
+            [
+              8218,
+              'single low-9 quotation mark'
+            ],
+            [
+              8222,
+              'double low-9 quotation mark'
+            ],
+            [
+              60,
+              'less-than sign'
+            ],
+            [
+              62,
+              'greater-than sign'
+            ],
+            [
+              8804,
+              'less-than or equal to'
+            ],
+            [
+              8805,
+              'greater-than or equal to'
+            ],
+            [
+              8211,
+              'en dash'
+            ],
+            [
+              8212,
+              'em dash'
+            ],
+            [
+              175,
+              'macron'
+            ],
+            [
+              8254,
+              'overline'
+            ],
+            [
+              164,
+              'currency sign'
+            ],
+            [
+              166,
+              'broken bar'
+            ],
+            [
+              168,
+              'diaeresis'
+            ],
+            [
+              161,
+              'inverted exclamation mark'
+            ],
+            [
+              191,
+              'turned question mark'
+            ],
+            [
+              710,
+              'circumflex accent'
+            ],
+            [
+              732,
+              'small tilde'
+            ],
+            [
+              176,
+              'degree sign'
+            ],
+            [
+              8722,
+              'minus sign'
+            ],
+            [
+              177,
+              'plus-minus sign'
+            ],
+            [
+              247,
+              'division sign'
+            ],
+            [
+              8260,
+              'fraction slash'
+            ],
+            [
+              215,
+              'multiplication sign'
+            ],
+            [
+              185,
+              'superscript one'
+            ],
+            [
+              178,
+              'superscript two'
+            ],
+            [
+              179,
+              'superscript three'
+            ],
+            [
+              188,
+              'fraction one quarter'
+            ],
+            [
+              189,
+              'fraction one half'
+            ],
+            [
+              190,
+              'fraction three quarters'
+            ]
+          ]
+        },
+        {
+          name: 'Mathematical',
+          characters: [
+            [
+              402,
+              'function / florin'
+            ],
+            [
+              8747,
+              'integral'
+            ],
+            [
+              8721,
+              'n-ary sumation'
+            ],
+            [
+              8734,
+              'infinity'
+            ],
+            [
+              8730,
+              'square root'
+            ],
+            [
+              8764,
+              'similar to'
+            ],
+            [
+              8773,
+              'approximately equal to'
+            ],
+            [
+              8776,
+              'almost equal to'
+            ],
+            [
+              8800,
+              'not equal to'
+            ],
+            [
+              8801,
+              'identical to'
+            ],
+            [
+              8712,
+              'element of'
+            ],
+            [
+              8713,
+              'not an element of'
+            ],
+            [
+              8715,
+              'contains as member'
+            ],
+            [
+              8719,
+              'n-ary product'
+            ],
+            [
+              8743,
+              'logical and'
+            ],
+            [
+              8744,
+              'logical or'
+            ],
+            [
+              172,
+              'not sign'
+            ],
+            [
+              8745,
+              'intersection'
+            ],
+            [
+              8746,
+              'union'
+            ],
+            [
+              8706,
+              'partial differential'
+            ],
+            [
+              8704,
+              'for all'
+            ],
+            [
+              8707,
+              'there exists'
+            ],
+            [
+              8709,
+              'diameter'
+            ],
+            [
+              8711,
+              'backward difference'
+            ],
+            [
+              8727,
+              'asterisk operator'
+            ],
+            [
+              8733,
+              'proportional to'
+            ],
+            [
+              8736,
+              'angle'
+            ]
+          ]
+        },
+        {
+          name: 'Extended Latin',
+          characters: [
+            [
+              192,
+              'A - grave'
+            ],
+            [
+              193,
+              'A - acute'
+            ],
+            [
+              194,
+              'A - circumflex'
+            ],
+            [
+              195,
+              'A - tilde'
+            ],
+            [
+              196,
+              'A - diaeresis'
+            ],
+            [
+              197,
+              'A - ring above'
+            ],
+            [
+              256,
+              'A - macron'
+            ],
+            [
+              198,
+              'ligature AE'
+            ],
+            [
+              199,
+              'C - cedilla'
+            ],
+            [
+              200,
+              'E - grave'
+            ],
+            [
+              201,
+              'E - acute'
+            ],
+            [
+              202,
+              'E - circumflex'
+            ],
+            [
+              203,
+              'E - diaeresis'
+            ],
+            [
+              274,
+              'E - macron'
+            ],
+            [
+              204,
+              'I - grave'
+            ],
+            [
+              205,
+              'I - acute'
+            ],
+            [
+              206,
+              'I - circumflex'
+            ],
+            [
+              207,
+              'I - diaeresis'
+            ],
+            [
+              298,
+              'I - macron'
+            ],
+            [
+              208,
+              'ETH'
+            ],
+            [
+              209,
+              'N - tilde'
+            ],
+            [
+              210,
+              'O - grave'
+            ],
+            [
+              211,
+              'O - acute'
+            ],
+            [
+              212,
+              'O - circumflex'
+            ],
+            [
+              213,
+              'O - tilde'
+            ],
+            [
+              214,
+              'O - diaeresis'
+            ],
+            [
+              216,
+              'O - slash'
+            ],
+            [
+              332,
+              'O - macron'
+            ],
+            [
+              338,
+              'ligature OE'
+            ],
+            [
+              352,
+              'S - caron'
+            ],
+            [
+              217,
+              'U - grave'
+            ],
+            [
+              218,
+              'U - acute'
+            ],
+            [
+              219,
+              'U - circumflex'
+            ],
+            [
+              220,
+              'U - diaeresis'
+            ],
+            [
+              362,
+              'U - macron'
+            ],
+            [
+              221,
+              'Y - acute'
+            ],
+            [
+              376,
+              'Y - diaeresis'
+            ],
+            [
+              562,
+              'Y - macron'
+            ],
+            [
+              222,
+              'THORN'
+            ],
+            [
+              224,
+              'a - grave'
+            ],
+            [
+              225,
+              'a - acute'
+            ],
+            [
+              226,
+              'a - circumflex'
+            ],
+            [
+              227,
+              'a - tilde'
+            ],
+            [
+              228,
+              'a - diaeresis'
+            ],
+            [
+              229,
+              'a - ring above'
+            ],
+            [
+              257,
+              'a - macron'
+            ],
+            [
+              230,
+              'ligature ae'
+            ],
+            [
+              231,
+              'c - cedilla'
+            ],
+            [
+              232,
+              'e - grave'
+            ],
+            [
+              233,
+              'e - acute'
+            ],
+            [
+              234,
+              'e - circumflex'
+            ],
+            [
+              235,
+              'e - diaeresis'
+            ],
+            [
+              275,
+              'e - macron'
+            ],
+            [
+              236,
+              'i - grave'
+            ],
+            [
+              237,
+              'i - acute'
+            ],
+            [
+              238,
+              'i - circumflex'
+            ],
+            [
+              239,
+              'i - diaeresis'
+            ],
+            [
+              299,
+              'i - macron'
+            ],
+            [
+              240,
+              'eth'
+            ],
+            [
+              241,
+              'n - tilde'
+            ],
+            [
+              242,
+              'o - grave'
+            ],
+            [
+              243,
+              'o - acute'
+            ],
+            [
+              244,
+              'o - circumflex'
+            ],
+            [
+              245,
+              'o - tilde'
+            ],
+            [
+              246,
+              'o - diaeresis'
+            ],
+            [
+              248,
+              'o slash'
+            ],
+            [
+              333,
+              'o macron'
+            ],
+            [
+              339,
+              'ligature oe'
+            ],
+            [
+              353,
+              's - caron'
+            ],
+            [
+              249,
+              'u - grave'
+            ],
+            [
+              250,
+              'u - acute'
+            ],
+            [
+              251,
+              'u - circumflex'
+            ],
+            [
+              252,
+              'u - diaeresis'
+            ],
+            [
+              363,
+              'u - macron'
+            ],
+            [
+              253,
+              'y - acute'
+            ],
+            [
+              254,
+              'thorn'
+            ],
+            [
+              255,
+              'y - diaeresis'
+            ],
+            [
+              563,
+              'y - macron'
+            ],
+            [
+              913,
+              'Alpha'
+            ],
+            [
+              914,
+              'Beta'
+            ],
+            [
+              915,
+              'Gamma'
+            ],
+            [
+              916,
+              'Delta'
+            ],
+            [
+              917,
+              'Epsilon'
+            ],
+            [
+              918,
+              'Zeta'
+            ],
+            [
+              919,
+              'Eta'
+            ],
+            [
+              920,
+              'Theta'
+            ],
+            [
+              921,
+              'Iota'
+            ],
+            [
+              922,
+              'Kappa'
+            ],
+            [
+              923,
+              'Lambda'
+            ],
+            [
+              924,
+              'Mu'
+            ],
+            [
+              925,
+              'Nu'
+            ],
+            [
+              926,
+              'Xi'
+            ],
+            [
+              927,
+              'Omicron'
+            ],
+            [
+              928,
+              'Pi'
+            ],
+            [
+              929,
+              'Rho'
+            ],
+            [
+              931,
+              'Sigma'
+            ],
+            [
+              932,
+              'Tau'
+            ],
+            [
+              933,
+              'Upsilon'
+            ],
+            [
+              934,
+              'Phi'
+            ],
+            [
+              935,
+              'Chi'
+            ],
+            [
+              936,
+              'Psi'
+            ],
+            [
+              937,
+              'Omega'
+            ],
+            [
+              945,
+              'alpha'
+            ],
+            [
+              946,
+              'beta'
+            ],
+            [
+              947,
+              'gamma'
+            ],
+            [
+              948,
+              'delta'
+            ],
+            [
+              949,
+              'epsilon'
+            ],
+            [
+              950,
+              'zeta'
+            ],
+            [
+              951,
+              'eta'
+            ],
+            [
+              952,
+              'theta'
+            ],
+            [
+              953,
+              'iota'
+            ],
+            [
+              954,
+              'kappa'
+            ],
+            [
+              955,
+              'lambda'
+            ],
+            [
+              956,
+              'mu'
+            ],
+            [
+              957,
+              'nu'
+            ],
+            [
+              958,
+              'xi'
+            ],
+            [
+              959,
+              'omicron'
+            ],
+            [
+              960,
+              'pi'
+            ],
+            [
+              961,
+              'rho'
+            ],
+            [
+              962,
+              'final sigma'
+            ],
+            [
+              963,
+              'sigma'
+            ],
+            [
+              964,
+              'tau'
+            ],
+            [
+              965,
+              'upsilon'
+            ],
+            [
+              966,
+              'phi'
+            ],
+            [
+              967,
+              'chi'
+            ],
+            [
+              968,
+              'psi'
+            ],
+            [
+              969,
+              'omega'
+            ]
+          ]
+        },
+        {
+          name: 'Symbols',
+          characters: [
+            [
+              8501,
+              'alef symbol'
+            ],
+            [
+              982,
+              'pi symbol'
+            ],
+            [
+              8476,
+              'real part symbol'
+            ],
+            [
+              978,
+              'upsilon - hook symbol'
+            ],
+            [
+              8472,
+              'Weierstrass p'
+            ],
+            [
+              8465,
+              'imaginary part'
+            ]
+          ]
+        },
+        {
+          name: 'Arrows',
+          characters: [
+            [
+              8592,
+              'leftwards arrow'
+            ],
+            [
+              8593,
+              'upwards arrow'
+            ],
+            [
+              8594,
+              'rightwards arrow'
+            ],
+            [
+              8595,
+              'downwards arrow'
+            ],
+            [
+              8596,
+              'left right arrow'
+            ],
+            [
+              8629,
+              'carriage return'
+            ],
+            [
+              8656,
+              'leftwards double arrow'
+            ],
+            [
+              8657,
+              'upwards double arrow'
+            ],
+            [
+              8658,
+              'rightwards double arrow'
+            ],
+            [
+              8659,
+              'downwards double arrow'
+            ],
+            [
+              8660,
+              'left right double arrow'
+            ],
+            [
+              8756,
+              'therefore'
+            ],
+            [
+              8834,
+              'subset of'
+            ],
+            [
+              8835,
+              'superset of'
+            ],
+            [
+              8836,
+              'not a subset of'
+            ],
+            [
+              8838,
+              'subset of or equal to'
+            ],
+            [
+              8839,
+              'superset of or equal to'
+            ],
+            [
+              8853,
+              'circled plus'
+            ],
+            [
+              8855,
+              'circled times'
+            ],
+            [
+              8869,
+              'perpendicular'
+            ],
+            [
+              8901,
+              'dot operator'
+            ],
+            [
+              8968,
+              'left ceiling'
+            ],
+            [
+              8969,
+              'right ceiling'
+            ],
+            [
+              8970,
+              'left floor'
+            ],
+            [
+              8971,
+              'right floor'
+            ],
+            [
+              9001,
+              'left-pointing angle bracket'
+            ],
+            [
+              9002,
+              'right-pointing angle bracket'
+            ],
+            [
+              9674,
+              'lozenge'
+            ],
+            [
+              9824,
+              'black spade suit'
+            ],
+            [
+              9827,
+              'black club suit'
+            ],
+            [
+              9829,
+              'black heart suit'
+            ],
+            [
+              9830,
+              'black diamond suit'
+            ],
+            [
+              8194,
+              'en space'
+            ],
+            [
+              8195,
+              'em space'
+            ],
+            [
+              8201,
+              'thin space'
+            ],
+            [
+              8204,
+              'zero width non-joiner'
+            ],
+            [
+              8205,
+              'zero width joiner'
+            ],
+            [
+              8206,
+              'left-to-right mark'
+            ],
+            [
+              8207,
+              'right-to-left mark'
+            ]
+          ]
+        }
+      ];
+    };
+    var charmapFilter = function (charmap) {
+      return global$1.grep(charmap, function (item) {
+        return isArray$1(item) && item.length === 2;
+      });
+    };
+    var getCharsFromSetting = function (settingValue) {
+      if (isArray$1(settingValue)) {
+        return [].concat(charmapFilter(settingValue));
+      }
+      if (typeof settingValue === 'function') {
+        return settingValue();
+      }
+      return [];
+    };
+    var extendCharMap = function (editor, charmap) {
+      var userCharMap = getCharMap(editor);
+      if (userCharMap) {
+        charmap = [{
+            name: UserDefined,
+            characters: getCharsFromSetting(userCharMap)
+          }];
+      }
+      var userCharMapAppend = getCharMapAppend(editor);
+      if (userCharMapAppend) {
+        var userDefinedGroup = global$1.grep(charmap, function (cg) {
+          return cg.name === UserDefined;
+        });
+        if (userDefinedGroup.length) {
+          userDefinedGroup[0].characters = [].concat(userDefinedGroup[0].characters).concat(getCharsFromSetting(userCharMapAppend));
+          return charmap;
+        }
+        return [].concat(charmap).concat({
+          name: UserDefined,
+          characters: getCharsFromSetting(userCharMapAppend)
+        });
+      }
+      return charmap;
+    };
+    var getCharMap$1 = function (editor) {
+      var groups = extendCharMap(editor, getDefaultCharMap());
+      return groups.length > 1 ? [{
+          name: 'All',
+          characters: bind(groups, function (g) {
+            return g.characters;
+          })
+        }].concat(groups) : groups;
+    };
+
+    var get = function (editor) {
+      var getCharMap = function () {
+        return getCharMap$1(editor);
+      };
+      var insertChar$1 = function (chr) {
+        insertChar(editor, chr);
+      };
+      return {
+        getCharMap: getCharMap,
+        insertChar: insertChar$1
+      };
+    };
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var last = function (fn, rate) {
+      var timer = null;
+      var cancel = function () {
+        if (timer !== null) {
+          clearTimeout(timer);
+          timer = null;
+        }
+      };
+      var throttle = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        if (timer !== null) {
+          clearTimeout(timer);
+        }
+        timer = setTimeout(function () {
+          fn.apply(null, args);
+          timer = null;
+        }, rate);
+      };
+      return {
+        cancel: cancel,
+        throttle: throttle
+      };
+    };
+
+    var nativeFromCodePoint = String.fromCodePoint;
+    var contains = function (str, substr) {
+      return str.indexOf(substr) !== -1;
+    };
+    var fromCodePoint = function () {
+      var codePoints = [];
+      for (var _i = 0; _i < arguments.length; _i++) {
+        codePoints[_i] = arguments[_i];
+      }
+      if (nativeFromCodePoint) {
+        return nativeFromCodePoint.apply(void 0, codePoints);
+      } else {
+        var codeUnits = [];
+        var codeLen = 0;
+        var result = '';
+        for (var index = 0, len = codePoints.length; index !== len; ++index) {
+          var codePoint = +codePoints[index];
+          if (!(codePoint < 1114111 && codePoint >>> 0 === codePoint)) {
+            throw RangeError('Invalid code point: ' + codePoint);
+          }
+          if (codePoint <= 65535) {
+            codeLen = codeUnits.push(codePoint);
+          } else {
+            codePoint -= 65536;
+            codeLen = codeUnits.push((codePoint >> 10) + 55296, codePoint % 1024 + 56320);
+          }
+          if (codeLen >= 16383) {
+            result += String.fromCharCode.apply(null, codeUnits);
+            codeUnits.length = 0;
+          }
+        }
+        return result + String.fromCharCode.apply(null, codeUnits);
+      }
+    };
+
+    var charMatches = function (charCode, name, lowerCasePattern) {
+      if (contains(fromCodePoint(charCode).toLowerCase(), lowerCasePattern)) {
+        return true;
+      } else {
+        return contains(name.toLowerCase(), lowerCasePattern) || contains(name.toLowerCase().replace(/\s+/g, ''), lowerCasePattern);
+      }
+    };
+    var scan = function (group, pattern) {
+      var matches = [];
+      var lowerCasePattern = pattern.toLowerCase();
+      each(group.characters, function (g) {
+        if (charMatches(g[0], g[1], lowerCasePattern)) {
+          matches.push(g);
+        }
+      });
+      return map(matches, function (m) {
+        return {
+          text: m[1],
+          value: fromCodePoint(m[0]),
+          icon: fromCodePoint(m[0])
+        };
+      });
+    };
+
+    var patternName = 'pattern';
+    var open = function (editor, charMap) {
+      var makeGroupItems = function () {
+        return [
+          {
+            label: 'Search',
+            type: 'input',
+            name: patternName
+          },
+          {
+            type: 'collection',
+            name: 'results'
+          }
+        ];
+      };
+      var makeTabs = function () {
+        return map(charMap, function (charGroup) {
+          return {
+            title: charGroup.name,
+            name: charGroup.name,
+            items: makeGroupItems()
+          };
+        });
+      };
+      var makePanel = function () {
+        return {
+          type: 'panel',
+          items: makeGroupItems()
+        };
+      };
+      var makeTabPanel = function () {
+        return {
+          type: 'tabpanel',
+          tabs: makeTabs()
+        };
+      };
+      var currentTab = charMap.length === 1 ? Cell(UserDefined) : Cell('All');
+      var scanAndSet = function (dialogApi, pattern) {
+        find(charMap, function (group) {
+          return group.name === currentTab.get();
+        }).each(function (f) {
+          var items = scan(f, pattern);
+          dialogApi.setData({ results: items });
+        });
+      };
+      var SEARCH_DELAY = 40;
+      var updateFilter = last(function (dialogApi) {
+        var pattern = dialogApi.getData().pattern;
+        scanAndSet(dialogApi, pattern);
+      }, SEARCH_DELAY);
+      var body = charMap.length === 1 ? makePanel() : makeTabPanel();
+      var initialData = {
+        pattern: '',
+        results: scan(charMap[0], '')
+      };
+      var bridgeSpec = {
+        title: 'Special Character',
+        size: 'normal',
+        body: body,
+        buttons: [{
+            type: 'cancel',
+            name: 'close',
+            text: 'Close',
+            primary: true
+          }],
+        initialData: initialData,
+        onAction: function (api, details) {
+          if (details.name === 'results') {
+            insertChar(editor, details.value);
+            api.close();
+          }
+        },
+        onTabChange: function (dialogApi, details) {
+          currentTab.set(details.newTabName);
+          updateFilter.throttle(dialogApi);
+        },
+        onChange: function (dialogApi, changeData) {
+          if (changeData.name === patternName) {
+            updateFilter.throttle(dialogApi);
+          }
+        }
+      };
+      var dialogApi = editor.windowManager.open(bridgeSpec);
+      dialogApi.focus(patternName);
+    };
+
+    var register = function (editor, charMap) {
+      editor.addCommand('mceShowCharmap', function () {
+        open(editor, charMap);
+      });
+    };
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Promise');
+
+    var init = function (editor, all) {
+      editor.ui.registry.addAutocompleter('charmap', {
+        ch: ':',
+        columns: 'auto',
+        minChars: 2,
+        fetch: function (pattern, _maxResults) {
+          return new global$2(function (resolve, _reject) {
+            resolve(scan(all, pattern));
+          });
+        },
+        onAction: function (autocompleteApi, rng, value) {
+          editor.selection.setRng(rng);
+          editor.insertContent(value);
+          autocompleteApi.hide();
+        }
+      });
+    };
+
+    var register$1 = function (editor) {
+      editor.ui.registry.addButton('charmap', {
+        icon: 'insert-character',
+        tooltip: 'Special character',
+        onAction: function () {
+          return editor.execCommand('mceShowCharmap');
+        }
+      });
+      editor.ui.registry.addMenuItem('charmap', {
+        icon: 'insert-character',
+        text: 'Special character...',
+        onAction: function () {
+          return editor.execCommand('mceShowCharmap');
+        }
+      });
+    };
+
+    function Plugin () {
+      global.add('charmap', function (editor) {
+        var charMap = getCharMap$1(editor);
+        register(editor, charMap);
+        register$1(editor);
+        init(editor, charMap[0]);
+        return get(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/charmap/plugin.min.js b/src/assets/tinymce/plugins/charmap/plugin.min.js
new file mode 100644
index 00000000..3df46f29
--- /dev/null
+++ b/src/assets/tinymce/plugins/charmap/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e,n,r,t,a=tinymce.util.Tools.resolve("tinymce.PluginManager"),s=function(e,n){var r,t=(r=n,e.fire("insertCustomChar",{chr:r}).chr);e.execCommand("mceInsertContent",!1,t)},i=function(e){return function(){return e}},o=i(!1),c=i(!0),u=function(){return l},l=(e=function(e){return e.isNone()},{fold:function(e,n){return e()},is:o,isSome:o,isNone:c,getOr:r=function(e){return e},getOrThunk:n=function(e){return e()},getOrDie:function(e){throw new Error(e||"error: getOrDie called on none.")},getOrNull:i(null),getOrUndefined:i(undefined),or:r,orThunk:n,map:u,each:function(){},bind:u,exists:o,forall:c,filter:u,equals:e,equals_:e,toArray:function(){return[]},toString:i("none()")}),g=function(r){var e=i(r),n=function(){return a},t=function(e){return e(r)},a={fold:function(e,n){return n(r)},is:function(e){return r===e},isSome:c,isNone:o,getOr:e,getOrThunk:e,getOrDie:e,getOrNull:e,getOrUndefined:e,or:n,orThunk:n,map:function(e){return g(e(r))},each:function(e){e(r)},bind:t,exists:t,forall:t,filter:function(e){return e(r)?a:l},toArray:function(){return[r]},toString:function(){return"some("+r+")"},equals:function(e){return e.is(r)},equals_:function(e,n){return e.fold(o,function(e){return n(r,e)})}};return a},m={some:g,none:u,from:function(e){return null===e||e===undefined?l:g(e)}},f=(t="array",function(e){return r=typeof(n=e),(null===n?"null":"object"==r&&(Array.prototype.isPrototypeOf(n)||n.constructor&&"Array"===n.constructor.name)?"array":"object"==r&&(String.prototype.isPrototypeOf(n)||n.constructor&&"String"===n.constructor.name)?"string":r)===t;var n,r}),h=Array.prototype.push,p=function(e,n){for(var r=e.length,t=new Array(r),a=0;a<r;a++){var i=e[a];t[a]=n(i,a)}return t},d=function(e,n){return function(e,n,r){for(var t=0,a=e.length;t<a;t++){var i=e[t];if(n(i,t))return m.some(i);if(r(i,t))break}return m.none()}(e,n,o)},y=function(e,n){return function(e){for(var n=[],r=0,t=e.length;r<t;++r){if(!f(e[r]))throw new Error("Arr.flatten item "+r+" was not an array, input: "+e);h.apply(n,e[r])}return n}(p(e,n))},v=tinymce.util.Tools.resolve("tinymce.util.Tools"),w=v.isArray,b="User Defined",k=function(e){return w(e)?[].concat((n=e,v.grep(n,function(e){return w(e)&&2===e.length}))):"function"==typeof e?e():[];var n},C=function(e){var n=function(e,n){var r=e.getParam("charmap");r&&(n=[{name:b,characters:k(r)}]);var t=e.getParam("charmap_append");if(t){var a=v.grep(n,function(e){return e.name===b});return a.length?(a[0].characters=[].concat(a[0].characters).concat(k(t)),n):[].concat(n).concat({name:b,characters:k(t)})}return n}(e,[{name:"Currency",characters:[[36,"dollar sign"],[162,"cent sign"],[8364,"euro sign"],[163,"pound sign"],[165,"yen sign"],[164,"currency sign"],[8352,"euro-currency sign"],[8353,"colon sign"],[8354,"cruzeiro sign"],[8355,"french franc sign"],[8356,"lira sign"],[8357,"mill sign"],[8358,"naira sign"],[8359,"peseta sign"],[8360,"rupee sign"],[8361,"won sign"],[8362,"new sheqel sign"],[8363,"dong sign"],[8365,"kip sign"],[8366,"tugrik sign"],[8367,"drachma sign"],[8368,"german penny symbol"],[8369,"peso sign"],[8370,"guarani sign"],[8371,"austral sign"],[8372,"hryvnia sign"],[8373,"cedi sign"],[8374,"livre tournois sign"],[8375,"spesmilo sign"],[8376,"tenge sign"],[8377,"indian rupee sign"],[8378,"turkish lira sign"],[8379,"nordic mark sign"],[8380,"manat sign"],[8381,"ruble sign"],[20870,"yen character"],[20803,"yuan character"],[22291,"yuan character, in hong kong and taiwan"],[22278,"yen/yuan character variant one"]]},{name:"Text",characters:[[169,"copyright sign"],[174,"registered sign"],[8482,"trade mark sign"],[8240,"per mille sign"],[181,"micro sign"],[183,"middle dot"],[8226,"bullet"],[8230,"three dot leader"],[8242,"minutes / feet"],[8243,"seconds / inches"],[167,"section sign"],[182,"paragraph sign"],[223,"sharp s / ess-zed"]]},{name:"Quotations",characters:[[8249,"single left-pointing angle quotation mark"],[8250,"single right-pointing angle quotation mark"],[171,"left pointing guillemet"],[187,"right pointing guillemet"],[8216,"left single quotation mark"],[8217,"right single quotation mark"],[8220,"left double quotation mark"],[8221,"right double quotation mark"],[8218,"single low-9 quotation mark"],[8222,"double low-9 quotation mark"],[60,"less-than sign"],[62,"greater-than sign"],[8804,"less-than or equal to"],[8805,"greater-than or equal to"],[8211,"en dash"],[8212,"em dash"],[175,"macron"],[8254,"overline"],[164,"currency sign"],[166,"broken bar"],[168,"diaeresis"],[161,"inverted exclamation mark"],[191,"turned question mark"],[710,"circumflex accent"],[732,"small tilde"],[176,"degree sign"],[8722,"minus sign"],[177,"plus-minus sign"],[247,"division sign"],[8260,"fraction slash"],[215,"multiplication sign"],[185,"superscript one"],[178,"superscript two"],[179,"superscript three"],[188,"fraction one quarter"],[189,"fraction one half"],[190,"fraction three quarters"]]},{name:"Mathematical",characters:[[402,"function / florin"],[8747,"integral"],[8721,"n-ary sumation"],[8734,"infinity"],[8730,"square root"],[8764,"similar to"],[8773,"approximately equal to"],[8776,"almost equal to"],[8800,"not equal to"],[8801,"identical to"],[8712,"element of"],[8713,"not an element of"],[8715,"contains as member"],[8719,"n-ary product"],[8743,"logical and"],[8744,"logical or"],[172,"not sign"],[8745,"intersection"],[8746,"union"],[8706,"partial differential"],[8704,"for all"],[8707,"there exists"],[8709,"diameter"],[8711,"backward difference"],[8727,"asterisk operator"],[8733,"proportional to"],[8736,"angle"]]},{name:"Extended Latin",characters:[[192,"A - grave"],[193,"A - acute"],[194,"A - circumflex"],[195,"A - tilde"],[196,"A - diaeresis"],[197,"A - ring above"],[256,"A - macron"],[198,"ligature AE"],[199,"C - cedilla"],[200,"E - grave"],[201,"E - acute"],[202,"E - circumflex"],[203,"E - diaeresis"],[274,"E - macron"],[204,"I - grave"],[205,"I - acute"],[206,"I - circumflex"],[207,"I - diaeresis"],[298,"I - macron"],[208,"ETH"],[209,"N - tilde"],[210,"O - grave"],[211,"O - acute"],[212,"O - circumflex"],[213,"O - tilde"],[214,"O - diaeresis"],[216,"O - slash"],[332,"O - macron"],[338,"ligature OE"],[352,"S - caron"],[217,"U - grave"],[218,"U - acute"],[219,"U - circumflex"],[220,"U - diaeresis"],[362,"U - macron"],[221,"Y - acute"],[376,"Y - diaeresis"],[562,"Y - macron"],[222,"THORN"],[224,"a - grave"],[225,"a - acute"],[226,"a - circumflex"],[227,"a - tilde"],[228,"a - diaeresis"],[229,"a - ring above"],[257,"a - macron"],[230,"ligature ae"],[231,"c - cedilla"],[232,"e - grave"],[233,"e - acute"],[234,"e - circumflex"],[235,"e - diaeresis"],[275,"e - macron"],[236,"i - grave"],[237,"i - acute"],[238,"i - circumflex"],[239,"i - diaeresis"],[299,"i - macron"],[240,"eth"],[241,"n - tilde"],[242,"o - grave"],[243,"o - acute"],[244,"o - circumflex"],[245,"o - tilde"],[246,"o - diaeresis"],[248,"o slash"],[333,"o macron"],[339,"ligature oe"],[353,"s - caron"],[249,"u - grave"],[250,"u - acute"],[251,"u - circumflex"],[252,"u - diaeresis"],[363,"u - macron"],[253,"y - acute"],[254,"thorn"],[255,"y - diaeresis"],[563,"y - macron"],[913,"Alpha"],[914,"Beta"],[915,"Gamma"],[916,"Delta"],[917,"Epsilon"],[918,"Zeta"],[919,"Eta"],[920,"Theta"],[921,"Iota"],[922,"Kappa"],[923,"Lambda"],[924,"Mu"],[925,"Nu"],[926,"Xi"],[927,"Omicron"],[928,"Pi"],[929,"Rho"],[931,"Sigma"],[932,"Tau"],[933,"Upsilon"],[934,"Phi"],[935,"Chi"],[936,"Psi"],[937,"Omega"],[945,"alpha"],[946,"beta"],[947,"gamma"],[948,"delta"],[949,"epsilon"],[950,"zeta"],[951,"eta"],[952,"theta"],[953,"iota"],[954,"kappa"],[955,"lambda"],[956,"mu"],[957,"nu"],[958,"xi"],[959,"omicron"],[960,"pi"],[961,"rho"],[962,"final sigma"],[963,"sigma"],[964,"tau"],[965,"upsilon"],[966,"phi"],[967,"chi"],[968,"psi"],[969,"omega"]]},{name:"Symbols",characters:[[8501,"alef symbol"],[982,"pi symbol"],[8476,"real part symbol"],[978,"upsilon - hook symbol"],[8472,"Weierstrass p"],[8465,"imaginary part"]]},{name:"Arrows",characters:[[8592,"leftwards arrow"],[8593,"upwards arrow"],[8594,"rightwards arrow"],[8595,"downwards arrow"],[8596,"left right arrow"],[8629,"carriage return"],[8656,"leftwards double arrow"],[8657,"upwards double arrow"],[8658,"rightwards double arrow"],[8659,"downwards double arrow"],[8660,"left right double arrow"],[8756,"therefore"],[8834,"subset of"],[8835,"superset of"],[8836,"not a subset of"],[8838,"subset of or equal to"],[8839,"superset of or equal to"],[8853,"circled plus"],[8855,"circled times"],[8869,"perpendicular"],[8901,"dot operator"],[8968,"left ceiling"],[8969,"right ceiling"],[8970,"left floor"],[8971,"right floor"],[9001,"left-pointing angle bracket"],[9002,"right-pointing angle bracket"],[9674,"lozenge"],[9824,"black spade suit"],[9827,"black club suit"],[9829,"black heart suit"],[9830,"black diamond suit"],[8194,"en space"],[8195,"em space"],[8201,"thin space"],[8204,"zero width non-joiner"],[8205,"zero width joiner"],[8206,"left-to-right mark"],[8207,"right-to-left mark"]]}]);return 1<n.length?[{name:"All",characters:y(n,function(e){return e.characters})}].concat(n):n},x=function(e){var n=e;return{get:function(){return n},set:function(e){n=e}}},A=String.fromCodePoint,O=function(e,n){return-1!==e.indexOf(n)},q=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];if(A)return A.apply(void 0,e);for(var r=[],t="",a=0,i=e.length;a!==i;++a){var o=+e[a];if(!(o<1114111&&o>>>0===o))throw RangeError("Invalid code point: "+o);16383<=(o<=65535?r.push(o):(o-=65536,r.push(55296+(o>>10),o%1024+56320)))&&(t+=String.fromCharCode.apply(null,r),r.length=0)}return t+String.fromCharCode.apply(null,r)},S=function(e,n){var a=[],i=n.toLowerCase();return function(e,n){for(var r=0,t=e.length;r<t;r++){n(e[r],r)}}(e.characters,function(e){var n,r,t;n=e[0],r=e[1],t=i,(O(q(n).toLowerCase(),t)||O(r.toLowerCase(),t)||O(r.toLowerCase().replace(/\s+/g,""),t))&&a.push(e)}),p(a,function(e){return{text:e[1],value:q(e[0]),icon:q(e[0])}})},T="pattern",E=function(r,a){var t,i,o,n=function(){return[{label:"Search",type:"input",name:T},{type:"collection",name:"results"}]},c=1===a.length?x(b):x("All"),u=(t=function(e){var r,t,n=e.getData().pattern;r=e,t=n,d(a,function(e){return e.name===c.get()}).each(function(e){var n=S(e,t);r.setData({results:n})})},i=40,o=null,{cancel:function(){null!==o&&(clearTimeout(o),o=null)},throttle:function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];null!==o&&clearTimeout(o),o=setTimeout(function(){t.apply(null,e),o=null},i)}}),e={title:"Special Character",size:"normal",body:1===a.length?{type:"panel",items:n()}:{type:"tabpanel",tabs:p(a,function(e){return{title:e.name,name:e.name,items:n()}})},buttons:[{type:"cancel",name:"close",text:"Close",primary:!0}],initialData:{pattern:"",results:S(a[0],"")},onAction:function(e,n){"results"===n.name&&(s(r,n.value),e.close())},onTabChange:function(e,n){c.set(n.newTabName),u.throttle(e)},onChange:function(e,n){n.name===T&&u.throttle(e)}};r.windowManager.open(e).focus(T)},P=tinymce.util.Tools.resolve("tinymce.util.Promise");a.add("charmap",function(e){var n,r,t,a,i,o,c=C(e);return r=c,(n=e).addCommand("mceShowCharmap",function(){E(n,r)}),(t=e).ui.registry.addButton("charmap",{icon:"insert-character",tooltip:"Special character",onAction:function(){return t.execCommand("mceShowCharmap")}}),t.ui.registry.addMenuItem("charmap",{icon:"insert-character",text:"Special character...",onAction:function(){return t.execCommand("mceShowCharmap")}}),a=e,i=c[0],a.ui.registry.addAutocompleter("charmap",{ch:":",columns:"auto",minChars:2,fetch:function(r,e){return new P(function(e,n){e(S(i,r))})},onAction:function(e,n,r){a.selection.setRng(n),a.insertContent(r),e.hide()}}),o=e,{getCharMap:function(){return C(o)},insertChar:function(e){s(o,e)}}})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/code/plugin.js b/src/assets/tinymce/plugins/code/plugin.js
new file mode 100644
index 00000000..8d58acce
--- /dev/null
+++ b/src/assets/tinymce/plugins/code/plugin.js
@@ -0,0 +1,92 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var setContent = function (editor, html) {
+      editor.focus();
+      editor.undoManager.transact(function () {
+        editor.setContent(html);
+      });
+      editor.selection.setCursorLocation();
+      editor.nodeChanged();
+    };
+    var getContent = function (editor) {
+      return editor.getContent({ source_view: true });
+    };
+
+    var open = function (editor) {
+      var editorContent = getContent(editor);
+      editor.windowManager.open({
+        title: 'Source Code',
+        size: 'large',
+        body: {
+          type: 'panel',
+          items: [{
+              type: 'textarea',
+              name: 'code'
+            }]
+        },
+        buttons: [
+          {
+            type: 'cancel',
+            name: 'cancel',
+            text: 'Cancel'
+          },
+          {
+            type: 'submit',
+            name: 'save',
+            text: 'Save',
+            primary: true
+          }
+        ],
+        initialData: { code: editorContent },
+        onSubmit: function (api) {
+          setContent(editor, api.getData().code);
+          api.close();
+        }
+      });
+    };
+
+    var register = function (editor) {
+      editor.addCommand('mceCodeEditor', function () {
+        open(editor);
+      });
+    };
+
+    var register$1 = function (editor) {
+      editor.ui.registry.addButton('code', {
+        icon: 'sourcecode',
+        tooltip: 'Source code',
+        onAction: function () {
+          return open(editor);
+        }
+      });
+      editor.ui.registry.addMenuItem('code', {
+        icon: 'sourcecode',
+        text: 'Source code',
+        onAction: function () {
+          return open(editor);
+        }
+      });
+    };
+
+    function Plugin () {
+      global.add('code', function (editor) {
+        register(editor);
+        register$1(editor);
+        return {};
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/code/plugin.min.js b/src/assets/tinymce/plugins/code/plugin.min.js
new file mode 100644
index 00000000..2f91fd2e
--- /dev/null
+++ b/src/assets/tinymce/plugins/code/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),o=function(o){var e=o.getContent({source_view:!0});o.windowManager.open({title:"Source Code",size:"large",body:{type:"panel",items:[{type:"textarea",name:"code"}]},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:{code:e},onSubmit:function(e){var t,n;t=o,n=e.getData().code,t.focus(),t.undoManager.transact(function(){t.setContent(n)}),t.selection.setCursorLocation(),t.nodeChanged(),e.close()}})};e.add("code",function(e){var t,n;return(t=e).addCommand("mceCodeEditor",function(){o(t)}),(n=e).ui.registry.addButton("code",{icon:"sourcecode",tooltip:"Source code",onAction:function(){return o(n)}}),n.ui.registry.addMenuItem("code",{icon:"sourcecode",text:"Source code",onAction:function(){return o(n)}}),{}})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/codesample/plugin.js b/src/assets/tinymce/plugins/codesample/plugin.js
new file mode 100644
index 00000000..4f198792
--- /dev/null
+++ b/src/assets/tinymce/plugins/codesample/plugin.js
@@ -0,0 +1,2104 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var noop = function () {
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var get = function (xs, i) {
+      return i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none();
+    };
+    var head = function (xs) {
+      return get(xs, 0);
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    function isCodeSample(elm) {
+      return elm && elm.nodeName === 'PRE' && elm.className.indexOf('language-') !== -1;
+    }
+    function trimArg(predicateFn) {
+      return function (arg1, arg2) {
+        return predicateFn(arg2);
+      };
+    }
+
+    var Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    var exports$1 = {}, module = { exports: exports$1 }, global$2 = {};
+    (function (define, exports, module, require) {
+      var oldprism = window.Prism;
+      window.Prism = { manual: true };
+      (function (f) {
+        if (typeof exports === 'object' && typeof module !== 'undefined') {
+          module.exports = f();
+        } else if (typeof define === 'function' && define.amd) {
+          define([], f);
+        } else {
+          var g;
+          if (typeof window !== 'undefined') {
+            g = window;
+          } else if (typeof global$2 !== 'undefined') {
+            g = global$2;
+          } else if (typeof self !== 'undefined') {
+            g = self;
+          } else {
+            g = this;
+          }
+          g.EphoxContactWrapper = f();
+        }
+      }(function () {
+        return function () {
+          function r(e, n, t) {
+            function o(i, f) {
+              if (!n[i]) {
+                if (!e[i]) {
+                  var c = 'function' == typeof require && require;
+                  if (!f && c)
+                    return c(i, !0);
+                  if (u)
+                    return u(i, !0);
+                  var a = new Error('Cannot find module \'' + i + '\'');
+                  throw a.code = 'MODULE_NOT_FOUND', a;
+                }
+                var p = n[i] = { exports: {} };
+                e[i][0].call(p.exports, function (r) {
+                  var n = e[i][1][r];
+                  return o(n || r);
+                }, p, p.exports, r, e, n, t);
+              }
+              return n[i].exports;
+            }
+            for (var u = 'function' == typeof require && require, i = 0; i < t.length; i++)
+              o(t[i]);
+            return o;
+          }
+          return r;
+        }()({
+          1: [
+            function (require, module, exports) {
+              Prism.languages.c = Prism.languages.extend('clike', {
+                'comment': {
+                  pattern: /\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,
+                  greedy: true
+                },
+                'class-name': {
+                  pattern: /(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+/,
+                  lookbehind: true
+                },
+                'keyword': /\b(?:__attribute__|_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|asm|typeof|inline|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|union|unsigned|void|volatile|while)\b/,
+                'function': /[a-z_]\w*(?=\s*\()/i,
+                'operator': />>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/,
+                'number': /(?:\b0x(?:[\da-f]+\.?[\da-f]*|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?)[ful]*/i
+              });
+              Prism.languages.insertBefore('c', 'string', {
+                'macro': {
+                  pattern: /(^\s*)#\s*[a-z]+(?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,
+                  lookbehind: true,
+                  greedy: true,
+                  alias: 'property',
+                  inside: {
+                    'string': [
+                      {
+                        pattern: /^(#\s*include\s*)<[^>]+>/,
+                        lookbehind: true
+                      },
+                      Prism.languages.c['string']
+                    ],
+                    'comment': Prism.languages.c['comment'],
+                    'directive': {
+                      pattern: /^(#\s*)[a-z]+/,
+                      lookbehind: true,
+                      alias: 'keyword'
+                    },
+                    'directive-hash': /^#/,
+                    'punctuation': /##|\\(?=[\r\n])/,
+                    'expression': {
+                      pattern: /\S[\s\S]*/,
+                      inside: Prism.languages.c
+                    }
+                  }
+                },
+                'constant': /\b(?:__FILE__|__LINE__|__DATE__|__TIME__|__TIMESTAMP__|__func__|EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|stdin|stdout|stderr)\b/
+              });
+              delete Prism.languages.c['boolean'];
+            },
+            {}
+          ],
+          2: [
+            function (require, module, exports) {
+              Prism.languages.clike = {
+                'comment': [
+                  {
+                    pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
+                    lookbehind: true
+                  },
+                  {
+                    pattern: /(^|[^\\:])\/\/.*/,
+                    lookbehind: true,
+                    greedy: true
+                  }
+                ],
+                'string': {
+                  pattern: /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
+                  greedy: true
+                },
+                'class-name': {
+                  pattern: /(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,
+                  lookbehind: true,
+                  inside: { 'punctuation': /[.\\]/ }
+                },
+                'keyword': /\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,
+                'boolean': /\b(?:true|false)\b/,
+                'function': /\w+(?=\()/,
+                'number': /\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,
+                'operator': /[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,
+                'punctuation': /[{}[\];(),.:]/
+              };
+            },
+            {}
+          ],
+          3: [
+            function (require, module, exports) {
+              (function (global) {
+                (function () {
+                  var _self = typeof window !== 'undefined' ? window : typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope ? self : {};
+                  var Prism = function (_self) {
+                    var lang = /\blang(?:uage)?-([\w-]+)\b/i;
+                    var uniqueId = 0;
+                    var _ = {
+                      manual: _self.Prism && _self.Prism.manual,
+                      disableWorkerMessageHandler: _self.Prism && _self.Prism.disableWorkerMessageHandler,
+                      util: {
+                        encode: function encode(tokens) {
+                          if (tokens instanceof Token) {
+                            return new Token(tokens.type, encode(tokens.content), tokens.alias);
+                          } else if (Array.isArray(tokens)) {
+                            return tokens.map(encode);
+                          } else {
+                            return tokens.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/\u00a0/g, ' ');
+                          }
+                        },
+                        type: function (o) {
+                          return Object.prototype.toString.call(o).slice(8, -1);
+                        },
+                        objId: function (obj) {
+                          if (!obj['__id']) {
+                            Object.defineProperty(obj, '__id', { value: ++uniqueId });
+                          }
+                          return obj['__id'];
+                        },
+                        clone: function deepClone(o, visited) {
+                          visited = visited || {};
+                          var clone, id;
+                          switch (_.util.type(o)) {
+                          case 'Object':
+                            id = _.util.objId(o);
+                            if (visited[id]) {
+                              return visited[id];
+                            }
+                            clone = {};
+                            visited[id] = clone;
+                            for (var key in o) {
+                              if (o.hasOwnProperty(key)) {
+                                clone[key] = deepClone(o[key], visited);
+                              }
+                            }
+                            return clone;
+                          case 'Array':
+                            id = _.util.objId(o);
+                            if (visited[id]) {
+                              return visited[id];
+                            }
+                            clone = [];
+                            visited[id] = clone;
+                            o.forEach(function (v, i) {
+                              clone[i] = deepClone(v, visited);
+                            });
+                            return clone;
+                          default:
+                            return o;
+                          }
+                        },
+                        getLanguage: function (element) {
+                          while (element && !lang.test(element.className)) {
+                            element = element.parentElement;
+                          }
+                          if (element) {
+                            return (element.className.match(lang) || [
+                              ,
+                              'none'
+                            ])[1].toLowerCase();
+                          }
+                          return 'none';
+                        },
+                        currentScript: function () {
+                          if (typeof document === 'undefined') {
+                            return null;
+                          }
+                          if ('currentScript' in document && 1 < 2) {
+                            return document.currentScript;
+                          }
+                          try {
+                            throw new Error();
+                          } catch (err) {
+                            var src = (/at [^(\r\n]*\((.*):.+:.+\)$/i.exec(err.stack) || [])[1];
+                            if (src) {
+                              var scripts = document.getElementsByTagName('script');
+                              for (var i in scripts) {
+                                if (scripts[i].src == src) {
+                                  return scripts[i];
+                                }
+                              }
+                            }
+                            return null;
+                          }
+                        },
+                        isActive: function (element, className, defaultActivation) {
+                          var no = 'no-' + className;
+                          while (element) {
+                            var classList = element.classList;
+                            if (classList.contains(className)) {
+                              return true;
+                            }
+                            if (classList.contains(no)) {
+                              return false;
+                            }
+                            element = element.parentElement;
+                          }
+                          return !!defaultActivation;
+                        }
+                      },
+                      languages: {
+                        extend: function (id, redef) {
+                          var lang = _.util.clone(_.languages[id]);
+                          for (var key in redef) {
+                            lang[key] = redef[key];
+                          }
+                          return lang;
+                        },
+                        insertBefore: function (inside, before, insert, root) {
+                          root = root || _.languages;
+                          var grammar = root[inside];
+                          var ret = {};
+                          for (var token in grammar) {
+                            if (grammar.hasOwnProperty(token)) {
+                              if (token == before) {
+                                for (var newToken in insert) {
+                                  if (insert.hasOwnProperty(newToken)) {
+                                    ret[newToken] = insert[newToken];
+                                  }
+                                }
+                              }
+                              if (!insert.hasOwnProperty(token)) {
+                                ret[token] = grammar[token];
+                              }
+                            }
+                          }
+                          var old = root[inside];
+                          root[inside] = ret;
+                          _.languages.DFS(_.languages, function (key, value) {
+                            if (value === old && key != inside) {
+                              this[key] = ret;
+                            }
+                          });
+                          return ret;
+                        },
+                        DFS: function DFS(o, callback, type, visited) {
+                          visited = visited || {};
+                          var objId = _.util.objId;
+                          for (var i in o) {
+                            if (o.hasOwnProperty(i)) {
+                              callback.call(o, i, o[i], type || i);
+                              var property = o[i], propertyType = _.util.type(property);
+                              if (propertyType === 'Object' && !visited[objId(property)]) {
+                                visited[objId(property)] = true;
+                                DFS(property, callback, null, visited);
+                              } else if (propertyType === 'Array' && !visited[objId(property)]) {
+                                visited[objId(property)] = true;
+                                DFS(property, callback, i, visited);
+                              }
+                            }
+                          }
+                        }
+                      },
+                      plugins: {},
+                      highlightAll: function (async, callback) {
+                        _.highlightAllUnder(document, async, callback);
+                      },
+                      highlightAllUnder: function (container, async, callback) {
+                        var env = {
+                          callback: callback,
+                          container: container,
+                          selector: 'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'
+                        };
+                        _.hooks.run('before-highlightall', env);
+                        env.elements = Array.prototype.slice.apply(env.container.querySelectorAll(env.selector));
+                        _.hooks.run('before-all-elements-highlight', env);
+                        for (var i = 0, element; element = env.elements[i++];) {
+                          _.highlightElement(element, async === true, env.callback);
+                        }
+                      },
+                      highlightElement: function (element, async, callback) {
+                        var language = _.util.getLanguage(element);
+                        var grammar = _.languages[language];
+                        element.className = element.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
+                        var parent = element.parentElement;
+                        if (parent && parent.nodeName.toLowerCase() === 'pre') {
+                          parent.className = parent.className.replace(lang, '').replace(/\s+/g, ' ') + ' language-' + language;
+                        }
+                        var code = element.textContent;
+                        var env = {
+                          element: element,
+                          language: language,
+                          grammar: grammar,
+                          code: code
+                        };
+                        function insertHighlightedCode(highlightedCode) {
+                          env.highlightedCode = highlightedCode;
+                          _.hooks.run('before-insert', env);
+                          env.element.innerHTML = env.highlightedCode;
+                          _.hooks.run('after-highlight', env);
+                          _.hooks.run('complete', env);
+                          callback && callback.call(env.element);
+                        }
+                        _.hooks.run('before-sanity-check', env);
+                        if (!env.code) {
+                          _.hooks.run('complete', env);
+                          callback && callback.call(env.element);
+                          return;
+                        }
+                        _.hooks.run('before-highlight', env);
+                        if (!env.grammar) {
+                          insertHighlightedCode(_.util.encode(env.code));
+                          return;
+                        }
+                        if (async && _self.Worker) {
+                          var worker = new Worker(_.filename);
+                          worker.onmessage = function (evt) {
+                            insertHighlightedCode(evt.data);
+                          };
+                          worker.postMessage(JSON.stringify({
+                            language: env.language,
+                            code: env.code,
+                            immediateClose: true
+                          }));
+                        } else {
+                          insertHighlightedCode(_.highlight(env.code, env.grammar, env.language));
+                        }
+                      },
+                      highlight: function (text, grammar, language) {
+                        var env = {
+                          code: text,
+                          grammar: grammar,
+                          language: language
+                        };
+                        _.hooks.run('before-tokenize', env);
+                        env.tokens = _.tokenize(env.code, env.grammar);
+                        _.hooks.run('after-tokenize', env);
+                        return Token.stringify(_.util.encode(env.tokens), env.language);
+                      },
+                      tokenize: function (text, grammar) {
+                        var rest = grammar.rest;
+                        if (rest) {
+                          for (var token in rest) {
+                            grammar[token] = rest[token];
+                          }
+                          delete grammar.rest;
+                        }
+                        var tokenList = new LinkedList();
+                        addAfter(tokenList, tokenList.head, text);
+                        matchGrammar(text, tokenList, grammar, tokenList.head, 0);
+                        return toArray(tokenList);
+                      },
+                      hooks: {
+                        all: {},
+                        add: function (name, callback) {
+                          var hooks = _.hooks.all;
+                          hooks[name] = hooks[name] || [];
+                          hooks[name].push(callback);
+                        },
+                        run: function (name, env) {
+                          var callbacks = _.hooks.all[name];
+                          if (!callbacks || !callbacks.length) {
+                            return;
+                          }
+                          for (var i = 0, callback; callback = callbacks[i++];) {
+                            callback(env);
+                          }
+                        }
+                      },
+                      Token: Token
+                    };
+                    _self.Prism = _;
+                    function Token(type, content, alias, matchedStr) {
+                      this.type = type;
+                      this.content = content;
+                      this.alias = alias;
+                      this.length = (matchedStr || '').length | 0;
+                    }
+                    Token.stringify = function stringify(o, language) {
+                      if (typeof o == 'string') {
+                        return o;
+                      }
+                      if (Array.isArray(o)) {
+                        var s = '';
+                        o.forEach(function (e) {
+                          s += stringify(e, language);
+                        });
+                        return s;
+                      }
+                      var env = {
+                        type: o.type,
+                        content: stringify(o.content, language),
+                        tag: 'span',
+                        classes: [
+                          'token',
+                          o.type
+                        ],
+                        attributes: {},
+                        language: language
+                      };
+                      var aliases = o.alias;
+                      if (aliases) {
+                        if (Array.isArray(aliases)) {
+                          Array.prototype.push.apply(env.classes, aliases);
+                        } else {
+                          env.classes.push(aliases);
+                        }
+                      }
+                      _.hooks.run('wrap', env);
+                      var attributes = '';
+                      for (var name in env.attributes) {
+                        attributes += ' ' + name + '="' + (env.attributes[name] || '').replace(/"/g, '&quot;') + '"';
+                      }
+                      return '<' + env.tag + ' class="' + env.classes.join(' ') + '"' + attributes + '>' + env.content + '</' + env.tag + '>';
+                    };
+                    function matchGrammar(text, tokenList, grammar, startNode, startPos, rematch) {
+                      for (var token in grammar) {
+                        if (!grammar.hasOwnProperty(token) || !grammar[token]) {
+                          continue;
+                        }
+                        var patterns = grammar[token];
+                        patterns = Array.isArray(patterns) ? patterns : [patterns];
+                        for (var j = 0; j < patterns.length; ++j) {
+                          if (rematch && rematch.cause == token + ',' + j) {
+                            return;
+                          }
+                          var patternObj = patterns[j], inside = patternObj.inside, lookbehind = !!patternObj.lookbehind, greedy = !!patternObj.greedy, lookbehindLength = 0, alias = patternObj.alias;
+                          if (greedy && !patternObj.pattern.global) {
+                            var flags = patternObj.pattern.toString().match(/[imsuy]*$/)[0];
+                            patternObj.pattern = RegExp(patternObj.pattern.source, flags + 'g');
+                          }
+                          var pattern = patternObj.pattern || patternObj;
+                          for (var currentNode = startNode.next, pos = startPos; currentNode !== tokenList.tail; pos += currentNode.value.length, currentNode = currentNode.next) {
+                            if (rematch && pos >= rematch.reach) {
+                              break;
+                            }
+                            var str = currentNode.value;
+                            if (tokenList.length > text.length) {
+                              return;
+                            }
+                            if (str instanceof Token) {
+                              continue;
+                            }
+                            var removeCount = 1;
+                            if (greedy && currentNode != tokenList.tail.prev) {
+                              pattern.lastIndex = pos;
+                              var match = pattern.exec(text);
+                              if (!match) {
+                                break;
+                              }
+                              var from = match.index + (lookbehind && match[1] ? match[1].length : 0);
+                              var to = match.index + match[0].length;
+                              var p = pos;
+                              p += currentNode.value.length;
+                              while (from >= p) {
+                                currentNode = currentNode.next;
+                                p += currentNode.value.length;
+                              }
+                              p -= currentNode.value.length;
+                              pos = p;
+                              if (currentNode.value instanceof Token) {
+                                continue;
+                              }
+                              for (var k = currentNode; k !== tokenList.tail && (p < to || typeof k.value === 'string'); k = k.next) {
+                                removeCount++;
+                                p += k.value.length;
+                              }
+                              removeCount--;
+                              str = text.slice(pos, p);
+                              match.index -= pos;
+                            } else {
+                              pattern.lastIndex = 0;
+                              var match = pattern.exec(str);
+                            }
+                            if (!match) {
+                              continue;
+                            }
+                            if (lookbehind) {
+                              lookbehindLength = match[1] ? match[1].length : 0;
+                            }
+                            var from = match.index + lookbehindLength, matchStr = match[0].slice(lookbehindLength), to = from + matchStr.length, before = str.slice(0, from), after = str.slice(to);
+                            var reach = pos + str.length;
+                            if (rematch && reach > rematch.reach) {
+                              rematch.reach = reach;
+                            }
+                            var removeFrom = currentNode.prev;
+                            if (before) {
+                              removeFrom = addAfter(tokenList, removeFrom, before);
+                              pos += before.length;
+                            }
+                            removeRange(tokenList, removeFrom, removeCount);
+                            var wrapped = new Token(token, inside ? _.tokenize(matchStr, inside) : matchStr, alias, matchStr);
+                            currentNode = addAfter(tokenList, removeFrom, wrapped);
+                            if (after) {
+                              addAfter(tokenList, currentNode, after);
+                            }
+                            if (removeCount > 1) {
+                              matchGrammar(text, tokenList, grammar, currentNode.prev, pos, {
+                                cause: token + ',' + j,
+                                reach: reach
+                              });
+                            }
+                          }
+                        }
+                      }
+                    }
+                    function LinkedList() {
+                      var head = {
+                        value: null,
+                        prev: null,
+                        next: null
+                      };
+                      var tail = {
+                        value: null,
+                        prev: head,
+                        next: null
+                      };
+                      head.next = tail;
+                      this.head = head;
+                      this.tail = tail;
+                      this.length = 0;
+                    }
+                    function addAfter(list, node, value) {
+                      var next = node.next;
+                      var newNode = {
+                        value: value,
+                        prev: node,
+                        next: next
+                      };
+                      node.next = newNode;
+                      next.prev = newNode;
+                      list.length++;
+                      return newNode;
+                    }
+                    function removeRange(list, node, count) {
+                      var next = node.next;
+                      for (var i = 0; i < count && next !== list.tail; i++) {
+                        next = next.next;
+                      }
+                      node.next = next;
+                      next.prev = node;
+                      list.length -= i;
+                    }
+                    function toArray(list) {
+                      var array = [];
+                      var node = list.head.next;
+                      while (node !== list.tail) {
+                        array.push(node.value);
+                        node = node.next;
+                      }
+                      return array;
+                    }
+                    if (!_self.document) {
+                      if (!_self.addEventListener) {
+                        return _;
+                      }
+                      if (!_.disableWorkerMessageHandler) {
+                        _self.addEventListener('message', function (evt) {
+                          var message = JSON.parse(evt.data), lang = message.language, code = message.code, immediateClose = message.immediateClose;
+                          _self.postMessage(_.highlight(code, _.languages[lang], lang));
+                          if (immediateClose) {
+                            _self.close();
+                          }
+                        }, false);
+                      }
+                      return _;
+                    }
+                    var script = _.util.currentScript();
+                    if (script) {
+                      _.filename = script.src;
+                      if (script.hasAttribute('data-manual')) {
+                        _.manual = true;
+                      }
+                    }
+                    function highlightAutomaticallyCallback() {
+                      if (!_.manual) {
+                        _.highlightAll();
+                      }
+                    }
+                    if (!_.manual) {
+                      var readyState = document.readyState;
+                      if (readyState === 'loading' || readyState === 'interactive' && script && script.defer) {
+                        document.addEventListener('DOMContentLoaded', highlightAutomaticallyCallback);
+                      } else {
+                        if (window.requestAnimationFrame) {
+                          window.requestAnimationFrame(highlightAutomaticallyCallback);
+                        } else {
+                          window.setTimeout(highlightAutomaticallyCallback, 16);
+                        }
+                      }
+                    }
+                    return _;
+                  }(_self);
+                  if (typeof module !== 'undefined' && module.exports) {
+                    module.exports = Prism;
+                  }
+                  if (typeof global !== 'undefined') {
+                    global.Prism = Prism;
+                  }
+                }.call(this));
+              }.call(this, typeof global$2 !== 'undefined' ? global$2 : typeof self !== 'undefined' ? self : typeof window !== 'undefined' ? window : {}));
+            },
+            {}
+          ],
+          4: [
+            function (require, module, exports) {
+              (function (Prism) {
+                var keyword = /\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char8_t|char16_t|char32_t|class|compl|concept|const|consteval|constexpr|constinit|const_cast|continue|co_await|co_return|co_yield|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|float|for|friend|goto|if|inline|int|int8_t|int16_t|int32_t|int64_t|uint8_t|uint16_t|uint32_t|uint64_t|long|mutable|namespace|new|noexcept|nullptr|operator|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/;
+                Prism.languages.cpp = Prism.languages.extend('c', {
+                  'class-name': [
+                    {
+                      pattern: RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g, function () {
+                        return keyword.source;
+                      })),
+                      lookbehind: true
+                    },
+                    /\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,
+                    /\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,
+                    /\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/
+                  ],
+                  'keyword': keyword,
+                  'number': {
+                    pattern: /(?:\b0b[01']+|\b0x(?:[\da-f']+\.?[\da-f']*|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+\.?[\d']*|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]*/i,
+                    greedy: true
+                  },
+                  'operator': />>=?|<<=?|->|([-+&|:])\1|[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,
+                  'boolean': /\b(?:true|false)\b/
+                });
+                Prism.languages.insertBefore('cpp', 'string', {
+                  'raw-string': {
+                    pattern: /R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,
+                    alias: 'string',
+                    greedy: true
+                  }
+                });
+                Prism.languages.insertBefore('cpp', 'class-name', {
+                  'base-clause': {
+                    pattern: /(\b(?:class|struct)\s+\w+\s*:\s*)(?:[^;{}"'])+?(?=\s*[;{])/,
+                    lookbehind: true,
+                    greedy: true,
+                    inside: Prism.languages.extend('cpp', {})
+                  }
+                });
+                Prism.languages.insertBefore('inside', 'operator', { 'class-name': /\b[a-z_]\w*\b(?!\s*::)/i }, Prism.languages.cpp['base-clause']);
+              }(Prism));
+            },
+            {}
+          ],
+          5: [
+            function (require, module, exports) {
+              (function (Prism) {
+                function replace(pattern, replacements) {
+                  return pattern.replace(/<<(\d+)>>/g, function (m, index) {
+                    return '(?:' + replacements[+index] + ')';
+                  });
+                }
+                function re(pattern, replacements, flags) {
+                  return RegExp(replace(pattern, replacements), flags || '');
+                }
+                function nested(pattern, depthLog2) {
+                  for (var i = 0; i < depthLog2; i++) {
+                    pattern = pattern.replace(/<<self>>/g, function () {
+                      return '(?:' + pattern + ')';
+                    });
+                  }
+                  return pattern.replace(/<<self>>/g, '[^\\s\\S]');
+                }
+                var keywordKinds = {
+                  type: 'bool byte char decimal double dynamic float int long object sbyte short string uint ulong ushort var void',
+                  typeDeclaration: 'class enum interface struct',
+                  contextual: 'add alias and ascending async await by descending from get global group into join let nameof not notnull on or orderby partial remove select set unmanaged value when where where',
+                  other: 'abstract as base break case catch checked const continue default delegate do else event explicit extern finally fixed for foreach goto if implicit in internal is lock namespace new null operator out override params private protected public readonly ref return sealed sizeof stackalloc static switch this throw try typeof unchecked unsafe using virtual volatile while yield'
+                };
+                function keywordsToPattern(words) {
+                  return '\\b(?:' + words.trim().replace(/ /g, '|') + ')\\b';
+                }
+                var typeDeclarationKeywords = keywordsToPattern(keywordKinds.typeDeclaration);
+                var keywords = RegExp(keywordsToPattern(keywordKinds.type + ' ' + keywordKinds.typeDeclaration + ' ' + keywordKinds.contextual + ' ' + keywordKinds.other));
+                var nonTypeKeywords = keywordsToPattern(keywordKinds.typeDeclaration + ' ' + keywordKinds.contextual + ' ' + keywordKinds.other);
+                var nonContextualKeywords = keywordsToPattern(keywordKinds.type + ' ' + keywordKinds.typeDeclaration + ' ' + keywordKinds.other);
+                var generic = nested(/<(?:[^<>;=+\-*/%&|^]|<<self>>)*>/.source, 2);
+                var nestedRound = nested(/\((?:[^()]|<<self>>)*\)/.source, 2);
+                var name = /@?\b[A-Za-z_]\w*\b/.source;
+                var genericName = replace(/<<0>>(?:\s*<<1>>)?/.source, [
+                  name,
+                  generic
+                ]);
+                var identifier = replace(/(?!<<0>>)<<1>>(?:\s*\.\s*<<1>>)*/.source, [
+                  nonTypeKeywords,
+                  genericName
+                ]);
+                var array = /\[\s*(?:,\s*)*\]/.source;
+                var typeExpressionWithoutTuple = replace(/<<0>>(?:\s*(?:\?\s*)?<<1>>)*(?:\s*\?)?/.source, [
+                  identifier,
+                  array
+                ]);
+                var tupleElement = replace(/[^,()<>[\];=+\-*/%&|^]|<<0>>|<<1>>|<<2>>/.source, [
+                  generic,
+                  nestedRound,
+                  array
+                ]);
+                var tuple = replace(/\(<<0>>+(?:,<<0>>+)+\)/.source, [tupleElement]);
+                var typeExpression = replace(/(?:<<0>>|<<1>>)(?:\s*(?:\?\s*)?<<2>>)*(?:\s*\?)?/.source, [
+                  tuple,
+                  identifier,
+                  array
+                ]);
+                var typeInside = {
+                  'keyword': keywords,
+                  'punctuation': /[<>()?,.:[\]]/
+                };
+                var character = /'(?:[^\r\n'\\]|\\.|\\[Uux][\da-fA-F]{1,8})'/.source;
+                var regularString = /"(?:\\.|[^\\"\r\n])*"/.source;
+                var verbatimString = /@"(?:""|\\[\s\S]|[^\\"])*"(?!")/.source;
+                Prism.languages.csharp = Prism.languages.extend('clike', {
+                  'string': [
+                    {
+                      pattern: re(/(^|[^$\\])<<0>>/.source, [verbatimString]),
+                      lookbehind: true,
+                      greedy: true
+                    },
+                    {
+                      pattern: re(/(^|[^@$\\])<<0>>/.source, [regularString]),
+                      lookbehind: true,
+                      greedy: true
+                    },
+                    {
+                      pattern: RegExp(character),
+                      greedy: true,
+                      alias: 'character'
+                    }
+                  ],
+                  'class-name': [
+                    {
+                      pattern: re(/(\busing\s+static\s+)<<0>>(?=\s*;)/.source, [identifier]),
+                      lookbehind: true,
+                      inside: typeInside
+                    },
+                    {
+                      pattern: re(/(\busing\s+<<0>>\s*=\s*)<<1>>(?=\s*;)/.source, [
+                        name,
+                        typeExpression
+                      ]),
+                      lookbehind: true,
+                      inside: typeInside
+                    },
+                    {
+                      pattern: re(/(\busing\s+)<<0>>(?=\s*=)/.source, [name]),
+                      lookbehind: true
+                    },
+                    {
+                      pattern: re(/(\b<<0>>\s+)<<1>>/.source, [
+                        typeDeclarationKeywords,
+                        genericName
+                      ]),
+                      lookbehind: true,
+                      inside: typeInside
+                    },
+                    {
+                      pattern: re(/(\bcatch\s*\(\s*)<<0>>/.source, [identifier]),
+                      lookbehind: true,
+                      inside: typeInside
+                    },
+                    {
+                      pattern: re(/(\bwhere\s+)<<0>>/.source, [name]),
+                      lookbehind: true
+                    },
+                    {
+                      pattern: re(/(\b(?:is(?:\s+not)?|as)\s+)<<0>>/.source, [typeExpressionWithoutTuple]),
+                      lookbehind: true,
+                      inside: typeInside
+                    },
+                    {
+                      pattern: re(/\b<<0>>(?=\s+(?!<<1>>)<<2>>(?:\s*[=,;:{)\]]|\s+(?:in|when)\b))/.source, [
+                        typeExpression,
+                        nonContextualKeywords,
+                        name
+                      ]),
+                      inside: typeInside
+                    }
+                  ],
+                  'keyword': keywords,
+                  'number': /(?:\b0(?:x[\da-f_]*[\da-f]|b[01_]*[01])|(?:\B\.\d+(?:_+\d+)*|\b\d+(?:_+\d+)*(?:\.\d+(?:_+\d+)*)?)(?:e[-+]?\d+(?:_+\d+)*)?)(?:ul|lu|[dflmu])?\b/i,
+                  'operator': />>=?|<<=?|[-=]>|([-+&|])\1|~|\?\?=?|[-+*/%&|^!=<>]=?/,
+                  'punctuation': /\?\.?|::|[{}[\];(),.:]/
+                });
+                Prism.languages.insertBefore('csharp', 'number', {
+                  'range': {
+                    pattern: /\.\./,
+                    alias: 'operator'
+                  }
+                });
+                Prism.languages.insertBefore('csharp', 'punctuation', {
+                  'named-parameter': {
+                    pattern: re(/([(,]\s*)<<0>>(?=\s*:)/.source, [name]),
+                    lookbehind: true,
+                    alias: 'punctuation'
+                  }
+                });
+                Prism.languages.insertBefore('csharp', 'class-name', {
+                  'namespace': {
+                    pattern: re(/(\b(?:namespace|using)\s+)<<0>>(?:\s*\.\s*<<0>>)*(?=\s*[;{])/.source, [name]),
+                    lookbehind: true,
+                    inside: { 'punctuation': /\./ }
+                  },
+                  'type-expression': {
+                    pattern: re(/(\b(?:default|typeof|sizeof)\s*\(\s*)(?:[^()\s]|\s(?!\s*\))|<<0>>)*(?=\s*\))/.source, [nestedRound]),
+                    lookbehind: true,
+                    alias: 'class-name',
+                    inside: typeInside
+                  },
+                  'return-type': {
+                    pattern: re(/<<0>>(?=\s+(?:<<1>>\s*(?:=>|[({]|\.\s*this\s*\[)|this\s*\[))/.source, [
+                      typeExpression,
+                      identifier
+                    ]),
+                    inside: typeInside,
+                    alias: 'class-name'
+                  },
+                  'constructor-invocation': {
+                    pattern: re(/(\bnew\s+)<<0>>(?=\s*[[({])/.source, [typeExpression]),
+                    lookbehind: true,
+                    inside: typeInside,
+                    alias: 'class-name'
+                  },
+                  'generic-method': {
+                    pattern: re(/<<0>>\s*<<1>>(?=\s*\()/.source, [
+                      name,
+                      generic
+                    ]),
+                    inside: {
+                      'function': re(/^<<0>>/.source, [name]),
+                      'generic': {
+                        pattern: RegExp(generic),
+                        alias: 'class-name',
+                        inside: typeInside
+                      }
+                    }
+                  },
+                  'type-list': {
+                    pattern: re(/\b((?:<<0>>\s+<<1>>|where\s+<<2>>)\s*:\s*)(?:<<3>>|<<4>>)(?:\s*,\s*(?:<<3>>|<<4>>))*(?=\s*(?:where|[{;]|=>|$))/.source, [
+                      typeDeclarationKeywords,
+                      genericName,
+                      name,
+                      typeExpression,
+                      keywords.source
+                    ]),
+                    lookbehind: true,
+                    inside: {
+                      'keyword': keywords,
+                      'class-name': {
+                        pattern: RegExp(typeExpression),
+                        greedy: true,
+                        inside: typeInside
+                      },
+                      'punctuation': /,/
+                    }
+                  },
+                  'preprocessor': {
+                    pattern: /(^\s*)#.*/m,
+                    lookbehind: true,
+                    alias: 'property',
+                    inside: {
+                      'directive': {
+                        pattern: /(\s*#)\b(?:define|elif|else|endif|endregion|error|if|line|pragma|region|undef|warning)\b/,
+                        lookbehind: true,
+                        alias: 'keyword'
+                      }
+                    }
+                  }
+                });
+                var regularStringOrCharacter = regularString + '|' + character;
+                var regularStringCharacterOrComment = replace(/\/(?![*/])|\/\/[^\r\n]*[\r\n]|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>/.source, [regularStringOrCharacter]);
+                var roundExpression = nested(replace(/[^"'/()]|<<0>>|\(<<self>>*\)/.source, [regularStringCharacterOrComment]), 2);
+                var attrTarget = /\b(?:assembly|event|field|method|module|param|property|return|type)\b/.source;
+                var attr = replace(/<<0>>(?:\s*\(<<1>>*\))?/.source, [
+                  identifier,
+                  roundExpression
+                ]);
+                Prism.languages.insertBefore('csharp', 'class-name', {
+                  'attribute': {
+                    pattern: re(/((?:^|[^\s\w>)?])\s*\[\s*)(?:<<0>>\s*:\s*)?<<1>>(?:\s*,\s*<<1>>)*(?=\s*\])/.source, [
+                      attrTarget,
+                      attr
+                    ]),
+                    lookbehind: true,
+                    greedy: true,
+                    inside: {
+                      'target': {
+                        pattern: re(/^<<0>>(?=\s*:)/.source, [attrTarget]),
+                        alias: 'keyword'
+                      },
+                      'attribute-arguments': {
+                        pattern: re(/\(<<0>>*\)/.source, [roundExpression]),
+                        inside: Prism.languages.csharp
+                      },
+                      'class-name': {
+                        pattern: RegExp(identifier),
+                        inside: { 'punctuation': /\./ }
+                      },
+                      'punctuation': /[:,]/
+                    }
+                  }
+                });
+                var formatString = /:[^}\r\n]+/.source;
+                var mInterpolationRound = nested(replace(/[^"'/()]|<<0>>|\(<<self>>*\)/.source, [regularStringCharacterOrComment]), 2);
+                var mInterpolation = replace(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source, [
+                  mInterpolationRound,
+                  formatString
+                ]);
+                var sInterpolationRound = nested(replace(/[^"'/()]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>|\(<<self>>*\)/.source, [regularStringOrCharacter]), 2);
+                var sInterpolation = replace(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source, [
+                  sInterpolationRound,
+                  formatString
+                ]);
+                function createInterpolationInside(interpolation, interpolationRound) {
+                  return {
+                    'interpolation': {
+                      pattern: re(/((?:^|[^{])(?:\{\{)*)<<0>>/.source, [interpolation]),
+                      lookbehind: true,
+                      inside: {
+                        'format-string': {
+                          pattern: re(/(^\{(?:(?![}:])<<0>>)*)<<1>>(?=\}$)/.source, [
+                            interpolationRound,
+                            formatString
+                          ]),
+                          lookbehind: true,
+                          inside: { 'punctuation': /^:/ }
+                        },
+                        'punctuation': /^\{|\}$/,
+                        'expression': {
+                          pattern: /[\s\S]+/,
+                          alias: 'language-csharp',
+                          inside: Prism.languages.csharp
+                        }
+                      }
+                    },
+                    'string': /[\s\S]+/
+                  };
+                }
+                Prism.languages.insertBefore('csharp', 'string', {
+                  'interpolation-string': [
+                    {
+                      pattern: re(/(^|[^\\])(?:\$@|@\$)"(?:""|\\[\s\S]|\{\{|<<0>>|[^\\{"])*"/.source, [mInterpolation]),
+                      lookbehind: true,
+                      greedy: true,
+                      inside: createInterpolationInside(mInterpolation, mInterpolationRound)
+                    },
+                    {
+                      pattern: re(/(^|[^@\\])\$"(?:\\.|\{\{|<<0>>|[^\\"{])*"/.source, [sInterpolation]),
+                      lookbehind: true,
+                      greedy: true,
+                      inside: createInterpolationInside(sInterpolation, sInterpolationRound)
+                    }
+                  ]
+                });
+              }(Prism));
+              Prism.languages.dotnet = Prism.languages.cs = Prism.languages.csharp;
+            },
+            {}
+          ],
+          6: [
+            function (require, module, exports) {
+              (function (Prism) {
+                var string = /("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;
+                Prism.languages.css = {
+                  'comment': /\/\*[\s\S]*?\*\//,
+                  'atrule': {
+                    pattern: /@[\w-]+[\s\S]*?(?:;|(?=\s*\{))/,
+                    inside: {
+                      'rule': /^@[\w-]+/,
+                      'selector-function-argument': {
+                        pattern: /(\bselector\s*\((?!\s*\))\s*)(?:[^()]|\((?:[^()]|\([^()]*\))*\))+?(?=\s*\))/,
+                        lookbehind: true,
+                        alias: 'selector'
+                      },
+                      'keyword': {
+                        pattern: /(^|[^\w-])(?:and|not|only|or)(?![\w-])/,
+                        lookbehind: true
+                      }
+                    }
+                  },
+                  'url': {
+                    pattern: RegExp('\\burl\\((?:' + string.source + '|' + /(?:[^\\\r\n()"']|\\[\s\S])*/.source + ')\\)', 'i'),
+                    greedy: true,
+                    inside: {
+                      'function': /^url/i,
+                      'punctuation': /^\(|\)$/,
+                      'string': {
+                        pattern: RegExp('^' + string.source + '$'),
+                        alias: 'url'
+                      }
+                    }
+                  },
+                  'selector': RegExp('[^{}\\s](?:[^{};"\']|' + string.source + ')*?(?=\\s*\\{)'),
+                  'string': {
+                    pattern: string,
+                    greedy: true
+                  },
+                  'property': /[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,
+                  'important': /!important\b/i,
+                  'function': /[-a-z0-9]+(?=\()/i,
+                  'punctuation': /[(){};:,]/
+                };
+                Prism.languages.css['atrule'].inside.rest = Prism.languages.css;
+                var markup = Prism.languages.markup;
+                if (markup) {
+                  markup.tag.addInlined('style', 'css');
+                  Prism.languages.insertBefore('inside', 'attr-value', {
+                    'style-attr': {
+                      pattern: /\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,
+                      inside: {
+                        'attr-name': {
+                          pattern: /^\s*style/i,
+                          inside: markup.tag.inside
+                        },
+                        'punctuation': /^\s*=\s*['"]|['"]\s*$/,
+                        'attr-value': {
+                          pattern: /.+/i,
+                          inside: Prism.languages.css
+                        }
+                      },
+                      alias: 'language-css'
+                    }
+                  }, markup.tag);
+                }
+              }(Prism));
+            },
+            {}
+          ],
+          7: [
+            function (require, module, exports) {
+              (function (Prism) {
+                var keywords = /\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|null|open|opens|package|private|protected|provides|public|record|requires|return|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/;
+                var className = /\b[A-Z](?:\w*[a-z]\w*)?\b/;
+                Prism.languages.java = Prism.languages.extend('clike', {
+                  'class-name': [
+                    className,
+                    /\b[A-Z]\w*(?=\s+\w+\s*[;,=())])/
+                  ],
+                  'keyword': keywords,
+                  'function': [
+                    Prism.languages.clike.function,
+                    {
+                      pattern: /(\:\:)[a-z_]\w*/,
+                      lookbehind: true
+                    }
+                  ],
+                  'number': /\b0b[01][01_]*L?\b|\b0x[\da-f_]*\.?[\da-f_p+-]+\b|(?:\b\d[\d_]*\.?[\d_]*|\B\.\d[\d_]*)(?:e[+-]?\d[\d_]*)?[dfl]?/i,
+                  'operator': {
+                    pattern: /(^|[^.])(?:<<=?|>>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,
+                    lookbehind: true
+                  }
+                });
+                Prism.languages.insertBefore('java', 'string', {
+                  'triple-quoted-string': {
+                    pattern: /"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,
+                    greedy: true,
+                    alias: 'string'
+                  }
+                });
+                Prism.languages.insertBefore('java', 'class-name', {
+                  'annotation': {
+                    alias: 'punctuation',
+                    pattern: /(^|[^.])@\w+/,
+                    lookbehind: true
+                  },
+                  'namespace': {
+                    pattern: RegExp(/(\b(?:exports|import(?:\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\s+)(?!<keyword>)[a-z]\w*(?:\.[a-z]\w*)*\.?/.source.replace(/<keyword>/g, function () {
+                      return keywords.source;
+                    })),
+                    lookbehind: true,
+                    inside: { 'punctuation': /\./ }
+                  },
+                  'generics': {
+                    pattern: /<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<[\w\s,.&?]*>)*>)*>)*>/,
+                    inside: {
+                      'class-name': className,
+                      'keyword': keywords,
+                      'punctuation': /[<>(),.:]/,
+                      'operator': /[?&|]/
+                    }
+                  }
+                });
+              }(Prism));
+            },
+            {}
+          ],
+          8: [
+            function (require, module, exports) {
+              Prism.languages.javascript = Prism.languages.extend('clike', {
+                'class-name': [
+                  Prism.languages.clike['class-name'],
+                  {
+                    pattern: /(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,
+                    lookbehind: true
+                  }
+                ],
+                'keyword': [
+                  {
+                    pattern: /((?:^|})\s*)(?:catch|finally)\b/,
+                    lookbehind: true
+                  },
+                  {
+                    pattern: /(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,
+                    lookbehind: true
+                  }
+                ],
+                'number': /\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,
+                'function': /#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,
+                'operator': /--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/
+              });
+              Prism.languages.javascript['class-name'][0].pattern = /(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/;
+              Prism.languages.insertBefore('javascript', 'keyword', {
+                'regex': {
+                  pattern: /((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,
+                  lookbehind: true,
+                  greedy: true,
+                  inside: {
+                    'regex-source': {
+                      pattern: /^(\/)[\s\S]+(?=\/[a-z]*$)/,
+                      lookbehind: true,
+                      alias: 'language-regex',
+                      inside: Prism.languages.regex
+                    },
+                    'regex-flags': /[a-z]+$/,
+                    'regex-delimiter': /^\/|\/$/
+                  }
+                },
+                'function-variable': {
+                  pattern: /#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,
+                  alias: 'function'
+                },
+                'parameter': [
+                  {
+                    pattern: /(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\))/,
+                    lookbehind: true,
+                    inside: Prism.languages.javascript
+                  },
+                  {
+                    pattern: /[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/i,
+                    inside: Prism.languages.javascript
+                  },
+                  {
+                    pattern: /(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,
+                    lookbehind: true,
+                    inside: Prism.languages.javascript
+                  },
+                  {
+                    pattern: /((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,
+                    lookbehind: true,
+                    inside: Prism.languages.javascript
+                  }
+                ],
+                'constant': /\b[A-Z](?:[A-Z_]|\dx?)*\b/
+              });
+              Prism.languages.insertBefore('javascript', 'string', {
+                'template-string': {
+                  pattern: /`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,
+                  greedy: true,
+                  inside: {
+                    'template-punctuation': {
+                      pattern: /^`|`$/,
+                      alias: 'string'
+                    },
+                    'interpolation': {
+                      pattern: /((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,
+                      lookbehind: true,
+                      inside: {
+                        'interpolation-punctuation': {
+                          pattern: /^\${|}$/,
+                          alias: 'punctuation'
+                        },
+                        rest: Prism.languages.javascript
+                      }
+                    },
+                    'string': /[\s\S]+/
+                  }
+                }
+              });
+              if (Prism.languages.markup) {
+                Prism.languages.markup.tag.addInlined('script', 'javascript');
+              }
+              Prism.languages.js = Prism.languages.javascript;
+            },
+            {}
+          ],
+          9: [
+            function (require, module, exports) {
+              (function (Prism) {
+                function getPlaceholder(language, index) {
+                  return '___' + language.toUpperCase() + index + '___';
+                }
+                Object.defineProperties(Prism.languages['markup-templating'] = {}, {
+                  buildPlaceholders: {
+                    value: function (env, language, placeholderPattern, replaceFilter) {
+                      if (env.language !== language) {
+                        return;
+                      }
+                      var tokenStack = env.tokenStack = [];
+                      env.code = env.code.replace(placeholderPattern, function (match) {
+                        if (typeof replaceFilter === 'function' && !replaceFilter(match)) {
+                          return match;
+                        }
+                        var i = tokenStack.length;
+                        var placeholder;
+                        while (env.code.indexOf(placeholder = getPlaceholder(language, i)) !== -1)
+                          ++i;
+                        tokenStack[i] = match;
+                        return placeholder;
+                      });
+                      env.grammar = Prism.languages.markup;
+                    }
+                  },
+                  tokenizePlaceholders: {
+                    value: function (env, language) {
+                      if (env.language !== language || !env.tokenStack) {
+                        return;
+                      }
+                      env.grammar = Prism.languages[language];
+                      var j = 0;
+                      var keys = Object.keys(env.tokenStack);
+                      function walkTokens(tokens) {
+                        for (var i = 0; i < tokens.length; i++) {
+                          if (j >= keys.length) {
+                            break;
+                          }
+                          var token = tokens[i];
+                          if (typeof token === 'string' || token.content && typeof token.content === 'string') {
+                            var k = keys[j];
+                            var t = env.tokenStack[k];
+                            var s = typeof token === 'string' ? token : token.content;
+                            var placeholder = getPlaceholder(language, k);
+                            var index = s.indexOf(placeholder);
+                            if (index > -1) {
+                              ++j;
+                              var before = s.substring(0, index);
+                              var middle = new Prism.Token(language, Prism.tokenize(t, env.grammar), 'language-' + language, t);
+                              var after = s.substring(index + placeholder.length);
+                              var replacement = [];
+                              if (before) {
+                                replacement.push.apply(replacement, walkTokens([before]));
+                              }
+                              replacement.push(middle);
+                              if (after) {
+                                replacement.push.apply(replacement, walkTokens([after]));
+                              }
+                              if (typeof token === 'string') {
+                                tokens.splice.apply(tokens, [
+                                  i,
+                                  1
+                                ].concat(replacement));
+                              } else {
+                                token.content = replacement;
+                              }
+                            }
+                          } else if (token.content) {
+                            walkTokens(token.content);
+                          }
+                        }
+                        return tokens;
+                      }
+                      walkTokens(env.tokens);
+                    }
+                  }
+                });
+              }(Prism));
+            },
+            {}
+          ],
+          10: [
+            function (require, module, exports) {
+              Prism.languages.markup = {
+                'comment': /<!--[\s\S]*?-->/,
+                'prolog': /<\?[\s\S]+?\?>/,
+                'doctype': {
+                  pattern: /<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,
+                  greedy: true,
+                  inside: {
+                    'internal-subset': {
+                      pattern: /(\[)[\s\S]+(?=\]>$)/,
+                      lookbehind: true,
+                      greedy: true,
+                      inside: null
+                    },
+                    'string': {
+                      pattern: /"[^"]*"|'[^']*'/,
+                      greedy: true
+                    },
+                    'punctuation': /^<!|>$|[[\]]/,
+                    'doctype-tag': /^DOCTYPE/,
+                    'name': /[^\s<>'"]+/
+                  }
+                },
+                'cdata': /<!\[CDATA\[[\s\S]*?]]>/i,
+                'tag': {
+                  pattern: /<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,
+                  greedy: true,
+                  inside: {
+                    'tag': {
+                      pattern: /^<\/?[^\s>\/]+/,
+                      inside: {
+                        'punctuation': /^<\/?/,
+                        'namespace': /^[^\s>\/:]+:/
+                      }
+                    },
+                    'attr-value': {
+                      pattern: /=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,
+                      inside: {
+                        'punctuation': [
+                          {
+                            pattern: /^=/,
+                            alias: 'attr-equals'
+                          },
+                          /"|'/
+                        ]
+                      }
+                    },
+                    'punctuation': /\/?>/,
+                    'attr-name': {
+                      pattern: /[^\s>\/]+/,
+                      inside: { 'namespace': /^[^\s>\/:]+:/ }
+                    }
+                  }
+                },
+                'entity': [
+                  {
+                    pattern: /&[\da-z]{1,8};/i,
+                    alias: 'named-entity'
+                  },
+                  /&#x?[\da-f]{1,8};/i
+                ]
+              };
+              Prism.languages.markup['tag'].inside['attr-value'].inside['entity'] = Prism.languages.markup['entity'];
+              Prism.languages.markup['doctype'].inside['internal-subset'].inside = Prism.languages.markup;
+              Prism.hooks.add('wrap', function (env) {
+                if (env.type === 'entity') {
+                  env.attributes['title'] = env.content.replace(/&amp;/, '&');
+                }
+              });
+              Object.defineProperty(Prism.languages.markup.tag, 'addInlined', {
+                value: function addInlined(tagName, lang) {
+                  var includedCdataInside = {};
+                  includedCdataInside['language-' + lang] = {
+                    pattern: /(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,
+                    lookbehind: true,
+                    inside: Prism.languages[lang]
+                  };
+                  includedCdataInside['cdata'] = /^<!\[CDATA\[|\]\]>$/i;
+                  var inside = {
+                    'included-cdata': {
+                      pattern: /<!\[CDATA\[[\s\S]*?\]\]>/i,
+                      inside: includedCdataInside
+                    }
+                  };
+                  inside['language-' + lang] = {
+                    pattern: /[\s\S]+/,
+                    inside: Prism.languages[lang]
+                  };
+                  var def = {};
+                  def[tagName] = {
+                    pattern: RegExp(/(<__[\s\S]*?>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g, function () {
+                      return tagName;
+                    }), 'i'),
+                    lookbehind: true,
+                    greedy: true,
+                    inside: inside
+                  };
+                  Prism.languages.insertBefore('markup', 'cdata', def);
+                }
+              });
+              Prism.languages.html = Prism.languages.markup;
+              Prism.languages.mathml = Prism.languages.markup;
+              Prism.languages.svg = Prism.languages.markup;
+              Prism.languages.xml = Prism.languages.extend('markup', {});
+              Prism.languages.ssml = Prism.languages.xml;
+              Prism.languages.atom = Prism.languages.xml;
+              Prism.languages.rss = Prism.languages.xml;
+            },
+            {}
+          ],
+          11: [
+            function (require, module, exports) {
+              (function (Prism) {
+                Prism.languages.php = Prism.languages.extend('clike', {
+                  'keyword': /\b(?:__halt_compiler|abstract|and|array|as|break|callable|case|catch|class|clone|const|continue|declare|default|die|do|echo|else|elseif|empty|enddeclare|endfor|endforeach|endif|endswitch|endwhile|eval|exit|extends|final|finally|for|foreach|function|global|goto|if|implements|include|include_once|instanceof|insteadof|interface|isset|list|match|namespace|new|or|parent|print|private|protected|public|require|require_once|return|static|switch|throw|trait|try|unset|use|var|while|xor|yield)\b/i,
+                  'boolean': {
+                    pattern: /\b(?:false|true)\b/i,
+                    alias: 'constant'
+                  },
+                  'constant': [
+                    /\b[A-Z_][A-Z0-9_]*\b/,
+                    /\b(?:null)\b/i
+                  ],
+                  'comment': {
+                    pattern: /(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,
+                    lookbehind: true
+                  }
+                });
+                Prism.languages.insertBefore('php', 'string', {
+                  'shell-comment': {
+                    pattern: /(^|[^\\])#.*/,
+                    lookbehind: true,
+                    alias: 'comment'
+                  }
+                });
+                Prism.languages.insertBefore('php', 'comment', {
+                  'delimiter': {
+                    pattern: /\?>$|^<\?(?:php(?=\s)|=)?/i,
+                    alias: 'important'
+                  }
+                });
+                Prism.languages.insertBefore('php', 'keyword', {
+                  'variable': /\$+(?:\w+\b|(?={))/i,
+                  'package': {
+                    pattern: /(\\|namespace\s+|use\s+)[\w\\]+/,
+                    lookbehind: true,
+                    inside: { punctuation: /\\/ }
+                  }
+                });
+                Prism.languages.insertBefore('php', 'operator', {
+                  'property': {
+                    pattern: /(->)[\w]+/,
+                    lookbehind: true
+                  }
+                });
+                var string_interpolation = {
+                  pattern: /{\$(?:{(?:{[^{}]+}|[^{}]+)}|[^{}])+}|(^|[^\\{])\$+(?:\w+(?:\[[^\r\n\[\]]+\]|->\w+)*)/,
+                  lookbehind: true,
+                  inside: Prism.languages.php
+                };
+                Prism.languages.insertBefore('php', 'string', {
+                  'nowdoc-string': {
+                    pattern: /<<<'([^']+)'[\r\n](?:.*[\r\n])*?\1;/,
+                    greedy: true,
+                    alias: 'string',
+                    inside: {
+                      'delimiter': {
+                        pattern: /^<<<'[^']+'|[a-z_]\w*;$/i,
+                        alias: 'symbol',
+                        inside: { 'punctuation': /^<<<'?|[';]$/ }
+                      }
+                    }
+                  },
+                  'heredoc-string': {
+                    pattern: /<<<(?:"([^"]+)"[\r\n](?:.*[\r\n])*?\1;|([a-z_]\w*)[\r\n](?:.*[\r\n])*?\2;)/i,
+                    greedy: true,
+                    alias: 'string',
+                    inside: {
+                      'delimiter': {
+                        pattern: /^<<<(?:"[^"]+"|[a-z_]\w*)|[a-z_]\w*;$/i,
+                        alias: 'symbol',
+                        inside: { 'punctuation': /^<<<"?|[";]$/ }
+                      },
+                      'interpolation': string_interpolation
+                    }
+                  },
+                  'single-quoted-string': {
+                    pattern: /'(?:\\[\s\S]|[^\\'])*'/,
+                    greedy: true,
+                    alias: 'string'
+                  },
+                  'double-quoted-string': {
+                    pattern: /"(?:\\[\s\S]|[^\\"])*"/,
+                    greedy: true,
+                    alias: 'string',
+                    inside: { 'interpolation': string_interpolation }
+                  }
+                });
+                delete Prism.languages.php['string'];
+                Prism.hooks.add('before-tokenize', function (env) {
+                  if (!/<\?/.test(env.code)) {
+                    return;
+                  }
+                  var phpPattern = /<\?(?:[^"'/#]|\/(?![*/])|("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|(?:\/\/|#)(?:[^?\n\r]|\?(?!>))*(?=$|\?>|[\r\n])|\/\*[\s\S]*?(?:\*\/|$))*?(?:\?>|$)/ig;
+                  Prism.languages['markup-templating'].buildPlaceholders(env, 'php', phpPattern);
+                });
+                Prism.hooks.add('after-tokenize', function (env) {
+                  Prism.languages['markup-templating'].tokenizePlaceholders(env, 'php');
+                });
+              }(Prism));
+            },
+            {}
+          ],
+          12: [
+            function (require, module, exports) {
+              Prism.languages.python = {
+                'comment': {
+                  pattern: /(^|[^\\])#.*/,
+                  lookbehind: true
+                },
+                'string-interpolation': {
+                  pattern: /(?:f|rf|fr)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,
+                  greedy: true,
+                  inside: {
+                    'interpolation': {
+                      pattern: /((?:^|[^{])(?:{{)*){(?!{)(?:[^{}]|{(?!{)(?:[^{}]|{(?!{)(?:[^{}])+})+})+}/,
+                      lookbehind: true,
+                      inside: {
+                        'format-spec': {
+                          pattern: /(:)[^:(){}]+(?=}$)/,
+                          lookbehind: true
+                        },
+                        'conversion-option': {
+                          pattern: /![sra](?=[:}]$)/,
+                          alias: 'punctuation'
+                        },
+                        rest: null
+                      }
+                    },
+                    'string': /[\s\S]+/
+                  }
+                },
+                'triple-quoted-string': {
+                  pattern: /(?:[rub]|rb|br)?("""|''')[\s\S]*?\1/i,
+                  greedy: true,
+                  alias: 'string'
+                },
+                'string': {
+                  pattern: /(?:[rub]|rb|br)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,
+                  greedy: true
+                },
+                'function': {
+                  pattern: /((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,
+                  lookbehind: true
+                },
+                'class-name': {
+                  pattern: /(\bclass\s+)\w+/i,
+                  lookbehind: true
+                },
+                'decorator': {
+                  pattern: /(^\s*)@\w+(?:\.\w+)*/im,
+                  lookbehind: true,
+                  alias: [
+                    'annotation',
+                    'punctuation'
+                  ],
+                  inside: { 'punctuation': /\./ }
+                },
+                'keyword': /\b(?:and|as|assert|async|await|break|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,
+                'builtin': /\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,
+                'boolean': /\b(?:True|False|None)\b/,
+                'number': /(?:\b(?=\d)|\B(?=\.))(?:0[bo])?(?:(?:\d|0x[\da-f])[\da-f]*\.?\d*|\.\d+)(?:e[+-]?\d+)?j?\b/i,
+                'operator': /[-+%=]=?|!=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,
+                'punctuation': /[{}[\];(),.:]/
+              };
+              Prism.languages.python['string-interpolation'].inside['interpolation'].inside.rest = Prism.languages.python;
+              Prism.languages.py = Prism.languages.python;
+            },
+            {}
+          ],
+          13: [
+            function (require, module, exports) {
+              (function (Prism) {
+                Prism.languages.ruby = Prism.languages.extend('clike', {
+                  'comment': [
+                    /#.*/,
+                    {
+                      pattern: /^=begin\s[\s\S]*?^=end/m,
+                      greedy: true
+                    }
+                  ],
+                  'class-name': {
+                    pattern: /(\b(?:class)\s+|\bcatch\s+\()[\w.\\]+/i,
+                    lookbehind: true,
+                    inside: { 'punctuation': /[.\\]/ }
+                  },
+                  'keyword': /\b(?:alias|and|BEGIN|begin|break|case|class|def|define_method|defined|do|each|else|elsif|END|end|ensure|extend|for|if|in|include|module|new|next|nil|not|or|prepend|protected|private|public|raise|redo|require|rescue|retry|return|self|super|then|throw|undef|unless|until|when|while|yield)\b/
+                });
+                var interpolation = {
+                  pattern: /#\{[^}]+\}/,
+                  inside: {
+                    'delimiter': {
+                      pattern: /^#\{|\}$/,
+                      alias: 'tag'
+                    },
+                    rest: Prism.languages.ruby
+                  }
+                };
+                delete Prism.languages.ruby.function;
+                Prism.languages.insertBefore('ruby', 'keyword', {
+                  'regex': [
+                    {
+                      pattern: RegExp(/%r/.source + '(?:' + [
+                        /([^a-zA-Z0-9\s{(\[<])(?:(?!\1)[^\\]|\\[\s\S])*\1[gim]{0,3}/.source,
+                        /\((?:[^()\\]|\\[\s\S])*\)[gim]{0,3}/.source,
+                        /\{(?:[^#{}\\]|#(?:\{[^}]+\})?|\\[\s\S])*\}[gim]{0,3}/.source,
+                        /\[(?:[^\[\]\\]|\\[\s\S])*\][gim]{0,3}/.source,
+                        /<(?:[^<>\\]|\\[\s\S])*>[gim]{0,3}/.source
+                      ].join('|') + ')'),
+                      greedy: true,
+                      inside: { 'interpolation': interpolation }
+                    },
+                    {
+                      pattern: /(^|[^/])\/(?!\/)(?:\[[^\r\n\]]+\]|\\.|[^[/\\\r\n])+\/[gim]{0,3}(?=\s*(?:$|[\r\n,.;})]))/,
+                      lookbehind: true,
+                      greedy: true
+                    }
+                  ],
+                  'variable': /[@$]+[a-zA-Z_]\w*(?:[?!]|\b)/,
+                  'symbol': {
+                    pattern: /(^|[^:]):[a-zA-Z_]\w*(?:[?!]|\b)/,
+                    lookbehind: true
+                  },
+                  'method-definition': {
+                    pattern: /(\bdef\s+)[\w.]+/,
+                    lookbehind: true,
+                    inside: {
+                      'function': /\w+$/,
+                      rest: Prism.languages.ruby
+                    }
+                  }
+                });
+                Prism.languages.insertBefore('ruby', 'number', {
+                  'builtin': /\b(?:Array|Bignum|Binding|Class|Continuation|Dir|Exception|FalseClass|File|Stat|Fixnum|Float|Hash|Integer|IO|MatchData|Method|Module|NilClass|Numeric|Object|Proc|Range|Regexp|String|Struct|TMS|Symbol|ThreadGroup|Thread|Time|TrueClass)\b/,
+                  'constant': /\b[A-Z]\w*(?:[?!]|\b)/
+                });
+                Prism.languages.ruby.string = [
+                  {
+                    pattern: RegExp(/%[qQiIwWxs]?/.source + '(?:' + [
+                      /([^a-zA-Z0-9\s{(\[<])(?:(?!\1)[^\\]|\\[\s\S])*\1/.source,
+                      /\((?:[^()\\]|\\[\s\S])*\)/.source,
+                      /\{(?:[^#{}\\]|#(?:\{[^}]+\})?|\\[\s\S])*\}/.source,
+                      /\[(?:[^\[\]\\]|\\[\s\S])*\]/.source,
+                      /<(?:[^<>\\]|\\[\s\S])*>/.source
+                    ].join('|') + ')'),
+                    greedy: true,
+                    inside: { 'interpolation': interpolation }
+                  },
+                  {
+                    pattern: /("|')(?:#\{[^}]+\}|\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,
+                    greedy: true,
+                    inside: { 'interpolation': interpolation }
+                  }
+                ];
+                Prism.languages.rb = Prism.languages.ruby;
+              }(Prism));
+            },
+            {}
+          ],
+          14: [
+            function (require, module, exports) {
+              var Prism = require('prismjs/components/prism-core');
+              require('prismjs/components/prism-clike');
+              require('prismjs/components/prism-markup-templating');
+              require('prismjs/components/prism-c');
+              require('prismjs/components/prism-cpp');
+              require('prismjs/components/prism-csharp');
+              require('prismjs/components/prism-css');
+              require('prismjs/components/prism-java');
+              require('prismjs/components/prism-javascript');
+              require('prismjs/components/prism-markup');
+              require('prismjs/components/prism-php');
+              require('prismjs/components/prism-python');
+              require('prismjs/components/prism-ruby');
+              module.exports = { boltExport: Prism };
+            },
+            {
+              'prismjs/components/prism-c': 1,
+              'prismjs/components/prism-clike': 2,
+              'prismjs/components/prism-core': 3,
+              'prismjs/components/prism-cpp': 4,
+              'prismjs/components/prism-csharp': 5,
+              'prismjs/components/prism-css': 6,
+              'prismjs/components/prism-java': 7,
+              'prismjs/components/prism-javascript': 8,
+              'prismjs/components/prism-markup': 10,
+              'prismjs/components/prism-markup-templating': 9,
+              'prismjs/components/prism-php': 11,
+              'prismjs/components/prism-python': 12,
+              'prismjs/components/prism-ruby': 13
+            }
+          ]
+        }, {}, [14])(14);
+      }));
+      var prism = window.Prism;
+      window.Prism = oldprism;
+      return prism;
+    }(undefined, exports$1, module, undefined));
+    var Prism$1 = module.exports.boltExport;
+
+    var getLanguages = function (editor) {
+      return editor.getParam('codesample_languages');
+    };
+    var useGlobalPrismJS = function (editor) {
+      return editor.getParam('codesample_global_prismjs', false, 'boolean');
+    };
+
+    var get$1 = function (editor) {
+      return Global.Prism && useGlobalPrismJS(editor) ? Global.Prism : Prism$1;
+    };
+
+    var getSelectedCodeSample = function (editor) {
+      var node = editor.selection ? editor.selection.getNode() : null;
+      if (isCodeSample(node)) {
+        return Optional.some(node);
+      }
+      return Optional.none();
+    };
+    var insertCodeSample = function (editor, language, code) {
+      editor.undoManager.transact(function () {
+        var node = getSelectedCodeSample(editor);
+        code = global$1.DOM.encode(code);
+        return node.fold(function () {
+          editor.insertContent('<pre id="__new" class="language-' + language + '">' + code + '</pre>');
+          editor.selection.select(editor.$('#__new').removeAttr('id')[0]);
+        }, function (n) {
+          editor.dom.setAttrib(n, 'class', 'language-' + language);
+          n.innerHTML = code;
+          get$1(editor).highlightElement(n);
+          editor.selection.select(n);
+        });
+      });
+    };
+    var getCurrentCode = function (editor) {
+      var node = getSelectedCodeSample(editor);
+      return node.fold(function () {
+        return '';
+      }, function (n) {
+        return n.textContent;
+      });
+    };
+
+    var getLanguages$1 = function (editor) {
+      var defaultLanguages = [
+        {
+          text: 'HTML/XML',
+          value: 'markup'
+        },
+        {
+          text: 'JavaScript',
+          value: 'javascript'
+        },
+        {
+          text: 'CSS',
+          value: 'css'
+        },
+        {
+          text: 'PHP',
+          value: 'php'
+        },
+        {
+          text: 'Ruby',
+          value: 'ruby'
+        },
+        {
+          text: 'Python',
+          value: 'python'
+        },
+        {
+          text: 'Java',
+          value: 'java'
+        },
+        {
+          text: 'C',
+          value: 'c'
+        },
+        {
+          text: 'C#',
+          value: 'csharp'
+        },
+        {
+          text: 'C++',
+          value: 'cpp'
+        }
+      ];
+      var customLanguages = getLanguages(editor);
+      return customLanguages ? customLanguages : defaultLanguages;
+    };
+    var getCurrentLanguage = function (editor, fallback) {
+      var node = getSelectedCodeSample(editor);
+      return node.fold(function () {
+        return fallback;
+      }, function (n) {
+        var matches = n.className.match(/language-(\w+)/);
+        return matches ? matches[1] : fallback;
+      });
+    };
+
+    var open = function (editor) {
+      var languages = getLanguages$1(editor);
+      var defaultLanguage = head(languages).fold(function () {
+        return '';
+      }, function (l) {
+        return l.value;
+      });
+      var currentLanguage = getCurrentLanguage(editor, defaultLanguage);
+      var currentCode = getCurrentCode(editor);
+      editor.windowManager.open({
+        title: 'Insert/Edit Code Sample',
+        size: 'large',
+        body: {
+          type: 'panel',
+          items: [
+            {
+              type: 'selectbox',
+              name: 'language',
+              label: 'Language',
+              items: languages
+            },
+            {
+              type: 'textarea',
+              name: 'code',
+              label: 'Code view'
+            }
+          ]
+        },
+        buttons: [
+          {
+            type: 'cancel',
+            name: 'cancel',
+            text: 'Cancel'
+          },
+          {
+            type: 'submit',
+            name: 'save',
+            text: 'Save',
+            primary: true
+          }
+        ],
+        initialData: {
+          language: currentLanguage,
+          code: currentCode
+        },
+        onSubmit: function (api) {
+          var data = api.getData();
+          insertCodeSample(editor, data.language, data.code);
+          api.close();
+        }
+      });
+    };
+
+    var register = function (editor) {
+      editor.addCommand('codesample', function () {
+        var node = editor.selection.getNode();
+        if (editor.selection.isCollapsed() || isCodeSample(node)) {
+          open(editor);
+        } else {
+          editor.formatter.toggle('code');
+        }
+      });
+    };
+
+    var setup = function (editor) {
+      var $ = editor.$;
+      editor.on('PreProcess', function (e) {
+        $('pre[contenteditable=false]', e.node).filter(trimArg(isCodeSample)).each(function (idx, elm) {
+          var $elm = $(elm), code = elm.textContent;
+          $elm.attr('class', $.trim($elm.attr('class')));
+          $elm.removeAttr('contentEditable');
+          $elm.empty().append($('<code></code>').each(function () {
+            this.textContent = code;
+          }));
+        });
+      });
+      editor.on('SetContent', function () {
+        var unprocessedCodeSamples = $('pre').filter(trimArg(isCodeSample)).filter(function (idx, elm) {
+          return elm.contentEditable !== 'false';
+        });
+        if (unprocessedCodeSamples.length) {
+          editor.undoManager.transact(function () {
+            unprocessedCodeSamples.each(function (idx, elm) {
+              $(elm).find('br').each(function (idx, elm) {
+                elm.parentNode.replaceChild(editor.getDoc().createTextNode('\n'), elm);
+              });
+              elm.contentEditable = 'false';
+              elm.innerHTML = editor.dom.encode(elm.textContent);
+              get$1(editor).highlightElement(elm);
+              elm.className = $.trim(elm.className);
+            });
+          });
+        }
+      });
+    };
+
+    var isCodeSampleSelection = function (editor) {
+      var node = editor.selection.getStart();
+      return editor.dom.is(node, 'pre[class*="language-"]');
+    };
+    var register$1 = function (editor) {
+      editor.ui.registry.addToggleButton('codesample', {
+        icon: 'code-sample',
+        tooltip: 'Insert/edit code sample',
+        onAction: function () {
+          return open(editor);
+        },
+        onSetup: function (api) {
+          var nodeChangeHandler = function () {
+            api.setActive(isCodeSampleSelection(editor));
+          };
+          editor.on('NodeChange', nodeChangeHandler);
+          return function () {
+            return editor.off('NodeChange', nodeChangeHandler);
+          };
+        }
+      });
+      editor.ui.registry.addMenuItem('codesample', {
+        text: 'Code sample...',
+        icon: 'code-sample',
+        onAction: function () {
+          return open(editor);
+        }
+      });
+    };
+
+    function Plugin () {
+      global.add('codesample', function (editor) {
+        setup(editor);
+        register$1(editor);
+        register(editor);
+        editor.on('dblclick', function (ev) {
+          if (isCodeSample(ev.target)) {
+            open(editor);
+          }
+        });
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/codesample/plugin.min.js b/src/assets/tinymce/plugins/codesample/plugin.min.js
new file mode 100644
index 00000000..53f78f8a
--- /dev/null
+++ b/src/assets/tinymce/plugins/codesample/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e,n,t,r=tinymce.util.Tools.resolve("tinymce.PluginManager"),s=function(e){return function(){return e}},i=s(!1),o=s(!0),a=function(){return l},l=(e=function(e){return e.isNone()},{fold:function(e,n){return e()},is:i,isSome:i,isNone:o,getOr:t=function(e){return e},getOrThunk:n=function(e){return e()},getOrDie:function(e){throw new Error(e||"error: getOrDie called on none.")},getOrNull:s(null),getOrUndefined:s(undefined),or:t,orThunk:n,map:a,each:function(){},bind:a,exists:i,forall:o,filter:a,equals:e,equals_:e,toArray:function(){return[]},toString:s("none()")}),u=function(t){var e=s(t),n=function(){return a},r=function(e){return e(t)},a={fold:function(e,n){return n(t)},is:function(e){return t===e},isSome:o,isNone:i,getOr:e,getOrThunk:e,getOrDie:e,getOrNull:e,getOrUndefined:e,or:n,orThunk:n,map:function(e){return u(e(t))},each:function(e){e(t)},bind:r,exists:r,forall:r,filter:function(e){return e(t)?a:l},toArray:function(){return[t]},toString:function(){return"some("+t+")"},equals:function(e){return e.is(t)},equals_:function(e,n){return e.fold(i,function(e){return n(t,e)})}};return a},c={some:u,none:a,from:function(e){return null===e||e===undefined?l:u(e)}},p=function(e){return n=e,(t=0)<=t&&t<n.length?c.some(n[t]):c.none();var n,t},d=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils");function g(e){return e&&"PRE"===e.nodeName&&-1!==e.className.indexOf("language-")}function m(t){return function(e,n){return t(n)}}var f="undefined"!=typeof window?window:Function("return this;")(),h={},b={exports:h},y={};!function(n,t,r,p){var e=window.Prism;window.Prism={manual:!0},function(e){"object"==typeof t&&void 0!==r?r.exports=e():"function"==typeof n&&n.amd?n([],e):("undefined"!=typeof window?window:void 0!==y?y:"undefined"!=typeof self?self:this).EphoxContactWrapper=e()}(function(){return function c(s,i,o){function l(n,e){if(!i[n]){if(!s[n]){var t="function"==typeof p&&p;if(!e&&t)return t(n,!0);if(u)return u(n,!0);var r=new Error("Cannot find module '"+n+"'");throw r.code="MODULE_NOT_FOUND",r}var a=i[n]={exports:{}};s[n][0].call(a.exports,function(e){return l(s[n][1][e]||e)},a,a.exports,c,s,i,o)}return i[n].exports}for(var u="function"==typeof p&&p,e=0;e<o.length;e++)l(o[e]);return l}({1:[function(e,n,t){Prism.languages.c=Prism.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+/,lookbehind:!0},keyword:/\b(?:__attribute__|_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|asm|typeof|inline|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|union|unsigned|void|volatile|while)\b/,"function":/[a-z_]\w*(?=\s*\()/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/,number:/(?:\b0x(?:[\da-f]+\.?[\da-f]*|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?)[ful]*/i}),Prism.languages.insertBefore("c","string",{macro:{pattern:/(^\s*)#\s*[a-z]+(?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},Prism.languages.c.string],comment:Prism.languages.c.comment,directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:Prism.languages.c}}},constant:/\b(?:__FILE__|__LINE__|__DATE__|__TIME__|__TIMESTAMP__|__func__|EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|stdin|stdout|stderr)\b/}),delete Prism.languages.c["boolean"]},{}],2:[function(e,n,t){Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,"boolean":/\b(?:true|false)\b/,"function":/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}},{}],3:[function(e,t,n){(function(n){(function(){var e=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,O={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function a(e){return e instanceof N?new N(e.type,a(e.content),e.alias):Array.isArray(e)?e.map(a):e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++n}),e.__id},clone:function i(e,t){var r,n;switch(t=t||{},O.util.type(e)){case"Object":if(n=O.util.objId(e),t[n])return t[n];for(var a in r={},t[n]=r,e)e.hasOwnProperty(a)&&(r[a]=i(e[a],t));return r;case"Array":return(n=O.util.objId(e),t[n])?t[n]:(r=[],t[n]=r,e.forEach(function(e,n){r[n]=i(e,t)}),r);default:return e}},getLanguage:function(e){for(;e&&!c.test(e.className);)e=e.parentElement;return e?(e.className.match(c)||[,"none"])[1].toLowerCase():"none"},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(r){var e=(/at [^(\r\n]*\((.*):.+:.+\)$/i.exec(r.stack)||[])[1];if(e){var n=document.getElementsByTagName("script");for(var t in n)if(n[t].src==e)return n[t]}return null}},isActive:function(e,n,t){for(var r="no-"+n;e;){var a=e.classList;if(a.contains(n))return!0;if(a.contains(r))return!1;e=e.parentElement}return!!t}},languages:{extend:function(e,n){var t=O.util.clone(O.languages[e]);for(var r in n)t[r]=n[r];return t},insertBefore:function(t,e,n,r){var a=(r=r||O.languages)[t],s={};for(var i in a)if(a.hasOwnProperty(i)){if(i==e)for(var o in n)n.hasOwnProperty(o)&&(s[o]=n[o]);n.hasOwnProperty(i)||(s[i]=a[i])}var l=r[t];return r[t]=s,O.languages.DFS(O.languages,function(e,n){n===l&&e!=t&&(this[e]=s)}),s},DFS:function l(e,n,t,r){r=r||{};var a,s,i=O.util.objId;for(var o in e){e.hasOwnProperty(o)&&(n.call(e,o,e[o],t||o),a=e[o],"Object"!==(s=O.util.type(a))||r[i(a)]?"Array"!==s||r[i(a)]||(r[i(a)]=!0,l(a,n,o,r)):(r[i(a)]=!0,l(a,n,null,r)))}}},plugins:{},highlightAll:function(e,n){O.highlightAllUnder(document,e,n)},highlightAllUnder:function(e,n,t){var r={callback:t,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};O.hooks.run("before-highlightall",r),r.elements=Array.prototype.slice.apply(r.container.querySelectorAll(r.selector)),O.hooks.run("before-all-elements-highlight",r);for(var a,s=0;a=r.elements[s++];)O.highlightElement(a,!0===n,r.callback)},highlightElement:function(e,n,t){var r=O.util.getLanguage(e),a=O.languages[r];e.className=e.className.replace(c,"").replace(/\s+/g," ")+" language-"+r;var s=e.parentElement;s&&"pre"===s.nodeName.toLowerCase()&&(s.className=s.className.replace(c,"").replace(/\s+/g," ")+" language-"+r);var i,o={element:e,language:r,grammar:a,code:e.textContent};function l(e){o.highlightedCode=e,O.hooks.run("before-insert",o),o.element.innerHTML=o.highlightedCode,O.hooks.run("after-highlight",o),O.hooks.run("complete",o),t&&t.call(o.element)}if(O.hooks.run("before-sanity-check",o),!o.code)return O.hooks.run("complete",o),void(t&&t.call(o.element));O.hooks.run("before-highlight",o),o.grammar?n&&u.Worker?((i=new Worker(O.filename)).onmessage=function(e){l(e.data)},i.postMessage(JSON.stringify({language:o.language,code:o.code,immediateClose:!0}))):l(O.highlight(o.code,o.grammar,o.language)):l(O.util.encode(o.code))},highlight:function(e,n,t){var r={code:e,grammar:n,language:t};return O.hooks.run("before-tokenize",r),r.tokens=O.tokenize(r.code,r.grammar),O.hooks.run("after-tokenize",r),N.stringify(O.util.encode(r.tokens),r.language)},tokenize:function(e,n){var t=n.rest;if(t){for(var r in t)n[r]=t[r];delete n.rest}var a=new s;return B(a,a.head,e),function C(e,n,t,r,a,s){for(var i in t)if(t.hasOwnProperty(i)&&t[i]){var o=t[i];o=Array.isArray(o)?o:[o];for(var l=0;l<o.length;++l){if(s&&s.cause==i+","+l)return;var u,c=o[l],p=c.inside,d=!!c.lookbehind,g=!!c.greedy,m=0,f=c.alias;g&&!c.pattern.global&&(u=c.pattern.toString().match(/[imsuy]*$/)[0],c.pattern=RegExp(c.pattern.source,u+"g"));for(var h=c.pattern||c,b=r.next,y=a;b!==n.tail&&!(s&&y>=s.reach);y+=b.value.length,b=b.next){var v=b.value;if(n.length>e.length)return;if(!(v instanceof N)){var w,k,x,_,P,F,A=1;if(g&&b!=n.tail.prev){h.lastIndex=y;var S=h.exec(e);if(!S)break;var $=S.index+(d&&S[1]?S[1].length:0),j=S.index+S[0].length,E=y;for(E+=b.value.length;E<=$;)b=b.next,E+=b.value.length;if(E-=b.value.length,y=E,b.value instanceof N)continue;for(var z=b;z!==n.tail&&(E<j||"string"==typeof z.value);z=z.next)A++,E+=z.value.length;A--,v=e.slice(y,E),S.index-=y}else{h.lastIndex=0;var S=h.exec(v)}S&&(d&&(m=S[1]?S[1].length:0),$=S.index+m,w=S[0].slice(m),j=$+w.length,k=v.slice(0,$),x=v.slice(j),_=y+v.length,s&&_>s.reach&&(s.reach=_),P=b.prev,k&&(P=B(n,P,k),y+=k.length),T(n,P,A),F=new N(i,p?O.tokenize(w,p):w,f,w),b=B(n,P,F),x&&B(n,b,x),1<A&&C(e,n,t,b.prev,y,{cause:i+","+l,reach:_}))}}}}}(e,a,n,a.head,0),function(e){var n=[],t=e.head.next;for(;t!==e.tail;)n.push(t.value),t=t.next;return n}(a)},hooks:{all:{},add:function(e,n){var t=O.hooks.all;t[e]=t[e]||[],t[e].push(n)},run:function(e,n){var t=O.hooks.all[e];if(t&&t.length)for(var r,a=0;r=t[a++];)r(n)}},Token:N};function N(e,n,t,r){this.type=e,this.content=n,this.alias=t,this.length=0|(r||"").length}function s(){var e={value:null,prev:null,next:null},n={value:null,prev:e,next:null};e.next=n,this.head=e,this.tail=n,this.length=0}function B(e,n,t){var r=n.next,a={value:t,prev:n,next:r};return n.next=a,r.prev=a,e.length++,a}function T(e,n,t){for(var r=n.next,a=0;a<t&&r!==e.tail;a++)r=r.next;(n.next=r).prev=n,e.length-=a}if(u.Prism=O,N.stringify=function o(e,n){if("string"==typeof e)return e;if(Array.isArray(e)){var t="";return e.forEach(function(e){t+=o(e,n)}),t}var r={type:e.type,content:o(e.content,n),tag:"span",classes:["token",e.type],attributes:{},language:n},a=e.alias;a&&(Array.isArray(a)?Array.prototype.push.apply(r.classes,a):r.classes.push(a)),O.hooks.run("wrap",r);var s="";for(var i in r.attributes)s+=" "+i+'="'+(r.attributes[i]||"").replace(/"/g,"&quot;")+'"';return"<"+r.tag+' class="'+r.classes.join(" ")+'"'+s+">"+r.content+"</"+r.tag+">"},!u.document)return u.addEventListener&&(O.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(O.highlight(r,O.languages[t],t)),a&&u.close()},!1)),O;var e,t=O.util.currentScript();function r(){O.manual||O.highlightAll()}return t&&(O.filename=t.src,t.hasAttribute("data-manual")&&(O.manual=!0)),O.manual||("loading"===(e=document.readyState)||"interactive"===e&&t&&t.defer?document.addEventListener("DOMContentLoaded",r):window.requestAnimationFrame?window.requestAnimationFrame(r):window.setTimeout(r,16)),O}("undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{});void 0!==t&&t.exports&&(t.exports=e),void 0!==n&&(n.Prism=e)}).call(this)}).call(this,void 0!==y?y:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}],4:[function(e,n,t){var r,a;r=Prism,a=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char8_t|char16_t|char32_t|class|compl|concept|const|consteval|constexpr|constinit|const_cast|continue|co_await|co_return|co_yield|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|float|for|friend|goto|if|inline|int|int8_t|int16_t|int32_t|int64_t|uint8_t|uint16_t|uint32_t|uint64_t|long|mutable|namespace|new|noexcept|nullptr|operator|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,r.languages.cpp=r.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,function(){return a.source})),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:a,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+\.?[\da-f']*|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+\.?[\d']*|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]*/i,greedy:!0},operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,"boolean":/\b(?:true|false)\b/}),r.languages.insertBefore("cpp","string",{"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),r.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)(?:[^;{}"'])+?(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:r.languages.extend("cpp",{})}}),r.languages.insertBefore("inside","operator",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},r.languages.cpp["base-clause"])},{}],5:[function(e,n,t){!function(t){function r(e,t){return e.replace(/<<(\d+)>>/g,function(e,n){return"(?:"+t[+n]+")"})}function a(e,n,t){return RegExp(r(e,n),t||"")}function e(e,n){for(var t=0;t<n;t++)e=e.replace(/<<self>>/g,function(){return"(?:"+e+")"});return e.replace(/<<self>>/g,"[^\\s\\S]")}var n="bool byte char decimal double dynamic float int long object sbyte short string uint ulong ushort var void",s="class enum interface struct",i="add alias and ascending async await by descending from get global group into join let nameof not notnull on or orderby partial remove select set unmanaged value when where where",o="abstract as base break case catch checked const continue default delegate do else event explicit extern finally fixed for foreach goto if implicit in internal is lock namespace new null operator out override params private protected public readonly ref return sealed sizeof stackalloc static switch this throw try typeof unchecked unsafe using virtual volatile while yield";function l(e){return"\\b(?:"+e.trim().replace(/ /g,"|")+")\\b"}var u=l(s),c=RegExp(l(n+" "+s+" "+i+" "+o)),p=l(s+" "+i+" "+o),d=l(n+" "+s+" "+o),g=e(/<(?:[^<>;=+\-*/%&|^]|<<self>>)*>/.source,2),m=e(/\((?:[^()]|<<self>>)*\)/.source,2),f=/@?\b[A-Za-z_]\w*\b/.source,h=r(/<<0>>(?:\s*<<1>>)?/.source,[f,g]),b=r(/(?!<<0>>)<<1>>(?:\s*\.\s*<<1>>)*/.source,[p,h]),y=/\[\s*(?:,\s*)*\]/.source,v=r(/<<0>>(?:\s*(?:\?\s*)?<<1>>)*(?:\s*\?)?/.source,[b,y]),w=r(/[^,()<>[\];=+\-*/%&|^]|<<0>>|<<1>>|<<2>>/.source,[g,m,y]),k=r(/\(<<0>>+(?:,<<0>>+)+\)/.source,[w]),x=r(/(?:<<0>>|<<1>>)(?:\s*(?:\?\s*)?<<2>>)*(?:\s*\?)?/.source,[k,b,y]),_={keyword:c,punctuation:/[<>()?,.:[\]]/},P=/'(?:[^\r\n'\\]|\\.|\\[Uux][\da-fA-F]{1,8})'/.source,F=/"(?:\\.|[^\\"\r\n])*"/.source,A=/@"(?:""|\\[\s\S]|[^\\"])*"(?!")/.source;t.languages.csharp=t.languages.extend("clike",{string:[{pattern:a(/(^|[^$\\])<<0>>/.source,[A]),lookbehind:!0,greedy:!0},{pattern:a(/(^|[^@$\\])<<0>>/.source,[F]),lookbehind:!0,greedy:!0},{pattern:RegExp(P),greedy:!0,alias:"character"}],"class-name":[{pattern:a(/(\busing\s+static\s+)<<0>>(?=\s*;)/.source,[b]),lookbehind:!0,inside:_},{pattern:a(/(\busing\s+<<0>>\s*=\s*)<<1>>(?=\s*;)/.source,[f,x]),lookbehind:!0,inside:_},{pattern:a(/(\busing\s+)<<0>>(?=\s*=)/.source,[f]),lookbehind:!0},{pattern:a(/(\b<<0>>\s+)<<1>>/.source,[u,h]),lookbehind:!0,inside:_},{pattern:a(/(\bcatch\s*\(\s*)<<0>>/.source,[b]),lookbehind:!0,inside:_},{pattern:a(/(\bwhere\s+)<<0>>/.source,[f]),lookbehind:!0},{pattern:a(/(\b(?:is(?:\s+not)?|as)\s+)<<0>>/.source,[v]),lookbehind:!0,inside:_},{pattern:a(/\b<<0>>(?=\s+(?!<<1>>)<<2>>(?:\s*[=,;:{)\]]|\s+(?:in|when)\b))/.source,[x,d,f]),inside:_}],keyword:c,number:/(?:\b0(?:x[\da-f_]*[\da-f]|b[01_]*[01])|(?:\B\.\d+(?:_+\d+)*|\b\d+(?:_+\d+)*(?:\.\d+(?:_+\d+)*)?)(?:e[-+]?\d+(?:_+\d+)*)?)(?:ul|lu|[dflmu])?\b/i,operator:/>>=?|<<=?|[-=]>|([-+&|])\1|~|\?\?=?|[-+*/%&|^!=<>]=?/,punctuation:/\?\.?|::|[{}[\];(),.:]/}),t.languages.insertBefore("csharp","number",{range:{pattern:/\.\./,alias:"operator"}}),t.languages.insertBefore("csharp","punctuation",{"named-parameter":{pattern:a(/([(,]\s*)<<0>>(?=\s*:)/.source,[f]),lookbehind:!0,alias:"punctuation"}}),t.languages.insertBefore("csharp","class-name",{namespace:{pattern:a(/(\b(?:namespace|using)\s+)<<0>>(?:\s*\.\s*<<0>>)*(?=\s*[;{])/.source,[f]),lookbehind:!0,inside:{punctuation:/\./}},"type-expression":{pattern:a(/(\b(?:default|typeof|sizeof)\s*\(\s*)(?:[^()\s]|\s(?!\s*\))|<<0>>)*(?=\s*\))/.source,[m]),lookbehind:!0,alias:"class-name",inside:_},"return-type":{pattern:a(/<<0>>(?=\s+(?:<<1>>\s*(?:=>|[({]|\.\s*this\s*\[)|this\s*\[))/.source,[x,b]),inside:_,alias:"class-name"},"constructor-invocation":{pattern:a(/(\bnew\s+)<<0>>(?=\s*[[({])/.source,[x]),lookbehind:!0,inside:_,alias:"class-name"},"generic-method":{pattern:a(/<<0>>\s*<<1>>(?=\s*\()/.source,[f,g]),inside:{"function":a(/^<<0>>/.source,[f]),generic:{pattern:RegExp(g),alias:"class-name",inside:_}}},"type-list":{pattern:a(/\b((?:<<0>>\s+<<1>>|where\s+<<2>>)\s*:\s*)(?:<<3>>|<<4>>)(?:\s*,\s*(?:<<3>>|<<4>>))*(?=\s*(?:where|[{;]|=>|$))/.source,[u,h,f,x,c.source]),lookbehind:!0,inside:{keyword:c,"class-name":{pattern:RegExp(x),greedy:!0,inside:_},punctuation:/,/}},preprocessor:{pattern:/(^\s*)#.*/m,lookbehind:!0,alias:"property",inside:{directive:{pattern:/(\s*#)\b(?:define|elif|else|endif|endregion|error|if|line|pragma|region|undef|warning)\b/,lookbehind:!0,alias:"keyword"}}}});var S=F+"|"+P,$=r(/\/(?![*/])|\/\/[^\r\n]*[\r\n]|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>/.source,[S]),j=e(r(/[^"'/()]|<<0>>|\(<<self>>*\)/.source,[$]),2),E=/\b(?:assembly|event|field|method|module|param|property|return|type)\b/.source,z=r(/<<0>>(?:\s*\(<<1>>*\))?/.source,[b,j]);t.languages.insertBefore("csharp","class-name",{attribute:{pattern:a(/((?:^|[^\s\w>)?])\s*\[\s*)(?:<<0>>\s*:\s*)?<<1>>(?:\s*,\s*<<1>>)*(?=\s*\])/.source,[E,z]),lookbehind:!0,greedy:!0,inside:{target:{pattern:a(/^<<0>>(?=\s*:)/.source,[E]),alias:"keyword"},"attribute-arguments":{pattern:a(/\(<<0>>*\)/.source,[j]),inside:t.languages.csharp},"class-name":{pattern:RegExp(b),inside:{punctuation:/\./}},punctuation:/[:,]/}}});var C=/:[^}\r\n]+/.source,O=e(r(/[^"'/()]|<<0>>|\(<<self>>*\)/.source,[$]),2),N=r(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source,[O,C]),B=e(r(/[^"'/()]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|<<0>>|\(<<self>>*\)/.source,[S]),2),T=r(/\{(?!\{)(?:(?![}:])<<0>>)*<<1>>?\}/.source,[B,C]);function D(e,n){return{interpolation:{pattern:a(/((?:^|[^{])(?:\{\{)*)<<0>>/.source,[e]),lookbehind:!0,inside:{"format-string":{pattern:a(/(^\{(?:(?![}:])<<0>>)*)<<1>>(?=\}$)/.source,[n,C]),lookbehind:!0,inside:{punctuation:/^:/}},punctuation:/^\{|\}$/,expression:{pattern:/[\s\S]+/,alias:"language-csharp",inside:t.languages.csharp}}},string:/[\s\S]+/}}t.languages.insertBefore("csharp","string",{"interpolation-string":[{pattern:a(/(^|[^\\])(?:\$@|@\$)"(?:""|\\[\s\S]|\{\{|<<0>>|[^\\{"])*"/.source,[N]),lookbehind:!0,greedy:!0,inside:D(N,O)},{pattern:a(/(^|[^@\\])\$"(?:\\.|\{\{|<<0>>|[^\\"{])*"/.source,[T]),lookbehind:!0,greedy:!0,inside:D(T,B)}]})}(Prism),Prism.languages.dotnet=Prism.languages.cs=Prism.languages.csharp},{}],6:[function(e,n,t){!function(e){var n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-]+[\s\S]*?(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\((?!\s*\))\s*)(?:[^()]|\((?:[^()]|\([^()]*\))*\))+?(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+n.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{"function":/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+n.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"']|"+n.source+")*?(?=\\s*\\{)"),string:{pattern:n,greedy:!0},property:/[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,important:/!important\b/i,"function":/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var t=e.languages.markup;t&&(t.tag.addInlined("style","css"),e.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:t.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:e.languages.css}},alias:"language-css"}},t.tag))}(Prism)},{}],7:[function(e,n,t){var r,a,s;r=Prism,a=/\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|null|open|opens|package|private|protected|provides|public|record|requires|return|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/,s=/\b[A-Z](?:\w*[a-z]\w*)?\b/,r.languages.java=r.languages.extend("clike",{"class-name":[s,/\b[A-Z]\w*(?=\s+\w+\s*[;,=())])/],keyword:a,"function":[r.languages.clike["function"],{pattern:/(\:\:)[a-z_]\w*/,lookbehind:!0}],number:/\b0b[01][01_]*L?\b|\b0x[\da-f_]*\.?[\da-f_p+-]+\b|(?:\b\d[\d_]*\.?[\d_]*|\B\.\d[\d_]*)(?:e[+-]?\d[\d_]*)?[dfl]?/i,operator:{pattern:/(^|[^.])(?:<<=?|>>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,lookbehind:!0}}),r.languages.insertBefore("java","string",{"triple-quoted-string":{pattern:/"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,greedy:!0,alias:"string"}}),r.languages.insertBefore("java","class-name",{annotation:{alias:"punctuation",pattern:/(^|[^.])@\w+/,lookbehind:!0},namespace:{pattern:RegExp(/(\b(?:exports|import(?:\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\s+)(?!<keyword>)[a-z]\w*(?:\.[a-z]\w*)*\.?/.source.replace(/<keyword>/g,function(){return a.source})),lookbehind:!0,inside:{punctuation:/\./}},generics:{pattern:/<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<[\w\s,.&?]*>)*>)*>)*>/,inside:{"class-name":s,keyword:a,punctuation:/[<>(),.:]/,operator:/[?&|]/}}})},{}],8:[function(e,n,t){Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,"function":/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-flags":/[a-z]+$/,"regex-delimiter":/^\/|\/$/}},"function-variable":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript},{}],9:[function(e,n,t){function b(e,n){return"___"+e.toUpperCase()+n+"___"}var y;y=Prism,Object.defineProperties(y.languages["markup-templating"]={},{buildPlaceholders:{value:function(r,a,e,s){var i;r.language===a&&(i=r.tokenStack=[],r.code=r.code.replace(e,function(e){if("function"==typeof s&&!s(e))return e;for(var n,t=i.length;-1!==r.code.indexOf(n=b(a,t));)++t;return i[t]=e,n}),r.grammar=y.languages.markup)}},tokenizePlaceholders:{value:function(d,g){var m,f;d.language===g&&d.tokenStack&&(d.grammar=y.languages[g],m=0,f=Object.keys(d.tokenStack),function h(e){for(var n=0;n<e.length&&!(m>=f.length);n++){var t,r,a,s,i,o,l,u,c,p=e[n];"string"==typeof p||p.content&&"string"==typeof p.content?(t=f[m],r=d.tokenStack[t],a="string"==typeof p?p:p.content,s=b(g,t),-1<(i=a.indexOf(s))&&(++m,o=a.substring(0,i),l=new y.Token(g,y.tokenize(r,d.grammar),"language-"+g,r),u=a.substring(i+s.length),c=[],o&&c.push.apply(c,h([o])),c.push(l),u&&c.push.apply(c,h([u])),"string"==typeof p?e.splice.apply(e,[n,1].concat(c)):p.content=c)):p.content&&h(p.content)}return e}(d.tokens))}}})},{}],10:[function(e,n,t){Prism.languages.markup={comment:/<!--[\s\S]*?-->/,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata:/<!\[CDATA\[[\s\S]*?]]>/i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(e,n){var t={};t["language-"+n]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[n]},t.cdata=/^<!\[CDATA\[|\]\]>$/i;var r={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:t}};r["language-"+n]={pattern:/[\s\S]+/,inside:Prism.languages[n]};var a={};a[e]={pattern:RegExp(/(<__[\s\S]*?>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,function(){return e}),"i"),lookbehind:!0,greedy:!0,inside:r},Prism.languages.insertBefore("markup","cdata",a)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml},{}],11:[function(e,n,t){!function(n){n.languages.php=n.languages.extend("clike",{keyword:/\b(?:__halt_compiler|abstract|and|array|as|break|callable|case|catch|class|clone|const|continue|declare|default|die|do|echo|else|elseif|empty|enddeclare|endfor|endforeach|endif|endswitch|endwhile|eval|exit|extends|final|finally|for|foreach|function|global|goto|if|implements|include|include_once|instanceof|insteadof|interface|isset|list|match|namespace|new|or|parent|print|private|protected|public|require|require_once|return|static|switch|throw|trait|try|unset|use|var|while|xor|yield)\b/i,"boolean":{pattern:/\b(?:false|true)\b/i,alias:"constant"},constant:[/\b[A-Z_][A-Z0-9_]*\b/,/\b(?:null)\b/i],comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0}}),n.languages.insertBefore("php","string",{"shell-comment":{pattern:/(^|[^\\])#.*/,lookbehind:!0,alias:"comment"}}),n.languages.insertBefore("php","comment",{delimiter:{pattern:/\?>$|^<\?(?:php(?=\s)|=)?/i,alias:"important"}}),n.languages.insertBefore("php","keyword",{variable:/\$+(?:\w+\b|(?={))/i,"package":{pattern:/(\\|namespace\s+|use\s+)[\w\\]+/,lookbehind:!0,inside:{punctuation:/\\/}}}),n.languages.insertBefore("php","operator",{property:{pattern:/(->)[\w]+/,lookbehind:!0}});var e={pattern:/{\$(?:{(?:{[^{}]+}|[^{}]+)}|[^{}])+}|(^|[^\\{])\$+(?:\w+(?:\[[^\r\n\[\]]+\]|->\w+)*)/,lookbehind:!0,inside:n.languages.php};n.languages.insertBefore("php","string",{"nowdoc-string":{pattern:/<<<'([^']+)'[\r\n](?:.*[\r\n])*?\1;/,greedy:!0,alias:"string",inside:{delimiter:{pattern:/^<<<'[^']+'|[a-z_]\w*;$/i,alias:"symbol",inside:{punctuation:/^<<<'?|[';]$/}}}},"heredoc-string":{pattern:/<<<(?:"([^"]+)"[\r\n](?:.*[\r\n])*?\1;|([a-z_]\w*)[\r\n](?:.*[\r\n])*?\2;)/i,greedy:!0,alias:"string",inside:{delimiter:{pattern:/^<<<(?:"[^"]+"|[a-z_]\w*)|[a-z_]\w*;$/i,alias:"symbol",inside:{punctuation:/^<<<"?|[";]$/}},interpolation:e}},"single-quoted-string":{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0,alias:"string"},"double-quoted-string":{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,alias:"string",inside:{interpolation:e}}}),delete n.languages.php.string,n.hooks.add("before-tokenize",function(e){/<\?/.test(e.code)&&n.languages["markup-templating"].buildPlaceholders(e,"php",/<\?(?:[^"'/#]|\/(?![*/])|("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|(?:\/\/|#)(?:[^?\n\r]|\?(?!>))*(?=$|\?>|[\r\n])|\/\*[\s\S]*?(?:\*\/|$))*?(?:\?>|$)/gi)}),n.hooks.add("after-tokenize",function(e){n.languages["markup-templating"].tokenizePlaceholders(e,"php")})}(Prism)},{}],12:[function(e,n,t){Prism.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0},"string-interpolation":{pattern:/(?:f|rf|fr)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:{{)*){(?!{)(?:[^{}]|{(?!{)(?:[^{}]|{(?!{)(?:[^{}])+})+})+}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|rb|br)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|rb|br)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},"function":{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^\s*)@\w+(?:\.\w+)*/im,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:and|as|assert|async|await|break|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,"boolean":/\b(?:True|False|None)\b/,number:/(?:\b(?=\d)|\B(?=\.))(?:0[bo])?(?:(?:\d|0x[\da-f])[\da-f]*\.?\d*|\.\d+)(?:e[+-]?\d+)?j?\b/i,operator:/[-+%=]=?|!=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},Prism.languages.python["string-interpolation"].inside.interpolation.inside.rest=Prism.languages.python,Prism.languages.py=Prism.languages.python},{}],13:[function(e,n,t){!function(e){e.languages.ruby=e.languages.extend("clike",{comment:[/#.*/,{pattern:/^=begin\s[\s\S]*?^=end/m,greedy:!0}],"class-name":{pattern:/(\b(?:class)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:alias|and|BEGIN|begin|break|case|class|def|define_method|defined|do|each|else|elsif|END|end|ensure|extend|for|if|in|include|module|new|next|nil|not|or|prepend|protected|private|public|raise|redo|require|rescue|retry|return|self|super|then|throw|undef|unless|until|when|while|yield)\b/});var n={pattern:/#\{[^}]+\}/,inside:{delimiter:{pattern:/^#\{|\}$/,alias:"tag"},rest:e.languages.ruby}};delete e.languages.ruby["function"],e.languages.insertBefore("ruby","keyword",{regex:[{pattern:RegExp(/%r/.source+"(?:"+[/([^a-zA-Z0-9\s{(\[<])(?:(?!\1)[^\\]|\\[\s\S])*\1[gim]{0,3}/.source,/\((?:[^()\\]|\\[\s\S])*\)[gim]{0,3}/.source,/\{(?:[^#{}\\]|#(?:\{[^}]+\})?|\\[\s\S])*\}[gim]{0,3}/.source,/\[(?:[^\[\]\\]|\\[\s\S])*\][gim]{0,3}/.source,/<(?:[^<>\\]|\\[\s\S])*>[gim]{0,3}/.source].join("|")+")"),greedy:!0,inside:{interpolation:n}},{pattern:/(^|[^/])\/(?!\/)(?:\[[^\r\n\]]+\]|\\.|[^[/\\\r\n])+\/[gim]{0,3}(?=\s*(?:$|[\r\n,.;})]))/,lookbehind:!0,greedy:!0}],variable:/[@$]+[a-zA-Z_]\w*(?:[?!]|\b)/,symbol:{pattern:/(^|[^:]):[a-zA-Z_]\w*(?:[?!]|\b)/,lookbehind:!0},"method-definition":{pattern:/(\bdef\s+)[\w.]+/,lookbehind:!0,inside:{"function":/\w+$/,rest:e.languages.ruby}}}),e.languages.insertBefore("ruby","number",{builtin:/\b(?:Array|Bignum|Binding|Class|Continuation|Dir|Exception|FalseClass|File|Stat|Fixnum|Float|Hash|Integer|IO|MatchData|Method|Module|NilClass|Numeric|Object|Proc|Range|Regexp|String|Struct|TMS|Symbol|ThreadGroup|Thread|Time|TrueClass)\b/,constant:/\b[A-Z]\w*(?:[?!]|\b)/}),e.languages.ruby.string=[{pattern:RegExp(/%[qQiIwWxs]?/.source+"(?:"+[/([^a-zA-Z0-9\s{(\[<])(?:(?!\1)[^\\]|\\[\s\S])*\1/.source,/\((?:[^()\\]|\\[\s\S])*\)/.source,/\{(?:[^#{}\\]|#(?:\{[^}]+\})?|\\[\s\S])*\}/.source,/\[(?:[^\[\]\\]|\\[\s\S])*\]/.source,/<(?:[^<>\\]|\\[\s\S])*>/.source].join("|")+")"),greedy:!0,inside:{interpolation:n}},{pattern:/("|')(?:#\{[^}]+\}|\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0,inside:{interpolation:n}}],e.languages.rb=e.languages.ruby}(Prism)},{}],14:[function(e,n,t){var r=e("prismjs/components/prism-core");e("prismjs/components/prism-clike"),e("prismjs/components/prism-markup-templating"),e("prismjs/components/prism-c"),e("prismjs/components/prism-cpp"),e("prismjs/components/prism-csharp"),e("prismjs/components/prism-css"),e("prismjs/components/prism-java"),e("prismjs/components/prism-javascript"),e("prismjs/components/prism-markup"),e("prismjs/components/prism-php"),e("prismjs/components/prism-python"),e("prismjs/components/prism-ruby"),n.exports={boltExport:r}},{"prismjs/components/prism-c":1,"prismjs/components/prism-clike":2,"prismjs/components/prism-core":3,"prismjs/components/prism-cpp":4,"prismjs/components/prism-csharp":5,"prismjs/components/prism-css":6,"prismjs/components/prism-java":7,"prismjs/components/prism-javascript":8,"prismjs/components/prism-markup":10,"prismjs/components/prism-markup-templating":9,"prismjs/components/prism-php":11,"prismjs/components/prism-python":12,"prismjs/components/prism-ruby":13}]},{},[14])(14)});var a=window.Prism;window.Prism=e}(undefined,h,b,undefined);var v=b.exports.boltExport,w=function(e){return f.Prism&&e.getParam("codesample_global_prismjs",!1,"boolean")?f.Prism:v},k=function(e){var n=e.selection?e.selection.getNode():null;return g(n)?c.some(n):c.none()},x=function(s){var t,e=s.getParam("codesample_languages")||[{text:"HTML/XML",value:"markup"},{text:"JavaScript",value:"javascript"},{text:"CSS",value:"css"},{text:"PHP",value:"php"},{text:"Ruby",value:"ruby"},{text:"Python",value:"python"},{text:"Java",value:"java"},{text:"C",value:"c"},{text:"C#",value:"csharp"},{text:"C++",value:"cpp"}],n=p(e).fold(function(){return""},function(e){return e.value}),r=(t=n,k(s).fold(function(){return t},function(e){var n=e.className.match(/language-(\w+)/);return n?n[1]:t})),a=k(s).fold(function(){return""},function(e){return e.textContent});s.windowManager.open({title:"Insert/Edit Code Sample",size:"large",body:{type:"panel",items:[{type:"selectbox",name:"language",label:"Language",items:e},{type:"textarea",name:"code",label:"Code view"}]},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:{language:r,code:a},onSubmit:function(e){var n,t,r,a=e.getData();n=s,t=a.language,r=a.code,n.undoManager.transact(function(){var e=k(n);return r=d.DOM.encode(r),e.fold(function(){n.insertContent('<pre id="__new" class="language-'+t+'">'+r+"</pre>"),n.selection.select(n.$("#__new").removeAttr("id")[0])},function(e){n.dom.setAttrib(e,"class","language-"+t),e.innerHTML=r,w(n).highlightElement(e),n.selection.select(e)})}),e.close()}})},_=function(r){r.ui.registry.addToggleButton("codesample",{icon:"code-sample",tooltip:"Insert/edit code sample",onAction:function(){return x(r)},onSetup:function(t){var e=function(){var e,n;t.setActive((n=(e=r).selection.getStart(),e.dom.is(n,'pre[class*="language-"]')))};return r.on("NodeChange",e),function(){return r.off("NodeChange",e)}}}),r.ui.registry.addMenuItem("codesample",{text:"Code sample...",icon:"code-sample",onAction:function(){return x(r)}})};r.add("codesample",function(n){var t,a,r;a=(t=n).$,t.on("PreProcess",function(e){a("pre[contenteditable=false]",e.node).filter(m(g)).each(function(e,n){var t=a(n),r=n.textContent;t.attr("class",a.trim(t.attr("class"))),t.removeAttr("contentEditable"),t.empty().append(a("<code></code>").each(function(){this.textContent=r}))})}),t.on("SetContent",function(){var e=a("pre").filter(m(g)).filter(function(e,n){return"false"!==n.contentEditable});e.length&&t.undoManager.transact(function(){e.each(function(e,n){a(n).find("br").each(function(e,n){n.parentNode.replaceChild(t.getDoc().createTextNode("\n"),n)}),n.contentEditable="false",n.innerHTML=t.dom.encode(n.textContent),w(t).highlightElement(n),n.className=a.trim(n.className)})})}),_(n),(r=n).addCommand("codesample",function(){var e=r.selection.getNode();r.selection.isCollapsed()||g(e)?x(r):r.formatter.toggle("code")}),n.on("dblclick",function(e){g(e.target)&&x(n)})})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/colorpicker/plugin.js b/src/assets/tinymce/plugins/colorpicker/plugin.js
new file mode 100644
index 00000000..c8cbff2d
--- /dev/null
+++ b/src/assets/tinymce/plugins/colorpicker/plugin.js
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    function Plugin () {
+      global.add('colorpicker', function () {
+        console.warn('Color picker plugin is now built in to the core editor, please remove it from your editor configuration');
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/colorpicker/plugin.min.js b/src/assets/tinymce/plugins/colorpicker/plugin.min.js
new file mode 100644
index 00000000..67519fb5
--- /dev/null
+++ b/src/assets/tinymce/plugins/colorpicker/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";tinymce.util.Tools.resolve("tinymce.PluginManager").add("colorpicker",function(){console.warn("Color picker plugin is now built in to the core editor, please remove it from your editor configuration")})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/contextmenu/plugin.js b/src/assets/tinymce/plugins/contextmenu/plugin.js
new file mode 100644
index 00000000..084e2876
--- /dev/null
+++ b/src/assets/tinymce/plugins/contextmenu/plugin.js
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    function Plugin () {
+      global.add('contextmenu', function () {
+        console.warn('Context menu plugin is now built in to the core editor, please remove it from your editor configuration');
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/contextmenu/plugin.min.js b/src/assets/tinymce/plugins/contextmenu/plugin.min.js
new file mode 100644
index 00000000..3fe1c734
--- /dev/null
+++ b/src/assets/tinymce/plugins/contextmenu/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";tinymce.util.Tools.resolve("tinymce.PluginManager").add("contextmenu",function(){console.warn("Context menu plugin is now built in to the core editor, please remove it from your editor configuration")})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/directionality/plugin.js b/src/assets/tinymce/plugins/directionality/plugin.js
new file mode 100644
index 00000000..fc9e6eb5
--- /dev/null
+++ b/src/assets/tinymce/plugins/directionality/plugin.js
@@ -0,0 +1,314 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var setDir = function (editor, dir) {
+      var dom = editor.dom;
+      var curDir;
+      var blocks = editor.selection.getSelectedBlocks();
+      if (blocks.length) {
+        curDir = dom.getAttrib(blocks[0], 'dir');
+        global$1.each(blocks, function (block) {
+          if (!dom.getParent(block.parentNode, '*[dir="' + dir + '"]', dom.getRoot())) {
+            dom.setAttrib(block, 'dir', curDir !== dir ? dir : null);
+          }
+        });
+        editor.nodeChanged();
+      }
+    };
+
+    var register = function (editor) {
+      editor.addCommand('mceDirectionLTR', function () {
+        setDir(editor, 'ltr');
+      });
+      editor.addCommand('mceDirectionRTL', function () {
+        setDir(editor, 'rtl');
+      });
+    };
+
+    var noop = function () {
+    };
+    var compose1 = function (fbc, fab) {
+      return function (a) {
+        return fbc(fab(a));
+      };
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var isSimpleType = function (type) {
+      return function (value) {
+        return typeof value === type;
+      };
+    };
+    var isFunction = isSimpleType('function');
+
+    var isSupported = function (dom) {
+      return dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+    };
+
+    var fromHtml = function (html, scope) {
+      var doc = scope || document;
+      var div = doc.createElement('div');
+      div.innerHTML = html;
+      if (!div.hasChildNodes() || div.childNodes.length > 1) {
+        console.error('HTML does not have a single root node', html);
+        throw new Error('HTML must have a single root node');
+      }
+      return fromDom(div.childNodes[0]);
+    };
+    var fromTag = function (tag, scope) {
+      var doc = scope || document;
+      var node = doc.createElement(tag);
+      return fromDom(node);
+    };
+    var fromText = function (text, scope) {
+      var doc = scope || document;
+      var node = doc.createTextNode(text);
+      return fromDom(node);
+    };
+    var fromDom = function (node) {
+      if (node === null || node === undefined) {
+        throw new Error('Node cannot be null or undefined');
+      }
+      return { dom: node };
+    };
+    var fromPoint = function (docElm, x, y) {
+      return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
+    };
+    var SugarElement = {
+      fromHtml: fromHtml,
+      fromTag: fromTag,
+      fromText: fromText,
+      fromDom: fromDom,
+      fromPoint: fromPoint
+    };
+
+    var Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    var DOCUMENT = 9;
+    var DOCUMENT_FRAGMENT = 11;
+    var TEXT = 3;
+
+    var type = function (element) {
+      return element.dom.nodeType;
+    };
+    var isType = function (t) {
+      return function (element) {
+        return type(element) === t;
+      };
+    };
+    var isText = isType(TEXT);
+    var isDocument = isType(DOCUMENT);
+    var isDocumentFragment = isType(DOCUMENT_FRAGMENT);
+
+    var owner = function (element) {
+      return SugarElement.fromDom(element.dom.ownerDocument);
+    };
+    var documentOrOwner = function (dos) {
+      return isDocument(dos) ? dos : owner(dos);
+    };
+
+    var isShadowRoot = function (dos) {
+      return isDocumentFragment(dos);
+    };
+    var supported = isFunction(Element.prototype.attachShadow) && isFunction(Node.prototype.getRootNode);
+    var getRootNode = supported ? function (e) {
+      return SugarElement.fromDom(e.dom.getRootNode());
+    } : documentOrOwner;
+    var getShadowRoot = function (e) {
+      var r = getRootNode(e);
+      return isShadowRoot(r) ? Optional.some(r) : Optional.none();
+    };
+    var getShadowHost = function (e) {
+      return SugarElement.fromDom(e.dom.host);
+    };
+
+    var inBody = function (element) {
+      var dom = isText(element) ? element.dom.parentNode : element.dom;
+      if (dom === undefined || dom === null || dom.ownerDocument === null) {
+        return false;
+      }
+      var doc = dom.ownerDocument;
+      return getShadowRoot(SugarElement.fromDom(dom)).fold(function () {
+        return doc.body.contains(dom);
+      }, compose1(inBody, getShadowHost));
+    };
+
+    var get = function (element, property) {
+      var dom = element.dom;
+      var styles = window.getComputedStyle(dom);
+      var r = styles.getPropertyValue(property);
+      return r === '' && !inBody(element) ? getUnsafeProperty(dom, property) : r;
+    };
+    var getUnsafeProperty = function (dom, property) {
+      return isSupported(dom) ? dom.style.getPropertyValue(property) : '';
+    };
+
+    var getDirection = function (element) {
+      return get(element, 'direction') === 'rtl' ? 'rtl' : 'ltr';
+    };
+
+    var getNodeChangeHandler = function (editor, dir) {
+      return function (api) {
+        var nodeChangeHandler = function (e) {
+          var element = SugarElement.fromDom(e.element);
+          api.setActive(getDirection(element) === dir);
+        };
+        editor.on('NodeChange', nodeChangeHandler);
+        return function () {
+          return editor.off('NodeChange', nodeChangeHandler);
+        };
+      };
+    };
+    var register$1 = function (editor) {
+      editor.ui.registry.addToggleButton('ltr', {
+        tooltip: 'Left to right',
+        icon: 'ltr',
+        onAction: function () {
+          return editor.execCommand('mceDirectionLTR');
+        },
+        onSetup: getNodeChangeHandler(editor, 'ltr')
+      });
+      editor.ui.registry.addToggleButton('rtl', {
+        tooltip: 'Right to left',
+        icon: 'rtl',
+        onAction: function () {
+          return editor.execCommand('mceDirectionRTL');
+        },
+        onSetup: getNodeChangeHandler(editor, 'rtl')
+      });
+    };
+
+    function Plugin () {
+      global.add('directionality', function (editor) {
+        register(editor);
+        register$1(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/directionality/plugin.min.js b/src/assets/tinymce/plugins/directionality/plugin.min.js
new file mode 100644
index 00000000..e20ec96e
--- /dev/null
+++ b/src/assets/tinymce/plugins/directionality/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var n,t,e,o,r=tinymce.util.Tools.resolve("tinymce.PluginManager"),u=tinymce.util.Tools.resolve("tinymce.util.Tools"),i=function(n,t){var e,o=n.dom,r=n.selection.getSelectedBlocks();r.length&&(e=o.getAttrib(r[0],"dir"),u.each(r,function(n){o.getParent(n.parentNode,'*[dir="'+t+'"]',o.getRoot())||o.setAttrib(n,"dir",e!==t?t:null)}),n.nodeChanged())},c=function(n){return function(){return n}},f=c(!1),d=c(!0),l=function(){return m},m=(n=function(n){return n.isNone()},{fold:function(n,t){return n()},is:f,isSome:f,isNone:d,getOr:e=function(n){return n},getOrThunk:t=function(n){return n()},getOrDie:function(n){throw new Error(n||"error: getOrDie called on none.")},getOrNull:c(null),getOrUndefined:c(undefined),or:e,orThunk:t,map:l,each:function(){},bind:l,exists:f,forall:d,filter:l,equals:n,equals_:n,toArray:function(){return[]},toString:c("none()")}),a=function(e){var n=c(e),t=function(){return r},o=function(n){return n(e)},r={fold:function(n,t){return t(e)},is:function(n){return e===n},isSome:d,isNone:f,getOr:n,getOrThunk:n,getOrDie:n,getOrNull:n,getOrUndefined:n,or:t,orThunk:t,map:function(n){return a(n(e))},each:function(n){n(e)},bind:o,exists:o,forall:o,filter:function(n){return n(e)?r:m},toArray:function(){return[e]},toString:function(){return"some("+e+")"},equals:function(n){return n.is(e)},equals_:function(n,t){return n.fold(f,function(n){return t(e,n)})}};return r},s={some:a,none:l,from:function(n){return null===n||n===undefined?m:a(n)}},g=(o="function",function(n){return typeof n===o}),h=function(n){if(null===n||n===undefined)throw new Error("Node cannot be null or undefined");return{dom:n}},y={fromHtml:function(n,t){var e=(t||document).createElement("div");if(e.innerHTML=n,!e.hasChildNodes()||1<e.childNodes.length)throw console.error("HTML does not have a single root node",n),new Error("HTML must have a single root node");return h(e.childNodes[0])},fromTag:function(n,t){var e=(t||document).createElement(n);return h(e)},fromText:function(n,t){var e=(t||document).createTextNode(n);return h(e)},fromDom:h,fromPoint:function(n,t,e){return s.from(n.dom.elementFromPoint(t,e)).map(h)}},v=("undefined"!=typeof window||Function("return this;")(),function(t){return function(n){return n.dom.nodeType===t}}),p=v(3),T=v(9),N=v(11),D=g(Element.prototype.attachShadow)&&g(Node.prototype.getRootNode)?function(n){return y.fromDom(n.dom.getRootNode())}:function(n){return T(n)?n:(t=n,y.fromDom(t.dom.ownerDocument));var t},w=function(n){var t=D(n);return N(t)?s.some(t):s.none()},O=function(n){return y.fromDom(n.dom.host)},C=function(n){var t=p(n)?n.dom.parentNode:n.dom;if(t===undefined||null===t||null===t.ownerDocument)return!1;var e,o,r=t.ownerDocument;return w(y.fromDom(t)).fold(function(){return r.body.contains(t)},(e=C,o=O,function(n){return e(o(n))}))},S=function(n,t){return(e=n).style!==undefined&&g(e.style.getPropertyValue)?n.style.getPropertyValue(t):"";var e},L=function(n){return"rtl"===(e="direction",o=(t=n).dom,""!==(r=window.getComputedStyle(o).getPropertyValue(e))||C(t)?r:S(o,e))?"rtl":"ltr";var t,e,o,r},R=function(t,o){return function(e){var n=function(n){var t=y.fromDom(n.element);e.setActive(L(t)===o)};return t.on("NodeChange",n),function(){return t.off("NodeChange",n)}}};r.add("directionality",function(n){var t,e;(t=n).addCommand("mceDirectionLTR",function(){i(t,"ltr")}),t.addCommand("mceDirectionRTL",function(){i(t,"rtl")}),(e=n).ui.registry.addToggleButton("ltr",{tooltip:"Left to right",icon:"ltr",onAction:function(){return e.execCommand("mceDirectionLTR")},onSetup:R(e,"ltr")}),e.ui.registry.addToggleButton("rtl",{tooltip:"Right to left",icon:"rtl",onAction:function(){return e.execCommand("mceDirectionRTL")},onSetup:R(e,"rtl")})})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/emoticons/js/emojiimages.js b/src/assets/tinymce/plugins/emoticons/js/emojiimages.js
new file mode 100644
index 00000000..0c7d3b53
--- /dev/null
+++ b/src/assets/tinymce/plugins/emoticons/js/emojiimages.js
@@ -0,0 +1,9424 @@
+// Source: npm package: emojilib
+// Images provided by twemoji: https://github.com/twitter/twemoji
+window.tinymce.Resource.add("tinymce.plugins.emoticons", {
+  100: {
+    keywords: [ "score", "perfect", "numbers", "century", "exam", "quiz", "test", "pass", "hundred" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcaf" src="1f4af.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  1234: {
+    keywords: [ "numbers", "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd22" src="1f522.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  grinning: {
+    keywords: [ "face", "smile", "happy", "joy", ":D", "grin" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude00" src="1f600.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  grimacing: {
+    keywords: [ "face", "grimace", "teeth" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude2c" src="1f62c.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  grin: {
+    keywords: [ "face", "happy", "smile", "joy", "kawaii" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude01" src="1f601.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  joy: {
+    keywords: [ "face", "cry", "tears", "weep", "happy", "happytears", "haha" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude02" src="1f602.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  rofl: {
+    keywords: [ "face", "rolling", "floor", "laughing", "lol", "haha" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd23" src="1f923.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  partying: {
+    keywords: [ "face", "celebration", "woohoo" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd73" src="1f973.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  smiley: {
+    keywords: [ "face", "happy", "joy", "haha", ":D", ":)", "smile", "funny" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude03" src="1f603.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  smile: {
+    keywords: [ "face", "happy", "joy", "funny", "haha", "laugh", "like", ":D", ":)" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude04" src="1f604.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  sweat_smile: {
+    keywords: [ "face", "hot", "happy", "laugh", "sweat", "smile", "relief" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude05" src="1f605.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  laughing: {
+    keywords: [ "happy", "joy", "lol", "satisfied", "haha", "face", "glad", "XD", "laugh" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude06" src="1f606.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  innocent: {
+    keywords: [ "face", "angel", "heaven", "halo" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude07" src="1f607.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  wink: {
+    keywords: [ "face", "happy", "mischievous", "secret", ";)", "smile", "eye" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude09" src="1f609.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  blush: {
+    keywords: [ "face", "smile", "happy", "flushed", "crush", "embarrassed", "shy", "joy" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude0a" src="1f60a.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  slightly_smiling_face: {
+    keywords: [ "face", "smile" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude42" src="1f642.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  upside_down_face: {
+    keywords: [ "face", "flipped", "silly", "smile" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude43" src="1f643.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  relaxed: {
+    keywords: [ "face", "blush", "massage", "happiness" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u263a\ufe0f" src="263a.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  yum: {
+    keywords: [ "happy", "joy", "tongue", "smile", "face", "silly", "yummy", "nom", "delicious", "savouring" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude0b" src="1f60b.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  relieved: {
+    keywords: [ "face", "relaxed", "phew", "massage", "happiness" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude0c" src="1f60c.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  heart_eyes: {
+    keywords: [ "face", "love", "like", "affection", "valentines", "infatuation", "crush", "heart" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude0d" src="1f60d.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  smiling_face_with_three_hearts: {
+    keywords: [ "face", "love", "like", "affection", "valentines", "infatuation", "crush", "hearts", "adore" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd70" src="1f970.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  kissing_heart: {
+    keywords: [ "face", "love", "like", "affection", "valentines", "infatuation", "kiss" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude18" src="1f618.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  kissing: {
+    keywords: [ "love", "like", "face", "3", "valentines", "infatuation", "kiss" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude17" src="1f617.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  kissing_smiling_eyes: {
+    keywords: [ "face", "affection", "valentines", "infatuation", "kiss" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude19" src="1f619.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  kissing_closed_eyes: {
+    keywords: [ "face", "love", "like", "affection", "valentines", "infatuation", "kiss" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude1a" src="1f61a.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  stuck_out_tongue_winking_eye: {
+    keywords: [ "face", "prank", "childish", "playful", "mischievous", "smile", "wink", "tongue" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude1c" src="1f61c.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  zany: {
+    keywords: [ "face", "goofy", "crazy" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd2a" src="1f92a.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  raised_eyebrow: {
+    keywords: [ "face", "distrust", "scepticism", "disapproval", "disbelief", "surprise" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd28" src="1f928.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  monocle: {
+    keywords: [ "face", "stuffy", "wealthy" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd0" src="1f9d0.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  stuck_out_tongue_closed_eyes: {
+    keywords: [ "face", "prank", "playful", "mischievous", "smile", "tongue" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude1d" src="1f61d.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  stuck_out_tongue: {
+    keywords: [ "face", "prank", "childish", "playful", "mischievous", "smile", "tongue" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude1b" src="1f61b.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  money_mouth_face: {
+    keywords: [ "face", "rich", "dollar", "money" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd11" src="1f911.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  nerd_face: {
+    keywords: [ "face", "nerdy", "geek", "dork" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd13" src="1f913.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  sunglasses: {
+    keywords: [ "face", "cool", "smile", "summer", "beach", "sunglass" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude0e" src="1f60e.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  star_struck: {
+    keywords: [ "face", "smile", "starry", "eyes", "grinning" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd29" src="1f929.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  clown_face: {
+    keywords: [ "face" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd21" src="1f921.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  cowboy_hat_face: {
+    keywords: [ "face", "cowgirl", "hat" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd20" src="1f920.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  hugs: {
+    keywords: [ "face", "smile", "hug" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd17" src="1f917.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  smirk: {
+    keywords: [ "face", "smile", "mean", "prank", "smug", "sarcasm" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude0f" src="1f60f.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  no_mouth: {
+    keywords: [ "face", "hellokitty" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude36" src="1f636.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  neutral_face: {
+    keywords: [ "indifference", "meh", ":|", "neutral" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude10" src="1f610.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  expressionless: {
+    keywords: [ "face", "indifferent", "-_-", "meh", "deadpan" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude11" src="1f611.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  unamused: {
+    keywords: [ "indifference", "bored", "straight face", "serious", "sarcasm", "unimpressed", "skeptical", "dubious", "side_eye" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude12" src="1f612.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  roll_eyes: {
+    keywords: [ "face", "eyeroll", "frustrated" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude44" src="1f644.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  thinking: {
+    keywords: [ "face", "hmmm", "think", "consider" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd14" src="1f914.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  lying_face: {
+    keywords: [ "face", "lie", "pinocchio" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd25" src="1f925.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  hand_over_mouth: {
+    keywords: [ "face", "whoops", "shock", "surprise" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd2d" src="1f92d.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  shushing: {
+    keywords: [ "face", "quiet", "shhh" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd2b" src="1f92b.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  symbols_over_mouth: {
+    keywords: [ "face", "swearing", "cursing", "cussing", "profanity", "expletive" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd2c" src="1f92c.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  exploding_head: {
+    keywords: [ "face", "shocked", "mind", "blown" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd2f" src="1f92f.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  flushed: {
+    keywords: [ "face", "blush", "shy", "flattered" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude33" src="1f633.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  disappointed: {
+    keywords: [ "face", "sad", "upset", "depressed", ":(" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude1e" src="1f61e.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  worried: {
+    keywords: [ "face", "concern", "nervous", ":(" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude1f" src="1f61f.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  angry: {
+    keywords: [ "mad", "face", "annoyed", "frustrated" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude20" src="1f620.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  rage: {
+    keywords: [ "angry", "mad", "hate", "despise" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude21" src="1f621.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  pensive: {
+    keywords: [ "face", "sad", "depressed", "upset" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude14" src="1f614.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  confused: {
+    keywords: [ "face", "indifference", "huh", "weird", "hmmm", ":/" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude15" src="1f615.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  slightly_frowning_face: {
+    keywords: [ "face", "frowning", "disappointed", "sad", "upset" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude41" src="1f641.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  frowning_face: {
+    keywords: [ "face", "sad", "upset", "frown" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2639" src="2639.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  persevere: {
+    keywords: [ "face", "sick", "no", "upset", "oops" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude23" src="1f623.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  confounded: {
+    keywords: [ "face", "confused", "sick", "unwell", "oops", ":S" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude16" src="1f616.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  tired_face: {
+    keywords: [ "sick", "whine", "upset", "frustrated" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude2b" src="1f62b.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  weary: {
+    keywords: [ "face", "tired", "sleepy", "sad", "frustrated", "upset" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude29" src="1f629.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  pleading: {
+    keywords: [ "face", "begging", "mercy" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd7a" src="1f97a.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  triumph: {
+    keywords: [ "face", "gas", "phew", "proud", "pride" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude24" src="1f624.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  open_mouth: {
+    keywords: [ "face", "surprise", "impressed", "wow", "whoa", ":O" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude2e" src="1f62e.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  scream: {
+    keywords: [ "face", "munch", "scared", "omg" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude31" src="1f631.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  fearful: {
+    keywords: [ "face", "scared", "terrified", "nervous", "oops", "huh" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude28" src="1f628.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  cold_sweat: {
+    keywords: [ "face", "nervous", "sweat" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude30" src="1f630.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  hushed: {
+    keywords: [ "face", "woo", "shh" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude2f" src="1f62f.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  frowning: {
+    keywords: [ "face", "aw", "what" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude26" src="1f626.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  anguished: {
+    keywords: [ "face", "stunned", "nervous" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude27" src="1f627.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  cry: {
+    keywords: [ "face", "tears", "sad", "depressed", "upset", ":'(" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude22" src="1f622.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  disappointed_relieved: {
+    keywords: [ "face", "phew", "sweat", "nervous" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude25" src="1f625.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  drooling_face: {
+    keywords: [ "face" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd24" src="1f924.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  sleepy: {
+    keywords: [ "face", "tired", "rest", "nap" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude2a" src="1f62a.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  sweat: {
+    keywords: [ "face", "hot", "sad", "tired", "exercise" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude13" src="1f613.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  hot: {
+    keywords: [ "face", "feverish", "heat", "red", "sweating" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd75" src="1f975.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  cold: {
+    keywords: [ "face", "blue", "freezing", "frozen", "frostbite", "icicles" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd76" src="1f976.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  sob: {
+    keywords: [ "face", "cry", "tears", "sad", "upset", "depressed" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude2d" src="1f62d.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  dizzy_face: {
+    keywords: [ "spent", "unconscious", "xox", "dizzy" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude35" src="1f635.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  astonished: {
+    keywords: [ "face", "xox", "surprised", "poisoned" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude32" src="1f632.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  zipper_mouth_face: {
+    keywords: [ "face", "sealed", "zipper", "secret" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd10" src="1f910.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  nauseated_face: {
+    keywords: [ "face", "vomit", "gross", "green", "sick", "throw up", "ill" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd22" src="1f922.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  sneezing_face: {
+    keywords: [ "face", "gesundheit", "sneeze", "sick", "allergy" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd27" src="1f927.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  vomiting: {
+    keywords: [ "face", "sick" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd2e" src="1f92e.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  mask: {
+    keywords: [ "face", "sick", "ill", "disease" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude37" src="1f637.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  face_with_thermometer: {
+    keywords: [ "sick", "temperature", "thermometer", "cold", "fever" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd12" src="1f912.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  face_with_head_bandage: {
+    keywords: [ "injured", "clumsy", "bandage", "hurt" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd15" src="1f915.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  woozy: {
+    keywords: [ "face", "dizzy", "intoxicated", "tipsy", "wavy" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd74" src="1f974.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  sleeping: {
+    keywords: [ "face", "tired", "sleepy", "night", "zzz" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude34" src="1f634.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  zzz: {
+    keywords: [ "sleepy", "tired", "dream" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca4" src="1f4a4.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  poop: {
+    keywords: [ "hankey", "shitface", "fail", "turd", "shit" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca9" src="1f4a9.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  smiling_imp: {
+    keywords: [ "devil", "horns" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude08" src="1f608.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  imp: {
+    keywords: [ "devil", "angry", "horns" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc7f" src="1f47f.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  japanese_ogre: {
+    keywords: [ "monster", "red", "mask", "halloween", "scary", "creepy", "devil", "demon", "japanese", "ogre" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc79" src="1f479.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  japanese_goblin: {
+    keywords: [ "red", "evil", "mask", "monster", "scary", "creepy", "japanese", "goblin" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc7a" src="1f47a.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  skull: {
+    keywords: [ "dead", "skeleton", "creepy", "death" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc80" src="1f480.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  ghost: {
+    keywords: [ "halloween", "spooky", "scary" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc7b" src="1f47b.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  alien: {
+    keywords: [ "UFO", "paul", "weird", "outer_space" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc7d" src="1f47d.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  robot: {
+    keywords: [ "computer", "machine", "bot" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd16" src="1f916.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  smiley_cat: {
+    keywords: [ "animal", "cats", "happy", "smile" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude3a" src="1f63a.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  smile_cat: {
+    keywords: [ "animal", "cats", "smile" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude38" src="1f638.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  joy_cat: {
+    keywords: [ "animal", "cats", "haha", "happy", "tears" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude39" src="1f639.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  heart_eyes_cat: {
+    keywords: [ "animal", "love", "like", "affection", "cats", "valentines", "heart" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude3b" src="1f63b.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  smirk_cat: {
+    keywords: [ "animal", "cats", "smirk" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude3c" src="1f63c.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  kissing_cat: {
+    keywords: [ "animal", "cats", "kiss" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude3d" src="1f63d.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  scream_cat: {
+    keywords: [ "animal", "cats", "munch", "scared", "scream" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude40" src="1f640.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  crying_cat_face: {
+    keywords: [ "animal", "tears", "weep", "sad", "cats", "upset", "cry" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude3f" src="1f63f.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  pouting_cat: {
+    keywords: [ "animal", "cats" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude3e" src="1f63e.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  palms_up: {
+    keywords: [ "hands", "gesture", "cupped", "prayer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd32" src="1f932.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  raised_hands: {
+    keywords: [ "gesture", "hooray", "yea", "celebration", "hands" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4c" src="1f64c.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  clap: {
+    keywords: [ "hands", "praise", "applause", "congrats", "yay" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc4f" src="1f44f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  wave: {
+    keywords: [ "hands", "gesture", "goodbye", "solong", "farewell", "hello", "hi", "palm" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc4b" src="1f44b.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  call_me_hand: {
+    keywords: [ "hands", "gesture" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd19" src="1f919.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  "+1": {
+    keywords: [ "thumbsup", "yes", "awesome", "good", "agree", "accept", "cool", "hand", "like" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc4d" src="1f44d.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  "-1": {
+    keywords: [ "thumbsdown", "no", "dislike", "hand" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc4e" src="1f44e.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  facepunch: {
+    keywords: [ "angry", "violence", "fist", "hit", "attack", "hand" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc4a" src="1f44a.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  fist: {
+    keywords: [ "fingers", "hand", "grasp" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270a" src="270a.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  fist_left: {
+    keywords: [ "hand", "fistbump" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd1b" src="1f91b.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  fist_right: {
+    keywords: [ "hand", "fistbump" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd1c" src="1f91c.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  v: {
+    keywords: [ "fingers", "ohyeah", "hand", "peace", "victory", "two" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270c" src="270c.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  ok_hand: {
+    keywords: [ "fingers", "limbs", "perfect", "ok", "okay" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc4c" src="1f44c.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  raised_hand: {
+    keywords: [ "fingers", "stop", "highfive", "palm", "ban" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270b" src="270b.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  raised_back_of_hand: {
+    keywords: [ "fingers", "raised", "backhand" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd1a" src="1f91a.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  open_hands: {
+    keywords: [ "fingers", "butterfly", "hands", "open" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc50" src="1f450.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  muscle: {
+    keywords: [ "arm", "flex", "hand", "summer", "strong", "biceps" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcaa" src="1f4aa.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  pray: {
+    keywords: [ "please", "hope", "wish", "namaste", "highfive" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4f" src="1f64f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  foot: {
+    keywords: [ "kick", "stomp" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddb6" src="1f9b6.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  leg: {
+    keywords: [ "kick", "limb" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddb5" src="1f9b5.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  handshake: {
+    keywords: [ "agreement", "shake" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd1d" src="1f91d.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  point_up: {
+    keywords: [ "hand", "fingers", "direction", "up" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u261d" src="261d.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  point_up_2: {
+    keywords: [ "fingers", "hand", "direction", "up" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc46" src="1f446.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  point_down: {
+    keywords: [ "fingers", "hand", "direction", "down" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc47" src="1f447.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  point_left: {
+    keywords: [ "direction", "fingers", "hand", "left" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc48" src="1f448.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  point_right: {
+    keywords: [ "fingers", "hand", "direction", "right" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc49" src="1f449.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  fu: {
+    keywords: [ "hand", "fingers", "rude", "middle", "flipping" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd95" src="1f595.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  raised_hand_with_fingers_splayed: {
+    keywords: [ "hand", "fingers", "palm" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd90" src="1f590.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  love_you: {
+    keywords: [ "hand", "fingers", "gesture" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd1f" src="1f91f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  metal: {
+    keywords: [ "hand", "fingers", "evil_eye", "sign_of_horns", "rock_on" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd18" src="1f918.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  crossed_fingers: {
+    keywords: [ "good", "lucky" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd1e" src="1f91e.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  vulcan_salute: {
+    keywords: [ "hand", "fingers", "spock", "star trek" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd96" src="1f596.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  writing_hand: {
+    keywords: [ "lower_left_ballpoint_pen", "stationery", "write", "compose" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270d" src="270d.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  selfie: {
+    keywords: [ "camera", "phone" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd33" src="1f933.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  nail_care: {
+    keywords: [ "beauty", "manicure", "finger", "fashion", "nail" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc85" src="1f485.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  lips: {
+    keywords: [ "mouth", "kiss" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc44" src="1f444.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  tooth: {
+    keywords: [ "teeth", "dentist" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddb7" src="1f9b7.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  tongue: {
+    keywords: [ "mouth", "playful" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc45" src="1f445.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  ear: {
+    keywords: [ "face", "hear", "sound", "listen" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc42" src="1f442.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  nose: {
+    keywords: [ "smell", "sniff" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc43" src="1f443.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  eye: {
+    keywords: [ "face", "look", "see", "watch", "stare" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc41" src="1f441.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  eyes: {
+    keywords: [ "look", "watch", "stalk", "peek", "see" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc40" src="1f440.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  brain: {
+    keywords: [ "smart", "intelligent" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde0" src="1f9e0.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  bust_in_silhouette: {
+    keywords: [ "user", "person", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc64" src="1f464.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  busts_in_silhouette: {
+    keywords: [ "user", "person", "human", "group", "team" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc65" src="1f465.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  speaking_head: {
+    keywords: [ "user", "person", "human", "sing", "say", "talk" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udde3" src="1f5e3.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  baby: {
+    keywords: [ "child", "boy", "girl", "toddler" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc76" src="1f476.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  child: {
+    keywords: [ "gender-neutral", "young" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd2" src="1f9d2.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  boy: {
+    keywords: [ "man", "male", "guy", "teenager" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc66" src="1f466.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  girl: {
+    keywords: [ "female", "woman", "teenager" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc67" src="1f467.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  adult: {
+    keywords: [ "gender-neutral", "person" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd1" src="1f9d1.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man: {
+    keywords: [ "mustache", "father", "dad", "guy", "classy", "sir", "moustache" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68" src="1f468.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman: {
+    keywords: [ "female", "girls", "lady" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69" src="1f469.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  blonde_woman: {
+    keywords: [ "woman", "female", "girl", "blonde", "person" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc71\u200d\u2640\ufe0f" src="1f471-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  blonde_man: {
+    keywords: [ "man", "male", "boy", "blonde", "guy", "person" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc71" src="1f471.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  bearded_person: {
+    keywords: [ "person", "bewhiskered" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd4" src="1f9d4.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  older_adult: {
+    keywords: [ "human", "elder", "senior", "gender-neutral" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd3" src="1f9d3.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  older_man: {
+    keywords: [ "human", "male", "men", "old", "elder", "senior" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc74" src="1f474.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  older_woman: {
+    keywords: [ "human", "female", "women", "lady", "old", "elder", "senior" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc75" src="1f475.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_with_gua_pi_mao: {
+    keywords: [ "male", "boy", "chinese" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc72" src="1f472.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_with_headscarf: {
+    keywords: [ "female", "hijab", "mantilla", "tichel" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd5" src="1f9d5.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_with_turban: {
+    keywords: [ "female", "indian", "hinduism", "arabs", "woman" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc73\u200d\u2640\ufe0f" src="1f473-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_with_turban: {
+    keywords: [ "male", "indian", "hinduism", "arabs" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc73" src="1f473.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  policewoman: {
+    keywords: [ "woman", "police", "law", "legal", "enforcement", "arrest", "911", "female" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc6e\u200d\u2640\ufe0f" src="1f46e-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  policeman: {
+    keywords: [ "man", "police", "law", "legal", "enforcement", "arrest", "911" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc6e" src="1f46e.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  construction_worker_woman: {
+    keywords: [ "female", "human", "wip", "build", "construction", "worker", "labor", "woman" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc77\u200d\u2640\ufe0f" src="1f477-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  construction_worker_man: {
+    keywords: [ "male", "human", "wip", "guy", "build", "construction", "worker", "labor" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc77" src="1f477.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  guardswoman: {
+    keywords: [ "uk", "gb", "british", "female", "royal", "woman" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc82\u200d\u2640\ufe0f" src="1f482-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  guardsman: {
+    keywords: [ "uk", "gb", "british", "male", "guy", "royal" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc82" src="1f482.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  female_detective: {
+    keywords: [ "human", "spy", "detective", "female", "woman" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd75\ufe0f\u200d\u2640\ufe0f" src="1f575-fe0f-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  male_detective: {
+    keywords: [ "human", "spy", "detective" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd75" src="1f575.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_health_worker: {
+    keywords: [ "doctor", "nurse", "therapist", "healthcare", "woman", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\u2695\ufe0f" src="1f469-200d-2695-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_health_worker: {
+    keywords: [ "doctor", "nurse", "therapist", "healthcare", "man", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\u2695\ufe0f" src="1f468-200d-2695-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_farmer: {
+    keywords: [ "rancher", "gardener", "woman", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83c\udf3e" src="1f469-200d-1f33e.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_farmer: {
+    keywords: [ "rancher", "gardener", "man", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83c\udf3e" src="1f468-200d-1f33e.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_cook: {
+    keywords: [ "chef", "woman", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83c\udf73" src="1f469-200d-1f373.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_cook: {
+    keywords: [ "chef", "man", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83c\udf73" src="1f468-200d-1f373.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_student: {
+    keywords: [ "graduate", "woman", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83c\udf93" src="1f469-200d-1f393.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_student: {
+    keywords: [ "graduate", "man", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83c\udf93" src="1f468-200d-1f393.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_singer: {
+    keywords: [ "rockstar", "entertainer", "woman", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83c\udfa4" src="1f469-200d-1f3a4.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_singer: {
+    keywords: [ "rockstar", "entertainer", "man", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83c\udfa4" src="1f468-200d-1f3a4.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_teacher: {
+    keywords: [ "instructor", "professor", "woman", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83c\udfeb" src="1f469-200d-1f3eb.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_teacher: {
+    keywords: [ "instructor", "professor", "man", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83c\udfeb" src="1f468-200d-1f3eb.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_factory_worker: {
+    keywords: [ "assembly", "industrial", "woman", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83c\udfed" src="1f469-200d-1f3ed.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_factory_worker: {
+    keywords: [ "assembly", "industrial", "man", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83c\udfed" src="1f468-200d-1f3ed.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_technologist: {
+    keywords: [ "coder", "developer", "engineer", "programmer", "software", "woman", "human", "laptop", "computer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udcbb" src="1f469-200d-1f4bb.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_technologist: {
+    keywords: [ "coder", "developer", "engineer", "programmer", "software", "man", "human", "laptop", "computer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udcbb" src="1f468-200d-1f4bb.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_office_worker: {
+    keywords: [ "business", "manager", "woman", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udcbc" src="1f469-200d-1f4bc.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_office_worker: {
+    keywords: [ "business", "manager", "man", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udcbc" src="1f468-200d-1f4bc.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_mechanic: {
+    keywords: [ "plumber", "woman", "human", "wrench" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udd27" src="1f469-200d-1f527.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_mechanic: {
+    keywords: [ "plumber", "man", "human", "wrench" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udd27" src="1f468-200d-1f527.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_scientist: {
+    keywords: [ "biologist", "chemist", "engineer", "physicist", "woman", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udd2c" src="1f469-200d-1f52c.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_scientist: {
+    keywords: [ "biologist", "chemist", "engineer", "physicist", "man", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udd2c" src="1f468-200d-1f52c.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_artist: {
+    keywords: [ "painter", "woman", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83c\udfa8" src="1f469-200d-1f3a8.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_artist: {
+    keywords: [ "painter", "man", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83c\udfa8" src="1f468-200d-1f3a8.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_firefighter: {
+    keywords: [ "fireman", "woman", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\ude92" src="1f469-200d-1f692.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_firefighter: {
+    keywords: [ "fireman", "man", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\ude92" src="1f468-200d-1f692.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_pilot: {
+    keywords: [ "aviator", "plane", "woman", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\u2708\ufe0f" src="1f469-200d-2708-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_pilot: {
+    keywords: [ "aviator", "plane", "man", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\u2708\ufe0f" src="1f468-200d-2708-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_astronaut: {
+    keywords: [ "space", "rocket", "woman", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\ude80" src="1f469-200d-1f680.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_astronaut: {
+    keywords: [ "space", "rocket", "man", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\ude80" src="1f468-200d-1f680.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_judge: {
+    keywords: [ "justice", "court", "woman", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\u2696\ufe0f" src="1f469-200d-2696-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_judge: {
+    keywords: [ "justice", "court", "man", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\u2696\ufe0f" src="1f468-200d-2696-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_superhero: {
+    keywords: [ "woman", "female", "good", "heroine", "superpowers" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddb8\u200d\u2640\ufe0f" src="1f9b8-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_superhero: {
+    keywords: [ "man", "male", "good", "hero", "superpowers" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddb8\u200d\u2642\ufe0f" src="1f9b8-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_supervillain: {
+    keywords: [ "woman", "female", "evil", "bad", "criminal", "heroine", "superpowers" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddb9\u200d\u2640\ufe0f" src="1f9b9-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_supervillain: {
+    keywords: [ "man", "male", "evil", "bad", "criminal", "hero", "superpowers" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddb9\u200d\u2642\ufe0f" src="1f9b9-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  mrs_claus: {
+    keywords: [ "woman", "female", "xmas", "mother christmas" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd36" src="1f936.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  santa: {
+    keywords: [ "festival", "man", "male", "xmas", "father christmas" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf85" src="1f385.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  sorceress: {
+    keywords: [ "woman", "female", "mage", "witch" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd9\u200d\u2640\ufe0f" src="1f9d9-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  wizard: {
+    keywords: [ "man", "male", "mage", "sorcerer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd9\u200d\u2642\ufe0f" src="1f9d9-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_elf: {
+    keywords: [ "woman", "female" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udddd\u200d\u2640\ufe0f" src="1f9dd-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_elf: {
+    keywords: [ "man", "male" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udddd\u200d\u2642\ufe0f" src="1f9dd-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_vampire: {
+    keywords: [ "woman", "female" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udddb\u200d\u2640\ufe0f" src="1f9db-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_vampire: {
+    keywords: [ "man", "male", "dracula" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udddb\u200d\u2642\ufe0f" src="1f9db-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_zombie: {
+    keywords: [ "woman", "female", "undead", "walking dead" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udddf\u200d\u2640\ufe0f" src="1f9df-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  man_zombie: {
+    keywords: [ "man", "male", "dracula", "undead", "walking dead" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udddf\u200d\u2642\ufe0f" src="1f9df-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  woman_genie: {
+    keywords: [ "woman", "female" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddde\u200d\u2640\ufe0f" src="1f9de-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  man_genie: {
+    keywords: [ "man", "male" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddde\u200d\u2642\ufe0f" src="1f9de-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  mermaid: {
+    keywords: [ "woman", "female", "merwoman", "ariel" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udddc\u200d\u2640\ufe0f" src="1f9dc-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  merman: {
+    keywords: [ "man", "male", "triton" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udddc\u200d\u2642\ufe0f" src="1f9dc-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_fairy: {
+    keywords: [ "woman", "female" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddda\u200d\u2640\ufe0f" src="1f9da-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_fairy: {
+    keywords: [ "man", "male" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddda\u200d\u2642\ufe0f" src="1f9da-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  angel: {
+    keywords: [ "heaven", "wings", "halo" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc7c" src="1f47c.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  pregnant_woman: {
+    keywords: [ "baby" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd30" src="1f930.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  breastfeeding: {
+    keywords: [ "nursing", "baby" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd31" src="1f931.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  princess: {
+    keywords: [ "girl", "woman", "female", "blond", "crown", "royal", "queen" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc78" src="1f478.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  prince: {
+    keywords: [ "boy", "man", "male", "crown", "royal", "king" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd34" src="1f934.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  bride_with_veil: {
+    keywords: [ "couple", "marriage", "wedding", "woman", "bride" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc70" src="1f470.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_in_tuxedo: {
+    keywords: [ "couple", "marriage", "wedding", "groom" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd35" src="1f935.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  running_woman: {
+    keywords: [ "woman", "walking", "exercise", "race", "running", "female" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc3\u200d\u2640\ufe0f" src="1f3c3-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  running_man: {
+    keywords: [ "man", "walking", "exercise", "race", "running" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc3" src="1f3c3.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  walking_woman: {
+    keywords: [ "human", "feet", "steps", "woman", "female" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb6\u200d\u2640\ufe0f" src="1f6b6-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  walking_man: {
+    keywords: [ "human", "feet", "steps" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb6" src="1f6b6.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  dancer: {
+    keywords: [ "female", "girl", "woman", "fun" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc83" src="1f483.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_dancing: {
+    keywords: [ "male", "boy", "fun", "dancer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd7a" src="1f57a.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  dancing_women: {
+    keywords: [ "female", "bunny", "women", "girls" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc6f" src="1f46f.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  dancing_men: {
+    keywords: [ "male", "bunny", "men", "boys" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc6f\u200d\u2642\ufe0f" src="1f46f-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  couple: {
+    keywords: [ "pair", "people", "human", "love", "date", "dating", "like", "affection", "valentines", "marriage" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc6b" src="1f46b.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  two_men_holding_hands: {
+    keywords: [ "pair", "couple", "love", "like", "bromance", "friendship", "people", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc6c" src="1f46c.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  two_women_holding_hands: {
+    keywords: [ "pair", "friendship", "couple", "love", "like", "female", "people", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc6d" src="1f46d.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  bowing_woman: {
+    keywords: [ "woman", "female", "girl" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude47\u200d\u2640\ufe0f" src="1f647-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  bowing_man: {
+    keywords: [ "man", "male", "boy" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude47" src="1f647.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_facepalming: {
+    keywords: [ "man", "male", "boy", "disbelief" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd26\u200d\u2642\ufe0f" src="1f926-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_facepalming: {
+    keywords: [ "woman", "female", "girl", "disbelief" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd26\u200d\u2640\ufe0f" src="1f926-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_shrugging: {
+    keywords: [ "woman", "female", "girl", "confused", "indifferent", "doubt" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd37" src="1f937.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_shrugging: {
+    keywords: [ "man", "male", "boy", "confused", "indifferent", "doubt" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd37\u200d\u2642\ufe0f" src="1f937-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  tipping_hand_woman: {
+    keywords: [ "female", "girl", "woman", "human", "information" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc81" src="1f481.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  tipping_hand_man: {
+    keywords: [ "male", "boy", "man", "human", "information" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc81\u200d\u2642\ufe0f" src="1f481-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  no_good_woman: {
+    keywords: [ "female", "girl", "woman", "nope" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude45" src="1f645.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  no_good_man: {
+    keywords: [ "male", "boy", "man", "nope" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude45\u200d\u2642\ufe0f" src="1f645-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  ok_woman: {
+    keywords: [ "women", "girl", "female", "pink", "human", "woman" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude46" src="1f646.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  ok_man: {
+    keywords: [ "men", "boy", "male", "blue", "human", "man" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude46\u200d\u2642\ufe0f" src="1f646-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  raising_hand_woman: {
+    keywords: [ "female", "girl", "woman" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4b" src="1f64b.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  raising_hand_man: {
+    keywords: [ "male", "boy", "man" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4b\u200d\u2642\ufe0f" src="1f64b-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  pouting_woman: {
+    keywords: [ "female", "girl", "woman" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4e" src="1f64e.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  pouting_man: {
+    keywords: [ "male", "boy", "man" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4e\u200d\u2642\ufe0f" src="1f64e-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  frowning_woman: {
+    keywords: [ "female", "girl", "woman", "sad", "depressed", "discouraged", "unhappy" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4d" src="1f64d.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  frowning_man: {
+    keywords: [ "male", "boy", "man", "sad", "depressed", "discouraged", "unhappy" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4d\u200d\u2642\ufe0f" src="1f64d-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  haircut_woman: {
+    keywords: [ "female", "girl", "woman" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc87" src="1f487.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  haircut_man: {
+    keywords: [ "male", "boy", "man" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc87\u200d\u2642\ufe0f" src="1f487-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  massage_woman: {
+    keywords: [ "female", "girl", "woman", "head" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc86" src="1f486.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  massage_man: {
+    keywords: [ "male", "boy", "man", "head" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc86\u200d\u2642\ufe0f" src="1f486-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_in_steamy_room: {
+    keywords: [ "female", "woman", "spa", "steamroom", "sauna" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd6\u200d\u2640\ufe0f" src="1f9d6-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_in_steamy_room: {
+    keywords: [ "male", "man", "spa", "steamroom", "sauna" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd6\u200d\u2642\ufe0f" src="1f9d6-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  couple_with_heart_woman_man: {
+    keywords: [ "pair", "love", "like", "affection", "human", "dating", "valentines", "marriage" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc91" src="1f491.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  couple_with_heart_woman_woman: {
+    keywords: [ "pair", "love", "like", "affection", "human", "dating", "valentines", "marriage" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud83d\udc69" src="1f469-200d-2764-fe0f-200d-1f469.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  couple_with_heart_man_man: {
+    keywords: [ "pair", "love", "like", "affection", "human", "dating", "valentines", "marriage" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\u2764\ufe0f\u200d\ud83d\udc68" src="1f468-200d-2764-fe0f-200d-1f468.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  couplekiss_man_woman: {
+    keywords: [ "pair", "valentines", "love", "like", "dating", "marriage" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc8f" src="1f48f.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  couplekiss_woman_woman: {
+    keywords: [ "pair", "valentines", "love", "like", "dating", "marriage" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc69" src="1f469-200d-2764-fe0f-200d-1f48b-200d-1f469.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  couplekiss_man_man: {
+    keywords: [ "pair", "valentines", "love", "like", "dating", "marriage" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68" src="1f468-200d-2764-fe0f-200d-1f48b-200d-1f468.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_woman_boy: {
+    keywords: [ "home", "parents", "child", "mom", "dad", "father", "mother", "people", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc6a" src="1f46a.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_woman_girl: {
+    keywords: [ "home", "parents", "people", "human", "child" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67" src="1f468-200d-1f469-200d-1f467.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_woman_girl_boy: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66" src="1f468-200d-1f469-200d-1f467-200d-1f466.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_woman_boy_boy: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66" src="1f468-200d-1f469-200d-1f466-200d-1f466.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_woman_girl_girl: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc67" src="1f468-200d-1f469-200d-1f467-200d-1f467.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_woman_boy: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc66" src="1f469-200d-1f469-200d-1f466.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_woman_girl: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc67" src="1f469-200d-1f469-200d-1f467.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_woman_girl_boy: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66" src="1f469-200d-1f469-200d-1f467-200d-1f466.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_woman_boy_boy: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66" src="1f469-200d-1f469-200d-1f466-200d-1f466.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_woman_girl_girl: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc67" src="1f469-200d-1f469-200d-1f467-200d-1f467.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_man_boy: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc66" src="1f468-200d-1f468-200d-1f466.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_man_girl: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc67" src="1f468-200d-1f468-200d-1f467.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_man_girl_boy: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d\udc66" src="1f468-200d-1f468-200d-1f467-200d-1f466.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_man_boy_boy: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc66\u200d\ud83d\udc66" src="1f468-200d-1f468-200d-1f466-200d-1f466.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_man_girl_girl: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d\udc67" src="1f468-200d-1f468-200d-1f467-200d-1f467.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_boy: {
+    keywords: [ "home", "parent", "people", "human", "child" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc66" src="1f469-200d-1f466.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_girl: {
+    keywords: [ "home", "parent", "people", "human", "child" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc67" src="1f469-200d-1f467.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_girl_boy: {
+    keywords: [ "home", "parent", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66" src="1f469-200d-1f467-200d-1f466.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_boy_boy: {
+    keywords: [ "home", "parent", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66" src="1f469-200d-1f466-200d-1f466.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_girl_girl: {
+    keywords: [ "home", "parent", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc67" src="1f469-200d-1f467-200d-1f467.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_boy: {
+    keywords: [ "home", "parent", "people", "human", "child" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc66" src="1f468-200d-1f466.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_girl: {
+    keywords: [ "home", "parent", "people", "human", "child" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc67" src="1f468-200d-1f467.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_girl_boy: {
+    keywords: [ "home", "parent", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d\udc66" src="1f468-200d-1f467-200d-1f466.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_boy_boy: {
+    keywords: [ "home", "parent", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc66\u200d\ud83d\udc66" src="1f468-200d-1f466-200d-1f466.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_girl_girl: {
+    keywords: [ "home", "parent", "people", "human", "children" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d\udc67" src="1f468-200d-1f467-200d-1f467.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  yarn: {
+    keywords: [ "ball", "crochet", "knit" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf6" src="1f9f6.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  thread: {
+    keywords: [ "needle", "sewing", "spool", "string" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf5" src="1f9f5.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  coat: {
+    keywords: [ "jacket" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde5" src="1f9e5.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  labcoat: {
+    keywords: [ "doctor", "experiment", "scientist", "chemist" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd7c" src="1f97c.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  womans_clothes: {
+    keywords: [ "fashion", "shopping_bags", "female" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc5a" src="1f45a.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  tshirt: {
+    keywords: [ "fashion", "cloth", "casual", "shirt", "tee" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc55" src="1f455.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  jeans: {
+    keywords: [ "fashion", "shopping" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc56" src="1f456.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  necktie: {
+    keywords: [ "shirt", "suitup", "formal", "fashion", "cloth", "business" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc54" src="1f454.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  dress: {
+    keywords: [ "clothes", "fashion", "shopping" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc57" src="1f457.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  bikini: {
+    keywords: [ "swimming", "female", "woman", "girl", "fashion", "beach", "summer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc59" src="1f459.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  kimono: {
+    keywords: [ "dress", "fashion", "women", "female", "japanese" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc58" src="1f458.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  lipstick: {
+    keywords: [ "female", "girl", "fashion", "woman" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc84" src="1f484.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  kiss: {
+    keywords: [ "face", "lips", "love", "like", "affection", "valentines" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc8b" src="1f48b.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  footprints: {
+    keywords: [ "feet", "tracking", "walking", "beach" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc63" src="1f463.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  flat_shoe: {
+    keywords: [ "ballet", "slip-on", "slipper" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd7f" src="1f97f.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  high_heel: {
+    keywords: [ "fashion", "shoes", "female", "pumps", "stiletto" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc60" src="1f460.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  sandal: {
+    keywords: [ "shoes", "fashion", "flip flops" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc61" src="1f461.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  boot: {
+    keywords: [ "shoes", "fashion" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc62" src="1f462.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  mans_shoe: {
+    keywords: [ "fashion", "male" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc5e" src="1f45e.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  athletic_shoe: {
+    keywords: [ "shoes", "sports", "sneakers" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc5f" src="1f45f.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  hiking_boot: {
+    keywords: [ "backpacking", "camping", "hiking" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd7e" src="1f97e.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  socks: {
+    keywords: [ "stockings", "clothes" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde6" src="1f9e6.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  gloves: {
+    keywords: [ "hands", "winter", "clothes" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde4" src="1f9e4.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  scarf: {
+    keywords: [ "neck", "winter", "clothes" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde3" src="1f9e3.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  womans_hat: {
+    keywords: [ "fashion", "accessories", "female", "lady", "spring" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc52" src="1f452.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  tophat: {
+    keywords: [ "magic", "gentleman", "classy", "circus" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa9" src="1f3a9.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  billed_hat: {
+    keywords: [ "cap", "baseball" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde2" src="1f9e2.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  rescue_worker_helmet: {
+    keywords: [ "construction", "build" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26d1" src="26d1.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  mortar_board: {
+    keywords: [ "school", "college", "degree", "university", "graduation", "cap", "hat", "legal", "learn", "education" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf93" src="1f393.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  crown: {
+    keywords: [ "king", "kod", "leader", "royalty", "lord" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc51" src="1f451.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  school_satchel: {
+    keywords: [ "student", "education", "bag", "backpack" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf92" src="1f392.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  luggage: {
+    keywords: [ "packing", "travel" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf3" src="1f9f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  pouch: {
+    keywords: [ "bag", "accessories", "shopping" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc5d" src="1f45d.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  purse: {
+    keywords: [ "fashion", "accessories", "money", "sales", "shopping" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc5b" src="1f45b.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  handbag: {
+    keywords: [ "fashion", "accessory", "accessories", "shopping" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc5c" src="1f45c.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  briefcase: {
+    keywords: [ "business", "documents", "work", "law", "legal", "job", "career" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcbc" src="1f4bc.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  eyeglasses: {
+    keywords: [ "fashion", "accessories", "eyesight", "nerdy", "dork", "geek" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc53" src="1f453.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  dark_sunglasses: {
+    keywords: [ "face", "cool", "accessories" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd76" src="1f576.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  goggles: {
+    keywords: [ "eyes", "protection", "safety" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd7d" src="1f97d.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  ring: {
+    keywords: [ "wedding", "propose", "marriage", "valentines", "diamond", "fashion", "jewelry", "gem", "engagement" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc8d" src="1f48d.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  closed_umbrella: {
+    keywords: [ "weather", "rain", "drizzle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf02" src="1f302.png"/>',
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  dog: {
+    keywords: [ "animal", "friend", "nature", "woof", "puppy", "pet", "faithful" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc36" src="1f436.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cat: {
+    keywords: [ "animal", "meow", "nature", "pet", "kitten" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc31" src="1f431.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  mouse: {
+    keywords: [ "animal", "nature", "cheese_wedge", "rodent" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc2d" src="1f42d.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  hamster: {
+    keywords: [ "animal", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc39" src="1f439.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  rabbit: {
+    keywords: [ "animal", "nature", "pet", "spring", "magic", "bunny" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc30" src="1f430.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  fox_face: {
+    keywords: [ "animal", "nature", "face" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd8a" src="1f98a.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  bear: {
+    keywords: [ "animal", "nature", "wild" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc3b" src="1f43b.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  panda_face: {
+    keywords: [ "animal", "nature", "panda" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc3c" src="1f43c.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  koala: {
+    keywords: [ "animal", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc28" src="1f428.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  tiger: {
+    keywords: [ "animal", "cat", "danger", "wild", "nature", "roar" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc2f" src="1f42f.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  lion: {
+    keywords: [ "animal", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd81" src="1f981.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cow: {
+    keywords: [ "beef", "ox", "animal", "nature", "moo", "milk" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc2e" src="1f42e.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  pig: {
+    keywords: [ "animal", "oink", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc37" src="1f437.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  pig_nose: {
+    keywords: [ "animal", "oink" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc3d" src="1f43d.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  frog: {
+    keywords: [ "animal", "nature", "croak", "toad" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc38" src="1f438.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  squid: {
+    keywords: [ "animal", "nature", "ocean", "sea" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd91" src="1f991.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  octopus: {
+    keywords: [ "animal", "creature", "ocean", "sea", "nature", "beach" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc19" src="1f419.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  shrimp: {
+    keywords: [ "animal", "ocean", "nature", "seafood" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd90" src="1f990.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  monkey_face: {
+    keywords: [ "animal", "nature", "circus" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc35" src="1f435.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  gorilla: {
+    keywords: [ "animal", "nature", "circus" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd8d" src="1f98d.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  see_no_evil: {
+    keywords: [ "monkey", "animal", "nature", "haha" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude48" src="1f648.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  hear_no_evil: {
+    keywords: [ "animal", "monkey", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude49" src="1f649.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  speak_no_evil: {
+    keywords: [ "monkey", "animal", "nature", "omg" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4a" src="1f64a.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  monkey: {
+    keywords: [ "animal", "nature", "banana", "circus" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc12" src="1f412.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  chicken: {
+    keywords: [ "animal", "cluck", "nature", "bird" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc14" src="1f414.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  penguin: {
+    keywords: [ "animal", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc27" src="1f427.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  bird: {
+    keywords: [ "animal", "nature", "fly", "tweet", "spring" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc26" src="1f426.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  baby_chick: {
+    keywords: [ "animal", "chicken", "bird" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc24" src="1f424.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  hatching_chick: {
+    keywords: [ "animal", "chicken", "egg", "born", "baby", "bird" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc23" src="1f423.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  hatched_chick: {
+    keywords: [ "animal", "chicken", "baby", "bird" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc25" src="1f425.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  duck: {
+    keywords: [ "animal", "nature", "bird", "mallard" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd86" src="1f986.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  eagle: {
+    keywords: [ "animal", "nature", "bird" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd85" src="1f985.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  owl: {
+    keywords: [ "animal", "nature", "bird", "hoot" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd89" src="1f989.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  bat: {
+    keywords: [ "animal", "nature", "blind", "vampire" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd87" src="1f987.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  wolf: {
+    keywords: [ "animal", "nature", "wild" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc3a" src="1f43a.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  boar: {
+    keywords: [ "animal", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc17" src="1f417.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  horse: {
+    keywords: [ "animal", "brown", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc34" src="1f434.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  unicorn: {
+    keywords: [ "animal", "nature", "mystical" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd84" src="1f984.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  honeybee: {
+    keywords: [ "animal", "insect", "nature", "bug", "spring", "honey" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc1d" src="1f41d.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  bug: {
+    keywords: [ "animal", "insect", "nature", "worm" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc1b" src="1f41b.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  butterfly: {
+    keywords: [ "animal", "insect", "nature", "caterpillar" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd8b" src="1f98b.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  snail: {
+    keywords: [ "slow", "animal", "shell" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc0c" src="1f40c.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  beetle: {
+    keywords: [ "animal", "insect", "nature", "ladybug" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc1e" src="1f41e.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  ant: {
+    keywords: [ "animal", "insect", "nature", "bug" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc1c" src="1f41c.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  grasshopper: {
+    keywords: [ "animal", "cricket", "chirp" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd97" src="1f997.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  spider: {
+    keywords: [ "animal", "arachnid" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd77" src="1f577.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  scorpion: {
+    keywords: [ "animal", "arachnid" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd82" src="1f982.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  crab: {
+    keywords: [ "animal", "crustacean" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd80" src="1f980.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  snake: {
+    keywords: [ "animal", "evil", "nature", "hiss", "python" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc0d" src="1f40d.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  lizard: {
+    keywords: [ "animal", "nature", "reptile" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd8e" src="1f98e.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  "t-rex": {
+    keywords: [ "animal", "nature", "dinosaur", "tyrannosaurus", "extinct" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd96" src="1f996.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sauropod: {
+    keywords: [ "animal", "nature", "dinosaur", "brachiosaurus", "brontosaurus", "diplodocus", "extinct" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd95" src="1f995.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  turtle: {
+    keywords: [ "animal", "slow", "nature", "tortoise" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc22" src="1f422.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  tropical_fish: {
+    keywords: [ "animal", "swim", "ocean", "beach", "nemo" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc20" src="1f420.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  fish: {
+    keywords: [ "animal", "food", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc1f" src="1f41f.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  blowfish: {
+    keywords: [ "animal", "nature", "food", "sea", "ocean" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc21" src="1f421.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  dolphin: {
+    keywords: [ "animal", "nature", "fish", "sea", "ocean", "flipper", "fins", "beach" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc2c" src="1f42c.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  shark: {
+    keywords: [ "animal", "nature", "fish", "sea", "ocean", "jaws", "fins", "beach" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd88" src="1f988.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  whale: {
+    keywords: [ "animal", "nature", "sea", "ocean" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc33" src="1f433.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  whale2: {
+    keywords: [ "animal", "nature", "sea", "ocean" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc0b" src="1f40b.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  crocodile: {
+    keywords: [ "animal", "nature", "reptile", "lizard", "alligator" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc0a" src="1f40a.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  leopard: {
+    keywords: [ "animal", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc06" src="1f406.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  zebra: {
+    keywords: [ "animal", "nature", "stripes", "safari" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd93" src="1f993.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  tiger2: {
+    keywords: [ "animal", "nature", "roar" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc05" src="1f405.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  water_buffalo: {
+    keywords: [ "animal", "nature", "ox", "cow" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc03" src="1f403.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  ox: {
+    keywords: [ "animal", "cow", "beef" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc02" src="1f402.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cow2: {
+    keywords: [ "beef", "ox", "animal", "nature", "moo", "milk" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc04" src="1f404.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  deer: {
+    keywords: [ "animal", "nature", "horns", "venison" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd8c" src="1f98c.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  dromedary_camel: {
+    keywords: [ "animal", "hot", "desert", "hump" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc2a" src="1f42a.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  camel: {
+    keywords: [ "animal", "nature", "hot", "desert", "hump" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc2b" src="1f42b.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  giraffe: {
+    keywords: [ "animal", "nature", "spots", "safari" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd92" src="1f992.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  elephant: {
+    keywords: [ "animal", "nature", "nose", "th", "circus" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc18" src="1f418.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  rhinoceros: {
+    keywords: [ "animal", "nature", "horn" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd8f" src="1f98f.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  goat: {
+    keywords: [ "animal", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc10" src="1f410.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  ram: {
+    keywords: [ "animal", "sheep", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc0f" src="1f40f.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sheep: {
+    keywords: [ "animal", "nature", "wool", "shipit" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc11" src="1f411.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  racehorse: {
+    keywords: [ "animal", "gamble", "luck" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc0e" src="1f40e.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  pig2: {
+    keywords: [ "animal", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc16" src="1f416.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  rat: {
+    keywords: [ "animal", "mouse", "rodent" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc00" src="1f400.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  mouse2: {
+    keywords: [ "animal", "nature", "rodent" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc01" src="1f401.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  rooster: {
+    keywords: [ "animal", "nature", "chicken" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc13" src="1f413.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  turkey: {
+    keywords: [ "animal", "bird" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd83" src="1f983.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  dove: {
+    keywords: [ "animal", "bird" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd4a" src="1f54a.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  dog2: {
+    keywords: [ "animal", "nature", "friend", "doge", "pet", "faithful" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc15" src="1f415.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  poodle: {
+    keywords: [ "dog", "animal", "101", "nature", "pet" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc29" src="1f429.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cat2: {
+    keywords: [ "animal", "meow", "pet", "cats" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc08" src="1f408.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  rabbit2: {
+    keywords: [ "animal", "nature", "pet", "magic", "spring" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc07" src="1f407.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  chipmunk: {
+    keywords: [ "animal", "nature", "rodent", "squirrel" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc3f" src="1f43f.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  hedgehog: {
+    keywords: [ "animal", "nature", "spiny" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd94" src="1f994.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  raccoon: {
+    keywords: [ "animal", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd9d" src="1f99d.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  llama: {
+    keywords: [ "animal", "nature", "alpaca" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd99" src="1f999.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  hippopotamus: {
+    keywords: [ "animal", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd9b" src="1f99b.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  kangaroo: {
+    keywords: [ "animal", "nature", "australia", "joey", "hop", "marsupial" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd98" src="1f998.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  badger: {
+    keywords: [ "animal", "nature", "honey" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udda1" src="1f9a1.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  swan: {
+    keywords: [ "animal", "nature", "bird" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udda2" src="1f9a2.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  peacock: {
+    keywords: [ "animal", "nature", "peahen", "bird" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd9a" src="1f99a.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  parrot: {
+    keywords: [ "animal", "nature", "bird", "pirate", "talk" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd9c" src="1f99c.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  lobster: {
+    keywords: [ "animal", "nature", "bisque", "claws", "seafood" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd9e" src="1f99e.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  mosquito: {
+    keywords: [ "animal", "nature", "insect", "malaria" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd9f" src="1f99f.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  paw_prints: {
+    keywords: [ "animal", "tracking", "footprints", "dog", "cat", "pet", "feet" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc3e" src="1f43e.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  dragon: {
+    keywords: [ "animal", "myth", "nature", "chinese", "green" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc09" src="1f409.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  dragon_face: {
+    keywords: [ "animal", "myth", "nature", "chinese", "green" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc32" src="1f432.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cactus: {
+    keywords: [ "vegetable", "plant", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf35" src="1f335.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  christmas_tree: {
+    keywords: [ "festival", "vacation", "december", "xmas", "celebration" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf84" src="1f384.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  evergreen_tree: {
+    keywords: [ "plant", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf32" src="1f332.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  deciduous_tree: {
+    keywords: [ "plant", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf33" src="1f333.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  palm_tree: {
+    keywords: [ "plant", "vegetable", "nature", "summer", "beach", "mojito", "tropical" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf34" src="1f334.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  seedling: {
+    keywords: [ "plant", "nature", "grass", "lawn", "spring" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf31" src="1f331.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  herb: {
+    keywords: [ "vegetable", "plant", "medicine", "weed", "grass", "lawn" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf3f" src="1f33f.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  shamrock: {
+    keywords: [ "vegetable", "plant", "nature", "irish", "clover" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2618" src="2618.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  four_leaf_clover: {
+    keywords: [ "vegetable", "plant", "nature", "lucky", "irish" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf40" src="1f340.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  bamboo: {
+    keywords: [ "plant", "nature", "vegetable", "panda", "pine_decoration" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf8d" src="1f38d.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  tanabata_tree: {
+    keywords: [ "plant", "nature", "branch", "summer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf8b" src="1f38b.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  leaves: {
+    keywords: [ "nature", "plant", "tree", "vegetable", "grass", "lawn", "spring" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf43" src="1f343.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  fallen_leaf: {
+    keywords: [ "nature", "plant", "vegetable", "leaves" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf42" src="1f342.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  maple_leaf: {
+    keywords: [ "nature", "plant", "vegetable", "ca", "fall" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf41" src="1f341.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  ear_of_rice: {
+    keywords: [ "nature", "plant" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf3e" src="1f33e.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  hibiscus: {
+    keywords: [ "plant", "vegetable", "flowers", "beach" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf3a" src="1f33a.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sunflower: {
+    keywords: [ "nature", "plant", "fall" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf3b" src="1f33b.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  rose: {
+    keywords: [ "flowers", "valentines", "love", "spring" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf39" src="1f339.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  wilted_flower: {
+    keywords: [ "plant", "nature", "flower" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd40" src="1f940.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  tulip: {
+    keywords: [ "flowers", "plant", "nature", "summer", "spring" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf37" src="1f337.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  blossom: {
+    keywords: [ "nature", "flowers", "yellow" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf3c" src="1f33c.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cherry_blossom: {
+    keywords: [ "nature", "plant", "spring", "flower" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf38" src="1f338.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  bouquet: {
+    keywords: [ "flowers", "nature", "spring" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc90" src="1f490.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  mushroom: {
+    keywords: [ "plant", "vegetable" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf44" src="1f344.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  chestnut: {
+    keywords: [ "food", "squirrel" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf30" src="1f330.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  jack_o_lantern: {
+    keywords: [ "halloween", "light", "pumpkin", "creepy", "fall" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf83" src="1f383.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  shell: {
+    keywords: [ "nature", "sea", "beach" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc1a" src="1f41a.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  spider_web: {
+    keywords: [ "animal", "insect", "arachnid", "silk" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd78" src="1f578.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  earth_americas: {
+    keywords: [ "globe", "world", "USA", "international" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf0e" src="1f30e.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  earth_africa: {
+    keywords: [ "globe", "world", "international" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf0d" src="1f30d.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  earth_asia: {
+    keywords: [ "globe", "world", "east", "international" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf0f" src="1f30f.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  full_moon: {
+    keywords: [ "nature", "yellow", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf15" src="1f315.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  waning_gibbous_moon: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep", "waxing_gibbous_moon" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf16" src="1f316.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  last_quarter_moon: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf17" src="1f317.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  waning_crescent_moon: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf18" src="1f318.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  new_moon: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf11" src="1f311.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  waxing_crescent_moon: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf12" src="1f312.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  first_quarter_moon: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf13" src="1f313.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  waxing_gibbous_moon: {
+    keywords: [ "nature", "night", "sky", "gray", "twilight", "planet", "space", "evening", "sleep" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf14" src="1f314.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  new_moon_with_face: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf1a" src="1f31a.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  full_moon_with_face: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf1d" src="1f31d.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  first_quarter_moon_with_face: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf1b" src="1f31b.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  last_quarter_moon_with_face: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf1c" src="1f31c.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sun_with_face: {
+    keywords: [ "nature", "morning", "sky" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf1e" src="1f31e.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  crescent_moon: {
+    keywords: [ "night", "sleep", "sky", "evening", "magic" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf19" src="1f319.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  star: {
+    keywords: [ "night", "yellow" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b50" src="2b50.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  star2: {
+    keywords: [ "night", "sparkle", "awesome", "good", "magic" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf1f" src="1f31f.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  dizzy: {
+    keywords: [ "star", "sparkle", "shoot", "magic" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcab" src="1f4ab.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sparkles: {
+    keywords: [ "stars", "shine", "shiny", "cool", "awesome", "good", "magic" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2728" src="2728.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  comet: {
+    keywords: [ "space" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2604" src="2604.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sunny: {
+    keywords: [ "weather", "nature", "brightness", "summer", "beach", "spring" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2600\ufe0f" src="2600.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sun_behind_small_cloud: {
+    keywords: [ "weather" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf24" src="1f324.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  partly_sunny: {
+    keywords: [ "weather", "nature", "cloudy", "morning", "fall", "spring" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26c5" src="26c5.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sun_behind_large_cloud: {
+    keywords: [ "weather" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf25" src="1f325.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sun_behind_rain_cloud: {
+    keywords: [ "weather" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf26" src="1f326.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cloud: {
+    keywords: [ "weather", "sky" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2601\ufe0f" src="2601.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cloud_with_rain: {
+    keywords: [ "weather" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf27" src="1f327.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cloud_with_lightning_and_rain: {
+    keywords: [ "weather", "lightning" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26c8" src="26c8.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cloud_with_lightning: {
+    keywords: [ "weather", "thunder" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf29" src="1f329.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  zap: {
+    keywords: [ "thunder", "weather", "lightning bolt", "fast" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26a1" src="26a1.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  fire: {
+    keywords: [ "hot", "cook", "flame" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd25" src="1f525.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  boom: {
+    keywords: [ "bomb", "explode", "explosion", "collision", "blown" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca5" src="1f4a5.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  snowflake: {
+    keywords: [ "winter", "season", "cold", "weather", "christmas", "xmas" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2744\ufe0f" src="2744.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cloud_with_snow: {
+    keywords: [ "weather" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf28" src="1f328.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  snowman: {
+    keywords: [ "winter", "season", "cold", "weather", "christmas", "xmas", "frozen", "without_snow" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26c4" src="26c4.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  snowman_with_snow: {
+    keywords: [ "winter", "season", "cold", "weather", "christmas", "xmas", "frozen" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2603" src="2603.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  wind_face: {
+    keywords: [ "gust", "air" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf2c" src="1f32c.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  dash: {
+    keywords: [ "wind", "air", "fast", "shoo", "fart", "smoke", "puff" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca8" src="1f4a8.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  tornado: {
+    keywords: [ "weather", "cyclone", "twister" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf2a" src="1f32a.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  fog: {
+    keywords: [ "weather" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf2b" src="1f32b.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  open_umbrella: {
+    keywords: [ "weather", "spring" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2602" src="2602.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  umbrella: {
+    keywords: [ "rainy", "weather", "spring" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2614" src="2614.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  droplet: {
+    keywords: [ "water", "drip", "faucet", "spring" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca7" src="1f4a7.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sweat_drops: {
+    keywords: [ "water", "drip", "oops" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca6" src="1f4a6.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  ocean: {
+    keywords: [ "sea", "water", "wave", "nature", "tsunami", "disaster" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf0a" src="1f30a.png"/>',
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  green_apple: {
+    keywords: [ "fruit", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf4f" src="1f34f.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  apple: {
+    keywords: [ "fruit", "mac", "school" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf4e" src="1f34e.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  pear: {
+    keywords: [ "fruit", "nature", "food" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf50" src="1f350.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  tangerine: {
+    keywords: [ "food", "fruit", "nature", "orange" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf4a" src="1f34a.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  lemon: {
+    keywords: [ "fruit", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf4b" src="1f34b.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  banana: {
+    keywords: [ "fruit", "food", "monkey" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf4c" src="1f34c.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  watermelon: {
+    keywords: [ "fruit", "food", "picnic", "summer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf49" src="1f349.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  grapes: {
+    keywords: [ "fruit", "food", "wine" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf47" src="1f347.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  strawberry: {
+    keywords: [ "fruit", "food", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf53" src="1f353.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  melon: {
+    keywords: [ "fruit", "nature", "food" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf48" src="1f348.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  cherries: {
+    keywords: [ "food", "fruit" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf52" src="1f352.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  peach: {
+    keywords: [ "fruit", "nature", "food" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf51" src="1f351.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  pineapple: {
+    keywords: [ "fruit", "nature", "food" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf4d" src="1f34d.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  coconut: {
+    keywords: [ "fruit", "nature", "food", "palm" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd65" src="1f965.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  kiwi_fruit: {
+    keywords: [ "fruit", "food" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd5d" src="1f95d.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  mango: {
+    keywords: [ "fruit", "food", "tropical" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd6d" src="1f96d.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  avocado: {
+    keywords: [ "fruit", "food" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd51" src="1f951.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  broccoli: {
+    keywords: [ "fruit", "food", "vegetable" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd66" src="1f966.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  tomato: {
+    keywords: [ "fruit", "vegetable", "nature", "food" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf45" src="1f345.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  eggplant: {
+    keywords: [ "vegetable", "nature", "food", "aubergine" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf46" src="1f346.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  cucumber: {
+    keywords: [ "fruit", "food", "pickle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd52" src="1f952.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  carrot: {
+    keywords: [ "vegetable", "food", "orange" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd55" src="1f955.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  hot_pepper: {
+    keywords: [ "food", "spicy", "chilli", "chili" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf36" src="1f336.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  potato: {
+    keywords: [ "food", "tuber", "vegatable", "starch" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd54" src="1f954.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  corn: {
+    keywords: [ "food", "vegetable", "plant" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf3d" src="1f33d.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  leafy_greens: {
+    keywords: [ "food", "vegetable", "plant", "bok choy", "cabbage", "kale", "lettuce" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd6c" src="1f96c.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  sweet_potato: {
+    keywords: [ "food", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf60" src="1f360.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  peanuts: {
+    keywords: [ "food", "nut" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd5c" src="1f95c.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  honey_pot: {
+    keywords: [ "bees", "sweet", "kitchen" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf6f" src="1f36f.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  croissant: {
+    keywords: [ "food", "bread", "french" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd50" src="1f950.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  bread: {
+    keywords: [ "food", "wheat", "breakfast", "toast" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf5e" src="1f35e.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  baguette_bread: {
+    keywords: [ "food", "bread", "french" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd56" src="1f956.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  bagel: {
+    keywords: [ "food", "bread", "bakery", "schmear" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd6f" src="1f96f.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  pretzel: {
+    keywords: [ "food", "bread", "twisted" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd68" src="1f968.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  cheese: {
+    keywords: [ "food", "chadder" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddc0" src="1f9c0.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  egg: {
+    keywords: [ "food", "chicken", "breakfast" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd5a" src="1f95a.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  bacon: {
+    keywords: [ "food", "breakfast", "pork", "pig", "meat" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd53" src="1f953.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  steak: {
+    keywords: [ "food", "cow", "meat", "cut", "chop", "lambchop", "porkchop" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd69" src="1f969.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  pancakes: {
+    keywords: [ "food", "breakfast", "flapjacks", "hotcakes" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd5e" src="1f95e.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  poultry_leg: {
+    keywords: [ "food", "meat", "drumstick", "bird", "chicken", "turkey" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf57" src="1f357.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  meat_on_bone: {
+    keywords: [ "good", "food", "drumstick" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf56" src="1f356.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  bone: {
+    keywords: [ "skeleton" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddb4" src="1f9b4.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  fried_shrimp: {
+    keywords: [ "food", "animal", "appetizer", "summer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf64" src="1f364.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  fried_egg: {
+    keywords: [ "food", "breakfast", "kitchen", "egg" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf73" src="1f373.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  hamburger: {
+    keywords: [ "meat", "fast food", "beef", "cheeseburger", "mcdonalds", "burger king" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf54" src="1f354.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  fries: {
+    keywords: [ "chips", "snack", "fast food" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf5f" src="1f35f.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  stuffed_flatbread: {
+    keywords: [ "food", "flatbread", "stuffed", "gyro" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd59" src="1f959.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  hotdog: {
+    keywords: [ "food", "frankfurter" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf2d" src="1f32d.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  pizza: {
+    keywords: [ "food", "party" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf55" src="1f355.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  sandwich: {
+    keywords: [ "food", "lunch", "bread" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd6a" src="1f96a.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  canned_food: {
+    keywords: [ "food", "soup" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd6b" src="1f96b.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  spaghetti: {
+    keywords: [ "food", "italian", "noodle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf5d" src="1f35d.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  taco: {
+    keywords: [ "food", "mexican" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf2e" src="1f32e.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  burrito: {
+    keywords: [ "food", "mexican" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf2f" src="1f32f.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  green_salad: {
+    keywords: [ "food", "healthy", "lettuce" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd57" src="1f957.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  shallow_pan_of_food: {
+    keywords: [ "food", "cooking", "casserole", "paella" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd58" src="1f958.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  ramen: {
+    keywords: [ "food", "japanese", "noodle", "chopsticks" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf5c" src="1f35c.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  stew: {
+    keywords: [ "food", "meat", "soup" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf72" src="1f372.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  fish_cake: {
+    keywords: [ "food", "japan", "sea", "beach", "narutomaki", "pink", "swirl", "kamaboko", "surimi", "ramen" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf65" src="1f365.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  fortune_cookie: {
+    keywords: [ "food", "prophecy" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd60" src="1f960.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  sushi: {
+    keywords: [ "food", "fish", "japanese", "rice" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf63" src="1f363.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  bento: {
+    keywords: [ "food", "japanese", "box" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf71" src="1f371.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  curry: {
+    keywords: [ "food", "spicy", "hot", "indian" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf5b" src="1f35b.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  rice_ball: {
+    keywords: [ "food", "japanese" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf59" src="1f359.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  rice: {
+    keywords: [ "food", "china", "asian" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf5a" src="1f35a.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  rice_cracker: {
+    keywords: [ "food", "japanese" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf58" src="1f358.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  oden: {
+    keywords: [ "food", "japanese" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf62" src="1f362.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  dango: {
+    keywords: [ "food", "dessert", "sweet", "japanese", "barbecue", "meat" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf61" src="1f361.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  shaved_ice: {
+    keywords: [ "hot", "dessert", "summer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf67" src="1f367.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  ice_cream: {
+    keywords: [ "food", "hot", "dessert" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf68" src="1f368.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  icecream: {
+    keywords: [ "food", "hot", "dessert", "summer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf66" src="1f366.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  pie: {
+    keywords: [ "food", "dessert", "pastry" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd67" src="1f967.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  cake: {
+    keywords: [ "food", "dessert" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf70" src="1f370.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  cupcake: {
+    keywords: [ "food", "dessert", "bakery", "sweet" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddc1" src="1f9c1.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  moon_cake: {
+    keywords: [ "food", "autumn" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd6e" src="1f96e.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  birthday: {
+    keywords: [ "food", "dessert", "cake" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf82" src="1f382.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  custard: {
+    keywords: [ "dessert", "food" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf6e" src="1f36e.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  candy: {
+    keywords: [ "snack", "dessert", "sweet", "lolly" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf6c" src="1f36c.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  lollipop: {
+    keywords: [ "food", "snack", "candy", "sweet" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf6d" src="1f36d.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  chocolate_bar: {
+    keywords: [ "food", "snack", "dessert", "sweet" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf6b" src="1f36b.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  popcorn: {
+    keywords: [ "food", "movie theater", "films", "snack" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf7f" src="1f37f.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  dumpling: {
+    keywords: [ "food", "empanada", "pierogi", "potsticker" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd5f" src="1f95f.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  doughnut: {
+    keywords: [ "food", "dessert", "snack", "sweet", "donut" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf69" src="1f369.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  cookie: {
+    keywords: [ "food", "snack", "oreo", "chocolate", "sweet", "dessert" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf6a" src="1f36a.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  milk_glass: {
+    keywords: [ "beverage", "drink", "cow" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd5b" src="1f95b.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  beer: {
+    keywords: [ "relax", "beverage", "drink", "drunk", "party", "pub", "summer", "alcohol", "booze" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf7a" src="1f37a.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  beers: {
+    keywords: [ "relax", "beverage", "drink", "drunk", "party", "pub", "summer", "alcohol", "booze" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf7b" src="1f37b.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  clinking_glasses: {
+    keywords: [ "beverage", "drink", "party", "alcohol", "celebrate", "cheers", "wine", "champagne", "toast" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd42" src="1f942.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  wine_glass: {
+    keywords: [ "drink", "beverage", "drunk", "alcohol", "booze" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf77" src="1f377.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  tumbler_glass: {
+    keywords: [ "drink", "beverage", "drunk", "alcohol", "liquor", "booze", "bourbon", "scotch", "whisky", "glass", "shot" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd43" src="1f943.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  cocktail: {
+    keywords: [ "drink", "drunk", "alcohol", "beverage", "booze", "mojito" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf78" src="1f378.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  tropical_drink: {
+    keywords: [ "beverage", "cocktail", "summer", "beach", "alcohol", "booze", "mojito" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf79" src="1f379.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  champagne: {
+    keywords: [ "drink", "wine", "bottle", "celebration" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf7e" src="1f37e.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  sake: {
+    keywords: [ "wine", "drink", "drunk", "beverage", "japanese", "alcohol", "booze" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf76" src="1f376.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  tea: {
+    keywords: [ "drink", "bowl", "breakfast", "green", "british" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf75" src="1f375.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  cup_with_straw: {
+    keywords: [ "drink", "soda" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd64" src="1f964.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  coffee: {
+    keywords: [ "beverage", "caffeine", "latte", "espresso" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2615" src="2615.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  baby_bottle: {
+    keywords: [ "food", "container", "milk" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf7c" src="1f37c.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  salt: {
+    keywords: [ "condiment", "shaker" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddc2" src="1f9c2.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  spoon: {
+    keywords: [ "cutlery", "kitchen", "tableware" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd44" src="1f944.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  fork_and_knife: {
+    keywords: [ "cutlery", "kitchen" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf74" src="1f374.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  plate_with_cutlery: {
+    keywords: [ "food", "eat", "meal", "lunch", "dinner", "restaurant" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf7d" src="1f37d.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  bowl_with_spoon: {
+    keywords: [ "food", "breakfast", "cereal", "oatmeal", "porridge" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd63" src="1f963.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  takeout_box: {
+    keywords: [ "food", "leftovers" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd61" src="1f961.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  chopsticks: {
+    keywords: [ "food" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd62" src="1f962.png"/>',
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  soccer: {
+    keywords: [ "sports", "football" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26bd" src="26bd.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  basketball: {
+    keywords: [ "sports", "balls", "NBA" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc0" src="1f3c0.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  football: {
+    keywords: [ "sports", "balls", "NFL" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc8" src="1f3c8.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  baseball: {
+    keywords: [ "sports", "balls" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26be" src="26be.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  softball: {
+    keywords: [ "sports", "balls" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd4e" src="1f94e.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  tennis: {
+    keywords: [ "sports", "balls", "green" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfbe" src="1f3be.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  volleyball: {
+    keywords: [ "sports", "balls" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd0" src="1f3d0.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  rugby_football: {
+    keywords: [ "sports", "team" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc9" src="1f3c9.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  flying_disc: {
+    keywords: [ "sports", "frisbee", "ultimate" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd4f" src="1f94f.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  "8ball": {
+    keywords: [ "pool", "hobby", "game", "luck", "magic" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb1" src="1f3b1.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  golf: {
+    keywords: [ "sports", "business", "flag", "hole", "summer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f3" src="26f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  golfing_woman: {
+    keywords: [ "sports", "business", "woman", "female" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfcc\ufe0f\u200d\u2640\ufe0f" src="1f3cc-fe0f-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  golfing_man: {
+    keywords: [ "sports", "business" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfcc" src="1f3cc.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  ping_pong: {
+    keywords: [ "sports", "pingpong" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd3" src="1f3d3.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  badminton: {
+    keywords: [ "sports" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff8" src="1f3f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  goal_net: {
+    keywords: [ "sports" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd45" src="1f945.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  ice_hockey: {
+    keywords: [ "sports" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd2" src="1f3d2.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  field_hockey: {
+    keywords: [ "sports" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd1" src="1f3d1.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  lacrosse: {
+    keywords: [ "sports", "ball", "stick" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd4d" src="1f94d.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  cricket: {
+    keywords: [ "sports" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfcf" src="1f3cf.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  ski: {
+    keywords: [ "sports", "winter", "cold", "snow" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfbf" src="1f3bf.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  skier: {
+    keywords: [ "sports", "winter", "snow" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f7" src="26f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  snowboarder: {
+    keywords: [ "sports", "winter" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc2" src="1f3c2.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  person_fencing: {
+    keywords: [ "sports", "fencing", "sword" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd3a" src="1f93a.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  women_wrestling: {
+    keywords: [ "sports", "wrestlers" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd3c\u200d\u2640\ufe0f" src="1f93c-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  men_wrestling: {
+    keywords: [ "sports", "wrestlers" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd3c\u200d\u2642\ufe0f" src="1f93c-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  woman_cartwheeling: {
+    keywords: [ "gymnastics" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd38\u200d\u2640\ufe0f" src="1f938-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  man_cartwheeling: {
+    keywords: [ "gymnastics" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd38\u200d\u2642\ufe0f" src="1f938-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  woman_playing_handball: {
+    keywords: [ "sports" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd3e\u200d\u2640\ufe0f" src="1f93e-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  man_playing_handball: {
+    keywords: [ "sports" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd3e\u200d\u2642\ufe0f" src="1f93e-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  ice_skate: {
+    keywords: [ "sports" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f8" src="26f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  curling_stone: {
+    keywords: [ "sports" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd4c" src="1f94c.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  skateboard: {
+    keywords: [ "board" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udef9" src="1f6f9.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  sled: {
+    keywords: [ "sleigh", "luge", "toboggan" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udef7" src="1f6f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  bow_and_arrow: {
+    keywords: [ "sports" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff9" src="1f3f9.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  fishing_pole_and_fish: {
+    keywords: [ "food", "hobby", "summer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa3" src="1f3a3.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  boxing_glove: {
+    keywords: [ "sports", "fighting" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd4a" src="1f94a.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  martial_arts_uniform: {
+    keywords: [ "judo", "karate", "taekwondo" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd4b" src="1f94b.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  rowing_woman: {
+    keywords: [ "sports", "hobby", "water", "ship", "woman", "female" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea3\u200d\u2640\ufe0f" src="1f6a3-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  rowing_man: {
+    keywords: [ "sports", "hobby", "water", "ship" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea3" src="1f6a3.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  climbing_woman: {
+    keywords: [ "sports", "hobby", "woman", "female", "rock" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd7\u200d\u2640\ufe0f" src="1f9d7-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  climbing_man: {
+    keywords: [ "sports", "hobby", "man", "male", "rock" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd7\u200d\u2642\ufe0f" src="1f9d7-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  swimming_woman: {
+    keywords: [ "sports", "exercise", "human", "athlete", "water", "summer", "woman", "female" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfca\u200d\u2640\ufe0f" src="1f3ca-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  swimming_man: {
+    keywords: [ "sports", "exercise", "human", "athlete", "water", "summer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfca" src="1f3ca.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  woman_playing_water_polo: {
+    keywords: [ "sports", "pool" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd3d\u200d\u2640\ufe0f" src="1f93d-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  man_playing_water_polo: {
+    keywords: [ "sports", "pool" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd3d\u200d\u2642\ufe0f" src="1f93d-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  woman_in_lotus_position: {
+    keywords: [ "woman", "female", "meditation", "yoga", "serenity", "zen", "mindfulness" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd8\u200d\u2640\ufe0f" src="1f9d8-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  man_in_lotus_position: {
+    keywords: [ "man", "male", "meditation", "yoga", "serenity", "zen", "mindfulness" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd8\u200d\u2642\ufe0f" src="1f9d8-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  surfing_woman: {
+    keywords: [ "sports", "ocean", "sea", "summer", "beach", "woman", "female" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc4\u200d\u2640\ufe0f" src="1f3c4-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  surfing_man: {
+    keywords: [ "sports", "ocean", "sea", "summer", "beach" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc4" src="1f3c4.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  bath: {
+    keywords: [ "clean", "shower", "bathroom" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udec0" src="1f6c0.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  basketball_woman: {
+    keywords: [ "sports", "human", "woman", "female" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f9\ufe0f\u200d\u2640\ufe0f" src="26f9-fe0f-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  basketball_man: {
+    keywords: [ "sports", "human" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f9" src="26f9.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  weight_lifting_woman: {
+    keywords: [ "sports", "training", "exercise", "woman", "female" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfcb\ufe0f\u200d\u2640\ufe0f" src="1f3cb-fe0f-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  weight_lifting_man: {
+    keywords: [ "sports", "training", "exercise" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfcb" src="1f3cb.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  biking_woman: {
+    keywords: [ "sports", "bike", "exercise", "hipster", "woman", "female" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb4\u200d\u2640\ufe0f" src="1f6b4-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  biking_man: {
+    keywords: [ "sports", "bike", "exercise", "hipster" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb4" src="1f6b4.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  mountain_biking_woman: {
+    keywords: [ "transportation", "sports", "human", "race", "bike", "woman", "female" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb5\u200d\u2640\ufe0f" src="1f6b5-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  mountain_biking_man: {
+    keywords: [ "transportation", "sports", "human", "race", "bike" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb5" src="1f6b5.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  horse_racing: {
+    keywords: [ "animal", "betting", "competition", "gambling", "luck" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc7" src="1f3c7.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  business_suit_levitating: {
+    keywords: [ "suit", "business", "levitate", "hover", "jump" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd74" src="1f574.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  trophy: {
+    keywords: [ "win", "award", "contest", "place", "ftw", "ceremony" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc6" src="1f3c6.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  running_shirt_with_sash: {
+    keywords: [ "play", "pageant" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfbd" src="1f3bd.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  medal_sports: {
+    keywords: [ "award", "winning" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc5" src="1f3c5.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  medal_military: {
+    keywords: [ "award", "winning", "army" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf96" src="1f396.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  "1st_place_medal": {
+    keywords: [ "award", "winning", "first" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd47" src="1f947.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  "2nd_place_medal": {
+    keywords: [ "award", "second" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd48" src="1f948.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  "3rd_place_medal": {
+    keywords: [ "award", "third" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd49" src="1f949.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  reminder_ribbon: {
+    keywords: [ "sports", "cause", "support", "awareness" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf97" src="1f397.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  rosette: {
+    keywords: [ "flower", "decoration", "military" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff5" src="1f3f5.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  ticket: {
+    keywords: [ "event", "concert", "pass" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfab" src="1f3ab.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  tickets: {
+    keywords: [ "sports", "concert", "entrance" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf9f" src="1f39f.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  performing_arts: {
+    keywords: [ "acting", "theater", "drama" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfad" src="1f3ad.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  art: {
+    keywords: [ "design", "paint", "draw", "colors" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa8" src="1f3a8.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  circus_tent: {
+    keywords: [ "festival", "carnival", "party" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfaa" src="1f3aa.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  woman_juggling: {
+    keywords: [ "juggle", "balance", "skill", "multitask" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd39\u200d\u2640\ufe0f" src="1f939-200d-2640-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  man_juggling: {
+    keywords: [ "juggle", "balance", "skill", "multitask" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd39\u200d\u2642\ufe0f" src="1f939-200d-2642-fe0f.png"/>',
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  microphone: {
+    keywords: [ "sound", "music", "PA", "sing", "talkshow" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa4" src="1f3a4.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  headphones: {
+    keywords: [ "music", "score", "gadgets" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa7" src="1f3a7.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  musical_score: {
+    keywords: [ "treble", "clef", "compose" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfbc" src="1f3bc.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  musical_keyboard: {
+    keywords: [ "piano", "instrument", "compose" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb9" src="1f3b9.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  drum: {
+    keywords: [ "music", "instrument", "drumsticks", "snare" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd41" src="1f941.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  saxophone: {
+    keywords: [ "music", "instrument", "jazz", "blues" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb7" src="1f3b7.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  trumpet: {
+    keywords: [ "music", "brass" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfba" src="1f3ba.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  guitar: {
+    keywords: [ "music", "instrument" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb8" src="1f3b8.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  violin: {
+    keywords: [ "music", "instrument", "orchestra", "symphony" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfbb" src="1f3bb.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  clapper: {
+    keywords: [ "movie", "film", "record" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfac" src="1f3ac.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  video_game: {
+    keywords: [ "play", "console", "PS4", "controller" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfae" src="1f3ae.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  space_invader: {
+    keywords: [ "game", "arcade", "play" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc7e" src="1f47e.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  dart: {
+    keywords: [ "game", "play", "bar", "target", "bullseye" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfaf" src="1f3af.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  game_die: {
+    keywords: [ "dice", "random", "tabletop", "play", "luck" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb2" src="1f3b2.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  chess_pawn: {
+    keywords: [ "expendable" ],
+    "char": "\u265f",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  slot_machine: {
+    keywords: [ "bet", "gamble", "vegas", "fruit machine", "luck", "casino" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb0" src="1f3b0.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  jigsaw: {
+    keywords: [ "interlocking", "puzzle", "piece" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde9" src="1f9e9.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  bowling: {
+    keywords: [ "sports", "fun", "play" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb3" src="1f3b3.png"/>',
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  red_car: {
+    keywords: [ "red", "transportation", "vehicle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude97" src="1f697.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  taxi: {
+    keywords: [ "uber", "vehicle", "cars", "transportation" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude95" src="1f695.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  blue_car: {
+    keywords: [ "transportation", "vehicle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude99" src="1f699.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  bus: {
+    keywords: [ "car", "vehicle", "transportation" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude8c" src="1f68c.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  trolleybus: {
+    keywords: [ "bart", "transportation", "vehicle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude8e" src="1f68e.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  racing_car: {
+    keywords: [ "sports", "race", "fast", "formula", "f1" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfce" src="1f3ce.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  police_car: {
+    keywords: [ "vehicle", "cars", "transportation", "law", "legal", "enforcement" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude93" src="1f693.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  ambulance: {
+    keywords: [ "health", "911", "hospital" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude91" src="1f691.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  fire_engine: {
+    keywords: [ "transportation", "cars", "vehicle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude92" src="1f692.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  minibus: {
+    keywords: [ "vehicle", "car", "transportation" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude90" src="1f690.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  truck: {
+    keywords: [ "cars", "transportation" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude9a" src="1f69a.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  articulated_lorry: {
+    keywords: [ "vehicle", "cars", "transportation", "express" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude9b" src="1f69b.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  tractor: {
+    keywords: [ "vehicle", "car", "farming", "agriculture" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude9c" src="1f69c.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  kick_scooter: {
+    keywords: [ "vehicle", "kick", "razor" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udef4" src="1f6f4.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  motorcycle: {
+    keywords: [ "race", "sports", "fast" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfcd" src="1f3cd.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  bike: {
+    keywords: [ "sports", "bicycle", "exercise", "hipster" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb2" src="1f6b2.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  motor_scooter: {
+    keywords: [ "vehicle", "vespa", "sasha" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udef5" src="1f6f5.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  rotating_light: {
+    keywords: [ "police", "ambulance", "911", "emergency", "alert", "error", "pinged", "law", "legal" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea8" src="1f6a8.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  oncoming_police_car: {
+    keywords: [ "vehicle", "law", "legal", "enforcement", "911" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude94" src="1f694.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  oncoming_bus: {
+    keywords: [ "vehicle", "transportation" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude8d" src="1f68d.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  oncoming_automobile: {
+    keywords: [ "car", "vehicle", "transportation" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude98" src="1f698.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  oncoming_taxi: {
+    keywords: [ "vehicle", "cars", "uber" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude96" src="1f696.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  aerial_tramway: {
+    keywords: [ "transportation", "vehicle", "ski" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea1" src="1f6a1.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  mountain_cableway: {
+    keywords: [ "transportation", "vehicle", "ski" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea0" src="1f6a0.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  suspension_railway: {
+    keywords: [ "vehicle", "transportation" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude9f" src="1f69f.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  railway_car: {
+    keywords: [ "transportation", "vehicle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude83" src="1f683.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  train: {
+    keywords: [ "transportation", "vehicle", "carriage", "public", "travel" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude8b" src="1f68b.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  monorail: {
+    keywords: [ "transportation", "vehicle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude9d" src="1f69d.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  bullettrain_side: {
+    keywords: [ "transportation", "vehicle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude84" src="1f684.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  bullettrain_front: {
+    keywords: [ "transportation", "vehicle", "speed", "fast", "public", "travel" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude85" src="1f685.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  light_rail: {
+    keywords: [ "transportation", "vehicle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude88" src="1f688.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  mountain_railway: {
+    keywords: [ "transportation", "vehicle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude9e" src="1f69e.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  steam_locomotive: {
+    keywords: [ "transportation", "vehicle", "train" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude82" src="1f682.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  train2: {
+    keywords: [ "transportation", "vehicle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude86" src="1f686.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  metro: {
+    keywords: [ "transportation", "blue-square", "mrt", "underground", "tube" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude87" src="1f687.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  tram: {
+    keywords: [ "transportation", "vehicle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude8a" src="1f68a.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  station: {
+    keywords: [ "transportation", "vehicle", "public" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude89" src="1f689.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  flying_saucer: {
+    keywords: [ "transportation", "vehicle", "ufo" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udef8" src="1f6f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  helicopter: {
+    keywords: [ "transportation", "vehicle", "fly" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude81" src="1f681.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  small_airplane: {
+    keywords: [ "flight", "transportation", "fly", "vehicle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udee9" src="1f6e9.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  airplane: {
+    keywords: [ "vehicle", "transportation", "flight", "fly" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2708\ufe0f" src="2708.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  flight_departure: {
+    keywords: [ "airport", "flight", "landing" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeeb" src="1f6eb.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  flight_arrival: {
+    keywords: [ "airport", "flight", "boarding" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeec" src="1f6ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  sailboat: {
+    keywords: [ "ship", "summer", "transportation", "water", "sailing" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f5" src="26f5.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  motor_boat: {
+    keywords: [ "ship" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udee5" src="1f6e5.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  speedboat: {
+    keywords: [ "ship", "transportation", "vehicle", "summer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea4" src="1f6a4.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  ferry: {
+    keywords: [ "boat", "ship", "yacht" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f4" src="26f4.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  passenger_ship: {
+    keywords: [ "yacht", "cruise", "ferry" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udef3" src="1f6f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  rocket: {
+    keywords: [ "launch", "ship", "staffmode", "NASA", "outer space", "outer_space", "fly" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude80" src="1f680.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  artificial_satellite: {
+    keywords: [ "communication", "gps", "orbit", "spaceflight", "NASA", "ISS" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udef0" src="1f6f0.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  seat: {
+    keywords: [ "sit", "airplane", "transport", "bus", "flight", "fly" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcba" src="1f4ba.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  canoe: {
+    keywords: [ "boat", "paddle", "water", "ship" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udef6" src="1f6f6.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  anchor: {
+    keywords: [ "ship", "ferry", "sea", "boat" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2693" src="2693.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  construction: {
+    keywords: [ "wip", "progress", "caution", "warning" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea7" src="1f6a7.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  fuelpump: {
+    keywords: [ "gas station", "petroleum" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26fd" src="26fd.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  busstop: {
+    keywords: [ "transportation", "wait" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude8f" src="1f68f.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  vertical_traffic_light: {
+    keywords: [ "transportation", "driving" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea6" src="1f6a6.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  traffic_light: {
+    keywords: [ "transportation", "signal" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea5" src="1f6a5.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  checkered_flag: {
+    keywords: [ "contest", "finishline", "race", "gokart" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc1" src="1f3c1.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  ship: {
+    keywords: [ "transportation", "titanic", "deploy" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea2" src="1f6a2.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  ferris_wheel: {
+    keywords: [ "photo", "carnival", "londoneye" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa1" src="1f3a1.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  roller_coaster: {
+    keywords: [ "carnival", "playground", "photo", "fun" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa2" src="1f3a2.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  carousel_horse: {
+    keywords: [ "photo", "carnival" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa0" src="1f3a0.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  building_construction: {
+    keywords: [ "wip", "working", "progress" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd7" src="1f3d7.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  foggy: {
+    keywords: [ "photo", "mountain" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf01" src="1f301.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  tokyo_tower: {
+    keywords: [ "photo", "japanese" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddfc" src="1f5fc.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  factory: {
+    keywords: [ "building", "industry", "pollution", "smoke" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfed" src="1f3ed.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  fountain: {
+    keywords: [ "photo", "summer", "water", "fresh" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f2" src="26f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  rice_scene: {
+    keywords: [ "photo", "japan", "asia", "tsukimi" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf91" src="1f391.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  mountain: {
+    keywords: [ "photo", "nature", "environment" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f0" src="26f0.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  mountain_snow: {
+    keywords: [ "photo", "nature", "environment", "winter", "cold" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd4" src="1f3d4.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  mount_fuji: {
+    keywords: [ "photo", "mountain", "nature", "japanese" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddfb" src="1f5fb.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  volcano: {
+    keywords: [ "photo", "nature", "disaster" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf0b" src="1f30b.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  japan: {
+    keywords: [ "nation", "country", "japanese", "asia" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddfe" src="1f5fe.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  camping: {
+    keywords: [ "photo", "outdoors", "tent" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd5" src="1f3d5.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  tent: {
+    keywords: [ "photo", "camping", "outdoors" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26fa" src="26fa.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  national_park: {
+    keywords: [ "photo", "environment", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfde" src="1f3de.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  motorway: {
+    keywords: [ "road", "cupertino", "interstate", "highway" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udee3" src="1f6e3.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  railway_track: {
+    keywords: [ "train", "transportation" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udee4" src="1f6e4.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  sunrise: {
+    keywords: [ "morning", "view", "vacation", "photo" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf05" src="1f305.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  sunrise_over_mountains: {
+    keywords: [ "view", "vacation", "photo" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf04" src="1f304.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  desert: {
+    keywords: [ "photo", "warm", "saharah" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfdc" src="1f3dc.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  beach_umbrella: {
+    keywords: [ "weather", "summer", "sunny", "sand", "mojito" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd6" src="1f3d6.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  desert_island: {
+    keywords: [ "photo", "tropical", "mojito" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfdd" src="1f3dd.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  city_sunrise: {
+    keywords: [ "photo", "good morning", "dawn" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf07" src="1f307.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  city_sunset: {
+    keywords: [ "photo", "evening", "sky", "buildings" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf06" src="1f306.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  cityscape: {
+    keywords: [ "photo", "night life", "urban" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd9" src="1f3d9.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  night_with_stars: {
+    keywords: [ "evening", "city", "downtown" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf03" src="1f303.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  bridge_at_night: {
+    keywords: [ "photo", "sanfrancisco" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf09" src="1f309.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  milky_way: {
+    keywords: [ "photo", "space", "stars" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf0c" src="1f30c.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  stars: {
+    keywords: [ "night", "photo" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf20" src="1f320.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  sparkler: {
+    keywords: [ "stars", "night", "shine" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf87" src="1f387.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  fireworks: {
+    keywords: [ "photo", "festival", "carnival", "congratulations" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf86" src="1f386.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  rainbow: {
+    keywords: [ "nature", "happy", "unicorn_face", "photo", "sky", "spring" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf08" src="1f308.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  houses: {
+    keywords: [ "buildings", "photo" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd8" src="1f3d8.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  european_castle: {
+    keywords: [ "building", "royalty", "history" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff0" src="1f3f0.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  japanese_castle: {
+    keywords: [ "photo", "building" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfef" src="1f3ef.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  stadium: {
+    keywords: [ "photo", "place", "sports", "concert", "venue" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfdf" src="1f3df.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  statue_of_liberty: {
+    keywords: [ "american", "newyork" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddfd" src="1f5fd.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  house: {
+    keywords: [ "building", "home" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe0" src="1f3e0.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  house_with_garden: {
+    keywords: [ "home", "plant", "nature" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe1" src="1f3e1.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  derelict_house: {
+    keywords: [ "abandon", "evict", "broken", "building" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfda" src="1f3da.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  office: {
+    keywords: [ "building", "bureau", "work" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe2" src="1f3e2.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  department_store: {
+    keywords: [ "building", "shopping", "mall" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfec" src="1f3ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  post_office: {
+    keywords: [ "building", "envelope", "communication" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe3" src="1f3e3.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  european_post_office: {
+    keywords: [ "building", "email" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe4" src="1f3e4.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  hospital: {
+    keywords: [ "building", "health", "surgery", "doctor" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe5" src="1f3e5.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  bank: {
+    keywords: [ "building", "money", "sales", "cash", "business", "enterprise" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe6" src="1f3e6.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  hotel: {
+    keywords: [ "building", "accomodation", "checkin" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe8" src="1f3e8.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  convenience_store: {
+    keywords: [ "building", "shopping", "groceries" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfea" src="1f3ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  school: {
+    keywords: [ "building", "student", "education", "learn", "teach" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfeb" src="1f3eb.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  love_hotel: {
+    keywords: [ "like", "affection", "dating" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe9" src="1f3e9.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  wedding: {
+    keywords: [ "love", "like", "affection", "couple", "marriage", "bride", "groom" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc92" src="1f492.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  classical_building: {
+    keywords: [ "art", "culture", "history" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfdb" src="1f3db.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  church: {
+    keywords: [ "building", "religion", "christ" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26ea" src="26ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  mosque: {
+    keywords: [ "islam", "worship", "minaret" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd4c" src="1f54c.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  synagogue: {
+    keywords: [ "judaism", "worship", "temple", "jewish" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd4d" src="1f54d.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  kaaba: {
+    keywords: [ "mecca", "mosque", "islam" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd4b" src="1f54b.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  shinto_shrine: {
+    keywords: [ "temple", "japan", "kyoto" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26e9" src="26e9.png"/>',
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  watch: {
+    keywords: [ "time", "accessories" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u231a" src="231a.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  iphone: {
+    keywords: [ "technology", "apple", "gadgets", "dial" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf1" src="1f4f1.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  calling: {
+    keywords: [ "iphone", "incoming" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf2" src="1f4f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  computer: {
+    keywords: [ "technology", "laptop", "screen", "display", "monitor" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcbb" src="1f4bb.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  keyboard: {
+    keywords: [ "technology", "computer", "type", "input", "text" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2328" src="2328.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  desktop_computer: {
+    keywords: [ "technology", "computing", "screen" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udda5" src="1f5a5.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  printer: {
+    keywords: [ "paper", "ink" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udda8" src="1f5a8.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  computer_mouse: {
+    keywords: [ "click" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddb1" src="1f5b1.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  trackball: {
+    keywords: [ "technology", "trackpad" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddb2" src="1f5b2.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  joystick: {
+    keywords: [ "game", "play" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd79" src="1f579.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  clamp: {
+    keywords: [ "tool" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udddc" src="1f5dc.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  minidisc: {
+    keywords: [ "technology", "record", "data", "disk", "90s" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcbd" src="1f4bd.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  floppy_disk: {
+    keywords: [ "oldschool", "technology", "save", "90s", "80s" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcbe" src="1f4be.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  cd: {
+    keywords: [ "technology", "dvd", "disk", "disc", "90s" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcbf" src="1f4bf.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  dvd: {
+    keywords: [ "cd", "disk", "disc" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc0" src="1f4c0.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  vhs: {
+    keywords: [ "record", "video", "oldschool", "90s", "80s" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcfc" src="1f4fc.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  camera: {
+    keywords: [ "gadgets", "photography" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf7" src="1f4f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  camera_flash: {
+    keywords: [ "photography", "gadgets" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf8" src="1f4f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  video_camera: {
+    keywords: [ "film", "record" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf9" src="1f4f9.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  movie_camera: {
+    keywords: [ "film", "record" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa5" src="1f3a5.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  film_projector: {
+    keywords: [ "video", "tape", "record", "movie" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcfd" src="1f4fd.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  film_strip: {
+    keywords: [ "movie" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf9e" src="1f39e.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  telephone_receiver: {
+    keywords: [ "technology", "communication", "dial" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcde" src="1f4de.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  phone: {
+    keywords: [ "technology", "communication", "dial", "telephone" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u260e\ufe0f" src="260e.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  pager: {
+    keywords: [ "bbcall", "oldschool", "90s" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcdf" src="1f4df.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  fax: {
+    keywords: [ "communication", "technology" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce0" src="1f4e0.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  tv: {
+    keywords: [ "technology", "program", "oldschool", "show", "television" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcfa" src="1f4fa.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  radio: {
+    keywords: [ "communication", "music", "podcast", "program" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcfb" src="1f4fb.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  studio_microphone: {
+    keywords: [ "sing", "recording", "artist", "talkshow" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf99" src="1f399.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  level_slider: {
+    keywords: [ "scale" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf9a" src="1f39a.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  control_knobs: {
+    keywords: [ "dial" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf9b" src="1f39b.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  compass: {
+    keywords: [ "magnetic", "navigation", "orienteering" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udded" src="1f9ed.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  stopwatch: {
+    keywords: [ "time", "deadline" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f1" src="23f1.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  timer_clock: {
+    keywords: [ "alarm" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f2" src="23f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  alarm_clock: {
+    keywords: [ "time", "wake" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f0" src="23f0.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  mantelpiece_clock: {
+    keywords: [ "time" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd70" src="1f570.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  hourglass_flowing_sand: {
+    keywords: [ "oldschool", "time", "countdown" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f3" src="23f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  hourglass: {
+    keywords: [ "time", "clock", "oldschool", "limit", "exam", "quiz", "test" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u231b" src="231b.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  satellite: {
+    keywords: [ "communication", "future", "radio", "space" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce1" src="1f4e1.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  battery: {
+    keywords: [ "power", "energy", "sustain" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd0b" src="1f50b.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  electric_plug: {
+    keywords: [ "charger", "power" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd0c" src="1f50c.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  bulb: {
+    keywords: [ "light", "electricity", "idea" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca1" src="1f4a1.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  flashlight: {
+    keywords: [ "dark", "camping", "sight", "night" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd26" src="1f526.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  candle: {
+    keywords: [ "fire", "wax" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd6f" src="1f56f.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  fire_extinguisher: {
+    keywords: [ "quench" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddef" src="1f9ef.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  wastebasket: {
+    keywords: [ "bin", "trash", "rubbish", "garbage", "toss" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddd1" src="1f5d1.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  oil_drum: {
+    keywords: [ "barrell" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udee2" src="1f6e2.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  money_with_wings: {
+    keywords: [ "dollar", "bills", "payment", "sale" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb8" src="1f4b8.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  dollar: {
+    keywords: [ "money", "sales", "bill", "currency" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb5" src="1f4b5.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  yen: {
+    keywords: [ "money", "sales", "japanese", "dollar", "currency" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb4" src="1f4b4.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  euro: {
+    keywords: [ "money", "sales", "dollar", "currency" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb6" src="1f4b6.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  pound: {
+    keywords: [ "british", "sterling", "money", "sales", "bills", "uk", "england", "currency" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb7" src="1f4b7.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  moneybag: {
+    keywords: [ "dollar", "payment", "coins", "sale" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb0" src="1f4b0.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  credit_card: {
+    keywords: [ "money", "sales", "dollar", "bill", "payment", "shopping" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb3" src="1f4b3.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  gem: {
+    keywords: [ "blue", "ruby", "diamond", "jewelry" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc8e" src="1f48e.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  balance_scale: {
+    keywords: [ "law", "fairness", "weight" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2696" src="2696.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  toolbox: {
+    keywords: [ "tools", "diy", "fix", "maintainer", "mechanic" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf0" src="1f9f0.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  wrench: {
+    keywords: [ "tools", "diy", "ikea", "fix", "maintainer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd27" src="1f527.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  hammer: {
+    keywords: [ "tools", "build", "create" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd28" src="1f528.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  hammer_and_pick: {
+    keywords: [ "tools", "build", "create" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2692" src="2692.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  hammer_and_wrench: {
+    keywords: [ "tools", "build", "create" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udee0" src="1f6e0.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  pick: {
+    keywords: [ "tools", "dig" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26cf" src="26cf.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  nut_and_bolt: {
+    keywords: [ "handy", "tools", "fix" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd29" src="1f529.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  gear: {
+    keywords: [ "cog" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2699" src="2699.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  brick: {
+    keywords: [ "bricks" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf1" src="1f9f1.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  chains: {
+    keywords: [ "lock", "arrest" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26d3" src="26d3.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  magnet: {
+    keywords: [ "attraction", "magnetic" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf2" src="1f9f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  gun: {
+    keywords: [ "violence", "weapon", "pistol", "revolver" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd2b" src="1f52b.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  bomb: {
+    keywords: [ "boom", "explode", "explosion", "terrorism" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca3" src="1f4a3.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  firecracker: {
+    keywords: [ "dynamite", "boom", "explode", "explosion", "explosive" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde8" src="1f9e8.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  hocho: {
+    keywords: [ "knife", "blade", "cutlery", "kitchen", "weapon" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd2a" src="1f52a.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  dagger: {
+    keywords: [ "weapon" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udde1" src="1f5e1.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  crossed_swords: {
+    keywords: [ "weapon" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2694" src="2694.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  shield: {
+    keywords: [ "protection", "security" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udee1" src="1f6e1.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  smoking: {
+    keywords: [ "kills", "tobacco", "cigarette", "joint", "smoke" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeac" src="1f6ac.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  skull_and_crossbones: {
+    keywords: [ "poison", "danger", "deadly", "scary", "death", "pirate", "evil" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2620" src="2620.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  coffin: {
+    keywords: [ "vampire", "dead", "die", "death", "rip", "graveyard", "cemetery", "casket", "funeral", "box" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26b0" src="26b0.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  funeral_urn: {
+    keywords: [ "dead", "die", "death", "rip", "ashes" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26b1" src="26b1.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  amphora: {
+    keywords: [ "vase", "jar" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udffa" src="1f3fa.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  crystal_ball: {
+    keywords: [ "disco", "party", "magic", "circus", "fortune_teller" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd2e" src="1f52e.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  prayer_beads: {
+    keywords: [ "dhikr", "religious" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcff" src="1f4ff.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  nazar_amulet: {
+    keywords: [ "bead", "charm" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddff" src="1f9ff.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  barber: {
+    keywords: [ "hair", "salon", "style" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc88" src="1f488.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  alembic: {
+    keywords: [ "distilling", "science", "experiment", "chemistry" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2697" src="2697.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  telescope: {
+    keywords: [ "stars", "space", "zoom", "science", "astronomy" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd2d" src="1f52d.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  microscope: {
+    keywords: [ "laboratory", "experiment", "zoomin", "science", "study" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd2c" src="1f52c.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  hole: {
+    keywords: [ "embarrassing" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd73" src="1f573.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  pill: {
+    keywords: [ "health", "medicine", "doctor", "pharmacy", "drug" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc8a" src="1f48a.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  syringe: {
+    keywords: [ "health", "hospital", "drugs", "blood", "medicine", "needle", "doctor", "nurse" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc89" src="1f489.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  dna: {
+    keywords: [ "biologist", "genetics", "life" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddec" src="1f9ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  microbe: {
+    keywords: [ "amoeba", "bacteria", "germs" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udda0" src="1f9a0.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  petri_dish: {
+    keywords: [ "bacteria", "biology", "culture", "lab" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddeb" src="1f9eb.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  test_tube: {
+    keywords: [ "chemistry", "experiment", "lab", "science" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddea" src="1f9ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  thermometer: {
+    keywords: [ "weather", "temperature", "hot", "cold" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf21" src="1f321.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  broom: {
+    keywords: [ "cleaning", "sweeping", "witch" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf9" src="1f9f9.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  basket: {
+    keywords: [ "laundry" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddfa" src="1f9fa.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  toilet_paper: {
+    keywords: [ "roll" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddfb" src="1f9fb.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  label: {
+    keywords: [ "sale", "tag" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff7" src="1f3f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  bookmark: {
+    keywords: [ "favorite", "label", "save" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd16" src="1f516.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  toilet: {
+    keywords: [ "restroom", "wc", "washroom", "bathroom", "potty" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udebd" src="1f6bd.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  shower: {
+    keywords: [ "clean", "water", "bathroom" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udebf" src="1f6bf.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  bathtub: {
+    keywords: [ "clean", "shower", "bathroom" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udec1" src="1f6c1.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  soap: {
+    keywords: [ "bar", "bathing", "cleaning", "lather" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddfc" src="1f9fc.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  sponge: {
+    keywords: [ "absorbing", "cleaning", "porous" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddfd" src="1f9fd.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  lotion_bottle: {
+    keywords: [ "moisturizer", "sunscreen" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf4" src="1f9f4.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  key: {
+    keywords: [ "lock", "door", "password" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd11" src="1f511.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  old_key: {
+    keywords: [ "lock", "door", "password" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udddd" src="1f5dd.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  couch_and_lamp: {
+    keywords: [ "read", "chill" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udecb" src="1f6cb.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  sleeping_bed: {
+    keywords: [ "bed", "rest" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udecc" src="1f6cc.png"/>',
+    fitzpatrick_scale: true,
+    category: "objects"
+  },
+  bed: {
+    keywords: [ "sleep", "rest" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udecf" src="1f6cf.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  door: {
+    keywords: [ "house", "entry", "exit" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeaa" src="1f6aa.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  bellhop_bell: {
+    keywords: [ "service" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udece" src="1f6ce.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  teddy_bear: {
+    keywords: [ "plush", "stuffed" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf8" src="1f9f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  framed_picture: {
+    keywords: [ "photography" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddbc" src="1f5bc.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  world_map: {
+    keywords: [ "location", "direction" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddfa" src="1f5fa.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  parasol_on_ground: {
+    keywords: [ "weather", "summer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f1" src="26f1.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  moyai: {
+    keywords: [ "rock", "easter island", "moai" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddff" src="1f5ff.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  shopping: {
+    keywords: [ "mall", "buy", "purchase" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udecd" src="1f6cd.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  shopping_cart: {
+    keywords: [ "trolley" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uded2" src="1f6d2.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  balloon: {
+    keywords: [ "party", "celebration", "birthday", "circus" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf88" src="1f388.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  flags: {
+    keywords: [ "fish", "japanese", "koinobori", "carp", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf8f" src="1f38f.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  ribbon: {
+    keywords: [ "decoration", "pink", "girl", "bowtie" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf80" src="1f380.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  gift: {
+    keywords: [ "present", "birthday", "christmas", "xmas" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf81" src="1f381.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  confetti_ball: {
+    keywords: [ "festival", "party", "birthday", "circus" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf8a" src="1f38a.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  tada: {
+    keywords: [ "party", "congratulations", "birthday", "magic", "circus", "celebration" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf89" src="1f389.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  dolls: {
+    keywords: [ "japanese", "toy", "kimono" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf8e" src="1f38e.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  wind_chime: {
+    keywords: [ "nature", "ding", "spring", "bell" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf90" src="1f390.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  crossed_flags: {
+    keywords: [ "japanese", "nation", "country", "border" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf8c" src="1f38c.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  izakaya_lantern: {
+    keywords: [ "light", "paper", "halloween", "spooky" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfee" src="1f3ee.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  red_envelope: {
+    keywords: [ "gift" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde7" src="1f9e7.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  email: {
+    keywords: [ "letter", "postal", "inbox", "communication" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2709\ufe0f" src="2709.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  envelope_with_arrow: {
+    keywords: [ "email", "communication" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce9" src="1f4e9.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  incoming_envelope: {
+    keywords: [ "email", "inbox" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce8" src="1f4e8.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  "e-mail": {
+    keywords: [ "communication", "inbox" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce7" src="1f4e7.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  love_letter: {
+    keywords: [ "email", "like", "affection", "envelope", "valentines" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc8c" src="1f48c.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  postbox: {
+    keywords: [ "email", "letter", "envelope" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcee" src="1f4ee.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  mailbox_closed: {
+    keywords: [ "email", "communication", "inbox" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcea" src="1f4ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  mailbox: {
+    keywords: [ "email", "inbox", "communication" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udceb" src="1f4eb.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  mailbox_with_mail: {
+    keywords: [ "email", "inbox", "communication" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcec" src="1f4ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  mailbox_with_no_mail: {
+    keywords: [ "email", "inbox" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udced" src="1f4ed.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  "package": {
+    keywords: [ "mail", "gift", "cardboard", "box", "moving" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce6" src="1f4e6.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  postal_horn: {
+    keywords: [ "instrument", "music" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcef" src="1f4ef.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  inbox_tray: {
+    keywords: [ "email", "documents" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce5" src="1f4e5.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  outbox_tray: {
+    keywords: [ "inbox", "email" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce4" src="1f4e4.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  scroll: {
+    keywords: [ "documents", "ancient", "history", "paper" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcdc" src="1f4dc.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  page_with_curl: {
+    keywords: [ "documents", "office", "paper" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc3" src="1f4c3.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  bookmark_tabs: {
+    keywords: [ "favorite", "save", "order", "tidy" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd1" src="1f4d1.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  receipt: {
+    keywords: [ "accounting", "expenses" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddfe" src="1f9fe.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  bar_chart: {
+    keywords: [ "graph", "presentation", "stats" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcca" src="1f4ca.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  chart_with_upwards_trend: {
+    keywords: [ "graph", "presentation", "stats", "recovery", "business", "economics", "money", "sales", "good", "success" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc8" src="1f4c8.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  chart_with_downwards_trend: {
+    keywords: [ "graph", "presentation", "stats", "recession", "business", "economics", "money", "sales", "bad", "failure" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc9" src="1f4c9.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  page_facing_up: {
+    keywords: [ "documents", "office", "paper", "information" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc4" src="1f4c4.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  date: {
+    keywords: [ "calendar", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc5" src="1f4c5.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  calendar: {
+    keywords: [ "schedule", "date", "planning" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc6" src="1f4c6.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  spiral_calendar: {
+    keywords: [ "date", "schedule", "planning" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddd3" src="1f5d3.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  card_index: {
+    keywords: [ "business", "stationery" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc7" src="1f4c7.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  card_file_box: {
+    keywords: [ "business", "stationery" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddc3" src="1f5c3.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  ballot_box: {
+    keywords: [ "election", "vote" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddf3" src="1f5f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  file_cabinet: {
+    keywords: [ "filing", "organizing" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddc4" src="1f5c4.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  clipboard: {
+    keywords: [ "stationery", "documents" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udccb" src="1f4cb.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  spiral_notepad: {
+    keywords: [ "memo", "stationery" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddd2" src="1f5d2.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  file_folder: {
+    keywords: [ "documents", "business", "office" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc1" src="1f4c1.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  open_file_folder: {
+    keywords: [ "documents", "load" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc2" src="1f4c2.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  card_index_dividers: {
+    keywords: [ "organizing", "business", "stationery" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddc2" src="1f5c2.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  newspaper_roll: {
+    keywords: [ "press", "headline" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddde" src="1f5de.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  newspaper: {
+    keywords: [ "press", "headline" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf0" src="1f4f0.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  notebook: {
+    keywords: [ "stationery", "record", "notes", "paper", "study" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd3" src="1f4d3.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  closed_book: {
+    keywords: [ "read", "library", "knowledge", "textbook", "learn" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd5" src="1f4d5.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  green_book: {
+    keywords: [ "read", "library", "knowledge", "study" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd7" src="1f4d7.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  blue_book: {
+    keywords: [ "read", "library", "knowledge", "learn", "study" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd8" src="1f4d8.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  orange_book: {
+    keywords: [ "read", "library", "knowledge", "textbook", "study" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd9" src="1f4d9.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  notebook_with_decorative_cover: {
+    keywords: [ "classroom", "notes", "record", "paper", "study" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd4" src="1f4d4.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  ledger: {
+    keywords: [ "notes", "paper" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd2" src="1f4d2.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  books: {
+    keywords: [ "literature", "library", "study" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcda" src="1f4da.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  open_book: {
+    keywords: [ "book", "read", "library", "knowledge", "literature", "learn", "study" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd6" src="1f4d6.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  safety_pin: {
+    keywords: [ "diaper" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf7" src="1f9f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  link: {
+    keywords: [ "rings", "url" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd17" src="1f517.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  paperclip: {
+    keywords: [ "documents", "stationery" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcce" src="1f4ce.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  paperclips: {
+    keywords: [ "documents", "stationery" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd87" src="1f587.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  scissors: {
+    keywords: [ "stationery", "cut" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2702\ufe0f" src="2702.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  triangular_ruler: {
+    keywords: [ "stationery", "math", "architect", "sketch" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd0" src="1f4d0.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  straight_ruler: {
+    keywords: [ "stationery", "calculate", "length", "math", "school", "drawing", "architect", "sketch" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udccf" src="1f4cf.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  abacus: {
+    keywords: [ "calculation" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddee" src="1f9ee.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  pushpin: {
+    keywords: [ "stationery", "mark", "here" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udccc" src="1f4cc.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  round_pushpin: {
+    keywords: [ "stationery", "location", "map", "here" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udccd" src="1f4cd.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  triangular_flag_on_post: {
+    keywords: [ "mark", "milestone", "place" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea9" src="1f6a9.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  white_flag: {
+    keywords: [ "losing", "loser", "lost", "surrender", "give up", "fail" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff3" src="1f3f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  black_flag: {
+    keywords: [ "pirate" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff4" src="1f3f4.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  rainbow_flag: {
+    keywords: [ "flag", "rainbow", "pride", "gay", "lgbt", "glbt", "queer", "homosexual", "lesbian", "bisexual", "transgender" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff3\ufe0f\u200d\ud83c\udf08" src="1f3f3-fe0f-200d-1f308.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  closed_lock_with_key: {
+    keywords: [ "security", "privacy" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd10" src="1f510.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  lock: {
+    keywords: [ "security", "password", "padlock" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd12" src="1f512.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  unlock: {
+    keywords: [ "privacy", "security" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd13" src="1f513.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  lock_with_ink_pen: {
+    keywords: [ "security", "secret" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd0f" src="1f50f.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  pen: {
+    keywords: [ "stationery", "writing", "write" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd8a" src="1f58a.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  fountain_pen: {
+    keywords: [ "stationery", "writing", "write" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd8b" src="1f58b.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  black_nib: {
+    keywords: [ "pen", "stationery", "writing", "write" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2712\ufe0f" src="2712.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  memo: {
+    keywords: [ "write", "documents", "stationery", "pencil", "paper", "writing", "legal", "exam", "quiz", "test", "study", "compose" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcdd" src="1f4dd.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  pencil2: {
+    keywords: [ "stationery", "write", "paper", "writing", "school", "study" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270f\ufe0f" src="270f.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  crayon: {
+    keywords: [ "drawing", "creativity" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd8d" src="1f58d.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  paintbrush: {
+    keywords: [ "drawing", "creativity", "art" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd8c" src="1f58c.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  mag: {
+    keywords: [ "search", "zoom", "find", "detective" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd0d" src="1f50d.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  mag_right: {
+    keywords: [ "search", "zoom", "find", "detective" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd0e" src="1f50e.png"/>',
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  heart: {
+    keywords: [ "love", "like", "valentines" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2764\ufe0f" src="2764.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  orange_heart: {
+    keywords: [ "love", "like", "affection", "valentines" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde1" src="1f9e1.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  yellow_heart: {
+    keywords: [ "love", "like", "affection", "valentines" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc9b" src="1f49b.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  green_heart: {
+    keywords: [ "love", "like", "affection", "valentines" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc9a" src="1f49a.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  blue_heart: {
+    keywords: [ "love", "like", "affection", "valentines" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc99" src="1f499.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  purple_heart: {
+    keywords: [ "love", "like", "affection", "valentines" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc9c" src="1f49c.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  black_heart: {
+    keywords: [ "evil" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udda4" src="1f5a4.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  broken_heart: {
+    keywords: [ "sad", "sorry", "break", "heart", "heartbreak" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc94" src="1f494.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heavy_heart_exclamation: {
+    keywords: [ "decoration", "love" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2763" src="2763.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  two_hearts: {
+    keywords: [ "love", "like", "affection", "valentines", "heart" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc95" src="1f495.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  revolving_hearts: {
+    keywords: [ "love", "like", "affection", "valentines" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc9e" src="1f49e.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heartbeat: {
+    keywords: [ "love", "like", "affection", "valentines", "pink", "heart" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc93" src="1f493.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heartpulse: {
+    keywords: [ "like", "love", "affection", "valentines", "pink" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc97" src="1f497.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  sparkling_heart: {
+    keywords: [ "love", "like", "affection", "valentines" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc96" src="1f496.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  cupid: {
+    keywords: [ "love", "like", "heart", "affection", "valentines" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc98" src="1f498.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  gift_heart: {
+    keywords: [ "love", "valentines" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc9d" src="1f49d.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heart_decoration: {
+    keywords: [ "purple-square", "love", "like" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc9f" src="1f49f.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  peace_symbol: {
+    keywords: [ "hippie" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u262e" src="262e.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  latin_cross: {
+    keywords: [ "christianity" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u271d" src="271d.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  star_and_crescent: {
+    keywords: [ "islam" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u262a" src="262a.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  om: {
+    keywords: [ "hinduism", "buddhism", "sikhism", "jainism" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd49" src="1f549.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  wheel_of_dharma: {
+    keywords: [ "hinduism", "buddhism", "sikhism", "jainism" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2638" src="2638.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  star_of_david: {
+    keywords: [ "judaism" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2721" src="2721.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  six_pointed_star: {
+    keywords: [ "purple-square", "religion", "jewish", "hexagram" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd2f" src="1f52f.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  menorah: {
+    keywords: [ "hanukkah", "candles", "jewish" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd4e" src="1f54e.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  yin_yang: {
+    keywords: [ "balance" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u262f" src="262f.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  orthodox_cross: {
+    keywords: [ "suppedaneum", "religion" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2626" src="2626.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  place_of_worship: {
+    keywords: [ "religion", "church", "temple", "prayer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uded0" src="1f6d0.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  ophiuchus: {
+    keywords: [ "sign", "purple-square", "constellation", "astrology" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26ce" src="26ce.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  aries: {
+    keywords: [ "sign", "purple-square", "zodiac", "astrology" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2648" src="2648.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  taurus: {
+    keywords: [ "purple-square", "sign", "zodiac", "astrology" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2649" src="2649.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  gemini: {
+    keywords: [ "sign", "zodiac", "purple-square", "astrology" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264a" src="264a.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  cancer: {
+    keywords: [ "sign", "zodiac", "purple-square", "astrology" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264b" src="264b.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  leo: {
+    keywords: [ "sign", "purple-square", "zodiac", "astrology" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264c" src="264c.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  virgo: {
+    keywords: [ "sign", "zodiac", "purple-square", "astrology" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264d" src="264d.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  libra: {
+    keywords: [ "sign", "purple-square", "zodiac", "astrology" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264e" src="264e.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  scorpius: {
+    keywords: [ "sign", "zodiac", "purple-square", "astrology", "scorpio" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264f" src="264f.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  sagittarius: {
+    keywords: [ "sign", "zodiac", "purple-square", "astrology" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2650" src="2650.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  capricorn: {
+    keywords: [ "sign", "zodiac", "purple-square", "astrology" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2651" src="2651.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  aquarius: {
+    keywords: [ "sign", "purple-square", "zodiac", "astrology" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2652" src="2652.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  pisces: {
+    keywords: [ "purple-square", "sign", "zodiac", "astrology" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2653" src="2653.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  id: {
+    keywords: [ "purple-square", "words" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd94" src="1f194.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  atom_symbol: {
+    keywords: [ "science", "physics", "chemistry" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u269b" src="269b.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u7a7a: {
+    keywords: [ "kanji", "japanese", "chinese", "empty", "sky", "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude33" src="1f233.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u5272: {
+    keywords: [ "cut", "divide", "chinese", "kanji", "pink-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude39" src="1f239.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  radioactive: {
+    keywords: [ "nuclear", "danger" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2622" src="2622.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  biohazard: {
+    keywords: [ "danger" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2623" src="2623.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  mobile_phone_off: {
+    keywords: [ "mute", "orange-square", "silence", "quiet" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf4" src="1f4f4.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  vibration_mode: {
+    keywords: [ "orange-square", "phone" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf3" src="1f4f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u6709: {
+    keywords: [ "orange-square", "chinese", "have", "kanji" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude36" src="1f236.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u7121: {
+    keywords: [ "nothing", "chinese", "kanji", "japanese", "orange-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude1a" src="1f21a.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u7533: {
+    keywords: [ "chinese", "japanese", "kanji", "orange-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude38" src="1f238.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u55b6: {
+    keywords: [ "japanese", "opening hours", "orange-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude3a" src="1f23a.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u6708: {
+    keywords: [ "chinese", "month", "moon", "japanese", "orange-square", "kanji" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude37\ufe0f" src="1f237.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  eight_pointed_black_star: {
+    keywords: [ "orange-square", "shape", "polygon" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2734\ufe0f" src="2734.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  vs: {
+    keywords: [ "words", "orange-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd9a" src="1f19a.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  accept: {
+    keywords: [ "ok", "good", "chinese", "kanji", "agree", "yes", "orange-circle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude51" src="1f251.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  white_flower: {
+    keywords: [ "japanese", "spring" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcae" src="1f4ae.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  ideograph_advantage: {
+    keywords: [ "chinese", "kanji", "obtain", "get", "circle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude50" src="1f250.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  secret: {
+    keywords: [ "privacy", "chinese", "sshh", "kanji", "red-circle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u3299\ufe0f" src="3299.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  congratulations: {
+    keywords: [ "chinese", "kanji", "japanese", "red-circle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u3297\ufe0f" src="3297.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u5408: {
+    keywords: [ "japanese", "chinese", "join", "kanji", "red-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude34" src="1f234.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u6e80: {
+    keywords: [ "full", "chinese", "japanese", "red-square", "kanji" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude35" src="1f235.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u7981: {
+    keywords: [ "kanji", "japanese", "chinese", "forbidden", "limit", "restricted", "red-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude32" src="1f232.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  a: {
+    keywords: [ "red-square", "alphabet", "letter" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd70\ufe0f" src="1f170.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  b: {
+    keywords: [ "red-square", "alphabet", "letter" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd71\ufe0f" src="1f171.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  ab: {
+    keywords: [ "red-square", "alphabet" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd8e" src="1f18e.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  cl: {
+    keywords: [ "alphabet", "words", "red-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd91" src="1f191.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  o2: {
+    keywords: [ "alphabet", "red-square", "letter" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd7e\ufe0f" src="1f17e.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  sos: {
+    keywords: [ "help", "red-square", "words", "emergency", "911" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd98" src="1f198.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  no_entry: {
+    keywords: [ "limit", "security", "privacy", "bad", "denied", "stop", "circle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26d4" src="26d4.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  name_badge: {
+    keywords: [ "fire", "forbid" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcdb" src="1f4db.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  no_entry_sign: {
+    keywords: [ "forbid", "stop", "limit", "denied", "disallow", "circle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeab" src="1f6ab.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  x: {
+    keywords: [ "no", "delete", "remove", "cancel", "red" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u274c" src="274c.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  o: {
+    keywords: [ "circle", "round" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b55" src="2b55.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  stop_sign: {
+    keywords: [ "stop" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uded1" src="1f6d1.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  anger: {
+    keywords: [ "angry", "mad" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca2" src="1f4a2.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  hotsprings: {
+    keywords: [ "bath", "warm", "relax" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2668\ufe0f" src="2668.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  no_pedestrians: {
+    keywords: [ "rules", "crossing", "walking", "circle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb7" src="1f6b7.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  do_not_litter: {
+    keywords: [ "trash", "bin", "garbage", "circle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeaf" src="1f6af.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  no_bicycles: {
+    keywords: [ "cyclist", "prohibited", "circle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb3" src="1f6b3.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  "non-potable_water": {
+    keywords: [ "drink", "faucet", "tap", "circle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb1" src="1f6b1.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  underage: {
+    keywords: [ "18", "drink", "pub", "night", "minor", "circle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd1e" src="1f51e.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  no_mobile_phones: {
+    keywords: [ "iphone", "mute", "circle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf5" src="1f4f5.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  exclamation: {
+    keywords: [ "heavy_exclamation_mark", "danger", "surprise", "punctuation", "wow", "warning" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2757" src="2757.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  grey_exclamation: {
+    keywords: [ "surprise", "punctuation", "gray", "wow", "warning" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2755" src="2755.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  question: {
+    keywords: [ "doubt", "confused" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2753" src="2753.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  grey_question: {
+    keywords: [ "doubts", "gray", "huh", "confused" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2754" src="2754.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  bangbang: {
+    keywords: [ "exclamation", "surprise" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u203c\ufe0f" src="203c.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  interrobang: {
+    keywords: [ "wat", "punctuation", "surprise" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2049\ufe0f" src="2049.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  low_brightness: {
+    keywords: [ "sun", "afternoon", "warm", "summer" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd05" src="1f505.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  high_brightness: {
+    keywords: [ "sun", "light" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd06" src="1f506.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  trident: {
+    keywords: [ "weapon", "spear" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd31" src="1f531.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  fleur_de_lis: {
+    keywords: [ "decorative", "scout" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u269c" src="269c.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  part_alternation_mark: {
+    keywords: [ "graph", "presentation", "stats", "business", "economics", "bad" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u303d\ufe0f" src="303d.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  warning: {
+    keywords: [ "exclamation", "wip", "alert", "error", "problem", "issue" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26a0\ufe0f" src="26a0.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  children_crossing: {
+    keywords: [ "school", "warning", "danger", "sign", "driving", "yellow-diamond" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb8" src="1f6b8.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  beginner: {
+    keywords: [ "badge", "shield" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd30" src="1f530.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  recycle: {
+    keywords: [ "arrow", "environment", "garbage", "trash" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u267b\ufe0f" src="267b.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u6307: {
+    keywords: [ "chinese", "point", "green-square", "kanji" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude2f" src="1f22f.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  chart: {
+    keywords: [ "green-square", "graph", "presentation", "stats" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb9" src="1f4b9.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  sparkle: {
+    keywords: [ "stars", "green-square", "awesome", "good", "fireworks" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2747\ufe0f" src="2747.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  eight_spoked_asterisk: {
+    keywords: [ "star", "sparkle", "green-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2733\ufe0f" src="2733.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  negative_squared_cross_mark: {
+    keywords: [ "x", "green-square", "no", "deny" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u274e" src="274e.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  white_check_mark: {
+    keywords: [ "green-square", "ok", "agree", "vote", "election", "answer", "tick" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2705" src="2705.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  diamond_shape_with_a_dot_inside: {
+    keywords: [ "jewel", "blue", "gem", "crystal", "fancy" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca0" src="1f4a0.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  cyclone: {
+    keywords: [ "weather", "swirl", "blue", "cloud", "vortex", "spiral", "whirlpool", "spin", "tornado", "hurricane", "typhoon" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf00" src="1f300.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  loop: {
+    keywords: [ "tape", "cassette" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u27bf" src="27bf.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  globe_with_meridians: {
+    keywords: [ "earth", "international", "world", "internet", "interweb", "i18n" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf10" src="1f310.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  m: {
+    keywords: [ "alphabet", "blue-circle", "letter" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u24c2\ufe0f" src="24c2.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  atm: {
+    keywords: [ "money", "sales", "cash", "blue-square", "payment", "bank" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe7" src="1f3e7.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  sa: {
+    keywords: [ "japanese", "blue-square", "katakana" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude02\ufe0f" src="1f202.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  passport_control: {
+    keywords: [ "custom", "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udec2" src="1f6c2.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  customs: {
+    keywords: [ "passport", "border", "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udec3" src="1f6c3.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  baggage_claim: {
+    keywords: [ "blue-square", "airport", "transport" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udec4" src="1f6c4.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  left_luggage: {
+    keywords: [ "blue-square", "travel" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udec5" src="1f6c5.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  wheelchair: {
+    keywords: [ "blue-square", "disabled", "a11y", "accessibility" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u267f" src="267f.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  no_smoking: {
+    keywords: [ "cigarette", "blue-square", "smell", "smoke" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udead" src="1f6ad.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  wc: {
+    keywords: [ "toilet", "restroom", "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udebe" src="1f6be.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  parking: {
+    keywords: [ "cars", "blue-square", "alphabet", "letter" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd7f\ufe0f" src="1f17f.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  potable_water: {
+    keywords: [ "blue-square", "liquid", "restroom", "cleaning", "faucet" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb0" src="1f6b0.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  mens: {
+    keywords: [ "toilet", "restroom", "wc", "blue-square", "gender", "male" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb9" src="1f6b9.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  womens: {
+    keywords: [ "purple-square", "woman", "female", "toilet", "loo", "restroom", "gender" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeba" src="1f6ba.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  baby_symbol: {
+    keywords: [ "orange-square", "child" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udebc" src="1f6bc.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  restroom: {
+    keywords: [ "blue-square", "toilet", "refresh", "wc", "gender" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udebb" src="1f6bb.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  put_litter_in_its_place: {
+    keywords: [ "blue-square", "sign", "human", "info" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeae" src="1f6ae.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  cinema: {
+    keywords: [ "blue-square", "record", "film", "movie", "curtain", "stage", "theater" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa6" src="1f3a6.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  signal_strength: {
+    keywords: [ "blue-square", "reception", "phone", "internet", "connection", "wifi", "bluetooth", "bars" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf6" src="1f4f6.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  koko: {
+    keywords: [ "blue-square", "here", "katakana", "japanese", "destination" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude01" src="1f201.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  ng: {
+    keywords: [ "blue-square", "words", "shape", "icon" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd96" src="1f196.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  ok: {
+    keywords: [ "good", "agree", "yes", "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd97" src="1f197.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  up: {
+    keywords: [ "blue-square", "above", "high" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd99" src="1f199.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  cool: {
+    keywords: [ "words", "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd92" src="1f192.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  "new": {
+    keywords: [ "blue-square", "words", "start" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd95" src="1f195.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  free: {
+    keywords: [ "blue-square", "words" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd93" src="1f193.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  zero: {
+    keywords: [ "0", "numbers", "blue-square", "null" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="0\ufe0f\u20e3" src="30-20e3.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  one: {
+    keywords: [ "blue-square", "numbers", "1" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="1\ufe0f\u20e3" src="31-20e3.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  two: {
+    keywords: [ "numbers", "2", "prime", "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="2\ufe0f\u20e3" src="32-20e3.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  three: {
+    keywords: [ "3", "numbers", "prime", "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="3\ufe0f\u20e3" src="33-20e3.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  four: {
+    keywords: [ "4", "numbers", "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="4\ufe0f\u20e3" src="34-20e3.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  five: {
+    keywords: [ "5", "numbers", "blue-square", "prime" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="5\ufe0f\u20e3" src="35-20e3.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  six: {
+    keywords: [ "6", "numbers", "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="6\ufe0f\u20e3" src="36-20e3.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  seven: {
+    keywords: [ "7", "numbers", "blue-square", "prime" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="7\ufe0f\u20e3" src="37-20e3.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  eight: {
+    keywords: [ "8", "blue-square", "numbers" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="8\ufe0f\u20e3" src="38-20e3.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  nine: {
+    keywords: [ "blue-square", "numbers", "9" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="9\ufe0f\u20e3" src="39-20e3.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  keycap_ten: {
+    keywords: [ "numbers", "10", "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd1f" src="1f51f.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  asterisk: {
+    keywords: [ "star", "keycap" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="*\u20e3" src="2a-20e3.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  eject_button: {
+    keywords: [ "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23cf\ufe0f" src="23cf.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_forward: {
+    keywords: [ "blue-square", "right", "direction", "play" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25b6\ufe0f" src="25b6.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  pause_button: {
+    keywords: [ "pause", "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f8" src="23f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  next_track_button: {
+    keywords: [ "forward", "next", "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ed" src="23ed.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  stop_button: {
+    keywords: [ "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f9" src="23f9.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  record_button: {
+    keywords: [ "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23fa" src="23fa.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  play_or_pause_button: {
+    keywords: [ "blue-square", "play", "pause" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ef" src="23ef.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  previous_track_button: {
+    keywords: [ "backward" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ee" src="23ee.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  fast_forward: {
+    keywords: [ "blue-square", "play", "speed", "continue" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23e9" src="23e9.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  rewind: {
+    keywords: [ "play", "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ea" src="23ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  twisted_rightwards_arrows: {
+    keywords: [ "blue-square", "shuffle", "music", "random" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd00" src="1f500.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  repeat: {
+    keywords: [ "loop", "record" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd01" src="1f501.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  repeat_one: {
+    keywords: [ "blue-square", "loop" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd02" src="1f502.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_backward: {
+    keywords: [ "blue-square", "left", "direction" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25c0\ufe0f" src="25c0.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_up_small: {
+    keywords: [ "blue-square", "triangle", "direction", "point", "forward", "top" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd3c" src="1f53c.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_down_small: {
+    keywords: [ "blue-square", "direction", "bottom" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd3d" src="1f53d.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_double_up: {
+    keywords: [ "blue-square", "direction", "top" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23eb" src="23eb.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_double_down: {
+    keywords: [ "blue-square", "direction", "bottom" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ec" src="23ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_right: {
+    keywords: [ "blue-square", "next" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u27a1\ufe0f" src="27a1.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_left: {
+    keywords: [ "blue-square", "previous", "back" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b05\ufe0f" src="2b05.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_up: {
+    keywords: [ "blue-square", "continue", "top", "direction" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b06\ufe0f" src="2b06.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_down: {
+    keywords: [ "blue-square", "direction", "bottom" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b07\ufe0f" src="2b07.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_upper_right: {
+    keywords: [ "blue-square", "point", "direction", "diagonal", "northeast" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2197\ufe0f" src="2197.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_lower_right: {
+    keywords: [ "blue-square", "direction", "diagonal", "southeast" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2198\ufe0f" src="2198.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_lower_left: {
+    keywords: [ "blue-square", "direction", "diagonal", "southwest" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2199\ufe0f" src="2199.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_upper_left: {
+    keywords: [ "blue-square", "point", "direction", "diagonal", "northwest" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2196\ufe0f" src="2196.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_up_down: {
+    keywords: [ "blue-square", "direction", "way", "vertical" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2195\ufe0f" src="2195.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  left_right_arrow: {
+    keywords: [ "shape", "direction", "horizontal", "sideways" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2194\ufe0f" src="2194.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrows_counterclockwise: {
+    keywords: [ "blue-square", "sync", "cycle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd04" src="1f504.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_right_hook: {
+    keywords: [ "blue-square", "return", "rotate", "direction" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u21aa\ufe0f" src="21aa.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  leftwards_arrow_with_hook: {
+    keywords: [ "back", "return", "blue-square", "undo", "enter" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u21a9\ufe0f" src="21a9.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_heading_up: {
+    keywords: [ "blue-square", "direction", "top" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2934\ufe0f" src="2934.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_heading_down: {
+    keywords: [ "blue-square", "direction", "bottom" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2935\ufe0f" src="2935.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  hash: {
+    keywords: [ "symbol", "blue-square", "twitter" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="#\ufe0f\u20e3" src="23-20e3.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  information_source: {
+    keywords: [ "blue-square", "alphabet", "letter" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2139\ufe0f" src="2139.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  abc: {
+    keywords: [ "blue-square", "alphabet" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd24" src="1f524.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  abcd: {
+    keywords: [ "blue-square", "alphabet" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd21" src="1f521.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  capital_abcd: {
+    keywords: [ "alphabet", "words", "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd20" src="1f520.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  symbols: {
+    keywords: [ "blue-square", "music", "note", "ampersand", "percent", "glyphs", "characters" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd23" src="1f523.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  musical_note: {
+    keywords: [ "score", "tone", "sound" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb5" src="1f3b5.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  notes: {
+    keywords: [ "music", "score" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb6" src="1f3b6.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  wavy_dash: {
+    keywords: [ "draw", "line", "moustache", "mustache", "squiggle", "scribble" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u3030\ufe0f" src="3030.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  curly_loop: {
+    keywords: [ "scribble", "draw", "shape", "squiggle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u27b0" src="27b0.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heavy_check_mark: {
+    keywords: [ "ok", "nike", "answer", "yes", "tick" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2714\ufe0f" src="2714.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrows_clockwise: {
+    keywords: [ "sync", "cycle", "round", "repeat" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd03" src="1f503.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heavy_plus_sign: {
+    keywords: [ "math", "calculation", "addition", "more", "increase" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2795" src="2795.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heavy_minus_sign: {
+    keywords: [ "math", "calculation", "subtract", "less" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2796" src="2796.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heavy_division_sign: {
+    keywords: [ "divide", "math", "calculation" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2797" src="2797.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heavy_multiplication_x: {
+    keywords: [ "math", "calculation" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2716\ufe0f" src="2716.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  infinity: {
+    keywords: [ "forever" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u267e" src="267e.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heavy_dollar_sign: {
+    keywords: [ "money", "sales", "payment", "currency", "buck" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb2" src="1f4b2.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  currency_exchange: {
+    keywords: [ "money", "sales", "dollar", "travel" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb1" src="1f4b1.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  copyright: {
+    keywords: [ "ip", "license", "circle", "law", "legal" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\xa9\ufe0f" src="a9.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  registered: {
+    keywords: [ "alphabet", "circle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\xae\ufe0f" src="ae.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  tm: {
+    keywords: [ "trademark", "brand", "law", "legal" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2122\ufe0f" src="2122.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  end: {
+    keywords: [ "words", "arrow" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd1a" src="1f51a.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  back: {
+    keywords: [ "arrow", "words", "return" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd19" src="1f519.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  on: {
+    keywords: [ "arrow", "words" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd1b" src="1f51b.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  top: {
+    keywords: [ "words", "blue-square" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd1d" src="1f51d.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  soon: {
+    keywords: [ "arrow", "words" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd1c" src="1f51c.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  ballot_box_with_check: {
+    keywords: [ "ok", "agree", "confirm", "black-square", "vote", "election", "yes", "tick" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2611\ufe0f" src="2611.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  radio_button: {
+    keywords: [ "input", "old", "music", "circle" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd18" src="1f518.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  white_circle: {
+    keywords: [ "shape", "round" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26aa" src="26aa.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  black_circle: {
+    keywords: [ "shape", "button", "round" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26ab" src="26ab.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  red_circle: {
+    keywords: [ "shape", "error", "danger" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd34" src="1f534.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  large_blue_circle: {
+    keywords: [ "shape", "icon", "button" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd35" src="1f535.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  small_orange_diamond: {
+    keywords: [ "shape", "jewel", "gem" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd38" src="1f538.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  small_blue_diamond: {
+    keywords: [ "shape", "jewel", "gem" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd39" src="1f539.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  large_orange_diamond: {
+    keywords: [ "shape", "jewel", "gem" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd36" src="1f536.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  large_blue_diamond: {
+    keywords: [ "shape", "jewel", "gem" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd37" src="1f537.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  small_red_triangle: {
+    keywords: [ "shape", "direction", "up", "top" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd3a" src="1f53a.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  black_small_square: {
+    keywords: [ "shape", "icon" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25aa\ufe0f" src="25aa.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  white_small_square: {
+    keywords: [ "shape", "icon" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25ab\ufe0f" src="25ab.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  black_large_square: {
+    keywords: [ "shape", "icon", "button" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b1b" src="2b1b.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  white_large_square: {
+    keywords: [ "shape", "icon", "stone", "button" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b1c" src="2b1c.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  small_red_triangle_down: {
+    keywords: [ "shape", "direction", "bottom" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd3b" src="1f53b.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  black_medium_square: {
+    keywords: [ "shape", "button", "icon" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25fc\ufe0f" src="25fc.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  white_medium_square: {
+    keywords: [ "shape", "stone", "icon" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25fb\ufe0f" src="25fb.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  black_medium_small_square: {
+    keywords: [ "icon", "shape", "button" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25fe" src="25fe.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  white_medium_small_square: {
+    keywords: [ "shape", "stone", "icon", "button" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25fd" src="25fd.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  black_square_button: {
+    keywords: [ "shape", "input", "frame" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd32" src="1f532.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  white_square_button: {
+    keywords: [ "shape", "input" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd33" src="1f533.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  speaker: {
+    keywords: [ "sound", "volume", "silence", "broadcast" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd08" src="1f508.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  sound: {
+    keywords: [ "volume", "speaker", "broadcast" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd09" src="1f509.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  loud_sound: {
+    keywords: [ "volume", "noise", "noisy", "speaker", "broadcast" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd0a" src="1f50a.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  mute: {
+    keywords: [ "sound", "volume", "silence", "quiet" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd07" src="1f507.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  mega: {
+    keywords: [ "sound", "speaker", "volume" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce3" src="1f4e3.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  loudspeaker: {
+    keywords: [ "volume", "sound" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce2" src="1f4e2.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  bell: {
+    keywords: [ "sound", "notification", "christmas", "xmas", "chime" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd14" src="1f514.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  no_bell: {
+    keywords: [ "sound", "volume", "mute", "quiet", "silent" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd15" src="1f515.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  black_joker: {
+    keywords: [ "poker", "cards", "game", "play", "magic" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udccf" src="1f0cf.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  mahjong: {
+    keywords: [ "game", "play", "chinese", "kanji" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udc04" src="1f004.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  spades: {
+    keywords: [ "poker", "cards", "suits", "magic" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2660\ufe0f" src="2660.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clubs: {
+    keywords: [ "poker", "cards", "magic", "suits" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2663\ufe0f" src="2663.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  hearts: {
+    keywords: [ "poker", "cards", "magic", "suits" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2665\ufe0f" src="2665.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  diamonds: {
+    keywords: [ "poker", "cards", "magic", "suits" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2666\ufe0f" src="2666.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  flower_playing_cards: {
+    keywords: [ "game", "sunset", "red" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb4" src="1f3b4.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  thought_balloon: {
+    keywords: [ "bubble", "cloud", "speech", "thinking", "dream" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcad" src="1f4ad.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  right_anger_bubble: {
+    keywords: [ "caption", "speech", "thinking", "mad" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddef" src="1f5ef.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  speech_balloon: {
+    keywords: [ "bubble", "words", "message", "talk", "chatting" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcac" src="1f4ac.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  left_speech_bubble: {
+    keywords: [ "words", "message", "talk", "chatting" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udde8" src="1f5e8.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock1: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd50" src="1f550.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock2: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd51" src="1f551.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock3: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd52" src="1f552.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock4: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd53" src="1f553.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock5: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd54" src="1f554.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock6: {
+    keywords: [ "time", "late", "early", "schedule", "dawn", "dusk" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd55" src="1f555.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock7: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd56" src="1f556.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock8: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd57" src="1f557.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock9: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd58" src="1f558.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock10: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd59" src="1f559.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock11: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd5a" src="1f55a.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock12: {
+    keywords: [ "time", "noon", "midnight", "midday", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd5b" src="1f55b.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock130: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd5c" src="1f55c.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock230: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd5d" src="1f55d.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock330: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd5e" src="1f55e.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock430: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd5f" src="1f55f.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock530: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd60" src="1f560.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock630: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd61" src="1f561.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock730: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd62" src="1f562.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock830: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd63" src="1f563.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock930: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd64" src="1f564.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock1030: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd65" src="1f565.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock1130: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd66" src="1f566.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock1230: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd67" src="1f567.png"/>',
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  afghanistan: {
+    keywords: [ "af", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddeb" src="1f1e6-1f1eb.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  aland_islands: {
+    keywords: [ "\xc5land", "islands", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddfd" src="1f1e6-1f1fd.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  albania: {
+    keywords: [ "al", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddf1" src="1f1e6-1f1f1.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  algeria: {
+    keywords: [ "dz", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde9\ud83c\uddff" src="1f1e9-1f1ff.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  american_samoa: {
+    keywords: [ "american", "ws", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddf8" src="1f1e6-1f1f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  andorra: {
+    keywords: [ "ad", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\udde9" src="1f1e6-1f1e9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  angola: {
+    keywords: [ "ao", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddf4" src="1f1e6-1f1f4.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  anguilla: {
+    keywords: [ "ai", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddee" src="1f1e6-1f1ee.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  antarctica: {
+    keywords: [ "aq", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddf6" src="1f1e6-1f1f6.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  antigua_barbuda: {
+    keywords: [ "antigua", "barbuda", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddec" src="1f1e6-1f1ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  argentina: {
+    keywords: [ "ar", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddf7" src="1f1e6-1f1f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  armenia: {
+    keywords: [ "am", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddf2" src="1f1e6-1f1f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  aruba: {
+    keywords: [ "aw", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddfc" src="1f1e6-1f1fc.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  australia: {
+    keywords: [ "au", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddfa" src="1f1e6-1f1fa.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  austria: {
+    keywords: [ "at", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddf9" src="1f1e6-1f1f9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  azerbaijan: {
+    keywords: [ "az", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddff" src="1f1e6-1f1ff.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  bahamas: {
+    keywords: [ "bs", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddf8" src="1f1e7-1f1f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  bahrain: {
+    keywords: [ "bh", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\udded" src="1f1e7-1f1ed.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  bangladesh: {
+    keywords: [ "bd", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\udde9" src="1f1e7-1f1e9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  barbados: {
+    keywords: [ "bb", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\udde7" src="1f1e7-1f1e7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  belarus: {
+    keywords: [ "by", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddfe" src="1f1e7-1f1fe.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  belgium: {
+    keywords: [ "be", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddea" src="1f1e7-1f1ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  belize: {
+    keywords: [ "bz", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddff" src="1f1e7-1f1ff.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  benin: {
+    keywords: [ "bj", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddef" src="1f1e7-1f1ef.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  bermuda: {
+    keywords: [ "bm", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddf2" src="1f1e7-1f1f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  bhutan: {
+    keywords: [ "bt", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddf9" src="1f1e7-1f1f9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  bolivia: {
+    keywords: [ "bo", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddf4" src="1f1e7-1f1f4.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  caribbean_netherlands: {
+    keywords: [ "bonaire", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddf6" src="1f1e7-1f1f6.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  bosnia_herzegovina: {
+    keywords: [ "bosnia", "herzegovina", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\udde6" src="1f1e7-1f1e6.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  botswana: {
+    keywords: [ "bw", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddfc" src="1f1e7-1f1fc.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  brazil: {
+    keywords: [ "br", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddf7" src="1f1e7-1f1f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  british_indian_ocean_territory: {
+    keywords: [ "british", "indian", "ocean", "territory", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddf4" src="1f1ee-1f1f4.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  british_virgin_islands: {
+    keywords: [ "british", "virgin", "islands", "bvi", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfb\ud83c\uddec" src="1f1fb-1f1ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  brunei: {
+    keywords: [ "bn", "darussalam", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddf3" src="1f1e7-1f1f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  bulgaria: {
+    keywords: [ "bg", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddec" src="1f1e7-1f1ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  burkina_faso: {
+    keywords: [ "burkina", "faso", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddeb" src="1f1e7-1f1eb.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  burundi: {
+    keywords: [ "bi", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddee" src="1f1e7-1f1ee.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cape_verde: {
+    keywords: [ "cabo", "verde", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddfb" src="1f1e8-1f1fb.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cambodia: {
+    keywords: [ "kh", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\udded" src="1f1f0-1f1ed.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cameroon: {
+    keywords: [ "cm", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddf2" src="1f1e8-1f1f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  canada: {
+    keywords: [ "ca", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\udde6" src="1f1e8-1f1e6.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  canary_islands: {
+    keywords: [ "canary", "islands", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\udde8" src="1f1ee-1f1e8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cayman_islands: {
+    keywords: [ "cayman", "islands", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddfe" src="1f1f0-1f1fe.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  central_african_republic: {
+    keywords: [ "central", "african", "republic", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddeb" src="1f1e8-1f1eb.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  chad: {
+    keywords: [ "td", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\udde9" src="1f1f9-1f1e9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  chile: {
+    keywords: [ "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddf1" src="1f1e8-1f1f1.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cn: {
+    keywords: [ "china", "chinese", "prc", "flag", "country", "nation", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddf3" src="1f1e8-1f1f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  christmas_island: {
+    keywords: [ "christmas", "island", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddfd" src="1f1e8-1f1fd.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cocos_islands: {
+    keywords: [ "cocos", "keeling", "islands", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\udde8" src="1f1e8-1f1e8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  colombia: {
+    keywords: [ "co", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddf4" src="1f1e8-1f1f4.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  comoros: {
+    keywords: [ "km", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddf2" src="1f1f0-1f1f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  congo_brazzaville: {
+    keywords: [ "congo", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddec" src="1f1e8-1f1ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  congo_kinshasa: {
+    keywords: [ "congo", "democratic", "republic", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\udde9" src="1f1e8-1f1e9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cook_islands: {
+    keywords: [ "cook", "islands", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddf0" src="1f1e8-1f1f0.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  costa_rica: {
+    keywords: [ "costa", "rica", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddf7" src="1f1e8-1f1f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  croatia: {
+    keywords: [ "hr", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udded\ud83c\uddf7" src="1f1ed-1f1f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cuba: {
+    keywords: [ "cu", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddfa" src="1f1e8-1f1fa.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  curacao: {
+    keywords: [ "cura\xe7ao", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddfc" src="1f1e8-1f1fc.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cyprus: {
+    keywords: [ "cy", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddfe" src="1f1e8-1f1fe.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  czech_republic: {
+    keywords: [ "cz", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddff" src="1f1e8-1f1ff.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  denmark: {
+    keywords: [ "dk", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde9\ud83c\uddf0" src="1f1e9-1f1f0.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  djibouti: {
+    keywords: [ "dj", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde9\ud83c\uddef" src="1f1e9-1f1ef.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  dominica: {
+    keywords: [ "dm", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde9\ud83c\uddf2" src="1f1e9-1f1f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  dominican_republic: {
+    keywords: [ "dominican", "republic", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde9\ud83c\uddf4" src="1f1e9-1f1f4.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  ecuador: {
+    keywords: [ "ec", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddea\ud83c\udde8" src="1f1ea-1f1e8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  egypt: {
+    keywords: [ "eg", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddea\ud83c\uddec" src="1f1ea-1f1ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  el_salvador: {
+    keywords: [ "el", "salvador", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddfb" src="1f1f8-1f1fb.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  equatorial_guinea: {
+    keywords: [ "equatorial", "gn", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddf6" src="1f1ec-1f1f6.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  eritrea: {
+    keywords: [ "er", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddea\ud83c\uddf7" src="1f1ea-1f1f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  estonia: {
+    keywords: [ "ee", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddea\ud83c\uddea" src="1f1ea-1f1ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  ethiopia: {
+    keywords: [ "et", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddea\ud83c\uddf9" src="1f1ea-1f1f9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  eu: {
+    keywords: [ "european", "union", "flag", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddea\ud83c\uddfa" src="1f1ea-1f1fa.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  falkland_islands: {
+    keywords: [ "falkland", "islands", "malvinas", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddeb\ud83c\uddf0" src="1f1eb-1f1f0.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  faroe_islands: {
+    keywords: [ "faroe", "islands", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddeb\ud83c\uddf4" src="1f1eb-1f1f4.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  fiji: {
+    keywords: [ "fj", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddeb\ud83c\uddef" src="1f1eb-1f1ef.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  finland: {
+    keywords: [ "fi", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddeb\ud83c\uddee" src="1f1eb-1f1ee.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  fr: {
+    keywords: [ "banner", "flag", "nation", "france", "french", "country" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddeb\ud83c\uddf7" src="1f1eb-1f1f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  french_guiana: {
+    keywords: [ "french", "guiana", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddeb" src="1f1ec-1f1eb.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  french_polynesia: {
+    keywords: [ "french", "polynesia", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddeb" src="1f1f5-1f1eb.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  french_southern_territories: {
+    keywords: [ "french", "southern", "territories", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddeb" src="1f1f9-1f1eb.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  gabon: {
+    keywords: [ "ga", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\udde6" src="1f1ec-1f1e6.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  gambia: {
+    keywords: [ "gm", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddf2" src="1f1ec-1f1f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  georgia: {
+    keywords: [ "ge", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddea" src="1f1ec-1f1ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  de: {
+    keywords: [ "german", "nation", "flag", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde9\ud83c\uddea" src="1f1e9-1f1ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  ghana: {
+    keywords: [ "gh", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\udded" src="1f1ec-1f1ed.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  gibraltar: {
+    keywords: [ "gi", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddee" src="1f1ec-1f1ee.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  greece: {
+    keywords: [ "gr", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddf7" src="1f1ec-1f1f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  greenland: {
+    keywords: [ "gl", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddf1" src="1f1ec-1f1f1.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  grenada: {
+    keywords: [ "gd", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\udde9" src="1f1ec-1f1e9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  guadeloupe: {
+    keywords: [ "gp", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddf5" src="1f1ec-1f1f5.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  guam: {
+    keywords: [ "gu", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddfa" src="1f1ec-1f1fa.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  guatemala: {
+    keywords: [ "gt", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddf9" src="1f1ec-1f1f9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  guernsey: {
+    keywords: [ "gg", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddec" src="1f1ec-1f1ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  guinea: {
+    keywords: [ "gn", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddf3" src="1f1ec-1f1f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  guinea_bissau: {
+    keywords: [ "gw", "bissau", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddfc" src="1f1ec-1f1fc.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  guyana: {
+    keywords: [ "gy", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddfe" src="1f1ec-1f1fe.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  haiti: {
+    keywords: [ "ht", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udded\ud83c\uddf9" src="1f1ed-1f1f9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  honduras: {
+    keywords: [ "hn", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udded\ud83c\uddf3" src="1f1ed-1f1f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  hong_kong: {
+    keywords: [ "hong", "kong", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udded\ud83c\uddf0" src="1f1ed-1f1f0.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  hungary: {
+    keywords: [ "hu", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udded\ud83c\uddfa" src="1f1ed-1f1fa.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  iceland: {
+    keywords: [ "is", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddf8" src="1f1ee-1f1f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  india: {
+    keywords: [ "in", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddf3" src="1f1ee-1f1f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  indonesia: {
+    keywords: [ "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\udde9" src="1f1ee-1f1e9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  iran: {
+    keywords: [ "iran,", "islamic", "republic", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddf7" src="1f1ee-1f1f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  iraq: {
+    keywords: [ "iq", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddf6" src="1f1ee-1f1f6.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  ireland: {
+    keywords: [ "ie", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddea" src="1f1ee-1f1ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  isle_of_man: {
+    keywords: [ "isle", "man", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddf2" src="1f1ee-1f1f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  israel: {
+    keywords: [ "il", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddf1" src="1f1ee-1f1f1.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  it: {
+    keywords: [ "italy", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddf9" src="1f1ee-1f1f9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cote_divoire: {
+    keywords: [ "ivory", "coast", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddee" src="1f1e8-1f1ee.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  jamaica: {
+    keywords: [ "jm", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddef\ud83c\uddf2" src="1f1ef-1f1f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  jp: {
+    keywords: [ "japanese", "nation", "flag", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddef\ud83c\uddf5" src="1f1ef-1f1f5.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  jersey: {
+    keywords: [ "je", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddef\ud83c\uddea" src="1f1ef-1f1ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  jordan: {
+    keywords: [ "jo", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddef\ud83c\uddf4" src="1f1ef-1f1f4.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  kazakhstan: {
+    keywords: [ "kz", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddff" src="1f1f0-1f1ff.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  kenya: {
+    keywords: [ "ke", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddea" src="1f1f0-1f1ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  kiribati: {
+    keywords: [ "ki", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddee" src="1f1f0-1f1ee.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  kosovo: {
+    keywords: [ "xk", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfd\ud83c\uddf0" src="1f1fd-1f1f0.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  kuwait: {
+    keywords: [ "kw", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddfc" src="1f1f0-1f1fc.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  kyrgyzstan: {
+    keywords: [ "kg", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddec" src="1f1f0-1f1ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  laos: {
+    keywords: [ "lao", "democratic", "republic", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\udde6" src="1f1f1-1f1e6.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  latvia: {
+    keywords: [ "lv", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\uddfb" src="1f1f1-1f1fb.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  lebanon: {
+    keywords: [ "lb", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\udde7" src="1f1f1-1f1e7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  lesotho: {
+    keywords: [ "ls", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\uddf8" src="1f1f1-1f1f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  liberia: {
+    keywords: [ "lr", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\uddf7" src="1f1f1-1f1f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  libya: {
+    keywords: [ "ly", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\uddfe" src="1f1f1-1f1fe.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  liechtenstein: {
+    keywords: [ "li", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\uddee" src="1f1f1-1f1ee.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  lithuania: {
+    keywords: [ "lt", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\uddf9" src="1f1f1-1f1f9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  luxembourg: {
+    keywords: [ "lu", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\uddfa" src="1f1f1-1f1fa.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  macau: {
+    keywords: [ "macao", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf4" src="1f1f2-1f1f4.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  macedonia: {
+    keywords: [ "macedonia,", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf0" src="1f1f2-1f1f0.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  madagascar: {
+    keywords: [ "mg", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddec" src="1f1f2-1f1ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  malawi: {
+    keywords: [ "mw", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddfc" src="1f1f2-1f1fc.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  malaysia: {
+    keywords: [ "my", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddfe" src="1f1f2-1f1fe.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  maldives: {
+    keywords: [ "mv", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddfb" src="1f1f2-1f1fb.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  mali: {
+    keywords: [ "ml", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf1" src="1f1f2-1f1f1.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  malta: {
+    keywords: [ "mt", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf9" src="1f1f2-1f1f9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  marshall_islands: {
+    keywords: [ "marshall", "islands", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\udded" src="1f1f2-1f1ed.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  martinique: {
+    keywords: [ "mq", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf6" src="1f1f2-1f1f6.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  mauritania: {
+    keywords: [ "mr", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf7" src="1f1f2-1f1f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  mauritius: {
+    keywords: [ "mu", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddfa" src="1f1f2-1f1fa.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  mayotte: {
+    keywords: [ "yt", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfe\ud83c\uddf9" src="1f1fe-1f1f9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  mexico: {
+    keywords: [ "mx", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddfd" src="1f1f2-1f1fd.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  micronesia: {
+    keywords: [ "micronesia,", "federated", "states", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddeb\ud83c\uddf2" src="1f1eb-1f1f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  moldova: {
+    keywords: [ "moldova,", "republic", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\udde9" src="1f1f2-1f1e9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  monaco: {
+    keywords: [ "mc", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\udde8" src="1f1f2-1f1e8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  mongolia: {
+    keywords: [ "mn", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf3" src="1f1f2-1f1f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  montenegro: {
+    keywords: [ "me", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddea" src="1f1f2-1f1ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  montserrat: {
+    keywords: [ "ms", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf8" src="1f1f2-1f1f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  morocco: {
+    keywords: [ "ma", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\udde6" src="1f1f2-1f1e6.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  mozambique: {
+    keywords: [ "mz", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddff" src="1f1f2-1f1ff.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  myanmar: {
+    keywords: [ "mm", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf2" src="1f1f2-1f1f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  namibia: {
+    keywords: [ "na", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\udde6" src="1f1f3-1f1e6.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  nauru: {
+    keywords: [ "nr", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddf7" src="1f1f3-1f1f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  nepal: {
+    keywords: [ "np", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddf5" src="1f1f3-1f1f5.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  netherlands: {
+    keywords: [ "nl", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddf1" src="1f1f3-1f1f1.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  new_caledonia: {
+    keywords: [ "new", "caledonia", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\udde8" src="1f1f3-1f1e8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  new_zealand: {
+    keywords: [ "new", "zealand", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddff" src="1f1f3-1f1ff.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  nicaragua: {
+    keywords: [ "ni", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddee" src="1f1f3-1f1ee.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  niger: {
+    keywords: [ "ne", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddea" src="1f1f3-1f1ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  nigeria: {
+    keywords: [ "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddec" src="1f1f3-1f1ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  niue: {
+    keywords: [ "nu", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddfa" src="1f1f3-1f1fa.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  norfolk_island: {
+    keywords: [ "norfolk", "island", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddeb" src="1f1f3-1f1eb.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  northern_mariana_islands: {
+    keywords: [ "northern", "mariana", "islands", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf5" src="1f1f2-1f1f5.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  north_korea: {
+    keywords: [ "north", "korea", "nation", "flag", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddf5" src="1f1f0-1f1f5.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  norway: {
+    keywords: [ "no", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddf4" src="1f1f3-1f1f4.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  oman: {
+    keywords: [ "om_symbol", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf4\ud83c\uddf2" src="1f1f4-1f1f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  pakistan: {
+    keywords: [ "pk", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddf0" src="1f1f5-1f1f0.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  palau: {
+    keywords: [ "pw", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddfc" src="1f1f5-1f1fc.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  palestinian_territories: {
+    keywords: [ "palestine", "palestinian", "territories", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddf8" src="1f1f5-1f1f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  panama: {
+    keywords: [ "pa", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\udde6" src="1f1f5-1f1e6.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  papua_new_guinea: {
+    keywords: [ "papua", "new", "guinea", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddec" src="1f1f5-1f1ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  paraguay: {
+    keywords: [ "py", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddfe" src="1f1f5-1f1fe.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  peru: {
+    keywords: [ "pe", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddea" src="1f1f5-1f1ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  philippines: {
+    keywords: [ "ph", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\udded" src="1f1f5-1f1ed.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  pitcairn_islands: {
+    keywords: [ "pitcairn", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddf3" src="1f1f5-1f1f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  poland: {
+    keywords: [ "pl", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddf1" src="1f1f5-1f1f1.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  portugal: {
+    keywords: [ "pt", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddf9" src="1f1f5-1f1f9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  puerto_rico: {
+    keywords: [ "puerto", "rico", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddf7" src="1f1f5-1f1f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  qatar: {
+    keywords: [ "qa", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf6\ud83c\udde6" src="1f1f6-1f1e6.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  reunion: {
+    keywords: [ "r\xe9union", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf7\ud83c\uddea" src="1f1f7-1f1ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  romania: {
+    keywords: [ "ro", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf7\ud83c\uddf4" src="1f1f7-1f1f4.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  ru: {
+    keywords: [ "russian", "federation", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf7\ud83c\uddfa" src="1f1f7-1f1fa.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  rwanda: {
+    keywords: [ "rw", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf7\ud83c\uddfc" src="1f1f7-1f1fc.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  st_barthelemy: {
+    keywords: [ "saint", "barth\xe9lemy", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddf1" src="1f1e7-1f1f1.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  st_helena: {
+    keywords: [ "saint", "helena", "ascension", "tristan", "cunha", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\udded" src="1f1f8-1f1ed.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  st_kitts_nevis: {
+    keywords: [ "saint", "kitts", "nevis", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddf3" src="1f1f0-1f1f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  st_lucia: {
+    keywords: [ "saint", "lucia", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\udde8" src="1f1f1-1f1e8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  st_pierre_miquelon: {
+    keywords: [ "saint", "pierre", "miquelon", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddf2" src="1f1f5-1f1f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  st_vincent_grenadines: {
+    keywords: [ "saint", "vincent", "grenadines", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfb\ud83c\udde8" src="1f1fb-1f1e8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  samoa: {
+    keywords: [ "ws", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfc\ud83c\uddf8" src="1f1fc-1f1f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  san_marino: {
+    keywords: [ "san", "marino", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddf2" src="1f1f8-1f1f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  sao_tome_principe: {
+    keywords: [ "sao", "tome", "principe", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddf9" src="1f1f8-1f1f9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  saudi_arabia: {
+    keywords: [ "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\udde6" src="1f1f8-1f1e6.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  senegal: {
+    keywords: [ "sn", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddf3" src="1f1f8-1f1f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  serbia: {
+    keywords: [ "rs", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf7\ud83c\uddf8" src="1f1f7-1f1f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  seychelles: {
+    keywords: [ "sc", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\udde8" src="1f1f8-1f1e8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  sierra_leone: {
+    keywords: [ "sierra", "leone", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddf1" src="1f1f8-1f1f1.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  singapore: {
+    keywords: [ "sg", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddec" src="1f1f8-1f1ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  sint_maarten: {
+    keywords: [ "sint", "maarten", "dutch", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddfd" src="1f1f8-1f1fd.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  slovakia: {
+    keywords: [ "sk", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddf0" src="1f1f8-1f1f0.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  slovenia: {
+    keywords: [ "si", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddee" src="1f1f8-1f1ee.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  solomon_islands: {
+    keywords: [ "solomon", "islands", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\udde7" src="1f1f8-1f1e7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  somalia: {
+    keywords: [ "so", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddf4" src="1f1f8-1f1f4.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  south_africa: {
+    keywords: [ "south", "africa", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddff\ud83c\udde6" src="1f1ff-1f1e6.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  south_georgia_south_sandwich_islands: {
+    keywords: [ "south", "georgia", "sandwich", "islands", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddf8" src="1f1ec-1f1f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  kr: {
+    keywords: [ "south", "korea", "nation", "flag", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddf7" src="1f1f0-1f1f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  south_sudan: {
+    keywords: [ "south", "sd", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddf8" src="1f1f8-1f1f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  es: {
+    keywords: [ "spain", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddea\ud83c\uddf8" src="1f1ea-1f1f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  sri_lanka: {
+    keywords: [ "sri", "lanka", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\uddf0" src="1f1f1-1f1f0.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  sudan: {
+    keywords: [ "sd", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\udde9" src="1f1f8-1f1e9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  suriname: {
+    keywords: [ "sr", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddf7" src="1f1f8-1f1f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  swaziland: {
+    keywords: [ "sz", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddff" src="1f1f8-1f1ff.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  sweden: {
+    keywords: [ "se", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddea" src="1f1f8-1f1ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  switzerland: {
+    keywords: [ "ch", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\udded" src="1f1e8-1f1ed.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  syria: {
+    keywords: [ "syrian", "arab", "republic", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddfe" src="1f1f8-1f1fe.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  taiwan: {
+    keywords: [ "tw", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddfc" src="1f1f9-1f1fc.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  tajikistan: {
+    keywords: [ "tj", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddef" src="1f1f9-1f1ef.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  tanzania: {
+    keywords: [ "tanzania,", "united", "republic", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddff" src="1f1f9-1f1ff.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  thailand: {
+    keywords: [ "th", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\udded" src="1f1f9-1f1ed.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  timor_leste: {
+    keywords: [ "timor", "leste", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddf1" src="1f1f9-1f1f1.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  togo: {
+    keywords: [ "tg", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddec" src="1f1f9-1f1ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  tokelau: {
+    keywords: [ "tk", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddf0" src="1f1f9-1f1f0.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  tonga: {
+    keywords: [ "to", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddf4" src="1f1f9-1f1f4.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  trinidad_tobago: {
+    keywords: [ "trinidad", "tobago", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddf9" src="1f1f9-1f1f9.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  tunisia: {
+    keywords: [ "tn", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddf3" src="1f1f9-1f1f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  tr: {
+    keywords: [ "turkey", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddf7" src="1f1f9-1f1f7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  turkmenistan: {
+    keywords: [ "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddf2" src="1f1f9-1f1f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  turks_caicos_islands: {
+    keywords: [ "turks", "caicos", "islands", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\udde8" src="1f1f9-1f1e8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  tuvalu: {
+    keywords: [ "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddfb" src="1f1f9-1f1fb.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  uganda: {
+    keywords: [ "ug", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfa\ud83c\uddec" src="1f1fa-1f1ec.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  ukraine: {
+    keywords: [ "ua", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfa\ud83c\udde6" src="1f1fa-1f1e6.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  united_arab_emirates: {
+    keywords: [ "united", "arab", "emirates", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddea" src="1f1e6-1f1ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  uk: {
+    keywords: [ "united", "kingdom", "great", "britain", "northern", "ireland", "flag", "nation", "country", "banner", "british", "UK", "english", "england", "union jack" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\udde7" src="1f1ec-1f1e7.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  england: {
+    keywords: [ "flag", "english" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f" src="1f3f4-e0067-e0062-e0065-e006e-e0067-e007f.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  scotland: {
+    keywords: [ "flag", "scottish" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc73\udb40\udc63\udb40\udc74\udb40\udc7f" src="1f3f4-e0067-e0062-e0073-e0063-e0074-e007f.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  wales: {
+    keywords: [ "flag", "welsh" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc77\udb40\udc6c\udb40\udc73\udb40\udc7f" src="1f3f4-e0067-e0062-e0077-e006c-e0073-e007f.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  us: {
+    keywords: [ "united", "states", "america", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfa\ud83c\uddf8" src="1f1fa-1f1f8.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  us_virgin_islands: {
+    keywords: [ "virgin", "islands", "us", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfb\ud83c\uddee" src="1f1fb-1f1ee.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  uruguay: {
+    keywords: [ "uy", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfa\ud83c\uddfe" src="1f1fa-1f1fe.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  uzbekistan: {
+    keywords: [ "uz", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfa\ud83c\uddff" src="1f1fa-1f1ff.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  vanuatu: {
+    keywords: [ "vu", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfb\ud83c\uddfa" src="1f1fb-1f1fa.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  vatican_city: {
+    keywords: [ "vatican", "city", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfb\ud83c\udde6" src="1f1fb-1f1e6.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  venezuela: {
+    keywords: [ "ve", "bolivarian", "republic", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfb\ud83c\uddea" src="1f1fb-1f1ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  vietnam: {
+    keywords: [ "viet", "nam", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfb\ud83c\uddf3" src="1f1fb-1f1f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  wallis_futuna: {
+    keywords: [ "wallis", "futuna", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfc\ud83c\uddeb" src="1f1fc-1f1eb.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  western_sahara: {
+    keywords: [ "western", "sahara", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddea\ud83c\udded" src="1f1ea-1f1ed.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  yemen: {
+    keywords: [ "ye", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfe\ud83c\uddea" src="1f1fe-1f1ea.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  zambia: {
+    keywords: [ "zm", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddff\ud83c\uddf2" src="1f1ff-1f1f2.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  zimbabwe: {
+    keywords: [ "zw", "flag", "nation", "country", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddff\ud83c\uddfc" src="1f1ff-1f1fc.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  united_nations: {
+    keywords: [ "un", "flag", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfa\ud83c\uddf3" src="1f1fa-1f1f3.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  pirate_flag: {
+    keywords: [ "skull", "crossbones", "flag", "banner" ],
+    "char": '<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff4\u200d\u2620\ufe0f" src="1f3f4-200d-2620-fe0f.png"/>',
+    fitzpatrick_scale: false,
+    category: "flags"
+  }
+});
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/emoticons/js/emojiimages.min.js b/src/assets/tinymce/plugins/emoticons/js/emojiimages.min.js
new file mode 100644
index 00000000..1bc8d72d
--- /dev/null
+++ b/src/assets/tinymce/plugins/emoticons/js/emojiimages.min.js
@@ -0,0 +1,3 @@
+// Source: npm package: emojilib
+// Images provided by twemoji: https://github.com/twitter/twemoji
+window.tinymce.Resource.add("tinymce.plugins.emoticons",{100:{keywords:["score","perfect","numbers","century","exam","quiz","test","pass","hundred"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcaf" src="1f4af.png"/>',fitzpatrick_scale:!1,category:"symbols"},1234:{keywords:["numbers","blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd22" src="1f522.png"/>',fitzpatrick_scale:!1,category:"symbols"},grinning:{keywords:["face","smile","happy","joy",":D","grin"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude00" src="1f600.png"/>',fitzpatrick_scale:!1,category:"people"},grimacing:{keywords:["face","grimace","teeth"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude2c" src="1f62c.png"/>',fitzpatrick_scale:!1,category:"people"},grin:{keywords:["face","happy","smile","joy","kawaii"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude01" src="1f601.png"/>',fitzpatrick_scale:!1,category:"people"},joy:{keywords:["face","cry","tears","weep","happy","happytears","haha"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude02" src="1f602.png"/>',fitzpatrick_scale:!1,category:"people"},rofl:{keywords:["face","rolling","floor","laughing","lol","haha"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd23" src="1f923.png"/>',fitzpatrick_scale:!1,category:"people"},partying:{keywords:["face","celebration","woohoo"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd73" src="1f973.png"/>',fitzpatrick_scale:!1,category:"people"},smiley:{keywords:["face","happy","joy","haha",":D",":)","smile","funny"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude03" src="1f603.png"/>',fitzpatrick_scale:!1,category:"people"},smile:{keywords:["face","happy","joy","funny","haha","laugh","like",":D",":)"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude04" src="1f604.png"/>',fitzpatrick_scale:!1,category:"people"},sweat_smile:{keywords:["face","hot","happy","laugh","sweat","smile","relief"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude05" src="1f605.png"/>',fitzpatrick_scale:!1,category:"people"},laughing:{keywords:["happy","joy","lol","satisfied","haha","face","glad","XD","laugh"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude06" src="1f606.png"/>',fitzpatrick_scale:!1,category:"people"},innocent:{keywords:["face","angel","heaven","halo"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude07" src="1f607.png"/>',fitzpatrick_scale:!1,category:"people"},wink:{keywords:["face","happy","mischievous","secret",";)","smile","eye"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude09" src="1f609.png"/>',fitzpatrick_scale:!1,category:"people"},blush:{keywords:["face","smile","happy","flushed","crush","embarrassed","shy","joy"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude0a" src="1f60a.png"/>',fitzpatrick_scale:!1,category:"people"},slightly_smiling_face:{keywords:["face","smile"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude42" src="1f642.png"/>',fitzpatrick_scale:!1,category:"people"},upside_down_face:{keywords:["face","flipped","silly","smile"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude43" src="1f643.png"/>',fitzpatrick_scale:!1,category:"people"},relaxed:{keywords:["face","blush","massage","happiness"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u263a\ufe0f" src="263a.png"/>',fitzpatrick_scale:!1,category:"people"},yum:{keywords:["happy","joy","tongue","smile","face","silly","yummy","nom","delicious","savouring"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude0b" src="1f60b.png"/>',fitzpatrick_scale:!1,category:"people"},relieved:{keywords:["face","relaxed","phew","massage","happiness"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude0c" src="1f60c.png"/>',fitzpatrick_scale:!1,category:"people"},heart_eyes:{keywords:["face","love","like","affection","valentines","infatuation","crush","heart"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude0d" src="1f60d.png"/>',fitzpatrick_scale:!1,category:"people"},smiling_face_with_three_hearts:{keywords:["face","love","like","affection","valentines","infatuation","crush","hearts","adore"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd70" src="1f970.png"/>',fitzpatrick_scale:!1,category:"people"},kissing_heart:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude18" src="1f618.png"/>',fitzpatrick_scale:!1,category:"people"},kissing:{keywords:["love","like","face","3","valentines","infatuation","kiss"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude17" src="1f617.png"/>',fitzpatrick_scale:!1,category:"people"},kissing_smiling_eyes:{keywords:["face","affection","valentines","infatuation","kiss"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude19" src="1f619.png"/>',fitzpatrick_scale:!1,category:"people"},kissing_closed_eyes:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude1a" src="1f61a.png"/>',fitzpatrick_scale:!1,category:"people"},stuck_out_tongue_winking_eye:{keywords:["face","prank","childish","playful","mischievous","smile","wink","tongue"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude1c" src="1f61c.png"/>',fitzpatrick_scale:!1,category:"people"},zany:{keywords:["face","goofy","crazy"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd2a" src="1f92a.png"/>',fitzpatrick_scale:!1,category:"people"},raised_eyebrow:{keywords:["face","distrust","scepticism","disapproval","disbelief","surprise"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd28" src="1f928.png"/>',fitzpatrick_scale:!1,category:"people"},monocle:{keywords:["face","stuffy","wealthy"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd0" src="1f9d0.png"/>',fitzpatrick_scale:!1,category:"people"},stuck_out_tongue_closed_eyes:{keywords:["face","prank","playful","mischievous","smile","tongue"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude1d" src="1f61d.png"/>',fitzpatrick_scale:!1,category:"people"},stuck_out_tongue:{keywords:["face","prank","childish","playful","mischievous","smile","tongue"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude1b" src="1f61b.png"/>',fitzpatrick_scale:!1,category:"people"},money_mouth_face:{keywords:["face","rich","dollar","money"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd11" src="1f911.png"/>',fitzpatrick_scale:!1,category:"people"},nerd_face:{keywords:["face","nerdy","geek","dork"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd13" src="1f913.png"/>',fitzpatrick_scale:!1,category:"people"},sunglasses:{keywords:["face","cool","smile","summer","beach","sunglass"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude0e" src="1f60e.png"/>',fitzpatrick_scale:!1,category:"people"},star_struck:{keywords:["face","smile","starry","eyes","grinning"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd29" src="1f929.png"/>',fitzpatrick_scale:!1,category:"people"},clown_face:{keywords:["face"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd21" src="1f921.png"/>',fitzpatrick_scale:!1,category:"people"},cowboy_hat_face:{keywords:["face","cowgirl","hat"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd20" src="1f920.png"/>',fitzpatrick_scale:!1,category:"people"},hugs:{keywords:["face","smile","hug"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd17" src="1f917.png"/>',fitzpatrick_scale:!1,category:"people"},smirk:{keywords:["face","smile","mean","prank","smug","sarcasm"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude0f" src="1f60f.png"/>',fitzpatrick_scale:!1,category:"people"},no_mouth:{keywords:["face","hellokitty"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude36" src="1f636.png"/>',fitzpatrick_scale:!1,category:"people"},neutral_face:{keywords:["indifference","meh",":|","neutral"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude10" src="1f610.png"/>',fitzpatrick_scale:!1,category:"people"},expressionless:{keywords:["face","indifferent","-_-","meh","deadpan"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude11" src="1f611.png"/>',fitzpatrick_scale:!1,category:"people"},unamused:{keywords:["indifference","bored","straight face","serious","sarcasm","unimpressed","skeptical","dubious","side_eye"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude12" src="1f612.png"/>',fitzpatrick_scale:!1,category:"people"},roll_eyes:{keywords:["face","eyeroll","frustrated"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude44" src="1f644.png"/>',fitzpatrick_scale:!1,category:"people"},thinking:{keywords:["face","hmmm","think","consider"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd14" src="1f914.png"/>',fitzpatrick_scale:!1,category:"people"},lying_face:{keywords:["face","lie","pinocchio"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd25" src="1f925.png"/>',fitzpatrick_scale:!1,category:"people"},hand_over_mouth:{keywords:["face","whoops","shock","surprise"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd2d" src="1f92d.png"/>',fitzpatrick_scale:!1,category:"people"},shushing:{keywords:["face","quiet","shhh"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd2b" src="1f92b.png"/>',fitzpatrick_scale:!1,category:"people"},symbols_over_mouth:{keywords:["face","swearing","cursing","cussing","profanity","expletive"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd2c" src="1f92c.png"/>',fitzpatrick_scale:!1,category:"people"},exploding_head:{keywords:["face","shocked","mind","blown"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd2f" src="1f92f.png"/>',fitzpatrick_scale:!1,category:"people"},flushed:{keywords:["face","blush","shy","flattered"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude33" src="1f633.png"/>',fitzpatrick_scale:!1,category:"people"},disappointed:{keywords:["face","sad","upset","depressed",":("],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude1e" src="1f61e.png"/>',fitzpatrick_scale:!1,category:"people"},worried:{keywords:["face","concern","nervous",":("],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude1f" src="1f61f.png"/>',fitzpatrick_scale:!1,category:"people"},angry:{keywords:["mad","face","annoyed","frustrated"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude20" src="1f620.png"/>',fitzpatrick_scale:!1,category:"people"},rage:{keywords:["angry","mad","hate","despise"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude21" src="1f621.png"/>',fitzpatrick_scale:!1,category:"people"},pensive:{keywords:["face","sad","depressed","upset"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude14" src="1f614.png"/>',fitzpatrick_scale:!1,category:"people"},confused:{keywords:["face","indifference","huh","weird","hmmm",":/"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude15" src="1f615.png"/>',fitzpatrick_scale:!1,category:"people"},slightly_frowning_face:{keywords:["face","frowning","disappointed","sad","upset"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude41" src="1f641.png"/>',fitzpatrick_scale:!1,category:"people"},frowning_face:{keywords:["face","sad","upset","frown"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2639" src="2639.png"/>',fitzpatrick_scale:!1,category:"people"},persevere:{keywords:["face","sick","no","upset","oops"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude23" src="1f623.png"/>',fitzpatrick_scale:!1,category:"people"},confounded:{keywords:["face","confused","sick","unwell","oops",":S"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude16" src="1f616.png"/>',fitzpatrick_scale:!1,category:"people"},tired_face:{keywords:["sick","whine","upset","frustrated"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude2b" src="1f62b.png"/>',fitzpatrick_scale:!1,category:"people"},weary:{keywords:["face","tired","sleepy","sad","frustrated","upset"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude29" src="1f629.png"/>',fitzpatrick_scale:!1,category:"people"},pleading:{keywords:["face","begging","mercy"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd7a" src="1f97a.png"/>',fitzpatrick_scale:!1,category:"people"},triumph:{keywords:["face","gas","phew","proud","pride"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude24" src="1f624.png"/>',fitzpatrick_scale:!1,category:"people"},open_mouth:{keywords:["face","surprise","impressed","wow","whoa",":O"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude2e" src="1f62e.png"/>',fitzpatrick_scale:!1,category:"people"},scream:{keywords:["face","munch","scared","omg"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude31" src="1f631.png"/>',fitzpatrick_scale:!1,category:"people"},fearful:{keywords:["face","scared","terrified","nervous","oops","huh"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude28" src="1f628.png"/>',fitzpatrick_scale:!1,category:"people"},cold_sweat:{keywords:["face","nervous","sweat"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude30" src="1f630.png"/>',fitzpatrick_scale:!1,category:"people"},hushed:{keywords:["face","woo","shh"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude2f" src="1f62f.png"/>',fitzpatrick_scale:!1,category:"people"},frowning:{keywords:["face","aw","what"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude26" src="1f626.png"/>',fitzpatrick_scale:!1,category:"people"},anguished:{keywords:["face","stunned","nervous"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude27" src="1f627.png"/>',fitzpatrick_scale:!1,category:"people"},cry:{keywords:["face","tears","sad","depressed","upset",":'("],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude22" src="1f622.png"/>',fitzpatrick_scale:!1,category:"people"},disappointed_relieved:{keywords:["face","phew","sweat","nervous"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude25" src="1f625.png"/>',fitzpatrick_scale:!1,category:"people"},drooling_face:{keywords:["face"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd24" src="1f924.png"/>',fitzpatrick_scale:!1,category:"people"},sleepy:{keywords:["face","tired","rest","nap"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude2a" src="1f62a.png"/>',fitzpatrick_scale:!1,category:"people"},sweat:{keywords:["face","hot","sad","tired","exercise"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude13" src="1f613.png"/>',fitzpatrick_scale:!1,category:"people"},hot:{keywords:["face","feverish","heat","red","sweating"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd75" src="1f975.png"/>',fitzpatrick_scale:!1,category:"people"},cold:{keywords:["face","blue","freezing","frozen","frostbite","icicles"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd76" src="1f976.png"/>',fitzpatrick_scale:!1,category:"people"},sob:{keywords:["face","cry","tears","sad","upset","depressed"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude2d" src="1f62d.png"/>',fitzpatrick_scale:!1,category:"people"},dizzy_face:{keywords:["spent","unconscious","xox","dizzy"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude35" src="1f635.png"/>',fitzpatrick_scale:!1,category:"people"},astonished:{keywords:["face","xox","surprised","poisoned"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude32" src="1f632.png"/>',fitzpatrick_scale:!1,category:"people"},zipper_mouth_face:{keywords:["face","sealed","zipper","secret"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd10" src="1f910.png"/>',fitzpatrick_scale:!1,category:"people"},nauseated_face:{keywords:["face","vomit","gross","green","sick","throw up","ill"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd22" src="1f922.png"/>',fitzpatrick_scale:!1,category:"people"},sneezing_face:{keywords:["face","gesundheit","sneeze","sick","allergy"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd27" src="1f927.png"/>',fitzpatrick_scale:!1,category:"people"},vomiting:{keywords:["face","sick"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd2e" src="1f92e.png"/>',fitzpatrick_scale:!1,category:"people"},mask:{keywords:["face","sick","ill","disease"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude37" src="1f637.png"/>',fitzpatrick_scale:!1,category:"people"},face_with_thermometer:{keywords:["sick","temperature","thermometer","cold","fever"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd12" src="1f912.png"/>',fitzpatrick_scale:!1,category:"people"},face_with_head_bandage:{keywords:["injured","clumsy","bandage","hurt"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd15" src="1f915.png"/>',fitzpatrick_scale:!1,category:"people"},woozy:{keywords:["face","dizzy","intoxicated","tipsy","wavy"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd74" src="1f974.png"/>',fitzpatrick_scale:!1,category:"people"},sleeping:{keywords:["face","tired","sleepy","night","zzz"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude34" src="1f634.png"/>',fitzpatrick_scale:!1,category:"people"},zzz:{keywords:["sleepy","tired","dream"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca4" src="1f4a4.png"/>',fitzpatrick_scale:!1,category:"people"},poop:{keywords:["hankey","shitface","fail","turd","shit"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca9" src="1f4a9.png"/>',fitzpatrick_scale:!1,category:"people"},smiling_imp:{keywords:["devil","horns"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude08" src="1f608.png"/>',fitzpatrick_scale:!1,category:"people"},imp:{keywords:["devil","angry","horns"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc7f" src="1f47f.png"/>',fitzpatrick_scale:!1,category:"people"},japanese_ogre:{keywords:["monster","red","mask","halloween","scary","creepy","devil","demon","japanese","ogre"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc79" src="1f479.png"/>',fitzpatrick_scale:!1,category:"people"},japanese_goblin:{keywords:["red","evil","mask","monster","scary","creepy","japanese","goblin"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc7a" src="1f47a.png"/>',fitzpatrick_scale:!1,category:"people"},skull:{keywords:["dead","skeleton","creepy","death"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc80" src="1f480.png"/>',fitzpatrick_scale:!1,category:"people"},ghost:{keywords:["halloween","spooky","scary"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc7b" src="1f47b.png"/>',fitzpatrick_scale:!1,category:"people"},alien:{keywords:["UFO","paul","weird","outer_space"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc7d" src="1f47d.png"/>',fitzpatrick_scale:!1,category:"people"},robot:{keywords:["computer","machine","bot"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd16" src="1f916.png"/>',fitzpatrick_scale:!1,category:"people"},smiley_cat:{keywords:["animal","cats","happy","smile"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude3a" src="1f63a.png"/>',fitzpatrick_scale:!1,category:"people"},smile_cat:{keywords:["animal","cats","smile"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude38" src="1f638.png"/>',fitzpatrick_scale:!1,category:"people"},joy_cat:{keywords:["animal","cats","haha","happy","tears"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude39" src="1f639.png"/>',fitzpatrick_scale:!1,category:"people"},heart_eyes_cat:{keywords:["animal","love","like","affection","cats","valentines","heart"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude3b" src="1f63b.png"/>',fitzpatrick_scale:!1,category:"people"},smirk_cat:{keywords:["animal","cats","smirk"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude3c" src="1f63c.png"/>',fitzpatrick_scale:!1,category:"people"},kissing_cat:{keywords:["animal","cats","kiss"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude3d" src="1f63d.png"/>',fitzpatrick_scale:!1,category:"people"},scream_cat:{keywords:["animal","cats","munch","scared","scream"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude40" src="1f640.png"/>',fitzpatrick_scale:!1,category:"people"},crying_cat_face:{keywords:["animal","tears","weep","sad","cats","upset","cry"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude3f" src="1f63f.png"/>',fitzpatrick_scale:!1,category:"people"},pouting_cat:{keywords:["animal","cats"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude3e" src="1f63e.png"/>',fitzpatrick_scale:!1,category:"people"},palms_up:{keywords:["hands","gesture","cupped","prayer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd32" src="1f932.png"/>',fitzpatrick_scale:!0,category:"people"},raised_hands:{keywords:["gesture","hooray","yea","celebration","hands"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4c" src="1f64c.png"/>',fitzpatrick_scale:!0,category:"people"},clap:{keywords:["hands","praise","applause","congrats","yay"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc4f" src="1f44f.png"/>',fitzpatrick_scale:!0,category:"people"},wave:{keywords:["hands","gesture","goodbye","solong","farewell","hello","hi","palm"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc4b" src="1f44b.png"/>',fitzpatrick_scale:!0,category:"people"},call_me_hand:{keywords:["hands","gesture"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd19" src="1f919.png"/>',fitzpatrick_scale:!0,category:"people"},"+1":{keywords:["thumbsup","yes","awesome","good","agree","accept","cool","hand","like"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc4d" src="1f44d.png"/>',fitzpatrick_scale:!0,category:"people"},"-1":{keywords:["thumbsdown","no","dislike","hand"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc4e" src="1f44e.png"/>',fitzpatrick_scale:!0,category:"people"},facepunch:{keywords:["angry","violence","fist","hit","attack","hand"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc4a" src="1f44a.png"/>',fitzpatrick_scale:!0,category:"people"},fist:{keywords:["fingers","hand","grasp"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270a" src="270a.png"/>',fitzpatrick_scale:!0,category:"people"},fist_left:{keywords:["hand","fistbump"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd1b" src="1f91b.png"/>',fitzpatrick_scale:!0,category:"people"},fist_right:{keywords:["hand","fistbump"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd1c" src="1f91c.png"/>',fitzpatrick_scale:!0,category:"people"},v:{keywords:["fingers","ohyeah","hand","peace","victory","two"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270c" src="270c.png"/>',fitzpatrick_scale:!0,category:"people"},ok_hand:{keywords:["fingers","limbs","perfect","ok","okay"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc4c" src="1f44c.png"/>',fitzpatrick_scale:!0,category:"people"},raised_hand:{keywords:["fingers","stop","highfive","palm","ban"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270b" src="270b.png"/>',fitzpatrick_scale:!0,category:"people"},raised_back_of_hand:{keywords:["fingers","raised","backhand"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd1a" src="1f91a.png"/>',fitzpatrick_scale:!0,category:"people"},open_hands:{keywords:["fingers","butterfly","hands","open"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc50" src="1f450.png"/>',fitzpatrick_scale:!0,category:"people"},muscle:{keywords:["arm","flex","hand","summer","strong","biceps"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcaa" src="1f4aa.png"/>',fitzpatrick_scale:!0,category:"people"},pray:{keywords:["please","hope","wish","namaste","highfive"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4f" src="1f64f.png"/>',fitzpatrick_scale:!0,category:"people"},foot:{keywords:["kick","stomp"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddb6" src="1f9b6.png"/>',fitzpatrick_scale:!0,category:"people"},leg:{keywords:["kick","limb"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddb5" src="1f9b5.png"/>',fitzpatrick_scale:!0,category:"people"},handshake:{keywords:["agreement","shake"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd1d" src="1f91d.png"/>',fitzpatrick_scale:!1,category:"people"},point_up:{keywords:["hand","fingers","direction","up"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u261d" src="261d.png"/>',fitzpatrick_scale:!0,category:"people"},point_up_2:{keywords:["fingers","hand","direction","up"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc46" src="1f446.png"/>',fitzpatrick_scale:!0,category:"people"},point_down:{keywords:["fingers","hand","direction","down"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc47" src="1f447.png"/>',fitzpatrick_scale:!0,category:"people"},point_left:{keywords:["direction","fingers","hand","left"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc48" src="1f448.png"/>',fitzpatrick_scale:!0,category:"people"},point_right:{keywords:["fingers","hand","direction","right"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc49" src="1f449.png"/>',fitzpatrick_scale:!0,category:"people"},fu:{keywords:["hand","fingers","rude","middle","flipping"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd95" src="1f595.png"/>',fitzpatrick_scale:!0,category:"people"},raised_hand_with_fingers_splayed:{keywords:["hand","fingers","palm"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd90" src="1f590.png"/>',fitzpatrick_scale:!0,category:"people"},love_you:{keywords:["hand","fingers","gesture"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd1f" src="1f91f.png"/>',fitzpatrick_scale:!0,category:"people"},metal:{keywords:["hand","fingers","evil_eye","sign_of_horns","rock_on"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd18" src="1f918.png"/>',fitzpatrick_scale:!0,category:"people"},crossed_fingers:{keywords:["good","lucky"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd1e" src="1f91e.png"/>',fitzpatrick_scale:!0,category:"people"},vulcan_salute:{keywords:["hand","fingers","spock","star trek"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd96" src="1f596.png"/>',fitzpatrick_scale:!0,category:"people"},writing_hand:{keywords:["lower_left_ballpoint_pen","stationery","write","compose"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270d" src="270d.png"/>',fitzpatrick_scale:!0,category:"people"},selfie:{keywords:["camera","phone"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd33" src="1f933.png"/>',fitzpatrick_scale:!0,category:"people"},nail_care:{keywords:["beauty","manicure","finger","fashion","nail"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc85" src="1f485.png"/>',fitzpatrick_scale:!0,category:"people"},lips:{keywords:["mouth","kiss"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc44" src="1f444.png"/>',fitzpatrick_scale:!1,category:"people"},tooth:{keywords:["teeth","dentist"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddb7" src="1f9b7.png"/>',fitzpatrick_scale:!1,category:"people"},tongue:{keywords:["mouth","playful"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc45" src="1f445.png"/>',fitzpatrick_scale:!1,category:"people"},ear:{keywords:["face","hear","sound","listen"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc42" src="1f442.png"/>',fitzpatrick_scale:!0,category:"people"},nose:{keywords:["smell","sniff"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc43" src="1f443.png"/>',fitzpatrick_scale:!0,category:"people"},eye:{keywords:["face","look","see","watch","stare"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc41" src="1f441.png"/>',fitzpatrick_scale:!1,category:"people"},eyes:{keywords:["look","watch","stalk","peek","see"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc40" src="1f440.png"/>',fitzpatrick_scale:!1,category:"people"},brain:{keywords:["smart","intelligent"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde0" src="1f9e0.png"/>',fitzpatrick_scale:!1,category:"people"},bust_in_silhouette:{keywords:["user","person","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc64" src="1f464.png"/>',fitzpatrick_scale:!1,category:"people"},busts_in_silhouette:{keywords:["user","person","human","group","team"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc65" src="1f465.png"/>',fitzpatrick_scale:!1,category:"people"},speaking_head:{keywords:["user","person","human","sing","say","talk"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udde3" src="1f5e3.png"/>',fitzpatrick_scale:!1,category:"people"},baby:{keywords:["child","boy","girl","toddler"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc76" src="1f476.png"/>',fitzpatrick_scale:!0,category:"people"},child:{keywords:["gender-neutral","young"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd2" src="1f9d2.png"/>',fitzpatrick_scale:!0,category:"people"},boy:{keywords:["man","male","guy","teenager"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc66" src="1f466.png"/>',fitzpatrick_scale:!0,category:"people"},girl:{keywords:["female","woman","teenager"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc67" src="1f467.png"/>',fitzpatrick_scale:!0,category:"people"},adult:{keywords:["gender-neutral","person"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd1" src="1f9d1.png"/>',fitzpatrick_scale:!0,category:"people"},man:{keywords:["mustache","father","dad","guy","classy","sir","moustache"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68" src="1f468.png"/>',fitzpatrick_scale:!0,category:"people"},woman:{keywords:["female","girls","lady"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69" src="1f469.png"/>',fitzpatrick_scale:!0,category:"people"},blonde_woman:{keywords:["woman","female","girl","blonde","person"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc71\u200d\u2640\ufe0f" src="1f471-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},blonde_man:{keywords:["man","male","boy","blonde","guy","person"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc71" src="1f471.png"/>',fitzpatrick_scale:!0,category:"people"},bearded_person:{keywords:["person","bewhiskered"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd4" src="1f9d4.png"/>',fitzpatrick_scale:!0,category:"people"},older_adult:{keywords:["human","elder","senior","gender-neutral"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd3" src="1f9d3.png"/>',fitzpatrick_scale:!0,category:"people"},older_man:{keywords:["human","male","men","old","elder","senior"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc74" src="1f474.png"/>',fitzpatrick_scale:!0,category:"people"},older_woman:{keywords:["human","female","women","lady","old","elder","senior"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc75" src="1f475.png"/>',fitzpatrick_scale:!0,category:"people"},man_with_gua_pi_mao:{keywords:["male","boy","chinese"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc72" src="1f472.png"/>',fitzpatrick_scale:!0,category:"people"},woman_with_headscarf:{keywords:["female","hijab","mantilla","tichel"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd5" src="1f9d5.png"/>',fitzpatrick_scale:!0,category:"people"},woman_with_turban:{keywords:["female","indian","hinduism","arabs","woman"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc73\u200d\u2640\ufe0f" src="1f473-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_with_turban:{keywords:["male","indian","hinduism","arabs"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc73" src="1f473.png"/>',fitzpatrick_scale:!0,category:"people"},policewoman:{keywords:["woman","police","law","legal","enforcement","arrest","911","female"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc6e\u200d\u2640\ufe0f" src="1f46e-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},policeman:{keywords:["man","police","law","legal","enforcement","arrest","911"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc6e" src="1f46e.png"/>',fitzpatrick_scale:!0,category:"people"},construction_worker_woman:{keywords:["female","human","wip","build","construction","worker","labor","woman"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc77\u200d\u2640\ufe0f" src="1f477-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},construction_worker_man:{keywords:["male","human","wip","guy","build","construction","worker","labor"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc77" src="1f477.png"/>',fitzpatrick_scale:!0,category:"people"},guardswoman:{keywords:["uk","gb","british","female","royal","woman"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc82\u200d\u2640\ufe0f" src="1f482-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},guardsman:{keywords:["uk","gb","british","male","guy","royal"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc82" src="1f482.png"/>',fitzpatrick_scale:!0,category:"people"},female_detective:{keywords:["human","spy","detective","female","woman"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd75\ufe0f\u200d\u2640\ufe0f" src="1f575-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},male_detective:{keywords:["human","spy","detective"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd75" src="1f575.png"/>',fitzpatrick_scale:!0,category:"people"},woman_health_worker:{keywords:["doctor","nurse","therapist","healthcare","woman","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\u2695\ufe0f" src="1f469-200d-2695-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_health_worker:{keywords:["doctor","nurse","therapist","healthcare","man","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\u2695\ufe0f" src="1f468-200d-2695-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_farmer:{keywords:["rancher","gardener","woman","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83c\udf3e" src="1f469-200d-1f33e.png"/>',fitzpatrick_scale:!0,category:"people"},man_farmer:{keywords:["rancher","gardener","man","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83c\udf3e" src="1f468-200d-1f33e.png"/>',fitzpatrick_scale:!0,category:"people"},woman_cook:{keywords:["chef","woman","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83c\udf73" src="1f469-200d-1f373.png"/>',fitzpatrick_scale:!0,category:"people"},man_cook:{keywords:["chef","man","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83c\udf73" src="1f468-200d-1f373.png"/>',fitzpatrick_scale:!0,category:"people"},woman_student:{keywords:["graduate","woman","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83c\udf93" src="1f469-200d-1f393.png"/>',fitzpatrick_scale:!0,category:"people"},man_student:{keywords:["graduate","man","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83c\udf93" src="1f468-200d-1f393.png"/>',fitzpatrick_scale:!0,category:"people"},woman_singer:{keywords:["rockstar","entertainer","woman","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83c\udfa4" src="1f469-200d-1f3a4.png"/>',fitzpatrick_scale:!0,category:"people"},man_singer:{keywords:["rockstar","entertainer","man","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83c\udfa4" src="1f468-200d-1f3a4.png"/>',fitzpatrick_scale:!0,category:"people"},woman_teacher:{keywords:["instructor","professor","woman","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83c\udfeb" src="1f469-200d-1f3eb.png"/>',fitzpatrick_scale:!0,category:"people"},man_teacher:{keywords:["instructor","professor","man","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83c\udfeb" src="1f468-200d-1f3eb.png"/>',fitzpatrick_scale:!0,category:"people"},woman_factory_worker:{keywords:["assembly","industrial","woman","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83c\udfed" src="1f469-200d-1f3ed.png"/>',fitzpatrick_scale:!0,category:"people"},man_factory_worker:{keywords:["assembly","industrial","man","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83c\udfed" src="1f468-200d-1f3ed.png"/>',fitzpatrick_scale:!0,category:"people"},woman_technologist:{keywords:["coder","developer","engineer","programmer","software","woman","human","laptop","computer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udcbb" src="1f469-200d-1f4bb.png"/>',fitzpatrick_scale:!0,category:"people"},man_technologist:{keywords:["coder","developer","engineer","programmer","software","man","human","laptop","computer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udcbb" src="1f468-200d-1f4bb.png"/>',fitzpatrick_scale:!0,category:"people"},woman_office_worker:{keywords:["business","manager","woman","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udcbc" src="1f469-200d-1f4bc.png"/>',fitzpatrick_scale:!0,category:"people"},man_office_worker:{keywords:["business","manager","man","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udcbc" src="1f468-200d-1f4bc.png"/>',fitzpatrick_scale:!0,category:"people"},woman_mechanic:{keywords:["plumber","woman","human","wrench"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udd27" src="1f469-200d-1f527.png"/>',fitzpatrick_scale:!0,category:"people"},man_mechanic:{keywords:["plumber","man","human","wrench"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udd27" src="1f468-200d-1f527.png"/>',fitzpatrick_scale:!0,category:"people"},woman_scientist:{keywords:["biologist","chemist","engineer","physicist","woman","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udd2c" src="1f469-200d-1f52c.png"/>',fitzpatrick_scale:!0,category:"people"},man_scientist:{keywords:["biologist","chemist","engineer","physicist","man","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udd2c" src="1f468-200d-1f52c.png"/>',fitzpatrick_scale:!0,category:"people"},woman_artist:{keywords:["painter","woman","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83c\udfa8" src="1f469-200d-1f3a8.png"/>',fitzpatrick_scale:!0,category:"people"},man_artist:{keywords:["painter","man","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83c\udfa8" src="1f468-200d-1f3a8.png"/>',fitzpatrick_scale:!0,category:"people"},woman_firefighter:{keywords:["fireman","woman","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\ude92" src="1f469-200d-1f692.png"/>',fitzpatrick_scale:!0,category:"people"},man_firefighter:{keywords:["fireman","man","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\ude92" src="1f468-200d-1f692.png"/>',fitzpatrick_scale:!0,category:"people"},woman_pilot:{keywords:["aviator","plane","woman","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\u2708\ufe0f" src="1f469-200d-2708-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_pilot:{keywords:["aviator","plane","man","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\u2708\ufe0f" src="1f468-200d-2708-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_astronaut:{keywords:["space","rocket","woman","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\ude80" src="1f469-200d-1f680.png"/>',fitzpatrick_scale:!0,category:"people"},man_astronaut:{keywords:["space","rocket","man","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\ude80" src="1f468-200d-1f680.png"/>',fitzpatrick_scale:!0,category:"people"},woman_judge:{keywords:["justice","court","woman","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\u2696\ufe0f" src="1f469-200d-2696-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_judge:{keywords:["justice","court","man","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\u2696\ufe0f" src="1f468-200d-2696-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_superhero:{keywords:["woman","female","good","heroine","superpowers"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddb8\u200d\u2640\ufe0f" src="1f9b8-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_superhero:{keywords:["man","male","good","hero","superpowers"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddb8\u200d\u2642\ufe0f" src="1f9b8-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_supervillain:{keywords:["woman","female","evil","bad","criminal","heroine","superpowers"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddb9\u200d\u2640\ufe0f" src="1f9b9-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_supervillain:{keywords:["man","male","evil","bad","criminal","hero","superpowers"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddb9\u200d\u2642\ufe0f" src="1f9b9-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},mrs_claus:{keywords:["woman","female","xmas","mother christmas"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd36" src="1f936.png"/>',fitzpatrick_scale:!0,category:"people"},santa:{keywords:["festival","man","male","xmas","father christmas"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf85" src="1f385.png"/>',fitzpatrick_scale:!0,category:"people"},sorceress:{keywords:["woman","female","mage","witch"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd9\u200d\u2640\ufe0f" src="1f9d9-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},wizard:{keywords:["man","male","mage","sorcerer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd9\u200d\u2642\ufe0f" src="1f9d9-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_elf:{keywords:["woman","female"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udddd\u200d\u2640\ufe0f" src="1f9dd-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_elf:{keywords:["man","male"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udddd\u200d\u2642\ufe0f" src="1f9dd-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_vampire:{keywords:["woman","female"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udddb\u200d\u2640\ufe0f" src="1f9db-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_vampire:{keywords:["man","male","dracula"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udddb\u200d\u2642\ufe0f" src="1f9db-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_zombie:{keywords:["woman","female","undead","walking dead"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udddf\u200d\u2640\ufe0f" src="1f9df-200d-2640-fe0f.png"/>',fitzpatrick_scale:!1,category:"people"},man_zombie:{keywords:["man","male","dracula","undead","walking dead"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udddf\u200d\u2642\ufe0f" src="1f9df-200d-2642-fe0f.png"/>',fitzpatrick_scale:!1,category:"people"},woman_genie:{keywords:["woman","female"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddde\u200d\u2640\ufe0f" src="1f9de-200d-2640-fe0f.png"/>',fitzpatrick_scale:!1,category:"people"},man_genie:{keywords:["man","male"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddde\u200d\u2642\ufe0f" src="1f9de-200d-2642-fe0f.png"/>',fitzpatrick_scale:!1,category:"people"},mermaid:{keywords:["woman","female","merwoman","ariel"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udddc\u200d\u2640\ufe0f" src="1f9dc-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},merman:{keywords:["man","male","triton"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udddc\u200d\u2642\ufe0f" src="1f9dc-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_fairy:{keywords:["woman","female"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddda\u200d\u2640\ufe0f" src="1f9da-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_fairy:{keywords:["man","male"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddda\u200d\u2642\ufe0f" src="1f9da-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},angel:{keywords:["heaven","wings","halo"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc7c" src="1f47c.png"/>',fitzpatrick_scale:!0,category:"people"},pregnant_woman:{keywords:["baby"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd30" src="1f930.png"/>',fitzpatrick_scale:!0,category:"people"},breastfeeding:{keywords:["nursing","baby"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd31" src="1f931.png"/>',fitzpatrick_scale:!0,category:"people"},princess:{keywords:["girl","woman","female","blond","crown","royal","queen"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc78" src="1f478.png"/>',fitzpatrick_scale:!0,category:"people"},prince:{keywords:["boy","man","male","crown","royal","king"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd34" src="1f934.png"/>',fitzpatrick_scale:!0,category:"people"},bride_with_veil:{keywords:["couple","marriage","wedding","woman","bride"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc70" src="1f470.png"/>',fitzpatrick_scale:!0,category:"people"},man_in_tuxedo:{keywords:["couple","marriage","wedding","groom"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd35" src="1f935.png"/>',fitzpatrick_scale:!0,category:"people"},running_woman:{keywords:["woman","walking","exercise","race","running","female"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc3\u200d\u2640\ufe0f" src="1f3c3-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},running_man:{keywords:["man","walking","exercise","race","running"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc3" src="1f3c3.png"/>',fitzpatrick_scale:!0,category:"people"},walking_woman:{keywords:["human","feet","steps","woman","female"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb6\u200d\u2640\ufe0f" src="1f6b6-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},walking_man:{keywords:["human","feet","steps"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb6" src="1f6b6.png"/>',fitzpatrick_scale:!0,category:"people"},dancer:{keywords:["female","girl","woman","fun"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc83" src="1f483.png"/>',fitzpatrick_scale:!0,category:"people"},man_dancing:{keywords:["male","boy","fun","dancer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd7a" src="1f57a.png"/>',fitzpatrick_scale:!0,category:"people"},dancing_women:{keywords:["female","bunny","women","girls"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc6f" src="1f46f.png"/>',fitzpatrick_scale:!1,category:"people"},dancing_men:{keywords:["male","bunny","men","boys"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc6f\u200d\u2642\ufe0f" src="1f46f-200d-2642-fe0f.png"/>',fitzpatrick_scale:!1,category:"people"},couple:{keywords:["pair","people","human","love","date","dating","like","affection","valentines","marriage"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc6b" src="1f46b.png"/>',fitzpatrick_scale:!1,category:"people"},two_men_holding_hands:{keywords:["pair","couple","love","like","bromance","friendship","people","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc6c" src="1f46c.png"/>',fitzpatrick_scale:!1,category:"people"},two_women_holding_hands:{keywords:["pair","friendship","couple","love","like","female","people","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc6d" src="1f46d.png"/>',fitzpatrick_scale:!1,category:"people"},bowing_woman:{keywords:["woman","female","girl"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude47\u200d\u2640\ufe0f" src="1f647-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},bowing_man:{keywords:["man","male","boy"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude47" src="1f647.png"/>',fitzpatrick_scale:!0,category:"people"},man_facepalming:{keywords:["man","male","boy","disbelief"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd26\u200d\u2642\ufe0f" src="1f926-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_facepalming:{keywords:["woman","female","girl","disbelief"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd26\u200d\u2640\ufe0f" src="1f926-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_shrugging:{keywords:["woman","female","girl","confused","indifferent","doubt"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd37" src="1f937.png"/>',fitzpatrick_scale:!0,category:"people"},man_shrugging:{keywords:["man","male","boy","confused","indifferent","doubt"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd37\u200d\u2642\ufe0f" src="1f937-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},tipping_hand_woman:{keywords:["female","girl","woman","human","information"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc81" src="1f481.png"/>',fitzpatrick_scale:!0,category:"people"},tipping_hand_man:{keywords:["male","boy","man","human","information"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc81\u200d\u2642\ufe0f" src="1f481-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},no_good_woman:{keywords:["female","girl","woman","nope"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude45" src="1f645.png"/>',fitzpatrick_scale:!0,category:"people"},no_good_man:{keywords:["male","boy","man","nope"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude45\u200d\u2642\ufe0f" src="1f645-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},ok_woman:{keywords:["women","girl","female","pink","human","woman"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude46" src="1f646.png"/>',fitzpatrick_scale:!0,category:"people"},ok_man:{keywords:["men","boy","male","blue","human","man"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude46\u200d\u2642\ufe0f" src="1f646-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},raising_hand_woman:{keywords:["female","girl","woman"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4b" src="1f64b.png"/>',fitzpatrick_scale:!0,category:"people"},raising_hand_man:{keywords:["male","boy","man"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4b\u200d\u2642\ufe0f" src="1f64b-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},pouting_woman:{keywords:["female","girl","woman"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4e" src="1f64e.png"/>',fitzpatrick_scale:!0,category:"people"},pouting_man:{keywords:["male","boy","man"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4e\u200d\u2642\ufe0f" src="1f64e-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},frowning_woman:{keywords:["female","girl","woman","sad","depressed","discouraged","unhappy"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4d" src="1f64d.png"/>',fitzpatrick_scale:!0,category:"people"},frowning_man:{keywords:["male","boy","man","sad","depressed","discouraged","unhappy"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4d\u200d\u2642\ufe0f" src="1f64d-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},haircut_woman:{keywords:["female","girl","woman"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc87" src="1f487.png"/>',fitzpatrick_scale:!0,category:"people"},haircut_man:{keywords:["male","boy","man"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc87\u200d\u2642\ufe0f" src="1f487-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},massage_woman:{keywords:["female","girl","woman","head"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc86" src="1f486.png"/>',fitzpatrick_scale:!0,category:"people"},massage_man:{keywords:["male","boy","man","head"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc86\u200d\u2642\ufe0f" src="1f486-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},woman_in_steamy_room:{keywords:["female","woman","spa","steamroom","sauna"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd6\u200d\u2640\ufe0f" src="1f9d6-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},man_in_steamy_room:{keywords:["male","man","spa","steamroom","sauna"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd6\u200d\u2642\ufe0f" src="1f9d6-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"people"},couple_with_heart_woman_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc91" src="1f491.png"/>',fitzpatrick_scale:!1,category:"people"},couple_with_heart_woman_woman:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud83d\udc69" src="1f469-200d-2764-fe0f-200d-1f469.png"/>',fitzpatrick_scale:!1,category:"people"},couple_with_heart_man_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\u2764\ufe0f\u200d\ud83d\udc68" src="1f468-200d-2764-fe0f-200d-1f468.png"/>',fitzpatrick_scale:!1,category:"people"},couplekiss_man_woman:{keywords:["pair","valentines","love","like","dating","marriage"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc8f" src="1f48f.png"/>',fitzpatrick_scale:!1,category:"people"},couplekiss_woman_woman:{keywords:["pair","valentines","love","like","dating","marriage"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc69" src="1f469-200d-2764-fe0f-200d-1f48b-200d-1f469.png"/>',fitzpatrick_scale:!1,category:"people"},couplekiss_man_man:{keywords:["pair","valentines","love","like","dating","marriage"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68" src="1f468-200d-2764-fe0f-200d-1f48b-200d-1f468.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_woman_boy:{keywords:["home","parents","child","mom","dad","father","mother","people","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc6a" src="1f46a.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_woman_girl:{keywords:["home","parents","people","human","child"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67" src="1f468-200d-1f469-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_woman_girl_boy:{keywords:["home","parents","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66" src="1f468-200d-1f469-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_woman_boy_boy:{keywords:["home","parents","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66" src="1f468-200d-1f469-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_woman_girl_girl:{keywords:["home","parents","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc67" src="1f468-200d-1f469-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_woman_boy:{keywords:["home","parents","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc66" src="1f469-200d-1f469-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl:{keywords:["home","parents","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc67" src="1f469-200d-1f469-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl_boy:{keywords:["home","parents","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66" src="1f469-200d-1f469-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_woman_boy_boy:{keywords:["home","parents","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66" src="1f469-200d-1f469-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl_girl:{keywords:["home","parents","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc67" src="1f469-200d-1f469-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_man_boy:{keywords:["home","parents","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc66" src="1f468-200d-1f468-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_man_girl:{keywords:["home","parents","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc67" src="1f468-200d-1f468-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_man_girl_boy:{keywords:["home","parents","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d\udc66" src="1f468-200d-1f468-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_man_boy_boy:{keywords:["home","parents","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc66\u200d\ud83d\udc66" src="1f468-200d-1f468-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_man_girl_girl:{keywords:["home","parents","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d\udc67" src="1f468-200d-1f468-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_boy:{keywords:["home","parent","people","human","child"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc66" src="1f469-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_girl:{keywords:["home","parent","people","human","child"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc67" src="1f469-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_girl_boy:{keywords:["home","parent","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66" src="1f469-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_boy_boy:{keywords:["home","parent","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66" src="1f469-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_woman_girl_girl:{keywords:["home","parent","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc67" src="1f469-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_boy:{keywords:["home","parent","people","human","child"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc66" src="1f468-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_girl:{keywords:["home","parent","people","human","child"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc67" src="1f468-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_girl_boy:{keywords:["home","parent","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d\udc66" src="1f468-200d-1f467-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_boy_boy:{keywords:["home","parent","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc66\u200d\ud83d\udc66" src="1f468-200d-1f466-200d-1f466.png"/>',fitzpatrick_scale:!1,category:"people"},family_man_girl_girl:{keywords:["home","parent","people","human","children"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d\udc67" src="1f468-200d-1f467-200d-1f467.png"/>',fitzpatrick_scale:!1,category:"people"},yarn:{keywords:["ball","crochet","knit"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf6" src="1f9f6.png"/>',fitzpatrick_scale:!1,category:"people"},thread:{keywords:["needle","sewing","spool","string"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf5" src="1f9f5.png"/>',fitzpatrick_scale:!1,category:"people"},coat:{keywords:["jacket"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde5" src="1f9e5.png"/>',fitzpatrick_scale:!1,category:"people"},labcoat:{keywords:["doctor","experiment","scientist","chemist"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd7c" src="1f97c.png"/>',fitzpatrick_scale:!1,category:"people"},womans_clothes:{keywords:["fashion","shopping_bags","female"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc5a" src="1f45a.png"/>',fitzpatrick_scale:!1,category:"people"},tshirt:{keywords:["fashion","cloth","casual","shirt","tee"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc55" src="1f455.png"/>',fitzpatrick_scale:!1,category:"people"},jeans:{keywords:["fashion","shopping"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc56" src="1f456.png"/>',fitzpatrick_scale:!1,category:"people"},necktie:{keywords:["shirt","suitup","formal","fashion","cloth","business"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc54" src="1f454.png"/>',fitzpatrick_scale:!1,category:"people"},dress:{keywords:["clothes","fashion","shopping"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc57" src="1f457.png"/>',fitzpatrick_scale:!1,category:"people"},bikini:{keywords:["swimming","female","woman","girl","fashion","beach","summer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc59" src="1f459.png"/>',fitzpatrick_scale:!1,category:"people"},kimono:{keywords:["dress","fashion","women","female","japanese"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc58" src="1f458.png"/>',fitzpatrick_scale:!1,category:"people"},lipstick:{keywords:["female","girl","fashion","woman"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc84" src="1f484.png"/>',fitzpatrick_scale:!1,category:"people"},kiss:{keywords:["face","lips","love","like","affection","valentines"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc8b" src="1f48b.png"/>',fitzpatrick_scale:!1,category:"people"},footprints:{keywords:["feet","tracking","walking","beach"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc63" src="1f463.png"/>',fitzpatrick_scale:!1,category:"people"},flat_shoe:{keywords:["ballet","slip-on","slipper"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd7f" src="1f97f.png"/>',fitzpatrick_scale:!1,category:"people"},high_heel:{keywords:["fashion","shoes","female","pumps","stiletto"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc60" src="1f460.png"/>',fitzpatrick_scale:!1,category:"people"},sandal:{keywords:["shoes","fashion","flip flops"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc61" src="1f461.png"/>',fitzpatrick_scale:!1,category:"people"},boot:{keywords:["shoes","fashion"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc62" src="1f462.png"/>',fitzpatrick_scale:!1,category:"people"},mans_shoe:{keywords:["fashion","male"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc5e" src="1f45e.png"/>',fitzpatrick_scale:!1,category:"people"},athletic_shoe:{keywords:["shoes","sports","sneakers"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc5f" src="1f45f.png"/>',fitzpatrick_scale:!1,category:"people"},hiking_boot:{keywords:["backpacking","camping","hiking"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd7e" src="1f97e.png"/>',fitzpatrick_scale:!1,category:"people"},socks:{keywords:["stockings","clothes"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde6" src="1f9e6.png"/>',fitzpatrick_scale:!1,category:"people"},gloves:{keywords:["hands","winter","clothes"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde4" src="1f9e4.png"/>',fitzpatrick_scale:!1,category:"people"},scarf:{keywords:["neck","winter","clothes"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde3" src="1f9e3.png"/>',fitzpatrick_scale:!1,category:"people"},womans_hat:{keywords:["fashion","accessories","female","lady","spring"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc52" src="1f452.png"/>',fitzpatrick_scale:!1,category:"people"},tophat:{keywords:["magic","gentleman","classy","circus"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa9" src="1f3a9.png"/>',fitzpatrick_scale:!1,category:"people"},billed_hat:{keywords:["cap","baseball"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde2" src="1f9e2.png"/>',fitzpatrick_scale:!1,category:"people"},rescue_worker_helmet:{keywords:["construction","build"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26d1" src="26d1.png"/>',fitzpatrick_scale:!1,category:"people"},mortar_board:{keywords:["school","college","degree","university","graduation","cap","hat","legal","learn","education"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf93" src="1f393.png"/>',fitzpatrick_scale:!1,category:"people"},crown:{keywords:["king","kod","leader","royalty","lord"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc51" src="1f451.png"/>',fitzpatrick_scale:!1,category:"people"},school_satchel:{keywords:["student","education","bag","backpack"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf92" src="1f392.png"/>',fitzpatrick_scale:!1,category:"people"},luggage:{keywords:["packing","travel"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf3" src="1f9f3.png"/>',fitzpatrick_scale:!1,category:"people"},pouch:{keywords:["bag","accessories","shopping"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc5d" src="1f45d.png"/>',fitzpatrick_scale:!1,category:"people"},purse:{keywords:["fashion","accessories","money","sales","shopping"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc5b" src="1f45b.png"/>',fitzpatrick_scale:!1,category:"people"},handbag:{keywords:["fashion","accessory","accessories","shopping"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc5c" src="1f45c.png"/>',fitzpatrick_scale:!1,category:"people"},briefcase:{keywords:["business","documents","work","law","legal","job","career"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcbc" src="1f4bc.png"/>',fitzpatrick_scale:!1,category:"people"},eyeglasses:{keywords:["fashion","accessories","eyesight","nerdy","dork","geek"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc53" src="1f453.png"/>',fitzpatrick_scale:!1,category:"people"},dark_sunglasses:{keywords:["face","cool","accessories"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd76" src="1f576.png"/>',fitzpatrick_scale:!1,category:"people"},goggles:{keywords:["eyes","protection","safety"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd7d" src="1f97d.png"/>',fitzpatrick_scale:!1,category:"people"},ring:{keywords:["wedding","propose","marriage","valentines","diamond","fashion","jewelry","gem","engagement"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc8d" src="1f48d.png"/>',fitzpatrick_scale:!1,category:"people"},closed_umbrella:{keywords:["weather","rain","drizzle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf02" src="1f302.png"/>',fitzpatrick_scale:!1,category:"people"},dog:{keywords:["animal","friend","nature","woof","puppy","pet","faithful"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc36" src="1f436.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cat:{keywords:["animal","meow","nature","pet","kitten"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc31" src="1f431.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},mouse:{keywords:["animal","nature","cheese_wedge","rodent"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc2d" src="1f42d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hamster:{keywords:["animal","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc39" src="1f439.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rabbit:{keywords:["animal","nature","pet","spring","magic","bunny"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc30" src="1f430.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},fox_face:{keywords:["animal","nature","face"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd8a" src="1f98a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bear:{keywords:["animal","nature","wild"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc3b" src="1f43b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},panda_face:{keywords:["animal","nature","panda"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc3c" src="1f43c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},koala:{keywords:["animal","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc28" src="1f428.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tiger:{keywords:["animal","cat","danger","wild","nature","roar"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc2f" src="1f42f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},lion:{keywords:["animal","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd81" src="1f981.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cow:{keywords:["beef","ox","animal","nature","moo","milk"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc2e" src="1f42e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},pig:{keywords:["animal","oink","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc37" src="1f437.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},pig_nose:{keywords:["animal","oink"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc3d" src="1f43d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},frog:{keywords:["animal","nature","croak","toad"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc38" src="1f438.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},squid:{keywords:["animal","nature","ocean","sea"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd91" src="1f991.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},octopus:{keywords:["animal","creature","ocean","sea","nature","beach"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc19" src="1f419.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},shrimp:{keywords:["animal","ocean","nature","seafood"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd90" src="1f990.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},monkey_face:{keywords:["animal","nature","circus"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc35" src="1f435.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},gorilla:{keywords:["animal","nature","circus"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd8d" src="1f98d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},see_no_evil:{keywords:["monkey","animal","nature","haha"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude48" src="1f648.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hear_no_evil:{keywords:["animal","monkey","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude49" src="1f649.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},speak_no_evil:{keywords:["monkey","animal","nature","omg"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude4a" src="1f64a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},monkey:{keywords:["animal","nature","banana","circus"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc12" src="1f412.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},chicken:{keywords:["animal","cluck","nature","bird"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc14" src="1f414.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},penguin:{keywords:["animal","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc27" src="1f427.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bird:{keywords:["animal","nature","fly","tweet","spring"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc26" src="1f426.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},baby_chick:{keywords:["animal","chicken","bird"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc24" src="1f424.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hatching_chick:{keywords:["animal","chicken","egg","born","baby","bird"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc23" src="1f423.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hatched_chick:{keywords:["animal","chicken","baby","bird"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc25" src="1f425.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},duck:{keywords:["animal","nature","bird","mallard"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd86" src="1f986.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},eagle:{keywords:["animal","nature","bird"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd85" src="1f985.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},owl:{keywords:["animal","nature","bird","hoot"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd89" src="1f989.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bat:{keywords:["animal","nature","blind","vampire"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd87" src="1f987.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},wolf:{keywords:["animal","nature","wild"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc3a" src="1f43a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},boar:{keywords:["animal","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc17" src="1f417.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},horse:{keywords:["animal","brown","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc34" src="1f434.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},unicorn:{keywords:["animal","nature","mystical"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd84" src="1f984.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},honeybee:{keywords:["animal","insect","nature","bug","spring","honey"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc1d" src="1f41d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bug:{keywords:["animal","insect","nature","worm"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc1b" src="1f41b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},butterfly:{keywords:["animal","insect","nature","caterpillar"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd8b" src="1f98b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},snail:{keywords:["slow","animal","shell"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc0c" src="1f40c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},beetle:{keywords:["animal","insect","nature","ladybug"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc1e" src="1f41e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},ant:{keywords:["animal","insect","nature","bug"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc1c" src="1f41c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},grasshopper:{keywords:["animal","cricket","chirp"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd97" src="1f997.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},spider:{keywords:["animal","arachnid"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd77" src="1f577.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},scorpion:{keywords:["animal","arachnid"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd82" src="1f982.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},crab:{keywords:["animal","crustacean"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd80" src="1f980.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},snake:{keywords:["animal","evil","nature","hiss","python"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc0d" src="1f40d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},lizard:{keywords:["animal","nature","reptile"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd8e" src="1f98e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},"t-rex":{keywords:["animal","nature","dinosaur","tyrannosaurus","extinct"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd96" src="1f996.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sauropod:{keywords:["animal","nature","dinosaur","brachiosaurus","brontosaurus","diplodocus","extinct"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd95" src="1f995.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},turtle:{keywords:["animal","slow","nature","tortoise"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc22" src="1f422.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tropical_fish:{keywords:["animal","swim","ocean","beach","nemo"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc20" src="1f420.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},fish:{keywords:["animal","food","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc1f" src="1f41f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},blowfish:{keywords:["animal","nature","food","sea","ocean"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc21" src="1f421.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dolphin:{keywords:["animal","nature","fish","sea","ocean","flipper","fins","beach"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc2c" src="1f42c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},shark:{keywords:["animal","nature","fish","sea","ocean","jaws","fins","beach"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd88" src="1f988.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},whale:{keywords:["animal","nature","sea","ocean"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc33" src="1f433.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},whale2:{keywords:["animal","nature","sea","ocean"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc0b" src="1f40b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},crocodile:{keywords:["animal","nature","reptile","lizard","alligator"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc0a" src="1f40a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},leopard:{keywords:["animal","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc06" src="1f406.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},zebra:{keywords:["animal","nature","stripes","safari"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd93" src="1f993.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tiger2:{keywords:["animal","nature","roar"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc05" src="1f405.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},water_buffalo:{keywords:["animal","nature","ox","cow"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc03" src="1f403.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},ox:{keywords:["animal","cow","beef"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc02" src="1f402.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cow2:{keywords:["beef","ox","animal","nature","moo","milk"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc04" src="1f404.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},deer:{keywords:["animal","nature","horns","venison"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd8c" src="1f98c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dromedary_camel:{keywords:["animal","hot","desert","hump"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc2a" src="1f42a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},camel:{keywords:["animal","nature","hot","desert","hump"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc2b" src="1f42b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},giraffe:{keywords:["animal","nature","spots","safari"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd92" src="1f992.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},elephant:{keywords:["animal","nature","nose","th","circus"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc18" src="1f418.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rhinoceros:{keywords:["animal","nature","horn"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd8f" src="1f98f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},goat:{keywords:["animal","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc10" src="1f410.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},ram:{keywords:["animal","sheep","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc0f" src="1f40f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sheep:{keywords:["animal","nature","wool","shipit"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc11" src="1f411.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},racehorse:{keywords:["animal","gamble","luck"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc0e" src="1f40e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},pig2:{keywords:["animal","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc16" src="1f416.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rat:{keywords:["animal","mouse","rodent"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc00" src="1f400.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},mouse2:{keywords:["animal","nature","rodent"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc01" src="1f401.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rooster:{keywords:["animal","nature","chicken"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc13" src="1f413.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},turkey:{keywords:["animal","bird"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd83" src="1f983.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dove:{keywords:["animal","bird"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd4a" src="1f54a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dog2:{keywords:["animal","nature","friend","doge","pet","faithful"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc15" src="1f415.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},poodle:{keywords:["dog","animal","101","nature","pet"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc29" src="1f429.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cat2:{keywords:["animal","meow","pet","cats"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc08" src="1f408.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rabbit2:{keywords:["animal","nature","pet","magic","spring"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc07" src="1f407.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},chipmunk:{keywords:["animal","nature","rodent","squirrel"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc3f" src="1f43f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hedgehog:{keywords:["animal","nature","spiny"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd94" src="1f994.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},raccoon:{keywords:["animal","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd9d" src="1f99d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},llama:{keywords:["animal","nature","alpaca"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd99" src="1f999.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hippopotamus:{keywords:["animal","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd9b" src="1f99b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},kangaroo:{keywords:["animal","nature","australia","joey","hop","marsupial"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd98" src="1f998.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},badger:{keywords:["animal","nature","honey"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udda1" src="1f9a1.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},swan:{keywords:["animal","nature","bird"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udda2" src="1f9a2.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},peacock:{keywords:["animal","nature","peahen","bird"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd9a" src="1f99a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},parrot:{keywords:["animal","nature","bird","pirate","talk"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd9c" src="1f99c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},lobster:{keywords:["animal","nature","bisque","claws","seafood"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd9e" src="1f99e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},mosquito:{keywords:["animal","nature","insect","malaria"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd9f" src="1f99f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},paw_prints:{keywords:["animal","tracking","footprints","dog","cat","pet","feet"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc3e" src="1f43e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dragon:{keywords:["animal","myth","nature","chinese","green"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc09" src="1f409.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dragon_face:{keywords:["animal","myth","nature","chinese","green"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc32" src="1f432.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cactus:{keywords:["vegetable","plant","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf35" src="1f335.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},christmas_tree:{keywords:["festival","vacation","december","xmas","celebration"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf84" src="1f384.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},evergreen_tree:{keywords:["plant","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf32" src="1f332.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},deciduous_tree:{keywords:["plant","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf33" src="1f333.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},palm_tree:{keywords:["plant","vegetable","nature","summer","beach","mojito","tropical"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf34" src="1f334.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},seedling:{keywords:["plant","nature","grass","lawn","spring"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf31" src="1f331.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},herb:{keywords:["vegetable","plant","medicine","weed","grass","lawn"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf3f" src="1f33f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},shamrock:{keywords:["vegetable","plant","nature","irish","clover"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2618" src="2618.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},four_leaf_clover:{keywords:["vegetable","plant","nature","lucky","irish"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf40" src="1f340.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bamboo:{keywords:["plant","nature","vegetable","panda","pine_decoration"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf8d" src="1f38d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tanabata_tree:{keywords:["plant","nature","branch","summer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf8b" src="1f38b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},leaves:{keywords:["nature","plant","tree","vegetable","grass","lawn","spring"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf43" src="1f343.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},fallen_leaf:{keywords:["nature","plant","vegetable","leaves"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf42" src="1f342.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},maple_leaf:{keywords:["nature","plant","vegetable","ca","fall"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf41" src="1f341.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},ear_of_rice:{keywords:["nature","plant"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf3e" src="1f33e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},hibiscus:{keywords:["plant","vegetable","flowers","beach"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf3a" src="1f33a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sunflower:{keywords:["nature","plant","fall"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf3b" src="1f33b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},rose:{keywords:["flowers","valentines","love","spring"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf39" src="1f339.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},wilted_flower:{keywords:["plant","nature","flower"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd40" src="1f940.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tulip:{keywords:["flowers","plant","nature","summer","spring"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf37" src="1f337.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},blossom:{keywords:["nature","flowers","yellow"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf3c" src="1f33c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cherry_blossom:{keywords:["nature","plant","spring","flower"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf38" src="1f338.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},bouquet:{keywords:["flowers","nature","spring"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc90" src="1f490.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},mushroom:{keywords:["plant","vegetable"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf44" src="1f344.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},chestnut:{keywords:["food","squirrel"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf30" src="1f330.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},jack_o_lantern:{keywords:["halloween","light","pumpkin","creepy","fall"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf83" src="1f383.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},shell:{keywords:["nature","sea","beach"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc1a" src="1f41a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},spider_web:{keywords:["animal","insect","arachnid","silk"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd78" src="1f578.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},earth_americas:{keywords:["globe","world","USA","international"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf0e" src="1f30e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},earth_africa:{keywords:["globe","world","international"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf0d" src="1f30d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},earth_asia:{keywords:["globe","world","east","international"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf0f" src="1f30f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},full_moon:{keywords:["nature","yellow","twilight","planet","space","night","evening","sleep"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf15" src="1f315.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},waning_gibbous_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep","waxing_gibbous_moon"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf16" src="1f316.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},last_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf17" src="1f317.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},waning_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf18" src="1f318.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},new_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf11" src="1f311.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},waxing_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf12" src="1f312.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},first_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf13" src="1f313.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},waxing_gibbous_moon:{keywords:["nature","night","sky","gray","twilight","planet","space","evening","sleep"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf14" src="1f314.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},new_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf1a" src="1f31a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},full_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf1d" src="1f31d.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},first_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf1b" src="1f31b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},last_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf1c" src="1f31c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sun_with_face:{keywords:["nature","morning","sky"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf1e" src="1f31e.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},crescent_moon:{keywords:["night","sleep","sky","evening","magic"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf19" src="1f319.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},star:{keywords:["night","yellow"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b50" src="2b50.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},star2:{keywords:["night","sparkle","awesome","good","magic"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf1f" src="1f31f.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dizzy:{keywords:["star","sparkle","shoot","magic"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcab" src="1f4ab.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sparkles:{keywords:["stars","shine","shiny","cool","awesome","good","magic"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2728" src="2728.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},comet:{keywords:["space"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2604" src="2604.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sunny:{keywords:["weather","nature","brightness","summer","beach","spring"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2600\ufe0f" src="2600.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_small_cloud:{keywords:["weather"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf24" src="1f324.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},partly_sunny:{keywords:["weather","nature","cloudy","morning","fall","spring"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26c5" src="26c5.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_large_cloud:{keywords:["weather"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf25" src="1f325.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_rain_cloud:{keywords:["weather"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf26" src="1f326.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cloud:{keywords:["weather","sky"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2601\ufe0f" src="2601.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_rain:{keywords:["weather"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf27" src="1f327.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_lightning_and_rain:{keywords:["weather","lightning"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26c8" src="26c8.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_lightning:{keywords:["weather","thunder"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf29" src="1f329.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},zap:{keywords:["thunder","weather","lightning bolt","fast"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26a1" src="26a1.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},fire:{keywords:["hot","cook","flame"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd25" src="1f525.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},boom:{keywords:["bomb","explode","explosion","collision","blown"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca5" src="1f4a5.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},snowflake:{keywords:["winter","season","cold","weather","christmas","xmas"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2744\ufe0f" src="2744.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_snow:{keywords:["weather"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf28" src="1f328.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},snowman:{keywords:["winter","season","cold","weather","christmas","xmas","frozen","without_snow"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26c4" src="26c4.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},snowman_with_snow:{keywords:["winter","season","cold","weather","christmas","xmas","frozen"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2603" src="2603.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},wind_face:{keywords:["gust","air"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf2c" src="1f32c.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},dash:{keywords:["wind","air","fast","shoo","fart","smoke","puff"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca8" src="1f4a8.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},tornado:{keywords:["weather","cyclone","twister"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf2a" src="1f32a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},fog:{keywords:["weather"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf2b" src="1f32b.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},open_umbrella:{keywords:["weather","spring"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2602" src="2602.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},umbrella:{keywords:["rainy","weather","spring"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2614" src="2614.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},droplet:{keywords:["water","drip","faucet","spring"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca7" src="1f4a7.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},sweat_drops:{keywords:["water","drip","oops"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca6" src="1f4a6.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},ocean:{keywords:["sea","water","wave","nature","tsunami","disaster"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf0a" src="1f30a.png"/>',fitzpatrick_scale:!1,category:"animals_and_nature"},green_apple:{keywords:["fruit","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf4f" src="1f34f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},apple:{keywords:["fruit","mac","school"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf4e" src="1f34e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pear:{keywords:["fruit","nature","food"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf50" src="1f350.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},tangerine:{keywords:["food","fruit","nature","orange"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf4a" src="1f34a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},lemon:{keywords:["fruit","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf4b" src="1f34b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},banana:{keywords:["fruit","food","monkey"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf4c" src="1f34c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},watermelon:{keywords:["fruit","food","picnic","summer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf49" src="1f349.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},grapes:{keywords:["fruit","food","wine"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf47" src="1f347.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},strawberry:{keywords:["fruit","food","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf53" src="1f353.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},melon:{keywords:["fruit","nature","food"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf48" src="1f348.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cherries:{keywords:["food","fruit"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf52" src="1f352.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},peach:{keywords:["fruit","nature","food"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf51" src="1f351.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pineapple:{keywords:["fruit","nature","food"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf4d" src="1f34d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},coconut:{keywords:["fruit","nature","food","palm"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd65" src="1f965.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},kiwi_fruit:{keywords:["fruit","food"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd5d" src="1f95d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},mango:{keywords:["fruit","food","tropical"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd6d" src="1f96d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},avocado:{keywords:["fruit","food"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd51" src="1f951.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},broccoli:{keywords:["fruit","food","vegetable"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd66" src="1f966.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},tomato:{keywords:["fruit","vegetable","nature","food"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf45" src="1f345.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},eggplant:{keywords:["vegetable","nature","food","aubergine"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf46" src="1f346.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cucumber:{keywords:["fruit","food","pickle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd52" src="1f952.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},carrot:{keywords:["vegetable","food","orange"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd55" src="1f955.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},hot_pepper:{keywords:["food","spicy","chilli","chili"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf36" src="1f336.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},potato:{keywords:["food","tuber","vegatable","starch"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd54" src="1f954.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},corn:{keywords:["food","vegetable","plant"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf3d" src="1f33d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},leafy_greens:{keywords:["food","vegetable","plant","bok choy","cabbage","kale","lettuce"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd6c" src="1f96c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},sweet_potato:{keywords:["food","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf60" src="1f360.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},peanuts:{keywords:["food","nut"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd5c" src="1f95c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},honey_pot:{keywords:["bees","sweet","kitchen"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf6f" src="1f36f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},croissant:{keywords:["food","bread","french"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd50" src="1f950.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bread:{keywords:["food","wheat","breakfast","toast"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf5e" src="1f35e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},baguette_bread:{keywords:["food","bread","french"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd56" src="1f956.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bagel:{keywords:["food","bread","bakery","schmear"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd6f" src="1f96f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pretzel:{keywords:["food","bread","twisted"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd68" src="1f968.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cheese:{keywords:["food","chadder"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddc0" src="1f9c0.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},egg:{keywords:["food","chicken","breakfast"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd5a" src="1f95a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bacon:{keywords:["food","breakfast","pork","pig","meat"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd53" src="1f953.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},steak:{keywords:["food","cow","meat","cut","chop","lambchop","porkchop"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd69" src="1f969.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pancakes:{keywords:["food","breakfast","flapjacks","hotcakes"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd5e" src="1f95e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},poultry_leg:{keywords:["food","meat","drumstick","bird","chicken","turkey"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf57" src="1f357.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},meat_on_bone:{keywords:["good","food","drumstick"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf56" src="1f356.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bone:{keywords:["skeleton"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddb4" src="1f9b4.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fried_shrimp:{keywords:["food","animal","appetizer","summer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf64" src="1f364.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fried_egg:{keywords:["food","breakfast","kitchen","egg"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf73" src="1f373.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},hamburger:{keywords:["meat","fast food","beef","cheeseburger","mcdonalds","burger king"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf54" src="1f354.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fries:{keywords:["chips","snack","fast food"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf5f" src="1f35f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},stuffed_flatbread:{keywords:["food","flatbread","stuffed","gyro"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd59" src="1f959.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},hotdog:{keywords:["food","frankfurter"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf2d" src="1f32d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pizza:{keywords:["food","party"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf55" src="1f355.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},sandwich:{keywords:["food","lunch","bread"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd6a" src="1f96a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},canned_food:{keywords:["food","soup"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd6b" src="1f96b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},spaghetti:{keywords:["food","italian","noodle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf5d" src="1f35d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},taco:{keywords:["food","mexican"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf2e" src="1f32e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},burrito:{keywords:["food","mexican"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf2f" src="1f32f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},green_salad:{keywords:["food","healthy","lettuce"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd57" src="1f957.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},shallow_pan_of_food:{keywords:["food","cooking","casserole","paella"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd58" src="1f958.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},ramen:{keywords:["food","japanese","noodle","chopsticks"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf5c" src="1f35c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},stew:{keywords:["food","meat","soup"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf72" src="1f372.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fish_cake:{keywords:["food","japan","sea","beach","narutomaki","pink","swirl","kamaboko","surimi","ramen"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf65" src="1f365.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fortune_cookie:{keywords:["food","prophecy"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd60" src="1f960.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},sushi:{keywords:["food","fish","japanese","rice"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf63" src="1f363.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bento:{keywords:["food","japanese","box"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf71" src="1f371.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},curry:{keywords:["food","spicy","hot","indian"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf5b" src="1f35b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},rice_ball:{keywords:["food","japanese"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf59" src="1f359.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},rice:{keywords:["food","china","asian"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf5a" src="1f35a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},rice_cracker:{keywords:["food","japanese"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf58" src="1f358.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},oden:{keywords:["food","japanese"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf62" src="1f362.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},dango:{keywords:["food","dessert","sweet","japanese","barbecue","meat"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf61" src="1f361.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},shaved_ice:{keywords:["hot","dessert","summer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf67" src="1f367.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},ice_cream:{keywords:["food","hot","dessert"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf68" src="1f368.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},icecream:{keywords:["food","hot","dessert","summer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf66" src="1f366.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},pie:{keywords:["food","dessert","pastry"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd67" src="1f967.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cake:{keywords:["food","dessert"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf70" src="1f370.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cupcake:{keywords:["food","dessert","bakery","sweet"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddc1" src="1f9c1.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},moon_cake:{keywords:["food","autumn"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd6e" src="1f96e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},birthday:{keywords:["food","dessert","cake"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf82" src="1f382.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},custard:{keywords:["dessert","food"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf6e" src="1f36e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},candy:{keywords:["snack","dessert","sweet","lolly"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf6c" src="1f36c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},lollipop:{keywords:["food","snack","candy","sweet"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf6d" src="1f36d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},chocolate_bar:{keywords:["food","snack","dessert","sweet"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf6b" src="1f36b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},popcorn:{keywords:["food","movie theater","films","snack"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf7f" src="1f37f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},dumpling:{keywords:["food","empanada","pierogi","potsticker"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd5f" src="1f95f.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},doughnut:{keywords:["food","dessert","snack","sweet","donut"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf69" src="1f369.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cookie:{keywords:["food","snack","oreo","chocolate","sweet","dessert"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf6a" src="1f36a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},milk_glass:{keywords:["beverage","drink","cow"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd5b" src="1f95b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},beer:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf7a" src="1f37a.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},beers:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf7b" src="1f37b.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},clinking_glasses:{keywords:["beverage","drink","party","alcohol","celebrate","cheers","wine","champagne","toast"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd42" src="1f942.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},wine_glass:{keywords:["drink","beverage","drunk","alcohol","booze"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf77" src="1f377.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},tumbler_glass:{keywords:["drink","beverage","drunk","alcohol","liquor","booze","bourbon","scotch","whisky","glass","shot"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd43" src="1f943.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cocktail:{keywords:["drink","drunk","alcohol","beverage","booze","mojito"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf78" src="1f378.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},tropical_drink:{keywords:["beverage","cocktail","summer","beach","alcohol","booze","mojito"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf79" src="1f379.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},champagne:{keywords:["drink","wine","bottle","celebration"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf7e" src="1f37e.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},sake:{keywords:["wine","drink","drunk","beverage","japanese","alcohol","booze"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf76" src="1f376.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},tea:{keywords:["drink","bowl","breakfast","green","british"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf75" src="1f375.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},cup_with_straw:{keywords:["drink","soda"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd64" src="1f964.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},coffee:{keywords:["beverage","caffeine","latte","espresso"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2615" src="2615.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},baby_bottle:{keywords:["food","container","milk"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf7c" src="1f37c.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},salt:{keywords:["condiment","shaker"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddc2" src="1f9c2.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},spoon:{keywords:["cutlery","kitchen","tableware"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd44" src="1f944.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},fork_and_knife:{keywords:["cutlery","kitchen"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf74" src="1f374.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},plate_with_cutlery:{keywords:["food","eat","meal","lunch","dinner","restaurant"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf7d" src="1f37d.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},bowl_with_spoon:{keywords:["food","breakfast","cereal","oatmeal","porridge"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd63" src="1f963.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},takeout_box:{keywords:["food","leftovers"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd61" src="1f961.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},chopsticks:{keywords:["food"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd62" src="1f962.png"/>',fitzpatrick_scale:!1,category:"food_and_drink"},soccer:{keywords:["sports","football"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26bd" src="26bd.png"/>',fitzpatrick_scale:!1,category:"activity"},basketball:{keywords:["sports","balls","NBA"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc0" src="1f3c0.png"/>',fitzpatrick_scale:!1,category:"activity"},football:{keywords:["sports","balls","NFL"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc8" src="1f3c8.png"/>',fitzpatrick_scale:!1,category:"activity"},baseball:{keywords:["sports","balls"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26be" src="26be.png"/>',fitzpatrick_scale:!1,category:"activity"},softball:{keywords:["sports","balls"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd4e" src="1f94e.png"/>',fitzpatrick_scale:!1,category:"activity"},tennis:{keywords:["sports","balls","green"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfbe" src="1f3be.png"/>',fitzpatrick_scale:!1,category:"activity"},volleyball:{keywords:["sports","balls"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd0" src="1f3d0.png"/>',fitzpatrick_scale:!1,category:"activity"},rugby_football:{keywords:["sports","team"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc9" src="1f3c9.png"/>',fitzpatrick_scale:!1,category:"activity"},flying_disc:{keywords:["sports","frisbee","ultimate"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd4f" src="1f94f.png"/>',fitzpatrick_scale:!1,category:"activity"},"8ball":{keywords:["pool","hobby","game","luck","magic"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb1" src="1f3b1.png"/>',fitzpatrick_scale:!1,category:"activity"},golf:{keywords:["sports","business","flag","hole","summer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f3" src="26f3.png"/>',fitzpatrick_scale:!1,category:"activity"},golfing_woman:{keywords:["sports","business","woman","female"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfcc\ufe0f\u200d\u2640\ufe0f" src="1f3cc-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:!1,category:"activity"},golfing_man:{keywords:["sports","business"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfcc" src="1f3cc.png"/>',fitzpatrick_scale:!0,category:"activity"},ping_pong:{keywords:["sports","pingpong"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd3" src="1f3d3.png"/>',fitzpatrick_scale:!1,category:"activity"},badminton:{keywords:["sports"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff8" src="1f3f8.png"/>',fitzpatrick_scale:!1,category:"activity"},goal_net:{keywords:["sports"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd45" src="1f945.png"/>',fitzpatrick_scale:!1,category:"activity"},ice_hockey:{keywords:["sports"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd2" src="1f3d2.png"/>',fitzpatrick_scale:!1,category:"activity"},field_hockey:{keywords:["sports"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd1" src="1f3d1.png"/>',fitzpatrick_scale:!1,category:"activity"},lacrosse:{keywords:["sports","ball","stick"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd4d" src="1f94d.png"/>',fitzpatrick_scale:!1,category:"activity"},cricket:{keywords:["sports"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfcf" src="1f3cf.png"/>',fitzpatrick_scale:!1,category:"activity"},ski:{keywords:["sports","winter","cold","snow"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfbf" src="1f3bf.png"/>',fitzpatrick_scale:!1,category:"activity"},skier:{keywords:["sports","winter","snow"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f7" src="26f7.png"/>',fitzpatrick_scale:!1,category:"activity"},snowboarder:{keywords:["sports","winter"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc2" src="1f3c2.png"/>',fitzpatrick_scale:!0,category:"activity"},person_fencing:{keywords:["sports","fencing","sword"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd3a" src="1f93a.png"/>',fitzpatrick_scale:!1,category:"activity"},women_wrestling:{keywords:["sports","wrestlers"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd3c\u200d\u2640\ufe0f" src="1f93c-200d-2640-fe0f.png"/>',fitzpatrick_scale:!1,category:"activity"},men_wrestling:{keywords:["sports","wrestlers"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd3c\u200d\u2642\ufe0f" src="1f93c-200d-2642-fe0f.png"/>',fitzpatrick_scale:!1,category:"activity"},woman_cartwheeling:{keywords:["gymnastics"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd38\u200d\u2640\ufe0f" src="1f938-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},man_cartwheeling:{keywords:["gymnastics"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd38\u200d\u2642\ufe0f" src="1f938-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},woman_playing_handball:{keywords:["sports"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd3e\u200d\u2640\ufe0f" src="1f93e-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},man_playing_handball:{keywords:["sports"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd3e\u200d\u2642\ufe0f" src="1f93e-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},ice_skate:{keywords:["sports"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f8" src="26f8.png"/>',fitzpatrick_scale:!1,category:"activity"},curling_stone:{keywords:["sports"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd4c" src="1f94c.png"/>',fitzpatrick_scale:!1,category:"activity"},skateboard:{keywords:["board"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udef9" src="1f6f9.png"/>',fitzpatrick_scale:!1,category:"activity"},sled:{keywords:["sleigh","luge","toboggan"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udef7" src="1f6f7.png"/>',fitzpatrick_scale:!1,category:"activity"},bow_and_arrow:{keywords:["sports"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff9" src="1f3f9.png"/>',fitzpatrick_scale:!1,category:"activity"},fishing_pole_and_fish:{keywords:["food","hobby","summer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa3" src="1f3a3.png"/>',fitzpatrick_scale:!1,category:"activity"},boxing_glove:{keywords:["sports","fighting"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd4a" src="1f94a.png"/>',fitzpatrick_scale:!1,category:"activity"},martial_arts_uniform:{keywords:["judo","karate","taekwondo"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd4b" src="1f94b.png"/>',fitzpatrick_scale:!1,category:"activity"},rowing_woman:{keywords:["sports","hobby","water","ship","woman","female"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea3\u200d\u2640\ufe0f" src="1f6a3-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},rowing_man:{keywords:["sports","hobby","water","ship"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea3" src="1f6a3.png"/>',fitzpatrick_scale:!0,category:"activity"},climbing_woman:{keywords:["sports","hobby","woman","female","rock"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd7\u200d\u2640\ufe0f" src="1f9d7-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},climbing_man:{keywords:["sports","hobby","man","male","rock"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd7\u200d\u2642\ufe0f" src="1f9d7-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},swimming_woman:{keywords:["sports","exercise","human","athlete","water","summer","woman","female"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfca\u200d\u2640\ufe0f" src="1f3ca-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},swimming_man:{keywords:["sports","exercise","human","athlete","water","summer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfca" src="1f3ca.png"/>',fitzpatrick_scale:!0,category:"activity"},woman_playing_water_polo:{keywords:["sports","pool"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd3d\u200d\u2640\ufe0f" src="1f93d-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},man_playing_water_polo:{keywords:["sports","pool"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd3d\u200d\u2642\ufe0f" src="1f93d-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},woman_in_lotus_position:{keywords:["woman","female","meditation","yoga","serenity","zen","mindfulness"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd8\u200d\u2640\ufe0f" src="1f9d8-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},man_in_lotus_position:{keywords:["man","male","meditation","yoga","serenity","zen","mindfulness"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddd8\u200d\u2642\ufe0f" src="1f9d8-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},surfing_woman:{keywords:["sports","ocean","sea","summer","beach","woman","female"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc4\u200d\u2640\ufe0f" src="1f3c4-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},surfing_man:{keywords:["sports","ocean","sea","summer","beach"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc4" src="1f3c4.png"/>',fitzpatrick_scale:!0,category:"activity"},bath:{keywords:["clean","shower","bathroom"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udec0" src="1f6c0.png"/>',fitzpatrick_scale:!0,category:"activity"},basketball_woman:{keywords:["sports","human","woman","female"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f9\ufe0f\u200d\u2640\ufe0f" src="26f9-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},basketball_man:{keywords:["sports","human"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f9" src="26f9.png"/>',fitzpatrick_scale:!0,category:"activity"},weight_lifting_woman:{keywords:["sports","training","exercise","woman","female"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfcb\ufe0f\u200d\u2640\ufe0f" src="1f3cb-fe0f-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},weight_lifting_man:{keywords:["sports","training","exercise"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfcb" src="1f3cb.png"/>',fitzpatrick_scale:!0,category:"activity"},biking_woman:{keywords:["sports","bike","exercise","hipster","woman","female"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb4\u200d\u2640\ufe0f" src="1f6b4-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},biking_man:{keywords:["sports","bike","exercise","hipster"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb4" src="1f6b4.png"/>',fitzpatrick_scale:!0,category:"activity"},mountain_biking_woman:{keywords:["transportation","sports","human","race","bike","woman","female"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb5\u200d\u2640\ufe0f" src="1f6b5-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},mountain_biking_man:{keywords:["transportation","sports","human","race","bike"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb5" src="1f6b5.png"/>',fitzpatrick_scale:!0,category:"activity"},horse_racing:{keywords:["animal","betting","competition","gambling","luck"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc7" src="1f3c7.png"/>',fitzpatrick_scale:!0,category:"activity"},business_suit_levitating:{keywords:["suit","business","levitate","hover","jump"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd74" src="1f574.png"/>',fitzpatrick_scale:!0,category:"activity"},trophy:{keywords:["win","award","contest","place","ftw","ceremony"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc6" src="1f3c6.png"/>',fitzpatrick_scale:!1,category:"activity"},running_shirt_with_sash:{keywords:["play","pageant"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfbd" src="1f3bd.png"/>',fitzpatrick_scale:!1,category:"activity"},medal_sports:{keywords:["award","winning"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc5" src="1f3c5.png"/>',fitzpatrick_scale:!1,category:"activity"},medal_military:{keywords:["award","winning","army"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf96" src="1f396.png"/>',fitzpatrick_scale:!1,category:"activity"},"1st_place_medal":{keywords:["award","winning","first"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd47" src="1f947.png"/>',fitzpatrick_scale:!1,category:"activity"},"2nd_place_medal":{keywords:["award","second"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd48" src="1f948.png"/>',fitzpatrick_scale:!1,category:"activity"},"3rd_place_medal":{keywords:["award","third"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd49" src="1f949.png"/>',fitzpatrick_scale:!1,category:"activity"},reminder_ribbon:{keywords:["sports","cause","support","awareness"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf97" src="1f397.png"/>',fitzpatrick_scale:!1,category:"activity"},rosette:{keywords:["flower","decoration","military"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff5" src="1f3f5.png"/>',fitzpatrick_scale:!1,category:"activity"},ticket:{keywords:["event","concert","pass"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfab" src="1f3ab.png"/>',fitzpatrick_scale:!1,category:"activity"},tickets:{keywords:["sports","concert","entrance"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf9f" src="1f39f.png"/>',fitzpatrick_scale:!1,category:"activity"},performing_arts:{keywords:["acting","theater","drama"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfad" src="1f3ad.png"/>',fitzpatrick_scale:!1,category:"activity"},art:{keywords:["design","paint","draw","colors"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa8" src="1f3a8.png"/>',fitzpatrick_scale:!1,category:"activity"},circus_tent:{keywords:["festival","carnival","party"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfaa" src="1f3aa.png"/>',fitzpatrick_scale:!1,category:"activity"},woman_juggling:{keywords:["juggle","balance","skill","multitask"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd39\u200d\u2640\ufe0f" src="1f939-200d-2640-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},man_juggling:{keywords:["juggle","balance","skill","multitask"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd39\u200d\u2642\ufe0f" src="1f939-200d-2642-fe0f.png"/>',fitzpatrick_scale:!0,category:"activity"},microphone:{keywords:["sound","music","PA","sing","talkshow"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa4" src="1f3a4.png"/>',fitzpatrick_scale:!1,category:"activity"},headphones:{keywords:["music","score","gadgets"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa7" src="1f3a7.png"/>',fitzpatrick_scale:!1,category:"activity"},musical_score:{keywords:["treble","clef","compose"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfbc" src="1f3bc.png"/>',fitzpatrick_scale:!1,category:"activity"},musical_keyboard:{keywords:["piano","instrument","compose"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb9" src="1f3b9.png"/>',fitzpatrick_scale:!1,category:"activity"},drum:{keywords:["music","instrument","drumsticks","snare"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udd41" src="1f941.png"/>',fitzpatrick_scale:!1,category:"activity"},saxophone:{keywords:["music","instrument","jazz","blues"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb7" src="1f3b7.png"/>',fitzpatrick_scale:!1,category:"activity"},trumpet:{keywords:["music","brass"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfba" src="1f3ba.png"/>',fitzpatrick_scale:!1,category:"activity"},guitar:{keywords:["music","instrument"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb8" src="1f3b8.png"/>',fitzpatrick_scale:!1,category:"activity"},violin:{keywords:["music","instrument","orchestra","symphony"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfbb" src="1f3bb.png"/>',fitzpatrick_scale:!1,category:"activity"},clapper:{keywords:["movie","film","record"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfac" src="1f3ac.png"/>',fitzpatrick_scale:!1,category:"activity"},video_game:{keywords:["play","console","PS4","controller"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfae" src="1f3ae.png"/>',fitzpatrick_scale:!1,category:"activity"},space_invader:{keywords:["game","arcade","play"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc7e" src="1f47e.png"/>',fitzpatrick_scale:!1,category:"activity"},dart:{keywords:["game","play","bar","target","bullseye"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfaf" src="1f3af.png"/>',fitzpatrick_scale:!1,category:"activity"},game_die:{keywords:["dice","random","tabletop","play","luck"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb2" src="1f3b2.png"/>',fitzpatrick_scale:!1,category:"activity"},chess_pawn:{keywords:["expendable"],"char":"\u265f",fitzpatrick_scale:!1,category:"activity"},slot_machine:{keywords:["bet","gamble","vegas","fruit machine","luck","casino"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb0" src="1f3b0.png"/>',fitzpatrick_scale:!1,category:"activity"},jigsaw:{keywords:["interlocking","puzzle","piece"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde9" src="1f9e9.png"/>',fitzpatrick_scale:!1,category:"activity"},bowling:{keywords:["sports","fun","play"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb3" src="1f3b3.png"/>',fitzpatrick_scale:!1,category:"activity"},red_car:{keywords:["red","transportation","vehicle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude97" src="1f697.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},taxi:{keywords:["uber","vehicle","cars","transportation"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude95" src="1f695.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},blue_car:{keywords:["transportation","vehicle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude99" src="1f699.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bus:{keywords:["car","vehicle","transportation"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude8c" src="1f68c.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},trolleybus:{keywords:["bart","transportation","vehicle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude8e" src="1f68e.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},racing_car:{keywords:["sports","race","fast","formula","f1"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfce" src="1f3ce.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},police_car:{keywords:["vehicle","cars","transportation","law","legal","enforcement"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude93" src="1f693.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},ambulance:{keywords:["health","911","hospital"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude91" src="1f691.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},fire_engine:{keywords:["transportation","cars","vehicle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude92" src="1f692.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},minibus:{keywords:["vehicle","car","transportation"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude90" src="1f690.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},truck:{keywords:["cars","transportation"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude9a" src="1f69a.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},articulated_lorry:{keywords:["vehicle","cars","transportation","express"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude9b" src="1f69b.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},tractor:{keywords:["vehicle","car","farming","agriculture"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude9c" src="1f69c.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},kick_scooter:{keywords:["vehicle","kick","razor"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udef4" src="1f6f4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},motorcycle:{keywords:["race","sports","fast"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfcd" src="1f3cd.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bike:{keywords:["sports","bicycle","exercise","hipster"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb2" src="1f6b2.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},motor_scooter:{keywords:["vehicle","vespa","sasha"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udef5" src="1f6f5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},rotating_light:{keywords:["police","ambulance","911","emergency","alert","error","pinged","law","legal"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea8" src="1f6a8.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_police_car:{keywords:["vehicle","law","legal","enforcement","911"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude94" src="1f694.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_bus:{keywords:["vehicle","transportation"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude8d" src="1f68d.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_automobile:{keywords:["car","vehicle","transportation"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude98" src="1f698.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_taxi:{keywords:["vehicle","cars","uber"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude96" src="1f696.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},aerial_tramway:{keywords:["transportation","vehicle","ski"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea1" src="1f6a1.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mountain_cableway:{keywords:["transportation","vehicle","ski"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea0" src="1f6a0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},suspension_railway:{keywords:["vehicle","transportation"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude9f" src="1f69f.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},railway_car:{keywords:["transportation","vehicle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude83" src="1f683.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},train:{keywords:["transportation","vehicle","carriage","public","travel"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude8b" src="1f68b.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},monorail:{keywords:["transportation","vehicle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude9d" src="1f69d.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bullettrain_side:{keywords:["transportation","vehicle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude84" src="1f684.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bullettrain_front:{keywords:["transportation","vehicle","speed","fast","public","travel"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude85" src="1f685.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},light_rail:{keywords:["transportation","vehicle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude88" src="1f688.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mountain_railway:{keywords:["transportation","vehicle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude9e" src="1f69e.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},steam_locomotive:{keywords:["transportation","vehicle","train"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude82" src="1f682.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},train2:{keywords:["transportation","vehicle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude86" src="1f686.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},metro:{keywords:["transportation","blue-square","mrt","underground","tube"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude87" src="1f687.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},tram:{keywords:["transportation","vehicle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude8a" src="1f68a.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},station:{keywords:["transportation","vehicle","public"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude89" src="1f689.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},flying_saucer:{keywords:["transportation","vehicle","ufo"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udef8" src="1f6f8.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},helicopter:{keywords:["transportation","vehicle","fly"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude81" src="1f681.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},small_airplane:{keywords:["flight","transportation","fly","vehicle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udee9" src="1f6e9.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},airplane:{keywords:["vehicle","transportation","flight","fly"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2708\ufe0f" src="2708.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},flight_departure:{keywords:["airport","flight","landing"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeeb" src="1f6eb.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},flight_arrival:{keywords:["airport","flight","boarding"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeec" src="1f6ec.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},sailboat:{keywords:["ship","summer","transportation","water","sailing"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f5" src="26f5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},motor_boat:{keywords:["ship"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udee5" src="1f6e5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},speedboat:{keywords:["ship","transportation","vehicle","summer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea4" src="1f6a4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},ferry:{keywords:["boat","ship","yacht"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f4" src="26f4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},passenger_ship:{keywords:["yacht","cruise","ferry"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udef3" src="1f6f3.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},rocket:{keywords:["launch","ship","staffmode","NASA","outer space","outer_space","fly"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude80" src="1f680.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},artificial_satellite:{keywords:["communication","gps","orbit","spaceflight","NASA","ISS"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udef0" src="1f6f0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},seat:{keywords:["sit","airplane","transport","bus","flight","fly"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcba" src="1f4ba.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},canoe:{keywords:["boat","paddle","water","ship"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udef6" src="1f6f6.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},anchor:{keywords:["ship","ferry","sea","boat"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2693" src="2693.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},construction:{keywords:["wip","progress","caution","warning"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea7" src="1f6a7.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},fuelpump:{keywords:["gas station","petroleum"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26fd" src="26fd.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},busstop:{keywords:["transportation","wait"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\ude8f" src="1f68f.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},vertical_traffic_light:{keywords:["transportation","driving"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea6" src="1f6a6.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},traffic_light:{keywords:["transportation","signal"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea5" src="1f6a5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},checkered_flag:{keywords:["contest","finishline","race","gokart"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfc1" src="1f3c1.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},ship:{keywords:["transportation","titanic","deploy"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea2" src="1f6a2.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},ferris_wheel:{keywords:["photo","carnival","londoneye"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa1" src="1f3a1.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},roller_coaster:{keywords:["carnival","playground","photo","fun"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa2" src="1f3a2.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},carousel_horse:{keywords:["photo","carnival"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa0" src="1f3a0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},building_construction:{keywords:["wip","working","progress"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd7" src="1f3d7.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},foggy:{keywords:["photo","mountain"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf01" src="1f301.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},tokyo_tower:{keywords:["photo","japanese"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddfc" src="1f5fc.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},factory:{keywords:["building","industry","pollution","smoke"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfed" src="1f3ed.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},fountain:{keywords:["photo","summer","water","fresh"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f2" src="26f2.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},rice_scene:{keywords:["photo","japan","asia","tsukimi"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf91" src="1f391.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mountain:{keywords:["photo","nature","environment"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f0" src="26f0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mountain_snow:{keywords:["photo","nature","environment","winter","cold"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd4" src="1f3d4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mount_fuji:{keywords:["photo","mountain","nature","japanese"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddfb" src="1f5fb.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},volcano:{keywords:["photo","nature","disaster"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf0b" src="1f30b.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},japan:{keywords:["nation","country","japanese","asia"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddfe" src="1f5fe.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},camping:{keywords:["photo","outdoors","tent"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd5" src="1f3d5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},tent:{keywords:["photo","camping","outdoors"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26fa" src="26fa.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},national_park:{keywords:["photo","environment","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfde" src="1f3de.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},motorway:{keywords:["road","cupertino","interstate","highway"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udee3" src="1f6e3.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},railway_track:{keywords:["train","transportation"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udee4" src="1f6e4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},sunrise:{keywords:["morning","view","vacation","photo"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf05" src="1f305.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},sunrise_over_mountains:{keywords:["view","vacation","photo"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf04" src="1f304.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},desert:{keywords:["photo","warm","saharah"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfdc" src="1f3dc.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},beach_umbrella:{keywords:["weather","summer","sunny","sand","mojito"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd6" src="1f3d6.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},desert_island:{keywords:["photo","tropical","mojito"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfdd" src="1f3dd.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},city_sunrise:{keywords:["photo","good morning","dawn"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf07" src="1f307.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},city_sunset:{keywords:["photo","evening","sky","buildings"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf06" src="1f306.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},cityscape:{keywords:["photo","night life","urban"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd9" src="1f3d9.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},night_with_stars:{keywords:["evening","city","downtown"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf03" src="1f303.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bridge_at_night:{keywords:["photo","sanfrancisco"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf09" src="1f309.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},milky_way:{keywords:["photo","space","stars"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf0c" src="1f30c.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},stars:{keywords:["night","photo"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf20" src="1f320.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},sparkler:{keywords:["stars","night","shine"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf87" src="1f387.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},fireworks:{keywords:["photo","festival","carnival","congratulations"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf86" src="1f386.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},rainbow:{keywords:["nature","happy","unicorn_face","photo","sky","spring"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf08" src="1f308.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},houses:{keywords:["buildings","photo"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfd8" src="1f3d8.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},european_castle:{keywords:["building","royalty","history"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff0" src="1f3f0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},japanese_castle:{keywords:["photo","building"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfef" src="1f3ef.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},stadium:{keywords:["photo","place","sports","concert","venue"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfdf" src="1f3df.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},statue_of_liberty:{keywords:["american","newyork"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddfd" src="1f5fd.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},house:{keywords:["building","home"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe0" src="1f3e0.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},house_with_garden:{keywords:["home","plant","nature"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe1" src="1f3e1.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},derelict_house:{keywords:["abandon","evict","broken","building"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfda" src="1f3da.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},office:{keywords:["building","bureau","work"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe2" src="1f3e2.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},department_store:{keywords:["building","shopping","mall"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfec" src="1f3ec.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},post_office:{keywords:["building","envelope","communication"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe3" src="1f3e3.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},european_post_office:{keywords:["building","email"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe4" src="1f3e4.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},hospital:{keywords:["building","health","surgery","doctor"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe5" src="1f3e5.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},bank:{keywords:["building","money","sales","cash","business","enterprise"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe6" src="1f3e6.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},hotel:{keywords:["building","accomodation","checkin"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe8" src="1f3e8.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},convenience_store:{keywords:["building","shopping","groceries"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfea" src="1f3ea.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},school:{keywords:["building","student","education","learn","teach"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfeb" src="1f3eb.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},love_hotel:{keywords:["like","affection","dating"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe9" src="1f3e9.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},wedding:{keywords:["love","like","affection","couple","marriage","bride","groom"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc92" src="1f492.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},classical_building:{keywords:["art","culture","history"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfdb" src="1f3db.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},church:{keywords:["building","religion","christ"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26ea" src="26ea.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},mosque:{keywords:["islam","worship","minaret"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd4c" src="1f54c.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},synagogue:{keywords:["judaism","worship","temple","jewish"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd4d" src="1f54d.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},kaaba:{keywords:["mecca","mosque","islam"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd4b" src="1f54b.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},shinto_shrine:{keywords:["temple","japan","kyoto"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26e9" src="26e9.png"/>',fitzpatrick_scale:!1,category:"travel_and_places"},watch:{keywords:["time","accessories"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u231a" src="231a.png"/>',fitzpatrick_scale:!1,category:"objects"},iphone:{keywords:["technology","apple","gadgets","dial"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf1" src="1f4f1.png"/>',fitzpatrick_scale:!1,category:"objects"},calling:{keywords:["iphone","incoming"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf2" src="1f4f2.png"/>',fitzpatrick_scale:!1,category:"objects"},computer:{keywords:["technology","laptop","screen","display","monitor"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcbb" src="1f4bb.png"/>',fitzpatrick_scale:!1,category:"objects"},keyboard:{keywords:["technology","computer","type","input","text"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2328" src="2328.png"/>',fitzpatrick_scale:!1,category:"objects"},desktop_computer:{keywords:["technology","computing","screen"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udda5" src="1f5a5.png"/>',fitzpatrick_scale:!1,category:"objects"},printer:{keywords:["paper","ink"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udda8" src="1f5a8.png"/>',fitzpatrick_scale:!1,category:"objects"},computer_mouse:{keywords:["click"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddb1" src="1f5b1.png"/>',fitzpatrick_scale:!1,category:"objects"},trackball:{keywords:["technology","trackpad"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddb2" src="1f5b2.png"/>',fitzpatrick_scale:!1,category:"objects"},joystick:{keywords:["game","play"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd79" src="1f579.png"/>',fitzpatrick_scale:!1,category:"objects"},clamp:{keywords:["tool"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udddc" src="1f5dc.png"/>',fitzpatrick_scale:!1,category:"objects"},minidisc:{keywords:["technology","record","data","disk","90s"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcbd" src="1f4bd.png"/>',fitzpatrick_scale:!1,category:"objects"},floppy_disk:{keywords:["oldschool","technology","save","90s","80s"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcbe" src="1f4be.png"/>',fitzpatrick_scale:!1,category:"objects"},cd:{keywords:["technology","dvd","disk","disc","90s"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcbf" src="1f4bf.png"/>',fitzpatrick_scale:!1,category:"objects"},dvd:{keywords:["cd","disk","disc"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc0" src="1f4c0.png"/>',fitzpatrick_scale:!1,category:"objects"},vhs:{keywords:["record","video","oldschool","90s","80s"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcfc" src="1f4fc.png"/>',fitzpatrick_scale:!1,category:"objects"},camera:{keywords:["gadgets","photography"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf7" src="1f4f7.png"/>',fitzpatrick_scale:!1,category:"objects"},camera_flash:{keywords:["photography","gadgets"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf8" src="1f4f8.png"/>',fitzpatrick_scale:!1,category:"objects"},video_camera:{keywords:["film","record"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf9" src="1f4f9.png"/>',fitzpatrick_scale:!1,category:"objects"},movie_camera:{keywords:["film","record"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa5" src="1f3a5.png"/>',fitzpatrick_scale:!1,category:"objects"},film_projector:{keywords:["video","tape","record","movie"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcfd" src="1f4fd.png"/>',fitzpatrick_scale:!1,category:"objects"},film_strip:{keywords:["movie"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf9e" src="1f39e.png"/>',fitzpatrick_scale:!1,category:"objects"},telephone_receiver:{keywords:["technology","communication","dial"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcde" src="1f4de.png"/>',fitzpatrick_scale:!1,category:"objects"},phone:{keywords:["technology","communication","dial","telephone"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u260e\ufe0f" src="260e.png"/>',fitzpatrick_scale:!1,category:"objects"},pager:{keywords:["bbcall","oldschool","90s"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcdf" src="1f4df.png"/>',fitzpatrick_scale:!1,category:"objects"},fax:{keywords:["communication","technology"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce0" src="1f4e0.png"/>',fitzpatrick_scale:!1,category:"objects"},tv:{keywords:["technology","program","oldschool","show","television"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcfa" src="1f4fa.png"/>',fitzpatrick_scale:!1,category:"objects"},radio:{keywords:["communication","music","podcast","program"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcfb" src="1f4fb.png"/>',fitzpatrick_scale:!1,category:"objects"},studio_microphone:{keywords:["sing","recording","artist","talkshow"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf99" src="1f399.png"/>',fitzpatrick_scale:!1,category:"objects"},level_slider:{keywords:["scale"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf9a" src="1f39a.png"/>',fitzpatrick_scale:!1,category:"objects"},control_knobs:{keywords:["dial"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf9b" src="1f39b.png"/>',fitzpatrick_scale:!1,category:"objects"},compass:{keywords:["magnetic","navigation","orienteering"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udded" src="1f9ed.png"/>',fitzpatrick_scale:!1,category:"objects"},stopwatch:{keywords:["time","deadline"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f1" src="23f1.png"/>',fitzpatrick_scale:!1,category:"objects"},timer_clock:{keywords:["alarm"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f2" src="23f2.png"/>',fitzpatrick_scale:!1,category:"objects"},alarm_clock:{keywords:["time","wake"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f0" src="23f0.png"/>',fitzpatrick_scale:!1,category:"objects"},mantelpiece_clock:{keywords:["time"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd70" src="1f570.png"/>',fitzpatrick_scale:!1,category:"objects"},hourglass_flowing_sand:{keywords:["oldschool","time","countdown"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f3" src="23f3.png"/>',fitzpatrick_scale:!1,category:"objects"},hourglass:{keywords:["time","clock","oldschool","limit","exam","quiz","test"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u231b" src="231b.png"/>',fitzpatrick_scale:!1,category:"objects"},satellite:{keywords:["communication","future","radio","space"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce1" src="1f4e1.png"/>',fitzpatrick_scale:!1,category:"objects"},battery:{keywords:["power","energy","sustain"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd0b" src="1f50b.png"/>',fitzpatrick_scale:!1,category:"objects"},electric_plug:{keywords:["charger","power"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd0c" src="1f50c.png"/>',fitzpatrick_scale:!1,category:"objects"},bulb:{keywords:["light","electricity","idea"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca1" src="1f4a1.png"/>',fitzpatrick_scale:!1,category:"objects"},flashlight:{keywords:["dark","camping","sight","night"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd26" src="1f526.png"/>',fitzpatrick_scale:!1,category:"objects"},candle:{keywords:["fire","wax"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd6f" src="1f56f.png"/>',fitzpatrick_scale:!1,category:"objects"},fire_extinguisher:{keywords:["quench"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddef" src="1f9ef.png"/>',fitzpatrick_scale:!1,category:"objects"},wastebasket:{keywords:["bin","trash","rubbish","garbage","toss"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddd1" src="1f5d1.png"/>',fitzpatrick_scale:!1,category:"objects"},oil_drum:{keywords:["barrell"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udee2" src="1f6e2.png"/>',fitzpatrick_scale:!1,category:"objects"},money_with_wings:{keywords:["dollar","bills","payment","sale"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb8" src="1f4b8.png"/>',fitzpatrick_scale:!1,category:"objects"},dollar:{keywords:["money","sales","bill","currency"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb5" src="1f4b5.png"/>',fitzpatrick_scale:!1,category:"objects"},yen:{keywords:["money","sales","japanese","dollar","currency"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb4" src="1f4b4.png"/>',fitzpatrick_scale:!1,category:"objects"},euro:{keywords:["money","sales","dollar","currency"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb6" src="1f4b6.png"/>',fitzpatrick_scale:!1,category:"objects"},pound:{keywords:["british","sterling","money","sales","bills","uk","england","currency"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb7" src="1f4b7.png"/>',fitzpatrick_scale:!1,category:"objects"},moneybag:{keywords:["dollar","payment","coins","sale"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb0" src="1f4b0.png"/>',fitzpatrick_scale:!1,category:"objects"},credit_card:{keywords:["money","sales","dollar","bill","payment","shopping"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb3" src="1f4b3.png"/>',fitzpatrick_scale:!1,category:"objects"},gem:{keywords:["blue","ruby","diamond","jewelry"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc8e" src="1f48e.png"/>',fitzpatrick_scale:!1,category:"objects"},balance_scale:{keywords:["law","fairness","weight"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2696" src="2696.png"/>',fitzpatrick_scale:!1,category:"objects"},toolbox:{keywords:["tools","diy","fix","maintainer","mechanic"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf0" src="1f9f0.png"/>',fitzpatrick_scale:!1,category:"objects"},wrench:{keywords:["tools","diy","ikea","fix","maintainer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd27" src="1f527.png"/>',fitzpatrick_scale:!1,category:"objects"},hammer:{keywords:["tools","build","create"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd28" src="1f528.png"/>',fitzpatrick_scale:!1,category:"objects"},hammer_and_pick:{keywords:["tools","build","create"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2692" src="2692.png"/>',fitzpatrick_scale:!1,category:"objects"},hammer_and_wrench:{keywords:["tools","build","create"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udee0" src="1f6e0.png"/>',fitzpatrick_scale:!1,category:"objects"},pick:{keywords:["tools","dig"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26cf" src="26cf.png"/>',fitzpatrick_scale:!1,category:"objects"},nut_and_bolt:{keywords:["handy","tools","fix"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd29" src="1f529.png"/>',fitzpatrick_scale:!1,category:"objects"},gear:{keywords:["cog"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2699" src="2699.png"/>',fitzpatrick_scale:!1,category:"objects"},brick:{keywords:["bricks"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf1" src="1f9f1.png"/>',fitzpatrick_scale:!1,category:"objects"},chains:{keywords:["lock","arrest"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26d3" src="26d3.png"/>',fitzpatrick_scale:!1,category:"objects"},magnet:{keywords:["attraction","magnetic"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf2" src="1f9f2.png"/>',fitzpatrick_scale:!1,category:"objects"},gun:{keywords:["violence","weapon","pistol","revolver"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd2b" src="1f52b.png"/>',fitzpatrick_scale:!1,category:"objects"},bomb:{keywords:["boom","explode","explosion","terrorism"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca3" src="1f4a3.png"/>',fitzpatrick_scale:!1,category:"objects"},firecracker:{keywords:["dynamite","boom","explode","explosion","explosive"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde8" src="1f9e8.png"/>',fitzpatrick_scale:!1,category:"objects"},hocho:{keywords:["knife","blade","cutlery","kitchen","weapon"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd2a" src="1f52a.png"/>',fitzpatrick_scale:!1,category:"objects"},dagger:{keywords:["weapon"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udde1" src="1f5e1.png"/>',fitzpatrick_scale:!1,category:"objects"},crossed_swords:{keywords:["weapon"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2694" src="2694.png"/>',fitzpatrick_scale:!1,category:"objects"},shield:{keywords:["protection","security"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udee1" src="1f6e1.png"/>',fitzpatrick_scale:!1,category:"objects"},smoking:{keywords:["kills","tobacco","cigarette","joint","smoke"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeac" src="1f6ac.png"/>',fitzpatrick_scale:!1,category:"objects"},skull_and_crossbones:{keywords:["poison","danger","deadly","scary","death","pirate","evil"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2620" src="2620.png"/>',fitzpatrick_scale:!1,category:"objects"},coffin:{keywords:["vampire","dead","die","death","rip","graveyard","cemetery","casket","funeral","box"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26b0" src="26b0.png"/>',fitzpatrick_scale:!1,category:"objects"},funeral_urn:{keywords:["dead","die","death","rip","ashes"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26b1" src="26b1.png"/>',fitzpatrick_scale:!1,category:"objects"},amphora:{keywords:["vase","jar"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udffa" src="1f3fa.png"/>',fitzpatrick_scale:!1,category:"objects"},crystal_ball:{keywords:["disco","party","magic","circus","fortune_teller"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd2e" src="1f52e.png"/>',fitzpatrick_scale:!1,category:"objects"},prayer_beads:{keywords:["dhikr","religious"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcff" src="1f4ff.png"/>',fitzpatrick_scale:!1,category:"objects"},nazar_amulet:{keywords:["bead","charm"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddff" src="1f9ff.png"/>',fitzpatrick_scale:!1,category:"objects"},barber:{keywords:["hair","salon","style"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc88" src="1f488.png"/>',fitzpatrick_scale:!1,category:"objects"},alembic:{keywords:["distilling","science","experiment","chemistry"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2697" src="2697.png"/>',fitzpatrick_scale:!1,category:"objects"},telescope:{keywords:["stars","space","zoom","science","astronomy"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd2d" src="1f52d.png"/>',fitzpatrick_scale:!1,category:"objects"},microscope:{keywords:["laboratory","experiment","zoomin","science","study"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd2c" src="1f52c.png"/>',fitzpatrick_scale:!1,category:"objects"},hole:{keywords:["embarrassing"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd73" src="1f573.png"/>',fitzpatrick_scale:!1,category:"objects"},pill:{keywords:["health","medicine","doctor","pharmacy","drug"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc8a" src="1f48a.png"/>',fitzpatrick_scale:!1,category:"objects"},syringe:{keywords:["health","hospital","drugs","blood","medicine","needle","doctor","nurse"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc89" src="1f489.png"/>',fitzpatrick_scale:!1,category:"objects"},dna:{keywords:["biologist","genetics","life"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddec" src="1f9ec.png"/>',fitzpatrick_scale:!1,category:"objects"},microbe:{keywords:["amoeba","bacteria","germs"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udda0" src="1f9a0.png"/>',fitzpatrick_scale:!1,category:"objects"},petri_dish:{keywords:["bacteria","biology","culture","lab"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddeb" src="1f9eb.png"/>',fitzpatrick_scale:!1,category:"objects"},test_tube:{keywords:["chemistry","experiment","lab","science"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddea" src="1f9ea.png"/>',fitzpatrick_scale:!1,category:"objects"},thermometer:{keywords:["weather","temperature","hot","cold"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf21" src="1f321.png"/>',fitzpatrick_scale:!1,category:"objects"},broom:{keywords:["cleaning","sweeping","witch"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf9" src="1f9f9.png"/>',fitzpatrick_scale:!1,category:"objects"},basket:{keywords:["laundry"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddfa" src="1f9fa.png"/>',fitzpatrick_scale:!1,category:"objects"},toilet_paper:{keywords:["roll"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddfb" src="1f9fb.png"/>',fitzpatrick_scale:!1,category:"objects"},label:{keywords:["sale","tag"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff7" src="1f3f7.png"/>',fitzpatrick_scale:!1,category:"objects"},bookmark:{keywords:["favorite","label","save"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd16" src="1f516.png"/>',fitzpatrick_scale:!1,category:"objects"},toilet:{keywords:["restroom","wc","washroom","bathroom","potty"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udebd" src="1f6bd.png"/>',fitzpatrick_scale:!1,category:"objects"},shower:{keywords:["clean","water","bathroom"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udebf" src="1f6bf.png"/>',fitzpatrick_scale:!1,category:"objects"},bathtub:{keywords:["clean","shower","bathroom"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udec1" src="1f6c1.png"/>',fitzpatrick_scale:!1,category:"objects"},soap:{keywords:["bar","bathing","cleaning","lather"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddfc" src="1f9fc.png"/>',fitzpatrick_scale:!1,category:"objects"},sponge:{keywords:["absorbing","cleaning","porous"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddfd" src="1f9fd.png"/>',fitzpatrick_scale:!1,category:"objects"},lotion_bottle:{keywords:["moisturizer","sunscreen"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf4" src="1f9f4.png"/>',fitzpatrick_scale:!1,category:"objects"},key:{keywords:["lock","door","password"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd11" src="1f511.png"/>',fitzpatrick_scale:!1,category:"objects"},old_key:{keywords:["lock","door","password"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udddd" src="1f5dd.png"/>',fitzpatrick_scale:!1,category:"objects"},couch_and_lamp:{keywords:["read","chill"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udecb" src="1f6cb.png"/>',fitzpatrick_scale:!1,category:"objects"},sleeping_bed:{keywords:["bed","rest"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udecc" src="1f6cc.png"/>',fitzpatrick_scale:!0,category:"objects"},bed:{keywords:["sleep","rest"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udecf" src="1f6cf.png"/>',fitzpatrick_scale:!1,category:"objects"},door:{keywords:["house","entry","exit"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeaa" src="1f6aa.png"/>',fitzpatrick_scale:!1,category:"objects"},bellhop_bell:{keywords:["service"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udece" src="1f6ce.png"/>',fitzpatrick_scale:!1,category:"objects"},teddy_bear:{keywords:["plush","stuffed"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf8" src="1f9f8.png"/>',fitzpatrick_scale:!1,category:"objects"},framed_picture:{keywords:["photography"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddbc" src="1f5bc.png"/>',fitzpatrick_scale:!1,category:"objects"},world_map:{keywords:["location","direction"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddfa" src="1f5fa.png"/>',fitzpatrick_scale:!1,category:"objects"},parasol_on_ground:{keywords:["weather","summer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26f1" src="26f1.png"/>',fitzpatrick_scale:!1,category:"objects"},moyai:{keywords:["rock","easter island","moai"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddff" src="1f5ff.png"/>',fitzpatrick_scale:!1,category:"objects"},shopping:{keywords:["mall","buy","purchase"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udecd" src="1f6cd.png"/>',fitzpatrick_scale:!1,category:"objects"},shopping_cart:{keywords:["trolley"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uded2" src="1f6d2.png"/>',fitzpatrick_scale:!1,category:"objects"},balloon:{keywords:["party","celebration","birthday","circus"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf88" src="1f388.png"/>',fitzpatrick_scale:!1,category:"objects"},flags:{keywords:["fish","japanese","koinobori","carp","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf8f" src="1f38f.png"/>',fitzpatrick_scale:!1,category:"objects"},ribbon:{keywords:["decoration","pink","girl","bowtie"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf80" src="1f380.png"/>',fitzpatrick_scale:!1,category:"objects"},gift:{keywords:["present","birthday","christmas","xmas"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf81" src="1f381.png"/>',fitzpatrick_scale:!1,category:"objects"},confetti_ball:{keywords:["festival","party","birthday","circus"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf8a" src="1f38a.png"/>',fitzpatrick_scale:!1,category:"objects"},tada:{keywords:["party","congratulations","birthday","magic","circus","celebration"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf89" src="1f389.png"/>',fitzpatrick_scale:!1,category:"objects"},dolls:{keywords:["japanese","toy","kimono"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf8e" src="1f38e.png"/>',fitzpatrick_scale:!1,category:"objects"},wind_chime:{keywords:["nature","ding","spring","bell"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf90" src="1f390.png"/>',fitzpatrick_scale:!1,category:"objects"},crossed_flags:{keywords:["japanese","nation","country","border"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf8c" src="1f38c.png"/>',fitzpatrick_scale:!1,category:"objects"},izakaya_lantern:{keywords:["light","paper","halloween","spooky"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfee" src="1f3ee.png"/>',fitzpatrick_scale:!1,category:"objects"},red_envelope:{keywords:["gift"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde7" src="1f9e7.png"/>',fitzpatrick_scale:!1,category:"objects"},email:{keywords:["letter","postal","inbox","communication"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2709\ufe0f" src="2709.png"/>',fitzpatrick_scale:!1,category:"objects"},envelope_with_arrow:{keywords:["email","communication"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce9" src="1f4e9.png"/>',fitzpatrick_scale:!1,category:"objects"},incoming_envelope:{keywords:["email","inbox"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce8" src="1f4e8.png"/>',fitzpatrick_scale:!1,category:"objects"},"e-mail":{keywords:["communication","inbox"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce7" src="1f4e7.png"/>',fitzpatrick_scale:!1,category:"objects"},love_letter:{keywords:["email","like","affection","envelope","valentines"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc8c" src="1f48c.png"/>',fitzpatrick_scale:!1,category:"objects"},postbox:{keywords:["email","letter","envelope"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcee" src="1f4ee.png"/>',fitzpatrick_scale:!1,category:"objects"},mailbox_closed:{keywords:["email","communication","inbox"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcea" src="1f4ea.png"/>',fitzpatrick_scale:!1,category:"objects"},mailbox:{keywords:["email","inbox","communication"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udceb" src="1f4eb.png"/>',fitzpatrick_scale:!1,category:"objects"},mailbox_with_mail:{keywords:["email","inbox","communication"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcec" src="1f4ec.png"/>',fitzpatrick_scale:!1,category:"objects"},mailbox_with_no_mail:{keywords:["email","inbox"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udced" src="1f4ed.png"/>',fitzpatrick_scale:!1,category:"objects"},"package":{keywords:["mail","gift","cardboard","box","moving"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce6" src="1f4e6.png"/>',fitzpatrick_scale:!1,category:"objects"},postal_horn:{keywords:["instrument","music"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcef" src="1f4ef.png"/>',fitzpatrick_scale:!1,category:"objects"},inbox_tray:{keywords:["email","documents"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce5" src="1f4e5.png"/>',fitzpatrick_scale:!1,category:"objects"},outbox_tray:{keywords:["inbox","email"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce4" src="1f4e4.png"/>',fitzpatrick_scale:!1,category:"objects"},scroll:{keywords:["documents","ancient","history","paper"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcdc" src="1f4dc.png"/>',fitzpatrick_scale:!1,category:"objects"},page_with_curl:{keywords:["documents","office","paper"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc3" src="1f4c3.png"/>',fitzpatrick_scale:!1,category:"objects"},bookmark_tabs:{keywords:["favorite","save","order","tidy"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd1" src="1f4d1.png"/>',fitzpatrick_scale:!1,category:"objects"},receipt:{keywords:["accounting","expenses"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddfe" src="1f9fe.png"/>',fitzpatrick_scale:!1,category:"objects"},bar_chart:{keywords:["graph","presentation","stats"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcca" src="1f4ca.png"/>',fitzpatrick_scale:!1,category:"objects"},chart_with_upwards_trend:{keywords:["graph","presentation","stats","recovery","business","economics","money","sales","good","success"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc8" src="1f4c8.png"/>',fitzpatrick_scale:!1,category:"objects"},chart_with_downwards_trend:{keywords:["graph","presentation","stats","recession","business","economics","money","sales","bad","failure"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc9" src="1f4c9.png"/>',fitzpatrick_scale:!1,category:"objects"},page_facing_up:{keywords:["documents","office","paper","information"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc4" src="1f4c4.png"/>',fitzpatrick_scale:!1,category:"objects"},date:{keywords:["calendar","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc5" src="1f4c5.png"/>',fitzpatrick_scale:!1,category:"objects"},calendar:{keywords:["schedule","date","planning"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc6" src="1f4c6.png"/>',fitzpatrick_scale:!1,category:"objects"},spiral_calendar:{keywords:["date","schedule","planning"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddd3" src="1f5d3.png"/>',fitzpatrick_scale:!1,category:"objects"},card_index:{keywords:["business","stationery"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc7" src="1f4c7.png"/>',fitzpatrick_scale:!1,category:"objects"},card_file_box:{keywords:["business","stationery"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddc3" src="1f5c3.png"/>',fitzpatrick_scale:!1,category:"objects"},ballot_box:{keywords:["election","vote"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddf3" src="1f5f3.png"/>',fitzpatrick_scale:!1,category:"objects"},file_cabinet:{keywords:["filing","organizing"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddc4" src="1f5c4.png"/>',fitzpatrick_scale:!1,category:"objects"},clipboard:{keywords:["stationery","documents"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udccb" src="1f4cb.png"/>',fitzpatrick_scale:!1,category:"objects"},spiral_notepad:{keywords:["memo","stationery"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddd2" src="1f5d2.png"/>',fitzpatrick_scale:!1,category:"objects"},file_folder:{keywords:["documents","business","office"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc1" src="1f4c1.png"/>',fitzpatrick_scale:!1,category:"objects"},open_file_folder:{keywords:["documents","load"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcc2" src="1f4c2.png"/>',fitzpatrick_scale:!1,category:"objects"},card_index_dividers:{keywords:["organizing","business","stationery"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddc2" src="1f5c2.png"/>',fitzpatrick_scale:!1,category:"objects"},newspaper_roll:{keywords:["press","headline"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddde" src="1f5de.png"/>',fitzpatrick_scale:!1,category:"objects"},newspaper:{keywords:["press","headline"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf0" src="1f4f0.png"/>',fitzpatrick_scale:!1,category:"objects"},notebook:{keywords:["stationery","record","notes","paper","study"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd3" src="1f4d3.png"/>',fitzpatrick_scale:!1,category:"objects"},closed_book:{keywords:["read","library","knowledge","textbook","learn"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd5" src="1f4d5.png"/>',fitzpatrick_scale:!1,category:"objects"},green_book:{keywords:["read","library","knowledge","study"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd7" src="1f4d7.png"/>',fitzpatrick_scale:!1,category:"objects"},blue_book:{keywords:["read","library","knowledge","learn","study"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd8" src="1f4d8.png"/>',fitzpatrick_scale:!1,category:"objects"},orange_book:{keywords:["read","library","knowledge","textbook","study"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd9" src="1f4d9.png"/>',fitzpatrick_scale:!1,category:"objects"},notebook_with_decorative_cover:{keywords:["classroom","notes","record","paper","study"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd4" src="1f4d4.png"/>',fitzpatrick_scale:!1,category:"objects"},ledger:{keywords:["notes","paper"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd2" src="1f4d2.png"/>',fitzpatrick_scale:!1,category:"objects"},books:{keywords:["literature","library","study"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcda" src="1f4da.png"/>',fitzpatrick_scale:!1,category:"objects"},open_book:{keywords:["book","read","library","knowledge","literature","learn","study"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd6" src="1f4d6.png"/>',fitzpatrick_scale:!1,category:"objects"},safety_pin:{keywords:["diaper"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddf7" src="1f9f7.png"/>',fitzpatrick_scale:!1,category:"objects"},link:{keywords:["rings","url"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd17" src="1f517.png"/>',fitzpatrick_scale:!1,category:"objects"},paperclip:{keywords:["documents","stationery"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcce" src="1f4ce.png"/>',fitzpatrick_scale:!1,category:"objects"},paperclips:{keywords:["documents","stationery"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd87" src="1f587.png"/>',fitzpatrick_scale:!1,category:"objects"},scissors:{keywords:["stationery","cut"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2702\ufe0f" src="2702.png"/>',fitzpatrick_scale:!1,category:"objects"},triangular_ruler:{keywords:["stationery","math","architect","sketch"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcd0" src="1f4d0.png"/>',fitzpatrick_scale:!1,category:"objects"},straight_ruler:{keywords:["stationery","calculate","length","math","school","drawing","architect","sketch"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udccf" src="1f4cf.png"/>',fitzpatrick_scale:!1,category:"objects"},abacus:{keywords:["calculation"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\uddee" src="1f9ee.png"/>',fitzpatrick_scale:!1,category:"objects"},pushpin:{keywords:["stationery","mark","here"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udccc" src="1f4cc.png"/>',fitzpatrick_scale:!1,category:"objects"},round_pushpin:{keywords:["stationery","location","map","here"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udccd" src="1f4cd.png"/>',fitzpatrick_scale:!1,category:"objects"},triangular_flag_on_post:{keywords:["mark","milestone","place"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udea9" src="1f6a9.png"/>',fitzpatrick_scale:!1,category:"objects"},white_flag:{keywords:["losing","loser","lost","surrender","give up","fail"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff3" src="1f3f3.png"/>',fitzpatrick_scale:!1,category:"objects"},black_flag:{keywords:["pirate"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff4" src="1f3f4.png"/>',fitzpatrick_scale:!1,category:"objects"},rainbow_flag:{keywords:["flag","rainbow","pride","gay","lgbt","glbt","queer","homosexual","lesbian","bisexual","transgender"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff3\ufe0f\u200d\ud83c\udf08" src="1f3f3-fe0f-200d-1f308.png"/>',fitzpatrick_scale:!1,category:"objects"},closed_lock_with_key:{keywords:["security","privacy"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd10" src="1f510.png"/>',fitzpatrick_scale:!1,category:"objects"},lock:{keywords:["security","password","padlock"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd12" src="1f512.png"/>',fitzpatrick_scale:!1,category:"objects"},unlock:{keywords:["privacy","security"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd13" src="1f513.png"/>',fitzpatrick_scale:!1,category:"objects"},lock_with_ink_pen:{keywords:["security","secret"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd0f" src="1f50f.png"/>',fitzpatrick_scale:!1,category:"objects"},pen:{keywords:["stationery","writing","write"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd8a" src="1f58a.png"/>',fitzpatrick_scale:!1,category:"objects"},fountain_pen:{keywords:["stationery","writing","write"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd8b" src="1f58b.png"/>',fitzpatrick_scale:!1,category:"objects"},black_nib:{keywords:["pen","stationery","writing","write"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2712\ufe0f" src="2712.png"/>',fitzpatrick_scale:!1,category:"objects"},memo:{keywords:["write","documents","stationery","pencil","paper","writing","legal","exam","quiz","test","study","compose"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcdd" src="1f4dd.png"/>',fitzpatrick_scale:!1,category:"objects"},pencil2:{keywords:["stationery","write","paper","writing","school","study"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u270f\ufe0f" src="270f.png"/>',fitzpatrick_scale:!1,category:"objects"},crayon:{keywords:["drawing","creativity"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd8d" src="1f58d.png"/>',fitzpatrick_scale:!1,category:"objects"},paintbrush:{keywords:["drawing","creativity","art"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd8c" src="1f58c.png"/>',fitzpatrick_scale:!1,category:"objects"},mag:{keywords:["search","zoom","find","detective"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd0d" src="1f50d.png"/>',fitzpatrick_scale:!1,category:"objects"},mag_right:{keywords:["search","zoom","find","detective"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd0e" src="1f50e.png"/>',fitzpatrick_scale:!1,category:"objects"},heart:{keywords:["love","like","valentines"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2764\ufe0f" src="2764.png"/>',fitzpatrick_scale:!1,category:"symbols"},orange_heart:{keywords:["love","like","affection","valentines"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83e\udde1" src="1f9e1.png"/>',fitzpatrick_scale:!1,category:"symbols"},yellow_heart:{keywords:["love","like","affection","valentines"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc9b" src="1f49b.png"/>',fitzpatrick_scale:!1,category:"symbols"},green_heart:{keywords:["love","like","affection","valentines"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc9a" src="1f49a.png"/>',fitzpatrick_scale:!1,category:"symbols"},blue_heart:{keywords:["love","like","affection","valentines"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc99" src="1f499.png"/>',fitzpatrick_scale:!1,category:"symbols"},purple_heart:{keywords:["love","like","affection","valentines"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc9c" src="1f49c.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_heart:{keywords:["evil"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udda4" src="1f5a4.png"/>',fitzpatrick_scale:!1,category:"symbols"},broken_heart:{keywords:["sad","sorry","break","heart","heartbreak"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc94" src="1f494.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_heart_exclamation:{keywords:["decoration","love"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2763" src="2763.png"/>',fitzpatrick_scale:!1,category:"symbols"},two_hearts:{keywords:["love","like","affection","valentines","heart"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc95" src="1f495.png"/>',fitzpatrick_scale:!1,category:"symbols"},revolving_hearts:{keywords:["love","like","affection","valentines"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc9e" src="1f49e.png"/>',fitzpatrick_scale:!1,category:"symbols"},heartbeat:{keywords:["love","like","affection","valentines","pink","heart"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc93" src="1f493.png"/>',fitzpatrick_scale:!1,category:"symbols"},heartpulse:{keywords:["like","love","affection","valentines","pink"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc97" src="1f497.png"/>',fitzpatrick_scale:!1,category:"symbols"},sparkling_heart:{keywords:["love","like","affection","valentines"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc96" src="1f496.png"/>',fitzpatrick_scale:!1,category:"symbols"},cupid:{keywords:["love","like","heart","affection","valentines"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc98" src="1f498.png"/>',fitzpatrick_scale:!1,category:"symbols"},gift_heart:{keywords:["love","valentines"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc9d" src="1f49d.png"/>',fitzpatrick_scale:!1,category:"symbols"},heart_decoration:{keywords:["purple-square","love","like"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udc9f" src="1f49f.png"/>',fitzpatrick_scale:!1,category:"symbols"},peace_symbol:{keywords:["hippie"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u262e" src="262e.png"/>',fitzpatrick_scale:!1,category:"symbols"},latin_cross:{keywords:["christianity"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u271d" src="271d.png"/>',fitzpatrick_scale:!1,category:"symbols"},star_and_crescent:{keywords:["islam"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u262a" src="262a.png"/>',fitzpatrick_scale:!1,category:"symbols"},om:{keywords:["hinduism","buddhism","sikhism","jainism"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd49" src="1f549.png"/>',fitzpatrick_scale:!1,category:"symbols"},wheel_of_dharma:{keywords:["hinduism","buddhism","sikhism","jainism"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2638" src="2638.png"/>',fitzpatrick_scale:!1,category:"symbols"},star_of_david:{keywords:["judaism"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2721" src="2721.png"/>',fitzpatrick_scale:!1,category:"symbols"},six_pointed_star:{keywords:["purple-square","religion","jewish","hexagram"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd2f" src="1f52f.png"/>',fitzpatrick_scale:!1,category:"symbols"},menorah:{keywords:["hanukkah","candles","jewish"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd4e" src="1f54e.png"/>',fitzpatrick_scale:!1,category:"symbols"},yin_yang:{keywords:["balance"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u262f" src="262f.png"/>',fitzpatrick_scale:!1,category:"symbols"},orthodox_cross:{keywords:["suppedaneum","religion"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2626" src="2626.png"/>',fitzpatrick_scale:!1,category:"symbols"},place_of_worship:{keywords:["religion","church","temple","prayer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uded0" src="1f6d0.png"/>',fitzpatrick_scale:!1,category:"symbols"},ophiuchus:{keywords:["sign","purple-square","constellation","astrology"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26ce" src="26ce.png"/>',fitzpatrick_scale:!1,category:"symbols"},aries:{keywords:["sign","purple-square","zodiac","astrology"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2648" src="2648.png"/>',fitzpatrick_scale:!1,category:"symbols"},taurus:{keywords:["purple-square","sign","zodiac","astrology"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2649" src="2649.png"/>',fitzpatrick_scale:!1,category:"symbols"},gemini:{keywords:["sign","zodiac","purple-square","astrology"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264a" src="264a.png"/>',fitzpatrick_scale:!1,category:"symbols"},cancer:{keywords:["sign","zodiac","purple-square","astrology"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264b" src="264b.png"/>',fitzpatrick_scale:!1,category:"symbols"},leo:{keywords:["sign","purple-square","zodiac","astrology"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264c" src="264c.png"/>',fitzpatrick_scale:!1,category:"symbols"},virgo:{keywords:["sign","zodiac","purple-square","astrology"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264d" src="264d.png"/>',fitzpatrick_scale:!1,category:"symbols"},libra:{keywords:["sign","purple-square","zodiac","astrology"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264e" src="264e.png"/>',fitzpatrick_scale:!1,category:"symbols"},scorpius:{keywords:["sign","zodiac","purple-square","astrology","scorpio"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u264f" src="264f.png"/>',fitzpatrick_scale:!1,category:"symbols"},sagittarius:{keywords:["sign","zodiac","purple-square","astrology"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2650" src="2650.png"/>',fitzpatrick_scale:!1,category:"symbols"},capricorn:{keywords:["sign","zodiac","purple-square","astrology"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2651" src="2651.png"/>',fitzpatrick_scale:!1,category:"symbols"},aquarius:{keywords:["sign","purple-square","zodiac","astrology"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2652" src="2652.png"/>',fitzpatrick_scale:!1,category:"symbols"},pisces:{keywords:["purple-square","sign","zodiac","astrology"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2653" src="2653.png"/>',fitzpatrick_scale:!1,category:"symbols"},id:{keywords:["purple-square","words"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd94" src="1f194.png"/>',fitzpatrick_scale:!1,category:"symbols"},atom_symbol:{keywords:["science","physics","chemistry"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u269b" src="269b.png"/>',fitzpatrick_scale:!1,category:"symbols"},u7a7a:{keywords:["kanji","japanese","chinese","empty","sky","blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude33" src="1f233.png"/>',fitzpatrick_scale:!1,category:"symbols"},u5272:{keywords:["cut","divide","chinese","kanji","pink-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude39" src="1f239.png"/>',fitzpatrick_scale:!1,category:"symbols"},radioactive:{keywords:["nuclear","danger"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2622" src="2622.png"/>',fitzpatrick_scale:!1,category:"symbols"},biohazard:{keywords:["danger"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2623" src="2623.png"/>',fitzpatrick_scale:!1,category:"symbols"},mobile_phone_off:{keywords:["mute","orange-square","silence","quiet"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf4" src="1f4f4.png"/>',fitzpatrick_scale:!1,category:"symbols"},vibration_mode:{keywords:["orange-square","phone"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf3" src="1f4f3.png"/>',fitzpatrick_scale:!1,category:"symbols"},u6709:{keywords:["orange-square","chinese","have","kanji"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude36" src="1f236.png"/>',fitzpatrick_scale:!1,category:"symbols"},u7121:{keywords:["nothing","chinese","kanji","japanese","orange-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude1a" src="1f21a.png"/>',fitzpatrick_scale:!1,category:"symbols"},u7533:{keywords:["chinese","japanese","kanji","orange-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude38" src="1f238.png"/>',fitzpatrick_scale:!1,category:"symbols"},u55b6:{keywords:["japanese","opening hours","orange-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude3a" src="1f23a.png"/>',fitzpatrick_scale:!1,category:"symbols"},u6708:{keywords:["chinese","month","moon","japanese","orange-square","kanji"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude37\ufe0f" src="1f237.png"/>',fitzpatrick_scale:!1,category:"symbols"},eight_pointed_black_star:{keywords:["orange-square","shape","polygon"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2734\ufe0f" src="2734.png"/>',fitzpatrick_scale:!1,category:"symbols"},vs:{keywords:["words","orange-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd9a" src="1f19a.png"/>',fitzpatrick_scale:!1,category:"symbols"},accept:{keywords:["ok","good","chinese","kanji","agree","yes","orange-circle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude51" src="1f251.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_flower:{keywords:["japanese","spring"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcae" src="1f4ae.png"/>',fitzpatrick_scale:!1,category:"symbols"},ideograph_advantage:{keywords:["chinese","kanji","obtain","get","circle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude50" src="1f250.png"/>',fitzpatrick_scale:!1,category:"symbols"},secret:{keywords:["privacy","chinese","sshh","kanji","red-circle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u3299\ufe0f" src="3299.png"/>',fitzpatrick_scale:!1,category:"symbols"},congratulations:{keywords:["chinese","kanji","japanese","red-circle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u3297\ufe0f" src="3297.png"/>',fitzpatrick_scale:!1,category:"symbols"},u5408:{keywords:["japanese","chinese","join","kanji","red-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude34" src="1f234.png"/>',fitzpatrick_scale:!1,category:"symbols"},u6e80:{keywords:["full","chinese","japanese","red-square","kanji"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude35" src="1f235.png"/>',fitzpatrick_scale:!1,category:"symbols"},u7981:{keywords:["kanji","japanese","chinese","forbidden","limit","restricted","red-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude32" src="1f232.png"/>',fitzpatrick_scale:!1,category:"symbols"},a:{keywords:["red-square","alphabet","letter"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd70\ufe0f" src="1f170.png"/>',fitzpatrick_scale:!1,category:"symbols"},b:{keywords:["red-square","alphabet","letter"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd71\ufe0f" src="1f171.png"/>',fitzpatrick_scale:!1,category:"symbols"},ab:{keywords:["red-square","alphabet"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd8e" src="1f18e.png"/>',fitzpatrick_scale:!1,category:"symbols"},cl:{keywords:["alphabet","words","red-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd91" src="1f191.png"/>',fitzpatrick_scale:!1,category:"symbols"},o2:{keywords:["alphabet","red-square","letter"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd7e\ufe0f" src="1f17e.png"/>',fitzpatrick_scale:!1,category:"symbols"},sos:{keywords:["help","red-square","words","emergency","911"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd98" src="1f198.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_entry:{keywords:["limit","security","privacy","bad","denied","stop","circle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26d4" src="26d4.png"/>',fitzpatrick_scale:!1,category:"symbols"},name_badge:{keywords:["fire","forbid"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcdb" src="1f4db.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_entry_sign:{keywords:["forbid","stop","limit","denied","disallow","circle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeab" src="1f6ab.png"/>',fitzpatrick_scale:!1,category:"symbols"},x:{keywords:["no","delete","remove","cancel","red"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u274c" src="274c.png"/>',fitzpatrick_scale:!1,category:"symbols"},o:{keywords:["circle","round"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b55" src="2b55.png"/>',fitzpatrick_scale:!1,category:"symbols"},stop_sign:{keywords:["stop"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uded1" src="1f6d1.png"/>',fitzpatrick_scale:!1,category:"symbols"},anger:{keywords:["angry","mad"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca2" src="1f4a2.png"/>',fitzpatrick_scale:!1,category:"symbols"},hotsprings:{keywords:["bath","warm","relax"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2668\ufe0f" src="2668.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_pedestrians:{keywords:["rules","crossing","walking","circle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb7" src="1f6b7.png"/>',fitzpatrick_scale:!1,category:"symbols"},do_not_litter:{keywords:["trash","bin","garbage","circle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeaf" src="1f6af.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_bicycles:{keywords:["cyclist","prohibited","circle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb3" src="1f6b3.png"/>',fitzpatrick_scale:!1,category:"symbols"},"non-potable_water":{keywords:["drink","faucet","tap","circle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb1" src="1f6b1.png"/>',fitzpatrick_scale:!1,category:"symbols"},underage:{keywords:["18","drink","pub","night","minor","circle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd1e" src="1f51e.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_mobile_phones:{keywords:["iphone","mute","circle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf5" src="1f4f5.png"/>',fitzpatrick_scale:!1,category:"symbols"},exclamation:{keywords:["heavy_exclamation_mark","danger","surprise","punctuation","wow","warning"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2757" src="2757.png"/>',fitzpatrick_scale:!1,category:"symbols"},grey_exclamation:{keywords:["surprise","punctuation","gray","wow","warning"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2755" src="2755.png"/>',fitzpatrick_scale:!1,category:"symbols"},question:{keywords:["doubt","confused"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2753" src="2753.png"/>',fitzpatrick_scale:!1,category:"symbols"},grey_question:{keywords:["doubts","gray","huh","confused"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2754" src="2754.png"/>',fitzpatrick_scale:!1,category:"symbols"},bangbang:{keywords:["exclamation","surprise"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u203c\ufe0f" src="203c.png"/>',fitzpatrick_scale:!1,category:"symbols"},interrobang:{keywords:["wat","punctuation","surprise"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2049\ufe0f" src="2049.png"/>',fitzpatrick_scale:!1,category:"symbols"},low_brightness:{keywords:["sun","afternoon","warm","summer"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd05" src="1f505.png"/>',fitzpatrick_scale:!1,category:"symbols"},high_brightness:{keywords:["sun","light"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd06" src="1f506.png"/>',fitzpatrick_scale:!1,category:"symbols"},trident:{keywords:["weapon","spear"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd31" src="1f531.png"/>',fitzpatrick_scale:!1,category:"symbols"},fleur_de_lis:{keywords:["decorative","scout"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u269c" src="269c.png"/>',fitzpatrick_scale:!1,category:"symbols"},part_alternation_mark:{keywords:["graph","presentation","stats","business","economics","bad"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u303d\ufe0f" src="303d.png"/>',fitzpatrick_scale:!1,category:"symbols"},warning:{keywords:["exclamation","wip","alert","error","problem","issue"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26a0\ufe0f" src="26a0.png"/>',fitzpatrick_scale:!1,category:"symbols"},children_crossing:{keywords:["school","warning","danger","sign","driving","yellow-diamond"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb8" src="1f6b8.png"/>',fitzpatrick_scale:!1,category:"symbols"},beginner:{keywords:["badge","shield"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd30" src="1f530.png"/>',fitzpatrick_scale:!1,category:"symbols"},recycle:{keywords:["arrow","environment","garbage","trash"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u267b\ufe0f" src="267b.png"/>',fitzpatrick_scale:!1,category:"symbols"},u6307:{keywords:["chinese","point","green-square","kanji"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude2f" src="1f22f.png"/>',fitzpatrick_scale:!1,category:"symbols"},chart:{keywords:["green-square","graph","presentation","stats"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb9" src="1f4b9.png"/>',fitzpatrick_scale:!1,category:"symbols"},sparkle:{keywords:["stars","green-square","awesome","good","fireworks"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2747\ufe0f" src="2747.png"/>',fitzpatrick_scale:!1,category:"symbols"},eight_spoked_asterisk:{keywords:["star","sparkle","green-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2733\ufe0f" src="2733.png"/>',fitzpatrick_scale:!1,category:"symbols"},negative_squared_cross_mark:{keywords:["x","green-square","no","deny"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u274e" src="274e.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_check_mark:{keywords:["green-square","ok","agree","vote","election","answer","tick"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2705" src="2705.png"/>',fitzpatrick_scale:!1,category:"symbols"},diamond_shape_with_a_dot_inside:{keywords:["jewel","blue","gem","crystal","fancy"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udca0" src="1f4a0.png"/>',fitzpatrick_scale:!1,category:"symbols"},cyclone:{keywords:["weather","swirl","blue","cloud","vortex","spiral","whirlpool","spin","tornado","hurricane","typhoon"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf00" src="1f300.png"/>',fitzpatrick_scale:!1,category:"symbols"},loop:{keywords:["tape","cassette"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u27bf" src="27bf.png"/>',fitzpatrick_scale:!1,category:"symbols"},globe_with_meridians:{keywords:["earth","international","world","internet","interweb","i18n"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udf10" src="1f310.png"/>',fitzpatrick_scale:!1,category:"symbols"},m:{keywords:["alphabet","blue-circle","letter"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u24c2\ufe0f" src="24c2.png"/>',fitzpatrick_scale:!1,category:"symbols"},atm:{keywords:["money","sales","cash","blue-square","payment","bank"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfe7" src="1f3e7.png"/>',fitzpatrick_scale:!1,category:"symbols"},sa:{keywords:["japanese","blue-square","katakana"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude02\ufe0f" src="1f202.png"/>',fitzpatrick_scale:!1,category:"symbols"},passport_control:{keywords:["custom","blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udec2" src="1f6c2.png"/>',fitzpatrick_scale:!1,category:"symbols"},customs:{keywords:["passport","border","blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udec3" src="1f6c3.png"/>',fitzpatrick_scale:!1,category:"symbols"},baggage_claim:{keywords:["blue-square","airport","transport"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udec4" src="1f6c4.png"/>',fitzpatrick_scale:!1,category:"symbols"},left_luggage:{keywords:["blue-square","travel"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udec5" src="1f6c5.png"/>',fitzpatrick_scale:!1,category:"symbols"},wheelchair:{keywords:["blue-square","disabled","a11y","accessibility"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u267f" src="267f.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_smoking:{keywords:["cigarette","blue-square","smell","smoke"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udead" src="1f6ad.png"/>',fitzpatrick_scale:!1,category:"symbols"},wc:{keywords:["toilet","restroom","blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udebe" src="1f6be.png"/>',fitzpatrick_scale:!1,category:"symbols"},parking:{keywords:["cars","blue-square","alphabet","letter"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd7f\ufe0f" src="1f17f.png"/>',fitzpatrick_scale:!1,category:"symbols"},potable_water:{keywords:["blue-square","liquid","restroom","cleaning","faucet"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb0" src="1f6b0.png"/>',fitzpatrick_scale:!1,category:"symbols"},mens:{keywords:["toilet","restroom","wc","blue-square","gender","male"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeb9" src="1f6b9.png"/>',fitzpatrick_scale:!1,category:"symbols"},womens:{keywords:["purple-square","woman","female","toilet","loo","restroom","gender"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeba" src="1f6ba.png"/>',fitzpatrick_scale:!1,category:"symbols"},baby_symbol:{keywords:["orange-square","child"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udebc" src="1f6bc.png"/>',fitzpatrick_scale:!1,category:"symbols"},restroom:{keywords:["blue-square","toilet","refresh","wc","gender"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udebb" src="1f6bb.png"/>',fitzpatrick_scale:!1,category:"symbols"},put_litter_in_its_place:{keywords:["blue-square","sign","human","info"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udeae" src="1f6ae.png"/>',fitzpatrick_scale:!1,category:"symbols"},cinema:{keywords:["blue-square","record","film","movie","curtain","stage","theater"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfa6" src="1f3a6.png"/>',fitzpatrick_scale:!1,category:"symbols"},signal_strength:{keywords:["blue-square","reception","phone","internet","connection","wifi","bluetooth","bars"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcf6" src="1f4f6.png"/>',fitzpatrick_scale:!1,category:"symbols"},koko:{keywords:["blue-square","here","katakana","japanese","destination"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\ude01" src="1f201.png"/>',fitzpatrick_scale:!1,category:"symbols"},ng:{keywords:["blue-square","words","shape","icon"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd96" src="1f196.png"/>',fitzpatrick_scale:!1,category:"symbols"},ok:{keywords:["good","agree","yes","blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd97" src="1f197.png"/>',fitzpatrick_scale:!1,category:"symbols"},up:{keywords:["blue-square","above","high"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd99" src="1f199.png"/>',fitzpatrick_scale:!1,category:"symbols"},cool:{keywords:["words","blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd92" src="1f192.png"/>',fitzpatrick_scale:!1,category:"symbols"},"new":{keywords:["blue-square","words","start"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd95" src="1f195.png"/>',fitzpatrick_scale:!1,category:"symbols"},free:{keywords:["blue-square","words"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udd93" src="1f193.png"/>',fitzpatrick_scale:!1,category:"symbols"},zero:{keywords:["0","numbers","blue-square","null"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="0\ufe0f\u20e3" src="30-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},one:{keywords:["blue-square","numbers","1"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="1\ufe0f\u20e3" src="31-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},two:{keywords:["numbers","2","prime","blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="2\ufe0f\u20e3" src="32-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},three:{keywords:["3","numbers","prime","blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="3\ufe0f\u20e3" src="33-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},four:{keywords:["4","numbers","blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="4\ufe0f\u20e3" src="34-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},five:{keywords:["5","numbers","blue-square","prime"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="5\ufe0f\u20e3" src="35-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},six:{keywords:["6","numbers","blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="6\ufe0f\u20e3" src="36-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},seven:{keywords:["7","numbers","blue-square","prime"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="7\ufe0f\u20e3" src="37-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},eight:{keywords:["8","blue-square","numbers"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="8\ufe0f\u20e3" src="38-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},nine:{keywords:["blue-square","numbers","9"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="9\ufe0f\u20e3" src="39-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},keycap_ten:{keywords:["numbers","10","blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd1f" src="1f51f.png"/>',fitzpatrick_scale:!1,category:"symbols"},asterisk:{keywords:["star","keycap"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="*\u20e3" src="2a-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},eject_button:{keywords:["blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23cf\ufe0f" src="23cf.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_forward:{keywords:["blue-square","right","direction","play"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25b6\ufe0f" src="25b6.png"/>',fitzpatrick_scale:!1,category:"symbols"},pause_button:{keywords:["pause","blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f8" src="23f8.png"/>',fitzpatrick_scale:!1,category:"symbols"},next_track_button:{keywords:["forward","next","blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ed" src="23ed.png"/>',fitzpatrick_scale:!1,category:"symbols"},stop_button:{keywords:["blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23f9" src="23f9.png"/>',fitzpatrick_scale:!1,category:"symbols"},record_button:{keywords:["blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23fa" src="23fa.png"/>',fitzpatrick_scale:!1,category:"symbols"},play_or_pause_button:{keywords:["blue-square","play","pause"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ef" src="23ef.png"/>',fitzpatrick_scale:!1,category:"symbols"},previous_track_button:{keywords:["backward"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ee" src="23ee.png"/>',fitzpatrick_scale:!1,category:"symbols"},fast_forward:{keywords:["blue-square","play","speed","continue"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23e9" src="23e9.png"/>',fitzpatrick_scale:!1,category:"symbols"},rewind:{keywords:["play","blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ea" src="23ea.png"/>',fitzpatrick_scale:!1,category:"symbols"},twisted_rightwards_arrows:{keywords:["blue-square","shuffle","music","random"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd00" src="1f500.png"/>',fitzpatrick_scale:!1,category:"symbols"},repeat:{keywords:["loop","record"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd01" src="1f501.png"/>',fitzpatrick_scale:!1,category:"symbols"},repeat_one:{keywords:["blue-square","loop"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd02" src="1f502.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_backward:{keywords:["blue-square","left","direction"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25c0\ufe0f" src="25c0.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_up_small:{keywords:["blue-square","triangle","direction","point","forward","top"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd3c" src="1f53c.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_down_small:{keywords:["blue-square","direction","bottom"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd3d" src="1f53d.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_double_up:{keywords:["blue-square","direction","top"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23eb" src="23eb.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_double_down:{keywords:["blue-square","direction","bottom"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u23ec" src="23ec.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_right:{keywords:["blue-square","next"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u27a1\ufe0f" src="27a1.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_left:{keywords:["blue-square","previous","back"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b05\ufe0f" src="2b05.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_up:{keywords:["blue-square","continue","top","direction"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b06\ufe0f" src="2b06.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_down:{keywords:["blue-square","direction","bottom"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b07\ufe0f" src="2b07.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_upper_right:{keywords:["blue-square","point","direction","diagonal","northeast"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2197\ufe0f" src="2197.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_lower_right:{keywords:["blue-square","direction","diagonal","southeast"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2198\ufe0f" src="2198.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_lower_left:{keywords:["blue-square","direction","diagonal","southwest"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2199\ufe0f" src="2199.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_upper_left:{keywords:["blue-square","point","direction","diagonal","northwest"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2196\ufe0f" src="2196.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_up_down:{keywords:["blue-square","direction","way","vertical"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2195\ufe0f" src="2195.png"/>',fitzpatrick_scale:!1,category:"symbols"},left_right_arrow:{keywords:["shape","direction","horizontal","sideways"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2194\ufe0f" src="2194.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrows_counterclockwise:{keywords:["blue-square","sync","cycle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd04" src="1f504.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_right_hook:{keywords:["blue-square","return","rotate","direction"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u21aa\ufe0f" src="21aa.png"/>',fitzpatrick_scale:!1,category:"symbols"},leftwards_arrow_with_hook:{keywords:["back","return","blue-square","undo","enter"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u21a9\ufe0f" src="21a9.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_heading_up:{keywords:["blue-square","direction","top"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2934\ufe0f" src="2934.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrow_heading_down:{keywords:["blue-square","direction","bottom"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2935\ufe0f" src="2935.png"/>',fitzpatrick_scale:!1,category:"symbols"},hash:{keywords:["symbol","blue-square","twitter"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="#\ufe0f\u20e3" src="23-20e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},information_source:{keywords:["blue-square","alphabet","letter"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2139\ufe0f" src="2139.png"/>',fitzpatrick_scale:!1,category:"symbols"},abc:{keywords:["blue-square","alphabet"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd24" src="1f524.png"/>',fitzpatrick_scale:!1,category:"symbols"},abcd:{keywords:["blue-square","alphabet"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd21" src="1f521.png"/>',fitzpatrick_scale:!1,category:"symbols"},capital_abcd:{keywords:["alphabet","words","blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd20" src="1f520.png"/>',fitzpatrick_scale:!1,category:"symbols"},symbols:{keywords:["blue-square","music","note","ampersand","percent","glyphs","characters"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd23" src="1f523.png"/>',fitzpatrick_scale:!1,category:"symbols"},musical_note:{keywords:["score","tone","sound"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb5" src="1f3b5.png"/>',fitzpatrick_scale:!1,category:"symbols"},notes:{keywords:["music","score"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb6" src="1f3b6.png"/>',fitzpatrick_scale:!1,category:"symbols"},wavy_dash:{keywords:["draw","line","moustache","mustache","squiggle","scribble"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u3030\ufe0f" src="3030.png"/>',fitzpatrick_scale:!1,category:"symbols"},curly_loop:{keywords:["scribble","draw","shape","squiggle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u27b0" src="27b0.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_check_mark:{keywords:["ok","nike","answer","yes","tick"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2714\ufe0f" src="2714.png"/>',fitzpatrick_scale:!1,category:"symbols"},arrows_clockwise:{keywords:["sync","cycle","round","repeat"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd03" src="1f503.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_plus_sign:{keywords:["math","calculation","addition","more","increase"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2795" src="2795.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_minus_sign:{keywords:["math","calculation","subtract","less"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2796" src="2796.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_division_sign:{keywords:["divide","math","calculation"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2797" src="2797.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_multiplication_x:{keywords:["math","calculation"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2716\ufe0f" src="2716.png"/>',fitzpatrick_scale:!1,category:"symbols"},infinity:{keywords:["forever"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u267e" src="267e.png"/>',fitzpatrick_scale:!1,category:"symbols"},heavy_dollar_sign:{keywords:["money","sales","payment","currency","buck"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb2" src="1f4b2.png"/>',fitzpatrick_scale:!1,category:"symbols"},currency_exchange:{keywords:["money","sales","dollar","travel"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcb1" src="1f4b1.png"/>',fitzpatrick_scale:!1,category:"symbols"},copyright:{keywords:["ip","license","circle","law","legal"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\xa9\ufe0f" src="a9.png"/>',fitzpatrick_scale:!1,category:"symbols"},registered:{keywords:["alphabet","circle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\xae\ufe0f" src="ae.png"/>',fitzpatrick_scale:!1,category:"symbols"},tm:{keywords:["trademark","brand","law","legal"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2122\ufe0f" src="2122.png"/>',fitzpatrick_scale:!1,category:"symbols"},end:{keywords:["words","arrow"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd1a" src="1f51a.png"/>',fitzpatrick_scale:!1,category:"symbols"},back:{keywords:["arrow","words","return"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd19" src="1f519.png"/>',fitzpatrick_scale:!1,category:"symbols"},on:{keywords:["arrow","words"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd1b" src="1f51b.png"/>',fitzpatrick_scale:!1,category:"symbols"},top:{keywords:["words","blue-square"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd1d" src="1f51d.png"/>',fitzpatrick_scale:!1,category:"symbols"},soon:{keywords:["arrow","words"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd1c" src="1f51c.png"/>',fitzpatrick_scale:!1,category:"symbols"},ballot_box_with_check:{keywords:["ok","agree","confirm","black-square","vote","election","yes","tick"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2611\ufe0f" src="2611.png"/>',fitzpatrick_scale:!1,category:"symbols"},radio_button:{keywords:["input","old","music","circle"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd18" src="1f518.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_circle:{keywords:["shape","round"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26aa" src="26aa.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_circle:{keywords:["shape","button","round"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u26ab" src="26ab.png"/>',fitzpatrick_scale:!1,category:"symbols"},red_circle:{keywords:["shape","error","danger"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd34" src="1f534.png"/>',fitzpatrick_scale:!1,category:"symbols"},large_blue_circle:{keywords:["shape","icon","button"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd35" src="1f535.png"/>',fitzpatrick_scale:!1,category:"symbols"},small_orange_diamond:{keywords:["shape","jewel","gem"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd38" src="1f538.png"/>',fitzpatrick_scale:!1,category:"symbols"},small_blue_diamond:{keywords:["shape","jewel","gem"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd39" src="1f539.png"/>',fitzpatrick_scale:!1,category:"symbols"},large_orange_diamond:{keywords:["shape","jewel","gem"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd36" src="1f536.png"/>',fitzpatrick_scale:!1,category:"symbols"},large_blue_diamond:{keywords:["shape","jewel","gem"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd37" src="1f537.png"/>',fitzpatrick_scale:!1,category:"symbols"},small_red_triangle:{keywords:["shape","direction","up","top"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd3a" src="1f53a.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_small_square:{keywords:["shape","icon"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25aa\ufe0f" src="25aa.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_small_square:{keywords:["shape","icon"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25ab\ufe0f" src="25ab.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_large_square:{keywords:["shape","icon","button"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b1b" src="2b1b.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_large_square:{keywords:["shape","icon","stone","button"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2b1c" src="2b1c.png"/>',fitzpatrick_scale:!1,category:"symbols"},small_red_triangle_down:{keywords:["shape","direction","bottom"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd3b" src="1f53b.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_medium_square:{keywords:["shape","button","icon"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25fc\ufe0f" src="25fc.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_medium_square:{keywords:["shape","stone","icon"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25fb\ufe0f" src="25fb.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_medium_small_square:{keywords:["icon","shape","button"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25fe" src="25fe.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_medium_small_square:{keywords:["shape","stone","icon","button"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u25fd" src="25fd.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_square_button:{keywords:["shape","input","frame"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd32" src="1f532.png"/>',fitzpatrick_scale:!1,category:"symbols"},white_square_button:{keywords:["shape","input"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd33" src="1f533.png"/>',fitzpatrick_scale:!1,category:"symbols"},speaker:{keywords:["sound","volume","silence","broadcast"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd08" src="1f508.png"/>',fitzpatrick_scale:!1,category:"symbols"},sound:{keywords:["volume","speaker","broadcast"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd09" src="1f509.png"/>',fitzpatrick_scale:!1,category:"symbols"},loud_sound:{keywords:["volume","noise","noisy","speaker","broadcast"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd0a" src="1f50a.png"/>',fitzpatrick_scale:!1,category:"symbols"},mute:{keywords:["sound","volume","silence","quiet"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd07" src="1f507.png"/>',fitzpatrick_scale:!1,category:"symbols"},mega:{keywords:["sound","speaker","volume"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce3" src="1f4e3.png"/>',fitzpatrick_scale:!1,category:"symbols"},loudspeaker:{keywords:["volume","sound"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udce2" src="1f4e2.png"/>',fitzpatrick_scale:!1,category:"symbols"},bell:{keywords:["sound","notification","christmas","xmas","chime"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd14" src="1f514.png"/>',fitzpatrick_scale:!1,category:"symbols"},no_bell:{keywords:["sound","volume","mute","quiet","silent"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd15" src="1f515.png"/>',fitzpatrick_scale:!1,category:"symbols"},black_joker:{keywords:["poker","cards","game","play","magic"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udccf" src="1f0cf.png"/>',fitzpatrick_scale:!1,category:"symbols"},mahjong:{keywords:["game","play","chinese","kanji"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udc04" src="1f004.png"/>',fitzpatrick_scale:!1,category:"symbols"},spades:{keywords:["poker","cards","suits","magic"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2660\ufe0f" src="2660.png"/>',fitzpatrick_scale:!1,category:"symbols"},clubs:{keywords:["poker","cards","magic","suits"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2663\ufe0f" src="2663.png"/>',fitzpatrick_scale:!1,category:"symbols"},hearts:{keywords:["poker","cards","magic","suits"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2665\ufe0f" src="2665.png"/>',fitzpatrick_scale:!1,category:"symbols"},diamonds:{keywords:["poker","cards","magic","suits"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\u2666\ufe0f" src="2666.png"/>',fitzpatrick_scale:!1,category:"symbols"},flower_playing_cards:{keywords:["game","sunset","red"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udfb4" src="1f3b4.png"/>',fitzpatrick_scale:!1,category:"symbols"},thought_balloon:{keywords:["bubble","cloud","speech","thinking","dream"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcad" src="1f4ad.png"/>',fitzpatrick_scale:!1,category:"symbols"},right_anger_bubble:{keywords:["caption","speech","thinking","mad"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\uddef" src="1f5ef.png"/>',fitzpatrick_scale:!1,category:"symbols"},speech_balloon:{keywords:["bubble","words","message","talk","chatting"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udcac" src="1f4ac.png"/>',fitzpatrick_scale:!1,category:"symbols"},left_speech_bubble:{keywords:["words","message","talk","chatting"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udde8" src="1f5e8.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock1:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd50" src="1f550.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock2:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd51" src="1f551.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock3:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd52" src="1f552.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock4:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd53" src="1f553.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock5:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd54" src="1f554.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock6:{keywords:["time","late","early","schedule","dawn","dusk"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd55" src="1f555.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock7:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd56" src="1f556.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock8:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd57" src="1f557.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock9:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd58" src="1f558.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock10:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd59" src="1f559.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock11:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd5a" src="1f55a.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock12:{keywords:["time","noon","midnight","midday","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd5b" src="1f55b.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock130:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd5c" src="1f55c.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock230:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd5d" src="1f55d.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock330:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd5e" src="1f55e.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock430:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd5f" src="1f55f.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock530:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd60" src="1f560.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock630:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd61" src="1f561.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock730:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd62" src="1f562.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock830:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd63" src="1f563.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock930:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd64" src="1f564.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock1030:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd65" src="1f565.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock1130:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd66" src="1f566.png"/>',fitzpatrick_scale:!1,category:"symbols"},clock1230:{keywords:["time","late","early","schedule"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83d\udd67" src="1f567.png"/>',fitzpatrick_scale:!1,category:"symbols"},afghanistan:{keywords:["af","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddeb" src="1f1e6-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},aland_islands:{keywords:["\xc5land","islands","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddfd" src="1f1e6-1f1fd.png"/>',fitzpatrick_scale:!1,category:"flags"},albania:{keywords:["al","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddf1" src="1f1e6-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},algeria:{keywords:["dz","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde9\ud83c\uddff" src="1f1e9-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},american_samoa:{keywords:["american","ws","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddf8" src="1f1e6-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},andorra:{keywords:["ad","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\udde9" src="1f1e6-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},angola:{keywords:["ao","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddf4" src="1f1e6-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},anguilla:{keywords:["ai","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddee" src="1f1e6-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},antarctica:{keywords:["aq","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddf6" src="1f1e6-1f1f6.png"/>',fitzpatrick_scale:!1,category:"flags"},antigua_barbuda:{keywords:["antigua","barbuda","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddec" src="1f1e6-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},argentina:{keywords:["ar","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddf7" src="1f1e6-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},armenia:{keywords:["am","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddf2" src="1f1e6-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},aruba:{keywords:["aw","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddfc" src="1f1e6-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},australia:{keywords:["au","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddfa" src="1f1e6-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},austria:{keywords:["at","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddf9" src="1f1e6-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},azerbaijan:{keywords:["az","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddff" src="1f1e6-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},bahamas:{keywords:["bs","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddf8" src="1f1e7-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},bahrain:{keywords:["bh","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\udded" src="1f1e7-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},bangladesh:{keywords:["bd","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\udde9" src="1f1e7-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},barbados:{keywords:["bb","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\udde7" src="1f1e7-1f1e7.png"/>',fitzpatrick_scale:!1,category:"flags"},belarus:{keywords:["by","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddfe" src="1f1e7-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},belgium:{keywords:["be","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddea" src="1f1e7-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},belize:{keywords:["bz","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddff" src="1f1e7-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},benin:{keywords:["bj","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddef" src="1f1e7-1f1ef.png"/>',fitzpatrick_scale:!1,category:"flags"},bermuda:{keywords:["bm","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddf2" src="1f1e7-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},bhutan:{keywords:["bt","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddf9" src="1f1e7-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},bolivia:{keywords:["bo","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddf4" src="1f1e7-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},caribbean_netherlands:{keywords:["bonaire","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddf6" src="1f1e7-1f1f6.png"/>',fitzpatrick_scale:!1,category:"flags"},bosnia_herzegovina:{keywords:["bosnia","herzegovina","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\udde6" src="1f1e7-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},botswana:{keywords:["bw","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddfc" src="1f1e7-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},brazil:{keywords:["br","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddf7" src="1f1e7-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},british_indian_ocean_territory:{keywords:["british","indian","ocean","territory","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddf4" src="1f1ee-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},british_virgin_islands:{keywords:["british","virgin","islands","bvi","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfb\ud83c\uddec" src="1f1fb-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},brunei:{keywords:["bn","darussalam","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddf3" src="1f1e7-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},bulgaria:{keywords:["bg","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddec" src="1f1e7-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},burkina_faso:{keywords:["burkina","faso","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddeb" src="1f1e7-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},burundi:{keywords:["bi","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddee" src="1f1e7-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},cape_verde:{keywords:["cabo","verde","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddfb" src="1f1e8-1f1fb.png"/>',fitzpatrick_scale:!1,category:"flags"},cambodia:{keywords:["kh","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\udded" src="1f1f0-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},cameroon:{keywords:["cm","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddf2" src="1f1e8-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},canada:{keywords:["ca","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\udde6" src="1f1e8-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},canary_islands:{keywords:["canary","islands","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\udde8" src="1f1ee-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},cayman_islands:{keywords:["cayman","islands","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddfe" src="1f1f0-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},central_african_republic:{keywords:["central","african","republic","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddeb" src="1f1e8-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},chad:{keywords:["td","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\udde9" src="1f1f9-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},chile:{keywords:["flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddf1" src="1f1e8-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},cn:{keywords:["china","chinese","prc","flag","country","nation","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddf3" src="1f1e8-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},christmas_island:{keywords:["christmas","island","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddfd" src="1f1e8-1f1fd.png"/>',fitzpatrick_scale:!1,category:"flags"},cocos_islands:{keywords:["cocos","keeling","islands","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\udde8" src="1f1e8-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},colombia:{keywords:["co","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddf4" src="1f1e8-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},comoros:{keywords:["km","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddf2" src="1f1f0-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},congo_brazzaville:{keywords:["congo","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddec" src="1f1e8-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},congo_kinshasa:{keywords:["congo","democratic","republic","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\udde9" src="1f1e8-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},cook_islands:{keywords:["cook","islands","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddf0" src="1f1e8-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},costa_rica:{keywords:["costa","rica","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddf7" src="1f1e8-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},croatia:{keywords:["hr","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udded\ud83c\uddf7" src="1f1ed-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},cuba:{keywords:["cu","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddfa" src="1f1e8-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},curacao:{keywords:["cura\xe7ao","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddfc" src="1f1e8-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},cyprus:{keywords:["cy","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddfe" src="1f1e8-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},czech_republic:{keywords:["cz","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddff" src="1f1e8-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},denmark:{keywords:["dk","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde9\ud83c\uddf0" src="1f1e9-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},djibouti:{keywords:["dj","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde9\ud83c\uddef" src="1f1e9-1f1ef.png"/>',fitzpatrick_scale:!1,category:"flags"},dominica:{keywords:["dm","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde9\ud83c\uddf2" src="1f1e9-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},dominican_republic:{keywords:["dominican","republic","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde9\ud83c\uddf4" src="1f1e9-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},ecuador:{keywords:["ec","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddea\ud83c\udde8" src="1f1ea-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},egypt:{keywords:["eg","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddea\ud83c\uddec" src="1f1ea-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},el_salvador:{keywords:["el","salvador","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddfb" src="1f1f8-1f1fb.png"/>',fitzpatrick_scale:!1,category:"flags"},equatorial_guinea:{keywords:["equatorial","gn","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddf6" src="1f1ec-1f1f6.png"/>',fitzpatrick_scale:!1,category:"flags"},eritrea:{keywords:["er","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddea\ud83c\uddf7" src="1f1ea-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},estonia:{keywords:["ee","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddea\ud83c\uddea" src="1f1ea-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},ethiopia:{keywords:["et","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddea\ud83c\uddf9" src="1f1ea-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},eu:{keywords:["european","union","flag","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddea\ud83c\uddfa" src="1f1ea-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},falkland_islands:{keywords:["falkland","islands","malvinas","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddeb\ud83c\uddf0" src="1f1eb-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},faroe_islands:{keywords:["faroe","islands","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddeb\ud83c\uddf4" src="1f1eb-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},fiji:{keywords:["fj","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddeb\ud83c\uddef" src="1f1eb-1f1ef.png"/>',fitzpatrick_scale:!1,category:"flags"},finland:{keywords:["fi","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddeb\ud83c\uddee" src="1f1eb-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},fr:{keywords:["banner","flag","nation","france","french","country"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddeb\ud83c\uddf7" src="1f1eb-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},french_guiana:{keywords:["french","guiana","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddeb" src="1f1ec-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},french_polynesia:{keywords:["french","polynesia","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddeb" src="1f1f5-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},french_southern_territories:{keywords:["french","southern","territories","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddeb" src="1f1f9-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},gabon:{keywords:["ga","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\udde6" src="1f1ec-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},gambia:{keywords:["gm","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddf2" src="1f1ec-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},georgia:{keywords:["ge","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddea" src="1f1ec-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},de:{keywords:["german","nation","flag","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde9\ud83c\uddea" src="1f1e9-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},ghana:{keywords:["gh","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\udded" src="1f1ec-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},gibraltar:{keywords:["gi","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddee" src="1f1ec-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},greece:{keywords:["gr","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddf7" src="1f1ec-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},greenland:{keywords:["gl","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddf1" src="1f1ec-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},grenada:{keywords:["gd","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\udde9" src="1f1ec-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},guadeloupe:{keywords:["gp","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddf5" src="1f1ec-1f1f5.png"/>',fitzpatrick_scale:!1,category:"flags"},guam:{keywords:["gu","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddfa" src="1f1ec-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},guatemala:{keywords:["gt","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddf9" src="1f1ec-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},guernsey:{keywords:["gg","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddec" src="1f1ec-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},guinea:{keywords:["gn","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddf3" src="1f1ec-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},guinea_bissau:{keywords:["gw","bissau","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddfc" src="1f1ec-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},guyana:{keywords:["gy","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddfe" src="1f1ec-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},haiti:{keywords:["ht","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udded\ud83c\uddf9" src="1f1ed-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},honduras:{keywords:["hn","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udded\ud83c\uddf3" src="1f1ed-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},hong_kong:{keywords:["hong","kong","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udded\ud83c\uddf0" src="1f1ed-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},hungary:{keywords:["hu","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udded\ud83c\uddfa" src="1f1ed-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},iceland:{keywords:["is","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddf8" src="1f1ee-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},india:{keywords:["in","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddf3" src="1f1ee-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},indonesia:{keywords:["flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\udde9" src="1f1ee-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},iran:{keywords:["iran,","islamic","republic","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddf7" src="1f1ee-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},iraq:{keywords:["iq","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddf6" src="1f1ee-1f1f6.png"/>',fitzpatrick_scale:!1,category:"flags"},ireland:{keywords:["ie","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddea" src="1f1ee-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},isle_of_man:{keywords:["isle","man","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddf2" src="1f1ee-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},israel:{keywords:["il","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddf1" src="1f1ee-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},it:{keywords:["italy","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddee\ud83c\uddf9" src="1f1ee-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},cote_divoire:{keywords:["ivory","coast","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\uddee" src="1f1e8-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},jamaica:{keywords:["jm","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddef\ud83c\uddf2" src="1f1ef-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},jp:{keywords:["japanese","nation","flag","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddef\ud83c\uddf5" src="1f1ef-1f1f5.png"/>',fitzpatrick_scale:!1,category:"flags"},jersey:{keywords:["je","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddef\ud83c\uddea" src="1f1ef-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},jordan:{keywords:["jo","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddef\ud83c\uddf4" src="1f1ef-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},kazakhstan:{keywords:["kz","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddff" src="1f1f0-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},kenya:{keywords:["ke","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddea" src="1f1f0-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},kiribati:{keywords:["ki","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddee" src="1f1f0-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},kosovo:{keywords:["xk","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfd\ud83c\uddf0" src="1f1fd-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},kuwait:{keywords:["kw","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddfc" src="1f1f0-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},kyrgyzstan:{keywords:["kg","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddec" src="1f1f0-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},laos:{keywords:["lao","democratic","republic","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\udde6" src="1f1f1-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},latvia:{keywords:["lv","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\uddfb" src="1f1f1-1f1fb.png"/>',fitzpatrick_scale:!1,category:"flags"},lebanon:{keywords:["lb","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\udde7" src="1f1f1-1f1e7.png"/>',fitzpatrick_scale:!1,category:"flags"},lesotho:{keywords:["ls","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\uddf8" src="1f1f1-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},liberia:{keywords:["lr","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\uddf7" src="1f1f1-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},libya:{keywords:["ly","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\uddfe" src="1f1f1-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},liechtenstein:{keywords:["li","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\uddee" src="1f1f1-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},lithuania:{keywords:["lt","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\uddf9" src="1f1f1-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},luxembourg:{keywords:["lu","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\uddfa" src="1f1f1-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},macau:{keywords:["macao","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf4" src="1f1f2-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},macedonia:{keywords:["macedonia,","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf0" src="1f1f2-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},madagascar:{keywords:["mg","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddec" src="1f1f2-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},malawi:{keywords:["mw","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddfc" src="1f1f2-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},malaysia:{keywords:["my","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddfe" src="1f1f2-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},maldives:{keywords:["mv","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddfb" src="1f1f2-1f1fb.png"/>',fitzpatrick_scale:!1,category:"flags"},mali:{keywords:["ml","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf1" src="1f1f2-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},malta:{keywords:["mt","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf9" src="1f1f2-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},marshall_islands:{keywords:["marshall","islands","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\udded" src="1f1f2-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},martinique:{keywords:["mq","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf6" src="1f1f2-1f1f6.png"/>',fitzpatrick_scale:!1,category:"flags"},mauritania:{keywords:["mr","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf7" src="1f1f2-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},mauritius:{keywords:["mu","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddfa" src="1f1f2-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},mayotte:{keywords:["yt","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfe\ud83c\uddf9" src="1f1fe-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},mexico:{keywords:["mx","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddfd" src="1f1f2-1f1fd.png"/>',fitzpatrick_scale:!1,category:"flags"},micronesia:{keywords:["micronesia,","federated","states","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddeb\ud83c\uddf2" src="1f1eb-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},moldova:{keywords:["moldova,","republic","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\udde9" src="1f1f2-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},monaco:{keywords:["mc","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\udde8" src="1f1f2-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},mongolia:{keywords:["mn","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf3" src="1f1f2-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},montenegro:{keywords:["me","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddea" src="1f1f2-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},montserrat:{keywords:["ms","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf8" src="1f1f2-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},morocco:{keywords:["ma","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\udde6" src="1f1f2-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},mozambique:{keywords:["mz","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddff" src="1f1f2-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},myanmar:{keywords:["mm","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf2" src="1f1f2-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},namibia:{keywords:["na","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\udde6" src="1f1f3-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},nauru:{keywords:["nr","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddf7" src="1f1f3-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},nepal:{keywords:["np","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddf5" src="1f1f3-1f1f5.png"/>',fitzpatrick_scale:!1,category:"flags"},netherlands:{keywords:["nl","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddf1" src="1f1f3-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},new_caledonia:{keywords:["new","caledonia","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\udde8" src="1f1f3-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},new_zealand:{keywords:["new","zealand","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddff" src="1f1f3-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},nicaragua:{keywords:["ni","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddee" src="1f1f3-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},niger:{keywords:["ne","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddea" src="1f1f3-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},nigeria:{keywords:["flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddec" src="1f1f3-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},niue:{keywords:["nu","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddfa" src="1f1f3-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},norfolk_island:{keywords:["norfolk","island","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddeb" src="1f1f3-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},northern_mariana_islands:{keywords:["northern","mariana","islands","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf2\ud83c\uddf5" src="1f1f2-1f1f5.png"/>',fitzpatrick_scale:!1,category:"flags"},north_korea:{keywords:["north","korea","nation","flag","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddf5" src="1f1f0-1f1f5.png"/>',fitzpatrick_scale:!1,category:"flags"},norway:{keywords:["no","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf3\ud83c\uddf4" src="1f1f3-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},oman:{keywords:["om_symbol","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf4\ud83c\uddf2" src="1f1f4-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},pakistan:{keywords:["pk","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddf0" src="1f1f5-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},palau:{keywords:["pw","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddfc" src="1f1f5-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},palestinian_territories:{keywords:["palestine","palestinian","territories","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddf8" src="1f1f5-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},panama:{keywords:["pa","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\udde6" src="1f1f5-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},papua_new_guinea:{keywords:["papua","new","guinea","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddec" src="1f1f5-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},paraguay:{keywords:["py","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddfe" src="1f1f5-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},peru:{keywords:["pe","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddea" src="1f1f5-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},philippines:{keywords:["ph","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\udded" src="1f1f5-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},pitcairn_islands:{keywords:["pitcairn","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddf3" src="1f1f5-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},poland:{keywords:["pl","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddf1" src="1f1f5-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},portugal:{keywords:["pt","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddf9" src="1f1f5-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},puerto_rico:{keywords:["puerto","rico","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddf7" src="1f1f5-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},qatar:{keywords:["qa","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf6\ud83c\udde6" src="1f1f6-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},reunion:{keywords:["r\xe9union","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf7\ud83c\uddea" src="1f1f7-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},romania:{keywords:["ro","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf7\ud83c\uddf4" src="1f1f7-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},ru:{keywords:["russian","federation","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf7\ud83c\uddfa" src="1f1f7-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},rwanda:{keywords:["rw","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf7\ud83c\uddfc" src="1f1f7-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},st_barthelemy:{keywords:["saint","barth\xe9lemy","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde7\ud83c\uddf1" src="1f1e7-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},st_helena:{keywords:["saint","helena","ascension","tristan","cunha","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\udded" src="1f1f8-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},st_kitts_nevis:{keywords:["saint","kitts","nevis","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddf3" src="1f1f0-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},st_lucia:{keywords:["saint","lucia","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\udde8" src="1f1f1-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},st_pierre_miquelon:{keywords:["saint","pierre","miquelon","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf5\ud83c\uddf2" src="1f1f5-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},st_vincent_grenadines:{keywords:["saint","vincent","grenadines","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfb\ud83c\udde8" src="1f1fb-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},samoa:{keywords:["ws","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfc\ud83c\uddf8" src="1f1fc-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},san_marino:{keywords:["san","marino","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddf2" src="1f1f8-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},sao_tome_principe:{keywords:["sao","tome","principe","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddf9" src="1f1f8-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},saudi_arabia:{keywords:["flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\udde6" src="1f1f8-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},senegal:{keywords:["sn","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddf3" src="1f1f8-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},serbia:{keywords:["rs","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf7\ud83c\uddf8" src="1f1f7-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},seychelles:{keywords:["sc","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\udde8" src="1f1f8-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},sierra_leone:{keywords:["sierra","leone","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddf1" src="1f1f8-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},singapore:{keywords:["sg","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddec" src="1f1f8-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},sint_maarten:{keywords:["sint","maarten","dutch","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddfd" src="1f1f8-1f1fd.png"/>',fitzpatrick_scale:!1,category:"flags"},slovakia:{keywords:["sk","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddf0" src="1f1f8-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},slovenia:{keywords:["si","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddee" src="1f1f8-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},solomon_islands:{keywords:["solomon","islands","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\udde7" src="1f1f8-1f1e7.png"/>',fitzpatrick_scale:!1,category:"flags"},somalia:{keywords:["so","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddf4" src="1f1f8-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},south_africa:{keywords:["south","africa","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddff\ud83c\udde6" src="1f1ff-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},south_georgia_south_sandwich_islands:{keywords:["south","georgia","sandwich","islands","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\uddf8" src="1f1ec-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},kr:{keywords:["south","korea","nation","flag","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf0\ud83c\uddf7" src="1f1f0-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},south_sudan:{keywords:["south","sd","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddf8" src="1f1f8-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},es:{keywords:["spain","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddea\ud83c\uddf8" src="1f1ea-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},sri_lanka:{keywords:["sri","lanka","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf1\ud83c\uddf0" src="1f1f1-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},sudan:{keywords:["sd","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\udde9" src="1f1f8-1f1e9.png"/>',fitzpatrick_scale:!1,category:"flags"},suriname:{keywords:["sr","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddf7" src="1f1f8-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},swaziland:{keywords:["sz","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddff" src="1f1f8-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},sweden:{keywords:["se","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddea" src="1f1f8-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},switzerland:{keywords:["ch","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde8\ud83c\udded" src="1f1e8-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},syria:{keywords:["syrian","arab","republic","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf8\ud83c\uddfe" src="1f1f8-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},taiwan:{keywords:["tw","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddfc" src="1f1f9-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},tajikistan:{keywords:["tj","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddef" src="1f1f9-1f1ef.png"/>',fitzpatrick_scale:!1,category:"flags"},tanzania:{keywords:["tanzania,","united","republic","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddff" src="1f1f9-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},thailand:{keywords:["th","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\udded" src="1f1f9-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},timor_leste:{keywords:["timor","leste","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddf1" src="1f1f9-1f1f1.png"/>',fitzpatrick_scale:!1,category:"flags"},togo:{keywords:["tg","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddec" src="1f1f9-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},tokelau:{keywords:["tk","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddf0" src="1f1f9-1f1f0.png"/>',fitzpatrick_scale:!1,category:"flags"},tonga:{keywords:["to","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddf4" src="1f1f9-1f1f4.png"/>',fitzpatrick_scale:!1,category:"flags"},trinidad_tobago:{keywords:["trinidad","tobago","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddf9" src="1f1f9-1f1f9.png"/>',fitzpatrick_scale:!1,category:"flags"},tunisia:{keywords:["tn","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddf3" src="1f1f9-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},tr:{keywords:["turkey","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddf7" src="1f1f9-1f1f7.png"/>',fitzpatrick_scale:!1,category:"flags"},turkmenistan:{keywords:["flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddf2" src="1f1f9-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},turks_caicos_islands:{keywords:["turks","caicos","islands","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\udde8" src="1f1f9-1f1e8.png"/>',fitzpatrick_scale:!1,category:"flags"},tuvalu:{keywords:["flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddf9\ud83c\uddfb" src="1f1f9-1f1fb.png"/>',fitzpatrick_scale:!1,category:"flags"},uganda:{keywords:["ug","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfa\ud83c\uddec" src="1f1fa-1f1ec.png"/>',fitzpatrick_scale:!1,category:"flags"},ukraine:{keywords:["ua","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfa\ud83c\udde6" src="1f1fa-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},united_arab_emirates:{keywords:["united","arab","emirates","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udde6\ud83c\uddea" src="1f1e6-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},uk:{keywords:["united","kingdom","great","britain","northern","ireland","flag","nation","country","banner","british","UK","english","england","union jack"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddec\ud83c\udde7" src="1f1ec-1f1e7.png"/>',fitzpatrick_scale:!1,category:"flags"},england:{keywords:["flag","english"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f" src="1f3f4-e0067-e0062-e0065-e006e-e0067-e007f.png"/>',fitzpatrick_scale:!1,category:"flags"},scotland:{keywords:["flag","scottish"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc73\udb40\udc63\udb40\udc74\udb40\udc7f" src="1f3f4-e0067-e0062-e0073-e0063-e0074-e007f.png"/>',fitzpatrick_scale:!1,category:"flags"},wales:{keywords:["flag","welsh"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc77\udb40\udc6c\udb40\udc73\udb40\udc7f" src="1f3f4-e0067-e0062-e0077-e006c-e0073-e007f.png"/>',fitzpatrick_scale:!1,category:"flags"},us:{keywords:["united","states","america","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfa\ud83c\uddf8" src="1f1fa-1f1f8.png"/>',fitzpatrick_scale:!1,category:"flags"},us_virgin_islands:{keywords:["virgin","islands","us","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfb\ud83c\uddee" src="1f1fb-1f1ee.png"/>',fitzpatrick_scale:!1,category:"flags"},uruguay:{keywords:["uy","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfa\ud83c\uddfe" src="1f1fa-1f1fe.png"/>',fitzpatrick_scale:!1,category:"flags"},uzbekistan:{keywords:["uz","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfa\ud83c\uddff" src="1f1fa-1f1ff.png"/>',fitzpatrick_scale:!1,category:"flags"},vanuatu:{keywords:["vu","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfb\ud83c\uddfa" src="1f1fb-1f1fa.png"/>',fitzpatrick_scale:!1,category:"flags"},vatican_city:{keywords:["vatican","city","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfb\ud83c\udde6" src="1f1fb-1f1e6.png"/>',fitzpatrick_scale:!1,category:"flags"},venezuela:{keywords:["ve","bolivarian","republic","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfb\ud83c\uddea" src="1f1fb-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},vietnam:{keywords:["viet","nam","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfb\ud83c\uddf3" src="1f1fb-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},wallis_futuna:{keywords:["wallis","futuna","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfc\ud83c\uddeb" src="1f1fc-1f1eb.png"/>',fitzpatrick_scale:!1,category:"flags"},western_sahara:{keywords:["western","sahara","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddea\ud83c\udded" src="1f1ea-1f1ed.png"/>',fitzpatrick_scale:!1,category:"flags"},yemen:{keywords:["ye","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfe\ud83c\uddea" src="1f1fe-1f1ea.png"/>',fitzpatrick_scale:!1,category:"flags"},zambia:{keywords:["zm","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddff\ud83c\uddf2" src="1f1ff-1f1f2.png"/>',fitzpatrick_scale:!1,category:"flags"},zimbabwe:{keywords:["zw","flag","nation","country","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddff\ud83c\uddfc" src="1f1ff-1f1fc.png"/>',fitzpatrick_scale:!1,category:"flags"},united_nations:{keywords:["un","flag","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\uddfa\ud83c\uddf3" src="1f1fa-1f1f3.png"/>',fitzpatrick_scale:!1,category:"flags"},pirate_flag:{keywords:["skull","crossbones","flag","banner"],"char":'<img data-emoticon="true" style="width:1em;height:1em;margin:0 .05em 0 .1em;vertical-align:-.1em" draggable="false" alt="\ud83c\udff4\u200d\u2620\ufe0f" src="1f3f4-200d-2620-fe0f.png"/>',fitzpatrick_scale:!1,category:"flags"}});
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/emoticons/js/emojis.js b/src/assets/tinymce/plugins/emoticons/js/emojis.js
new file mode 100644
index 00000000..4adb59b0
--- /dev/null
+++ b/src/assets/tinymce/plugins/emoticons/js/emojis.js
@@ -0,0 +1,9423 @@
+// Source: npm package: emojilib, file:emojis.json
+window.tinymce.Resource.add("tinymce.plugins.emoticons", {
+  grinning: {
+    keywords: [ "face", "smile", "happy", "joy", ":D", "grin" ],
+    "char": "\ud83d\ude00",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  grimacing: {
+    keywords: [ "face", "grimace", "teeth" ],
+    "char": "\ud83d\ude2c",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  grin: {
+    keywords: [ "face", "happy", "smile", "joy", "kawaii" ],
+    "char": "\ud83d\ude01",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  joy: {
+    keywords: [ "face", "cry", "tears", "weep", "happy", "happytears", "haha" ],
+    "char": "\ud83d\ude02",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  rofl: {
+    keywords: [ "face", "rolling", "floor", "laughing", "lol", "haha" ],
+    "char": "\ud83e\udd23",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  partying: {
+    keywords: [ "face", "celebration", "woohoo" ],
+    "char": "\ud83e\udd73",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  smiley: {
+    keywords: [ "face", "happy", "joy", "haha", ":D", ":)", "smile", "funny" ],
+    "char": "\ud83d\ude03",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  smile: {
+    keywords: [ "face", "happy", "joy", "funny", "haha", "laugh", "like", ":D", ":)" ],
+    "char": "\ud83d\ude04",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  sweat_smile: {
+    keywords: [ "face", "hot", "happy", "laugh", "sweat", "smile", "relief" ],
+    "char": "\ud83d\ude05",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  laughing: {
+    keywords: [ "happy", "joy", "lol", "satisfied", "haha", "face", "glad", "XD", "laugh" ],
+    "char": "\ud83d\ude06",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  innocent: {
+    keywords: [ "face", "angel", "heaven", "halo" ],
+    "char": "\ud83d\ude07",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  wink: {
+    keywords: [ "face", "happy", "mischievous", "secret", ";)", "smile", "eye" ],
+    "char": "\ud83d\ude09",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  blush: {
+    keywords: [ "face", "smile", "happy", "flushed", "crush", "embarrassed", "shy", "joy" ],
+    "char": "\ud83d\ude0a",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  slightly_smiling_face: {
+    keywords: [ "face", "smile" ],
+    "char": "\ud83d\ude42",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  upside_down_face: {
+    keywords: [ "face", "flipped", "silly", "smile" ],
+    "char": "\ud83d\ude43",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  relaxed: {
+    keywords: [ "face", "blush", "massage", "happiness" ],
+    "char": "\u263a\ufe0f",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  yum: {
+    keywords: [ "happy", "joy", "tongue", "smile", "face", "silly", "yummy", "nom", "delicious", "savouring" ],
+    "char": "\ud83d\ude0b",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  relieved: {
+    keywords: [ "face", "relaxed", "phew", "massage", "happiness" ],
+    "char": "\ud83d\ude0c",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  heart_eyes: {
+    keywords: [ "face", "love", "like", "affection", "valentines", "infatuation", "crush", "heart" ],
+    "char": "\ud83d\ude0d",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  smiling_face_with_three_hearts: {
+    keywords: [ "face", "love", "like", "affection", "valentines", "infatuation", "crush", "hearts", "adore" ],
+    "char": "\ud83e\udd70",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  kissing_heart: {
+    keywords: [ "face", "love", "like", "affection", "valentines", "infatuation", "kiss" ],
+    "char": "\ud83d\ude18",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  kissing: {
+    keywords: [ "love", "like", "face", "3", "valentines", "infatuation", "kiss" ],
+    "char": "\ud83d\ude17",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  kissing_smiling_eyes: {
+    keywords: [ "face", "affection", "valentines", "infatuation", "kiss" ],
+    "char": "\ud83d\ude19",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  kissing_closed_eyes: {
+    keywords: [ "face", "love", "like", "affection", "valentines", "infatuation", "kiss" ],
+    "char": "\ud83d\ude1a",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  stuck_out_tongue_winking_eye: {
+    keywords: [ "face", "prank", "childish", "playful", "mischievous", "smile", "wink", "tongue" ],
+    "char": "\ud83d\ude1c",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  zany: {
+    keywords: [ "face", "goofy", "crazy" ],
+    "char": "\ud83e\udd2a",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  raised_eyebrow: {
+    keywords: [ "face", "distrust", "scepticism", "disapproval", "disbelief", "surprise" ],
+    "char": "\ud83e\udd28",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  monocle: {
+    keywords: [ "face", "stuffy", "wealthy" ],
+    "char": "\ud83e\uddd0",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  stuck_out_tongue_closed_eyes: {
+    keywords: [ "face", "prank", "playful", "mischievous", "smile", "tongue" ],
+    "char": "\ud83d\ude1d",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  stuck_out_tongue: {
+    keywords: [ "face", "prank", "childish", "playful", "mischievous", "smile", "tongue" ],
+    "char": "\ud83d\ude1b",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  money_mouth_face: {
+    keywords: [ "face", "rich", "dollar", "money" ],
+    "char": "\ud83e\udd11",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  nerd_face: {
+    keywords: [ "face", "nerdy", "geek", "dork" ],
+    "char": "\ud83e\udd13",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  sunglasses: {
+    keywords: [ "face", "cool", "smile", "summer", "beach", "sunglass" ],
+    "char": "\ud83d\ude0e",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  star_struck: {
+    keywords: [ "face", "smile", "starry", "eyes", "grinning" ],
+    "char": "\ud83e\udd29",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  clown_face: {
+    keywords: [ "face" ],
+    "char": "\ud83e\udd21",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  cowboy_hat_face: {
+    keywords: [ "face", "cowgirl", "hat" ],
+    "char": "\ud83e\udd20",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  hugs: {
+    keywords: [ "face", "smile", "hug" ],
+    "char": "\ud83e\udd17",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  smirk: {
+    keywords: [ "face", "smile", "mean", "prank", "smug", "sarcasm" ],
+    "char": "\ud83d\ude0f",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  no_mouth: {
+    keywords: [ "face", "hellokitty" ],
+    "char": "\ud83d\ude36",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  neutral_face: {
+    keywords: [ "indifference", "meh", ":|", "neutral" ],
+    "char": "\ud83d\ude10",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  expressionless: {
+    keywords: [ "face", "indifferent", "-_-", "meh", "deadpan" ],
+    "char": "\ud83d\ude11",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  unamused: {
+    keywords: [ "indifference", "bored", "straight face", "serious", "sarcasm", "unimpressed", "skeptical", "dubious", "side_eye" ],
+    "char": "\ud83d\ude12",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  roll_eyes: {
+    keywords: [ "face", "eyeroll", "frustrated" ],
+    "char": "\ud83d\ude44",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  thinking: {
+    keywords: [ "face", "hmmm", "think", "consider" ],
+    "char": "\ud83e\udd14",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  lying_face: {
+    keywords: [ "face", "lie", "pinocchio" ],
+    "char": "\ud83e\udd25",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  hand_over_mouth: {
+    keywords: [ "face", "whoops", "shock", "surprise" ],
+    "char": "\ud83e\udd2d",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  shushing: {
+    keywords: [ "face", "quiet", "shhh" ],
+    "char": "\ud83e\udd2b",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  symbols_over_mouth: {
+    keywords: [ "face", "swearing", "cursing", "cussing", "profanity", "expletive" ],
+    "char": "\ud83e\udd2c",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  exploding_head: {
+    keywords: [ "face", "shocked", "mind", "blown" ],
+    "char": "\ud83e\udd2f",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  flushed: {
+    keywords: [ "face", "blush", "shy", "flattered" ],
+    "char": "\ud83d\ude33",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  disappointed: {
+    keywords: [ "face", "sad", "upset", "depressed", ":(" ],
+    "char": "\ud83d\ude1e",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  worried: {
+    keywords: [ "face", "concern", "nervous", ":(" ],
+    "char": "\ud83d\ude1f",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  angry: {
+    keywords: [ "mad", "face", "annoyed", "frustrated" ],
+    "char": "\ud83d\ude20",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  rage: {
+    keywords: [ "angry", "mad", "hate", "despise" ],
+    "char": "\ud83d\ude21",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  pensive: {
+    keywords: [ "face", "sad", "depressed", "upset" ],
+    "char": "\ud83d\ude14",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  confused: {
+    keywords: [ "face", "indifference", "huh", "weird", "hmmm", ":/" ],
+    "char": "\ud83d\ude15",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  slightly_frowning_face: {
+    keywords: [ "face", "frowning", "disappointed", "sad", "upset" ],
+    "char": "\ud83d\ude41",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  frowning_face: {
+    keywords: [ "face", "sad", "upset", "frown" ],
+    "char": "\u2639",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  persevere: {
+    keywords: [ "face", "sick", "no", "upset", "oops" ],
+    "char": "\ud83d\ude23",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  confounded: {
+    keywords: [ "face", "confused", "sick", "unwell", "oops", ":S" ],
+    "char": "\ud83d\ude16",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  tired_face: {
+    keywords: [ "sick", "whine", "upset", "frustrated" ],
+    "char": "\ud83d\ude2b",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  weary: {
+    keywords: [ "face", "tired", "sleepy", "sad", "frustrated", "upset" ],
+    "char": "\ud83d\ude29",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  pleading: {
+    keywords: [ "face", "begging", "mercy" ],
+    "char": "\ud83e\udd7a",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  triumph: {
+    keywords: [ "face", "gas", "phew", "proud", "pride" ],
+    "char": "\ud83d\ude24",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  open_mouth: {
+    keywords: [ "face", "surprise", "impressed", "wow", "whoa", ":O" ],
+    "char": "\ud83d\ude2e",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  scream: {
+    keywords: [ "face", "munch", "scared", "omg" ],
+    "char": "\ud83d\ude31",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  fearful: {
+    keywords: [ "face", "scared", "terrified", "nervous", "oops", "huh" ],
+    "char": "\ud83d\ude28",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  cold_sweat: {
+    keywords: [ "face", "nervous", "sweat" ],
+    "char": "\ud83d\ude30",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  hushed: {
+    keywords: [ "face", "woo", "shh" ],
+    "char": "\ud83d\ude2f",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  frowning: {
+    keywords: [ "face", "aw", "what" ],
+    "char": "\ud83d\ude26",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  anguished: {
+    keywords: [ "face", "stunned", "nervous" ],
+    "char": "\ud83d\ude27",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  cry: {
+    keywords: [ "face", "tears", "sad", "depressed", "upset", ":'(" ],
+    "char": "\ud83d\ude22",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  disappointed_relieved: {
+    keywords: [ "face", "phew", "sweat", "nervous" ],
+    "char": "\ud83d\ude25",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  drooling_face: {
+    keywords: [ "face" ],
+    "char": "\ud83e\udd24",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  sleepy: {
+    keywords: [ "face", "tired", "rest", "nap" ],
+    "char": "\ud83d\ude2a",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  sweat: {
+    keywords: [ "face", "hot", "sad", "tired", "exercise" ],
+    "char": "\ud83d\ude13",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  hot: {
+    keywords: [ "face", "feverish", "heat", "red", "sweating" ],
+    "char": "\ud83e\udd75",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  cold: {
+    keywords: [ "face", "blue", "freezing", "frozen", "frostbite", "icicles" ],
+    "char": "\ud83e\udd76",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  sob: {
+    keywords: [ "face", "cry", "tears", "sad", "upset", "depressed" ],
+    "char": "\ud83d\ude2d",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  dizzy_face: {
+    keywords: [ "spent", "unconscious", "xox", "dizzy" ],
+    "char": "\ud83d\ude35",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  astonished: {
+    keywords: [ "face", "xox", "surprised", "poisoned" ],
+    "char": "\ud83d\ude32",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  zipper_mouth_face: {
+    keywords: [ "face", "sealed", "zipper", "secret" ],
+    "char": "\ud83e\udd10",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  nauseated_face: {
+    keywords: [ "face", "vomit", "gross", "green", "sick", "throw up", "ill" ],
+    "char": "\ud83e\udd22",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  sneezing_face: {
+    keywords: [ "face", "gesundheit", "sneeze", "sick", "allergy" ],
+    "char": "\ud83e\udd27",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  vomiting: {
+    keywords: [ "face", "sick" ],
+    "char": "\ud83e\udd2e",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  mask: {
+    keywords: [ "face", "sick", "ill", "disease" ],
+    "char": "\ud83d\ude37",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  face_with_thermometer: {
+    keywords: [ "sick", "temperature", "thermometer", "cold", "fever" ],
+    "char": "\ud83e\udd12",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  face_with_head_bandage: {
+    keywords: [ "injured", "clumsy", "bandage", "hurt" ],
+    "char": "\ud83e\udd15",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  woozy: {
+    keywords: [ "face", "dizzy", "intoxicated", "tipsy", "wavy" ],
+    "char": "\ud83e\udd74",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  sleeping: {
+    keywords: [ "face", "tired", "sleepy", "night", "zzz" ],
+    "char": "\ud83d\ude34",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  zzz: {
+    keywords: [ "sleepy", "tired", "dream" ],
+    "char": "\ud83d\udca4",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  poop: {
+    keywords: [ "hankey", "shitface", "fail", "turd", "shit" ],
+    "char": "\ud83d\udca9",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  smiling_imp: {
+    keywords: [ "devil", "horns" ],
+    "char": "\ud83d\ude08",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  imp: {
+    keywords: [ "devil", "angry", "horns" ],
+    "char": "\ud83d\udc7f",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  japanese_ogre: {
+    keywords: [ "monster", "red", "mask", "halloween", "scary", "creepy", "devil", "demon", "japanese", "ogre" ],
+    "char": "\ud83d\udc79",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  japanese_goblin: {
+    keywords: [ "red", "evil", "mask", "monster", "scary", "creepy", "japanese", "goblin" ],
+    "char": "\ud83d\udc7a",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  skull: {
+    keywords: [ "dead", "skeleton", "creepy", "death" ],
+    "char": "\ud83d\udc80",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  ghost: {
+    keywords: [ "halloween", "spooky", "scary" ],
+    "char": "\ud83d\udc7b",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  alien: {
+    keywords: [ "UFO", "paul", "weird", "outer_space" ],
+    "char": "\ud83d\udc7d",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  robot: {
+    keywords: [ "computer", "machine", "bot" ],
+    "char": "\ud83e\udd16",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  smiley_cat: {
+    keywords: [ "animal", "cats", "happy", "smile" ],
+    "char": "\ud83d\ude3a",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  smile_cat: {
+    keywords: [ "animal", "cats", "smile" ],
+    "char": "\ud83d\ude38",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  joy_cat: {
+    keywords: [ "animal", "cats", "haha", "happy", "tears" ],
+    "char": "\ud83d\ude39",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  heart_eyes_cat: {
+    keywords: [ "animal", "love", "like", "affection", "cats", "valentines", "heart" ],
+    "char": "\ud83d\ude3b",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  smirk_cat: {
+    keywords: [ "animal", "cats", "smirk" ],
+    "char": "\ud83d\ude3c",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  kissing_cat: {
+    keywords: [ "animal", "cats", "kiss" ],
+    "char": "\ud83d\ude3d",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  scream_cat: {
+    keywords: [ "animal", "cats", "munch", "scared", "scream" ],
+    "char": "\ud83d\ude40",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  crying_cat_face: {
+    keywords: [ "animal", "tears", "weep", "sad", "cats", "upset", "cry" ],
+    "char": "\ud83d\ude3f",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  pouting_cat: {
+    keywords: [ "animal", "cats" ],
+    "char": "\ud83d\ude3e",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  palms_up: {
+    keywords: [ "hands", "gesture", "cupped", "prayer" ],
+    "char": "\ud83e\udd32",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  raised_hands: {
+    keywords: [ "gesture", "hooray", "yea", "celebration", "hands" ],
+    "char": "\ud83d\ude4c",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  clap: {
+    keywords: [ "hands", "praise", "applause", "congrats", "yay" ],
+    "char": "\ud83d\udc4f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  wave: {
+    keywords: [ "hands", "gesture", "goodbye", "solong", "farewell", "hello", "hi", "palm" ],
+    "char": "\ud83d\udc4b",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  call_me_hand: {
+    keywords: [ "hands", "gesture" ],
+    "char": "\ud83e\udd19",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  "+1": {
+    keywords: [ "thumbsup", "yes", "awesome", "good", "agree", "accept", "cool", "hand", "like" ],
+    "char": "\ud83d\udc4d",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  "-1": {
+    keywords: [ "thumbsdown", "no", "dislike", "hand" ],
+    "char": "\ud83d\udc4e",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  facepunch: {
+    keywords: [ "angry", "violence", "fist", "hit", "attack", "hand" ],
+    "char": "\ud83d\udc4a",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  fist: {
+    keywords: [ "fingers", "hand", "grasp" ],
+    "char": "\u270a",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  fist_left: {
+    keywords: [ "hand", "fistbump" ],
+    "char": "\ud83e\udd1b",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  fist_right: {
+    keywords: [ "hand", "fistbump" ],
+    "char": "\ud83e\udd1c",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  v: {
+    keywords: [ "fingers", "ohyeah", "hand", "peace", "victory", "two" ],
+    "char": "\u270c",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  ok_hand: {
+    keywords: [ "fingers", "limbs", "perfect", "ok", "okay" ],
+    "char": "\ud83d\udc4c",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  raised_hand: {
+    keywords: [ "fingers", "stop", "highfive", "palm", "ban" ],
+    "char": "\u270b",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  raised_back_of_hand: {
+    keywords: [ "fingers", "raised", "backhand" ],
+    "char": "\ud83e\udd1a",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  open_hands: {
+    keywords: [ "fingers", "butterfly", "hands", "open" ],
+    "char": "\ud83d\udc50",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  muscle: {
+    keywords: [ "arm", "flex", "hand", "summer", "strong", "biceps" ],
+    "char": "\ud83d\udcaa",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  pray: {
+    keywords: [ "please", "hope", "wish", "namaste", "highfive" ],
+    "char": "\ud83d\ude4f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  foot: {
+    keywords: [ "kick", "stomp" ],
+    "char": "\ud83e\uddb6",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  leg: {
+    keywords: [ "kick", "limb" ],
+    "char": "\ud83e\uddb5",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  handshake: {
+    keywords: [ "agreement", "shake" ],
+    "char": "\ud83e\udd1d",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  point_up: {
+    keywords: [ "hand", "fingers", "direction", "up" ],
+    "char": "\u261d",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  point_up_2: {
+    keywords: [ "fingers", "hand", "direction", "up" ],
+    "char": "\ud83d\udc46",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  point_down: {
+    keywords: [ "fingers", "hand", "direction", "down" ],
+    "char": "\ud83d\udc47",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  point_left: {
+    keywords: [ "direction", "fingers", "hand", "left" ],
+    "char": "\ud83d\udc48",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  point_right: {
+    keywords: [ "fingers", "hand", "direction", "right" ],
+    "char": "\ud83d\udc49",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  fu: {
+    keywords: [ "hand", "fingers", "rude", "middle", "flipping" ],
+    "char": "\ud83d\udd95",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  raised_hand_with_fingers_splayed: {
+    keywords: [ "hand", "fingers", "palm" ],
+    "char": "\ud83d\udd90",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  love_you: {
+    keywords: [ "hand", "fingers", "gesture" ],
+    "char": "\ud83e\udd1f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  metal: {
+    keywords: [ "hand", "fingers", "evil_eye", "sign_of_horns", "rock_on" ],
+    "char": "\ud83e\udd18",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  crossed_fingers: {
+    keywords: [ "good", "lucky" ],
+    "char": "\ud83e\udd1e",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  vulcan_salute: {
+    keywords: [ "hand", "fingers", "spock", "star trek" ],
+    "char": "\ud83d\udd96",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  writing_hand: {
+    keywords: [ "lower_left_ballpoint_pen", "stationery", "write", "compose" ],
+    "char": "\u270d",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  selfie: {
+    keywords: [ "camera", "phone" ],
+    "char": "\ud83e\udd33",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  nail_care: {
+    keywords: [ "beauty", "manicure", "finger", "fashion", "nail" ],
+    "char": "\ud83d\udc85",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  lips: {
+    keywords: [ "mouth", "kiss" ],
+    "char": "\ud83d\udc44",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  tooth: {
+    keywords: [ "teeth", "dentist" ],
+    "char": "\ud83e\uddb7",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  tongue: {
+    keywords: [ "mouth", "playful" ],
+    "char": "\ud83d\udc45",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  ear: {
+    keywords: [ "face", "hear", "sound", "listen" ],
+    "char": "\ud83d\udc42",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  nose: {
+    keywords: [ "smell", "sniff" ],
+    "char": "\ud83d\udc43",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  eye: {
+    keywords: [ "face", "look", "see", "watch", "stare" ],
+    "char": "\ud83d\udc41",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  eyes: {
+    keywords: [ "look", "watch", "stalk", "peek", "see" ],
+    "char": "\ud83d\udc40",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  brain: {
+    keywords: [ "smart", "intelligent" ],
+    "char": "\ud83e\udde0",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  bust_in_silhouette: {
+    keywords: [ "user", "person", "human" ],
+    "char": "\ud83d\udc64",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  busts_in_silhouette: {
+    keywords: [ "user", "person", "human", "group", "team" ],
+    "char": "\ud83d\udc65",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  speaking_head: {
+    keywords: [ "user", "person", "human", "sing", "say", "talk" ],
+    "char": "\ud83d\udde3",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  baby: {
+    keywords: [ "child", "boy", "girl", "toddler" ],
+    "char": "\ud83d\udc76",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  child: {
+    keywords: [ "gender-neutral", "young" ],
+    "char": "\ud83e\uddd2",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  boy: {
+    keywords: [ "man", "male", "guy", "teenager" ],
+    "char": "\ud83d\udc66",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  girl: {
+    keywords: [ "female", "woman", "teenager" ],
+    "char": "\ud83d\udc67",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  adult: {
+    keywords: [ "gender-neutral", "person" ],
+    "char": "\ud83e\uddd1",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man: {
+    keywords: [ "mustache", "father", "dad", "guy", "classy", "sir", "moustache" ],
+    "char": "\ud83d\udc68",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman: {
+    keywords: [ "female", "girls", "lady" ],
+    "char": "\ud83d\udc69",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  blonde_woman: {
+    keywords: [ "woman", "female", "girl", "blonde", "person" ],
+    "char": "\ud83d\udc71\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  blonde_man: {
+    keywords: [ "man", "male", "boy", "blonde", "guy", "person" ],
+    "char": "\ud83d\udc71",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  bearded_person: {
+    keywords: [ "person", "bewhiskered" ],
+    "char": "\ud83e\uddd4",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  older_adult: {
+    keywords: [ "human", "elder", "senior", "gender-neutral" ],
+    "char": "\ud83e\uddd3",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  older_man: {
+    keywords: [ "human", "male", "men", "old", "elder", "senior" ],
+    "char": "\ud83d\udc74",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  older_woman: {
+    keywords: [ "human", "female", "women", "lady", "old", "elder", "senior" ],
+    "char": "\ud83d\udc75",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_with_gua_pi_mao: {
+    keywords: [ "male", "boy", "chinese" ],
+    "char": "\ud83d\udc72",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_with_headscarf: {
+    keywords: [ "female", "hijab", "mantilla", "tichel" ],
+    "char": "\ud83e\uddd5",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_with_turban: {
+    keywords: [ "female", "indian", "hinduism", "arabs", "woman" ],
+    "char": "\ud83d\udc73\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_with_turban: {
+    keywords: [ "male", "indian", "hinduism", "arabs" ],
+    "char": "\ud83d\udc73",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  policewoman: {
+    keywords: [ "woman", "police", "law", "legal", "enforcement", "arrest", "911", "female" ],
+    "char": "\ud83d\udc6e\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  policeman: {
+    keywords: [ "man", "police", "law", "legal", "enforcement", "arrest", "911" ],
+    "char": "\ud83d\udc6e",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  construction_worker_woman: {
+    keywords: [ "female", "human", "wip", "build", "construction", "worker", "labor", "woman" ],
+    "char": "\ud83d\udc77\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  construction_worker_man: {
+    keywords: [ "male", "human", "wip", "guy", "build", "construction", "worker", "labor" ],
+    "char": "\ud83d\udc77",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  guardswoman: {
+    keywords: [ "uk", "gb", "british", "female", "royal", "woman" ],
+    "char": "\ud83d\udc82\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  guardsman: {
+    keywords: [ "uk", "gb", "british", "male", "guy", "royal" ],
+    "char": "\ud83d\udc82",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  female_detective: {
+    keywords: [ "human", "spy", "detective", "female", "woman" ],
+    "char": "\ud83d\udd75\ufe0f\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  male_detective: {
+    keywords: [ "human", "spy", "detective" ],
+    "char": "\ud83d\udd75",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_health_worker: {
+    keywords: [ "doctor", "nurse", "therapist", "healthcare", "woman", "human" ],
+    "char": "\ud83d\udc69\u200d\u2695\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_health_worker: {
+    keywords: [ "doctor", "nurse", "therapist", "healthcare", "man", "human" ],
+    "char": "\ud83d\udc68\u200d\u2695\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_farmer: {
+    keywords: [ "rancher", "gardener", "woman", "human" ],
+    "char": "\ud83d\udc69\u200d\ud83c\udf3e",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_farmer: {
+    keywords: [ "rancher", "gardener", "man", "human" ],
+    "char": "\ud83d\udc68\u200d\ud83c\udf3e",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_cook: {
+    keywords: [ "chef", "woman", "human" ],
+    "char": "\ud83d\udc69\u200d\ud83c\udf73",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_cook: {
+    keywords: [ "chef", "man", "human" ],
+    "char": "\ud83d\udc68\u200d\ud83c\udf73",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_student: {
+    keywords: [ "graduate", "woman", "human" ],
+    "char": "\ud83d\udc69\u200d\ud83c\udf93",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_student: {
+    keywords: [ "graduate", "man", "human" ],
+    "char": "\ud83d\udc68\u200d\ud83c\udf93",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_singer: {
+    keywords: [ "rockstar", "entertainer", "woman", "human" ],
+    "char": "\ud83d\udc69\u200d\ud83c\udfa4",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_singer: {
+    keywords: [ "rockstar", "entertainer", "man", "human" ],
+    "char": "\ud83d\udc68\u200d\ud83c\udfa4",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_teacher: {
+    keywords: [ "instructor", "professor", "woman", "human" ],
+    "char": "\ud83d\udc69\u200d\ud83c\udfeb",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_teacher: {
+    keywords: [ "instructor", "professor", "man", "human" ],
+    "char": "\ud83d\udc68\u200d\ud83c\udfeb",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_factory_worker: {
+    keywords: [ "assembly", "industrial", "woman", "human" ],
+    "char": "\ud83d\udc69\u200d\ud83c\udfed",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_factory_worker: {
+    keywords: [ "assembly", "industrial", "man", "human" ],
+    "char": "\ud83d\udc68\u200d\ud83c\udfed",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_technologist: {
+    keywords: [ "coder", "developer", "engineer", "programmer", "software", "woman", "human", "laptop", "computer" ],
+    "char": "\ud83d\udc69\u200d\ud83d\udcbb",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_technologist: {
+    keywords: [ "coder", "developer", "engineer", "programmer", "software", "man", "human", "laptop", "computer" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udcbb",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_office_worker: {
+    keywords: [ "business", "manager", "woman", "human" ],
+    "char": "\ud83d\udc69\u200d\ud83d\udcbc",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_office_worker: {
+    keywords: [ "business", "manager", "man", "human" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udcbc",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_mechanic: {
+    keywords: [ "plumber", "woman", "human", "wrench" ],
+    "char": "\ud83d\udc69\u200d\ud83d\udd27",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_mechanic: {
+    keywords: [ "plumber", "man", "human", "wrench" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udd27",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_scientist: {
+    keywords: [ "biologist", "chemist", "engineer", "physicist", "woman", "human" ],
+    "char": "\ud83d\udc69\u200d\ud83d\udd2c",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_scientist: {
+    keywords: [ "biologist", "chemist", "engineer", "physicist", "man", "human" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udd2c",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_artist: {
+    keywords: [ "painter", "woman", "human" ],
+    "char": "\ud83d\udc69\u200d\ud83c\udfa8",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_artist: {
+    keywords: [ "painter", "man", "human" ],
+    "char": "\ud83d\udc68\u200d\ud83c\udfa8",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_firefighter: {
+    keywords: [ "fireman", "woman", "human" ],
+    "char": "\ud83d\udc69\u200d\ud83d\ude92",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_firefighter: {
+    keywords: [ "fireman", "man", "human" ],
+    "char": "\ud83d\udc68\u200d\ud83d\ude92",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_pilot: {
+    keywords: [ "aviator", "plane", "woman", "human" ],
+    "char": "\ud83d\udc69\u200d\u2708\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_pilot: {
+    keywords: [ "aviator", "plane", "man", "human" ],
+    "char": "\ud83d\udc68\u200d\u2708\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_astronaut: {
+    keywords: [ "space", "rocket", "woman", "human" ],
+    "char": "\ud83d\udc69\u200d\ud83d\ude80",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_astronaut: {
+    keywords: [ "space", "rocket", "man", "human" ],
+    "char": "\ud83d\udc68\u200d\ud83d\ude80",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_judge: {
+    keywords: [ "justice", "court", "woman", "human" ],
+    "char": "\ud83d\udc69\u200d\u2696\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_judge: {
+    keywords: [ "justice", "court", "man", "human" ],
+    "char": "\ud83d\udc68\u200d\u2696\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_superhero: {
+    keywords: [ "woman", "female", "good", "heroine", "superpowers" ],
+    "char": "\ud83e\uddb8\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_superhero: {
+    keywords: [ "man", "male", "good", "hero", "superpowers" ],
+    "char": "\ud83e\uddb8\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_supervillain: {
+    keywords: [ "woman", "female", "evil", "bad", "criminal", "heroine", "superpowers" ],
+    "char": "\ud83e\uddb9\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_supervillain: {
+    keywords: [ "man", "male", "evil", "bad", "criminal", "hero", "superpowers" ],
+    "char": "\ud83e\uddb9\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  mrs_claus: {
+    keywords: [ "woman", "female", "xmas", "mother christmas" ],
+    "char": "\ud83e\udd36",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  santa: {
+    keywords: [ "festival", "man", "male", "xmas", "father christmas" ],
+    "char": "\ud83c\udf85",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  sorceress: {
+    keywords: [ "woman", "female", "mage", "witch" ],
+    "char": "\ud83e\uddd9\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  wizard: {
+    keywords: [ "man", "male", "mage", "sorcerer" ],
+    "char": "\ud83e\uddd9\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_elf: {
+    keywords: [ "woman", "female" ],
+    "char": "\ud83e\udddd\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_elf: {
+    keywords: [ "man", "male" ],
+    "char": "\ud83e\udddd\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_vampire: {
+    keywords: [ "woman", "female" ],
+    "char": "\ud83e\udddb\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_vampire: {
+    keywords: [ "man", "male", "dracula" ],
+    "char": "\ud83e\udddb\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_zombie: {
+    keywords: [ "woman", "female", "undead", "walking dead" ],
+    "char": "\ud83e\udddf\u200d\u2640\ufe0f",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  man_zombie: {
+    keywords: [ "man", "male", "dracula", "undead", "walking dead" ],
+    "char": "\ud83e\udddf\u200d\u2642\ufe0f",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  woman_genie: {
+    keywords: [ "woman", "female" ],
+    "char": "\ud83e\uddde\u200d\u2640\ufe0f",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  man_genie: {
+    keywords: [ "man", "male" ],
+    "char": "\ud83e\uddde\u200d\u2642\ufe0f",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  mermaid: {
+    keywords: [ "woman", "female", "merwoman", "ariel" ],
+    "char": "\ud83e\udddc\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  merman: {
+    keywords: [ "man", "male", "triton" ],
+    "char": "\ud83e\udddc\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_fairy: {
+    keywords: [ "woman", "female" ],
+    "char": "\ud83e\uddda\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_fairy: {
+    keywords: [ "man", "male" ],
+    "char": "\ud83e\uddda\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  angel: {
+    keywords: [ "heaven", "wings", "halo" ],
+    "char": "\ud83d\udc7c",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  pregnant_woman: {
+    keywords: [ "baby" ],
+    "char": "\ud83e\udd30",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  breastfeeding: {
+    keywords: [ "nursing", "baby" ],
+    "char": "\ud83e\udd31",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  princess: {
+    keywords: [ "girl", "woman", "female", "blond", "crown", "royal", "queen" ],
+    "char": "\ud83d\udc78",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  prince: {
+    keywords: [ "boy", "man", "male", "crown", "royal", "king" ],
+    "char": "\ud83e\udd34",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  bride_with_veil: {
+    keywords: [ "couple", "marriage", "wedding", "woman", "bride" ],
+    "char": "\ud83d\udc70",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_in_tuxedo: {
+    keywords: [ "couple", "marriage", "wedding", "groom" ],
+    "char": "\ud83e\udd35",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  running_woman: {
+    keywords: [ "woman", "walking", "exercise", "race", "running", "female" ],
+    "char": "\ud83c\udfc3\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  running_man: {
+    keywords: [ "man", "walking", "exercise", "race", "running" ],
+    "char": "\ud83c\udfc3",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  walking_woman: {
+    keywords: [ "human", "feet", "steps", "woman", "female" ],
+    "char": "\ud83d\udeb6\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  walking_man: {
+    keywords: [ "human", "feet", "steps" ],
+    "char": "\ud83d\udeb6",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  dancer: {
+    keywords: [ "female", "girl", "woman", "fun" ],
+    "char": "\ud83d\udc83",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_dancing: {
+    keywords: [ "male", "boy", "fun", "dancer" ],
+    "char": "\ud83d\udd7a",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  dancing_women: {
+    keywords: [ "female", "bunny", "women", "girls" ],
+    "char": "\ud83d\udc6f",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  dancing_men: {
+    keywords: [ "male", "bunny", "men", "boys" ],
+    "char": "\ud83d\udc6f\u200d\u2642\ufe0f",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  couple: {
+    keywords: [ "pair", "people", "human", "love", "date", "dating", "like", "affection", "valentines", "marriage" ],
+    "char": "\ud83d\udc6b",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  two_men_holding_hands: {
+    keywords: [ "pair", "couple", "love", "like", "bromance", "friendship", "people", "human" ],
+    "char": "\ud83d\udc6c",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  two_women_holding_hands: {
+    keywords: [ "pair", "friendship", "couple", "love", "like", "female", "people", "human" ],
+    "char": "\ud83d\udc6d",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  bowing_woman: {
+    keywords: [ "woman", "female", "girl" ],
+    "char": "\ud83d\ude47\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  bowing_man: {
+    keywords: [ "man", "male", "boy" ],
+    "char": "\ud83d\ude47",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_facepalming: {
+    keywords: [ "man", "male", "boy", "disbelief" ],
+    "char": "\ud83e\udd26\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_facepalming: {
+    keywords: [ "woman", "female", "girl", "disbelief" ],
+    "char": "\ud83e\udd26\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_shrugging: {
+    keywords: [ "woman", "female", "girl", "confused", "indifferent", "doubt" ],
+    "char": "\ud83e\udd37",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_shrugging: {
+    keywords: [ "man", "male", "boy", "confused", "indifferent", "doubt" ],
+    "char": "\ud83e\udd37\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  tipping_hand_woman: {
+    keywords: [ "female", "girl", "woman", "human", "information" ],
+    "char": "\ud83d\udc81",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  tipping_hand_man: {
+    keywords: [ "male", "boy", "man", "human", "information" ],
+    "char": "\ud83d\udc81\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  no_good_woman: {
+    keywords: [ "female", "girl", "woman", "nope" ],
+    "char": "\ud83d\ude45",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  no_good_man: {
+    keywords: [ "male", "boy", "man", "nope" ],
+    "char": "\ud83d\ude45\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  ok_woman: {
+    keywords: [ "women", "girl", "female", "pink", "human", "woman" ],
+    "char": "\ud83d\ude46",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  ok_man: {
+    keywords: [ "men", "boy", "male", "blue", "human", "man" ],
+    "char": "\ud83d\ude46\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  raising_hand_woman: {
+    keywords: [ "female", "girl", "woman" ],
+    "char": "\ud83d\ude4b",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  raising_hand_man: {
+    keywords: [ "male", "boy", "man" ],
+    "char": "\ud83d\ude4b\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  pouting_woman: {
+    keywords: [ "female", "girl", "woman" ],
+    "char": "\ud83d\ude4e",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  pouting_man: {
+    keywords: [ "male", "boy", "man" ],
+    "char": "\ud83d\ude4e\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  frowning_woman: {
+    keywords: [ "female", "girl", "woman", "sad", "depressed", "discouraged", "unhappy" ],
+    "char": "\ud83d\ude4d",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  frowning_man: {
+    keywords: [ "male", "boy", "man", "sad", "depressed", "discouraged", "unhappy" ],
+    "char": "\ud83d\ude4d\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  haircut_woman: {
+    keywords: [ "female", "girl", "woman" ],
+    "char": "\ud83d\udc87",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  haircut_man: {
+    keywords: [ "male", "boy", "man" ],
+    "char": "\ud83d\udc87\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  massage_woman: {
+    keywords: [ "female", "girl", "woman", "head" ],
+    "char": "\ud83d\udc86",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  massage_man: {
+    keywords: [ "male", "boy", "man", "head" ],
+    "char": "\ud83d\udc86\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  woman_in_steamy_room: {
+    keywords: [ "female", "woman", "spa", "steamroom", "sauna" ],
+    "char": "\ud83e\uddd6\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  man_in_steamy_room: {
+    keywords: [ "male", "man", "spa", "steamroom", "sauna" ],
+    "char": "\ud83e\uddd6\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "people"
+  },
+  couple_with_heart_woman_man: {
+    keywords: [ "pair", "love", "like", "affection", "human", "dating", "valentines", "marriage" ],
+    "char": "\ud83d\udc91",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  couple_with_heart_woman_woman: {
+    keywords: [ "pair", "love", "like", "affection", "human", "dating", "valentines", "marriage" ],
+    "char": "\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud83d\udc69",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  couple_with_heart_man_man: {
+    keywords: [ "pair", "love", "like", "affection", "human", "dating", "valentines", "marriage" ],
+    "char": "\ud83d\udc68\u200d\u2764\ufe0f\u200d\ud83d\udc68",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  couplekiss_man_woman: {
+    keywords: [ "pair", "valentines", "love", "like", "dating", "marriage" ],
+    "char": "\ud83d\udc8f",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  couplekiss_woman_woman: {
+    keywords: [ "pair", "valentines", "love", "like", "dating", "marriage" ],
+    "char": "\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc69",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  couplekiss_man_man: {
+    keywords: [ "pair", "valentines", "love", "like", "dating", "marriage" ],
+    "char": "\ud83d\udc68\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_woman_boy: {
+    keywords: [ "home", "parents", "child", "mom", "dad", "father", "mother", "people", "human" ],
+    "char": "\ud83d\udc6a",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_woman_girl: {
+    keywords: [ "home", "parents", "people", "human", "child" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_woman_girl_boy: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_woman_boy_boy: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_woman_girl_girl: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc67",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_woman_boy: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": "\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc66",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_woman_girl: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": "\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc67",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_woman_girl_boy: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": "\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_woman_boy_boy: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": "\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_woman_girl_girl: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": "\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc67",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_man_boy: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc66",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_man_girl: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc67",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_man_girl_boy: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d\udc66",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_man_boy_boy: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc66\u200d\ud83d\udc66",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_man_girl_girl: {
+    keywords: [ "home", "parents", "people", "human", "children" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d\udc67",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_boy: {
+    keywords: [ "home", "parent", "people", "human", "child" ],
+    "char": "\ud83d\udc69\u200d\ud83d\udc66",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_girl: {
+    keywords: [ "home", "parent", "people", "human", "child" ],
+    "char": "\ud83d\udc69\u200d\ud83d\udc67",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_girl_boy: {
+    keywords: [ "home", "parent", "people", "human", "children" ],
+    "char": "\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_boy_boy: {
+    keywords: [ "home", "parent", "people", "human", "children" ],
+    "char": "\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_woman_girl_girl: {
+    keywords: [ "home", "parent", "people", "human", "children" ],
+    "char": "\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc67",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_boy: {
+    keywords: [ "home", "parent", "people", "human", "child" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udc66",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_girl: {
+    keywords: [ "home", "parent", "people", "human", "child" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udc67",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_girl_boy: {
+    keywords: [ "home", "parent", "people", "human", "children" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d\udc66",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_boy_boy: {
+    keywords: [ "home", "parent", "people", "human", "children" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udc66\u200d\ud83d\udc66",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  family_man_girl_girl: {
+    keywords: [ "home", "parent", "people", "human", "children" ],
+    "char": "\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d\udc67",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  yarn: {
+    keywords: [ "ball", "crochet", "knit" ],
+    "char": "\ud83e\uddf6",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  thread: {
+    keywords: [ "needle", "sewing", "spool", "string" ],
+    "char": "\ud83e\uddf5",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  coat: {
+    keywords: [ "jacket" ],
+    "char": "\ud83e\udde5",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  labcoat: {
+    keywords: [ "doctor", "experiment", "scientist", "chemist" ],
+    "char": "\ud83e\udd7c",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  womans_clothes: {
+    keywords: [ "fashion", "shopping_bags", "female" ],
+    "char": "\ud83d\udc5a",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  tshirt: {
+    keywords: [ "fashion", "cloth", "casual", "shirt", "tee" ],
+    "char": "\ud83d\udc55",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  jeans: {
+    keywords: [ "fashion", "shopping" ],
+    "char": "\ud83d\udc56",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  necktie: {
+    keywords: [ "shirt", "suitup", "formal", "fashion", "cloth", "business" ],
+    "char": "\ud83d\udc54",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  dress: {
+    keywords: [ "clothes", "fashion", "shopping" ],
+    "char": "\ud83d\udc57",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  bikini: {
+    keywords: [ "swimming", "female", "woman", "girl", "fashion", "beach", "summer" ],
+    "char": "\ud83d\udc59",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  kimono: {
+    keywords: [ "dress", "fashion", "women", "female", "japanese" ],
+    "char": "\ud83d\udc58",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  lipstick: {
+    keywords: [ "female", "girl", "fashion", "woman" ],
+    "char": "\ud83d\udc84",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  kiss: {
+    keywords: [ "face", "lips", "love", "like", "affection", "valentines" ],
+    "char": "\ud83d\udc8b",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  footprints: {
+    keywords: [ "feet", "tracking", "walking", "beach" ],
+    "char": "\ud83d\udc63",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  flat_shoe: {
+    keywords: [ "ballet", "slip-on", "slipper" ],
+    "char": "\ud83e\udd7f",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  high_heel: {
+    keywords: [ "fashion", "shoes", "female", "pumps", "stiletto" ],
+    "char": "\ud83d\udc60",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  sandal: {
+    keywords: [ "shoes", "fashion", "flip flops" ],
+    "char": "\ud83d\udc61",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  boot: {
+    keywords: [ "shoes", "fashion" ],
+    "char": "\ud83d\udc62",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  mans_shoe: {
+    keywords: [ "fashion", "male" ],
+    "char": "\ud83d\udc5e",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  athletic_shoe: {
+    keywords: [ "shoes", "sports", "sneakers" ],
+    "char": "\ud83d\udc5f",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  hiking_boot: {
+    keywords: [ "backpacking", "camping", "hiking" ],
+    "char": "\ud83e\udd7e",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  socks: {
+    keywords: [ "stockings", "clothes" ],
+    "char": "\ud83e\udde6",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  gloves: {
+    keywords: [ "hands", "winter", "clothes" ],
+    "char": "\ud83e\udde4",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  scarf: {
+    keywords: [ "neck", "winter", "clothes" ],
+    "char": "\ud83e\udde3",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  womans_hat: {
+    keywords: [ "fashion", "accessories", "female", "lady", "spring" ],
+    "char": "\ud83d\udc52",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  tophat: {
+    keywords: [ "magic", "gentleman", "classy", "circus" ],
+    "char": "\ud83c\udfa9",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  billed_hat: {
+    keywords: [ "cap", "baseball" ],
+    "char": "\ud83e\udde2",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  rescue_worker_helmet: {
+    keywords: [ "construction", "build" ],
+    "char": "\u26d1",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  mortar_board: {
+    keywords: [ "school", "college", "degree", "university", "graduation", "cap", "hat", "legal", "learn", "education" ],
+    "char": "\ud83c\udf93",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  crown: {
+    keywords: [ "king", "kod", "leader", "royalty", "lord" ],
+    "char": "\ud83d\udc51",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  school_satchel: {
+    keywords: [ "student", "education", "bag", "backpack" ],
+    "char": "\ud83c\udf92",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  luggage: {
+    keywords: [ "packing", "travel" ],
+    "char": "\ud83e\uddf3",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  pouch: {
+    keywords: [ "bag", "accessories", "shopping" ],
+    "char": "\ud83d\udc5d",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  purse: {
+    keywords: [ "fashion", "accessories", "money", "sales", "shopping" ],
+    "char": "\ud83d\udc5b",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  handbag: {
+    keywords: [ "fashion", "accessory", "accessories", "shopping" ],
+    "char": "\ud83d\udc5c",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  briefcase: {
+    keywords: [ "business", "documents", "work", "law", "legal", "job", "career" ],
+    "char": "\ud83d\udcbc",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  eyeglasses: {
+    keywords: [ "fashion", "accessories", "eyesight", "nerdy", "dork", "geek" ],
+    "char": "\ud83d\udc53",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  dark_sunglasses: {
+    keywords: [ "face", "cool", "accessories" ],
+    "char": "\ud83d\udd76",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  goggles: {
+    keywords: [ "eyes", "protection", "safety" ],
+    "char": "\ud83e\udd7d",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  ring: {
+    keywords: [ "wedding", "propose", "marriage", "valentines", "diamond", "fashion", "jewelry", "gem", "engagement" ],
+    "char": "\ud83d\udc8d",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  closed_umbrella: {
+    keywords: [ "weather", "rain", "drizzle" ],
+    "char": "\ud83c\udf02",
+    fitzpatrick_scale: false,
+    category: "people"
+  },
+  dog: {
+    keywords: [ "animal", "friend", "nature", "woof", "puppy", "pet", "faithful" ],
+    "char": "\ud83d\udc36",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cat: {
+    keywords: [ "animal", "meow", "nature", "pet", "kitten" ],
+    "char": "\ud83d\udc31",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  mouse: {
+    keywords: [ "animal", "nature", "cheese_wedge", "rodent" ],
+    "char": "\ud83d\udc2d",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  hamster: {
+    keywords: [ "animal", "nature" ],
+    "char": "\ud83d\udc39",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  rabbit: {
+    keywords: [ "animal", "nature", "pet", "spring", "magic", "bunny" ],
+    "char": "\ud83d\udc30",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  fox_face: {
+    keywords: [ "animal", "nature", "face" ],
+    "char": "\ud83e\udd8a",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  bear: {
+    keywords: [ "animal", "nature", "wild" ],
+    "char": "\ud83d\udc3b",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  panda_face: {
+    keywords: [ "animal", "nature", "panda" ],
+    "char": "\ud83d\udc3c",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  koala: {
+    keywords: [ "animal", "nature" ],
+    "char": "\ud83d\udc28",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  tiger: {
+    keywords: [ "animal", "cat", "danger", "wild", "nature", "roar" ],
+    "char": "\ud83d\udc2f",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  lion: {
+    keywords: [ "animal", "nature" ],
+    "char": "\ud83e\udd81",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cow: {
+    keywords: [ "beef", "ox", "animal", "nature", "moo", "milk" ],
+    "char": "\ud83d\udc2e",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  pig: {
+    keywords: [ "animal", "oink", "nature" ],
+    "char": "\ud83d\udc37",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  pig_nose: {
+    keywords: [ "animal", "oink" ],
+    "char": "\ud83d\udc3d",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  frog: {
+    keywords: [ "animal", "nature", "croak", "toad" ],
+    "char": "\ud83d\udc38",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  squid: {
+    keywords: [ "animal", "nature", "ocean", "sea" ],
+    "char": "\ud83e\udd91",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  octopus: {
+    keywords: [ "animal", "creature", "ocean", "sea", "nature", "beach" ],
+    "char": "\ud83d\udc19",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  shrimp: {
+    keywords: [ "animal", "ocean", "nature", "seafood" ],
+    "char": "\ud83e\udd90",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  monkey_face: {
+    keywords: [ "animal", "nature", "circus" ],
+    "char": "\ud83d\udc35",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  gorilla: {
+    keywords: [ "animal", "nature", "circus" ],
+    "char": "\ud83e\udd8d",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  see_no_evil: {
+    keywords: [ "monkey", "animal", "nature", "haha" ],
+    "char": "\ud83d\ude48",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  hear_no_evil: {
+    keywords: [ "animal", "monkey", "nature" ],
+    "char": "\ud83d\ude49",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  speak_no_evil: {
+    keywords: [ "monkey", "animal", "nature", "omg" ],
+    "char": "\ud83d\ude4a",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  monkey: {
+    keywords: [ "animal", "nature", "banana", "circus" ],
+    "char": "\ud83d\udc12",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  chicken: {
+    keywords: [ "animal", "cluck", "nature", "bird" ],
+    "char": "\ud83d\udc14",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  penguin: {
+    keywords: [ "animal", "nature" ],
+    "char": "\ud83d\udc27",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  bird: {
+    keywords: [ "animal", "nature", "fly", "tweet", "spring" ],
+    "char": "\ud83d\udc26",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  baby_chick: {
+    keywords: [ "animal", "chicken", "bird" ],
+    "char": "\ud83d\udc24",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  hatching_chick: {
+    keywords: [ "animal", "chicken", "egg", "born", "baby", "bird" ],
+    "char": "\ud83d\udc23",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  hatched_chick: {
+    keywords: [ "animal", "chicken", "baby", "bird" ],
+    "char": "\ud83d\udc25",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  duck: {
+    keywords: [ "animal", "nature", "bird", "mallard" ],
+    "char": "\ud83e\udd86",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  eagle: {
+    keywords: [ "animal", "nature", "bird" ],
+    "char": "\ud83e\udd85",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  owl: {
+    keywords: [ "animal", "nature", "bird", "hoot" ],
+    "char": "\ud83e\udd89",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  bat: {
+    keywords: [ "animal", "nature", "blind", "vampire" ],
+    "char": "\ud83e\udd87",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  wolf: {
+    keywords: [ "animal", "nature", "wild" ],
+    "char": "\ud83d\udc3a",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  boar: {
+    keywords: [ "animal", "nature" ],
+    "char": "\ud83d\udc17",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  horse: {
+    keywords: [ "animal", "brown", "nature" ],
+    "char": "\ud83d\udc34",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  unicorn: {
+    keywords: [ "animal", "nature", "mystical" ],
+    "char": "\ud83e\udd84",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  honeybee: {
+    keywords: [ "animal", "insect", "nature", "bug", "spring", "honey" ],
+    "char": "\ud83d\udc1d",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  bug: {
+    keywords: [ "animal", "insect", "nature", "worm" ],
+    "char": "\ud83d\udc1b",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  butterfly: {
+    keywords: [ "animal", "insect", "nature", "caterpillar" ],
+    "char": "\ud83e\udd8b",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  snail: {
+    keywords: [ "slow", "animal", "shell" ],
+    "char": "\ud83d\udc0c",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  beetle: {
+    keywords: [ "animal", "insect", "nature", "ladybug" ],
+    "char": "\ud83d\udc1e",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  ant: {
+    keywords: [ "animal", "insect", "nature", "bug" ],
+    "char": "\ud83d\udc1c",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  grasshopper: {
+    keywords: [ "animal", "cricket", "chirp" ],
+    "char": "\ud83e\udd97",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  spider: {
+    keywords: [ "animal", "arachnid" ],
+    "char": "\ud83d\udd77",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  scorpion: {
+    keywords: [ "animal", "arachnid" ],
+    "char": "\ud83e\udd82",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  crab: {
+    keywords: [ "animal", "crustacean" ],
+    "char": "\ud83e\udd80",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  snake: {
+    keywords: [ "animal", "evil", "nature", "hiss", "python" ],
+    "char": "\ud83d\udc0d",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  lizard: {
+    keywords: [ "animal", "nature", "reptile" ],
+    "char": "\ud83e\udd8e",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  "t-rex": {
+    keywords: [ "animal", "nature", "dinosaur", "tyrannosaurus", "extinct" ],
+    "char": "\ud83e\udd96",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sauropod: {
+    keywords: [ "animal", "nature", "dinosaur", "brachiosaurus", "brontosaurus", "diplodocus", "extinct" ],
+    "char": "\ud83e\udd95",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  turtle: {
+    keywords: [ "animal", "slow", "nature", "tortoise" ],
+    "char": "\ud83d\udc22",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  tropical_fish: {
+    keywords: [ "animal", "swim", "ocean", "beach", "nemo" ],
+    "char": "\ud83d\udc20",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  fish: {
+    keywords: [ "animal", "food", "nature" ],
+    "char": "\ud83d\udc1f",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  blowfish: {
+    keywords: [ "animal", "nature", "food", "sea", "ocean" ],
+    "char": "\ud83d\udc21",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  dolphin: {
+    keywords: [ "animal", "nature", "fish", "sea", "ocean", "flipper", "fins", "beach" ],
+    "char": "\ud83d\udc2c",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  shark: {
+    keywords: [ "animal", "nature", "fish", "sea", "ocean", "jaws", "fins", "beach" ],
+    "char": "\ud83e\udd88",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  whale: {
+    keywords: [ "animal", "nature", "sea", "ocean" ],
+    "char": "\ud83d\udc33",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  whale2: {
+    keywords: [ "animal", "nature", "sea", "ocean" ],
+    "char": "\ud83d\udc0b",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  crocodile: {
+    keywords: [ "animal", "nature", "reptile", "lizard", "alligator" ],
+    "char": "\ud83d\udc0a",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  leopard: {
+    keywords: [ "animal", "nature" ],
+    "char": "\ud83d\udc06",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  zebra: {
+    keywords: [ "animal", "nature", "stripes", "safari" ],
+    "char": "\ud83e\udd93",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  tiger2: {
+    keywords: [ "animal", "nature", "roar" ],
+    "char": "\ud83d\udc05",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  water_buffalo: {
+    keywords: [ "animal", "nature", "ox", "cow" ],
+    "char": "\ud83d\udc03",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  ox: {
+    keywords: [ "animal", "cow", "beef" ],
+    "char": "\ud83d\udc02",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cow2: {
+    keywords: [ "beef", "ox", "animal", "nature", "moo", "milk" ],
+    "char": "\ud83d\udc04",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  deer: {
+    keywords: [ "animal", "nature", "horns", "venison" ],
+    "char": "\ud83e\udd8c",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  dromedary_camel: {
+    keywords: [ "animal", "hot", "desert", "hump" ],
+    "char": "\ud83d\udc2a",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  camel: {
+    keywords: [ "animal", "nature", "hot", "desert", "hump" ],
+    "char": "\ud83d\udc2b",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  giraffe: {
+    keywords: [ "animal", "nature", "spots", "safari" ],
+    "char": "\ud83e\udd92",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  elephant: {
+    keywords: [ "animal", "nature", "nose", "th", "circus" ],
+    "char": "\ud83d\udc18",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  rhinoceros: {
+    keywords: [ "animal", "nature", "horn" ],
+    "char": "\ud83e\udd8f",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  goat: {
+    keywords: [ "animal", "nature" ],
+    "char": "\ud83d\udc10",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  ram: {
+    keywords: [ "animal", "sheep", "nature" ],
+    "char": "\ud83d\udc0f",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sheep: {
+    keywords: [ "animal", "nature", "wool", "shipit" ],
+    "char": "\ud83d\udc11",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  racehorse: {
+    keywords: [ "animal", "gamble", "luck" ],
+    "char": "\ud83d\udc0e",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  pig2: {
+    keywords: [ "animal", "nature" ],
+    "char": "\ud83d\udc16",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  rat: {
+    keywords: [ "animal", "mouse", "rodent" ],
+    "char": "\ud83d\udc00",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  mouse2: {
+    keywords: [ "animal", "nature", "rodent" ],
+    "char": "\ud83d\udc01",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  rooster: {
+    keywords: [ "animal", "nature", "chicken" ],
+    "char": "\ud83d\udc13",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  turkey: {
+    keywords: [ "animal", "bird" ],
+    "char": "\ud83e\udd83",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  dove: {
+    keywords: [ "animal", "bird" ],
+    "char": "\ud83d\udd4a",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  dog2: {
+    keywords: [ "animal", "nature", "friend", "doge", "pet", "faithful" ],
+    "char": "\ud83d\udc15",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  poodle: {
+    keywords: [ "dog", "animal", "101", "nature", "pet" ],
+    "char": "\ud83d\udc29",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cat2: {
+    keywords: [ "animal", "meow", "pet", "cats" ],
+    "char": "\ud83d\udc08",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  rabbit2: {
+    keywords: [ "animal", "nature", "pet", "magic", "spring" ],
+    "char": "\ud83d\udc07",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  chipmunk: {
+    keywords: [ "animal", "nature", "rodent", "squirrel" ],
+    "char": "\ud83d\udc3f",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  hedgehog: {
+    keywords: [ "animal", "nature", "spiny" ],
+    "char": "\ud83e\udd94",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  raccoon: {
+    keywords: [ "animal", "nature" ],
+    "char": "\ud83e\udd9d",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  llama: {
+    keywords: [ "animal", "nature", "alpaca" ],
+    "char": "\ud83e\udd99",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  hippopotamus: {
+    keywords: [ "animal", "nature" ],
+    "char": "\ud83e\udd9b",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  kangaroo: {
+    keywords: [ "animal", "nature", "australia", "joey", "hop", "marsupial" ],
+    "char": "\ud83e\udd98",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  badger: {
+    keywords: [ "animal", "nature", "honey" ],
+    "char": "\ud83e\udda1",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  swan: {
+    keywords: [ "animal", "nature", "bird" ],
+    "char": "\ud83e\udda2",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  peacock: {
+    keywords: [ "animal", "nature", "peahen", "bird" ],
+    "char": "\ud83e\udd9a",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  parrot: {
+    keywords: [ "animal", "nature", "bird", "pirate", "talk" ],
+    "char": "\ud83e\udd9c",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  lobster: {
+    keywords: [ "animal", "nature", "bisque", "claws", "seafood" ],
+    "char": "\ud83e\udd9e",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  mosquito: {
+    keywords: [ "animal", "nature", "insect", "malaria" ],
+    "char": "\ud83e\udd9f",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  paw_prints: {
+    keywords: [ "animal", "tracking", "footprints", "dog", "cat", "pet", "feet" ],
+    "char": "\ud83d\udc3e",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  dragon: {
+    keywords: [ "animal", "myth", "nature", "chinese", "green" ],
+    "char": "\ud83d\udc09",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  dragon_face: {
+    keywords: [ "animal", "myth", "nature", "chinese", "green" ],
+    "char": "\ud83d\udc32",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cactus: {
+    keywords: [ "vegetable", "plant", "nature" ],
+    "char": "\ud83c\udf35",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  christmas_tree: {
+    keywords: [ "festival", "vacation", "december", "xmas", "celebration" ],
+    "char": "\ud83c\udf84",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  evergreen_tree: {
+    keywords: [ "plant", "nature" ],
+    "char": "\ud83c\udf32",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  deciduous_tree: {
+    keywords: [ "plant", "nature" ],
+    "char": "\ud83c\udf33",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  palm_tree: {
+    keywords: [ "plant", "vegetable", "nature", "summer", "beach", "mojito", "tropical" ],
+    "char": "\ud83c\udf34",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  seedling: {
+    keywords: [ "plant", "nature", "grass", "lawn", "spring" ],
+    "char": "\ud83c\udf31",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  herb: {
+    keywords: [ "vegetable", "plant", "medicine", "weed", "grass", "lawn" ],
+    "char": "\ud83c\udf3f",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  shamrock: {
+    keywords: [ "vegetable", "plant", "nature", "irish", "clover" ],
+    "char": "\u2618",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  four_leaf_clover: {
+    keywords: [ "vegetable", "plant", "nature", "lucky", "irish" ],
+    "char": "\ud83c\udf40",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  bamboo: {
+    keywords: [ "plant", "nature", "vegetable", "panda", "pine_decoration" ],
+    "char": "\ud83c\udf8d",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  tanabata_tree: {
+    keywords: [ "plant", "nature", "branch", "summer" ],
+    "char": "\ud83c\udf8b",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  leaves: {
+    keywords: [ "nature", "plant", "tree", "vegetable", "grass", "lawn", "spring" ],
+    "char": "\ud83c\udf43",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  fallen_leaf: {
+    keywords: [ "nature", "plant", "vegetable", "leaves" ],
+    "char": "\ud83c\udf42",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  maple_leaf: {
+    keywords: [ "nature", "plant", "vegetable", "ca", "fall" ],
+    "char": "\ud83c\udf41",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  ear_of_rice: {
+    keywords: [ "nature", "plant" ],
+    "char": "\ud83c\udf3e",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  hibiscus: {
+    keywords: [ "plant", "vegetable", "flowers", "beach" ],
+    "char": "\ud83c\udf3a",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sunflower: {
+    keywords: [ "nature", "plant", "fall" ],
+    "char": "\ud83c\udf3b",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  rose: {
+    keywords: [ "flowers", "valentines", "love", "spring" ],
+    "char": "\ud83c\udf39",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  wilted_flower: {
+    keywords: [ "plant", "nature", "flower" ],
+    "char": "\ud83e\udd40",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  tulip: {
+    keywords: [ "flowers", "plant", "nature", "summer", "spring" ],
+    "char": "\ud83c\udf37",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  blossom: {
+    keywords: [ "nature", "flowers", "yellow" ],
+    "char": "\ud83c\udf3c",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cherry_blossom: {
+    keywords: [ "nature", "plant", "spring", "flower" ],
+    "char": "\ud83c\udf38",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  bouquet: {
+    keywords: [ "flowers", "nature", "spring" ],
+    "char": "\ud83d\udc90",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  mushroom: {
+    keywords: [ "plant", "vegetable" ],
+    "char": "\ud83c\udf44",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  chestnut: {
+    keywords: [ "food", "squirrel" ],
+    "char": "\ud83c\udf30",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  jack_o_lantern: {
+    keywords: [ "halloween", "light", "pumpkin", "creepy", "fall" ],
+    "char": "\ud83c\udf83",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  shell: {
+    keywords: [ "nature", "sea", "beach" ],
+    "char": "\ud83d\udc1a",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  spider_web: {
+    keywords: [ "animal", "insect", "arachnid", "silk" ],
+    "char": "\ud83d\udd78",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  earth_americas: {
+    keywords: [ "globe", "world", "USA", "international" ],
+    "char": "\ud83c\udf0e",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  earth_africa: {
+    keywords: [ "globe", "world", "international" ],
+    "char": "\ud83c\udf0d",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  earth_asia: {
+    keywords: [ "globe", "world", "east", "international" ],
+    "char": "\ud83c\udf0f",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  full_moon: {
+    keywords: [ "nature", "yellow", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": "\ud83c\udf15",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  waning_gibbous_moon: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep", "waxing_gibbous_moon" ],
+    "char": "\ud83c\udf16",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  last_quarter_moon: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": "\ud83c\udf17",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  waning_crescent_moon: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": "\ud83c\udf18",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  new_moon: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": "\ud83c\udf11",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  waxing_crescent_moon: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": "\ud83c\udf12",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  first_quarter_moon: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": "\ud83c\udf13",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  waxing_gibbous_moon: {
+    keywords: [ "nature", "night", "sky", "gray", "twilight", "planet", "space", "evening", "sleep" ],
+    "char": "\ud83c\udf14",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  new_moon_with_face: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": "\ud83c\udf1a",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  full_moon_with_face: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": "\ud83c\udf1d",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  first_quarter_moon_with_face: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": "\ud83c\udf1b",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  last_quarter_moon_with_face: {
+    keywords: [ "nature", "twilight", "planet", "space", "night", "evening", "sleep" ],
+    "char": "\ud83c\udf1c",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sun_with_face: {
+    keywords: [ "nature", "morning", "sky" ],
+    "char": "\ud83c\udf1e",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  crescent_moon: {
+    keywords: [ "night", "sleep", "sky", "evening", "magic" ],
+    "char": "\ud83c\udf19",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  star: {
+    keywords: [ "night", "yellow" ],
+    "char": "\u2b50",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  star2: {
+    keywords: [ "night", "sparkle", "awesome", "good", "magic" ],
+    "char": "\ud83c\udf1f",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  dizzy: {
+    keywords: [ "star", "sparkle", "shoot", "magic" ],
+    "char": "\ud83d\udcab",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sparkles: {
+    keywords: [ "stars", "shine", "shiny", "cool", "awesome", "good", "magic" ],
+    "char": "\u2728",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  comet: {
+    keywords: [ "space" ],
+    "char": "\u2604",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sunny: {
+    keywords: [ "weather", "nature", "brightness", "summer", "beach", "spring" ],
+    "char": "\u2600\ufe0f",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sun_behind_small_cloud: {
+    keywords: [ "weather" ],
+    "char": "\ud83c\udf24",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  partly_sunny: {
+    keywords: [ "weather", "nature", "cloudy", "morning", "fall", "spring" ],
+    "char": "\u26c5",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sun_behind_large_cloud: {
+    keywords: [ "weather" ],
+    "char": "\ud83c\udf25",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sun_behind_rain_cloud: {
+    keywords: [ "weather" ],
+    "char": "\ud83c\udf26",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cloud: {
+    keywords: [ "weather", "sky" ],
+    "char": "\u2601\ufe0f",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cloud_with_rain: {
+    keywords: [ "weather" ],
+    "char": "\ud83c\udf27",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cloud_with_lightning_and_rain: {
+    keywords: [ "weather", "lightning" ],
+    "char": "\u26c8",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cloud_with_lightning: {
+    keywords: [ "weather", "thunder" ],
+    "char": "\ud83c\udf29",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  zap: {
+    keywords: [ "thunder", "weather", "lightning bolt", "fast" ],
+    "char": "\u26a1",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  fire: {
+    keywords: [ "hot", "cook", "flame" ],
+    "char": "\ud83d\udd25",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  boom: {
+    keywords: [ "bomb", "explode", "explosion", "collision", "blown" ],
+    "char": "\ud83d\udca5",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  snowflake: {
+    keywords: [ "winter", "season", "cold", "weather", "christmas", "xmas" ],
+    "char": "\u2744\ufe0f",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  cloud_with_snow: {
+    keywords: [ "weather" ],
+    "char": "\ud83c\udf28",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  snowman: {
+    keywords: [ "winter", "season", "cold", "weather", "christmas", "xmas", "frozen", "without_snow" ],
+    "char": "\u26c4",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  snowman_with_snow: {
+    keywords: [ "winter", "season", "cold", "weather", "christmas", "xmas", "frozen" ],
+    "char": "\u2603",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  wind_face: {
+    keywords: [ "gust", "air" ],
+    "char": "\ud83c\udf2c",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  dash: {
+    keywords: [ "wind", "air", "fast", "shoo", "fart", "smoke", "puff" ],
+    "char": "\ud83d\udca8",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  tornado: {
+    keywords: [ "weather", "cyclone", "twister" ],
+    "char": "\ud83c\udf2a",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  fog: {
+    keywords: [ "weather" ],
+    "char": "\ud83c\udf2b",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  open_umbrella: {
+    keywords: [ "weather", "spring" ],
+    "char": "\u2602",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  umbrella: {
+    keywords: [ "rainy", "weather", "spring" ],
+    "char": "\u2614",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  droplet: {
+    keywords: [ "water", "drip", "faucet", "spring" ],
+    "char": "\ud83d\udca7",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  sweat_drops: {
+    keywords: [ "water", "drip", "oops" ],
+    "char": "\ud83d\udca6",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  ocean: {
+    keywords: [ "sea", "water", "wave", "nature", "tsunami", "disaster" ],
+    "char": "\ud83c\udf0a",
+    fitzpatrick_scale: false,
+    category: "animals_and_nature"
+  },
+  green_apple: {
+    keywords: [ "fruit", "nature" ],
+    "char": "\ud83c\udf4f",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  apple: {
+    keywords: [ "fruit", "mac", "school" ],
+    "char": "\ud83c\udf4e",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  pear: {
+    keywords: [ "fruit", "nature", "food" ],
+    "char": "\ud83c\udf50",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  tangerine: {
+    keywords: [ "food", "fruit", "nature", "orange" ],
+    "char": "\ud83c\udf4a",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  lemon: {
+    keywords: [ "fruit", "nature" ],
+    "char": "\ud83c\udf4b",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  banana: {
+    keywords: [ "fruit", "food", "monkey" ],
+    "char": "\ud83c\udf4c",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  watermelon: {
+    keywords: [ "fruit", "food", "picnic", "summer" ],
+    "char": "\ud83c\udf49",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  grapes: {
+    keywords: [ "fruit", "food", "wine" ],
+    "char": "\ud83c\udf47",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  strawberry: {
+    keywords: [ "fruit", "food", "nature" ],
+    "char": "\ud83c\udf53",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  melon: {
+    keywords: [ "fruit", "nature", "food" ],
+    "char": "\ud83c\udf48",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  cherries: {
+    keywords: [ "food", "fruit" ],
+    "char": "\ud83c\udf52",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  peach: {
+    keywords: [ "fruit", "nature", "food" ],
+    "char": "\ud83c\udf51",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  pineapple: {
+    keywords: [ "fruit", "nature", "food" ],
+    "char": "\ud83c\udf4d",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  coconut: {
+    keywords: [ "fruit", "nature", "food", "palm" ],
+    "char": "\ud83e\udd65",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  kiwi_fruit: {
+    keywords: [ "fruit", "food" ],
+    "char": "\ud83e\udd5d",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  mango: {
+    keywords: [ "fruit", "food", "tropical" ],
+    "char": "\ud83e\udd6d",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  avocado: {
+    keywords: [ "fruit", "food" ],
+    "char": "\ud83e\udd51",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  broccoli: {
+    keywords: [ "fruit", "food", "vegetable" ],
+    "char": "\ud83e\udd66",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  tomato: {
+    keywords: [ "fruit", "vegetable", "nature", "food" ],
+    "char": "\ud83c\udf45",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  eggplant: {
+    keywords: [ "vegetable", "nature", "food", "aubergine" ],
+    "char": "\ud83c\udf46",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  cucumber: {
+    keywords: [ "fruit", "food", "pickle" ],
+    "char": "\ud83e\udd52",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  carrot: {
+    keywords: [ "vegetable", "food", "orange" ],
+    "char": "\ud83e\udd55",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  hot_pepper: {
+    keywords: [ "food", "spicy", "chilli", "chili" ],
+    "char": "\ud83c\udf36",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  potato: {
+    keywords: [ "food", "tuber", "vegatable", "starch" ],
+    "char": "\ud83e\udd54",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  corn: {
+    keywords: [ "food", "vegetable", "plant" ],
+    "char": "\ud83c\udf3d",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  leafy_greens: {
+    keywords: [ "food", "vegetable", "plant", "bok choy", "cabbage", "kale", "lettuce" ],
+    "char": "\ud83e\udd6c",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  sweet_potato: {
+    keywords: [ "food", "nature" ],
+    "char": "\ud83c\udf60",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  peanuts: {
+    keywords: [ "food", "nut" ],
+    "char": "\ud83e\udd5c",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  honey_pot: {
+    keywords: [ "bees", "sweet", "kitchen" ],
+    "char": "\ud83c\udf6f",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  croissant: {
+    keywords: [ "food", "bread", "french" ],
+    "char": "\ud83e\udd50",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  bread: {
+    keywords: [ "food", "wheat", "breakfast", "toast" ],
+    "char": "\ud83c\udf5e",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  baguette_bread: {
+    keywords: [ "food", "bread", "french" ],
+    "char": "\ud83e\udd56",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  bagel: {
+    keywords: [ "food", "bread", "bakery", "schmear" ],
+    "char": "\ud83e\udd6f",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  pretzel: {
+    keywords: [ "food", "bread", "twisted" ],
+    "char": "\ud83e\udd68",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  cheese: {
+    keywords: [ "food", "chadder" ],
+    "char": "\ud83e\uddc0",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  egg: {
+    keywords: [ "food", "chicken", "breakfast" ],
+    "char": "\ud83e\udd5a",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  bacon: {
+    keywords: [ "food", "breakfast", "pork", "pig", "meat" ],
+    "char": "\ud83e\udd53",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  steak: {
+    keywords: [ "food", "cow", "meat", "cut", "chop", "lambchop", "porkchop" ],
+    "char": "\ud83e\udd69",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  pancakes: {
+    keywords: [ "food", "breakfast", "flapjacks", "hotcakes" ],
+    "char": "\ud83e\udd5e",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  poultry_leg: {
+    keywords: [ "food", "meat", "drumstick", "bird", "chicken", "turkey" ],
+    "char": "\ud83c\udf57",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  meat_on_bone: {
+    keywords: [ "good", "food", "drumstick" ],
+    "char": "\ud83c\udf56",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  bone: {
+    keywords: [ "skeleton" ],
+    "char": "\ud83e\uddb4",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  fried_shrimp: {
+    keywords: [ "food", "animal", "appetizer", "summer" ],
+    "char": "\ud83c\udf64",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  fried_egg: {
+    keywords: [ "food", "breakfast", "kitchen", "egg" ],
+    "char": "\ud83c\udf73",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  hamburger: {
+    keywords: [ "meat", "fast food", "beef", "cheeseburger", "mcdonalds", "burger king" ],
+    "char": "\ud83c\udf54",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  fries: {
+    keywords: [ "chips", "snack", "fast food" ],
+    "char": "\ud83c\udf5f",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  stuffed_flatbread: {
+    keywords: [ "food", "flatbread", "stuffed", "gyro" ],
+    "char": "\ud83e\udd59",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  hotdog: {
+    keywords: [ "food", "frankfurter" ],
+    "char": "\ud83c\udf2d",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  pizza: {
+    keywords: [ "food", "party" ],
+    "char": "\ud83c\udf55",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  sandwich: {
+    keywords: [ "food", "lunch", "bread" ],
+    "char": "\ud83e\udd6a",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  canned_food: {
+    keywords: [ "food", "soup" ],
+    "char": "\ud83e\udd6b",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  spaghetti: {
+    keywords: [ "food", "italian", "noodle" ],
+    "char": "\ud83c\udf5d",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  taco: {
+    keywords: [ "food", "mexican" ],
+    "char": "\ud83c\udf2e",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  burrito: {
+    keywords: [ "food", "mexican" ],
+    "char": "\ud83c\udf2f",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  green_salad: {
+    keywords: [ "food", "healthy", "lettuce" ],
+    "char": "\ud83e\udd57",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  shallow_pan_of_food: {
+    keywords: [ "food", "cooking", "casserole", "paella" ],
+    "char": "\ud83e\udd58",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  ramen: {
+    keywords: [ "food", "japanese", "noodle", "chopsticks" ],
+    "char": "\ud83c\udf5c",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  stew: {
+    keywords: [ "food", "meat", "soup" ],
+    "char": "\ud83c\udf72",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  fish_cake: {
+    keywords: [ "food", "japan", "sea", "beach", "narutomaki", "pink", "swirl", "kamaboko", "surimi", "ramen" ],
+    "char": "\ud83c\udf65",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  fortune_cookie: {
+    keywords: [ "food", "prophecy" ],
+    "char": "\ud83e\udd60",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  sushi: {
+    keywords: [ "food", "fish", "japanese", "rice" ],
+    "char": "\ud83c\udf63",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  bento: {
+    keywords: [ "food", "japanese", "box" ],
+    "char": "\ud83c\udf71",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  curry: {
+    keywords: [ "food", "spicy", "hot", "indian" ],
+    "char": "\ud83c\udf5b",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  rice_ball: {
+    keywords: [ "food", "japanese" ],
+    "char": "\ud83c\udf59",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  rice: {
+    keywords: [ "food", "china", "asian" ],
+    "char": "\ud83c\udf5a",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  rice_cracker: {
+    keywords: [ "food", "japanese" ],
+    "char": "\ud83c\udf58",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  oden: {
+    keywords: [ "food", "japanese" ],
+    "char": "\ud83c\udf62",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  dango: {
+    keywords: [ "food", "dessert", "sweet", "japanese", "barbecue", "meat" ],
+    "char": "\ud83c\udf61",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  shaved_ice: {
+    keywords: [ "hot", "dessert", "summer" ],
+    "char": "\ud83c\udf67",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  ice_cream: {
+    keywords: [ "food", "hot", "dessert" ],
+    "char": "\ud83c\udf68",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  icecream: {
+    keywords: [ "food", "hot", "dessert", "summer" ],
+    "char": "\ud83c\udf66",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  pie: {
+    keywords: [ "food", "dessert", "pastry" ],
+    "char": "\ud83e\udd67",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  cake: {
+    keywords: [ "food", "dessert" ],
+    "char": "\ud83c\udf70",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  cupcake: {
+    keywords: [ "food", "dessert", "bakery", "sweet" ],
+    "char": "\ud83e\uddc1",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  moon_cake: {
+    keywords: [ "food", "autumn" ],
+    "char": "\ud83e\udd6e",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  birthday: {
+    keywords: [ "food", "dessert", "cake" ],
+    "char": "\ud83c\udf82",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  custard: {
+    keywords: [ "dessert", "food" ],
+    "char": "\ud83c\udf6e",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  candy: {
+    keywords: [ "snack", "dessert", "sweet", "lolly" ],
+    "char": "\ud83c\udf6c",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  lollipop: {
+    keywords: [ "food", "snack", "candy", "sweet" ],
+    "char": "\ud83c\udf6d",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  chocolate_bar: {
+    keywords: [ "food", "snack", "dessert", "sweet" ],
+    "char": "\ud83c\udf6b",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  popcorn: {
+    keywords: [ "food", "movie theater", "films", "snack" ],
+    "char": "\ud83c\udf7f",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  dumpling: {
+    keywords: [ "food", "empanada", "pierogi", "potsticker" ],
+    "char": "\ud83e\udd5f",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  doughnut: {
+    keywords: [ "food", "dessert", "snack", "sweet", "donut" ],
+    "char": "\ud83c\udf69",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  cookie: {
+    keywords: [ "food", "snack", "oreo", "chocolate", "sweet", "dessert" ],
+    "char": "\ud83c\udf6a",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  milk_glass: {
+    keywords: [ "beverage", "drink", "cow" ],
+    "char": "\ud83e\udd5b",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  beer: {
+    keywords: [ "relax", "beverage", "drink", "drunk", "party", "pub", "summer", "alcohol", "booze" ],
+    "char": "\ud83c\udf7a",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  beers: {
+    keywords: [ "relax", "beverage", "drink", "drunk", "party", "pub", "summer", "alcohol", "booze" ],
+    "char": "\ud83c\udf7b",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  clinking_glasses: {
+    keywords: [ "beverage", "drink", "party", "alcohol", "celebrate", "cheers", "wine", "champagne", "toast" ],
+    "char": "\ud83e\udd42",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  wine_glass: {
+    keywords: [ "drink", "beverage", "drunk", "alcohol", "booze" ],
+    "char": "\ud83c\udf77",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  tumbler_glass: {
+    keywords: [ "drink", "beverage", "drunk", "alcohol", "liquor", "booze", "bourbon", "scotch", "whisky", "glass", "shot" ],
+    "char": "\ud83e\udd43",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  cocktail: {
+    keywords: [ "drink", "drunk", "alcohol", "beverage", "booze", "mojito" ],
+    "char": "\ud83c\udf78",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  tropical_drink: {
+    keywords: [ "beverage", "cocktail", "summer", "beach", "alcohol", "booze", "mojito" ],
+    "char": "\ud83c\udf79",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  champagne: {
+    keywords: [ "drink", "wine", "bottle", "celebration" ],
+    "char": "\ud83c\udf7e",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  sake: {
+    keywords: [ "wine", "drink", "drunk", "beverage", "japanese", "alcohol", "booze" ],
+    "char": "\ud83c\udf76",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  tea: {
+    keywords: [ "drink", "bowl", "breakfast", "green", "british" ],
+    "char": "\ud83c\udf75",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  cup_with_straw: {
+    keywords: [ "drink", "soda" ],
+    "char": "\ud83e\udd64",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  coffee: {
+    keywords: [ "beverage", "caffeine", "latte", "espresso" ],
+    "char": "\u2615",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  baby_bottle: {
+    keywords: [ "food", "container", "milk" ],
+    "char": "\ud83c\udf7c",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  salt: {
+    keywords: [ "condiment", "shaker" ],
+    "char": "\ud83e\uddc2",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  spoon: {
+    keywords: [ "cutlery", "kitchen", "tableware" ],
+    "char": "\ud83e\udd44",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  fork_and_knife: {
+    keywords: [ "cutlery", "kitchen" ],
+    "char": "\ud83c\udf74",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  plate_with_cutlery: {
+    keywords: [ "food", "eat", "meal", "lunch", "dinner", "restaurant" ],
+    "char": "\ud83c\udf7d",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  bowl_with_spoon: {
+    keywords: [ "food", "breakfast", "cereal", "oatmeal", "porridge" ],
+    "char": "\ud83e\udd63",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  takeout_box: {
+    keywords: [ "food", "leftovers" ],
+    "char": "\ud83e\udd61",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  chopsticks: {
+    keywords: [ "food" ],
+    "char": "\ud83e\udd62",
+    fitzpatrick_scale: false,
+    category: "food_and_drink"
+  },
+  soccer: {
+    keywords: [ "sports", "football" ],
+    "char": "\u26bd",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  basketball: {
+    keywords: [ "sports", "balls", "NBA" ],
+    "char": "\ud83c\udfc0",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  football: {
+    keywords: [ "sports", "balls", "NFL" ],
+    "char": "\ud83c\udfc8",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  baseball: {
+    keywords: [ "sports", "balls" ],
+    "char": "\u26be",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  softball: {
+    keywords: [ "sports", "balls" ],
+    "char": "\ud83e\udd4e",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  tennis: {
+    keywords: [ "sports", "balls", "green" ],
+    "char": "\ud83c\udfbe",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  volleyball: {
+    keywords: [ "sports", "balls" ],
+    "char": "\ud83c\udfd0",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  rugby_football: {
+    keywords: [ "sports", "team" ],
+    "char": "\ud83c\udfc9",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  flying_disc: {
+    keywords: [ "sports", "frisbee", "ultimate" ],
+    "char": "\ud83e\udd4f",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  "8ball": {
+    keywords: [ "pool", "hobby", "game", "luck", "magic" ],
+    "char": "\ud83c\udfb1",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  golf: {
+    keywords: [ "sports", "business", "flag", "hole", "summer" ],
+    "char": "\u26f3",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  golfing_woman: {
+    keywords: [ "sports", "business", "woman", "female" ],
+    "char": "\ud83c\udfcc\ufe0f\u200d\u2640\ufe0f",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  golfing_man: {
+    keywords: [ "sports", "business" ],
+    "char": "\ud83c\udfcc",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  ping_pong: {
+    keywords: [ "sports", "pingpong" ],
+    "char": "\ud83c\udfd3",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  badminton: {
+    keywords: [ "sports" ],
+    "char": "\ud83c\udff8",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  goal_net: {
+    keywords: [ "sports" ],
+    "char": "\ud83e\udd45",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  ice_hockey: {
+    keywords: [ "sports" ],
+    "char": "\ud83c\udfd2",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  field_hockey: {
+    keywords: [ "sports" ],
+    "char": "\ud83c\udfd1",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  lacrosse: {
+    keywords: [ "sports", "ball", "stick" ],
+    "char": "\ud83e\udd4d",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  cricket: {
+    keywords: [ "sports" ],
+    "char": "\ud83c\udfcf",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  ski: {
+    keywords: [ "sports", "winter", "cold", "snow" ],
+    "char": "\ud83c\udfbf",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  skier: {
+    keywords: [ "sports", "winter", "snow" ],
+    "char": "\u26f7",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  snowboarder: {
+    keywords: [ "sports", "winter" ],
+    "char": "\ud83c\udfc2",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  person_fencing: {
+    keywords: [ "sports", "fencing", "sword" ],
+    "char": "\ud83e\udd3a",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  women_wrestling: {
+    keywords: [ "sports", "wrestlers" ],
+    "char": "\ud83e\udd3c\u200d\u2640\ufe0f",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  men_wrestling: {
+    keywords: [ "sports", "wrestlers" ],
+    "char": "\ud83e\udd3c\u200d\u2642\ufe0f",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  woman_cartwheeling: {
+    keywords: [ "gymnastics" ],
+    "char": "\ud83e\udd38\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  man_cartwheeling: {
+    keywords: [ "gymnastics" ],
+    "char": "\ud83e\udd38\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  woman_playing_handball: {
+    keywords: [ "sports" ],
+    "char": "\ud83e\udd3e\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  man_playing_handball: {
+    keywords: [ "sports" ],
+    "char": "\ud83e\udd3e\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  ice_skate: {
+    keywords: [ "sports" ],
+    "char": "\u26f8",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  curling_stone: {
+    keywords: [ "sports" ],
+    "char": "\ud83e\udd4c",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  skateboard: {
+    keywords: [ "board" ],
+    "char": "\ud83d\udef9",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  sled: {
+    keywords: [ "sleigh", "luge", "toboggan" ],
+    "char": "\ud83d\udef7",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  bow_and_arrow: {
+    keywords: [ "sports" ],
+    "char": "\ud83c\udff9",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  fishing_pole_and_fish: {
+    keywords: [ "food", "hobby", "summer" ],
+    "char": "\ud83c\udfa3",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  boxing_glove: {
+    keywords: [ "sports", "fighting" ],
+    "char": "\ud83e\udd4a",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  martial_arts_uniform: {
+    keywords: [ "judo", "karate", "taekwondo" ],
+    "char": "\ud83e\udd4b",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  rowing_woman: {
+    keywords: [ "sports", "hobby", "water", "ship", "woman", "female" ],
+    "char": "\ud83d\udea3\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  rowing_man: {
+    keywords: [ "sports", "hobby", "water", "ship" ],
+    "char": "\ud83d\udea3",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  climbing_woman: {
+    keywords: [ "sports", "hobby", "woman", "female", "rock" ],
+    "char": "\ud83e\uddd7\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  climbing_man: {
+    keywords: [ "sports", "hobby", "man", "male", "rock" ],
+    "char": "\ud83e\uddd7\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  swimming_woman: {
+    keywords: [ "sports", "exercise", "human", "athlete", "water", "summer", "woman", "female" ],
+    "char": "\ud83c\udfca\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  swimming_man: {
+    keywords: [ "sports", "exercise", "human", "athlete", "water", "summer" ],
+    "char": "\ud83c\udfca",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  woman_playing_water_polo: {
+    keywords: [ "sports", "pool" ],
+    "char": "\ud83e\udd3d\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  man_playing_water_polo: {
+    keywords: [ "sports", "pool" ],
+    "char": "\ud83e\udd3d\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  woman_in_lotus_position: {
+    keywords: [ "woman", "female", "meditation", "yoga", "serenity", "zen", "mindfulness" ],
+    "char": "\ud83e\uddd8\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  man_in_lotus_position: {
+    keywords: [ "man", "male", "meditation", "yoga", "serenity", "zen", "mindfulness" ],
+    "char": "\ud83e\uddd8\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  surfing_woman: {
+    keywords: [ "sports", "ocean", "sea", "summer", "beach", "woman", "female" ],
+    "char": "\ud83c\udfc4\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  surfing_man: {
+    keywords: [ "sports", "ocean", "sea", "summer", "beach" ],
+    "char": "\ud83c\udfc4",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  bath: {
+    keywords: [ "clean", "shower", "bathroom" ],
+    "char": "\ud83d\udec0",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  basketball_woman: {
+    keywords: [ "sports", "human", "woman", "female" ],
+    "char": "\u26f9\ufe0f\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  basketball_man: {
+    keywords: [ "sports", "human" ],
+    "char": "\u26f9",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  weight_lifting_woman: {
+    keywords: [ "sports", "training", "exercise", "woman", "female" ],
+    "char": "\ud83c\udfcb\ufe0f\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  weight_lifting_man: {
+    keywords: [ "sports", "training", "exercise" ],
+    "char": "\ud83c\udfcb",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  biking_woman: {
+    keywords: [ "sports", "bike", "exercise", "hipster", "woman", "female" ],
+    "char": "\ud83d\udeb4\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  biking_man: {
+    keywords: [ "sports", "bike", "exercise", "hipster" ],
+    "char": "\ud83d\udeb4",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  mountain_biking_woman: {
+    keywords: [ "transportation", "sports", "human", "race", "bike", "woman", "female" ],
+    "char": "\ud83d\udeb5\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  mountain_biking_man: {
+    keywords: [ "transportation", "sports", "human", "race", "bike" ],
+    "char": "\ud83d\udeb5",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  horse_racing: {
+    keywords: [ "animal", "betting", "competition", "gambling", "luck" ],
+    "char": "\ud83c\udfc7",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  business_suit_levitating: {
+    keywords: [ "suit", "business", "levitate", "hover", "jump" ],
+    "char": "\ud83d\udd74",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  trophy: {
+    keywords: [ "win", "award", "contest", "place", "ftw", "ceremony" ],
+    "char": "\ud83c\udfc6",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  running_shirt_with_sash: {
+    keywords: [ "play", "pageant" ],
+    "char": "\ud83c\udfbd",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  medal_sports: {
+    keywords: [ "award", "winning" ],
+    "char": "\ud83c\udfc5",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  medal_military: {
+    keywords: [ "award", "winning", "army" ],
+    "char": "\ud83c\udf96",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  "1st_place_medal": {
+    keywords: [ "award", "winning", "first" ],
+    "char": "\ud83e\udd47",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  "2nd_place_medal": {
+    keywords: [ "award", "second" ],
+    "char": "\ud83e\udd48",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  "3rd_place_medal": {
+    keywords: [ "award", "third" ],
+    "char": "\ud83e\udd49",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  reminder_ribbon: {
+    keywords: [ "sports", "cause", "support", "awareness" ],
+    "char": "\ud83c\udf97",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  rosette: {
+    keywords: [ "flower", "decoration", "military" ],
+    "char": "\ud83c\udff5",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  ticket: {
+    keywords: [ "event", "concert", "pass" ],
+    "char": "\ud83c\udfab",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  tickets: {
+    keywords: [ "sports", "concert", "entrance" ],
+    "char": "\ud83c\udf9f",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  performing_arts: {
+    keywords: [ "acting", "theater", "drama" ],
+    "char": "\ud83c\udfad",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  art: {
+    keywords: [ "design", "paint", "draw", "colors" ],
+    "char": "\ud83c\udfa8",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  circus_tent: {
+    keywords: [ "festival", "carnival", "party" ],
+    "char": "\ud83c\udfaa",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  woman_juggling: {
+    keywords: [ "juggle", "balance", "skill", "multitask" ],
+    "char": "\ud83e\udd39\u200d\u2640\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  man_juggling: {
+    keywords: [ "juggle", "balance", "skill", "multitask" ],
+    "char": "\ud83e\udd39\u200d\u2642\ufe0f",
+    fitzpatrick_scale: true,
+    category: "activity"
+  },
+  microphone: {
+    keywords: [ "sound", "music", "PA", "sing", "talkshow" ],
+    "char": "\ud83c\udfa4",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  headphones: {
+    keywords: [ "music", "score", "gadgets" ],
+    "char": "\ud83c\udfa7",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  musical_score: {
+    keywords: [ "treble", "clef", "compose" ],
+    "char": "\ud83c\udfbc",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  musical_keyboard: {
+    keywords: [ "piano", "instrument", "compose" ],
+    "char": "\ud83c\udfb9",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  drum: {
+    keywords: [ "music", "instrument", "drumsticks", "snare" ],
+    "char": "\ud83e\udd41",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  saxophone: {
+    keywords: [ "music", "instrument", "jazz", "blues" ],
+    "char": "\ud83c\udfb7",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  trumpet: {
+    keywords: [ "music", "brass" ],
+    "char": "\ud83c\udfba",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  guitar: {
+    keywords: [ "music", "instrument" ],
+    "char": "\ud83c\udfb8",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  violin: {
+    keywords: [ "music", "instrument", "orchestra", "symphony" ],
+    "char": "\ud83c\udfbb",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  clapper: {
+    keywords: [ "movie", "film", "record" ],
+    "char": "\ud83c\udfac",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  video_game: {
+    keywords: [ "play", "console", "PS4", "controller" ],
+    "char": "\ud83c\udfae",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  space_invader: {
+    keywords: [ "game", "arcade", "play" ],
+    "char": "\ud83d\udc7e",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  dart: {
+    keywords: [ "game", "play", "bar", "target", "bullseye" ],
+    "char": "\ud83c\udfaf",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  game_die: {
+    keywords: [ "dice", "random", "tabletop", "play", "luck" ],
+    "char": "\ud83c\udfb2",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  chess_pawn: {
+    keywords: [ "expendable" ],
+    "char": "\u265f",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  slot_machine: {
+    keywords: [ "bet", "gamble", "vegas", "fruit machine", "luck", "casino" ],
+    "char": "\ud83c\udfb0",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  jigsaw: {
+    keywords: [ "interlocking", "puzzle", "piece" ],
+    "char": "\ud83e\udde9",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  bowling: {
+    keywords: [ "sports", "fun", "play" ],
+    "char": "\ud83c\udfb3",
+    fitzpatrick_scale: false,
+    category: "activity"
+  },
+  red_car: {
+    keywords: [ "red", "transportation", "vehicle" ],
+    "char": "\ud83d\ude97",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  taxi: {
+    keywords: [ "uber", "vehicle", "cars", "transportation" ],
+    "char": "\ud83d\ude95",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  blue_car: {
+    keywords: [ "transportation", "vehicle" ],
+    "char": "\ud83d\ude99",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  bus: {
+    keywords: [ "car", "vehicle", "transportation" ],
+    "char": "\ud83d\ude8c",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  trolleybus: {
+    keywords: [ "bart", "transportation", "vehicle" ],
+    "char": "\ud83d\ude8e",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  racing_car: {
+    keywords: [ "sports", "race", "fast", "formula", "f1" ],
+    "char": "\ud83c\udfce",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  police_car: {
+    keywords: [ "vehicle", "cars", "transportation", "law", "legal", "enforcement" ],
+    "char": "\ud83d\ude93",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  ambulance: {
+    keywords: [ "health", "911", "hospital" ],
+    "char": "\ud83d\ude91",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  fire_engine: {
+    keywords: [ "transportation", "cars", "vehicle" ],
+    "char": "\ud83d\ude92",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  minibus: {
+    keywords: [ "vehicle", "car", "transportation" ],
+    "char": "\ud83d\ude90",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  truck: {
+    keywords: [ "cars", "transportation" ],
+    "char": "\ud83d\ude9a",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  articulated_lorry: {
+    keywords: [ "vehicle", "cars", "transportation", "express" ],
+    "char": "\ud83d\ude9b",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  tractor: {
+    keywords: [ "vehicle", "car", "farming", "agriculture" ],
+    "char": "\ud83d\ude9c",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  kick_scooter: {
+    keywords: [ "vehicle", "kick", "razor" ],
+    "char": "\ud83d\udef4",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  motorcycle: {
+    keywords: [ "race", "sports", "fast" ],
+    "char": "\ud83c\udfcd",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  bike: {
+    keywords: [ "sports", "bicycle", "exercise", "hipster" ],
+    "char": "\ud83d\udeb2",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  motor_scooter: {
+    keywords: [ "vehicle", "vespa", "sasha" ],
+    "char": "\ud83d\udef5",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  rotating_light: {
+    keywords: [ "police", "ambulance", "911", "emergency", "alert", "error", "pinged", "law", "legal" ],
+    "char": "\ud83d\udea8",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  oncoming_police_car: {
+    keywords: [ "vehicle", "law", "legal", "enforcement", "911" ],
+    "char": "\ud83d\ude94",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  oncoming_bus: {
+    keywords: [ "vehicle", "transportation" ],
+    "char": "\ud83d\ude8d",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  oncoming_automobile: {
+    keywords: [ "car", "vehicle", "transportation" ],
+    "char": "\ud83d\ude98",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  oncoming_taxi: {
+    keywords: [ "vehicle", "cars", "uber" ],
+    "char": "\ud83d\ude96",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  aerial_tramway: {
+    keywords: [ "transportation", "vehicle", "ski" ],
+    "char": "\ud83d\udea1",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  mountain_cableway: {
+    keywords: [ "transportation", "vehicle", "ski" ],
+    "char": "\ud83d\udea0",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  suspension_railway: {
+    keywords: [ "vehicle", "transportation" ],
+    "char": "\ud83d\ude9f",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  railway_car: {
+    keywords: [ "transportation", "vehicle" ],
+    "char": "\ud83d\ude83",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  train: {
+    keywords: [ "transportation", "vehicle", "carriage", "public", "travel" ],
+    "char": "\ud83d\ude8b",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  monorail: {
+    keywords: [ "transportation", "vehicle" ],
+    "char": "\ud83d\ude9d",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  bullettrain_side: {
+    keywords: [ "transportation", "vehicle" ],
+    "char": "\ud83d\ude84",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  bullettrain_front: {
+    keywords: [ "transportation", "vehicle", "speed", "fast", "public", "travel" ],
+    "char": "\ud83d\ude85",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  light_rail: {
+    keywords: [ "transportation", "vehicle" ],
+    "char": "\ud83d\ude88",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  mountain_railway: {
+    keywords: [ "transportation", "vehicle" ],
+    "char": "\ud83d\ude9e",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  steam_locomotive: {
+    keywords: [ "transportation", "vehicle", "train" ],
+    "char": "\ud83d\ude82",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  train2: {
+    keywords: [ "transportation", "vehicle" ],
+    "char": "\ud83d\ude86",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  metro: {
+    keywords: [ "transportation", "blue-square", "mrt", "underground", "tube" ],
+    "char": "\ud83d\ude87",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  tram: {
+    keywords: [ "transportation", "vehicle" ],
+    "char": "\ud83d\ude8a",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  station: {
+    keywords: [ "transportation", "vehicle", "public" ],
+    "char": "\ud83d\ude89",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  flying_saucer: {
+    keywords: [ "transportation", "vehicle", "ufo" ],
+    "char": "\ud83d\udef8",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  helicopter: {
+    keywords: [ "transportation", "vehicle", "fly" ],
+    "char": "\ud83d\ude81",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  small_airplane: {
+    keywords: [ "flight", "transportation", "fly", "vehicle" ],
+    "char": "\ud83d\udee9",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  airplane: {
+    keywords: [ "vehicle", "transportation", "flight", "fly" ],
+    "char": "\u2708\ufe0f",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  flight_departure: {
+    keywords: [ "airport", "flight", "landing" ],
+    "char": "\ud83d\udeeb",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  flight_arrival: {
+    keywords: [ "airport", "flight", "boarding" ],
+    "char": "\ud83d\udeec",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  sailboat: {
+    keywords: [ "ship", "summer", "transportation", "water", "sailing" ],
+    "char": "\u26f5",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  motor_boat: {
+    keywords: [ "ship" ],
+    "char": "\ud83d\udee5",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  speedboat: {
+    keywords: [ "ship", "transportation", "vehicle", "summer" ],
+    "char": "\ud83d\udea4",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  ferry: {
+    keywords: [ "boat", "ship", "yacht" ],
+    "char": "\u26f4",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  passenger_ship: {
+    keywords: [ "yacht", "cruise", "ferry" ],
+    "char": "\ud83d\udef3",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  rocket: {
+    keywords: [ "launch", "ship", "staffmode", "NASA", "outer space", "outer_space", "fly" ],
+    "char": "\ud83d\ude80",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  artificial_satellite: {
+    keywords: [ "communication", "gps", "orbit", "spaceflight", "NASA", "ISS" ],
+    "char": "\ud83d\udef0",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  seat: {
+    keywords: [ "sit", "airplane", "transport", "bus", "flight", "fly" ],
+    "char": "\ud83d\udcba",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  canoe: {
+    keywords: [ "boat", "paddle", "water", "ship" ],
+    "char": "\ud83d\udef6",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  anchor: {
+    keywords: [ "ship", "ferry", "sea", "boat" ],
+    "char": "\u2693",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  construction: {
+    keywords: [ "wip", "progress", "caution", "warning" ],
+    "char": "\ud83d\udea7",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  fuelpump: {
+    keywords: [ "gas station", "petroleum" ],
+    "char": "\u26fd",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  busstop: {
+    keywords: [ "transportation", "wait" ],
+    "char": "\ud83d\ude8f",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  vertical_traffic_light: {
+    keywords: [ "transportation", "driving" ],
+    "char": "\ud83d\udea6",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  traffic_light: {
+    keywords: [ "transportation", "signal" ],
+    "char": "\ud83d\udea5",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  checkered_flag: {
+    keywords: [ "contest", "finishline", "race", "gokart" ],
+    "char": "\ud83c\udfc1",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  ship: {
+    keywords: [ "transportation", "titanic", "deploy" ],
+    "char": "\ud83d\udea2",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  ferris_wheel: {
+    keywords: [ "photo", "carnival", "londoneye" ],
+    "char": "\ud83c\udfa1",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  roller_coaster: {
+    keywords: [ "carnival", "playground", "photo", "fun" ],
+    "char": "\ud83c\udfa2",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  carousel_horse: {
+    keywords: [ "photo", "carnival" ],
+    "char": "\ud83c\udfa0",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  building_construction: {
+    keywords: [ "wip", "working", "progress" ],
+    "char": "\ud83c\udfd7",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  foggy: {
+    keywords: [ "photo", "mountain" ],
+    "char": "\ud83c\udf01",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  tokyo_tower: {
+    keywords: [ "photo", "japanese" ],
+    "char": "\ud83d\uddfc",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  factory: {
+    keywords: [ "building", "industry", "pollution", "smoke" ],
+    "char": "\ud83c\udfed",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  fountain: {
+    keywords: [ "photo", "summer", "water", "fresh" ],
+    "char": "\u26f2",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  rice_scene: {
+    keywords: [ "photo", "japan", "asia", "tsukimi" ],
+    "char": "\ud83c\udf91",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  mountain: {
+    keywords: [ "photo", "nature", "environment" ],
+    "char": "\u26f0",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  mountain_snow: {
+    keywords: [ "photo", "nature", "environment", "winter", "cold" ],
+    "char": "\ud83c\udfd4",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  mount_fuji: {
+    keywords: [ "photo", "mountain", "nature", "japanese" ],
+    "char": "\ud83d\uddfb",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  volcano: {
+    keywords: [ "photo", "nature", "disaster" ],
+    "char": "\ud83c\udf0b",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  japan: {
+    keywords: [ "nation", "country", "japanese", "asia" ],
+    "char": "\ud83d\uddfe",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  camping: {
+    keywords: [ "photo", "outdoors", "tent" ],
+    "char": "\ud83c\udfd5",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  tent: {
+    keywords: [ "photo", "camping", "outdoors" ],
+    "char": "\u26fa",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  national_park: {
+    keywords: [ "photo", "environment", "nature" ],
+    "char": "\ud83c\udfde",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  motorway: {
+    keywords: [ "road", "cupertino", "interstate", "highway" ],
+    "char": "\ud83d\udee3",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  railway_track: {
+    keywords: [ "train", "transportation" ],
+    "char": "\ud83d\udee4",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  sunrise: {
+    keywords: [ "morning", "view", "vacation", "photo" ],
+    "char": "\ud83c\udf05",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  sunrise_over_mountains: {
+    keywords: [ "view", "vacation", "photo" ],
+    "char": "\ud83c\udf04",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  desert: {
+    keywords: [ "photo", "warm", "saharah" ],
+    "char": "\ud83c\udfdc",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  beach_umbrella: {
+    keywords: [ "weather", "summer", "sunny", "sand", "mojito" ],
+    "char": "\ud83c\udfd6",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  desert_island: {
+    keywords: [ "photo", "tropical", "mojito" ],
+    "char": "\ud83c\udfdd",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  city_sunrise: {
+    keywords: [ "photo", "good morning", "dawn" ],
+    "char": "\ud83c\udf07",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  city_sunset: {
+    keywords: [ "photo", "evening", "sky", "buildings" ],
+    "char": "\ud83c\udf06",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  cityscape: {
+    keywords: [ "photo", "night life", "urban" ],
+    "char": "\ud83c\udfd9",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  night_with_stars: {
+    keywords: [ "evening", "city", "downtown" ],
+    "char": "\ud83c\udf03",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  bridge_at_night: {
+    keywords: [ "photo", "sanfrancisco" ],
+    "char": "\ud83c\udf09",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  milky_way: {
+    keywords: [ "photo", "space", "stars" ],
+    "char": "\ud83c\udf0c",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  stars: {
+    keywords: [ "night", "photo" ],
+    "char": "\ud83c\udf20",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  sparkler: {
+    keywords: [ "stars", "night", "shine" ],
+    "char": "\ud83c\udf87",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  fireworks: {
+    keywords: [ "photo", "festival", "carnival", "congratulations" ],
+    "char": "\ud83c\udf86",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  rainbow: {
+    keywords: [ "nature", "happy", "unicorn_face", "photo", "sky", "spring" ],
+    "char": "\ud83c\udf08",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  houses: {
+    keywords: [ "buildings", "photo" ],
+    "char": "\ud83c\udfd8",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  european_castle: {
+    keywords: [ "building", "royalty", "history" ],
+    "char": "\ud83c\udff0",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  japanese_castle: {
+    keywords: [ "photo", "building" ],
+    "char": "\ud83c\udfef",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  stadium: {
+    keywords: [ "photo", "place", "sports", "concert", "venue" ],
+    "char": "\ud83c\udfdf",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  statue_of_liberty: {
+    keywords: [ "american", "newyork" ],
+    "char": "\ud83d\uddfd",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  house: {
+    keywords: [ "building", "home" ],
+    "char": "\ud83c\udfe0",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  house_with_garden: {
+    keywords: [ "home", "plant", "nature" ],
+    "char": "\ud83c\udfe1",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  derelict_house: {
+    keywords: [ "abandon", "evict", "broken", "building" ],
+    "char": "\ud83c\udfda",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  office: {
+    keywords: [ "building", "bureau", "work" ],
+    "char": "\ud83c\udfe2",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  department_store: {
+    keywords: [ "building", "shopping", "mall" ],
+    "char": "\ud83c\udfec",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  post_office: {
+    keywords: [ "building", "envelope", "communication" ],
+    "char": "\ud83c\udfe3",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  european_post_office: {
+    keywords: [ "building", "email" ],
+    "char": "\ud83c\udfe4",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  hospital: {
+    keywords: [ "building", "health", "surgery", "doctor" ],
+    "char": "\ud83c\udfe5",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  bank: {
+    keywords: [ "building", "money", "sales", "cash", "business", "enterprise" ],
+    "char": "\ud83c\udfe6",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  hotel: {
+    keywords: [ "building", "accomodation", "checkin" ],
+    "char": "\ud83c\udfe8",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  convenience_store: {
+    keywords: [ "building", "shopping", "groceries" ],
+    "char": "\ud83c\udfea",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  school: {
+    keywords: [ "building", "student", "education", "learn", "teach" ],
+    "char": "\ud83c\udfeb",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  love_hotel: {
+    keywords: [ "like", "affection", "dating" ],
+    "char": "\ud83c\udfe9",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  wedding: {
+    keywords: [ "love", "like", "affection", "couple", "marriage", "bride", "groom" ],
+    "char": "\ud83d\udc92",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  classical_building: {
+    keywords: [ "art", "culture", "history" ],
+    "char": "\ud83c\udfdb",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  church: {
+    keywords: [ "building", "religion", "christ" ],
+    "char": "\u26ea",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  mosque: {
+    keywords: [ "islam", "worship", "minaret" ],
+    "char": "\ud83d\udd4c",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  synagogue: {
+    keywords: [ "judaism", "worship", "temple", "jewish" ],
+    "char": "\ud83d\udd4d",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  kaaba: {
+    keywords: [ "mecca", "mosque", "islam" ],
+    "char": "\ud83d\udd4b",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  shinto_shrine: {
+    keywords: [ "temple", "japan", "kyoto" ],
+    "char": "\u26e9",
+    fitzpatrick_scale: false,
+    category: "travel_and_places"
+  },
+  watch: {
+    keywords: [ "time", "accessories" ],
+    "char": "\u231a",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  iphone: {
+    keywords: [ "technology", "apple", "gadgets", "dial" ],
+    "char": "\ud83d\udcf1",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  calling: {
+    keywords: [ "iphone", "incoming" ],
+    "char": "\ud83d\udcf2",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  computer: {
+    keywords: [ "technology", "laptop", "screen", "display", "monitor" ],
+    "char": "\ud83d\udcbb",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  keyboard: {
+    keywords: [ "technology", "computer", "type", "input", "text" ],
+    "char": "\u2328",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  desktop_computer: {
+    keywords: [ "technology", "computing", "screen" ],
+    "char": "\ud83d\udda5",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  printer: {
+    keywords: [ "paper", "ink" ],
+    "char": "\ud83d\udda8",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  computer_mouse: {
+    keywords: [ "click" ],
+    "char": "\ud83d\uddb1",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  trackball: {
+    keywords: [ "technology", "trackpad" ],
+    "char": "\ud83d\uddb2",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  joystick: {
+    keywords: [ "game", "play" ],
+    "char": "\ud83d\udd79",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  clamp: {
+    keywords: [ "tool" ],
+    "char": "\ud83d\udddc",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  minidisc: {
+    keywords: [ "technology", "record", "data", "disk", "90s" ],
+    "char": "\ud83d\udcbd",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  floppy_disk: {
+    keywords: [ "oldschool", "technology", "save", "90s", "80s" ],
+    "char": "\ud83d\udcbe",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  cd: {
+    keywords: [ "technology", "dvd", "disk", "disc", "90s" ],
+    "char": "\ud83d\udcbf",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  dvd: {
+    keywords: [ "cd", "disk", "disc" ],
+    "char": "\ud83d\udcc0",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  vhs: {
+    keywords: [ "record", "video", "oldschool", "90s", "80s" ],
+    "char": "\ud83d\udcfc",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  camera: {
+    keywords: [ "gadgets", "photography" ],
+    "char": "\ud83d\udcf7",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  camera_flash: {
+    keywords: [ "photography", "gadgets" ],
+    "char": "\ud83d\udcf8",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  video_camera: {
+    keywords: [ "film", "record" ],
+    "char": "\ud83d\udcf9",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  movie_camera: {
+    keywords: [ "film", "record" ],
+    "char": "\ud83c\udfa5",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  film_projector: {
+    keywords: [ "video", "tape", "record", "movie" ],
+    "char": "\ud83d\udcfd",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  film_strip: {
+    keywords: [ "movie" ],
+    "char": "\ud83c\udf9e",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  telephone_receiver: {
+    keywords: [ "technology", "communication", "dial" ],
+    "char": "\ud83d\udcde",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  phone: {
+    keywords: [ "technology", "communication", "dial", "telephone" ],
+    "char": "\u260e\ufe0f",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  pager: {
+    keywords: [ "bbcall", "oldschool", "90s" ],
+    "char": "\ud83d\udcdf",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  fax: {
+    keywords: [ "communication", "technology" ],
+    "char": "\ud83d\udce0",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  tv: {
+    keywords: [ "technology", "program", "oldschool", "show", "television" ],
+    "char": "\ud83d\udcfa",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  radio: {
+    keywords: [ "communication", "music", "podcast", "program" ],
+    "char": "\ud83d\udcfb",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  studio_microphone: {
+    keywords: [ "sing", "recording", "artist", "talkshow" ],
+    "char": "\ud83c\udf99",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  level_slider: {
+    keywords: [ "scale" ],
+    "char": "\ud83c\udf9a",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  control_knobs: {
+    keywords: [ "dial" ],
+    "char": "\ud83c\udf9b",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  compass: {
+    keywords: [ "magnetic", "navigation", "orienteering" ],
+    "char": "\ud83e\udded",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  stopwatch: {
+    keywords: [ "time", "deadline" ],
+    "char": "\u23f1",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  timer_clock: {
+    keywords: [ "alarm" ],
+    "char": "\u23f2",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  alarm_clock: {
+    keywords: [ "time", "wake" ],
+    "char": "\u23f0",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  mantelpiece_clock: {
+    keywords: [ "time" ],
+    "char": "\ud83d\udd70",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  hourglass_flowing_sand: {
+    keywords: [ "oldschool", "time", "countdown" ],
+    "char": "\u23f3",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  hourglass: {
+    keywords: [ "time", "clock", "oldschool", "limit", "exam", "quiz", "test" ],
+    "char": "\u231b",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  satellite: {
+    keywords: [ "communication", "future", "radio", "space" ],
+    "char": "\ud83d\udce1",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  battery: {
+    keywords: [ "power", "energy", "sustain" ],
+    "char": "\ud83d\udd0b",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  electric_plug: {
+    keywords: [ "charger", "power" ],
+    "char": "\ud83d\udd0c",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  bulb: {
+    keywords: [ "light", "electricity", "idea" ],
+    "char": "\ud83d\udca1",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  flashlight: {
+    keywords: [ "dark", "camping", "sight", "night" ],
+    "char": "\ud83d\udd26",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  candle: {
+    keywords: [ "fire", "wax" ],
+    "char": "\ud83d\udd6f",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  fire_extinguisher: {
+    keywords: [ "quench" ],
+    "char": "\ud83e\uddef",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  wastebasket: {
+    keywords: [ "bin", "trash", "rubbish", "garbage", "toss" ],
+    "char": "\ud83d\uddd1",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  oil_drum: {
+    keywords: [ "barrell" ],
+    "char": "\ud83d\udee2",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  money_with_wings: {
+    keywords: [ "dollar", "bills", "payment", "sale" ],
+    "char": "\ud83d\udcb8",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  dollar: {
+    keywords: [ "money", "sales", "bill", "currency" ],
+    "char": "\ud83d\udcb5",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  yen: {
+    keywords: [ "money", "sales", "japanese", "dollar", "currency" ],
+    "char": "\ud83d\udcb4",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  euro: {
+    keywords: [ "money", "sales", "dollar", "currency" ],
+    "char": "\ud83d\udcb6",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  pound: {
+    keywords: [ "british", "sterling", "money", "sales", "bills", "uk", "england", "currency" ],
+    "char": "\ud83d\udcb7",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  moneybag: {
+    keywords: [ "dollar", "payment", "coins", "sale" ],
+    "char": "\ud83d\udcb0",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  credit_card: {
+    keywords: [ "money", "sales", "dollar", "bill", "payment", "shopping" ],
+    "char": "\ud83d\udcb3",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  gem: {
+    keywords: [ "blue", "ruby", "diamond", "jewelry" ],
+    "char": "\ud83d\udc8e",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  balance_scale: {
+    keywords: [ "law", "fairness", "weight" ],
+    "char": "\u2696",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  toolbox: {
+    keywords: [ "tools", "diy", "fix", "maintainer", "mechanic" ],
+    "char": "\ud83e\uddf0",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  wrench: {
+    keywords: [ "tools", "diy", "ikea", "fix", "maintainer" ],
+    "char": "\ud83d\udd27",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  hammer: {
+    keywords: [ "tools", "build", "create" ],
+    "char": "\ud83d\udd28",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  hammer_and_pick: {
+    keywords: [ "tools", "build", "create" ],
+    "char": "\u2692",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  hammer_and_wrench: {
+    keywords: [ "tools", "build", "create" ],
+    "char": "\ud83d\udee0",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  pick: {
+    keywords: [ "tools", "dig" ],
+    "char": "\u26cf",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  nut_and_bolt: {
+    keywords: [ "handy", "tools", "fix" ],
+    "char": "\ud83d\udd29",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  gear: {
+    keywords: [ "cog" ],
+    "char": "\u2699",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  brick: {
+    keywords: [ "bricks" ],
+    "char": "\ud83e\uddf1",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  chains: {
+    keywords: [ "lock", "arrest" ],
+    "char": "\u26d3",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  magnet: {
+    keywords: [ "attraction", "magnetic" ],
+    "char": "\ud83e\uddf2",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  gun: {
+    keywords: [ "violence", "weapon", "pistol", "revolver" ],
+    "char": "\ud83d\udd2b",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  bomb: {
+    keywords: [ "boom", "explode", "explosion", "terrorism" ],
+    "char": "\ud83d\udca3",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  firecracker: {
+    keywords: [ "dynamite", "boom", "explode", "explosion", "explosive" ],
+    "char": "\ud83e\udde8",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  hocho: {
+    keywords: [ "knife", "blade", "cutlery", "kitchen", "weapon" ],
+    "char": "\ud83d\udd2a",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  dagger: {
+    keywords: [ "weapon" ],
+    "char": "\ud83d\udde1",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  crossed_swords: {
+    keywords: [ "weapon" ],
+    "char": "\u2694",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  shield: {
+    keywords: [ "protection", "security" ],
+    "char": "\ud83d\udee1",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  smoking: {
+    keywords: [ "kills", "tobacco", "cigarette", "joint", "smoke" ],
+    "char": "\ud83d\udeac",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  skull_and_crossbones: {
+    keywords: [ "poison", "danger", "deadly", "scary", "death", "pirate", "evil" ],
+    "char": "\u2620",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  coffin: {
+    keywords: [ "vampire", "dead", "die", "death", "rip", "graveyard", "cemetery", "casket", "funeral", "box" ],
+    "char": "\u26b0",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  funeral_urn: {
+    keywords: [ "dead", "die", "death", "rip", "ashes" ],
+    "char": "\u26b1",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  amphora: {
+    keywords: [ "vase", "jar" ],
+    "char": "\ud83c\udffa",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  crystal_ball: {
+    keywords: [ "disco", "party", "magic", "circus", "fortune_teller" ],
+    "char": "\ud83d\udd2e",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  prayer_beads: {
+    keywords: [ "dhikr", "religious" ],
+    "char": "\ud83d\udcff",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  nazar_amulet: {
+    keywords: [ "bead", "charm" ],
+    "char": "\ud83e\uddff",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  barber: {
+    keywords: [ "hair", "salon", "style" ],
+    "char": "\ud83d\udc88",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  alembic: {
+    keywords: [ "distilling", "science", "experiment", "chemistry" ],
+    "char": "\u2697",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  telescope: {
+    keywords: [ "stars", "space", "zoom", "science", "astronomy" ],
+    "char": "\ud83d\udd2d",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  microscope: {
+    keywords: [ "laboratory", "experiment", "zoomin", "science", "study" ],
+    "char": "\ud83d\udd2c",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  hole: {
+    keywords: [ "embarrassing" ],
+    "char": "\ud83d\udd73",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  pill: {
+    keywords: [ "health", "medicine", "doctor", "pharmacy", "drug" ],
+    "char": "\ud83d\udc8a",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  syringe: {
+    keywords: [ "health", "hospital", "drugs", "blood", "medicine", "needle", "doctor", "nurse" ],
+    "char": "\ud83d\udc89",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  dna: {
+    keywords: [ "biologist", "genetics", "life" ],
+    "char": "\ud83e\uddec",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  microbe: {
+    keywords: [ "amoeba", "bacteria", "germs" ],
+    "char": "\ud83e\udda0",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  petri_dish: {
+    keywords: [ "bacteria", "biology", "culture", "lab" ],
+    "char": "\ud83e\uddeb",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  test_tube: {
+    keywords: [ "chemistry", "experiment", "lab", "science" ],
+    "char": "\ud83e\uddea",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  thermometer: {
+    keywords: [ "weather", "temperature", "hot", "cold" ],
+    "char": "\ud83c\udf21",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  broom: {
+    keywords: [ "cleaning", "sweeping", "witch" ],
+    "char": "\ud83e\uddf9",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  basket: {
+    keywords: [ "laundry" ],
+    "char": "\ud83e\uddfa",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  toilet_paper: {
+    keywords: [ "roll" ],
+    "char": "\ud83e\uddfb",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  label: {
+    keywords: [ "sale", "tag" ],
+    "char": "\ud83c\udff7",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  bookmark: {
+    keywords: [ "favorite", "label", "save" ],
+    "char": "\ud83d\udd16",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  toilet: {
+    keywords: [ "restroom", "wc", "washroom", "bathroom", "potty" ],
+    "char": "\ud83d\udebd",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  shower: {
+    keywords: [ "clean", "water", "bathroom" ],
+    "char": "\ud83d\udebf",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  bathtub: {
+    keywords: [ "clean", "shower", "bathroom" ],
+    "char": "\ud83d\udec1",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  soap: {
+    keywords: [ "bar", "bathing", "cleaning", "lather" ],
+    "char": "\ud83e\uddfc",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  sponge: {
+    keywords: [ "absorbing", "cleaning", "porous" ],
+    "char": "\ud83e\uddfd",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  lotion_bottle: {
+    keywords: [ "moisturizer", "sunscreen" ],
+    "char": "\ud83e\uddf4",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  key: {
+    keywords: [ "lock", "door", "password" ],
+    "char": "\ud83d\udd11",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  old_key: {
+    keywords: [ "lock", "door", "password" ],
+    "char": "\ud83d\udddd",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  couch_and_lamp: {
+    keywords: [ "read", "chill" ],
+    "char": "\ud83d\udecb",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  sleeping_bed: {
+    keywords: [ "bed", "rest" ],
+    "char": "\ud83d\udecc",
+    fitzpatrick_scale: true,
+    category: "objects"
+  },
+  bed: {
+    keywords: [ "sleep", "rest" ],
+    "char": "\ud83d\udecf",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  door: {
+    keywords: [ "house", "entry", "exit" ],
+    "char": "\ud83d\udeaa",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  bellhop_bell: {
+    keywords: [ "service" ],
+    "char": "\ud83d\udece",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  teddy_bear: {
+    keywords: [ "plush", "stuffed" ],
+    "char": "\ud83e\uddf8",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  framed_picture: {
+    keywords: [ "photography" ],
+    "char": "\ud83d\uddbc",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  world_map: {
+    keywords: [ "location", "direction" ],
+    "char": "\ud83d\uddfa",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  parasol_on_ground: {
+    keywords: [ "weather", "summer" ],
+    "char": "\u26f1",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  moyai: {
+    keywords: [ "rock", "easter island", "moai" ],
+    "char": "\ud83d\uddff",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  shopping: {
+    keywords: [ "mall", "buy", "purchase" ],
+    "char": "\ud83d\udecd",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  shopping_cart: {
+    keywords: [ "trolley" ],
+    "char": "\ud83d\uded2",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  balloon: {
+    keywords: [ "party", "celebration", "birthday", "circus" ],
+    "char": "\ud83c\udf88",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  flags: {
+    keywords: [ "fish", "japanese", "koinobori", "carp", "banner" ],
+    "char": "\ud83c\udf8f",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  ribbon: {
+    keywords: [ "decoration", "pink", "girl", "bowtie" ],
+    "char": "\ud83c\udf80",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  gift: {
+    keywords: [ "present", "birthday", "christmas", "xmas" ],
+    "char": "\ud83c\udf81",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  confetti_ball: {
+    keywords: [ "festival", "party", "birthday", "circus" ],
+    "char": "\ud83c\udf8a",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  tada: {
+    keywords: [ "party", "congratulations", "birthday", "magic", "circus", "celebration" ],
+    "char": "\ud83c\udf89",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  dolls: {
+    keywords: [ "japanese", "toy", "kimono" ],
+    "char": "\ud83c\udf8e",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  wind_chime: {
+    keywords: [ "nature", "ding", "spring", "bell" ],
+    "char": "\ud83c\udf90",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  crossed_flags: {
+    keywords: [ "japanese", "nation", "country", "border" ],
+    "char": "\ud83c\udf8c",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  izakaya_lantern: {
+    keywords: [ "light", "paper", "halloween", "spooky" ],
+    "char": "\ud83c\udfee",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  red_envelope: {
+    keywords: [ "gift" ],
+    "char": "\ud83e\udde7",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  email: {
+    keywords: [ "letter", "postal", "inbox", "communication" ],
+    "char": "\u2709\ufe0f",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  envelope_with_arrow: {
+    keywords: [ "email", "communication" ],
+    "char": "\ud83d\udce9",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  incoming_envelope: {
+    keywords: [ "email", "inbox" ],
+    "char": "\ud83d\udce8",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  "e-mail": {
+    keywords: [ "communication", "inbox" ],
+    "char": "\ud83d\udce7",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  love_letter: {
+    keywords: [ "email", "like", "affection", "envelope", "valentines" ],
+    "char": "\ud83d\udc8c",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  postbox: {
+    keywords: [ "email", "letter", "envelope" ],
+    "char": "\ud83d\udcee",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  mailbox_closed: {
+    keywords: [ "email", "communication", "inbox" ],
+    "char": "\ud83d\udcea",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  mailbox: {
+    keywords: [ "email", "inbox", "communication" ],
+    "char": "\ud83d\udceb",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  mailbox_with_mail: {
+    keywords: [ "email", "inbox", "communication" ],
+    "char": "\ud83d\udcec",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  mailbox_with_no_mail: {
+    keywords: [ "email", "inbox" ],
+    "char": "\ud83d\udced",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  "package": {
+    keywords: [ "mail", "gift", "cardboard", "box", "moving" ],
+    "char": "\ud83d\udce6",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  postal_horn: {
+    keywords: [ "instrument", "music" ],
+    "char": "\ud83d\udcef",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  inbox_tray: {
+    keywords: [ "email", "documents" ],
+    "char": "\ud83d\udce5",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  outbox_tray: {
+    keywords: [ "inbox", "email" ],
+    "char": "\ud83d\udce4",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  scroll: {
+    keywords: [ "documents", "ancient", "history", "paper" ],
+    "char": "\ud83d\udcdc",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  page_with_curl: {
+    keywords: [ "documents", "office", "paper" ],
+    "char": "\ud83d\udcc3",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  bookmark_tabs: {
+    keywords: [ "favorite", "save", "order", "tidy" ],
+    "char": "\ud83d\udcd1",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  receipt: {
+    keywords: [ "accounting", "expenses" ],
+    "char": "\ud83e\uddfe",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  bar_chart: {
+    keywords: [ "graph", "presentation", "stats" ],
+    "char": "\ud83d\udcca",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  chart_with_upwards_trend: {
+    keywords: [ "graph", "presentation", "stats", "recovery", "business", "economics", "money", "sales", "good", "success" ],
+    "char": "\ud83d\udcc8",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  chart_with_downwards_trend: {
+    keywords: [ "graph", "presentation", "stats", "recession", "business", "economics", "money", "sales", "bad", "failure" ],
+    "char": "\ud83d\udcc9",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  page_facing_up: {
+    keywords: [ "documents", "office", "paper", "information" ],
+    "char": "\ud83d\udcc4",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  date: {
+    keywords: [ "calendar", "schedule" ],
+    "char": "\ud83d\udcc5",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  calendar: {
+    keywords: [ "schedule", "date", "planning" ],
+    "char": "\ud83d\udcc6",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  spiral_calendar: {
+    keywords: [ "date", "schedule", "planning" ],
+    "char": "\ud83d\uddd3",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  card_index: {
+    keywords: [ "business", "stationery" ],
+    "char": "\ud83d\udcc7",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  card_file_box: {
+    keywords: [ "business", "stationery" ],
+    "char": "\ud83d\uddc3",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  ballot_box: {
+    keywords: [ "election", "vote" ],
+    "char": "\ud83d\uddf3",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  file_cabinet: {
+    keywords: [ "filing", "organizing" ],
+    "char": "\ud83d\uddc4",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  clipboard: {
+    keywords: [ "stationery", "documents" ],
+    "char": "\ud83d\udccb",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  spiral_notepad: {
+    keywords: [ "memo", "stationery" ],
+    "char": "\ud83d\uddd2",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  file_folder: {
+    keywords: [ "documents", "business", "office" ],
+    "char": "\ud83d\udcc1",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  open_file_folder: {
+    keywords: [ "documents", "load" ],
+    "char": "\ud83d\udcc2",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  card_index_dividers: {
+    keywords: [ "organizing", "business", "stationery" ],
+    "char": "\ud83d\uddc2",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  newspaper_roll: {
+    keywords: [ "press", "headline" ],
+    "char": "\ud83d\uddde",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  newspaper: {
+    keywords: [ "press", "headline" ],
+    "char": "\ud83d\udcf0",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  notebook: {
+    keywords: [ "stationery", "record", "notes", "paper", "study" ],
+    "char": "\ud83d\udcd3",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  closed_book: {
+    keywords: [ "read", "library", "knowledge", "textbook", "learn" ],
+    "char": "\ud83d\udcd5",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  green_book: {
+    keywords: [ "read", "library", "knowledge", "study" ],
+    "char": "\ud83d\udcd7",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  blue_book: {
+    keywords: [ "read", "library", "knowledge", "learn", "study" ],
+    "char": "\ud83d\udcd8",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  orange_book: {
+    keywords: [ "read", "library", "knowledge", "textbook", "study" ],
+    "char": "\ud83d\udcd9",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  notebook_with_decorative_cover: {
+    keywords: [ "classroom", "notes", "record", "paper", "study" ],
+    "char": "\ud83d\udcd4",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  ledger: {
+    keywords: [ "notes", "paper" ],
+    "char": "\ud83d\udcd2",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  books: {
+    keywords: [ "literature", "library", "study" ],
+    "char": "\ud83d\udcda",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  open_book: {
+    keywords: [ "book", "read", "library", "knowledge", "literature", "learn", "study" ],
+    "char": "\ud83d\udcd6",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  safety_pin: {
+    keywords: [ "diaper" ],
+    "char": "\ud83e\uddf7",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  link: {
+    keywords: [ "rings", "url" ],
+    "char": "\ud83d\udd17",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  paperclip: {
+    keywords: [ "documents", "stationery" ],
+    "char": "\ud83d\udcce",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  paperclips: {
+    keywords: [ "documents", "stationery" ],
+    "char": "\ud83d\udd87",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  scissors: {
+    keywords: [ "stationery", "cut" ],
+    "char": "\u2702\ufe0f",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  triangular_ruler: {
+    keywords: [ "stationery", "math", "architect", "sketch" ],
+    "char": "\ud83d\udcd0",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  straight_ruler: {
+    keywords: [ "stationery", "calculate", "length", "math", "school", "drawing", "architect", "sketch" ],
+    "char": "\ud83d\udccf",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  abacus: {
+    keywords: [ "calculation" ],
+    "char": "\ud83e\uddee",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  pushpin: {
+    keywords: [ "stationery", "mark", "here" ],
+    "char": "\ud83d\udccc",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  round_pushpin: {
+    keywords: [ "stationery", "location", "map", "here" ],
+    "char": "\ud83d\udccd",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  triangular_flag_on_post: {
+    keywords: [ "mark", "milestone", "place" ],
+    "char": "\ud83d\udea9",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  white_flag: {
+    keywords: [ "losing", "loser", "lost", "surrender", "give up", "fail" ],
+    "char": "\ud83c\udff3",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  black_flag: {
+    keywords: [ "pirate" ],
+    "char": "\ud83c\udff4",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  rainbow_flag: {
+    keywords: [ "flag", "rainbow", "pride", "gay", "lgbt", "glbt", "queer", "homosexual", "lesbian", "bisexual", "transgender" ],
+    "char": "\ud83c\udff3\ufe0f\u200d\ud83c\udf08",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  closed_lock_with_key: {
+    keywords: [ "security", "privacy" ],
+    "char": "\ud83d\udd10",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  lock: {
+    keywords: [ "security", "password", "padlock" ],
+    "char": "\ud83d\udd12",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  unlock: {
+    keywords: [ "privacy", "security" ],
+    "char": "\ud83d\udd13",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  lock_with_ink_pen: {
+    keywords: [ "security", "secret" ],
+    "char": "\ud83d\udd0f",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  pen: {
+    keywords: [ "stationery", "writing", "write" ],
+    "char": "\ud83d\udd8a",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  fountain_pen: {
+    keywords: [ "stationery", "writing", "write" ],
+    "char": "\ud83d\udd8b",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  black_nib: {
+    keywords: [ "pen", "stationery", "writing", "write" ],
+    "char": "\u2712\ufe0f",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  memo: {
+    keywords: [ "write", "documents", "stationery", "pencil", "paper", "writing", "legal", "exam", "quiz", "test", "study", "compose" ],
+    "char": "\ud83d\udcdd",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  pencil2: {
+    keywords: [ "stationery", "write", "paper", "writing", "school", "study" ],
+    "char": "\u270f\ufe0f",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  crayon: {
+    keywords: [ "drawing", "creativity" ],
+    "char": "\ud83d\udd8d",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  paintbrush: {
+    keywords: [ "drawing", "creativity", "art" ],
+    "char": "\ud83d\udd8c",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  mag: {
+    keywords: [ "search", "zoom", "find", "detective" ],
+    "char": "\ud83d\udd0d",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  mag_right: {
+    keywords: [ "search", "zoom", "find", "detective" ],
+    "char": "\ud83d\udd0e",
+    fitzpatrick_scale: false,
+    category: "objects"
+  },
+  heart: {
+    keywords: [ "love", "like", "valentines" ],
+    "char": "\u2764\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  orange_heart: {
+    keywords: [ "love", "like", "affection", "valentines" ],
+    "char": "\ud83e\udde1",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  yellow_heart: {
+    keywords: [ "love", "like", "affection", "valentines" ],
+    "char": "\ud83d\udc9b",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  green_heart: {
+    keywords: [ "love", "like", "affection", "valentines" ],
+    "char": "\ud83d\udc9a",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  blue_heart: {
+    keywords: [ "love", "like", "affection", "valentines" ],
+    "char": "\ud83d\udc99",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  purple_heart: {
+    keywords: [ "love", "like", "affection", "valentines" ],
+    "char": "\ud83d\udc9c",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  black_heart: {
+    keywords: [ "evil" ],
+    "char": "\ud83d\udda4",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  broken_heart: {
+    keywords: [ "sad", "sorry", "break", "heart", "heartbreak" ],
+    "char": "\ud83d\udc94",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heavy_heart_exclamation: {
+    keywords: [ "decoration", "love" ],
+    "char": "\u2763",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  two_hearts: {
+    keywords: [ "love", "like", "affection", "valentines", "heart" ],
+    "char": "\ud83d\udc95",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  revolving_hearts: {
+    keywords: [ "love", "like", "affection", "valentines" ],
+    "char": "\ud83d\udc9e",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heartbeat: {
+    keywords: [ "love", "like", "affection", "valentines", "pink", "heart" ],
+    "char": "\ud83d\udc93",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heartpulse: {
+    keywords: [ "like", "love", "affection", "valentines", "pink" ],
+    "char": "\ud83d\udc97",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  sparkling_heart: {
+    keywords: [ "love", "like", "affection", "valentines" ],
+    "char": "\ud83d\udc96",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  cupid: {
+    keywords: [ "love", "like", "heart", "affection", "valentines" ],
+    "char": "\ud83d\udc98",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  gift_heart: {
+    keywords: [ "love", "valentines" ],
+    "char": "\ud83d\udc9d",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heart_decoration: {
+    keywords: [ "purple-square", "love", "like" ],
+    "char": "\ud83d\udc9f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  peace_symbol: {
+    keywords: [ "hippie" ],
+    "char": "\u262e",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  latin_cross: {
+    keywords: [ "christianity" ],
+    "char": "\u271d",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  star_and_crescent: {
+    keywords: [ "islam" ],
+    "char": "\u262a",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  om: {
+    keywords: [ "hinduism", "buddhism", "sikhism", "jainism" ],
+    "char": "\ud83d\udd49",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  wheel_of_dharma: {
+    keywords: [ "hinduism", "buddhism", "sikhism", "jainism" ],
+    "char": "\u2638",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  star_of_david: {
+    keywords: [ "judaism" ],
+    "char": "\u2721",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  six_pointed_star: {
+    keywords: [ "purple-square", "religion", "jewish", "hexagram" ],
+    "char": "\ud83d\udd2f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  menorah: {
+    keywords: [ "hanukkah", "candles", "jewish" ],
+    "char": "\ud83d\udd4e",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  yin_yang: {
+    keywords: [ "balance" ],
+    "char": "\u262f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  orthodox_cross: {
+    keywords: [ "suppedaneum", "religion" ],
+    "char": "\u2626",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  place_of_worship: {
+    keywords: [ "religion", "church", "temple", "prayer" ],
+    "char": "\ud83d\uded0",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  ophiuchus: {
+    keywords: [ "sign", "purple-square", "constellation", "astrology" ],
+    "char": "\u26ce",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  aries: {
+    keywords: [ "sign", "purple-square", "zodiac", "astrology" ],
+    "char": "\u2648",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  taurus: {
+    keywords: [ "purple-square", "sign", "zodiac", "astrology" ],
+    "char": "\u2649",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  gemini: {
+    keywords: [ "sign", "zodiac", "purple-square", "astrology" ],
+    "char": "\u264a",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  cancer: {
+    keywords: [ "sign", "zodiac", "purple-square", "astrology" ],
+    "char": "\u264b",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  leo: {
+    keywords: [ "sign", "purple-square", "zodiac", "astrology" ],
+    "char": "\u264c",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  virgo: {
+    keywords: [ "sign", "zodiac", "purple-square", "astrology" ],
+    "char": "\u264d",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  libra: {
+    keywords: [ "sign", "purple-square", "zodiac", "astrology" ],
+    "char": "\u264e",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  scorpius: {
+    keywords: [ "sign", "zodiac", "purple-square", "astrology", "scorpio" ],
+    "char": "\u264f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  sagittarius: {
+    keywords: [ "sign", "zodiac", "purple-square", "astrology" ],
+    "char": "\u2650",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  capricorn: {
+    keywords: [ "sign", "zodiac", "purple-square", "astrology" ],
+    "char": "\u2651",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  aquarius: {
+    keywords: [ "sign", "purple-square", "zodiac", "astrology" ],
+    "char": "\u2652",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  pisces: {
+    keywords: [ "purple-square", "sign", "zodiac", "astrology" ],
+    "char": "\u2653",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  id: {
+    keywords: [ "purple-square", "words" ],
+    "char": "\ud83c\udd94",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  atom_symbol: {
+    keywords: [ "science", "physics", "chemistry" ],
+    "char": "\u269b",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u7a7a: {
+    keywords: [ "kanji", "japanese", "chinese", "empty", "sky", "blue-square" ],
+    "char": "\ud83c\ude33",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u5272: {
+    keywords: [ "cut", "divide", "chinese", "kanji", "pink-square" ],
+    "char": "\ud83c\ude39",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  radioactive: {
+    keywords: [ "nuclear", "danger" ],
+    "char": "\u2622",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  biohazard: {
+    keywords: [ "danger" ],
+    "char": "\u2623",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  mobile_phone_off: {
+    keywords: [ "mute", "orange-square", "silence", "quiet" ],
+    "char": "\ud83d\udcf4",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  vibration_mode: {
+    keywords: [ "orange-square", "phone" ],
+    "char": "\ud83d\udcf3",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u6709: {
+    keywords: [ "orange-square", "chinese", "have", "kanji" ],
+    "char": "\ud83c\ude36",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u7121: {
+    keywords: [ "nothing", "chinese", "kanji", "japanese", "orange-square" ],
+    "char": "\ud83c\ude1a",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u7533: {
+    keywords: [ "chinese", "japanese", "kanji", "orange-square" ],
+    "char": "\ud83c\ude38",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u55b6: {
+    keywords: [ "japanese", "opening hours", "orange-square" ],
+    "char": "\ud83c\ude3a",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u6708: {
+    keywords: [ "chinese", "month", "moon", "japanese", "orange-square", "kanji" ],
+    "char": "\ud83c\ude37\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  eight_pointed_black_star: {
+    keywords: [ "orange-square", "shape", "polygon" ],
+    "char": "\u2734\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  vs: {
+    keywords: [ "words", "orange-square" ],
+    "char": "\ud83c\udd9a",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  accept: {
+    keywords: [ "ok", "good", "chinese", "kanji", "agree", "yes", "orange-circle" ],
+    "char": "\ud83c\ude51",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  white_flower: {
+    keywords: [ "japanese", "spring" ],
+    "char": "\ud83d\udcae",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  ideograph_advantage: {
+    keywords: [ "chinese", "kanji", "obtain", "get", "circle" ],
+    "char": "\ud83c\ude50",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  secret: {
+    keywords: [ "privacy", "chinese", "sshh", "kanji", "red-circle" ],
+    "char": "\u3299\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  congratulations: {
+    keywords: [ "chinese", "kanji", "japanese", "red-circle" ],
+    "char": "\u3297\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u5408: {
+    keywords: [ "japanese", "chinese", "join", "kanji", "red-square" ],
+    "char": "\ud83c\ude34",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u6e80: {
+    keywords: [ "full", "chinese", "japanese", "red-square", "kanji" ],
+    "char": "\ud83c\ude35",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u7981: {
+    keywords: [ "kanji", "japanese", "chinese", "forbidden", "limit", "restricted", "red-square" ],
+    "char": "\ud83c\ude32",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  a: {
+    keywords: [ "red-square", "alphabet", "letter" ],
+    "char": "\ud83c\udd70\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  b: {
+    keywords: [ "red-square", "alphabet", "letter" ],
+    "char": "\ud83c\udd71\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  ab: {
+    keywords: [ "red-square", "alphabet" ],
+    "char": "\ud83c\udd8e",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  cl: {
+    keywords: [ "alphabet", "words", "red-square" ],
+    "char": "\ud83c\udd91",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  o2: {
+    keywords: [ "alphabet", "red-square", "letter" ],
+    "char": "\ud83c\udd7e\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  sos: {
+    keywords: [ "help", "red-square", "words", "emergency", "911" ],
+    "char": "\ud83c\udd98",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  no_entry: {
+    keywords: [ "limit", "security", "privacy", "bad", "denied", "stop", "circle" ],
+    "char": "\u26d4",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  name_badge: {
+    keywords: [ "fire", "forbid" ],
+    "char": "\ud83d\udcdb",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  no_entry_sign: {
+    keywords: [ "forbid", "stop", "limit", "denied", "disallow", "circle" ],
+    "char": "\ud83d\udeab",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  x: {
+    keywords: [ "no", "delete", "remove", "cancel", "red" ],
+    "char": "\u274c",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  o: {
+    keywords: [ "circle", "round" ],
+    "char": "\u2b55",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  stop_sign: {
+    keywords: [ "stop" ],
+    "char": "\ud83d\uded1",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  anger: {
+    keywords: [ "angry", "mad" ],
+    "char": "\ud83d\udca2",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  hotsprings: {
+    keywords: [ "bath", "warm", "relax" ],
+    "char": "\u2668\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  no_pedestrians: {
+    keywords: [ "rules", "crossing", "walking", "circle" ],
+    "char": "\ud83d\udeb7",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  do_not_litter: {
+    keywords: [ "trash", "bin", "garbage", "circle" ],
+    "char": "\ud83d\udeaf",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  no_bicycles: {
+    keywords: [ "cyclist", "prohibited", "circle" ],
+    "char": "\ud83d\udeb3",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  "non-potable_water": {
+    keywords: [ "drink", "faucet", "tap", "circle" ],
+    "char": "\ud83d\udeb1",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  underage: {
+    keywords: [ "18", "drink", "pub", "night", "minor", "circle" ],
+    "char": "\ud83d\udd1e",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  no_mobile_phones: {
+    keywords: [ "iphone", "mute", "circle" ],
+    "char": "\ud83d\udcf5",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  exclamation: {
+    keywords: [ "heavy_exclamation_mark", "danger", "surprise", "punctuation", "wow", "warning" ],
+    "char": "\u2757",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  grey_exclamation: {
+    keywords: [ "surprise", "punctuation", "gray", "wow", "warning" ],
+    "char": "\u2755",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  question: {
+    keywords: [ "doubt", "confused" ],
+    "char": "\u2753",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  grey_question: {
+    keywords: [ "doubts", "gray", "huh", "confused" ],
+    "char": "\u2754",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  bangbang: {
+    keywords: [ "exclamation", "surprise" ],
+    "char": "\u203c\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  interrobang: {
+    keywords: [ "wat", "punctuation", "surprise" ],
+    "char": "\u2049\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  100: {
+    keywords: [ "score", "perfect", "numbers", "century", "exam", "quiz", "test", "pass", "hundred" ],
+    "char": "\ud83d\udcaf",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  low_brightness: {
+    keywords: [ "sun", "afternoon", "warm", "summer" ],
+    "char": "\ud83d\udd05",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  high_brightness: {
+    keywords: [ "sun", "light" ],
+    "char": "\ud83d\udd06",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  trident: {
+    keywords: [ "weapon", "spear" ],
+    "char": "\ud83d\udd31",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  fleur_de_lis: {
+    keywords: [ "decorative", "scout" ],
+    "char": "\u269c",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  part_alternation_mark: {
+    keywords: [ "graph", "presentation", "stats", "business", "economics", "bad" ],
+    "char": "\u303d\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  warning: {
+    keywords: [ "exclamation", "wip", "alert", "error", "problem", "issue" ],
+    "char": "\u26a0\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  children_crossing: {
+    keywords: [ "school", "warning", "danger", "sign", "driving", "yellow-diamond" ],
+    "char": "\ud83d\udeb8",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  beginner: {
+    keywords: [ "badge", "shield" ],
+    "char": "\ud83d\udd30",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  recycle: {
+    keywords: [ "arrow", "environment", "garbage", "trash" ],
+    "char": "\u267b\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  u6307: {
+    keywords: [ "chinese", "point", "green-square", "kanji" ],
+    "char": "\ud83c\ude2f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  chart: {
+    keywords: [ "green-square", "graph", "presentation", "stats" ],
+    "char": "\ud83d\udcb9",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  sparkle: {
+    keywords: [ "stars", "green-square", "awesome", "good", "fireworks" ],
+    "char": "\u2747\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  eight_spoked_asterisk: {
+    keywords: [ "star", "sparkle", "green-square" ],
+    "char": "\u2733\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  negative_squared_cross_mark: {
+    keywords: [ "x", "green-square", "no", "deny" ],
+    "char": "\u274e",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  white_check_mark: {
+    keywords: [ "green-square", "ok", "agree", "vote", "election", "answer", "tick" ],
+    "char": "\u2705",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  diamond_shape_with_a_dot_inside: {
+    keywords: [ "jewel", "blue", "gem", "crystal", "fancy" ],
+    "char": "\ud83d\udca0",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  cyclone: {
+    keywords: [ "weather", "swirl", "blue", "cloud", "vortex", "spiral", "whirlpool", "spin", "tornado", "hurricane", "typhoon" ],
+    "char": "\ud83c\udf00",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  loop: {
+    keywords: [ "tape", "cassette" ],
+    "char": "\u27bf",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  globe_with_meridians: {
+    keywords: [ "earth", "international", "world", "internet", "interweb", "i18n" ],
+    "char": "\ud83c\udf10",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  m: {
+    keywords: [ "alphabet", "blue-circle", "letter" ],
+    "char": "\u24c2\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  atm: {
+    keywords: [ "money", "sales", "cash", "blue-square", "payment", "bank" ],
+    "char": "\ud83c\udfe7",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  sa: {
+    keywords: [ "japanese", "blue-square", "katakana" ],
+    "char": "\ud83c\ude02\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  passport_control: {
+    keywords: [ "custom", "blue-square" ],
+    "char": "\ud83d\udec2",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  customs: {
+    keywords: [ "passport", "border", "blue-square" ],
+    "char": "\ud83d\udec3",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  baggage_claim: {
+    keywords: [ "blue-square", "airport", "transport" ],
+    "char": "\ud83d\udec4",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  left_luggage: {
+    keywords: [ "blue-square", "travel" ],
+    "char": "\ud83d\udec5",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  wheelchair: {
+    keywords: [ "blue-square", "disabled", "a11y", "accessibility" ],
+    "char": "\u267f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  no_smoking: {
+    keywords: [ "cigarette", "blue-square", "smell", "smoke" ],
+    "char": "\ud83d\udead",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  wc: {
+    keywords: [ "toilet", "restroom", "blue-square" ],
+    "char": "\ud83d\udebe",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  parking: {
+    keywords: [ "cars", "blue-square", "alphabet", "letter" ],
+    "char": "\ud83c\udd7f\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  potable_water: {
+    keywords: [ "blue-square", "liquid", "restroom", "cleaning", "faucet" ],
+    "char": "\ud83d\udeb0",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  mens: {
+    keywords: [ "toilet", "restroom", "wc", "blue-square", "gender", "male" ],
+    "char": "\ud83d\udeb9",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  womens: {
+    keywords: [ "purple-square", "woman", "female", "toilet", "loo", "restroom", "gender" ],
+    "char": "\ud83d\udeba",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  baby_symbol: {
+    keywords: [ "orange-square", "child" ],
+    "char": "\ud83d\udebc",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  restroom: {
+    keywords: [ "blue-square", "toilet", "refresh", "wc", "gender" ],
+    "char": "\ud83d\udebb",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  put_litter_in_its_place: {
+    keywords: [ "blue-square", "sign", "human", "info" ],
+    "char": "\ud83d\udeae",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  cinema: {
+    keywords: [ "blue-square", "record", "film", "movie", "curtain", "stage", "theater" ],
+    "char": "\ud83c\udfa6",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  signal_strength: {
+    keywords: [ "blue-square", "reception", "phone", "internet", "connection", "wifi", "bluetooth", "bars" ],
+    "char": "\ud83d\udcf6",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  koko: {
+    keywords: [ "blue-square", "here", "katakana", "japanese", "destination" ],
+    "char": "\ud83c\ude01",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  ng: {
+    keywords: [ "blue-square", "words", "shape", "icon" ],
+    "char": "\ud83c\udd96",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  ok: {
+    keywords: [ "good", "agree", "yes", "blue-square" ],
+    "char": "\ud83c\udd97",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  up: {
+    keywords: [ "blue-square", "above", "high" ],
+    "char": "\ud83c\udd99",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  cool: {
+    keywords: [ "words", "blue-square" ],
+    "char": "\ud83c\udd92",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  "new": {
+    keywords: [ "blue-square", "words", "start" ],
+    "char": "\ud83c\udd95",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  free: {
+    keywords: [ "blue-square", "words" ],
+    "char": "\ud83c\udd93",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  zero: {
+    keywords: [ "0", "numbers", "blue-square", "null" ],
+    "char": "0\ufe0f\u20e3",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  one: {
+    keywords: [ "blue-square", "numbers", "1" ],
+    "char": "1\ufe0f\u20e3",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  two: {
+    keywords: [ "numbers", "2", "prime", "blue-square" ],
+    "char": "2\ufe0f\u20e3",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  three: {
+    keywords: [ "3", "numbers", "prime", "blue-square" ],
+    "char": "3\ufe0f\u20e3",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  four: {
+    keywords: [ "4", "numbers", "blue-square" ],
+    "char": "4\ufe0f\u20e3",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  five: {
+    keywords: [ "5", "numbers", "blue-square", "prime" ],
+    "char": "5\ufe0f\u20e3",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  six: {
+    keywords: [ "6", "numbers", "blue-square" ],
+    "char": "6\ufe0f\u20e3",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  seven: {
+    keywords: [ "7", "numbers", "blue-square", "prime" ],
+    "char": "7\ufe0f\u20e3",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  eight: {
+    keywords: [ "8", "blue-square", "numbers" ],
+    "char": "8\ufe0f\u20e3",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  nine: {
+    keywords: [ "blue-square", "numbers", "9" ],
+    "char": "9\ufe0f\u20e3",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  keycap_ten: {
+    keywords: [ "numbers", "10", "blue-square" ],
+    "char": "\ud83d\udd1f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  asterisk: {
+    keywords: [ "star", "keycap" ],
+    "char": "*\u20e3",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  1234: {
+    keywords: [ "numbers", "blue-square" ],
+    "char": "\ud83d\udd22",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  eject_button: {
+    keywords: [ "blue-square" ],
+    "char": "\u23cf\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_forward: {
+    keywords: [ "blue-square", "right", "direction", "play" ],
+    "char": "\u25b6\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  pause_button: {
+    keywords: [ "pause", "blue-square" ],
+    "char": "\u23f8",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  next_track_button: {
+    keywords: [ "forward", "next", "blue-square" ],
+    "char": "\u23ed",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  stop_button: {
+    keywords: [ "blue-square" ],
+    "char": "\u23f9",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  record_button: {
+    keywords: [ "blue-square" ],
+    "char": "\u23fa",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  play_or_pause_button: {
+    keywords: [ "blue-square", "play", "pause" ],
+    "char": "\u23ef",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  previous_track_button: {
+    keywords: [ "backward" ],
+    "char": "\u23ee",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  fast_forward: {
+    keywords: [ "blue-square", "play", "speed", "continue" ],
+    "char": "\u23e9",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  rewind: {
+    keywords: [ "play", "blue-square" ],
+    "char": "\u23ea",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  twisted_rightwards_arrows: {
+    keywords: [ "blue-square", "shuffle", "music", "random" ],
+    "char": "\ud83d\udd00",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  repeat: {
+    keywords: [ "loop", "record" ],
+    "char": "\ud83d\udd01",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  repeat_one: {
+    keywords: [ "blue-square", "loop" ],
+    "char": "\ud83d\udd02",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_backward: {
+    keywords: [ "blue-square", "left", "direction" ],
+    "char": "\u25c0\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_up_small: {
+    keywords: [ "blue-square", "triangle", "direction", "point", "forward", "top" ],
+    "char": "\ud83d\udd3c",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_down_small: {
+    keywords: [ "blue-square", "direction", "bottom" ],
+    "char": "\ud83d\udd3d",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_double_up: {
+    keywords: [ "blue-square", "direction", "top" ],
+    "char": "\u23eb",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_double_down: {
+    keywords: [ "blue-square", "direction", "bottom" ],
+    "char": "\u23ec",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_right: {
+    keywords: [ "blue-square", "next" ],
+    "char": "\u27a1\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_left: {
+    keywords: [ "blue-square", "previous", "back" ],
+    "char": "\u2b05\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_up: {
+    keywords: [ "blue-square", "continue", "top", "direction" ],
+    "char": "\u2b06\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_down: {
+    keywords: [ "blue-square", "direction", "bottom" ],
+    "char": "\u2b07\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_upper_right: {
+    keywords: [ "blue-square", "point", "direction", "diagonal", "northeast" ],
+    "char": "\u2197\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_lower_right: {
+    keywords: [ "blue-square", "direction", "diagonal", "southeast" ],
+    "char": "\u2198\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_lower_left: {
+    keywords: [ "blue-square", "direction", "diagonal", "southwest" ],
+    "char": "\u2199\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_upper_left: {
+    keywords: [ "blue-square", "point", "direction", "diagonal", "northwest" ],
+    "char": "\u2196\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_up_down: {
+    keywords: [ "blue-square", "direction", "way", "vertical" ],
+    "char": "\u2195\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  left_right_arrow: {
+    keywords: [ "shape", "direction", "horizontal", "sideways" ],
+    "char": "\u2194\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrows_counterclockwise: {
+    keywords: [ "blue-square", "sync", "cycle" ],
+    "char": "\ud83d\udd04",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_right_hook: {
+    keywords: [ "blue-square", "return", "rotate", "direction" ],
+    "char": "\u21aa\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  leftwards_arrow_with_hook: {
+    keywords: [ "back", "return", "blue-square", "undo", "enter" ],
+    "char": "\u21a9\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_heading_up: {
+    keywords: [ "blue-square", "direction", "top" ],
+    "char": "\u2934\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrow_heading_down: {
+    keywords: [ "blue-square", "direction", "bottom" ],
+    "char": "\u2935\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  hash: {
+    keywords: [ "symbol", "blue-square", "twitter" ],
+    "char": "#\ufe0f\u20e3",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  information_source: {
+    keywords: [ "blue-square", "alphabet", "letter" ],
+    "char": "\u2139\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  abc: {
+    keywords: [ "blue-square", "alphabet" ],
+    "char": "\ud83d\udd24",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  abcd: {
+    keywords: [ "blue-square", "alphabet" ],
+    "char": "\ud83d\udd21",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  capital_abcd: {
+    keywords: [ "alphabet", "words", "blue-square" ],
+    "char": "\ud83d\udd20",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  symbols: {
+    keywords: [ "blue-square", "music", "note", "ampersand", "percent", "glyphs", "characters" ],
+    "char": "\ud83d\udd23",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  musical_note: {
+    keywords: [ "score", "tone", "sound" ],
+    "char": "\ud83c\udfb5",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  notes: {
+    keywords: [ "music", "score" ],
+    "char": "\ud83c\udfb6",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  wavy_dash: {
+    keywords: [ "draw", "line", "moustache", "mustache", "squiggle", "scribble" ],
+    "char": "\u3030\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  curly_loop: {
+    keywords: [ "scribble", "draw", "shape", "squiggle" ],
+    "char": "\u27b0",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heavy_check_mark: {
+    keywords: [ "ok", "nike", "answer", "yes", "tick" ],
+    "char": "\u2714\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  arrows_clockwise: {
+    keywords: [ "sync", "cycle", "round", "repeat" ],
+    "char": "\ud83d\udd03",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heavy_plus_sign: {
+    keywords: [ "math", "calculation", "addition", "more", "increase" ],
+    "char": "\u2795",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heavy_minus_sign: {
+    keywords: [ "math", "calculation", "subtract", "less" ],
+    "char": "\u2796",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heavy_division_sign: {
+    keywords: [ "divide", "math", "calculation" ],
+    "char": "\u2797",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heavy_multiplication_x: {
+    keywords: [ "math", "calculation" ],
+    "char": "\u2716\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  infinity: {
+    keywords: [ "forever" ],
+    "char": "\u267e",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  heavy_dollar_sign: {
+    keywords: [ "money", "sales", "payment", "currency", "buck" ],
+    "char": "\ud83d\udcb2",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  currency_exchange: {
+    keywords: [ "money", "sales", "dollar", "travel" ],
+    "char": "\ud83d\udcb1",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  copyright: {
+    keywords: [ "ip", "license", "circle", "law", "legal" ],
+    "char": "\xa9\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  registered: {
+    keywords: [ "alphabet", "circle" ],
+    "char": "\xae\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  tm: {
+    keywords: [ "trademark", "brand", "law", "legal" ],
+    "char": "\u2122\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  end: {
+    keywords: [ "words", "arrow" ],
+    "char": "\ud83d\udd1a",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  back: {
+    keywords: [ "arrow", "words", "return" ],
+    "char": "\ud83d\udd19",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  on: {
+    keywords: [ "arrow", "words" ],
+    "char": "\ud83d\udd1b",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  top: {
+    keywords: [ "words", "blue-square" ],
+    "char": "\ud83d\udd1d",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  soon: {
+    keywords: [ "arrow", "words" ],
+    "char": "\ud83d\udd1c",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  ballot_box_with_check: {
+    keywords: [ "ok", "agree", "confirm", "black-square", "vote", "election", "yes", "tick" ],
+    "char": "\u2611\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  radio_button: {
+    keywords: [ "input", "old", "music", "circle" ],
+    "char": "\ud83d\udd18",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  white_circle: {
+    keywords: [ "shape", "round" ],
+    "char": "\u26aa",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  black_circle: {
+    keywords: [ "shape", "button", "round" ],
+    "char": "\u26ab",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  red_circle: {
+    keywords: [ "shape", "error", "danger" ],
+    "char": "\ud83d\udd34",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  large_blue_circle: {
+    keywords: [ "shape", "icon", "button" ],
+    "char": "\ud83d\udd35",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  small_orange_diamond: {
+    keywords: [ "shape", "jewel", "gem" ],
+    "char": "\ud83d\udd38",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  small_blue_diamond: {
+    keywords: [ "shape", "jewel", "gem" ],
+    "char": "\ud83d\udd39",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  large_orange_diamond: {
+    keywords: [ "shape", "jewel", "gem" ],
+    "char": "\ud83d\udd36",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  large_blue_diamond: {
+    keywords: [ "shape", "jewel", "gem" ],
+    "char": "\ud83d\udd37",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  small_red_triangle: {
+    keywords: [ "shape", "direction", "up", "top" ],
+    "char": "\ud83d\udd3a",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  black_small_square: {
+    keywords: [ "shape", "icon" ],
+    "char": "\u25aa\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  white_small_square: {
+    keywords: [ "shape", "icon" ],
+    "char": "\u25ab\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  black_large_square: {
+    keywords: [ "shape", "icon", "button" ],
+    "char": "\u2b1b",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  white_large_square: {
+    keywords: [ "shape", "icon", "stone", "button" ],
+    "char": "\u2b1c",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  small_red_triangle_down: {
+    keywords: [ "shape", "direction", "bottom" ],
+    "char": "\ud83d\udd3b",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  black_medium_square: {
+    keywords: [ "shape", "button", "icon" ],
+    "char": "\u25fc\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  white_medium_square: {
+    keywords: [ "shape", "stone", "icon" ],
+    "char": "\u25fb\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  black_medium_small_square: {
+    keywords: [ "icon", "shape", "button" ],
+    "char": "\u25fe",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  white_medium_small_square: {
+    keywords: [ "shape", "stone", "icon", "button" ],
+    "char": "\u25fd",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  black_square_button: {
+    keywords: [ "shape", "input", "frame" ],
+    "char": "\ud83d\udd32",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  white_square_button: {
+    keywords: [ "shape", "input" ],
+    "char": "\ud83d\udd33",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  speaker: {
+    keywords: [ "sound", "volume", "silence", "broadcast" ],
+    "char": "\ud83d\udd08",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  sound: {
+    keywords: [ "volume", "speaker", "broadcast" ],
+    "char": "\ud83d\udd09",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  loud_sound: {
+    keywords: [ "volume", "noise", "noisy", "speaker", "broadcast" ],
+    "char": "\ud83d\udd0a",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  mute: {
+    keywords: [ "sound", "volume", "silence", "quiet" ],
+    "char": "\ud83d\udd07",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  mega: {
+    keywords: [ "sound", "speaker", "volume" ],
+    "char": "\ud83d\udce3",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  loudspeaker: {
+    keywords: [ "volume", "sound" ],
+    "char": "\ud83d\udce2",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  bell: {
+    keywords: [ "sound", "notification", "christmas", "xmas", "chime" ],
+    "char": "\ud83d\udd14",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  no_bell: {
+    keywords: [ "sound", "volume", "mute", "quiet", "silent" ],
+    "char": "\ud83d\udd15",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  black_joker: {
+    keywords: [ "poker", "cards", "game", "play", "magic" ],
+    "char": "\ud83c\udccf",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  mahjong: {
+    keywords: [ "game", "play", "chinese", "kanji" ],
+    "char": "\ud83c\udc04",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  spades: {
+    keywords: [ "poker", "cards", "suits", "magic" ],
+    "char": "\u2660\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clubs: {
+    keywords: [ "poker", "cards", "magic", "suits" ],
+    "char": "\u2663\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  hearts: {
+    keywords: [ "poker", "cards", "magic", "suits" ],
+    "char": "\u2665\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  diamonds: {
+    keywords: [ "poker", "cards", "magic", "suits" ],
+    "char": "\u2666\ufe0f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  flower_playing_cards: {
+    keywords: [ "game", "sunset", "red" ],
+    "char": "\ud83c\udfb4",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  thought_balloon: {
+    keywords: [ "bubble", "cloud", "speech", "thinking", "dream" ],
+    "char": "\ud83d\udcad",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  right_anger_bubble: {
+    keywords: [ "caption", "speech", "thinking", "mad" ],
+    "char": "\ud83d\uddef",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  speech_balloon: {
+    keywords: [ "bubble", "words", "message", "talk", "chatting" ],
+    "char": "\ud83d\udcac",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  left_speech_bubble: {
+    keywords: [ "words", "message", "talk", "chatting" ],
+    "char": "\ud83d\udde8",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock1: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd50",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock2: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd51",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock3: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd52",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock4: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd53",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock5: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd54",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock6: {
+    keywords: [ "time", "late", "early", "schedule", "dawn", "dusk" ],
+    "char": "\ud83d\udd55",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock7: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd56",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock8: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd57",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock9: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd58",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock10: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd59",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock11: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd5a",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock12: {
+    keywords: [ "time", "noon", "midnight", "midday", "late", "early", "schedule" ],
+    "char": "\ud83d\udd5b",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock130: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd5c",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock230: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd5d",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock330: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd5e",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock430: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd5f",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock530: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd60",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock630: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd61",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock730: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd62",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock830: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd63",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock930: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd64",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock1030: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd65",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock1130: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd66",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  clock1230: {
+    keywords: [ "time", "late", "early", "schedule" ],
+    "char": "\ud83d\udd67",
+    fitzpatrick_scale: false,
+    category: "symbols"
+  },
+  afghanistan: {
+    keywords: [ "af", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde6\ud83c\uddeb",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  aland_islands: {
+    keywords: [ "\xc5land", "islands", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde6\ud83c\uddfd",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  albania: {
+    keywords: [ "al", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde6\ud83c\uddf1",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  algeria: {
+    keywords: [ "dz", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde9\ud83c\uddff",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  american_samoa: {
+    keywords: [ "american", "ws", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde6\ud83c\uddf8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  andorra: {
+    keywords: [ "ad", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde6\ud83c\udde9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  angola: {
+    keywords: [ "ao", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde6\ud83c\uddf4",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  anguilla: {
+    keywords: [ "ai", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde6\ud83c\uddee",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  antarctica: {
+    keywords: [ "aq", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde6\ud83c\uddf6",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  antigua_barbuda: {
+    keywords: [ "antigua", "barbuda", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde6\ud83c\uddec",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  argentina: {
+    keywords: [ "ar", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde6\ud83c\uddf7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  armenia: {
+    keywords: [ "am", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde6\ud83c\uddf2",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  aruba: {
+    keywords: [ "aw", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde6\ud83c\uddfc",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  australia: {
+    keywords: [ "au", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde6\ud83c\uddfa",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  austria: {
+    keywords: [ "at", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde6\ud83c\uddf9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  azerbaijan: {
+    keywords: [ "az", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde6\ud83c\uddff",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  bahamas: {
+    keywords: [ "bs", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\uddf8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  bahrain: {
+    keywords: [ "bh", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\udded",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  bangladesh: {
+    keywords: [ "bd", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\udde9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  barbados: {
+    keywords: [ "bb", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\udde7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  belarus: {
+    keywords: [ "by", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\uddfe",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  belgium: {
+    keywords: [ "be", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\uddea",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  belize: {
+    keywords: [ "bz", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\uddff",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  benin: {
+    keywords: [ "bj", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\uddef",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  bermuda: {
+    keywords: [ "bm", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\uddf2",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  bhutan: {
+    keywords: [ "bt", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\uddf9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  bolivia: {
+    keywords: [ "bo", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\uddf4",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  caribbean_netherlands: {
+    keywords: [ "bonaire", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\uddf6",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  bosnia_herzegovina: {
+    keywords: [ "bosnia", "herzegovina", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\udde6",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  botswana: {
+    keywords: [ "bw", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\uddfc",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  brazil: {
+    keywords: [ "br", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\uddf7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  british_indian_ocean_territory: {
+    keywords: [ "british", "indian", "ocean", "territory", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddee\ud83c\uddf4",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  british_virgin_islands: {
+    keywords: [ "british", "virgin", "islands", "bvi", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddfb\ud83c\uddec",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  brunei: {
+    keywords: [ "bn", "darussalam", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\uddf3",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  bulgaria: {
+    keywords: [ "bg", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\uddec",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  burkina_faso: {
+    keywords: [ "burkina", "faso", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\uddeb",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  burundi: {
+    keywords: [ "bi", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\uddee",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cape_verde: {
+    keywords: [ "cabo", "verde", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\uddfb",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cambodia: {
+    keywords: [ "kh", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf0\ud83c\udded",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cameroon: {
+    keywords: [ "cm", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\uddf2",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  canada: {
+    keywords: [ "ca", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\udde6",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  canary_islands: {
+    keywords: [ "canary", "islands", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddee\ud83c\udde8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cayman_islands: {
+    keywords: [ "cayman", "islands", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf0\ud83c\uddfe",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  central_african_republic: {
+    keywords: [ "central", "african", "republic", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\uddeb",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  chad: {
+    keywords: [ "td", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf9\ud83c\udde9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  chile: {
+    keywords: [ "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\uddf1",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cn: {
+    keywords: [ "china", "chinese", "prc", "flag", "country", "nation", "banner" ],
+    "char": "\ud83c\udde8\ud83c\uddf3",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  christmas_island: {
+    keywords: [ "christmas", "island", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\uddfd",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cocos_islands: {
+    keywords: [ "cocos", "keeling", "islands", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\udde8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  colombia: {
+    keywords: [ "co", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\uddf4",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  comoros: {
+    keywords: [ "km", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf0\ud83c\uddf2",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  congo_brazzaville: {
+    keywords: [ "congo", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\uddec",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  congo_kinshasa: {
+    keywords: [ "congo", "democratic", "republic", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\udde9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cook_islands: {
+    keywords: [ "cook", "islands", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\uddf0",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  costa_rica: {
+    keywords: [ "costa", "rica", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\uddf7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  croatia: {
+    keywords: [ "hr", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udded\ud83c\uddf7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cuba: {
+    keywords: [ "cu", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\uddfa",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  curacao: {
+    keywords: [ "cura\xe7ao", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\uddfc",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cyprus: {
+    keywords: [ "cy", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\uddfe",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  czech_republic: {
+    keywords: [ "cz", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\uddff",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  denmark: {
+    keywords: [ "dk", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde9\ud83c\uddf0",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  djibouti: {
+    keywords: [ "dj", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde9\ud83c\uddef",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  dominica: {
+    keywords: [ "dm", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde9\ud83c\uddf2",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  dominican_republic: {
+    keywords: [ "dominican", "republic", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde9\ud83c\uddf4",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  ecuador: {
+    keywords: [ "ec", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddea\ud83c\udde8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  egypt: {
+    keywords: [ "eg", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddea\ud83c\uddec",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  el_salvador: {
+    keywords: [ "el", "salvador", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\uddfb",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  equatorial_guinea: {
+    keywords: [ "equatorial", "gn", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\uddf6",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  eritrea: {
+    keywords: [ "er", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddea\ud83c\uddf7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  estonia: {
+    keywords: [ "ee", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddea\ud83c\uddea",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  ethiopia: {
+    keywords: [ "et", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddea\ud83c\uddf9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  eu: {
+    keywords: [ "european", "union", "flag", "banner" ],
+    "char": "\ud83c\uddea\ud83c\uddfa",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  falkland_islands: {
+    keywords: [ "falkland", "islands", "malvinas", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddeb\ud83c\uddf0",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  faroe_islands: {
+    keywords: [ "faroe", "islands", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddeb\ud83c\uddf4",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  fiji: {
+    keywords: [ "fj", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddeb\ud83c\uddef",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  finland: {
+    keywords: [ "fi", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddeb\ud83c\uddee",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  fr: {
+    keywords: [ "banner", "flag", "nation", "france", "french", "country" ],
+    "char": "\ud83c\uddeb\ud83c\uddf7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  french_guiana: {
+    keywords: [ "french", "guiana", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\uddeb",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  french_polynesia: {
+    keywords: [ "french", "polynesia", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf5\ud83c\uddeb",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  french_southern_territories: {
+    keywords: [ "french", "southern", "territories", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf9\ud83c\uddeb",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  gabon: {
+    keywords: [ "ga", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\udde6",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  gambia: {
+    keywords: [ "gm", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\uddf2",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  georgia: {
+    keywords: [ "ge", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\uddea",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  de: {
+    keywords: [ "german", "nation", "flag", "country", "banner" ],
+    "char": "\ud83c\udde9\ud83c\uddea",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  ghana: {
+    keywords: [ "gh", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\udded",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  gibraltar: {
+    keywords: [ "gi", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\uddee",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  greece: {
+    keywords: [ "gr", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\uddf7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  greenland: {
+    keywords: [ "gl", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\uddf1",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  grenada: {
+    keywords: [ "gd", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\udde9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  guadeloupe: {
+    keywords: [ "gp", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\uddf5",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  guam: {
+    keywords: [ "gu", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\uddfa",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  guatemala: {
+    keywords: [ "gt", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\uddf9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  guernsey: {
+    keywords: [ "gg", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\uddec",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  guinea: {
+    keywords: [ "gn", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\uddf3",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  guinea_bissau: {
+    keywords: [ "gw", "bissau", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\uddfc",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  guyana: {
+    keywords: [ "gy", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\uddfe",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  haiti: {
+    keywords: [ "ht", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udded\ud83c\uddf9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  honduras: {
+    keywords: [ "hn", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udded\ud83c\uddf3",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  hong_kong: {
+    keywords: [ "hong", "kong", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udded\ud83c\uddf0",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  hungary: {
+    keywords: [ "hu", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udded\ud83c\uddfa",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  iceland: {
+    keywords: [ "is", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddee\ud83c\uddf8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  india: {
+    keywords: [ "in", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddee\ud83c\uddf3",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  indonesia: {
+    keywords: [ "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddee\ud83c\udde9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  iran: {
+    keywords: [ "iran,", "islamic", "republic", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddee\ud83c\uddf7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  iraq: {
+    keywords: [ "iq", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddee\ud83c\uddf6",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  ireland: {
+    keywords: [ "ie", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddee\ud83c\uddea",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  isle_of_man: {
+    keywords: [ "isle", "man", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddee\ud83c\uddf2",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  israel: {
+    keywords: [ "il", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddee\ud83c\uddf1",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  it: {
+    keywords: [ "italy", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddee\ud83c\uddf9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  cote_divoire: {
+    keywords: [ "ivory", "coast", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\uddee",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  jamaica: {
+    keywords: [ "jm", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddef\ud83c\uddf2",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  jp: {
+    keywords: [ "japanese", "nation", "flag", "country", "banner" ],
+    "char": "\ud83c\uddef\ud83c\uddf5",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  jersey: {
+    keywords: [ "je", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddef\ud83c\uddea",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  jordan: {
+    keywords: [ "jo", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddef\ud83c\uddf4",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  kazakhstan: {
+    keywords: [ "kz", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf0\ud83c\uddff",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  kenya: {
+    keywords: [ "ke", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf0\ud83c\uddea",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  kiribati: {
+    keywords: [ "ki", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf0\ud83c\uddee",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  kosovo: {
+    keywords: [ "xk", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddfd\ud83c\uddf0",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  kuwait: {
+    keywords: [ "kw", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf0\ud83c\uddfc",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  kyrgyzstan: {
+    keywords: [ "kg", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf0\ud83c\uddec",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  laos: {
+    keywords: [ "lao", "democratic", "republic", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf1\ud83c\udde6",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  latvia: {
+    keywords: [ "lv", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf1\ud83c\uddfb",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  lebanon: {
+    keywords: [ "lb", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf1\ud83c\udde7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  lesotho: {
+    keywords: [ "ls", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf1\ud83c\uddf8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  liberia: {
+    keywords: [ "lr", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf1\ud83c\uddf7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  libya: {
+    keywords: [ "ly", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf1\ud83c\uddfe",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  liechtenstein: {
+    keywords: [ "li", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf1\ud83c\uddee",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  lithuania: {
+    keywords: [ "lt", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf1\ud83c\uddf9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  luxembourg: {
+    keywords: [ "lu", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf1\ud83c\uddfa",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  macau: {
+    keywords: [ "macao", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddf4",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  macedonia: {
+    keywords: [ "macedonia,", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddf0",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  madagascar: {
+    keywords: [ "mg", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddec",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  malawi: {
+    keywords: [ "mw", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddfc",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  malaysia: {
+    keywords: [ "my", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddfe",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  maldives: {
+    keywords: [ "mv", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddfb",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  mali: {
+    keywords: [ "ml", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddf1",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  malta: {
+    keywords: [ "mt", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddf9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  marshall_islands: {
+    keywords: [ "marshall", "islands", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\udded",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  martinique: {
+    keywords: [ "mq", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddf6",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  mauritania: {
+    keywords: [ "mr", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddf7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  mauritius: {
+    keywords: [ "mu", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddfa",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  mayotte: {
+    keywords: [ "yt", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddfe\ud83c\uddf9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  mexico: {
+    keywords: [ "mx", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddfd",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  micronesia: {
+    keywords: [ "micronesia,", "federated", "states", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddeb\ud83c\uddf2",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  moldova: {
+    keywords: [ "moldova,", "republic", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\udde9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  monaco: {
+    keywords: [ "mc", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\udde8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  mongolia: {
+    keywords: [ "mn", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddf3",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  montenegro: {
+    keywords: [ "me", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddea",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  montserrat: {
+    keywords: [ "ms", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddf8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  morocco: {
+    keywords: [ "ma", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\udde6",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  mozambique: {
+    keywords: [ "mz", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddff",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  myanmar: {
+    keywords: [ "mm", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddf2",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  namibia: {
+    keywords: [ "na", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf3\ud83c\udde6",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  nauru: {
+    keywords: [ "nr", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf3\ud83c\uddf7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  nepal: {
+    keywords: [ "np", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf3\ud83c\uddf5",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  netherlands: {
+    keywords: [ "nl", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf3\ud83c\uddf1",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  new_caledonia: {
+    keywords: [ "new", "caledonia", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf3\ud83c\udde8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  new_zealand: {
+    keywords: [ "new", "zealand", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf3\ud83c\uddff",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  nicaragua: {
+    keywords: [ "ni", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf3\ud83c\uddee",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  niger: {
+    keywords: [ "ne", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf3\ud83c\uddea",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  nigeria: {
+    keywords: [ "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf3\ud83c\uddec",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  niue: {
+    keywords: [ "nu", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf3\ud83c\uddfa",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  norfolk_island: {
+    keywords: [ "norfolk", "island", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf3\ud83c\uddeb",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  northern_mariana_islands: {
+    keywords: [ "northern", "mariana", "islands", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf2\ud83c\uddf5",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  north_korea: {
+    keywords: [ "north", "korea", "nation", "flag", "country", "banner" ],
+    "char": "\ud83c\uddf0\ud83c\uddf5",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  norway: {
+    keywords: [ "no", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf3\ud83c\uddf4",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  oman: {
+    keywords: [ "om_symbol", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf4\ud83c\uddf2",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  pakistan: {
+    keywords: [ "pk", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf5\ud83c\uddf0",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  palau: {
+    keywords: [ "pw", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf5\ud83c\uddfc",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  palestinian_territories: {
+    keywords: [ "palestine", "palestinian", "territories", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf5\ud83c\uddf8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  panama: {
+    keywords: [ "pa", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf5\ud83c\udde6",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  papua_new_guinea: {
+    keywords: [ "papua", "new", "guinea", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf5\ud83c\uddec",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  paraguay: {
+    keywords: [ "py", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf5\ud83c\uddfe",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  peru: {
+    keywords: [ "pe", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf5\ud83c\uddea",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  philippines: {
+    keywords: [ "ph", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf5\ud83c\udded",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  pitcairn_islands: {
+    keywords: [ "pitcairn", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf5\ud83c\uddf3",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  poland: {
+    keywords: [ "pl", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf5\ud83c\uddf1",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  portugal: {
+    keywords: [ "pt", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf5\ud83c\uddf9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  puerto_rico: {
+    keywords: [ "puerto", "rico", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf5\ud83c\uddf7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  qatar: {
+    keywords: [ "qa", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf6\ud83c\udde6",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  reunion: {
+    keywords: [ "r\xe9union", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf7\ud83c\uddea",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  romania: {
+    keywords: [ "ro", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf7\ud83c\uddf4",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  ru: {
+    keywords: [ "russian", "federation", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf7\ud83c\uddfa",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  rwanda: {
+    keywords: [ "rw", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf7\ud83c\uddfc",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  st_barthelemy: {
+    keywords: [ "saint", "barth\xe9lemy", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde7\ud83c\uddf1",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  st_helena: {
+    keywords: [ "saint", "helena", "ascension", "tristan", "cunha", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\udded",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  st_kitts_nevis: {
+    keywords: [ "saint", "kitts", "nevis", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf0\ud83c\uddf3",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  st_lucia: {
+    keywords: [ "saint", "lucia", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf1\ud83c\udde8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  st_pierre_miquelon: {
+    keywords: [ "saint", "pierre", "miquelon", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf5\ud83c\uddf2",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  st_vincent_grenadines: {
+    keywords: [ "saint", "vincent", "grenadines", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddfb\ud83c\udde8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  samoa: {
+    keywords: [ "ws", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddfc\ud83c\uddf8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  san_marino: {
+    keywords: [ "san", "marino", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\uddf2",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  sao_tome_principe: {
+    keywords: [ "sao", "tome", "principe", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\uddf9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  saudi_arabia: {
+    keywords: [ "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\udde6",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  senegal: {
+    keywords: [ "sn", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\uddf3",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  serbia: {
+    keywords: [ "rs", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf7\ud83c\uddf8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  seychelles: {
+    keywords: [ "sc", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\udde8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  sierra_leone: {
+    keywords: [ "sierra", "leone", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\uddf1",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  singapore: {
+    keywords: [ "sg", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\uddec",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  sint_maarten: {
+    keywords: [ "sint", "maarten", "dutch", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\uddfd",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  slovakia: {
+    keywords: [ "sk", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\uddf0",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  slovenia: {
+    keywords: [ "si", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\uddee",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  solomon_islands: {
+    keywords: [ "solomon", "islands", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\udde7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  somalia: {
+    keywords: [ "so", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\uddf4",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  south_africa: {
+    keywords: [ "south", "africa", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddff\ud83c\udde6",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  south_georgia_south_sandwich_islands: {
+    keywords: [ "south", "georgia", "sandwich", "islands", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddec\ud83c\uddf8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  kr: {
+    keywords: [ "south", "korea", "nation", "flag", "country", "banner" ],
+    "char": "\ud83c\uddf0\ud83c\uddf7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  south_sudan: {
+    keywords: [ "south", "sd", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\uddf8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  es: {
+    keywords: [ "spain", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddea\ud83c\uddf8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  sri_lanka: {
+    keywords: [ "sri", "lanka", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf1\ud83c\uddf0",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  sudan: {
+    keywords: [ "sd", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\udde9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  suriname: {
+    keywords: [ "sr", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\uddf7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  swaziland: {
+    keywords: [ "sz", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\uddff",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  sweden: {
+    keywords: [ "se", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\uddea",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  switzerland: {
+    keywords: [ "ch", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde8\ud83c\udded",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  syria: {
+    keywords: [ "syrian", "arab", "republic", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf8\ud83c\uddfe",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  taiwan: {
+    keywords: [ "tw", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf9\ud83c\uddfc",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  tajikistan: {
+    keywords: [ "tj", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf9\ud83c\uddef",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  tanzania: {
+    keywords: [ "tanzania,", "united", "republic", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf9\ud83c\uddff",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  thailand: {
+    keywords: [ "th", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf9\ud83c\udded",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  timor_leste: {
+    keywords: [ "timor", "leste", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf9\ud83c\uddf1",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  togo: {
+    keywords: [ "tg", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf9\ud83c\uddec",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  tokelau: {
+    keywords: [ "tk", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf9\ud83c\uddf0",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  tonga: {
+    keywords: [ "to", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf9\ud83c\uddf4",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  trinidad_tobago: {
+    keywords: [ "trinidad", "tobago", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf9\ud83c\uddf9",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  tunisia: {
+    keywords: [ "tn", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf9\ud83c\uddf3",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  tr: {
+    keywords: [ "turkey", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf9\ud83c\uddf7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  turkmenistan: {
+    keywords: [ "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf9\ud83c\uddf2",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  turks_caicos_islands: {
+    keywords: [ "turks", "caicos", "islands", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf9\ud83c\udde8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  tuvalu: {
+    keywords: [ "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddf9\ud83c\uddfb",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  uganda: {
+    keywords: [ "ug", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddfa\ud83c\uddec",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  ukraine: {
+    keywords: [ "ua", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddfa\ud83c\udde6",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  united_arab_emirates: {
+    keywords: [ "united", "arab", "emirates", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\udde6\ud83c\uddea",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  uk: {
+    keywords: [ "united", "kingdom", "great", "britain", "northern", "ireland", "flag", "nation", "country", "banner", "british", "UK", "english", "england", "union jack" ],
+    "char": "\ud83c\uddec\ud83c\udde7",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  england: {
+    keywords: [ "flag", "english" ],
+    "char": "\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  scotland: {
+    keywords: [ "flag", "scottish" ],
+    "char": "\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc73\udb40\udc63\udb40\udc74\udb40\udc7f",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  wales: {
+    keywords: [ "flag", "welsh" ],
+    "char": "\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc77\udb40\udc6c\udb40\udc73\udb40\udc7f",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  us: {
+    keywords: [ "united", "states", "america", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddfa\ud83c\uddf8",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  us_virgin_islands: {
+    keywords: [ "virgin", "islands", "us", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddfb\ud83c\uddee",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  uruguay: {
+    keywords: [ "uy", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddfa\ud83c\uddfe",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  uzbekistan: {
+    keywords: [ "uz", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddfa\ud83c\uddff",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  vanuatu: {
+    keywords: [ "vu", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddfb\ud83c\uddfa",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  vatican_city: {
+    keywords: [ "vatican", "city", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddfb\ud83c\udde6",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  venezuela: {
+    keywords: [ "ve", "bolivarian", "republic", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddfb\ud83c\uddea",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  vietnam: {
+    keywords: [ "viet", "nam", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddfb\ud83c\uddf3",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  wallis_futuna: {
+    keywords: [ "wallis", "futuna", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddfc\ud83c\uddeb",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  western_sahara: {
+    keywords: [ "western", "sahara", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddea\ud83c\udded",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  yemen: {
+    keywords: [ "ye", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddfe\ud83c\uddea",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  zambia: {
+    keywords: [ "zm", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddff\ud83c\uddf2",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  zimbabwe: {
+    keywords: [ "zw", "flag", "nation", "country", "banner" ],
+    "char": "\ud83c\uddff\ud83c\uddfc",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  united_nations: {
+    keywords: [ "un", "flag", "banner" ],
+    "char": "\ud83c\uddfa\ud83c\uddf3",
+    fitzpatrick_scale: false,
+    category: "flags"
+  },
+  pirate_flag: {
+    keywords: [ "skull", "crossbones", "flag", "banner" ],
+    "char": "\ud83c\udff4\u200d\u2620\ufe0f",
+    fitzpatrick_scale: false,
+    category: "flags"
+  }
+});
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/emoticons/js/emojis.min.js b/src/assets/tinymce/plugins/emoticons/js/emojis.min.js
new file mode 100644
index 00000000..8295d5a5
--- /dev/null
+++ b/src/assets/tinymce/plugins/emoticons/js/emojis.min.js
@@ -0,0 +1,2 @@
+// Source: npm package: emojilib, file:emojis.json
+window.tinymce.Resource.add("tinymce.plugins.emoticons",{grinning:{keywords:["face","smile","happy","joy",":D","grin"],"char":"\ud83d\ude00",fitzpatrick_scale:!1,category:"people"},grimacing:{keywords:["face","grimace","teeth"],"char":"\ud83d\ude2c",fitzpatrick_scale:!1,category:"people"},grin:{keywords:["face","happy","smile","joy","kawaii"],"char":"\ud83d\ude01",fitzpatrick_scale:!1,category:"people"},joy:{keywords:["face","cry","tears","weep","happy","happytears","haha"],"char":"\ud83d\ude02",fitzpatrick_scale:!1,category:"people"},rofl:{keywords:["face","rolling","floor","laughing","lol","haha"],"char":"\ud83e\udd23",fitzpatrick_scale:!1,category:"people"},partying:{keywords:["face","celebration","woohoo"],"char":"\ud83e\udd73",fitzpatrick_scale:!1,category:"people"},smiley:{keywords:["face","happy","joy","haha",":D",":)","smile","funny"],"char":"\ud83d\ude03",fitzpatrick_scale:!1,category:"people"},smile:{keywords:["face","happy","joy","funny","haha","laugh","like",":D",":)"],"char":"\ud83d\ude04",fitzpatrick_scale:!1,category:"people"},sweat_smile:{keywords:["face","hot","happy","laugh","sweat","smile","relief"],"char":"\ud83d\ude05",fitzpatrick_scale:!1,category:"people"},laughing:{keywords:["happy","joy","lol","satisfied","haha","face","glad","XD","laugh"],"char":"\ud83d\ude06",fitzpatrick_scale:!1,category:"people"},innocent:{keywords:["face","angel","heaven","halo"],"char":"\ud83d\ude07",fitzpatrick_scale:!1,category:"people"},wink:{keywords:["face","happy","mischievous","secret",";)","smile","eye"],"char":"\ud83d\ude09",fitzpatrick_scale:!1,category:"people"},blush:{keywords:["face","smile","happy","flushed","crush","embarrassed","shy","joy"],"char":"\ud83d\ude0a",fitzpatrick_scale:!1,category:"people"},slightly_smiling_face:{keywords:["face","smile"],"char":"\ud83d\ude42",fitzpatrick_scale:!1,category:"people"},upside_down_face:{keywords:["face","flipped","silly","smile"],"char":"\ud83d\ude43",fitzpatrick_scale:!1,category:"people"},relaxed:{keywords:["face","blush","massage","happiness"],"char":"\u263a\ufe0f",fitzpatrick_scale:!1,category:"people"},yum:{keywords:["happy","joy","tongue","smile","face","silly","yummy","nom","delicious","savouring"],"char":"\ud83d\ude0b",fitzpatrick_scale:!1,category:"people"},relieved:{keywords:["face","relaxed","phew","massage","happiness"],"char":"\ud83d\ude0c",fitzpatrick_scale:!1,category:"people"},heart_eyes:{keywords:["face","love","like","affection","valentines","infatuation","crush","heart"],"char":"\ud83d\ude0d",fitzpatrick_scale:!1,category:"people"},smiling_face_with_three_hearts:{keywords:["face","love","like","affection","valentines","infatuation","crush","hearts","adore"],"char":"\ud83e\udd70",fitzpatrick_scale:!1,category:"people"},kissing_heart:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],"char":"\ud83d\ude18",fitzpatrick_scale:!1,category:"people"},kissing:{keywords:["love","like","face","3","valentines","infatuation","kiss"],"char":"\ud83d\ude17",fitzpatrick_scale:!1,category:"people"},kissing_smiling_eyes:{keywords:["face","affection","valentines","infatuation","kiss"],"char":"\ud83d\ude19",fitzpatrick_scale:!1,category:"people"},kissing_closed_eyes:{keywords:["face","love","like","affection","valentines","infatuation","kiss"],"char":"\ud83d\ude1a",fitzpatrick_scale:!1,category:"people"},stuck_out_tongue_winking_eye:{keywords:["face","prank","childish","playful","mischievous","smile","wink","tongue"],"char":"\ud83d\ude1c",fitzpatrick_scale:!1,category:"people"},zany:{keywords:["face","goofy","crazy"],"char":"\ud83e\udd2a",fitzpatrick_scale:!1,category:"people"},raised_eyebrow:{keywords:["face","distrust","scepticism","disapproval","disbelief","surprise"],"char":"\ud83e\udd28",fitzpatrick_scale:!1,category:"people"},monocle:{keywords:["face","stuffy","wealthy"],"char":"\ud83e\uddd0",fitzpatrick_scale:!1,category:"people"},stuck_out_tongue_closed_eyes:{keywords:["face","prank","playful","mischievous","smile","tongue"],"char":"\ud83d\ude1d",fitzpatrick_scale:!1,category:"people"},stuck_out_tongue:{keywords:["face","prank","childish","playful","mischievous","smile","tongue"],"char":"\ud83d\ude1b",fitzpatrick_scale:!1,category:"people"},money_mouth_face:{keywords:["face","rich","dollar","money"],"char":"\ud83e\udd11",fitzpatrick_scale:!1,category:"people"},nerd_face:{keywords:["face","nerdy","geek","dork"],"char":"\ud83e\udd13",fitzpatrick_scale:!1,category:"people"},sunglasses:{keywords:["face","cool","smile","summer","beach","sunglass"],"char":"\ud83d\ude0e",fitzpatrick_scale:!1,category:"people"},star_struck:{keywords:["face","smile","starry","eyes","grinning"],"char":"\ud83e\udd29",fitzpatrick_scale:!1,category:"people"},clown_face:{keywords:["face"],"char":"\ud83e\udd21",fitzpatrick_scale:!1,category:"people"},cowboy_hat_face:{keywords:["face","cowgirl","hat"],"char":"\ud83e\udd20",fitzpatrick_scale:!1,category:"people"},hugs:{keywords:["face","smile","hug"],"char":"\ud83e\udd17",fitzpatrick_scale:!1,category:"people"},smirk:{keywords:["face","smile","mean","prank","smug","sarcasm"],"char":"\ud83d\ude0f",fitzpatrick_scale:!1,category:"people"},no_mouth:{keywords:["face","hellokitty"],"char":"\ud83d\ude36",fitzpatrick_scale:!1,category:"people"},neutral_face:{keywords:["indifference","meh",":|","neutral"],"char":"\ud83d\ude10",fitzpatrick_scale:!1,category:"people"},expressionless:{keywords:["face","indifferent","-_-","meh","deadpan"],"char":"\ud83d\ude11",fitzpatrick_scale:!1,category:"people"},unamused:{keywords:["indifference","bored","straight face","serious","sarcasm","unimpressed","skeptical","dubious","side_eye"],"char":"\ud83d\ude12",fitzpatrick_scale:!1,category:"people"},roll_eyes:{keywords:["face","eyeroll","frustrated"],"char":"\ud83d\ude44",fitzpatrick_scale:!1,category:"people"},thinking:{keywords:["face","hmmm","think","consider"],"char":"\ud83e\udd14",fitzpatrick_scale:!1,category:"people"},lying_face:{keywords:["face","lie","pinocchio"],"char":"\ud83e\udd25",fitzpatrick_scale:!1,category:"people"},hand_over_mouth:{keywords:["face","whoops","shock","surprise"],"char":"\ud83e\udd2d",fitzpatrick_scale:!1,category:"people"},shushing:{keywords:["face","quiet","shhh"],"char":"\ud83e\udd2b",fitzpatrick_scale:!1,category:"people"},symbols_over_mouth:{keywords:["face","swearing","cursing","cussing","profanity","expletive"],"char":"\ud83e\udd2c",fitzpatrick_scale:!1,category:"people"},exploding_head:{keywords:["face","shocked","mind","blown"],"char":"\ud83e\udd2f",fitzpatrick_scale:!1,category:"people"},flushed:{keywords:["face","blush","shy","flattered"],"char":"\ud83d\ude33",fitzpatrick_scale:!1,category:"people"},disappointed:{keywords:["face","sad","upset","depressed",":("],"char":"\ud83d\ude1e",fitzpatrick_scale:!1,category:"people"},worried:{keywords:["face","concern","nervous",":("],"char":"\ud83d\ude1f",fitzpatrick_scale:!1,category:"people"},angry:{keywords:["mad","face","annoyed","frustrated"],"char":"\ud83d\ude20",fitzpatrick_scale:!1,category:"people"},rage:{keywords:["angry","mad","hate","despise"],"char":"\ud83d\ude21",fitzpatrick_scale:!1,category:"people"},pensive:{keywords:["face","sad","depressed","upset"],"char":"\ud83d\ude14",fitzpatrick_scale:!1,category:"people"},confused:{keywords:["face","indifference","huh","weird","hmmm",":/"],"char":"\ud83d\ude15",fitzpatrick_scale:!1,category:"people"},slightly_frowning_face:{keywords:["face","frowning","disappointed","sad","upset"],"char":"\ud83d\ude41",fitzpatrick_scale:!1,category:"people"},frowning_face:{keywords:["face","sad","upset","frown"],"char":"\u2639",fitzpatrick_scale:!1,category:"people"},persevere:{keywords:["face","sick","no","upset","oops"],"char":"\ud83d\ude23",fitzpatrick_scale:!1,category:"people"},confounded:{keywords:["face","confused","sick","unwell","oops",":S"],"char":"\ud83d\ude16",fitzpatrick_scale:!1,category:"people"},tired_face:{keywords:["sick","whine","upset","frustrated"],"char":"\ud83d\ude2b",fitzpatrick_scale:!1,category:"people"},weary:{keywords:["face","tired","sleepy","sad","frustrated","upset"],"char":"\ud83d\ude29",fitzpatrick_scale:!1,category:"people"},pleading:{keywords:["face","begging","mercy"],"char":"\ud83e\udd7a",fitzpatrick_scale:!1,category:"people"},triumph:{keywords:["face","gas","phew","proud","pride"],"char":"\ud83d\ude24",fitzpatrick_scale:!1,category:"people"},open_mouth:{keywords:["face","surprise","impressed","wow","whoa",":O"],"char":"\ud83d\ude2e",fitzpatrick_scale:!1,category:"people"},scream:{keywords:["face","munch","scared","omg"],"char":"\ud83d\ude31",fitzpatrick_scale:!1,category:"people"},fearful:{keywords:["face","scared","terrified","nervous","oops","huh"],"char":"\ud83d\ude28",fitzpatrick_scale:!1,category:"people"},cold_sweat:{keywords:["face","nervous","sweat"],"char":"\ud83d\ude30",fitzpatrick_scale:!1,category:"people"},hushed:{keywords:["face","woo","shh"],"char":"\ud83d\ude2f",fitzpatrick_scale:!1,category:"people"},frowning:{keywords:["face","aw","what"],"char":"\ud83d\ude26",fitzpatrick_scale:!1,category:"people"},anguished:{keywords:["face","stunned","nervous"],"char":"\ud83d\ude27",fitzpatrick_scale:!1,category:"people"},cry:{keywords:["face","tears","sad","depressed","upset",":'("],"char":"\ud83d\ude22",fitzpatrick_scale:!1,category:"people"},disappointed_relieved:{keywords:["face","phew","sweat","nervous"],"char":"\ud83d\ude25",fitzpatrick_scale:!1,category:"people"},drooling_face:{keywords:["face"],"char":"\ud83e\udd24",fitzpatrick_scale:!1,category:"people"},sleepy:{keywords:["face","tired","rest","nap"],"char":"\ud83d\ude2a",fitzpatrick_scale:!1,category:"people"},sweat:{keywords:["face","hot","sad","tired","exercise"],"char":"\ud83d\ude13",fitzpatrick_scale:!1,category:"people"},hot:{keywords:["face","feverish","heat","red","sweating"],"char":"\ud83e\udd75",fitzpatrick_scale:!1,category:"people"},cold:{keywords:["face","blue","freezing","frozen","frostbite","icicles"],"char":"\ud83e\udd76",fitzpatrick_scale:!1,category:"people"},sob:{keywords:["face","cry","tears","sad","upset","depressed"],"char":"\ud83d\ude2d",fitzpatrick_scale:!1,category:"people"},dizzy_face:{keywords:["spent","unconscious","xox","dizzy"],"char":"\ud83d\ude35",fitzpatrick_scale:!1,category:"people"},astonished:{keywords:["face","xox","surprised","poisoned"],"char":"\ud83d\ude32",fitzpatrick_scale:!1,category:"people"},zipper_mouth_face:{keywords:["face","sealed","zipper","secret"],"char":"\ud83e\udd10",fitzpatrick_scale:!1,category:"people"},nauseated_face:{keywords:["face","vomit","gross","green","sick","throw up","ill"],"char":"\ud83e\udd22",fitzpatrick_scale:!1,category:"people"},sneezing_face:{keywords:["face","gesundheit","sneeze","sick","allergy"],"char":"\ud83e\udd27",fitzpatrick_scale:!1,category:"people"},vomiting:{keywords:["face","sick"],"char":"\ud83e\udd2e",fitzpatrick_scale:!1,category:"people"},mask:{keywords:["face","sick","ill","disease"],"char":"\ud83d\ude37",fitzpatrick_scale:!1,category:"people"},face_with_thermometer:{keywords:["sick","temperature","thermometer","cold","fever"],"char":"\ud83e\udd12",fitzpatrick_scale:!1,category:"people"},face_with_head_bandage:{keywords:["injured","clumsy","bandage","hurt"],"char":"\ud83e\udd15",fitzpatrick_scale:!1,category:"people"},woozy:{keywords:["face","dizzy","intoxicated","tipsy","wavy"],"char":"\ud83e\udd74",fitzpatrick_scale:!1,category:"people"},sleeping:{keywords:["face","tired","sleepy","night","zzz"],"char":"\ud83d\ude34",fitzpatrick_scale:!1,category:"people"},zzz:{keywords:["sleepy","tired","dream"],"char":"\ud83d\udca4",fitzpatrick_scale:!1,category:"people"},poop:{keywords:["hankey","shitface","fail","turd","shit"],"char":"\ud83d\udca9",fitzpatrick_scale:!1,category:"people"},smiling_imp:{keywords:["devil","horns"],"char":"\ud83d\ude08",fitzpatrick_scale:!1,category:"people"},imp:{keywords:["devil","angry","horns"],"char":"\ud83d\udc7f",fitzpatrick_scale:!1,category:"people"},japanese_ogre:{keywords:["monster","red","mask","halloween","scary","creepy","devil","demon","japanese","ogre"],"char":"\ud83d\udc79",fitzpatrick_scale:!1,category:"people"},japanese_goblin:{keywords:["red","evil","mask","monster","scary","creepy","japanese","goblin"],"char":"\ud83d\udc7a",fitzpatrick_scale:!1,category:"people"},skull:{keywords:["dead","skeleton","creepy","death"],"char":"\ud83d\udc80",fitzpatrick_scale:!1,category:"people"},ghost:{keywords:["halloween","spooky","scary"],"char":"\ud83d\udc7b",fitzpatrick_scale:!1,category:"people"},alien:{keywords:["UFO","paul","weird","outer_space"],"char":"\ud83d\udc7d",fitzpatrick_scale:!1,category:"people"},robot:{keywords:["computer","machine","bot"],"char":"\ud83e\udd16",fitzpatrick_scale:!1,category:"people"},smiley_cat:{keywords:["animal","cats","happy","smile"],"char":"\ud83d\ude3a",fitzpatrick_scale:!1,category:"people"},smile_cat:{keywords:["animal","cats","smile"],"char":"\ud83d\ude38",fitzpatrick_scale:!1,category:"people"},joy_cat:{keywords:["animal","cats","haha","happy","tears"],"char":"\ud83d\ude39",fitzpatrick_scale:!1,category:"people"},heart_eyes_cat:{keywords:["animal","love","like","affection","cats","valentines","heart"],"char":"\ud83d\ude3b",fitzpatrick_scale:!1,category:"people"},smirk_cat:{keywords:["animal","cats","smirk"],"char":"\ud83d\ude3c",fitzpatrick_scale:!1,category:"people"},kissing_cat:{keywords:["animal","cats","kiss"],"char":"\ud83d\ude3d",fitzpatrick_scale:!1,category:"people"},scream_cat:{keywords:["animal","cats","munch","scared","scream"],"char":"\ud83d\ude40",fitzpatrick_scale:!1,category:"people"},crying_cat_face:{keywords:["animal","tears","weep","sad","cats","upset","cry"],"char":"\ud83d\ude3f",fitzpatrick_scale:!1,category:"people"},pouting_cat:{keywords:["animal","cats"],"char":"\ud83d\ude3e",fitzpatrick_scale:!1,category:"people"},palms_up:{keywords:["hands","gesture","cupped","prayer"],"char":"\ud83e\udd32",fitzpatrick_scale:!0,category:"people"},raised_hands:{keywords:["gesture","hooray","yea","celebration","hands"],"char":"\ud83d\ude4c",fitzpatrick_scale:!0,category:"people"},clap:{keywords:["hands","praise","applause","congrats","yay"],"char":"\ud83d\udc4f",fitzpatrick_scale:!0,category:"people"},wave:{keywords:["hands","gesture","goodbye","solong","farewell","hello","hi","palm"],"char":"\ud83d\udc4b",fitzpatrick_scale:!0,category:"people"},call_me_hand:{keywords:["hands","gesture"],"char":"\ud83e\udd19",fitzpatrick_scale:!0,category:"people"},"+1":{keywords:["thumbsup","yes","awesome","good","agree","accept","cool","hand","like"],"char":"\ud83d\udc4d",fitzpatrick_scale:!0,category:"people"},"-1":{keywords:["thumbsdown","no","dislike","hand"],"char":"\ud83d\udc4e",fitzpatrick_scale:!0,category:"people"},facepunch:{keywords:["angry","violence","fist","hit","attack","hand"],"char":"\ud83d\udc4a",fitzpatrick_scale:!0,category:"people"},fist:{keywords:["fingers","hand","grasp"],"char":"\u270a",fitzpatrick_scale:!0,category:"people"},fist_left:{keywords:["hand","fistbump"],"char":"\ud83e\udd1b",fitzpatrick_scale:!0,category:"people"},fist_right:{keywords:["hand","fistbump"],"char":"\ud83e\udd1c",fitzpatrick_scale:!0,category:"people"},v:{keywords:["fingers","ohyeah","hand","peace","victory","two"],"char":"\u270c",fitzpatrick_scale:!0,category:"people"},ok_hand:{keywords:["fingers","limbs","perfect","ok","okay"],"char":"\ud83d\udc4c",fitzpatrick_scale:!0,category:"people"},raised_hand:{keywords:["fingers","stop","highfive","palm","ban"],"char":"\u270b",fitzpatrick_scale:!0,category:"people"},raised_back_of_hand:{keywords:["fingers","raised","backhand"],"char":"\ud83e\udd1a",fitzpatrick_scale:!0,category:"people"},open_hands:{keywords:["fingers","butterfly","hands","open"],"char":"\ud83d\udc50",fitzpatrick_scale:!0,category:"people"},muscle:{keywords:["arm","flex","hand","summer","strong","biceps"],"char":"\ud83d\udcaa",fitzpatrick_scale:!0,category:"people"},pray:{keywords:["please","hope","wish","namaste","highfive"],"char":"\ud83d\ude4f",fitzpatrick_scale:!0,category:"people"},foot:{keywords:["kick","stomp"],"char":"\ud83e\uddb6",fitzpatrick_scale:!0,category:"people"},leg:{keywords:["kick","limb"],"char":"\ud83e\uddb5",fitzpatrick_scale:!0,category:"people"},handshake:{keywords:["agreement","shake"],"char":"\ud83e\udd1d",fitzpatrick_scale:!1,category:"people"},point_up:{keywords:["hand","fingers","direction","up"],"char":"\u261d",fitzpatrick_scale:!0,category:"people"},point_up_2:{keywords:["fingers","hand","direction","up"],"char":"\ud83d\udc46",fitzpatrick_scale:!0,category:"people"},point_down:{keywords:["fingers","hand","direction","down"],"char":"\ud83d\udc47",fitzpatrick_scale:!0,category:"people"},point_left:{keywords:["direction","fingers","hand","left"],"char":"\ud83d\udc48",fitzpatrick_scale:!0,category:"people"},point_right:{keywords:["fingers","hand","direction","right"],"char":"\ud83d\udc49",fitzpatrick_scale:!0,category:"people"},fu:{keywords:["hand","fingers","rude","middle","flipping"],"char":"\ud83d\udd95",fitzpatrick_scale:!0,category:"people"},raised_hand_with_fingers_splayed:{keywords:["hand","fingers","palm"],"char":"\ud83d\udd90",fitzpatrick_scale:!0,category:"people"},love_you:{keywords:["hand","fingers","gesture"],"char":"\ud83e\udd1f",fitzpatrick_scale:!0,category:"people"},metal:{keywords:["hand","fingers","evil_eye","sign_of_horns","rock_on"],"char":"\ud83e\udd18",fitzpatrick_scale:!0,category:"people"},crossed_fingers:{keywords:["good","lucky"],"char":"\ud83e\udd1e",fitzpatrick_scale:!0,category:"people"},vulcan_salute:{keywords:["hand","fingers","spock","star trek"],"char":"\ud83d\udd96",fitzpatrick_scale:!0,category:"people"},writing_hand:{keywords:["lower_left_ballpoint_pen","stationery","write","compose"],"char":"\u270d",fitzpatrick_scale:!0,category:"people"},selfie:{keywords:["camera","phone"],"char":"\ud83e\udd33",fitzpatrick_scale:!0,category:"people"},nail_care:{keywords:["beauty","manicure","finger","fashion","nail"],"char":"\ud83d\udc85",fitzpatrick_scale:!0,category:"people"},lips:{keywords:["mouth","kiss"],"char":"\ud83d\udc44",fitzpatrick_scale:!1,category:"people"},tooth:{keywords:["teeth","dentist"],"char":"\ud83e\uddb7",fitzpatrick_scale:!1,category:"people"},tongue:{keywords:["mouth","playful"],"char":"\ud83d\udc45",fitzpatrick_scale:!1,category:"people"},ear:{keywords:["face","hear","sound","listen"],"char":"\ud83d\udc42",fitzpatrick_scale:!0,category:"people"},nose:{keywords:["smell","sniff"],"char":"\ud83d\udc43",fitzpatrick_scale:!0,category:"people"},eye:{keywords:["face","look","see","watch","stare"],"char":"\ud83d\udc41",fitzpatrick_scale:!1,category:"people"},eyes:{keywords:["look","watch","stalk","peek","see"],"char":"\ud83d\udc40",fitzpatrick_scale:!1,category:"people"},brain:{keywords:["smart","intelligent"],"char":"\ud83e\udde0",fitzpatrick_scale:!1,category:"people"},bust_in_silhouette:{keywords:["user","person","human"],"char":"\ud83d\udc64",fitzpatrick_scale:!1,category:"people"},busts_in_silhouette:{keywords:["user","person","human","group","team"],"char":"\ud83d\udc65",fitzpatrick_scale:!1,category:"people"},speaking_head:{keywords:["user","person","human","sing","say","talk"],"char":"\ud83d\udde3",fitzpatrick_scale:!1,category:"people"},baby:{keywords:["child","boy","girl","toddler"],"char":"\ud83d\udc76",fitzpatrick_scale:!0,category:"people"},child:{keywords:["gender-neutral","young"],"char":"\ud83e\uddd2",fitzpatrick_scale:!0,category:"people"},boy:{keywords:["man","male","guy","teenager"],"char":"\ud83d\udc66",fitzpatrick_scale:!0,category:"people"},girl:{keywords:["female","woman","teenager"],"char":"\ud83d\udc67",fitzpatrick_scale:!0,category:"people"},adult:{keywords:["gender-neutral","person"],"char":"\ud83e\uddd1",fitzpatrick_scale:!0,category:"people"},man:{keywords:["mustache","father","dad","guy","classy","sir","moustache"],"char":"\ud83d\udc68",fitzpatrick_scale:!0,category:"people"},woman:{keywords:["female","girls","lady"],"char":"\ud83d\udc69",fitzpatrick_scale:!0,category:"people"},blonde_woman:{keywords:["woman","female","girl","blonde","person"],"char":"\ud83d\udc71\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},blonde_man:{keywords:["man","male","boy","blonde","guy","person"],"char":"\ud83d\udc71",fitzpatrick_scale:!0,category:"people"},bearded_person:{keywords:["person","bewhiskered"],"char":"\ud83e\uddd4",fitzpatrick_scale:!0,category:"people"},older_adult:{keywords:["human","elder","senior","gender-neutral"],"char":"\ud83e\uddd3",fitzpatrick_scale:!0,category:"people"},older_man:{keywords:["human","male","men","old","elder","senior"],"char":"\ud83d\udc74",fitzpatrick_scale:!0,category:"people"},older_woman:{keywords:["human","female","women","lady","old","elder","senior"],"char":"\ud83d\udc75",fitzpatrick_scale:!0,category:"people"},man_with_gua_pi_mao:{keywords:["male","boy","chinese"],"char":"\ud83d\udc72",fitzpatrick_scale:!0,category:"people"},woman_with_headscarf:{keywords:["female","hijab","mantilla","tichel"],"char":"\ud83e\uddd5",fitzpatrick_scale:!0,category:"people"},woman_with_turban:{keywords:["female","indian","hinduism","arabs","woman"],"char":"\ud83d\udc73\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_with_turban:{keywords:["male","indian","hinduism","arabs"],"char":"\ud83d\udc73",fitzpatrick_scale:!0,category:"people"},policewoman:{keywords:["woman","police","law","legal","enforcement","arrest","911","female"],"char":"\ud83d\udc6e\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},policeman:{keywords:["man","police","law","legal","enforcement","arrest","911"],"char":"\ud83d\udc6e",fitzpatrick_scale:!0,category:"people"},construction_worker_woman:{keywords:["female","human","wip","build","construction","worker","labor","woman"],"char":"\ud83d\udc77\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},construction_worker_man:{keywords:["male","human","wip","guy","build","construction","worker","labor"],"char":"\ud83d\udc77",fitzpatrick_scale:!0,category:"people"},guardswoman:{keywords:["uk","gb","british","female","royal","woman"],"char":"\ud83d\udc82\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},guardsman:{keywords:["uk","gb","british","male","guy","royal"],"char":"\ud83d\udc82",fitzpatrick_scale:!0,category:"people"},female_detective:{keywords:["human","spy","detective","female","woman"],"char":"\ud83d\udd75\ufe0f\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},male_detective:{keywords:["human","spy","detective"],"char":"\ud83d\udd75",fitzpatrick_scale:!0,category:"people"},woman_health_worker:{keywords:["doctor","nurse","therapist","healthcare","woman","human"],"char":"\ud83d\udc69\u200d\u2695\ufe0f",fitzpatrick_scale:!0,category:"people"},man_health_worker:{keywords:["doctor","nurse","therapist","healthcare","man","human"],"char":"\ud83d\udc68\u200d\u2695\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_farmer:{keywords:["rancher","gardener","woman","human"],"char":"\ud83d\udc69\u200d\ud83c\udf3e",fitzpatrick_scale:!0,category:"people"},man_farmer:{keywords:["rancher","gardener","man","human"],"char":"\ud83d\udc68\u200d\ud83c\udf3e",fitzpatrick_scale:!0,category:"people"},woman_cook:{keywords:["chef","woman","human"],"char":"\ud83d\udc69\u200d\ud83c\udf73",fitzpatrick_scale:!0,category:"people"},man_cook:{keywords:["chef","man","human"],"char":"\ud83d\udc68\u200d\ud83c\udf73",fitzpatrick_scale:!0,category:"people"},woman_student:{keywords:["graduate","woman","human"],"char":"\ud83d\udc69\u200d\ud83c\udf93",fitzpatrick_scale:!0,category:"people"},man_student:{keywords:["graduate","man","human"],"char":"\ud83d\udc68\u200d\ud83c\udf93",fitzpatrick_scale:!0,category:"people"},woman_singer:{keywords:["rockstar","entertainer","woman","human"],"char":"\ud83d\udc69\u200d\ud83c\udfa4",fitzpatrick_scale:!0,category:"people"},man_singer:{keywords:["rockstar","entertainer","man","human"],"char":"\ud83d\udc68\u200d\ud83c\udfa4",fitzpatrick_scale:!0,category:"people"},woman_teacher:{keywords:["instructor","professor","woman","human"],"char":"\ud83d\udc69\u200d\ud83c\udfeb",fitzpatrick_scale:!0,category:"people"},man_teacher:{keywords:["instructor","professor","man","human"],"char":"\ud83d\udc68\u200d\ud83c\udfeb",fitzpatrick_scale:!0,category:"people"},woman_factory_worker:{keywords:["assembly","industrial","woman","human"],"char":"\ud83d\udc69\u200d\ud83c\udfed",fitzpatrick_scale:!0,category:"people"},man_factory_worker:{keywords:["assembly","industrial","man","human"],"char":"\ud83d\udc68\u200d\ud83c\udfed",fitzpatrick_scale:!0,category:"people"},woman_technologist:{keywords:["coder","developer","engineer","programmer","software","woman","human","laptop","computer"],"char":"\ud83d\udc69\u200d\ud83d\udcbb",fitzpatrick_scale:!0,category:"people"},man_technologist:{keywords:["coder","developer","engineer","programmer","software","man","human","laptop","computer"],"char":"\ud83d\udc68\u200d\ud83d\udcbb",fitzpatrick_scale:!0,category:"people"},woman_office_worker:{keywords:["business","manager","woman","human"],"char":"\ud83d\udc69\u200d\ud83d\udcbc",fitzpatrick_scale:!0,category:"people"},man_office_worker:{keywords:["business","manager","man","human"],"char":"\ud83d\udc68\u200d\ud83d\udcbc",fitzpatrick_scale:!0,category:"people"},woman_mechanic:{keywords:["plumber","woman","human","wrench"],"char":"\ud83d\udc69\u200d\ud83d\udd27",fitzpatrick_scale:!0,category:"people"},man_mechanic:{keywords:["plumber","man","human","wrench"],"char":"\ud83d\udc68\u200d\ud83d\udd27",fitzpatrick_scale:!0,category:"people"},woman_scientist:{keywords:["biologist","chemist","engineer","physicist","woman","human"],"char":"\ud83d\udc69\u200d\ud83d\udd2c",fitzpatrick_scale:!0,category:"people"},man_scientist:{keywords:["biologist","chemist","engineer","physicist","man","human"],"char":"\ud83d\udc68\u200d\ud83d\udd2c",fitzpatrick_scale:!0,category:"people"},woman_artist:{keywords:["painter","woman","human"],"char":"\ud83d\udc69\u200d\ud83c\udfa8",fitzpatrick_scale:!0,category:"people"},man_artist:{keywords:["painter","man","human"],"char":"\ud83d\udc68\u200d\ud83c\udfa8",fitzpatrick_scale:!0,category:"people"},woman_firefighter:{keywords:["fireman","woman","human"],"char":"\ud83d\udc69\u200d\ud83d\ude92",fitzpatrick_scale:!0,category:"people"},man_firefighter:{keywords:["fireman","man","human"],"char":"\ud83d\udc68\u200d\ud83d\ude92",fitzpatrick_scale:!0,category:"people"},woman_pilot:{keywords:["aviator","plane","woman","human"],"char":"\ud83d\udc69\u200d\u2708\ufe0f",fitzpatrick_scale:!0,category:"people"},man_pilot:{keywords:["aviator","plane","man","human"],"char":"\ud83d\udc68\u200d\u2708\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_astronaut:{keywords:["space","rocket","woman","human"],"char":"\ud83d\udc69\u200d\ud83d\ude80",fitzpatrick_scale:!0,category:"people"},man_astronaut:{keywords:["space","rocket","man","human"],"char":"\ud83d\udc68\u200d\ud83d\ude80",fitzpatrick_scale:!0,category:"people"},woman_judge:{keywords:["justice","court","woman","human"],"char":"\ud83d\udc69\u200d\u2696\ufe0f",fitzpatrick_scale:!0,category:"people"},man_judge:{keywords:["justice","court","man","human"],"char":"\ud83d\udc68\u200d\u2696\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_superhero:{keywords:["woman","female","good","heroine","superpowers"],"char":"\ud83e\uddb8\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_superhero:{keywords:["man","male","good","hero","superpowers"],"char":"\ud83e\uddb8\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_supervillain:{keywords:["woman","female","evil","bad","criminal","heroine","superpowers"],"char":"\ud83e\uddb9\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_supervillain:{keywords:["man","male","evil","bad","criminal","hero","superpowers"],"char":"\ud83e\uddb9\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},mrs_claus:{keywords:["woman","female","xmas","mother christmas"],"char":"\ud83e\udd36",fitzpatrick_scale:!0,category:"people"},santa:{keywords:["festival","man","male","xmas","father christmas"],"char":"\ud83c\udf85",fitzpatrick_scale:!0,category:"people"},sorceress:{keywords:["woman","female","mage","witch"],"char":"\ud83e\uddd9\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},wizard:{keywords:["man","male","mage","sorcerer"],"char":"\ud83e\uddd9\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_elf:{keywords:["woman","female"],"char":"\ud83e\udddd\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_elf:{keywords:["man","male"],"char":"\ud83e\udddd\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_vampire:{keywords:["woman","female"],"char":"\ud83e\udddb\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_vampire:{keywords:["man","male","dracula"],"char":"\ud83e\udddb\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_zombie:{keywords:["woman","female","undead","walking dead"],"char":"\ud83e\udddf\u200d\u2640\ufe0f",fitzpatrick_scale:!1,category:"people"},man_zombie:{keywords:["man","male","dracula","undead","walking dead"],"char":"\ud83e\udddf\u200d\u2642\ufe0f",fitzpatrick_scale:!1,category:"people"},woman_genie:{keywords:["woman","female"],"char":"\ud83e\uddde\u200d\u2640\ufe0f",fitzpatrick_scale:!1,category:"people"},man_genie:{keywords:["man","male"],"char":"\ud83e\uddde\u200d\u2642\ufe0f",fitzpatrick_scale:!1,category:"people"},mermaid:{keywords:["woman","female","merwoman","ariel"],"char":"\ud83e\udddc\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},merman:{keywords:["man","male","triton"],"char":"\ud83e\udddc\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_fairy:{keywords:["woman","female"],"char":"\ud83e\uddda\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_fairy:{keywords:["man","male"],"char":"\ud83e\uddda\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},angel:{keywords:["heaven","wings","halo"],"char":"\ud83d\udc7c",fitzpatrick_scale:!0,category:"people"},pregnant_woman:{keywords:["baby"],"char":"\ud83e\udd30",fitzpatrick_scale:!0,category:"people"},breastfeeding:{keywords:["nursing","baby"],"char":"\ud83e\udd31",fitzpatrick_scale:!0,category:"people"},princess:{keywords:["girl","woman","female","blond","crown","royal","queen"],"char":"\ud83d\udc78",fitzpatrick_scale:!0,category:"people"},prince:{keywords:["boy","man","male","crown","royal","king"],"char":"\ud83e\udd34",fitzpatrick_scale:!0,category:"people"},bride_with_veil:{keywords:["couple","marriage","wedding","woman","bride"],"char":"\ud83d\udc70",fitzpatrick_scale:!0,category:"people"},man_in_tuxedo:{keywords:["couple","marriage","wedding","groom"],"char":"\ud83e\udd35",fitzpatrick_scale:!0,category:"people"},running_woman:{keywords:["woman","walking","exercise","race","running","female"],"char":"\ud83c\udfc3\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},running_man:{keywords:["man","walking","exercise","race","running"],"char":"\ud83c\udfc3",fitzpatrick_scale:!0,category:"people"},walking_woman:{keywords:["human","feet","steps","woman","female"],"char":"\ud83d\udeb6\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},walking_man:{keywords:["human","feet","steps"],"char":"\ud83d\udeb6",fitzpatrick_scale:!0,category:"people"},dancer:{keywords:["female","girl","woman","fun"],"char":"\ud83d\udc83",fitzpatrick_scale:!0,category:"people"},man_dancing:{keywords:["male","boy","fun","dancer"],"char":"\ud83d\udd7a",fitzpatrick_scale:!0,category:"people"},dancing_women:{keywords:["female","bunny","women","girls"],"char":"\ud83d\udc6f",fitzpatrick_scale:!1,category:"people"},dancing_men:{keywords:["male","bunny","men","boys"],"char":"\ud83d\udc6f\u200d\u2642\ufe0f",fitzpatrick_scale:!1,category:"people"},couple:{keywords:["pair","people","human","love","date","dating","like","affection","valentines","marriage"],"char":"\ud83d\udc6b",fitzpatrick_scale:!1,category:"people"},two_men_holding_hands:{keywords:["pair","couple","love","like","bromance","friendship","people","human"],"char":"\ud83d\udc6c",fitzpatrick_scale:!1,category:"people"},two_women_holding_hands:{keywords:["pair","friendship","couple","love","like","female","people","human"],"char":"\ud83d\udc6d",fitzpatrick_scale:!1,category:"people"},bowing_woman:{keywords:["woman","female","girl"],"char":"\ud83d\ude47\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},bowing_man:{keywords:["man","male","boy"],"char":"\ud83d\ude47",fitzpatrick_scale:!0,category:"people"},man_facepalming:{keywords:["man","male","boy","disbelief"],"char":"\ud83e\udd26\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_facepalming:{keywords:["woman","female","girl","disbelief"],"char":"\ud83e\udd26\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_shrugging:{keywords:["woman","female","girl","confused","indifferent","doubt"],"char":"\ud83e\udd37",fitzpatrick_scale:!0,category:"people"},man_shrugging:{keywords:["man","male","boy","confused","indifferent","doubt"],"char":"\ud83e\udd37\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},tipping_hand_woman:{keywords:["female","girl","woman","human","information"],"char":"\ud83d\udc81",fitzpatrick_scale:!0,category:"people"},tipping_hand_man:{keywords:["male","boy","man","human","information"],"char":"\ud83d\udc81\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},no_good_woman:{keywords:["female","girl","woman","nope"],"char":"\ud83d\ude45",fitzpatrick_scale:!0,category:"people"},no_good_man:{keywords:["male","boy","man","nope"],"char":"\ud83d\ude45\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},ok_woman:{keywords:["women","girl","female","pink","human","woman"],"char":"\ud83d\ude46",fitzpatrick_scale:!0,category:"people"},ok_man:{keywords:["men","boy","male","blue","human","man"],"char":"\ud83d\ude46\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},raising_hand_woman:{keywords:["female","girl","woman"],"char":"\ud83d\ude4b",fitzpatrick_scale:!0,category:"people"},raising_hand_man:{keywords:["male","boy","man"],"char":"\ud83d\ude4b\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},pouting_woman:{keywords:["female","girl","woman"],"char":"\ud83d\ude4e",fitzpatrick_scale:!0,category:"people"},pouting_man:{keywords:["male","boy","man"],"char":"\ud83d\ude4e\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},frowning_woman:{keywords:["female","girl","woman","sad","depressed","discouraged","unhappy"],"char":"\ud83d\ude4d",fitzpatrick_scale:!0,category:"people"},frowning_man:{keywords:["male","boy","man","sad","depressed","discouraged","unhappy"],"char":"\ud83d\ude4d\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},haircut_woman:{keywords:["female","girl","woman"],"char":"\ud83d\udc87",fitzpatrick_scale:!0,category:"people"},haircut_man:{keywords:["male","boy","man"],"char":"\ud83d\udc87\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},massage_woman:{keywords:["female","girl","woman","head"],"char":"\ud83d\udc86",fitzpatrick_scale:!0,category:"people"},massage_man:{keywords:["male","boy","man","head"],"char":"\ud83d\udc86\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},woman_in_steamy_room:{keywords:["female","woman","spa","steamroom","sauna"],"char":"\ud83e\uddd6\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"people"},man_in_steamy_room:{keywords:["male","man","spa","steamroom","sauna"],"char":"\ud83e\uddd6\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"people"},couple_with_heart_woman_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],"char":"\ud83d\udc91",fitzpatrick_scale:!1,category:"people"},couple_with_heart_woman_woman:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],"char":"\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud83d\udc69",fitzpatrick_scale:!1,category:"people"},couple_with_heart_man_man:{keywords:["pair","love","like","affection","human","dating","valentines","marriage"],"char":"\ud83d\udc68\u200d\u2764\ufe0f\u200d\ud83d\udc68",fitzpatrick_scale:!1,category:"people"},couplekiss_man_woman:{keywords:["pair","valentines","love","like","dating","marriage"],"char":"\ud83d\udc8f",fitzpatrick_scale:!1,category:"people"},couplekiss_woman_woman:{keywords:["pair","valentines","love","like","dating","marriage"],"char":"\ud83d\udc69\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc69",fitzpatrick_scale:!1,category:"people"},couplekiss_man_man:{keywords:["pair","valentines","love","like","dating","marriage"],"char":"\ud83d\udc68\u200d\u2764\ufe0f\u200d\ud83d\udc8b\u200d\ud83d\udc68",fitzpatrick_scale:!1,category:"people"},family_man_woman_boy:{keywords:["home","parents","child","mom","dad","father","mother","people","human"],"char":"\ud83d\udc6a",fitzpatrick_scale:!1,category:"people"},family_man_woman_girl:{keywords:["home","parents","people","human","child"],"char":"\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67",fitzpatrick_scale:!1,category:"people"},family_man_woman_girl_boy:{keywords:["home","parents","people","human","children"],"char":"\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66",fitzpatrick_scale:!1,category:"people"},family_man_woman_boy_boy:{keywords:["home","parents","people","human","children"],"char":"\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66",fitzpatrick_scale:!1,category:"people"},family_man_woman_girl_girl:{keywords:["home","parents","people","human","children"],"char":"\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc67",fitzpatrick_scale:!1,category:"people"},family_woman_woman_boy:{keywords:["home","parents","people","human","children"],"char":"\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc66",fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl:{keywords:["home","parents","people","human","children"],"char":"\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc67",fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl_boy:{keywords:["home","parents","people","human","children"],"char":"\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66",fitzpatrick_scale:!1,category:"people"},family_woman_woman_boy_boy:{keywords:["home","parents","people","human","children"],"char":"\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66",fitzpatrick_scale:!1,category:"people"},family_woman_woman_girl_girl:{keywords:["home","parents","people","human","children"],"char":"\ud83d\udc69\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc67",fitzpatrick_scale:!1,category:"people"},family_man_man_boy:{keywords:["home","parents","people","human","children"],"char":"\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc66",fitzpatrick_scale:!1,category:"people"},family_man_man_girl:{keywords:["home","parents","people","human","children"],"char":"\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc67",fitzpatrick_scale:!1,category:"people"},family_man_man_girl_boy:{keywords:["home","parents","people","human","children"],"char":"\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d\udc66",fitzpatrick_scale:!1,category:"people"},family_man_man_boy_boy:{keywords:["home","parents","people","human","children"],"char":"\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc66\u200d\ud83d\udc66",fitzpatrick_scale:!1,category:"people"},family_man_man_girl_girl:{keywords:["home","parents","people","human","children"],"char":"\ud83d\udc68\u200d\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d\udc67",fitzpatrick_scale:!1,category:"people"},family_woman_boy:{keywords:["home","parent","people","human","child"],"char":"\ud83d\udc69\u200d\ud83d\udc66",fitzpatrick_scale:!1,category:"people"},family_woman_girl:{keywords:["home","parent","people","human","child"],"char":"\ud83d\udc69\u200d\ud83d\udc67",fitzpatrick_scale:!1,category:"people"},family_woman_girl_boy:{keywords:["home","parent","people","human","children"],"char":"\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66",fitzpatrick_scale:!1,category:"people"},family_woman_boy_boy:{keywords:["home","parent","people","human","children"],"char":"\ud83d\udc69\u200d\ud83d\udc66\u200d\ud83d\udc66",fitzpatrick_scale:!1,category:"people"},family_woman_girl_girl:{keywords:["home","parent","people","human","children"],"char":"\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc67",fitzpatrick_scale:!1,category:"people"},family_man_boy:{keywords:["home","parent","people","human","child"],"char":"\ud83d\udc68\u200d\ud83d\udc66",fitzpatrick_scale:!1,category:"people"},family_man_girl:{keywords:["home","parent","people","human","child"],"char":"\ud83d\udc68\u200d\ud83d\udc67",fitzpatrick_scale:!1,category:"people"},family_man_girl_boy:{keywords:["home","parent","people","human","children"],"char":"\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d\udc66",fitzpatrick_scale:!1,category:"people"},family_man_boy_boy:{keywords:["home","parent","people","human","children"],"char":"\ud83d\udc68\u200d\ud83d\udc66\u200d\ud83d\udc66",fitzpatrick_scale:!1,category:"people"},family_man_girl_girl:{keywords:["home","parent","people","human","children"],"char":"\ud83d\udc68\u200d\ud83d\udc67\u200d\ud83d\udc67",fitzpatrick_scale:!1,category:"people"},yarn:{keywords:["ball","crochet","knit"],"char":"\ud83e\uddf6",fitzpatrick_scale:!1,category:"people"},thread:{keywords:["needle","sewing","spool","string"],"char":"\ud83e\uddf5",fitzpatrick_scale:!1,category:"people"},coat:{keywords:["jacket"],"char":"\ud83e\udde5",fitzpatrick_scale:!1,category:"people"},labcoat:{keywords:["doctor","experiment","scientist","chemist"],"char":"\ud83e\udd7c",fitzpatrick_scale:!1,category:"people"},womans_clothes:{keywords:["fashion","shopping_bags","female"],"char":"\ud83d\udc5a",fitzpatrick_scale:!1,category:"people"},tshirt:{keywords:["fashion","cloth","casual","shirt","tee"],"char":"\ud83d\udc55",fitzpatrick_scale:!1,category:"people"},jeans:{keywords:["fashion","shopping"],"char":"\ud83d\udc56",fitzpatrick_scale:!1,category:"people"},necktie:{keywords:["shirt","suitup","formal","fashion","cloth","business"],"char":"\ud83d\udc54",fitzpatrick_scale:!1,category:"people"},dress:{keywords:["clothes","fashion","shopping"],"char":"\ud83d\udc57",fitzpatrick_scale:!1,category:"people"},bikini:{keywords:["swimming","female","woman","girl","fashion","beach","summer"],"char":"\ud83d\udc59",fitzpatrick_scale:!1,category:"people"},kimono:{keywords:["dress","fashion","women","female","japanese"],"char":"\ud83d\udc58",fitzpatrick_scale:!1,category:"people"},lipstick:{keywords:["female","girl","fashion","woman"],"char":"\ud83d\udc84",fitzpatrick_scale:!1,category:"people"},kiss:{keywords:["face","lips","love","like","affection","valentines"],"char":"\ud83d\udc8b",fitzpatrick_scale:!1,category:"people"},footprints:{keywords:["feet","tracking","walking","beach"],"char":"\ud83d\udc63",fitzpatrick_scale:!1,category:"people"},flat_shoe:{keywords:["ballet","slip-on","slipper"],"char":"\ud83e\udd7f",fitzpatrick_scale:!1,category:"people"},high_heel:{keywords:["fashion","shoes","female","pumps","stiletto"],"char":"\ud83d\udc60",fitzpatrick_scale:!1,category:"people"},sandal:{keywords:["shoes","fashion","flip flops"],"char":"\ud83d\udc61",fitzpatrick_scale:!1,category:"people"},boot:{keywords:["shoes","fashion"],"char":"\ud83d\udc62",fitzpatrick_scale:!1,category:"people"},mans_shoe:{keywords:["fashion","male"],"char":"\ud83d\udc5e",fitzpatrick_scale:!1,category:"people"},athletic_shoe:{keywords:["shoes","sports","sneakers"],"char":"\ud83d\udc5f",fitzpatrick_scale:!1,category:"people"},hiking_boot:{keywords:["backpacking","camping","hiking"],"char":"\ud83e\udd7e",fitzpatrick_scale:!1,category:"people"},socks:{keywords:["stockings","clothes"],"char":"\ud83e\udde6",fitzpatrick_scale:!1,category:"people"},gloves:{keywords:["hands","winter","clothes"],"char":"\ud83e\udde4",fitzpatrick_scale:!1,category:"people"},scarf:{keywords:["neck","winter","clothes"],"char":"\ud83e\udde3",fitzpatrick_scale:!1,category:"people"},womans_hat:{keywords:["fashion","accessories","female","lady","spring"],"char":"\ud83d\udc52",fitzpatrick_scale:!1,category:"people"},tophat:{keywords:["magic","gentleman","classy","circus"],"char":"\ud83c\udfa9",fitzpatrick_scale:!1,category:"people"},billed_hat:{keywords:["cap","baseball"],"char":"\ud83e\udde2",fitzpatrick_scale:!1,category:"people"},rescue_worker_helmet:{keywords:["construction","build"],"char":"\u26d1",fitzpatrick_scale:!1,category:"people"},mortar_board:{keywords:["school","college","degree","university","graduation","cap","hat","legal","learn","education"],"char":"\ud83c\udf93",fitzpatrick_scale:!1,category:"people"},crown:{keywords:["king","kod","leader","royalty","lord"],"char":"\ud83d\udc51",fitzpatrick_scale:!1,category:"people"},school_satchel:{keywords:["student","education","bag","backpack"],"char":"\ud83c\udf92",fitzpatrick_scale:!1,category:"people"},luggage:{keywords:["packing","travel"],"char":"\ud83e\uddf3",fitzpatrick_scale:!1,category:"people"},pouch:{keywords:["bag","accessories","shopping"],"char":"\ud83d\udc5d",fitzpatrick_scale:!1,category:"people"},purse:{keywords:["fashion","accessories","money","sales","shopping"],"char":"\ud83d\udc5b",fitzpatrick_scale:!1,category:"people"},handbag:{keywords:["fashion","accessory","accessories","shopping"],"char":"\ud83d\udc5c",fitzpatrick_scale:!1,category:"people"},briefcase:{keywords:["business","documents","work","law","legal","job","career"],"char":"\ud83d\udcbc",fitzpatrick_scale:!1,category:"people"},eyeglasses:{keywords:["fashion","accessories","eyesight","nerdy","dork","geek"],"char":"\ud83d\udc53",fitzpatrick_scale:!1,category:"people"},dark_sunglasses:{keywords:["face","cool","accessories"],"char":"\ud83d\udd76",fitzpatrick_scale:!1,category:"people"},goggles:{keywords:["eyes","protection","safety"],"char":"\ud83e\udd7d",fitzpatrick_scale:!1,category:"people"},ring:{keywords:["wedding","propose","marriage","valentines","diamond","fashion","jewelry","gem","engagement"],"char":"\ud83d\udc8d",fitzpatrick_scale:!1,category:"people"},closed_umbrella:{keywords:["weather","rain","drizzle"],"char":"\ud83c\udf02",fitzpatrick_scale:!1,category:"people"},dog:{keywords:["animal","friend","nature","woof","puppy","pet","faithful"],"char":"\ud83d\udc36",fitzpatrick_scale:!1,category:"animals_and_nature"},cat:{keywords:["animal","meow","nature","pet","kitten"],"char":"\ud83d\udc31",fitzpatrick_scale:!1,category:"animals_and_nature"},mouse:{keywords:["animal","nature","cheese_wedge","rodent"],"char":"\ud83d\udc2d",fitzpatrick_scale:!1,category:"animals_and_nature"},hamster:{keywords:["animal","nature"],"char":"\ud83d\udc39",fitzpatrick_scale:!1,category:"animals_and_nature"},rabbit:{keywords:["animal","nature","pet","spring","magic","bunny"],"char":"\ud83d\udc30",fitzpatrick_scale:!1,category:"animals_and_nature"},fox_face:{keywords:["animal","nature","face"],"char":"\ud83e\udd8a",fitzpatrick_scale:!1,category:"animals_and_nature"},bear:{keywords:["animal","nature","wild"],"char":"\ud83d\udc3b",fitzpatrick_scale:!1,category:"animals_and_nature"},panda_face:{keywords:["animal","nature","panda"],"char":"\ud83d\udc3c",fitzpatrick_scale:!1,category:"animals_and_nature"},koala:{keywords:["animal","nature"],"char":"\ud83d\udc28",fitzpatrick_scale:!1,category:"animals_and_nature"},tiger:{keywords:["animal","cat","danger","wild","nature","roar"],"char":"\ud83d\udc2f",fitzpatrick_scale:!1,category:"animals_and_nature"},lion:{keywords:["animal","nature"],"char":"\ud83e\udd81",fitzpatrick_scale:!1,category:"animals_and_nature"},cow:{keywords:["beef","ox","animal","nature","moo","milk"],"char":"\ud83d\udc2e",fitzpatrick_scale:!1,category:"animals_and_nature"},pig:{keywords:["animal","oink","nature"],"char":"\ud83d\udc37",fitzpatrick_scale:!1,category:"animals_and_nature"},pig_nose:{keywords:["animal","oink"],"char":"\ud83d\udc3d",fitzpatrick_scale:!1,category:"animals_and_nature"},frog:{keywords:["animal","nature","croak","toad"],"char":"\ud83d\udc38",fitzpatrick_scale:!1,category:"animals_and_nature"},squid:{keywords:["animal","nature","ocean","sea"],"char":"\ud83e\udd91",fitzpatrick_scale:!1,category:"animals_and_nature"},octopus:{keywords:["animal","creature","ocean","sea","nature","beach"],"char":"\ud83d\udc19",fitzpatrick_scale:!1,category:"animals_and_nature"},shrimp:{keywords:["animal","ocean","nature","seafood"],"char":"\ud83e\udd90",fitzpatrick_scale:!1,category:"animals_and_nature"},monkey_face:{keywords:["animal","nature","circus"],"char":"\ud83d\udc35",fitzpatrick_scale:!1,category:"animals_and_nature"},gorilla:{keywords:["animal","nature","circus"],"char":"\ud83e\udd8d",fitzpatrick_scale:!1,category:"animals_and_nature"},see_no_evil:{keywords:["monkey","animal","nature","haha"],"char":"\ud83d\ude48",fitzpatrick_scale:!1,category:"animals_and_nature"},hear_no_evil:{keywords:["animal","monkey","nature"],"char":"\ud83d\ude49",fitzpatrick_scale:!1,category:"animals_and_nature"},speak_no_evil:{keywords:["monkey","animal","nature","omg"],"char":"\ud83d\ude4a",fitzpatrick_scale:!1,category:"animals_and_nature"},monkey:{keywords:["animal","nature","banana","circus"],"char":"\ud83d\udc12",fitzpatrick_scale:!1,category:"animals_and_nature"},chicken:{keywords:["animal","cluck","nature","bird"],"char":"\ud83d\udc14",fitzpatrick_scale:!1,category:"animals_and_nature"},penguin:{keywords:["animal","nature"],"char":"\ud83d\udc27",fitzpatrick_scale:!1,category:"animals_and_nature"},bird:{keywords:["animal","nature","fly","tweet","spring"],"char":"\ud83d\udc26",fitzpatrick_scale:!1,category:"animals_and_nature"},baby_chick:{keywords:["animal","chicken","bird"],"char":"\ud83d\udc24",fitzpatrick_scale:!1,category:"animals_and_nature"},hatching_chick:{keywords:["animal","chicken","egg","born","baby","bird"],"char":"\ud83d\udc23",fitzpatrick_scale:!1,category:"animals_and_nature"},hatched_chick:{keywords:["animal","chicken","baby","bird"],"char":"\ud83d\udc25",fitzpatrick_scale:!1,category:"animals_and_nature"},duck:{keywords:["animal","nature","bird","mallard"],"char":"\ud83e\udd86",fitzpatrick_scale:!1,category:"animals_and_nature"},eagle:{keywords:["animal","nature","bird"],"char":"\ud83e\udd85",fitzpatrick_scale:!1,category:"animals_and_nature"},owl:{keywords:["animal","nature","bird","hoot"],"char":"\ud83e\udd89",fitzpatrick_scale:!1,category:"animals_and_nature"},bat:{keywords:["animal","nature","blind","vampire"],"char":"\ud83e\udd87",fitzpatrick_scale:!1,category:"animals_and_nature"},wolf:{keywords:["animal","nature","wild"],"char":"\ud83d\udc3a",fitzpatrick_scale:!1,category:"animals_and_nature"},boar:{keywords:["animal","nature"],"char":"\ud83d\udc17",fitzpatrick_scale:!1,category:"animals_and_nature"},horse:{keywords:["animal","brown","nature"],"char":"\ud83d\udc34",fitzpatrick_scale:!1,category:"animals_and_nature"},unicorn:{keywords:["animal","nature","mystical"],"char":"\ud83e\udd84",fitzpatrick_scale:!1,category:"animals_and_nature"},honeybee:{keywords:["animal","insect","nature","bug","spring","honey"],"char":"\ud83d\udc1d",fitzpatrick_scale:!1,category:"animals_and_nature"},bug:{keywords:["animal","insect","nature","worm"],"char":"\ud83d\udc1b",fitzpatrick_scale:!1,category:"animals_and_nature"},butterfly:{keywords:["animal","insect","nature","caterpillar"],"char":"\ud83e\udd8b",fitzpatrick_scale:!1,category:"animals_and_nature"},snail:{keywords:["slow","animal","shell"],"char":"\ud83d\udc0c",fitzpatrick_scale:!1,category:"animals_and_nature"},beetle:{keywords:["animal","insect","nature","ladybug"],"char":"\ud83d\udc1e",fitzpatrick_scale:!1,category:"animals_and_nature"},ant:{keywords:["animal","insect","nature","bug"],"char":"\ud83d\udc1c",fitzpatrick_scale:!1,category:"animals_and_nature"},grasshopper:{keywords:["animal","cricket","chirp"],"char":"\ud83e\udd97",fitzpatrick_scale:!1,category:"animals_and_nature"},spider:{keywords:["animal","arachnid"],"char":"\ud83d\udd77",fitzpatrick_scale:!1,category:"animals_and_nature"},scorpion:{keywords:["animal","arachnid"],"char":"\ud83e\udd82",fitzpatrick_scale:!1,category:"animals_and_nature"},crab:{keywords:["animal","crustacean"],"char":"\ud83e\udd80",fitzpatrick_scale:!1,category:"animals_and_nature"},snake:{keywords:["animal","evil","nature","hiss","python"],"char":"\ud83d\udc0d",fitzpatrick_scale:!1,category:"animals_and_nature"},lizard:{keywords:["animal","nature","reptile"],"char":"\ud83e\udd8e",fitzpatrick_scale:!1,category:"animals_and_nature"},"t-rex":{keywords:["animal","nature","dinosaur","tyrannosaurus","extinct"],"char":"\ud83e\udd96",fitzpatrick_scale:!1,category:"animals_and_nature"},sauropod:{keywords:["animal","nature","dinosaur","brachiosaurus","brontosaurus","diplodocus","extinct"],"char":"\ud83e\udd95",fitzpatrick_scale:!1,category:"animals_and_nature"},turtle:{keywords:["animal","slow","nature","tortoise"],"char":"\ud83d\udc22",fitzpatrick_scale:!1,category:"animals_and_nature"},tropical_fish:{keywords:["animal","swim","ocean","beach","nemo"],"char":"\ud83d\udc20",fitzpatrick_scale:!1,category:"animals_and_nature"},fish:{keywords:["animal","food","nature"],"char":"\ud83d\udc1f",fitzpatrick_scale:!1,category:"animals_and_nature"},blowfish:{keywords:["animal","nature","food","sea","ocean"],"char":"\ud83d\udc21",fitzpatrick_scale:!1,category:"animals_and_nature"},dolphin:{keywords:["animal","nature","fish","sea","ocean","flipper","fins","beach"],"char":"\ud83d\udc2c",fitzpatrick_scale:!1,category:"animals_and_nature"},shark:{keywords:["animal","nature","fish","sea","ocean","jaws","fins","beach"],"char":"\ud83e\udd88",fitzpatrick_scale:!1,category:"animals_and_nature"},whale:{keywords:["animal","nature","sea","ocean"],"char":"\ud83d\udc33",fitzpatrick_scale:!1,category:"animals_and_nature"},whale2:{keywords:["animal","nature","sea","ocean"],"char":"\ud83d\udc0b",fitzpatrick_scale:!1,category:"animals_and_nature"},crocodile:{keywords:["animal","nature","reptile","lizard","alligator"],"char":"\ud83d\udc0a",fitzpatrick_scale:!1,category:"animals_and_nature"},leopard:{keywords:["animal","nature"],"char":"\ud83d\udc06",fitzpatrick_scale:!1,category:"animals_and_nature"},zebra:{keywords:["animal","nature","stripes","safari"],"char":"\ud83e\udd93",fitzpatrick_scale:!1,category:"animals_and_nature"},tiger2:{keywords:["animal","nature","roar"],"char":"\ud83d\udc05",fitzpatrick_scale:!1,category:"animals_and_nature"},water_buffalo:{keywords:["animal","nature","ox","cow"],"char":"\ud83d\udc03",fitzpatrick_scale:!1,category:"animals_and_nature"},ox:{keywords:["animal","cow","beef"],"char":"\ud83d\udc02",fitzpatrick_scale:!1,category:"animals_and_nature"},cow2:{keywords:["beef","ox","animal","nature","moo","milk"],"char":"\ud83d\udc04",fitzpatrick_scale:!1,category:"animals_and_nature"},deer:{keywords:["animal","nature","horns","venison"],"char":"\ud83e\udd8c",fitzpatrick_scale:!1,category:"animals_and_nature"},dromedary_camel:{keywords:["animal","hot","desert","hump"],"char":"\ud83d\udc2a",fitzpatrick_scale:!1,category:"animals_and_nature"},camel:{keywords:["animal","nature","hot","desert","hump"],"char":"\ud83d\udc2b",fitzpatrick_scale:!1,category:"animals_and_nature"},giraffe:{keywords:["animal","nature","spots","safari"],"char":"\ud83e\udd92",fitzpatrick_scale:!1,category:"animals_and_nature"},elephant:{keywords:["animal","nature","nose","th","circus"],"char":"\ud83d\udc18",fitzpatrick_scale:!1,category:"animals_and_nature"},rhinoceros:{keywords:["animal","nature","horn"],"char":"\ud83e\udd8f",fitzpatrick_scale:!1,category:"animals_and_nature"},goat:{keywords:["animal","nature"],"char":"\ud83d\udc10",fitzpatrick_scale:!1,category:"animals_and_nature"},ram:{keywords:["animal","sheep","nature"],"char":"\ud83d\udc0f",fitzpatrick_scale:!1,category:"animals_and_nature"},sheep:{keywords:["animal","nature","wool","shipit"],"char":"\ud83d\udc11",fitzpatrick_scale:!1,category:"animals_and_nature"},racehorse:{keywords:["animal","gamble","luck"],"char":"\ud83d\udc0e",fitzpatrick_scale:!1,category:"animals_and_nature"},pig2:{keywords:["animal","nature"],"char":"\ud83d\udc16",fitzpatrick_scale:!1,category:"animals_and_nature"},rat:{keywords:["animal","mouse","rodent"],"char":"\ud83d\udc00",fitzpatrick_scale:!1,category:"animals_and_nature"},mouse2:{keywords:["animal","nature","rodent"],"char":"\ud83d\udc01",fitzpatrick_scale:!1,category:"animals_and_nature"},rooster:{keywords:["animal","nature","chicken"],"char":"\ud83d\udc13",fitzpatrick_scale:!1,category:"animals_and_nature"},turkey:{keywords:["animal","bird"],"char":"\ud83e\udd83",fitzpatrick_scale:!1,category:"animals_and_nature"},dove:{keywords:["animal","bird"],"char":"\ud83d\udd4a",fitzpatrick_scale:!1,category:"animals_and_nature"},dog2:{keywords:["animal","nature","friend","doge","pet","faithful"],"char":"\ud83d\udc15",fitzpatrick_scale:!1,category:"animals_and_nature"},poodle:{keywords:["dog","animal","101","nature","pet"],"char":"\ud83d\udc29",fitzpatrick_scale:!1,category:"animals_and_nature"},cat2:{keywords:["animal","meow","pet","cats"],"char":"\ud83d\udc08",fitzpatrick_scale:!1,category:"animals_and_nature"},rabbit2:{keywords:["animal","nature","pet","magic","spring"],"char":"\ud83d\udc07",fitzpatrick_scale:!1,category:"animals_and_nature"},chipmunk:{keywords:["animal","nature","rodent","squirrel"],"char":"\ud83d\udc3f",fitzpatrick_scale:!1,category:"animals_and_nature"},hedgehog:{keywords:["animal","nature","spiny"],"char":"\ud83e\udd94",fitzpatrick_scale:!1,category:"animals_and_nature"},raccoon:{keywords:["animal","nature"],"char":"\ud83e\udd9d",fitzpatrick_scale:!1,category:"animals_and_nature"},llama:{keywords:["animal","nature","alpaca"],"char":"\ud83e\udd99",fitzpatrick_scale:!1,category:"animals_and_nature"},hippopotamus:{keywords:["animal","nature"],"char":"\ud83e\udd9b",fitzpatrick_scale:!1,category:"animals_and_nature"},kangaroo:{keywords:["animal","nature","australia","joey","hop","marsupial"],"char":"\ud83e\udd98",fitzpatrick_scale:!1,category:"animals_and_nature"},badger:{keywords:["animal","nature","honey"],"char":"\ud83e\udda1",fitzpatrick_scale:!1,category:"animals_and_nature"},swan:{keywords:["animal","nature","bird"],"char":"\ud83e\udda2",fitzpatrick_scale:!1,category:"animals_and_nature"},peacock:{keywords:["animal","nature","peahen","bird"],"char":"\ud83e\udd9a",fitzpatrick_scale:!1,category:"animals_and_nature"},parrot:{keywords:["animal","nature","bird","pirate","talk"],"char":"\ud83e\udd9c",fitzpatrick_scale:!1,category:"animals_and_nature"},lobster:{keywords:["animal","nature","bisque","claws","seafood"],"char":"\ud83e\udd9e",fitzpatrick_scale:!1,category:"animals_and_nature"},mosquito:{keywords:["animal","nature","insect","malaria"],"char":"\ud83e\udd9f",fitzpatrick_scale:!1,category:"animals_and_nature"},paw_prints:{keywords:["animal","tracking","footprints","dog","cat","pet","feet"],"char":"\ud83d\udc3e",fitzpatrick_scale:!1,category:"animals_and_nature"},dragon:{keywords:["animal","myth","nature","chinese","green"],"char":"\ud83d\udc09",fitzpatrick_scale:!1,category:"animals_and_nature"},dragon_face:{keywords:["animal","myth","nature","chinese","green"],"char":"\ud83d\udc32",fitzpatrick_scale:!1,category:"animals_and_nature"},cactus:{keywords:["vegetable","plant","nature"],"char":"\ud83c\udf35",fitzpatrick_scale:!1,category:"animals_and_nature"},christmas_tree:{keywords:["festival","vacation","december","xmas","celebration"],"char":"\ud83c\udf84",fitzpatrick_scale:!1,category:"animals_and_nature"},evergreen_tree:{keywords:["plant","nature"],"char":"\ud83c\udf32",fitzpatrick_scale:!1,category:"animals_and_nature"},deciduous_tree:{keywords:["plant","nature"],"char":"\ud83c\udf33",fitzpatrick_scale:!1,category:"animals_and_nature"},palm_tree:{keywords:["plant","vegetable","nature","summer","beach","mojito","tropical"],"char":"\ud83c\udf34",fitzpatrick_scale:!1,category:"animals_and_nature"},seedling:{keywords:["plant","nature","grass","lawn","spring"],"char":"\ud83c\udf31",fitzpatrick_scale:!1,category:"animals_and_nature"},herb:{keywords:["vegetable","plant","medicine","weed","grass","lawn"],"char":"\ud83c\udf3f",fitzpatrick_scale:!1,category:"animals_and_nature"},shamrock:{keywords:["vegetable","plant","nature","irish","clover"],"char":"\u2618",fitzpatrick_scale:!1,category:"animals_and_nature"},four_leaf_clover:{keywords:["vegetable","plant","nature","lucky","irish"],"char":"\ud83c\udf40",fitzpatrick_scale:!1,category:"animals_and_nature"},bamboo:{keywords:["plant","nature","vegetable","panda","pine_decoration"],"char":"\ud83c\udf8d",fitzpatrick_scale:!1,category:"animals_and_nature"},tanabata_tree:{keywords:["plant","nature","branch","summer"],"char":"\ud83c\udf8b",fitzpatrick_scale:!1,category:"animals_and_nature"},leaves:{keywords:["nature","plant","tree","vegetable","grass","lawn","spring"],"char":"\ud83c\udf43",fitzpatrick_scale:!1,category:"animals_and_nature"},fallen_leaf:{keywords:["nature","plant","vegetable","leaves"],"char":"\ud83c\udf42",fitzpatrick_scale:!1,category:"animals_and_nature"},maple_leaf:{keywords:["nature","plant","vegetable","ca","fall"],"char":"\ud83c\udf41",fitzpatrick_scale:!1,category:"animals_and_nature"},ear_of_rice:{keywords:["nature","plant"],"char":"\ud83c\udf3e",fitzpatrick_scale:!1,category:"animals_and_nature"},hibiscus:{keywords:["plant","vegetable","flowers","beach"],"char":"\ud83c\udf3a",fitzpatrick_scale:!1,category:"animals_and_nature"},sunflower:{keywords:["nature","plant","fall"],"char":"\ud83c\udf3b",fitzpatrick_scale:!1,category:"animals_and_nature"},rose:{keywords:["flowers","valentines","love","spring"],"char":"\ud83c\udf39",fitzpatrick_scale:!1,category:"animals_and_nature"},wilted_flower:{keywords:["plant","nature","flower"],"char":"\ud83e\udd40",fitzpatrick_scale:!1,category:"animals_and_nature"},tulip:{keywords:["flowers","plant","nature","summer","spring"],"char":"\ud83c\udf37",fitzpatrick_scale:!1,category:"animals_and_nature"},blossom:{keywords:["nature","flowers","yellow"],"char":"\ud83c\udf3c",fitzpatrick_scale:!1,category:"animals_and_nature"},cherry_blossom:{keywords:["nature","plant","spring","flower"],"char":"\ud83c\udf38",fitzpatrick_scale:!1,category:"animals_and_nature"},bouquet:{keywords:["flowers","nature","spring"],"char":"\ud83d\udc90",fitzpatrick_scale:!1,category:"animals_and_nature"},mushroom:{keywords:["plant","vegetable"],"char":"\ud83c\udf44",fitzpatrick_scale:!1,category:"animals_and_nature"},chestnut:{keywords:["food","squirrel"],"char":"\ud83c\udf30",fitzpatrick_scale:!1,category:"animals_and_nature"},jack_o_lantern:{keywords:["halloween","light","pumpkin","creepy","fall"],"char":"\ud83c\udf83",fitzpatrick_scale:!1,category:"animals_and_nature"},shell:{keywords:["nature","sea","beach"],"char":"\ud83d\udc1a",fitzpatrick_scale:!1,category:"animals_and_nature"},spider_web:{keywords:["animal","insect","arachnid","silk"],"char":"\ud83d\udd78",fitzpatrick_scale:!1,category:"animals_and_nature"},earth_americas:{keywords:["globe","world","USA","international"],"char":"\ud83c\udf0e",fitzpatrick_scale:!1,category:"animals_and_nature"},earth_africa:{keywords:["globe","world","international"],"char":"\ud83c\udf0d",fitzpatrick_scale:!1,category:"animals_and_nature"},earth_asia:{keywords:["globe","world","east","international"],"char":"\ud83c\udf0f",fitzpatrick_scale:!1,category:"animals_and_nature"},full_moon:{keywords:["nature","yellow","twilight","planet","space","night","evening","sleep"],"char":"\ud83c\udf15",fitzpatrick_scale:!1,category:"animals_and_nature"},waning_gibbous_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep","waxing_gibbous_moon"],"char":"\ud83c\udf16",fitzpatrick_scale:!1,category:"animals_and_nature"},last_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":"\ud83c\udf17",fitzpatrick_scale:!1,category:"animals_and_nature"},waning_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":"\ud83c\udf18",fitzpatrick_scale:!1,category:"animals_and_nature"},new_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":"\ud83c\udf11",fitzpatrick_scale:!1,category:"animals_and_nature"},waxing_crescent_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":"\ud83c\udf12",fitzpatrick_scale:!1,category:"animals_and_nature"},first_quarter_moon:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":"\ud83c\udf13",fitzpatrick_scale:!1,category:"animals_and_nature"},waxing_gibbous_moon:{keywords:["nature","night","sky","gray","twilight","planet","space","evening","sleep"],"char":"\ud83c\udf14",fitzpatrick_scale:!1,category:"animals_and_nature"},new_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":"\ud83c\udf1a",fitzpatrick_scale:!1,category:"animals_and_nature"},full_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":"\ud83c\udf1d",fitzpatrick_scale:!1,category:"animals_and_nature"},first_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":"\ud83c\udf1b",fitzpatrick_scale:!1,category:"animals_and_nature"},last_quarter_moon_with_face:{keywords:["nature","twilight","planet","space","night","evening","sleep"],"char":"\ud83c\udf1c",fitzpatrick_scale:!1,category:"animals_and_nature"},sun_with_face:{keywords:["nature","morning","sky"],"char":"\ud83c\udf1e",fitzpatrick_scale:!1,category:"animals_and_nature"},crescent_moon:{keywords:["night","sleep","sky","evening","magic"],"char":"\ud83c\udf19",fitzpatrick_scale:!1,category:"animals_and_nature"},star:{keywords:["night","yellow"],"char":"\u2b50",fitzpatrick_scale:!1,category:"animals_and_nature"},star2:{keywords:["night","sparkle","awesome","good","magic"],"char":"\ud83c\udf1f",fitzpatrick_scale:!1,category:"animals_and_nature"},dizzy:{keywords:["star","sparkle","shoot","magic"],"char":"\ud83d\udcab",fitzpatrick_scale:!1,category:"animals_and_nature"},sparkles:{keywords:["stars","shine","shiny","cool","awesome","good","magic"],"char":"\u2728",fitzpatrick_scale:!1,category:"animals_and_nature"},comet:{keywords:["space"],"char":"\u2604",fitzpatrick_scale:!1,category:"animals_and_nature"},sunny:{keywords:["weather","nature","brightness","summer","beach","spring"],"char":"\u2600\ufe0f",fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_small_cloud:{keywords:["weather"],"char":"\ud83c\udf24",fitzpatrick_scale:!1,category:"animals_and_nature"},partly_sunny:{keywords:["weather","nature","cloudy","morning","fall","spring"],"char":"\u26c5",fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_large_cloud:{keywords:["weather"],"char":"\ud83c\udf25",fitzpatrick_scale:!1,category:"animals_and_nature"},sun_behind_rain_cloud:{keywords:["weather"],"char":"\ud83c\udf26",fitzpatrick_scale:!1,category:"animals_and_nature"},cloud:{keywords:["weather","sky"],"char":"\u2601\ufe0f",fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_rain:{keywords:["weather"],"char":"\ud83c\udf27",fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_lightning_and_rain:{keywords:["weather","lightning"],"char":"\u26c8",fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_lightning:{keywords:["weather","thunder"],"char":"\ud83c\udf29",fitzpatrick_scale:!1,category:"animals_and_nature"},zap:{keywords:["thunder","weather","lightning bolt","fast"],"char":"\u26a1",fitzpatrick_scale:!1,category:"animals_and_nature"},fire:{keywords:["hot","cook","flame"],"char":"\ud83d\udd25",fitzpatrick_scale:!1,category:"animals_and_nature"},boom:{keywords:["bomb","explode","explosion","collision","blown"],"char":"\ud83d\udca5",fitzpatrick_scale:!1,category:"animals_and_nature"},snowflake:{keywords:["winter","season","cold","weather","christmas","xmas"],"char":"\u2744\ufe0f",fitzpatrick_scale:!1,category:"animals_and_nature"},cloud_with_snow:{keywords:["weather"],"char":"\ud83c\udf28",fitzpatrick_scale:!1,category:"animals_and_nature"},snowman:{keywords:["winter","season","cold","weather","christmas","xmas","frozen","without_snow"],"char":"\u26c4",fitzpatrick_scale:!1,category:"animals_and_nature"},snowman_with_snow:{keywords:["winter","season","cold","weather","christmas","xmas","frozen"],"char":"\u2603",fitzpatrick_scale:!1,category:"animals_and_nature"},wind_face:{keywords:["gust","air"],"char":"\ud83c\udf2c",fitzpatrick_scale:!1,category:"animals_and_nature"},dash:{keywords:["wind","air","fast","shoo","fart","smoke","puff"],"char":"\ud83d\udca8",fitzpatrick_scale:!1,category:"animals_and_nature"},tornado:{keywords:["weather","cyclone","twister"],"char":"\ud83c\udf2a",fitzpatrick_scale:!1,category:"animals_and_nature"},fog:{keywords:["weather"],"char":"\ud83c\udf2b",fitzpatrick_scale:!1,category:"animals_and_nature"},open_umbrella:{keywords:["weather","spring"],"char":"\u2602",fitzpatrick_scale:!1,category:"animals_and_nature"},umbrella:{keywords:["rainy","weather","spring"],"char":"\u2614",fitzpatrick_scale:!1,category:"animals_and_nature"},droplet:{keywords:["water","drip","faucet","spring"],"char":"\ud83d\udca7",fitzpatrick_scale:!1,category:"animals_and_nature"},sweat_drops:{keywords:["water","drip","oops"],"char":"\ud83d\udca6",fitzpatrick_scale:!1,category:"animals_and_nature"},ocean:{keywords:["sea","water","wave","nature","tsunami","disaster"],"char":"\ud83c\udf0a",fitzpatrick_scale:!1,category:"animals_and_nature"},green_apple:{keywords:["fruit","nature"],"char":"\ud83c\udf4f",fitzpatrick_scale:!1,category:"food_and_drink"},apple:{keywords:["fruit","mac","school"],"char":"\ud83c\udf4e",fitzpatrick_scale:!1,category:"food_and_drink"},pear:{keywords:["fruit","nature","food"],"char":"\ud83c\udf50",fitzpatrick_scale:!1,category:"food_and_drink"},tangerine:{keywords:["food","fruit","nature","orange"],"char":"\ud83c\udf4a",fitzpatrick_scale:!1,category:"food_and_drink"},lemon:{keywords:["fruit","nature"],"char":"\ud83c\udf4b",fitzpatrick_scale:!1,category:"food_and_drink"},banana:{keywords:["fruit","food","monkey"],"char":"\ud83c\udf4c",fitzpatrick_scale:!1,category:"food_and_drink"},watermelon:{keywords:["fruit","food","picnic","summer"],"char":"\ud83c\udf49",fitzpatrick_scale:!1,category:"food_and_drink"},grapes:{keywords:["fruit","food","wine"],"char":"\ud83c\udf47",fitzpatrick_scale:!1,category:"food_and_drink"},strawberry:{keywords:["fruit","food","nature"],"char":"\ud83c\udf53",fitzpatrick_scale:!1,category:"food_and_drink"},melon:{keywords:["fruit","nature","food"],"char":"\ud83c\udf48",fitzpatrick_scale:!1,category:"food_and_drink"},cherries:{keywords:["food","fruit"],"char":"\ud83c\udf52",fitzpatrick_scale:!1,category:"food_and_drink"},peach:{keywords:["fruit","nature","food"],"char":"\ud83c\udf51",fitzpatrick_scale:!1,category:"food_and_drink"},pineapple:{keywords:["fruit","nature","food"],"char":"\ud83c\udf4d",fitzpatrick_scale:!1,category:"food_and_drink"},coconut:{keywords:["fruit","nature","food","palm"],"char":"\ud83e\udd65",fitzpatrick_scale:!1,category:"food_and_drink"},kiwi_fruit:{keywords:["fruit","food"],"char":"\ud83e\udd5d",fitzpatrick_scale:!1,category:"food_and_drink"},mango:{keywords:["fruit","food","tropical"],"char":"\ud83e\udd6d",fitzpatrick_scale:!1,category:"food_and_drink"},avocado:{keywords:["fruit","food"],"char":"\ud83e\udd51",fitzpatrick_scale:!1,category:"food_and_drink"},broccoli:{keywords:["fruit","food","vegetable"],"char":"\ud83e\udd66",fitzpatrick_scale:!1,category:"food_and_drink"},tomato:{keywords:["fruit","vegetable","nature","food"],"char":"\ud83c\udf45",fitzpatrick_scale:!1,category:"food_and_drink"},eggplant:{keywords:["vegetable","nature","food","aubergine"],"char":"\ud83c\udf46",fitzpatrick_scale:!1,category:"food_and_drink"},cucumber:{keywords:["fruit","food","pickle"],"char":"\ud83e\udd52",fitzpatrick_scale:!1,category:"food_and_drink"},carrot:{keywords:["vegetable","food","orange"],"char":"\ud83e\udd55",fitzpatrick_scale:!1,category:"food_and_drink"},hot_pepper:{keywords:["food","spicy","chilli","chili"],"char":"\ud83c\udf36",fitzpatrick_scale:!1,category:"food_and_drink"},potato:{keywords:["food","tuber","vegatable","starch"],"char":"\ud83e\udd54",fitzpatrick_scale:!1,category:"food_and_drink"},corn:{keywords:["food","vegetable","plant"],"char":"\ud83c\udf3d",fitzpatrick_scale:!1,category:"food_and_drink"},leafy_greens:{keywords:["food","vegetable","plant","bok choy","cabbage","kale","lettuce"],"char":"\ud83e\udd6c",fitzpatrick_scale:!1,category:"food_and_drink"},sweet_potato:{keywords:["food","nature"],"char":"\ud83c\udf60",fitzpatrick_scale:!1,category:"food_and_drink"},peanuts:{keywords:["food","nut"],"char":"\ud83e\udd5c",fitzpatrick_scale:!1,category:"food_and_drink"},honey_pot:{keywords:["bees","sweet","kitchen"],"char":"\ud83c\udf6f",fitzpatrick_scale:!1,category:"food_and_drink"},croissant:{keywords:["food","bread","french"],"char":"\ud83e\udd50",fitzpatrick_scale:!1,category:"food_and_drink"},bread:{keywords:["food","wheat","breakfast","toast"],"char":"\ud83c\udf5e",fitzpatrick_scale:!1,category:"food_and_drink"},baguette_bread:{keywords:["food","bread","french"],"char":"\ud83e\udd56",fitzpatrick_scale:!1,category:"food_and_drink"},bagel:{keywords:["food","bread","bakery","schmear"],"char":"\ud83e\udd6f",fitzpatrick_scale:!1,category:"food_and_drink"},pretzel:{keywords:["food","bread","twisted"],"char":"\ud83e\udd68",fitzpatrick_scale:!1,category:"food_and_drink"},cheese:{keywords:["food","chadder"],"char":"\ud83e\uddc0",fitzpatrick_scale:!1,category:"food_and_drink"},egg:{keywords:["food","chicken","breakfast"],"char":"\ud83e\udd5a",fitzpatrick_scale:!1,category:"food_and_drink"},bacon:{keywords:["food","breakfast","pork","pig","meat"],"char":"\ud83e\udd53",fitzpatrick_scale:!1,category:"food_and_drink"},steak:{keywords:["food","cow","meat","cut","chop","lambchop","porkchop"],"char":"\ud83e\udd69",fitzpatrick_scale:!1,category:"food_and_drink"},pancakes:{keywords:["food","breakfast","flapjacks","hotcakes"],"char":"\ud83e\udd5e",fitzpatrick_scale:!1,category:"food_and_drink"},poultry_leg:{keywords:["food","meat","drumstick","bird","chicken","turkey"],"char":"\ud83c\udf57",fitzpatrick_scale:!1,category:"food_and_drink"},meat_on_bone:{keywords:["good","food","drumstick"],"char":"\ud83c\udf56",fitzpatrick_scale:!1,category:"food_and_drink"},bone:{keywords:["skeleton"],"char":"\ud83e\uddb4",fitzpatrick_scale:!1,category:"food_and_drink"},fried_shrimp:{keywords:["food","animal","appetizer","summer"],"char":"\ud83c\udf64",fitzpatrick_scale:!1,category:"food_and_drink"},fried_egg:{keywords:["food","breakfast","kitchen","egg"],"char":"\ud83c\udf73",fitzpatrick_scale:!1,category:"food_and_drink"},hamburger:{keywords:["meat","fast food","beef","cheeseburger","mcdonalds","burger king"],"char":"\ud83c\udf54",fitzpatrick_scale:!1,category:"food_and_drink"},fries:{keywords:["chips","snack","fast food"],"char":"\ud83c\udf5f",fitzpatrick_scale:!1,category:"food_and_drink"},stuffed_flatbread:{keywords:["food","flatbread","stuffed","gyro"],"char":"\ud83e\udd59",fitzpatrick_scale:!1,category:"food_and_drink"},hotdog:{keywords:["food","frankfurter"],"char":"\ud83c\udf2d",fitzpatrick_scale:!1,category:"food_and_drink"},pizza:{keywords:["food","party"],"char":"\ud83c\udf55",fitzpatrick_scale:!1,category:"food_and_drink"},sandwich:{keywords:["food","lunch","bread"],"char":"\ud83e\udd6a",fitzpatrick_scale:!1,category:"food_and_drink"},canned_food:{keywords:["food","soup"],"char":"\ud83e\udd6b",fitzpatrick_scale:!1,category:"food_and_drink"},spaghetti:{keywords:["food","italian","noodle"],"char":"\ud83c\udf5d",fitzpatrick_scale:!1,category:"food_and_drink"},taco:{keywords:["food","mexican"],"char":"\ud83c\udf2e",fitzpatrick_scale:!1,category:"food_and_drink"},burrito:{keywords:["food","mexican"],"char":"\ud83c\udf2f",fitzpatrick_scale:!1,category:"food_and_drink"},green_salad:{keywords:["food","healthy","lettuce"],"char":"\ud83e\udd57",fitzpatrick_scale:!1,category:"food_and_drink"},shallow_pan_of_food:{keywords:["food","cooking","casserole","paella"],"char":"\ud83e\udd58",fitzpatrick_scale:!1,category:"food_and_drink"},ramen:{keywords:["food","japanese","noodle","chopsticks"],"char":"\ud83c\udf5c",fitzpatrick_scale:!1,category:"food_and_drink"},stew:{keywords:["food","meat","soup"],"char":"\ud83c\udf72",fitzpatrick_scale:!1,category:"food_and_drink"},fish_cake:{keywords:["food","japan","sea","beach","narutomaki","pink","swirl","kamaboko","surimi","ramen"],"char":"\ud83c\udf65",fitzpatrick_scale:!1,category:"food_and_drink"},fortune_cookie:{keywords:["food","prophecy"],"char":"\ud83e\udd60",fitzpatrick_scale:!1,category:"food_and_drink"},sushi:{keywords:["food","fish","japanese","rice"],"char":"\ud83c\udf63",fitzpatrick_scale:!1,category:"food_and_drink"},bento:{keywords:["food","japanese","box"],"char":"\ud83c\udf71",fitzpatrick_scale:!1,category:"food_and_drink"},curry:{keywords:["food","spicy","hot","indian"],"char":"\ud83c\udf5b",fitzpatrick_scale:!1,category:"food_and_drink"},rice_ball:{keywords:["food","japanese"],"char":"\ud83c\udf59",fitzpatrick_scale:!1,category:"food_and_drink"},rice:{keywords:["food","china","asian"],"char":"\ud83c\udf5a",fitzpatrick_scale:!1,category:"food_and_drink"},rice_cracker:{keywords:["food","japanese"],"char":"\ud83c\udf58",fitzpatrick_scale:!1,category:"food_and_drink"},oden:{keywords:["food","japanese"],"char":"\ud83c\udf62",fitzpatrick_scale:!1,category:"food_and_drink"},dango:{keywords:["food","dessert","sweet","japanese","barbecue","meat"],"char":"\ud83c\udf61",fitzpatrick_scale:!1,category:"food_and_drink"},shaved_ice:{keywords:["hot","dessert","summer"],"char":"\ud83c\udf67",fitzpatrick_scale:!1,category:"food_and_drink"},ice_cream:{keywords:["food","hot","dessert"],"char":"\ud83c\udf68",fitzpatrick_scale:!1,category:"food_and_drink"},icecream:{keywords:["food","hot","dessert","summer"],"char":"\ud83c\udf66",fitzpatrick_scale:!1,category:"food_and_drink"},pie:{keywords:["food","dessert","pastry"],"char":"\ud83e\udd67",fitzpatrick_scale:!1,category:"food_and_drink"},cake:{keywords:["food","dessert"],"char":"\ud83c\udf70",fitzpatrick_scale:!1,category:"food_and_drink"},cupcake:{keywords:["food","dessert","bakery","sweet"],"char":"\ud83e\uddc1",fitzpatrick_scale:!1,category:"food_and_drink"},moon_cake:{keywords:["food","autumn"],"char":"\ud83e\udd6e",fitzpatrick_scale:!1,category:"food_and_drink"},birthday:{keywords:["food","dessert","cake"],"char":"\ud83c\udf82",fitzpatrick_scale:!1,category:"food_and_drink"},custard:{keywords:["dessert","food"],"char":"\ud83c\udf6e",fitzpatrick_scale:!1,category:"food_and_drink"},candy:{keywords:["snack","dessert","sweet","lolly"],"char":"\ud83c\udf6c",fitzpatrick_scale:!1,category:"food_and_drink"},lollipop:{keywords:["food","snack","candy","sweet"],"char":"\ud83c\udf6d",fitzpatrick_scale:!1,category:"food_and_drink"},chocolate_bar:{keywords:["food","snack","dessert","sweet"],"char":"\ud83c\udf6b",fitzpatrick_scale:!1,category:"food_and_drink"},popcorn:{keywords:["food","movie theater","films","snack"],"char":"\ud83c\udf7f",fitzpatrick_scale:!1,category:"food_and_drink"},dumpling:{keywords:["food","empanada","pierogi","potsticker"],"char":"\ud83e\udd5f",fitzpatrick_scale:!1,category:"food_and_drink"},doughnut:{keywords:["food","dessert","snack","sweet","donut"],"char":"\ud83c\udf69",fitzpatrick_scale:!1,category:"food_and_drink"},cookie:{keywords:["food","snack","oreo","chocolate","sweet","dessert"],"char":"\ud83c\udf6a",fitzpatrick_scale:!1,category:"food_and_drink"},milk_glass:{keywords:["beverage","drink","cow"],"char":"\ud83e\udd5b",fitzpatrick_scale:!1,category:"food_and_drink"},beer:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],"char":"\ud83c\udf7a",fitzpatrick_scale:!1,category:"food_and_drink"},beers:{keywords:["relax","beverage","drink","drunk","party","pub","summer","alcohol","booze"],"char":"\ud83c\udf7b",fitzpatrick_scale:!1,category:"food_and_drink"},clinking_glasses:{keywords:["beverage","drink","party","alcohol","celebrate","cheers","wine","champagne","toast"],"char":"\ud83e\udd42",fitzpatrick_scale:!1,category:"food_and_drink"},wine_glass:{keywords:["drink","beverage","drunk","alcohol","booze"],"char":"\ud83c\udf77",fitzpatrick_scale:!1,category:"food_and_drink"},tumbler_glass:{keywords:["drink","beverage","drunk","alcohol","liquor","booze","bourbon","scotch","whisky","glass","shot"],"char":"\ud83e\udd43",fitzpatrick_scale:!1,category:"food_and_drink"},cocktail:{keywords:["drink","drunk","alcohol","beverage","booze","mojito"],"char":"\ud83c\udf78",fitzpatrick_scale:!1,category:"food_and_drink"},tropical_drink:{keywords:["beverage","cocktail","summer","beach","alcohol","booze","mojito"],"char":"\ud83c\udf79",fitzpatrick_scale:!1,category:"food_and_drink"},champagne:{keywords:["drink","wine","bottle","celebration"],"char":"\ud83c\udf7e",fitzpatrick_scale:!1,category:"food_and_drink"},sake:{keywords:["wine","drink","drunk","beverage","japanese","alcohol","booze"],"char":"\ud83c\udf76",fitzpatrick_scale:!1,category:"food_and_drink"},tea:{keywords:["drink","bowl","breakfast","green","british"],"char":"\ud83c\udf75",fitzpatrick_scale:!1,category:"food_and_drink"},cup_with_straw:{keywords:["drink","soda"],"char":"\ud83e\udd64",fitzpatrick_scale:!1,category:"food_and_drink"},coffee:{keywords:["beverage","caffeine","latte","espresso"],"char":"\u2615",fitzpatrick_scale:!1,category:"food_and_drink"},baby_bottle:{keywords:["food","container","milk"],"char":"\ud83c\udf7c",fitzpatrick_scale:!1,category:"food_and_drink"},salt:{keywords:["condiment","shaker"],"char":"\ud83e\uddc2",fitzpatrick_scale:!1,category:"food_and_drink"},spoon:{keywords:["cutlery","kitchen","tableware"],"char":"\ud83e\udd44",fitzpatrick_scale:!1,category:"food_and_drink"},fork_and_knife:{keywords:["cutlery","kitchen"],"char":"\ud83c\udf74",fitzpatrick_scale:!1,category:"food_and_drink"},plate_with_cutlery:{keywords:["food","eat","meal","lunch","dinner","restaurant"],"char":"\ud83c\udf7d",fitzpatrick_scale:!1,category:"food_and_drink"},bowl_with_spoon:{keywords:["food","breakfast","cereal","oatmeal","porridge"],"char":"\ud83e\udd63",fitzpatrick_scale:!1,category:"food_and_drink"},takeout_box:{keywords:["food","leftovers"],"char":"\ud83e\udd61",fitzpatrick_scale:!1,category:"food_and_drink"},chopsticks:{keywords:["food"],"char":"\ud83e\udd62",fitzpatrick_scale:!1,category:"food_and_drink"},soccer:{keywords:["sports","football"],"char":"\u26bd",fitzpatrick_scale:!1,category:"activity"},basketball:{keywords:["sports","balls","NBA"],"char":"\ud83c\udfc0",fitzpatrick_scale:!1,category:"activity"},football:{keywords:["sports","balls","NFL"],"char":"\ud83c\udfc8",fitzpatrick_scale:!1,category:"activity"},baseball:{keywords:["sports","balls"],"char":"\u26be",fitzpatrick_scale:!1,category:"activity"},softball:{keywords:["sports","balls"],"char":"\ud83e\udd4e",fitzpatrick_scale:!1,category:"activity"},tennis:{keywords:["sports","balls","green"],"char":"\ud83c\udfbe",fitzpatrick_scale:!1,category:"activity"},volleyball:{keywords:["sports","balls"],"char":"\ud83c\udfd0",fitzpatrick_scale:!1,category:"activity"},rugby_football:{keywords:["sports","team"],"char":"\ud83c\udfc9",fitzpatrick_scale:!1,category:"activity"},flying_disc:{keywords:["sports","frisbee","ultimate"],"char":"\ud83e\udd4f",fitzpatrick_scale:!1,category:"activity"},"8ball":{keywords:["pool","hobby","game","luck","magic"],"char":"\ud83c\udfb1",fitzpatrick_scale:!1,category:"activity"},golf:{keywords:["sports","business","flag","hole","summer"],"char":"\u26f3",fitzpatrick_scale:!1,category:"activity"},golfing_woman:{keywords:["sports","business","woman","female"],"char":"\ud83c\udfcc\ufe0f\u200d\u2640\ufe0f",fitzpatrick_scale:!1,category:"activity"},golfing_man:{keywords:["sports","business"],"char":"\ud83c\udfcc",fitzpatrick_scale:!0,category:"activity"},ping_pong:{keywords:["sports","pingpong"],"char":"\ud83c\udfd3",fitzpatrick_scale:!1,category:"activity"},badminton:{keywords:["sports"],"char":"\ud83c\udff8",fitzpatrick_scale:!1,category:"activity"},goal_net:{keywords:["sports"],"char":"\ud83e\udd45",fitzpatrick_scale:!1,category:"activity"},ice_hockey:{keywords:["sports"],"char":"\ud83c\udfd2",fitzpatrick_scale:!1,category:"activity"},field_hockey:{keywords:["sports"],"char":"\ud83c\udfd1",fitzpatrick_scale:!1,category:"activity"},lacrosse:{keywords:["sports","ball","stick"],"char":"\ud83e\udd4d",fitzpatrick_scale:!1,category:"activity"},cricket:{keywords:["sports"],"char":"\ud83c\udfcf",fitzpatrick_scale:!1,category:"activity"},ski:{keywords:["sports","winter","cold","snow"],"char":"\ud83c\udfbf",fitzpatrick_scale:!1,category:"activity"},skier:{keywords:["sports","winter","snow"],"char":"\u26f7",fitzpatrick_scale:!1,category:"activity"},snowboarder:{keywords:["sports","winter"],"char":"\ud83c\udfc2",fitzpatrick_scale:!0,category:"activity"},person_fencing:{keywords:["sports","fencing","sword"],"char":"\ud83e\udd3a",fitzpatrick_scale:!1,category:"activity"},women_wrestling:{keywords:["sports","wrestlers"],"char":"\ud83e\udd3c\u200d\u2640\ufe0f",fitzpatrick_scale:!1,category:"activity"},men_wrestling:{keywords:["sports","wrestlers"],"char":"\ud83e\udd3c\u200d\u2642\ufe0f",fitzpatrick_scale:!1,category:"activity"},woman_cartwheeling:{keywords:["gymnastics"],"char":"\ud83e\udd38\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},man_cartwheeling:{keywords:["gymnastics"],"char":"\ud83e\udd38\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},woman_playing_handball:{keywords:["sports"],"char":"\ud83e\udd3e\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},man_playing_handball:{keywords:["sports"],"char":"\ud83e\udd3e\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},ice_skate:{keywords:["sports"],"char":"\u26f8",fitzpatrick_scale:!1,category:"activity"},curling_stone:{keywords:["sports"],"char":"\ud83e\udd4c",fitzpatrick_scale:!1,category:"activity"},skateboard:{keywords:["board"],"char":"\ud83d\udef9",fitzpatrick_scale:!1,category:"activity"},sled:{keywords:["sleigh","luge","toboggan"],"char":"\ud83d\udef7",fitzpatrick_scale:!1,category:"activity"},bow_and_arrow:{keywords:["sports"],"char":"\ud83c\udff9",fitzpatrick_scale:!1,category:"activity"},fishing_pole_and_fish:{keywords:["food","hobby","summer"],"char":"\ud83c\udfa3",fitzpatrick_scale:!1,category:"activity"},boxing_glove:{keywords:["sports","fighting"],"char":"\ud83e\udd4a",fitzpatrick_scale:!1,category:"activity"},martial_arts_uniform:{keywords:["judo","karate","taekwondo"],"char":"\ud83e\udd4b",fitzpatrick_scale:!1,category:"activity"},rowing_woman:{keywords:["sports","hobby","water","ship","woman","female"],"char":"\ud83d\udea3\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},rowing_man:{keywords:["sports","hobby","water","ship"],"char":"\ud83d\udea3",fitzpatrick_scale:!0,category:"activity"},climbing_woman:{keywords:["sports","hobby","woman","female","rock"],"char":"\ud83e\uddd7\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},climbing_man:{keywords:["sports","hobby","man","male","rock"],"char":"\ud83e\uddd7\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},swimming_woman:{keywords:["sports","exercise","human","athlete","water","summer","woman","female"],"char":"\ud83c\udfca\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},swimming_man:{keywords:["sports","exercise","human","athlete","water","summer"],"char":"\ud83c\udfca",fitzpatrick_scale:!0,category:"activity"},woman_playing_water_polo:{keywords:["sports","pool"],"char":"\ud83e\udd3d\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},man_playing_water_polo:{keywords:["sports","pool"],"char":"\ud83e\udd3d\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},woman_in_lotus_position:{keywords:["woman","female","meditation","yoga","serenity","zen","mindfulness"],"char":"\ud83e\uddd8\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},man_in_lotus_position:{keywords:["man","male","meditation","yoga","serenity","zen","mindfulness"],"char":"\ud83e\uddd8\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},surfing_woman:{keywords:["sports","ocean","sea","summer","beach","woman","female"],"char":"\ud83c\udfc4\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},surfing_man:{keywords:["sports","ocean","sea","summer","beach"],"char":"\ud83c\udfc4",fitzpatrick_scale:!0,category:"activity"},bath:{keywords:["clean","shower","bathroom"],"char":"\ud83d\udec0",fitzpatrick_scale:!0,category:"activity"},basketball_woman:{keywords:["sports","human","woman","female"],"char":"\u26f9\ufe0f\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},basketball_man:{keywords:["sports","human"],"char":"\u26f9",fitzpatrick_scale:!0,category:"activity"},weight_lifting_woman:{keywords:["sports","training","exercise","woman","female"],"char":"\ud83c\udfcb\ufe0f\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},weight_lifting_man:{keywords:["sports","training","exercise"],"char":"\ud83c\udfcb",fitzpatrick_scale:!0,category:"activity"},biking_woman:{keywords:["sports","bike","exercise","hipster","woman","female"],"char":"\ud83d\udeb4\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},biking_man:{keywords:["sports","bike","exercise","hipster"],"char":"\ud83d\udeb4",fitzpatrick_scale:!0,category:"activity"},mountain_biking_woman:{keywords:["transportation","sports","human","race","bike","woman","female"],"char":"\ud83d\udeb5\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},mountain_biking_man:{keywords:["transportation","sports","human","race","bike"],"char":"\ud83d\udeb5",fitzpatrick_scale:!0,category:"activity"},horse_racing:{keywords:["animal","betting","competition","gambling","luck"],"char":"\ud83c\udfc7",fitzpatrick_scale:!0,category:"activity"},business_suit_levitating:{keywords:["suit","business","levitate","hover","jump"],"char":"\ud83d\udd74",fitzpatrick_scale:!0,category:"activity"},trophy:{keywords:["win","award","contest","place","ftw","ceremony"],"char":"\ud83c\udfc6",fitzpatrick_scale:!1,category:"activity"},running_shirt_with_sash:{keywords:["play","pageant"],"char":"\ud83c\udfbd",fitzpatrick_scale:!1,category:"activity"},medal_sports:{keywords:["award","winning"],"char":"\ud83c\udfc5",fitzpatrick_scale:!1,category:"activity"},medal_military:{keywords:["award","winning","army"],"char":"\ud83c\udf96",fitzpatrick_scale:!1,category:"activity"},"1st_place_medal":{keywords:["award","winning","first"],"char":"\ud83e\udd47",fitzpatrick_scale:!1,category:"activity"},"2nd_place_medal":{keywords:["award","second"],"char":"\ud83e\udd48",fitzpatrick_scale:!1,category:"activity"},"3rd_place_medal":{keywords:["award","third"],"char":"\ud83e\udd49",fitzpatrick_scale:!1,category:"activity"},reminder_ribbon:{keywords:["sports","cause","support","awareness"],"char":"\ud83c\udf97",fitzpatrick_scale:!1,category:"activity"},rosette:{keywords:["flower","decoration","military"],"char":"\ud83c\udff5",fitzpatrick_scale:!1,category:"activity"},ticket:{keywords:["event","concert","pass"],"char":"\ud83c\udfab",fitzpatrick_scale:!1,category:"activity"},tickets:{keywords:["sports","concert","entrance"],"char":"\ud83c\udf9f",fitzpatrick_scale:!1,category:"activity"},performing_arts:{keywords:["acting","theater","drama"],"char":"\ud83c\udfad",fitzpatrick_scale:!1,category:"activity"},art:{keywords:["design","paint","draw","colors"],"char":"\ud83c\udfa8",fitzpatrick_scale:!1,category:"activity"},circus_tent:{keywords:["festival","carnival","party"],"char":"\ud83c\udfaa",fitzpatrick_scale:!1,category:"activity"},woman_juggling:{keywords:["juggle","balance","skill","multitask"],"char":"\ud83e\udd39\u200d\u2640\ufe0f",fitzpatrick_scale:!0,category:"activity"},man_juggling:{keywords:["juggle","balance","skill","multitask"],"char":"\ud83e\udd39\u200d\u2642\ufe0f",fitzpatrick_scale:!0,category:"activity"},microphone:{keywords:["sound","music","PA","sing","talkshow"],"char":"\ud83c\udfa4",fitzpatrick_scale:!1,category:"activity"},headphones:{keywords:["music","score","gadgets"],"char":"\ud83c\udfa7",fitzpatrick_scale:!1,category:"activity"},musical_score:{keywords:["treble","clef","compose"],"char":"\ud83c\udfbc",fitzpatrick_scale:!1,category:"activity"},musical_keyboard:{keywords:["piano","instrument","compose"],"char":"\ud83c\udfb9",fitzpatrick_scale:!1,category:"activity"},drum:{keywords:["music","instrument","drumsticks","snare"],"char":"\ud83e\udd41",fitzpatrick_scale:!1,category:"activity"},saxophone:{keywords:["music","instrument","jazz","blues"],"char":"\ud83c\udfb7",fitzpatrick_scale:!1,category:"activity"},trumpet:{keywords:["music","brass"],"char":"\ud83c\udfba",fitzpatrick_scale:!1,category:"activity"},guitar:{keywords:["music","instrument"],"char":"\ud83c\udfb8",fitzpatrick_scale:!1,category:"activity"},violin:{keywords:["music","instrument","orchestra","symphony"],"char":"\ud83c\udfbb",fitzpatrick_scale:!1,category:"activity"},clapper:{keywords:["movie","film","record"],"char":"\ud83c\udfac",fitzpatrick_scale:!1,category:"activity"},video_game:{keywords:["play","console","PS4","controller"],"char":"\ud83c\udfae",fitzpatrick_scale:!1,category:"activity"},space_invader:{keywords:["game","arcade","play"],"char":"\ud83d\udc7e",fitzpatrick_scale:!1,category:"activity"},dart:{keywords:["game","play","bar","target","bullseye"],"char":"\ud83c\udfaf",fitzpatrick_scale:!1,category:"activity"},game_die:{keywords:["dice","random","tabletop","play","luck"],"char":"\ud83c\udfb2",fitzpatrick_scale:!1,category:"activity"},chess_pawn:{keywords:["expendable"],"char":"\u265f",fitzpatrick_scale:!1,category:"activity"},slot_machine:{keywords:["bet","gamble","vegas","fruit machine","luck","casino"],"char":"\ud83c\udfb0",fitzpatrick_scale:!1,category:"activity"},jigsaw:{keywords:["interlocking","puzzle","piece"],"char":"\ud83e\udde9",fitzpatrick_scale:!1,category:"activity"},bowling:{keywords:["sports","fun","play"],"char":"\ud83c\udfb3",fitzpatrick_scale:!1,category:"activity"},red_car:{keywords:["red","transportation","vehicle"],"char":"\ud83d\ude97",fitzpatrick_scale:!1,category:"travel_and_places"},taxi:{keywords:["uber","vehicle","cars","transportation"],"char":"\ud83d\ude95",fitzpatrick_scale:!1,category:"travel_and_places"},blue_car:{keywords:["transportation","vehicle"],"char":"\ud83d\ude99",fitzpatrick_scale:!1,category:"travel_and_places"},bus:{keywords:["car","vehicle","transportation"],"char":"\ud83d\ude8c",fitzpatrick_scale:!1,category:"travel_and_places"},trolleybus:{keywords:["bart","transportation","vehicle"],"char":"\ud83d\ude8e",fitzpatrick_scale:!1,category:"travel_and_places"},racing_car:{keywords:["sports","race","fast","formula","f1"],"char":"\ud83c\udfce",fitzpatrick_scale:!1,category:"travel_and_places"},police_car:{keywords:["vehicle","cars","transportation","law","legal","enforcement"],"char":"\ud83d\ude93",fitzpatrick_scale:!1,category:"travel_and_places"},ambulance:{keywords:["health","911","hospital"],"char":"\ud83d\ude91",fitzpatrick_scale:!1,category:"travel_and_places"},fire_engine:{keywords:["transportation","cars","vehicle"],"char":"\ud83d\ude92",fitzpatrick_scale:!1,category:"travel_and_places"},minibus:{keywords:["vehicle","car","transportation"],"char":"\ud83d\ude90",fitzpatrick_scale:!1,category:"travel_and_places"},truck:{keywords:["cars","transportation"],"char":"\ud83d\ude9a",fitzpatrick_scale:!1,category:"travel_and_places"},articulated_lorry:{keywords:["vehicle","cars","transportation","express"],"char":"\ud83d\ude9b",fitzpatrick_scale:!1,category:"travel_and_places"},tractor:{keywords:["vehicle","car","farming","agriculture"],"char":"\ud83d\ude9c",fitzpatrick_scale:!1,category:"travel_and_places"},kick_scooter:{keywords:["vehicle","kick","razor"],"char":"\ud83d\udef4",fitzpatrick_scale:!1,category:"travel_and_places"},motorcycle:{keywords:["race","sports","fast"],"char":"\ud83c\udfcd",fitzpatrick_scale:!1,category:"travel_and_places"},bike:{keywords:["sports","bicycle","exercise","hipster"],"char":"\ud83d\udeb2",fitzpatrick_scale:!1,category:"travel_and_places"},motor_scooter:{keywords:["vehicle","vespa","sasha"],"char":"\ud83d\udef5",fitzpatrick_scale:!1,category:"travel_and_places"},rotating_light:{keywords:["police","ambulance","911","emergency","alert","error","pinged","law","legal"],"char":"\ud83d\udea8",fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_police_car:{keywords:["vehicle","law","legal","enforcement","911"],"char":"\ud83d\ude94",fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_bus:{keywords:["vehicle","transportation"],"char":"\ud83d\ude8d",fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_automobile:{keywords:["car","vehicle","transportation"],"char":"\ud83d\ude98",fitzpatrick_scale:!1,category:"travel_and_places"},oncoming_taxi:{keywords:["vehicle","cars","uber"],"char":"\ud83d\ude96",fitzpatrick_scale:!1,category:"travel_and_places"},aerial_tramway:{keywords:["transportation","vehicle","ski"],"char":"\ud83d\udea1",fitzpatrick_scale:!1,category:"travel_and_places"},mountain_cableway:{keywords:["transportation","vehicle","ski"],"char":"\ud83d\udea0",fitzpatrick_scale:!1,category:"travel_and_places"},suspension_railway:{keywords:["vehicle","transportation"],"char":"\ud83d\ude9f",fitzpatrick_scale:!1,category:"travel_and_places"},railway_car:{keywords:["transportation","vehicle"],"char":"\ud83d\ude83",fitzpatrick_scale:!1,category:"travel_and_places"},train:{keywords:["transportation","vehicle","carriage","public","travel"],"char":"\ud83d\ude8b",fitzpatrick_scale:!1,category:"travel_and_places"},monorail:{keywords:["transportation","vehicle"],"char":"\ud83d\ude9d",fitzpatrick_scale:!1,category:"travel_and_places"},bullettrain_side:{keywords:["transportation","vehicle"],"char":"\ud83d\ude84",fitzpatrick_scale:!1,category:"travel_and_places"},bullettrain_front:{keywords:["transportation","vehicle","speed","fast","public","travel"],"char":"\ud83d\ude85",fitzpatrick_scale:!1,category:"travel_and_places"},light_rail:{keywords:["transportation","vehicle"],"char":"\ud83d\ude88",fitzpatrick_scale:!1,category:"travel_and_places"},mountain_railway:{keywords:["transportation","vehicle"],"char":"\ud83d\ude9e",fitzpatrick_scale:!1,category:"travel_and_places"},steam_locomotive:{keywords:["transportation","vehicle","train"],"char":"\ud83d\ude82",fitzpatrick_scale:!1,category:"travel_and_places"},train2:{keywords:["transportation","vehicle"],"char":"\ud83d\ude86",fitzpatrick_scale:!1,category:"travel_and_places"},metro:{keywords:["transportation","blue-square","mrt","underground","tube"],"char":"\ud83d\ude87",fitzpatrick_scale:!1,category:"travel_and_places"},tram:{keywords:["transportation","vehicle"],"char":"\ud83d\ude8a",fitzpatrick_scale:!1,category:"travel_and_places"},station:{keywords:["transportation","vehicle","public"],"char":"\ud83d\ude89",fitzpatrick_scale:!1,category:"travel_and_places"},flying_saucer:{keywords:["transportation","vehicle","ufo"],"char":"\ud83d\udef8",fitzpatrick_scale:!1,category:"travel_and_places"},helicopter:{keywords:["transportation","vehicle","fly"],"char":"\ud83d\ude81",fitzpatrick_scale:!1,category:"travel_and_places"},small_airplane:{keywords:["flight","transportation","fly","vehicle"],"char":"\ud83d\udee9",fitzpatrick_scale:!1,category:"travel_and_places"},airplane:{keywords:["vehicle","transportation","flight","fly"],"char":"\u2708\ufe0f",fitzpatrick_scale:!1,category:"travel_and_places"},flight_departure:{keywords:["airport","flight","landing"],"char":"\ud83d\udeeb",fitzpatrick_scale:!1,category:"travel_and_places"},flight_arrival:{keywords:["airport","flight","boarding"],"char":"\ud83d\udeec",fitzpatrick_scale:!1,category:"travel_and_places"},sailboat:{keywords:["ship","summer","transportation","water","sailing"],"char":"\u26f5",fitzpatrick_scale:!1,category:"travel_and_places"},motor_boat:{keywords:["ship"],"char":"\ud83d\udee5",fitzpatrick_scale:!1,category:"travel_and_places"},speedboat:{keywords:["ship","transportation","vehicle","summer"],"char":"\ud83d\udea4",fitzpatrick_scale:!1,category:"travel_and_places"},ferry:{keywords:["boat","ship","yacht"],"char":"\u26f4",fitzpatrick_scale:!1,category:"travel_and_places"},passenger_ship:{keywords:["yacht","cruise","ferry"],"char":"\ud83d\udef3",fitzpatrick_scale:!1,category:"travel_and_places"},rocket:{keywords:["launch","ship","staffmode","NASA","outer space","outer_space","fly"],"char":"\ud83d\ude80",fitzpatrick_scale:!1,category:"travel_and_places"},artificial_satellite:{keywords:["communication","gps","orbit","spaceflight","NASA","ISS"],"char":"\ud83d\udef0",fitzpatrick_scale:!1,category:"travel_and_places"},seat:{keywords:["sit","airplane","transport","bus","flight","fly"],"char":"\ud83d\udcba",fitzpatrick_scale:!1,category:"travel_and_places"},canoe:{keywords:["boat","paddle","water","ship"],"char":"\ud83d\udef6",fitzpatrick_scale:!1,category:"travel_and_places"},anchor:{keywords:["ship","ferry","sea","boat"],"char":"\u2693",fitzpatrick_scale:!1,category:"travel_and_places"},construction:{keywords:["wip","progress","caution","warning"],"char":"\ud83d\udea7",fitzpatrick_scale:!1,category:"travel_and_places"},fuelpump:{keywords:["gas station","petroleum"],"char":"\u26fd",fitzpatrick_scale:!1,category:"travel_and_places"},busstop:{keywords:["transportation","wait"],"char":"\ud83d\ude8f",fitzpatrick_scale:!1,category:"travel_and_places"},vertical_traffic_light:{keywords:["transportation","driving"],"char":"\ud83d\udea6",fitzpatrick_scale:!1,category:"travel_and_places"},traffic_light:{keywords:["transportation","signal"],"char":"\ud83d\udea5",fitzpatrick_scale:!1,category:"travel_and_places"},checkered_flag:{keywords:["contest","finishline","race","gokart"],"char":"\ud83c\udfc1",fitzpatrick_scale:!1,category:"travel_and_places"},ship:{keywords:["transportation","titanic","deploy"],"char":"\ud83d\udea2",fitzpatrick_scale:!1,category:"travel_and_places"},ferris_wheel:{keywords:["photo","carnival","londoneye"],"char":"\ud83c\udfa1",fitzpatrick_scale:!1,category:"travel_and_places"},roller_coaster:{keywords:["carnival","playground","photo","fun"],"char":"\ud83c\udfa2",fitzpatrick_scale:!1,category:"travel_and_places"},carousel_horse:{keywords:["photo","carnival"],"char":"\ud83c\udfa0",fitzpatrick_scale:!1,category:"travel_and_places"},building_construction:{keywords:["wip","working","progress"],"char":"\ud83c\udfd7",fitzpatrick_scale:!1,category:"travel_and_places"},foggy:{keywords:["photo","mountain"],"char":"\ud83c\udf01",fitzpatrick_scale:!1,category:"travel_and_places"},tokyo_tower:{keywords:["photo","japanese"],"char":"\ud83d\uddfc",fitzpatrick_scale:!1,category:"travel_and_places"},factory:{keywords:["building","industry","pollution","smoke"],"char":"\ud83c\udfed",fitzpatrick_scale:!1,category:"travel_and_places"},fountain:{keywords:["photo","summer","water","fresh"],"char":"\u26f2",fitzpatrick_scale:!1,category:"travel_and_places"},rice_scene:{keywords:["photo","japan","asia","tsukimi"],"char":"\ud83c\udf91",fitzpatrick_scale:!1,category:"travel_and_places"},mountain:{keywords:["photo","nature","environment"],"char":"\u26f0",fitzpatrick_scale:!1,category:"travel_and_places"},mountain_snow:{keywords:["photo","nature","environment","winter","cold"],"char":"\ud83c\udfd4",fitzpatrick_scale:!1,category:"travel_and_places"},mount_fuji:{keywords:["photo","mountain","nature","japanese"],"char":"\ud83d\uddfb",fitzpatrick_scale:!1,category:"travel_and_places"},volcano:{keywords:["photo","nature","disaster"],"char":"\ud83c\udf0b",fitzpatrick_scale:!1,category:"travel_and_places"},japan:{keywords:["nation","country","japanese","asia"],"char":"\ud83d\uddfe",fitzpatrick_scale:!1,category:"travel_and_places"},camping:{keywords:["photo","outdoors","tent"],"char":"\ud83c\udfd5",fitzpatrick_scale:!1,category:"travel_and_places"},tent:{keywords:["photo","camping","outdoors"],"char":"\u26fa",fitzpatrick_scale:!1,category:"travel_and_places"},national_park:{keywords:["photo","environment","nature"],"char":"\ud83c\udfde",fitzpatrick_scale:!1,category:"travel_and_places"},motorway:{keywords:["road","cupertino","interstate","highway"],"char":"\ud83d\udee3",fitzpatrick_scale:!1,category:"travel_and_places"},railway_track:{keywords:["train","transportation"],"char":"\ud83d\udee4",fitzpatrick_scale:!1,category:"travel_and_places"},sunrise:{keywords:["morning","view","vacation","photo"],"char":"\ud83c\udf05",fitzpatrick_scale:!1,category:"travel_and_places"},sunrise_over_mountains:{keywords:["view","vacation","photo"],"char":"\ud83c\udf04",fitzpatrick_scale:!1,category:"travel_and_places"},desert:{keywords:["photo","warm","saharah"],"char":"\ud83c\udfdc",fitzpatrick_scale:!1,category:"travel_and_places"},beach_umbrella:{keywords:["weather","summer","sunny","sand","mojito"],"char":"\ud83c\udfd6",fitzpatrick_scale:!1,category:"travel_and_places"},desert_island:{keywords:["photo","tropical","mojito"],"char":"\ud83c\udfdd",fitzpatrick_scale:!1,category:"travel_and_places"},city_sunrise:{keywords:["photo","good morning","dawn"],"char":"\ud83c\udf07",fitzpatrick_scale:!1,category:"travel_and_places"},city_sunset:{keywords:["photo","evening","sky","buildings"],"char":"\ud83c\udf06",fitzpatrick_scale:!1,category:"travel_and_places"},cityscape:{keywords:["photo","night life","urban"],"char":"\ud83c\udfd9",fitzpatrick_scale:!1,category:"travel_and_places"},night_with_stars:{keywords:["evening","city","downtown"],"char":"\ud83c\udf03",fitzpatrick_scale:!1,category:"travel_and_places"},bridge_at_night:{keywords:["photo","sanfrancisco"],"char":"\ud83c\udf09",fitzpatrick_scale:!1,category:"travel_and_places"},milky_way:{keywords:["photo","space","stars"],"char":"\ud83c\udf0c",fitzpatrick_scale:!1,category:"travel_and_places"},stars:{keywords:["night","photo"],"char":"\ud83c\udf20",fitzpatrick_scale:!1,category:"travel_and_places"},sparkler:{keywords:["stars","night","shine"],"char":"\ud83c\udf87",fitzpatrick_scale:!1,category:"travel_and_places"},fireworks:{keywords:["photo","festival","carnival","congratulations"],"char":"\ud83c\udf86",fitzpatrick_scale:!1,category:"travel_and_places"},rainbow:{keywords:["nature","happy","unicorn_face","photo","sky","spring"],"char":"\ud83c\udf08",fitzpatrick_scale:!1,category:"travel_and_places"},houses:{keywords:["buildings","photo"],"char":"\ud83c\udfd8",fitzpatrick_scale:!1,category:"travel_and_places"},european_castle:{keywords:["building","royalty","history"],"char":"\ud83c\udff0",fitzpatrick_scale:!1,category:"travel_and_places"},japanese_castle:{keywords:["photo","building"],"char":"\ud83c\udfef",fitzpatrick_scale:!1,category:"travel_and_places"},stadium:{keywords:["photo","place","sports","concert","venue"],"char":"\ud83c\udfdf",fitzpatrick_scale:!1,category:"travel_and_places"},statue_of_liberty:{keywords:["american","newyork"],"char":"\ud83d\uddfd",fitzpatrick_scale:!1,category:"travel_and_places"},house:{keywords:["building","home"],"char":"\ud83c\udfe0",fitzpatrick_scale:!1,category:"travel_and_places"},house_with_garden:{keywords:["home","plant","nature"],"char":"\ud83c\udfe1",fitzpatrick_scale:!1,category:"travel_and_places"},derelict_house:{keywords:["abandon","evict","broken","building"],"char":"\ud83c\udfda",fitzpatrick_scale:!1,category:"travel_and_places"},office:{keywords:["building","bureau","work"],"char":"\ud83c\udfe2",fitzpatrick_scale:!1,category:"travel_and_places"},department_store:{keywords:["building","shopping","mall"],"char":"\ud83c\udfec",fitzpatrick_scale:!1,category:"travel_and_places"},post_office:{keywords:["building","envelope","communication"],"char":"\ud83c\udfe3",fitzpatrick_scale:!1,category:"travel_and_places"},european_post_office:{keywords:["building","email"],"char":"\ud83c\udfe4",fitzpatrick_scale:!1,category:"travel_and_places"},hospital:{keywords:["building","health","surgery","doctor"],"char":"\ud83c\udfe5",fitzpatrick_scale:!1,category:"travel_and_places"},bank:{keywords:["building","money","sales","cash","business","enterprise"],"char":"\ud83c\udfe6",fitzpatrick_scale:!1,category:"travel_and_places"},hotel:{keywords:["building","accomodation","checkin"],"char":"\ud83c\udfe8",fitzpatrick_scale:!1,category:"travel_and_places"},convenience_store:{keywords:["building","shopping","groceries"],"char":"\ud83c\udfea",fitzpatrick_scale:!1,category:"travel_and_places"},school:{keywords:["building","student","education","learn","teach"],"char":"\ud83c\udfeb",fitzpatrick_scale:!1,category:"travel_and_places"},love_hotel:{keywords:["like","affection","dating"],"char":"\ud83c\udfe9",fitzpatrick_scale:!1,category:"travel_and_places"},wedding:{keywords:["love","like","affection","couple","marriage","bride","groom"],"char":"\ud83d\udc92",fitzpatrick_scale:!1,category:"travel_and_places"},classical_building:{keywords:["art","culture","history"],"char":"\ud83c\udfdb",fitzpatrick_scale:!1,category:"travel_and_places"},church:{keywords:["building","religion","christ"],"char":"\u26ea",fitzpatrick_scale:!1,category:"travel_and_places"},mosque:{keywords:["islam","worship","minaret"],"char":"\ud83d\udd4c",fitzpatrick_scale:!1,category:"travel_and_places"},synagogue:{keywords:["judaism","worship","temple","jewish"],"char":"\ud83d\udd4d",fitzpatrick_scale:!1,category:"travel_and_places"},kaaba:{keywords:["mecca","mosque","islam"],"char":"\ud83d\udd4b",fitzpatrick_scale:!1,category:"travel_and_places"},shinto_shrine:{keywords:["temple","japan","kyoto"],"char":"\u26e9",fitzpatrick_scale:!1,category:"travel_and_places"},watch:{keywords:["time","accessories"],"char":"\u231a",fitzpatrick_scale:!1,category:"objects"},iphone:{keywords:["technology","apple","gadgets","dial"],"char":"\ud83d\udcf1",fitzpatrick_scale:!1,category:"objects"},calling:{keywords:["iphone","incoming"],"char":"\ud83d\udcf2",fitzpatrick_scale:!1,category:"objects"},computer:{keywords:["technology","laptop","screen","display","monitor"],"char":"\ud83d\udcbb",fitzpatrick_scale:!1,category:"objects"},keyboard:{keywords:["technology","computer","type","input","text"],"char":"\u2328",fitzpatrick_scale:!1,category:"objects"},desktop_computer:{keywords:["technology","computing","screen"],"char":"\ud83d\udda5",fitzpatrick_scale:!1,category:"objects"},printer:{keywords:["paper","ink"],"char":"\ud83d\udda8",fitzpatrick_scale:!1,category:"objects"},computer_mouse:{keywords:["click"],"char":"\ud83d\uddb1",fitzpatrick_scale:!1,category:"objects"},trackball:{keywords:["technology","trackpad"],"char":"\ud83d\uddb2",fitzpatrick_scale:!1,category:"objects"},joystick:{keywords:["game","play"],"char":"\ud83d\udd79",fitzpatrick_scale:!1,category:"objects"},clamp:{keywords:["tool"],"char":"\ud83d\udddc",fitzpatrick_scale:!1,category:"objects"},minidisc:{keywords:["technology","record","data","disk","90s"],"char":"\ud83d\udcbd",fitzpatrick_scale:!1,category:"objects"},floppy_disk:{keywords:["oldschool","technology","save","90s","80s"],"char":"\ud83d\udcbe",fitzpatrick_scale:!1,category:"objects"},cd:{keywords:["technology","dvd","disk","disc","90s"],"char":"\ud83d\udcbf",fitzpatrick_scale:!1,category:"objects"},dvd:{keywords:["cd","disk","disc"],"char":"\ud83d\udcc0",fitzpatrick_scale:!1,category:"objects"},vhs:{keywords:["record","video","oldschool","90s","80s"],"char":"\ud83d\udcfc",fitzpatrick_scale:!1,category:"objects"},camera:{keywords:["gadgets","photography"],"char":"\ud83d\udcf7",fitzpatrick_scale:!1,category:"objects"},camera_flash:{keywords:["photography","gadgets"],"char":"\ud83d\udcf8",fitzpatrick_scale:!1,category:"objects"},video_camera:{keywords:["film","record"],"char":"\ud83d\udcf9",fitzpatrick_scale:!1,category:"objects"},movie_camera:{keywords:["film","record"],"char":"\ud83c\udfa5",fitzpatrick_scale:!1,category:"objects"},film_projector:{keywords:["video","tape","record","movie"],"char":"\ud83d\udcfd",fitzpatrick_scale:!1,category:"objects"},film_strip:{keywords:["movie"],"char":"\ud83c\udf9e",fitzpatrick_scale:!1,category:"objects"},telephone_receiver:{keywords:["technology","communication","dial"],"char":"\ud83d\udcde",fitzpatrick_scale:!1,category:"objects"},phone:{keywords:["technology","communication","dial","telephone"],"char":"\u260e\ufe0f",fitzpatrick_scale:!1,category:"objects"},pager:{keywords:["bbcall","oldschool","90s"],"char":"\ud83d\udcdf",fitzpatrick_scale:!1,category:"objects"},fax:{keywords:["communication","technology"],"char":"\ud83d\udce0",fitzpatrick_scale:!1,category:"objects"},tv:{keywords:["technology","program","oldschool","show","television"],"char":"\ud83d\udcfa",fitzpatrick_scale:!1,category:"objects"},radio:{keywords:["communication","music","podcast","program"],"char":"\ud83d\udcfb",fitzpatrick_scale:!1,category:"objects"},studio_microphone:{keywords:["sing","recording","artist","talkshow"],"char":"\ud83c\udf99",fitzpatrick_scale:!1,category:"objects"},level_slider:{keywords:["scale"],"char":"\ud83c\udf9a",fitzpatrick_scale:!1,category:"objects"},control_knobs:{keywords:["dial"],"char":"\ud83c\udf9b",fitzpatrick_scale:!1,category:"objects"},compass:{keywords:["magnetic","navigation","orienteering"],"char":"\ud83e\udded",fitzpatrick_scale:!1,category:"objects"},stopwatch:{keywords:["time","deadline"],"char":"\u23f1",fitzpatrick_scale:!1,category:"objects"},timer_clock:{keywords:["alarm"],"char":"\u23f2",fitzpatrick_scale:!1,category:"objects"},alarm_clock:{keywords:["time","wake"],"char":"\u23f0",fitzpatrick_scale:!1,category:"objects"},mantelpiece_clock:{keywords:["time"],"char":"\ud83d\udd70",fitzpatrick_scale:!1,category:"objects"},hourglass_flowing_sand:{keywords:["oldschool","time","countdown"],"char":"\u23f3",fitzpatrick_scale:!1,category:"objects"},hourglass:{keywords:["time","clock","oldschool","limit","exam","quiz","test"],"char":"\u231b",fitzpatrick_scale:!1,category:"objects"},satellite:{keywords:["communication","future","radio","space"],"char":"\ud83d\udce1",fitzpatrick_scale:!1,category:"objects"},battery:{keywords:["power","energy","sustain"],"char":"\ud83d\udd0b",fitzpatrick_scale:!1,category:"objects"},electric_plug:{keywords:["charger","power"],"char":"\ud83d\udd0c",fitzpatrick_scale:!1,category:"objects"},bulb:{keywords:["light","electricity","idea"],"char":"\ud83d\udca1",fitzpatrick_scale:!1,category:"objects"},flashlight:{keywords:["dark","camping","sight","night"],"char":"\ud83d\udd26",fitzpatrick_scale:!1,category:"objects"},candle:{keywords:["fire","wax"],"char":"\ud83d\udd6f",fitzpatrick_scale:!1,category:"objects"},fire_extinguisher:{keywords:["quench"],"char":"\ud83e\uddef",fitzpatrick_scale:!1,category:"objects"},wastebasket:{keywords:["bin","trash","rubbish","garbage","toss"],"char":"\ud83d\uddd1",fitzpatrick_scale:!1,category:"objects"},oil_drum:{keywords:["barrell"],"char":"\ud83d\udee2",fitzpatrick_scale:!1,category:"objects"},money_with_wings:{keywords:["dollar","bills","payment","sale"],"char":"\ud83d\udcb8",fitzpatrick_scale:!1,category:"objects"},dollar:{keywords:["money","sales","bill","currency"],"char":"\ud83d\udcb5",fitzpatrick_scale:!1,category:"objects"},yen:{keywords:["money","sales","japanese","dollar","currency"],"char":"\ud83d\udcb4",fitzpatrick_scale:!1,category:"objects"},euro:{keywords:["money","sales","dollar","currency"],"char":"\ud83d\udcb6",fitzpatrick_scale:!1,category:"objects"},pound:{keywords:["british","sterling","money","sales","bills","uk","england","currency"],"char":"\ud83d\udcb7",fitzpatrick_scale:!1,category:"objects"},moneybag:{keywords:["dollar","payment","coins","sale"],"char":"\ud83d\udcb0",fitzpatrick_scale:!1,category:"objects"},credit_card:{keywords:["money","sales","dollar","bill","payment","shopping"],"char":"\ud83d\udcb3",fitzpatrick_scale:!1,category:"objects"},gem:{keywords:["blue","ruby","diamond","jewelry"],"char":"\ud83d\udc8e",fitzpatrick_scale:!1,category:"objects"},balance_scale:{keywords:["law","fairness","weight"],"char":"\u2696",fitzpatrick_scale:!1,category:"objects"},toolbox:{keywords:["tools","diy","fix","maintainer","mechanic"],"char":"\ud83e\uddf0",fitzpatrick_scale:!1,category:"objects"},wrench:{keywords:["tools","diy","ikea","fix","maintainer"],"char":"\ud83d\udd27",fitzpatrick_scale:!1,category:"objects"},hammer:{keywords:["tools","build","create"],"char":"\ud83d\udd28",fitzpatrick_scale:!1,category:"objects"},hammer_and_pick:{keywords:["tools","build","create"],"char":"\u2692",fitzpatrick_scale:!1,category:"objects"},hammer_and_wrench:{keywords:["tools","build","create"],"char":"\ud83d\udee0",fitzpatrick_scale:!1,category:"objects"},pick:{keywords:["tools","dig"],"char":"\u26cf",fitzpatrick_scale:!1,category:"objects"},nut_and_bolt:{keywords:["handy","tools","fix"],"char":"\ud83d\udd29",fitzpatrick_scale:!1,category:"objects"},gear:{keywords:["cog"],"char":"\u2699",fitzpatrick_scale:!1,category:"objects"},brick:{keywords:["bricks"],"char":"\ud83e\uddf1",fitzpatrick_scale:!1,category:"objects"},chains:{keywords:["lock","arrest"],"char":"\u26d3",fitzpatrick_scale:!1,category:"objects"},magnet:{keywords:["attraction","magnetic"],"char":"\ud83e\uddf2",fitzpatrick_scale:!1,category:"objects"},gun:{keywords:["violence","weapon","pistol","revolver"],"char":"\ud83d\udd2b",fitzpatrick_scale:!1,category:"objects"},bomb:{keywords:["boom","explode","explosion","terrorism"],"char":"\ud83d\udca3",fitzpatrick_scale:!1,category:"objects"},firecracker:{keywords:["dynamite","boom","explode","explosion","explosive"],"char":"\ud83e\udde8",fitzpatrick_scale:!1,category:"objects"},hocho:{keywords:["knife","blade","cutlery","kitchen","weapon"],"char":"\ud83d\udd2a",fitzpatrick_scale:!1,category:"objects"},dagger:{keywords:["weapon"],"char":"\ud83d\udde1",fitzpatrick_scale:!1,category:"objects"},crossed_swords:{keywords:["weapon"],"char":"\u2694",fitzpatrick_scale:!1,category:"objects"},shield:{keywords:["protection","security"],"char":"\ud83d\udee1",fitzpatrick_scale:!1,category:"objects"},smoking:{keywords:["kills","tobacco","cigarette","joint","smoke"],"char":"\ud83d\udeac",fitzpatrick_scale:!1,category:"objects"},skull_and_crossbones:{keywords:["poison","danger","deadly","scary","death","pirate","evil"],"char":"\u2620",fitzpatrick_scale:!1,category:"objects"},coffin:{keywords:["vampire","dead","die","death","rip","graveyard","cemetery","casket","funeral","box"],"char":"\u26b0",fitzpatrick_scale:!1,category:"objects"},funeral_urn:{keywords:["dead","die","death","rip","ashes"],"char":"\u26b1",fitzpatrick_scale:!1,category:"objects"},amphora:{keywords:["vase","jar"],"char":"\ud83c\udffa",fitzpatrick_scale:!1,category:"objects"},crystal_ball:{keywords:["disco","party","magic","circus","fortune_teller"],"char":"\ud83d\udd2e",fitzpatrick_scale:!1,category:"objects"},prayer_beads:{keywords:["dhikr","religious"],"char":"\ud83d\udcff",fitzpatrick_scale:!1,category:"objects"},nazar_amulet:{keywords:["bead","charm"],"char":"\ud83e\uddff",fitzpatrick_scale:!1,category:"objects"},barber:{keywords:["hair","salon","style"],"char":"\ud83d\udc88",fitzpatrick_scale:!1,category:"objects"},alembic:{keywords:["distilling","science","experiment","chemistry"],"char":"\u2697",fitzpatrick_scale:!1,category:"objects"},telescope:{keywords:["stars","space","zoom","science","astronomy"],"char":"\ud83d\udd2d",fitzpatrick_scale:!1,category:"objects"},microscope:{keywords:["laboratory","experiment","zoomin","science","study"],"char":"\ud83d\udd2c",fitzpatrick_scale:!1,category:"objects"},hole:{keywords:["embarrassing"],"char":"\ud83d\udd73",fitzpatrick_scale:!1,category:"objects"},pill:{keywords:["health","medicine","doctor","pharmacy","drug"],"char":"\ud83d\udc8a",fitzpatrick_scale:!1,category:"objects"},syringe:{keywords:["health","hospital","drugs","blood","medicine","needle","doctor","nurse"],"char":"\ud83d\udc89",fitzpatrick_scale:!1,category:"objects"},dna:{keywords:["biologist","genetics","life"],"char":"\ud83e\uddec",fitzpatrick_scale:!1,category:"objects"},microbe:{keywords:["amoeba","bacteria","germs"],"char":"\ud83e\udda0",fitzpatrick_scale:!1,category:"objects"},petri_dish:{keywords:["bacteria","biology","culture","lab"],"char":"\ud83e\uddeb",fitzpatrick_scale:!1,category:"objects"},test_tube:{keywords:["chemistry","experiment","lab","science"],"char":"\ud83e\uddea",fitzpatrick_scale:!1,category:"objects"},thermometer:{keywords:["weather","temperature","hot","cold"],"char":"\ud83c\udf21",fitzpatrick_scale:!1,category:"objects"},broom:{keywords:["cleaning","sweeping","witch"],"char":"\ud83e\uddf9",fitzpatrick_scale:!1,category:"objects"},basket:{keywords:["laundry"],"char":"\ud83e\uddfa",fitzpatrick_scale:!1,category:"objects"},toilet_paper:{keywords:["roll"],"char":"\ud83e\uddfb",fitzpatrick_scale:!1,category:"objects"},label:{keywords:["sale","tag"],"char":"\ud83c\udff7",fitzpatrick_scale:!1,category:"objects"},bookmark:{keywords:["favorite","label","save"],"char":"\ud83d\udd16",fitzpatrick_scale:!1,category:"objects"},toilet:{keywords:["restroom","wc","washroom","bathroom","potty"],"char":"\ud83d\udebd",fitzpatrick_scale:!1,category:"objects"},shower:{keywords:["clean","water","bathroom"],"char":"\ud83d\udebf",fitzpatrick_scale:!1,category:"objects"},bathtub:{keywords:["clean","shower","bathroom"],"char":"\ud83d\udec1",fitzpatrick_scale:!1,category:"objects"},soap:{keywords:["bar","bathing","cleaning","lather"],"char":"\ud83e\uddfc",fitzpatrick_scale:!1,category:"objects"},sponge:{keywords:["absorbing","cleaning","porous"],"char":"\ud83e\uddfd",fitzpatrick_scale:!1,category:"objects"},lotion_bottle:{keywords:["moisturizer","sunscreen"],"char":"\ud83e\uddf4",fitzpatrick_scale:!1,category:"objects"},key:{keywords:["lock","door","password"],"char":"\ud83d\udd11",fitzpatrick_scale:!1,category:"objects"},old_key:{keywords:["lock","door","password"],"char":"\ud83d\udddd",fitzpatrick_scale:!1,category:"objects"},couch_and_lamp:{keywords:["read","chill"],"char":"\ud83d\udecb",fitzpatrick_scale:!1,category:"objects"},sleeping_bed:{keywords:["bed","rest"],"char":"\ud83d\udecc",fitzpatrick_scale:!0,category:"objects"},bed:{keywords:["sleep","rest"],"char":"\ud83d\udecf",fitzpatrick_scale:!1,category:"objects"},door:{keywords:["house","entry","exit"],"char":"\ud83d\udeaa",fitzpatrick_scale:!1,category:"objects"},bellhop_bell:{keywords:["service"],"char":"\ud83d\udece",fitzpatrick_scale:!1,category:"objects"},teddy_bear:{keywords:["plush","stuffed"],"char":"\ud83e\uddf8",fitzpatrick_scale:!1,category:"objects"},framed_picture:{keywords:["photography"],"char":"\ud83d\uddbc",fitzpatrick_scale:!1,category:"objects"},world_map:{keywords:["location","direction"],"char":"\ud83d\uddfa",fitzpatrick_scale:!1,category:"objects"},parasol_on_ground:{keywords:["weather","summer"],"char":"\u26f1",fitzpatrick_scale:!1,category:"objects"},moyai:{keywords:["rock","easter island","moai"],"char":"\ud83d\uddff",fitzpatrick_scale:!1,category:"objects"},shopping:{keywords:["mall","buy","purchase"],"char":"\ud83d\udecd",fitzpatrick_scale:!1,category:"objects"},shopping_cart:{keywords:["trolley"],"char":"\ud83d\uded2",fitzpatrick_scale:!1,category:"objects"},balloon:{keywords:["party","celebration","birthday","circus"],"char":"\ud83c\udf88",fitzpatrick_scale:!1,category:"objects"},flags:{keywords:["fish","japanese","koinobori","carp","banner"],"char":"\ud83c\udf8f",fitzpatrick_scale:!1,category:"objects"},ribbon:{keywords:["decoration","pink","girl","bowtie"],"char":"\ud83c\udf80",fitzpatrick_scale:!1,category:"objects"},gift:{keywords:["present","birthday","christmas","xmas"],"char":"\ud83c\udf81",fitzpatrick_scale:!1,category:"objects"},confetti_ball:{keywords:["festival","party","birthday","circus"],"char":"\ud83c\udf8a",fitzpatrick_scale:!1,category:"objects"},tada:{keywords:["party","congratulations","birthday","magic","circus","celebration"],"char":"\ud83c\udf89",fitzpatrick_scale:!1,category:"objects"},dolls:{keywords:["japanese","toy","kimono"],"char":"\ud83c\udf8e",fitzpatrick_scale:!1,category:"objects"},wind_chime:{keywords:["nature","ding","spring","bell"],"char":"\ud83c\udf90",fitzpatrick_scale:!1,category:"objects"},crossed_flags:{keywords:["japanese","nation","country","border"],"char":"\ud83c\udf8c",fitzpatrick_scale:!1,category:"objects"},izakaya_lantern:{keywords:["light","paper","halloween","spooky"],"char":"\ud83c\udfee",fitzpatrick_scale:!1,category:"objects"},red_envelope:{keywords:["gift"],"char":"\ud83e\udde7",fitzpatrick_scale:!1,category:"objects"},email:{keywords:["letter","postal","inbox","communication"],"char":"\u2709\ufe0f",fitzpatrick_scale:!1,category:"objects"},envelope_with_arrow:{keywords:["email","communication"],"char":"\ud83d\udce9",fitzpatrick_scale:!1,category:"objects"},incoming_envelope:{keywords:["email","inbox"],"char":"\ud83d\udce8",fitzpatrick_scale:!1,category:"objects"},"e-mail":{keywords:["communication","inbox"],"char":"\ud83d\udce7",fitzpatrick_scale:!1,category:"objects"},love_letter:{keywords:["email","like","affection","envelope","valentines"],"char":"\ud83d\udc8c",fitzpatrick_scale:!1,category:"objects"},postbox:{keywords:["email","letter","envelope"],"char":"\ud83d\udcee",fitzpatrick_scale:!1,category:"objects"},mailbox_closed:{keywords:["email","communication","inbox"],"char":"\ud83d\udcea",fitzpatrick_scale:!1,category:"objects"},mailbox:{keywords:["email","inbox","communication"],"char":"\ud83d\udceb",fitzpatrick_scale:!1,category:"objects"},mailbox_with_mail:{keywords:["email","inbox","communication"],"char":"\ud83d\udcec",fitzpatrick_scale:!1,category:"objects"},mailbox_with_no_mail:{keywords:["email","inbox"],"char":"\ud83d\udced",fitzpatrick_scale:!1,category:"objects"},"package":{keywords:["mail","gift","cardboard","box","moving"],"char":"\ud83d\udce6",fitzpatrick_scale:!1,category:"objects"},postal_horn:{keywords:["instrument","music"],"char":"\ud83d\udcef",fitzpatrick_scale:!1,category:"objects"},inbox_tray:{keywords:["email","documents"],"char":"\ud83d\udce5",fitzpatrick_scale:!1,category:"objects"},outbox_tray:{keywords:["inbox","email"],"char":"\ud83d\udce4",fitzpatrick_scale:!1,category:"objects"},scroll:{keywords:["documents","ancient","history","paper"],"char":"\ud83d\udcdc",fitzpatrick_scale:!1,category:"objects"},page_with_curl:{keywords:["documents","office","paper"],"char":"\ud83d\udcc3",fitzpatrick_scale:!1,category:"objects"},bookmark_tabs:{keywords:["favorite","save","order","tidy"],"char":"\ud83d\udcd1",fitzpatrick_scale:!1,category:"objects"},receipt:{keywords:["accounting","expenses"],"char":"\ud83e\uddfe",fitzpatrick_scale:!1,category:"objects"},bar_chart:{keywords:["graph","presentation","stats"],"char":"\ud83d\udcca",fitzpatrick_scale:!1,category:"objects"},chart_with_upwards_trend:{keywords:["graph","presentation","stats","recovery","business","economics","money","sales","good","success"],"char":"\ud83d\udcc8",fitzpatrick_scale:!1,category:"objects"},chart_with_downwards_trend:{keywords:["graph","presentation","stats","recession","business","economics","money","sales","bad","failure"],"char":"\ud83d\udcc9",fitzpatrick_scale:!1,category:"objects"},page_facing_up:{keywords:["documents","office","paper","information"],"char":"\ud83d\udcc4",fitzpatrick_scale:!1,category:"objects"},date:{keywords:["calendar","schedule"],"char":"\ud83d\udcc5",fitzpatrick_scale:!1,category:"objects"},calendar:{keywords:["schedule","date","planning"],"char":"\ud83d\udcc6",fitzpatrick_scale:!1,category:"objects"},spiral_calendar:{keywords:["date","schedule","planning"],"char":"\ud83d\uddd3",fitzpatrick_scale:!1,category:"objects"},card_index:{keywords:["business","stationery"],"char":"\ud83d\udcc7",fitzpatrick_scale:!1,category:"objects"},card_file_box:{keywords:["business","stationery"],"char":"\ud83d\uddc3",fitzpatrick_scale:!1,category:"objects"},ballot_box:{keywords:["election","vote"],"char":"\ud83d\uddf3",fitzpatrick_scale:!1,category:"objects"},file_cabinet:{keywords:["filing","organizing"],"char":"\ud83d\uddc4",fitzpatrick_scale:!1,category:"objects"},clipboard:{keywords:["stationery","documents"],"char":"\ud83d\udccb",fitzpatrick_scale:!1,category:"objects"},spiral_notepad:{keywords:["memo","stationery"],"char":"\ud83d\uddd2",fitzpatrick_scale:!1,category:"objects"},file_folder:{keywords:["documents","business","office"],"char":"\ud83d\udcc1",fitzpatrick_scale:!1,category:"objects"},open_file_folder:{keywords:["documents","load"],"char":"\ud83d\udcc2",fitzpatrick_scale:!1,category:"objects"},card_index_dividers:{keywords:["organizing","business","stationery"],"char":"\ud83d\uddc2",fitzpatrick_scale:!1,category:"objects"},newspaper_roll:{keywords:["press","headline"],"char":"\ud83d\uddde",fitzpatrick_scale:!1,category:"objects"},newspaper:{keywords:["press","headline"],"char":"\ud83d\udcf0",fitzpatrick_scale:!1,category:"objects"},notebook:{keywords:["stationery","record","notes","paper","study"],"char":"\ud83d\udcd3",fitzpatrick_scale:!1,category:"objects"},closed_book:{keywords:["read","library","knowledge","textbook","learn"],"char":"\ud83d\udcd5",fitzpatrick_scale:!1,category:"objects"},green_book:{keywords:["read","library","knowledge","study"],"char":"\ud83d\udcd7",fitzpatrick_scale:!1,category:"objects"},blue_book:{keywords:["read","library","knowledge","learn","study"],"char":"\ud83d\udcd8",fitzpatrick_scale:!1,category:"objects"},orange_book:{keywords:["read","library","knowledge","textbook","study"],"char":"\ud83d\udcd9",fitzpatrick_scale:!1,category:"objects"},notebook_with_decorative_cover:{keywords:["classroom","notes","record","paper","study"],"char":"\ud83d\udcd4",fitzpatrick_scale:!1,category:"objects"},ledger:{keywords:["notes","paper"],"char":"\ud83d\udcd2",fitzpatrick_scale:!1,category:"objects"},books:{keywords:["literature","library","study"],"char":"\ud83d\udcda",fitzpatrick_scale:!1,category:"objects"},open_book:{keywords:["book","read","library","knowledge","literature","learn","study"],"char":"\ud83d\udcd6",fitzpatrick_scale:!1,category:"objects"},safety_pin:{keywords:["diaper"],"char":"\ud83e\uddf7",fitzpatrick_scale:!1,category:"objects"},link:{keywords:["rings","url"],"char":"\ud83d\udd17",fitzpatrick_scale:!1,category:"objects"},paperclip:{keywords:["documents","stationery"],"char":"\ud83d\udcce",fitzpatrick_scale:!1,category:"objects"},paperclips:{keywords:["documents","stationery"],"char":"\ud83d\udd87",fitzpatrick_scale:!1,category:"objects"},scissors:{keywords:["stationery","cut"],"char":"\u2702\ufe0f",fitzpatrick_scale:!1,category:"objects"},triangular_ruler:{keywords:["stationery","math","architect","sketch"],"char":"\ud83d\udcd0",fitzpatrick_scale:!1,category:"objects"},straight_ruler:{keywords:["stationery","calculate","length","math","school","drawing","architect","sketch"],"char":"\ud83d\udccf",fitzpatrick_scale:!1,category:"objects"},abacus:{keywords:["calculation"],"char":"\ud83e\uddee",fitzpatrick_scale:!1,category:"objects"},pushpin:{keywords:["stationery","mark","here"],"char":"\ud83d\udccc",fitzpatrick_scale:!1,category:"objects"},round_pushpin:{keywords:["stationery","location","map","here"],"char":"\ud83d\udccd",fitzpatrick_scale:!1,category:"objects"},triangular_flag_on_post:{keywords:["mark","milestone","place"],"char":"\ud83d\udea9",fitzpatrick_scale:!1,category:"objects"},white_flag:{keywords:["losing","loser","lost","surrender","give up","fail"],"char":"\ud83c\udff3",fitzpatrick_scale:!1,category:"objects"},black_flag:{keywords:["pirate"],"char":"\ud83c\udff4",fitzpatrick_scale:!1,category:"objects"},rainbow_flag:{keywords:["flag","rainbow","pride","gay","lgbt","glbt","queer","homosexual","lesbian","bisexual","transgender"],"char":"\ud83c\udff3\ufe0f\u200d\ud83c\udf08",fitzpatrick_scale:!1,category:"objects"},closed_lock_with_key:{keywords:["security","privacy"],"char":"\ud83d\udd10",fitzpatrick_scale:!1,category:"objects"},lock:{keywords:["security","password","padlock"],"char":"\ud83d\udd12",fitzpatrick_scale:!1,category:"objects"},unlock:{keywords:["privacy","security"],"char":"\ud83d\udd13",fitzpatrick_scale:!1,category:"objects"},lock_with_ink_pen:{keywords:["security","secret"],"char":"\ud83d\udd0f",fitzpatrick_scale:!1,category:"objects"},pen:{keywords:["stationery","writing","write"],"char":"\ud83d\udd8a",fitzpatrick_scale:!1,category:"objects"},fountain_pen:{keywords:["stationery","writing","write"],"char":"\ud83d\udd8b",fitzpatrick_scale:!1,category:"objects"},black_nib:{keywords:["pen","stationery","writing","write"],"char":"\u2712\ufe0f",fitzpatrick_scale:!1,category:"objects"},memo:{keywords:["write","documents","stationery","pencil","paper","writing","legal","exam","quiz","test","study","compose"],"char":"\ud83d\udcdd",fitzpatrick_scale:!1,category:"objects"},pencil2:{keywords:["stationery","write","paper","writing","school","study"],"char":"\u270f\ufe0f",fitzpatrick_scale:!1,category:"objects"},crayon:{keywords:["drawing","creativity"],"char":"\ud83d\udd8d",fitzpatrick_scale:!1,category:"objects"},paintbrush:{keywords:["drawing","creativity","art"],"char":"\ud83d\udd8c",fitzpatrick_scale:!1,category:"objects"},mag:{keywords:["search","zoom","find","detective"],"char":"\ud83d\udd0d",fitzpatrick_scale:!1,category:"objects"},mag_right:{keywords:["search","zoom","find","detective"],"char":"\ud83d\udd0e",fitzpatrick_scale:!1,category:"objects"},heart:{keywords:["love","like","valentines"],"char":"\u2764\ufe0f",fitzpatrick_scale:!1,category:"symbols"},orange_heart:{keywords:["love","like","affection","valentines"],"char":"\ud83e\udde1",fitzpatrick_scale:!1,category:"symbols"},yellow_heart:{keywords:["love","like","affection","valentines"],"char":"\ud83d\udc9b",fitzpatrick_scale:!1,category:"symbols"},green_heart:{keywords:["love","like","affection","valentines"],"char":"\ud83d\udc9a",fitzpatrick_scale:!1,category:"symbols"},blue_heart:{keywords:["love","like","affection","valentines"],"char":"\ud83d\udc99",fitzpatrick_scale:!1,category:"symbols"},purple_heart:{keywords:["love","like","affection","valentines"],"char":"\ud83d\udc9c",fitzpatrick_scale:!1,category:"symbols"},black_heart:{keywords:["evil"],"char":"\ud83d\udda4",fitzpatrick_scale:!1,category:"symbols"},broken_heart:{keywords:["sad","sorry","break","heart","heartbreak"],"char":"\ud83d\udc94",fitzpatrick_scale:!1,category:"symbols"},heavy_heart_exclamation:{keywords:["decoration","love"],"char":"\u2763",fitzpatrick_scale:!1,category:"symbols"},two_hearts:{keywords:["love","like","affection","valentines","heart"],"char":"\ud83d\udc95",fitzpatrick_scale:!1,category:"symbols"},revolving_hearts:{keywords:["love","like","affection","valentines"],"char":"\ud83d\udc9e",fitzpatrick_scale:!1,category:"symbols"},heartbeat:{keywords:["love","like","affection","valentines","pink","heart"],"char":"\ud83d\udc93",fitzpatrick_scale:!1,category:"symbols"},heartpulse:{keywords:["like","love","affection","valentines","pink"],"char":"\ud83d\udc97",fitzpatrick_scale:!1,category:"symbols"},sparkling_heart:{keywords:["love","like","affection","valentines"],"char":"\ud83d\udc96",fitzpatrick_scale:!1,category:"symbols"},cupid:{keywords:["love","like","heart","affection","valentines"],"char":"\ud83d\udc98",fitzpatrick_scale:!1,category:"symbols"},gift_heart:{keywords:["love","valentines"],"char":"\ud83d\udc9d",fitzpatrick_scale:!1,category:"symbols"},heart_decoration:{keywords:["purple-square","love","like"],"char":"\ud83d\udc9f",fitzpatrick_scale:!1,category:"symbols"},peace_symbol:{keywords:["hippie"],"char":"\u262e",fitzpatrick_scale:!1,category:"symbols"},latin_cross:{keywords:["christianity"],"char":"\u271d",fitzpatrick_scale:!1,category:"symbols"},star_and_crescent:{keywords:["islam"],"char":"\u262a",fitzpatrick_scale:!1,category:"symbols"},om:{keywords:["hinduism","buddhism","sikhism","jainism"],"char":"\ud83d\udd49",fitzpatrick_scale:!1,category:"symbols"},wheel_of_dharma:{keywords:["hinduism","buddhism","sikhism","jainism"],"char":"\u2638",fitzpatrick_scale:!1,category:"symbols"},star_of_david:{keywords:["judaism"],"char":"\u2721",fitzpatrick_scale:!1,category:"symbols"},six_pointed_star:{keywords:["purple-square","religion","jewish","hexagram"],"char":"\ud83d\udd2f",fitzpatrick_scale:!1,category:"symbols"},menorah:{keywords:["hanukkah","candles","jewish"],"char":"\ud83d\udd4e",fitzpatrick_scale:!1,category:"symbols"},yin_yang:{keywords:["balance"],"char":"\u262f",fitzpatrick_scale:!1,category:"symbols"},orthodox_cross:{keywords:["suppedaneum","religion"],"char":"\u2626",fitzpatrick_scale:!1,category:"symbols"},place_of_worship:{keywords:["religion","church","temple","prayer"],"char":"\ud83d\uded0",fitzpatrick_scale:!1,category:"symbols"},ophiuchus:{keywords:["sign","purple-square","constellation","astrology"],"char":"\u26ce",fitzpatrick_scale:!1,category:"symbols"},aries:{keywords:["sign","purple-square","zodiac","astrology"],"char":"\u2648",fitzpatrick_scale:!1,category:"symbols"},taurus:{keywords:["purple-square","sign","zodiac","astrology"],"char":"\u2649",fitzpatrick_scale:!1,category:"symbols"},gemini:{keywords:["sign","zodiac","purple-square","astrology"],"char":"\u264a",fitzpatrick_scale:!1,category:"symbols"},cancer:{keywords:["sign","zodiac","purple-square","astrology"],"char":"\u264b",fitzpatrick_scale:!1,category:"symbols"},leo:{keywords:["sign","purple-square","zodiac","astrology"],"char":"\u264c",fitzpatrick_scale:!1,category:"symbols"},virgo:{keywords:["sign","zodiac","purple-square","astrology"],"char":"\u264d",fitzpatrick_scale:!1,category:"symbols"},libra:{keywords:["sign","purple-square","zodiac","astrology"],"char":"\u264e",fitzpatrick_scale:!1,category:"symbols"},scorpius:{keywords:["sign","zodiac","purple-square","astrology","scorpio"],"char":"\u264f",fitzpatrick_scale:!1,category:"symbols"},sagittarius:{keywords:["sign","zodiac","purple-square","astrology"],"char":"\u2650",fitzpatrick_scale:!1,category:"symbols"},capricorn:{keywords:["sign","zodiac","purple-square","astrology"],"char":"\u2651",fitzpatrick_scale:!1,category:"symbols"},aquarius:{keywords:["sign","purple-square","zodiac","astrology"],"char":"\u2652",fitzpatrick_scale:!1,category:"symbols"},pisces:{keywords:["purple-square","sign","zodiac","astrology"],"char":"\u2653",fitzpatrick_scale:!1,category:"symbols"},id:{keywords:["purple-square","words"],"char":"\ud83c\udd94",fitzpatrick_scale:!1,category:"symbols"},atom_symbol:{keywords:["science","physics","chemistry"],"char":"\u269b",fitzpatrick_scale:!1,category:"symbols"},u7a7a:{keywords:["kanji","japanese","chinese","empty","sky","blue-square"],"char":"\ud83c\ude33",fitzpatrick_scale:!1,category:"symbols"},u5272:{keywords:["cut","divide","chinese","kanji","pink-square"],"char":"\ud83c\ude39",fitzpatrick_scale:!1,category:"symbols"},radioactive:{keywords:["nuclear","danger"],"char":"\u2622",fitzpatrick_scale:!1,category:"symbols"},biohazard:{keywords:["danger"],"char":"\u2623",fitzpatrick_scale:!1,category:"symbols"},mobile_phone_off:{keywords:["mute","orange-square","silence","quiet"],"char":"\ud83d\udcf4",fitzpatrick_scale:!1,category:"symbols"},vibration_mode:{keywords:["orange-square","phone"],"char":"\ud83d\udcf3",fitzpatrick_scale:!1,category:"symbols"},u6709:{keywords:["orange-square","chinese","have","kanji"],"char":"\ud83c\ude36",fitzpatrick_scale:!1,category:"symbols"},u7121:{keywords:["nothing","chinese","kanji","japanese","orange-square"],"char":"\ud83c\ude1a",fitzpatrick_scale:!1,category:"symbols"},u7533:{keywords:["chinese","japanese","kanji","orange-square"],"char":"\ud83c\ude38",fitzpatrick_scale:!1,category:"symbols"},u55b6:{keywords:["japanese","opening hours","orange-square"],"char":"\ud83c\ude3a",fitzpatrick_scale:!1,category:"symbols"},u6708:{keywords:["chinese","month","moon","japanese","orange-square","kanji"],"char":"\ud83c\ude37\ufe0f",fitzpatrick_scale:!1,category:"symbols"},eight_pointed_black_star:{keywords:["orange-square","shape","polygon"],"char":"\u2734\ufe0f",fitzpatrick_scale:!1,category:"symbols"},vs:{keywords:["words","orange-square"],"char":"\ud83c\udd9a",fitzpatrick_scale:!1,category:"symbols"},accept:{keywords:["ok","good","chinese","kanji","agree","yes","orange-circle"],"char":"\ud83c\ude51",fitzpatrick_scale:!1,category:"symbols"},white_flower:{keywords:["japanese","spring"],"char":"\ud83d\udcae",fitzpatrick_scale:!1,category:"symbols"},ideograph_advantage:{keywords:["chinese","kanji","obtain","get","circle"],"char":"\ud83c\ude50",fitzpatrick_scale:!1,category:"symbols"},secret:{keywords:["privacy","chinese","sshh","kanji","red-circle"],"char":"\u3299\ufe0f",fitzpatrick_scale:!1,category:"symbols"},congratulations:{keywords:["chinese","kanji","japanese","red-circle"],"char":"\u3297\ufe0f",fitzpatrick_scale:!1,category:"symbols"},u5408:{keywords:["japanese","chinese","join","kanji","red-square"],"char":"\ud83c\ude34",fitzpatrick_scale:!1,category:"symbols"},u6e80:{keywords:["full","chinese","japanese","red-square","kanji"],"char":"\ud83c\ude35",fitzpatrick_scale:!1,category:"symbols"},u7981:{keywords:["kanji","japanese","chinese","forbidden","limit","restricted","red-square"],"char":"\ud83c\ude32",fitzpatrick_scale:!1,category:"symbols"},a:{keywords:["red-square","alphabet","letter"],"char":"\ud83c\udd70\ufe0f",fitzpatrick_scale:!1,category:"symbols"},b:{keywords:["red-square","alphabet","letter"],"char":"\ud83c\udd71\ufe0f",fitzpatrick_scale:!1,category:"symbols"},ab:{keywords:["red-square","alphabet"],"char":"\ud83c\udd8e",fitzpatrick_scale:!1,category:"symbols"},cl:{keywords:["alphabet","words","red-square"],"char":"\ud83c\udd91",fitzpatrick_scale:!1,category:"symbols"},o2:{keywords:["alphabet","red-square","letter"],"char":"\ud83c\udd7e\ufe0f",fitzpatrick_scale:!1,category:"symbols"},sos:{keywords:["help","red-square","words","emergency","911"],"char":"\ud83c\udd98",fitzpatrick_scale:!1,category:"symbols"},no_entry:{keywords:["limit","security","privacy","bad","denied","stop","circle"],"char":"\u26d4",fitzpatrick_scale:!1,category:"symbols"},name_badge:{keywords:["fire","forbid"],"char":"\ud83d\udcdb",fitzpatrick_scale:!1,category:"symbols"},no_entry_sign:{keywords:["forbid","stop","limit","denied","disallow","circle"],"char":"\ud83d\udeab",fitzpatrick_scale:!1,category:"symbols"},x:{keywords:["no","delete","remove","cancel","red"],"char":"\u274c",fitzpatrick_scale:!1,category:"symbols"},o:{keywords:["circle","round"],"char":"\u2b55",fitzpatrick_scale:!1,category:"symbols"},stop_sign:{keywords:["stop"],"char":"\ud83d\uded1",fitzpatrick_scale:!1,category:"symbols"},anger:{keywords:["angry","mad"],"char":"\ud83d\udca2",fitzpatrick_scale:!1,category:"symbols"},hotsprings:{keywords:["bath","warm","relax"],"char":"\u2668\ufe0f",fitzpatrick_scale:!1,category:"symbols"},no_pedestrians:{keywords:["rules","crossing","walking","circle"],"char":"\ud83d\udeb7",fitzpatrick_scale:!1,category:"symbols"},do_not_litter:{keywords:["trash","bin","garbage","circle"],"char":"\ud83d\udeaf",fitzpatrick_scale:!1,category:"symbols"},no_bicycles:{keywords:["cyclist","prohibited","circle"],"char":"\ud83d\udeb3",fitzpatrick_scale:!1,category:"symbols"},"non-potable_water":{keywords:["drink","faucet","tap","circle"],"char":"\ud83d\udeb1",fitzpatrick_scale:!1,category:"symbols"},underage:{keywords:["18","drink","pub","night","minor","circle"],"char":"\ud83d\udd1e",fitzpatrick_scale:!1,category:"symbols"},no_mobile_phones:{keywords:["iphone","mute","circle"],"char":"\ud83d\udcf5",fitzpatrick_scale:!1,category:"symbols"},exclamation:{keywords:["heavy_exclamation_mark","danger","surprise","punctuation","wow","warning"],"char":"\u2757",fitzpatrick_scale:!1,category:"symbols"},grey_exclamation:{keywords:["surprise","punctuation","gray","wow","warning"],"char":"\u2755",fitzpatrick_scale:!1,category:"symbols"},question:{keywords:["doubt","confused"],"char":"\u2753",fitzpatrick_scale:!1,category:"symbols"},grey_question:{keywords:["doubts","gray","huh","confused"],"char":"\u2754",fitzpatrick_scale:!1,category:"symbols"},bangbang:{keywords:["exclamation","surprise"],"char":"\u203c\ufe0f",fitzpatrick_scale:!1,category:"symbols"},interrobang:{keywords:["wat","punctuation","surprise"],"char":"\u2049\ufe0f",fitzpatrick_scale:!1,category:"symbols"},100:{keywords:["score","perfect","numbers","century","exam","quiz","test","pass","hundred"],"char":"\ud83d\udcaf",fitzpatrick_scale:!1,category:"symbols"},low_brightness:{keywords:["sun","afternoon","warm","summer"],"char":"\ud83d\udd05",fitzpatrick_scale:!1,category:"symbols"},high_brightness:{keywords:["sun","light"],"char":"\ud83d\udd06",fitzpatrick_scale:!1,category:"symbols"},trident:{keywords:["weapon","spear"],"char":"\ud83d\udd31",fitzpatrick_scale:!1,category:"symbols"},fleur_de_lis:{keywords:["decorative","scout"],"char":"\u269c",fitzpatrick_scale:!1,category:"symbols"},part_alternation_mark:{keywords:["graph","presentation","stats","business","economics","bad"],"char":"\u303d\ufe0f",fitzpatrick_scale:!1,category:"symbols"},warning:{keywords:["exclamation","wip","alert","error","problem","issue"],"char":"\u26a0\ufe0f",fitzpatrick_scale:!1,category:"symbols"},children_crossing:{keywords:["school","warning","danger","sign","driving","yellow-diamond"],"char":"\ud83d\udeb8",fitzpatrick_scale:!1,category:"symbols"},beginner:{keywords:["badge","shield"],"char":"\ud83d\udd30",fitzpatrick_scale:!1,category:"symbols"},recycle:{keywords:["arrow","environment","garbage","trash"],"char":"\u267b\ufe0f",fitzpatrick_scale:!1,category:"symbols"},u6307:{keywords:["chinese","point","green-square","kanji"],"char":"\ud83c\ude2f",fitzpatrick_scale:!1,category:"symbols"},chart:{keywords:["green-square","graph","presentation","stats"],"char":"\ud83d\udcb9",fitzpatrick_scale:!1,category:"symbols"},sparkle:{keywords:["stars","green-square","awesome","good","fireworks"],"char":"\u2747\ufe0f",fitzpatrick_scale:!1,category:"symbols"},eight_spoked_asterisk:{keywords:["star","sparkle","green-square"],"char":"\u2733\ufe0f",fitzpatrick_scale:!1,category:"symbols"},negative_squared_cross_mark:{keywords:["x","green-square","no","deny"],"char":"\u274e",fitzpatrick_scale:!1,category:"symbols"},white_check_mark:{keywords:["green-square","ok","agree","vote","election","answer","tick"],"char":"\u2705",fitzpatrick_scale:!1,category:"symbols"},diamond_shape_with_a_dot_inside:{keywords:["jewel","blue","gem","crystal","fancy"],"char":"\ud83d\udca0",fitzpatrick_scale:!1,category:"symbols"},cyclone:{keywords:["weather","swirl","blue","cloud","vortex","spiral","whirlpool","spin","tornado","hurricane","typhoon"],"char":"\ud83c\udf00",fitzpatrick_scale:!1,category:"symbols"},loop:{keywords:["tape","cassette"],"char":"\u27bf",fitzpatrick_scale:!1,category:"symbols"},globe_with_meridians:{keywords:["earth","international","world","internet","interweb","i18n"],"char":"\ud83c\udf10",fitzpatrick_scale:!1,category:"symbols"},m:{keywords:["alphabet","blue-circle","letter"],"char":"\u24c2\ufe0f",fitzpatrick_scale:!1,category:"symbols"},atm:{keywords:["money","sales","cash","blue-square","payment","bank"],"char":"\ud83c\udfe7",fitzpatrick_scale:!1,category:"symbols"},sa:{keywords:["japanese","blue-square","katakana"],"char":"\ud83c\ude02\ufe0f",fitzpatrick_scale:!1,category:"symbols"},passport_control:{keywords:["custom","blue-square"],"char":"\ud83d\udec2",fitzpatrick_scale:!1,category:"symbols"},customs:{keywords:["passport","border","blue-square"],"char":"\ud83d\udec3",fitzpatrick_scale:!1,category:"symbols"},baggage_claim:{keywords:["blue-square","airport","transport"],"char":"\ud83d\udec4",fitzpatrick_scale:!1,category:"symbols"},left_luggage:{keywords:["blue-square","travel"],"char":"\ud83d\udec5",fitzpatrick_scale:!1,category:"symbols"},wheelchair:{keywords:["blue-square","disabled","a11y","accessibility"],"char":"\u267f",fitzpatrick_scale:!1,category:"symbols"},no_smoking:{keywords:["cigarette","blue-square","smell","smoke"],"char":"\ud83d\udead",fitzpatrick_scale:!1,category:"symbols"},wc:{keywords:["toilet","restroom","blue-square"],"char":"\ud83d\udebe",fitzpatrick_scale:!1,category:"symbols"},parking:{keywords:["cars","blue-square","alphabet","letter"],"char":"\ud83c\udd7f\ufe0f",fitzpatrick_scale:!1,category:"symbols"},potable_water:{keywords:["blue-square","liquid","restroom","cleaning","faucet"],"char":"\ud83d\udeb0",fitzpatrick_scale:!1,category:"symbols"},mens:{keywords:["toilet","restroom","wc","blue-square","gender","male"],"char":"\ud83d\udeb9",fitzpatrick_scale:!1,category:"symbols"},womens:{keywords:["purple-square","woman","female","toilet","loo","restroom","gender"],"char":"\ud83d\udeba",fitzpatrick_scale:!1,category:"symbols"},baby_symbol:{keywords:["orange-square","child"],"char":"\ud83d\udebc",fitzpatrick_scale:!1,category:"symbols"},restroom:{keywords:["blue-square","toilet","refresh","wc","gender"],"char":"\ud83d\udebb",fitzpatrick_scale:!1,category:"symbols"},put_litter_in_its_place:{keywords:["blue-square","sign","human","info"],"char":"\ud83d\udeae",fitzpatrick_scale:!1,category:"symbols"},cinema:{keywords:["blue-square","record","film","movie","curtain","stage","theater"],"char":"\ud83c\udfa6",fitzpatrick_scale:!1,category:"symbols"},signal_strength:{keywords:["blue-square","reception","phone","internet","connection","wifi","bluetooth","bars"],"char":"\ud83d\udcf6",fitzpatrick_scale:!1,category:"symbols"},koko:{keywords:["blue-square","here","katakana","japanese","destination"],"char":"\ud83c\ude01",fitzpatrick_scale:!1,category:"symbols"},ng:{keywords:["blue-square","words","shape","icon"],"char":"\ud83c\udd96",fitzpatrick_scale:!1,category:"symbols"},ok:{keywords:["good","agree","yes","blue-square"],"char":"\ud83c\udd97",fitzpatrick_scale:!1,category:"symbols"},up:{keywords:["blue-square","above","high"],"char":"\ud83c\udd99",fitzpatrick_scale:!1,category:"symbols"},cool:{keywords:["words","blue-square"],"char":"\ud83c\udd92",fitzpatrick_scale:!1,category:"symbols"},"new":{keywords:["blue-square","words","start"],"char":"\ud83c\udd95",fitzpatrick_scale:!1,category:"symbols"},free:{keywords:["blue-square","words"],"char":"\ud83c\udd93",fitzpatrick_scale:!1,category:"symbols"},zero:{keywords:["0","numbers","blue-square","null"],"char":"0\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},one:{keywords:["blue-square","numbers","1"],"char":"1\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},two:{keywords:["numbers","2","prime","blue-square"],"char":"2\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},three:{keywords:["3","numbers","prime","blue-square"],"char":"3\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},four:{keywords:["4","numbers","blue-square"],"char":"4\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},five:{keywords:["5","numbers","blue-square","prime"],"char":"5\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},six:{keywords:["6","numbers","blue-square"],"char":"6\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},seven:{keywords:["7","numbers","blue-square","prime"],"char":"7\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},eight:{keywords:["8","blue-square","numbers"],"char":"8\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},nine:{keywords:["blue-square","numbers","9"],"char":"9\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},keycap_ten:{keywords:["numbers","10","blue-square"],"char":"\ud83d\udd1f",fitzpatrick_scale:!1,category:"symbols"},asterisk:{keywords:["star","keycap"],"char":"*\u20e3",fitzpatrick_scale:!1,category:"symbols"},1234:{keywords:["numbers","blue-square"],"char":"\ud83d\udd22",fitzpatrick_scale:!1,category:"symbols"},eject_button:{keywords:["blue-square"],"char":"\u23cf\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_forward:{keywords:["blue-square","right","direction","play"],"char":"\u25b6\ufe0f",fitzpatrick_scale:!1,category:"symbols"},pause_button:{keywords:["pause","blue-square"],"char":"\u23f8",fitzpatrick_scale:!1,category:"symbols"},next_track_button:{keywords:["forward","next","blue-square"],"char":"\u23ed",fitzpatrick_scale:!1,category:"symbols"},stop_button:{keywords:["blue-square"],"char":"\u23f9",fitzpatrick_scale:!1,category:"symbols"},record_button:{keywords:["blue-square"],"char":"\u23fa",fitzpatrick_scale:!1,category:"symbols"},play_or_pause_button:{keywords:["blue-square","play","pause"],"char":"\u23ef",fitzpatrick_scale:!1,category:"symbols"},previous_track_button:{keywords:["backward"],"char":"\u23ee",fitzpatrick_scale:!1,category:"symbols"},fast_forward:{keywords:["blue-square","play","speed","continue"],"char":"\u23e9",fitzpatrick_scale:!1,category:"symbols"},rewind:{keywords:["play","blue-square"],"char":"\u23ea",fitzpatrick_scale:!1,category:"symbols"},twisted_rightwards_arrows:{keywords:["blue-square","shuffle","music","random"],"char":"\ud83d\udd00",fitzpatrick_scale:!1,category:"symbols"},repeat:{keywords:["loop","record"],"char":"\ud83d\udd01",fitzpatrick_scale:!1,category:"symbols"},repeat_one:{keywords:["blue-square","loop"],"char":"\ud83d\udd02",fitzpatrick_scale:!1,category:"symbols"},arrow_backward:{keywords:["blue-square","left","direction"],"char":"\u25c0\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_up_small:{keywords:["blue-square","triangle","direction","point","forward","top"],"char":"\ud83d\udd3c",fitzpatrick_scale:!1,category:"symbols"},arrow_down_small:{keywords:["blue-square","direction","bottom"],"char":"\ud83d\udd3d",fitzpatrick_scale:!1,category:"symbols"},arrow_double_up:{keywords:["blue-square","direction","top"],"char":"\u23eb",fitzpatrick_scale:!1,category:"symbols"},arrow_double_down:{keywords:["blue-square","direction","bottom"],"char":"\u23ec",fitzpatrick_scale:!1,category:"symbols"},arrow_right:{keywords:["blue-square","next"],"char":"\u27a1\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_left:{keywords:["blue-square","previous","back"],"char":"\u2b05\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_up:{keywords:["blue-square","continue","top","direction"],"char":"\u2b06\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_down:{keywords:["blue-square","direction","bottom"],"char":"\u2b07\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_upper_right:{keywords:["blue-square","point","direction","diagonal","northeast"],"char":"\u2197\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_lower_right:{keywords:["blue-square","direction","diagonal","southeast"],"char":"\u2198\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_lower_left:{keywords:["blue-square","direction","diagonal","southwest"],"char":"\u2199\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_upper_left:{keywords:["blue-square","point","direction","diagonal","northwest"],"char":"\u2196\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_up_down:{keywords:["blue-square","direction","way","vertical"],"char":"\u2195\ufe0f",fitzpatrick_scale:!1,category:"symbols"},left_right_arrow:{keywords:["shape","direction","horizontal","sideways"],"char":"\u2194\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrows_counterclockwise:{keywords:["blue-square","sync","cycle"],"char":"\ud83d\udd04",fitzpatrick_scale:!1,category:"symbols"},arrow_right_hook:{keywords:["blue-square","return","rotate","direction"],"char":"\u21aa\ufe0f",fitzpatrick_scale:!1,category:"symbols"},leftwards_arrow_with_hook:{keywords:["back","return","blue-square","undo","enter"],"char":"\u21a9\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_heading_up:{keywords:["blue-square","direction","top"],"char":"\u2934\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrow_heading_down:{keywords:["blue-square","direction","bottom"],"char":"\u2935\ufe0f",fitzpatrick_scale:!1,category:"symbols"},hash:{keywords:["symbol","blue-square","twitter"],"char":"#\ufe0f\u20e3",fitzpatrick_scale:!1,category:"symbols"},information_source:{keywords:["blue-square","alphabet","letter"],"char":"\u2139\ufe0f",fitzpatrick_scale:!1,category:"symbols"},abc:{keywords:["blue-square","alphabet"],"char":"\ud83d\udd24",fitzpatrick_scale:!1,category:"symbols"},abcd:{keywords:["blue-square","alphabet"],"char":"\ud83d\udd21",fitzpatrick_scale:!1,category:"symbols"},capital_abcd:{keywords:["alphabet","words","blue-square"],"char":"\ud83d\udd20",fitzpatrick_scale:!1,category:"symbols"},symbols:{keywords:["blue-square","music","note","ampersand","percent","glyphs","characters"],"char":"\ud83d\udd23",fitzpatrick_scale:!1,category:"symbols"},musical_note:{keywords:["score","tone","sound"],"char":"\ud83c\udfb5",fitzpatrick_scale:!1,category:"symbols"},notes:{keywords:["music","score"],"char":"\ud83c\udfb6",fitzpatrick_scale:!1,category:"symbols"},wavy_dash:{keywords:["draw","line","moustache","mustache","squiggle","scribble"],"char":"\u3030\ufe0f",fitzpatrick_scale:!1,category:"symbols"},curly_loop:{keywords:["scribble","draw","shape","squiggle"],"char":"\u27b0",fitzpatrick_scale:!1,category:"symbols"},heavy_check_mark:{keywords:["ok","nike","answer","yes","tick"],"char":"\u2714\ufe0f",fitzpatrick_scale:!1,category:"symbols"},arrows_clockwise:{keywords:["sync","cycle","round","repeat"],"char":"\ud83d\udd03",fitzpatrick_scale:!1,category:"symbols"},heavy_plus_sign:{keywords:["math","calculation","addition","more","increase"],"char":"\u2795",fitzpatrick_scale:!1,category:"symbols"},heavy_minus_sign:{keywords:["math","calculation","subtract","less"],"char":"\u2796",fitzpatrick_scale:!1,category:"symbols"},heavy_division_sign:{keywords:["divide","math","calculation"],"char":"\u2797",fitzpatrick_scale:!1,category:"symbols"},heavy_multiplication_x:{keywords:["math","calculation"],"char":"\u2716\ufe0f",fitzpatrick_scale:!1,category:"symbols"},infinity:{keywords:["forever"],"char":"\u267e",fitzpatrick_scale:!1,category:"symbols"},heavy_dollar_sign:{keywords:["money","sales","payment","currency","buck"],"char":"\ud83d\udcb2",fitzpatrick_scale:!1,category:"symbols"},currency_exchange:{keywords:["money","sales","dollar","travel"],"char":"\ud83d\udcb1",fitzpatrick_scale:!1,category:"symbols"},copyright:{keywords:["ip","license","circle","law","legal"],"char":"\xa9\ufe0f",fitzpatrick_scale:!1,category:"symbols"},registered:{keywords:["alphabet","circle"],"char":"\xae\ufe0f",fitzpatrick_scale:!1,category:"symbols"},tm:{keywords:["trademark","brand","law","legal"],"char":"\u2122\ufe0f",fitzpatrick_scale:!1,category:"symbols"},end:{keywords:["words","arrow"],"char":"\ud83d\udd1a",fitzpatrick_scale:!1,category:"symbols"},back:{keywords:["arrow","words","return"],"char":"\ud83d\udd19",fitzpatrick_scale:!1,category:"symbols"},on:{keywords:["arrow","words"],"char":"\ud83d\udd1b",fitzpatrick_scale:!1,category:"symbols"},top:{keywords:["words","blue-square"],"char":"\ud83d\udd1d",fitzpatrick_scale:!1,category:"symbols"},soon:{keywords:["arrow","words"],"char":"\ud83d\udd1c",fitzpatrick_scale:!1,category:"symbols"},ballot_box_with_check:{keywords:["ok","agree","confirm","black-square","vote","election","yes","tick"],"char":"\u2611\ufe0f",fitzpatrick_scale:!1,category:"symbols"},radio_button:{keywords:["input","old","music","circle"],"char":"\ud83d\udd18",fitzpatrick_scale:!1,category:"symbols"},white_circle:{keywords:["shape","round"],"char":"\u26aa",fitzpatrick_scale:!1,category:"symbols"},black_circle:{keywords:["shape","button","round"],"char":"\u26ab",fitzpatrick_scale:!1,category:"symbols"},red_circle:{keywords:["shape","error","danger"],"char":"\ud83d\udd34",fitzpatrick_scale:!1,category:"symbols"},large_blue_circle:{keywords:["shape","icon","button"],"char":"\ud83d\udd35",fitzpatrick_scale:!1,category:"symbols"},small_orange_diamond:{keywords:["shape","jewel","gem"],"char":"\ud83d\udd38",fitzpatrick_scale:!1,category:"symbols"},small_blue_diamond:{keywords:["shape","jewel","gem"],"char":"\ud83d\udd39",fitzpatrick_scale:!1,category:"symbols"},large_orange_diamond:{keywords:["shape","jewel","gem"],"char":"\ud83d\udd36",fitzpatrick_scale:!1,category:"symbols"},large_blue_diamond:{keywords:["shape","jewel","gem"],"char":"\ud83d\udd37",fitzpatrick_scale:!1,category:"symbols"},small_red_triangle:{keywords:["shape","direction","up","top"],"char":"\ud83d\udd3a",fitzpatrick_scale:!1,category:"symbols"},black_small_square:{keywords:["shape","icon"],"char":"\u25aa\ufe0f",fitzpatrick_scale:!1,category:"symbols"},white_small_square:{keywords:["shape","icon"],"char":"\u25ab\ufe0f",fitzpatrick_scale:!1,category:"symbols"},black_large_square:{keywords:["shape","icon","button"],"char":"\u2b1b",fitzpatrick_scale:!1,category:"symbols"},white_large_square:{keywords:["shape","icon","stone","button"],"char":"\u2b1c",fitzpatrick_scale:!1,category:"symbols"},small_red_triangle_down:{keywords:["shape","direction","bottom"],"char":"\ud83d\udd3b",fitzpatrick_scale:!1,category:"symbols"},black_medium_square:{keywords:["shape","button","icon"],"char":"\u25fc\ufe0f",fitzpatrick_scale:!1,category:"symbols"},white_medium_square:{keywords:["shape","stone","icon"],"char":"\u25fb\ufe0f",fitzpatrick_scale:!1,category:"symbols"},black_medium_small_square:{keywords:["icon","shape","button"],"char":"\u25fe",fitzpatrick_scale:!1,category:"symbols"},white_medium_small_square:{keywords:["shape","stone","icon","button"],"char":"\u25fd",fitzpatrick_scale:!1,category:"symbols"},black_square_button:{keywords:["shape","input","frame"],"char":"\ud83d\udd32",fitzpatrick_scale:!1,category:"symbols"},white_square_button:{keywords:["shape","input"],"char":"\ud83d\udd33",fitzpatrick_scale:!1,category:"symbols"},speaker:{keywords:["sound","volume","silence","broadcast"],"char":"\ud83d\udd08",fitzpatrick_scale:!1,category:"symbols"},sound:{keywords:["volume","speaker","broadcast"],"char":"\ud83d\udd09",fitzpatrick_scale:!1,category:"symbols"},loud_sound:{keywords:["volume","noise","noisy","speaker","broadcast"],"char":"\ud83d\udd0a",fitzpatrick_scale:!1,category:"symbols"},mute:{keywords:["sound","volume","silence","quiet"],"char":"\ud83d\udd07",fitzpatrick_scale:!1,category:"symbols"},mega:{keywords:["sound","speaker","volume"],"char":"\ud83d\udce3",fitzpatrick_scale:!1,category:"symbols"},loudspeaker:{keywords:["volume","sound"],"char":"\ud83d\udce2",fitzpatrick_scale:!1,category:"symbols"},bell:{keywords:["sound","notification","christmas","xmas","chime"],"char":"\ud83d\udd14",fitzpatrick_scale:!1,category:"symbols"},no_bell:{keywords:["sound","volume","mute","quiet","silent"],"char":"\ud83d\udd15",fitzpatrick_scale:!1,category:"symbols"},black_joker:{keywords:["poker","cards","game","play","magic"],"char":"\ud83c\udccf",fitzpatrick_scale:!1,category:"symbols"},mahjong:{keywords:["game","play","chinese","kanji"],"char":"\ud83c\udc04",fitzpatrick_scale:!1,category:"symbols"},spades:{keywords:["poker","cards","suits","magic"],"char":"\u2660\ufe0f",fitzpatrick_scale:!1,category:"symbols"},clubs:{keywords:["poker","cards","magic","suits"],"char":"\u2663\ufe0f",fitzpatrick_scale:!1,category:"symbols"},hearts:{keywords:["poker","cards","magic","suits"],"char":"\u2665\ufe0f",fitzpatrick_scale:!1,category:"symbols"},diamonds:{keywords:["poker","cards","magic","suits"],"char":"\u2666\ufe0f",fitzpatrick_scale:!1,category:"symbols"},flower_playing_cards:{keywords:["game","sunset","red"],"char":"\ud83c\udfb4",fitzpatrick_scale:!1,category:"symbols"},thought_balloon:{keywords:["bubble","cloud","speech","thinking","dream"],"char":"\ud83d\udcad",fitzpatrick_scale:!1,category:"symbols"},right_anger_bubble:{keywords:["caption","speech","thinking","mad"],"char":"\ud83d\uddef",fitzpatrick_scale:!1,category:"symbols"},speech_balloon:{keywords:["bubble","words","message","talk","chatting"],"char":"\ud83d\udcac",fitzpatrick_scale:!1,category:"symbols"},left_speech_bubble:{keywords:["words","message","talk","chatting"],"char":"\ud83d\udde8",fitzpatrick_scale:!1,category:"symbols"},clock1:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd50",fitzpatrick_scale:!1,category:"symbols"},clock2:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd51",fitzpatrick_scale:!1,category:"symbols"},clock3:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd52",fitzpatrick_scale:!1,category:"symbols"},clock4:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd53",fitzpatrick_scale:!1,category:"symbols"},clock5:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd54",fitzpatrick_scale:!1,category:"symbols"},clock6:{keywords:["time","late","early","schedule","dawn","dusk"],"char":"\ud83d\udd55",fitzpatrick_scale:!1,category:"symbols"},clock7:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd56",fitzpatrick_scale:!1,category:"symbols"},clock8:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd57",fitzpatrick_scale:!1,category:"symbols"},clock9:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd58",fitzpatrick_scale:!1,category:"symbols"},clock10:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd59",fitzpatrick_scale:!1,category:"symbols"},clock11:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd5a",fitzpatrick_scale:!1,category:"symbols"},clock12:{keywords:["time","noon","midnight","midday","late","early","schedule"],"char":"\ud83d\udd5b",fitzpatrick_scale:!1,category:"symbols"},clock130:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd5c",fitzpatrick_scale:!1,category:"symbols"},clock230:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd5d",fitzpatrick_scale:!1,category:"symbols"},clock330:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd5e",fitzpatrick_scale:!1,category:"symbols"},clock430:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd5f",fitzpatrick_scale:!1,category:"symbols"},clock530:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd60",fitzpatrick_scale:!1,category:"symbols"},clock630:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd61",fitzpatrick_scale:!1,category:"symbols"},clock730:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd62",fitzpatrick_scale:!1,category:"symbols"},clock830:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd63",fitzpatrick_scale:!1,category:"symbols"},clock930:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd64",fitzpatrick_scale:!1,category:"symbols"},clock1030:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd65",fitzpatrick_scale:!1,category:"symbols"},clock1130:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd66",fitzpatrick_scale:!1,category:"symbols"},clock1230:{keywords:["time","late","early","schedule"],"char":"\ud83d\udd67",fitzpatrick_scale:!1,category:"symbols"},afghanistan:{keywords:["af","flag","nation","country","banner"],"char":"\ud83c\udde6\ud83c\uddeb",fitzpatrick_scale:!1,category:"flags"},aland_islands:{keywords:["\xc5land","islands","flag","nation","country","banner"],"char":"\ud83c\udde6\ud83c\uddfd",fitzpatrick_scale:!1,category:"flags"},albania:{keywords:["al","flag","nation","country","banner"],"char":"\ud83c\udde6\ud83c\uddf1",fitzpatrick_scale:!1,category:"flags"},algeria:{keywords:["dz","flag","nation","country","banner"],"char":"\ud83c\udde9\ud83c\uddff",fitzpatrick_scale:!1,category:"flags"},american_samoa:{keywords:["american","ws","flag","nation","country","banner"],"char":"\ud83c\udde6\ud83c\uddf8",fitzpatrick_scale:!1,category:"flags"},andorra:{keywords:["ad","flag","nation","country","banner"],"char":"\ud83c\udde6\ud83c\udde9",fitzpatrick_scale:!1,category:"flags"},angola:{keywords:["ao","flag","nation","country","banner"],"char":"\ud83c\udde6\ud83c\uddf4",fitzpatrick_scale:!1,category:"flags"},anguilla:{keywords:["ai","flag","nation","country","banner"],"char":"\ud83c\udde6\ud83c\uddee",fitzpatrick_scale:!1,category:"flags"},antarctica:{keywords:["aq","flag","nation","country","banner"],"char":"\ud83c\udde6\ud83c\uddf6",fitzpatrick_scale:!1,category:"flags"},antigua_barbuda:{keywords:["antigua","barbuda","flag","nation","country","banner"],"char":"\ud83c\udde6\ud83c\uddec",fitzpatrick_scale:!1,category:"flags"},argentina:{keywords:["ar","flag","nation","country","banner"],"char":"\ud83c\udde6\ud83c\uddf7",fitzpatrick_scale:!1,category:"flags"},armenia:{keywords:["am","flag","nation","country","banner"],"char":"\ud83c\udde6\ud83c\uddf2",fitzpatrick_scale:!1,category:"flags"},aruba:{keywords:["aw","flag","nation","country","banner"],"char":"\ud83c\udde6\ud83c\uddfc",fitzpatrick_scale:!1,category:"flags"},australia:{keywords:["au","flag","nation","country","banner"],"char":"\ud83c\udde6\ud83c\uddfa",fitzpatrick_scale:!1,category:"flags"},austria:{keywords:["at","flag","nation","country","banner"],"char":"\ud83c\udde6\ud83c\uddf9",fitzpatrick_scale:!1,category:"flags"},azerbaijan:{keywords:["az","flag","nation","country","banner"],"char":"\ud83c\udde6\ud83c\uddff",fitzpatrick_scale:!1,category:"flags"},bahamas:{keywords:["bs","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\uddf8",fitzpatrick_scale:!1,category:"flags"},bahrain:{keywords:["bh","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\udded",fitzpatrick_scale:!1,category:"flags"},bangladesh:{keywords:["bd","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\udde9",fitzpatrick_scale:!1,category:"flags"},barbados:{keywords:["bb","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\udde7",fitzpatrick_scale:!1,category:"flags"},belarus:{keywords:["by","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\uddfe",fitzpatrick_scale:!1,category:"flags"},belgium:{keywords:["be","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\uddea",fitzpatrick_scale:!1,category:"flags"},belize:{keywords:["bz","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\uddff",fitzpatrick_scale:!1,category:"flags"},benin:{keywords:["bj","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\uddef",fitzpatrick_scale:!1,category:"flags"},bermuda:{keywords:["bm","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\uddf2",fitzpatrick_scale:!1,category:"flags"},bhutan:{keywords:["bt","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\uddf9",fitzpatrick_scale:!1,category:"flags"},bolivia:{keywords:["bo","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\uddf4",fitzpatrick_scale:!1,category:"flags"},caribbean_netherlands:{keywords:["bonaire","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\uddf6",fitzpatrick_scale:!1,category:"flags"},bosnia_herzegovina:{keywords:["bosnia","herzegovina","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\udde6",fitzpatrick_scale:!1,category:"flags"},botswana:{keywords:["bw","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\uddfc",fitzpatrick_scale:!1,category:"flags"},brazil:{keywords:["br","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\uddf7",fitzpatrick_scale:!1,category:"flags"},british_indian_ocean_territory:{keywords:["british","indian","ocean","territory","flag","nation","country","banner"],"char":"\ud83c\uddee\ud83c\uddf4",fitzpatrick_scale:!1,category:"flags"},british_virgin_islands:{keywords:["british","virgin","islands","bvi","flag","nation","country","banner"],"char":"\ud83c\uddfb\ud83c\uddec",fitzpatrick_scale:!1,category:"flags"},brunei:{keywords:["bn","darussalam","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\uddf3",fitzpatrick_scale:!1,category:"flags"},bulgaria:{keywords:["bg","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\uddec",fitzpatrick_scale:!1,category:"flags"},burkina_faso:{keywords:["burkina","faso","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\uddeb",fitzpatrick_scale:!1,category:"flags"},burundi:{keywords:["bi","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\uddee",fitzpatrick_scale:!1,category:"flags"},cape_verde:{keywords:["cabo","verde","flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\uddfb",fitzpatrick_scale:!1,category:"flags"},cambodia:{keywords:["kh","flag","nation","country","banner"],"char":"\ud83c\uddf0\ud83c\udded",fitzpatrick_scale:!1,category:"flags"},cameroon:{keywords:["cm","flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\uddf2",fitzpatrick_scale:!1,category:"flags"},canada:{keywords:["ca","flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\udde6",fitzpatrick_scale:!1,category:"flags"},canary_islands:{keywords:["canary","islands","flag","nation","country","banner"],"char":"\ud83c\uddee\ud83c\udde8",fitzpatrick_scale:!1,category:"flags"},cayman_islands:{keywords:["cayman","islands","flag","nation","country","banner"],"char":"\ud83c\uddf0\ud83c\uddfe",fitzpatrick_scale:!1,category:"flags"},central_african_republic:{keywords:["central","african","republic","flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\uddeb",fitzpatrick_scale:!1,category:"flags"},chad:{keywords:["td","flag","nation","country","banner"],"char":"\ud83c\uddf9\ud83c\udde9",fitzpatrick_scale:!1,category:"flags"},chile:{keywords:["flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\uddf1",fitzpatrick_scale:!1,category:"flags"},cn:{keywords:["china","chinese","prc","flag","country","nation","banner"],"char":"\ud83c\udde8\ud83c\uddf3",fitzpatrick_scale:!1,category:"flags"},christmas_island:{keywords:["christmas","island","flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\uddfd",fitzpatrick_scale:!1,category:"flags"},cocos_islands:{keywords:["cocos","keeling","islands","flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\udde8",fitzpatrick_scale:!1,category:"flags"},colombia:{keywords:["co","flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\uddf4",fitzpatrick_scale:!1,category:"flags"},comoros:{keywords:["km","flag","nation","country","banner"],"char":"\ud83c\uddf0\ud83c\uddf2",fitzpatrick_scale:!1,category:"flags"},congo_brazzaville:{keywords:["congo","flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\uddec",fitzpatrick_scale:!1,category:"flags"},congo_kinshasa:{keywords:["congo","democratic","republic","flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\udde9",fitzpatrick_scale:!1,category:"flags"},cook_islands:{keywords:["cook","islands","flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\uddf0",fitzpatrick_scale:!1,category:"flags"},costa_rica:{keywords:["costa","rica","flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\uddf7",fitzpatrick_scale:!1,category:"flags"},croatia:{keywords:["hr","flag","nation","country","banner"],"char":"\ud83c\udded\ud83c\uddf7",fitzpatrick_scale:!1,category:"flags"},cuba:{keywords:["cu","flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\uddfa",fitzpatrick_scale:!1,category:"flags"},curacao:{keywords:["cura\xe7ao","flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\uddfc",fitzpatrick_scale:!1,category:"flags"},cyprus:{keywords:["cy","flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\uddfe",fitzpatrick_scale:!1,category:"flags"},czech_republic:{keywords:["cz","flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\uddff",fitzpatrick_scale:!1,category:"flags"},denmark:{keywords:["dk","flag","nation","country","banner"],"char":"\ud83c\udde9\ud83c\uddf0",fitzpatrick_scale:!1,category:"flags"},djibouti:{keywords:["dj","flag","nation","country","banner"],"char":"\ud83c\udde9\ud83c\uddef",fitzpatrick_scale:!1,category:"flags"},dominica:{keywords:["dm","flag","nation","country","banner"],"char":"\ud83c\udde9\ud83c\uddf2",fitzpatrick_scale:!1,category:"flags"},dominican_republic:{keywords:["dominican","republic","flag","nation","country","banner"],"char":"\ud83c\udde9\ud83c\uddf4",fitzpatrick_scale:!1,category:"flags"},ecuador:{keywords:["ec","flag","nation","country","banner"],"char":"\ud83c\uddea\ud83c\udde8",fitzpatrick_scale:!1,category:"flags"},egypt:{keywords:["eg","flag","nation","country","banner"],"char":"\ud83c\uddea\ud83c\uddec",fitzpatrick_scale:!1,category:"flags"},el_salvador:{keywords:["el","salvador","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\uddfb",fitzpatrick_scale:!1,category:"flags"},equatorial_guinea:{keywords:["equatorial","gn","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\uddf6",fitzpatrick_scale:!1,category:"flags"},eritrea:{keywords:["er","flag","nation","country","banner"],"char":"\ud83c\uddea\ud83c\uddf7",fitzpatrick_scale:!1,category:"flags"},estonia:{keywords:["ee","flag","nation","country","banner"],"char":"\ud83c\uddea\ud83c\uddea",fitzpatrick_scale:!1,category:"flags"},ethiopia:{keywords:["et","flag","nation","country","banner"],"char":"\ud83c\uddea\ud83c\uddf9",fitzpatrick_scale:!1,category:"flags"},eu:{keywords:["european","union","flag","banner"],"char":"\ud83c\uddea\ud83c\uddfa",fitzpatrick_scale:!1,category:"flags"},falkland_islands:{keywords:["falkland","islands","malvinas","flag","nation","country","banner"],"char":"\ud83c\uddeb\ud83c\uddf0",fitzpatrick_scale:!1,category:"flags"},faroe_islands:{keywords:["faroe","islands","flag","nation","country","banner"],"char":"\ud83c\uddeb\ud83c\uddf4",fitzpatrick_scale:!1,category:"flags"},fiji:{keywords:["fj","flag","nation","country","banner"],"char":"\ud83c\uddeb\ud83c\uddef",fitzpatrick_scale:!1,category:"flags"},finland:{keywords:["fi","flag","nation","country","banner"],"char":"\ud83c\uddeb\ud83c\uddee",fitzpatrick_scale:!1,category:"flags"},fr:{keywords:["banner","flag","nation","france","french","country"],"char":"\ud83c\uddeb\ud83c\uddf7",fitzpatrick_scale:!1,category:"flags"},french_guiana:{keywords:["french","guiana","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\uddeb",fitzpatrick_scale:!1,category:"flags"},french_polynesia:{keywords:["french","polynesia","flag","nation","country","banner"],"char":"\ud83c\uddf5\ud83c\uddeb",fitzpatrick_scale:!1,category:"flags"},french_southern_territories:{keywords:["french","southern","territories","flag","nation","country","banner"],"char":"\ud83c\uddf9\ud83c\uddeb",fitzpatrick_scale:!1,category:"flags"},gabon:{keywords:["ga","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\udde6",fitzpatrick_scale:!1,category:"flags"},gambia:{keywords:["gm","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\uddf2",fitzpatrick_scale:!1,category:"flags"},georgia:{keywords:["ge","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\uddea",fitzpatrick_scale:!1,category:"flags"},de:{keywords:["german","nation","flag","country","banner"],"char":"\ud83c\udde9\ud83c\uddea",fitzpatrick_scale:!1,category:"flags"},ghana:{keywords:["gh","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\udded",fitzpatrick_scale:!1,category:"flags"},gibraltar:{keywords:["gi","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\uddee",fitzpatrick_scale:!1,category:"flags"},greece:{keywords:["gr","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\uddf7",fitzpatrick_scale:!1,category:"flags"},greenland:{keywords:["gl","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\uddf1",fitzpatrick_scale:!1,category:"flags"},grenada:{keywords:["gd","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\udde9",fitzpatrick_scale:!1,category:"flags"},guadeloupe:{keywords:["gp","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\uddf5",fitzpatrick_scale:!1,category:"flags"},guam:{keywords:["gu","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\uddfa",fitzpatrick_scale:!1,category:"flags"},guatemala:{keywords:["gt","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\uddf9",fitzpatrick_scale:!1,category:"flags"},guernsey:{keywords:["gg","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\uddec",fitzpatrick_scale:!1,category:"flags"},guinea:{keywords:["gn","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\uddf3",fitzpatrick_scale:!1,category:"flags"},guinea_bissau:{keywords:["gw","bissau","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\uddfc",fitzpatrick_scale:!1,category:"flags"},guyana:{keywords:["gy","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\uddfe",fitzpatrick_scale:!1,category:"flags"},haiti:{keywords:["ht","flag","nation","country","banner"],"char":"\ud83c\udded\ud83c\uddf9",fitzpatrick_scale:!1,category:"flags"},honduras:{keywords:["hn","flag","nation","country","banner"],"char":"\ud83c\udded\ud83c\uddf3",fitzpatrick_scale:!1,category:"flags"},hong_kong:{keywords:["hong","kong","flag","nation","country","banner"],"char":"\ud83c\udded\ud83c\uddf0",fitzpatrick_scale:!1,category:"flags"},hungary:{keywords:["hu","flag","nation","country","banner"],"char":"\ud83c\udded\ud83c\uddfa",fitzpatrick_scale:!1,category:"flags"},iceland:{keywords:["is","flag","nation","country","banner"],"char":"\ud83c\uddee\ud83c\uddf8",fitzpatrick_scale:!1,category:"flags"},india:{keywords:["in","flag","nation","country","banner"],"char":"\ud83c\uddee\ud83c\uddf3",fitzpatrick_scale:!1,category:"flags"},indonesia:{keywords:["flag","nation","country","banner"],"char":"\ud83c\uddee\ud83c\udde9",fitzpatrick_scale:!1,category:"flags"},iran:{keywords:["iran,","islamic","republic","flag","nation","country","banner"],"char":"\ud83c\uddee\ud83c\uddf7",fitzpatrick_scale:!1,category:"flags"},iraq:{keywords:["iq","flag","nation","country","banner"],"char":"\ud83c\uddee\ud83c\uddf6",fitzpatrick_scale:!1,category:"flags"},ireland:{keywords:["ie","flag","nation","country","banner"],"char":"\ud83c\uddee\ud83c\uddea",fitzpatrick_scale:!1,category:"flags"},isle_of_man:{keywords:["isle","man","flag","nation","country","banner"],"char":"\ud83c\uddee\ud83c\uddf2",fitzpatrick_scale:!1,category:"flags"},israel:{keywords:["il","flag","nation","country","banner"],"char":"\ud83c\uddee\ud83c\uddf1",fitzpatrick_scale:!1,category:"flags"},it:{keywords:["italy","flag","nation","country","banner"],"char":"\ud83c\uddee\ud83c\uddf9",fitzpatrick_scale:!1,category:"flags"},cote_divoire:{keywords:["ivory","coast","flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\uddee",fitzpatrick_scale:!1,category:"flags"},jamaica:{keywords:["jm","flag","nation","country","banner"],"char":"\ud83c\uddef\ud83c\uddf2",fitzpatrick_scale:!1,category:"flags"},jp:{keywords:["japanese","nation","flag","country","banner"],"char":"\ud83c\uddef\ud83c\uddf5",fitzpatrick_scale:!1,category:"flags"},jersey:{keywords:["je","flag","nation","country","banner"],"char":"\ud83c\uddef\ud83c\uddea",fitzpatrick_scale:!1,category:"flags"},jordan:{keywords:["jo","flag","nation","country","banner"],"char":"\ud83c\uddef\ud83c\uddf4",fitzpatrick_scale:!1,category:"flags"},kazakhstan:{keywords:["kz","flag","nation","country","banner"],"char":"\ud83c\uddf0\ud83c\uddff",fitzpatrick_scale:!1,category:"flags"},kenya:{keywords:["ke","flag","nation","country","banner"],"char":"\ud83c\uddf0\ud83c\uddea",fitzpatrick_scale:!1,category:"flags"},kiribati:{keywords:["ki","flag","nation","country","banner"],"char":"\ud83c\uddf0\ud83c\uddee",fitzpatrick_scale:!1,category:"flags"},kosovo:{keywords:["xk","flag","nation","country","banner"],"char":"\ud83c\uddfd\ud83c\uddf0",fitzpatrick_scale:!1,category:"flags"},kuwait:{keywords:["kw","flag","nation","country","banner"],"char":"\ud83c\uddf0\ud83c\uddfc",fitzpatrick_scale:!1,category:"flags"},kyrgyzstan:{keywords:["kg","flag","nation","country","banner"],"char":"\ud83c\uddf0\ud83c\uddec",fitzpatrick_scale:!1,category:"flags"},laos:{keywords:["lao","democratic","republic","flag","nation","country","banner"],"char":"\ud83c\uddf1\ud83c\udde6",fitzpatrick_scale:!1,category:"flags"},latvia:{keywords:["lv","flag","nation","country","banner"],"char":"\ud83c\uddf1\ud83c\uddfb",fitzpatrick_scale:!1,category:"flags"},lebanon:{keywords:["lb","flag","nation","country","banner"],"char":"\ud83c\uddf1\ud83c\udde7",fitzpatrick_scale:!1,category:"flags"},lesotho:{keywords:["ls","flag","nation","country","banner"],"char":"\ud83c\uddf1\ud83c\uddf8",fitzpatrick_scale:!1,category:"flags"},liberia:{keywords:["lr","flag","nation","country","banner"],"char":"\ud83c\uddf1\ud83c\uddf7",fitzpatrick_scale:!1,category:"flags"},libya:{keywords:["ly","flag","nation","country","banner"],"char":"\ud83c\uddf1\ud83c\uddfe",fitzpatrick_scale:!1,category:"flags"},liechtenstein:{keywords:["li","flag","nation","country","banner"],"char":"\ud83c\uddf1\ud83c\uddee",fitzpatrick_scale:!1,category:"flags"},lithuania:{keywords:["lt","flag","nation","country","banner"],"char":"\ud83c\uddf1\ud83c\uddf9",fitzpatrick_scale:!1,category:"flags"},luxembourg:{keywords:["lu","flag","nation","country","banner"],"char":"\ud83c\uddf1\ud83c\uddfa",fitzpatrick_scale:!1,category:"flags"},macau:{keywords:["macao","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddf4",fitzpatrick_scale:!1,category:"flags"},macedonia:{keywords:["macedonia,","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddf0",fitzpatrick_scale:!1,category:"flags"},madagascar:{keywords:["mg","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddec",fitzpatrick_scale:!1,category:"flags"},malawi:{keywords:["mw","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddfc",fitzpatrick_scale:!1,category:"flags"},malaysia:{keywords:["my","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddfe",fitzpatrick_scale:!1,category:"flags"},maldives:{keywords:["mv","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddfb",fitzpatrick_scale:!1,category:"flags"},mali:{keywords:["ml","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddf1",fitzpatrick_scale:!1,category:"flags"},malta:{keywords:["mt","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddf9",fitzpatrick_scale:!1,category:"flags"},marshall_islands:{keywords:["marshall","islands","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\udded",fitzpatrick_scale:!1,category:"flags"},martinique:{keywords:["mq","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddf6",fitzpatrick_scale:!1,category:"flags"},mauritania:{keywords:["mr","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddf7",fitzpatrick_scale:!1,category:"flags"},mauritius:{keywords:["mu","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddfa",fitzpatrick_scale:!1,category:"flags"},mayotte:{keywords:["yt","flag","nation","country","banner"],"char":"\ud83c\uddfe\ud83c\uddf9",fitzpatrick_scale:!1,category:"flags"},mexico:{keywords:["mx","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddfd",fitzpatrick_scale:!1,category:"flags"},micronesia:{keywords:["micronesia,","federated","states","flag","nation","country","banner"],"char":"\ud83c\uddeb\ud83c\uddf2",fitzpatrick_scale:!1,category:"flags"},moldova:{keywords:["moldova,","republic","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\udde9",fitzpatrick_scale:!1,category:"flags"},monaco:{keywords:["mc","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\udde8",fitzpatrick_scale:!1,category:"flags"},mongolia:{keywords:["mn","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddf3",fitzpatrick_scale:!1,category:"flags"},montenegro:{keywords:["me","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddea",fitzpatrick_scale:!1,category:"flags"},montserrat:{keywords:["ms","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddf8",fitzpatrick_scale:!1,category:"flags"},morocco:{keywords:["ma","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\udde6",fitzpatrick_scale:!1,category:"flags"},mozambique:{keywords:["mz","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddff",fitzpatrick_scale:!1,category:"flags"},myanmar:{keywords:["mm","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddf2",fitzpatrick_scale:!1,category:"flags"},namibia:{keywords:["na","flag","nation","country","banner"],"char":"\ud83c\uddf3\ud83c\udde6",fitzpatrick_scale:!1,category:"flags"},nauru:{keywords:["nr","flag","nation","country","banner"],"char":"\ud83c\uddf3\ud83c\uddf7",fitzpatrick_scale:!1,category:"flags"},nepal:{keywords:["np","flag","nation","country","banner"],"char":"\ud83c\uddf3\ud83c\uddf5",fitzpatrick_scale:!1,category:"flags"},netherlands:{keywords:["nl","flag","nation","country","banner"],"char":"\ud83c\uddf3\ud83c\uddf1",fitzpatrick_scale:!1,category:"flags"},new_caledonia:{keywords:["new","caledonia","flag","nation","country","banner"],"char":"\ud83c\uddf3\ud83c\udde8",fitzpatrick_scale:!1,category:"flags"},new_zealand:{keywords:["new","zealand","flag","nation","country","banner"],"char":"\ud83c\uddf3\ud83c\uddff",fitzpatrick_scale:!1,category:"flags"},nicaragua:{keywords:["ni","flag","nation","country","banner"],"char":"\ud83c\uddf3\ud83c\uddee",fitzpatrick_scale:!1,category:"flags"},niger:{keywords:["ne","flag","nation","country","banner"],"char":"\ud83c\uddf3\ud83c\uddea",fitzpatrick_scale:!1,category:"flags"},nigeria:{keywords:["flag","nation","country","banner"],"char":"\ud83c\uddf3\ud83c\uddec",fitzpatrick_scale:!1,category:"flags"},niue:{keywords:["nu","flag","nation","country","banner"],"char":"\ud83c\uddf3\ud83c\uddfa",fitzpatrick_scale:!1,category:"flags"},norfolk_island:{keywords:["norfolk","island","flag","nation","country","banner"],"char":"\ud83c\uddf3\ud83c\uddeb",fitzpatrick_scale:!1,category:"flags"},northern_mariana_islands:{keywords:["northern","mariana","islands","flag","nation","country","banner"],"char":"\ud83c\uddf2\ud83c\uddf5",fitzpatrick_scale:!1,category:"flags"},north_korea:{keywords:["north","korea","nation","flag","country","banner"],"char":"\ud83c\uddf0\ud83c\uddf5",fitzpatrick_scale:!1,category:"flags"},norway:{keywords:["no","flag","nation","country","banner"],"char":"\ud83c\uddf3\ud83c\uddf4",fitzpatrick_scale:!1,category:"flags"},oman:{keywords:["om_symbol","flag","nation","country","banner"],"char":"\ud83c\uddf4\ud83c\uddf2",fitzpatrick_scale:!1,category:"flags"},pakistan:{keywords:["pk","flag","nation","country","banner"],"char":"\ud83c\uddf5\ud83c\uddf0",fitzpatrick_scale:!1,category:"flags"},palau:{keywords:["pw","flag","nation","country","banner"],"char":"\ud83c\uddf5\ud83c\uddfc",fitzpatrick_scale:!1,category:"flags"},palestinian_territories:{keywords:["palestine","palestinian","territories","flag","nation","country","banner"],"char":"\ud83c\uddf5\ud83c\uddf8",fitzpatrick_scale:!1,category:"flags"},panama:{keywords:["pa","flag","nation","country","banner"],"char":"\ud83c\uddf5\ud83c\udde6",fitzpatrick_scale:!1,category:"flags"},papua_new_guinea:{keywords:["papua","new","guinea","flag","nation","country","banner"],"char":"\ud83c\uddf5\ud83c\uddec",fitzpatrick_scale:!1,category:"flags"},paraguay:{keywords:["py","flag","nation","country","banner"],"char":"\ud83c\uddf5\ud83c\uddfe",fitzpatrick_scale:!1,category:"flags"},peru:{keywords:["pe","flag","nation","country","banner"],"char":"\ud83c\uddf5\ud83c\uddea",fitzpatrick_scale:!1,category:"flags"},philippines:{keywords:["ph","flag","nation","country","banner"],"char":"\ud83c\uddf5\ud83c\udded",fitzpatrick_scale:!1,category:"flags"},pitcairn_islands:{keywords:["pitcairn","flag","nation","country","banner"],"char":"\ud83c\uddf5\ud83c\uddf3",fitzpatrick_scale:!1,category:"flags"},poland:{keywords:["pl","flag","nation","country","banner"],"char":"\ud83c\uddf5\ud83c\uddf1",fitzpatrick_scale:!1,category:"flags"},portugal:{keywords:["pt","flag","nation","country","banner"],"char":"\ud83c\uddf5\ud83c\uddf9",fitzpatrick_scale:!1,category:"flags"},puerto_rico:{keywords:["puerto","rico","flag","nation","country","banner"],"char":"\ud83c\uddf5\ud83c\uddf7",fitzpatrick_scale:!1,category:"flags"},qatar:{keywords:["qa","flag","nation","country","banner"],"char":"\ud83c\uddf6\ud83c\udde6",fitzpatrick_scale:!1,category:"flags"},reunion:{keywords:["r\xe9union","flag","nation","country","banner"],"char":"\ud83c\uddf7\ud83c\uddea",fitzpatrick_scale:!1,category:"flags"},romania:{keywords:["ro","flag","nation","country","banner"],"char":"\ud83c\uddf7\ud83c\uddf4",fitzpatrick_scale:!1,category:"flags"},ru:{keywords:["russian","federation","flag","nation","country","banner"],"char":"\ud83c\uddf7\ud83c\uddfa",fitzpatrick_scale:!1,category:"flags"},rwanda:{keywords:["rw","flag","nation","country","banner"],"char":"\ud83c\uddf7\ud83c\uddfc",fitzpatrick_scale:!1,category:"flags"},st_barthelemy:{keywords:["saint","barth\xe9lemy","flag","nation","country","banner"],"char":"\ud83c\udde7\ud83c\uddf1",fitzpatrick_scale:!1,category:"flags"},st_helena:{keywords:["saint","helena","ascension","tristan","cunha","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\udded",fitzpatrick_scale:!1,category:"flags"},st_kitts_nevis:{keywords:["saint","kitts","nevis","flag","nation","country","banner"],"char":"\ud83c\uddf0\ud83c\uddf3",fitzpatrick_scale:!1,category:"flags"},st_lucia:{keywords:["saint","lucia","flag","nation","country","banner"],"char":"\ud83c\uddf1\ud83c\udde8",fitzpatrick_scale:!1,category:"flags"},st_pierre_miquelon:{keywords:["saint","pierre","miquelon","flag","nation","country","banner"],"char":"\ud83c\uddf5\ud83c\uddf2",fitzpatrick_scale:!1,category:"flags"},st_vincent_grenadines:{keywords:["saint","vincent","grenadines","flag","nation","country","banner"],"char":"\ud83c\uddfb\ud83c\udde8",fitzpatrick_scale:!1,category:"flags"},samoa:{keywords:["ws","flag","nation","country","banner"],"char":"\ud83c\uddfc\ud83c\uddf8",fitzpatrick_scale:!1,category:"flags"},san_marino:{keywords:["san","marino","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\uddf2",fitzpatrick_scale:!1,category:"flags"},sao_tome_principe:{keywords:["sao","tome","principe","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\uddf9",fitzpatrick_scale:!1,category:"flags"},saudi_arabia:{keywords:["flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\udde6",fitzpatrick_scale:!1,category:"flags"},senegal:{keywords:["sn","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\uddf3",fitzpatrick_scale:!1,category:"flags"},serbia:{keywords:["rs","flag","nation","country","banner"],"char":"\ud83c\uddf7\ud83c\uddf8",fitzpatrick_scale:!1,category:"flags"},seychelles:{keywords:["sc","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\udde8",fitzpatrick_scale:!1,category:"flags"},sierra_leone:{keywords:["sierra","leone","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\uddf1",fitzpatrick_scale:!1,category:"flags"},singapore:{keywords:["sg","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\uddec",fitzpatrick_scale:!1,category:"flags"},sint_maarten:{keywords:["sint","maarten","dutch","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\uddfd",fitzpatrick_scale:!1,category:"flags"},slovakia:{keywords:["sk","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\uddf0",fitzpatrick_scale:!1,category:"flags"},slovenia:{keywords:["si","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\uddee",fitzpatrick_scale:!1,category:"flags"},solomon_islands:{keywords:["solomon","islands","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\udde7",fitzpatrick_scale:!1,category:"flags"},somalia:{keywords:["so","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\uddf4",fitzpatrick_scale:!1,category:"flags"},south_africa:{keywords:["south","africa","flag","nation","country","banner"],"char":"\ud83c\uddff\ud83c\udde6",fitzpatrick_scale:!1,category:"flags"},south_georgia_south_sandwich_islands:{keywords:["south","georgia","sandwich","islands","flag","nation","country","banner"],"char":"\ud83c\uddec\ud83c\uddf8",fitzpatrick_scale:!1,category:"flags"},kr:{keywords:["south","korea","nation","flag","country","banner"],"char":"\ud83c\uddf0\ud83c\uddf7",fitzpatrick_scale:!1,category:"flags"},south_sudan:{keywords:["south","sd","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\uddf8",fitzpatrick_scale:!1,category:"flags"},es:{keywords:["spain","flag","nation","country","banner"],"char":"\ud83c\uddea\ud83c\uddf8",fitzpatrick_scale:!1,category:"flags"},sri_lanka:{keywords:["sri","lanka","flag","nation","country","banner"],"char":"\ud83c\uddf1\ud83c\uddf0",fitzpatrick_scale:!1,category:"flags"},sudan:{keywords:["sd","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\udde9",fitzpatrick_scale:!1,category:"flags"},suriname:{keywords:["sr","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\uddf7",fitzpatrick_scale:!1,category:"flags"},swaziland:{keywords:["sz","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\uddff",fitzpatrick_scale:!1,category:"flags"},sweden:{keywords:["se","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\uddea",fitzpatrick_scale:!1,category:"flags"},switzerland:{keywords:["ch","flag","nation","country","banner"],"char":"\ud83c\udde8\ud83c\udded",fitzpatrick_scale:!1,category:"flags"},syria:{keywords:["syrian","arab","republic","flag","nation","country","banner"],"char":"\ud83c\uddf8\ud83c\uddfe",fitzpatrick_scale:!1,category:"flags"},taiwan:{keywords:["tw","flag","nation","country","banner"],"char":"\ud83c\uddf9\ud83c\uddfc",fitzpatrick_scale:!1,category:"flags"},tajikistan:{keywords:["tj","flag","nation","country","banner"],"char":"\ud83c\uddf9\ud83c\uddef",fitzpatrick_scale:!1,category:"flags"},tanzania:{keywords:["tanzania,","united","republic","flag","nation","country","banner"],"char":"\ud83c\uddf9\ud83c\uddff",fitzpatrick_scale:!1,category:"flags"},thailand:{keywords:["th","flag","nation","country","banner"],"char":"\ud83c\uddf9\ud83c\udded",fitzpatrick_scale:!1,category:"flags"},timor_leste:{keywords:["timor","leste","flag","nation","country","banner"],"char":"\ud83c\uddf9\ud83c\uddf1",fitzpatrick_scale:!1,category:"flags"},togo:{keywords:["tg","flag","nation","country","banner"],"char":"\ud83c\uddf9\ud83c\uddec",fitzpatrick_scale:!1,category:"flags"},tokelau:{keywords:["tk","flag","nation","country","banner"],"char":"\ud83c\uddf9\ud83c\uddf0",fitzpatrick_scale:!1,category:"flags"},tonga:{keywords:["to","flag","nation","country","banner"],"char":"\ud83c\uddf9\ud83c\uddf4",fitzpatrick_scale:!1,category:"flags"},trinidad_tobago:{keywords:["trinidad","tobago","flag","nation","country","banner"],"char":"\ud83c\uddf9\ud83c\uddf9",fitzpatrick_scale:!1,category:"flags"},tunisia:{keywords:["tn","flag","nation","country","banner"],"char":"\ud83c\uddf9\ud83c\uddf3",fitzpatrick_scale:!1,category:"flags"},tr:{keywords:["turkey","flag","nation","country","banner"],"char":"\ud83c\uddf9\ud83c\uddf7",fitzpatrick_scale:!1,category:"flags"},turkmenistan:{keywords:["flag","nation","country","banner"],"char":"\ud83c\uddf9\ud83c\uddf2",fitzpatrick_scale:!1,category:"flags"},turks_caicos_islands:{keywords:["turks","caicos","islands","flag","nation","country","banner"],"char":"\ud83c\uddf9\ud83c\udde8",fitzpatrick_scale:!1,category:"flags"},tuvalu:{keywords:["flag","nation","country","banner"],"char":"\ud83c\uddf9\ud83c\uddfb",fitzpatrick_scale:!1,category:"flags"},uganda:{keywords:["ug","flag","nation","country","banner"],"char":"\ud83c\uddfa\ud83c\uddec",fitzpatrick_scale:!1,category:"flags"},ukraine:{keywords:["ua","flag","nation","country","banner"],"char":"\ud83c\uddfa\ud83c\udde6",fitzpatrick_scale:!1,category:"flags"},united_arab_emirates:{keywords:["united","arab","emirates","flag","nation","country","banner"],"char":"\ud83c\udde6\ud83c\uddea",fitzpatrick_scale:!1,category:"flags"},uk:{keywords:["united","kingdom","great","britain","northern","ireland","flag","nation","country","banner","british","UK","english","england","union jack"],"char":"\ud83c\uddec\ud83c\udde7",fitzpatrick_scale:!1,category:"flags"},england:{keywords:["flag","english"],"char":"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f",fitzpatrick_scale:!1,category:"flags"},scotland:{keywords:["flag","scottish"],"char":"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc73\udb40\udc63\udb40\udc74\udb40\udc7f",fitzpatrick_scale:!1,category:"flags"},wales:{keywords:["flag","welsh"],"char":"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc77\udb40\udc6c\udb40\udc73\udb40\udc7f",fitzpatrick_scale:!1,category:"flags"},us:{keywords:["united","states","america","flag","nation","country","banner"],"char":"\ud83c\uddfa\ud83c\uddf8",fitzpatrick_scale:!1,category:"flags"},us_virgin_islands:{keywords:["virgin","islands","us","flag","nation","country","banner"],"char":"\ud83c\uddfb\ud83c\uddee",fitzpatrick_scale:!1,category:"flags"},uruguay:{keywords:["uy","flag","nation","country","banner"],"char":"\ud83c\uddfa\ud83c\uddfe",fitzpatrick_scale:!1,category:"flags"},uzbekistan:{keywords:["uz","flag","nation","country","banner"],"char":"\ud83c\uddfa\ud83c\uddff",fitzpatrick_scale:!1,category:"flags"},vanuatu:{keywords:["vu","flag","nation","country","banner"],"char":"\ud83c\uddfb\ud83c\uddfa",fitzpatrick_scale:!1,category:"flags"},vatican_city:{keywords:["vatican","city","flag","nation","country","banner"],"char":"\ud83c\uddfb\ud83c\udde6",fitzpatrick_scale:!1,category:"flags"},venezuela:{keywords:["ve","bolivarian","republic","flag","nation","country","banner"],"char":"\ud83c\uddfb\ud83c\uddea",fitzpatrick_scale:!1,category:"flags"},vietnam:{keywords:["viet","nam","flag","nation","country","banner"],"char":"\ud83c\uddfb\ud83c\uddf3",fitzpatrick_scale:!1,category:"flags"},wallis_futuna:{keywords:["wallis","futuna","flag","nation","country","banner"],"char":"\ud83c\uddfc\ud83c\uddeb",fitzpatrick_scale:!1,category:"flags"},western_sahara:{keywords:["western","sahara","flag","nation","country","banner"],"char":"\ud83c\uddea\ud83c\udded",fitzpatrick_scale:!1,category:"flags"},yemen:{keywords:["ye","flag","nation","country","banner"],"char":"\ud83c\uddfe\ud83c\uddea",fitzpatrick_scale:!1,category:"flags"},zambia:{keywords:["zm","flag","nation","country","banner"],"char":"\ud83c\uddff\ud83c\uddf2",fitzpatrick_scale:!1,category:"flags"},zimbabwe:{keywords:["zw","flag","nation","country","banner"],"char":"\ud83c\uddff\ud83c\uddfc",fitzpatrick_scale:!1,category:"flags"},united_nations:{keywords:["un","flag","banner"],"char":"\ud83c\uddfa\ud83c\uddf3",fitzpatrick_scale:!1,category:"flags"},pirate_flag:{keywords:["skull","crossbones","flag","banner"],"char":"\ud83c\udff4\u200d\u2620\ufe0f",fitzpatrick_scale:!1,category:"flags"}});
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/emoticons/plugin.js b/src/assets/tinymce/plugins/emoticons/plugin.js
new file mode 100644
index 00000000..e939611e
--- /dev/null
+++ b/src/assets/tinymce/plugins/emoticons/plugin.js
@@ -0,0 +1,605 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var DEFAULT_ID = 'tinymce.plugins.emoticons';
+    var getEmoticonDatabase = function (editor) {
+      return editor.getParam('emoticons_database', 'emojis', 'string');
+    };
+    var getEmoticonDatabaseUrl = function (editor, pluginUrl) {
+      var database = getEmoticonDatabase(editor);
+      return editor.getParam('emoticons_database_url', pluginUrl + '/js/' + database + editor.suffix + '.js', 'string');
+    };
+    var getEmoticonDatabaseId = function (editor) {
+      return editor.getParam('emoticons_database_id', DEFAULT_ID, 'string');
+    };
+    var getAppendedEmoticons = function (editor) {
+      return editor.getParam('emoticons_append', {}, 'object');
+    };
+    var getEmotionsImageUrl = function (editor) {
+      return editor.getParam('emoticons_images_url', 'https://twemoji.maxcdn.com/v/13.0.1/72x72/', 'string');
+    };
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p))
+              t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var hasOwnProperty = Object.prototype.hasOwnProperty;
+    var shallow = function (old, nu) {
+      return nu;
+    };
+    var baseMerge = function (merger) {
+      return function () {
+        var objects = new Array(arguments.length);
+        for (var i = 0; i < objects.length; i++) {
+          objects[i] = arguments[i];
+        }
+        if (objects.length === 0) {
+          throw new Error('Can\'t merge zero objects');
+        }
+        var ret = {};
+        for (var j = 0; j < objects.length; j++) {
+          var curObject = objects[j];
+          for (var key in curObject) {
+            if (hasOwnProperty.call(curObject, key)) {
+              ret[key] = merger(ret[key], curObject[key]);
+            }
+          }
+        }
+        return ret;
+      };
+    };
+    var merge = baseMerge(shallow);
+
+    var noop = function () {
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var keys = Object.keys;
+    var hasOwnProperty$1 = Object.hasOwnProperty;
+    var each = function (obj, f) {
+      var props = keys(obj);
+      for (var k = 0, len = props.length; k < len; k++) {
+        var i = props[k];
+        var x = obj[i];
+        f(x, i);
+      }
+    };
+    var map = function (obj, f) {
+      return tupleMap(obj, function (x, i) {
+        return {
+          k: i,
+          v: f(x, i)
+        };
+      });
+    };
+    var tupleMap = function (obj, f) {
+      var r = {};
+      each(obj, function (x, i) {
+        var tuple = f(x, i);
+        r[tuple.k] = tuple.v;
+      });
+      return r;
+    };
+    var has = function (obj, key) {
+      return hasOwnProperty$1.call(obj, key);
+    };
+
+    var checkRange = function (str, substr, start) {
+      return substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    };
+    var contains = function (str, substr) {
+      return str.indexOf(substr) !== -1;
+    };
+    var startsWith = function (str, prefix) {
+      return checkRange(str, prefix, 0);
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Resource');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.Promise');
+
+    var ALL_CATEGORY = 'All';
+    var categoryNameMap = {
+      symbols: 'Symbols',
+      people: 'People',
+      animals_and_nature: 'Animals and Nature',
+      food_and_drink: 'Food and Drink',
+      activity: 'Activity',
+      travel_and_places: 'Travel and Places',
+      objects: 'Objects',
+      flags: 'Flags',
+      user: 'User Defined'
+    };
+    var translateCategory = function (categories, name) {
+      return has(categories, name) ? categories[name] : name;
+    };
+    var getUserDefinedEmoticons = function (editor) {
+      var userDefinedEmoticons = getAppendedEmoticons(editor);
+      return map(userDefinedEmoticons, function (value) {
+        return __assign({
+          keywords: [],
+          category: 'user'
+        }, value);
+      });
+    };
+    var initDatabase = function (editor, databaseUrl, databaseId) {
+      var categories = Cell(Optional.none());
+      var all = Cell(Optional.none());
+      var emojiImagesUrl = getEmotionsImageUrl(editor);
+      var getEmoji = function (lib) {
+        if (startsWith(lib.char, '<img')) {
+          return lib.char.replace(/src="([^"]+)"/, function (match, url) {
+            return 'src="' + emojiImagesUrl + url + '"';
+          });
+        } else {
+          return lib.char;
+        }
+      };
+      var processEmojis = function (emojis) {
+        var cats = {};
+        var everything = [];
+        each(emojis, function (lib, title) {
+          var entry = {
+            title: title,
+            keywords: lib.keywords,
+            char: getEmoji(lib),
+            category: translateCategory(categoryNameMap, lib.category)
+          };
+          var current = cats[entry.category] !== undefined ? cats[entry.category] : [];
+          cats[entry.category] = current.concat([entry]);
+          everything.push(entry);
+        });
+        categories.set(Optional.some(cats));
+        all.set(Optional.some(everything));
+      };
+      editor.on('init', function () {
+        global$1.load(databaseId, databaseUrl).then(function (emojis) {
+          var userEmojis = getUserDefinedEmoticons(editor);
+          processEmojis(merge(emojis, userEmojis));
+        }, function (err) {
+          console.log('Failed to load emoticons: ' + err);
+          categories.set(Optional.some({}));
+          all.set(Optional.some([]));
+        });
+      });
+      var listCategory = function (category) {
+        if (category === ALL_CATEGORY) {
+          return listAll();
+        }
+        return categories.get().bind(function (cats) {
+          return Optional.from(cats[category]);
+        }).getOr([]);
+      };
+      var listAll = function () {
+        return all.get().getOr([]);
+      };
+      var listCategories = function () {
+        return [ALL_CATEGORY].concat(keys(categories.get().getOr({})));
+      };
+      var waitForLoad = function () {
+        if (hasLoaded()) {
+          return global$3.resolve(true);
+        } else {
+          return new global$3(function (resolve, reject) {
+            var numRetries = 15;
+            var interval = global$2.setInterval(function () {
+              if (hasLoaded()) {
+                global$2.clearInterval(interval);
+                resolve(true);
+              } else {
+                numRetries--;
+                if (numRetries < 0) {
+                  console.log('Could not load emojis from url: ' + databaseUrl);
+                  global$2.clearInterval(interval);
+                  reject(false);
+                }
+              }
+            }, 100);
+          });
+        }
+      };
+      var hasLoaded = function () {
+        return categories.get().isSome() && all.get().isSome();
+      };
+      return {
+        listCategories: listCategories,
+        hasLoaded: hasLoaded,
+        waitForLoad: waitForLoad,
+        listAll: listAll,
+        listCategory: listCategory
+      };
+    };
+
+    var exists = function (xs, pred) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return true;
+        }
+      }
+      return false;
+    };
+    var map$1 = function (xs, f) {
+      var len = xs.length;
+      var r = new Array(len);
+      for (var i = 0; i < len; i++) {
+        var x = xs[i];
+        r[i] = f(x, i);
+      }
+      return r;
+    };
+    var each$1 = function (xs, f) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+
+    var setup = function (editor) {
+      editor.on('PreInit', function () {
+        editor.parser.addAttributeFilter('data-emoticon', function (nodes) {
+          each$1(nodes, function (node) {
+            node.attr('data-mce-resize', 'false');
+            node.attr('data-mce-placeholder', '1');
+          });
+        });
+      });
+    };
+
+    var emojiMatches = function (emoji, lowerCasePattern) {
+      return contains(emoji.title.toLowerCase(), lowerCasePattern) || exists(emoji.keywords, function (k) {
+        return contains(k.toLowerCase(), lowerCasePattern);
+      });
+    };
+    var emojisFrom = function (list, pattern, maxResults) {
+      var matches = [];
+      var lowerCasePattern = pattern.toLowerCase();
+      var reachedLimit = maxResults.fold(function () {
+        return never;
+      }, function (max) {
+        return function (size) {
+          return size >= max;
+        };
+      });
+      for (var i = 0; i < list.length; i++) {
+        if (pattern.length === 0 || emojiMatches(list[i], lowerCasePattern)) {
+          matches.push({
+            value: list[i].char,
+            text: list[i].title,
+            icon: list[i].char
+          });
+          if (reachedLimit(matches.length)) {
+            break;
+          }
+        }
+      }
+      return matches;
+    };
+
+    var init = function (editor, database) {
+      editor.ui.registry.addAutocompleter('emoticons', {
+        ch: ':',
+        columns: 'auto',
+        minChars: 2,
+        fetch: function (pattern, maxResults) {
+          return database.waitForLoad().then(function () {
+            var candidates = database.listAll();
+            return emojisFrom(candidates, pattern, Optional.some(maxResults));
+          });
+        },
+        onAction: function (autocompleteApi, rng, value) {
+          editor.selection.setRng(rng);
+          editor.insertContent(value);
+          autocompleteApi.hide();
+        }
+      });
+    };
+
+    var last = function (fn, rate) {
+      var timer = null;
+      var cancel = function () {
+        if (timer !== null) {
+          clearTimeout(timer);
+          timer = null;
+        }
+      };
+      var throttle = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        if (timer !== null) {
+          clearTimeout(timer);
+        }
+        timer = setTimeout(function () {
+          fn.apply(null, args);
+          timer = null;
+        }, rate);
+      };
+      return {
+        cancel: cancel,
+        throttle: throttle
+      };
+    };
+
+    var insertEmoticon = function (editor, ch) {
+      editor.insertContent(ch);
+    };
+
+    var patternName = 'pattern';
+    var open = function (editor, database) {
+      var initialState = {
+        pattern: '',
+        results: emojisFrom(database.listAll(), '', Optional.some(300))
+      };
+      var currentTab = Cell(ALL_CATEGORY);
+      var scan = function (dialogApi) {
+        var dialogData = dialogApi.getData();
+        var category = currentTab.get();
+        var candidates = database.listCategory(category);
+        var results = emojisFrom(candidates, dialogData[patternName], category === ALL_CATEGORY ? Optional.some(300) : Optional.none());
+        dialogApi.setData({ results: results });
+      };
+      var updateFilter = last(function (dialogApi) {
+        scan(dialogApi);
+      }, 200);
+      var searchField = {
+        label: 'Search',
+        type: 'input',
+        name: patternName
+      };
+      var resultsField = {
+        type: 'collection',
+        name: 'results'
+      };
+      var getInitialState = function () {
+        var body = {
+          type: 'tabpanel',
+          tabs: map$1(database.listCategories(), function (cat) {
+            return {
+              title: cat,
+              name: cat,
+              items: [
+                searchField,
+                resultsField
+              ]
+            };
+          })
+        };
+        return {
+          title: 'Emoticons',
+          size: 'normal',
+          body: body,
+          initialData: initialState,
+          onTabChange: function (dialogApi, details) {
+            currentTab.set(details.newTabName);
+            updateFilter.throttle(dialogApi);
+          },
+          onChange: updateFilter.throttle,
+          onAction: function (dialogApi, actionData) {
+            if (actionData.name === 'results') {
+              insertEmoticon(editor, actionData.value);
+              dialogApi.close();
+            }
+          },
+          buttons: [{
+              type: 'cancel',
+              text: 'Close',
+              primary: true
+            }]
+        };
+      };
+      var dialogApi = editor.windowManager.open(getInitialState());
+      dialogApi.focus(patternName);
+      if (!database.hasLoaded()) {
+        dialogApi.block('Loading emoticons...');
+        database.waitForLoad().then(function () {
+          dialogApi.redial(getInitialState());
+          updateFilter.throttle(dialogApi);
+          dialogApi.focus(patternName);
+          dialogApi.unblock();
+        }).catch(function (_err) {
+          dialogApi.redial({
+            title: 'Emoticons',
+            body: {
+              type: 'panel',
+              items: [{
+                  type: 'alertbanner',
+                  level: 'error',
+                  icon: 'warning',
+                  text: '<p>Could not load emoticons</p>'
+                }]
+            },
+            buttons: [{
+                type: 'cancel',
+                text: 'Close',
+                primary: true
+              }],
+            initialData: {
+              pattern: '',
+              results: []
+            }
+          });
+          dialogApi.focus(patternName);
+          dialogApi.unblock();
+        });
+      }
+    };
+
+    var register = function (editor, database) {
+      var onAction = function () {
+        return open(editor, database);
+      };
+      editor.ui.registry.addButton('emoticons', {
+        tooltip: 'Emoticons',
+        icon: 'emoji',
+        onAction: onAction
+      });
+      editor.ui.registry.addMenuItem('emoticons', {
+        text: 'Emoticons...',
+        icon: 'emoji',
+        onAction: onAction
+      });
+    };
+
+    function Plugin () {
+      global.add('emoticons', function (editor, pluginUrl) {
+        var databaseUrl = getEmoticonDatabaseUrl(editor, pluginUrl);
+        var databaseId = getEmoticonDatabaseId(editor);
+        var database = initDatabase(editor, databaseUrl, databaseId);
+        register(editor, database);
+        init(editor, database);
+        setup(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/emoticons/plugin.min.js b/src/assets/tinymce/plugins/emoticons/plugin.min.js
new file mode 100644
index 00000000..250d7865
--- /dev/null
+++ b/src/assets/tinymce/plugins/emoticons/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var u,t,n,e,r=tinymce.util.Tools.resolve("tinymce.PluginManager"),o=function(){return(o=Object.assign||function(t){for(var n,e=1,r=arguments.length;e<r;e++)for(var o in n=arguments[e])Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o]);return t}).apply(this,arguments)},m=function(t){var n=t;return{get:function(){return n},set:function(t){n=t}}},a=Object.prototype.hasOwnProperty,c=function(){for(var t=new Array(arguments.length),n=0;n<t.length;n++)t[n]=arguments[n];if(0===t.length)throw new Error("Can't merge zero objects");for(var e={},r=0;r<t.length;r++){var o=t[r];for(var i in o)a.call(o,i)&&(e[i]=u(e[i],o[i]))}return e},i=function(t){return function(){return t}},l=i(!(u=function(t,n){return n})),s=i(!0),f=function(){return g},g=(t=function(t){return t.isNone()},{fold:function(t,n){return t()},is:l,isSome:l,isNone:s,getOr:e=function(t){return t},getOrThunk:n=function(t){return t()},getOrDie:function(t){throw new Error(t||"error: getOrDie called on none.")},getOrNull:i(null),getOrUndefined:i(undefined),or:e,orThunk:n,map:f,each:function(){},bind:f,exists:l,forall:s,filter:f,equals:t,equals_:t,toArray:function(){return[]},toString:i("none()")}),d=function(e){var t=i(e),n=function(){return o},r=function(t){return t(e)},o={fold:function(t,n){return n(e)},is:function(t){return e===t},isSome:s,isNone:l,getOr:t,getOrThunk:t,getOrDie:t,getOrNull:t,getOrUndefined:t,or:n,orThunk:n,map:function(t){return d(t(e))},each:function(t){t(e)},bind:r,exists:r,forall:r,filter:function(t){return t(e)?o:g},toArray:function(){return[e]},toString:function(){return"some("+e+")"},equals:function(t){return t.is(e)},equals_:function(t,n){return t.fold(l,function(t){return n(e,t)})}};return o},h={some:d,none:f,from:function(t){return null===t||t===undefined?g:d(t)}},y=Object.keys,v=Object.hasOwnProperty,p=function(t,n){for(var e=y(t),r=0,o=e.length;r<o;r++){var i=e[r];n(t[i],i)}},b=function(t,r){var o={};return p(t,function(t,n){var e=r(t,n);o[e.k]=e.v}),o},w=function(t,n){return-1!==t.indexOf(n)},O=tinymce.util.Tools.resolve("tinymce.Resource"),C=tinymce.util.Tools.resolve("tinymce.util.Delay"),j=tinymce.util.Tools.resolve("tinymce.util.Promise"),k="All",A={symbols:"Symbols",people:"People",animals_and_nature:"Animals and Nature",food_and_drink:"Food and Drink",activity:"Activity",travel_and_places:"Travel and Places",objects:"Objects",flags:"Flags",user:"User Defined"},_=function(t,n){return e=t,r=n,v.call(e,r)?t[n]:n;var e,r},T=function(t){var e,n=t.getParam("emoticons_append",{},"object");return e=function(t){return o({keywords:[],category:"user"},t)},b(n,function(t,n){return{k:n,v:e(t,n)}})},P=function(e,o,t){var r=m(h.none()),n=m(h.none()),f=e.getParam("emoticons_images_url","https://twemoji.maxcdn.com/v/13.0.1/72x72/","string"),i=function(t){var l={},s=[];p(t,function(t,n){var e,r,o,i,u,a={title:n,keywords:t.keywords,"char":(r=(e=t)["char"],u=0,i="<img",(o=r).length>=i.length&&o.substr(u,u+i.length)===i?e["char"].replace(/src="([^"]+)"/,function(t,n){return'src="'+f+n+'"'}):e["char"]),category:_(A,t.category)},c=l[a.category]!==undefined?l[a.category]:[];l[a.category]=c.concat([a]),s.push(a)}),r.set(h.some(l)),n.set(h.some(s))};e.on("init",function(){O.load(t,o).then(function(t){var n=T(e);i(c(t,n))},function(t){console.log("Failed to load emoticons: "+t),r.set(h.some({})),n.set(h.some([]))})});var u=function(){return n.get().getOr([])},a=function(){return r.get().isSome()&&n.get().isSome()};return{listCategories:function(){return[k].concat(y(r.get().getOr({})))},hasLoaded:a,waitForLoad:function(){return a()?j.resolve(!0):new j(function(t,n){var e=15,r=C.setInterval(function(){a()?(C.clearInterval(r),t(!0)):--e<0&&(console.log("Could not load emojis from url: "+o),C.clearInterval(r),n(!1))},100)})},listAll:u,listCategory:function(n){return n===k?u():r.get().bind(function(t){return h.from(t[n])}).getOr([])}}},x=function(t,n,e){for(var r=[],o=n.toLowerCase(),i=e.fold(function(){return l},function(n){return function(t){return n<=t}}),u=0;u<t.length&&(0!==n.length&&!function(t,n){return w(t.title.toLowerCase(),n)||function(t,n){for(var e=0,r=t.length;e<r;e++){if(n(t[e],e))return!0}return!1}(t.keywords,function(t){return w(t.toLowerCase(),n)})}(t[u],o)||(r.push({value:t[u]["char"],text:t[u].title,icon:t[u]["char"]}),!i(r.length)));u++);return r},D="pattern",L=function(o,u){var e,r,i,t={pattern:"",results:x(u.listAll(),"",h.some(300))},a=m(k),c=(e=function(t){var n,e,r,o,i;e=(n=t).getData(),r=a.get(),o=u.listCategory(r),i=x(o,e[D],r===k?h.some(300):h.none()),n.setData({results:i})},r=200,i=null,{cancel:function(){null!==i&&(clearTimeout(i),i=null)},throttle:function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];null!==i&&clearTimeout(i),i=setTimeout(function(){e.apply(null,t),i=null},r)}}),n={label:"Search",type:"input",name:D},l={type:"collection",name:"results"},s=function(){return{title:"Emoticons",size:"normal",body:{type:"tabpanel",tabs:function(t,n){for(var e=t.length,r=new Array(e),o=0;o<e;o++){var i=t[o];r[o]=n(i,o)}return r}(u.listCategories(),function(t){return{title:t,name:t,items:[n,l]}})},initialData:t,onTabChange:function(t,n){a.set(n.newTabName),c.throttle(t)},onChange:c.throttle,onAction:function(t,n){var e,r;"results"===n.name&&(e=o,r=n.value,e.insertContent(r),t.close())},buttons:[{type:"cancel",text:"Close",primary:!0}]}},f=o.windowManager.open(s());f.focus(D),u.hasLoaded()||(f.block("Loading emoticons..."),u.waitForLoad().then(function(){f.redial(s()),c.throttle(f),f.focus(D),f.unblock()})["catch"](function(t){f.redial({title:"Emoticons",body:{type:"panel",items:[{type:"alertbanner",level:"error",icon:"warning",text:"<p>Could not load emoticons</p>"}]},buttons:[{type:"cancel",text:"Close",primary:!0}],initialData:{pattern:"",results:[]}}),f.focus(D),f.unblock()}))};r.add("emoticons",function(t,n){var e,r,o,i,u,a,c,l,s,f=(r=n,o=(e=t).getParam("emoticons_database","emojis","string"),e.getParam("emoticons_database_url",r+"/js/"+o+e.suffix+".js","string")),m=t.getParam("emoticons_database_id","tinymce.plugins.emoticons","string"),g=P(t,f,m);u=g,a=function(){return L(i,u)},(i=t).ui.registry.addButton("emoticons",{tooltip:"Emoticons",icon:"emoji",onAction:a}),i.ui.registry.addMenuItem("emoticons",{text:"Emoticons...",icon:"emoji",onAction:a}),l=g,(c=t).ui.registry.addAutocompleter("emoticons",{ch:":",columns:"auto",minChars:2,fetch:function(n,e){return l.waitForLoad().then(function(){var t=l.listAll();return x(t,n,h.some(e))})},onAction:function(t,n,e){c.selection.setRng(n),c.insertContent(e),t.hide()}}),(s=t).on("PreInit",function(){s.parser.addAttributeFilter("data-emoticon",function(t){!function(t,n){for(var e=0,r=t.length;e<r;e++){n(t[e],e)}}(t,function(t){t.attr("data-mce-resize","false"),t.attr("data-mce-placeholder","1")})})})})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/fullpage/plugin.js b/src/assets/tinymce/plugins/fullpage/plugin.js
new file mode 100644
index 00000000..2292dedb
--- /dev/null
+++ b/src/assets/tinymce/plugins/fullpage/plugin.js
@@ -0,0 +1,544 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p))
+              t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.html.DomParser');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.html.Node');
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.html.Serializer');
+
+    var shouldHideInSourceView = function (editor) {
+      return editor.getParam('fullpage_hide_in_source_view');
+    };
+    var getDefaultXmlPi = function (editor) {
+      return editor.getParam('fullpage_default_xml_pi');
+    };
+    var getDefaultEncoding = function (editor) {
+      return editor.getParam('fullpage_default_encoding');
+    };
+    var getDefaultFontFamily = function (editor) {
+      return editor.getParam('fullpage_default_font_family');
+    };
+    var getDefaultFontSize = function (editor) {
+      return editor.getParam('fullpage_default_font_size');
+    };
+    var getDefaultTextColor = function (editor) {
+      return editor.getParam('fullpage_default_text_color');
+    };
+    var getDefaultTitle = function (editor) {
+      return editor.getParam('fullpage_default_title');
+    };
+    var getDefaultDocType = function (editor) {
+      return editor.getParam('fullpage_default_doctype', '<!DOCTYPE html>');
+    };
+    var getProtect = function (editor) {
+      return editor.getParam('protect');
+    };
+
+    var parseHeader = function (head) {
+      return global$2({
+        validate: false,
+        root_name: '#document'
+      }).parse(head, { format: 'xhtml' });
+    };
+    var htmlToData = function (editor, head) {
+      var headerFragment = parseHeader(head);
+      var data = {};
+      var elm, matches;
+      function getAttr(elm, name) {
+        var value = elm.attr(name);
+        return value || '';
+      }
+      data.fontface = getDefaultFontFamily(editor);
+      data.fontsize = getDefaultFontSize(editor);
+      elm = headerFragment.firstChild;
+      if (elm.type === 7) {
+        data.xml_pi = true;
+        matches = /encoding="([^"]+)"/.exec(elm.value);
+        if (matches) {
+          data.docencoding = matches[1];
+        }
+      }
+      elm = headerFragment.getAll('#doctype')[0];
+      if (elm) {
+        data.doctype = '<!DOCTYPE' + elm.value + '>';
+      }
+      elm = headerFragment.getAll('title')[0];
+      if (elm && elm.firstChild) {
+        data.title = elm.firstChild.value;
+      }
+      global$1.each(headerFragment.getAll('meta'), function (meta) {
+        var name = meta.attr('name');
+        var httpEquiv = meta.attr('http-equiv');
+        var matches;
+        if (name) {
+          data[name.toLowerCase()] = meta.attr('content');
+        } else if (httpEquiv === 'Content-Type') {
+          matches = /charset\s*=\s*(.*)\s*/gi.exec(meta.attr('content'));
+          if (matches) {
+            data.docencoding = matches[1];
+          }
+        }
+      });
+      elm = headerFragment.getAll('html')[0];
+      if (elm) {
+        data.langcode = getAttr(elm, 'lang') || getAttr(elm, 'xml:lang');
+      }
+      data.stylesheets = [];
+      global$1.each(headerFragment.getAll('link'), function (link) {
+        if (link.attr('rel') === 'stylesheet') {
+          data.stylesheets.push(link.attr('href'));
+        }
+      });
+      elm = headerFragment.getAll('body')[0];
+      if (elm) {
+        data.langdir = getAttr(elm, 'dir');
+        data.style = getAttr(elm, 'style');
+        data.visited_color = getAttr(elm, 'vlink');
+        data.link_color = getAttr(elm, 'link');
+        data.active_color = getAttr(elm, 'alink');
+      }
+      return data;
+    };
+    var dataToHtml = function (editor, data, head) {
+      var headElement, elm, value;
+      var dom = editor.dom;
+      function setAttr(elm, name, value) {
+        elm.attr(name, value ? value : undefined);
+      }
+      function addHeadNode(node) {
+        if (headElement.firstChild) {
+          headElement.insert(node, headElement.firstChild);
+        } else {
+          headElement.append(node);
+        }
+      }
+      var headerFragment = parseHeader(head);
+      headElement = headerFragment.getAll('head')[0];
+      if (!headElement) {
+        elm = headerFragment.getAll('html')[0];
+        headElement = new global$3('head', 1);
+        if (elm.firstChild) {
+          elm.insert(headElement, elm.firstChild, true);
+        } else {
+          elm.append(headElement);
+        }
+      }
+      elm = headerFragment.firstChild;
+      if (data.xml_pi) {
+        value = 'version="1.0"';
+        if (data.docencoding) {
+          value += ' encoding="' + data.docencoding + '"';
+        }
+        if (elm.type !== 7) {
+          elm = new global$3('xml', 7);
+          headerFragment.insert(elm, headerFragment.firstChild, true);
+        }
+        elm.value = value;
+      } else if (elm && elm.type === 7) {
+        elm.remove();
+      }
+      elm = headerFragment.getAll('#doctype')[0];
+      if (data.doctype) {
+        if (!elm) {
+          elm = new global$3('#doctype', 10);
+          if (data.xml_pi) {
+            headerFragment.insert(elm, headerFragment.firstChild);
+          } else {
+            addHeadNode(elm);
+          }
+        }
+        elm.value = data.doctype.substring(9, data.doctype.length - 1);
+      } else if (elm) {
+        elm.remove();
+      }
+      elm = null;
+      global$1.each(headerFragment.getAll('meta'), function (meta) {
+        if (meta.attr('http-equiv') === 'Content-Type') {
+          elm = meta;
+        }
+      });
+      if (data.docencoding) {
+        if (!elm) {
+          elm = new global$3('meta', 1);
+          elm.attr('http-equiv', 'Content-Type');
+          elm.shortEnded = true;
+          addHeadNode(elm);
+        }
+        elm.attr('content', 'text/html; charset=' + data.docencoding);
+      } else if (elm) {
+        elm.remove();
+      }
+      elm = headerFragment.getAll('title')[0];
+      if (data.title) {
+        if (!elm) {
+          elm = new global$3('title', 1);
+          addHeadNode(elm);
+        } else {
+          elm.empty();
+        }
+        elm.append(new global$3('#text', 3)).value = data.title;
+      } else if (elm) {
+        elm.remove();
+      }
+      global$1.each('keywords,description,author,copyright,robots'.split(','), function (name) {
+        var nodes = headerFragment.getAll('meta');
+        var i, meta;
+        var value = data[name];
+        for (i = 0; i < nodes.length; i++) {
+          meta = nodes[i];
+          if (meta.attr('name') === name) {
+            if (value) {
+              meta.attr('content', value);
+            } else {
+              meta.remove();
+            }
+            return;
+          }
+        }
+        if (value) {
+          elm = new global$3('meta', 1);
+          elm.attr('name', name);
+          elm.attr('content', value);
+          elm.shortEnded = true;
+          addHeadNode(elm);
+        }
+      });
+      var currentStyleSheetsMap = {};
+      global$1.each(headerFragment.getAll('link'), function (stylesheet) {
+        if (stylesheet.attr('rel') === 'stylesheet') {
+          currentStyleSheetsMap[stylesheet.attr('href')] = stylesheet;
+        }
+      });
+      global$1.each(data.stylesheets, function (stylesheet) {
+        if (!currentStyleSheetsMap[stylesheet]) {
+          elm = new global$3('link', 1);
+          elm.attr({
+            rel: 'stylesheet',
+            text: 'text/css',
+            href: stylesheet
+          });
+          elm.shortEnded = true;
+          addHeadNode(elm);
+        }
+        delete currentStyleSheetsMap[stylesheet];
+      });
+      global$1.each(currentStyleSheetsMap, function (stylesheet) {
+        stylesheet.remove();
+      });
+      elm = headerFragment.getAll('body')[0];
+      if (elm) {
+        setAttr(elm, 'dir', data.langdir);
+        setAttr(elm, 'style', data.style);
+        setAttr(elm, 'vlink', data.visited_color);
+        setAttr(elm, 'link', data.link_color);
+        setAttr(elm, 'alink', data.active_color);
+        dom.setAttribs(editor.getBody(), {
+          style: data.style,
+          dir: data.dir,
+          vLink: data.visited_color,
+          link: data.link_color,
+          aLink: data.active_color
+        });
+      }
+      elm = headerFragment.getAll('html')[0];
+      if (elm) {
+        setAttr(elm, 'lang', data.langcode);
+        setAttr(elm, 'xml:lang', data.langcode);
+      }
+      if (!headElement.firstChild) {
+        headElement.remove();
+      }
+      var html = global$4({
+        validate: false,
+        indent: true,
+        indent_before: 'head,html,body,meta,title,script,link,style',
+        indent_after: 'head,html,body,meta,title,script,link,style'
+      }).serialize(headerFragment);
+      return html.substring(0, html.indexOf('</body>'));
+    };
+
+    var open = function (editor, headState) {
+      var data = htmlToData(editor, headState.get());
+      var defaultData = {
+        title: '',
+        keywords: '',
+        description: '',
+        robots: '',
+        author: '',
+        docencoding: ''
+      };
+      var initialData = __assign(__assign({}, defaultData), data);
+      editor.windowManager.open({
+        title: 'Metadata and Document Properties',
+        size: 'normal',
+        body: {
+          type: 'panel',
+          items: [
+            {
+              name: 'title',
+              type: 'input',
+              label: 'Title'
+            },
+            {
+              name: 'keywords',
+              type: 'input',
+              label: 'Keywords'
+            },
+            {
+              name: 'description',
+              type: 'input',
+              label: 'Description'
+            },
+            {
+              name: 'robots',
+              type: 'input',
+              label: 'Robots'
+            },
+            {
+              name: 'author',
+              type: 'input',
+              label: 'Author'
+            },
+            {
+              name: 'docencoding',
+              type: 'input',
+              label: 'Encoding'
+            }
+          ]
+        },
+        buttons: [
+          {
+            type: 'cancel',
+            name: 'cancel',
+            text: 'Cancel'
+          },
+          {
+            type: 'submit',
+            name: 'save',
+            text: 'Save',
+            primary: true
+          }
+        ],
+        initialData: initialData,
+        onSubmit: function (api) {
+          var nuData = api.getData();
+          var headHtml = dataToHtml(editor, global$1.extend(data, nuData), headState.get());
+          headState.set(headHtml);
+          api.close();
+        }
+      });
+    };
+
+    var register = function (editor, headState) {
+      editor.addCommand('mceFullPageProperties', function () {
+        open(editor, headState);
+      });
+    };
+
+    var protectHtml = function (protect, html) {
+      global$1.each(protect, function (pattern) {
+        html = html.replace(pattern, function (str) {
+          return '<!--mce:protected ' + escape(str) + '-->';
+        });
+      });
+      return html;
+    };
+    var unprotectHtml = function (html) {
+      return html.replace(/<!--mce:protected ([\s\S]*?)-->/g, function (a, m) {
+        return unescape(m);
+      });
+    };
+
+    var each = global$1.each;
+    var low = function (s) {
+      return s.replace(/<\/?[A-Z]+/g, function (a) {
+        return a.toLowerCase();
+      });
+    };
+    var handleSetContent = function (editor, headState, footState, evt) {
+      var startPos, endPos, content, styles = '';
+      var dom = editor.dom;
+      if (evt.selection) {
+        return;
+      }
+      content = protectHtml(getProtect(editor), evt.content);
+      if (evt.format === 'raw' && headState.get()) {
+        return;
+      }
+      if (evt.source_view && shouldHideInSourceView(editor)) {
+        return;
+      }
+      if (content.length === 0 && !evt.source_view) {
+        content = global$1.trim(headState.get()) + '\n' + global$1.trim(content) + '\n' + global$1.trim(footState.get());
+      }
+      content = content.replace(/<(\/?)BODY/gi, '<$1body');
+      startPos = content.indexOf('<body');
+      if (startPos !== -1) {
+        startPos = content.indexOf('>', startPos);
+        headState.set(low(content.substring(0, startPos + 1)));
+        endPos = content.indexOf('</body', startPos);
+        if (endPos === -1) {
+          endPos = content.length;
+        }
+        evt.content = global$1.trim(content.substring(startPos + 1, endPos));
+        footState.set(low(content.substring(endPos)));
+      } else {
+        headState.set(getDefaultHeader(editor));
+        footState.set('\n</body>\n</html>');
+      }
+      var headerFragment = parseHeader(headState.get());
+      each(headerFragment.getAll('style'), function (node) {
+        if (node.firstChild) {
+          styles += node.firstChild.value;
+        }
+      });
+      var bodyElm = headerFragment.getAll('body')[0];
+      if (bodyElm) {
+        dom.setAttribs(editor.getBody(), {
+          style: bodyElm.attr('style') || '',
+          dir: bodyElm.attr('dir') || '',
+          vLink: bodyElm.attr('vlink') || '',
+          link: bodyElm.attr('link') || '',
+          aLink: bodyElm.attr('alink') || ''
+        });
+      }
+      dom.remove('fullpage_styles');
+      var headElm = editor.getDoc().getElementsByTagName('head')[0];
+      if (styles) {
+        var styleElm = dom.add(headElm, 'style', { id: 'fullpage_styles' });
+        styleElm.appendChild(document.createTextNode(styles));
+      }
+      var currentStyleSheetsMap = {};
+      global$1.each(headElm.getElementsByTagName('link'), function (stylesheet) {
+        if (stylesheet.rel === 'stylesheet' && stylesheet.getAttribute('data-mce-fullpage')) {
+          currentStyleSheetsMap[stylesheet.href] = stylesheet;
+        }
+      });
+      global$1.each(headerFragment.getAll('link'), function (stylesheet) {
+        var href = stylesheet.attr('href');
+        if (!href) {
+          return true;
+        }
+        if (!currentStyleSheetsMap[href] && stylesheet.attr('rel') === 'stylesheet') {
+          dom.add(headElm, 'link', {
+            'rel': 'stylesheet',
+            'text': 'text/css',
+            href: href,
+            'data-mce-fullpage': '1'
+          });
+        }
+        delete currentStyleSheetsMap[href];
+      });
+      global$1.each(currentStyleSheetsMap, function (stylesheet) {
+        stylesheet.parentNode.removeChild(stylesheet);
+      });
+    };
+    var getDefaultHeader = function (editor) {
+      var header = '', value, styles = '';
+      if (getDefaultXmlPi(editor)) {
+        var piEncoding = getDefaultEncoding(editor);
+        header += '<?xml version="1.0" encoding="' + (piEncoding ? piEncoding : 'ISO-8859-1') + '" ?>\n';
+      }
+      header += getDefaultDocType(editor);
+      header += '\n<html>\n<head>\n';
+      if (value = getDefaultTitle(editor)) {
+        header += '<title>' + value + '</title>\n';
+      }
+      if (value = getDefaultEncoding(editor)) {
+        header += '<meta http-equiv="Content-Type" content="text/html; charset=' + value + '" />\n';
+      }
+      if (value = getDefaultFontFamily(editor)) {
+        styles += 'font-family: ' + value + ';';
+      }
+      if (value = getDefaultFontSize(editor)) {
+        styles += 'font-size: ' + value + ';';
+      }
+      if (value = getDefaultTextColor(editor)) {
+        styles += 'color: ' + value + ';';
+      }
+      header += '</head>\n<body' + (styles ? ' style="' + styles + '"' : '') + '>\n';
+      return header;
+    };
+    var handleGetContent = function (editor, head, foot, evt) {
+      if (evt.format === 'html' && !evt.selection && (!evt.source_view || !shouldHideInSourceView(editor))) {
+        evt.content = unprotectHtml(global$1.trim(head) + '\n' + global$1.trim(evt.content) + '\n' + global$1.trim(foot));
+      }
+    };
+    var setup = function (editor, headState, footState) {
+      editor.on('BeforeSetContent', function (evt) {
+        handleSetContent(editor, headState, footState, evt);
+      });
+      editor.on('GetContent', function (evt) {
+        handleGetContent(editor, headState.get(), footState.get(), evt);
+      });
+    };
+
+    var register$1 = function (editor) {
+      editor.ui.registry.addButton('fullpage', {
+        tooltip: 'Metadata and document properties',
+        icon: 'document-properties',
+        onAction: function () {
+          editor.execCommand('mceFullPageProperties');
+        }
+      });
+      editor.ui.registry.addMenuItem('fullpage', {
+        text: 'Metadata and document properties',
+        icon: 'document-properties',
+        onAction: function () {
+          editor.execCommand('mceFullPageProperties');
+        }
+      });
+    };
+
+    function Plugin () {
+      global.add('fullpage', function (editor) {
+        var headState = Cell(''), footState = Cell('');
+        register(editor, headState);
+        register$1(editor);
+        setup(editor, headState, footState);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/fullpage/plugin.min.js b/src/assets/tinymce/plugins/fullpage/plugin.min.js
new file mode 100644
index 00000000..2592f73c
--- /dev/null
+++ b/src/assets/tinymce/plugins/fullpage/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var s=function(e){var t=e;return{get:function(){return t},set:function(e){t=e}}},e=tinymce.util.Tools.resolve("tinymce.PluginManager"),u=function(){return(u=Object.assign||function(e){for(var t,n=1,l=arguments.length;n<l;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},p=tinymce.util.Tools.resolve("tinymce.util.Tools"),t=tinymce.util.Tools.resolve("tinymce.html.DomParser"),m=tinymce.util.Tools.resolve("tinymce.html.Node"),f=tinymce.util.Tools.resolve("tinymce.html.Serializer"),h=function(e){return e.getParam("fullpage_hide_in_source_view")},i=function(e){return e.getParam("fullpage_default_encoding")},g=function(e){return e.getParam("fullpage_default_font_family")},y=function(e){return e.getParam("fullpage_default_font_size")},v=function(e){return t({validate:!1,root_name:"#document"}).parse(e,{format:"xhtml"})},d=function(l,i){var e,t,n,o,r,a,c=(e=l,t=i.get(),r=v(t),(a={}).fontface=g(e),a.fontsize=y(e),7===(n=r.firstChild).type&&(a.xml_pi=!0,(o=/encoding="([^"]+)"/.exec(n.value))&&(a.docencoding=o[1])),(n=r.getAll("#doctype")[0])&&(a.doctype="<!DOCTYPE"+n.value+">"),(n=r.getAll("title")[0])&&n.firstChild&&(a.title=n.firstChild.value),p.each(r.getAll("meta"),function(e){var t,n=e.attr("name"),l=e.attr("http-equiv");n?a[n.toLowerCase()]=e.attr("content"):"Content-Type"===l&&(t=/charset\s*=\s*(.*)\s*/gi.exec(e.attr("content")))&&(a.docencoding=t[1])}),(n=r.getAll("html")[0])&&(a.langcode=s(n,"lang")||s(n,"xml:lang")),a.stylesheets=[],p.each(r.getAll("link"),function(e){"stylesheet"===e.attr("rel")&&a.stylesheets.push(e.attr("href"))}),(n=r.getAll("body")[0])&&(a.langdir=s(n,"dir"),a.style=s(n,"style"),a.visited_color=s(n,"vlink"),a.link_color=s(n,"link"),a.active_color=s(n,"alink")),a);function s(e,t){return e.attr(t)||""}var d=u(u({},{title:"",keywords:"",description:"",robots:"",author:"",docencoding:""}),c);l.windowManager.open({title:"Metadata and Document Properties",size:"normal",body:{type:"panel",items:[{name:"title",type:"input",label:"Title"},{name:"keywords",type:"input",label:"Keywords"},{name:"description",type:"input",label:"Description"},{name:"robots",type:"input",label:"Robots"},{name:"author",type:"input",label:"Author"},{name:"docencoding",type:"input",label:"Encoding"}]},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:d,onSubmit:function(e){var t=e.getData(),n=function(e,o,t){var r,n,l=e.dom;function i(e,t,n){e.attr(t,n||undefined)}function a(e){c.firstChild?c.insert(e,c.firstChild):c.append(e)}var c,s=v(t);(c=s.getAll("head")[0])||(r=s.getAll("html")[0],c=new m("head",1),r.firstChild?r.insert(c,r.firstChild,!0):r.append(c)),r=s.firstChild,o.xml_pi?(n='version="1.0"',o.docencoding&&(n+=' encoding="'+o.docencoding+'"'),7!==r.type&&(r=new m("xml",7),s.insert(r,s.firstChild,!0)),r.value=n):r&&7===r.type&&r.remove(),r=s.getAll("#doctype")[0],o.doctype?(r||(r=new m("#doctype",10),o.xml_pi?s.insert(r,s.firstChild):a(r)),r.value=o.doctype.substring(9,o.doctype.length-1)):r&&r.remove(),r=null,p.each(s.getAll("meta"),function(e){"Content-Type"===e.attr("http-equiv")&&(r=e)}),o.docencoding?(r||((r=new m("meta",1)).attr("http-equiv","Content-Type"),r.shortEnded=!0,a(r)),r.attr("content","text/html; charset="+o.docencoding)):r&&r.remove(),r=s.getAll("title")[0],o.title?(r?r.empty():a(r=new m("title",1)),r.append(new m("#text",3)).value=o.title):r&&r.remove(),p.each("keywords,description,author,copyright,robots".split(","),function(e){for(var t,n=s.getAll("meta"),l=o[e],i=0;i<n.length;i++)if((t=n[i]).attr("name")===e)return void(l?t.attr("content",l):t.remove());l&&((r=new m("meta",1)).attr("name",e),r.attr("content",l),r.shortEnded=!0,a(r))});var d={};p.each(s.getAll("link"),function(e){"stylesheet"===e.attr("rel")&&(d[e.attr("href")]=e)}),p.each(o.stylesheets,function(e){d[e]||((r=new m("link",1)).attr({rel:"stylesheet",text:"text/css",href:e}),r.shortEnded=!0,a(r)),delete d[e]}),p.each(d,function(e){e.remove()}),(r=s.getAll("body")[0])&&(i(r,"dir",o.langdir),i(r,"style",o.style),i(r,"vlink",o.visited_color),i(r,"link",o.link_color),i(r,"alink",o.active_color),l.setAttribs(e.getBody(),{style:o.style,dir:o.dir,vLink:o.visited_color,link:o.link_color,aLink:o.active_color})),(r=s.getAll("html")[0])&&(i(r,"lang",o.langcode),i(r,"xml:lang",o.langcode)),c.firstChild||c.remove();var u=f({validate:!1,indent:!0,indent_before:"head,html,body,meta,title,script,link,style",indent_after:"head,html,body,meta,title,script,link,style"}).serialize(s);return u.substring(0,u.indexOf("</body>"))}(l,p.extend(c,t),i.get());i.set(n),e.close()}})},_=p.each,b=function(e){return e.replace(/<\/?[A-Z]+/g,function(e){return e.toLowerCase()})},x=function(e,t,n,l){var i,o,r,a,c,s,d,u,m,f="",g=e.dom;l.selection||(a=e.getParam("protect"),c=l.content,p.each(a,function(e){c=c.replace(e,function(e){return"\x3c!--mce:protected "+escape(e)+"--\x3e"})}),r=c,"raw"===l.format&&t.get()||l.source_view&&h(e)||(0!==r.length||l.source_view||(r=p.trim(t.get())+"\n"+p.trim(r)+"\n"+p.trim(n.get())),-1!==(i=(r=r.replace(/<(\/?)BODY/gi,"<$1body")).indexOf("<body"))?(i=r.indexOf(">",i),t.set(b(r.substring(0,i+1))),-1===(o=r.indexOf("</body",i))&&(o=r.length),l.content=p.trim(r.substring(i+1,o)),n.set(b(r.substring(o)))):(t.set(k(e)),n.set("\n</body>\n</html>")),s=v(t.get()),_(s.getAll("style"),function(e){e.firstChild&&(f+=e.firstChild.value)}),(d=s.getAll("body")[0])&&g.setAttribs(e.getBody(),{style:d.attr("style")||"",dir:d.attr("dir")||"",vLink:d.attr("vlink")||"",link:d.attr("link")||"",aLink:d.attr("alink")||""}),g.remove("fullpage_styles"),u=e.getDoc().getElementsByTagName("head")[0],f&&g.add(u,"style",{id:"fullpage_styles"}).appendChild(document.createTextNode(f)),m={},p.each(u.getElementsByTagName("link"),function(e){"stylesheet"===e.rel&&e.getAttribute("data-mce-fullpage")&&(m[e.href]=e)}),p.each(s.getAll("link"),function(e){var t=e.attr("href");if(!t)return!0;m[t]||"stylesheet"!==e.attr("rel")||g.add(u,"link",{rel:"stylesheet",text:"text/css",href:t,"data-mce-fullpage":"1"}),delete m[t]}),p.each(m,function(e){e.parentNode.removeChild(e)})))},k=function(e){var t,n="",l="";return e.getParam("fullpage_default_xml_pi")&&(n+='<?xml version="1.0" encoding="'+(i(e)||"ISO-8859-1")+'" ?>\n'),n+=e.getParam("fullpage_default_doctype","<!DOCTYPE html>"),n+="\n<html>\n<head>\n",(t=e.getParam("fullpage_default_title"))&&(n+="<title>"+t+"</title>\n"),(t=i(e))&&(n+='<meta http-equiv="Content-Type" content="text/html; charset='+t+'" />\n'),(t=g(e))&&(l+="font-family: "+t+";"),(t=y(e))&&(l+="font-size: "+t+";"),(t=e.getParam("fullpage_default_text_color"))&&(l+="color: "+t+";"),n+="</head>\n<body"+(l?' style="'+l+'"':"")+">\n"},C=function(e,t,n,l){"html"!==l.format||l.selection||l.source_view&&h(e)||(l.content=(p.trim(t)+"\n"+p.trim(l.content)+"\n"+p.trim(n)).replace(/<!--mce:protected ([\s\S]*?)-->/g,function(e,t){return unescape(t)}))};e.add("fullpage",function(e){var t,n,l,i,o,r,a=s(""),c=s("");n=a,(t=e).addCommand("mceFullPageProperties",function(){d(t,n)}),(l=e).ui.registry.addButton("fullpage",{tooltip:"Metadata and document properties",icon:"document-properties",onAction:function(){l.execCommand("mceFullPageProperties")}}),l.ui.registry.addMenuItem("fullpage",{text:"Metadata and document properties",icon:"document-properties",onAction:function(){l.execCommand("mceFullPageProperties")}}),o=a,r=c,(i=e).on("BeforeSetContent",function(e){x(i,o,r,e)}),i.on("GetContent",function(e){C(i,o.get(),r.get(),e)})})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/fullscreen/plugin.js b/src/assets/tinymce/plugins/fullscreen/plugin.js
new file mode 100644
index 00000000..deb9dde6
--- /dev/null
+++ b/src/assets/tinymce/plugins/fullscreen/plugin.js
@@ -0,0 +1,979 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var get = function (fullscreenState) {
+      return {
+        isFullscreen: function () {
+          return fullscreenState.get() !== null;
+        }
+      };
+    };
+
+    var noop = function () {
+    };
+    var compose = function (fa, fb) {
+      return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        return fa(fb.apply(null, args));
+      };
+    };
+    var compose1 = function (fbc, fab) {
+      return function (a) {
+        return fbc(fab(a));
+      };
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    function curry(fn) {
+      var initialArgs = [];
+      for (var _i = 1; _i < arguments.length; _i++) {
+        initialArgs[_i - 1] = arguments[_i];
+      }
+      return function () {
+        var restArgs = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          restArgs[_i] = arguments[_i];
+        }
+        var all = initialArgs.concat(restArgs);
+        return fn.apply(null, all);
+      };
+    }
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var revocable = function (doRevoke) {
+      var subject = Cell(Optional.none());
+      var revoke = function () {
+        return subject.get().each(doRevoke);
+      };
+      var clear = function () {
+        revoke();
+        subject.set(Optional.none());
+      };
+      var isSet = function () {
+        return subject.get().isSome();
+      };
+      var set = function (s) {
+        revoke();
+        subject.set(Optional.some(s));
+      };
+      return {
+        clear: clear,
+        isSet: isSet,
+        set: set
+      };
+    };
+    var unbindable = function () {
+      return revocable(function (s) {
+        return s.unbind();
+      });
+    };
+    var value = function () {
+      var subject = Cell(Optional.none());
+      var clear = function () {
+        return subject.set(Optional.none());
+      };
+      var set = function (s) {
+        return subject.set(Optional.some(s));
+      };
+      var isSet = function () {
+        return subject.get().isSome();
+      };
+      var on = function (f) {
+        return subject.get().each(f);
+      };
+      return {
+        clear: clear,
+        set: set,
+        isSet: isSet,
+        on: on
+      };
+    };
+
+    var typeOf = function (x) {
+      var t = typeof x;
+      if (x === null) {
+        return 'null';
+      } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+        return 'array';
+      } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+        return 'string';
+      } else {
+        return t;
+      }
+    };
+    var isType = function (type) {
+      return function (value) {
+        return typeOf(value) === type;
+      };
+    };
+    var isSimpleType = function (type) {
+      return function (value) {
+        return typeof value === type;
+      };
+    };
+    var isString = isType('string');
+    var isArray = isType('array');
+    var isBoolean = isSimpleType('boolean');
+    var isNullable = function (a) {
+      return a === null || a === undefined;
+    };
+    var isNonNullable = function (a) {
+      return !isNullable(a);
+    };
+    var isFunction = isSimpleType('function');
+    var isNumber = isSimpleType('number');
+
+    var nativePush = Array.prototype.push;
+    var map = function (xs, f) {
+      var len = xs.length;
+      var r = new Array(len);
+      for (var i = 0; i < len; i++) {
+        var x = xs[i];
+        r[i] = f(x, i);
+      }
+      return r;
+    };
+    var each = function (xs, f) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var filter = function (xs, pred) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          r.push(x);
+        }
+      }
+      return r;
+    };
+    var flatten = function (xs) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; ++i) {
+        if (!isArray(xs[i])) {
+          throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+        }
+        nativePush.apply(r, xs[i]);
+      }
+      return r;
+    };
+    var bind = function (xs, f) {
+      return flatten(map(xs, f));
+    };
+    var get$1 = function (xs, i) {
+      return i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none();
+    };
+    var head = function (xs) {
+      return get$1(xs, 0);
+    };
+
+    var keys = Object.keys;
+    var each$1 = function (obj, f) {
+      var props = keys(obj);
+      for (var k = 0, len = props.length; k < len; k++) {
+        var i = props[k];
+        var x = obj[i];
+        f(x, i);
+      }
+    };
+
+    var isSupported = function (dom) {
+      return dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+    };
+
+    var fromHtml = function (html, scope) {
+      var doc = scope || document;
+      var div = doc.createElement('div');
+      div.innerHTML = html;
+      if (!div.hasChildNodes() || div.childNodes.length > 1) {
+        console.error('HTML does not have a single root node', html);
+        throw new Error('HTML must have a single root node');
+      }
+      return fromDom(div.childNodes[0]);
+    };
+    var fromTag = function (tag, scope) {
+      var doc = scope || document;
+      var node = doc.createElement(tag);
+      return fromDom(node);
+    };
+    var fromText = function (text, scope) {
+      var doc = scope || document;
+      var node = doc.createTextNode(text);
+      return fromDom(node);
+    };
+    var fromDom = function (node) {
+      if (node === null || node === undefined) {
+        throw new Error('Node cannot be null or undefined');
+      }
+      return { dom: node };
+    };
+    var fromPoint = function (docElm, x, y) {
+      return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
+    };
+    var SugarElement = {
+      fromHtml: fromHtml,
+      fromTag: fromTag,
+      fromText: fromText,
+      fromDom: fromDom,
+      fromPoint: fromPoint
+    };
+
+    var Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    var DOCUMENT = 9;
+    var DOCUMENT_FRAGMENT = 11;
+    var ELEMENT = 1;
+    var TEXT = 3;
+
+    var type = function (element) {
+      return element.dom.nodeType;
+    };
+    var isType$1 = function (t) {
+      return function (element) {
+        return type(element) === t;
+      };
+    };
+    var isElement = isType$1(ELEMENT);
+    var isText = isType$1(TEXT);
+    var isDocument = isType$1(DOCUMENT);
+    var isDocumentFragment = isType$1(DOCUMENT_FRAGMENT);
+
+    var is = function (element, selector) {
+      var dom = element.dom;
+      if (dom.nodeType !== ELEMENT) {
+        return false;
+      } else {
+        var elem = dom;
+        if (elem.matches !== undefined) {
+          return elem.matches(selector);
+        } else if (elem.msMatchesSelector !== undefined) {
+          return elem.msMatchesSelector(selector);
+        } else if (elem.webkitMatchesSelector !== undefined) {
+          return elem.webkitMatchesSelector(selector);
+        } else if (elem.mozMatchesSelector !== undefined) {
+          return elem.mozMatchesSelector(selector);
+        } else {
+          throw new Error('Browser lacks native selectors');
+        }
+      }
+    };
+    var bypassSelector = function (dom) {
+      return dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT || dom.childElementCount === 0;
+    };
+    var all = function (selector, scope) {
+      var base = scope === undefined ? document : scope.dom;
+      return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+
+    var eq = function (e1, e2) {
+      return e1.dom === e2.dom;
+    };
+
+    var owner = function (element) {
+      return SugarElement.fromDom(element.dom.ownerDocument);
+    };
+    var documentOrOwner = function (dos) {
+      return isDocument(dos) ? dos : owner(dos);
+    };
+    var parent = function (element) {
+      return Optional.from(element.dom.parentNode).map(SugarElement.fromDom);
+    };
+    var parents = function (element, isRoot) {
+      var stop = isFunction(isRoot) ? isRoot : never;
+      var dom = element.dom;
+      var ret = [];
+      while (dom.parentNode !== null && dom.parentNode !== undefined) {
+        var rawParent = dom.parentNode;
+        var p = SugarElement.fromDom(rawParent);
+        ret.push(p);
+        if (stop(p) === true) {
+          break;
+        } else {
+          dom = rawParent;
+        }
+      }
+      return ret;
+    };
+    var siblings = function (element) {
+      var filterSelf = function (elements) {
+        return filter(elements, function (x) {
+          return !eq(element, x);
+        });
+      };
+      return parent(element).map(children).map(filterSelf).getOr([]);
+    };
+    var children = function (element) {
+      return map(element.dom.childNodes, SugarElement.fromDom);
+    };
+
+    var isShadowRoot = function (dos) {
+      return isDocumentFragment(dos);
+    };
+    var supported = isFunction(Element.prototype.attachShadow) && isFunction(Node.prototype.getRootNode);
+    var isSupported$1 = constant(supported);
+    var getRootNode = supported ? function (e) {
+      return SugarElement.fromDom(e.dom.getRootNode());
+    } : documentOrOwner;
+    var getShadowRoot = function (e) {
+      var r = getRootNode(e);
+      return isShadowRoot(r) ? Optional.some(r) : Optional.none();
+    };
+    var getShadowHost = function (e) {
+      return SugarElement.fromDom(e.dom.host);
+    };
+    var getOriginalEventTarget = function (event) {
+      if (isSupported$1() && isNonNullable(event.target)) {
+        var el = SugarElement.fromDom(event.target);
+        if (isElement(el) && isOpenShadowHost(el)) {
+          if (event.composed && event.composedPath) {
+            var composedPath = event.composedPath();
+            if (composedPath) {
+              return head(composedPath);
+            }
+          }
+        }
+      }
+      return Optional.from(event.target);
+    };
+    var isOpenShadowHost = function (element) {
+      return isNonNullable(element.dom.shadowRoot);
+    };
+
+    var inBody = function (element) {
+      var dom = isText(element) ? element.dom.parentNode : element.dom;
+      if (dom === undefined || dom === null || dom.ownerDocument === null) {
+        return false;
+      }
+      var doc = dom.ownerDocument;
+      return getShadowRoot(SugarElement.fromDom(dom)).fold(function () {
+        return doc.body.contains(dom);
+      }, compose1(inBody, getShadowHost));
+    };
+    var getBody = function (doc) {
+      var b = doc.dom.body;
+      if (b === null || b === undefined) {
+        throw new Error('Body is not available yet');
+      }
+      return SugarElement.fromDom(b);
+    };
+
+    var rawSet = function (dom, key, value) {
+      if (isString(value) || isBoolean(value) || isNumber(value)) {
+        dom.setAttribute(key, value + '');
+      } else {
+        console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+        throw new Error('Attribute value was not simple');
+      }
+    };
+    var set = function (element, key, value) {
+      rawSet(element.dom, key, value);
+    };
+    var get$2 = function (element, key) {
+      var v = element.dom.getAttribute(key);
+      return v === null ? undefined : v;
+    };
+    var remove = function (element, key) {
+      element.dom.removeAttribute(key);
+    };
+
+    var internalSet = function (dom, property, value) {
+      if (!isString(value)) {
+        console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+        throw new Error('CSS value must be a string: ' + value);
+      }
+      if (isSupported(dom)) {
+        dom.style.setProperty(property, value);
+      }
+    };
+    var setAll = function (element, css) {
+      var dom = element.dom;
+      each$1(css, function (v, k) {
+        internalSet(dom, k, v);
+      });
+    };
+    var get$3 = function (element, property) {
+      var dom = element.dom;
+      var styles = window.getComputedStyle(dom);
+      var r = styles.getPropertyValue(property);
+      return r === '' && !inBody(element) ? getUnsafeProperty(dom, property) : r;
+    };
+    var getUnsafeProperty = function (dom, property) {
+      return isSupported(dom) ? dom.style.getPropertyValue(property) : '';
+    };
+
+    var mkEvent = function (target, x, y, stop, prevent, kill, raw) {
+      return {
+        target: target,
+        x: x,
+        y: y,
+        stop: stop,
+        prevent: prevent,
+        kill: kill,
+        raw: raw
+      };
+    };
+    var fromRawEvent = function (rawEvent) {
+      var target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target));
+      var stop = function () {
+        return rawEvent.stopPropagation();
+      };
+      var prevent = function () {
+        return rawEvent.preventDefault();
+      };
+      var kill = compose(prevent, stop);
+      return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent);
+    };
+    var handle = function (filter, handler) {
+      return function (rawEvent) {
+        if (filter(rawEvent)) {
+          handler(fromRawEvent(rawEvent));
+        }
+      };
+    };
+    var binder = function (element, event, filter, handler, useCapture) {
+      var wrapped = handle(filter, handler);
+      element.dom.addEventListener(event, wrapped, useCapture);
+      return { unbind: curry(unbind, element, event, wrapped, useCapture) };
+    };
+    var bind$1 = function (element, event, filter, handler) {
+      return binder(element, event, filter, handler, false);
+    };
+    var unbind = function (element, event, handler, useCapture) {
+      element.dom.removeEventListener(event, handler, useCapture);
+    };
+
+    var filter$1 = always;
+    var bind$2 = function (element, event, handler) {
+      return bind$1(element, event, filter$1, handler);
+    };
+
+    var r = function (left, top) {
+      var translate = function (x, y) {
+        return r(left + x, top + y);
+      };
+      return {
+        left: left,
+        top: top,
+        translate: translate
+      };
+    };
+    var SugarPosition = r;
+
+    var get$4 = function (_DOC) {
+      var doc = _DOC !== undefined ? _DOC.dom : document;
+      var x = doc.body.scrollLeft || doc.documentElement.scrollLeft;
+      var y = doc.body.scrollTop || doc.documentElement.scrollTop;
+      return SugarPosition(x, y);
+    };
+
+    var get$5 = function (_win) {
+      var win = _win === undefined ? window : _win;
+      return Optional.from(win['visualViewport']);
+    };
+    var bounds = function (x, y, width, height) {
+      return {
+        x: x,
+        y: y,
+        width: width,
+        height: height,
+        right: x + width,
+        bottom: y + height
+      };
+    };
+    var getBounds = function (_win) {
+      var win = _win === undefined ? window : _win;
+      var doc = win.document;
+      var scroll = get$4(SugarElement.fromDom(doc));
+      return get$5(win).fold(function () {
+        var html = win.document.documentElement;
+        var width = html.clientWidth;
+        var height = html.clientHeight;
+        return bounds(scroll.left, scroll.top, width, height);
+      }, function (visualViewport) {
+        return bounds(Math.max(visualViewport.pageLeft, scroll.left), Math.max(visualViewport.pageTop, scroll.top), visualViewport.width, visualViewport.height);
+      });
+    };
+    var bind$3 = function (name, callback, _win) {
+      return get$5(_win).map(function (visualViewport) {
+        var handler = function (e) {
+          return callback(fromRawEvent(e));
+        };
+        visualViewport.addEventListener(name, handler);
+        return {
+          unbind: function () {
+            return visualViewport.removeEventListener(name, handler);
+          }
+        };
+      }).getOrThunk(function () {
+        return { unbind: noop };
+      });
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var fireFullscreenStateChanged = function (editor, state) {
+      editor.fire('FullscreenStateChanged', { state: state });
+    };
+
+    var getFullscreenNative = function (editor) {
+      return editor.getParam('fullscreen_native', false, 'boolean');
+    };
+
+    var getFullscreenRoot = function (editor) {
+      var elem = SugarElement.fromDom(editor.getElement());
+      return getShadowRoot(elem).map(getShadowHost).getOrThunk(function () {
+        return getBody(owner(elem));
+      });
+    };
+    var getFullscreenElement = function (root) {
+      if (root.fullscreenElement !== undefined) {
+        return root.fullscreenElement;
+      } else if (root.msFullscreenElement !== undefined) {
+        return root.msFullscreenElement;
+      } else if (root.webkitFullscreenElement !== undefined) {
+        return root.webkitFullscreenElement;
+      } else {
+        return null;
+      }
+    };
+    var getFullscreenchangeEventName = function () {
+      if (document.fullscreenElement !== undefined) {
+        return 'fullscreenchange';
+      } else if (document.msFullscreenElement !== undefined) {
+        return 'MSFullscreenChange';
+      } else if (document.webkitFullscreenElement !== undefined) {
+        return 'webkitfullscreenchange';
+      } else {
+        return 'fullscreenchange';
+      }
+    };
+    var requestFullscreen = function (sugarElem) {
+      var elem = sugarElem.dom;
+      if (elem.requestFullscreen) {
+        elem.requestFullscreen();
+      } else if (elem.msRequestFullscreen) {
+        elem.msRequestFullscreen();
+      } else if (elem.webkitRequestFullScreen) {
+        elem.webkitRequestFullScreen();
+      }
+    };
+    var exitFullscreen = function (sugarDoc) {
+      var doc = sugarDoc.dom;
+      if (doc.exitFullscreen) {
+        doc.exitFullscreen();
+      } else if (doc.msExitFullscreen) {
+        doc.msExitFullscreen();
+      } else if (doc.webkitCancelFullScreen) {
+        doc.webkitCancelFullScreen();
+      }
+    };
+    var isFullscreenElement = function (elem) {
+      return elem.dom === getFullscreenElement(owner(elem).dom);
+    };
+
+    var ancestors = function (scope, predicate, isRoot) {
+      return filter(parents(scope, isRoot), predicate);
+    };
+    var siblings$1 = function (scope, predicate) {
+      return filter(siblings(scope), predicate);
+    };
+
+    var all$1 = function (selector) {
+      return all(selector);
+    };
+    var ancestors$1 = function (scope, selector, isRoot) {
+      return ancestors(scope, function (e) {
+        return is(e, selector);
+      }, isRoot);
+    };
+    var siblings$2 = function (scope, selector) {
+      return siblings$1(scope, function (e) {
+        return is(e, selector);
+      });
+    };
+
+    var attr = 'data-ephox-mobile-fullscreen-style';
+    var siblingStyles = 'display:none!important;';
+    var ancestorPosition = 'position:absolute!important;';
+    var ancestorStyles = 'top:0!important;left:0!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:visible!important;';
+    var bgFallback = 'background-color:rgb(255,255,255)!important;';
+    var isAndroid = global$2.os.isAndroid();
+    var matchColor = function (editorBody) {
+      var color = get$3(editorBody, 'background-color');
+      return color !== undefined && color !== '' ? 'background-color:' + color + '!important' : bgFallback;
+    };
+    var clobberStyles = function (dom, container, editorBody) {
+      var gatherSiblings = function (element) {
+        return siblings$2(element, '*:not(.tox-silver-sink)');
+      };
+      var clobber = function (clobberStyle) {
+        return function (element) {
+          var styles = get$2(element, 'style');
+          var backup = styles === undefined ? 'no-styles' : styles.trim();
+          if (backup === clobberStyle) {
+            return;
+          } else {
+            set(element, attr, backup);
+            setAll(element, dom.parseStyle(clobberStyle));
+          }
+        };
+      };
+      var ancestors = ancestors$1(container, '*');
+      var siblings = bind(ancestors, gatherSiblings);
+      var bgColor = matchColor(editorBody);
+      each(siblings, clobber(siblingStyles));
+      each(ancestors, clobber(ancestorPosition + ancestorStyles + bgColor));
+      var containerStyles = isAndroid === true ? '' : ancestorPosition;
+      clobber(containerStyles + ancestorStyles + bgColor)(container);
+    };
+    var restoreStyles = function (dom) {
+      var clobberedEls = all$1('[' + attr + ']');
+      each(clobberedEls, function (element) {
+        var restore = get$2(element, attr);
+        if (restore !== 'no-styles') {
+          setAll(element, dom.parseStyle(restore));
+        } else {
+          remove(element, 'style');
+        }
+        remove(element, attr);
+      });
+    };
+
+    var DOM = global$1.DOM;
+    var getScrollPos = function () {
+      var vp = getBounds(window);
+      return {
+        x: vp.x,
+        y: vp.y
+      };
+    };
+    var setScrollPos = function (pos) {
+      window.scrollTo(pos.x, pos.y);
+    };
+    var viewportUpdate = get$5().fold(function () {
+      return {
+        bind: noop,
+        unbind: noop
+      };
+    }, function (visualViewport) {
+      var editorContainer = value();
+      var resizeBinder = unbindable();
+      var scrollBinder = unbindable();
+      var refreshScroll = function () {
+        document.body.scrollTop = 0;
+        document.documentElement.scrollTop = 0;
+      };
+      var refreshVisualViewport = function () {
+        window.requestAnimationFrame(function () {
+          editorContainer.on(function (container) {
+            return setAll(container, {
+              top: visualViewport.offsetTop + 'px',
+              left: visualViewport.offsetLeft + 'px',
+              height: visualViewport.height + 'px',
+              width: visualViewport.width + 'px'
+            });
+          });
+        });
+      };
+      var update = global$3.throttle(function () {
+        refreshScroll();
+        refreshVisualViewport();
+      }, 50);
+      var bind = function (element) {
+        editorContainer.set(element);
+        update();
+        resizeBinder.set(bind$3('resize', update));
+        scrollBinder.set(bind$3('scroll', update));
+      };
+      var unbind = function () {
+        editorContainer.on(function () {
+          resizeBinder.clear();
+          scrollBinder.clear();
+        });
+        editorContainer.clear();
+      };
+      return {
+        bind: bind,
+        unbind: unbind
+      };
+    });
+    var toggleFullscreen = function (editor, fullscreenState) {
+      var body = document.body;
+      var documentElement = document.documentElement;
+      var editorContainer = editor.getContainer();
+      var editorContainerS = SugarElement.fromDom(editorContainer);
+      var fullscreenRoot = getFullscreenRoot(editor);
+      var fullscreenInfo = fullscreenState.get();
+      var editorBody = SugarElement.fromDom(editor.getBody());
+      var isTouch = global$2.deviceType.isTouch();
+      var editorContainerStyle = editorContainer.style;
+      var iframe = editor.iframeElement;
+      var iframeStyle = iframe.style;
+      var handleClasses = function (handler) {
+        handler(body, 'tox-fullscreen');
+        handler(documentElement, 'tox-fullscreen');
+        handler(editorContainer, 'tox-fullscreen');
+        getShadowRoot(editorContainerS).map(function (root) {
+          return getShadowHost(root).dom;
+        }).each(function (host) {
+          handler(host, 'tox-fullscreen');
+          handler(host, 'tox-shadowhost');
+        });
+      };
+      var cleanup = function () {
+        if (isTouch) {
+          restoreStyles(editor.dom);
+        }
+        handleClasses(DOM.removeClass);
+        viewportUpdate.unbind();
+        Optional.from(fullscreenState.get()).each(function (info) {
+          return info.fullscreenChangeHandler.unbind();
+        });
+      };
+      if (!fullscreenInfo) {
+        var fullscreenChangeHandler = bind$2(owner(fullscreenRoot), getFullscreenchangeEventName(), function (_evt) {
+          if (getFullscreenNative(editor)) {
+            if (!isFullscreenElement(fullscreenRoot) && fullscreenState.get() !== null) {
+              toggleFullscreen(editor, fullscreenState);
+            }
+          }
+        });
+        var newFullScreenInfo = {
+          scrollPos: getScrollPos(),
+          containerWidth: editorContainerStyle.width,
+          containerHeight: editorContainerStyle.height,
+          containerTop: editorContainerStyle.top,
+          containerLeft: editorContainerStyle.left,
+          iframeWidth: iframeStyle.width,
+          iframeHeight: iframeStyle.height,
+          fullscreenChangeHandler: fullscreenChangeHandler
+        };
+        if (isTouch) {
+          clobberStyles(editor.dom, editorContainerS, editorBody);
+        }
+        iframeStyle.width = iframeStyle.height = '100%';
+        editorContainerStyle.width = editorContainerStyle.height = '';
+        handleClasses(DOM.addClass);
+        viewportUpdate.bind(editorContainerS);
+        editor.on('remove', cleanup);
+        fullscreenState.set(newFullScreenInfo);
+        if (getFullscreenNative(editor)) {
+          requestFullscreen(fullscreenRoot);
+        }
+        fireFullscreenStateChanged(editor, true);
+      } else {
+        fullscreenInfo.fullscreenChangeHandler.unbind();
+        if (getFullscreenNative(editor) && isFullscreenElement(fullscreenRoot)) {
+          exitFullscreen(owner(fullscreenRoot));
+        }
+        iframeStyle.width = fullscreenInfo.iframeWidth;
+        iframeStyle.height = fullscreenInfo.iframeHeight;
+        editorContainerStyle.width = fullscreenInfo.containerWidth;
+        editorContainerStyle.height = fullscreenInfo.containerHeight;
+        editorContainerStyle.top = fullscreenInfo.containerTop;
+        editorContainerStyle.left = fullscreenInfo.containerLeft;
+        setScrollPos(fullscreenInfo.scrollPos);
+        fullscreenState.set(null);
+        fireFullscreenStateChanged(editor, false);
+        cleanup();
+        editor.off('remove', cleanup);
+      }
+    };
+
+    var register = function (editor, fullscreenState) {
+      editor.addCommand('mceFullScreen', function () {
+        toggleFullscreen(editor, fullscreenState);
+      });
+    };
+
+    var makeSetupHandler = function (editor, fullscreenState) {
+      return function (api) {
+        api.setActive(fullscreenState.get() !== null);
+        var editorEventCallback = function (e) {
+          return api.setActive(e.state);
+        };
+        editor.on('FullscreenStateChanged', editorEventCallback);
+        return function () {
+          return editor.off('FullscreenStateChanged', editorEventCallback);
+        };
+      };
+    };
+    var register$1 = function (editor, fullscreenState) {
+      editor.ui.registry.addToggleMenuItem('fullscreen', {
+        text: 'Fullscreen',
+        icon: 'fullscreen',
+        shortcut: 'Meta+Shift+F',
+        onAction: function () {
+          return editor.execCommand('mceFullScreen');
+        },
+        onSetup: makeSetupHandler(editor, fullscreenState)
+      });
+      editor.ui.registry.addToggleButton('fullscreen', {
+        tooltip: 'Fullscreen',
+        icon: 'fullscreen',
+        onAction: function () {
+          return editor.execCommand('mceFullScreen');
+        },
+        onSetup: makeSetupHandler(editor, fullscreenState)
+      });
+    };
+
+    function Plugin () {
+      global.add('fullscreen', function (editor) {
+        var fullscreenState = Cell(null);
+        if (editor.inline) {
+          return get(fullscreenState);
+        }
+        register(editor, fullscreenState);
+        register$1(editor, fullscreenState);
+        editor.addShortcut('Meta+Shift+F', '', 'mceFullScreen');
+        return get(fullscreenState);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/fullscreen/plugin.min.js b/src/assets/tinymce/plugins/fullscreen/plugin.min.js
new file mode 100644
index 00000000..7dee35d7
--- /dev/null
+++ b/src/assets/tinymce/plugins/fullscreen/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var c=function(n){var e=n;return{get:function(){return e},set:function(n){e=n}}},n=tinymce.util.Tools.resolve("tinymce.PluginManager"),i=function(n){return{isFullscreen:function(){return null!==n.get()}}},e=function(){},u=function(n){return function(){return n}};var t,r,o,l=u(!1),f=u(!0),a=function(){return d},d=(t=function(n){return n.isNone()},{fold:function(n,e){return n()},is:l,isSome:l,isNone:f,getOr:o=function(n){return n},getOrThunk:r=function(n){return n()},getOrDie:function(n){throw new Error(n||"error: getOrDie called on none.")},getOrNull:u(null),getOrUndefined:u(undefined),or:o,orThunk:r,map:a,each:e,bind:a,exists:l,forall:f,filter:a,equals:t,equals_:t,toArray:function(){return[]},toString:u("none()")}),s=function(t){var n=u(t),e=function(){return o},r=function(n){return n(t)},o={fold:function(n,e){return e(t)},is:function(n){return t===n},isSome:f,isNone:l,getOr:n,getOrThunk:n,getOrDie:n,getOrNull:n,getOrUndefined:n,or:e,orThunk:e,map:function(n){return s(n(t))},each:function(n){n(t)},bind:r,exists:r,forall:r,filter:function(n){return n(t)?o:d},toArray:function(){return[t]},toString:function(){return"some("+t+")"},equals:function(n){return n.is(t)},equals_:function(n,e){return n.fold(l,function(n){return e(t,n)})}};return o},S={some:s,none:a,from:function(n){return null===n||n===undefined?d:s(n)}},m=function(){return n=function(n){return n.unbind()},e=c(S.none()),t=function(){return e.get().each(n)},{clear:function(){t(),e.set(S.none())},isSet:function(){return e.get().isSome()},set:function(n){t(),e.set(S.some(n))}};var n,e,t},h=function(r){return function(n){return t=typeof(e=n),(null===e?"null":"object"==t&&(Array.prototype.isPrototypeOf(e)||e.constructor&&"Array"===e.constructor.name)?"array":"object"==t&&(String.prototype.isPrototypeOf(e)||e.constructor&&"String"===e.constructor.name)?"string":t)===r;var e,t}},g=function(e){return function(n){return typeof n===e}},p=h("string"),v=h("array"),y=g("boolean"),w=function(n){return!(null===(e=n)||e===undefined);var e},b=g("function"),E=g("number"),F=Array.prototype.push,T=function(n,e){for(var t=n.length,r=new Array(t),o=0;o<t;o++){var u=n[o];r[o]=e(u,o)}return r},x=function(n,e){for(var t=0,r=n.length;t<r;t++){e(n[t],t)}},D=function(n,e){for(var t=[],r=0,o=n.length;r<o;r++){var u=n[r];e(u,r)&&t.push(u)}return t},k=function(n,e){return function(n){for(var e=[],t=0,r=n.length;t<r;++t){if(!v(n[t]))throw new Error("Arr.flatten item "+t+" was not an array, input: "+n);F.apply(e,n[t])}return e}(T(n,e))},C=function(n){return e=n,(t=0)<=t&&t<e.length?S.some(e[t]):S.none();var e,t},O=Object.keys,A=function(n){return n.style!==undefined&&b(n.style.getPropertyValue)},N=function(n){if(null===n||n===undefined)throw new Error("Node cannot be null or undefined");return{dom:n}},M={fromHtml:function(n,e){var t=(e||document).createElement("div");if(t.innerHTML=n,!t.hasChildNodes()||1<t.childNodes.length)throw console.error("HTML does not have a single root node",n),new Error("HTML must have a single root node");return N(t.childNodes[0])},fromTag:function(n,e){var t=(e||document).createElement(n);return N(t)},fromText:function(n,e){var t=(e||document).createTextNode(n);return N(t)},fromDom:N,fromPoint:function(n,e,t){return S.from(n.dom.elementFromPoint(e,t)).map(N)}},P=("undefined"!=typeof window||Function("return this;")(),function(e){return function(n){return n.dom.nodeType===e}}),L=P(1),q=P(3),H=P(9),R=P(11),V=function(n,e){var t=n.dom;if(1!==t.nodeType)return!1;var r=t;if(r.matches!==undefined)return r.matches(e);if(r.msMatchesSelector!==undefined)return r.msMatchesSelector(e);if(r.webkitMatchesSelector!==undefined)return r.webkitMatchesSelector(e);if(r.mozMatchesSelector!==undefined)return r.mozMatchesSelector(e);throw new Error("Browser lacks native selectors")},W=function(n){return M.fromDom(n.dom.ownerDocument)},B=function(t){var n;return n=t,S.from(n.dom.parentNode).map(M.fromDom).map(j).map(function(n){return D(n,function(n){return e=n,t.dom!==e.dom;var e})}).getOr([])},j=function(n){return T(n.dom.childNodes,M.fromDom)},z=b(Element.prototype.attachShadow)&&b(Node.prototype.getRootNode),I=u(z),U=z?function(n){return M.fromDom(n.dom.getRootNode())}:function(n){return H(n)?n:W(n)},_=function(n){var e=U(n);return R(e)?S.some(e):S.none()},K=function(n){return M.fromDom(n.dom.host)},X=function(n){return w(n.dom.shadowRoot)},Y=function(n){var e=q(n)?n.dom.parentNode:n.dom;if(e===undefined||null===e||null===e.ownerDocument)return!1;var t,r,o=e.ownerDocument;return _(M.fromDom(e)).fold(function(){return o.body.contains(e)},(t=Y,r=K,function(n){return t(r(n))}))},G=function(n,e,t){!function(n,e,t){if(!(p(t)||y(t)||E(t)))throw console.error("Invalid call to Attribute.set. Key ",e,":: Value ",t,":: Element ",n),new Error("Attribute value was not simple");n.setAttribute(e,t+"")}(n.dom,e,t)},J=function(n,e){var t=n.dom.getAttribute(e);return null===t?undefined:t},Q=function(n,e){n.dom.removeAttribute(e)},Z=function(n,e){var t=n.dom;!function(n,e){for(var t=O(n),r=0,o=t.length;r<o;r++){var u=t[r];e(n[u],u)}}(e,function(n,e){!function(n,e,t){if(!p(t))throw console.error("Invalid call to CSS.set. Property ",e,":: Value ",t,":: Element ",n),new Error("CSS value must be a string: "+t);A(n)&&n.style.setProperty(e,t)}(t,e,n)})},$=function(n,e){return A(n)?n.style.getPropertyValue(e):""},nn=function(n){var t,r,e=M.fromDom(function(n){if(I()&&w(n.target)){var e=M.fromDom(n.target);if(L(e)&&X(e)&&n.composed&&n.composedPath){var t=n.composedPath();if(t)return C(t)}}return S.from(n.target)}(n).getOr(n.target)),o=function(){return n.stopPropagation()},u=function(){return n.preventDefault()},i=(t=u,r=o,function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];return t(r.apply(null,n))});return{target:e,x:n.clientX,y:n.clientY,stop:o,prevent:u,kill:i,raw:n}},en=function(n,e,t,r,o){var u,i,c=(u=t,i=r,function(n){u(n)&&i(nn(n))});return n.dom.addEventListener(e,c,o),{unbind:function(r){for(var o=[],n=1;n<arguments.length;n++)o[n-1]=arguments[n];return function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];var t=o.concat(n);return r.apply(null,t)}}(tn,n,e,c,o)}},tn=function(n,e,t,r){n.dom.removeEventListener(e,t,r)},rn=f,on=function(n,e,t){return en(n,e,rn,t,!1)},un=function(t,r){return{left:t,top:r,translate:function(n,e){return un(t+n,r+e)}}},cn=un,ln=function(n){var e=n===undefined?window:n;return S.from(e.visualViewport)},fn=function(n,e,t,r){return{x:n,y:e,width:t,height:r,right:n+t,bottom:e+r}},an=function(n){var e,t,r,o,u=n===undefined?window:n,i=u.document,c=(e=M.fromDom(i),t=e!==undefined?e.dom:document,r=t.body.scrollLeft||t.documentElement.scrollLeft,o=t.body.scrollTop||t.documentElement.scrollTop,cn(r,o));return ln(u).fold(function(){var n=u.document.documentElement,e=n.clientWidth,t=n.clientHeight;return fn(c.left,c.top,e,t)},function(n){return fn(Math.max(n.pageLeft,c.left),Math.max(n.pageTop,c.top),n.width,n.height)})},dn=function(t,r,n){return ln(n).map(function(n){var e=function(n){return r(nn(n))};return n.addEventListener(t,e),{unbind:function(){return n.removeEventListener(t,e)}}}).getOrThunk(function(){return{unbind:e}})},sn=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),mn=tinymce.util.Tools.resolve("tinymce.Env"),hn=tinymce.util.Tools.resolve("tinymce.util.Delay"),gn=function(n,e){n.fire("FullscreenStateChanged",{state:e})},pn=function(n){return n.getParam("fullscreen_native",!1,"boolean")},vn=function(n){var e=M.fromDom(n.getElement());return _(e).map(K).getOrThunk(function(){return function(n){var e=n.dom.body;if(null===e||e===undefined)throw new Error("Body is not available yet");return M.fromDom(e)}(W(e))})},yn=function(n){return n.dom===((e=W(n).dom).fullscreenElement!==undefined?e.fullscreenElement:e.msFullscreenElement!==undefined?e.msFullscreenElement:e.webkitFullscreenElement!==undefined?e.webkitFullscreenElement:null);var e},wn=function(n,e,t){return D(function(n,e){for(var t=b(e)?e:l,r=n.dom,o=[];null!==r.parentNode&&r.parentNode!==undefined;){var u=r.parentNode,i=M.fromDom(u);if(o.push(i),!0===t(i))break;r=u}return o}(n,t),e)},bn=function(n){return e=n,o=t===undefined?document:t.dom,1!==(r=o).nodeType&&9!==r.nodeType&&11!==r.nodeType||0===r.childElementCount?[]:T(o.querySelectorAll(e),M.fromDom);var e,t,r,o},Sn=function(n,e){return t=function(n){return V(n,e)},D(B(n),t);var t},En="data-ephox-mobile-fullscreen-style",Fn="position:absolute!important;",Tn="top:0!important;left:0!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:visible!important;",xn=mn.os.isAndroid(),Dn=function(n){var e,t,r,o,u=(t="background-color",r=(e=n).dom,""!==(o=window.getComputedStyle(r).getPropertyValue(t))||Y(e)?o:$(r,t));return u!==undefined&&""!==u?"background-color:"+u+"!important":"background-color:rgb(255,255,255)!important;"},kn=function(o,n,e){var t,r,u=function(r){return function(n){var e=J(n,"style"),t=e===undefined?"no-styles":e.trim();t!==r&&(G(n,En,t),Z(n,o.parseStyle(r)))}},i=(t="*",wn(n,function(n){return V(n,t)},r)),c=k(i,function(n){return Sn(n,"*:not(.tox-silver-sink)")}),l=Dn(e);x(c,u("display:none!important;")),x(i,u(Fn+Tn+l)),u((!0===xn?"":Fn)+Tn+l)(n)},Cn=sn.DOM,On=ln().fold(function(){return{bind:e,unbind:e}},function(e){var t,r=(t=c(S.none()),{clear:function(){return t.set(S.none())},set:function(n){return t.set(S.some(n))},isSet:function(){return t.get().isSome()},on:function(n){return t.get().each(n)}}),o=m(),u=m(),i=hn.throttle(function(){document.body.scrollTop=0,document.documentElement.scrollTop=0,window.requestAnimationFrame(function(){r.on(function(n){return Z(n,{top:e.offsetTop+"px",left:e.offsetLeft+"px",height:e.height+"px",width:e.width+"px"})})})},50);return{bind:function(n){r.set(n),i(),o.set(dn("resize",i)),u.set(dn("scroll",i))},unbind:function(){r.on(function(){o.clear(),u.clear()}),r.clear()}}}),An=function(e,r){var n,t,o,u,i,c,l,f=document.body,a=document.documentElement,d=e.getContainer(),s=M.fromDom(d),m=vn(e),h=r.get(),g=M.fromDom(e.getBody()),p=mn.deviceType.isTouch(),v=d.style,y=e.iframeElement.style,w=function(e){e(f,"tox-fullscreen"),e(a,"tox-fullscreen"),e(d,"tox-fullscreen"),_(s).map(function(n){return K(n).dom}).each(function(n){e(n,"tox-fullscreen"),e(n,"tox-shadowhost")})},b=function(){var t,n;p&&(t=e.dom,n=bn("["+En+"]"),x(n,function(n){var e=J(n,En);"no-styles"!==e?Z(n,t.parseStyle(e)):Q(n,"style"),Q(n,En)})),w(Cn.removeClass),On.unbind(),S.from(r.get()).each(function(n){return n.fullscreenChangeHandler.unbind()})};h?(h.fullscreenChangeHandler.unbind(),pn(e)&&yn(m)&&(u=W(m),(i=u.dom).exitFullscreen?i.exitFullscreen():i.msExitFullscreen?i.msExitFullscreen():i.webkitCancelFullScreen&&i.webkitCancelFullScreen()),y.width=h.iframeWidth,y.height=h.iframeHeight,v.width=h.containerWidth,v.height=h.containerHeight,v.top=h.containerTop,v.left=h.containerLeft,o=h.scrollPos,window.scrollTo(o.x,o.y),r.set(null),gn(e,!1),b(),e.off("remove",b)):(n=on(W(m),document.fullscreenElement!==undefined?"fullscreenchange":document.msFullscreenElement!==undefined?"MSFullscreenChange":document.webkitFullscreenElement!==undefined?"webkitfullscreenchange":"fullscreenchange",function(n){pn(e)&&(yn(m)||null===r.get()||An(e,r))}),t={scrollPos:{x:(l=an(window)).x,y:l.y},containerWidth:v.width,containerHeight:v.height,containerTop:v.top,containerLeft:v.left,iframeWidth:y.width,iframeHeight:y.height,fullscreenChangeHandler:n},p&&kn(e.dom,s,g),y.width=y.height="100%",v.width=v.height="",w(Cn.addClass),On.bind(s),e.on("remove",b),r.set(t),pn(e)&&((c=m.dom).requestFullscreen?c.requestFullscreen():c.msRequestFullscreen?c.msRequestFullscreen():c.webkitRequestFullScreen&&c.webkitRequestFullScreen()),gn(e,!0))},Nn=function(t,r){return function(e){e.setActive(null!==r.get());var n=function(n){return e.setActive(n.state)};return t.on("FullscreenStateChanged",n),function(){return t.off("FullscreenStateChanged",n)}}};n.add("fullscreen",function(n){var e,t,r,o,u=c(null);return n.inline||(t=u,(e=n).addCommand("mceFullScreen",function(){An(e,t)}),o=u,(r=n).ui.registry.addToggleMenuItem("fullscreen",{text:"Fullscreen",icon:"fullscreen",shortcut:"Meta+Shift+F",onAction:function(){return r.execCommand("mceFullScreen")},onSetup:Nn(r,o)}),r.ui.registry.addToggleButton("fullscreen",{tooltip:"Fullscreen",icon:"fullscreen",onAction:function(){return r.execCommand("mceFullScreen")},onSetup:Nn(r,o)}),n.addShortcut("Meta+Shift+F","","mceFullScreen")),i(u)})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/help/plugin.js b/src/assets/tinymce/plugins/help/plugin.js
new file mode 100644
index 00000000..de7431cd
--- /dev/null
+++ b/src/assets/tinymce/plugins/help/plugin.js
@@ -0,0 +1,846 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var get = function (customTabs) {
+      var addTab = function (spec) {
+        var currentCustomTabs = customTabs.get();
+        currentCustomTabs[spec.name] = spec;
+        customTabs.set(currentCustomTabs);
+      };
+      return { addTab: addTab };
+    };
+
+    var register = function (editor, dialogOpener) {
+      editor.addCommand('mceHelp', dialogOpener);
+    };
+
+    var register$1 = function (editor, dialogOpener) {
+      editor.ui.registry.addButton('help', {
+        icon: 'help',
+        tooltip: 'Help',
+        onAction: dialogOpener
+      });
+      editor.ui.registry.addMenuItem('help', {
+        text: 'Help',
+        icon: 'help',
+        shortcut: 'Alt+0',
+        onAction: dialogOpener
+      });
+    };
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p))
+              t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+
+    var noop = function () {
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var nativeIndexOf = Array.prototype.indexOf;
+    var rawIndexOf = function (ts, t) {
+      return nativeIndexOf.call(ts, t);
+    };
+    var contains = function (xs, x) {
+      return rawIndexOf(xs, x) > -1;
+    };
+    var map = function (xs, f) {
+      var len = xs.length;
+      var r = new Array(len);
+      for (var i = 0; i < len; i++) {
+        var x = xs[i];
+        r[i] = f(x, i);
+      }
+      return r;
+    };
+    var filter = function (xs, pred) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          r.push(x);
+        }
+      }
+      return r;
+    };
+    var findUntil = function (xs, pred, until) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return Optional.some(x);
+        } else if (until(x, i)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var find = function (xs, pred) {
+      return findUntil(xs, pred, never);
+    };
+
+    var keys = Object.keys;
+    var hasOwnProperty = Object.hasOwnProperty;
+    var get$1 = function (obj, key) {
+      return has(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    var has = function (obj, key) {
+      return hasOwnProperty.call(obj, key);
+    };
+
+    var cat = function (arr) {
+      var r = [];
+      var push = function (x) {
+        r.push(x);
+      };
+      for (var i = 0; i < arr.length; i++) {
+        arr[i].each(push);
+      }
+      return r;
+    };
+
+    var getHelpTabs = function (editor) {
+      return Optional.from(editor.getParam('help_tabs'));
+    };
+    var getForcedPlugins = function (editor) {
+      return editor.getParam('forced_plugins');
+    };
+
+    var description = '<h1>Editor UI keyboard navigation</h1>\n\n<h2>Activating keyboard navigation</h2>\n\n<p>The sections of the outer UI of the editor - the menubar, toolbar, sidebar and footer - are all keyboard navigable. As such, there are multiple ways to activate keyboard navigation:</p>\n<ul>\n  <li>Focus the menubar: Alt + F9 (Windows) or &#x2325;F9 (MacOS)</li>\n  <li>Focus the toolbar: Alt + F10 (Windows) or &#x2325;F10 (MacOS)</li>\n  <li>Focus the footer: Alt + F11 (Windows) or &#x2325;F11 (MacOS)</li>\n</ul>\n\n<p>Focusing the menubar or toolbar will start keyboard navigation at the first item in the menubar or toolbar, which will be highlighted with a gray background. Focusing the footer will start keyboard navigation at the first item in the element path, which will be highlighted with an underline. </p>\n\n<h2>Moving between UI sections</h2>\n\n<p>When keyboard navigation is active, pressing tab will move the focus to the next major section of the UI, where applicable. These sections are:</p>\n<ul>\n  <li>the menubar</li>\n  <li>each group of the toolbar </li>\n  <li>the sidebar</li>\n  <li>the element path in the footer </li>\n  <li>the wordcount toggle button in the footer </li>\n  <li>the branding link in the footer </li>\n</ul>\n\n<p>Pressing shift + tab will move backwards through the same sections, except when moving from the footer to the toolbar. Focusing the element path then pressing shift + tab will move focus to the first toolbar group, not the last.</p>\n\n<h2>Moving within UI sections</h2>\n\n<p>Keyboard navigation within UI sections can usually be achieved using the left and right arrow keys. This includes:</p>\n<ul>\n  <li>moving between menus in the menubar</li>\n  <li>moving between buttons in a toolbar group</li>\n  <li>moving between items in the element path</li>\n</ul>\n\n<p>In all these UI sections, keyboard navigation will cycle within the section. For example, focusing the last button in a toolbar group then pressing right arrow will move focus to the first item in the same toolbar group. </p>\n\n<h1>Executing buttons</h1>\n\n<p>To execute a button, navigate the selection to the desired button and hit space or enter.</p>\n\n<h1>Opening, navigating and closing menus</h1>\n\n<p>When focusing a menubar button or a toolbar button with a menu, pressing space, enter or down arrow will open the menu. When the menu opens the first item will be selected. To move up or down the menu, press the up or down arrow key respectively. This is the same for submenus, which can also be opened and closed using the left and right arrow keys.</p>\n\n<p>To close any active menu, hit the escape key. When a menu is closed the selection will be restored to its previous selection. This also works for closing submenus.</p>\n\n<h1>Context toolbars and menus</h1>\n\n<p>To focus an open context toolbar such as the table context toolbar, press Ctrl + F9 (Windows) or &#x2303;F9 (MacOS).</p>\n\n<p>Context toolbar navigation is the same as toolbar navigation, and context menu navigation is the same as standard menu navigation.</p>\n\n<h1>Dialog navigation</h1>\n\n<p>There are two types of dialog UIs in TinyMCE: tabbed dialogs and non-tabbed dialogs.</p>\n\n<p>When a non-tabbed dialog is opened, the first interactive component in the dialog will be focused. Users can navigate between interactive components by pressing tab. This includes any footer buttons. Navigation will cycle back to the first dialog component if tab is pressed while focusing the last component in the dialog. Pressing shift + tab will navigate backwards.</p>\n\n<p>When a tabbed dialog is opened, the first button in the tab menu is focused. Pressing tab will navigate to the first interactive component in that tab, and will cycle through the tab\u2019s components, the footer buttons, then back to the tab button. To switch to another tab, focus the tab button for the current tab, then use the arrow keys to cycle through the tab buttons.</p>';
+    var tab = function () {
+      var body = {
+        type: 'htmlpanel',
+        presets: 'document',
+        html: description
+      };
+      return {
+        name: 'keyboardnav',
+        title: 'Keyboard Navigation',
+        items: [body]
+      };
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var convertText = function (source) {
+      var mac = {
+        alt: '&#x2325;',
+        ctrl: '&#x2303;',
+        shift: '&#x21E7;',
+        meta: '&#x2318;',
+        access: '&#x2303;&#x2325;'
+      };
+      var other = {
+        meta: 'Ctrl ',
+        access: 'Shift + Alt '
+      };
+      var replace = global$1.mac ? mac : other;
+      var shortcut = source.split('+');
+      var updated = map(shortcut, function (segment) {
+        var search = segment.toLowerCase().trim();
+        return has(replace, search) ? replace[search] : segment;
+      });
+      return global$1.mac ? updated.join('').replace(/\s/, '') : updated.join('+');
+    };
+
+    var shortcuts = [
+      {
+        shortcuts: ['Meta + B'],
+        action: 'Bold'
+      },
+      {
+        shortcuts: ['Meta + I'],
+        action: 'Italic'
+      },
+      {
+        shortcuts: ['Meta + U'],
+        action: 'Underline'
+      },
+      {
+        shortcuts: ['Meta + A'],
+        action: 'Select all'
+      },
+      {
+        shortcuts: [
+          'Meta + Y',
+          'Meta + Shift + Z'
+        ],
+        action: 'Redo'
+      },
+      {
+        shortcuts: ['Meta + Z'],
+        action: 'Undo'
+      },
+      {
+        shortcuts: ['Access + 1'],
+        action: 'Heading 1'
+      },
+      {
+        shortcuts: ['Access + 2'],
+        action: 'Heading 2'
+      },
+      {
+        shortcuts: ['Access + 3'],
+        action: 'Heading 3'
+      },
+      {
+        shortcuts: ['Access + 4'],
+        action: 'Heading 4'
+      },
+      {
+        shortcuts: ['Access + 5'],
+        action: 'Heading 5'
+      },
+      {
+        shortcuts: ['Access + 6'],
+        action: 'Heading 6'
+      },
+      {
+        shortcuts: ['Access + 7'],
+        action: 'Paragraph'
+      },
+      {
+        shortcuts: ['Access + 8'],
+        action: 'Div'
+      },
+      {
+        shortcuts: ['Access + 9'],
+        action: 'Address'
+      },
+      {
+        shortcuts: ['Alt + 0'],
+        action: 'Open help dialog'
+      },
+      {
+        shortcuts: ['Alt + F9'],
+        action: 'Focus to menubar'
+      },
+      {
+        shortcuts: ['Alt + F10'],
+        action: 'Focus to toolbar'
+      },
+      {
+        shortcuts: ['Alt + F11'],
+        action: 'Focus to element path'
+      },
+      {
+        shortcuts: ['Ctrl + F9'],
+        action: 'Focus to contextual toolbar'
+      },
+      {
+        shortcuts: ['Shift + Enter'],
+        action: 'Open popup menu for split buttons'
+      },
+      {
+        shortcuts: ['Meta + K'],
+        action: 'Insert link (if link plugin activated)'
+      },
+      {
+        shortcuts: ['Meta + S'],
+        action: 'Save (if save plugin activated)'
+      },
+      {
+        shortcuts: ['Meta + F'],
+        action: 'Find (if searchreplace plugin activated)'
+      },
+      {
+        shortcuts: ['Meta + Shift + F'],
+        action: 'Switch to or from fullscreen modal'
+      }
+    ];
+
+    var tab$1 = function () {
+      var shortcutList = map(shortcuts, function (shortcut) {
+        var shortcutText = map(shortcut.shortcuts, convertText).join(' or ');
+        return [
+          shortcut.action,
+          shortcutText
+        ];
+      });
+      var tablePanel = {
+        type: 'table',
+        header: [
+          'Action',
+          'Shortcut'
+        ],
+        cells: shortcutList
+      };
+      return {
+        name: 'shortcuts',
+        title: 'Handy Shortcuts',
+        items: [tablePanel]
+      };
+    };
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.I18n');
+
+    var urls = [
+      {
+        key: 'advlist',
+        name: 'Advanced List'
+      },
+      {
+        key: 'anchor',
+        name: 'Anchor'
+      },
+      {
+        key: 'autolink',
+        name: 'Autolink'
+      },
+      {
+        key: 'autoresize',
+        name: 'Autoresize'
+      },
+      {
+        key: 'autosave',
+        name: 'Autosave'
+      },
+      {
+        key: 'bbcode',
+        name: 'BBCode'
+      },
+      {
+        key: 'charmap',
+        name: 'Character Map'
+      },
+      {
+        key: 'code',
+        name: 'Code'
+      },
+      {
+        key: 'codesample',
+        name: 'Code Sample'
+      },
+      {
+        key: 'colorpicker',
+        name: 'Color Picker'
+      },
+      {
+        key: 'directionality',
+        name: 'Directionality'
+      },
+      {
+        key: 'emoticons',
+        name: 'Emoticons'
+      },
+      {
+        key: 'fullpage',
+        name: 'Full Page'
+      },
+      {
+        key: 'fullscreen',
+        name: 'Full Screen'
+      },
+      {
+        key: 'help',
+        name: 'Help'
+      },
+      {
+        key: 'hr',
+        name: 'Horizontal Rule'
+      },
+      {
+        key: 'image',
+        name: 'Image'
+      },
+      {
+        key: 'imagetools',
+        name: 'Image Tools'
+      },
+      {
+        key: 'importcss',
+        name: 'Import CSS'
+      },
+      {
+        key: 'insertdatetime',
+        name: 'Insert Date/Time'
+      },
+      {
+        key: 'legacyoutput',
+        name: 'Legacy Output'
+      },
+      {
+        key: 'link',
+        name: 'Link'
+      },
+      {
+        key: 'lists',
+        name: 'Lists'
+      },
+      {
+        key: 'media',
+        name: 'Media'
+      },
+      {
+        key: 'nonbreaking',
+        name: 'Nonbreaking'
+      },
+      {
+        key: 'noneditable',
+        name: 'Noneditable'
+      },
+      {
+        key: 'pagebreak',
+        name: 'Page Break'
+      },
+      {
+        key: 'paste',
+        name: 'Paste'
+      },
+      {
+        key: 'preview',
+        name: 'Preview'
+      },
+      {
+        key: 'print',
+        name: 'Print'
+      },
+      {
+        key: 'save',
+        name: 'Save'
+      },
+      {
+        key: 'searchreplace',
+        name: 'Search and Replace'
+      },
+      {
+        key: 'spellchecker',
+        name: 'Spell Checker'
+      },
+      {
+        key: 'tabfocus',
+        name: 'Tab Focus'
+      },
+      {
+        key: 'table',
+        name: 'Table'
+      },
+      {
+        key: 'template',
+        name: 'Template'
+      },
+      {
+        key: 'textcolor',
+        name: 'Text Color'
+      },
+      {
+        key: 'textpattern',
+        name: 'Text Pattern'
+      },
+      {
+        key: 'toc',
+        name: 'Table of Contents'
+      },
+      {
+        key: 'visualblocks',
+        name: 'Visual Blocks'
+      },
+      {
+        key: 'visualchars',
+        name: 'Visual Characters'
+      },
+      {
+        key: 'wordcount',
+        name: 'Word Count'
+      },
+      {
+        key: 'advcode',
+        name: 'Advanced Code Editor*'
+      },
+      {
+        key: 'formatpainter',
+        name: 'Format Painter*'
+      },
+      {
+        key: 'powerpaste',
+        name: 'PowerPaste*'
+      },
+      {
+        key: 'tinydrive',
+        name: 'Tiny Drive*',
+        slug: 'drive'
+      },
+      {
+        key: 'tinymcespellchecker',
+        name: 'Spell Checker Pro*'
+      },
+      {
+        key: 'a11ychecker',
+        name: 'Accessibility Checker*'
+      },
+      {
+        key: 'linkchecker',
+        name: 'Link Checker*'
+      },
+      {
+        key: 'mentions',
+        name: 'Mentions*'
+      },
+      {
+        key: 'mediaembed',
+        name: 'Enhanced Media Embed*'
+      },
+      {
+        key: 'checklist',
+        name: 'Checklist*'
+      },
+      {
+        key: 'casechange',
+        name: 'Case Change*'
+      },
+      {
+        key: 'permanentpen',
+        name: 'Permanent Pen*'
+      },
+      {
+        key: 'pageembed',
+        name: 'Page Embed*'
+      },
+      {
+        key: 'tinycomments',
+        name: 'Tiny Comments*',
+        slug: 'comments'
+      },
+      {
+        key: 'advtable',
+        name: 'Advanced Tables*'
+      },
+      {
+        key: 'autocorrect',
+        name: 'Autocorrect*'
+      }
+    ];
+
+    var tab$2 = function (editor) {
+      var availablePlugins = function () {
+        var premiumPlugins = [
+          'Accessibility Checker',
+          'Advanced Code Editor',
+          'Advanced Tables',
+          'Case Change',
+          'Checklist',
+          'Tiny Comments',
+          'Tiny Drive',
+          'Enhanced Media Embed',
+          'Format Painter',
+          'Link Checker',
+          'Mentions',
+          'MoxieManager',
+          'Page Embed',
+          'Permanent Pen',
+          'PowerPaste',
+          'Spell Checker Pro'
+        ];
+        var premiumPluginList = map(premiumPlugins, function (plugin) {
+          return '<li>' + global$2.translate(plugin) + '</li>';
+        }).join('');
+        return '<div data-mce-tabstop="1" tabindex="-1">' + '<p><b>' + global$2.translate('Premium plugins:') + '</b></p>' + '<ul>' + premiumPluginList + '<li class="tox-help__more-link" "><a href="https://www.tiny.cloud/pricing/?utm_campaign=editor_referral&utm_medium=help_dialog&utm_source=tinymce" target="_blank">' + global$2.translate('Learn more...') + '</a></li>' + '</ul>' + '</div>';
+      };
+      var makeLink = function (p) {
+        return '<a href="' + p.url + '" target="_blank" rel="noopener">' + p.name + '</a>';
+      };
+      var maybeUrlize = function (editor, key) {
+        return find(urls, function (x) {
+          return x.key === key;
+        }).fold(function () {
+          var getMetadata = editor.plugins[key].getMetadata;
+          return typeof getMetadata === 'function' ? makeLink(getMetadata()) : key;
+        }, function (x) {
+          var urlSlug = x.slug || x.key;
+          return makeLink({
+            name: x.name,
+            url: 'https://www.tiny.cloud/docs/plugins/' + urlSlug
+          });
+        });
+      };
+      var getPluginKeys = function (editor) {
+        var keys$1 = keys(editor.plugins);
+        var forced_plugins = getForcedPlugins(editor);
+        return forced_plugins === undefined ? keys$1 : filter(keys$1, function (k) {
+          return !contains(forced_plugins, k);
+        });
+      };
+      var pluginLister = function (editor) {
+        var pluginKeys = getPluginKeys(editor);
+        var pluginLis = map(pluginKeys, function (key) {
+          return '<li>' + maybeUrlize(editor, key) + '</li>';
+        });
+        var count = pluginLis.length;
+        var pluginsString = pluginLis.join('');
+        var html = '<p><b>' + global$2.translate([
+          'Plugins installed ({0}):',
+          count
+        ]) + '</b></p>' + '<ul>' + pluginsString + '</ul>';
+        return html;
+      };
+      var installedPlugins = function (editor) {
+        if (editor == null) {
+          return '';
+        }
+        return '<div data-mce-tabstop="1" tabindex="-1">' + pluginLister(editor) + '</div>';
+      };
+      var htmlPanel = {
+        type: 'htmlpanel',
+        presets: 'document',
+        html: [
+          installedPlugins(editor),
+          availablePlugins()
+        ].join('')
+      };
+      return {
+        name: 'plugins',
+        title: 'Plugins',
+        items: [htmlPanel]
+      };
+    };
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.EditorManager');
+
+    var tab$3 = function () {
+      var getVersion = function (major, minor) {
+        return major.indexOf('@') === 0 ? 'X.X.X' : major + '.' + minor;
+      };
+      var version = getVersion(global$3.majorVersion, global$3.minorVersion);
+      var changeLogLink = '<a href="https://www.tinymce.com/docs/changelog/?utm_campaign=editor_referral&utm_medium=help_dialog&utm_source=tinymce" target="_blank">TinyMCE ' + version + '</a>';
+      var htmlPanel = {
+        type: 'htmlpanel',
+        html: '<p>' + global$2.translate([
+          'You are using {0}',
+          changeLogLink
+        ]) + '</p>',
+        presets: 'document'
+      };
+      return {
+        name: 'versions',
+        title: 'Version',
+        items: [htmlPanel]
+      };
+    };
+
+    var parseHelpTabsSetting = function (tabsFromSettings, tabs) {
+      var newTabs = {};
+      var names = map(tabsFromSettings, function (t) {
+        if (typeof t === 'string') {
+          if (has(tabs, t)) {
+            newTabs[t] = tabs[t];
+          }
+          return t;
+        } else {
+          newTabs[t.name] = t;
+          return t.name;
+        }
+      });
+      return {
+        tabs: newTabs,
+        names: names
+      };
+    };
+    var getNamesFromTabs = function (tabs) {
+      var names = keys(tabs);
+      var idx = names.indexOf('versions');
+      if (idx !== -1) {
+        names.splice(idx, 1);
+        names.push('versions');
+      }
+      return {
+        tabs: tabs,
+        names: names
+      };
+    };
+    var parseCustomTabs = function (editor, customTabs) {
+      var _a;
+      var shortcuts = tab$1();
+      var nav = tab();
+      var plugins = tab$2(editor);
+      var versions = tab$3();
+      var tabs = __assign((_a = {}, _a[shortcuts.name] = shortcuts, _a[nav.name] = nav, _a[plugins.name] = plugins, _a[versions.name] = versions, _a), customTabs.get());
+      return getHelpTabs(editor).fold(function () {
+        return getNamesFromTabs(tabs);
+      }, function (tabsFromSettings) {
+        return parseHelpTabsSetting(tabsFromSettings, tabs);
+      });
+    };
+    var init = function (editor, customTabs) {
+      return function () {
+        var _a = parseCustomTabs(editor, customTabs), tabs = _a.tabs, names = _a.names;
+        var foundTabs = map(names, function (name) {
+          return get$1(tabs, name);
+        });
+        var dialogTabs = cat(foundTabs);
+        var body = {
+          type: 'tabpanel',
+          tabs: dialogTabs
+        };
+        editor.windowManager.open({
+          title: 'Help',
+          size: 'medium',
+          body: body,
+          buttons: [{
+              type: 'cancel',
+              name: 'close',
+              text: 'Close',
+              primary: true
+            }],
+          initialData: {}
+        });
+      };
+    };
+
+    function Plugin () {
+      global.add('help', function (editor) {
+        var customTabs = Cell({});
+        var api = get(customTabs);
+        var dialogOpener = init(editor, customTabs);
+        register$1(editor, dialogOpener);
+        register(editor, dialogOpener);
+        editor.shortcuts.add('Alt+0', 'Open help dialog', 'mceHelp');
+        return api;
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/help/plugin.min.js b/src/assets/tinymce/plugins/help/plugin.min.js
new file mode 100644
index 00000000..43f1379f
--- /dev/null
+++ b/src/assets/tinymce/plugins/help/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e,t,n,a=tinymce.util.Tools.resolve("tinymce.PluginManager"),m=function(){return(m=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},i=function(e){return function(){return e}},r=i(!1),s=i(!0),o=function(){return l},l=(e=function(e){return e.isNone()},{fold:function(e,t){return e()},is:r,isSome:r,isNone:s,getOr:n=function(e){return e},getOrThunk:t=function(e){return e()},getOrDie:function(e){throw new Error(e||"error: getOrDie called on none.")},getOrNull:i(null),getOrUndefined:i(undefined),or:n,orThunk:t,map:o,each:function(){},bind:o,exists:r,forall:s,filter:o,equals:e,equals_:e,toArray:function(){return[]},toString:i("none()")}),c=function(n){var e=i(n),t=function(){return o},a=function(e){return e(n)},o={fold:function(e,t){return t(n)},is:function(e){return n===e},isSome:s,isNone:r,getOr:e,getOrThunk:e,getOrDie:e,getOrNull:e,getOrUndefined:e,or:t,orThunk:t,map:function(e){return c(e(n))},each:function(e){e(n)},bind:a,exists:a,forall:a,filter:function(e){return e(n)?o:l},toArray:function(){return[n]},toString:function(){return"some("+n+")"},equals:function(e){return e.is(n)},equals_:function(e,t){return e.fold(r,function(e){return t(n,e)})}};return o},d={some:c,none:o,from:function(e){return null===e||e===undefined?l:c(e)}},u=Array.prototype.indexOf,h=function(e,t){return n=e,a=t,-1<u.call(n,a);var n,a},p=function(e,t){for(var n=e.length,a=new Array(n),o=0;o<n;o++){var i=e[o];a[o]=t(i,o)}return a},g=function(e,t){return function(e,t,n){for(var a=0,o=e.length;a<o;a++){var i=e[a];if(t(i,a))return d.some(i);if(n(i,a))break}return d.none()}(e,t,r)},f=Object.keys,b=Object.hasOwnProperty,y=function(e,t){return b.call(e,t)},k=tinymce.util.Tools.resolve("tinymce.Env"),v=function(e){var n=k.mac?{alt:"&#x2325;",ctrl:"&#x2303;",shift:"&#x21E7;",meta:"&#x2318;",access:"&#x2303;&#x2325;"}:{meta:"Ctrl ",access:"Shift + Alt "},t=e.split("+"),a=p(t,function(e){var t=e.toLowerCase().trim();return y(n,t)?n[t]:e});return k.mac?a.join("").replace(/\s/,""):a.join("+")},w=[{shortcuts:["Meta + B"],action:"Bold"},{shortcuts:["Meta + I"],action:"Italic"},{shortcuts:["Meta + U"],action:"Underline"},{shortcuts:["Meta + A"],action:"Select all"},{shortcuts:["Meta + Y","Meta + Shift + Z"],action:"Redo"},{shortcuts:["Meta + Z"],action:"Undo"},{shortcuts:["Access + 1"],action:"Heading 1"},{shortcuts:["Access + 2"],action:"Heading 2"},{shortcuts:["Access + 3"],action:"Heading 3"},{shortcuts:["Access + 4"],action:"Heading 4"},{shortcuts:["Access + 5"],action:"Heading 5"},{shortcuts:["Access + 6"],action:"Heading 6"},{shortcuts:["Access + 7"],action:"Paragraph"},{shortcuts:["Access + 8"],action:"Div"},{shortcuts:["Access + 9"],action:"Address"},{shortcuts:["Alt + 0"],action:"Open help dialog"},{shortcuts:["Alt + F9"],action:"Focus to menubar"},{shortcuts:["Alt + F10"],action:"Focus to toolbar"},{shortcuts:["Alt + F11"],action:"Focus to element path"},{shortcuts:["Ctrl + F9"],action:"Focus to contextual toolbar"},{shortcuts:["Shift + Enter"],action:"Open popup menu for split buttons"},{shortcuts:["Meta + K"],action:"Insert link (if link plugin activated)"},{shortcuts:["Meta + S"],action:"Save (if save plugin activated)"},{shortcuts:["Meta + F"],action:"Find (if searchreplace plugin activated)"},{shortcuts:["Meta + Shift + F"],action:"Switch to or from fullscreen modal"}],A=tinymce.util.Tools.resolve("tinymce.util.I18n"),C=[{key:"advlist",name:"Advanced List"},{key:"anchor",name:"Anchor"},{key:"autolink",name:"Autolink"},{key:"autoresize",name:"Autoresize"},{key:"autosave",name:"Autosave"},{key:"bbcode",name:"BBCode"},{key:"charmap",name:"Character Map"},{key:"code",name:"Code"},{key:"codesample",name:"Code Sample"},{key:"colorpicker",name:"Color Picker"},{key:"directionality",name:"Directionality"},{key:"emoticons",name:"Emoticons"},{key:"fullpage",name:"Full Page"},{key:"fullscreen",name:"Full Screen"},{key:"help",name:"Help"},{key:"hr",name:"Horizontal Rule"},{key:"image",name:"Image"},{key:"imagetools",name:"Image Tools"},{key:"importcss",name:"Import CSS"},{key:"insertdatetime",name:"Insert Date/Time"},{key:"legacyoutput",name:"Legacy Output"},{key:"link",name:"Link"},{key:"lists",name:"Lists"},{key:"media",name:"Media"},{key:"nonbreaking",name:"Nonbreaking"},{key:"noneditable",name:"Noneditable"},{key:"pagebreak",name:"Page Break"},{key:"paste",name:"Paste"},{key:"preview",name:"Preview"},{key:"print",name:"Print"},{key:"save",name:"Save"},{key:"searchreplace",name:"Search and Replace"},{key:"spellchecker",name:"Spell Checker"},{key:"tabfocus",name:"Tab Focus"},{key:"table",name:"Table"},{key:"template",name:"Template"},{key:"textcolor",name:"Text Color"},{key:"textpattern",name:"Text Pattern"},{key:"toc",name:"Table of Contents"},{key:"visualblocks",name:"Visual Blocks"},{key:"visualchars",name:"Visual Characters"},{key:"wordcount",name:"Word Count"},{key:"advcode",name:"Advanced Code Editor*"},{key:"formatpainter",name:"Format Painter*"},{key:"powerpaste",name:"PowerPaste*"},{key:"tinydrive",name:"Tiny Drive*",slug:"drive"},{key:"tinymcespellchecker",name:"Spell Checker Pro*"},{key:"a11ychecker",name:"Accessibility Checker*"},{key:"linkchecker",name:"Link Checker*"},{key:"mentions",name:"Mentions*"},{key:"mediaembed",name:"Enhanced Media Embed*"},{key:"checklist",name:"Checklist*"},{key:"casechange",name:"Case Change*"},{key:"permanentpen",name:"Permanent Pen*"},{key:"pageembed",name:"Page Embed*"},{key:"tinycomments",name:"Tiny Comments*",slug:"comments"},{key:"advtable",name:"Advanced Tables*"},{key:"autocorrect",name:"Autocorrect*"}],T=function(e){var t,n,l=function(e){return'<a href="'+e.url+'" target="_blank" rel="noopener">'+e.name+"</a>"};return{name:"plugins",title:"Plugins",items:[{type:"htmlpanel",presets:"document",html:[null==(n=e)?"":'<div data-mce-tabstop="1" tabindex="-1">'+function(a){var e,t,n,o=(t=f((e=a).plugins),(n=e.getParam("forced_plugins"))===undefined?t:function(e,t){for(var n=[],a=0,o=e.length;a<o;a++){var i=e[a];t(i,a)&&n.push(i)}return n}(t,function(e){return!h(n,e)})),i=p(o,function(e){return"<li>"+(t=a,n=e,g(C,function(e){return e.key===n}).fold(function(){var e=t.plugins[n].getMetadata;return"function"==typeof e?l(e()):n},function(e){var t=e.slug||e.key;return l({name:e.name,url:"https://www.tiny.cloud/docs/plugins/"+t})}))+"</li>";var t,n}),r=i.length,s=i.join("");return"<p><b>"+A.translate(["Plugins installed ({0}):",r])+"</b></p><ul>"+s+"</ul>"}(n)+"</div>",(t=p(["Accessibility Checker","Advanced Code Editor","Advanced Tables","Case Change","Checklist","Tiny Comments","Tiny Drive","Enhanced Media Embed","Format Painter","Link Checker","Mentions","MoxieManager","Page Embed","Permanent Pen","PowerPaste","Spell Checker Pro"],function(e){return"<li>"+A.translate(e)+"</li>"}).join(""),'<div data-mce-tabstop="1" tabindex="-1"><p><b>'+A.translate("Premium plugins:")+"</b></p><ul>"+t+'<li class="tox-help__more-link" "><a href="https://www.tiny.cloud/pricing/?utm_campaign=editor_referral&utm_medium=help_dialog&utm_source=tinymce" target="_blank">'+A.translate("Learn more...")+"</a></li></ul></div>")].join("")}]}},x=tinymce.util.Tools.resolve("tinymce.EditorManager"),P=function(e,t){var n,a,o,i,r,s={name:"shortcuts",title:"Handy Shortcuts",items:[{type:"table",header:["Action","Shortcut"],cells:p(w,function(e){var t=p(e.shortcuts,v).join(" or ");return[e.action,t]})}]},l={name:"keyboardnav",title:"Keyboard Navigation",items:[{type:"htmlpanel",presets:"document",html:"<h1>Editor UI keyboard navigation</h1>\n\n<h2>Activating keyboard navigation</h2>\n\n<p>The sections of the outer UI of the editor - the menubar, toolbar, sidebar and footer - are all keyboard navigable. As such, there are multiple ways to activate keyboard navigation:</p>\n<ul>\n  <li>Focus the menubar: Alt + F9 (Windows) or &#x2325;F9 (MacOS)</li>\n  <li>Focus the toolbar: Alt + F10 (Windows) or &#x2325;F10 (MacOS)</li>\n  <li>Focus the footer: Alt + F11 (Windows) or &#x2325;F11 (MacOS)</li>\n</ul>\n\n<p>Focusing the menubar or toolbar will start keyboard navigation at the first item in the menubar or toolbar, which will be highlighted with a gray background. Focusing the footer will start keyboard navigation at the first item in the element path, which will be highlighted with an underline. </p>\n\n<h2>Moving between UI sections</h2>\n\n<p>When keyboard navigation is active, pressing tab will move the focus to the next major section of the UI, where applicable. These sections are:</p>\n<ul>\n  <li>the menubar</li>\n  <li>each group of the toolbar </li>\n  <li>the sidebar</li>\n  <li>the element path in the footer </li>\n  <li>the wordcount toggle button in the footer </li>\n  <li>the branding link in the footer </li>\n</ul>\n\n<p>Pressing shift + tab will move backwards through the same sections, except when moving from the footer to the toolbar. Focusing the element path then pressing shift + tab will move focus to the first toolbar group, not the last.</p>\n\n<h2>Moving within UI sections</h2>\n\n<p>Keyboard navigation within UI sections can usually be achieved using the left and right arrow keys. This includes:</p>\n<ul>\n  <li>moving between menus in the menubar</li>\n  <li>moving between buttons in a toolbar group</li>\n  <li>moving between items in the element path</li>\n</ul>\n\n<p>In all these UI sections, keyboard navigation will cycle within the section. For example, focusing the last button in a toolbar group then pressing right arrow will move focus to the first item in the same toolbar group. </p>\n\n<h1>Executing buttons</h1>\n\n<p>To execute a button, navigate the selection to the desired button and hit space or enter.</p>\n\n<h1>Opening, navigating and closing menus</h1>\n\n<p>When focusing a menubar button or a toolbar button with a menu, pressing space, enter or down arrow will open the menu. When the menu opens the first item will be selected. To move up or down the menu, press the up or down arrow key respectively. This is the same for submenus, which can also be opened and closed using the left and right arrow keys.</p>\n\n<p>To close any active menu, hit the escape key. When a menu is closed the selection will be restored to its previous selection. This also works for closing submenus.</p>\n\n<h1>Context toolbars and menus</h1>\n\n<p>To focus an open context toolbar such as the table context toolbar, press Ctrl + F9 (Windows) or &#x2303;F9 (MacOS).</p>\n\n<p>Context toolbar navigation is the same as toolbar navigation, and context menu navigation is the same as standard menu navigation.</p>\n\n<h1>Dialog navigation</h1>\n\n<p>There are two types of dialog UIs in TinyMCE: tabbed dialogs and non-tabbed dialogs.</p>\n\n<p>When a non-tabbed dialog is opened, the first interactive component in the dialog will be focused. Users can navigate between interactive components by pressing tab. This includes any footer buttons. Navigation will cycle back to the first dialog component if tab is pressed while focusing the last component in the dialog. Pressing shift + tab will navigate backwards.</p>\n\n<p>When a tabbed dialog is opened, the first button in the tab menu is focused. Pressing tab will navigate to the first interactive component in that tab, and will cycle through the tab\u2019s components, the footer buttons, then back to the tab button. To switch to another tab, focus the tab button for the current tab, then use the arrow keys to cycle through the tab buttons.</p>"}]},c=T(e),u=(i='<a href="https://www.tinymce.com/docs/changelog/?utm_campaign=editor_referral&utm_medium=help_dialog&utm_source=tinymce" target="_blank">TinyMCE '+(a=x.majorVersion,o=x.minorVersion,0===a.indexOf("@")?"X.X.X":a+"."+o)+"</a>",{name:"versions",title:"Version",items:[{type:"htmlpanel",html:"<p>"+A.translate(["You are using {0}",i])+"</p>",presets:"document"}]}),h=m(((n={})[s.name]=s,n[l.name]=l,n[c.name]=c,n[u.name]=u,n),t.get());return r=e,d.from(r.getParam("help_tabs")).fold(function(){return t=f(e=h),-1!==(n=t.indexOf("versions"))&&(t.splice(n,1),t.push("versions")),{tabs:e,names:t};var e,t,n},function(e){return t=h,n={},a=p(e,function(e){return"string"==typeof e?(y(t,e)&&(n[e]=t[e]),e):(n[e.name]=e).name}),{tabs:n,names:a};var t,n,a})},M=function(o,i){return function(){var e=P(o,i),a=e.tabs,t=e.names,n={type:"tabpanel",tabs:function(e){for(var t=[],n=function(e){t.push(e)},a=0;a<e.length;a++)e[a].each(n);return t}(p(t,function(e){return y(t=a,n=e)?d.from(t[n]):d.none();var t,n}))};o.windowManager.open({title:"Help",size:"medium",body:n,buttons:[{type:"cancel",name:"close",text:"Close",primary:!0}],initialData:{}})}};a.add("help",function(e){var t,n,a,o,i,r=(t={},{get:function(){return t},set:function(e){t=e}}),s={addTab:function(e){var t=n.get();t[e.name]=e,n.set(t)}},l=M(e,n=r);return o=l,(a=e).ui.registry.addButton("help",{icon:"help",tooltip:"Help",onAction:o}),a.ui.registry.addMenuItem("help",{text:"Help",icon:"help",shortcut:"Alt+0",onAction:o}),i=l,e.addCommand("mceHelp",i),e.shortcuts.add("Alt+0","Open help dialog","mceHelp"),s})}();
diff --git a/src/assets/tinymce/plugins/hr/plugin.js b/src/assets/tinymce/plugins/hr/plugin.js
new file mode 100644
index 00000000..75d22d30
--- /dev/null
+++ b/src/assets/tinymce/plugins/hr/plugin.js
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var register = function (editor) {
+      editor.addCommand('InsertHorizontalRule', function () {
+        editor.execCommand('mceInsertContent', false, '<hr />');
+      });
+    };
+
+    var register$1 = function (editor) {
+      editor.ui.registry.addButton('hr', {
+        icon: 'horizontal-rule',
+        tooltip: 'Horizontal line',
+        onAction: function () {
+          return editor.execCommand('InsertHorizontalRule');
+        }
+      });
+      editor.ui.registry.addMenuItem('hr', {
+        icon: 'horizontal-rule',
+        text: 'Horizontal line',
+        onAction: function () {
+          return editor.execCommand('InsertHorizontalRule');
+        }
+      });
+    };
+
+    function Plugin () {
+      global.add('hr', function (editor) {
+        register(editor);
+        register$1(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/hr/plugin.min.js b/src/assets/tinymce/plugins/hr/plugin.min.js
new file mode 100644
index 00000000..dfeca9e0
--- /dev/null
+++ b/src/assets/tinymce/plugins/hr/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var n=tinymce.util.Tools.resolve("tinymce.PluginManager");n.add("hr",function(n){var o,t;(o=n).addCommand("InsertHorizontalRule",function(){o.execCommand("mceInsertContent",!1,"<hr />")}),(t=n).ui.registry.addButton("hr",{icon:"horizontal-rule",tooltip:"Horizontal line",onAction:function(){return t.execCommand("InsertHorizontalRule")}}),t.ui.registry.addMenuItem("hr",{icon:"horizontal-rule",text:"Horizontal line",onAction:function(){return t.execCommand("InsertHorizontalRule")}})})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/image/plugin.js b/src/assets/tinymce/plugins/image/plugin.js
new file mode 100644
index 00000000..d7b1cf18
--- /dev/null
+++ b/src/assets/tinymce/plugins/image/plugin.js
@@ -0,0 +1,1664 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p))
+              t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+
+    var typeOf = function (x) {
+      var t = typeof x;
+      if (x === null) {
+        return 'null';
+      } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+        return 'array';
+      } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+        return 'string';
+      } else {
+        return t;
+      }
+    };
+    var isType = function (type) {
+      return function (value) {
+        return typeOf(value) === type;
+      };
+    };
+    var isSimpleType = function (type) {
+      return function (value) {
+        return typeof value === type;
+      };
+    };
+    var eq = function (t) {
+      return function (a) {
+        return t === a;
+      };
+    };
+    var isString = isType('string');
+    var isObject = isType('object');
+    var isArray = isType('array');
+    var isNull = eq(null);
+    var isBoolean = isSimpleType('boolean');
+    var isNumber = isSimpleType('number');
+
+    var noop = function () {
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var nativePush = Array.prototype.push;
+    var flatten = function (xs) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; ++i) {
+        if (!isArray(xs[i])) {
+          throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+        }
+        nativePush.apply(r, xs[i]);
+      }
+      return r;
+    };
+    var get = function (xs, i) {
+      return i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none();
+    };
+    var head = function (xs) {
+      return get(xs, 0);
+    };
+    var findMap = function (arr, f) {
+      for (var i = 0; i < arr.length; i++) {
+        var r = f(arr[i], i);
+        if (r.isSome()) {
+          return r;
+        }
+      }
+      return Optional.none();
+    };
+
+    var Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    var rawSet = function (dom, key, value) {
+      if (isString(value) || isBoolean(value) || isNumber(value)) {
+        dom.setAttribute(key, value + '');
+      } else {
+        console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+        throw new Error('Attribute value was not simple');
+      }
+    };
+    var set = function (element, key, value) {
+      rawSet(element.dom, key, value);
+    };
+    var remove = function (element, key) {
+      element.dom.removeAttribute(key);
+    };
+
+    var fromHtml = function (html, scope) {
+      var doc = scope || document;
+      var div = doc.createElement('div');
+      div.innerHTML = html;
+      if (!div.hasChildNodes() || div.childNodes.length > 1) {
+        console.error('HTML does not have a single root node', html);
+        throw new Error('HTML must have a single root node');
+      }
+      return fromDom(div.childNodes[0]);
+    };
+    var fromTag = function (tag, scope) {
+      var doc = scope || document;
+      var node = doc.createElement(tag);
+      return fromDom(node);
+    };
+    var fromText = function (text, scope) {
+      var doc = scope || document;
+      var node = doc.createTextNode(text);
+      return fromDom(node);
+    };
+    var fromDom = function (node) {
+      if (node === null || node === undefined) {
+        throw new Error('Node cannot be null or undefined');
+      }
+      return { dom: node };
+    };
+    var fromPoint = function (docElm, x, y) {
+      return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
+    };
+    var SugarElement = {
+      fromHtml: fromHtml,
+      fromTag: fromTag,
+      fromText: fromText,
+      fromDom: fromDom,
+      fromPoint: fromPoint
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Promise');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.XHR');
+
+    var hasDimensions = function (editor) {
+      return editor.getParam('image_dimensions', true, 'boolean');
+    };
+    var hasAdvTab = function (editor) {
+      return editor.getParam('image_advtab', false, 'boolean');
+    };
+    var hasUploadTab = function (editor) {
+      return editor.getParam('image_uploadtab', true, 'boolean');
+    };
+    var getPrependUrl = function (editor) {
+      return editor.getParam('image_prepend_url', '', 'string');
+    };
+    var getClassList = function (editor) {
+      return editor.getParam('image_class_list');
+    };
+    var hasDescription = function (editor) {
+      return editor.getParam('image_description', true, 'boolean');
+    };
+    var hasImageTitle = function (editor) {
+      return editor.getParam('image_title', false, 'boolean');
+    };
+    var hasImageCaption = function (editor) {
+      return editor.getParam('image_caption', false, 'boolean');
+    };
+    var getImageList = function (editor) {
+      return editor.getParam('image_list', false);
+    };
+    var hasUploadUrl = function (editor) {
+      return !!getUploadUrl(editor);
+    };
+    var hasUploadHandler = function (editor) {
+      return !!getUploadHandler(editor);
+    };
+    var getUploadUrl = function (editor) {
+      return editor.getParam('images_upload_url', '', 'string');
+    };
+    var getUploadHandler = function (editor) {
+      return editor.getParam('images_upload_handler', undefined, 'function');
+    };
+    var getUploadBasePath = function (editor) {
+      return editor.getParam('images_upload_base_path', undefined, 'string');
+    };
+    var getUploadCredentials = function (editor) {
+      return editor.getParam('images_upload_credentials', false, 'boolean');
+    };
+    var showAccessibilityOptions = function (editor) {
+      return editor.getParam('a11y_advanced_options', false, 'boolean');
+    };
+    var isAutomaticUploadsEnabled = function (editor) {
+      return editor.getParam('automatic_uploads', true, 'boolean');
+    };
+
+    var parseIntAndGetMax = function (val1, val2) {
+      return Math.max(parseInt(val1, 10), parseInt(val2, 10));
+    };
+    var getImageSize = function (url) {
+      return new global$2(function (callback) {
+        var img = document.createElement('img');
+        var done = function (dimensions) {
+          if (img.parentNode) {
+            img.parentNode.removeChild(img);
+          }
+          callback(dimensions);
+        };
+        img.onload = function () {
+          var width = parseIntAndGetMax(img.width, img.clientWidth);
+          var height = parseIntAndGetMax(img.height, img.clientHeight);
+          var dimensions = {
+            width: width,
+            height: height
+          };
+          done(global$2.resolve(dimensions));
+        };
+        img.onerror = function () {
+          done(global$2.reject('Failed to get image dimensions for: ' + url));
+        };
+        var style = img.style;
+        style.visibility = 'hidden';
+        style.position = 'fixed';
+        style.bottom = style.left = '0px';
+        style.width = style.height = 'auto';
+        document.body.appendChild(img);
+        img.src = url;
+      });
+    };
+    var removePixelSuffix = function (value) {
+      if (value) {
+        value = value.replace(/px$/, '');
+      }
+      return value;
+    };
+    var addPixelSuffix = function (value) {
+      if (value.length > 0 && /^[0-9]+$/.test(value)) {
+        value += 'px';
+      }
+      return value;
+    };
+    var mergeMargins = function (css) {
+      if (css.margin) {
+        var splitMargin = String(css.margin).split(' ');
+        switch (splitMargin.length) {
+        case 1:
+          css['margin-top'] = css['margin-top'] || splitMargin[0];
+          css['margin-right'] = css['margin-right'] || splitMargin[0];
+          css['margin-bottom'] = css['margin-bottom'] || splitMargin[0];
+          css['margin-left'] = css['margin-left'] || splitMargin[0];
+          break;
+        case 2:
+          css['margin-top'] = css['margin-top'] || splitMargin[0];
+          css['margin-right'] = css['margin-right'] || splitMargin[1];
+          css['margin-bottom'] = css['margin-bottom'] || splitMargin[0];
+          css['margin-left'] = css['margin-left'] || splitMargin[1];
+          break;
+        case 3:
+          css['margin-top'] = css['margin-top'] || splitMargin[0];
+          css['margin-right'] = css['margin-right'] || splitMargin[1];
+          css['margin-bottom'] = css['margin-bottom'] || splitMargin[2];
+          css['margin-left'] = css['margin-left'] || splitMargin[1];
+          break;
+        case 4:
+          css['margin-top'] = css['margin-top'] || splitMargin[0];
+          css['margin-right'] = css['margin-right'] || splitMargin[1];
+          css['margin-bottom'] = css['margin-bottom'] || splitMargin[2];
+          css['margin-left'] = css['margin-left'] || splitMargin[3];
+        }
+        delete css.margin;
+      }
+      return css;
+    };
+    var createImageList = function (editor, callback) {
+      var imageList = getImageList(editor);
+      if (typeof imageList === 'string') {
+        global$3.send({
+          url: imageList,
+          success: function (text) {
+            callback(JSON.parse(text));
+          }
+        });
+      } else if (typeof imageList === 'function') {
+        imageList(callback);
+      } else {
+        callback(imageList);
+      }
+    };
+    var waitLoadImage = function (editor, data, imgElm) {
+      var selectImage = function () {
+        imgElm.onload = imgElm.onerror = null;
+        if (editor.selection) {
+          editor.selection.select(imgElm);
+          editor.nodeChanged();
+        }
+      };
+      imgElm.onload = function () {
+        if (!data.width && !data.height && hasDimensions(editor)) {
+          editor.dom.setAttribs(imgElm, {
+            width: String(imgElm.clientWidth),
+            height: String(imgElm.clientHeight)
+          });
+        }
+        selectImage();
+      };
+      imgElm.onerror = selectImage;
+    };
+    var blobToDataUri = function (blob) {
+      return new global$2(function (resolve, reject) {
+        var reader = new FileReader();
+        reader.onload = function () {
+          resolve(reader.result);
+        };
+        reader.onerror = function () {
+          reject(reader.error.message);
+        };
+        reader.readAsDataURL(blob);
+      });
+    };
+    var isPlaceholderImage = function (imgElm) {
+      return imgElm.nodeName === 'IMG' && (imgElm.hasAttribute('data-mce-object') || imgElm.hasAttribute('data-mce-placeholder'));
+    };
+
+    var DOM = global$1.DOM;
+    var getHspace = function (image) {
+      if (image.style.marginLeft && image.style.marginRight && image.style.marginLeft === image.style.marginRight) {
+        return removePixelSuffix(image.style.marginLeft);
+      } else {
+        return '';
+      }
+    };
+    var getVspace = function (image) {
+      if (image.style.marginTop && image.style.marginBottom && image.style.marginTop === image.style.marginBottom) {
+        return removePixelSuffix(image.style.marginTop);
+      } else {
+        return '';
+      }
+    };
+    var getBorder = function (image) {
+      if (image.style.borderWidth) {
+        return removePixelSuffix(image.style.borderWidth);
+      } else {
+        return '';
+      }
+    };
+    var getAttrib = function (image, name) {
+      if (image.hasAttribute(name)) {
+        return image.getAttribute(name);
+      } else {
+        return '';
+      }
+    };
+    var getStyle = function (image, name) {
+      return image.style[name] ? image.style[name] : '';
+    };
+    var hasCaption = function (image) {
+      return image.parentNode !== null && image.parentNode.nodeName === 'FIGURE';
+    };
+    var updateAttrib = function (image, name, value) {
+      if (value === '') {
+        image.removeAttribute(name);
+      } else {
+        image.setAttribute(name, value);
+      }
+    };
+    var wrapInFigure = function (image) {
+      var figureElm = DOM.create('figure', { class: 'image' });
+      DOM.insertAfter(figureElm, image);
+      figureElm.appendChild(image);
+      figureElm.appendChild(DOM.create('figcaption', { contentEditable: 'true' }, 'Caption'));
+      figureElm.contentEditable = 'false';
+    };
+    var removeFigure = function (image) {
+      var figureElm = image.parentNode;
+      DOM.insertAfter(image, figureElm);
+      DOM.remove(figureElm);
+    };
+    var toggleCaption = function (image) {
+      if (hasCaption(image)) {
+        removeFigure(image);
+      } else {
+        wrapInFigure(image);
+      }
+    };
+    var normalizeStyle = function (image, normalizeCss) {
+      var attrValue = image.getAttribute('style');
+      var value = normalizeCss(attrValue !== null ? attrValue : '');
+      if (value.length > 0) {
+        image.setAttribute('style', value);
+        image.setAttribute('data-mce-style', value);
+      } else {
+        image.removeAttribute('style');
+      }
+    };
+    var setSize = function (name, normalizeCss) {
+      return function (image, name, value) {
+        if (image.style[name]) {
+          image.style[name] = addPixelSuffix(value);
+          normalizeStyle(image, normalizeCss);
+        } else {
+          updateAttrib(image, name, value);
+        }
+      };
+    };
+    var getSize = function (image, name) {
+      if (image.style[name]) {
+        return removePixelSuffix(image.style[name]);
+      } else {
+        return getAttrib(image, name);
+      }
+    };
+    var setHspace = function (image, value) {
+      var pxValue = addPixelSuffix(value);
+      image.style.marginLeft = pxValue;
+      image.style.marginRight = pxValue;
+    };
+    var setVspace = function (image, value) {
+      var pxValue = addPixelSuffix(value);
+      image.style.marginTop = pxValue;
+      image.style.marginBottom = pxValue;
+    };
+    var setBorder = function (image, value) {
+      var pxValue = addPixelSuffix(value);
+      image.style.borderWidth = pxValue;
+    };
+    var setBorderStyle = function (image, value) {
+      image.style.borderStyle = value;
+    };
+    var getBorderStyle = function (image) {
+      return getStyle(image, 'borderStyle');
+    };
+    var isFigure = function (elm) {
+      return elm.nodeName === 'FIGURE';
+    };
+    var isImage = function (elm) {
+      return elm.nodeName === 'IMG';
+    };
+    var getIsDecorative = function (image) {
+      return DOM.getAttrib(image, 'alt').length === 0 && DOM.getAttrib(image, 'role') === 'presentation';
+    };
+    var getAlt = function (image) {
+      if (getIsDecorative(image)) {
+        return '';
+      } else {
+        return getAttrib(image, 'alt');
+      }
+    };
+    var defaultData = function () {
+      return {
+        src: '',
+        alt: '',
+        title: '',
+        width: '',
+        height: '',
+        class: '',
+        style: '',
+        caption: false,
+        hspace: '',
+        vspace: '',
+        border: '',
+        borderStyle: '',
+        isDecorative: false
+      };
+    };
+    var getStyleValue = function (normalizeCss, data) {
+      var image = document.createElement('img');
+      updateAttrib(image, 'style', data.style);
+      if (getHspace(image) || data.hspace !== '') {
+        setHspace(image, data.hspace);
+      }
+      if (getVspace(image) || data.vspace !== '') {
+        setVspace(image, data.vspace);
+      }
+      if (getBorder(image) || data.border !== '') {
+        setBorder(image, data.border);
+      }
+      if (getBorderStyle(image) || data.borderStyle !== '') {
+        setBorderStyle(image, data.borderStyle);
+      }
+      return normalizeCss(image.getAttribute('style'));
+    };
+    var create = function (normalizeCss, data) {
+      var image = document.createElement('img');
+      write(normalizeCss, __assign(__assign({}, data), { caption: false }), image);
+      setAlt(image, data.alt, data.isDecorative);
+      if (data.caption) {
+        var figure = DOM.create('figure', { class: 'image' });
+        figure.appendChild(image);
+        figure.appendChild(DOM.create('figcaption', { contentEditable: 'true' }, 'Caption'));
+        figure.contentEditable = 'false';
+        return figure;
+      } else {
+        return image;
+      }
+    };
+    var read = function (normalizeCss, image) {
+      return {
+        src: getAttrib(image, 'src'),
+        alt: getAlt(image),
+        title: getAttrib(image, 'title'),
+        width: getSize(image, 'width'),
+        height: getSize(image, 'height'),
+        class: getAttrib(image, 'class'),
+        style: normalizeCss(getAttrib(image, 'style')),
+        caption: hasCaption(image),
+        hspace: getHspace(image),
+        vspace: getVspace(image),
+        border: getBorder(image),
+        borderStyle: getStyle(image, 'borderStyle'),
+        isDecorative: getIsDecorative(image)
+      };
+    };
+    var updateProp = function (image, oldData, newData, name, set) {
+      if (newData[name] !== oldData[name]) {
+        set(image, name, newData[name]);
+      }
+    };
+    var setAlt = function (image, alt, isDecorative) {
+      if (isDecorative) {
+        DOM.setAttrib(image, 'role', 'presentation');
+        var sugarImage = SugarElement.fromDom(image);
+        set(sugarImage, 'alt', '');
+      } else {
+        if (isNull(alt)) {
+          var sugarImage = SugarElement.fromDom(image);
+          remove(sugarImage, 'alt');
+        } else {
+          var sugarImage = SugarElement.fromDom(image);
+          set(sugarImage, 'alt', alt);
+        }
+        if (DOM.getAttrib(image, 'role') === 'presentation') {
+          DOM.setAttrib(image, 'role', '');
+        }
+      }
+    };
+    var updateAlt = function (image, oldData, newData) {
+      if (newData.alt !== oldData.alt || newData.isDecorative !== oldData.isDecorative) {
+        setAlt(image, newData.alt, newData.isDecorative);
+      }
+    };
+    var normalized = function (set, normalizeCss) {
+      return function (image, name, value) {
+        set(image, value);
+        normalizeStyle(image, normalizeCss);
+      };
+    };
+    var write = function (normalizeCss, newData, image) {
+      var oldData = read(normalizeCss, image);
+      updateProp(image, oldData, newData, 'caption', function (image, _name, _value) {
+        return toggleCaption(image);
+      });
+      updateProp(image, oldData, newData, 'src', updateAttrib);
+      updateProp(image, oldData, newData, 'title', updateAttrib);
+      updateProp(image, oldData, newData, 'width', setSize('width', normalizeCss));
+      updateProp(image, oldData, newData, 'height', setSize('height', normalizeCss));
+      updateProp(image, oldData, newData, 'class', updateAttrib);
+      updateProp(image, oldData, newData, 'style', normalized(function (image, value) {
+        return updateAttrib(image, 'style', value);
+      }, normalizeCss));
+      updateProp(image, oldData, newData, 'hspace', normalized(setHspace, normalizeCss));
+      updateProp(image, oldData, newData, 'vspace', normalized(setVspace, normalizeCss));
+      updateProp(image, oldData, newData, 'border', normalized(setBorder, normalizeCss));
+      updateProp(image, oldData, newData, 'borderStyle', normalized(setBorderStyle, normalizeCss));
+      updateAlt(image, oldData, newData);
+    };
+
+    var normalizeCss = function (editor, cssText) {
+      var css = editor.dom.styles.parse(cssText);
+      var mergedCss = mergeMargins(css);
+      var compressed = editor.dom.styles.parse(editor.dom.styles.serialize(mergedCss));
+      return editor.dom.styles.serialize(compressed);
+    };
+    var getSelectedImage = function (editor) {
+      var imgElm = editor.selection.getNode();
+      var figureElm = editor.dom.getParent(imgElm, 'figure.image');
+      if (figureElm) {
+        return editor.dom.select('img', figureElm)[0];
+      }
+      if (imgElm && (imgElm.nodeName !== 'IMG' || isPlaceholderImage(imgElm))) {
+        return null;
+      }
+      return imgElm;
+    };
+    var splitTextBlock = function (editor, figure) {
+      var dom = editor.dom;
+      var textBlock = dom.getParent(figure.parentNode, function (node) {
+        return !!editor.schema.getTextBlockElements()[node.nodeName];
+      }, editor.getBody());
+      if (textBlock) {
+        return dom.split(textBlock, figure);
+      } else {
+        return figure;
+      }
+    };
+    var readImageDataFromSelection = function (editor) {
+      var image = getSelectedImage(editor);
+      return image ? read(function (css) {
+        return normalizeCss(editor, css);
+      }, image) : defaultData();
+    };
+    var insertImageAtCaret = function (editor, data) {
+      var elm = create(function (css) {
+        return normalizeCss(editor, css);
+      }, data);
+      editor.dom.setAttrib(elm, 'data-mce-id', '__mcenew');
+      editor.focus();
+      editor.selection.setContent(elm.outerHTML);
+      var insertedElm = editor.dom.select('*[data-mce-id="__mcenew"]')[0];
+      editor.dom.setAttrib(insertedElm, 'data-mce-id', null);
+      if (isFigure(insertedElm)) {
+        var figure = splitTextBlock(editor, insertedElm);
+        editor.selection.select(figure);
+      } else {
+        editor.selection.select(insertedElm);
+      }
+    };
+    var syncSrcAttr = function (editor, image) {
+      editor.dom.setAttrib(image, 'src', image.getAttribute('src'));
+    };
+    var deleteImage = function (editor, image) {
+      if (image) {
+        var elm = editor.dom.is(image.parentNode, 'figure.image') ? image.parentNode : image;
+        editor.dom.remove(elm);
+        editor.focus();
+        editor.nodeChanged();
+        if (editor.dom.isEmpty(editor.getBody())) {
+          editor.setContent('');
+          editor.selection.setCursorLocation();
+        }
+      }
+    };
+    var writeImageDataToSelection = function (editor, data) {
+      var image = getSelectedImage(editor);
+      write(function (css) {
+        return normalizeCss(editor, css);
+      }, data, image);
+      syncSrcAttr(editor, image);
+      if (isFigure(image.parentNode)) {
+        var figure = image.parentNode;
+        splitTextBlock(editor, figure);
+        editor.selection.select(image.parentNode);
+      } else {
+        editor.selection.select(image);
+        waitLoadImage(editor, data, image);
+      }
+    };
+    var insertOrUpdateImage = function (editor, partialData) {
+      var image = getSelectedImage(editor);
+      if (image) {
+        var selectedImageData = read(function (css) {
+          return normalizeCss(editor, css);
+        }, image);
+        var data = __assign(__assign({}, selectedImageData), partialData);
+        if (data.src) {
+          writeImageDataToSelection(editor, data);
+        } else {
+          deleteImage(editor, image);
+        }
+      } else if (partialData.src) {
+        insertImageAtCaret(editor, __assign(__assign({}, defaultData()), partialData));
+      }
+    };
+
+    var hasOwnProperty = Object.prototype.hasOwnProperty;
+    var deep = function (old, nu) {
+      var bothObjects = isObject(old) && isObject(nu);
+      return bothObjects ? deepMerge(old, nu) : nu;
+    };
+    var baseMerge = function (merger) {
+      return function () {
+        var objects = new Array(arguments.length);
+        for (var i = 0; i < objects.length; i++) {
+          objects[i] = arguments[i];
+        }
+        if (objects.length === 0) {
+          throw new Error('Can\'t merge zero objects');
+        }
+        var ret = {};
+        for (var j = 0; j < objects.length; j++) {
+          var curObject = objects[j];
+          for (var key in curObject) {
+            if (hasOwnProperty.call(curObject, key)) {
+              ret[key] = merger(ret[key], curObject[key]);
+            }
+          }
+        }
+        return ret;
+      };
+    };
+    var deepMerge = baseMerge(deep);
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var getValue = function (item) {
+      return isString(item.value) ? item.value : '';
+    };
+    var getText = function (item) {
+      if (isString(item.text)) {
+        return item.text;
+      } else if (isString(item.title)) {
+        return item.title;
+      } else {
+        return '';
+      }
+    };
+    var sanitizeList = function (list, extractValue) {
+      var out = [];
+      global$4.each(list, function (item) {
+        var text = getText(item);
+        if (item.menu !== undefined) {
+          var items = sanitizeList(item.menu, extractValue);
+          out.push({
+            text: text,
+            items: items
+          });
+        } else {
+          var value = extractValue(item);
+          out.push({
+            text: text,
+            value: value
+          });
+        }
+      });
+      return out;
+    };
+    var sanitizer = function (extracter) {
+      if (extracter === void 0) {
+        extracter = getValue;
+      }
+      return function (list) {
+        if (list) {
+          return Optional.from(list).map(function (list) {
+            return sanitizeList(list, extracter);
+          });
+        } else {
+          return Optional.none();
+        }
+      };
+    };
+    var sanitize = function (list) {
+      return sanitizer(getValue)(list);
+    };
+    var isGroup = function (item) {
+      return Object.prototype.hasOwnProperty.call(item, 'items');
+    };
+    var findEntryDelegate = function (list, value) {
+      return findMap(list, function (item) {
+        if (isGroup(item)) {
+          return findEntryDelegate(item.items, value);
+        } else if (item.value === value) {
+          return Optional.some(item);
+        } else {
+          return Optional.none();
+        }
+      });
+    };
+    var findEntry = function (optList, value) {
+      return optList.bind(function (list) {
+        return findEntryDelegate(list, value);
+      });
+    };
+    var ListUtils = {
+      sanitizer: sanitizer,
+      sanitize: sanitize,
+      findEntry: findEntry
+    };
+
+    var pathJoin = function (path1, path2) {
+      if (path1) {
+        return path1.replace(/\/$/, '') + '/' + path2.replace(/^\//, '');
+      }
+      return path2;
+    };
+    function Uploader (settings) {
+      var defaultHandler = function (blobInfo, success, failure, progress) {
+        var xhr = new XMLHttpRequest();
+        xhr.open('POST', settings.url);
+        xhr.withCredentials = settings.credentials;
+        xhr.upload.onprogress = function (e) {
+          progress(e.loaded / e.total * 100);
+        };
+        xhr.onerror = function () {
+          failure('Image upload failed due to a XHR Transport error. Code: ' + xhr.status);
+        };
+        xhr.onload = function () {
+          if (xhr.status < 200 || xhr.status >= 300) {
+            failure('HTTP Error: ' + xhr.status);
+            return;
+          }
+          var json = JSON.parse(xhr.responseText);
+          if (!json || typeof json.location !== 'string') {
+            failure('Invalid JSON: ' + xhr.responseText);
+            return;
+          }
+          success(pathJoin(settings.basePath, json.location));
+        };
+        var formData = new FormData();
+        formData.append('file', blobInfo.blob(), blobInfo.filename());
+        xhr.send(formData);
+      };
+      var uploadBlob = function (blobInfo, handler) {
+        return new global$2(function (resolve, reject) {
+          try {
+            handler(blobInfo, resolve, reject, noop);
+          } catch (ex) {
+            reject(ex.message);
+          }
+        });
+      };
+      var isDefaultHandler = function (handler) {
+        return handler === defaultHandler;
+      };
+      var upload = function (blobInfo) {
+        return !settings.url && isDefaultHandler(settings.handler) ? global$2.reject('Upload url missing from the settings.') : uploadBlob(blobInfo, settings.handler);
+      };
+      settings = global$4.extend({
+        credentials: false,
+        handler: defaultHandler
+      }, settings);
+      return { upload: upload };
+    }
+
+    var makeTab = function (_info) {
+      return {
+        title: 'Advanced',
+        name: 'advanced',
+        items: [
+          {
+            type: 'input',
+            label: 'Style',
+            name: 'style'
+          },
+          {
+            type: 'grid',
+            columns: 2,
+            items: [
+              {
+                type: 'input',
+                label: 'Vertical space',
+                name: 'vspace',
+                inputMode: 'numeric'
+              },
+              {
+                type: 'input',
+                label: 'Horizontal space',
+                name: 'hspace',
+                inputMode: 'numeric'
+              },
+              {
+                type: 'input',
+                label: 'Border width',
+                name: 'border',
+                inputMode: 'numeric'
+              },
+              {
+                type: 'listbox',
+                name: 'borderstyle',
+                label: 'Border style',
+                items: [
+                  {
+                    text: 'Select...',
+                    value: ''
+                  },
+                  {
+                    text: 'Solid',
+                    value: 'solid'
+                  },
+                  {
+                    text: 'Dotted',
+                    value: 'dotted'
+                  },
+                  {
+                    text: 'Dashed',
+                    value: 'dashed'
+                  },
+                  {
+                    text: 'Double',
+                    value: 'double'
+                  },
+                  {
+                    text: 'Groove',
+                    value: 'groove'
+                  },
+                  {
+                    text: 'Ridge',
+                    value: 'ridge'
+                  },
+                  {
+                    text: 'Inset',
+                    value: 'inset'
+                  },
+                  {
+                    text: 'Outset',
+                    value: 'outset'
+                  },
+                  {
+                    text: 'None',
+                    value: 'none'
+                  },
+                  {
+                    text: 'Hidden',
+                    value: 'hidden'
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      };
+    };
+    var AdvTab = { makeTab: makeTab };
+
+    var collect = function (editor) {
+      var urlListSanitizer = ListUtils.sanitizer(function (item) {
+        return editor.convertURL(item.value || item.url, 'src');
+      });
+      var futureImageList = new global$2(function (completer) {
+        createImageList(editor, function (imageList) {
+          completer(urlListSanitizer(imageList).map(function (items) {
+            return flatten([
+              [{
+                  text: 'None',
+                  value: ''
+                }],
+              items
+            ]);
+          }));
+        });
+      });
+      var classList = ListUtils.sanitize(getClassList(editor));
+      var hasAdvTab$1 = hasAdvTab(editor);
+      var hasUploadTab$1 = hasUploadTab(editor);
+      var hasUploadUrl$1 = hasUploadUrl(editor);
+      var hasUploadHandler$1 = hasUploadHandler(editor);
+      var image = readImageDataFromSelection(editor);
+      var hasDescription$1 = hasDescription(editor);
+      var hasImageTitle$1 = hasImageTitle(editor);
+      var hasDimensions$1 = hasDimensions(editor);
+      var hasImageCaption$1 = hasImageCaption(editor);
+      var hasAccessibilityOptions = showAccessibilityOptions(editor);
+      var url = getUploadUrl(editor);
+      var basePath = getUploadBasePath(editor);
+      var credentials = getUploadCredentials(editor);
+      var handler = getUploadHandler(editor);
+      var automaticUploads = isAutomaticUploadsEnabled(editor);
+      var prependURL = Optional.some(getPrependUrl(editor)).filter(function (preUrl) {
+        return isString(preUrl) && preUrl.length > 0;
+      });
+      return futureImageList.then(function (imageList) {
+        return {
+          image: image,
+          imageList: imageList,
+          classList: classList,
+          hasAdvTab: hasAdvTab$1,
+          hasUploadTab: hasUploadTab$1,
+          hasUploadUrl: hasUploadUrl$1,
+          hasUploadHandler: hasUploadHandler$1,
+          hasDescription: hasDescription$1,
+          hasImageTitle: hasImageTitle$1,
+          hasDimensions: hasDimensions$1,
+          hasImageCaption: hasImageCaption$1,
+          url: url,
+          basePath: basePath,
+          credentials: credentials,
+          handler: handler,
+          prependURL: prependURL,
+          hasAccessibilityOptions: hasAccessibilityOptions,
+          automaticUploads: automaticUploads
+        };
+      });
+    };
+
+    var makeItems = function (info) {
+      var imageUrl = {
+        name: 'src',
+        type: 'urlinput',
+        filetype: 'image',
+        label: 'Source'
+      };
+      var imageList = info.imageList.map(function (items) {
+        return {
+          name: 'images',
+          type: 'listbox',
+          label: 'Image list',
+          items: items
+        };
+      });
+      var imageDescription = {
+        name: 'alt',
+        type: 'input',
+        label: 'Alternative description',
+        disabled: info.hasAccessibilityOptions && info.image.isDecorative
+      };
+      var imageTitle = {
+        name: 'title',
+        type: 'input',
+        label: 'Image title'
+      };
+      var imageDimensions = {
+        name: 'dimensions',
+        type: 'sizeinput'
+      };
+      var isDecorative = {
+        type: 'label',
+        label: 'Accessibility',
+        items: [{
+            name: 'isDecorative',
+            type: 'checkbox',
+            label: 'Image is decorative'
+          }]
+      };
+      var classList = info.classList.map(function (items) {
+        return {
+          name: 'classes',
+          type: 'listbox',
+          label: 'Class',
+          items: items
+        };
+      });
+      var caption = {
+        type: 'label',
+        label: 'Caption',
+        items: [{
+            type: 'checkbox',
+            name: 'caption',
+            label: 'Show caption'
+          }]
+      };
+      return flatten([
+        [imageUrl],
+        imageList.toArray(),
+        info.hasAccessibilityOptions && info.hasDescription ? [isDecorative] : [],
+        info.hasDescription ? [imageDescription] : [],
+        info.hasImageTitle ? [imageTitle] : [],
+        info.hasDimensions ? [imageDimensions] : [],
+        [{
+            type: 'grid',
+            columns: 2,
+            items: flatten([
+              classList.toArray(),
+              info.hasImageCaption ? [caption] : []
+            ])
+          }]
+      ]);
+    };
+    var makeTab$1 = function (info) {
+      return {
+        title: 'General',
+        name: 'general',
+        items: makeItems(info)
+      };
+    };
+    var MainTab = {
+      makeTab: makeTab$1,
+      makeItems: makeItems
+    };
+
+    var makeTab$2 = function (_info) {
+      var items = [{
+          type: 'dropzone',
+          name: 'fileinput'
+        }];
+      return {
+        title: 'Upload',
+        name: 'upload',
+        items: items
+      };
+    };
+    var UploadTab = { makeTab: makeTab$2 };
+
+    var createState = function (info) {
+      return {
+        prevImage: ListUtils.findEntry(info.imageList, info.image.src),
+        prevAlt: info.image.alt,
+        open: true
+      };
+    };
+    var fromImageData = function (image) {
+      return {
+        src: {
+          value: image.src,
+          meta: {}
+        },
+        images: image.src,
+        alt: image.alt,
+        title: image.title,
+        dimensions: {
+          width: image.width,
+          height: image.height
+        },
+        classes: image.class,
+        caption: image.caption,
+        style: image.style,
+        vspace: image.vspace,
+        border: image.border,
+        hspace: image.hspace,
+        borderstyle: image.borderStyle,
+        fileinput: [],
+        isDecorative: image.isDecorative
+      };
+    };
+    var toImageData = function (data, removeEmptyAlt) {
+      return {
+        src: data.src.value,
+        alt: data.alt.length === 0 && removeEmptyAlt ? null : data.alt,
+        title: data.title,
+        width: data.dimensions.width,
+        height: data.dimensions.height,
+        class: data.classes,
+        style: data.style,
+        caption: data.caption,
+        hspace: data.hspace,
+        vspace: data.vspace,
+        border: data.border,
+        borderStyle: data.borderstyle,
+        isDecorative: data.isDecorative
+      };
+    };
+    var addPrependUrl2 = function (info, srcURL) {
+      if (!/^(?:[a-zA-Z]+:)?\/\//.test(srcURL)) {
+        return info.prependURL.bind(function (prependUrl) {
+          if (srcURL.substring(0, prependUrl.length) !== prependUrl) {
+            return Optional.some(prependUrl + srcURL);
+          }
+          return Optional.none();
+        });
+      }
+      return Optional.none();
+    };
+    var addPrependUrl = function (info, api) {
+      var data = api.getData();
+      addPrependUrl2(info, data.src.value).each(function (srcURL) {
+        api.setData({
+          src: {
+            value: srcURL,
+            meta: data.src.meta
+          }
+        });
+      });
+    };
+    var formFillFromMeta2 = function (info, data, meta) {
+      if (info.hasDescription && isString(meta.alt)) {
+        data.alt = meta.alt;
+      }
+      if (info.hasAccessibilityOptions) {
+        data.isDecorative = meta.isDecorative || data.isDecorative || false;
+      }
+      if (info.hasImageTitle && isString(meta.title)) {
+        data.title = meta.title;
+      }
+      if (info.hasDimensions) {
+        if (isString(meta.width)) {
+          data.dimensions.width = meta.width;
+        }
+        if (isString(meta.height)) {
+          data.dimensions.height = meta.height;
+        }
+      }
+      if (isString(meta.class)) {
+        ListUtils.findEntry(info.classList, meta.class).each(function (entry) {
+          data.classes = entry.value;
+        });
+      }
+      if (info.hasImageCaption) {
+        if (isBoolean(meta.caption)) {
+          data.caption = meta.caption;
+        }
+      }
+      if (info.hasAdvTab) {
+        if (isString(meta.style)) {
+          data.style = meta.style;
+        }
+        if (isString(meta.vspace)) {
+          data.vspace = meta.vspace;
+        }
+        if (isString(meta.border)) {
+          data.border = meta.border;
+        }
+        if (isString(meta.hspace)) {
+          data.hspace = meta.hspace;
+        }
+        if (isString(meta.borderstyle)) {
+          data.borderstyle = meta.borderstyle;
+        }
+      }
+    };
+    var formFillFromMeta = function (info, api) {
+      var data = api.getData();
+      var meta = data.src.meta;
+      if (meta !== undefined) {
+        var newData = deepMerge({}, data);
+        formFillFromMeta2(info, newData, meta);
+        api.setData(newData);
+      }
+    };
+    var calculateImageSize = function (helpers, info, state, api) {
+      var data = api.getData();
+      var url = data.src.value;
+      var meta = data.src.meta || {};
+      if (!meta.width && !meta.height && info.hasDimensions) {
+        helpers.imageSize(url).then(function (size) {
+          if (state.open) {
+            api.setData({ dimensions: size });
+          }
+        });
+      }
+    };
+    var updateImagesDropdown = function (info, state, api) {
+      var data = api.getData();
+      var image = ListUtils.findEntry(info.imageList, data.src.value);
+      state.prevImage = image;
+      api.setData({
+        images: image.map(function (entry) {
+          return entry.value;
+        }).getOr('')
+      });
+    };
+    var changeSrc = function (helpers, info, state, api) {
+      addPrependUrl(info, api);
+      formFillFromMeta(info, api);
+      calculateImageSize(helpers, info, state, api);
+      updateImagesDropdown(info, state, api);
+    };
+    var changeImages = function (helpers, info, state, api) {
+      var data = api.getData();
+      var image = ListUtils.findEntry(info.imageList, data.images);
+      image.each(function (img) {
+        var updateAlt = data.alt === '' || state.prevImage.map(function (image) {
+          return image.text === data.alt;
+        }).getOr(false);
+        if (updateAlt) {
+          if (img.value === '') {
+            api.setData({
+              src: img,
+              alt: state.prevAlt
+            });
+          } else {
+            api.setData({
+              src: img,
+              alt: img.text
+            });
+          }
+        } else {
+          api.setData({ src: img });
+        }
+      });
+      state.prevImage = image;
+      changeSrc(helpers, info, state, api);
+    };
+    var calcVSpace = function (css) {
+      var matchingTopBottom = css['margin-top'] && css['margin-bottom'] && css['margin-top'] === css['margin-bottom'];
+      return matchingTopBottom ? removePixelSuffix(String(css['margin-top'])) : '';
+    };
+    var calcHSpace = function (css) {
+      var matchingLeftRight = css['margin-right'] && css['margin-left'] && css['margin-right'] === css['margin-left'];
+      return matchingLeftRight ? removePixelSuffix(String(css['margin-right'])) : '';
+    };
+    var calcBorderWidth = function (css) {
+      return css['border-width'] ? removePixelSuffix(String(css['border-width'])) : '';
+    };
+    var calcBorderStyle = function (css) {
+      return css['border-style'] ? String(css['border-style']) : '';
+    };
+    var calcStyle = function (parseStyle, serializeStyle, css) {
+      return serializeStyle(parseStyle(serializeStyle(css)));
+    };
+    var changeStyle2 = function (parseStyle, serializeStyle, data) {
+      var css = mergeMargins(parseStyle(data.style));
+      var dataCopy = deepMerge({}, data);
+      dataCopy.vspace = calcVSpace(css);
+      dataCopy.hspace = calcHSpace(css);
+      dataCopy.border = calcBorderWidth(css);
+      dataCopy.borderstyle = calcBorderStyle(css);
+      dataCopy.style = calcStyle(parseStyle, serializeStyle, css);
+      return dataCopy;
+    };
+    var changeStyle = function (helpers, api) {
+      var data = api.getData();
+      var newData = changeStyle2(helpers.parseStyle, helpers.serializeStyle, data);
+      api.setData(newData);
+    };
+    var changeAStyle = function (helpers, info, api) {
+      var data = deepMerge(fromImageData(info.image), api.getData());
+      var style = getStyleValue(helpers.normalizeCss, toImageData(data, false));
+      api.setData({ style: style });
+    };
+    var changeFileInput = function (helpers, info, state, api) {
+      var data = api.getData();
+      api.block('Uploading image');
+      head(data.fileinput).fold(function () {
+        api.unblock();
+      }, function (file) {
+        var blobUri = URL.createObjectURL(file);
+        var uploader = Uploader({
+          url: info.url,
+          basePath: info.basePath,
+          credentials: info.credentials,
+          handler: info.handler
+        });
+        var finalize = function () {
+          api.unblock();
+          URL.revokeObjectURL(blobUri);
+        };
+        var updateSrcAndSwitchTab = function (url) {
+          api.setData({
+            src: {
+              value: url,
+              meta: {}
+            }
+          });
+          api.showTab('general');
+          changeSrc(helpers, info, state, api);
+        };
+        blobToDataUri(file).then(function (dataUrl) {
+          var blobInfo = helpers.createBlobCache(file, blobUri, dataUrl);
+          if (info.automaticUploads) {
+            uploader.upload(blobInfo).then(function (url) {
+              updateSrcAndSwitchTab(url);
+              finalize();
+            }).catch(function (err) {
+              finalize();
+              helpers.alertErr(err);
+            });
+          } else {
+            helpers.addToBlobCache(blobInfo);
+            updateSrcAndSwitchTab(blobInfo.blobUri());
+            api.unblock();
+          }
+        });
+      });
+    };
+    var changeHandler = function (helpers, info, state) {
+      return function (api, evt) {
+        if (evt.name === 'src') {
+          changeSrc(helpers, info, state, api);
+        } else if (evt.name === 'images') {
+          changeImages(helpers, info, state, api);
+        } else if (evt.name === 'alt') {
+          state.prevAlt = api.getData().alt;
+        } else if (evt.name === 'style') {
+          changeStyle(helpers, api);
+        } else if (evt.name === 'vspace' || evt.name === 'hspace' || evt.name === 'border' || evt.name === 'borderstyle') {
+          changeAStyle(helpers, info, api);
+        } else if (evt.name === 'fileinput') {
+          changeFileInput(helpers, info, state, api);
+        } else if (evt.name === 'isDecorative') {
+          if (api.getData().isDecorative) {
+            api.disable('alt');
+          } else {
+            api.enable('alt');
+          }
+        }
+      };
+    };
+    var closeHandler = function (state) {
+      return function () {
+        state.open = false;
+      };
+    };
+    var makeDialogBody = function (info) {
+      if (info.hasAdvTab || info.hasUploadUrl || info.hasUploadHandler) {
+        var tabPanel = {
+          type: 'tabpanel',
+          tabs: flatten([
+            [MainTab.makeTab(info)],
+            info.hasAdvTab ? [AdvTab.makeTab(info)] : [],
+            info.hasUploadTab && (info.hasUploadUrl || info.hasUploadHandler) ? [UploadTab.makeTab(info)] : []
+          ])
+        };
+        return tabPanel;
+      } else {
+        var panel = {
+          type: 'panel',
+          items: MainTab.makeItems(info)
+        };
+        return panel;
+      }
+    };
+    var makeDialog = function (helpers) {
+      return function (info) {
+        var state = createState(info);
+        return {
+          title: 'Insert/Edit Image',
+          size: 'normal',
+          body: makeDialogBody(info),
+          buttons: [
+            {
+              type: 'cancel',
+              name: 'cancel',
+              text: 'Cancel'
+            },
+            {
+              type: 'submit',
+              name: 'save',
+              text: 'Save',
+              primary: true
+            }
+          ],
+          initialData: fromImageData(info.image),
+          onSubmit: helpers.onSubmit(info),
+          onChange: changeHandler(helpers, info, state),
+          onClose: closeHandler(state)
+        };
+      };
+    };
+    var submitHandler = function (editor) {
+      return function (info) {
+        return function (api) {
+          var data = deepMerge(fromImageData(info.image), api.getData());
+          editor.execCommand('mceUpdateImage', false, toImageData(data, info.hasAccessibilityOptions));
+          editor.editorUpload.uploadImagesAuto();
+          api.close();
+        };
+      };
+    };
+    var imageSize = function (editor) {
+      return function (url) {
+        return getImageSize(editor.documentBaseURI.toAbsolute(url)).then(function (dimensions) {
+          return {
+            width: String(dimensions.width),
+            height: String(dimensions.height)
+          };
+        });
+      };
+    };
+    var createBlobCache = function (editor) {
+      return function (file, blobUri, dataUrl) {
+        return editor.editorUpload.blobCache.create({
+          blob: file,
+          blobUri: blobUri,
+          name: file.name ? file.name.replace(/\.[^\.]+$/, '') : null,
+          filename: file.name,
+          base64: dataUrl.split(',')[1]
+        });
+      };
+    };
+    var addToBlobCache = function (editor) {
+      return function (blobInfo) {
+        editor.editorUpload.blobCache.add(blobInfo);
+      };
+    };
+    var alertErr = function (editor) {
+      return function (message) {
+        editor.windowManager.alert(message);
+      };
+    };
+    var normalizeCss$1 = function (editor) {
+      return function (cssText) {
+        return normalizeCss(editor, cssText);
+      };
+    };
+    var parseStyle = function (editor) {
+      return function (cssText) {
+        return editor.dom.parseStyle(cssText);
+      };
+    };
+    var serializeStyle = function (editor) {
+      return function (stylesArg, name) {
+        return editor.dom.serializeStyle(stylesArg, name);
+      };
+    };
+    var Dialog = function (editor) {
+      var helpers = {
+        onSubmit: submitHandler(editor),
+        imageSize: imageSize(editor),
+        addToBlobCache: addToBlobCache(editor),
+        createBlobCache: createBlobCache(editor),
+        alertErr: alertErr(editor),
+        normalizeCss: normalizeCss$1(editor),
+        parseStyle: parseStyle(editor),
+        serializeStyle: serializeStyle(editor)
+      };
+      var open = function () {
+        collect(editor).then(makeDialog(helpers)).then(editor.windowManager.open);
+      };
+      return { open: open };
+    };
+
+    var register = function (editor) {
+      editor.addCommand('mceImage', Dialog(editor).open);
+      editor.addCommand('mceUpdateImage', function (_ui, data) {
+        editor.undoManager.transact(function () {
+          return insertOrUpdateImage(editor, data);
+        });
+      });
+    };
+
+    var hasImageClass = function (node) {
+      var className = node.attr('class');
+      return className && /\bimage\b/.test(className);
+    };
+    var toggleContentEditableState = function (state) {
+      return function (nodes) {
+        var i = nodes.length;
+        var toggleContentEditable = function (node) {
+          node.attr('contenteditable', state ? 'true' : null);
+        };
+        while (i--) {
+          var node = nodes[i];
+          if (hasImageClass(node)) {
+            node.attr('contenteditable', state ? 'false' : null);
+            global$4.each(node.getAll('figcaption'), toggleContentEditable);
+          }
+        }
+      };
+    };
+    var setup = function (editor) {
+      editor.on('PreInit', function () {
+        editor.parser.addNodeFilter('figure', toggleContentEditableState(true));
+        editor.serializer.addNodeFilter('figure', toggleContentEditableState(false));
+      });
+    };
+
+    var register$1 = function (editor) {
+      editor.ui.registry.addToggleButton('image', {
+        icon: 'image',
+        tooltip: 'Insert/edit image',
+        onAction: Dialog(editor).open,
+        onSetup: function (buttonApi) {
+          return editor.selection.selectorChangedWithUnbind('img:not([data-mce-object],[data-mce-placeholder]),figure.image', buttonApi.setActive).unbind;
+        }
+      });
+      editor.ui.registry.addMenuItem('image', {
+        icon: 'image',
+        text: 'Image...',
+        onAction: Dialog(editor).open
+      });
+      editor.ui.registry.addContextMenu('image', {
+        update: function (element) {
+          return isFigure(element) || isImage(element) && !isPlaceholderImage(element) ? ['image'] : [];
+        }
+      });
+    };
+
+    function Plugin () {
+      global.add('image', function (editor) {
+        setup(editor);
+        register$1(editor);
+        register(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/image/plugin.min.js b/src/assets/tinymce/plugins/image/plugin.min.js
new file mode 100644
index 00000000..7b454364
--- /dev/null
+++ b/src/assets/tinymce/plugins/image/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var t,e,n,r,o,a=tinymce.util.Tools.resolve("tinymce.PluginManager"),c=function(){return(c=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},i=function(r){return function(e){return n=typeof(t=e),(null===t?"null":"object"==n&&(Array.prototype.isPrototypeOf(t)||t.constructor&&"Array"===t.constructor.name)?"array":"object"==n&&(String.prototype.isPrototypeOf(t)||t.constructor&&"String"===t.constructor.name)?"string":n)===r;var t,n}},l=function(t){return function(e){return typeof e===t}},A=i("string"),s=i("object"),u=i("array"),m=function(e){return t===e},d=l("boolean"),g=l("number"),f=function(){},p=function(e){return function(){return e}},h=p(!1),b=p(!(t=null)),v=function(){return y},y=(e=function(e){return e.isNone()},{fold:function(e,t){return e()},is:h,isSome:h,isNone:b,getOr:r=function(e){return e},getOrThunk:n=function(e){return e()},getOrDie:function(e){throw new Error(e||"error: getOrDie called on none.")},getOrNull:p(null),getOrUndefined:p(undefined),or:r,orThunk:n,map:v,each:f,bind:v,exists:h,forall:b,filter:v,equals:e,equals_:e,toArray:function(){return[]},toString:p("none()")}),D=function(n){var e=p(n),t=function(){return a},r=function(e){return e(n)},a={fold:function(e,t){return t(n)},is:function(e){return n===e},isSome:b,isNone:h,getOr:e,getOrThunk:e,getOrDie:e,getOrNull:e,getOrUndefined:e,or:t,orThunk:t,map:function(e){return D(e(n))},each:function(e){e(n)},bind:r,exists:r,forall:r,filter:function(e){return e(n)?a:y},toArray:function(){return[n]},toString:function(){return"some("+n+")"},equals:function(e){return e.is(n)},equals_:function(e,t){return e.fold(h,function(e){return t(n,e)})}};return a},S={some:D,none:v,from:function(e){return null===e||e===undefined?y:D(e)}},w=Array.prototype.push,x=function(e){for(var t=[],n=0,r=e.length;n<r;++n){if(!u(e[n]))throw new Error("Arr.flatten item "+n+" was not an array, input: "+e);w.apply(t,e[n])}return t},T=function(e){return t=e,(n=0)<=n&&n<t.length?S.some(t[n]):S.none();var t,n},C=("undefined"!=typeof window||Function("return this;")(),function(e,t,n){!function(e,t,n){if(!(A(n)||d(n)||g(n)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",n,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,n+"")}(e.dom,t,n)}),U=function(e){if(null===e||e===undefined)throw new Error("Node cannot be null or undefined");return{dom:e}},O={fromHtml:function(e,t){var n=(t||document).createElement("div");if(n.innerHTML=e,!n.hasChildNodes()||1<n.childNodes.length)throw console.error("HTML does not have a single root node",e),new Error("HTML must have a single root node");return U(n.childNodes[0])},fromTag:function(e,t){var n=(t||document).createElement(e);return U(n)},fromText:function(e,t){var n=(t||document).createTextNode(e);return U(n)},fromDom:U,fromPoint:function(e,t,n){return S.from(e.dom.elementFromPoint(t,n)).map(U)}},I=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),N=tinymce.util.Tools.resolve("tinymce.util.Promise"),P=tinymce.util.Tools.resolve("tinymce.util.XHR"),_=function(e){return e.getParam("image_dimensions",!0,"boolean")},L=function(e){return e.getParam("images_upload_url","","string")},E=function(e){return e.getParam("images_upload_handler",undefined,"function")},M=function(e,t){return Math.max(parseInt(e,10),parseInt(t,10))},R=function(e){return e=e&&e.replace(/px$/,"")},z=function(e){return 0<e.length&&/^[0-9]+$/.test(e)&&(e+="px"),e},H=function(e){if(e.margin){var t=String(e.margin).split(" ");switch(t.length){case 1:e["margin-top"]=e["margin-top"]||t[0],e["margin-right"]=e["margin-right"]||t[0],e["margin-bottom"]=e["margin-bottom"]||t[0],e["margin-left"]=e["margin-left"]||t[0];break;case 2:e["margin-top"]=e["margin-top"]||t[0],e["margin-right"]=e["margin-right"]||t[1],e["margin-bottom"]=e["margin-bottom"]||t[0],e["margin-left"]=e["margin-left"]||t[1];break;case 3:e["margin-top"]=e["margin-top"]||t[0],e["margin-right"]=e["margin-right"]||t[1],e["margin-bottom"]=e["margin-bottom"]||t[2],e["margin-left"]=e["margin-left"]||t[1];break;case 4:e["margin-top"]=e["margin-top"]||t[0],e["margin-right"]=e["margin-right"]||t[1],e["margin-bottom"]=e["margin-bottom"]||t[2],e["margin-left"]=e["margin-left"]||t[3]}delete e.margin}return e},k=function(e){return"IMG"===e.nodeName&&(e.hasAttribute("data-mce-object")||e.hasAttribute("data-mce-placeholder"))},j=I.DOM,B=function(e){return e.style.marginLeft&&e.style.marginRight&&e.style.marginLeft===e.style.marginRight?R(e.style.marginLeft):""},F=function(e){return e.style.marginTop&&e.style.marginBottom&&e.style.marginTop===e.style.marginBottom?R(e.style.marginTop):""},G=function(e){return e.style.borderWidth?R(e.style.borderWidth):""},W=function(e,t){return e.hasAttribute(t)?e.getAttribute(t):""},q=function(e,t){return e.style[t]?e.style[t]:""},$=function(e){return null!==e.parentNode&&"FIGURE"===e.parentNode.nodeName},J=function(e,t,n){""===n?e.removeAttribute(t):e.setAttribute(t,n)},X=function(e){var t,n,r,a;$(e)?(a=(r=e).parentNode,j.insertAfter(r,a),j.remove(a)):(t=e,n=j.create("figure",{"class":"image"}),j.insertAfter(n,t),n.appendChild(t),n.appendChild(j.create("figcaption",{contentEditable:"true"},"Caption")),n.contentEditable="false")},V=function(e,t){var n=e.getAttribute("style"),r=t(null!==n?n:"");0<r.length?(e.setAttribute("style",r),e.setAttribute("data-mce-style",r)):e.removeAttribute("style")},K=function(e,r){return function(e,t,n){e.style[t]?(e.style[t]=z(n),V(e,r)):J(e,t,n)}},Z=function(e,t){return e.style[t]?R(e.style[t]):W(e,t)},Q=function(e,t){var n=z(t);e.style.marginLeft=n,e.style.marginRight=n},Y=function(e,t){var n=z(t);e.style.marginTop=n,e.style.marginBottom=n},ee=function(e,t){var n=z(t);e.style.borderWidth=n},te=function(e,t){e.style.borderStyle=t},ne=function(e){return"FIGURE"===e.nodeName},re=function(e){return 0===j.getAttrib(e,"alt").length&&"presentation"===j.getAttrib(e,"role")},ae=function(){return{src:"",alt:"",title:"",width:"",height:"","class":"",style:"",caption:!1,hspace:"",vspace:"",border:"",borderStyle:"",isDecorative:!1}},ie=function(e,t){var n=document.createElement("img");return J(n,"style",t.style),!B(n)&&""===t.hspace||Q(n,t.hspace),!F(n)&&""===t.vspace||Y(n,t.vspace),!G(n)&&""===t.border||ee(n,t.border),!q(n,"borderStyle")&&""===t.borderStyle||te(n,t.borderStyle),e(n.getAttribute("style"))},oe=function(e,t){return{src:W(t,"src"),alt:re(n=t)?"":W(n,"alt"),title:W(t,"title"),width:Z(t,"width"),height:Z(t,"height"),"class":W(t,"class"),style:e(W(t,"style")),caption:$(t),hspace:B(t),vspace:F(t),border:G(t),borderStyle:q(t,"borderStyle"),isDecorative:re(t)};var n},le=function(e,t,n,r,a){n[r]!==t[r]&&a(e,r,n[r])},se=function(e,t,n){var r,a;n?(j.setAttrib(e,"role","presentation"),r=O.fromDom(e),C(r,"alt","")):(m(t)?(r=O.fromDom(e),a="alt",r.dom.removeAttribute(a)):(r=O.fromDom(e),C(r,"alt",t)),"presentation"===j.getAttrib(e,"role")&&j.setAttrib(e,"role",""))},ue=function(r,a){return function(e,t,n){r(e,n),V(e,a)}},ce=function(e,t,n){var r,a,i,o=oe(e,n);le(n,o,t,"caption",function(e,t,n){return X(e),0}),le(n,o,t,"src",J),le(n,o,t,"title",J),le(n,o,t,"width",K(0,e)),le(n,o,t,"height",K(0,e)),le(n,o,t,"class",J),le(n,o,t,"style",ue(function(e,t){return J(e,"style",t),0},e)),le(n,o,t,"hspace",ue(Q,e)),le(n,o,t,"vspace",ue(Y,e)),le(n,o,t,"border",ue(ee,e)),le(n,o,t,"borderStyle",ue(te,e)),r=n,a=o,(i=t).alt===a.alt&&i.isDecorative===a.isDecorative||se(r,i.alt,i.isDecorative)},me=function(e,t){var n=e.dom.styles.parse(t),r=H(n),a=e.dom.styles.parse(e.dom.styles.serialize(r));return e.dom.styles.serialize(a)},de=function(e){var t=e.selection.getNode(),n=e.dom.getParent(t,"figure.image");return n?e.dom.select("img",n)[0]:t&&("IMG"!==t.nodeName||k(t))?null:t},ge=function(t,e){var n=t.dom,r=n.getParent(e.parentNode,function(e){return!!t.schema.getTextBlockElements()[e.nodeName]},t.getBody());return r?n.split(r,e):e},fe=function(t,e){var n=function(e,t){var n=document.createElement("img");if(ce(e,c(c({},t),{caption:!1}),n),se(n,t.alt,t.isDecorative),t.caption){var r=j.create("figure",{"class":"image"});return r.appendChild(n),r.appendChild(j.create("figcaption",{contentEditable:"true"},"Caption")),r.contentEditable="false",r}return n}(function(e){return me(t,e)},e);t.dom.setAttrib(n,"data-mce-id","__mcenew"),t.focus(),t.selection.setContent(n.outerHTML);var r,a=t.dom.select('*[data-mce-id="__mcenew"]')[0];t.dom.setAttrib(a,"data-mce-id",null),ne(a)?(r=ge(t,a),t.selection.select(r)):t.selection.select(a)},pe=function(t,e){var n,r,a,i,o,l,s=de(t);ce(function(e){return me(t,e)},e,s),n=s,t.dom.setAttrib(n,"src",n.getAttribute("src")),ne(s.parentNode)?(r=s.parentNode,ge(t,r),t.selection.select(s.parentNode)):(t.selection.select(s),a=t,i=e,l=function(){o.onload=o.onerror=null,a.selection&&(a.selection.select(o),a.nodeChanged())},(o=s).onload=function(){i.width||i.height||!_(a)||a.dom.setAttribs(o,{width:String(o.clientWidth),height:String(o.clientHeight)}),l()},o.onerror=l)},he=Object.prototype.hasOwnProperty,be=(o=function(e,t){return s(e)&&s(t)?be(e,t):t},function(){for(var e=new Array(arguments.length),t=0;t<e.length;t++)e[t]=arguments[t];if(0===e.length)throw new Error("Can't merge zero objects");for(var n={},r=0;r<e.length;r++){var a=e[r];for(var i in a)he.call(a,i)&&(n[i]=o(n[i],a[i]))}return n}),ve=tinymce.util.Tools.resolve("tinymce.util.Tools"),ye=function(e){return A(e.value)?e.value:""},De=function(e,i){var o=[];return ve.each(e,function(e){var t,n,r,a=A((t=e).text)?t.text:A(t.title)?t.title:"";e.menu!==undefined?(n=De(e.menu,i),o.push({text:a,items:n})):(r=i(e),o.push({text:a,value:r}))}),o},we=function(t){return void 0===t&&(t=ye),function(e){return e?S.from(e).map(function(e){return De(e,t)}):S.none()}},Ae=function(e,n){return function(e,t){for(var n=0;n<e.length;n++){var r=t(e[n],n);if(r.isSome())return r}return S.none()}(e,function(e){return t=e,Object.prototype.hasOwnProperty.call(t,"items")?Ae(e.items,n):e.value===n?S.some(e):S.none();var t})},Se=we,xe=function(e){return we(ye)(e)},Te=function(e,t){return e.bind(function(e){return Ae(e,t)})};function Ce(o){var t=function(e,r,a,t){var i=new XMLHttpRequest;i.open("POST",o.url),i.withCredentials=o.credentials,i.upload.onprogress=function(e){t(e.loaded/e.total*100)},i.onerror=function(){a("Image upload failed due to a XHR Transport error. Code: "+i.status)},i.onload=function(){var e,t,n;i.status<200||300<=i.status?a("HTTP Error: "+i.status):(e=JSON.parse(i.responseText))&&"string"==typeof e.location?r((t=o.basePath,n=e.location,t?t.replace(/\/$/,"")+"/"+n.replace(/^\//,""):n)):a("Invalid JSON: "+i.responseText)};var n=new FormData;n.append("file",e.blob(),e.filename()),i.send(n)};return o=ve.extend({credentials:!1,handler:t},o),{upload:function(e){return o.url||o.handler!==t?(r=e,a=o.handler,new N(function(e,t){try{a(r,e,t,f)}catch(n){t(n.message)}})):N.reject("Upload url missing from the settings.");var r,a}}}var Ue=function(e){return{title:"Advanced",name:"advanced",items:[{type:"input",label:"Style",name:"style"},{type:"grid",columns:2,items:[{type:"input",label:"Vertical space",name:"vspace",inputMode:"numeric"},{type:"input",label:"Horizontal space",name:"hspace",inputMode:"numeric"},{type:"input",label:"Border width",name:"border",inputMode:"numeric"},{type:"listbox",name:"borderstyle",label:"Border style",items:[{text:"Select...",value:""},{text:"Solid",value:"solid"},{text:"Dotted",value:"dotted"},{text:"Dashed",value:"dashed"},{text:"Double",value:"double"},{text:"Groove",value:"groove"},{text:"Ridge",value:"ridge"},{text:"Inset",value:"inset"},{text:"Outset",value:"outset"},{text:"None",value:"none"},{text:"Hidden",value:"hidden"}]}]}]}},Oe=function(r){var t,e,a=Se(function(e){return r.convertURL(e.value||e.url,"src")}),n=new N(function(t){var n,e;n=function(e){t(a(e).map(function(e){return x([[{text:"None",value:""}],e])}))},"string"==typeof(e=r.getParam("image_list",!1))?P.send({url:e,success:function(e){n(JSON.parse(e))}}):"function"==typeof e?e(n):n(e)}),i=xe(r.getParam("image_class_list")),o=r.getParam("image_advtab",!1,"boolean"),l=r.getParam("image_uploadtab",!0,"boolean"),s=!!L(r),u=!!E(r),c=(e=de(t=r))?oe(function(e){return me(t,e)},e):ae(),m=r.getParam("image_description",!0,"boolean"),d=r.getParam("image_title",!1,"boolean"),g=_(r),f=r.getParam("image_caption",!1,"boolean"),p=r.getParam("a11y_advanced_options",!1,"boolean"),h=L(r),b=r.getParam("images_upload_base_path",undefined,"string"),v=r.getParam("images_upload_credentials",!1,"boolean"),y=E(r),D=r.getParam("automatic_uploads",!0,"boolean"),w=S.some(r.getParam("image_prepend_url","","string")).filter(function(e){return A(e)&&0<e.length});return n.then(function(e){return{image:c,imageList:e,classList:i,hasAdvTab:o,hasUploadTab:l,hasUploadUrl:s,hasUploadHandler:u,hasDescription:m,hasImageTitle:d,hasDimensions:g,hasImageCaption:f,url:h,basePath:b,credentials:v,handler:y,prependURL:w,hasAccessibilityOptions:p,automaticUploads:D}})},Ie=function(e){var t=e.imageList.map(function(e){return{name:"images",type:"listbox",label:"Image list",items:e}}),n={name:"alt",type:"input",label:"Alternative description",disabled:e.hasAccessibilityOptions&&e.image.isDecorative},r=e.classList.map(function(e){return{name:"classes",type:"listbox",label:"Class",items:e}});return x([[{name:"src",type:"urlinput",filetype:"image",label:"Source"}],t.toArray(),e.hasAccessibilityOptions&&e.hasDescription?[{type:"label",label:"Accessibility",items:[{name:"isDecorative",type:"checkbox",label:"Image is decorative"}]}]:[],e.hasDescription?[n]:[],e.hasImageTitle?[{name:"title",type:"input",label:"Image title"}]:[],e.hasDimensions?[{name:"dimensions",type:"sizeinput"}]:[],[{type:"grid",columns:2,items:x([r.toArray(),e.hasImageCaption?[{type:"label",label:"Caption",items:[{type:"checkbox",name:"caption",label:"Show caption"}]}]:[]])}]])},Ne=function(e){return{title:"General",name:"general",items:Ie(e)}},Pe=Ie,_e=function(e){return{title:"Upload",name:"upload",items:[{type:"dropzone",name:"fileinput"}]}},Le=function(e){return{src:{value:e.src,meta:{}},images:e.src,alt:e.alt,title:e.title,dimensions:{width:e.width,height:e.height},classes:e["class"],caption:e.caption,style:e.style,vspace:e.vspace,border:e.border,hspace:e.hspace,borderstyle:e.borderStyle,fileinput:[],isDecorative:e.isDecorative}},Ee=function(e,t){return{src:e.src.value,alt:0===e.alt.length&&t?null:e.alt,title:e.title,width:e.dimensions.width,height:e.dimensions.height,"class":e.classes,style:e.style,caption:e.caption,hspace:e.hspace,vspace:e.vspace,border:e.border,borderStyle:e.borderstyle,isDecorative:e.isDecorative}},Me=function(e,t){var n,r,a=t.getData();n=e,r=a.src.value,(/^(?:[a-zA-Z]+:)?\/\//.test(r)?S.none():n.prependURL.bind(function(e){return r.substring(0,e.length)!==e?S.some(e+r):S.none()})).each(function(e){t.setData({src:{value:e,meta:a.src.meta}})})},Re=function(e,t){var n,r,a,i,o=t.getData(),l=o.src.meta;l!==undefined&&(n=be({},o),a=n,i=l,(r=e).hasDescription&&A(i.alt)&&(a.alt=i.alt),r.hasAccessibilityOptions&&(a.isDecorative=i.isDecorative||a.isDecorative||!1),r.hasImageTitle&&A(i.title)&&(a.title=i.title),r.hasDimensions&&(A(i.width)&&(a.dimensions.width=i.width),A(i.height)&&(a.dimensions.height=i.height)),A(i["class"])&&Te(r.classList,i["class"]).each(function(e){a.classes=e.value}),r.hasImageCaption&&d(i.caption)&&(a.caption=i.caption),r.hasAdvTab&&(A(i.style)&&(a.style=i.style),A(i.vspace)&&(a.vspace=i.vspace),A(i.border)&&(a.border=i.border),A(i.hspace)&&(a.hspace=i.hspace),A(i.borderstyle)&&(a.borderstyle=i.borderstyle)),t.setData(n))},ze=function(e,t,n,r){var a,i,o,l,s,u,c,m,d,g,f,p;Me(t,r),Re(t,r),a=e,i=t,o=n,s=(l=r).getData(),u=s.src.value,(c=s.src.meta||{}).width||c.height||!i.hasDimensions||a.imageSize(u).then(function(e){o.open&&l.setData({dimensions:e})}),m=t,d=n,f=(g=r).getData(),p=Te(m.imageList,f.src.value),d.prevImage=p,g.setData({images:p.map(function(e){return e.value}).getOr("")})},He=function(e,t,n){var r,a,i,o,l,s=H(e(n.style)),u=be({},n);return u.vspace=(r=s)["margin-top"]&&r["margin-bottom"]&&r["margin-top"]===r["margin-bottom"]?R(String(r["margin-top"])):"",u.hspace=(a=s)["margin-right"]&&a["margin-left"]&&a["margin-right"]===a["margin-left"]?R(String(a["margin-right"])):"",u.border=(i=s)["border-width"]?R(String(i["border-width"])):"",u.borderstyle=(o=s)["border-style"]?String(o["border-style"]):"",u.style=(l=t)(e(l(s))),u},ke=function(s,u,t,c){var e=c.getData();c.block("Uploading image"),T(e.fileinput).fold(function(){c.unblock()},function(n){var r,a=URL.createObjectURL(n),i=Ce({url:u.url,basePath:u.basePath,credentials:u.credentials,handler:u.handler}),o=function(){c.unblock(),URL.revokeObjectURL(a)},l=function(e){c.setData({src:{value:e,meta:{}}}),c.showTab("general"),ze(s,u,t,c)};r=n,new N(function(e,t){var n=new FileReader;n.onload=function(){e(n.result)},n.onerror=function(){t(n.error.message)},n.readAsDataURL(r)}).then(function(e){var t=s.createBlobCache(n,a,e);u.automaticUploads?i.upload(t).then(function(e){l(e),o()})["catch"](function(e){o(),s.alertErr(e)}):(s.addToBlobCache(t),l(t.blobUri()),c.unblock())})})},je=function(h,b,v){return function(e,t){var n,r,a,i,o,l,s,u,c,m,d,g,f,p;"src"===t.name?ze(h,b,v,e):"images"===t.name?(c=h,m=b,d=v,f=(g=e).getData(),(p=Te(m.imageList,f.images)).each(function(e){""===f.alt||d.prevImage.map(function(e){return e.text===f.alt}).getOr(!1)?""===e.value?g.setData({src:e,alt:d.prevAlt}):g.setData({src:e,alt:e.text}):g.setData({src:e})}),d.prevImage=p,ze(c,m,d,g)):"alt"===t.name?v.prevAlt=e.getData().alt:"style"===t.name?(o=h,s=(l=e).getData(),u=He(o.parseStyle,o.serializeStyle,s),l.setData(u)):"vspace"===t.name||"hspace"===t.name||"border"===t.name||"borderstyle"===t.name?(n=h,r=e,a=be(Le(b.image),r.getData()),i=ie(n.normalizeCss,Ee(a,!1)),r.setData({style:i})):"fileinput"===t.name?ke(h,b,v,e):"isDecorative"===t.name&&(e.getData().isDecorative?e.disable("alt"):e.enable("alt"))}},Be=function(i){return function(e){var t,n,r,a={prevImage:Te((t=e).imageList,t.image.src),prevAlt:t.image.alt,open:!0};return{title:"Insert/Edit Image",size:"normal",body:(r=e).hasAdvTab||r.hasUploadUrl||r.hasUploadHandler?{type:"tabpanel",tabs:x([[Ne(r)],r.hasAdvTab?[Ue(r)]:[],r.hasUploadTab&&(r.hasUploadUrl||r.hasUploadHandler)?[_e(r)]:[]])}:{type:"panel",items:Pe(r)},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:Le(e.image),onSubmit:i.onSubmit(e),onChange:je(i,e,a),onClose:(n=a,function(){n.open=!1})}}},Fe=function(t){return function(e){return a=t.documentBaseURI.toAbsolute(e),new N(function(t){var n=document.createElement("img"),r=function(e){n.parentNode&&n.parentNode.removeChild(n),t(e)};n.onload=function(){var e={width:M(n.width,n.clientWidth),height:M(n.height,n.clientHeight)};r(N.resolve(e))},n.onerror=function(){r(N.reject("Failed to get image dimensions for: "+a))};var e=n.style;e.visibility="hidden",e.position="fixed",e.bottom=e.left="0px",e.width=e.height="auto",document.body.appendChild(n),n.src=a}).then(function(e){return{width:String(e.width),height:String(e.height)}});var a}},Ge=function(e){var n,t,r,a,i,o,l,s={onSubmit:function(n){return function(e){var t=be(Le(n.image),e.getData());l.execCommand("mceUpdateImage",!1,Ee(t,n.hasAccessibilityOptions)),l.editorUpload.uploadImagesAuto(),e.close()}},imageSize:Fe(l=e),addToBlobCache:function(e){o.editorUpload.blobCache.add(e)},createBlobCache:function(e,t,n){return i.editorUpload.blobCache.create({blob:e,blobUri:t,name:e.name?e.name.replace(/\.[^\.]+$/,""):null,filename:e.name,base64:n.split(",")[1]})},alertErr:function(e){a.windowManager.alert(e)},normalizeCss:function(e){return me(r,e)},parseStyle:function(e){return t.dom.parseStyle(e)},serializeStyle:(n=t=r=a=i=o=e,function(e,t){return n.dom.serializeStyle(e,t)})};return{open:function(){Oe(e).then(Be(s)).then(e.windowManager.open)}}},We=function(u){u.addCommand("mceImage",Ge(u).open),u.addCommand("mceUpdateImage",function(e,s){u.undoManager.transact(function(){return e=s,void((l=de(t=u))?(n=oe(function(e){return me(t,e)},l),(r=c(c({},n),e)).src?pe(t,r):(a=t,(i=l)&&(o=a.dom.is(i.parentNode,"figure.image")?i.parentNode:i,a.dom.remove(o),a.focus(),a.nodeChanged(),a.dom.isEmpty(a.getBody())&&(a.setContent(""),a.selection.setCursorLocation())))):e.src&&fe(t,c(c({},ae()),e)));var t,e,n,r,a,i,o,l})})},qe=function(i){return function(e){for(var t,n=e.length,r=function(e){e.attr("contenteditable",i?"true":null)};n--;){var a=e[n];(t=a.attr("class"))&&/\bimage\b/.test(t)&&(a.attr("contenteditable",i?"false":null),ve.each(a.getAll("figcaption"),r))}}};a.add("image",function(e){var t,n;(t=e).on("PreInit",function(){t.parser.addNodeFilter("figure",qe(!0)),t.serializer.addNodeFilter("figure",qe(!1))}),(n=e).ui.registry.addToggleButton("image",{icon:"image",tooltip:"Insert/edit image",onAction:Ge(n).open,onSetup:function(e){return n.selection.selectorChangedWithUnbind("img:not([data-mce-object],[data-mce-placeholder]),figure.image",e.setActive).unbind}}),n.ui.registry.addMenuItem("image",{icon:"image",text:"Image...",onAction:Ge(n).open}),n.ui.registry.addContextMenu("image",{update:function(e){return ne(e)||"IMG"===e.nodeName&&!k(e)?["image"]:[]}}),We(e)})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/imagetools/plugin.js b/src/assets/tinymce/plugins/imagetools/plugin.js
new file mode 100644
index 00000000..2ee2ae0b
--- /dev/null
+++ b/src/assets/tinymce/plugins/imagetools/plugin.js
@@ -0,0 +1,1348 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var noop = function () {
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var isSimpleType = function (type) {
+      return function (value) {
+        return typeof value === type;
+      };
+    };
+    var isNullable = function (a) {
+      return a === null || a === undefined;
+    };
+    var isNonNullable = function (a) {
+      return !isNullable(a);
+    };
+    var isFunction = isSimpleType('function');
+
+    function create(width, height) {
+      return resize(document.createElement('canvas'), width, height);
+    }
+    function clone(canvas) {
+      var tCanvas = create(canvas.width, canvas.height);
+      var ctx = get2dContext(tCanvas);
+      ctx.drawImage(canvas, 0, 0);
+      return tCanvas;
+    }
+    function get2dContext(canvas) {
+      return canvas.getContext('2d');
+    }
+    function resize(canvas, width, height) {
+      canvas.width = width;
+      canvas.height = height;
+      return canvas;
+    }
+
+    function getWidth(image) {
+      return image.naturalWidth || image.width;
+    }
+    function getHeight(image) {
+      return image.naturalHeight || image.height;
+    }
+
+    var promise = function () {
+      var Promise = function (fn) {
+        if (typeof this !== 'object') {
+          throw new TypeError('Promises must be constructed via new');
+        }
+        if (typeof fn !== 'function') {
+          throw new TypeError('not a function');
+        }
+        this._state = null;
+        this._value = null;
+        this._deferreds = [];
+        doResolve(fn, bind(resolve, this), bind(reject, this));
+      };
+      var anyWindow = window;
+      var asap = Promise.immediateFn || typeof anyWindow.setImmediate === 'function' && anyWindow.setImmediate || function (fn) {
+        setTimeout(fn, 1);
+      };
+      function bind(fn, thisArg) {
+        return function () {
+          return fn.apply(thisArg, arguments);
+        };
+      }
+      var isArray = Array.isArray || function (value) {
+        return Object.prototype.toString.call(value) === '[object Array]';
+      };
+      function handle(deferred) {
+        var me = this;
+        if (this._state === null) {
+          this._deferreds.push(deferred);
+          return;
+        }
+        asap(function () {
+          var cb = me._state ? deferred.onFulfilled : deferred.onRejected;
+          if (cb === null) {
+            (me._state ? deferred.resolve : deferred.reject)(me._value);
+            return;
+          }
+          var ret;
+          try {
+            ret = cb(me._value);
+          } catch (e) {
+            deferred.reject(e);
+            return;
+          }
+          deferred.resolve(ret);
+        });
+      }
+      function resolve(newValue) {
+        try {
+          if (newValue === this) {
+            throw new TypeError('A promise cannot be resolved with itself.');
+          }
+          if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
+            var then = newValue.then;
+            if (typeof then === 'function') {
+              doResolve(bind(then, newValue), bind(resolve, this), bind(reject, this));
+              return;
+            }
+          }
+          this._state = true;
+          this._value = newValue;
+          finale.call(this);
+        } catch (e) {
+          reject.call(this, e);
+        }
+      }
+      function reject(newValue) {
+        this._state = false;
+        this._value = newValue;
+        finale.call(this);
+      }
+      function finale() {
+        for (var _i = 0, _a = this._deferreds; _i < _a.length; _i++) {
+          var deferred = _a[_i];
+          handle.call(this, deferred);
+        }
+        this._deferreds = [];
+      }
+      function Handler(onFulfilled, onRejected, resolve, reject) {
+        this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;
+        this.onRejected = typeof onRejected === 'function' ? onRejected : null;
+        this.resolve = resolve;
+        this.reject = reject;
+      }
+      function doResolve(fn, onFulfilled, onRejected) {
+        var done = false;
+        try {
+          fn(function (value) {
+            if (done) {
+              return;
+            }
+            done = true;
+            onFulfilled(value);
+          }, function (reason) {
+            if (done) {
+              return;
+            }
+            done = true;
+            onRejected(reason);
+          });
+        } catch (ex) {
+          if (done) {
+            return;
+          }
+          done = true;
+          onRejected(ex);
+        }
+      }
+      Promise.prototype.catch = function (onRejected) {
+        return this.then(null, onRejected);
+      };
+      Promise.prototype.then = function (onFulfilled, onRejected) {
+        var me = this;
+        return new Promise(function (resolve, reject) {
+          handle.call(me, new Handler(onFulfilled, onRejected, resolve, reject));
+        });
+      };
+      Promise.all = function () {
+        var values = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          values[_i] = arguments[_i];
+        }
+        var args = Array.prototype.slice.call(values.length === 1 && isArray(values[0]) ? values[0] : values);
+        return new Promise(function (resolve, reject) {
+          if (args.length === 0) {
+            return resolve([]);
+          }
+          var remaining = args.length;
+          function res(i, val) {
+            try {
+              if (val && (typeof val === 'object' || typeof val === 'function')) {
+                var then = val.then;
+                if (typeof then === 'function') {
+                  then.call(val, function (val) {
+                    res(i, val);
+                  }, reject);
+                  return;
+                }
+              }
+              args[i] = val;
+              if (--remaining === 0) {
+                resolve(args);
+              }
+            } catch (ex) {
+              reject(ex);
+            }
+          }
+          for (var i = 0; i < args.length; i++) {
+            res(i, args[i]);
+          }
+        });
+      };
+      Promise.resolve = function (value) {
+        if (value && typeof value === 'object' && value.constructor === Promise) {
+          return value;
+        }
+        return new Promise(function (resolve) {
+          resolve(value);
+        });
+      };
+      Promise.reject = function (reason) {
+        return new Promise(function (resolve, reject) {
+          reject(reason);
+        });
+      };
+      Promise.race = function (values) {
+        return new Promise(function (resolve, reject) {
+          for (var _i = 0, values_1 = values; _i < values_1.length; _i++) {
+            var value = values_1[_i];
+            value.then(resolve, reject);
+          }
+        });
+      };
+      return Promise;
+    };
+    var Promise = window.Promise ? window.Promise : promise();
+
+    function imageToBlob(image) {
+      var src = image.src;
+      if (src.indexOf('data:') === 0) {
+        return dataUriToBlob(src);
+      }
+      return anyUriToBlob(src);
+    }
+    function blobToImage(blob) {
+      return new Promise(function (resolve, reject) {
+        var blobUrl = URL.createObjectURL(blob);
+        var image = new Image();
+        var removeListeners = function () {
+          image.removeEventListener('load', loaded);
+          image.removeEventListener('error', error);
+        };
+        function loaded() {
+          removeListeners();
+          resolve(image);
+        }
+        function error() {
+          removeListeners();
+          reject('Unable to load data of type ' + blob.type + ': ' + blobUrl);
+        }
+        image.addEventListener('load', loaded);
+        image.addEventListener('error', error);
+        image.src = blobUrl;
+        if (image.complete) {
+          loaded();
+        }
+      });
+    }
+    function anyUriToBlob(url) {
+      return new Promise(function (resolve, reject) {
+        var xhr = new XMLHttpRequest();
+        xhr.open('GET', url, true);
+        xhr.responseType = 'blob';
+        xhr.onload = function () {
+          if (this.status === 200) {
+            resolve(this.response);
+          }
+        };
+        xhr.onerror = function () {
+          var _this = this;
+          var corsError = function () {
+            var obj = new Error('No access to download image');
+            obj.code = 18;
+            obj.name = 'SecurityError';
+            return obj;
+          };
+          var genericError = function () {
+            return new Error('Error ' + _this.status + ' downloading image');
+          };
+          reject(this.status === 0 ? corsError() : genericError());
+        };
+        xhr.send();
+      });
+    }
+    function dataUriToBlobSync(uri) {
+      var data = uri.split(',');
+      var matches = /data:([^;]+)/.exec(data[0]);
+      if (!matches) {
+        return Optional.none();
+      }
+      var mimetype = matches[1];
+      var base64 = data[1];
+      var sliceSize = 1024;
+      var byteCharacters = atob(base64);
+      var bytesLength = byteCharacters.length;
+      var slicesCount = Math.ceil(bytesLength / sliceSize);
+      var byteArrays = new Array(slicesCount);
+      for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
+        var begin = sliceIndex * sliceSize;
+        var end = Math.min(begin + sliceSize, bytesLength);
+        var bytes = new Array(end - begin);
+        for (var offset = begin, i = 0; offset < end; ++i, ++offset) {
+          bytes[i] = byteCharacters[offset].charCodeAt(0);
+        }
+        byteArrays[sliceIndex] = new Uint8Array(bytes);
+      }
+      return Optional.some(new Blob(byteArrays, { type: mimetype }));
+    }
+    function dataUriToBlob(uri) {
+      return new Promise(function (resolve, reject) {
+        dataUriToBlobSync(uri).fold(function () {
+          reject('uri is not base64: ' + uri);
+        }, resolve);
+      });
+    }
+    function canvasToBlob(canvas, type, quality) {
+      type = type || 'image/png';
+      if (isFunction(HTMLCanvasElement.prototype.toBlob)) {
+        return new Promise(function (resolve, reject) {
+          canvas.toBlob(function (blob) {
+            if (blob) {
+              resolve(blob);
+            } else {
+              reject();
+            }
+          }, type, quality);
+        });
+      } else {
+        return dataUriToBlob(canvas.toDataURL(type, quality));
+      }
+    }
+    function canvasToDataURL(canvas, type, quality) {
+      type = type || 'image/png';
+      return canvas.toDataURL(type, quality);
+    }
+    function blobToCanvas(blob) {
+      return blobToImage(blob).then(function (image) {
+        revokeImageUrl(image);
+        var canvas = create(getWidth(image), getHeight(image));
+        var context = get2dContext(canvas);
+        context.drawImage(image, 0, 0);
+        return canvas;
+      });
+    }
+    function blobToDataUri(blob) {
+      return new Promise(function (resolve) {
+        var reader = new FileReader();
+        reader.onloadend = function () {
+          resolve(reader.result);
+        };
+        reader.readAsDataURL(blob);
+      });
+    }
+    function revokeImageUrl(image) {
+      URL.revokeObjectURL(image.src);
+    }
+
+    var blobToImage$1 = function (blob) {
+      return blobToImage(blob);
+    };
+    var imageToBlob$1 = function (image) {
+      return imageToBlob(image);
+    };
+
+    var each = function (xs, f) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var foldl = function (xs, f, acc) {
+      each(xs, function (x) {
+        acc = f(acc, x);
+      });
+      return acc;
+    };
+    var findUntil = function (xs, pred, until) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return Optional.some(x);
+        } else if (until(x, i)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var find = function (xs, pred) {
+      return findUntil(xs, pred, never);
+    };
+
+    function create$1(getCanvas, blob, uri) {
+      var initialType = blob.type;
+      var getType = constant(initialType);
+      function toBlob() {
+        return Promise.resolve(blob);
+      }
+      var toDataURL = constant(uri);
+      function toBase64() {
+        return uri.split(',')[1];
+      }
+      function toAdjustedBlob(type, quality) {
+        return getCanvas.then(function (canvas) {
+          return canvasToBlob(canvas, type, quality);
+        });
+      }
+      function toAdjustedDataURL(type, quality) {
+        return getCanvas.then(function (canvas) {
+          return canvasToDataURL(canvas, type, quality);
+        });
+      }
+      function toAdjustedBase64(type, quality) {
+        return toAdjustedDataURL(type, quality).then(function (dataurl) {
+          return dataurl.split(',')[1];
+        });
+      }
+      function toCanvas() {
+        return getCanvas.then(clone);
+      }
+      return {
+        getType: getType,
+        toBlob: toBlob,
+        toDataURL: toDataURL,
+        toBase64: toBase64,
+        toAdjustedBlob: toAdjustedBlob,
+        toAdjustedDataURL: toAdjustedDataURL,
+        toAdjustedBase64: toAdjustedBase64,
+        toCanvas: toCanvas
+      };
+    }
+    function fromBlob(blob) {
+      return blobToDataUri(blob).then(function (uri) {
+        return create$1(blobToCanvas(blob), blob, uri);
+      });
+    }
+    function fromCanvas(canvas, type) {
+      return canvasToBlob(canvas, type).then(function (blob) {
+        return create$1(Promise.resolve(canvas), blob, canvas.toDataURL());
+      });
+    }
+
+    function rotate(ir, angle) {
+      return ir.toCanvas().then(function (canvas) {
+        return applyRotate(canvas, ir.getType(), angle);
+      });
+    }
+    function applyRotate(image, type, angle) {
+      var canvas = create(image.width, image.height);
+      var context = get2dContext(canvas);
+      var translateX = 0;
+      var translateY = 0;
+      angle = angle < 0 ? 360 + angle : angle;
+      if (angle === 90 || angle === 270) {
+        resize(canvas, canvas.height, canvas.width);
+      }
+      if (angle === 90 || angle === 180) {
+        translateX = canvas.width;
+      }
+      if (angle === 270 || angle === 180) {
+        translateY = canvas.height;
+      }
+      context.translate(translateX, translateY);
+      context.rotate(angle * Math.PI / 180);
+      context.drawImage(image, 0, 0);
+      return fromCanvas(canvas, type);
+    }
+    function flip(ir, axis) {
+      return ir.toCanvas().then(function (canvas) {
+        return applyFlip(canvas, ir.getType(), axis);
+      });
+    }
+    function applyFlip(image, type, axis) {
+      var canvas = create(image.width, image.height);
+      var context = get2dContext(canvas);
+      if (axis === 'v') {
+        context.scale(1, -1);
+        context.drawImage(image, 0, -canvas.height);
+      } else {
+        context.scale(-1, 1);
+        context.drawImage(image, -canvas.width, 0);
+      }
+      return fromCanvas(canvas, type);
+    }
+
+    var flip$1 = function (ir, axis) {
+      return flip(ir, axis);
+    };
+    var rotate$1 = function (ir, angle) {
+      return rotate(ir, angle);
+    };
+
+    var keys = Object.keys;
+    var each$1 = function (obj, f) {
+      var props = keys(obj);
+      for (var k = 0, len = props.length; k < len; k++) {
+        var i = props[k];
+        var x = obj[i];
+        f(x, i);
+      }
+    };
+
+    var sendRequest = function (url, headers, withCredentials) {
+      if (withCredentials === void 0) {
+        withCredentials = false;
+      }
+      return new Promise(function (resolve) {
+        var xhr = new XMLHttpRequest();
+        xhr.onreadystatechange = function () {
+          if (xhr.readyState === 4) {
+            resolve({
+              status: xhr.status,
+              blob: xhr.response
+            });
+          }
+        };
+        xhr.open('GET', url, true);
+        xhr.withCredentials = withCredentials;
+        each$1(headers, function (value, key) {
+          xhr.setRequestHeader(key, value);
+        });
+        xhr.responseType = 'blob';
+        xhr.send();
+      });
+    };
+    var readBlobText = function (blob) {
+      return new Promise(function (resolve, reject) {
+        var reader = new FileReader();
+        reader.onload = function () {
+          resolve(reader.result);
+        };
+        reader.onerror = function (e) {
+          reject(e);
+        };
+        reader.readAsText(blob);
+      });
+    };
+    var parseJson = function (text) {
+      try {
+        return Optional.some(JSON.parse(text));
+      } catch (ex) {
+        return Optional.none();
+      }
+    };
+
+    var friendlyHttpErrors = [
+      {
+        code: 404,
+        message: 'Could not find Image Proxy'
+      },
+      {
+        code: 403,
+        message: 'Rejected request'
+      },
+      {
+        code: 0,
+        message: 'Incorrect Image Proxy URL'
+      }
+    ];
+    var friendlyServiceErrors = [
+      {
+        type: 'not_found',
+        message: 'Failed to load image.'
+      },
+      {
+        type: 'key_missing',
+        message: 'The request did not include an api key.'
+      },
+      {
+        type: 'key_not_found',
+        message: 'The provided api key could not be found.'
+      },
+      {
+        type: 'domain_not_trusted',
+        message: 'The api key is not valid for the request origins.'
+      }
+    ];
+    var traverseJson = function (json, path) {
+      var value = foldl(path, function (result, key) {
+        return isNonNullable(result) ? result[key] : undefined;
+      }, json);
+      return Optional.from(value);
+    };
+    var isServiceErrorCode = function (code, blob) {
+      return (blob === null || blob === void 0 ? void 0 : blob.type) === 'application/json' && (code === 400 || code === 403 || code === 404 || code === 500);
+    };
+    var getHttpErrorMsg = function (status) {
+      var message = find(friendlyHttpErrors, function (error) {
+        return status === error.code;
+      }).fold(constant('Unknown ImageProxy error'), function (error) {
+        return error.message;
+      });
+      return 'ImageProxy HTTP error: ' + message;
+    };
+    var handleHttpError = function (status) {
+      var message = getHttpErrorMsg(status);
+      return Promise.reject(message);
+    };
+    var getServiceErrorMsg = function (type) {
+      return find(friendlyServiceErrors, function (error) {
+        return error.type === type;
+      }).fold(constant('Unknown service error'), function (error) {
+        return error.message;
+      });
+    };
+    var getServiceError = function (text) {
+      var serviceError = parseJson(text);
+      var errorMsg = serviceError.bind(function (err) {
+        return traverseJson(err, [
+          'error',
+          'type'
+        ]).map(getServiceErrorMsg);
+      }).getOr('Invalid JSON in service error message');
+      return 'ImageProxy Service error: ' + errorMsg;
+    };
+    var handleServiceError = function (blob) {
+      return readBlobText(blob).then(function (text) {
+        var serviceError = getServiceError(text);
+        return Promise.reject(serviceError);
+      });
+    };
+    var handleServiceErrorResponse = function (status, blob) {
+      return isServiceErrorCode(status, blob) ? handleServiceError(blob) : handleHttpError(status);
+    };
+
+    var appendApiKey = function (url, apiKey) {
+      var separator = url.indexOf('?') === -1 ? '?' : '&';
+      if (/[?&]apiKey=/.test(url)) {
+        return url;
+      } else {
+        return url + separator + 'apiKey=' + encodeURIComponent(apiKey);
+      }
+    };
+    var isError = function (status) {
+      return status < 200 || status >= 300;
+    };
+    var requestServiceBlob = function (url, apiKey) {
+      var headers = {
+        'Content-Type': 'application/json;charset=UTF-8',
+        'tiny-api-key': apiKey
+      };
+      return sendRequest(appendApiKey(url, apiKey), headers).then(function (result) {
+        return isError(result.status) ? handleServiceErrorResponse(result.status, result.blob) : Promise.resolve(result.blob);
+      });
+    };
+    var requestBlob = function (url, withCredentials) {
+      return sendRequest(url, {}, withCredentials).then(function (result) {
+        return isError(result.status) ? handleHttpError(result.status) : Promise.resolve(result.blob);
+      });
+    };
+    var getUrl = function (url, apiKey, withCredentials) {
+      if (withCredentials === void 0) {
+        withCredentials = false;
+      }
+      return apiKey ? requestServiceBlob(url, apiKey) : requestBlob(url, withCredentials);
+    };
+
+    var blobToImageResult = function (blob) {
+      return fromBlob(blob);
+    };
+
+    var ELEMENT = 1;
+
+    var fromHtml = function (html, scope) {
+      var doc = scope || document;
+      var div = doc.createElement('div');
+      div.innerHTML = html;
+      if (!div.hasChildNodes() || div.childNodes.length > 1) {
+        console.error('HTML does not have a single root node', html);
+        throw new Error('HTML must have a single root node');
+      }
+      return fromDom(div.childNodes[0]);
+    };
+    var fromTag = function (tag, scope) {
+      var doc = scope || document;
+      var node = doc.createElement(tag);
+      return fromDom(node);
+    };
+    var fromText = function (text, scope) {
+      var doc = scope || document;
+      var node = doc.createTextNode(text);
+      return fromDom(node);
+    };
+    var fromDom = function (node) {
+      if (node === null || node === undefined) {
+        throw new Error('Node cannot be null or undefined');
+      }
+      return { dom: node };
+    };
+    var fromPoint = function (docElm, x, y) {
+      return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
+    };
+    var SugarElement = {
+      fromHtml: fromHtml,
+      fromTag: fromTag,
+      fromText: fromText,
+      fromDom: fromDom,
+      fromPoint: fromPoint
+    };
+
+    var is = function (element, selector) {
+      var dom = element.dom;
+      if (dom.nodeType !== ELEMENT) {
+        return false;
+      } else {
+        var elem = dom;
+        if (elem.matches !== undefined) {
+          return elem.matches(selector);
+        } else if (elem.msMatchesSelector !== undefined) {
+          return elem.msMatchesSelector(selector);
+        } else if (elem.webkitMatchesSelector !== undefined) {
+          return elem.webkitMatchesSelector(selector);
+        } else if (elem.mozMatchesSelector !== undefined) {
+          return elem.mozMatchesSelector(selector);
+        } else {
+          throw new Error('Browser lacks native selectors');
+        }
+      }
+    };
+
+    var Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    var child = function (scope, predicate) {
+      var pred = function (node) {
+        return predicate(SugarElement.fromDom(node));
+      };
+      var result = find(scope.dom.childNodes, pred);
+      return result.map(SugarElement.fromDom);
+    };
+
+    var child$1 = function (scope, selector) {
+      return child(scope, function (e) {
+        return is(e, selector);
+      });
+    };
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.Promise');
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.util.URI');
+
+    var getToolbarItems = function (editor) {
+      return editor.getParam('imagetools_toolbar', 'rotateleft rotateright flipv fliph editimage imageoptions');
+    };
+    var getProxyUrl = function (editor) {
+      return editor.getParam('imagetools_proxy');
+    };
+    var getCorsHosts = function (editor) {
+      return editor.getParam('imagetools_cors_hosts', [], 'string[]');
+    };
+    var getCredentialsHosts = function (editor) {
+      return editor.getParam('imagetools_credentials_hosts', [], 'string[]');
+    };
+    var getFetchImage = function (editor) {
+      return Optional.from(editor.getParam('imagetools_fetch_image', null, 'function'));
+    };
+    var getApiKey = function (editor) {
+      return editor.getParam('api_key', editor.getParam('imagetools_api_key', '', 'string'), 'string');
+    };
+    var getUploadTimeout = function (editor) {
+      return editor.getParam('images_upload_timeout', 30000, 'number');
+    };
+    var shouldReuseFilename = function (editor) {
+      return editor.getParam('images_reuse_filename', false, 'boolean');
+    };
+
+    function getImageSize(img) {
+      var width, height;
+      function isPxValue(value) {
+        return /^[0-9\.]+px$/.test(value);
+      }
+      width = img.style.width;
+      height = img.style.height;
+      if (width || height) {
+        if (isPxValue(width) && isPxValue(height)) {
+          return {
+            w: parseInt(width, 10),
+            h: parseInt(height, 10)
+          };
+        }
+        return null;
+      }
+      width = img.width;
+      height = img.height;
+      if (width && height) {
+        return {
+          w: parseInt(width, 10),
+          h: parseInt(height, 10)
+        };
+      }
+      return null;
+    }
+    function setImageSize(img, size) {
+      var width, height;
+      if (size) {
+        width = img.style.width;
+        height = img.style.height;
+        if (width || height) {
+          img.style.width = size.w + 'px';
+          img.style.height = size.h + 'px';
+          img.removeAttribute('data-mce-style');
+        }
+        width = img.width;
+        height = img.height;
+        if (width || height) {
+          img.setAttribute('width', String(size.w));
+          img.setAttribute('height', String(size.h));
+        }
+      }
+    }
+    function getNaturalImageSize(img) {
+      return {
+        w: img.naturalWidth,
+        h: img.naturalHeight
+      };
+    }
+
+    var count = 0;
+    var getFigureImg = function (elem) {
+      return child$1(SugarElement.fromDom(elem), 'img');
+    };
+    var isFigure = function (editor, elem) {
+      return editor.dom.is(elem, 'figure');
+    };
+    var isImage = function (editor, imgNode) {
+      return editor.dom.is(imgNode, 'img:not([data-mce-object],[data-mce-placeholder])');
+    };
+    var getEditableImage = function (editor, node) {
+      var isEditable = function (imgNode) {
+        return isImage(editor, imgNode) && (isLocalImage(editor, imgNode) || isCorsImage(editor, imgNode) || isNonNullable(getProxyUrl(editor)));
+      };
+      if (isFigure(editor, node)) {
+        return getFigureImg(node).bind(function (img) {
+          return isEditable(img.dom) ? Optional.some(img.dom) : Optional.none();
+        });
+      } else {
+        return isEditable(node) ? Optional.some(node) : Optional.none();
+      }
+    };
+    var displayError = function (editor, error) {
+      editor.notificationManager.open({
+        text: error,
+        type: 'error'
+      });
+    };
+    var getSelectedImage = function (editor) {
+      var elem = editor.selection.getNode();
+      var figureElm = editor.dom.getParent(elem, 'figure.image');
+      if (figureElm !== null && isFigure(editor, figureElm)) {
+        return getFigureImg(figureElm);
+      } else if (isImage(editor, elem)) {
+        return Optional.some(SugarElement.fromDom(elem));
+      } else {
+        return Optional.none();
+      }
+    };
+    var extractFilename = function (editor, url, group) {
+      var m = url.match(/(?:\/|^)(([^\/\?]+)\.(?:[a-z0-9.]+))(?:\?|$)/i);
+      return isNonNullable(m) ? editor.dom.encode(m[group]) : null;
+    };
+    var createId = function () {
+      return 'imagetools' + count++;
+    };
+    var isLocalImage = function (editor, img) {
+      var url = img.src;
+      return url.indexOf('data:') === 0 || url.indexOf('blob:') === 0 || new global$4(url).host === editor.documentBaseURI.host;
+    };
+    var isCorsImage = function (editor, img) {
+      return global$1.inArray(getCorsHosts(editor), new global$4(img.src).host) !== -1;
+    };
+    var isCorsWithCredentialsImage = function (editor, img) {
+      return global$1.inArray(getCredentialsHosts(editor), new global$4(img.src).host) !== -1;
+    };
+    var defaultFetchImage = function (editor, img) {
+      if (isCorsImage(editor, img)) {
+        return getUrl(img.src, null, isCorsWithCredentialsImage(editor, img));
+      }
+      if (!isLocalImage(editor, img)) {
+        var proxyUrl = getProxyUrl(editor);
+        var src = proxyUrl + (proxyUrl.indexOf('?') === -1 ? '?' : '&') + 'url=' + encodeURIComponent(img.src);
+        var apiKey = getApiKey(editor);
+        return getUrl(src, apiKey, false);
+      }
+      return imageToBlob$1(img);
+    };
+    var imageToBlob$2 = function (editor, img) {
+      return getFetchImage(editor).fold(function () {
+        return defaultFetchImage(editor, img);
+      }, function (customFetchImage) {
+        return customFetchImage(img);
+      });
+    };
+    var findBlob = function (editor, img) {
+      var blobInfo = editor.editorUpload.blobCache.getByUri(img.src);
+      if (blobInfo) {
+        return global$3.resolve(blobInfo.blob());
+      }
+      return imageToBlob$2(editor, img);
+    };
+    var startTimedUpload = function (editor, imageUploadTimerState) {
+      var imageUploadTimer = global$2.setEditorTimeout(editor, function () {
+        editor.editorUpload.uploadImagesAuto();
+      }, getUploadTimeout(editor));
+      imageUploadTimerState.set(imageUploadTimer);
+    };
+    var cancelTimedUpload = function (imageUploadTimerState) {
+      global$2.clearTimeout(imageUploadTimerState.get());
+    };
+    var updateSelectedImage = function (editor, origBlob, ir, uploadImmediately, imageUploadTimerState, selectedImage, size) {
+      return ir.toBlob().then(function (blob) {
+        var uri, name, filename, blobInfo;
+        var blobCache = editor.editorUpload.blobCache;
+        uri = selectedImage.src;
+        var useFilename = origBlob.type === blob.type;
+        if (shouldReuseFilename(editor)) {
+          blobInfo = blobCache.getByUri(uri);
+          if (isNonNullable(blobInfo)) {
+            uri = blobInfo.uri();
+            name = blobInfo.name();
+            filename = blobInfo.filename();
+          } else {
+            name = extractFilename(editor, uri, 2);
+            filename = extractFilename(editor, uri, 1);
+          }
+        }
+        blobInfo = blobCache.create({
+          id: createId(),
+          blob: blob,
+          base64: ir.toBase64(),
+          uri: uri,
+          name: name,
+          filename: useFilename ? filename : undefined
+        });
+        blobCache.add(blobInfo);
+        editor.undoManager.transact(function () {
+          function imageLoadedHandler() {
+            editor.$(selectedImage).off('load', imageLoadedHandler);
+            editor.nodeChanged();
+            if (uploadImmediately) {
+              editor.editorUpload.uploadImagesAuto();
+            } else {
+              cancelTimedUpload(imageUploadTimerState);
+              startTimedUpload(editor, imageUploadTimerState);
+            }
+          }
+          editor.$(selectedImage).on('load', imageLoadedHandler);
+          if (size) {
+            editor.$(selectedImage).attr({
+              width: size.w,
+              height: size.h
+            });
+          }
+          editor.$(selectedImage).attr({ src: blobInfo.blobUri() }).removeAttr('data-mce-src');
+        });
+        return blobInfo;
+      });
+    };
+    var selectedImageOperation = function (editor, imageUploadTimerState, fn, size) {
+      return function () {
+        var imgOpt = getSelectedImage(editor);
+        return imgOpt.fold(function () {
+          displayError(editor, 'Could not find selected image');
+        }, function (img) {
+          return editor._scanForImages().then(function () {
+            return findBlob(editor, img.dom);
+          }).then(function (blob) {
+            return blobToImageResult(blob).then(fn).then(function (imageResult) {
+              return updateSelectedImage(editor, blob, imageResult, false, imageUploadTimerState, img.dom, size);
+            });
+          }).catch(function (error) {
+            displayError(editor, error);
+          });
+        });
+      };
+    };
+    var rotate$2 = function (editor, imageUploadTimerState, angle) {
+      return function () {
+        var imgOpt = getSelectedImage(editor);
+        var flippedSize = imgOpt.fold(function () {
+          return null;
+        }, function (img) {
+          var size = getImageSize(img.dom);
+          return size ? {
+            w: size.h,
+            h: size.w
+          } : null;
+        });
+        return selectedImageOperation(editor, imageUploadTimerState, function (imageResult) {
+          return rotate$1(imageResult, angle);
+        }, flippedSize)();
+      };
+    };
+    var flip$2 = function (editor, imageUploadTimerState, axis) {
+      return function () {
+        return selectedImageOperation(editor, imageUploadTimerState, function (imageResult) {
+          return flip$1(imageResult, axis);
+        })();
+      };
+    };
+    var handleDialogBlob = function (editor, imageUploadTimerState, img, originalSize, blob) {
+      return blobToImage$1(blob).then(function (newImage) {
+        var newSize = getNaturalImageSize(newImage);
+        if (originalSize.w !== newSize.w || originalSize.h !== newSize.h) {
+          if (getImageSize(img)) {
+            setImageSize(img, newSize);
+          }
+        }
+        URL.revokeObjectURL(newImage.src);
+        return blob;
+      }).then(blobToImageResult).then(function (imageResult) {
+        return updateSelectedImage(editor, blob, imageResult, true, imageUploadTimerState, img);
+      }).catch(function () {
+      });
+    };
+
+    var saveState = 'save-state';
+    var disable = 'disable';
+    var enable = 'enable';
+
+    var createState = function (blob) {
+      return {
+        blob: blob,
+        url: URL.createObjectURL(blob)
+      };
+    };
+    var makeOpen = function (editor, imageUploadTimerState) {
+      return function () {
+        var getLoadedSpec = function (currentState) {
+          return {
+            title: 'Edit Image',
+            size: 'large',
+            body: {
+              type: 'panel',
+              items: [{
+                  type: 'imagetools',
+                  name: 'imagetools',
+                  label: 'Edit Image',
+                  currentState: currentState
+                }]
+            },
+            buttons: [
+              {
+                type: 'cancel',
+                name: 'cancel',
+                text: 'Cancel'
+              },
+              {
+                type: 'submit',
+                name: 'save',
+                text: 'Save',
+                primary: true,
+                disabled: true
+              }
+            ],
+            onSubmit: function (api) {
+              var blob = api.getData().imagetools.blob;
+              originalImgOpt.each(function (originalImg) {
+                originalSizeOpt.each(function (originalSize) {
+                  handleDialogBlob(editor, imageUploadTimerState, originalImg.dom, originalSize, blob);
+                });
+              });
+              api.close();
+            },
+            onCancel: function () {
+            },
+            onAction: function (api, details) {
+              switch (details.name) {
+              case saveState:
+                if (details.value) {
+                  api.enable('save');
+                } else {
+                  api.disable('save');
+                }
+                break;
+              case disable:
+                api.disable('save');
+                api.disable('cancel');
+                break;
+              case enable:
+                api.enable('cancel');
+                break;
+              }
+            }
+          };
+        };
+        var originalImgOpt = getSelectedImage(editor);
+        var originalSizeOpt = originalImgOpt.map(function (origImg) {
+          return getNaturalImageSize(origImg.dom);
+        });
+        originalImgOpt.each(function (img) {
+          getEditableImage(editor, img.dom).each(function (_) {
+            findBlob(editor, img.dom).then(function (blob) {
+              var state = createState(blob);
+              editor.windowManager.open(getLoadedSpec(state));
+            });
+          });
+        });
+      };
+    };
+
+    var register = function (editor, imageUploadTimerState) {
+      global$1.each({
+        mceImageRotateLeft: rotate$2(editor, imageUploadTimerState, -90),
+        mceImageRotateRight: rotate$2(editor, imageUploadTimerState, 90),
+        mceImageFlipVertical: flip$2(editor, imageUploadTimerState, 'v'),
+        mceImageFlipHorizontal: flip$2(editor, imageUploadTimerState, 'h'),
+        mceEditImage: makeOpen(editor, imageUploadTimerState)
+      }, function (fn, cmd) {
+        editor.addCommand(cmd, fn);
+      });
+    };
+
+    var setup = function (editor, imageUploadTimerState, lastSelectedImageState) {
+      editor.on('NodeChange', function (e) {
+        var lastSelectedImage = lastSelectedImageState.get();
+        var selectedImage = getEditableImage(editor, e.element);
+        if (lastSelectedImage && !selectedImage.exists(function (img) {
+            return lastSelectedImage.src === img.src;
+          })) {
+          cancelTimedUpload(imageUploadTimerState);
+          editor.editorUpload.uploadImagesAuto();
+          lastSelectedImageState.set(null);
+        }
+        selectedImage.each(lastSelectedImageState.set);
+      });
+    };
+
+    var register$1 = function (editor) {
+      var cmd = function (command) {
+        return function () {
+          return editor.execCommand(command);
+        };
+      };
+      editor.ui.registry.addButton('rotateleft', {
+        tooltip: 'Rotate counterclockwise',
+        icon: 'rotate-left',
+        onAction: cmd('mceImageRotateLeft')
+      });
+      editor.ui.registry.addButton('rotateright', {
+        tooltip: 'Rotate clockwise',
+        icon: 'rotate-right',
+        onAction: cmd('mceImageRotateRight')
+      });
+      editor.ui.registry.addButton('flipv', {
+        tooltip: 'Flip vertically',
+        icon: 'flip-vertically',
+        onAction: cmd('mceImageFlipVertical')
+      });
+      editor.ui.registry.addButton('fliph', {
+        tooltip: 'Flip horizontally',
+        icon: 'flip-horizontally',
+        onAction: cmd('mceImageFlipHorizontal')
+      });
+      editor.ui.registry.addButton('editimage', {
+        tooltip: 'Edit image',
+        icon: 'edit-image',
+        onAction: cmd('mceEditImage'),
+        onSetup: function (buttonApi) {
+          var setDisabled = function () {
+            var disabled = getSelectedImage(editor).forall(function (element) {
+              return getEditableImage(editor, element.dom).isNone();
+            });
+            buttonApi.setDisabled(disabled);
+          };
+          editor.on('NodeChange', setDisabled);
+          return function () {
+            editor.off('NodeChange', setDisabled);
+          };
+        }
+      });
+      editor.ui.registry.addButton('imageoptions', {
+        tooltip: 'Image options',
+        icon: 'image',
+        onAction: cmd('mceImage')
+      });
+      editor.ui.registry.addContextMenu('imagetools', {
+        update: function (element) {
+          return getEditableImage(editor, element).fold(function () {
+            return [];
+          }, function (_) {
+            return [{
+                text: 'Edit image',
+                icon: 'edit-image',
+                onAction: cmd('mceEditImage')
+              }];
+          });
+        }
+      });
+    };
+
+    var register$2 = function (editor) {
+      editor.ui.registry.addContextToolbar('imagetools', {
+        items: getToolbarItems(editor),
+        predicate: function (elem) {
+          return getEditableImage(editor, elem).isSome();
+        },
+        position: 'node',
+        scope: 'node'
+      });
+    };
+
+    function Plugin () {
+      global.add('imagetools', function (editor) {
+        var imageUploadTimerState = Cell(0);
+        var lastSelectedImageState = Cell(null);
+        register(editor, imageUploadTimerState);
+        register$1(editor);
+        register$2(editor);
+        setup(editor, imageUploadTimerState, lastSelectedImageState);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/imagetools/plugin.min.js b/src/assets/tinymce/plugins/imagetools/plugin.min.js
new file mode 100644
index 00000000..8e4fb253
--- /dev/null
+++ b/src/assets/tinymce/plugins/imagetools/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var t,e,n,r,l=function(t){var e=t;return{get:function(){return e},set:function(t){e=t}}},o=tinymce.util.Tools.resolve("tinymce.PluginManager"),d=tinymce.util.Tools.resolve("tinymce.util.Tools"),i=function(){},u=function(t){return function(){return t}},a=u(!1),c=u(!0),f=function(){return s},s=(t=function(t){return t.isNone()},{fold:function(t,e){return t()},is:a,isSome:a,isNone:c,getOr:n=function(t){return t},getOrThunk:e=function(t){return t()},getOrDie:function(t){throw new Error(t||"error: getOrDie called on none.")},getOrNull:u(null),getOrUndefined:u(undefined),or:n,orThunk:e,map:f,each:i,bind:f,exists:a,forall:c,filter:f,equals:t,equals_:t,toArray:function(){return[]},toString:u("none()")}),m=function(n){var t=u(n),e=function(){return o},r=function(t){return t(n)},o={fold:function(t,e){return e(n)},is:function(t){return n===t},isSome:c,isNone:a,getOr:t,getOrThunk:t,getOrDie:t,getOrNull:t,getOrUndefined:t,or:e,orThunk:e,map:function(t){return m(t(n))},each:function(t){t(n)},bind:r,exists:r,forall:r,filter:function(t){return t(n)?o:s},toArray:function(){return[n]},toString:function(){return"some("+n+")"},equals:function(t){return t.is(n)},equals_:function(t,e){return t.fold(a,function(t){return e(n,t)})}};return o},g={some:m,none:f,from:function(t){return null===t||t===undefined?s:m(t)}},h=function(t){return!(null===(e=t)||e===undefined);var e},v=(r="function",function(t){return typeof t===r});function p(t,e){return b(document.createElement("canvas"),t,e)}function y(t){var e=p(t.width,t.height);return w(e).drawImage(t,0,0),e}function w(t){return t.getContext("2d")}function b(t,e,n){return t.width=e,t.height=n,t}var I,T,_,R,U=window.Promise?window.Promise:(I=function(t){if("object"!=typeof this)throw new TypeError("Promises must be constructed via new");if("function"!=typeof t)throw new TypeError("not a function");this._state=null,this._value=null,this._deferreds=[],C(t,A(E,this),A(L,this))},T=window,_=I.immediateFn||"function"==typeof T.setImmediate&&T.setImmediate||function(t){setTimeout(t,1)},R=Array.isArray||function(t){return"[object Array]"===Object.prototype.toString.call(t)},I.prototype["catch"]=function(t){return this.then(null,t)},I.prototype.then=function(n,r){var o=this;return new I(function(t,e){x.call(o,new k(n,r,t,e))})},I.all=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];var c=Array.prototype.slice.call(1===t.length&&R(t[0])?t[0]:t);return new I(function(o,i){if(0===c.length)return o([]);for(var u=c.length,t=0;t<c.length;t++)!function a(e,t){try{if(t&&("object"==typeof t||"function"==typeof t)){var n=t.then;if("function"==typeof n)return void n.call(t,function(t){a(e,t)},i)}c[e]=t,0==--u&&o(c)}catch(r){i(r)}}(t,c[t])})},I.resolve=function(e){return e&&"object"==typeof e&&e.constructor===I?e:new I(function(t){t(e)})},I.reject=function(n){return new I(function(t,e){e(n)})},I.race=function(o){return new I(function(t,e){for(var n=0,r=o;n<r.length;n++)r[n].then(t,e)})},I);function A(t,e){return function(){return t.apply(e,arguments)}}function x(r){var o=this;null!==this._state?_(function(){var t,e=o._state?r.onFulfilled:r.onRejected;if(null!==e){try{t=e(o._value)}catch(n){return void r.reject(n)}r.resolve(t)}else(o._state?r.resolve:r.reject)(o._value)}):this._deferreds.push(r)}function E(t){try{if(t===this)throw new TypeError("A promise cannot be resolved with itself.");if(t&&("object"==typeof t||"function"==typeof t)){var e=t.then;if("function"==typeof e)return void C(A(e,t),A(E,this),A(L,this))}this._state=!0,this._value=t,j.call(this)}catch(n){L.call(this,n)}}function L(t){this._state=!1,this._value=t,j.call(this)}function j(){for(var t=0,e=this._deferreds;t<e.length;t++){var n=e[t];x.call(this,n)}this._deferreds=[]}function k(t,e,n,r){this.onFulfilled="function"==typeof t?t:null,this.onRejected="function"==typeof e?e:null,this.resolve=n,this.reject=r}function C(t,e,n){var r=!1;try{t(function(t){r||(r=!0,e(t))},function(t){r||(r=!0,n(t))})}catch(o){if(r)return;r=!0,n(o)}}function O(t){var r,e=t.src;return 0===e.indexOf("data:")?S(e):(r=e,new U(function(t,n){var e=new XMLHttpRequest;e.open("GET",r,!0),e.responseType="blob",e.onload=function(){200===this.status&&t(this.response)},e.onerror=function(){var t,e=this;n(0===this.status?((t=new Error("No access to download image")).code=18,t.name="SecurityError",t):new Error("Error "+e.status+" downloading image"))},e.send()}))}function P(a){return new U(function(t,e){var n=URL.createObjectURL(a),r=new Image,o=function(){r.removeEventListener("load",i),r.removeEventListener("error",u)};function i(){o(),t(r)}function u(){o(),e("Unable to load data of type "+a.type+": "+n)}r.addEventListener("load",i),r.addEventListener("error",u),r.src=n,r.complete&&i()})}function S(n){return new U(function(t,e){(function(t){var e=t.split(","),n=/data:([^;]+)/.exec(e[0]);if(!n)return g.none();for(var r=n[1],o=e[1],i=atob(o),u=i.length,a=Math.ceil(u/1024),c=new Array(a),f=0;f<a;++f){for(var s=1024*f,l=Math.min(1024+s,u),d=new Array(l-s),m=s,h=0;m<l;++h,++m)d[h]=i[m].charCodeAt(0);c[f]=new Uint8Array(d)}return g.some(new Blob(c,{type:r}))})(n).fold(function(){e("uri is not base64: "+n)},t)})}function M(t,r,o){return r=r||"image/png",v(HTMLCanvasElement.prototype.toBlob)?new U(function(e,n){t.toBlob(function(t){t?e(t):n()},r,o)}):S(t.toDataURL(r,o))}function B(t){return P(t).then(function(t){var e;e=t,URL.revokeObjectURL(e.src);var n,r,o=p((r=t).naturalWidth||r.width,(n=t).naturalHeight||n.height);return w(o).drawImage(t,0,0),o})}var N=P,D=O,F=function(t,e){return function(t,e,n){for(var r=0,o=t.length;r<o;r++){var i=t[r];if(e(i,r))return g.some(i);if(n(i,r))break}return g.none()}(t,e,a)};function H(t,e,n){var r=e.type;function o(r,o){return t.then(function(t){return n=o,e=(e=r)||"image/png",t.toDataURL(e,n);var e,n})}return{getType:u(r),toBlob:function(){return U.resolve(e)},toDataURL:u(n),toBase64:function(){return n.split(",")[1]},toAdjustedBlob:function(e,n){return t.then(function(t){return M(t,e,n)})},toAdjustedDataURL:o,toAdjustedBase64:function(t,e){return o(t,e).then(function(t){return t.split(",")[1]})},toCanvas:function(){return t.then(y)}}}function q(e){return n=e,new U(function(t){var e=new FileReader;e.onloadend=function(){t(e.result)},e.readAsDataURL(n)}).then(function(t){return H(B(e),e,t)});var n}function z(e,t){return M(e,t).then(function(t){return H(U.resolve(e),t,e.toDataURL())})}function $(e,n){return e.toCanvas().then(function(t){return function(t,e,n){var r=p(t.width,t.height),o=w(r),i=0,u=0;90!==(n=n<0?360+n:n)&&270!==n||b(r,r.height,r.width);90!==n&&180!==n||(i=r.width);270!==n&&180!==n||(u=r.height);return o.translate(i,u),o.rotate(n*Math.PI/180),o.drawImage(t,0,0),z(r,e)}(t,e.getType(),n)})}function G(e,n){return e.toCanvas().then(function(t){return function(t,e,n){var r=p(t.width,t.height),o=w(r);"v"===n?(o.scale(1,-1),o.drawImage(t,0,-r.height)):(o.scale(-1,1),o.drawImage(t,-r.width,0));return z(r,e)}(t,e.getType(),n)})}var J=G,K=$,V=Object.keys,W=function(e,r,o){return void 0===o&&(o=!1),new U(function(t){var n=new XMLHttpRequest;n.onreadystatechange=function(){4===n.readyState&&t({status:n.status,blob:n.response})},n.open("GET",e,!0),n.withCredentials=o,function(t,e){for(var n=V(t),r=0,o=n.length;r<o;r++){var i=n[r];e(t[i],i)}}(r,function(t,e){n.setRequestHeader(e,t)}),n.responseType="blob",n.send()})},X=[{code:404,message:"Could not find Image Proxy"},{code:403,message:"Rejected request"},{code:0,message:"Incorrect Image Proxy URL"}],Q=[{type:"not_found",message:"Failed to load image."},{type:"key_missing",message:"The request did not include an api key."},{type:"key_not_found",message:"The provided api key could not be found."},{type:"domain_not_trusted",message:"The api key is not valid for the request origins."}],Y=function(t,e){var n,r,o=(n=function(t,e){return h(t)?t[e]:undefined},r=t,function(t,e){for(var n=0,r=t.length;n<r;n++)e(t[n],n)}(e,function(t){r=n(r,t)}),r);return g.from(o)},Z=function(t){var e,n=(e=t,"ImageProxy HTTP error: "+F(X,function(t){return e===t.code}).fold(u("Unknown ImageProxy error"),function(t){return t.message}));return U.reject(n)},tt=function(e){return F(Q,function(t){return t.type===e}).fold(u("Unknown service error"),function(t){return t.message})},et=function(t){return"ImageProxy Service error: "+function(t){try{return g.some(JSON.parse(t))}catch(e){return g.none()}}(t).bind(function(t){return Y(t,["error","type"]).map(tt)}).getOr("Invalid JSON in service error message")},nt=function(t){return r=t,new U(function(t,e){var n=new FileReader;n.onload=function(){t(n.result)},n.onerror=function(t){e(t)},n.readAsText(r)}).then(function(t){var e=et(t);return U.reject(e)});var r},rt=function(t){return t<200||300<=t},ot=function(t,e){var n,r,o,i={"Content-Type":"application/json;charset=UTF-8","tiny-api-key":e};return W((r=e,o=-1===(n=t).indexOf("?")?"?":"&",/[?&]apiKey=/.test(n)?n:n+o+"apiKey="+encodeURIComponent(r)),i).then(function(t){return rt(t.status)?(e=t.status,n=t.blob,r=e,"application/json"!==(null==(o=n)?void 0:o.type)||400!==r&&403!==r&&404!==r&&500!==r?Z(e):nt(n)):U.resolve(t.blob);var e,n,r,o})},it=function(t,e,n){return void 0===n&&(n=!1),e?ot(t,e):W(t,{},n).then(function(t){return rt(t.status)?Z(t.status):U.resolve(t.blob)})},ut=q,at=function(t){if(null===t||t===undefined)throw new Error("Node cannot be null or undefined");return{dom:t}},ct={fromHtml:function(t,e){var n=(e||document).createElement("div");if(n.innerHTML=t,!n.hasChildNodes()||1<n.childNodes.length)throw console.error("HTML does not have a single root node",t),new Error("HTML must have a single root node");return at(n.childNodes[0])},fromTag:function(t,e){var n=(e||document).createElement(t);return at(n)},fromText:function(t,e){var n=(e||document).createTextNode(t);return at(n)},fromDom:at,fromPoint:function(t,e,n){return g.from(t.dom.elementFromPoint(e,n)).map(at)}},ft=("undefined"!=typeof window||Function("return this;")(),function(t,e){return n=function(t){return function(t,e){var n=t.dom;if(1!==n.nodeType)return!1;var r=n;if(r.matches!==undefined)return r.matches(e);if(r.msMatchesSelector!==undefined)return r.msMatchesSelector(e);if(r.webkitMatchesSelector!==undefined)return r.webkitMatchesSelector(e);if(r.mozMatchesSelector!==undefined)return r.mozMatchesSelector(e);throw new Error("Browser lacks native selectors")}(t,e)},F(t.dom.childNodes,function(t){return n(ct.fromDom(t))}).map(ct.fromDom);var n}),st=tinymce.util.Tools.resolve("tinymce.util.Delay"),lt=tinymce.util.Tools.resolve("tinymce.util.Promise"),dt=tinymce.util.Tools.resolve("tinymce.util.URI"),mt=function(t){return t.getParam("imagetools_proxy")};function ht(t){var e,n;function r(t){return/^[0-9\.]+px$/.test(t)}return e=t.style.width,n=t.style.height,e||n?r(e)&&r(n)?{w:parseInt(e,10),h:parseInt(n,10)}:null:(e=t.width,n=t.height,e&&n?{w:parseInt(e,10),h:parseInt(n,10)}:null)}function gt(t){return{w:t.naturalWidth,h:t.naturalHeight}}var vt=0,pt=function(t){return ft(ct.fromDom(t),"img")},yt=function(t,e){return t.dom.is(e,"figure")},wt=function(t,e){return t.dom.is(e,"img:not([data-mce-object],[data-mce-placeholder])")},bt=function(e,t){var n=function(t){return wt(e,t)&&(Rt(e,t)||Ut(e,t)||h(mt(e)))};return yt(e,t)?pt(t).bind(function(t){return n(t.dom)?g.some(t.dom):g.none()}):n(t)?g.some(t):g.none()},It=function(t,e){t.notificationManager.open({text:e,type:"error"})},Tt=function(t){var e=t.selection.getNode(),n=t.dom.getParent(e,"figure.image");return null!==n&&yt(t,n)?pt(n):wt(t,e)?g.some(ct.fromDom(e)):g.none()},_t=function(t,e,n){var r=e.match(/(?:\/|^)(([^\/\?]+)\.(?:[a-z0-9.]+))(?:\?|$)/i);return h(r)?t.dom.encode(r[n]):null},Rt=function(t,e){var n=e.src;return 0===n.indexOf("data:")||0===n.indexOf("blob:")||new dt(n).host===t.documentBaseURI.host},Ut=function(t,e){return-1!==d.inArray(t.getParam("imagetools_cors_hosts",[],"string[]"),new dt(e.src).host)},At=function(t,e){if(Ut(t,e))return it(e.src,null,(n=t,r=e,-1!==d.inArray(n.getParam("imagetools_credentials_hosts",[],"string[]"),new dt(r.src).host)));var n,r,o;if(Rt(t,e))return D(e);var i=mt(t),u=i+(-1===i.indexOf("?")?"?":"&")+"url="+encodeURIComponent(e.src),a=(o=t).getParam("api_key",o.getParam("imagetools_api_key","","string"),"string");return it(u,a,!1)},xt=function(t,e){return n=t,g.from(n.getParam("imagetools_fetch_image",null,"function")).fold(function(){return At(t,e)},function(t){return t(e)});var n},Et=function(t,e){var n=t.editorUpload.blobCache.getByUri(e.src);return n?lt.resolve(n.blob()):xt(t,e)},Lt=function(t){st.clearTimeout(t.get())},jt=function(a,c,f,s,l,d,m){return f.toBlob().then(function(t){var e,n,o,r=a.editorUpload.blobCache,i=d.src,u=c.type===t.type;return a.getParam("images_reuse_filename",!1,"boolean")&&(o=r.getByUri(i),n=h(o)?(i=o.uri(),e=o.name(),o.filename()):(e=_t(a,i,2),_t(a,i,1))),o=r.create({id:"imagetools"+vt++,blob:t,base64:f.toBase64(),uri:i,name:e,filename:u?n:undefined}),r.add(o),a.undoManager.transact(function(){a.$(d).on("load",function r(){var t,e,n;a.$(d).off("load",r),a.nodeChanged(),s?a.editorUpload.uploadImagesAuto():(Lt(l),t=a,e=l,n=st.setEditorTimeout(t,function(){t.editorUpload.uploadImagesAuto()},t.getParam("images_upload_timeout",3e4,"number")),e.set(n))}),m&&a.$(d).attr({width:m.w,height:m.h}),a.$(d).attr({src:o.blobUri()}).removeAttr("data-mce-src")}),o})},kt=function(r,o,t,i){return function(){return Tt(r).fold(function(){It(r,"Could not find selected image")},function(n){return r._scanForImages().then(function(){return Et(r,n.dom)}).then(function(e){return ut(e).then(t).then(function(t){return jt(r,e,t,!1,o,n.dom,i)})})["catch"](function(t){It(r,t)})})}},Ct=function(e,n,r){return function(){var t=Tt(e).fold(function(){return null},function(t){var e=ht(t.dom);return e?{w:e.h,h:e.w}:null});return kt(e,n,function(t){return K(t,r)},t)()}},Ot=function(t,e,n){return function(){return kt(t,e,function(t){return J(t,n)})()}},Pt=function(e,n,u,a,c){return N(c).then(function(t){var e,n,r,o,i=gt(t);return a.w===i.w&&a.h===i.h||ht(u)&&(e=u,(n=i)&&(r=e.style.width,o=e.style.height,(r||o)&&(e.style.width=n.w+"px",e.style.height=n.h+"px",e.removeAttribute("data-mce-style")),r=e.width,o=e.height,(r||o)&&(e.setAttribute("width",String(n.w)),e.setAttribute("height",String(n.h))))),URL.revokeObjectURL(t.src),c}).then(ut).then(function(t){return jt(e,c,t,!0,n,u)})["catch"](function(){})},St=function(i,u){return function(){var r=Tt(i),o=r.map(function(t){return gt(t.dom)});r.each(function(e){bt(i,e.dom).each(function(t){Et(i,e.dom).then(function(t){var e,n={blob:e=t,url:URL.createObjectURL(e)};i.windowManager.open({title:"Edit Image",size:"large",body:{type:"panel",items:[{type:"imagetools",name:"imagetools",label:"Edit Image",currentState:n}]},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0,disabled:!0}],onSubmit:function(t){var n=t.getData().imagetools.blob;r.each(function(e){o.each(function(t){Pt(i,u,e.dom,t,n)})}),t.close()},onCancel:function(){},onAction:function(t,e){switch(e.name){case"save-state":e.value?t.enable("save"):t.disable("save");break;case"disable":t.disable("save"),t.disable("cancel");break;case"enable":t.enable("cancel")}}})})})})}};o.add("imagetools",function(t){var n,e,r,o,i,u,a,c,f=l(0),s=l(null);n=t,e=f,d.each({mceImageRotateLeft:Ct(n,e,-90),mceImageRotateRight:Ct(n,e,90),mceImageFlipVertical:Ot(n,e,"v"),mceImageFlipHorizontal:Ot(n,e,"h"),mceEditImage:St(n,e)},function(t,e){n.addCommand(e,t)}),o=function(t){return function(){return r.execCommand(t)}},(r=t).ui.registry.addButton("rotateleft",{tooltip:"Rotate counterclockwise",icon:"rotate-left",onAction:o("mceImageRotateLeft")}),r.ui.registry.addButton("rotateright",{tooltip:"Rotate clockwise",icon:"rotate-right",onAction:o("mceImageRotateRight")}),r.ui.registry.addButton("flipv",{tooltip:"Flip vertically",icon:"flip-vertically",onAction:o("mceImageFlipVertical")}),r.ui.registry.addButton("fliph",{tooltip:"Flip horizontally",icon:"flip-horizontally",onAction:o("mceImageFlipHorizontal")}),r.ui.registry.addButton("editimage",{tooltip:"Edit image",icon:"edit-image",onAction:o("mceEditImage"),onSetup:function(e){var t=function(){var t=Tt(r).forall(function(t){return bt(r,t.dom).isNone()});e.setDisabled(t)};return r.on("NodeChange",t),function(){r.off("NodeChange",t)}}}),r.ui.registry.addButton("imageoptions",{tooltip:"Image options",icon:"image",onAction:o("mceImage")}),r.ui.registry.addContextMenu("imagetools",{update:function(t){return bt(r,t).fold(function(){return[]},function(t){return[{text:"Edit image",icon:"edit-image",onAction:o("mceEditImage")}]})}}),(i=t).ui.registry.addContextToolbar("imagetools",{items:i.getParam("imagetools_toolbar","rotateleft rotateright flipv fliph editimage imageoptions"),predicate:function(t){return bt(i,t).isSome()},position:"node",scope:"node"}),a=f,c=s,(u=t).on("NodeChange",function(t){var e=c.get(),n=bt(u,t.element);e&&!n.exists(function(t){return e.src===t.src})&&(Lt(a),u.editorUpload.uploadImagesAuto(),c.set(null)),n.each(c.set)})})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/importcss/plugin.js b/src/assets/tinymce/plugins/importcss/plugin.js
new file mode 100644
index 00000000..10bec6ce
--- /dev/null
+++ b/src/assets/tinymce/plugins/importcss/plugin.js
@@ -0,0 +1,343 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.EditorManager');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var shouldMergeClasses = function (editor) {
+      return editor.getParam('importcss_merge_classes');
+    };
+    var shouldImportExclusive = function (editor) {
+      return editor.getParam('importcss_exclusive');
+    };
+    var getSelectorConverter = function (editor) {
+      return editor.getParam('importcss_selector_converter');
+    };
+    var getSelectorFilter = function (editor) {
+      return editor.getParam('importcss_selector_filter');
+    };
+    var getCssGroups = function (editor) {
+      return editor.getParam('importcss_groups');
+    };
+    var shouldAppend = function (editor) {
+      return editor.getParam('importcss_append');
+    };
+    var getFileFilter = function (editor) {
+      return editor.getParam('importcss_file_filter');
+    };
+    var getSkin = function (editor) {
+      var skin = editor.getParam('skin');
+      return skin !== false ? skin || 'oxide' : false;
+    };
+    var getSkinUrl = function (editor) {
+      return editor.getParam('skin_url');
+    };
+
+    var typeOf = function (x) {
+      var t = typeof x;
+      if (x === null) {
+        return 'null';
+      } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+        return 'array';
+      } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+        return 'string';
+      } else {
+        return t;
+      }
+    };
+    var isType = function (type) {
+      return function (value) {
+        return typeOf(value) === type;
+      };
+    };
+    var isArray = isType('array');
+
+    var nativePush = Array.prototype.push;
+    var map = function (xs, f) {
+      var len = xs.length;
+      var r = new Array(len);
+      for (var i = 0; i < len; i++) {
+        var x = xs[i];
+        r[i] = f(x, i);
+      }
+      return r;
+    };
+    var flatten = function (xs) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; ++i) {
+        if (!isArray(xs[i])) {
+          throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+        }
+        nativePush.apply(r, xs[i]);
+      }
+      return r;
+    };
+    var bind = function (xs, f) {
+      return flatten(map(xs, f));
+    };
+
+    var generate = function () {
+      var ungroupedOrder = [];
+      var groupOrder = [];
+      var groups = {};
+      var addItemToGroup = function (groupTitle, itemInfo) {
+        if (groups[groupTitle]) {
+          groups[groupTitle].push(itemInfo);
+        } else {
+          groupOrder.push(groupTitle);
+          groups[groupTitle] = [itemInfo];
+        }
+      };
+      var addItem = function (itemInfo) {
+        ungroupedOrder.push(itemInfo);
+      };
+      var toFormats = function () {
+        var groupItems = bind(groupOrder, function (g) {
+          var items = groups[g];
+          return items.length === 0 ? [] : [{
+              title: g,
+              items: items
+            }];
+        });
+        return groupItems.concat(ungroupedOrder);
+      };
+      return {
+        addItemToGroup: addItemToGroup,
+        addItem: addItem,
+        toFormats: toFormats
+      };
+    };
+
+    var removeCacheSuffix = function (url) {
+      var cacheSuffix = global$3.cacheSuffix;
+      if (typeof url === 'string') {
+        url = url.replace('?' + cacheSuffix, '').replace('&' + cacheSuffix, '');
+      }
+      return url;
+    };
+    var isSkinContentCss = function (editor, href) {
+      var skin = getSkin(editor);
+      if (skin) {
+        var skinUrlBase = getSkinUrl(editor);
+        var skinUrl = skinUrlBase ? editor.documentBaseURI.toAbsolute(skinUrlBase) : global$2.baseURL + '/skins/ui/' + skin;
+        var contentSkinUrlPart = global$2.baseURL + '/skins/content/';
+        return href === skinUrl + '/content' + (editor.inline ? '.inline' : '') + '.min.css' || href.indexOf(contentSkinUrlPart) !== -1;
+      }
+      return false;
+    };
+    var compileFilter = function (filter) {
+      if (typeof filter === 'string') {
+        return function (value) {
+          return value.indexOf(filter) !== -1;
+        };
+      } else if (filter instanceof RegExp) {
+        return function (value) {
+          return filter.test(value);
+        };
+      }
+      return filter;
+    };
+    var isCssImportRule = function (rule) {
+      return rule.styleSheet;
+    };
+    var isCssPageRule = function (rule) {
+      return rule.selectorText;
+    };
+    var getSelectors = function (editor, doc, fileFilter) {
+      var selectors = [], contentCSSUrls = {};
+      function append(styleSheet, imported) {
+        var href = styleSheet.href, rules;
+        href = removeCacheSuffix(href);
+        if (!href || !fileFilter(href, imported) || isSkinContentCss(editor, href)) {
+          return;
+        }
+        global$4.each(styleSheet.imports, function (styleSheet) {
+          append(styleSheet, true);
+        });
+        try {
+          rules = styleSheet.cssRules || styleSheet.rules;
+        } catch (e) {
+        }
+        global$4.each(rules, function (cssRule) {
+          if (isCssImportRule(cssRule)) {
+            append(cssRule.styleSheet, true);
+          } else if (isCssPageRule(cssRule)) {
+            global$4.each(cssRule.selectorText.split(','), function (selector) {
+              selectors.push(global$4.trim(selector));
+            });
+          }
+        });
+      }
+      global$4.each(editor.contentCSS, function (url) {
+        contentCSSUrls[url] = true;
+      });
+      if (!fileFilter) {
+        fileFilter = function (href, imported) {
+          return imported || contentCSSUrls[href];
+        };
+      }
+      try {
+        global$4.each(doc.styleSheets, function (styleSheet) {
+          append(styleSheet);
+        });
+      } catch (e) {
+      }
+      return selectors;
+    };
+    var defaultConvertSelectorToFormat = function (editor, selectorText) {
+      var format;
+      var selector = /^(?:([a-z0-9\-_]+))?(\.[a-z0-9_\-\.]+)$/i.exec(selectorText);
+      if (!selector) {
+        return;
+      }
+      var elementName = selector[1];
+      var classes = selector[2].substr(1).split('.').join(' ');
+      var inlineSelectorElements = global$4.makeMap('a,img');
+      if (selector[1]) {
+        format = { title: selectorText };
+        if (editor.schema.getTextBlockElements()[elementName]) {
+          format.block = elementName;
+        } else if (editor.schema.getBlockElements()[elementName] || inlineSelectorElements[elementName.toLowerCase()]) {
+          format.selector = elementName;
+        } else {
+          format.inline = elementName;
+        }
+      } else if (selector[2]) {
+        format = {
+          inline: 'span',
+          title: selectorText.substr(1),
+          classes: classes
+        };
+      }
+      if (shouldMergeClasses(editor) !== false) {
+        format.classes = classes;
+      } else {
+        format.attributes = { class: classes };
+      }
+      return format;
+    };
+    var getGroupsBySelector = function (groups, selector) {
+      return global$4.grep(groups, function (group) {
+        return !group.filter || group.filter(selector);
+      });
+    };
+    var compileUserDefinedGroups = function (groups) {
+      return global$4.map(groups, function (group) {
+        return global$4.extend({}, group, {
+          original: group,
+          selectors: {},
+          filter: compileFilter(group.filter),
+          item: {
+            text: group.title,
+            menu: []
+          }
+        });
+      });
+    };
+    var isExclusiveMode = function (editor, group) {
+      return group === null || shouldImportExclusive(editor) !== false;
+    };
+    var isUniqueSelector = function (editor, selector, group, globallyUniqueSelectors) {
+      return !(isExclusiveMode(editor, group) ? selector in globallyUniqueSelectors : selector in group.selectors);
+    };
+    var markUniqueSelector = function (editor, selector, group, globallyUniqueSelectors) {
+      if (isExclusiveMode(editor, group)) {
+        globallyUniqueSelectors[selector] = true;
+      } else {
+        group.selectors[selector] = true;
+      }
+    };
+    var convertSelectorToFormat = function (editor, plugin, selector, group) {
+      var selectorConverter;
+      if (group && group.selector_converter) {
+        selectorConverter = group.selector_converter;
+      } else if (getSelectorConverter(editor)) {
+        selectorConverter = getSelectorConverter(editor);
+      } else {
+        selectorConverter = function () {
+          return defaultConvertSelectorToFormat(editor, selector);
+        };
+      }
+      return selectorConverter.call(plugin, selector, group);
+    };
+    var setup = function (editor) {
+      editor.on('init', function (_e) {
+        var model = generate();
+        var globallyUniqueSelectors = {};
+        var selectorFilter = compileFilter(getSelectorFilter(editor));
+        var groups = compileUserDefinedGroups(getCssGroups(editor));
+        var processSelector = function (selector, group) {
+          if (isUniqueSelector(editor, selector, group, globallyUniqueSelectors)) {
+            markUniqueSelector(editor, selector, group, globallyUniqueSelectors);
+            var format = convertSelectorToFormat(editor, editor.plugins.importcss, selector, group);
+            if (format) {
+              var formatName = format.name || global$1.DOM.uniqueId();
+              editor.formatter.register(formatName, format);
+              return global$4.extend({}, {
+                title: format.title,
+                format: formatName
+              });
+            }
+          }
+          return null;
+        };
+        global$4.each(getSelectors(editor, editor.getDoc(), compileFilter(getFileFilter(editor))), function (selector) {
+          if (selector.indexOf('.mce-') === -1) {
+            if (!selectorFilter || selectorFilter(selector)) {
+              var selectorGroups = getGroupsBySelector(groups, selector);
+              if (selectorGroups.length > 0) {
+                global$4.each(selectorGroups, function (group) {
+                  var menuItem = processSelector(selector, group);
+                  if (menuItem) {
+                    model.addItemToGroup(group.title, menuItem);
+                  }
+                });
+              } else {
+                var menuItem = processSelector(selector, null);
+                if (menuItem) {
+                  model.addItem(menuItem);
+                }
+              }
+            }
+          }
+        });
+        var items = model.toFormats();
+        editor.fire('addStyleModifications', {
+          items: items,
+          replace: !shouldAppend(editor)
+        });
+      });
+    };
+
+    var get = function (editor) {
+      var convertSelectorToFormat = function (selectorText) {
+        return defaultConvertSelectorToFormat(editor, selectorText);
+      };
+      return { convertSelectorToFormat: convertSelectorToFormat };
+    };
+
+    function Plugin () {
+      global.add('importcss', function (editor) {
+        setup(editor);
+        return get(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/importcss/plugin.min.js b/src/assets/tinymce/plugins/importcss/plugin.min.js
new file mode 100644
index 00000000..1c9dab93
--- /dev/null
+++ b/src/assets/tinymce/plugins/importcss/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var n,t=tinymce.util.Tools.resolve("tinymce.PluginManager"),v=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),f=tinymce.util.Tools.resolve("tinymce.EditorManager"),m=tinymce.util.Tools.resolve("tinymce.Env"),h=tinymce.util.Tools.resolve("tinymce.util.Tools"),d=function(t){return t.getParam("importcss_selector_converter")},o=(n="array",function(t){return r=typeof(e=t),(null===e?"null":"object"==r&&(Array.prototype.isPrototypeOf(e)||e.constructor&&"Array"===e.constructor.name)?"array":"object"==r&&(String.prototype.isPrototypeOf(e)||e.constructor&&"String"===e.constructor.name)?"string":r)===n;var e,r}),i=Array.prototype.push,l=function(t,e){return function(t){for(var e=[],r=0,n=t.length;r<n;++r){if(!o(t[r]))throw new Error("Arr.flatten item "+r+" was not an array, input: "+t);i.apply(e,t[r])}return e}(function(t,e){for(var r=t.length,n=new Array(r),o=0;o<r;o++){var i=t[o];n[o]=e(i,o)}return n}(t,e))},p=function(e){return"string"==typeof e?function(t){return-1!==t.indexOf(e)}:e instanceof RegExp?function(t){return e.test(t)}:e},_=function(s,t,a){var u=[],r={};function l(t,e){var r,n,o,i=t.href;if(n=i,o=m.cacheSuffix,"string"==typeof n&&(n=n.replace("?"+o,"").replace("&"+o,"")),(i=n)&&a(i,e)&&!function(t,e){var r,n=!1!==(r=t.getParam("skin"))&&(r||"oxide");if(n){var o=t.getParam("skin_url"),i=o?t.documentBaseURI.toAbsolute(o):f.baseURL+"/skins/ui/"+n,c=f.baseURL+"/skins/content/";return e===i+"/content"+(t.inline?".inline":"")+".min.css"||-1!==e.indexOf(c)}return!1}(s,i)){h.each(t.imports,function(t){l(t,!0)});try{r=t.cssRules||t.rules}catch(c){}h.each(r,function(t){t.styleSheet?l(t.styleSheet,!0):t.selectorText&&h.each(t.selectorText.split(","),function(t){u.push(h.trim(t))})})}}h.each(s.contentCSS,function(t){r[t]=!0}),a=a||function(t,e){return e||r[t]};try{h.each(t.styleSheets,function(t){l(t)})}catch(e){}return u},x=function(t,e){var r,n=/^(?:([a-z0-9\-_]+))?(\.[a-z0-9_\-\.]+)$/i.exec(e);if(n){var o=n[1],i=n[2].substr(1).split(".").join(" "),c=h.makeMap("a,img");return n[1]?(r={title:e},t.schema.getTextBlockElements()[o]?r.block=o:t.schema.getBlockElements()[o]||c[o.toLowerCase()]?r.selector=o:r.inline=o):n[2]&&(r={inline:"span",title:e.substr(1),classes:i}),!1!==t.getParam("importcss_merge_classes")?r.classes=i:r.attributes={"class":i},r}},P=function(t,e){return null===e||!1!==t.getParam("importcss_exclusive")},r=function(y){y.on("init",function(t){var e,r,n,o,i=(e=[],r=[],n={},{addItemToGroup:function(t,e){n[t]?n[t].push(e):(r.push(t),n[t]=[e])},addItem:function(t){e.push(t)},toFormats:function(){return l(r,function(t){var e=n[t];return 0===e.length?[]:[{title:t,items:e}]}).concat(e)}}),g={},c=p(y.getParam("importcss_selector_filter")),s=(o=y.getParam("importcss_groups"),h.map(o,function(t){return h.extend({},t,{original:t,selectors:{},filter:p(t.filter),item:{text:t.title,menu:[]}})})),a=function(t,e){if(f=t,p=g,!(P(y,m=e)?f in p:f in m.selectors)){a=t,l=g,P(y,u=e)?l[a]=!0:u.selectors[a]=!0;var r=(i=(o=y).plugins.importcss,c=t,((s=e)&&s.selector_converter?s.selector_converter:d(o)?d(o):function(){return x(o,c)}).call(i,c,s));if(r){var n=r.name||v.DOM.uniqueId();return y.formatter.register(n,r),h.extend({},{title:r.title,format:n})}}var o,i,c,s,a,u,l,f,m,p;return null};h.each(_(y,y.getDoc(),p(y.getParam("importcss_file_filter"))),function(r){var t,e,n,o;-1===r.indexOf(".mce-")&&(c&&!c(r)||(n=s,o=r,0<(t=h.grep(n,function(t){return!t.filter||t.filter(o)})).length?h.each(t,function(t){var e=a(r,t);e&&i.addItemToGroup(t.title,e)}):(e=a(r,null))&&i.addItem(e)))});var u=i.toFormats();y.fire("addStyleModifications",{items:u,replace:!y.getParam("importcss_append")})})};t.add("importcss",function(t){return r(t),e=t,{convertSelectorToFormat:function(t){return x(e,t)}};var e})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/insertdatetime/plugin.js b/src/assets/tinymce/plugins/insertdatetime/plugin.js
new file mode 100644
index 00000000..b8ae4bc4
--- /dev/null
+++ b/src/assets/tinymce/plugins/insertdatetime/plugin.js
@@ -0,0 +1,177 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var getDateFormat = function (editor) {
+      return editor.getParam('insertdatetime_dateformat', editor.translate('%Y-%m-%d'));
+    };
+    var getTimeFormat = function (editor) {
+      return editor.getParam('insertdatetime_timeformat', editor.translate('%H:%M:%S'));
+    };
+    var getFormats = function (editor) {
+      return editor.getParam('insertdatetime_formats', [
+        '%H:%M:%S',
+        '%Y-%m-%d',
+        '%I:%M:%S %p',
+        '%D'
+      ]);
+    };
+    var getDefaultDateTime = function (editor) {
+      var formats = getFormats(editor);
+      return formats.length > 0 ? formats[0] : getTimeFormat(editor);
+    };
+    var shouldInsertTimeElement = function (editor) {
+      return editor.getParam('insertdatetime_element', false);
+    };
+
+    var daysShort = 'Sun Mon Tue Wed Thu Fri Sat Sun'.split(' ');
+    var daysLong = 'Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sunday'.split(' ');
+    var monthsShort = 'Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec'.split(' ');
+    var monthsLong = 'January February March April May June July August September October November December'.split(' ');
+    var addZeros = function (value, len) {
+      value = '' + value;
+      if (value.length < len) {
+        for (var i = 0; i < len - value.length; i++) {
+          value = '0' + value;
+        }
+      }
+      return value;
+    };
+    var getDateTime = function (editor, fmt, date) {
+      date = date || new Date();
+      fmt = fmt.replace('%D', '%m/%d/%Y');
+      fmt = fmt.replace('%r', '%I:%M:%S %p');
+      fmt = fmt.replace('%Y', '' + date.getFullYear());
+      fmt = fmt.replace('%y', '' + date.getYear());
+      fmt = fmt.replace('%m', addZeros(date.getMonth() + 1, 2));
+      fmt = fmt.replace('%d', addZeros(date.getDate(), 2));
+      fmt = fmt.replace('%H', '' + addZeros(date.getHours(), 2));
+      fmt = fmt.replace('%M', '' + addZeros(date.getMinutes(), 2));
+      fmt = fmt.replace('%S', '' + addZeros(date.getSeconds(), 2));
+      fmt = fmt.replace('%I', '' + ((date.getHours() + 11) % 12 + 1));
+      fmt = fmt.replace('%p', '' + (date.getHours() < 12 ? 'AM' : 'PM'));
+      fmt = fmt.replace('%B', '' + editor.translate(monthsLong[date.getMonth()]));
+      fmt = fmt.replace('%b', '' + editor.translate(monthsShort[date.getMonth()]));
+      fmt = fmt.replace('%A', '' + editor.translate(daysLong[date.getDay()]));
+      fmt = fmt.replace('%a', '' + editor.translate(daysShort[date.getDay()]));
+      fmt = fmt.replace('%%', '%');
+      return fmt;
+    };
+    var updateElement = function (editor, timeElm, computerTime, userTime) {
+      var newTimeElm = editor.dom.create('time', { datetime: computerTime }, userTime);
+      timeElm.parentNode.insertBefore(newTimeElm, timeElm);
+      editor.dom.remove(timeElm);
+      editor.selection.select(newTimeElm, true);
+      editor.selection.collapse(false);
+    };
+    var insertDateTime = function (editor, format) {
+      if (shouldInsertTimeElement(editor)) {
+        var userTime = getDateTime(editor, format);
+        var computerTime = void 0;
+        if (/%[HMSIp]/.test(format)) {
+          computerTime = getDateTime(editor, '%Y-%m-%dT%H:%M');
+        } else {
+          computerTime = getDateTime(editor, '%Y-%m-%d');
+        }
+        var timeElm = editor.dom.getParent(editor.selection.getStart(), 'time');
+        if (timeElm) {
+          updateElement(editor, timeElm, computerTime, userTime);
+        } else {
+          editor.insertContent('<time datetime="' + computerTime + '">' + userTime + '</time>');
+        }
+      } else {
+        editor.insertContent(getDateTime(editor, format));
+      }
+    };
+
+    var register = function (editor) {
+      editor.addCommand('mceInsertDate', function () {
+        insertDateTime(editor, getDateFormat(editor));
+      });
+      editor.addCommand('mceInsertTime', function () {
+        insertDateTime(editor, getTimeFormat(editor));
+      });
+    };
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var register$1 = function (editor) {
+      var formats = getFormats(editor);
+      var defaultFormat = Cell(getDefaultDateTime(editor));
+      editor.ui.registry.addSplitButton('insertdatetime', {
+        icon: 'insert-time',
+        tooltip: 'Insert date/time',
+        select: function (value) {
+          return value === defaultFormat.get();
+        },
+        fetch: function (done) {
+          done(global$1.map(formats, function (format) {
+            return {
+              type: 'choiceitem',
+              text: getDateTime(editor, format),
+              value: format
+            };
+          }));
+        },
+        onAction: function (_api) {
+          insertDateTime(editor, defaultFormat.get());
+        },
+        onItemAction: function (_api, value) {
+          defaultFormat.set(value);
+          insertDateTime(editor, value);
+        }
+      });
+      var makeMenuItemHandler = function (format) {
+        return function () {
+          defaultFormat.set(format);
+          insertDateTime(editor, format);
+        };
+      };
+      editor.ui.registry.addNestedMenuItem('insertdatetime', {
+        icon: 'insert-time',
+        text: 'Date/time',
+        getSubmenuItems: function () {
+          return global$1.map(formats, function (format) {
+            return {
+              type: 'menuitem',
+              text: getDateTime(editor, format),
+              onAction: makeMenuItemHandler(format)
+            };
+          });
+        }
+      });
+    };
+
+    function Plugin () {
+      global.add('insertdatetime', function (editor) {
+        register(editor);
+        register$1(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/insertdatetime/plugin.min.js b/src/assets/tinymce/plugins/insertdatetime/plugin.min.js
new file mode 100644
index 00000000..478f4a30
--- /dev/null
+++ b/src/assets/tinymce/plugins/insertdatetime/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),u=function(e){return e.getParam("insertdatetime_timeformat",e.translate("%H:%M:%S"))},c=function(e){return e.getParam("insertdatetime_formats",["%H:%M:%S","%Y-%m-%d","%I:%M:%S %p","%D"])},r="Sun Mon Tue Wed Thu Fri Sat Sun".split(" "),a="Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sunday".split(" "),i="Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "),o="January February March April May June July August September October November December".split(" "),m=function(e,t){if((e=""+e).length<t)for(var n=0;n<t-e.length;n++)e="0"+e;return e},s=function(e,t,n){return n=n||new Date,t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=t.replace("%D","%m/%d/%Y")).replace("%r","%I:%M:%S %p")).replace("%Y",""+n.getFullYear())).replace("%y",""+n.getYear())).replace("%m",m(n.getMonth()+1,2))).replace("%d",m(n.getDate(),2))).replace("%H",""+m(n.getHours(),2))).replace("%M",""+m(n.getMinutes(),2))).replace("%S",""+m(n.getSeconds(),2))).replace("%I",""+((n.getHours()+11)%12+1))).replace("%p",n.getHours()<12?"AM":"PM")).replace("%B",""+e.translate(o[n.getMonth()]))).replace("%b",""+e.translate(i[n.getMonth()]))).replace("%A",""+e.translate(a[n.getDay()]))).replace("%a",""+e.translate(r[n.getDay()]))).replace("%%","%")},l=function(e,t){var n,r,a,i,o,u,c,m;e.getParam("insertdatetime_element",!1)?(n=s(e,t),r=void 0,r=/%[HMSIp]/.test(t)?s(e,"%Y-%m-%dT%H:%M"):s(e,"%Y-%m-%d"),(a=e.dom.getParent(e.selection.getStart(),"time"))?(o=a,u=r,c=n,m=(i=e).dom.create("time",{datetime:u},c),o.parentNode.insertBefore(m,o),i.dom.remove(o),i.selection.select(m,!0),i.selection.collapse(!1)):e.insertContent('<time datetime="'+r+'">'+n+"</time>")):e.insertContent(s(e,t))},t=function(t){t.addCommand("mceInsertDate",function(){var e;l(t,(e=t).getParam("insertdatetime_dateformat",e.translate("%Y-%m-%d")))}),t.addCommand("mceInsertTime",function(){l(t,u(t))})},d=tinymce.util.Tools.resolve("tinymce.util.Tools"),n=function(n){var e,t,r,a,i=c(n),o=(a=c(r=n),e=0<a.length?a[0]:u(r),t=e,{get:function(){return t},set:function(e){t=e}});n.ui.registry.addSplitButton("insertdatetime",{icon:"insert-time",tooltip:"Insert date/time",select:function(e){return e===o.get()},fetch:function(e){e(d.map(i,function(e){return{type:"choiceitem",text:s(n,e),value:e}}))},onAction:function(e){l(n,o.get())},onItemAction:function(e,t){o.set(t),l(n,t)}});n.ui.registry.addNestedMenuItem("insertdatetime",{icon:"insert-time",text:"Date/time",getSubmenuItems:function(){return d.map(i,function(e){return{type:"menuitem",text:s(n,e),onAction:(t=e,function(){o.set(t),l(n,t)})};var t})}})};e.add("insertdatetime",function(e){t(e),n(e)})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/legacyoutput/plugin.js b/src/assets/tinymce/plugins/legacyoutput/plugin.js
new file mode 100644
index 00000000..d96f337f
--- /dev/null
+++ b/src/assets/tinymce/plugins/legacyoutput/plugin.js
@@ -0,0 +1,199 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var getFontSizeFormats = function (editor) {
+      return editor.getParam('fontsize_formats');
+    };
+    var setFontSizeFormats = function (editor, fontsize_formats) {
+      editor.settings.fontsize_formats = fontsize_formats;
+    };
+    var getFontFormats = function (editor) {
+      return editor.getParam('font_formats');
+    };
+    var setFontFormats = function (editor, font_formats) {
+      editor.settings.font_formats = font_formats;
+    };
+    var getFontSizeStyleValues = function (editor) {
+      return editor.getParam('font_size_style_values', 'xx-small,x-small,small,medium,large,x-large,xx-large');
+    };
+    var setInlineStyles = function (editor, inline_styles) {
+      editor.settings.inline_styles = inline_styles;
+    };
+
+    var overrideFormats = function (editor) {
+      var alignElements = 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table', fontSizes = global$1.explode(getFontSizeStyleValues(editor)), schema = editor.schema;
+      editor.formatter.register({
+        alignleft: {
+          selector: alignElements,
+          attributes: { align: 'left' }
+        },
+        aligncenter: {
+          selector: alignElements,
+          attributes: { align: 'center' }
+        },
+        alignright: {
+          selector: alignElements,
+          attributes: { align: 'right' }
+        },
+        alignjustify: {
+          selector: alignElements,
+          attributes: { align: 'justify' }
+        },
+        bold: [
+          {
+            inline: 'b',
+            remove: 'all',
+            preserve_attributes: [
+              'class',
+              'style'
+            ]
+          },
+          {
+            inline: 'strong',
+            remove: 'all',
+            preserve_attributes: [
+              'class',
+              'style'
+            ]
+          },
+          {
+            inline: 'span',
+            styles: { fontWeight: 'bold' }
+          }
+        ],
+        italic: [
+          {
+            inline: 'i',
+            remove: 'all',
+            preserve_attributes: [
+              'class',
+              'style'
+            ]
+          },
+          {
+            inline: 'em',
+            remove: 'all',
+            preserve_attributes: [
+              'class',
+              'style'
+            ]
+          },
+          {
+            inline: 'span',
+            styles: { fontStyle: 'italic' }
+          }
+        ],
+        underline: [
+          {
+            inline: 'u',
+            remove: 'all',
+            preserve_attributes: [
+              'class',
+              'style'
+            ]
+          },
+          {
+            inline: 'span',
+            styles: { textDecoration: 'underline' },
+            exact: true
+          }
+        ],
+        strikethrough: [
+          {
+            inline: 'strike',
+            remove: 'all',
+            preserve_attributes: [
+              'class',
+              'style'
+            ]
+          },
+          {
+            inline: 'span',
+            styles: { textDecoration: 'line-through' },
+            exact: true
+          }
+        ],
+        fontname: {
+          inline: 'font',
+          toggle: false,
+          attributes: { face: '%value' }
+        },
+        fontsize: {
+          inline: 'font',
+          toggle: false,
+          attributes: {
+            size: function (vars) {
+              return String(global$1.inArray(fontSizes, vars.value) + 1);
+            }
+          }
+        },
+        forecolor: {
+          inline: 'font',
+          attributes: { color: '%value' },
+          links: true,
+          remove_similar: true,
+          clear_child_styles: true
+        },
+        hilitecolor: {
+          inline: 'font',
+          styles: { backgroundColor: '%value' },
+          links: true,
+          remove_similar: true,
+          clear_child_styles: true
+        }
+      });
+      global$1.each('b,i,u,strike'.split(','), function (name) {
+        schema.addValidElements(name + '[*]');
+      });
+      if (!schema.getElementRule('font')) {
+        schema.addValidElements('font[face|size|color|style]');
+      }
+      global$1.each(alignElements.split(','), function (name) {
+        var rule = schema.getElementRule(name);
+        if (rule) {
+          if (!rule.attributes.align) {
+            rule.attributes.align = {};
+            rule.attributesOrder.push('align');
+          }
+        }
+      });
+    };
+    var overrideSettings = function (editor) {
+      var defaultFontsizeFormats = '8pt=1 10pt=2 12pt=3 14pt=4 18pt=5 24pt=6 36pt=7';
+      var defaultFontsFormats = 'Andale Mono=andale mono,monospace;' + 'Arial=arial,helvetica,sans-serif;' + 'Arial Black=arial black,sans-serif;' + 'Book Antiqua=book antiqua,palatino,serif;' + 'Comic Sans MS=comic sans ms,sans-serif;' + 'Courier New=courier new,courier,monospace;' + 'Georgia=georgia,palatino,serif;' + 'Helvetica=helvetica,arial,sans-serif;' + 'Impact=impact,sans-serif;' + 'Symbol=symbol;' + 'Tahoma=tahoma,arial,helvetica,sans-serif;' + 'Terminal=terminal,monaco,monospace;' + 'Times New Roman=times new roman,times,serif;' + 'Trebuchet MS=trebuchet ms,geneva,sans-serif;' + 'Verdana=verdana,geneva,sans-serif;' + 'Webdings=webdings;' + 'Wingdings=wingdings,zapf dingbats';
+      setInlineStyles(editor, false);
+      if (!getFontSizeFormats(editor)) {
+        setFontSizeFormats(editor, defaultFontsizeFormats);
+      }
+      if (!getFontFormats(editor)) {
+        setFontFormats(editor, defaultFontsFormats);
+      }
+    };
+    var setup = function (editor) {
+      overrideSettings(editor);
+      editor.on('PreInit', function () {
+        return overrideFormats(editor);
+      });
+    };
+
+    function Plugin () {
+      global.add('legacyoutput', function (editor) {
+        setup(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/legacyoutput/plugin.min.js b/src/assets/tinymce/plugins/legacyoutput/plugin.min.js
new file mode 100644
index 00000000..c2b04c1e
--- /dev/null
+++ b/src/assets/tinymce/plugins/legacyoutput/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),l=tinymce.util.Tools.resolve("tinymce.util.Tools"),t=function(s){var e,t,i,a;t=!1,(e=s).settings.inline_styles=t,e.getParam("fontsize_formats")||(i="8pt=1 10pt=2 12pt=3 14pt=4 18pt=5 24pt=6 36pt=7",e.settings.fontsize_formats=i),e.getParam("font_formats")||(a="Andale Mono=andale mono,monospace;Arial=arial,helvetica,sans-serif;Arial Black=arial black,sans-serif;Book Antiqua=book antiqua,palatino,serif;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier,monospace;Georgia=georgia,palatino,serif;Helvetica=helvetica,arial,sans-serif;Impact=impact,sans-serif;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco,monospace;Times New Roman=times new roman,times,serif;Trebuchet MS=trebuchet ms,geneva,sans-serif;Verdana=verdana,geneva,sans-serif;Webdings=webdings;Wingdings=wingdings,zapf dingbats",e.settings.font_formats=a),s.on("PreInit",function(){return e=s,t="p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table",i=l.explode(e.getParam("font_size_style_values","xx-small,x-small,small,medium,large,x-large,xx-large")),a=e.schema,e.formatter.register({alignleft:{selector:t,attributes:{align:"left"}},aligncenter:{selector:t,attributes:{align:"center"}},alignright:{selector:t,attributes:{align:"right"}},alignjustify:{selector:t,attributes:{align:"justify"}},bold:[{inline:"b",remove:"all",preserve_attributes:["class","style"]},{inline:"strong",remove:"all",preserve_attributes:["class","style"]},{inline:"span",styles:{fontWeight:"bold"}}],italic:[{inline:"i",remove:"all",preserve_attributes:["class","style"]},{inline:"em",remove:"all",preserve_attributes:["class","style"]},{inline:"span",styles:{fontStyle:"italic"}}],underline:[{inline:"u",remove:"all",preserve_attributes:["class","style"]},{inline:"span",styles:{textDecoration:"underline"},exact:!0}],strikethrough:[{inline:"strike",remove:"all",preserve_attributes:["class","style"]},{inline:"span",styles:{textDecoration:"line-through"},exact:!0}],fontname:{inline:"font",toggle:!1,attributes:{face:"%value"}},fontsize:{inline:"font",toggle:!1,attributes:{size:function(e){return String(l.inArray(i,e.value)+1)}}},forecolor:{inline:"font",attributes:{color:"%value"},links:!0,remove_similar:!0,clear_child_styles:!0},hilitecolor:{inline:"font",styles:{backgroundColor:"%value"},links:!0,remove_similar:!0,clear_child_styles:!0}}),l.each("b,i,u,strike".split(","),function(e){a.addValidElements(e+"[*]")}),a.getElementRule("font")||a.addValidElements("font[face|size|color|style]"),void l.each(t.split(","),function(e){var t=a.getElementRule(e);t&&(t.attributes.align||(t.attributes.align={},t.attributesOrder.push("align")))});var e,t,i,a})};e.add("legacyoutput",function(e){t(e)})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/link/plugin.js b/src/assets/tinymce/plugins/link/plugin.js
new file mode 100644
index 00000000..a5cc018d
--- /dev/null
+++ b/src/assets/tinymce/plugins/link/plugin.js
@@ -0,0 +1,1290 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    var typeOf = function (x) {
+      var t = typeof x;
+      if (x === null) {
+        return 'null';
+      } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+        return 'array';
+      } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+        return 'string';
+      } else {
+        return t;
+      }
+    };
+    var isType = function (type) {
+      return function (value) {
+        return typeOf(value) === type;
+      };
+    };
+    var isSimpleType = function (type) {
+      return function (value) {
+        return typeof value === type;
+      };
+    };
+    var eq = function (t) {
+      return function (a) {
+        return t === a;
+      };
+    };
+    var isString = isType('string');
+    var isArray = isType('array');
+    var isNull = eq(null);
+    var isBoolean = isSimpleType('boolean');
+    var isFunction = isSimpleType('function');
+
+    var assumeExternalTargets = function (editor) {
+      var externalTargets = editor.getParam('link_assume_external_targets', false);
+      if (isBoolean(externalTargets) && externalTargets) {
+        return 1;
+      } else if (isString(externalTargets) && (externalTargets === 'http' || externalTargets === 'https')) {
+        return externalTargets;
+      }
+      return 0;
+    };
+    var hasContextToolbar = function (editor) {
+      return editor.getParam('link_context_toolbar', false, 'boolean');
+    };
+    var getLinkList = function (editor) {
+      return editor.getParam('link_list');
+    };
+    var getDefaultLinkTarget = function (editor) {
+      return editor.getParam('default_link_target');
+    };
+    var getTargetList = function (editor) {
+      return editor.getParam('target_list', true);
+    };
+    var getRelList = function (editor) {
+      return editor.getParam('rel_list', [], 'array');
+    };
+    var getLinkClassList = function (editor) {
+      return editor.getParam('link_class_list', [], 'array');
+    };
+    var shouldShowLinkTitle = function (editor) {
+      return editor.getParam('link_title', true, 'boolean');
+    };
+    var allowUnsafeLinkTarget = function (editor) {
+      return editor.getParam('allow_unsafe_link_target', false, 'boolean');
+    };
+    var useQuickLink = function (editor) {
+      return editor.getParam('link_quicklink', false, 'boolean');
+    };
+    var getDefaultLinkProtocol = function (editor) {
+      return editor.getParam('link_default_protocol', 'http', 'string');
+    };
+
+    var noop = function () {
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var nativeIndexOf = Array.prototype.indexOf;
+    var nativePush = Array.prototype.push;
+    var rawIndexOf = function (ts, t) {
+      return nativeIndexOf.call(ts, t);
+    };
+    var contains = function (xs, x) {
+      return rawIndexOf(xs, x) > -1;
+    };
+    var map = function (xs, f) {
+      var len = xs.length;
+      var r = new Array(len);
+      for (var i = 0; i < len; i++) {
+        var x = xs[i];
+        r[i] = f(x, i);
+      }
+      return r;
+    };
+    var each = function (xs, f) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var foldl = function (xs, f, acc) {
+      each(xs, function (x) {
+        acc = f(acc, x);
+      });
+      return acc;
+    };
+    var flatten = function (xs) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; ++i) {
+        if (!isArray(xs[i])) {
+          throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+        }
+        nativePush.apply(r, xs[i]);
+      }
+      return r;
+    };
+    var bind = function (xs, f) {
+      return flatten(map(xs, f));
+    };
+    var findMap = function (arr, f) {
+      for (var i = 0; i < arr.length; i++) {
+        var r = f(arr[i], i);
+        if (r.isSome()) {
+          return r;
+        }
+      }
+      return Optional.none();
+    };
+
+    var cat = function (arr) {
+      var r = [];
+      var push = function (x) {
+        r.push(x);
+      };
+      for (var i = 0; i < arr.length; i++) {
+        arr[i].each(push);
+      }
+      return r;
+    };
+    var someIf = function (b, a) {
+      return b ? Optional.some(a) : Optional.none();
+    };
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var getValue = function (item) {
+      return isString(item.value) ? item.value : '';
+    };
+    var getText = function (item) {
+      if (isString(item.text)) {
+        return item.text;
+      } else if (isString(item.title)) {
+        return item.title;
+      } else {
+        return '';
+      }
+    };
+    var sanitizeList = function (list, extractValue) {
+      var out = [];
+      global$2.each(list, function (item) {
+        var text = getText(item);
+        if (item.menu !== undefined) {
+          var items = sanitizeList(item.menu, extractValue);
+          out.push({
+            text: text,
+            items: items
+          });
+        } else {
+          var value = extractValue(item);
+          out.push({
+            text: text,
+            value: value
+          });
+        }
+      });
+      return out;
+    };
+    var sanitizeWith = function (extracter) {
+      if (extracter === void 0) {
+        extracter = getValue;
+      }
+      return function (list) {
+        return Optional.from(list).map(function (list) {
+          return sanitizeList(list, extracter);
+        });
+      };
+    };
+    var sanitize = function (list) {
+      return sanitizeWith(getValue)(list);
+    };
+    var createUi = function (name, label) {
+      return function (items) {
+        return {
+          name: name,
+          type: 'listbox',
+          label: label,
+          items: items
+        };
+      };
+    };
+    var ListOptions = {
+      sanitize: sanitize,
+      sanitizeWith: sanitizeWith,
+      createUi: createUi,
+      getValue: getValue
+    };
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p))
+              t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+
+    var keys = Object.keys;
+    var hasOwnProperty = Object.hasOwnProperty;
+    var each$1 = function (obj, f) {
+      var props = keys(obj);
+      for (var k = 0, len = props.length; k < len; k++) {
+        var i = props[k];
+        var x = obj[i];
+        f(x, i);
+      }
+    };
+    var objAcc = function (r) {
+      return function (x, i) {
+        r[i] = x;
+      };
+    };
+    var internalFilter = function (obj, pred, onTrue, onFalse) {
+      var r = {};
+      each$1(obj, function (x, i) {
+        (pred(x, i) ? onTrue : onFalse)(x, i);
+      });
+      return r;
+    };
+    var filter = function (obj, pred) {
+      var t = {};
+      internalFilter(obj, pred, objAcc(t), noop);
+      return t;
+    };
+    var has = function (obj, key) {
+      return hasOwnProperty.call(obj, key);
+    };
+    var hasNonNullableKey = function (obj, key) {
+      return has(obj, key) && obj[key] !== undefined && obj[key] !== null;
+    };
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.dom.TreeWalker');
+
+    var isAnchor = function (elm) {
+      return elm && elm.nodeName.toLowerCase() === 'a';
+    };
+    var isLink = function (elm) {
+      return isAnchor(elm) && !!getHref(elm);
+    };
+    var collectNodesInRange = function (rng, predicate) {
+      if (rng.collapsed) {
+        return [];
+      } else {
+        var contents = rng.cloneContents();
+        var walker = new global$3(contents.firstChild, contents);
+        var elements = [];
+        var current = contents.firstChild;
+        do {
+          if (predicate(current)) {
+            elements.push(current);
+          }
+        } while (current = walker.next());
+        return elements;
+      }
+    };
+    var hasProtocol = function (url) {
+      return /^\w+:/i.test(url);
+    };
+    var getHref = function (elm) {
+      var href = elm.getAttribute('data-mce-href');
+      return href ? href : elm.getAttribute('href');
+    };
+    var applyRelTargetRules = function (rel, isUnsafe) {
+      var rules = ['noopener'];
+      var rels = rel ? rel.split(/\s+/) : [];
+      var toString = function (rels) {
+        return global$2.trim(rels.sort().join(' '));
+      };
+      var addTargetRules = function (rels) {
+        rels = removeTargetRules(rels);
+        return rels.length > 0 ? rels.concat(rules) : rules;
+      };
+      var removeTargetRules = function (rels) {
+        return rels.filter(function (val) {
+          return global$2.inArray(rules, val) === -1;
+        });
+      };
+      var newRels = isUnsafe ? addTargetRules(rels) : removeTargetRules(rels);
+      return newRels.length > 0 ? toString(newRels) : '';
+    };
+    var trimCaretContainers = function (text) {
+      return text.replace(/\uFEFF/g, '');
+    };
+    var getAnchorElement = function (editor, selectedElm) {
+      selectedElm = selectedElm || editor.selection.getNode();
+      if (isImageFigure(selectedElm)) {
+        return editor.dom.select('a[href]', selectedElm)[0];
+      } else {
+        return editor.dom.getParent(selectedElm, 'a[href]');
+      }
+    };
+    var getAnchorText = function (selection, anchorElm) {
+      var text = anchorElm ? anchorElm.innerText || anchorElm.textContent : selection.getContent({ format: 'text' });
+      return trimCaretContainers(text);
+    };
+    var hasLinks = function (elements) {
+      return global$2.grep(elements, isLink).length > 0;
+    };
+    var hasLinksInSelection = function (rng) {
+      return collectNodesInRange(rng, isLink).length > 0;
+    };
+    var isOnlyTextSelected = function (editor) {
+      var inlineTextElements = editor.schema.getTextInlineElements();
+      var isElement = function (elm) {
+        return elm.nodeType === 1 && !isAnchor(elm) && !has(inlineTextElements, elm.nodeName.toLowerCase());
+      };
+      var elements = collectNodesInRange(editor.selection.getRng(), isElement);
+      return elements.length === 0;
+    };
+    var isImageFigure = function (elm) {
+      return elm && elm.nodeName === 'FIGURE' && /\bimage\b/i.test(elm.className);
+    };
+    var getLinkAttrs = function (data) {
+      return foldl([
+        'title',
+        'rel',
+        'class',
+        'target'
+      ], function (acc, key) {
+        data[key].each(function (value) {
+          acc[key] = value.length > 0 ? value : null;
+        });
+        return acc;
+      }, { href: data.href });
+    };
+    var handleExternalTargets = function (href, assumeExternalTargets) {
+      if ((assumeExternalTargets === 'http' || assumeExternalTargets === 'https') && !hasProtocol(href)) {
+        return assumeExternalTargets + '://' + href;
+      }
+      return href;
+    };
+    var applyLinkOverrides = function (editor, linkAttrs) {
+      var newLinkAttrs = __assign({}, linkAttrs);
+      if (!(getRelList(editor).length > 0) && allowUnsafeLinkTarget(editor) === false) {
+        var newRel = applyRelTargetRules(newLinkAttrs.rel, newLinkAttrs.target === '_blank');
+        newLinkAttrs.rel = newRel ? newRel : null;
+      }
+      if (Optional.from(newLinkAttrs.target).isNone() && getTargetList(editor) === false) {
+        newLinkAttrs.target = getDefaultLinkTarget(editor);
+      }
+      newLinkAttrs.href = handleExternalTargets(newLinkAttrs.href, assumeExternalTargets(editor));
+      return newLinkAttrs;
+    };
+    var updateLink = function (editor, anchorElm, text, linkAttrs) {
+      text.each(function (text) {
+        if (anchorElm.hasOwnProperty('innerText')) {
+          anchorElm.innerText = text;
+        } else {
+          anchorElm.textContent = text;
+        }
+      });
+      editor.dom.setAttribs(anchorElm, linkAttrs);
+      editor.selection.select(anchorElm);
+    };
+    var createLink = function (editor, selectedElm, text, linkAttrs) {
+      if (isImageFigure(selectedElm)) {
+        linkImageFigure(editor, selectedElm, linkAttrs);
+      } else {
+        text.fold(function () {
+          editor.execCommand('mceInsertLink', false, linkAttrs);
+        }, function (text) {
+          editor.insertContent(editor.dom.createHTML('a', linkAttrs, editor.dom.encode(text)));
+        });
+      }
+    };
+    var linkDomMutation = function (editor, attachState, data) {
+      var selectedElm = editor.selection.getNode();
+      var anchorElm = getAnchorElement(editor, selectedElm);
+      var linkAttrs = applyLinkOverrides(editor, getLinkAttrs(data));
+      editor.undoManager.transact(function () {
+        if (data.href === attachState.href) {
+          attachState.attach();
+        }
+        if (anchorElm) {
+          editor.focus();
+          updateLink(editor, anchorElm, data.text, linkAttrs);
+        } else {
+          createLink(editor, selectedElm, data.text, linkAttrs);
+        }
+      });
+    };
+    var unlinkSelection = function (editor) {
+      var dom = editor.dom, selection = editor.selection;
+      var bookmark = selection.getBookmark();
+      var rng = selection.getRng().cloneRange();
+      var startAnchorElm = dom.getParent(rng.startContainer, 'a[href]', editor.getBody());
+      var endAnchorElm = dom.getParent(rng.endContainer, 'a[href]', editor.getBody());
+      if (startAnchorElm) {
+        rng.setStartBefore(startAnchorElm);
+      }
+      if (endAnchorElm) {
+        rng.setEndAfter(endAnchorElm);
+      }
+      selection.setRng(rng);
+      editor.execCommand('unlink');
+      selection.moveToBookmark(bookmark);
+    };
+    var unlinkDomMutation = function (editor) {
+      editor.undoManager.transact(function () {
+        var node = editor.selection.getNode();
+        if (isImageFigure(node)) {
+          unlinkImageFigure(editor, node);
+        } else {
+          unlinkSelection(editor);
+        }
+        editor.focus();
+      });
+    };
+    var unwrapOptions = function (data) {
+      var cls = data.class, href = data.href, rel = data.rel, target = data.target, text = data.text, title = data.title;
+      return filter({
+        class: cls.getOrNull(),
+        href: href,
+        rel: rel.getOrNull(),
+        target: target.getOrNull(),
+        text: text.getOrNull(),
+        title: title.getOrNull()
+      }, function (v, _k) {
+        return isNull(v) === false;
+      });
+    };
+    var link = function (editor, attachState, data) {
+      editor.hasPlugin('rtc', true) ? editor.execCommand('createlink', false, unwrapOptions(data)) : linkDomMutation(editor, attachState, data);
+    };
+    var unlink = function (editor) {
+      editor.hasPlugin('rtc', true) ? editor.execCommand('unlink') : unlinkDomMutation(editor);
+    };
+    var unlinkImageFigure = function (editor, fig) {
+      var img = editor.dom.select('img', fig)[0];
+      if (img) {
+        var a = editor.dom.getParents(img, 'a[href]', fig)[0];
+        if (a) {
+          a.parentNode.insertBefore(img, a);
+          editor.dom.remove(a);
+        }
+      }
+    };
+    var linkImageFigure = function (editor, fig, attrs) {
+      var img = editor.dom.select('img', fig)[0];
+      if (img) {
+        var a = editor.dom.create('a', attrs);
+        img.parentNode.insertBefore(a, img);
+        a.appendChild(img);
+      }
+    };
+
+    var isListGroup = function (item) {
+      return hasNonNullableKey(item, 'items');
+    };
+    var findTextByValue = function (value, catalog) {
+      return findMap(catalog, function (item) {
+        if (isListGroup(item)) {
+          return findTextByValue(value, item.items);
+        } else {
+          return someIf(item.value === value, item);
+        }
+      });
+    };
+    var getDelta = function (persistentText, fieldName, catalog, data) {
+      var value = data[fieldName];
+      var hasPersistentText = persistentText.length > 0;
+      return value !== undefined ? findTextByValue(value, catalog).map(function (i) {
+        return {
+          url: {
+            value: i.value,
+            meta: {
+              text: hasPersistentText ? persistentText : i.text,
+              attach: noop
+            }
+          },
+          text: hasPersistentText ? persistentText : i.text
+        };
+      }) : Optional.none();
+    };
+    var findCatalog = function (catalogs, fieldName) {
+      if (fieldName === 'link') {
+        return catalogs.link;
+      } else if (fieldName === 'anchor') {
+        return catalogs.anchor;
+      } else {
+        return Optional.none();
+      }
+    };
+    var init = function (initialData, linkCatalog) {
+      var persistentData = {
+        text: initialData.text,
+        title: initialData.title
+      };
+      var getTitleFromUrlChange = function (url) {
+        return someIf(persistentData.title.length <= 0, Optional.from(url.meta.title).getOr(''));
+      };
+      var getTextFromUrlChange = function (url) {
+        return someIf(persistentData.text.length <= 0, Optional.from(url.meta.text).getOr(url.value));
+      };
+      var onUrlChange = function (data) {
+        var text = getTextFromUrlChange(data.url);
+        var title = getTitleFromUrlChange(data.url);
+        if (text.isSome() || title.isSome()) {
+          return Optional.some(__assign(__assign({}, text.map(function (text) {
+            return { text: text };
+          }).getOr({})), title.map(function (title) {
+            return { title: title };
+          }).getOr({})));
+        } else {
+          return Optional.none();
+        }
+      };
+      var onCatalogChange = function (data, change) {
+        var catalog = findCatalog(linkCatalog, change.name).getOr([]);
+        return getDelta(persistentData.text, change.name, catalog, data);
+      };
+      var onChange = function (getData, change) {
+        var name = change.name;
+        if (name === 'url') {
+          return onUrlChange(getData());
+        } else if (contains([
+            'anchor',
+            'link'
+          ], name)) {
+          return onCatalogChange(getData(), change);
+        } else if (name === 'text' || name === 'title') {
+          persistentData[name] = getData()[name];
+          return Optional.none();
+        } else {
+          return Optional.none();
+        }
+      };
+      return { onChange: onChange };
+    };
+    var DialogChanges = {
+      init: init,
+      getDelta: getDelta
+    };
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var global$5 = tinymce.util.Tools.resolve('tinymce.util.Promise');
+
+    var delayedConfirm = function (editor, message, callback) {
+      var rng = editor.selection.getRng();
+      global$4.setEditorTimeout(editor, function () {
+        editor.windowManager.confirm(message, function (state) {
+          editor.selection.setRng(rng);
+          callback(state);
+        });
+      });
+    };
+    var tryEmailTransform = function (data) {
+      var url = data.href;
+      var suggestMailTo = url.indexOf('@') > 0 && url.indexOf('/') === -1 && url.indexOf('mailto:') === -1;
+      return suggestMailTo ? Optional.some({
+        message: 'The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?',
+        preprocess: function (oldData) {
+          return __assign(__assign({}, oldData), { href: 'mailto:' + url });
+        }
+      }) : Optional.none();
+    };
+    var tryProtocolTransform = function (assumeExternalTargets, defaultLinkProtocol) {
+      return function (data) {
+        var url = data.href;
+        var suggestProtocol = assumeExternalTargets === 1 && !hasProtocol(url) || assumeExternalTargets === 0 && /^\s*www(\.|\d\.)/i.test(url);
+        return suggestProtocol ? Optional.some({
+          message: 'The URL you entered seems to be an external link. Do you want to add the required ' + defaultLinkProtocol + ':// prefix?',
+          preprocess: function (oldData) {
+            return __assign(__assign({}, oldData), { href: defaultLinkProtocol + '://' + url });
+          }
+        }) : Optional.none();
+      };
+    };
+    var preprocess = function (editor, data) {
+      return findMap([
+        tryEmailTransform,
+        tryProtocolTransform(assumeExternalTargets(editor), getDefaultLinkProtocol(editor))
+      ], function (f) {
+        return f(data);
+      }).fold(function () {
+        return global$5.resolve(data);
+      }, function (transform) {
+        return new global$5(function (callback) {
+          delayedConfirm(editor, transform.message, function (state) {
+            callback(state ? transform.preprocess(data) : data);
+          });
+        });
+      });
+    };
+    var DialogConfirms = { preprocess: preprocess };
+
+    var getAnchors = function (editor) {
+      var anchorNodes = editor.dom.select('a:not([href])');
+      var anchors = bind(anchorNodes, function (anchor) {
+        var id = anchor.name || anchor.id;
+        return id ? [{
+            text: id,
+            value: '#' + id
+          }] : [];
+      });
+      return anchors.length > 0 ? Optional.some([{
+          text: 'None',
+          value: ''
+        }].concat(anchors)) : Optional.none();
+    };
+    var AnchorListOptions = { getAnchors: getAnchors };
+
+    var getClasses = function (editor) {
+      var list = getLinkClassList(editor);
+      if (list.length > 0) {
+        return ListOptions.sanitize(list);
+      }
+      return Optional.none();
+    };
+    var ClassListOptions = { getClasses: getClasses };
+
+    var global$6 = tinymce.util.Tools.resolve('tinymce.util.XHR');
+
+    var parseJson = function (text) {
+      try {
+        return Optional.some(JSON.parse(text));
+      } catch (err) {
+        return Optional.none();
+      }
+    };
+    var getLinks = function (editor) {
+      var extractor = function (item) {
+        return editor.convertURL(item.value || item.url, 'href');
+      };
+      var linkList = getLinkList(editor);
+      return new global$5(function (callback) {
+        if (isString(linkList)) {
+          global$6.send({
+            url: linkList,
+            success: function (text) {
+              return callback(parseJson(text));
+            },
+            error: function (_) {
+              return callback(Optional.none());
+            }
+          });
+        } else if (isFunction(linkList)) {
+          linkList(function (output) {
+            return callback(Optional.some(output));
+          });
+        } else {
+          callback(Optional.from(linkList));
+        }
+      }).then(function (optItems) {
+        return optItems.bind(ListOptions.sanitizeWith(extractor)).map(function (items) {
+          if (items.length > 0) {
+            var noneItem = [{
+                text: 'None',
+                value: ''
+              }];
+            return noneItem.concat(items);
+          } else {
+            return items;
+          }
+        });
+      });
+    };
+    var LinkListOptions = { getLinks: getLinks };
+
+    var getRels = function (editor, initialTarget) {
+      var list = getRelList(editor);
+      if (list.length > 0) {
+        var isTargetBlank_1 = initialTarget.is('_blank');
+        var enforceSafe = allowUnsafeLinkTarget(editor) === false;
+        var safeRelExtractor = function (item) {
+          return applyRelTargetRules(ListOptions.getValue(item), isTargetBlank_1);
+        };
+        var sanitizer = enforceSafe ? ListOptions.sanitizeWith(safeRelExtractor) : ListOptions.sanitize;
+        return sanitizer(list);
+      }
+      return Optional.none();
+    };
+    var RelOptions = { getRels: getRels };
+
+    var fallbacks = [
+      {
+        text: 'Current window',
+        value: ''
+      },
+      {
+        text: 'New window',
+        value: '_blank'
+      }
+    ];
+    var getTargets = function (editor) {
+      var list = getTargetList(editor);
+      if (isArray(list)) {
+        return ListOptions.sanitize(list).orThunk(function () {
+          return Optional.some(fallbacks);
+        });
+      } else if (list === false) {
+        return Optional.none();
+      }
+      return Optional.some(fallbacks);
+    };
+    var TargetOptions = { getTargets: getTargets };
+
+    var nonEmptyAttr = function (dom, elem, name) {
+      var val = dom.getAttrib(elem, name);
+      return val !== null && val.length > 0 ? Optional.some(val) : Optional.none();
+    };
+    var extractFromAnchor = function (editor, anchor) {
+      var dom = editor.dom;
+      var onlyText = isOnlyTextSelected(editor);
+      var text = onlyText ? Optional.some(getAnchorText(editor.selection, anchor)) : Optional.none();
+      var url = anchor ? Optional.some(dom.getAttrib(anchor, 'href')) : Optional.none();
+      var target = anchor ? Optional.from(dom.getAttrib(anchor, 'target')) : Optional.none();
+      var rel = nonEmptyAttr(dom, anchor, 'rel');
+      var linkClass = nonEmptyAttr(dom, anchor, 'class');
+      var title = nonEmptyAttr(dom, anchor, 'title');
+      return {
+        url: url,
+        text: text,
+        title: title,
+        target: target,
+        rel: rel,
+        linkClass: linkClass
+      };
+    };
+    var collect = function (editor, linkNode) {
+      return LinkListOptions.getLinks(editor).then(function (links) {
+        var anchor = extractFromAnchor(editor, linkNode);
+        return {
+          anchor: anchor,
+          catalogs: {
+            targets: TargetOptions.getTargets(editor),
+            rels: RelOptions.getRels(editor, anchor.target),
+            classes: ClassListOptions.getClasses(editor),
+            anchor: AnchorListOptions.getAnchors(editor),
+            link: links
+          },
+          optNode: Optional.from(linkNode),
+          flags: { titleEnabled: shouldShowLinkTitle(editor) }
+        };
+      });
+    };
+    var DialogInfo = { collect: collect };
+
+    var handleSubmit = function (editor, info) {
+      return function (api) {
+        var data = api.getData();
+        if (!data.url.value) {
+          unlink(editor);
+          api.close();
+          return;
+        }
+        var getChangedValue = function (key) {
+          return Optional.from(data[key]).filter(function (value) {
+            return !info.anchor[key].is(value);
+          });
+        };
+        var changedData = {
+          href: data.url.value,
+          text: getChangedValue('text'),
+          target: getChangedValue('target'),
+          rel: getChangedValue('rel'),
+          class: getChangedValue('linkClass'),
+          title: getChangedValue('title')
+        };
+        var attachState = {
+          href: data.url.value,
+          attach: data.url.meta !== undefined && data.url.meta.attach ? data.url.meta.attach : function () {
+          }
+        };
+        DialogConfirms.preprocess(editor, changedData).then(function (pData) {
+          link(editor, attachState, pData);
+        });
+        api.close();
+      };
+    };
+    var collectData = function (editor) {
+      var anchorNode = getAnchorElement(editor);
+      return DialogInfo.collect(editor, anchorNode);
+    };
+    var getInitialData = function (info, defaultTarget) {
+      var anchor = info.anchor;
+      var url = anchor.url.getOr('');
+      return {
+        url: {
+          value: url,
+          meta: { original: { value: url } }
+        },
+        text: anchor.text.getOr(''),
+        title: anchor.title.getOr(''),
+        anchor: url,
+        link: url,
+        rel: anchor.rel.getOr(''),
+        target: anchor.target.or(defaultTarget).getOr(''),
+        linkClass: anchor.linkClass.getOr('')
+      };
+    };
+    var makeDialog = function (settings, onSubmit, editor) {
+      var urlInput = [{
+          name: 'url',
+          type: 'urlinput',
+          filetype: 'file',
+          label: 'URL'
+        }];
+      var displayText = settings.anchor.text.map(function () {
+        return {
+          name: 'text',
+          type: 'input',
+          label: 'Text to display'
+        };
+      }).toArray();
+      var titleText = settings.flags.titleEnabled ? [{
+          name: 'title',
+          type: 'input',
+          label: 'Title'
+        }] : [];
+      var defaultTarget = Optional.from(getDefaultLinkTarget(editor));
+      var initialData = getInitialData(settings, defaultTarget);
+      var catalogs = settings.catalogs;
+      var dialogDelta = DialogChanges.init(initialData, catalogs);
+      var body = {
+        type: 'panel',
+        items: flatten([
+          urlInput,
+          displayText,
+          titleText,
+          cat([
+            catalogs.anchor.map(ListOptions.createUi('anchor', 'Anchors')),
+            catalogs.rels.map(ListOptions.createUi('rel', 'Rel')),
+            catalogs.targets.map(ListOptions.createUi('target', 'Open link in...')),
+            catalogs.link.map(ListOptions.createUi('link', 'Link list')),
+            catalogs.classes.map(ListOptions.createUi('linkClass', 'Class'))
+          ])
+        ])
+      };
+      return {
+        title: 'Insert/Edit Link',
+        size: 'normal',
+        body: body,
+        buttons: [
+          {
+            type: 'cancel',
+            name: 'cancel',
+            text: 'Cancel'
+          },
+          {
+            type: 'submit',
+            name: 'save',
+            text: 'Save',
+            primary: true
+          }
+        ],
+        initialData: initialData,
+        onChange: function (api, _a) {
+          var name = _a.name;
+          dialogDelta.onChange(api.getData, { name: name }).each(function (newData) {
+            api.setData(newData);
+          });
+        },
+        onSubmit: onSubmit
+      };
+    };
+    var open = function (editor) {
+      var data = collectData(editor);
+      data.then(function (info) {
+        var onSubmit = handleSubmit(editor, info);
+        return makeDialog(info, onSubmit, editor);
+      }).then(function (spec) {
+        editor.windowManager.open(spec);
+      });
+    };
+
+    var appendClickRemove = function (link, evt) {
+      document.body.appendChild(link);
+      link.dispatchEvent(evt);
+      document.body.removeChild(link);
+    };
+    var open$1 = function (url) {
+      var link = document.createElement('a');
+      link.target = '_blank';
+      link.href = url;
+      link.rel = 'noreferrer noopener';
+      var evt = document.createEvent('MouseEvents');
+      evt.initMouseEvent('click', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
+      appendClickRemove(link, evt);
+    };
+
+    var getLink = function (editor, elm) {
+      return editor.dom.getParent(elm, 'a[href]');
+    };
+    var getSelectedLink = function (editor) {
+      return getLink(editor, editor.selection.getStart());
+    };
+    var hasOnlyAltModifier = function (e) {
+      return e.altKey === true && e.shiftKey === false && e.ctrlKey === false && e.metaKey === false;
+    };
+    var gotoLink = function (editor, a) {
+      if (a) {
+        var href = getHref(a);
+        if (/^#/.test(href)) {
+          var targetEl = editor.$(href);
+          if (targetEl.length) {
+            editor.selection.scrollIntoView(targetEl[0], true);
+          }
+        } else {
+          open$1(a.href);
+        }
+      }
+    };
+    var openDialog = function (editor) {
+      return function () {
+        open(editor);
+      };
+    };
+    var gotoSelectedLink = function (editor) {
+      return function () {
+        gotoLink(editor, getSelectedLink(editor));
+      };
+    };
+    var setupGotoLinks = function (editor) {
+      editor.on('click', function (e) {
+        var link = getLink(editor, e.target);
+        if (link && global$1.metaKeyPressed(e)) {
+          e.preventDefault();
+          gotoLink(editor, link);
+        }
+      });
+      editor.on('keydown', function (e) {
+        var link = getSelectedLink(editor);
+        if (link && e.keyCode === 13 && hasOnlyAltModifier(e)) {
+          e.preventDefault();
+          gotoLink(editor, link);
+        }
+      });
+    };
+    var toggleState = function (editor, toggler) {
+      editor.on('NodeChange', toggler);
+      return function () {
+        return editor.off('NodeChange', toggler);
+      };
+    };
+    var toggleActiveState = function (editor) {
+      return function (api) {
+        return toggleState(editor, function () {
+          api.setActive(!editor.mode.isReadOnly() && getAnchorElement(editor, editor.selection.getNode()) !== null);
+        });
+      };
+    };
+    var toggleEnabledState = function (editor) {
+      return function (api) {
+        var updateState = function () {
+          return api.setDisabled(getAnchorElement(editor, editor.selection.getNode()) === null);
+        };
+        updateState();
+        return toggleState(editor, updateState);
+      };
+    };
+    var toggleUnlinkState = function (editor) {
+      return function (api) {
+        var hasLinks$1 = function (parents) {
+          return hasLinks(parents) || hasLinksInSelection(editor.selection.getRng());
+        };
+        var parents = editor.dom.getParents(editor.selection.getStart());
+        api.setDisabled(!hasLinks$1(parents));
+        return toggleState(editor, function (e) {
+          return api.setDisabled(!hasLinks$1(e.parents));
+        });
+      };
+    };
+
+    var register = function (editor) {
+      editor.addCommand('mceLink', function () {
+        if (useQuickLink(editor)) {
+          editor.fire('contexttoolbar-show', { toolbarKey: 'quicklink' });
+        } else {
+          openDialog(editor)();
+        }
+      });
+    };
+
+    var setup = function (editor) {
+      editor.addShortcut('Meta+K', '', function () {
+        editor.execCommand('mceLink');
+      });
+    };
+
+    var setupButtons = function (editor) {
+      editor.ui.registry.addToggleButton('link', {
+        icon: 'link',
+        tooltip: 'Insert/edit link',
+        onAction: openDialog(editor),
+        onSetup: toggleActiveState(editor)
+      });
+      editor.ui.registry.addButton('openlink', {
+        icon: 'new-tab',
+        tooltip: 'Open link',
+        onAction: gotoSelectedLink(editor),
+        onSetup: toggleEnabledState(editor)
+      });
+      editor.ui.registry.addButton('unlink', {
+        icon: 'unlink',
+        tooltip: 'Remove link',
+        onAction: function () {
+          return unlink(editor);
+        },
+        onSetup: toggleUnlinkState(editor)
+      });
+    };
+    var setupMenuItems = function (editor) {
+      editor.ui.registry.addMenuItem('openlink', {
+        text: 'Open link',
+        icon: 'new-tab',
+        onAction: gotoSelectedLink(editor),
+        onSetup: toggleEnabledState(editor)
+      });
+      editor.ui.registry.addMenuItem('link', {
+        icon: 'link',
+        text: 'Link...',
+        shortcut: 'Meta+K',
+        onAction: openDialog(editor)
+      });
+      editor.ui.registry.addMenuItem('unlink', {
+        icon: 'unlink',
+        text: 'Remove link',
+        onAction: function () {
+          return unlink(editor);
+        },
+        onSetup: toggleUnlinkState(editor)
+      });
+    };
+    var setupContextMenu = function (editor) {
+      var inLink = 'link unlink openlink';
+      var noLink = 'link';
+      editor.ui.registry.addContextMenu('link', {
+        update: function (element) {
+          return hasLinks(editor.dom.getParents(element, 'a')) ? inLink : noLink;
+        }
+      });
+    };
+    var setupContextToolbars = function (editor) {
+      var collapseSelectionToEnd = function (editor) {
+        editor.selection.collapse(false);
+      };
+      var onSetupLink = function (buttonApi) {
+        var node = editor.selection.getNode();
+        buttonApi.setDisabled(!getAnchorElement(editor, node));
+        return function () {
+        };
+      };
+      editor.ui.registry.addContextForm('quicklink', {
+        launch: {
+          type: 'contextformtogglebutton',
+          icon: 'link',
+          tooltip: 'Link',
+          onSetup: toggleActiveState(editor)
+        },
+        label: 'Link',
+        predicate: function (node) {
+          return !!getAnchorElement(editor, node) && hasContextToolbar(editor);
+        },
+        initValue: function () {
+          var elm = getAnchorElement(editor);
+          return !!elm ? getHref(elm) : '';
+        },
+        commands: [
+          {
+            type: 'contextformtogglebutton',
+            icon: 'link',
+            tooltip: 'Link',
+            primary: true,
+            onSetup: function (buttonApi) {
+              var node = editor.selection.getNode();
+              buttonApi.setActive(!!getAnchorElement(editor, node));
+              return toggleActiveState(editor)(buttonApi);
+            },
+            onAction: function (formApi) {
+              var anchor = getAnchorElement(editor);
+              var value = formApi.getValue();
+              if (!anchor) {
+                var attachState = {
+                  href: value,
+                  attach: function () {
+                  }
+                };
+                var onlyText = isOnlyTextSelected(editor);
+                var text = onlyText ? Optional.some(getAnchorText(editor.selection, anchor)).filter(function (t) {
+                  return t.length > 0;
+                }).or(Optional.from(value)) : Optional.none();
+                link(editor, attachState, {
+                  href: value,
+                  text: text,
+                  title: Optional.none(),
+                  rel: Optional.none(),
+                  target: Optional.none(),
+                  class: Optional.none()
+                });
+                formApi.hide();
+              } else {
+                editor.undoManager.transact(function () {
+                  editor.dom.setAttrib(anchor, 'href', value);
+                  collapseSelectionToEnd(editor);
+                  formApi.hide();
+                });
+              }
+            }
+          },
+          {
+            type: 'contextformbutton',
+            icon: 'unlink',
+            tooltip: 'Remove link',
+            onSetup: onSetupLink,
+            onAction: function (formApi) {
+              unlink(editor);
+              formApi.hide();
+            }
+          },
+          {
+            type: 'contextformbutton',
+            icon: 'new-tab',
+            tooltip: 'Open link',
+            onSetup: onSetupLink,
+            onAction: function (formApi) {
+              gotoSelectedLink(editor)();
+              formApi.hide();
+            }
+          }
+        ]
+      });
+    };
+
+    function Plugin () {
+      global.add('link', function (editor) {
+        setupButtons(editor);
+        setupMenuItems(editor);
+        setupContextMenu(editor);
+        setupContextToolbars(editor);
+        setupGotoLinks(editor);
+        register(editor);
+        setup(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/link/plugin.min.js b/src/assets/tinymce/plugins/link/plugin.min.js
new file mode 100644
index 00000000..bf458688
--- /dev/null
+++ b/src/assets/tinymce/plugins/link/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var n,t,e,r,o=tinymce.util.Tools.resolve("tinymce.PluginManager"),i=tinymce.util.Tools.resolve("tinymce.util.VK"),u=function(r){return function(t){return e=typeof(n=t),(null===n?"null":"object"==e&&(Array.prototype.isPrototypeOf(n)||n.constructor&&"Array"===n.constructor.name)?"array":"object"==e&&(String.prototype.isPrototypeOf(n)||n.constructor&&"String"===n.constructor.name)?"string":e)===r;var n,e}},a=function(n){return function(t){return typeof t===n}},l=u("string"),c=u("array"),f=function(t){return n===t},s=a("boolean"),m=a("function"),g=function(t){var n=t.getParam("link_assume_external_targets",!1);return s(n)&&n?1:!l(n)||"http"!==n&&"https"!==n?0:n},p=function(t){return t.getParam("default_link_target")},d=function(t){return t.getParam("target_list",!0)},h=function(t){return t.getParam("rel_list",[],"array")},v=function(t){return t.getParam("allow_unsafe_link_target",!1,"boolean")},y=function(){},k=function(t){return function(){return t}},x=k(!1),b=k(!(n=null)),O=function(){return w},w=(t=function(t){return t.isNone()},{fold:function(t,n){return t()},is:x,isSome:x,isNone:b,getOr:r=function(t){return t},getOrThunk:e=function(t){return t()},getOrDie:function(t){throw new Error(t||"error: getOrDie called on none.")},getOrNull:k(null),getOrUndefined:k(undefined),or:r,orThunk:e,map:O,each:y,bind:O,exists:x,forall:b,filter:O,equals:t,equals_:t,toArray:function(){return[]},toString:k("none()")}),C=function(e){var t=k(e),n=function(){return o},r=function(t){return t(e)},o={fold:function(t,n){return n(e)},is:function(t){return e===t},isSome:b,isNone:x,getOr:t,getOrThunk:t,getOrDie:t,getOrNull:t,getOrUndefined:t,or:n,orThunk:n,map:function(t){return C(t(e))},each:function(t){t(e)},bind:r,exists:r,forall:r,filter:function(t){return t(e)?o:w},toArray:function(){return[e]},toString:function(){return"some("+e+")"},equals:function(t){return t.is(e)},equals_:function(t,n){return t.fold(x,function(t){return n(e,t)})}};return o},N={some:C,none:O,from:function(t){return null===t||t===undefined?w:C(t)}},A=Array.prototype.indexOf,P=Array.prototype.push,T=function(t,n){return e=t,r=n,-1<A.call(e,r);var e,r},S=function(t){for(var n=[],e=0,r=t.length;e<r;++e){if(!c(t[e]))throw new Error("Arr.flatten item "+e+" was not an array, input: "+t);P.apply(n,t[e])}return n},_=function(t,n){return S(function(t,n){for(var e=t.length,r=new Array(e),o=0;o<e;o++){var i=t[o];r[o]=n(i,o)}return r}(t,n))},R=function(t,n){for(var e=0;e<t.length;e++){var r=n(t[e],e);if(r.isSome())return r}return N.none()},D=function(t,n){return t?N.some(n):N.none()},L=tinymce.util.Tools.resolve("tinymce.util.Tools"),E=function(t){return l(t.value)?t.value:""},M=function(t,i){var u=[];return L.each(t,function(t){var n,e,r,o=l((n=t).text)?n.text:l(n.title)?n.title:"";t.menu!==undefined?(e=M(t.menu,i),u.push({text:o,items:e})):(r=i(t),u.push({text:o,value:r}))}),u},U=function(n){return void 0===n&&(n=E),function(t){return N.from(t).map(function(t){return M(t,n)})}},B={sanitize:function(t){return U(E)(t)},sanitizeWith:U,createUi:function(n,e){return function(t){return{name:n,type:"listbox",label:e,items:t}}},getValue:E},q=function(){return(q=Object.assign||function(t){for(var n,e=1,r=arguments.length;e<r;e++)for(var o in n=arguments[e])Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o]);return t}).apply(this,arguments)},I=Object.keys,K=Object.hasOwnProperty,z=function(t,e,r,o){return function(t,n){for(var e=I(t),r=0,o=e.length;r<o;r++){var i=e[r];n(t[i],i)}}(t,function(t,n){(e(t,n)?r:o)(t,n)}),{}},j=function(t,n){var e,r={};return z(t,n,(e=r,function(t,n){e[n]=t}),y),r},V=function(t,n){return K.call(t,n)},F=tinymce.util.Tools.resolve("tinymce.dom.TreeWalker"),W=function(t){return t&&"a"===t.nodeName.toLowerCase()},H=function(t){return W(t)&&!!X(t)},G=function(t,n){if(t.collapsed)return[];for(var e=t.cloneContents(),r=new F(e.firstChild,e),o=[],i=e.firstChild;n(i)&&o.push(i),i=r.next(););return o},J=function(t){return/^\w+:/i.test(t)},X=function(t){var n=t.getAttribute("data-mce-href");return n||t.getAttribute("href")},$=function(t,n){var e,r,o=["noopener"],i=t?t.split(/\s+/):[],u=function(t){return t.filter(function(t){return-1===L.inArray(o,t)})},a=n?0<(e=u(e=i)).length?e.concat(o):o:u(i);return 0<a.length?(r=a,L.trim(r.sort().join(" "))):""},Q=function(t,n){return n=n||t.selection.getNode(),nt(n)?t.dom.select("a[href]",n)[0]:t.dom.getParent(n,"a[href]")},Y=function(t,n){var e=n?n.innerText||n.textContent:t.getContent({format:"text"});return e.replace(/\uFEFF/g,"")},Z=function(t){return 0<L.grep(t,H).length},tt=function(t){var n=t.schema.getTextInlineElements();return 0===G(t.selection.getRng(),function(t){return 1===t.nodeType&&!W(t)&&!V(n,t.nodeName.toLowerCase())}).length},nt=function(t){return t&&"FIGURE"===t.nodeName&&/\bimage\b/i.test(t.className)},et=function(t){return n=["title","rel","class","target"],e=function(n,e){return t[e].each(function(t){n[e]=0<t.length?t:null}),n},r={href:t.href},function(t,n){for(var e=0,r=t.length;e<r;e++)n(t[e],e)}(n,function(t){r=e(r,t)}),r;var n,e,r},rt=function(t,n){var e,r,o,i=q({},n);return 0<h(t).length||!1!==v(t)||(e=$(i.rel,"_blank"===i.target),i.rel=e||null),N.from(i.target).isNone()&&!1===d(t)&&(i.target=p(t)),i.href=(r=i.href,"http"!==(o=g(t))&&"https"!==o||J(r)?r:o+"://"+r),i},ot=function(l,c,f){var s=l.selection.getNode(),m=Q(l,s),g=rt(l,et(f));l.undoManager.transact(function(){var n,t,e,r,o,i,u,a;f.href===c.href&&c.attach(),m?(l.focus(),o=l,i=m,u=f.text,a=g,u.each(function(t){i.hasOwnProperty("innerText")?i.innerText=t:i.textContent=t}),o.dom.setAttribs(i,a),o.selection.select(i)):(n=l,t=s,e=f.text,r=g,nt(t)?ct(n,t,r):e.fold(function(){n.execCommand("mceInsertLink",!1,r)},function(t){n.insertContent(n.dom.createHTML("a",r,n.dom.encode(t)))}))})},it=function(l){l.undoManager.transact(function(){var t,n,e,r,o,i,u,a=l.selection.getNode();nt(a)?lt(l,a):(n=(t=l).dom,e=t.selection,r=e.getBookmark(),o=e.getRng().cloneRange(),i=n.getParent(o.startContainer,"a[href]",t.getBody()),u=n.getParent(o.endContainer,"a[href]",t.getBody()),i&&o.setStartBefore(i),u&&o.setEndAfter(u),e.setRng(o),t.execCommand("unlink"),e.moveToBookmark(r)),l.focus()})},ut=function(t,n,e){var r,o,i,u,a,l,c;t.hasPlugin("rtc",!0)?t.execCommand("createlink",!1,(o=(r=e)["class"],i=r.href,u=r.rel,a=r.target,l=r.text,c=r.title,j({"class":o.getOrNull(),href:i,rel:u.getOrNull(),target:a.getOrNull(),text:l.getOrNull(),title:c.getOrNull()},function(t,n){return!1===f(t)}))):ot(t,n,e)},at=function(t){t.hasPlugin("rtc",!0)?t.execCommand("unlink"):it(t)},lt=function(t,n){var e,r=t.dom.select("img",n)[0];!r||(e=t.dom.getParents(r,"a[href]",n)[0])&&(e.parentNode.insertBefore(r,e),t.dom.remove(e))},ct=function(t,n,e){var r,o=t.dom.select("img",n)[0];o&&(r=t.dom.create("a",e),o.parentNode.insertBefore(r,o),r.appendChild(o))},ft=function(t){return V(n=t,e="items")&&n[e]!==undefined&&null!==n[e];var n,e},st=function(n,t){return R(t,function(t){return ft(t)?st(n,t.items):D(t.value===n,t)})},mt=function(n,t,e,r){var o=r[t],i=0<n.length;return o!==undefined?st(o,e).map(function(t){return{url:{value:t.value,meta:{text:i?n:t.text,attach:y}},text:i?n:t.text}}):N.none()},gt=function(t,i){var u={text:t.text,title:t.title},r=function(t){var n,e,r=(n=t.url,D(u.text.length<=0,N.from(n.meta.text).getOr(n.value))),o=(e=t.url,D(u.title.length<=0,N.from(e.meta.title).getOr("")));return r.isSome()||o.isSome()?N.some(q(q({},r.map(function(t){return{text:t}}).getOr({})),o.map(function(t){return{title:t}}).getOr({}))):N.none()},o=function(t,n){var e,r,o=(e=i,("link"===(r=n.name)?e.link:"anchor"===r?e.anchor:N.none()).getOr([]));return mt(u.text,n.name,o,t)};return{onChange:function(t,n){var e=n.name;return"url"===e?r(t()):T(["anchor","link"],e)?o(t(),n):(("text"===e||"title"===e)&&(u[e]=t()[e]),N.none())}}},dt=tinymce.util.Tools.resolve("tinymce.util.Delay"),ht=tinymce.util.Tools.resolve("tinymce.util.Promise"),pt=function(t){var n=t.href;return 0<n.indexOf("@")&&-1===n.indexOf("/")&&-1===n.indexOf("mailto:")?N.some({message:"The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?",preprocess:function(t){return q(q({},t),{href:"mailto:"+n})}}):N.none()},vt=function(u,a){return R([pt,(e=g(u),r=u.getParam("link_default_protocol","http","string"),function(t){var n=t.href;return 1===e&&!J(n)||0===e&&/^\s*www(\.|\d\.)/i.test(n)?N.some({message:"The URL you entered seems to be an external link. Do you want to add the required "+r+":// prefix?",preprocess:function(t){return q(q({},t),{href:r+"://"+n})}}):N.none()})],function(t){return t(a)}).fold(function(){return ht.resolve(a)},function(i){return new ht(function(n){var e,t,r,o;e=u,t=i.message,r=function(t){n(t?i.preprocess(a):a)},o=e.selection.getRng(),dt.setEditorTimeout(e,function(){e.windowManager.confirm(t,function(t){e.selection.setRng(o),r(t)})})})});var e,r},yt=function(t){var n=t.dom.select("a:not([href])"),e=_(n,function(t){var n=t.name||t.id;return n?[{text:n,value:"#"+n}]:[]});return 0<e.length?N.some([{text:"None",value:""}].concat(e)):N.none()},kt=function(t){var n=t.getParam("link_class_list",[],"array");return 0<n.length?B.sanitize(n):N.none()},xt=tinymce.util.Tools.resolve("tinymce.util.XHR"),bt=function(n){var e=function(t){return n.convertURL(t.value||t.url,"href")},t=n.getParam("link_list");return new ht(function(n){l(t)?xt.send({url:t,success:function(t){return n(function(t){try{return N.some(JSON.parse(t))}catch(n){return N.none()}}(t))},error:function(t){return n(N.none())}}):m(t)?t(function(t){return n(N.some(t))}):n(N.from(t))}).then(function(t){return t.bind(B.sanitizeWith(e)).map(function(t){if(0<t.length){return[{text:"None",value:""}].concat(t)}return t})})},Ot=function(t,n){var e=h(t);if(0<e.length){var r=n.is("_blank");return(!1===v(t)?B.sanitizeWith(function(t){return $(B.getValue(t),r)}):B.sanitize)(e)}return N.none()},wt=[{text:"Current window",value:""},{text:"New window",value:"_blank"}],Ct=function(t){var n=d(t);return c(n)?B.sanitize(n).orThunk(function(){return N.some(wt)}):!1===n?N.none():N.some(wt)},Nt=function(t,n,e){var r=t.getAttrib(n,e);return null!==r&&0<r.length?N.some(r):N.none()},At=function(f,s){return bt(f).then(function(t){var n,e,r,o,i,u,a,l,c=(e=s,r=(n=f).dom,o=tt(n)?N.some(Y(n.selection,e)):N.none(),i=e?N.some(r.getAttrib(e,"href")):N.none(),u=e?N.from(r.getAttrib(e,"target")):N.none(),a=Nt(r,e,"rel"),l=Nt(r,e,"class"),{url:i,text:o,title:Nt(r,e,"title"),target:u,rel:a,linkClass:l});return{anchor:c,catalogs:{targets:Ct(f),rels:Ot(f,c.target),classes:kt(f),anchor:yt(f),link:t},optNode:N.from(s),flags:{titleEnabled:f.getParam("link_title",!0,"boolean")}}})},Pt=function(h){var t,n;(n=Q(t=h),At(t,n)).then(function(t){var i,u,n,e,r,o,a,l,c,f,s,m,g,d;return e=function(t){var e=t.getData();if(!e.url.value)return at(i),void t.close();var n=function(n){return N.from(e[n]).filter(function(t){return!u.anchor[n].is(t)})},r={href:e.url.value,text:n("text"),target:n("target"),rel:n("rel"),"class":n("linkClass"),title:n("title")},o={href:e.url.value,attach:e.url.meta!==undefined&&e.url.meta.attach?e.url.meta.attach:function(){}};vt(i,r).then(function(t){ut(i,o,t)}),t.close()},r=i=h,c=(n=u=t).anchor.text.map(function(){return{name:"text",type:"input",label:"Text to display"}}).toArray(),f=n.flags.titleEnabled?[{name:"title",type:"input",label:"Title"}]:[],s=N.from(p(r)),o=s,a=n.anchor,m={url:{value:l=a.url.getOr(""),meta:{original:{value:l}}},text:a.text.getOr(""),title:a.title.getOr(""),anchor:l,link:l,rel:a.rel.getOr(""),target:a.target.or(o).getOr(""),linkClass:a.linkClass.getOr("")},g=n.catalogs,d=gt(m,g),{title:"Insert/Edit Link",size:"normal",body:{type:"panel",items:S([[{name:"url",type:"urlinput",filetype:"file",label:"URL"}],c,f,function(t){for(var n=[],e=function(t){n.push(t)},r=0;r<t.length;r++)t[r].each(e);return n}([g.anchor.map(B.createUi("anchor","Anchors")),g.rels.map(B.createUi("rel","Rel")),g.targets.map(B.createUi("target","Open link in...")),g.link.map(B.createUi("link","Link list")),g.classes.map(B.createUi("linkClass","Class"))])])},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:m,onChange:function(n,t){var e=t.name;d.onChange(n.getData,{name:e}).each(function(t){n.setData(t)})},onSubmit:e}}).then(function(t){h.windowManager.open(t)})},Tt=function(t){var n=document.createElement("a");n.target="_blank",n.href=t,n.rel="noreferrer noopener";var e,r,o=document.createEvent("MouseEvents");o.initMouseEvent("click",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),e=n,r=o,document.body.appendChild(e),e.dispatchEvent(r),document.body.removeChild(e)},St=function(t,n){return t.dom.getParent(n,"a[href]")},_t=function(t){return St(t,t.selection.getStart())},Rt=function(t,n){var e,r;n&&(e=X(n),/^#/.test(e)?(r=t.$(e)).length&&t.selection.scrollIntoView(r[0],!0):Tt(n.href))},Dt=function(t){return function(){Pt(t)}},Lt=function(t){return function(){Rt(t,_t(t))}},Et=function(r){r.on("click",function(t){var n=St(r,t.target);n&&i.metaKeyPressed(t)&&(t.preventDefault(),Rt(r,n))}),r.on("keydown",function(t){var n,e=_t(r);e&&13===t.keyCode&&(!0===(n=t).altKey&&!1===n.shiftKey&&!1===n.ctrlKey&&!1===n.metaKey)&&(t.preventDefault(),Rt(r,e))})},Mt=function(t,n){return t.on("NodeChange",n),function(){return t.off("NodeChange",n)}},Ut=function(n){return function(t){return Mt(n,function(){t.setActive(!n.mode.isReadOnly()&&null!==Q(n,n.selection.getNode()))})}},Bt=function(e){return function(t){var n=function(){return t.setDisabled(null===Q(e,e.selection.getNode()))};return n(),Mt(e,n)}},qt=function(r){return function(n){var e=function(t){return Z(t)||(n=r.selection.getRng(),0<G(n,H).length);var n},t=r.dom.getParents(r.selection.getStart());return n.setDisabled(!e(t)),Mt(r,function(t){return n.setDisabled(!e(t.parents))})}};o.add("link",function(t){var n,e,r,i,o,u,a;(n=t).ui.registry.addToggleButton("link",{icon:"link",tooltip:"Insert/edit link",onAction:Dt(n),onSetup:Ut(n)}),n.ui.registry.addButton("openlink",{icon:"new-tab",tooltip:"Open link",onAction:Lt(n),onSetup:Bt(n)}),n.ui.registry.addButton("unlink",{icon:"unlink",tooltip:"Remove link",onAction:function(){return at(n)},onSetup:qt(n)}),(e=t).ui.registry.addMenuItem("openlink",{text:"Open link",icon:"new-tab",onAction:Lt(e),onSetup:Bt(e)}),e.ui.registry.addMenuItem("link",{icon:"link",text:"Link...",shortcut:"Meta+K",onAction:Dt(e)}),e.ui.registry.addMenuItem("unlink",{icon:"unlink",text:"Remove link",onAction:function(){return at(e)},onSetup:qt(e)}),(r=t).ui.registry.addContextMenu("link",{update:function(t){return Z(r.dom.getParents(t,"a"))?"link unlink openlink":"link"}}),o=function(t){var n=i.selection.getNode();return t.setDisabled(!Q(i,n)),function(){}},(i=t).ui.registry.addContextForm("quicklink",{launch:{type:"contextformtogglebutton",icon:"link",tooltip:"Link",onSetup:Ut(i)},label:"Link",predicate:function(t){return!!Q(i,t)&&i.getParam("link_context_toolbar",!1,"boolean")},initValue:function(){var t=Q(i);return t?X(t):""},commands:[{type:"contextformtogglebutton",icon:"link",tooltip:"Link",primary:!0,onSetup:function(t){var n=i.selection.getNode();return t.setActive(!!Q(i,n)),Ut(i)(t)},onAction:function(t){var n,e,r=Q(i),o=t.getValue();r?i.undoManager.transact(function(){i.dom.setAttrib(r,"href",o),i.selection.collapse(!1),t.hide()}):(n={href:o,attach:function(){}},e=tt(i)?N.some(Y(i.selection,r)).filter(function(t){return 0<t.length}).or(N.from(o)):N.none(),ut(i,n,{href:o,text:e,title:N.none(),rel:N.none(),target:N.none(),"class":N.none()}),t.hide())}},{type:"contextformbutton",icon:"unlink",tooltip:"Remove link",onSetup:o,onAction:function(t){at(i),t.hide()}},{type:"contextformbutton",icon:"new-tab",tooltip:"Open link",onSetup:o,onAction:function(t){Lt(i)(),t.hide()}}]}),Et(t),(u=t).addCommand("mceLink",function(){u.getParam("link_quicklink",!1,"boolean")?u.fire("contexttoolbar-show",{toolbarKey:"quicklink"}):Dt(u)()}),(a=t).addShortcut("Meta+K","",function(){a.execCommand("mceLink")})})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/lists/plugin.js b/src/assets/tinymce/plugins/lists/plugin.js
new file mode 100644
index 00000000..2505dbf6
--- /dev/null
+++ b/src/assets/tinymce/plugins/lists/plugin.js
@@ -0,0 +1,2148 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var noop = function () {
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var not = function (f) {
+      return function (t) {
+        return !f(t);
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var typeOf = function (x) {
+      var t = typeof x;
+      if (x === null) {
+        return 'null';
+      } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+        return 'array';
+      } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+        return 'string';
+      } else {
+        return t;
+      }
+    };
+    var isType = function (type) {
+      return function (value) {
+        return typeOf(value) === type;
+      };
+    };
+    var isSimpleType = function (type) {
+      return function (value) {
+        return typeof value === type;
+      };
+    };
+    var isString = isType('string');
+    var isArray = isType('array');
+    var isBoolean = isSimpleType('boolean');
+    var isFunction = isSimpleType('function');
+    var isNumber = isSimpleType('number');
+
+    var nativeSlice = Array.prototype.slice;
+    var nativePush = Array.prototype.push;
+    var map = function (xs, f) {
+      var len = xs.length;
+      var r = new Array(len);
+      for (var i = 0; i < len; i++) {
+        var x = xs[i];
+        r[i] = f(x, i);
+      }
+      return r;
+    };
+    var each = function (xs, f) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var filter = function (xs, pred) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          r.push(x);
+        }
+      }
+      return r;
+    };
+    var groupBy = function (xs, f) {
+      if (xs.length === 0) {
+        return [];
+      } else {
+        var wasType = f(xs[0]);
+        var r = [];
+        var group = [];
+        for (var i = 0, len = xs.length; i < len; i++) {
+          var x = xs[i];
+          var type = f(x);
+          if (type !== wasType) {
+            r.push(group);
+            group = [];
+          }
+          wasType = type;
+          group.push(x);
+        }
+        if (group.length !== 0) {
+          r.push(group);
+        }
+        return r;
+      }
+    };
+    var foldl = function (xs, f, acc) {
+      each(xs, function (x) {
+        acc = f(acc, x);
+      });
+      return acc;
+    };
+    var findUntil = function (xs, pred, until) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return Optional.some(x);
+        } else if (until(x, i)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var find = function (xs, pred) {
+      return findUntil(xs, pred, never);
+    };
+    var flatten = function (xs) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; ++i) {
+        if (!isArray(xs[i])) {
+          throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+        }
+        nativePush.apply(r, xs[i]);
+      }
+      return r;
+    };
+    var bind = function (xs, f) {
+      return flatten(map(xs, f));
+    };
+    var reverse = function (xs) {
+      var r = nativeSlice.call(xs, 0);
+      r.reverse();
+      return r;
+    };
+    var get = function (xs, i) {
+      return i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none();
+    };
+    var head = function (xs) {
+      return get(xs, 0);
+    };
+    var last = function (xs) {
+      return get(xs, xs.length - 1);
+    };
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p))
+              t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+
+    var cached = function (f) {
+      var called = false;
+      var r;
+      return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        if (!called) {
+          called = true;
+          r = f.apply(null, args);
+        }
+        return r;
+      };
+    };
+
+    var DeviceType = function (os, browser, userAgent, mediaMatch) {
+      var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
+      var isiPhone = os.isiOS() && !isiPad;
+      var isMobile = os.isiOS() || os.isAndroid();
+      var isTouch = isMobile || mediaMatch('(pointer:coarse)');
+      var isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
+      var isPhone = isiPhone || isMobile && !isTablet;
+      var iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
+      var isDesktop = !isPhone && !isTablet && !iOSwebview;
+      return {
+        isiPad: constant(isiPad),
+        isiPhone: constant(isiPhone),
+        isTablet: constant(isTablet),
+        isPhone: constant(isPhone),
+        isTouch: constant(isTouch),
+        isAndroid: os.isAndroid,
+        isiOS: os.isiOS,
+        isWebView: constant(iOSwebview),
+        isDesktop: constant(isDesktop)
+      };
+    };
+
+    var firstMatch = function (regexes, s) {
+      for (var i = 0; i < regexes.length; i++) {
+        var x = regexes[i];
+        if (x.test(s)) {
+          return x;
+        }
+      }
+      return undefined;
+    };
+    var find$1 = function (regexes, agent) {
+      var r = firstMatch(regexes, agent);
+      if (!r) {
+        return {
+          major: 0,
+          minor: 0
+        };
+      }
+      var group = function (i) {
+        return Number(agent.replace(r, '$' + i));
+      };
+      return nu(group(1), group(2));
+    };
+    var detect = function (versionRegexes, agent) {
+      var cleanedAgent = String(agent).toLowerCase();
+      if (versionRegexes.length === 0) {
+        return unknown();
+      }
+      return find$1(versionRegexes, cleanedAgent);
+    };
+    var unknown = function () {
+      return nu(0, 0);
+    };
+    var nu = function (major, minor) {
+      return {
+        major: major,
+        minor: minor
+      };
+    };
+    var Version = {
+      nu: nu,
+      detect: detect,
+      unknown: unknown
+    };
+
+    var detect$1 = function (candidates, userAgent) {
+      var agent = String(userAgent).toLowerCase();
+      return find(candidates, function (candidate) {
+        return candidate.search(agent);
+      });
+    };
+    var detectBrowser = function (browsers, userAgent) {
+      return detect$1(browsers, userAgent).map(function (browser) {
+        var version = Version.detect(browser.versionRegexes, userAgent);
+        return {
+          current: browser.name,
+          version: version
+        };
+      });
+    };
+    var detectOs = function (oses, userAgent) {
+      return detect$1(oses, userAgent).map(function (os) {
+        var version = Version.detect(os.versionRegexes, userAgent);
+        return {
+          current: os.name,
+          version: version
+        };
+      });
+    };
+    var UaString = {
+      detectBrowser: detectBrowser,
+      detectOs: detectOs
+    };
+
+    var contains = function (str, substr) {
+      return str.indexOf(substr) !== -1;
+    };
+
+    var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
+    var checkContains = function (target) {
+      return function (uastring) {
+        return contains(uastring, target);
+      };
+    };
+    var browsers = [
+      {
+        name: 'Edge',
+        versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
+        search: function (uastring) {
+          return contains(uastring, 'edge/') && contains(uastring, 'chrome') && contains(uastring, 'safari') && contains(uastring, 'applewebkit');
+        }
+      },
+      {
+        name: 'Chrome',
+        versionRegexes: [
+          /.*?chrome\/([0-9]+)\.([0-9]+).*/,
+          normalVersionRegex
+        ],
+        search: function (uastring) {
+          return contains(uastring, 'chrome') && !contains(uastring, 'chromeframe');
+        }
+      },
+      {
+        name: 'IE',
+        versionRegexes: [
+          /.*?msie\ ?([0-9]+)\.([0-9]+).*/,
+          /.*?rv:([0-9]+)\.([0-9]+).*/
+        ],
+        search: function (uastring) {
+          return contains(uastring, 'msie') || contains(uastring, 'trident');
+        }
+      },
+      {
+        name: 'Opera',
+        versionRegexes: [
+          normalVersionRegex,
+          /.*?opera\/([0-9]+)\.([0-9]+).*/
+        ],
+        search: checkContains('opera')
+      },
+      {
+        name: 'Firefox',
+        versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
+        search: checkContains('firefox')
+      },
+      {
+        name: 'Safari',
+        versionRegexes: [
+          normalVersionRegex,
+          /.*?cpu os ([0-9]+)_([0-9]+).*/
+        ],
+        search: function (uastring) {
+          return (contains(uastring, 'safari') || contains(uastring, 'mobile/')) && contains(uastring, 'applewebkit');
+        }
+      }
+    ];
+    var oses = [
+      {
+        name: 'Windows',
+        search: checkContains('win'),
+        versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
+      },
+      {
+        name: 'iOS',
+        search: function (uastring) {
+          return contains(uastring, 'iphone') || contains(uastring, 'ipad');
+        },
+        versionRegexes: [
+          /.*?version\/\ ?([0-9]+)\.([0-9]+).*/,
+          /.*cpu os ([0-9]+)_([0-9]+).*/,
+          /.*cpu iphone os ([0-9]+)_([0-9]+).*/
+        ]
+      },
+      {
+        name: 'Android',
+        search: checkContains('android'),
+        versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
+      },
+      {
+        name: 'OSX',
+        search: checkContains('mac os x'),
+        versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
+      },
+      {
+        name: 'Linux',
+        search: checkContains('linux'),
+        versionRegexes: []
+      },
+      {
+        name: 'Solaris',
+        search: checkContains('sunos'),
+        versionRegexes: []
+      },
+      {
+        name: 'FreeBSD',
+        search: checkContains('freebsd'),
+        versionRegexes: []
+      },
+      {
+        name: 'ChromeOS',
+        search: checkContains('cros'),
+        versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
+      }
+    ];
+    var PlatformInfo = {
+      browsers: constant(browsers),
+      oses: constant(oses)
+    };
+
+    var edge = 'Edge';
+    var chrome = 'Chrome';
+    var ie = 'IE';
+    var opera = 'Opera';
+    var firefox = 'Firefox';
+    var safari = 'Safari';
+    var unknown$1 = function () {
+      return nu$1({
+        current: undefined,
+        version: Version.unknown()
+      });
+    };
+    var nu$1 = function (info) {
+      var current = info.current;
+      var version = info.version;
+      var isBrowser = function (name) {
+        return function () {
+          return current === name;
+        };
+      };
+      return {
+        current: current,
+        version: version,
+        isEdge: isBrowser(edge),
+        isChrome: isBrowser(chrome),
+        isIE: isBrowser(ie),
+        isOpera: isBrowser(opera),
+        isFirefox: isBrowser(firefox),
+        isSafari: isBrowser(safari)
+      };
+    };
+    var Browser = {
+      unknown: unknown$1,
+      nu: nu$1,
+      edge: constant(edge),
+      chrome: constant(chrome),
+      ie: constant(ie),
+      opera: constant(opera),
+      firefox: constant(firefox),
+      safari: constant(safari)
+    };
+
+    var windows = 'Windows';
+    var ios = 'iOS';
+    var android = 'Android';
+    var linux = 'Linux';
+    var osx = 'OSX';
+    var solaris = 'Solaris';
+    var freebsd = 'FreeBSD';
+    var chromeos = 'ChromeOS';
+    var unknown$2 = function () {
+      return nu$2({
+        current: undefined,
+        version: Version.unknown()
+      });
+    };
+    var nu$2 = function (info) {
+      var current = info.current;
+      var version = info.version;
+      var isOS = function (name) {
+        return function () {
+          return current === name;
+        };
+      };
+      return {
+        current: current,
+        version: version,
+        isWindows: isOS(windows),
+        isiOS: isOS(ios),
+        isAndroid: isOS(android),
+        isOSX: isOS(osx),
+        isLinux: isOS(linux),
+        isSolaris: isOS(solaris),
+        isFreeBSD: isOS(freebsd),
+        isChromeOS: isOS(chromeos)
+      };
+    };
+    var OperatingSystem = {
+      unknown: unknown$2,
+      nu: nu$2,
+      windows: constant(windows),
+      ios: constant(ios),
+      android: constant(android),
+      linux: constant(linux),
+      osx: constant(osx),
+      solaris: constant(solaris),
+      freebsd: constant(freebsd),
+      chromeos: constant(chromeos)
+    };
+
+    var detect$2 = function (userAgent, mediaMatch) {
+      var browsers = PlatformInfo.browsers();
+      var oses = PlatformInfo.oses();
+      var browser = UaString.detectBrowser(browsers, userAgent).fold(Browser.unknown, Browser.nu);
+      var os = UaString.detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
+      var deviceType = DeviceType(os, browser, userAgent, mediaMatch);
+      return {
+        browser: browser,
+        os: os,
+        deviceType: deviceType
+      };
+    };
+    var PlatformDetection = { detect: detect$2 };
+
+    var mediaMatch = function (query) {
+      return window.matchMedia(query).matches;
+    };
+    var platform = cached(function () {
+      return PlatformDetection.detect(navigator.userAgent, mediaMatch);
+    });
+    var detect$3 = function () {
+      return platform();
+    };
+
+    var compareDocumentPosition = function (a, b, match) {
+      return (a.compareDocumentPosition(b) & match) !== 0;
+    };
+    var documentPositionContainedBy = function (a, b) {
+      return compareDocumentPosition(a, b, Node.DOCUMENT_POSITION_CONTAINED_BY);
+    };
+
+    var ELEMENT = 1;
+
+    var fromHtml = function (html, scope) {
+      var doc = scope || document;
+      var div = doc.createElement('div');
+      div.innerHTML = html;
+      if (!div.hasChildNodes() || div.childNodes.length > 1) {
+        console.error('HTML does not have a single root node', html);
+        throw new Error('HTML must have a single root node');
+      }
+      return fromDom(div.childNodes[0]);
+    };
+    var fromTag = function (tag, scope) {
+      var doc = scope || document;
+      var node = doc.createElement(tag);
+      return fromDom(node);
+    };
+    var fromText = function (text, scope) {
+      var doc = scope || document;
+      var node = doc.createTextNode(text);
+      return fromDom(node);
+    };
+    var fromDom = function (node) {
+      if (node === null || node === undefined) {
+        throw new Error('Node cannot be null or undefined');
+      }
+      return { dom: node };
+    };
+    var fromPoint = function (docElm, x, y) {
+      return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
+    };
+    var SugarElement = {
+      fromHtml: fromHtml,
+      fromTag: fromTag,
+      fromText: fromText,
+      fromDom: fromDom,
+      fromPoint: fromPoint
+    };
+
+    var is = function (element, selector) {
+      var dom = element.dom;
+      if (dom.nodeType !== ELEMENT) {
+        return false;
+      } else {
+        var elem = dom;
+        if (elem.matches !== undefined) {
+          return elem.matches(selector);
+        } else if (elem.msMatchesSelector !== undefined) {
+          return elem.msMatchesSelector(selector);
+        } else if (elem.webkitMatchesSelector !== undefined) {
+          return elem.webkitMatchesSelector(selector);
+        } else if (elem.mozMatchesSelector !== undefined) {
+          return elem.mozMatchesSelector(selector);
+        } else {
+          throw new Error('Browser lacks native selectors');
+        }
+      }
+    };
+
+    var eq = function (e1, e2) {
+      return e1.dom === e2.dom;
+    };
+    var regularContains = function (e1, e2) {
+      var d1 = e1.dom;
+      var d2 = e2.dom;
+      return d1 === d2 ? false : d1.contains(d2);
+    };
+    var ieContains = function (e1, e2) {
+      return documentPositionContainedBy(e1.dom, e2.dom);
+    };
+    var contains$1 = function (e1, e2) {
+      return detect$3().browser.isIE() ? ieContains(e1, e2) : regularContains(e1, e2);
+    };
+    var is$1 = is;
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.RangeUtils');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.dom.TreeWalker');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    var keys = Object.keys;
+    var each$1 = function (obj, f) {
+      var props = keys(obj);
+      for (var k = 0, len = props.length; k < len; k++) {
+        var i = props[k];
+        var x = obj[i];
+        f(x, i);
+      }
+    };
+    var objAcc = function (r) {
+      return function (x, i) {
+        r[i] = x;
+      };
+    };
+    var internalFilter = function (obj, pred, onTrue, onFalse) {
+      var r = {};
+      each$1(obj, function (x, i) {
+        (pred(x, i) ? onTrue : onFalse)(x, i);
+      });
+      return r;
+    };
+    var filter$1 = function (obj, pred) {
+      var t = {};
+      internalFilter(obj, pred, objAcc(t), noop);
+      return t;
+    };
+
+    var Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    var name = function (element) {
+      var r = element.dom.nodeName;
+      return r.toLowerCase();
+    };
+    var type = function (element) {
+      return element.dom.nodeType;
+    };
+    var isType$1 = function (t) {
+      return function (element) {
+        return type(element) === t;
+      };
+    };
+    var isElement = isType$1(ELEMENT);
+
+    var rawSet = function (dom, key, value) {
+      if (isString(value) || isBoolean(value) || isNumber(value)) {
+        dom.setAttribute(key, value + '');
+      } else {
+        console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+        throw new Error('Attribute value was not simple');
+      }
+    };
+    var setAll = function (element, attrs) {
+      var dom = element.dom;
+      each$1(attrs, function (v, k) {
+        rawSet(dom, k, v);
+      });
+    };
+    var clone = function (element) {
+      return foldl(element.dom.attributes, function (acc, attr) {
+        acc[attr.name] = attr.value;
+        return acc;
+      }, {});
+    };
+
+    var parent = function (element) {
+      return Optional.from(element.dom.parentNode).map(SugarElement.fromDom);
+    };
+    var children = function (element) {
+      return map(element.dom.childNodes, SugarElement.fromDom);
+    };
+    var child = function (element, index) {
+      var cs = element.dom.childNodes;
+      return Optional.from(cs[index]).map(SugarElement.fromDom);
+    };
+    var firstChild = function (element) {
+      return child(element, 0);
+    };
+    var lastChild = function (element) {
+      return child(element, element.dom.childNodes.length - 1);
+    };
+
+    var before = function (marker, element) {
+      var parent$1 = parent(marker);
+      parent$1.each(function (v) {
+        v.dom.insertBefore(element.dom, marker.dom);
+      });
+    };
+    var append = function (parent, element) {
+      parent.dom.appendChild(element.dom);
+    };
+
+    var before$1 = function (marker, elements) {
+      each(elements, function (x) {
+        before(marker, x);
+      });
+    };
+    var append$1 = function (parent, elements) {
+      each(elements, function (x) {
+        append(parent, x);
+      });
+    };
+
+    var remove = function (element) {
+      var dom = element.dom;
+      if (dom.parentNode !== null) {
+        dom.parentNode.removeChild(dom);
+      }
+    };
+
+    var clone$1 = function (original, isDeep) {
+      return SugarElement.fromDom(original.dom.cloneNode(isDeep));
+    };
+    var deep = function (original) {
+      return clone$1(original, true);
+    };
+    var shallowAs = function (original, tag) {
+      var nu = SugarElement.fromTag(tag);
+      var attributes = clone(original);
+      setAll(nu, attributes);
+      return nu;
+    };
+    var mutate = function (original, tag) {
+      var nu = shallowAs(original, tag);
+      before(original, nu);
+      var children$1 = children(original);
+      append$1(nu, children$1);
+      remove(original);
+      return nu;
+    };
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$5 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var matchNodeName = function (name) {
+      return function (node) {
+        return node && node.nodeName.toLowerCase() === name;
+      };
+    };
+    var matchNodeNames = function (regex) {
+      return function (node) {
+        return node && regex.test(node.nodeName);
+      };
+    };
+    var isTextNode = function (node) {
+      return node && node.nodeType === 3;
+    };
+    var isListNode = matchNodeNames(/^(OL|UL|DL)$/);
+    var isOlUlNode = matchNodeNames(/^(OL|UL)$/);
+    var isOlNode = matchNodeName('ol');
+    var isListItemNode = matchNodeNames(/^(LI|DT|DD)$/);
+    var isDlItemNode = matchNodeNames(/^(DT|DD)$/);
+    var isTableCellNode = matchNodeNames(/^(TH|TD)$/);
+    var isBr = matchNodeName('br');
+    var isFirstChild = function (node) {
+      return node.parentNode.firstChild === node;
+    };
+    var isTextBlock = function (editor, node) {
+      return node && !!editor.schema.getTextBlockElements()[node.nodeName];
+    };
+    var isBlock = function (node, blockElements) {
+      return node && node.nodeName in blockElements;
+    };
+    var isBogusBr = function (dom, node) {
+      if (!isBr(node)) {
+        return false;
+      }
+      return dom.isBlock(node.nextSibling) && !isBr(node.previousSibling);
+    };
+    var isEmpty = function (dom, elm, keepBookmarks) {
+      var empty = dom.isEmpty(elm);
+      if (keepBookmarks && dom.select('span[data-mce-type=bookmark]', elm).length > 0) {
+        return false;
+      }
+      return empty;
+    };
+    var isChildOfBody = function (dom, elm) {
+      return dom.isChildOf(elm, dom.getRoot());
+    };
+
+    var shouldIndentOnTab = function (editor) {
+      return editor.getParam('lists_indent_on_tab', true);
+    };
+    var getForcedRootBlock = function (editor) {
+      var block = editor.getParam('forced_root_block', 'p');
+      if (block === false) {
+        return '';
+      } else if (block === true) {
+        return 'p';
+      } else {
+        return block;
+      }
+    };
+    var getForcedRootBlockAttrs = function (editor) {
+      return editor.getParam('forced_root_block_attrs', {});
+    };
+
+    var createTextBlock = function (editor, contentNode) {
+      var dom = editor.dom;
+      var blockElements = editor.schema.getBlockElements();
+      var fragment = dom.createFragment();
+      var blockName = getForcedRootBlock(editor);
+      var node, textBlock, hasContentNode;
+      if (blockName) {
+        textBlock = dom.create(blockName);
+        if (textBlock.tagName === blockName.toUpperCase()) {
+          dom.setAttribs(textBlock, getForcedRootBlockAttrs(editor));
+        }
+        if (!isBlock(contentNode.firstChild, blockElements)) {
+          fragment.appendChild(textBlock);
+        }
+      }
+      if (contentNode) {
+        while (node = contentNode.firstChild) {
+          var nodeName = node.nodeName;
+          if (!hasContentNode && (nodeName !== 'SPAN' || node.getAttribute('data-mce-type') !== 'bookmark')) {
+            hasContentNode = true;
+          }
+          if (isBlock(node, blockElements)) {
+            fragment.appendChild(node);
+            textBlock = null;
+          } else {
+            if (blockName) {
+              if (!textBlock) {
+                textBlock = dom.create(blockName);
+                fragment.appendChild(textBlock);
+              }
+              textBlock.appendChild(node);
+            } else {
+              fragment.appendChild(node);
+            }
+          }
+        }
+      }
+      if (!blockName) {
+        fragment.appendChild(dom.create('br'));
+      } else {
+        if (!hasContentNode) {
+          textBlock.appendChild(dom.create('br', { 'data-mce-bogus': '1' }));
+        }
+      }
+      return fragment;
+    };
+
+    var DOM = global$4.DOM;
+    var splitList = function (editor, ul, li) {
+      var removeAndKeepBookmarks = function (targetNode) {
+        global$5.each(bookmarks, function (node) {
+          targetNode.parentNode.insertBefore(node, li.parentNode);
+        });
+        DOM.remove(targetNode);
+      };
+      var bookmarks = DOM.select('span[data-mce-type="bookmark"]', ul);
+      var newBlock = createTextBlock(editor, li);
+      var tmpRng = DOM.createRng();
+      tmpRng.setStartAfter(li);
+      tmpRng.setEndAfter(ul);
+      var fragment = tmpRng.extractContents();
+      for (var node = fragment.firstChild; node; node = node.firstChild) {
+        if (node.nodeName === 'LI' && editor.dom.isEmpty(node)) {
+          DOM.remove(node);
+          break;
+        }
+      }
+      if (!editor.dom.isEmpty(fragment)) {
+        DOM.insertAfter(fragment, ul);
+      }
+      DOM.insertAfter(newBlock, ul);
+      if (isEmpty(editor.dom, li.parentNode)) {
+        removeAndKeepBookmarks(li.parentNode);
+      }
+      DOM.remove(li);
+      if (isEmpty(editor.dom, ul)) {
+        DOM.remove(ul);
+      }
+    };
+
+    var outdentDlItem = function (editor, item) {
+      if (is$1(item, 'dd')) {
+        mutate(item, 'dt');
+      } else if (is$1(item, 'dt')) {
+        parent(item).each(function (dl) {
+          return splitList(editor, dl.dom, item.dom);
+        });
+      }
+    };
+    var indentDlItem = function (item) {
+      if (is$1(item, 'dt')) {
+        mutate(item, 'dd');
+      }
+    };
+    var dlIndentation = function (editor, indentation, dlItems) {
+      if (indentation === 'Indent') {
+        each(dlItems, indentDlItem);
+      } else {
+        each(dlItems, function (item) {
+          return outdentDlItem(editor, item);
+        });
+      }
+    };
+
+    var getNormalizedPoint = function (container, offset) {
+      if (isTextNode(container)) {
+        return {
+          container: container,
+          offset: offset
+        };
+      }
+      var node = global$1.getNode(container, offset);
+      if (isTextNode(node)) {
+        return {
+          container: node,
+          offset: offset >= container.childNodes.length ? node.data.length : 0
+        };
+      } else if (node.previousSibling && isTextNode(node.previousSibling)) {
+        return {
+          container: node.previousSibling,
+          offset: node.previousSibling.data.length
+        };
+      } else if (node.nextSibling && isTextNode(node.nextSibling)) {
+        return {
+          container: node.nextSibling,
+          offset: 0
+        };
+      }
+      return {
+        container: container,
+        offset: offset
+      };
+    };
+    var normalizeRange = function (rng) {
+      var outRng = rng.cloneRange();
+      var rangeStart = getNormalizedPoint(rng.startContainer, rng.startOffset);
+      outRng.setStart(rangeStart.container, rangeStart.offset);
+      var rangeEnd = getNormalizedPoint(rng.endContainer, rng.endOffset);
+      outRng.setEnd(rangeEnd.container, rangeEnd.offset);
+      return outRng;
+    };
+
+    var global$6 = tinymce.util.Tools.resolve('tinymce.dom.DomQuery');
+
+    var getParentList = function (editor, node) {
+      var selectionStart = node || editor.selection.getStart(true);
+      return editor.dom.getParent(selectionStart, 'OL,UL,DL', getClosestListRootElm(editor, selectionStart));
+    };
+    var isParentListSelected = function (parentList, selectedBlocks) {
+      return parentList && selectedBlocks.length === 1 && selectedBlocks[0] === parentList;
+    };
+    var findSubLists = function (parentList) {
+      return global$5.grep(parentList.querySelectorAll('ol,ul,dl'), function (elm) {
+        return isListNode(elm);
+      });
+    };
+    var getSelectedSubLists = function (editor) {
+      var parentList = getParentList(editor);
+      var selectedBlocks = editor.selection.getSelectedBlocks();
+      if (isParentListSelected(parentList, selectedBlocks)) {
+        return findSubLists(parentList);
+      } else {
+        return global$5.grep(selectedBlocks, function (elm) {
+          return isListNode(elm) && parentList !== elm;
+        });
+      }
+    };
+    var findParentListItemsNodes = function (editor, elms) {
+      var listItemsElms = global$5.map(elms, function (elm) {
+        var parentLi = editor.dom.getParent(elm, 'li,dd,dt', getClosestListRootElm(editor, elm));
+        return parentLi ? parentLi : elm;
+      });
+      return global$6.unique(listItemsElms);
+    };
+    var getSelectedListItems = function (editor) {
+      var selectedBlocks = editor.selection.getSelectedBlocks();
+      return global$5.grep(findParentListItemsNodes(editor, selectedBlocks), function (block) {
+        return isListItemNode(block);
+      });
+    };
+    var getSelectedDlItems = function (editor) {
+      return filter(getSelectedListItems(editor), isDlItemNode);
+    };
+    var getClosestListRootElm = function (editor, elm) {
+      var parentTableCell = editor.dom.getParents(elm, 'TD,TH');
+      var root = parentTableCell.length > 0 ? parentTableCell[0] : editor.getBody();
+      return root;
+    };
+    var findLastParentListNode = function (editor, elm) {
+      var parentLists = editor.dom.getParents(elm, 'ol,ul', getClosestListRootElm(editor, elm));
+      return last(parentLists);
+    };
+    var getSelectedLists = function (editor) {
+      var firstList = findLastParentListNode(editor, editor.selection.getStart());
+      var subsequentLists = filter(editor.selection.getSelectedBlocks(), isOlUlNode);
+      return firstList.toArray().concat(subsequentLists);
+    };
+    var getSelectedListRoots = function (editor) {
+      var selectedLists = getSelectedLists(editor);
+      return getUniqueListRoots(editor, selectedLists);
+    };
+    var getUniqueListRoots = function (editor, lists) {
+      var listRoots = map(lists, function (list) {
+        return findLastParentListNode(editor, list).getOr(list);
+      });
+      return global$6.unique(listRoots);
+    };
+
+    var lift2 = function (oa, ob, f) {
+      return oa.isSome() && ob.isSome() ? Optional.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
+    };
+
+    var fromElements = function (elements, scope) {
+      var doc = scope || document;
+      var fragment = doc.createDocumentFragment();
+      each(elements, function (element) {
+        fragment.appendChild(element.dom);
+      });
+      return SugarElement.fromDom(fragment);
+    };
+
+    var fireListEvent = function (editor, action, element) {
+      return editor.fire('ListMutation', {
+        action: action,
+        element: element
+      });
+    };
+
+    var isSupported = function (dom) {
+      return dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+    };
+
+    var internalSet = function (dom, property, value) {
+      if (!isString(value)) {
+        console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+        throw new Error('CSS value must be a string: ' + value);
+      }
+      if (isSupported(dom)) {
+        dom.style.setProperty(property, value);
+      }
+    };
+    var set = function (element, property, value) {
+      var dom = element.dom;
+      internalSet(dom, property, value);
+    };
+
+    var joinSegment = function (parent, child) {
+      append(parent.item, child.list);
+    };
+    var joinSegments = function (segments) {
+      for (var i = 1; i < segments.length; i++) {
+        joinSegment(segments[i - 1], segments[i]);
+      }
+    };
+    var appendSegments = function (head$1, tail) {
+      lift2(last(head$1), head(tail), joinSegment);
+    };
+    var createSegment = function (scope, listType) {
+      var segment = {
+        list: SugarElement.fromTag(listType, scope),
+        item: SugarElement.fromTag('li', scope)
+      };
+      append(segment.list, segment.item);
+      return segment;
+    };
+    var createSegments = function (scope, entry, size) {
+      var segments = [];
+      for (var i = 0; i < size; i++) {
+        segments.push(createSegment(scope, entry.listType));
+      }
+      return segments;
+    };
+    var populateSegments = function (segments, entry) {
+      for (var i = 0; i < segments.length - 1; i++) {
+        set(segments[i].item, 'list-style-type', 'none');
+      }
+      last(segments).each(function (segment) {
+        setAll(segment.list, entry.listAttributes);
+        setAll(segment.item, entry.itemAttributes);
+        append$1(segment.item, entry.content);
+      });
+    };
+    var normalizeSegment = function (segment, entry) {
+      if (name(segment.list) !== entry.listType) {
+        segment.list = mutate(segment.list, entry.listType);
+      }
+      setAll(segment.list, entry.listAttributes);
+    };
+    var createItem = function (scope, attr, content) {
+      var item = SugarElement.fromTag('li', scope);
+      setAll(item, attr);
+      append$1(item, content);
+      return item;
+    };
+    var appendItem = function (segment, item) {
+      append(segment.list, item);
+      segment.item = item;
+    };
+    var writeShallow = function (scope, cast, entry) {
+      var newCast = cast.slice(0, entry.depth);
+      last(newCast).each(function (segment) {
+        var item = createItem(scope, entry.itemAttributes, entry.content);
+        appendItem(segment, item);
+        normalizeSegment(segment, entry);
+      });
+      return newCast;
+    };
+    var writeDeep = function (scope, cast, entry) {
+      var segments = createSegments(scope, entry, entry.depth - cast.length);
+      joinSegments(segments);
+      populateSegments(segments, entry);
+      appendSegments(cast, segments);
+      return cast.concat(segments);
+    };
+    var composeList = function (scope, entries) {
+      var cast = foldl(entries, function (cast, entry) {
+        return entry.depth > cast.length ? writeDeep(scope, cast, entry) : writeShallow(scope, cast, entry);
+      }, []);
+      return head(cast).map(function (segment) {
+        return segment.list;
+      });
+    };
+
+    var isList = function (el) {
+      return is$1(el, 'OL,UL');
+    };
+    var hasFirstChildList = function (el) {
+      return firstChild(el).map(isList).getOr(false);
+    };
+    var hasLastChildList = function (el) {
+      return lastChild(el).map(isList).getOr(false);
+    };
+
+    var isIndented = function (entry) {
+      return entry.depth > 0;
+    };
+    var isSelected = function (entry) {
+      return entry.isSelected;
+    };
+    var cloneItemContent = function (li) {
+      var children$1 = children(li);
+      var content = hasLastChildList(li) ? children$1.slice(0, -1) : children$1;
+      return map(content, deep);
+    };
+    var createEntry = function (li, depth, isSelected) {
+      return parent(li).filter(isElement).map(function (list) {
+        return {
+          depth: depth,
+          dirty: false,
+          isSelected: isSelected,
+          content: cloneItemContent(li),
+          itemAttributes: clone(li),
+          listAttributes: clone(list),
+          listType: name(list)
+        };
+      });
+    };
+
+    var indentEntry = function (indentation, entry) {
+      switch (indentation) {
+      case 'Indent':
+        entry.depth++;
+        break;
+      case 'Outdent':
+        entry.depth--;
+        break;
+      case 'Flatten':
+        entry.depth = 0;
+      }
+      entry.dirty = true;
+    };
+
+    var cloneListProperties = function (target, source) {
+      target.listType = source.listType;
+      target.listAttributes = __assign({}, source.listAttributes);
+    };
+    var cleanListProperties = function (entry) {
+      entry.listAttributes = filter$1(entry.listAttributes, function (_value, key) {
+        return key !== 'start';
+      });
+    };
+    var closestSiblingEntry = function (entries, start) {
+      var depth = entries[start].depth;
+      var matches = function (entry) {
+        return entry.depth === depth && !entry.dirty;
+      };
+      var until = function (entry) {
+        return entry.depth < depth;
+      };
+      return findUntil(reverse(entries.slice(0, start)), matches, until).orThunk(function () {
+        return findUntil(entries.slice(start + 1), matches, until);
+      });
+    };
+    var normalizeEntries = function (entries) {
+      each(entries, function (entry, i) {
+        closestSiblingEntry(entries, i).fold(function () {
+          if (entry.dirty) {
+            cleanListProperties(entry);
+          }
+        }, function (matchingEntry) {
+          return cloneListProperties(entry, matchingEntry);
+        });
+      });
+      return entries;
+    };
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var parseItem = function (depth, itemSelection, selectionState, item) {
+      return firstChild(item).filter(isList).fold(function () {
+        itemSelection.each(function (selection) {
+          if (eq(selection.start, item)) {
+            selectionState.set(true);
+          }
+        });
+        var currentItemEntry = createEntry(item, depth, selectionState.get());
+        itemSelection.each(function (selection) {
+          if (eq(selection.end, item)) {
+            selectionState.set(false);
+          }
+        });
+        var childListEntries = lastChild(item).filter(isList).map(function (list) {
+          return parseList(depth, itemSelection, selectionState, list);
+        }).getOr([]);
+        return currentItemEntry.toArray().concat(childListEntries);
+      }, function (list) {
+        return parseList(depth, itemSelection, selectionState, list);
+      });
+    };
+    var parseList = function (depth, itemSelection, selectionState, list) {
+      return bind(children(list), function (element) {
+        var parser = isList(element) ? parseList : parseItem;
+        var newDepth = depth + 1;
+        return parser(newDepth, itemSelection, selectionState, element);
+      });
+    };
+    var parseLists = function (lists, itemSelection) {
+      var selectionState = Cell(false);
+      var initialDepth = 0;
+      return map(lists, function (list) {
+        return {
+          sourceList: list,
+          entries: parseList(initialDepth, itemSelection, selectionState, list)
+        };
+      });
+    };
+
+    var outdentedComposer = function (editor, entries) {
+      var normalizedEntries = normalizeEntries(entries);
+      return map(normalizedEntries, function (entry) {
+        var content = fromElements(entry.content);
+        return SugarElement.fromDom(createTextBlock(editor, content.dom));
+      });
+    };
+    var indentedComposer = function (editor, entries) {
+      var normalizedEntries = normalizeEntries(entries);
+      return composeList(editor.contentDocument, normalizedEntries).toArray();
+    };
+    var composeEntries = function (editor, entries) {
+      return bind(groupBy(entries, isIndented), function (entries) {
+        var groupIsIndented = head(entries).map(isIndented).getOr(false);
+        return groupIsIndented ? indentedComposer(editor, entries) : outdentedComposer(editor, entries);
+      });
+    };
+    var indentSelectedEntries = function (entries, indentation) {
+      each(filter(entries, isSelected), function (entry) {
+        return indentEntry(indentation, entry);
+      });
+    };
+    var getItemSelection = function (editor) {
+      var selectedListItems = map(getSelectedListItems(editor), SugarElement.fromDom);
+      return lift2(find(selectedListItems, not(hasFirstChildList)), find(reverse(selectedListItems), not(hasFirstChildList)), function (start, end) {
+        return {
+          start: start,
+          end: end
+        };
+      });
+    };
+    var listIndentation = function (editor, lists, indentation) {
+      var entrySets = parseLists(lists, getItemSelection(editor));
+      each(entrySets, function (entrySet) {
+        indentSelectedEntries(entrySet.entries, indentation);
+        var composedLists = composeEntries(editor, entrySet.entries);
+        each(composedLists, function (composedList) {
+          fireListEvent(editor, indentation === 'Indent' ? 'IndentList' : 'OutdentList', composedList.dom);
+        });
+        before$1(entrySet.sourceList, composedLists);
+        remove(entrySet.sourceList);
+      });
+    };
+
+    var selectionIndentation = function (editor, indentation) {
+      var lists = map(getSelectedListRoots(editor), SugarElement.fromDom);
+      var dlItems = map(getSelectedDlItems(editor), SugarElement.fromDom);
+      var isHandled = false;
+      if (lists.length || dlItems.length) {
+        var bookmark = editor.selection.getBookmark();
+        listIndentation(editor, lists, indentation);
+        dlIndentation(editor, indentation, dlItems);
+        editor.selection.moveToBookmark(bookmark);
+        editor.selection.setRng(normalizeRange(editor.selection.getRng()));
+        editor.nodeChanged();
+        isHandled = true;
+      }
+      return isHandled;
+    };
+    var indentListSelection = function (editor) {
+      return selectionIndentation(editor, 'Indent');
+    };
+    var outdentListSelection = function (editor) {
+      return selectionIndentation(editor, 'Outdent');
+    };
+    var flattenListSelection = function (editor) {
+      return selectionIndentation(editor, 'Flatten');
+    };
+
+    var global$7 = tinymce.util.Tools.resolve('tinymce.dom.BookmarkManager');
+
+    var DOM$1 = global$4.DOM;
+    var createBookmark = function (rng) {
+      var bookmark = {};
+      var setupEndPoint = function (start) {
+        var offsetNode, container, offset;
+        container = rng[start ? 'startContainer' : 'endContainer'];
+        offset = rng[start ? 'startOffset' : 'endOffset'];
+        if (container.nodeType === 1) {
+          offsetNode = DOM$1.create('span', { 'data-mce-type': 'bookmark' });
+          if (container.hasChildNodes()) {
+            offset = Math.min(offset, container.childNodes.length - 1);
+            if (start) {
+              container.insertBefore(offsetNode, container.childNodes[offset]);
+            } else {
+              DOM$1.insertAfter(offsetNode, container.childNodes[offset]);
+            }
+          } else {
+            container.appendChild(offsetNode);
+          }
+          container = offsetNode;
+          offset = 0;
+        }
+        bookmark[start ? 'startContainer' : 'endContainer'] = container;
+        bookmark[start ? 'startOffset' : 'endOffset'] = offset;
+      };
+      setupEndPoint(true);
+      if (!rng.collapsed) {
+        setupEndPoint();
+      }
+      return bookmark;
+    };
+    var resolveBookmark = function (bookmark) {
+      function restoreEndPoint(start) {
+        var container, offset, node;
+        var nodeIndex = function (container) {
+          var node = container.parentNode.firstChild, idx = 0;
+          while (node) {
+            if (node === container) {
+              return idx;
+            }
+            if (node.nodeType !== 1 || node.getAttribute('data-mce-type') !== 'bookmark') {
+              idx++;
+            }
+            node = node.nextSibling;
+          }
+          return -1;
+        };
+        container = node = bookmark[start ? 'startContainer' : 'endContainer'];
+        offset = bookmark[start ? 'startOffset' : 'endOffset'];
+        if (!container) {
+          return;
+        }
+        if (container.nodeType === 1) {
+          offset = nodeIndex(container);
+          container = container.parentNode;
+          DOM$1.remove(node);
+          if (!container.hasChildNodes() && DOM$1.isBlock(container)) {
+            container.appendChild(DOM$1.create('br'));
+          }
+        }
+        bookmark[start ? 'startContainer' : 'endContainer'] = container;
+        bookmark[start ? 'startOffset' : 'endOffset'] = offset;
+      }
+      restoreEndPoint(true);
+      restoreEndPoint();
+      var rng = DOM$1.createRng();
+      rng.setStart(bookmark.startContainer, bookmark.startOffset);
+      if (bookmark.endContainer) {
+        rng.setEnd(bookmark.endContainer, bookmark.endOffset);
+      }
+      return normalizeRange(rng);
+    };
+
+    var listToggleActionFromListName = function (listName) {
+      switch (listName) {
+      case 'UL':
+        return 'ToggleUlList';
+      case 'OL':
+        return 'ToggleOlList';
+      case 'DL':
+        return 'ToggleDLList';
+      }
+    };
+
+    var isCustomList = function (list) {
+      return /\btox\-/.test(list.className);
+    };
+    var listState = function (editor, listName, activate) {
+      var nodeChangeHandler = function (e) {
+        var inList = findUntil(e.parents, isListNode, isTableCellNode).filter(function (list) {
+          return list.nodeName === listName && !isCustomList(list);
+        }).isSome();
+        activate(inList);
+      };
+      var parents = editor.dom.getParents(editor.selection.getNode());
+      nodeChangeHandler({ parents: parents });
+      editor.on('NodeChange', nodeChangeHandler);
+      return function () {
+        return editor.off('NodeChange', nodeChangeHandler);
+      };
+    };
+
+    var updateListStyle = function (dom, el, detail) {
+      var type = detail['list-style-type'] ? detail['list-style-type'] : null;
+      dom.setStyle(el, 'list-style-type', type);
+    };
+    var setAttribs = function (elm, attrs) {
+      global$5.each(attrs, function (value, key) {
+        elm.setAttribute(key, value);
+      });
+    };
+    var updateListAttrs = function (dom, el, detail) {
+      setAttribs(el, detail['list-attributes']);
+      global$5.each(dom.select('li', el), function (li) {
+        setAttribs(li, detail['list-item-attributes']);
+      });
+    };
+    var updateListWithDetails = function (dom, el, detail) {
+      updateListStyle(dom, el, detail);
+      updateListAttrs(dom, el, detail);
+    };
+    var removeStyles = function (dom, element, styles) {
+      global$5.each(styles, function (style) {
+        var _a;
+        return dom.setStyle(element, (_a = {}, _a[style] = '', _a));
+      });
+    };
+    var getEndPointNode = function (editor, rng, start, root) {
+      var container = rng[start ? 'startContainer' : 'endContainer'];
+      var offset = rng[start ? 'startOffset' : 'endOffset'];
+      if (container.nodeType === 1) {
+        container = container.childNodes[Math.min(offset, container.childNodes.length - 1)] || container;
+      }
+      if (!start && isBr(container.nextSibling)) {
+        container = container.nextSibling;
+      }
+      while (container.parentNode !== root) {
+        if (isTextBlock(editor, container)) {
+          return container;
+        }
+        if (/^(TD|TH)$/.test(container.parentNode.nodeName)) {
+          return container;
+        }
+        container = container.parentNode;
+      }
+      return container;
+    };
+    var getSelectedTextBlocks = function (editor, rng, root) {
+      var textBlocks = [], dom = editor.dom;
+      var startNode = getEndPointNode(editor, rng, true, root);
+      var endNode = getEndPointNode(editor, rng, false, root);
+      var block;
+      var siblings = [];
+      for (var node = startNode; node; node = node.nextSibling) {
+        siblings.push(node);
+        if (node === endNode) {
+          break;
+        }
+      }
+      global$5.each(siblings, function (node) {
+        if (isTextBlock(editor, node)) {
+          textBlocks.push(node);
+          block = null;
+          return;
+        }
+        if (dom.isBlock(node) || isBr(node)) {
+          if (isBr(node)) {
+            dom.remove(node);
+          }
+          block = null;
+          return;
+        }
+        var nextSibling = node.nextSibling;
+        if (global$7.isBookmarkNode(node)) {
+          if (isTextBlock(editor, nextSibling) || !nextSibling && node.parentNode === root) {
+            block = null;
+            return;
+          }
+        }
+        if (!block) {
+          block = dom.create('p');
+          node.parentNode.insertBefore(block, node);
+          textBlocks.push(block);
+        }
+        block.appendChild(node);
+      });
+      return textBlocks;
+    };
+    var hasCompatibleStyle = function (dom, sib, detail) {
+      var sibStyle = dom.getStyle(sib, 'list-style-type');
+      var detailStyle = detail ? detail['list-style-type'] : '';
+      detailStyle = detailStyle === null ? '' : detailStyle;
+      return sibStyle === detailStyle;
+    };
+    var applyList = function (editor, listName, detail) {
+      if (detail === void 0) {
+        detail = {};
+      }
+      var rng = editor.selection.getRng();
+      var listItemName = 'LI';
+      var root = getClosestListRootElm(editor, editor.selection.getStart(true));
+      var dom = editor.dom;
+      if (dom.getContentEditable(editor.selection.getNode()) === 'false') {
+        return;
+      }
+      listName = listName.toUpperCase();
+      if (listName === 'DL') {
+        listItemName = 'DT';
+      }
+      var bookmark = createBookmark(rng);
+      global$5.each(getSelectedTextBlocks(editor, rng, root), function (block) {
+        var listBlock;
+        var sibling = block.previousSibling;
+        if (sibling && isListNode(sibling) && sibling.nodeName === listName && hasCompatibleStyle(dom, sibling, detail)) {
+          listBlock = sibling;
+          block = dom.rename(block, listItemName);
+          sibling.appendChild(block);
+        } else {
+          listBlock = dom.create(listName);
+          block.parentNode.insertBefore(listBlock, block);
+          listBlock.appendChild(block);
+          block = dom.rename(block, listItemName);
+        }
+        removeStyles(dom, block, [
+          'margin',
+          'margin-right',
+          'margin-bottom',
+          'margin-left',
+          'margin-top',
+          'padding',
+          'padding-right',
+          'padding-bottom',
+          'padding-left',
+          'padding-top'
+        ]);
+        updateListWithDetails(dom, listBlock, detail);
+        mergeWithAdjacentLists(editor.dom, listBlock);
+      });
+      editor.selection.setRng(resolveBookmark(bookmark));
+    };
+    var isValidLists = function (list1, list2) {
+      return list1 && list2 && isListNode(list1) && list1.nodeName === list2.nodeName;
+    };
+    var hasSameListStyle = function (dom, list1, list2) {
+      var targetStyle = dom.getStyle(list1, 'list-style-type', true);
+      var style = dom.getStyle(list2, 'list-style-type', true);
+      return targetStyle === style;
+    };
+    var hasSameClasses = function (elm1, elm2) {
+      return elm1.className === elm2.className;
+    };
+    var shouldMerge = function (dom, list1, list2) {
+      return isValidLists(list1, list2) && hasSameListStyle(dom, list1, list2) && hasSameClasses(list1, list2);
+    };
+    var mergeWithAdjacentLists = function (dom, listBlock) {
+      var sibling, node;
+      sibling = listBlock.nextSibling;
+      if (shouldMerge(dom, listBlock, sibling)) {
+        while (node = sibling.firstChild) {
+          listBlock.appendChild(node);
+        }
+        dom.remove(sibling);
+      }
+      sibling = listBlock.previousSibling;
+      if (shouldMerge(dom, listBlock, sibling)) {
+        while (node = sibling.lastChild) {
+          listBlock.insertBefore(node, listBlock.firstChild);
+        }
+        dom.remove(sibling);
+      }
+    };
+    var updateList = function (editor, list, listName, detail) {
+      if (list.nodeName !== listName) {
+        var newList = editor.dom.rename(list, listName);
+        updateListWithDetails(editor.dom, newList, detail);
+        fireListEvent(editor, listToggleActionFromListName(listName), newList);
+      } else {
+        updateListWithDetails(editor.dom, list, detail);
+        fireListEvent(editor, listToggleActionFromListName(listName), list);
+      }
+    };
+    var toggleMultipleLists = function (editor, parentList, lists, listName, detail) {
+      if (parentList.nodeName === listName && !hasListStyleDetail(detail)) {
+        flattenListSelection(editor);
+      } else {
+        var bookmark = createBookmark(editor.selection.getRng(true));
+        global$5.each([parentList].concat(lists), function (elm) {
+          updateList(editor, elm, listName, detail);
+        });
+        editor.selection.setRng(resolveBookmark(bookmark));
+      }
+    };
+    var hasListStyleDetail = function (detail) {
+      return 'list-style-type' in detail;
+    };
+    var toggleSingleList = function (editor, parentList, listName, detail) {
+      if (parentList === editor.getBody()) {
+        return;
+      }
+      if (parentList) {
+        if (parentList.nodeName === listName && !hasListStyleDetail(detail) && !isCustomList(parentList)) {
+          flattenListSelection(editor);
+        } else {
+          var bookmark = createBookmark(editor.selection.getRng(true));
+          updateListWithDetails(editor.dom, parentList, detail);
+          var newList = editor.dom.rename(parentList, listName);
+          mergeWithAdjacentLists(editor.dom, newList);
+          editor.selection.setRng(resolveBookmark(bookmark));
+          fireListEvent(editor, listToggleActionFromListName(listName), newList);
+        }
+      } else {
+        applyList(editor, listName, detail);
+        fireListEvent(editor, listToggleActionFromListName(listName), parentList);
+      }
+    };
+    var toggleList = function (editor, listName, detail) {
+      var parentList = getParentList(editor);
+      var selectedSubLists = getSelectedSubLists(editor);
+      detail = detail ? detail : {};
+      if (parentList && selectedSubLists.length > 0) {
+        toggleMultipleLists(editor, parentList, selectedSubLists, listName, detail);
+      } else {
+        toggleSingleList(editor, parentList, listName, detail);
+      }
+    };
+
+    var DOM$2 = global$4.DOM;
+    var normalizeList = function (dom, ul) {
+      var sibling;
+      var parentNode = ul.parentNode;
+      if (parentNode.nodeName === 'LI' && parentNode.firstChild === ul) {
+        sibling = parentNode.previousSibling;
+        if (sibling && sibling.nodeName === 'LI') {
+          sibling.appendChild(ul);
+          if (isEmpty(dom, parentNode)) {
+            DOM$2.remove(parentNode);
+          }
+        } else {
+          DOM$2.setStyle(parentNode, 'listStyleType', 'none');
+        }
+      }
+      if (isListNode(parentNode)) {
+        sibling = parentNode.previousSibling;
+        if (sibling && sibling.nodeName === 'LI') {
+          sibling.appendChild(ul);
+        }
+      }
+    };
+    var normalizeLists = function (dom, element) {
+      global$5.each(global$5.grep(dom.select('ol,ul', element)), function (ul) {
+        normalizeList(dom, ul);
+      });
+    };
+
+    var findNextCaretContainer = function (editor, rng, isForward, root) {
+      var node = rng.startContainer;
+      var offset = rng.startOffset;
+      if (isTextNode(node) && (isForward ? offset < node.data.length : offset > 0)) {
+        return node;
+      }
+      var nonEmptyBlocks = editor.schema.getNonEmptyElements();
+      if (node.nodeType === 1) {
+        node = global$1.getNode(node, offset);
+      }
+      var walker = new global$2(node, root);
+      if (isForward) {
+        if (isBogusBr(editor.dom, node)) {
+          walker.next();
+        }
+      }
+      while (node = walker[isForward ? 'next' : 'prev2']()) {
+        if (node.nodeName === 'LI' && !node.hasChildNodes()) {
+          return node;
+        }
+        if (nonEmptyBlocks[node.nodeName]) {
+          return node;
+        }
+        if (isTextNode(node) && node.data.length > 0) {
+          return node;
+        }
+      }
+    };
+    var hasOnlyOneBlockChild = function (dom, elm) {
+      var childNodes = elm.childNodes;
+      return childNodes.length === 1 && !isListNode(childNodes[0]) && dom.isBlock(childNodes[0]);
+    };
+    var unwrapSingleBlockChild = function (dom, elm) {
+      if (hasOnlyOneBlockChild(dom, elm)) {
+        dom.remove(elm.firstChild, true);
+      }
+    };
+    var moveChildren = function (dom, fromElm, toElm) {
+      var node;
+      var targetElm = hasOnlyOneBlockChild(dom, toElm) ? toElm.firstChild : toElm;
+      unwrapSingleBlockChild(dom, fromElm);
+      if (!isEmpty(dom, fromElm, true)) {
+        while (node = fromElm.firstChild) {
+          targetElm.appendChild(node);
+        }
+      }
+    };
+    var mergeLiElements = function (dom, fromElm, toElm) {
+      var listNode;
+      var ul = fromElm.parentNode;
+      if (!isChildOfBody(dom, fromElm) || !isChildOfBody(dom, toElm)) {
+        return;
+      }
+      if (isListNode(toElm.lastChild)) {
+        listNode = toElm.lastChild;
+      }
+      if (ul === toElm.lastChild) {
+        if (isBr(ul.previousSibling)) {
+          dom.remove(ul.previousSibling);
+        }
+      }
+      var node = toElm.lastChild;
+      if (node && isBr(node) && fromElm.hasChildNodes()) {
+        dom.remove(node);
+      }
+      if (isEmpty(dom, toElm, true)) {
+        dom.$(toElm).empty();
+      }
+      moveChildren(dom, fromElm, toElm);
+      if (listNode) {
+        toElm.appendChild(listNode);
+      }
+      var contains = contains$1(SugarElement.fromDom(toElm), SugarElement.fromDom(fromElm));
+      var nestedLists = contains ? dom.getParents(fromElm, isListNode, toElm) : [];
+      dom.remove(fromElm);
+      each(nestedLists, function (list) {
+        if (isEmpty(dom, list) && list !== dom.getRoot()) {
+          dom.remove(list);
+        }
+      });
+    };
+    var mergeIntoEmptyLi = function (editor, fromLi, toLi) {
+      editor.dom.$(toLi).empty();
+      mergeLiElements(editor.dom, fromLi, toLi);
+      editor.selection.setCursorLocation(toLi);
+    };
+    var mergeForward = function (editor, rng, fromLi, toLi) {
+      var dom = editor.dom;
+      if (dom.isEmpty(toLi)) {
+        mergeIntoEmptyLi(editor, fromLi, toLi);
+      } else {
+        var bookmark = createBookmark(rng);
+        mergeLiElements(dom, fromLi, toLi);
+        editor.selection.setRng(resolveBookmark(bookmark));
+      }
+    };
+    var mergeBackward = function (editor, rng, fromLi, toLi) {
+      var bookmark = createBookmark(rng);
+      mergeLiElements(editor.dom, fromLi, toLi);
+      var resolvedBookmark = resolveBookmark(bookmark);
+      editor.selection.setRng(resolvedBookmark);
+    };
+    var backspaceDeleteFromListToListCaret = function (editor, isForward) {
+      var dom = editor.dom, selection = editor.selection;
+      var selectionStartElm = selection.getStart();
+      var root = getClosestListRootElm(editor, selectionStartElm);
+      var li = dom.getParent(selection.getStart(), 'LI', root);
+      if (li) {
+        var ul = li.parentNode;
+        if (ul === editor.getBody() && isEmpty(dom, ul)) {
+          return true;
+        }
+        var rng_1 = normalizeRange(selection.getRng());
+        var otherLi_1 = dom.getParent(findNextCaretContainer(editor, rng_1, isForward, root), 'LI', root);
+        if (otherLi_1 && otherLi_1 !== li) {
+          editor.undoManager.transact(function () {
+            if (isForward) {
+              mergeForward(editor, rng_1, otherLi_1, li);
+            } else {
+              if (isFirstChild(li)) {
+                outdentListSelection(editor);
+              } else {
+                mergeBackward(editor, rng_1, li, otherLi_1);
+              }
+            }
+          });
+          return true;
+        } else if (!otherLi_1) {
+          if (!isForward && rng_1.startOffset === 0 && rng_1.endOffset === 0) {
+            editor.undoManager.transact(function () {
+              flattenListSelection(editor);
+            });
+            return true;
+          }
+        }
+      }
+      return false;
+    };
+    var removeBlock = function (dom, block, root) {
+      var parentBlock = dom.getParent(block.parentNode, dom.isBlock, root);
+      dom.remove(block);
+      if (parentBlock && dom.isEmpty(parentBlock)) {
+        dom.remove(parentBlock);
+      }
+    };
+    var backspaceDeleteIntoListCaret = function (editor, isForward) {
+      var dom = editor.dom;
+      var selectionStartElm = editor.selection.getStart();
+      var root = getClosestListRootElm(editor, selectionStartElm);
+      var block = dom.getParent(selectionStartElm, dom.isBlock, root);
+      if (block && dom.isEmpty(block)) {
+        var rng = normalizeRange(editor.selection.getRng());
+        var otherLi_2 = dom.getParent(findNextCaretContainer(editor, rng, isForward, root), 'LI', root);
+        if (otherLi_2) {
+          editor.undoManager.transact(function () {
+            removeBlock(dom, block, root);
+            mergeWithAdjacentLists(dom, otherLi_2.parentNode);
+            editor.selection.select(otherLi_2, true);
+            editor.selection.collapse(isForward);
+          });
+          return true;
+        }
+      }
+      return false;
+    };
+    var backspaceDeleteCaret = function (editor, isForward) {
+      return backspaceDeleteFromListToListCaret(editor, isForward) || backspaceDeleteIntoListCaret(editor, isForward);
+    };
+    var backspaceDeleteRange = function (editor) {
+      var selectionStartElm = editor.selection.getStart();
+      var root = getClosestListRootElm(editor, selectionStartElm);
+      var startListParent = editor.dom.getParent(selectionStartElm, 'LI,DT,DD', root);
+      if (startListParent || getSelectedListItems(editor).length > 0) {
+        editor.undoManager.transact(function () {
+          editor.execCommand('Delete');
+          normalizeLists(editor.dom, editor.getBody());
+        });
+        return true;
+      }
+      return false;
+    };
+    var backspaceDelete = function (editor, isForward) {
+      return editor.selection.isCollapsed() ? backspaceDeleteCaret(editor, isForward) : backspaceDeleteRange(editor);
+    };
+    var setup = function (editor) {
+      editor.on('keydown', function (e) {
+        if (e.keyCode === global$3.BACKSPACE) {
+          if (backspaceDelete(editor, false)) {
+            e.preventDefault();
+          }
+        } else if (e.keyCode === global$3.DELETE) {
+          if (backspaceDelete(editor, true)) {
+            e.preventDefault();
+          }
+        }
+      });
+    };
+
+    var get$1 = function (editor) {
+      return {
+        backspaceDelete: function (isForward) {
+          backspaceDelete(editor, isForward);
+        }
+      };
+    };
+
+    var open = function (editor) {
+      var dom = editor.dom;
+      var currentList = getParentList(editor);
+      if (!isOlNode(currentList)) {
+        return;
+      }
+      editor.windowManager.open({
+        title: 'List Properties',
+        body: {
+          type: 'panel',
+          items: [{
+              type: 'input',
+              name: 'start',
+              label: 'Start list at number',
+              inputMode: 'numeric'
+            }]
+        },
+        initialData: { start: dom.getAttrib(currentList, 'start') || '1' },
+        buttons: [
+          {
+            type: 'cancel',
+            name: 'cancel',
+            text: 'Cancel'
+          },
+          {
+            type: 'submit',
+            name: 'save',
+            text: 'Save',
+            primary: true
+          }
+        ],
+        onSubmit: function (api) {
+          var data = api.getData();
+          editor.undoManager.transact(function () {
+            dom.setAttrib(getParentList(editor), 'start', data.start === '1' ? '' : data.start);
+          });
+          api.close();
+        }
+      });
+    };
+
+    var queryListCommandState = function (editor, listName) {
+      return function () {
+        var parentList = editor.dom.getParent(editor.selection.getStart(), 'UL,OL,DL');
+        return parentList && parentList.nodeName === listName;
+      };
+    };
+    var register = function (editor) {
+      editor.on('BeforeExecCommand', function (e) {
+        var cmd = e.command.toLowerCase();
+        if (cmd === 'indent') {
+          indentListSelection(editor);
+        } else if (cmd === 'outdent') {
+          outdentListSelection(editor);
+        }
+      });
+      editor.addCommand('InsertUnorderedList', function (ui, detail) {
+        toggleList(editor, 'UL', detail);
+      });
+      editor.addCommand('InsertOrderedList', function (ui, detail) {
+        toggleList(editor, 'OL', detail);
+      });
+      editor.addCommand('InsertDefinitionList', function (ui, detail) {
+        toggleList(editor, 'DL', detail);
+      });
+      editor.addCommand('RemoveList', function () {
+        flattenListSelection(editor);
+      });
+      editor.addCommand('mceListProps', function () {
+        open(editor);
+      });
+      editor.addQueryStateHandler('InsertUnorderedList', queryListCommandState(editor, 'UL'));
+      editor.addQueryStateHandler('InsertOrderedList', queryListCommandState(editor, 'OL'));
+      editor.addQueryStateHandler('InsertDefinitionList', queryListCommandState(editor, 'DL'));
+    };
+
+    var setupTabKey = function (editor) {
+      editor.on('keydown', function (e) {
+        if (e.keyCode !== global$3.TAB || global$3.metaKeyPressed(e)) {
+          return;
+        }
+        editor.undoManager.transact(function () {
+          if (e.shiftKey ? outdentListSelection(editor) : indentListSelection(editor)) {
+            e.preventDefault();
+          }
+        });
+      });
+    };
+    var setup$1 = function (editor) {
+      if (shouldIndentOnTab(editor)) {
+        setupTabKey(editor);
+      }
+      setup(editor);
+    };
+
+    var register$1 = function (editor) {
+      var exec = function (command) {
+        return function () {
+          return editor.execCommand(command);
+        };
+      };
+      if (!editor.hasPlugin('advlist')) {
+        editor.ui.registry.addToggleButton('numlist', {
+          icon: 'ordered-list',
+          active: false,
+          tooltip: 'Numbered list',
+          onAction: exec('InsertOrderedList'),
+          onSetup: function (api) {
+            return listState(editor, 'OL', api.setActive);
+          }
+        });
+        editor.ui.registry.addToggleButton('bullist', {
+          icon: 'unordered-list',
+          active: false,
+          tooltip: 'Bullet list',
+          onAction: exec('InsertUnorderedList'),
+          onSetup: function (api) {
+            return listState(editor, 'UL', api.setActive);
+          }
+        });
+      }
+    };
+
+    var register$2 = function (editor) {
+      var listProperties = {
+        text: 'List properties...',
+        icon: 'ordered-list',
+        onAction: function () {
+          return open(editor);
+        },
+        onSetup: function (api) {
+          return listState(editor, 'OL', function (active) {
+            return api.setDisabled(!active);
+          });
+        }
+      };
+      editor.ui.registry.addMenuItem('listprops', listProperties);
+      editor.ui.registry.addContextMenu('lists', {
+        update: function (node) {
+          var parentList = getParentList(editor, node);
+          return isOlNode(parentList) ? ['listprops'] : [];
+        }
+      });
+    };
+
+    function Plugin () {
+      global.add('lists', function (editor) {
+        if (editor.hasPlugin('rtc', true) === false) {
+          setup$1(editor);
+          register(editor);
+        }
+        register$1(editor);
+        register$2(editor);
+        return get$1(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/lists/plugin.min.js b/src/assets/tinymce/plugins/lists/plugin.min.js
new file mode 100644
index 00000000..a6a7b66b
--- /dev/null
+++ b/src/assets/tinymce/plugins/lists/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e,n,t,r,o,i,u,a=tinymce.util.Tools.resolve("tinymce.PluginManager"),s=function(){},y=function(e){return function(){return e}},c=function(n){return function(e){return!n(e)}},f=y(!1),d=y(!0),l=function(){return m},m=(e=function(e){return e.isNone()},{fold:function(e,n){return e()},is:f,isSome:f,isNone:d,getOr:t=function(e){return e},getOrThunk:n=function(e){return e()},getOrDie:function(e){throw new Error(e||"error: getOrDie called on none.")},getOrNull:y(null),getOrUndefined:y(undefined),or:t,orThunk:n,map:l,each:s,bind:l,exists:f,forall:d,filter:l,equals:e,equals_:e,toArray:function(){return[]},toString:y("none()")}),p=function(t){var e=y(t),n=function(){return o},r=function(e){return e(t)},o={fold:function(e,n){return n(t)},is:function(e){return t===e},isSome:d,isNone:f,getOr:e,getOrThunk:e,getOrDie:e,getOrNull:e,getOrUndefined:e,or:n,orThunk:n,map:function(e){return p(e(t))},each:function(e){e(t)},bind:r,exists:r,forall:r,filter:function(e){return e(t)?o:m},toArray:function(){return[t]},toString:function(){return"some("+t+")"},equals:function(e){return e.is(t)},equals_:function(e,n){return e.fold(f,function(e){return n(t,e)})}};return o},g={some:p,none:l,from:function(e){return null===e||e===undefined?m:p(e)}},v=function(r){return function(e){return t=typeof(n=e),(null===n?"null":"object"==t&&(Array.prototype.isPrototypeOf(n)||n.constructor&&"Array"===n.constructor.name)?"array":"object"==t&&(String.prototype.isPrototypeOf(n)||n.constructor&&"String"===n.constructor.name)?"string":t)===r;var n,t}},h=function(n){return function(e){return typeof e===n}},S=v("string"),b=v("array"),C=h("boolean"),O=h("function"),N=h("number"),L=Array.prototype.slice,T=Array.prototype.push,D=function(e,n){for(var t=e.length,r=new Array(t),o=0;o<t;o++){var i=e[o];r[o]=n(i,o)}return r},k=function(e,n){for(var t=0,r=e.length;t<r;t++){n(e[t],t)}},w=function(e,n){for(var t=[],r=0,o=e.length;r<o;r++){var i=e[r];n(i,r)&&t.push(i)}return t},x=function(e,n,t){return k(e,function(e){t=n(t,e)}),t},A=function(e,n,t){for(var r=0,o=e.length;r<o;r++){var i=e[r];if(n(i,r))return g.some(i);if(t(i,r))break}return g.none()},E=function(e,n){return A(e,n,f)},P=function(e,n){return function(e){for(var n=[],t=0,r=e.length;t<r;++t){if(!b(e[t]))throw new Error("Arr.flatten item "+t+" was not an array, input: "+e);T.apply(n,e[t])}return n}(D(e,n))},B=function(e){var n=L.call(e,0);return n.reverse(),n},I=function(e,n){return 0<=n&&n<e.length?g.some(e[n]):g.none()},R=function(e){return I(e,0)},M=function(e){return I(e,e.length-1)},U=function(){return(U=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e}).apply(this,arguments)},_=function(e,n){var t=function(e,n){for(var t=0;t<e.length;t++){var r=e[t];if(r.test(n))return r}return undefined}(e,n);if(!t)return{major:0,minor:0};var r=function(e){return Number(n.replace(t,"$"+e))};return H(r(1),r(2))},F=function(){return H(0,0)},H=function(e,n){return{major:e,minor:n}},$={nu:H,detect:function(e,n){var t=String(n).toLowerCase();return 0===e.length?F():_(e,t)},unknown:F},j=function(e,n){var t=String(n).toLowerCase();return E(e,function(e){return e.search(t)})},q=function(e,t){return j(e,t).map(function(e){var n=$.detect(e.versionRegexes,t);return{current:e.name,version:n}})},K=function(e,t){return j(e,t).map(function(e){var n=$.detect(e.versionRegexes,t);return{current:e.name,version:n}})},V=function(e,n){return-1!==e.indexOf(n)},W=/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,Q=function(n){return function(e){return V(e,n)}},X=[{name:"Edge",versionRegexes:[/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],search:function(e){return V(e,"edge/")&&V(e,"chrome")&&V(e,"safari")&&V(e,"applewebkit")}},{name:"Chrome",versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/,W],search:function(e){return V(e,"chrome")&&!V(e,"chromeframe")}},{name:"IE",versionRegexes:[/.*?msie\ ?([0-9]+)\.([0-9]+).*/,/.*?rv:([0-9]+)\.([0-9]+).*/],search:function(e){return V(e,"msie")||V(e,"trident")}},{name:"Opera",versionRegexes:[W,/.*?opera\/([0-9]+)\.([0-9]+).*/],search:Q("opera")},{name:"Firefox",versionRegexes:[/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],search:Q("firefox")},{name:"Safari",versionRegexes:[W,/.*?cpu os ([0-9]+)_([0-9]+).*/],search:function(e){return(V(e,"safari")||V(e,"mobile/"))&&V(e,"applewebkit")}}],z=[{name:"Windows",search:Q("win"),versionRegexes:[/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]},{name:"iOS",search:function(e){return V(e,"iphone")||V(e,"ipad")},versionRegexes:[/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,/.*cpu os ([0-9]+)_([0-9]+).*/,/.*cpu iphone os ([0-9]+)_([0-9]+).*/]},{name:"Android",search:Q("android"),versionRegexes:[/.*?android\ ?([0-9]+)\.([0-9]+).*/]},{name:"OSX",search:Q("mac os x"),versionRegexes:[/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]},{name:"Linux",search:Q("linux"),versionRegexes:[]},{name:"Solaris",search:Q("sunos"),versionRegexes:[]},{name:"FreeBSD",search:Q("freebsd"),versionRegexes:[]},{name:"ChromeOS",search:Q("cros"),versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/]}],Y={browsers:y(X),oses:y(z)},G="Edge",J="Firefox",Z=function(e){var n=e.current,t=e.version,r=function(e){return function(){return n===e}};return{current:n,version:t,isEdge:r(G),isChrome:r("Chrome"),isIE:r("IE"),isOpera:r("Opera"),isFirefox:r(J),isSafari:r("Safari")}},ee={unknown:function(){return Z({current:undefined,version:$.unknown()})},nu:Z,edge:y(G),chrome:y("Chrome"),ie:y("IE"),opera:y("Opera"),firefox:y(J),safari:y("Safari")},ne="Windows",te="Android",re="Solaris",oe="FreeBSD",ie="ChromeOS",ue=function(e){var n=e.current,t=e.version,r=function(e){return function(){return n===e}};return{current:n,version:t,isWindows:r(ne),isiOS:r("iOS"),isAndroid:r(te),isOSX:r("OSX"),isLinux:r("Linux"),isSolaris:r(re),isFreeBSD:r(oe),isChromeOS:r(ie)}},ae={unknown:function(){return ue({current:undefined,version:$.unknown()})},nu:ue,windows:y(ne),ios:y("iOS"),android:y(te),linux:y("Linux"),osx:y("OSX"),solaris:y(re),freebsd:y(oe),chromeos:y(ie)},se=function(e,n){var t,r,o,i,u,a,s,c,f,d,l,m,p=Y.browsers(),g=Y.oses(),v=q(p,e).fold(ee.unknown,ee.nu),h=K(g,e).fold(ae.unknown,ae.nu);return{browser:v,os:h,deviceType:(r=v,o=e,i=n,u=(t=h).isiOS()&&!0===/ipad/i.test(o),a=t.isiOS()&&!u,s=t.isiOS()||t.isAndroid(),c=s||i("(pointer:coarse)"),f=u||!a&&s&&i("(min-device-width:768px)"),d=a||s&&!f,l=r.isSafari()&&t.isiOS()&&!1===/safari/i.test(o),m=!d&&!f&&!l,{isiPad:y(u),isiPhone:y(a),isTablet:y(f),isPhone:y(d),isTouch:y(c),isAndroid:t.isAndroid,isiOS:t.isiOS,isWebView:y(l),isDesktop:y(m)})}},ce=function(e){return window.matchMedia(e).matches},fe=(i=!(r=function(){return se(navigator.userAgent,ce)}),function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return i||(i=!0,o=r.apply(null,e)),o}),de=function(e){if(null===e||e===undefined)throw new Error("Node cannot be null or undefined");return{dom:e}},le={fromHtml:function(e,n){var t=(n||document).createElement("div");if(t.innerHTML=e,!t.hasChildNodes()||1<t.childNodes.length)throw console.error("HTML does not have a single root node",e),new Error("HTML must have a single root node");return de(t.childNodes[0])},fromTag:function(e,n){var t=(n||document).createElement(e);return de(t)},fromText:function(e,n){var t=(n||document).createTextNode(e);return de(t)},fromDom:de,fromPoint:function(e,n,t){return g.from(e.dom.elementFromPoint(n,t)).map(de)}},me=function(e,n){return e.dom===n.dom},pe=function(e,n){return t=e.dom,r=n.dom,o=t,i=r,u=Node.DOCUMENT_POSITION_CONTAINED_BY,0!=(o.compareDocumentPosition(i)&u);var t,r,o,i,u},ge=function(e,n){return fe().browser.isIE()?pe(e,n):(t=n,r=e.dom,o=t.dom,r!==o&&r.contains(o));var t,r,o},ve=function(e,n){var t=e.dom;if(1!==t.nodeType)return!1;var r=t;if(r.matches!==undefined)return r.matches(n);if(r.msMatchesSelector!==undefined)return r.msMatchesSelector(n);if(r.webkitMatchesSelector!==undefined)return r.webkitMatchesSelector(n);if(r.mozMatchesSelector!==undefined)return r.mozMatchesSelector(n);throw new Error("Browser lacks native selectors")},he=tinymce.util.Tools.resolve("tinymce.dom.RangeUtils"),ye=tinymce.util.Tools.resolve("tinymce.dom.TreeWalker"),Se=tinymce.util.Tools.resolve("tinymce.util.VK"),be=Object.keys,Ce=function(e,n){for(var t=be(e),r=0,o=t.length;r<o;r++){var i=t[r];n(e[i],i)}},Oe=function(e,n){var t,r,o,i,u={};return t=n,i=u,r=function(e,n){i[n]=e},o=s,Ce(e,function(e,n){(t(e,n)?r:o)(e,n)}),u},Ne=("undefined"!=typeof window||Function("return this;")(),function(e){return e.dom.nodeName.toLowerCase()}),Le=(u=1,function(e){return e.dom.nodeType===u}),Te=function(e,n){var t=e.dom;Ce(n,function(e,n){!function(e,n,t){if(!(S(t)||C(t)||N(t)))throw console.error("Invalid call to Attribute.set. Key ",n,":: Value ",t,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(n,t+"")}(t,n,e)})},De=function(e){return x(e.dom.attributes,function(e,n){return e[n.name]=n.value,e},{})},ke=function(e){return g.from(e.dom.parentNode).map(le.fromDom)},we=function(e){return D(e.dom.childNodes,le.fromDom)},xe=function(e,n){var t=e.dom.childNodes;return g.from(t[n]).map(le.fromDom)},Ae=function(e){return xe(e,0)},Ee=function(e){return xe(e,e.dom.childNodes.length-1)},Pe=function(n,t){ke(n).each(function(e){e.dom.insertBefore(t.dom,n.dom)})},Be=function(e,n){e.dom.appendChild(n.dom)},Ie=function(n,e){k(e,function(e){Be(n,e)})},Re=function(e){var n=e.dom;null!==n.parentNode&&n.parentNode.removeChild(n)},Me=function(e){return n=e,t=!0,le.fromDom(n.dom.cloneNode(t));var n,t},Ue=function(e,n){var t,r,o,i,u=(t=e,r=n,o=le.fromTag(r),i=De(t),Te(o,i),o);Pe(e,u);var a=we(e);return Ie(u,a),Re(e),u},_e=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),Fe=tinymce.util.Tools.resolve("tinymce.util.Tools"),He=function(n){return function(e){return e&&e.nodeName.toLowerCase()===n}},$e=function(n){return function(e){return e&&n.test(e.nodeName)}},je=function(e){return e&&3===e.nodeType},qe=$e(/^(OL|UL|DL)$/),Ke=$e(/^(OL|UL)$/),Ve=He("ol"),We=$e(/^(LI|DT|DD)$/),Qe=$e(/^(DT|DD)$/),Xe=$e(/^(TH|TD)$/),ze=He("br"),Ye=function(e,n){return n&&!!e.schema.getTextBlockElements()[n.nodeName]},Ge=function(e,n){return e&&e.nodeName in n},Je=function(e,n,t){var r=e.isEmpty(n);return!(t&&0<e.select("span[data-mce-type=bookmark]",n).length)&&r},Ze=function(e,n){return e.isChildOf(n,e.getRoot())},en=function(e,n){var t,r,o,i,u=e.dom,a=e.schema.getBlockElements(),s=u.createFragment(),c=!1===(t=e.getParam("forced_root_block","p"))?"":!0===t?"p":t;if(c&&((o=u.create(c)).tagName===c.toUpperCase()&&u.setAttribs(o,e.getParam("forced_root_block_attrs",{})),Ge(n.firstChild,a)||s.appendChild(o)),n)for(;r=n.firstChild;){var f=r.nodeName;i||"SPAN"===f&&"bookmark"===r.getAttribute("data-mce-type")||(i=!0),Ge(r,a)?(s.appendChild(r),o=null):c?(o||(o=u.create(c),s.appendChild(o)),o.appendChild(r)):s.appendChild(r)}return c?i||o.appendChild(u.create("br",{"data-mce-bogus":"1"})):s.appendChild(u.create("br")),s},nn=_e.DOM,tn=function(n,t){ve(t,"dd")?Ue(t,"dt"):ve(t,"dt")&&ke(t).each(function(e){return function(e,n,t){var r=nn.select('span[data-mce-type="bookmark"]',n),o=en(e,t),i=nn.createRng();i.setStartAfter(t),i.setEndAfter(n);for(var u,a=i.extractContents(),s=a.firstChild;s;s=s.firstChild)if("LI"===s.nodeName&&e.dom.isEmpty(s)){nn.remove(s);break}e.dom.isEmpty(a)||nn.insertAfter(a,n),nn.insertAfter(o,n),Je(e.dom,t.parentNode)&&(u=t.parentNode,Fe.each(r,function(e){u.parentNode.insertBefore(e,t.parentNode)}),nn.remove(u)),nn.remove(t),Je(e.dom,n)&&nn.remove(n)}(n,e.dom,t.dom)})},rn=function(e){ve(e,"dt")&&Ue(e,"dd")},on=function(e,n){if(je(e))return{container:e,offset:n};var t=he.getNode(e,n);return je(t)?{container:t,offset:n>=e.childNodes.length?t.data.length:0}:t.previousSibling&&je(t.previousSibling)?{container:t.previousSibling,offset:t.previousSibling.data.length}:t.nextSibling&&je(t.nextSibling)?{container:t.nextSibling,offset:0}:{container:e,offset:n}},un=function(e){var n=e.cloneRange(),t=on(e.startContainer,e.startOffset);n.setStart(t.container,t.offset);var r=on(e.endContainer,e.endOffset);return n.setEnd(r.container,r.offset),n},an=tinymce.util.Tools.resolve("tinymce.dom.DomQuery"),sn=function(e,n){var t=n||e.selection.getStart(!0);return e.dom.getParent(t,"OL,UL,DL",dn(e,t))},cn=function(e){var n,t,r,o=sn(e),i=e.selection.getSelectedBlocks();return r=i,(t=o)&&1===r.length&&r[0]===t?(n=o,Fe.grep(n.querySelectorAll("ol,ul,dl"),function(e){return qe(e)})):Fe.grep(i,function(e){return qe(e)&&o!==e})},fn=function(e){var t,n,r,o=e.selection.getSelectedBlocks();return Fe.grep((t=e,n=o,r=Fe.map(n,function(e){var n=t.dom.getParent(e,"li,dd,dt",dn(t,e));return n||e}),an.unique(r)),function(e){return We(e)})},dn=function(e,n){var t=e.dom.getParents(n,"TD,TH");return 0<t.length?t[0]:e.getBody()},ln=function(e,n){var t=e.dom.getParents(n,"ol,ul",dn(e,n));return M(t)},mn=function(e){var n,t,r,o=(t=ln(n=e,n.selection.getStart()),r=w(n.selection.getSelectedBlocks(),Ke),t.toArray().concat(r));return pn(e,o)},pn=function(n,e){var t=D(e,function(e){return ln(n,e).getOr(e)});return an.unique(t)},gn=function(e,n,t){return e.isSome()&&n.isSome()?g.some(t(e.getOrDie(),n.getOrDie())):g.none()},vn=function(e,n,t){return e.fire("ListMutation",{action:n,element:t})},hn=function(e,n,t){if(!S(t))throw console.error("Invalid call to CSS.set. Property ",n,":: Value ",t,":: Element ",e),new Error("CSS value must be a string: "+t);var r;(r=e).style!==undefined&&O(r.style.getPropertyValue)&&e.style.setProperty(n,t)},yn=function(e,n){Be(e.item,n.list)},Sn=function(e,n,t){for(var r,o,i,u=[],a=0;a<t;a++)u.push((r=e,o=n.listType,i={list:le.fromTag(o,r),item:le.fromTag("li",r)},Be(i.list,i.item),i));return u},bn=function(e,n){for(var t,r,o,i,u=0;u<e.length-1;u++)t=e[u].item,r="list-style-type",o="none",i=t.dom,hn(i,r,o);M(e).each(function(e){Te(e.list,n.listAttributes),Te(e.item,n.itemAttributes),Ie(e.item,n.content)})},Cn=function(f,e,d){var n=e.slice(0,d.depth);return M(n).each(function(e){var n,t,r,o,i,u,a,s,c=(n=f,t=d.itemAttributes,r=d.content,o=le.fromTag("li",n),Te(o,t),Ie(o,r),o);u=c,Be((i=e).list,u),i.item=u,s=d,Ne((a=e).list)!==s.listType&&(a.list=Ue(a.list,s.listType)),Te(a.list,s.listAttributes)}),n},On=function(e,n,t){var r,o=Sn(e,t,t.depth-n.length);return function(e){for(var n=1;n<e.length;n++)yn(e[n-1],e[n])}(o),bn(o,t),r=o,gn(M(n),R(r),yn),n.concat(o)},Nn=function(e){return ve(e,"OL,UL")},Ln=function(e){return Ae(e).map(Nn).getOr(!1)},Tn=function(e){return 0<e.depth},Dn=function(e){return e.isSelected},kn=function(e){var n=we(e),t=Ee(e).map(Nn).getOr(!1)?n.slice(0,-1):n;return D(t,Me)},wn=function(a){return k(a,function(r,e){var n,t,o,i,u;o=(n=a)[t=e].depth,i=function(e){return e.depth===o&&!e.dirty},u=function(e){return e.depth<o},A(B(n.slice(0,t)),i,u).orThunk(function(){return A(n.slice(t+1),i,u)}).fold(function(){var e;r.dirty&&((e=r).listAttributes=Oe(e.listAttributes,function(e,n){return"start"!==n}))},function(e){return t=e,(n=r).listType=t.listType,void(n.listAttributes=U({},t.listAttributes));var n,t})}),a},xn=function(i,u,a,s){return Ae(s).filter(Nn).fold(function(){u.each(function(e){me(e.start,s)&&a.set(!0)});var n,t,r,e=(n=s,t=i,r=a.get(),ke(n).filter(Le).map(function(e){return{depth:t,dirty:!1,isSelected:r,content:kn(n),itemAttributes:De(n),listAttributes:De(e),listType:Ne(e)}}));u.each(function(e){me(e.end,s)&&a.set(!1)});var o=Ee(s).filter(Nn).map(function(e){return An(i,u,a,e)}).getOr([]);return e.toArray().concat(o)},function(e){return An(i,u,a,e)})},An=function(n,t,r,e){return P(we(e),function(e){return(Nn(e)?An:xn)(n+1,t,r,e)})},En=function(e,n){var t,r=(t=!1,{get:function(){return t},set:function(e){t=e}});return D(e,function(e){return{sourceList:e,entries:An(0,n,r,e)}})},Pn=function(i,e){var n=wn(e);return D(n,function(e){var n,t,r,o=(n=e.content,r=(t||document).createDocumentFragment(),k(n,function(e){r.appendChild(e.dom)}),le.fromDom(r));return le.fromDom(en(i,o.dom))})},Bn=function(e,n){var t,r,o=wn(n);return t=e.contentDocument,r=x(o,function(e,n){return(n.depth>e.length?On:Cn)(t,e,n)},[]),R(r).map(function(e){return e.list}).toArray()},In=function(a,e,s){var n,t=En(e,(n=D(fn(a),le.fromDom),gn(E(n,c(Ln)),E(B(n),c(Ln)),function(e,n){return{start:e,end:n}})));k(t,function(e){var n,t;n=e.entries,t=s,k(w(n,Dn),function(e){return function(e,n){switch(e){case"Indent":n.depth++;break;case"Outdent":n.depth--;break;case"Flatten":n.depth=0}n.dirty=!0}(t,e),0});var r,o,i,u=(r=a,o=e.entries,P(function(e,n){if(0===e.length)return[];for(var t=n(e[0]),r=[],o=[],i=0,u=e.length;i<u;i++){var a=e[i],s=n(a);s!==t&&(r.push(o),o=[]),t=s,o.push(a)}return 0!==o.length&&r.push(o),r}(o,Tn),function(e){return(R(e).map(Tn).getOr(!1)?Bn:Pn)(r,e)}));k(u,function(e){vn(a,"Indent"===s?"IndentList":"OutdentList",e.dom)}),i=e.sourceList,k(u,function(e){Pe(i,e)}),Re(e.sourceList)})},Rn=function(e,n){var t,r,o=D(mn(e),le.fromDom),i=D(w(fn(e),Qe),le.fromDom),u=!1;return(o.length||i.length)&&(t=e.selection.getBookmark(),In(e,o,n),r=e,k(i,"Indent"===n?rn:function(e){return tn(r,e),0}),e.selection.moveToBookmark(t),e.selection.setRng(un(e.selection.getRng())),e.nodeChanged(),u=!0),u},Mn=function(e){return Rn(e,"Indent")},Un=function(e){return Rn(e,"Outdent")},_n=function(e){return Rn(e,"Flatten")},Fn=tinymce.util.Tools.resolve("tinymce.dom.BookmarkManager"),Hn=_e.DOM,$n=function(o){var i={},e=function(e){var n,t=o[e?"startContainer":"endContainer"],r=o[e?"startOffset":"endOffset"];1===t.nodeType&&(n=Hn.create("span",{"data-mce-type":"bookmark"}),t.hasChildNodes()?(r=Math.min(r,t.childNodes.length-1),e?t.insertBefore(n,t.childNodes[r]):Hn.insertAfter(n,t.childNodes[r])):t.appendChild(n),t=n,r=0),i[e?"startContainer":"endContainer"]=t,i[e?"startOffset":"endOffset"]=r};return e(!0),o.collapsed||e(),i},jn=function(o){function e(e){var n,t=n=o[e?"startContainer":"endContainer"],r=o[e?"startOffset":"endOffset"];t&&(1===t.nodeType&&(r=function(e){for(var n=e.parentNode.firstChild,t=0;n;){if(n===e)return t;1===n.nodeType&&"bookmark"===n.getAttribute("data-mce-type")||t++,n=n.nextSibling}return-1}(t),t=t.parentNode,Hn.remove(n),!t.hasChildNodes()&&Hn.isBlock(t)&&t.appendChild(Hn.create("br"))),o[e?"startContainer":"endContainer"]=t,o[e?"startOffset":"endOffset"]=r)}e(!0),e();var n=Hn.createRng();return n.setStart(o.startContainer,o.startOffset),o.endContainer&&n.setEnd(o.endContainer,o.endOffset),un(n)},qn=function(e){switch(e){case"UL":return"ToggleUlList";case"OL":return"ToggleOlList";case"DL":return"ToggleDLList"}},Kn=function(e){return/\btox\-/.test(e.className)},Vn=function(e,t,r){var n=function(e){var n=A(e.parents,qe,Xe).filter(function(e){return e.nodeName===t&&!Kn(e)}).isSome();r(n)},o=e.dom.getParents(e.selection.getNode());return n({parents:o}),e.on("NodeChange",n),function(){return e.off("NodeChange",n)}},Wn=function(t,e){Fe.each(e,function(e,n){t.setAttribute(n,e)})},Qn=function(e,n,t){var r,o,i,u,a,s,c;r=e,o=n,u=(i=t)["list-style-type"]?i["list-style-type"]:null,r.setStyle(o,"list-style-type",u),a=e,Wn(s=n,(c=t)["list-attributes"]),Fe.each(a.select("li",s),function(e){Wn(e,c["list-item-attributes"])})},Xn=function(e,n,t,r){var o=n[t?"startContainer":"endContainer"],i=n[t?"startOffset":"endOffset"];for(1===o.nodeType&&(o=o.childNodes[Math.min(i,o.childNodes.length-1)]||o),!t&&ze(o.nextSibling)&&(o=o.nextSibling);o.parentNode!==r;){if(Ye(e,o))return o;if(/^(TD|TH)$/.test(o.parentNode.nodeName))return o;o=o.parentNode}return o},zn=function(f,d,l){void 0===l&&(l={});var e,n=f.selection.getRng(),m="LI",t=dn(f,f.selection.getStart(!0)),p=f.dom;"false"!==p.getContentEditable(f.selection.getNode())&&("DL"===(d=d.toUpperCase())&&(m="DT"),e=$n(n),Fe.each(function(t,e,r){for(var o,i=[],u=t.dom,n=Xn(t,e,!0,r),a=Xn(t,e,!1,r),s=[],c=n;c&&(s.push(c),c!==a);c=c.nextSibling);return Fe.each(s,function(e){if(Ye(t,e))return i.push(e),void(o=null);if(u.isBlock(e)||ze(e))return ze(e)&&u.remove(e),void(o=null);var n=e.nextSibling;Fn.isBookmarkNode(e)&&(Ye(t,n)||!n&&e.parentNode===r)?o=null:(o||(o=u.create("p"),e.parentNode.insertBefore(o,e),i.push(o)),o.appendChild(e))}),i}(f,n,t),function(e){var n,t,r,o,i,u,a,s,c=e.previousSibling;c&&qe(c)&&c.nodeName===d&&(t=c,r=l,o=p.getStyle(t,"list-style-type"),i=r?r["list-style-type"]:"",o===(i=null===i?"":i))?(n=c,e=p.rename(e,m),c.appendChild(e)):(n=p.create(d),e.parentNode.insertBefore(n,e),n.appendChild(e),e=p.rename(e,m)),u=p,a=e,s=["margin","margin-right","margin-bottom","margin-left","margin-top","padding","padding-right","padding-bottom","padding-left","padding-top"],Fe.each(s,function(e){var n;return u.setStyle(a,((n={})[e]="",n))}),Qn(p,n,l),Gn(f.dom,n)}),f.selection.setRng(jn(e)))},Yn=function(e,n,t){return s=t,(a=n)&&s&&qe(a)&&a.nodeName===s.nodeName&&(i=n,u=t,(o=e).getStyle(i,"list-style-type",!0)===o.getStyle(u,"list-style-type",!0))&&(r=t,n.className===r.className);var r,o,i,u,a,s},Gn=function(e,n){var t,r=n.nextSibling;if(Yn(e,n,r)){for(;t=r.firstChild;)n.appendChild(t);e.remove(r)}if(r=n.previousSibling,Yn(e,n,r)){for(;t=r.lastChild;)n.insertBefore(t,n.firstChild);e.remove(r)}},Jn=function(u,e,n,a,s){var t;e.nodeName!==a||Zn(s)?(t=$n(u.selection.getRng(!0)),Fe.each([e].concat(n),function(e){var n,t,r,o,i;n=u,r=a,o=s,(t=e).nodeName!==r?(i=n.dom.rename(t,r),Qn(n.dom,i,o),vn(n,qn(r),i)):(Qn(n.dom,t,o),vn(n,qn(r),t))}),u.selection.setRng(jn(t))):_n(u)},Zn=function(e){return"list-style-type"in e},et=function(e,n,t){var r,o,i,u,a,s,c=sn(e),f=cn(e);t=t||{},c&&0<f.length?Jn(e,c,f,n,t):(i=n,u=t,(o=c)!==(r=e).getBody()&&(o?o.nodeName!==i||Zn(u)||Kn(o)?(a=$n(r.selection.getRng(!0)),Qn(r.dom,o,u),s=r.dom.rename(o,i),Gn(r.dom,s),r.selection.setRng(jn(a)),vn(r,qn(i),s)):_n(r):(zn(r,i,u),vn(r,qn(i),o))))},nt=_e.DOM,tt=function(i,e){Fe.each(Fe.grep(i.select("ol,ul",e)),function(e){var n,t,r,o;n=i,"LI"===(o=(t=e).parentNode).nodeName&&o.firstChild===t&&((r=o.previousSibling)&&"LI"===r.nodeName?(r.appendChild(t),Je(n,o)&&nt.remove(o)):nt.setStyle(o,"listStyleType","none")),qe(o)&&(r=o.previousSibling)&&"LI"===r.nodeName&&r.appendChild(t)})},rt=function(e,n,t,r){var o=n.startContainer,i=n.startOffset;if(je(o)&&(t?i<o.data.length:0<i))return o;var u=e.schema.getNonEmptyElements();1===o.nodeType&&(o=he.getNode(o,i));var a,s,c=new ye(o,r);for(t&&(a=e.dom,ze(s=o)&&a.isBlock(s.nextSibling)&&!ze(s.previousSibling)&&c.next());o=c[t?"next":"prev2"]();){if("LI"===o.nodeName&&!o.hasChildNodes())return o;if(u[o.nodeName])return o;if(je(o)&&0<o.data.length)return o}},ot=function(e,n){var t=n.childNodes;return 1===t.length&&!qe(t[0])&&e.isBlock(t[0])},it=function(e,n,t){var r,o,i,u=ot(e,t)?t.firstChild:t;if(ot(o=e,i=n)&&o.remove(i.firstChild,!0),!Je(e,n,!0))for(;r=n.firstChild;)u.appendChild(r)},ut=function(n,e,t){var r,o,i,u=e.parentNode;Ze(n,e)&&Ze(n,t)&&(qe(t.lastChild)&&(r=t.lastChild),u===t.lastChild&&ze(u.previousSibling)&&n.remove(u.previousSibling),(o=t.lastChild)&&ze(o)&&e.hasChildNodes()&&n.remove(o),Je(n,t,!0)&&n.$(t).empty(),it(n,e,t),r&&t.appendChild(r),i=ge(le.fromDom(t),le.fromDom(e))?n.getParents(e,qe,t):[],n.remove(e),k(i,function(e){Je(n,e)&&e!==n.getRoot()&&n.remove(e)}))},at=function(e,n,t,r){var o,i,u,a,s=e.dom;s.isEmpty(r)?(u=t,a=r,(i=e).dom.$(a).empty(),ut(i.dom,u,a),i.selection.setCursorLocation(a)):(o=$n(n),ut(s,t,r),e.selection.setRng(jn(o)))},st=function(n,t){var e=n.dom,r=n.selection,o=r.getStart(),i=dn(n,o),u=e.getParent(r.getStart(),"LI",i);if(u){var a=u.parentNode;if(a===n.getBody()&&Je(e,a))return!0;var s=un(r.getRng()),c=e.getParent(rt(n,s,t,i),"LI",i);if(c&&c!==u)return n.undoManager.transact(function(){var e;t?at(n,s,c,u):(e=u).parentNode.firstChild===e?Un(n):function(e,n,t,r){var o=$n(n);ut(e.dom,t,r);var i=jn(o);e.selection.setRng(i)}(n,s,u,c)}),!0;if(!c&&!t&&0===s.startOffset&&0===s.endOffset)return n.undoManager.transact(function(){_n(n)}),!0}return!1},ct=function(o,i){var u=o.dom,e=o.selection.getStart(),a=dn(o,e),s=u.getParent(e,u.isBlock,a);if(s&&u.isEmpty(s)){var n=un(o.selection.getRng()),c=u.getParent(rt(o,n,i,a),"LI",a);if(c)return o.undoManager.transact(function(){var e,n,t,r;n=s,t=a,r=(e=u).getParent(n.parentNode,e.isBlock,t),e.remove(n),r&&e.isEmpty(r)&&e.remove(r),Gn(u,c.parentNode),o.selection.select(c,!0),o.selection.collapse(i)}),!0}return!1},ft=function(e,n){return e.selection.isCollapsed()?st(i=e,u=n)||ct(i,u):(r=(t=e).selection.getStart(),o=dn(t,r),!!(t.dom.getParent(r,"LI,DT,DD",o)||0<fn(t).length)&&(t.undoManager.transact(function(){t.execCommand("Delete"),tt(t.dom,t.getBody())}),!0));var t,r,o,i,u},dt=function(t){var r=t.dom,e=sn(t);Ve(e)&&t.windowManager.open({title:"List Properties",body:{type:"panel",items:[{type:"input",name:"start",label:"Start list at number",inputMode:"numeric"}]},initialData:{start:r.getAttrib(e,"start")||"1"},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],onSubmit:function(e){var n=e.getData();t.undoManager.transact(function(){r.setAttrib(sn(t),"start","1"===n.start?"":n.start)}),e.close()}})},lt=function(n,t){return function(){var e=n.dom.getParent(n.selection.getStart(),"UL,OL,DL");return e&&e.nodeName===t}},mt=function(e){var n,t;e.getParam("lists_indent_on_tab",!0)&&(n=e).on("keydown",function(e){e.keyCode!==Se.TAB||Se.metaKeyPressed(e)||n.undoManager.transact(function(){(e.shiftKey?Un:Mn)(n)&&e.preventDefault()})}),(t=e).on("keydown",function(e){e.keyCode===Se.BACKSPACE?ft(t,!1)&&e.preventDefault():e.keyCode===Se.DELETE&&ft(t,!0)&&e.preventDefault()})};a.add("lists",function(e){var t,n,r,o,i,u;return!1===e.hasPlugin("rtc",!0)&&(mt(e),(t=e).on("BeforeExecCommand",function(e){var n=e.command.toLowerCase();"indent"===n?Mn(t):"outdent"===n&&Un(t)}),t.addCommand("InsertUnorderedList",function(e,n){et(t,"UL",n)}),t.addCommand("InsertOrderedList",function(e,n){et(t,"OL",n)}),t.addCommand("InsertDefinitionList",function(e,n){et(t,"DL",n)}),t.addCommand("RemoveList",function(){_n(t)}),t.addCommand("mceListProps",function(){dt(t)}),t.addQueryStateHandler("InsertUnorderedList",lt(t,"UL")),t.addQueryStateHandler("InsertOrderedList",lt(t,"OL")),t.addQueryStateHandler("InsertDefinitionList",lt(t,"DL"))),r=function(e){return function(){return n.execCommand(e)}},(n=e).hasPlugin("advlist")||(n.ui.registry.addToggleButton("numlist",{icon:"ordered-list",active:!1,tooltip:"Numbered list",onAction:r("InsertOrderedList"),onSetup:function(e){return Vn(n,"OL",e.setActive)}}),n.ui.registry.addToggleButton("bullist",{icon:"unordered-list",active:!1,tooltip:"Bullet list",onAction:r("InsertUnorderedList"),onSetup:function(e){return Vn(n,"UL",e.setActive)}})),i={text:"List properties...",icon:"ordered-list",onAction:function(){return dt(o)},onSetup:function(n){return Vn(o,"OL",function(e){return n.setDisabled(!e)})}},(o=e).ui.registry.addMenuItem("listprops",i),o.ui.registry.addContextMenu("lists",{update:function(e){var n=sn(o,e);return Ve(n)?["listprops"]:[]}}),u=e,{backspaceDelete:function(e){ft(u,e)}}})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/media/plugin.js b/src/assets/tinymce/plugins/media/plugin.js
new file mode 100644
index 00000000..ef361c61
--- /dev/null
+++ b/src/assets/tinymce/plugins/media/plugin.js
@@ -0,0 +1,1315 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p))
+              t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+
+    var noop = function () {
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var typeOf = function (x) {
+      var t = typeof x;
+      if (x === null) {
+        return 'null';
+      } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+        return 'array';
+      } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+        return 'string';
+      } else {
+        return t;
+      }
+    };
+    var isType = function (type) {
+      return function (value) {
+        return typeOf(value) === type;
+      };
+    };
+    var isString = isType('string');
+    var isObject = isType('object');
+    var isArray = isType('array');
+
+    var nativePush = Array.prototype.push;
+    var each = function (xs, f) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var flatten = function (xs) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; ++i) {
+        if (!isArray(xs[i])) {
+          throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+        }
+        nativePush.apply(r, xs[i]);
+      }
+      return r;
+    };
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var keys = Object.keys;
+    var hasOwnProperty = Object.hasOwnProperty;
+    var each$1 = function (obj, f) {
+      var props = keys(obj);
+      for (var k = 0, len = props.length; k < len; k++) {
+        var i = props[k];
+        var x = obj[i];
+        f(x, i);
+      }
+    };
+    var get = function (obj, key) {
+      return has(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    var has = function (obj, key) {
+      return hasOwnProperty.call(obj, key);
+    };
+
+    var getScripts = function (editor) {
+      return editor.getParam('media_scripts');
+    };
+    var getAudioTemplateCallback = function (editor) {
+      return editor.getParam('audio_template_callback');
+    };
+    var getVideoTemplateCallback = function (editor) {
+      return editor.getParam('video_template_callback');
+    };
+    var hasLiveEmbeds = function (editor) {
+      return editor.getParam('media_live_embeds', true);
+    };
+    var shouldFilterHtml = function (editor) {
+      return editor.getParam('media_filter_html', true);
+    };
+    var getUrlResolver = function (editor) {
+      return editor.getParam('media_url_resolver');
+    };
+    var hasAltSource = function (editor) {
+      return editor.getParam('media_alt_source', true);
+    };
+    var hasPoster = function (editor) {
+      return editor.getParam('media_poster', true);
+    };
+    var hasDimensions = function (editor) {
+      return editor.getParam('media_dimensions', true);
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.html.SaxParser');
+
+    var getVideoScriptMatch = function (prefixes, src) {
+      if (prefixes) {
+        for (var i = 0; i < prefixes.length; i++) {
+          if (src.indexOf(prefixes[i].filter) !== -1) {
+            return prefixes[i];
+          }
+        }
+      }
+    };
+
+    var DOM = global$2.DOM;
+    var trimPx = function (value) {
+      return value.replace(/px$/, '');
+    };
+    var getEphoxEmbedData = function (attrs) {
+      var style = attrs.map.style;
+      var styles = style ? DOM.parseStyle(style) : {};
+      return {
+        type: 'ephox-embed-iri',
+        source: attrs.map['data-ephox-embed-iri'],
+        altsource: '',
+        poster: '',
+        width: get(styles, 'max-width').map(trimPx).getOr(''),
+        height: get(styles, 'max-height').map(trimPx).getOr('')
+      };
+    };
+    var htmlToData = function (prefixes, html) {
+      var isEphoxEmbed = Cell(false);
+      var data = {};
+      global$3({
+        validate: false,
+        allow_conditional_comments: true,
+        start: function (name, attrs) {
+          if (isEphoxEmbed.get()) ; else if (has(attrs.map, 'data-ephox-embed-iri')) {
+            isEphoxEmbed.set(true);
+            data = getEphoxEmbedData(attrs);
+          } else {
+            if (!data.source && name === 'param') {
+              data.source = attrs.map.movie;
+            }
+            if (name === 'iframe' || name === 'object' || name === 'embed' || name === 'video' || name === 'audio') {
+              if (!data.type) {
+                data.type = name;
+              }
+              data = global$1.extend(attrs.map, data);
+            }
+            if (name === 'script') {
+              var videoScript = getVideoScriptMatch(prefixes, attrs.map.src);
+              if (!videoScript) {
+                return;
+              }
+              data = {
+                type: 'script',
+                source: attrs.map.src,
+                width: String(videoScript.width),
+                height: String(videoScript.height)
+              };
+            }
+            if (name === 'source') {
+              if (!data.source) {
+                data.source = attrs.map.src;
+              } else if (!data.altsource) {
+                data.altsource = attrs.map.src;
+              }
+            }
+            if (name === 'img' && !data.poster) {
+              data.poster = attrs.map.src;
+            }
+          }
+        }
+      }).parse(html);
+      data.source = data.source || data.src || data.data;
+      data.altsource = data.altsource || '';
+      data.poster = data.poster || '';
+      return data;
+    };
+
+    var guess = function (url) {
+      var mimes = {
+        mp3: 'audio/mpeg',
+        m4a: 'audio/x-m4a',
+        wav: 'audio/wav',
+        mp4: 'video/mp4',
+        webm: 'video/webm',
+        ogg: 'video/ogg',
+        swf: 'application/x-shockwave-flash'
+      };
+      var fileEnd = url.toLowerCase().split('.').pop();
+      var mime = mimes[fileEnd];
+      return mime ? mime : '';
+    };
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.html.Schema');
+
+    var global$5 = tinymce.util.Tools.resolve('tinymce.html.Writer');
+
+    var DOM$1 = global$2.DOM;
+    var addPx = function (value) {
+      return /^[0-9.]+$/.test(value) ? value + 'px' : value;
+    };
+    var setAttributes = function (attrs, updatedAttrs) {
+      each$1(updatedAttrs, function (val, name) {
+        var value = '' + val;
+        if (attrs.map[name]) {
+          var i = attrs.length;
+          while (i--) {
+            var attr = attrs[i];
+            if (attr.name === name) {
+              if (value) {
+                attrs.map[name] = value;
+                attr.value = value;
+              } else {
+                delete attrs.map[name];
+                attrs.splice(i, 1);
+              }
+            }
+          }
+        } else if (value) {
+          attrs.push({
+            name: name,
+            value: value
+          });
+          attrs.map[name] = value;
+        }
+      });
+    };
+    var updateEphoxEmbed = function (data, attrs) {
+      var style = attrs.map.style;
+      var styleMap = style ? DOM$1.parseStyle(style) : {};
+      styleMap['max-width'] = addPx(data.width);
+      styleMap['max-height'] = addPx(data.height);
+      setAttributes(attrs, { style: DOM$1.serializeStyle(styleMap) });
+    };
+    var sources = [
+      'source',
+      'altsource'
+    ];
+    var updateHtml = function (html, data, updateAll) {
+      var writer = global$5();
+      var isEphoxEmbed = Cell(false);
+      var sourceCount = 0;
+      var hasImage;
+      global$3({
+        validate: false,
+        allow_conditional_comments: true,
+        comment: function (text) {
+          writer.comment(text);
+        },
+        cdata: function (text) {
+          writer.cdata(text);
+        },
+        text: function (text, raw) {
+          writer.text(text, raw);
+        },
+        start: function (name, attrs, empty) {
+          if (isEphoxEmbed.get()) ; else if (has(attrs.map, 'data-ephox-embed-iri')) {
+            isEphoxEmbed.set(true);
+            updateEphoxEmbed(data, attrs);
+          } else {
+            switch (name) {
+            case 'video':
+            case 'object':
+            case 'embed':
+            case 'img':
+            case 'iframe':
+              if (data.height !== undefined && data.width !== undefined) {
+                setAttributes(attrs, {
+                  width: data.width,
+                  height: data.height
+                });
+              }
+              break;
+            }
+            if (updateAll) {
+              switch (name) {
+              case 'video':
+                setAttributes(attrs, {
+                  poster: data.poster,
+                  src: ''
+                });
+                if (data.altsource) {
+                  setAttributes(attrs, { src: '' });
+                }
+                break;
+              case 'iframe':
+                setAttributes(attrs, { src: data.source });
+                break;
+              case 'source':
+                if (sourceCount < 2) {
+                  setAttributes(attrs, {
+                    src: data[sources[sourceCount]],
+                    type: data[sources[sourceCount] + 'mime']
+                  });
+                  if (!data[sources[sourceCount]]) {
+                    return;
+                  }
+                }
+                sourceCount++;
+                break;
+              case 'img':
+                if (!data.poster) {
+                  return;
+                }
+                hasImage = true;
+                break;
+              }
+            }
+          }
+          writer.start(name, attrs, empty);
+        },
+        end: function (name) {
+          if (!isEphoxEmbed.get()) {
+            if (name === 'video' && updateAll) {
+              for (var index = 0; index < 2; index++) {
+                if (data[sources[index]]) {
+                  var attrs = [];
+                  attrs.map = {};
+                  if (sourceCount <= index) {
+                    setAttributes(attrs, {
+                      src: data[sources[index]],
+                      type: data[sources[index] + 'mime']
+                    });
+                    writer.start('source', attrs, true);
+                  }
+                }
+              }
+            }
+            if (data.poster && name === 'object' && updateAll && !hasImage) {
+              var imgAttrs = [];
+              imgAttrs.map = {};
+              setAttributes(imgAttrs, {
+                src: data.poster,
+                width: data.width,
+                height: data.height
+              });
+              writer.start('img', imgAttrs, true);
+            }
+          }
+          writer.end(name);
+        }
+      }, global$4({})).parse(html);
+      return writer.getContent();
+    };
+
+    var urlPatterns = [
+      {
+        regex: /youtu\.be\/([\w\-_\?&=.]+)/i,
+        type: 'iframe',
+        w: 560,
+        h: 314,
+        url: 'www.youtube.com/embed/$1',
+        allowFullscreen: true
+      },
+      {
+        regex: /youtube\.com(.+)v=([^&]+)(&([a-z0-9&=\-_]+))?/i,
+        type: 'iframe',
+        w: 560,
+        h: 314,
+        url: 'www.youtube.com/embed/$2?$4',
+        allowFullscreen: true
+      },
+      {
+        regex: /youtube.com\/embed\/([a-z0-9\?&=\-_]+)/i,
+        type: 'iframe',
+        w: 560,
+        h: 314,
+        url: 'www.youtube.com/embed/$1',
+        allowFullscreen: true
+      },
+      {
+        regex: /vimeo\.com\/([0-9]+)/,
+        type: 'iframe',
+        w: 425,
+        h: 350,
+        url: 'player.vimeo.com/video/$1?title=0&byline=0&portrait=0&color=8dc7dc',
+        allowFullscreen: true
+      },
+      {
+        regex: /vimeo\.com\/(.*)\/([0-9]+)/,
+        type: 'iframe',
+        w: 425,
+        h: 350,
+        url: 'player.vimeo.com/video/$2?title=0&amp;byline=0',
+        allowFullscreen: true
+      },
+      {
+        regex: /maps\.google\.([a-z]{2,3})\/maps\/(.+)msid=(.+)/,
+        type: 'iframe',
+        w: 425,
+        h: 350,
+        url: 'maps.google.com/maps/ms?msid=$2&output=embed"',
+        allowFullscreen: false
+      },
+      {
+        regex: /dailymotion\.com\/video\/([^_]+)/,
+        type: 'iframe',
+        w: 480,
+        h: 270,
+        url: 'www.dailymotion.com/embed/video/$1',
+        allowFullscreen: true
+      },
+      {
+        regex: /dai\.ly\/([^_]+)/,
+        type: 'iframe',
+        w: 480,
+        h: 270,
+        url: 'www.dailymotion.com/embed/video/$1',
+        allowFullscreen: true
+      }
+    ];
+    var getProtocol = function (url) {
+      var protocolMatches = url.match(/^(https?:\/\/|www\.)(.+)$/i);
+      if (protocolMatches && protocolMatches.length > 1) {
+        return protocolMatches[1] === 'www.' ? 'https://' : protocolMatches[1];
+      } else {
+        return 'https://';
+      }
+    };
+    var getUrl = function (pattern, url) {
+      var protocol = getProtocol(url);
+      var match = pattern.regex.exec(url);
+      var newUrl = protocol + pattern.url;
+      var _loop_1 = function (i) {
+        newUrl = newUrl.replace('$' + i, function () {
+          return match[i] ? match[i] : '';
+        });
+      };
+      for (var i = 0; i < match.length; i++) {
+        _loop_1(i);
+      }
+      return newUrl.replace(/\?$/, '');
+    };
+    var matchPattern = function (url) {
+      var patterns = urlPatterns.filter(function (pattern) {
+        return pattern.regex.test(url);
+      });
+      if (patterns.length > 0) {
+        return global$1.extend({}, patterns[0], { url: getUrl(patterns[0], url) });
+      } else {
+        return null;
+      }
+    };
+
+    var getIframeHtml = function (data) {
+      var allowFullscreen = data.allowFullscreen ? ' allowFullscreen="1"' : '';
+      return '<iframe src="' + data.source + '" width="' + data.width + '" height="' + data.height + '"' + allowFullscreen + '></iframe>';
+    };
+    var getFlashHtml = function (data) {
+      var html = '<object data="' + data.source + '" width="' + data.width + '" height="' + data.height + '" type="application/x-shockwave-flash">';
+      if (data.poster) {
+        html += '<img src="' + data.poster + '" width="' + data.width + '" height="' + data.height + '" />';
+      }
+      html += '</object>';
+      return html;
+    };
+    var getAudioHtml = function (data, audioTemplateCallback) {
+      if (audioTemplateCallback) {
+        return audioTemplateCallback(data);
+      } else {
+        return '<audio controls="controls" src="' + data.source + '">' + (data.altsource ? '\n<source src="' + data.altsource + '"' + (data.altsourcemime ? ' type="' + data.altsourcemime + '"' : '') + ' />\n' : '') + '</audio>';
+      }
+    };
+    var getVideoHtml = function (data, videoTemplateCallback) {
+      if (videoTemplateCallback) {
+        return videoTemplateCallback(data);
+      } else {
+        return '<video width="' + data.width + '" height="' + data.height + '"' + (data.poster ? ' poster="' + data.poster + '"' : '') + ' controls="controls">\n' + '<source src="' + data.source + '"' + (data.sourcemime ? ' type="' + data.sourcemime + '"' : '') + ' />\n' + (data.altsource ? '<source src="' + data.altsource + '"' + (data.altsourcemime ? ' type="' + data.altsourcemime + '"' : '') + ' />\n' : '') + '</video>';
+      }
+    };
+    var getScriptHtml = function (data) {
+      return '<script src="' + data.source + '"></script>';
+    };
+    var dataToHtml = function (editor, dataIn) {
+      var data = global$1.extend({}, dataIn);
+      if (!data.source) {
+        global$1.extend(data, htmlToData(getScripts(editor), data.embed));
+        if (!data.source) {
+          return '';
+        }
+      }
+      if (!data.altsource) {
+        data.altsource = '';
+      }
+      if (!data.poster) {
+        data.poster = '';
+      }
+      data.source = editor.convertURL(data.source, 'source');
+      data.altsource = editor.convertURL(data.altsource, 'source');
+      data.sourcemime = guess(data.source);
+      data.altsourcemime = guess(data.altsource);
+      data.poster = editor.convertURL(data.poster, 'poster');
+      var pattern = matchPattern(data.source);
+      if (pattern) {
+        data.source = pattern.url;
+        data.type = pattern.type;
+        data.allowFullscreen = pattern.allowFullscreen;
+        data.width = data.width || String(pattern.w);
+        data.height = data.height || String(pattern.h);
+      }
+      if (data.embed) {
+        return updateHtml(data.embed, data, true);
+      } else {
+        var videoScript = getVideoScriptMatch(getScripts(editor), data.source);
+        if (videoScript) {
+          data.type = 'script';
+          data.width = String(videoScript.width);
+          data.height = String(videoScript.height);
+        }
+        var audioTemplateCallback = getAudioTemplateCallback(editor);
+        var videoTemplateCallback = getVideoTemplateCallback(editor);
+        data.width = data.width || '300';
+        data.height = data.height || '150';
+        global$1.each(data, function (value, key) {
+          data[key] = editor.dom.encode('' + value);
+        });
+        if (data.type === 'iframe') {
+          return getIframeHtml(data);
+        } else if (data.sourcemime === 'application/x-shockwave-flash') {
+          return getFlashHtml(data);
+        } else if (data.sourcemime.indexOf('audio') !== -1) {
+          return getAudioHtml(data, audioTemplateCallback);
+        } else if (data.type === 'script') {
+          return getScriptHtml(data);
+        } else {
+          return getVideoHtml(data, videoTemplateCallback);
+        }
+      }
+    };
+
+    var global$6 = tinymce.util.Tools.resolve('tinymce.util.Promise');
+
+    var cache = {};
+    var embedPromise = function (data, dataToHtml, handler) {
+      return new global$6(function (res, rej) {
+        var wrappedResolve = function (response) {
+          if (response.html) {
+            cache[data.source] = response;
+          }
+          return res({
+            url: data.source,
+            html: response.html ? response.html : dataToHtml(data)
+          });
+        };
+        if (cache[data.source]) {
+          wrappedResolve(cache[data.source]);
+        } else {
+          handler({ url: data.source }, wrappedResolve, rej);
+        }
+      });
+    };
+    var defaultPromise = function (data, dataToHtml) {
+      return new global$6(function (res) {
+        res({
+          html: dataToHtml(data),
+          url: data.source
+        });
+      });
+    };
+    var loadedData = function (editor) {
+      return function (data) {
+        return dataToHtml(editor, data);
+      };
+    };
+    var getEmbedHtml = function (editor, data) {
+      var embedHandler = getUrlResolver(editor);
+      return embedHandler ? embedPromise(data, loadedData(editor), embedHandler) : defaultPromise(data, loadedData(editor));
+    };
+    var isCached = function (url) {
+      return cache.hasOwnProperty(url);
+    };
+
+    var extractMeta = function (sourceInput, data) {
+      return get(data, sourceInput).bind(function (mainData) {
+        return get(mainData, 'meta');
+      });
+    };
+    var getValue = function (data, metaData, sourceInput) {
+      return function (prop) {
+        var _a;
+        var getFromData = function () {
+          return get(data, prop);
+        };
+        var getFromMetaData = function () {
+          return get(metaData, prop);
+        };
+        var getNonEmptyValue = function (c) {
+          return get(c, 'value').bind(function (v) {
+            return v.length > 0 ? Optional.some(v) : Optional.none();
+          });
+        };
+        var getFromValueFirst = function () {
+          return getFromData().bind(function (child) {
+            return isObject(child) ? getNonEmptyValue(child).orThunk(getFromMetaData) : getFromMetaData().orThunk(function () {
+              return Optional.from(child);
+            });
+          });
+        };
+        var getFromMetaFirst = function () {
+          return getFromMetaData().orThunk(function () {
+            return getFromData().bind(function (child) {
+              return isObject(child) ? getNonEmptyValue(child) : Optional.from(child);
+            });
+          });
+        };
+        return _a = {}, _a[prop] = (prop === sourceInput ? getFromValueFirst() : getFromMetaFirst()).getOr(''), _a;
+      };
+    };
+    var getDimensions = function (data, metaData) {
+      var dimensions = {};
+      get(data, 'dimensions').each(function (dims) {
+        each([
+          'width',
+          'height'
+        ], function (prop) {
+          get(metaData, prop).orThunk(function () {
+            return get(dims, prop);
+          }).each(function (value) {
+            return dimensions[prop] = value;
+          });
+        });
+      });
+      return dimensions;
+    };
+    var unwrap = function (data, sourceInput) {
+      var metaData = sourceInput ? extractMeta(sourceInput, data).getOr({}) : {};
+      var get = getValue(data, metaData, sourceInput);
+      return __assign(__assign(__assign(__assign(__assign({}, get('source')), get('altsource')), get('poster')), get('embed')), getDimensions(data, metaData));
+    };
+    var wrap = function (data) {
+      var wrapped = __assign(__assign({}, data), {
+        source: { value: get(data, 'source').getOr('') },
+        altsource: { value: get(data, 'altsource').getOr('') },
+        poster: { value: get(data, 'poster').getOr('') }
+      });
+      each([
+        'width',
+        'height'
+      ], function (prop) {
+        get(data, prop).each(function (value) {
+          var dimensions = wrapped.dimensions || {};
+          dimensions[prop] = value;
+          wrapped.dimensions = dimensions;
+        });
+      });
+      return wrapped;
+    };
+    var handleError = function (editor) {
+      return function (error) {
+        var errorMessage = error && error.msg ? 'Media embed handler error: ' + error.msg : 'Media embed handler threw unknown error.';
+        editor.notificationManager.open({
+          type: 'error',
+          text: errorMessage
+        });
+      };
+    };
+    var snippetToData = function (editor, embedSnippet) {
+      return htmlToData(getScripts(editor), embedSnippet);
+    };
+    var isMediaElement = function (element) {
+      return element.getAttribute('data-mce-object') || element.getAttribute('data-ephox-embed-iri');
+    };
+    var getEditorData = function (editor) {
+      var element = editor.selection.getNode();
+      var snippet = isMediaElement(element) ? editor.serializer.serialize(element, { selection: true }) : '';
+      return __assign({ embed: snippet }, htmlToData(getScripts(editor), snippet));
+    };
+    var addEmbedHtml = function (api, editor) {
+      return function (response) {
+        if (isString(response.url) && response.url.trim().length > 0) {
+          var html = response.html;
+          var snippetData = snippetToData(editor, html);
+          var nuData = __assign(__assign({}, snippetData), {
+            source: response.url,
+            embed: html
+          });
+          api.setData(wrap(nuData));
+        }
+      };
+    };
+    var selectPlaceholder = function (editor, beforeObjects) {
+      var afterObjects = editor.dom.select('img[data-mce-object]');
+      for (var i = 0; i < beforeObjects.length; i++) {
+        for (var y = afterObjects.length - 1; y >= 0; y--) {
+          if (beforeObjects[i] === afterObjects[y]) {
+            afterObjects.splice(y, 1);
+          }
+        }
+      }
+      editor.selection.select(afterObjects[0]);
+    };
+    var handleInsert = function (editor, html) {
+      var beforeObjects = editor.dom.select('img[data-mce-object]');
+      editor.insertContent(html);
+      selectPlaceholder(editor, beforeObjects);
+      editor.nodeChanged();
+    };
+    var submitForm = function (prevData, newData, editor) {
+      newData.embed = updateHtml(newData.embed, newData);
+      if (newData.embed && (prevData.source === newData.source || isCached(newData.source))) {
+        handleInsert(editor, newData.embed);
+      } else {
+        getEmbedHtml(editor, newData).then(function (response) {
+          handleInsert(editor, response.html);
+        }).catch(handleError(editor));
+      }
+    };
+    var showDialog = function (editor) {
+      var editorData = getEditorData(editor);
+      var currentData = Cell(editorData);
+      var initialData = wrap(editorData);
+      var handleSource = function (prevData, api) {
+        var serviceData = unwrap(api.getData(), 'source');
+        if (prevData.source !== serviceData.source) {
+          addEmbedHtml(win, editor)({
+            url: serviceData.source,
+            html: ''
+          });
+          getEmbedHtml(editor, serviceData).then(addEmbedHtml(win, editor)).catch(handleError(editor));
+        }
+      };
+      var handleEmbed = function (api) {
+        var data = unwrap(api.getData());
+        var dataFromEmbed = snippetToData(editor, data.embed);
+        api.setData(wrap(dataFromEmbed));
+      };
+      var handleUpdate = function (api, sourceInput) {
+        var data = unwrap(api.getData(), sourceInput);
+        var embed = dataToHtml(editor, data);
+        api.setData(wrap(__assign(__assign({}, data), { embed: embed })));
+      };
+      var mediaInput = [{
+          name: 'source',
+          type: 'urlinput',
+          filetype: 'media',
+          label: 'Source'
+        }];
+      var sizeInput = !hasDimensions(editor) ? [] : [{
+          type: 'sizeinput',
+          name: 'dimensions',
+          label: 'Constrain proportions',
+          constrain: true
+        }];
+      var generalTab = {
+        title: 'General',
+        name: 'general',
+        items: flatten([
+          mediaInput,
+          sizeInput
+        ])
+      };
+      var embedTextarea = {
+        type: 'textarea',
+        name: 'embed',
+        label: 'Paste your embed code below:'
+      };
+      var embedTab = {
+        title: 'Embed',
+        items: [embedTextarea]
+      };
+      var advancedFormItems = [];
+      if (hasAltSource(editor)) {
+        advancedFormItems.push({
+          name: 'altsource',
+          type: 'urlinput',
+          filetype: 'media',
+          label: 'Alternative source URL'
+        });
+      }
+      if (hasPoster(editor)) {
+        advancedFormItems.push({
+          name: 'poster',
+          type: 'urlinput',
+          filetype: 'image',
+          label: 'Media poster (Image URL)'
+        });
+      }
+      var advancedTab = {
+        title: 'Advanced',
+        name: 'advanced',
+        items: advancedFormItems
+      };
+      var tabs = [
+        generalTab,
+        embedTab
+      ];
+      if (advancedFormItems.length > 0) {
+        tabs.push(advancedTab);
+      }
+      var body = {
+        type: 'tabpanel',
+        tabs: tabs
+      };
+      var win = editor.windowManager.open({
+        title: 'Insert/Edit Media',
+        size: 'normal',
+        body: body,
+        buttons: [
+          {
+            type: 'cancel',
+            name: 'cancel',
+            text: 'Cancel'
+          },
+          {
+            type: 'submit',
+            name: 'save',
+            text: 'Save',
+            primary: true
+          }
+        ],
+        onSubmit: function (api) {
+          var serviceData = unwrap(api.getData());
+          submitForm(currentData.get(), serviceData, editor);
+          api.close();
+        },
+        onChange: function (api, detail) {
+          switch (detail.name) {
+          case 'source':
+            handleSource(currentData.get(), api);
+            break;
+          case 'embed':
+            handleEmbed(api);
+            break;
+          case 'dimensions':
+          case 'altsource':
+          case 'poster':
+            handleUpdate(api, detail.name);
+            break;
+          }
+          currentData.set(unwrap(api.getData()));
+        },
+        initialData: initialData
+      });
+    };
+
+    var get$1 = function (editor) {
+      var showDialog$1 = function () {
+        showDialog(editor);
+      };
+      return { showDialog: showDialog$1 };
+    };
+
+    var register = function (editor) {
+      var showDialog$1 = function () {
+        showDialog(editor);
+      };
+      editor.addCommand('mceMedia', showDialog$1);
+    };
+
+    var global$7 = tinymce.util.Tools.resolve('tinymce.html.Node');
+
+    var global$8 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var sanitize = function (editor, html) {
+      if (shouldFilterHtml(editor) === false) {
+        return html;
+      }
+      var writer = global$5();
+      var blocked;
+      global$3({
+        validate: false,
+        allow_conditional_comments: false,
+        comment: function (text) {
+          writer.comment(text);
+        },
+        cdata: function (text) {
+          writer.cdata(text);
+        },
+        text: function (text, raw) {
+          writer.text(text, raw);
+        },
+        start: function (name, attrs, empty) {
+          blocked = true;
+          if (name === 'script' || name === 'noscript' || name === 'svg') {
+            return;
+          }
+          for (var i = attrs.length - 1; i >= 0; i--) {
+            var attrName = attrs[i].name;
+            if (attrName.indexOf('on') === 0) {
+              delete attrs.map[attrName];
+              attrs.splice(i, 1);
+            }
+            if (attrName === 'style') {
+              attrs[i].value = editor.dom.serializeStyle(editor.dom.parseStyle(attrs[i].value), name);
+            }
+          }
+          writer.start(name, attrs, empty);
+          blocked = false;
+        },
+        end: function (name) {
+          if (blocked) {
+            return;
+          }
+          writer.end(name);
+        }
+      }, global$4({})).parse(html);
+      return writer.getContent();
+    };
+
+    var createPlaceholderNode = function (editor, node) {
+      var name = node.name;
+      var placeHolder = new global$7('img', 1);
+      placeHolder.shortEnded = true;
+      retainAttributesAndInnerHtml(editor, node, placeHolder);
+      placeHolder.attr({
+        'width': node.attr('width') || '300',
+        'height': node.attr('height') || (name === 'audio' ? '30' : '150'),
+        'style': node.attr('style'),
+        'src': global$8.transparentSrc,
+        'data-mce-object': name,
+        'class': 'mce-object mce-object-' + name
+      });
+      return placeHolder;
+    };
+    var createPreviewIframeNode = function (editor, node) {
+      var name = node.name;
+      var previewWrapper = new global$7('span', 1);
+      previewWrapper.attr({
+        'contentEditable': 'false',
+        'style': node.attr('style'),
+        'data-mce-object': name,
+        'class': 'mce-preview-object mce-object-' + name
+      });
+      retainAttributesAndInnerHtml(editor, node, previewWrapper);
+      var previewNode = new global$7(name, 1);
+      previewNode.attr({
+        src: node.attr('src'),
+        allowfullscreen: node.attr('allowfullscreen'),
+        style: node.attr('style'),
+        class: node.attr('class'),
+        width: node.attr('width'),
+        height: node.attr('height'),
+        frameborder: '0'
+      });
+      var shimNode = new global$7('span', 1);
+      shimNode.attr('class', 'mce-shim');
+      previewWrapper.append(previewNode);
+      previewWrapper.append(shimNode);
+      return previewWrapper;
+    };
+    var retainAttributesAndInnerHtml = function (editor, sourceNode, targetNode) {
+      var attrName;
+      var attrValue;
+      var ai;
+      var attribs = sourceNode.attributes;
+      ai = attribs.length;
+      while (ai--) {
+        attrName = attribs[ai].name;
+        attrValue = attribs[ai].value;
+        if (attrName !== 'width' && attrName !== 'height' && attrName !== 'style') {
+          if (attrName === 'data' || attrName === 'src') {
+            attrValue = editor.convertURL(attrValue, attrName);
+          }
+          targetNode.attr('data-mce-p-' + attrName, attrValue);
+        }
+      }
+      var innerHtml = sourceNode.firstChild && sourceNode.firstChild.value;
+      if (innerHtml) {
+        targetNode.attr('data-mce-html', escape(sanitize(editor, innerHtml)));
+        targetNode.firstChild = null;
+      }
+    };
+    var isPageEmbedWrapper = function (node) {
+      var nodeClass = node.attr('class');
+      return nodeClass && /\btiny-pageembed\b/.test(nodeClass);
+    };
+    var isWithinEmbedWrapper = function (node) {
+      while (node = node.parent) {
+        if (node.attr('data-ephox-embed-iri') || isPageEmbedWrapper(node)) {
+          return true;
+        }
+      }
+      return false;
+    };
+    var placeHolderConverter = function (editor) {
+      return function (nodes) {
+        var i = nodes.length;
+        var node;
+        var videoScript;
+        while (i--) {
+          node = nodes[i];
+          if (!node.parent) {
+            continue;
+          }
+          if (node.parent.attr('data-mce-object')) {
+            continue;
+          }
+          if (node.name === 'script') {
+            videoScript = getVideoScriptMatch(getScripts(editor), node.attr('src'));
+            if (!videoScript) {
+              continue;
+            }
+          }
+          if (videoScript) {
+            if (videoScript.width) {
+              node.attr('width', videoScript.width.toString());
+            }
+            if (videoScript.height) {
+              node.attr('height', videoScript.height.toString());
+            }
+          }
+          if (node.name === 'iframe' && hasLiveEmbeds(editor) && global$8.ceFalse) {
+            if (!isWithinEmbedWrapper(node)) {
+              node.replace(createPreviewIframeNode(editor, node));
+            }
+          } else {
+            if (!isWithinEmbedWrapper(node)) {
+              node.replace(createPlaceholderNode(editor, node));
+            }
+          }
+        }
+      };
+    };
+
+    var setup = function (editor) {
+      editor.on('preInit', function () {
+        var specialElements = editor.schema.getSpecialElements();
+        global$1.each('video audio iframe object'.split(' '), function (name) {
+          specialElements[name] = new RegExp('</' + name + '[^>]*>', 'gi');
+        });
+        var boolAttrs = editor.schema.getBoolAttrs();
+        global$1.each('webkitallowfullscreen mozallowfullscreen allowfullscreen'.split(' '), function (name) {
+          boolAttrs[name] = {};
+        });
+        editor.parser.addNodeFilter('iframe,video,audio,object,embed,script', placeHolderConverter(editor));
+        editor.serializer.addAttributeFilter('data-mce-object', function (nodes, name) {
+          var i = nodes.length;
+          var node;
+          var realElm;
+          var ai;
+          var attribs;
+          var innerHtml;
+          var innerNode;
+          var realElmName;
+          var className;
+          while (i--) {
+            node = nodes[i];
+            if (!node.parent) {
+              continue;
+            }
+            realElmName = node.attr(name);
+            realElm = new global$7(realElmName, 1);
+            if (realElmName !== 'audio' && realElmName !== 'script') {
+              className = node.attr('class');
+              if (className && className.indexOf('mce-preview-object') !== -1) {
+                realElm.attr({
+                  width: node.firstChild.attr('width'),
+                  height: node.firstChild.attr('height')
+                });
+              } else {
+                realElm.attr({
+                  width: node.attr('width'),
+                  height: node.attr('height')
+                });
+              }
+            }
+            realElm.attr({ style: node.attr('style') });
+            attribs = node.attributes;
+            ai = attribs.length;
+            while (ai--) {
+              var attrName = attribs[ai].name;
+              if (attrName.indexOf('data-mce-p-') === 0) {
+                realElm.attr(attrName.substr(11), attribs[ai].value);
+              }
+            }
+            if (realElmName === 'script') {
+              realElm.attr('type', 'text/javascript');
+            }
+            innerHtml = node.attr('data-mce-html');
+            if (innerHtml) {
+              innerNode = new global$7('#text', 3);
+              innerNode.raw = true;
+              innerNode.value = sanitize(editor, unescape(innerHtml));
+              realElm.append(innerNode);
+            }
+            node.replace(realElm);
+          }
+        });
+      });
+      editor.on('SetContent', function () {
+        editor.$('span.mce-preview-object').each(function (index, elm) {
+          var $elm = editor.$(elm);
+          if ($elm.find('span.mce-shim').length === 0) {
+            $elm.append('<span class="mce-shim"></span>');
+          }
+        });
+      });
+    };
+
+    var setup$1 = function (editor) {
+      editor.on('ResolveName', function (e) {
+        var name;
+        if (e.target.nodeType === 1 && (name = e.target.getAttribute('data-mce-object'))) {
+          e.name = name;
+        }
+      });
+    };
+
+    var setup$2 = function (editor) {
+      editor.on('click keyup touchend', function () {
+        var selectedNode = editor.selection.getNode();
+        if (selectedNode && editor.dom.hasClass(selectedNode, 'mce-preview-object')) {
+          if (editor.dom.getAttrib(selectedNode, 'data-mce-selected')) {
+            selectedNode.setAttribute('data-mce-selected', '2');
+          }
+        }
+      });
+      editor.on('ObjectSelected', function (e) {
+        var objectType = e.target.getAttribute('data-mce-object');
+        if (objectType === 'audio' || objectType === 'script') {
+          e.preventDefault();
+        }
+      });
+      editor.on('ObjectResized', function (e) {
+        var target = e.target;
+        var html;
+        if (target.getAttribute('data-mce-object')) {
+          html = target.getAttribute('data-mce-html');
+          if (html) {
+            html = unescape(html);
+            target.setAttribute('data-mce-html', escape(updateHtml(html, {
+              width: String(e.width),
+              height: String(e.height)
+            })));
+          }
+        }
+      });
+    };
+
+    var stateSelectorAdapter = function (editor, selector) {
+      return function (buttonApi) {
+        return editor.selection.selectorChangedWithUnbind(selector.join(','), buttonApi.setActive).unbind;
+      };
+    };
+    var register$1 = function (editor) {
+      editor.ui.registry.addToggleButton('media', {
+        tooltip: 'Insert/edit media',
+        icon: 'embed',
+        onAction: function () {
+          editor.execCommand('mceMedia');
+        },
+        onSetup: stateSelectorAdapter(editor, [
+          'img[data-mce-object]',
+          'span[data-mce-object]',
+          'div[data-ephox-embed-iri]'
+        ])
+      });
+      editor.ui.registry.addMenuItem('media', {
+        icon: 'embed',
+        text: 'Media...',
+        onAction: function () {
+          editor.execCommand('mceMedia');
+        }
+      });
+    };
+
+    function Plugin () {
+      global.add('media', function (editor) {
+        register(editor);
+        register$1(editor);
+        setup$1(editor);
+        setup(editor);
+        setup$2(editor);
+        return get$1(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/media/plugin.min.js b/src/assets/tinymce/plugins/media/plugin.min.js
new file mode 100644
index 00000000..a540a82b
--- /dev/null
+++ b/src/assets/tinymce/plugins/media/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e,t,r,n=tinymce.util.Tools.resolve("tinymce.PluginManager"),p=function(){return(p=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)},a=function(e){return function(){return e}},o=a(!1),c=a(!0),i=function(){return u},u=(e=function(e){return e.isNone()},{fold:function(e,t){return e()},is:o,isSome:o,isNone:c,getOr:r=function(e){return e},getOrThunk:t=function(e){return e()},getOrDie:function(e){throw new Error(e||"error: getOrDie called on none.")},getOrNull:a(null),getOrUndefined:a(undefined),or:r,orThunk:t,map:i,each:function(){},bind:i,exists:o,forall:c,filter:i,equals:e,equals_:e,toArray:function(){return[]},toString:a("none()")}),s=function(r){var e=a(r),t=function(){return i},n=function(e){return e(r)},i={fold:function(e,t){return t(r)},is:function(e){return r===e},isSome:c,isNone:o,getOr:e,getOrThunk:e,getOrDie:e,getOrNull:e,getOrUndefined:e,or:t,orThunk:t,map:function(e){return s(e(r))},each:function(e){e(r)},bind:n,exists:n,forall:n,filter:function(e){return e(r)?i:u},toArray:function(){return[r]},toString:function(){return"some("+r+")"},equals:function(e){return e.is(r)},equals_:function(e,t){return e.fold(o,function(e){return t(r,e)})}};return i},l={some:s,none:i,from:function(e){return null===e||e===undefined?u:s(e)}},m=function(n){return function(e){return r=typeof(t=e),(null===t?"null":"object"==r&&(Array.prototype.isPrototypeOf(t)||t.constructor&&"Array"===t.constructor.name)?"array":"object"==r&&(String.prototype.isPrototypeOf(t)||t.constructor&&"String"===t.constructor.name)?"string":r)===n;var t,r}},d=m("string"),h=m("object"),g=m("array"),v=Array.prototype.push,f=function(e,t){for(var r=0,n=e.length;r<n;r++){t(e[r],r)}},w=function(e){var t=e;return{get:function(){return t},set:function(e){t=e}}},b=Object.keys,y=Object.hasOwnProperty,x=function(e,t){return j(e,t)?l.from(e[t]):l.none()},j=function(e,t){return y.call(e,t)},O=function(e){return e.getParam("media_scripts")},S=tinymce.util.Tools.resolve("tinymce.util.Tools"),_=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),k=tinymce.util.Tools.resolve("tinymce.html.SaxParser"),A=function(e,t){if(e)for(var r=0;r<e.length;r++)if(-1!==t.indexOf(e[r].filter))return e[r]},T=_.DOM,C=function(e){return e.replace(/px$/,"")},P=function(o,e){var c=w(!1),u={};return k({validate:!1,allow_conditional_comments:!0,start:function(e,t){if(!c.get())if(j(t.map,"data-ephox-embed-iri"))c.set(!0),i=(n=t).map.style,a=i?T.parseStyle(i):{},u={type:"ephox-embed-iri",source:n.map["data-ephox-embed-iri"],altsource:"",poster:"",width:x(a,"max-width").map(C).getOr(""),height:x(a,"max-height").map(C).getOr("")};else{if(u.source||"param"!==e||(u.source=t.map.movie),"iframe"!==e&&"object"!==e&&"embed"!==e&&"video"!==e&&"audio"!==e||(u.type||(u.type=e),u=S.extend(t.map,u)),"script"===e){var r=A(o,t.map.src);if(!r)return;u={type:"script",source:t.map.src,width:String(r.width),height:String(r.height)}}"source"===e&&(u.source?u.altsource||(u.altsource=t.map.src):u.source=t.map.src),"img"!==e||u.poster||(u.poster=t.map.src)}var n,i,a}}).parse(e),u.source=u.source||u.src||u.data,u.altsource=u.altsource||"",u.poster=u.poster||"",u},D=function(e){var t={mp3:"audio/mpeg",m4a:"audio/x-m4a",wav:"audio/wav",mp4:"video/mp4",webm:"video/webm",ogg:"video/ogg",swf:"application/x-shockwave-flash"}[e.toLowerCase().split(".").pop()];return t||""},$=tinymce.util.Tools.resolve("tinymce.html.Schema"),F=tinymce.util.Tools.resolve("tinymce.html.Writer"),M=_.DOM,z=function(e){return/^[0-9.]+$/.test(e)?e+"px":e},N=function(a,e){!function(e,t){for(var r=b(e),n=0,i=r.length;n<i;n++){var a=r[n];t(e[a],a)}}(e,function(e,t){var r=""+e;if(a.map[t])for(var n=a.length;n--;){var i=a[n];i.name===t&&(r?(a.map[t]=r,i.value=r):(delete a.map[t],a.splice(n,1)))}else r&&(a.push({name:t,value:r}),a.map[t]=r)})},U=["source","altsource"],E=function(e,c,u){var s,l=F(),m=w(!1),d=0;return k({validate:!1,allow_conditional_comments:!0,comment:function(e){l.comment(e)},cdata:function(e){l.cdata(e)},text:function(e,t){l.text(e,t)},start:function(e,t,r){if(!m.get())if(j(t.map,"data-ephox-embed-iri"))m.set(!0),n=c,a=(i=t).map.style,(o=a?M.parseStyle(a):{})["max-width"]=z(n.width),o["max-height"]=z(n.height),N(i,{style:M.serializeStyle(o)});else{switch(e){case"video":case"object":case"embed":case"img":case"iframe":c.height!==undefined&&c.width!==undefined&&N(t,{width:c.width,height:c.height})}if(u)switch(e){case"video":N(t,{poster:c.poster,src:""}),c.altsource&&N(t,{src:""});break;case"iframe":N(t,{src:c.source});break;case"source":if(d<2&&(N(t,{src:c[U[d]],type:c[U[d]+"mime"]}),!c[U[d]]))return;d++;break;case"img":if(!c.poster)return;s=!0}}var n,i,a,o;l.start(e,t,r)},end:function(e){if(!m.get()){if("video"===e&&u)for(var t,r=0;r<2;r++){c[U[r]]&&((t=[]).map={},d<=r&&(N(t,{src:c[U[r]],type:c[U[r]+"mime"]}),l.start("source",t,!0)))}var n;c.poster&&"object"===e&&u&&!s&&((n=[]).map={},N(n,{src:c.poster,width:c.width,height:c.height}),l.start("img",n,!0))}l.end(e)}},$({})).parse(e),l.getContent()},R=[{regex:/youtu\.be\/([\w\-_\?&=.]+)/i,type:"iframe",w:560,h:314,url:"www.youtube.com/embed/$1",allowFullscreen:!0},{regex:/youtube\.com(.+)v=([^&]+)(&([a-z0-9&=\-_]+))?/i,type:"iframe",w:560,h:314,url:"www.youtube.com/embed/$2?$4",allowFullscreen:!0},{regex:/youtube.com\/embed\/([a-z0-9\?&=\-_]+)/i,type:"iframe",w:560,h:314,url:"www.youtube.com/embed/$1",allowFullscreen:!0},{regex:/vimeo\.com\/([0-9]+)/,type:"iframe",w:425,h:350,url:"player.vimeo.com/video/$1?title=0&byline=0&portrait=0&color=8dc7dc",allowFullscreen:!0},{regex:/vimeo\.com\/(.*)\/([0-9]+)/,type:"iframe",w:425,h:350,url:"player.vimeo.com/video/$2?title=0&amp;byline=0",allowFullscreen:!0},{regex:/maps\.google\.([a-z]{2,3})\/maps\/(.+)msid=(.+)/,type:"iframe",w:425,h:350,url:'maps.google.com/maps/ms?msid=$2&output=embed"',allowFullscreen:!1},{regex:/dailymotion\.com\/video\/([^_]+)/,type:"iframe",w:480,h:270,url:"www.dailymotion.com/embed/video/$1",allowFullscreen:!0},{regex:/dai\.ly\/([^_]+)/,type:"iframe",w:480,h:270,url:"www.dailymotion.com/embed/video/$1",allowFullscreen:!0}],L=function(t){var e=R.filter(function(e){return e.regex.test(t)});return 0<e.length?S.extend({},e[0],{url:function(e,t){for(var r,n=(r=t.match(/^(https?:\/\/|www\.)(.+)$/i))&&1<r.length&&"www."!==r[1]?r[1]:"https://",i=e.regex.exec(t),a=n+e.url,o=0;o<i.length;o++)!function(e){a=a.replace("$"+e,function(){return i[e]?i[e]:""})}(o);return a.replace(/\?$/,"")}(e[0],t)}):null},I=function(r,e){var n=S.extend({},e);if(!n.source&&(S.extend(n,P(O(r),n.embed)),!n.source))return"";n.altsource||(n.altsource=""),n.poster||(n.poster=""),n.source=r.convertURL(n.source,"source"),n.altsource=r.convertURL(n.altsource,"source"),n.sourcemime=D(n.source),n.altsourcemime=D(n.altsource),n.poster=r.convertURL(n.poster,"poster");var t=L(n.source);if(t&&(n.source=t.url,n.type=t.type,n.allowFullscreen=t.allowFullscreen,n.width=n.width||String(t.w),n.height=n.height||String(t.h)),n.embed)return E(n.embed,n,!0);var i=A(O(r),n.source);i&&(n.type="script",n.width=String(i.width),n.height=String(i.height));var a,o,c,u,s,l,m,d,h=r.getParam("audio_template_callback"),f=r.getParam("video_template_callback");return n.width=n.width||"300",n.height=n.height||"150",S.each(n,function(e,t){n[t]=r.dom.encode(""+e)}),"iframe"===n.type?(d=(m=n).allowFullscreen?' allowFullscreen="1"':"",'<iframe src="'+m.source+'" width="'+m.width+'" height="'+m.height+'"'+d+"></iframe>"):"application/x-shockwave-flash"===n.sourcemime?(l='<object data="'+(s=n).source+'" width="'+s.width+'" height="'+s.height+'" type="application/x-shockwave-flash">',s.poster&&(l+='<img src="'+s.poster+'" width="'+s.width+'" height="'+s.height+'" />'),l+="</object>"):-1!==n.sourcemime.indexOf("audio")?(c=n,(u=h)?u(c):'<audio controls="controls" src="'+c.source+'">'+(c.altsource?'\n<source src="'+c.altsource+'"'+(c.altsourcemime?' type="'+c.altsourcemime+'"':"")+" />\n":"")+"</audio>"):"script"===n.type?'<script src="'+n.source+'"><\/script>':(a=n,(o=f)?o(a):'<video width="'+a.width+'" height="'+a.height+'"'+(a.poster?' poster="'+a.poster+'"':"")+' controls="controls">\n<source src="'+a.source+'"'+(a.sourcemime?' type="'+a.sourcemime+'"':"")+" />\n"+(a.altsource?'<source src="'+a.altsource+'"'+(a.altsourcemime?' type="'+a.altsourcemime+'"':"")+" />\n":"")+"</video>")},q=tinymce.util.Tools.resolve("tinymce.util.Promise"),B={},W=function(t){return function(e){return I(t,e)}},G=function(e,t){var r,n,i,a,o,c=e.getParam("media_url_resolver");return c?(i=t,a=W(e),o=c,new q(function(t,e){var r=function(e){return e.html&&(B[i.source]=e),t({url:i.source,html:e.html?e.html:a(i)})};B[i.source]?r(B[i.source]):o({url:i.source},r,e)})):(r=t,n=W(e),new q(function(e){e({html:n(r),url:r.source})}))},H=function(a,o,c){return function(e){var t=function(){return x(a,e)},r=function(){return x(o,e)},n=function(e){return x(e,"value").bind(function(e){return 0<e.length?l.some(e):l.none()})},i={};return i[e]=(e===c?t().bind(function(e){return h(e)?n(e).orThunk(r):r().orThunk(function(){return l.from(e)})}):r().orThunk(function(){return t().bind(function(e){return h(e)?n(e):l.from(e)})})).getOr(""),i}},J=function(e,t){var r,n,i=t?x(e,t).bind(function(e){return x(e,"meta")}).getOr({}):{},a=H(e,i,t);return p(p(p(p(p({},a("source")),a("altsource")),a("poster")),a("embed")),(r=i,n={},x(e,"dimensions").each(function(e){f(["width","height"],function(t){x(r,t).orThunk(function(){return x(e,t)}).each(function(e){return n[t]=e})})}),n))},K=function(e){var n=p(p({},e),{source:{value:x(e,"source").getOr("")},altsource:{value:x(e,"altsource").getOr("")},poster:{value:x(e,"poster").getOr("")}});return f(["width","height"],function(r){x(e,r).each(function(e){var t=n.dimensions||{};t[r]=e,n.dimensions=t})}),n},Q=function(r){return function(e){var t=e&&e.msg?"Media embed handler error: "+e.msg:"Media embed handler threw unknown error.";r.notificationManager.open({type:"error",text:t})}},V=function(e,t){return P(O(e),t)},X=function(i,a){return function(e){var t,r,n;d(e.url)&&0<e.url.trim().length&&(t=e.html,r=V(a,t),n=p(p({},r),{source:e.url,embed:t}),i.setData(K(n)))}},Y=function(e,t){var r=e.dom.select("img[data-mce-object]");e.insertContent(t),function(e,t){for(var r=e.dom.select("img[data-mce-object]"),n=0;n<t.length;n++)for(var i=r.length-1;0<=i;i--)t[n]===r[i]&&r.splice(i,1);e.selection.select(r[0])}(e,r),e.nodeChanged()},Z=function(e,t,r){var n;t.embed=E(t.embed,t),t.embed&&(e.source===t.source||(n=t.source,B.hasOwnProperty(n)))?Y(r,t.embed):G(r,t).then(function(e){Y(r,e.html)})["catch"](Q(r))},ee=function(m){var e,t,r,n,i=(r=(e=m).selection.getNode(),n=(t=r).getAttribute("data-mce-object")||t.getAttribute("data-ephox-embed-iri")?e.serializer.serialize(r,{selection:!0}):"",p({embed:n},P(O(e),n))),d=w(i),a=K(i),o={title:"General",name:"general",items:function(e){for(var t=[],r=0,n=e.length;r<n;++r){if(!g(e[r]))throw new Error("Arr.flatten item "+r+" was not an array, input: "+e);v.apply(t,e[r])}return t}([[{name:"source",type:"urlinput",filetype:"media",label:"Source"}],m.getParam("media_dimensions",!0)?[{type:"sizeinput",name:"dimensions",label:"Constrain proportions",constrain:!0}]:[]])},c={title:"Embed",items:[{type:"textarea",name:"embed",label:"Paste your embed code below:"}]},u=[];m.getParam("media_alt_source",!0)&&u.push({name:"altsource",type:"urlinput",filetype:"media",label:"Alternative source URL"}),m.getParam("media_poster",!0)&&u.push({name:"poster",type:"urlinput",filetype:"image",label:"Media poster (Image URL)"});var s={title:"Advanced",name:"advanced",items:u},l=[o,c];0<u.length&&l.push(s);var h={type:"tabpanel",tabs:l},f=m.windowManager.open({title:"Insert/Edit Media",size:"normal",body:h,buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],onSubmit:function(e){var t=J(e.getData());Z(d.get(),t,m),e.close()},onChange:function(e,t){switch(t.name){case"source":s=d.get(),l=J(e.getData(),"source"),s.source!==l.source&&(X(f,m)({url:l.source,html:""}),G(m,l).then(X(f,m))["catch"](Q(m)));break;case"embed":c=J((o=e).getData()),u=V(m,c.embed),o.setData(K(u));break;case"dimensions":case"altsource":case"poster":r=e,n=t.name,i=J(r.getData(),n),a=I(m,i),r.setData(K(p(p({},i),{embed:a})))}var r,n,i,a,o,c,u,s,l;d.set(J(e.getData()))},initialData:a})},te=tinymce.util.Tools.resolve("tinymce.html.Node"),re=tinymce.util.Tools.resolve("tinymce.Env"),ne=function(a,e){if(!1===a.getParam("media_filter_html",!0))return e;var o,c=F();return k({validate:!1,allow_conditional_comments:!1,comment:function(e){c.comment(e)},cdata:function(e){c.cdata(e)},text:function(e,t){c.text(e,t)},start:function(e,t,r){if(o=!0,"script"!==e&&"noscript"!==e&&"svg"!==e){for(var n=t.length-1;0<=n;n--){var i=t[n].name;0===i.indexOf("on")&&(delete t.map[i],t.splice(n,1)),"style"===i&&(t[n].value=a.dom.serializeStyle(a.dom.parseStyle(t[n].value),e))}c.start(e,t,r),o=!1}},end:function(e){o||c.end(e)}},$({})).parse(e),c.getContent()},ie=function(e,t,r){for(var n,i,a=t.attributes,o=a.length;o--;)n=a[o].name,i=a[o].value,"width"!==n&&"height"!==n&&"style"!==n&&("data"!==n&&"src"!==n||(i=e.convertURL(i,n)),r.attr("data-mce-p-"+n,i));var c=t.firstChild&&t.firstChild.value;c&&(r.attr("data-mce-html",escape(ne(e,c))),r.firstChild=null)},ae=function(e){for(;e=e.parent;)if(e.attr("data-ephox-embed-iri")||(t=e.attr("class"))&&/\btiny-pageembed\b/.test(t))return!0;var t;return!1},oe=function(u){return function(e){for(var t,r,n,i,a,o,c=e.length;c--;)(t=e[c]).parent&&(t.parent.attr("data-mce-object")||"script"===t.name&&!(r=A(O(u),t.attr("src")))||(r&&(r.width&&t.attr("width",r.width.toString()),r.height&&t.attr("height",r.height.toString())),"iframe"===t.name&&u.getParam("media_live_embeds",!0)&&re.ceFalse?ae(t)||t.replace(function(e,t){var r=t.name,n=new te("span",1);n.attr({contentEditable:"false",style:t.attr("style"),"data-mce-object":r,"class":"mce-preview-object mce-object-"+r}),ie(e,t,n);var i=new te(r,1);i.attr({src:t.attr("src"),allowfullscreen:t.attr("allowfullscreen"),style:t.attr("style"),"class":t.attr("class"),width:t.attr("width"),height:t.attr("height"),frameborder:"0"});var a=new te("span",1);return a.attr("class","mce-shim"),n.append(i),n.append(a),n}(u,t)):ae(t)||t.replace((n=u,o=void 0,a=(i=t).name,(o=new te("img",1)).shortEnded=!0,ie(n,i,o),o.attr({width:i.attr("width")||"300",height:i.attr("height")||("audio"===a?"30":"150"),style:i.attr("style"),src:re.transparentSrc,"data-mce-object":a,"class":"mce-object mce-object-"+a}),o))))}},ce=function(e){var t,r;e.ui.registry.addToggleButton("media",{tooltip:"Insert/edit media",icon:"embed",onAction:function(){e.execCommand("mceMedia")},onSetup:(t=e,r=["img[data-mce-object]","span[data-mce-object]","div[data-ephox-embed-iri]"],function(e){return t.selection.selectorChangedWithUnbind(r.join(","),e.setActive).unbind})}),e.ui.registry.addMenuItem("media",{icon:"embed",text:"Media...",onAction:function(){e.execCommand("mceMedia")}})};n.add("media",function(e){var t,d,r,n;return(t=e).addCommand("mceMedia",function(){ee(t)}),ce(e),e.on("ResolveName",function(e){var t;1===e.target.nodeType&&(t=e.target.getAttribute("data-mce-object"))&&(e.name=t)}),(d=e).on("preInit",function(){var t=d.schema.getSpecialElements();S.each("video audio iframe object".split(" "),function(e){t[e]=new RegExp("</"+e+"[^>]*>","gi")});var r=d.schema.getBoolAttrs();S.each("webkitallowfullscreen mozallowfullscreen allowfullscreen".split(" "),function(e){r[e]={}}),d.parser.addNodeFilter("iframe,video,audio,object,embed,script",oe(d)),d.serializer.addAttributeFilter("data-mce-object",function(e,t){for(var r,n,i,a,o,c,u,s,l=e.length;l--;)if((r=e[l]).parent){for(u=r.attr(t),n=new te(u,1),"audio"!==u&&"script"!==u&&((s=r.attr("class"))&&-1!==s.indexOf("mce-preview-object")?n.attr({width:r.firstChild.attr("width"),height:r.firstChild.attr("height")}):n.attr({width:r.attr("width"),height:r.attr("height")})),n.attr({style:r.attr("style")}),i=(a=r.attributes).length;i--;){var m=a[i].name;0===m.indexOf("data-mce-p-")&&n.attr(m.substr(11),a[i].value)}"script"===u&&n.attr("type","text/javascript"),(o=r.attr("data-mce-html"))&&((c=new te("#text",3)).raw=!0,c.value=ne(d,unescape(o)),n.append(c)),r.replace(n)}})}),d.on("SetContent",function(){d.$("span.mce-preview-object").each(function(e,t){var r=d.$(t);0===r.find("span.mce-shim").length&&r.append('<span class="mce-shim"></span>')})}),(r=e).on("click keyup touchend",function(){var e=r.selection.getNode();e&&r.dom.hasClass(e,"mce-preview-object")&&r.dom.getAttrib(e,"data-mce-selected")&&e.setAttribute("data-mce-selected","2")}),r.on("ObjectSelected",function(e){var t=e.target.getAttribute("data-mce-object");"audio"!==t&&"script"!==t||e.preventDefault()}),r.on("ObjectResized",function(e){var t,r=e.target;r.getAttribute("data-mce-object")&&(t=r.getAttribute("data-mce-html"))&&(t=unescape(t),r.setAttribute("data-mce-html",escape(E(t,{width:String(e.width),height:String(e.height)}))))}),n=e,{showDialog:function(){ee(n)}}})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/nonbreaking/plugin.js b/src/assets/tinymce/plugins/nonbreaking/plugin.js
new file mode 100644
index 00000000..f010f83e
--- /dev/null
+++ b/src/assets/tinymce/plugins/nonbreaking/plugin.js
@@ -0,0 +1,101 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var getKeyboardSpaces = function (editor) {
+      var spaces = editor.getParam('nonbreaking_force_tab', 0);
+      if (typeof spaces === 'boolean') {
+        return spaces === true ? 3 : 0;
+      } else {
+        return spaces;
+      }
+    };
+    var wrapNbsps = function (editor) {
+      return editor.getParam('nonbreaking_wrap', true, 'boolean');
+    };
+
+    var stringRepeat = function (string, repeats) {
+      var str = '';
+      for (var index = 0; index < repeats; index++) {
+        str += string;
+      }
+      return str;
+    };
+    var isVisualCharsEnabled = function (editor) {
+      return editor.plugins.visualchars ? editor.plugins.visualchars.isEnabled() : false;
+    };
+    var insertNbsp = function (editor, times) {
+      var classes = function () {
+        return isVisualCharsEnabled(editor) ? 'mce-nbsp-wrap mce-nbsp' : 'mce-nbsp-wrap';
+      };
+      var nbspSpan = function () {
+        return '<span class="' + classes() + '" contenteditable="false">' + stringRepeat('&nbsp;', times) + '</span>';
+      };
+      var shouldWrap = wrapNbsps(editor);
+      var html = shouldWrap || editor.plugins.visualchars ? nbspSpan() : stringRepeat('&nbsp;', times);
+      editor.undoManager.transact(function () {
+        return editor.insertContent(html);
+      });
+    };
+
+    var register = function (editor) {
+      editor.addCommand('mceNonBreaking', function () {
+        insertNbsp(editor, 1);
+      });
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    var setup = function (editor) {
+      var spaces = getKeyboardSpaces(editor);
+      if (spaces > 0) {
+        editor.on('keydown', function (e) {
+          if (e.keyCode === global$1.TAB && !e.isDefaultPrevented()) {
+            if (e.shiftKey) {
+              return;
+            }
+            e.preventDefault();
+            e.stopImmediatePropagation();
+            insertNbsp(editor, spaces);
+          }
+        });
+      }
+    };
+
+    var register$1 = function (editor) {
+      editor.ui.registry.addButton('nonbreaking', {
+        icon: 'non-breaking',
+        tooltip: 'Nonbreaking space',
+        onAction: function () {
+          return editor.execCommand('mceNonBreaking');
+        }
+      });
+      editor.ui.registry.addMenuItem('nonbreaking', {
+        icon: 'non-breaking',
+        text: 'Nonbreaking space',
+        onAction: function () {
+          return editor.execCommand('mceNonBreaking');
+        }
+      });
+    };
+
+    function Plugin () {
+      global.add('nonbreaking', function (editor) {
+        register(editor);
+        register$1(editor);
+        setup(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/nonbreaking/plugin.min.js b/src/assets/tinymce/plugins/nonbreaking/plugin.min.js
new file mode 100644
index 00000000..36226b5a
--- /dev/null
+++ b/src/assets/tinymce/plugins/nonbreaking/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var n=tinymce.util.Tools.resolve("tinymce.PluginManager"),i=function(n,e){for(var a="",o=0;o<e;o++)a+=n;return a},r=function(n,e){var a,o=n.getParam("nonbreaking_wrap",!0,"boolean")||n.plugins.visualchars?'<span class="'+((a=n).plugins.visualchars&&a.plugins.visualchars.isEnabled()?"mce-nbsp-wrap mce-nbsp":"mce-nbsp-wrap")+'" contenteditable="false">'+i("&nbsp;",e)+"</span>":i("&nbsp;",e);n.undoManager.transact(function(){return n.insertContent(o)})},c=tinymce.util.Tools.resolve("tinymce.util.VK");n.add("nonbreaking",function(n){var e,a,o,i,t;(e=n).addCommand("mceNonBreaking",function(){r(e,1)}),(a=n).ui.registry.addButton("nonbreaking",{icon:"non-breaking",tooltip:"Nonbreaking space",onAction:function(){return a.execCommand("mceNonBreaking")}}),a.ui.registry.addMenuItem("nonbreaking",{icon:"non-breaking",text:"Nonbreaking space",onAction:function(){return a.execCommand("mceNonBreaking")}}),0<(t="boolean"==typeof(i=(o=n).getParam("nonbreaking_force_tab",0))?!0===i?3:0:i)&&o.on("keydown",function(n){if(n.keyCode===c.TAB&&!n.isDefaultPrevented()){if(n.shiftKey)return;n.preventDefault(),n.stopImmediatePropagation(),r(o,t)}})})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/noneditable/plugin.js b/src/assets/tinymce/plugins/noneditable/plugin.js
new file mode 100644
index 00000000..46b09868
--- /dev/null
+++ b/src/assets/tinymce/plugins/noneditable/plugin.js
@@ -0,0 +1,117 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var getNonEditableClass = function (editor) {
+      return editor.getParam('noneditable_noneditable_class', 'mceNonEditable');
+    };
+    var getEditableClass = function (editor) {
+      return editor.getParam('noneditable_editable_class', 'mceEditable');
+    };
+    var getNonEditableRegExps = function (editor) {
+      var nonEditableRegExps = editor.getParam('noneditable_regexp', []);
+      if (nonEditableRegExps && nonEditableRegExps.constructor === RegExp) {
+        return [nonEditableRegExps];
+      } else {
+        return nonEditableRegExps;
+      }
+    };
+
+    var hasClass = function (checkClassName) {
+      return function (node) {
+        return (' ' + node.attr('class') + ' ').indexOf(checkClassName) !== -1;
+      };
+    };
+    var replaceMatchWithSpan = function (editor, content, cls) {
+      return function (match) {
+        var args = arguments, index = args[args.length - 2];
+        var prevChar = index > 0 ? content.charAt(index - 1) : '';
+        if (prevChar === '"') {
+          return match;
+        }
+        if (prevChar === '>') {
+          var findStartTagIndex = content.lastIndexOf('<', index);
+          if (findStartTagIndex !== -1) {
+            var tagHtml = content.substring(findStartTagIndex, index);
+            if (tagHtml.indexOf('contenteditable="false"') !== -1) {
+              return match;
+            }
+          }
+        }
+        return '<span class="' + cls + '" data-mce-content="' + editor.dom.encode(args[0]) + '">' + editor.dom.encode(typeof args[1] === 'string' ? args[1] : args[0]) + '</span>';
+      };
+    };
+    var convertRegExpsToNonEditable = function (editor, nonEditableRegExps, e) {
+      var i = nonEditableRegExps.length, content = e.content;
+      if (e.format === 'raw') {
+        return;
+      }
+      while (i--) {
+        content = content.replace(nonEditableRegExps[i], replaceMatchWithSpan(editor, content, getNonEditableClass(editor)));
+      }
+      e.content = content;
+    };
+    var setup = function (editor) {
+      var contentEditableAttrName = 'contenteditable';
+      var editClass = ' ' + global$1.trim(getEditableClass(editor)) + ' ';
+      var nonEditClass = ' ' + global$1.trim(getNonEditableClass(editor)) + ' ';
+      var hasEditClass = hasClass(editClass);
+      var hasNonEditClass = hasClass(nonEditClass);
+      var nonEditableRegExps = getNonEditableRegExps(editor);
+      editor.on('PreInit', function () {
+        if (nonEditableRegExps.length > 0) {
+          editor.on('BeforeSetContent', function (e) {
+            convertRegExpsToNonEditable(editor, nonEditableRegExps, e);
+          });
+        }
+        editor.parser.addAttributeFilter('class', function (nodes) {
+          var i = nodes.length, node;
+          while (i--) {
+            node = nodes[i];
+            if (hasEditClass(node)) {
+              node.attr(contentEditableAttrName, 'true');
+            } else if (hasNonEditClass(node)) {
+              node.attr(contentEditableAttrName, 'false');
+            }
+          }
+        });
+        editor.serializer.addAttributeFilter(contentEditableAttrName, function (nodes) {
+          var i = nodes.length, node;
+          while (i--) {
+            node = nodes[i];
+            if (!hasEditClass(node) && !hasNonEditClass(node)) {
+              continue;
+            }
+            if (nonEditableRegExps.length > 0 && node.attr('data-mce-content')) {
+              node.name = '#text';
+              node.type = 3;
+              node.raw = true;
+              node.value = node.attr('data-mce-content');
+            } else {
+              node.attr(contentEditableAttrName, null);
+            }
+          }
+        });
+      });
+    };
+
+    function Plugin () {
+      global.add('noneditable', function (editor) {
+        setup(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/noneditable/plugin.min.js b/src/assets/tinymce/plugins/noneditable/plugin.min.js
new file mode 100644
index 00000000..b891aeaf
--- /dev/null
+++ b/src/assets/tinymce/plugins/noneditable/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var t=tinymce.util.Tools.resolve("tinymce.PluginManager"),l=tinymce.util.Tools.resolve("tinymce.util.Tools"),u=function(t){return t.getParam("noneditable_noneditable_class","mceNonEditable")},f=function(e){return function(t){return-1!==(" "+t.attr("class")+" ").indexOf(e)}},e=function(e){var t,r="contenteditable",n=" "+l.trim(e.getParam("noneditable_editable_class","mceEditable"))+" ",a=" "+l.trim(u(e))+" ",i=f(n),o=f(a),c=(t=e.getParam("noneditable_regexp",[]))&&t.constructor===RegExp?[t]:t;e.on("PreInit",function(){0<c.length&&e.on("BeforeSetContent",function(t){!function(t,e,n){var r=e.length,a=n.content;if("raw"!==n.format){for(;r--;)a=a.replace(e[r],function(i,o,c){return function(t){var e=arguments,n=e[e.length-2],r=0<n?o.charAt(n-1):"";if('"'===r)return t;if(">"===r){var a=o.lastIndexOf("<",n);if(-1!==a)if(-1!==o.substring(a,n).indexOf('contenteditable="false"'))return t}return'<span class="'+c+'" data-mce-content="'+i.dom.encode(e[0])+'">'+i.dom.encode("string"==typeof e[1]?e[1]:e[0])+"</span>"}}(t,a,u(t)));n.content=a}}(e,c,t)}),e.parser.addAttributeFilter("class",function(t){for(var e,n=t.length;n--;)e=t[n],i(e)?e.attr(r,"true"):o(e)&&e.attr(r,"false")}),e.serializer.addAttributeFilter(r,function(t){for(var e,n=t.length;n--;)e=t[n],(i(e)||o(e))&&(0<c.length&&e.attr("data-mce-content")?(e.name="#text",e.type=3,e.raw=!0,e.value=e.attr("data-mce-content")):e.attr(r,null))})})};t.add("noneditable",function(t){e(t)})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/pagebreak/plugin.js b/src/assets/tinymce/plugins/pagebreak/plugin.js
new file mode 100644
index 00000000..1d00fd9a
--- /dev/null
+++ b/src/assets/tinymce/plugins/pagebreak/plugin.js
@@ -0,0 +1,107 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var getSeparatorHtml = function (editor) {
+      return editor.getParam('pagebreak_separator', '<!-- pagebreak -->');
+    };
+    var shouldSplitBlock = function (editor) {
+      return editor.getParam('pagebreak_split_block', false);
+    };
+
+    var getPageBreakClass = function () {
+      return 'mce-pagebreak';
+    };
+    var getPlaceholderHtml = function () {
+      return '<img src="' + global$1.transparentSrc + '" class="' + getPageBreakClass() + '" data-mce-resize="false" data-mce-placeholder />';
+    };
+    var setup = function (editor) {
+      var separatorHtml = getSeparatorHtml(editor);
+      var pageBreakSeparatorRegExp = new RegExp(separatorHtml.replace(/[\?\.\*\[\]\(\)\{\}\+\^\$\:]/g, function (a) {
+        return '\\' + a;
+      }), 'gi');
+      editor.on('BeforeSetContent', function (e) {
+        e.content = e.content.replace(pageBreakSeparatorRegExp, getPlaceholderHtml());
+      });
+      editor.on('PreInit', function () {
+        editor.serializer.addNodeFilter('img', function (nodes) {
+          var i = nodes.length, node, className;
+          while (i--) {
+            node = nodes[i];
+            className = node.attr('class');
+            if (className && className.indexOf('mce-pagebreak') !== -1) {
+              var parentNode = node.parent;
+              if (editor.schema.getBlockElements()[parentNode.name] && shouldSplitBlock(editor)) {
+                parentNode.type = 3;
+                parentNode.value = separatorHtml;
+                parentNode.raw = true;
+                node.remove();
+                continue;
+              }
+              node.type = 3;
+              node.value = separatorHtml;
+              node.raw = true;
+            }
+          }
+        });
+      });
+    };
+
+    var register = function (editor) {
+      editor.addCommand('mcePageBreak', function () {
+        if (shouldSplitBlock(editor)) {
+          editor.insertContent('<p>' + getPlaceholderHtml() + '</p>');
+        } else {
+          editor.insertContent(getPlaceholderHtml());
+        }
+      });
+    };
+
+    var setup$1 = function (editor) {
+      editor.on('ResolveName', function (e) {
+        if (e.target.nodeName === 'IMG' && editor.dom.hasClass(e.target, getPageBreakClass())) {
+          e.name = 'pagebreak';
+        }
+      });
+    };
+
+    var register$1 = function (editor) {
+      editor.ui.registry.addButton('pagebreak', {
+        icon: 'page-break',
+        tooltip: 'Page break',
+        onAction: function () {
+          return editor.execCommand('mcePageBreak');
+        }
+      });
+      editor.ui.registry.addMenuItem('pagebreak', {
+        text: 'Page break',
+        icon: 'page-break',
+        onAction: function () {
+          return editor.execCommand('mcePageBreak');
+        }
+      });
+    };
+
+    function Plugin () {
+      global.add('pagebreak', function (editor) {
+        register(editor);
+        register$1(editor);
+        setup(editor);
+        setup$1(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/pagebreak/plugin.min.js b/src/assets/tinymce/plugins/pagebreak/plugin.min.js
new file mode 100644
index 00000000..14900ef8
--- /dev/null
+++ b/src/assets/tinymce/plugins/pagebreak/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),a=tinymce.util.Tools.resolve("tinymce.Env"),i=function(e){return e.getParam("pagebreak_split_block",!1)},g=function(){return"mce-pagebreak"},m=function(){return'<img src="'+a.transparentSrc+'" class="'+g()+'" data-mce-resize="false" data-mce-placeholder />'};e.add("pagebreak",function(e){var a,n,o,c,t,r;(a=e).addCommand("mcePageBreak",function(){i(a)?a.insertContent("<p>"+m()+"</p>"):a.insertContent(m())}),(n=e).ui.registry.addButton("pagebreak",{icon:"page-break",tooltip:"Page break",onAction:function(){return n.execCommand("mcePageBreak")}}),n.ui.registry.addMenuItem("pagebreak",{text:"Page break",icon:"page-break",onAction:function(){return n.execCommand("mcePageBreak")}}),c=(o=e).getParam("pagebreak_separator","\x3c!-- pagebreak --\x3e"),t=new RegExp(c.replace(/[\?\.\*\[\]\(\)\{\}\+\^\$\:]/g,function(e){return"\\"+e}),"gi"),o.on("BeforeSetContent",function(e){e.content=e.content.replace(t,m())}),o.on("PreInit",function(){o.serializer.addNodeFilter("img",function(e){for(var a,n,t=e.length;t--;)if((n=(a=e[t]).attr("class"))&&-1!==n.indexOf("mce-pagebreak")){var r=a.parent;if(o.schema.getBlockElements()[r.name]&&i(o)){r.type=3,r.value=c,r.raw=!0,a.remove();continue}a.type=3,a.value=c,a.raw=!0}})}),(r=e).on("ResolveName",function(e){"IMG"===e.target.nodeName&&r.dom.hasClass(e.target,g())&&(e.name="pagebreak")})})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/paste/plugin.js b/src/assets/tinymce/plugins/paste/plugin.js
new file mode 100644
index 00000000..4aaccd32
--- /dev/null
+++ b/src/assets/tinymce/plugins/paste/plugin.js
@@ -0,0 +1,1764 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var hasProPlugin = function (editor) {
+      if (editor.hasPlugin('powerpaste', true)) {
+        if (typeof window.console !== 'undefined' && window.console.log) {
+          window.console.log('PowerPaste is incompatible with Paste plugin! Remove \'paste\' from the \'plugins\' option.');
+        }
+        return true;
+      } else {
+        return false;
+      }
+    };
+
+    var get = function (clipboard, quirks) {
+      return {
+        clipboard: clipboard,
+        quirks: quirks
+      };
+    };
+
+    var noop = function () {
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var isSimpleType = function (type) {
+      return function (value) {
+        return typeof value === type;
+      };
+    };
+    var isNullable = function (a) {
+      return a === null || a === undefined;
+    };
+    var isNonNullable = function (a) {
+      return !isNullable(a);
+    };
+    var isFunction = isSimpleType('function');
+
+    var nativeSlice = Array.prototype.slice;
+    var exists = function (xs, pred) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return true;
+        }
+      }
+      return false;
+    };
+    var map = function (xs, f) {
+      var len = xs.length;
+      var r = new Array(len);
+      for (var i = 0; i < len; i++) {
+        var x = xs[i];
+        r[i] = f(x, i);
+      }
+      return r;
+    };
+    var each = function (xs, f) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var filter = function (xs, pred) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          r.push(x);
+        }
+      }
+      return r;
+    };
+    var foldl = function (xs, f, acc) {
+      each(xs, function (x) {
+        acc = f(acc, x);
+      });
+      return acc;
+    };
+    var from$1 = isFunction(Array.from) ? Array.from : function (x) {
+      return nativeSlice.call(x);
+    };
+
+    var value = function () {
+      var subject = Cell(Optional.none());
+      var clear = function () {
+        return subject.set(Optional.none());
+      };
+      var set = function (s) {
+        return subject.set(Optional.some(s));
+      };
+      var isSet = function () {
+        return subject.get().isSome();
+      };
+      var on = function (f) {
+        return subject.get().each(f);
+      };
+      return {
+        clear: clear,
+        set: set,
+        isSet: isSet,
+        on: on
+      };
+    };
+
+    var checkRange = function (str, substr, start) {
+      return substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    };
+    var startsWith = function (str, prefix) {
+      return checkRange(str, prefix, 0);
+    };
+    var endsWith = function (str, suffix) {
+      return checkRange(str, suffix, str.length - suffix.length);
+    };
+    var repeat = function (s, count) {
+      return count <= 0 ? '' : new Array(count + 1).join(s);
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.Promise');
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    var firePastePreProcess = function (editor, html, internal, isWordHtml) {
+      return editor.fire('PastePreProcess', {
+        content: html,
+        internal: internal,
+        wordContent: isWordHtml
+      });
+    };
+    var firePastePostProcess = function (editor, node, internal, isWordHtml) {
+      return editor.fire('PastePostProcess', {
+        node: node,
+        internal: internal,
+        wordContent: isWordHtml
+      });
+    };
+    var firePastePlainTextToggle = function (editor, state) {
+      return editor.fire('PastePlainTextToggle', { state: state });
+    };
+    var firePaste = function (editor, ieFake) {
+      return editor.fire('paste', { ieFake: ieFake });
+    };
+
+    var global$5 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var shouldBlockDrop = function (editor) {
+      return editor.getParam('paste_block_drop', false);
+    };
+    var shouldPasteDataImages = function (editor) {
+      return editor.getParam('paste_data_images', false);
+    };
+    var shouldFilterDrop = function (editor) {
+      return editor.getParam('paste_filter_drop', true);
+    };
+    var getPreProcess = function (editor) {
+      return editor.getParam('paste_preprocess');
+    };
+    var getPostProcess = function (editor) {
+      return editor.getParam('paste_postprocess');
+    };
+    var getWebkitStyles = function (editor) {
+      return editor.getParam('paste_webkit_styles');
+    };
+    var shouldRemoveWebKitStyles = function (editor) {
+      return editor.getParam('paste_remove_styles_if_webkit', true);
+    };
+    var shouldMergeFormats = function (editor) {
+      return editor.getParam('paste_merge_formats', true);
+    };
+    var isSmartPasteEnabled = function (editor) {
+      return editor.getParam('smart_paste', true);
+    };
+    var isPasteAsTextEnabled = function (editor) {
+      return editor.getParam('paste_as_text', false);
+    };
+    var getRetainStyleProps = function (editor) {
+      return editor.getParam('paste_retain_style_properties');
+    };
+    var getWordValidElements = function (editor) {
+      var defaultValidElements = '-strong/b,-em/i,-u,-span,-p,-ol,-ul,-li,-h1,-h2,-h3,-h4,-h5,-h6,' + '-p/div,-a[href|name],sub,sup,strike,br,del,table[width],tr,' + 'td[colspan|rowspan|width],th[colspan|rowspan|width],thead,tfoot,tbody';
+      return editor.getParam('paste_word_valid_elements', defaultValidElements);
+    };
+    var shouldConvertWordFakeLists = function (editor) {
+      return editor.getParam('paste_convert_word_fake_lists', true);
+    };
+    var shouldUseDefaultFilters = function (editor) {
+      return editor.getParam('paste_enable_default_filters', true);
+    };
+    var getValidate = function (editor) {
+      return editor.getParam('validate');
+    };
+    var getAllowHtmlDataUrls = function (editor) {
+      return editor.getParam('allow_html_data_urls', false, 'boolean');
+    };
+    var getPasteDataImages = function (editor) {
+      return editor.getParam('paste_data_images', false, 'boolean');
+    };
+    var getImagesDataImgFilter = function (editor) {
+      return editor.getParam('images_dataimg_filter');
+    };
+    var getImagesReuseFilename = function (editor) {
+      return editor.getParam('images_reuse_filename');
+    };
+    var getForcedRootBlock = function (editor) {
+      return editor.getParam('forced_root_block');
+    };
+    var getForcedRootBlockAttrs = function (editor) {
+      return editor.getParam('forced_root_block_attrs');
+    };
+    var getTabSpaces = function (editor) {
+      return editor.getParam('paste_tab_spaces', 4, 'number');
+    };
+    var getAllowedImageFileTypes = function (editor) {
+      var defaultImageFileTypes = 'jpeg,jpg,jpe,jfi,jif,jfif,png,gif,bmp,webp';
+      return global$5.explode(editor.getParam('images_file_types', defaultImageFileTypes, 'string'));
+    };
+
+    var internalMimeType = 'x-tinymce/html';
+    var internalMark = '<!-- ' + internalMimeType + ' -->';
+    var mark = function (html) {
+      return internalMark + html;
+    };
+    var unmark = function (html) {
+      return html.replace(internalMark, '');
+    };
+    var isMarked = function (html) {
+      return html.indexOf(internalMark) !== -1;
+    };
+    var internalHtmlMime = function () {
+      return internalMimeType;
+    };
+
+    var global$6 = tinymce.util.Tools.resolve('tinymce.html.Entities');
+
+    var isPlainText = function (text) {
+      return !/<(?:\/?(?!(?:div|p|br|span)>)\w+|(?:(?!(?:span style="white-space:\s?pre;?">)|br\s?\/>))\w+\s[^>]+)>/i.test(text);
+    };
+    var toBRs = function (text) {
+      return text.replace(/\r?\n/g, '<br>');
+    };
+    var openContainer = function (rootTag, rootAttrs) {
+      var key;
+      var attrs = [];
+      var tag = '<' + rootTag;
+      if (typeof rootAttrs === 'object') {
+        for (key in rootAttrs) {
+          if (rootAttrs.hasOwnProperty(key)) {
+            attrs.push(key + '="' + global$6.encodeAllRaw(rootAttrs[key]) + '"');
+          }
+        }
+        if (attrs.length) {
+          tag += ' ' + attrs.join(' ');
+        }
+      }
+      return tag + '>';
+    };
+    var toBlockElements = function (text, rootTag, rootAttrs) {
+      var blocks = text.split(/\n\n/);
+      var tagOpen = openContainer(rootTag, rootAttrs);
+      var tagClose = '</' + rootTag + '>';
+      var paragraphs = global$5.map(blocks, function (p) {
+        return p.split(/\n/).join('<br />');
+      });
+      var stitch = function (p) {
+        return tagOpen + p + tagClose;
+      };
+      return paragraphs.length === 1 ? paragraphs[0] : global$5.map(paragraphs, stitch).join('');
+    };
+    var convert = function (text, rootTag, rootAttrs) {
+      return rootTag ? toBlockElements(text, rootTag === true ? 'p' : rootTag, rootAttrs) : toBRs(text);
+    };
+
+    var global$7 = tinymce.util.Tools.resolve('tinymce.html.DomParser');
+
+    var global$8 = tinymce.util.Tools.resolve('tinymce.html.Serializer');
+
+    var nbsp = '\xA0';
+
+    var global$9 = tinymce.util.Tools.resolve('tinymce.html.Node');
+
+    var global$a = tinymce.util.Tools.resolve('tinymce.html.Schema');
+
+    function filter$1(content, items) {
+      global$5.each(items, function (v) {
+        if (v.constructor === RegExp) {
+          content = content.replace(v, '');
+        } else {
+          content = content.replace(v[0], v[1]);
+        }
+      });
+      return content;
+    }
+    function innerText(html) {
+      var schema = global$a();
+      var domParser = global$7({}, schema);
+      var text = '';
+      var shortEndedElements = schema.getShortEndedElements();
+      var ignoreElements = global$5.makeMap('script noscript style textarea video audio iframe object', ' ');
+      var blockElements = schema.getBlockElements();
+      function walk(node) {
+        var name = node.name, currentNode = node;
+        if (name === 'br') {
+          text += '\n';
+          return;
+        }
+        if (name === 'wbr') {
+          return;
+        }
+        if (shortEndedElements[name]) {
+          text += ' ';
+        }
+        if (ignoreElements[name]) {
+          text += ' ';
+          return;
+        }
+        if (node.type === 3) {
+          text += node.value;
+        }
+        if (!node.shortEnded) {
+          if (node = node.firstChild) {
+            do {
+              walk(node);
+            } while (node = node.next);
+          }
+        }
+        if (blockElements[name] && currentNode.next) {
+          text += '\n';
+          if (name === 'p') {
+            text += '\n';
+          }
+        }
+      }
+      html = filter$1(html, [/<!\[[^\]]+\]>/g]);
+      walk(domParser.parse(html));
+      return text;
+    }
+    function trimHtml(html) {
+      function trimSpaces(all, s1, s2) {
+        if (!s1 && !s2) {
+          return ' ';
+        }
+        return nbsp;
+      }
+      html = filter$1(html, [
+        /^[\s\S]*<body[^>]*>\s*|\s*<\/body[^>]*>[\s\S]*$/ig,
+        /<!--StartFragment-->|<!--EndFragment-->/g,
+        [
+          /( ?)<span class="Apple-converted-space">\u00a0<\/span>( ?)/g,
+          trimSpaces
+        ],
+        /<br class="Apple-interchange-newline">/g,
+        /<br>$/i
+      ]);
+      return html;
+    }
+    function createIdGenerator(prefix) {
+      var count = 0;
+      return function () {
+        return prefix + count++;
+      };
+    }
+    var getImageMimeType = function (ext) {
+      var mimeOverrides = {
+        jpg: 'jpeg',
+        jpe: 'jpeg',
+        jfi: 'jpeg',
+        jif: 'jpeg',
+        jfif: 'jpeg',
+        pjpeg: 'jpeg',
+        pjp: 'jpeg',
+        svg: 'svg+xml'
+      };
+      return global$5.hasOwn(mimeOverrides, ext) ? 'image/' + mimeOverrides[ext] : 'image/' + ext;
+    };
+
+    function isWordContent(content) {
+      return /<font face="Times New Roman"|class="?Mso|style="[^"]*\bmso-|style='[^']*\bmso-|w:WordDocument/i.test(content) || /class="OutlineElement/.test(content) || /id="?docs\-internal\-guid\-/.test(content);
+    }
+    function isNumericList(text) {
+      var found;
+      var patterns = [
+        /^[IVXLMCD]{1,2}\.[ \u00a0]/,
+        /^[ivxlmcd]{1,2}\.[ \u00a0]/,
+        /^[a-z]{1,2}[\.\)][ \u00a0]/,
+        /^[A-Z]{1,2}[\.\)][ \u00a0]/,
+        /^[0-9]+\.[ \u00a0]/,
+        /^[\u3007\u4e00\u4e8c\u4e09\u56db\u4e94\u516d\u4e03\u516b\u4e5d]+\.[ \u00a0]/,
+        /^[\u58f1\u5f10\u53c2\u56db\u4f0d\u516d\u4e03\u516b\u4e5d\u62fe]+\.[ \u00a0]/
+      ];
+      text = text.replace(/^[\u00a0 ]+/, '');
+      global$5.each(patterns, function (pattern) {
+        if (pattern.test(text)) {
+          found = true;
+          return false;
+        }
+      });
+      return found;
+    }
+    function isBulletList(text) {
+      return /^[\s\u00a0]*[\u2022\u00b7\u00a7\u25CF]\s*/.test(text);
+    }
+    function convertFakeListsToProperLists(node) {
+      var currentListNode, prevListNode, lastLevel = 1;
+      function getText(node) {
+        var txt = '';
+        if (node.type === 3) {
+          return node.value;
+        }
+        if (node = node.firstChild) {
+          do {
+            txt += getText(node);
+          } while (node = node.next);
+        }
+        return txt;
+      }
+      function trimListStart(node, regExp) {
+        if (node.type === 3) {
+          if (regExp.test(node.value)) {
+            node.value = node.value.replace(regExp, '');
+            return false;
+          }
+        }
+        if (node = node.firstChild) {
+          do {
+            if (!trimListStart(node, regExp)) {
+              return false;
+            }
+          } while (node = node.next);
+        }
+        return true;
+      }
+      function removeIgnoredNodes(node) {
+        if (node._listIgnore) {
+          node.remove();
+          return;
+        }
+        if (node = node.firstChild) {
+          do {
+            removeIgnoredNodes(node);
+          } while (node = node.next);
+        }
+      }
+      function convertParagraphToLi(paragraphNode, listName, start) {
+        var level = paragraphNode._listLevel || lastLevel;
+        if (level !== lastLevel) {
+          if (level < lastLevel) {
+            if (currentListNode) {
+              currentListNode = currentListNode.parent.parent;
+            }
+          } else {
+            prevListNode = currentListNode;
+            currentListNode = null;
+          }
+        }
+        if (!currentListNode || currentListNode.name !== listName) {
+          prevListNode = prevListNode || currentListNode;
+          currentListNode = new global$9(listName, 1);
+          if (start > 1) {
+            currentListNode.attr('start', '' + start);
+          }
+          paragraphNode.wrap(currentListNode);
+        } else {
+          currentListNode.append(paragraphNode);
+        }
+        paragraphNode.name = 'li';
+        if (level > lastLevel && prevListNode) {
+          prevListNode.lastChild.append(currentListNode);
+        }
+        lastLevel = level;
+        removeIgnoredNodes(paragraphNode);
+        trimListStart(paragraphNode, /^\u00a0+/);
+        trimListStart(paragraphNode, /^\s*([\u2022\u00b7\u00a7\u25CF]|\w+\.)/);
+        trimListStart(paragraphNode, /^\u00a0+/);
+      }
+      var elements = [];
+      var child = node.firstChild;
+      while (typeof child !== 'undefined' && child !== null) {
+        elements.push(child);
+        child = child.walk();
+        if (child !== null) {
+          while (typeof child !== 'undefined' && child.parent !== node) {
+            child = child.walk();
+          }
+        }
+      }
+      for (var i = 0; i < elements.length; i++) {
+        node = elements[i];
+        if (node.name === 'p' && node.firstChild) {
+          var nodeText = getText(node);
+          if (isBulletList(nodeText)) {
+            convertParagraphToLi(node, 'ul');
+            continue;
+          }
+          if (isNumericList(nodeText)) {
+            var matches = /([0-9]+)\./.exec(nodeText);
+            var start = 1;
+            if (matches) {
+              start = parseInt(matches[1], 10);
+            }
+            convertParagraphToLi(node, 'ol', start);
+            continue;
+          }
+          if (node._listLevel) {
+            convertParagraphToLi(node, 'ul', 1);
+            continue;
+          }
+          currentListNode = null;
+        } else {
+          prevListNode = currentListNode;
+          currentListNode = null;
+        }
+      }
+    }
+    function filterStyles(editor, validStyles, node, styleValue) {
+      var outputStyles = {}, matches;
+      var styles = editor.dom.parseStyle(styleValue);
+      global$5.each(styles, function (value, name) {
+        switch (name) {
+        case 'mso-list':
+          matches = /\w+ \w+([0-9]+)/i.exec(styleValue);
+          if (matches) {
+            node._listLevel = parseInt(matches[1], 10);
+          }
+          if (/Ignore/i.test(value) && node.firstChild) {
+            node._listIgnore = true;
+            node.firstChild._listIgnore = true;
+          }
+          break;
+        case 'horiz-align':
+          name = 'text-align';
+          break;
+        case 'vert-align':
+          name = 'vertical-align';
+          break;
+        case 'font-color':
+        case 'mso-foreground':
+          name = 'color';
+          break;
+        case 'mso-background':
+        case 'mso-highlight':
+          name = 'background';
+          break;
+        case 'font-weight':
+        case 'font-style':
+          if (value !== 'normal') {
+            outputStyles[name] = value;
+          }
+          return;
+        case 'mso-element':
+          if (/^(comment|comment-list)$/i.test(value)) {
+            node.remove();
+            return;
+          }
+          break;
+        }
+        if (name.indexOf('mso-comment') === 0) {
+          node.remove();
+          return;
+        }
+        if (name.indexOf('mso-') === 0) {
+          return;
+        }
+        if (getRetainStyleProps(editor) === 'all' || validStyles && validStyles[name]) {
+          outputStyles[name] = value;
+        }
+      });
+      if (/(bold)/i.test(outputStyles['font-weight'])) {
+        delete outputStyles['font-weight'];
+        node.wrap(new global$9('b', 1));
+      }
+      if (/(italic)/i.test(outputStyles['font-style'])) {
+        delete outputStyles['font-style'];
+        node.wrap(new global$9('i', 1));
+      }
+      outputStyles = editor.dom.serializeStyle(outputStyles, node.name);
+      if (outputStyles) {
+        return outputStyles;
+      }
+      return null;
+    }
+    var filterWordContent = function (editor, content) {
+      var validStyles;
+      var retainStyleProperties = getRetainStyleProps(editor);
+      if (retainStyleProperties) {
+        validStyles = global$5.makeMap(retainStyleProperties.split(/[, ]/));
+      }
+      content = filter$1(content, [
+        /<br class="?Apple-interchange-newline"?>/gi,
+        /<b[^>]+id="?docs-internal-[^>]*>/gi,
+        /<!--[\s\S]+?-->/gi,
+        /<(!|script[^>]*>.*?<\/script(?=[>\s])|\/?(\?xml(:\w+)?|img|meta|link|style|\w:\w+)(?=[\s\/>]))[^>]*>/gi,
+        [
+          /<(\/?)s>/gi,
+          '<$1strike>'
+        ],
+        [
+          /&nbsp;/gi,
+          nbsp
+        ],
+        [
+          /<span\s+style\s*=\s*"\s*mso-spacerun\s*:\s*yes\s*;?\s*"\s*>([\s\u00a0]*)<\/span>/gi,
+          function (str, spaces) {
+            return spaces.length > 0 ? spaces.replace(/./, ' ').slice(Math.floor(spaces.length / 2)).split('').join(nbsp) : '';
+          }
+        ]
+      ]);
+      var validElements = getWordValidElements(editor);
+      var schema = global$a({
+        valid_elements: validElements,
+        valid_children: '-li[p]'
+      });
+      global$5.each(schema.elements, function (rule) {
+        if (!rule.attributes.class) {
+          rule.attributes.class = {};
+          rule.attributesOrder.push('class');
+        }
+        if (!rule.attributes.style) {
+          rule.attributes.style = {};
+          rule.attributesOrder.push('style');
+        }
+      });
+      var domParser = global$7({}, schema);
+      domParser.addAttributeFilter('style', function (nodes) {
+        var i = nodes.length, node;
+        while (i--) {
+          node = nodes[i];
+          node.attr('style', filterStyles(editor, validStyles, node, node.attr('style')));
+          if (node.name === 'span' && node.parent && !node.attributes.length) {
+            node.unwrap();
+          }
+        }
+      });
+      domParser.addAttributeFilter('class', function (nodes) {
+        var i = nodes.length, node, className;
+        while (i--) {
+          node = nodes[i];
+          className = node.attr('class');
+          if (/^(MsoCommentReference|MsoCommentText|msoDel)$/i.test(className)) {
+            node.remove();
+          }
+          node.attr('class', null);
+        }
+      });
+      domParser.addNodeFilter('del', function (nodes) {
+        var i = nodes.length;
+        while (i--) {
+          nodes[i].remove();
+        }
+      });
+      domParser.addNodeFilter('a', function (nodes) {
+        var i = nodes.length, node, href, name;
+        while (i--) {
+          node = nodes[i];
+          href = node.attr('href');
+          name = node.attr('name');
+          if (href && href.indexOf('#_msocom_') !== -1) {
+            node.remove();
+            continue;
+          }
+          if (href && href.indexOf('file://') === 0) {
+            href = href.split('#')[1];
+            if (href) {
+              href = '#' + href;
+            }
+          }
+          if (!href && !name) {
+            node.unwrap();
+          } else {
+            if (name && !/^_?(?:toc|edn|ftn)/i.test(name)) {
+              node.unwrap();
+              continue;
+            }
+            node.attr({
+              href: href,
+              name: name
+            });
+          }
+        }
+      });
+      var rootNode = domParser.parse(content);
+      if (shouldConvertWordFakeLists(editor)) {
+        convertFakeListsToProperLists(rootNode);
+      }
+      content = global$8({ validate: getValidate(editor) }, schema).serialize(rootNode);
+      return content;
+    };
+    var preProcess = function (editor, content) {
+      return shouldUseDefaultFilters(editor) ? filterWordContent(editor, content) : content;
+    };
+
+    var preProcess$1 = function (editor, html) {
+      var parser = global$7({}, editor.schema);
+      parser.addNodeFilter('meta', function (nodes) {
+        global$5.each(nodes, function (node) {
+          node.remove();
+        });
+      });
+      var fragment = parser.parse(html, {
+        forced_root_block: false,
+        isRootContent: true
+      });
+      return global$8({ validate: getValidate(editor) }, editor.schema).serialize(fragment);
+    };
+    var processResult = function (content, cancelled) {
+      return {
+        content: content,
+        cancelled: cancelled
+      };
+    };
+    var postProcessFilter = function (editor, html, internal, isWordHtml) {
+      var tempBody = editor.dom.create('div', { style: 'display:none' }, html);
+      var postProcessArgs = firePastePostProcess(editor, tempBody, internal, isWordHtml);
+      return processResult(postProcessArgs.node.innerHTML, postProcessArgs.isDefaultPrevented());
+    };
+    var filterContent = function (editor, content, internal, isWordHtml) {
+      var preProcessArgs = firePastePreProcess(editor, content, internal, isWordHtml);
+      var filteredContent = preProcess$1(editor, preProcessArgs.content);
+      if (editor.hasEventListeners('PastePostProcess') && !preProcessArgs.isDefaultPrevented()) {
+        return postProcessFilter(editor, filteredContent, internal, isWordHtml);
+      } else {
+        return processResult(filteredContent, preProcessArgs.isDefaultPrevented());
+      }
+    };
+    var process = function (editor, html, internal) {
+      var isWordHtml = isWordContent(html);
+      var content = isWordHtml ? preProcess(editor, html) : html;
+      return filterContent(editor, content, internal, isWordHtml);
+    };
+
+    var pasteHtml = function (editor, html) {
+      editor.insertContent(html, {
+        merge: shouldMergeFormats(editor),
+        paste: true
+      });
+      return true;
+    };
+    var isAbsoluteUrl = function (url) {
+      return /^https?:\/\/[\w\?\-\/+=.&%@~#]+$/i.test(url);
+    };
+    var isImageUrl = function (editor, url) {
+      return isAbsoluteUrl(url) && exists(getAllowedImageFileTypes(editor), function (type) {
+        return endsWith(url, '.' + type);
+      });
+    };
+    var createImage = function (editor, url, pasteHtmlFn) {
+      editor.undoManager.extra(function () {
+        pasteHtmlFn(editor, url);
+      }, function () {
+        editor.insertContent('<img src="' + url + '">');
+      });
+      return true;
+    };
+    var createLink = function (editor, url, pasteHtmlFn) {
+      editor.undoManager.extra(function () {
+        pasteHtmlFn(editor, url);
+      }, function () {
+        editor.execCommand('mceInsertLink', false, url);
+      });
+      return true;
+    };
+    var linkSelection = function (editor, html, pasteHtmlFn) {
+      return editor.selection.isCollapsed() === false && isAbsoluteUrl(html) ? createLink(editor, html, pasteHtmlFn) : false;
+    };
+    var insertImage = function (editor, html, pasteHtmlFn) {
+      return isImageUrl(editor, html) ? createImage(editor, html, pasteHtmlFn) : false;
+    };
+    var smartInsertContent = function (editor, html) {
+      global$5.each([
+        linkSelection,
+        insertImage,
+        pasteHtml
+      ], function (action) {
+        return action(editor, html, pasteHtml) !== true;
+      });
+    };
+    var insertContent = function (editor, html, pasteAsText) {
+      if (pasteAsText || isSmartPasteEnabled(editor) === false) {
+        pasteHtml(editor, html);
+      } else {
+        smartInsertContent(editor, html);
+      }
+    };
+
+    var isCollapsibleWhitespace = function (c) {
+      return ' \f\t\x0B'.indexOf(c) !== -1;
+    };
+    var isNewLineChar = function (c) {
+      return c === '\n' || c === '\r';
+    };
+    var isNewline = function (text, idx) {
+      return idx < text.length && idx >= 0 ? isNewLineChar(text[idx]) : false;
+    };
+    var normalizeWhitespace = function (editor, text) {
+      var tabSpace = repeat(' ', getTabSpaces(editor));
+      var normalizedText = text.replace(/\t/g, tabSpace);
+      var result = foldl(normalizedText, function (acc, c) {
+        if (isCollapsibleWhitespace(c) || c === nbsp) {
+          if (acc.pcIsSpace || acc.str === '' || acc.str.length === normalizedText.length - 1 || isNewline(normalizedText, acc.str.length + 1)) {
+            return {
+              pcIsSpace: false,
+              str: acc.str + nbsp
+            };
+          } else {
+            return {
+              pcIsSpace: true,
+              str: acc.str + ' '
+            };
+          }
+        } else {
+          return {
+            pcIsSpace: isNewLineChar(c),
+            str: acc.str + c
+          };
+        }
+      }, {
+        pcIsSpace: false,
+        str: ''
+      });
+      return result.str;
+    };
+
+    var doPaste = function (editor, content, internal, pasteAsText) {
+      var args = process(editor, content, internal);
+      if (args.cancelled === false) {
+        insertContent(editor, args.content, pasteAsText);
+      }
+    };
+    var pasteHtml$1 = function (editor, html, internalFlag) {
+      var internal = internalFlag ? internalFlag : isMarked(html);
+      doPaste(editor, unmark(html), internal, false);
+    };
+    var pasteText = function (editor, text) {
+      var encodedText = editor.dom.encode(text).replace(/\r\n/g, '\n');
+      var normalizedText = normalizeWhitespace(editor, encodedText);
+      var html = convert(normalizedText, getForcedRootBlock(editor), getForcedRootBlockAttrs(editor));
+      doPaste(editor, html, false, true);
+    };
+    var getDataTransferItems = function (dataTransfer) {
+      var items = {};
+      var mceInternalUrlPrefix = 'data:text/mce-internal,';
+      if (dataTransfer) {
+        if (dataTransfer.getData) {
+          var legacyText = dataTransfer.getData('Text');
+          if (legacyText && legacyText.length > 0) {
+            if (legacyText.indexOf(mceInternalUrlPrefix) === -1) {
+              items['text/plain'] = legacyText;
+            }
+          }
+        }
+        if (dataTransfer.types) {
+          for (var i = 0; i < dataTransfer.types.length; i++) {
+            var contentType = dataTransfer.types[i];
+            try {
+              items[contentType] = dataTransfer.getData(contentType);
+            } catch (ex) {
+              items[contentType] = '';
+            }
+          }
+        }
+      }
+      return items;
+    };
+    var getClipboardContent = function (editor, clipboardEvent) {
+      return getDataTransferItems(clipboardEvent.clipboardData || editor.getDoc().dataTransfer);
+    };
+    var hasContentType = function (clipboardContent, mimeType) {
+      return mimeType in clipboardContent && clipboardContent[mimeType].length > 0;
+    };
+    var hasHtmlOrText = function (content) {
+      return hasContentType(content, 'text/html') || hasContentType(content, 'text/plain');
+    };
+    var parseDataUri = function (uri) {
+      var matches = /data:([^;]+);base64,([a-z0-9\+\/=]+)/i.exec(uri);
+      if (matches) {
+        return {
+          type: matches[1],
+          data: decodeURIComponent(matches[2])
+        };
+      } else {
+        return {
+          type: null,
+          data: null
+        };
+      }
+    };
+    var isValidDataUriImage = function (editor, imgElm) {
+      var filter = getImagesDataImgFilter(editor);
+      return filter ? filter(imgElm) : true;
+    };
+    var extractFilename = function (editor, str) {
+      var m = str.match(/([\s\S]+?)(?:\.[a-z0-9.]+)$/i);
+      return isNonNullable(m) ? editor.dom.encode(m[1]) : null;
+    };
+    var uniqueId = createIdGenerator('mceclip');
+    var pasteImage = function (editor, imageItem) {
+      var _a = parseDataUri(imageItem.uri), base64 = _a.data, type = _a.type;
+      var id = uniqueId();
+      var file = imageItem.blob;
+      var img = new Image();
+      img.src = imageItem.uri;
+      if (isValidDataUriImage(editor, img)) {
+        var blobCache = editor.editorUpload.blobCache;
+        var blobInfo = void 0;
+        var existingBlobInfo = blobCache.getByData(base64, type);
+        if (!existingBlobInfo) {
+          var useFileName = getImagesReuseFilename(editor) && isNonNullable(file.name);
+          var name_1 = useFileName ? extractFilename(editor, file.name) : id;
+          var filename = useFileName ? file.name : undefined;
+          blobInfo = blobCache.create(id, file, base64, name_1, filename);
+          blobCache.add(blobInfo);
+        } else {
+          blobInfo = existingBlobInfo;
+        }
+        pasteHtml$1(editor, '<img src="' + blobInfo.blobUri() + '">', false);
+      } else {
+        pasteHtml$1(editor, '<img src="' + imageItem.uri + '">', false);
+      }
+    };
+    var isClipboardEvent = function (event) {
+      return event.type === 'paste';
+    };
+    var isDataTransferItem = function (item) {
+      return isNonNullable(item.getAsFile);
+    };
+    var readFilesAsDataUris = function (items) {
+      return global$3.all(map(items, function (item) {
+        return new global$3(function (resolve) {
+          var blob = isDataTransferItem(item) ? item.getAsFile() : item;
+          var reader = new window.FileReader();
+          reader.onload = function () {
+            resolve({
+              blob: blob,
+              uri: reader.result
+            });
+          };
+          reader.readAsDataURL(blob);
+        });
+      }));
+    };
+    var isImage = function (editor) {
+      var allowedExtensions = getAllowedImageFileTypes(editor);
+      return function (file) {
+        return startsWith(file.type, 'image/') && exists(allowedExtensions, function (extension) {
+          return getImageMimeType(extension) === file.type;
+        });
+      };
+    };
+    var getImagesFromDataTransfer = function (editor, dataTransfer) {
+      var items = dataTransfer.items ? map(from$1(dataTransfer.items), function (item) {
+        return item.getAsFile();
+      }) : [];
+      var files = dataTransfer.files ? from$1(dataTransfer.files) : [];
+      return filter(items.length > 0 ? items : files, isImage(editor));
+    };
+    var pasteImageData = function (editor, e, rng) {
+      var dataTransfer = isClipboardEvent(e) ? e.clipboardData : e.dataTransfer;
+      if (getPasteDataImages(editor) && dataTransfer) {
+        var images = getImagesFromDataTransfer(editor, dataTransfer);
+        if (images.length > 0) {
+          e.preventDefault();
+          readFilesAsDataUris(images).then(function (fileResults) {
+            if (rng) {
+              editor.selection.setRng(rng);
+            }
+            each(fileResults, function (result) {
+              pasteImage(editor, result);
+            });
+          });
+          return true;
+        }
+      }
+      return false;
+    };
+    var isBrokenAndroidClipboardEvent = function (e) {
+      var clipboardData = e.clipboardData;
+      return navigator.userAgent.indexOf('Android') !== -1 && clipboardData && clipboardData.items && clipboardData.items.length === 0;
+    };
+    var isKeyboardPasteEvent = function (e) {
+      return global$4.metaKeyPressed(e) && e.keyCode === 86 || e.shiftKey && e.keyCode === 45;
+    };
+    var registerEventHandlers = function (editor, pasteBin, pasteFormat) {
+      var keyboardPasteEvent = value();
+      var keyboardPastePressed = value();
+      var keyboardPastePlainTextState;
+      editor.on('keyup', keyboardPastePressed.clear);
+      editor.on('keydown', function (e) {
+        var removePasteBinOnKeyUp = function (e) {
+          if (isKeyboardPasteEvent(e) && !e.isDefaultPrevented()) {
+            pasteBin.remove();
+          }
+        };
+        if (isKeyboardPasteEvent(e) && !e.isDefaultPrevented()) {
+          keyboardPastePlainTextState = e.shiftKey && e.keyCode === 86;
+          if (keyboardPastePlainTextState && global$1.webkit && navigator.userAgent.indexOf('Version/') !== -1) {
+            return;
+          }
+          e.stopImmediatePropagation();
+          keyboardPasteEvent.set(e);
+          keyboardPastePressed.set(true);
+          if (global$1.ie && keyboardPastePlainTextState) {
+            e.preventDefault();
+            firePaste(editor, true);
+            return;
+          }
+          pasteBin.remove();
+          pasteBin.create();
+          editor.once('keyup', removePasteBinOnKeyUp);
+          editor.once('paste', function () {
+            editor.off('keyup', removePasteBinOnKeyUp);
+          });
+        }
+      });
+      function insertClipboardContent(editor, clipboardContent, isKeyBoardPaste, plainTextMode, internal) {
+        var content;
+        if (hasContentType(clipboardContent, 'text/html')) {
+          content = clipboardContent['text/html'];
+        } else {
+          content = pasteBin.getHtml();
+          internal = internal ? internal : isMarked(content);
+          if (pasteBin.isDefaultContent(content)) {
+            plainTextMode = true;
+          }
+        }
+        content = trimHtml(content);
+        pasteBin.remove();
+        var isPlainTextHtml = internal === false && isPlainText(content);
+        var isImage = isImageUrl(editor, content);
+        if (!content.length || isPlainTextHtml && !isImage) {
+          plainTextMode = true;
+        }
+        if (plainTextMode || isImage) {
+          if (hasContentType(clipboardContent, 'text/plain') && isPlainTextHtml) {
+            content = clipboardContent['text/plain'];
+          } else {
+            content = innerText(content);
+          }
+        }
+        if (pasteBin.isDefaultContent(content)) {
+          if (!isKeyBoardPaste) {
+            editor.windowManager.alert('Please use Ctrl+V/Cmd+V keyboard shortcuts to paste contents.');
+          }
+          return;
+        }
+        if (plainTextMode) {
+          pasteText(editor, content);
+        } else {
+          pasteHtml$1(editor, content, internal);
+        }
+      }
+      var getLastRng = function () {
+        return pasteBin.getLastRng() || editor.selection.getRng();
+      };
+      editor.on('paste', function (e) {
+        var isKeyboardPaste = keyboardPasteEvent.isSet() || keyboardPastePressed.isSet();
+        if (isKeyboardPaste) {
+          keyboardPasteEvent.clear();
+        }
+        var clipboardContent = getClipboardContent(editor, e);
+        var plainTextMode = pasteFormat.get() === 'text' || keyboardPastePlainTextState;
+        var internal = hasContentType(clipboardContent, internalHtmlMime());
+        keyboardPastePlainTextState = false;
+        if (e.isDefaultPrevented() || isBrokenAndroidClipboardEvent(e)) {
+          pasteBin.remove();
+          return;
+        }
+        if (!hasHtmlOrText(clipboardContent) && pasteImageData(editor, e, getLastRng())) {
+          pasteBin.remove();
+          return;
+        }
+        if (!isKeyboardPaste) {
+          e.preventDefault();
+        }
+        if (global$1.ie && (!isKeyboardPaste || e.ieFake) && !hasContentType(clipboardContent, 'text/html')) {
+          pasteBin.create();
+          editor.dom.bind(pasteBin.getEl(), 'paste', function (e) {
+            e.stopPropagation();
+          });
+          editor.getDoc().execCommand('Paste', false, null);
+          clipboardContent['text/html'] = pasteBin.getHtml();
+        }
+        if (hasContentType(clipboardContent, 'text/html')) {
+          e.preventDefault();
+          if (!internal) {
+            internal = isMarked(clipboardContent['text/html']);
+          }
+          insertClipboardContent(editor, clipboardContent, isKeyboardPaste, plainTextMode, internal);
+        } else {
+          global$2.setEditorTimeout(editor, function () {
+            insertClipboardContent(editor, clipboardContent, isKeyboardPaste, plainTextMode, internal);
+          }, 0);
+        }
+      });
+    };
+    var registerEventsAndFilters = function (editor, pasteBin, pasteFormat) {
+      registerEventHandlers(editor, pasteBin, pasteFormat);
+      var src;
+      editor.parser.addNodeFilter('img', function (nodes, name, args) {
+        var isPasteInsert = function (args) {
+          return args.data && args.data.paste === true;
+        };
+        var remove = function (node) {
+          if (!node.attr('data-mce-object') && src !== global$1.transparentSrc) {
+            node.remove();
+          }
+        };
+        var isWebKitFakeUrl = function (src) {
+          return src.indexOf('webkit-fake-url') === 0;
+        };
+        var isDataUri = function (src) {
+          return src.indexOf('data:') === 0;
+        };
+        if (!getPasteDataImages(editor) && isPasteInsert(args)) {
+          var i = nodes.length;
+          while (i--) {
+            src = nodes[i].attr('src');
+            if (!src) {
+              continue;
+            }
+            if (isWebKitFakeUrl(src)) {
+              remove(nodes[i]);
+            } else if (!getAllowHtmlDataUrls(editor) && isDataUri(src)) {
+              remove(nodes[i]);
+            }
+          }
+        }
+      });
+    };
+
+    var getPasteBinParent = function (editor) {
+      return global$1.ie && editor.inline ? document.body : editor.getBody();
+    };
+    var isExternalPasteBin = function (editor) {
+      return getPasteBinParent(editor) !== editor.getBody();
+    };
+    var delegatePasteEvents = function (editor, pasteBinElm, pasteBinDefaultContent) {
+      if (isExternalPasteBin(editor)) {
+        editor.dom.bind(pasteBinElm, 'paste keyup', function (_e) {
+          if (!isDefault(editor, pasteBinDefaultContent)) {
+            editor.fire('paste');
+          }
+        });
+      }
+    };
+    var create = function (editor, lastRngCell, pasteBinDefaultContent) {
+      var dom = editor.dom, body = editor.getBody();
+      lastRngCell.set(editor.selection.getRng());
+      var pasteBinElm = editor.dom.add(getPasteBinParent(editor), 'div', {
+        'id': 'mcepastebin',
+        'class': 'mce-pastebin',
+        'contentEditable': true,
+        'data-mce-bogus': 'all',
+        'style': 'position: fixed; top: 50%; width: 10px; height: 10px; overflow: hidden; opacity: 0'
+      }, pasteBinDefaultContent);
+      if (global$1.ie || global$1.gecko) {
+        dom.setStyle(pasteBinElm, 'left', dom.getStyle(body, 'direction', true) === 'rtl' ? 65535 : -65535);
+      }
+      dom.bind(pasteBinElm, 'beforedeactivate focusin focusout', function (e) {
+        e.stopPropagation();
+      });
+      delegatePasteEvents(editor, pasteBinElm, pasteBinDefaultContent);
+      pasteBinElm.focus();
+      editor.selection.select(pasteBinElm, true);
+    };
+    var remove = function (editor, lastRngCell) {
+      if (getEl(editor)) {
+        var pasteBinClone = void 0;
+        var lastRng = lastRngCell.get();
+        while (pasteBinClone = editor.dom.get('mcepastebin')) {
+          editor.dom.remove(pasteBinClone);
+          editor.dom.unbind(pasteBinClone);
+        }
+        if (lastRng) {
+          editor.selection.setRng(lastRng);
+        }
+      }
+      lastRngCell.set(null);
+    };
+    var getEl = function (editor) {
+      return editor.dom.get('mcepastebin');
+    };
+    var getHtml = function (editor) {
+      var copyAndRemove = function (toElm, fromElm) {
+        toElm.appendChild(fromElm);
+        editor.dom.remove(fromElm, true);
+      };
+      var pasteBinClones = global$5.grep(getPasteBinParent(editor).childNodes, function (elm) {
+        return elm.id === 'mcepastebin';
+      });
+      var pasteBinElm = pasteBinClones.shift();
+      global$5.each(pasteBinClones, function (pasteBinClone) {
+        copyAndRemove(pasteBinElm, pasteBinClone);
+      });
+      var dirtyWrappers = editor.dom.select('div[id=mcepastebin]', pasteBinElm);
+      for (var i = dirtyWrappers.length - 1; i >= 0; i--) {
+        var cleanWrapper = editor.dom.create('div');
+        pasteBinElm.insertBefore(cleanWrapper, dirtyWrappers[i]);
+        copyAndRemove(cleanWrapper, dirtyWrappers[i]);
+      }
+      return pasteBinElm ? pasteBinElm.innerHTML : '';
+    };
+    var getLastRng = function (lastRng) {
+      return lastRng.get();
+    };
+    var isDefaultContent = function (pasteBinDefaultContent, content) {
+      return content === pasteBinDefaultContent;
+    };
+    var isPasteBin = function (elm) {
+      return elm && elm.id === 'mcepastebin';
+    };
+    var isDefault = function (editor, pasteBinDefaultContent) {
+      var pasteBinElm = getEl(editor);
+      return isPasteBin(pasteBinElm) && isDefaultContent(pasteBinDefaultContent, pasteBinElm.innerHTML);
+    };
+    var PasteBin = function (editor) {
+      var lastRng = Cell(null);
+      var pasteBinDefaultContent = '%MCEPASTEBIN%';
+      return {
+        create: function () {
+          return create(editor, lastRng, pasteBinDefaultContent);
+        },
+        remove: function () {
+          return remove(editor, lastRng);
+        },
+        getEl: function () {
+          return getEl(editor);
+        },
+        getHtml: function () {
+          return getHtml(editor);
+        },
+        getLastRng: function () {
+          return getLastRng(lastRng);
+        },
+        isDefault: function () {
+          return isDefault(editor, pasteBinDefaultContent);
+        },
+        isDefaultContent: function (content) {
+          return isDefaultContent(pasteBinDefaultContent, content);
+        }
+      };
+    };
+
+    var Clipboard = function (editor, pasteFormat) {
+      var pasteBin = PasteBin(editor);
+      editor.on('PreInit', function () {
+        return registerEventsAndFilters(editor, pasteBin, pasteFormat);
+      });
+      return {
+        pasteFormat: pasteFormat,
+        pasteHtml: function (html, internalFlag) {
+          return pasteHtml$1(editor, html, internalFlag);
+        },
+        pasteText: function (text) {
+          return pasteText(editor, text);
+        },
+        pasteImageData: function (e, rng) {
+          return pasteImageData(editor, e, rng);
+        },
+        getDataTransferItems: getDataTransferItems,
+        hasHtmlOrText: hasHtmlOrText,
+        hasContentType: hasContentType
+      };
+    };
+
+    var togglePlainTextPaste = function (editor, clipboard) {
+      if (clipboard.pasteFormat.get() === 'text') {
+        clipboard.pasteFormat.set('html');
+        firePastePlainTextToggle(editor, false);
+      } else {
+        clipboard.pasteFormat.set('text');
+        firePastePlainTextToggle(editor, true);
+      }
+      editor.focus();
+    };
+
+    var register = function (editor, clipboard) {
+      editor.addCommand('mceTogglePlainTextPaste', function () {
+        togglePlainTextPaste(editor, clipboard);
+      });
+      editor.addCommand('mceInsertClipboardContent', function (ui, value) {
+        if (value.content) {
+          clipboard.pasteHtml(value.content, value.internal);
+        }
+        if (value.text) {
+          clipboard.pasteText(value.text);
+        }
+      });
+    };
+
+    var hasWorkingClipboardApi = function (clipboardData) {
+      return global$1.iOS === false && typeof (clipboardData === null || clipboardData === void 0 ? void 0 : clipboardData.setData) === 'function';
+    };
+    var setHtml5Clipboard = function (clipboardData, html, text) {
+      if (hasWorkingClipboardApi(clipboardData)) {
+        try {
+          clipboardData.clearData();
+          clipboardData.setData('text/html', html);
+          clipboardData.setData('text/plain', text);
+          clipboardData.setData(internalHtmlMime(), html);
+          return true;
+        } catch (e) {
+          return false;
+        }
+      } else {
+        return false;
+      }
+    };
+    var setClipboardData = function (evt, data, fallback, done) {
+      if (setHtml5Clipboard(evt.clipboardData, data.html, data.text)) {
+        evt.preventDefault();
+        done();
+      } else {
+        fallback(data.html, done);
+      }
+    };
+    var fallback = function (editor) {
+      return function (html, done) {
+        var markedHtml = mark(html);
+        var outer = editor.dom.create('div', {
+          'contenteditable': 'false',
+          'data-mce-bogus': 'all'
+        });
+        var inner = editor.dom.create('div', { contenteditable: 'true' }, markedHtml);
+        editor.dom.setStyles(outer, {
+          position: 'fixed',
+          top: '0',
+          left: '-3000px',
+          width: '1000px',
+          overflow: 'hidden'
+        });
+        outer.appendChild(inner);
+        editor.dom.add(editor.getBody(), outer);
+        var range = editor.selection.getRng();
+        inner.focus();
+        var offscreenRange = editor.dom.createRng();
+        offscreenRange.selectNodeContents(inner);
+        editor.selection.setRng(offscreenRange);
+        global$2.setTimeout(function () {
+          editor.selection.setRng(range);
+          outer.parentNode.removeChild(outer);
+          done();
+        }, 0);
+      };
+    };
+    var getData = function (editor) {
+      return {
+        html: editor.selection.getContent({ contextual: true }),
+        text: editor.selection.getContent({ format: 'text' })
+      };
+    };
+    var isTableSelection = function (editor) {
+      return !!editor.dom.getParent(editor.selection.getStart(), 'td[data-mce-selected],th[data-mce-selected]', editor.getBody());
+    };
+    var hasSelectedContent = function (editor) {
+      return !editor.selection.isCollapsed() || isTableSelection(editor);
+    };
+    var cut = function (editor) {
+      return function (evt) {
+        if (hasSelectedContent(editor)) {
+          setClipboardData(evt, getData(editor), fallback(editor), function () {
+            if (global$1.browser.isChrome() || global$1.browser.isFirefox()) {
+              var rng_1 = editor.selection.getRng();
+              global$2.setEditorTimeout(editor, function () {
+                editor.selection.setRng(rng_1);
+                editor.execCommand('Delete');
+              }, 0);
+            } else {
+              editor.execCommand('Delete');
+            }
+          });
+        }
+      };
+    };
+    var copy = function (editor) {
+      return function (evt) {
+        if (hasSelectedContent(editor)) {
+          setClipboardData(evt, getData(editor), fallback(editor), function () {
+          });
+        }
+      };
+    };
+    var register$1 = function (editor) {
+      editor.on('cut', cut(editor));
+      editor.on('copy', copy(editor));
+    };
+
+    var global$b = tinymce.util.Tools.resolve('tinymce.dom.RangeUtils');
+
+    var getCaretRangeFromEvent = function (editor, e) {
+      return global$b.getCaretRangeFromPoint(e.clientX, e.clientY, editor.getDoc());
+    };
+    var isPlainTextFileUrl = function (content) {
+      var plainTextContent = content['text/plain'];
+      return plainTextContent ? plainTextContent.indexOf('file://') === 0 : false;
+    };
+    var setFocusedRange = function (editor, rng) {
+      editor.focus();
+      editor.selection.setRng(rng);
+    };
+    var setup = function (editor, clipboard, draggingInternallyState) {
+      if (shouldBlockDrop(editor)) {
+        editor.on('dragend dragover draggesture dragdrop drop drag', function (e) {
+          e.preventDefault();
+          e.stopPropagation();
+        });
+      }
+      if (!shouldPasteDataImages(editor)) {
+        editor.on('drop', function (e) {
+          var dataTransfer = e.dataTransfer;
+          if (dataTransfer && dataTransfer.files && dataTransfer.files.length > 0) {
+            e.preventDefault();
+          }
+        });
+      }
+      editor.on('drop', function (e) {
+        var rng = getCaretRangeFromEvent(editor, e);
+        if (e.isDefaultPrevented() || draggingInternallyState.get()) {
+          return;
+        }
+        var dropContent = clipboard.getDataTransferItems(e.dataTransfer);
+        var internal = clipboard.hasContentType(dropContent, internalHtmlMime());
+        if ((!clipboard.hasHtmlOrText(dropContent) || isPlainTextFileUrl(dropContent)) && clipboard.pasteImageData(e, rng)) {
+          return;
+        }
+        if (rng && shouldFilterDrop(editor)) {
+          var content_1 = dropContent['mce-internal'] || dropContent['text/html'] || dropContent['text/plain'];
+          if (content_1) {
+            e.preventDefault();
+            global$2.setEditorTimeout(editor, function () {
+              editor.undoManager.transact(function () {
+                if (dropContent['mce-internal']) {
+                  editor.execCommand('Delete');
+                }
+                setFocusedRange(editor, rng);
+                content_1 = trimHtml(content_1);
+                if (!dropContent['text/html']) {
+                  clipboard.pasteText(content_1);
+                } else {
+                  clipboard.pasteHtml(content_1, internal);
+                }
+              });
+            });
+          }
+        }
+      });
+      editor.on('dragstart', function (_e) {
+        draggingInternallyState.set(true);
+      });
+      editor.on('dragover dragend', function (e) {
+        if (shouldPasteDataImages(editor) && draggingInternallyState.get() === false) {
+          e.preventDefault();
+          setFocusedRange(editor, getCaretRangeFromEvent(editor, e));
+        }
+        if (e.type === 'dragend') {
+          draggingInternallyState.set(false);
+        }
+      });
+    };
+
+    var setup$1 = function (editor) {
+      var plugin = editor.plugins.paste;
+      var preProcess = getPreProcess(editor);
+      if (preProcess) {
+        editor.on('PastePreProcess', function (e) {
+          preProcess.call(plugin, plugin, e);
+        });
+      }
+      var postProcess = getPostProcess(editor);
+      if (postProcess) {
+        editor.on('PastePostProcess', function (e) {
+          postProcess.call(plugin, plugin, e);
+        });
+      }
+    };
+
+    function addPreProcessFilter(editor, filterFunc) {
+      editor.on('PastePreProcess', function (e) {
+        e.content = filterFunc(editor, e.content, e.internal, e.wordContent);
+      });
+    }
+    function addPostProcessFilter(editor, filterFunc) {
+      editor.on('PastePostProcess', function (e) {
+        filterFunc(editor, e.node);
+      });
+    }
+    function removeExplorerBrElementsAfterBlocks(editor, html) {
+      if (!isWordContent(html)) {
+        return html;
+      }
+      var blockElements = [];
+      global$5.each(editor.schema.getBlockElements(), function (block, blockName) {
+        blockElements.push(blockName);
+      });
+      var explorerBlocksRegExp = new RegExp('(?:<br>&nbsp;[\\s\\r\\n]+|<br>)*(<\\/?(' + blockElements.join('|') + ')[^>]*>)(?:<br>&nbsp;[\\s\\r\\n]+|<br>)*', 'g');
+      html = filter$1(html, [[
+          explorerBlocksRegExp,
+          '$1'
+        ]]);
+      html = filter$1(html, [
+        [
+          /<br><br>/g,
+          '<BR><BR>'
+        ],
+        [
+          /<br>/g,
+          ' '
+        ],
+        [
+          /<BR><BR>/g,
+          '<br>'
+        ]
+      ]);
+      return html;
+    }
+    function removeWebKitStyles(editor, content, internal, isWordHtml) {
+      if (isWordHtml || internal) {
+        return content;
+      }
+      var webKitStylesSetting = getWebkitStyles(editor);
+      var webKitStyles;
+      if (shouldRemoveWebKitStyles(editor) === false || webKitStylesSetting === 'all') {
+        return content;
+      }
+      if (webKitStylesSetting) {
+        webKitStyles = webKitStylesSetting.split(/[, ]/);
+      }
+      if (webKitStyles) {
+        var dom_1 = editor.dom, node_1 = editor.selection.getNode();
+        content = content.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi, function (all, before, value, after) {
+          var inputStyles = dom_1.parseStyle(dom_1.decode(value));
+          var outputStyles = {};
+          if (webKitStyles === 'none') {
+            return before + after;
+          }
+          for (var i = 0; i < webKitStyles.length; i++) {
+            var inputValue = inputStyles[webKitStyles[i]], currentValue = dom_1.getStyle(node_1, webKitStyles[i], true);
+            if (/color/.test(webKitStyles[i])) {
+              inputValue = dom_1.toHex(inputValue);
+              currentValue = dom_1.toHex(currentValue);
+            }
+            if (currentValue !== inputValue) {
+              outputStyles[webKitStyles[i]] = inputValue;
+            }
+          }
+          outputStyles = dom_1.serializeStyle(outputStyles, 'span');
+          if (outputStyles) {
+            return before + ' style="' + outputStyles + '"' + after;
+          }
+          return before + after;
+        });
+      } else {
+        content = content.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi, '$1$3');
+      }
+      content = content.replace(/(<[^>]+) data-mce-style="([^"]+)"([^>]*>)/gi, function (all, before, value, after) {
+        return before + ' style="' + value + '"' + after;
+      });
+      return content;
+    }
+    function removeUnderlineAndFontInAnchor(editor, root) {
+      editor.$('a', root).find('font,u').each(function (i, node) {
+        editor.dom.remove(node, true);
+      });
+    }
+    var setup$2 = function (editor) {
+      if (global$1.webkit) {
+        addPreProcessFilter(editor, removeWebKitStyles);
+      }
+      if (global$1.ie) {
+        addPreProcessFilter(editor, removeExplorerBrElementsAfterBlocks);
+        addPostProcessFilter(editor, removeUnderlineAndFontInAnchor);
+      }
+    };
+
+    var makeSetupHandler = function (editor, clipboard) {
+      return function (api) {
+        api.setActive(clipboard.pasteFormat.get() === 'text');
+        var pastePlainTextToggleHandler = function (e) {
+          return api.setActive(e.state);
+        };
+        editor.on('PastePlainTextToggle', pastePlainTextToggleHandler);
+        return function () {
+          return editor.off('PastePlainTextToggle', pastePlainTextToggleHandler);
+        };
+      };
+    };
+    var register$2 = function (editor, clipboard) {
+      editor.ui.registry.addToggleButton('pastetext', {
+        active: false,
+        icon: 'paste-text',
+        tooltip: 'Paste as text',
+        onAction: function () {
+          return editor.execCommand('mceTogglePlainTextPaste');
+        },
+        onSetup: makeSetupHandler(editor, clipboard)
+      });
+      editor.ui.registry.addToggleMenuItem('pastetext', {
+        text: 'Paste as text',
+        icon: 'paste-text',
+        onAction: function () {
+          return editor.execCommand('mceTogglePlainTextPaste');
+        },
+        onSetup: makeSetupHandler(editor, clipboard)
+      });
+    };
+
+    function Plugin () {
+      global.add('paste', function (editor) {
+        if (hasProPlugin(editor) === false) {
+          var draggingInternallyState = Cell(false);
+          var pasteFormat = Cell(isPasteAsTextEnabled(editor) ? 'text' : 'html');
+          var clipboard = Clipboard(editor, pasteFormat);
+          var quirks = setup$2(editor);
+          register$2(editor, clipboard);
+          register(editor, clipboard);
+          setup$1(editor);
+          register$1(editor);
+          setup(editor, clipboard, draggingInternallyState);
+          return get(clipboard, quirks);
+        }
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/paste/plugin.min.js b/src/assets/tinymce/plugins/paste/plugin.min.js
new file mode 100644
index 00000000..a7b5787e
--- /dev/null
+++ b/src/assets/tinymce/plugins/paste/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e,t,n,r,d=function(e){var t=e;return{get:function(){return t},set:function(e){t=e}}},a=tinymce.util.Tools.resolve("tinymce.PluginManager"),o=function(e){return function(){return e}},i=o(!1),s=o(!0),u=function(){return l},l=(e=function(e){return e.isNone()},{fold:function(e,t){return e()},is:i,isSome:i,isNone:s,getOr:n=function(e){return e},getOrThunk:t=function(e){return e()},getOrDie:function(e){throw new Error(e||"error: getOrDie called on none.")},getOrNull:o(null),getOrUndefined:o(undefined),or:n,orThunk:t,map:u,each:function(){},bind:u,exists:i,forall:s,filter:u,equals:e,equals_:e,toArray:function(){return[]},toString:o("none()")}),c=function(n){var e=o(n),t=function(){return a},r=function(e){return e(n)},a={fold:function(e,t){return t(n)},is:function(e){return n===e},isSome:s,isNone:i,getOr:e,getOrThunk:e,getOrDie:e,getOrNull:e,getOrUndefined:e,or:t,orThunk:t,map:function(e){return c(e(n))},each:function(e){e(n)},bind:r,exists:r,forall:r,filter:function(e){return e(n)?a:l},toArray:function(){return[n]},toString:function(){return"some("+n+")"},equals:function(e){return e.is(n)},equals_:function(e,t){return e.fold(i,function(e){return t(n,e)})}};return a},f={some:c,none:u,from:function(e){return null===e||e===undefined?l:c(e)}},P=function(e){return!(null===(t=e)||t===undefined);var t},m=(r="function",function(e){return typeof e===r}),p=Array.prototype.slice,g=function(e,t){for(var n=0,r=e.length;n<r;n++){if(t(e[n],n))return!0}return!1},v=function(e,t){for(var n=e.length,r=new Array(n),a=0;a<n;a++){var o=e[a];r[a]=t(o,a)}return r},h=function(e,t){for(var n=0,r=e.length;n<r;n++){t(e[n],n)}},y=m(Array.from)?Array.from:function(e){return p.call(e)},b=function(){var t=d(f.none());return{clear:function(){return t.set(f.none())},set:function(e){return t.set(f.some(e))},isSet:function(){return t.get().isSome()},on:function(e){return t.get().each(e)}}},x=function(e,t,n){return""===t||e.length>=t.length&&e.substr(n,n+t.length)===t},w=tinymce.util.Tools.resolve("tinymce.Env"),_=tinymce.util.Tools.resolve("tinymce.util.Delay"),T=tinymce.util.Tools.resolve("tinymce.util.Promise"),C=tinymce.util.Tools.resolve("tinymce.util.VK"),D=function(e,t){return e.fire("PastePlainTextToggle",{state:t})},k=tinymce.util.Tools.resolve("tinymce.util.Tools"),S=function(e){return e.getParam("paste_data_images",!1)},O=function(e){return e.getParam("paste_retain_style_properties")},j=function(e){return e.getParam("validate")},R=function(e){return e.getParam("paste_data_images",!1,"boolean")},A=function(e){return k.explode(e.getParam("images_file_types","jpeg,jpg,jpe,jfi,jif,jfif,png,gif,bmp,webp","string"))},I="x-tinymce/html",F="\x3c!-- "+I+" --\x3e",E=function(e){return-1!==e.indexOf(F)},M=tinymce.util.Tools.resolve("tinymce.html.Entities"),N=function(e,t,n){var r=e.split(/\n\n/),a=function(e,t){var n,r=[],a="<"+e;if("object"==typeof t){for(n in t)t.hasOwnProperty(n)&&r.push(n+'="'+M.encodeAllRaw(t[n])+'"');r.length&&(a+=" "+r.join(" "))}return a+">"}(t,n),o="</"+t+">",i=k.map(r,function(e){return e.split(/\n/).join("<br />")});return 1===i.length?i[0]:k.map(i,function(e){return a+e+o}).join("")},B=tinymce.util.Tools.resolve("tinymce.html.DomParser"),H=tinymce.util.Tools.resolve("tinymce.html.Serializer"),L="\xa0",$=tinymce.util.Tools.resolve("tinymce.html.Node"),z=tinymce.util.Tools.resolve("tinymce.html.Schema");function U(t,e){return k.each(e,function(e){t=e.constructor===RegExp?t.replace(e,""):t.replace(e[0],e[1])}),t}function q(e){var t=z(),n=B({},t),r="",a=t.getShortEndedElements(),o=k.makeMap("script noscript style textarea video audio iframe object"," "),i=t.getBlockElements();return e=U(e,[/<!\[[^\]]+\]>/g]),function s(e){var t=e.name,n=e;if("br"!==t){if("wbr"!==t)if(a[t]&&(r+=" "),o[t])r+=" ";else{if(3===e.type&&(r+=e.value),!e.shortEnded&&(e=e.firstChild))for(;s(e),e=e.next;);i[t]&&n.next&&(r+="\n","p"===t&&(r+="\n"))}}else r+="\n"}(n.parse(e)),r}function V(e){return e=U(e,[/^[\s\S]*<body[^>]*>\s*|\s*<\/body[^>]*>[\s\S]*$/gi,/<!--StartFragment-->|<!--EndFragment-->/g,[/( ?)<span class="Apple-converted-space">\u00a0<\/span>( ?)/g,function(e,t,n){return t||n?L:" "}],/<br class="Apple-interchange-newline">/g,/<br>$/i])}function K(e){return/<font face="Times New Roman"|class="?Mso|style="[^"]*\bmso-|style='[^']*\bmso-|w:WordDocument/i.test(e)||/class="OutlineElement/.test(e)||/id="?docs\-internal\-guid\-/.test(e)}function X(e){var o,i,s=1;function u(e,t){if(3!==e.type||!t.test(e.value)){if(e=e.firstChild)do{if(!u(e,t))return}while(e=e.next);return 1}e.value=e.value.replace(t,"")}function t(e,t,n){var r=e._listLevel||s;r!==s&&(o=r<s?o&&o.parent.parent:(i=o,null)),o&&o.name===t?o.append(e):(i=i||o,o=new $(t,1),1<n&&o.attr("start",""+n),e.wrap(o)),e.name="li",s<r&&i&&i.lastChild.append(o),s=r,function a(e){if(e._listIgnore)e.remove();else if(e=e.firstChild)for(;a(e),e=e.next;);}(e),u(e,/^\u00a0+/),u(e,/^\s*([\u2022\u00b7\u00a7\u25CF]|\w+\.)/),u(e,/^\u00a0+/)}for(var n=[],r=e.firstChild;null!=r;)if(n.push(r),null!==(r=r.walk()))for(;void 0!==r&&r.parent!==e;)r=r.walk();for(var a=0;a<n.length;a++)if("p"===(e=n[a]).name&&e.firstChild){var l=function d(e){var t="";if(3===e.type)return e.value;if(e=e.firstChild)for(;t+=d(e),e=e.next;);return t}(e);if(/^[\s\u00a0]*[\u2022\u00b7\u00a7\u25CF]\s*/.test(l)){t(e,"ul");continue}if(function(t){var n;return t=t.replace(/^[\u00a0 ]+/,""),k.each([/^[IVXLMCD]{1,2}\.[ \u00a0]/,/^[ivxlmcd]{1,2}\.[ \u00a0]/,/^[a-z]{1,2}[\.\)][ \u00a0]/,/^[A-Z]{1,2}[\.\)][ \u00a0]/,/^[0-9]+\.[ \u00a0]/,/^[\u3007\u4e00\u4e8c\u4e09\u56db\u4e94\u516d\u4e03\u516b\u4e5d]+\.[ \u00a0]/,/^[\u58f1\u5f10\u53c2\u56db\u4f0d\u516d\u4e03\u516b\u4e5d\u62fe]+\.[ \u00a0]/],function(e){if(e.test(t))return!(n=!0)}),n}(l)){var c=/([0-9]+)\./.exec(l),f=1;c&&(f=parseInt(c[1],10)),t(e,"ol",f);continue}if(e._listLevel){t(e,"ul",1);continue}o=null}else i=o,o=null}var W,Y,Z=function(r,e){var a,t=O(r);t&&(a=k.makeMap(t.split(/[, ]/))),e=U(e,[/<br class="?Apple-interchange-newline"?>/gi,/<b[^>]+id="?docs-internal-[^>]*>/gi,/<!--[\s\S]+?-->/gi,/<(!|script[^>]*>.*?<\/script(?=[>\s])|\/?(\?xml(:\w+)?|img|meta|link|style|\w:\w+)(?=[\s\/>]))[^>]*>/gi,[/<(\/?)s>/gi,"<$1strike>"],[/&nbsp;/gi,L],[/<span\s+style\s*=\s*"\s*mso-spacerun\s*:\s*yes\s*;?\s*"\s*>([\s\u00a0]*)<\/span>/gi,function(e,t){return 0<t.length?t.replace(/./," ").slice(Math.floor(t.length/2)).split("").join(L):""}]]);var n=r.getParam("paste_word_valid_elements","-strong/b,-em/i,-u,-span,-p,-ol,-ul,-li,-h1,-h2,-h3,-h4,-h5,-h6,-p/div,-a[href|name],sub,sup,strike,br,del,table[width],tr,td[colspan|rowspan|width],th[colspan|rowspan|width],thead,tfoot,tbody"),o=z({valid_elements:n,valid_children:"-li[p]"});k.each(o.elements,function(e){e.attributes["class"]||(e.attributes["class"]={},e.attributesOrder.push("class")),e.attributes.style||(e.attributes.style={},e.attributesOrder.push("style"))});var i=B({},o);i.addAttributeFilter("style",function(e){for(var t,n=e.length;n--;)(t=e[n]).attr("style",function(n,r,a,o){var i,s={},e=n.dom.parseStyle(o);return k.each(e,function(e,t){switch(t){case"mso-list":(i=/\w+ \w+([0-9]+)/i.exec(o))&&(a._listLevel=parseInt(i[1],10)),/Ignore/i.test(e)&&a.firstChild&&(a._listIgnore=!0,a.firstChild._listIgnore=!0);break;case"horiz-align":t="text-align";break;case"vert-align":t="vertical-align";break;case"font-color":case"mso-foreground":t="color";break;case"mso-background":case"mso-highlight":t="background";break;case"font-weight":case"font-style":return void("normal"!==e&&(s[t]=e));case"mso-element":if(/^(comment|comment-list)$/i.test(e))return void a.remove()}0!==t.indexOf("mso-comment")?0!==t.indexOf("mso-")&&("all"===O(n)||r&&r[t])&&(s[t]=e):a.remove()}),/(bold)/i.test(s["font-weight"])&&(delete s["font-weight"],a.wrap(new $("b",1))),/(italic)/i.test(s["font-style"])&&(delete s["font-style"],a.wrap(new $("i",1))),(s=n.dom.serializeStyle(s,a.name))||null}(r,a,t,t.attr("style"))),"span"===t.name&&t.parent&&!t.attributes.length&&t.unwrap()}),i.addAttributeFilter("class",function(e){for(var t,n,r=e.length;r--;)n=(t=e[r]).attr("class"),/^(MsoCommentReference|MsoCommentText|msoDel)$/i.test(n)&&t.remove(),t.attr("class",null)}),i.addNodeFilter("del",function(e){for(var t=e.length;t--;)e[t].remove()}),i.addNodeFilter("a",function(e){for(var t,n,r,a=e.length;a--;)if(n=(t=e[a]).attr("href"),r=t.attr("name"),n&&-1!==n.indexOf("#_msocom_"))t.remove();else if(n&&0===n.indexOf("file://")&&(n=(n=n.split("#")[1])&&"#"+n),n||r){if(r&&!/^_?(?:toc|edn|ftn)/i.test(r)){t.unwrap();continue}t.attr({href:n,name:r})}else t.unwrap()});var s=i.parse(e);return r.getParam("paste_convert_word_fake_lists",!0)&&X(s),e=H({validate:j(r)},o).serialize(s)},G=function(e,t){return{content:e,cancelled:t}},J=function(e,t,n,r){var a,o,i,s,u,l,c,f,d,m,p,g,v=(a=t,o=n,i=r,e.fire("PastePreProcess",{content:a,internal:o,wordContent:i})),h=function(e,t){var n=B({},e.schema);n.addNodeFilter("meta",function(e){k.each(e,function(e){e.remove()})});var r=n.parse(t,{forced_root_block:!1,isRootContent:!0});return H({validate:j(e)},e.schema).serialize(r)}(e,v.content);return e.hasEventListeners("PastePostProcess")&&!v.isDefaultPrevented()?(u=h,l=n,c=r,p=(s=e).dom.create("div",{style:"display:none"},u),f=p,d=l,m=c,g=s.fire("PastePostProcess",{node:f,internal:d,wordContent:m}),G(g.node.innerHTML,g.isDefaultPrevented())):G(h,v.isDefaultPrevented())},Q=function(e,t,n){var r,a,o=K(t),i=o?(a=t,(r=e).getParam("paste_enable_default_filters",!0)?Z(r,a):a):t;return J(e,i,n,o)},ee=function(e,t){return e.insertContent(t,{merge:e.getParam("paste_merge_formats",!0),paste:!0}),!0},te=function(e){return/^https?:\/\/[\w\?\-\/+=.&%@~#]+$/i.test(e)},ne=function(e,r){return te(r)&&g(A(e),function(e){return x(t=r,n="."+e,t.length-n.length);var t,n})},re=function(e,t,n){return!(!1!==e.selection.isCollapsed()||!te(t))&&(a=t,o=n,(r=e).undoManager.extra(function(){o(r,a)},function(){r.execCommand("mceInsertLink",!1,a)}),!0);var r,a,o},ae=function(e,t,n){return!!ne(e,t)&&(a=t,o=n,(r=e).undoManager.extra(function(){o(r,a)},function(){r.insertContent('<img src="'+a+'">')}),!0);var r,a,o},oe=function(e,t,n){var r,a;n||!1===e.getParam("smart_paste",!0)?ee(e,t):(r=e,a=t,k.each([re,ae,ee],function(e){return!0!==e(r,a,ee)}))},ie=function(e){return"\n"===e||"\r"===e},se=function(e,t){var n,r,a,o,i=(n=" ",(r=e.getParam("paste_tab_spaces",4,"number"))<=0?"":new Array(r+1).join(n)),s=t.replace(/\t/g,i);return(o={pcIsSpace:!(a=function(e,t){return-1!==" \f\t\x0B".indexOf(t)||t===L?e.pcIsSpace||""===e.str||e.str.length===s.length-1||(n=s,(r=e.str.length+1)<n.length&&0<=r&&ie(n[r]))?{pcIsSpace:!1,str:e.str+L}:{pcIsSpace:!0,str:e.str+" "}:{pcIsSpace:ie(t),str:e.str+t};var n,r}),str:""},h(s,function(e){o=a(o,e)}),o).str},ue=function(e,t,n,r){var a=Q(e,t,n);!1===a.cancelled&&oe(e,a.content,r)},le=function(e,t,n){var r=n||E(t);ue(e,t.replace(F,""),r,!1)},ce=function(e,t){var n,r,a,o=e.dom.encode(t).replace(/\r\n/g,"\n"),i=se(e,o),s=(n=i,r=e.getParam("forced_root_block"),a=e.getParam("forced_root_block_attrs"),r?N(n,!0===r?"p":r,a):n.replace(/\r?\n/g,"<br>"));ue(e,s,!1,!0)},fe=function(e){var t,n={};if(e&&(!e.getData||(t=e.getData("Text"))&&0<t.length&&-1===t.indexOf("data:text/mce-internal,")&&(n["text/plain"]=t),e.types))for(var r=0;r<e.types.length;r++){var a=e.types[r];try{n[a]=e.getData(a)}catch(o){n[a]=""}}return n},de=function(e,t){return t in e&&0<e[t].length},me=function(e){return de(e,"text/html")||de(e,"text/plain")},pe=(W="mceclip",Y=0,function(){return W+Y++}),ge=function(e,t){var n,r,a,o,i,s,u,l,c,f,d,m,p,g=(n=t.uri,(r=/data:([^;]+);base64,([a-z0-9\+\/=]+)/i.exec(n))?{type:r[1],data:decodeURIComponent(r[2])}:{type:null,data:null}),v=g.data,h=g.type,y=pe(),b=t.blob,x=new Image;x.src=t.uri,m=x,!(p=e.getParam("images_dataimg_filter"))||p(m)?(l=void 0,(o=(a=e.editorUpload.blobCache).getByData(v,h))?l=o:(s=(i=e.getParam("images_reuse_filename")&&P(b.name))?(c=e,f=b.name,d=f.match(/([\s\S]+?)(?:\.[a-z0-9.]+)$/i),P(d)?c.dom.encode(d[1]):null):y,u=i?b.name:undefined,l=a.create(y,b,v,s,u),a.add(l)),le(e,'<img src="'+l.blobUri()+'">',!1)):le(e,'<img src="'+t.uri+'">',!1)},ve=function(e){return T.all(v(e,function(r){return new T(function(e){var t=P(r.getAsFile)?r.getAsFile():r,n=new window.FileReader;n.onload=function(){e({blob:t,uri:n.result})},n.readAsDataURL(t)})}))},he=function(e){var t=A(e);return function(r){return e=r.type,x(e,"image/",0)&&g(t,function(e){return t=e,n={jpg:"jpeg",jpe:"jpeg",jfi:"jpeg",jif:"jpeg",jfif:"jpeg",pjpeg:"jpeg",pjp:"jpeg",svg:"svg+xml"},(k.hasOwn(n,t)?"image/"+n[t]:"image/"+t)===r.type;var t,n});var e}},ye=function(t,e,n){var r,a,o,i,s="paste"===e.type?e.clipboardData:e.dataTransfer;if(R(t)&&s){var u=(r=t,o=(a=s).items?v(y(a.items),function(e){return e.getAsFile()}):[],i=a.files?y(a.files):[],function(e,t){for(var n=[],r=0,a=e.length;r<a;r++){var o=e[r];t(o,r)&&n.push(o)}return n}(0<o.length?o:i,he(r)));if(0<u.length)return e.preventDefault(),ve(u).then(function(e){n&&t.selection.setRng(n),h(e,function(e){ge(t,e)})}),!0}return!1},be=function(e){return C.metaKeyPressed(e)&&86===e.keyCode||e.shiftKey&&45===e.keyCode},xe=function(s,u,l){var c,f=b(),d=b();function m(e,t,n,r,a){var o;de(t,"text/html")?o=t["text/html"]:(o=u.getHtml(),a=a||E(o),u.isDefaultContent(o)&&(r=!0)),o=V(o),u.remove();var i=!1===a&&!/<(?:\/?(?!(?:div|p|br|span)>)\w+|(?:(?!(?:span style="white-space:\s?pre;?">)|br\s?\/>))\w+\s[^>]+)>/i.test(o),s=ne(e,o);o.length&&(!i||s)||(r=!0),(r||s)&&(o=de(t,"text/plain")&&i?t["text/plain"]:q(o)),u.isDefaultContent(o)?n||e.windowManager.alert("Please use Ctrl+V/Cmd+V keyboard shortcuts to paste contents."):r?ce(e,o):le(e,o,a)}s.on("keyup",d.clear),s.on("keydown",function(e){var t,n=function(e){be(e)&&!e.isDefaultPrevented()&&u.remove()};if(be(e)&&!e.isDefaultPrevented()){if((c=e.shiftKey&&86===e.keyCode)&&w.webkit&&-1!==navigator.userAgent.indexOf("Version/"))return;if(e.stopImmediatePropagation(),f.set(e),d.set(!0),w.ie&&c)return e.preventDefault(),t=!0,void s.fire("paste",{ieFake:t});u.remove(),u.create(),s.once("keyup",n),s.once("paste",function(){s.off("keyup",n)})}});s.on("paste",function(e){var t=f.isSet()||d.isSet();t&&f.clear();var n,r,a=(n=s,fe(e.clipboardData||n.getDoc().dataTransfer)),o="text"===l.get()||c,i=de(a,I);c=!1,!(e.isDefaultPrevented()||(r=e.clipboardData,-1!==navigator.userAgent.indexOf("Android")&&r&&r.items&&0===r.items.length))&&(me(a)||!ye(s,e,u.getLastRng()||s.selection.getRng()))?(t||e.preventDefault(),!w.ie||t&&!e.ieFake||de(a,"text/html")||(u.create(),s.dom.bind(u.getEl(),"paste",function(e){e.stopPropagation()}),s.getDoc().execCommand("Paste",!1,null),a["text/html"]=u.getHtml()),de(a,"text/html")?(e.preventDefault(),i=i||E(a["text/html"]),m(s,a,t,o,i)):_.setEditorTimeout(s,function(){m(s,a,t,o,i)},0)):u.remove()})},Pe=function(i,e,t){var s;xe(i,e,t),i.parser.addNodeFilter("img",function(e,t,n){var r,a=function(e){e.attr("data-mce-object")||s===w.transparentSrc||e.remove()};if(!R(i)&&((r=n).data&&!0===r.data.paste))for(var o=e.length;o--;)(s=e[o].attr("src"))&&(0!==s.indexOf("webkit-fake-url")&&(i.getParam("allow_html_data_urls",!1,"boolean")||0!==s.indexOf("data:"))||a(e[o]))})},we=function(e){return w.ie&&e.inline?document.body:e.getBody()},_e=function(t,e,n){var r;we(r=t)!==r.getBody()&&t.dom.bind(e,"paste keyup",function(e){De(t,n)||t.fire("paste")})},Te=function(e){return e.dom.get("mcepastebin")},Ce=function(e,t){return t===e},De=function(e,t){var n,r=Te(e);return(n=r)&&"mcepastebin"===n.id&&Ce(t,r.innerHTML)},ke=function(e){var t=d(null),n="%MCEPASTEBIN%";return{create:function(){return function(e,t,n){var r=e.dom,a=e.getBody();t.set(e.selection.getRng());var o=e.dom.add(we(e),"div",{id:"mcepastebin","class":"mce-pastebin",contentEditable:!0,"data-mce-bogus":"all",style:"position: fixed; top: 50%; width: 10px; height: 10px; overflow: hidden; opacity: 0"},n);(w.ie||w.gecko)&&r.setStyle(o,"left","rtl"===r.getStyle(a,"direction",!0)?65535:-65535),r.bind(o,"beforedeactivate focusin focusout",function(e){e.stopPropagation()}),_e(e,o,n),o.focus(),e.selection.select(o,!0)}(e,t,n)},remove:function(){return function(e,t){if(Te(e)){for(var n=void 0,r=t.get();n=e.dom.get("mcepastebin");)e.dom.remove(n),e.dom.unbind(n);r&&e.selection.setRng(r)}t.set(null)}(e,t)},getEl:function(){return Te(e)},getHtml:function(){return function(n){var t=function(e,t){e.appendChild(t),n.dom.remove(t,!0)},e=k.grep(we(n).childNodes,function(e){return"mcepastebin"===e.id}),r=e.shift();k.each(e,function(e){t(r,e)});for(var a=n.dom.select("div[id=mcepastebin]",r),o=a.length-1;0<=o;o--){var i=n.dom.create("div");r.insertBefore(i,a[o]),t(i,a[o])}return r?r.innerHTML:""}(e)},getLastRng:function(){return t.get()},isDefault:function(){return De(e,n)},isDefaultContent:function(e){return e===n}}},Se=function(n,r){n.addCommand("mceTogglePlainTextPaste",function(){var e,t;e=n,"text"===(t=r).pasteFormat.get()?(t.pasteFormat.set("html"),D(e,!1)):(t.pasteFormat.set("text"),D(e,!0)),e.focus()}),n.addCommand("mceInsertClipboardContent",function(e,t){t.content&&r.pasteHtml(t.content,t.internal),t.text&&r.pasteText(t.text)})},Oe=function(e,t,n){if(r=e,!1!==w.iOS||"function"!=typeof(null==r?void 0:r.setData))return!1;try{return e.clearData(),e.setData("text/html",t),e.setData("text/plain",n),e.setData(I,t),!0}catch(a){return!1}var r},je=function(e,t,n,r){Oe(e.clipboardData,t.html,t.text)?(e.preventDefault(),r()):n(t.html,r)},Re=function(s){return function(e,t){var n=F+e,r=s.dom.create("div",{contenteditable:"false","data-mce-bogus":"all"}),a=s.dom.create("div",{contenteditable:"true"},n);s.dom.setStyles(r,{position:"fixed",top:"0",left:"-3000px",width:"1000px",overflow:"hidden"}),r.appendChild(a),s.dom.add(s.getBody(),r);var o=s.selection.getRng();a.focus();var i=s.dom.createRng();i.selectNodeContents(a),s.selection.setRng(i),_.setTimeout(function(){s.selection.setRng(o),r.parentNode.removeChild(r),t()},0)}},Ae=function(e){return{html:e.selection.getContent({contextual:!0}),text:e.selection.getContent({format:"text"})}},Ie=function(e){return!e.selection.isCollapsed()||!!(t=e).dom.getParent(t.selection.getStart(),"td[data-mce-selected],th[data-mce-selected]",t.getBody());var t},Fe=function(e){var t,n;e.on("cut",(t=e,function(e){Ie(t)&&je(e,Ae(t),Re(t),function(){var e;w.browser.isChrome()||w.browser.isFirefox()?(e=t.selection.getRng(),_.setEditorTimeout(t,function(){t.selection.setRng(e),t.execCommand("Delete")},0)):t.execCommand("Delete")})})),e.on("copy",(n=e,function(e){Ie(n)&&je(e,Ae(n),Re(n),function(){})}))},Ee=tinymce.util.Tools.resolve("tinymce.dom.RangeUtils"),Me=function(e,t){return Ee.getCaretRangeFromPoint(t.clientX,t.clientY,e.getDoc())},Ne=function(e,t){e.focus(),e.selection.setRng(t)},Be=function(i,s,u){i.getParam("paste_block_drop",!1)&&i.on("dragend dragover draggesture dragdrop drop drag",function(e){e.preventDefault(),e.stopPropagation()}),S(i)||i.on("drop",function(e){var t=e.dataTransfer;t&&t.files&&0<t.files.length&&e.preventDefault()}),i.on("drop",function(e){var t,n,r,a,o=Me(i,e);e.isDefaultPrevented()||u.get()||(t=s.getDataTransferItems(e.dataTransfer),n=s.hasContentType(t,I),(!s.hasHtmlOrText(t)||(r=t["text/plain"])&&0===r.indexOf("file://"))&&s.pasteImageData(e,o)||!o||!i.getParam("paste_filter_drop",!0)||(a=t["mce-internal"]||t["text/html"]||t["text/plain"])&&(e.preventDefault(),_.setEditorTimeout(i,function(){i.undoManager.transact(function(){t["mce-internal"]&&i.execCommand("Delete"),Ne(i,o),a=V(a),t["text/html"]?s.pasteHtml(a,n):s.pasteText(a)})})))}),i.on("dragstart",function(e){u.set(!0)}),i.on("dragover dragend",function(e){S(i)&&!1===u.get()&&(e.preventDefault(),Ne(i,Me(i,e))),"dragend"===e.type&&u.set(!1)})};function He(t,n){t.on("PastePreProcess",function(e){e.content=n(t,e.content,e.internal,e.wordContent)})}function Le(e,t){if(!K(t))return t;var n=[];return k.each(e.schema.getBlockElements(),function(e,t){n.push(t)}),t=U(t,[[new RegExp("(?:<br>&nbsp;[\\s\\r\\n]+|<br>)*(<\\/?("+n.join("|")+")[^>]*>)(?:<br>&nbsp;[\\s\\r\\n]+|<br>)*","g"),"$1"]]),t=U(t,[[/<br><br>/g,"<BR><BR>"],[/<br>/g," "],[/<BR><BR>/g,"<br>"]])}function $e(e,t,n,r){if(r||n)return t;var l,c,f,a=e.getParam("paste_webkit_styles");return!1===e.getParam("paste_remove_styles_if_webkit",!0)||"all"===a?t:(a&&(l=a.split(/[, ]/)),t=(t=l?(c=e.dom,f=e.selection.getNode(),t.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi,function(e,t,n,r){var a=c.parseStyle(c.decode(n)),o={};if("none"===l)return t+r;for(var i=0;i<l.length;i++){var s=a[l[i]],u=c.getStyle(f,l[i],!0);/color/.test(l[i])&&(s=c.toHex(s),u=c.toHex(u)),u!==s&&(o[l[i]]=s)}return(o=c.serializeStyle(o,"span"))?t+' style="'+o+'"'+r:t+r})):t.replace(/(<[^>]+) style="([^"]*)"([^>]*>)/gi,"$1$3")).replace(/(<[^>]+) data-mce-style="([^"]+)"([^>]*>)/gi,function(e,t,n,r){return t+' style="'+n+'"'+r}))}function ze(n,e){n.$("a",e).find("font,u").each(function(e,t){n.dom.remove(t,!0)})}var Ue=function(n,r){return function(t){t.setActive("text"===r.pasteFormat.get());var e=function(e){return t.setActive(e.state)};return n.on("PastePlainTextToggle",e),function(){return n.off("PastePlainTextToggle",e)}}};a.add("paste",function(e){if(!1==(!!e.hasPlugin("powerpaste",!0)&&("undefined"!=typeof window.console&&window.console.log&&window.console.log("PowerPaste is incompatible with Paste plugin! Remove 'paste' from the 'plugins' option."),!0))){var t=d(!1),n=d(e.getParam("paste_as_text",!1)?"text":"html"),r=(c=n,f=ke(l=e),l.on("PreInit",function(){return Pe(l,f,c)}),{pasteFormat:c,pasteHtml:function(e,t){return le(l,e,t)},pasteText:function(e){return ce(l,e)},pasteImageData:function(e,t){return ye(l,e,t)},getDataTransferItems:fe,hasHtmlOrText:me,hasContentType:de});i=e,w.webkit&&He(i,$e),w.ie&&(He(i,Le),u=ze,(s=i).on("PastePostProcess",function(e){u(s,e.node)}));return o=r,(a=e).ui.registry.addToggleButton("pastetext",{active:!1,icon:"paste-text",tooltip:"Paste as text",onAction:function(){return a.execCommand("mceTogglePlainTextPaste")},onSetup:Ue(a,o)}),a.ui.registry.addToggleMenuItem("pastetext",{text:"Paste as text",icon:"paste-text",onAction:function(){return a.execCommand("mceTogglePlainTextPaste")},onSetup:Ue(a,o)}),Se(e,r),function(e){var t=e.plugins.paste,n=e.getParam("paste_preprocess");n&&e.on("PastePreProcess",function(e){n.call(t,t,e)});var r=e.getParam("paste_postprocess");r&&e.on("PastePostProcess",function(e){r.call(t,t,e)})}(e),Fe(e),Be(e,r,t),{clipboard:r,quirks:void 0}}var a,o,i,s,u,l,c,f})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/preview/plugin.js b/src/assets/tinymce/plugins/preview/plugin.js
new file mode 100644
index 00000000..9e67e286
--- /dev/null
+++ b/src/assets/tinymce/plugins/preview/plugin.js
@@ -0,0 +1,127 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var getContentStyle = function (editor) {
+      return editor.getParam('content_style', '', 'string');
+    };
+    var shouldUseContentCssCors = function (editor) {
+      return editor.getParam('content_css_cors', false, 'boolean');
+    };
+    var getBodyClassByHash = function (editor) {
+      var bodyClass = editor.getParam('body_class', '', 'hash');
+      return bodyClass[editor.id] || '';
+    };
+    var getBodyClass = function (editor) {
+      var bodyClass = editor.getParam('body_class', '', 'string');
+      if (bodyClass.indexOf('=') === -1) {
+        return bodyClass;
+      } else {
+        return getBodyClassByHash(editor);
+      }
+    };
+    var getBodyIdByHash = function (editor) {
+      var bodyId = editor.getParam('body_id', '', 'hash');
+      return bodyId[editor.id] || bodyId;
+    };
+    var getBodyId = function (editor) {
+      var bodyId = editor.getParam('body_id', 'tinymce', 'string');
+      if (bodyId.indexOf('=') === -1) {
+        return bodyId;
+      } else {
+        return getBodyIdByHash(editor);
+      }
+    };
+
+    var getPreviewHtml = function (editor) {
+      var headHtml = '';
+      var encode = editor.dom.encode;
+      var contentStyle = getContentStyle(editor);
+      headHtml += '<base href="' + encode(editor.documentBaseURI.getURI()) + '">';
+      if (contentStyle) {
+        headHtml += '<style type="text/css">' + contentStyle + '</style>';
+      }
+      var cors = shouldUseContentCssCors(editor) ? ' crossorigin="anonymous"' : '';
+      global$2.each(editor.contentCSS, function (url) {
+        headHtml += '<link type="text/css" rel="stylesheet" href="' + encode(editor.documentBaseURI.toAbsolute(url)) + '"' + cors + '>';
+      });
+      var bodyId = getBodyId(editor);
+      var bodyClass = getBodyClass(editor);
+      var isMetaKeyPressed = global$1.mac ? 'e.metaKey' : 'e.ctrlKey && !e.altKey';
+      var preventClicksOnLinksScript = '<script>' + 'document.addEventListener && document.addEventListener("click", function(e) {' + 'for (var elm = e.target; elm; elm = elm.parentNode) {' + 'if (elm.nodeName === "A" && !(' + isMetaKeyPressed + ')) {' + 'e.preventDefault();' + '}' + '}' + '}, false);' + '</script> ';
+      var directionality = editor.getBody().dir;
+      var dirAttr = directionality ? ' dir="' + encode(directionality) + '"' : '';
+      var previewHtml = '<!DOCTYPE html>' + '<html>' + '<head>' + headHtml + '</head>' + '<body id="' + encode(bodyId) + '" class="mce-content-body ' + encode(bodyClass) + '"' + dirAttr + '>' + editor.getContent() + preventClicksOnLinksScript + '</body>' + '</html>';
+      return previewHtml;
+    };
+
+    var open = function (editor) {
+      var content = getPreviewHtml(editor);
+      var dataApi = editor.windowManager.open({
+        title: 'Preview',
+        size: 'large',
+        body: {
+          type: 'panel',
+          items: [{
+              name: 'preview',
+              type: 'iframe',
+              sandboxed: true
+            }]
+        },
+        buttons: [{
+            type: 'cancel',
+            name: 'close',
+            text: 'Close',
+            primary: true
+          }],
+        initialData: { preview: content }
+      });
+      dataApi.focus('close');
+    };
+
+    var register = function (editor) {
+      editor.addCommand('mcePreview', function () {
+        open(editor);
+      });
+    };
+
+    var register$1 = function (editor) {
+      editor.ui.registry.addButton('preview', {
+        icon: 'preview',
+        tooltip: 'Preview',
+        onAction: function () {
+          return editor.execCommand('mcePreview');
+        }
+      });
+      editor.ui.registry.addMenuItem('preview', {
+        icon: 'preview',
+        text: 'Preview',
+        onAction: function () {
+          return editor.execCommand('mcePreview');
+        }
+      });
+    };
+
+    function Plugin () {
+      global.add('preview', function (editor) {
+        register(editor);
+        register$1(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/preview/plugin.min.js b/src/assets/tinymce/plugins/preview/plugin.min.js
new file mode 100644
index 00000000..861aacf5
--- /dev/null
+++ b/src/assets/tinymce/plugins/preview/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),f=tinymce.util.Tools.resolve("tinymce.Env"),w=tinymce.util.Tools.resolve("tinymce.util.Tools"),i=function(e){var t=function(t){var n="",i=t.dom.encode,e=t.getParam("content_style","","string");n+='<base href="'+i(t.documentBaseURI.getURI())+'">',e&&(n+='<style type="text/css">'+e+"</style>");var o=t.getParam("content_css_cors",!1,"boolean")?' crossorigin="anonymous"':"";w.each(t.contentCSS,function(e){n+='<link type="text/css" rel="stylesheet" href="'+i(t.documentBaseURI.toAbsolute(e))+'"'+o+">"});var r,a,c,s,d,m,l,y=-1===(s=(r=t).getParam("body_id","tinymce","string")).indexOf("=")?s:(c=(a=r).getParam("body_id","","hash"))[a.id]||c,u=-1===(l=(d=t).getParam("body_class","","string")).indexOf("=")?l:(m=d).getParam("body_class","","hash")[m.id]||"",v='<script>document.addEventListener && document.addEventListener("click", function(e) {for (var elm = e.target; elm; elm = elm.parentNode) {if (elm.nodeName === "A" && !('+(f.mac?"e.metaKey":"e.ctrlKey && !e.altKey")+")) {e.preventDefault();}}}, false);<\/script> ",g=t.getBody().dir,p=g?' dir="'+i(g)+'"':"";return"<!DOCTYPE html><html><head>"+n+'</head><body id="'+i(y)+'" class="mce-content-body '+i(u)+'"'+p+">"+t.getContent()+v+"</body></html>"}(e);e.windowManager.open({title:"Preview",size:"large",body:{type:"panel",items:[{name:"preview",type:"iframe",sandboxed:!0}]},buttons:[{type:"cancel",name:"close",text:"Close",primary:!0}],initialData:{preview:t}}).focus("close")};e.add("preview",function(e){var t,n;(t=e).addCommand("mcePreview",function(){i(t)}),(n=e).ui.registry.addButton("preview",{icon:"preview",tooltip:"Preview",onAction:function(){return n.execCommand("mcePreview")}}),n.ui.registry.addMenuItem("preview",{icon:"preview",text:"Preview",onAction:function(){return n.execCommand("mcePreview")}})})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/print/plugin.js b/src/assets/tinymce/plugins/print/plugin.js
new file mode 100644
index 00000000..7fe33d15
--- /dev/null
+++ b/src/assets/tinymce/plugins/print/plugin.js
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var register = function (editor) {
+      editor.addCommand('mcePrint', function () {
+        if (global$1.browser.isIE()) {
+          editor.getDoc().execCommand('print', false, null);
+        } else {
+          editor.getWin().print();
+        }
+      });
+    };
+
+    var register$1 = function (editor) {
+      editor.ui.registry.addButton('print', {
+        icon: 'print',
+        tooltip: 'Print',
+        onAction: function () {
+          return editor.execCommand('mcePrint');
+        }
+      });
+      editor.ui.registry.addMenuItem('print', {
+        text: 'Print...',
+        icon: 'print',
+        onAction: function () {
+          return editor.execCommand('mcePrint');
+        }
+      });
+    };
+
+    function Plugin () {
+      global.add('print', function (editor) {
+        register(editor);
+        register$1(editor);
+        editor.addShortcut('Meta+P', '', 'mcePrint');
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/print/plugin.min.js b/src/assets/tinymce/plugins/print/plugin.min.js
new file mode 100644
index 00000000..bc45f0cc
--- /dev/null
+++ b/src/assets/tinymce/plugins/print/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var n=tinymce.util.Tools.resolve("tinymce.PluginManager"),e=tinymce.util.Tools.resolve("tinymce.Env");n.add("print",function(n){var t,i;(t=n).addCommand("mcePrint",function(){e.browser.isIE()?t.getDoc().execCommand("print",!1,null):t.getWin().print()}),(i=n).ui.registry.addButton("print",{icon:"print",tooltip:"Print",onAction:function(){return i.execCommand("mcePrint")}}),i.ui.registry.addMenuItem("print",{text:"Print...",icon:"print",onAction:function(){return i.execCommand("mcePrint")}}),n.addShortcut("Meta+P","","mcePrint")})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/quickbars/plugin.js b/src/assets/tinymce/plugins/quickbars/plugin.js
new file mode 100644
index 00000000..f0e3c5c2
--- /dev/null
+++ b/src/assets/tinymce/plugins/quickbars/plugin.js
@@ -0,0 +1,491 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var unique = 0;
+    var generate = function (prefix) {
+      var date = new Date();
+      var time = date.getTime();
+      var random = Math.floor(Math.random() * 1000000000);
+      unique++;
+      return prefix + '_' + random + unique + String(time);
+    };
+
+    var createTableHtml = function (cols, rows) {
+      var x, y, html;
+      html = '<table data-mce-id="mce" style="width: 100%">';
+      html += '<tbody>';
+      for (y = 0; y < rows; y++) {
+        html += '<tr>';
+        for (x = 0; x < cols; x++) {
+          html += '<td><br></td>';
+        }
+        html += '</tr>';
+      }
+      html += '</tbody>';
+      html += '</table>';
+      return html;
+    };
+    var getInsertedElement = function (editor) {
+      var elms = editor.dom.select('*[data-mce-id]');
+      return elms[0];
+    };
+    var insertTableHtml = function (editor, cols, rows) {
+      editor.undoManager.transact(function () {
+        editor.insertContent(createTableHtml(cols, rows));
+        var tableElm = getInsertedElement(editor);
+        tableElm.removeAttribute('data-mce-id');
+        var cellElm = editor.dom.select('td,th', tableElm);
+        editor.selection.setCursorLocation(cellElm[0], 0);
+      });
+    };
+    var insertTable = function (editor, cols, rows) {
+      editor.plugins.table ? editor.plugins.table.insertTable(cols, rows) : insertTableHtml(editor, cols, rows);
+    };
+    var insertBlob = function (editor, base64, blob) {
+      var blobCache = editor.editorUpload.blobCache;
+      var blobInfo = blobCache.create(generate('mceu'), blob, base64);
+      blobCache.add(blobInfo);
+      editor.insertContent(editor.dom.createHTML('img', { src: blobInfo.blobUri() }));
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Promise');
+
+    var blobToBase64 = function (blob) {
+      return new global$1(function (resolve) {
+        var reader = new FileReader();
+        reader.onloadend = function () {
+          resolve(reader.result.split(',')[1]);
+        };
+        reader.readAsDataURL(blob);
+      });
+    };
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var pickFile = function (editor) {
+      return new global$1(function (resolve) {
+        var fileInput = document.createElement('input');
+        fileInput.type = 'file';
+        fileInput.accept = 'image/*';
+        fileInput.style.position = 'fixed';
+        fileInput.style.left = '0';
+        fileInput.style.top = '0';
+        fileInput.style.opacity = '0.001';
+        document.body.appendChild(fileInput);
+        var changeHandler = function (e) {
+          resolve(Array.prototype.slice.call(e.target.files));
+        };
+        fileInput.addEventListener('change', changeHandler);
+        var cancelHandler = function (e) {
+          var cleanup = function () {
+            resolve([]);
+            fileInput.parentNode.removeChild(fileInput);
+          };
+          if (global$2.os.isAndroid() && e.type !== 'remove') {
+            global$3.setEditorTimeout(editor, cleanup, 0);
+          } else {
+            cleanup();
+          }
+          editor.off('focusin remove', cancelHandler);
+        };
+        editor.on('focusin remove', cancelHandler);
+        fileInput.click();
+      });
+    };
+
+    var setupButtons = function (editor) {
+      editor.ui.registry.addButton('quickimage', {
+        icon: 'image',
+        tooltip: 'Insert image',
+        onAction: function () {
+          pickFile(editor).then(function (files) {
+            if (files.length > 0) {
+              var blob_1 = files[0];
+              blobToBase64(blob_1).then(function (base64) {
+                insertBlob(editor, base64, blob_1);
+              });
+            }
+          });
+        }
+      });
+      editor.ui.registry.addButton('quicktable', {
+        icon: 'table',
+        tooltip: 'Insert table',
+        onAction: function () {
+          insertTable(editor, 2, 2);
+        }
+      });
+    };
+
+    var noop = function () {
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var typeOf = function (x) {
+      var t = typeof x;
+      if (x === null) {
+        return 'null';
+      } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+        return 'array';
+      } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+        return 'string';
+      } else {
+        return t;
+      }
+    };
+    var isType = function (type) {
+      return function (value) {
+        return typeOf(value) === type;
+      };
+    };
+    var isSimpleType = function (type) {
+      return function (value) {
+        return typeof value === type;
+      };
+    };
+    var eq = function (t) {
+      return function (a) {
+        return t === a;
+      };
+    };
+    var isString = isType('string');
+    var isObject = isType('object');
+    var isArray = isType('array');
+    var isBoolean = isSimpleType('boolean');
+    var isUndefined = eq(undefined);
+    var isFunction = isSimpleType('function');
+
+    function ClosestOrAncestor (is, ancestor, scope, a, isRoot) {
+      if (is(scope, a)) {
+        return Optional.some(scope);
+      } else if (isFunction(isRoot) && isRoot(scope)) {
+        return Optional.none();
+      } else {
+        return ancestor(scope, a, isRoot);
+      }
+    }
+
+    var ELEMENT = 1;
+
+    var fromHtml = function (html, scope) {
+      var doc = scope || document;
+      var div = doc.createElement('div');
+      div.innerHTML = html;
+      if (!div.hasChildNodes() || div.childNodes.length > 1) {
+        console.error('HTML does not have a single root node', html);
+        throw new Error('HTML must have a single root node');
+      }
+      return fromDom(div.childNodes[0]);
+    };
+    var fromTag = function (tag, scope) {
+      var doc = scope || document;
+      var node = doc.createElement(tag);
+      return fromDom(node);
+    };
+    var fromText = function (text, scope) {
+      var doc = scope || document;
+      var node = doc.createTextNode(text);
+      return fromDom(node);
+    };
+    var fromDom = function (node) {
+      if (node === null || node === undefined) {
+        throw new Error('Node cannot be null or undefined');
+      }
+      return { dom: node };
+    };
+    var fromPoint = function (docElm, x, y) {
+      return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
+    };
+    var SugarElement = {
+      fromHtml: fromHtml,
+      fromTag: fromTag,
+      fromText: fromText,
+      fromDom: fromDom,
+      fromPoint: fromPoint
+    };
+
+    var is = function (element, selector) {
+      var dom = element.dom;
+      if (dom.nodeType !== ELEMENT) {
+        return false;
+      } else {
+        var elem = dom;
+        if (elem.matches !== undefined) {
+          return elem.matches(selector);
+        } else if (elem.msMatchesSelector !== undefined) {
+          return elem.msMatchesSelector(selector);
+        } else if (elem.webkitMatchesSelector !== undefined) {
+          return elem.webkitMatchesSelector(selector);
+        } else if (elem.mozMatchesSelector !== undefined) {
+          return elem.mozMatchesSelector(selector);
+        } else {
+          throw new Error('Browser lacks native selectors');
+        }
+      }
+    };
+
+    var Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    var name = function (element) {
+      var r = element.dom.nodeName;
+      return r.toLowerCase();
+    };
+
+    var ancestor = function (scope, predicate, isRoot) {
+      var element = scope.dom;
+      var stop = isFunction(isRoot) ? isRoot : never;
+      while (element.parentNode) {
+        element = element.parentNode;
+        var el = SugarElement.fromDom(element);
+        if (predicate(el)) {
+          return Optional.some(el);
+        } else if (stop(el)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var closest = function (scope, predicate, isRoot) {
+      var is = function (s, test) {
+        return test(s);
+      };
+      return ClosestOrAncestor(is, ancestor, scope, predicate, isRoot);
+    };
+
+    var ancestor$1 = function (scope, selector, isRoot) {
+      return ancestor(scope, function (e) {
+        return is(e, selector);
+      }, isRoot);
+    };
+    var closest$1 = function (scope, selector, isRoot) {
+      var is$1 = function (element, selector) {
+        return is(element, selector);
+      };
+      return ClosestOrAncestor(is$1, ancestor$1, scope, selector, isRoot);
+    };
+
+    var validDefaultOrDie = function (value, predicate) {
+      if (predicate(value)) {
+        return true;
+      }
+      throw new Error('Default value doesn\'t match requested type.');
+    };
+    var items = function (value, defaultValue) {
+      if (isArray(value) || isObject(value)) {
+        throw new Error('expected a string but found: ' + value);
+      }
+      if (isUndefined(value)) {
+        return defaultValue;
+      }
+      if (isBoolean(value)) {
+        return value === false ? '' : defaultValue;
+      }
+      return value;
+    };
+    var getToolbarItemsOr_ = function (predicate) {
+      return function (editor, name, defaultValue) {
+        validDefaultOrDie(defaultValue, predicate);
+        var value = editor.getParam(name, defaultValue);
+        return items(value, defaultValue);
+      };
+    };
+    var getToolbarItemsOr = getToolbarItemsOr_(isString);
+
+    var getTextSelectionToolbarItems = function (editor) {
+      return getToolbarItemsOr(editor, 'quickbars_selection_toolbar', 'bold italic | quicklink h2 h3 blockquote');
+    };
+    var getInsertToolbarItems = function (editor) {
+      return getToolbarItemsOr(editor, 'quickbars_insert_toolbar', 'quickimage quicktable');
+    };
+    var getImageToolbarItems = function (editor) {
+      return getToolbarItemsOr(editor, 'quickbars_image_toolbar', 'alignleft aligncenter alignright');
+    };
+
+    var addToEditor = function (editor) {
+      var insertToolbarItems = getInsertToolbarItems(editor);
+      if (insertToolbarItems.trim().length > 0) {
+        editor.ui.registry.addContextToolbar('quickblock', {
+          predicate: function (node) {
+            var sugarNode = SugarElement.fromDom(node);
+            var textBlockElementsMap = editor.schema.getTextBlockElements();
+            var isRoot = function (elem) {
+              return elem.dom === editor.getBody();
+            };
+            return closest$1(sugarNode, 'table', isRoot).fold(function () {
+              return closest(sugarNode, function (elem) {
+                return name(elem) in textBlockElementsMap && editor.dom.isEmpty(elem.dom);
+              }, isRoot).isSome();
+            }, function () {
+              return false;
+            });
+          },
+          items: insertToolbarItems,
+          position: 'line',
+          scope: 'editor'
+        });
+      }
+    };
+
+    var addToEditor$1 = function (editor) {
+      var isEditable = function (node) {
+        return editor.dom.getContentEditableParent(node) !== 'false';
+      };
+      var isImage = function (node) {
+        return node.nodeName === 'IMG' || node.nodeName === 'FIGURE' && /image/i.test(node.className);
+      };
+      var imageToolbarItems = getImageToolbarItems(editor);
+      if (imageToolbarItems.trim().length > 0) {
+        editor.ui.registry.addContextToolbar('imageselection', {
+          predicate: isImage,
+          items: imageToolbarItems,
+          position: 'node'
+        });
+      }
+      var textToolbarItems = getTextSelectionToolbarItems(editor);
+      if (textToolbarItems.trim().length > 0) {
+        editor.ui.registry.addContextToolbar('textselection', {
+          predicate: function (node) {
+            return !isImage(node) && !editor.selection.isCollapsed() && isEditable(node);
+          },
+          items: textToolbarItems,
+          position: 'selection',
+          scope: 'editor'
+        });
+      }
+    };
+
+    function Plugin () {
+      global.add('quickbars', function (editor) {
+        setupButtons(editor);
+        addToEditor(editor);
+        addToEditor$1(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/quickbars/plugin.min.js b/src/assets/tinymce/plugins/quickbars/plugin.min.js
new file mode 100644
index 00000000..27f5bf18
--- /dev/null
+++ b/src/assets/tinymce/plugins/quickbars/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e,t,n,r,o=tinymce.util.Tools.resolve("tinymce.PluginManager"),c=0,a=function(e,t,n){var r,o,i=e.editorUpload.blobCache,u=i.create((r="mceu",o=(new Date).getTime(),r+"_"+Math.floor(1e9*Math.random())+ ++c+String(o)),n,t);i.add(u),e.insertContent(e.dom.createHTML("img",{src:u.blobUri()}))},l=tinymce.util.Tools.resolve("tinymce.util.Promise"),s=tinymce.util.Tools.resolve("tinymce.Env"),f=tinymce.util.Tools.resolve("tinymce.util.Delay"),i=function(u){u.ui.registry.addButton("quickimage",{icon:"image",tooltip:"Insert image",onAction:function(){var i;i=u,new l(function(n){var r=document.createElement("input");r.type="file",r.accept="image/*",r.style.position="fixed",r.style.left="0",r.style.top="0",r.style.opacity="0.001",document.body.appendChild(r),r.addEventListener("change",function(e){n(Array.prototype.slice.call(e.target.files))});var o=function(e){var t=function(){n([]),r.parentNode.removeChild(r)};s.os.isAndroid()&&"remove"!==e.type?f.setEditorTimeout(i,t,0):t(),i.off("focusin remove",o)};i.on("focusin remove",o),r.click()}).then(function(e){var t,n;0<e.length&&(t=e[0],n=t,new l(function(e){var t=new FileReader;t.onloadend=function(){e(t.result.split(",")[1])},t.readAsDataURL(n)}).then(function(e){a(u,e,t)}))})}}),u.ui.registry.addButton("quicktable",{icon:"table",tooltip:"Insert table",onAction:function(){var e,t,n,r,o,i;n=t=2,(e=u).plugins.table?e.plugins.table.insertTable(t,n):(o=t,i=n,(r=e).undoManager.transact(function(){r.insertContent(function(e,t){var n,r,o='<table data-mce-id="mce" style="width: 100%">';for(o+="<tbody>",r=0;r<t;r++){for(o+="<tr>",n=0;n<e;n++)o+="<td><br></td>";o+="</tr>"}return o+="</tbody>",o+="</table>"}(o,i));var e=r.dom.select("*[data-mce-id]")[0];e.removeAttribute("data-mce-id");var t=r.dom.select("td,th",e);r.selection.setCursorLocation(t[0],0)}))}})},u=function(e){return function(){return e}},d=u(!1),m=u(!0),g=function(){return h},h=(e=function(e){return e.isNone()},{fold:function(e,t){return e()},is:d,isSome:d,isNone:m,getOr:n=function(e){return e},getOrThunk:t=function(e){return e()},getOrDie:function(e){throw new Error(e||"error: getOrDie called on none.")},getOrNull:u(null),getOrUndefined:u(undefined),or:n,orThunk:t,map:g,each:function(){},bind:g,exists:d,forall:m,filter:g,equals:e,equals_:e,toArray:function(){return[]},toString:u("none()")}),p=function(n){var e=u(n),t=function(){return o},r=function(e){return e(n)},o={fold:function(e,t){return t(n)},is:function(e){return n===e},isSome:m,isNone:d,getOr:e,getOrThunk:e,getOrDie:e,getOrNull:e,getOrUndefined:e,or:t,orThunk:t,map:function(e){return p(e(n))},each:function(e){e(n)},bind:r,exists:r,forall:r,filter:function(e){return e(n)?o:h},toArray:function(){return[n]},toString:function(){return"some("+n+")"},equals:function(e){return e.is(n)},equals_:function(e,t){return e.fold(d,function(e){return t(n,e)})}};return o},b={some:p,none:g,from:function(e){return null===e||e===undefined?h:p(e)}},y=function(r){return function(e){return n=typeof(t=e),(null===t?"null":"object"==n&&(Array.prototype.isPrototypeOf(t)||t.constructor&&"Array"===t.constructor.name)?"array":"object"==n&&(String.prototype.isPrototypeOf(t)||t.constructor&&"String"===t.constructor.name)?"string":n)===r;var t,n}},v=function(t){return function(e){return typeof e===t}},k=y("string"),w=y("object"),T=y("array"),N=v("boolean"),q=(r=undefined,function(e){return r===e}),E=v("function");function M(e,t,n,r,o){return e(n,r)?b.some(n):E(o)&&o(n)?b.none():t(n,r,o)}var S,C=function(e){if(null===e||e===undefined)throw new Error("Node cannot be null or undefined");return{dom:e}},O={fromHtml:function(e,t){var n=(t||document).createElement("div");if(n.innerHTML=e,!n.hasChildNodes()||1<n.childNodes.length)throw console.error("HTML does not have a single root node",e),new Error("HTML must have a single root node");return C(n.childNodes[0])},fromTag:function(e,t){var n=(t||document).createElement(e);return C(n)},fromText:function(e,t){var n=(t||document).createTextNode(e);return C(n)},fromDom:C,fromPoint:function(e,t,n){return b.from(e.dom.elementFromPoint(t,n)).map(C)}},x=function(e,t){var n=e.dom;if(1!==n.nodeType)return!1;var r=n;if(r.matches!==undefined)return r.matches(t);if(r.msMatchesSelector!==undefined)return r.msMatchesSelector(t);if(r.webkitMatchesSelector!==undefined)return r.webkitMatchesSelector(t);if(r.mozMatchesSelector!==undefined)return r.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")},A=("undefined"!=typeof window||Function("return this;")(),function(e,t,n){for(var r=e.dom,o=E(n)?n:d;r.parentNode;){r=r.parentNode;var i=O.fromDom(r);if(t(i))return b.some(i);if(o(i))break}return b.none()}),D=function(e,t,n){return A(e,function(e){return x(e,t)},n)},_=(S=k,function(e,t,n){return function(e,t){if(!t(e))throw new Error("Default value doesn't match requested type.")}(n,S),function(e,t){if(T(e)||w(e))throw new Error("expected a string but found: "+e);return q(e)?t:N(e)?!1===e?"":t:e}(e.getParam(t,n),n)}),L=function(o){var e=_(o,"quickbars_insert_toolbar","quickimage quicktable");0<e.trim().length&&o.ui.registry.addContextToolbar("quickblock",{predicate:function(e){var t=O.fromDom(e),n=o.schema.getTextBlockElements(),r=function(e){return e.dom===o.getBody()};return M(x,D,t,"table",r).fold(function(){return M(function(e,t){return t(e)},A,t,function(e){return e.dom.nodeName.toLowerCase()in n&&o.dom.isEmpty(e.dom)},r).isSome()},function(){return!1})},items:e,position:"line",scope:"editor"})},P=function(n){var r=function(e){return"IMG"===e.nodeName||"FIGURE"===e.nodeName&&/image/i.test(e.className)},e=_(n,"quickbars_image_toolbar","alignleft aligncenter alignright");0<e.trim().length&&n.ui.registry.addContextToolbar("imageselection",{predicate:r,items:e,position:"node"});var t=_(n,"quickbars_selection_toolbar","bold italic | quicklink h2 h3 blockquote");0<t.trim().length&&n.ui.registry.addContextToolbar("textselection",{predicate:function(e){return!r(e)&&!n.selection.isCollapsed()&&(t=e,"false"!==n.dom.getContentEditableParent(t));var t},items:t,position:"selection",scope:"editor"})};o.add("quickbars",function(e){i(e),L(e),P(e)})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/save/plugin.js b/src/assets/tinymce/plugins/save/plugin.js
new file mode 100644
index 00000000..e1c11c27
--- /dev/null
+++ b/src/assets/tinymce/plugins/save/plugin.js
@@ -0,0 +1,119 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var enableWhenDirty = function (editor) {
+      return editor.getParam('save_enablewhendirty', true);
+    };
+    var hasOnSaveCallback = function (editor) {
+      return !!editor.getParam('save_onsavecallback');
+    };
+    var hasOnCancelCallback = function (editor) {
+      return !!editor.getParam('save_oncancelcallback');
+    };
+
+    var displayErrorMessage = function (editor, message) {
+      editor.notificationManager.open({
+        text: message,
+        type: 'error'
+      });
+    };
+    var save = function (editor) {
+      var formObj = global$1.DOM.getParent(editor.id, 'form');
+      if (enableWhenDirty(editor) && !editor.isDirty()) {
+        return;
+      }
+      editor.save();
+      if (hasOnSaveCallback(editor)) {
+        editor.execCallback('save_onsavecallback', editor);
+        editor.nodeChanged();
+        return;
+      }
+      if (formObj) {
+        editor.setDirty(false);
+        if (!formObj.onsubmit || formObj.onsubmit()) {
+          if (typeof formObj.submit === 'function') {
+            formObj.submit();
+          } else {
+            displayErrorMessage(editor, 'Error: Form submit field collision.');
+          }
+        }
+        editor.nodeChanged();
+      } else {
+        displayErrorMessage(editor, 'Error: No form element found.');
+      }
+    };
+    var cancel = function (editor) {
+      var h = global$2.trim(editor.startContent);
+      if (hasOnCancelCallback(editor)) {
+        editor.execCallback('save_oncancelcallback', editor);
+        return;
+      }
+      editor.resetContent(h);
+    };
+
+    var register = function (editor) {
+      editor.addCommand('mceSave', function () {
+        save(editor);
+      });
+      editor.addCommand('mceCancel', function () {
+        cancel(editor);
+      });
+    };
+
+    var stateToggle = function (editor) {
+      return function (api) {
+        var handler = function () {
+          api.setDisabled(enableWhenDirty(editor) && !editor.isDirty());
+        };
+        editor.on('NodeChange dirty', handler);
+        return function () {
+          return editor.off('NodeChange dirty', handler);
+        };
+      };
+    };
+    var register$1 = function (editor) {
+      editor.ui.registry.addButton('save', {
+        icon: 'save',
+        tooltip: 'Save',
+        disabled: true,
+        onAction: function () {
+          return editor.execCommand('mceSave');
+        },
+        onSetup: stateToggle(editor)
+      });
+      editor.ui.registry.addButton('cancel', {
+        icon: 'cancel',
+        tooltip: 'Cancel',
+        disabled: true,
+        onAction: function () {
+          return editor.execCommand('mceCancel');
+        },
+        onSetup: stateToggle(editor)
+      });
+      editor.addShortcut('Meta+S', '', 'mceSave');
+    };
+
+    function Plugin () {
+      global.add('save', function (editor) {
+        register$1(editor);
+        register(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/save/plugin.min.js b/src/assets/tinymce/plugins/save/plugin.min.js
new file mode 100644
index 00000000..35cb8cdf
--- /dev/null
+++ b/src/assets/tinymce/plugins/save/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),o=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),a=tinymce.util.Tools.resolve("tinymce.util.Tools"),i=function(e){return e.getParam("save_enablewhendirty",!0)},c=function(e,n){e.notificationManager.open({text:n,type:"error"})},t=function(t){t.addCommand("mceSave",function(){!function(e){var n=o.DOM.getParent(e.id,"form");if(!i(e)||e.isDirty()){if(e.save(),e.getParam("save_onsavecallback"))return e.execCallback("save_onsavecallback",e),e.nodeChanged();n?(e.setDirty(!1),n.onsubmit&&!n.onsubmit()||("function"==typeof n.submit?n.submit():c(e,"Error: Form submit field collision.")),e.nodeChanged()):c(e,"Error: No form element found.")}}(t)}),t.addCommand("mceCancel",function(){var e,n;e=t,n=a.trim(e.startContent),e.getParam("save_oncancelcallback")?e.execCallback("save_oncancelcallback",e):e.resetContent(n)})},r=function(t){return function(e){var n=function(){e.setDisabled(i(t)&&!t.isDirty())};return t.on("NodeChange dirty",n),function(){return t.off("NodeChange dirty",n)}}};e.add("save",function(e){var n;(n=e).ui.registry.addButton("save",{icon:"save",tooltip:"Save",disabled:!0,onAction:function(){return n.execCommand("mceSave")},onSetup:r(n)}),n.ui.registry.addButton("cancel",{icon:"cancel",tooltip:"Cancel",disabled:!0,onAction:function(){return n.execCommand("mceCancel")},onSetup:r(n)}),n.addShortcut("Meta+S","","mceSave"),t(e)})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/searchreplace/plugin.js b/src/assets/tinymce/plugins/searchreplace/plugin.js
new file mode 100644
index 00000000..31f8f671
--- /dev/null
+++ b/src/assets/tinymce/plugins/searchreplace/plugin.js
@@ -0,0 +1,1163 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p))
+              t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+
+    var noop = function () {
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var punctuationStr = '[!-#%-*,-\\/:;?@\\[-\\]_{}\xA1\xAB\xB7\xBB\xBF;\xB7\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1361-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u3008\u3009\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30\u2E31\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uff3f\uFF5B\uFF5D\uFF5F-\uFF65]';
+
+    var punctuation = constant(punctuationStr);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var punctuation$1 = punctuation;
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var typeOf = function (x) {
+      var t = typeof x;
+      if (x === null) {
+        return 'null';
+      } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+        return 'array';
+      } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+        return 'string';
+      } else {
+        return t;
+      }
+    };
+    var isType = function (type) {
+      return function (value) {
+        return typeOf(value) === type;
+      };
+    };
+    var isSimpleType = function (type) {
+      return function (value) {
+        return typeof value === type;
+      };
+    };
+    var isString = isType('string');
+    var isArray = isType('array');
+    var isBoolean = isSimpleType('boolean');
+    var isNumber = isSimpleType('number');
+
+    var nativeSlice = Array.prototype.slice;
+    var nativePush = Array.prototype.push;
+    var map = function (xs, f) {
+      var len = xs.length;
+      var r = new Array(len);
+      for (var i = 0; i < len; i++) {
+        var x = xs[i];
+        r[i] = f(x, i);
+      }
+      return r;
+    };
+    var each = function (xs, f) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var eachr = function (xs, f) {
+      for (var i = xs.length - 1; i >= 0; i--) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var groupBy = function (xs, f) {
+      if (xs.length === 0) {
+        return [];
+      } else {
+        var wasType = f(xs[0]);
+        var r = [];
+        var group = [];
+        for (var i = 0, len = xs.length; i < len; i++) {
+          var x = xs[i];
+          var type = f(x);
+          if (type !== wasType) {
+            r.push(group);
+            group = [];
+          }
+          wasType = type;
+          group.push(x);
+        }
+        if (group.length !== 0) {
+          r.push(group);
+        }
+        return r;
+      }
+    };
+    var foldl = function (xs, f, acc) {
+      each(xs, function (x) {
+        acc = f(acc, x);
+      });
+      return acc;
+    };
+    var flatten = function (xs) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; ++i) {
+        if (!isArray(xs[i])) {
+          throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+        }
+        nativePush.apply(r, xs[i]);
+      }
+      return r;
+    };
+    var bind = function (xs, f) {
+      return flatten(map(xs, f));
+    };
+    var sort = function (xs, comparator) {
+      var copy = nativeSlice.call(xs, 0);
+      copy.sort(comparator);
+      return copy;
+    };
+
+    var hasOwnProperty = Object.hasOwnProperty;
+    var has = function (obj, key) {
+      return hasOwnProperty.call(obj, key);
+    };
+
+    var Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    var DOCUMENT = 9;
+    var DOCUMENT_FRAGMENT = 11;
+    var ELEMENT = 1;
+    var TEXT = 3;
+
+    var type = function (element) {
+      return element.dom.nodeType;
+    };
+    var isType$1 = function (t) {
+      return function (element) {
+        return type(element) === t;
+      };
+    };
+    var isText = isType$1(TEXT);
+
+    var rawSet = function (dom, key, value) {
+      if (isString(value) || isBoolean(value) || isNumber(value)) {
+        dom.setAttribute(key, value + '');
+      } else {
+        console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+        throw new Error('Attribute value was not simple');
+      }
+    };
+    var set = function (element, key, value) {
+      rawSet(element.dom, key, value);
+    };
+
+    var compareDocumentPosition = function (a, b, match) {
+      return (a.compareDocumentPosition(b) & match) !== 0;
+    };
+    var documentPositionPreceding = function (a, b) {
+      return compareDocumentPosition(a, b, Node.DOCUMENT_POSITION_PRECEDING);
+    };
+
+    var fromHtml = function (html, scope) {
+      var doc = scope || document;
+      var div = doc.createElement('div');
+      div.innerHTML = html;
+      if (!div.hasChildNodes() || div.childNodes.length > 1) {
+        console.error('HTML does not have a single root node', html);
+        throw new Error('HTML must have a single root node');
+      }
+      return fromDom(div.childNodes[0]);
+    };
+    var fromTag = function (tag, scope) {
+      var doc = scope || document;
+      var node = doc.createElement(tag);
+      return fromDom(node);
+    };
+    var fromText = function (text, scope) {
+      var doc = scope || document;
+      var node = doc.createTextNode(text);
+      return fromDom(node);
+    };
+    var fromDom = function (node) {
+      if (node === null || node === undefined) {
+        throw new Error('Node cannot be null or undefined');
+      }
+      return { dom: node };
+    };
+    var fromPoint = function (docElm, x, y) {
+      return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
+    };
+    var SugarElement = {
+      fromHtml: fromHtml,
+      fromTag: fromTag,
+      fromText: fromText,
+      fromDom: fromDom,
+      fromPoint: fromPoint
+    };
+
+    var bypassSelector = function (dom) {
+      return dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT || dom.childElementCount === 0;
+    };
+    var all = function (selector, scope) {
+      var base = scope === undefined ? document : scope.dom;
+      return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+
+    var parent = function (element) {
+      return Optional.from(element.dom.parentNode).map(SugarElement.fromDom);
+    };
+    var children = function (element) {
+      return map(element.dom.childNodes, SugarElement.fromDom);
+    };
+    var spot = function (element, offset) {
+      return {
+        element: element,
+        offset: offset
+      };
+    };
+    var leaf = function (element, offset) {
+      var cs = children(element);
+      return cs.length > 0 && offset < cs.length ? spot(cs[offset], 0) : spot(element, offset);
+    };
+
+    var before = function (marker, element) {
+      var parent$1 = parent(marker);
+      parent$1.each(function (v) {
+        v.dom.insertBefore(element.dom, marker.dom);
+      });
+    };
+    var append = function (parent, element) {
+      parent.dom.appendChild(element.dom);
+    };
+    var wrap = function (element, wrapper) {
+      before(element, wrapper);
+      append(wrapper, element);
+    };
+
+    function NodeValue (is, name) {
+      var get = function (element) {
+        if (!is(element)) {
+          throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
+        }
+        return getOption(element).getOr('');
+      };
+      var getOption = function (element) {
+        return is(element) ? Optional.from(element.dom.nodeValue) : Optional.none();
+      };
+      var set = function (element, value) {
+        if (!is(element)) {
+          throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
+        }
+        element.dom.nodeValue = value;
+      };
+      return {
+        get: get,
+        getOption: getOption,
+        set: set
+      };
+    }
+
+    var api = NodeValue(isText, 'text');
+    var get = function (element) {
+      return api.get(element);
+    };
+
+    var descendants = function (scope, selector) {
+      return all(selector, scope);
+    };
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.dom.TreeWalker');
+
+    var isSimpleBoundary = function (dom, node) {
+      return dom.isBlock(node) || has(dom.schema.getShortEndedElements(), node.nodeName);
+    };
+    var isContentEditableFalse = function (dom, node) {
+      return dom.getContentEditable(node) === 'false';
+    };
+    var isContentEditableTrueInCef = function (dom, node) {
+      return dom.getContentEditable(node) === 'true' && dom.getContentEditableParent(node.parentNode) === 'false';
+    };
+    var isHidden = function (dom, node) {
+      return !dom.isBlock(node) && has(dom.schema.getWhiteSpaceElements(), node.nodeName);
+    };
+    var isBoundary = function (dom, node) {
+      return isSimpleBoundary(dom, node) || isContentEditableFalse(dom, node) || isHidden(dom, node) || isContentEditableTrueInCef(dom, node);
+    };
+    var isText$1 = function (node) {
+      return node.nodeType === 3;
+    };
+    var nuSection = function () {
+      return {
+        sOffset: 0,
+        fOffset: 0,
+        elements: []
+      };
+    };
+    var toLeaf = function (node, offset) {
+      return leaf(SugarElement.fromDom(node), offset);
+    };
+    var walk = function (dom, walkerFn, startNode, callbacks, endNode, skipStart) {
+      if (skipStart === void 0) {
+        skipStart = true;
+      }
+      var next = skipStart ? walkerFn(false) : startNode;
+      while (next) {
+        var isCefNode = isContentEditableFalse(dom, next);
+        if (isCefNode || isHidden(dom, next)) {
+          var stopWalking = isCefNode ? callbacks.cef(next) : callbacks.boundary(next);
+          if (stopWalking) {
+            break;
+          } else {
+            next = walkerFn(true);
+            continue;
+          }
+        } else if (isSimpleBoundary(dom, next)) {
+          if (callbacks.boundary(next)) {
+            break;
+          }
+        } else if (isText$1(next)) {
+          callbacks.text(next);
+        }
+        if (next === endNode) {
+          break;
+        } else {
+          next = walkerFn(false);
+        }
+      }
+    };
+    var collectTextToBoundary = function (dom, section, node, rootNode, forwards) {
+      if (isBoundary(dom, node)) {
+        return;
+      }
+      var rootBlock = dom.getParent(rootNode, dom.isBlock);
+      var walker = new global$2(node, rootBlock);
+      var walkerFn = forwards ? walker.next : walker.prev;
+      walk(dom, walkerFn, node, {
+        boundary: always,
+        cef: always,
+        text: function (next) {
+          if (forwards) {
+            section.fOffset += next.length;
+          } else {
+            section.sOffset += next.length;
+          }
+          section.elements.push(SugarElement.fromDom(next));
+        }
+      });
+    };
+    var collect = function (dom, rootNode, startNode, endNode, callbacks, skipStart) {
+      if (skipStart === void 0) {
+        skipStart = true;
+      }
+      var walker = new global$2(startNode, rootNode);
+      var sections = [];
+      var current = nuSection();
+      collectTextToBoundary(dom, current, startNode, rootNode, false);
+      var finishSection = function () {
+        if (current.elements.length > 0) {
+          sections.push(current);
+          current = nuSection();
+        }
+        return false;
+      };
+      walk(dom, walker.next, startNode, {
+        boundary: finishSection,
+        cef: function (node) {
+          finishSection();
+          if (callbacks) {
+            sections.push.apply(sections, callbacks.cef(node));
+          }
+          return false;
+        },
+        text: function (next) {
+          current.elements.push(SugarElement.fromDom(next));
+          if (callbacks) {
+            callbacks.text(next, current);
+          }
+        }
+      }, endNode, skipStart);
+      if (endNode) {
+        collectTextToBoundary(dom, current, endNode, rootNode, true);
+      }
+      finishSection();
+      return sections;
+    };
+    var collectRangeSections = function (dom, rng) {
+      var start = toLeaf(rng.startContainer, rng.startOffset);
+      var startNode = start.element.dom;
+      var end = toLeaf(rng.endContainer, rng.endOffset);
+      var endNode = end.element.dom;
+      return collect(dom, rng.commonAncestorContainer, startNode, endNode, {
+        text: function (node, section) {
+          if (node === endNode) {
+            section.fOffset += node.length - end.offset;
+          } else if (node === startNode) {
+            section.sOffset += start.offset;
+          }
+        },
+        cef: function (node) {
+          var sections = bind(descendants(SugarElement.fromDom(node), '*[contenteditable=true]'), function (e) {
+            var ceTrueNode = e.dom;
+            return collect(dom, ceTrueNode, ceTrueNode);
+          });
+          return sort(sections, function (a, b) {
+            return documentPositionPreceding(a.elements[0].dom, b.elements[0].dom) ? 1 : -1;
+          });
+        }
+      }, false);
+    };
+    var fromRng = function (dom, rng) {
+      return rng.collapsed ? [] : collectRangeSections(dom, rng);
+    };
+    var fromNode = function (dom, node) {
+      var rng = dom.createRng();
+      rng.selectNode(node);
+      return fromRng(dom, rng);
+    };
+    var fromNodes = function (dom, nodes) {
+      return bind(nodes, function (node) {
+        return fromNode(dom, node);
+      });
+    };
+
+    var find = function (text, pattern, start, finish) {
+      if (start === void 0) {
+        start = 0;
+      }
+      if (finish === void 0) {
+        finish = text.length;
+      }
+      var regex = pattern.regex;
+      regex.lastIndex = start;
+      var results = [];
+      var match;
+      while (match = regex.exec(text)) {
+        var matchedText = match[pattern.matchIndex];
+        var matchStart = match.index + match[0].indexOf(matchedText);
+        var matchFinish = matchStart + matchedText.length;
+        if (matchFinish > finish) {
+          break;
+        }
+        results.push({
+          start: matchStart,
+          finish: matchFinish
+        });
+        regex.lastIndex = matchFinish;
+      }
+      return results;
+    };
+    var extract = function (elements, matches) {
+      var nodePositions = foldl(elements, function (acc, element) {
+        var content = get(element);
+        var start = acc.last;
+        var finish = start + content.length;
+        var positions = bind(matches, function (match, matchIdx) {
+          if (match.start < finish && match.finish > start) {
+            return [{
+                element: element,
+                start: Math.max(start, match.start) - start,
+                finish: Math.min(finish, match.finish) - start,
+                matchId: matchIdx
+              }];
+          } else {
+            return [];
+          }
+        });
+        return {
+          results: acc.results.concat(positions),
+          last: finish
+        };
+      }, {
+        results: [],
+        last: 0
+      }).results;
+      return groupBy(nodePositions, function (position) {
+        return position.matchId;
+      });
+    };
+
+    var find$1 = function (pattern, sections) {
+      return bind(sections, function (section) {
+        var elements = section.elements;
+        var content = map(elements, get).join('');
+        var positions = find(content, pattern, section.sOffset, content.length - section.fOffset);
+        return extract(elements, positions);
+      });
+    };
+    var mark = function (matches, replacementNode) {
+      eachr(matches, function (match, idx) {
+        eachr(match, function (pos) {
+          var wrapper = SugarElement.fromDom(replacementNode.cloneNode(false));
+          set(wrapper, 'data-mce-index', idx);
+          var textNode = pos.element.dom;
+          if (textNode.length === pos.finish && pos.start === 0) {
+            wrap(pos.element, wrapper);
+          } else {
+            if (textNode.length !== pos.finish) {
+              textNode.splitText(pos.finish);
+            }
+            var matchNode = textNode.splitText(pos.start);
+            wrap(SugarElement.fromDom(matchNode), wrapper);
+          }
+        });
+      });
+    };
+    var findAndMark = function (dom, pattern, node, replacementNode) {
+      var textSections = fromNode(dom, node);
+      var matches = find$1(pattern, textSections);
+      mark(matches, replacementNode);
+      return matches.length;
+    };
+    var findAndMarkInSelection = function (dom, pattern, selection, replacementNode) {
+      var bookmark = selection.getBookmark();
+      var nodes = dom.select('td[data-mce-selected],th[data-mce-selected]');
+      var textSections = nodes.length > 0 ? fromNodes(dom, nodes) : fromRng(dom, selection.getRng());
+      var matches = find$1(pattern, textSections);
+      mark(matches, replacementNode);
+      selection.moveToBookmark(bookmark);
+      return matches.length;
+    };
+
+    var getElmIndex = function (elm) {
+      var value = elm.getAttribute('data-mce-index');
+      if (typeof value === 'number') {
+        return '' + value;
+      }
+      return value;
+    };
+    var markAllMatches = function (editor, currentSearchState, pattern, inSelection) {
+      var marker = editor.dom.create('span', { 'data-mce-bogus': 1 });
+      marker.className = 'mce-match-marker';
+      var node = editor.getBody();
+      done(editor, currentSearchState, false);
+      if (inSelection) {
+        return findAndMarkInSelection(editor.dom, pattern, editor.selection, marker);
+      } else {
+        return findAndMark(editor.dom, pattern, node, marker);
+      }
+    };
+    var unwrap = function (node) {
+      var parentNode = node.parentNode;
+      if (node.firstChild) {
+        parentNode.insertBefore(node.firstChild, node);
+      }
+      node.parentNode.removeChild(node);
+    };
+    var findSpansByIndex = function (editor, index) {
+      var spans = [];
+      var nodes = global$1.toArray(editor.getBody().getElementsByTagName('span'));
+      if (nodes.length) {
+        for (var i = 0; i < nodes.length; i++) {
+          var nodeIndex = getElmIndex(nodes[i]);
+          if (nodeIndex === null || !nodeIndex.length) {
+            continue;
+          }
+          if (nodeIndex === index.toString()) {
+            spans.push(nodes[i]);
+          }
+        }
+      }
+      return spans;
+    };
+    var moveSelection = function (editor, currentSearchState, forward) {
+      var searchState = currentSearchState.get();
+      var testIndex = searchState.index;
+      var dom = editor.dom;
+      forward = forward !== false;
+      if (forward) {
+        if (testIndex + 1 === searchState.count) {
+          testIndex = 0;
+        } else {
+          testIndex++;
+        }
+      } else {
+        if (testIndex - 1 === -1) {
+          testIndex = searchState.count - 1;
+        } else {
+          testIndex--;
+        }
+      }
+      dom.removeClass(findSpansByIndex(editor, searchState.index), 'mce-match-marker-selected');
+      var spans = findSpansByIndex(editor, testIndex);
+      if (spans.length) {
+        dom.addClass(findSpansByIndex(editor, testIndex), 'mce-match-marker-selected');
+        editor.selection.scrollIntoView(spans[0]);
+        return testIndex;
+      }
+      return -1;
+    };
+    var removeNode = function (dom, node) {
+      var parent = node.parentNode;
+      dom.remove(node);
+      if (dom.isEmpty(parent)) {
+        dom.remove(parent);
+      }
+    };
+    var escapeSearchText = function (text, wholeWord) {
+      var escapedText = text.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&').replace(/\s/g, '[^\\S\\r\\n\\uFEFF]');
+      var wordRegex = '(' + escapedText + ')';
+      return wholeWord ? '(?:^|\\s|' + punctuation$1() + ')' + wordRegex + ('(?=$|\\s|' + punctuation$1() + ')') : wordRegex;
+    };
+    var find$2 = function (editor, currentSearchState, text, matchCase, wholeWord, inSelection) {
+      var escapedText = escapeSearchText(text, wholeWord);
+      var pattern = {
+        regex: new RegExp(escapedText, matchCase ? 'g' : 'gi'),
+        matchIndex: 1
+      };
+      var count = markAllMatches(editor, currentSearchState, pattern, inSelection);
+      if (count) {
+        var newIndex = moveSelection(editor, currentSearchState, true);
+        currentSearchState.set({
+          index: newIndex,
+          count: count,
+          text: text,
+          matchCase: matchCase,
+          wholeWord: wholeWord,
+          inSelection: inSelection
+        });
+      }
+      return count;
+    };
+    var next = function (editor, currentSearchState) {
+      var index = moveSelection(editor, currentSearchState, true);
+      currentSearchState.set(__assign(__assign({}, currentSearchState.get()), { index: index }));
+    };
+    var prev = function (editor, currentSearchState) {
+      var index = moveSelection(editor, currentSearchState, false);
+      currentSearchState.set(__assign(__assign({}, currentSearchState.get()), { index: index }));
+    };
+    var isMatchSpan = function (node) {
+      var matchIndex = getElmIndex(node);
+      return matchIndex !== null && matchIndex.length > 0;
+    };
+    var replace = function (editor, currentSearchState, text, forward, all) {
+      var searchState = currentSearchState.get();
+      var currentIndex = searchState.index;
+      var currentMatchIndex, nextIndex = currentIndex;
+      forward = forward !== false;
+      var node = editor.getBody();
+      var nodes = global$1.grep(global$1.toArray(node.getElementsByTagName('span')), isMatchSpan);
+      for (var i = 0; i < nodes.length; i++) {
+        var nodeIndex = getElmIndex(nodes[i]);
+        var matchIndex = currentMatchIndex = parseInt(nodeIndex, 10);
+        if (all || matchIndex === searchState.index) {
+          if (text.length) {
+            nodes[i].firstChild.nodeValue = text;
+            unwrap(nodes[i]);
+          } else {
+            removeNode(editor.dom, nodes[i]);
+          }
+          while (nodes[++i]) {
+            matchIndex = parseInt(getElmIndex(nodes[i]), 10);
+            if (matchIndex === currentMatchIndex) {
+              removeNode(editor.dom, nodes[i]);
+            } else {
+              i--;
+              break;
+            }
+          }
+          if (forward) {
+            nextIndex--;
+          }
+        } else if (currentMatchIndex > currentIndex) {
+          nodes[i].setAttribute('data-mce-index', String(currentMatchIndex - 1));
+        }
+      }
+      currentSearchState.set(__assign(__assign({}, searchState), {
+        count: all ? 0 : searchState.count - 1,
+        index: nextIndex
+      }));
+      if (forward) {
+        next(editor, currentSearchState);
+      } else {
+        prev(editor, currentSearchState);
+      }
+      return !all && currentSearchState.get().count > 0;
+    };
+    var done = function (editor, currentSearchState, keepEditorSelection) {
+      var i, startContainer, endContainer;
+      var searchState = currentSearchState.get();
+      var nodes = global$1.toArray(editor.getBody().getElementsByTagName('span'));
+      for (i = 0; i < nodes.length; i++) {
+        var nodeIndex = getElmIndex(nodes[i]);
+        if (nodeIndex !== null && nodeIndex.length) {
+          if (nodeIndex === searchState.index.toString()) {
+            if (!startContainer) {
+              startContainer = nodes[i].firstChild;
+            }
+            endContainer = nodes[i].firstChild;
+          }
+          unwrap(nodes[i]);
+        }
+      }
+      currentSearchState.set(__assign(__assign({}, searchState), {
+        index: -1,
+        count: 0,
+        text: ''
+      }));
+      if (startContainer && endContainer) {
+        var rng = editor.dom.createRng();
+        rng.setStart(startContainer, 0);
+        rng.setEnd(endContainer, endContainer.data.length);
+        if (keepEditorSelection !== false) {
+          editor.selection.setRng(rng);
+        }
+        return rng;
+      }
+    };
+    var hasNext = function (editor, currentSearchState) {
+      return currentSearchState.get().count > 1;
+    };
+    var hasPrev = function (editor, currentSearchState) {
+      return currentSearchState.get().count > 1;
+    };
+
+    var get$1 = function (editor, currentState) {
+      var done$1 = function (keepEditorSelection) {
+        return done(editor, currentState, keepEditorSelection);
+      };
+      var find = function (text, matchCase, wholeWord, inSelection) {
+        if (inSelection === void 0) {
+          inSelection = false;
+        }
+        return find$2(editor, currentState, text, matchCase, wholeWord, inSelection);
+      };
+      var next$1 = function () {
+        return next(editor, currentState);
+      };
+      var prev$1 = function () {
+        return prev(editor, currentState);
+      };
+      var replace$1 = function (text, forward, all) {
+        return replace(editor, currentState, text, forward, all);
+      };
+      return {
+        done: done$1,
+        find: find,
+        next: next$1,
+        prev: prev$1,
+        replace: replace$1
+      };
+    };
+
+    var value = function () {
+      var subject = Cell(Optional.none());
+      var clear = function () {
+        return subject.set(Optional.none());
+      };
+      var set = function (s) {
+        return subject.set(Optional.some(s));
+      };
+      var isSet = function () {
+        return subject.get().isSome();
+      };
+      var on = function (f) {
+        return subject.get().each(f);
+      };
+      return {
+        clear: clear,
+        set: set,
+        isSet: isSet,
+        on: on
+      };
+    };
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var open = function (editor, currentSearchState) {
+      var dialogApi = value();
+      editor.undoManager.add();
+      var selectedText = global$1.trim(editor.selection.getContent({ format: 'text' }));
+      function updateButtonStates(api) {
+        var updateNext = hasNext(editor, currentSearchState) ? api.enable : api.disable;
+        updateNext('next');
+        var updatePrev = hasPrev(editor, currentSearchState) ? api.enable : api.disable;
+        updatePrev('prev');
+      }
+      var updateSearchState = function (api) {
+        var data = api.getData();
+        var current = currentSearchState.get();
+        currentSearchState.set(__assign(__assign({}, current), {
+          matchCase: data.matchcase,
+          wholeWord: data.wholewords,
+          inSelection: data.inselection
+        }));
+      };
+      var disableAll = function (api, disable) {
+        var buttons = [
+          'replace',
+          'replaceall',
+          'prev',
+          'next'
+        ];
+        var toggle = disable ? api.disable : api.enable;
+        each(buttons, toggle);
+      };
+      function notFoundAlert(api) {
+        editor.windowManager.alert('Could not find the specified string.', function () {
+          api.focus('findtext');
+        });
+      }
+      var focusButtonIfRequired = function (api, name) {
+        if (global$3.browser.isSafari() && global$3.deviceType.isTouch() && (name === 'find' || name === 'replace' || name === 'replaceall')) {
+          api.focus(name);
+        }
+      };
+      var reset = function (api) {
+        done(editor, currentSearchState, false);
+        disableAll(api, true);
+        updateButtonStates(api);
+      };
+      var doFind = function (api) {
+        var data = api.getData();
+        var last = currentSearchState.get();
+        if (!data.findtext.length) {
+          reset(api);
+          return;
+        }
+        if (last.text === data.findtext && last.matchCase === data.matchcase && last.wholeWord === data.wholewords) {
+          next(editor, currentSearchState);
+        } else {
+          var count = find$2(editor, currentSearchState, data.findtext, data.matchcase, data.wholewords, data.inselection);
+          if (count <= 0) {
+            notFoundAlert(api);
+          }
+          disableAll(api, count === 0);
+        }
+        updateButtonStates(api);
+      };
+      var initialState = currentSearchState.get();
+      var initialData = {
+        findtext: selectedText,
+        replacetext: '',
+        wholewords: initialState.wholeWord,
+        matchcase: initialState.matchCase,
+        inselection: initialState.inSelection
+      };
+      var spec = {
+        title: 'Find and Replace',
+        size: 'normal',
+        body: {
+          type: 'panel',
+          items: [
+            {
+              type: 'bar',
+              items: [
+                {
+                  type: 'input',
+                  name: 'findtext',
+                  placeholder: 'Find',
+                  maximized: true,
+                  inputMode: 'search'
+                },
+                {
+                  type: 'button',
+                  name: 'prev',
+                  text: 'Previous',
+                  icon: 'action-prev',
+                  disabled: true,
+                  borderless: true
+                },
+                {
+                  type: 'button',
+                  name: 'next',
+                  text: 'Next',
+                  icon: 'action-next',
+                  disabled: true,
+                  borderless: true
+                }
+              ]
+            },
+            {
+              type: 'input',
+              name: 'replacetext',
+              placeholder: 'Replace with',
+              inputMode: 'search'
+            }
+          ]
+        },
+        buttons: [
+          {
+            type: 'menu',
+            name: 'options',
+            icon: 'preferences',
+            tooltip: 'Preferences',
+            align: 'start',
+            items: [
+              {
+                type: 'togglemenuitem',
+                name: 'matchcase',
+                text: 'Match case'
+              },
+              {
+                type: 'togglemenuitem',
+                name: 'wholewords',
+                text: 'Find whole words only'
+              },
+              {
+                type: 'togglemenuitem',
+                name: 'inselection',
+                text: 'Find in selection'
+              }
+            ]
+          },
+          {
+            type: 'custom',
+            name: 'find',
+            text: 'Find',
+            primary: true
+          },
+          {
+            type: 'custom',
+            name: 'replace',
+            text: 'Replace',
+            disabled: true
+          },
+          {
+            type: 'custom',
+            name: 'replaceall',
+            text: 'Replace All',
+            disabled: true
+          }
+        ],
+        initialData: initialData,
+        onChange: function (api, details) {
+          if (details.name === 'findtext' && currentSearchState.get().count > 0) {
+            reset(api);
+          }
+        },
+        onAction: function (api, details) {
+          var data = api.getData();
+          switch (details.name) {
+          case 'find':
+            doFind(api);
+            break;
+          case 'replace':
+            if (!replace(editor, currentSearchState, data.replacetext)) {
+              reset(api);
+            } else {
+              updateButtonStates(api);
+            }
+            break;
+          case 'replaceall':
+            replace(editor, currentSearchState, data.replacetext, true, true);
+            reset(api);
+            break;
+          case 'prev':
+            prev(editor, currentSearchState);
+            updateButtonStates(api);
+            break;
+          case 'next':
+            next(editor, currentSearchState);
+            updateButtonStates(api);
+            break;
+          case 'matchcase':
+          case 'wholewords':
+          case 'inselection':
+            updateSearchState(api);
+            reset(api);
+            break;
+          }
+          focusButtonIfRequired(api, details.name);
+        },
+        onSubmit: function (api) {
+          doFind(api);
+          focusButtonIfRequired(api, 'find');
+        },
+        onClose: function () {
+          editor.focus();
+          done(editor, currentSearchState);
+          editor.undoManager.add();
+        }
+      };
+      dialogApi.set(editor.windowManager.open(spec, { inline: 'toolbar' }));
+    };
+
+    var register = function (editor, currentSearchState) {
+      editor.addCommand('SearchReplace', function () {
+        open(editor, currentSearchState);
+      });
+    };
+
+    var showDialog = function (editor, currentSearchState) {
+      return function () {
+        open(editor, currentSearchState);
+      };
+    };
+    var register$1 = function (editor, currentSearchState) {
+      editor.ui.registry.addMenuItem('searchreplace', {
+        text: 'Find and replace...',
+        shortcut: 'Meta+F',
+        onAction: showDialog(editor, currentSearchState),
+        icon: 'search'
+      });
+      editor.ui.registry.addButton('searchreplace', {
+        tooltip: 'Find and replace',
+        onAction: showDialog(editor, currentSearchState),
+        icon: 'search'
+      });
+      editor.shortcuts.add('Meta+F', '', showDialog(editor, currentSearchState));
+    };
+
+    function Plugin () {
+      global.add('searchreplace', function (editor) {
+        var currentSearchState = Cell({
+          index: -1,
+          count: 0,
+          text: '',
+          matchCase: false,
+          wholeWord: false,
+          inSelection: false
+        });
+        register(editor, currentSearchState);
+        register$1(editor, currentSearchState);
+        return get$1(editor, currentSearchState);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/searchreplace/plugin.min.js b/src/assets/tinymce/plugins/searchreplace/plugin.min.js
new file mode 100644
index 00000000..929f5161
--- /dev/null
+++ b/src/assets/tinymce/plugins/searchreplace/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e,t,n,r,d=function(e){var t=e;return{get:function(){return t},set:function(e){t=e}}},o=tinymce.util.Tools.resolve("tinymce.PluginManager"),h=function(){return(h=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},i=function(e){return function(){return e}},a=i(!1),m=i(!0),u=i("[!-#%-*,-\\/:;?@\\[-\\]_{}\xa1\xab\xb7\xbb\xbf;\xb7\u055a-\u055f\u0589\u058a\u05be\u05c0\u05c3\u05c6\u05f3\u05f4\u0609\u060a\u060c\u060d\u061b\u061e\u061f\u066a-\u066d\u06d4\u0700-\u070d\u07f7-\u07f9\u0830-\u083e\u085e\u0964\u0965\u0970\u0df4\u0e4f\u0e5a\u0e5b\u0f04-\u0f12\u0f3a-\u0f3d\u0f85\u0fd0-\u0fd4\u0fd9\u0fda\u104a-\u104f\u10fb\u1361-\u1368\u1400\u166d\u166e\u169b\u169c\u16eb-\u16ed\u1735\u1736\u17d4-\u17d6\u17d8-\u17da\u1800-\u180a\u1944\u1945\u1a1e\u1a1f\u1aa0-\u1aa6\u1aa8-\u1aad\u1b5a-\u1b60\u1bfc-\u1bff\u1c3b-\u1c3f\u1c7e\u1c7f\u1cd3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205e\u207d\u207e\u208d\u208e\u3008\u3009\u2768-\u2775\u27c5\u27c6\u27e6-\u27ef\u2983-\u2998\u29d8-\u29db\u29fc\u29fd\u2cf9-\u2cfc\u2cfe\u2cff\u2d70\u2e00-\u2e2e\u2e30\u2e31\u3001-\u3003\u3008-\u3011\u3014-\u301f\u3030\u303d\u30a0\u30fb\ua4fe\ua4ff\ua60d-\ua60f\ua673\ua67e\ua6f2-\ua6f7\ua874-\ua877\ua8ce\ua8cf\ua8f8-\ua8fa\ua92e\ua92f\ua95f\ua9c1-\ua9cd\ua9de\ua9df\uaa5c-\uaa5f\uaade\uaadf\uabeb\ufd3e\ufd3f\ufe10-\ufe19\ufe30-\ufe52\ufe54-\ufe61\ufe63\ufe68\ufe6a\ufe6b\uff01-\uff03\uff05-\uff0a\uff0c-\uff0f\uff1a\uff1b\uff1f\uff20\uff3b-\uff3d\uff3f\uff5b\uff5d\uff5f-\uff65]"),c=function(){return l},l=(e=function(e){return e.isNone()},{fold:function(e,t){return e()},is:a,isSome:a,isNone:m,getOr:n=function(e){return e},getOrThunk:t=function(e){return e()},getOrDie:function(e){throw new Error(e||"error: getOrDie called on none.")},getOrNull:i(null),getOrUndefined:i(undefined),or:n,orThunk:t,map:c,each:function(){},bind:c,exists:a,forall:m,filter:c,equals:e,equals_:e,toArray:function(){return[]},toString:i("none()")}),s=function(n){var e=i(n),t=function(){return o},r=function(e){return e(n)},o={fold:function(e,t){return t(n)},is:function(e){return n===e},isSome:m,isNone:a,getOr:e,getOrThunk:e,getOrDie:e,getOrNull:e,getOrUndefined:e,or:t,orThunk:t,map:function(e){return s(e(n))},each:function(e){e(n)},bind:r,exists:r,forall:r,filter:function(e){return e(n)?o:l},toArray:function(){return[n]},toString:function(){return"some("+n+")"},equals:function(e){return e.is(n)},equals_:function(e,t){return e.fold(a,function(e){return t(n,e)})}};return o},g={some:s,none:c,from:function(e){return null===e||e===undefined?l:s(e)}},p=u,v=tinymce.util.Tools.resolve("tinymce.util.Tools"),f=function(r){return function(e){return n=typeof(t=e),(null===t?"null":"object"==n&&(Array.prototype.isPrototypeOf(t)||t.constructor&&"Array"===t.constructor.name)?"array":"object"==n&&(String.prototype.isPrototypeOf(t)||t.constructor&&"String"===t.constructor.name)?"string":n)===r;var t,n}},y=function(t){return function(e){return typeof e===t}},x=f("string"),b=f("array"),w=y("boolean"),O=y("number"),C=Array.prototype.slice,T=Array.prototype.push,N=function(e,t){for(var n=e.length,r=new Array(n),o=0;o<n;o++){var i=e[o];r[o]=t(i,o)}return r},E=function(e,t){for(var n=0,r=e.length;n<r;n++){t(e[n],n)}},k=function(e,t){for(var n=e.length-1;0<=n;n--){t(e[n],n)}},S=function(e,t){return function(e){for(var t=[],n=0,r=e.length;n<r;++n){if(!b(e[n]))throw new Error("Arr.flatten item "+n+" was not an array, input: "+e);T.apply(t,e[n])}return t}(N(e,t))},A=Object.hasOwnProperty,D=function(e,t){return A.call(e,t)},M=("undefined"!=typeof window||Function("return this;")(),r=3,function(e){return e.dom.nodeType===r}),B=function(e,t,n){!function(e,t,n){if(!(x(n)||w(n)||O(n)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",n,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,n+"")}(e.dom,t,n)},F=function(e){if(null===e||e===undefined)throw new Error("Node cannot be null or undefined");return{dom:e}},I={fromHtml:function(e,t){var n=(t||document).createElement("div");if(n.innerHTML=e,!n.hasChildNodes()||1<n.childNodes.length)throw console.error("HTML does not have a single root node",e),new Error("HTML must have a single root node");return F(n.childNodes[0])},fromTag:function(e,t){var n=(t||document).createElement(e);return F(n)},fromText:function(e,t){var n=(t||document).createTextNode(e);return F(n)},fromDom:F,fromPoint:function(e,t,n){return g.from(e.dom.elementFromPoint(t,n)).map(F)}},P=function(e,t){return{element:e,offset:t}},R=function(e,t){var n=N(e.dom.childNodes,I.fromDom);return 0<n.length&&t<n.length?P(n[t],0):P(e,t)},W=function(t,n){var e;(e=t,g.from(e.dom.parentNode).map(I.fromDom)).each(function(e){e.dom.insertBefore(n.dom,t.dom)})},j=function(e,t){var n;W(e,t),n=e,t.dom.appendChild(n.dom)};var q,V,_,H=(q=M,V="text",{get:function(e){if(!q(e))throw new Error("Can only get "+V+" value of a "+V+" node");return _(e).getOr("")},getOption:_=function(e){return q(e)?g.from(e.dom.nodeValue):g.none()},set:function(e,t){if(!q(e))throw new Error("Can only set raw "+V+" value of a "+V+" node");e.dom.nodeValue=t}}),L=function(e){return H.get(e)},U=function(e,t){return n=t,i=(r=e)===undefined?document:r.dom,1!==(o=i).nodeType&&9!==o.nodeType&&11!==o.nodeType||0===o.childElementCount?[]:N(i.querySelectorAll(n),I.fromDom);var n,r,o,i},$=tinymce.util.Tools.resolve("tinymce.dom.TreeWalker"),z=function(e,t){return e.isBlock(t)||D(e.schema.getShortEndedElements(),t.nodeName)},G=function(e,t){return"false"===e.getContentEditable(t)},K=function(e,t){return!e.isBlock(t)&&D(e.schema.getWhiteSpaceElements(),t.nodeName)},J=function(){return{sOffset:0,fOffset:0,elements:[]}},Q=function(e,t){return R(I.fromDom(e),t)},X=function(e,t,n,r,o,i){void 0===i&&(i=!0);for(var a=i?t(!1):n;a;){var u=G(e,a);if(u||K(e,a)){if(u?r.cef(a):r.boundary(a))break;a=t(!0)}else{if(z(e,a)){if(r.boundary(a))break}else 3===a.nodeType&&r.text(a);if(a===o)break;a=t(!1)}}},Y=function(e,t,n,r,o){var i,a,u,c,l,s,f;z(i=e,a=n)||G(i,a)||K(i,a)||(c=a,"true"===(u=i).getContentEditable(c)&&"false"===u.getContentEditableParent(c.parentNode))||(l=e.getParent(r,e.isBlock),s=new $(n,l),f=o?s.next:s.prev,X(e,f,n,{boundary:m,cef:m,text:function(e){o?t.fOffset+=e.length:t.sOffset+=e.length,t.elements.push(I.fromDom(e))}}))},Z=function(e,t,n,r,o,i){void 0===i&&(i=!0);var a=new $(n,t),u=[],c=J();Y(e,c,n,t,!1);var l=function(){return 0<c.elements.length&&(u.push(c),c=J()),!1};return X(e,a.next,n,{boundary:l,cef:function(e){return l(),o&&u.push.apply(u,o.cef(e)),!1},text:function(e){c.elements.push(I.fromDom(e)),o&&o.text(e,c)}},r,i),r&&Y(e,c,r,t,!0),l(),u},ee=function(i,e){var n=Q(e.startContainer,e.startOffset),r=n.element.dom,o=Q(e.endContainer,e.endOffset),a=o.element.dom;return Z(i,e.commonAncestorContainer,r,a,{text:function(e,t){e===a?t.fOffset+=e.length-o.offset:e===r&&(t.sOffset+=n.offset)},cef:function(e){var t,n,r,o=S(U(I.fromDom(e),"*[contenteditable=true]"),function(e){var t=e.dom;return Z(i,t,t)});return t=o,n=function(e,t){return n=e.elements[0].dom,r=t.elements[0].dom,o=n,i=r,a=Node.DOCUMENT_POSITION_PRECEDING,0!=(o.compareDocumentPosition(i)&a)?1:-1;var n,r,o,i,a},(r=C.call(t,0)).sort(n),r}},!1)},te=function(e,t){return t.collapsed?[]:ee(e,t)},ne=function(e,t){var n=e.createRng();return n.selectNode(t),te(e,n)},re=function(e,a){var t,n;return function(e,t){if(0===e.length)return[];for(var n=t(e[0]),r=[],o=[],i=0,a=e.length;i<a;i++){var u=e[i],c=t(u);c!==n&&(r.push(o),o=[]),n=c,o.push(u)}return 0!==o.length&&r.push(o),r}((t=function(e,n){var t=L(n),r=e.last,o=r+t.length,i=S(a,function(e,t){return e.start<o&&e.finish>r?[{element:n,start:Math.max(r,e.start)-r,finish:Math.min(o,e.finish)-r,matchId:t}]:[]});return{results:e.results.concat(i),last:o}},n={results:[],last:0},E(e,function(e){n=t(n,e)}),n.results),function(e){return e.matchId})},oe=function(o,e){return S(e,function(e){var t=e.elements,n=N(t,L).join(""),r=function(e,t,n,r){void 0===n&&(n=0),void 0===r&&(r=e.length);var o=t.regex;o.lastIndex=n;for(var i,a=[];i=o.exec(e);){var u=i[t.matchIndex],c=i.index+i[0].indexOf(u),l=c+u.length;if(r<l)break;a.push({start:c,finish:l}),o.lastIndex=l}return a}(n,o,e.sOffset,n.length-e.fOffset);return re(t,r)})},ie=function(e,i){k(e,function(e,o){k(e,function(e){var t=I.fromDom(i.cloneNode(!1));B(t,"data-mce-index",o);var n,r=e.element.dom;r.length===e.finish&&0===e.start?j(e.element,t):(r.length!==e.finish&&r.splitText(e.finish),n=r.splitText(e.start),j(I.fromDom(n),t))})})},ae=function(e,t,n,r){var o,i=n.getBookmark(),a=e.select("td[data-mce-selected],th[data-mce-selected]"),u=0<a.length?(o=e,S(a,function(e){return ne(o,e)})):te(e,n.getRng()),c=oe(t,u);return ie(c,r),n.moveToBookmark(i),c.length},ue=function(e){var t=e.getAttribute("data-mce-index");return"number"==typeof t?""+t:t},ce=function(e,t,n,r){var o=e.dom.create("span",{"data-mce-bogus":1});o.className="mce-match-marker";var i,a,u,c,l,s=e.getBody();return ye(e,t,!1),r?ae(e.dom,n,e.selection,o):(i=e.dom,a=n,u=o,c=ne(i,s),l=oe(a,c),ie(l,u),l.length)},le=function(e){var t=e.parentNode;e.firstChild&&t.insertBefore(e.firstChild,e),e.parentNode.removeChild(e)},se=function(e,t){var n=[],r=v.toArray(e.getBody().getElementsByTagName("span"));if(r.length)for(var o=0;o<r.length;o++){var i=ue(r[o]);null!==i&&i.length&&i===t.toString()&&n.push(r[o])}return n},fe=function(e,t,n){var r=t.get(),o=r.index,i=e.dom;(n=!1!==n)?o+1===r.count?o=0:o++:o-1==-1?o=r.count-1:o--,i.removeClass(se(e,r.index),"mce-match-marker-selected");var a=se(e,o);return a.length?(i.addClass(se(e,o),"mce-match-marker-selected"),e.selection.scrollIntoView(a[0]),o):-1},de=function(e,t){var n=t.parentNode;e.remove(t),e.isEmpty(n)&&e.remove(n)},me=function(e,t,n,r,o,i){var a,u,c,l=(a=o,u="("+n.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&").replace(/\s/g,"[^\\S\\r\\n\\uFEFF]")+")",a?"(?:^|\\s|"+p()+")"+u+"(?=$|\\s|"+p()+")":u),s={regex:new RegExp(l,r?"g":"gi"),matchIndex:1},f=ce(e,t,s,i);return f&&(c=fe(e,t,!0),t.set({index:c,count:f,text:n,matchCase:r,wholeWord:o,inSelection:i})),f},he=function(e,t){var n=fe(e,t,!0);t.set(h(h({},t.get()),{index:n}))},ge=function(e,t){var n=fe(e,t,!1);t.set(h(h({},t.get()),{index:n}))},pe=function(e){var t=ue(e);return null!==t&&0<t.length},ve=function(e,t,n,r,o){var i,a=t.get(),u=a.index,c=u;r=!1!==r;for(var l=e.getBody(),s=v.grep(v.toArray(l.getElementsByTagName("span")),pe),f=0;f<s.length;f++){var d=ue(s[f]),m=i=parseInt(d,10);if(o||m===a.index){for(n.length?(s[f].firstChild.nodeValue=n,le(s[f])):de(e.dom,s[f]);s[++f];){if((m=parseInt(ue(s[f]),10))!==i){f--;break}de(e.dom,s[f])}r&&c--}else u<i&&s[f].setAttribute("data-mce-index",String(i-1))}return t.set(h(h({},a),{count:o?0:a.count-1,index:c})),(r?he:ge)(e,t),!o&&0<t.get().count},ye=function(e,t,n){for(var r,o,i=t.get(),a=v.toArray(e.getBody().getElementsByTagName("span")),u=0;u<a.length;u++){var c=ue(a[u]);null!==c&&c.length&&(c===i.index.toString()&&(r=r||a[u].firstChild,o=a[u].firstChild),le(a[u]))}if(t.set(h(h({},i),{index:-1,count:0,text:""})),r&&o){var l=e.dom.createRng();return l.setStart(r,0),l.setEnd(o,o.data.length),!1!==n&&e.selection.setRng(l),l}},xe=tinymce.util.Tools.resolve("tinymce.Env"),be=function(i,a){var t,e=(t=d(g.none()),{clear:function(){return t.set(g.none())},set:function(e){return t.set(g.some(e))},isSet:function(){return t.get().isSome()},on:function(e){return t.get().each(e)}});i.undoManager.add();var n=v.trim(i.selection.getContent({format:"text"}));function u(e){(1<a.get().count?e.enable:e.disable)("next"),(1<a.get().count?e.enable:e.disable)("prev")}var c=function(e,t){var n=t?e.disable:e.enable;E(["replace","replaceall","prev","next"],n)};var l=function(e,t){xe.browser.isSafari()&&xe.deviceType.isTouch()&&("find"===t||"replace"===t||"replaceall"===t)&&e.focus(t)},s=function(e){ye(i,a,!1),c(e,!0),u(e)},f=function(e){var t,n,r=e.getData(),o=a.get();r.findtext.length?(o.text===r.findtext&&o.matchCase===r.matchcase&&o.wholeWord===r.wholewords?he(i,a):((t=me(i,a,r.findtext,r.matchcase,r.wholewords,r.inselection))<=0&&(n=e,i.windowManager.alert("Could not find the specified string.",function(){n.focus("findtext")})),c(e,0===t)),u(e)):s(e)},r=a.get(),o={title:"Find and Replace",size:"normal",body:{type:"panel",items:[{type:"bar",items:[{type:"input",name:"findtext",placeholder:"Find",maximized:!0,inputMode:"search"},{type:"button",name:"prev",text:"Previous",icon:"action-prev",disabled:!0,borderless:!0},{type:"button",name:"next",text:"Next",icon:"action-next",disabled:!0,borderless:!0}]},{type:"input",name:"replacetext",placeholder:"Replace with",inputMode:"search"}]},buttons:[{type:"menu",name:"options",icon:"preferences",tooltip:"Preferences",align:"start",items:[{type:"togglemenuitem",name:"matchcase",text:"Match case"},{type:"togglemenuitem",name:"wholewords",text:"Find whole words only"},{type:"togglemenuitem",name:"inselection",text:"Find in selection"}]},{type:"custom",name:"find",text:"Find",primary:!0},{type:"custom",name:"replace",text:"Replace",disabled:!0},{type:"custom",name:"replaceall",text:"Replace All",disabled:!0}],initialData:{findtext:n,replacetext:"",wholewords:r.wholeWord,matchcase:r.matchCase,inselection:r.inSelection},onChange:function(e,t){"findtext"===t.name&&0<a.get().count&&s(e)},onAction:function(e,t){var n,r,o=e.getData();switch(t.name){case"find":f(e);break;case"replace":(ve(i,a,o.replacetext)?u:s)(e);break;case"replaceall":ve(i,a,o.replacetext,!0,!0),s(e);break;case"prev":ge(i,a),u(e);break;case"next":he(i,a),u(e);break;case"matchcase":case"wholewords":case"inselection":n=e.getData(),r=a.get(),a.set(h(h({},r),{matchCase:n.matchcase,wholeWord:n.wholewords,inSelection:n.inselection})),s(e)}l(e,t.name)},onSubmit:function(e){f(e),l(e,"find")},onClose:function(){i.focus(),ye(i,a),i.undoManager.add()}};e.set(i.windowManager.open(o,{inline:"toolbar"}))},we=function(e,t){return function(){be(e,t)}};o.add("searchreplace",function(e){var t,n,r,o,i,a,u=d({index:-1,count:0,text:"",matchCase:!1,wholeWord:!1,inSelection:!1});return n=u,(t=e).addCommand("SearchReplace",function(){be(t,n)}),o=u,(r=e).ui.registry.addMenuItem("searchreplace",{text:"Find and replace...",shortcut:"Meta+F",onAction:we(r,o),icon:"search"}),r.ui.registry.addButton("searchreplace",{tooltip:"Find and replace",onAction:we(r,o),icon:"search"}),r.shortcuts.add("Meta+F","",we(r,o)),i=e,a=u,{done:function(e){return ye(i,a,e)},find:function(e,t,n,r){return void 0===r&&(r=!1),me(i,a,e,t,n,r)},next:function(){return he(i,a)},prev:function(){return ge(i,a)},replace:function(e,t,n){return ve(i,a,e,t,n)}}})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/spellchecker/plugin.js b/src/assets/tinymce/plugins/spellchecker/plugin.js
new file mode 100644
index 00000000..cd0b1f04
--- /dev/null
+++ b/src/assets/tinymce/plugins/spellchecker/plugin.js
@@ -0,0 +1,737 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var hasProPlugin = function (editor) {
+      if (editor.hasPlugin('tinymcespellchecker', true)) {
+        if (typeof window.console !== 'undefined' && window.console.log) {
+          window.console.log('Spell Checker Pro is incompatible with Spell Checker plugin! ' + 'Remove \'spellchecker\' from the \'plugins\' option.');
+        }
+        return true;
+      } else {
+        return false;
+      }
+    };
+
+    var hasOwnProperty = Object.hasOwnProperty;
+    var isEmpty = function (r) {
+      for (var x in r) {
+        if (hasOwnProperty.call(r, x)) {
+          return false;
+        }
+      }
+      return true;
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.URI');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.XHR');
+
+    var fireSpellcheckStart = function (editor) {
+      return editor.fire('SpellcheckStart');
+    };
+    var fireSpellcheckEnd = function (editor) {
+      return editor.fire('SpellcheckEnd');
+    };
+
+    var getLanguages = function (editor) {
+      var defaultLanguages = 'English=en,Danish=da,Dutch=nl,Finnish=fi,French=fr_FR,German=de,Italian=it,Polish=pl,Portuguese=pt_BR,Spanish=es,Swedish=sv';
+      return editor.getParam('spellchecker_languages', defaultLanguages);
+    };
+    var getLanguage = function (editor) {
+      var defaultLanguage = editor.getParam('language', 'en');
+      return editor.getParam('spellchecker_language', defaultLanguage);
+    };
+    var getRpcUrl = function (editor) {
+      return editor.getParam('spellchecker_rpc_url');
+    };
+    var getSpellcheckerCallback = function (editor) {
+      return editor.getParam('spellchecker_callback');
+    };
+    var getSpellcheckerWordcharPattern = function (editor) {
+      var defaultPattern = new RegExp('[^' + '\\s!"#$%&()*+,-./:;<=>?@[\\]^_{|}`' + '\xA7\xA9\xAB\xAE\xB1\xB6\xB7\xB8\xBB' + '\xBC\xBD\xBE\xBF\xD7\xF7\xA4\u201D\u201C\u201E\xA0\u2002\u2003\u2009' + ']+', 'g');
+      return editor.getParam('spellchecker_wordchar_pattern', defaultPattern);
+    };
+
+    function isContentEditableFalse(node) {
+      return node && node.nodeType === 1 && node.contentEditable === 'false';
+    }
+    var DomTextMatcher = function (node, editor) {
+      var m, matches = [];
+      var dom = editor.dom;
+      var blockElementsMap = editor.schema.getBlockElements();
+      var hiddenTextElementsMap = editor.schema.getWhiteSpaceElements();
+      var shortEndedElementsMap = editor.schema.getShortEndedElements();
+      function createMatch(m, data) {
+        if (!m[0]) {
+          throw new Error('findAndReplaceDOMText cannot handle zero-length matches');
+        }
+        return {
+          start: m.index,
+          end: m.index + m[0].length,
+          text: m[0],
+          data: data
+        };
+      }
+      function getText(node) {
+        var txt;
+        if (node.nodeType === 3) {
+          return node.data;
+        }
+        if (hiddenTextElementsMap[node.nodeName] && !blockElementsMap[node.nodeName]) {
+          return '';
+        }
+        if (isContentEditableFalse(node)) {
+          return '\n';
+        }
+        txt = '';
+        if (blockElementsMap[node.nodeName] || shortEndedElementsMap[node.nodeName]) {
+          txt += '\n';
+        }
+        if (node = node.firstChild) {
+          do {
+            txt += getText(node);
+          } while (node = node.nextSibling);
+        }
+        return txt;
+      }
+      function stepThroughMatches(node, matches, replaceFn) {
+        var startNode, endNode, startNodeIndex, endNodeIndex, innerNodes = [], atIndex = 0, curNode = node, matchLocation, matchIndex = 0;
+        matches = matches.slice(0);
+        matches.sort(function (a, b) {
+          return a.start - b.start;
+        });
+        matchLocation = matches.shift();
+        out:
+          while (true) {
+            if (blockElementsMap[curNode.nodeName] || shortEndedElementsMap[curNode.nodeName] || isContentEditableFalse(curNode)) {
+              atIndex++;
+            }
+            if (curNode.nodeType === 3) {
+              if (!endNode && curNode.length + atIndex >= matchLocation.end) {
+                endNode = curNode;
+                endNodeIndex = matchLocation.end - atIndex;
+              } else if (startNode) {
+                innerNodes.push(curNode);
+              }
+              if (!startNode && curNode.length + atIndex > matchLocation.start) {
+                startNode = curNode;
+                startNodeIndex = matchLocation.start - atIndex;
+              }
+              atIndex += curNode.length;
+            }
+            if (startNode && endNode) {
+              curNode = replaceFn({
+                startNode: startNode,
+                startNodeIndex: startNodeIndex,
+                endNode: endNode,
+                endNodeIndex: endNodeIndex,
+                innerNodes: innerNodes,
+                match: matchLocation.text,
+                matchIndex: matchIndex
+              });
+              atIndex -= endNode.length - endNodeIndex;
+              startNode = null;
+              endNode = null;
+              innerNodes = [];
+              matchLocation = matches.shift();
+              matchIndex++;
+              if (!matchLocation) {
+                break;
+              }
+            } else if ((!hiddenTextElementsMap[curNode.nodeName] || blockElementsMap[curNode.nodeName]) && curNode.firstChild) {
+              if (!isContentEditableFalse(curNode)) {
+                curNode = curNode.firstChild;
+                continue;
+              }
+            } else if (curNode.nextSibling) {
+              curNode = curNode.nextSibling;
+              continue;
+            }
+            while (true) {
+              if (curNode.nextSibling) {
+                curNode = curNode.nextSibling;
+                break;
+              } else if (curNode.parentNode !== node) {
+                curNode = curNode.parentNode;
+              } else {
+                break out;
+              }
+            }
+          }
+      }
+      function genReplacer(callback) {
+        function makeReplacementNode(fill, matchIndex) {
+          var match = matches[matchIndex];
+          if (!match.stencil) {
+            match.stencil = callback(match);
+          }
+          var clone = match.stencil.cloneNode(false);
+          clone.setAttribute('data-mce-index', matchIndex);
+          if (fill) {
+            clone.appendChild(dom.doc.createTextNode(fill));
+          }
+          return clone;
+        }
+        return function (range) {
+          var before;
+          var after;
+          var parentNode;
+          var startNode = range.startNode;
+          var endNode = range.endNode;
+          var matchIndex = range.matchIndex;
+          var doc = dom.doc;
+          if (startNode === endNode) {
+            var node_1 = startNode;
+            parentNode = node_1.parentNode;
+            if (range.startNodeIndex > 0) {
+              before = doc.createTextNode(node_1.data.substring(0, range.startNodeIndex));
+              parentNode.insertBefore(before, node_1);
+            }
+            var el = makeReplacementNode(range.match, matchIndex);
+            parentNode.insertBefore(el, node_1);
+            if (range.endNodeIndex < node_1.length) {
+              after = doc.createTextNode(node_1.data.substring(range.endNodeIndex));
+              parentNode.insertBefore(after, node_1);
+            }
+            node_1.parentNode.removeChild(node_1);
+            return el;
+          }
+          before = doc.createTextNode(startNode.data.substring(0, range.startNodeIndex));
+          after = doc.createTextNode(endNode.data.substring(range.endNodeIndex));
+          var elA = makeReplacementNode(startNode.data.substring(range.startNodeIndex), matchIndex);
+          for (var i = 0, l = range.innerNodes.length; i < l; ++i) {
+            var innerNode = range.innerNodes[i];
+            var innerEl = makeReplacementNode(innerNode.data, matchIndex);
+            innerNode.parentNode.replaceChild(innerEl, innerNode);
+          }
+          var elB = makeReplacementNode(endNode.data.substring(0, range.endNodeIndex), matchIndex);
+          parentNode = startNode.parentNode;
+          parentNode.insertBefore(before, startNode);
+          parentNode.insertBefore(elA, startNode);
+          parentNode.removeChild(startNode);
+          parentNode = endNode.parentNode;
+          parentNode.insertBefore(elB, endNode);
+          parentNode.insertBefore(after, endNode);
+          parentNode.removeChild(endNode);
+          return elB;
+        };
+      }
+      function unwrapElement(element) {
+        var parentNode = element.parentNode;
+        while (element.childNodes.length > 0) {
+          parentNode.insertBefore(element.childNodes[0], element);
+        }
+        parentNode.removeChild(element);
+      }
+      function hasClass(elm) {
+        return elm.className.indexOf('mce-spellchecker-word') !== -1;
+      }
+      function getWrappersByIndex(index) {
+        var elements = node.getElementsByTagName('*'), wrappers = [];
+        index = typeof index === 'number' ? '' + index : null;
+        for (var i = 0; i < elements.length; i++) {
+          var element = elements[i], dataIndex = element.getAttribute('data-mce-index');
+          if (dataIndex !== null && dataIndex.length && hasClass(element)) {
+            if (dataIndex === index || index === null) {
+              wrappers.push(element);
+            }
+          }
+        }
+        return wrappers;
+      }
+      function indexOf(match) {
+        var i = matches.length;
+        while (i--) {
+          if (matches[i] === match) {
+            return i;
+          }
+        }
+        return -1;
+      }
+      function filter(callback) {
+        var filteredMatches = [];
+        each(function (match, i) {
+          if (callback(match, i)) {
+            filteredMatches.push(match);
+          }
+        });
+        matches = filteredMatches;
+        return this;
+      }
+      function each(callback) {
+        for (var i = 0, l = matches.length; i < l; i++) {
+          if (callback(matches[i], i) === false) {
+            break;
+          }
+        }
+        return this;
+      }
+      function wrap(callback) {
+        if (matches.length) {
+          stepThroughMatches(node, matches, genReplacer(callback));
+        }
+        return this;
+      }
+      function find(regex, data) {
+        if (text && regex.global) {
+          while (m = regex.exec(text)) {
+            matches.push(createMatch(m, data));
+          }
+        }
+        return this;
+      }
+      function unwrap(match) {
+        var i;
+        var elements = getWrappersByIndex(match ? indexOf(match) : null);
+        i = elements.length;
+        while (i--) {
+          unwrapElement(elements[i]);
+        }
+        return this;
+      }
+      function matchFromElement(element) {
+        return matches[element.getAttribute('data-mce-index')];
+      }
+      function elementFromMatch(match) {
+        return getWrappersByIndex(indexOf(match))[0];
+      }
+      function add(start, length, data) {
+        matches.push({
+          start: start,
+          end: start + length,
+          text: text.substr(start, length),
+          data: data
+        });
+        return this;
+      }
+      function rangeFromMatch(match) {
+        var wrappers = getWrappersByIndex(indexOf(match));
+        var rng = editor.dom.createRng();
+        rng.setStartBefore(wrappers[0]);
+        rng.setEndAfter(wrappers[wrappers.length - 1]);
+        return rng;
+      }
+      function replace(match, text) {
+        var rng = rangeFromMatch(match);
+        rng.deleteContents();
+        if (text.length > 0) {
+          rng.insertNode(editor.dom.doc.createTextNode(text));
+        }
+        return rng;
+      }
+      function reset() {
+        matches.splice(0, matches.length);
+        unwrap();
+        return this;
+      }
+      var text = getText(node);
+      return {
+        text: text,
+        matches: matches,
+        each: each,
+        filter: filter,
+        reset: reset,
+        matchFromElement: matchFromElement,
+        elementFromMatch: elementFromMatch,
+        find: find,
+        add: add,
+        wrap: wrap,
+        unwrap: unwrap,
+        replace: replace,
+        rangeFromMatch: rangeFromMatch,
+        indexOf: indexOf
+      };
+    };
+
+    var getTextMatcher = function (editor, textMatcherState) {
+      if (!textMatcherState.get()) {
+        var textMatcher = DomTextMatcher(editor.getBody(), editor);
+        textMatcherState.set(textMatcher);
+      }
+      return textMatcherState.get();
+    };
+    var defaultSpellcheckCallback = function (editor, pluginUrl, currentLanguageState) {
+      return function (method, text, doneCallback, errorCallback) {
+        var data = {
+          method: method,
+          lang: currentLanguageState.get()
+        };
+        var postData = '';
+        data[method === 'addToDictionary' ? 'word' : 'text'] = text;
+        global$1.each(data, function (value, key) {
+          if (postData) {
+            postData += '&';
+          }
+          postData += key + '=' + encodeURIComponent(value);
+        });
+        global$3.send({
+          url: new global$2(pluginUrl).toAbsolute(getRpcUrl(editor)),
+          type: 'post',
+          content_type: 'application/x-www-form-urlencoded',
+          data: postData,
+          success: function (result) {
+            var parseResult = JSON.parse(result);
+            if (!parseResult) {
+              var message = editor.translate('Server response wasn\'t proper JSON.');
+              errorCallback(message);
+            } else if (parseResult.error) {
+              errorCallback(parseResult.error);
+            } else {
+              doneCallback(parseResult);
+            }
+          },
+          error: function () {
+            var message = editor.translate('The spelling service was not found: (') + getRpcUrl(editor) + editor.translate(')');
+            errorCallback(message);
+          }
+        });
+      };
+    };
+    var sendRpcCall = function (editor, pluginUrl, currentLanguageState, name, data, successCallback, errorCallback) {
+      var userSpellcheckCallback = getSpellcheckerCallback(editor);
+      var spellCheckCallback = userSpellcheckCallback ? userSpellcheckCallback : defaultSpellcheckCallback(editor, pluginUrl, currentLanguageState);
+      spellCheckCallback.call(editor.plugins.spellchecker, name, data, successCallback, errorCallback);
+    };
+    var spellcheck = function (editor, pluginUrl, startedState, textMatcherState, lastSuggestionsState, currentLanguageState) {
+      if (finish(editor, startedState, textMatcherState)) {
+        return;
+      }
+      var errorCallback = function (message) {
+        editor.notificationManager.open({
+          text: message,
+          type: 'error'
+        });
+        editor.setProgressState(false);
+        finish(editor, startedState, textMatcherState);
+      };
+      var successCallback = function (data) {
+        markErrors(editor, startedState, textMatcherState, lastSuggestionsState, data);
+      };
+      editor.setProgressState(true);
+      sendRpcCall(editor, pluginUrl, currentLanguageState, 'spellcheck', getTextMatcher(editor, textMatcherState).text, successCallback, errorCallback);
+      editor.focus();
+    };
+    var checkIfFinished = function (editor, startedState, textMatcherState) {
+      if (!editor.dom.select('span.mce-spellchecker-word').length) {
+        finish(editor, startedState, textMatcherState);
+      }
+    };
+    var addToDictionary = function (editor, pluginUrl, startedState, textMatcherState, currentLanguageState, word, spans) {
+      editor.setProgressState(true);
+      sendRpcCall(editor, pluginUrl, currentLanguageState, 'addToDictionary', word, function () {
+        editor.setProgressState(false);
+        editor.dom.remove(spans, true);
+        checkIfFinished(editor, startedState, textMatcherState);
+      }, function (message) {
+        editor.notificationManager.open({
+          text: message,
+          type: 'error'
+        });
+        editor.setProgressState(false);
+      });
+    };
+    var ignoreWord = function (editor, startedState, textMatcherState, word, spans, all) {
+      editor.selection.collapse();
+      if (all) {
+        global$1.each(editor.dom.select('span.mce-spellchecker-word'), function (span) {
+          if (span.getAttribute('data-mce-word') === word) {
+            editor.dom.remove(span, true);
+          }
+        });
+      } else {
+        editor.dom.remove(spans, true);
+      }
+      checkIfFinished(editor, startedState, textMatcherState);
+    };
+    var finish = function (editor, startedState, textMatcherState) {
+      var bookmark = editor.selection.getBookmark();
+      getTextMatcher(editor, textMatcherState).reset();
+      editor.selection.moveToBookmark(bookmark);
+      textMatcherState.set(null);
+      if (startedState.get()) {
+        startedState.set(false);
+        fireSpellcheckEnd(editor);
+        return true;
+      }
+    };
+    var getElmIndex = function (elm) {
+      var value = elm.getAttribute('data-mce-index');
+      if (typeof value === 'number') {
+        return '' + value;
+      }
+      return value;
+    };
+    var findSpansByIndex = function (editor, index) {
+      var spans = [];
+      var nodes = global$1.toArray(editor.getBody().getElementsByTagName('span'));
+      if (nodes.length) {
+        for (var i = 0; i < nodes.length; i++) {
+          var nodeIndex = getElmIndex(nodes[i]);
+          if (nodeIndex === null || !nodeIndex.length) {
+            continue;
+          }
+          if (nodeIndex === index.toString()) {
+            spans.push(nodes[i]);
+          }
+        }
+      }
+      return spans;
+    };
+    var markErrors = function (editor, startedState, textMatcherState, lastSuggestionsState, data) {
+      var hasDictionarySupport = !!data.dictionary;
+      var suggestions = data.words;
+      editor.setProgressState(false);
+      if (isEmpty(suggestions)) {
+        var message = editor.translate('No misspellings found.');
+        editor.notificationManager.open({
+          text: message,
+          type: 'info'
+        });
+        startedState.set(false);
+        return;
+      }
+      lastSuggestionsState.set({
+        suggestions: suggestions,
+        hasDictionarySupport: hasDictionarySupport
+      });
+      var bookmark = editor.selection.getBookmark();
+      getTextMatcher(editor, textMatcherState).find(getSpellcheckerWordcharPattern(editor)).filter(function (match) {
+        return !!suggestions[match.text];
+      }).wrap(function (match) {
+        return editor.dom.create('span', {
+          'class': 'mce-spellchecker-word',
+          'aria-invalid': 'spelling',
+          'data-mce-bogus': 1,
+          'data-mce-word': match.text
+        });
+      });
+      editor.selection.moveToBookmark(bookmark);
+      startedState.set(true);
+      fireSpellcheckStart(editor);
+    };
+
+    var get = function (editor, startedState, lastSuggestionsState, textMatcherState, currentLanguageState, _url) {
+      var getLanguage = function () {
+        return currentLanguageState.get();
+      };
+      var getWordCharPattern = function () {
+        return getSpellcheckerWordcharPattern(editor);
+      };
+      var markErrors$1 = function (data) {
+        markErrors(editor, startedState, textMatcherState, lastSuggestionsState, data);
+      };
+      var getTextMatcher = function () {
+        return textMatcherState.get();
+      };
+      return {
+        getTextMatcher: getTextMatcher,
+        getWordCharPattern: getWordCharPattern,
+        markErrors: markErrors$1,
+        getLanguage: getLanguage
+      };
+    };
+
+    var register = function (editor, pluginUrl, startedState, textMatcherState, lastSuggestionsState, currentLanguageState) {
+      editor.addCommand('mceSpellCheck', function () {
+        spellcheck(editor, pluginUrl, startedState, textMatcherState, lastSuggestionsState, currentLanguageState);
+      });
+    };
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p))
+              t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+
+    var spellcheckerEvents = 'SpellcheckStart SpellcheckEnd';
+    var buildMenuItems = function (listName, languageValues) {
+      var items = [];
+      global$1.each(languageValues, function (languageValue) {
+        items.push({
+          selectable: true,
+          text: languageValue.name,
+          data: languageValue.value
+        });
+      });
+      return items;
+    };
+    var getItems = function (editor) {
+      return global$1.map(getLanguages(editor).split(','), function (langPair) {
+        var langPairs = langPair.split('=');
+        return {
+          name: langPairs[0],
+          value: langPairs[1]
+        };
+      });
+    };
+    var register$1 = function (editor, pluginUrl, startedState, textMatcherState, currentLanguageState, lastSuggestionsState) {
+      var languageMenuItems = buildMenuItems('Language', getItems(editor));
+      var startSpellchecking = function () {
+        spellcheck(editor, pluginUrl, startedState, textMatcherState, lastSuggestionsState, currentLanguageState);
+      };
+      var buttonArgs = {
+        tooltip: 'Spellcheck',
+        onAction: startSpellchecking,
+        icon: 'spell-check',
+        onSetup: function (buttonApi) {
+          var setButtonState = function () {
+            buttonApi.setActive(startedState.get());
+          };
+          editor.on(spellcheckerEvents, setButtonState);
+          return function () {
+            editor.off(spellcheckerEvents, setButtonState);
+          };
+        }
+      };
+      var splitButtonArgs = __assign(__assign({}, buttonArgs), {
+        type: 'splitbutton',
+        select: function (value) {
+          return value === currentLanguageState.get();
+        },
+        fetch: function (callback) {
+          var items = global$1.map(languageMenuItems, function (languageItem) {
+            return {
+              type: 'choiceitem',
+              value: languageItem.data,
+              text: languageItem.text
+            };
+          });
+          callback(items);
+        },
+        onItemAction: function (splitButtonApi, value) {
+          currentLanguageState.set(value);
+        }
+      });
+      if (languageMenuItems.length > 1) {
+        editor.ui.registry.addSplitButton('spellchecker', splitButtonArgs);
+      } else {
+        editor.ui.registry.addToggleButton('spellchecker', buttonArgs);
+      }
+      editor.ui.registry.addToggleMenuItem('spellchecker', {
+        text: 'Spellcheck',
+        icon: 'spell-check',
+        onSetup: function (menuApi) {
+          menuApi.setActive(startedState.get());
+          var setMenuItemCheck = function () {
+            menuApi.setActive(startedState.get());
+          };
+          editor.on(spellcheckerEvents, setMenuItemCheck);
+          return function () {
+            editor.off(spellcheckerEvents, setMenuItemCheck);
+          };
+        },
+        onAction: startSpellchecking
+      });
+    };
+
+    var ignoreAll = true;
+    var getSuggestions = function (editor, pluginUrl, lastSuggestionsState, startedState, textMatcherState, currentLanguageState, word, spans) {
+      var items = [];
+      var suggestions = lastSuggestionsState.get().suggestions[word];
+      global$1.each(suggestions, function (suggestion) {
+        items.push({
+          text: suggestion,
+          onAction: function () {
+            editor.insertContent(editor.dom.encode(suggestion));
+            editor.dom.remove(spans);
+            checkIfFinished(editor, startedState, textMatcherState);
+          }
+        });
+      });
+      var hasDictionarySupport = lastSuggestionsState.get().hasDictionarySupport;
+      if (hasDictionarySupport) {
+        items.push({ type: 'separator' });
+        items.push({
+          text: 'Add to dictionary',
+          onAction: function () {
+            addToDictionary(editor, pluginUrl, startedState, textMatcherState, currentLanguageState, word, spans);
+          }
+        });
+      }
+      items.push.apply(items, [
+        { type: 'separator' },
+        {
+          text: 'Ignore',
+          onAction: function () {
+            ignoreWord(editor, startedState, textMatcherState, word, spans);
+          }
+        },
+        {
+          text: 'Ignore all',
+          onAction: function () {
+            ignoreWord(editor, startedState, textMatcherState, word, spans, ignoreAll);
+          }
+        }
+      ]);
+      return items;
+    };
+    var setup = function (editor, pluginUrl, lastSuggestionsState, startedState, textMatcherState, currentLanguageState) {
+      var update = function (element) {
+        var target = element;
+        if (target.className === 'mce-spellchecker-word') {
+          var spans = findSpansByIndex(editor, getElmIndex(target));
+          if (spans.length > 0) {
+            var rng = editor.dom.createRng();
+            rng.setStartBefore(spans[0]);
+            rng.setEndAfter(spans[spans.length - 1]);
+            editor.selection.setRng(rng);
+            return getSuggestions(editor, pluginUrl, lastSuggestionsState, startedState, textMatcherState, currentLanguageState, target.getAttribute('data-mce-word'), spans);
+          }
+        } else {
+          return [];
+        }
+      };
+      editor.ui.registry.addContextMenu('spellchecker', { update: update });
+    };
+
+    function Plugin () {
+      global.add('spellchecker', function (editor, pluginUrl) {
+        if (hasProPlugin(editor) === false) {
+          var startedState = Cell(false);
+          var currentLanguageState = Cell(getLanguage(editor));
+          var textMatcherState = Cell(null);
+          var lastSuggestionsState = Cell(null);
+          register$1(editor, pluginUrl, startedState, textMatcherState, currentLanguageState, lastSuggestionsState);
+          setup(editor, pluginUrl, lastSuggestionsState, startedState, textMatcherState, currentLanguageState);
+          register(editor, pluginUrl, startedState, textMatcherState, lastSuggestionsState, currentLanguageState);
+          return get(editor, startedState, lastSuggestionsState, textMatcherState, currentLanguageState);
+        }
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/spellchecker/plugin.min.js b/src/assets/tinymce/plugins/spellchecker/plugin.min.js
new file mode 100644
index 00000000..608c785e
--- /dev/null
+++ b/src/assets/tinymce/plugins/spellchecker/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var N=function(e){var t=e;return{get:function(){return t},set:function(e){t=e}}},e=tinymce.util.Tools.resolve("tinymce.PluginManager"),l=Object.hasOwnProperty,g=tinymce.util.Tools.resolve("tinymce.util.Tools"),d=tinymce.util.Tools.resolve("tinymce.util.URI"),f=tinymce.util.Tools.resolve("tinymce.util.XHR"),h=function(e){return e.getParam("spellchecker_rpc_url")},k=function(e){var t=new RegExp('[^\\s!"#$%&()*+,-./:;<=>?@[\\]^_{|}`\xa7\xa9\xab\xae\xb1\xb6\xb7\xb8\xbb\xbc\xbd\xbe\xbf\xd7\xf7\xa4\u201d\u201c\u201e\xa0\u2002\u2003\u2009]+',"g");return e.getParam("spellchecker_wordchar_pattern",t)};function p(e){return e&&1===e.nodeType&&"false"===e.contentEditable}var r=function(i,r){var n,a=[],v=r.dom,f=r.schema.getBlockElements(),h=r.schema.getWhiteSpaceElements(),g=r.schema.getShortEndedElements();function o(e){var t=i.getElementsByTagName("*"),n=[];e="number"==typeof e?""+e:null;for(var r=0;r<t.length;r++){var o=t[r],a=o.getAttribute("data-mce-index");null!==a&&a.length&&-1!==o.className.indexOf("mce-spellchecker-word")&&(a!==e&&null!==e||n.push(o))}return n}function c(e){for(var t=a.length;t--;)if(a[t]===e)return t;return-1}function e(e){for(var t=0,n=a.length;t<n&&!1!==e(a[t],t);t++);return this}function t(e){for(var t=o(e?c(e):null),n=t.length;n--;)!function(e){for(var t=e.parentNode;0<e.childNodes.length;)t.insertBefore(e.childNodes[0],e);t.removeChild(e)}(t[n]);return this}function s(e){var t=o(c(e)),n=r.dom.createRng();return n.setStartBefore(t[0]),n.setEndAfter(t[t.length-1]),n}var l=function u(e){var t;if(3===e.nodeType)return e.data;if(h[e.nodeName]&&!f[e.nodeName])return"";if(p(e))return"\n";if(t="",(f[e.nodeName]||g[e.nodeName])&&(t+="\n"),e=e.firstChild)for(;t+=u(e),e=e.nextSibling;);return t}(i);return{text:l,matches:a,each:e,filter:function(n){var r=[];return e(function(e,t){n(e,t)&&r.push(e)}),a=r,this},reset:function(){return a.splice(0,a.length),t(),this},matchFromElement:function(e){return a[e.getAttribute("data-mce-index")]},elementFromMatch:function(e){return o(c(e))[0]},find:function(e,t){if(l&&e.global)for(;n=e.exec(l);)a.push(function(e,t){if(!e[0])throw new Error("findAndReplaceDOMText cannot handle zero-length matches");return{start:e.index,end:e.index+e[0].length,text:e[0],data:t}}(n,t));return this},add:function(e,t,n){return a.push({start:e,end:e+t,text:l.substr(e,t),data:n}),this},wrap:function(e){function m(e,t){var n=a[t];n.stencil||(n.stencil=o(n));var r=n.stencil.cloneNode(!1);return r.setAttribute("data-mce-index",t),e&&r.appendChild(v.doc.createTextNode(e)),r}var o;return a.length&&function(e,t,n){var r,o,a,i,c,s=[],l=0,u=e,d=0;(t=t.slice(0)).sort(function(e,t){return e.start-t.start}),c=t.shift();e:for(;;){if((f[u.nodeName]||g[u.nodeName]||p(u))&&l++,3===u.nodeType&&(!o&&u.length+l>=c.end?(o=u,i=c.end-l):r&&s.push(u),!r&&u.length+l>c.start&&(r=u,a=c.start-l),l+=u.length),r&&o){if(u=n({startNode:r,startNodeIndex:a,endNode:o,endNodeIndex:i,innerNodes:s,match:c.text,matchIndex:d}),l-=o.length-i,o=r=null,s=[],d++,!(c=t.shift()))break}else if(h[u.nodeName]&&!f[u.nodeName]||!u.firstChild){if(u.nextSibling){u=u.nextSibling;continue}}else if(!p(u)){u=u.firstChild;continue}for(;;){if(u.nextSibling){u=u.nextSibling;break}if(u.parentNode===e)break e;u=u.parentNode}}}(i,a,(o=e,function(e){var t,n,r=e.startNode,o=e.endNode,a=e.matchIndex,i=v.doc;if(r===o){var c=r,s=c.parentNode;0<e.startNodeIndex&&(t=i.createTextNode(c.data.substring(0,e.startNodeIndex)),s.insertBefore(t,c));var l=m(e.match,a);return s.insertBefore(l,c),e.endNodeIndex<c.length&&(n=i.createTextNode(c.data.substring(e.endNodeIndex)),s.insertBefore(n,c)),c.parentNode.removeChild(c),l}t=i.createTextNode(r.data.substring(0,e.startNodeIndex)),n=i.createTextNode(o.data.substring(e.endNodeIndex));for(var u=m(r.data.substring(e.startNodeIndex),a),d=0,f=e.innerNodes.length;d<f;++d){var h=e.innerNodes[d],g=m(h.data,a);h.parentNode.replaceChild(g,h)}var p=m(o.data.substring(0,e.endNodeIndex),a);return(s=r.parentNode).insertBefore(t,r),s.insertBefore(u,r),s.removeChild(r),(s=o.parentNode).insertBefore(p,o),s.insertBefore(n,o),s.removeChild(o),p})),this},unwrap:t,replace:function(e,t){var n=s(e);return n.deleteContents(),0<t.length&&n.insertNode(r.dom.doc.createTextNode(t)),n},rangeFromMatch:s,indexOf:c}},u=function(e,t){var n;return t.get()||(n=r(e.getBody(),e),t.set(n)),t.get()},m=function(e,t,n,r,o,a,i){var c,s,l,u=e.getParam("spellchecker_callback");(u||(c=e,s=t,l=n,function(e,t,r,o){var n={method:e,lang:l.get()},a="";n["addToDictionary"===e?"word":"text"]=t,g.each(n,function(e,t){a&&(a+="&"),a+=t+"="+encodeURIComponent(e)}),f.send({url:new d(s).toAbsolute(h(c)),type:"post",content_type:"application/x-www-form-urlencoded",data:a,success:function(e){var t,n=JSON.parse(e);n?n.error?o(n.error):r(n):(t=c.translate("Server response wasn't proper JSON."),o(t))},error:function(){var e=c.translate("The spelling service was not found: (")+h(c)+c.translate(")");o(e)}})})).call(e.plugins.spellchecker,r,o,a,i)},y=function(t,e,n,r,o,a){i(t,n,r)||(t.setProgressState(!0),m(t,e,a,"spellcheck",u(t,r).text,function(e){S(t,n,r,o,e)},function(e){t.notificationManager.open({text:e,type:"error"}),t.setProgressState(!1),i(t,n,r)}),t.focus())},v=function(e,t,n){e.dom.select("span.mce-spellchecker-word").length||i(e,t,n)},o=function(t,e,n,r,o,a){t.selection.collapse(),a?g.each(t.dom.select("span.mce-spellchecker-word"),function(e){e.getAttribute("data-mce-word")===r&&t.dom.remove(e,!0)}):t.dom.remove(o,!0),v(t,e,n)},i=function(e,t,n){var r=e.selection.getBookmark();if(u(e,n).reset(),e.selection.moveToBookmark(r),n.set(null),t.get())return t.set(!1),e.fire("SpellcheckEnd"),!0},x=function(e){var t=e.getAttribute("data-mce-index");return"number"==typeof t?""+t:t},S=function(t,e,n,r,o){var a=!!o.dictionary,i=o.words;if(t.setProgressState(!1),function(e){for(var t in e)if(l.call(e,t))return!1;return!0}(i)){var c=t.translate("No misspellings found.");return t.notificationManager.open({text:c,type:"info"}),void e.set(!1)}r.set({suggestions:i,hasDictionarySupport:a});var s=t.selection.getBookmark();u(t,n).find(k(t)).filter(function(e){return!!i[e.text]}).wrap(function(e){return t.dom.create("span",{"class":"mce-spellchecker-word","aria-invalid":"spelling","data-mce-bogus":1,"data-mce-word":e.text})}),t.selection.moveToBookmark(s),e.set(!0),t.fire("SpellcheckStart")},b=function(){return(b=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},w="SpellcheckStart SpellcheckEnd",T=function(n,e,r,t,o,a){var i,c,s,l=(s=n,i=g.map(s.getParam("spellchecker_languages","English=en,Danish=da,Dutch=nl,Finnish=fi,French=fr_FR,German=de,Italian=it,Polish=pl,Portuguese=pt_BR,Spanish=es,Swedish=sv").split(","),function(e){var t=e.split("=");return{name:t[0],value:t[1]}}),c=[],g.each(i,function(e){c.push({selectable:!0,text:e.name,data:e.value})}),c),u=function(){y(n,e,r,t,a,o)},d={tooltip:"Spellcheck",onAction:u,icon:"spell-check",onSetup:function(e){var t=function(){e.setActive(r.get())};return n.on(w,t),function(){n.off(w,t)}}},f=b(b({},d),{type:"splitbutton",select:function(e){return e===o.get()},fetch:function(e){e(g.map(l,function(e){return{type:"choiceitem",value:e.data,text:e.text}}))},onItemAction:function(e,t){o.set(t)}});1<l.length?n.ui.registry.addSplitButton("spellchecker",f):n.ui.registry.addToggleButton("spellchecker",d),n.ui.registry.addToggleMenuItem("spellchecker",{text:"Spellcheck",icon:"spell-check",onSetup:function(e){e.setActive(r.get());var t=function(){e.setActive(r.get())};return n.on(w,t),function(){n.off(w,t)}},onAction:u})},A=function(c,s,e,l,u,d,f,h){var t=[],n=e.get().suggestions[f];return g.each(n,function(e){t.push({text:e,onAction:function(){c.insertContent(c.dom.encode(e)),c.dom.remove(h),v(c,l,u)}})}),e.get().hasDictionarySupport&&(t.push({type:"separator"}),t.push({text:"Add to dictionary",onAction:function(){var t,e,n,r,o,a,i;e=s,n=l,r=u,o=d,a=f,i=h,(t=c).setProgressState(!0),m(t,e,o,"addToDictionary",a,function(){t.setProgressState(!1),t.dom.remove(i,!0),v(t,n,r)},function(e){t.notificationManager.open({text:e,type:"error"}),t.setProgressState(!1)})}})),t.push.apply(t,[{type:"separator"},{text:"Ignore",onAction:function(){o(c,l,u,f,h)}},{text:"Ignore all",onAction:function(){o(c,l,u,f,h,!0)}}]),t},B=function(o,a,i,c,s,l){o.ui.registry.addContextMenu("spellchecker",{update:function(e){var t=e;if("mce-spellchecker-word"!==t.className)return[];var n=function(e,t){var n=[],r=g.toArray(e.getBody().getElementsByTagName("span"));if(r.length)for(var o=0;o<r.length;o++){var a=x(r[o]);null!==a&&a.length&&a===t.toString()&&n.push(r[o])}return n}(o,x(t));if(0<n.length){var r=o.dom.createRng();return r.setStartBefore(n[0]),r.setEndAfter(n[n.length-1]),o.selection.setRng(r),A(o,a,i,c,s,l,t.getAttribute("data-mce-word"),n)}}})};e.add("spellchecker",function(e,t){if(!1==(!!e.hasPlugin("tinymcespellchecker",!0)&&("undefined"!=typeof window.console&&window.console.log&&window.console.log("Spell Checker Pro is incompatible with Spell Checker plugin! Remove 'spellchecker' from the 'plugins' option."),!0))){var n=N(!1),r=N((x=(v=e).getParam("language","en"),v.getParam("spellchecker_language",x))),o=N(null),a=N(null);return T(e,t,n,o,r,a),B(e,t,a,n,o,r),f=t,h=n,g=o,p=a,m=r,(d=e).addCommand("mceSpellCheck",function(){y(d,f,h,g,p,m)}),i=e,c=n,s=a,l=o,u=r,{getTextMatcher:function(){return l.get()},getWordCharPattern:function(){return k(i)},markErrors:function(e){S(i,c,l,s,e)},getLanguage:function(){return u.get()}}}var i,c,s,l,u,d,f,h,g,p,m,v,x})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/tabfocus/plugin.js b/src/assets/tinymce/plugins/tabfocus/plugin.js
new file mode 100644
index 00000000..52d85aa5
--- /dev/null
+++ b/src/assets/tinymce/plugins/tabfocus/plugin.js
@@ -0,0 +1,129 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.EditorManager');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var global$5 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var global$6 = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    var getTabFocusElements = function (editor) {
+      return editor.getParam('tabfocus_elements', ':prev,:next');
+    };
+    var getTabFocus = function (editor) {
+      return editor.getParam('tab_focus', getTabFocusElements(editor));
+    };
+
+    var DOM = global$1.DOM;
+    var tabCancel = function (e) {
+      if (e.keyCode === global$6.TAB && !e.ctrlKey && !e.altKey && !e.metaKey) {
+        e.preventDefault();
+      }
+    };
+    var setup = function (editor) {
+      function tabHandler(e) {
+        var x, i;
+        if (e.keyCode !== global$6.TAB || e.ctrlKey || e.altKey || e.metaKey || e.isDefaultPrevented()) {
+          return;
+        }
+        function find(direction) {
+          var el = DOM.select(':input:enabled,*[tabindex]:not(iframe)');
+          function canSelectRecursive(e) {
+            return e.nodeName === 'BODY' || e.type !== 'hidden' && e.style.display !== 'none' && e.style.visibility !== 'hidden' && canSelectRecursive(e.parentNode);
+          }
+          function canSelect(el) {
+            return /INPUT|TEXTAREA|BUTTON/.test(el.tagName) && global$2.get(e.id) && el.tabIndex !== -1 && canSelectRecursive(el);
+          }
+          global$5.each(el, function (e, i) {
+            if (e.id === editor.id) {
+              x = i;
+              return false;
+            }
+          });
+          if (direction > 0) {
+            for (i = x + 1; i < el.length; i++) {
+              if (canSelect(el[i])) {
+                return el[i];
+              }
+            }
+          } else {
+            for (i = x - 1; i >= 0; i--) {
+              if (canSelect(el[i])) {
+                return el[i];
+              }
+            }
+          }
+          return null;
+        }
+        var v = global$5.explode(getTabFocus(editor));
+        if (v.length === 1) {
+          v[1] = v[0];
+          v[0] = ':prev';
+        }
+        var el;
+        if (e.shiftKey) {
+          if (v[0] === ':prev') {
+            el = find(-1);
+          } else {
+            el = DOM.get(v[0]);
+          }
+        } else {
+          if (v[1] === ':next') {
+            el = find(1);
+          } else {
+            el = DOM.get(v[1]);
+          }
+        }
+        if (el) {
+          var focusEditor = global$2.get(el.id || el.name);
+          if (el.id && focusEditor) {
+            focusEditor.focus();
+          } else {
+            global$4.setTimeout(function () {
+              if (!global$3.webkit) {
+                window.focus();
+              }
+              el.focus();
+            }, 10);
+          }
+          e.preventDefault();
+        }
+      }
+      editor.on('init', function () {
+        if (editor.inline) {
+          DOM.setAttrib(editor.getBody(), 'tabIndex', null);
+        }
+        editor.on('keyup', tabCancel);
+        if (global$3.gecko) {
+          editor.on('keypress keydown', tabHandler);
+        } else {
+          editor.on('keydown', tabHandler);
+        }
+      });
+    };
+
+    function Plugin () {
+      global.add('tabfocus', function (editor) {
+        setup(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/tabfocus/plugin.min.js b/src/assets/tinymce/plugins/tabfocus/plugin.min.js
new file mode 100644
index 00000000..11938e41
--- /dev/null
+++ b/src/assets/tinymce/plugins/tabfocus/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),t=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),c=tinymce.util.Tools.resolve("tinymce.EditorManager"),a=tinymce.util.Tools.resolve("tinymce.Env"),y=tinymce.util.Tools.resolve("tinymce.util.Delay"),d=tinymce.util.Tools.resolve("tinymce.util.Tools"),f=tinymce.util.Tools.resolve("tinymce.util.VK"),m=t.DOM,n=function(e){e.keyCode!==f.TAB||e.ctrlKey||e.altKey||e.metaKey||e.preventDefault()},i=function(s){function e(i){var o,l,e,t,n,u;function r(e){var t=m.select(":input:enabled,*[tabindex]:not(iframe)");function n(e){return/INPUT|TEXTAREA|BUTTON/.test(e.tagName)&&c.get(i.id)&&-1!==e.tabIndex&&function t(e){return"BODY"===e.nodeName||"hidden"!==e.type&&"none"!==e.style.display&&"hidden"!==e.style.visibility&&t(e.parentNode)}(e)}if(d.each(t,function(e,t){if(e.id===s.id)return o=t,!1}),0<e){for(l=o+1;l<t.length;l++)if(n(t[l]))return t[l]}else for(l=o-1;0<=l;l--)if(n(t[l]))return t[l];return null}i.keyCode!==f.TAB||i.ctrlKey||i.altKey||i.metaKey||i.isDefaultPrevented()||(1===(e=d.explode((t=s).getParam("tab_focus",t.getParam("tabfocus_elements",":prev,:next")))).length&&(e[1]=e[0],e[0]=":prev"),(n=i.shiftKey?":prev"===e[0]?r(-1):m.get(e[0]):":next"===e[1]?r(1):m.get(e[1]))&&(u=c.get(n.id||n.name),n.id&&u?u.focus():y.setTimeout(function(){a.webkit||window.focus(),n.focus()},10),i.preventDefault()))}s.on("init",function(){s.inline&&m.setAttrib(s.getBody(),"tabIndex",null),s.on("keyup",n),a.gecko?s.on("keypress keydown",e):s.on("keydown",e)})};e.add("tabfocus",function(e){i(e)})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/table/plugin.js b/src/assets/tinymce/plugins/table/plugin.js
new file mode 100644
index 00000000..6e6262a2
--- /dev/null
+++ b/src/assets/tinymce/plugins/table/plugin.js
@@ -0,0 +1,10495 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var noop = function () {
+    };
+    var compose = function (fa, fb) {
+      return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        return fa(fb.apply(null, args));
+      };
+    };
+    var compose1 = function (fbc, fab) {
+      return function (a) {
+        return fbc(fab(a));
+      };
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var identity = function (x) {
+      return x;
+    };
+    function curry(fn) {
+      var initialArgs = [];
+      for (var _i = 1; _i < arguments.length; _i++) {
+        initialArgs[_i - 1] = arguments[_i];
+      }
+      return function () {
+        var restArgs = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          restArgs[_i] = arguments[_i];
+        }
+        var all = initialArgs.concat(restArgs);
+        return fn.apply(null, all);
+      };
+    }
+    var not = function (f) {
+      return function (t) {
+        return !f(t);
+      };
+    };
+    var die = function (msg) {
+      return function () {
+        throw new Error(msg);
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var typeOf = function (x) {
+      var t = typeof x;
+      if (x === null) {
+        return 'null';
+      } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+        return 'array';
+      } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+        return 'string';
+      } else {
+        return t;
+      }
+    };
+    var isType = function (type) {
+      return function (value) {
+        return typeOf(value) === type;
+      };
+    };
+    var isSimpleType = function (type) {
+      return function (value) {
+        return typeof value === type;
+      };
+    };
+    var eq = function (t) {
+      return function (a) {
+        return t === a;
+      };
+    };
+    var isString = isType('string');
+    var isObject = isType('object');
+    var isArray = isType('array');
+    var isBoolean = isSimpleType('boolean');
+    var isUndefined = eq(undefined);
+    var isNullable = function (a) {
+      return a === null || a === undefined;
+    };
+    var isNonNullable = function (a) {
+      return !isNullable(a);
+    };
+    var isFunction = isSimpleType('function');
+    var isNumber = isSimpleType('number');
+
+    var nativeSlice = Array.prototype.slice;
+    var nativeIndexOf = Array.prototype.indexOf;
+    var nativePush = Array.prototype.push;
+    var rawIndexOf = function (ts, t) {
+      return nativeIndexOf.call(ts, t);
+    };
+    var contains = function (xs, x) {
+      return rawIndexOf(xs, x) > -1;
+    };
+    var exists = function (xs, pred) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return true;
+        }
+      }
+      return false;
+    };
+    var range = function (num, f) {
+      var r = [];
+      for (var i = 0; i < num; i++) {
+        r.push(f(i));
+      }
+      return r;
+    };
+    var map = function (xs, f) {
+      var len = xs.length;
+      var r = new Array(len);
+      for (var i = 0; i < len; i++) {
+        var x = xs[i];
+        r[i] = f(x, i);
+      }
+      return r;
+    };
+    var each = function (xs, f) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var eachr = function (xs, f) {
+      for (var i = xs.length - 1; i >= 0; i--) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var partition = function (xs, pred) {
+      var pass = [];
+      var fail = [];
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        var arr = pred(x, i) ? pass : fail;
+        arr.push(x);
+      }
+      return {
+        pass: pass,
+        fail: fail
+      };
+    };
+    var filter = function (xs, pred) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          r.push(x);
+        }
+      }
+      return r;
+    };
+    var foldr = function (xs, f, acc) {
+      eachr(xs, function (x) {
+        acc = f(acc, x);
+      });
+      return acc;
+    };
+    var foldl = function (xs, f, acc) {
+      each(xs, function (x) {
+        acc = f(acc, x);
+      });
+      return acc;
+    };
+    var findUntil = function (xs, pred, until) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return Optional.some(x);
+        } else if (until(x, i)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var find = function (xs, pred) {
+      return findUntil(xs, pred, never);
+    };
+    var findIndex = function (xs, pred) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return Optional.some(i);
+        }
+      }
+      return Optional.none();
+    };
+    var flatten = function (xs) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; ++i) {
+        if (!isArray(xs[i])) {
+          throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+        }
+        nativePush.apply(r, xs[i]);
+      }
+      return r;
+    };
+    var bind = function (xs, f) {
+      return flatten(map(xs, f));
+    };
+    var forall = function (xs, pred) {
+      for (var i = 0, len = xs.length; i < len; ++i) {
+        var x = xs[i];
+        if (pred(x, i) !== true) {
+          return false;
+        }
+      }
+      return true;
+    };
+    var reverse = function (xs) {
+      var r = nativeSlice.call(xs, 0);
+      r.reverse();
+      return r;
+    };
+    var pure = function (x) {
+      return [x];
+    };
+    var get = function (xs, i) {
+      return i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none();
+    };
+    var head = function (xs) {
+      return get(xs, 0);
+    };
+    var last = function (xs) {
+      return get(xs, xs.length - 1);
+    };
+    var findMap = function (arr, f) {
+      for (var i = 0; i < arr.length; i++) {
+        var r = f(arr[i], i);
+        if (r.isSome()) {
+          return r;
+        }
+      }
+      return Optional.none();
+    };
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p))
+              t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+    function __spreadArrays() {
+      for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+        s += arguments[i].length;
+      for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+          r[k] = a[j];
+      return r;
+    }
+
+    var cached = function (f) {
+      var called = false;
+      var r;
+      return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        if (!called) {
+          called = true;
+          r = f.apply(null, args);
+        }
+        return r;
+      };
+    };
+
+    var DeviceType = function (os, browser, userAgent, mediaMatch) {
+      var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
+      var isiPhone = os.isiOS() && !isiPad;
+      var isMobile = os.isiOS() || os.isAndroid();
+      var isTouch = isMobile || mediaMatch('(pointer:coarse)');
+      var isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
+      var isPhone = isiPhone || isMobile && !isTablet;
+      var iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
+      var isDesktop = !isPhone && !isTablet && !iOSwebview;
+      return {
+        isiPad: constant(isiPad),
+        isiPhone: constant(isiPhone),
+        isTablet: constant(isTablet),
+        isPhone: constant(isPhone),
+        isTouch: constant(isTouch),
+        isAndroid: os.isAndroid,
+        isiOS: os.isiOS,
+        isWebView: constant(iOSwebview),
+        isDesktop: constant(isDesktop)
+      };
+    };
+
+    var firstMatch = function (regexes, s) {
+      for (var i = 0; i < regexes.length; i++) {
+        var x = regexes[i];
+        if (x.test(s)) {
+          return x;
+        }
+      }
+      return undefined;
+    };
+    var find$1 = function (regexes, agent) {
+      var r = firstMatch(regexes, agent);
+      if (!r) {
+        return {
+          major: 0,
+          minor: 0
+        };
+      }
+      var group = function (i) {
+        return Number(agent.replace(r, '$' + i));
+      };
+      return nu(group(1), group(2));
+    };
+    var detect = function (versionRegexes, agent) {
+      var cleanedAgent = String(agent).toLowerCase();
+      if (versionRegexes.length === 0) {
+        return unknown();
+      }
+      return find$1(versionRegexes, cleanedAgent);
+    };
+    var unknown = function () {
+      return nu(0, 0);
+    };
+    var nu = function (major, minor) {
+      return {
+        major: major,
+        minor: minor
+      };
+    };
+    var Version = {
+      nu: nu,
+      detect: detect,
+      unknown: unknown
+    };
+
+    var detect$1 = function (candidates, userAgent) {
+      var agent = String(userAgent).toLowerCase();
+      return find(candidates, function (candidate) {
+        return candidate.search(agent);
+      });
+    };
+    var detectBrowser = function (browsers, userAgent) {
+      return detect$1(browsers, userAgent).map(function (browser) {
+        var version = Version.detect(browser.versionRegexes, userAgent);
+        return {
+          current: browser.name,
+          version: version
+        };
+      });
+    };
+    var detectOs = function (oses, userAgent) {
+      return detect$1(oses, userAgent).map(function (os) {
+        var version = Version.detect(os.versionRegexes, userAgent);
+        return {
+          current: os.name,
+          version: version
+        };
+      });
+    };
+    var UaString = {
+      detectBrowser: detectBrowser,
+      detectOs: detectOs
+    };
+
+    var checkRange = function (str, substr, start) {
+      return substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    };
+    var contains$1 = function (str, substr) {
+      return str.indexOf(substr) !== -1;
+    };
+    var startsWith = function (str, prefix) {
+      return checkRange(str, prefix, 0);
+    };
+    var endsWith = function (str, suffix) {
+      return checkRange(str, suffix, str.length - suffix.length);
+    };
+    var blank = function (r) {
+      return function (s) {
+        return s.replace(r, '');
+      };
+    };
+    var trim = blank(/^\s+|\s+$/g);
+    var isNotEmpty = function (s) {
+      return s.length > 0;
+    };
+
+    var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
+    var checkContains = function (target) {
+      return function (uastring) {
+        return contains$1(uastring, target);
+      };
+    };
+    var browsers = [
+      {
+        name: 'Edge',
+        versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
+        search: function (uastring) {
+          return contains$1(uastring, 'edge/') && contains$1(uastring, 'chrome') && contains$1(uastring, 'safari') && contains$1(uastring, 'applewebkit');
+        }
+      },
+      {
+        name: 'Chrome',
+        versionRegexes: [
+          /.*?chrome\/([0-9]+)\.([0-9]+).*/,
+          normalVersionRegex
+        ],
+        search: function (uastring) {
+          return contains$1(uastring, 'chrome') && !contains$1(uastring, 'chromeframe');
+        }
+      },
+      {
+        name: 'IE',
+        versionRegexes: [
+          /.*?msie\ ?([0-9]+)\.([0-9]+).*/,
+          /.*?rv:([0-9]+)\.([0-9]+).*/
+        ],
+        search: function (uastring) {
+          return contains$1(uastring, 'msie') || contains$1(uastring, 'trident');
+        }
+      },
+      {
+        name: 'Opera',
+        versionRegexes: [
+          normalVersionRegex,
+          /.*?opera\/([0-9]+)\.([0-9]+).*/
+        ],
+        search: checkContains('opera')
+      },
+      {
+        name: 'Firefox',
+        versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
+        search: checkContains('firefox')
+      },
+      {
+        name: 'Safari',
+        versionRegexes: [
+          normalVersionRegex,
+          /.*?cpu os ([0-9]+)_([0-9]+).*/
+        ],
+        search: function (uastring) {
+          return (contains$1(uastring, 'safari') || contains$1(uastring, 'mobile/')) && contains$1(uastring, 'applewebkit');
+        }
+      }
+    ];
+    var oses = [
+      {
+        name: 'Windows',
+        search: checkContains('win'),
+        versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
+      },
+      {
+        name: 'iOS',
+        search: function (uastring) {
+          return contains$1(uastring, 'iphone') || contains$1(uastring, 'ipad');
+        },
+        versionRegexes: [
+          /.*?version\/\ ?([0-9]+)\.([0-9]+).*/,
+          /.*cpu os ([0-9]+)_([0-9]+).*/,
+          /.*cpu iphone os ([0-9]+)_([0-9]+).*/
+        ]
+      },
+      {
+        name: 'Android',
+        search: checkContains('android'),
+        versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
+      },
+      {
+        name: 'OSX',
+        search: checkContains('mac os x'),
+        versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
+      },
+      {
+        name: 'Linux',
+        search: checkContains('linux'),
+        versionRegexes: []
+      },
+      {
+        name: 'Solaris',
+        search: checkContains('sunos'),
+        versionRegexes: []
+      },
+      {
+        name: 'FreeBSD',
+        search: checkContains('freebsd'),
+        versionRegexes: []
+      },
+      {
+        name: 'ChromeOS',
+        search: checkContains('cros'),
+        versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
+      }
+    ];
+    var PlatformInfo = {
+      browsers: constant(browsers),
+      oses: constant(oses)
+    };
+
+    var edge = 'Edge';
+    var chrome = 'Chrome';
+    var ie = 'IE';
+    var opera = 'Opera';
+    var firefox = 'Firefox';
+    var safari = 'Safari';
+    var unknown$1 = function () {
+      return nu$1({
+        current: undefined,
+        version: Version.unknown()
+      });
+    };
+    var nu$1 = function (info) {
+      var current = info.current;
+      var version = info.version;
+      var isBrowser = function (name) {
+        return function () {
+          return current === name;
+        };
+      };
+      return {
+        current: current,
+        version: version,
+        isEdge: isBrowser(edge),
+        isChrome: isBrowser(chrome),
+        isIE: isBrowser(ie),
+        isOpera: isBrowser(opera),
+        isFirefox: isBrowser(firefox),
+        isSafari: isBrowser(safari)
+      };
+    };
+    var Browser = {
+      unknown: unknown$1,
+      nu: nu$1,
+      edge: constant(edge),
+      chrome: constant(chrome),
+      ie: constant(ie),
+      opera: constant(opera),
+      firefox: constant(firefox),
+      safari: constant(safari)
+    };
+
+    var windows = 'Windows';
+    var ios = 'iOS';
+    var android = 'Android';
+    var linux = 'Linux';
+    var osx = 'OSX';
+    var solaris = 'Solaris';
+    var freebsd = 'FreeBSD';
+    var chromeos = 'ChromeOS';
+    var unknown$2 = function () {
+      return nu$2({
+        current: undefined,
+        version: Version.unknown()
+      });
+    };
+    var nu$2 = function (info) {
+      var current = info.current;
+      var version = info.version;
+      var isOS = function (name) {
+        return function () {
+          return current === name;
+        };
+      };
+      return {
+        current: current,
+        version: version,
+        isWindows: isOS(windows),
+        isiOS: isOS(ios),
+        isAndroid: isOS(android),
+        isOSX: isOS(osx),
+        isLinux: isOS(linux),
+        isSolaris: isOS(solaris),
+        isFreeBSD: isOS(freebsd),
+        isChromeOS: isOS(chromeos)
+      };
+    };
+    var OperatingSystem = {
+      unknown: unknown$2,
+      nu: nu$2,
+      windows: constant(windows),
+      ios: constant(ios),
+      android: constant(android),
+      linux: constant(linux),
+      osx: constant(osx),
+      solaris: constant(solaris),
+      freebsd: constant(freebsd),
+      chromeos: constant(chromeos)
+    };
+
+    var detect$2 = function (userAgent, mediaMatch) {
+      var browsers = PlatformInfo.browsers();
+      var oses = PlatformInfo.oses();
+      var browser = UaString.detectBrowser(browsers, userAgent).fold(Browser.unknown, Browser.nu);
+      var os = UaString.detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
+      var deviceType = DeviceType(os, browser, userAgent, mediaMatch);
+      return {
+        browser: browser,
+        os: os,
+        deviceType: deviceType
+      };
+    };
+    var PlatformDetection = { detect: detect$2 };
+
+    var mediaMatch = function (query) {
+      return window.matchMedia(query).matches;
+    };
+    var platform = cached(function () {
+      return PlatformDetection.detect(navigator.userAgent, mediaMatch);
+    });
+    var detect$3 = function () {
+      return platform();
+    };
+
+    var compareDocumentPosition = function (a, b, match) {
+      return (a.compareDocumentPosition(b) & match) !== 0;
+    };
+    var documentPositionContainedBy = function (a, b) {
+      return compareDocumentPosition(a, b, Node.DOCUMENT_POSITION_CONTAINED_BY);
+    };
+
+    var COMMENT = 8;
+    var DOCUMENT = 9;
+    var DOCUMENT_FRAGMENT = 11;
+    var ELEMENT = 1;
+    var TEXT = 3;
+
+    var fromHtml = function (html, scope) {
+      var doc = scope || document;
+      var div = doc.createElement('div');
+      div.innerHTML = html;
+      if (!div.hasChildNodes() || div.childNodes.length > 1) {
+        console.error('HTML does not have a single root node', html);
+        throw new Error('HTML must have a single root node');
+      }
+      return fromDom(div.childNodes[0]);
+    };
+    var fromTag = function (tag, scope) {
+      var doc = scope || document;
+      var node = doc.createElement(tag);
+      return fromDom(node);
+    };
+    var fromText = function (text, scope) {
+      var doc = scope || document;
+      var node = doc.createTextNode(text);
+      return fromDom(node);
+    };
+    var fromDom = function (node) {
+      if (node === null || node === undefined) {
+        throw new Error('Node cannot be null or undefined');
+      }
+      return { dom: node };
+    };
+    var fromPoint = function (docElm, x, y) {
+      return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
+    };
+    var SugarElement = {
+      fromHtml: fromHtml,
+      fromTag: fromTag,
+      fromText: fromText,
+      fromDom: fromDom,
+      fromPoint: fromPoint
+    };
+
+    var is = function (element, selector) {
+      var dom = element.dom;
+      if (dom.nodeType !== ELEMENT) {
+        return false;
+      } else {
+        var elem = dom;
+        if (elem.matches !== undefined) {
+          return elem.matches(selector);
+        } else if (elem.msMatchesSelector !== undefined) {
+          return elem.msMatchesSelector(selector);
+        } else if (elem.webkitMatchesSelector !== undefined) {
+          return elem.webkitMatchesSelector(selector);
+        } else if (elem.mozMatchesSelector !== undefined) {
+          return elem.mozMatchesSelector(selector);
+        } else {
+          throw new Error('Browser lacks native selectors');
+        }
+      }
+    };
+    var bypassSelector = function (dom) {
+      return dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT || dom.childElementCount === 0;
+    };
+    var all = function (selector, scope) {
+      var base = scope === undefined ? document : scope.dom;
+      return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+    var one = function (selector, scope) {
+      var base = scope === undefined ? document : scope.dom;
+      return bypassSelector(base) ? Optional.none() : Optional.from(base.querySelector(selector)).map(SugarElement.fromDom);
+    };
+
+    var eq$1 = function (e1, e2) {
+      return e1.dom === e2.dom;
+    };
+    var regularContains = function (e1, e2) {
+      var d1 = e1.dom;
+      var d2 = e2.dom;
+      return d1 === d2 ? false : d1.contains(d2);
+    };
+    var ieContains = function (e1, e2) {
+      return documentPositionContainedBy(e1.dom, e2.dom);
+    };
+    var contains$2 = function (e1, e2) {
+      return detect$3().browser.isIE() ? ieContains(e1, e2) : regularContains(e1, e2);
+    };
+    var is$1 = is;
+
+    var keys = Object.keys;
+    var hasOwnProperty = Object.hasOwnProperty;
+    var each$1 = function (obj, f) {
+      var props = keys(obj);
+      for (var k = 0, len = props.length; k < len; k++) {
+        var i = props[k];
+        var x = obj[i];
+        f(x, i);
+      }
+    };
+    var map$1 = function (obj, f) {
+      return tupleMap(obj, function (x, i) {
+        return {
+          k: i,
+          v: f(x, i)
+        };
+      });
+    };
+    var tupleMap = function (obj, f) {
+      var r = {};
+      each$1(obj, function (x, i) {
+        var tuple = f(x, i);
+        r[tuple.k] = tuple.v;
+      });
+      return r;
+    };
+    var objAcc = function (r) {
+      return function (x, i) {
+        r[i] = x;
+      };
+    };
+    var internalFilter = function (obj, pred, onTrue, onFalse) {
+      var r = {};
+      each$1(obj, function (x, i) {
+        (pred(x, i) ? onTrue : onFalse)(x, i);
+      });
+      return r;
+    };
+    var filter$1 = function (obj, pred) {
+      var t = {};
+      internalFilter(obj, pred, objAcc(t), noop);
+      return t;
+    };
+    var mapToArray = function (obj, f) {
+      var r = [];
+      each$1(obj, function (value, name) {
+        r.push(f(value, name));
+      });
+      return r;
+    };
+    var values = function (obj) {
+      return mapToArray(obj, function (v) {
+        return v;
+      });
+    };
+    var get$1 = function (obj, key) {
+      return has(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    var has = function (obj, key) {
+      return hasOwnProperty.call(obj, key);
+    };
+    var hasNonNullableKey = function (obj, key) {
+      return has(obj, key) && obj[key] !== undefined && obj[key] !== null;
+    };
+    var isEmpty = function (r) {
+      for (var x in r) {
+        if (hasOwnProperty.call(r, x)) {
+          return false;
+        }
+      }
+      return true;
+    };
+
+    var validSectionList = [
+      'tfoot',
+      'thead',
+      'tbody',
+      'colgroup'
+    ];
+    var isValidSection = function (parentName) {
+      return contains(validSectionList, parentName);
+    };
+    var grid = function (rows, columns) {
+      return {
+        rows: rows,
+        columns: columns
+      };
+    };
+    var address = function (row, column) {
+      return {
+        row: row,
+        column: column
+      };
+    };
+    var detail = function (element, rowspan, colspan) {
+      return {
+        element: element,
+        rowspan: rowspan,
+        colspan: colspan
+      };
+    };
+    var detailnew = function (element, rowspan, colspan, isNew) {
+      return {
+        element: element,
+        rowspan: rowspan,
+        colspan: colspan,
+        isNew: isNew
+      };
+    };
+    var extended = function (element, rowspan, colspan, row, column) {
+      return {
+        element: element,
+        rowspan: rowspan,
+        colspan: colspan,
+        row: row,
+        column: column
+      };
+    };
+    var rowdata = function (element, cells, section) {
+      return {
+        element: element,
+        cells: cells,
+        section: section
+      };
+    };
+    var elementnew = function (element, isNew) {
+      return {
+        element: element,
+        isNew: isNew
+      };
+    };
+    var rowdatanew = function (element, cells, section, isNew) {
+      return {
+        element: element,
+        cells: cells,
+        section: section,
+        isNew: isNew
+      };
+    };
+    var rowcells = function (cells, section) {
+      return {
+        cells: cells,
+        section: section
+      };
+    };
+    var rowdetails = function (details, section) {
+      return {
+        details: details,
+        section: section
+      };
+    };
+    var bounds = function (startRow, startCol, finishRow, finishCol) {
+      return {
+        startRow: startRow,
+        startCol: startCol,
+        finishRow: finishRow,
+        finishCol: finishCol
+      };
+    };
+    var columnext = function (element, colspan, column) {
+      return {
+        element: element,
+        colspan: colspan,
+        column: column
+      };
+    };
+
+    var Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    var name = function (element) {
+      var r = element.dom.nodeName;
+      return r.toLowerCase();
+    };
+    var type = function (element) {
+      return element.dom.nodeType;
+    };
+    var isType$1 = function (t) {
+      return function (element) {
+        return type(element) === t;
+      };
+    };
+    var isComment = function (element) {
+      return type(element) === COMMENT || name(element) === '#comment';
+    };
+    var isElement = isType$1(ELEMENT);
+    var isText = isType$1(TEXT);
+    var isDocument = isType$1(DOCUMENT);
+    var isDocumentFragment = isType$1(DOCUMENT_FRAGMENT);
+    var isTag = function (tag) {
+      return function (e) {
+        return isElement(e) && name(e) === tag;
+      };
+    };
+
+    var owner = function (element) {
+      return SugarElement.fromDom(element.dom.ownerDocument);
+    };
+    var documentOrOwner = function (dos) {
+      return isDocument(dos) ? dos : owner(dos);
+    };
+    var defaultView = function (element) {
+      return SugarElement.fromDom(documentOrOwner(element).dom.defaultView);
+    };
+    var parent = function (element) {
+      return Optional.from(element.dom.parentNode).map(SugarElement.fromDom);
+    };
+    var parents = function (element, isRoot) {
+      var stop = isFunction(isRoot) ? isRoot : never;
+      var dom = element.dom;
+      var ret = [];
+      while (dom.parentNode !== null && dom.parentNode !== undefined) {
+        var rawParent = dom.parentNode;
+        var p = SugarElement.fromDom(rawParent);
+        ret.push(p);
+        if (stop(p) === true) {
+          break;
+        } else {
+          dom = rawParent;
+        }
+      }
+      return ret;
+    };
+    var offsetParent = function (element) {
+      return Optional.from(element.dom.offsetParent).map(SugarElement.fromDom);
+    };
+    var prevSibling = function (element) {
+      return Optional.from(element.dom.previousSibling).map(SugarElement.fromDom);
+    };
+    var nextSibling = function (element) {
+      return Optional.from(element.dom.nextSibling).map(SugarElement.fromDom);
+    };
+    var children = function (element) {
+      return map(element.dom.childNodes, SugarElement.fromDom);
+    };
+    var child = function (element, index) {
+      var cs = element.dom.childNodes;
+      return Optional.from(cs[index]).map(SugarElement.fromDom);
+    };
+    var firstChild = function (element) {
+      return child(element, 0);
+    };
+
+    var isShadowRoot = function (dos) {
+      return isDocumentFragment(dos);
+    };
+    var supported = isFunction(Element.prototype.attachShadow) && isFunction(Node.prototype.getRootNode);
+    var isSupported = constant(supported);
+    var getRootNode = supported ? function (e) {
+      return SugarElement.fromDom(e.dom.getRootNode());
+    } : documentOrOwner;
+    var getShadowRoot = function (e) {
+      var r = getRootNode(e);
+      return isShadowRoot(r) ? Optional.some(r) : Optional.none();
+    };
+    var getShadowHost = function (e) {
+      return SugarElement.fromDom(e.dom.host);
+    };
+    var getOriginalEventTarget = function (event) {
+      if (isSupported() && isNonNullable(event.target)) {
+        var el = SugarElement.fromDom(event.target);
+        if (isElement(el) && isOpenShadowHost(el)) {
+          if (event.composed && event.composedPath) {
+            var composedPath = event.composedPath();
+            if (composedPath) {
+              return head(composedPath);
+            }
+          }
+        }
+      }
+      return Optional.from(event.target);
+    };
+    var isOpenShadowHost = function (element) {
+      return isNonNullable(element.dom.shadowRoot);
+    };
+
+    var inBody = function (element) {
+      var dom = isText(element) ? element.dom.parentNode : element.dom;
+      if (dom === undefined || dom === null || dom.ownerDocument === null) {
+        return false;
+      }
+      var doc = dom.ownerDocument;
+      return getShadowRoot(SugarElement.fromDom(dom)).fold(function () {
+        return doc.body.contains(dom);
+      }, compose1(inBody, getShadowHost));
+    };
+    var body = function () {
+      return getBody(SugarElement.fromDom(document));
+    };
+    var getBody = function (doc) {
+      var b = doc.dom.body;
+      if (b === null || b === undefined) {
+        throw new Error('Body is not available yet');
+      }
+      return SugarElement.fromDom(b);
+    };
+
+    var ancestors = function (scope, predicate, isRoot) {
+      return filter(parents(scope, isRoot), predicate);
+    };
+    var children$1 = function (scope, predicate) {
+      return filter(children(scope), predicate);
+    };
+    var descendants = function (scope, predicate) {
+      var result = [];
+      each(children(scope), function (x) {
+        if (predicate(x)) {
+          result = result.concat([x]);
+        }
+        result = result.concat(descendants(x, predicate));
+      });
+      return result;
+    };
+
+    var ancestors$1 = function (scope, selector, isRoot) {
+      return ancestors(scope, function (e) {
+        return is(e, selector);
+      }, isRoot);
+    };
+    var children$2 = function (scope, selector) {
+      return children$1(scope, function (e) {
+        return is(e, selector);
+      });
+    };
+    var descendants$1 = function (scope, selector) {
+      return all(selector, scope);
+    };
+
+    function ClosestOrAncestor (is, ancestor, scope, a, isRoot) {
+      if (is(scope, a)) {
+        return Optional.some(scope);
+      } else if (isFunction(isRoot) && isRoot(scope)) {
+        return Optional.none();
+      } else {
+        return ancestor(scope, a, isRoot);
+      }
+    }
+
+    var ancestor = function (scope, predicate, isRoot) {
+      var element = scope.dom;
+      var stop = isFunction(isRoot) ? isRoot : never;
+      while (element.parentNode) {
+        element = element.parentNode;
+        var el = SugarElement.fromDom(element);
+        if (predicate(el)) {
+          return Optional.some(el);
+        } else if (stop(el)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var closest = function (scope, predicate, isRoot) {
+      var is = function (s, test) {
+        return test(s);
+      };
+      return ClosestOrAncestor(is, ancestor, scope, predicate, isRoot);
+    };
+    var child$1 = function (scope, predicate) {
+      var pred = function (node) {
+        return predicate(SugarElement.fromDom(node));
+      };
+      var result = find(scope.dom.childNodes, pred);
+      return result.map(SugarElement.fromDom);
+    };
+    var descendant = function (scope, predicate) {
+      var descend = function (node) {
+        for (var i = 0; i < node.childNodes.length; i++) {
+          var child_1 = SugarElement.fromDom(node.childNodes[i]);
+          if (predicate(child_1)) {
+            return Optional.some(child_1);
+          }
+          var res = descend(node.childNodes[i]);
+          if (res.isSome()) {
+            return res;
+          }
+        }
+        return Optional.none();
+      };
+      return descend(scope.dom);
+    };
+
+    var ancestor$1 = function (scope, selector, isRoot) {
+      return ancestor(scope, function (e) {
+        return is(e, selector);
+      }, isRoot);
+    };
+    var child$2 = function (scope, selector) {
+      return child$1(scope, function (e) {
+        return is(e, selector);
+      });
+    };
+    var descendant$1 = function (scope, selector) {
+      return one(selector, scope);
+    };
+    var closest$1 = function (scope, selector, isRoot) {
+      var is$1 = function (element, selector) {
+        return is(element, selector);
+      };
+      return ClosestOrAncestor(is$1, ancestor$1, scope, selector, isRoot);
+    };
+
+    var rawSet = function (dom, key, value) {
+      if (isString(value) || isBoolean(value) || isNumber(value)) {
+        dom.setAttribute(key, value + '');
+      } else {
+        console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+        throw new Error('Attribute value was not simple');
+      }
+    };
+    var set = function (element, key, value) {
+      rawSet(element.dom, key, value);
+    };
+    var setAll = function (element, attrs) {
+      var dom = element.dom;
+      each$1(attrs, function (v, k) {
+        rawSet(dom, k, v);
+      });
+    };
+    var get$2 = function (element, key) {
+      var v = element.dom.getAttribute(key);
+      return v === null ? undefined : v;
+    };
+    var getOpt = function (element, key) {
+      return Optional.from(get$2(element, key));
+    };
+    var remove = function (element, key) {
+      element.dom.removeAttribute(key);
+    };
+    var clone = function (element) {
+      return foldl(element.dom.attributes, function (acc, attr) {
+        acc[attr.name] = attr.value;
+        return acc;
+      }, {});
+    };
+
+    var isSupported$1 = function (dom) {
+      return dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+    };
+
+    var internalSet = function (dom, property, value) {
+      if (!isString(value)) {
+        console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+        throw new Error('CSS value must be a string: ' + value);
+      }
+      if (isSupported$1(dom)) {
+        dom.style.setProperty(property, value);
+      }
+    };
+    var internalRemove = function (dom, property) {
+      if (isSupported$1(dom)) {
+        dom.style.removeProperty(property);
+      }
+    };
+    var set$1 = function (element, property, value) {
+      var dom = element.dom;
+      internalSet(dom, property, value);
+    };
+    var setAll$1 = function (element, css) {
+      var dom = element.dom;
+      each$1(css, function (v, k) {
+        internalSet(dom, k, v);
+      });
+    };
+    var get$3 = function (element, property) {
+      var dom = element.dom;
+      var styles = window.getComputedStyle(dom);
+      var r = styles.getPropertyValue(property);
+      return r === '' && !inBody(element) ? getUnsafeProperty(dom, property) : r;
+    };
+    var getUnsafeProperty = function (dom, property) {
+      return isSupported$1(dom) ? dom.style.getPropertyValue(property) : '';
+    };
+    var getRaw = function (element, property) {
+      var dom = element.dom;
+      var raw = getUnsafeProperty(dom, property);
+      return Optional.from(raw).filter(function (r) {
+        return r.length > 0;
+      });
+    };
+    var remove$1 = function (element, property) {
+      var dom = element.dom;
+      internalRemove(dom, property);
+      if (getOpt(element, 'style').map(trim).is('')) {
+        remove(element, 'style');
+      }
+    };
+    var copy = function (source, target) {
+      var sourceDom = source.dom;
+      var targetDom = target.dom;
+      if (isSupported$1(sourceDom) && isSupported$1(targetDom)) {
+        targetDom.style.cssText = sourceDom.style.cssText;
+      }
+    };
+
+    var getAttrValue = function (cell, name, fallback) {
+      if (fallback === void 0) {
+        fallback = 0;
+      }
+      return getOpt(cell, name).map(function (value) {
+        return parseInt(value, 10);
+      }).getOr(fallback);
+    };
+    var getSpan = function (cell, type) {
+      return getAttrValue(cell, type, 1);
+    };
+    var hasColspan = function (cell) {
+      return getSpan(cell, 'colspan') > 1;
+    };
+    var hasRowspan = function (cell) {
+      return getSpan(cell, 'rowspan') > 1;
+    };
+    var getCssValue = function (element, property) {
+      return parseInt(get$3(element, property), 10);
+    };
+    var minWidth = constant(10);
+    var minHeight = constant(10);
+
+    var firstLayer = function (scope, selector) {
+      return filterFirstLayer(scope, selector, always);
+    };
+    var filterFirstLayer = function (scope, selector, predicate) {
+      return bind(children(scope), function (x) {
+        if (is(x, selector)) {
+          return predicate(x) ? [x] : [];
+        } else {
+          return filterFirstLayer(x, selector, predicate);
+        }
+      });
+    };
+
+    var lookup = function (tags, element, isRoot) {
+      if (isRoot === void 0) {
+        isRoot = never;
+      }
+      if (isRoot(element)) {
+        return Optional.none();
+      }
+      if (contains(tags, name(element))) {
+        return Optional.some(element);
+      }
+      var isRootOrUpperTable = function (elm) {
+        return is(elm, 'table') || isRoot(elm);
+      };
+      return ancestor$1(element, tags.join(','), isRootOrUpperTable);
+    };
+    var cell = function (element, isRoot) {
+      return lookup([
+        'td',
+        'th'
+      ], element, isRoot);
+    };
+    var cells = function (ancestor) {
+      return firstLayer(ancestor, 'th,td');
+    };
+    var columns = function (ancestor) {
+      if (is(ancestor, 'colgroup')) {
+        return children$2(ancestor, 'col');
+      } else {
+        return bind(columnGroups(ancestor), function (columnGroup) {
+          return children$2(columnGroup, 'col');
+        });
+      }
+    };
+    var table = function (element, isRoot) {
+      return closest$1(element, 'table', isRoot);
+    };
+    var rows = function (ancestor) {
+      return firstLayer(ancestor, 'tr');
+    };
+    var columnGroups = function (ancestor) {
+      return table(ancestor).fold(constant([]), function (table) {
+        return children$2(table, 'colgroup');
+      });
+    };
+
+    var fromRowsOrColGroups = function (elems, getSection) {
+      return map(elems, function (row) {
+        if (name(row) === 'colgroup') {
+          var cells$1 = map(columns(row), function (column) {
+            var colspan = getAttrValue(column, 'span', 1);
+            return detail(column, 1, colspan);
+          });
+          return rowdata(row, cells$1, 'colgroup');
+        } else {
+          var cells$1 = map(cells(row), function (cell) {
+            var rowspan = getAttrValue(cell, 'rowspan', 1);
+            var colspan = getAttrValue(cell, 'colspan', 1);
+            return detail(cell, rowspan, colspan);
+          });
+          return rowdata(row, cells$1, getSection(row));
+        }
+      });
+    };
+    var getParentSection = function (group) {
+      return parent(group).map(function (parent) {
+        var parentName = name(parent);
+        return isValidSection(parentName) ? parentName : 'tbody';
+      }).getOr('tbody');
+    };
+    var fromTable = function (table) {
+      var rows$1 = rows(table);
+      var columnGroups$1 = columnGroups(table);
+      var elems = __spreadArrays(columnGroups$1, rows$1);
+      return fromRowsOrColGroups(elems, getParentSection);
+    };
+    var fromPastedRows = function (elems, section) {
+      return fromRowsOrColGroups(elems, function () {
+        return section;
+      });
+    };
+
+    var key = function (row, column) {
+      return row + ',' + column;
+    };
+    var getAt = function (warehouse, row, column) {
+      var raw = warehouse.access[key(row, column)];
+      return raw !== undefined ? Optional.some(raw) : Optional.none();
+    };
+    var findItem = function (warehouse, item, comparator) {
+      var filtered = filterItems(warehouse, function (detail) {
+        return comparator(item, detail.element);
+      });
+      return filtered.length > 0 ? Optional.some(filtered[0]) : Optional.none();
+    };
+    var filterItems = function (warehouse, predicate) {
+      var all = bind(warehouse.all, function (r) {
+        return r.cells;
+      });
+      return filter(all, predicate);
+    };
+    var generateColumns = function (rowData) {
+      var columnsGroup = {};
+      var index = 0;
+      each(rowData.cells, function (column) {
+        var colspan = column.colspan;
+        range(colspan, function (columnIndex) {
+          var colIndex = index + columnIndex;
+          columnsGroup[colIndex] = columnext(column.element, colspan, colIndex);
+        });
+        index += colspan;
+      });
+      return columnsGroup;
+    };
+    var generate = function (list) {
+      var access = {};
+      var cells = [];
+      var columns = {};
+      var maxRows = 0;
+      var maxColumns = 0;
+      var rowCount = 0;
+      each(list, function (rowData) {
+        if (rowData.section === 'colgroup') {
+          columns = generateColumns(rowData);
+        } else {
+          var currentRow_1 = [];
+          each(rowData.cells, function (rowCell) {
+            var start = 0;
+            while (access[key(rowCount, start)] !== undefined) {
+              start++;
+            }
+            var current = extended(rowCell.element, rowCell.rowspan, rowCell.colspan, rowCount, start);
+            for (var occupiedColumnPosition = 0; occupiedColumnPosition < rowCell.colspan; occupiedColumnPosition++) {
+              for (var occupiedRowPosition = 0; occupiedRowPosition < rowCell.rowspan; occupiedRowPosition++) {
+                var rowPosition = rowCount + occupiedRowPosition;
+                var columnPosition = start + occupiedColumnPosition;
+                var newpos = key(rowPosition, columnPosition);
+                access[newpos] = current;
+                maxColumns = Math.max(maxColumns, columnPosition + 1);
+              }
+            }
+            currentRow_1.push(current);
+          });
+          maxRows++;
+          cells.push(rowdata(rowData.element, currentRow_1, rowData.section));
+          rowCount++;
+        }
+      });
+      var grid$1 = grid(maxRows, maxColumns);
+      return {
+        grid: grid$1,
+        access: access,
+        all: cells,
+        columns: columns
+      };
+    };
+    var fromTable$1 = function (table) {
+      var list = fromTable(table);
+      return generate(list);
+    };
+    var justCells = function (warehouse) {
+      return bind(warehouse.all, function (w) {
+        return w.cells;
+      });
+    };
+    var justColumns = function (warehouse) {
+      return values(warehouse.columns);
+    };
+    var hasColumns = function (warehouse) {
+      return keys(warehouse.columns).length > 0;
+    };
+    var getColumnAt = function (warehouse, columnIndex) {
+      return Optional.from(warehouse.columns[columnIndex]);
+    };
+    var Warehouse = {
+      fromTable: fromTable$1,
+      generate: generate,
+      getAt: getAt,
+      findItem: findItem,
+      filterItems: filterItems,
+      justCells: justCells,
+      justColumns: justColumns,
+      hasColumns: hasColumns,
+      getColumnAt: getColumnAt
+    };
+
+    var inSelection = function (bounds, detail) {
+      var leftEdge = detail.column;
+      var rightEdge = detail.column + detail.colspan - 1;
+      var topEdge = detail.row;
+      var bottomEdge = detail.row + detail.rowspan - 1;
+      return leftEdge <= bounds.finishCol && rightEdge >= bounds.startCol && (topEdge <= bounds.finishRow && bottomEdge >= bounds.startRow);
+    };
+    var isWithin = function (bounds, detail) {
+      return detail.column >= bounds.startCol && detail.column + detail.colspan - 1 <= bounds.finishCol && detail.row >= bounds.startRow && detail.row + detail.rowspan - 1 <= bounds.finishRow;
+    };
+    var isRectangular = function (warehouse, bounds) {
+      var isRect = true;
+      var detailIsWithin = curry(isWithin, bounds);
+      for (var i = bounds.startRow; i <= bounds.finishRow; i++) {
+        for (var j = bounds.startCol; j <= bounds.finishCol; j++) {
+          isRect = isRect && Warehouse.getAt(warehouse, i, j).exists(detailIsWithin);
+        }
+      }
+      return isRect ? Optional.some(bounds) : Optional.none();
+    };
+
+    var getBounds = function (detailA, detailB) {
+      return bounds(Math.min(detailA.row, detailB.row), Math.min(detailA.column, detailB.column), Math.max(detailA.row + detailA.rowspan - 1, detailB.row + detailB.rowspan - 1), Math.max(detailA.column + detailA.colspan - 1, detailB.column + detailB.colspan - 1));
+    };
+    var getAnyBox = function (warehouse, startCell, finishCell) {
+      var startCoords = Warehouse.findItem(warehouse, startCell, eq$1);
+      var finishCoords = Warehouse.findItem(warehouse, finishCell, eq$1);
+      return startCoords.bind(function (sc) {
+        return finishCoords.map(function (fc) {
+          return getBounds(sc, fc);
+        });
+      });
+    };
+    var getBox = function (warehouse, startCell, finishCell) {
+      return getAnyBox(warehouse, startCell, finishCell).bind(function (bounds) {
+        return isRectangular(warehouse, bounds);
+      });
+    };
+
+    var moveBy = function (warehouse, cell, row, column) {
+      return Warehouse.findItem(warehouse, cell, eq$1).bind(function (detail) {
+        var startRow = row > 0 ? detail.row + detail.rowspan - 1 : detail.row;
+        var startCol = column > 0 ? detail.column + detail.colspan - 1 : detail.column;
+        var dest = Warehouse.getAt(warehouse, startRow + row, startCol + column);
+        return dest.map(function (d) {
+          return d.element;
+        });
+      });
+    };
+    var intercepts = function (warehouse, start, finish) {
+      return getAnyBox(warehouse, start, finish).map(function (bounds) {
+        var inside = Warehouse.filterItems(warehouse, curry(inSelection, bounds));
+        return map(inside, function (detail) {
+          return detail.element;
+        });
+      });
+    };
+    var parentCell = function (warehouse, innerCell) {
+      var isContainedBy = function (c1, c2) {
+        return contains$2(c2, c1);
+      };
+      return Warehouse.findItem(warehouse, innerCell, isContainedBy).map(function (detail) {
+        return detail.element;
+      });
+    };
+
+    var moveBy$1 = function (cell, deltaRow, deltaColumn) {
+      return table(cell).bind(function (table) {
+        var warehouse = getWarehouse(table);
+        return moveBy(warehouse, cell, deltaRow, deltaColumn);
+      });
+    };
+    var intercepts$1 = function (table, first, last) {
+      var warehouse = getWarehouse(table);
+      return intercepts(warehouse, first, last);
+    };
+    var nestedIntercepts = function (table, first, firstTable, last, lastTable) {
+      var warehouse = getWarehouse(table);
+      var optStartCell = eq$1(table, firstTable) ? Optional.some(first) : parentCell(warehouse, first);
+      var optLastCell = eq$1(table, lastTable) ? Optional.some(last) : parentCell(warehouse, last);
+      return optStartCell.bind(function (startCell) {
+        return optLastCell.bind(function (lastCell) {
+          return intercepts(warehouse, startCell, lastCell);
+        });
+      });
+    };
+    var getBox$1 = function (table, first, last) {
+      var warehouse = getWarehouse(table);
+      return getBox(warehouse, first, last);
+    };
+    var getWarehouse = Warehouse.fromTable;
+
+    var before = function (marker, element) {
+      var parent$1 = parent(marker);
+      parent$1.each(function (v) {
+        v.dom.insertBefore(element.dom, marker.dom);
+      });
+    };
+    var after = function (marker, element) {
+      var sibling = nextSibling(marker);
+      sibling.fold(function () {
+        var parent$1 = parent(marker);
+        parent$1.each(function (v) {
+          append(v, element);
+        });
+      }, function (v) {
+        before(v, element);
+      });
+    };
+    var prepend = function (parent, element) {
+      var firstChild$1 = firstChild(parent);
+      firstChild$1.fold(function () {
+        append(parent, element);
+      }, function (v) {
+        parent.dom.insertBefore(element.dom, v.dom);
+      });
+    };
+    var append = function (parent, element) {
+      parent.dom.appendChild(element.dom);
+    };
+    var wrap = function (element, wrapper) {
+      before(element, wrapper);
+      append(wrapper, element);
+    };
+
+    var before$1 = function (marker, elements) {
+      each(elements, function (x) {
+        before(marker, x);
+      });
+    };
+    var after$1 = function (marker, elements) {
+      each(elements, function (x, i) {
+        var e = i === 0 ? marker : elements[i - 1];
+        after(e, x);
+      });
+    };
+    var append$1 = function (parent, elements) {
+      each(elements, function (x) {
+        append(parent, x);
+      });
+    };
+
+    var empty = function (element) {
+      element.dom.textContent = '';
+      each(children(element), function (rogue) {
+        remove$2(rogue);
+      });
+    };
+    var remove$2 = function (element) {
+      var dom = element.dom;
+      if (dom.parentNode !== null) {
+        dom.parentNode.removeChild(dom);
+      }
+    };
+    var unwrap = function (wrapper) {
+      var children$1 = children(wrapper);
+      if (children$1.length > 0) {
+        before$1(wrapper, children$1);
+      }
+      remove$2(wrapper);
+    };
+
+    function NodeValue (is, name) {
+      var get = function (element) {
+        if (!is(element)) {
+          throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
+        }
+        return getOption(element).getOr('');
+      };
+      var getOption = function (element) {
+        return is(element) ? Optional.from(element.dom.nodeValue) : Optional.none();
+      };
+      var set = function (element, value) {
+        if (!is(element)) {
+          throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
+        }
+        element.dom.nodeValue = value;
+      };
+      return {
+        get: get,
+        getOption: getOption,
+        set: set
+      };
+    }
+
+    var api = NodeValue(isText, 'text');
+    var get$4 = function (element) {
+      return api.get(element);
+    };
+    var getOption = function (element) {
+      return api.getOption(element);
+    };
+    var set$2 = function (element, value) {
+      return api.set(element, value);
+    };
+
+    var TagBoundaries = [
+      'body',
+      'p',
+      'div',
+      'article',
+      'aside',
+      'figcaption',
+      'figure',
+      'footer',
+      'header',
+      'nav',
+      'section',
+      'ol',
+      'ul',
+      'li',
+      'table',
+      'thead',
+      'tbody',
+      'tfoot',
+      'caption',
+      'tr',
+      'td',
+      'th',
+      'h1',
+      'h2',
+      'h3',
+      'h4',
+      'h5',
+      'h6',
+      'blockquote',
+      'pre',
+      'address'
+    ];
+
+    function DomUniverse () {
+      var clone$1 = function (element) {
+        return SugarElement.fromDom(element.dom.cloneNode(false));
+      };
+      var document = function (element) {
+        return documentOrOwner(element).dom;
+      };
+      var isBoundary = function (element) {
+        if (!isElement(element)) {
+          return false;
+        }
+        if (name(element) === 'body') {
+          return true;
+        }
+        return contains(TagBoundaries, name(element));
+      };
+      var isEmptyTag = function (element) {
+        if (!isElement(element)) {
+          return false;
+        }
+        return contains([
+          'br',
+          'img',
+          'hr',
+          'input'
+        ], name(element));
+      };
+      var isNonEditable = function (element) {
+        return isElement(element) && get$2(element, 'contenteditable') === 'false';
+      };
+      var comparePosition = function (element, other) {
+        return element.dom.compareDocumentPosition(other.dom);
+      };
+      var copyAttributesTo = function (source, destination) {
+        var as = clone(source);
+        setAll(destination, as);
+      };
+      return {
+        up: constant({
+          selector: ancestor$1,
+          closest: closest$1,
+          predicate: ancestor,
+          all: parents
+        }),
+        down: constant({
+          selector: descendants$1,
+          predicate: descendants
+        }),
+        styles: constant({
+          get: get$3,
+          getRaw: getRaw,
+          set: set$1,
+          remove: remove$1
+        }),
+        attrs: constant({
+          get: get$2,
+          set: set,
+          remove: remove,
+          copyTo: copyAttributesTo
+        }),
+        insert: constant({
+          before: before,
+          after: after,
+          afterAll: after$1,
+          append: append,
+          appendAll: append$1,
+          prepend: prepend,
+          wrap: wrap
+        }),
+        remove: constant({
+          unwrap: unwrap,
+          remove: remove$2
+        }),
+        create: constant({
+          nu: SugarElement.fromTag,
+          clone: clone$1,
+          text: SugarElement.fromText
+        }),
+        query: constant({
+          comparePosition: comparePosition,
+          prevSibling: prevSibling,
+          nextSibling: nextSibling
+        }),
+        property: constant({
+          children: children,
+          name: name,
+          parent: parent,
+          document: document,
+          isText: isText,
+          isComment: isComment,
+          isElement: isElement,
+          getText: get$4,
+          setText: set$2,
+          isBoundary: isBoundary,
+          isEmptyTag: isEmptyTag,
+          isNonEditable: isNonEditable
+        }),
+        eq: eq$1,
+        is: is$1
+      };
+    }
+
+    var all$1 = function (universe, look, elements, f) {
+      var head = elements[0];
+      var tail = elements.slice(1);
+      return f(universe, look, head, tail);
+    };
+    var oneAll = function (universe, look, elements) {
+      return elements.length > 0 ? all$1(universe, look, elements, unsafeOne) : Optional.none();
+    };
+    var unsafeOne = function (universe, look, head, tail) {
+      var start = look(universe, head);
+      return foldr(tail, function (b, a) {
+        var current = look(universe, a);
+        return commonElement(universe, b, current);
+      }, start);
+    };
+    var commonElement = function (universe, start, end) {
+      return start.bind(function (s) {
+        return end.filter(curry(universe.eq, s));
+      });
+    };
+
+    var eq$2 = function (universe, item) {
+      return curry(universe.eq, item);
+    };
+    var ancestors$2 = function (universe, start, end, isRoot) {
+      if (isRoot === void 0) {
+        isRoot = never;
+      }
+      var ps1 = [start].concat(universe.up().all(start));
+      var ps2 = [end].concat(universe.up().all(end));
+      var prune = function (path) {
+        var index = findIndex(path, isRoot);
+        return index.fold(function () {
+          return path;
+        }, function (ind) {
+          return path.slice(0, ind + 1);
+        });
+      };
+      var pruned1 = prune(ps1);
+      var pruned2 = prune(ps2);
+      var shared = find(pruned1, function (x) {
+        return exists(pruned2, eq$2(universe, x));
+      });
+      return {
+        firstpath: pruned1,
+        secondpath: pruned2,
+        shared: shared
+      };
+    };
+
+    var sharedOne = oneAll;
+    var ancestors$3 = ancestors$2;
+
+    var universe = DomUniverse();
+    var sharedOne$1 = function (look, elements) {
+      return sharedOne(universe, function (_universe, element) {
+        return look(element);
+      }, elements);
+    };
+    var ancestors$4 = function (start, finish, isRoot) {
+      return ancestors$3(universe, start, finish, isRoot);
+    };
+
+    var lookupTable = function (container) {
+      return ancestor$1(container, 'table');
+    };
+    var identify = function (start, finish, isRoot) {
+      var getIsRoot = function (rootTable) {
+        return function (element) {
+          return isRoot !== undefined && isRoot(element) || eq$1(element, rootTable);
+        };
+      };
+      if (eq$1(start, finish)) {
+        return Optional.some({
+          boxes: Optional.some([start]),
+          start: start,
+          finish: finish
+        });
+      } else {
+        return lookupTable(start).bind(function (startTable) {
+          return lookupTable(finish).bind(function (finishTable) {
+            if (eq$1(startTable, finishTable)) {
+              return Optional.some({
+                boxes: intercepts$1(startTable, start, finish),
+                start: start,
+                finish: finish
+              });
+            } else if (contains$2(startTable, finishTable)) {
+              var ancestorCells = ancestors$1(finish, 'td,th', getIsRoot(startTable));
+              var finishCell = ancestorCells.length > 0 ? ancestorCells[ancestorCells.length - 1] : finish;
+              return Optional.some({
+                boxes: nestedIntercepts(startTable, start, startTable, finish, finishTable),
+                start: start,
+                finish: finishCell
+              });
+            } else if (contains$2(finishTable, startTable)) {
+              var ancestorCells = ancestors$1(start, 'td,th', getIsRoot(finishTable));
+              var startCell = ancestorCells.length > 0 ? ancestorCells[ancestorCells.length - 1] : start;
+              return Optional.some({
+                boxes: nestedIntercepts(finishTable, start, startTable, finish, finishTable),
+                start: start,
+                finish: startCell
+              });
+            } else {
+              return ancestors$4(start, finish).shared.bind(function (lca) {
+                return closest$1(lca, 'table', isRoot).bind(function (lcaTable) {
+                  var finishAncestorCells = ancestors$1(finish, 'td,th', getIsRoot(lcaTable));
+                  var finishCell = finishAncestorCells.length > 0 ? finishAncestorCells[finishAncestorCells.length - 1] : finish;
+                  var startAncestorCells = ancestors$1(start, 'td,th', getIsRoot(lcaTable));
+                  var startCell = startAncestorCells.length > 0 ? startAncestorCells[startAncestorCells.length - 1] : start;
+                  return Optional.some({
+                    boxes: nestedIntercepts(lcaTable, start, startTable, finish, finishTable),
+                    start: startCell,
+                    finish: finishCell
+                  });
+                });
+              });
+            }
+          });
+        });
+      }
+    };
+    var retrieve = function (container, selector) {
+      var sels = descendants$1(container, selector);
+      return sels.length > 0 ? Optional.some(sels) : Optional.none();
+    };
+    var getLast = function (boxes, lastSelectedSelector) {
+      return find(boxes, function (box) {
+        return is(box, lastSelectedSelector);
+      });
+    };
+    var getEdges = function (container, firstSelectedSelector, lastSelectedSelector) {
+      return descendant$1(container, firstSelectedSelector).bind(function (first) {
+        return descendant$1(container, lastSelectedSelector).bind(function (last) {
+          return sharedOne$1(lookupTable, [
+            first,
+            last
+          ]).map(function (table) {
+            return {
+              first: first,
+              last: last,
+              table: table
+            };
+          });
+        });
+      });
+    };
+    var expandTo = function (finish, firstSelectedSelector) {
+      return ancestor$1(finish, 'table').bind(function (table) {
+        return descendant$1(table, firstSelectedSelector).bind(function (start) {
+          return identify(start, finish).bind(function (identified) {
+            return identified.boxes.map(function (boxes) {
+              return {
+                boxes: boxes,
+                start: identified.start,
+                finish: identified.finish
+              };
+            });
+          });
+        });
+      });
+    };
+    var shiftSelection = function (boxes, deltaRow, deltaColumn, firstSelectedSelector, lastSelectedSelector) {
+      return getLast(boxes, lastSelectedSelector).bind(function (last) {
+        return moveBy$1(last, deltaRow, deltaColumn).bind(function (finish) {
+          return expandTo(finish, firstSelectedSelector);
+        });
+      });
+    };
+
+    var retrieve$1 = function (container, selector) {
+      return retrieve(container, selector);
+    };
+    var retrieveBox = function (container, firstSelectedSelector, lastSelectedSelector) {
+      return getEdges(container, firstSelectedSelector, lastSelectedSelector).bind(function (edges) {
+        var isRoot = function (ancestor) {
+          return eq$1(container, ancestor);
+        };
+        var sectionSelector = 'thead,tfoot,tbody,table';
+        var firstAncestor = ancestor$1(edges.first, sectionSelector, isRoot);
+        var lastAncestor = ancestor$1(edges.last, sectionSelector, isRoot);
+        return firstAncestor.bind(function (fA) {
+          return lastAncestor.bind(function (lA) {
+            return eq$1(fA, lA) ? getBox$1(edges.table, edges.first, edges.last) : Optional.none();
+          });
+        });
+      });
+    };
+
+    var generate$1 = function (cases) {
+      if (!isArray(cases)) {
+        throw new Error('cases must be an array');
+      }
+      if (cases.length === 0) {
+        throw new Error('there must be at least one case');
+      }
+      var constructors = [];
+      var adt = {};
+      each(cases, function (acase, count) {
+        var keys$1 = keys(acase);
+        if (keys$1.length !== 1) {
+          throw new Error('one and only one name per case');
+        }
+        var key = keys$1[0];
+        var value = acase[key];
+        if (adt[key] !== undefined) {
+          throw new Error('duplicate key detected:' + key);
+        } else if (key === 'cata') {
+          throw new Error('cannot have a case named cata (sorry)');
+        } else if (!isArray(value)) {
+          throw new Error('case arguments must be an array');
+        }
+        constructors.push(key);
+        adt[key] = function () {
+          var argLength = arguments.length;
+          if (argLength !== value.length) {
+            throw new Error('Wrong number of arguments to case ' + key + '. Expected ' + value.length + ' (' + value + '), got ' + argLength);
+          }
+          var args = new Array(argLength);
+          for (var i = 0; i < args.length; i++) {
+            args[i] = arguments[i];
+          }
+          var match = function (branches) {
+            var branchKeys = keys(branches);
+            if (constructors.length !== branchKeys.length) {
+              throw new Error('Wrong number of arguments to match. Expected: ' + constructors.join(',') + '\nActual: ' + branchKeys.join(','));
+            }
+            var allReqd = forall(constructors, function (reqKey) {
+              return contains(branchKeys, reqKey);
+            });
+            if (!allReqd) {
+              throw new Error('Not all branches were specified when using match. Specified: ' + branchKeys.join(', ') + '\nRequired: ' + constructors.join(', '));
+            }
+            return branches[key].apply(null, args);
+          };
+          return {
+            fold: function () {
+              if (arguments.length !== cases.length) {
+                throw new Error('Wrong number of arguments to fold. Expected ' + cases.length + ', got ' + arguments.length);
+              }
+              var target = arguments[count];
+              return target.apply(null, args);
+            },
+            match: match,
+            log: function (label) {
+              console.log(label, {
+                constructors: constructors,
+                constructor: key,
+                params: args
+              });
+            }
+          };
+        };
+      });
+      return adt;
+    };
+    var Adt = { generate: generate$1 };
+
+    var type$1 = Adt.generate([
+      { none: [] },
+      { multiple: ['elements'] },
+      { single: ['element'] }
+    ]);
+    var cata = function (subject, onNone, onMultiple, onSingle) {
+      return subject.fold(onNone, onMultiple, onSingle);
+    };
+    var none$1 = type$1.none;
+    var multiple = type$1.multiple;
+    var single = type$1.single;
+
+    var Selections = function (lazyRoot, getStart, selectedSelector) {
+      var get = function () {
+        return retrieve$1(lazyRoot(), selectedSelector).fold(function () {
+          return getStart().map(single).getOrThunk(none$1);
+        }, function (cells) {
+          return multiple(cells);
+        });
+      };
+      return { get: get };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var statsStruct = function (minRow, minCol, maxRow, maxCol) {
+      return {
+        minRow: minRow,
+        minCol: minCol,
+        maxRow: maxRow,
+        maxCol: maxCol
+      };
+    };
+    var findSelectedStats = function (house, isSelected) {
+      var totalColumns = house.grid.columns;
+      var totalRows = house.grid.rows;
+      var minRow = totalRows;
+      var minCol = totalColumns;
+      var maxRow = 0;
+      var maxCol = 0;
+      each$1(house.access, function (detail) {
+        if (isSelected(detail)) {
+          var startRow = detail.row;
+          var endRow = startRow + detail.rowspan - 1;
+          var startCol = detail.column;
+          var endCol = startCol + detail.colspan - 1;
+          if (startRow < minRow) {
+            minRow = startRow;
+          } else if (endRow > maxRow) {
+            maxRow = endRow;
+          }
+          if (startCol < minCol) {
+            minCol = startCol;
+          } else if (endCol > maxCol) {
+            maxCol = endCol;
+          }
+        }
+      });
+      return statsStruct(minRow, minCol, maxRow, maxCol);
+    };
+    var makeCell = function (list, seenSelected, rowIndex) {
+      var row = list[rowIndex].element;
+      var td = SugarElement.fromTag('td');
+      append(td, SugarElement.fromTag('br'));
+      var f = seenSelected ? append : prepend;
+      f(row, td);
+    };
+    var fillInGaps = function (list, house, stats, isSelected) {
+      var totalColumns = house.grid.columns;
+      var totalRows = house.grid.rows;
+      for (var i = 0; i < totalRows; i++) {
+        var seenSelected = false;
+        for (var j = 0; j < totalColumns; j++) {
+          if (!(i < stats.minRow || i > stats.maxRow || j < stats.minCol || j > stats.maxCol)) {
+            var needCell = Warehouse.getAt(house, i, j).filter(isSelected).isNone();
+            if (needCell) {
+              makeCell(list, seenSelected, i);
+            } else {
+              seenSelected = true;
+            }
+          }
+        }
+      }
+    };
+    var clean = function (table, stats) {
+      var emptyRows = filter(firstLayer(table, 'tr'), function (row) {
+        return row.dom.childElementCount === 0;
+      });
+      each(emptyRows, remove$2);
+      if (stats.minCol === stats.maxCol || stats.minRow === stats.maxRow) {
+        each(firstLayer(table, 'th,td'), function (cell) {
+          remove(cell, 'rowspan');
+          remove(cell, 'colspan');
+        });
+      }
+      remove(table, 'width');
+      remove(table, 'height');
+      remove$1(table, 'width');
+      remove$1(table, 'height');
+    };
+    var extract = function (table, selectedSelector) {
+      var isSelected = function (detail) {
+        return is(detail.element, selectedSelector);
+      };
+      var list = fromTable(table);
+      var house = Warehouse.generate(list);
+      var stats = findSelectedStats(house, isSelected);
+      var selector = 'th:not(' + selectedSelector + ')' + ',td:not(' + selectedSelector + ')';
+      var unselectedCells = filterFirstLayer(table, 'th,td', function (cell) {
+        return is(cell, selector);
+      });
+      each(unselectedCells, remove$2);
+      fillInGaps(list, house, stats, isSelected);
+      clean(table, stats);
+      return table;
+    };
+
+    var nbsp = '\xA0';
+
+    var getEnd = function (element) {
+      return name(element) === 'img' ? 1 : getOption(element).fold(function () {
+        return children(element).length;
+      }, function (v) {
+        return v.length;
+      });
+    };
+    var isTextNodeWithCursorPosition = function (el) {
+      return getOption(el).filter(function (text) {
+        return text.trim().length !== 0 || text.indexOf(nbsp) > -1;
+      }).isSome();
+    };
+    var elementsWithCursorPosition = [
+      'img',
+      'br'
+    ];
+    var isCursorPosition = function (elem) {
+      var hasCursorPosition = isTextNodeWithCursorPosition(elem);
+      return hasCursorPosition || contains(elementsWithCursorPosition, name(elem));
+    };
+
+    var first = function (element) {
+      return descendant(element, isCursorPosition);
+    };
+    var last$1 = function (element) {
+      return descendantRtl(element, isCursorPosition);
+    };
+    var descendantRtl = function (scope, predicate) {
+      var descend = function (element) {
+        var children$1 = children(element);
+        for (var i = children$1.length - 1; i >= 0; i--) {
+          var child = children$1[i];
+          if (predicate(child)) {
+            return Optional.some(child);
+          }
+          var res = descend(child);
+          if (res.isSome()) {
+            return res;
+          }
+        }
+        return Optional.none();
+      };
+      return descend(scope);
+    };
+
+    var clone$1 = function (original, isDeep) {
+      return SugarElement.fromDom(original.dom.cloneNode(isDeep));
+    };
+    var shallow = function (original) {
+      return clone$1(original, false);
+    };
+    var deep = function (original) {
+      return clone$1(original, true);
+    };
+    var shallowAs = function (original, tag) {
+      var nu = SugarElement.fromTag(tag);
+      var attributes = clone(original);
+      setAll(nu, attributes);
+      return nu;
+    };
+    var copy$1 = function (original, tag) {
+      var nu = shallowAs(original, tag);
+      var cloneChildren = children(deep(original));
+      append$1(nu, cloneChildren);
+      return nu;
+    };
+
+    var transferableAttributes = {
+      scope: [
+        'row',
+        'col'
+      ]
+    };
+    var createCell = function () {
+      var td = SugarElement.fromTag('td');
+      append(td, SugarElement.fromTag('br'));
+      return td;
+    };
+    var createCol = function () {
+      return SugarElement.fromTag('col');
+    };
+    var createColgroup = function () {
+      return SugarElement.fromTag('colgroup');
+    };
+    var replace = function (cell, tag, attrs) {
+      var replica = copy$1(cell, tag);
+      each$1(attrs, function (v, k) {
+        if (v === null) {
+          remove(replica, k);
+        } else {
+          set(replica, k, v);
+        }
+      });
+      return replica;
+    };
+    var pasteReplace = function (cell) {
+      return cell;
+    };
+    var newRow = function (doc) {
+      return function () {
+        return SugarElement.fromTag('tr', doc.dom);
+      };
+    };
+    var cloneFormats = function (oldCell, newCell, formats) {
+      var first$1 = first(oldCell);
+      return first$1.map(function (firstText) {
+        var formatSelector = formats.join(',');
+        var parents = ancestors$1(firstText, formatSelector, function (element) {
+          return eq$1(element, oldCell);
+        });
+        return foldr(parents, function (last, parent) {
+          var clonedFormat = shallow(parent);
+          remove(clonedFormat, 'contenteditable');
+          append(last, clonedFormat);
+          return clonedFormat;
+        }, newCell);
+      }).getOr(newCell);
+    };
+    var cloneAppropriateAttributes = function (original, clone) {
+      each$1(transferableAttributes, function (validAttributes, attributeName) {
+        return getOpt(original, attributeName).filter(function (attribute) {
+          return contains(validAttributes, attribute);
+        }).each(function (attribute) {
+          return set(clone, attributeName, attribute);
+        });
+      });
+    };
+    var cellOperations = function (mutate, doc, formatsToClone) {
+      var cloneCss = function (prev, clone) {
+        copy(prev.element, clone);
+        remove$1(clone, 'height');
+        if (prev.colspan !== 1) {
+          remove$1(prev.element, 'width');
+        }
+      };
+      var newCell = function (prev) {
+        var docu = owner(prev.element);
+        var td = SugarElement.fromTag(name(prev.element), docu.dom);
+        var formats = formatsToClone.getOr([
+          'strong',
+          'em',
+          'b',
+          'i',
+          'span',
+          'font',
+          'h1',
+          'h2',
+          'h3',
+          'h4',
+          'h5',
+          'h6',
+          'p',
+          'div'
+        ]);
+        var lastNode = formats.length > 0 ? cloneFormats(prev.element, td, formats) : td;
+        append(lastNode, SugarElement.fromTag('br'));
+        cloneCss(prev, td);
+        cloneAppropriateAttributes(prev.element, td);
+        mutate(prev.element, td);
+        return td;
+      };
+      var newCol = function (prev) {
+        var doc = owner(prev.element);
+        var col = SugarElement.fromTag(name(prev.element), doc.dom);
+        cloneCss(prev, col);
+        mutate(prev.element, col);
+        return col;
+      };
+      return {
+        col: newCol,
+        colgroup: createColgroup,
+        row: newRow(doc),
+        cell: newCell,
+        replace: replace,
+        gap: createCell
+      };
+    };
+    var paste = function (doc) {
+      return {
+        col: createCol,
+        colgroup: createColgroup,
+        row: newRow(doc),
+        cell: createCell,
+        replace: pasteReplace,
+        gap: createCell
+      };
+    };
+
+    var fromHtml$1 = function (html, scope) {
+      var doc = scope || document;
+      var div = doc.createElement('div');
+      div.innerHTML = html;
+      return children(SugarElement.fromDom(div));
+    };
+    var fromDom$1 = function (nodes) {
+      return map(nodes, SugarElement.fromDom);
+    };
+
+    var selection = function (selections) {
+      return cata(selections.get(), constant([]), identity, pure);
+    };
+    var unmergable = function (selections) {
+      var hasSpan = function (elem, type) {
+        return getOpt(elem, type).exists(function (span) {
+          return parseInt(span, 10) > 1;
+        });
+      };
+      var hasRowOrColSpan = function (elem) {
+        return hasSpan(elem, 'rowspan') || hasSpan(elem, 'colspan');
+      };
+      var candidates = selection(selections);
+      return candidates.length > 0 && forall(candidates, hasRowOrColSpan) ? Optional.some(candidates) : Optional.none();
+    };
+    var mergable = function (table, selections, ephemera) {
+      return cata(selections.get(), Optional.none, function (cells) {
+        if (cells.length <= 1) {
+          return Optional.none();
+        } else {
+          return retrieveBox(table, ephemera.firstSelectedSelector, ephemera.lastSelectedSelector).map(function (bounds) {
+            return {
+              bounds: bounds,
+              cells: cells
+            };
+          });
+        }
+      }, Optional.none);
+    };
+
+    var strSelected = 'data-mce-selected';
+    var strSelectedSelector = 'td[' + strSelected + '],th[' + strSelected + ']';
+    var strAttributeSelector = '[' + strSelected + ']';
+    var strFirstSelected = 'data-mce-first-selected';
+    var strFirstSelectedSelector = 'td[' + strFirstSelected + '],th[' + strFirstSelected + ']';
+    var strLastSelected = 'data-mce-last-selected';
+    var strLastSelectedSelector = 'td[' + strLastSelected + '],th[' + strLastSelected + ']';
+    var attributeSelector = strAttributeSelector;
+    var ephemera = {
+      selected: strSelected,
+      selectedSelector: strSelectedSelector,
+      firstSelected: strFirstSelected,
+      firstSelectedSelector: strFirstSelectedSelector,
+      lastSelected: strLastSelected,
+      lastSelectedSelector: strLastSelectedSelector
+    };
+
+    var noMenu = function (cell) {
+      return {
+        element: cell,
+        mergable: Optional.none(),
+        unmergable: Optional.none(),
+        selection: [cell]
+      };
+    };
+    var forMenu = function (selections, table, cell) {
+      return {
+        element: cell,
+        mergable: mergable(table, selections, ephemera),
+        unmergable: unmergable(selections),
+        selection: selection(selections)
+      };
+    };
+    var paste$1 = function (element, clipboard, generators) {
+      return {
+        element: element,
+        clipboard: clipboard,
+        generators: generators
+      };
+    };
+    var pasteRows = function (selections, cell, clipboard, generators) {
+      return {
+        selection: selection(selections),
+        clipboard: clipboard,
+        generators: generators
+      };
+    };
+
+    var extractSelected = function (cells) {
+      return table(cells[0]).map(deep).map(function (replica) {
+        return [extract(replica, attributeSelector)];
+      });
+    };
+    var serializeElements = function (editor, elements) {
+      return map(elements, function (elm) {
+        return editor.selection.serializer.serialize(elm.dom, {});
+      }).join('');
+    };
+    var getTextContent = function (elements) {
+      return map(elements, function (element) {
+        return element.dom.innerText;
+      }).join('');
+    };
+    var registerEvents = function (editor, selections, actions, cellSelection) {
+      editor.on('BeforeGetContent', function (e) {
+        var multiCellContext = function (cells) {
+          e.preventDefault();
+          extractSelected(cells).each(function (elements) {
+            e.content = e.format === 'text' ? getTextContent(elements) : serializeElements(editor, elements);
+          });
+        };
+        if (e.selection === true) {
+          cata(selections.get(), noop, multiCellContext, noop);
+        }
+      });
+      editor.on('BeforeSetContent', function (e) {
+        if (e.selection === true && e.paste === true) {
+          var cellOpt = Optional.from(editor.dom.getParent(editor.selection.getStart(), 'th,td'));
+          cellOpt.each(function (domCell) {
+            var cell = SugarElement.fromDom(domCell);
+            table(cell).each(function (table) {
+              var elements = filter(fromHtml$1(e.content), function (content) {
+                return name(content) !== 'meta';
+              });
+              var isTable = function (elm) {
+                return name(elm) === 'table';
+              };
+              if (elements.length === 1 && isTable(elements[0])) {
+                e.preventDefault();
+                var doc = SugarElement.fromDom(editor.getDoc());
+                var generators = paste(doc);
+                var targets = paste$1(cell, elements[0], generators);
+                actions.pasteCells(table, targets).each(function (rng) {
+                  editor.selection.setRng(rng);
+                  editor.focus();
+                  cellSelection.clear(table);
+                });
+              }
+            });
+          });
+        }
+      });
+    };
+
+    var adt = Adt.generate([
+      { none: [] },
+      { only: ['index'] },
+      {
+        left: [
+          'index',
+          'next'
+        ]
+      },
+      {
+        middle: [
+          'prev',
+          'index',
+          'next'
+        ]
+      },
+      {
+        right: [
+          'prev',
+          'index'
+        ]
+      }
+    ]);
+    var ColumnContext = __assign({}, adt);
+
+    var neighbours = function (input, index) {
+      if (input.length === 0) {
+        return ColumnContext.none();
+      }
+      if (input.length === 1) {
+        return ColumnContext.only(0);
+      }
+      if (index === 0) {
+        return ColumnContext.left(0, 1);
+      }
+      if (index === input.length - 1) {
+        return ColumnContext.right(index - 1, index);
+      }
+      if (index > 0 && index < input.length - 1) {
+        return ColumnContext.middle(index - 1, index, index + 1);
+      }
+      return ColumnContext.none();
+    };
+    var determine = function (input, column, step, tableSize, resize) {
+      var result = input.slice(0);
+      var context = neighbours(input, column);
+      var onNone = constant(map(result, constant(0)));
+      var onOnly = function (index) {
+        return tableSize.singleColumnWidth(result[index], step);
+      };
+      var onLeft = function (index, next) {
+        return resize.calcLeftEdgeDeltas(result, index, next, step, tableSize.minCellWidth(), tableSize.isRelative);
+      };
+      var onMiddle = function (prev, index, next) {
+        return resize.calcMiddleDeltas(result, prev, index, next, step, tableSize.minCellWidth(), tableSize.isRelative);
+      };
+      var onRight = function (prev, index) {
+        return resize.calcRightEdgeDeltas(result, prev, index, step, tableSize.minCellWidth(), tableSize.isRelative);
+      };
+      return context.fold(onNone, onOnly, onLeft, onMiddle, onRight);
+    };
+
+    var cat = function (arr) {
+      var r = [];
+      var push = function (x) {
+        r.push(x);
+      };
+      for (var i = 0; i < arr.length; i++) {
+        arr[i].each(push);
+      }
+      return r;
+    };
+    var lift2 = function (oa, ob, f) {
+      return oa.isSome() && ob.isSome() ? Optional.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
+    };
+    var bindFrom = function (a, f) {
+      return a !== undefined && a !== null ? f(a) : Optional.none();
+    };
+
+    function Dimension (name, getOffset) {
+      var set = function (element, h) {
+        if (!isNumber(h) && !h.match(/^[0-9]+$/)) {
+          throw new Error(name + '.set accepts only positive integer values. Value was ' + h);
+        }
+        var dom = element.dom;
+        if (isSupported$1(dom)) {
+          dom.style[name] = h + 'px';
+        }
+      };
+      var get = function (element) {
+        var r = getOffset(element);
+        if (r <= 0 || r === null) {
+          var css = get$3(element, name);
+          return parseFloat(css) || 0;
+        }
+        return r;
+      };
+      var getOuter = get;
+      var aggregate = function (element, properties) {
+        return foldl(properties, function (acc, property) {
+          var val = get$3(element, property);
+          var value = val === undefined ? 0 : parseInt(val, 10);
+          return isNaN(value) ? acc : acc + value;
+        }, 0);
+      };
+      var max = function (element, value, properties) {
+        var cumulativeInclusions = aggregate(element, properties);
+        var absoluteMax = value > cumulativeInclusions ? value - cumulativeInclusions : 0;
+        return absoluteMax;
+      };
+      return {
+        set: set,
+        get: get,
+        getOuter: getOuter,
+        aggregate: aggregate,
+        max: max
+      };
+    }
+
+    var api$1 = Dimension('width', function (element) {
+      return element.dom.offsetWidth;
+    });
+    var get$5 = function (element) {
+      return api$1.get(element);
+    };
+    var getOuter = function (element) {
+      return api$1.getOuter(element);
+    };
+
+    var columns$1 = function (warehouse) {
+      var grid = warehouse.grid;
+      var cols = range(grid.columns, identity);
+      var rowsArr = range(grid.rows, identity);
+      return map(cols, function (col) {
+        var getBlock = function () {
+          return bind(rowsArr, function (r) {
+            return Warehouse.getAt(warehouse, r, col).filter(function (detail) {
+              return detail.column === col;
+            }).toArray();
+          });
+        };
+        var isSingle = function (detail) {
+          return detail.colspan === 1;
+        };
+        var getFallback = function () {
+          return Warehouse.getAt(warehouse, 0, col);
+        };
+        return decide(getBlock, isSingle, getFallback);
+      });
+    };
+    var decide = function (getBlock, isSingle, getFallback) {
+      var inBlock = getBlock();
+      var singleInBlock = find(inBlock, isSingle);
+      var detailOption = singleInBlock.orThunk(function () {
+        return Optional.from(inBlock[0]).orThunk(getFallback);
+      });
+      return detailOption.map(function (detail) {
+        return detail.element;
+      });
+    };
+    var rows$1 = function (warehouse) {
+      var grid = warehouse.grid;
+      var rowsArr = range(grid.rows, identity);
+      var cols = range(grid.columns, identity);
+      return map(rowsArr, function (row) {
+        var getBlock = function () {
+          return bind(cols, function (c) {
+            return Warehouse.getAt(warehouse, row, c).filter(function (detail) {
+              return detail.row === row;
+            }).fold(constant([]), function (detail) {
+              return [detail];
+            });
+          });
+        };
+        var isSingle = function (detail) {
+          return detail.rowspan === 1;
+        };
+        var getFallback = function () {
+          return Warehouse.getAt(warehouse, row, 0);
+        };
+        return decide(getBlock, isSingle, getFallback);
+      });
+    };
+
+    var deduce = function (xs, index) {
+      if (index < 0 || index >= xs.length - 1) {
+        return Optional.none();
+      }
+      var current = xs[index].fold(function () {
+        var rest = reverse(xs.slice(0, index));
+        return findMap(rest, function (a, i) {
+          return a.map(function (aa) {
+            return {
+              value: aa,
+              delta: i + 1
+            };
+          });
+        });
+      }, function (c) {
+        return Optional.some({
+          value: c,
+          delta: 0
+        });
+      });
+      var next = xs[index + 1].fold(function () {
+        var rest = xs.slice(index + 1);
+        return findMap(rest, function (a, i) {
+          return a.map(function (aa) {
+            return {
+              value: aa,
+              delta: i + 1
+            };
+          });
+        });
+      }, function (n) {
+        return Optional.some({
+          value: n,
+          delta: 1
+        });
+      });
+      return current.bind(function (c) {
+        return next.map(function (n) {
+          var extras = n.delta + c.delta;
+          return Math.abs(n.value - c.value) / extras;
+        });
+      });
+    };
+
+    var onDirection = function (isLtr, isRtl) {
+      return function (element) {
+        return getDirection(element) === 'rtl' ? isRtl : isLtr;
+      };
+    };
+    var getDirection = function (element) {
+      return get$3(element, 'direction') === 'rtl' ? 'rtl' : 'ltr';
+    };
+
+    var api$2 = Dimension('height', function (element) {
+      var dom = element.dom;
+      return inBody(element) ? dom.getBoundingClientRect().height : dom.offsetHeight;
+    });
+    var get$6 = function (element) {
+      return api$2.get(element);
+    };
+    var getOuter$1 = function (element) {
+      return api$2.getOuter(element);
+    };
+
+    var r = function (left, top) {
+      var translate = function (x, y) {
+        return r(left + x, top + y);
+      };
+      return {
+        left: left,
+        top: top,
+        translate: translate
+      };
+    };
+    var SugarPosition = r;
+
+    var boxPosition = function (dom) {
+      var box = dom.getBoundingClientRect();
+      return SugarPosition(box.left, box.top);
+    };
+    var firstDefinedOrZero = function (a, b) {
+      if (a !== undefined) {
+        return a;
+      } else {
+        return b !== undefined ? b : 0;
+      }
+    };
+    var absolute = function (element) {
+      var doc = element.dom.ownerDocument;
+      var body = doc.body;
+      var win = doc.defaultView;
+      var html = doc.documentElement;
+      if (body === element.dom) {
+        return SugarPosition(body.offsetLeft, body.offsetTop);
+      }
+      var scrollTop = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageYOffset, html.scrollTop);
+      var scrollLeft = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageXOffset, html.scrollLeft);
+      var clientTop = firstDefinedOrZero(html.clientTop, body.clientTop);
+      var clientLeft = firstDefinedOrZero(html.clientLeft, body.clientLeft);
+      return viewport(element).translate(scrollLeft - clientLeft, scrollTop - clientTop);
+    };
+    var viewport = function (element) {
+      var dom = element.dom;
+      var doc = dom.ownerDocument;
+      var body = doc.body;
+      if (body === dom) {
+        return SugarPosition(body.offsetLeft, body.offsetTop);
+      }
+      if (!inBody(element)) {
+        return SugarPosition(0, 0);
+      }
+      return boxPosition(dom);
+    };
+
+    var rowInfo = function (row, y) {
+      return {
+        row: row,
+        y: y
+      };
+    };
+    var colInfo = function (col, x) {
+      return {
+        col: col,
+        x: x
+      };
+    };
+    var rtlEdge = function (cell) {
+      var pos = absolute(cell);
+      return pos.left + getOuter(cell);
+    };
+    var ltrEdge = function (cell) {
+      return absolute(cell).left;
+    };
+    var getLeftEdge = function (index, cell) {
+      return colInfo(index, ltrEdge(cell));
+    };
+    var getRightEdge = function (index, cell) {
+      return colInfo(index, rtlEdge(cell));
+    };
+    var getTop = function (cell) {
+      return absolute(cell).top;
+    };
+    var getTopEdge = function (index, cell) {
+      return rowInfo(index, getTop(cell));
+    };
+    var getBottomEdge = function (index, cell) {
+      return rowInfo(index, getTop(cell) + getOuter$1(cell));
+    };
+    var findPositions = function (getInnerEdge, getOuterEdge, array) {
+      if (array.length === 0) {
+        return [];
+      }
+      var lines = map(array.slice(1), function (cellOption, index) {
+        return cellOption.map(function (cell) {
+          return getInnerEdge(index, cell);
+        });
+      });
+      var lastLine = array[array.length - 1].map(function (cell) {
+        return getOuterEdge(array.length - 1, cell);
+      });
+      return lines.concat([lastLine]);
+    };
+    var negate = function (step) {
+      return -step;
+    };
+    var height = {
+      delta: identity,
+      positions: function (optElements) {
+        return findPositions(getTopEdge, getBottomEdge, optElements);
+      },
+      edge: getTop
+    };
+    var ltr = {
+      delta: identity,
+      edge: ltrEdge,
+      positions: function (optElements) {
+        return findPositions(getLeftEdge, getRightEdge, optElements);
+      }
+    };
+    var rtl = {
+      delta: negate,
+      edge: rtlEdge,
+      positions: function (optElements) {
+        return findPositions(getRightEdge, getLeftEdge, optElements);
+      }
+    };
+    var detect$4 = onDirection(ltr, rtl);
+    var width = {
+      delta: function (amount, table) {
+        return detect$4(table).delta(amount, table);
+      },
+      positions: function (cols, table) {
+        return detect$4(table).positions(cols, table);
+      },
+      edge: function (cell) {
+        return detect$4(cell).edge(cell);
+      }
+    };
+
+    var units = {
+      unsupportedLength: [
+        'em',
+        'ex',
+        'cap',
+        'ch',
+        'ic',
+        'rem',
+        'lh',
+        'rlh',
+        'vw',
+        'vh',
+        'vi',
+        'vb',
+        'vmin',
+        'vmax',
+        'cm',
+        'mm',
+        'Q',
+        'in',
+        'pc',
+        'pt',
+        'px'
+      ],
+      fixed: [
+        'px',
+        'pt'
+      ],
+      relative: ['%'],
+      empty: ['']
+    };
+    var pattern = function () {
+      var decimalDigits = '[0-9]+';
+      var signedInteger = '[+-]?' + decimalDigits;
+      var exponentPart = '[eE]' + signedInteger;
+      var dot = '\\.';
+      var opt = function (input) {
+        return '(?:' + input + ')?';
+      };
+      var unsignedDecimalLiteral = [
+        'Infinity',
+        decimalDigits + dot + opt(decimalDigits) + opt(exponentPart),
+        dot + decimalDigits + opt(exponentPart),
+        decimalDigits + opt(exponentPart)
+      ].join('|');
+      var float = '[+-]?(?:' + unsignedDecimalLiteral + ')';
+      return new RegExp('^(' + float + ')(.*)$');
+    }();
+    var isUnit = function (unit, accepted) {
+      return exists(accepted, function (acc) {
+        return exists(units[acc], function (check) {
+          return unit === check;
+        });
+      });
+    };
+    var parse = function (input, accepted) {
+      var match = Optional.from(pattern.exec(input));
+      return match.bind(function (array) {
+        var value = Number(array[1]);
+        var unitRaw = array[2];
+        if (isUnit(unitRaw, accepted)) {
+          return Optional.some({
+            value: value,
+            unit: unitRaw
+          });
+        } else {
+          return Optional.none();
+        }
+      });
+    };
+
+    var needManualCalc = function () {
+      var browser = detect$3().browser;
+      return browser.isIE() || browser.isEdge();
+    };
+    var toNumber = function (px, fallback) {
+      var num = parseFloat(px);
+      return isNaN(num) ? fallback : num;
+    };
+    var getProp = function (elm, name, fallback) {
+      return toNumber(get$3(elm, name), fallback);
+    };
+    var getCalculatedHeight = function (cell) {
+      var height = cell.dom.getBoundingClientRect().height;
+      var boxSizing = get$3(cell, 'box-sizing');
+      if (boxSizing === 'border-box') {
+        return height;
+      } else {
+        var paddingTop = getProp(cell, 'padding-top', 0);
+        var paddingBottom = getProp(cell, 'padding-bottom', 0);
+        var borderTop = getProp(cell, 'border-top-width', 0);
+        var borderBottom = getProp(cell, 'border-bottom-width', 0);
+        var borders = borderTop + borderBottom;
+        return height - paddingTop - paddingBottom - borders;
+      }
+    };
+    var getCalculatedWidth = function (cell) {
+      var width = cell.dom.getBoundingClientRect().width;
+      var boxSizing = get$3(cell, 'box-sizing');
+      if (boxSizing === 'border-box') {
+        return width;
+      } else {
+        var paddingLeft = getProp(cell, 'padding-left', 0);
+        var paddingRight = getProp(cell, 'padding-right', 0);
+        var borderLeft = getProp(cell, 'border-left-width', 0);
+        var borderRight = getProp(cell, 'border-right-width', 0);
+        var borders = borderLeft + borderRight;
+        return width - paddingLeft - paddingRight - borders;
+      }
+    };
+    var getHeight = function (cell) {
+      return needManualCalc() ? getCalculatedHeight(cell) : getProp(cell, 'height', get$6(cell));
+    };
+    var getWidth = function (cell) {
+      return needManualCalc() ? getCalculatedWidth(cell) : getProp(cell, 'width', get$5(cell));
+    };
+
+    var rPercentageBasedSizeRegex = /(\d+(\.\d+)?)%/;
+    var rPixelBasedSizeRegex = /(\d+(\.\d+)?)px|em/;
+    var getPercentSize = function (elm, getter) {
+      var relativeParent = offsetParent(elm).getOr(getBody(owner(elm)));
+      return getter(elm) / getter(relativeParent) * 100;
+    };
+    var setPixelWidth = function (cell, amount) {
+      set$1(cell, 'width', amount + 'px');
+    };
+    var setPercentageWidth = function (cell, amount) {
+      set$1(cell, 'width', amount + '%');
+    };
+    var setHeight = function (cell, amount) {
+      set$1(cell, 'height', amount + 'px');
+    };
+    var getHeightValue = function (cell) {
+      return getRaw(cell, 'height').getOrThunk(function () {
+        return getHeight(cell) + 'px';
+      });
+    };
+    var convert = function (cell, number, getter, setter) {
+      var newSize = table(cell).map(function (table) {
+        var total = getter(table);
+        return Math.floor(number / 100 * total);
+      }).getOr(number);
+      setter(cell, newSize);
+      return newSize;
+    };
+    var normalizePixelSize = function (value, cell, getter, setter) {
+      var number = parseInt(value, 10);
+      return endsWith(value, '%') && name(cell) !== 'table' ? convert(cell, number, getter, setter) : number;
+    };
+    var getTotalHeight = function (cell) {
+      var value = getHeightValue(cell);
+      if (!value) {
+        return get$6(cell);
+      }
+      return normalizePixelSize(value, cell, get$6, setHeight);
+    };
+    var get$7 = function (cell, type, f) {
+      var v = f(cell);
+      var span = getSpan(cell, type);
+      return v / span;
+    };
+    var getRawWidth = function (element) {
+      var cssWidth = getRaw(element, 'width');
+      return cssWidth.fold(function () {
+        return Optional.from(get$2(element, 'width'));
+      }, function (width) {
+        return Optional.some(width);
+      });
+    };
+    var normalizePercentageWidth = function (cellWidth, tableSize) {
+      return cellWidth / tableSize.pixelWidth() * 100;
+    };
+    var choosePercentageSize = function (element, width, tableSize) {
+      var percentMatch = rPercentageBasedSizeRegex.exec(width);
+      if (percentMatch !== null) {
+        return parseFloat(percentMatch[1]);
+      } else {
+        var intWidth = getWidth(element);
+        return normalizePercentageWidth(intWidth, tableSize);
+      }
+    };
+    var getPercentageWidth = function (cell, tableSize) {
+      var width = getRawWidth(cell);
+      return width.fold(function () {
+        var intWidth = get$5(cell);
+        return normalizePercentageWidth(intWidth, tableSize);
+      }, function (w) {
+        return choosePercentageSize(cell, w, tableSize);
+      });
+    };
+    var normalizePixelWidth = function (cellWidth, tableSize) {
+      return cellWidth / 100 * tableSize.pixelWidth();
+    };
+    var choosePixelSize = function (element, width, tableSize) {
+      var pixelMatch = rPixelBasedSizeRegex.exec(width);
+      if (pixelMatch !== null) {
+        return parseInt(pixelMatch[1], 10);
+      }
+      var percentMatch = rPercentageBasedSizeRegex.exec(width);
+      if (percentMatch !== null) {
+        var floatWidth = parseFloat(percentMatch[1]);
+        return normalizePixelWidth(floatWidth, tableSize);
+      }
+      return getWidth(element);
+    };
+    var getPixelWidth = function (cell, tableSize) {
+      var width = getRawWidth(cell);
+      return width.fold(function () {
+        return getWidth(cell);
+      }, function (w) {
+        return choosePixelSize(cell, w, tableSize);
+      });
+    };
+    var getHeight$1 = function (cell) {
+      return get$7(cell, 'rowspan', getTotalHeight);
+    };
+    var getGenericWidth = function (cell) {
+      var width = getRawWidth(cell);
+      return width.bind(function (w) {
+        return parse(w, [
+          'fixed',
+          'relative',
+          'empty'
+        ]);
+      });
+    };
+    var setGenericWidth = function (cell, amount, unit) {
+      set$1(cell, 'width', amount + unit);
+    };
+    var getPixelTableWidth = function (table) {
+      return get$5(table) + 'px';
+    };
+    var getPercentTableWidth = function (table) {
+      return getPercentSize(table, get$5) + '%';
+    };
+    var isPercentSizing = function (table) {
+      return getRawWidth(table).exists(function (size) {
+        return rPercentageBasedSizeRegex.test(size);
+      });
+    };
+    var isPixelSizing = function (table) {
+      return getRawWidth(table).exists(function (size) {
+        return rPixelBasedSizeRegex.test(size);
+      });
+    };
+    var isNoneSizing = function (table) {
+      return getRawWidth(table).isNone();
+    };
+    var percentageBasedSizeRegex = constant(rPercentageBasedSizeRegex);
+    var pixelBasedSizeRegex = constant(rPixelBasedSizeRegex);
+
+    var isCol = isTag('col');
+    var getRaw$1 = function (cell, property, getter) {
+      return getRaw(cell, property).fold(function () {
+        return getter(cell) + 'px';
+      }, function (raw) {
+        return raw;
+      });
+    };
+    var getRawW = function (cell, tableSize) {
+      var fallback = function (e) {
+        return isCol(e) ? get$5(e) : getPixelWidth(e, tableSize);
+      };
+      return getRaw$1(cell, 'width', fallback);
+    };
+    var getRawH = function (cell) {
+      return getRaw$1(cell, 'height', getHeight$1);
+    };
+    var justCols = function (warehouse) {
+      return map(Warehouse.justColumns(warehouse), function (column) {
+        return Optional.from(column.element);
+      });
+    };
+    var isValidColumn = function (cell) {
+      return !isCol(cell) || getRaw(cell, 'width').isSome();
+    };
+    var getDimension = function (cellOpt, index, backups, filter, getter, fallback) {
+      return cellOpt.filter(filter).fold(function () {
+        return fallback(deduce(backups, index));
+      }, function (cell) {
+        return getter(cell);
+      });
+    };
+    var getWidthFrom = function (warehouse, table, getWidth, fallback, tableSize) {
+      var columnCells = columns$1(warehouse);
+      var columns = Warehouse.hasColumns(warehouse) ? justCols(warehouse) : columnCells;
+      var backups = [Optional.some(width.edge(table))].concat(map(width.positions(columnCells, table), function (pos) {
+        return pos.map(function (p) {
+          return p.x;
+        });
+      }));
+      var colFilter = not(hasColspan);
+      return map(columns, function (cellOption, c) {
+        return getDimension(cellOption, c, backups, colFilter, function (column) {
+          if (isValidColumn(column)) {
+            return getWidth(column, tableSize);
+          } else {
+            var cell = bindFrom(columnCells[c], identity);
+            return getDimension(cell, c, backups, colFilter, function (cell) {
+              return fallback(Optional.some(get$5(cell)));
+            }, fallback);
+          }
+        }, fallback);
+      });
+    };
+    var getDeduced = function (deduced) {
+      return deduced.map(function (d) {
+        return d + 'px';
+      }).getOr('');
+    };
+    var getRawWidths = function (warehouse, table, tableSize) {
+      return getWidthFrom(warehouse, table, getRawW, getDeduced, tableSize);
+    };
+    var getPercentageWidths = function (warehouse, table, tableSize) {
+      return getWidthFrom(warehouse, table, getPercentageWidth, function (deduced) {
+        return deduced.fold(function () {
+          return tableSize.minCellWidth();
+        }, function (cellWidth) {
+          return cellWidth / tableSize.pixelWidth() * 100;
+        });
+      }, tableSize);
+    };
+    var getPixelWidths = function (warehouse, table, tableSize) {
+      return getWidthFrom(warehouse, table, getPixelWidth, function (deduced) {
+        return deduced.getOrThunk(tableSize.minCellWidth);
+      }, tableSize);
+    };
+    var getHeightFrom = function (warehouse, table, direction, getHeight, fallback) {
+      var rows = rows$1(warehouse);
+      var backups = [Optional.some(direction.edge(table))].concat(map(direction.positions(rows, table), function (pos) {
+        return pos.map(function (p) {
+          return p.y;
+        });
+      }));
+      return map(rows, function (cellOption, c) {
+        return getDimension(cellOption, c, backups, not(hasRowspan), getHeight, fallback);
+      });
+    };
+    var getPixelHeights = function (warehouse, table, direction) {
+      return getHeightFrom(warehouse, table, direction, getHeight$1, function (deduced) {
+        return deduced.getOrThunk(minHeight);
+      });
+    };
+    var getRawHeights = function (warehouse, table, direction) {
+      return getHeightFrom(warehouse, table, direction, getRawH, getDeduced);
+    };
+
+    var total = function (start, end, measures) {
+      var r = 0;
+      for (var i = start; i < end; i++) {
+        r += measures[i] !== undefined ? measures[i] : 0;
+      }
+      return r;
+    };
+    var recalculateWidthForCells = function (warehouse, widths) {
+      var all = Warehouse.justCells(warehouse);
+      return map(all, function (cell) {
+        var width = total(cell.column, cell.column + cell.colspan, widths);
+        return {
+          element: cell.element,
+          width: width,
+          colspan: cell.colspan
+        };
+      });
+    };
+    var recalculateWidthForColumns = function (warehouse, widths) {
+      var groups = Warehouse.justColumns(warehouse);
+      return map(groups, function (column, index) {
+        return {
+          element: column.element,
+          width: widths[index],
+          colspan: column.colspan
+        };
+      });
+    };
+    var recalculateHeightForCells = function (warehouse, heights) {
+      var all = Warehouse.justCells(warehouse);
+      return map(all, function (cell) {
+        var height = total(cell.row, cell.row + cell.rowspan, heights);
+        return {
+          element: cell.element,
+          height: height,
+          rowspan: cell.rowspan
+        };
+      });
+    };
+    var matchRowHeight = function (warehouse, heights) {
+      return map(warehouse.all, function (row, i) {
+        return {
+          element: row.element,
+          height: heights[i]
+        };
+      });
+    };
+
+    var sumUp = function (newSize) {
+      return foldr(newSize, function (b, a) {
+        return b + a;
+      }, 0);
+    };
+    var recalculate = function (warehouse, widths) {
+      if (Warehouse.hasColumns(warehouse)) {
+        return recalculateWidthForColumns(warehouse, widths);
+      } else {
+        return recalculateWidthForCells(warehouse, widths);
+      }
+    };
+    var recalculateAndApply = function (warehouse, widths, tableSize) {
+      var newSizes = recalculate(warehouse, widths);
+      each(newSizes, function (cell) {
+        tableSize.setElementWidth(cell.element, cell.width);
+      });
+    };
+    var adjustWidth = function (table, delta, index, resizing, tableSize) {
+      var warehouse = Warehouse.fromTable(table);
+      var step = tableSize.getCellDelta(delta);
+      var widths = tableSize.getWidths(warehouse, tableSize);
+      var isLastColumn = index === warehouse.grid.columns - 1;
+      var clampedStep = resizing.clampTableDelta(widths, index, step, tableSize.minCellWidth(), isLastColumn);
+      var deltas = determine(widths, index, clampedStep, tableSize, resizing);
+      var newWidths = map(deltas, function (dx, i) {
+        return dx + widths[i];
+      });
+      recalculateAndApply(warehouse, newWidths, tableSize);
+      resizing.resizeTable(tableSize.adjustTableWidth, clampedStep, isLastColumn);
+    };
+    var adjustHeight = function (table, delta, index, direction) {
+      var warehouse = Warehouse.fromTable(table);
+      var heights = getPixelHeights(warehouse, table, direction);
+      var newHeights = map(heights, function (dy, i) {
+        return index === i ? Math.max(delta + dy, minHeight()) : dy;
+      });
+      var newCellSizes = recalculateHeightForCells(warehouse, newHeights);
+      var newRowSizes = matchRowHeight(warehouse, newHeights);
+      each(newRowSizes, function (row) {
+        setHeight(row.element, row.height);
+      });
+      each(newCellSizes, function (cell) {
+        setHeight(cell.element, cell.height);
+      });
+      var total = sumUp(newHeights);
+      setHeight(table, total);
+    };
+    var adjustWidthTo = function (table, list, tableSize) {
+      var warehouse = Warehouse.generate(list);
+      var widths = tableSize.getWidths(warehouse, tableSize);
+      recalculateAndApply(warehouse, widths, tableSize);
+    };
+
+    var zero = function (array) {
+      return map(array, constant(0));
+    };
+    var surround = function (sizes, startIndex, endIndex, results, f) {
+      return f(sizes.slice(0, startIndex)).concat(results).concat(f(sizes.slice(endIndex)));
+    };
+    var clampDeltaHelper = function (predicate) {
+      return function (sizes, index, delta, minCellSize) {
+        if (!predicate(delta)) {
+          return delta;
+        } else {
+          var newSize = Math.max(minCellSize, sizes[index] - Math.abs(delta));
+          var diff = Math.abs(newSize - sizes[index]);
+          return delta >= 0 ? diff : -diff;
+        }
+      };
+    };
+    var clampNegativeDelta = clampDeltaHelper(function (delta) {
+      return delta < 0;
+    });
+    var clampDelta = clampDeltaHelper(always);
+    var resizeTable = function () {
+      var calcFixedDeltas = function (sizes, index, next, delta, minCellSize) {
+        var clampedDelta = clampNegativeDelta(sizes, index, delta, minCellSize);
+        return surround(sizes, index, next + 1, [
+          clampedDelta,
+          0
+        ], zero);
+      };
+      var calcRelativeDeltas = function (sizes, index, delta, minCellSize) {
+        var ratio = (100 + delta) / 100;
+        var newThis = Math.max(minCellSize, (sizes[index] + delta) / ratio);
+        return map(sizes, function (size, idx) {
+          var newSize = idx === index ? newThis : size / ratio;
+          return newSize - size;
+        });
+      };
+      var calcLeftEdgeDeltas = function (sizes, index, next, delta, minCellSize, relativeSizing) {
+        if (relativeSizing) {
+          return calcRelativeDeltas(sizes, index, delta, minCellSize);
+        } else {
+          return calcFixedDeltas(sizes, index, next, delta, minCellSize);
+        }
+      };
+      var calcMiddleDeltas = function (sizes, _prev, index, next, delta, minCellSize, relativeSizing) {
+        return calcLeftEdgeDeltas(sizes, index, next, delta, minCellSize, relativeSizing);
+      };
+      var resizeTable = function (resizer, delta) {
+        return resizer(delta);
+      };
+      var calcRightEdgeDeltas = function (sizes, _prev, index, delta, minCellSize, relativeSizing) {
+        if (relativeSizing) {
+          return calcRelativeDeltas(sizes, index, delta, minCellSize);
+        } else {
+          var clampedDelta = clampNegativeDelta(sizes, index, delta, minCellSize);
+          return zero(sizes.slice(0, index)).concat([clampedDelta]);
+        }
+      };
+      return {
+        resizeTable: resizeTable,
+        clampTableDelta: clampNegativeDelta,
+        calcLeftEdgeDeltas: calcLeftEdgeDeltas,
+        calcMiddleDeltas: calcMiddleDeltas,
+        calcRightEdgeDeltas: calcRightEdgeDeltas
+      };
+    };
+    var preserveTable = function () {
+      var calcLeftEdgeDeltas = function (sizes, index, next, delta, minCellSize) {
+        var idx = delta >= 0 ? next : index;
+        var clampedDelta = clampDelta(sizes, idx, delta, minCellSize);
+        return surround(sizes, index, next + 1, [
+          clampedDelta,
+          -clampedDelta
+        ], zero);
+      };
+      var calcMiddleDeltas = function (sizes, _prev, index, next, delta, minCellSize) {
+        return calcLeftEdgeDeltas(sizes, index, next, delta, minCellSize);
+      };
+      var resizeTable = function (resizer, delta, isLastColumn) {
+        if (isLastColumn) {
+          resizer(delta);
+        }
+      };
+      var calcRightEdgeDeltas = function (sizes, _prev, _index, delta, _minCellSize, relativeSizing) {
+        if (relativeSizing) {
+          return zero(sizes);
+        } else {
+          var diff = delta / sizes.length;
+          return map(sizes, constant(diff));
+        }
+      };
+      var clampTableDelta = function (sizes, index, delta, minCellSize, isLastColumn) {
+        if (isLastColumn) {
+          if (delta >= 0) {
+            return delta;
+          } else {
+            var maxDelta = foldl(sizes, function (a, b) {
+              return a + b - minCellSize;
+            }, 0);
+            return Math.max(-maxDelta, delta);
+          }
+        } else {
+          return clampNegativeDelta(sizes, index, delta, minCellSize);
+        }
+      };
+      return {
+        resizeTable: resizeTable,
+        clampTableDelta: clampTableDelta,
+        calcLeftEdgeDeltas: calcLeftEdgeDeltas,
+        calcMiddleDeltas: calcMiddleDeltas,
+        calcRightEdgeDeltas: calcRightEdgeDeltas
+      };
+    };
+
+    var only = function (element, isResizable) {
+      var parent = Optional.from(element.dom.documentElement).map(SugarElement.fromDom).getOr(element);
+      return {
+        parent: constant(parent),
+        view: constant(element),
+        origin: constant(SugarPosition(0, 0)),
+        isResizable: isResizable
+      };
+    };
+    var detached = function (editable, chrome, isResizable) {
+      var origin = function () {
+        return absolute(chrome);
+      };
+      return {
+        parent: constant(chrome),
+        view: constant(editable),
+        origin: origin,
+        isResizable: isResizable
+      };
+    };
+    var body$1 = function (editable, chrome, isResizable) {
+      return {
+        parent: constant(chrome),
+        view: constant(editable),
+        origin: constant(SugarPosition(0, 0)),
+        isResizable: isResizable
+      };
+    };
+    var ResizeWire = {
+      only: only,
+      detached: detached,
+      body: body$1
+    };
+
+    var adt$1 = Adt.generate([
+      { invalid: ['raw'] },
+      { pixels: ['value'] },
+      { percent: ['value'] }
+    ]);
+    var validateFor = function (suffix, type, value) {
+      var rawAmount = value.substring(0, value.length - suffix.length);
+      var amount = parseFloat(rawAmount);
+      return rawAmount === amount.toString() ? type(amount) : adt$1.invalid(value);
+    };
+    var from$1 = function (value) {
+      if (endsWith(value, '%')) {
+        return validateFor('%', adt$1.percent, value);
+      }
+      if (endsWith(value, 'px')) {
+        return validateFor('px', adt$1.pixels, value);
+      }
+      return adt$1.invalid(value);
+    };
+    var Size = __assign(__assign({}, adt$1), { from: from$1 });
+
+    var redistributeToPercent = function (widths, totalWidth) {
+      return map(widths, function (w) {
+        var colType = Size.from(w);
+        return colType.fold(function () {
+          return w;
+        }, function (px) {
+          var ratio = px / totalWidth * 100;
+          return ratio + '%';
+        }, function (pc) {
+          return pc + '%';
+        });
+      });
+    };
+    var redistributeToPx = function (widths, totalWidth, newTotalWidth) {
+      var scale = newTotalWidth / totalWidth;
+      return map(widths, function (w) {
+        var colType = Size.from(w);
+        return colType.fold(function () {
+          return w;
+        }, function (px) {
+          return px * scale + 'px';
+        }, function (pc) {
+          return pc / 100 * newTotalWidth + 'px';
+        });
+      });
+    };
+    var redistributeEmpty = function (newWidthType, columns) {
+      var f = newWidthType.fold(function () {
+        return constant('');
+      }, function (pixels) {
+        var num = pixels / columns;
+        return constant(num + 'px');
+      }, function () {
+        var num = 100 / columns;
+        return constant(num + '%');
+      });
+      return range(columns, f);
+    };
+    var redistributeValues = function (newWidthType, widths, totalWidth) {
+      return newWidthType.fold(function () {
+        return widths;
+      }, function (px) {
+        return redistributeToPx(widths, totalWidth, px);
+      }, function (_pc) {
+        return redistributeToPercent(widths, totalWidth);
+      });
+    };
+    var redistribute = function (widths, totalWidth, newWidth) {
+      var newType = Size.from(newWidth);
+      var floats = forall(widths, function (s) {
+        return s === '0px';
+      }) ? redistributeEmpty(newType, widths.length) : redistributeValues(newType, widths, totalWidth);
+      return normalize(floats);
+    };
+    var sum = function (values, fallback) {
+      if (values.length === 0) {
+        return fallback;
+      }
+      return foldr(values, function (rest, v) {
+        return Size.from(v).fold(constant(0), identity, identity) + rest;
+      }, 0);
+    };
+    var roundDown = function (num, unit) {
+      var floored = Math.floor(num);
+      return {
+        value: floored + unit,
+        remainder: num - floored
+      };
+    };
+    var add = function (value, amount) {
+      return Size.from(value).fold(constant(value), function (px) {
+        return px + amount + 'px';
+      }, function (pc) {
+        return pc + amount + '%';
+      });
+    };
+    var normalize = function (values) {
+      if (values.length === 0) {
+        return values;
+      }
+      var scan = foldr(values, function (rest, value) {
+        var info = Size.from(value).fold(function () {
+          return {
+            value: value,
+            remainder: 0
+          };
+        }, function (num) {
+          return roundDown(num, 'px');
+        }, function (num) {
+          return {
+            value: num + '%',
+            remainder: 0
+          };
+        });
+        return {
+          output: [info.value].concat(rest.output),
+          remainder: rest.remainder + info.remainder
+        };
+      }, {
+        output: [],
+        remainder: 0
+      });
+      var r = scan.output;
+      return r.slice(0, r.length - 1).concat([add(r[r.length - 1], Math.round(scan.remainder))]);
+    };
+    var validate = Size.from;
+
+    var redistributeToW = function (newWidths, cells, unit) {
+      each(cells, function (cell) {
+        var widths = newWidths.slice(cell.column, cell.colspan + cell.column);
+        var w = sum(widths, minWidth());
+        set$1(cell.element, 'width', w + unit);
+      });
+    };
+    var redistributeToColumns = function (newWidths, columns, unit) {
+      each(columns, function (column, index) {
+        var width = sum([newWidths[index]], minWidth());
+        set$1(column.element, 'width', width + unit);
+      });
+    };
+    var redistributeToH = function (newHeights, rows, cells, unit) {
+      each(cells, function (cell) {
+        var heights = newHeights.slice(cell.row, cell.rowspan + cell.row);
+        var h = sum(heights, minHeight());
+        set$1(cell.element, 'height', h + unit);
+      });
+      each(rows, function (row, i) {
+        set$1(row.element, 'height', newHeights[i]);
+      });
+    };
+    var getUnit = function (newSize) {
+      return validate(newSize).fold(constant('px'), constant('px'), constant('%'));
+    };
+    var redistribute$1 = function (table, optWidth, optHeight, tableSize) {
+      var warehouse = Warehouse.fromTable(table);
+      var rows = warehouse.all;
+      var cells = Warehouse.justCells(warehouse);
+      var columns = Warehouse.justColumns(warehouse);
+      optWidth.each(function (newWidth) {
+        var widthUnit = getUnit(newWidth);
+        var totalWidth = get$5(table);
+        var oldWidths = getRawWidths(warehouse, table, tableSize);
+        var nuWidths = redistribute(oldWidths, totalWidth, newWidth);
+        if (Warehouse.hasColumns(warehouse)) {
+          redistributeToColumns(nuWidths, columns, widthUnit);
+        } else {
+          redistributeToW(nuWidths, cells, widthUnit);
+        }
+        set$1(table, 'width', newWidth);
+      });
+      optHeight.each(function (newHeight) {
+        var hUnit = getUnit(newHeight);
+        var totalHeight = get$6(table);
+        var oldHeights = getRawHeights(warehouse, table, height);
+        var nuHeights = redistribute(oldHeights, totalHeight, newHeight);
+        redistributeToH(nuHeights, rows, cells, hUnit);
+        set$1(table, 'height', newHeight);
+      });
+    };
+    var isPercentSizing$1 = isPercentSizing;
+    var isPixelSizing$1 = isPixelSizing;
+    var isNoneSizing$1 = isNoneSizing;
+    var getPercentTableWidth$1 = getPercentTableWidth;
+
+    var getGridSize = function (table) {
+      var warehouse = Warehouse.fromTable(table);
+      return warehouse.grid;
+    };
+
+    var Event = function (fields) {
+      var handlers = [];
+      var bind = function (handler) {
+        if (handler === undefined) {
+          throw new Error('Event bind error: undefined handler');
+        }
+        handlers.push(handler);
+      };
+      var unbind = function (handler) {
+        handlers = filter(handlers, function (h) {
+          return h !== handler;
+        });
+      };
+      var trigger = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        var event = {};
+        each(fields, function (name, i) {
+          event[name] = args[i];
+        });
+        each(handlers, function (handler) {
+          handler(event);
+        });
+      };
+      return {
+        bind: bind,
+        unbind: unbind,
+        trigger: trigger
+      };
+    };
+
+    var create = function (typeDefs) {
+      var registry = map$1(typeDefs, function (event) {
+        return {
+          bind: event.bind,
+          unbind: event.unbind
+        };
+      });
+      var trigger = map$1(typeDefs, function (event) {
+        return event.trigger;
+      });
+      return {
+        registry: registry,
+        trigger: trigger
+      };
+    };
+
+    var last$2 = function (fn, rate) {
+      var timer = null;
+      var cancel = function () {
+        if (timer !== null) {
+          clearTimeout(timer);
+          timer = null;
+        }
+      };
+      var throttle = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        if (timer !== null) {
+          clearTimeout(timer);
+        }
+        timer = setTimeout(function () {
+          fn.apply(null, args);
+          timer = null;
+        }, rate);
+      };
+      return {
+        cancel: cancel,
+        throttle: throttle
+      };
+    };
+
+    var sort = function (arr) {
+      return arr.slice(0).sort();
+    };
+    var reqMessage = function (required, keys) {
+      throw new Error('All required keys (' + sort(required).join(', ') + ') were not specified. Specified keys were: ' + sort(keys).join(', ') + '.');
+    };
+    var unsuppMessage = function (unsupported) {
+      throw new Error('Unsupported keys for object: ' + sort(unsupported).join(', '));
+    };
+    var validateStrArr = function (label, array) {
+      if (!isArray(array)) {
+        throw new Error('The ' + label + ' fields must be an array. Was: ' + array + '.');
+      }
+      each(array, function (a) {
+        if (!isString(a)) {
+          throw new Error('The value ' + a + ' in the ' + label + ' fields was not a string.');
+        }
+      });
+    };
+    var invalidTypeMessage = function (incorrect, type) {
+      throw new Error('All values need to be of type: ' + type + '. Keys (' + sort(incorrect).join(', ') + ') were not.');
+    };
+    var checkDupes = function (everything) {
+      var sorted = sort(everything);
+      var dupe = find(sorted, function (s, i) {
+        return i < sorted.length - 1 && s === sorted[i + 1];
+      });
+      dupe.each(function (d) {
+        throw new Error('The field: ' + d + ' occurs more than once in the combined fields: [' + sorted.join(', ') + '].');
+      });
+    };
+
+    var base = function (handleUnsupported, required) {
+      return baseWith(handleUnsupported, required, {
+        validate: isFunction,
+        label: 'function'
+      });
+    };
+    var baseWith = function (handleUnsupported, required, pred) {
+      if (required.length === 0) {
+        throw new Error('You must specify at least one required field.');
+      }
+      validateStrArr('required', required);
+      checkDupes(required);
+      return function (obj) {
+        var keys$1 = keys(obj);
+        var allReqd = forall(required, function (req) {
+          return contains(keys$1, req);
+        });
+        if (!allReqd) {
+          reqMessage(required, keys$1);
+        }
+        handleUnsupported(required, keys$1);
+        var invalidKeys = filter(required, function (key) {
+          return !pred.validate(obj[key], key);
+        });
+        if (invalidKeys.length > 0) {
+          invalidTypeMessage(invalidKeys, pred.label);
+        }
+        return obj;
+      };
+    };
+    var handleExact = function (required, keys) {
+      var unsupported = filter(keys, function (key) {
+        return !contains(required, key);
+      });
+      if (unsupported.length > 0) {
+        unsuppMessage(unsupported);
+      }
+    };
+    var exactly = function (required) {
+      return base(handleExact, required);
+    };
+
+    var DragMode = exactly([
+      'compare',
+      'extract',
+      'mutate',
+      'sink'
+    ]);
+    var DragSink = exactly([
+      'element',
+      'start',
+      'stop',
+      'destroy'
+    ]);
+    var DragApi = exactly([
+      'forceDrop',
+      'drop',
+      'move',
+      'delayDrop'
+    ]);
+
+    function InDrag () {
+      var previous = Optional.none();
+      var reset = function () {
+        previous = Optional.none();
+      };
+      var update = function (mode, nu) {
+        var result = previous.map(function (old) {
+          return mode.compare(old, nu);
+        });
+        previous = Optional.some(nu);
+        return result;
+      };
+      var onEvent = function (event, mode) {
+        var dataOption = mode.extract(event);
+        dataOption.each(function (data) {
+          var offset = update(mode, data);
+          offset.each(function (d) {
+            events.trigger.move(d);
+          });
+        });
+      };
+      var events = create({ move: Event(['info']) });
+      return {
+        onEvent: onEvent,
+        reset: reset,
+        events: events.registry
+      };
+    }
+
+    function NoDrag () {
+      return {
+        onEvent: noop,
+        reset: noop
+      };
+    }
+
+    function Movement () {
+      var noDragState = NoDrag();
+      var inDragState = InDrag();
+      var dragState = noDragState;
+      var on = function () {
+        dragState.reset();
+        dragState = inDragState;
+      };
+      var off = function () {
+        dragState.reset();
+        dragState = noDragState;
+      };
+      var onEvent = function (event, mode) {
+        dragState.onEvent(event, mode);
+      };
+      var isOn = function () {
+        return dragState === inDragState;
+      };
+      return {
+        on: on,
+        off: off,
+        isOn: isOn,
+        onEvent: onEvent,
+        events: inDragState.events
+      };
+    }
+
+    var setup = function (mutation, mode, settings) {
+      var active = false;
+      var events = create({
+        start: Event([]),
+        stop: Event([])
+      });
+      var movement = Movement();
+      var drop = function () {
+        sink.stop();
+        if (movement.isOn()) {
+          movement.off();
+          events.trigger.stop();
+        }
+      };
+      var throttledDrop = last$2(drop, 200);
+      var go = function (parent) {
+        sink.start(parent);
+        movement.on();
+        events.trigger.start();
+      };
+      var mousemove = function (event) {
+        throttledDrop.cancel();
+        movement.onEvent(event, mode);
+      };
+      movement.events.move.bind(function (event) {
+        mode.mutate(mutation, event.info);
+      });
+      var on = function () {
+        active = true;
+      };
+      var off = function () {
+        active = false;
+      };
+      var runIfActive = function (f) {
+        return function () {
+          var args = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+          }
+          if (active) {
+            f.apply(null, args);
+          }
+        };
+      };
+      var sink = mode.sink(DragApi({
+        forceDrop: drop,
+        drop: runIfActive(drop),
+        move: runIfActive(mousemove),
+        delayDrop: runIfActive(throttledDrop.throttle)
+      }), settings);
+      var destroy = function () {
+        sink.destroy();
+      };
+      return {
+        element: sink.element,
+        go: go,
+        on: on,
+        off: off,
+        destroy: destroy,
+        events: events.registry
+      };
+    };
+
+    var mkEvent = function (target, x, y, stop, prevent, kill, raw) {
+      return {
+        target: target,
+        x: x,
+        y: y,
+        stop: stop,
+        prevent: prevent,
+        kill: kill,
+        raw: raw
+      };
+    };
+    var fromRawEvent = function (rawEvent) {
+      var target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target));
+      var stop = function () {
+        return rawEvent.stopPropagation();
+      };
+      var prevent = function () {
+        return rawEvent.preventDefault();
+      };
+      var kill = compose(prevent, stop);
+      return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent);
+    };
+    var handle = function (filter, handler) {
+      return function (rawEvent) {
+        if (filter(rawEvent)) {
+          handler(fromRawEvent(rawEvent));
+        }
+      };
+    };
+    var binder = function (element, event, filter, handler, useCapture) {
+      var wrapped = handle(filter, handler);
+      element.dom.addEventListener(event, wrapped, useCapture);
+      return { unbind: curry(unbind, element, event, wrapped, useCapture) };
+    };
+    var bind$1 = function (element, event, filter, handler) {
+      return binder(element, event, filter, handler, false);
+    };
+    var unbind = function (element, event, handler, useCapture) {
+      element.dom.removeEventListener(event, handler, useCapture);
+    };
+
+    var filter$2 = always;
+    var bind$2 = function (element, event, handler) {
+      return bind$1(element, event, filter$2, handler);
+    };
+    var fromRawEvent$1 = fromRawEvent;
+
+    var read = function (element, attr) {
+      var value = get$2(element, attr);
+      return value === undefined || value === '' ? [] : value.split(' ');
+    };
+    var add$1 = function (element, attr, id) {
+      var old = read(element, attr);
+      var nu = old.concat([id]);
+      set(element, attr, nu.join(' '));
+      return true;
+    };
+    var remove$3 = function (element, attr, id) {
+      var nu = filter(read(element, attr), function (v) {
+        return v !== id;
+      });
+      if (nu.length > 0) {
+        set(element, attr, nu.join(' '));
+      } else {
+        remove(element, attr);
+      }
+      return false;
+    };
+
+    var supports = function (element) {
+      return element.dom.classList !== undefined;
+    };
+    var get$8 = function (element) {
+      return read(element, 'class');
+    };
+    var add$2 = function (element, clazz) {
+      return add$1(element, 'class', clazz);
+    };
+    var remove$4 = function (element, clazz) {
+      return remove$3(element, 'class', clazz);
+    };
+
+    var add$3 = function (element, clazz) {
+      if (supports(element)) {
+        element.dom.classList.add(clazz);
+      } else {
+        add$2(element, clazz);
+      }
+    };
+    var cleanClass = function (element) {
+      var classList = supports(element) ? element.dom.classList : get$8(element);
+      if (classList.length === 0) {
+        remove(element, 'class');
+      }
+    };
+    var remove$5 = function (element, clazz) {
+      if (supports(element)) {
+        var classList = element.dom.classList;
+        classList.remove(clazz);
+      } else {
+        remove$4(element, clazz);
+      }
+      cleanClass(element);
+    };
+    var has$1 = function (element, clazz) {
+      return supports(element) && element.dom.classList.contains(clazz);
+    };
+
+    var css = function (namespace) {
+      var dashNamespace = namespace.replace(/\./g, '-');
+      var resolve = function (str) {
+        return dashNamespace + '-' + str;
+      };
+      return { resolve: resolve };
+    };
+
+    var styles = css('ephox-dragster');
+    var resolve = styles.resolve;
+
+    var Blocker = function (options) {
+      var settings = __assign({ layerClass: resolve('blocker') }, options);
+      var div = SugarElement.fromTag('div');
+      set(div, 'role', 'presentation');
+      setAll$1(div, {
+        position: 'fixed',
+        left: '0px',
+        top: '0px',
+        width: '100%',
+        height: '100%'
+      });
+      add$3(div, resolve('blocker'));
+      add$3(div, settings.layerClass);
+      var element = function () {
+        return div;
+      };
+      var destroy = function () {
+        remove$2(div);
+      };
+      return {
+        element: element,
+        destroy: destroy
+      };
+    };
+
+    var compare = function (old, nu) {
+      return SugarPosition(nu.left - old.left, nu.top - old.top);
+    };
+    var extract$1 = function (event) {
+      return Optional.some(SugarPosition(event.x, event.y));
+    };
+    var mutate = function (mutation, info) {
+      mutation.mutate(info.left, info.top);
+    };
+    var sink = function (dragApi, settings) {
+      var blocker = Blocker(settings);
+      var mdown = bind$2(blocker.element(), 'mousedown', dragApi.forceDrop);
+      var mup = bind$2(blocker.element(), 'mouseup', dragApi.drop);
+      var mmove = bind$2(blocker.element(), 'mousemove', dragApi.move);
+      var mout = bind$2(blocker.element(), 'mouseout', dragApi.delayDrop);
+      var destroy = function () {
+        blocker.destroy();
+        mup.unbind();
+        mmove.unbind();
+        mout.unbind();
+        mdown.unbind();
+      };
+      var start = function (parent) {
+        append(parent, blocker.element());
+      };
+      var stop = function () {
+        remove$2(blocker.element());
+      };
+      return DragSink({
+        element: blocker.element,
+        start: start,
+        stop: stop,
+        destroy: destroy
+      });
+    };
+    var MouseDrag = DragMode({
+      compare: compare,
+      extract: extract$1,
+      sink: sink,
+      mutate: mutate
+    });
+
+    var transform = function (mutation, settings) {
+      if (settings === void 0) {
+        settings = {};
+      }
+      var mode = settings.mode !== undefined ? settings.mode : MouseDrag;
+      return setup(mutation, mode, settings);
+    };
+
+    var isContentEditableTrue = function (elm) {
+      return get$2(elm, 'contenteditable') === 'true';
+    };
+    var findClosestContentEditable = function (target, isRoot) {
+      return closest$1(target, '[contenteditable]', isRoot);
+    };
+
+    var styles$1 = css('ephox-snooker');
+    var resolve$1 = styles$1.resolve;
+
+    var Mutation = function () {
+      var events = create({
+        drag: Event([
+          'xDelta',
+          'yDelta'
+        ])
+      });
+      var mutate = function (x, y) {
+        events.trigger.drag(x, y);
+      };
+      return {
+        mutate: mutate,
+        events: events.registry
+      };
+    };
+
+    var BarMutation = function () {
+      var events = create({
+        drag: Event([
+          'xDelta',
+          'yDelta',
+          'target'
+        ])
+      });
+      var target = Optional.none();
+      var delegate = Mutation();
+      delegate.events.drag.bind(function (event) {
+        target.each(function (t) {
+          events.trigger.drag(event.xDelta, event.yDelta, t);
+        });
+      });
+      var assign = function (t) {
+        target = Optional.some(t);
+      };
+      var get = function () {
+        return target;
+      };
+      return {
+        assign: assign,
+        get: get,
+        mutate: delegate.mutate,
+        events: events.registry
+      };
+    };
+
+    var col = function (column, x, y, w, h) {
+      var bar = SugarElement.fromTag('div');
+      setAll$1(bar, {
+        position: 'absolute',
+        left: x - w / 2 + 'px',
+        top: y + 'px',
+        height: h + 'px',
+        width: w + 'px'
+      });
+      setAll(bar, {
+        'data-column': column,
+        'role': 'presentation'
+      });
+      return bar;
+    };
+    var row = function (r, x, y, w, h) {
+      var bar = SugarElement.fromTag('div');
+      setAll$1(bar, {
+        position: 'absolute',
+        left: x + 'px',
+        top: y - h / 2 + 'px',
+        height: h + 'px',
+        width: w + 'px'
+      });
+      setAll(bar, {
+        'data-row': r,
+        'role': 'presentation'
+      });
+      return bar;
+    };
+
+    var resizeBar = resolve$1('resizer-bar');
+    var resizeRowBar = resolve$1('resizer-rows');
+    var resizeColBar = resolve$1('resizer-cols');
+    var BAR_THICKNESS = 7;
+    var resizableRows = function (warehouse, isResizable) {
+      return bind(warehouse.all, function (row, i) {
+        return isResizable(row.element) ? [i] : [];
+      });
+    };
+    var resizableColumns = function (warehouse, isResizable) {
+      var resizableCols = [];
+      range(warehouse.grid.columns, function (index) {
+        var colElmOpt = Warehouse.getColumnAt(warehouse, index).map(function (col) {
+          return col.element;
+        });
+        if (colElmOpt.forall(isResizable)) {
+          resizableCols.push(index);
+        }
+      });
+      return filter(resizableCols, function (colIndex) {
+        var columnCells = Warehouse.filterItems(warehouse, function (cell) {
+          return cell.column === colIndex;
+        });
+        return forall(columnCells, function (cell) {
+          return isResizable(cell.element);
+        });
+      });
+    };
+    var destroy = function (wire) {
+      var previous = descendants$1(wire.parent(), '.' + resizeBar);
+      each(previous, remove$2);
+    };
+    var drawBar = function (wire, positions, create) {
+      var origin = wire.origin();
+      each(positions, function (cpOption) {
+        cpOption.each(function (cp) {
+          var bar = create(origin, cp);
+          add$3(bar, resizeBar);
+          append(wire.parent(), bar);
+        });
+      });
+    };
+    var refreshCol = function (wire, colPositions, position, tableHeight) {
+      drawBar(wire, colPositions, function (origin, cp) {
+        var colBar = col(cp.col, cp.x - origin.left, position.top - origin.top, BAR_THICKNESS, tableHeight);
+        add$3(colBar, resizeColBar);
+        return colBar;
+      });
+    };
+    var refreshRow = function (wire, rowPositions, position, tableWidth) {
+      drawBar(wire, rowPositions, function (origin, cp) {
+        var rowBar = row(cp.row, position.left - origin.left, cp.y - origin.top, tableWidth, BAR_THICKNESS);
+        add$3(rowBar, resizeRowBar);
+        return rowBar;
+      });
+    };
+    var refreshGrid = function (warhouse, wire, table, rows, cols) {
+      var position = absolute(table);
+      var isResizable = wire.isResizable;
+      var rowPositions = rows.length > 0 ? height.positions(rows, table) : [];
+      var resizableRowBars = rowPositions.length > 0 ? resizableRows(warhouse, isResizable) : [];
+      var resizableRowPositions = filter(rowPositions, function (_pos, i) {
+        return exists(resizableRowBars, function (barIndex) {
+          return i === barIndex;
+        });
+      });
+      refreshRow(wire, resizableRowPositions, position, getOuter(table));
+      var colPositions = cols.length > 0 ? width.positions(cols, table) : [];
+      var resizableColBars = colPositions.length > 0 ? resizableColumns(warhouse, isResizable) : [];
+      var resizableColPositions = filter(colPositions, function (_pos, i) {
+        return exists(resizableColBars, function (barIndex) {
+          return i === barIndex;
+        });
+      });
+      refreshCol(wire, resizableColPositions, position, getOuter$1(table));
+    };
+    var refresh = function (wire, table) {
+      destroy(wire);
+      if (wire.isResizable(table)) {
+        var warehouse = Warehouse.fromTable(table);
+        var rows = rows$1(warehouse);
+        var cols = columns$1(warehouse);
+        refreshGrid(warehouse, wire, table, rows, cols);
+      }
+    };
+    var each$2 = function (wire, f) {
+      var bars = descendants$1(wire.parent(), '.' + resizeBar);
+      each(bars, f);
+    };
+    var hide = function (wire) {
+      each$2(wire, function (bar) {
+        set$1(bar, 'display', 'none');
+      });
+    };
+    var show = function (wire) {
+      each$2(wire, function (bar) {
+        set$1(bar, 'display', 'block');
+      });
+    };
+    var isRowBar = function (element) {
+      return has$1(element, resizeRowBar);
+    };
+    var isColBar = function (element) {
+      return has$1(element, resizeColBar);
+    };
+
+    var resizeBarDragging = resolve$1('resizer-bar-dragging');
+    var BarManager = function (wire) {
+      var mutation = BarMutation();
+      var resizing = transform(mutation, {});
+      var hoverTable = Optional.none();
+      var getResizer = function (element, type) {
+        return Optional.from(get$2(element, type));
+      };
+      mutation.events.drag.bind(function (event) {
+        getResizer(event.target, 'data-row').each(function (_dataRow) {
+          var currentRow = getCssValue(event.target, 'top');
+          set$1(event.target, 'top', currentRow + event.yDelta + 'px');
+        });
+        getResizer(event.target, 'data-column').each(function (_dataCol) {
+          var currentCol = getCssValue(event.target, 'left');
+          set$1(event.target, 'left', currentCol + event.xDelta + 'px');
+        });
+      });
+      var getDelta = function (target, dir) {
+        var newX = getCssValue(target, dir);
+        var oldX = getAttrValue(target, 'data-initial-' + dir, 0);
+        return newX - oldX;
+      };
+      resizing.events.stop.bind(function () {
+        mutation.get().each(function (target) {
+          hoverTable.each(function (table) {
+            getResizer(target, 'data-row').each(function (row) {
+              var delta = getDelta(target, 'top');
+              remove(target, 'data-initial-top');
+              events.trigger.adjustHeight(table, delta, parseInt(row, 10));
+            });
+            getResizer(target, 'data-column').each(function (column) {
+              var delta = getDelta(target, 'left');
+              remove(target, 'data-initial-left');
+              events.trigger.adjustWidth(table, delta, parseInt(column, 10));
+            });
+            refresh(wire, table);
+          });
+        });
+      });
+      var handler = function (target, dir) {
+        events.trigger.startAdjust();
+        mutation.assign(target);
+        set(target, 'data-initial-' + dir, getCssValue(target, dir));
+        add$3(target, resizeBarDragging);
+        set$1(target, 'opacity', '0.2');
+        resizing.go(wire.parent());
+      };
+      var mousedown = bind$2(wire.parent(), 'mousedown', function (event) {
+        if (isRowBar(event.target)) {
+          handler(event.target, 'top');
+        }
+        if (isColBar(event.target)) {
+          handler(event.target, 'left');
+        }
+      });
+      var isRoot = function (e) {
+        return eq$1(e, wire.view());
+      };
+      var findClosestEditableTable = function (target) {
+        return closest$1(target, 'table', isRoot).filter(function (table) {
+          return findClosestContentEditable(table, isRoot).exists(isContentEditableTrue);
+        });
+      };
+      var mouseover = bind$2(wire.view(), 'mouseover', function (event) {
+        findClosestEditableTable(event.target).fold(function () {
+          if (inBody(event.target)) {
+            destroy(wire);
+          }
+        }, function (table) {
+          hoverTable = Optional.some(table);
+          refresh(wire, table);
+        });
+      });
+      var destroy$1 = function () {
+        mousedown.unbind();
+        mouseover.unbind();
+        resizing.destroy();
+        destroy(wire);
+      };
+      var refresh$1 = function (tbl) {
+        refresh(wire, tbl);
+      };
+      var events = create({
+        adjustHeight: Event([
+          'table',
+          'delta',
+          'row'
+        ]),
+        adjustWidth: Event([
+          'table',
+          'delta',
+          'column'
+        ]),
+        startAdjust: Event([])
+      });
+      return {
+        destroy: destroy$1,
+        refresh: refresh$1,
+        on: resizing.on,
+        off: resizing.off,
+        hideBars: curry(hide, wire),
+        showBars: curry(show, wire),
+        events: events.registry
+      };
+    };
+
+    var create$1 = function (wire, resizing, lazySizing) {
+      var hdirection = height;
+      var vdirection = width;
+      var manager = BarManager(wire);
+      var events = create({
+        beforeResize: Event([
+          'table',
+          'type'
+        ]),
+        afterResize: Event([
+          'table',
+          'type'
+        ]),
+        startDrag: Event([])
+      });
+      manager.events.adjustHeight.bind(function (event) {
+        var table = event.table;
+        events.trigger.beforeResize(table, 'row');
+        var delta = hdirection.delta(event.delta, table);
+        adjustHeight(table, delta, event.row, hdirection);
+        events.trigger.afterResize(table, 'row');
+      });
+      manager.events.startAdjust.bind(function (_event) {
+        events.trigger.startDrag();
+      });
+      manager.events.adjustWidth.bind(function (event) {
+        var table = event.table;
+        events.trigger.beforeResize(table, 'col');
+        var delta = vdirection.delta(event.delta, table);
+        var tableSize = lazySizing(table);
+        adjustWidth(table, delta, event.column, resizing, tableSize);
+        events.trigger.afterResize(table, 'col');
+      });
+      return {
+        on: manager.on,
+        off: manager.off,
+        hideBars: manager.hideBars,
+        showBars: manager.showBars,
+        destroy: manager.destroy,
+        events: events.registry
+      };
+    };
+    var TableResize = { create: create$1 };
+
+    var fireNewRow = function (editor, row) {
+      return editor.fire('newrow', { node: row });
+    };
+    var fireNewCell = function (editor, cell) {
+      return editor.fire('newcell', { node: cell });
+    };
+    var fireObjectResizeStart = function (editor, target, width, height, origin) {
+      editor.fire('ObjectResizeStart', {
+        target: target,
+        width: width,
+        height: height,
+        origin: origin
+      });
+    };
+    var fireObjectResized = function (editor, target, width, height, origin) {
+      editor.fire('ObjectResized', {
+        target: target,
+        width: width,
+        height: height,
+        origin: origin
+      });
+    };
+    var fireTableSelectionChange = function (editor, cells, start, finish, otherCells) {
+      editor.fire('TableSelectionChange', {
+        cells: cells,
+        start: start,
+        finish: finish,
+        otherCells: otherCells
+      });
+    };
+    var fireTableSelectionClear = function (editor) {
+      editor.fire('TableSelectionClear');
+    };
+    var fireTableModified = function (editor, table, data) {
+      editor.fire('TableModified', __assign(__assign({}, data), { table: table }));
+    };
+
+    var defaultTableToolbar = 'tableprops tabledelete | tableinsertrowbefore tableinsertrowafter tabledeleterow | tableinsertcolbefore tableinsertcolafter tabledeletecol';
+    var defaultStyles = {
+      'border-collapse': 'collapse',
+      'width': '100%'
+    };
+    var determineDefaultStyles = function (editor) {
+      if (isPixelsForced(editor)) {
+        var editorWidth = editor.getBody().offsetWidth;
+        return __assign(__assign({}, defaultStyles), { width: editorWidth + 'px' });
+      } else if (isResponsiveForced(editor)) {
+        return filter$1(defaultStyles, function (_value, key) {
+          return key !== 'width';
+        });
+      } else {
+        return defaultStyles;
+      }
+    };
+    var defaultAttributes = { border: '1' };
+    var defaultColumnResizingBehaviour = 'preservetable';
+    var getTableSizingMode = function (editor) {
+      return editor.getParam('table_sizing_mode', 'auto');
+    };
+    var getTableResponseWidth = function (editor) {
+      return editor.getParam('table_responsive_width');
+    };
+    var getDefaultAttributes = function (editor) {
+      return editor.getParam('table_default_attributes', defaultAttributes, 'object');
+    };
+    var getDefaultStyles = function (editor) {
+      return editor.getParam('table_default_styles', determineDefaultStyles(editor), 'object');
+    };
+    var hasTableResizeBars = function (editor) {
+      return editor.getParam('table_resize_bars', true, 'boolean');
+    };
+    var hasTabNavigation = function (editor) {
+      return editor.getParam('table_tab_navigation', true, 'boolean');
+    };
+    var hasAdvancedCellTab = function (editor) {
+      return editor.getParam('table_cell_advtab', true, 'boolean');
+    };
+    var hasAdvancedRowTab = function (editor) {
+      return editor.getParam('table_row_advtab', true, 'boolean');
+    };
+    var hasAdvancedTableTab = function (editor) {
+      return editor.getParam('table_advtab', true, 'boolean');
+    };
+    var hasAppearanceOptions = function (editor) {
+      return editor.getParam('table_appearance_options', true, 'boolean');
+    };
+    var hasTableGrid = function (editor) {
+      return editor.getParam('table_grid', true, 'boolean');
+    };
+    var shouldStyleWithCss = function (editor) {
+      return editor.getParam('table_style_by_css', false, 'boolean');
+    };
+    var getCellClassList = function (editor) {
+      return editor.getParam('table_cell_class_list', [], 'array');
+    };
+    var getRowClassList = function (editor) {
+      return editor.getParam('table_row_class_list', [], 'array');
+    };
+    var getTableClassList = function (editor) {
+      return editor.getParam('table_class_list', [], 'array');
+    };
+    var isPercentagesForced = function (editor) {
+      return getTableSizingMode(editor) === 'relative' || getTableResponseWidth(editor) === true;
+    };
+    var isPixelsForced = function (editor) {
+      return getTableSizingMode(editor) === 'fixed' || getTableResponseWidth(editor) === false;
+    };
+    var isResponsiveForced = function (editor) {
+      return getTableSizingMode(editor) === 'responsive';
+    };
+    var getToolbar = function (editor) {
+      return editor.getParam('table_toolbar', defaultTableToolbar);
+    };
+    var useColumnGroup = function (editor) {
+      return editor.getParam('table_use_colgroups', false, 'boolean');
+    };
+    var getTableHeaderType = function (editor) {
+      var defaultValue = 'section';
+      var value = editor.getParam('table_header_type', defaultValue, 'string');
+      var validValues = [
+        'section',
+        'cells',
+        'sectionCells',
+        'auto'
+      ];
+      if (!contains(validValues, value)) {
+        return defaultValue;
+      } else {
+        return value;
+      }
+    };
+    var getColumnResizingBehaviour = function (editor) {
+      var validModes = [
+        'preservetable',
+        'resizetable'
+      ];
+      var givenMode = editor.getParam('table_column_resizing', defaultColumnResizingBehaviour, 'string');
+      return find(validModes, function (mode) {
+        return mode === givenMode;
+      }).getOr(defaultColumnResizingBehaviour);
+    };
+    var isPreserveTableColumnResizing = function (editor) {
+      return getColumnResizingBehaviour(editor) === 'preservetable';
+    };
+    var getCloneElements = function (editor) {
+      var cloneElements = editor.getParam('table_clone_elements');
+      if (isString(cloneElements)) {
+        return Optional.some(cloneElements.split(/[ ,]/));
+      } else if (Array.isArray(cloneElements)) {
+        return Optional.some(cloneElements);
+      } else {
+        return Optional.none();
+      }
+    };
+    var hasObjectResizing = function (editor) {
+      var objectResizing = editor.getParam('object_resizing', true);
+      return isString(objectResizing) ? objectResizing === 'table' : objectResizing;
+    };
+
+    var getNodeName = function (elm) {
+      return elm.nodeName.toLowerCase();
+    };
+    var getBody$1 = function (editor) {
+      return SugarElement.fromDom(editor.getBody());
+    };
+    var getPixelWidth$1 = function (elm) {
+      return elm.getBoundingClientRect().width;
+    };
+    var getPixelHeight = function (elm) {
+      return elm.getBoundingClientRect().height;
+    };
+    var getIsRoot = function (editor) {
+      return function (element) {
+        return eq$1(element, getBody$1(editor));
+      };
+    };
+    var removePxSuffix = function (size) {
+      return size ? size.replace(/px$/, '') : '';
+    };
+    var addPxSuffix = function (size) {
+      return /^\d+(\.\d+)?$/.test(size) ? size + 'px' : size;
+    };
+    var removeDataStyle = function (table) {
+      remove(table, 'data-mce-style');
+      var removeStyleAttribute = function (element) {
+        return remove(element, 'data-mce-style');
+      };
+      each(cells(table), removeStyleAttribute);
+      each(columns(table), removeStyleAttribute);
+    };
+    var getRawWidth$1 = function (editor, elm) {
+      var raw = editor.dom.getStyle(elm, 'width') || editor.dom.getAttrib(elm, 'width');
+      return Optional.from(raw).filter(isNotEmpty);
+    };
+    var isPercentage = function (value) {
+      return /^(\d+(\.\d+)?)%$/.test(value);
+    };
+    var isPixel = function (value) {
+      return /^(\d+(\.\d+)?)px$/.test(value);
+    };
+    var getSelectionStart = function (editor) {
+      return SugarElement.fromDom(editor.selection.getStart());
+    };
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var noneSize = function (table) {
+      var getWidth = function () {
+        return get$5(table);
+      };
+      var zero = constant(0);
+      var getWidths = function (warehouse, tableSize) {
+        return getPixelWidths(warehouse, table, tableSize);
+      };
+      return {
+        width: getWidth,
+        pixelWidth: getWidth,
+        getWidths: getWidths,
+        getCellDelta: zero,
+        singleColumnWidth: constant([0]),
+        minCellWidth: zero,
+        setElementWidth: noop,
+        adjustTableWidth: noop,
+        isRelative: true,
+        label: 'none'
+      };
+    };
+    var percentageSize = function (initialWidth, table) {
+      var floatWidth = Cell(parseFloat(initialWidth));
+      var pixelWidth = Cell(get$5(table));
+      var getCellDelta = function (delta) {
+        return delta / pixelWidth.get() * 100;
+      };
+      var singleColumnWidth = function (w, _delta) {
+        return [100 - w];
+      };
+      var minCellWidth = function () {
+        return minWidth() / pixelWidth.get() * 100;
+      };
+      var adjustTableWidth = function (delta) {
+        var currentWidth = floatWidth.get();
+        var change = delta / 100 * currentWidth;
+        var newWidth = currentWidth + change;
+        setPercentageWidth(table, newWidth);
+        floatWidth.set(newWidth);
+        pixelWidth.set(get$5(table));
+      };
+      var getWidths = function (warehouse, tableSize) {
+        return getPercentageWidths(warehouse, table, tableSize);
+      };
+      return {
+        width: floatWidth.get,
+        pixelWidth: pixelWidth.get,
+        getWidths: getWidths,
+        getCellDelta: getCellDelta,
+        singleColumnWidth: singleColumnWidth,
+        minCellWidth: minCellWidth,
+        setElementWidth: setPercentageWidth,
+        adjustTableWidth: adjustTableWidth,
+        isRelative: true,
+        label: 'percent'
+      };
+    };
+    var pixelSize = function (initialWidth, table) {
+      var width = Cell(initialWidth);
+      var getWidth = width.get;
+      var getCellDelta = identity;
+      var singleColumnWidth = function (w, delta) {
+        var newNext = Math.max(minWidth(), w + delta);
+        return [newNext - w];
+      };
+      var adjustTableWidth = function (delta) {
+        var newWidth = getWidth() + delta;
+        setPixelWidth(table, newWidth);
+        width.set(newWidth);
+      };
+      var getWidths = function (warehouse, tableSize) {
+        return getPixelWidths(warehouse, table, tableSize);
+      };
+      return {
+        width: getWidth,
+        pixelWidth: getWidth,
+        getWidths: getWidths,
+        getCellDelta: getCellDelta,
+        singleColumnWidth: singleColumnWidth,
+        minCellWidth: minWidth,
+        setElementWidth: setPixelWidth,
+        adjustTableWidth: adjustTableWidth,
+        isRelative: false,
+        label: 'pixel'
+      };
+    };
+    var chooseSize = function (element, width) {
+      var percentMatch = percentageBasedSizeRegex().exec(width);
+      if (percentMatch !== null) {
+        return percentageSize(percentMatch[1], element);
+      }
+      var pixelMatch = pixelBasedSizeRegex().exec(width);
+      if (pixelMatch !== null) {
+        var intWidth = parseInt(pixelMatch[1], 10);
+        return pixelSize(intWidth, element);
+      }
+      var fallbackWidth = get$5(element);
+      return pixelSize(fallbackWidth, element);
+    };
+    var getTableSize = function (table) {
+      var width = getRawWidth(table);
+      return width.fold(function () {
+        return noneSize(table);
+      }, function (w) {
+        return chooseSize(table, w);
+      });
+    };
+    var TableSize = {
+      getTableSize: getTableSize,
+      pixelSize: pixelSize,
+      percentageSize: percentageSize,
+      noneSize: noneSize
+    };
+
+    var get$9 = function (editor, table) {
+      if (isPercentagesForced(editor)) {
+        var width = getRawWidth$1(editor, table.dom).filter(isPercentage).getOrThunk(function () {
+          return getPercentTableWidth$1(table);
+        });
+        return TableSize.percentageSize(width, table);
+      } else if (isPixelsForced(editor)) {
+        return TableSize.pixelSize(get$5(table), table);
+      } else {
+        return TableSize.getTableSize(table);
+      }
+    };
+
+    var cleanupLegacyAttributes = function (element) {
+      remove(element, 'width');
+    };
+    var convertToPercentSize = function (table, tableSize) {
+      var newWidth = getPercentTableWidth(table);
+      redistribute$1(table, Optional.some(newWidth), Optional.none(), tableSize);
+      cleanupLegacyAttributes(table);
+    };
+    var convertToPixelSize = function (table, tableSize) {
+      var newWidth = getPixelTableWidth(table);
+      redistribute$1(table, Optional.some(newWidth), Optional.none(), tableSize);
+      cleanupLegacyAttributes(table);
+    };
+    var convertToNoneSize = function (table) {
+      remove$1(table, 'width');
+      var columns$1 = columns(table);
+      var rowElements = columns$1.length > 0 ? columns$1 : cells(table);
+      each(rowElements, function (cell) {
+        remove$1(cell, 'width');
+        cleanupLegacyAttributes(cell);
+      });
+      cleanupLegacyAttributes(table);
+    };
+
+    var enforcePercentage = function (editor, table) {
+      var tableSizing = get$9(editor, table);
+      convertToPercentSize(table, tableSizing);
+    };
+    var enforcePixels = function (editor, table) {
+      var tableSizing = get$9(editor, table);
+      convertToPixelSize(table, tableSizing);
+    };
+    var enforceNone = convertToNoneSize;
+    var syncPixels = function (table) {
+      var warehouse = Warehouse.fromTable(table);
+      if (!Warehouse.hasColumns(warehouse)) {
+        each(cells(table), function (cell) {
+          var computedWidth = get$3(cell, 'width');
+          set$1(cell, 'width', computedWidth);
+          remove(cell, 'width');
+        });
+      }
+    };
+
+    var createContainer = function () {
+      var container = SugarElement.fromTag('div');
+      setAll$1(container, {
+        position: 'static',
+        height: '0',
+        width: '0',
+        padding: '0',
+        margin: '0',
+        border: '0'
+      });
+      append(body(), container);
+      return container;
+    };
+    var get$a = function (editor, isResizable) {
+      return editor.inline ? ResizeWire.body(getBody$1(editor), createContainer(), isResizable) : ResizeWire.only(SugarElement.fromDom(editor.getDoc()), isResizable);
+    };
+    var remove$6 = function (editor, wire) {
+      if (editor.inline) {
+        remove$2(wire.parent());
+      }
+    };
+
+    var barResizerPrefix = 'bar-';
+    var isResizable = function (elm) {
+      return get$2(elm, 'data-mce-resize') !== 'false';
+    };
+    var getResizeHandler = function (editor) {
+      var selectionRng = Optional.none();
+      var resize = Optional.none();
+      var wire = Optional.none();
+      var startW;
+      var startRawW;
+      var isTable = function (elm) {
+        return elm.nodeName === 'TABLE';
+      };
+      var lazyResize = function () {
+        return resize;
+      };
+      var lazyWire = function () {
+        return wire.getOr(ResizeWire.only(SugarElement.fromDom(editor.getBody()), isResizable));
+      };
+      var lazySizing = function (table) {
+        return get$9(editor, table);
+      };
+      var lazyResizingBehaviour = function () {
+        return isPreserveTableColumnResizing(editor) ? preserveTable() : resizeTable();
+      };
+      var getNumColumns = function (table) {
+        return getGridSize(table).columns;
+      };
+      var afterCornerResize = function (table, origin, width) {
+        var isRightEdgeResize = endsWith(origin, 'e');
+        if (startRawW === '') {
+          enforcePercentage(editor, table);
+        }
+        if (width !== startW && startRawW !== '') {
+          set$1(table, 'width', startRawW);
+          var resizing = lazyResizingBehaviour();
+          var tableSize = lazySizing(table);
+          var col = isPreserveTableColumnResizing(editor) || isRightEdgeResize ? getNumColumns(table) - 1 : 0;
+          adjustWidth(table, width - startW, col, resizing, tableSize);
+        } else if (isPercentage(startRawW)) {
+          var percentW = parseFloat(startRawW.replace('%', ''));
+          var targetPercentW = width * percentW / startW;
+          set$1(table, 'width', targetPercentW + '%');
+        }
+        if (isPixel(startRawW)) {
+          syncPixels(table);
+        }
+      };
+      var destroy = function () {
+        resize.each(function (sz) {
+          sz.destroy();
+        });
+        wire.each(function (w) {
+          remove$6(editor, w);
+        });
+      };
+      editor.on('init', function () {
+        var rawWire = get$a(editor, isResizable);
+        wire = Optional.some(rawWire);
+        if (hasObjectResizing(editor) && hasTableResizeBars(editor)) {
+          var resizing = lazyResizingBehaviour();
+          var sz = TableResize.create(rawWire, resizing, lazySizing);
+          sz.on();
+          sz.events.startDrag.bind(function (_event) {
+            selectionRng = Optional.some(editor.selection.getRng());
+          });
+          sz.events.beforeResize.bind(function (event) {
+            var rawTable = event.table.dom;
+            fireObjectResizeStart(editor, rawTable, getPixelWidth$1(rawTable), getPixelHeight(rawTable), barResizerPrefix + event.type);
+          });
+          sz.events.afterResize.bind(function (event) {
+            var table = event.table;
+            var rawTable = table.dom;
+            removeDataStyle(table);
+            selectionRng.each(function (rng) {
+              editor.selection.setRng(rng);
+              editor.focus();
+            });
+            fireObjectResized(editor, rawTable, getPixelWidth$1(rawTable), getPixelHeight(rawTable), barResizerPrefix + event.type);
+            editor.undoManager.add();
+          });
+          resize = Optional.some(sz);
+        }
+      });
+      editor.on('ObjectResizeStart', function (e) {
+        var targetElm = e.target;
+        if (isTable(targetElm)) {
+          var table = SugarElement.fromDom(targetElm);
+          each(editor.dom.select('.mce-clonedresizable'), function (clone) {
+            editor.dom.addClass(clone, 'mce-' + getColumnResizingBehaviour(editor) + '-columns');
+          });
+          if (!isPixelSizing$1(table) && isPixelsForced(editor)) {
+            enforcePixels(editor, table);
+          } else if (!isPercentSizing$1(table) && isPercentagesForced(editor)) {
+            enforcePercentage(editor, table);
+          }
+          if (isNoneSizing$1(table) && startsWith(e.origin, barResizerPrefix)) {
+            enforcePercentage(editor, table);
+          }
+          startW = e.width;
+          startRawW = isResponsiveForced(editor) ? '' : getRawWidth$1(editor, targetElm).getOr('');
+        }
+      });
+      editor.on('ObjectResized', function (e) {
+        var targetElm = e.target;
+        if (isTable(targetElm)) {
+          var table = SugarElement.fromDom(targetElm);
+          var origin_1 = e.origin;
+          if (startsWith(origin_1, 'corner-')) {
+            afterCornerResize(table, origin_1, e.width);
+          }
+          removeDataStyle(table);
+          fireTableModified(editor, table.dom);
+        }
+      });
+      editor.on('SwitchMode', function () {
+        lazyResize().each(function (resize) {
+          if (editor.mode.isReadOnly()) {
+            resize.hideBars();
+          } else {
+            resize.showBars();
+          }
+        });
+      });
+      return {
+        lazyResize: lazyResize,
+        lazyWire: lazyWire,
+        destroy: destroy
+      };
+    };
+
+    var point = function (element, offset) {
+      return {
+        element: element,
+        offset: offset
+      };
+    };
+
+    var scan = function (universe, element, direction) {
+      if (universe.property().isText(element) && universe.property().getText(element).trim().length === 0 || universe.property().isComment(element)) {
+        return direction(element).bind(function (elem) {
+          return scan(universe, elem, direction).orThunk(function () {
+            return Optional.some(elem);
+          });
+        });
+      } else {
+        return Optional.none();
+      }
+    };
+    var toEnd = function (universe, element) {
+      if (universe.property().isText(element)) {
+        return universe.property().getText(element).length;
+      }
+      var children = universe.property().children(element);
+      return children.length;
+    };
+    var freefallRtl = function (universe, element) {
+      var candidate = scan(universe, element, universe.query().prevSibling).getOr(element);
+      if (universe.property().isText(candidate)) {
+        return point(candidate, toEnd(universe, candidate));
+      }
+      var children = universe.property().children(candidate);
+      return children.length > 0 ? freefallRtl(universe, children[children.length - 1]) : point(candidate, toEnd(universe, candidate));
+    };
+
+    var freefallRtl$1 = freefallRtl;
+
+    var universe$1 = DomUniverse();
+    var freefallRtl$2 = function (element) {
+      return freefallRtl$1(universe$1, element);
+    };
+
+    var halve = function (main, other) {
+      var width = getGenericWidth(main);
+      width.each(function (w) {
+        var newWidth = w.value / 2;
+        setGenericWidth(main, newWidth, w.unit);
+        setGenericWidth(other, newWidth, w.unit);
+      });
+    };
+
+    var addCell = function (gridRow, index, cell) {
+      var cells = gridRow.cells;
+      var before = cells.slice(0, index);
+      var after = cells.slice(index);
+      var newCells = before.concat([cell]).concat(after);
+      return setCells(gridRow, newCells);
+    };
+    var mutateCell = function (gridRow, index, cell) {
+      var cells = gridRow.cells;
+      cells[index] = cell;
+    };
+    var setCells = function (gridRow, cells) {
+      return rowcells(cells, gridRow.section);
+    };
+    var mapCells = function (gridRow, f) {
+      var cells = gridRow.cells;
+      var r = map(cells, f);
+      return rowcells(r, gridRow.section);
+    };
+    var getCell = function (gridRow, index) {
+      return gridRow.cells[index];
+    };
+    var getCellElement = function (gridRow, index) {
+      return getCell(gridRow, index).element;
+    };
+    var cellLength = function (gridRow) {
+      return gridRow.cells.length;
+    };
+    var extractGridDetails = function (grid) {
+      var result = partition(grid, function (row) {
+        return row.section === 'colgroup';
+      });
+      return {
+        rows: result.fail,
+        cols: result.pass
+      };
+    };
+
+    var setIfNot = function (element, property, value, ignore) {
+      if (value === ignore) {
+        remove(element, property);
+      } else {
+        set(element, property, value);
+      }
+    };
+    var insert = function (table, selector, element) {
+      last(children$2(table, selector)).fold(function () {
+        return prepend(table, element);
+      }, function (child) {
+        return after(child, element);
+      });
+    };
+    var generateSection = function (table, sectionName) {
+      var section = child$2(table, sectionName).getOrThunk(function () {
+        var newSection = SugarElement.fromTag(sectionName, owner(table).dom);
+        if (sectionName === 'thead') {
+          insert(table, 'caption,colgroup', newSection);
+        } else if (sectionName === 'colgroup') {
+          insert(table, 'caption', newSection);
+        } else {
+          append(table, newSection);
+        }
+        return newSection;
+      });
+      empty(section);
+      return section;
+    };
+    var render = function (table, grid) {
+      var newRows = [];
+      var newCells = [];
+      var syncRows = function (gridSection) {
+        return map(gridSection, function (row) {
+          if (row.isNew) {
+            newRows.push(row.element);
+          }
+          var tr = row.element;
+          empty(tr);
+          each(row.cells, function (cell) {
+            if (cell.isNew) {
+              newCells.push(cell.element);
+            }
+            setIfNot(cell.element, 'colspan', cell.colspan, 1);
+            setIfNot(cell.element, 'rowspan', cell.rowspan, 1);
+            append(tr, cell.element);
+          });
+          return tr;
+        });
+      };
+      var syncColGroup = function (gridSection) {
+        return bind(gridSection, function (colGroup) {
+          return map(colGroup.cells, function (col) {
+            setIfNot(col.element, 'span', col.colspan, 1);
+            return col.element;
+          });
+        });
+      };
+      var renderSection = function (gridSection, sectionName) {
+        var section = generateSection(table, sectionName);
+        var sync = sectionName === 'colgroup' ? syncColGroup : syncRows;
+        var sectionElems = sync(gridSection);
+        append$1(section, sectionElems);
+      };
+      var removeSection = function (sectionName) {
+        child$2(table, sectionName).each(remove$2);
+      };
+      var renderOrRemoveSection = function (gridSection, sectionName) {
+        if (gridSection.length > 0) {
+          renderSection(gridSection, sectionName);
+        } else {
+          removeSection(sectionName);
+        }
+      };
+      var headSection = [];
+      var bodySection = [];
+      var footSection = [];
+      var columnGroupsSection = [];
+      each(grid, function (row) {
+        switch (row.section) {
+        case 'thead':
+          headSection.push(row);
+          break;
+        case 'tbody':
+          bodySection.push(row);
+          break;
+        case 'tfoot':
+          footSection.push(row);
+          break;
+        case 'colgroup':
+          columnGroupsSection.push(row);
+          break;
+        }
+      });
+      renderOrRemoveSection(columnGroupsSection, 'colgroup');
+      renderOrRemoveSection(headSection, 'thead');
+      renderOrRemoveSection(bodySection, 'tbody');
+      renderOrRemoveSection(footSection, 'tfoot');
+      return {
+        newRows: newRows,
+        newCells: newCells
+      };
+    };
+    var copy$2 = function (grid) {
+      return map(grid, function (row) {
+        var tr = shallow(row.element);
+        each(row.cells, function (cell) {
+          var clonedCell = deep(cell.element);
+          setIfNot(clonedCell, 'colspan', cell.colspan, 1);
+          setIfNot(clonedCell, 'rowspan', cell.rowspan, 1);
+          append(tr, clonedCell);
+        });
+        return tr;
+      });
+    };
+
+    var getColumn = function (grid, index) {
+      return map(grid, function (row) {
+        return getCell(row, index);
+      });
+    };
+    var getRow = function (grid, index) {
+      return grid[index];
+    };
+    var findDiff = function (xs, comp) {
+      if (xs.length === 0) {
+        return 0;
+      }
+      var first = xs[0];
+      var index = findIndex(xs, function (x) {
+        return !comp(first.element, x.element);
+      });
+      return index.fold(function () {
+        return xs.length;
+      }, function (ind) {
+        return ind;
+      });
+    };
+    var subgrid = function (grid, row, column, comparator) {
+      var restOfRow = getRow(grid, row).cells.slice(column);
+      var endColIndex = findDiff(restOfRow, comparator);
+      var restOfColumn = getColumn(grid, column).slice(row);
+      var endRowIndex = findDiff(restOfColumn, comparator);
+      return {
+        colspan: endColIndex,
+        rowspan: endRowIndex
+      };
+    };
+
+    var toDetails = function (grid, comparator) {
+      var seen = map(grid, function (row) {
+        return map(row.cells, never);
+      });
+      var updateSeen = function (rowIndex, columnIndex, rowspan, colspan) {
+        for (var row = rowIndex; row < rowIndex + rowspan; row++) {
+          for (var column = columnIndex; column < columnIndex + colspan; column++) {
+            seen[row][column] = true;
+          }
+        }
+      };
+      return map(grid, function (row, rowIndex) {
+        var details = bind(row.cells, function (cell, columnIndex) {
+          if (seen[rowIndex][columnIndex] === false) {
+            var result = subgrid(grid, rowIndex, columnIndex, comparator);
+            updateSeen(rowIndex, columnIndex, result.rowspan, result.colspan);
+            return [detailnew(cell.element, result.rowspan, result.colspan, cell.isNew)];
+          } else {
+            return [];
+          }
+        });
+        return rowdetails(details, row.section);
+      });
+    };
+    var toGrid = function (warehouse, generators, isNew) {
+      var grid = [];
+      if (Warehouse.hasColumns(warehouse)) {
+        var groupElementNew = map(Warehouse.justColumns(warehouse), function (column) {
+          return elementnew(column.element, isNew);
+        });
+        grid.push(rowcells(groupElementNew, 'colgroup'));
+      }
+      for (var rowIndex = 0; rowIndex < warehouse.grid.rows; rowIndex++) {
+        var rowCells = [];
+        for (var columnIndex = 0; columnIndex < warehouse.grid.columns; columnIndex++) {
+          var element = Warehouse.getAt(warehouse, rowIndex, columnIndex).map(function (item) {
+            return elementnew(item.element, isNew);
+          }).getOrThunk(function () {
+            return elementnew(generators.gap(), true);
+          });
+          rowCells.push(element);
+        }
+        var row = rowcells(rowCells, warehouse.all[rowIndex].section);
+        grid.push(row);
+      }
+      return grid;
+    };
+
+    var fromWarehouse = function (warehouse, generators) {
+      return toGrid(warehouse, generators, false);
+    };
+    var deriveRows = function (rendered, generators) {
+      var findRow = function (details) {
+        var rowOfCells = findMap(details, function (detail) {
+          return parent(detail.element).map(function (row) {
+            var isNew = parent(row).isNone();
+            return elementnew(row, isNew);
+          });
+        });
+        return rowOfCells.getOrThunk(function () {
+          return elementnew(generators.row(), true);
+        });
+      };
+      return map(rendered, function (details) {
+        var row = findRow(details.details);
+        return rowdatanew(row.element, details.details, details.section, row.isNew);
+      });
+    };
+    var toDetailList = function (grid, generators) {
+      var rendered = toDetails(grid, eq$1);
+      return deriveRows(rendered, generators);
+    };
+    var findInWarehouse = function (warehouse, element) {
+      return findMap(warehouse.all, function (r) {
+        return find(r.cells, function (e) {
+          return eq$1(element, e.element);
+        });
+      });
+    };
+    var run = function (operation, extract, adjustment, postAction, genWrappers) {
+      return function (wire, table, target, generators, sizing) {
+        var warehouse = Warehouse.fromTable(table);
+        var output = extract(warehouse, target).map(function (info) {
+          var model = fromWarehouse(warehouse, generators);
+          var result = operation(model, info, eq$1, genWrappers(generators));
+          var grid = toDetailList(result.grid, generators);
+          return {
+            grid: grid,
+            cursor: result.cursor
+          };
+        });
+        return output.fold(function () {
+          return Optional.none();
+        }, function (out) {
+          var newElements = render(table, out.grid);
+          var tableSizing = Optional.from(sizing).getOrThunk(function () {
+            return TableSize.getTableSize(table);
+          });
+          adjustment(table, out.grid, tableSizing);
+          postAction(table);
+          refresh(wire, table);
+          return Optional.some({
+            cursor: out.cursor,
+            newRows: newElements.newRows,
+            newCells: newElements.newCells
+          });
+        });
+      };
+    };
+    var onCell = function (warehouse, target) {
+      return cell(target.element).bind(function (cell) {
+        return findInWarehouse(warehouse, cell);
+      });
+    };
+    var onPaste = function (warehouse, target) {
+      return cell(target.element).bind(function (cell) {
+        return findInWarehouse(warehouse, cell).map(function (details) {
+          var value = __assign(__assign({}, details), {
+            generators: target.generators,
+            clipboard: target.clipboard
+          });
+          return value;
+        });
+      });
+    };
+    var onPasteByEditor = function (warehouse, target) {
+      var details = map(target.selection, function (cell$1) {
+        return cell(cell$1).bind(function (lc) {
+          return findInWarehouse(warehouse, lc);
+        });
+      });
+      var cells = cat(details);
+      return cells.length > 0 ? Optional.some({
+        cells: cells,
+        generators: target.generators,
+        clipboard: target.clipboard
+      }) : Optional.none();
+    };
+    var onMergable = function (_warehouse, target) {
+      return target.mergable;
+    };
+    var onUnmergable = function (_warehouse, target) {
+      return target.unmergable;
+    };
+    var onCells = function (warehouse, target) {
+      var details = map(target.selection, function (cell$1) {
+        return cell(cell$1).bind(function (lc) {
+          return findInWarehouse(warehouse, lc);
+        });
+      });
+      var cells = cat(details);
+      return cells.length > 0 ? Optional.some(cells) : Optional.none();
+    };
+
+    var merge = function (grid, bounds, comparator, substitution) {
+      var rows = extractGridDetails(grid).rows;
+      if (rows.length === 0) {
+        return grid;
+      }
+      for (var i = bounds.startRow; i <= bounds.finishRow; i++) {
+        for (var j = bounds.startCol; j <= bounds.finishCol; j++) {
+          mutateCell(rows[i], j, elementnew(substitution(), false));
+        }
+      }
+      return grid;
+    };
+    var unmerge = function (grid, target, comparator, substitution) {
+      var rows = extractGridDetails(grid).rows;
+      var first = true;
+      for (var i = 0; i < rows.length; i++) {
+        for (var j = 0; j < cellLength(rows[0]); j++) {
+          var current = getCellElement(rows[i], j);
+          var isToReplace = comparator(current, target);
+          if (isToReplace === true && first === false) {
+            mutateCell(rows[i], j, elementnew(substitution(), true));
+          } else if (isToReplace === true) {
+            first = false;
+          }
+        }
+      }
+      return grid;
+    };
+    var uniqueCells = function (row, comparator) {
+      return foldl(row, function (rest, cell) {
+        return exists(rest, function (currentCell) {
+          return comparator(currentCell.element, cell.element);
+        }) ? rest : rest.concat([cell]);
+      }, []);
+    };
+    var splitCols = function (grid, index, comparator, substitution) {
+      if (index > 0 && index < grid[0].cells.length) {
+        each(grid, function (row) {
+          var prevCell = row.cells[index - 1];
+          var current = row.cells[index];
+          var isToReplace = comparator(current.element, prevCell.element);
+          if (isToReplace) {
+            mutateCell(row, index, elementnew(substitution(), true));
+          }
+        });
+      }
+      return grid;
+    };
+    var splitRows = function (grid, index, comparator, substitution) {
+      var rows = extractGridDetails(grid).rows;
+      if (index > 0 && index < rows.length) {
+        var rowPrevCells = rows[index - 1].cells;
+        var cells = uniqueCells(rowPrevCells, comparator);
+        each(cells, function (cell) {
+          var replacement = Optional.none();
+          var _loop_1 = function (i) {
+            var _loop_2 = function (j) {
+              var current = rows[i].cells[j];
+              var isToReplace = comparator(current.element, cell.element);
+              if (isToReplace) {
+                if (replacement.isNone()) {
+                  replacement = Optional.some(substitution());
+                }
+                replacement.each(function (sub) {
+                  mutateCell(rows[i], j, elementnew(sub, true));
+                });
+              }
+            };
+            for (var j = 0; j < cellLength(rows[0]); j++) {
+              _loop_2(j);
+            }
+          };
+          for (var i = index; i < rows.length; i++) {
+            _loop_1(i);
+          }
+        });
+      }
+      return grid;
+    };
+
+    var value = function (o) {
+      var is = function (v) {
+        return o === v;
+      };
+      var or = function (_opt) {
+        return value(o);
+      };
+      var orThunk = function (_f) {
+        return value(o);
+      };
+      var map = function (f) {
+        return value(f(o));
+      };
+      var mapError = function (_f) {
+        return value(o);
+      };
+      var each = function (f) {
+        f(o);
+      };
+      var bind = function (f) {
+        return f(o);
+      };
+      var fold = function (_, onValue) {
+        return onValue(o);
+      };
+      var exists = function (f) {
+        return f(o);
+      };
+      var forall = function (f) {
+        return f(o);
+      };
+      var toOptional = function () {
+        return Optional.some(o);
+      };
+      return {
+        is: is,
+        isValue: always,
+        isError: never,
+        getOr: constant(o),
+        getOrThunk: constant(o),
+        getOrDie: constant(o),
+        or: or,
+        orThunk: orThunk,
+        fold: fold,
+        map: map,
+        mapError: mapError,
+        each: each,
+        bind: bind,
+        exists: exists,
+        forall: forall,
+        toOptional: toOptional
+      };
+    };
+    var error = function (message) {
+      var getOrThunk = function (f) {
+        return f();
+      };
+      var getOrDie = function () {
+        return die(String(message))();
+      };
+      var or = function (opt) {
+        return opt;
+      };
+      var orThunk = function (f) {
+        return f();
+      };
+      var map = function (_f) {
+        return error(message);
+      };
+      var mapError = function (f) {
+        return error(f(message));
+      };
+      var bind = function (_f) {
+        return error(message);
+      };
+      var fold = function (onError, _) {
+        return onError(message);
+      };
+      return {
+        is: never,
+        isValue: never,
+        isError: always,
+        getOr: identity,
+        getOrThunk: getOrThunk,
+        getOrDie: getOrDie,
+        or: or,
+        orThunk: orThunk,
+        fold: fold,
+        map: map,
+        mapError: mapError,
+        each: noop,
+        bind: bind,
+        exists: never,
+        forall: always,
+        toOptional: Optional.none
+      };
+    };
+    var fromOption = function (opt, err) {
+      return opt.fold(function () {
+        return error(err);
+      }, value);
+    };
+    var Result = {
+      value: value,
+      error: error,
+      fromOption: fromOption
+    };
+
+    var measure = function (startAddress, gridA, gridB) {
+      if (startAddress.row >= gridA.length || startAddress.column > cellLength(gridA[0])) {
+        return Result.error('invalid start address out of table bounds, row: ' + startAddress.row + ', column: ' + startAddress.column);
+      }
+      var rowRemainder = gridA.slice(startAddress.row);
+      var colRemainder = rowRemainder[0].cells.slice(startAddress.column);
+      var colRequired = cellLength(gridB[0]);
+      var rowRequired = gridB.length;
+      return Result.value({
+        rowDelta: rowRemainder.length - rowRequired,
+        colDelta: colRemainder.length - colRequired
+      });
+    };
+    var measureWidth = function (gridA, gridB) {
+      var colLengthA = cellLength(gridA[0]);
+      var colLengthB = cellLength(gridB[0]);
+      return {
+        rowDelta: 0,
+        colDelta: colLengthA - colLengthB
+      };
+    };
+    var measureHeight = function (gridA, gridB) {
+      var rowLengthA = gridA.length;
+      var rowLengthB = gridB.length;
+      return {
+        rowDelta: rowLengthA - rowLengthB,
+        colDelta: 0
+      };
+    };
+    var generateElements = function (cells, row, generators) {
+      var getGenerator = row.section === 'colgroup' ? generators.col : generators.cell;
+      return map(cells, function () {
+        return elementnew(getGenerator(), true);
+      });
+    };
+    var rowFill = function (grid, amount, generators) {
+      return grid.concat(range(amount, function () {
+        var row = grid[grid.length - 1];
+        return setCells(row, generateElements(row.cells, row, generators));
+      }));
+    };
+    var colFill = function (grid, amount, generators) {
+      return map(grid, function (row) {
+        var newChildren = generateElements(range(amount, identity), row, generators);
+        return setCells(row, row.cells.concat(newChildren));
+      });
+    };
+    var tailor = function (gridA, delta, generators) {
+      var fillCols = delta.colDelta < 0 ? colFill : identity;
+      var fillRows = delta.rowDelta < 0 ? rowFill : identity;
+      var modifiedCols = fillCols(gridA, Math.abs(delta.colDelta), generators);
+      return fillRows(modifiedCols, Math.abs(delta.rowDelta), generators);
+    };
+
+    var isSpanning = function (grid, row, col, comparator) {
+      var candidate = getCell(grid[row], col);
+      var matching = curry(comparator, candidate.element);
+      var currentRow = grid[row];
+      return grid.length > 1 && cellLength(currentRow) > 1 && (col > 0 && matching(getCellElement(currentRow, col - 1)) || col < currentRow.cells.length - 1 && matching(getCellElement(currentRow, col + 1)) || row > 0 && matching(getCellElement(grid[row - 1], col)) || row < grid.length - 1 && matching(getCellElement(grid[row + 1], col)));
+    };
+    var mergeTables = function (startAddress, gridA, gridB, generator, comparator) {
+      var startRow = startAddress.row;
+      var startCol = startAddress.column;
+      var mergeHeight = gridB.length;
+      var mergeWidth = cellLength(gridB[0]);
+      var endRow = startRow + mergeHeight;
+      var endCol = startCol + mergeWidth;
+      for (var r = startRow; r < endRow; r++) {
+        for (var c = startCol; c < endCol; c++) {
+          if (isSpanning(gridA, r, c, comparator)) {
+            unmerge(gridA, getCellElement(gridA[r], c), comparator, generator.cell);
+          }
+          var newCell = getCellElement(gridB[r - startRow], c - startCol);
+          var replacement = generator.replace(newCell);
+          mutateCell(gridA[r], c, elementnew(replacement, true));
+        }
+      }
+      return gridA;
+    };
+    var merge$1 = function (startAddress, gridA, gridB, generator, comparator) {
+      var result = measure(startAddress, gridA, gridB);
+      return result.map(function (delta) {
+        var fittedGrid = tailor(gridA, delta, generator);
+        return mergeTables(startAddress, fittedGrid, gridB, generator, comparator);
+      });
+    };
+    var insertCols = function (index, gridA, gridB, generator, comparator) {
+      splitCols(gridA, index, comparator, generator.cell);
+      var delta = measureHeight(gridB, gridA);
+      var fittedNewGrid = tailor(gridB, delta, generator);
+      var secondDelta = measureHeight(gridA, fittedNewGrid);
+      var fittedOldGrid = tailor(gridA, secondDelta, generator);
+      return map(fittedOldGrid, function (gridRow, i) {
+        var newCells = gridRow.cells.slice(0, index).concat(fittedNewGrid[i].cells).concat(gridRow.cells.slice(index, gridRow.cells.length));
+        return setCells(gridRow, newCells);
+      });
+    };
+    var insertRows = function (index, gridA, gridB, generator, comparator) {
+      splitRows(gridA, index, comparator, generator.cell);
+      var delta = measureWidth(gridB, gridA);
+      var fittedNewGrid = tailor(gridB, delta, generator);
+      var secondDelta = measureWidth(gridA, fittedNewGrid);
+      var fittedOldGrid = tailor(gridA, secondDelta, generator);
+      var _a = extractGridDetails(fittedOldGrid), oldCols = _a.cols, oldRows = _a.rows;
+      return oldCols.concat(oldRows.slice(0, index)).concat(fittedNewGrid).concat(oldRows.slice(index, oldRows.length));
+    };
+
+    var insertRowAt = function (grid, index, example, comparator, substitution) {
+      var _a = extractGridDetails(grid), rows = _a.rows, cols = _a.cols;
+      var before = rows.slice(0, index);
+      var after = rows.slice(index);
+      var between = mapCells(rows[example], function (ex, c) {
+        var withinSpan = index > 0 && index < rows.length && comparator(getCellElement(rows[index - 1], c), getCellElement(rows[index], c));
+        var ret = withinSpan ? getCell(rows[index], c) : elementnew(substitution(ex.element, comparator), true);
+        return ret;
+      });
+      return cols.concat(before).concat([between]).concat(after);
+    };
+    var getElementFor = function (row, column, section, withinSpan, example, comparator, substitution) {
+      if (section === 'colgroup' || !withinSpan) {
+        return elementnew(substitution(getCellElement(row, example), comparator), true);
+      } else {
+        return getCell(row, column);
+      }
+    };
+    var insertColumnAt = function (grid, index, example, comparator, substitution) {
+      return map(grid, function (row) {
+        var withinSpan = index > 0 && index < cellLength(row) && comparator(getCellElement(row, index - 1), getCellElement(row, index));
+        var sub = getElementFor(row, index, row.section, withinSpan, example, comparator, substitution);
+        return addCell(row, index, sub);
+      });
+    };
+    var deleteColumnsAt = function (grid, start, finish) {
+      var rows = map(grid, function (row) {
+        var cells = row.cells.slice(0, start).concat(row.cells.slice(finish + 1));
+        return rowcells(cells, row.section);
+      });
+      return filter(rows, function (row) {
+        return row.cells.length > 0;
+      });
+    };
+    var deleteRowsAt = function (grid, start, finish) {
+      var _a = extractGridDetails(grid), rows = _a.rows, cols = _a.cols;
+      return cols.concat(rows.slice(0, start)).concat(rows.slice(finish + 1));
+    };
+
+    var replaceIn = function (grid, targets, comparator, substitution) {
+      var isTarget = function (cell) {
+        return exists(targets, function (target) {
+          return comparator(cell.element, target.element);
+        });
+      };
+      return map(grid, function (row) {
+        return mapCells(row, function (cell) {
+          return isTarget(cell) ? elementnew(substitution(cell.element, comparator), true) : cell;
+        });
+      });
+    };
+    var notStartRow = function (grid, rowIndex, colIndex, comparator) {
+      return getCellElement(grid[rowIndex], colIndex) !== undefined && (rowIndex > 0 && comparator(getCellElement(grid[rowIndex - 1], colIndex), getCellElement(grid[rowIndex], colIndex)));
+    };
+    var notStartColumn = function (row, index, comparator) {
+      return index > 0 && comparator(getCellElement(row, index - 1), getCellElement(row, index));
+    };
+    var replaceColumn = function (grid, index, comparator, substitution) {
+      var targets = bind(grid, function (row, i) {
+        var alreadyAdded = notStartRow(grid, i, index, comparator) || notStartColumn(row, index, comparator);
+        return alreadyAdded ? [] : [getCell(row, index)];
+      });
+      return replaceIn(grid, targets, comparator, substitution);
+    };
+    var replaceRow = function (grid, index, comparator, substitution) {
+      var rows = extractGridDetails(grid).rows;
+      var targetRow = rows[index];
+      var targets = bind(targetRow.cells, function (item, i) {
+        var alreadyAdded = notStartRow(rows, index, i, comparator) || notStartColumn(targetRow, i, comparator);
+        return alreadyAdded ? [] : [item];
+      });
+      return replaceIn(grid, targets, comparator, substitution);
+    };
+
+    var verifyGenerators = exactly([
+      'cell',
+      'row',
+      'replace',
+      'gap',
+      'col',
+      'colgroup'
+    ]);
+    var elementToData = function (element) {
+      var colspan = getAttrValue(element, 'colspan', 1);
+      var rowspan = getAttrValue(element, 'rowspan', 1);
+      return {
+        element: element,
+        colspan: colspan,
+        rowspan: rowspan
+      };
+    };
+    var modification = function (generators, toData) {
+      if (toData === void 0) {
+        toData = elementToData;
+      }
+      verifyGenerators(generators);
+      var position = Cell(Optional.none());
+      var nu = function (data) {
+        switch (name(data.element)) {
+        case 'col':
+          return generators.col(data);
+        default:
+          return generators.cell(data);
+        }
+      };
+      var nuFrom = function (element) {
+        var data = toData(element);
+        return nu(data);
+      };
+      var add = function (element) {
+        var replacement = nuFrom(element);
+        if (position.get().isNone()) {
+          position.set(Optional.some(replacement));
+        }
+        recent = Optional.some({
+          item: element,
+          replacement: replacement
+        });
+        return replacement;
+      };
+      var recent = Optional.none();
+      var getOrInit = function (element, comparator) {
+        return recent.fold(function () {
+          return add(element);
+        }, function (p) {
+          return comparator(element, p.item) ? p.replacement : add(element);
+        });
+      };
+      return {
+        getOrInit: getOrInit,
+        cursor: position.get
+      };
+    };
+    var transform$1 = function (scope, tag) {
+      return function (generators) {
+        var position = Cell(Optional.none());
+        verifyGenerators(generators);
+        var list = [];
+        var find$1 = function (element, comparator) {
+          return find(list, function (x) {
+            return comparator(x.item, element);
+          });
+        };
+        var makeNew = function (element) {
+          var attrs = { scope: scope };
+          var cell = generators.replace(element, tag, attrs);
+          list.push({
+            item: element,
+            sub: cell
+          });
+          if (position.get().isNone()) {
+            position.set(Optional.some(cell));
+          }
+          return cell;
+        };
+        var replaceOrInit = function (element, comparator) {
+          return find$1(element, comparator).fold(function () {
+            return makeNew(element);
+          }, function (p) {
+            return comparator(element, p.item) ? p.sub : makeNew(element);
+          });
+        };
+        return {
+          replaceOrInit: replaceOrInit,
+          cursor: position.get
+        };
+      };
+    };
+    var merging = function (generators) {
+      verifyGenerators(generators);
+      var position = Cell(Optional.none());
+      var combine = function (cell) {
+        if (position.get().isNone()) {
+          position.set(Optional.some(cell));
+        }
+        return function () {
+          var raw = generators.cell({
+            element: cell,
+            colspan: 1,
+            rowspan: 1
+          });
+          remove$1(raw, 'width');
+          remove$1(cell, 'width');
+          return raw;
+        };
+      };
+      return {
+        combine: combine,
+        cursor: position.get
+      };
+    };
+    var Generators = {
+      modification: modification,
+      transform: transform$1,
+      merging: merging
+    };
+
+    var blockList = [
+      'body',
+      'p',
+      'div',
+      'article',
+      'aside',
+      'figcaption',
+      'figure',
+      'footer',
+      'header',
+      'nav',
+      'section',
+      'ol',
+      'ul',
+      'table',
+      'thead',
+      'tfoot',
+      'tbody',
+      'caption',
+      'tr',
+      'td',
+      'th',
+      'h1',
+      'h2',
+      'h3',
+      'h4',
+      'h5',
+      'h6',
+      'blockquote',
+      'pre',
+      'address'
+    ];
+    var isList = function (universe, item) {
+      var tagName = universe.property().name(item);
+      return contains([
+        'ol',
+        'ul'
+      ], tagName);
+    };
+    var isBlock = function (universe, item) {
+      var tagName = universe.property().name(item);
+      return contains(blockList, tagName);
+    };
+    var isEmptyTag = function (universe, item) {
+      return contains([
+        'br',
+        'img',
+        'hr',
+        'input'
+      ], universe.property().name(item));
+    };
+
+    var universe$2 = DomUniverse();
+    var isBlock$1 = function (element) {
+      return isBlock(universe$2, element);
+    };
+    var isList$1 = function (element) {
+      return isList(universe$2, element);
+    };
+    var isEmptyTag$1 = function (element) {
+      return isEmptyTag(universe$2, element);
+    };
+
+    var merge$2 = function (cells) {
+      var isBr = function (el) {
+        return name(el) === 'br';
+      };
+      var advancedBr = function (children) {
+        return forall(children, function (c) {
+          return isBr(c) || isText(c) && get$4(c).trim().length === 0;
+        });
+      };
+      var isListItem = function (el) {
+        return name(el) === 'li' || ancestor(el, isList$1).isSome();
+      };
+      var siblingIsBlock = function (el) {
+        return nextSibling(el).map(function (rightSibling) {
+          if (isBlock$1(rightSibling)) {
+            return true;
+          }
+          if (isEmptyTag$1(rightSibling)) {
+            return name(rightSibling) === 'img' ? false : true;
+          }
+          return false;
+        }).getOr(false);
+      };
+      var markCell = function (cell) {
+        return last$1(cell).bind(function (rightEdge) {
+          var rightSiblingIsBlock = siblingIsBlock(rightEdge);
+          return parent(rightEdge).map(function (parent) {
+            return rightSiblingIsBlock === true || isListItem(parent) || isBr(rightEdge) || isBlock$1(parent) && !eq$1(cell, parent) ? [] : [SugarElement.fromTag('br')];
+          });
+        }).getOr([]);
+      };
+      var markContent = function () {
+        var content = bind(cells, function (cell) {
+          var children$1 = children(cell);
+          return advancedBr(children$1) ? [] : children$1.concat(markCell(cell));
+        });
+        return content.length === 0 ? [SugarElement.fromTag('br')] : content;
+      };
+      var contents = markContent();
+      empty(cells[0]);
+      append$1(cells[0], contents);
+    };
+
+    var prune = function (table) {
+      var cells$1 = cells(table);
+      if (cells$1.length === 0) {
+        remove$2(table);
+      }
+    };
+    var outcome = function (grid, cursor) {
+      return {
+        grid: grid,
+        cursor: cursor
+      };
+    };
+    var elementFromGrid = function (grid, row, column) {
+      var rows = extractGridDetails(grid).rows;
+      return findIn(rows, row, column).orThunk(function () {
+        return findIn(rows, 0, 0);
+      });
+    };
+    var findIn = function (grid, row, column) {
+      return Optional.from(grid[row]).bind(function (r) {
+        return Optional.from(r.cells[column]).bind(function (c) {
+          return Optional.from(c.element);
+        });
+      });
+    };
+    var bundle = function (grid, row, column) {
+      var rows = extractGridDetails(grid).rows;
+      return outcome(grid, findIn(rows, row, column));
+    };
+    var uniqueRows = function (details) {
+      var rowCompilation = function (rest, detail) {
+        var rowExists = exists(rest, function (currentDetail) {
+          return currentDetail.row === detail.row;
+        });
+        return rowExists ? rest : rest.concat([detail]);
+      };
+      return foldl(details, rowCompilation, []).sort(function (detailA, detailB) {
+        return detailA.row - detailB.row;
+      });
+    };
+    var uniqueColumns = function (details) {
+      var uniqueCheck = function (rest, detail) {
+        var columnExists = exists(rest, function (currentDetail) {
+          return currentDetail.column === detail.column;
+        });
+        return columnExists ? rest : rest.concat([detail]);
+      };
+      return foldl(details, uniqueCheck, []).sort(function (detailA, detailB) {
+        return detailA.column - detailB.column;
+      });
+    };
+    var opInsertRowsBefore = function (grid, details, comparator, genWrappers) {
+      var example = details[0].row;
+      var targetIndex = details[0].row;
+      var rows = uniqueRows(details);
+      var newGrid = foldl(rows, function (newG, _row) {
+        return insertRowAt(newG, targetIndex, example, comparator, genWrappers.getOrInit);
+      }, grid);
+      return bundle(newGrid, targetIndex, details[0].column);
+    };
+    var opInsertRowsAfter = function (grid, details, comparator, genWrappers) {
+      var rows = uniqueRows(details);
+      var example = rows[rows.length - 1].row;
+      var targetIndex = rows[rows.length - 1].row + rows[rows.length - 1].rowspan;
+      var newGrid = foldl(rows, function (newG, _row) {
+        return insertRowAt(newG, targetIndex, example, comparator, genWrappers.getOrInit);
+      }, grid);
+      return bundle(newGrid, targetIndex, details[0].column);
+    };
+    var opInsertColumnsBefore = function (grid, details, comparator, genWrappers) {
+      var columns = uniqueColumns(details);
+      var example = columns[0].column;
+      var targetIndex = columns[0].column;
+      var newGrid = foldl(columns, function (newG, _row) {
+        return insertColumnAt(newG, targetIndex, example, comparator, genWrappers.getOrInit);
+      }, grid);
+      return bundle(newGrid, details[0].row, targetIndex);
+    };
+    var opInsertColumnsAfter = function (grid, details, comparator, genWrappers) {
+      var example = details[details.length - 1].column;
+      var targetIndex = details[details.length - 1].column + details[details.length - 1].colspan;
+      var columns = uniqueColumns(details);
+      var newGrid = foldl(columns, function (newG, _row) {
+        return insertColumnAt(newG, targetIndex, example, comparator, genWrappers.getOrInit);
+      }, grid);
+      return bundle(newGrid, details[0].row, targetIndex);
+    };
+    var opMakeRowHeader = function (grid, detail, comparator, genWrappers) {
+      var newGrid = replaceRow(grid, detail.row, comparator, genWrappers.replaceOrInit);
+      return bundle(newGrid, detail.row, detail.column);
+    };
+    var opMakeRowsHeader = function (initialGrid, details, comparator, genWrappers) {
+      var rows = uniqueRows(details);
+      var replacer = function (currentGrid, row) {
+        return replaceRow(currentGrid, row.row, comparator, genWrappers.replaceOrInit);
+      };
+      var newGrid = foldl(rows, replacer, initialGrid);
+      return bundle(newGrid, details[0].row, details[0].column);
+    };
+    var opMakeColumnHeader = function (initialGrid, detail, comparator, genWrappers) {
+      var newGrid = replaceColumn(initialGrid, detail.column, comparator, genWrappers.replaceOrInit);
+      return bundle(newGrid, detail.row, detail.column);
+    };
+    var opMakeColumnsHeader = function (initialGrid, details, comparator, genWrappers) {
+      var columns = uniqueColumns(details);
+      var replacer = function (currentGrid, column) {
+        return replaceColumn(currentGrid, column.column, comparator, genWrappers.replaceOrInit);
+      };
+      var newGrid = foldl(columns, replacer, initialGrid);
+      return bundle(newGrid, details[0].row, details[0].column);
+    };
+    var opUnmakeRowHeader = function (grid, detail, comparator, genWrappers) {
+      var newGrid = replaceRow(grid, detail.row, comparator, genWrappers.replaceOrInit);
+      return bundle(newGrid, detail.row, detail.column);
+    };
+    var opUnmakeRowsHeader = function (initialGrid, details, comparator, genWrappers) {
+      var rows = uniqueRows(details);
+      var replacer = function (currentGrid, row) {
+        return replaceRow(currentGrid, row.row, comparator, genWrappers.replaceOrInit);
+      };
+      var newGrid = foldl(rows, replacer, initialGrid);
+      return bundle(newGrid, details[0].row, details[0].column);
+    };
+    var opUnmakeColumnHeader = function (initialGrid, detail, comparator, genWrappers) {
+      var newGrid = replaceColumn(initialGrid, detail.column, comparator, genWrappers.replaceOrInit);
+      return bundle(newGrid, detail.row, detail.column);
+    };
+    var opUnmakeColumnsHeader = function (initialGrid, details, comparator, genWrappers) {
+      var columns = uniqueColumns(details);
+      var replacer = function (currentGrid, column) {
+        return replaceColumn(currentGrid, column.column, comparator, genWrappers.replaceOrInit);
+      };
+      var newGrid = foldl(columns, replacer, initialGrid);
+      return bundle(newGrid, details[0].row, details[0].column);
+    };
+    var opEraseColumns = function (grid, details, _comparator, _genWrappers) {
+      var columns = uniqueColumns(details);
+      var newGrid = deleteColumnsAt(grid, columns[0].column, columns[columns.length - 1].column);
+      var cursor = elementFromGrid(newGrid, details[0].row, details[0].column);
+      return outcome(newGrid, cursor);
+    };
+    var opEraseRows = function (grid, details, _comparator, _genWrappers) {
+      var rows = uniqueRows(details);
+      var newGrid = deleteRowsAt(grid, rows[0].row, rows[rows.length - 1].row);
+      var cursor = elementFromGrid(newGrid, details[0].row, details[0].column);
+      return outcome(newGrid, cursor);
+    };
+    var opMergeCells = function (grid, mergable, comparator, _genWrappers) {
+      var cells = mergable.cells;
+      merge$2(cells);
+      var newGrid = merge(grid, mergable.bounds, comparator, constant(cells[0]));
+      return outcome(newGrid, Optional.from(cells[0]));
+    };
+    var opUnmergeCells = function (grid, unmergable, comparator, genWrappers) {
+      var newGrid = foldr(unmergable, function (b, cell) {
+        return unmerge(b, cell, comparator, genWrappers.combine(cell));
+      }, grid);
+      return outcome(newGrid, Optional.from(unmergable[0]));
+    };
+    var opPasteCells = function (grid, pasteDetails, comparator, _genWrappers) {
+      var gridify = function (table, generators) {
+        var wh = Warehouse.fromTable(table);
+        return toGrid(wh, generators, true);
+      };
+      var gridB = gridify(pasteDetails.clipboard, pasteDetails.generators);
+      var startAddress = address(pasteDetails.row, pasteDetails.column);
+      var mergedGrid = merge$1(startAddress, grid, gridB, pasteDetails.generators, comparator);
+      return mergedGrid.fold(function () {
+        return outcome(grid, Optional.some(pasteDetails.element));
+      }, function (newGrid) {
+        var cursor = elementFromGrid(newGrid, pasteDetails.row, pasteDetails.column);
+        return outcome(newGrid, cursor);
+      });
+    };
+    var gridifyRows = function (rows, generators, context) {
+      var pasteDetails = fromPastedRows(rows, context.section);
+      var wh = Warehouse.generate(pasteDetails);
+      return toGrid(wh, generators, true);
+    };
+    var opPasteColsBefore = function (grid, pasteDetails, comparator, _genWrappers) {
+      var rows = extractGridDetails(grid).rows;
+      var index = pasteDetails.cells[0].column;
+      var context = rows[pasteDetails.cells[0].row];
+      var gridB = gridifyRows(pasteDetails.clipboard, pasteDetails.generators, context);
+      var mergedGrid = insertCols(index, grid, gridB, pasteDetails.generators, comparator);
+      var cursor = elementFromGrid(mergedGrid, pasteDetails.cells[0].row, pasteDetails.cells[0].column);
+      return outcome(mergedGrid, cursor);
+    };
+    var opPasteColsAfter = function (grid, pasteDetails, comparator, _genWrappers) {
+      var rows = extractGridDetails(grid).rows;
+      var index = pasteDetails.cells[pasteDetails.cells.length - 1].column + pasteDetails.cells[pasteDetails.cells.length - 1].colspan;
+      var context = rows[pasteDetails.cells[0].row];
+      var gridB = gridifyRows(pasteDetails.clipboard, pasteDetails.generators, context);
+      var mergedGrid = insertCols(index, grid, gridB, pasteDetails.generators, comparator);
+      var cursor = elementFromGrid(mergedGrid, pasteDetails.cells[0].row, pasteDetails.cells[0].column);
+      return outcome(mergedGrid, cursor);
+    };
+    var opPasteRowsBefore = function (grid, pasteDetails, comparator, _genWrappers) {
+      var rows = extractGridDetails(grid).rows;
+      var index = pasteDetails.cells[0].row;
+      var context = rows[index];
+      var gridB = gridifyRows(pasteDetails.clipboard, pasteDetails.generators, context);
+      var mergedGrid = insertRows(index, grid, gridB, pasteDetails.generators, comparator);
+      var cursor = elementFromGrid(mergedGrid, pasteDetails.cells[0].row, pasteDetails.cells[0].column);
+      return outcome(mergedGrid, cursor);
+    };
+    var opPasteRowsAfter = function (grid, pasteDetails, comparator, _genWrappers) {
+      var rows = extractGridDetails(grid).rows;
+      var index = pasteDetails.cells[pasteDetails.cells.length - 1].row + pasteDetails.cells[pasteDetails.cells.length - 1].rowspan;
+      var context = rows[pasteDetails.cells[0].row];
+      var gridB = gridifyRows(pasteDetails.clipboard, pasteDetails.generators, context);
+      var mergedGrid = insertRows(index, grid, gridB, pasteDetails.generators, comparator);
+      var cursor = elementFromGrid(mergedGrid, pasteDetails.cells[0].row, pasteDetails.cells[0].column);
+      return outcome(mergedGrid, cursor);
+    };
+    var opGetColumnType = function (table, target) {
+      var house = Warehouse.fromTable(table);
+      var details = onCells(house, target);
+      return details.bind(function (selectedCells) {
+        var lastSelectedCell = selectedCells[selectedCells.length - 1];
+        var minColRange = selectedCells[0].column;
+        var maxColRange = lastSelectedCell.column + lastSelectedCell.colspan;
+        var selectedColumnCells = flatten(map(house.all, function (row) {
+          return filter(row.cells, function (cell) {
+            return cell.column >= minColRange && cell.column < maxColRange;
+          });
+        }));
+        return getCellsType(selectedColumnCells, function (cell) {
+          return name(cell.element) === 'th';
+        });
+      }).getOr('');
+    };
+    var getCellsType = function (cells, headerPred) {
+      var headerCells = filter(cells, headerPred);
+      if (headerCells.length === 0) {
+        return Optional.some('td');
+      } else if (headerCells.length === cells.length) {
+        return Optional.some('th');
+      } else {
+        return Optional.none();
+      }
+    };
+    var resize = adjustWidthTo;
+    var insertRowsBefore = run(opInsertRowsBefore, onCells, noop, noop, Generators.modification);
+    var insertRowsAfter = run(opInsertRowsAfter, onCells, noop, noop, Generators.modification);
+    var insertColumnsBefore = run(opInsertColumnsBefore, onCells, resize, noop, Generators.modification);
+    var insertColumnsAfter = run(opInsertColumnsAfter, onCells, resize, noop, Generators.modification);
+    var eraseColumns = run(opEraseColumns, onCells, resize, prune, Generators.modification);
+    var eraseRows = run(opEraseRows, onCells, noop, prune, Generators.modification);
+    var makeColumnHeader = run(opMakeColumnHeader, onCell, noop, noop, Generators.transform('row', 'th'));
+    var makeColumnsHeader = run(opMakeColumnsHeader, onCells, noop, noop, Generators.transform('row', 'th'));
+    var unmakeColumnHeader = run(opUnmakeColumnHeader, onCell, noop, noop, Generators.transform(null, 'td'));
+    var unmakeColumnsHeader = run(opUnmakeColumnsHeader, onCells, noop, noop, Generators.transform(null, 'td'));
+    var makeRowHeader = run(opMakeRowHeader, onCell, noop, noop, Generators.transform('col', 'th'));
+    var makeRowsHeader = run(opMakeRowsHeader, onCells, noop, noop, Generators.transform('col', 'th'));
+    var unmakeRowHeader = run(opUnmakeRowHeader, onCell, noop, noop, Generators.transform(null, 'td'));
+    var unmakeRowsHeader = run(opUnmakeRowsHeader, onCells, noop, noop, Generators.transform(null, 'td'));
+    var mergeCells = run(opMergeCells, onMergable, noop, noop, Generators.merging);
+    var unmergeCells = run(opUnmergeCells, onUnmergable, resize, noop, Generators.merging);
+    var pasteCells = run(opPasteCells, onPaste, resize, noop, Generators.modification);
+    var pasteColsBefore = run(opPasteColsBefore, onPasteByEditor, noop, noop, Generators.modification);
+    var pasteColsAfter = run(opPasteColsAfter, onPasteByEditor, noop, noop, Generators.modification);
+    var pasteRowsBefore = run(opPasteRowsBefore, onPasteByEditor, noop, noop, Generators.modification);
+    var pasteRowsAfter = run(opPasteRowsAfter, onPasteByEditor, noop, noop, Generators.modification);
+    var getColumnType = opGetColumnType;
+
+    var getSection = function (elm) {
+      return getNodeName(elm.parentNode);
+    };
+    var mapSectionNameToType = function (section) {
+      if (section === 'thead') {
+        return 'header';
+      } else if (section === 'tfoot') {
+        return 'footer';
+      } else {
+        return 'body';
+      }
+    };
+    var detectHeaderRow = function (editor, elm) {
+      var isThead = getSection(elm) === 'thead';
+      var areAllCellsThs = !exists(elm.cells, function (c) {
+        return getNodeName(c) !== 'th';
+      });
+      return isThead || areAllCellsThs ? Optional.some({
+        thead: isThead,
+        ths: areAllCellsThs
+      }) : Optional.none();
+    };
+    var getRowType = function (editor, elm) {
+      return mapSectionNameToType(detectHeaderRow(editor, elm).fold(function () {
+        return getSection(elm);
+      }, function (_rowConfig) {
+        return 'thead';
+      }));
+    };
+    var switchRowSection = function (dom, rowElm, newSectionName) {
+      var tableElm = dom.getParent(rowElm, 'table');
+      var oldSectionElm = rowElm.parentNode;
+      var oldSectionName = getNodeName(oldSectionElm);
+      if (newSectionName !== oldSectionName) {
+        var sectionElm_1 = dom.select(newSectionName, tableElm)[0];
+        if (!sectionElm_1) {
+          sectionElm_1 = dom.create(newSectionName);
+          var firstTableChild_1 = tableElm.firstChild;
+          if (newSectionName === 'thead') {
+            last(children$2(SugarElement.fromDom(tableElm), 'caption,colgroup')).fold(function () {
+              return tableElm.insertBefore(sectionElm_1, firstTableChild_1);
+            }, function (c) {
+              return dom.insertAfter(sectionElm_1, c.dom);
+            });
+          } else {
+            tableElm.appendChild(sectionElm_1);
+          }
+        }
+        if (newSectionName === 'tbody' && oldSectionName === 'thead' && sectionElm_1.firstChild) {
+          sectionElm_1.insertBefore(rowElm, sectionElm_1.firstChild);
+        } else {
+          sectionElm_1.appendChild(rowElm);
+        }
+        if (!oldSectionElm.hasChildNodes()) {
+          dom.remove(oldSectionElm);
+        }
+      }
+    };
+    var renameCell = function (editor, cell, newCellType) {
+      if (isNonNullable(newCellType) && getNodeName(cell) !== newCellType) {
+        var newCellElm = editor.dom.rename(cell, newCellType);
+        fireNewCell(editor, newCellElm);
+        return newCellElm;
+      } else {
+        return cell;
+      }
+    };
+    var switchCellType = function (editor, cell, newCellType, scope) {
+      var dom = editor.dom;
+      var newCell = renameCell(editor, cell, newCellType);
+      if (!isUndefined(scope)) {
+        dom.setAttrib(newCell, 'scope', scope);
+      }
+      return newCell;
+    };
+    var switchCellsType = function (editor, cells, newCellType, scope) {
+      return each(cells, function (c) {
+        return switchCellType(editor, c, newCellType, scope);
+      });
+    };
+    var switchSectionType = function (editor, rowElm, newType) {
+      var determineHeaderRowType = function () {
+        var allTableRows = table(SugarElement.fromDom(rowElm.cells[0])).map(function (table) {
+          return rows(table);
+        }).getOr([]);
+        return findMap(allTableRows, function (row) {
+          return detectHeaderRow(editor, row.dom);
+        }).map(function (detectedType) {
+          if (detectedType.thead && detectedType.ths) {
+            return 'sectionCells';
+          } else {
+            return detectedType.thead ? 'section' : 'cells';
+          }
+        }).getOr('section');
+      };
+      var dom = editor.dom;
+      if (newType === 'header') {
+        var headerRowTypeSetting = getTableHeaderType(editor);
+        var headerRowType = headerRowTypeSetting === 'auto' ? determineHeaderRowType() : headerRowTypeSetting;
+        switchCellsType(editor, rowElm.cells, headerRowType === 'section' ? 'td' : 'th', 'col');
+        switchRowSection(dom, rowElm, headerRowType === 'cells' ? 'tbody' : 'thead');
+      } else {
+        switchCellsType(editor, rowElm.cells, 'td', null);
+        switchRowSection(dom, rowElm, newType === 'footer' ? 'tfoot' : 'tbody');
+      }
+    };
+
+    var getSelectionStartCellFallback = function (start) {
+      return table(start).bind(function (table) {
+        return retrieve$1(table, ephemera.firstSelectedSelector);
+      }).fold(function () {
+        return start;
+      }, function (cells) {
+        return cells[0];
+      });
+    };
+    var getSelectionStartFromSelector = function (selector) {
+      return function (start) {
+        var startCellName = name(start);
+        var startCell = startCellName === 'col' || startCellName === 'colgroup' ? getSelectionStartCellFallback(start) : start;
+        return closest$1(startCell, selector);
+      };
+    };
+    var getSelectionStartCell = getSelectionStartFromSelector('th,td');
+    var getSelectionStartCellOrCaption = getSelectionStartFromSelector('th,td,caption');
+    var getCellsFromSelection = function (start, selections) {
+      return getSelectionStartCell(start).map(function (_cell) {
+        return selection(selections);
+      }).getOr([]);
+    };
+    var getRowsFromSelection = function (start, selector) {
+      var cellOpt = getSelectionStartCell(start);
+      var rowsOpt = cellOpt.bind(function (cell) {
+        return table(cell);
+      }).map(function (table) {
+        return rows(table);
+      });
+      return lift2(cellOpt, rowsOpt, function (cell, rows) {
+        return filter(rows, function (row) {
+          return exists(fromDom$1(row.dom.cells), function (rowCell) {
+            return get$2(rowCell, selector) === '1' || eq$1(rowCell, cell);
+          });
+        });
+      }).getOr([]);
+    };
+
+    var TableActions = function (editor, lazyWire, selections) {
+      var isTableBody = function (editor) {
+        return name(getBody$1(editor)) === 'table';
+      };
+      var lastRowGuard = function (table) {
+        return isTableBody(editor) === false || getGridSize(table).rows > 1;
+      };
+      var lastColumnGuard = function (table) {
+        return isTableBody(editor) === false || getGridSize(table).columns > 1;
+      };
+      var cloneFormats = getCloneElements(editor);
+      var execute = function (operation, guard, mutate, lazyWire) {
+        return function (table, target) {
+          removeDataStyle(table);
+          var wire = lazyWire();
+          var doc = SugarElement.fromDom(editor.getDoc());
+          var generators = cellOperations(mutate, doc, cloneFormats);
+          var sizing = get$9(editor, table);
+          return guard(table) ? operation(wire, table, target, generators, sizing).bind(function (result) {
+            each(result.newRows, function (row) {
+              fireNewRow(editor, row.dom);
+            });
+            each(result.newCells, function (cell) {
+              fireNewCell(editor, cell.dom);
+            });
+            return result.cursor.map(function (cell) {
+              var des = freefallRtl$2(cell);
+              var rng = editor.dom.createRng();
+              rng.setStart(des.element.dom, des.offset);
+              rng.setEnd(des.element.dom, des.offset);
+              return rng;
+            });
+          }) : Optional.none();
+        };
+      };
+      var deleteRow = execute(eraseRows, lastRowGuard, noop, lazyWire);
+      var deleteColumn = execute(eraseColumns, lastColumnGuard, noop, lazyWire);
+      var insertRowsBefore$1 = execute(insertRowsBefore, always, noop, lazyWire);
+      var insertRowsAfter$1 = execute(insertRowsAfter, always, noop, lazyWire);
+      var insertColumnsBefore$1 = execute(insertColumnsBefore, always, halve, lazyWire);
+      var insertColumnsAfter$1 = execute(insertColumnsAfter, always, halve, lazyWire);
+      var mergeCells$1 = execute(mergeCells, always, noop, lazyWire);
+      var unmergeCells$1 = execute(unmergeCells, always, noop, lazyWire);
+      var pasteColsBefore$1 = execute(pasteColsBefore, always, noop, lazyWire);
+      var pasteColsAfter$1 = execute(pasteColsAfter, always, noop, lazyWire);
+      var pasteRowsBefore$1 = execute(pasteRowsBefore, always, noop, lazyWire);
+      var pasteRowsAfter$1 = execute(pasteRowsAfter, always, noop, lazyWire);
+      var pasteCells$1 = execute(pasteCells, always, noop, lazyWire);
+      var extractType = function (args, validTypes) {
+        return get$1(args, 'type').filter(function (type) {
+          return contains(validTypes, type);
+        });
+      };
+      var setTableCellType = function (editor, args) {
+        return extractType(args, [
+          'td',
+          'th'
+        ]).each(function (type) {
+          var cells = map(getCellsFromSelection(getSelectionStart(editor), selections), function (c) {
+            return c.dom;
+          });
+          switchCellsType(editor, cells, type, null);
+        });
+      };
+      var setTableRowType = function (editor, args) {
+        return extractType(args, [
+          'header',
+          'body',
+          'footer'
+        ]).each(function (type) {
+          map(getRowsFromSelection(getSelectionStart(editor), ephemera.selected), function (row) {
+            return switchSectionType(editor, row.dom, type);
+          });
+        });
+      };
+      var makeColumnsHeader$1 = execute(makeColumnsHeader, always, noop, lazyWire);
+      var unmakeColumnsHeader$1 = execute(unmakeColumnsHeader, always, noop, lazyWire);
+      var getTableRowType = function (editor) {
+        var rows = getRowsFromSelection(getSelectionStart(editor), ephemera.selected);
+        if (rows.length > 0) {
+          var rowTypes = map(rows, function (r) {
+            return getRowType(editor, r.dom);
+          });
+          var hasHeader = contains(rowTypes, 'header');
+          var hasFooter = contains(rowTypes, 'footer');
+          if (!hasHeader && !hasFooter) {
+            return 'body';
+          } else {
+            var hasBody = contains(rowTypes, 'body');
+            if (hasHeader && !hasBody && !hasFooter) {
+              return 'header';
+            } else if (!hasHeader && !hasBody && hasFooter) {
+              return 'footer';
+            } else {
+              return '';
+            }
+          }
+        }
+      };
+      var getTableCellType = function (editor) {
+        return getCellsType(getCellsFromSelection(getSelectionStart(editor), selections), function (cell) {
+          return name(cell) === 'th';
+        }).getOr('');
+      };
+      var getTableColType = getColumnType;
+      return {
+        deleteRow: deleteRow,
+        deleteColumn: deleteColumn,
+        insertRowsBefore: insertRowsBefore$1,
+        insertRowsAfter: insertRowsAfter$1,
+        insertColumnsBefore: insertColumnsBefore$1,
+        insertColumnsAfter: insertColumnsAfter$1,
+        mergeCells: mergeCells$1,
+        unmergeCells: unmergeCells$1,
+        pasteColsBefore: pasteColsBefore$1,
+        pasteColsAfter: pasteColsAfter$1,
+        pasteRowsBefore: pasteRowsBefore$1,
+        pasteRowsAfter: pasteRowsAfter$1,
+        pasteCells: pasteCells$1,
+        setTableCellType: setTableCellType,
+        setTableRowType: setTableRowType,
+        makeColumnsHeader: makeColumnsHeader$1,
+        unmakeColumnsHeader: unmakeColumnsHeader$1,
+        getTableRowType: getTableRowType,
+        getTableCellType: getTableCellType,
+        getTableColType: getTableColType
+      };
+    };
+
+    var DefaultRenderOptions = {
+      styles: {
+        'border-collapse': 'collapse',
+        'width': '100%'
+      },
+      attributes: { border: '1' },
+      colGroups: false
+    };
+    var tableHeaderCell = function () {
+      return SugarElement.fromTag('th');
+    };
+    var tableCell = function () {
+      return SugarElement.fromTag('td');
+    };
+    var tableColumn = function () {
+      return SugarElement.fromTag('col');
+    };
+    var createRow = function (columns, rowHeaders, columnHeaders, rowIndex) {
+      var tr = SugarElement.fromTag('tr');
+      for (var j = 0; j < columns; j++) {
+        var td = rowIndex < rowHeaders || j < columnHeaders ? tableHeaderCell() : tableCell();
+        if (j < columnHeaders) {
+          set(td, 'scope', 'row');
+        }
+        if (rowIndex < rowHeaders) {
+          set(td, 'scope', 'col');
+        }
+        append(td, SugarElement.fromTag('br'));
+        append(tr, td);
+      }
+      return tr;
+    };
+    var createGroupRow = function (columns) {
+      var columnGroup = SugarElement.fromTag('colgroup');
+      range(columns, function () {
+        return append(columnGroup, tableColumn());
+      });
+      return columnGroup;
+    };
+    var createRows = function (rows, columns, rowHeaders, columnHeaders) {
+      return range(rows, function (r) {
+        return createRow(columns, rowHeaders, columnHeaders, r);
+      });
+    };
+    var render$1 = function (rows, columns, rowHeaders, columnHeaders, headerType, renderOpts) {
+      if (renderOpts === void 0) {
+        renderOpts = DefaultRenderOptions;
+      }
+      var table = SugarElement.fromTag('table');
+      var rowHeadersGoInThead = headerType !== 'cells';
+      setAll$1(table, renderOpts.styles);
+      setAll(table, renderOpts.attributes);
+      if (renderOpts.colGroups) {
+        append(table, createGroupRow(columns));
+      }
+      var actualRowHeaders = Math.min(rows, rowHeaders);
+      if (rowHeadersGoInThead && rowHeaders > 0) {
+        var thead = SugarElement.fromTag('thead');
+        append(table, thead);
+        var theadRowHeaders = headerType === 'sectionCells' ? actualRowHeaders : 0;
+        var theadRows = createRows(rowHeaders, columns, theadRowHeaders, columnHeaders);
+        append$1(thead, theadRows);
+      }
+      var tbody = SugarElement.fromTag('tbody');
+      append(table, tbody);
+      var numRows = rowHeadersGoInThead ? rows - actualRowHeaders : rows;
+      var numRowHeaders = rowHeadersGoInThead ? 0 : rowHeaders;
+      var tbodyRows = createRows(numRows, columns, numRowHeaders, columnHeaders);
+      append$1(tbody, tbodyRows);
+      return table;
+    };
+
+    var get$b = function (element) {
+      return element.dom.innerHTML;
+    };
+    var getOuter$2 = function (element) {
+      var container = SugarElement.fromTag('div');
+      var clone = SugarElement.fromDom(element.dom.cloneNode(true));
+      append(container, clone);
+      return get$b(container);
+    };
+
+    var placeCaretInCell = function (editor, cell) {
+      editor.selection.select(cell.dom, true);
+      editor.selection.collapse(true);
+    };
+    var selectFirstCellInTable = function (editor, tableElm) {
+      descendant$1(tableElm, 'td,th').each(curry(placeCaretInCell, editor));
+    };
+    var fireEvents = function (editor, table) {
+      each(descendants$1(table, 'tr'), function (row) {
+        fireNewRow(editor, row.dom);
+        each(descendants$1(row, 'th,td'), function (cell) {
+          fireNewCell(editor, cell.dom);
+        });
+      });
+    };
+    var isPercentage$1 = function (width) {
+      return isString(width) && width.indexOf('%') !== -1;
+    };
+    var insert$1 = function (editor, columns, rows, colHeaders, rowHeaders) {
+      var defaultStyles = getDefaultStyles(editor);
+      var options = {
+        styles: defaultStyles,
+        attributes: getDefaultAttributes(editor),
+        colGroups: useColumnGroup(editor)
+      };
+      editor.undoManager.ignore(function () {
+        var table = render$1(rows, columns, rowHeaders, colHeaders, getTableHeaderType(editor), options);
+        set(table, 'data-mce-id', '__mce');
+        var html = getOuter$2(table);
+        editor.insertContent(html);
+        editor.addVisual();
+      });
+      return descendant$1(getBody$1(editor), 'table[data-mce-id="__mce"]').map(function (table) {
+        if (isPixelsForced(editor)) {
+          enforcePixels(editor, table);
+        } else if (isResponsiveForced(editor)) {
+          enforceNone(table);
+        } else if (isPercentagesForced(editor) || isPercentage$1(defaultStyles.width)) {
+          enforcePercentage(editor, table);
+        }
+        removeDataStyle(table);
+        remove(table, 'data-mce-id');
+        fireEvents(editor, table);
+        selectFirstCellInTable(editor, table);
+        return table.dom;
+      }).getOr(null);
+    };
+    var insertTableWithDataValidation = function (editor, rows, columns, options, errorMsg) {
+      if (options === void 0) {
+        options = {};
+      }
+      var checkInput = function (val) {
+        return isNumber(val) && val > 0;
+      };
+      if (checkInput(rows) && checkInput(columns)) {
+        var headerRows = options.headerRows || 0;
+        var headerColumns = options.headerColumns || 0;
+        return insert$1(editor, columns, rows, headerColumns, headerRows);
+      } else {
+        console.error(errorMsg);
+        return null;
+      }
+    };
+
+    var getClipboardElements = function (getClipboard) {
+      return function () {
+        return getClipboard().fold(function () {
+          return [];
+        }, function (elems) {
+          return map(elems, function (e) {
+            return e.dom;
+          });
+        });
+      };
+    };
+    var setClipboardElements = function (setClipboard) {
+      return function (elems) {
+        var elmsOpt = elems.length > 0 ? Optional.some(fromDom$1(elems)) : Optional.none();
+        setClipboard(elmsOpt);
+      };
+    };
+    var insertTable = function (editor) {
+      return function (columns, rows, options) {
+        if (options === void 0) {
+          options = {};
+        }
+        var table = insertTableWithDataValidation(editor, rows, columns, options, 'Invalid values for insertTable - rows and columns values are required to insert a table.');
+        editor.undoManager.add();
+        return table;
+      };
+    };
+    var getApi = function (editor, clipboard, resizeHandler, selectionTargets) {
+      return {
+        insertTable: insertTable(editor),
+        setClipboardRows: setClipboardElements(clipboard.setRows),
+        getClipboardRows: getClipboardElements(clipboard.getRows),
+        setClipboardCols: setClipboardElements(clipboard.setColumns),
+        getClipboardCols: getClipboardElements(clipboard.getColumns),
+        resizeHandler: resizeHandler,
+        selectionTargets: selectionTargets
+      };
+    };
+
+    var constrainSpan = function (element, property, value) {
+      var currentColspan = getAttrValue(element, property, 1);
+      if (value === 1 || currentColspan <= 1) {
+        remove(element, property);
+      } else {
+        set(element, property, Math.min(value, currentColspan));
+      }
+    };
+    var generateColGroup = function (house, minColRange, maxColRange) {
+      if (Warehouse.hasColumns(house)) {
+        var colsToCopy = filter(Warehouse.justColumns(house), function (col) {
+          return col.column >= minColRange && col.column < maxColRange;
+        });
+        var copiedCols = map(colsToCopy, function (c) {
+          var clonedCol = deep(c.element);
+          constrainSpan(clonedCol, 'span', maxColRange - minColRange);
+          return clonedCol;
+        });
+        var fakeColgroup = SugarElement.fromTag('colgroup');
+        append$1(fakeColgroup, copiedCols);
+        return [fakeColgroup];
+      } else {
+        return [];
+      }
+    };
+    var generateRows = function (house, minColRange, maxColRange) {
+      return map(house.all, function (row) {
+        var cellsToCopy = filter(row.cells, function (cell) {
+          return cell.column >= minColRange && cell.column < maxColRange;
+        });
+        var copiedCells = map(cellsToCopy, function (cell) {
+          var clonedCell = deep(cell.element);
+          constrainSpan(clonedCell, 'colspan', maxColRange - minColRange);
+          return clonedCell;
+        });
+        var fakeTR = SugarElement.fromTag('tr');
+        append$1(fakeTR, copiedCells);
+        return fakeTR;
+      });
+    };
+    var copyCols = function (table, target) {
+      var house = Warehouse.fromTable(table);
+      var details = onCells(house, target);
+      return details.map(function (selectedCells) {
+        var lastSelectedCell = selectedCells[selectedCells.length - 1];
+        var minColRange = selectedCells[0].column;
+        var maxColRange = lastSelectedCell.column + lastSelectedCell.colspan;
+        var fakeColGroups = generateColGroup(house, minColRange, maxColRange);
+        var fakeRows = generateRows(house, minColRange, maxColRange);
+        return __spreadArrays(fakeColGroups, fakeRows);
+      });
+    };
+
+    var copyRows = function (table, target, generators) {
+      var warehouse = Warehouse.fromTable(table);
+      var details = onCells(warehouse, target);
+      return details.map(function (selectedCells) {
+        var grid = toGrid(warehouse, generators, false);
+        var rows = extractGridDetails(grid).rows;
+        var slicedGrid = rows.slice(selectedCells[0].row, selectedCells[selectedCells.length - 1].row + selectedCells[selectedCells.length - 1].rowspan);
+        var slicedDetails = toDetailList(slicedGrid, generators);
+        return copy$2(slicedDetails);
+      });
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var getTDTHOverallStyle = function (dom, elm, name) {
+      var cells = dom.select('td,th', elm);
+      var firstChildStyle;
+      var checkChildren = function (firstChildStyle, elms) {
+        for (var i = 0; i < elms.length; i++) {
+          var currentStyle = dom.getStyle(elms[i], name);
+          if (typeof firstChildStyle === 'undefined') {
+            firstChildStyle = currentStyle;
+          }
+          if (firstChildStyle !== currentStyle) {
+            return '';
+          }
+        }
+        return firstChildStyle;
+      };
+      return checkChildren(firstChildStyle, cells);
+    };
+    var applyAlign = function (editor, elm, name) {
+      if (name) {
+        editor.formatter.apply('align' + name, {}, elm);
+      }
+    };
+    var applyVAlign = function (editor, elm, name) {
+      if (name) {
+        editor.formatter.apply('valign' + name, {}, elm);
+      }
+    };
+    var unApplyAlign = function (editor, elm) {
+      global$1.each('left center right'.split(' '), function (name) {
+        editor.formatter.remove('align' + name, {}, elm);
+      });
+    };
+    var unApplyVAlign = function (editor, elm) {
+      global$1.each('top middle bottom'.split(' '), function (name) {
+        editor.formatter.remove('valign' + name, {}, elm);
+      });
+    };
+
+    var isListGroup = function (item) {
+      return hasNonNullableKey(item, 'menu');
+    };
+    var buildListItems = function (inputList, startItems) {
+      var appendItems = function (values, acc) {
+        return acc.concat(map(values, function (item) {
+          var text = item.text || item.title;
+          if (isListGroup(item)) {
+            return {
+              text: text,
+              items: buildListItems(item.menu)
+            };
+          } else {
+            return {
+              text: text,
+              value: item.value
+            };
+          }
+        }));
+      };
+      return appendItems(inputList, startItems || []);
+    };
+    var rgbToHex = function (dom) {
+      return function (value) {
+        return startsWith(value, 'rgb') ? dom.toHex(value) : value;
+      };
+    };
+    var extractAdvancedStyles = function (dom, elm) {
+      var element = SugarElement.fromDom(elm);
+      return {
+        borderwidth: getRaw(element, 'border-width').getOr(''),
+        borderstyle: getRaw(element, 'border-style').getOr(''),
+        bordercolor: getRaw(element, 'border-color').map(rgbToHex(dom)).getOr(''),
+        backgroundcolor: getRaw(element, 'background-color').map(rgbToHex(dom)).getOr('')
+      };
+    };
+    var getSharedValues = function (data) {
+      var baseData = data[0];
+      var comparisonData = data.slice(1);
+      each(comparisonData, function (items) {
+        each(keys(baseData), function (key) {
+          each$1(items, function (itemValue, itemKey) {
+            var comparisonValue = baseData[key];
+            if (comparisonValue !== '' && key === itemKey) {
+              if (comparisonValue !== itemValue) {
+                baseData[key] = '';
+              }
+            }
+          });
+        });
+      });
+      return baseData;
+    };
+    var getAdvancedTab = function (dialogName) {
+      var advTabItems = [
+        {
+          name: 'borderstyle',
+          type: 'listbox',
+          label: 'Border style',
+          items: [
+            {
+              text: 'Select...',
+              value: ''
+            },
+            {
+              text: 'Solid',
+              value: 'solid'
+            },
+            {
+              text: 'Dotted',
+              value: 'dotted'
+            },
+            {
+              text: 'Dashed',
+              value: 'dashed'
+            },
+            {
+              text: 'Double',
+              value: 'double'
+            },
+            {
+              text: 'Groove',
+              value: 'groove'
+            },
+            {
+              text: 'Ridge',
+              value: 'ridge'
+            },
+            {
+              text: 'Inset',
+              value: 'inset'
+            },
+            {
+              text: 'Outset',
+              value: 'outset'
+            },
+            {
+              text: 'None',
+              value: 'none'
+            },
+            {
+              text: 'Hidden',
+              value: 'hidden'
+            }
+          ]
+        },
+        {
+          name: 'bordercolor',
+          type: 'colorinput',
+          label: 'Border color'
+        },
+        {
+          name: 'backgroundcolor',
+          type: 'colorinput',
+          label: 'Background color'
+        }
+      ];
+      var borderWidth = {
+        name: 'borderwidth',
+        type: 'input',
+        label: 'Border width'
+      };
+      var items = dialogName === 'cell' ? [borderWidth].concat(advTabItems) : advTabItems;
+      return {
+        title: 'Advanced',
+        name: 'advanced',
+        items: items
+      };
+    };
+    var getAlignment = function (formats, formatName, editor, elm) {
+      return find(formats, function (name) {
+        return editor.formatter.matchNode(elm, formatName + name);
+      }).getOr('');
+    };
+    var getHAlignment = curry(getAlignment, [
+      'left',
+      'center',
+      'right'
+    ], 'align');
+    var getVAlignment = curry(getAlignment, [
+      'top',
+      'middle',
+      'bottom'
+    ], 'valign');
+    var extractDataFromSettings = function (editor, hasAdvTableTab) {
+      var style = getDefaultStyles(editor);
+      var attrs = getDefaultAttributes(editor);
+      var extractAdvancedStyleData = function (dom) {
+        return {
+          borderstyle: get$1(style, 'border-style').getOr(''),
+          bordercolor: rgbToHex(dom)(get$1(style, 'border-color').getOr('')),
+          backgroundcolor: rgbToHex(dom)(get$1(style, 'background-color').getOr(''))
+        };
+      };
+      var defaultData = {
+        height: '',
+        width: '100%',
+        cellspacing: '',
+        cellpadding: '',
+        caption: false,
+        class: '',
+        align: '',
+        border: ''
+      };
+      var getBorder = function () {
+        var borderWidth = style['border-width'];
+        if (shouldStyleWithCss(editor) && borderWidth) {
+          return { border: borderWidth };
+        }
+        return get$1(attrs, 'border').fold(function () {
+          return {};
+        }, function (border) {
+          return { border: border };
+        });
+      };
+      var advStyle = hasAdvTableTab ? extractAdvancedStyleData(editor.dom) : {};
+      var getCellPaddingCellSpacing = function () {
+        var spacing = get$1(style, 'border-spacing').or(get$1(attrs, 'cellspacing')).fold(function () {
+          return {};
+        }, function (cellspacing) {
+          return { cellspacing: cellspacing };
+        });
+        var padding = get$1(style, 'border-padding').or(get$1(attrs, 'cellpadding')).fold(function () {
+          return {};
+        }, function (cellpadding) {
+          return { cellpadding: cellpadding };
+        });
+        return __assign(__assign({}, spacing), padding);
+      };
+      var data = __assign(__assign(__assign(__assign(__assign(__assign({}, defaultData), style), attrs), advStyle), getBorder()), getCellPaddingCellSpacing());
+      return data;
+    };
+    var extractDataFromTableElement = function (editor, elm, hasAdvTableTab) {
+      var getBorder = function (dom, elm) {
+        var optBorderWidth = getRaw(SugarElement.fromDom(elm), 'border-width');
+        if (shouldStyleWithCss(editor) && optBorderWidth.isSome()) {
+          return optBorderWidth.getOr('');
+        }
+        return dom.getAttrib(elm, 'border') || getTDTHOverallStyle(editor.dom, elm, 'border-width') || getTDTHOverallStyle(editor.dom, elm, 'border');
+      };
+      var dom = editor.dom;
+      return __assign({
+        width: dom.getStyle(elm, 'width') || dom.getAttrib(elm, 'width'),
+        height: dom.getStyle(elm, 'height') || dom.getAttrib(elm, 'height'),
+        cellspacing: dom.getStyle(elm, 'border-spacing') || dom.getAttrib(elm, 'cellspacing'),
+        cellpadding: dom.getAttrib(elm, 'cellpadding') || getTDTHOverallStyle(editor.dom, elm, 'padding'),
+        border: getBorder(dom, elm),
+        caption: !!dom.select('caption', elm)[0],
+        class: dom.getAttrib(elm, 'class', ''),
+        align: getHAlignment(editor, elm)
+      }, hasAdvTableTab ? extractAdvancedStyles(dom, elm) : {});
+    };
+    var extractDataFromRowElement = function (editor, elm, hasAdvancedRowTab) {
+      var dom = editor.dom;
+      return __assign({
+        height: dom.getStyle(elm, 'height') || dom.getAttrib(elm, 'height'),
+        scope: dom.getAttrib(elm, 'scope'),
+        class: dom.getAttrib(elm, 'class', ''),
+        type: getRowType(editor, elm),
+        align: getHAlignment(editor, elm)
+      }, hasAdvancedRowTab ? extractAdvancedStyles(dom, elm) : {});
+    };
+    var extractDataFromCellElement = function (editor, cell, hasAdvancedCellTab, column) {
+      var dom = editor.dom;
+      var colElm = column.getOr(cell);
+      var getStyle = function (element, style) {
+        return dom.getStyle(element, style) || dom.getAttrib(element, style);
+      };
+      return __assign({
+        width: getStyle(colElm, 'width'),
+        height: getStyle(cell, 'height'),
+        scope: dom.getAttrib(cell, 'scope'),
+        celltype: getNodeName(cell),
+        class: dom.getAttrib(cell, 'class', ''),
+        halign: getHAlignment(editor, cell),
+        valign: getVAlignment(editor, cell)
+      }, hasAdvancedCellTab ? extractAdvancedStyles(dom, cell) : {});
+    };
+
+    var getClassList = function (editor) {
+      var classes = buildListItems(getCellClassList(editor));
+      if (classes.length > 0) {
+        return Optional.some({
+          name: 'class',
+          type: 'listbox',
+          label: 'Class',
+          items: classes
+        });
+      }
+      return Optional.none();
+    };
+    var children$3 = [
+      {
+        name: 'width',
+        type: 'input',
+        label: 'Width'
+      },
+      {
+        name: 'height',
+        type: 'input',
+        label: 'Height'
+      },
+      {
+        name: 'celltype',
+        type: 'listbox',
+        label: 'Cell type',
+        items: [
+          {
+            text: 'Cell',
+            value: 'td'
+          },
+          {
+            text: 'Header cell',
+            value: 'th'
+          }
+        ]
+      },
+      {
+        name: 'scope',
+        type: 'listbox',
+        label: 'Scope',
+        items: [
+          {
+            text: 'None',
+            value: ''
+          },
+          {
+            text: 'Row',
+            value: 'row'
+          },
+          {
+            text: 'Column',
+            value: 'col'
+          },
+          {
+            text: 'Row group',
+            value: 'rowgroup'
+          },
+          {
+            text: 'Column group',
+            value: 'colgroup'
+          }
+        ]
+      },
+      {
+        name: 'halign',
+        type: 'listbox',
+        label: 'H Align',
+        items: [
+          {
+            text: 'None',
+            value: ''
+          },
+          {
+            text: 'Left',
+            value: 'left'
+          },
+          {
+            text: 'Center',
+            value: 'center'
+          },
+          {
+            text: 'Right',
+            value: 'right'
+          }
+        ]
+      },
+      {
+        name: 'valign',
+        type: 'listbox',
+        label: 'V Align',
+        items: [
+          {
+            text: 'None',
+            value: ''
+          },
+          {
+            text: 'Top',
+            value: 'top'
+          },
+          {
+            text: 'Middle',
+            value: 'middle'
+          },
+          {
+            text: 'Bottom',
+            value: 'bottom'
+          }
+        ]
+      }
+    ];
+    var getItems = function (editor) {
+      return children$3.concat(getClassList(editor).toArray());
+    };
+
+    var modifiers = function (testTruthy) {
+      return function (editor, node) {
+        var dom = editor.dom;
+        var setAttrib = function (attr, value) {
+          if (!testTruthy || value) {
+            dom.setAttrib(node, attr, value);
+          }
+        };
+        var setStyle = function (prop, value) {
+          if (!testTruthy || value) {
+            dom.setStyle(node, prop, value);
+          }
+        };
+        var setFormat = function (formatName, value) {
+          if (!testTruthy || value) {
+            if (value === '') {
+              editor.formatter.remove(formatName, { value: null }, node, true);
+            } else {
+              editor.formatter.apply(formatName, { value: value }, node);
+            }
+          }
+        };
+        return {
+          setAttrib: setAttrib,
+          setStyle: setStyle,
+          setFormat: setFormat
+        };
+      };
+    };
+    var DomModifier = {
+      normal: modifiers(false),
+      ifTruthy: modifiers(true)
+    };
+
+    var getSelectedCells = function (cells) {
+      return table(cells[0]).map(function (table) {
+        var warehouse = Warehouse.fromTable(table);
+        var allCells = Warehouse.justCells(warehouse);
+        var filtered = filter(allCells, function (cellA) {
+          return exists(cells, function (cellB) {
+            return eq$1(cellA.element, cellB);
+          });
+        });
+        return map(filtered, function (cell) {
+          return {
+            element: cell.element.dom,
+            column: Warehouse.getColumnAt(warehouse, cell.column).map(function (col) {
+              return col.element.dom;
+            })
+          };
+        });
+      });
+    };
+    var updateSimpleProps = function (modifier, colModifier, data) {
+      modifier.setAttrib('scope', data.scope);
+      modifier.setAttrib('class', data.class);
+      modifier.setStyle('height', addPxSuffix(data.height));
+      colModifier.setStyle('width', addPxSuffix(data.width));
+    };
+    var updateAdvancedProps = function (modifier, data) {
+      modifier.setFormat('tablecellbackgroundcolor', data.backgroundcolor);
+      modifier.setFormat('tablecellbordercolor', data.bordercolor);
+      modifier.setFormat('tablecellborderstyle', data.borderstyle);
+      modifier.setFormat('tablecellborderwidth', addPxSuffix(data.borderwidth));
+    };
+    var applyCellData = function (editor, cells, data) {
+      var isSingleCell = cells.length === 1;
+      if (cells.length >= 1) {
+        var tableOpt = table(cells[0]);
+        getSelectedCells(cells).each(function (selectedCells) {
+          each(selectedCells, function (item) {
+            var cellElm = switchCellType(editor, item.element, data.celltype);
+            var modifier = isSingleCell ? DomModifier.normal(editor, cellElm) : DomModifier.ifTruthy(editor, cellElm);
+            var colModifier = item.column.map(function (col) {
+              return isSingleCell ? DomModifier.normal(editor, col) : DomModifier.ifTruthy(editor, col);
+            }).getOr(modifier);
+            updateSimpleProps(modifier, colModifier, data);
+            if (hasAdvancedCellTab(editor)) {
+              updateAdvancedProps(modifier, data);
+            }
+            if (isSingleCell) {
+              unApplyAlign(editor, cellElm);
+              unApplyVAlign(editor, cellElm);
+            }
+            if (data.halign) {
+              applyAlign(editor, cellElm, data.halign);
+            }
+            if (data.valign) {
+              applyVAlign(editor, cellElm, data.valign);
+            }
+          });
+        });
+        tableOpt.each(function (table) {
+          return fireTableModified(editor, table.dom);
+        });
+      }
+    };
+    var onSubmitCellForm = function (editor, cells, api) {
+      var data = api.getData();
+      api.close();
+      editor.undoManager.transact(function () {
+        applyCellData(editor, cells, data);
+        editor.focus();
+      });
+    };
+    var getData = function (editor, cells) {
+      var cellsData = getSelectedCells(cells).map(function (selectedCells) {
+        return map(selectedCells, function (item) {
+          return extractDataFromCellElement(editor, item.element, hasAdvancedCellTab(editor), item.column);
+        });
+      });
+      return getSharedValues(cellsData.getOrDie());
+    };
+    var open = function (editor, selections) {
+      var cells = getCellsFromSelection(getSelectionStart(editor), selections);
+      if (cells.length === 0) {
+        return;
+      }
+      var data = getData(editor, cells);
+      var dialogTabPanel = {
+        type: 'tabpanel',
+        tabs: [
+          {
+            title: 'General',
+            name: 'general',
+            items: getItems(editor)
+          },
+          getAdvancedTab('cell')
+        ]
+      };
+      var dialogPanel = {
+        type: 'panel',
+        items: [{
+            type: 'grid',
+            columns: 2,
+            items: getItems(editor)
+          }]
+      };
+      editor.windowManager.open({
+        title: 'Cell Properties',
+        size: 'normal',
+        body: hasAdvancedCellTab(editor) ? dialogTabPanel : dialogPanel,
+        buttons: [
+          {
+            type: 'cancel',
+            name: 'cancel',
+            text: 'Cancel'
+          },
+          {
+            type: 'submit',
+            name: 'save',
+            text: 'Save',
+            primary: true
+          }
+        ],
+        initialData: data,
+        onSubmit: curry(onSubmitCellForm, editor, cells)
+      });
+    };
+
+    var getClassList$1 = function (editor) {
+      var classes = buildListItems(getRowClassList(editor));
+      if (classes.length > 0) {
+        return Optional.some({
+          name: 'class',
+          type: 'listbox',
+          label: 'Class',
+          items: classes
+        });
+      }
+      return Optional.none();
+    };
+    var formChildren = [
+      {
+        type: 'listbox',
+        name: 'type',
+        label: 'Row type',
+        items: [
+          {
+            text: 'Header',
+            value: 'header'
+          },
+          {
+            text: 'Body',
+            value: 'body'
+          },
+          {
+            text: 'Footer',
+            value: 'footer'
+          }
+        ]
+      },
+      {
+        type: 'listbox',
+        name: 'align',
+        label: 'Alignment',
+        items: [
+          {
+            text: 'None',
+            value: ''
+          },
+          {
+            text: 'Left',
+            value: 'left'
+          },
+          {
+            text: 'Center',
+            value: 'center'
+          },
+          {
+            text: 'Right',
+            value: 'right'
+          }
+        ]
+      },
+      {
+        label: 'Height',
+        name: 'height',
+        type: 'input'
+      }
+    ];
+    var getItems$1 = function (editor) {
+      return formChildren.concat(getClassList$1(editor).toArray());
+    };
+
+    var updateSimpleProps$1 = function (modifier, data) {
+      modifier.setAttrib('scope', data.scope);
+      modifier.setAttrib('class', data.class);
+      modifier.setStyle('height', addPxSuffix(data.height));
+    };
+    var updateAdvancedProps$1 = function (modifier, data) {
+      modifier.setStyle('background-color', data.backgroundcolor);
+      modifier.setStyle('border-color', data.bordercolor);
+      modifier.setStyle('border-style', data.borderstyle);
+    };
+    var applyRowData = function (editor, rows, oldData, data) {
+      var isSingleRow = rows.length === 1;
+      each(rows, function (rowElm) {
+        if (data.type !== getNodeName(rowElm.parentNode)) {
+          switchSectionType(editor, rowElm, data.type);
+        }
+        var modifier = isSingleRow ? DomModifier.normal(editor, rowElm) : DomModifier.ifTruthy(editor, rowElm);
+        updateSimpleProps$1(modifier, data);
+        if (hasAdvancedRowTab(editor)) {
+          updateAdvancedProps$1(modifier, data);
+        }
+        if (data.align !== oldData.align) {
+          unApplyAlign(editor, rowElm);
+          applyAlign(editor, rowElm, data.align);
+        }
+      });
+      table(SugarElement.fromDom(rows[0])).each(function (table) {
+        return fireTableModified(editor, table.dom);
+      });
+    };
+    var onSubmitRowForm = function (editor, rows, oldData, api) {
+      var data = api.getData();
+      api.close();
+      editor.undoManager.transact(function () {
+        applyRowData(editor, rows, oldData, data);
+        editor.focus();
+      });
+    };
+    var open$1 = function (editor) {
+      var rows = getRowsFromSelection(getSelectionStart(editor), ephemera.selected);
+      if (rows.length === 0) {
+        return;
+      }
+      var rowsData = map(rows, function (rowElm) {
+        return extractDataFromRowElement(editor, rowElm.dom, hasAdvancedRowTab(editor));
+      });
+      var data = getSharedValues(rowsData);
+      var dialogTabPanel = {
+        type: 'tabpanel',
+        tabs: [
+          {
+            title: 'General',
+            name: 'general',
+            items: getItems$1(editor)
+          },
+          getAdvancedTab('row')
+        ]
+      };
+      var dialogPanel = {
+        type: 'panel',
+        items: [{
+            type: 'grid',
+            columns: 2,
+            items: getItems$1(editor)
+          }]
+      };
+      editor.windowManager.open({
+        title: 'Row Properties',
+        size: 'normal',
+        body: hasAdvancedRowTab(editor) ? dialogTabPanel : dialogPanel,
+        buttons: [
+          {
+            type: 'cancel',
+            name: 'cancel',
+            text: 'Cancel'
+          },
+          {
+            type: 'submit',
+            name: 'save',
+            text: 'Save',
+            primary: true
+          }
+        ],
+        initialData: data,
+        onSubmit: curry(onSubmitRowForm, editor, map(rows, function (r) {
+          return r.dom;
+        }), data)
+      });
+    };
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var getItems$2 = function (editor, classes, insertNewTable) {
+      var rowColCountItems = !insertNewTable ? [] : [
+        {
+          type: 'input',
+          name: 'cols',
+          label: 'Cols',
+          inputMode: 'numeric'
+        },
+        {
+          type: 'input',
+          name: 'rows',
+          label: 'Rows',
+          inputMode: 'numeric'
+        }
+      ];
+      var alwaysItems = [
+        {
+          type: 'input',
+          name: 'width',
+          label: 'Width'
+        },
+        {
+          type: 'input',
+          name: 'height',
+          label: 'Height'
+        }
+      ];
+      var appearanceItems = hasAppearanceOptions(editor) ? [
+        {
+          type: 'input',
+          name: 'cellspacing',
+          label: 'Cell spacing',
+          inputMode: 'numeric'
+        },
+        {
+          type: 'input',
+          name: 'cellpadding',
+          label: 'Cell padding',
+          inputMode: 'numeric'
+        },
+        {
+          type: 'input',
+          name: 'border',
+          label: 'Border width'
+        },
+        {
+          type: 'label',
+          label: 'Caption',
+          items: [{
+              type: 'checkbox',
+              name: 'caption',
+              label: 'Show caption'
+            }]
+        }
+      ] : [];
+      var alignmentItem = [{
+          type: 'listbox',
+          name: 'align',
+          label: 'Alignment',
+          items: [
+            {
+              text: 'None',
+              value: ''
+            },
+            {
+              text: 'Left',
+              value: 'left'
+            },
+            {
+              text: 'Center',
+              value: 'center'
+            },
+            {
+              text: 'Right',
+              value: 'right'
+            }
+          ]
+        }];
+      var classListItem = classes.length > 0 ? [{
+          type: 'listbox',
+          name: 'class',
+          label: 'Class',
+          items: classes
+        }] : [];
+      return rowColCountItems.concat(alwaysItems).concat(appearanceItems).concat(alignmentItem).concat(classListItem);
+    };
+
+    var styleTDTH = function (dom, elm, name, value) {
+      if (elm.tagName === 'TD' || elm.tagName === 'TH') {
+        if (isString(name)) {
+          dom.setStyle(elm, name, value);
+        } else {
+          dom.setStyle(elm, name);
+        }
+      } else {
+        if (elm.children) {
+          for (var i = 0; i < elm.children.length; i++) {
+            styleTDTH(dom, elm.children[i], name, value);
+          }
+        }
+      }
+    };
+    var applyDataToElement = function (editor, tableElm, data) {
+      var dom = editor.dom;
+      var attrs = {};
+      var styles = {};
+      attrs.class = data.class;
+      styles.height = addPxSuffix(data.height);
+      if (dom.getAttrib(tableElm, 'width') && !shouldStyleWithCss(editor)) {
+        attrs.width = removePxSuffix(data.width);
+      } else {
+        styles.width = addPxSuffix(data.width);
+      }
+      if (shouldStyleWithCss(editor)) {
+        styles['border-width'] = addPxSuffix(data.border);
+        styles['border-spacing'] = addPxSuffix(data.cellspacing);
+      } else {
+        attrs.border = data.border;
+        attrs.cellpadding = data.cellpadding;
+        attrs.cellspacing = data.cellspacing;
+      }
+      if (shouldStyleWithCss(editor) && tableElm.children) {
+        for (var i = 0; i < tableElm.children.length; i++) {
+          styleTDTH(dom, tableElm.children[i], {
+            'border-width': addPxSuffix(data.border),
+            'padding': addPxSuffix(data.cellpadding)
+          });
+          if (hasAdvancedTableTab(editor)) {
+            styleTDTH(dom, tableElm.children[i], { 'border-color': data.bordercolor });
+          }
+        }
+      }
+      if (hasAdvancedTableTab(editor)) {
+        styles['background-color'] = data.backgroundcolor;
+        styles['border-color'] = data.bordercolor;
+        styles['border-style'] = data.borderstyle;
+      }
+      attrs.style = dom.serializeStyle(__assign(__assign({}, getDefaultStyles(editor)), styles));
+      dom.setAttribs(tableElm, __assign(__assign({}, getDefaultAttributes(editor)), attrs));
+      fireTableModified(editor, tableElm);
+    };
+    var onSubmitTableForm = function (editor, tableElm, api) {
+      var dom = editor.dom;
+      var captionElm;
+      var data = api.getData();
+      api.close();
+      if (data.class === '') {
+        delete data.class;
+      }
+      editor.undoManager.transact(function () {
+        if (!tableElm) {
+          var cols = parseInt(data.cols, 10) || 1;
+          var rows = parseInt(data.rows, 10) || 1;
+          tableElm = insert$1(editor, cols, rows, 0, 0);
+        }
+        applyDataToElement(editor, tableElm, data);
+        captionElm = dom.select('caption', tableElm)[0];
+        if (captionElm && !data.caption) {
+          dom.remove(captionElm);
+        }
+        if (!captionElm && data.caption) {
+          captionElm = dom.create('caption');
+          captionElm.innerHTML = !global$2.ie ? '<br data-mce-bogus="1"/>' : nbsp;
+          tableElm.insertBefore(captionElm, tableElm.firstChild);
+        }
+        if (data.align === '') {
+          unApplyAlign(editor, tableElm);
+        } else {
+          applyAlign(editor, tableElm, data.align);
+        }
+        editor.focus();
+        editor.addVisual();
+      });
+    };
+    var open$2 = function (editor, insertNewTable) {
+      var dom = editor.dom;
+      var tableElm;
+      var data = extractDataFromSettings(editor, hasAdvancedTableTab(editor));
+      if (insertNewTable === false) {
+        tableElm = dom.getParent(editor.selection.getStart(), 'table');
+        if (tableElm) {
+          data = extractDataFromTableElement(editor, tableElm, hasAdvancedTableTab(editor));
+        } else {
+          if (hasAdvancedTableTab(editor)) {
+            data.borderstyle = '';
+            data.bordercolor = '';
+            data.backgroundcolor = '';
+          }
+        }
+      } else {
+        data.cols = '1';
+        data.rows = '1';
+        if (hasAdvancedTableTab(editor)) {
+          data.borderstyle = '';
+          data.bordercolor = '';
+          data.backgroundcolor = '';
+        }
+      }
+      var classes = buildListItems(getTableClassList(editor));
+      if (classes.length > 0) {
+        if (data.class) {
+          data.class = data.class.replace(/\s*mce\-item\-table\s*/g, '');
+        }
+      }
+      var generalPanel = {
+        type: 'grid',
+        columns: 2,
+        items: getItems$2(editor, classes, insertNewTable)
+      };
+      var nonAdvancedForm = function () {
+        return {
+          type: 'panel',
+          items: [generalPanel]
+        };
+      };
+      var advancedForm = function () {
+        return {
+          type: 'tabpanel',
+          tabs: [
+            {
+              title: 'General',
+              name: 'general',
+              items: [generalPanel]
+            },
+            getAdvancedTab('table')
+          ]
+        };
+      };
+      var dialogBody = hasAdvancedTableTab(editor) ? advancedForm() : nonAdvancedForm();
+      editor.windowManager.open({
+        title: 'Table Properties',
+        size: 'normal',
+        body: dialogBody,
+        onSubmit: curry(onSubmitTableForm, editor, tableElm),
+        buttons: [
+          {
+            type: 'cancel',
+            name: 'cancel',
+            text: 'Cancel'
+          },
+          {
+            type: 'submit',
+            name: 'save',
+            text: 'Save',
+            primary: true
+          }
+        ],
+        initialData: data
+      });
+    };
+
+    var getSelectionStartCellOrCaption$1 = function (editor) {
+      return getSelectionStartCellOrCaption(getSelectionStart(editor));
+    };
+    var getSelectionStartCell$1 = function (editor) {
+      return getSelectionStartCell(getSelectionStart(editor));
+    };
+    var registerCommands = function (editor, actions, cellSelection, selections, clipboard) {
+      var isRoot = getIsRoot(editor);
+      var eraseTable = function () {
+        return getSelectionStartCellOrCaption$1(editor).each(function (cellOrCaption) {
+          table(cellOrCaption, isRoot).filter(not(isRoot)).each(function (table) {
+            var cursor = SugarElement.fromText('');
+            after(table, cursor);
+            remove$2(table);
+            if (editor.dom.isEmpty(editor.getBody())) {
+              editor.setContent('');
+              editor.selection.setCursorLocation();
+            } else {
+              var rng = editor.dom.createRng();
+              rng.setStart(cursor.dom, 0);
+              rng.setEnd(cursor.dom, 0);
+              editor.selection.setRng(rng);
+              editor.nodeChanged();
+            }
+          });
+        });
+      };
+      var setSizingMode = function (sizing) {
+        return getSelectionStartCellOrCaption$1(editor).each(function (cellOrCaption) {
+          var isForcedSizing = isResponsiveForced(editor) || isPixelsForced(editor) || isPercentagesForced(editor);
+          if (!isForcedSizing) {
+            table(cellOrCaption, isRoot).each(function (table) {
+              if (sizing === 'relative' && !isPercentSizing$1(table)) {
+                enforcePercentage(editor, table);
+              } else if (sizing === 'fixed' && !isPixelSizing$1(table)) {
+                enforcePixels(editor, table);
+              } else if (sizing === 'responsive' && !isNoneSizing$1(table)) {
+                enforceNone(table);
+              }
+              removeDataStyle(table);
+              fireTableModified(editor, table.dom);
+            });
+          }
+        });
+      };
+      var getTableFromCell = function (cell) {
+        return table(cell, isRoot);
+      };
+      var postExecute = function (table) {
+        return function (rng) {
+          editor.selection.setRng(rng);
+          editor.focus();
+          cellSelection.clear(table);
+          removeDataStyle(table);
+          fireTableModified(editor, table.dom);
+        };
+      };
+      var actOnSelection = function (execute) {
+        return getSelectionStartCell$1(editor).each(function (cell) {
+          getTableFromCell(cell).each(function (table) {
+            var targets = forMenu(selections, table, cell);
+            execute(table, targets).each(postExecute(table));
+          });
+        });
+      };
+      var copyRowSelection = function () {
+        return getSelectionStartCell$1(editor).map(function (cell) {
+          return getTableFromCell(cell).bind(function (table) {
+            var targets = forMenu(selections, table, cell);
+            var generators = cellOperations(noop, SugarElement.fromDom(editor.getDoc()), Optional.none());
+            return copyRows(table, targets, generators);
+          });
+        });
+      };
+      var copyColSelection = function () {
+        return getSelectionStartCell$1(editor).map(function (cell) {
+          return getTableFromCell(cell).bind(function (table) {
+            var targets = forMenu(selections, table, cell);
+            return copyCols(table, targets);
+          });
+        });
+      };
+      var pasteOnSelection = function (execute, getRows) {
+        return getRows().each(function (rows) {
+          var clonedRows = map(rows, function (row) {
+            return deep(row);
+          });
+          getSelectionStartCell$1(editor).each(function (cell) {
+            return getTableFromCell(cell).each(function (table) {
+              var generators = paste(SugarElement.fromDom(editor.getDoc()));
+              var targets = pasteRows(selections, cell, clonedRows, generators);
+              execute(table, targets).each(postExecute(table));
+            });
+          });
+        });
+      };
+      each$1({
+        mceTableSplitCells: function () {
+          return actOnSelection(actions.unmergeCells);
+        },
+        mceTableMergeCells: function () {
+          return actOnSelection(actions.mergeCells);
+        },
+        mceTableInsertRowBefore: function () {
+          return actOnSelection(actions.insertRowsBefore);
+        },
+        mceTableInsertRowAfter: function () {
+          return actOnSelection(actions.insertRowsAfter);
+        },
+        mceTableInsertColBefore: function () {
+          return actOnSelection(actions.insertColumnsBefore);
+        },
+        mceTableInsertColAfter: function () {
+          return actOnSelection(actions.insertColumnsAfter);
+        },
+        mceTableDeleteCol: function () {
+          return actOnSelection(actions.deleteColumn);
+        },
+        mceTableDeleteRow: function () {
+          return actOnSelection(actions.deleteRow);
+        },
+        mceTableCutCol: function (_grid) {
+          return copyColSelection().each(function (selection) {
+            clipboard.setColumns(selection);
+            actOnSelection(actions.deleteColumn);
+          });
+        },
+        mceTableCutRow: function (_grid) {
+          return copyRowSelection().each(function (selection) {
+            clipboard.setRows(selection);
+            actOnSelection(actions.deleteRow);
+          });
+        },
+        mceTableCopyCol: function (_grid) {
+          return copyColSelection().each(function (selection) {
+            return clipboard.setColumns(selection);
+          });
+        },
+        mceTableCopyRow: function (_grid) {
+          return copyRowSelection().each(function (selection) {
+            return clipboard.setRows(selection);
+          });
+        },
+        mceTablePasteColBefore: function (_grid) {
+          return pasteOnSelection(actions.pasteColsBefore, clipboard.getColumns);
+        },
+        mceTablePasteColAfter: function (_grid) {
+          return pasteOnSelection(actions.pasteColsAfter, clipboard.getColumns);
+        },
+        mceTablePasteRowBefore: function (_grid) {
+          return pasteOnSelection(actions.pasteRowsBefore, clipboard.getRows);
+        },
+        mceTablePasteRowAfter: function (_grid) {
+          return pasteOnSelection(actions.pasteRowsAfter, clipboard.getRows);
+        },
+        mceTableDelete: eraseTable,
+        mceTableSizingMode: function (ui, sizing) {
+          return setSizingMode(sizing);
+        }
+      }, function (func, name) {
+        return editor.addCommand(name, func);
+      });
+      var fireTableModifiedForSelection = function (editor, tableOpt) {
+        tableOpt.each(function (table) {
+          fireTableModified(editor, table.dom);
+        });
+      };
+      each$1({
+        mceTableCellType: function (_ui, args) {
+          var tableOpt = table(getSelectionStart(editor), isRoot);
+          actions.setTableCellType(editor, args);
+          fireTableModifiedForSelection(editor, tableOpt);
+        },
+        mceTableRowType: function (_ui, args) {
+          var tableOpt = table(getSelectionStart(editor), isRoot);
+          actions.setTableRowType(editor, args);
+          fireTableModifiedForSelection(editor, tableOpt);
+        }
+      }, function (func, name) {
+        return editor.addCommand(name, func);
+      });
+      editor.addCommand('mceTableColType', function (_ui, args) {
+        return get$1(args, 'type').each(function (type) {
+          return actOnSelection(type === 'th' ? actions.makeColumnsHeader : actions.unmakeColumnsHeader);
+        });
+      });
+      each$1({
+        mceTableProps: curry(open$2, editor, false),
+        mceTableRowProps: curry(open$1, editor),
+        mceTableCellProps: curry(open, editor, selections)
+      }, function (func, name) {
+        return editor.addCommand(name, function () {
+          return func();
+        });
+      });
+      editor.addCommand('mceInsertTable', function (_ui, args) {
+        if (isObject(args) && keys(args).length > 0) {
+          insertTableWithDataValidation(editor, args.rows, args.columns, args.options, 'Invalid values for mceInsertTable - rows and columns values are required to insert a table.');
+        } else {
+          open$2(editor, true);
+        }
+      });
+      editor.addCommand('mceTableApplyCellStyle', function (_ui, args) {
+        var getFormatName = function (style) {
+          return 'tablecell' + style.toLowerCase().replace('-', '');
+        };
+        if (!isObject(args)) {
+          return;
+        }
+        var cells = getCellsFromSelection(getSelectionStart(editor), selections);
+        if (cells.length === 0) {
+          return;
+        }
+        var validArgs = filter$1(args, function (value, style) {
+          return editor.formatter.has(getFormatName(style)) && isString(value);
+        });
+        if (isEmpty(validArgs)) {
+          return;
+        }
+        each$1(validArgs, function (value, style) {
+          each(cells, function (cell) {
+            DomModifier.normal(editor, cell.dom).setFormat(getFormatName(style), value);
+          });
+        });
+        getTableFromCell(cells[0]).each(function (table) {
+          return fireTableModified(editor, table.dom, {
+            structure: false,
+            style: true
+          });
+        });
+      });
+    };
+
+    var registerQueryCommands = function (editor, actions, selections) {
+      var isRoot = getIsRoot(editor);
+      var getTableFromCell = function (cell) {
+        return table(cell, isRoot);
+      };
+      each$1({
+        mceTableRowType: function () {
+          return actions.getTableRowType(editor);
+        },
+        mceTableCellType: function () {
+          return actions.getTableCellType(editor);
+        },
+        mceTableColType: function () {
+          return getSelectionStartCell(getSelectionStart(editor)).bind(function (cell) {
+            return getTableFromCell(cell).map(function (table) {
+              var targets = forMenu(selections, table, cell);
+              return actions.getTableColType(table, targets);
+            });
+          }).getOr('');
+        }
+      }, function (func, name) {
+        return editor.addQueryValueHandler(name, func);
+      });
+    };
+
+    var Clipboard = function () {
+      var rows = Cell(Optional.none());
+      var cols = Cell(Optional.none());
+      var clearClipboard = function (clipboard) {
+        clipboard.set(Optional.none());
+      };
+      return {
+        getRows: rows.get,
+        setRows: function (r) {
+          rows.set(r);
+          clearClipboard(cols);
+        },
+        clearRows: function () {
+          return clearClipboard(rows);
+        },
+        getColumns: cols.get,
+        setColumns: function (c) {
+          cols.set(c);
+          clearClipboard(rows);
+        },
+        clearColumns: function () {
+          return clearClipboard(cols);
+        }
+      };
+    };
+
+    var cellFormats = {
+      tablecellbackgroundcolor: {
+        selector: 'td,th',
+        styles: { backgroundColor: '%value' },
+        remove_similar: true
+      },
+      tablecellbordercolor: {
+        selector: 'td,th',
+        styles: { borderColor: '%value' },
+        remove_similar: true
+      },
+      tablecellborderstyle: {
+        selector: 'td,th',
+        styles: { borderStyle: '%value' },
+        remove_similar: true
+      },
+      tablecellborderwidth: {
+        selector: 'td,th',
+        styles: { borderWidth: '%value' },
+        remove_similar: true
+      }
+    };
+    var registerFormats = function (editor) {
+      editor.formatter.register(cellFormats);
+    };
+
+    var adt$2 = Adt.generate([
+      { none: ['current'] },
+      { first: ['current'] },
+      {
+        middle: [
+          'current',
+          'target'
+        ]
+      },
+      { last: ['current'] }
+    ]);
+    var none$2 = function (current) {
+      if (current === void 0) {
+        current = undefined;
+      }
+      return adt$2.none(current);
+    };
+    var CellLocation = __assign(__assign({}, adt$2), { none: none$2 });
+
+    var detect$5 = function (current, isRoot) {
+      return table(current, isRoot).bind(function (table) {
+        var all = cells(table);
+        var index = findIndex(all, function (x) {
+          return eq$1(current, x);
+        });
+        return index.map(function (index) {
+          return {
+            index: index,
+            all: all
+          };
+        });
+      });
+    };
+    var next = function (current, isRoot) {
+      var detection = detect$5(current, isRoot);
+      return detection.fold(function () {
+        return CellLocation.none(current);
+      }, function (info) {
+        return info.index + 1 < info.all.length ? CellLocation.middle(current, info.all[info.index + 1]) : CellLocation.last(current);
+      });
+    };
+    var prev = function (current, isRoot) {
+      var detection = detect$5(current, isRoot);
+      return detection.fold(function () {
+        return CellLocation.none();
+      }, function (info) {
+        return info.index - 1 >= 0 ? CellLocation.middle(current, info.all[info.index - 1]) : CellLocation.first(current);
+      });
+    };
+
+    var create$2 = function (start, soffset, finish, foffset) {
+      return {
+        start: start,
+        soffset: soffset,
+        finish: finish,
+        foffset: foffset
+      };
+    };
+    var SimRange = { create: create$2 };
+
+    var adt$3 = Adt.generate([
+      { before: ['element'] },
+      {
+        on: [
+          'element',
+          'offset'
+        ]
+      },
+      { after: ['element'] }
+    ]);
+    var cata$1 = function (subject, onBefore, onOn, onAfter) {
+      return subject.fold(onBefore, onOn, onAfter);
+    };
+    var getStart = function (situ) {
+      return situ.fold(identity, identity, identity);
+    };
+    var before$2 = adt$3.before;
+    var on = adt$3.on;
+    var after$2 = adt$3.after;
+    var Situ = {
+      before: before$2,
+      on: on,
+      after: after$2,
+      cata: cata$1,
+      getStart: getStart
+    };
+
+    var adt$4 = Adt.generate([
+      { domRange: ['rng'] },
+      {
+        relative: [
+          'startSitu',
+          'finishSitu'
+        ]
+      },
+      {
+        exact: [
+          'start',
+          'soffset',
+          'finish',
+          'foffset'
+        ]
+      }
+    ]);
+    var exactFromRange = function (simRange) {
+      return adt$4.exact(simRange.start, simRange.soffset, simRange.finish, simRange.foffset);
+    };
+    var getStart$1 = function (selection) {
+      return selection.match({
+        domRange: function (rng) {
+          return SugarElement.fromDom(rng.startContainer);
+        },
+        relative: function (startSitu, _finishSitu) {
+          return Situ.getStart(startSitu);
+        },
+        exact: function (start, _soffset, _finish, _foffset) {
+          return start;
+        }
+      });
+    };
+    var domRange = adt$4.domRange;
+    var relative = adt$4.relative;
+    var exact = adt$4.exact;
+    var getWin = function (selection) {
+      var start = getStart$1(selection);
+      return defaultView(start);
+    };
+    var range$1 = SimRange.create;
+    var SimSelection = {
+      domRange: domRange,
+      relative: relative,
+      exact: exact,
+      exactFromRange: exactFromRange,
+      getWin: getWin,
+      range: range$1
+    };
+
+    var selectNodeContents = function (win, element) {
+      var rng = win.document.createRange();
+      selectNodeContentsUsing(rng, element);
+      return rng;
+    };
+    var selectNodeContentsUsing = function (rng, element) {
+      return rng.selectNodeContents(element.dom);
+    };
+    var setStart = function (rng, situ) {
+      situ.fold(function (e) {
+        rng.setStartBefore(e.dom);
+      }, function (e, o) {
+        rng.setStart(e.dom, o);
+      }, function (e) {
+        rng.setStartAfter(e.dom);
+      });
+    };
+    var setFinish = function (rng, situ) {
+      situ.fold(function (e) {
+        rng.setEndBefore(e.dom);
+      }, function (e, o) {
+        rng.setEnd(e.dom, o);
+      }, function (e) {
+        rng.setEndAfter(e.dom);
+      });
+    };
+    var relativeToNative = function (win, startSitu, finishSitu) {
+      var range = win.document.createRange();
+      setStart(range, startSitu);
+      setFinish(range, finishSitu);
+      return range;
+    };
+    var exactToNative = function (win, start, soffset, finish, foffset) {
+      var rng = win.document.createRange();
+      rng.setStart(start.dom, soffset);
+      rng.setEnd(finish.dom, foffset);
+      return rng;
+    };
+    var toRect = function (rect) {
+      return {
+        left: rect.left,
+        top: rect.top,
+        right: rect.right,
+        bottom: rect.bottom,
+        width: rect.width,
+        height: rect.height
+      };
+    };
+    var getFirstRect = function (rng) {
+      var rects = rng.getClientRects();
+      var rect = rects.length > 0 ? rects[0] : rng.getBoundingClientRect();
+      return rect.width > 0 || rect.height > 0 ? Optional.some(rect).map(toRect) : Optional.none();
+    };
+
+    var adt$5 = Adt.generate([
+      {
+        ltr: [
+          'start',
+          'soffset',
+          'finish',
+          'foffset'
+        ]
+      },
+      {
+        rtl: [
+          'start',
+          'soffset',
+          'finish',
+          'foffset'
+        ]
+      }
+    ]);
+    var fromRange = function (win, type, range) {
+      return type(SugarElement.fromDom(range.startContainer), range.startOffset, SugarElement.fromDom(range.endContainer), range.endOffset);
+    };
+    var getRanges = function (win, selection) {
+      return selection.match({
+        domRange: function (rng) {
+          return {
+            ltr: constant(rng),
+            rtl: Optional.none
+          };
+        },
+        relative: function (startSitu, finishSitu) {
+          return {
+            ltr: cached(function () {
+              return relativeToNative(win, startSitu, finishSitu);
+            }),
+            rtl: cached(function () {
+              return Optional.some(relativeToNative(win, finishSitu, startSitu));
+            })
+          };
+        },
+        exact: function (start, soffset, finish, foffset) {
+          return {
+            ltr: cached(function () {
+              return exactToNative(win, start, soffset, finish, foffset);
+            }),
+            rtl: cached(function () {
+              return Optional.some(exactToNative(win, finish, foffset, start, soffset));
+            })
+          };
+        }
+      });
+    };
+    var doDiagnose = function (win, ranges) {
+      var rng = ranges.ltr();
+      if (rng.collapsed) {
+        var reversed = ranges.rtl().filter(function (rev) {
+          return rev.collapsed === false;
+        });
+        return reversed.map(function (rev) {
+          return adt$5.rtl(SugarElement.fromDom(rev.endContainer), rev.endOffset, SugarElement.fromDom(rev.startContainer), rev.startOffset);
+        }).getOrThunk(function () {
+          return fromRange(win, adt$5.ltr, rng);
+        });
+      } else {
+        return fromRange(win, adt$5.ltr, rng);
+      }
+    };
+    var diagnose = function (win, selection) {
+      var ranges = getRanges(win, selection);
+      return doDiagnose(win, ranges);
+    };
+    var asLtrRange = function (win, selection) {
+      var diagnosis = diagnose(win, selection);
+      return diagnosis.match({
+        ltr: function (start, soffset, finish, foffset) {
+          var rng = win.document.createRange();
+          rng.setStart(start.dom, soffset);
+          rng.setEnd(finish.dom, foffset);
+          return rng;
+        },
+        rtl: function (start, soffset, finish, foffset) {
+          var rng = win.document.createRange();
+          rng.setStart(finish.dom, foffset);
+          rng.setEnd(start.dom, soffset);
+          return rng;
+        }
+      });
+    };
+    var ltr$1 = adt$5.ltr;
+    var rtl$1 = adt$5.rtl;
+
+    var searchForPoint = function (rectForOffset, x, y, maxX, length) {
+      if (length === 0) {
+        return 0;
+      } else if (x === maxX) {
+        return length - 1;
+      }
+      var xDelta = maxX;
+      for (var i = 1; i < length; i++) {
+        var rect = rectForOffset(i);
+        var curDeltaX = Math.abs(x - rect.left);
+        if (y <= rect.bottom) {
+          if (y < rect.top || curDeltaX > xDelta) {
+            return i - 1;
+          } else {
+            xDelta = curDeltaX;
+          }
+        }
+      }
+      return 0;
+    };
+    var inRect = function (rect, x, y) {
+      return x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom;
+    };
+
+    var locateOffset = function (doc, textnode, x, y, rect) {
+      var rangeForOffset = function (o) {
+        var r = doc.dom.createRange();
+        r.setStart(textnode.dom, o);
+        r.collapse(true);
+        return r;
+      };
+      var rectForOffset = function (o) {
+        var r = rangeForOffset(o);
+        return r.getBoundingClientRect();
+      };
+      var length = get$4(textnode).length;
+      var offset = searchForPoint(rectForOffset, x, y, rect.right, length);
+      return rangeForOffset(offset);
+    };
+    var locate = function (doc, node, x, y) {
+      var r = doc.dom.createRange();
+      r.selectNode(node.dom);
+      var rects = r.getClientRects();
+      var foundRect = findMap(rects, function (rect) {
+        return inRect(rect, x, y) ? Optional.some(rect) : Optional.none();
+      });
+      return foundRect.map(function (rect) {
+        return locateOffset(doc, node, x, y, rect);
+      });
+    };
+
+    var searchInChildren = function (doc, node, x, y) {
+      var r = doc.dom.createRange();
+      var nodes = children(node);
+      return findMap(nodes, function (n) {
+        r.selectNode(n.dom);
+        return inRect(r.getBoundingClientRect(), x, y) ? locateNode(doc, n, x, y) : Optional.none();
+      });
+    };
+    var locateNode = function (doc, node, x, y) {
+      return isText(node) ? locate(doc, node, x, y) : searchInChildren(doc, node, x, y);
+    };
+    var locate$1 = function (doc, node, x, y) {
+      var r = doc.dom.createRange();
+      r.selectNode(node.dom);
+      var rect = r.getBoundingClientRect();
+      var boundedX = Math.max(rect.left, Math.min(rect.right, x));
+      var boundedY = Math.max(rect.top, Math.min(rect.bottom, y));
+      return locateNode(doc, node, boundedX, boundedY);
+    };
+
+    var COLLAPSE_TO_LEFT = true;
+    var COLLAPSE_TO_RIGHT = false;
+    var getCollapseDirection = function (rect, x) {
+      return x - rect.left < rect.right - x ? COLLAPSE_TO_LEFT : COLLAPSE_TO_RIGHT;
+    };
+    var createCollapsedNode = function (doc, target, collapseDirection) {
+      var r = doc.dom.createRange();
+      r.selectNode(target.dom);
+      r.collapse(collapseDirection);
+      return r;
+    };
+    var locateInElement = function (doc, node, x) {
+      var cursorRange = doc.dom.createRange();
+      cursorRange.selectNode(node.dom);
+      var rect = cursorRange.getBoundingClientRect();
+      var collapseDirection = getCollapseDirection(rect, x);
+      var f = collapseDirection === COLLAPSE_TO_LEFT ? first : last$1;
+      return f(node).map(function (target) {
+        return createCollapsedNode(doc, target, collapseDirection);
+      });
+    };
+    var locateInEmpty = function (doc, node, x) {
+      var rect = node.dom.getBoundingClientRect();
+      var collapseDirection = getCollapseDirection(rect, x);
+      return Optional.some(createCollapsedNode(doc, node, collapseDirection));
+    };
+    var search = function (doc, node, x) {
+      var f = children(node).length === 0 ? locateInEmpty : locateInElement;
+      return f(doc, node, x);
+    };
+
+    var caretPositionFromPoint = function (doc, x, y) {
+      return Optional.from(doc.dom.caretPositionFromPoint(x, y)).bind(function (pos) {
+        if (pos.offsetNode === null) {
+          return Optional.none();
+        }
+        var r = doc.dom.createRange();
+        r.setStart(pos.offsetNode, pos.offset);
+        r.collapse();
+        return Optional.some(r);
+      });
+    };
+    var caretRangeFromPoint = function (doc, x, y) {
+      return Optional.from(doc.dom.caretRangeFromPoint(x, y));
+    };
+    var searchTextNodes = function (doc, node, x, y) {
+      var r = doc.dom.createRange();
+      r.selectNode(node.dom);
+      var rect = r.getBoundingClientRect();
+      var boundedX = Math.max(rect.left, Math.min(rect.right, x));
+      var boundedY = Math.max(rect.top, Math.min(rect.bottom, y));
+      return locate$1(doc, node, boundedX, boundedY);
+    };
+    var searchFromPoint = function (doc, x, y) {
+      return SugarElement.fromPoint(doc, x, y).bind(function (elem) {
+        var fallback = function () {
+          return search(doc, elem, x);
+        };
+        return children(elem).length === 0 ? fallback() : searchTextNodes(doc, elem, x, y).orThunk(fallback);
+      });
+    };
+    var availableSearch = function () {
+      if (document.caretPositionFromPoint) {
+        return caretPositionFromPoint;
+      } else if (document.caretRangeFromPoint) {
+        return caretRangeFromPoint;
+      } else {
+        return searchFromPoint;
+      }
+    }();
+    var fromPoint$1 = function (win, x, y) {
+      var doc = SugarElement.fromDom(win.document);
+      return availableSearch(doc, x, y).map(function (rng) {
+        return SimRange.create(SugarElement.fromDom(rng.startContainer), rng.startOffset, SugarElement.fromDom(rng.endContainer), rng.endOffset);
+      });
+    };
+
+    var beforeSpecial = function (element, offset) {
+      var name$1 = name(element);
+      if ('input' === name$1) {
+        return Situ.after(element);
+      } else if (!contains([
+          'br',
+          'img'
+        ], name$1)) {
+        return Situ.on(element, offset);
+      } else {
+        return offset === 0 ? Situ.before(element) : Situ.after(element);
+      }
+    };
+    var preprocessRelative = function (startSitu, finishSitu) {
+      var start = startSitu.fold(Situ.before, beforeSpecial, Situ.after);
+      var finish = finishSitu.fold(Situ.before, beforeSpecial, Situ.after);
+      return SimSelection.relative(start, finish);
+    };
+    var preprocessExact = function (start, soffset, finish, foffset) {
+      var startSitu = beforeSpecial(start, soffset);
+      var finishSitu = beforeSpecial(finish, foffset);
+      return SimSelection.relative(startSitu, finishSitu);
+    };
+    var preprocess = function (selection) {
+      return selection.match({
+        domRange: function (rng) {
+          var start = SugarElement.fromDom(rng.startContainer);
+          var finish = SugarElement.fromDom(rng.endContainer);
+          return preprocessExact(start, rng.startOffset, finish, rng.endOffset);
+        },
+        relative: preprocessRelative,
+        exact: preprocessExact
+      });
+    };
+
+    var makeRange = function (start, soffset, finish, foffset) {
+      var doc = owner(start);
+      var rng = doc.dom.createRange();
+      rng.setStart(start.dom, soffset);
+      rng.setEnd(finish.dom, foffset);
+      return rng;
+    };
+    var after$3 = function (start, soffset, finish, foffset) {
+      var r = makeRange(start, soffset, finish, foffset);
+      var same = eq$1(start, finish) && soffset === foffset;
+      return r.collapsed && !same;
+    };
+
+    var getNativeSelection = function (win) {
+      return Optional.from(win.getSelection());
+    };
+    var doSetNativeRange = function (win, rng) {
+      getNativeSelection(win).each(function (selection) {
+        selection.removeAllRanges();
+        selection.addRange(rng);
+      });
+    };
+    var doSetRange = function (win, start, soffset, finish, foffset) {
+      var rng = exactToNative(win, start, soffset, finish, foffset);
+      doSetNativeRange(win, rng);
+    };
+    var setLegacyRtlRange = function (win, selection, start, soffset, finish, foffset) {
+      selection.collapse(start.dom, soffset);
+      selection.extend(finish.dom, foffset);
+    };
+    var setRangeFromRelative = function (win, relative) {
+      return diagnose(win, relative).match({
+        ltr: function (start, soffset, finish, foffset) {
+          doSetRange(win, start, soffset, finish, foffset);
+        },
+        rtl: function (start, soffset, finish, foffset) {
+          getNativeSelection(win).each(function (selection) {
+            if (selection.setBaseAndExtent) {
+              selection.setBaseAndExtent(start.dom, soffset, finish.dom, foffset);
+            } else if (selection.extend) {
+              try {
+                setLegacyRtlRange(win, selection, start, soffset, finish, foffset);
+              } catch (e) {
+                doSetRange(win, finish, foffset, start, soffset);
+              }
+            } else {
+              doSetRange(win, finish, foffset, start, soffset);
+            }
+          });
+        }
+      });
+    };
+    var setExact = function (win, start, soffset, finish, foffset) {
+      var relative = preprocessExact(start, soffset, finish, foffset);
+      setRangeFromRelative(win, relative);
+    };
+    var setRelative = function (win, startSitu, finishSitu) {
+      var relative = preprocessRelative(startSitu, finishSitu);
+      setRangeFromRelative(win, relative);
+    };
+    var toNative = function (selection) {
+      var win = SimSelection.getWin(selection).dom;
+      var getDomRange = function (start, soffset, finish, foffset) {
+        return exactToNative(win, start, soffset, finish, foffset);
+      };
+      var filtered = preprocess(selection);
+      return diagnose(win, filtered).match({
+        ltr: getDomRange,
+        rtl: getDomRange
+      });
+    };
+    var readRange = function (selection) {
+      if (selection.rangeCount > 0) {
+        var firstRng = selection.getRangeAt(0);
+        var lastRng = selection.getRangeAt(selection.rangeCount - 1);
+        return Optional.some(SimRange.create(SugarElement.fromDom(firstRng.startContainer), firstRng.startOffset, SugarElement.fromDom(lastRng.endContainer), lastRng.endOffset));
+      } else {
+        return Optional.none();
+      }
+    };
+    var doGetExact = function (selection) {
+      if (selection.anchorNode === null || selection.focusNode === null) {
+        return readRange(selection);
+      } else {
+        var anchor = SugarElement.fromDom(selection.anchorNode);
+        var focus_1 = SugarElement.fromDom(selection.focusNode);
+        return after$3(anchor, selection.anchorOffset, focus_1, selection.focusOffset) ? Optional.some(SimRange.create(anchor, selection.anchorOffset, focus_1, selection.focusOffset)) : readRange(selection);
+      }
+    };
+    var setToElement = function (win, element) {
+      var rng = selectNodeContents(win, element);
+      doSetNativeRange(win, rng);
+    };
+    var getExact = function (win) {
+      return getNativeSelection(win).filter(function (sel) {
+        return sel.rangeCount > 0;
+      }).bind(doGetExact);
+    };
+    var get$c = function (win) {
+      return getExact(win).map(function (range) {
+        return SimSelection.exact(range.start, range.soffset, range.finish, range.foffset);
+      });
+    };
+    var getFirstRect$1 = function (win, selection) {
+      var rng = asLtrRange(win, selection);
+      return getFirstRect(rng);
+    };
+    var getAtPoint = function (win, x, y) {
+      return fromPoint$1(win, x, y);
+    };
+    var clear = function (win) {
+      getNativeSelection(win).each(function (selection) {
+        return selection.removeAllRanges();
+      });
+    };
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    var forward = function (editor, isRoot, cell, actions) {
+      return go(editor, isRoot, next(cell), actions);
+    };
+    var backward = function (editor, isRoot, cell, actions) {
+      return go(editor, isRoot, prev(cell), actions);
+    };
+    var getCellFirstCursorPosition = function (editor, cell) {
+      var selection = SimSelection.exact(cell, 0, cell, 0);
+      return toNative(selection);
+    };
+    var getNewRowCursorPosition = function (editor, table) {
+      var rows = descendants$1(table, 'tr');
+      return last(rows).bind(function (last) {
+        return descendant$1(last, 'td,th').map(function (first) {
+          return getCellFirstCursorPosition(editor, first);
+        });
+      });
+    };
+    var go = function (editor, isRoot, cell, actions) {
+      return cell.fold(Optional.none, Optional.none, function (current, next) {
+        return first(next).map(function (cell) {
+          return getCellFirstCursorPosition(editor, cell);
+        });
+      }, function (current) {
+        return table(current, isRoot).bind(function (table) {
+          var targets = noMenu(current);
+          editor.undoManager.transact(function () {
+            actions.insertRowsAfter(table, targets);
+          });
+          return getNewRowCursorPosition(editor, table);
+        });
+      });
+    };
+    var rootElements = [
+      'table',
+      'li',
+      'dl'
+    ];
+    var handle$1 = function (event, editor, actions) {
+      if (event.keyCode === global$3.TAB) {
+        var body_1 = getBody$1(editor);
+        var isRoot_1 = function (element) {
+          var name$1 = name(element);
+          return eq$1(element, body_1) || contains(rootElements, name$1);
+        };
+        var rng = editor.selection.getRng();
+        if (rng.collapsed) {
+          var start = SugarElement.fromDom(rng.startContainer);
+          cell(start, isRoot_1).each(function (cell) {
+            event.preventDefault();
+            var navigation = event.shiftKey ? backward : forward;
+            var rng = navigation(editor, isRoot_1, cell, actions);
+            rng.each(function (range) {
+              editor.selection.setRng(range);
+            });
+          });
+        }
+      }
+    };
+
+    var create$3 = function (selection, kill) {
+      return {
+        selection: selection,
+        kill: kill
+      };
+    };
+    var Response = { create: create$3 };
+
+    var create$4 = function (start, soffset, finish, foffset) {
+      return {
+        start: Situ.on(start, soffset),
+        finish: Situ.on(finish, foffset)
+      };
+    };
+    var Situs = { create: create$4 };
+
+    var convertToRange = function (win, selection) {
+      var rng = asLtrRange(win, selection);
+      return SimRange.create(SugarElement.fromDom(rng.startContainer), rng.startOffset, SugarElement.fromDom(rng.endContainer), rng.endOffset);
+    };
+    var makeSitus = Situs.create;
+
+    var sync = function (container, isRoot, start, soffset, finish, foffset, selectRange) {
+      if (!(eq$1(start, finish) && soffset === foffset)) {
+        return closest$1(start, 'td,th', isRoot).bind(function (s) {
+          return closest$1(finish, 'td,th', isRoot).bind(function (f) {
+            return detect$6(container, isRoot, s, f, selectRange);
+          });
+        });
+      } else {
+        return Optional.none();
+      }
+    };
+    var detect$6 = function (container, isRoot, start, finish, selectRange) {
+      if (!eq$1(start, finish)) {
+        return identify(start, finish, isRoot).bind(function (cellSel) {
+          var boxes = cellSel.boxes.getOr([]);
+          if (boxes.length > 0) {
+            selectRange(container, boxes, cellSel.start, cellSel.finish);
+            return Optional.some(Response.create(Optional.some(makeSitus(start, 0, start, getEnd(start))), true));
+          } else {
+            return Optional.none();
+          }
+        });
+      } else {
+        return Optional.none();
+      }
+    };
+    var update = function (rows, columns, container, selected, annotations) {
+      var updateSelection = function (newSels) {
+        annotations.clearBeforeUpdate(container);
+        annotations.selectRange(container, newSels.boxes, newSels.start, newSels.finish);
+        return newSels.boxes;
+      };
+      return shiftSelection(selected, rows, columns, annotations.firstSelectedSelector, annotations.lastSelectedSelector).map(updateSelection);
+    };
+
+    var traverse = function (item, mode) {
+      return {
+        item: item,
+        mode: mode
+      };
+    };
+    var backtrack = function (universe, item, _direction, transition) {
+      if (transition === void 0) {
+        transition = sidestep;
+      }
+      return universe.property().parent(item).map(function (p) {
+        return traverse(p, transition);
+      });
+    };
+    var sidestep = function (universe, item, direction, transition) {
+      if (transition === void 0) {
+        transition = advance;
+      }
+      return direction.sibling(universe, item).map(function (p) {
+        return traverse(p, transition);
+      });
+    };
+    var advance = function (universe, item, direction, transition) {
+      if (transition === void 0) {
+        transition = advance;
+      }
+      var children = universe.property().children(item);
+      var result = direction.first(children);
+      return result.map(function (r) {
+        return traverse(r, transition);
+      });
+    };
+    var successors = [
+      {
+        current: backtrack,
+        next: sidestep,
+        fallback: Optional.none()
+      },
+      {
+        current: sidestep,
+        next: advance,
+        fallback: Optional.some(backtrack)
+      },
+      {
+        current: advance,
+        next: advance,
+        fallback: Optional.some(sidestep)
+      }
+    ];
+    var go$1 = function (universe, item, mode, direction, rules) {
+      if (rules === void 0) {
+        rules = successors;
+      }
+      var ruleOpt = find(rules, function (succ) {
+        return succ.current === mode;
+      });
+      return ruleOpt.bind(function (rule) {
+        return rule.current(universe, item, direction, rule.next).orThunk(function () {
+          return rule.fallback.bind(function (fb) {
+            return go$1(universe, item, fb, direction);
+          });
+        });
+      });
+    };
+
+    var left = function () {
+      var sibling = function (universe, item) {
+        return universe.query().prevSibling(item);
+      };
+      var first = function (children) {
+        return children.length > 0 ? Optional.some(children[children.length - 1]) : Optional.none();
+      };
+      return {
+        sibling: sibling,
+        first: first
+      };
+    };
+    var right = function () {
+      var sibling = function (universe, item) {
+        return universe.query().nextSibling(item);
+      };
+      var first = function (children) {
+        return children.length > 0 ? Optional.some(children[0]) : Optional.none();
+      };
+      return {
+        sibling: sibling,
+        first: first
+      };
+    };
+    var Walkers = {
+      left: left,
+      right: right
+    };
+
+    var hone = function (universe, item, predicate, mode, direction, isRoot) {
+      var next = go$1(universe, item, mode, direction);
+      return next.bind(function (n) {
+        if (isRoot(n.item)) {
+          return Optional.none();
+        } else {
+          return predicate(n.item) ? Optional.some(n.item) : hone(universe, n.item, predicate, n.mode, direction, isRoot);
+        }
+      });
+    };
+    var left$1 = function (universe, item, predicate, isRoot) {
+      return hone(universe, item, predicate, sidestep, Walkers.left(), isRoot);
+    };
+    var right$1 = function (universe, item, predicate, isRoot) {
+      return hone(universe, item, predicate, sidestep, Walkers.right(), isRoot);
+    };
+
+    var isLeaf = function (universe) {
+      return function (element) {
+        return universe.property().children(element).length === 0;
+      };
+    };
+    var before$3 = function (universe, item, isRoot) {
+      return seekLeft(universe, item, isLeaf(universe), isRoot);
+    };
+    var after$4 = function (universe, item, isRoot) {
+      return seekRight(universe, item, isLeaf(universe), isRoot);
+    };
+    var seekLeft = left$1;
+    var seekRight = right$1;
+
+    var universe$3 = DomUniverse();
+    var before$4 = function (element, isRoot) {
+      return before$3(universe$3, element, isRoot);
+    };
+    var after$5 = function (element, isRoot) {
+      return after$4(universe$3, element, isRoot);
+    };
+    var seekLeft$1 = function (element, predicate, isRoot) {
+      return seekLeft(universe$3, element, predicate, isRoot);
+    };
+    var seekRight$1 = function (element, predicate, isRoot) {
+      return seekRight(universe$3, element, predicate, isRoot);
+    };
+
+    var ancestor$2 = function (scope, predicate, isRoot) {
+      return ancestor(scope, predicate, isRoot).isSome();
+    };
+
+    var adt$6 = Adt.generate([
+      { none: ['message'] },
+      { success: [] },
+      { failedUp: ['cell'] },
+      { failedDown: ['cell'] }
+    ]);
+    var isOverlapping = function (bridge, before, after) {
+      var beforeBounds = bridge.getRect(before);
+      var afterBounds = bridge.getRect(after);
+      return afterBounds.right > beforeBounds.left && afterBounds.left < beforeBounds.right;
+    };
+    var isRow = function (elem) {
+      return closest$1(elem, 'tr');
+    };
+    var verify = function (bridge, before, beforeOffset, after, afterOffset, failure, isRoot) {
+      return closest$1(after, 'td,th', isRoot).bind(function (afterCell) {
+        return closest$1(before, 'td,th', isRoot).map(function (beforeCell) {
+          if (!eq$1(afterCell, beforeCell)) {
+            return sharedOne$1(isRow, [
+              afterCell,
+              beforeCell
+            ]).fold(function () {
+              return isOverlapping(bridge, beforeCell, afterCell) ? adt$6.success() : failure(beforeCell);
+            }, function (_sharedRow) {
+              return failure(beforeCell);
+            });
+          } else {
+            return eq$1(after, afterCell) && getEnd(afterCell) === afterOffset ? failure(beforeCell) : adt$6.none('in same cell');
+          }
+        });
+      }).getOr(adt$6.none('default'));
+    };
+    var cata$2 = function (subject, onNone, onSuccess, onFailedUp, onFailedDown) {
+      return subject.fold(onNone, onSuccess, onFailedUp, onFailedDown);
+    };
+    var BeforeAfter = __assign(__assign({}, adt$6), {
+      verify: verify,
+      cata: cata$2
+    });
+
+    var inParent = function (parent, children, element, index) {
+      return {
+        parent: parent,
+        children: children,
+        element: element,
+        index: index
+      };
+    };
+    var indexInParent = function (element) {
+      return parent(element).bind(function (parent) {
+        var children$1 = children(parent);
+        return indexOf(children$1, element).map(function (index) {
+          return inParent(parent, children$1, element, index);
+        });
+      });
+    };
+    var indexOf = function (elements, element) {
+      return findIndex(elements, curry(eq$1, element));
+    };
+
+    var isBr = function (elem) {
+      return name(elem) === 'br';
+    };
+    var gatherer = function (cand, gather, isRoot) {
+      return gather(cand, isRoot).bind(function (target) {
+        return isText(target) && get$4(target).trim().length === 0 ? gatherer(target, gather, isRoot) : Optional.some(target);
+      });
+    };
+    var handleBr = function (isRoot, element, direction) {
+      return direction.traverse(element).orThunk(function () {
+        return gatherer(element, direction.gather, isRoot);
+      }).map(direction.relative);
+    };
+    var findBr = function (element, offset) {
+      return child(element, offset).filter(isBr).orThunk(function () {
+        return child(element, offset - 1).filter(isBr);
+      });
+    };
+    var handleParent = function (isRoot, element, offset, direction) {
+      return findBr(element, offset).bind(function (br) {
+        return direction.traverse(br).fold(function () {
+          return gatherer(br, direction.gather, isRoot).map(direction.relative);
+        }, function (adjacent) {
+          return indexInParent(adjacent).map(function (info) {
+            return Situ.on(info.parent, info.index);
+          });
+        });
+      });
+    };
+    var tryBr = function (isRoot, element, offset, direction) {
+      var target = isBr(element) ? handleBr(isRoot, element, direction) : handleParent(isRoot, element, offset, direction);
+      return target.map(function (tgt) {
+        return {
+          start: tgt,
+          finish: tgt
+        };
+      });
+    };
+    var process = function (analysis) {
+      return BeforeAfter.cata(analysis, function (_message) {
+        return Optional.none();
+      }, function () {
+        return Optional.none();
+      }, function (cell) {
+        return Optional.some(point(cell, 0));
+      }, function (cell) {
+        return Optional.some(point(cell, getEnd(cell)));
+      });
+    };
+
+    var moveDown = function (caret, amount) {
+      return {
+        left: caret.left,
+        top: caret.top + amount,
+        right: caret.right,
+        bottom: caret.bottom + amount
+      };
+    };
+    var moveUp = function (caret, amount) {
+      return {
+        left: caret.left,
+        top: caret.top - amount,
+        right: caret.right,
+        bottom: caret.bottom - amount
+      };
+    };
+    var translate = function (caret, xDelta, yDelta) {
+      return {
+        left: caret.left + xDelta,
+        top: caret.top + yDelta,
+        right: caret.right + xDelta,
+        bottom: caret.bottom + yDelta
+      };
+    };
+    var getTop$1 = function (caret) {
+      return caret.top;
+    };
+    var getBottom = function (caret) {
+      return caret.bottom;
+    };
+
+    var getPartialBox = function (bridge, element, offset) {
+      if (offset >= 0 && offset < getEnd(element)) {
+        return bridge.getRangedRect(element, offset, element, offset + 1);
+      } else if (offset > 0) {
+        return bridge.getRangedRect(element, offset - 1, element, offset);
+      }
+      return Optional.none();
+    };
+    var toCaret = function (rect) {
+      return {
+        left: rect.left,
+        top: rect.top,
+        right: rect.right,
+        bottom: rect.bottom
+      };
+    };
+    var getElemBox = function (bridge, element) {
+      return Optional.some(bridge.getRect(element));
+    };
+    var getBoxAt = function (bridge, element, offset) {
+      if (isElement(element)) {
+        return getElemBox(bridge, element).map(toCaret);
+      } else if (isText(element)) {
+        return getPartialBox(bridge, element, offset).map(toCaret);
+      } else {
+        return Optional.none();
+      }
+    };
+    var getEntireBox = function (bridge, element) {
+      if (isElement(element)) {
+        return getElemBox(bridge, element).map(toCaret);
+      } else if (isText(element)) {
+        return bridge.getRangedRect(element, 0, element, getEnd(element)).map(toCaret);
+      } else {
+        return Optional.none();
+      }
+    };
+
+    var JUMP_SIZE = 5;
+    var NUM_RETRIES = 100;
+    var adt$7 = Adt.generate([
+      { none: [] },
+      { retry: ['caret'] }
+    ]);
+    var isOutside = function (caret, box) {
+      return caret.left < box.left || Math.abs(box.right - caret.left) < 1 || caret.left > box.right;
+    };
+    var inOutsideBlock = function (bridge, element, caret) {
+      return closest(element, isBlock$1).fold(never, function (cell) {
+        return getEntireBox(bridge, cell).exists(function (box) {
+          return isOutside(caret, box);
+        });
+      });
+    };
+    var adjustDown = function (bridge, element, guessBox, original, caret) {
+      var lowerCaret = moveDown(caret, JUMP_SIZE);
+      if (Math.abs(guessBox.bottom - original.bottom) < 1) {
+        return adt$7.retry(lowerCaret);
+      } else if (guessBox.top > caret.bottom) {
+        return adt$7.retry(lowerCaret);
+      } else if (guessBox.top === caret.bottom) {
+        return adt$7.retry(moveDown(caret, 1));
+      } else {
+        return inOutsideBlock(bridge, element, caret) ? adt$7.retry(translate(lowerCaret, JUMP_SIZE, 0)) : adt$7.none();
+      }
+    };
+    var adjustUp = function (bridge, element, guessBox, original, caret) {
+      var higherCaret = moveUp(caret, JUMP_SIZE);
+      if (Math.abs(guessBox.top - original.top) < 1) {
+        return adt$7.retry(higherCaret);
+      } else if (guessBox.bottom < caret.top) {
+        return adt$7.retry(higherCaret);
+      } else if (guessBox.bottom === caret.top) {
+        return adt$7.retry(moveUp(caret, 1));
+      } else {
+        return inOutsideBlock(bridge, element, caret) ? adt$7.retry(translate(higherCaret, JUMP_SIZE, 0)) : adt$7.none();
+      }
+    };
+    var upMovement = {
+      point: getTop$1,
+      adjuster: adjustUp,
+      move: moveUp,
+      gather: before$4
+    };
+    var downMovement = {
+      point: getBottom,
+      adjuster: adjustDown,
+      move: moveDown,
+      gather: after$5
+    };
+    var isAtTable = function (bridge, x, y) {
+      return bridge.elementFromPoint(x, y).filter(function (elm) {
+        return name(elm) === 'table';
+      }).isSome();
+    };
+    var adjustForTable = function (bridge, movement, original, caret, numRetries) {
+      return adjustTil(bridge, movement, original, movement.move(caret, JUMP_SIZE), numRetries);
+    };
+    var adjustTil = function (bridge, movement, original, caret, numRetries) {
+      if (numRetries === 0) {
+        return Optional.some(caret);
+      }
+      if (isAtTable(bridge, caret.left, movement.point(caret))) {
+        return adjustForTable(bridge, movement, original, caret, numRetries - 1);
+      }
+      return bridge.situsFromPoint(caret.left, movement.point(caret)).bind(function (guess) {
+        return guess.start.fold(Optional.none, function (element) {
+          return getEntireBox(bridge, element).bind(function (guessBox) {
+            return movement.adjuster(bridge, element, guessBox, original, caret).fold(Optional.none, function (newCaret) {
+              return adjustTil(bridge, movement, original, newCaret, numRetries - 1);
+            });
+          }).orThunk(function () {
+            return Optional.some(caret);
+          });
+        }, Optional.none);
+      });
+    };
+    var ieTryDown = function (bridge, caret) {
+      return bridge.situsFromPoint(caret.left, caret.bottom + JUMP_SIZE);
+    };
+    var ieTryUp = function (bridge, caret) {
+      return bridge.situsFromPoint(caret.left, caret.top - JUMP_SIZE);
+    };
+    var checkScroll = function (movement, adjusted, bridge) {
+      if (movement.point(adjusted) > bridge.getInnerHeight()) {
+        return Optional.some(movement.point(adjusted) - bridge.getInnerHeight());
+      } else if (movement.point(adjusted) < 0) {
+        return Optional.some(-movement.point(adjusted));
+      } else {
+        return Optional.none();
+      }
+    };
+    var retry = function (movement, bridge, caret) {
+      var moved = movement.move(caret, JUMP_SIZE);
+      var adjusted = adjustTil(bridge, movement, caret, moved, NUM_RETRIES).getOr(moved);
+      return checkScroll(movement, adjusted, bridge).fold(function () {
+        return bridge.situsFromPoint(adjusted.left, movement.point(adjusted));
+      }, function (delta) {
+        bridge.scrollBy(0, delta);
+        return bridge.situsFromPoint(adjusted.left, movement.point(adjusted) - delta);
+      });
+    };
+    var Retries = {
+      tryUp: curry(retry, upMovement),
+      tryDown: curry(retry, downMovement),
+      ieTryUp: ieTryUp,
+      ieTryDown: ieTryDown,
+      getJumpSize: constant(JUMP_SIZE)
+    };
+
+    var MAX_RETRIES = 20;
+    var findSpot = function (bridge, isRoot, direction) {
+      return bridge.getSelection().bind(function (sel) {
+        return tryBr(isRoot, sel.finish, sel.foffset, direction).fold(function () {
+          return Optional.some(point(sel.finish, sel.foffset));
+        }, function (brNeighbour) {
+          var range = bridge.fromSitus(brNeighbour);
+          var analysis = BeforeAfter.verify(bridge, sel.finish, sel.foffset, range.finish, range.foffset, direction.failure, isRoot);
+          return process(analysis);
+        });
+      });
+    };
+    var scan$1 = function (bridge, isRoot, element, offset, direction, numRetries) {
+      if (numRetries === 0) {
+        return Optional.none();
+      }
+      return tryCursor(bridge, isRoot, element, offset, direction).bind(function (situs) {
+        var range = bridge.fromSitus(situs);
+        var analysis = BeforeAfter.verify(bridge, element, offset, range.finish, range.foffset, direction.failure, isRoot);
+        return BeforeAfter.cata(analysis, function () {
+          return Optional.none();
+        }, function () {
+          return Optional.some(situs);
+        }, function (cell) {
+          if (eq$1(element, cell) && offset === 0) {
+            return tryAgain(bridge, element, offset, moveUp, direction);
+          } else {
+            return scan$1(bridge, isRoot, cell, 0, direction, numRetries - 1);
+          }
+        }, function (cell) {
+          if (eq$1(element, cell) && offset === getEnd(cell)) {
+            return tryAgain(bridge, element, offset, moveDown, direction);
+          } else {
+            return scan$1(bridge, isRoot, cell, getEnd(cell), direction, numRetries - 1);
+          }
+        });
+      });
+    };
+    var tryAgain = function (bridge, element, offset, move, direction) {
+      return getBoxAt(bridge, element, offset).bind(function (box) {
+        return tryAt(bridge, direction, move(box, Retries.getJumpSize()));
+      });
+    };
+    var tryAt = function (bridge, direction, box) {
+      var browser = detect$3().browser;
+      if (browser.isChrome() || browser.isSafari() || browser.isFirefox() || browser.isEdge()) {
+        return direction.otherRetry(bridge, box);
+      } else if (browser.isIE()) {
+        return direction.ieRetry(bridge, box);
+      } else {
+        return Optional.none();
+      }
+    };
+    var tryCursor = function (bridge, isRoot, element, offset, direction) {
+      return getBoxAt(bridge, element, offset).bind(function (box) {
+        return tryAt(bridge, direction, box);
+      });
+    };
+    var handle$2 = function (bridge, isRoot, direction) {
+      return findSpot(bridge, isRoot, direction).bind(function (spot) {
+        return scan$1(bridge, isRoot, spot.element, spot.offset, direction, MAX_RETRIES).map(bridge.fromSitus);
+      });
+    };
+
+    var inSameTable = function (elem, table) {
+      return ancestor$2(elem, function (e) {
+        return parent(e).exists(function (p) {
+          return eq$1(p, table);
+        });
+      });
+    };
+    var simulate = function (bridge, isRoot, direction, initial, anchor) {
+      return closest$1(initial, 'td,th', isRoot).bind(function (start) {
+        return closest$1(start, 'table', isRoot).bind(function (table) {
+          if (!inSameTable(anchor, table)) {
+            return Optional.none();
+          }
+          return handle$2(bridge, isRoot, direction).bind(function (range) {
+            return closest$1(range.finish, 'td,th', isRoot).map(function (finish) {
+              return {
+                start: start,
+                finish: finish,
+                range: range
+              };
+            });
+          });
+        });
+      });
+    };
+    var navigate = function (bridge, isRoot, direction, initial, anchor, precheck) {
+      if (detect$3().browser.isIE()) {
+        return Optional.none();
+      } else {
+        return precheck(initial, isRoot).orThunk(function () {
+          return simulate(bridge, isRoot, direction, initial, anchor).map(function (info) {
+            var range = info.range;
+            return Response.create(Optional.some(makeSitus(range.start, range.soffset, range.finish, range.foffset)), true);
+          });
+        });
+      }
+    };
+    var firstUpCheck = function (initial, isRoot) {
+      return closest$1(initial, 'tr', isRoot).bind(function (startRow) {
+        return closest$1(startRow, 'table', isRoot).bind(function (table) {
+          var rows = descendants$1(table, 'tr');
+          if (eq$1(startRow, rows[0])) {
+            return seekLeft$1(table, function (element) {
+              return last$1(element).isSome();
+            }, isRoot).map(function (last) {
+              var lastOffset = getEnd(last);
+              return Response.create(Optional.some(makeSitus(last, lastOffset, last, lastOffset)), true);
+            });
+          } else {
+            return Optional.none();
+          }
+        });
+      });
+    };
+    var lastDownCheck = function (initial, isRoot) {
+      return closest$1(initial, 'tr', isRoot).bind(function (startRow) {
+        return closest$1(startRow, 'table', isRoot).bind(function (table) {
+          var rows = descendants$1(table, 'tr');
+          if (eq$1(startRow, rows[rows.length - 1])) {
+            return seekRight$1(table, function (element) {
+              return first(element).isSome();
+            }, isRoot).map(function (first) {
+              return Response.create(Optional.some(makeSitus(first, 0, first, 0)), true);
+            });
+          } else {
+            return Optional.none();
+          }
+        });
+      });
+    };
+    var select = function (bridge, container, isRoot, direction, initial, anchor, selectRange) {
+      return simulate(bridge, isRoot, direction, initial, anchor).bind(function (info) {
+        return detect$6(container, isRoot, info.start, info.finish, selectRange);
+      });
+    };
+
+    var value$1 = function () {
+      var subject = Cell(Optional.none());
+      var clear = function () {
+        return subject.set(Optional.none());
+      };
+      var set = function (s) {
+        return subject.set(Optional.some(s));
+      };
+      var isSet = function () {
+        return subject.get().isSome();
+      };
+      var on = function (f) {
+        return subject.get().each(f);
+      };
+      return {
+        clear: clear,
+        set: set,
+        isSet: isSet,
+        on: on
+      };
+    };
+
+    var findCell = function (target, isRoot) {
+      return closest$1(target, 'td,th', isRoot);
+    };
+    function MouseSelection (bridge, container, isRoot, annotations) {
+      var cursor = value$1();
+      var clearstate = cursor.clear;
+      var mousedown = function (event) {
+        annotations.clear(container);
+        findCell(event.target, isRoot).each(cursor.set);
+      };
+      var mouseover = function (event) {
+        cursor.on(function (start) {
+          annotations.clearBeforeUpdate(container);
+          findCell(event.target, isRoot).each(function (finish) {
+            identify(start, finish, isRoot).each(function (cellSel) {
+              var boxes = cellSel.boxes.getOr([]);
+              if (boxes.length > 1 || boxes.length === 1 && !eq$1(start, finish)) {
+                annotations.selectRange(container, boxes, cellSel.start, cellSel.finish);
+                bridge.selectContents(finish);
+              }
+            });
+          });
+        });
+      };
+      var mouseup = function (_event) {
+        clearstate();
+      };
+      return {
+        clearstate: clearstate,
+        mousedown: mousedown,
+        mouseover: mouseover,
+        mouseup: mouseup
+      };
+    }
+
+    var down = {
+      traverse: nextSibling,
+      gather: after$5,
+      relative: Situ.before,
+      otherRetry: Retries.tryDown,
+      ieRetry: Retries.ieTryDown,
+      failure: BeforeAfter.failedDown
+    };
+    var up = {
+      traverse: prevSibling,
+      gather: before$4,
+      relative: Situ.before,
+      otherRetry: Retries.tryUp,
+      ieRetry: Retries.ieTryUp,
+      failure: BeforeAfter.failedUp
+    };
+
+    var isKey = function (key) {
+      return function (keycode) {
+        return keycode === key;
+      };
+    };
+    var isUp = isKey(38);
+    var isDown = isKey(40);
+    var isNavigation = function (keycode) {
+      return keycode >= 37 && keycode <= 40;
+    };
+    var ltr$2 = {
+      isBackward: isKey(37),
+      isForward: isKey(39)
+    };
+    var rtl$2 = {
+      isBackward: isKey(39),
+      isForward: isKey(37)
+    };
+
+    var get$d = function (_DOC) {
+      var doc = _DOC !== undefined ? _DOC.dom : document;
+      var x = doc.body.scrollLeft || doc.documentElement.scrollLeft;
+      var y = doc.body.scrollTop || doc.documentElement.scrollTop;
+      return SugarPosition(x, y);
+    };
+    var by = function (x, y, _DOC) {
+      var doc = _DOC !== undefined ? _DOC.dom : document;
+      var win = doc.defaultView;
+      if (win) {
+        win.scrollBy(x, y);
+      }
+    };
+
+    var WindowBridge = function (win) {
+      var elementFromPoint = function (x, y) {
+        return SugarElement.fromPoint(SugarElement.fromDom(win.document), x, y);
+      };
+      var getRect = function (element) {
+        return element.dom.getBoundingClientRect();
+      };
+      var getRangedRect = function (start, soffset, finish, foffset) {
+        var sel = SimSelection.exact(start, soffset, finish, foffset);
+        return getFirstRect$1(win, sel);
+      };
+      var getSelection = function () {
+        return get$c(win).map(function (exactAdt) {
+          return convertToRange(win, exactAdt);
+        });
+      };
+      var fromSitus = function (situs) {
+        var relative = SimSelection.relative(situs.start, situs.finish);
+        return convertToRange(win, relative);
+      };
+      var situsFromPoint = function (x, y) {
+        return getAtPoint(win, x, y).map(function (exact) {
+          return Situs.create(exact.start, exact.soffset, exact.finish, exact.foffset);
+        });
+      };
+      var clearSelection = function () {
+        clear(win);
+      };
+      var collapseSelection = function (toStart) {
+        if (toStart === void 0) {
+          toStart = false;
+        }
+        get$c(win).each(function (sel) {
+          return sel.fold(function (rng) {
+            return rng.collapse(toStart);
+          }, function (startSitu, finishSitu) {
+            var situ = toStart ? startSitu : finishSitu;
+            setRelative(win, situ, situ);
+          }, function (start, soffset, finish, foffset) {
+            var node = toStart ? start : finish;
+            var offset = toStart ? soffset : foffset;
+            setExact(win, node, offset, node, offset);
+          });
+        });
+      };
+      var selectContents = function (element) {
+        setToElement(win, element);
+      };
+      var setSelection = function (sel) {
+        setExact(win, sel.start, sel.soffset, sel.finish, sel.foffset);
+      };
+      var setRelativeSelection = function (start, finish) {
+        setRelative(win, start, finish);
+      };
+      var getInnerHeight = function () {
+        return win.innerHeight;
+      };
+      var getScrollY = function () {
+        var pos = get$d(SugarElement.fromDom(win.document));
+        return pos.top;
+      };
+      var scrollBy = function (x, y) {
+        by(x, y, SugarElement.fromDom(win.document));
+      };
+      return {
+        elementFromPoint: elementFromPoint,
+        getRect: getRect,
+        getRangedRect: getRangedRect,
+        getSelection: getSelection,
+        fromSitus: fromSitus,
+        situsFromPoint: situsFromPoint,
+        clearSelection: clearSelection,
+        collapseSelection: collapseSelection,
+        setSelection: setSelection,
+        setRelativeSelection: setRelativeSelection,
+        selectContents: selectContents,
+        getInnerHeight: getInnerHeight,
+        getScrollY: getScrollY,
+        scrollBy: scrollBy
+      };
+    };
+
+    var rc = function (rows, cols) {
+      return {
+        rows: rows,
+        cols: cols
+      };
+    };
+    var mouse = function (win, container, isRoot, annotations) {
+      var bridge = WindowBridge(win);
+      var handlers = MouseSelection(bridge, container, isRoot, annotations);
+      return {
+        clearstate: handlers.clearstate,
+        mousedown: handlers.mousedown,
+        mouseover: handlers.mouseover,
+        mouseup: handlers.mouseup
+      };
+    };
+    var keyboard = function (win, container, isRoot, annotations) {
+      var bridge = WindowBridge(win);
+      var clearToNavigate = function () {
+        annotations.clear(container);
+        return Optional.none();
+      };
+      var keydown = function (event, start, soffset, finish, foffset, direction) {
+        var realEvent = event.raw;
+        var keycode = realEvent.which;
+        var shiftKey = realEvent.shiftKey === true;
+        var handler = retrieve(container, annotations.selectedSelector).fold(function () {
+          if (isDown(keycode) && shiftKey) {
+            return curry(select, bridge, container, isRoot, down, finish, start, annotations.selectRange);
+          } else if (isUp(keycode) && shiftKey) {
+            return curry(select, bridge, container, isRoot, up, finish, start, annotations.selectRange);
+          } else if (isDown(keycode)) {
+            return curry(navigate, bridge, isRoot, down, finish, start, lastDownCheck);
+          } else if (isUp(keycode)) {
+            return curry(navigate, bridge, isRoot, up, finish, start, firstUpCheck);
+          } else {
+            return Optional.none;
+          }
+        }, function (selected) {
+          var update$1 = function (attempts) {
+            return function () {
+              var navigation = findMap(attempts, function (delta) {
+                return update(delta.rows, delta.cols, container, selected, annotations);
+              });
+              return navigation.fold(function () {
+                return getEdges(container, annotations.firstSelectedSelector, annotations.lastSelectedSelector).map(function (edges) {
+                  var relative = isDown(keycode) || direction.isForward(keycode) ? Situ.after : Situ.before;
+                  bridge.setRelativeSelection(Situ.on(edges.first, 0), relative(edges.table));
+                  annotations.clear(container);
+                  return Response.create(Optional.none(), true);
+                });
+              }, function (_) {
+                return Optional.some(Response.create(Optional.none(), true));
+              });
+            };
+          };
+          if (isDown(keycode) && shiftKey) {
+            return update$1([rc(+1, 0)]);
+          } else if (isUp(keycode) && shiftKey) {
+            return update$1([rc(-1, 0)]);
+          } else if (direction.isBackward(keycode) && shiftKey) {
+            return update$1([
+              rc(0, -1),
+              rc(-1, 0)
+            ]);
+          } else if (direction.isForward(keycode) && shiftKey) {
+            return update$1([
+              rc(0, +1),
+              rc(+1, 0)
+            ]);
+          } else if (isNavigation(keycode) && shiftKey === false) {
+            return clearToNavigate;
+          } else {
+            return Optional.none;
+          }
+        });
+        return handler();
+      };
+      var keyup = function (event, start, soffset, finish, foffset) {
+        return retrieve(container, annotations.selectedSelector).fold(function () {
+          var realEvent = event.raw;
+          var keycode = realEvent.which;
+          var shiftKey = realEvent.shiftKey === true;
+          if (shiftKey === false) {
+            return Optional.none();
+          }
+          if (isNavigation(keycode)) {
+            return sync(container, isRoot, start, soffset, finish, foffset, annotations.selectRange);
+          } else {
+            return Optional.none();
+          }
+        }, Optional.none);
+      };
+      return {
+        keydown: keydown,
+        keyup: keyup
+      };
+    };
+    var external = function (win, container, isRoot, annotations) {
+      var bridge = WindowBridge(win);
+      return function (start, finish) {
+        annotations.clearBeforeUpdate(container);
+        identify(start, finish, isRoot).each(function (cellSel) {
+          var boxes = cellSel.boxes.getOr([]);
+          annotations.selectRange(container, boxes, cellSel.start, cellSel.finish);
+          bridge.selectContents(finish);
+          bridge.collapseSelection();
+        });
+      };
+    };
+
+    var remove$7 = function (element, classes) {
+      each(classes, function (x) {
+        remove$5(element, x);
+      });
+    };
+
+    var addClass = function (clazz) {
+      return function (element) {
+        add$3(element, clazz);
+      };
+    };
+    var removeClasses = function (classes) {
+      return function (element) {
+        remove$7(element, classes);
+      };
+    };
+
+    var byClass = function (ephemera) {
+      var addSelectionClass = addClass(ephemera.selected);
+      var removeSelectionClasses = removeClasses([
+        ephemera.selected,
+        ephemera.lastSelected,
+        ephemera.firstSelected
+      ]);
+      var clear = function (container) {
+        var sels = descendants$1(container, ephemera.selectedSelector);
+        each(sels, removeSelectionClasses);
+      };
+      var selectRange = function (container, cells, start, finish) {
+        clear(container);
+        each(cells, addSelectionClass);
+        add$3(start, ephemera.firstSelected);
+        add$3(finish, ephemera.lastSelected);
+      };
+      return {
+        clearBeforeUpdate: clear,
+        clear: clear,
+        selectRange: selectRange,
+        selectedSelector: ephemera.selectedSelector,
+        firstSelectedSelector: ephemera.firstSelectedSelector,
+        lastSelectedSelector: ephemera.lastSelectedSelector
+      };
+    };
+    var byAttr = function (ephemera, onSelection, onClear) {
+      var removeSelectionAttributes = function (element) {
+        remove(element, ephemera.selected);
+        remove(element, ephemera.firstSelected);
+        remove(element, ephemera.lastSelected);
+      };
+      var addSelectionAttribute = function (element) {
+        set(element, ephemera.selected, '1');
+      };
+      var clear = function (container) {
+        clearBeforeUpdate(container);
+        onClear();
+      };
+      var clearBeforeUpdate = function (container) {
+        var sels = descendants$1(container, ephemera.selectedSelector);
+        each(sels, removeSelectionAttributes);
+      };
+      var selectRange = function (container, cells, start, finish) {
+        clear(container);
+        each(cells, addSelectionAttribute);
+        set(start, ephemera.firstSelected, '1');
+        set(finish, ephemera.lastSelected, '1');
+        onSelection(cells, start, finish);
+      };
+      return {
+        clearBeforeUpdate: clearBeforeUpdate,
+        clear: clear,
+        selectRange: selectRange,
+        selectedSelector: ephemera.selectedSelector,
+        firstSelectedSelector: ephemera.firstSelectedSelector,
+        lastSelectedSelector: ephemera.lastSelectedSelector
+      };
+    };
+    var SelectionAnnotation = {
+      byClass: byClass,
+      byAttr: byAttr
+    };
+
+    var getUpOrLeftCells = function (grid, selectedCells, generators) {
+      var upGrid = grid.slice(0, selectedCells[selectedCells.length - 1].row + 1);
+      var upDetails = toDetailList(upGrid, generators);
+      return bind(upDetails, function (detail) {
+        var slicedCells = detail.cells.slice(0, selectedCells[selectedCells.length - 1].column + 1);
+        return map(slicedCells, function (cell) {
+          return cell.element;
+        });
+      });
+    };
+    var getDownOrRightCells = function (grid, selectedCells, generators) {
+      var downGrid = grid.slice(selectedCells[0].row + selectedCells[0].rowspan - 1, grid.length);
+      var downDetails = toDetailList(downGrid, generators);
+      return bind(downDetails, function (detail) {
+        var slicedCells = detail.cells.slice(selectedCells[0].column + selectedCells[0].colspan - 1, detail.cells.length);
+        return map(slicedCells, function (cell) {
+          return cell.element;
+        });
+      });
+    };
+    var getOtherCells = function (table, target, generators) {
+      var warehouse = Warehouse.fromTable(table);
+      var details = onCells(warehouse, target);
+      return details.map(function (selectedCells) {
+        var grid = toGrid(warehouse, generators, false);
+        var upOrLeftCells = getUpOrLeftCells(grid, selectedCells, generators);
+        var downOrRightCells = getDownOrRightCells(grid, selectedCells, generators);
+        return {
+          upOrLeftCells: upOrLeftCells,
+          downOrRightCells: downOrRightCells
+        };
+      });
+    };
+
+    var hasInternalTarget = function (e) {
+      return has$1(SugarElement.fromDom(e.target), 'ephox-snooker-resizer-bar') === false;
+    };
+    function CellSelection (editor, lazyResize, selectionTargets) {
+      var onSelection = function (cells, start, finish) {
+        selectionTargets.targets().each(function (targets) {
+          var tableOpt = table(start);
+          tableOpt.each(function (table) {
+            var cloneFormats = getCloneElements(editor);
+            var generators = cellOperations(noop, SugarElement.fromDom(editor.getDoc()), cloneFormats);
+            var otherCells = getOtherCells(table, targets, generators);
+            fireTableSelectionChange(editor, cells, start, finish, otherCells);
+          });
+        });
+      };
+      var onClear = function () {
+        return fireTableSelectionClear(editor);
+      };
+      var annotations = SelectionAnnotation.byAttr(ephemera, onSelection, onClear);
+      editor.on('init', function (_e) {
+        var win = editor.getWin();
+        var body = getBody$1(editor);
+        var isRoot = getIsRoot(editor);
+        var syncSelection = function () {
+          var sel = editor.selection;
+          var start = SugarElement.fromDom(sel.getStart());
+          var end = SugarElement.fromDom(sel.getEnd());
+          var shared = sharedOne$1(table, [
+            start,
+            end
+          ]);
+          shared.fold(function () {
+            return annotations.clear(body);
+          }, noop);
+        };
+        var mouseHandlers = mouse(win, body, isRoot, annotations);
+        var keyHandlers = keyboard(win, body, isRoot, annotations);
+        var external$1 = external(win, body, isRoot, annotations);
+        var hasShiftKey = function (event) {
+          return event.raw.shiftKey === true;
+        };
+        editor.on('TableSelectorChange', function (e) {
+          return external$1(e.start, e.finish);
+        });
+        var handleResponse = function (event, response) {
+          if (!hasShiftKey(event)) {
+            return;
+          }
+          if (response.kill) {
+            event.kill();
+          }
+          response.selection.each(function (ns) {
+            var relative = SimSelection.relative(ns.start, ns.finish);
+            var rng = asLtrRange(win, relative);
+            editor.selection.setRng(rng);
+          });
+        };
+        var keyup = function (event) {
+          var wrappedEvent = fromRawEvent$1(event);
+          if (wrappedEvent.raw.shiftKey && isNavigation(wrappedEvent.raw.which)) {
+            var rng = editor.selection.getRng();
+            var start = SugarElement.fromDom(rng.startContainer);
+            var end = SugarElement.fromDom(rng.endContainer);
+            keyHandlers.keyup(wrappedEvent, start, rng.startOffset, end, rng.endOffset).each(function (response) {
+              handleResponse(wrappedEvent, response);
+            });
+          }
+        };
+        var keydown = function (event) {
+          var wrappedEvent = fromRawEvent$1(event);
+          lazyResize().each(function (resize) {
+            return resize.hideBars();
+          });
+          var rng = editor.selection.getRng();
+          var start = SugarElement.fromDom(rng.startContainer);
+          var end = SugarElement.fromDom(rng.endContainer);
+          var direction = onDirection(ltr$2, rtl$2)(SugarElement.fromDom(editor.selection.getStart()));
+          keyHandlers.keydown(wrappedEvent, start, rng.startOffset, end, rng.endOffset, direction).each(function (response) {
+            handleResponse(wrappedEvent, response);
+          });
+          lazyResize().each(function (resize) {
+            return resize.showBars();
+          });
+        };
+        var isLeftMouse = function (raw) {
+          return raw.button === 0;
+        };
+        var isLeftButtonPressed = function (raw) {
+          if (raw.buttons === undefined) {
+            return true;
+          }
+          if (global$2.browser.isEdge() && raw.buttons === 0) {
+            return true;
+          }
+          return (raw.buttons & 1) !== 0;
+        };
+        var dragStart = function (_e) {
+          mouseHandlers.clearstate();
+        };
+        var mouseDown = function (e) {
+          if (isLeftMouse(e) && hasInternalTarget(e)) {
+            mouseHandlers.mousedown(fromRawEvent$1(e));
+          }
+        };
+        var mouseOver = function (e) {
+          if (isLeftButtonPressed(e) && hasInternalTarget(e)) {
+            mouseHandlers.mouseover(fromRawEvent$1(e));
+          }
+        };
+        var mouseUp = function (e) {
+          if (isLeftMouse(e) && hasInternalTarget(e)) {
+            mouseHandlers.mouseup(fromRawEvent$1(e));
+          }
+        };
+        var getDoubleTap = function () {
+          var lastTarget = Cell(SugarElement.fromDom(body));
+          var lastTimeStamp = Cell(0);
+          var touchEnd = function (t) {
+            var target = SugarElement.fromDom(t.target);
+            if (name(target) === 'td' || name(target) === 'th') {
+              var lT = lastTarget.get();
+              var lTS = lastTimeStamp.get();
+              if (eq$1(lT, target) && t.timeStamp - lTS < 300) {
+                t.preventDefault();
+                external$1(target, target);
+              }
+            }
+            lastTarget.set(target);
+            lastTimeStamp.set(t.timeStamp);
+          };
+          return { touchEnd: touchEnd };
+        };
+        var doubleTap = getDoubleTap();
+        editor.on('dragstart', dragStart);
+        editor.on('mousedown', mouseDown);
+        editor.on('mouseover', mouseOver);
+        editor.on('mouseup', mouseUp);
+        editor.on('touchend', doubleTap.touchEnd);
+        editor.on('keyup', keyup);
+        editor.on('keydown', keydown);
+        editor.on('NodeChange', syncSelection);
+      });
+      return { clear: annotations.clear };
+    }
+
+    var getSelectionTargets = function (editor, selections) {
+      var targets = Cell(Optional.none());
+      var changeHandlers = Cell([]);
+      var findTargets = function () {
+        return getSelectionStartCellOrCaption(getSelectionStart(editor)).bind(function (cellOrCaption) {
+          var table$1 = table(cellOrCaption);
+          var isCaption = function (elem) {
+            return name(elem) === 'caption';
+          };
+          return table$1.map(function (table) {
+            if (isCaption(cellOrCaption)) {
+              return noMenu(cellOrCaption);
+            } else {
+              return forMenu(selections, table, cellOrCaption);
+            }
+          });
+        });
+      };
+      var resetTargets = function () {
+        targets.set(cached(findTargets)());
+        each(changeHandlers.get(), function (handler) {
+          return handler();
+        });
+      };
+      var onSetup = function (api, isDisabled) {
+        var handler = function () {
+          return targets.get().fold(function () {
+            api.setDisabled(true);
+          }, function (targets) {
+            api.setDisabled(isDisabled(targets));
+          });
+        };
+        handler();
+        changeHandlers.set(changeHandlers.get().concat([handler]));
+        return function () {
+          changeHandlers.set(filter(changeHandlers.get(), function (h) {
+            return h !== handler;
+          }));
+        };
+      };
+      var onSetupTable = function (api) {
+        return onSetup(api, function (_) {
+          return false;
+        });
+      };
+      var onSetupCellOrRow = function (api) {
+        return onSetup(api, function (targets) {
+          return name(targets.element) === 'caption';
+        });
+      };
+      var onSetupPasteable = function (getClipboardData) {
+        return function (api) {
+          return onSetup(api, function (targets) {
+            return name(targets.element) === 'caption' || getClipboardData().isNone();
+          });
+        };
+      };
+      var onSetupMergeable = function (api) {
+        return onSetup(api, function (targets) {
+          return targets.mergable.isNone();
+        });
+      };
+      var onSetupUnmergeable = function (api) {
+        return onSetup(api, function (targets) {
+          return targets.unmergable.isNone();
+        });
+      };
+      editor.on('NodeChange ExecCommand TableSelectorChange', resetTargets);
+      return {
+        onSetupTable: onSetupTable,
+        onSetupCellOrRow: onSetupCellOrRow,
+        onSetupPasteable: onSetupPasteable,
+        onSetupMergeable: onSetupMergeable,
+        onSetupUnmergeable: onSetupUnmergeable,
+        resetTargets: resetTargets,
+        targets: function () {
+          return targets.get();
+        }
+      };
+    };
+
+    var addButtons = function (editor, selectionTargets, clipboard) {
+      editor.ui.registry.addMenuButton('table', {
+        tooltip: 'Table',
+        icon: 'table',
+        fetch: function (callback) {
+          return callback('inserttable | cell row column | advtablesort | tableprops deletetable');
+        }
+      });
+      var cmd = function (command) {
+        return function () {
+          return editor.execCommand(command);
+        };
+      };
+      editor.ui.registry.addButton('tableprops', {
+        tooltip: 'Table properties',
+        onAction: cmd('mceTableProps'),
+        icon: 'table',
+        onSetup: selectionTargets.onSetupTable
+      });
+      editor.ui.registry.addButton('tabledelete', {
+        tooltip: 'Delete table',
+        onAction: cmd('mceTableDelete'),
+        icon: 'table-delete-table',
+        onSetup: selectionTargets.onSetupTable
+      });
+      editor.ui.registry.addButton('tablecellprops', {
+        tooltip: 'Cell properties',
+        onAction: cmd('mceTableCellProps'),
+        icon: 'table-cell-properties',
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addButton('tablemergecells', {
+        tooltip: 'Merge cells',
+        onAction: cmd('mceTableMergeCells'),
+        icon: 'table-merge-cells',
+        onSetup: selectionTargets.onSetupMergeable
+      });
+      editor.ui.registry.addButton('tablesplitcells', {
+        tooltip: 'Split cell',
+        onAction: cmd('mceTableSplitCells'),
+        icon: 'table-split-cells',
+        onSetup: selectionTargets.onSetupUnmergeable
+      });
+      editor.ui.registry.addButton('tableinsertrowbefore', {
+        tooltip: 'Insert row before',
+        onAction: cmd('mceTableInsertRowBefore'),
+        icon: 'table-insert-row-above',
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addButton('tableinsertrowafter', {
+        tooltip: 'Insert row after',
+        onAction: cmd('mceTableInsertRowAfter'),
+        icon: 'table-insert-row-after',
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addButton('tabledeleterow', {
+        tooltip: 'Delete row',
+        onAction: cmd('mceTableDeleteRow'),
+        icon: 'table-delete-row',
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addButton('tablerowprops', {
+        tooltip: 'Row properties',
+        onAction: cmd('mceTableRowProps'),
+        icon: 'table-row-properties',
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addButton('tableinsertcolbefore', {
+        tooltip: 'Insert column before',
+        onAction: cmd('mceTableInsertColBefore'),
+        icon: 'table-insert-column-before',
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addButton('tableinsertcolafter', {
+        tooltip: 'Insert column after',
+        onAction: cmd('mceTableInsertColAfter'),
+        icon: 'table-insert-column-after',
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addButton('tabledeletecol', {
+        tooltip: 'Delete column',
+        onAction: cmd('mceTableDeleteCol'),
+        icon: 'table-delete-column',
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addButton('tablecutrow', {
+        tooltip: 'Cut row',
+        icon: 'cut-row',
+        onAction: cmd('mceTableCutRow'),
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addButton('tablecopyrow', {
+        tooltip: 'Copy row',
+        icon: 'duplicate-row',
+        onAction: cmd('mceTableCopyRow'),
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addButton('tablepasterowbefore', {
+        tooltip: 'Paste row before',
+        icon: 'paste-row-before',
+        onAction: cmd('mceTablePasteRowBefore'),
+        onSetup: selectionTargets.onSetupPasteable(clipboard.getRows)
+      });
+      editor.ui.registry.addButton('tablepasterowafter', {
+        tooltip: 'Paste row after',
+        icon: 'paste-row-after',
+        onAction: cmd('mceTablePasteRowAfter'),
+        onSetup: selectionTargets.onSetupPasteable(clipboard.getRows)
+      });
+      editor.ui.registry.addButton('tablecutcol', {
+        tooltip: 'Cut column',
+        icon: 'cut-column',
+        onAction: cmd('mceTableCutCol'),
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addButton('tablecopycol', {
+        tooltip: 'Copy column',
+        icon: 'duplicate-column',
+        onAction: cmd('mceTableCopyCol'),
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addButton('tablepastecolbefore', {
+        tooltip: 'Paste column before',
+        icon: 'paste-column-before',
+        onAction: cmd('mceTablePasteColBefore'),
+        onSetup: selectionTargets.onSetupPasteable(clipboard.getColumns)
+      });
+      editor.ui.registry.addButton('tablepastecolafter', {
+        tooltip: 'Paste column after',
+        icon: 'paste-column-after',
+        onAction: cmd('mceTablePasteColAfter'),
+        onSetup: selectionTargets.onSetupPasteable(clipboard.getColumns)
+      });
+      editor.ui.registry.addButton('tableinsertdialog', {
+        tooltip: 'Insert table',
+        onAction: cmd('mceInsertTable'),
+        icon: 'table'
+      });
+    };
+    var addToolbars = function (editor) {
+      var isTable = function (table) {
+        return editor.dom.is(table, 'table') && editor.getBody().contains(table);
+      };
+      var toolbar = getToolbar(editor);
+      if (toolbar.length > 0) {
+        editor.ui.registry.addContextToolbar('table', {
+          predicate: isTable,
+          items: toolbar,
+          scope: 'node',
+          position: 'node'
+        });
+      }
+    };
+
+    var addMenuItems = function (editor, selectionTargets, clipboard) {
+      var cmd = function (command) {
+        return function () {
+          return editor.execCommand(command);
+        };
+      };
+      var insertTableAction = function (data) {
+        editor.execCommand('mceInsertTable', false, {
+          rows: data.numRows,
+          columns: data.numColumns
+        });
+      };
+      var tableProperties = {
+        text: 'Table properties',
+        onSetup: selectionTargets.onSetupTable,
+        onAction: cmd('mceTableProps')
+      };
+      var deleteTable = {
+        text: 'Delete table',
+        icon: 'table-delete-table',
+        onSetup: selectionTargets.onSetupTable,
+        onAction: cmd('mceTableDelete')
+      };
+      editor.ui.registry.addMenuItem('tableinsertrowbefore', {
+        text: 'Insert row before',
+        icon: 'table-insert-row-above',
+        onAction: cmd('mceTableInsertRowBefore'),
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addMenuItem('tableinsertrowafter', {
+        text: 'Insert row after',
+        icon: 'table-insert-row-after',
+        onAction: cmd('mceTableInsertRowAfter'),
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addMenuItem('tabledeleterow', {
+        text: 'Delete row',
+        icon: 'table-delete-row',
+        onAction: cmd('mceTableDeleteRow'),
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addMenuItem('tablerowprops', {
+        text: 'Row properties',
+        icon: 'table-row-properties',
+        onAction: cmd('mceTableRowProps'),
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addMenuItem('tablecutrow', {
+        text: 'Cut row',
+        icon: 'cut-row',
+        onAction: cmd('mceTableCutRow'),
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addMenuItem('tablecopyrow', {
+        text: 'Copy row',
+        icon: 'duplicate-row',
+        onAction: cmd('mceTableCopyRow'),
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addMenuItem('tablepasterowbefore', {
+        text: 'Paste row before',
+        icon: 'paste-row-before',
+        onAction: cmd('mceTablePasteRowBefore'),
+        onSetup: selectionTargets.onSetupPasteable(clipboard.getRows)
+      });
+      editor.ui.registry.addMenuItem('tablepasterowafter', {
+        text: 'Paste row after',
+        icon: 'paste-row-after',
+        onAction: cmd('mceTablePasteRowAfter'),
+        onSetup: selectionTargets.onSetupPasteable(clipboard.getRows)
+      });
+      var row = {
+        type: 'nestedmenuitem',
+        text: 'Row',
+        getSubmenuItems: function () {
+          return 'tableinsertrowbefore tableinsertrowafter tabledeleterow tablerowprops | tablecutrow tablecopyrow tablepasterowbefore tablepasterowafter';
+        }
+      };
+      editor.ui.registry.addMenuItem('tableinsertcolumnbefore', {
+        text: 'Insert column before',
+        icon: 'table-insert-column-before',
+        onAction: cmd('mceTableInsertColBefore'),
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addMenuItem('tableinsertcolumnafter', {
+        text: 'Insert column after',
+        icon: 'table-insert-column-after',
+        onAction: cmd('mceTableInsertColAfter'),
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addMenuItem('tabledeletecolumn', {
+        text: 'Delete column',
+        icon: 'table-delete-column',
+        onAction: cmd('mceTableDeleteCol'),
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addMenuItem('tablecutcolumn', {
+        text: 'Cut column',
+        icon: 'cut-column',
+        onAction: cmd('mceTableCutCol'),
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addMenuItem('tablecopycolumn', {
+        text: 'Copy column',
+        icon: 'duplicate-column',
+        onAction: cmd('mceTableCopyCol'),
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addMenuItem('tablepastecolumnbefore', {
+        text: 'Paste column before',
+        icon: 'paste-column-before',
+        onAction: cmd('mceTablePasteColBefore'),
+        onSetup: selectionTargets.onSetupPasteable(clipboard.getColumns)
+      });
+      editor.ui.registry.addMenuItem('tablepastecolumnafter', {
+        text: 'Paste column after',
+        icon: 'paste-column-after',
+        onAction: cmd('mceTablePasteColAfter'),
+        onSetup: selectionTargets.onSetupPasteable(clipboard.getColumns)
+      });
+      var column = {
+        type: 'nestedmenuitem',
+        text: 'Column',
+        getSubmenuItems: function () {
+          return 'tableinsertcolumnbefore tableinsertcolumnafter tabledeletecolumn | tablecutcolumn tablecopycolumn tablepastecolumnbefore tablepastecolumnafter';
+        }
+      };
+      editor.ui.registry.addMenuItem('tablecellprops', {
+        text: 'Cell properties',
+        icon: 'table-cell-properties',
+        onAction: cmd('mceTableCellProps'),
+        onSetup: selectionTargets.onSetupCellOrRow
+      });
+      editor.ui.registry.addMenuItem('tablemergecells', {
+        text: 'Merge cells',
+        icon: 'table-merge-cells',
+        onAction: cmd('mceTableMergeCells'),
+        onSetup: selectionTargets.onSetupMergeable
+      });
+      editor.ui.registry.addMenuItem('tablesplitcells', {
+        text: 'Split cell',
+        icon: 'table-split-cells',
+        onAction: cmd('mceTableSplitCells'),
+        onSetup: selectionTargets.onSetupUnmergeable
+      });
+      var cell = {
+        type: 'nestedmenuitem',
+        text: 'Cell',
+        getSubmenuItems: function () {
+          return 'tablecellprops tablemergecells tablesplitcells';
+        }
+      };
+      if (hasTableGrid(editor) === false) {
+        editor.ui.registry.addMenuItem('inserttable', {
+          text: 'Table',
+          icon: 'table',
+          onAction: cmd('mceInsertTable')
+        });
+      } else {
+        editor.ui.registry.addNestedMenuItem('inserttable', {
+          text: 'Table',
+          icon: 'table',
+          getSubmenuItems: function () {
+            return [{
+                type: 'fancymenuitem',
+                fancytype: 'inserttable',
+                onAction: insertTableAction
+              }];
+          }
+        });
+      }
+      editor.ui.registry.addMenuItem('inserttabledialog', {
+        text: 'Insert table',
+        icon: 'table',
+        onAction: cmd('mceInsertTable')
+      });
+      editor.ui.registry.addMenuItem('tableprops', tableProperties);
+      editor.ui.registry.addMenuItem('deletetable', deleteTable);
+      editor.ui.registry.addNestedMenuItem('row', row);
+      editor.ui.registry.addNestedMenuItem('column', column);
+      editor.ui.registry.addNestedMenuItem('cell', cell);
+      editor.ui.registry.addContextMenu('table', {
+        update: function () {
+          selectionTargets.resetTargets();
+          return selectionTargets.targets().fold(function () {
+            return '';
+          }, function (targets) {
+            if (name(targets.element) === 'caption') {
+              return 'tableprops deletetable';
+            } else {
+              return 'cell row column | advtablesort | tableprops deletetable';
+            }
+          });
+        }
+      });
+    };
+
+    function Plugin(editor) {
+      var selections = Selections(function () {
+        return getBody$1(editor);
+      }, function () {
+        return getSelectionStartCellOrCaption(getSelectionStart(editor));
+      }, ephemera.selectedSelector);
+      var selectionTargets = getSelectionTargets(editor, selections);
+      var resizeHandler = getResizeHandler(editor);
+      var cellSelection = CellSelection(editor, resizeHandler.lazyResize, selectionTargets);
+      var actions = TableActions(editor, resizeHandler.lazyWire, selections);
+      var clipboard = Clipboard();
+      registerCommands(editor, actions, cellSelection, selections, clipboard);
+      registerQueryCommands(editor, actions, selections);
+      registerEvents(editor, selections, actions, cellSelection);
+      addMenuItems(editor, selectionTargets, clipboard);
+      addButtons(editor, selectionTargets, clipboard);
+      addToolbars(editor);
+      editor.on('PreInit', function () {
+        editor.serializer.addTempAttr(ephemera.firstSelected);
+        editor.serializer.addTempAttr(ephemera.lastSelected);
+        registerFormats(editor);
+      });
+      if (hasTabNavigation(editor)) {
+        editor.on('keydown', function (e) {
+          handle$1(e, editor, actions);
+        });
+      }
+      editor.on('remove', function () {
+        resizeHandler.destroy();
+      });
+      return getApi(editor, clipboard, resizeHandler, selectionTargets);
+    }
+    function Plugin$1 () {
+      global.add('table', Plugin);
+    }
+
+    Plugin$1();
+
+}());
diff --git a/src/assets/tinymce/plugins/table/plugin.min.js b/src/assets/tinymce/plugins/table/plugin.min.js
new file mode 100644
index 00000000..4bbd6fe9
--- /dev/null
+++ b/src/assets/tinymce/plugins/table/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var y=function(){},b=function(n){return function(){return n}},d=function(n){return n};function w(r){for(var o=[],n=1;n<arguments.length;n++)o[n-1]=arguments[n];return function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];var t=o.concat(n);return r.apply(null,t)}}var n,e,t,r,g=function(e){return function(n){return!e(n)}},f=b(!1),C=b(!0),o=function(){return u},u=(n=function(n){return n.isNone()},{fold:function(n,e){return n()},is:f,isSome:f,isNone:C,getOr:t=function(n){return n},getOrThunk:e=function(n){return n()},getOrDie:function(n){throw new Error(n||"error: getOrDie called on none.")},getOrNull:b(null),getOrUndefined:b(undefined),or:t,orThunk:e,map:o,each:y,bind:o,exists:f,forall:C,filter:o,equals:n,equals_:n,toArray:function(){return[]},toString:b("none()")}),i=function(t){var n=b(t),e=function(){return o},r=function(n){return n(t)},o={fold:function(n,e){return e(t)},is:function(n){return t===n},isSome:C,isNone:f,getOr:n,getOrThunk:n,getOrDie:n,getOrNull:n,getOrUndefined:n,or:e,orThunk:e,map:function(n){return i(n(t))},each:function(n){n(t)},bind:r,exists:r,forall:r,filter:function(n){return n(t)?o:u},toArray:function(){return[t]},toString:function(){return"some("+t+")"},equals:function(n){return n.is(t)},equals_:function(n,e){return n.fold(f,function(n){return e(t,n)})}};return o},x={some:i,none:o,from:function(n){return null===n||n===undefined?u:i(n)}},c=function(r){return function(n){return t=typeof(e=n),(null===e?"null":"object"==t&&(Array.prototype.isPrototypeOf(e)||e.constructor&&"Array"===e.constructor.name)?"array":"object"==t&&(String.prototype.isPrototypeOf(e)||e.constructor&&"String"===e.constructor.name)?"string":t)===r;var e,t}},a=function(e){return function(n){return typeof n===e}},p=c("string"),h=c("object"),l=c("array"),s=a("boolean"),m=(r=undefined,function(n){return r===n}),v=function(n){return!(null===(e=n)||e===undefined);var e},S=a("function"),T=a("number"),R=Array.prototype.slice,O=Array.prototype.indexOf,D=Array.prototype.push,A=function(n,e){return t=n,r=e,-1<O.call(t,r);var t,r},I=function(n,e){for(var t=0,r=n.length;t<r;t++){if(e(n[t],t))return!0}return!1},B=function(n,e){for(var t=[],r=0;r<n;r++)t.push(e(r));return t},E=function(n,e){for(var t=n.length,r=new Array(t),o=0;o<t;o++){var u=n[o];r[o]=e(u,o)}return r},P=function(n,e){for(var t=0,r=n.length;t<r;t++){e(n[t],t)}},k=function(n,e){for(var t=[],r=0,o=n.length;r<o;r++){var u=n[r];e(u,r)&&t.push(u)}return t},M=function(n,e,t){return function(n,e){for(var t=n.length-1;0<=t;t--){e(n[t],t)}}(n,function(n){t=e(t,n)}),t},N=function(n,e,t){return P(n,function(n){t=e(t,n)}),t},j=function(n,e){return function(n,e,t){for(var r=0,o=n.length;r<o;r++){var u=n[r];if(e(u,r))return x.some(u);if(t(u,r))break}return x.none()}(n,e,f)},_=function(n,e){for(var t=0,r=n.length;t<r;t++){if(e(n[t],t))return x.some(t)}return x.none()},z=function(n){for(var e=[],t=0,r=n.length;t<r;++t){if(!l(n[t]))throw new Error("Arr.flatten item "+t+" was not an array, input: "+n);D.apply(e,n[t])}return e},W=function(n,e){return z(E(n,e))},F=function(n,e){for(var t=0,r=n.length;t<r;++t){if(!0!==e(n[t],t))return!1}return!0},L=function(n){return[n]},H=function(n,e){return 0<=e&&e<n.length?x.some(n[e]):x.none()},q=function(n){return H(n,n.length-1)},V=function(n,e){for(var t=0;t<n.length;t++){var r=e(n[t],t);if(r.isSome())return r}return x.none()},U=function(){return(U=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}).apply(this,arguments)};function $(){for(var n=0,e=0,t=arguments.length;e<t;e++)n+=arguments[e].length;for(var r=Array(n),o=0,e=0;e<t;e++)for(var u=arguments[e],i=0,c=u.length;i<c;i++,o++)r[o]=u[i];return r}var G,K=function(t){var r,o=!1;return function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];return o||(o=!0,r=t.apply(null,n)),r}},X=function(n,e){var t=function(n,e){for(var t=0;t<n.length;t++){var r=n[t];if(r.test(e))return r}return undefined}(n,e);if(!t)return{major:0,minor:0};var r=function(n){return Number(e.replace(t,"$"+n))};return J(r(1),r(2))},Y=function(){return J(0,0)},J=function(n,e){return{major:n,minor:e}},Q={nu:J,detect:function(n,e){var t=String(e).toLowerCase();return 0===n.length?Y():X(n,t)},unknown:Y},Z=function(n,e){var t=String(e).toLowerCase();return j(n,function(n){return n.search(t)})},nn=function(n,t){return Z(n,t).map(function(n){var e=Q.detect(n.versionRegexes,t);return{current:n.name,version:e}})},en=function(n,t){return Z(n,t).map(function(n){var e=Q.detect(n.versionRegexes,t);return{current:n.name,version:e}})},tn=function(n,e,t){return""===e||n.length>=e.length&&n.substr(t,t+e.length)===e},rn=function(n,e){return-1!==n.indexOf(e)},on=function(n,e){return tn(n,e,0)},un=function(n,e){return tn(n,e,n.length-e.length)},cn=(G=/^\s+|\s+$/g,function(n){return n.replace(G,"")}),an=function(n){return 0<n.length},ln=/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,fn=function(e){return function(n){return rn(n,e)}},sn=[{name:"Edge",versionRegexes:[/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],search:function(n){return rn(n,"edge/")&&rn(n,"chrome")&&rn(n,"safari")&&rn(n,"applewebkit")}},{name:"Chrome",versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/,ln],search:function(n){return rn(n,"chrome")&&!rn(n,"chromeframe")}},{name:"IE",versionRegexes:[/.*?msie\ ?([0-9]+)\.([0-9]+).*/,/.*?rv:([0-9]+)\.([0-9]+).*/],search:function(n){return rn(n,"msie")||rn(n,"trident")}},{name:"Opera",versionRegexes:[ln,/.*?opera\/([0-9]+)\.([0-9]+).*/],search:fn("opera")},{name:"Firefox",versionRegexes:[/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],search:fn("firefox")},{name:"Safari",versionRegexes:[ln,/.*?cpu os ([0-9]+)_([0-9]+).*/],search:function(n){return(rn(n,"safari")||rn(n,"mobile/"))&&rn(n,"applewebkit")}}],dn=[{name:"Windows",search:fn("win"),versionRegexes:[/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]},{name:"iOS",search:function(n){return rn(n,"iphone")||rn(n,"ipad")},versionRegexes:[/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,/.*cpu os ([0-9]+)_([0-9]+).*/,/.*cpu iphone os ([0-9]+)_([0-9]+).*/]},{name:"Android",search:fn("android"),versionRegexes:[/.*?android\ ?([0-9]+)\.([0-9]+).*/]},{name:"OSX",search:fn("mac os x"),versionRegexes:[/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]},{name:"Linux",search:fn("linux"),versionRegexes:[]},{name:"Solaris",search:fn("sunos"),versionRegexes:[]},{name:"FreeBSD",search:fn("freebsd"),versionRegexes:[]},{name:"ChromeOS",search:fn("cros"),versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/]}],mn={browsers:b(sn),oses:b(dn)},gn="Firefox",pn=function(n){var e=n.current,t=n.version,r=function(n){return function(){return e===n}};return{current:e,version:t,isEdge:r("Edge"),isChrome:r("Chrome"),isIE:r("IE"),isOpera:r("Opera"),isFirefox:r(gn),isSafari:r("Safari")}},hn={unknown:function(){return pn({current:undefined,version:Q.unknown()})},nu:pn,edge:b("Edge"),chrome:b("Chrome"),ie:b("IE"),opera:b("Opera"),firefox:b(gn),safari:b("Safari")},vn="Windows",bn="Android",wn="Solaris",yn="FreeBSD",Cn="ChromeOS",xn=function(n){var e=n.current,t=n.version,r=function(n){return function(){return e===n}};return{current:e,version:t,isWindows:r(vn),isiOS:r("iOS"),isAndroid:r(bn),isOSX:r("OSX"),isLinux:r("Linux"),isSolaris:r(wn),isFreeBSD:r(yn),isChromeOS:r(Cn)}},Sn={unknown:function(){return xn({current:undefined,version:Q.unknown()})},nu:xn,windows:b(vn),ios:b("iOS"),android:b(bn),linux:b("Linux"),osx:b("OSX"),solaris:b(wn),freebsd:b(yn),chromeos:b(Cn)},Tn=function(n,e){var t,r,o,u,i,c,a,l,f,s,d,m,g=mn.browsers(),p=mn.oses(),h=nn(g,n).fold(hn.unknown,hn.nu),v=en(p,n).fold(Sn.unknown,Sn.nu);return{browser:h,os:v,deviceType:(r=h,o=n,u=e,i=(t=v).isiOS()&&!0===/ipad/i.test(o),c=t.isiOS()&&!i,a=t.isiOS()||t.isAndroid(),l=a||u("(pointer:coarse)"),f=i||!c&&a&&u("(min-device-width:768px)"),s=c||a&&!f,d=r.isSafari()&&t.isiOS()&&!1===/safari/i.test(o),m=!s&&!f&&!d,{isiPad:b(i),isiPhone:b(c),isTablet:b(f),isPhone:b(s),isTouch:b(l),isAndroid:t.isAndroid,isiOS:t.isiOS,isWebView:b(d),isDesktop:b(m)})}},Rn=function(n){return window.matchMedia(n).matches},On=K(function(){return Tn(navigator.userAgent,Rn)}),Dn=function(){return On()},An=function(n){if(null===n||n===undefined)throw new Error("Node cannot be null or undefined");return{dom:n}},In={fromHtml:function(n,e){var t=(e||document).createElement("div");if(t.innerHTML=n,!t.hasChildNodes()||1<t.childNodes.length)throw console.error("HTML does not have a single root node",n),new Error("HTML must have a single root node");return An(t.childNodes[0])},fromTag:function(n,e){var t=(e||document).createElement(n);return An(t)},fromText:function(n,e){var t=(e||document).createTextNode(n);return An(t)},fromDom:An,fromPoint:function(n,e,t){return x.from(n.dom.elementFromPoint(e,t)).map(An)}},Bn=function(n,e){var t=n.dom;if(1!==t.nodeType)return!1;var r=t;if(r.matches!==undefined)return r.matches(e);if(r.msMatchesSelector!==undefined)return r.msMatchesSelector(e);if(r.webkitMatchesSelector!==undefined)return r.webkitMatchesSelector(e);if(r.mozMatchesSelector!==undefined)return r.mozMatchesSelector(e);throw new Error("Browser lacks native selectors")},En=function(n){return 1!==n.nodeType&&9!==n.nodeType&&11!==n.nodeType||0===n.childElementCount},Pn=function(n,e){return n.dom===e.dom},kn=function(n,e){return t=n.dom,r=e.dom,o=t,u=r,i=Node.DOCUMENT_POSITION_CONTAINED_BY,0!=(o.compareDocumentPosition(u)&i);var t,r,o,u,i},Mn=function(n,e){return Dn().browser.isIE()?kn(n,e):(t=e,r=n.dom,o=t.dom,r!==o&&r.contains(o));var t,r,o},Nn=Bn,jn=Object.keys,_n=Object.hasOwnProperty,zn=function(n,e){for(var t=jn(n),r=0,o=t.length;r<o;r++){var u=t[r];e(n[u],u)}},Wn=function(n,t){return Fn(n,function(n,e){return{k:e,v:t(n,e)}})},Fn=function(n,r){var o={};return zn(n,function(n,e){var t=r(n,e);o[t.k]=t.v}),o},Ln=function(n,e){var t,r,o,u,i={};return t=e,u=i,r=function(n,e){u[e]=n},o=y,zn(n,function(n,e){(t(n,e)?r:o)(n,e)}),i},Hn=function(n){return t=function(n){return n},r=[],zn(n,function(n,e){r.push(t(n,e))}),r;var t,r},qn=function(n,e){return Vn(n,e)?x.from(n[e]):x.none()},Vn=function(n,e){return _n.call(n,e)},Un=["tfoot","thead","tbody","colgroup"],$n=function(n,e,t){return{element:n,rowspan:e,colspan:t}},Gn=function(n,e,t){return{element:n,cells:e,section:t}},Kn=function(n,e){return{element:n,isNew:e}},Xn=function(n,e){return{cells:n,section:e}},Yn=("undefined"!=typeof window||Function("return this;")(),function(n){return n.dom.nodeName.toLowerCase()}),Jn=function(n){return n.dom.nodeType},Qn=function(e){return function(n){return Jn(n)===e}},Zn=function(n){return 8===Jn(n)||"#comment"===Yn(n)},ne=Qn(1),ee=Qn(3),te=Qn(9),re=Qn(11),oe=function(n){return In.fromDom(n.dom.ownerDocument)},ue=function(n){return te(n)?n:oe(n)},ie=function(n){return x.from(n.dom.parentNode).map(In.fromDom)},ce=function(n,e){for(var t=S(e)?e:f,r=n.dom,o=[];null!==r.parentNode&&r.parentNode!==undefined;){var u=r.parentNode,i=In.fromDom(u);if(o.push(i),!0===t(i))break;r=u}return o},ae=function(n){return x.from(n.dom.previousSibling).map(In.fromDom)},le=function(n){return x.from(n.dom.nextSibling).map(In.fromDom)},fe=function(n){return E(n.dom.childNodes,In.fromDom)},se=function(n,e){var t=n.dom.childNodes;return x.from(t[e]).map(In.fromDom)},de=S(Element.prototype.attachShadow)&&S(Node.prototype.getRootNode),me=b(de),ge=de?function(n){return In.fromDom(n.dom.getRootNode())}:ue,pe=function(n){var e=ge(n);return re(e)?x.some(e):x.none()},he=function(n){return In.fromDom(n.dom.host)},ve=function(n){if(me()&&v(n.target)){var e=In.fromDom(n.target);if(ne(e)&&be(e)&&n.composed&&n.composedPath){var t=n.composedPath();if(t)return H(t,0)}}return x.from(n.target)},be=function(n){return v(n.dom.shadowRoot)},we=function(n){var e=ee(n)?n.dom.parentNode:n.dom;if(e===undefined||null===e||null===e.ownerDocument)return!1;var t,r,o=e.ownerDocument;return pe(In.fromDom(e)).fold(function(){return o.body.contains(e)},(t=we,r=he,function(n){return t(r(n))}))},ye=function(n){var e=n.dom.body;if(null===e||e===undefined)throw new Error("Body is not available yet");return In.fromDom(e)},Ce=function(n,e){var t=[];return P(fe(n),function(n){e(n)&&(t=t.concat([n])),t=t.concat(Ce(n,e))}),t},xe=function(n,e,t){return r=function(n){return Bn(n,e)},k(ce(n,t),r);var r},Se=function(n,e){return t=function(n){return Bn(n,e)},k(fe(n),t);var t},Te=function(n,e){return t=e,o=(r=n)===undefined?document:r.dom,En(o)?[]:E(o.querySelectorAll(t),In.fromDom);var t,r,o};function Re(n,e,t,r,o){return n(t,r)?x.some(t):S(o)&&o(t)?x.none():e(t,r,o)}var Oe=function(n,e,t){for(var r=n.dom,o=S(t)?t:f;r.parentNode;){r=r.parentNode;var u=In.fromDom(r);if(e(u))return x.some(u);if(o(u))break}return x.none()},De=function(n,e,t){return Oe(n,function(n){return Bn(n,e)},t)},Ae=function(n,e){return t=function(n){return Bn(n,e)},j(n.dom.childNodes,function(n){return t(In.fromDom(n))}).map(In.fromDom);var t},Ie=function(n,e){return t=e,o=(r=n)===undefined?document:r.dom,En(o)?x.none():x.from(o.querySelector(t)).map(In.fromDom);var t,r,o},Be=function(n,e,t){return Re(Bn,De,n,e,t)},Ee=function(n,e,t){if(!(p(t)||s(t)||T(t)))throw console.error("Invalid call to Attribute.set. Key ",e,":: Value ",t,":: Element ",n),new Error("Attribute value was not simple");n.setAttribute(e,t+"")},Pe=function(n,e,t){Ee(n.dom,e,t)},ke=function(n,e){var t=n.dom;zn(e,function(n,e){Ee(t,e,n)})},Me=function(n,e){var t=n.dom.getAttribute(e);return null===t?undefined:t},Ne=function(n,e){return x.from(Me(n,e))},je=function(n,e){n.dom.removeAttribute(e)},_e=function(n){return N(n.dom.attributes,function(n,e){return n[e.name]=e.value,n},{})},ze=function(n){return n.style!==undefined&&S(n.style.getPropertyValue)},We=function(n,e,t){if(!p(t))throw console.error("Invalid call to CSS.set. Property ",e,":: Value ",t,":: Element ",n),new Error("CSS value must be a string: "+t);ze(n)&&n.style.setProperty(e,t)},Fe=function(n,e,t){var r=n.dom;We(r,e,t)},Le=function(n,e){var t=n.dom;zn(e,function(n,e){We(t,e,n)})},He=function(n,e){var t=n.dom,r=window.getComputedStyle(t).getPropertyValue(e);return""!==r||we(n)?r:qe(t,e)},qe=function(n,e){return ze(n)?n.style.getPropertyValue(e):""},Ve=function(n,e){var t=n.dom,r=qe(t,e);return x.from(r).filter(function(n){return 0<n.length})},Ue=function(n,e){var t,r,o=n.dom;r=e,ze(t=o)&&t.style.removeProperty(r),Ne(n,"style").map(cn).is("")&&je(n,"style")},$e=function(n,e,t){return void 0===t&&(t=0),Ne(n,e).map(function(n){return parseInt(n,10)}).getOr(t)},Ge=function(n,e){return $e(n,e,1)},Ke=function(n){return 1<Ge(n,"colspan")},Xe=function(n){return 1<Ge(n,"rowspan")},Ye=function(n,e){return parseInt(He(n,e),10)},Je=b(10),Qe=b(10),Ze=function(n,e){return nt(n,e,C)},nt=function(n,e,t){return W(fe(n),function(n){return Bn(n,e)?t(n)?[n]:[]:nt(n,e,t)})},et=function(n,e){return function(n,e,t){if(void 0===t&&(t=f),t(e))return x.none();if(A(n,Yn(e)))return x.some(e);return De(e,n.join(","),function(n){return Bn(n,"table")||t(n)})}(["td","th"],n,e)},tt=function(n){return Ze(n,"th,td")},rt=function(n){return Bn(n,"colgroup")?Se(n,"col"):W(it(n),function(n){return Se(n,"col")})},ot=function(n,e){return Be(n,"table",e)},ut=function(n){return Ze(n,"tr")},it=function(n){return ot(n).fold(b([]),function(n){return Se(n,"colgroup")})},ct=function(n,t){return E(n,function(n){if("colgroup"===Yn(n)){var e=E(rt(n),function(n){var e=$e(n,"span",1);return $n(n,1,e)});return Gn(n,e,"colgroup")}e=E(tt(n),function(n){var e=$e(n,"rowspan",1),t=$e(n,"colspan",1);return $n(n,e,t)});return Gn(n,e,t(n))})},at=function(n){return ie(n).map(function(n){var e=Yn(n);return A(Un,e)?e:"tbody"}).getOr("tbody")},lt=function(n){var e=ut(n),t=$(it(n),e);return ct(t,at)},ft=function(n,e){return n+","+e},st=function(n,e){var t=W(n.all,function(n){return n.cells});return k(t,e)},dt=function(n){var a={},e=[],t={},r=0,l=0,f=0;return P(n,function(n){var c,o,u;"colgroup"===n.section?(o={},u=0,P(n.cells,function(t){var r=t.colspan;B(r,function(n){var e=u+n;o[e]={element:t.element,colspan:r,column:e}}),u+=r}),t=o):(c=[],P(n.cells,function(n){for(var e=0;a[ft(f,e)]!==undefined;)e++;for(var t={element:n.element,rowspan:n.rowspan,colspan:n.colspan,row:f,column:e},r=0;r<n.colspan;r++)for(var o=0;o<n.rowspan;o++){var u=e+r,i=ft(f+o,u);a[i]=t,l=Math.max(l,u+1)}c.push(t)}),r++,e.push(Gn(n.element,c,n.section)),f++)}),{grid:{rows:r,columns:l},access:a,all:e,columns:t}},mt={fromTable:function(n){var e=lt(n);return dt(e)},generate:dt,getAt:function(n,e,t){var r=n.access[ft(e,t)];return r!==undefined?x.some(r):x.none()},findItem:function(n,e,t){var r=st(n,function(n){return t(e,n.element)});return 0<r.length?x.some(r[0]):x.none()},filterItems:st,justCells:function(n){return W(n.all,function(n){return n.cells})},justColumns:function(n){return Hn(n.columns)},hasColumns:function(n){return 0<jn(n.columns).length},getColumnAt:function(n,e){return x.from(n.columns[e])}},gt=function(n,e){var t=e.column,r=e.column+e.colspan-1,o=e.row,u=e.row+e.rowspan-1;return t<=n.finishCol&&r>=n.startCol&&o<=n.finishRow&&u>=n.startRow},pt=function(n,e){return e.column>=n.startCol&&e.column+e.colspan-1<=n.finishCol&&e.row>=n.startRow&&e.row+e.rowspan-1<=n.finishRow},ht=function(n,e,t){var r=mt.findItem(n,e,Pn),o=mt.findItem(n,t,Pn);return r.bind(function(r){return o.map(function(n){return e=r,t=n,{startRow:Math.min(e.row,t.row),startCol:Math.min(e.column,t.column),finishRow:Math.max(e.row+e.rowspan-1,t.row+t.rowspan-1),finishCol:Math.max(e.column+e.colspan-1,t.column+t.colspan-1)};var e,t})})},vt=function(e,n,t){return ht(e,n,t).bind(function(n){return function(n,e){for(var t=!0,r=w(pt,e),o=e.startRow;o<=e.finishRow;o++)for(var u=e.startCol;u<=e.finishCol;u++)t=t&&mt.getAt(n,o,u).exists(r);return t?x.some(e):x.none()}(e,n)})},bt=function(t,n,e){return ht(t,n,e).map(function(n){var e=mt.filterItems(t,w(gt,n));return E(e,function(n){return n.element})})},wt=function(n,e){return mt.findItem(n,e,function(n,e){return Mn(e,n)}).map(function(n){return n.element})},yt=function(i,c,a){return ot(i).bind(function(n){var r,e,o,u,t=xt(n);return r=t,e=i,o=c,u=a,mt.findItem(r,e,Pn).bind(function(n){var e=0<o?n.row+n.rowspan-1:n.row,t=0<u?n.column+n.colspan-1:n.column;return mt.getAt(r,e+o,t+u).map(function(n){return n.element})})})},Ct=function(n,e,t,r,o){var u=xt(n),i=Pn(n,t)?x.some(e):wt(u,e),c=Pn(n,o)?x.some(r):wt(u,r);return i.bind(function(e){return c.bind(function(n){return bt(u,e,n)})})},xt=mt.fromTable,St=function(e,t){ie(e).each(function(n){n.dom.insertBefore(t.dom,e.dom)})},Tt=function(n,e){le(n).fold(function(){ie(n).each(function(n){Ot(n,e)})},function(n){St(n,e)})},Rt=function(e,t){se(e,0).fold(function(){Ot(e,t)},function(n){e.dom.insertBefore(t.dom,n.dom)})},Ot=function(n,e){n.dom.appendChild(e.dom)},Dt=function(n,e){St(n,e),Ot(e,n)},At=function(r,o){P(o,function(n,e){var t=0===e?r:o[e-1];Tt(t,n)})},It=function(e,n){P(n,function(n){Ot(e,n)})},Bt=function(n){n.dom.textContent="",P(fe(n),function(n){Et(n)})},Et=function(n){var e=n.dom;null!==e.parentNode&&e.parentNode.removeChild(e)},Pt=function(n){var e,t=fe(n);0<t.length&&(e=n,P(t,function(n){St(e,n)})),Et(n)};var kt,Mt,Nt,jt=(kt=ee,Mt="text",{get:function(n){if(!kt(n))throw new Error("Can only get "+Mt+" value of a "+Mt+" node");return Nt(n).getOr("")},getOption:Nt=function(n){return kt(n)?x.from(n.dom.nodeValue):x.none()},set:function(n,e){if(!kt(n))throw new Error("Can only set raw "+Mt+" value of a "+Mt+" node");n.dom.nodeValue=e}}),_t=function(n){return jt.get(n)},zt=function(n){return jt.getOption(n)},Wt=function(n,e){return jt.set(n,e)},Ft=["body","p","div","article","aside","figcaption","figure","footer","header","nav","section","ol","ul","li","table","thead","tbody","tfoot","caption","tr","td","th","h1","h2","h3","h4","h5","h6","blockquote","pre","address"];function Lt(){return{up:b({selector:De,closest:Be,predicate:Oe,all:ce}),down:b({selector:Te,predicate:Ce}),styles:b({get:He,getRaw:Ve,set:Fe,remove:Ue}),attrs:b({get:Me,set:Pe,remove:je,copyTo:function(n,e){var t=_e(n);ke(e,t)}}),insert:b({before:St,after:Tt,afterAll:At,append:Ot,appendAll:It,prepend:Rt,wrap:Dt}),remove:b({unwrap:Pt,remove:Et}),create:b({nu:In.fromTag,clone:function(n){return In.fromDom(n.dom.cloneNode(!1))},text:In.fromText}),query:b({comparePosition:function(n,e){return n.dom.compareDocumentPosition(e.dom)},prevSibling:ae,nextSibling:le}),property:b({children:fe,name:Yn,parent:ie,document:function(n){return ue(n).dom},isText:ee,isComment:Zn,isElement:ne,getText:_t,setText:Wt,isBoundary:function(n){return!!ne(n)&&("body"===Yn(n)||A(Ft,Yn(n)))},isEmptyTag:function(n){return!!ne(n)&&A(["br","img","hr","input"],Yn(n))},isNonEditable:function(n){return ne(n)&&"false"===Me(n,"contenteditable")}}),eq:Pn,is:Nn}}var Ht=function(r,o,n,e){var t=o(r,n);return M(e,function(n,e){var t=o(r,e);return qt(r,n,t)},t)},qt=function(e,n,t){return n.bind(function(n){return t.filter(w(e.eq,n))})},Vt=function(n,e,t){return 0<t.length?Ht(n,e,(r=t)[0],r.slice(1)):x.none();var r},Ut=function(t,n,e,r){void 0===r&&(r=f);var o=[n].concat(t.up().all(n)),u=[e].concat(t.up().all(e)),i=function(e){return _(e,r).fold(function(){return e},function(n){return e.slice(0,n+1)})},c=i(o),a=i(u),l=j(c,function(n){return I(a,(e=n,w(t.eq,e)));var e});return{firstpath:c,secondpath:a,shared:l}},$t=Lt(),Gt=function(t,n){return Vt($t,function(n,e){return t(e)},n)},Kt=function(n){return De(n,"table")},Xt=function(l,f,s){var d=function(e){return function(n){return s!==undefined&&s(n)||Pn(n,e)}};return Pn(l,f)?x.some({boxes:x.some([l]),start:l,finish:f}):Kt(l).bind(function(a){return Kt(f).bind(function(u){if(Pn(a,u))return x.some({boxes:(o=l,i=f,c=xt(a),bt(c,o,i)),start:l,finish:f});if(Mn(a,u)){var n=0<(e=xe(f,"td,th",d(a))).length?e[e.length-1]:f;return x.some({boxes:Ct(a,l,a,f,u),start:l,finish:n})}if(Mn(u,a)){var e,t=0<(e=xe(l,"td,th",d(u))).length?e[e.length-1]:l;return x.some({boxes:Ct(u,l,a,f,u),start:l,finish:t})}return Ut($t,l,f,r).shared.bind(function(n){return Be(n,"table",s).bind(function(n){var e=xe(f,"td,th",d(n)),t=0<e.length?e[e.length-1]:f,r=xe(l,"td,th",d(n)),o=0<r.length?r[r.length-1]:l;return x.some({boxes:Ct(n,l,a,f,u),start:o,finish:t})})});var r,o,i,c})})},Yt=function(n,e){var t=Te(n,e);return 0<t.length?x.some(t):x.none()},Jt=function(n,e,r){return Ie(n,e).bind(function(t){return Ie(n,r).bind(function(e){return Gt(Kt,[t,e]).map(function(n){return{first:t,last:e,table:n}})})})},Qt=function(n,e,t,r,o){return u=o,j(n,function(n){return Bn(n,u)}).bind(function(n){return yt(n,e,t).bind(function(n){return t=r,De(e=n,"table").bind(function(n){return Ie(n,t).bind(function(n){return Xt(n,e).bind(function(e){return e.boxes.map(function(n){return{boxes:n,start:e.start,finish:e.finish}})})})});var e,t})});var u},Zt=Yt,nr=function(o,n,e){return Jt(o,n,e).bind(function(i){var n=function(n){return Pn(o,n)},e="thead,tfoot,tbody,table",t=De(i.first,e,n),r=De(i.last,e,n);return t.bind(function(u){return r.bind(function(n){return Pn(u,n)?(e=i.table,t=i.first,r=i.last,o=xt(e),vt(o,t,r)):x.none();var e,t,r,o})})})},er=function(i){if(!l(i))throw new Error("cases must be an array");if(0===i.length)throw new Error("there must be at least one case");var c=[],t={};return P(i,function(n,r){var e=jn(n);if(1!==e.length)throw new Error("one and only one name per case");var o=e[0],u=n[o];if(t[o]!==undefined)throw new Error("duplicate key detected:"+o);if("cata"===o)throw new Error("cannot have a case named cata (sorry)");if(!l(u))throw new Error("case arguments must be an array");c.push(o),t[o]=function(){var n=arguments.length;if(n!==u.length)throw new Error("Wrong number of arguments to case "+o+". Expected "+u.length+" ("+u+"), got "+n);for(var t=new Array(n),e=0;e<t.length;e++)t[e]=arguments[e];return{fold:function(){if(arguments.length!==i.length)throw new Error("Wrong number of arguments to fold. Expected "+i.length+", got "+arguments.length);return arguments[r].apply(null,t)},match:function(n){var e=jn(n);if(c.length!==e.length)throw new Error("Wrong number of arguments to match. Expected: "+c.join(",")+"\nActual: "+e.join(","));if(!F(c,function(n){return A(e,n)}))throw new Error("Not all branches were specified when using match. Specified: "+e.join(", ")+"\nRequired: "+c.join(", "));return n[o].apply(null,t)},log:function(n){console.log(n,{constructors:c,constructor:o,params:t})}}}}),t},tr=er([{none:[]},{multiple:["elements"]},{single:["element"]}]),rr=function(n,e,t,r){return n.fold(e,t,r)},or=tr.none,ur=tr.multiple,ir=tr.single,cr=function(n,e,t){return{get:function(){return Zt(n(),t).fold(function(){return e().map(ir).getOrThunk(or)},function(n){return ur(n)})}}},ar=tinymce.util.Tools.resolve("tinymce.PluginManager"),lr=function(n,e,t,r){for(var o,u,i,c=e.grid.columns,a=e.grid.rows,l=0;l<a;l++)for(var f=!1,s=0;s<c;s++){l<t.minRow||l>t.maxRow||s<t.minCol||s>t.maxCol||(mt.getAt(e,l,s).filter(r).isNone()?(o=f,0,u=n[l].element,i=In.fromTag("td"),Ot(i,In.fromTag("br")),(o?Ot:Rt)(u,i)):f=!0)}},fr=function(n,e){var t,u,r,i,c,a,l,o,f,s,d=function(n){return Bn(n.element,e)},m=lt(n),g=mt.generate(m),p=(u=d,r=(t=g).grid.columns,i=t.grid.rows,c=r,l=a=0,zn(t.access,function(n){var e,t,r,o;u(n)&&(t=(e=n.row)+n.rowspan-1,o=(r=n.column)+n.colspan-1,e<i?i=e:a<t&&(a=t),r<c?c=r:l<o&&(l=o))}),{minRow:i,minCol:c,maxRow:a,maxCol:l}),h="th:not("+e+"),td:not("+e+")",v=nt(n,"th,td",function(n){return Bn(n,h)});return P(v,Et),lr(m,g,p,d),f=p,s=k(Ze(o=n,"tr"),function(n){return 0===n.dom.childElementCount}),P(s,Et),f.minCol!==f.maxCol&&f.minRow!==f.maxRow||P(Ze(o,"th,td"),function(n){je(n,"rowspan"),je(n,"colspan")}),je(o,"width"),je(o,"height"),Ue(o,"width"),Ue(o,"height"),n},sr=function(n){return"img"===Yn(n)?1:zt(n).fold(function(){return fe(n).length},function(n){return n.length})},dr=["img","br"],mr=function(n){return zt(n).filter(function(n){return 0!==n.trim().length||-1<n.indexOf("\xa0")}).isSome()||A(dr,Yn(n))},gr=function(n){return o=mr,(u=function(n){for(var e=0;e<n.childNodes.length;e++){var t=In.fromDom(n.childNodes[e]);if(o(t))return x.some(t);var r=u(n.childNodes[e]);if(r.isSome())return r}return x.none()})(n.dom);var o,u},pr=function(n){return hr(n,mr)},hr=function(n,u){var i=function(n){for(var e=fe(n),t=e.length-1;0<=t;t--){var r=e[t];if(u(r))return x.some(r);var o=i(r);if(o.isSome())return o}return x.none()};return i(n)},vr=function(n,e){return In.fromDom(n.dom.cloneNode(e))},br=function(n){return vr(n,!1)},wr=function(n){return vr(n,!0)},yr=function(n,e){var t,r,o,u,i=(t=n,r=e,o=In.fromTag(r),u=_e(t),ke(o,u),o),c=fe(wr(n));return It(i,c),i},Cr={scope:["row","col"]},xr=function(){var n=In.fromTag("td");return Ot(n,In.fromTag("br")),n},Sr=function(){return In.fromTag("col")},Tr=function(){return In.fromTag("colgroup")},Rr=function(n,e,t){var r=yr(n,e);return zn(t,function(n,e){null===n?je(r,e):Pe(r,e,n)}),r},Or=function(n){return n},Dr=function(n){return function(){return In.fromTag("tr",n.dom)}},Ar=function(f,n,s){var d=function(n,e){var t,r,o,u;t=n.element,r=e,o=t.dom,u=r.dom,ze(o)&&ze(u)&&(u.style.cssText=o.style.cssText),Ue(e,"height"),1!==n.colspan&&Ue(n.element,"width")};return{col:function(n){var e=oe(n.element),t=In.fromTag(Yn(n.element),e.dom);return d(n,t),f(n.element,t),t},colgroup:Tr,row:Dr(n),cell:function(n){var r,o,u,i,c,e=oe(n.element),t=In.fromTag(Yn(n.element),e.dom),a=s.getOr(["strong","em","b","i","span","font","h1","h2","h3","h4","h5","h6","p","div"]),l=0<a.length?(r=n.element,o=t,u=a,gr(r).map(function(n){var e=u.join(","),t=xe(n,e,function(n){return Pn(n,r)});return M(t,function(n,e){var t=br(e);return je(t,"contenteditable"),Ot(n,t),t},o)}).getOr(o)):t;return Ot(l,In.fromTag("br")),d(n,t),i=n.element,c=t,zn(Cr,function(e,t){return Ne(i,t).filter(function(n){return A(e,n)}).each(function(n){return Pe(c,t,n)})}),f(n.element,t),t},replace:Rr,gap:xr}},Ir=function(n){return{col:Sr,colgroup:Tr,row:Dr(n),cell:xr,replace:Or,gap:xr}},Br=function(n){return E(n,In.fromDom)},Er=function(n){return rr(n.get(),b([]),d,L)},Pr="data-mce-selected",kr="data-mce-first-selected",Mr="data-mce-last-selected",Nr={selected:Pr,selectedSelector:"td[data-mce-selected],th[data-mce-selected]",firstSelected:kr,firstSelectedSelector:"td[data-mce-first-selected],th[data-mce-first-selected]",lastSelected:Mr,lastSelectedSelector:"td[data-mce-last-selected],th[data-mce-last-selected]"},jr=function(n){return{element:n,mergable:x.none(),unmergable:x.none(),selection:[n]}},_r=function(n,e,t){return{element:t,mergable:(u=e,i=Nr,rr(n.get(),x.none,function(e){return e.length<=1?x.none():nr(u,i.firstSelectedSelector,i.lastSelectedSelector).map(function(n){return{bounds:n,cells:e}})},x.none)),unmergable:(r=function(n,e){return Ne(n,e).exists(function(n){return 1<parseInt(n,10)})},0<(o=Er(n)).length&&F(o,function(n){return r(n,"rowspan")||r(n,"colspan")})?x.some(o):x.none()),selection:Er(n)};var r,o,u,i},zr=function(s,n,d,m){s.on("BeforeGetContent",function(t){!0===t.selection&&rr(n.get(),y,function(n){t.preventDefault(),ot(n[0]).map(wr).map(function(n){return[fr(n,"[data-mce-selected]")]}).each(function(n){var e;t.content="text"===t.format?E(n,function(n){return n.dom.innerText}).join(""):(e=s,E(n,function(n){return e.selection.serializer.serialize(n.dom,{})}).join(""))})},y)}),s.on("BeforeSetContent",function(f){!0===f.selection&&!0===f.paste&&x.from(s.dom.getParent(s.selection.getStart(),"th,td")).each(function(n){var l=In.fromDom(n);ot(l).each(function(e){var n,t,r,o,u,i,c,a=k((n=f.content,(r=(t||document).createElement("div")).innerHTML=n,fe(In.fromDom(r))),function(n){return"meta"!==Yn(n)});1===a.length&&(c=a[0],"table"===Yn(c))&&(f.preventDefault(),o=In.fromDom(s.getDoc()),u=Ir(o),i={element:l,clipboard:a[0],generators:u},d.pasteCells(e,i).each(function(n){s.selection.setRng(n),s.focus(),m.clear(e)}))})})})},Wr=er([{none:[]},{only:["index"]},{left:["index","next"]},{middle:["prev","index","next"]},{right:["prev","index"]}]),Fr=U({},Wr),Lr=function(n,e,r,o,u){var t,i,c=n.slice(0),a=(i=e,0===(t=n).length?Fr.none():1===t.length?Fr.only(0):0===i?Fr.left(0,1):i===t.length-1?Fr.right(i-1,i):0<i&&i<t.length-1?Fr.middle(i-1,i,i+1):Fr.none()),l=b(E(c,b(0)));return a.fold(l,function(n){return o.singleColumnWidth(c[n],r)},function(n,e){return u.calcLeftEdgeDeltas(c,n,e,r,o.minCellWidth(),o.isRelative)},function(n,e,t){return u.calcMiddleDeltas(c,n,e,t,r,o.minCellWidth(),o.isRelative)},function(n,e){return u.calcRightEdgeDeltas(c,n,e,r,o.minCellWidth(),o.isRelative)})},Hr=function(n){for(var e=[],t=function(n){e.push(n)},r=0;r<n.length;r++)n[r].each(t);return e};function qr(r,o){var n=function(n){var e=o(n);if(e<=0||null===e){var t=He(n,r);return parseFloat(t)||0}return e},u=function(o,n){return N(n,function(n,e){var t=He(o,e),r=t===undefined?0:parseInt(t,10);return isNaN(r)?n:n+r},0)};return{set:function(n,e){if(!T(e)&&!e.match(/^[0-9]+$/))throw new Error(r+".set accepts only positive integer values. Value was "+e);var t=n.dom;ze(t)&&(t.style[r]=e+"px")},get:n,getOuter:n,aggregate:u,max:function(n,e,t){var r=u(n,t);return r<e?e-r:0}}}var Vr,Ur,$r,Gr,Kr,Xr=qr("width",function(n){return n.dom.offsetWidth}),Yr=function(n){return Xr.get(n)},Jr=function(n){return Xr.getOuter(n)},Qr=function(t){var n=t.grid,e=B(n.columns,d),r=B(n.rows,d);return E(e,function(e){return Zr(function(){return W(r,function(n){return mt.getAt(t,n,e).filter(function(n){return n.column===e}).toArray()})},function(n){return 1===n.colspan},function(){return mt.getAt(t,0,e)})})},Zr=function(n,e,t){var r=n();return j(r,e).orThunk(function(){return x.from(r[0]).orThunk(t)}).map(function(n){return n.element})},no=function(t){var n=t.grid,e=B(n.rows,d),r=B(n.columns,d);return E(e,function(e){return Zr(function(){return W(r,function(n){return mt.getAt(t,e,n).filter(function(n){return n.row===e}).fold(b([]),function(n){return[n]})})},function(n){return 1===n.rowspan},function(){return mt.getAt(t,e,0)})})},eo=function(r,o){if(o<0||o>=r.length-1)return x.none();var n=r[o].fold(function(){var n,e,t=(n=r.slice(0,o),(e=R.call(n,0)).reverse(),e);return V(t,function(n,e){return n.map(function(n){return{value:n,delta:e+1}})})},function(n){return x.some({value:n,delta:0})}),e=r[o+1].fold(function(){var n=r.slice(o+1);return V(n,function(n,e){return n.map(function(n){return{value:n,delta:e+1}})})},function(n){return x.some({value:n,delta:1})});return n.bind(function(t){return e.map(function(n){var e=n.delta+t.delta;return Math.abs(n.value-t.value)/e})})},to=function(e,t){return function(n){return"rtl"===ro(n)?t:e}},ro=function(n){return"rtl"===He(n,"direction")?"rtl":"ltr"},oo=qr("height",function(n){var e=n.dom;return we(n)?e.getBoundingClientRect().height:e.offsetHeight}),uo=function(n){return oo.get(n)},io=function(n){return oo.getOuter(n)},co=function(t,r){return{left:t,top:r,translate:function(n,e){return co(t+n,r+e)}}},ao=co,lo=function(n,e){return n!==undefined?n:e!==undefined?e:0},fo=function(n){var e=n.dom.ownerDocument,t=e.body,r=e.defaultView,o=e.documentElement;if(t===n.dom)return ao(t.offsetLeft,t.offsetTop);var u=lo(null==r?void 0:r.pageYOffset,o.scrollTop),i=lo(null==r?void 0:r.pageXOffset,o.scrollLeft),c=lo(o.clientTop,t.clientTop),a=lo(o.clientLeft,t.clientLeft);return so(n).translate(i-a,u-c)},so=function(n){var e,t=n.dom,r=t.ownerDocument.body;return r===t?ao(r.offsetLeft,r.offsetTop):we(n)?(e=t.getBoundingClientRect(),ao(e.left,e.top)):ao(0,0)},mo=function(n,e){return{row:n,y:e}},go=function(n,e){return{col:n,x:e}},po=function(n){return fo(n).left+Jr(n)},ho=function(n){return fo(n).left},vo=function(n,e){return go(n,ho(e))},bo=function(n,e){return go(n,po(e))},wo=function(n){return fo(n).top},yo=function(n,e){return mo(n,wo(e))},Co=function(n,e){return mo(n,wo(e)+io(e))},xo=function(t,e,r){if(0===r.length)return[];var n=E(r.slice(1),function(n,e){return n.map(function(n){return t(e,n)})}),o=r[r.length-1].map(function(n){return e(r.length-1,n)});return n.concat([o])},So={delta:d,positions:function(n){return xo(yo,Co,n)},edge:wo},To=to({delta:d,edge:ho,positions:function(n){return xo(vo,bo,n)}},{delta:function(n){return-n},edge:po,positions:function(n){return xo(bo,vo,n)}}),Ro={delta:function(n,e){return To(e).delta(n,e)},positions:function(n,e){return To(e).positions(n,e)},edge:function(n){return To(n).edge(n)}},Oo={unsupportedLength:["em","ex","cap","ch","ic","rem","lh","rlh","vw","vh","vi","vb","vmin","vmax","cm","mm","Q","in","pc","pt","px"],fixed:["px","pt"],relative:["%"],empty:[""]},Do=(Ur="[eE][+-]?[0-9]+",Gr=["Infinity",(Vr="[0-9]+")+"\\."+($r=function(n){return"(?:"+n+")?"})(Vr)+$r(Ur),"\\."+Vr+$r(Ur),Vr+$r(Ur)].join("|"),new RegExp("^([+-]?(?:"+Gr+"))(.*)$")),Ao=function(n,o){return x.from(Do.exec(n)).bind(function(n){var e,t=Number(n[1]),r=n[2];return e=r,I(o,function(n){return I(Oo[n],function(n){return e===n})})?x.some({value:t,unit:r}):x.none()})},Io=function(){var n=Dn().browser;return n.isIE()||n.isEdge()},Bo=function(n,e,t){return r=He(n,e),o=t,u=parseFloat(r),isNaN(u)?o:u;var r,o,u},Eo=function(n){return Io()?(t=(e=n).dom.getBoundingClientRect().height,"border-box"===He(e,"box-sizing")?t:t-Bo(e,"padding-top",0)-Bo(e,"padding-bottom",0)-(Bo(e,"border-top-width",0)+Bo(e,"border-bottom-width",0))):Bo(n,"height",uo(n));var e,t},Po=function(n){return Io()?(t=(e=n).dom.getBoundingClientRect().width,"border-box"===He(e,"box-sizing")?t:t-Bo(e,"padding-left",0)-Bo(e,"padding-right",0)-(Bo(e,"border-left-width",0)+Bo(e,"border-right-width",0))):Bo(n,"width",Yr(n));var e,t},ko=/(\d+(\.\d+)?)%/,Mo=/(\d+(\.\d+)?)px|em/,No=function(n,e){var t,r=(t=n,x.from(t.dom.offsetParent).map(In.fromDom).getOr(ye(oe(n))));return e(n)/e(r)*100},jo=function(n,e){Fe(n,"width",e+"px")},_o=function(n,e){Fe(n,"width",e+"%")},zo=function(n,e){Fe(n,"height",e+"px")},Wo=function(n,e,t,r){var o,u,i,c,a,l=parseInt(n,10);return un(n,"%")&&"table"!==Yn(e)?(u=l,i=t,c=r,a=ot(o=e).map(function(n){var e=i(n);return Math.floor(u/100*e)}).getOr(u),c(o,a),a):l},Fo=function(n){var e,t=Ve(e=n,"height").getOrThunk(function(){return Eo(e)+"px"});return t?Wo(t,n,uo,zo):uo(n)},Lo=function(n){return Ve(n,"width").fold(function(){return x.from(Me(n,"width"))},function(n){return x.some(n)})},Ho=function(n,e){return n/e.pixelWidth()*100},qo=function(e,t){return Lo(e).fold(function(){var n=Yr(e);return Ho(n,t)},function(n){return function(n,e,t){var r=ko.exec(e);if(null!==r)return parseFloat(r[1]);var o=Po(n);return Ho(o,t)}(e,n,t)})},Vo=function(e,t){return Lo(e).fold(function(){return Po(e)},function(n){return function(n,e,t){var r=Mo.exec(e);if(null!==r)return parseInt(r[1],10);var o=ko.exec(e);if(null===o)return Po(n);var u=parseFloat(o[1]);return u/100*t.pixelWidth()}(e,n,t)})},Uo=function(n){return t="rowspan",Fo(e=n)/Ge(e,t);var e,t},$o=function(n,e,t){Fe(n,"width",e+t)},Go=function(n){return No(n,Yr)+"%"},Ko=b(ko),Xo=b(Mo),Yo=(Kr="col",function(n){return ne(n)&&Yn(n)===Kr}),Jo=function(n,e,t){return Ve(n,e).fold(function(){return t(n)+"px"},function(n){return n})},Qo=function(n,e){return Jo(n,"width",function(n){return Yo(n)?Yr(n):Vo(n,e)})},Zo=function(n){return Jo(n,"height",Uo)},nu=function(n,e,t,r,o,u){return n.filter(r).fold(function(){return u(eo(t,e))},function(n){return o(n)})},eu=function(n,e,i,c,a){var t,l=Qr(n),r=mt.hasColumns(n)?(t=n,E(mt.justColumns(t),function(n){return x.from(n.element)})):l,f=[x.some(Ro.edge(e))].concat(E(Ro.positions(l,e),function(n){return n.map(function(n){return n.x})})),s=g(Ke);return E(r,function(n,u){return nu(n,u,f,s,function(n){if(!Yo(r=n)||Ve(r,"width").isSome())return i(n,a);var e,t,r,o=(e=l[u],t=d,e!==undefined&&null!==e?t(e):x.none());return nu(o,u,f,s,function(n){return c(x.some(Yr(n)))},c)},c)})},tu=function(n){return n.map(function(n){return n+"px"}).getOr("")},ru=function(n,e,t){return eu(n,e,Vo,function(n){return n.getOrThunk(t.minCellWidth)},t)},ou=function(n,e,t,r,o){var u=no(n),i=[x.some(t.edge(e))].concat(E(t.positions(u,e),function(n){return n.map(function(n){return n.y})}));return E(u,function(n,e){return nu(n,e,i,g(Xe),r,o)})},uu=function(n,e,t){for(var r=0,o=n;o<e;o++)r+=t[o]!==undefined?t[o]:0;return r},iu=function(n,e){return mt.hasColumns(n)?(u=n,i=e,c=mt.justColumns(u),E(c,function(n,e){return{element:n.element,width:i[e],colspan:n.colspan}})):(t=n,r=e,o=mt.justCells(t),E(o,function(n){var e=uu(n.column,n.column+n.colspan,r);return{element:n.element,width:e,colspan:n.colspan}}));var t,r,o,u,i,c},cu=function(n,e,t){var r=iu(n,e);P(r,function(n){t.setElementWidth(n.element,n.width)})},au=function(n,e,t,r,o){var u=mt.fromTable(n),i=o.getCellDelta(e),c=o.getWidths(u,o),a=t===u.grid.columns-1,l=r.clampTableDelta(c,t,i,o.minCellWidth(),a),f=Lr(c,t,l,o,r),s=E(f,function(n,e){return n+c[e]});cu(u,s,o),r.resizeTable(o.adjustTableWidth,l,a)},lu=function(n,t,r,e){var o,u,i,c,a=mt.fromTable(n),l=ou(a,n,e,Uo,function(n){return n.getOrThunk(Qe)}),f=E(l,function(n,e){return r===e?Math.max(t+n,Qe()):n}),s=(o=a,u=f,i=mt.justCells(o),E(i,function(n){var e=uu(n.row,n.row+n.rowspan,u);return{element:n.element,height:e,rowspan:n.rowspan}})),d=(c=f,E(a.all,function(n,e){return{element:n.element,height:c[e]}}));P(d,function(n){zo(n.element,n.height)}),P(s,function(n){zo(n.element,n.height)});var m=M(f,function(n,e){return n+e},0);zo(n,m)},fu=function(n){return E(n,b(0))},su=function(n,e,t,r,o){return o(n.slice(0,e)).concat(r).concat(o(n.slice(t)))},du=function(i){return function(n,e,t,r){if(i(t)){var o=Math.max(r,n[e]-Math.abs(t)),u=Math.abs(o-n[e]);return 0<=t?u:-u}return t}},mu=du(function(n){return n<0}),gu=du(C),pu=function(){var f=function(n,t,e,r){var o=(100+e)/100,u=Math.max(r,(n[t]+e)/o);return E(n,function(n,e){return(e===t?u:n/o)-n})},c=function(n,e,t,r,o,u){return u?f(n,e,r,o):(a=t,l=mu(i=n,c=e,r,o),su(i,c,a+1,[l,0],fu));var i,c,a,l};return{resizeTable:function(n,e){return n(e)},clampTableDelta:mu,calcLeftEdgeDeltas:c,calcMiddleDeltas:function(n,e,t,r,o,u,i){return c(n,t,r,o,u,i)},calcRightEdgeDeltas:function(n,e,t,r,o,u){if(u)return f(n,t,r,o);var i=mu(n,t,r,o);return fu(n.slice(0,t)).concat([i])}}},hu=function(n,e){var t=x.from(n.dom.documentElement).map(In.fromDom).getOr(n);return{parent:b(t),view:b(n),origin:b(ao(0,0)),isResizable:e}},vu=function(n,e,t){return{parent:b(e),view:b(n),origin:b(ao(0,0)),isResizable:t}},bu=er([{invalid:["raw"]},{pixels:["value"]},{percent:["value"]}]),wu=function(n,e,t){var r=t.substring(0,t.length-n.length),o=parseFloat(r);return r===o.toString()?e(o):bu.invalid(t)},yu=U(U({},bu),{from:function(n){return un(n,"%")?wu("%",bu.percent,n):un(n,"px")?wu("px",bu.pixels,n):bu.invalid(n)}}),Cu=function(n,r,o){return n.fold(function(){return r},function(n){return t=(e=n)/o,E(r,function(n){return yu.from(n).fold(function(){return n},function(n){return n*t+"px"},function(n){return n/100*e+"px"})});var e,t},function(n){return e=o,E(r,function(n){return yu.from(n).fold(function(){return n},function(n){return n/e*100+"%"},function(n){return n+"%"})});var e})},xu=function(n,e,t){var r,o,u,i=yu.from(t),c=F(n,function(n){return"0px"===n})?(r=i,o=n.length,u=r.fold(function(){return b("")},function(n){return b(n/o+"px")},function(){return b(100/o+"%")}),B(o,u)):Cu(i,n,e);return Tu(c)},Su=function(n,e){return 0===n.length?e:M(n,function(n,e){return yu.from(e).fold(b(0),d,d)+n},0)},Tu=function(n){if(0===n.length)return n;var e,t,r=M(n,function(n,e){var t=yu.from(e).fold(function(){return{value:e,remainder:0}},function(n){return e=n,t="px",{value:(r=Math.floor(e))+t,remainder:e-r};var e,t,r},function(n){return{value:n+"%",remainder:0}});return{output:[t.value].concat(n.output),remainder:n.remainder+t.remainder}},{output:[],remainder:0}),o=r.output;return o.slice(0,o.length-1).concat([(e=o[o.length-1],t=Math.round(r.remainder),yu.from(e).fold(b(e),function(n){return n+t+"px"},function(n){return n+t+"%"}))])},Ru=yu.from,Ou=function(n){return Ru(n).fold(b("px"),b("px"),b("%"))},Du=function(l,n,e,f){var s=mt.fromTable(l),a=s.all,d=mt.justCells(s),m=mt.justColumns(s);n.each(function(n){var r,o,u,i,e=Ou(n),t=Yr(l),c=eu(s,l,Qo,tu,f),a=xu(c,t,n);mt.hasColumns(s)?(u=a,i=e,P(m,function(n,e){var t=Su([u[e]],Je());Fe(n.element,"width",t+i)})):(r=a,o=e,P(d,function(n){var e=r.slice(n.column,n.colspan+n.column),t=Su(e,Je());Fe(n.element,"width",t+o)})),Fe(l,"width",n)}),e.each(function(n){var r,e,o,t=Ou(n),u=uo(l),i=ou(s,l,So,Zo,tu),c=xu(i,u,n);r=c,e=a,o=t,P(d,function(n){var e=r.slice(n.row,n.rowspan+n.row),t=Su(e,Qe());Fe(n.element,"height",t+o)}),P(e,function(n,e){Fe(n.element,"height",r[e])}),Fe(l,"height",n)})},Au=function(n){return Lo(n).exists(function(n){return ko.test(n)})},Iu=function(n){return Lo(n).exists(function(n){return Mo.test(n)})},Bu=function(n){return Lo(n).isNone()},Eu=Go,Pu=function(n){return mt.fromTable(n).grid},ku=function(e){var o=[];return{bind:function(n){if(n===undefined)throw new Error("Event bind error: undefined handler");o.push(n)},unbind:function(e){o=k(o,function(n){return n!==e})},trigger:function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];var r={};P(e,function(n,e){r[n]=t[e]}),P(o,function(n){n(r)})}}},Mu=function(n){return{registry:Wn(n,function(n){return{bind:n.bind,unbind:n.unbind}}),trigger:Wn(n,function(n){return n.trigger})}},Nu=function(n){return n.slice(0).sort()},ju=function(r,o,u){if(0===o.length)throw new Error("You must specify at least one required field.");var t;return function(e,n){if(!l(n))throw new Error("The "+e+" fields must be an array. Was: "+n+".");P(n,function(n){if(!p(n))throw new Error("The value "+n+" in the "+e+" fields was not a string.")})}("required",o),t=Nu(o),j(t,function(n,e){return e<t.length-1&&n===t[e+1]}).each(function(n){throw new Error("The field: "+n+" occurs more than once in the combined fields: ["+t.join(", ")+"].")}),function(e){var t=jn(e);F(o,function(n){return A(t,n)})||function(n,e){throw new Error("All required keys ("+Nu(n).join(", ")+") were not specified. Specified keys were: "+Nu(e).join(", ")+".")}(o,t),r(o,t);var n=k(o,function(n){return!u.validate(e[n],n)});return 0<n.length&&function(n,e){throw new Error("All values need to be of type: "+e+". Keys ("+Nu(n).join(", ")+") were not.")}(n,u.label),e}},_u=function(e,n){var t=k(n,function(n){return!A(e,n)});0<t.length&&function(n){throw new Error("Unsupported keys for object: "+Nu(n).join(", "))}(t)},zu=function(n){return ju(_u,n,{validate:S,label:"function"})},Wu=zu(["compare","extract","mutate","sink"]),Fu=zu(["element","start","stop","destroy"]),Lu=zu(["forceDrop","drop","move","delayDrop"]);function Hu(){var u=x.none(),i=Mu({move:ku(["info"])});return{onEvent:function(n,o){o.extract(n).each(function(n){var e,t,r;(e=o,t=n,r=u.map(function(n){return e.compare(n,t)}),u=x.some(t),r).each(function(n){i.trigger.move(n)})})},reset:function(){u=x.none()},events:i.registry}}function qu(){var n={onEvent:y,reset:y},e=Hu(),t=n;return{on:function(){t.reset(),t=e},off:function(){t.reset(),t=n},isOn:function(){return t===e},onEvent:function(n,e){t.onEvent(n,e)},events:e.events}}var Vu=function(e,t,n){var r,o,u,i=!1,c=Mu({start:ku([]),stop:ku([])}),a=qu(),l=function(){d.stop(),a.isOn()&&(a.off(),c.trigger.stop())},f=(r=l,o=200,u=null,{cancel:function(){null!==u&&(clearTimeout(u),u=null)},throttle:function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];null!==u&&clearTimeout(u),u=setTimeout(function(){r.apply(null,n),u=null},o)}});a.events.move.bind(function(n){t.mutate(e,n.info)});var s=function(t){return function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];i&&t.apply(null,n)}},d=t.sink(Lu({forceDrop:l,drop:s(l),move:s(function(n){f.cancel(),a.onEvent(n,t)}),delayDrop:s(f.throttle)}),n);return{element:d.element,go:function(n){d.start(n),a.on(),c.trigger.start()},on:function(){i=!0},off:function(){i=!1},destroy:function(){d.destroy()},events:c.registry}},Uu=function(n){var t,r,e=In.fromDom(ve(n).getOr(n.target)),o=function(){return n.stopPropagation()},u=function(){return n.preventDefault()},i=(t=u,r=o,function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];return t(r.apply(null,n))});return{target:e,x:n.clientX,y:n.clientY,stop:o,prevent:u,kill:i,raw:n}},$u=function(n,e,t,r,o){var u,i,c=(u=t,i=r,function(n){u(n)&&i(Uu(n))});return n.dom.addEventListener(e,c,o),{unbind:w(Gu,n,e,c,o)}},Gu=function(n,e,t,r){n.dom.removeEventListener(e,t,r)},Ku=C,Xu=function(n,e,t){return $u(n,e,Ku,t,!1)},Yu=Uu,Ju=function(n,e){var t=Me(n,e);return t===undefined||""===t?[]:t.split(" ")},Qu=function(n){return n.dom.classList!==undefined},Zu=function(n,e){return o=e,u=Ju(t=n,r="class").concat([o]),Pe(t,r,u.join(" ")),!0;var t,r,o,u},ni=function(n,e){return o=e,0<(u=k(Ju(t=n,r="class"),function(n){return n!==o})).length?Pe(t,r,u.join(" ")):je(t,r),!1;var t,r,o,u},ei=function(n,e){Qu(n)?n.dom.classList.add(e):Zu(n,e)},ti=function(n){0===(Qu(n)?n.dom.classList:Ju(n,"class")).length&&je(n,"class")},ri=function(n,e){return Qu(n)&&n.dom.classList.contains(e)},oi=function(n){var e=n.replace(/\./g,"-");return{resolve:function(n){return e+"-"+n}}},ui=oi("ephox-dragster").resolve,ii=Wu({compare:function(n,e){return ao(e.left-n.left,e.top-n.top)},extract:function(n){return x.some(ao(n.x,n.y))},sink:function(n,e){var t=function(n){var e=U({layerClass:ui("blocker")},n),t=In.fromTag("div");Pe(t,"role","presentation"),Le(t,{position:"fixed",left:"0px",top:"0px",width:"100%",height:"100%"}),ei(t,ui("blocker")),ei(t,e.layerClass);return{element:function(){return t},destroy:function(){Et(t)}}}(e),r=Xu(t.element(),"mousedown",n.forceDrop),o=Xu(t.element(),"mouseup",n.drop),u=Xu(t.element(),"mousemove",n.move),i=Xu(t.element(),"mouseout",n.delayDrop);return Fu({element:t.element,start:function(n){Ot(n,t.element())},stop:function(){Et(t.element())},destroy:function(){t.destroy(),o.unbind(),u.unbind(),i.unbind(),r.unbind()}})},mutate:function(n,e){n.mutate(e.left,e.top)}}),ci=function(n){return"true"===Me(n,"contenteditable")},ai=oi("ephox-snooker").resolve,li=function(){var t,r=Mu({drag:ku(["xDelta","yDelta","target"])}),o=x.none(),n={mutate:function(n,e){t.trigger.drag(n,e)},events:(t=Mu({drag:ku(["xDelta","yDelta"])})).registry};n.events.drag.bind(function(e){o.each(function(n){r.trigger.drag(e.xDelta,e.yDelta,n)})});return{assign:function(n){o=x.some(n)},get:function(){return o},mutate:n.mutate,events:r.registry}},fi=ai("resizer-bar"),si=ai("resizer-rows"),di=ai("resizer-cols"),mi=function(n){var e=Te(n.parent(),"."+fi);P(e,Et)},gi=function(t,n,r){var o=t.origin();P(n,function(n){n.each(function(n){var e=r(o,n);ei(e,fi),Ot(t.parent(),e)})})},pi=function(n,e,l,f){gi(n,e,function(n,e){var t,r,o,u,i,c,a=(t=e.col,r=e.x-n.left,o=l.top-n.top,u=7,i=f,c=In.fromTag("div"),Le(c,{position:"absolute",left:r-u/2+"px",top:o+"px",height:i+"px",width:u+"px"}),ke(c,{"data-column":t,role:"presentation"}),c);return ei(a,di),a})},hi=function(n,e,l,f){gi(n,e,function(n,e){var t,r,o,u,i,c,a=(t=e.row,r=l.left-n.left,o=e.y-n.top,u=f,i=7,c=In.fromTag("div"),Le(c,{position:"absolute",left:r+"px",top:o-i/2+"px",height:i+"px",width:u+"px"}),ke(c,{"data-row":t,role:"presentation"}),c);return ei(a,si),a})},vi=function(n,e,t,r,o){var u,i=fo(t),c=e.isResizable,a=0<r.length?So.positions(r,t):[],l=0<a.length?(u=c,W(n.all,function(n,e){return u(n.element)?[e]:[]})):[],f=k(a,function(n,e){return I(l,function(n){return e===n})});hi(e,f,i,Jr(t));var s,d,m,g=0<o.length?Ro.positions(o,t):[],p=0<g.length?(d=c,m=[],B((s=n).grid.columns,function(n){mt.getColumnAt(s,n).map(function(n){return n.element}).forall(d)&&m.push(n)}),k(m,function(e){var n=mt.filterItems(s,function(n){return n.column===e});return F(n,function(n){return d(n.element)})})):[],h=k(g,function(n,e){return I(p,function(n){return e===n})});pi(e,h,i,io(t))},bi=function(n,e){var t,r,o;mi(n),n.isResizable(e)&&(t=mt.fromTable(e),r=no(t),o=Qr(t),vi(t,n,e,r,o))},wi=function(n,e){var t=Te(n.parent(),"."+fi);P(t,e)},yi=function(n){wi(n,function(n){Fe(n,"display","none")})},Ci=function(n){wi(n,function(n){Fe(n,"display","block")})},xi=ai("resizer-bar-dragging"),Si=function(o){var t=li(),r=function(n,e){void 0===e&&(e={});var t=e.mode!==undefined?e.mode:ii;return Vu(n,t,e)}(t,{}),e=x.none(),n=function(n,e){return x.from(Me(n,e))};t.events.drag.bind(function(t){n(t.target,"data-row").each(function(n){var e=Ye(t.target,"top");Fe(t.target,"top",e+t.yDelta+"px")}),n(t.target,"data-column").each(function(n){var e=Ye(t.target,"left");Fe(t.target,"left",e+t.xDelta+"px")})});var u=function(n,e){return Ye(n,e)-$e(n,"data-initial-"+e,0)};r.events.stop.bind(function(){t.get().each(function(r){e.each(function(t){n(r,"data-row").each(function(n){var e=u(r,"top");je(r,"data-initial-top"),s.trigger.adjustHeight(t,e,parseInt(n,10))}),n(r,"data-column").each(function(n){var e=u(r,"left");je(r,"data-initial-left"),s.trigger.adjustWidth(t,e,parseInt(n,10))}),bi(o,t)})})});var i=function(n,e){s.trigger.startAdjust(),t.assign(n),Pe(n,"data-initial-"+e,Ye(n,e)),ei(n,xi),Fe(n,"opacity","0.2"),r.go(o.parent())},c=Xu(o.parent(),"mousedown",function(n){var e,t;e=n.target,ri(e,si)&&i(n.target,"top"),t=n.target,ri(t,di)&&i(n.target,"left")}),a=function(n){return Pn(n,o.view())},l=function(n){return Be(n,"table",a).filter(function(n){return Be(n,"[contenteditable]",a).exists(ci)})},f=Xu(o.view(),"mouseover",function(n){l(n.target).fold(function(){we(n.target)&&mi(o)},function(n){e=x.some(n),bi(o,n)})}),s=Mu({adjustHeight:ku(["table","delta","row"]),adjustWidth:ku(["table","delta","column"]),startAdjust:ku([])});return{destroy:function(){c.unbind(),f.unbind(),r.destroy(),mi(o)},refresh:function(n){bi(o,n)},on:r.on,off:r.off,hideBars:w(yi,o),showBars:w(Ci,o),events:s.registry}},Ti=function(n,o,u){var r=So,i=Ro,e=Si(n),c=Mu({beforeResize:ku(["table","type"]),afterResize:ku(["table","type"]),startDrag:ku([])});return e.events.adjustHeight.bind(function(n){var e=n.table;c.trigger.beforeResize(e,"row");var t=r.delta(n.delta,e);lu(e,t,n.row,r),c.trigger.afterResize(e,"row")}),e.events.startAdjust.bind(function(n){c.trigger.startDrag()}),e.events.adjustWidth.bind(function(n){var e=n.table;c.trigger.beforeResize(e,"col");var t=i.delta(n.delta,e),r=u(e);au(e,t,n.column,o,r),c.trigger.afterResize(e,"col")}),{on:e.on,off:e.off,hideBars:e.hideBars,showBars:e.showBars,destroy:e.destroy,events:c.registry}},Ri=function(n,e){return n.fire("newrow",{node:e})},Oi=function(n,e){return n.fire("newcell",{node:e})},Di=function(n,e,t,r,o){n.fire("TableSelectionChange",{cells:e,start:t,finish:r,otherCells:o})},Ai=function(n){n.fire("TableSelectionClear")},Ii=function(n,e,t){n.fire("TableModified",U(U({},t),{table:e}))},Bi={"border-collapse":"collapse",width:"100%"},Ei={border:"1"},Pi="preservetable",ki=function(n){return n.getParam("table_sizing_mode","auto")},Mi=function(n){return n.getParam("table_responsive_width")},Ni=function(n){return n.getParam("table_default_attributes",Ei,"object")},ji=function(n){return n.getParam("table_default_styles",function(n){if(qi(n)){var e=n.getBody().offsetWidth;return U(U({},Bi),{width:e+"px"})}return Vi(n)?Ln(Bi,function(n,e){return"width"!==e}):Bi}(n),"object")},_i=function(n){return n.getParam("table_tab_navigation",!0,"boolean")},zi=function(n){return n.getParam("table_cell_advtab",!0,"boolean")},Wi=function(n){return n.getParam("table_row_advtab",!0,"boolean")},Fi=function(n){return n.getParam("table_advtab",!0,"boolean")},Li=function(n){return n.getParam("table_style_by_css",!1,"boolean")},Hi=function(n){return"relative"===ki(n)||!0===Mi(n)},qi=function(n){return"fixed"===ki(n)||!1===Mi(n)},Vi=function(n){return"responsive"===ki(n)},Ui=function(n){var e="section",t=n.getParam("table_header_type",e,"string");return A(["section","cells","sectionCells","auto"],t)?t:e},$i=function(n){var e=n.getParam("table_column_resizing",Pi,"string");return j(["preservetable","resizetable"],function(n){return n===e}).getOr(Pi)},Gi=function(n){return"preservetable"===$i(n)},Ki=function(n){var e=n.getParam("table_clone_elements");return p(e)?x.some(e.split(/[ ,]/)):Array.isArray(e)?x.some(e):x.none()},Xi=function(n){return n.nodeName.toLowerCase()},Yi=function(n){return In.fromDom(n.getBody())},Ji=function(n){return n.getBoundingClientRect().width},Qi=function(n){return n.getBoundingClientRect().height},Zi=function(e){return function(n){return Pn(n,Yi(e))}},nc=function(n){return/^\d+(\.\d+)?$/.test(n)?n+"px":n},ec=function(n){je(n,"data-mce-style");var e=function(n){return je(n,"data-mce-style")};P(tt(n),e),P(rt(n),e)},tc=function(n,e){var t=n.dom.getStyle(e,"width")||n.dom.getAttrib(e,"width");return x.from(t).filter(an)},rc=function(n){return/^(\d+(\.\d+)?)%$/.test(n)},oc=function(n){return In.fromDom(n.selection.getStart())},uc=function(n){var e=n;return{get:function(){return e},set:function(n){e=n}}},ic=function(t){var n=function(){return Yr(t)},e=b(0);return{width:n,pixelWidth:n,getWidths:function(n,e){return ru(n,t,e)},getCellDelta:e,singleColumnWidth:b([0]),minCellWidth:e,setElementWidth:y,adjustTableWidth:y,isRelative:!0,label:"none"}},cc=function(n,r){var o=uc(parseFloat(n)),u=uc(Yr(r));return{width:o.get,pixelWidth:u.get,getWidths:function(n,e){return eu(n,r,qo,function(n){return n.fold(function(){return t.minCellWidth()},function(n){return n/t.pixelWidth()*100})},t=e);var t},getCellDelta:function(n){return n/u.get()*100},singleColumnWidth:function(n,e){return[100-n]},minCellWidth:function(){return Je()/u.get()*100},setElementWidth:_o,adjustTableWidth:function(n){var e=o.get(),t=e+n/100*e;_o(r,t),o.set(t),u.set(Yr(r))},isRelative:!0,label:"percent"}},ac=function(n,t){var r=uc(n),o=r.get;return{width:o,pixelWidth:o,getWidths:function(n,e){return ru(n,t,e)},getCellDelta:d,singleColumnWidth:function(n,e){return[Math.max(Je(),n+e)-n]},minCellWidth:Je,setElementWidth:jo,adjustTableWidth:function(n){var e=o()+n;jo(t,e),r.set(e)},isRelative:!1,label:"pixel"}},lc=function(e){return Lo(e).fold(function(){return ic(e)},function(n){return function(n,e){var t=Ko().exec(e);if(null!==t)return cc(t[1],n);var r=Xo().exec(e);if(null!==r){var o=parseInt(r[1],10);return ac(o,n)}var u=Yr(n);return ac(u,n)}(e,n)})},fc=ac,sc=cc,dc=function(n,e){if(Hi(n)){var t=tc(n,e.dom).filter(rc).getOrThunk(function(){return Eu(e)});return sc(t,e)}return qi(n)?fc(Yr(e),e):lc(e)},mc=function(n){je(n,"width")},gc=function(n,e){var t=Yr(n)+"px";Du(n,x.some(t),x.none(),e),mc(n)},pc=function(n,e){var t,r,o,u=dc(n,e);r=u,o=Go(t=e),Du(t,x.some(o),x.none(),r),mc(t)},hc=function(n,e){var t=dc(n,e);gc(e,t)},vc=function(n){Ue(n,"width");var e=rt(n),t=0<e.length?e:tt(n);P(t,function(n){Ue(n,"width"),mc(n)}),mc(n)},bc=function(){var n=In.fromTag("div");return Le(n,{position:"static",height:"0",width:"0",padding:"0",margin:"0",border:"0"}),Ot(ye(In.fromDom(document)),n),n},wc="bar-",yc=function(n){return"false"!==Me(n,"data-mce-resize")},Cc=function(f){var s,d,a=x.none(),i=x.none(),c=x.none(),o=function(n){return"TABLE"===n.nodeName},n=function(){return i},m=function(n){return dc(f,n)},g=function(){return Gi(f)?{resizeTable:function(n,e,t){t&&n(e)},clampTableDelta:function(n,e,t,r,o){if(o){if(0<=t)return t;var u=N(n,function(n,e){return n+e-r},0);return Math.max(-u,t)}return mu(n,e,t,r)},calcLeftEdgeDeltas:i=function(n,e,t,r,o){var u=gu(n,0<=r?t:e,r,o);return su(n,e,t+1,[u,-u],fu)},calcMiddleDeltas:function(n,e,t,r,o,u){return i(n,t,r,o,u)},calcRightEdgeDeltas:function(n,e,t,r,o,u){if(u)return fu(n);var i=r/n.length;return E(n,b(i))}}:pu();var i},u=function(n,e,t){var r,o,u,i,c,a,l=un(e,"e");""===d&&pc(f,n),t!==s&&""!==d?(Fe(n,"width",d),r=g(),o=m(n),u=Gi(f)||l?Pu(n).columns-1:0,au(n,t-s,u,r,o)):rc(d)&&(i=parseFloat(d.replace("%","")),Fe(n,"width",t*i/s+"%")),/^(\d+(\.\d+)?)px$/.test(d)&&(c=n,a=mt.fromTable(c),mt.hasColumns(a)||P(tt(c),function(n){var e=He(n,"width");Fe(n,"width",e),je(n,"width")}))};return f.on("init",function(){var n,e,t,r,o,u=(e=yc,(n=f).inline?vu(Yi(n),bc(),e):hu(In.fromDom(n.getDoc()),e));c=x.some(u),o=f.getParam("object_resizing",!0),(p(o)?"table"===o:o)&&f.getParam("table_resize_bars",!0,"boolean")&&(t=g(),(r=Ti(u,t,m)).on(),r.events.startDrag.bind(function(n){a=x.some(f.selection.getRng())}),r.events.beforeResize.bind(function(n){var e,t,r,o,u,i=n.table.dom;e=f,r=Ji(t=i),o=Qi(i),u=wc+n.type,e.fire("ObjectResizeStart",{target:t,width:r,height:o,origin:u})}),r.events.afterResize.bind(function(n){var e,t,r,o,u,i=n.table,c=i.dom;ec(i),a.each(function(n){f.selection.setRng(n),f.focus()}),e=f,r=Ji(t=c),o=Qi(c),u=wc+n.type,e.fire("ObjectResized",{target:t,width:r,height:o,origin:u}),f.undoManager.add()}),i=x.some(r))}),f.on("ObjectResizeStart",function(n){var e,t=n.target;o(t)&&(e=In.fromDom(t),P(f.dom.select(".mce-clonedresizable"),function(n){f.dom.addClass(n,"mce-"+$i(f)+"-columns")}),!Iu(e)&&qi(f)?hc(f,e):!Au(e)&&Hi(f)&&pc(f,e),Bu(e)&&on(n.origin,wc)&&pc(f,e),s=n.width,d=Vi(f)?"":tc(f,t).getOr(""))}),f.on("ObjectResized",function(n){var e,t,r=n.target;o(r)&&(e=In.fromDom(r),t=n.origin,on(t,"corner-")&&u(e,t,n.width),ec(e),Ii(f,e.dom))}),f.on("SwitchMode",function(){i.each(function(n){f.mode.isReadOnly()?n.hideBars():n.showBars()})}),{lazyResize:n,lazyWire:function(){return c.getOr(hu(In.fromDom(f.getBody()),yc))},destroy:function(){i.each(function(n){n.destroy()}),c.each(function(n){var e;e=n,f.inline&&Et(e.parent())})}}},xc=function(n,e){return{element:n,offset:e}},Sc=function(e,n,t){return e.property().isText(n)&&0===e.property().getText(n).trim().length||e.property().isComment(n)?t(n).bind(function(n){return Sc(e,n,t).orThunk(function(){return x.some(n)})}):x.none()},Tc=function(n,e){return n.property().isText(e)?n.property().getText(e).length:n.property().children(e).length},Rc=function(n,e){var t=Sc(n,e,n.query().prevSibling).getOr(e);if(n.property().isText(t))return xc(t,Tc(n,t));var r=n.property().children(t);return 0<r.length?Rc(n,r[r.length-1]):xc(t,Tc(n,t))},Oc=Rc,Dc=Lt(),Ac=function(t,r){Lo(t).bind(function(n){return Ao(n,["fixed","relative","empty"])}).each(function(n){var e=n.value/2;$o(t,e,n.unit),$o(r,e,n.unit)})},Ic=function(n,e,t){n.cells[e]=t},Bc=function(n,e){return Xn(e,n.section)},Ec=function(n,e){var t=n.cells,r=E(t,e);return Xn(r,n.section)},Pc=function(n,e){return n.cells[e]},kc=function(n,e){return Pc(n,e).element},Mc=function(n){return n.cells.length},Nc=function(n){var e=function(n,e){for(var t=[],r=[],o=0,u=n.length;o<u;o++){var i=n[o];(e(i,o)?t:r).push(i)}return{pass:t,fail:r}}(n,function(n){return"colgroup"===n.section});return{rows:e.fail,cols:e.pass}},jc=function(n,e,t,r){t===r?je(n,e):Pe(n,e,t)},_c=function(n,e,t){q(Se(n,e)).fold(function(){return Rt(n,t)},function(n){return Tt(n,t)})},zc=function(c,n){var t=[],r=[],a=function(n){return E(n,function(n){n.isNew&&t.push(n.element);var e=n.element;return Bt(e),P(n.cells,function(n){n.isNew&&r.push(n.element),jc(n.element,"colspan",n.colspan,1),jc(n.element,"rowspan",n.rowspan,1),Ot(e,n.element)}),e})},l=function(n){return W(n,function(n){return E(n.cells,function(n){return jc(n.element,"span",n.colspan,1),n.element})})},o=function(n,e){var t,r,o,u=(o=Ae(t=c,r=e).getOrThunk(function(){var n=In.fromTag(r,oe(t).dom);return"thead"===r?_c(t,"caption,colgroup",n):"colgroup"===r?_c(t,"caption",n):Ot(t,n),n}),Bt(o),o),i=("colgroup"===e?l:a)(n);It(u,i)},e=function(n,e){0<n.length?o(n,e):Ae(c,e).each(Et)},u=[],i=[],f=[],s=[];return P(n,function(n){switch(n.section){case"thead":u.push(n);break;case"tbody":i.push(n);break;case"tfoot":f.push(n);break;case"colgroup":s.push(n)}}),e(s,"colgroup"),e(u,"thead"),e(i,"tbody"),e(f,"tfoot"),{newRows:t,newCells:r}},Wc=function(n,e){if(0===n.length)return 0;var t=n[0];return _(n,function(n){return!e(t.element,n.element)}).fold(function(){return n.length},function(n){return n})},Fc=function(n,e,t,r){var o,u=n[e].cells.slice(t),i=Wc(u,r),c=(o=t,E(n,function(n){return Pc(n,o)}).slice(e));return{colspan:i,rowspan:Wc(c,r)}},Lc=function(o,u){var i=E(o,function(n){return E(n.cells,f)});return E(o,function(n,r){return{details:W(n.cells,function(n,e){if(!1!==i[r][e])return[];var t=Fc(o,r,e,u);return function(n,e,t,r){for(var o=n;o<n+t;o++)for(var u=e;u<e+r;u++)i[o][u]=!0}(r,e,t.rowspan,t.colspan),[{element:n.element,rowspan:t.rowspan,colspan:t.colspan,isNew:n.isNew}]}),section:n.section}})},Hc=function(n,e,t){var r,o=[];mt.hasColumns(n)&&(r=E(mt.justColumns(n),function(n){return Kn(n.element,t)}),o.push(Xn(r,"colgroup")));for(var u=0;u<n.grid.rows;u++){for(var i=[],c=0;c<n.grid.columns;c++){var a=mt.getAt(n,u,c).map(function(n){return Kn(n.element,t)}).getOrThunk(function(){return Kn(e.gap(),!0)});i.push(a)}var l=Xn(i,n.all[u].section);o.push(l)}return o},qc=function(n,r){return E(n,function(n){var e,t=(e=n.details,V(e,function(n){return ie(n.element).map(function(n){var e=ie(n).isNone();return Kn(n,e)})}).getOrThunk(function(){return Kn(r.row(),!0)}));return{element:t.element,cells:n.details,section:n.section,isNew:t.isNew}})},Vc=function(n,e){var t=Lc(n,Pn);return qc(t,e)},Uc=function(n,e){return V(n.all,function(n){return j(n.cells,function(n){return Pn(e,n.element)})})},$c=function(a,e,l,f,s){return function(r,o,n,u,i){var c=mt.fromTable(o);return e(c,n).map(function(n){var e=Hc(c,u,!1),t=a(e,n,Pn,s(u));return{grid:Vc(t.grid,u),cursor:t.cursor}}).fold(function(){return x.none()},function(n){var e=zc(o,n.grid),t=x.from(i).getOrThunk(function(){return lc(o)});return l(o,n.grid,t),f(o),bi(r,o),x.some({cursor:n.cursor,newRows:e.newRows,newCells:e.newCells})})}},Gc=function(e,n){return et(n.element).bind(function(n){return Uc(e,n)})},Kc=function(e,n){var t=E(n.selection,function(n){return et(n).bind(function(n){return Uc(e,n)})}),r=Hr(t);return 0<r.length?x.some({cells:r,generators:n.generators,clipboard:n.clipboard}):x.none()},Xc=function(e,n){var t=E(n.selection,function(n){return et(n).bind(function(n){return Uc(e,n)})}),r=Hr(t);return 0<r.length?x.some(r):x.none()},Yc=function(n,e,t,r){for(var o=Nc(n).rows,u=!0,i=0;i<o.length;i++)for(var c=0;c<Mc(o[0]);c++){var a=t(kc(o[i],c),e);!0===a&&!1===u?Ic(o[i],c,Kn(r(),!0)):!0===a&&(u=!1)}return n},Jc=function(n,e,u,i){var t,r,o,c=Nc(n).rows;return 0<e&&e<c.length&&(t=c[e-1].cells,o=u,r=N(t,function(n,e){return I(n,function(n){return o(n.element,e.element)})?n:n.concat([e])},[]),P(r,function(r){for(var o=x.none(),n=e;n<c.length;n++)!function(t){for(var n=0;n<Mc(c[0]);n++)!function(e){var n=c[t].cells[e];u(n.element,r.element)&&(o.isNone()&&(o=x.some(i())),o.each(function(n){Ic(c[t],e,Kn(n,!0))}))}(n)}(n)})),n},Qc=function(t){return{is:function(n){return t===n},isValue:C,isError:f,getOr:b(t),getOrThunk:b(t),getOrDie:b(t),or:function(n){return Qc(t)},orThunk:function(n){return Qc(t)},fold:function(n,e){return e(t)},map:function(n){return Qc(n(t))},mapError:function(n){return Qc(t)},each:function(n){n(t)},bind:function(n){return n(t)},exists:function(n){return n(t)},forall:function(n){return n(t)},toOptional:function(){return x.some(t)}}},Zc=function(t){return{is:f,isValue:f,isError:C,getOr:d,getOrThunk:function(n){return n()},getOrDie:function(){return n=String(t),function(){throw new Error(n)}();var n},or:function(n){return n},orThunk:function(n){return n()},fold:function(n,e){return n(t)},map:function(n){return Zc(t)},mapError:function(n){return Zc(n(t))},each:y,bind:function(n){return Zc(t)},exists:f,forall:C,toOptional:x.none}},na={value:Qc,error:Zc,fromOption:function(n,e){return n.fold(function(){return Zc(e)},Qc)}},ea=function(n,e){return{rowDelta:0,colDelta:Mc(n[0])-Mc(e[0])}},ta=function(n,e){return{rowDelta:n.length-e.length,colDelta:0}},ra=function(n,e,t){var r="colgroup"===e.section?t.col:t.cell;return E(n,function(){return Kn(r(),!0)})},oa=function(e,n,t){return e.concat(B(n,function(){var n=e[e.length-1];return Bc(n,ra(n.cells,n,t))}))},ua=function(n,t,r){return E(n,function(n){var e=ra(B(t,d),n,r);return Bc(n,n.cells.concat(e))})},ia=function(n,e,t){var r=e.colDelta<0?ua:d;return(e.rowDelta<0?oa:d)(r(n,Math.abs(e.colDelta),t),Math.abs(e.rowDelta),t)},ca=function(n,e,t,r,o){for(var u,i,c,a,l,f=n.row,s=n.column,d=f+t.length,m=s+Mc(t[0]),g=f;g<d;g++)for(var p=s;p<m;p++){c=p,a=void 0,a=w(o,Pc((u=e)[i=g],c).element),l=u[i],1<u.length&&1<Mc(l)&&(0<c&&a(kc(l,c-1))||c<l.cells.length-1&&a(kc(l,c+1))||0<i&&a(kc(u[i-1],c))||i<u.length-1&&a(kc(u[i+1],c)))&&Yc(e,kc(e[g],p),o,r.cell);var h=kc(t[g-f],p-s),v=r.replace(h);Ic(e[g],p,Kn(v,!0))}return e},aa=function(t,r,o,u,i){return function(n,e,t){if(n.row>=e.length||n.column>Mc(e[0]))return na.error("invalid start address out of table bounds, row: "+n.row+", column: "+n.column);var r=e.slice(n.row),o=r[0].cells.slice(n.column),u=Mc(t[0]),i=t.length;return na.value({rowDelta:r.length-i,colDelta:o.length-u})}(t,r,o).map(function(n){var e=ia(r,n,u);return ca(t,e,o,u,i)})},la=function(r,n,e,t,o){var u,i,c,a;u=n,i=r,c=o,a=t.cell,0<i&&i<u[0].cells.length&&P(u,function(n){var e=n.cells[i-1],t=n.cells[i];c(t.element,e.element)&&Ic(n,i,Kn(a(),!0))});var l=ta(e,n),f=ia(e,l,t),s=ta(n,f),d=ia(n,s,t);return E(d,function(n,e){var t=n.cells.slice(0,r).concat(f[e].cells).concat(n.cells.slice(r,n.cells.length));return Bc(n,t)})},fa=function(n,e,t,r,o){Jc(e,n,o,r.cell);var u=ea(t,e),i=ia(t,u,r),c=ea(e,i),a=ia(e,c,r),l=Nc(a),f=l.cols,s=l.rows;return f.concat(s.slice(0,n)).concat(i).concat(s.slice(n,s.length))},sa=function(n,t,e,r,o){var u=Nc(n),i=u.rows,c=u.cols,a=i.slice(0,t),l=i.slice(t),f=Ec(i[e],function(n,e){return 0<t&&t<i.length&&r(kc(i[t-1],e),kc(i[t],e))?Pc(i[t],e):Kn(o(n.element,r),!0)});return c.concat(a).concat([f]).concat(l)},da=function(n,v,b,w,y){return E(n,function(n){var e,t,r,o,u,i,c,a,l,f,s,d,m,g,p=0<v&&v<Mc(n)&&w(kc(n,v-1),kc(n,v)),h=(t=v,r=(e=n).section,o=p,u=b,i=w,c=y,"colgroup"!==r&&o?Pc(e,t):Kn(c(kc(e,u),i),!0));return l=v,f=h,s=(a=n).cells,d=s.slice(0,l),m=s.slice(l),g=d.concat([f]).concat(m),Bc(a,g)})},ma=function(n,t,r,o){return E(n,function(n){return Ec(n,function(n){return e=n,I(t,function(n){return r(e.element,n.element)})?Kn(o(n.element,r),!0):n;var e})})},ga=function(n,e,t,r){return kc(n[e],t)!==undefined&&0<e&&r(kc(n[e-1],t),kc(n[e],t))},pa=function(n,e,t){return 0<e&&t(kc(n,e-1),kc(n,e))},ha=function(t,r,o,n){var e=W(t,function(n,e){return ga(t,e,r,o)||pa(n,r,o)?[]:[Pc(n,r)]});return ma(t,e,o,n)},va=function(n,t,r,e){var o=Nc(n).rows,u=o[t],i=W(u.cells,function(n,e){return ga(o,t,e,r)||pa(u,e,r)?[]:[n]});return ma(n,i,r,e)},ba=zu(["cell","row","replace","gap","col","colgroup"]),wa=function(n){return{element:n,colspan:$e(n,"colspan",1),rowspan:$e(n,"rowspan",1)}},ya=function(e,t){void 0===t&&(t=wa),ba(e);var r=uc(x.none()),o=function(n){return function(n){switch(Yn(n.element)){case"col":return e.col(n);default:return e.cell(n)}}(t(n))},u=function(n){var e=o(n);return r.get().isNone()&&r.set(x.some(e)),i=x.some({item:n,replacement:e}),e},i=x.none();return{getOrInit:function(e,t){return i.fold(function(){return u(e)},function(n){return t(e,n.item)?n.replacement:u(e)})},cursor:r.get}},Ca=function(c,a){return function(r){var o=uc(x.none());ba(r);var u=[],i=function(n){var e={scope:c},t=r.replace(n,a,e);return u.push({item:n,sub:t}),o.get().isNone()&&o.set(x.some(t)),t};return{replaceOrInit:function(e,t){return r=e,o=t,j(u,function(n){return o(n.item,r)}).fold(function(){return i(e)},function(n){return t(e,n.item)?n.sub:i(e)});var r,o},cursor:o.get}}},xa=function(t){ba(t);var n=uc(x.none());return{combine:function(e){return n.get().isNone()&&n.set(x.some(e)),function(){var n=t.cell({element:e,colspan:1,rowspan:1});return Ue(n,"width"),Ue(e,"width"),n}},cursor:n.get}},Sa=["body","p","div","article","aside","figcaption","figure","footer","header","nav","section","ol","ul","table","thead","tfoot","tbody","caption","tr","td","th","h1","h2","h3","h4","h5","h6","blockquote","pre","address"],Ta=Lt(),Ra=function(n){return e=n,t=Ta.property().name(e),A(Sa,t);var e,t},Oa=function(n){return e=n,t=Ta.property().name(e),A(["ol","ul"],t);var e,t},Da=function(n){return e=n,A(["br","img","hr","input"],Ta.property().name(e));var e},Aa=function(n){var e,u=function(n){return"br"===Yn(n)},t=function(o){return pr(o).bind(function(t){var r=le(t).map(function(n){return!!Ra(n)||!!Da(n)&&"img"!==Yn(n)}).getOr(!1);return ie(t).map(function(n){return!0===r||("li"===Yn(e=n)||Oe(e,Oa).isSome())||u(t)||Ra(n)&&!Pn(o,n)?[]:[In.fromTag("br")];var e})}).getOr([])},r=0===(e=W(n,function(n){var e=fe(n);return F(e,function(n){return u(n)||ee(n)&&0===_t(n).trim().length})?[]:e.concat(t(n))})).length?[In.fromTag("br")]:e;Bt(n[0]),It(n[0],r)},Ia=function(n){0===tt(n).length&&Et(n)},Ba=function(n,e){return{grid:n,cursor:e}},Ea=function(n,e,t){var r=Nc(n).rows;return Pa(r,e,t).orThunk(function(){return Pa(r,0,0)})},Pa=function(n,e,t){return x.from(n[e]).bind(function(n){return x.from(n.cells[t]).bind(function(n){return x.from(n.element)})})},ka=function(n,e,t){var r=Nc(n).rows;return Ba(n,Pa(r,e,t))},Ma=function(n){return N(n,function(n,e){return I(n,function(n){return n.row===e.row})?n:n.concat([e])},[]).sort(function(n,e){return n.row-e.row})},Na=function(n){return N(n,function(n,e){return I(n,function(n){return n.column===e.column})?n:n.concat([e])},[]).sort(function(n,e){return n.column-e.column})},ja=function(n,e,t){var r,o,u=(r=n,o=t.section,ct(r,function(){return o})),i=mt.generate(u);return Hc(i,e,!0)},_a=function(n,e){var t=k(n,e);return 0===t.length?x.some("td"):t.length===n.length?x.some("th"):x.none()},za=function(n,e,t){var r=mt.generate(e),o=t.getWidths(r,t);cu(r,o,t)},Wa=$c(function(n,e,t,r){var o=e[0].row,u=e[0].row,i=Ma(e),c=N(i,function(n,e){return sa(n,u,o,t,r.getOrInit)},n);return ka(c,u,e[0].column)},Xc,y,y,ya),Fa=$c(function(n,e,t,r){var o=Ma(e),u=o[o.length-1].row,i=o[o.length-1].row+o[o.length-1].rowspan,c=N(o,function(n,e){return sa(n,i,u,t,r.getOrInit)},n);return ka(c,i,e[0].column)},Xc,y,y,ya),La=$c(function(n,e,t,r){var o=Na(e),u=o[0].column,i=o[0].column,c=N(o,function(n,e){return da(n,i,u,t,r.getOrInit)},n);return ka(c,e[0].row,i)},Xc,za,y,ya),Ha=$c(function(n,e,t,r){var o=e[e.length-1].column,u=e[e.length-1].column+e[e.length-1].colspan,i=Na(e),c=N(i,function(n,e){return da(n,u,o,t,r.getOrInit)},n);return ka(c,e[0].row,u)},Xc,za,y,ya),qa=$c(function(n,e,t,r){var o,u,i,c,a=Na(e),l=(o=n,u=a[0].column,i=a[a.length-1].column,c=E(o,function(n){var e=n.cells.slice(0,u).concat(n.cells.slice(i+1));return Xn(e,n.section)}),k(c,function(n){return 0<n.cells.length})),f=Ea(l,e[0].row,e[0].column);return Ba(l,f)},Xc,za,Ia,ya),Va=$c(function(n,e,t,r){var o,u,i,c,a,l=Ma(e),f=(o=n,u=l[0].row,i=l[l.length-1].row,c=Nc(o),a=c.rows,c.cols.concat(a.slice(0,u)).concat(a.slice(i+1))),s=Ea(f,e[0].row,e[0].column);return Ba(f,s)},Xc,y,Ia,ya),Ua=($c(function(n,e,t,r){var o=ha(n,e.column,t,r.replaceOrInit);return ka(o,e.row,e.column)},Gc,y,y,Ca("row","th")),$c(function(n,e,t,r){var o=Na(e),u=N(o,function(n,e){return ha(n,e.column,t,r.replaceOrInit)},n);return ka(u,e[0].row,e[0].column)},Xc,y,y,Ca("row","th"))),$a=($c(function(n,e,t,r){var o=ha(n,e.column,t,r.replaceOrInit);return ka(o,e.row,e.column)},Gc,y,y,Ca(null,"td")),$c(function(n,e,t,r){var o=Na(e),u=N(o,function(n,e){return ha(n,e.column,t,r.replaceOrInit)},n);return ka(u,e[0].row,e[0].column)},Xc,y,y,Ca(null,"td"))),Ga=($c(function(n,e,t,r){var o=va(n,e.row,t,r.replaceOrInit);return ka(o,e.row,e.column)},Gc,y,y,Ca("col","th")),$c(function(n,e,t,r){var o=Ma(e),u=N(o,function(n,e){return va(n,e.row,t,r.replaceOrInit)},n);return ka(u,e[0].row,e[0].column)},Xc,y,y,Ca("col","th")),$c(function(n,e,t,r){var o=va(n,e.row,t,r.replaceOrInit);return ka(o,e.row,e.column)},Gc,y,y,Ca(null,"td")),$c(function(n,e,t,r){var o=Ma(e),u=N(o,function(n,e){return va(n,e.row,t,r.replaceOrInit)},n);return ka(u,e[0].row,e[0].column)},Xc,y,y,Ca(null,"td")),$c(function(n,e,t,r){var o=e.cells;Aa(o);var u=function(n,e,t){var r=Nc(n).rows;if(0===r.length)return n;for(var o=e.startRow;o<=e.finishRow;o++)for(var u=e.startCol;u<=e.finishCol;u++)Ic(r[o],u,Kn(t(),!1));return n}(n,e.bounds,b(o[0]));return Ba(u,x.from(o[0]))},function(n,e){return e.mergable},y,y,xa)),Ka=$c(function(n,e,t,r){var o=M(e,function(n,e){return Yc(n,e,t,r.combine(e))},n);return Ba(o,x.from(e[0]))},function(n,e){return e.unmergable},za,y,xa),Xa=$c(function(n,t,e,r){var o,u,i,c=(o=t.clipboard,u=t.generators,i=mt.fromTable(o),Hc(i,u,!0)),a={row:t.row,column:t.column};return aa(a,n,c,t.generators,e).fold(function(){return Ba(n,x.some(t.element))},function(n){var e=Ea(n,t.row,t.column);return Ba(n,e)})},function(e,t){return et(t.element).bind(function(n){return Uc(e,n).map(function(n){return U(U({},n),{generators:t.generators,clipboard:t.clipboard})})})},za,y,ya),Ya=$c(function(n,e,t,r){var o=Nc(n).rows,u=e.cells[0].column,i=o[e.cells[0].row],c=ja(e.clipboard,e.generators,i),a=la(u,n,c,e.generators,t),l=Ea(a,e.cells[0].row,e.cells[0].column);return Ba(a,l)},Kc,y,y,ya),Ja=$c(function(n,e,t,r){var o=Nc(n).rows,u=e.cells[e.cells.length-1].column+e.cells[e.cells.length-1].colspan,i=o[e.cells[0].row],c=ja(e.clipboard,e.generators,i),a=la(u,n,c,e.generators,t),l=Ea(a,e.cells[0].row,e.cells[0].column);return Ba(a,l)},Kc,y,y,ya),Qa=$c(function(n,e,t,r){var o=Nc(n).rows,u=e.cells[0].row,i=o[u],c=ja(e.clipboard,e.generators,i),a=fa(u,n,c,e.generators,t),l=Ea(a,e.cells[0].row,e.cells[0].column);return Ba(a,l)},Kc,y,y,ya),Za=$c(function(n,e,t,r){var o=Nc(n).rows,u=e.cells[e.cells.length-1].row+e.cells[e.cells.length-1].rowspan,i=o[e.cells[0].row],c=ja(e.clipboard,e.generators,i),a=fa(u,n,c,e.generators,t),l=Ea(a,e.cells[0].row,e.cells[0].column);return Ba(a,l)},Kc,y,y,ya),nl=function(n,e){var u=mt.fromTable(n);return Xc(u,e).bind(function(n){var e=n[n.length-1],t=n[0].column,r=e.column+e.colspan,o=z(E(u.all,function(n){return k(n.cells,function(n){return n.column>=t&&n.column<r})}));return _a(o,function(n){return"th"===Yn(n.element)})}).getOr("")},el=function(n){return Xi(n.parentNode)},tl=function(n,e){var t="thead"===el(e),r=!I(e.cells,function(n){return"th"!==Xi(n)});return t||r?x.some({thead:t,ths:r}):x.none()},rl=function(n,e){return"thead"===(t=tl(0,e).fold(function(){return el(e)},function(n){return"thead"}))?"header":"tfoot"===t?"footer":"body";var t},ol=function(e,n,t){var r,o,u=e.getParent(n,"table"),i=n.parentNode,c=Xi(i);t!==c&&((r=e.select(t,u)[0])||(r=e.create(t),o=u.firstChild,"thead"===t?q(Se(In.fromDom(u),"caption,colgroup")).fold(function(){return u.insertBefore(r,o)},function(n){return e.insertAfter(r,n.dom)}):u.appendChild(r)),"tbody"===t&&"thead"===c&&r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),i.hasChildNodes()||e.remove(i))},ul=function(n,e,t,r){var o=n.dom,u=function(n,e,t){if(v(t)&&Xi(e)!==t){var r=n.dom.rename(e,t);return Oi(n,r),r}return e}(n,e,t);return m(r)||o.setAttrib(u,"scope",r),u},il=function(e,n,t,r){return P(n,function(n){return ul(e,n,t,r)})},cl=function(n,e,t){var r,o,u,i=n.dom;"header"===t?(o="auto"===(r=Ui(n))?(u=ot(In.fromDom(e.cells[0])).map(ut).getOr([]),V(u,function(n){return tl(0,n.dom)}).map(function(n){return n.thead&&n.ths?"sectionCells":n.thead?"section":"cells"}).getOr("section")):r,il(n,e.cells,"section"===o?"td":"th","col"),ol(i,e,"cells"===o?"tbody":"thead")):(il(n,e.cells,"td",null),ol(i,e,"footer"===t?"tfoot":"tbody"))},al=function(o){return function(n){var e,t=Yn(n),r="col"===t||"colgroup"===t?ot(e=n).bind(function(n){return Zt(n,Nr.firstSelectedSelector)}).fold(function(){return e},function(n){return n[0]}):n;return Be(r,o)}},ll=al("th,td"),fl=al("th,td,caption"),sl=function(n,e){return ll(n).map(function(n){return Er(e)}).getOr([])},dl=function(n,t){var e,r,o,u=ll(n),i=u.bind(function(n){return ot(n)}).map(ut);return r=i,o=function(e,n){return k(n,function(n){return I(Br(n.dom.cells),function(n){return"1"===Me(n,t)||Pn(n,e)})})},((e=u).isSome()&&r.isSome()?x.some(o(e.getOrDie(),r.getOrDie())):x.none()).getOr([])},ml=function(f,n,r){var e=function(n){return"table"===Yn(Yi(n))},s=Ki(f),t=function(i,c,a,l){return function(n,e){ec(n);var t=l(),r=In.fromDom(f.getDoc()),o=Ar(a,r,s),u=dc(f,n);return c(n)?i(t,n,e,o,u).bind(function(n){return P(n.newRows,function(n){Ri(f,n.dom)}),P(n.newCells,function(n){Oi(f,n.dom)}),n.cursor.map(function(n){var e=Oc(Dc,n),t=f.dom.createRng();return t.setStart(e.element.dom,e.offset),t.setEnd(e.element.dom,e.offset),t})}):x.none()}},o=t(Va,function(n){return!1===e(f)||1<Pu(n).rows},y,n),u=t(qa,function(n){return!1===e(f)||1<Pu(n).columns},y,n),i=t(Wa,C,y,n),c=t(Fa,C,y,n),a=t(La,C,Ac,n),l=t(Ha,C,Ac,n),d=t(Ga,C,y,n),m=t(Ka,C,y,n),g=t(Ya,C,y,n),p=t(Ja,C,y,n),h=t(Qa,C,y,n),v=t(Za,C,y,n),b=t(Xa,C,y,n),w=function(n,e){return qn(n,"type").filter(function(n){return A(e,n)})};return{deleteRow:o,deleteColumn:u,insertRowsBefore:i,insertRowsAfter:c,insertColumnsBefore:a,insertColumnsAfter:l,mergeCells:d,unmergeCells:m,pasteColsBefore:g,pasteColsAfter:p,pasteRowsBefore:h,pasteRowsAfter:v,pasteCells:b,setTableCellType:function(t,n){return w(n,["td","th"]).each(function(n){var e=E(sl(oc(t),r),function(n){return n.dom});il(t,e,n,null)})},setTableRowType:function(t,n){return w(n,["header","body","footer"]).each(function(e){E(dl(oc(t),Nr.selected),function(n){return cl(t,n.dom,e)})})},makeColumnsHeader:t(Ua,C,y,n),unmakeColumnsHeader:t($a,C,y,n),getTableRowType:function(n){var e=dl(oc(n),Nr.selected);if(0<e.length){var t=E(e,function(n){return rl(0,n.dom)}),r=A(t,"header"),o=A(t,"footer");if(r||o){var u=A(t,"body");return!r||u||o?r||u||!o?"":"footer":"header"}return"body"}},getTableCellType:function(n){return _a(sl(oc(n),r),function(n){return"th"===Yn(n)}).getOr("")},getTableColType:nl}},gl={styles:{"border-collapse":"collapse",width:"100%"},attributes:{border:"1"},colGroups:!1},pl=function(n,e,t,r){for(var o=In.fromTag("tr"),u=0;u<n;u++){var i=r<e||u<t?In.fromTag("th"):In.fromTag("td");u<t&&Pe(i,"scope","row"),r<e&&Pe(i,"scope","col"),Ot(i,In.fromTag("br")),Ot(o,i)}return o},hl=function(n){var e=In.fromTag("colgroup");return B(n,function(){return Ot(e,In.fromTag("col"))}),e},vl=function(n,e,t,r){return B(n,function(n){return pl(e,t,r,n)})},bl=function(n,e){n.selection.select(e.dom,!0),n.selection.collapse(!0)},wl=function(u,i,c,a,l){var o=ji(u),f={styles:o,attributes:Ni(u),colGroups:u.getParam("table_use_colgroups",!1,"boolean")};return u.undoManager.ignore(function(){var n=function(n,e,t,r,o,u){void 0===u&&(u=gl);var i=In.fromTag("table"),c="cells"!==o;Le(i,u.styles),ke(i,u.attributes),u.colGroups&&Ot(i,hl(e));var a,l,f=Math.min(n,t);c&&0<t&&(a=In.fromTag("thead"),Ot(i,a),l=vl(t,e,"sectionCells"===o?f:0,r),It(a,l));var s=In.fromTag("tbody");Ot(i,s);var d=vl(c?n-f:n,e,c?0:t,r);return It(s,d),i}(c,i,l,a,Ui(u),f);Pe(n,"data-mce-id","__mce");var e,t,r,o=(e=n,t=In.fromTag("div"),r=In.fromDom(e.dom.cloneNode(!0)),Ot(t,r),t.dom.innerHTML);u.insertContent(o),u.addVisual()}),Ie(Yi(u),'table[data-mce-id="__mce"]').map(function(n){var e,t,r;return qi(u)?hc(u,n):Vi(u)?vc(n):(Hi(u)||(e=o.width,p(e)&&-1!==e.indexOf("%")))&&pc(u,n),ec(n),je(n,"data-mce-id"),t=u,P(Te(n,"tr"),function(n){Ri(t,n.dom),P(Te(n,"th,td"),function(n){Oi(t,n.dom)})}),r=u,Ie(n,"td,th").each(w(bl,r)),n.dom}).getOr(null)},yl=function(n,e,t,r,o){void 0===r&&(r={});var u=function(n){return T(n)&&0<n};if(u(e)&&u(t)){var i=r.headerRows||0,c=r.headerColumns||0;return wl(n,t,e,c,i)}return console.error(o),null},Cl=function(n){return function(){return n().fold(function(){return[]},function(n){return E(n,function(n){return n.dom})})}},xl=function(t){return function(n){var e=0<n.length?x.some(Br(n)):x.none();t(e)}},Sl=function(n,e,t,r){return{insertTable:(o=n,function(n,e,t){void 0===t&&(t={});var r=yl(o,e,n,t,"Invalid values for insertTable - rows and columns values are required to insert a table.");return o.undoManager.add(),r}),setClipboardRows:xl(e.setRows),getClipboardRows:Cl(e.getRows),setClipboardCols:xl(e.setColumns),getClipboardCols:Cl(e.getColumns),resizeHandler:t,selectionTargets:r};var o},Tl=function(n,e,t){var r=$e(n,e,1);1===t||r<=1?je(n,e):Pe(n,e,Math.min(t,r))},Rl=function(n,e){var i=mt.fromTable(n);return Xc(i,e).map(function(n){var o,u,e=n[n.length-1],t=n[0].column,r=e.column+e.colspan;return $(function(n,t,r){if(mt.hasColumns(n)){var e=k(mt.justColumns(n),function(n){return n.column>=t&&n.column<r}),o=E(e,function(n){var e=wr(n.element);return Tl(e,"span",r-t),e}),u=In.fromTag("colgroup");return It(u,o),[u]}return[]}(i,t,r),(o=t,u=r,E(i.all,function(n){var e=k(n.cells,function(n){return n.column>=o&&n.column<u}),t=E(e,function(n){var e=wr(n.element);return Tl(e,"colspan",u-o),e}),r=In.fromTag("tr");return It(r,t),r})))})},Ol=function(n,e,o){var u=mt.fromTable(n);return Xc(u,e).map(function(n){var e=Hc(u,o,!1),t=Nc(e).rows.slice(n[0].row,n[n.length-1].row+n[n.length-1].rowspan),r=Vc(t,o);return E(r,function(n){var t=br(n.element);return P(n.cells,function(n){var e=wr(n.element);jc(e,"colspan",n.colspan,1),jc(e,"rowspan",n.rowspan,1),Ot(t,e)}),t})})},Dl=tinymce.util.Tools.resolve("tinymce.util.Tools"),Al=function(o,n,u){return function(n,e){for(var t=0;t<e.length;t++){var r=o.getStyle(e[t],u);if(void 0===n&&(n=r),n!==r)return""}return n}(void 0,o.select("td,th",n))},Il=function(n,e,t){t&&n.formatter.apply("align"+t,{},e)},Bl=function(e,t){Dl.each("left center right".split(" "),function(n){e.formatter.remove("align"+n,{},t)})},El=function(n){return Vn(e=n,t="menu")&&e[t]!==undefined&&null!==e[t];var e,t},Pl=function(n,e){return(e||[]).concat(E(n,function(n){var e=n.text||n.title;return El(n)?{text:e,items:Pl(n.menu)}:{text:e,value:n.value}}))},kl=function(e){return function(n){return on(n,"rgb")?e.toHex(n):n}},Ml=function(n,e){var t=In.fromDom(e);return{borderwidth:Ve(t,"border-width").getOr(""),borderstyle:Ve(t,"border-style").getOr(""),bordercolor:Ve(t,"border-color").map(kl(n)).getOr(""),backgroundcolor:Ve(t,"background-color").map(kl(n)).getOr("")}},Nl=function(n){var o=n[0],e=n.slice(1);return P(e,function(n){P(jn(o),function(r){zn(n,function(n,e){var t=o[r];""!==t&&r===e&&t!==n&&(o[r]="")})})}),o},jl=function(n){var e=[{name:"borderstyle",type:"listbox",label:"Border style",items:[{text:"Select...",value:""},{text:"Solid",value:"solid"},{text:"Dotted",value:"dotted"},{text:"Dashed",value:"dashed"},{text:"Double",value:"double"},{text:"Groove",value:"groove"},{text:"Ridge",value:"ridge"},{text:"Inset",value:"inset"},{text:"Outset",value:"outset"},{text:"None",value:"none"},{text:"Hidden",value:"hidden"}]},{name:"bordercolor",type:"colorinput",label:"Border color"},{name:"backgroundcolor",type:"colorinput",label:"Background color"}];return{title:"Advanced",name:"advanced",items:"cell"===n?[{name:"borderwidth",type:"input",label:"Border width"}].concat(e):e}},_l=function(n,e,t,r){return j(n,function(n){return t.formatter.matchNode(r,e+n)}).getOr("")},zl=w(_l,["left","center","right"],"align"),Wl=w(_l,["top","middle","bottom"],"valign"),Fl=function(n,e){var t,r,o,u,i=ji(n),c=Ni(n),a=e?(t=n.dom,{borderstyle:qn(i,"border-style").getOr(""),bordercolor:kl(t)(qn(i,"border-color").getOr("")),backgroundcolor:kl(t)(qn(i,"background-color").getOr(""))}):{};return U(U(U(U(U(U({},{height:"",width:"100%",cellspacing:"",cellpadding:"",caption:!1,"class":"",align:"",border:""}),i),c),a),(u=i["border-width"],Li(n)&&u?{border:u}:qn(c,"border").fold(function(){return{}},function(n){return{border:n}}))),(r=qn(i,"border-spacing").or(qn(c,"cellspacing")).fold(function(){return{}},function(n){return{cellspacing:n}}),o=qn(i,"border-padding").or(qn(c,"cellpadding")).fold(function(){return{}},function(n){return{cellpadding:n}}),U(U({},r),o)))},Ll=[{name:"width",type:"input",label:"Width"},{name:"height",type:"input",label:"Height"},{name:"celltype",type:"listbox",label:"Cell type",items:[{text:"Cell",value:"td"},{text:"Header cell",value:"th"}]},{name:"scope",type:"listbox",label:"Scope",items:[{text:"None",value:""},{text:"Row",value:"row"},{text:"Column",value:"col"},{text:"Row group",value:"rowgroup"},{text:"Column group",value:"colgroup"}]},{name:"halign",type:"listbox",label:"H Align",items:[{text:"None",value:""},{text:"Left",value:"left"},{text:"Center",value:"center"},{text:"Right",value:"right"}]},{name:"valign",type:"listbox",label:"V Align",items:[{text:"None",value:""},{text:"Top",value:"top"},{text:"Middle",value:"middle"},{text:"Bottom",value:"bottom"}]}],Hl=function(n){return Ll.concat((0<(e=Pl(n.getParam("table_cell_class_list",[],"array"))).length?x.some({name:"class",type:"listbox",label:"Class",items:e}):x.none()).toArray());var e},ql=function(u){return function(t,r){var o=t.dom;return{setAttrib:function(n,e){u&&!e||o.setAttrib(r,n,e)},setStyle:function(n,e){u&&!e||o.setStyle(r,n,e)},setFormat:function(n,e){u&&!e||(""===e?t.formatter.remove(n,{value:null},r,!0):t.formatter.apply(n,{value:e},r))}}}},Vl={normal:ql(!1),ifTruthy:ql(!0)},Ul=function(o){return ot(o[0]).map(function(n){var e=mt.fromTable(n),t=mt.justCells(e),r=k(t,function(e){return I(o,function(n){return Pn(e.element,n)})});return E(r,function(n){return{element:n.element.dom,column:mt.getColumnAt(e,n.column).map(function(n){return n.element.dom})}})})},$l=function(g,n,p){var e,h=1===n.length;1<=n.length&&(e=ot(n[0]),Ul(n).each(function(n){P(n,function(n){var e,t,r,o,u,i,c,a,l,f,s=ul(g,n.element,p.celltype),d=h?Vl.normal(g,s):Vl.ifTruthy(g,s),m=n.column.map(function(n){return h?Vl.normal(g,n):Vl.ifTruthy(g,n)}).getOr(d);t=m,r=p,(e=d).setAttrib("scope",r.scope),e.setAttrib("class",r["class"]),e.setStyle("height",nc(r.height)),t.setStyle("width",nc(r.width)),zi(g)&&(u=p,(o=d).setFormat("tablecellbackgroundcolor",u.backgroundcolor),o.setFormat("tablecellbordercolor",u.bordercolor),o.setFormat("tablecellborderstyle",u.borderstyle),o.setFormat("tablecellborderwidth",nc(u.borderwidth))),h&&(Bl(g,s),i=g,c=s,Dl.each("top middle bottom".split(" "),function(n){i.formatter.remove("valign"+n,{},c)})),p.halign&&Il(g,s,p.halign),p.valign&&(a=g,l=s,(f=p.valign)&&a.formatter.apply("valign"+f,{},l))})}),e.each(function(n){return Ii(g,n.dom)}))},Gl=function(n,e,t){var r=t.getData();t.close(),n.undoManager.transact(function(){$l(n,e,r),n.focus()})},Kl=function(a,n){var e=Ul(n).map(function(n){return E(n,function(n){return e=a,t=n.element,r=zi(a),o=n.column,u=e.dom,i=o.getOr(t),U({width:(c=function(n,e){return u.getStyle(n,e)||u.getAttrib(n,e)})(i,"width"),height:c(t,"height"),scope:u.getAttrib(t,"scope"),celltype:Xi(t),"class":u.getAttrib(t,"class",""),halign:zl(e,t),valign:Wl(e,t)},r?Ml(u,t):{});var e,t,r,o,u,i,c})});return Nl(e.getOrDie())},Xl=function(n,e){var t,r,o,u=sl(oc(n),e);0!==u.length&&(t=Kl(n,u),r={type:"tabpanel",tabs:[{title:"General",name:"general",items:Hl(n)},jl("cell")]},o={type:"panel",items:[{type:"grid",columns:2,items:Hl(n)}]},n.windowManager.open({title:"Cell Properties",size:"normal",body:zi(n)?r:o,buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:t,onSubmit:w(Gl,n,u)}))},Yl=[{type:"listbox",name:"type",label:"Row type",items:[{text:"Header",value:"header"},{text:"Body",value:"body"},{text:"Footer",value:"footer"}]},{type:"listbox",name:"align",label:"Alignment",items:[{text:"None",value:""},{text:"Left",value:"left"},{text:"Center",value:"center"},{text:"Right",value:"right"}]},{label:"Height",name:"height",type:"input"}],Jl=function(n){return Yl.concat((0<(e=Pl(n.getParam("table_row_class_list",[],"array"))).length?x.some({name:"class",type:"listbox",label:"Class",items:e}):x.none()).toArray());var e},Ql=function(i,n,c,a){var l=1===n.length;P(n,function(n){a.type!==Xi(n.parentNode)&&cl(i,n,a.type);var e,t,r,o,u=l?Vl.normal(i,n):Vl.ifTruthy(i,n);t=a,(e=u).setAttrib("scope",t.scope),e.setAttrib("class",t["class"]),e.setStyle("height",nc(t.height)),Wi(i)&&(o=a,(r=u).setStyle("background-color",o.backgroundcolor),r.setStyle("border-color",o.bordercolor),r.setStyle("border-style",o.borderstyle)),a.align!==c.align&&(Bl(i,n),Il(i,n,a.align))}),ot(In.fromDom(n[0])).each(function(n){return Ii(i,n.dom)})},Zl=function(n,e,t,r){var o=r.getData();r.close(),n.undoManager.transact(function(){Ql(n,e,t,o),n.focus()})},nf=function(u){var n,e,t,r,o=dl(oc(u),Nr.selected);0!==o.length&&(n=E(o,function(n){return e=u,t=n.dom,r=Wi(u),o=e.dom,U({height:o.getStyle(t,"height")||o.getAttrib(t,"height"),scope:o.getAttrib(t,"scope"),"class":o.getAttrib(t,"class",""),type:rl(0,t),align:zl(e,t)},r?Ml(o,t):{});var e,t,r,o}),e=Nl(n),t={type:"tabpanel",tabs:[{title:"General",name:"general",items:Jl(u)},jl("row")]},r={type:"panel",items:[{type:"grid",columns:2,items:Jl(u)}]},u.windowManager.open({title:"Row Properties",size:"normal",body:Wi(u)?t:r,buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:e,onSubmit:w(Zl,u,E(o,function(n){return n.dom}),e)}))},ef=tinymce.util.Tools.resolve("tinymce.Env"),tf=function(n,e,t,r){if("TD"===e.tagName||"TH"===e.tagName)p(t)?n.setStyle(e,t,r):n.setStyle(e,t);else if(e.children)for(var o=0;o<e.children.length;o++)tf(n,e.children[o],t,r)},rf=function(t,r,n){var o,u=t.dom,i=n.getData();n.close(),""===i["class"]&&delete i["class"],t.undoManager.transact(function(){var n,e;r||(n=parseInt(i.cols,10)||1,e=parseInt(i.rows,10)||1,r=wl(t,n,e,0,0)),function(n,e,t){var r,o=n.dom,u={},i={};if(u["class"]=t["class"],i.height=nc(t.height),o.getAttrib(e,"width")&&!Li(n)?u.width=(r=t.width)?r.replace(/px$/,""):"":i.width=nc(t.width),Li(n)?(i["border-width"]=nc(t.border),i["border-spacing"]=nc(t.cellspacing)):(u.border=t.border,u.cellpadding=t.cellpadding,u.cellspacing=t.cellspacing),Li(n)&&e.children)for(var c=0;c<e.children.length;c++)tf(o,e.children[c],{"border-width":nc(t.border),padding:nc(t.cellpadding)}),Fi(n)&&tf(o,e.children[c],{"border-color":t.bordercolor});Fi(n)&&(i["background-color"]=t.backgroundcolor,i["border-color"]=t.bordercolor,i["border-style"]=t.borderstyle),u.style=o.serializeStyle(U(U({},ji(n)),i)),o.setAttribs(e,U(U({},Ni(n)),u)),Ii(n,e)}(t,r,i),(o=u.select("caption",r)[0])&&!i.caption&&u.remove(o),!o&&i.caption&&((o=u.create("caption")).innerHTML=ef.ie?"\xa0":'<br data-mce-bogus="1"/>',r.insertBefore(o,r.firstChild)),""===i.align?Bl(t,r):Il(t,r,i.align),t.focus(),t.addVisual()})},of=function(n,e){var t,r,o,u,i,c,a,l,f=n.dom,s=Fl(n,Fi(n));!1===e?(t=f.getParent(n.selection.getStart(),"table"))?(o=t,u=Fi(r=n),l=r.dom,s=U({width:l.getStyle(o,"width")||l.getAttrib(o,"width"),height:l.getStyle(o,"height")||l.getAttrib(o,"height"),cellspacing:l.getStyle(o,"border-spacing")||l.getAttrib(o,"cellspacing"),cellpadding:l.getAttrib(o,"cellpadding")||Al(r.dom,o,"padding"),border:(i=l,c=o,a=Ve(In.fromDom(c),"border-width"),Li(r)&&a.isSome()?a.getOr(""):i.getAttrib(c,"border")||Al(r.dom,c,"border-width")||Al(r.dom,c,"border")),caption:!!l.select("caption",o)[0],"class":l.getAttrib(o,"class",""),align:zl(r,o)},u?Ml(l,o):{})):Fi(n)&&(s.borderstyle="",s.bordercolor="",s.backgroundcolor=""):(s.cols="1",s.rows="1",Fi(n)&&(s.borderstyle="",s.bordercolor="",s.backgroundcolor=""));var d=Pl(n.getParam("table_class_list",[],"array"));0<d.length&&s["class"]&&(s["class"]=s["class"].replace(/\s*mce\-item\-table\s*/g,""));var m,g,p,h,v={type:"grid",columns:2,items:(m=d,g=e?[{type:"input",name:"cols",label:"Cols",inputMode:"numeric"},{type:"input",name:"rows",label:"Rows",inputMode:"numeric"}]:[],p=n.getParam("table_appearance_options",!0,"boolean")?[{type:"input",name:"cellspacing",label:"Cell spacing",inputMode:"numeric"},{type:"input",name:"cellpadding",label:"Cell padding",inputMode:"numeric"},{type:"input",name:"border",label:"Border width"},{type:"label",label:"Caption",items:[{type:"checkbox",name:"caption",label:"Show caption"}]}]:[],h=0<m.length?[{type:"listbox",name:"class",label:"Class",items:m}]:[],g.concat([{type:"input",name:"width",label:"Width"},{type:"input",name:"height",label:"Height"}]).concat(p).concat([{type:"listbox",name:"align",label:"Alignment",items:[{text:"None",value:""},{text:"Left",value:"left"},{text:"Center",value:"center"},{text:"Right",value:"right"}]}]).concat(h))},b=Fi(n)?{type:"tabpanel",tabs:[{title:"General",name:"general",items:[v]},jl("table")]}:{type:"panel",items:[v]};n.windowManager.open({title:"Table Properties",size:"normal",body:b,onSubmit:w(rf,n,t),buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:s})},uf=function(n){return fl(oc(n))},cf=function(n){return ll(oc(n))},af=function(c,r,t,a,e){var o=Zi(c),l=function(n){return ot(n,o)},f=function(e){return function(n){c.selection.setRng(n),c.focus(),t.clear(e),ec(e),Ii(c,e.dom)}},u=function(r){return cf(c).each(function(t){l(t).each(function(n){var e=_r(a,n,t);r(n,e).each(f(n))})})},i=function(){return cf(c).map(function(r){return l(r).bind(function(n){var e=_r(a,n,r),t=Ar(y,In.fromDom(c.getDoc()),x.none());return Ol(n,e,t)})})},s=function(){return cf(c).map(function(t){return l(t).bind(function(n){var e=_r(a,n,t);return Rl(n,e)})})},d=function(i,n){return n().each(function(n){var u=E(n,wr);cf(c).each(function(n){return l(n).each(function(n){var e,t,r=Ir(In.fromDom(c.getDoc())),o=(e=u,t=r,{selection:Er(a),clipboard:e,generators:t});i(n,o).each(f(n))})})})};zn({mceTableSplitCells:function(){return u(r.unmergeCells)},mceTableMergeCells:function(){return u(r.mergeCells)},mceTableInsertRowBefore:function(){return u(r.insertRowsBefore)},mceTableInsertRowAfter:function(){return u(r.insertRowsAfter)},mceTableInsertColBefore:function(){return u(r.insertColumnsBefore)},mceTableInsertColAfter:function(){return u(r.insertColumnsAfter)},mceTableDeleteCol:function(){return u(r.deleteColumn)},mceTableDeleteRow:function(){return u(r.deleteRow)},mceTableCutCol:function(n){return s().each(function(n){e.setColumns(n),u(r.deleteColumn)})},mceTableCutRow:function(n){return i().each(function(n){e.setRows(n),u(r.deleteRow)})},mceTableCopyCol:function(n){return s().each(function(n){return e.setColumns(n)})},mceTableCopyRow:function(n){return i().each(function(n){return e.setRows(n)})},mceTablePasteColBefore:function(n){return d(r.pasteColsBefore,e.getColumns)},mceTablePasteColAfter:function(n){return d(r.pasteColsAfter,e.getColumns)},mceTablePasteRowBefore:function(n){return d(r.pasteRowsBefore,e.getRows)},mceTablePasteRowAfter:function(n){return d(r.pasteRowsAfter,e.getRows)},mceTableDelete:function(){return uf(c).each(function(n){ot(n,o).filter(g(o)).each(function(n){var e,t=In.fromText("");Tt(n,t),Et(n),c.dom.isEmpty(c.getBody())?(c.setContent(""),c.selection.setCursorLocation()):((e=c.dom.createRng()).setStart(t.dom,0),e.setEnd(t.dom,0),c.selection.setRng(e),c.nodeChanged())})})},mceTableSizingMode:function(n,e){return t=e,uf(c).each(function(n){Vi(c)||qi(c)||Hi(c)||ot(n,o).each(function(n){"relative"!==t||Au(n)?"fixed"!==t||Iu(n)?"responsive"!==t||Bu(n)||vc(n):hc(c,n):pc(c,n),ec(n),Ii(c,n.dom)})});var t}},function(n,e){return c.addCommand(e,n)});var m=function(e,n){n.each(function(n){Ii(e,n.dom)})};zn({mceTableCellType:function(n,e){var t=ot(oc(c),o);r.setTableCellType(c,e),m(c,t)},mceTableRowType:function(n,e){var t=ot(oc(c),o);r.setTableRowType(c,e),m(c,t)}},function(n,e){return c.addCommand(e,n)}),c.addCommand("mceTableColType",function(n,e){return qn(e,"type").each(function(n){return u("th"===n?r.makeColumnsHeader:r.unmakeColumnsHeader)})}),zn({mceTableProps:w(of,c,!1),mceTableRowProps:w(nf,c),mceTableCellProps:w(Xl,c,a)},function(n,e){return c.addCommand(e,function(){return n()})}),c.addCommand("mceInsertTable",function(n,e){h(e)&&0<jn(e).length?yl(c,e.rows,e.columns,e.options,"Invalid values for mceInsertTable - rows and columns values are required to insert a table."):of(c,!0)}),c.addCommand("mceTableApplyCellStyle",function(n,e){var r,t,o=function(n){return"tablecell"+n.toLowerCase().replace("-","")};!h(e)||0!==(r=sl(oc(c),a)).length&&(function(n){for(var e in n)if(_n.call(n,e))return!1;return!0}(t=Ln(e,function(n,e){return c.formatter.has(o(e))&&p(n)}))||(zn(t,function(e,t){P(r,function(n){Vl.normal(c,n.dom).setFormat(o(t),e)})}),l(r[0]).each(function(n){return Ii(c,n.dom,{structure:!1,style:!0})})))})},lf=function(t,r,o){var n=Zi(t);zn({mceTableRowType:function(){return r.getTableRowType(t)},mceTableCellType:function(){return r.getTableCellType(t)},mceTableColType:function(){return ll(oc(t)).bind(function(t){return ot(t,n).map(function(n){var e=_r(o,n,t);return r.getTableColType(n,e)})}).getOr("")}},function(n,e){return t.addQueryValueHandler(e,n)})},ff=function(){var e=uc(x.none()),t=uc(x.none()),r=function(n){n.set(x.none())};return{getRows:e.get,setRows:function(n){e.set(n),r(t)},clearRows:function(){return r(e)},getColumns:t.get,setColumns:function(n){t.set(n),r(e)},clearColumns:function(){return r(t)}}},sf={tablecellbackgroundcolor:{selector:"td,th",styles:{backgroundColor:"%value"},remove_similar:!0},tablecellbordercolor:{selector:"td,th",styles:{borderColor:"%value"},remove_similar:!0},tablecellborderstyle:{selector:"td,th",styles:{borderStyle:"%value"},remove_similar:!0},tablecellborderwidth:{selector:"td,th",styles:{borderWidth:"%value"},remove_similar:!0}},df=function(n){n.formatter.register(sf)},mf=er([{none:["current"]},{first:["current"]},{middle:["current","target"]},{last:["current"]}]),gf=U(U({},mf),{none:function(n){return void 0===n&&(n=undefined),mf.none(n)}}),pf=function(t,n){return ot(t,n).bind(function(n){var e=tt(n);return _(e,function(n){return Pn(t,n)}).map(function(n){return{index:n,all:e}})})},hf=function(n,e,t,r){return{start:n,soffset:e,finish:t,foffset:r}},vf=er([{before:["element"]},{on:["element","offset"]},{after:["element"]}]),bf={before:vf.before,on:vf.on,after:vf.after,cata:function(n,e,t,r){return n.fold(e,t,r)},getStart:function(n){return n.fold(d,d,d)}},wf=er([{domRange:["rng"]},{relative:["startSitu","finishSitu"]},{exact:["start","soffset","finish","foffset"]}]),yf={domRange:wf.domRange,relative:wf.relative,exact:wf.exact,exactFromRange:function(n){return wf.exact(n.start,n.soffset,n.finish,n.foffset)},getWin:function(n){var e,t=n.match({domRange:function(n){return In.fromDom(n.startContainer)},relative:function(n,e){return bf.getStart(n)},exact:function(n,e,t,r){return n}});return e=t,In.fromDom(ue(e).dom.defaultView)},range:hf},Cf=function(n,e){return n.selectNodeContents(e.dom)},xf=function(n,e,t){var r,o,u=n.document.createRange();return r=u,e.fold(function(n){r.setStartBefore(n.dom)},function(n,e){r.setStart(n.dom,e)},function(n){r.setStartAfter(n.dom)}),o=u,t.fold(function(n){o.setEndBefore(n.dom)},function(n,e){o.setEnd(n.dom,e)},function(n){o.setEndAfter(n.dom)}),u},Sf=function(n,e,t,r,o){var u=n.document.createRange();return u.setStart(e.dom,t),u.setEnd(r.dom,o),u},Tf=function(n){return{left:n.left,top:n.top,right:n.right,bottom:n.bottom,width:n.width,height:n.height}},Rf=er([{ltr:["start","soffset","finish","foffset"]},{rtl:["start","soffset","finish","foffset"]}]),Of=function(n,e,t){return e(In.fromDom(t.startContainer),t.startOffset,In.fromDom(t.endContainer),t.endOffset)},Df=function(n,e){var o,t,r,u=(o=n,e.match({domRange:function(n){return{ltr:b(n),rtl:x.none}},relative:function(n,e){return{ltr:K(function(){return xf(o,n,e)}),rtl:K(function(){return x.some(xf(o,e,n))})}},exact:function(n,e,t,r){return{ltr:K(function(){return Sf(o,n,e,t,r)}),rtl:K(function(){return x.some(Sf(o,t,r,n,e))})}}}));return(r=(t=u).ltr()).collapsed?t.rtl().filter(function(n){return!1===n.collapsed}).map(function(n){return Rf.rtl(In.fromDom(n.endContainer),n.endOffset,In.fromDom(n.startContainer),n.startOffset)}).getOrThunk(function(){return Of(0,Rf.ltr,r)}):Of(0,Rf.ltr,r)},Af=function(u,n){return Df(u,n).match({ltr:function(n,e,t,r){var o=u.document.createRange();return o.setStart(n.dom,e),o.setEnd(t.dom,r),o},rtl:function(n,e,t,r){var o=u.document.createRange();return o.setStart(t.dom,r),o.setEnd(n.dom,e),o}})},If=(Rf.ltr,Rf.rtl,function(n,e,t){return e>=n.left&&e<=n.right&&t>=n.top&&t<=n.bottom}),Bf=function(t,r,n,e,o){var u=function(n){var e=t.dom.createRange();return e.setStart(r.dom,n),e.collapse(!0),e},i=_t(r).length,c=function(n,e,t,r,o){if(0===o)return 0;if(e===r)return o-1;for(var u=r,i=1;i<o;i++){var c=n(i),a=Math.abs(e-c.left);if(t<=c.bottom){if(t<c.top||u<a)return i-1;u=a}}return 0}(function(n){return u(n).getBoundingClientRect()},n,e,o.right,i);return u(c)},Ef=function(n,e,t,r){return ee(e)?function(e,t,r,o){var n=e.dom.createRange();n.selectNode(t.dom);var u=n.getClientRects();return V(u,function(n){return If(n,r,o)?x.some(n):x.none()}).map(function(n){return Bf(e,t,r,o,n)})}(n,e,t,r):(u=e,i=t,c=r,a=(o=n).dom.createRange(),l=fe(u),V(l,function(n){return a.selectNode(n.dom),If(a.getBoundingClientRect(),i,c)?Ef(o,n,i,c):x.none()}));var o,u,i,c,a,l},Pf=function(n,e){return e-n.left<n.right-e},kf=function(n,e,t){var r=n.dom.createRange();return r.selectNode(e.dom),r.collapse(t),r},Mf=function(e,n,t){var r=e.dom.createRange();r.selectNode(n.dom);var o=r.getBoundingClientRect(),u=Pf(o,t);return(!0===u?gr:pr)(n).map(function(n){return kf(e,n,u)})},Nf=function(n,e,t){var r=e.dom.getBoundingClientRect(),o=Pf(r,t);return x.some(kf(n,e,o))},jf=function(t,n,e){return x.from(t.dom.caretPositionFromPoint(n,e)).bind(function(n){if(null===n.offsetNode)return x.none();var e=t.dom.createRange();return e.setStart(n.offsetNode,n.offset),e.collapse(),x.some(e)})},_f=function(n,e,t){return x.from(n.dom.caretRangeFromPoint(e,t))},zf=function(n,e,t,r){var o=n.dom.createRange();o.selectNode(e.dom);var u=o.getBoundingClientRect();return function(n,e,t,r){var o=n.dom.createRange();o.selectNode(e.dom);var u=o.getBoundingClientRect(),i=Math.max(u.left,Math.min(u.right,t)),c=Math.max(u.top,Math.min(u.bottom,r));return Ef(n,e,i,c)}(n,e,Math.max(u.left,Math.min(u.right,t)),Math.max(u.top,Math.min(u.bottom,r)))},Wf=function(o,u,e){return In.fromPoint(o,u,e).bind(function(r){var n=function(){return n=o,t=u,(0===fe(e=r).length?Nf:Mf)(n,e,t);var n,e,t};return 0===fe(r).length?n():zf(o,r,u,e).orThunk(n)})},Ff=document.caretPositionFromPoint?jf:document.caretRangeFromPoint?_f:Wf,Lf=function(n,e){var t=Yn(n);return"input"===t?bf.after(n):A(["br","img"],t)?0===e?bf.before(n):bf.after(n):bf.on(n,e)},Hf=function(n,e){var t=n.fold(bf.before,Lf,bf.after),r=e.fold(bf.before,Lf,bf.after);return yf.relative(t,r)},qf=function(n,e,t,r){var o=Lf(n,e),u=Lf(t,r);return yf.relative(o,u)},Vf=function(n,e,t,r){var o,u,i,c,a,l=(u=e,i=t,c=r,(a=oe(o=n).dom.createRange()).setStart(o.dom,u),a.setEnd(i.dom,c),a),f=Pn(n,t)&&e===r;return l.collapsed&&!f},Uf=function(n){return x.from(n.getSelection())},$f=function(n,e){Uf(n).each(function(n){n.removeAllRanges(),n.addRange(e)})},Gf=function(n,e,t,r,o){var u=Sf(n,e,t,r,o);$f(n,u)},Kf=function(s,n){return Df(s,n).match({ltr:function(n,e,t,r){Gf(s,n,e,t,r)},rtl:function(c,a,l,f){Uf(s).each(function(n){if(n.setBaseAndExtent)n.setBaseAndExtent(c.dom,a,l.dom,f);else if(n.extend)try{t=c,r=a,o=l,u=f,(e=n).collapse(t.dom,r),e.extend(o.dom,u)}catch(i){Gf(s,l,f,c,a)}else Gf(s,l,f,c,a);var e,t,r,o,u})}})},Xf=function(n,e,t,r,o){var u=qf(e,t,r,o);Kf(n,u)},Yf=function(n,e,t){var r=Hf(e,t);Kf(n,r)},Jf=function(n){var o=yf.getWin(n).dom,e=function(n,e,t,r){return Sf(o,n,e,t,r)},t=n.match({domRange:function(n){var e=In.fromDom(n.startContainer),t=In.fromDom(n.endContainer);return qf(e,n.startOffset,t,n.endOffset)},relative:Hf,exact:qf});return Df(o,t).match({ltr:e,rtl:e})},Qf=function(n){if(0<n.rangeCount){var e=n.getRangeAt(0),t=n.getRangeAt(n.rangeCount-1);return x.some(hf(In.fromDom(e.startContainer),e.startOffset,In.fromDom(t.endContainer),t.endOffset))}return x.none()},Zf=function(n){if(null===n.anchorNode||null===n.focusNode)return Qf(n);var e=In.fromDom(n.anchorNode),t=In.fromDom(n.focusNode);return Vf(e,n.anchorOffset,t,n.focusOffset)?x.some(hf(e,n.anchorOffset,t,n.focusOffset)):Qf(n)},ns=function(n,e){var t,r,o=(t=e,r=n.document.createRange(),Cf(r,t),r);$f(n,o)},es=function(n){return Uf(n).filter(function(n){return 0<n.rangeCount}).bind(Zf).map(function(n){return yf.exact(n.start,n.soffset,n.finish,n.foffset)})},ts=function(n,e){var t,r,o,u=Af(n,e);return r=(t=u).getClientRects(),0<(o=0<r.length?r[0]:t.getBoundingClientRect()).width||0<o.height?x.some(o).map(Tf):x.none()},rs=function(n,e,t){return r=n,o=e,u=t,i=In.fromDom(r.document),Ff(i,o,u).map(function(n){return hf(In.fromDom(n.startContainer),n.startOffset,In.fromDom(n.endContainer),n.endOffset)});var r,o,u,i},os=tinymce.util.Tools.resolve("tinymce.util.VK"),us=function(n,e,t,r){return as(n,e,pf(o=t,u).fold(function(){return gf.none(o)},function(n){return n.index+1<n.all.length?gf.middle(o,n.all[n.index+1]):gf.last(o)}),r);var o,u},is=function(n,e,t,r){return as(n,e,pf(o=t,u).fold(function(){return gf.none()},function(n){return 0<=n.index-1?gf.middle(o,n.all[n.index-1]):gf.first(o)}),r);var o,u},cs=function(n,e){var t=yf.exact(e,0,e,0);return Jf(t)},as=function(o,n,e,u){return e.fold(x.none,x.none,function(n,e){return gr(e).map(function(n){return cs(0,n)})},function(r){return ot(r,n).bind(function(n){var e,t=jr(r);return o.undoManager.transact(function(){u.insertRowsAfter(n,t)}),e=Te(n,"tr"),q(e).bind(function(n){return Ie(n,"td,th").map(function(n){return cs(0,n)})})})})},ls=["table","li","dl"],fs=function(e,t,r){var o,u,n,i;e.keyCode===os.TAB&&(o=Yi(t),u=function(n){var e=Yn(n);return Pn(n,o)||A(ls,e)},(n=t.selection.getRng()).collapsed&&(i=In.fromDom(n.startContainer),et(i,u).each(function(n){e.preventDefault(),(e.shiftKey?is:us)(t,u,n,r).each(function(n){t.selection.setRng(n)})})))},ss=function(n,e){return{selection:n,kill:e}},ds=function(n,e,t,r){return{start:bf.on(n,e),finish:bf.on(t,r)}},ms=function(n,e){var t=Af(n,e);return hf(In.fromDom(t.startContainer),t.startOffset,In.fromDom(t.endContainer),t.endOffset)},gs=ds,ps=function(t,n,r,e,o){return Pn(r,e)?x.none():Xt(r,e,n).bind(function(n){var e=n.boxes.getOr([]);return 0<e.length?(o(t,e,n.start,n.finish),x.some(ss(x.some(gs(r,0,r,sr(r))),!0))):x.none()})},hs=function(n,e){return{item:n,mode:e}},vs=function(n,e,t,r){return void 0===r&&(r=bs),n.property().parent(e).map(function(n){return hs(n,r)})},bs=function(n,e,t,r){return void 0===r&&(r=ws),t.sibling(n,e).map(function(n){return hs(n,r)})},ws=function(n,e,t,r){void 0===r&&(r=ws);var o=n.property().children(e);return t.first(o).map(function(n){return hs(n,r)})},ys=[{current:vs,next:bs,fallback:x.none()},{current:bs,next:ws,fallback:x.some(vs)},{current:ws,next:ws,fallback:x.some(bs)}],Cs=function(e,t,r,o,n){return void 0===n&&(n=ys),j(n,function(n){return n.current===r}).bind(function(n){return n.current(e,t,o,n.next).orThunk(function(){return n.fallback.bind(function(n){return Cs(e,t,n,o)})})})},xs=function(){return{sibling:function(n,e){return n.query().prevSibling(e)},first:function(n){return 0<n.length?x.some(n[n.length-1]):x.none()}}},Ss=function(){return{sibling:function(n,e){return n.query().nextSibling(e)},first:function(n){return 0<n.length?x.some(n[0]):x.none()}}},Ts=function(e,n,t,r,o,u){return Cs(e,n,r,o).bind(function(n){return u(n.item)?x.none():t(n.item)?x.some(n.item):Ts(e,n.item,t,n.mode,o,u)})},Rs=function(e){return function(n){return 0===e.property().children(n).length}},Os=function(n,e,t,r){return Ts(n,e,t,bs,xs(),r)},Ds=function(n,e,t,r){return Ts(n,e,t,bs,Ss(),r)},As=Lt(),Is=function(n,e){return Os(t=As,n,Rs(t),e);var t},Bs=function(n,e){return Ds(t=As,n,Rs(t),e);var t},Es=er([{none:["message"]},{success:[]},{failedUp:["cell"]},{failedDown:["cell"]}]),Ps=function(n){return Be(n,"tr")},ks=U(U({},Es),{verify:function(c,n,e,t,r,a,o){return Be(t,"td,th",o).bind(function(i){return Be(n,"td,th",o).map(function(u){return Pn(i,u)?Pn(t,i)&&sr(i)===r?a(u):Es.none("in same cell"):Gt(Ps,[i,u]).fold(function(){return e=u,t=i,r=(n=c).getRect(e),(o=n.getRect(t)).right>r.left&&o.left<r.right?Es.success():a(u);var n,e,t,r,o},function(n){return a(u)})})}).getOr(Es.none("default"))},cata:function(n,e,t,r,o){return n.fold(e,t,r,o)}}),Ms=function(n,e){return _(n,w(Pn,e))},Ns=function(n){return"br"===Yn(n)},js=function(n,e,t){return e(n,t).bind(function(n){return ee(n)&&0===_t(n).trim().length?js(n,e,t):x.some(n)})},_s=function(e,n,t,r){return se(o=n,u=t).filter(Ns).orThunk(function(){return se(o,u-1).filter(Ns)}).bind(function(n){return r.traverse(n).fold(function(){return js(n,r.gather,e).map(r.relative)},function(n){return ie(r=n).bind(function(e){var t=fe(e);return Ms(t,r).map(function(n){return{parent:e,children:t,element:r,index:n}})}).map(function(n){return bf.on(n.parent,n.index)});var r})});var o,u},zs=function(n,e,t,r){var o,u,i;return(Ns(e)?(o=n,u=e,(i=r).traverse(u).orThunk(function(){return js(u,i.gather,o)}).map(i.relative)):_s(n,e,t,r)).map(function(n){return{start:n,finish:n}})},Ws=function(n,e){return{left:n.left,top:n.top+e,right:n.right,bottom:n.bottom+e}},Fs=function(n,e){return{left:n.left,top:n.top-e,right:n.right,bottom:n.bottom-e}},Ls=function(n,e,t){return{left:n.left+e,top:n.top+t,right:n.right+e,bottom:n.bottom+t}},Hs=function(n){return{left:n.left,top:n.top,right:n.right,bottom:n.bottom}},qs=function(n,e){return x.some(n.getRect(e))},Vs=function(n,e,t){return ne(e)?qs(n,e).map(Hs):ee(e)?(r=n,o=e,(0<=(u=t)&&u<sr(o)?r.getRangedRect(o,u,o,u+1):0<u?r.getRangedRect(o,u-1,o,u):x.none()).map(Hs)):x.none();var r,o,u},Us=function(n,e){return ne(e)?qs(n,e).map(Hs):ee(e)?n.getRangedRect(e,0,e,sr(e)).map(Hs):x.none()},$s=er([{none:[]},{retry:["caret"]}]),Gs=function(e,n,r){return Re(function(n,e){return e(n)},Oe,n,Ra,t).fold(f,function(n){return Us(e,n).exists(function(n){return t=n,(e=r).left<t.left||Math.abs(t.right-e.left)<1||e.left>t.right;var e,t})});var t},Ks={point:function(n){return n.bottom},adjuster:function(n,e,t,r,o){var u=Ws(o,5);return Math.abs(t.bottom-r.bottom)<1||t.top>o.bottom?$s.retry(u):t.top===o.bottom?$s.retry(Ws(o,1)):Gs(n,e,o)?$s.retry(Ls(u,5,0)):$s.none()},move:Ws,gather:Bs},Xs=function(t,r,o,u,i){return 0===i?x.some(u):(a=t,l=u.left,f=r.point(u),a.elementFromPoint(l,f).filter(function(n){return"table"===Yn(n)}).isSome()?(e=u,c=i-1,Xs(t,n=r,o,n.move(e,5),c)):t.situsFromPoint(u.left,r.point(u)).bind(function(n){return n.start.fold(x.none,function(e){return Us(t,e).bind(function(n){return r.adjuster(t,e,n,o,u).fold(x.none,function(n){return Xs(t,r,o,n,i-1)})}).orThunk(function(){return x.some(u)})},x.none)}));var n,e,c,a,l,f},Ys=function(e,t,n){var r,o,u,i=e.move(n,5),c=Xs(t,e,n,i,100).getOr(i);return o=c,u=t,((r=e).point(o)>u.getInnerHeight()?x.some(r.point(o)-u.getInnerHeight()):r.point(o)<0?x.some(-r.point(o)):x.none()).fold(function(){return t.situsFromPoint(c.left,e.point(c))},function(n){return t.scrollBy(0,n),t.situsFromPoint(c.left,e.point(c)-n)})},Js={tryUp:w(Ys,{point:function(n){return n.top},adjuster:function(n,e,t,r,o){var u=Fs(o,5);return Math.abs(t.top-r.top)<1||t.bottom<o.top?$s.retry(u):t.bottom===o.top?$s.retry(Fs(o,1)):Gs(n,e,o)?$s.retry(Ls(u,5,0)):$s.none()},move:Fs,gather:Is}),tryDown:w(Ys,Ks),ieTryUp:function(n,e){return n.situsFromPoint(e.left,e.top-5)},ieTryDown:function(n,e){return n.situsFromPoint(e.left,e.bottom+5)},getJumpSize:b(5)},Qs=function(u,i,c){return u.getSelection().bind(function(o){return zs(i,o.finish,o.foffset,c).fold(function(){return x.some(xc(o.finish,o.foffset))},function(n){var e,t=u.fromSitus(n),r=ks.verify(u,o.finish,o.foffset,t.finish,t.foffset,c.failure,i);return e=r,ks.cata(e,function(n){return x.none()},function(){return x.none()},function(n){return x.some(xc(n,0))},function(n){return x.some(xc(n,sr(n)))})})})},Zs=function(r,o,u,i,c,a){return 0===a?x.none():td(r,o,u,i,c).bind(function(n){var e=r.fromSitus(n),t=ks.verify(r,u,i,e.finish,e.foffset,c.failure,o);return ks.cata(t,function(){return x.none()},function(){return x.some(n)},function(n){return Pn(u,n)&&0===i?nd(r,u,i,Fs,c):Zs(r,o,n,0,c,a-1)},function(n){return Pn(u,n)&&i===sr(n)?nd(r,u,i,Ws,c):Zs(r,o,n,sr(n),c,a-1)})})},nd=function(e,n,t,r,o){return Vs(e,n,t).bind(function(n){return ed(e,o,r(n,Js.getJumpSize()))})},ed=function(n,e,t){var r=Dn().browser;return r.isChrome()||r.isSafari()||r.isFirefox()||r.isEdge()?e.otherRetry(n,t):r.isIE()?e.ieRetry(n,t):x.none()},td=function(e,n,t,r,o){return Vs(e,t,r).bind(function(n){return ed(e,o,n)})},rd=function(n,e){return Oe(n,function(n){return ie(n).exists(function(n){return Pn(n,e)})},t).isSome();var t},od=function(u,i,c,n,a){return Be(n,"td,th",i).bind(function(o){return Be(o,"table",i).bind(function(n){return rd(a,n)?Qs(e=u,t=i,r=c).bind(function(n){return Zs(e,t,n.element,n.offset,r,20).map(e.fromSitus)}).bind(function(e){return Be(e.finish,"td,th",i).map(function(n){return{start:o,finish:n,range:e}})}):x.none();var e,t,r})})},ud=function(n,e,t,r,o,u){return Dn().browser.isIE()?x.none():u(r,e).orThunk(function(){return od(n,e,t,r,o).map(function(n){var e=n.range;return ss(x.some(gs(e.start,e.soffset,e.finish,e.foffset)),!0)})})},id=function(n,r){return Be(n,"tr",r).bind(function(t){return Be(t,"table",r).bind(function(n){var e=Te(n,"tr");return Pn(t,e[0])?Os(As,n,function(n){return pr(n).isSome()},r).map(function(n){var e=sr(n);return ss(x.some(gs(n,e,n,e)),!0)}):x.none()})})},cd=function(n,r){return Be(n,"tr",r).bind(function(t){return Be(t,"table",r).bind(function(n){var e=Te(n,"tr");return Pn(t,e[e.length-1])?Ds(As,n,function(n){return gr(n).isSome()},r).map(function(n){return ss(x.some(gs(n,0,n,0)),!0)}):x.none()})})},ad=function(n,e,t,r,o,u,i){return od(n,t,r,o,u).bind(function(n){return ps(e,t,n.start,n.finish,i)})},ld=function(n,e){return Be(n,"td,th",e)};function fd(o,u,e,i){var t,r=(t=uc(x.none()),{clear:function(){return t.set(x.none())},set:function(n){return t.set(x.some(n))},isSet:function(){return t.get().isSome()},on:function(n){return t.get().each(n)}}),c=r.clear;return{clearstate:c,mousedown:function(n){i.clear(u),ld(n.target,e).each(r.set)},mouseover:function(n){r.on(function(r){i.clearBeforeUpdate(u),ld(n.target,e).each(function(t){Xt(r,t,e).each(function(n){var e=n.boxes.getOr([]);(1<e.length||1===e.length&&!Pn(r,t))&&(i.selectRange(u,e,n.start,n.finish),o.selectContents(t))})})})},mouseup:function(n){c()}}}var sd={traverse:le,gather:Bs,relative:bf.before,otherRetry:Js.tryDown,ieRetry:Js.ieTryDown,failure:ks.failedDown},dd={traverse:ae,gather:Is,relative:bf.before,otherRetry:Js.tryUp,ieRetry:Js.ieTryUp,failure:ks.failedUp},md=function(e){return function(n){return n===e}},gd=md(38),pd=md(40),hd=function(n){return 37<=n&&n<=40},vd={isBackward:md(37),isForward:md(39)},bd={isBackward:md(39),isForward:md(37)},wd=function(c){return{elementFromPoint:function(n,e){return In.fromPoint(In.fromDom(c.document),n,e)},getRect:function(n){return n.dom.getBoundingClientRect()},getRangedRect:function(n,e,t,r){var o=yf.exact(n,e,t,r);return ts(c,o)},getSelection:function(){return es(c).map(function(n){return ms(c,n)})},fromSitus:function(n){var e=yf.relative(n.start,n.finish);return ms(c,e)},situsFromPoint:function(n,e){return rs(c,n,e).map(function(n){return ds(n.start,n.soffset,n.finish,n.foffset)})},clearSelection:function(){Uf(c).each(function(n){return n.removeAllRanges()})},collapseSelection:function(i){void 0===i&&(i=!1),es(c).each(function(n){return n.fold(function(n){return n.collapse(i)},function(n,e){var t=i?n:e;Yf(c,t,t)},function(n,e,t,r){var o=i?n:t,u=i?e:r;Xf(c,o,u,o,u)})})},setSelection:function(n){Xf(c,n.start,n.soffset,n.finish,n.foffset)},setRelativeSelection:function(n,e){Yf(c,n,e)},selectContents:function(n){ns(c,n)},getInnerHeight:function(){return c.innerHeight},getScrollY:function(){var n,e,t,r;return(n=In.fromDom(c.document),e=n!==undefined?n.dom:document,t=e.body.scrollLeft||e.documentElement.scrollLeft,r=e.body.scrollTop||e.documentElement.scrollTop,ao(t,r)).top},scrollBy:function(n,e){var t,r,o,u;t=n,r=e,o=In.fromDom(c.document),(u=(o!==undefined?o.dom:document).defaultView)&&u.scrollBy(t,r)}}},yd=function(n,e){return{rows:n,cols:e}},Cd=function(n,e,t,r){var o=fd(wd(n),e,t,r);return{clearstate:o.clearstate,mousedown:o.mousedown,mouseover:o.mouseover,mouseup:o.mouseup}},xd=function(n,g,p,h){var l=wd(n),f=function(){return h.clear(g),x.none()};return{keydown:function(n,e,t,r,o,i){var u=n.raw,c=u.which,a=!0===u.shiftKey;return Yt(g,h.selectedSelector).fold(function(){return pd(c)&&a?w(ad,l,g,p,sd,r,e,h.selectRange):gd(c)&&a?w(ad,l,g,p,dd,r,e,h.selectRange):pd(c)?w(ud,l,p,sd,r,e,cd):gd(c)?w(ud,l,p,dd,r,e,id):x.none},function(u){var n=function(n){return function(){return V(n,function(n){return e=n.rows,t=n.cols,r=g,Qt(u,e,t,(o=h).firstSelectedSelector,o.lastSelectedSelector).map(function(n){return o.clearBeforeUpdate(r),o.selectRange(r,n.boxes,n.start,n.finish),n.boxes});var e,t,r,o}).fold(function(){return Jt(g,h.firstSelectedSelector,h.lastSelectedSelector).map(function(n){var e=pd(c)||i.isForward(c)?bf.after:bf.before;return l.setRelativeSelection(bf.on(n.first,0),e(n.table)),h.clear(g),ss(x.none(),!0)})},function(n){return x.some(ss(x.none(),!0))})}};return pd(c)&&a?n([yd(1,0)]):gd(c)&&a?n([yd(-1,0)]):i.isBackward(c)&&a?n([yd(0,-1),yd(-1,0)]):i.isForward(c)&&a?n([yd(0,1),yd(1,0)]):hd(c)&&!1==a?f:x.none})()},keyup:function(l,f,s,d,m){return Yt(g,h.selectedSelector).fold(function(){var t,r,n,e,o,u,i,c=l.raw,a=c.which;return!1!=(!0===c.shiftKey)&&hd(a)?(t=g,r=p,n=f,e=s,o=d,u=m,i=h.selectRange,Pn(n,o)&&e===u?x.none():Be(n,"td,th",r).bind(function(e){return Be(o,"td,th",r).bind(function(n){return ps(t,r,e,n,i)})})):x.none()},x.none)}}},Sd=function(n,r,e,o){var u=wd(n);return function(n,t){o.clearBeforeUpdate(r),Xt(n,t,e).each(function(n){var e=n.boxes.getOr([]);o.selectRange(r,e,n.start,n.finish),u.selectContents(t),u.collapseSelection()})}},Td=function(r,n){P(n,function(n){var e,t;t=n,Qu(e=r)?e.dom.classList.remove(t):ni(e,t),ti(e)})},Rd={byClass:function(o){var e,t,u=(e=o.selected,function(n){ei(n,e)}),r=(t=[o.selected,o.lastSelected,o.firstSelected],function(n){Td(n,t)}),i=function(n){var e=Te(n,o.selectedSelector);P(e,r)};return{clearBeforeUpdate:i,clear:i,selectRange:function(n,e,t,r){i(n),P(e,u),ei(t,o.firstSelected),ei(r,o.lastSelected)},selectedSelector:o.selectedSelector,firstSelectedSelector:o.firstSelectedSelector,lastSelectedSelector:o.lastSelectedSelector}},byAttr:function(o,u,e){var t=function(n){je(n,o.selected),je(n,o.firstSelected),je(n,o.lastSelected)},i=function(n){Pe(n,o.selected,"1")},c=function(n){r(n),e()},r=function(n){var e=Te(n,o.selectedSelector);P(e,t)};return{clearBeforeUpdate:r,clear:c,selectRange:function(n,e,t,r){c(n),P(e,i),Pe(t,o.firstSelected,"1"),Pe(r,o.lastSelected,"1"),u(e,t,r)},selectedSelector:o.selectedSelector,firstSelectedSelector:o.firstSelectedSelector,lastSelectedSelector:o.lastSelectedSelector}}},Od=function(n,e,s){var d=mt.fromTable(n);return Xc(d,e).map(function(n){var t,e,r,o,u,i,c,a,l,f=Hc(d,s,!1);return{upOrLeftCells:(t=n,e=s,r=f.slice(0,t[t.length-1].row+1),o=Vc(r,e),W(o,function(n){var e=n.cells.slice(0,t[t.length-1].column+1);return E(e,function(n){return n.element})})),downOrRightCells:(i=n,c=s,a=(u=f).slice(i[0].row+i[0].rowspan-1,u.length),l=Vc(a,c),W(l,function(n){var e=n.cells.slice(i[0].column+i[0].colspan-1,n.cells.length);return E(e,function(n){return n.element})}))}})},Dd=function(n){return!1===ri(In.fromDom(n.target),"ephox-snooker-resizer-bar")};function Ad(d,m,n){var g=Rd.byAttr(Nr,function(u,i,c){n.targets().each(function(o){ot(i).each(function(n){var e=Ki(d),t=Ar(y,In.fromDom(d.getDoc()),e),r=Od(n,o,t);Di(d,u,i,c,r)})})},function(){return Ai(d)});return d.on("init",function(n){var r=d.getWin(),o=Yi(d),e=Zi(d),t=Cd(r,o,e,g),i=xd(r,o,e,g),u=Sd(r,o,e,g);d.on("TableSelectorChange",function(n){return u(n.start,n.finish)});var c,a,l=function(n,e){!0===n.raw.shiftKey&&(e.kill&&n.kill(),e.selection.each(function(n){var e=yf.relative(n.start,n.finish),t=Af(r,e);d.selection.setRng(t)}))},f=function(n){return 0===n.button},s=(c=uc(In.fromDom(o)),a=uc(0),{touchEnd:function(n){var e,t,r=In.fromDom(n.target);"td"!==Yn(r)&&"th"!==Yn(r)||(e=c.get(),t=a.get(),Pn(e,r)&&n.timeStamp-t<300&&(n.preventDefault(),u(r,r))),c.set(r),a.set(n.timeStamp)}});d.on("dragstart",function(n){t.clearstate()}),d.on("mousedown",function(n){f(n)&&Dd(n)&&t.mousedown(Yu(n))}),d.on("mouseover",function(n){var e;((e=n).buttons===undefined||ef.browser.isEdge()&&0===e.buttons||0!=(1&e.buttons))&&Dd(n)&&t.mouseover(Yu(n))}),d.on("mouseup",function(n){f(n)&&Dd(n)&&t.mouseup(Yu(n))}),d.on("touchend",s.touchEnd),d.on("keyup",function(n){var e,t,r,o=Yu(n);o.raw.shiftKey&&hd(o.raw.which)&&(e=d.selection.getRng(),t=In.fromDom(e.startContainer),r=In.fromDom(e.endContainer),i.keyup(o,t,e.startOffset,r,e.endOffset).each(function(n){l(o,n)}))}),d.on("keydown",function(n){var e=Yu(n);m().each(function(n){return n.hideBars()});var t=d.selection.getRng(),r=In.fromDom(t.startContainer),o=In.fromDom(t.endContainer),u=to(vd,bd)(In.fromDom(d.selection.getStart()));i.keydown(e,r,t.startOffset,o,t.endOffset,u).each(function(n){l(e,n)}),m().each(function(n){return n.showBars()})}),d.on("NodeChange",function(){var n=d.selection,e=In.fromDom(n.getStart()),t=In.fromDom(n.getEnd());Gt(ot,[e,t]).fold(function(){return g.clear(o)},y)})}),{clear:g.clear}}var Id=function(n,t){var o=uc(x.none()),u=uc([]),e=function(){return fl(oc(n)).bind(function(e){var n=ot(e);return n.map(function(n){return"caption"===Yn(e)?jr(e):_r(t,n,e)})})},r=function(){o.set(K(e)()),P(u.get(),function(n){return n()})},i=function(e,t){var r=function(){return o.get().fold(function(){e.setDisabled(!0)},function(n){e.setDisabled(t(n))})};return r(),u.set(u.get().concat([r])),function(){u.set(k(u.get(),function(n){return n!==r}))}};return n.on("NodeChange ExecCommand TableSelectorChange",r),{onSetupTable:function(n){return i(n,function(n){return!1})},onSetupCellOrRow:function(n){return i(n,function(n){return"caption"===Yn(n.element)})},onSetupPasteable:function(e){return function(n){return i(n,function(n){return"caption"===Yn(n.element)||e().isNone()})}},onSetupMergeable:function(n){return i(n,function(n){return n.mergable.isNone()})},onSetupUnmergeable:function(n){return i(n,function(n){return n.unmergable.isNone()})},resetTargets:r,targets:function(){return o.get()}}},Bd=function(e,n,t){e.ui.registry.addMenuButton("table",{tooltip:"Table",icon:"table",fetch:function(n){return n("inserttable | cell row column | advtablesort | tableprops deletetable")}});var r=function(n){return function(){return e.execCommand(n)}};e.ui.registry.addButton("tableprops",{tooltip:"Table properties",onAction:r("mceTableProps"),icon:"table",onSetup:n.onSetupTable}),e.ui.registry.addButton("tabledelete",{tooltip:"Delete table",onAction:r("mceTableDelete"),icon:"table-delete-table",onSetup:n.onSetupTable}),e.ui.registry.addButton("tablecellprops",{tooltip:"Cell properties",onAction:r("mceTableCellProps"),icon:"table-cell-properties",onSetup:n.onSetupCellOrRow}),e.ui.registry.addButton("tablemergecells",{tooltip:"Merge cells",onAction:r("mceTableMergeCells"),icon:"table-merge-cells",onSetup:n.onSetupMergeable}),e.ui.registry.addButton("tablesplitcells",{tooltip:"Split cell",onAction:r("mceTableSplitCells"),icon:"table-split-cells",onSetup:n.onSetupUnmergeable}),e.ui.registry.addButton("tableinsertrowbefore",{tooltip:"Insert row before",onAction:r("mceTableInsertRowBefore"),icon:"table-insert-row-above",onSetup:n.onSetupCellOrRow}),e.ui.registry.addButton("tableinsertrowafter",{tooltip:"Insert row after",onAction:r("mceTableInsertRowAfter"),icon:"table-insert-row-after",onSetup:n.onSetupCellOrRow}),e.ui.registry.addButton("tabledeleterow",{tooltip:"Delete row",onAction:r("mceTableDeleteRow"),icon:"table-delete-row",onSetup:n.onSetupCellOrRow}),e.ui.registry.addButton("tablerowprops",{tooltip:"Row properties",onAction:r("mceTableRowProps"),icon:"table-row-properties",onSetup:n.onSetupCellOrRow}),e.ui.registry.addButton("tableinsertcolbefore",{tooltip:"Insert column before",onAction:r("mceTableInsertColBefore"),icon:"table-insert-column-before",onSetup:n.onSetupCellOrRow}),e.ui.registry.addButton("tableinsertcolafter",{tooltip:"Insert column after",onAction:r("mceTableInsertColAfter"),icon:"table-insert-column-after",onSetup:n.onSetupCellOrRow}),e.ui.registry.addButton("tabledeletecol",{tooltip:"Delete column",onAction:r("mceTableDeleteCol"),icon:"table-delete-column",onSetup:n.onSetupCellOrRow}),e.ui.registry.addButton("tablecutrow",{tooltip:"Cut row",icon:"cut-row",onAction:r("mceTableCutRow"),onSetup:n.onSetupCellOrRow}),e.ui.registry.addButton("tablecopyrow",{tooltip:"Copy row",icon:"duplicate-row",onAction:r("mceTableCopyRow"),onSetup:n.onSetupCellOrRow}),e.ui.registry.addButton("tablepasterowbefore",{tooltip:"Paste row before",icon:"paste-row-before",onAction:r("mceTablePasteRowBefore"),onSetup:n.onSetupPasteable(t.getRows)}),e.ui.registry.addButton("tablepasterowafter",{tooltip:"Paste row after",icon:"paste-row-after",onAction:r("mceTablePasteRowAfter"),onSetup:n.onSetupPasteable(t.getRows)}),e.ui.registry.addButton("tablecutcol",{tooltip:"Cut column",icon:"cut-column",onAction:r("mceTableCutCol"),onSetup:n.onSetupCellOrRow}),e.ui.registry.addButton("tablecopycol",{tooltip:"Copy column",icon:"duplicate-column",onAction:r("mceTableCopyCol"),onSetup:n.onSetupCellOrRow}),e.ui.registry.addButton("tablepastecolbefore",{tooltip:"Paste column before",icon:"paste-column-before",onAction:r("mceTablePasteColBefore"),onSetup:n.onSetupPasteable(t.getColumns)}),e.ui.registry.addButton("tablepastecolafter",{tooltip:"Paste column after",icon:"paste-column-after",onAction:r("mceTablePasteColAfter"),onSetup:n.onSetupPasteable(t.getColumns)}),e.ui.registry.addButton("tableinsertdialog",{tooltip:"Insert table",onAction:r("mceInsertTable"),icon:"table"})},Ed=function(e){var n=e.getParam("table_toolbar","tableprops tabledelete | tableinsertrowbefore tableinsertrowafter tabledeleterow | tableinsertcolbefore tableinsertcolafter tabledeletecol");0<n.length&&e.ui.registry.addContextToolbar("table",{predicate:function(n){return e.dom.is(n,"table")&&e.getBody().contains(n)},items:n,scope:"node",position:"node"})},Pd=function(e,n,t){var r=function(n){return function(){return e.execCommand(n)}},o=function(n){e.execCommand("mceInsertTable",!1,{rows:n.numRows,columns:n.numColumns})},u={text:"Table properties",onSetup:n.onSetupTable,onAction:r("mceTableProps")},i={text:"Delete table",icon:"table-delete-table",onSetup:n.onSetupTable,onAction:r("mceTableDelete")};e.ui.registry.addMenuItem("tableinsertrowbefore",{text:"Insert row before",icon:"table-insert-row-above",onAction:r("mceTableInsertRowBefore"),onSetup:n.onSetupCellOrRow}),e.ui.registry.addMenuItem("tableinsertrowafter",{text:"Insert row after",icon:"table-insert-row-after",onAction:r("mceTableInsertRowAfter"),onSetup:n.onSetupCellOrRow}),e.ui.registry.addMenuItem("tabledeleterow",{text:"Delete row",icon:"table-delete-row",onAction:r("mceTableDeleteRow"),onSetup:n.onSetupCellOrRow}),e.ui.registry.addMenuItem("tablerowprops",{text:"Row properties",icon:"table-row-properties",onAction:r("mceTableRowProps"),onSetup:n.onSetupCellOrRow}),e.ui.registry.addMenuItem("tablecutrow",{text:"Cut row",icon:"cut-row",onAction:r("mceTableCutRow"),onSetup:n.onSetupCellOrRow}),e.ui.registry.addMenuItem("tablecopyrow",{text:"Copy row",icon:"duplicate-row",onAction:r("mceTableCopyRow"),onSetup:n.onSetupCellOrRow}),e.ui.registry.addMenuItem("tablepasterowbefore",{text:"Paste row before",icon:"paste-row-before",onAction:r("mceTablePasteRowBefore"),onSetup:n.onSetupPasteable(t.getRows)}),e.ui.registry.addMenuItem("tablepasterowafter",{text:"Paste row after",icon:"paste-row-after",onAction:r("mceTablePasteRowAfter"),onSetup:n.onSetupPasteable(t.getRows)});e.ui.registry.addMenuItem("tableinsertcolumnbefore",{text:"Insert column before",icon:"table-insert-column-before",onAction:r("mceTableInsertColBefore"),onSetup:n.onSetupCellOrRow}),e.ui.registry.addMenuItem("tableinsertcolumnafter",{text:"Insert column after",icon:"table-insert-column-after",onAction:r("mceTableInsertColAfter"),onSetup:n.onSetupCellOrRow}),e.ui.registry.addMenuItem("tabledeletecolumn",{text:"Delete column",icon:"table-delete-column",onAction:r("mceTableDeleteCol"),onSetup:n.onSetupCellOrRow}),e.ui.registry.addMenuItem("tablecutcolumn",{text:"Cut column",icon:"cut-column",onAction:r("mceTableCutCol"),onSetup:n.onSetupCellOrRow}),e.ui.registry.addMenuItem("tablecopycolumn",{text:"Copy column",icon:"duplicate-column",onAction:r("mceTableCopyCol"),onSetup:n.onSetupCellOrRow}),e.ui.registry.addMenuItem("tablepastecolumnbefore",{text:"Paste column before",icon:"paste-column-before",onAction:r("mceTablePasteColBefore"),onSetup:n.onSetupPasteable(t.getColumns)}),e.ui.registry.addMenuItem("tablepastecolumnafter",{text:"Paste column after",icon:"paste-column-after",onAction:r("mceTablePasteColAfter"),onSetup:n.onSetupPasteable(t.getColumns)});e.ui.registry.addMenuItem("tablecellprops",{text:"Cell properties",icon:"table-cell-properties",onAction:r("mceTableCellProps"),onSetup:n.onSetupCellOrRow}),e.ui.registry.addMenuItem("tablemergecells",{text:"Merge cells",icon:"table-merge-cells",onAction:r("mceTableMergeCells"),onSetup:n.onSetupMergeable}),e.ui.registry.addMenuItem("tablesplitcells",{text:"Split cell",icon:"table-split-cells",onAction:r("mceTableSplitCells"),onSetup:n.onSetupUnmergeable});!1===e.getParam("table_grid",!0,"boolean")?e.ui.registry.addMenuItem("inserttable",{text:"Table",icon:"table",onAction:r("mceInsertTable")}):e.ui.registry.addNestedMenuItem("inserttable",{text:"Table",icon:"table",getSubmenuItems:function(){return[{type:"fancymenuitem",fancytype:"inserttable",onAction:o}]}}),e.ui.registry.addMenuItem("inserttabledialog",{text:"Insert table",icon:"table",onAction:r("mceInsertTable")}),e.ui.registry.addMenuItem("tableprops",u),e.ui.registry.addMenuItem("deletetable",i),e.ui.registry.addNestedMenuItem("row",{type:"nestedmenuitem",text:"Row",getSubmenuItems:function(){return"tableinsertrowbefore tableinsertrowafter tabledeleterow tablerowprops | tablecutrow tablecopyrow tablepasterowbefore tablepasterowafter"}}),e.ui.registry.addNestedMenuItem("column",{type:"nestedmenuitem",text:"Column",getSubmenuItems:function(){return"tableinsertcolumnbefore tableinsertcolumnafter tabledeletecolumn | tablecutcolumn tablecopycolumn tablepastecolumnbefore tablepastecolumnafter"}}),e.ui.registry.addNestedMenuItem("cell",{type:"nestedmenuitem",text:"Cell",getSubmenuItems:function(){return"tablecellprops tablemergecells tablesplitcells"}}),e.ui.registry.addContextMenu("table",{update:function(){return n.resetTargets(),n.targets().fold(function(){return""},function(n){return"caption"===Yn(n.element)?"tableprops deletetable":"cell row column | advtablesort | tableprops deletetable"})}})};function kd(e){var n=cr(function(){return Yi(e)},function(){return fl(oc(e))},Nr.selectedSelector),t=Id(e,n),r=Cc(e),o=Ad(e,r.lazyResize,t),u=ml(e,r.lazyWire,n),i=ff();return af(e,u,o,n,i),lf(e,u,n),zr(e,n,u,o),Pd(e,t,i),Bd(e,t,i),Ed(e),e.on("PreInit",function(){e.serializer.addTempAttr(Nr.firstSelected),e.serializer.addTempAttr(Nr.lastSelected),df(e)}),_i(e)&&e.on("keydown",function(n){fs(n,e,u)}),e.on("remove",function(){r.destroy()}),Sl(e,i,r,t)}ar.add("table",kd)}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/template/plugin.js b/src/assets/tinymce/plugins/template/plugin.js
new file mode 100644
index 00000000..0c991827
--- /dev/null
+++ b/src/assets/tinymce/plugins/template/plugin.js
@@ -0,0 +1,577 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var noop = function () {
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    function curry(fn) {
+      var initialArgs = [];
+      for (var _i = 1; _i < arguments.length; _i++) {
+        initialArgs[_i - 1] = arguments[_i];
+      }
+      return function () {
+        var restArgs = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          restArgs[_i] = arguments[_i];
+        }
+        var all = initialArgs.concat(restArgs);
+        return fn.apply(null, all);
+      };
+    }
+    var never = constant(false);
+    var always = constant(true);
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.XHR');
+
+    var getCreationDateClasses = function (editor) {
+      return editor.getParam('template_cdate_classes', 'cdate');
+    };
+    var getModificationDateClasses = function (editor) {
+      return editor.getParam('template_mdate_classes', 'mdate');
+    };
+    var getSelectedContentClasses = function (editor) {
+      return editor.getParam('template_selected_content_classes', 'selcontent');
+    };
+    var getPreviewReplaceValues = function (editor) {
+      return editor.getParam('template_preview_replace_values');
+    };
+    var getContentStyle = function (editor) {
+      return editor.getParam('content_style', '', 'string');
+    };
+    var shouldUseContentCssCors = function (editor) {
+      return editor.getParam('content_css_cors', false, 'boolean');
+    };
+    var getTemplateReplaceValues = function (editor) {
+      return editor.getParam('template_replace_values');
+    };
+    var getTemplates = function (editor) {
+      return editor.getParam('templates');
+    };
+    var getCdateFormat = function (editor) {
+      return editor.getParam('template_cdate_format', editor.translate('%Y-%m-%d'));
+    };
+    var getMdateFormat = function (editor) {
+      return editor.getParam('template_mdate_format', editor.translate('%Y-%m-%d'));
+    };
+    var getBodyClassFromHash = function (editor) {
+      var bodyClass = editor.getParam('body_class', '', 'hash');
+      return bodyClass[editor.id] || '';
+    };
+    var getBodyClass = function (editor) {
+      var bodyClass = editor.getParam('body_class', '', 'string');
+      if (bodyClass.indexOf('=') === -1) {
+        return bodyClass;
+      } else {
+        return getBodyClassFromHash(editor);
+      }
+    };
+
+    var addZeros = function (value, len) {
+      value = '' + value;
+      if (value.length < len) {
+        for (var i = 0; i < len - value.length; i++) {
+          value = '0' + value;
+        }
+      }
+      return value;
+    };
+    var getDateTime = function (editor, fmt, date) {
+      var daysShort = 'Sun Mon Tue Wed Thu Fri Sat Sun'.split(' ');
+      var daysLong = 'Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sunday'.split(' ');
+      var monthsShort = 'Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec'.split(' ');
+      var monthsLong = 'January February March April May June July August September October November December'.split(' ');
+      date = date || new Date();
+      fmt = fmt.replace('%D', '%m/%d/%Y');
+      fmt = fmt.replace('%r', '%I:%M:%S %p');
+      fmt = fmt.replace('%Y', '' + date.getFullYear());
+      fmt = fmt.replace('%y', '' + date.getYear());
+      fmt = fmt.replace('%m', addZeros(date.getMonth() + 1, 2));
+      fmt = fmt.replace('%d', addZeros(date.getDate(), 2));
+      fmt = fmt.replace('%H', '' + addZeros(date.getHours(), 2));
+      fmt = fmt.replace('%M', '' + addZeros(date.getMinutes(), 2));
+      fmt = fmt.replace('%S', '' + addZeros(date.getSeconds(), 2));
+      fmt = fmt.replace('%I', '' + ((date.getHours() + 11) % 12 + 1));
+      fmt = fmt.replace('%p', '' + (date.getHours() < 12 ? 'AM' : 'PM'));
+      fmt = fmt.replace('%B', '' + editor.translate(monthsLong[date.getMonth()]));
+      fmt = fmt.replace('%b', '' + editor.translate(monthsShort[date.getMonth()]));
+      fmt = fmt.replace('%A', '' + editor.translate(daysLong[date.getDay()]));
+      fmt = fmt.replace('%a', '' + editor.translate(daysShort[date.getDay()]));
+      fmt = fmt.replace('%%', '%');
+      return fmt;
+    };
+
+    var createTemplateList = function (editor, callback) {
+      return function () {
+        var templateList = getTemplates(editor);
+        if (typeof templateList === 'function') {
+          templateList(callback);
+          return;
+        }
+        if (typeof templateList === 'string') {
+          global$2.send({
+            url: templateList,
+            success: function (text) {
+              callback(JSON.parse(text));
+            }
+          });
+        } else {
+          callback(templateList);
+        }
+      };
+    };
+    var replaceTemplateValues = function (html, templateValues) {
+      global$1.each(templateValues, function (v, k) {
+        if (typeof v === 'function') {
+          v = v(k);
+        }
+        html = html.replace(new RegExp('\\{\\$' + k + '\\}', 'g'), v);
+      });
+      return html;
+    };
+    var replaceVals = function (editor, e) {
+      var dom = editor.dom, vl = getTemplateReplaceValues(editor);
+      global$1.each(dom.select('*', e), function (e) {
+        global$1.each(vl, function (v, k) {
+          if (dom.hasClass(e, k)) {
+            if (typeof vl[k] === 'function') {
+              vl[k](e);
+            }
+          }
+        });
+      });
+    };
+    var hasClass = function (n, c) {
+      return new RegExp('\\b' + c + '\\b', 'g').test(n.className);
+    };
+    var insertTemplate = function (editor, _ui, html) {
+      var el;
+      var dom = editor.dom;
+      var sel = editor.selection.getContent();
+      html = replaceTemplateValues(html, getTemplateReplaceValues(editor));
+      el = dom.create('div', null, html);
+      var n = dom.select('.mceTmpl', el);
+      if (n && n.length > 0) {
+        el = dom.create('div', null);
+        el.appendChild(n[0].cloneNode(true));
+      }
+      global$1.each(dom.select('*', el), function (n) {
+        if (hasClass(n, getCreationDateClasses(editor).replace(/\s+/g, '|'))) {
+          n.innerHTML = getDateTime(editor, getCdateFormat(editor));
+        }
+        if (hasClass(n, getModificationDateClasses(editor).replace(/\s+/g, '|'))) {
+          n.innerHTML = getDateTime(editor, getMdateFormat(editor));
+        }
+        if (hasClass(n, getSelectedContentClasses(editor).replace(/\s+/g, '|'))) {
+          n.innerHTML = sel;
+        }
+      });
+      replaceVals(editor, el);
+      editor.execCommand('mceInsertContent', false, el.innerHTML);
+      editor.addVisual();
+    };
+
+    var register = function (editor) {
+      editor.addCommand('mceInsertTemplate', curry(insertTemplate, editor));
+    };
+
+    var setup = function (editor) {
+      editor.on('PreProcess', function (o) {
+        var dom = editor.dom, dateFormat = getMdateFormat(editor);
+        global$1.each(dom.select('div', o.node), function (e) {
+          if (dom.hasClass(e, 'mceTmpl')) {
+            global$1.each(dom.select('*', e), function (e) {
+              if (dom.hasClass(e, getModificationDateClasses(editor).replace(/\s+/g, '|'))) {
+                e.innerHTML = getDateTime(editor, dateFormat);
+              }
+            });
+            replaceVals(editor, e);
+          }
+        });
+      });
+    };
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var map = function (xs, f) {
+      var len = xs.length;
+      var r = new Array(len);
+      for (var i = 0; i < len; i++) {
+        var x = xs[i];
+        r[i] = f(x, i);
+      }
+      return r;
+    };
+    var findUntil = function (xs, pred, until) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return Optional.some(x);
+        } else if (until(x, i)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var find = function (xs, pred) {
+      return findUntil(xs, pred, never);
+    };
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.util.Promise');
+
+    var hasOwnProperty = Object.hasOwnProperty;
+    var get = function (obj, key) {
+      return has(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    var has = function (obj, key) {
+      return hasOwnProperty.call(obj, key);
+    };
+
+    var entitiesAttr = {
+      '"': '&quot;',
+      '<': '&lt;',
+      '>': '&gt;',
+      '&': '&amp;',
+      '\'': '&#039;'
+    };
+    var htmlEscape = function (html) {
+      return html.replace(/["'<>&]/g, function (match) {
+        return get(entitiesAttr, match).getOr(match);
+      });
+    };
+
+    var getPreviewContent = function (editor, html) {
+      if (html.indexOf('<html>') === -1) {
+        var contentCssEntries_1 = '';
+        var contentStyle = getContentStyle(editor);
+        if (contentStyle) {
+          contentCssEntries_1 += '<style type="text/css">' + contentStyle + '</style>';
+        }
+        var cors_1 = shouldUseContentCssCors(editor) ? ' crossorigin="anonymous"' : '';
+        global$1.each(editor.contentCSS, function (url) {
+          contentCssEntries_1 += '<link type="text/css" rel="stylesheet" href="' + editor.documentBaseURI.toAbsolute(url) + '"' + cors_1 + '>';
+        });
+        var bodyClass = getBodyClass(editor);
+        var encode = editor.dom.encode;
+        var isMetaKeyPressed = global$3.mac ? 'e.metaKey' : 'e.ctrlKey && !e.altKey';
+        var preventClicksOnLinksScript = '<script>' + 'document.addEventListener && document.addEventListener("click", function(e) {' + 'for (var elm = e.target; elm; elm = elm.parentNode) {' + 'if (elm.nodeName === "A" && !(' + isMetaKeyPressed + ')) {' + 'e.preventDefault();' + '}' + '}' + '}, false);' + '</script> ';
+        var directionality = editor.getBody().dir;
+        var dirAttr = directionality ? ' dir="' + encode(directionality) + '"' : '';
+        html = '<!DOCTYPE html>' + '<html>' + '<head>' + '<base href="' + encode(editor.documentBaseURI.getURI()) + '">' + contentCssEntries_1 + preventClicksOnLinksScript + '</head>' + '<body class="' + encode(bodyClass) + '"' + dirAttr + '>' + html + '</body>' + '</html>';
+      }
+      return replaceTemplateValues(html, getPreviewReplaceValues(editor));
+    };
+    var open = function (editor, templateList) {
+      var createTemplates = function () {
+        if (!templateList || templateList.length === 0) {
+          var message = editor.translate('No templates defined.');
+          editor.notificationManager.open({
+            text: message,
+            type: 'info'
+          });
+          return Optional.none();
+        }
+        return Optional.from(global$1.map(templateList, function (template, index) {
+          var isUrlTemplate = function (t) {
+            return t.url !== undefined;
+          };
+          return {
+            selected: index === 0,
+            text: template.title,
+            value: {
+              url: isUrlTemplate(template) ? Optional.from(template.url) : Optional.none(),
+              content: !isUrlTemplate(template) ? Optional.from(template.content) : Optional.none(),
+              description: template.description
+            }
+          };
+        }));
+      };
+      var createSelectBoxItems = function (templates) {
+        return map(templates, function (t) {
+          return {
+            text: t.text,
+            value: t.text
+          };
+        });
+      };
+      var findTemplate = function (templates, templateTitle) {
+        return find(templates, function (t) {
+          return t.text === templateTitle;
+        });
+      };
+      var loadFailedAlert = function (api) {
+        editor.windowManager.alert('Could not load the specified template.', function () {
+          return api.focus('template');
+        });
+      };
+      var getTemplateContent = function (t) {
+        return new global$4(function (resolve, reject) {
+          t.value.url.fold(function () {
+            return resolve(t.value.content.getOr(''));
+          }, function (url) {
+            return global$2.send({
+              url: url,
+              success: function (html) {
+                resolve(html);
+              },
+              error: function (e) {
+                reject(e);
+              }
+            });
+          });
+        });
+      };
+      var onChange = function (templates, updateDialog) {
+        return function (api, change) {
+          if (change.name === 'template') {
+            var newTemplateTitle = api.getData().template;
+            findTemplate(templates, newTemplateTitle).each(function (t) {
+              api.block('Loading...');
+              getTemplateContent(t).then(function (previewHtml) {
+                updateDialog(api, t, previewHtml);
+              }).catch(function () {
+                updateDialog(api, t, '');
+                api.disable('save');
+                loadFailedAlert(api);
+              });
+            });
+          }
+        };
+      };
+      var onSubmit = function (templates) {
+        return function (api) {
+          var data = api.getData();
+          findTemplate(templates, data.template).each(function (t) {
+            getTemplateContent(t).then(function (previewHtml) {
+              insertTemplate(editor, false, previewHtml);
+              api.close();
+            }).catch(function () {
+              api.disable('save');
+              loadFailedAlert(api);
+            });
+          });
+        };
+      };
+      var openDialog = function (templates) {
+        var selectBoxItems = createSelectBoxItems(templates);
+        var buildDialogSpec = function (bodyItems, initialData) {
+          return {
+            title: 'Insert Template',
+            size: 'large',
+            body: {
+              type: 'panel',
+              items: bodyItems
+            },
+            initialData: initialData,
+            buttons: [
+              {
+                type: 'cancel',
+                name: 'cancel',
+                text: 'Cancel'
+              },
+              {
+                type: 'submit',
+                name: 'save',
+                text: 'Save',
+                primary: true
+              }
+            ],
+            onSubmit: onSubmit(templates),
+            onChange: onChange(templates, updateDialog)
+          };
+        };
+        var updateDialog = function (dialogApi, template, previewHtml) {
+          var content = getPreviewContent(editor, previewHtml);
+          var bodyItems = [
+            {
+              type: 'selectbox',
+              name: 'template',
+              label: 'Templates',
+              items: selectBoxItems
+            },
+            {
+              type: 'htmlpanel',
+              html: '<p aria-live="polite">' + htmlEscape(template.value.description) + '</p>'
+            },
+            {
+              label: 'Preview',
+              type: 'iframe',
+              name: 'preview',
+              sandboxed: false
+            }
+          ];
+          var initialData = {
+            template: template.text,
+            preview: content
+          };
+          dialogApi.unblock();
+          dialogApi.redial(buildDialogSpec(bodyItems, initialData));
+          dialogApi.focus('template');
+        };
+        var dialogApi = editor.windowManager.open(buildDialogSpec([], {
+          template: '',
+          preview: ''
+        }));
+        dialogApi.block('Loading...');
+        getTemplateContent(templates[0]).then(function (previewHtml) {
+          updateDialog(dialogApi, templates[0], previewHtml);
+        }).catch(function () {
+          updateDialog(dialogApi, templates[0], '');
+          dialogApi.disable('save');
+          loadFailedAlert(dialogApi);
+        });
+      };
+      var optTemplates = createTemplates();
+      optTemplates.each(openDialog);
+    };
+
+    var showDialog = function (editor) {
+      return function (templates) {
+        open(editor, templates);
+      };
+    };
+    var register$1 = function (editor) {
+      editor.ui.registry.addButton('template', {
+        icon: 'template',
+        tooltip: 'Insert template',
+        onAction: createTemplateList(editor, showDialog(editor))
+      });
+      editor.ui.registry.addMenuItem('template', {
+        icon: 'template',
+        text: 'Insert template...',
+        onAction: createTemplateList(editor, showDialog(editor))
+      });
+    };
+
+    function Plugin () {
+      global.add('template', function (editor) {
+        register$1(editor);
+        register(editor);
+        setup(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/template/plugin.min.js b/src/assets/tinymce/plugins/template/plugin.min.js
new file mode 100644
index 00000000..d6bda48b
--- /dev/null
+++ b/src/assets/tinymce/plugins/template/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e=tinymce.util.Tools.resolve("tinymce.PluginManager"),t=function(){},o=function(e){return function(){return e}};var n,r,a,c=o(!1),u=o(!0),_=tinymce.util.Tools.resolve("tinymce.util.Tools"),s=tinymce.util.Tools.resolve("tinymce.util.XHR"),i=function(e){return e.getParam("template_mdate_classes","mdate")},l=function(e){return e.getParam("template_replace_values")},f=function(e){return e.getParam("template_mdate_format",e.translate("%Y-%m-%d"))},m=function(e,t){if((e=""+e).length<t)for(var n=0;n<t-e.length;n++)e="0"+e;return e},p=function(e,t,n){var r="Sun Mon Tue Wed Thu Fri Sat Sun".split(" "),a="Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sunday".split(" "),o="Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec".split(" "),c="January February March April May June July August September October November December".split(" ");return n=n||new Date,t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=(t=t.replace("%D","%m/%d/%Y")).replace("%r","%I:%M:%S %p")).replace("%Y",""+n.getFullYear())).replace("%y",""+n.getYear())).replace("%m",m(n.getMonth()+1,2))).replace("%d",m(n.getDate(),2))).replace("%H",""+m(n.getHours(),2))).replace("%M",""+m(n.getMinutes(),2))).replace("%S",""+m(n.getSeconds(),2))).replace("%I",""+((n.getHours()+11)%12+1))).replace("%p",n.getHours()<12?"AM":"PM")).replace("%B",""+e.translate(c[n.getMonth()]))).replace("%b",""+e.translate(o[n.getMonth()]))).replace("%A",""+e.translate(a[n.getDay()]))).replace("%a",""+e.translate(r[n.getDay()]))).replace("%%","%")},d=function(t,n){return function(){var e=t.getParam("templates");"function"!=typeof e?"string"==typeof e?s.send({url:e,success:function(e){n(JSON.parse(e))}}):n(e):e(n)}},x=function(n,e){return _.each(e,function(e,t){"function"==typeof e&&(e=e(t)),n=n.replace(new RegExp("\\{\\$"+t+"\\}","g"),e)}),n},g=function(e,t){var r=e.dom,a=l(e);_.each(r.select("*",t),function(n){_.each(a,function(e,t){r.hasClass(n,t)&&"function"==typeof a[t]&&a[t](n)})})},v=function(e,t){return new RegExp("\\b"+t+"\\b","g").test(e.className)},y=function(n,e,t){var r,a=n.dom,o=n.selection.getContent();t=x(t,l(n)),r=a.create("div",null,t);var c=a.select(".mceTmpl",r);c&&0<c.length&&(r=a.create("div",null)).appendChild(c[0].cloneNode(!0)),_.each(a.select("*",r),function(e){var t;v(e,n.getParam("template_cdate_classes","cdate").replace(/\s+/g,"|"))&&(e.innerHTML=p(n,(t=n).getParam("template_cdate_format",t.translate("%Y-%m-%d")))),v(e,i(n).replace(/\s+/g,"|"))&&(e.innerHTML=p(n,f(n))),v(e,n.getParam("template_selected_content_classes","selcontent").replace(/\s+/g,"|"))&&(e.innerHTML=o)}),g(n,r),n.execCommand("mceInsertContent",!1,r.innerHTML),n.addVisual()},h=function(e){e.addCommand("mceInsertTemplate",function(r){for(var a=[],e=1;e<arguments.length;e++)a[e-1]=arguments[e];return function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=a.concat(e);return r.apply(null,n)}}(y,e))},b=function(){return T},T=(n=function(e){return e.isNone()},{fold:function(e,t){return e()},is:c,isSome:c,isNone:u,getOr:a=function(e){return e},getOrThunk:r=function(e){return e()},getOrDie:function(e){throw new Error(e||"error: getOrDie called on none.")},getOrNull:o(null),getOrUndefined:o(undefined),or:a,orThunk:r,map:b,each:t,bind:b,exists:c,forall:u,filter:b,equals:n,equals_:n,toArray:function(){return[]},toString:o("none()")}),M=function(n){var e=o(n),t=function(){return a},r=function(e){return e(n)},a={fold:function(e,t){return t(n)},is:function(e){return n===e},isSome:u,isNone:c,getOr:e,getOrThunk:e,getOrDie:e,getOrNull:e,getOrUndefined:e,or:t,orThunk:t,map:function(e){return M(e(n))},each:function(e){e(n)},bind:r,exists:r,forall:r,filter:function(e){return e(n)?a:T},toArray:function(){return[n]},toString:function(){return"some("+n+")"},equals:function(e){return e.is(n)},equals_:function(e,t){return e.fold(c,function(e){return t(n,e)})}};return a},O={some:M,none:b,from:function(e){return null===e||e===undefined?T:M(e)}},P=function(e,t){return function(e,t,n){for(var r=0,a=e.length;r<a;r++){var o=e[r];if(t(o,r))return O.some(o);if(n(o,r))break}return O.none()}(e,t,c)},S=tinymce.util.Tools.resolve("tinymce.Env"),w=tinymce.util.Tools.resolve("tinymce.util.Promise"),D=Object.hasOwnProperty,A=function(e,t){return D.call(e,t)},C={'"':"&quot;","<":"&lt;",">":"&gt;","&":"&amp;","'":"&#039;"},N=function(e){return e.replace(/["'<>&]/g,function(e){return(A(t=C,n=e)?O.from(t[n]):O.none()).getOr(e);var t,n})},I=function(M,t){var e=function(e){return function(e,t){for(var n=e.length,r=new Array(n),a=0;a<n;a++){var o=e[a];r[a]=t(o,a)}return r}(e,function(e){return{text:e.text,value:e.text}})},u=function(e,t){return P(e,function(e){return e.text===t})},i=function(e){M.windowManager.alert("Could not load the specified template.",function(){return e.focus("template")})},l=function(e){return new w(function(t,n){e.value.url.fold(function(){return t(e.value.content.getOr(""))},function(e){return s.send({url:e,success:function(e){t(e)},error:function(e){n(e)}})})})};(function(){if(t&&0!==t.length)return O.from(_.map(t,function(e,t){var n=function(e){return e.url!==undefined};return{selected:0===t,text:e.title,value:{url:n(e)?O.from(e.url):O.none(),content:n(e)?O.none():O.from(e.content),description:e.description}}}));var e=M.translate("No templates defined.");return M.notificationManager.open({text:e,type:"info"}),O.none()})().each(function(o){var b=e(o),T=function(e,t){return{title:"Insert Template",size:"large",body:{type:"panel",items:e},initialData:t,buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],onSubmit:function(t){var e=t.getData();u(n,e.template).each(function(e){l(e).then(function(e){y(M,0,e),t.close()})["catch"](function(){t.disable("save"),i(t)})})},onChange:(r=n=o,a=c,function(n,e){var t;"template"===e.name&&(t=n.getData().template,u(r,t).each(function(t){n.block("Loading..."),l(t).then(function(e){a(n,t,e)})["catch"](function(){a(n,t,""),n.disable("save"),i(n)})}))})};var r,a,n},c=function(e,t,n){var r,a,o,c,u,i,l,s,f,m,p,d,g,v=(r=M,-1===(a=n).indexOf("<html>")&&(o="",(c=r.getParam("content_style","","string"))&&(o+='<style type="text/css">'+c+"</style>"),u=r.getParam("content_css_cors",!1,"boolean")?' crossorigin="anonymous"':"",_.each(r.contentCSS,function(e){o+='<link type="text/css" rel="stylesheet" href="'+r.documentBaseURI.toAbsolute(e)+'"'+u+">"}),i=-1===(g=(p=r).getParam("body_class","","string")).indexOf("=")?g:(d=p).getParam("body_class","","hash")[d.id]||"",l=r.dom.encode,s='<script>document.addEventListener && document.addEventListener("click", function(e) {for (var elm = e.target; elm; elm = elm.parentNode) {if (elm.nodeName === "A" && !('+(S.mac?"e.metaKey":"e.ctrlKey && !e.altKey")+")) {e.preventDefault();}}}, false);<\/script> ",m=(f=r.getBody().dir)?' dir="'+l(f)+'"':"",a='<!DOCTYPE html><html><head><base href="'+l(r.documentBaseURI.getURI())+'">'+o+s+'</head><body class="'+l(i)+'"'+m+">"+a+"</body></html>"),x(a,r.getParam("template_preview_replace_values"))),y=[{type:"selectbox",name:"template",label:"Templates",items:b},{type:"htmlpanel",html:'<p aria-live="polite">'+N(t.value.description)+"</p>"},{label:"Preview",type:"iframe",name:"preview",sandboxed:!1}],h={template:t.text,preview:v};e.unblock(),e.redial(T(y,h)),e.focus("template")},t=M.windowManager.open(T([],{template:"",preview:""}));t.block("Loading..."),l(o[0]).then(function(e){c(t,o[0],e)})["catch"](function(){c(t,o[0],""),t.disable("save"),i(t)})})},k=function(t){return function(e){I(t,e)}};e.add("template",function(e){var t,r;(t=e).ui.registry.addButton("template",{icon:"template",tooltip:"Insert template",onAction:d(t,k(t))}),t.ui.registry.addMenuItem("template",{icon:"template",text:"Insert template...",onAction:d(t,k(t))}),h(e),(r=e).on("PreProcess",function(e){var t=r.dom,n=f(r);_.each(t.select("div",e.node),function(e){t.hasClass(e,"mceTmpl")&&(_.each(t.select("*",e),function(e){t.hasClass(e,i(r).replace(/\s+/g,"|"))&&(e.innerHTML=p(r,n))}),g(r,e))})})})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/textcolor/plugin.js b/src/assets/tinymce/plugins/textcolor/plugin.js
new file mode 100644
index 00000000..16dcf462
--- /dev/null
+++ b/src/assets/tinymce/plugins/textcolor/plugin.js
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    function Plugin () {
+      global.add('textcolor', function () {
+        console.warn('Text color plugin is now built in to the core editor, please remove it from your editor configuration');
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/textcolor/plugin.min.js b/src/assets/tinymce/plugins/textcolor/plugin.min.js
new file mode 100644
index 00000000..152fe643
--- /dev/null
+++ b/src/assets/tinymce/plugins/textcolor/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";tinymce.util.Tools.resolve("tinymce.PluginManager").add("textcolor",function(){console.warn("Text color plugin is now built in to the core editor, please remove it from your editor configuration")})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/textpattern/plugin.js b/src/assets/tinymce/plugins/textpattern/plugin.js
new file mode 100644
index 00000000..15d010e3
--- /dev/null
+++ b/src/assets/tinymce/plugins/textpattern/plugin.js
@@ -0,0 +1,1390 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p))
+              t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+    function __spreadArrays() {
+      for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+        s += arguments[i].length;
+      for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+          r[k] = a[j];
+      return r;
+    }
+
+    var noop = function () {
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var identity = function (x) {
+      return x;
+    };
+    var die = function (msg) {
+      return function () {
+        throw new Error(msg);
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var typeOf = function (x) {
+      var t = typeof x;
+      if (x === null) {
+        return 'null';
+      } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+        return 'array';
+      } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+        return 'string';
+      } else {
+        return t;
+      }
+    };
+    var isType = function (type) {
+      return function (value) {
+        return typeOf(value) === type;
+      };
+    };
+    var isString = isType('string');
+    var isObject = isType('object');
+    var isArray = isType('array');
+
+    var nativeSlice = Array.prototype.slice;
+    var nativeIndexOf = Array.prototype.indexOf;
+    var rawIndexOf = function (ts, t) {
+      return nativeIndexOf.call(ts, t);
+    };
+    var contains = function (xs, x) {
+      return rawIndexOf(xs, x) > -1;
+    };
+    var map = function (xs, f) {
+      var len = xs.length;
+      var r = new Array(len);
+      for (var i = 0; i < len; i++) {
+        var x = xs[i];
+        r[i] = f(x, i);
+      }
+      return r;
+    };
+    var each = function (xs, f) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var eachr = function (xs, f) {
+      for (var i = xs.length - 1; i >= 0; i--) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var filter = function (xs, pred) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          r.push(x);
+        }
+      }
+      return r;
+    };
+    var foldr = function (xs, f, acc) {
+      eachr(xs, function (x) {
+        acc = f(acc, x);
+      });
+      return acc;
+    };
+    var foldl = function (xs, f, acc) {
+      each(xs, function (x) {
+        acc = f(acc, x);
+      });
+      return acc;
+    };
+    var findUntil = function (xs, pred, until) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return Optional.some(x);
+        } else if (until(x, i)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var find = function (xs, pred) {
+      return findUntil(xs, pred, never);
+    };
+    var forall = function (xs, pred) {
+      for (var i = 0, len = xs.length; i < len; ++i) {
+        var x = xs[i];
+        if (pred(x, i) !== true) {
+          return false;
+        }
+      }
+      return true;
+    };
+    var sort = function (xs, comparator) {
+      var copy = nativeSlice.call(xs, 0);
+      copy.sort(comparator);
+      return copy;
+    };
+    var get = function (xs, i) {
+      return i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none();
+    };
+    var head = function (xs) {
+      return get(xs, 0);
+    };
+
+    var keys = Object.keys;
+    var hasOwnProperty = Object.hasOwnProperty;
+    var has = function (obj, key) {
+      return hasOwnProperty.call(obj, key);
+    };
+
+    var generate = function (cases) {
+      if (!isArray(cases)) {
+        throw new Error('cases must be an array');
+      }
+      if (cases.length === 0) {
+        throw new Error('there must be at least one case');
+      }
+      var constructors = [];
+      var adt = {};
+      each(cases, function (acase, count) {
+        var keys$1 = keys(acase);
+        if (keys$1.length !== 1) {
+          throw new Error('one and only one name per case');
+        }
+        var key = keys$1[0];
+        var value = acase[key];
+        if (adt[key] !== undefined) {
+          throw new Error('duplicate key detected:' + key);
+        } else if (key === 'cata') {
+          throw new Error('cannot have a case named cata (sorry)');
+        } else if (!isArray(value)) {
+          throw new Error('case arguments must be an array');
+        }
+        constructors.push(key);
+        adt[key] = function () {
+          var argLength = arguments.length;
+          if (argLength !== value.length) {
+            throw new Error('Wrong number of arguments to case ' + key + '. Expected ' + value.length + ' (' + value + '), got ' + argLength);
+          }
+          var args = new Array(argLength);
+          for (var i = 0; i < args.length; i++) {
+            args[i] = arguments[i];
+          }
+          var match = function (branches) {
+            var branchKeys = keys(branches);
+            if (constructors.length !== branchKeys.length) {
+              throw new Error('Wrong number of arguments to match. Expected: ' + constructors.join(',') + '\nActual: ' + branchKeys.join(','));
+            }
+            var allReqd = forall(constructors, function (reqKey) {
+              return contains(branchKeys, reqKey);
+            });
+            if (!allReqd) {
+              throw new Error('Not all branches were specified when using match. Specified: ' + branchKeys.join(', ') + '\nRequired: ' + constructors.join(', '));
+            }
+            return branches[key].apply(null, args);
+          };
+          return {
+            fold: function () {
+              if (arguments.length !== cases.length) {
+                throw new Error('Wrong number of arguments to fold. Expected ' + cases.length + ', got ' + arguments.length);
+              }
+              var target = arguments[count];
+              return target.apply(null, args);
+            },
+            match: match,
+            log: function (label) {
+              console.log(label, {
+                constructors: constructors,
+                constructor: key,
+                params: args
+              });
+            }
+          };
+        };
+      });
+      return adt;
+    };
+    var Adt = { generate: generate };
+
+    var comparison = Adt.generate([
+      {
+        bothErrors: [
+          'error1',
+          'error2'
+        ]
+      },
+      {
+        firstError: [
+          'error1',
+          'value2'
+        ]
+      },
+      {
+        secondError: [
+          'value1',
+          'error2'
+        ]
+      },
+      {
+        bothValues: [
+          'value1',
+          'value2'
+        ]
+      }
+    ]);
+    var partition = function (results) {
+      var errors = [];
+      var values = [];
+      each(results, function (result) {
+        result.fold(function (err) {
+          errors.push(err);
+        }, function (value) {
+          values.push(value);
+        });
+      });
+      return {
+        errors: errors,
+        values: values
+      };
+    };
+
+    var value = function (o) {
+      var is = function (v) {
+        return o === v;
+      };
+      var or = function (_opt) {
+        return value(o);
+      };
+      var orThunk = function (_f) {
+        return value(o);
+      };
+      var map = function (f) {
+        return value(f(o));
+      };
+      var mapError = function (_f) {
+        return value(o);
+      };
+      var each = function (f) {
+        f(o);
+      };
+      var bind = function (f) {
+        return f(o);
+      };
+      var fold = function (_, onValue) {
+        return onValue(o);
+      };
+      var exists = function (f) {
+        return f(o);
+      };
+      var forall = function (f) {
+        return f(o);
+      };
+      var toOptional = function () {
+        return Optional.some(o);
+      };
+      return {
+        is: is,
+        isValue: always,
+        isError: never,
+        getOr: constant(o),
+        getOrThunk: constant(o),
+        getOrDie: constant(o),
+        or: or,
+        orThunk: orThunk,
+        fold: fold,
+        map: map,
+        mapError: mapError,
+        each: each,
+        bind: bind,
+        exists: exists,
+        forall: forall,
+        toOptional: toOptional
+      };
+    };
+    var error = function (message) {
+      var getOrThunk = function (f) {
+        return f();
+      };
+      var getOrDie = function () {
+        return die(String(message))();
+      };
+      var or = function (opt) {
+        return opt;
+      };
+      var orThunk = function (f) {
+        return f();
+      };
+      var map = function (_f) {
+        return error(message);
+      };
+      var mapError = function (f) {
+        return error(f(message));
+      };
+      var bind = function (_f) {
+        return error(message);
+      };
+      var fold = function (onError, _) {
+        return onError(message);
+      };
+      return {
+        is: never,
+        isValue: never,
+        isError: always,
+        getOr: identity,
+        getOrThunk: getOrThunk,
+        getOrDie: getOrDie,
+        or: or,
+        orThunk: orThunk,
+        fold: fold,
+        map: map,
+        mapError: mapError,
+        each: noop,
+        bind: bind,
+        exists: never,
+        forall: always,
+        toOptional: Optional.none
+      };
+    };
+    var fromOption = function (opt, err) {
+      return opt.fold(function () {
+        return error(err);
+      }, value);
+    };
+    var Result = {
+      value: value,
+      error: error,
+      fromOption: fromOption
+    };
+
+    var isInlinePattern = function (pattern) {
+      return pattern.type === 'inline-command' || pattern.type === 'inline-format';
+    };
+    var isBlockPattern = function (pattern) {
+      return pattern.type === 'block-command' || pattern.type === 'block-format';
+    };
+    var sortPatterns = function (patterns) {
+      return sort(patterns, function (a, b) {
+        if (a.start.length === b.start.length) {
+          return 0;
+        }
+        return a.start.length > b.start.length ? -1 : 1;
+      });
+    };
+    var normalizePattern = function (pattern) {
+      var err = function (message) {
+        return Result.error({
+          message: message,
+          pattern: pattern
+        });
+      };
+      var formatOrCmd = function (name, onFormat, onCommand) {
+        if (pattern.format !== undefined) {
+          var formats = void 0;
+          if (isArray(pattern.format)) {
+            if (!forall(pattern.format, isString)) {
+              return err(name + ' pattern has non-string items in the `format` array');
+            }
+            formats = pattern.format;
+          } else if (isString(pattern.format)) {
+            formats = [pattern.format];
+          } else {
+            return err(name + ' pattern has non-string `format` parameter');
+          }
+          return Result.value(onFormat(formats));
+        } else if (pattern.cmd !== undefined) {
+          if (!isString(pattern.cmd)) {
+            return err(name + ' pattern has non-string `cmd` parameter');
+          }
+          return Result.value(onCommand(pattern.cmd, pattern.value));
+        } else {
+          return err(name + ' pattern is missing both `format` and `cmd` parameters');
+        }
+      };
+      if (!isObject(pattern)) {
+        return err('Raw pattern is not an object');
+      }
+      if (!isString(pattern.start)) {
+        return err('Raw pattern is missing `start` parameter');
+      }
+      if (pattern.end !== undefined) {
+        if (!isString(pattern.end)) {
+          return err('Inline pattern has non-string `end` parameter');
+        }
+        if (pattern.start.length === 0 && pattern.end.length === 0) {
+          return err('Inline pattern has empty `start` and `end` parameters');
+        }
+        var start_1 = pattern.start;
+        var end_1 = pattern.end;
+        if (end_1.length === 0) {
+          end_1 = start_1;
+          start_1 = '';
+        }
+        return formatOrCmd('Inline', function (format) {
+          return {
+            type: 'inline-format',
+            start: start_1,
+            end: end_1,
+            format: format
+          };
+        }, function (cmd, value) {
+          return {
+            type: 'inline-command',
+            start: start_1,
+            end: end_1,
+            cmd: cmd,
+            value: value
+          };
+        });
+      } else if (pattern.replacement !== undefined) {
+        if (!isString(pattern.replacement)) {
+          return err('Replacement pattern has non-string `replacement` parameter');
+        }
+        if (pattern.start.length === 0) {
+          return err('Replacement pattern has empty `start` parameter');
+        }
+        return Result.value({
+          type: 'inline-command',
+          start: '',
+          end: pattern.start,
+          cmd: 'mceInsertContent',
+          value: pattern.replacement
+        });
+      } else {
+        if (pattern.start.length === 0) {
+          return err('Block pattern has empty `start` parameter');
+        }
+        return formatOrCmd('Block', function (formats) {
+          return {
+            type: 'block-format',
+            start: pattern.start,
+            format: formats[0]
+          };
+        }, function (command, commandValue) {
+          return {
+            type: 'block-command',
+            start: pattern.start,
+            cmd: command,
+            value: commandValue
+          };
+        });
+      }
+    };
+    var denormalizePattern = function (pattern) {
+      if (pattern.type === 'block-command') {
+        return {
+          start: pattern.start,
+          cmd: pattern.cmd,
+          value: pattern.value
+        };
+      } else if (pattern.type === 'block-format') {
+        return {
+          start: pattern.start,
+          format: pattern.format
+        };
+      } else if (pattern.type === 'inline-command') {
+        if (pattern.cmd === 'mceInsertContent' && pattern.start === '') {
+          return {
+            start: pattern.end,
+            replacement: pattern.value
+          };
+        } else {
+          return {
+            start: pattern.start,
+            end: pattern.end,
+            cmd: pattern.cmd,
+            value: pattern.value
+          };
+        }
+      } else if (pattern.type === 'inline-format') {
+        return {
+          start: pattern.start,
+          end: pattern.end,
+          format: pattern.format.length === 1 ? pattern.format[0] : pattern.format
+        };
+      }
+    };
+    var createPatternSet = function (patterns) {
+      return {
+        inlinePatterns: filter(patterns, isInlinePattern),
+        blockPatterns: sortPatterns(filter(patterns, isBlockPattern))
+      };
+    };
+
+    var get$1 = function (patternsState) {
+      var setPatterns = function (newPatterns) {
+        var normalized = partition(map(newPatterns, normalizePattern));
+        if (normalized.errors.length > 0) {
+          var firstError = normalized.errors[0];
+          throw new Error(firstError.message + ':\n' + JSON.stringify(firstError.pattern, null, 2));
+        }
+        patternsState.set(createPatternSet(normalized.values));
+      };
+      var getPatterns = function () {
+        return __spreadArrays(map(patternsState.get().inlinePatterns, denormalizePattern), map(patternsState.get().blockPatterns, denormalizePattern));
+      };
+      return {
+        setPatterns: setPatterns,
+        getPatterns: getPatterns
+      };
+    };
+
+    var Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    var error$1 = function () {
+      var args = [];
+      for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+      }
+      var console = Global.console;
+      if (console) {
+        if (console.error) {
+          console.error.apply(console, args);
+        } else {
+          console.log.apply(console, args);
+        }
+      }
+    };
+    var defaultPatterns = [
+      {
+        start: '*',
+        end: '*',
+        format: 'italic'
+      },
+      {
+        start: '**',
+        end: '**',
+        format: 'bold'
+      },
+      {
+        start: '#',
+        format: 'h1'
+      },
+      {
+        start: '##',
+        format: 'h2'
+      },
+      {
+        start: '###',
+        format: 'h3'
+      },
+      {
+        start: '####',
+        format: 'h4'
+      },
+      {
+        start: '#####',
+        format: 'h5'
+      },
+      {
+        start: '######',
+        format: 'h6'
+      },
+      {
+        start: '1. ',
+        cmd: 'InsertOrderedList'
+      },
+      {
+        start: '* ',
+        cmd: 'InsertUnorderedList'
+      },
+      {
+        start: '- ',
+        cmd: 'InsertUnorderedList'
+      }
+    ];
+    var getPatternSet = function (editor) {
+      var patterns = editor.getParam('textpattern_patterns', defaultPatterns, 'array');
+      if (!isArray(patterns)) {
+        error$1('The setting textpattern_patterns should be an array');
+        return {
+          inlinePatterns: [],
+          blockPatterns: []
+        };
+      }
+      var normalized = partition(map(patterns, normalizePattern));
+      each(normalized.errors, function (err) {
+        return error$1(err.message, err.pattern);
+      });
+      return createPatternSet(normalized.values);
+    };
+    var getForcedRootBlock = function (editor) {
+      var block = editor.getParam('forced_root_block', 'p');
+      if (block === false) {
+        return '';
+      } else if (block === true) {
+        return 'p';
+      } else {
+        return block;
+      }
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    var zeroWidth = '\uFEFF';
+    var nbsp = '\xA0';
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$5 = tinymce.util.Tools.resolve('tinymce.dom.TextSeeker');
+
+    var point = function (container, offset) {
+      return {
+        container: container,
+        offset: offset
+      };
+    };
+
+    var isText = function (node) {
+      return node.nodeType === Node.TEXT_NODE;
+    };
+    var cleanEmptyNodes = function (dom, node, isRoot) {
+      if (node && dom.isEmpty(node) && !isRoot(node)) {
+        var parent_1 = node.parentNode;
+        dom.remove(node);
+        cleanEmptyNodes(dom, parent_1, isRoot);
+      }
+    };
+    var deleteRng = function (dom, rng, isRoot, clean) {
+      if (clean === void 0) {
+        clean = true;
+      }
+      var startParent = rng.startContainer.parentNode;
+      var endParent = rng.endContainer.parentNode;
+      rng.deleteContents();
+      if (clean && !isRoot(rng.startContainer)) {
+        if (isText(rng.startContainer) && rng.startContainer.data.length === 0) {
+          dom.remove(rng.startContainer);
+        }
+        if (isText(rng.endContainer) && rng.endContainer.data.length === 0) {
+          dom.remove(rng.endContainer);
+        }
+        cleanEmptyNodes(dom, startParent, isRoot);
+        if (startParent !== endParent) {
+          cleanEmptyNodes(dom, endParent, isRoot);
+        }
+      }
+    };
+    var isBlockFormatName = function (name, formatter) {
+      var formatSet = formatter.get(name);
+      return isArray(formatSet) && head(formatSet).exists(function (format) {
+        return has(format, 'block');
+      });
+    };
+    var isReplacementPattern = function (pattern) {
+      return pattern.start.length === 0;
+    };
+    var getParentBlock = function (editor, rng) {
+      var parentBlockOpt = Optional.from(editor.dom.getParent(rng.startContainer, editor.dom.isBlock));
+      if (getForcedRootBlock(editor) === '') {
+        return parentBlockOpt.orThunk(function () {
+          return Optional.some(editor.getBody());
+        });
+      } else {
+        return parentBlockOpt;
+      }
+    };
+
+    var DOM = global$4.DOM;
+    var alwaysNext = function (startNode) {
+      return function (node) {
+        return startNode === node ? -1 : 0;
+      };
+    };
+    var isBoundary = function (dom) {
+      return function (node) {
+        return dom.isBlock(node) || contains([
+          'BR',
+          'IMG',
+          'HR',
+          'INPUT'
+        ], node.nodeName) || dom.getContentEditable(node) === 'false';
+      };
+    };
+    var textBefore = function (node, offset, rootNode) {
+      if (isText(node) && offset >= 0) {
+        return Optional.some(point(node, offset));
+      } else {
+        var textSeeker = global$5(DOM);
+        return Optional.from(textSeeker.backwards(node, offset, alwaysNext(node), rootNode)).map(function (prev) {
+          return point(prev.container, prev.container.data.length);
+        });
+      }
+    };
+    var textAfter = function (node, offset, rootNode) {
+      if (isText(node) && offset >= node.length) {
+        return Optional.some(point(node, offset));
+      } else {
+        var textSeeker = global$5(DOM);
+        return Optional.from(textSeeker.forwards(node, offset, alwaysNext(node), rootNode)).map(function (prev) {
+          return point(prev.container, 0);
+        });
+      }
+    };
+    var scanLeft = function (node, offset, rootNode) {
+      if (!isText(node)) {
+        return Optional.none();
+      }
+      var text = node.textContent;
+      if (offset >= 0 && offset <= text.length) {
+        return Optional.some(point(node, offset));
+      } else {
+        var textSeeker = global$5(DOM);
+        return Optional.from(textSeeker.backwards(node, offset, alwaysNext(node), rootNode)).bind(function (prev) {
+          var prevText = prev.container.data;
+          return scanLeft(prev.container, offset + prevText.length, rootNode);
+        });
+      }
+    };
+    var scanRight = function (node, offset, rootNode) {
+      if (!isText(node)) {
+        return Optional.none();
+      }
+      var text = node.textContent;
+      if (offset <= text.length) {
+        return Optional.some(point(node, offset));
+      } else {
+        var textSeeker = global$5(DOM);
+        return Optional.from(textSeeker.forwards(node, offset, alwaysNext(node), rootNode)).bind(function (next) {
+          return scanRight(next.container, offset - text.length, rootNode);
+        });
+      }
+    };
+    var repeatLeft = function (dom, node, offset, process, rootNode) {
+      var search = global$5(dom, isBoundary(dom));
+      return Optional.from(search.backwards(node, offset, process, rootNode));
+    };
+
+    var generatePath = function (root, node, offset) {
+      if (isText(node) && (offset < 0 || offset > node.data.length)) {
+        return [];
+      }
+      var p = [offset];
+      var current = node;
+      while (current !== root && current.parentNode) {
+        var parent_1 = current.parentNode;
+        for (var i = 0; i < parent_1.childNodes.length; i++) {
+          if (parent_1.childNodes[i] === current) {
+            p.push(i);
+            break;
+          }
+        }
+        current = parent_1;
+      }
+      return current === root ? p.reverse() : [];
+    };
+    var generatePathRange = function (root, startNode, startOffset, endNode, endOffset) {
+      var start = generatePath(root, startNode, startOffset);
+      var end = generatePath(root, endNode, endOffset);
+      return {
+        start: start,
+        end: end
+      };
+    };
+    var resolvePath = function (root, path) {
+      var nodePath = path.slice();
+      var offset = nodePath.pop();
+      var resolvedNode = foldl(nodePath, function (optNode, index) {
+        return optNode.bind(function (node) {
+          return Optional.from(node.childNodes[index]);
+        });
+      }, Optional.some(root));
+      return resolvedNode.bind(function (node) {
+        if (isText(node) && (offset < 0 || offset > node.data.length)) {
+          return Optional.none();
+        } else {
+          return Optional.some({
+            node: node,
+            offset: offset
+          });
+        }
+      });
+    };
+    var resolvePathRange = function (root, range) {
+      return resolvePath(root, range.start).bind(function (_a) {
+        var startNode = _a.node, startOffset = _a.offset;
+        return resolvePath(root, range.end).map(function (_a) {
+          var endNode = _a.node, endOffset = _a.offset;
+          var rng = document.createRange();
+          rng.setStart(startNode, startOffset);
+          rng.setEnd(endNode, endOffset);
+          return rng;
+        });
+      });
+    };
+    var generatePathRangeFromRange = function (root, range) {
+      return generatePathRange(root, range.startContainer, range.startOffset, range.endContainer, range.endOffset);
+    };
+
+    var stripPattern = function (dom, block, pattern) {
+      var firstTextNode = textAfter(block, 0, block);
+      firstTextNode.each(function (spot) {
+        var node = spot.container;
+        scanRight(node, pattern.start.length, block).each(function (end) {
+          var rng = dom.createRng();
+          rng.setStart(node, 0);
+          rng.setEnd(end.container, end.offset);
+          deleteRng(dom, rng, function (e) {
+            return e === block;
+          });
+        });
+      });
+    };
+    var applyPattern = function (editor, match) {
+      var dom = editor.dom;
+      var pattern = match.pattern;
+      var rng = resolvePathRange(dom.getRoot(), match.range).getOrDie('Unable to resolve path range');
+      getParentBlock(editor, rng).each(function (block) {
+        if (pattern.type === 'block-format') {
+          if (isBlockFormatName(pattern.format, editor.formatter)) {
+            editor.undoManager.transact(function () {
+              stripPattern(editor.dom, block, pattern);
+              editor.formatter.apply(pattern.format);
+            });
+          }
+        } else if (pattern.type === 'block-command') {
+          editor.undoManager.transact(function () {
+            stripPattern(editor.dom, block, pattern);
+            editor.execCommand(pattern.cmd, false, pattern.value);
+          });
+        }
+      });
+      return true;
+    };
+    var findPattern = function (patterns, text) {
+      var nuText = text.replace(nbsp, ' ');
+      return find(patterns, function (pattern) {
+        return text.indexOf(pattern.start) === 0 || nuText.indexOf(pattern.start) === 0;
+      });
+    };
+    var findPatterns = function (editor, patterns) {
+      var dom = editor.dom;
+      var rng = editor.selection.getRng();
+      return getParentBlock(editor, rng).filter(function (block) {
+        var forcedRootBlock = getForcedRootBlock(editor);
+        var matchesForcedRootBlock = forcedRootBlock === '' && dom.is(block, 'body') || dom.is(block, forcedRootBlock);
+        return block !== null && matchesForcedRootBlock;
+      }).bind(function (block) {
+        var blockText = block.textContent;
+        var matchedPattern = findPattern(patterns, blockText);
+        return matchedPattern.map(function (pattern) {
+          if (global$3.trim(blockText).length === pattern.start.length) {
+            return [];
+          }
+          return [{
+              pattern: pattern,
+              range: generatePathRange(dom.getRoot(), block, 0, block, 0)
+            }];
+        });
+      }).getOr([]);
+    };
+    var applyMatches = function (editor, matches) {
+      if (matches.length === 0) {
+        return;
+      }
+      var bookmark = editor.selection.getBookmark();
+      each(matches, function (match) {
+        return applyPattern(editor, match);
+      });
+      editor.selection.moveToBookmark(bookmark);
+    };
+
+    var unique = 0;
+    var generate$1 = function (prefix) {
+      var date = new Date();
+      var time = date.getTime();
+      var random = Math.floor(Math.random() * 1000000000);
+      unique++;
+      return prefix + '_' + random + unique + String(time);
+    };
+
+    var checkRange = function (str, substr, start) {
+      return substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    };
+    var endsWith = function (str, suffix) {
+      return checkRange(str, suffix, str.length - suffix.length);
+    };
+
+    var newMarker = function (dom, id) {
+      return dom.create('span', {
+        'data-mce-type': 'bookmark',
+        id: id
+      });
+    };
+    var rangeFromMarker = function (dom, marker) {
+      var rng = dom.createRng();
+      rng.setStartAfter(marker.start);
+      rng.setEndBefore(marker.end);
+      return rng;
+    };
+    var createMarker = function (dom, markerPrefix, pathRange) {
+      var rng = resolvePathRange(dom.getRoot(), pathRange).getOrDie('Unable to resolve path range');
+      var startNode = rng.startContainer;
+      var endNode = rng.endContainer;
+      var textEnd = rng.endOffset === 0 ? endNode : endNode.splitText(rng.endOffset);
+      var textStart = rng.startOffset === 0 ? startNode : startNode.splitText(rng.startOffset);
+      return {
+        prefix: markerPrefix,
+        end: textEnd.parentNode.insertBefore(newMarker(dom, markerPrefix + '-end'), textEnd),
+        start: textStart.parentNode.insertBefore(newMarker(dom, markerPrefix + '-start'), textStart)
+      };
+    };
+    var removeMarker = function (dom, marker, isRoot) {
+      cleanEmptyNodes(dom, dom.get(marker.prefix + '-end'), isRoot);
+      cleanEmptyNodes(dom, dom.get(marker.prefix + '-start'), isRoot);
+    };
+
+    var matchesPattern = function (dom, block, patternContent) {
+      return function (element, offset) {
+        var text = element.data;
+        var searchText = text.substring(0, offset);
+        var startEndIndex = searchText.lastIndexOf(patternContent.charAt(patternContent.length - 1));
+        var startIndex = searchText.lastIndexOf(patternContent);
+        if (startIndex !== -1) {
+          return startIndex + patternContent.length;
+        } else if (startEndIndex !== -1) {
+          return startEndIndex + 1;
+        } else {
+          return -1;
+        }
+      };
+    };
+    var findPatternStartFromSpot = function (dom, pattern, block, spot) {
+      var startPattern = pattern.start;
+      var startSpot = repeatLeft(dom, spot.container, spot.offset, matchesPattern(dom, block, startPattern), block);
+      return startSpot.bind(function (spot) {
+        if (spot.offset >= startPattern.length) {
+          var rng = dom.createRng();
+          rng.setStart(spot.container, spot.offset - startPattern.length);
+          rng.setEnd(spot.container, spot.offset);
+          return Optional.some(rng);
+        } else {
+          var offset = spot.offset - startPattern.length;
+          return scanLeft(spot.container, offset, block).map(function (nextSpot) {
+            var rng = dom.createRng();
+            rng.setStart(nextSpot.container, nextSpot.offset);
+            rng.setEnd(spot.container, spot.offset);
+            return rng;
+          }).filter(function (rng) {
+            return rng.toString() === startPattern;
+          }).orThunk(function () {
+            return findPatternStartFromSpot(dom, pattern, block, point(spot.container, 0));
+          });
+        }
+      });
+    };
+    var findPatternStart = function (dom, pattern, node, offset, block, requireGap) {
+      if (requireGap === void 0) {
+        requireGap = false;
+      }
+      if (pattern.start.length === 0 && !requireGap) {
+        var rng = dom.createRng();
+        rng.setStart(node, offset);
+        rng.setEnd(node, offset);
+        return Optional.some(rng);
+      }
+      return textBefore(node, offset, block).bind(function (spot) {
+        var start = findPatternStartFromSpot(dom, pattern, block, spot);
+        return start.bind(function (startRange) {
+          if (requireGap) {
+            if (startRange.endContainer === spot.container && startRange.endOffset === spot.offset) {
+              return Optional.none();
+            } else if (spot.offset === 0 && startRange.endContainer.textContent.length === startRange.endOffset) {
+              return Optional.none();
+            }
+          }
+          return Optional.some(startRange);
+        });
+      });
+    };
+    var findPattern$1 = function (editor, block, details) {
+      var dom = editor.dom;
+      var root = dom.getRoot();
+      var pattern = details.pattern;
+      var endNode = details.position.container;
+      var endOffset = details.position.offset;
+      return scanLeft(endNode, endOffset - details.pattern.end.length, block).bind(function (spot) {
+        var endPathRng = generatePathRange(root, spot.container, spot.offset, endNode, endOffset);
+        if (isReplacementPattern(pattern)) {
+          return Optional.some({
+            matches: [{
+                pattern: pattern,
+                startRng: endPathRng,
+                endRng: endPathRng
+              }],
+            position: spot
+          });
+        } else {
+          var resultsOpt = findPatternsRec(editor, details.remainingPatterns, spot.container, spot.offset, block);
+          var results_1 = resultsOpt.getOr({
+            matches: [],
+            position: spot
+          });
+          var pos = results_1.position;
+          var start = findPatternStart(dom, pattern, pos.container, pos.offset, block, resultsOpt.isNone());
+          return start.map(function (startRng) {
+            var startPathRng = generatePathRangeFromRange(root, startRng);
+            return {
+              matches: results_1.matches.concat([{
+                  pattern: pattern,
+                  startRng: startPathRng,
+                  endRng: endPathRng
+                }]),
+              position: point(startRng.startContainer, startRng.startOffset)
+            };
+          });
+        }
+      });
+    };
+    var findPatternsRec = function (editor, patterns, node, offset, block) {
+      var dom = editor.dom;
+      return textBefore(node, offset, dom.getRoot()).bind(function (endSpot) {
+        var rng = dom.createRng();
+        rng.setStart(block, 0);
+        rng.setEnd(node, offset);
+        var text = rng.toString();
+        for (var i = 0; i < patterns.length; i++) {
+          var pattern = patterns[i];
+          if (!endsWith(text, pattern.end)) {
+            continue;
+          }
+          var patternsWithoutCurrent = patterns.slice();
+          patternsWithoutCurrent.splice(i, 1);
+          var result = findPattern$1(editor, block, {
+            pattern: pattern,
+            remainingPatterns: patternsWithoutCurrent,
+            position: endSpot
+          });
+          if (result.isSome()) {
+            return result;
+          }
+        }
+        return Optional.none();
+      });
+    };
+    var applyPattern$1 = function (editor, pattern, patternRange) {
+      editor.selection.setRng(patternRange);
+      if (pattern.type === 'inline-format') {
+        each(pattern.format, function (format) {
+          editor.formatter.apply(format);
+        });
+      } else {
+        editor.execCommand(pattern.cmd, false, pattern.value);
+      }
+    };
+    var applyReplacementPattern = function (editor, pattern, marker, isRoot) {
+      var markerRange = rangeFromMarker(editor.dom, marker);
+      deleteRng(editor.dom, markerRange, isRoot);
+      applyPattern$1(editor, pattern, markerRange);
+    };
+    var applyPatternWithContent = function (editor, pattern, startMarker, endMarker, isRoot) {
+      var dom = editor.dom;
+      var markerEndRange = rangeFromMarker(dom, endMarker);
+      var markerStartRange = rangeFromMarker(dom, startMarker);
+      deleteRng(dom, markerStartRange, isRoot);
+      deleteRng(dom, markerEndRange, isRoot);
+      var patternMarker = {
+        prefix: startMarker.prefix,
+        start: startMarker.end,
+        end: endMarker.start
+      };
+      var patternRange = rangeFromMarker(dom, patternMarker);
+      applyPattern$1(editor, pattern, patternRange);
+    };
+    var addMarkers = function (dom, matches) {
+      var markerPrefix = generate$1('mce_textpattern');
+      var matchesWithEnds = foldr(matches, function (acc, match) {
+        var endMarker = createMarker(dom, markerPrefix + ('_end' + acc.length), match.endRng);
+        return acc.concat([__assign(__assign({}, match), { endMarker: endMarker })]);
+      }, []);
+      return foldr(matchesWithEnds, function (acc, match) {
+        var idx = matchesWithEnds.length - acc.length - 1;
+        var startMarker = isReplacementPattern(match.pattern) ? match.endMarker : createMarker(dom, markerPrefix + ('_start' + idx), match.startRng);
+        return acc.concat([__assign(__assign({}, match), { startMarker: startMarker })]);
+      }, []);
+    };
+    var findPatterns$1 = function (editor, patterns, space) {
+      var rng = editor.selection.getRng();
+      if (rng.collapsed === false) {
+        return [];
+      }
+      return getParentBlock(editor, rng).bind(function (block) {
+        var offset = rng.startOffset - (space ? 1 : 0);
+        return findPatternsRec(editor, patterns, rng.startContainer, offset, block);
+      }).fold(function () {
+        return [];
+      }, function (result) {
+        return result.matches;
+      });
+    };
+    var applyMatches$1 = function (editor, matches) {
+      if (matches.length === 0) {
+        return;
+      }
+      var dom = editor.dom;
+      var bookmark = editor.selection.getBookmark();
+      var matchesWithMarkers = addMarkers(dom, matches);
+      each(matchesWithMarkers, function (match) {
+        var block = dom.getParent(match.startMarker.start, dom.isBlock);
+        var isRoot = function (node) {
+          return node === block;
+        };
+        if (isReplacementPattern(match.pattern)) {
+          applyReplacementPattern(editor, match.pattern, match.endMarker, isRoot);
+        } else {
+          applyPatternWithContent(editor, match.pattern, match.startMarker, match.endMarker, isRoot);
+        }
+        removeMarker(dom, match.endMarker, isRoot);
+        removeMarker(dom, match.startMarker, isRoot);
+      });
+      editor.selection.moveToBookmark(bookmark);
+    };
+
+    var handleEnter = function (editor, patternSet) {
+      if (!editor.selection.isCollapsed()) {
+        return false;
+      }
+      var inlineMatches = findPatterns$1(editor, patternSet.inlinePatterns, false);
+      var blockMatches = findPatterns(editor, patternSet.blockPatterns);
+      if (blockMatches.length > 0 || inlineMatches.length > 0) {
+        editor.undoManager.add();
+        editor.undoManager.extra(function () {
+          editor.execCommand('mceInsertNewLine');
+        }, function () {
+          editor.insertContent(zeroWidth);
+          applyMatches$1(editor, inlineMatches);
+          applyMatches(editor, blockMatches);
+          var range = editor.selection.getRng();
+          var spot = textBefore(range.startContainer, range.startOffset, editor.dom.getRoot());
+          editor.execCommand('mceInsertNewLine');
+          spot.each(function (s) {
+            var node = s.container;
+            if (node.data.charAt(s.offset - 1) === zeroWidth) {
+              node.deleteData(s.offset - 1, 1);
+              cleanEmptyNodes(editor.dom, node.parentNode, function (e) {
+                return e === editor.dom.getRoot();
+              });
+            }
+          });
+        });
+        return true;
+      }
+      return false;
+    };
+    var handleInlineKey = function (editor, patternSet) {
+      var inlineMatches = findPatterns$1(editor, patternSet.inlinePatterns, true);
+      if (inlineMatches.length > 0) {
+        editor.undoManager.transact(function () {
+          applyMatches$1(editor, inlineMatches);
+        });
+      }
+    };
+    var checkKeyEvent = function (codes, event, predicate) {
+      for (var i = 0; i < codes.length; i++) {
+        if (predicate(codes[i], event)) {
+          return true;
+        }
+      }
+    };
+    var checkKeyCode = function (codes, event) {
+      return checkKeyEvent(codes, event, function (code, event) {
+        return code === event.keyCode && global$2.modifierPressed(event) === false;
+      });
+    };
+    var checkCharCode = function (chars, event) {
+      return checkKeyEvent(chars, event, function (chr, event) {
+        return chr.charCodeAt(0) === event.charCode;
+      });
+    };
+
+    var setup = function (editor, patternsState) {
+      var charCodes = [
+        ',',
+        '.',
+        ';',
+        ':',
+        '!',
+        '?'
+      ];
+      var keyCodes = [32];
+      editor.on('keydown', function (e) {
+        if (e.keyCode === 13 && !global$2.modifierPressed(e)) {
+          if (handleEnter(editor, patternsState.get())) {
+            e.preventDefault();
+          }
+        }
+      }, true);
+      editor.on('keyup', function (e) {
+        if (checkKeyCode(keyCodes, e)) {
+          handleInlineKey(editor, patternsState.get());
+        }
+      });
+      editor.on('keypress', function (e) {
+        if (checkCharCode(charCodes, e)) {
+          global$1.setEditorTimeout(editor, function () {
+            handleInlineKey(editor, patternsState.get());
+          });
+        }
+      });
+    };
+
+    function Plugin () {
+      global.add('textpattern', function (editor) {
+        var patternsState = Cell(getPatternSet(editor));
+        setup(editor, patternsState);
+        return get$1(patternsState);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/textpattern/plugin.min.js b/src/assets/tinymce/plugins/textpattern/plugin.min.js
new file mode 100644
index 00000000..d0184669
--- /dev/null
+++ b/src/assets/tinymce/plugins/textpattern/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var t=tinymce.util.Tools.resolve("tinymce.PluginManager"),u=function(){return(u=Object.assign||function(t){for(var n,r=1,e=arguments.length;r<e;r++)for(var o in n=arguments[r])Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o]);return t}).apply(this,arguments)};var n,r,e,o=function(){},a=function(t){return function(){return t}},i=function(t){return t},f=a(!1),c=a(!0),s=function(){return l},l=(n=function(t){return t.isNone()},{fold:function(t,n){return t()},is:f,isSome:f,isNone:c,getOr:e=function(t){return t},getOrThunk:r=function(t){return t()},getOrDie:function(t){throw new Error(t||"error: getOrDie called on none.")},getOrNull:a(null),getOrUndefined:a(undefined),or:e,orThunk:r,map:s,each:o,bind:s,exists:f,forall:c,filter:s,equals:n,equals_:n,toArray:function(){return[]},toString:a("none()")}),d=function(r){var t=a(r),n=function(){return o},e=function(t){return t(r)},o={fold:function(t,n){return n(r)},is:function(t){return r===t},isSome:c,isNone:f,getOr:t,getOrThunk:t,getOrDie:t,getOrNull:t,getOrUndefined:t,or:n,orThunk:n,map:function(t){return d(t(r))},each:function(t){t(r)},bind:e,exists:e,forall:e,filter:function(t){return t(r)?o:l},toArray:function(){return[r]},toString:function(){return"some("+r+")"},equals:function(t){return t.is(r)},equals_:function(t,n){return t.fold(f,function(t){return n(r,t)})}};return o},y={some:d,none:s,from:function(t){return null===t||t===undefined?l:d(t)}},m=function(e){return function(t){return r=typeof(n=t),(null===n?"null":"object"==r&&(Array.prototype.isPrototypeOf(n)||n.constructor&&"Array"===n.constructor.name)?"array":"object"==r&&(String.prototype.isPrototypeOf(n)||n.constructor&&"String"===n.constructor.name)?"string":r)===e;var n,r}},g=m("string"),p=m("object"),h=m("array"),v=Array.prototype.slice,b=Array.prototype.indexOf,k=function(t,n){return r=t,e=n,-1<b.call(r,e);var r,e},O=function(t,n){for(var r=t.length,e=new Array(r),o=0;o<r;o++){var a=t[o];e[o]=n(a,o)}return e},w=function(t,n){for(var r=0,e=t.length;r<e;r++){n(t[r],r)}},C=function(t,n){for(var r=[],e=0,o=t.length;e<o;e++){var a=t[e];n(a,e)&&r.push(a)}return r},E=function(t,n,r){return function(t,n){for(var r=t.length-1;0<=r;r--){n(t[r],r)}}(t,function(t){r=n(r,t)}),r},x=function(t,n){return function(t,n,r){for(var e=0,o=t.length;e<o;e++){var a=t[e];if(n(a,e))return y.some(a);if(r(a,e))break}return y.none()}(t,n,f)},R=function(t,n){for(var r=0,e=t.length;r<e;++r){if(!0!==n(t[r],r))return!1}return!0},T=function(t){return n=t,(r=0)<=r&&r<n.length?y.some(n[r]):y.none();var n,r},N=Object.keys,P=Object.hasOwnProperty,S=(function(i){if(!h(i))throw new Error("cases must be an array");if(0===i.length)throw new Error("there must be at least one case");var u=[],r={};w(i,function(t,e){var n=N(t);if(1!==n.length)throw new Error("one and only one name per case");var o=n[0],a=t[o];if(r[o]!==undefined)throw new Error("duplicate key detected:"+o);if("cata"===o)throw new Error("cannot have a case named cata (sorry)");if(!h(a))throw new Error("case arguments must be an array");u.push(o),r[o]=function(){var t=arguments.length;if(t!==a.length)throw new Error("Wrong number of arguments to case "+o+". Expected "+a.length+" ("+a+"), got "+t);for(var r=new Array(t),n=0;n<r.length;n++)r[n]=arguments[n];return{fold:function(){if(arguments.length!==i.length)throw new Error("Wrong number of arguments to fold. Expected "+i.length+", got "+arguments.length);return arguments[e].apply(null,r)},match:function(t){var n=N(t);if(u.length!==n.length)throw new Error("Wrong number of arguments to match. Expected: "+u.join(",")+"\nActual: "+n.join(","));if(!R(u,function(t){return k(n,t)}))throw new Error("Not all branches were specified when using match. Specified: "+n.join(", ")+"\nRequired: "+u.join(", "));return t[o].apply(null,r)},log:function(t){console.log(t,{constructors:u,constructor:o,params:r})}}}})}([{bothErrors:["error1","error2"]},{firstError:["error1","value2"]},{secondError:["value1","error2"]},{bothValues:["value1","value2"]}]),function(t){var n=[],r=[];return w(t,function(t){t.fold(function(t){n.push(t)},function(t){r.push(t)})}),{errors:n,values:r}}),M=function(r){return{is:function(t){return r===t},isValue:c,isError:f,getOr:a(r),getOrThunk:a(r),getOrDie:a(r),or:function(t){return M(r)},orThunk:function(t){return M(r)},fold:function(t,n){return n(r)},map:function(t){return M(t(r))},mapError:function(t){return M(r)},each:function(t){t(r)},bind:function(t){return t(r)},exists:function(t){return t(r)},forall:function(t){return t(r)},toOptional:function(){return y.some(r)}}},A=function(r){return{is:f,isValue:f,isError:c,getOr:i,getOrThunk:function(t){return t()},getOrDie:function(){return t=String(r),function(){throw new Error(t)}();var t},or:function(t){return t},orThunk:function(t){return t()},fold:function(t,n){return t(r)},map:function(t){return A(r)},mapError:function(t){return A(t(r))},each:o,bind:function(t){return A(r)},exists:f,forall:c,toOptional:y.none}},B={value:M,error:A,fromOption:function(t,n){return t.fold(function(){return A(n)},M)}},D=function(t){return"inline-command"===t.type||"inline-format"===t.type},I=function(t){return"block-command"===t.type||"block-format"===t.type},j=function(t){return n=t,r=function(t,n){return t.start.length===n.start.length?0:t.start.length>n.start.length?-1:1},(e=v.call(n,0)).sort(r),e;var n,r,e},_=function(o){var a=function(t){return B.error({message:t,pattern:o})},t=function(t,n,r){if(o.format===undefined)return o.cmd!==undefined?g(o.cmd)?B.value(r(o.cmd,o.value)):a(t+" pattern has non-string `cmd` parameter"):a(t+" pattern is missing both `format` and `cmd` parameters");var e=void 0;if(h(o.format)){if(!R(o.format,g))return a(t+" pattern has non-string items in the `format` array");e=o.format}else{if(!g(o.format))return a(t+" pattern has non-string `format` parameter");e=[o.format]}return B.value(n(e))};if(!p(o))return a("Raw pattern is not an object");if(!g(o.start))return a("Raw pattern is missing `start` parameter");if(o.end===undefined)return o.replacement!==undefined?g(o.replacement)?0===o.start.length?a("Replacement pattern has empty `start` parameter"):B.value({type:"inline-command",start:"",end:o.start,cmd:"mceInsertContent",value:o.replacement}):a("Replacement pattern has non-string `replacement` parameter"):0===o.start.length?a("Block pattern has empty `start` parameter"):t("Block",function(t){return{type:"block-format",start:o.start,format:t[0]}},function(t,n){return{type:"block-command",start:o.start,cmd:t,value:n}});if(!g(o.end))return a("Inline pattern has non-string `end` parameter");if(0===o.start.length&&0===o.end.length)return a("Inline pattern has empty `start` and `end` parameters");var r=o.start,e=o.end;return 0===e.length&&(e=r,r=""),t("Inline",function(t){return{type:"inline-format",start:r,end:e,format:t}},function(t,n){return{type:"inline-command",start:r,end:e,cmd:t,value:n}})},U=function(t){return"block-command"===t.type?{start:t.start,cmd:t.cmd,value:t.value}:"block-format"===t.type?{start:t.start,format:t.format}:"inline-command"===t.type?"mceInsertContent"===t.cmd&&""===t.start?{start:t.end,replacement:t.value}:{start:t.start,end:t.end,cmd:t.cmd,value:t.value}:"inline-format"===t.type?{start:t.start,end:t.end,format:1===t.format.length?t.format[0]:t.format}:void 0},q=function(t){return{inlinePatterns:C(t,D),blockPatterns:j(C(t,I))}},L=function(e){return{setPatterns:function(t){var n=S(O(t,_));if(0<n.errors.length){var r=n.errors[0];throw new Error(r.message+":\n"+JSON.stringify(r.pattern,null,2))}e.set(q(n.values))},getPatterns:function(){return function(){for(var t=0,n=0,r=arguments.length;n<r;n++)t+=arguments[n].length;for(var e=Array(t),o=0,n=0;n<r;n++)for(var a=arguments[n],i=0,u=a.length;i<u;i++,o++)e[o]=a[i];return e}(O(e.get().inlinePatterns,U),O(e.get().blockPatterns,U))}}},V="undefined"!=typeof window?window:Function("return this;")(),W=function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];var r=V.console;r&&(r.error?r.error.apply(r,t):r.log.apply(r,t))},F=[{start:"*",end:"*",format:"italic"},{start:"**",end:"**",format:"bold"},{start:"#",format:"h1"},{start:"##",format:"h2"},{start:"###",format:"h3"},{start:"####",format:"h4"},{start:"#####",format:"h5"},{start:"######",format:"h6"},{start:"1. ",cmd:"InsertOrderedList"},{start:"* ",cmd:"InsertUnorderedList"},{start:"- ",cmd:"InsertUnorderedList"}],G=function(t){var n=t.getParam("forced_root_block","p");return!1===n?"":!0===n?"p":n},H=tinymce.util.Tools.resolve("tinymce.util.Delay"),J=tinymce.util.Tools.resolve("tinymce.util.VK"),K=tinymce.util.Tools.resolve("tinymce.util.Tools"),X=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),z=tinymce.util.Tools.resolve("tinymce.dom.TextSeeker"),Q=function(t,n){return{container:t,offset:n}},Y=function(t){return t.nodeType===Node.TEXT_NODE},Z=function(t,n,r){var e;n&&t.isEmpty(n)&&!r(n)&&(e=n.parentNode,t.remove(n),Z(t,e,r))},$=function(t,n,r,e){void 0===e&&(e=!0);var o=n.startContainer.parentNode,a=n.endContainer.parentNode;n.deleteContents(),e&&!r(n.startContainer)&&(Y(n.startContainer)&&0===n.startContainer.data.length&&t.remove(n.startContainer),Y(n.endContainer)&&0===n.endContainer.data.length&&t.remove(n.endContainer),Z(t,o,r),o!==a&&Z(t,a,r))},tt=function(t,n){var r=n.get(t);return h(r)&&T(r).exists(function(t){return n=t,r="block",P.call(n,r);var n,r})},nt=function(t){return 0===t.start.length},rt=function(t,n){var r=y.from(t.dom.getParent(n.startContainer,t.dom.isBlock));return""===G(t)?r.orThunk(function(){return y.some(t.getBody())}):r},et=X.DOM,ot=function(n){return function(t){return n===t?-1:0}},at=function(t,n,r){if(Y(t)&&0<=n)return y.some(Q(t,n));var e=z(et);return y.from(e.backwards(t,n,ot(t),r)).map(function(t){return Q(t.container,t.container.data.length)})},it=function(t,r,e){if(!Y(t))return y.none();var n=t.textContent;if(0<=r&&r<=n.length)return y.some(Q(t,r));var o=z(et);return y.from(o.backwards(t,r,ot(t),e)).bind(function(t){var n=t.container.data;return it(t.container,r+n.length,e)})},ut=function(t,n,r){if(!Y(t))return y.none();var e=t.textContent;if(n<=e.length)return y.some(Q(t,n));var o=z(et);return y.from(o.forwards(t,n,ot(t),r)).bind(function(t){return ut(t.container,n-e.length,r)})},ft=function(t,n,r,e,o){var a,i=z(t,(a=t,function(t){return a.isBlock(t)||k(["BR","IMG","HR","INPUT"],t.nodeName)||"false"===a.getContentEditable(t)}));return y.from(i.backwards(n,r,e,o))},ct=function(t,n,r){if(Y(n)&&(r<0||r>n.data.length))return[];for(var e=[r],o=n;o!==t&&o.parentNode;){for(var a=o.parentNode,i=0;i<a.childNodes.length;i++)if(a.childNodes[i]===o){e.push(i);break}o=a}return o===t?e.reverse():[]},st=function(t,n,r,e,o){return{start:ct(t,n,r),end:ct(t,e,o)}},lt=function(t,n){var r,e,o,a=n.slice(),i=a.pop();return(r=a,e=function(t,n){return t.bind(function(t){return y.from(t.childNodes[n])})},o=y.some(t),w(r,function(t){o=e(o,t)}),o).bind(function(t){return Y(t)&&(i<0||i>t.data.length)?y.none():y.some({node:t,offset:i})})},dt=function(n,r){return lt(n,r.start).bind(function(t){var o=t.node,a=t.offset;return lt(n,r.end).map(function(t){var n=t.node,r=t.offset,e=document.createRange();return e.setStart(o,a),e.setEnd(n,r),e})})},mt=function(e,o,n){(function(t,n,r){if(Y(t)&&n>=t.length)return y.some(Q(t,n));var e=z(et);return y.from(e.forwards(t,n,ot(t),r)).map(function(t){return Q(t.container,0)})})(o,0,o).each(function(t){var r=t.container;ut(r,n.start.length,o).each(function(t){var n=e.createRng();n.setStart(r,0),n.setEnd(t.container,t.offset),$(e,n,function(t){return t===o})})})},gt=function(e,a){var i=e.dom,t=e.selection.getRng();return rt(e,t).filter(function(t){var n=G(e),r=""===n&&i.is(t,"body")||i.is(t,n);return null!==t&&r}).bind(function(n){var t,r,e,o=n.textContent;return(t=a,e=(r=o).replace("\xa0"," "),x(t,function(t){return 0===r.indexOf(t.start)||0===e.indexOf(t.start)})).map(function(t){return K.trim(o).length===t.start.length?[]:[{pattern:t,range:st(i.getRoot(),n,0,n,0)}]})}).getOr([])},pt=function(i,t){var n;0!==t.length&&(n=i.selection.getBookmark(),w(t,function(t){return r=t,e=(n=i).dom,o=r.pattern,a=dt(e.getRoot(),r.range).getOrDie("Unable to resolve path range"),rt(n,a).each(function(t){"block-format"===o.type?tt(o.format,n.formatter)&&n.undoManager.transact(function(){mt(n.dom,t,o),n.formatter.apply(o.format)}):"block-command"===o.type&&n.undoManager.transact(function(){mt(n.dom,t,o),n.execCommand(o.cmd,!1,o.value)})}),1;var n,r,e,o,a}),i.selection.moveToBookmark(n))},ht=0,vt=function(t,n){return t.create("span",{"data-mce-type":"bookmark",id:n})},yt=function(t,n){var r=t.createRng();return r.setStartAfter(n.start),r.setEndBefore(n.end),r},bt=function(t,n,r){var e=dt(t.getRoot(),r).getOrDie("Unable to resolve path range"),o=e.startContainer,a=e.endContainer,i=0===e.endOffset?a:a.splitText(e.endOffset),u=0===e.startOffset?o:o.splitText(e.startOffset);return{prefix:n,end:i.parentNode.insertBefore(vt(t,n+"-end"),i),start:u.parentNode.insertBefore(vt(t,n+"-start"),u)}},kt=function(t,n,r){Z(t,t.get(n.prefix+"-end"),r),Z(t,t.get(n.prefix+"-start"),r)},Ot=function(e,o,a,t){var i,u=o.start;return ft(e,t.container,t.offset,(i=u,function(t,n){var r=t.data.substring(0,n),e=r.lastIndexOf(i.charAt(i.length-1)),o=r.lastIndexOf(i);return-1!==o?o+i.length:-1!==e?e+1:-1}),a).bind(function(r){if(r.offset>=u.length){var t=e.createRng();return t.setStart(r.container,r.offset-u.length),t.setEnd(r.container,r.offset),y.some(t)}var n=r.offset-u.length;return it(r.container,n,a).map(function(t){var n=e.createRng();return n.setStart(t.container,t.offset),n.setEnd(r.container,r.offset),n}).filter(function(t){return t.toString()===u}).orThunk(function(){return Ot(e,o,a,Q(r.container,0))})})},wt=function(a,i,u){var f=a.dom,c=f.getRoot(),s=u.pattern,l=u.position.container,d=u.position.offset;return it(l,d-u.pattern.end.length,i).bind(function(t){var e=st(c,t.container,t.offset,l,d);if(nt(s))return y.some({matches:[{pattern:s,startRng:e,endRng:e}],position:t});var n=Ct(a,u.remainingPatterns,t.container,t.offset,i),o=n.getOr({matches:[],position:t}),r=o.position;return function(t,r,n,e,o,a){if(void 0===a&&(a=!1),0!==r.start.length||a)return at(n,e,o).bind(function(n){return Ot(t,r,o,n).bind(function(t){if(a){if(t.endContainer===n.container&&t.endOffset===n.offset)return y.none();if(0===n.offset&&t.endContainer.textContent.length===t.endOffset)return y.none()}return y.some(t)})});var i=t.createRng();return i.setStart(n,e),i.setEnd(n,e),y.some(i)}(f,s,r.container,r.offset,i,n.isNone()).map(function(t){var n,r=st(c,(n=t).startContainer,n.startOffset,n.endContainer,n.endOffset);return{matches:o.matches.concat([{pattern:s,startRng:r,endRng:e}]),position:Q(t.startContainer,t.startOffset)}})})},Ct=function(d,m,g,p,h){var v=d.dom;return at(g,p,v.getRoot()).bind(function(t){var n=v.createRng();n.setStart(h,0),n.setEnd(g,p);for(var r,e,o,a,i,u=n.toString(),f=0;f<m.length;f++){var c=m[f];if(r=u,e=c.end,i=a=o=void 0,a=e,i=(o=r).length-e.length,""===a||o.length>=a.length&&o.substr(i,i+a.length)===a){var s=m.slice();s.splice(f,1);var l=wt(d,h,{pattern:c,remainingPatterns:s,position:t});if(l.isSome())return l}}return y.none()})},Et=function(n,t,r){n.selection.setRng(r),"inline-format"===t.type?w(t.format,function(t){n.formatter.apply(t)}):n.execCommand(t.cmd,!1,t.value)},xt=function(o,t){var n,r,a=(n="mce_textpattern",r=(new Date).getTime(),n+"_"+Math.floor(1e9*Math.random())+ ++ht+String(r)),i=E(t,function(t,n){var r=bt(o,a+"_end"+t.length,n.endRng);return t.concat([u(u({},n),{endMarker:r})])},[]);return E(i,function(t,n){var r=i.length-t.length-1,e=nt(n.pattern)?n.endMarker:bt(o,a+"_start"+r,n.startRng);return t.concat([u(u({},n),{startMarker:e})])},[])},Rt=function(r,e,o){var a=r.selection.getRng();return!1===a.collapsed?[]:rt(r,a).bind(function(t){var n=a.startOffset-(o?1:0);return Ct(r,e,a.startContainer,n,t)}).fold(function(){return[]},function(t){return t.matches})},Tt=function(f,t){var c,n,r;0!==t.length&&(c=f.dom,n=f.selection.getBookmark(),r=xt(c,t),w(r,function(t){var n,r,e,o,a,i=c.getParent(t.startMarker.start,c.isBlock),u=function(t){return t===i};nt(t.pattern)?(n=f,r=t.pattern,e=t.endMarker,o=u,a=yt(n.dom,e),$(n.dom,a,o),Et(n,r,a)):function(t,n,r,e,o){var a=t.dom,i=yt(a,e),u=yt(a,r);$(a,u,o),$(a,i,o);var f={prefix:r.prefix,start:r.end,end:e.start},c=yt(a,f);Et(t,n,c)}(f,t.pattern,t.startMarker,t.endMarker,u),kt(c,t.endMarker,u),kt(c,t.startMarker,u)}),f.selection.moveToBookmark(n))},Nt=function(t,n){var r=Rt(t,n.inlinePatterns,!0);0<r.length&&t.undoManager.transact(function(){Tt(t,r)})},Pt=function(t,n,r){for(var e=0;e<t.length;e++)if(r(t[e],n))return!0},St=function(n,r){var e=[",",".",";",":","!","?"],o=[32];n.on("keydown",function(t){13!==t.keyCode||J.modifierPressed(t)||!function(r,t){if(!r.selection.isCollapsed())return!1;var e=Rt(r,t.inlinePatterns,!1),o=gt(r,t.blockPatterns);return(0<o.length||0<e.length)&&(r.undoManager.add(),r.undoManager.extra(function(){r.execCommand("mceInsertNewLine")},function(){r.insertContent("\ufeff"),Tt(r,e),pt(r,o);var t=r.selection.getRng(),n=at(t.startContainer,t.startOffset,r.dom.getRoot());r.execCommand("mceInsertNewLine"),n.each(function(t){var n=t.container;"\ufeff"===n.data.charAt(t.offset-1)&&(n.deleteData(t.offset-1,1),Z(r.dom,n.parentNode,function(t){return t===r.dom.getRoot()}))})}),!0)}(n,r.get())||t.preventDefault()},!0),n.on("keyup",function(t){Pt(o,t,function(t,n){return t===n.keyCode&&!1===J.modifierPressed(n)})&&Nt(n,r.get())}),n.on("keypress",function(t){Pt(e,t,function(t,n){return t.charCodeAt(0)===n.charCode})&&H.setEditorTimeout(n,function(){Nt(n,r.get())})})};t.add("textpattern",function(t){var n,r,e=(n=function(t){var n=t.getParam("textpattern_patterns",F,"array");if(!h(n))return W("The setting textpattern_patterns should be an array"),{inlinePatterns:[],blockPatterns:[]};var r=S(O(n,_));return w(r.errors,function(t){return W(t.message,t.pattern),0}),q(r.values)}(t),r=n,{get:function(){return r},set:function(t){r=t}});return St(t,e),L(e)})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/toc/plugin.js b/src/assets/tinymce/plugins/toc/plugin.js
new file mode 100644
index 00000000..e206cd38
--- /dev/null
+++ b/src/assets/tinymce/plugins/toc/plugin.js
@@ -0,0 +1,236 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.I18n');
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var getTocClass = function (editor) {
+      return editor.getParam('toc_class', 'mce-toc');
+    };
+    var getTocHeader = function (editor) {
+      var tagName = editor.getParam('toc_header', 'h2');
+      return /^h[1-6]$/.test(tagName) ? tagName : 'h2';
+    };
+    var getTocDepth = function (editor) {
+      var depth = parseInt(editor.getParam('toc_depth', '3'), 10);
+      return depth >= 1 && depth <= 9 ? depth : 3;
+    };
+
+    var create = function (prefix) {
+      var counter = 0;
+      return function () {
+        var guid = new Date().getTime().toString(32);
+        return prefix + guid + (counter++).toString(32);
+      };
+    };
+
+    var tocId = create('mcetoc_');
+    var generateSelector = function (depth) {
+      var i;
+      var selector = [];
+      for (i = 1; i <= depth; i++) {
+        selector.push('h' + i);
+      }
+      return selector.join(',');
+    };
+    var hasHeaders = function (editor) {
+      return readHeaders(editor).length > 0;
+    };
+    var readHeaders = function (editor) {
+      var tocClass = getTocClass(editor);
+      var headerTag = getTocHeader(editor);
+      var selector = generateSelector(getTocDepth(editor));
+      var headers = editor.$(selector);
+      if (headers.length && /^h[1-9]$/i.test(headerTag)) {
+        headers = headers.filter(function (i, el) {
+          return !editor.dom.hasClass(el.parentNode, tocClass);
+        });
+      }
+      return global$3.map(headers, function (h) {
+        var id = h.id;
+        return {
+          id: id ? id : tocId(),
+          level: parseInt(h.nodeName.replace(/^H/i, ''), 10),
+          title: editor.$.text(h),
+          element: h
+        };
+      });
+    };
+    var getMinLevel = function (headers) {
+      var i, minLevel = 9;
+      for (i = 0; i < headers.length; i++) {
+        if (headers[i].level < minLevel) {
+          minLevel = headers[i].level;
+        }
+        if (minLevel === 1) {
+          return minLevel;
+        }
+      }
+      return minLevel;
+    };
+    var generateTitle = function (tag, title) {
+      var openTag = '<' + tag + ' contenteditable="true">';
+      var closeTag = '</' + tag + '>';
+      return openTag + global$1.DOM.encode(title) + closeTag;
+    };
+    var generateTocHtml = function (editor) {
+      var html = generateTocContentHtml(editor);
+      return '<div class="' + editor.dom.encode(getTocClass(editor)) + '" contenteditable="false">' + html + '</div>';
+    };
+    var generateTocContentHtml = function (editor) {
+      var html = '';
+      var headers = readHeaders(editor);
+      var prevLevel = getMinLevel(headers) - 1;
+      var i, ii, h, nextLevel;
+      if (!headers.length) {
+        return '';
+      }
+      html += generateTitle(getTocHeader(editor), global$2.translate('Table of Contents'));
+      for (i = 0; i < headers.length; i++) {
+        h = headers[i];
+        h.element.id = h.id;
+        nextLevel = headers[i + 1] && headers[i + 1].level;
+        if (prevLevel === h.level) {
+          html += '<li>';
+        } else {
+          for (ii = prevLevel; ii < h.level; ii++) {
+            html += '<ul><li>';
+          }
+        }
+        html += '<a href="#' + h.id + '">' + h.title + '</a>';
+        if (nextLevel === h.level || !nextLevel) {
+          html += '</li>';
+          if (!nextLevel) {
+            html += '</ul>';
+          }
+        } else {
+          for (ii = h.level; ii > nextLevel; ii--) {
+            html += '</li></ul><li>';
+          }
+        }
+        prevLevel = h.level;
+      }
+      return html;
+    };
+    var isEmptyOrOffscren = function (editor, nodes) {
+      return !nodes.length || editor.dom.getParents(nodes[0], '.mce-offscreen-selection').length > 0;
+    };
+    var insertToc = function (editor) {
+      var tocClass = getTocClass(editor);
+      var $tocElm = editor.$('.' + tocClass);
+      if (isEmptyOrOffscren(editor, $tocElm)) {
+        editor.insertContent(generateTocHtml(editor));
+      } else {
+        updateToc(editor);
+      }
+    };
+    var updateToc = function (editor) {
+      var tocClass = getTocClass(editor);
+      var $tocElm = editor.$('.' + tocClass);
+      if ($tocElm.length) {
+        editor.undoManager.transact(function () {
+          $tocElm.html(generateTocContentHtml(editor));
+        });
+      }
+    };
+
+    var register = function (editor) {
+      editor.addCommand('mceInsertToc', function () {
+        insertToc(editor);
+      });
+      editor.addCommand('mceUpdateToc', function () {
+        updateToc(editor);
+      });
+    };
+
+    var setup = function (editor) {
+      var $ = editor.$, tocClass = getTocClass(editor);
+      editor.on('PreProcess', function (e) {
+        var $tocElm = $('.' + tocClass, e.node);
+        if ($tocElm.length) {
+          $tocElm.removeAttr('contentEditable');
+          $tocElm.find('[contenteditable]').removeAttr('contentEditable');
+        }
+      });
+      editor.on('SetContent', function () {
+        var $tocElm = $('.' + tocClass);
+        if ($tocElm.length) {
+          $tocElm.attr('contentEditable', false);
+          $tocElm.children(':first-child').attr('contentEditable', true);
+        }
+      });
+    };
+
+    var toggleState = function (editor) {
+      return function (api) {
+        var toggleDisabledState = function () {
+          return api.setDisabled(editor.mode.isReadOnly() || !hasHeaders(editor));
+        };
+        toggleDisabledState();
+        editor.on('LoadContent SetContent change', toggleDisabledState);
+        return function () {
+          return editor.on('LoadContent SetContent change', toggleDisabledState);
+        };
+      };
+    };
+    var isToc = function (editor) {
+      return function (elm) {
+        return elm && editor.dom.is(elm, '.' + getTocClass(editor)) && editor.getBody().contains(elm);
+      };
+    };
+    var register$1 = function (editor) {
+      editor.ui.registry.addButton('toc', {
+        icon: 'toc',
+        tooltip: 'Table of contents',
+        onAction: function () {
+          return editor.execCommand('mceInsertToc');
+        },
+        onSetup: toggleState(editor)
+      });
+      editor.ui.registry.addButton('tocupdate', {
+        icon: 'reload',
+        tooltip: 'Update',
+        onAction: function () {
+          return editor.execCommand('mceUpdateToc');
+        }
+      });
+      editor.ui.registry.addMenuItem('toc', {
+        icon: 'toc',
+        text: 'Table of contents',
+        onAction: function () {
+          return editor.execCommand('mceInsertToc');
+        },
+        onSetup: toggleState(editor)
+      });
+      editor.ui.registry.addContextToolbar('toc', {
+        items: 'tocupdate',
+        predicate: isToc(editor),
+        scope: 'node',
+        position: 'node'
+      });
+    };
+
+    function Plugin () {
+      global.add('toc', function (editor) {
+        register(editor);
+        register$1(editor);
+        setup(editor);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/toc/plugin.min.js b/src/assets/tinymce/plugins/toc/plugin.min.js
new file mode 100644
index 00000000..5f802e32
--- /dev/null
+++ b/src/assets/tinymce/plugins/toc/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var e,n,t=tinymce.util.Tools.resolve("tinymce.PluginManager"),s=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),f=tinymce.util.Tools.resolve("tinymce.util.I18n"),c=tinymce.util.Tools.resolve("tinymce.util.Tools"),l=function(t){return t.getParam("toc_class","mce-toc")},m=function(t){var e=t.getParam("toc_header","h2");return/^h[1-6]$/.test(e)?e:"h2"},a=(e="mcetoc_",n=0,function(){var t=(new Date).getTime().toString(32);return e+t+(n++).toString(32)}),v=function(n){var t,o=l(n),e=m(n),r=function(t){for(var e=[],n=1;n<=t;n++)e.push("h"+n);return e.join(",")}(1<=(t=parseInt(n.getParam("toc_depth","3"),10))&&t<=9?t:3),i=n.$(r);return i.length&&/^h[1-9]$/i.test(e)&&(i=i.filter(function(t,e){return!n.dom.hasClass(e.parentNode,o)})),c.map(i,function(t){var e=t.id;return{id:e||a(),level:parseInt(t.nodeName.replace(/^H/i,""),10),title:n.$.text(t),element:t}})},u=function(t){var e,n,o,r,i,c,l,a="",u=v(t),d=function(t){for(var e=9,n=0;n<t.length;n++)if(t[n].level<e&&(e=t[n].level),1===e)return e;return e}(u)-1;if(!u.length)return"";for(a+=(i=m(t),c=f.translate("Table of Contents"),l="</"+i+">","<"+i+' contenteditable="true">'+s.DOM.encode(c)+l),e=0;e<u.length;e++){if((o=u[e]).element.id=o.id,r=u[e+1]&&u[e+1].level,d===o.level)a+="<li>";else for(n=d;n<o.level;n++)a+="<ul><li>";if(a+='<a href="#'+o.id+'">'+o.title+"</a>",r!==o.level&&r)for(n=o.level;r<n;n--)a+="</li></ul><li>";else a+="</li>",r||(a+="</ul>");d=o.level}return a},i=function(t){var e,n,o,r,i=l(t),c=t.$("."+i);o=t,!(r=c).length||0<o.dom.getParents(r[0],".mce-offscreen-selection").length?t.insertContent((n=u(e=t),'<div class="'+e.dom.encode(l(e))+'" contenteditable="false">'+n+"</div>")):d(t)},d=function(t){var e=l(t),n=t.$("."+e);n.length&&t.undoManager.transact(function(){n.html(u(t))})},o=function(n){return function(t){var e=function(){return t.setDisabled(n.mode.isReadOnly()||!(0<v(n).length))};return e(),n.on("LoadContent SetContent change",e),function(){return n.on("LoadContent SetContent change",e)}}},g=function(t){var e;t.ui.registry.addButton("toc",{icon:"toc",tooltip:"Table of contents",onAction:function(){return t.execCommand("mceInsertToc")},onSetup:o(t)}),t.ui.registry.addButton("tocupdate",{icon:"reload",tooltip:"Update",onAction:function(){return t.execCommand("mceUpdateToc")}}),t.ui.registry.addMenuItem("toc",{icon:"toc",text:"Table of contents",onAction:function(){return t.execCommand("mceInsertToc")},onSetup:o(t)}),t.ui.registry.addContextToolbar("toc",{items:"tocupdate",predicate:(e=t,function(t){return t&&e.dom.is(t,"."+l(e))&&e.getBody().contains(t)}),scope:"node",position:"node"})};t.add("toc",function(t){var e,n,o,r;(e=t).addCommand("mceInsertToc",function(){i(e)}),e.addCommand("mceUpdateToc",function(){d(e)}),g(t),o=(n=t).$,r=l(n),n.on("PreProcess",function(t){var e=o("."+r,t.node);e.length&&(e.removeAttr("contentEditable"),e.find("[contenteditable]").removeAttr("contentEditable"))}),n.on("SetContent",function(){var t=o("."+r);t.length&&(t.attr("contentEditable",!1),t.children(":first-child").attr("contentEditable",!0))})})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/visualblocks/plugin.js b/src/assets/tinymce/plugins/visualblocks/plugin.js
new file mode 100644
index 00000000..acd2a5e4
--- /dev/null
+++ b/src/assets/tinymce/plugins/visualblocks/plugin.js
@@ -0,0 +1,104 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var fireVisualBlocks = function (editor, state) {
+      editor.fire('VisualBlocks', { state: state });
+    };
+
+    var toggleVisualBlocks = function (editor, pluginUrl, enabledState) {
+      var dom = editor.dom;
+      dom.toggleClass(editor.getBody(), 'mce-visualblocks');
+      enabledState.set(!enabledState.get());
+      fireVisualBlocks(editor, enabledState.get());
+    };
+
+    var register = function (editor, pluginUrl, enabledState) {
+      editor.addCommand('mceVisualBlocks', function () {
+        toggleVisualBlocks(editor, pluginUrl, enabledState);
+      });
+    };
+
+    var isEnabledByDefault = function (editor) {
+      return editor.getParam('visualblocks_default_state', false, 'boolean');
+    };
+
+    var setup = function (editor, pluginUrl, enabledState) {
+      editor.on('PreviewFormats AfterPreviewFormats', function (e) {
+        if (enabledState.get()) {
+          editor.dom.toggleClass(editor.getBody(), 'mce-visualblocks', e.type === 'afterpreviewformats');
+        }
+      });
+      editor.on('init', function () {
+        if (isEnabledByDefault(editor)) {
+          toggleVisualBlocks(editor, pluginUrl, enabledState);
+        }
+      });
+    };
+
+    var toggleActiveState = function (editor, enabledState) {
+      return function (api) {
+        api.setActive(enabledState.get());
+        var editorEventCallback = function (e) {
+          return api.setActive(e.state);
+        };
+        editor.on('VisualBlocks', editorEventCallback);
+        return function () {
+          return editor.off('VisualBlocks', editorEventCallback);
+        };
+      };
+    };
+    var register$1 = function (editor, enabledState) {
+      editor.ui.registry.addToggleButton('visualblocks', {
+        icon: 'visualblocks',
+        tooltip: 'Show blocks',
+        onAction: function () {
+          return editor.execCommand('mceVisualBlocks');
+        },
+        onSetup: toggleActiveState(editor, enabledState)
+      });
+      editor.ui.registry.addToggleMenuItem('visualblocks', {
+        text: 'Show blocks',
+        icon: 'visualblocks',
+        onAction: function () {
+          return editor.execCommand('mceVisualBlocks');
+        },
+        onSetup: toggleActiveState(editor, enabledState)
+      });
+    };
+
+    function Plugin () {
+      global.add('visualblocks', function (editor, pluginUrl) {
+        var enabledState = Cell(false);
+        register(editor, pluginUrl, enabledState);
+        register$1(editor, enabledState);
+        setup(editor, pluginUrl, enabledState);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/visualblocks/plugin.min.js b/src/assets/tinymce/plugins/visualblocks/plugin.min.js
new file mode 100644
index 00000000..33524e1b
--- /dev/null
+++ b/src/assets/tinymce/plugins/visualblocks/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var t=tinymce.util.Tools.resolve("tinymce.PluginManager"),r=function(t,o,e){var n,i;t.dom.toggleClass(t.getBody(),"mce-visualblocks"),e.set(!e.get()),n=t,i=e.get(),n.fire("VisualBlocks",{state:i})},f=function(e,n){return function(o){o.setActive(n.get());var t=function(t){return o.setActive(t.state)};return e.on("VisualBlocks",t),function(){return e.off("VisualBlocks",t)}}};t.add("visualblocks",function(t,o){var e,n,i,s,c,u,l,a=(e=!1,{get:function(){return e},set:function(t){e=t}});i=a,(n=t).addCommand("mceVisualBlocks",function(){r(n,0,i)}),c=a,(s=t).ui.registry.addToggleButton("visualblocks",{icon:"visualblocks",tooltip:"Show blocks",onAction:function(){return s.execCommand("mceVisualBlocks")},onSetup:f(s,c)}),s.ui.registry.addToggleMenuItem("visualblocks",{text:"Show blocks",icon:"visualblocks",onAction:function(){return s.execCommand("mceVisualBlocks")},onSetup:f(s,c)}),l=a,(u=t).on("PreviewFormats AfterPreviewFormats",function(t){l.get()&&u.dom.toggleClass(u.getBody(),"mce-visualblocks","afterpreviewformats"===t.type)}),u.on("init",function(){u.getParam("visualblocks_default_state",!1,"boolean")&&r(u,0,l)})})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/visualchars/plugin.js b/src/assets/tinymce/plugins/visualchars/plugin.js
new file mode 100644
index 00000000..77c50fa1
--- /dev/null
+++ b/src/assets/tinymce/plugins/visualchars/plugin.js
@@ -0,0 +1,541 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var get = function (toggleState) {
+      var isEnabled = function () {
+        return toggleState.get();
+      };
+      return { isEnabled: isEnabled };
+    };
+
+    var fireVisualChars = function (editor, state) {
+      return editor.fire('VisualChars', { state: state });
+    };
+
+    var noop = function () {
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var typeOf = function (x) {
+      var t = typeof x;
+      if (x === null) {
+        return 'null';
+      } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+        return 'array';
+      } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+        return 'string';
+      } else {
+        return t;
+      }
+    };
+    var isType = function (type) {
+      return function (value) {
+        return typeOf(value) === type;
+      };
+    };
+    var isSimpleType = function (type) {
+      return function (value) {
+        return typeof value === type;
+      };
+    };
+    var isString = isType('string');
+    var isBoolean = isSimpleType('boolean');
+    var isNumber = isSimpleType('number');
+
+    var map = function (xs, f) {
+      var len = xs.length;
+      var r = new Array(len);
+      for (var i = 0; i < len; i++) {
+        var x = xs[i];
+        r[i] = f(x, i);
+      }
+      return r;
+    };
+    var each = function (xs, f) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var filter = function (xs, pred) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          r.push(x);
+        }
+      }
+      return r;
+    };
+
+    var keys = Object.keys;
+    var each$1 = function (obj, f) {
+      var props = keys(obj);
+      for (var k = 0, len = props.length; k < len; k++) {
+        var i = props[k];
+        var x = obj[i];
+        f(x, i);
+      }
+    };
+
+    var Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    var TEXT = 3;
+
+    var type = function (element) {
+      return element.dom.nodeType;
+    };
+    var value = function (element) {
+      return element.dom.nodeValue;
+    };
+    var isType$1 = function (t) {
+      return function (element) {
+        return type(element) === t;
+      };
+    };
+    var isText = isType$1(TEXT);
+
+    var rawSet = function (dom, key, value) {
+      if (isString(value) || isBoolean(value) || isNumber(value)) {
+        dom.setAttribute(key, value + '');
+      } else {
+        console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+        throw new Error('Attribute value was not simple');
+      }
+    };
+    var set = function (element, key, value) {
+      rawSet(element.dom, key, value);
+    };
+    var get$1 = function (element, key) {
+      var v = element.dom.getAttribute(key);
+      return v === null ? undefined : v;
+    };
+    var remove = function (element, key) {
+      element.dom.removeAttribute(key);
+    };
+
+    var read = function (element, attr) {
+      var value = get$1(element, attr);
+      return value === undefined || value === '' ? [] : value.split(' ');
+    };
+    var add = function (element, attr, id) {
+      var old = read(element, attr);
+      var nu = old.concat([id]);
+      set(element, attr, nu.join(' '));
+      return true;
+    };
+    var remove$1 = function (element, attr, id) {
+      var nu = filter(read(element, attr), function (v) {
+        return v !== id;
+      });
+      if (nu.length > 0) {
+        set(element, attr, nu.join(' '));
+      } else {
+        remove(element, attr);
+      }
+      return false;
+    };
+
+    var supports = function (element) {
+      return element.dom.classList !== undefined;
+    };
+    var get$2 = function (element) {
+      return read(element, 'class');
+    };
+    var add$1 = function (element, clazz) {
+      return add(element, 'class', clazz);
+    };
+    var remove$2 = function (element, clazz) {
+      return remove$1(element, 'class', clazz);
+    };
+
+    var add$2 = function (element, clazz) {
+      if (supports(element)) {
+        element.dom.classList.add(clazz);
+      } else {
+        add$1(element, clazz);
+      }
+    };
+    var cleanClass = function (element) {
+      var classList = supports(element) ? element.dom.classList : get$2(element);
+      if (classList.length === 0) {
+        remove(element, 'class');
+      }
+    };
+    var remove$3 = function (element, clazz) {
+      if (supports(element)) {
+        var classList = element.dom.classList;
+        classList.remove(clazz);
+      } else {
+        remove$2(element, clazz);
+      }
+      cleanClass(element);
+    };
+
+    var fromHtml = function (html, scope) {
+      var doc = scope || document;
+      var div = doc.createElement('div');
+      div.innerHTML = html;
+      if (!div.hasChildNodes() || div.childNodes.length > 1) {
+        console.error('HTML does not have a single root node', html);
+        throw new Error('HTML must have a single root node');
+      }
+      return fromDom(div.childNodes[0]);
+    };
+    var fromTag = function (tag, scope) {
+      var doc = scope || document;
+      var node = doc.createElement(tag);
+      return fromDom(node);
+    };
+    var fromText = function (text, scope) {
+      var doc = scope || document;
+      var node = doc.createTextNode(text);
+      return fromDom(node);
+    };
+    var fromDom = function (node) {
+      if (node === null || node === undefined) {
+        throw new Error('Node cannot be null or undefined');
+      }
+      return { dom: node };
+    };
+    var fromPoint = function (docElm, x, y) {
+      return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
+    };
+    var SugarElement = {
+      fromHtml: fromHtml,
+      fromTag: fromTag,
+      fromText: fromText,
+      fromDom: fromDom,
+      fromPoint: fromPoint
+    };
+
+    var charMap = {
+      '\xA0': 'nbsp',
+      '\xAD': 'shy'
+    };
+    var charMapToRegExp = function (charMap, global) {
+      var regExp = '';
+      each$1(charMap, function (_value, key) {
+        regExp += key;
+      });
+      return new RegExp('[' + regExp + ']', global ? 'g' : '');
+    };
+    var charMapToSelector = function (charMap) {
+      var selector = '';
+      each$1(charMap, function (value) {
+        if (selector) {
+          selector += ',';
+        }
+        selector += 'span.mce-' + value;
+      });
+      return selector;
+    };
+    var regExp = charMapToRegExp(charMap);
+    var regExpGlobal = charMapToRegExp(charMap, true);
+    var selector = charMapToSelector(charMap);
+    var nbspClass = 'mce-nbsp';
+
+    var wrapCharWithSpan = function (value) {
+      return '<span data-mce-bogus="1" class="mce-' + charMap[value] + '">' + value + '</span>';
+    };
+
+    var isMatch = function (n) {
+      var value$1 = value(n);
+      return isText(n) && value$1 !== undefined && regExp.test(value$1);
+    };
+    var filterDescendants = function (scope, predicate) {
+      var result = [];
+      var dom = scope.dom;
+      var children = map(dom.childNodes, SugarElement.fromDom);
+      each(children, function (x) {
+        if (predicate(x)) {
+          result = result.concat([x]);
+        }
+        result = result.concat(filterDescendants(x, predicate));
+      });
+      return result;
+    };
+    var findParentElm = function (elm, rootElm) {
+      while (elm.parentNode) {
+        if (elm.parentNode === rootElm) {
+          return elm;
+        }
+        elm = elm.parentNode;
+      }
+    };
+    var replaceWithSpans = function (text) {
+      return text.replace(regExpGlobal, wrapCharWithSpan);
+    };
+
+    var isWrappedNbsp = function (node) {
+      return node.nodeName.toLowerCase() === 'span' && node.classList.contains('mce-nbsp-wrap');
+    };
+    var show = function (editor, rootElm) {
+      var nodeList = filterDescendants(SugarElement.fromDom(rootElm), isMatch);
+      each(nodeList, function (n) {
+        var parent = n.dom.parentNode;
+        if (isWrappedNbsp(parent)) {
+          add$2(SugarElement.fromDom(parent), nbspClass);
+        } else {
+          var withSpans = replaceWithSpans(editor.dom.encode(value(n)));
+          var div = editor.dom.create('div', null, withSpans);
+          var node = void 0;
+          while (node = div.lastChild) {
+            editor.dom.insertAfter(node, n.dom);
+          }
+          editor.dom.remove(n.dom);
+        }
+      });
+    };
+    var hide = function (editor, rootElm) {
+      var nodeList = editor.dom.select(selector, rootElm);
+      each(nodeList, function (node) {
+        if (isWrappedNbsp(node)) {
+          remove$3(SugarElement.fromDom(node), nbspClass);
+        } else {
+          editor.dom.remove(node, true);
+        }
+      });
+    };
+    var toggle = function (editor) {
+      var body = editor.getBody();
+      var bookmark = editor.selection.getBookmark();
+      var parentNode = findParentElm(editor.selection.getNode(), body);
+      parentNode = parentNode !== undefined ? parentNode : body;
+      hide(editor, parentNode);
+      show(editor, parentNode);
+      editor.selection.moveToBookmark(bookmark);
+    };
+
+    var applyVisualChars = function (editor, toggleState) {
+      fireVisualChars(editor, toggleState.get());
+      var body = editor.getBody();
+      if (toggleState.get() === true) {
+        show(editor, body);
+      } else {
+        hide(editor, body);
+      }
+    };
+    var toggleVisualChars = function (editor, toggleState) {
+      toggleState.set(!toggleState.get());
+      var bookmark = editor.selection.getBookmark();
+      applyVisualChars(editor, toggleState);
+      editor.selection.moveToBookmark(bookmark);
+    };
+
+    var register = function (editor, toggleState) {
+      editor.addCommand('mceVisualChars', function () {
+        toggleVisualChars(editor, toggleState);
+      });
+    };
+
+    var isEnabledByDefault = function (editor) {
+      return editor.getParam('visualchars_default_state', false);
+    };
+    var hasForcedRootBlock = function (editor) {
+      return editor.getParam('forced_root_block') !== false;
+    };
+
+    var setup = function (editor, toggleState) {
+      editor.on('init', function () {
+        applyVisualChars(editor, toggleState);
+      });
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var setup$1 = function (editor, toggleState) {
+      var debouncedToggle = global$1.debounce(function () {
+        toggle(editor);
+      }, 300);
+      if (hasForcedRootBlock(editor)) {
+        editor.on('keydown', function (e) {
+          if (toggleState.get() === true) {
+            e.keyCode === 13 ? toggle(editor) : debouncedToggle();
+          }
+        });
+      }
+      editor.on('remove', debouncedToggle.stop);
+    };
+
+    var toggleActiveState = function (editor, enabledStated) {
+      return function (api) {
+        api.setActive(enabledStated.get());
+        var editorEventCallback = function (e) {
+          return api.setActive(e.state);
+        };
+        editor.on('VisualChars', editorEventCallback);
+        return function () {
+          return editor.off('VisualChars', editorEventCallback);
+        };
+      };
+    };
+    var register$1 = function (editor, toggleState) {
+      editor.ui.registry.addToggleButton('visualchars', {
+        tooltip: 'Show invisible characters',
+        icon: 'visualchars',
+        onAction: function () {
+          return editor.execCommand('mceVisualChars');
+        },
+        onSetup: toggleActiveState(editor, toggleState)
+      });
+      editor.ui.registry.addToggleMenuItem('visualchars', {
+        text: 'Show invisible characters',
+        icon: 'visualchars',
+        onAction: function () {
+          return editor.execCommand('mceVisualChars');
+        },
+        onSetup: toggleActiveState(editor, toggleState)
+      });
+    };
+
+    function Plugin () {
+      global.add('visualchars', function (editor) {
+        var toggleState = Cell(isEnabledByDefault(editor));
+        register(editor, toggleState);
+        register$1(editor, toggleState);
+        setup$1(editor, toggleState);
+        setup(editor, toggleState);
+        return get(toggleState);
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/visualchars/plugin.min.js b/src/assets/tinymce/plugins/visualchars/plugin.min.js
new file mode 100644
index 00000000..ec078436
--- /dev/null
+++ b/src/assets/tinymce/plugins/visualchars/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var n,t,e,r,o,u,i=tinymce.util.Tools.resolve("tinymce.PluginManager"),c=function(n){return function(){return n}},a=c(!1),s=c(!0),f=function(){return l},l=(n=function(n){return n.isNone()},{fold:function(n,t){return n()},is:a,isSome:a,isNone:s,getOr:e=function(n){return n},getOrThunk:t=function(n){return n()},getOrDie:function(n){throw new Error(n||"error: getOrDie called on none.")},getOrNull:c(null),getOrUndefined:c(undefined),or:e,orThunk:t,map:f,each:function(){},bind:f,exists:a,forall:s,filter:f,equals:n,equals_:n,toArray:function(){return[]},toString:c("none()")}),d=function(e){var n=c(e),t=function(){return o},r=function(n){return n(e)},o={fold:function(n,t){return t(e)},is:function(n){return e===n},isSome:s,isNone:a,getOr:n,getOrThunk:n,getOrDie:n,getOrNull:n,getOrUndefined:n,or:t,orThunk:t,map:function(n){return d(n(e))},each:function(n){n(e)},bind:r,exists:r,forall:r,filter:function(n){return n(e)?o:l},toArray:function(){return[e]},toString:function(){return"some("+e+")"},equals:function(n){return n.is(e)},equals_:function(n,t){return n.fold(a,function(n){return t(e,n)})}};return o},m=function(n){return null===n||n===undefined?l:d(n)},v=function(t){return function(n){return typeof n===t}},g=(r="string",function(n){return e=typeof(t=n),(null===t?"null":"object"==e&&(Array.prototype.isPrototypeOf(t)||t.constructor&&"Array"===t.constructor.name)?"array":"object"==e&&(String.prototype.isPrototypeOf(t)||t.constructor&&"String"===t.constructor.name)?"string":e)===r;var t,e}),h=v("boolean"),p=v("number"),y=function(n,t){for(var e=0,r=n.length;e<r;e++){t(n[e],e)}},b=Object.keys,w=function(n,t){for(var e=b(n),r=0,o=e.length;r<o;r++){var u=e[r];t(n[u],u)}},N=("undefined"!=typeof window||Function("return this;")(),function(n){return n.dom.nodeValue}),T=(o=3,function(n){return n.dom.nodeType===o}),k=function(n,t,e){!function(n,t,e){if(!(g(e)||h(e)||p(e)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",e,":: Element ",n),new Error("Attribute value was not simple");n.setAttribute(t,e+"")}(n.dom,t,e)},A=function(n,t){n.dom.removeAttribute(t)},O=function(n,t){var e,r,o=(e=t,null===(r=n.dom.getAttribute(e))?undefined:r);return o===undefined||""===o?[]:o.split(" ")},C=function(n){return n.dom.classList!==undefined},S=function(n,t){return o=t,u=O(e=n,r="class").concat([o]),k(e,r,u.join(" ")),!0;var e,r,o,u},D=function(n,t){return o=t,0<(u=function(n,t){for(var e=[],r=0,o=n.length;r<o;r++){var u=n[r];t(u,r)&&e.push(u)}return e}(O(e=n,r="class"),function(n){return n!==o})).length?k(e,r,u.join(" ")):A(e,r),!1;var e,r,o,u},E=function(n){0===(C(n)?n.dom.classList:O(n,"class")).length&&A(n,"class")},L=function(n){if(null===n||n===undefined)throw new Error("Node cannot be null or undefined");return{dom:n}},x={fromHtml:function(n,t){var e=(t||document).createElement("div");if(e.innerHTML=n,!e.hasChildNodes()||1<e.childNodes.length)throw console.error("HTML does not have a single root node",n),new Error("HTML must have a single root node");return L(e.childNodes[0])},fromTag:function(n,t){var e=(t||document).createElement(n);return L(e)},fromText:function(n,t){var e=(t||document).createTextNode(n);return L(e)},fromDom:L,fromPoint:function(n,t,e){return m(n.dom.elementFromPoint(t,e)).map(L)}},V={"\xa0":"nbsp","\xad":"shy"},B=function(n,t){var e="";return w(n,function(n,t){e+=t}),new RegExp("["+e+"]",t?"g":"")},P=B(V),_=B(V,!0),j=(u="",w(V,function(n){u&&(u+=","),u+="span.mce-"+n}),u),M="mce-nbsp",q=function(n){return'<span data-mce-bogus="1" class="mce-'+V[n]+'">'+n+"</span>"},H=function(n){var t=N(n);return T(n)&&t!==undefined&&P.test(t)},F=function(n,t){var e=[],r=function(n,t){for(var e=n.length,r=new Array(e),o=0;o<e;o++){var u=n[o];r[o]=t(u,o)}return r}(n.dom.childNodes,x.fromDom);return y(r,function(n){t(n)&&(e=e.concat([n])),e=e.concat(F(n,t))}),e},I=function(n){return"span"===n.nodeName.toLowerCase()&&n.classList.contains("mce-nbsp-wrap")},U=function(c,n){var t=F(x.fromDom(n),H);y(t,function(n){var t,e,r=n.dom.parentNode;if(I(r))t=x.fromDom(r),e=M,C(t)?t.dom.classList.add(e):S(t,e);else{for(var o=c.dom.encode(N(n)).replace(_,q),u=c.dom.create("div",null,o),i=void 0;i=u.lastChild;)c.dom.insertAfter(i,n.dom);c.dom.remove(n.dom)}})},K=function(r,n){var t=r.dom.select(j,n);y(t,function(n){var t,e;I(n)?(t=x.fromDom(n),e=M,C(t)?t.dom.classList.remove(e):D(t,e),E(t)):r.dom.remove(n,!0)})},R=function(n){var t=n.getBody(),e=n.selection.getBookmark(),r=(r=function(n,t){for(;n.parentNode;){if(n.parentNode===t)return n;n=n.parentNode}}(n.selection.getNode(),t))!==undefined?r:t;K(n,r),U(n,r),n.selection.moveToBookmark(e)},z=function(n,t){var e,r;e=n,r=t.get(),e.fire("VisualChars",{state:r});var o=n.getBody();(!0===t.get()?U:K)(n,o)},G=function(n,t){n.addCommand("mceVisualChars",function(){!function(n,t){t.set(!t.get());var e=n.selection.getBookmark();z(n,t),n.selection.moveToBookmark(e)}(n,t)})},J=tinymce.util.Tools.resolve("tinymce.util.Delay"),Q=function(e,r){return function(t){t.setActive(r.get());var n=function(n){return t.setActive(n.state)};return e.on("VisualChars",n),function(){return e.off("VisualChars",n)}}};i.add("visualchars",function(n){var t,e,r,o,u,i,c,a,s,f,l=(t=n.getParam("visualchars_default_state",!1),e=t,{get:function(){return e},set:function(n){e=n}});return G(n,l),o=l,(r=n).ui.registry.addToggleButton("visualchars",{tooltip:"Show invisible characters",icon:"visualchars",onAction:function(){return r.execCommand("mceVisualChars")},onSetup:Q(r,o)}),r.ui.registry.addToggleMenuItem("visualchars",{text:"Show invisible characters",icon:"visualchars",onAction:function(){return r.execCommand("mceVisualChars")},onSetup:Q(r,o)}),u=n,i=l,c=J.debounce(function(){R(u)},300),!1!==u.getParam("forced_root_block")&&u.on("keydown",function(n){!0===i.get()&&(13===n.keyCode?R(u):c())}),u.on("remove",c.stop),s=l,(a=n).on("init",function(){z(a,s)}),f=l,{isEnabled:function(){return f.get()}}})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/plugins/wordcount/plugin.js b/src/assets/tinymce/plugins/wordcount/plugin.js
new file mode 100644
index 00000000..ee359910
--- /dev/null
+++ b/src/assets/tinymce/plugins/wordcount/plugin.js
@@ -0,0 +1,416 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    var identity = function (x) {
+      return x;
+    };
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p))
+              t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+
+    var zeroWidth = '\uFEFF';
+    var removeZwsp = function (s) {
+      return s.replace(/\uFEFF/g, '');
+    };
+
+    var map = function (xs, f) {
+      var len = xs.length;
+      var r = new Array(len);
+      for (var i = 0; i < len; i++) {
+        var x = xs[i];
+        r[i] = f(x, i);
+      }
+      return r;
+    };
+
+    var punctuationStr = '[!-#%-*,-\\/:;?@\\[-\\]_{}\xA1\xAB\xB7\xBB\xBF;\xB7\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1361-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u3008\u3009\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30\u2E31\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uff3f\uFF5B\uFF5D\uFF5F-\uFF65]';
+    var regExps = {
+      aletter: '[A-Za-z\xaa\xb5\xba\xc0-\xd6\xd8-\xf6\xf8-\u02c1\u02c6-\u02d1\u02e0-\u02e4\u02ec\u02ee\u0370-\u0374\u0376\u0377\u037a-\u037d\u0386\u0388-\u038a\u038c\u038e-\u03a1\u03a3-\u03f5\u03f7-\u0481\u048a-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05d0-\u05ea\u05f0-\u05F3\u0620-\u064a\u066e\u066f\u0671-\u06d3\u06d5\u06e5\u06e6\u06ee\u06ef\u06fa-\u06fc\u06ff\u0710\u0712-\u072f\u074d-\u07a5\u07b1\u07ca-\u07ea\u07f4\u07f5\u07fa\u0800-\u0815\u081a\u0824\u0828\u0840-\u0858\u0904-\u0939\u093d\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097f\u0985-\u098c\u098f\u0990\u0993-\u09a8\u09aa-\u09b0\u09b2\u09b6-\u09b9\u09bd\u09ce\u09dc\u09dd\u09df-\u09e1\u09f0\u09f1\u0a05-\u0a0a\u0a0f\u0a10\u0a13-\u0a28\u0a2a-\u0a30\u0a32\u0a33\u0a35\u0a36\u0a38\u0a39\u0a59-\u0a5c\u0a5e\u0a72-\u0a74\u0a85-\u0a8d\u0a8f-\u0a91\u0a93-\u0aa8\u0aaa-\u0ab0\u0ab2\u0ab3\u0ab5-\u0ab9\u0abd\u0ad0\u0ae0\u0ae1\u0b05-\u0b0c\u0b0f\u0b10\u0b13-\u0b28\u0b2a-\u0b30\u0b32\u0b33\u0b35-\u0b39\u0b3d\u0b5c\u0b5d\u0b5f-\u0b61\u0b71\u0b83\u0b85-\u0b8a\u0b8e-\u0b90\u0b92-\u0b95\u0b99\u0b9a\u0b9c\u0b9e\u0b9f\u0ba3\u0ba4\u0ba8-\u0baa\u0bae-\u0bb9\u0bd0\u0c05-\u0c0c\u0c0e-\u0c10\u0c12-\u0c28\u0c2a-\u0c33\u0c35-\u0c39\u0c3d\u0c58\u0c59\u0c60\u0c61\u0c85-\u0c8c\u0c8e-\u0c90\u0c92-\u0ca8\u0caa-\u0cb3\u0cb5-\u0cb9\u0cbd\u0cde\u0ce0\u0ce1\u0cf1\u0cf2\u0d05-\u0d0c\u0d0e-\u0d10\u0d12-\u0d3a\u0d3d\u0d4e\u0d60\u0d61\u0d7a-\u0d7f\u0d85-\u0d96\u0d9a-\u0db1\u0db3-\u0dbb\u0dbd\u0dc0-\u0dc6\u0f00\u0f40-\u0f47\u0f49-\u0f6c\u0f88-\u0f8c\u10a0-\u10c5\u10d0-\u10fa\u10fc\u1100-\u1248\u124a-\u124d\u1250-\u1256\u1258\u125a-\u125d\u1260-\u1288\u128a-\u128d\u1290-\u12b0\u12b2-\u12b5\u12b8-\u12be\u12c0\u12c2-\u12c5\u12c8-\u12d6\u12d8-\u1310\u1312-\u1315\u1318-\u135a\u1380-\u138f\u13a0-\u13f4\u1401-\u166c\u166f-\u167f\u1681-\u169a\u16a0-\u16ea\u16ee-\u16f0\u1700-\u170c\u170e-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176c\u176e-\u1770\u1820-\u1877\u1880-\u18a8\u18aa\u18b0-\u18f5\u1900-\u191c\u1a00-\u1a16\u1b05-\u1b33\u1b45-\u1b4b\u1b83-\u1ba0\u1bae\u1baf\u1bc0-\u1be5\u1c00-\u1c23\u1c4d-\u1c4f\u1c5a-\u1c7d\u1ce9-\u1cec\u1cee-\u1cf1\u1d00-\u1dbf\u1e00-\u1f15\u1f18-\u1f1d\u1f20-\u1f45\u1f48-\u1f4d\u1f50-\u1f57\u1f59\u1f5b\u1f5d\u1f5f-\u1f7d\u1f80-\u1fb4\u1fb6-\u1fbc\u1fbe\u1fc2-\u1fc4\u1fc6-\u1fcc\u1fd0-\u1fd3\u1fd6-\u1fdb\u1fe0-\u1fec\u1ff2-\u1ff4\u1ff6-\u1ffc\u2071\u207f\u2090-\u209c\u2102\u2107\u210a-\u2113\u2115\u2119-\u211d\u2124\u2126\u2128\u212a-\u212d\u212f-\u2139\u213c-\u213f\u2145-\u2149\u214e\u2160-\u2188\u24B6-\u24E9\u2c00-\u2c2e\u2c30-\u2c5e\u2c60-\u2ce4\u2ceb-\u2cee\u2d00-\u2d25\u2d30-\u2d65\u2d6f\u2d80-\u2d96\u2da0-\u2da6\u2da8-\u2dae\u2db0-\u2db6\u2db8-\u2dbe\u2dc0-\u2dc6\u2dc8-\u2dce\u2dd0-\u2dd6\u2dd8-\u2dde\u2e2f\u3005\u303b\u303c\u3105-\u312d\u3131-\u318e\u31a0-\u31ba\ua000-\ua48c\ua4d0-\ua4fd\ua500-\ua60c\ua610-\ua61f\ua62a\ua62b\ua640-\ua66e\ua67f-\ua697\ua6a0-\ua6ef\ua717-\ua71f\ua722-\ua788\ua78b-\ua78e\ua790\ua791\ua7a0-\ua7a9\ua7fa-\ua801\ua803-\ua805\ua807-\ua80a\ua80c-\ua822\ua840-\ua873\ua882-\ua8b3\ua8f2-\ua8f7\ua8fb\ua90a-\ua925\ua930-\ua946\ua960-\ua97c\ua984-\ua9b2\ua9cf\uaa00-\uaa28\uaa40-\uaa42\uaa44-\uaa4b\uab01-\uab06\uab09-\uab0e\uab11-\uab16\uab20-\uab26\uab28-\uab2e\uabc0-\uabe2\uac00-\ud7a3\ud7b0-\ud7c6\ud7cb-\ud7fb\ufb00-\ufb06\ufb13-\ufb17\ufb1d\ufb1f-\ufb28\ufb2a-\ufb36\ufb38-\ufb3c\ufb3e\ufb40\ufb41\ufb43\ufb44\ufb46-\ufbb1\ufbd3-\ufd3d\ufd50-\ufd8f\ufd92-\ufdc7\ufdf0-\ufdfb\ufe70-\ufe74\ufe76-\ufefc\uff21-\uff3a\uff41-\uff5a\uffa0-\uffbe\uffc2-\uffc7\uffca-\uffcf\uffd2-\uffd7\uffda-\uffdc]',
+      midnumlet: '[-\'\\.\u2018\u2019\u2024\uFE52\uFF07\uFF0E]',
+      midletter: '[:\xB7\xB7\u05F4\u2027\uFE13\uFE55\uFF1A]',
+      midnum: '[\xB1+*/,;;\u0589\u060C\u060D\u066C\u07F8\u2044\uFE10\uFE14\uFE50\uFE54\uFF0C\uFF1B]',
+      numeric: '[0-9\u0660-\u0669\u066B\u06f0-\u06f9\u07c0-\u07c9\u0966-\u096f\u09e6-\u09ef\u0a66-\u0a6f\u0ae6-\u0aef\u0b66-\u0b6f\u0be6-\u0bef\u0c66-\u0c6f\u0ce6-\u0cef\u0d66-\u0d6f\u0e50-\u0e59\u0ed0-\u0ed9\u0f20-\u0f29\u1040-\u1049\u1090-\u1099\u17e0-\u17e9\u1810-\u1819\u1946-\u194f\u19d0-\u19d9\u1a80-\u1a89\u1a90-\u1a99\u1b50-\u1b59\u1bb0-\u1bb9\u1c40-\u1c49\u1c50-\u1c59\ua620-\ua629\ua8d0-\ua8d9\ua900-\ua909\ua9d0-\ua9d9\uaa50-\uaa59\uabf0-\uabf9]',
+      cr: '\\r',
+      lf: '\\n',
+      newline: '[\x0B\f\x85\u2028\u2029]',
+      extend: '[\u0300-\u036f\u0483-\u0489\u0591-\u05bd\u05bf\u05c1\u05c2\u05c4\u05c5\u05c7\u0610-\u061a\u064b-\u065f\u0670\u06d6-\u06dc\u06df-\u06e4\u06e7\u06e8\u06ea-\u06ed\u0711\u0730-\u074a\u07a6-\u07b0\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0859-\u085b\u0900-\u0903\u093a-\u093c\u093e-\u094f\u0951-\u0957\u0962\u0963\u0981-\u0983\u09bc\u09be-\u09c4\u09c7\u09c8\u09cb-\u09cd\u09d7\u09e2\u09e3\u0a01-\u0a03\u0a3c\u0a3e-\u0a42\u0a47\u0a48\u0a4b-\u0a4d\u0a51\u0a70\u0a71\u0a75\u0a81-\u0a83\u0abc\u0abe-\u0ac5\u0ac7-\u0ac9\u0acb-\u0acd\u0ae2\u0ae3\u0b01-\u0b03\u0b3c\u0b3e-\u0b44\u0b47\u0b48\u0b4b-\u0b4d\u0b56\u0b57\u0b62\u0b63\u0b82\u0bbe-\u0bc2\u0bc6-\u0bc8\u0bca-\u0bcd\u0bd7\u0c01-\u0c03\u0c3e-\u0c44\u0c46-\u0c48\u0c4a-\u0c4d\u0c55\u0c56\u0c62\u0c63\u0c82\u0c83\u0cbc\u0cbe-\u0cc4\u0cc6-\u0cc8\u0cca-\u0ccd\u0cd5\u0cd6\u0ce2\u0ce3\u0d02\u0d03\u0d3e-\u0d44\u0d46-\u0d48\u0d4a-\u0d4d\u0d57\u0d62\u0d63\u0d82\u0d83\u0dca\u0dcf-\u0dd4\u0dd6\u0dd8-\u0ddf\u0df2\u0df3\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0eb1\u0eb4-\u0eb9\u0ebb\u0ebc\u0ec8-\u0ecd\u0f18\u0f19\u0f35\u0f37\u0f39\u0f3e\u0f3f\u0f71-\u0f84\u0f86\u0f87\u0f8d-\u0f97\u0f99-\u0fbc\u0fc6\u102b-\u103e\u1056-\u1059\u105e-\u1060\u1062-\u1064\u1067-\u106d\u1071-\u1074\u1082-\u108d\u108f\u109a-\u109d\u135d-\u135f\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17b6-\u17d3\u17dd\u180b-\u180d\u18a9\u1920-\u192b\u1930-\u193b\u19b0-\u19c0\u19c8\u19c9\u1a17-\u1a1b\u1a55-\u1a5e\u1a60-\u1a7c\u1a7f\u1b00-\u1b04\u1b34-\u1b44\u1b6b-\u1b73\u1b80-\u1b82\u1ba1-\u1baa\u1be6-\u1bf3\u1c24-\u1c37\u1cd0-\u1cd2\u1cd4-\u1ce8\u1ced\u1cf2\u1dc0-\u1de6\u1dfc-\u1dff\u200c\u200d\u20d0-\u20f0\u2cef-\u2cf1\u2d7f\u2de0-\u2dff\u302a-\u302f\u3099\u309a\ua66f-\uA672\ua67c\ua67d\ua6f0\ua6f1\ua802\ua806\ua80b\ua823-\ua827\ua880\ua881\ua8b4-\ua8c4\ua8e0-\ua8f1\ua926-\ua92d\ua947-\ua953\ua980-\ua983\ua9b3-\ua9c0\uaa29-\uaa36\uaa43\uaa4c\uaa4d\uaa7b\uaab0\uaab2-\uaab4\uaab7\uaab8\uaabe\uaabf\uaac1\uabe3-\uabea\uabec\uabed\ufb1e\ufe00-\ufe0f\ufe20-\ufe26\uff9e\uff9f]',
+      format: '[\xAD\u0600-\u0603\u06DD\u070F\u17b4\u17b5\u200E\u200F\u202A-\u202E\u2060-\u2064\u206A-\u206F\uFEFF\uFFF9-\uFFFB]',
+      katakana: '[\u3031-\u3035\u309B\u309C\u30A0-\u30fa\u30fc-\u30ff\u31f0-\u31ff\u32D0-\u32FE\u3300-\u3357\uff66-\uff9d]',
+      extendnumlet: '[=_\u203f\u2040\u2054\ufe33\ufe34\ufe4d-\ufe4f\uff3f\u2200-\u22FF<>]',
+      punctuation: punctuationStr
+    };
+    var characterIndices = {
+      ALETTER: 0,
+      MIDNUMLET: 1,
+      MIDLETTER: 2,
+      MIDNUM: 3,
+      NUMERIC: 4,
+      CR: 5,
+      LF: 6,
+      NEWLINE: 7,
+      EXTEND: 8,
+      FORMAT: 9,
+      KATAKANA: 10,
+      EXTENDNUMLET: 11,
+      AT: 12,
+      OTHER: 13
+    };
+    var SETS = [
+      new RegExp(regExps.aletter),
+      new RegExp(regExps.midnumlet),
+      new RegExp(regExps.midletter),
+      new RegExp(regExps.midnum),
+      new RegExp(regExps.numeric),
+      new RegExp(regExps.cr),
+      new RegExp(regExps.lf),
+      new RegExp(regExps.newline),
+      new RegExp(regExps.extend),
+      new RegExp(regExps.format),
+      new RegExp(regExps.katakana),
+      new RegExp(regExps.extendnumlet),
+      new RegExp('@')
+    ];
+    var EMPTY_STRING = '';
+    var PUNCTUATION = new RegExp('^' + regExps.punctuation + '$');
+    var WHITESPACE = /^\s+$/;
+
+    var SETS$1 = SETS;
+    var OTHER = characterIndices.OTHER;
+    var getType = function (char) {
+      var type = OTHER;
+      var setsLength = SETS$1.length;
+      for (var j = 0; j < setsLength; ++j) {
+        var set = SETS$1[j];
+        if (set && set.test(char)) {
+          type = j;
+          break;
+        }
+      }
+      return type;
+    };
+    var memoize = function (func) {
+      var cache = {};
+      return function (char) {
+        if (cache[char]) {
+          return cache[char];
+        } else {
+          var result = func(char);
+          cache[char] = result;
+          return result;
+        }
+      };
+    };
+    var classify = function (characters) {
+      var memoized = memoize(getType);
+      return map(characters, memoized);
+    };
+
+    var isWordBoundary = function (map, index) {
+      var type = map[index];
+      var nextType = map[index + 1];
+      if (index < 0 || index > map.length - 1 && index !== 0) {
+        return false;
+      }
+      if (type === characterIndices.ALETTER && nextType === characterIndices.ALETTER) {
+        return false;
+      }
+      var nextNextType = map[index + 2];
+      if (type === characterIndices.ALETTER && (nextType === characterIndices.MIDLETTER || nextType === characterIndices.MIDNUMLET || nextType === characterIndices.AT) && nextNextType === characterIndices.ALETTER) {
+        return false;
+      }
+      var prevType = map[index - 1];
+      if ((type === characterIndices.MIDLETTER || type === characterIndices.MIDNUMLET || nextType === characterIndices.AT) && nextType === characterIndices.ALETTER && prevType === characterIndices.ALETTER) {
+        return false;
+      }
+      if ((type === characterIndices.NUMERIC || type === characterIndices.ALETTER) && (nextType === characterIndices.NUMERIC || nextType === characterIndices.ALETTER)) {
+        return false;
+      }
+      if ((type === characterIndices.MIDNUM || type === characterIndices.MIDNUMLET) && nextType === characterIndices.NUMERIC && prevType === characterIndices.NUMERIC) {
+        return false;
+      }
+      if (type === characterIndices.NUMERIC && (nextType === characterIndices.MIDNUM || nextType === characterIndices.MIDNUMLET) && nextNextType === characterIndices.NUMERIC) {
+        return false;
+      }
+      if (type === characterIndices.EXTEND || type === characterIndices.FORMAT || prevType === characterIndices.EXTEND || prevType === characterIndices.FORMAT || nextType === characterIndices.EXTEND || nextType === characterIndices.FORMAT) {
+        return false;
+      }
+      if (type === characterIndices.CR && nextType === characterIndices.LF) {
+        return false;
+      }
+      if (type === characterIndices.NEWLINE || type === characterIndices.CR || type === characterIndices.LF) {
+        return true;
+      }
+      if (nextType === characterIndices.NEWLINE || nextType === characterIndices.CR || nextType === characterIndices.LF) {
+        return true;
+      }
+      if (type === characterIndices.KATAKANA && nextType === characterIndices.KATAKANA) {
+        return false;
+      }
+      if (nextType === characterIndices.EXTENDNUMLET && (type === characterIndices.ALETTER || type === characterIndices.NUMERIC || type === characterIndices.KATAKANA || type === characterIndices.EXTENDNUMLET)) {
+        return false;
+      }
+      if (type === characterIndices.EXTENDNUMLET && (nextType === characterIndices.ALETTER || nextType === characterIndices.NUMERIC || nextType === characterIndices.KATAKANA)) {
+        return false;
+      }
+      if (type === characterIndices.AT) {
+        return false;
+      }
+      return true;
+    };
+
+    var EMPTY_STRING$1 = EMPTY_STRING;
+    var WHITESPACE$1 = WHITESPACE;
+    var PUNCTUATION$1 = PUNCTUATION;
+    var isProtocol = function (str) {
+      return str === 'http' || str === 'https';
+    };
+    var findWordEnd = function (characters, startIndex) {
+      var i;
+      for (i = startIndex; i < characters.length; i++) {
+        if (WHITESPACE$1.test(characters[i])) {
+          break;
+        }
+      }
+      return i;
+    };
+    var findUrlEnd = function (characters, startIndex) {
+      var endIndex = findWordEnd(characters, startIndex + 1);
+      var peakedWord = characters.slice(startIndex + 1, endIndex).join(EMPTY_STRING$1);
+      return peakedWord.substr(0, 3) === '://' ? endIndex : startIndex;
+    };
+    var findWords = function (chars, sChars, characterMap, options) {
+      var words = [];
+      var word = [];
+      for (var i = 0; i < characterMap.length; ++i) {
+        word.push(chars[i]);
+        if (isWordBoundary(characterMap, i)) {
+          var ch = sChars[i];
+          if ((options.includeWhitespace || !WHITESPACE$1.test(ch)) && (options.includePunctuation || !PUNCTUATION$1.test(ch))) {
+            var startOfWord = i - word.length + 1;
+            var endOfWord = i + 1;
+            var str = sChars.slice(startOfWord, endOfWord).join(EMPTY_STRING$1);
+            if (isProtocol(str)) {
+              var endOfUrl = findUrlEnd(sChars, i);
+              var url = chars.slice(endOfWord, endOfUrl);
+              Array.prototype.push.apply(word, url);
+              i = endOfUrl;
+            }
+            words.push(word);
+          }
+          word = [];
+        }
+      }
+      return words;
+    };
+    var getDefaultOptions = function () {
+      return {
+        includeWhitespace: false,
+        includePunctuation: false
+      };
+    };
+    var getWords = function (chars, extract, options) {
+      options = __assign(__assign({}, getDefaultOptions()), options);
+      var filteredChars = [];
+      var extractedChars = [];
+      for (var i = 0; i < chars.length; i++) {
+        var ch = extract(chars[i]);
+        if (ch !== zeroWidth) {
+          filteredChars.push(chars[i]);
+          extractedChars.push(ch);
+        }
+      }
+      var characterMap = classify(extractedChars);
+      return findWords(filteredChars, extractedChars, characterMap, options);
+    };
+
+    var getWords$1 = getWords;
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.TreeWalker');
+
+    var getText = function (node, schema) {
+      var blockElements = schema.getBlockElements();
+      var shortEndedElements = schema.getShortEndedElements();
+      var isNewline = function (node) {
+        return blockElements[node.nodeName] || shortEndedElements[node.nodeName];
+      };
+      var textBlocks = [];
+      var txt = '';
+      var treeWalker = new global$1(node, node);
+      while (node = treeWalker.next()) {
+        if (node.nodeType === 3) {
+          txt += removeZwsp(node.data);
+        } else if (isNewline(node) && txt.length) {
+          textBlocks.push(txt);
+          txt = '';
+        }
+      }
+      if (txt.length) {
+        textBlocks.push(txt);
+      }
+      return textBlocks;
+    };
+
+    var strLen = function (str) {
+      return str.replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g, '_').length;
+    };
+    var countWords = function (node, schema) {
+      var text = getText(node, schema).join('\n');
+      return getWords$1(text.split(''), identity).length;
+    };
+    var countCharacters = function (node, schema) {
+      var text = getText(node, schema).join('');
+      return strLen(text);
+    };
+    var countCharactersWithoutSpaces = function (node, schema) {
+      var text = getText(node, schema).join('').replace(/\s/g, '');
+      return strLen(text);
+    };
+
+    var createBodyCounter = function (editor, count) {
+      return function () {
+        return count(editor.getBody(), editor.schema);
+      };
+    };
+    var createSelectionCounter = function (editor, count) {
+      return function () {
+        return count(editor.selection.getRng().cloneContents(), editor.schema);
+      };
+    };
+    var createBodyWordCounter = function (editor) {
+      return createBodyCounter(editor, countWords);
+    };
+    var get = function (editor) {
+      return {
+        body: {
+          getWordCount: createBodyWordCounter(editor),
+          getCharacterCount: createBodyCounter(editor, countCharacters),
+          getCharacterCountWithoutSpaces: createBodyCounter(editor, countCharactersWithoutSpaces)
+        },
+        selection: {
+          getWordCount: createSelectionCounter(editor, countWords),
+          getCharacterCount: createSelectionCounter(editor, countCharacters),
+          getCharacterCountWithoutSpaces: createSelectionCounter(editor, countCharactersWithoutSpaces)
+        },
+        getCount: createBodyWordCounter(editor)
+      };
+    };
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var fireWordCountUpdate = function (editor, api) {
+      editor.fire('wordCountUpdate', {
+        wordCount: {
+          words: api.body.getWordCount(),
+          characters: api.body.getCharacterCount(),
+          charactersWithoutSpaces: api.body.getCharacterCountWithoutSpaces()
+        }
+      });
+    };
+
+    var updateCount = function (editor, api) {
+      fireWordCountUpdate(editor, api);
+    };
+    var setup = function (editor, api, delay) {
+      var debouncedUpdate = global$2.debounce(function () {
+        return updateCount(editor, api);
+      }, delay);
+      editor.on('init', function () {
+        updateCount(editor, api);
+        global$2.setEditorTimeout(editor, function () {
+          editor.on('SetContent BeforeAddUndo Undo Redo keyup', debouncedUpdate);
+        }, 0);
+      });
+    };
+
+    var open = function (editor, api) {
+      editor.windowManager.open({
+        title: 'Word Count',
+        body: {
+          type: 'panel',
+          items: [{
+              type: 'table',
+              header: [
+                'Count',
+                'Document',
+                'Selection'
+              ],
+              cells: [
+                [
+                  'Words',
+                  String(api.body.getWordCount()),
+                  String(api.selection.getWordCount())
+                ],
+                [
+                  'Characters (no spaces)',
+                  String(api.body.getCharacterCountWithoutSpaces()),
+                  String(api.selection.getCharacterCountWithoutSpaces())
+                ],
+                [
+                  'Characters',
+                  String(api.body.getCharacterCount()),
+                  String(api.selection.getCharacterCount())
+                ]
+              ]
+            }]
+        },
+        buttons: [{
+            type: 'cancel',
+            name: 'close',
+            text: 'Close',
+            primary: true
+          }]
+      });
+    };
+
+    var register = function (editor, api) {
+      editor.ui.registry.addButton('wordcount', {
+        tooltip: 'Word count',
+        icon: 'character-count',
+        onAction: function () {
+          return open(editor, api);
+        }
+      });
+      editor.ui.registry.addMenuItem('wordcount', {
+        text: 'Word count',
+        icon: 'character-count',
+        onAction: function () {
+          return open(editor, api);
+        }
+      });
+    };
+
+    function Plugin (delay) {
+      if (delay === void 0) {
+        delay = 300;
+      }
+      global.add('wordcount', function (editor) {
+        var api = get(editor);
+        register(editor, api);
+        setup(editor, api, delay);
+        return api;
+      });
+    }
+
+    Plugin();
+
+}());
diff --git a/src/assets/tinymce/plugins/wordcount/plugin.min.js b/src/assets/tinymce/plugins/wordcount/plugin.min.js
new file mode 100644
index 00000000..653c5f59
--- /dev/null
+++ b/src/assets/tinymce/plugins/wordcount/plugin.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var s,t=tinymce.util.Tools.resolve("tinymce.PluginManager"),r=function(t){return t},a=function(){return(a=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)},e="[-'\\.\u2018\u2019\u2024\ufe52\uff07\uff0e]",n="[:\xb7\xb7\u05f4\u2027\ufe13\ufe55\uff1a]",o="[\xb1+*/,;;\u0589\u060c\u060d\u066c\u07f8\u2044\ufe10\ufe14\ufe50\ufe54\uff0c\uff1b]",u="[0-9\u0660-\u0669\u066b\u06f0-\u06f9\u07c0-\u07c9\u0966-\u096f\u09e6-\u09ef\u0a66-\u0a6f\u0ae6-\u0aef\u0b66-\u0b6f\u0be6-\u0bef\u0c66-\u0c6f\u0ce6-\u0cef\u0d66-\u0d6f\u0e50-\u0e59\u0ed0-\u0ed9\u0f20-\u0f29\u1040-\u1049\u1090-\u1099\u17e0-\u17e9\u1810-\u1819\u1946-\u194f\u19d0-\u19d9\u1a80-\u1a89\u1a90-\u1a99\u1b50-\u1b59\u1bb0-\u1bb9\u1c40-\u1c49\u1c50-\u1c59\ua620-\ua629\ua8d0-\ua8d9\ua900-\ua909\ua9d0-\ua9d9\uaa50-\uaa59\uabf0-\uabf9]",c="\\r",i="\\n",g="[\x0B\f\x85\u2028\u2029]",l="[\u0300-\u036f\u0483-\u0489\u0591-\u05bd\u05bf\u05c1\u05c2\u05c4\u05c5\u05c7\u0610-\u061a\u064b-\u065f\u0670\u06d6-\u06dc\u06df-\u06e4\u06e7\u06e8\u06ea-\u06ed\u0711\u0730-\u074a\u07a6-\u07b0\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0859-\u085b\u0900-\u0903\u093a-\u093c\u093e-\u094f\u0951-\u0957\u0962\u0963\u0981-\u0983\u09bc\u09be-\u09c4\u09c7\u09c8\u09cb-\u09cd\u09d7\u09e2\u09e3\u0a01-\u0a03\u0a3c\u0a3e-\u0a42\u0a47\u0a48\u0a4b-\u0a4d\u0a51\u0a70\u0a71\u0a75\u0a81-\u0a83\u0abc\u0abe-\u0ac5\u0ac7-\u0ac9\u0acb-\u0acd\u0ae2\u0ae3\u0b01-\u0b03\u0b3c\u0b3e-\u0b44\u0b47\u0b48\u0b4b-\u0b4d\u0b56\u0b57\u0b62\u0b63\u0b82\u0bbe-\u0bc2\u0bc6-\u0bc8\u0bca-\u0bcd\u0bd7\u0c01-\u0c03\u0c3e-\u0c44\u0c46-\u0c48\u0c4a-\u0c4d\u0c55\u0c56\u0c62\u0c63\u0c82\u0c83\u0cbc\u0cbe-\u0cc4\u0cc6-\u0cc8\u0cca-\u0ccd\u0cd5\u0cd6\u0ce2\u0ce3\u0d02\u0d03\u0d3e-\u0d44\u0d46-\u0d48\u0d4a-\u0d4d\u0d57\u0d62\u0d63\u0d82\u0d83\u0dca\u0dcf-\u0dd4\u0dd6\u0dd8-\u0ddf\u0df2\u0df3\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0eb1\u0eb4-\u0eb9\u0ebb\u0ebc\u0ec8-\u0ecd\u0f18\u0f19\u0f35\u0f37\u0f39\u0f3e\u0f3f\u0f71-\u0f84\u0f86\u0f87\u0f8d-\u0f97\u0f99-\u0fbc\u0fc6\u102b-\u103e\u1056-\u1059\u105e-\u1060\u1062-\u1064\u1067-\u106d\u1071-\u1074\u1082-\u108d\u108f\u109a-\u109d\u135d-\u135f\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17b6-\u17d3\u17dd\u180b-\u180d\u18a9\u1920-\u192b\u1930-\u193b\u19b0-\u19c0\u19c8\u19c9\u1a17-\u1a1b\u1a55-\u1a5e\u1a60-\u1a7c\u1a7f\u1b00-\u1b04\u1b34-\u1b44\u1b6b-\u1b73\u1b80-\u1b82\u1ba1-\u1baa\u1be6-\u1bf3\u1c24-\u1c37\u1cd0-\u1cd2\u1cd4-\u1ce8\u1ced\u1cf2\u1dc0-\u1de6\u1dfc-\u1dff\u200c\u200d\u20d0-\u20f0\u2cef-\u2cf1\u2d7f\u2de0-\u2dff\u302a-\u302f\u3099\u309a\ua66f-\ua672\ua67c\ua67d\ua6f0\ua6f1\ua802\ua806\ua80b\ua823-\ua827\ua880\ua881\ua8b4-\ua8c4\ua8e0-\ua8f1\ua926-\ua92d\ua947-\ua953\ua980-\ua983\ua9b3-\ua9c0\uaa29-\uaa36\uaa43\uaa4c\uaa4d\uaa7b\uaab0\uaab2-\uaab4\uaab7\uaab8\uaabe\uaabf\uaac1\uabe3-\uabea\uabec\uabed\ufb1e\ufe00-\ufe0f\ufe20-\ufe26\uff9e\uff9f]",p="[\xad\u0600-\u0603\u06dd\u070f\u17b4\u17b5\u200e\u200f\u202a-\u202e\u2060-\u2064\u206a-\u206f\ufeff\ufff9-\ufffb]",f="[\u3031-\u3035\u309b\u309c\u30a0-\u30fa\u30fc-\u30ff\u31f0-\u31ff\u32d0-\u32fe\u3300-\u3357\uff66-\uff9d]",d="[=_\u203f\u2040\u2054\ufe33\ufe34\ufe4d-\ufe4f\uff3f\u2200-\u22ff<>]",h="[!-#%-*,-\\/:;?@\\[-\\]_{}\xa1\xab\xb7\xbb\xbf;\xb7\u055a-\u055f\u0589\u058a\u05be\u05c0\u05c3\u05c6\u05f3\u05f4\u0609\u060a\u060c\u060d\u061b\u061e\u061f\u066a-\u066d\u06d4\u0700-\u070d\u07f7-\u07f9\u0830-\u083e\u085e\u0964\u0965\u0970\u0df4\u0e4f\u0e5a\u0e5b\u0f04-\u0f12\u0f3a-\u0f3d\u0f85\u0fd0-\u0fd4\u0fd9\u0fda\u104a-\u104f\u10fb\u1361-\u1368\u1400\u166d\u166e\u169b\u169c\u16eb-\u16ed\u1735\u1736\u17d4-\u17d6\u17d8-\u17da\u1800-\u180a\u1944\u1945\u1a1e\u1a1f\u1aa0-\u1aa6\u1aa8-\u1aad\u1b5a-\u1b60\u1bfc-\u1bff\u1c3b-\u1c3f\u1c7e\u1c7f\u1cd3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205e\u207d\u207e\u208d\u208e\u3008\u3009\u2768-\u2775\u27c5\u27c6\u27e6-\u27ef\u2983-\u2998\u29d8-\u29db\u29fc\u29fd\u2cf9-\u2cfc\u2cfe\u2cff\u2d70\u2e00-\u2e2e\u2e30\u2e31\u3001-\u3003\u3008-\u3011\u3014-\u301f\u3030\u303d\u30a0\u30fb\ua4fe\ua4ff\ua60d-\ua60f\ua673\ua67e\ua6f2-\ua6f7\ua874-\ua877\ua8ce\ua8cf\ua8f8-\ua8fa\ua92e\ua92f\ua95f\ua9c1-\ua9cd\ua9de\ua9df\uaa5c-\uaa5f\uaade\uaadf\uabeb\ufd3e\ufd3f\ufe10-\ufe19\ufe30-\ufe52\ufe54-\ufe61\ufe63\ufe68\ufe6a\ufe6b\uff01-\uff03\uff05-\uff0a\uff0c-\uff0f\uff1a\uff1b\uff1f\uff20\uff3b-\uff3d\uff3f\uff5b\uff5d\uff5f-\uff65]",C=0,y=1,v=2,w=3,m=4,E=5,W=6,x=7,R=8,b=9,S=10,F=11,j=12,A=13,D=[new RegExp("[A-Za-z\xaa\xb5\xba\xc0-\xd6\xd8-\xf6\xf8-\u02c1\u02c6-\u02d1\u02e0-\u02e4\u02ec\u02ee\u0370-\u0374\u0376\u0377\u037a-\u037d\u0386\u0388-\u038a\u038c\u038e-\u03a1\u03a3-\u03f5\u03f7-\u0481\u048a-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05d0-\u05ea\u05f0-\u05f3\u0620-\u064a\u066e\u066f\u0671-\u06d3\u06d5\u06e5\u06e6\u06ee\u06ef\u06fa-\u06fc\u06ff\u0710\u0712-\u072f\u074d-\u07a5\u07b1\u07ca-\u07ea\u07f4\u07f5\u07fa\u0800-\u0815\u081a\u0824\u0828\u0840-\u0858\u0904-\u0939\u093d\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097f\u0985-\u098c\u098f\u0990\u0993-\u09a8\u09aa-\u09b0\u09b2\u09b6-\u09b9\u09bd\u09ce\u09dc\u09dd\u09df-\u09e1\u09f0\u09f1\u0a05-\u0a0a\u0a0f\u0a10\u0a13-\u0a28\u0a2a-\u0a30\u0a32\u0a33\u0a35\u0a36\u0a38\u0a39\u0a59-\u0a5c\u0a5e\u0a72-\u0a74\u0a85-\u0a8d\u0a8f-\u0a91\u0a93-\u0aa8\u0aaa-\u0ab0\u0ab2\u0ab3\u0ab5-\u0ab9\u0abd\u0ad0\u0ae0\u0ae1\u0b05-\u0b0c\u0b0f\u0b10\u0b13-\u0b28\u0b2a-\u0b30\u0b32\u0b33\u0b35-\u0b39\u0b3d\u0b5c\u0b5d\u0b5f-\u0b61\u0b71\u0b83\u0b85-\u0b8a\u0b8e-\u0b90\u0b92-\u0b95\u0b99\u0b9a\u0b9c\u0b9e\u0b9f\u0ba3\u0ba4\u0ba8-\u0baa\u0bae-\u0bb9\u0bd0\u0c05-\u0c0c\u0c0e-\u0c10\u0c12-\u0c28\u0c2a-\u0c33\u0c35-\u0c39\u0c3d\u0c58\u0c59\u0c60\u0c61\u0c85-\u0c8c\u0c8e-\u0c90\u0c92-\u0ca8\u0caa-\u0cb3\u0cb5-\u0cb9\u0cbd\u0cde\u0ce0\u0ce1\u0cf1\u0cf2\u0d05-\u0d0c\u0d0e-\u0d10\u0d12-\u0d3a\u0d3d\u0d4e\u0d60\u0d61\u0d7a-\u0d7f\u0d85-\u0d96\u0d9a-\u0db1\u0db3-\u0dbb\u0dbd\u0dc0-\u0dc6\u0f00\u0f40-\u0f47\u0f49-\u0f6c\u0f88-\u0f8c\u10a0-\u10c5\u10d0-\u10fa\u10fc\u1100-\u1248\u124a-\u124d\u1250-\u1256\u1258\u125a-\u125d\u1260-\u1288\u128a-\u128d\u1290-\u12b0\u12b2-\u12b5\u12b8-\u12be\u12c0\u12c2-\u12c5\u12c8-\u12d6\u12d8-\u1310\u1312-\u1315\u1318-\u135a\u1380-\u138f\u13a0-\u13f4\u1401-\u166c\u166f-\u167f\u1681-\u169a\u16a0-\u16ea\u16ee-\u16f0\u1700-\u170c\u170e-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176c\u176e-\u1770\u1820-\u1877\u1880-\u18a8\u18aa\u18b0-\u18f5\u1900-\u191c\u1a00-\u1a16\u1b05-\u1b33\u1b45-\u1b4b\u1b83-\u1ba0\u1bae\u1baf\u1bc0-\u1be5\u1c00-\u1c23\u1c4d-\u1c4f\u1c5a-\u1c7d\u1ce9-\u1cec\u1cee-\u1cf1\u1d00-\u1dbf\u1e00-\u1f15\u1f18-\u1f1d\u1f20-\u1f45\u1f48-\u1f4d\u1f50-\u1f57\u1f59\u1f5b\u1f5d\u1f5f-\u1f7d\u1f80-\u1fb4\u1fb6-\u1fbc\u1fbe\u1fc2-\u1fc4\u1fc6-\u1fcc\u1fd0-\u1fd3\u1fd6-\u1fdb\u1fe0-\u1fec\u1ff2-\u1ff4\u1ff6-\u1ffc\u2071\u207f\u2090-\u209c\u2102\u2107\u210a-\u2113\u2115\u2119-\u211d\u2124\u2126\u2128\u212a-\u212d\u212f-\u2139\u213c-\u213f\u2145-\u2149\u214e\u2160-\u2188\u24b6-\u24e9\u2c00-\u2c2e\u2c30-\u2c5e\u2c60-\u2ce4\u2ceb-\u2cee\u2d00-\u2d25\u2d30-\u2d65\u2d6f\u2d80-\u2d96\u2da0-\u2da6\u2da8-\u2dae\u2db0-\u2db6\u2db8-\u2dbe\u2dc0-\u2dc6\u2dc8-\u2dce\u2dd0-\u2dd6\u2dd8-\u2dde\u2e2f\u3005\u303b\u303c\u3105-\u312d\u3131-\u318e\u31a0-\u31ba\ua000-\ua48c\ua4d0-\ua4fd\ua500-\ua60c\ua610-\ua61f\ua62a\ua62b\ua640-\ua66e\ua67f-\ua697\ua6a0-\ua6ef\ua717-\ua71f\ua722-\ua788\ua78b-\ua78e\ua790\ua791\ua7a0-\ua7a9\ua7fa-\ua801\ua803-\ua805\ua807-\ua80a\ua80c-\ua822\ua840-\ua873\ua882-\ua8b3\ua8f2-\ua8f7\ua8fb\ua90a-\ua925\ua930-\ua946\ua960-\ua97c\ua984-\ua9b2\ua9cf\uaa00-\uaa28\uaa40-\uaa42\uaa44-\uaa4b\uab01-\uab06\uab09-\uab0e\uab11-\uab16\uab20-\uab26\uab28-\uab2e\uabc0-\uabe2\uac00-\ud7a3\ud7b0-\ud7c6\ud7cb-\ud7fb\ufb00-\ufb06\ufb13-\ufb17\ufb1d\ufb1f-\ufb28\ufb2a-\ufb36\ufb38-\ufb3c\ufb3e\ufb40\ufb41\ufb43\ufb44\ufb46-\ufbb1\ufbd3-\ufd3d\ufd50-\ufd8f\ufd92-\ufdc7\ufdf0-\ufdfb\ufe70-\ufe74\ufe76-\ufefc\uff21-\uff3a\uff41-\uff5a\uffa0-\uffbe\uffc2-\uffc7\uffca-\uffcf\uffd2-\uffd7\uffda-\uffdc]"),new RegExp(e),new RegExp(n),new RegExp(o),new RegExp(u),new RegExp(c),new RegExp(i),new RegExp(g),new RegExp(l),new RegExp(p),new RegExp(f),new RegExp(d),new RegExp("@")],T=new RegExp("^"+h+"$"),B=D,k=A,P=function(t){for(var e=k,n=B.length,r=0;r<n;++r){var o=B[r];if(o&&o.test(t)){e=r;break}}return e},M=function(t){var n,r;return function(t,e){for(var n=t.length,r=new Array(n),o=0;o<n;o++){var u=t[o];r[o]=e(u,o)}return r}(t,(n=P,r={},function(t){if(r[t])return r[t];var e=n(t);return r[t]=e}))},O=/^\s+$/,U=T,_=function(t,e){var n=function(t,e){for(var n=e;n<t.length&&!O.test(t[n]);n++);return n}(t,e+1);return"://"===t.slice(e+1,n).join("").substr(0,3)?n:e},N=function(t,e,n,r){for(var o,u,c,i,a,s,g,l=[],p=[],f=0;f<n.length;++f){p.push(t[f]),function(t,e){var n=t[e],r=t[e+1];if(e<0||e>t.length-1&&0!==e)return!1;if(n===C&&r===C)return!1;var o=t[e+2];if(n===C&&(r===v||r===y||r===j)&&o===C)return!1;var u=t[e-1];return(n!==v&&n!==y&&r!==j||r!==C||u!==C)&&((n!==m&&n!==C||r!==m&&r!==C)&&((n!==w&&n!==y||r!==m||u!==m)&&((n!==m||r!==w&&r!==y||o!==m)&&(n!==R&&n!==b&&u!==R&&u!==b&&r!==R&&r!==b&&((n!==E||r!==W)&&(n===x||n===E||n===W||(r===x||r===E||r===W||(n!==S||r!==S)&&((r!==F||n!==C&&n!==m&&n!==S&&n!==F)&&((n!==F||r!==C&&r!==m&&r!==S)&&n!==j)))))))))}(n,f)&&(o=e[f],!r.includeWhitespace&&O.test(o)||!r.includePunctuation&&U.test(o)||(u=f-p.length+1,c=f+1,i=e.slice(u,c).join(""),"http"!==(g=i)&&"https"!==g||(a=_(e,f),s=t.slice(c,a),Array.prototype.push.apply(p,s),f=a),l.push(p)),p=[])}return l},$=function(t,e,n){n=a(a({},{includeWhitespace:!1,includePunctuation:!1}),n);for(var r=[],o=[],u=0;u<t.length;u++){var c=e(t[u]);"\ufeff"!==c&&(r.push(t[u]),o.push(c))}var i=M(o);return N(r,o,i,n)},z=tinymce.util.Tools.resolve("tinymce.dom.TreeWalker"),I=function(t,e){for(var n,r=e.getBlockElements(),o=e.getShortEndedElements(),u=[],c="",i=new z(t,t);t=i.next();)3===t.nodeType?c+=t.data.replace(/\uFEFF/g,""):(r[(n=t).nodeName]||o[n.nodeName])&&c.length&&(u.push(c),c="");return c.length&&u.push(c),u},Z=function(t){return t.replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,"_").length},q=function(t,e){var n=I(t,e).join("\n");return $(n.split(""),r).length},G=function(t,e){var n=I(t,e).join("");return Z(n)},H=function(t,e){var n=I(t,e).join("").replace(/\s/g,"");return Z(n)},J=function(t,e){return function(){return e(t.getBody(),t.schema)}},K=function(t,e){return function(){return e(t.selection.getRng().cloneContents(),t.schema)}},L=function(t){return J(t,q)},Q=tinymce.util.Tools.resolve("tinymce.util.Delay"),V=function(t,e){var n;n=e,t.fire("wordCountUpdate",{wordCount:{words:n.body.getWordCount(),characters:n.body.getCharacterCount(),charactersWithoutSpaces:n.body.getCharacterCountWithoutSpaces()}})},X=function(t,e){t.windowManager.open({title:"Word Count",body:{type:"panel",items:[{type:"table",header:["Count","Document","Selection"],cells:[["Words",String(e.body.getWordCount()),String(e.selection.getWordCount())],["Characters (no spaces)",String(e.body.getCharacterCountWithoutSpaces()),String(e.selection.getCharacterCountWithoutSpaces())],["Characters",String(e.body.getCharacterCount()),String(e.selection.getCharacterCount())]]}]},buttons:[{type:"cancel",name:"close",text:"Close",primary:!0}]})};void 0===s&&(s=300),t.add("wordcount",function(t){var e,n,r,o,u,c,i,a={body:{getWordCount:L(e=t),getCharacterCount:J(e,G),getCharacterCountWithoutSpaces:J(e,H)},selection:{getWordCount:K(e,q),getCharacterCount:K(e,G),getCharacterCountWithoutSpaces:K(e,H)},getCount:L(e)};return r=a,(n=t).ui.registry.addButton("wordcount",{tooltip:"Word count",icon:"character-count",onAction:function(){return X(n,r)}}),n.ui.registry.addMenuItem("wordcount",{text:"Word count",icon:"character-count",onAction:function(){return X(n,r)}}),o=t,u=a,c=s,i=Q.debounce(function(){return V(o,u)},c),o.on("init",function(){V(o,u),Q.setEditorTimeout(o,function(){o.on("SetContent BeforeAddUndo Undo Redo keyup",i)},0)}),a})}();
\ No newline at end of file
diff --git a/src/assets/tinymce/readme.md b/src/assets/tinymce/readme.md
new file mode 100644
index 00000000..a812cbbb
--- /dev/null
+++ b/src/assets/tinymce/readme.md
@@ -0,0 +1,77 @@
+# TinyMCE
+
+TinyMCE is the world’s most popular open source web-based WYSIWYG editor.
+
+Trusted and loved by millions of developers, and integrated into thousands of applications, such as:
+
+- Content management systems (CMSs)
+- Learning management systems (LMSs)
+- Customer relationship management (CRM) and marketing automation systems
+- Email marketing systems
+- Content creation in SaaS systems
+
+<p align="center">
+  <img alt="Screenshot of the TinyMCE Editor" src="https://www.tiny.cloud/storage/github-readme-images/tinymce-editor.png"\>
+</p>
+
+## Our Tiny contribution
+
+Content is powerful. It can be used to inform, educate, connect, learn, and inspire change.
+
+More online applications are providing a platform for people to benefit from the transformational power of content.
+
+With this in mind, as technology continues to advance and evolve, we want to make sure people will always have access to the best tools for creating content, enabling them to participate freely and seamlessly without barriers.
+
+TinyMCE easily integrates into applications of all types and sizes, to provide the best content creation experience possible.
+
+<p align="center">
+  <img alt="Tiny Technologies Logo" src="https://www.tiny.cloud/storage/github-readme-images/tiny-image.png"\>
+</p>
+
+## Try the demo
+
+You can access a [full featured demo of TinyMCE](https://www.tiny.cloud/docs/demo/full-featured/) in the docs on the Tiny website.
+
+## Get started with TinyMCE
+
+Get an instance of TinyMCE up and running quickly with the [TinyMCE quick start guide](https://www.tiny.cloud/docs/quick-start/).
+
+TinyMCE provides a range of configuration options that allow you to integrate it into your application. Start customizing with a [basic setup](https://www.tiny.cloud/docs/general-configuration-guide/basic-setup/).
+
+Configure it for one of three modes of editing:
+
+- [TinyMCE classic editing mode](https://www.tiny.cloud/docs/general-configuration-guide/use-tinymce-classic/).
+- [TinyMCE inline editing mode](https://www.tiny.cloud/docs/general-configuration-guide/use-tinymce-inline/).
+- [TinyMCE distraction-free editing mode](https://www.tiny.cloud/docs/general-configuration-guide/use-tinymce-distraction-free/).
+
+## Features
+
+### Integration
+
+TinyMCE is easily integrated into your projects with the help of components such as:
+
+- [tinymce-react](https://github.com/tinymce/tinymce-react)
+- [tinymce-vue](https://github.com/tinymce/tinymce-vue)
+- [tinymce-angular](https://github.com/tinymce/tinymce-angular)
+
+See the Tiny docs for a full list of [integration components](https://www.tiny.cloud/docs/integrations/).
+
+### Customization
+
+It is easy to [configure the UI](https://www.tiny.cloud/docs/general-configuration-guide/customize-ui/) to match the design of your site and applications, and you can [configure the editor](https://www.tiny.cloud/docs/general-configuration-guide/basic-setup/) with as much or as little functionality as you like, depending on your users and requirements.
+
+With [50+ powerful plugins available](https://www.tiny.cloud/apps/), adding additional functionality is as simple as including a single line of code. Realizing the full power of most plugins requires only a few lines more.
+
+### Extensibility
+
+Sometimes your business requirements can be quite unique, and you need the freedom and flexibility to innovate. View the source code and develop your own extensions for custom functionality to meet your own requirements. The [API](https://www.tiny.cloud/docs/api/) is exposed to make it easier for you to write custom functionality that fits within the existing framework of TinyMCE [UI components](https://www.tiny.cloud/docs/ui-components/).
+
+## Compiling and contributing
+
+As TinyMCE transitioned to a modern codebase through 2017 and 2018, many external dependencies were added from previously closed-source projects. This became unwieldy to develop, so in June 2019 the decision was made to bring those projects together in a monorepo.
+
+For information on compiling and contributing, see: [contribution guidelines](https://github.com/tinymce/tinymce/blob/master/CONTRIBUTING.md).
+
+## Want more information?
+
+Visit the [TinyMCE home page](https://tiny.cloud/) and check out the [TinyMCE documentation](https://www.tiny.cloud/docs/).
diff --git a/src/assets/tinymce/skins/content/dark/content.css b/src/assets/tinymce/skins/content/dark/content.css
new file mode 100644
index 00000000..bae7923f
--- /dev/null
+++ b/src/assets/tinymce/skins/content/dark/content.css
@@ -0,0 +1,72 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+body {
+  background-color: #2f3742;
+  color: #dfe0e4;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+  margin: 1rem;
+}
+a {
+  color: #4099ff;
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #6d737b;
+}
+figure {
+  display: table;
+  margin: 1rem auto;
+}
+figure figcaption {
+  color: #8a8f97;
+  display: block;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #6d737b;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+code {
+  background-color: #6d737b;
+  border-radius: 3px;
+  padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #6d737b;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #6d737b;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}
diff --git a/src/assets/tinymce/skins/content/dark/content.min.css b/src/assets/tinymce/skins/content/dark/content.min.css
new file mode 100644
index 00000000..7171347f
--- /dev/null
+++ b/src/assets/tinymce/skins/content/dark/content.min.css
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+body{background-color:#2f3742;color:#dfe0e4;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}a{color:#4099ff}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#6d737b}figure{display:table;margin:1rem auto}figure figcaption{color:#8a8f97;display:block;margin-top:.25rem;text-align:center}hr{border-color:#6d737b;border-style:solid;border-width:1px 0 0 0}code{background-color:#6d737b;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #6d737b;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #6d737b;margin-right:1.5rem;padding-right:1rem}
+/*# sourceMappingURL=content.min.css.map */
diff --git a/src/assets/tinymce/skins/content/dark/content.min.css.map b/src/assets/tinymce/skins/content/dark/content.min.css.map
new file mode 100644
index 00000000..00ec4443
--- /dev/null
+++ b/src/assets/tinymce/skins/content/dark/content.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["content/dark/content.css"],"names":[],"mappings":";;;;;;AAMA,KACE,iBAAkB,QAClB,MAAO,QACP,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,MAAM,CAAE,MAAM,CAAE,SAAS,CAAE,WAAW,CAAE,gBAAgB,CAAE,WAC9H,YAAa,IACb,OAAQ,KAEV,EACE,MAAO,QAET,MACE,gBAAiB,SAInB,4BADA,4BAEE,QAAS,MAKX,8DADA,8DAEE,aAAc,IAKhB,8DADA,8DAEE,aAAc,MAKhB,8DADA,8DAEE,aAAc,QAEhB,OACE,QAAS,MACT,OAAQ,KAAK,KAEf,kBACE,MAAO,QACP,QAAS,MACT,WAAY,OACZ,WAAY,OAEd,GACE,aAAc,QACd,aAAc,MACd,aAAc,IAAI,EAAE,EAAE,EAExB,KACE,iBAAkB,QAClB,cAAe,IACf,QAAS,MAAO,MAElB,4CACE,YAAa,IAAI,MAAM,QACvB,YAAa,OACb,aAAc,KAEhB,sCACE,aAAc,IAAI,MAAM,QACxB,aAAc,OACd,cAAe","file":"content.min.css","sourcesContent":["/**\n * Copyright (c) Tiny Technologies, Inc. All rights reserved.\n * Licensed under the LGPL or a commercial license.\n * For LGPL see License.txt in the project root for license information.\n * For commercial licenses see https://www.tiny.cloud/\n */\nbody {\n  background-color: #2f3742;\n  color: #dfe0e4;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n  margin: 1rem;\n}\na {\n  color: #4099ff;\n}\ntable {\n  border-collapse: collapse;\n}\n/* Apply a default padding if legacy cellpadding attribute is missing */\ntable:not([cellpadding]) th,\ntable:not([cellpadding]) td {\n  padding: 0.4rem;\n}\n/* Set default table styles if a table has a positive border attribute\n   and no inline css */\ntable[border]:not([border=\"0\"]):not([style*=\"border-width\"]) th,\ntable[border]:not([border=\"0\"]):not([style*=\"border-width\"]) td {\n  border-width: 1px;\n}\n/* Set default table styles if a table has a positive border attribute\n   and no inline css */\ntable[border]:not([border=\"0\"]):not([style*=\"border-style\"]) th,\ntable[border]:not([border=\"0\"]):not([style*=\"border-style\"]) td {\n  border-style: solid;\n}\n/* Set default table styles if a table has a positive border attribute\n   and no inline css */\ntable[border]:not([border=\"0\"]):not([style*=\"border-color\"]) th,\ntable[border]:not([border=\"0\"]):not([style*=\"border-color\"]) td {\n  border-color: #6d737b;\n}\nfigure {\n  display: table;\n  margin: 1rem auto;\n}\nfigure figcaption {\n  color: #8a8f97;\n  display: block;\n  margin-top: 0.25rem;\n  text-align: center;\n}\nhr {\n  border-color: #6d737b;\n  border-style: solid;\n  border-width: 1px 0 0 0;\n}\ncode {\n  background-color: #6d737b;\n  border-radius: 3px;\n  padding: 0.1rem 0.2rem;\n}\n.mce-content-body:not([dir=rtl]) blockquote {\n  border-left: 2px solid #6d737b;\n  margin-left: 1.5rem;\n  padding-left: 1rem;\n}\n.mce-content-body[dir=rtl] blockquote {\n  border-right: 2px solid #6d737b;\n  margin-right: 1.5rem;\n  padding-right: 1rem;\n}\n"]}
\ No newline at end of file
diff --git a/src/assets/tinymce/skins/content/default/content.css b/src/assets/tinymce/skins/content/default/content.css
new file mode 100644
index 00000000..dd6a5c1c
--- /dev/null
+++ b/src/assets/tinymce/skins/content/default/content.css
@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+  margin: 1rem;
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #ccc;
+}
+figure {
+  display: table;
+  margin: 1rem auto;
+}
+figure figcaption {
+  color: #999;
+  display: block;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #ccc;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+code {
+  background-color: #e8e8e8;
+  border-radius: 3px;
+  padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #ccc;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #ccc;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}
diff --git a/src/assets/tinymce/skins/content/default/content.min.css b/src/assets/tinymce/skins/content/default/content.min.css
new file mode 100644
index 00000000..966b4e9e
--- /dev/null
+++ b/src/assets/tinymce/skins/content/default/content.min.css
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}
+/*# sourceMappingURL=content.min.css.map */
diff --git a/src/assets/tinymce/skins/content/default/content.min.css.map b/src/assets/tinymce/skins/content/default/content.min.css.map
new file mode 100644
index 00000000..9ce0b8c2
--- /dev/null
+++ b/src/assets/tinymce/skins/content/default/content.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["content/default/content.css"],"names":[],"mappings":";;;;;;AAMA,KACE,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,MAAM,CAAE,MAAM,CAAE,SAAS,CAAE,WAAW,CAAE,gBAAgB,CAAE,WAC9H,YAAa,IACb,OAAQ,KAEV,MACE,gBAAiB,SAInB,4BADA,4BAEE,QAAS,MAKX,8DADA,8DAEE,aAAc,IAKhB,8DADA,8DAEE,aAAc,MAKhB,8DADA,8DAEE,aAAc,KAEhB,OACE,QAAS,MACT,OAAQ,KAAK,KAEf,kBACE,MAAO,KACP,QAAS,MACT,WAAY,OACZ,WAAY,OAEd,GACE,aAAc,KACd,aAAc,MACd,aAAc,IAAI,EAAE,EAAE,EAExB,KACE,iBAAkB,QAClB,cAAe,IACf,QAAS,MAAO,MAElB,4CACE,YAAa,IAAI,MAAM,KACvB,YAAa,OACb,aAAc,KAEhB,sCACE,aAAc,IAAI,MAAM,KACxB,aAAc,OACd,cAAe","file":"content.min.css","sourcesContent":["/**\n * Copyright (c) Tiny Technologies, Inc. All rights reserved.\n * Licensed under the LGPL or a commercial license.\n * For LGPL see License.txt in the project root for license information.\n * For commercial licenses see https://www.tiny.cloud/\n */\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n  margin: 1rem;\n}\ntable {\n  border-collapse: collapse;\n}\n/* Apply a default padding if legacy cellpadding attribute is missing */\ntable:not([cellpadding]) th,\ntable:not([cellpadding]) td {\n  padding: 0.4rem;\n}\n/* Set default table styles if a table has a positive border attribute\n   and no inline css */\ntable[border]:not([border=\"0\"]):not([style*=\"border-width\"]) th,\ntable[border]:not([border=\"0\"]):not([style*=\"border-width\"]) td {\n  border-width: 1px;\n}\n/* Set default table styles if a table has a positive border attribute\n   and no inline css */\ntable[border]:not([border=\"0\"]):not([style*=\"border-style\"]) th,\ntable[border]:not([border=\"0\"]):not([style*=\"border-style\"]) td {\n  border-style: solid;\n}\n/* Set default table styles if a table has a positive border attribute\n   and no inline css */\ntable[border]:not([border=\"0\"]):not([style*=\"border-color\"]) th,\ntable[border]:not([border=\"0\"]):not([style*=\"border-color\"]) td {\n  border-color: #ccc;\n}\nfigure {\n  display: table;\n  margin: 1rem auto;\n}\nfigure figcaption {\n  color: #999;\n  display: block;\n  margin-top: 0.25rem;\n  text-align: center;\n}\nhr {\n  border-color: #ccc;\n  border-style: solid;\n  border-width: 1px 0 0 0;\n}\ncode {\n  background-color: #e8e8e8;\n  border-radius: 3px;\n  padding: 0.1rem 0.2rem;\n}\n.mce-content-body:not([dir=rtl]) blockquote {\n  border-left: 2px solid #ccc;\n  margin-left: 1.5rem;\n  padding-left: 1rem;\n}\n.mce-content-body[dir=rtl] blockquote {\n  border-right: 2px solid #ccc;\n  margin-right: 1.5rem;\n  padding-right: 1rem;\n}\n"]}
\ No newline at end of file
diff --git a/src/assets/tinymce/skins/content/document/content.css b/src/assets/tinymce/skins/content/document/content.css
new file mode 100644
index 00000000..75f637a1
--- /dev/null
+++ b/src/assets/tinymce/skins/content/document/content.css
@@ -0,0 +1,72 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+@media screen {
+  html {
+    background: #f4f4f4;
+    min-height: 100%;
+  }
+}
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+@media screen {
+  body {
+    background-color: #fff;
+    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
+    box-sizing: border-box;
+    margin: 1rem auto 0;
+    max-width: 820px;
+    min-height: calc(100vh - 1rem);
+    padding: 4rem 6rem 6rem 6rem;
+  }
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #ccc;
+}
+figure figcaption {
+  color: #999;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #ccc;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #ccc;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #ccc;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}
diff --git a/src/assets/tinymce/skins/content/document/content.min.css b/src/assets/tinymce/skins/content/document/content.min.css
new file mode 100644
index 00000000..141f40a1
--- /dev/null
+++ b/src/assets/tinymce/skins/content/document/content.min.css
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+@media screen{html{background:#f4f4f4;min-height:100%}}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}@media screen{body{background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.15);box-sizing:border-box;margin:1rem auto 0;max-width:820px;min-height:calc(100vh - 1rem);padding:4rem 6rem 6rem 6rem}}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure figcaption{color:#999;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}
+/*# sourceMappingURL=content.min.css.map */
diff --git a/src/assets/tinymce/skins/content/document/content.min.css.map b/src/assets/tinymce/skins/content/document/content.min.css.map
new file mode 100644
index 00000000..770fa5bb
--- /dev/null
+++ b/src/assets/tinymce/skins/content/document/content.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["content/document/content.css"],"names":[],"mappings":";;;;;;AAMA,cACE,KACE,WAAY,QACZ,WAAY,MAGhB,KACE,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,MAAM,CAAE,MAAM,CAAE,SAAS,CAAE,WAAW,CAAE,gBAAgB,CAAE,WAEhI,cACE,KACE,iBAAkB,KAClB,WAAY,EAAE,EAAE,IAAI,gBACpB,WAAY,WACZ,OAAQ,KAAK,KAAK,EAClB,UAAW,MACX,WAAY,mBACZ,QAAS,KAAK,KAAK,KAAK,MAG5B,MACE,gBAAiB,SAInB,4BADA,4BAEE,QAAS,MAKX,8DADA,8DAEE,aAAc,IAKhB,8DADA,8DAEE,aAAc,MAKhB,8DADA,8DAEE,aAAc,KAEhB,kBACE,MAAO,KACP,WAAY,OACZ,WAAY,OAEd,GACE,aAAc,KACd,aAAc,MACd,aAAc,IAAI,EAAE,EAAE,EAExB,4CACE,YAAa,IAAI,MAAM,KACvB,YAAa,OACb,aAAc,KAEhB,sCACE,aAAc,IAAI,MAAM,KACxB,aAAc,OACd,cAAe","file":"content.min.css","sourcesContent":["/**\n * Copyright (c) Tiny Technologies, Inc. All rights reserved.\n * Licensed under the LGPL or a commercial license.\n * For LGPL see License.txt in the project root for license information.\n * For commercial licenses see https://www.tiny.cloud/\n */\n@media screen {\n  html {\n    background: #f4f4f4;\n    min-height: 100%;\n  }\n}\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n}\n@media screen {\n  body {\n    background-color: #fff;\n    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);\n    box-sizing: border-box;\n    margin: 1rem auto 0;\n    max-width: 820px;\n    min-height: calc(100vh - 1rem);\n    padding: 4rem 6rem 6rem 6rem;\n  }\n}\ntable {\n  border-collapse: collapse;\n}\n/* Apply a default padding if legacy cellpadding attribute is missing */\ntable:not([cellpadding]) th,\ntable:not([cellpadding]) td {\n  padding: 0.4rem;\n}\n/* Set default table styles if a table has a positive border attribute\n   and no inline css */\ntable[border]:not([border=\"0\"]):not([style*=\"border-width\"]) th,\ntable[border]:not([border=\"0\"]):not([style*=\"border-width\"]) td {\n  border-width: 1px;\n}\n/* Set default table styles if a table has a positive border attribute\n   and no inline css */\ntable[border]:not([border=\"0\"]):not([style*=\"border-style\"]) th,\ntable[border]:not([border=\"0\"]):not([style*=\"border-style\"]) td {\n  border-style: solid;\n}\n/* Set default table styles if a table has a positive border attribute\n   and no inline css */\ntable[border]:not([border=\"0\"]):not([style*=\"border-color\"]) th,\ntable[border]:not([border=\"0\"]):not([style*=\"border-color\"]) td {\n  border-color: #ccc;\n}\nfigure figcaption {\n  color: #999;\n  margin-top: 0.25rem;\n  text-align: center;\n}\nhr {\n  border-color: #ccc;\n  border-style: solid;\n  border-width: 1px 0 0 0;\n}\n.mce-content-body:not([dir=rtl]) blockquote {\n  border-left: 2px solid #ccc;\n  margin-left: 1.5rem;\n  padding-left: 1rem;\n}\n.mce-content-body[dir=rtl] blockquote {\n  border-right: 2px solid #ccc;\n  margin-right: 1.5rem;\n  padding-right: 1rem;\n}\n"]}
\ No newline at end of file
diff --git a/src/assets/tinymce/skins/content/writer/content.css b/src/assets/tinymce/skins/content/writer/content.css
new file mode 100644
index 00000000..ceee3599
--- /dev/null
+++ b/src/assets/tinymce/skins/content/writer/content.css
@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  line-height: 1.4;
+  margin: 1rem auto;
+  max-width: 900px;
+}
+table {
+  border-collapse: collapse;
+}
+/* Apply a default padding if legacy cellpadding attribute is missing */
+table:not([cellpadding]) th,
+table:not([cellpadding]) td {
+  padding: 0.4rem;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-width"]) th,
+table[border]:not([border="0"]):not([style*="border-width"]) td {
+  border-width: 1px;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-style"]) th,
+table[border]:not([border="0"]):not([style*="border-style"]) td {
+  border-style: solid;
+}
+/* Set default table styles if a table has a positive border attribute
+   and no inline css */
+table[border]:not([border="0"]):not([style*="border-color"]) th,
+table[border]:not([border="0"]):not([style*="border-color"]) td {
+  border-color: #ccc;
+}
+figure {
+  display: table;
+  margin: 1rem auto;
+}
+figure figcaption {
+  color: #999;
+  display: block;
+  margin-top: 0.25rem;
+  text-align: center;
+}
+hr {
+  border-color: #ccc;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+}
+code {
+  background-color: #e8e8e8;
+  border-radius: 3px;
+  padding: 0.1rem 0.2rem;
+}
+.mce-content-body:not([dir=rtl]) blockquote {
+  border-left: 2px solid #ccc;
+  margin-left: 1.5rem;
+  padding-left: 1rem;
+}
+.mce-content-body[dir=rtl] blockquote {
+  border-right: 2px solid #ccc;
+  margin-right: 1.5rem;
+  padding-right: 1rem;
+}
diff --git a/src/assets/tinymce/skins/content/writer/content.min.css b/src/assets/tinymce/skins/content/writer/content.min.css
new file mode 100644
index 00000000..0d6b3eca
--- /dev/null
+++ b/src/assets/tinymce/skins/content/writer/content.min.css
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;line-height:1.4;margin:1rem auto;max-width:900px}table{border-collapse:collapse}table:not([cellpadding]) td,table:not([cellpadding]) th{padding:.4rem}table[border]:not([border="0"]):not([style*=border-width]) td,table[border]:not([border="0"]):not([style*=border-width]) th{border-width:1px}table[border]:not([border="0"]):not([style*=border-style]) td,table[border]:not([border="0"]):not([style*=border-style]) th{border-style:solid}table[border]:not([border="0"]):not([style*=border-color]) td,table[border]:not([border="0"]):not([style*=border-color]) th{border-color:#ccc}figure{display:table;margin:1rem auto}figure figcaption{color:#999;display:block;margin-top:.25rem;text-align:center}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0 0}code{background-color:#e8e8e8;border-radius:3px;padding:.1rem .2rem}.mce-content-body:not([dir=rtl]) blockquote{border-left:2px solid #ccc;margin-left:1.5rem;padding-left:1rem}.mce-content-body[dir=rtl] blockquote{border-right:2px solid #ccc;margin-right:1.5rem;padding-right:1rem}
+/*# sourceMappingURL=content.min.css.map */
diff --git a/src/assets/tinymce/skins/content/writer/content.min.css.map b/src/assets/tinymce/skins/content/writer/content.min.css.map
new file mode 100644
index 00000000..e7ee0287
--- /dev/null
+++ b/src/assets/tinymce/skins/content/writer/content.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["content/writer/content.css"],"names":[],"mappings":";;;;;;AAMA,KACE,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,MAAM,CAAE,MAAM,CAAE,SAAS,CAAE,WAAW,CAAE,gBAAgB,CAAE,WAC9H,YAAa,IACb,OAAQ,KAAK,KACb,UAAW,MAEb,MACE,gBAAiB,SAInB,4BADA,4BAEE,QAAS,MAKX,8DADA,8DAEE,aAAc,IAKhB,8DADA,8DAEE,aAAc,MAKhB,8DADA,8DAEE,aAAc,KAEhB,OACE,QAAS,MACT,OAAQ,KAAK,KAEf,kBACE,MAAO,KACP,QAAS,MACT,WAAY,OACZ,WAAY,OAEd,GACE,aAAc,KACd,aAAc,MACd,aAAc,IAAI,EAAE,EAAE,EAExB,KACE,iBAAkB,QAClB,cAAe,IACf,QAAS,MAAO,MAElB,4CACE,YAAa,IAAI,MAAM,KACvB,YAAa,OACb,aAAc,KAEhB,sCACE,aAAc,IAAI,MAAM,KACxB,aAAc,OACd,cAAe","file":"content.min.css","sourcesContent":["/**\n * Copyright (c) Tiny Technologies, Inc. All rights reserved.\n * Licensed under the LGPL or a commercial license.\n * For LGPL see License.txt in the project root for license information.\n * For commercial licenses see https://www.tiny.cloud/\n */\nbody {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  line-height: 1.4;\n  margin: 1rem auto;\n  max-width: 900px;\n}\ntable {\n  border-collapse: collapse;\n}\n/* Apply a default padding if legacy cellpadding attribute is missing */\ntable:not([cellpadding]) th,\ntable:not([cellpadding]) td {\n  padding: 0.4rem;\n}\n/* Set default table styles if a table has a positive border attribute\n   and no inline css */\ntable[border]:not([border=\"0\"]):not([style*=\"border-width\"]) th,\ntable[border]:not([border=\"0\"]):not([style*=\"border-width\"]) td {\n  border-width: 1px;\n}\n/* Set default table styles if a table has a positive border attribute\n   and no inline css */\ntable[border]:not([border=\"0\"]):not([style*=\"border-style\"]) th,\ntable[border]:not([border=\"0\"]):not([style*=\"border-style\"]) td {\n  border-style: solid;\n}\n/* Set default table styles if a table has a positive border attribute\n   and no inline css */\ntable[border]:not([border=\"0\"]):not([style*=\"border-color\"]) th,\ntable[border]:not([border=\"0\"]):not([style*=\"border-color\"]) td {\n  border-color: #ccc;\n}\nfigure {\n  display: table;\n  margin: 1rem auto;\n}\nfigure figcaption {\n  color: #999;\n  display: block;\n  margin-top: 0.25rem;\n  text-align: center;\n}\nhr {\n  border-color: #ccc;\n  border-style: solid;\n  border-width: 1px 0 0 0;\n}\ncode {\n  background-color: #e8e8e8;\n  border-radius: 3px;\n  padding: 0.1rem 0.2rem;\n}\n.mce-content-body:not([dir=rtl]) blockquote {\n  border-left: 2px solid #ccc;\n  margin-left: 1.5rem;\n  padding-left: 1rem;\n}\n.mce-content-body[dir=rtl] blockquote {\n  border-right: 2px solid #ccc;\n  margin-right: 1.5rem;\n  padding-right: 1rem;\n}\n"]}
\ No newline at end of file
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/content.css b/src/assets/tinymce/skins/ui/oxide-dark/content.css
new file mode 100644
index 00000000..33229047
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/content.css
@@ -0,0 +1,710 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  -moz-user-select: all;
+  -ms-user-select: all;
+      user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment {
+  background-color: #fff0b7;
+}
+.tox-comments-visible .tox-comment--active {
+  background-color: #ffe168;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * Dracula Theme originally by Zeno Rocha [@zenorocha]
+ * https://draculatheme.com/
+ *
+ * Ported for PrismJS by Albert Vallverdu [@byverdu]
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: #f8f8f2;
+  background: none;
+  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  -moz-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+  border-radius: 0.3em;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #282a36;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: #6272a4;
+}
+.token.punctuation {
+  color: #f8f8f2;
+}
+.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #ff79c6;
+}
+.token.boolean,
+.token.number {
+  color: #bd93f9;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #50fa7b;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+  color: #f8f8f2;
+}
+.token.atrule,
+.token.attr-value,
+.token.function,
+.token.class-name {
+  color: #f1fa8c;
+}
+.token.keyword {
+  color: #8be9fd;
+}
+.token.regex,
+.token.important {
+  color: #ffb86c;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 10000;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-clonedresizable {
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0, 0, 0, 0.75);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10001;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::-moz-selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected] {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #4099ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #4099ff;
+}
+.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
+.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
+  outline: none;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #4099ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #4099ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid transparent;
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: lighten;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .mce-content-body td[data-mce-selected]::after,
+  .mce-content-body th[data-mce-selected]::after {
+    border-color: rgba(0, 84, 180, 0.7);
+  }
+}
+.mce-content-body img::-moz-selection {
+  background: none;
+}
+.mce-content-body img::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #4099ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc li {
+  list-style-type: none;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+body {
+  font-family: sans-serif;
+}
+table {
+  border-collapse: collapse;
+}
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/content.inline.css b/src/assets/tinymce/skins/ui/oxide-dark/content.inline.css
new file mode 100644
index 00000000..280d6fc7
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/content.inline.css
@@ -0,0 +1,722 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  -moz-user-select: all;
+  -ms-user-select: all;
+      user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment {
+  background-color: #fff0b7;
+}
+.tox-comments-visible .tox-comment--active {
+  background-color: #ffe168;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  -moz-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+.token.punctuation {
+  color: #999;
+}
+.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 10000;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-clonedresizable {
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0, 0, 0, 0.75);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10001;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::-moz-selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
+.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
+  outline: none;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid rgba(180, 215, 255, 0.7);
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: multiply;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .mce-content-body td[data-mce-selected]::after,
+  .mce-content-body th[data-mce-selected]::after {
+    border-color: rgba(0, 84, 180, 0.7);
+  }
+}
+.mce-content-body img::-moz-selection {
+  background: none;
+}
+.mce-content-body img::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #b4d7ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc li {
+  list-style-type: none;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/content.inline.min.css b/src/assets/tinymce/skins/ui/oxide-dark/content.inline.min.css
new file mode 100644
index 00000000..7d88c3f7
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/content.inline.min.css
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment{background-color:#fff0b7}.tox-comments-visible .tox-comment--active{background-color:#ffe168}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px 0 2px;position:relative}.mce-preview-object .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:10000}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:nth-of-type(1){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-clonedresizable{opacity:.5;outline:1px dashed #000;position:absolute;z-index:10000}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0,0,0,.75);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10001}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::-moz-selection{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body.mce-content-readonly [contentEditable=true]:focus,.mce-content-body.mce-content-readonly [contentEditable=true]:hover{outline:0}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::-moz-selection,.mce-content-body th[data-mce-selected]::-moz-selection{background:0 0}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{border-color:rgba(0,84,180,.7)}}.mce-content-body img::-moz-selection{background:0 0}.mce-content-body img::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc li{list-style-type:none}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}
+/*# sourceMappingURL=content.inline.min.css.map */
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/content.inline.min.css.map b/src/assets/tinymce/skins/ui/oxide-dark/content.inline.min.css.map
new file mode 100644
index 00000000..2ea6806f
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/content.inline.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["ui/dark/content.inline.css"],"names":[],"mappings":";;;;;;AAMA,mCACE,WAAY,YAAY,sNAAsN,UAAU,OACxP,OAAQ,QACR,QAAS,aACT,OAAQ,eACR,QAAS,EAAE,IACX,oBAAqB,UACrB,iBAAkB,UAClB,oBAAqB,IACrB,iBAAkB,IAClB,gBAAiB,IACb,YAAa,IACjB,MAAO,cAET,sDACE,eAAgB,IAElB,mCACE,iBAAkB,QAEpB,2CACE,iBAAkB,QAEpB,8CACE,WAAY,KACZ,OAAQ,MAAO,EAEjB,sDACE,QAAS,gdACT,OAAQ,QACR,OAAQ,IACR,YAAa,OACb,WAAY,OACZ,SAAU,SACV,MAAO,IAET,6EACE,QAAS,shCAEX,gEACE,YAAa,EACb,aAAc,OAShB,uBACA,sBACE,MAAO,KACP,WAAY,IACZ,YAAa,EAAE,IAAI,KACnB,YAAa,QAAQ,CAAE,MAAM,CAAE,aAAa,CAAE,aAAa,CAAE,UAC7D,UAAW,IACX,WAAY,KACZ,YAAa,IACb,aAAc,OACd,WAAY,OACZ,UAAW,OACX,YAAa,IACb,cAAe,EACf,SAAU,EACV,gBAAiB,KACjB,YAAa,KACb,QAAS,KAKX,wCADA,uCADA,uCADA,sCAIE,YAAa,KACb,WAAY,QAKd,mCADA,kCADA,kCADA,iCAIE,YAAa,KACb,WAAY,QAEd,aACE,uBACA,sBACE,YAAa,MAIjB,sBACE,QAAS,IACT,OAAQ,KAAM,EACd,SAAU,KAEZ,iCACA,sBACE,WAAY,QAGd,iCACE,QAAS,KACT,cAAe,KACf,YAAa,OAKf,aAHA,eAEA,eADA,cAGE,MAAO,QAET,mBACE,MAAO,KAET,WACE,QAAS,GAIX,eAEA,gBAEA,eAHA,cAHA,gBAKA,cAJA,WAME,MAAO,KAGT,iBAGA,eADA,YAEA,gBALA,gBAEA,cAIE,MAAO,KAKT,4BACA,qBAHA,cADA,gBAEA,WAGE,MAAO,QACP,WAAY,mBAEd,cACA,kBACA,eACE,MAAO,KAGT,kBADA,gBAEE,MAAO,QAGT,iBADA,aAEA,gBACE,MAAO,KAGT,YADA,iBAEE,YAAa,IAEf,cACE,WAAY,OAEd,cACE,OAAQ,KAGV,kBACE,cAAe,WACf,UAAW,WAEb,oCACE,iBAAkB,KAClB,iBAAkB,aAClB,SAAU,SAEZ,2CACE,QAAS,KAEX,mCACE,KAAM,QACN,OAAQ,EACR,QAAS,EACT,SAAU,SACV,MAAO,KACP,IAAK,EAEP,2CACE,KAAM,WACN,UAAW,UACX,SAAU,SAEZ,0CACE,OAAQ,QAEV,yCACE,OAAQ,KAEV,2BACE,OAAQ,qkCAAqkC,CAAE,QAEjlC,oCACE,MAAO,KAET,qCACE,MAAO,MAET,4CACE,QAAS,MACT,YAAa,KACb,aAAc,KAEhB,oBACE,OAAQ,IAAI,MAAM,KAClB,QAAS,aACT,YAAa,EACb,OAAQ,EAAE,IAAI,EAAE,IAChB,SAAU,SAEZ,8BACE,WAAY,oFACZ,OAAQ,KACR,KAAM,EACN,SAAU,SACV,IAAK,EACL,MAAO,KAET,qDACE,QAAS,KAEX,YACE,WAAY,YAAY,0bAA0b,UAAU,OAC5d,OAAQ,IAAI,OAAO,KAErB,eACE,OAAQ,IAAI,OAAO,KACnB,OAAQ,QACR,QAAS,MACT,OAAQ,IACR,WAAY,KACZ,kBAAmB,OACnB,MAAO,KAET,aACE,eACE,OAAQ,GAGZ,0BACE,WAAY,oFACZ,OAAQ,KACR,KAAM,EACN,SAAU,SACV,IAAK,EACL,MAAO,KAET,iDACE,QAAS,KAEX,gBACE,QAAS,aACT,SAAU,SAGZ,uBAEA,sBAHA,uBAEA,sBAEE,QAAS,MACT,SAAU,OACV,QAAS,EACT,SAAU,SACV,MAAO,KAET,uBACE,YAAa,WAEf,uBACE,YAAa,OAEf,sBACE,YAAa,IAEf,sBACE,YAAa,KAGf,8BAEA,6BAHA,8BAEA,6BAEE,OAAQ,EACR,OAAQ,KACR,KAAM,EACN,SAAU,SACV,IAAK,EACL,MAAO,KAET,wCACE,SAAU,SAEZ,uEACE,MAAO,kBACP,QAAS,2BACT,SAAU,SAEZ,sFACE,KAAM,IAER,gFACE,MAAO,IAET,uCACE,iBAAkB,QAClB,aAAc,QACd,aAAc,MACd,aAAc,IACd,WAAY,WACZ,OAAQ,KACR,SAAU,SACV,MAAO,KACP,QAAS,MAEX,6CACE,iBAAkB,QAEpB,sDACE,OAAQ,YAEV,sDACE,OAAQ,YAEV,sDACE,OAAQ,YAEV,sDACE,OAAQ,YAEV,uCACE,QAAS,GACT,QAAS,IAAI,OAAO,KACpB,SAAU,SACV,QAAS,MAGX,kEADA,kEAEE,OAAQ,EAEV,qCACE,WAAY,KACZ,WAAY,gBACZ,OAAQ,IACR,cAAe,IACf,MAAO,KACP,QAAS,KACT,YAAa,WACb,UAAW,KACX,YAAa,KACb,OAAQ,IAAI,KACZ,QAAS,IACT,SAAU,SACV,YAAa,OACb,QAAS,MAEX,wBACE,SAAU,SAEZ,qBACE,OAAQ,EACR,OAAQ,QACR,SAAU,SACV,IAAK,EACL,MAAO,IAET,6BACE,iBAAkB,QAClB,cAAe,IACf,QAAS,GACT,QAAS,MACT,OAAQ,IACR,SAAU,SACV,MAAO,KACP,IAAK,KACL,MAAO,IAET,kCACE,iBAAkB,QAClB,cAAe,MACf,WAAY,WACZ,MAAO,KACP,QAAS,gBACT,QAAS,MACT,UAAW,KACX,YAAa,IACb,KAAM,KACN,WAAY,IACZ,UAAW,IACX,QAAS,EAAE,KACX,SAAU,SACV,IAAK,MACL,YAAa,OACb,QAAS,KAEX,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,sBACE,WAAY,QAAQ,ymCAAymC,UAAU,OAAO,OAC9oC,OAAQ,IAAI,MAAM,KAClB,WAAY,MACZ,UAAW,MAEb,kBACE,WAAY,KACZ,MAAO,KAET,2BACE,WAAY,KACZ,MAAO,KAET,2CACE,WAAY,KACZ,MAAO,KAET,sCACE,WAAY,KACZ,MAAO,KAIT,2CAEA,2CAJA,yCAGA,4CAEA,2CAJA,2CAKE,QAAS,IAAI,MAAM,QAErB,wCACE,QAAS,IAAI,MAAM,QACnB,eAAgB,IAElB,uEACE,QAAS,IAAI,MAAM,QAErB,uEACE,QAAS,IAAI,MAAM,QAErB,6DACE,OAAQ,YACR,QAAS,IAAI,MAAM,QAErB,oEACA,oEACE,QAAS,EAEX,sDACE,iBAAkB,QAEpB,kCACE,QAAS,IAAI,MAAM,QAErB,wCACA,wCACE,SAAU,SAEZ,wDACA,wDACE,WAAY,IAEd,mDACA,mDACE,WAAY,IAEd,0CACA,0CACE,QAAS,EACT,sBAAuB,KACvB,oBAAqB,KAClB,iBAAkB,KACjB,gBAAiB,KACb,YAAa,KAEvB,+CACA,+CACE,iBAAkB,qBAClB,OAAQ,IAAI,MAAM,qBAClB,OAAQ,KACR,QAAS,GACT,KAAM,KACN,eAAgB,SAChB,SAAU,SACV,MAAO,KACP,IAAK,KAEP,6CAA+C,yBAC7C,+CACA,+CACE,aAAc,mBAGlB,sCACE,WAAY,IAEd,iCACE,WAAY,IAEd,2BACE,iBAAkB,QAClB,QAAS,EACT,oBAAqB,KACrB,iBAAkB,KAClB,gBAAiB,KACjB,YAAa,KAEf,4BACE,OAAQ,WAEV,4BACE,OAAQ,WAEV,8DACE,QAAS,EAEX,uBACE,iBAAkB,oRAClB,oBAAqB,EAAE,iBACvB,kBAAmB,SACnB,gBAAiB,KAAK,IACtB,OAAQ,QACR,OAAQ,KAEV,0BACE,iBAAkB,2PAClB,oBAAqB,EAAE,iBACvB,kBAAmB,SACnB,gBAAiB,KAAK,IACtB,OAAQ,QAEV,SACE,OAAQ,IAAI,MAAM,KAEpB,YACE,OAAQ,IAEV,YACE,gBAAiB,KAGnB,8BASA,sCANA,iCAGA,iCALA,4BASA,oCANA,+BAGA,+BARA,kCASA,0CANA,qCAGA,qCAME,OAAQ,IAAI,OAAO,KAarB,0BAFA,0BAOA,wBANA,6BAHA,4CAYA,qBALA,6BADA,yBAZA,qBACA,qBACA,qBACA,qBACA,qBACA,qBASA,yBAGA,qBAlBA,oBAYA,sBAJA,0BASA,qBAGE,kBAAmB,UACnB,OAAQ,IAAI,OAAO,KACnB,YAAa,IACb,YAAa,KAEf,oBACE,iBAAkB,gHAEpB,qBACE,iBAAkB,oHAEpB,qBACE,iBAAkB,wHAEpB,qBACE,iBAAkB,oHAEpB,qBACE,iBAAkB,wHAEpB,qBACE,iBAAkB,wHAEpB,qBACE,iBAAkB,wHAEpB,4CACE,iBAAkB,4HAEpB,0BACE,iBAAkB,gKAEpB,0BACE,iBAAkB,gKAEpB,6BACE,iBAAkB,4LAEpB,0BACE,iBAAkB,wKAEpB,sBACE,iBAAkB,oIAEpB,yBACE,iBAAkB,wJAEpB,6BACE,OAAQ,IAAI,OAAO,KAErB,yBACE,iBAAkB,4JAEpB,wBACE,iBAAkB,gJAEpB,qBACE,iBAAkB,oHAEpB,qBACE,iBAAkB,oHAEpB,qBACE,iBAAkB,oHAapB,yCAFA,yCAOA,uCANA,4CAHA,2DAYA,oCALA,4CADA,wCAZA,oCACA,oCACA,oCACA,oCACA,oCACA,oCASA,wCAGA,oCAlBA,mCAYA,qCAJA,yCASA,oCAGE,YAAa,IAaf,mCAFA,mCAOA,iCANA,sCAHA,qDAYA,8BALA,sCADA,kCAZA,8BACA,8BACA,8BACA,8BACA,8BACA,8BASA,kCAGA,8BAlBA,6BAYA,+BAJA,mCASA,8BAGE,sBAAuB,MACvB,aAAc,IAEhB,UACA,SACE,WAAY,KAEd,gBACE,QAAS","file":"content.inline.min.css","sourcesContent":["/**\n * Copyright (c) Tiny Technologies, Inc. All rights reserved.\n * Licensed under the LGPL or a commercial license.\n * For LGPL see License.txt in the project root for license information.\n * For commercial licenses see https://www.tiny.cloud/\n */\n.mce-content-body .mce-item-anchor {\n  background: transparent url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A\") no-repeat center;\n  cursor: default;\n  display: inline-block;\n  height: 12px !important;\n  padding: 0 2px;\n  -webkit-user-modify: read-only;\n  -moz-user-modify: read-only;\n  -webkit-user-select: all;\n  -moz-user-select: all;\n  -ms-user-select: all;\n      user-select: all;\n  width: 8px !important;\n}\n.mce-content-body .mce-item-anchor[data-mce-selected] {\n  outline-offset: 1px;\n}\n.tox-comments-visible .tox-comment {\n  background-color: #fff0b7;\n}\n.tox-comments-visible .tox-comment--active {\n  background-color: #ffe168;\n}\n.tox-checklist > li:not(.tox-checklist--hidden) {\n  list-style: none;\n  margin: 0.25em 0;\n}\n.tox-checklist > li:not(.tox-checklist--hidden)::before {\n  content: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A\");\n  cursor: pointer;\n  height: 1em;\n  margin-left: -1.5em;\n  margin-top: 0.125em;\n  position: absolute;\n  width: 1em;\n}\n.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {\n  content: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A\");\n}\n[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {\n  margin-left: 0;\n  margin-right: -1.5em;\n}\n/* stylelint-disable */\n/* http://prismjs.com/ */\n/**\n * prism.js default theme for JavaScript, CSS and HTML\n * Based on dabblet (http://dabblet.com)\n * @author Lea Verou\n */\ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n  color: black;\n  background: none;\n  text-shadow: 0 1px white;\n  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n  font-size: 1em;\n  text-align: left;\n  white-space: pre;\n  word-spacing: normal;\n  word-break: normal;\n  word-wrap: normal;\n  line-height: 1.5;\n  -moz-tab-size: 4;\n  tab-size: 4;\n  -webkit-hyphens: none;\n  -ms-hyphens: none;\n  hyphens: none;\n}\npre[class*=\"language-\"]::-moz-selection,\npre[class*=\"language-\"] ::-moz-selection,\ncode[class*=\"language-\"]::-moz-selection,\ncode[class*=\"language-\"] ::-moz-selection {\n  text-shadow: none;\n  background: #b3d4fc;\n}\npre[class*=\"language-\"]::selection,\npre[class*=\"language-\"] ::selection,\ncode[class*=\"language-\"]::selection,\ncode[class*=\"language-\"] ::selection {\n  text-shadow: none;\n  background: #b3d4fc;\n}\n@media print {\n  code[class*=\"language-\"],\n  pre[class*=\"language-\"] {\n    text-shadow: none;\n  }\n}\n/* Code blocks */\npre[class*=\"language-\"] {\n  padding: 1em;\n  margin: 0.5em 0;\n  overflow: auto;\n}\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n  background: #f5f2f0;\n}\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n  padding: 0.1em;\n  border-radius: 0.3em;\n  white-space: normal;\n}\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n  color: slategray;\n}\n.token.punctuation {\n  color: #999;\n}\n.namespace {\n  opacity: 0.7;\n}\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n  color: #905;\n}\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.inserted {\n  color: #690;\n}\n.token.operator,\n.token.entity,\n.token.url,\n.language-css .token.string,\n.style .token.string {\n  color: #9a6e3a;\n  background: hsla(0, 0%, 100%, 0.5);\n}\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n  color: #07a;\n}\n.token.function,\n.token.class-name {\n  color: #DD4A68;\n}\n.token.regex,\n.token.important,\n.token.variable {\n  color: #e90;\n}\n.token.important,\n.token.bold {\n  font-weight: bold;\n}\n.token.italic {\n  font-style: italic;\n}\n.token.entity {\n  cursor: help;\n}\n/* stylelint-enable */\n.mce-content-body {\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n}\n.mce-content-body .mce-visual-caret {\n  background-color: black;\n  background-color: currentColor;\n  position: absolute;\n}\n.mce-content-body .mce-visual-caret-hidden {\n  display: none;\n}\n.mce-content-body *[data-mce-caret] {\n  left: -1000px;\n  margin: 0;\n  padding: 0;\n  position: absolute;\n  right: auto;\n  top: 0;\n}\n.mce-content-body .mce-offscreen-selection {\n  left: -2000000px;\n  max-width: 1000000px;\n  position: absolute;\n}\n.mce-content-body *[contentEditable=false] {\n  cursor: default;\n}\n.mce-content-body *[contentEditable=true] {\n  cursor: text;\n}\n.tox-cursor-format-painter {\n  cursor: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A\"), default;\n}\n.mce-content-body figure.align-left {\n  float: left;\n}\n.mce-content-body figure.align-right {\n  float: right;\n}\n.mce-content-body figure.image.align-center {\n  display: table;\n  margin-left: auto;\n  margin-right: auto;\n}\n.mce-preview-object {\n  border: 1px solid gray;\n  display: inline-block;\n  line-height: 0;\n  margin: 0 2px 0 2px;\n  position: relative;\n}\n.mce-preview-object .mce-shim {\n  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.mce-preview-object[data-mce-selected=\"2\"] .mce-shim {\n  display: none;\n}\n.mce-object {\n  background: transparent url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A\") no-repeat center;\n  border: 1px dashed #aaa;\n}\n.mce-pagebreak {\n  border: 1px dashed #aaa;\n  cursor: default;\n  display: block;\n  height: 5px;\n  margin-top: 15px;\n  page-break-before: always;\n  width: 100%;\n}\n@media print {\n  .mce-pagebreak {\n    border: 0;\n  }\n}\n.tiny-pageembed .mce-shim {\n  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.tiny-pageembed[data-mce-selected=\"2\"] .mce-shim {\n  display: none;\n}\n.tiny-pageembed {\n  display: inline-block;\n  position: relative;\n}\n.tiny-pageembed--21by9,\n.tiny-pageembed--16by9,\n.tiny-pageembed--4by3,\n.tiny-pageembed--1by1 {\n  display: block;\n  overflow: hidden;\n  padding: 0;\n  position: relative;\n  width: 100%;\n}\n.tiny-pageembed--21by9 {\n  padding-top: 42.857143%;\n}\n.tiny-pageembed--16by9 {\n  padding-top: 56.25%;\n}\n.tiny-pageembed--4by3 {\n  padding-top: 75%;\n}\n.tiny-pageembed--1by1 {\n  padding-top: 100%;\n}\n.tiny-pageembed--21by9 iframe,\n.tiny-pageembed--16by9 iframe,\n.tiny-pageembed--4by3 iframe,\n.tiny-pageembed--1by1 iframe {\n  border: 0;\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.mce-content-body[data-mce-placeholder] {\n  position: relative;\n}\n.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {\n  color: rgba(34, 47, 62, 0.7);\n  content: attr(data-mce-placeholder);\n  position: absolute;\n}\n.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {\n  left: 1px;\n}\n.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {\n  right: 1px;\n}\n.mce-content-body div.mce-resizehandle {\n  background-color: #4099ff;\n  border-color: #4099ff;\n  border-style: solid;\n  border-width: 1px;\n  box-sizing: border-box;\n  height: 10px;\n  position: absolute;\n  width: 10px;\n  z-index: 10000;\n}\n.mce-content-body div.mce-resizehandle:hover {\n  background-color: #4099ff;\n}\n.mce-content-body div.mce-resizehandle:nth-of-type(1) {\n  cursor: nwse-resize;\n}\n.mce-content-body div.mce-resizehandle:nth-of-type(2) {\n  cursor: nesw-resize;\n}\n.mce-content-body div.mce-resizehandle:nth-of-type(3) {\n  cursor: nwse-resize;\n}\n.mce-content-body div.mce-resizehandle:nth-of-type(4) {\n  cursor: nesw-resize;\n}\n.mce-content-body .mce-clonedresizable {\n  opacity: 0.5;\n  outline: 1px dashed black;\n  position: absolute;\n  z-index: 10000;\n}\n.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,\n.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {\n  border: 0;\n}\n.mce-content-body .mce-resize-helper {\n  background: #555;\n  background: rgba(0, 0, 0, 0.75);\n  border: 1px;\n  border-radius: 3px;\n  color: white;\n  display: none;\n  font-family: sans-serif;\n  font-size: 12px;\n  line-height: 14px;\n  margin: 5px 10px;\n  padding: 5px;\n  position: absolute;\n  white-space: nowrap;\n  z-index: 10001;\n}\n.tox-rtc-user-selection {\n  position: relative;\n}\n.tox-rtc-user-cursor {\n  bottom: 0;\n  cursor: default;\n  position: absolute;\n  top: 0;\n  width: 2px;\n}\n.tox-rtc-user-cursor::before {\n  background-color: inherit;\n  border-radius: 50%;\n  content: '';\n  display: block;\n  height: 8px;\n  position: absolute;\n  right: -3px;\n  top: -3px;\n  width: 8px;\n}\n.tox-rtc-user-cursor:hover::after {\n  background-color: inherit;\n  border-radius: 100px;\n  box-sizing: border-box;\n  color: #fff;\n  content: attr(data-user);\n  display: block;\n  font-size: 12px;\n  font-weight: bold;\n  left: -5px;\n  min-height: 8px;\n  min-width: 8px;\n  padding: 0 12px;\n  position: absolute;\n  top: -11px;\n  white-space: nowrap;\n  z-index: 1000;\n}\n.tox-rtc-user-selection--1 .tox-rtc-user-cursor {\n  background-color: #2dc26b;\n}\n.tox-rtc-user-selection--2 .tox-rtc-user-cursor {\n  background-color: #e03e2d;\n}\n.tox-rtc-user-selection--3 .tox-rtc-user-cursor {\n  background-color: #f1c40f;\n}\n.tox-rtc-user-selection--4 .tox-rtc-user-cursor {\n  background-color: #3598db;\n}\n.tox-rtc-user-selection--5 .tox-rtc-user-cursor {\n  background-color: #b96ad9;\n}\n.tox-rtc-user-selection--6 .tox-rtc-user-cursor {\n  background-color: #e67e23;\n}\n.tox-rtc-user-selection--7 .tox-rtc-user-cursor {\n  background-color: #aaa69d;\n}\n.tox-rtc-user-selection--8 .tox-rtc-user-cursor {\n  background-color: #f368e0;\n}\n.tox-rtc-remote-image {\n  background: #eaeaea url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A\") no-repeat center center;\n  border: 1px solid #ccc;\n  min-height: 240px;\n  min-width: 320px;\n}\n.mce-match-marker {\n  background: #aaa;\n  color: #fff;\n}\n.mce-match-marker-selected {\n  background: #39f;\n  color: #fff;\n}\n.mce-match-marker-selected::-moz-selection {\n  background: #39f;\n  color: #fff;\n}\n.mce-match-marker-selected::selection {\n  background: #39f;\n  color: #fff;\n}\n.mce-content-body img[data-mce-selected],\n.mce-content-body video[data-mce-selected],\n.mce-content-body audio[data-mce-selected],\n.mce-content-body object[data-mce-selected],\n.mce-content-body embed[data-mce-selected],\n.mce-content-body table[data-mce-selected] {\n  outline: 3px solid #b4d7ff;\n}\n.mce-content-body hr[data-mce-selected] {\n  outline: 3px solid #b4d7ff;\n  outline-offset: 1px;\n}\n.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {\n  outline: 3px solid #b4d7ff;\n}\n.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {\n  outline: 3px solid #b4d7ff;\n}\n.mce-content-body *[contentEditable=false][data-mce-selected] {\n  cursor: not-allowed;\n  outline: 3px solid #b4d7ff;\n}\n.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,\n.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {\n  outline: none;\n}\n.mce-content-body *[data-mce-selected=\"inline-boundary\"] {\n  background-color: #b4d7ff;\n}\n.mce-content-body .mce-edit-focus {\n  outline: 3px solid #b4d7ff;\n}\n.mce-content-body td[data-mce-selected],\n.mce-content-body th[data-mce-selected] {\n  position: relative;\n}\n.mce-content-body td[data-mce-selected]::-moz-selection,\n.mce-content-body th[data-mce-selected]::-moz-selection {\n  background: none;\n}\n.mce-content-body td[data-mce-selected]::selection,\n.mce-content-body th[data-mce-selected]::selection {\n  background: none;\n}\n.mce-content-body td[data-mce-selected] *,\n.mce-content-body th[data-mce-selected] * {\n  outline: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.mce-content-body td[data-mce-selected]::after,\n.mce-content-body th[data-mce-selected]::after {\n  background-color: rgba(180, 215, 255, 0.7);\n  border: 1px solid rgba(180, 215, 255, 0.7);\n  bottom: -1px;\n  content: '';\n  left: -1px;\n  mix-blend-mode: multiply;\n  position: absolute;\n  right: -1px;\n  top: -1px;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n  .mce-content-body td[data-mce-selected]::after,\n  .mce-content-body th[data-mce-selected]::after {\n    border-color: rgba(0, 84, 180, 0.7);\n  }\n}\n.mce-content-body img::-moz-selection {\n  background: none;\n}\n.mce-content-body img::selection {\n  background: none;\n}\n.ephox-snooker-resizer-bar {\n  background-color: #b4d7ff;\n  opacity: 0;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.ephox-snooker-resizer-cols {\n  cursor: col-resize;\n}\n.ephox-snooker-resizer-rows {\n  cursor: row-resize;\n}\n.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {\n  opacity: 1;\n}\n.mce-spellchecker-word {\n  background-image: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A\");\n  background-position: 0 calc(100% + 1px);\n  background-repeat: repeat-x;\n  background-size: auto 6px;\n  cursor: default;\n  height: 2rem;\n}\n.mce-spellchecker-grammar {\n  background-image: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A\");\n  background-position: 0 calc(100% + 1px);\n  background-repeat: repeat-x;\n  background-size: auto 6px;\n  cursor: default;\n}\n.mce-toc {\n  border: 1px solid gray;\n}\n.mce-toc h2 {\n  margin: 4px;\n}\n.mce-toc li {\n  list-style-type: none;\n}\ntable[style*=\"border-width: 0px\"],\n.mce-item-table:not([border]),\n.mce-item-table[border=\"0\"],\ntable[style*=\"border-width: 0px\"] td,\n.mce-item-table:not([border]) td,\n.mce-item-table[border=\"0\"] td,\ntable[style*=\"border-width: 0px\"] th,\n.mce-item-table:not([border]) th,\n.mce-item-table[border=\"0\"] th,\ntable[style*=\"border-width: 0px\"] caption,\n.mce-item-table:not([border]) caption,\n.mce-item-table[border=\"0\"] caption {\n  border: 1px dashed #bbb;\n}\n.mce-visualblocks p,\n.mce-visualblocks h1,\n.mce-visualblocks h2,\n.mce-visualblocks h3,\n.mce-visualblocks h4,\n.mce-visualblocks h5,\n.mce-visualblocks h6,\n.mce-visualblocks div:not([data-mce-bogus]),\n.mce-visualblocks section,\n.mce-visualblocks article,\n.mce-visualblocks blockquote,\n.mce-visualblocks address,\n.mce-visualblocks pre,\n.mce-visualblocks figure,\n.mce-visualblocks figcaption,\n.mce-visualblocks hgroup,\n.mce-visualblocks aside,\n.mce-visualblocks ul,\n.mce-visualblocks ol,\n.mce-visualblocks dl {\n  background-repeat: no-repeat;\n  border: 1px dashed #bbb;\n  margin-left: 3px;\n  padding-top: 10px;\n}\n.mce-visualblocks p {\n  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);\n}\n.mce-visualblocks h1 {\n  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);\n}\n.mce-visualblocks h2 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);\n}\n.mce-visualblocks h3 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);\n}\n.mce-visualblocks h4 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);\n}\n.mce-visualblocks h5 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);\n}\n.mce-visualblocks h6 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);\n}\n.mce-visualblocks div:not([data-mce-bogus]) {\n  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);\n}\n.mce-visualblocks section {\n  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);\n}\n.mce-visualblocks article {\n  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);\n}\n.mce-visualblocks blockquote {\n  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);\n}\n.mce-visualblocks address {\n  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);\n}\n.mce-visualblocks pre {\n  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);\n}\n.mce-visualblocks figure {\n  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);\n}\n.mce-visualblocks figcaption {\n  border: 1px dashed #bbb;\n}\n.mce-visualblocks hgroup {\n  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);\n}\n.mce-visualblocks aside {\n  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);\n}\n.mce-visualblocks ul {\n  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);\n}\n.mce-visualblocks ol {\n  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);\n}\n.mce-visualblocks dl {\n  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);\n}\n.mce-visualblocks:not([dir=rtl]) p,\n.mce-visualblocks:not([dir=rtl]) h1,\n.mce-visualblocks:not([dir=rtl]) h2,\n.mce-visualblocks:not([dir=rtl]) h3,\n.mce-visualblocks:not([dir=rtl]) h4,\n.mce-visualblocks:not([dir=rtl]) h5,\n.mce-visualblocks:not([dir=rtl]) h6,\n.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),\n.mce-visualblocks:not([dir=rtl]) section,\n.mce-visualblocks:not([dir=rtl]) article,\n.mce-visualblocks:not([dir=rtl]) blockquote,\n.mce-visualblocks:not([dir=rtl]) address,\n.mce-visualblocks:not([dir=rtl]) pre,\n.mce-visualblocks:not([dir=rtl]) figure,\n.mce-visualblocks:not([dir=rtl]) figcaption,\n.mce-visualblocks:not([dir=rtl]) hgroup,\n.mce-visualblocks:not([dir=rtl]) aside,\n.mce-visualblocks:not([dir=rtl]) ul,\n.mce-visualblocks:not([dir=rtl]) ol,\n.mce-visualblocks:not([dir=rtl]) dl {\n  margin-left: 3px;\n}\n.mce-visualblocks[dir=rtl] p,\n.mce-visualblocks[dir=rtl] h1,\n.mce-visualblocks[dir=rtl] h2,\n.mce-visualblocks[dir=rtl] h3,\n.mce-visualblocks[dir=rtl] h4,\n.mce-visualblocks[dir=rtl] h5,\n.mce-visualblocks[dir=rtl] h6,\n.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),\n.mce-visualblocks[dir=rtl] section,\n.mce-visualblocks[dir=rtl] article,\n.mce-visualblocks[dir=rtl] blockquote,\n.mce-visualblocks[dir=rtl] address,\n.mce-visualblocks[dir=rtl] pre,\n.mce-visualblocks[dir=rtl] figure,\n.mce-visualblocks[dir=rtl] figcaption,\n.mce-visualblocks[dir=rtl] hgroup,\n.mce-visualblocks[dir=rtl] aside,\n.mce-visualblocks[dir=rtl] ul,\n.mce-visualblocks[dir=rtl] ol,\n.mce-visualblocks[dir=rtl] dl {\n  background-position-x: right;\n  margin-right: 3px;\n}\n.mce-nbsp,\n.mce-shy {\n  background: #aaa;\n}\n.mce-shy::after {\n  content: '-';\n}\n"]}
\ No newline at end of file
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/content.min.css b/src/assets/tinymce/skins/ui/oxide-dark/content.min.css
new file mode 100644
index 00000000..0d45204c
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/content.min.css
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment{background-color:#fff0b7}.tox-comments-visible .tox-comment--active{background-color:#ffe168}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#282a36}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6272a4}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#50fa7b}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#f1fa8c}.token.keyword{color:#8be9fd}.token.important,.token.regex{color:#ffb86c}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px 0 2px;position:relative}.mce-preview-object .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:10000}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:nth-of-type(1){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-clonedresizable{opacity:.5;outline:1px dashed #000;position:absolute;z-index:10000}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0,0,0,.75);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10001}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::-moz-selection{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #4099ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #4099ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #4099ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #4099ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #4099ff}.mce-content-body.mce-content-readonly [contentEditable=true]:focus,.mce-content-body.mce-content-readonly [contentEditable=true]:hover{outline:0}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#4099ff}.mce-content-body .mce-edit-focus{outline:3px solid #4099ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::-moz-selection,.mce-content-body th[data-mce-selected]::-moz-selection{background:0 0}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid transparent;bottom:-1px;content:'';left:-1px;mix-blend-mode:lighten;position:absolute;right:-1px;top:-1px}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{border-color:rgba(0,84,180,.7)}}.mce-content-body img::-moz-selection{background:0 0}.mce-content-body img::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#4099ff;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc li{list-style-type:none}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}body{font-family:sans-serif}table{border-collapse:collapse}
+/*# sourceMappingURL=content.min.css.map */
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/content.min.css.map b/src/assets/tinymce/skins/ui/oxide-dark/content.min.css.map
new file mode 100644
index 00000000..b88c37e4
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/content.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["ui/dark/content.css"],"names":[],"mappings":";;;;;;AAMA,mCACE,WAAY,YAAY,+OAA+O,UAAU,OACjR,OAAQ,QACR,QAAS,aACT,OAAQ,eACR,QAAS,EAAE,IACX,oBAAqB,UACrB,iBAAkB,UAClB,oBAAqB,IACrB,iBAAkB,IAClB,gBAAiB,IACb,YAAa,IACjB,MAAO,cAET,sDACE,eAAgB,IAElB,mCACE,iBAAkB,QAEpB,2CACE,iBAAkB,QAEpB,8CACE,WAAY,KACZ,OAAQ,MAAO,EAEjB,sDACE,QAAS,gdACT,OAAQ,QACR,OAAQ,IACR,YAAa,OACb,WAAY,OACZ,SAAU,SACV,MAAO,IAET,6EACE,QAAS,shCAEX,gEACE,YAAa,EACb,aAAc,OAUhB,uBACA,sBACE,MAAO,QACP,WAAY,IACZ,YAAa,EAAE,IAAI,eACnB,YAAa,QAAQ,CAAE,MAAM,CAAE,aAAa,CAAE,aAAa,CAAE,UAC7D,WAAY,KACZ,YAAa,IACb,aAAc,OACd,WAAY,OACZ,UAAW,OACX,YAAa,IACb,cAAe,EACf,SAAU,EACV,gBAAiB,KACjB,YAAa,KACb,QAAS,KAGX,sBACE,QAAS,IACT,OAAQ,KAAM,EACd,SAAU,KACV,cAAe,KAEjB,iCACA,sBACE,WAAY,QAGd,iCACE,QAAS,KACT,cAAe,KACf,YAAa,OAKf,aAHA,eAEA,eADA,cAGE,MAAO,QAET,mBACE,MAAO,QAET,WACE,QAAS,GAIX,gBAEA,eAJA,gBAGA,cAFA,WAIE,MAAO,QAET,eACA,cACE,MAAO,QAGT,iBAGA,eADA,YAEA,gBALA,gBAEA,cAIE,MAAO,QAKT,4BACA,qBAHA,cADA,gBAEA,WAGA,gBACE,MAAO,QAET,cACA,kBAEA,kBADA,gBAEE,MAAO,QAET,eACE,MAAO,QAGT,iBADA,aAEE,MAAO,QAGT,YADA,iBAEE,YAAa,IAEf,cACE,WAAY,OAEd,cACE,OAAQ,KAGV,kBACE,cAAe,WACf,UAAW,WAEb,oCACE,iBAAkB,KAClB,iBAAkB,aAClB,SAAU,SAEZ,2CACE,QAAS,KAEX,mCACE,KAAM,QACN,OAAQ,EACR,QAAS,EACT,SAAU,SACV,MAAO,KACP,IAAK,EAEP,2CACE,KAAM,WACN,UAAW,UACX,SAAU,SAEZ,0CACE,OAAQ,QAEV,yCACE,OAAQ,KAEV,2BACE,OAAQ,qkCAAqkC,CAAE,QAEjlC,oCACE,MAAO,KAET,qCACE,MAAO,MAET,4CACE,QAAS,MACT,YAAa,KACb,aAAc,KAEhB,oBACE,OAAQ,IAAI,MAAM,KAClB,QAAS,aACT,YAAa,EACb,OAAQ,EAAE,IAAI,EAAE,IAChB,SAAU,SAEZ,8BACE,WAAY,oFACZ,OAAQ,KACR,KAAM,EACN,SAAU,SACV,IAAK,EACL,MAAO,KAET,qDACE,QAAS,KAEX,YACE,WAAY,YAAY,mdAAmd,UAAU,OACrf,OAAQ,IAAI,OAAO,KAErB,eACE,OAAQ,IAAI,OAAO,KACnB,OAAQ,QACR,QAAS,MACT,OAAQ,IACR,WAAY,KACZ,kBAAmB,OACnB,MAAO,KAET,aACE,eACE,OAAQ,GAGZ,0BACE,WAAY,oFACZ,OAAQ,KACR,KAAM,EACN,SAAU,SACV,IAAK,EACL,MAAO,KAET,iDACE,QAAS,KAEX,gBACE,QAAS,aACT,SAAU,SAGZ,uBAEA,sBAHA,uBAEA,sBAEE,QAAS,MACT,SAAU,OACV,QAAS,EACT,SAAU,SACV,MAAO,KAET,uBACE,YAAa,WAEf,uBACE,YAAa,OAEf,sBACE,YAAa,IAEf,sBACE,YAAa,KAGf,8BAEA,6BAHA,8BAEA,6BAEE,OAAQ,EACR,OAAQ,KACR,KAAM,EACN,SAAU,SACV,IAAK,EACL,MAAO,KAET,wCACE,SAAU,SAEZ,uEACE,MAAO,kBACP,QAAS,2BACT,SAAU,SAEZ,sFACE,KAAM,IAER,gFACE,MAAO,IAET,uCACE,iBAAkB,QAClB,aAAc,QACd,aAAc,MACd,aAAc,IACd,WAAY,WACZ,OAAQ,KACR,SAAU,SACV,MAAO,KACP,QAAS,MAEX,6CACE,iBAAkB,QAEpB,sDACE,OAAQ,YAEV,sDACE,OAAQ,YAEV,sDACE,OAAQ,YAEV,sDACE,OAAQ,YAEV,uCACE,QAAS,GACT,QAAS,IAAI,OAAO,KACpB,SAAU,SACV,QAAS,MAGX,kEADA,kEAEE,OAAQ,EAEV,qCACE,WAAY,KACZ,WAAY,gBACZ,OAAQ,IACR,cAAe,IACf,MAAO,KACP,QAAS,KACT,YAAa,WACb,UAAW,KACX,YAAa,KACb,OAAQ,IAAI,KACZ,QAAS,IACT,SAAU,SACV,YAAa,OACb,QAAS,MAEX,wBACE,SAAU,SAEZ,qBACE,OAAQ,EACR,OAAQ,QACR,SAAU,SACV,IAAK,EACL,MAAO,IAET,6BACE,iBAAkB,QAClB,cAAe,IACf,QAAS,GACT,QAAS,MACT,OAAQ,IACR,SAAU,SACV,MAAO,KACP,IAAK,KACL,MAAO,IAET,kCACE,iBAAkB,QAClB,cAAe,MACf,WAAY,WACZ,MAAO,KACP,QAAS,gBACT,QAAS,MACT,UAAW,KACX,YAAa,IACb,KAAM,KACN,WAAY,IACZ,UAAW,IACX,QAAS,EAAE,KACX,SAAU,SACV,IAAK,MACL,YAAa,OACb,QAAS,KAEX,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,sBACE,WAAY,QAAQ,ymCAAymC,UAAU,OAAO,OAC9oC,OAAQ,IAAI,MAAM,KAClB,WAAY,MACZ,UAAW,MAEb,kBACE,WAAY,KACZ,MAAO,KAET,2BACE,WAAY,KACZ,MAAO,KAET,2CACE,WAAY,KACZ,MAAO,KAET,sCACE,WAAY,KACZ,MAAO,KAIT,2CAEA,2CAJA,yCAGA,4CAEA,2CAJA,2CAKE,QAAS,IAAI,MAAM,QAErB,wCACE,QAAS,IAAI,MAAM,QACnB,eAAgB,IAElB,uEACE,QAAS,IAAI,MAAM,QAErB,uEACE,QAAS,IAAI,MAAM,QAErB,6DACE,OAAQ,YACR,QAAS,IAAI,MAAM,QAErB,oEACA,oEACE,QAAS,EAEX,sDACE,iBAAkB,QAEpB,kCACE,QAAS,IAAI,MAAM,QAErB,wCACA,wCACE,SAAU,SAEZ,wDACA,wDACE,WAAY,IAEd,mDACA,mDACE,WAAY,IAEd,0CACA,0CACE,QAAS,EACT,sBAAuB,KACvB,oBAAqB,KAClB,iBAAkB,KACjB,gBAAiB,KACb,YAAa,KAEvB,+CACA,+CACE,iBAAkB,qBAClB,OAAQ,IAAI,MAAM,YAClB,OAAQ,KACR,QAAS,GACT,KAAM,KACN,eAAgB,QAChB,SAAU,SACV,MAAO,KACP,IAAK,KAEP,6CAA+C,yBAC7C,+CACA,+CACE,aAAc,mBAGlB,sCACE,WAAY,IAEd,iCACE,WAAY,IAEd,2BACE,iBAAkB,QAClB,QAAS,EACT,oBAAqB,KACrB,iBAAkB,KAClB,gBAAiB,KACjB,YAAa,KAEf,4BACE,OAAQ,WAEV,4BACE,OAAQ,WAEV,8DACE,QAAS,EAEX,uBACE,iBAAkB,oRAClB,oBAAqB,EAAE,iBACvB,kBAAmB,SACnB,gBAAiB,KAAK,IACtB,OAAQ,QACR,OAAQ,KAEV,0BACE,iBAAkB,2PAClB,oBAAqB,EAAE,iBACvB,kBAAmB,SACnB,gBAAiB,KAAK,IACtB,OAAQ,QAEV,SACE,OAAQ,IAAI,MAAM,KAEpB,YACE,OAAQ,IAEV,YACE,gBAAiB,KAGnB,8BASA,sCANA,iCAGA,iCALA,4BASA,oCANA,+BAGA,+BARA,kCASA,0CANA,qCAGA,qCAME,OAAQ,IAAI,OAAO,KAarB,0BAFA,0BAOA,wBANA,6BAHA,4CAYA,qBALA,6BADA,yBAZA,qBACA,qBACA,qBACA,qBACA,qBACA,qBASA,yBAGA,qBAlBA,oBAYA,sBAJA,0BASA,qBAGE,kBAAmB,UACnB,OAAQ,IAAI,OAAO,KACnB,YAAa,IACb,YAAa,KAEf,oBACE,iBAAkB,gHAEpB,qBACE,iBAAkB,oHAEpB,qBACE,iBAAkB,wHAEpB,qBACE,iBAAkB,oHAEpB,qBACE,iBAAkB,wHAEpB,qBACE,iBAAkB,wHAEpB,qBACE,iBAAkB,wHAEpB,4CACE,iBAAkB,4HAEpB,0BACE,iBAAkB,gKAEpB,0BACE,iBAAkB,gKAEpB,6BACE,iBAAkB,4LAEpB,0BACE,iBAAkB,wKAEpB,sBACE,iBAAkB,oIAEpB,yBACE,iBAAkB,wJAEpB,6BACE,OAAQ,IAAI,OAAO,KAErB,yBACE,iBAAkB,4JAEpB,wBACE,iBAAkB,gJAEpB,qBACE,iBAAkB,oHAEpB,qBACE,iBAAkB,oHAEpB,qBACE,iBAAkB,oHAapB,yCAFA,yCAOA,uCANA,4CAHA,2DAYA,oCALA,4CADA,wCAZA,oCACA,oCACA,oCACA,oCACA,oCACA,oCASA,wCAGA,oCAlBA,mCAYA,qCAJA,yCASA,oCAGE,YAAa,IAaf,mCAFA,mCAOA,iCANA,sCAHA,qDAYA,8BALA,sCADA,kCAZA,8BACA,8BACA,8BACA,8BACA,8BACA,8BASA,kCAGA,8BAlBA,6BAYA,+BAJA,mCASA,8BAGE,sBAAuB,MACvB,aAAc,IAEhB,UACA,SACE,WAAY,KAEd,gBACE,QAAS,IAEX,KACE,YAAa,WAEf,MACE,gBAAiB","file":"content.min.css","sourcesContent":["/**\n * Copyright (c) Tiny Technologies, Inc. All rights reserved.\n * Licensed under the LGPL or a commercial license.\n * For LGPL see License.txt in the project root for license information.\n * For commercial licenses see https://www.tiny.cloud/\n */\n.mce-content-body .mce-item-anchor {\n  background: transparent url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A\") no-repeat center;\n  cursor: default;\n  display: inline-block;\n  height: 12px !important;\n  padding: 0 2px;\n  -webkit-user-modify: read-only;\n  -moz-user-modify: read-only;\n  -webkit-user-select: all;\n  -moz-user-select: all;\n  -ms-user-select: all;\n      user-select: all;\n  width: 8px !important;\n}\n.mce-content-body .mce-item-anchor[data-mce-selected] {\n  outline-offset: 1px;\n}\n.tox-comments-visible .tox-comment {\n  background-color: #fff0b7;\n}\n.tox-comments-visible .tox-comment--active {\n  background-color: #ffe168;\n}\n.tox-checklist > li:not(.tox-checklist--hidden) {\n  list-style: none;\n  margin: 0.25em 0;\n}\n.tox-checklist > li:not(.tox-checklist--hidden)::before {\n  content: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%236d737b%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A\");\n  cursor: pointer;\n  height: 1em;\n  margin-left: -1.5em;\n  margin-top: 0.125em;\n  position: absolute;\n  width: 1em;\n}\n.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {\n  content: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A\");\n}\n[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {\n  margin-left: 0;\n  margin-right: -1.5em;\n}\n/* stylelint-disable */\n/* http://prismjs.com/ */\n/**\n * Dracula Theme originally by Zeno Rocha [@zenorocha]\n * https://draculatheme.com/\n *\n * Ported for PrismJS by Albert Vallverdu [@byverdu]\n */\ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n  color: #f8f8f2;\n  background: none;\n  text-shadow: 0 1px rgba(0, 0, 0, 0.3);\n  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n  text-align: left;\n  white-space: pre;\n  word-spacing: normal;\n  word-break: normal;\n  word-wrap: normal;\n  line-height: 1.5;\n  -moz-tab-size: 4;\n  tab-size: 4;\n  -webkit-hyphens: none;\n  -ms-hyphens: none;\n  hyphens: none;\n}\n/* Code blocks */\npre[class*=\"language-\"] {\n  padding: 1em;\n  margin: 0.5em 0;\n  overflow: auto;\n  border-radius: 0.3em;\n}\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n  background: #282a36;\n}\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n  padding: 0.1em;\n  border-radius: 0.3em;\n  white-space: normal;\n}\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n  color: #6272a4;\n}\n.token.punctuation {\n  color: #f8f8f2;\n}\n.namespace {\n  opacity: 0.7;\n}\n.token.property,\n.token.tag,\n.token.constant,\n.token.symbol,\n.token.deleted {\n  color: #ff79c6;\n}\n.token.boolean,\n.token.number {\n  color: #bd93f9;\n}\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.inserted {\n  color: #50fa7b;\n}\n.token.operator,\n.token.entity,\n.token.url,\n.language-css .token.string,\n.style .token.string,\n.token.variable {\n  color: #f8f8f2;\n}\n.token.atrule,\n.token.attr-value,\n.token.function,\n.token.class-name {\n  color: #f1fa8c;\n}\n.token.keyword {\n  color: #8be9fd;\n}\n.token.regex,\n.token.important {\n  color: #ffb86c;\n}\n.token.important,\n.token.bold {\n  font-weight: bold;\n}\n.token.italic {\n  font-style: italic;\n}\n.token.entity {\n  cursor: help;\n}\n/* stylelint-enable */\n.mce-content-body {\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n}\n.mce-content-body .mce-visual-caret {\n  background-color: black;\n  background-color: currentColor;\n  position: absolute;\n}\n.mce-content-body .mce-visual-caret-hidden {\n  display: none;\n}\n.mce-content-body *[data-mce-caret] {\n  left: -1000px;\n  margin: 0;\n  padding: 0;\n  position: absolute;\n  right: auto;\n  top: 0;\n}\n.mce-content-body .mce-offscreen-selection {\n  left: -2000000px;\n  max-width: 1000000px;\n  position: absolute;\n}\n.mce-content-body *[contentEditable=false] {\n  cursor: default;\n}\n.mce-content-body *[contentEditable=true] {\n  cursor: text;\n}\n.tox-cursor-format-painter {\n  cursor: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A\"), default;\n}\n.mce-content-body figure.align-left {\n  float: left;\n}\n.mce-content-body figure.align-right {\n  float: right;\n}\n.mce-content-body figure.image.align-center {\n  display: table;\n  margin-left: auto;\n  margin-right: auto;\n}\n.mce-preview-object {\n  border: 1px solid gray;\n  display: inline-block;\n  line-height: 0;\n  margin: 0 2px 0 2px;\n  position: relative;\n}\n.mce-preview-object .mce-shim {\n  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.mce-preview-object[data-mce-selected=\"2\"] .mce-shim {\n  display: none;\n}\n.mce-object {\n  background: transparent url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%20fill%3D%22%23cccccc%22%2F%3E%3C%2Fsvg%3E%0A\") no-repeat center;\n  border: 1px dashed #aaa;\n}\n.mce-pagebreak {\n  border: 1px dashed #aaa;\n  cursor: default;\n  display: block;\n  height: 5px;\n  margin-top: 15px;\n  page-break-before: always;\n  width: 100%;\n}\n@media print {\n  .mce-pagebreak {\n    border: 0;\n  }\n}\n.tiny-pageembed .mce-shim {\n  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.tiny-pageembed[data-mce-selected=\"2\"] .mce-shim {\n  display: none;\n}\n.tiny-pageembed {\n  display: inline-block;\n  position: relative;\n}\n.tiny-pageembed--21by9,\n.tiny-pageembed--16by9,\n.tiny-pageembed--4by3,\n.tiny-pageembed--1by1 {\n  display: block;\n  overflow: hidden;\n  padding: 0;\n  position: relative;\n  width: 100%;\n}\n.tiny-pageembed--21by9 {\n  padding-top: 42.857143%;\n}\n.tiny-pageembed--16by9 {\n  padding-top: 56.25%;\n}\n.tiny-pageembed--4by3 {\n  padding-top: 75%;\n}\n.tiny-pageembed--1by1 {\n  padding-top: 100%;\n}\n.tiny-pageembed--21by9 iframe,\n.tiny-pageembed--16by9 iframe,\n.tiny-pageembed--4by3 iframe,\n.tiny-pageembed--1by1 iframe {\n  border: 0;\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.mce-content-body[data-mce-placeholder] {\n  position: relative;\n}\n.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {\n  color: rgba(34, 47, 62, 0.7);\n  content: attr(data-mce-placeholder);\n  position: absolute;\n}\n.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {\n  left: 1px;\n}\n.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {\n  right: 1px;\n}\n.mce-content-body div.mce-resizehandle {\n  background-color: #4099ff;\n  border-color: #4099ff;\n  border-style: solid;\n  border-width: 1px;\n  box-sizing: border-box;\n  height: 10px;\n  position: absolute;\n  width: 10px;\n  z-index: 10000;\n}\n.mce-content-body div.mce-resizehandle:hover {\n  background-color: #4099ff;\n}\n.mce-content-body div.mce-resizehandle:nth-of-type(1) {\n  cursor: nwse-resize;\n}\n.mce-content-body div.mce-resizehandle:nth-of-type(2) {\n  cursor: nesw-resize;\n}\n.mce-content-body div.mce-resizehandle:nth-of-type(3) {\n  cursor: nwse-resize;\n}\n.mce-content-body div.mce-resizehandle:nth-of-type(4) {\n  cursor: nesw-resize;\n}\n.mce-content-body .mce-clonedresizable {\n  opacity: 0.5;\n  outline: 1px dashed black;\n  position: absolute;\n  z-index: 10000;\n}\n.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,\n.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {\n  border: 0;\n}\n.mce-content-body .mce-resize-helper {\n  background: #555;\n  background: rgba(0, 0, 0, 0.75);\n  border: 1px;\n  border-radius: 3px;\n  color: white;\n  display: none;\n  font-family: sans-serif;\n  font-size: 12px;\n  line-height: 14px;\n  margin: 5px 10px;\n  padding: 5px;\n  position: absolute;\n  white-space: nowrap;\n  z-index: 10001;\n}\n.tox-rtc-user-selection {\n  position: relative;\n}\n.tox-rtc-user-cursor {\n  bottom: 0;\n  cursor: default;\n  position: absolute;\n  top: 0;\n  width: 2px;\n}\n.tox-rtc-user-cursor::before {\n  background-color: inherit;\n  border-radius: 50%;\n  content: '';\n  display: block;\n  height: 8px;\n  position: absolute;\n  right: -3px;\n  top: -3px;\n  width: 8px;\n}\n.tox-rtc-user-cursor:hover::after {\n  background-color: inherit;\n  border-radius: 100px;\n  box-sizing: border-box;\n  color: #fff;\n  content: attr(data-user);\n  display: block;\n  font-size: 12px;\n  font-weight: bold;\n  left: -5px;\n  min-height: 8px;\n  min-width: 8px;\n  padding: 0 12px;\n  position: absolute;\n  top: -11px;\n  white-space: nowrap;\n  z-index: 1000;\n}\n.tox-rtc-user-selection--1 .tox-rtc-user-cursor {\n  background-color: #2dc26b;\n}\n.tox-rtc-user-selection--2 .tox-rtc-user-cursor {\n  background-color: #e03e2d;\n}\n.tox-rtc-user-selection--3 .tox-rtc-user-cursor {\n  background-color: #f1c40f;\n}\n.tox-rtc-user-selection--4 .tox-rtc-user-cursor {\n  background-color: #3598db;\n}\n.tox-rtc-user-selection--5 .tox-rtc-user-cursor {\n  background-color: #b96ad9;\n}\n.tox-rtc-user-selection--6 .tox-rtc-user-cursor {\n  background-color: #e67e23;\n}\n.tox-rtc-user-selection--7 .tox-rtc-user-cursor {\n  background-color: #aaa69d;\n}\n.tox-rtc-user-selection--8 .tox-rtc-user-cursor {\n  background-color: #f368e0;\n}\n.tox-rtc-remote-image {\n  background: #eaeaea url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A\") no-repeat center center;\n  border: 1px solid #ccc;\n  min-height: 240px;\n  min-width: 320px;\n}\n.mce-match-marker {\n  background: #aaa;\n  color: #fff;\n}\n.mce-match-marker-selected {\n  background: #39f;\n  color: #fff;\n}\n.mce-match-marker-selected::-moz-selection {\n  background: #39f;\n  color: #fff;\n}\n.mce-match-marker-selected::selection {\n  background: #39f;\n  color: #fff;\n}\n.mce-content-body img[data-mce-selected],\n.mce-content-body video[data-mce-selected],\n.mce-content-body audio[data-mce-selected],\n.mce-content-body object[data-mce-selected],\n.mce-content-body embed[data-mce-selected],\n.mce-content-body table[data-mce-selected] {\n  outline: 3px solid #4099ff;\n}\n.mce-content-body hr[data-mce-selected] {\n  outline: 3px solid #4099ff;\n  outline-offset: 1px;\n}\n.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {\n  outline: 3px solid #4099ff;\n}\n.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {\n  outline: 3px solid #4099ff;\n}\n.mce-content-body *[contentEditable=false][data-mce-selected] {\n  cursor: not-allowed;\n  outline: 3px solid #4099ff;\n}\n.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,\n.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {\n  outline: none;\n}\n.mce-content-body *[data-mce-selected=\"inline-boundary\"] {\n  background-color: #4099ff;\n}\n.mce-content-body .mce-edit-focus {\n  outline: 3px solid #4099ff;\n}\n.mce-content-body td[data-mce-selected],\n.mce-content-body th[data-mce-selected] {\n  position: relative;\n}\n.mce-content-body td[data-mce-selected]::-moz-selection,\n.mce-content-body th[data-mce-selected]::-moz-selection {\n  background: none;\n}\n.mce-content-body td[data-mce-selected]::selection,\n.mce-content-body th[data-mce-selected]::selection {\n  background: none;\n}\n.mce-content-body td[data-mce-selected] *,\n.mce-content-body th[data-mce-selected] * {\n  outline: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.mce-content-body td[data-mce-selected]::after,\n.mce-content-body th[data-mce-selected]::after {\n  background-color: rgba(180, 215, 255, 0.7);\n  border: 1px solid transparent;\n  bottom: -1px;\n  content: '';\n  left: -1px;\n  mix-blend-mode: lighten;\n  position: absolute;\n  right: -1px;\n  top: -1px;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n  .mce-content-body td[data-mce-selected]::after,\n  .mce-content-body th[data-mce-selected]::after {\n    border-color: rgba(0, 84, 180, 0.7);\n  }\n}\n.mce-content-body img::-moz-selection {\n  background: none;\n}\n.mce-content-body img::selection {\n  background: none;\n}\n.ephox-snooker-resizer-bar {\n  background-color: #4099ff;\n  opacity: 0;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.ephox-snooker-resizer-cols {\n  cursor: col-resize;\n}\n.ephox-snooker-resizer-rows {\n  cursor: row-resize;\n}\n.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {\n  opacity: 1;\n}\n.mce-spellchecker-word {\n  background-image: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A\");\n  background-position: 0 calc(100% + 1px);\n  background-repeat: repeat-x;\n  background-size: auto 6px;\n  cursor: default;\n  height: 2rem;\n}\n.mce-spellchecker-grammar {\n  background-image: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A\");\n  background-position: 0 calc(100% + 1px);\n  background-repeat: repeat-x;\n  background-size: auto 6px;\n  cursor: default;\n}\n.mce-toc {\n  border: 1px solid gray;\n}\n.mce-toc h2 {\n  margin: 4px;\n}\n.mce-toc li {\n  list-style-type: none;\n}\ntable[style*=\"border-width: 0px\"],\n.mce-item-table:not([border]),\n.mce-item-table[border=\"0\"],\ntable[style*=\"border-width: 0px\"] td,\n.mce-item-table:not([border]) td,\n.mce-item-table[border=\"0\"] td,\ntable[style*=\"border-width: 0px\"] th,\n.mce-item-table:not([border]) th,\n.mce-item-table[border=\"0\"] th,\ntable[style*=\"border-width: 0px\"] caption,\n.mce-item-table:not([border]) caption,\n.mce-item-table[border=\"0\"] caption {\n  border: 1px dashed #bbb;\n}\n.mce-visualblocks p,\n.mce-visualblocks h1,\n.mce-visualblocks h2,\n.mce-visualblocks h3,\n.mce-visualblocks h4,\n.mce-visualblocks h5,\n.mce-visualblocks h6,\n.mce-visualblocks div:not([data-mce-bogus]),\n.mce-visualblocks section,\n.mce-visualblocks article,\n.mce-visualblocks blockquote,\n.mce-visualblocks address,\n.mce-visualblocks pre,\n.mce-visualblocks figure,\n.mce-visualblocks figcaption,\n.mce-visualblocks hgroup,\n.mce-visualblocks aside,\n.mce-visualblocks ul,\n.mce-visualblocks ol,\n.mce-visualblocks dl {\n  background-repeat: no-repeat;\n  border: 1px dashed #bbb;\n  margin-left: 3px;\n  padding-top: 10px;\n}\n.mce-visualblocks p {\n  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);\n}\n.mce-visualblocks h1 {\n  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);\n}\n.mce-visualblocks h2 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);\n}\n.mce-visualblocks h3 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);\n}\n.mce-visualblocks h4 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);\n}\n.mce-visualblocks h5 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);\n}\n.mce-visualblocks h6 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);\n}\n.mce-visualblocks div:not([data-mce-bogus]) {\n  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);\n}\n.mce-visualblocks section {\n  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);\n}\n.mce-visualblocks article {\n  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);\n}\n.mce-visualblocks blockquote {\n  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);\n}\n.mce-visualblocks address {\n  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);\n}\n.mce-visualblocks pre {\n  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);\n}\n.mce-visualblocks figure {\n  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);\n}\n.mce-visualblocks figcaption {\n  border: 1px dashed #bbb;\n}\n.mce-visualblocks hgroup {\n  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);\n}\n.mce-visualblocks aside {\n  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);\n}\n.mce-visualblocks ul {\n  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);\n}\n.mce-visualblocks ol {\n  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);\n}\n.mce-visualblocks dl {\n  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);\n}\n.mce-visualblocks:not([dir=rtl]) p,\n.mce-visualblocks:not([dir=rtl]) h1,\n.mce-visualblocks:not([dir=rtl]) h2,\n.mce-visualblocks:not([dir=rtl]) h3,\n.mce-visualblocks:not([dir=rtl]) h4,\n.mce-visualblocks:not([dir=rtl]) h5,\n.mce-visualblocks:not([dir=rtl]) h6,\n.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),\n.mce-visualblocks:not([dir=rtl]) section,\n.mce-visualblocks:not([dir=rtl]) article,\n.mce-visualblocks:not([dir=rtl]) blockquote,\n.mce-visualblocks:not([dir=rtl]) address,\n.mce-visualblocks:not([dir=rtl]) pre,\n.mce-visualblocks:not([dir=rtl]) figure,\n.mce-visualblocks:not([dir=rtl]) figcaption,\n.mce-visualblocks:not([dir=rtl]) hgroup,\n.mce-visualblocks:not([dir=rtl]) aside,\n.mce-visualblocks:not([dir=rtl]) ul,\n.mce-visualblocks:not([dir=rtl]) ol,\n.mce-visualblocks:not([dir=rtl]) dl {\n  margin-left: 3px;\n}\n.mce-visualblocks[dir=rtl] p,\n.mce-visualblocks[dir=rtl] h1,\n.mce-visualblocks[dir=rtl] h2,\n.mce-visualblocks[dir=rtl] h3,\n.mce-visualblocks[dir=rtl] h4,\n.mce-visualblocks[dir=rtl] h5,\n.mce-visualblocks[dir=rtl] h6,\n.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),\n.mce-visualblocks[dir=rtl] section,\n.mce-visualblocks[dir=rtl] article,\n.mce-visualblocks[dir=rtl] blockquote,\n.mce-visualblocks[dir=rtl] address,\n.mce-visualblocks[dir=rtl] pre,\n.mce-visualblocks[dir=rtl] figure,\n.mce-visualblocks[dir=rtl] figcaption,\n.mce-visualblocks[dir=rtl] hgroup,\n.mce-visualblocks[dir=rtl] aside,\n.mce-visualblocks[dir=rtl] ul,\n.mce-visualblocks[dir=rtl] ol,\n.mce-visualblocks[dir=rtl] dl {\n  background-position-x: right;\n  margin-right: 3px;\n}\n.mce-nbsp,\n.mce-shy {\n  background: #aaa;\n}\n.mce-shy::after {\n  content: '-';\n}\nbody {\n  font-family: sans-serif;\n}\ntable {\n  border-collapse: collapse;\n}\n"]}
\ No newline at end of file
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/content.mobile.css b/src/assets/tinymce/skins/ui/oxide-dark/content.mobile.css
new file mode 100644
index 00000000..4bdb8bab
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/content.mobile.css
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection {
+  /* Note: this file is used inside the content, so isn't part of theming */
+  background-color: green;
+  display: inline-block;
+  opacity: 0.5;
+  position: absolute;
+}
+body {
+  -webkit-text-size-adjust: none;
+}
+body img {
+  /* this is related to the content margin */
+  max-width: 96vw;
+}
+body table img {
+  max-width: 95%;
+}
+body {
+  font-family: sans-serif;
+}
+table {
+  border-collapse: collapse;
+}
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/content.mobile.min.css b/src/assets/tinymce/skins/ui/oxide-dark/content.mobile.min.css
new file mode 100644
index 00000000..627f6934
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/content.mobile.min.css
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection{background-color:green;display:inline-block;opacity:.5;position:absolute}body{-webkit-text-size-adjust:none}body img{max-width:96vw}body table img{max-width:95%}body{font-family:sans-serif}table{border-collapse:collapse}
+/*# sourceMappingURL=content.mobile.min.css.map */
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/content.mobile.min.css.map b/src/assets/tinymce/skins/ui/oxide-dark/content.mobile.min.css.map
new file mode 100644
index 00000000..6d8e69f3
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/content.mobile.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["ui/dark/content.mobile.css"],"names":[],"mappings":";;;;;;AAMA,yEAEE,iBAAkB,MAClB,QAAS,aACT,QAAS,GACT,SAAU,SAEZ,KACE,yBAA0B,KAE5B,SAEE,UAAW,KAEb,eACE,UAAW,IAEb,KACE,YAAa,WAEf,MACE,gBAAiB","file":"content.mobile.min.css","sourcesContent":["/**\n * Copyright (c) Tiny Technologies, Inc. All rights reserved.\n * Licensed under the LGPL or a commercial license.\n * For LGPL see License.txt in the project root for license information.\n * For commercial licenses see https://www.tiny.cloud/\n */\n.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection {\n  /* Note: this file is used inside the content, so isn't part of theming */\n  background-color: green;\n  display: inline-block;\n  opacity: 0.5;\n  position: absolute;\n}\nbody {\n  -webkit-text-size-adjust: none;\n}\nbody img {\n  /* this is related to the content margin */\n  max-width: 96vw;\n}\nbody table img {\n  max-width: 95%;\n}\nbody {\n  font-family: sans-serif;\n}\ntable {\n  border-collapse: collapse;\n}\n"]}
\ No newline at end of file
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/fonts/tinymce-mobile.woff b/src/assets/tinymce/skins/ui/oxide-dark/fonts/tinymce-mobile.woff
new file mode 100644
index 00000000..1e3be038
Binary files /dev/null and b/src/assets/tinymce/skins/ui/oxide-dark/fonts/tinymce-mobile.woff differ
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/skin.css b/src/assets/tinymce/skins/ui/oxide-dark/skin.css
new file mode 100644
index 00000000..f7bef771
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/skin.css
@@ -0,0 +1,3024 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tox {
+  box-sizing: content-box;
+  color: #2A3746;
+  cursor: auto;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: normal;
+  -webkit-tap-highlight-color: transparent;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  vertical-align: initial;
+  white-space: normal;
+}
+.tox *:not(svg):not(rect) {
+  box-sizing: inherit;
+  color: inherit;
+  cursor: inherit;
+  direction: inherit;
+  font-family: inherit;
+  font-size: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  -webkit-tap-highlight-color: inherit;
+  text-align: inherit;
+  text-decoration: inherit;
+  text-shadow: inherit;
+  text-transform: inherit;
+  vertical-align: inherit;
+  white-space: inherit;
+}
+.tox *:not(svg):not(rect) {
+  /* stylelint-disable-line no-duplicate-selectors */
+  background: transparent;
+  border: 0;
+  float: none;
+  height: auto;
+  margin: 0;
+  max-width: none;
+  outline: 0;
+  padding: 0;
+  position: static;
+  width: auto;
+}
+.tox:not([dir=rtl]) {
+  direction: ltr;
+  text-align: left;
+}
+.tox[dir=rtl] {
+  direction: rtl;
+  text-align: right;
+}
+.tox-tinymce {
+  border: 1px solid #000000;
+  border-radius: 0;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  overflow: hidden;
+  position: relative;
+  visibility: inherit !important;
+}
+.tox-tinymce-inline {
+  border: none;
+  box-shadow: none;
+}
+.tox-tinymce-inline .tox-editor-header {
+  border: 1px solid #000000;
+  border-radius: 0;
+  box-shadow: none;
+}
+.tox-tinymce-aux {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  z-index: 1300;
+}
+.tox-tinymce *:focus,
+.tox-tinymce-aux *:focus {
+  outline: none;
+}
+button::-moz-focus-inner {
+  border: 0;
+}
+.tox .accessibility-issue__header {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox .accessibility-issue__description {
+  align-items: stretch;
+  border: 1px solid #000000;
+  border-radius: 3px;
+  display: flex;
+  justify-content: space-between;
+}
+.tox .accessibility-issue__description > div {
+  padding-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox .accessibility-issue__description > *:last-child:not(:only-child) {
+  border-color: #000000;
+  border-style: solid;
+}
+.tox .accessibility-issue__repair {
+  margin-top: 16px;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+  background-color: rgba(32, 122, 183, 0.5);
+  border-color: #207ab7;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
+  border-color: #207ab7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
+  fill: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+  background-color: rgba(255, 165, 0, 0.5);
+  border-color: rgba(255, 165, 0, 0.8);
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {
+  border-color: rgba(255, 165, 0, 0.8);
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
+  fill: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+  background-color: rgba(204, 0, 0, 0.5);
+  border-color: rgba(204, 0, 0, 0.8);
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {
+  border-color: rgba(204, 0, 0, 0.8);
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
+  fill: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+  background-color: rgba(120, 171, 70, 0.5);
+  border-color: rgba(120, 171, 70, 0.8);
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
+  border-color: rgba(120, 171, 70, 0.8);
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
+  fill: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue__header h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+  margin-top: 0;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
+  padding: 4px 4px 4px 8px;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child {
+  border-left-width: 1px;
+  padding-left: 4px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-right: auto;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
+  padding: 4px 8px 4px 4px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child {
+  border-right-width: 1px;
+  padding-right: 4px;
+}
+.tox .tox-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-button {
+  background-color: #207ab7;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #207ab7;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  line-height: 24px;
+  margin: 0;
+  outline: none;
+  padding: 4px 16px;
+  text-align: center;
+  text-decoration: none;
+  text-transform: capitalize;
+  white-space: nowrap;
+}
+.tox .tox-button[disabled] {
+  background-color: #207ab7;
+  background-image: none;
+  border-color: #207ab7;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button:focus:not(:disabled) {
+  background-color: #1c6ca1;
+  background-image: none;
+  border-color: #1c6ca1;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:hover:not(:disabled) {
+  background-color: #1c6ca1;
+  background-image: none;
+  border-color: #1c6ca1;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:active:not(:disabled) {
+  background-color: #185d8c;
+  background-image: none;
+  border-color: #185d8c;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary {
+  background-color: #3d546f;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #3d546f;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  color: #fff;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  outline: none;
+  padding: 4px 16px;
+  text-decoration: none;
+  text-transform: capitalize;
+}
+.tox .tox-button--secondary[disabled] {
+  background-color: #3d546f;
+  background-image: none;
+  border-color: #3d546f;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--secondary:focus:not(:disabled) {
+  background-color: #34485f;
+  background-image: none;
+  border-color: #34485f;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary:hover:not(:disabled) {
+  background-color: #34485f;
+  background-image: none;
+  border-color: #34485f;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary:active:not(:disabled) {
+  background-color: #2b3b4e;
+  background-image: none;
+  border-color: #2b3b4e;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+  padding: 4px;
+}
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox .tox-button-link {
+  background: 0;
+  border: none;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+}
+.tox .tox-button-link--sm {
+  font-size: 14px;
+}
+.tox .tox-button--naked {
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #fff;
+}
+.tox .tox-button--naked[disabled] {
+  background-color: #3d546f;
+  border-color: #3d546f;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-button--naked:hover:not(:disabled) {
+  background-color: #34485f;
+  border-color: #34485f;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--naked:focus:not(:disabled) {
+  background-color: #34485f;
+  border-color: #34485f;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--naked:active:not(:disabled) {
+  background-color: #2b3b4e;
+  border-color: #2b3b4e;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--naked .tox-icon svg {
+  fill: currentColor;
+}
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+  color: #fff;
+}
+.tox .tox-checkbox {
+  align-items: center;
+  border-radius: 3px;
+  cursor: pointer;
+  display: flex;
+  height: 36px;
+  min-width: 36px;
+}
+.tox .tox-checkbox__input {
+  /* Hide from view but visible to screen readers */
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  top: auto;
+  width: 1px;
+}
+.tox .tox-checkbox__icons {
+  align-items: center;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px transparent;
+  box-sizing: content-box;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  padding: calc(4px - 1px);
+  width: 24px;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: block;
+  fill: rgba(255, 255, 255, 0.2);
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: none;
+  fill: #207ab7;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: none;
+  fill: #207ab7;
+}
+.tox .tox-checkbox--disabled {
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+  border-radius: 3px;
+  box-shadow: inset 0 0 0 1px #207ab7;
+  padding: calc(4px - 1px);
+}
+.tox:not([dir=rtl]) .tox-checkbox__label {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-checkbox__input {
+  left: -10000px;
+}
+.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__label {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__input {
+  right: -10000px;
+}
+.tox[dir=rtl] .tox-bar .tox-checkbox {
+  margin-right: 4px;
+}
+.tox {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.tox .tox-collection--toolbar .tox-collection__group {
+  display: flex;
+  padding: 0;
+}
+.tox .tox-collection--grid .tox-collection__group {
+  display: flex;
+  flex-wrap: wrap;
+  max-height: 208px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 0;
+}
+.tox .tox-collection--list .tox-collection__group {
+  border-bottom-width: 0;
+  border-color: #1a1a1a;
+  border-left-width: 0;
+  border-right-width: 0;
+  border-style: solid;
+  border-top-width: 1px;
+  padding: 4px 0;
+}
+.tox .tox-collection--list .tox-collection__group:first-child {
+  border-top-width: 0;
+}
+.tox .tox-collection__group-heading {
+  background-color: #333333;
+  color: #fff;
+  cursor: default;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: normal;
+  margin-bottom: 4px;
+  margin-top: -4px;
+  padding: 4px 8px;
+  text-transform: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.tox .tox-collection__item {
+  align-items: center;
+  color: #fff;
+  cursor: pointer;
+  display: flex;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.tox .tox-collection--list .tox-collection__item {
+  padding: 4px 8px;
+}
+.tox .tox-collection--toolbar .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--grid .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--list .tox-collection__item--enabled {
+  background-color: #2b3b4e;
+  color: #fff;
+}
+.tox .tox-collection--list .tox-collection__item--active {
+  background-color: #4a5562;
+}
+.tox .tox-collection--toolbar .tox-collection__item--enabled {
+  background-color: #757d87;
+  color: #fff;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active {
+  background-color: #4a5562;
+}
+.tox .tox-collection--grid .tox-collection__item--enabled {
+  background-color: #757d87;
+  color: #fff;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #4a5562;
+  color: #fff;
+}
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  color: #fff;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  color: #fff;
+}
+.tox .tox-collection__item--state-disabled {
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-collection__item-icon,
+.tox .tox-collection__item-checkmark {
+  align-items: center;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  width: 24px;
+}
+.tox .tox-collection__item-icon svg,
+.tox .tox-collection__item-checkmark svg {
+  fill: currentColor;
+}
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+  height: 48px;
+  width: 48px;
+}
+.tox .tox-collection__item-label {
+  color: currentColor;
+  display: inline-block;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 24px;
+  text-transform: none;
+  word-break: break-all;
+}
+.tox .tox-collection__item-accessory {
+  color: rgba(255, 255, 255, 0.5);
+  display: inline-block;
+  font-size: 14px;
+  height: 24px;
+  line-height: 24px;
+  text-transform: none;
+}
+.tox .tox-collection__item-caret {
+  align-items: center;
+  display: flex;
+  min-height: 24px;
+}
+.tox .tox-collection__item-caret::after {
+  content: '';
+  font-size: 0;
+  min-height: inherit;
+}
+.tox .tox-collection__item-caret svg {
+  fill: #fff;
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
+  display: none;
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
+  display: none;
+}
+.tox .tox-collection--horizontal {
+  background-color: #2b3b4e;
+  border: 1px solid #1a1a1a;
+  border-radius: 3px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+  margin-bottom: 0;
+  overflow-x: auto;
+  padding: 0;
+}
+.tox .tox-collection--horizontal .tox-collection__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: nowrap;
+  margin: 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item {
+  height: 34px;
+  margin: 2px 0 3px 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item-label {
+  white-space: nowrap;
+}
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+  margin-left: 4px;
+}
+.tox .tox-collection__item-container {
+  display: flex;
+}
+.tox .tox-collection__item-container--row {
+  align-items: center;
+  flex: 1 1 auto;
+  flex-direction: row;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+  margin-right: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+  justify-content: flex-end;
+  margin-left: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+  align-items: flex-start;
+  margin-bottom: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+  align-items: center;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+  align-items: flex-end;
+  margin-top: auto;
+}
+.tox .tox-collection__item-container--column {
+  -ms-grid-row-align: center;
+      align-self: center;
+  flex: 1 1 auto;
+  flex-direction: column;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+  align-items: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+  align-items: flex-end;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+  align-self: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+  -ms-grid-row-align: center;
+      align-self: center;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+  align-self: flex-end;
+}
+.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-right: 1px solid #000000;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-collection__item-accessory {
+  margin-left: 16px;
+  text-align: right;
+}
+.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
+  margin-left: 16px;
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-left: 1px solid #000000;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-collection__item-icon-rtl {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.tox[dir=rtl] .tox-collection__item-icon-rtl .tox-collection__item-icon svg {
+  transform: rotateY(180deg);
+}
+.tox[dir=rtl] .tox-collection__item-accessory {
+  margin-right: 16px;
+  text-align: left;
+}
+.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
+  margin-right: 16px;
+  transform: rotateY(180deg);
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
+  margin-right: 4px;
+}
+.tox .tox-color-picker-container {
+  display: flex;
+  flex-direction: row;
+  height: 225px;
+  margin: 0;
+}
+.tox .tox-sv-palette {
+  box-sizing: border-box;
+  display: flex;
+  height: 100%;
+}
+.tox .tox-sv-palette-spectrum {
+  height: 100%;
+}
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+  width: 225px;
+}
+.tox .tox-sv-palette-thumb {
+  background: none;
+  border: 1px solid black;
+  border-radius: 50%;
+  box-sizing: content-box;
+  height: 12px;
+  position: absolute;
+  width: 12px;
+}
+.tox .tox-sv-palette-inner-thumb {
+  border: 1px solid white;
+  border-radius: 50%;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox .tox-hue-slider {
+  box-sizing: border-box;
+  height: 100%;
+  width: 25px;
+}
+.tox .tox-hue-slider-spectrum {
+  background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
+  height: 100%;
+  width: 100%;
+}
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+  width: 20px;
+}
+.tox .tox-hue-slider-thumb {
+  background: white;
+  border: 1px solid black;
+  box-sizing: content-box;
+  height: 4px;
+  width: 100%;
+}
+.tox .tox-rgb-form {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.tox .tox-rgb-form div {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 5px;
+  width: inherit;
+}
+.tox .tox-rgb-form input {
+  width: 6em;
+}
+.tox .tox-rgb-form input.tox-invalid {
+  /* Need !important to override Chrome's focus styling unfortunately */
+  border: 1px solid red !important;
+}
+.tox .tox-rgb-form .tox-rgba-preview {
+  border: 1px solid black;
+  flex-grow: 2;
+  margin-bottom: 0;
+}
+.tox:not([dir=rtl]) .tox-sv-palette {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider-thumb {
+  margin-left: -1px;
+}
+.tox:not([dir=rtl]) .tox-rgb-form label {
+  margin-right: 0.5em;
+}
+.tox[dir=rtl] .tox-sv-palette {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider-thumb {
+  margin-right: -1px;
+}
+.tox[dir=rtl] .tox-rgb-form label {
+  margin-left: 0.5em;
+}
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches {
+  margin: 2px 0 3px 4px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+  border: 0;
+  margin: -4px 0;
+}
+.tox .tox-swatches__row {
+  display: flex;
+}
+.tox .tox-swatch {
+  height: 30px;
+  transition: transform 0.15s, box-shadow 0.15s;
+  width: 30px;
+}
+.tox .tox-swatch:hover,
+.tox .tox-swatch:focus {
+  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+  transform: scale(0.8);
+}
+.tox .tox-swatch--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-swatch--remove svg path {
+  stroke: #e74c3c;
+}
+.tox .tox-swatches__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-swatches__picker-btn svg {
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-swatches__picker-btn:hover {
+  background: #4a5562;
+}
+.tox:not([dir=rtl]) .tox-swatches__picker-btn {
+  margin-left: auto;
+}
+.tox[dir=rtl] .tox-swatches__picker-btn {
+  margin-right: auto;
+}
+.tox .tox-comment-thread {
+  background: #2b3b4e;
+  position: relative;
+}
+.tox .tox-comment-thread > *:not(:first-child) {
+  margin-top: 8px;
+}
+.tox .tox-comment {
+  background: #2b3b4e;
+  border: 1px solid #000000;
+  border-radius: 3px;
+  box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
+  padding: 8px 8px 16px 8px;
+  position: relative;
+}
+.tox .tox-comment__header {
+  align-items: center;
+  color: #fff;
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-comment__date {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 12px;
+}
+.tox .tox-comment__body {
+  color: #fff;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin-top: 8px;
+  position: relative;
+  text-transform: initial;
+}
+.tox .tox-comment__body textarea {
+  resize: none;
+  white-space: normal;
+  width: 100%;
+}
+.tox .tox-comment__expander {
+  padding-top: 8px;
+}
+.tox .tox-comment__expander p {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 14px;
+  font-style: normal;
+}
+.tox .tox-comment__body p {
+  margin: 0;
+}
+.tox .tox-comment__buttonspacing {
+  padding-top: 16px;
+  text-align: center;
+}
+.tox .tox-comment-thread__overlay::after {
+  background: #2b3b4e;
+  bottom: 0;
+  content: "";
+  display: flex;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__reply {
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__reply > *:first-child {
+  margin-bottom: 8px;
+  width: 100%;
+}
+.tox .tox-comment__edit {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 16px;
+}
+.tox .tox-comment__gradient::after {
+  background: linear-gradient(rgba(43, 59, 78, 0), #2b3b4e);
+  bottom: 0;
+  content: "";
+  display: block;
+  height: 5em;
+  margin-top: -40px;
+  position: absolute;
+  width: 100%;
+}
+.tox .tox-comment__overlay {
+  background: #2b3b4e;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__loading-text {
+  align-items: center;
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.tox .tox-comment__loading-text > div {
+  padding-bottom: 16px;
+}
+.tox .tox-comment__overlaytext {
+  bottom: 0;
+  flex-direction: column;
+  font-size: 14px;
+  left: 0;
+  padding: 1em;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 10;
+}
+.tox .tox-comment__overlaytext p {
+  background-color: #2b3b4e;
+  box-shadow: 0 0 8px 8px #2b3b4e;
+  color: #fff;
+  text-align: center;
+}
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+  font-size: 0.8em;
+}
+.tox .tox-comment__busy-spinner {
+  align-items: center;
+  background-color: #2b3b4e;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 20;
+}
+.tox .tox-comment__scroll {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 1;
+  overflow: auto;
+}
+.tox .tox-conversations {
+  margin: 8px;
+}
+.tox:not([dir=rtl]) .tox-comment__edit {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-comment__edit {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
+.tox[dir=rtl] .tox-comment__edit > *:last-child,
+.tox[dir=rtl] .tox-comment__reply > *:last-child {
+  margin-right: 8px;
+}
+.tox .tox-user {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-user__avatar svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-user__name {
+  color: rgba(255, 255, 255, 0.5);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: bold;
+  text-transform: uppercase;
+}
+.tox:not([dir=rtl]) .tox-user__avatar svg {
+  margin-right: 8px;
+}
+.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar svg {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
+  margin-right: 8px;
+}
+.tox .tox-dialog-wrap {
+  align-items: center;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1100;
+}
+.tox .tox-dialog-wrap__backdrop {
+  background-color: rgba(34, 47, 62, 0.75);
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .tox-dialog-wrap__backdrop--opaque {
+  background-color: #222f3e;
+}
+.tox .tox-dialog {
+  background-color: #2b3b4e;
+  border-color: #000000;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: 0 16px 16px -10px rgba(42, 55, 70, 0.15), 0 0 40px 1px rgba(42, 55, 70, 0.15);
+  display: flex;
+  flex-direction: column;
+  max-height: 100%;
+  max-width: 480px;
+  overflow: hidden;
+  position: relative;
+  width: 95vw;
+  z-index: 2;
+}
+@media only screen and (max-width:767px) {
+  body:not(.tox-force-desktop) .tox .tox-dialog {
+    align-self: flex-start;
+    margin: 8px auto;
+    width: calc(100vw - 16px);
+  }
+}
+.tox .tox-dialog-inline {
+  z-index: 1100;
+}
+.tox .tox-dialog__header {
+  align-items: center;
+  background-color: #2b3b4e;
+  border-bottom: none;
+  color: #fff;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 8px 16px 0 16px;
+  position: relative;
+}
+.tox .tox-dialog__header .tox-button {
+  z-index: 1;
+}
+.tox .tox-dialog__draghandle {
+  cursor: grab;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tox .tox-dialog__draghandle:active {
+  cursor: grabbing;
+}
+.tox .tox-dialog__dismiss {
+  margin-left: auto;
+}
+.tox .tox-dialog__title {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  text-transform: none;
+}
+.tox .tox-dialog__body {
+  color: #fff;
+  display: flex;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  min-width: 0;
+  text-align: left;
+  text-transform: none;
+}
+@media only screen and (max-width:767px) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body {
+    flex-direction: column;
+  }
+}
+.tox .tox-dialog__body-nav {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  padding: 16px 16px;
+}
+@media only screen and (max-width:767px) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+    flex-direction: row;
+    -webkit-overflow-scrolling: touch;
+    overflow-x: auto;
+    padding-bottom: 0;
+  }
+}
+.tox .tox-dialog__body-nav-item {
+  border-bottom: 2px solid transparent;
+  color: rgba(255, 255, 255, 0.5);
+  display: inline-block;
+  font-size: 14px;
+  line-height: 1.3;
+  margin-bottom: 8px;
+  text-decoration: none;
+  white-space: nowrap;
+}
+.tox .tox-dialog__body-nav-item:focus {
+  background-color: rgba(32, 122, 183, 0.1);
+}
+.tox .tox-dialog__body-nav-item--active {
+  border-bottom: 2px solid #207ab7;
+  color: #207ab7;
+}
+.tox .tox-dialog__body-content {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  -ms-flex-preferred-size: auto;
+  max-height: 650px;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  padding: 16px 16px;
+}
+.tox .tox-dialog__body-content > * {
+  margin-bottom: 0;
+  margin-top: 16px;
+}
+.tox .tox-dialog__body-content > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content > *:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content a {
+  color: #207ab7;
+  cursor: pointer;
+  text-decoration: none;
+}
+.tox .tox-dialog__body-content a:hover,
+.tox .tox-dialog__body-content a:focus {
+  color: #185d8c;
+  text-decoration: none;
+}
+.tox .tox-dialog__body-content a:active {
+  color: #185d8c;
+  text-decoration: none;
+}
+.tox .tox-dialog__body-content svg {
+  fill: #fff;
+}
+.tox .tox-dialog__body-content ul {
+  display: block;
+  list-style-type: disc;
+  margin-bottom: 16px;
+  -webkit-margin-end: 0;
+          margin-inline-end: 0;
+  -webkit-margin-start: 0;
+          margin-inline-start: 0;
+  -webkit-padding-start: 2.5rem;
+          padding-inline-start: 2.5rem;
+}
+.tox .tox-dialog__body-content .tox-form__group h1 {
+  color: #fff;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group h2 {
+  color: #fff;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group p {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog--width-lg {
+  height: 650px;
+  max-width: 1200px;
+}
+.tox .tox-dialog--width-md {
+  max-width: 800px;
+}
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+  overflow: auto;
+}
+.tox .tox-dialog__body-content--centered {
+  text-align: center;
+}
+.tox .tox-dialog__footer {
+  align-items: center;
+  background-color: #2b3b4e;
+  border-top: 1px solid #000000;
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 16px;
+}
+.tox .tox-dialog__footer-start,
+.tox .tox-dialog__footer-end {
+  display: flex;
+}
+.tox .tox-dialog__busy-spinner {
+  align-items: center;
+  background-color: rgba(34, 47, 62, 0.75);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 3;
+}
+.tox .tox-dialog__table {
+  border-collapse: collapse;
+  width: 100%;
+}
+.tox .tox-dialog__table thead th {
+  font-weight: bold;
+  padding-bottom: 8px;
+}
+.tox .tox-dialog__table tbody tr {
+  border-bottom: 1px solid #000000;
+}
+.tox .tox-dialog__table tbody tr:last-child {
+  border-bottom: none;
+}
+.tox .tox-dialog__table td {
+  padding-bottom: 8px;
+  padding-top: 8px;
+}
+.tox .tox-dialog__popups {
+  position: absolute;
+  width: 100%;
+  z-index: 1100;
+}
+.tox .tox-dialog__body-iframe {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-dialog__body-iframe .tox-navobj {
+  display: flex;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+  height: 100%;
+}
+.tox .tox-dialog-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-dialog-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-dialog-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+  transition-delay: 0s;
+}
+.tox.tox-platform-ie {
+  /* IE11 CSS styles go here */
+}
+.tox.tox-platform-ie .tox-dialog-wrap {
+  position: -ms-device-fixed;
+}
+@media only screen and (max-width:767px) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
+    margin-right: 0;
+  }
+}
+@media only screen and (max-width:767px) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
+    margin-left: 8px;
+  }
+}
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body {
+  text-align: right;
+}
+@media only screen and (max-width:767px) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
+    margin-left: 0;
+  }
+}
+@media only screen and (max-width:767px) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
+    margin-right: 8px;
+  }
+}
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-right: 8px;
+}
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox .tox-dropzone-container {
+  display: flex;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-dropzone {
+  align-items: center;
+  background: #fff;
+  border: 2px dashed #000000;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  justify-content: center;
+  min-height: 100px;
+  padding: 10px;
+}
+.tox .tox-dropzone p {
+  color: rgba(255, 255, 255, 0.5);
+  margin: 0 0 16px 0;
+}
+.tox .tox-edit-area {
+  display: flex;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+  overflow: hidden;
+  position: relative;
+}
+.tox .tox-edit-area__iframe {
+  background-color: #fff;
+  border: 0;
+  box-sizing: border-box;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+.tox.tox-inline-edit-area {
+  border: 1px dotted #000000;
+}
+.tox .tox-editor-container {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-editor-header {
+  z-index: 1;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+  box-shadow: none;
+  transition: box-shadow 0.5s;
+}
+.tox.tox-tinymce--toolbar-bottom .tox-editor-header,
+.tox.tox-tinymce-inline .tox-editor-header {
+  margin-bottom: -1px;
+}
+.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+.tox-editor-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox-editor-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox-editor-dock-transition {
+  transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-control-wrap {
+  flex: 1;
+  position: relative;
+}
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+  display: none;
+}
+.tox .tox-control-wrap svg {
+  display: block;
+}
+.tox .tox-control-wrap__status-icon-wrap {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-control-wrap__status-icon-invalid svg {
+  fill: #c00;
+}
+.tox .tox-control-wrap__status-icon-unknown svg {
+  fill: orange;
+}
+.tox .tox-control-wrap__status-icon-valid svg {
+  fill: green;
+}
+.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
+  padding-right: 32px;
+}
+.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
+  right: 4px;
+}
+.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
+  padding-left: 32px;
+}
+.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
+  left: 4px;
+}
+.tox .tox-autocompleter {
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-menu {
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+  font-weight: bold;
+}
+.tox .tox-color-input {
+  display: flex;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-color-input .tox-textfield {
+  z-index: -1;
+}
+.tox .tox-color-input span {
+  border-color: rgba(42, 55, 70, 0.2);
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  height: 24px;
+  position: absolute;
+  top: 6px;
+  width: 24px;
+}
+.tox .tox-color-input span:hover:not([aria-disabled=true]),
+.tox .tox-color-input span:focus:not([aria-disabled=true]) {
+  border-color: #207ab7;
+  cursor: pointer;
+}
+.tox .tox-color-input span::before {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%);
+  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+  background-size: 12px 12px;
+  border: 1px solid #2b3b4e;
+  border-radius: 3px;
+  box-sizing: border-box;
+  content: '';
+  height: 24px;
+  left: -1px;
+  position: absolute;
+  top: -1px;
+  width: 24px;
+  z-index: -1;
+}
+.tox .tox-color-input span[aria-disabled=true] {
+  cursor: not-allowed;
+}
+.tox:not([dir=rtl]) .tox-color-input {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.tox:not([dir=rtl]) .tox-color-input .tox-textfield {
+  padding-left: 36px;
+}
+.tox:not([dir=rtl]) .tox-color-input span {
+  left: 6px;
+}
+.tox[dir="rtl"] .tox-color-input {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.tox[dir="rtl"] .tox-color-input .tox-textfield {
+  padding-right: 36px;
+}
+.tox[dir="rtl"] .tox-color-input span {
+  right: 6px;
+}
+.tox .tox-label,
+.tox .tox-toolbar-label {
+  color: rgba(255, 255, 255, 0.5);
+  display: block;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  padding: 0 8px 0 0;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-toolbar-label {
+  padding: 0 8px;
+}
+.tox[dir=rtl] .tox-label {
+  padding: 0 0 0 8px;
+}
+.tox .tox-form {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-form__group {
+  box-sizing: border-box;
+  margin-bottom: 4px;
+}
+.tox .tox-form-group--maximize {
+  flex: 1;
+}
+.tox .tox-form__group--error {
+  color: #c00;
+}
+.tox .tox-form__group--collection {
+  display: flex;
+}
+.tox .tox-form__grid {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.tox .tox-form__grid--2col > .tox-form__group {
+  width: calc(50% - (8px / 2));
+}
+.tox .tox-form__grid--3col > .tox-form__group {
+  width: calc(100% / 3 - (8px / 2));
+}
+.tox .tox-form__grid--4col > .tox-form__group {
+  width: calc(25% - (8px / 2));
+}
+.tox .tox-form__controls-h-stack {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--inline {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--stretched {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-form__group--stretched .tox-textarea {
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-form__group--stretched .tox-navobj {
+  display: flex;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+  height: 100%;
+}
+.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+  display: none;
+}
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield,
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: #2b3b4e;
+  border-color: #000000;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 4.75px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-textfield[disabled],
+.tox .tox-textarea[disabled] {
+  background-color: #222f3e;
+  color: rgba(255, 255, 255, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-textfield:focus,
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea:focus {
+  background-color: #2b3b4e;
+  border-color: #207ab7;
+  box-shadow: none;
+  outline: none;
+}
+.tox .tox-toolbar-textfield {
+  border-width: 0;
+  margin-bottom: 3px;
+  margin-top: 2px;
+  max-width: 250px;
+}
+.tox .tox-naked-btn {
+  background-color: transparent;
+  border: 0;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #207ab7;
+  cursor: pointer;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+.tox .tox-naked-btn svg {
+  display: block;
+  fill: #fff;
+}
+.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-toolbar-textfield + * {
+  margin-right: 4px;
+}
+.tox .tox-listboxfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+  background-color: #19232e;
+  color: rgba(255, 255, 255, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-listbox__select-label {
+  cursor: default;
+  flex: 1;
+  margin: 0 4px;
+}
+.tox .tox-listbox__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-listbox__select-chevron svg {
+  fill: #fff;
+}
+.tox .tox-listboxfield .tox-listbox--select {
+  align-items: center;
+  display: flex;
+}
+.tox:not([dir=rtl]) .tox-listboxfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-listboxfield svg {
+  left: 8px;
+}
+.tox .tox-selectfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-selectfield select {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: #2b3b4e;
+  border-color: #000000;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 4.75px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-selectfield select[disabled] {
+  background-color: #19232e;
+  color: rgba(255, 255, 255, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-selectfield select::-ms-expand {
+  display: none;
+}
+.tox .tox-selectfield select:focus {
+  background-color: #2b3b4e;
+  border-color: #207ab7;
+  box-shadow: none;
+  outline: none;
+}
+.tox .tox-selectfield svg {
+  pointer-events: none;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox:not([dir=rtl]) .tox-selectfield select[size="0"],
+.tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
+  padding-right: 24px;
+}
+.tox:not([dir=rtl]) .tox-selectfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-selectfield select[size="0"],
+.tox[dir=rtl] .tox-selectfield select[size="1"] {
+  padding-left: 24px;
+}
+.tox[dir=rtl] .tox-selectfield svg {
+  left: 8px;
+}
+.tox .tox-textarea {
+  -webkit-appearance: textarea;
+     -moz-appearance: textarea;
+          appearance: textarea;
+  white-space: pre-wrap;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  left: 0;
+  margin: 0;
+  overflow: hidden;
+  -ms-scroll-chaining: none;
+      overscroll-behavior: none;
+  padding: 0;
+  position: fixed;
+  top: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  z-index: 1200;
+}
+.tox-shadowhost.tox-fullscreen {
+  z-index: 1200;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
+.tox .tox-help__more-link {
+  list-style: none;
+  margin-top: 1em;
+}
+.tox .tox-image-tools {
+  width: 100%;
+}
+.tox .tox-image-tools__toolbar {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-image-tools__image {
+  background-color: #666;
+  height: 380px;
+  overflow: auto;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-image-tools__image,
+.tox .tox-image-tools__image + .tox-image-tools__toolbar {
+  margin-top: 8px;
+}
+.tox .tox-image-tools__image-bg {
+  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+.tox .tox-image-tools__toolbar > .tox-spacer {
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-croprect-block {
+  background: black;
+  filter: alpha(opacity=50);
+  opacity: 0.5;
+  position: absolute;
+  zoom: 1;
+}
+.tox .tox-croprect-handle {
+  border: 2px solid white;
+  height: 20px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 20px;
+}
+.tox .tox-croprect-handle-move {
+  border: 0;
+  cursor: move;
+  position: absolute;
+}
+.tox .tox-croprect-handle-nw {
+  border-width: 2px 0 0 2px;
+  cursor: nw-resize;
+  left: 100px;
+  margin: -2px 0 0 -2px;
+  top: 100px;
+}
+.tox .tox-croprect-handle-ne {
+  border-width: 2px 2px 0 0;
+  cursor: ne-resize;
+  left: 200px;
+  margin: -2px 0 0 -20px;
+  top: 100px;
+}
+.tox .tox-croprect-handle-sw {
+  border-width: 0 0 2px 2px;
+  cursor: sw-resize;
+  left: 100px;
+  margin: -20px 2px 0 -2px;
+  top: 200px;
+}
+.tox .tox-croprect-handle-se {
+  border-width: 0 2px 2px 0;
+  cursor: se-resize;
+  left: 200px;
+  margin: -20px 0 0 -20px;
+  top: 200px;
+}
+.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider {
+  margin-left: 32px;
+}
+.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button {
+  margin-left: 32px;
+}
+.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider {
+  margin-right: 32px;
+}
+.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button {
+  margin-right: 32px;
+}
+.tox .tox-insert-table-picker {
+  display: flex;
+  flex-wrap: wrap;
+  width: 170px;
+}
+.tox .tox-insert-table-picker > div {
+  border-color: #000000;
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  box-sizing: border-box;
+  height: 17px;
+  width: 17px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+  margin: -4px 0;
+}
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+  background-color: rgba(32, 122, 183, 0.5);
+  border-color: rgba(32, 122, 183, 0.5);
+}
+.tox .tox-insert-table-picker__label {
+  color: #fff;
+  display: block;
+  font-size: 14px;
+  padding: 4px;
+  text-align: center;
+  width: 100%;
+}
+.tox:not([dir=rtl]) {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
+  border-right: 0;
+}
+.tox[dir=rtl] {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
+  border-right: 0;
+}
+.tox {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
+.tox .tox-menu {
+  background-color: #2b3b4e;
+  border: 1px solid #000000;
+  border-radius: 3px;
+  box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);
+  display: inline-block;
+  overflow: hidden;
+  vertical-align: top;
+  z-index: 1150;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+  padding: 0;
+}
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+  padding: 4px;
+}
+.tox .tox-menu.tox-collection.tox-collection--grid {
+  padding: 4px;
+}
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p,
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code {
+  margin: 0;
+}
+.tox .tox-menubar {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;
+  background-color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  padding: 0 4px 0 4px;
+}
+.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
+  border-top: 1px solid #000000;
+}
+/* Deprecated. Remove in next major release */
+.tox .tox-mbtn {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 34px;
+  justify-content: center;
+  margin: 2px 0 3px 0;
+  outline: none;
+  overflow: hidden;
+  padding: 0 4px;
+  text-transform: none;
+  width: auto;
+}
+.tox .tox-mbtn[disabled] {
+  background-color: transparent;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-mbtn:focus:not(:disabled) {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-mbtn--active {
+  background: #757d87;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-mbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  margin: 0 4px;
+}
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-mbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+  display: none;
+}
+.tox .tox-notification {
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: -ms-grid;
+  display: grid;
+  font-size: 14px;
+  font-weight: normal;
+  -ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+      grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+  margin-top: 4px;
+  opacity: 0;
+  padding: 4px;
+  transition: transform 100ms ease-in, opacity 150ms ease-in;
+}
+.tox .tox-notification p {
+  font-size: 14px;
+  font-weight: normal;
+}
+.tox .tox-notification a {
+  text-decoration: underline;
+}
+.tox .tox-notification--in {
+  opacity: 1;
+}
+.tox .tox-notification--success {
+  background-color: #e4eeda;
+  border-color: #d7e6c8;
+  color: #fff;
+}
+.tox .tox-notification--success p {
+  color: #fff;
+}
+.tox .tox-notification--success a {
+  color: #547831;
+}
+.tox .tox-notification--success svg {
+  fill: #fff;
+}
+.tox .tox-notification--error {
+  background-color: #f8dede;
+  border-color: #f2bfbf;
+  color: #fff;
+}
+.tox .tox-notification--error p {
+  color: #fff;
+}
+.tox .tox-notification--error a {
+  color: #c00;
+}
+.tox .tox-notification--error svg {
+  fill: #fff;
+}
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+  background-color: #fffaea;
+  border-color: #ffe89d;
+  color: #fff;
+}
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+  color: #fff;
+}
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+  color: #fff;
+}
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+  fill: #fff;
+}
+.tox .tox-notification--info {
+  background-color: #d9edf7;
+  border-color: #779ecb;
+  color: #fff;
+}
+.tox .tox-notification--info p {
+  color: #fff;
+}
+.tox .tox-notification--info a {
+  color: #fff;
+}
+.tox .tox-notification--info svg {
+  fill: #fff;
+}
+.tox .tox-notification__body {
+  -ms-grid-row-align: center;
+      align-self: center;
+  color: #fff;
+  font-size: 14px;
+  -ms-grid-column-span: 1;
+  grid-column-end: 3;
+  -ms-grid-column: 2;
+      grid-column-start: 2;
+  -ms-grid-row-span: 1;
+  grid-row-end: 2;
+  -ms-grid-row: 1;
+      grid-row-start: 1;
+  text-align: center;
+  white-space: normal;
+  word-break: break-all;
+  word-break: break-word;
+}
+.tox .tox-notification__body > * {
+  margin: 0;
+}
+.tox .tox-notification__body > * + * {
+  margin-top: 1rem;
+}
+.tox .tox-notification__icon {
+  -ms-grid-row-align: center;
+      align-self: center;
+  -ms-grid-column-span: 1;
+  grid-column-end: 2;
+  -ms-grid-column: 1;
+      grid-column-start: 1;
+  -ms-grid-row-span: 1;
+  grid-row-end: 2;
+  -ms-grid-row: 1;
+      grid-row-start: 1;
+  -ms-grid-column-align: end;
+      justify-self: end;
+}
+.tox .tox-notification__icon svg {
+  display: block;
+}
+.tox .tox-notification__dismiss {
+  -ms-grid-row-align: start;
+      align-self: start;
+  -ms-grid-column-span: 1;
+  grid-column-end: 4;
+  -ms-grid-column: 3;
+      grid-column-start: 3;
+  -ms-grid-row-span: 1;
+  grid-row-end: 2;
+  -ms-grid-row: 1;
+      grid-row-start: 1;
+  -ms-grid-column-align: end;
+      justify-self: end;
+}
+.tox .tox-notification .tox-progress-bar {
+  -ms-grid-column-span: 3;
+  grid-column-end: 4;
+  -ms-grid-column: 1;
+      grid-column-start: 1;
+  -ms-grid-row-span: 1;
+  grid-row-end: 3;
+  -ms-grid-row: 2;
+      grid-row-start: 2;
+  -ms-grid-column-align: center;
+      justify-self: center;
+}
+.tox .tox-pop {
+  display: inline-block;
+  position: relative;
+}
+.tox .tox-pop--resizing {
+  transition: width 0.1s ease;
+}
+.tox .tox-pop--resizing .tox-toolbar {
+  flex-wrap: nowrap;
+}
+.tox .tox-pop__dialog {
+  background-color: #222f3e;
+  border: 1px solid #000000;
+  border-radius: 3px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+  min-width: 0;
+  overflow: hidden;
+}
+.tox .tox-pop__dialog > *:not(.tox-toolbar) {
+  margin: 4px 4px 4px 8px;
+}
+.tox .tox-pop__dialog .tox-toolbar {
+  background-color: transparent;
+  margin-bottom: -1px;
+}
+.tox .tox-pop::before,
+.tox .tox-pop::after {
+  border-style: solid;
+  content: '';
+  display: block;
+  height: 0;
+  position: absolute;
+  width: 0;
+}
+.tox .tox-pop.tox-pop--bottom::before,
+.tox .tox-pop.tox-pop--bottom::after {
+  left: 50%;
+  top: 100%;
+}
+.tox .tox-pop.tox-pop--bottom::after {
+  border-color: #222f3e transparent transparent transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: -1px;
+}
+.tox .tox-pop.tox-pop--bottom::before {
+  border-color: #000000 transparent transparent transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--top::before,
+.tox .tox-pop.tox-pop--top::after {
+  left: 50%;
+  top: 0;
+  transform: translateY(-100%);
+}
+.tox .tox-pop.tox-pop--top::after {
+  border-color: transparent transparent #222f3e transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: 1px;
+}
+.tox .tox-pop.tox-pop--top::before {
+  border-color: transparent transparent #000000 transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--left::before,
+.tox .tox-pop.tox-pop--left::after {
+  left: 0;
+  top: calc(50% - 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--left::after {
+  border-color: transparent #222f3e transparent transparent;
+  border-width: 8px;
+  margin-left: -15px;
+}
+.tox .tox-pop.tox-pop--left::before {
+  border-color: transparent #000000 transparent transparent;
+  border-width: 10px;
+  margin-left: -19px;
+}
+.tox .tox-pop.tox-pop--right::before,
+.tox .tox-pop.tox-pop--right::after {
+  left: 100%;
+  top: calc(50% + 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--right::after {
+  border-color: transparent transparent transparent #222f3e;
+  border-width: 8px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--right::before {
+  border-color: transparent transparent transparent #000000;
+  border-width: 10px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--align-left::before,
+.tox .tox-pop.tox-pop--align-left::after {
+  left: 20px;
+}
+.tox .tox-pop.tox-pop--align-right::before,
+.tox .tox-pop.tox-pop--align-right::after {
+  left: calc(100% - 20px);
+}
+.tox .tox-sidebar-wrap {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  -ms-flex-preferred-size: 0;
+  min-height: 0;
+}
+.tox .tox-sidebar {
+  background-color: #222f3e;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+.tox .tox-sidebar__slider {
+  display: flex;
+  overflow: hidden;
+}
+.tox .tox-sidebar__pane-container {
+  display: flex;
+}
+.tox .tox-sidebar__pane {
+  display: flex;
+}
+.tox .tox-sidebar--sliding-closed {
+  opacity: 0;
+}
+.tox .tox-sidebar--sliding-open {
+  opacity: 1;
+}
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+  transition: width 0.5s ease, opacity 0.5s ease;
+}
+.tox .tox-selector {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  display: inline-block;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox.tox-platform-touch .tox-selector {
+  height: 12px;
+  width: 12px;
+}
+.tox .tox-slider {
+  align-items: center;
+  display: flex;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+  height: 24px;
+  justify-content: center;
+  position: relative;
+}
+.tox .tox-slider__rail {
+  background-color: transparent;
+  border: 1px solid #000000;
+  border-radius: 3px;
+  height: 10px;
+  min-width: 120px;
+  width: 100%;
+}
+.tox .tox-slider__handle {
+  background-color: #207ab7;
+  border: 2px solid #185d8c;
+  border-radius: 3px;
+  box-shadow: none;
+  height: 24px;
+  left: 50%;
+  position: absolute;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
+  width: 14px;
+}
+.tox .tox-source-code {
+  overflow: auto;
+}
+.tox .tox-spinner {
+  display: flex;
+}
+.tox .tox-spinner > div {
+  animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+  background-color: rgba(255, 255, 255, 0.5);
+  border-radius: 100%;
+  height: 8px;
+  width: 8px;
+}
+.tox .tox-spinner > div:nth-child(1) {
+  animation-delay: -0.32s;
+}
+.tox .tox-spinner > div:nth-child(2) {
+  animation-delay: -0.16s;
+}
+@keyframes tam-bouncing-dots {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-statusbar {
+  align-items: center;
+  background-color: #222f3e;
+  border-top: 1px solid #000000;
+  color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 12px;
+  font-weight: normal;
+  height: 18px;
+  overflow: hidden;
+  padding: 0 8px;
+  position: relative;
+  text-transform: uppercase;
+}
+.tox .tox-statusbar__text-container {
+  display: flex;
+  flex: 1 1 auto;
+  justify-content: flex-end;
+  overflow: hidden;
+}
+.tox .tox-statusbar__path {
+  display: flex;
+  flex: 1 1 auto;
+  margin-right: auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__path > * {
+  display: inline;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__wordcount {
+  flex: 0 0 auto;
+  margin-left: 1ch;
+}
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+  color: #fff;
+  text-decoration: none;
+}
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
+  cursor: pointer;
+  text-decoration: underline;
+}
+.tox .tox-statusbar__resize-handle {
+  align-items: flex-end;
+  align-self: stretch;
+  cursor: nwse-resize;
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: flex-end;
+  margin-left: auto;
+  margin-right: -8px;
+  padding-left: 1ch;
+}
+.tox .tox-statusbar__resize-handle svg {
+  display: block;
+  fill: #fff;
+}
+.tox:not([dir=rtl]) .tox-statusbar__path > * {
+  margin-right: 4px;
+}
+.tox:not([dir=rtl]) .tox-statusbar__branding {
+  margin-left: 1ch;
+}
+.tox[dir=rtl] .tox-statusbar {
+  flex-direction: row-reverse;
+}
+.tox[dir=rtl] .tox-statusbar__path > * {
+  margin-left: 4px;
+}
+.tox .tox-throbber {
+  z-index: 1400;
+}
+.tox .tox-throbber__busy-spinner {
+  align-items: center;
+  background-color: rgba(34, 47, 62, 0.6);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-tbtn {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 34px;
+  justify-content: center;
+  margin: 2px 0 3px 0;
+  outline: none;
+  overflow: hidden;
+  padding: 0;
+  text-transform: none;
+  width: 34px;
+}
+.tox .tox-tbtn svg {
+  display: block;
+  fill: #fff;
+}
+.tox .tox-tbtn.tox-tbtn-more {
+  padding-left: 5px;
+  padding-right: 5px;
+  width: inherit;
+}
+.tox .tox-tbtn:focus {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+}
+.tox .tox-tbtn:hover {
+  background: #4a5562;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tbtn:hover svg {
+  fill: #fff;
+}
+.tox .tox-tbtn:active {
+  background: #757d87;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tbtn:active svg {
+  fill: #fff;
+}
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+  /* stylelint-disable-line no-descending-specificity */
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover {
+  background: #757d87;
+  border: 0;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-tbtn--enabled > *,
+.tox .tox-tbtn--enabled:hover > * {
+  transform: none;
+}
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg {
+  /* stylelint-disable-line no-descending-specificity */
+  fill: #fff;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+  color: #fff;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+  fill: #fff;
+}
+.tox .tox-tbtn:active > * {
+  transform: none;
+}
+.tox .tox-tbtn--md {
+  height: 51px;
+  width: 51px;
+}
+.tox .tox-tbtn--lg {
+  flex-direction: column;
+  height: 68px;
+  width: 68px;
+}
+.tox .tox-tbtn--return {
+  -ms-grid-row-align: stretch;
+      align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-tbtn--select {
+  margin: 2px 0 3px 0;
+  padding: 0 4px;
+  width: auto;
+}
+.tox .tox-tbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  margin: 0 4px;
+}
+.tox .tox-tbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-tbtn__select-chevron svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 7em;
+}
+.tox .tox-split-button {
+  border: 0;
+  border-radius: 3px;
+  box-sizing: border-box;
+  display: flex;
+  margin: 2px 0 3px 0;
+  overflow: hidden;
+}
+.tox .tox-split-button:hover {
+  box-shadow: 0 0 0 1px #4a5562 inset;
+}
+.tox .tox-split-button:focus {
+  background: #4a5562;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-split-button > * {
+  border-radius: 0;
+}
+.tox .tox-split-button__chevron {
+  width: 16px;
+}
+.tox .tox-split-button__chevron svg {
+  fill: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-split-button .tox-tbtn {
+  margin: 0;
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child {
+  width: 30px;
+}
+.tox.tox-platform-touch .tox-split-button__chevron {
+  width: 20px;
+}
+.tox .tox-split-button.tox-tbtn--disabled:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
+  background: transparent;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+}
+.tox .tox-toolbar-overlord {
+  background-color: #222f3e;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;
+  background-color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  padding: 0 0;
+}
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+  height: 0;
+  opacity: 0;
+  padding-bottom: 0;
+  padding-top: 0;
+  visibility: hidden;
+}
+.tox .tox-toolbar__overflow--growing {
+  transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+.tox .tox-toolbar__overflow--shrinking {
+  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
+  border-top: 1px solid #000000;
+  margin-top: -1px;
+}
+.tox .tox-toolbar--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-pop .tox-toolbar {
+  border-width: 0;
+}
+.tox .tox-toolbar--no-divider {
+  background-image: none;
+}
+.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child,
+.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary {
+  border-top: 1px solid #000000;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+  background-color: #222f3e;
+  border: 1px solid #000000;
+  border-radius: 3px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+}
+.tox[dir=rtl] .tox-tbtn__icon-rtl svg {
+  transform: rotateY(180deg);
+}
+.tox .tox-toolbar__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 0;
+  padding: 0 4px 0 4px;
+}
+.tox .tox-toolbar__group--pull-right {
+  margin-left: auto;
+}
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+}
+.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
+  border-right: 1px solid #000000;
+}
+.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
+  border-left: 1px solid #000000;
+}
+.tox .tox-tooltip {
+  display: inline-block;
+  padding: 8px;
+  position: relative;
+}
+.tox .tox-tooltip__body {
+  background-color: #3d546f;
+  border-radius: 3px;
+  box-shadow: 0 2px 4px rgba(42, 55, 70, 0.3);
+  color: rgba(255, 255, 255, 0.75);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  padding: 4px 8px;
+  text-transform: none;
+}
+.tox .tox-tooltip__arrow {
+  position: absolute;
+}
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  border-top: 8px solid #3d546f;
+  bottom: 0;
+  left: 50%;
+  position: absolute;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+  border-bottom: 8px solid #3d546f;
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  left: 50%;
+  position: absolute;
+  top: 0;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-left: 8px solid #3d546f;
+  border-top: 8px solid transparent;
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-right: 8px solid #3d546f;
+  border-top: 8px solid transparent;
+  left: 0;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-well {
+  border: 1px solid #000000;
+  border-radius: 3px;
+  padding: 8px;
+  width: 100%;
+}
+.tox .tox-well > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-well > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-well > *:only-child {
+  margin: 0;
+}
+.tox .tox-custom-editor {
+  border: 1px solid #000000;
+  border-radius: 3px;
+  display: flex;
+  flex: 1;
+  position: relative;
+}
+/* stylelint-disable */
+.tox {
+  /* stylelint-enable */
+}
+.tox .tox-dialog-loading::before {
+  background-color: rgba(0, 0, 0, 0.5);
+  content: "";
+  height: 100%;
+  position: absolute;
+  width: 100%;
+  z-index: 1000;
+}
+.tox .tox-tab {
+  cursor: pointer;
+}
+.tox .tox-dialog__content-js {
+  display: flex;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-dialog__body-content .tox-collection {
+  display: flex;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-image-tools-edit-panel {
+  height: 60px;
+}
+.tox .tox-image-tools__sidebar {
+  height: 60px;
+}
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/skin.min.css b/src/assets/tinymce/skins/ui/oxide-dark/skin.min.css
new file mode 100644
index 00000000..41afd92c
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/skin.min.css
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tox{box-sizing:content-box;color:#2a3746;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:1px solid #000;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox-tinymce-inline{border:none;box-shadow:none}.tox-tinymce-inline .tox-editor-header{border:1px solid #000;border-radius:0;box-shadow:none}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description{align-items:stretch;border:1px solid #000;border-radius:3px;display:flex;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>:last-child:not(:only-child){border-color:#000;border-style:solid}.tox .accessibility-issue__repair{margin-top:16px}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:rgba(32,122,183,.5);border-color:#207ab7;color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description>:last-child{border-color:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg{fill:#fff}.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:rgba(255,165,0,.5);border-color:rgba(255,165,0,.8);color:#fff}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description>:last-child{border-color:rgba(255,165,0,.8)}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg{fill:#fff}.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:rgba(204,0,0,.5);border-color:rgba(204,0,0,.8);color:#fff}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description>:last-child{border-color:rgba(204,0,0,.8)}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg{fill:#fff}.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.5);border-color:rgba(120,171,70,.8);color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{border-color:rgba(120,171,70,.8)}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#fff}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg{fill:#fff}.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon{color:#fff}.tox .tox-dialog__body-content .accessibility-issue__header h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:4px 4px 4px 8px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description>:last-child{border-left-width:1px;padding-left:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description>:last-child{border-right-width:1px;padding-right:4px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#207ab7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#207ab7;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;text-align:center;text-decoration:none;text-transform:capitalize;white-space:nowrap}.tox .tox-button[disabled]{background-color:#207ab7;background-image:none;border-color:#207ab7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:hover:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button--secondary{background-color:#3d546f;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#3d546f;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;color:#fff;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;text-decoration:none;text-transform:capitalize}.tox .tox-button--secondary[disabled]{background-color:#3d546f;background-image:none;border-color:#3d546f;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:hover:not(:disabled){background-color:#34485f;background-image:none;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--secondary:active:not(:disabled){background-color:#2b3b4e;background-image:none;border-color:#2b3b4e;box-shadow:none;color:#fff}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#fff}.tox .tox-button--naked[disabled]{background-color:#3d546f;border-color:#3d546f;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:#34485f;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--naked:focus:not(:disabled){background-color:#34485f;border-color:#34485f;box-shadow:none;color:#fff}.tox .tox-button--naked:active:not(:disabled){background-color:#2b3b4e;border-color:#2b3b4e;box-shadow:none;color:#fff}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#fff}.tox .tox-checkbox{align-items:center;border-radius:3px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:3px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(255,255,255,.2)}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#207ab7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#207ab7}.tox .tox-checkbox--disabled{color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(255,255,255,.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(255,255,255,.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(255,255,255,.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:3px;box-shadow:inset 0 0 0 1px #207ab7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#1a1a1a;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#333;color:#fff;cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;color:#fff;cursor:pointer;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled{background-color:#2b3b4e;color:#fff}.tox .tox-collection--list .tox-collection__item--active{background-color:#4a5562}.tox .tox-collection--toolbar .tox-collection__item--enabled{background-color:#757d87;color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active{background-color:#4a5562}.tox .tox-collection--grid .tox-collection__item--enabled{background-color:#757d87;color:#fff}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#4a5562;color:#fff}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#fff}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#fff}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;-ms-flex-preferred-size:auto;font-size:14px;font-style:normal;font-weight:400;line-height:24px;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:rgba(255,255,255,.5);display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:#fff}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#2b3b4e;border:1px solid #1a1a1a;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:34px;margin:2px 0 3px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{-ms-grid-row-align:center;align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{-ms-grid-row-align:center;align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid #000}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid #000}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-icon-rtl .tox-collection__item-icon svg{transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:2px 0 3px 4px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px 0}.tox .tox-swatches__row{display:flex}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#4a5562}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-comment-thread{background:#2b3b4e;position:relative}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment{background:#2b3b4e;border:1px solid #000;border-radius:3px;box-shadow:0 4px 8px 0 rgba(42,55,70,.1);padding:8px 8px 16px 8px;position:relative}.tox .tox-comment__header{align-items:center;color:#fff;display:flex;justify-content:space-between}.tox .tox-comment__date{color:rgba(255,255,255,.5);font-size:12px}.tox .tox-comment__body{color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(255,255,255,.5);font-size:14px;font-style:normal}.tox .tox-comment__body p{margin:0}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-comment-thread__overlay::after{background:#2b3b4e;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:16px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(43,59,78,0),#2b3b4e);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#2b3b4e;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__loading-text{align-items:center;color:#fff;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#2b3b4e;box-shadow:0 0 8px 8px #2b3b4e;color:#fff;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__busy-spinner{align-items:center;background-color:#2b3b4e;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto}.tox .tox-conversations{margin:8px}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(255,255,255,.5)}.tox .tox-user__name{color:rgba(255,255,255,.5);font-size:12px;font-style:normal;font-weight:700;text-transform:uppercase}.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(34,47,62,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#222f3e}.tox .tox-dialog{background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:0 16px 16px -10px rgba(42,55,70,.15),0 0 40px 1px rgba(42,55,70,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#2b3b4e;border-bottom:none;color:#fff;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#fff;display:flex;flex:1;-ms-flex-preferred-size:auto;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;padding:16px 16px}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(255,255,255,.5);display:inline-block;font-size:14px;line-height:1.3;margin-bottom:8px;text-decoration:none;white-space:nowrap}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(32,122,183,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #207ab7;color:#207ab7}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto;max-height:650px;overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#207ab7;cursor:pointer;text-decoration:none}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#185d8c;text-decoration:none}.tox .tox-dialog__body-content a:active{color:#185d8c;text-decoration:none}.tox .tox-dialog__body-content svg{fill:#fff}.tox .tox-dialog__body-content ul{display:block;list-style-type:disc;margin-bottom:16px;-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.tox .tox-dialog__body-content .tox-form__group h1{color:#fff;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#fff;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#2b3b4e;border-top:1px solid #000;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(34,47,62,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #000}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;-ms-flex-preferred-size:auto;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}.tox.tox-platform-ie .tox-dialog-wrap{position:-ms-device-fixed}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #000;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(255,255,255,.5);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;-ms-flex-preferred-size:auto;overflow:hidden;position:relative}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;-ms-flex-preferred-size:auto;height:100%;position:absolute;width:100%}.tox.tox-inline-edit-area{border:1px dotted #000}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{z-index:1}.tox:not(.tox-tinymce-inline) .tox-editor-header{box-shadow:none;transition:box-shadow .5s}.tox.tox-tinymce--toolbar-bottom .tox-editor-header,.tox.tox-tinymce-inline .tox-editor-header{margin-bottom:-1px}.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(42,55,70,.2);border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#207ab7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #2b3b4e;border-radius:3px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(255,255,255,.5);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-textarea{flex:1;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;-ms-flex-preferred-size:auto;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textfield,.tox .tox-toolbar-textfield{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled]{background-color:#222f3e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea:focus,.tox .tox-textfield:focus{background-color:#2b3b4e;border-color:#207ab7;box-shadow:none;outline:0}.tox .tox-toolbar-textfield{border-width:0;margin-bottom:3px;margin-top:2px;max-width:250px}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#207ab7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#fff}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#fff}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2b3b4e;border-color:#000;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#19232e;color:rgba(255,255,255,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#2b3b4e;border-color:#207ab7;box-shadow:none;outline:0}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea{-webkit-appearance:textarea;-moz-appearance:textarea;appearance:textarea;white-space:pre-wrap}.tox-fullscreen{border:0;height:100%;left:0;margin:0;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:none;padding:0;position:fixed;top:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox.tox-tinymce.tox-fullscreen{z-index:1200}.tox-shadowhost.tox-fullscreen{z-index:1200}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-image-tools{width:100%}.tox .tox-image-tools__toolbar{align-items:center;display:flex;justify-content:center}.tox .tox-image-tools__image{background-color:#666;height:380px;overflow:auto;position:relative;width:100%}.tox .tox-image-tools__image,.tox .tox-image-tools__image+.tox-image-tools__toolbar{margin-top:8px}.tox .tox-image-tools__image-bg{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools__toolbar>.tox-spacer{flex:1;-ms-flex-preferred-size:auto}.tox .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-left:8px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-left:32px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-left:32px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-right:8px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-right:32px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-right:32px}.tox .tox-insert-table-picker{display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#000;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px 0}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:rgba(32,122,183,.5);border-color:rgba(32,122,183,.5)}.tox .tox-insert-table-picker__label{color:#fff;display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox .tox-menu{background-color:#2b3b4e;border:1px solid #000;border-radius:3px;box-shadow:0 4px 8px 0 rgba(42,55,70,.1);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:4px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:4px}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;background-color:#222f3e;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 4px 0 4px}.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar{border-top:1px solid #000}.tox .tox-mbtn{align-items:center;background:0 0;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;overflow:hidden;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:transparent;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn--active{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:-ms-grid;display:grid;font-size:14px;font-weight:400;-ms-grid-columns:minmax(40px,1fr) auto minmax(40px,1fr);grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification a{text-decoration:underline}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#e4eeda;border-color:#d7e6c8;color:#fff}.tox .tox-notification--success p{color:#fff}.tox .tox-notification--success a{color:#547831}.tox .tox-notification--success svg{fill:#fff}.tox .tox-notification--error{background-color:#f8dede;border-color:#f2bfbf;color:#fff}.tox .tox-notification--error p{color:#fff}.tox .tox-notification--error a{color:#c00}.tox .tox-notification--error svg{fill:#fff}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#fffaea;border-color:#ffe89d;color:#fff}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#fff}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#fff}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#fff}.tox .tox-notification--info{background-color:#d9edf7;border-color:#779ecb;color:#fff}.tox .tox-notification--info p{color:#fff}.tox .tox-notification--info a{color:#fff}.tox .tox-notification--info svg{fill:#fff}.tox .tox-notification__body{-ms-grid-row-align:center;align-self:center;color:#fff;font-size:14px;-ms-grid-column-span:1;grid-column-end:3;-ms-grid-column:2;grid-column-start:2;-ms-grid-row-span:1;grid-row-end:2;-ms-grid-row:1;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{-ms-grid-row-align:center;align-self:center;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-column:1;grid-column-start:1;-ms-grid-row-span:1;grid-row-end:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-align:end;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{-ms-grid-row-align:start;align-self:start;-ms-grid-column-span:1;grid-column-end:4;-ms-grid-column:3;grid-column-start:3;-ms-grid-row-span:1;grid-row-end:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-align:end;justify-self:end}.tox .tox-notification .tox-progress-bar{-ms-grid-column-span:3;grid-column-end:4;-ms-grid-column:1;grid-column-start:1;-ms-grid-row-span:1;grid-row-end:3;-ms-grid-row:2;grid-row-start:2;-ms-grid-column-align:center;justify-self:center}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar{flex-wrap:nowrap}.tox .tox-pop__dialog{background-color:#222f3e;border:1px solid #000;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;position:absolute;width:0}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#222f3e transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#000 transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #222f3e transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #000 transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #222f3e transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #000 transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #222f3e;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #000;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;-ms-flex-preferred-size:0;min-height:0}.tox .tox-sidebar{background-color:#222f3e;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;-ms-flex-preferred-size:auto;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #000;border-radius:3px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#207ab7;border:2px solid #185d8c;border-radius:3px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(255,255,255,.5);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:nth-child(1){animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#222f3e;border-top:1px solid #000;color:#fff;display:flex;flex:0 0 auto;font-size:12px;font-weight:400;height:18px;overflow:hidden;padding:0 8px;position:relative;text-transform:uppercase}.tox .tox-statusbar__text-container{display:flex;flex:1 1 auto;justify-content:flex-end;overflow:hidden}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:#fff;text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;text-decoration:underline}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;cursor:nwse-resize;display:flex;flex:0 0 auto;justify-content:flex-end;margin-left:auto;margin-right:-8px;padding-left:1ch}.tox .tox-statusbar__resize-handle svg{display:block;fill:#fff}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:1ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox .tox-throbber{z-index:1400}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(34,47,62,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:0 0;border:0;border-radius:3px;box-shadow:none;color:#fff;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;overflow:hidden;padding:0;text-transform:none;width:34px}.tox .tox-tbtn svg{display:block;fill:#fff}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#4a5562;border:0;box-shadow:none}.tox .tox-tbtn:hover{background:#4a5562;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:hover svg{fill:#fff}.tox .tox-tbtn:active{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn:active svg{fill:#fff}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(255,255,255,.5)}.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:hover{background:#757d87;border:0;box-shadow:none;color:#fff}.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:hover svg{fill:#fff}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#fff}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#fff}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:51px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:68px;width:68px}.tox .tox-tbtn--return{-ms-grid-row-align:stretch;align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tbtn--select{margin:2px 0 3px 0;padding:0 4px;width:auto}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(255,255,255,.5)}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:2px 0 3px 0;overflow:hidden}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #4a5562 inset}.tox .tox-split-button:focus{background:#4a5562;box-shadow:none;color:#fff}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(255,255,255,.5)}.tox .tox-split-button .tox-tbtn{margin:0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:0 0;box-shadow:none;color:rgba(255,255,255,.5)}.tox .tox-toolbar-overlord{background-color:#222f3e}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E") left 0 top 0 #222f3e;background-color:#222f3e;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary{border-top:1px solid #000;margin-top:-1px}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child{border-top:1px solid #000}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#222f3e;border:1px solid #000;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15)}.tox[dir=rtl] .tox-tbtn__icon-rtl svg{transform:rotateY(180deg)}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 4px 0 4px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid #000}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid #000}.tox .tox-tooltip{display:inline-block;padding:8px;position:relative}.tox .tox-tooltip__body{background-color:#3d546f;border-radius:3px;box-shadow:0 2px 4px rgba(42,55,70,.3);color:rgba(255,255,255,.75);font-size:14px;font-style:normal;font-weight:400;padding:4px 8px;text-transform:none}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #3d546f;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #3d546f;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #3d546f;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #3d546f;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-well{border:1px solid #000;border-radius:3px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #000;border-radius:3px;display:flex;flex:1;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-image-tools-edit-panel{height:60px}.tox .tox-image-tools__sidebar{height:60px}
+/*# sourceMappingURL=skin.min.css.map */
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/skin.min.css.map b/src/assets/tinymce/skins/ui/oxide-dark/skin.min.css.map
new file mode 100644
index 00000000..23af4858
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/skin.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["ui/dark/skin.css"],"names":[],"mappings":";;;;;;AAMA,KACE,WAAY,YACZ,MAAO,QACP,OAAQ,KACR,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,WAAW,CAAE,MAAM,CAAE,SAAS,CAAE,gBAAgB,CAAE,WACtH,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,OACb,4BAA6B,YAC7B,gBAAiB,KACjB,YAAa,KACb,eAAgB,KAChB,eAAgB,QAChB,YAAa,OAEf,yBACE,WAAY,QACZ,MAAO,QACP,OAAQ,QACR,UAAW,QACX,YAAa,QACb,UAAW,QACX,WAAY,QACZ,YAAa,QACb,YAAa,QACb,4BAA6B,QAC7B,WAAY,QACZ,gBAAiB,QACjB,YAAa,QACb,eAAgB,QAChB,eAAgB,QAChB,YAAa,QAEf,yBAEE,WAAY,IACZ,OAAQ,EACR,MAAO,KACP,OAAQ,KACR,OAAQ,EACR,UAAW,KACX,QAAS,EACT,QAAS,EACT,SAAU,OACV,MAAO,KAET,oBACE,UAAW,IACX,WAAY,KAEd,cACE,UAAW,IACX,WAAY,MAEd,aACE,OAAQ,IAAI,MAAM,KAClB,cAAe,EACf,WAAY,KACZ,WAAY,WACZ,QAAS,KACT,eAAgB,OAChB,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,WAAW,CAAE,MAAM,CAAE,SAAS,CAAE,gBAAgB,CAAE,WACtH,SAAU,OACV,SAAU,SACV,WAAY,kBAEd,oBACE,OAAQ,KACR,WAAY,KAEd,uCACE,OAAQ,IAAI,MAAM,KAClB,cAAe,EACf,WAAY,KAEd,iBACE,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,WAAW,CAAE,MAAM,CAAE,SAAS,CAAE,gBAAgB,CAAE,WACtH,QAAS,KAEX,oBACA,wBACE,QAAS,EAEX,yBACE,OAAQ,EAEV,kCACE,YAAa,OACb,QAAS,KACT,cAAe,IAEjB,uCACE,YAAa,QACb,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,QAAS,KACT,gBAAiB,cAEnB,2CACE,eAAgB,IAElB,+CACE,YAAa,OACb,QAAS,KACT,cAAe,IAEjB,oEACE,aAAc,KACd,aAAc,MAEhB,kCACE,WAAY,KAEd,4FACE,iBAAkB,oBAClB,aAAc,QACd,MAAO,KAET,wGACE,aAAc,QAEhB,8EACE,MAAO,KAET,wEACE,KAAM,KAER,sEACE,MAAO,KAET,4FACE,iBAAkB,mBAClB,aAAc,mBACd,MAAO,KAET,wGACE,aAAc,mBAEhB,8EACE,MAAO,KAET,wEACE,KAAM,KAER,sEACE,MAAO,KAET,6FACE,iBAAkB,iBAClB,aAAc,iBACd,MAAO,KAET,yGACE,aAAc,iBAEhB,+EACE,MAAO,KAET,yEACE,KAAM,KAER,uEACE,MAAO,KAET,+FACE,iBAAkB,oBAClB,aAAc,oBACd,MAAO,KAET,2GACE,aAAc,oBAEhB,iFACE,MAAO,KAET,2EACE,KAAM,KAER,yEACE,MAAO,KAET,+DACA,qFACE,WAAY,EAEd,uFACE,YAAa,IAEf,8FACE,YAAa,KAEf,gFACE,QAAS,IAAI,IAAI,IAAI,IAEvB,4FACE,kBAAmB,IACnB,aAAc,IAEhB,iFACE,aAAc,IAEhB,wFACE,aAAc,KAEhB,0EACE,QAAS,IAAI,IAAI,IAAI,IAEvB,sFACE,mBAAoB,IACpB,cAAe,IAEjB,oBACE,QAAS,KACT,KAAM,EAAE,EAAE,KAEZ,cACE,QAAS,KACT,KAAM,EAAE,EAAE,KAEZ,iBACE,iBAAkB,QAClB,iBAAkB,KAClB,oBAAqB,EAAE,EACvB,kBAAmB,OACnB,aAAc,QACd,cAAe,IACf,aAAc,MACd,aAAc,IACd,WAAY,KACZ,WAAY,WACZ,MAAO,KACP,OAAQ,QACR,QAAS,aACT,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,WAAW,CAAE,MAAM,CAAE,SAAS,CAAE,gBAAgB,CAAE,WACtH,UAAW,KACX,WAAY,OACZ,YAAa,IACb,eAAgB,OAChB,YAAa,KACb,OAAQ,EACR,QAAS,EACT,QAAS,IAAI,KACb,WAAY,OACZ,gBAAiB,KACjB,eAAgB,WAChB,YAAa,OAEf,2BACE,iBAAkB,QAClB,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,MAAO,qBACP,OAAQ,YAEV,sCACE,iBAAkB,QAClB,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,MAAO,KAET,sCACE,iBAAkB,QAClB,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,MAAO,KAET,uCACE,iBAAkB,QAClB,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,MAAO,KAET,4BACE,iBAAkB,QAClB,iBAAkB,KAClB,oBAAqB,EAAE,EACvB,kBAAmB,OACnB,aAAc,QACd,cAAe,IACf,aAAc,MACd,aAAc,IACd,WAAY,KACZ,MAAO,KACP,UAAW,KACX,WAAY,OACZ,YAAa,IACb,eAAgB,OAChB,QAAS,EACT,QAAS,IAAI,KACb,gBAAiB,KACjB,eAAgB,WAElB,sCACE,iBAAkB,QAClB,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,MAAO,qBAET,iDACE,iBAAkB,QAClB,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,MAAO,KAET,iDACE,iBAAkB,QAClB,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,MAAO,KAET,kDACE,iBAAkB,QAClB,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,MAAO,KAET,uBACA,kCACA,wDACE,QAAS,IAEX,qCACA,gDACA,sEACE,QAAS,MACT,KAAM,aAER,sBACE,WAAY,EACZ,OAAQ,KACR,WAAY,WACZ,OAAQ,QACR,QAAS,aACT,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,WAAW,CAAE,MAAM,CAAE,SAAS,CAAE,gBAAgB,CAAE,WACtH,UAAW,KACX,YAAa,IACb,YAAa,IACb,OAAQ,EACR,QAAS,EACT,YAAa,OAEf,0BACE,UAAW,KAEb,wBACE,iBAAkB,YAClB,aAAc,YACd,WAAY,MACZ,MAAO,KAET,kCACE,iBAAkB,QAClB,aAAc,QACd,WAAY,KACZ,MAAO,qBAET,6CACE,iBAAkB,QAClB,aAAc,QACd,WAAY,KACZ,MAAO,KAET,6CACE,iBAAkB,QAClB,aAAc,QACd,WAAY,KACZ,MAAO,KAET,8CACE,iBAAkB,QAClB,aAAc,QACd,WAAY,KACZ,MAAO,KAET,sCACE,KAAM,aAER,8DACE,MAAO,KAET,mBACE,YAAa,OACb,cAAe,IACf,OAAQ,QACR,QAAS,KACT,OAAQ,KACR,UAAW,KAEb,0BAEE,OAAQ,IACR,SAAU,OACV,SAAU,SACV,IAAK,KACL,MAAO,IAET,0BACE,YAAa,OACb,cAAe,IACf,WAAY,EAAE,EAAE,EAAE,IAAI,YACtB,WAAY,YACZ,QAAS,KACT,OAAQ,KACR,gBAAiB,OACjB,QAAS,gBACT,MAAO,KAET,4DACE,QAAS,MACT,KAAM,qBAER,gEACE,QAAS,KACT,KAAM,QAER,0DACE,QAAS,KACT,KAAM,QAER,6BACE,MAAO,qBACP,OAAQ,YAEV,kFACE,KAAM,qBAER,oFACE,KAAM,qBAER,wFACE,KAAM,qBAER,8FACE,QAAS,KAEX,4FACE,QAAS,MAEX,oGACE,QAAS,KAEX,wGACE,QAAS,MAEX,0DACE,cAAe,IACf,WAAY,MAAM,EAAE,EAAE,EAAE,IAAI,QAC5B,QAAS,gBAEX,yCACE,YAAa,IAEf,yCACE,KAAM,SAER,2CACE,YAAa,IAEf,mCACE,aAAc,IAEhB,mCACE,MAAO,SAET,qCACE,aAAc,IAKhB,qDACE,QAAS,KACT,QAAS,EAEX,kDACE,QAAS,KACT,UAAW,KACX,WAAY,MACZ,WAAY,OACZ,WAAY,KACZ,QAAS,EAEX,kDACE,oBAAqB,EACrB,aAAc,QACd,kBAAmB,EACnB,mBAAoB,EACpB,aAAc,MACd,iBAAkB,IAClB,QAAS,IAAI,EAEf,8DACE,iBAAkB,EAEpB,oCACE,iBAAkB,KAClB,MAAO,KACP,OAAQ,QACR,UAAW,KACX,WAAY,OACZ,YAAa,IACb,cAAe,IACf,WAAY,KACZ,QAAS,IAAI,IACb,eAAgB,KAChB,sBAAuB,KACvB,oBAAqB,KAClB,iBAAkB,KACjB,gBAAiB,KACb,YAAa,KAEvB,2BACE,YAAa,OACb,MAAO,KACP,OAAQ,QACR,QAAS,KACT,sBAAuB,KACvB,oBAAqB,KAClB,iBAAkB,KACjB,gBAAiB,KACb,YAAa,KAEvB,iDACE,QAAS,IAAI,IAEf,oDACE,cAAe,IACf,QAAS,IAEX,iDACE,cAAe,IACf,QAAS,IAEX,0DACE,iBAAkB,QAClB,MAAO,KAET,yDACE,iBAAkB,QAEpB,6DACE,iBAAkB,QAClB,MAAO,KAET,4DACE,iBAAkB,QAEpB,0DACE,iBAAkB,QAClB,MAAO,KAET,oGACE,iBAAkB,QAClB,MAAO,KAET,oGACE,MAAO,KAET,uGACE,MAAO,KAET,2CACE,iBAAkB,YAClB,MAAO,qBACP,OAAQ,YAGV,qCADA,gCAEE,YAAa,OACb,QAAS,KACT,OAAQ,KACR,gBAAiB,OACjB,MAAO,KAGT,yCADA,oCAEE,KAAM,aAER,4DACE,OAAQ,KACR,MAAO,KAET,iCACE,MAAO,aACP,QAAS,aACT,KAAM,EACN,wBAAyB,KACzB,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,KACb,eAAgB,KAChB,WAAY,UAEd,qCACE,MAAO,qBACP,QAAS,aACT,UAAW,KACX,OAAQ,KACR,YAAa,KACb,eAAgB,KAElB,iCACE,YAAa,OACb,QAAS,KACT,WAAY,KAEd,wCACE,QAAS,GACT,UAAW,EACX,WAAY,QAEd,qCACE,KAAM,KAER,yHACE,QAAS,KAEX,qJACE,QAAS,KAEX,iCACE,iBAAkB,QAClB,OAAQ,IAAI,MAAM,QAClB,cAAe,IACf,WAAY,EAAE,IAAI,IAAI,gBACtB,QAAS,KACT,KAAM,EAAE,EAAE,KACV,YAAa,EACb,UAAW,OACX,cAAe,EACf,WAAY,KACZ,QAAS,EAEX,wDACE,YAAa,OACb,QAAS,KACT,UAAW,OACX,OAAQ,EACR,QAAS,EAAE,IAEb,uDACE,OAAQ,KACR,OAAQ,IAAI,EAAE,IAAI,EAClB,QAAS,EAAE,IAEb,6DACE,YAAa,OAEf,6DACE,YAAa,IAEf,qCACE,QAAS,KAEX,0CACE,YAAa,OACb,KAAM,EAAE,EAAE,KACV,eAAgB,IAElB,qFACE,aAAc,KAEhB,sFACE,gBAAiB,SACjB,YAAa,KAEf,qFACE,YAAa,WACb,cAAe,KAEjB,wFACE,YAAa,OAEf,wFACE,YAAa,SACb,WAAY,KAEd,6CACE,mBAAoB,OAChB,WAAY,OAChB,KAAM,EAAE,EAAE,KACV,eAAgB,OAElB,wFACE,YAAa,WAEf,yFACE,YAAa,SAEf,wFACE,WAAY,WAEd,2FACE,mBAAoB,OAChB,WAAY,OAElB,2FACE,WAAY,SAEd,0FACE,aAAc,IAAI,MAAM,KAE1B,mFACE,YAAa,IAEf,wGACE,YAAa,IAEf,oDACE,YAAa,KACb,WAAY,MAEd,gEACE,YAAa,KAEf,oFACE,YAAa,IAAI,MAAM,KAEzB,6EACE,aAAc,IAEhB,kGACE,aAAc,IAKhB,4EACE,UAAW,gBAEb,8CACE,aAAc,KACd,WAAY,KAEd,0DACE,aAAc,KACd,UAAW,gBAEb,sEACE,aAAc,IAEhB,iCACE,QAAS,KACT,eAAgB,IAChB,OAAQ,MACR,OAAQ,EAEV,qBACE,WAAY,WACZ,QAAS,KACT,OAAQ,KAEV,8BACE,OAAQ,KAEV,qBACA,8BACE,MAAO,MAET,2BACE,WAAY,IACZ,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,WAAY,YACZ,OAAQ,KACR,SAAU,SACV,MAAO,KAET,iCACE,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,OAAQ,KACR,SAAU,SACV,MAAO,KAET,qBACE,WAAY,WACZ,OAAQ,KACR,MAAO,KAET,8BACE,WAAY,4GACZ,OAAQ,KACR,MAAO,KAET,qBACA,8BACE,MAAO,KAET,2BACE,WAAY,KACZ,OAAQ,IAAI,MAAM,KAClB,WAAY,YACZ,OAAQ,IACR,MAAO,KAET,mBACE,QAAS,KACT,eAAgB,OAChB,gBAAiB,cAEnB,uBACE,YAAa,OACb,QAAS,KACT,gBAAiB,cACjB,cAAe,IACf,MAAO,QAET,yBACE,MAAO,IAET,qCAEE,OAAQ,IAAI,MAAM,cAEpB,qCACE,OAAQ,IAAI,MAAM,KAClB,UAAW,EACX,cAAe,EAEjB,oCACE,aAAc,KAEhB,oCACE,aAAc,KAEhB,0CACE,YAAa,KAEf,wCACE,aAAc,KAEhB,8BACE,YAAa,KAEf,8BACE,YAAa,KAEf,oCACE,aAAc,KAEhB,kCACE,YAAa,KAEf,gCAEA,0CADA,yCAEE,OAAQ,IAAI,EAAE,IAAI,IAEpB,qEACE,OAAQ,EACR,OAAQ,KAAK,EAEf,wBACE,QAAS,KAEX,iBACE,OAAQ,KACR,WAAY,UAAU,IAAK,CAAE,WAAW,KACxC,MAAO,KAGT,uBADA,uBAEE,WAAY,EAAE,EAAE,EAAE,IAAI,qBAAyB,MAC/C,UAAW,UAEb,yBACE,YAAa,OACb,QAAS,KACT,gBAAiB,OAEnB,kCACE,OAAQ,QAEV,+BACE,YAAa,OACb,iBAAkB,YAClB,OAAQ,EACR,OAAQ,QACR,QAAS,KACT,OAAQ,KACR,gBAAiB,OACjB,QAAS,EACT,QAAS,EACT,MAAO,KAET,mCACE,OAAQ,KACR,MAAO,KAET,qCACE,WAAY,QAEd,8CACE,YAAa,KAEf,wCACE,aAAc,KAEhB,yBACE,WAAY,QACZ,SAAU,SAEZ,4CACE,WAAY,IAEd,kBACE,WAAY,QACZ,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,WAAY,EAAE,IAAI,IAAI,EAAE,kBACxB,QAAS,IAAI,IAAI,KAAK,IACtB,SAAU,SAEZ,0BACE,YAAa,OACb,MAAO,KACP,QAAS,KACT,gBAAiB,cAEnB,wBACE,MAAO,qBACP,UAAW,KAEb,wBACE,MAAO,KACP,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACb,WAAY,IACZ,SAAU,SACV,eAAgB,QAElB,iCACE,OAAQ,KACR,YAAa,OACb,MAAO,KAET,4BACE,YAAa,IAEf,8BACE,MAAO,qBACP,UAAW,KACX,WAAY,OAEd,0BACE,OAAQ,EAEV,iCACE,YAAa,KACb,WAAY,OAEd,yCACE,WAAY,QACZ,OAAQ,EACR,QAAS,GACT,QAAS,KACT,KAAM,EACN,QAAS,GACT,SAAU,SACV,MAAO,EACP,IAAK,EACL,QAAS,EAEX,yBACE,QAAS,KACT,YAAa,EACb,UAAW,KACX,gBAAiB,SACjB,WAAY,IAEd,sCACE,cAAe,IACf,MAAO,KAET,wBACE,QAAS,KACT,UAAW,KACX,gBAAiB,SACjB,WAAY,KAEd,mCACE,WAAY,0CACZ,OAAQ,EACR,QAAS,GACT,QAAS,MACT,OAAQ,IACR,WAAY,MACZ,SAAU,SACV,MAAO,KAET,2BACE,WAAY,QACZ,OAAQ,EACR,QAAS,KACT,eAAgB,OAChB,UAAW,EACX,KAAM,EACN,QAAS,GACT,SAAU,SACV,MAAO,EACP,WAAY,OACZ,IAAK,EACL,QAAS,EAEX,gCACE,YAAa,OACb,MAAO,KACP,QAAS,KACT,eAAgB,OAChB,SAAU,SAEZ,oCACE,eAAgB,KAElB,+BACE,OAAQ,EACR,eAAgB,OAChB,UAAW,KACX,KAAM,EACN,QAAS,IACT,SAAU,SACV,MAAO,EACP,IAAK,EACL,QAAS,GAEX,iCACE,iBAAkB,QAClB,WAAY,EAAE,EAAE,IAAI,IAAI,QACxB,MAAO,KACP,WAAY,OAEd,kDACE,UAAW,KAEb,gCACE,YAAa,OACb,iBAAkB,QAClB,OAAQ,EACR,QAAS,KACT,gBAAiB,OACjB,KAAM,EACN,SAAU,SACV,MAAO,EACP,IAAK,EACL,QAAS,GAEX,0BACE,QAAS,KACT,eAAgB,OAChB,YAAa,EACb,SAAU,KAEZ,wBACE,OAAQ,IAEV,uCACE,YAAa,IAEf,4DACA,mDACA,oDACE,YAAa,IAEf,iCACE,aAAc,IAEhB,sDACA,6CACA,8CACE,aAAc,IAEhB,eACE,YAAa,OACb,QAAS,KAEX,2BACE,KAAM,qBAER,qBACE,MAAO,qBACP,UAAW,KACX,WAAY,OACZ,YAAa,IACb,eAAgB,UAElB,0CACE,aAAc,IAEhB,sDACE,YAAa,IAEf,oCACE,YAAa,IAEf,gDACE,aAAc,IAEhB,sBACE,YAAa,OACb,OAAQ,EACR,QAAS,KACT,gBAAiB,OACjB,KAAM,EACN,SAAU,MACV,MAAO,EACP,IAAK,EACL,QAAS,KAEX,gCACE,iBAAkB,mBAClB,OAAQ,EACR,KAAM,EACN,SAAU,SACV,MAAO,EACP,IAAK,EACL,QAAS,EAEX,wCACE,iBAAkB,QAEpB,iBACE,iBAAkB,QAClB,aAAc,KACd,cAAe,IACf,aAAc,MACd,aAAc,IACd,WAAY,EAAE,KAAK,KAAK,MAAM,kBAAsB,CAAE,EAAE,EAAE,KAAK,IAAI,mBACnE,QAAS,KACT,eAAgB,OAChB,WAAY,KACZ,UAAW,MACX,SAAU,OACV,SAAU,SACV,MAAO,KACP,QAAS,EAEX,yCACE,8CACE,WAAY,WACZ,OAAQ,IAAI,KACZ,MAAO,oBAGX,wBACE,QAAS,KAEX,yBACE,YAAa,OACb,iBAAkB,QAClB,cAAe,KACf,MAAO,KACP,QAAS,KACT,UAAW,KACX,gBAAiB,cACjB,QAAS,IAAI,KAAK,EAAE,KACpB,SAAU,SAEZ,qCACE,QAAS,EAEX,6BACE,OAAQ,KACR,OAAQ,KACR,KAAM,EACN,SAAU,SACV,IAAK,EACL,MAAO,KAET,oCACE,OAAQ,SAEV,0BACE,YAAa,KAEf,wBACE,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,WAAW,CAAE,MAAM,CAAE,SAAS,CAAE,gBAAgB,CAAE,WACtH,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACb,OAAQ,EACR,eAAgB,KAElB,uBACE,MAAO,KACP,QAAS,KACT,KAAM,EACN,wBAAyB,KACzB,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACb,UAAW,EACX,WAAY,KACZ,eAAgB,KAElB,yCACE,oDACE,eAAgB,QAGpB,2BACE,YAAa,WACb,QAAS,KACT,eAAgB,OAChB,QAAS,KAAK,KAEhB,yCACE,wDACE,eAAgB,IAChB,2BAA4B,MAC5B,WAAY,KACZ,eAAgB,GAGpB,gCACE,cAAe,IAAI,MAAM,YACzB,MAAO,qBACP,QAAS,aACT,UAAW,KACX,YAAa,IACb,cAAe,IACf,gBAAiB,KACjB,YAAa,OAEf,sCACE,iBAAkB,oBAEpB,wCACE,cAAe,IAAI,MAAM,QACzB,MAAO,QAET,+BACE,WAAY,WACZ,QAAS,KACT,KAAM,EACN,eAAgB,OAChB,wBAAyB,KACzB,WAAY,MACZ,SAAU,KACV,2BAA4B,MAC5B,QAAS,KAAK,KAEhB,iCACE,cAAe,EACf,WAAY,KAEd,4CACE,WAAY,EAEd,2CACE,cAAe,EAEjB,2CACE,cAAe,EACf,WAAY,EAEd,iCACE,MAAO,QACP,OAAQ,QACR,gBAAiB,KAGnB,uCADA,uCAEE,MAAO,QACP,gBAAiB,KAEnB,wCACE,MAAO,QACP,gBAAiB,KAEnB,mCACE,KAAM,KAER,kCACE,QAAS,MACT,gBAAiB,KACjB,cAAe,KACf,mBAAoB,EACZ,kBAAmB,EAC3B,qBAAsB,EACd,oBAAqB,EAC7B,sBAAuB,OACf,qBAAsB,OAEhC,mDACE,MAAO,KACP,UAAW,KACX,WAAY,OACZ,YAAa,IACb,eAAgB,OAChB,cAAe,KACf,WAAY,KACZ,eAAgB,KAElB,mDACE,MAAO,KACP,UAAW,KACX,WAAY,OACZ,YAAa,IACb,eAAgB,OAChB,cAAe,KACf,WAAY,KACZ,eAAgB,KAElB,kDACE,cAAe,KAEjB,+DACA,+DACA,8DACE,WAAY,EAEd,8DACA,8DACA,6DACE,cAAe,EAEjB,8DACA,8DACA,6DACE,cAAe,EACf,WAAY,EAEd,2BACE,OAAQ,MACR,UAAW,OAEb,2BACE,UAAW,MAEb,qDACE,SAAU,KAEZ,yCACE,WAAY,OAEd,yBACE,YAAa,OACb,iBAAkB,QAClB,WAAY,IAAI,MAAM,KACtB,QAAS,KACT,gBAAiB,cACjB,QAAS,IAAI,KAGf,6BADA,+BAEE,QAAS,KAEX,+BACE,YAAa,OACb,iBAAkB,mBAClB,OAAQ,EACR,QAAS,KACT,gBAAiB,OACjB,KAAM,EACN,SAAU,SACV,MAAO,EACP,IAAK,EACL,QAAS,EAEX,wBACE,gBAAiB,SACjB,MAAO,KAET,iCACE,YAAa,IACb,eAAgB,IAElB,iCACE,cAAe,IAAI,MAAM,KAE3B,4CACE,cAAe,KAEjB,2BACE,eAAgB,IAChB,YAAa,IAEf,yBACE,SAAU,SACV,MAAO,KACP,QAAS,KAEX,8BACE,QAAS,KACT,KAAM,EACN,eAAgB,OAChB,wBAAyB,KAE3B,0CACE,QAAS,KACT,KAAM,EACN,wBAAyB,KAE3B,wDACE,KAAM,EACN,wBAAyB,KACzB,OAAQ,KAEV,8BACE,QAAS,EACT,WAAY,OAEd,6BACE,QAAS,EACT,WAAY,QAEd,iCACE,WAAY,WAAW,GAAG,OAAO,GAAI,CAAE,QAAQ,IAAK,KAEtD,wDACE,iBAAkB,GAKpB,sCACE,SAAU,iBAEZ,yCACE,uEACE,aAAc,GAGlB,yCACE,8FACE,YAAa,KAIjB,kEADA,oEAEE,YAAa,IAEf,gCACE,WAAY,MAEd,yCACE,iEACE,YAAa,GAGjB,yCACE,wFACE,aAAc,KAIlB,4DADA,8DAEE,aAAc,IAEhB,gCACE,SAAU,OAEZ,6BACE,QAAS,KACT,KAAM,EACN,wBAAyB,KAE3B,mBACE,YAAa,OACb,WAAY,KACZ,OAAQ,IAAI,OAAO,KACnB,WAAY,WACZ,QAAS,KACT,eAAgB,OAChB,UAAW,EACX,gBAAiB,OACjB,WAAY,MACZ,QAAS,KAEX,qBACE,MAAO,qBACP,OAAQ,EAAE,EAAE,KAAK,EAEnB,oBACE,QAAS,KACT,KAAM,EACN,wBAAyB,KACzB,SAAU,OACV,SAAU,SAEZ,4BACE,iBAAkB,KAClB,OAAQ,EACR,WAAY,WACZ,KAAM,EACN,wBAAyB,KACzB,OAAQ,KACR,SAAU,SACV,MAAO,KAET,0BACE,OAAQ,IAAI,OAAO,KAErB,2BACE,QAAS,KACT,KAAM,EAAE,EAAE,KACV,eAAgB,OAChB,SAAU,OAEZ,wBACE,QAAS,EAEX,iDACE,WAAY,KACZ,WAAY,WAAW,IAEzB,oDACA,2CACE,cAAe,KAEjB,uDACE,WAAY,EAAE,IAAI,IAAI,KAAK,gBAE7B,yBACE,QAAS,EACT,WAAY,OAEd,wBACE,QAAS,EACT,WAAY,QAEd,4BACE,WAAY,WAAW,GAAG,OAAO,IAAK,CAAE,QAAQ,KAAM,KAExD,mDACE,iBAAkB,GAEpB,uBACE,KAAM,EACN,SAAU,SAEZ,qGACA,qGACA,iGACE,QAAS,KAEX,2BACE,QAAS,MAEX,yCACE,SAAU,SACV,IAAK,IACL,UAAW,iBAEb,gDACE,KAAM,KAER,gDACE,KAAM,OAER,8CACE,KAAM,MAER,qEACA,qEACA,mEACE,cAAe,KAEjB,wDACE,MAAO,IAET,+DACA,+DACA,6DACE,aAAc,KAEhB,kDACE,KAAM,IAER,wBACE,UAAW,KAEb,kCACE,UAAW,KAEb,qDACE,YAAa,IAEf,sBACE,QAAS,KACT,SAAU,SACV,QAAS,EAEX,qCACE,QAAS,GAEX,2BACE,aAAc,kBACd,cAAe,IACf,aAAc,MACd,aAAc,IACd,WAAY,KACZ,WAAY,WACZ,OAAQ,KACR,SAAU,SACV,IAAK,IACL,MAAO,KAGT,2DADA,2DAEE,aAAc,QACd,OAAQ,QAEV,mCACE,iBAAkB,gEAAsE,CAAE,iEAAuE,CAAE,gEAAsE,CAAE,kEAC3O,oBAAqB,EAAE,CAAC,CAAE,EAAE,GAAG,CAAE,IAAI,IAAI,CAAE,KAAK,EAChD,gBAAiB,KAAK,KACtB,OAAQ,IAAI,MAAM,QAClB,cAAe,IACf,WAAY,WACZ,QAAS,GACT,OAAQ,KACR,KAAM,KACN,SAAU,SACV,IAAK,KACL,MAAO,KACP,QAAS,GAEX,+CACE,OAAQ,YAKV,oDACE,aAAc,KAEhB,0CACE,KAAM,IAKR,8CACE,cAAe,KAEjB,oCACE,MAAO,IAET,gBACA,wBACE,MAAO,qBACP,QAAS,MACT,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACb,QAAS,EAAE,IAAI,EAAE,EACjB,eAAgB,KAChB,YAAa,OAEf,wBACE,QAAS,EAAE,IAEb,yBACE,QAAS,EAAE,EAAE,EAAE,IAEjB,eACE,QAAS,KACT,KAAM,EACN,eAAgB,OAChB,wBAAyB,KAE3B,sBACE,WAAY,WACZ,cAAe,IAEjB,+BACE,KAAM,EAER,6BACE,MAAO,KAET,kCACE,QAAS,KAEX,qBACE,QAAS,KACT,eAAgB,IAChB,UAAW,KACX,gBAAiB,cAEnB,4CACE,MAAO,sBAET,4CACE,MAAO,2BAET,4CACE,MAAO,sBAET,iCACE,YAAa,OACb,QAAS,KAEX,8BACE,YAAa,OACb,QAAS,KAEX,iCACE,QAAS,KACT,KAAM,EACN,eAAgB,OAChB,wBAAyB,KAE3B,+CACE,KAAM,EACN,wBAAyB,KAE3B,6CACE,QAAS,KACT,KAAM,EACN,wBAAyB,KAE3B,2DACE,KAAM,EACN,wBAAyB,KACzB,OAAQ,KAEV,mEACE,YAAa,IAEf,6DACE,aAAc,IAEhB,iDACA,qDACE,QAAS,KAIX,4CACA,mBAHA,oBACA,4BAGE,mBAAoB,KACjB,gBAAiB,KACZ,WAAY,KACpB,iBAAkB,QAClB,aAAc,KACd,cAAe,IACf,aAAc,MACd,aAAc,IACd,WAAY,KACZ,WAAY,WACZ,MAAO,KACP,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,WAAW,CAAE,MAAM,CAAE,SAAS,CAAE,gBAAgB,CAAE,WACtH,UAAW,KACX,YAAa,KACb,OAAQ,EACR,WAAY,KACZ,QAAS,EACT,QAAS,IAAI,OACb,OAAQ,KACR,MAAO,KAGT,6BADA,8BAEE,iBAAkB,QAClB,MAAO,sBACP,OAAQ,YAGV,kDACA,yBAFA,0BAGE,iBAAkB,QAClB,aAAc,QACd,WAAY,KACZ,QAAS,EAEX,4BACE,aAAc,EACd,cAAe,IACf,WAAY,IACZ,UAAW,MAEb,oBACE,iBAAkB,YAClB,OAAQ,EACR,aAAc,YACd,WAAY,MACZ,MAAO,QACP,OAAQ,QACR,QAAS,MACT,OAAQ,EACR,QAAS,EAEX,wBACE,QAAS,MACT,KAAM,KAER,6CACE,YAAa,IAEf,uCACE,aAAc,IAEhB,uBACE,OAAQ,QACR,SAAU,SAEZ,sDACE,iBAAkB,QAClB,MAAO,sBACP,OAAQ,YAEV,gCACE,OAAQ,QACR,KAAM,EACN,OAAQ,EAAE,IAEZ,kCACE,YAAa,OACb,QAAS,KACT,gBAAiB,OACjB,MAAO,KAET,sCACE,KAAM,KAER,4CACE,YAAa,OACb,QAAS,KAEX,0CACE,MAAO,IAET,oCACE,KAAM,IAER,sBACE,OAAQ,QACR,SAAU,SAEZ,6BACE,mBAAoB,KACjB,gBAAiB,KACZ,WAAY,KACpB,iBAAkB,QAClB,aAAc,KACd,cAAe,IACf,aAAc,MACd,aAAc,IACd,WAAY,KACZ,WAAY,WACZ,MAAO,KACP,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,WAAW,CAAE,MAAM,CAAE,SAAS,CAAE,gBAAgB,CAAE,WACtH,UAAW,KACX,YAAa,KACb,OAAQ,EACR,WAAY,KACZ,QAAS,EACT,QAAS,IAAI,OACb,OAAQ,KACR,MAAO,KAET,uCACE,iBAAkB,QAClB,MAAO,sBACP,OAAQ,YAEV,yCACE,QAAS,KAEX,mCACE,iBAAkB,QAClB,aAAc,QACd,WAAY,KACZ,QAAS,EAEX,0BACE,eAAgB,KAChB,SAAU,SACV,IAAK,IACL,UAAW,iBAEb,sDACA,sDACE,cAAe,KAEjB,yCACE,MAAO,IAET,gDACA,gDACE,aAAc,KAEhB,mCACE,KAAM,IAER,mBACE,mBAAoB,SACjB,gBAAiB,SACZ,WAAY,SACpB,YAAa,SAEf,gBACE,OAAQ,EACR,OAAQ,KACR,KAAM,EACN,OAAQ,EACR,SAAU,OACV,oBAAqB,KACjB,oBAAqB,KACzB,QAAS,EACT,SAAU,MACV,IAAK,EACL,aAAc,WACd,MAAO,KAET,8DACE,QAAS,KAEX,gCACE,QAAS,KAEX,+BACE,QAAS,KAEX,qCACA,qCACE,QAAS,KAEX,0BACE,WAAY,KACZ,WAAY,IAEd,sBACE,MAAO,KAET,+BACE,YAAa,OACb,QAAS,KACT,gBAAiB,OAEnB,6BACE,iBAAkB,KAClB,OAAQ,MACR,SAAU,KACV,SAAU,SACV,MAAO,KAET,6BACA,uDACE,WAAY,IAEd,gCACE,WAAY,wGAEd,2CACE,KAAM,EACN,wBAAyB,KAE3B,yBACE,WAAY,KAEZ,QAAS,GACT,SAAU,SACV,KAAM,EAER,0BACE,OAAQ,IAAI,MAAM,KAClB,OAAQ,KACR,KAAM,EACN,SAAU,SACV,IAAK,EACL,MAAO,KAET,+BACE,OAAQ,EACR,OAAQ,KACR,SAAU,SAEZ,6BACE,aAAc,IAAI,EAAE,EAAE,IACtB,OAAQ,UACR,KAAM,MACN,OAAQ,KAAK,EAAE,EAAE,KACjB,IAAK,MAEP,6BACE,aAAc,IAAI,IAAI,EAAE,EACxB,OAAQ,UACR,KAAM,MACN,OAAQ,KAAK,EAAE,EAAE,MACjB,IAAK,MAEP,6BACE,aAAc,EAAE,EAAE,IAAI,IACtB,OAAQ,UACR,KAAM,MACN,OAAQ,MAAM,IAAI,EAAE,KACpB,IAAK,MAEP,6BACE,aAAc,EAAE,IAAI,IAAI,EACxB,OAAQ,UACR,KAAM,MACN,OAAQ,MAAM,EAAE,EAAE,MAClB,IAAK,MAEP,8EACE,YAAa,IAEf,sEACE,YAAa,KAEf,sEACE,YAAa,KAEf,wEACE,aAAc,IAEhB,gEACE,aAAc,KAEhB,gEACE,aAAc,KAEhB,8BACE,QAAS,KACT,UAAW,KACX,MAAO,MAET,kCACE,aAAc,KACd,aAAc,MACd,aAAc,EAAE,IAAI,IAAI,EACxB,WAAY,WACZ,OAAQ,KACR,MAAO,KAET,2EACE,OAAQ,KAAK,EAEf,iEACE,iBAAkB,oBAClB,aAAc,oBAEhB,qCACE,MAAO,KACP,QAAS,MACT,UAAW,KACX,QAAS,IACT,WAAY,OACZ,MAAO,KAKT,gEACE,aAAc,EAKhB,4DACE,aAAc,EAMhB,eACE,iBAAkB,QAClB,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,WAAY,EAAE,IAAI,IAAI,EAAE,kBACxB,QAAS,aACT,SAAU,OACV,eAAgB,IAChB,QAAS,KAEX,mDACE,QAAS,EAEX,sDACE,QAAS,IAEX,mDACE,QAAS,IASX,iCACA,2BARA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,wBAGE,OAAQ,EAEV,kBACE,WAAY,+MAA+M,KAAK,EAAE,IAAI,EAAE,QACxO,iBAAkB,QAClB,QAAS,KACT,KAAM,EAAE,EAAE,KACV,YAAa,EACb,UAAW,KACX,QAAS,EAAE,IAAI,EAAE,IAEnB,4FACE,WAAY,IAAI,MAAM,KAGxB,eACE,YAAa,OACb,WAAY,IACZ,OAAQ,EACR,cAAe,IACf,WAAY,KACZ,MAAO,KACP,QAAS,KACT,KAAM,EAAE,EAAE,KACV,UAAW,KACX,WAAY,OACZ,YAAa,IACb,OAAQ,KACR,gBAAiB,OACjB,OAAQ,IAAI,EAAE,IAAI,EAClB,QAAS,EACT,SAAU,OACV,QAAS,EAAE,IACX,eAAgB,KAChB,MAAO,KAET,yBACE,iBAAkB,YAClB,OAAQ,EACR,WAAY,KACZ,MAAO,qBACP,OAAQ,YAEV,oCACE,WAAY,QACZ,OAAQ,EACR,WAAY,KACZ,MAAO,KAET,uBACE,WAAY,QACZ,OAAQ,EACR,WAAY,KACZ,MAAO,KAET,2DACE,WAAY,QACZ,OAAQ,EACR,WAAY,KACZ,MAAO,KAET,6BACE,OAAQ,QACR,YAAa,IACb,OAAQ,EAAE,IAEZ,iDACE,OAAQ,YAEV,+BACE,YAAa,OACb,QAAS,KACT,gBAAiB,OACjB,MAAO,KACP,QAAS,KAEX,uBACE,cAAe,IACf,aAAc,MACd,aAAc,IACd,WAAY,KACZ,WAAY,WACZ,QAAS,SACT,QAAS,KACT,UAAW,KACX,YAAa,IACb,iBAAkB,iBAAkB,KAAK,iBACrC,sBAAuB,iBAAkB,KAAK,iBAClD,WAAY,IACZ,QAAS,EACT,QAAS,IACT,WAAY,UAAU,IAAM,OAAO,CAAE,QAAQ,MAAM,QAErD,yBACE,UAAW,KACX,YAAa,IAEf,yBACE,gBAAiB,UAEnB,2BACE,QAAS,EAEX,gCACE,iBAAkB,QAClB,aAAc,QACd,MAAO,KAET,kCACE,MAAO,KAET,kCACE,MAAO,QAET,oCACE,KAAM,KAER,8BACE,iBAAkB,QAClB,aAAc,QACd,MAAO,KAET,gCACE,MAAO,KAET,gCACE,MAAO,KAET,kCACE,KAAM,KAER,6BACA,gCACE,iBAAkB,QAClB,aAAc,QACd,MAAO,KAET,+BACA,kCACE,MAAO,KAET,+BACA,kCACE,MAAO,KAET,iCACA,oCACE,KAAM,KAER,6BACE,iBAAkB,QAClB,aAAc,QACd,MAAO,KAET,+BACE,MAAO,KAET,+BACE,MAAO,KAET,iCACE,KAAM,KAER,6BACE,mBAAoB,OAChB,WAAY,OAChB,MAAO,KACP,UAAW,KACX,qBAAsB,EACtB,gBAAiB,EACjB,gBAAiB,EACb,kBAAmB,EACvB,kBAAmB,EACnB,aAAc,EACd,aAAc,EACV,eAAgB,EACpB,WAAY,OACZ,YAAa,OACb,WAAY,UACZ,WAAY,WAEd,+BACE,OAAQ,EAEV,iCACE,WAAY,KAEd,6BACE,mBAAoB,OAChB,WAAY,OAChB,qBAAsB,EACtB,gBAAiB,EACjB,gBAAiB,EACb,kBAAmB,EACvB,kBAAmB,EACnB,aAAc,EACd,aAAc,EACV,eAAgB,EACpB,sBAAuB,IACnB,aAAc,IAEpB,iCACE,QAAS,MAEX,gCACE,mBAAoB,MAChB,WAAY,MAChB,qBAAsB,EACtB,gBAAiB,EACjB,gBAAiB,EACb,kBAAmB,EACvB,kBAAmB,EACnB,aAAc,EACd,aAAc,EACV,eAAgB,EACpB,sBAAuB,IACnB,aAAc,IAEpB,yCACE,qBAAsB,EACtB,gBAAiB,EACjB,gBAAiB,EACb,kBAAmB,EACvB,kBAAmB,EACnB,aAAc,EACd,aAAc,EACV,eAAgB,EACpB,sBAAuB,OACnB,aAAc,OAEpB,cACE,QAAS,aACT,SAAU,SAEZ,wBACE,WAAY,MAAM,IAAK,KAEzB,qCACE,UAAW,OAEb,sBACE,iBAAkB,QAClB,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,WAAY,EAAE,IAAI,IAAI,gBACtB,UAAW,EACX,SAAU,OAEZ,yCACE,OAAQ,IAAI,IAAI,IAAI,IAEtB,mCACE,iBAAkB,YAClB,cAAe,KAGjB,qBADA,sBAEE,aAAc,MACd,QAAS,GACT,QAAS,MACT,OAAQ,EACR,SAAU,SACV,MAAO,EAGT,qCADA,sCAEE,KAAM,IACN,IAAK,KAEP,qCACE,aAAc,QAAQ,YAAY,YAAY,YAC9C,aAAc,IACd,YAAa,KACb,WAAY,KAEd,sCACE,aAAc,KAAQ,YAAY,YAAY,YAC9C,aAAc,IACd,YAAa,KAGf,kCADA,mCAEE,KAAM,IACN,IAAK,EACL,UAAW,kBAEb,kCACE,aAAc,YAAY,YAAY,QAAQ,YAC9C,aAAc,IACd,YAAa,KACb,WAAY,IAEd,mCACE,aAAc,YAAY,YAAY,KAAQ,YAC9C,aAAc,IACd,YAAa,KAGf,mCADA,oCAEE,KAAM,EACN,IAAK,gBACL,UAAW,iBAEb,mCACE,aAAc,YAAY,QAAQ,YAAY,YAC9C,aAAc,IACd,YAAa,MAEf,oCACE,aAAc,YAAY,KAAQ,YAAY,YAC9C,aAAc,KACd,YAAa,MAGf,oCADA,qCAEE,KAAM,KACN,IAAK,gBACL,UAAW,iBAEb,oCACE,aAAc,YAAY,YAAY,YAAY,QAClD,aAAc,IACd,YAAa,KAEf,qCACE,aAAc,YAAY,YAAY,YAAY,KAClD,aAAc,KACd,YAAa,KAGf,yCADA,0CAEE,KAAM,KAGR,0CADA,2CAEE,KAAM,kBAER,uBACE,QAAS,KACT,eAAgB,IAChB,UAAW,EACX,wBAAyB,EACzB,WAAY,EAEd,kBACE,iBAAkB,QAClB,QAAS,KACT,eAAgB,IAChB,gBAAiB,SAEnB,0BACE,QAAS,KACT,SAAU,OAEZ,kCACE,QAAS,KAEX,wBACE,QAAS,KAEX,kCACE,QAAS,EAEX,gCACE,QAAS,EAEX,mCACA,qCACE,WAAY,MAAM,IAAK,IAAI,CAAE,QAAQ,IAAK,KAE5C,mBACE,iBAAkB,QAClB,aAAc,QACd,aAAc,MACd,aAAc,IACd,WAAY,WACZ,QAAS,aACT,OAAQ,KACR,SAAU,SACV,MAAO,KAET,sCACE,OAAQ,KACR,MAAO,KAET,iBACE,YAAa,OACb,QAAS,KACT,KAAM,EACN,wBAAyB,KACzB,OAAQ,KACR,gBAAiB,OACjB,SAAU,SAEZ,uBACE,iBAAkB,YAClB,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,OAAQ,KACR,UAAW,MACX,MAAO,KAET,yBACE,iBAAkB,QAClB,OAAQ,IAAI,MAAM,QAClB,cAAe,IACf,WAAY,KACZ,OAAQ,KACR,KAAM,IACN,SAAU,SACV,IAAK,IACL,UAAW,iBAAiB,iBAC5B,MAAO,KAET,sBACE,SAAU,KAEZ,kBACE,QAAS,KAEX,sBACE,UAAW,kBAAkB,KAAK,YAAY,GAAG,SAAS,KAC1D,iBAAkB,qBAClB,cAAe,KACf,OAAQ,IACR,MAAO,IAET,mCACE,gBAAiB,MAEnB,mCACE,gBAAiB,MAEnB,6BACE,GAEA,KADA,IAEE,UAAW,SAEb,IACE,UAAW,UAGf,uDACE,YAAa,IAEf,iDACE,aAAc,IAEhB,oBACE,YAAa,OACb,iBAAkB,QAClB,WAAY,IAAI,MAAM,KACtB,MAAO,KACP,QAAS,KACT,KAAM,EAAE,EAAE,KACV,UAAW,KACX,YAAa,IACb,OAAQ,KACR,SAAU,OACV,QAAS,EAAE,IACX,SAAU,SACV,eAAgB,UAElB,oCACE,QAAS,KACT,KAAM,EAAE,EAAE,KACV,gBAAiB,SACjB,SAAU,OAEZ,0BACE,QAAS,KACT,KAAM,EAAE,EAAE,KACV,aAAc,KACd,SAAU,OACV,cAAe,SACf,YAAa,OAEf,4BACE,QAAS,OACT,YAAa,OAEf,+BACE,KAAM,EAAE,EAAE,KACV,YAAa,IAEf,sBACA,+BACA,+BACE,MAAO,KACP,gBAAiB,KAKnB,qEAHA,qEAIA,8EAHA,8EAIA,8EAHA,8EAIE,OAAQ,QACR,gBAAiB,UAEnB,mCACE,YAAa,SACb,WAAY,QACZ,OAAQ,YACR,QAAS,KACT,KAAM,EAAE,EAAE,KACV,gBAAiB,SACjB,YAAa,KACb,aAAc,KACd,aAAc,IAEhB,uCACE,QAAS,MACT,KAAM,KAER,2CACE,aAAc,IAEhB,6CACE,YAAa,IAEf,6BACE,eAAgB,YAElB,qCACE,YAAa,IAEf,mBACE,QAAS,KAEX,iCACE,YAAa,OACb,iBAAkB,kBAClB,OAAQ,EACR,QAAS,KACT,gBAAiB,OACjB,KAAM,EACN,SAAU,SACV,MAAO,EACP,IAAK,EAEP,eACE,YAAa,OACb,WAAY,IACZ,OAAQ,EACR,cAAe,IACf,WAAY,KACZ,MAAO,KACP,QAAS,KACT,KAAM,EAAE,EAAE,KACV,UAAW,KACX,WAAY,OACZ,YAAa,IACb,OAAQ,KACR,gBAAiB,OACjB,OAAQ,IAAI,EAAE,IAAI,EAClB,QAAS,EACT,SAAU,OACV,QAAS,EACT,eAAgB,KAChB,MAAO,KAET,mBACE,QAAS,MACT,KAAM,KAER,6BACE,aAAc,IACd,cAAe,IACf,MAAO,QAET,qBACE,WAAY,QACZ,OAAQ,EACR,WAAY,KAEd,qBACE,WAAY,QACZ,OAAQ,EACR,WAAY,KACZ,MAAO,KAET,yBACE,KAAM,KAER,sBACE,WAAY,QACZ,OAAQ,EACR,WAAY,KACZ,MAAO,KAET,0BACE,KAAM,KAER,yBACA,+BACA,wBACA,8BACE,WAAY,IACZ,OAAQ,EACR,WAAY,KACZ,MAAO,qBACP,OAAQ,YAEV,6BACA,mCACA,4BACA,kCAEE,KAAM,qBAER,wBACA,8BACE,WAAY,QACZ,OAAQ,EACR,WAAY,KACZ,MAAO,KAGT,gCADA,0BAEE,UAAW,KAEb,4BACA,kCAEE,KAAM,KAER,8CACE,MAAO,KAET,kDACE,KAAM,KAER,wBACE,UAAW,KAEb,mBACE,OAAQ,KACR,MAAO,KAET,mBACE,eAAgB,OAChB,OAAQ,KACR,MAAO,KAET,uBACE,mBAAoB,QAChB,WAAY,QAChB,OAAQ,MACR,MAAO,KAET,wBACE,QAAS,EAAE,IACX,MAAO,MAET,uBACE,QAAS,MACT,UAAW,KACX,YAAa,IACb,eAAgB,QAChB,cAAe,IACf,YAAa,OAEf,uBACE,OAAQ,IAAI,EAAE,IAAI,EAClB,QAAS,EAAE,IACX,MAAO,KAET,6BACE,OAAQ,QACR,YAAa,IACb,OAAQ,EAAE,IAEZ,+BACE,YAAa,OACb,QAAS,KACT,gBAAiB,OACjB,MAAO,KAET,mCACE,KAAM,qBAER,gDACE,SAAU,OACV,cAAe,SACf,YAAa,OACb,MAAO,IAET,uBACE,OAAQ,EACR,cAAe,IACf,WAAY,WACZ,QAAS,KACT,OAAQ,IAAI,EAAE,IAAI,EAClB,SAAU,OAEZ,6BACE,WAAY,EAAE,EAAE,EAAE,IAAI,QAAQ,MAEhC,6BACE,WAAY,QACZ,WAAY,KACZ,MAAO,KAET,yBACE,cAAe,EAEjB,gCACE,MAAO,KAET,oCACE,KAAM,qBAER,iCACE,OAAQ,EAEV,gEACE,MAAO,KAET,mDACE,MAAO,KAKT,0DADA,0DADA,gDADA,gDAIE,WAAY,IACZ,WAAY,KACZ,MAAO,qBAET,2BACE,iBAAkB,QAEpB,kBAEA,4BADA,2BAEE,WAAY,+MAA+M,KAAK,EAAE,IAAI,EAAE,QACxO,iBAAkB,QAClB,QAAS,KACT,KAAM,EAAE,EAAE,KACV,YAAa,EACb,UAAW,KACX,QAAS,EAAE,EAEb,0DACE,OAAQ,EACR,QAAS,EACT,eAAgB,EAChB,YAAa,EACb,WAAY,OAEd,qCACE,WAAY,OAAO,IAAK,IAAI,CAAE,QAAQ,IAAK,OAAO,IAEpD,uCACE,WAAY,QAAQ,IAAK,IAAI,CAAE,OAAO,IAAK,OAAO,GAAI,CAAE,WAAW,GAAG,OAAO,IAE/E,+BACA,8DACE,WAAY,IAAI,MAAM,KACtB,WAAY,KAEd,6BACE,UAAW,OACX,WAAY,KAEd,2BACE,aAAc,EAEhB,8BACE,iBAAkB,KAGpB,mIADA,oGAEE,WAAY,IAAI,MAAM,KAExB,4CACE,iBAAkB,QAClB,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,WAAY,EAAE,IAAI,IAAI,gBAExB,sCACE,UAAW,gBAEb,yBACE,YAAa,OACb,QAAS,KACT,UAAW,KACX,OAAQ,EAAE,EACV,QAAS,EAAE,IAAI,EAAE,IAEnB,qCACE,YAAa,KAEf,iDACE,YAAa,EACb,UAAW,OAEb,2DACE,aAAc,IAAI,MAAM,KAE1B,qDACE,YAAa,IAAI,MAAM,KAEzB,kBACE,QAAS,aACT,QAAS,IACT,SAAU,SAEZ,wBACE,iBAAkB,QAClB,cAAe,IACf,WAAY,EAAE,IAAI,IAAI,kBACtB,MAAO,sBACP,UAAW,KACX,WAAY,OACZ,YAAa,IACb,QAAS,IAAI,IACb,eAAgB,KAElB,yBACE,SAAU,SAEZ,4CACE,YAAa,IAAI,MAAM,YACvB,aAAc,IAAI,MAAM,YACxB,WAAY,IAAI,MAAM,QACtB,OAAQ,EACR,KAAM,IACN,SAAU,SACV,UAAW,iBAEb,0CACE,cAAe,IAAI,MAAM,QACzB,YAAa,IAAI,MAAM,YACvB,aAAc,IAAI,MAAM,YACxB,KAAM,IACN,SAAU,SACV,IAAK,EACL,UAAW,iBAEb,6CACE,cAAe,IAAI,MAAM,YACzB,YAAa,IAAI,MAAM,QACvB,WAAY,IAAI,MAAM,YACtB,SAAU,SACV,MAAO,EACP,IAAK,IACL,UAAW,iBAEb,4CACE,cAAe,IAAI,MAAM,YACzB,aAAc,IAAI,MAAM,QACxB,WAAY,IAAI,MAAM,YACtB,KAAM,EACN,SAAU,SACV,IAAK,IACL,UAAW,iBAEb,eACE,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,QAAS,IACT,MAAO,KAET,4BACE,WAAY,EAEd,2BACE,cAAe,EAEjB,2BACE,OAAQ,EAEV,wBACE,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,QAAS,KACT,KAAM,EACN,SAAU,SAMZ,iCACE,iBAAkB,eAClB,QAAS,GACT,OAAQ,KACR,SAAU,SACV,MAAO,KACP,QAAS,KAEX,cACE,OAAQ,QAEV,6BACE,QAAS,KACT,KAAM,EACN,wBAAyB,KAE3B,+CACE,QAAS,KACT,KAAM,EACN,wBAAyB,KAE3B,iCACE,OAAQ,KAEV,+BACE,OAAQ","file":"skin.min.css","sourcesContent":["/**\n * Copyright (c) Tiny Technologies, Inc. All rights reserved.\n * Licensed under the LGPL or a commercial license.\n * For LGPL see License.txt in the project root for license information.\n * For commercial licenses see https://www.tiny.cloud/\n */\n.tox {\n  box-sizing: content-box;\n  color: #2A3746;\n  cursor: auto;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: normal;\n  line-height: normal;\n  -webkit-tap-highlight-color: transparent;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  vertical-align: initial;\n  white-space: normal;\n}\n.tox *:not(svg):not(rect) {\n  box-sizing: inherit;\n  color: inherit;\n  cursor: inherit;\n  direction: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  -webkit-tap-highlight-color: inherit;\n  text-align: inherit;\n  text-decoration: inherit;\n  text-shadow: inherit;\n  text-transform: inherit;\n  vertical-align: inherit;\n  white-space: inherit;\n}\n.tox *:not(svg):not(rect) {\n  /* stylelint-disable-line no-duplicate-selectors */\n  background: transparent;\n  border: 0;\n  float: none;\n  height: auto;\n  margin: 0;\n  max-width: none;\n  outline: 0;\n  padding: 0;\n  position: static;\n  width: auto;\n}\n.tox:not([dir=rtl]) {\n  direction: ltr;\n  text-align: left;\n}\n.tox[dir=rtl] {\n  direction: rtl;\n  text-align: right;\n}\n.tox-tinymce {\n  border: 1px solid #000000;\n  border-radius: 0;\n  box-shadow: none;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  overflow: hidden;\n  position: relative;\n  visibility: inherit !important;\n}\n.tox-tinymce-inline {\n  border: none;\n  box-shadow: none;\n}\n.tox-tinymce-inline .tox-editor-header {\n  border: 1px solid #000000;\n  border-radius: 0;\n  box-shadow: none;\n}\n.tox-tinymce-aux {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  z-index: 1300;\n}\n.tox-tinymce *:focus,\n.tox-tinymce-aux *:focus {\n  outline: none;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n}\n.tox .accessibility-issue__header {\n  align-items: center;\n  display: flex;\n  margin-bottom: 4px;\n}\n.tox .accessibility-issue__description {\n  align-items: stretch;\n  border: 1px solid #000000;\n  border-radius: 3px;\n  display: flex;\n  justify-content: space-between;\n}\n.tox .accessibility-issue__description > div {\n  padding-bottom: 4px;\n}\n.tox .accessibility-issue__description > div > div {\n  align-items: center;\n  display: flex;\n  margin-bottom: 4px;\n}\n.tox .accessibility-issue__description > *:last-child:not(:only-child) {\n  border-color: #000000;\n  border-style: solid;\n}\n.tox .accessibility-issue__repair {\n  margin-top: 16px;\n}\n.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {\n  background-color: rgba(32, 122, 183, 0.5);\n  border-color: #207ab7;\n  color: #fff;\n}\n.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {\n  border-color: #207ab7;\n}\n.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {\n  color: #fff;\n}\n.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {\n  fill: #fff;\n}\n.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {\n  color: #fff;\n}\n.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {\n  background-color: rgba(255, 165, 0, 0.5);\n  border-color: rgba(255, 165, 0, 0.8);\n  color: #fff;\n}\n.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {\n  border-color: rgba(255, 165, 0, 0.8);\n}\n.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {\n  color: #fff;\n}\n.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {\n  fill: #fff;\n}\n.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {\n  color: #fff;\n}\n.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {\n  background-color: rgba(204, 0, 0, 0.5);\n  border-color: rgba(204, 0, 0, 0.8);\n  color: #fff;\n}\n.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {\n  border-color: rgba(204, 0, 0, 0.8);\n}\n.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {\n  color: #fff;\n}\n.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {\n  fill: #fff;\n}\n.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {\n  color: #fff;\n}\n.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {\n  background-color: rgba(120, 171, 70, 0.5);\n  border-color: rgba(120, 171, 70, 0.8);\n  color: #fff;\n}\n.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {\n  border-color: rgba(120, 171, 70, 0.8);\n}\n.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {\n  color: #fff;\n}\n.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {\n  fill: #fff;\n}\n.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {\n  color: #fff;\n}\n.tox .tox-dialog__body-content .accessibility-issue__header h1,\n.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {\n  margin-top: 0;\n}\n.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {\n  margin-left: 4px;\n}\n.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {\n  margin-left: auto;\n}\n.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {\n  padding: 4px 4px 4px 8px;\n}\n.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child {\n  border-left-width: 1px;\n  padding-left: 4px;\n}\n.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {\n  margin-right: 4px;\n}\n.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {\n  margin-right: auto;\n}\n.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {\n  padding: 4px 8px 4px 4px;\n}\n.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child {\n  border-right-width: 1px;\n  padding-right: 4px;\n}\n.tox .tox-anchorbar {\n  display: flex;\n  flex: 0 0 auto;\n}\n.tox .tox-bar {\n  display: flex;\n  flex: 0 0 auto;\n}\n.tox .tox-button {\n  background-color: #207ab7;\n  background-image: none;\n  background-position: 0 0;\n  background-repeat: repeat;\n  border-color: #207ab7;\n  border-radius: 3px;\n  border-style: solid;\n  border-width: 1px;\n  box-shadow: none;\n  box-sizing: border-box;\n  color: #fff;\n  cursor: pointer;\n  display: inline-block;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: bold;\n  letter-spacing: normal;\n  line-height: 24px;\n  margin: 0;\n  outline: none;\n  padding: 4px 16px;\n  text-align: center;\n  text-decoration: none;\n  text-transform: capitalize;\n  white-space: nowrap;\n}\n.tox .tox-button[disabled] {\n  background-color: #207ab7;\n  background-image: none;\n  border-color: #207ab7;\n  box-shadow: none;\n  color: rgba(255, 255, 255, 0.5);\n  cursor: not-allowed;\n}\n.tox .tox-button:focus:not(:disabled) {\n  background-color: #1c6ca1;\n  background-image: none;\n  border-color: #1c6ca1;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-button:hover:not(:disabled) {\n  background-color: #1c6ca1;\n  background-image: none;\n  border-color: #1c6ca1;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-button:active:not(:disabled) {\n  background-color: #185d8c;\n  background-image: none;\n  border-color: #185d8c;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-button--secondary {\n  background-color: #3d546f;\n  background-image: none;\n  background-position: 0 0;\n  background-repeat: repeat;\n  border-color: #3d546f;\n  border-radius: 3px;\n  border-style: solid;\n  border-width: 1px;\n  box-shadow: none;\n  color: #fff;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: bold;\n  letter-spacing: normal;\n  outline: none;\n  padding: 4px 16px;\n  text-decoration: none;\n  text-transform: capitalize;\n}\n.tox .tox-button--secondary[disabled] {\n  background-color: #3d546f;\n  background-image: none;\n  border-color: #3d546f;\n  box-shadow: none;\n  color: rgba(255, 255, 255, 0.5);\n}\n.tox .tox-button--secondary:focus:not(:disabled) {\n  background-color: #34485f;\n  background-image: none;\n  border-color: #34485f;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-button--secondary:hover:not(:disabled) {\n  background-color: #34485f;\n  background-image: none;\n  border-color: #34485f;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-button--secondary:active:not(:disabled) {\n  background-color: #2b3b4e;\n  background-image: none;\n  border-color: #2b3b4e;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-button--icon,\n.tox .tox-button.tox-button--icon,\n.tox .tox-button.tox-button--secondary.tox-button--icon {\n  padding: 4px;\n}\n.tox .tox-button--icon .tox-icon svg,\n.tox .tox-button.tox-button--icon .tox-icon svg,\n.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {\n  display: block;\n  fill: currentColor;\n}\n.tox .tox-button-link {\n  background: 0;\n  border: none;\n  box-sizing: border-box;\n  cursor: pointer;\n  display: inline-block;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  font-size: 16px;\n  font-weight: normal;\n  line-height: 1.3;\n  margin: 0;\n  padding: 0;\n  white-space: nowrap;\n}\n.tox .tox-button-link--sm {\n  font-size: 14px;\n}\n.tox .tox-button--naked {\n  background-color: transparent;\n  border-color: transparent;\n  box-shadow: unset;\n  color: #fff;\n}\n.tox .tox-button--naked[disabled] {\n  background-color: #3d546f;\n  border-color: #3d546f;\n  box-shadow: none;\n  color: rgba(255, 255, 255, 0.5);\n}\n.tox .tox-button--naked:hover:not(:disabled) {\n  background-color: #34485f;\n  border-color: #34485f;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-button--naked:focus:not(:disabled) {\n  background-color: #34485f;\n  border-color: #34485f;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-button--naked:active:not(:disabled) {\n  background-color: #2b3b4e;\n  border-color: #2b3b4e;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-button--naked .tox-icon svg {\n  fill: currentColor;\n}\n.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {\n  color: #fff;\n}\n.tox .tox-checkbox {\n  align-items: center;\n  border-radius: 3px;\n  cursor: pointer;\n  display: flex;\n  height: 36px;\n  min-width: 36px;\n}\n.tox .tox-checkbox__input {\n  /* Hide from view but visible to screen readers */\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  top: auto;\n  width: 1px;\n}\n.tox .tox-checkbox__icons {\n  align-items: center;\n  border-radius: 3px;\n  box-shadow: 0 0 0 2px transparent;\n  box-sizing: content-box;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  padding: calc(4px - 1px);\n  width: 24px;\n}\n.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {\n  display: block;\n  fill: rgba(255, 255, 255, 0.2);\n}\n.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {\n  display: none;\n  fill: #207ab7;\n}\n.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {\n  display: none;\n  fill: #207ab7;\n}\n.tox .tox-checkbox--disabled {\n  color: rgba(255, 255, 255, 0.5);\n  cursor: not-allowed;\n}\n.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {\n  fill: rgba(255, 255, 255, 0.5);\n}\n.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {\n  fill: rgba(255, 255, 255, 0.5);\n}\n.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {\n  fill: rgba(255, 255, 255, 0.5);\n}\n.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {\n  display: none;\n}\n.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {\n  display: block;\n}\n.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {\n  display: none;\n}\n.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {\n  display: block;\n}\n.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {\n  border-radius: 3px;\n  box-shadow: inset 0 0 0 1px #207ab7;\n  padding: calc(4px - 1px);\n}\n.tox:not([dir=rtl]) .tox-checkbox__label {\n  margin-left: 4px;\n}\n.tox:not([dir=rtl]) .tox-checkbox__input {\n  left: -10000px;\n}\n.tox:not([dir=rtl]) .tox-bar .tox-checkbox {\n  margin-left: 4px;\n}\n.tox[dir=rtl] .tox-checkbox__label {\n  margin-right: 4px;\n}\n.tox[dir=rtl] .tox-checkbox__input {\n  right: -10000px;\n}\n.tox[dir=rtl] .tox-bar .tox-checkbox {\n  margin-right: 4px;\n}\n.tox {\n  /* stylelint-disable-next-line no-descending-specificity */\n}\n.tox .tox-collection--toolbar .tox-collection__group {\n  display: flex;\n  padding: 0;\n}\n.tox .tox-collection--grid .tox-collection__group {\n  display: flex;\n  flex-wrap: wrap;\n  max-height: 208px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  padding: 0;\n}\n.tox .tox-collection--list .tox-collection__group {\n  border-bottom-width: 0;\n  border-color: #1a1a1a;\n  border-left-width: 0;\n  border-right-width: 0;\n  border-style: solid;\n  border-top-width: 1px;\n  padding: 4px 0;\n}\n.tox .tox-collection--list .tox-collection__group:first-child {\n  border-top-width: 0;\n}\n.tox .tox-collection__group-heading {\n  background-color: #333333;\n  color: #fff;\n  cursor: default;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: normal;\n  margin-bottom: 4px;\n  margin-top: -4px;\n  padding: 4px 8px;\n  text-transform: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.tox .tox-collection__item {\n  align-items: center;\n  color: #fff;\n  cursor: pointer;\n  display: flex;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.tox .tox-collection--list .tox-collection__item {\n  padding: 4px 8px;\n}\n.tox .tox-collection--toolbar .tox-collection__item {\n  border-radius: 3px;\n  padding: 4px;\n}\n.tox .tox-collection--grid .tox-collection__item {\n  border-radius: 3px;\n  padding: 4px;\n}\n.tox .tox-collection--list .tox-collection__item--enabled {\n  background-color: #2b3b4e;\n  color: #fff;\n}\n.tox .tox-collection--list .tox-collection__item--active {\n  background-color: #4a5562;\n}\n.tox .tox-collection--toolbar .tox-collection__item--enabled {\n  background-color: #757d87;\n  color: #fff;\n}\n.tox .tox-collection--toolbar .tox-collection__item--active {\n  background-color: #4a5562;\n}\n.tox .tox-collection--grid .tox-collection__item--enabled {\n  background-color: #757d87;\n  color: #fff;\n}\n.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {\n  background-color: #4a5562;\n  color: #fff;\n}\n.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {\n  color: #fff;\n}\n.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {\n  color: #fff;\n}\n.tox .tox-collection__item--state-disabled {\n  background-color: transparent;\n  color: rgba(255, 255, 255, 0.5);\n  cursor: not-allowed;\n}\n.tox .tox-collection__item-icon,\n.tox .tox-collection__item-checkmark {\n  align-items: center;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  width: 24px;\n}\n.tox .tox-collection__item-icon svg,\n.tox .tox-collection__item-checkmark svg {\n  fill: currentColor;\n}\n.tox .tox-collection--toolbar-lg .tox-collection__item-icon {\n  height: 48px;\n  width: 48px;\n}\n.tox .tox-collection__item-label {\n  color: currentColor;\n  display: inline-block;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 24px;\n  text-transform: none;\n  word-break: break-all;\n}\n.tox .tox-collection__item-accessory {\n  color: rgba(255, 255, 255, 0.5);\n  display: inline-block;\n  font-size: 14px;\n  height: 24px;\n  line-height: 24px;\n  text-transform: none;\n}\n.tox .tox-collection__item-caret {\n  align-items: center;\n  display: flex;\n  min-height: 24px;\n}\n.tox .tox-collection__item-caret::after {\n  content: '';\n  font-size: 0;\n  min-height: inherit;\n}\n.tox .tox-collection__item-caret svg {\n  fill: #fff;\n}\n.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {\n  display: none;\n}\n.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {\n  display: none;\n}\n.tox .tox-collection--horizontal {\n  background-color: #2b3b4e;\n  border: 1px solid #1a1a1a;\n  border-radius: 3px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n  display: flex;\n  flex: 0 0 auto;\n  flex-shrink: 0;\n  flex-wrap: nowrap;\n  margin-bottom: 0;\n  overflow-x: auto;\n  padding: 0;\n}\n.tox .tox-collection--horizontal .tox-collection__group {\n  align-items: center;\n  display: flex;\n  flex-wrap: nowrap;\n  margin: 0;\n  padding: 0 4px;\n}\n.tox .tox-collection--horizontal .tox-collection__item {\n  height: 34px;\n  margin: 2px 0 3px 0;\n  padding: 0 4px;\n}\n.tox .tox-collection--horizontal .tox-collection__item-label {\n  white-space: nowrap;\n}\n.tox .tox-collection--horizontal .tox-collection__item-caret {\n  margin-left: 4px;\n}\n.tox .tox-collection__item-container {\n  display: flex;\n}\n.tox .tox-collection__item-container--row {\n  align-items: center;\n  flex: 1 1 auto;\n  flex-direction: row;\n}\n.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {\n  margin-right: auto;\n}\n.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {\n  justify-content: flex-end;\n  margin-left: auto;\n}\n.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {\n  align-items: flex-start;\n  margin-bottom: auto;\n}\n.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {\n  align-items: center;\n}\n.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {\n  align-items: flex-end;\n  margin-top: auto;\n}\n.tox .tox-collection__item-container--column {\n  -ms-grid-row-align: center;\n      align-self: center;\n  flex: 1 1 auto;\n  flex-direction: column;\n}\n.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {\n  align-items: flex-start;\n}\n.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {\n  align-items: flex-end;\n}\n.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {\n  align-self: flex-start;\n}\n.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {\n  -ms-grid-row-align: center;\n      align-self: center;\n}\n.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {\n  align-self: flex-end;\n}\n.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {\n  border-right: 1px solid #000000;\n}\n.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {\n  margin-left: 8px;\n}\n.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {\n  margin-left: 4px;\n}\n.tox:not([dir=rtl]) .tox-collection__item-accessory {\n  margin-left: 16px;\n  text-align: right;\n}\n.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {\n  margin-left: 16px;\n}\n.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {\n  border-left: 1px solid #000000;\n}\n.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {\n  margin-right: 8px;\n}\n.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {\n  margin-right: 4px;\n}\n.tox[dir=rtl] .tox-collection__item-icon-rtl {\n  /* stylelint-disable-next-line no-descending-specificity */\n}\n.tox[dir=rtl] .tox-collection__item-icon-rtl .tox-collection__item-icon svg {\n  transform: rotateY(180deg);\n}\n.tox[dir=rtl] .tox-collection__item-accessory {\n  margin-right: 16px;\n  text-align: left;\n}\n.tox[dir=rtl] .tox-collection .tox-collection__item-caret {\n  margin-right: 16px;\n  transform: rotateY(180deg);\n}\n.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {\n  margin-right: 4px;\n}\n.tox .tox-color-picker-container {\n  display: flex;\n  flex-direction: row;\n  height: 225px;\n  margin: 0;\n}\n.tox .tox-sv-palette {\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n}\n.tox .tox-sv-palette-spectrum {\n  height: 100%;\n}\n.tox .tox-sv-palette,\n.tox .tox-sv-palette-spectrum {\n  width: 225px;\n}\n.tox .tox-sv-palette-thumb {\n  background: none;\n  border: 1px solid black;\n  border-radius: 50%;\n  box-sizing: content-box;\n  height: 12px;\n  position: absolute;\n  width: 12px;\n}\n.tox .tox-sv-palette-inner-thumb {\n  border: 1px solid white;\n  border-radius: 50%;\n  height: 10px;\n  position: absolute;\n  width: 10px;\n}\n.tox .tox-hue-slider {\n  box-sizing: border-box;\n  height: 100%;\n  width: 25px;\n}\n.tox .tox-hue-slider-spectrum {\n  background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);\n  height: 100%;\n  width: 100%;\n}\n.tox .tox-hue-slider,\n.tox .tox-hue-slider-spectrum {\n  width: 20px;\n}\n.tox .tox-hue-slider-thumb {\n  background: white;\n  border: 1px solid black;\n  box-sizing: content-box;\n  height: 4px;\n  width: 100%;\n}\n.tox .tox-rgb-form {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.tox .tox-rgb-form div {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 5px;\n  width: inherit;\n}\n.tox .tox-rgb-form input {\n  width: 6em;\n}\n.tox .tox-rgb-form input.tox-invalid {\n  /* Need !important to override Chrome's focus styling unfortunately */\n  border: 1px solid red !important;\n}\n.tox .tox-rgb-form .tox-rgba-preview {\n  border: 1px solid black;\n  flex-grow: 2;\n  margin-bottom: 0;\n}\n.tox:not([dir=rtl]) .tox-sv-palette {\n  margin-right: 15px;\n}\n.tox:not([dir=rtl]) .tox-hue-slider {\n  margin-right: 15px;\n}\n.tox:not([dir=rtl]) .tox-hue-slider-thumb {\n  margin-left: -1px;\n}\n.tox:not([dir=rtl]) .tox-rgb-form label {\n  margin-right: 0.5em;\n}\n.tox[dir=rtl] .tox-sv-palette {\n  margin-left: 15px;\n}\n.tox[dir=rtl] .tox-hue-slider {\n  margin-left: 15px;\n}\n.tox[dir=rtl] .tox-hue-slider-thumb {\n  margin-right: -1px;\n}\n.tox[dir=rtl] .tox-rgb-form label {\n  margin-left: 0.5em;\n}\n.tox .tox-toolbar .tox-swatches,\n.tox .tox-toolbar__primary .tox-swatches,\n.tox .tox-toolbar__overflow .tox-swatches {\n  margin: 2px 0 3px 4px;\n}\n.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {\n  border: 0;\n  margin: -4px 0;\n}\n.tox .tox-swatches__row {\n  display: flex;\n}\n.tox .tox-swatch {\n  height: 30px;\n  transition: transform 0.15s, box-shadow 0.15s;\n  width: 30px;\n}\n.tox .tox-swatch:hover,\n.tox .tox-swatch:focus {\n  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;\n  transform: scale(0.8);\n}\n.tox .tox-swatch--remove {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n.tox .tox-swatch--remove svg path {\n  stroke: #e74c3c;\n}\n.tox .tox-swatches__picker-btn {\n  align-items: center;\n  background-color: transparent;\n  border: 0;\n  cursor: pointer;\n  display: flex;\n  height: 30px;\n  justify-content: center;\n  outline: none;\n  padding: 0;\n  width: 30px;\n}\n.tox .tox-swatches__picker-btn svg {\n  height: 24px;\n  width: 24px;\n}\n.tox .tox-swatches__picker-btn:hover {\n  background: #4a5562;\n}\n.tox:not([dir=rtl]) .tox-swatches__picker-btn {\n  margin-left: auto;\n}\n.tox[dir=rtl] .tox-swatches__picker-btn {\n  margin-right: auto;\n}\n.tox .tox-comment-thread {\n  background: #2b3b4e;\n  position: relative;\n}\n.tox .tox-comment-thread > *:not(:first-child) {\n  margin-top: 8px;\n}\n.tox .tox-comment {\n  background: #2b3b4e;\n  border: 1px solid #000000;\n  border-radius: 3px;\n  box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);\n  padding: 8px 8px 16px 8px;\n  position: relative;\n}\n.tox .tox-comment__header {\n  align-items: center;\n  color: #fff;\n  display: flex;\n  justify-content: space-between;\n}\n.tox .tox-comment__date {\n  color: rgba(255, 255, 255, 0.5);\n  font-size: 12px;\n}\n.tox .tox-comment__body {\n  color: #fff;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 1.3;\n  margin-top: 8px;\n  position: relative;\n  text-transform: initial;\n}\n.tox .tox-comment__body textarea {\n  resize: none;\n  white-space: normal;\n  width: 100%;\n}\n.tox .tox-comment__expander {\n  padding-top: 8px;\n}\n.tox .tox-comment__expander p {\n  color: rgba(255, 255, 255, 0.5);\n  font-size: 14px;\n  font-style: normal;\n}\n.tox .tox-comment__body p {\n  margin: 0;\n}\n.tox .tox-comment__buttonspacing {\n  padding-top: 16px;\n  text-align: center;\n}\n.tox .tox-comment-thread__overlay::after {\n  background: #2b3b4e;\n  bottom: 0;\n  content: \"\";\n  display: flex;\n  left: 0;\n  opacity: 0.9;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 5;\n}\n.tox .tox-comment__reply {\n  display: flex;\n  flex-shrink: 0;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  margin-top: 8px;\n}\n.tox .tox-comment__reply > *:first-child {\n  margin-bottom: 8px;\n  width: 100%;\n}\n.tox .tox-comment__edit {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  margin-top: 16px;\n}\n.tox .tox-comment__gradient::after {\n  background: linear-gradient(rgba(43, 59, 78, 0), #2b3b4e);\n  bottom: 0;\n  content: \"\";\n  display: block;\n  height: 5em;\n  margin-top: -40px;\n  position: absolute;\n  width: 100%;\n}\n.tox .tox-comment__overlay {\n  background: #2b3b4e;\n  bottom: 0;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  left: 0;\n  opacity: 0.9;\n  position: absolute;\n  right: 0;\n  text-align: center;\n  top: 0;\n  z-index: 5;\n}\n.tox .tox-comment__loading-text {\n  align-items: center;\n  color: #fff;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n.tox .tox-comment__loading-text > div {\n  padding-bottom: 16px;\n}\n.tox .tox-comment__overlaytext {\n  bottom: 0;\n  flex-direction: column;\n  font-size: 14px;\n  left: 0;\n  padding: 1em;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 10;\n}\n.tox .tox-comment__overlaytext p {\n  background-color: #2b3b4e;\n  box-shadow: 0 0 8px 8px #2b3b4e;\n  color: #fff;\n  text-align: center;\n}\n.tox .tox-comment__overlaytext div:nth-of-type(2) {\n  font-size: 0.8em;\n}\n.tox .tox-comment__busy-spinner {\n  align-items: center;\n  background-color: #2b3b4e;\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 20;\n}\n.tox .tox-comment__scroll {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 1;\n  overflow: auto;\n}\n.tox .tox-conversations {\n  margin: 8px;\n}\n.tox:not([dir=rtl]) .tox-comment__edit {\n  margin-left: 8px;\n}\n.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,\n.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,\n.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {\n  margin-left: 8px;\n}\n.tox[dir=rtl] .tox-comment__edit {\n  margin-right: 8px;\n}\n.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,\n.tox[dir=rtl] .tox-comment__edit > *:last-child,\n.tox[dir=rtl] .tox-comment__reply > *:last-child {\n  margin-right: 8px;\n}\n.tox .tox-user {\n  align-items: center;\n  display: flex;\n}\n.tox .tox-user__avatar svg {\n  fill: rgba(255, 255, 255, 0.5);\n}\n.tox .tox-user__name {\n  color: rgba(255, 255, 255, 0.5);\n  font-size: 12px;\n  font-style: normal;\n  font-weight: bold;\n  text-transform: uppercase;\n}\n.tox:not([dir=rtl]) .tox-user__avatar svg {\n  margin-right: 8px;\n}\n.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {\n  margin-left: 8px;\n}\n.tox[dir=rtl] .tox-user__avatar svg {\n  margin-left: 8px;\n}\n.tox[dir=rtl] .tox-user__avatar + .tox-user__name {\n  margin-right: 8px;\n}\n.tox .tox-dialog-wrap {\n  align-items: center;\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  z-index: 1100;\n}\n.tox .tox-dialog-wrap__backdrop {\n  background-color: rgba(34, 47, 62, 0.75);\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 1;\n}\n.tox .tox-dialog-wrap__backdrop--opaque {\n  background-color: #222f3e;\n}\n.tox .tox-dialog {\n  background-color: #2b3b4e;\n  border-color: #000000;\n  border-radius: 3px;\n  border-style: solid;\n  border-width: 1px;\n  box-shadow: 0 16px 16px -10px rgba(42, 55, 70, 0.15), 0 0 40px 1px rgba(42, 55, 70, 0.15);\n  display: flex;\n  flex-direction: column;\n  max-height: 100%;\n  max-width: 480px;\n  overflow: hidden;\n  position: relative;\n  width: 95vw;\n  z-index: 2;\n}\n@media only screen and (max-width:767px) {\n  body:not(.tox-force-desktop) .tox .tox-dialog {\n    align-self: flex-start;\n    margin: 8px auto;\n    width: calc(100vw - 16px);\n  }\n}\n.tox .tox-dialog-inline {\n  z-index: 1100;\n}\n.tox .tox-dialog__header {\n  align-items: center;\n  background-color: #2b3b4e;\n  border-bottom: none;\n  color: #fff;\n  display: flex;\n  font-size: 16px;\n  justify-content: space-between;\n  padding: 8px 16px 0 16px;\n  position: relative;\n}\n.tox .tox-dialog__header .tox-button {\n  z-index: 1;\n}\n.tox .tox-dialog__draghandle {\n  cursor: grab;\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.tox .tox-dialog__draghandle:active {\n  cursor: grabbing;\n}\n.tox .tox-dialog__dismiss {\n  margin-left: auto;\n}\n.tox .tox-dialog__title {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 1.3;\n  margin: 0;\n  text-transform: none;\n}\n.tox .tox-dialog__body {\n  color: #fff;\n  display: flex;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 1.3;\n  min-width: 0;\n  text-align: left;\n  text-transform: none;\n}\n@media only screen and (max-width:767px) {\n  body:not(.tox-force-desktop) .tox .tox-dialog__body {\n    flex-direction: column;\n  }\n}\n.tox .tox-dialog__body-nav {\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n  padding: 16px 16px;\n}\n@media only screen and (max-width:767px) {\n  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {\n    flex-direction: row;\n    -webkit-overflow-scrolling: touch;\n    overflow-x: auto;\n    padding-bottom: 0;\n  }\n}\n.tox .tox-dialog__body-nav-item {\n  border-bottom: 2px solid transparent;\n  color: rgba(255, 255, 255, 0.5);\n  display: inline-block;\n  font-size: 14px;\n  line-height: 1.3;\n  margin-bottom: 8px;\n  text-decoration: none;\n  white-space: nowrap;\n}\n.tox .tox-dialog__body-nav-item:focus {\n  background-color: rgba(32, 122, 183, 0.1);\n}\n.tox .tox-dialog__body-nav-item--active {\n  border-bottom: 2px solid #207ab7;\n  color: #207ab7;\n}\n.tox .tox-dialog__body-content {\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  -ms-flex-preferred-size: auto;\n  max-height: 650px;\n  overflow: auto;\n  -webkit-overflow-scrolling: touch;\n  padding: 16px 16px;\n}\n.tox .tox-dialog__body-content > * {\n  margin-bottom: 0;\n  margin-top: 16px;\n}\n.tox .tox-dialog__body-content > *:first-child {\n  margin-top: 0;\n}\n.tox .tox-dialog__body-content > *:last-child {\n  margin-bottom: 0;\n}\n.tox .tox-dialog__body-content > *:only-child {\n  margin-bottom: 0;\n  margin-top: 0;\n}\n.tox .tox-dialog__body-content a {\n  color: #207ab7;\n  cursor: pointer;\n  text-decoration: none;\n}\n.tox .tox-dialog__body-content a:hover,\n.tox .tox-dialog__body-content a:focus {\n  color: #185d8c;\n  text-decoration: none;\n}\n.tox .tox-dialog__body-content a:active {\n  color: #185d8c;\n  text-decoration: none;\n}\n.tox .tox-dialog__body-content svg {\n  fill: #fff;\n}\n.tox .tox-dialog__body-content ul {\n  display: block;\n  list-style-type: disc;\n  margin-bottom: 16px;\n  -webkit-margin-end: 0;\n          margin-inline-end: 0;\n  -webkit-margin-start: 0;\n          margin-inline-start: 0;\n  -webkit-padding-start: 2.5rem;\n          padding-inline-start: 2.5rem;\n}\n.tox .tox-dialog__body-content .tox-form__group h1 {\n  color: #fff;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: bold;\n  letter-spacing: normal;\n  margin-bottom: 16px;\n  margin-top: 2rem;\n  text-transform: none;\n}\n.tox .tox-dialog__body-content .tox-form__group h2 {\n  color: #fff;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: bold;\n  letter-spacing: normal;\n  margin-bottom: 16px;\n  margin-top: 2rem;\n  text-transform: none;\n}\n.tox .tox-dialog__body-content .tox-form__group p {\n  margin-bottom: 16px;\n}\n.tox .tox-dialog__body-content .tox-form__group h1:first-child,\n.tox .tox-dialog__body-content .tox-form__group h2:first-child,\n.tox .tox-dialog__body-content .tox-form__group p:first-child {\n  margin-top: 0;\n}\n.tox .tox-dialog__body-content .tox-form__group h1:last-child,\n.tox .tox-dialog__body-content .tox-form__group h2:last-child,\n.tox .tox-dialog__body-content .tox-form__group p:last-child {\n  margin-bottom: 0;\n}\n.tox .tox-dialog__body-content .tox-form__group h1:only-child,\n.tox .tox-dialog__body-content .tox-form__group h2:only-child,\n.tox .tox-dialog__body-content .tox-form__group p:only-child {\n  margin-bottom: 0;\n  margin-top: 0;\n}\n.tox .tox-dialog--width-lg {\n  height: 650px;\n  max-width: 1200px;\n}\n.tox .tox-dialog--width-md {\n  max-width: 800px;\n}\n.tox .tox-dialog--width-md .tox-dialog__body-content {\n  overflow: auto;\n}\n.tox .tox-dialog__body-content--centered {\n  text-align: center;\n}\n.tox .tox-dialog__footer {\n  align-items: center;\n  background-color: #2b3b4e;\n  border-top: 1px solid #000000;\n  display: flex;\n  justify-content: space-between;\n  padding: 8px 16px;\n}\n.tox .tox-dialog__footer-start,\n.tox .tox-dialog__footer-end {\n  display: flex;\n}\n.tox .tox-dialog__busy-spinner {\n  align-items: center;\n  background-color: rgba(34, 47, 62, 0.75);\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 3;\n}\n.tox .tox-dialog__table {\n  border-collapse: collapse;\n  width: 100%;\n}\n.tox .tox-dialog__table thead th {\n  font-weight: bold;\n  padding-bottom: 8px;\n}\n.tox .tox-dialog__table tbody tr {\n  border-bottom: 1px solid #000000;\n}\n.tox .tox-dialog__table tbody tr:last-child {\n  border-bottom: none;\n}\n.tox .tox-dialog__table td {\n  padding-bottom: 8px;\n  padding-top: 8px;\n}\n.tox .tox-dialog__popups {\n  position: absolute;\n  width: 100%;\n  z-index: 1100;\n}\n.tox .tox-dialog__body-iframe {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-dialog__body-iframe .tox-navobj {\n  display: flex;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n  height: 100%;\n}\n.tox .tox-dialog-dock-fadeout {\n  opacity: 0;\n  visibility: hidden;\n}\n.tox .tox-dialog-dock-fadein {\n  opacity: 1;\n  visibility: visible;\n}\n.tox .tox-dialog-dock-transition {\n  transition: visibility 0s linear 0.3s, opacity 0.3s ease;\n}\n.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {\n  transition-delay: 0s;\n}\n.tox.tox-platform-ie {\n  /* IE11 CSS styles go here */\n}\n.tox.tox-platform-ie .tox-dialog-wrap {\n  position: -ms-device-fixed;\n}\n@media only screen and (max-width:767px) {\n  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {\n    margin-right: 0;\n  }\n}\n@media only screen and (max-width:767px) {\n  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {\n    margin-left: 8px;\n  }\n}\n.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,\n.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {\n  margin-left: 8px;\n}\n.tox[dir=rtl] .tox-dialog__body {\n  text-align: right;\n}\n@media only screen and (max-width:767px) {\n  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {\n    margin-left: 0;\n  }\n}\n@media only screen and (max-width:767px) {\n  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {\n    margin-right: 8px;\n  }\n}\n.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,\n.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {\n  margin-right: 8px;\n}\nbody.tox-dialog__disable-scroll {\n  overflow: hidden;\n}\n.tox .tox-dropzone-container {\n  display: flex;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-dropzone {\n  align-items: center;\n  background: #fff;\n  border: 2px dashed #000000;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  justify-content: center;\n  min-height: 100px;\n  padding: 10px;\n}\n.tox .tox-dropzone p {\n  color: rgba(255, 255, 255, 0.5);\n  margin: 0 0 16px 0;\n}\n.tox .tox-edit-area {\n  display: flex;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n  overflow: hidden;\n  position: relative;\n}\n.tox .tox-edit-area__iframe {\n  background-color: #fff;\n  border: 0;\n  box-sizing: border-box;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n}\n.tox.tox-inline-edit-area {\n  border: 1px dotted #000000;\n}\n.tox .tox-editor-container {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  overflow: hidden;\n}\n.tox .tox-editor-header {\n  z-index: 1;\n}\n.tox:not(.tox-tinymce-inline) .tox-editor-header {\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.tox.tox-tinymce--toolbar-bottom .tox-editor-header,\n.tox.tox-tinymce-inline .tox-editor-header {\n  margin-bottom: -1px;\n}\n.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {\n  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);\n}\n.tox-editor-dock-fadeout {\n  opacity: 0;\n  visibility: hidden;\n}\n.tox-editor-dock-fadein {\n  opacity: 1;\n  visibility: visible;\n}\n.tox-editor-dock-transition {\n  transition: visibility 0s linear 0.25s, opacity 0.25s ease;\n}\n.tox-editor-dock-transition.tox-editor-dock-fadein {\n  transition-delay: 0s;\n}\n.tox .tox-control-wrap {\n  flex: 1;\n  position: relative;\n}\n.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,\n.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,\n.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {\n  display: none;\n}\n.tox .tox-control-wrap svg {\n  display: block;\n}\n.tox .tox-control-wrap__status-icon-wrap {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.tox .tox-control-wrap__status-icon-invalid svg {\n  fill: #c00;\n}\n.tox .tox-control-wrap__status-icon-unknown svg {\n  fill: orange;\n}\n.tox .tox-control-wrap__status-icon-valid svg {\n  fill: green;\n}\n.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,\n.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,\n.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {\n  padding-right: 32px;\n}\n.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {\n  right: 4px;\n}\n.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,\n.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,\n.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {\n  padding-left: 32px;\n}\n.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {\n  left: 4px;\n}\n.tox .tox-autocompleter {\n  max-width: 25em;\n}\n.tox .tox-autocompleter .tox-menu {\n  max-width: 25em;\n}\n.tox .tox-autocompleter .tox-autocompleter-highlight {\n  font-weight: bold;\n}\n.tox .tox-color-input {\n  display: flex;\n  position: relative;\n  z-index: 1;\n}\n.tox .tox-color-input .tox-textfield {\n  z-index: -1;\n}\n.tox .tox-color-input span {\n  border-color: rgba(42, 55, 70, 0.2);\n  border-radius: 3px;\n  border-style: solid;\n  border-width: 1px;\n  box-shadow: none;\n  box-sizing: border-box;\n  height: 24px;\n  position: absolute;\n  top: 6px;\n  width: 24px;\n}\n.tox .tox-color-input span:hover:not([aria-disabled=true]),\n.tox .tox-color-input span:focus:not([aria-disabled=true]) {\n  border-color: #207ab7;\n  cursor: pointer;\n}\n.tox .tox-color-input span::before {\n  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(255, 255, 255, 0.25) 75%);\n  background-position: 0 0, 0 6px, 6px -6px, -6px 0;\n  background-size: 12px 12px;\n  border: 1px solid #2b3b4e;\n  border-radius: 3px;\n  box-sizing: border-box;\n  content: '';\n  height: 24px;\n  left: -1px;\n  position: absolute;\n  top: -1px;\n  width: 24px;\n  z-index: -1;\n}\n.tox .tox-color-input span[aria-disabled=true] {\n  cursor: not-allowed;\n}\n.tox:not([dir=rtl]) .tox-color-input {\n  /* stylelint-disable-next-line no-descending-specificity */\n}\n.tox:not([dir=rtl]) .tox-color-input .tox-textfield {\n  padding-left: 36px;\n}\n.tox:not([dir=rtl]) .tox-color-input span {\n  left: 6px;\n}\n.tox[dir=\"rtl\"] .tox-color-input {\n  /* stylelint-disable-next-line no-descending-specificity */\n}\n.tox[dir=\"rtl\"] .tox-color-input .tox-textfield {\n  padding-right: 36px;\n}\n.tox[dir=\"rtl\"] .tox-color-input span {\n  right: 6px;\n}\n.tox .tox-label,\n.tox .tox-toolbar-label {\n  color: rgba(255, 255, 255, 0.5);\n  display: block;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 1.3;\n  padding: 0 8px 0 0;\n  text-transform: none;\n  white-space: nowrap;\n}\n.tox .tox-toolbar-label {\n  padding: 0 8px;\n}\n.tox[dir=rtl] .tox-label {\n  padding: 0 0 0 8px;\n}\n.tox .tox-form {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-form__group {\n  box-sizing: border-box;\n  margin-bottom: 4px;\n}\n.tox .tox-form-group--maximize {\n  flex: 1;\n}\n.tox .tox-form__group--error {\n  color: #c00;\n}\n.tox .tox-form__group--collection {\n  display: flex;\n}\n.tox .tox-form__grid {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n.tox .tox-form__grid--2col > .tox-form__group {\n  width: calc(50% - (8px / 2));\n}\n.tox .tox-form__grid--3col > .tox-form__group {\n  width: calc(100% / 3 - (8px / 2));\n}\n.tox .tox-form__grid--4col > .tox-form__group {\n  width: calc(25% - (8px / 2));\n}\n.tox .tox-form__controls-h-stack {\n  align-items: center;\n  display: flex;\n}\n.tox .tox-form__group--inline {\n  align-items: center;\n  display: flex;\n}\n.tox .tox-form__group--stretched {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-form__group--stretched .tox-textarea {\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-form__group--stretched .tox-navobj {\n  display: flex;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n  height: 100%;\n}\n.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {\n  margin-left: 4px;\n}\n.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {\n  margin-right: 4px;\n}\n.tox .tox-lock.tox-locked .tox-lock-icon__unlock,\n.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {\n  display: none;\n}\n.tox .tox-textfield,\n.tox .tox-toolbar-textfield,\n.tox .tox-listboxfield .tox-listbox--select,\n.tox .tox-textarea {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: #2b3b4e;\n  border-color: #000000;\n  border-radius: 3px;\n  border-style: solid;\n  border-width: 1px;\n  box-shadow: none;\n  box-sizing: border-box;\n  color: #fff;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  font-size: 16px;\n  line-height: 24px;\n  margin: 0;\n  min-height: 34px;\n  outline: none;\n  padding: 5px 4.75px;\n  resize: none;\n  width: 100%;\n}\n.tox .tox-textfield[disabled],\n.tox .tox-textarea[disabled] {\n  background-color: #222f3e;\n  color: rgba(255, 255, 255, 0.85);\n  cursor: not-allowed;\n}\n.tox .tox-textfield:focus,\n.tox .tox-listboxfield .tox-listbox--select:focus,\n.tox .tox-textarea:focus {\n  background-color: #2b3b4e;\n  border-color: #207ab7;\n  box-shadow: none;\n  outline: none;\n}\n.tox .tox-toolbar-textfield {\n  border-width: 0;\n  margin-bottom: 3px;\n  margin-top: 2px;\n  max-width: 250px;\n}\n.tox .tox-naked-btn {\n  background-color: transparent;\n  border: 0;\n  border-color: transparent;\n  box-shadow: unset;\n  color: #207ab7;\n  cursor: pointer;\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n.tox .tox-naked-btn svg {\n  display: block;\n  fill: #fff;\n}\n.tox:not([dir=rtl]) .tox-toolbar-textfield + * {\n  margin-left: 4px;\n}\n.tox[dir=rtl] .tox-toolbar-textfield + * {\n  margin-right: 4px;\n}\n.tox .tox-listboxfield {\n  cursor: pointer;\n  position: relative;\n}\n.tox .tox-listboxfield .tox-listbox--select[disabled] {\n  background-color: #19232e;\n  color: rgba(255, 255, 255, 0.85);\n  cursor: not-allowed;\n}\n.tox .tox-listbox__select-label {\n  cursor: default;\n  flex: 1;\n  margin: 0 4px;\n}\n.tox .tox-listbox__select-chevron {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  width: 16px;\n}\n.tox .tox-listbox__select-chevron svg {\n  fill: #fff;\n}\n.tox .tox-listboxfield .tox-listbox--select {\n  align-items: center;\n  display: flex;\n}\n.tox:not([dir=rtl]) .tox-listboxfield svg {\n  right: 8px;\n}\n.tox[dir=rtl] .tox-listboxfield svg {\n  left: 8px;\n}\n.tox .tox-selectfield {\n  cursor: pointer;\n  position: relative;\n}\n.tox .tox-selectfield select {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: #2b3b4e;\n  border-color: #000000;\n  border-radius: 3px;\n  border-style: solid;\n  border-width: 1px;\n  box-shadow: none;\n  box-sizing: border-box;\n  color: #fff;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  font-size: 16px;\n  line-height: 24px;\n  margin: 0;\n  min-height: 34px;\n  outline: none;\n  padding: 5px 4.75px;\n  resize: none;\n  width: 100%;\n}\n.tox .tox-selectfield select[disabled] {\n  background-color: #19232e;\n  color: rgba(255, 255, 255, 0.85);\n  cursor: not-allowed;\n}\n.tox .tox-selectfield select::-ms-expand {\n  display: none;\n}\n.tox .tox-selectfield select:focus {\n  background-color: #2b3b4e;\n  border-color: #207ab7;\n  box-shadow: none;\n  outline: none;\n}\n.tox .tox-selectfield svg {\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.tox:not([dir=rtl]) .tox-selectfield select[size=\"0\"],\n.tox:not([dir=rtl]) .tox-selectfield select[size=\"1\"] {\n  padding-right: 24px;\n}\n.tox:not([dir=rtl]) .tox-selectfield svg {\n  right: 8px;\n}\n.tox[dir=rtl] .tox-selectfield select[size=\"0\"],\n.tox[dir=rtl] .tox-selectfield select[size=\"1\"] {\n  padding-left: 24px;\n}\n.tox[dir=rtl] .tox-selectfield svg {\n  left: 8px;\n}\n.tox .tox-textarea {\n  -webkit-appearance: textarea;\n     -moz-appearance: textarea;\n          appearance: textarea;\n  white-space: pre-wrap;\n}\n.tox-fullscreen {\n  border: 0;\n  height: 100%;\n  left: 0;\n  margin: 0;\n  overflow: hidden;\n  -ms-scroll-chaining: none;\n      overscroll-behavior: none;\n  padding: 0;\n  position: fixed;\n  top: 0;\n  touch-action: pinch-zoom;\n  width: 100%;\n}\n.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {\n  display: none;\n}\n.tox.tox-tinymce.tox-fullscreen {\n  z-index: 1200;\n}\n.tox-shadowhost.tox-fullscreen {\n  z-index: 1200;\n}\n.tox-fullscreen .tox.tox-tinymce-aux,\n.tox-fullscreen ~ .tox.tox-tinymce-aux {\n  z-index: 1201;\n}\n.tox .tox-help__more-link {\n  list-style: none;\n  margin-top: 1em;\n}\n.tox .tox-image-tools {\n  width: 100%;\n}\n.tox .tox-image-tools__toolbar {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n.tox .tox-image-tools__image {\n  background-color: #666;\n  height: 380px;\n  overflow: auto;\n  position: relative;\n  width: 100%;\n}\n.tox .tox-image-tools__image,\n.tox .tox-image-tools__image + .tox-image-tools__toolbar {\n  margin-top: 8px;\n}\n.tox .tox-image-tools__image-bg {\n  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);\n}\n.tox .tox-image-tools__toolbar > .tox-spacer {\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-croprect-block {\n  background: black;\n  filter: alpha(opacity=50);\n  opacity: 0.5;\n  position: absolute;\n  zoom: 1;\n}\n.tox .tox-croprect-handle {\n  border: 2px solid white;\n  height: 20px;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 20px;\n}\n.tox .tox-croprect-handle-move {\n  border: 0;\n  cursor: move;\n  position: absolute;\n}\n.tox .tox-croprect-handle-nw {\n  border-width: 2px 0 0 2px;\n  cursor: nw-resize;\n  left: 100px;\n  margin: -2px 0 0 -2px;\n  top: 100px;\n}\n.tox .tox-croprect-handle-ne {\n  border-width: 2px 2px 0 0;\n  cursor: ne-resize;\n  left: 200px;\n  margin: -2px 0 0 -20px;\n  top: 100px;\n}\n.tox .tox-croprect-handle-sw {\n  border-width: 0 0 2px 2px;\n  cursor: sw-resize;\n  left: 100px;\n  margin: -20px 2px 0 -2px;\n  top: 200px;\n}\n.tox .tox-croprect-handle-se {\n  border-width: 0 2px 2px 0;\n  cursor: se-resize;\n  left: 200px;\n  margin: -20px 0 0 -20px;\n  top: 200px;\n}\n.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {\n  margin-left: 8px;\n}\n.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider {\n  margin-left: 32px;\n}\n.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button {\n  margin-left: 32px;\n}\n.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {\n  margin-right: 8px;\n}\n.tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider {\n  margin-right: 32px;\n}\n.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button {\n  margin-right: 32px;\n}\n.tox .tox-insert-table-picker {\n  display: flex;\n  flex-wrap: wrap;\n  width: 170px;\n}\n.tox .tox-insert-table-picker > div {\n  border-color: #000000;\n  border-style: solid;\n  border-width: 0 1px 1px 0;\n  box-sizing: border-box;\n  height: 17px;\n  width: 17px;\n}\n.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {\n  margin: -4px 0;\n}\n.tox .tox-insert-table-picker .tox-insert-table-picker__selected {\n  background-color: rgba(32, 122, 183, 0.5);\n  border-color: rgba(32, 122, 183, 0.5);\n}\n.tox .tox-insert-table-picker__label {\n  color: #fff;\n  display: block;\n  font-size: 14px;\n  padding: 4px;\n  text-align: center;\n  width: 100%;\n}\n.tox:not([dir=rtl]) {\n  /* stylelint-disable-next-line no-descending-specificity */\n}\n.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {\n  border-right: 0;\n}\n.tox[dir=rtl] {\n  /* stylelint-disable-next-line no-descending-specificity */\n}\n.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {\n  border-right: 0;\n}\n.tox {\n  /* stylelint-disable */\n  /* stylelint-enable */\n}\n.tox .tox-menu {\n  background-color: #2b3b4e;\n  border: 1px solid #000000;\n  border-radius: 3px;\n  box-shadow: 0 4px 8px 0 rgba(42, 55, 70, 0.1);\n  display: inline-block;\n  overflow: hidden;\n  vertical-align: top;\n  z-index: 1150;\n}\n.tox .tox-menu.tox-collection.tox-collection--list {\n  padding: 0;\n}\n.tox .tox-menu.tox-collection.tox-collection--toolbar {\n  padding: 4px;\n}\n.tox .tox-menu.tox-collection.tox-collection--grid {\n  padding: 4px;\n}\n.tox .tox-menu__label h1,\n.tox .tox-menu__label h2,\n.tox .tox-menu__label h3,\n.tox .tox-menu__label h4,\n.tox .tox-menu__label h5,\n.tox .tox-menu__label h6,\n.tox .tox-menu__label p,\n.tox .tox-menu__label blockquote,\n.tox .tox-menu__label code {\n  margin: 0;\n}\n.tox .tox-menubar {\n  background: url(\"data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E\") left 0 top 0 #222f3e;\n  background-color: #222f3e;\n  display: flex;\n  flex: 0 0 auto;\n  flex-shrink: 0;\n  flex-wrap: wrap;\n  padding: 0 4px 0 4px;\n}\n.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {\n  border-top: 1px solid #000000;\n}\n/* Deprecated. Remove in next major release */\n.tox .tox-mbtn {\n  align-items: center;\n  background: transparent;\n  border: 0;\n  border-radius: 3px;\n  box-shadow: none;\n  color: #fff;\n  display: flex;\n  flex: 0 0 auto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n  height: 34px;\n  justify-content: center;\n  margin: 2px 0 3px 0;\n  outline: none;\n  overflow: hidden;\n  padding: 0 4px;\n  text-transform: none;\n  width: auto;\n}\n.tox .tox-mbtn[disabled] {\n  background-color: transparent;\n  border: 0;\n  box-shadow: none;\n  color: rgba(255, 255, 255, 0.5);\n  cursor: not-allowed;\n}\n.tox .tox-mbtn:focus:not(:disabled) {\n  background: #4a5562;\n  border: 0;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-mbtn--active {\n  background: #757d87;\n  border: 0;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {\n  background: #4a5562;\n  border: 0;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-mbtn__select-label {\n  cursor: default;\n  font-weight: normal;\n  margin: 0 4px;\n}\n.tox .tox-mbtn[disabled] .tox-mbtn__select-label {\n  cursor: not-allowed;\n}\n.tox .tox-mbtn__select-chevron {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  width: 16px;\n  display: none;\n}\n.tox .tox-notification {\n  border-radius: 3px;\n  border-style: solid;\n  border-width: 1px;\n  box-shadow: none;\n  box-sizing: border-box;\n  display: -ms-grid;\n  display: grid;\n  font-size: 14px;\n  font-weight: normal;\n  -ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);\n      grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);\n  margin-top: 4px;\n  opacity: 0;\n  padding: 4px;\n  transition: transform 100ms ease-in, opacity 150ms ease-in;\n}\n.tox .tox-notification p {\n  font-size: 14px;\n  font-weight: normal;\n}\n.tox .tox-notification a {\n  text-decoration: underline;\n}\n.tox .tox-notification--in {\n  opacity: 1;\n}\n.tox .tox-notification--success {\n  background-color: #e4eeda;\n  border-color: #d7e6c8;\n  color: #fff;\n}\n.tox .tox-notification--success p {\n  color: #fff;\n}\n.tox .tox-notification--success a {\n  color: #547831;\n}\n.tox .tox-notification--success svg {\n  fill: #fff;\n}\n.tox .tox-notification--error {\n  background-color: #f8dede;\n  border-color: #f2bfbf;\n  color: #fff;\n}\n.tox .tox-notification--error p {\n  color: #fff;\n}\n.tox .tox-notification--error a {\n  color: #c00;\n}\n.tox .tox-notification--error svg {\n  fill: #fff;\n}\n.tox .tox-notification--warn,\n.tox .tox-notification--warning {\n  background-color: #fffaea;\n  border-color: #ffe89d;\n  color: #fff;\n}\n.tox .tox-notification--warn p,\n.tox .tox-notification--warning p {\n  color: #fff;\n}\n.tox .tox-notification--warn a,\n.tox .tox-notification--warning a {\n  color: #fff;\n}\n.tox .tox-notification--warn svg,\n.tox .tox-notification--warning svg {\n  fill: #fff;\n}\n.tox .tox-notification--info {\n  background-color: #d9edf7;\n  border-color: #779ecb;\n  color: #fff;\n}\n.tox .tox-notification--info p {\n  color: #fff;\n}\n.tox .tox-notification--info a {\n  color: #fff;\n}\n.tox .tox-notification--info svg {\n  fill: #fff;\n}\n.tox .tox-notification__body {\n  -ms-grid-row-align: center;\n      align-self: center;\n  color: #fff;\n  font-size: 14px;\n  -ms-grid-column-span: 1;\n  grid-column-end: 3;\n  -ms-grid-column: 2;\n      grid-column-start: 2;\n  -ms-grid-row-span: 1;\n  grid-row-end: 2;\n  -ms-grid-row: 1;\n      grid-row-start: 1;\n  text-align: center;\n  white-space: normal;\n  word-break: break-all;\n  word-break: break-word;\n}\n.tox .tox-notification__body > * {\n  margin: 0;\n}\n.tox .tox-notification__body > * + * {\n  margin-top: 1rem;\n}\n.tox .tox-notification__icon {\n  -ms-grid-row-align: center;\n      align-self: center;\n  -ms-grid-column-span: 1;\n  grid-column-end: 2;\n  -ms-grid-column: 1;\n      grid-column-start: 1;\n  -ms-grid-row-span: 1;\n  grid-row-end: 2;\n  -ms-grid-row: 1;\n      grid-row-start: 1;\n  -ms-grid-column-align: end;\n      justify-self: end;\n}\n.tox .tox-notification__icon svg {\n  display: block;\n}\n.tox .tox-notification__dismiss {\n  -ms-grid-row-align: start;\n      align-self: start;\n  -ms-grid-column-span: 1;\n  grid-column-end: 4;\n  -ms-grid-column: 3;\n      grid-column-start: 3;\n  -ms-grid-row-span: 1;\n  grid-row-end: 2;\n  -ms-grid-row: 1;\n      grid-row-start: 1;\n  -ms-grid-column-align: end;\n      justify-self: end;\n}\n.tox .tox-notification .tox-progress-bar {\n  -ms-grid-column-span: 3;\n  grid-column-end: 4;\n  -ms-grid-column: 1;\n      grid-column-start: 1;\n  -ms-grid-row-span: 1;\n  grid-row-end: 3;\n  -ms-grid-row: 2;\n      grid-row-start: 2;\n  -ms-grid-column-align: center;\n      justify-self: center;\n}\n.tox .tox-pop {\n  display: inline-block;\n  position: relative;\n}\n.tox .tox-pop--resizing {\n  transition: width 0.1s ease;\n}\n.tox .tox-pop--resizing .tox-toolbar {\n  flex-wrap: nowrap;\n}\n.tox .tox-pop__dialog {\n  background-color: #222f3e;\n  border: 1px solid #000000;\n  border-radius: 3px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n  min-width: 0;\n  overflow: hidden;\n}\n.tox .tox-pop__dialog > *:not(.tox-toolbar) {\n  margin: 4px 4px 4px 8px;\n}\n.tox .tox-pop__dialog .tox-toolbar {\n  background-color: transparent;\n  margin-bottom: -1px;\n}\n.tox .tox-pop::before,\n.tox .tox-pop::after {\n  border-style: solid;\n  content: '';\n  display: block;\n  height: 0;\n  position: absolute;\n  width: 0;\n}\n.tox .tox-pop.tox-pop--bottom::before,\n.tox .tox-pop.tox-pop--bottom::after {\n  left: 50%;\n  top: 100%;\n}\n.tox .tox-pop.tox-pop--bottom::after {\n  border-color: #222f3e transparent transparent transparent;\n  border-width: 8px;\n  margin-left: -8px;\n  margin-top: -1px;\n}\n.tox .tox-pop.tox-pop--bottom::before {\n  border-color: #000000 transparent transparent transparent;\n  border-width: 9px;\n  margin-left: -9px;\n}\n.tox .tox-pop.tox-pop--top::before,\n.tox .tox-pop.tox-pop--top::after {\n  left: 50%;\n  top: 0;\n  transform: translateY(-100%);\n}\n.tox .tox-pop.tox-pop--top::after {\n  border-color: transparent transparent #222f3e transparent;\n  border-width: 8px;\n  margin-left: -8px;\n  margin-top: 1px;\n}\n.tox .tox-pop.tox-pop--top::before {\n  border-color: transparent transparent #000000 transparent;\n  border-width: 9px;\n  margin-left: -9px;\n}\n.tox .tox-pop.tox-pop--left::before,\n.tox .tox-pop.tox-pop--left::after {\n  left: 0;\n  top: calc(50% - 1px);\n  transform: translateY(-50%);\n}\n.tox .tox-pop.tox-pop--left::after {\n  border-color: transparent #222f3e transparent transparent;\n  border-width: 8px;\n  margin-left: -15px;\n}\n.tox .tox-pop.tox-pop--left::before {\n  border-color: transparent #000000 transparent transparent;\n  border-width: 10px;\n  margin-left: -19px;\n}\n.tox .tox-pop.tox-pop--right::before,\n.tox .tox-pop.tox-pop--right::after {\n  left: 100%;\n  top: calc(50% + 1px);\n  transform: translateY(-50%);\n}\n.tox .tox-pop.tox-pop--right::after {\n  border-color: transparent transparent transparent #222f3e;\n  border-width: 8px;\n  margin-left: -1px;\n}\n.tox .tox-pop.tox-pop--right::before {\n  border-color: transparent transparent transparent #000000;\n  border-width: 10px;\n  margin-left: -1px;\n}\n.tox .tox-pop.tox-pop--align-left::before,\n.tox .tox-pop.tox-pop--align-left::after {\n  left: 20px;\n}\n.tox .tox-pop.tox-pop--align-right::before,\n.tox .tox-pop.tox-pop--align-right::after {\n  left: calc(100% - 20px);\n}\n.tox .tox-sidebar-wrap {\n  display: flex;\n  flex-direction: row;\n  flex-grow: 1;\n  -ms-flex-preferred-size: 0;\n  min-height: 0;\n}\n.tox .tox-sidebar {\n  background-color: #222f3e;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n}\n.tox .tox-sidebar__slider {\n  display: flex;\n  overflow: hidden;\n}\n.tox .tox-sidebar__pane-container {\n  display: flex;\n}\n.tox .tox-sidebar__pane {\n  display: flex;\n}\n.tox .tox-sidebar--sliding-closed {\n  opacity: 0;\n}\n.tox .tox-sidebar--sliding-open {\n  opacity: 1;\n}\n.tox .tox-sidebar--sliding-growing,\n.tox .tox-sidebar--sliding-shrinking {\n  transition: width 0.5s ease, opacity 0.5s ease;\n}\n.tox .tox-selector {\n  background-color: #4099ff;\n  border-color: #4099ff;\n  border-style: solid;\n  border-width: 1px;\n  box-sizing: border-box;\n  display: inline-block;\n  height: 10px;\n  position: absolute;\n  width: 10px;\n}\n.tox.tox-platform-touch .tox-selector {\n  height: 12px;\n  width: 12px;\n}\n.tox .tox-slider {\n  align-items: center;\n  display: flex;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n  height: 24px;\n  justify-content: center;\n  position: relative;\n}\n.tox .tox-slider__rail {\n  background-color: transparent;\n  border: 1px solid #000000;\n  border-radius: 3px;\n  height: 10px;\n  min-width: 120px;\n  width: 100%;\n}\n.tox .tox-slider__handle {\n  background-color: #207ab7;\n  border: 2px solid #185d8c;\n  border-radius: 3px;\n  box-shadow: none;\n  height: 24px;\n  left: 50%;\n  position: absolute;\n  top: 50%;\n  transform: translateX(-50%) translateY(-50%);\n  width: 14px;\n}\n.tox .tox-source-code {\n  overflow: auto;\n}\n.tox .tox-spinner {\n  display: flex;\n}\n.tox .tox-spinner > div {\n  animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;\n  background-color: rgba(255, 255, 255, 0.5);\n  border-radius: 100%;\n  height: 8px;\n  width: 8px;\n}\n.tox .tox-spinner > div:nth-child(1) {\n  animation-delay: -0.32s;\n}\n.tox .tox-spinner > div:nth-child(2) {\n  animation-delay: -0.16s;\n}\n@keyframes tam-bouncing-dots {\n  0%,\n  80%,\n  100% {\n    transform: scale(0);\n  }\n  40% {\n    transform: scale(1);\n  }\n}\n.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {\n  margin-left: 4px;\n}\n.tox[dir=rtl] .tox-spinner > div:not(:first-child) {\n  margin-right: 4px;\n}\n.tox .tox-statusbar {\n  align-items: center;\n  background-color: #222f3e;\n  border-top: 1px solid #000000;\n  color: #fff;\n  display: flex;\n  flex: 0 0 auto;\n  font-size: 12px;\n  font-weight: normal;\n  height: 18px;\n  overflow: hidden;\n  padding: 0 8px;\n  position: relative;\n  text-transform: uppercase;\n}\n.tox .tox-statusbar__text-container {\n  display: flex;\n  flex: 1 1 auto;\n  justify-content: flex-end;\n  overflow: hidden;\n}\n.tox .tox-statusbar__path {\n  display: flex;\n  flex: 1 1 auto;\n  margin-right: auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tox .tox-statusbar__path > * {\n  display: inline;\n  white-space: nowrap;\n}\n.tox .tox-statusbar__wordcount {\n  flex: 0 0 auto;\n  margin-left: 1ch;\n}\n.tox .tox-statusbar a,\n.tox .tox-statusbar__path-item,\n.tox .tox-statusbar__wordcount {\n  color: #fff;\n  text-decoration: none;\n}\n.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),\n.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),\n.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),\n.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),\n.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),\n.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {\n  cursor: pointer;\n  text-decoration: underline;\n}\n.tox .tox-statusbar__resize-handle {\n  align-items: flex-end;\n  align-self: stretch;\n  cursor: nwse-resize;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: flex-end;\n  margin-left: auto;\n  margin-right: -8px;\n  padding-left: 1ch;\n}\n.tox .tox-statusbar__resize-handle svg {\n  display: block;\n  fill: #fff;\n}\n.tox:not([dir=rtl]) .tox-statusbar__path > * {\n  margin-right: 4px;\n}\n.tox:not([dir=rtl]) .tox-statusbar__branding {\n  margin-left: 1ch;\n}\n.tox[dir=rtl] .tox-statusbar {\n  flex-direction: row-reverse;\n}\n.tox[dir=rtl] .tox-statusbar__path > * {\n  margin-left: 4px;\n}\n.tox .tox-throbber {\n  z-index: 1400;\n}\n.tox .tox-throbber__busy-spinner {\n  align-items: center;\n  background-color: rgba(34, 47, 62, 0.6);\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n.tox .tox-tbtn {\n  align-items: center;\n  background: transparent;\n  border: 0;\n  border-radius: 3px;\n  box-shadow: none;\n  color: #fff;\n  display: flex;\n  flex: 0 0 auto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n  height: 34px;\n  justify-content: center;\n  margin: 2px 0 3px 0;\n  outline: none;\n  overflow: hidden;\n  padding: 0;\n  text-transform: none;\n  width: 34px;\n}\n.tox .tox-tbtn svg {\n  display: block;\n  fill: #fff;\n}\n.tox .tox-tbtn.tox-tbtn-more {\n  padding-left: 5px;\n  padding-right: 5px;\n  width: inherit;\n}\n.tox .tox-tbtn:focus {\n  background: #4a5562;\n  border: 0;\n  box-shadow: none;\n}\n.tox .tox-tbtn:hover {\n  background: #4a5562;\n  border: 0;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-tbtn:hover svg {\n  fill: #fff;\n}\n.tox .tox-tbtn:active {\n  background: #757d87;\n  border: 0;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-tbtn:active svg {\n  fill: #fff;\n}\n.tox .tox-tbtn--disabled,\n.tox .tox-tbtn--disabled:hover,\n.tox .tox-tbtn:disabled,\n.tox .tox-tbtn:disabled:hover {\n  background: transparent;\n  border: 0;\n  box-shadow: none;\n  color: rgba(255, 255, 255, 0.5);\n  cursor: not-allowed;\n}\n.tox .tox-tbtn--disabled svg,\n.tox .tox-tbtn--disabled:hover svg,\n.tox .tox-tbtn:disabled svg,\n.tox .tox-tbtn:disabled:hover svg {\n  /* stylelint-disable-line no-descending-specificity */\n  fill: rgba(255, 255, 255, 0.5);\n}\n.tox .tox-tbtn--enabled,\n.tox .tox-tbtn--enabled:hover {\n  background: #757d87;\n  border: 0;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-tbtn--enabled > *,\n.tox .tox-tbtn--enabled:hover > * {\n  transform: none;\n}\n.tox .tox-tbtn--enabled svg,\n.tox .tox-tbtn--enabled:hover svg {\n  /* stylelint-disable-line no-descending-specificity */\n  fill: #fff;\n}\n.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {\n  color: #fff;\n}\n.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {\n  fill: #fff;\n}\n.tox .tox-tbtn:active > * {\n  transform: none;\n}\n.tox .tox-tbtn--md {\n  height: 51px;\n  width: 51px;\n}\n.tox .tox-tbtn--lg {\n  flex-direction: column;\n  height: 68px;\n  width: 68px;\n}\n.tox .tox-tbtn--return {\n  -ms-grid-row-align: stretch;\n      align-self: stretch;\n  height: unset;\n  width: 16px;\n}\n.tox .tox-tbtn--labeled {\n  padding: 0 4px;\n  width: unset;\n}\n.tox .tox-tbtn__vlabel {\n  display: block;\n  font-size: 10px;\n  font-weight: normal;\n  letter-spacing: -0.025em;\n  margin-bottom: 4px;\n  white-space: nowrap;\n}\n.tox .tox-tbtn--select {\n  margin: 2px 0 3px 0;\n  padding: 0 4px;\n  width: auto;\n}\n.tox .tox-tbtn__select-label {\n  cursor: default;\n  font-weight: normal;\n  margin: 0 4px;\n}\n.tox .tox-tbtn__select-chevron {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  width: 16px;\n}\n.tox .tox-tbtn__select-chevron svg {\n  fill: rgba(255, 255, 255, 0.5);\n}\n.tox .tox-tbtn--bespoke .tox-tbtn__select-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 7em;\n}\n.tox .tox-split-button {\n  border: 0;\n  border-radius: 3px;\n  box-sizing: border-box;\n  display: flex;\n  margin: 2px 0 3px 0;\n  overflow: hidden;\n}\n.tox .tox-split-button:hover {\n  box-shadow: 0 0 0 1px #4a5562 inset;\n}\n.tox .tox-split-button:focus {\n  background: #4a5562;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-split-button > * {\n  border-radius: 0;\n}\n.tox .tox-split-button__chevron {\n  width: 16px;\n}\n.tox .tox-split-button__chevron svg {\n  fill: rgba(255, 255, 255, 0.5);\n}\n.tox .tox-split-button .tox-tbtn {\n  margin: 0;\n}\n.tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child {\n  width: 30px;\n}\n.tox.tox-platform-touch .tox-split-button__chevron {\n  width: 20px;\n}\n.tox .tox-split-button.tox-tbtn--disabled:hover,\n.tox .tox-split-button.tox-tbtn--disabled:focus,\n.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,\n.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {\n  background: transparent;\n  box-shadow: none;\n  color: rgba(255, 255, 255, 0.5);\n}\n.tox .tox-toolbar-overlord {\n  background-color: #222f3e;\n}\n.tox .tox-toolbar,\n.tox .tox-toolbar__primary,\n.tox .tox-toolbar__overflow {\n  background: url(\"data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23000000'/%3E%3C/svg%3E\") left 0 top 0 #222f3e;\n  background-color: #222f3e;\n  display: flex;\n  flex: 0 0 auto;\n  flex-shrink: 0;\n  flex-wrap: wrap;\n  padding: 0 0;\n}\n.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {\n  height: 0;\n  opacity: 0;\n  padding-bottom: 0;\n  padding-top: 0;\n  visibility: hidden;\n}\n.tox .tox-toolbar__overflow--growing {\n  transition: height 0.3s ease, opacity 0.2s linear 0.1s;\n}\n.tox .tox-toolbar__overflow--shrinking {\n  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;\n}\n.tox .tox-menubar + .tox-toolbar,\n.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {\n  border-top: 1px solid #000000;\n  margin-top: -1px;\n}\n.tox .tox-toolbar--scrolling {\n  flex-wrap: nowrap;\n  overflow-x: auto;\n}\n.tox .tox-pop .tox-toolbar {\n  border-width: 0;\n}\n.tox .tox-toolbar--no-divider {\n  background-image: none;\n}\n.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child,\n.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary {\n  border-top: 1px solid #000000;\n}\n.tox.tox-tinymce-aux .tox-toolbar__overflow {\n  background-color: #222f3e;\n  border: 1px solid #000000;\n  border-radius: 3px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n}\n.tox[dir=rtl] .tox-tbtn__icon-rtl svg {\n  transform: rotateY(180deg);\n}\n.tox .tox-toolbar__group {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 0;\n  padding: 0 4px 0 4px;\n}\n.tox .tox-toolbar__group--pull-right {\n  margin-left: auto;\n}\n.tox .tox-toolbar--scrolling .tox-toolbar__group {\n  flex-shrink: 0;\n  flex-wrap: nowrap;\n}\n.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {\n  border-right: 1px solid #000000;\n}\n.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {\n  border-left: 1px solid #000000;\n}\n.tox .tox-tooltip {\n  display: inline-block;\n  padding: 8px;\n  position: relative;\n}\n.tox .tox-tooltip__body {\n  background-color: #3d546f;\n  border-radius: 3px;\n  box-shadow: 0 2px 4px rgba(42, 55, 70, 0.3);\n  color: rgba(255, 255, 255, 0.75);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n  padding: 4px 8px;\n  text-transform: none;\n}\n.tox .tox-tooltip__arrow {\n  position: absolute;\n}\n.tox .tox-tooltip--down .tox-tooltip__arrow {\n  border-left: 8px solid transparent;\n  border-right: 8px solid transparent;\n  border-top: 8px solid #3d546f;\n  bottom: 0;\n  left: 50%;\n  position: absolute;\n  transform: translateX(-50%);\n}\n.tox .tox-tooltip--up .tox-tooltip__arrow {\n  border-bottom: 8px solid #3d546f;\n  border-left: 8px solid transparent;\n  border-right: 8px solid transparent;\n  left: 50%;\n  position: absolute;\n  top: 0;\n  transform: translateX(-50%);\n}\n.tox .tox-tooltip--right .tox-tooltip__arrow {\n  border-bottom: 8px solid transparent;\n  border-left: 8px solid #3d546f;\n  border-top: 8px solid transparent;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.tox .tox-tooltip--left .tox-tooltip__arrow {\n  border-bottom: 8px solid transparent;\n  border-right: 8px solid #3d546f;\n  border-top: 8px solid transparent;\n  left: 0;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.tox .tox-well {\n  border: 1px solid #000000;\n  border-radius: 3px;\n  padding: 8px;\n  width: 100%;\n}\n.tox .tox-well > *:first-child {\n  margin-top: 0;\n}\n.tox .tox-well > *:last-child {\n  margin-bottom: 0;\n}\n.tox .tox-well > *:only-child {\n  margin: 0;\n}\n.tox .tox-custom-editor {\n  border: 1px solid #000000;\n  border-radius: 3px;\n  display: flex;\n  flex: 1;\n  position: relative;\n}\n/* stylelint-disable */\n.tox {\n  /* stylelint-enable */\n}\n.tox .tox-dialog-loading::before {\n  background-color: rgba(0, 0, 0, 0.5);\n  content: \"\";\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  z-index: 1000;\n}\n.tox .tox-tab {\n  cursor: pointer;\n}\n.tox .tox-dialog__content-js {\n  display: flex;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-dialog__body-content .tox-collection {\n  display: flex;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-image-tools-edit-panel {\n  height: 60px;\n}\n.tox .tox-image-tools__sidebar {\n  height: 60px;\n}\n"]}
\ No newline at end of file
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/skin.mobile.css b/src/assets/tinymce/skins/ui/oxide-dark/skin.mobile.css
new file mode 100644
index 00000000..875721a2
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/skin.mobile.css
@@ -0,0 +1,673 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+/* RESET all the things! */
+.tinymce-mobile-outer-container {
+  all: initial;
+  display: block;
+}
+.tinymce-mobile-outer-container * {
+  border: 0;
+  box-sizing: initial;
+  cursor: inherit;
+  float: none;
+  line-height: 1;
+  margin: 0;
+  outline: 0;
+  padding: 0;
+  -webkit-tap-highlight-color: transparent;
+  /* TBIO-3691, stop the gray flicker on touch. */
+  text-shadow: none;
+  white-space: nowrap;
+}
+.tinymce-mobile-icon-arrow-back::before {
+  content: "\e5cd";
+}
+.tinymce-mobile-icon-image::before {
+  content: "\e412";
+}
+.tinymce-mobile-icon-cancel-circle::before {
+  content: "\e5c9";
+}
+.tinymce-mobile-icon-full-dot::before {
+  content: "\e061";
+}
+.tinymce-mobile-icon-align-center::before {
+  content: "\e234";
+}
+.tinymce-mobile-icon-align-left::before {
+  content: "\e236";
+}
+.tinymce-mobile-icon-align-right::before {
+  content: "\e237";
+}
+.tinymce-mobile-icon-bold::before {
+  content: "\e238";
+}
+.tinymce-mobile-icon-italic::before {
+  content: "\e23f";
+}
+.tinymce-mobile-icon-unordered-list::before {
+  content: "\e241";
+}
+.tinymce-mobile-icon-ordered-list::before {
+  content: "\e242";
+}
+.tinymce-mobile-icon-font-size::before {
+  content: "\e245";
+}
+.tinymce-mobile-icon-underline::before {
+  content: "\e249";
+}
+.tinymce-mobile-icon-link::before {
+  content: "\e157";
+}
+.tinymce-mobile-icon-unlink::before {
+  content: "\eca2";
+}
+.tinymce-mobile-icon-color::before {
+  content: "\e891";
+}
+.tinymce-mobile-icon-previous::before {
+  content: "\e314";
+}
+.tinymce-mobile-icon-next::before {
+  content: "\e315";
+}
+.tinymce-mobile-icon-large-font::before,
+.tinymce-mobile-icon-style-formats::before {
+  content: "\e264";
+}
+.tinymce-mobile-icon-undo::before {
+  content: "\e166";
+}
+.tinymce-mobile-icon-redo::before {
+  content: "\e15a";
+}
+.tinymce-mobile-icon-removeformat::before {
+  content: "\e239";
+}
+.tinymce-mobile-icon-small-font::before {
+  content: "\e906";
+}
+.tinymce-mobile-icon-readonly-back::before,
+.tinymce-mobile-format-matches::after {
+  content: "\e5ca";
+}
+.tinymce-mobile-icon-small-heading::before {
+  content: "small";
+}
+.tinymce-mobile-icon-large-heading::before {
+  content: "large";
+}
+.tinymce-mobile-icon-small-heading::before,
+.tinymce-mobile-icon-large-heading::before {
+  font-family: sans-serif;
+  font-size: 80%;
+}
+.tinymce-mobile-mask-edit-icon::before {
+  content: "\e254";
+}
+.tinymce-mobile-icon-back::before {
+  content: "\e5c4";
+}
+.tinymce-mobile-icon-heading::before {
+  /* TODO: Translate */
+  content: "Headings";
+  font-family: sans-serif;
+  font-size: 80%;
+  font-weight: bold;
+}
+.tinymce-mobile-icon-h1::before {
+  content: "H1";
+  font-weight: bold;
+}
+.tinymce-mobile-icon-h2::before {
+  content: "H2";
+  font-weight: bold;
+}
+.tinymce-mobile-icon-h3::before {
+  content: "H3";
+  font-weight: bold;
+}
+.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  background: rgba(51, 51, 51, 0.5);
+  height: 100%;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container {
+  align-items: center;
+  border-radius: 50%;
+  display: flex;
+  flex-direction: column;
+  font-family: sans-serif;
+  font-size: 1em;
+  justify-content: space-between;
+}
+.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  border-radius: 50%;
+  height: 2.1em;
+  width: 2.1em;
+}
+.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  font-size: 1em;
+}
+@media only screen and (min-device-width:700px) {
+  .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {
+    font-size: 1.2em;
+  }
+}
+.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  border-radius: 50%;
+  height: 2.1em;
+  width: 2.1em;
+  background-color: white;
+  color: #207ab7;
+}
+.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before {
+  content: "\e900";
+  font-family: 'tinymce-mobile', sans-serif;
+}
+.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section:not(.tinymce-mobile-mask-tap-icon-selected) .tinymce-mobile-mask-tap-icon {
+  z-index: 2;
+}
+.tinymce-mobile-android-container.tinymce-mobile-android-maximized {
+  background: #ffffff;
+  border: none;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+}
+.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized) {
+  position: relative;
+}
+.tinymce-mobile-android-container .tinymce-mobile-editor-socket {
+  display: flex;
+  flex-grow: 1;
+}
+.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe {
+  display: flex !important;
+  flex-grow: 1;
+  height: auto !important;
+}
+.tinymce-mobile-android-scroll-reload {
+  overflow: hidden;
+}
+:not(.tinymce-mobile-readonly-mode) > .tinymce-mobile-android-selection-context-toolbar {
+  margin-top: 23px;
+}
+.tinymce-mobile-toolstrip {
+  background: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  z-index: 1;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar {
+  align-items: center;
+  background-color: #fff;
+  border-bottom: 1px solid #cccccc;
+  display: flex;
+  flex: 1;
+  height: 2.5em;
+  width: 100%;
+  /* Make it no larger than the toolstrip, so that it needs to scroll */
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  flex-shrink: 1;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group > div {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  flex: 1;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container {
+  background: #f44336;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group {
+  flex-grow: 1;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button {
+  align-items: center;
+  display: flex;
+  height: 80%;
+  margin-left: 2px;
+  margin-right: 2px;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button.tinymce-mobile-toolbar-button-selected {
+  background: #c8cbcf;
+  color: #cccccc;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type {
+  background: #207ab7;
+  color: #eceff1;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar {
+  /* Note, this file is imported inside .tinymce-mobile-context-toolbar, so that prefix is on everything here. */
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  flex: 1;
+  padding-bottom: 0.4em;
+  padding-top: 0.4em;
+  /* Make any buttons appearing on the left and right display in the centre (e.g. color edges) */
+  /* For widgets like the colour picker, use the whole height */
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog {
+  display: flex;
+  min-height: 1.5em;
+  overflow: hidden;
+  padding-left: 0;
+  padding-right: 0;
+  position: relative;
+  width: 100%;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain {
+  display: flex;
+  height: 100%;
+  transition: left cubic-bezier(0.4, 0, 1, 1) 0.15s;
+  width: 100%;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen {
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: space-between;
+  width: 100%;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen input {
+  font-family: Sans-serif;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container {
+  display: flex;
+  flex-grow: 1;
+  position: relative;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container .tinymce-mobile-input-container-x {
+  -ms-grid-row-align: center;
+      align-self: center;
+  background: inherit;
+  border: none;
+  border-radius: 50%;
+  color: #888;
+  font-size: 0.6em;
+  font-weight: bold;
+  height: 100%;
+  padding-right: 2px;
+  position: absolute;
+  right: 0;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container.tinymce-mobile-input-container-empty .tinymce-mobile-input-container-x {
+  display: none;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous,
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next {
+  align-items: center;
+  display: flex;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous::before,
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next::before {
+  align-items: center;
+  display: flex;
+  font-weight: bold;
+  height: 100%;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous.tinymce-mobile-toolbar-navigation-disabled::before,
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next.tinymce-mobile-toolbar-navigation-disabled::before {
+  visibility: hidden;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item {
+  color: #cccccc;
+  font-size: 10px;
+  line-height: 10px;
+  margin: 0 2px;
+  padding-top: 3px;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active {
+  color: #c8cbcf;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before,
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before {
+  margin-left: 0.5em;
+  margin-right: 0.9em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before,
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before {
+  margin-left: 0.9em;
+  margin-right: 0.5em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider {
+  display: flex;
+  flex: 1;
+  margin-left: 0;
+  margin-right: 0;
+  padding: 0.28em 0;
+  position: relative;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container {
+  align-items: center;
+  display: flex;
+  flex-grow: 1;
+  height: 100%;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container .tinymce-mobile-slider-size-line {
+  background: #cccccc;
+  display: flex;
+  flex: 1;
+  height: 0.2em;
+  margin-bottom: 0.3em;
+  margin-top: 0.3em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container {
+  padding-left: 2em;
+  padding-right: 2em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container {
+  align-items: center;
+  display: flex;
+  flex-grow: 1;
+  height: 100%;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container .tinymce-mobile-slider-gradient {
+  background: linear-gradient(to right, hsl(0, 100%, 50%) 0%, hsl(60, 100%, 50%) 17%, hsl(120, 100%, 50%) 33%, hsl(180, 100%, 50%) 50%, hsl(240, 100%, 50%) 67%, hsl(300, 100%, 50%) 83%, hsl(0, 100%, 50%) 100%);
+  display: flex;
+  flex: 1;
+  height: 0.2em;
+  margin-bottom: 0.3em;
+  margin-top: 0.3em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-black {
+  /* Not part of theming */
+  background: black;
+  height: 0.2em;
+  margin-bottom: 0.3em;
+  margin-top: 0.3em;
+  width: 1.2em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-white {
+  /* Not part of theming */
+  background: white;
+  height: 0.2em;
+  margin-bottom: 0.3em;
+  margin-top: 0.3em;
+  width: 1.2em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb {
+  /* vertically centering trick (margin: auto, top: 0, bottom: 0). On iOS and Safari, if you leave
+     * out these values, then it shows the thumb at the top of the spectrum. This is probably because it is
+     * absolutely positioned with only a left value, and not a top. Note, on Chrome it seems to be fine without
+     * this approach.
+    */
+  align-items: center;
+  background-clip: padding-box;
+  background-color: #455a64;
+  border: 0.5em solid rgba(136, 136, 136, 0);
+  border-radius: 3em;
+  bottom: 0;
+  color: #fff;
+  display: flex;
+  height: 0.5em;
+  justify-content: center;
+  left: -10px;
+  margin: auto;
+  position: absolute;
+  top: 0;
+  transition: border 120ms cubic-bezier(0.39, 0.58, 0.57, 1);
+  width: 0.5em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb.tinymce-mobile-thumb-active {
+  border: 0.5em solid rgba(136, 136, 136, 0.39);
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper,
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group > div {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  flex: 1;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper {
+  flex-direction: column;
+  justify-content: center;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {
+  align-items: center;
+  display: flex;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog) {
+  height: 100%;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container {
+  display: flex;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input {
+  background: #ffffff;
+  border: none;
+  border-radius: 0;
+  color: #455a64;
+  flex-grow: 1;
+  font-size: 0.85em;
+  padding-bottom: 0.1em;
+  padding-left: 5px;
+  padding-top: 0.1em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder {
+  /* WebKit, Blink, Edge */
+  color: #888;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder {
+  /* WebKit, Blink, Edge */
+  color: #888;
+}
+/* dropup */
+.tinymce-mobile-dropup {
+  background: white;
+  display: flex;
+  overflow: hidden;
+  width: 100%;
+}
+.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking {
+  transition: height 0.3s ease-out;
+}
+.tinymce-mobile-dropup.tinymce-mobile-dropup-growing {
+  transition: height 0.3s ease-in;
+}
+.tinymce-mobile-dropup.tinymce-mobile-dropup-closed {
+  flex-grow: 0;
+}
+.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing) {
+  flex-grow: 1;
+}
+/* TODO min-height for device size and orientation */
+.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
+  min-height: 200px;
+}
+@media only screen and (orientation: landscape) {
+  .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
+    min-height: 200px;
+  }
+}
+@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
+  .tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
+    min-height: 150px;
+  }
+}
+/* styles menu */
+.tinymce-mobile-styles-menu {
+  font-family: sans-serif;
+  outline: 4px solid black;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.tinymce-mobile-styles-menu [role="menu"] {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+.tinymce-mobile-styles-menu [role="menu"].transitioning {
+  transition: transform 0.5s ease-in-out;
+}
+.tinymce-mobile-styles-menu .tinymce-mobile-styles-item {
+  border-bottom: 1px solid #ddd;
+  color: #455a64;
+  cursor: pointer;
+  display: flex;
+  padding: 1em 1em;
+  position: relative;
+}
+.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before {
+  color: #455a64;
+  content: "\e314";
+  font-family: 'tinymce-mobile', sans-serif;
+}
+.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after {
+  color: #455a64;
+  content: "\e315";
+  font-family: 'tinymce-mobile', sans-serif;
+  padding-left: 1em;
+  padding-right: 1em;
+  position: absolute;
+  right: 0;
+}
+.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after {
+  font-family: 'tinymce-mobile', sans-serif;
+  padding-left: 1em;
+  padding-right: 1em;
+  position: absolute;
+  right: 0;
+}
+.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator,
+.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser {
+  align-items: center;
+  background: #fff;
+  border-top: #455a64;
+  color: #455a64;
+  display: flex;
+  min-height: 2.5em;
+  padding-left: 1em;
+  padding-right: 1em;
+}
+.tinymce-mobile-styles-menu [data-transitioning-destination="before"][data-transitioning-state],
+.tinymce-mobile-styles-menu [data-transitioning-state="before"] {
+  transform: translate(-100%);
+}
+.tinymce-mobile-styles-menu [data-transitioning-destination="current"][data-transitioning-state],
+.tinymce-mobile-styles-menu [data-transitioning-state="current"] {
+  transform: translate(0%);
+}
+.tinymce-mobile-styles-menu [data-transitioning-destination="after"][data-transitioning-state],
+.tinymce-mobile-styles-menu [data-transitioning-state="after"] {
+  transform: translate(100%);
+}
+@font-face {
+  font-family: 'tinymce-mobile';
+  font-style: normal;
+  font-weight: normal;
+  src: url('fonts/tinymce-mobile.woff?8x92w3') format('woff');
+}
+@media (min-device-width: 700px) {
+  .tinymce-mobile-outer-container,
+  .tinymce-mobile-outer-container input {
+    font-size: 25px;
+  }
+}
+@media (max-device-width: 700px) {
+  .tinymce-mobile-outer-container,
+  .tinymce-mobile-outer-container input {
+    font-size: 18px;
+  }
+}
+.tinymce-mobile-icon {
+  font-family: 'tinymce-mobile', sans-serif;
+}
+.mixin-flex-and-centre {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.mixin-flex-bar {
+  align-items: center;
+  display: flex;
+  height: 100%;
+}
+.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe {
+  background-color: #fff;
+  width: 100%;
+}
+.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
+  /* Note, on the iPod touch in landscape, this isn't visible when the navbar appears */
+  background-color: #207ab7;
+  border-radius: 50%;
+  bottom: 1em;
+  color: white;
+  font-size: 1em;
+  height: 2.1em;
+  position: fixed;
+  right: 2em;
+  width: 2.1em;
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+@media only screen and (min-device-width:700px) {
+  .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
+    font-size: 1.2em;
+  }
+}
+.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket {
+  height: 300px;
+  overflow: hidden;
+}
+.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe {
+  height: 100%;
+}
+.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip {
+  display: none;
+}
+/*
+  Note, that if you don't include this (::-webkit-file-upload-button), the toolbar width gets
+  increased and the whole body becomes scrollable. It's important!
+ */
+input[type="file"]::-webkit-file-upload-button {
+  display: none;
+}
+@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
+  .tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
+    bottom: 50%;
+  }
+}
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/skin.mobile.min.css b/src/assets/tinymce/skins/ui/oxide-dark/skin.mobile.min.css
new file mode 100644
index 00000000..15555127
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/skin.mobile.min.css
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tinymce-mobile-outer-container{all:initial;display:block}.tinymce-mobile-outer-container *{border:0;box-sizing:initial;cursor:inherit;float:none;line-height:1;margin:0;outline:0;padding:0;-webkit-tap-highlight-color:transparent;text-shadow:none;white-space:nowrap}.tinymce-mobile-icon-arrow-back::before{content:"\e5cd"}.tinymce-mobile-icon-image::before{content:"\e412"}.tinymce-mobile-icon-cancel-circle::before{content:"\e5c9"}.tinymce-mobile-icon-full-dot::before{content:"\e061"}.tinymce-mobile-icon-align-center::before{content:"\e234"}.tinymce-mobile-icon-align-left::before{content:"\e236"}.tinymce-mobile-icon-align-right::before{content:"\e237"}.tinymce-mobile-icon-bold::before{content:"\e238"}.tinymce-mobile-icon-italic::before{content:"\e23f"}.tinymce-mobile-icon-unordered-list::before{content:"\e241"}.tinymce-mobile-icon-ordered-list::before{content:"\e242"}.tinymce-mobile-icon-font-size::before{content:"\e245"}.tinymce-mobile-icon-underline::before{content:"\e249"}.tinymce-mobile-icon-link::before{content:"\e157"}.tinymce-mobile-icon-unlink::before{content:"\eca2"}.tinymce-mobile-icon-color::before{content:"\e891"}.tinymce-mobile-icon-previous::before{content:"\e314"}.tinymce-mobile-icon-next::before{content:"\e315"}.tinymce-mobile-icon-large-font::before,.tinymce-mobile-icon-style-formats::before{content:"\e264"}.tinymce-mobile-icon-undo::before{content:"\e166"}.tinymce-mobile-icon-redo::before{content:"\e15a"}.tinymce-mobile-icon-removeformat::before{content:"\e239"}.tinymce-mobile-icon-small-font::before{content:"\e906"}.tinymce-mobile-format-matches::after,.tinymce-mobile-icon-readonly-back::before{content:"\e5ca"}.tinymce-mobile-icon-small-heading::before{content:"small"}.tinymce-mobile-icon-large-heading::before{content:"large"}.tinymce-mobile-icon-large-heading::before,.tinymce-mobile-icon-small-heading::before{font-family:sans-serif;font-size:80%}.tinymce-mobile-mask-edit-icon::before{content:"\e254"}.tinymce-mobile-icon-back::before{content:"\e5c4"}.tinymce-mobile-icon-heading::before{content:"Headings";font-family:sans-serif;font-size:80%;font-weight:700}.tinymce-mobile-icon-h1::before{content:"H1";font-weight:700}.tinymce-mobile-icon-h2::before{content:"H2";font-weight:700}.tinymce-mobile-icon-h3::before{content:"H3";font-weight:700}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask{align-items:center;display:flex;justify-content:center;background:rgba(51,51,51,.5);height:100%;position:absolute;top:0;width:100%}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container{align-items:center;border-radius:50%;display:flex;flex-direction:column;font-family:sans-serif;font-size:1em;justify-content:space-between}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item{align-items:center;display:flex;justify-content:center;border-radius:50%;height:2.1em;width:2.1em}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section{align-items:center;display:flex;justify-content:center;flex-direction:column;font-size:1em}@media only screen and (min-device-width:700px){.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section{font-size:1.2em}}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon{align-items:center;display:flex;justify-content:center;border-radius:50%;height:2.1em;width:2.1em;background-color:#fff;color:#207ab7}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before{content:"\e900";font-family:tinymce-mobile,sans-serif}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section:not(.tinymce-mobile-mask-tap-icon-selected) .tinymce-mobile-mask-tap-icon{z-index:2}.tinymce-mobile-android-container.tinymce-mobile-android-maximized{background:#fff;border:none;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0}.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized){position:relative}.tinymce-mobile-android-container .tinymce-mobile-editor-socket{display:flex;flex-grow:1}.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe{display:flex!important;flex-grow:1;height:auto!important}.tinymce-mobile-android-scroll-reload{overflow:hidden}:not(.tinymce-mobile-readonly-mode)>.tinymce-mobile-android-selection-context-toolbar{margin-top:23px}.tinymce-mobile-toolstrip{background:#fff;display:flex;flex:0 0 auto;z-index:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar{align-items:center;background-color:#fff;border-bottom:1px solid #ccc;display:flex;flex:1;height:2.5em;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group{align-items:center;display:flex;height:100%;flex-shrink:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group>div{align-items:center;display:flex;height:100%;flex:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container{background:#f44336}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group{flex-grow:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item{padding-left:.5em;padding-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button{align-items:center;display:flex;height:80%;margin-left:2px;margin-right:2px}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button.tinymce-mobile-toolbar-button-selected{background:#c8cbcf;color:#ccc}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type{background:#207ab7;color:#eceff1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group{align-items:center;display:flex;height:100%;flex:1;padding-bottom:.4em;padding-top:.4em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog{display:flex;min-height:1.5em;overflow:hidden;padding-left:0;padding-right:0;position:relative;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain{display:flex;height:100%;transition:left cubic-bezier(.4,0,1,1) .15s;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen{display:flex;flex:0 0 auto;justify-content:space-between;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen input{font-family:Sans-serif}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container{display:flex;flex-grow:1;position:relative}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container .tinymce-mobile-input-container-x{-ms-grid-row-align:center;align-self:center;background:inherit;border:none;border-radius:50%;color:#888;font-size:.6em;font-weight:700;height:100%;padding-right:2px;position:absolute;right:0}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container.tinymce-mobile-input-container-empty .tinymce-mobile-input-container-x{display:none}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous{align-items:center;display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous::before{align-items:center;display:flex;font-weight:700;height:100%;padding-left:.5em;padding-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next.tinymce-mobile-toolbar-navigation-disabled::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous.tinymce-mobile-toolbar-navigation-disabled::before{visibility:hidden}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item{color:#ccc;font-size:10px;line-height:10px;margin:0 2px;padding-top:3px}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active{color:#c8cbcf}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before{margin-left:.5em;margin-right:.9em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before{margin-left:.9em;margin-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider{display:flex;flex:1;margin-left:0;margin-right:0;padding:.28em 0;position:relative}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container{align-items:center;display:flex;flex-grow:1;height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container .tinymce-mobile-slider-size-line{background:#ccc;display:flex;flex:1;height:.2em;margin-bottom:.3em;margin-top:.3em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container{padding-left:2em;padding-right:2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container{align-items:center;display:flex;flex-grow:1;height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container .tinymce-mobile-slider-gradient{background:linear-gradient(to right,red 0,#feff00 17%,#0f0 33%,#00feff 50%,#00f 67%,#ff00fe 83%,red 100%);display:flex;flex:1;height:.2em;margin-bottom:.3em;margin-top:.3em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-black{background:#000;height:.2em;margin-bottom:.3em;margin-top:.3em;width:1.2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-white{background:#fff;height:.2em;margin-bottom:.3em;margin-top:.3em;width:1.2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb{align-items:center;background-clip:padding-box;background-color:#455a64;border:.5em solid rgba(136,136,136,0);border-radius:3em;bottom:0;color:#fff;display:flex;height:.5em;justify-content:center;left:-10px;margin:auto;position:absolute;top:0;transition:border 120ms cubic-bezier(.39,.58,.57,1);width:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb.tinymce-mobile-thumb-active{border:.5em solid rgba(136,136,136,.39)}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group>div{align-items:center;display:flex;height:100%;flex:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper{flex-direction:column;justify-content:center}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item{align-items:center;display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog){height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container{display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input{background:#fff;border:none;border-radius:0;color:#455a64;flex-grow:1;font-size:.85em;padding-bottom:.1em;padding-left:5px;padding-top:.1em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder{color:#888}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder{color:#888}.tinymce-mobile-dropup{background:#fff;display:flex;overflow:hidden;width:100%}.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking{transition:height .3s ease-out}.tinymce-mobile-dropup.tinymce-mobile-dropup-growing{transition:height .3s ease-in}.tinymce-mobile-dropup.tinymce-mobile-dropup-closed{flex-grow:0}.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing){flex-grow:1}.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:200px}@media only screen and (orientation:landscape){.tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:200px}}@media only screen and (min-device-width :320px) and (max-device-width :568px) and (orientation :landscape){.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:150px}}.tinymce-mobile-styles-menu{font-family:sans-serif;outline:4px solid #000;overflow:hidden;position:relative;width:100%}.tinymce-mobile-styles-menu [role=menu]{display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.tinymce-mobile-styles-menu [role=menu].transitioning{transition:transform .5s ease-in-out}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item{border-bottom:1px solid #ddd;color:#455a64;cursor:pointer;display:flex;padding:1em 1em;position:relative}.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before{color:#455a64;content:"\e314";font-family:tinymce-mobile,sans-serif}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after{color:#455a64;content:"\e315";font-family:tinymce-mobile,sans-serif;padding-left:1em;padding-right:1em;position:absolute;right:0}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after{font-family:tinymce-mobile,sans-serif;padding-left:1em;padding-right:1em;position:absolute;right:0}.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser,.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator{align-items:center;background:#fff;border-top:#455a64;color:#455a64;display:flex;min-height:2.5em;padding-left:1em;padding-right:1em}.tinymce-mobile-styles-menu [data-transitioning-destination=before][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=before]{transform:translate(-100%)}.tinymce-mobile-styles-menu [data-transitioning-destination=current][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=current]{transform:translate(0)}.tinymce-mobile-styles-menu [data-transitioning-destination=after][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=after]{transform:translate(100%)}@font-face{font-family:tinymce-mobile;font-style:normal;font-weight:400;src:url(fonts/tinymce-mobile.woff?8x92w3) format('woff')}@media (min-device-width:700px){.tinymce-mobile-outer-container,.tinymce-mobile-outer-container input{font-size:25px}}@media (max-device-width:700px){.tinymce-mobile-outer-container,.tinymce-mobile-outer-container input{font-size:18px}}.tinymce-mobile-icon{font-family:tinymce-mobile,sans-serif}.mixin-flex-and-centre{align-items:center;display:flex;justify-content:center}.mixin-flex-bar{align-items:center;display:flex;height:100%}.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe{background-color:#fff;width:100%}.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{background-color:#207ab7;border-radius:50%;bottom:1em;color:#fff;font-size:1em;height:2.1em;position:fixed;right:2em;width:2.1em;align-items:center;display:flex;justify-content:center}@media only screen and (min-device-width:700px){.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{font-size:1.2em}}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket{height:300px;overflow:hidden}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe{height:100%}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip{display:none}input[type=file]::-webkit-file-upload-button{display:none}@media only screen and (min-device-width :320px) and (max-device-width :568px) and (orientation :landscape){.tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{bottom:50%}}
+/*# sourceMappingURL=skin.mobile.min.css.map */
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/skin.mobile.min.css.map b/src/assets/tinymce/skins/ui/oxide-dark/skin.mobile.min.css.map
new file mode 100644
index 00000000..bd4e3c31
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/skin.mobile.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["ui/dark/skin.mobile.css"],"names":[],"mappings":";;;;;;AAOA,gCACE,IAAK,QACL,QAAS,MAEX,kCACE,OAAQ,EACR,WAAY,QACZ,OAAQ,QACR,MAAO,KACP,YAAa,EACb,OAAQ,EACR,QAAS,EACT,QAAS,EACT,4BAA6B,YAE7B,YAAa,KACb,YAAa,OAEf,wCACE,QAAS,QAEX,mCACE,QAAS,QAEX,2CACE,QAAS,QAEX,sCACE,QAAS,QAEX,0CACE,QAAS,QAEX,wCACE,QAAS,QAEX,yCACE,QAAS,QAEX,kCACE,QAAS,QAEX,oCACE,QAAS,QAEX,4CACE,QAAS,QAEX,0CACE,QAAS,QAEX,uCACE,QAAS,QAEX,uCACE,QAAS,QAEX,kCACE,QAAS,QAEX,oCACE,QAAS,QAEX,mCACE,QAAS,QAEX,sCACE,QAAS,QAEX,kCACE,QAAS,QAEX,wCACA,2CACE,QAAS,QAEX,kCACE,QAAS,QAEX,kCACE,QAAS,QAEX,0CACE,QAAS,QAEX,wCACE,QAAS,QAGX,sCADA,2CAEE,QAAS,QAEX,2CACE,QAAS,QAEX,2CACE,QAAS,QAGX,2CADA,2CAEE,YAAa,WACb,UAAW,IAEb,uCACE,QAAS,QAEX,kCACE,QAAS,QAEX,qCAEE,QAAS,WACT,YAAa,WACb,UAAW,IACX,YAAa,IAEf,gCACE,QAAS,KACT,YAAa,IAEf,gCACE,QAAS,KACT,YAAa,IAEf,gCACE,QAAS,KACT,YAAa,IAEf,8DACE,YAAa,OACb,QAAS,KACT,gBAAiB,OACjB,WAAY,kBACZ,OAAQ,KACR,SAAU,SACV,IAAK,EACL,MAAO,KAET,gGACE,YAAa,OACb,cAAe,IACf,QAAS,KACT,eAAgB,OAChB,YAAa,WACb,UAAW,IACX,gBAAiB,cAEnB,iHACE,YAAa,OACb,QAAS,KACT,gBAAiB,OACjB,cAAe,IACf,OAAQ,MACR,MAAO,MAET,oIACE,YAAa,OACb,QAAS,KACT,gBAAiB,OACjB,eAAgB,OAChB,UAAW,IAEb,gDACE,oIACE,UAAW,OAGf,kKACE,YAAa,OACb,QAAS,KACT,gBAAiB,OACjB,cAAe,IACf,OAAQ,MACR,MAAO,MACP,iBAAkB,KAClB,MAAO,QAET,0KACE,QAAS,QACT,YAAa,cAAgB,CAAE,WAEjC,8MACE,QAAS,EAEX,mEACE,WAAY,KACZ,OAAQ,KACR,OAAQ,EACR,QAAS,KACT,eAAgB,OAChB,KAAM,EACN,SAAU,MACV,MAAO,EACP,IAAK,EAEP,yEACE,SAAU,SAEZ,gEACE,QAAS,KACT,UAAW,EAEb,uEACE,QAAS,eACT,UAAW,EACX,OAAQ,eAEV,sCACE,SAAU,OAEZ,sFACE,WAAY,KAEd,0BACE,WAAY,KACZ,QAAS,KACT,KAAM,EAAE,EAAE,KACV,QAAS,EAEX,kDACE,YAAa,OACb,iBAAkB,KAClB,cAAe,IAAI,MAAM,KACzB,QAAS,KACT,KAAM,EACN,OAAQ,MACR,MAAO,KAGT,qHACE,YAAa,OACb,QAAS,KACT,OAAQ,KACR,YAAa,EAEf,yHACE,YAAa,OACb,QAAS,KACT,OAAQ,KACR,KAAM,EAER,mJACE,WAAY,QAEd,6JACE,UAAW,EAEb,wJACE,aAAc,KACd,cAAe,KAEjB,sLACE,YAAa,OACb,QAAS,KACT,OAAQ,IACR,YAAa,IACb,aAAc,IAEhB,6NACE,WAAY,QACZ,MAAO,KAET,mIACA,kIACE,WAAY,QACZ,MAAO,QAKT,+GACE,YAAa,OACb,QAAS,KACT,OAAQ,KACR,KAAM,EACN,eAAgB,KAChB,YAAa,KAIf,iJACE,QAAS,KACT,WAAY,MACZ,SAAU,OACV,aAAc,EACd,cAAe,EACf,SAAU,SACV,MAAO,KAET,yLACE,QAAS,KACT,OAAQ,KACR,WAAY,KAAK,uBAA2B,KAC5C,MAAO,KAET,kOACE,QAAS,KACT,KAAM,EAAE,EAAE,KACV,gBAAiB,cACjB,MAAO,KAET,wOACE,YAAa,WAEf,kQACE,QAAS,KACT,UAAW,EACX,SAAU,SAEZ,oSACE,mBAAoB,OAChB,WAAY,OAChB,WAAY,QACZ,OAAQ,KACR,cAAe,IACf,MAAO,KACP,UAAW,KACX,YAAa,IACb,OAAQ,KACR,cAAe,IACf,SAAU,SACV,MAAO,EAET,yUACE,QAAS,KAGX,4PADA,gQAEE,YAAa,OACb,QAAS,KAGX,oQADA,wQAEE,YAAa,OACb,QAAS,KACT,YAAa,IACb,OAAQ,KACR,aAAc,KACd,cAAe,KAGjB,+SADA,mTAEE,WAAY,OAEd,wIACE,MAAO,KACP,UAAW,KACX,YAAa,KACb,OAAQ,EAAE,IACV,YAAa,IAEf,kKACE,MAAO,QAET,uJACA,0JACE,YAAa,KACb,aAAc,KAEhB,uJACA,0JACE,YAAa,KACb,aAAc,KAEhB,sIACE,QAAS,KACT,KAAM,EACN,YAAa,EACb,aAAc,EACd,QAAS,MAAO,EAChB,SAAU,SAEZ,4KACE,YAAa,OACb,QAAS,KACT,UAAW,EACX,OAAQ,KAEV,6MACE,WAAY,KACZ,QAAS,KACT,KAAM,EACN,OAAQ,KACR,cAAe,KACf,WAAY,KAEd,0KACE,aAAc,IACd,cAAe,IAEjB,oNACE,YAAa,OACb,QAAS,KACT,UAAW,EACX,OAAQ,KAEV,oPACE,WAAY,+FACZ,QAAS,KACT,KAAM,EACN,OAAQ,KACR,cAAe,KACf,WAAY,KAEd,2MAEE,WAAY,KACZ,OAAQ,KACR,cAAe,KACf,WAAY,KACZ,MAAO,MAET,2MAEE,WAAY,KACZ,OAAQ,KACR,cAAe,KACf,WAAY,KACZ,MAAO,MAET,mKAME,YAAa,OACb,gBAAiB,YACjB,iBAAkB,QAClB,OAAQ,KAAM,MAAM,oBACpB,cAAe,IACf,OAAQ,EACR,MAAO,KACP,QAAS,KACT,OAAQ,KACR,gBAAiB,OACjB,KAAM,MACN,OAAQ,KACR,SAAU,SACV,IAAK,EACL,WAAY,OAAO,MAAM,4BACzB,MAAO,KAET,+LACE,OAAQ,KAAM,MAAM,sBAEtB,kJACA,mHACE,YAAa,OACb,QAAS,KACT,OAAQ,KACR,KAAM,EAER,kJACE,eAAgB,OAChB,gBAAiB,OAEnB,kJACE,YAAa,OACb,QAAS,KAEX,yLACE,OAAQ,KAEV,6IACE,QAAS,KAEX,qHACE,WAAY,KACZ,OAAQ,KACR,cAAe,EACf,MAAO,QACP,UAAW,EACX,UAAW,MACX,eAAgB,KAChB,aAAc,IACd,YAAa,KAEf,gJAEE,MAAO,KAET,kIAEE,MAAO,KAGT,uBACE,WAAY,KACZ,QAAS,KACT,SAAU,OACV,MAAO,KAET,uDACE,WAAY,OAAO,IAAK,SAE1B,qDACE,WAAY,OAAO,IAAK,QAE1B,oDACE,UAAW,EAEb,sFACE,UAAW,EAGb,wFACE,WAAY,MAEd,+CACE,0DACE,WAAY,OAGhB,4GACE,wFACE,WAAY,OAIhB,4BACE,YAAa,WACb,QAAS,IAAI,MAAM,KACnB,SAAU,OACV,SAAU,SACV,MAAO,KAET,wCACE,QAAS,KACT,eAAgB,OAChB,OAAQ,KACR,SAAU,SACV,MAAO,KAET,sDACE,WAAY,UAAU,IAAK,YAE7B,wDACE,cAAe,IAAI,MAAM,KACzB,MAAO,QACP,OAAQ,QACR,QAAS,KACT,QAAS,IAAI,IACb,SAAU,SAEZ,0GACE,MAAO,QACP,QAAS,QACT,YAAa,cAAgB,CAAE,WAEjC,kGACE,MAAO,QACP,QAAS,QACT,YAAa,cAAgB,CAAE,WAC/B,aAAc,IACd,cAAe,IACf,SAAU,SACV,MAAO,EAET,6FACE,YAAa,cAAgB,CAAE,WAC/B,aAAc,IACd,cAAe,IACf,SAAU,SACV,MAAO,EAGT,6DADA,6DAEE,YAAa,OACb,WAAY,KACZ,WAAY,QACZ,MAAO,QACP,QAAS,KACT,WAAY,MACZ,aAAc,IACd,cAAe,IAEjB,8FACA,8DACE,UAAW,iBAEb,+FACA,+DACE,UAAW,aAEb,6FACA,6DACE,UAAW,gBAEb,WACE,YAAa,eACb,WAAY,OACZ,YAAa,IACb,IAAK,sCAAwC,eAE/C,gCACE,gCACA,sCACE,UAAW,MAGf,gCACE,gCACA,sCACE,UAAW,MAGf,qBACE,YAAa,cAAgB,CAAE,WAEjC,uBACE,YAAa,OACb,QAAS,KACT,gBAAiB,OAEnB,gBACE,YAAa,OACb,QAAS,KACT,OAAQ,KAEV,qEACE,iBAAkB,KAClB,MAAO,KAET,6DAEE,iBAAkB,QAClB,cAAe,IACf,OAAQ,IACR,MAAO,KACP,UAAW,IACX,OAAQ,MACR,SAAU,MACV,MAAO,IACP,MAAO,MACP,YAAa,OACb,QAAS,KACT,gBAAiB,OAEnB,gDACE,6DACE,UAAW,OAGf,wGACE,OAAQ,MACR,SAAU,OAEZ,+GACE,OAAQ,KAEV,oGACE,QAAS,KAMX,6CACE,QAAS,KAEX,4GACE,2FACE,OAAQ","file":"skin.mobile.min.css","sourcesContent":["/**\n * Copyright (c) Tiny Technologies, Inc. All rights reserved.\n * Licensed under the LGPL or a commercial license.\n * For LGPL see License.txt in the project root for license information.\n * For commercial licenses see https://www.tiny.cloud/\n */\n/* RESET all the things! */\n.tinymce-mobile-outer-container {\n  all: initial;\n  display: block;\n}\n.tinymce-mobile-outer-container * {\n  border: 0;\n  box-sizing: initial;\n  cursor: inherit;\n  float: none;\n  line-height: 1;\n  margin: 0;\n  outline: 0;\n  padding: 0;\n  -webkit-tap-highlight-color: transparent;\n  /* TBIO-3691, stop the gray flicker on touch. */\n  text-shadow: none;\n  white-space: nowrap;\n}\n.tinymce-mobile-icon-arrow-back::before {\n  content: \"\\e5cd\";\n}\n.tinymce-mobile-icon-image::before {\n  content: \"\\e412\";\n}\n.tinymce-mobile-icon-cancel-circle::before {\n  content: \"\\e5c9\";\n}\n.tinymce-mobile-icon-full-dot::before {\n  content: \"\\e061\";\n}\n.tinymce-mobile-icon-align-center::before {\n  content: \"\\e234\";\n}\n.tinymce-mobile-icon-align-left::before {\n  content: \"\\e236\";\n}\n.tinymce-mobile-icon-align-right::before {\n  content: \"\\e237\";\n}\n.tinymce-mobile-icon-bold::before {\n  content: \"\\e238\";\n}\n.tinymce-mobile-icon-italic::before {\n  content: \"\\e23f\";\n}\n.tinymce-mobile-icon-unordered-list::before {\n  content: \"\\e241\";\n}\n.tinymce-mobile-icon-ordered-list::before {\n  content: \"\\e242\";\n}\n.tinymce-mobile-icon-font-size::before {\n  content: \"\\e245\";\n}\n.tinymce-mobile-icon-underline::before {\n  content: \"\\e249\";\n}\n.tinymce-mobile-icon-link::before {\n  content: \"\\e157\";\n}\n.tinymce-mobile-icon-unlink::before {\n  content: \"\\eca2\";\n}\n.tinymce-mobile-icon-color::before {\n  content: \"\\e891\";\n}\n.tinymce-mobile-icon-previous::before {\n  content: \"\\e314\";\n}\n.tinymce-mobile-icon-next::before {\n  content: \"\\e315\";\n}\n.tinymce-mobile-icon-large-font::before,\n.tinymce-mobile-icon-style-formats::before {\n  content: \"\\e264\";\n}\n.tinymce-mobile-icon-undo::before {\n  content: \"\\e166\";\n}\n.tinymce-mobile-icon-redo::before {\n  content: \"\\e15a\";\n}\n.tinymce-mobile-icon-removeformat::before {\n  content: \"\\e239\";\n}\n.tinymce-mobile-icon-small-font::before {\n  content: \"\\e906\";\n}\n.tinymce-mobile-icon-readonly-back::before,\n.tinymce-mobile-format-matches::after {\n  content: \"\\e5ca\";\n}\n.tinymce-mobile-icon-small-heading::before {\n  content: \"small\";\n}\n.tinymce-mobile-icon-large-heading::before {\n  content: \"large\";\n}\n.tinymce-mobile-icon-small-heading::before,\n.tinymce-mobile-icon-large-heading::before {\n  font-family: sans-serif;\n  font-size: 80%;\n}\n.tinymce-mobile-mask-edit-icon::before {\n  content: \"\\e254\";\n}\n.tinymce-mobile-icon-back::before {\n  content: \"\\e5c4\";\n}\n.tinymce-mobile-icon-heading::before {\n  /* TODO: Translate */\n  content: \"Headings\";\n  font-family: sans-serif;\n  font-size: 80%;\n  font-weight: bold;\n}\n.tinymce-mobile-icon-h1::before {\n  content: \"H1\";\n  font-weight: bold;\n}\n.tinymce-mobile-icon-h2::before {\n  content: \"H2\";\n  font-weight: bold;\n}\n.tinymce-mobile-icon-h3::before {\n  content: \"H3\";\n  font-weight: bold;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  background: rgba(51, 51, 51, 0.5);\n  height: 100%;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container {\n  align-items: center;\n  border-radius: 50%;\n  display: flex;\n  flex-direction: column;\n  font-family: sans-serif;\n  font-size: 1em;\n  justify-content: space-between;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  border-radius: 50%;\n  height: 2.1em;\n  width: 2.1em;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  font-size: 1em;\n}\n@media only screen and (min-device-width:700px) {\n  .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {\n    font-size: 1.2em;\n  }\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  border-radius: 50%;\n  height: 2.1em;\n  width: 2.1em;\n  background-color: white;\n  color: #207ab7;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before {\n  content: \"\\e900\";\n  font-family: 'tinymce-mobile', sans-serif;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section:not(.tinymce-mobile-mask-tap-icon-selected) .tinymce-mobile-mask-tap-icon {\n  z-index: 2;\n}\n.tinymce-mobile-android-container.tinymce-mobile-android-maximized {\n  background: #ffffff;\n  border: none;\n  bottom: 0;\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n}\n.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized) {\n  position: relative;\n}\n.tinymce-mobile-android-container .tinymce-mobile-editor-socket {\n  display: flex;\n  flex-grow: 1;\n}\n.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe {\n  display: flex !important;\n  flex-grow: 1;\n  height: auto !important;\n}\n.tinymce-mobile-android-scroll-reload {\n  overflow: hidden;\n}\n:not(.tinymce-mobile-readonly-mode) > .tinymce-mobile-android-selection-context-toolbar {\n  margin-top: 23px;\n}\n.tinymce-mobile-toolstrip {\n  background: #fff;\n  display: flex;\n  flex: 0 0 auto;\n  z-index: 1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar {\n  align-items: center;\n  background-color: #fff;\n  border-bottom: 1px solid #cccccc;\n  display: flex;\n  flex: 1;\n  height: 2.5em;\n  width: 100%;\n  /* Make it no larger than the toolstrip, so that it needs to scroll */\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  flex-shrink: 1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group > div {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  flex: 1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container {\n  background: #f44336;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group {\n  flex-grow: 1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {\n  padding-left: 0.5em;\n  padding-right: 0.5em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button {\n  align-items: center;\n  display: flex;\n  height: 80%;\n  margin-left: 2px;\n  margin-right: 2px;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button.tinymce-mobile-toolbar-button-selected {\n  background: #c8cbcf;\n  color: #cccccc;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type {\n  background: #207ab7;\n  color: #eceff1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar {\n  /* Note, this file is imported inside .tinymce-mobile-context-toolbar, so that prefix is on everything here. */\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  flex: 1;\n  padding-bottom: 0.4em;\n  padding-top: 0.4em;\n  /* Make any buttons appearing on the left and right display in the centre (e.g. color edges) */\n  /* For widgets like the colour picker, use the whole height */\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog {\n  display: flex;\n  min-height: 1.5em;\n  overflow: hidden;\n  padding-left: 0;\n  padding-right: 0;\n  position: relative;\n  width: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain {\n  display: flex;\n  height: 100%;\n  transition: left cubic-bezier(0.4, 0, 1, 1) 0.15s;\n  width: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen {\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: space-between;\n  width: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen input {\n  font-family: Sans-serif;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container {\n  display: flex;\n  flex-grow: 1;\n  position: relative;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container .tinymce-mobile-input-container-x {\n  -ms-grid-row-align: center;\n      align-self: center;\n  background: inherit;\n  border: none;\n  border-radius: 50%;\n  color: #888;\n  font-size: 0.6em;\n  font-weight: bold;\n  height: 100%;\n  padding-right: 2px;\n  position: absolute;\n  right: 0;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container.tinymce-mobile-input-container-empty .tinymce-mobile-input-container-x {\n  display: none;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next {\n  align-items: center;\n  display: flex;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous::before,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next::before {\n  align-items: center;\n  display: flex;\n  font-weight: bold;\n  height: 100%;\n  padding-left: 0.5em;\n  padding-right: 0.5em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous.tinymce-mobile-toolbar-navigation-disabled::before,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next.tinymce-mobile-toolbar-navigation-disabled::before {\n  visibility: hidden;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item {\n  color: #cccccc;\n  font-size: 10px;\n  line-height: 10px;\n  margin: 0 2px;\n  padding-top: 3px;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active {\n  color: #c8cbcf;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before {\n  margin-left: 0.5em;\n  margin-right: 0.9em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before {\n  margin-left: 0.9em;\n  margin-right: 0.5em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider {\n  display: flex;\n  flex: 1;\n  margin-left: 0;\n  margin-right: 0;\n  padding: 0.28em 0;\n  position: relative;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container {\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  height: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container .tinymce-mobile-slider-size-line {\n  background: #cccccc;\n  display: flex;\n  flex: 1;\n  height: 0.2em;\n  margin-bottom: 0.3em;\n  margin-top: 0.3em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container {\n  padding-left: 2em;\n  padding-right: 2em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container {\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  height: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container .tinymce-mobile-slider-gradient {\n  background: linear-gradient(to right, hsl(0, 100%, 50%) 0%, hsl(60, 100%, 50%) 17%, hsl(120, 100%, 50%) 33%, hsl(180, 100%, 50%) 50%, hsl(240, 100%, 50%) 67%, hsl(300, 100%, 50%) 83%, hsl(0, 100%, 50%) 100%);\n  display: flex;\n  flex: 1;\n  height: 0.2em;\n  margin-bottom: 0.3em;\n  margin-top: 0.3em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-black {\n  /* Not part of theming */\n  background: black;\n  height: 0.2em;\n  margin-bottom: 0.3em;\n  margin-top: 0.3em;\n  width: 1.2em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-white {\n  /* Not part of theming */\n  background: white;\n  height: 0.2em;\n  margin-bottom: 0.3em;\n  margin-top: 0.3em;\n  width: 1.2em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb {\n  /* vertically centering trick (margin: auto, top: 0, bottom: 0). On iOS and Safari, if you leave\n     * out these values, then it shows the thumb at the top of the spectrum. This is probably because it is\n     * absolutely positioned with only a left value, and not a top. Note, on Chrome it seems to be fine without\n     * this approach.\n    */\n  align-items: center;\n  background-clip: padding-box;\n  background-color: #455a64;\n  border: 0.5em solid rgba(136, 136, 136, 0);\n  border-radius: 3em;\n  bottom: 0;\n  color: #fff;\n  display: flex;\n  height: 0.5em;\n  justify-content: center;\n  left: -10px;\n  margin: auto;\n  position: absolute;\n  top: 0;\n  transition: border 120ms cubic-bezier(0.39, 0.58, 0.57, 1);\n  width: 0.5em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb.tinymce-mobile-thumb-active {\n  border: 0.5em solid rgba(136, 136, 136, 0.39);\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group > div {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  flex: 1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper {\n  flex-direction: column;\n  justify-content: center;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {\n  align-items: center;\n  display: flex;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog) {\n  height: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container {\n  display: flex;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input {\n  background: #ffffff;\n  border: none;\n  border-radius: 0;\n  color: #455a64;\n  flex-grow: 1;\n  font-size: 0.85em;\n  padding-bottom: 0.1em;\n  padding-left: 5px;\n  padding-top: 0.1em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder {\n  /* WebKit, Blink, Edge */\n  color: #888;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder {\n  /* WebKit, Blink, Edge */\n  color: #888;\n}\n/* dropup */\n.tinymce-mobile-dropup {\n  background: white;\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n}\n.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking {\n  transition: height 0.3s ease-out;\n}\n.tinymce-mobile-dropup.tinymce-mobile-dropup-growing {\n  transition: height 0.3s ease-in;\n}\n.tinymce-mobile-dropup.tinymce-mobile-dropup-closed {\n  flex-grow: 0;\n}\n.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing) {\n  flex-grow: 1;\n}\n/* TODO min-height for device size and orientation */\n.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {\n  min-height: 200px;\n}\n@media only screen and (orientation: landscape) {\n  .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {\n    min-height: 200px;\n  }\n}\n@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {\n  .tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {\n    min-height: 150px;\n  }\n}\n/* styles menu */\n.tinymce-mobile-styles-menu {\n  font-family: sans-serif;\n  outline: 4px solid black;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n.tinymce-mobile-styles-menu [role=\"menu\"] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n}\n.tinymce-mobile-styles-menu [role=\"menu\"].transitioning {\n  transition: transform 0.5s ease-in-out;\n}\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-item {\n  border-bottom: 1px solid #ddd;\n  color: #455a64;\n  cursor: pointer;\n  display: flex;\n  padding: 1em 1em;\n  position: relative;\n}\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before {\n  color: #455a64;\n  content: \"\\e314\";\n  font-family: 'tinymce-mobile', sans-serif;\n}\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after {\n  color: #455a64;\n  content: \"\\e315\";\n  font-family: 'tinymce-mobile', sans-serif;\n  padding-left: 1em;\n  padding-right: 1em;\n  position: absolute;\n  right: 0;\n}\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after {\n  font-family: 'tinymce-mobile', sans-serif;\n  padding-left: 1em;\n  padding-right: 1em;\n  position: absolute;\n  right: 0;\n}\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator,\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser {\n  align-items: center;\n  background: #fff;\n  border-top: #455a64;\n  color: #455a64;\n  display: flex;\n  min-height: 2.5em;\n  padding-left: 1em;\n  padding-right: 1em;\n}\n.tinymce-mobile-styles-menu [data-transitioning-destination=\"before\"][data-transitioning-state],\n.tinymce-mobile-styles-menu [data-transitioning-state=\"before\"] {\n  transform: translate(-100%);\n}\n.tinymce-mobile-styles-menu [data-transitioning-destination=\"current\"][data-transitioning-state],\n.tinymce-mobile-styles-menu [data-transitioning-state=\"current\"] {\n  transform: translate(0%);\n}\n.tinymce-mobile-styles-menu [data-transitioning-destination=\"after\"][data-transitioning-state],\n.tinymce-mobile-styles-menu [data-transitioning-state=\"after\"] {\n  transform: translate(100%);\n}\n@font-face {\n  font-family: 'tinymce-mobile';\n  font-style: normal;\n  font-weight: normal;\n  src: url('fonts/tinymce-mobile.woff?8x92w3') format('woff');\n}\n@media (min-device-width: 700px) {\n  .tinymce-mobile-outer-container,\n  .tinymce-mobile-outer-container input {\n    font-size: 25px;\n  }\n}\n@media (max-device-width: 700px) {\n  .tinymce-mobile-outer-container,\n  .tinymce-mobile-outer-container input {\n    font-size: 18px;\n  }\n}\n.tinymce-mobile-icon {\n  font-family: 'tinymce-mobile', sans-serif;\n}\n.mixin-flex-and-centre {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n.mixin-flex-bar {\n  align-items: center;\n  display: flex;\n  height: 100%;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe {\n  background-color: #fff;\n  width: 100%;\n}\n.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {\n  /* Note, on the iPod touch in landscape, this isn't visible when the navbar appears */\n  background-color: #207ab7;\n  border-radius: 50%;\n  bottom: 1em;\n  color: white;\n  font-size: 1em;\n  height: 2.1em;\n  position: fixed;\n  right: 2em;\n  width: 2.1em;\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n@media only screen and (min-device-width:700px) {\n  .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {\n    font-size: 1.2em;\n  }\n}\n.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket {\n  height: 300px;\n  overflow: hidden;\n}\n.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe {\n  height: 100%;\n}\n.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip {\n  display: none;\n}\n/*\n  Note, that if you don't include this (::-webkit-file-upload-button), the toolbar width gets\n  increased and the whole body becomes scrollable. It's important!\n */\ninput[type=\"file\"]::-webkit-file-upload-button {\n  display: none;\n}\n@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {\n  .tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {\n    bottom: 50%;\n  }\n}\n"]}
\ No newline at end of file
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/skin.shadowdom.css b/src/assets/tinymce/skins/ui/oxide-dark/skin.shadowdom.css
new file mode 100644
index 00000000..a9d2cbe4
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/skin.shadowdom.css
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  left: 0;
+  margin: 0;
+  overflow: hidden;
+  -ms-scroll-chaining: none;
+      overscroll-behavior: none;
+  padding: 0;
+  position: fixed;
+  top: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  z-index: 1200;
+}
+.tox-shadowhost.tox-fullscreen {
+  z-index: 1200;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css b/src/assets/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css
new file mode 100644
index 00000000..73a0d41b
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;left:0;margin:0;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:none;padding:0;position:fixed;top:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox.tox-tinymce.tox-fullscreen{z-index:1200}.tox-shadowhost.tox-fullscreen{z-index:1200}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}
+/*# sourceMappingURL=skin.shadowdom.min.css.map */
diff --git a/src/assets/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css.map b/src/assets/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css.map
new file mode 100644
index 00000000..7981e521
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["ui/dark/skin.shadowdom.css"],"names":[],"mappings":";;;;;;AAMA,gCACE,SAAU,OAEZ,gBACE,OAAQ,EACR,OAAQ,KACR,KAAM,EACN,OAAQ,EACR,SAAU,OACV,oBAAqB,KACjB,oBAAqB,KACzB,QAAS,EACT,SAAU,MACV,IAAK,EACL,aAAc,WACd,MAAO,KAET,8DACE,QAAS,KAEX,gCACE,QAAS,KAEX,+BACE,QAAS,KAEX,qCACA,qCACE,QAAS","file":"skin.shadowdom.min.css","sourcesContent":["/**\n * Copyright (c) Tiny Technologies, Inc. All rights reserved.\n * Licensed under the LGPL or a commercial license.\n * For LGPL see License.txt in the project root for license information.\n * For commercial licenses see https://www.tiny.cloud/\n */\nbody.tox-dialog__disable-scroll {\n  overflow: hidden;\n}\n.tox-fullscreen {\n  border: 0;\n  height: 100%;\n  left: 0;\n  margin: 0;\n  overflow: hidden;\n  -ms-scroll-chaining: none;\n      overscroll-behavior: none;\n  padding: 0;\n  position: fixed;\n  top: 0;\n  touch-action: pinch-zoom;\n  width: 100%;\n}\n.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {\n  display: none;\n}\n.tox.tox-tinymce.tox-fullscreen {\n  z-index: 1200;\n}\n.tox-shadowhost.tox-fullscreen {\n  z-index: 1200;\n}\n.tox-fullscreen .tox.tox-tinymce-aux,\n.tox-fullscreen ~ .tox.tox-tinymce-aux {\n  z-index: 1201;\n}\n"]}
\ No newline at end of file
diff --git a/src/assets/tinymce/skins/ui/oxide/content.css b/src/assets/tinymce/skins/ui/oxide/content.css
new file mode 100644
index 00000000..be3940ae
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/content.css
@@ -0,0 +1,728 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  -moz-user-select: all;
+  -ms-user-select: all;
+      user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment {
+  background-color: #fff0b7;
+}
+.tox-comments-visible .tox-comment--active {
+  background-color: #ffe168;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  -moz-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+.token.punctuation {
+  color: #999;
+}
+.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 10000;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-clonedresizable {
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0, 0, 0, 0.75);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10001;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::-moz-selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
+.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
+  outline: none;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid rgba(180, 215, 255, 0.7);
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: multiply;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .mce-content-body td[data-mce-selected]::after,
+  .mce-content-body th[data-mce-selected]::after {
+    border-color: rgba(0, 84, 180, 0.7);
+  }
+}
+.mce-content-body img::-moz-selection {
+  background: none;
+}
+.mce-content-body img::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #b4d7ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc li {
+  list-style-type: none;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
+body {
+  font-family: sans-serif;
+}
+table {
+  border-collapse: collapse;
+}
diff --git a/src/assets/tinymce/skins/ui/oxide/content.inline.css b/src/assets/tinymce/skins/ui/oxide/content.inline.css
new file mode 100644
index 00000000..280d6fc7
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/content.inline.css
@@ -0,0 +1,722 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.mce-content-body .mce-item-anchor {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  cursor: default;
+  display: inline-block;
+  height: 12px !important;
+  padding: 0 2px;
+  -webkit-user-modify: read-only;
+  -moz-user-modify: read-only;
+  -webkit-user-select: all;
+  -moz-user-select: all;
+  -ms-user-select: all;
+      user-select: all;
+  width: 8px !important;
+}
+.mce-content-body .mce-item-anchor[data-mce-selected] {
+  outline-offset: 1px;
+}
+.tox-comments-visible .tox-comment {
+  background-color: #fff0b7;
+}
+.tox-comments-visible .tox-comment--active {
+  background-color: #ffe168;
+}
+.tox-checklist > li:not(.tox-checklist--hidden) {
+  list-style: none;
+  margin: 0.25em 0;
+}
+.tox-checklist > li:not(.tox-checklist--hidden)::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+  cursor: pointer;
+  height: 1em;
+  margin-left: -1.5em;
+  margin-top: 0.125em;
+  position: absolute;
+  width: 1em;
+}
+.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {
+  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
+}
+[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {
+  margin-left: 0;
+  margin-right: -1.5em;
+}
+/* stylelint-disable */
+/* http://prismjs.com/ */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+  -moz-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+@media print {
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+}
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
+}
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+.token.punctuation {
+  color: #999;
+}
+.namespace {
+  opacity: 0.7;
+}
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, 0.5);
+}
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+.token.entity {
+  cursor: help;
+}
+/* stylelint-enable */
+.mce-content-body {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+.mce-content-body .mce-visual-caret {
+  background-color: black;
+  background-color: currentColor;
+  position: absolute;
+}
+.mce-content-body .mce-visual-caret-hidden {
+  display: none;
+}
+.mce-content-body *[data-mce-caret] {
+  left: -1000px;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  right: auto;
+  top: 0;
+}
+.mce-content-body .mce-offscreen-selection {
+  left: -2000000px;
+  max-width: 1000000px;
+  position: absolute;
+}
+.mce-content-body *[contentEditable=false] {
+  cursor: default;
+}
+.mce-content-body *[contentEditable=true] {
+  cursor: text;
+}
+.tox-cursor-format-painter {
+  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"), default;
+}
+.mce-content-body figure.align-left {
+  float: left;
+}
+.mce-content-body figure.align-right {
+  float: right;
+}
+.mce-content-body figure.image.align-center {
+  display: table;
+  margin-left: auto;
+  margin-right: auto;
+}
+.mce-preview-object {
+  border: 1px solid gray;
+  display: inline-block;
+  line-height: 0;
+  margin: 0 2px 0 2px;
+  position: relative;
+}
+.mce-preview-object .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-preview-object[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.mce-object {
+  background: transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;
+  border: 1px dashed #aaa;
+}
+.mce-pagebreak {
+  border: 1px dashed #aaa;
+  cursor: default;
+  display: block;
+  height: 5px;
+  margin-top: 15px;
+  page-break-before: always;
+  width: 100%;
+}
+@media print {
+  .mce-pagebreak {
+    border: 0;
+  }
+}
+.tiny-pageembed .mce-shim {
+  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tiny-pageembed[data-mce-selected="2"] .mce-shim {
+  display: none;
+}
+.tiny-pageembed {
+  display: inline-block;
+  position: relative;
+}
+.tiny-pageembed--21by9,
+.tiny-pageembed--16by9,
+.tiny-pageembed--4by3,
+.tiny-pageembed--1by1 {
+  display: block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  width: 100%;
+}
+.tiny-pageembed--21by9 {
+  padding-top: 42.857143%;
+}
+.tiny-pageembed--16by9 {
+  padding-top: 56.25%;
+}
+.tiny-pageembed--4by3 {
+  padding-top: 75%;
+}
+.tiny-pageembed--1by1 {
+  padding-top: 100%;
+}
+.tiny-pageembed--21by9 iframe,
+.tiny-pageembed--16by9 iframe,
+.tiny-pageembed--4by3 iframe,
+.tiny-pageembed--1by1 iframe {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.mce-content-body[data-mce-placeholder] {
+  position: relative;
+}
+.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  color: rgba(34, 47, 62, 0.7);
+  content: attr(data-mce-placeholder);
+  position: absolute;
+}
+.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
+  left: 1px;
+}
+.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {
+  right: 1px;
+}
+.mce-content-body div.mce-resizehandle {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 10000;
+}
+.mce-content-body div.mce-resizehandle:hover {
+  background-color: #4099ff;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(1) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(2) {
+  cursor: nesw-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(3) {
+  cursor: nwse-resize;
+}
+.mce-content-body div.mce-resizehandle:nth-of-type(4) {
+  cursor: nesw-resize;
+}
+.mce-content-body .mce-clonedresizable {
+  opacity: 0.5;
+  outline: 1px dashed black;
+  position: absolute;
+  z-index: 10000;
+}
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,
+.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {
+  border: 0;
+}
+.mce-content-body .mce-resize-helper {
+  background: #555;
+  background: rgba(0, 0, 0, 0.75);
+  border: 1px;
+  border-radius: 3px;
+  color: white;
+  display: none;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 14px;
+  margin: 5px 10px;
+  padding: 5px;
+  position: absolute;
+  white-space: nowrap;
+  z-index: 10001;
+}
+.tox-rtc-user-selection {
+  position: relative;
+}
+.tox-rtc-user-cursor {
+  bottom: 0;
+  cursor: default;
+  position: absolute;
+  top: 0;
+  width: 2px;
+}
+.tox-rtc-user-cursor::before {
+  background-color: inherit;
+  border-radius: 50%;
+  content: '';
+  display: block;
+  height: 8px;
+  position: absolute;
+  right: -3px;
+  top: -3px;
+  width: 8px;
+}
+.tox-rtc-user-cursor:hover::after {
+  background-color: inherit;
+  border-radius: 100px;
+  box-sizing: border-box;
+  color: #fff;
+  content: attr(data-user);
+  display: block;
+  font-size: 12px;
+  font-weight: bold;
+  left: -5px;
+  min-height: 8px;
+  min-width: 8px;
+  padding: 0 12px;
+  position: absolute;
+  top: -11px;
+  white-space: nowrap;
+  z-index: 1000;
+}
+.tox-rtc-user-selection--1 .tox-rtc-user-cursor {
+  background-color: #2dc26b;
+}
+.tox-rtc-user-selection--2 .tox-rtc-user-cursor {
+  background-color: #e03e2d;
+}
+.tox-rtc-user-selection--3 .tox-rtc-user-cursor {
+  background-color: #f1c40f;
+}
+.tox-rtc-user-selection--4 .tox-rtc-user-cursor {
+  background-color: #3598db;
+}
+.tox-rtc-user-selection--5 .tox-rtc-user-cursor {
+  background-color: #b96ad9;
+}
+.tox-rtc-user-selection--6 .tox-rtc-user-cursor {
+  background-color: #e67e23;
+}
+.tox-rtc-user-selection--7 .tox-rtc-user-cursor {
+  background-color: #aaa69d;
+}
+.tox-rtc-user-selection--8 .tox-rtc-user-cursor {
+  background-color: #f368e0;
+}
+.tox-rtc-remote-image {
+  background: #eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
+  border: 1px solid #ccc;
+  min-height: 240px;
+  min-width: 320px;
+}
+.mce-match-marker {
+  background: #aaa;
+  color: #fff;
+}
+.mce-match-marker-selected {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::-moz-selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-match-marker-selected::selection {
+  background: #39f;
+  color: #fff;
+}
+.mce-content-body img[data-mce-selected],
+.mce-content-body video[data-mce-selected],
+.mce-content-body audio[data-mce-selected],
+.mce-content-body object[data-mce-selected],
+.mce-content-body embed[data-mce-selected],
+.mce-content-body table[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body hr[data-mce-selected] {
+  outline: 3px solid #b4d7ff;
+  outline-offset: 1px;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body *[contentEditable=false][data-mce-selected] {
+  cursor: not-allowed;
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,
+.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {
+  outline: none;
+}
+.mce-content-body *[data-mce-selected="inline-boundary"] {
+  background-color: #b4d7ff;
+}
+.mce-content-body .mce-edit-focus {
+  outline: 3px solid #b4d7ff;
+}
+.mce-content-body td[data-mce-selected],
+.mce-content-body th[data-mce-selected] {
+  position: relative;
+}
+.mce-content-body td[data-mce-selected]::-moz-selection,
+.mce-content-body th[data-mce-selected]::-moz-selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected]::selection,
+.mce-content-body th[data-mce-selected]::selection {
+  background: none;
+}
+.mce-content-body td[data-mce-selected] *,
+.mce-content-body th[data-mce-selected] * {
+  outline: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.mce-content-body td[data-mce-selected]::after,
+.mce-content-body th[data-mce-selected]::after {
+  background-color: rgba(180, 215, 255, 0.7);
+  border: 1px solid rgba(180, 215, 255, 0.7);
+  bottom: -1px;
+  content: '';
+  left: -1px;
+  mix-blend-mode: multiply;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .mce-content-body td[data-mce-selected]::after,
+  .mce-content-body th[data-mce-selected]::after {
+    border-color: rgba(0, 84, 180, 0.7);
+  }
+}
+.mce-content-body img::-moz-selection {
+  background: none;
+}
+.mce-content-body img::selection {
+  background: none;
+}
+.ephox-snooker-resizer-bar {
+  background-color: #b4d7ff;
+  opacity: 0;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.ephox-snooker-resizer-cols {
+  cursor: col-resize;
+}
+.ephox-snooker-resizer-rows {
+  cursor: row-resize;
+}
+.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {
+  opacity: 1;
+}
+.mce-spellchecker-word {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+  height: 2rem;
+}
+.mce-spellchecker-grammar {
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");
+  background-position: 0 calc(100% + 1px);
+  background-repeat: repeat-x;
+  background-size: auto 6px;
+  cursor: default;
+}
+.mce-toc {
+  border: 1px solid gray;
+}
+.mce-toc h2 {
+  margin: 4px;
+}
+.mce-toc li {
+  list-style-type: none;
+}
+table[style*="border-width: 0px"],
+.mce-item-table:not([border]),
+.mce-item-table[border="0"],
+table[style*="border-width: 0px"] td,
+.mce-item-table:not([border]) td,
+.mce-item-table[border="0"] td,
+table[style*="border-width: 0px"] th,
+.mce-item-table:not([border]) th,
+.mce-item-table[border="0"] th,
+table[style*="border-width: 0px"] caption,
+.mce-item-table:not([border]) caption,
+.mce-item-table[border="0"] caption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks p,
+.mce-visualblocks h1,
+.mce-visualblocks h2,
+.mce-visualblocks h3,
+.mce-visualblocks h4,
+.mce-visualblocks h5,
+.mce-visualblocks h6,
+.mce-visualblocks div:not([data-mce-bogus]),
+.mce-visualblocks section,
+.mce-visualblocks article,
+.mce-visualblocks blockquote,
+.mce-visualblocks address,
+.mce-visualblocks pre,
+.mce-visualblocks figure,
+.mce-visualblocks figcaption,
+.mce-visualblocks hgroup,
+.mce-visualblocks aside,
+.mce-visualblocks ul,
+.mce-visualblocks ol,
+.mce-visualblocks dl {
+  background-repeat: no-repeat;
+  border: 1px dashed #bbb;
+  margin-left: 3px;
+  padding-top: 10px;
+}
+.mce-visualblocks p {
+  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);
+}
+.mce-visualblocks h1 {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);
+}
+.mce-visualblocks h2 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);
+}
+.mce-visualblocks h3 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);
+}
+.mce-visualblocks h4 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);
+}
+.mce-visualblocks h5 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);
+}
+.mce-visualblocks h6 {
+  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);
+}
+.mce-visualblocks div:not([data-mce-bogus]) {
+  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);
+}
+.mce-visualblocks section {
+  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);
+}
+.mce-visualblocks article {
+  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);
+}
+.mce-visualblocks blockquote {
+  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);
+}
+.mce-visualblocks address {
+  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);
+}
+.mce-visualblocks pre {
+  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);
+}
+.mce-visualblocks figure {
+  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);
+}
+.mce-visualblocks figcaption {
+  border: 1px dashed #bbb;
+}
+.mce-visualblocks hgroup {
+  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);
+}
+.mce-visualblocks aside {
+  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);
+}
+.mce-visualblocks ul {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);
+}
+.mce-visualblocks ol {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);
+}
+.mce-visualblocks dl {
+  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);
+}
+.mce-visualblocks:not([dir=rtl]) p,
+.mce-visualblocks:not([dir=rtl]) h1,
+.mce-visualblocks:not([dir=rtl]) h2,
+.mce-visualblocks:not([dir=rtl]) h3,
+.mce-visualblocks:not([dir=rtl]) h4,
+.mce-visualblocks:not([dir=rtl]) h5,
+.mce-visualblocks:not([dir=rtl]) h6,
+.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),
+.mce-visualblocks:not([dir=rtl]) section,
+.mce-visualblocks:not([dir=rtl]) article,
+.mce-visualblocks:not([dir=rtl]) blockquote,
+.mce-visualblocks:not([dir=rtl]) address,
+.mce-visualblocks:not([dir=rtl]) pre,
+.mce-visualblocks:not([dir=rtl]) figure,
+.mce-visualblocks:not([dir=rtl]) figcaption,
+.mce-visualblocks:not([dir=rtl]) hgroup,
+.mce-visualblocks:not([dir=rtl]) aside,
+.mce-visualblocks:not([dir=rtl]) ul,
+.mce-visualblocks:not([dir=rtl]) ol,
+.mce-visualblocks:not([dir=rtl]) dl {
+  margin-left: 3px;
+}
+.mce-visualblocks[dir=rtl] p,
+.mce-visualblocks[dir=rtl] h1,
+.mce-visualblocks[dir=rtl] h2,
+.mce-visualblocks[dir=rtl] h3,
+.mce-visualblocks[dir=rtl] h4,
+.mce-visualblocks[dir=rtl] h5,
+.mce-visualblocks[dir=rtl] h6,
+.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),
+.mce-visualblocks[dir=rtl] section,
+.mce-visualblocks[dir=rtl] article,
+.mce-visualblocks[dir=rtl] blockquote,
+.mce-visualblocks[dir=rtl] address,
+.mce-visualblocks[dir=rtl] pre,
+.mce-visualblocks[dir=rtl] figure,
+.mce-visualblocks[dir=rtl] figcaption,
+.mce-visualblocks[dir=rtl] hgroup,
+.mce-visualblocks[dir=rtl] aside,
+.mce-visualblocks[dir=rtl] ul,
+.mce-visualblocks[dir=rtl] ol,
+.mce-visualblocks[dir=rtl] dl {
+  background-position-x: right;
+  margin-right: 3px;
+}
+.mce-nbsp,
+.mce-shy {
+  background: #aaa;
+}
+.mce-shy::after {
+  content: '-';
+}
diff --git a/src/assets/tinymce/skins/ui/oxide/content.inline.min.css b/src/assets/tinymce/skins/ui/oxide/content.inline.min.css
new file mode 100644
index 00000000..7d88c3f7
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/content.inline.min.css
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment{background-color:#fff0b7}.tox-comments-visible .tox-comment--active{background-color:#ffe168}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px 0 2px;position:relative}.mce-preview-object .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:10000}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:nth-of-type(1){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-clonedresizable{opacity:.5;outline:1px dashed #000;position:absolute;z-index:10000}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0,0,0,.75);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10001}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::-moz-selection{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body.mce-content-readonly [contentEditable=true]:focus,.mce-content-body.mce-content-readonly [contentEditable=true]:hover{outline:0}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::-moz-selection,.mce-content-body th[data-mce-selected]::-moz-selection{background:0 0}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{border-color:rgba(0,84,180,.7)}}.mce-content-body img::-moz-selection{background:0 0}.mce-content-body img::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc li{list-style-type:none}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}
+/*# sourceMappingURL=content.inline.min.css.map */
diff --git a/src/assets/tinymce/skins/ui/oxide/content.inline.min.css.map b/src/assets/tinymce/skins/ui/oxide/content.inline.min.css.map
new file mode 100644
index 00000000..12cba3c0
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/content.inline.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["ui/default/content.inline.css"],"names":[],"mappings":";;;;;;AAMA,mCACE,WAAY,YAAY,sNAAsN,UAAU,OACxP,OAAQ,QACR,QAAS,aACT,OAAQ,eACR,QAAS,EAAE,IACX,oBAAqB,UACrB,iBAAkB,UAClB,oBAAqB,IACrB,iBAAkB,IAClB,gBAAiB,IACb,YAAa,IACjB,MAAO,cAET,sDACE,eAAgB,IAElB,mCACE,iBAAkB,QAEpB,2CACE,iBAAkB,QAEpB,8CACE,WAAY,KACZ,OAAQ,MAAO,EAEjB,sDACE,QAAS,gdACT,OAAQ,QACR,OAAQ,IACR,YAAa,OACb,WAAY,OACZ,SAAU,SACV,MAAO,IAET,6EACE,QAAS,shCAEX,gEACE,YAAa,EACb,aAAc,OAShB,uBACA,sBACE,MAAO,KACP,WAAY,IACZ,YAAa,EAAE,IAAI,KACnB,YAAa,QAAQ,CAAE,MAAM,CAAE,aAAa,CAAE,aAAa,CAAE,UAC7D,UAAW,IACX,WAAY,KACZ,YAAa,IACb,aAAc,OACd,WAAY,OACZ,UAAW,OACX,YAAa,IACb,cAAe,EACf,SAAU,EACV,gBAAiB,KACjB,YAAa,KACb,QAAS,KAKX,wCADA,uCADA,uCADA,sCAIE,YAAa,KACb,WAAY,QAKd,mCADA,kCADA,kCADA,iCAIE,YAAa,KACb,WAAY,QAEd,aACE,uBACA,sBACE,YAAa,MAIjB,sBACE,QAAS,IACT,OAAQ,KAAM,EACd,SAAU,KAEZ,iCACA,sBACE,WAAY,QAGd,iCACE,QAAS,KACT,cAAe,KACf,YAAa,OAKf,aAHA,eAEA,eADA,cAGE,MAAO,QAET,mBACE,MAAO,KAET,WACE,QAAS,GAIX,eAEA,gBAEA,eAHA,cAHA,gBAKA,cAJA,WAME,MAAO,KAGT,iBAGA,eADA,YAEA,gBALA,gBAEA,cAIE,MAAO,KAKT,4BACA,qBAHA,cADA,gBAEA,WAGE,MAAO,QACP,WAAY,mBAEd,cACA,kBACA,eACE,MAAO,KAGT,kBADA,gBAEE,MAAO,QAGT,iBADA,aAEA,gBACE,MAAO,KAGT,YADA,iBAEE,YAAa,IAEf,cACE,WAAY,OAEd,cACE,OAAQ,KAGV,kBACE,cAAe,WACf,UAAW,WAEb,oCACE,iBAAkB,KAClB,iBAAkB,aAClB,SAAU,SAEZ,2CACE,QAAS,KAEX,mCACE,KAAM,QACN,OAAQ,EACR,QAAS,EACT,SAAU,SACV,MAAO,KACP,IAAK,EAEP,2CACE,KAAM,WACN,UAAW,UACX,SAAU,SAEZ,0CACE,OAAQ,QAEV,yCACE,OAAQ,KAEV,2BACE,OAAQ,qkCAAqkC,CAAE,QAEjlC,oCACE,MAAO,KAET,qCACE,MAAO,MAET,4CACE,QAAS,MACT,YAAa,KACb,aAAc,KAEhB,oBACE,OAAQ,IAAI,MAAM,KAClB,QAAS,aACT,YAAa,EACb,OAAQ,EAAE,IAAI,EAAE,IAChB,SAAU,SAEZ,8BACE,WAAY,oFACZ,OAAQ,KACR,KAAM,EACN,SAAU,SACV,IAAK,EACL,MAAO,KAET,qDACE,QAAS,KAEX,YACE,WAAY,YAAY,0bAA0b,UAAU,OAC5d,OAAQ,IAAI,OAAO,KAErB,eACE,OAAQ,IAAI,OAAO,KACnB,OAAQ,QACR,QAAS,MACT,OAAQ,IACR,WAAY,KACZ,kBAAmB,OACnB,MAAO,KAET,aACE,eACE,OAAQ,GAGZ,0BACE,WAAY,oFACZ,OAAQ,KACR,KAAM,EACN,SAAU,SACV,IAAK,EACL,MAAO,KAET,iDACE,QAAS,KAEX,gBACE,QAAS,aACT,SAAU,SAGZ,uBAEA,sBAHA,uBAEA,sBAEE,QAAS,MACT,SAAU,OACV,QAAS,EACT,SAAU,SACV,MAAO,KAET,uBACE,YAAa,WAEf,uBACE,YAAa,OAEf,sBACE,YAAa,IAEf,sBACE,YAAa,KAGf,8BAEA,6BAHA,8BAEA,6BAEE,OAAQ,EACR,OAAQ,KACR,KAAM,EACN,SAAU,SACV,IAAK,EACL,MAAO,KAET,wCACE,SAAU,SAEZ,uEACE,MAAO,kBACP,QAAS,2BACT,SAAU,SAEZ,sFACE,KAAM,IAER,gFACE,MAAO,IAET,uCACE,iBAAkB,QAClB,aAAc,QACd,aAAc,MACd,aAAc,IACd,WAAY,WACZ,OAAQ,KACR,SAAU,SACV,MAAO,KACP,QAAS,MAEX,6CACE,iBAAkB,QAEpB,sDACE,OAAQ,YAEV,sDACE,OAAQ,YAEV,sDACE,OAAQ,YAEV,sDACE,OAAQ,YAEV,uCACE,QAAS,GACT,QAAS,IAAI,OAAO,KACpB,SAAU,SACV,QAAS,MAGX,kEADA,kEAEE,OAAQ,EAEV,qCACE,WAAY,KACZ,WAAY,gBACZ,OAAQ,IACR,cAAe,IACf,MAAO,KACP,QAAS,KACT,YAAa,WACb,UAAW,KACX,YAAa,KACb,OAAQ,IAAI,KACZ,QAAS,IACT,SAAU,SACV,YAAa,OACb,QAAS,MAEX,wBACE,SAAU,SAEZ,qBACE,OAAQ,EACR,OAAQ,QACR,SAAU,SACV,IAAK,EACL,MAAO,IAET,6BACE,iBAAkB,QAClB,cAAe,IACf,QAAS,GACT,QAAS,MACT,OAAQ,IACR,SAAU,SACV,MAAO,KACP,IAAK,KACL,MAAO,IAET,kCACE,iBAAkB,QAClB,cAAe,MACf,WAAY,WACZ,MAAO,KACP,QAAS,gBACT,QAAS,MACT,UAAW,KACX,YAAa,IACb,KAAM,KACN,WAAY,IACZ,UAAW,IACX,QAAS,EAAE,KACX,SAAU,SACV,IAAK,MACL,YAAa,OACb,QAAS,KAEX,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,sBACE,WAAY,QAAQ,ymCAAymC,UAAU,OAAO,OAC9oC,OAAQ,IAAI,MAAM,KAClB,WAAY,MACZ,UAAW,MAEb,kBACE,WAAY,KACZ,MAAO,KAET,2BACE,WAAY,KACZ,MAAO,KAET,2CACE,WAAY,KACZ,MAAO,KAET,sCACE,WAAY,KACZ,MAAO,KAIT,2CAEA,2CAJA,yCAGA,4CAEA,2CAJA,2CAKE,QAAS,IAAI,MAAM,QAErB,wCACE,QAAS,IAAI,MAAM,QACnB,eAAgB,IAElB,uEACE,QAAS,IAAI,MAAM,QAErB,uEACE,QAAS,IAAI,MAAM,QAErB,6DACE,OAAQ,YACR,QAAS,IAAI,MAAM,QAErB,oEACA,oEACE,QAAS,EAEX,sDACE,iBAAkB,QAEpB,kCACE,QAAS,IAAI,MAAM,QAErB,wCACA,wCACE,SAAU,SAEZ,wDACA,wDACE,WAAY,IAEd,mDACA,mDACE,WAAY,IAEd,0CACA,0CACE,QAAS,EACT,sBAAuB,KACvB,oBAAqB,KAClB,iBAAkB,KACjB,gBAAiB,KACb,YAAa,KAEvB,+CACA,+CACE,iBAAkB,qBAClB,OAAQ,IAAI,MAAM,qBAClB,OAAQ,KACR,QAAS,GACT,KAAM,KACN,eAAgB,SAChB,SAAU,SACV,MAAO,KACP,IAAK,KAEP,6CAA+C,yBAC7C,+CACA,+CACE,aAAc,mBAGlB,sCACE,WAAY,IAEd,iCACE,WAAY,IAEd,2BACE,iBAAkB,QAClB,QAAS,EACT,oBAAqB,KACrB,iBAAkB,KAClB,gBAAiB,KACjB,YAAa,KAEf,4BACE,OAAQ,WAEV,4BACE,OAAQ,WAEV,8DACE,QAAS,EAEX,uBACE,iBAAkB,oRAClB,oBAAqB,EAAE,iBACvB,kBAAmB,SACnB,gBAAiB,KAAK,IACtB,OAAQ,QACR,OAAQ,KAEV,0BACE,iBAAkB,2PAClB,oBAAqB,EAAE,iBACvB,kBAAmB,SACnB,gBAAiB,KAAK,IACtB,OAAQ,QAEV,SACE,OAAQ,IAAI,MAAM,KAEpB,YACE,OAAQ,IAEV,YACE,gBAAiB,KAGnB,8BASA,sCANA,iCAGA,iCALA,4BASA,oCANA,+BAGA,+BARA,kCASA,0CANA,qCAGA,qCAME,OAAQ,IAAI,OAAO,KAarB,0BAFA,0BAOA,wBANA,6BAHA,4CAYA,qBALA,6BADA,yBAZA,qBACA,qBACA,qBACA,qBACA,qBACA,qBASA,yBAGA,qBAlBA,oBAYA,sBAJA,0BASA,qBAGE,kBAAmB,UACnB,OAAQ,IAAI,OAAO,KACnB,YAAa,IACb,YAAa,KAEf,oBACE,iBAAkB,gHAEpB,qBACE,iBAAkB,oHAEpB,qBACE,iBAAkB,wHAEpB,qBACE,iBAAkB,oHAEpB,qBACE,iBAAkB,wHAEpB,qBACE,iBAAkB,wHAEpB,qBACE,iBAAkB,wHAEpB,4CACE,iBAAkB,4HAEpB,0BACE,iBAAkB,gKAEpB,0BACE,iBAAkB,gKAEpB,6BACE,iBAAkB,4LAEpB,0BACE,iBAAkB,wKAEpB,sBACE,iBAAkB,oIAEpB,yBACE,iBAAkB,wJAEpB,6BACE,OAAQ,IAAI,OAAO,KAErB,yBACE,iBAAkB,4JAEpB,wBACE,iBAAkB,gJAEpB,qBACE,iBAAkB,oHAEpB,qBACE,iBAAkB,oHAEpB,qBACE,iBAAkB,oHAapB,yCAFA,yCAOA,uCANA,4CAHA,2DAYA,oCALA,4CADA,wCAZA,oCACA,oCACA,oCACA,oCACA,oCACA,oCASA,wCAGA,oCAlBA,mCAYA,qCAJA,yCASA,oCAGE,YAAa,IAaf,mCAFA,mCAOA,iCANA,sCAHA,qDAYA,8BALA,sCADA,kCAZA,8BACA,8BACA,8BACA,8BACA,8BACA,8BASA,kCAGA,8BAlBA,6BAYA,+BAJA,mCASA,8BAGE,sBAAuB,MACvB,aAAc,IAEhB,UACA,SACE,WAAY,KAEd,gBACE,QAAS","file":"content.inline.min.css","sourcesContent":["/**\n * Copyright (c) Tiny Technologies, Inc. All rights reserved.\n * Licensed under the LGPL or a commercial license.\n * For LGPL see License.txt in the project root for license information.\n * For commercial licenses see https://www.tiny.cloud/\n */\n.mce-content-body .mce-item-anchor {\n  background: transparent url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A\") no-repeat center;\n  cursor: default;\n  display: inline-block;\n  height: 12px !important;\n  padding: 0 2px;\n  -webkit-user-modify: read-only;\n  -moz-user-modify: read-only;\n  -webkit-user-select: all;\n  -moz-user-select: all;\n  -ms-user-select: all;\n      user-select: all;\n  width: 8px !important;\n}\n.mce-content-body .mce-item-anchor[data-mce-selected] {\n  outline-offset: 1px;\n}\n.tox-comments-visible .tox-comment {\n  background-color: #fff0b7;\n}\n.tox-comments-visible .tox-comment--active {\n  background-color: #ffe168;\n}\n.tox-checklist > li:not(.tox-checklist--hidden) {\n  list-style: none;\n  margin: 0.25em 0;\n}\n.tox-checklist > li:not(.tox-checklist--hidden)::before {\n  content: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A\");\n  cursor: pointer;\n  height: 1em;\n  margin-left: -1.5em;\n  margin-top: 0.125em;\n  position: absolute;\n  width: 1em;\n}\n.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {\n  content: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A\");\n}\n[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {\n  margin-left: 0;\n  margin-right: -1.5em;\n}\n/* stylelint-disable */\n/* http://prismjs.com/ */\n/**\n * prism.js default theme for JavaScript, CSS and HTML\n * Based on dabblet (http://dabblet.com)\n * @author Lea Verou\n */\ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n  color: black;\n  background: none;\n  text-shadow: 0 1px white;\n  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n  font-size: 1em;\n  text-align: left;\n  white-space: pre;\n  word-spacing: normal;\n  word-break: normal;\n  word-wrap: normal;\n  line-height: 1.5;\n  -moz-tab-size: 4;\n  tab-size: 4;\n  -webkit-hyphens: none;\n  -ms-hyphens: none;\n  hyphens: none;\n}\npre[class*=\"language-\"]::-moz-selection,\npre[class*=\"language-\"] ::-moz-selection,\ncode[class*=\"language-\"]::-moz-selection,\ncode[class*=\"language-\"] ::-moz-selection {\n  text-shadow: none;\n  background: #b3d4fc;\n}\npre[class*=\"language-\"]::selection,\npre[class*=\"language-\"] ::selection,\ncode[class*=\"language-\"]::selection,\ncode[class*=\"language-\"] ::selection {\n  text-shadow: none;\n  background: #b3d4fc;\n}\n@media print {\n  code[class*=\"language-\"],\n  pre[class*=\"language-\"] {\n    text-shadow: none;\n  }\n}\n/* Code blocks */\npre[class*=\"language-\"] {\n  padding: 1em;\n  margin: 0.5em 0;\n  overflow: auto;\n}\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n  background: #f5f2f0;\n}\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n  padding: 0.1em;\n  border-radius: 0.3em;\n  white-space: normal;\n}\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n  color: slategray;\n}\n.token.punctuation {\n  color: #999;\n}\n.namespace {\n  opacity: 0.7;\n}\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n  color: #905;\n}\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.inserted {\n  color: #690;\n}\n.token.operator,\n.token.entity,\n.token.url,\n.language-css .token.string,\n.style .token.string {\n  color: #9a6e3a;\n  background: hsla(0, 0%, 100%, 0.5);\n}\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n  color: #07a;\n}\n.token.function,\n.token.class-name {\n  color: #DD4A68;\n}\n.token.regex,\n.token.important,\n.token.variable {\n  color: #e90;\n}\n.token.important,\n.token.bold {\n  font-weight: bold;\n}\n.token.italic {\n  font-style: italic;\n}\n.token.entity {\n  cursor: help;\n}\n/* stylelint-enable */\n.mce-content-body {\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n}\n.mce-content-body .mce-visual-caret {\n  background-color: black;\n  background-color: currentColor;\n  position: absolute;\n}\n.mce-content-body .mce-visual-caret-hidden {\n  display: none;\n}\n.mce-content-body *[data-mce-caret] {\n  left: -1000px;\n  margin: 0;\n  padding: 0;\n  position: absolute;\n  right: auto;\n  top: 0;\n}\n.mce-content-body .mce-offscreen-selection {\n  left: -2000000px;\n  max-width: 1000000px;\n  position: absolute;\n}\n.mce-content-body *[contentEditable=false] {\n  cursor: default;\n}\n.mce-content-body *[contentEditable=true] {\n  cursor: text;\n}\n.tox-cursor-format-painter {\n  cursor: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A\"), default;\n}\n.mce-content-body figure.align-left {\n  float: left;\n}\n.mce-content-body figure.align-right {\n  float: right;\n}\n.mce-content-body figure.image.align-center {\n  display: table;\n  margin-left: auto;\n  margin-right: auto;\n}\n.mce-preview-object {\n  border: 1px solid gray;\n  display: inline-block;\n  line-height: 0;\n  margin: 0 2px 0 2px;\n  position: relative;\n}\n.mce-preview-object .mce-shim {\n  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.mce-preview-object[data-mce-selected=\"2\"] .mce-shim {\n  display: none;\n}\n.mce-object {\n  background: transparent url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A\") no-repeat center;\n  border: 1px dashed #aaa;\n}\n.mce-pagebreak {\n  border: 1px dashed #aaa;\n  cursor: default;\n  display: block;\n  height: 5px;\n  margin-top: 15px;\n  page-break-before: always;\n  width: 100%;\n}\n@media print {\n  .mce-pagebreak {\n    border: 0;\n  }\n}\n.tiny-pageembed .mce-shim {\n  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.tiny-pageembed[data-mce-selected=\"2\"] .mce-shim {\n  display: none;\n}\n.tiny-pageembed {\n  display: inline-block;\n  position: relative;\n}\n.tiny-pageembed--21by9,\n.tiny-pageembed--16by9,\n.tiny-pageembed--4by3,\n.tiny-pageembed--1by1 {\n  display: block;\n  overflow: hidden;\n  padding: 0;\n  position: relative;\n  width: 100%;\n}\n.tiny-pageembed--21by9 {\n  padding-top: 42.857143%;\n}\n.tiny-pageembed--16by9 {\n  padding-top: 56.25%;\n}\n.tiny-pageembed--4by3 {\n  padding-top: 75%;\n}\n.tiny-pageembed--1by1 {\n  padding-top: 100%;\n}\n.tiny-pageembed--21by9 iframe,\n.tiny-pageembed--16by9 iframe,\n.tiny-pageembed--4by3 iframe,\n.tiny-pageembed--1by1 iframe {\n  border: 0;\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.mce-content-body[data-mce-placeholder] {\n  position: relative;\n}\n.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {\n  color: rgba(34, 47, 62, 0.7);\n  content: attr(data-mce-placeholder);\n  position: absolute;\n}\n.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {\n  left: 1px;\n}\n.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {\n  right: 1px;\n}\n.mce-content-body div.mce-resizehandle {\n  background-color: #4099ff;\n  border-color: #4099ff;\n  border-style: solid;\n  border-width: 1px;\n  box-sizing: border-box;\n  height: 10px;\n  position: absolute;\n  width: 10px;\n  z-index: 10000;\n}\n.mce-content-body div.mce-resizehandle:hover {\n  background-color: #4099ff;\n}\n.mce-content-body div.mce-resizehandle:nth-of-type(1) {\n  cursor: nwse-resize;\n}\n.mce-content-body div.mce-resizehandle:nth-of-type(2) {\n  cursor: nesw-resize;\n}\n.mce-content-body div.mce-resizehandle:nth-of-type(3) {\n  cursor: nwse-resize;\n}\n.mce-content-body div.mce-resizehandle:nth-of-type(4) {\n  cursor: nesw-resize;\n}\n.mce-content-body .mce-clonedresizable {\n  opacity: 0.5;\n  outline: 1px dashed black;\n  position: absolute;\n  z-index: 10000;\n}\n.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,\n.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {\n  border: 0;\n}\n.mce-content-body .mce-resize-helper {\n  background: #555;\n  background: rgba(0, 0, 0, 0.75);\n  border: 1px;\n  border-radius: 3px;\n  color: white;\n  display: none;\n  font-family: sans-serif;\n  font-size: 12px;\n  line-height: 14px;\n  margin: 5px 10px;\n  padding: 5px;\n  position: absolute;\n  white-space: nowrap;\n  z-index: 10001;\n}\n.tox-rtc-user-selection {\n  position: relative;\n}\n.tox-rtc-user-cursor {\n  bottom: 0;\n  cursor: default;\n  position: absolute;\n  top: 0;\n  width: 2px;\n}\n.tox-rtc-user-cursor::before {\n  background-color: inherit;\n  border-radius: 50%;\n  content: '';\n  display: block;\n  height: 8px;\n  position: absolute;\n  right: -3px;\n  top: -3px;\n  width: 8px;\n}\n.tox-rtc-user-cursor:hover::after {\n  background-color: inherit;\n  border-radius: 100px;\n  box-sizing: border-box;\n  color: #fff;\n  content: attr(data-user);\n  display: block;\n  font-size: 12px;\n  font-weight: bold;\n  left: -5px;\n  min-height: 8px;\n  min-width: 8px;\n  padding: 0 12px;\n  position: absolute;\n  top: -11px;\n  white-space: nowrap;\n  z-index: 1000;\n}\n.tox-rtc-user-selection--1 .tox-rtc-user-cursor {\n  background-color: #2dc26b;\n}\n.tox-rtc-user-selection--2 .tox-rtc-user-cursor {\n  background-color: #e03e2d;\n}\n.tox-rtc-user-selection--3 .tox-rtc-user-cursor {\n  background-color: #f1c40f;\n}\n.tox-rtc-user-selection--4 .tox-rtc-user-cursor {\n  background-color: #3598db;\n}\n.tox-rtc-user-selection--5 .tox-rtc-user-cursor {\n  background-color: #b96ad9;\n}\n.tox-rtc-user-selection--6 .tox-rtc-user-cursor {\n  background-color: #e67e23;\n}\n.tox-rtc-user-selection--7 .tox-rtc-user-cursor {\n  background-color: #aaa69d;\n}\n.tox-rtc-user-selection--8 .tox-rtc-user-cursor {\n  background-color: #f368e0;\n}\n.tox-rtc-remote-image {\n  background: #eaeaea url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A\") no-repeat center center;\n  border: 1px solid #ccc;\n  min-height: 240px;\n  min-width: 320px;\n}\n.mce-match-marker {\n  background: #aaa;\n  color: #fff;\n}\n.mce-match-marker-selected {\n  background: #39f;\n  color: #fff;\n}\n.mce-match-marker-selected::-moz-selection {\n  background: #39f;\n  color: #fff;\n}\n.mce-match-marker-selected::selection {\n  background: #39f;\n  color: #fff;\n}\n.mce-content-body img[data-mce-selected],\n.mce-content-body video[data-mce-selected],\n.mce-content-body audio[data-mce-selected],\n.mce-content-body object[data-mce-selected],\n.mce-content-body embed[data-mce-selected],\n.mce-content-body table[data-mce-selected] {\n  outline: 3px solid #b4d7ff;\n}\n.mce-content-body hr[data-mce-selected] {\n  outline: 3px solid #b4d7ff;\n  outline-offset: 1px;\n}\n.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {\n  outline: 3px solid #b4d7ff;\n}\n.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {\n  outline: 3px solid #b4d7ff;\n}\n.mce-content-body *[contentEditable=false][data-mce-selected] {\n  cursor: not-allowed;\n  outline: 3px solid #b4d7ff;\n}\n.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,\n.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {\n  outline: none;\n}\n.mce-content-body *[data-mce-selected=\"inline-boundary\"] {\n  background-color: #b4d7ff;\n}\n.mce-content-body .mce-edit-focus {\n  outline: 3px solid #b4d7ff;\n}\n.mce-content-body td[data-mce-selected],\n.mce-content-body th[data-mce-selected] {\n  position: relative;\n}\n.mce-content-body td[data-mce-selected]::-moz-selection,\n.mce-content-body th[data-mce-selected]::-moz-selection {\n  background: none;\n}\n.mce-content-body td[data-mce-selected]::selection,\n.mce-content-body th[data-mce-selected]::selection {\n  background: none;\n}\n.mce-content-body td[data-mce-selected] *,\n.mce-content-body th[data-mce-selected] * {\n  outline: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.mce-content-body td[data-mce-selected]::after,\n.mce-content-body th[data-mce-selected]::after {\n  background-color: rgba(180, 215, 255, 0.7);\n  border: 1px solid rgba(180, 215, 255, 0.7);\n  bottom: -1px;\n  content: '';\n  left: -1px;\n  mix-blend-mode: multiply;\n  position: absolute;\n  right: -1px;\n  top: -1px;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n  .mce-content-body td[data-mce-selected]::after,\n  .mce-content-body th[data-mce-selected]::after {\n    border-color: rgba(0, 84, 180, 0.7);\n  }\n}\n.mce-content-body img::-moz-selection {\n  background: none;\n}\n.mce-content-body img::selection {\n  background: none;\n}\n.ephox-snooker-resizer-bar {\n  background-color: #b4d7ff;\n  opacity: 0;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.ephox-snooker-resizer-cols {\n  cursor: col-resize;\n}\n.ephox-snooker-resizer-rows {\n  cursor: row-resize;\n}\n.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {\n  opacity: 1;\n}\n.mce-spellchecker-word {\n  background-image: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A\");\n  background-position: 0 calc(100% + 1px);\n  background-repeat: repeat-x;\n  background-size: auto 6px;\n  cursor: default;\n  height: 2rem;\n}\n.mce-spellchecker-grammar {\n  background-image: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A\");\n  background-position: 0 calc(100% + 1px);\n  background-repeat: repeat-x;\n  background-size: auto 6px;\n  cursor: default;\n}\n.mce-toc {\n  border: 1px solid gray;\n}\n.mce-toc h2 {\n  margin: 4px;\n}\n.mce-toc li {\n  list-style-type: none;\n}\ntable[style*=\"border-width: 0px\"],\n.mce-item-table:not([border]),\n.mce-item-table[border=\"0\"],\ntable[style*=\"border-width: 0px\"] td,\n.mce-item-table:not([border]) td,\n.mce-item-table[border=\"0\"] td,\ntable[style*=\"border-width: 0px\"] th,\n.mce-item-table:not([border]) th,\n.mce-item-table[border=\"0\"] th,\ntable[style*=\"border-width: 0px\"] caption,\n.mce-item-table:not([border]) caption,\n.mce-item-table[border=\"0\"] caption {\n  border: 1px dashed #bbb;\n}\n.mce-visualblocks p,\n.mce-visualblocks h1,\n.mce-visualblocks h2,\n.mce-visualblocks h3,\n.mce-visualblocks h4,\n.mce-visualblocks h5,\n.mce-visualblocks h6,\n.mce-visualblocks div:not([data-mce-bogus]),\n.mce-visualblocks section,\n.mce-visualblocks article,\n.mce-visualblocks blockquote,\n.mce-visualblocks address,\n.mce-visualblocks pre,\n.mce-visualblocks figure,\n.mce-visualblocks figcaption,\n.mce-visualblocks hgroup,\n.mce-visualblocks aside,\n.mce-visualblocks ul,\n.mce-visualblocks ol,\n.mce-visualblocks dl {\n  background-repeat: no-repeat;\n  border: 1px dashed #bbb;\n  margin-left: 3px;\n  padding-top: 10px;\n}\n.mce-visualblocks p {\n  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);\n}\n.mce-visualblocks h1 {\n  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);\n}\n.mce-visualblocks h2 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);\n}\n.mce-visualblocks h3 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);\n}\n.mce-visualblocks h4 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);\n}\n.mce-visualblocks h5 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);\n}\n.mce-visualblocks h6 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);\n}\n.mce-visualblocks div:not([data-mce-bogus]) {\n  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);\n}\n.mce-visualblocks section {\n  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);\n}\n.mce-visualblocks article {\n  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);\n}\n.mce-visualblocks blockquote {\n  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);\n}\n.mce-visualblocks address {\n  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);\n}\n.mce-visualblocks pre {\n  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);\n}\n.mce-visualblocks figure {\n  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);\n}\n.mce-visualblocks figcaption {\n  border: 1px dashed #bbb;\n}\n.mce-visualblocks hgroup {\n  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);\n}\n.mce-visualblocks aside {\n  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);\n}\n.mce-visualblocks ul {\n  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);\n}\n.mce-visualblocks ol {\n  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);\n}\n.mce-visualblocks dl {\n  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);\n}\n.mce-visualblocks:not([dir=rtl]) p,\n.mce-visualblocks:not([dir=rtl]) h1,\n.mce-visualblocks:not([dir=rtl]) h2,\n.mce-visualblocks:not([dir=rtl]) h3,\n.mce-visualblocks:not([dir=rtl]) h4,\n.mce-visualblocks:not([dir=rtl]) h5,\n.mce-visualblocks:not([dir=rtl]) h6,\n.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),\n.mce-visualblocks:not([dir=rtl]) section,\n.mce-visualblocks:not([dir=rtl]) article,\n.mce-visualblocks:not([dir=rtl]) blockquote,\n.mce-visualblocks:not([dir=rtl]) address,\n.mce-visualblocks:not([dir=rtl]) pre,\n.mce-visualblocks:not([dir=rtl]) figure,\n.mce-visualblocks:not([dir=rtl]) figcaption,\n.mce-visualblocks:not([dir=rtl]) hgroup,\n.mce-visualblocks:not([dir=rtl]) aside,\n.mce-visualblocks:not([dir=rtl]) ul,\n.mce-visualblocks:not([dir=rtl]) ol,\n.mce-visualblocks:not([dir=rtl]) dl {\n  margin-left: 3px;\n}\n.mce-visualblocks[dir=rtl] p,\n.mce-visualblocks[dir=rtl] h1,\n.mce-visualblocks[dir=rtl] h2,\n.mce-visualblocks[dir=rtl] h3,\n.mce-visualblocks[dir=rtl] h4,\n.mce-visualblocks[dir=rtl] h5,\n.mce-visualblocks[dir=rtl] h6,\n.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),\n.mce-visualblocks[dir=rtl] section,\n.mce-visualblocks[dir=rtl] article,\n.mce-visualblocks[dir=rtl] blockquote,\n.mce-visualblocks[dir=rtl] address,\n.mce-visualblocks[dir=rtl] pre,\n.mce-visualblocks[dir=rtl] figure,\n.mce-visualblocks[dir=rtl] figcaption,\n.mce-visualblocks[dir=rtl] hgroup,\n.mce-visualblocks[dir=rtl] aside,\n.mce-visualblocks[dir=rtl] ul,\n.mce-visualblocks[dir=rtl] ol,\n.mce-visualblocks[dir=rtl] dl {\n  background-position-x: right;\n  margin-right: 3px;\n}\n.mce-nbsp,\n.mce-shy {\n  background: #aaa;\n}\n.mce-shy::after {\n  content: '-';\n}\n"]}
\ No newline at end of file
diff --git a/src/assets/tinymce/skins/ui/oxide/content.min.css b/src/assets/tinymce/skins/ui/oxide/content.min.css
new file mode 100644
index 00000000..cede1956
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/content.min.css
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.mce-content-body .mce-item-anchor{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;cursor:default;display:inline-block;height:12px!important;padding:0 2px;-webkit-user-modify:read-only;-moz-user-modify:read-only;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;width:8px!important}.mce-content-body .mce-item-anchor[data-mce-selected]{outline-offset:1px}.tox-comments-visible .tox-comment{background-color:#fff0b7}.tox-comments-visible .tox-comment--active{background-color:#ffe168}.tox-checklist>li:not(.tox-checklist--hidden){list-style:none;margin:.25em 0}.tox-checklist>li:not(.tox-checklist--hidden)::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");cursor:pointer;height:1em;margin-left:-1.5em;margin-top:.125em;position:absolute;width:1em}.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before{content:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A")}[dir=rtl] .tox-checklist>li:not(.tox-checklist--hidden)::before{margin-left:0;margin-right:-1.5em}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.mce-content-body{overflow-wrap:break-word;word-wrap:break-word}.mce-content-body .mce-visual-caret{background-color:#000;background-color:currentColor;position:absolute}.mce-content-body .mce-visual-caret-hidden{display:none}.mce-content-body [data-mce-caret]{left:-1000px;margin:0;padding:0;position:absolute;right:auto;top:0}.mce-content-body .mce-offscreen-selection{left:-2000000px;max-width:1000000px;position:absolute}.mce-content-body [contentEditable=false]{cursor:default}.mce-content-body [contentEditable=true]{cursor:text}.tox-cursor-format-painter{cursor:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"),default}.mce-content-body figure.align-left{float:left}.mce-content-body figure.align-right{float:right}.mce-content-body figure.image.align-center{display:table;margin-left:auto;margin-right:auto}.mce-preview-object{border:1px solid gray;display:inline-block;line-height:0;margin:0 2px 0 2px;position:relative}.mce-preview-object .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-object{background:transparent url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center;border:1px dashed #aaa}.mce-pagebreak{border:1px dashed #aaa;cursor:default;display:block;height:5px;margin-top:15px;page-break-before:always;width:100%}@media print{.mce-pagebreak{border:0}}.tiny-pageembed .mce-shim{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);height:100%;left:0;position:absolute;top:0;width:100%}.tiny-pageembed[data-mce-selected="2"] .mce-shim{display:none}.tiny-pageembed{display:inline-block;position:relative}.tiny-pageembed--16by9,.tiny-pageembed--1by1,.tiny-pageembed--21by9,.tiny-pageembed--4by3{display:block;overflow:hidden;padding:0;position:relative;width:100%}.tiny-pageembed--21by9{padding-top:42.857143%}.tiny-pageembed--16by9{padding-top:56.25%}.tiny-pageembed--4by3{padding-top:75%}.tiny-pageembed--1by1{padding-top:100%}.tiny-pageembed--16by9 iframe,.tiny-pageembed--1by1 iframe,.tiny-pageembed--21by9 iframe,.tiny-pageembed--4by3 iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.mce-content-body[data-mce-placeholder]{position:relative}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before{color:rgba(34,47,62,.7);content:attr(data-mce-placeholder);position:absolute}.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before{left:1px}.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before{right:1px}.mce-content-body div.mce-resizehandle{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;height:10px;position:absolute;width:10px;z-index:10000}.mce-content-body div.mce-resizehandle:hover{background-color:#4099ff}.mce-content-body div.mce-resizehandle:nth-of-type(1){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(2){cursor:nesw-resize}.mce-content-body div.mce-resizehandle:nth-of-type(3){cursor:nwse-resize}.mce-content-body div.mce-resizehandle:nth-of-type(4){cursor:nesw-resize}.mce-content-body .mce-clonedresizable{opacity:.5;outline:1px dashed #000;position:absolute;z-index:10000}.mce-content-body .mce-clonedresizable.mce-resizetable-columns td,.mce-content-body .mce-clonedresizable.mce-resizetable-columns th{border:0}.mce-content-body .mce-resize-helper{background:#555;background:rgba(0,0,0,.75);border:1px;border-radius:3px;color:#fff;display:none;font-family:sans-serif;font-size:12px;line-height:14px;margin:5px 10px;padding:5px;position:absolute;white-space:nowrap;z-index:10001}.tox-rtc-user-selection{position:relative}.tox-rtc-user-cursor{bottom:0;cursor:default;position:absolute;top:0;width:2px}.tox-rtc-user-cursor::before{background-color:inherit;border-radius:50%;content:'';display:block;height:8px;position:absolute;right:-3px;top:-3px;width:8px}.tox-rtc-user-cursor:hover::after{background-color:inherit;border-radius:100px;box-sizing:border-box;color:#fff;content:attr(data-user);display:block;font-size:12px;font-weight:700;left:-5px;min-height:8px;min-width:8px;padding:0 12px;position:absolute;top:-11px;white-space:nowrap;z-index:1000}.tox-rtc-user-selection--1 .tox-rtc-user-cursor{background-color:#2dc26b}.tox-rtc-user-selection--2 .tox-rtc-user-cursor{background-color:#e03e2d}.tox-rtc-user-selection--3 .tox-rtc-user-cursor{background-color:#f1c40f}.tox-rtc-user-selection--4 .tox-rtc-user-cursor{background-color:#3598db}.tox-rtc-user-selection--5 .tox-rtc-user-cursor{background-color:#b96ad9}.tox-rtc-user-selection--6 .tox-rtc-user-cursor{background-color:#e67e23}.tox-rtc-user-selection--7 .tox-rtc-user-cursor{background-color:#aaa69d}.tox-rtc-user-selection--8 .tox-rtc-user-cursor{background-color:#f368e0}.tox-rtc-remote-image{background:#eaeaea url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;border:1px solid #ccc;min-height:240px;min-width:320px}.mce-match-marker{background:#aaa;color:#fff}.mce-match-marker-selected{background:#39f;color:#fff}.mce-match-marker-selected::-moz-selection{background:#39f;color:#fff}.mce-match-marker-selected::selection{background:#39f;color:#fff}.mce-content-body audio[data-mce-selected],.mce-content-body embed[data-mce-selected],.mce-content-body img[data-mce-selected],.mce-content-body object[data-mce-selected],.mce-content-body table[data-mce-selected],.mce-content-body video[data-mce-selected]{outline:3px solid #b4d7ff}.mce-content-body hr[data-mce-selected]{outline:3px solid #b4d7ff;outline-offset:1px}.mce-content-body [contentEditable=false] [contentEditable=true]:focus{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false] [contentEditable=true]:hover{outline:3px solid #b4d7ff}.mce-content-body [contentEditable=false][data-mce-selected]{cursor:not-allowed;outline:3px solid #b4d7ff}.mce-content-body.mce-content-readonly [contentEditable=true]:focus,.mce-content-body.mce-content-readonly [contentEditable=true]:hover{outline:0}.mce-content-body [data-mce-selected=inline-boundary]{background-color:#b4d7ff}.mce-content-body .mce-edit-focus{outline:3px solid #b4d7ff}.mce-content-body td[data-mce-selected],.mce-content-body th[data-mce-selected]{position:relative}.mce-content-body td[data-mce-selected]::-moz-selection,.mce-content-body th[data-mce-selected]::-moz-selection{background:0 0}.mce-content-body td[data-mce-selected]::selection,.mce-content-body th[data-mce-selected]::selection{background:0 0}.mce-content-body td[data-mce-selected] *,.mce-content-body th[data-mce-selected] *{outline:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{background-color:rgba(180,215,255,.7);border:1px solid rgba(180,215,255,.7);bottom:-1px;content:'';left:-1px;mix-blend-mode:multiply;position:absolute;right:-1px;top:-1px}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.mce-content-body td[data-mce-selected]::after,.mce-content-body th[data-mce-selected]::after{border-color:rgba(0,84,180,.7)}}.mce-content-body img::-moz-selection{background:0 0}.mce-content-body img::selection{background:0 0}.ephox-snooker-resizer-bar{background-color:#b4d7ff;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:1}.mce-spellchecker-word{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default;height:2rem}.mce-spellchecker-grammar{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A");background-position:0 calc(100% + 1px);background-repeat:repeat-x;background-size:auto 6px;cursor:default}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc li{list-style-type:none}.mce-item-table:not([border]),.mce-item-table:not([border]) caption,.mce-item-table:not([border]) td,.mce-item-table:not([border]) th,.mce-item-table[border="0"],.mce-item-table[border="0"] caption,.mce-item-table[border="0"] td,.mce-item-table[border="0"] th,table[style*="border-width: 0px"],table[style*="border-width: 0px"] caption,table[style*="border-width: 0px"] td,table[style*="border-width: 0px"] th{border:1px dashed #bbb}.mce-visualblocks address,.mce-visualblocks article,.mce-visualblocks aside,.mce-visualblocks blockquote,.mce-visualblocks div:not([data-mce-bogus]),.mce-visualblocks dl,.mce-visualblocks figcaption,.mce-visualblocks figure,.mce-visualblocks h1,.mce-visualblocks h2,.mce-visualblocks h3,.mce-visualblocks h4,.mce-visualblocks h5,.mce-visualblocks h6,.mce-visualblocks hgroup,.mce-visualblocks ol,.mce-visualblocks p,.mce-visualblocks pre,.mce-visualblocks section,.mce-visualblocks ul{background-repeat:no-repeat;border:1px dashed #bbb;margin-left:3px;padding-top:10px}.mce-visualblocks p{background-image:url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7)}.mce-visualblocks h1{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==)}.mce-visualblocks h2{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==)}.mce-visualblocks h3{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7)}.mce-visualblocks h4{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==)}.mce-visualblocks h5{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==)}.mce-visualblocks h6{background-image:url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==)}.mce-visualblocks div:not([data-mce-bogus]){background-image:url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7)}.mce-visualblocks section{background-image:url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=)}.mce-visualblocks article{background-image:url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7)}.mce-visualblocks blockquote{background-image:url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7)}.mce-visualblocks address{background-image:url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=)}.mce-visualblocks pre{background-image:url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==)}.mce-visualblocks figure{background-image:url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7)}.mce-visualblocks figcaption{border:1px dashed #bbb}.mce-visualblocks hgroup{background-image:url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7)}.mce-visualblocks aside{background-image:url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=)}.mce-visualblocks ul{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==)}.mce-visualblocks ol{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==)}.mce-visualblocks dl{background-image:url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==)}.mce-visualblocks:not([dir=rtl]) address,.mce-visualblocks:not([dir=rtl]) article,.mce-visualblocks:not([dir=rtl]) aside,.mce-visualblocks:not([dir=rtl]) blockquote,.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),.mce-visualblocks:not([dir=rtl]) dl,.mce-visualblocks:not([dir=rtl]) figcaption,.mce-visualblocks:not([dir=rtl]) figure,.mce-visualblocks:not([dir=rtl]) h1,.mce-visualblocks:not([dir=rtl]) h2,.mce-visualblocks:not([dir=rtl]) h3,.mce-visualblocks:not([dir=rtl]) h4,.mce-visualblocks:not([dir=rtl]) h5,.mce-visualblocks:not([dir=rtl]) h6,.mce-visualblocks:not([dir=rtl]) hgroup,.mce-visualblocks:not([dir=rtl]) ol,.mce-visualblocks:not([dir=rtl]) p,.mce-visualblocks:not([dir=rtl]) pre,.mce-visualblocks:not([dir=rtl]) section,.mce-visualblocks:not([dir=rtl]) ul{margin-left:3px}.mce-visualblocks[dir=rtl] address,.mce-visualblocks[dir=rtl] article,.mce-visualblocks[dir=rtl] aside,.mce-visualblocks[dir=rtl] blockquote,.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),.mce-visualblocks[dir=rtl] dl,.mce-visualblocks[dir=rtl] figcaption,.mce-visualblocks[dir=rtl] figure,.mce-visualblocks[dir=rtl] h1,.mce-visualblocks[dir=rtl] h2,.mce-visualblocks[dir=rtl] h3,.mce-visualblocks[dir=rtl] h4,.mce-visualblocks[dir=rtl] h5,.mce-visualblocks[dir=rtl] h6,.mce-visualblocks[dir=rtl] hgroup,.mce-visualblocks[dir=rtl] ol,.mce-visualblocks[dir=rtl] p,.mce-visualblocks[dir=rtl] pre,.mce-visualblocks[dir=rtl] section,.mce-visualblocks[dir=rtl] ul{background-position-x:right;margin-right:3px}.mce-nbsp,.mce-shy{background:#aaa}.mce-shy::after{content:'-'}body{font-family:sans-serif}table{border-collapse:collapse}
+/*# sourceMappingURL=content.min.css.map */
diff --git a/src/assets/tinymce/skins/ui/oxide/content.min.css.map b/src/assets/tinymce/skins/ui/oxide/content.min.css.map
new file mode 100644
index 00000000..62492966
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/content.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["ui/default/content.css"],"names":[],"mappings":";;;;;;AAMA,mCACE,WAAY,YAAY,sNAAsN,UAAU,OACxP,OAAQ,QACR,QAAS,aACT,OAAQ,eACR,QAAS,EAAE,IACX,oBAAqB,UACrB,iBAAkB,UAClB,oBAAqB,IACrB,iBAAkB,IAClB,gBAAiB,IACb,YAAa,IACjB,MAAO,cAET,sDACE,eAAgB,IAElB,mCACE,iBAAkB,QAEpB,2CACE,iBAAkB,QAEpB,8CACE,WAAY,KACZ,OAAQ,MAAO,EAEjB,sDACE,QAAS,gdACT,OAAQ,QACR,OAAQ,IACR,YAAa,OACb,WAAY,OACZ,SAAU,SACV,MAAO,IAET,6EACE,QAAS,shCAEX,gEACE,YAAa,EACb,aAAc,OAShB,uBACA,sBACE,MAAO,KACP,WAAY,IACZ,YAAa,EAAE,IAAI,KACnB,YAAa,QAAQ,CAAE,MAAM,CAAE,aAAa,CAAE,aAAa,CAAE,UAC7D,UAAW,IACX,WAAY,KACZ,YAAa,IACb,aAAc,OACd,WAAY,OACZ,UAAW,OACX,YAAa,IACb,cAAe,EACf,SAAU,EACV,gBAAiB,KACjB,YAAa,KACb,QAAS,KAKX,wCADA,uCADA,uCADA,sCAIE,YAAa,KACb,WAAY,QAKd,mCADA,kCADA,kCADA,iCAIE,YAAa,KACb,WAAY,QAEd,aACE,uBACA,sBACE,YAAa,MAIjB,sBACE,QAAS,IACT,OAAQ,KAAM,EACd,SAAU,KAEZ,iCACA,sBACE,WAAY,QAGd,iCACE,QAAS,KACT,cAAe,KACf,YAAa,OAKf,aAHA,eAEA,eADA,cAGE,MAAO,QAET,mBACE,MAAO,KAET,WACE,QAAS,GAIX,eAEA,gBAEA,eAHA,cAHA,gBAKA,cAJA,WAME,MAAO,KAGT,iBAGA,eADA,YAEA,gBALA,gBAEA,cAIE,MAAO,KAKT,4BACA,qBAHA,cADA,gBAEA,WAGE,MAAO,QACP,WAAY,mBAEd,cACA,kBACA,eACE,MAAO,KAGT,kBADA,gBAEE,MAAO,QAGT,iBADA,aAEA,gBACE,MAAO,KAGT,YADA,iBAEE,YAAa,IAEf,cACE,WAAY,OAEd,cACE,OAAQ,KAGV,kBACE,cAAe,WACf,UAAW,WAEb,oCACE,iBAAkB,KAClB,iBAAkB,aAClB,SAAU,SAEZ,2CACE,QAAS,KAEX,mCACE,KAAM,QACN,OAAQ,EACR,QAAS,EACT,SAAU,SACV,MAAO,KACP,IAAK,EAEP,2CACE,KAAM,WACN,UAAW,UACX,SAAU,SAEZ,0CACE,OAAQ,QAEV,yCACE,OAAQ,KAEV,2BACE,OAAQ,qkCAAqkC,CAAE,QAEjlC,oCACE,MAAO,KAET,qCACE,MAAO,MAET,4CACE,QAAS,MACT,YAAa,KACb,aAAc,KAEhB,oBACE,OAAQ,IAAI,MAAM,KAClB,QAAS,aACT,YAAa,EACb,OAAQ,EAAE,IAAI,EAAE,IAChB,SAAU,SAEZ,8BACE,WAAY,oFACZ,OAAQ,KACR,KAAM,EACN,SAAU,SACV,IAAK,EACL,MAAO,KAET,qDACE,QAAS,KAEX,YACE,WAAY,YAAY,0bAA0b,UAAU,OAC5d,OAAQ,IAAI,OAAO,KAErB,eACE,OAAQ,IAAI,OAAO,KACnB,OAAQ,QACR,QAAS,MACT,OAAQ,IACR,WAAY,KACZ,kBAAmB,OACnB,MAAO,KAET,aACE,eACE,OAAQ,GAGZ,0BACE,WAAY,oFACZ,OAAQ,KACR,KAAM,EACN,SAAU,SACV,IAAK,EACL,MAAO,KAET,iDACE,QAAS,KAEX,gBACE,QAAS,aACT,SAAU,SAGZ,uBAEA,sBAHA,uBAEA,sBAEE,QAAS,MACT,SAAU,OACV,QAAS,EACT,SAAU,SACV,MAAO,KAET,uBACE,YAAa,WAEf,uBACE,YAAa,OAEf,sBACE,YAAa,IAEf,sBACE,YAAa,KAGf,8BAEA,6BAHA,8BAEA,6BAEE,OAAQ,EACR,OAAQ,KACR,KAAM,EACN,SAAU,SACV,IAAK,EACL,MAAO,KAET,wCACE,SAAU,SAEZ,uEACE,MAAO,kBACP,QAAS,2BACT,SAAU,SAEZ,sFACE,KAAM,IAER,gFACE,MAAO,IAET,uCACE,iBAAkB,QAClB,aAAc,QACd,aAAc,MACd,aAAc,IACd,WAAY,WACZ,OAAQ,KACR,SAAU,SACV,MAAO,KACP,QAAS,MAEX,6CACE,iBAAkB,QAEpB,sDACE,OAAQ,YAEV,sDACE,OAAQ,YAEV,sDACE,OAAQ,YAEV,sDACE,OAAQ,YAEV,uCACE,QAAS,GACT,QAAS,IAAI,OAAO,KACpB,SAAU,SACV,QAAS,MAGX,kEADA,kEAEE,OAAQ,EAEV,qCACE,WAAY,KACZ,WAAY,gBACZ,OAAQ,IACR,cAAe,IACf,MAAO,KACP,QAAS,KACT,YAAa,WACb,UAAW,KACX,YAAa,KACb,OAAQ,IAAI,KACZ,QAAS,IACT,SAAU,SACV,YAAa,OACb,QAAS,MAEX,wBACE,SAAU,SAEZ,qBACE,OAAQ,EACR,OAAQ,QACR,SAAU,SACV,IAAK,EACL,MAAO,IAET,6BACE,iBAAkB,QAClB,cAAe,IACf,QAAS,GACT,QAAS,MACT,OAAQ,IACR,SAAU,SACV,MAAO,KACP,IAAK,KACL,MAAO,IAET,kCACE,iBAAkB,QAClB,cAAe,MACf,WAAY,WACZ,MAAO,KACP,QAAS,gBACT,QAAS,MACT,UAAW,KACX,YAAa,IACb,KAAM,KACN,WAAY,IACZ,UAAW,IACX,QAAS,EAAE,KACX,SAAU,SACV,IAAK,MACL,YAAa,OACb,QAAS,KAEX,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,gDACE,iBAAkB,QAEpB,sBACE,WAAY,QAAQ,ymCAAymC,UAAU,OAAO,OAC9oC,OAAQ,IAAI,MAAM,KAClB,WAAY,MACZ,UAAW,MAEb,kBACE,WAAY,KACZ,MAAO,KAET,2BACE,WAAY,KACZ,MAAO,KAET,2CACE,WAAY,KACZ,MAAO,KAET,sCACE,WAAY,KACZ,MAAO,KAIT,2CAEA,2CAJA,yCAGA,4CAEA,2CAJA,2CAKE,QAAS,IAAI,MAAM,QAErB,wCACE,QAAS,IAAI,MAAM,QACnB,eAAgB,IAElB,uEACE,QAAS,IAAI,MAAM,QAErB,uEACE,QAAS,IAAI,MAAM,QAErB,6DACE,OAAQ,YACR,QAAS,IAAI,MAAM,QAErB,oEACA,oEACE,QAAS,EAEX,sDACE,iBAAkB,QAEpB,kCACE,QAAS,IAAI,MAAM,QAErB,wCACA,wCACE,SAAU,SAEZ,wDACA,wDACE,WAAY,IAEd,mDACA,mDACE,WAAY,IAEd,0CACA,0CACE,QAAS,EACT,sBAAuB,KACvB,oBAAqB,KAClB,iBAAkB,KACjB,gBAAiB,KACb,YAAa,KAEvB,+CACA,+CACE,iBAAkB,qBAClB,OAAQ,IAAI,MAAM,qBAClB,OAAQ,KACR,QAAS,GACT,KAAM,KACN,eAAgB,SAChB,SAAU,SACV,MAAO,KACP,IAAK,KAEP,6CAA+C,yBAC7C,+CACA,+CACE,aAAc,mBAGlB,sCACE,WAAY,IAEd,iCACE,WAAY,IAEd,2BACE,iBAAkB,QAClB,QAAS,EACT,oBAAqB,KACrB,iBAAkB,KAClB,gBAAiB,KACjB,YAAa,KAEf,4BACE,OAAQ,WAEV,4BACE,OAAQ,WAEV,8DACE,QAAS,EAEX,uBACE,iBAAkB,oRAClB,oBAAqB,EAAE,iBACvB,kBAAmB,SACnB,gBAAiB,KAAK,IACtB,OAAQ,QACR,OAAQ,KAEV,0BACE,iBAAkB,2PAClB,oBAAqB,EAAE,iBACvB,kBAAmB,SACnB,gBAAiB,KAAK,IACtB,OAAQ,QAEV,SACE,OAAQ,IAAI,MAAM,KAEpB,YACE,OAAQ,IAEV,YACE,gBAAiB,KAGnB,8BASA,sCANA,iCAGA,iCALA,4BASA,oCANA,+BAGA,+BARA,kCASA,0CANA,qCAGA,qCAME,OAAQ,IAAI,OAAO,KAarB,0BAFA,0BAOA,wBANA,6BAHA,4CAYA,qBALA,6BADA,yBAZA,qBACA,qBACA,qBACA,qBACA,qBACA,qBASA,yBAGA,qBAlBA,oBAYA,sBAJA,0BASA,qBAGE,kBAAmB,UACnB,OAAQ,IAAI,OAAO,KACnB,YAAa,IACb,YAAa,KAEf,oBACE,iBAAkB,gHAEpB,qBACE,iBAAkB,oHAEpB,qBACE,iBAAkB,wHAEpB,qBACE,iBAAkB,oHAEpB,qBACE,iBAAkB,wHAEpB,qBACE,iBAAkB,wHAEpB,qBACE,iBAAkB,wHAEpB,4CACE,iBAAkB,4HAEpB,0BACE,iBAAkB,gKAEpB,0BACE,iBAAkB,gKAEpB,6BACE,iBAAkB,4LAEpB,0BACE,iBAAkB,wKAEpB,sBACE,iBAAkB,oIAEpB,yBACE,iBAAkB,wJAEpB,6BACE,OAAQ,IAAI,OAAO,KAErB,yBACE,iBAAkB,4JAEpB,wBACE,iBAAkB,gJAEpB,qBACE,iBAAkB,oHAEpB,qBACE,iBAAkB,oHAEpB,qBACE,iBAAkB,oHAapB,yCAFA,yCAOA,uCANA,4CAHA,2DAYA,oCALA,4CADA,wCAZA,oCACA,oCACA,oCACA,oCACA,oCACA,oCASA,wCAGA,oCAlBA,mCAYA,qCAJA,yCASA,oCAGE,YAAa,IAaf,mCAFA,mCAOA,iCANA,sCAHA,qDAYA,8BALA,sCADA,kCAZA,8BACA,8BACA,8BACA,8BACA,8BACA,8BASA,kCAGA,8BAlBA,6BAYA,+BAJA,mCASA,8BAGE,sBAAuB,MACvB,aAAc,IAEhB,UACA,SACE,WAAY,KAEd,gBACE,QAAS,IAEX,KACE,YAAa,WAEf,MACE,gBAAiB","file":"content.min.css","sourcesContent":["/**\n * Copyright (c) Tiny Technologies, Inc. All rights reserved.\n * Licensed under the LGPL or a commercial license.\n * For LGPL see License.txt in the project root for license information.\n * For commercial licenses see https://www.tiny.cloud/\n */\n.mce-content-body .mce-item-anchor {\n  background: transparent url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'8'%20height%3D'12'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200L8%200%208%2012%204.09117821%209%200%2012z'%2F%3E%3C%2Fsvg%3E%0A\") no-repeat center;\n  cursor: default;\n  display: inline-block;\n  height: 12px !important;\n  padding: 0 2px;\n  -webkit-user-modify: read-only;\n  -moz-user-modify: read-only;\n  -webkit-user-select: all;\n  -moz-user-select: all;\n  -ms-user-select: all;\n      user-select: all;\n  width: 8px !important;\n}\n.mce-content-body .mce-item-anchor[data-mce-selected] {\n  outline-offset: 1px;\n}\n.tox-comments-visible .tox-comment {\n  background-color: #fff0b7;\n}\n.tox-comments-visible .tox-comment--active {\n  background-color: #ffe168;\n}\n.tox-checklist > li:not(.tox-checklist--hidden) {\n  list-style: none;\n  margin: 0.25em 0;\n}\n.tox-checklist > li:not(.tox-checklist--hidden)::before {\n  content: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-unchecked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2215%22%20height%3D%2215%22%20x%3D%22.5%22%20y%3D%22.5%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%234C4C4C%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A\");\n  cursor: pointer;\n  height: 1em;\n  margin-left: -1.5em;\n  margin-top: 0.125em;\n  position: absolute;\n  width: 1em;\n}\n.tox-checklist li:not(.tox-checklist--hidden).tox-checklist--checked::before {\n  content: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20id%3D%22checklist-checked%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20id%3D%22Rectangle%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%234099FF%22%20fill-rule%3D%22nonzero%22%20rx%3D%222%22%2F%3E%3Cpath%20id%3D%22Path%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M11.5703186%2C3.14417309%20C11.8516238%2C2.73724603%2012.4164781%2C2.62829933%2012.83558%2C2.89774797%20C13.260121%2C3.17069355%2013.3759736%2C3.72932262%2013.0909105%2C4.14168582%20L7.7580587%2C11.8560195%20C7.43776896%2C12.3193404%206.76483983%2C12.3852142%206.35607322%2C11.9948725%20L3.02491697%2C8.8138662%20C2.66090143%2C8.46625845%202.65798871%2C7.89594698%203.01850234%2C7.54483354%20C3.373942%2C7.19866177%203.94940006%2C7.19592841%204.30829608%2C7.5386474%20L6.85276923%2C9.9684299%20L11.5703186%2C3.14417309%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A\");\n}\n[dir=rtl] .tox-checklist > li:not(.tox-checklist--hidden)::before {\n  margin-left: 0;\n  margin-right: -1.5em;\n}\n/* stylelint-disable */\n/* http://prismjs.com/ */\n/**\n * prism.js default theme for JavaScript, CSS and HTML\n * Based on dabblet (http://dabblet.com)\n * @author Lea Verou\n */\ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n  color: black;\n  background: none;\n  text-shadow: 0 1px white;\n  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n  font-size: 1em;\n  text-align: left;\n  white-space: pre;\n  word-spacing: normal;\n  word-break: normal;\n  word-wrap: normal;\n  line-height: 1.5;\n  -moz-tab-size: 4;\n  tab-size: 4;\n  -webkit-hyphens: none;\n  -ms-hyphens: none;\n  hyphens: none;\n}\npre[class*=\"language-\"]::-moz-selection,\npre[class*=\"language-\"] ::-moz-selection,\ncode[class*=\"language-\"]::-moz-selection,\ncode[class*=\"language-\"] ::-moz-selection {\n  text-shadow: none;\n  background: #b3d4fc;\n}\npre[class*=\"language-\"]::selection,\npre[class*=\"language-\"] ::selection,\ncode[class*=\"language-\"]::selection,\ncode[class*=\"language-\"] ::selection {\n  text-shadow: none;\n  background: #b3d4fc;\n}\n@media print {\n  code[class*=\"language-\"],\n  pre[class*=\"language-\"] {\n    text-shadow: none;\n  }\n}\n/* Code blocks */\npre[class*=\"language-\"] {\n  padding: 1em;\n  margin: 0.5em 0;\n  overflow: auto;\n}\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n  background: #f5f2f0;\n}\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n  padding: 0.1em;\n  border-radius: 0.3em;\n  white-space: normal;\n}\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n  color: slategray;\n}\n.token.punctuation {\n  color: #999;\n}\n.namespace {\n  opacity: 0.7;\n}\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n  color: #905;\n}\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.inserted {\n  color: #690;\n}\n.token.operator,\n.token.entity,\n.token.url,\n.language-css .token.string,\n.style .token.string {\n  color: #9a6e3a;\n  background: hsla(0, 0%, 100%, 0.5);\n}\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n  color: #07a;\n}\n.token.function,\n.token.class-name {\n  color: #DD4A68;\n}\n.token.regex,\n.token.important,\n.token.variable {\n  color: #e90;\n}\n.token.important,\n.token.bold {\n  font-weight: bold;\n}\n.token.italic {\n  font-style: italic;\n}\n.token.entity {\n  cursor: help;\n}\n/* stylelint-enable */\n.mce-content-body {\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n}\n.mce-content-body .mce-visual-caret {\n  background-color: black;\n  background-color: currentColor;\n  position: absolute;\n}\n.mce-content-body .mce-visual-caret-hidden {\n  display: none;\n}\n.mce-content-body *[data-mce-caret] {\n  left: -1000px;\n  margin: 0;\n  padding: 0;\n  position: absolute;\n  right: auto;\n  top: 0;\n}\n.mce-content-body .mce-offscreen-selection {\n  left: -2000000px;\n  max-width: 1000000px;\n  position: absolute;\n}\n.mce-content-body *[contentEditable=false] {\n  cursor: default;\n}\n.mce-content-body *[contentEditable=true] {\n  cursor: text;\n}\n.tox-cursor-format-painter {\n  cursor: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M15%2C6%20C15%2C5.45%2014.55%2C5%2014%2C5%20L6%2C5%20C5.45%2C5%205%2C5.45%205%2C6%20L5%2C10%20C5%2C10.55%205.45%2C11%206%2C11%20L14%2C11%20C14.55%2C11%2015%2C10.55%2015%2C10%20L15%2C9%20L16%2C9%20L16%2C12%20L9%2C12%20L9%2C19%20C9%2C19.55%209.45%2C20%2010%2C20%20L11%2C20%20C11.55%2C20%2012%2C19.55%2012%2C19%20L12%2C14%20L18%2C14%20L18%2C7%20L15%2C7%20L15%2C6%20Z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%20d%3D%22M1%2C1%20L8.25%2C1%20C8.66421356%2C1%209%2C1.33578644%209%2C1.75%20L9%2C1.75%20C9%2C2.16421356%208.66421356%2C2.5%208.25%2C2.5%20L2.5%2C2.5%20L2.5%2C8.25%20C2.5%2C8.66421356%202.16421356%2C9%201.75%2C9%20L1.75%2C9%20C1.33578644%2C9%201%2C8.66421356%201%2C8.25%20L1%2C1%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A\"), default;\n}\n.mce-content-body figure.align-left {\n  float: left;\n}\n.mce-content-body figure.align-right {\n  float: right;\n}\n.mce-content-body figure.image.align-center {\n  display: table;\n  margin-left: auto;\n  margin-right: auto;\n}\n.mce-preview-object {\n  border: 1px solid gray;\n  display: inline-block;\n  line-height: 0;\n  margin: 0 2px 0 2px;\n  position: relative;\n}\n.mce-preview-object .mce-shim {\n  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.mce-preview-object[data-mce-selected=\"2\"] .mce-shim {\n  display: none;\n}\n.mce-object {\n  background: transparent url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%203h16a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V4a1%201%200%200%201%201-1zm1%202v14h14V5H5zm4.79%202.565l5.64%204.028a.5.5%200%200%201%200%20.814l-5.64%204.028a.5.5%200%200%201-.79-.407V7.972a.5.5%200%200%201%20.79-.407z%22%2F%3E%3C%2Fsvg%3E%0A\") no-repeat center;\n  border: 1px dashed #aaa;\n}\n.mce-pagebreak {\n  border: 1px dashed #aaa;\n  cursor: default;\n  display: block;\n  height: 5px;\n  margin-top: 15px;\n  page-break-before: always;\n  width: 100%;\n}\n@media print {\n  .mce-pagebreak {\n    border: 0;\n  }\n}\n.tiny-pageembed .mce-shim {\n  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.tiny-pageembed[data-mce-selected=\"2\"] .mce-shim {\n  display: none;\n}\n.tiny-pageembed {\n  display: inline-block;\n  position: relative;\n}\n.tiny-pageembed--21by9,\n.tiny-pageembed--16by9,\n.tiny-pageembed--4by3,\n.tiny-pageembed--1by1 {\n  display: block;\n  overflow: hidden;\n  padding: 0;\n  position: relative;\n  width: 100%;\n}\n.tiny-pageembed--21by9 {\n  padding-top: 42.857143%;\n}\n.tiny-pageembed--16by9 {\n  padding-top: 56.25%;\n}\n.tiny-pageembed--4by3 {\n  padding-top: 75%;\n}\n.tiny-pageembed--1by1 {\n  padding-top: 100%;\n}\n.tiny-pageembed--21by9 iframe,\n.tiny-pageembed--16by9 iframe,\n.tiny-pageembed--4by3 iframe,\n.tiny-pageembed--1by1 iframe {\n  border: 0;\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.mce-content-body[data-mce-placeholder] {\n  position: relative;\n}\n.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before {\n  color: rgba(34, 47, 62, 0.7);\n  content: attr(data-mce-placeholder);\n  position: absolute;\n}\n.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {\n  left: 1px;\n}\n.mce-content-body[dir=rtl][data-mce-placeholder]:not(.mce-visualblocks)::before {\n  right: 1px;\n}\n.mce-content-body div.mce-resizehandle {\n  background-color: #4099ff;\n  border-color: #4099ff;\n  border-style: solid;\n  border-width: 1px;\n  box-sizing: border-box;\n  height: 10px;\n  position: absolute;\n  width: 10px;\n  z-index: 10000;\n}\n.mce-content-body div.mce-resizehandle:hover {\n  background-color: #4099ff;\n}\n.mce-content-body div.mce-resizehandle:nth-of-type(1) {\n  cursor: nwse-resize;\n}\n.mce-content-body div.mce-resizehandle:nth-of-type(2) {\n  cursor: nesw-resize;\n}\n.mce-content-body div.mce-resizehandle:nth-of-type(3) {\n  cursor: nwse-resize;\n}\n.mce-content-body div.mce-resizehandle:nth-of-type(4) {\n  cursor: nesw-resize;\n}\n.mce-content-body .mce-clonedresizable {\n  opacity: 0.5;\n  outline: 1px dashed black;\n  position: absolute;\n  z-index: 10000;\n}\n.mce-content-body .mce-clonedresizable.mce-resizetable-columns th,\n.mce-content-body .mce-clonedresizable.mce-resizetable-columns td {\n  border: 0;\n}\n.mce-content-body .mce-resize-helper {\n  background: #555;\n  background: rgba(0, 0, 0, 0.75);\n  border: 1px;\n  border-radius: 3px;\n  color: white;\n  display: none;\n  font-family: sans-serif;\n  font-size: 12px;\n  line-height: 14px;\n  margin: 5px 10px;\n  padding: 5px;\n  position: absolute;\n  white-space: nowrap;\n  z-index: 10001;\n}\n.tox-rtc-user-selection {\n  position: relative;\n}\n.tox-rtc-user-cursor {\n  bottom: 0;\n  cursor: default;\n  position: absolute;\n  top: 0;\n  width: 2px;\n}\n.tox-rtc-user-cursor::before {\n  background-color: inherit;\n  border-radius: 50%;\n  content: '';\n  display: block;\n  height: 8px;\n  position: absolute;\n  right: -3px;\n  top: -3px;\n  width: 8px;\n}\n.tox-rtc-user-cursor:hover::after {\n  background-color: inherit;\n  border-radius: 100px;\n  box-sizing: border-box;\n  color: #fff;\n  content: attr(data-user);\n  display: block;\n  font-size: 12px;\n  font-weight: bold;\n  left: -5px;\n  min-height: 8px;\n  min-width: 8px;\n  padding: 0 12px;\n  position: absolute;\n  top: -11px;\n  white-space: nowrap;\n  z-index: 1000;\n}\n.tox-rtc-user-selection--1 .tox-rtc-user-cursor {\n  background-color: #2dc26b;\n}\n.tox-rtc-user-selection--2 .tox-rtc-user-cursor {\n  background-color: #e03e2d;\n}\n.tox-rtc-user-selection--3 .tox-rtc-user-cursor {\n  background-color: #f1c40f;\n}\n.tox-rtc-user-selection--4 .tox-rtc-user-cursor {\n  background-color: #3598db;\n}\n.tox-rtc-user-selection--5 .tox-rtc-user-cursor {\n  background-color: #b96ad9;\n}\n.tox-rtc-user-selection--6 .tox-rtc-user-cursor {\n  background-color: #e67e23;\n}\n.tox-rtc-user-selection--7 .tox-rtc-user-cursor {\n  background-color: #aaa69d;\n}\n.tox-rtc-user-selection--8 .tox-rtc-user-cursor {\n  background-color: #f368e0;\n}\n.tox-rtc-remote-image {\n  background: #eaeaea url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2236%22%20height%3D%2212%22%20viewBox%3D%220%200%2036%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2218%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.33s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%20%20%3Ccircle%20cx%3D%2230%22%20cy%3D%226%22%20r%3D%223%22%20fill%3D%22rgba(0%2C%200%2C%200%2C%20.2)%22%3E%0A%20%20%20%20%3Canimate%20attributeName%3D%22r%22%20values%3D%223%3B5%3B3%22%20calcMode%3D%22linear%22%20begin%3D%22.66s%22%20dur%3D%221s%22%20repeatCount%3D%22indefinite%22%20%2F%3E%0A%20%20%3C%2Fcircle%3E%0A%3C%2Fsvg%3E%0A\") no-repeat center center;\n  border: 1px solid #ccc;\n  min-height: 240px;\n  min-width: 320px;\n}\n.mce-match-marker {\n  background: #aaa;\n  color: #fff;\n}\n.mce-match-marker-selected {\n  background: #39f;\n  color: #fff;\n}\n.mce-match-marker-selected::-moz-selection {\n  background: #39f;\n  color: #fff;\n}\n.mce-match-marker-selected::selection {\n  background: #39f;\n  color: #fff;\n}\n.mce-content-body img[data-mce-selected],\n.mce-content-body video[data-mce-selected],\n.mce-content-body audio[data-mce-selected],\n.mce-content-body object[data-mce-selected],\n.mce-content-body embed[data-mce-selected],\n.mce-content-body table[data-mce-selected] {\n  outline: 3px solid #b4d7ff;\n}\n.mce-content-body hr[data-mce-selected] {\n  outline: 3px solid #b4d7ff;\n  outline-offset: 1px;\n}\n.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus {\n  outline: 3px solid #b4d7ff;\n}\n.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover {\n  outline: 3px solid #b4d7ff;\n}\n.mce-content-body *[contentEditable=false][data-mce-selected] {\n  cursor: not-allowed;\n  outline: 3px solid #b4d7ff;\n}\n.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,\n.mce-content-body.mce-content-readonly *[contentEditable=true]:hover {\n  outline: none;\n}\n.mce-content-body *[data-mce-selected=\"inline-boundary\"] {\n  background-color: #b4d7ff;\n}\n.mce-content-body .mce-edit-focus {\n  outline: 3px solid #b4d7ff;\n}\n.mce-content-body td[data-mce-selected],\n.mce-content-body th[data-mce-selected] {\n  position: relative;\n}\n.mce-content-body td[data-mce-selected]::-moz-selection,\n.mce-content-body th[data-mce-selected]::-moz-selection {\n  background: none;\n}\n.mce-content-body td[data-mce-selected]::selection,\n.mce-content-body th[data-mce-selected]::selection {\n  background: none;\n}\n.mce-content-body td[data-mce-selected] *,\n.mce-content-body th[data-mce-selected] * {\n  outline: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.mce-content-body td[data-mce-selected]::after,\n.mce-content-body th[data-mce-selected]::after {\n  background-color: rgba(180, 215, 255, 0.7);\n  border: 1px solid rgba(180, 215, 255, 0.7);\n  bottom: -1px;\n  content: '';\n  left: -1px;\n  mix-blend-mode: multiply;\n  position: absolute;\n  right: -1px;\n  top: -1px;\n}\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n  .mce-content-body td[data-mce-selected]::after,\n  .mce-content-body th[data-mce-selected]::after {\n    border-color: rgba(0, 84, 180, 0.7);\n  }\n}\n.mce-content-body img::-moz-selection {\n  background: none;\n}\n.mce-content-body img::selection {\n  background: none;\n}\n.ephox-snooker-resizer-bar {\n  background-color: #b4d7ff;\n  opacity: 0;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.ephox-snooker-resizer-cols {\n  cursor: col-resize;\n}\n.ephox-snooker-resizer-rows {\n  cursor: row-resize;\n}\n.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging {\n  opacity: 1;\n}\n.mce-spellchecker-word {\n  background-image: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%23ff0000'%20fill%3D'none'%20stroke-linecap%3D'round'%20stroke-opacity%3D'.75'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A\");\n  background-position: 0 calc(100% + 1px);\n  background-repeat: repeat-x;\n  background-size: auto 6px;\n  cursor: default;\n  height: 2rem;\n}\n.mce-spellchecker-grammar {\n  background-image: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D'4'%20height%3D'4'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20stroke%3D'%2300A835'%20fill%3D'none'%20stroke-linecap%3D'round'%20d%3D'M0%203L2%201%204%203'%2F%3E%3C%2Fsvg%3E%0A\");\n  background-position: 0 calc(100% + 1px);\n  background-repeat: repeat-x;\n  background-size: auto 6px;\n  cursor: default;\n}\n.mce-toc {\n  border: 1px solid gray;\n}\n.mce-toc h2 {\n  margin: 4px;\n}\n.mce-toc li {\n  list-style-type: none;\n}\ntable[style*=\"border-width: 0px\"],\n.mce-item-table:not([border]),\n.mce-item-table[border=\"0\"],\ntable[style*=\"border-width: 0px\"] td,\n.mce-item-table:not([border]) td,\n.mce-item-table[border=\"0\"] td,\ntable[style*=\"border-width: 0px\"] th,\n.mce-item-table:not([border]) th,\n.mce-item-table[border=\"0\"] th,\ntable[style*=\"border-width: 0px\"] caption,\n.mce-item-table:not([border]) caption,\n.mce-item-table[border=\"0\"] caption {\n  border: 1px dashed #bbb;\n}\n.mce-visualblocks p,\n.mce-visualblocks h1,\n.mce-visualblocks h2,\n.mce-visualblocks h3,\n.mce-visualblocks h4,\n.mce-visualblocks h5,\n.mce-visualblocks h6,\n.mce-visualblocks div:not([data-mce-bogus]),\n.mce-visualblocks section,\n.mce-visualblocks article,\n.mce-visualblocks blockquote,\n.mce-visualblocks address,\n.mce-visualblocks pre,\n.mce-visualblocks figure,\n.mce-visualblocks figcaption,\n.mce-visualblocks hgroup,\n.mce-visualblocks aside,\n.mce-visualblocks ul,\n.mce-visualblocks ol,\n.mce-visualblocks dl {\n  background-repeat: no-repeat;\n  border: 1px dashed #bbb;\n  margin-left: 3px;\n  padding-top: 10px;\n}\n.mce-visualblocks p {\n  background-image: url(data:image/gif;base64,R0lGODlhCQAJAJEAAAAAAP///7u7u////yH5BAEAAAMALAAAAAAJAAkAAAIQnG+CqCN/mlyvsRUpThG6AgA7);\n}\n.mce-visualblocks h1 {\n  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGu1JuxHoAfRNRW3TWXyF2YiRUAOw==);\n}\n.mce-visualblocks h2 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8Hybbx4oOuqgTynJd6bGlWg3DkJzoaUAAAOw==);\n}\n.mce-visualblocks h3 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIZjI8Hybbx4oOuqgTynJf2Ln2NOHpQpmhAAQA7);\n}\n.mce-visualblocks h4 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxInR0zqeAdhtJlXwV1oCll2HaWgAAOw==);\n}\n.mce-visualblocks h5 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjane4iq5GlW05GgIkIZUAAAOw==);\n}\n.mce-visualblocks h6 {\n  background-image: url(data:image/gif;base64,R0lGODlhDgAKAIABALu7u////yH5BAEAAAEALAAAAAAOAAoAAAIajI8HybbxIoiuwjan04jep1iZ1XRlAo5bVgAAOw==);\n}\n.mce-visualblocks div:not([data-mce-bogus]) {\n  background-image: url(data:image/gif;base64,R0lGODlhEgAKAIABALu7u////yH5BAEAAAEALAAAAAASAAoAAAIfjI9poI0cgDywrhuxfbrzDEbQM2Ei5aRjmoySW4pAAQA7);\n}\n.mce-visualblocks section {\n  background-image: url(data:image/gif;base64,R0lGODlhKAAKAIABALu7u////yH5BAEAAAEALAAAAAAoAAoAAAI5jI+pywcNY3sBWHdNrplytD2ellDeSVbp+GmWqaDqDMepc8t17Y4vBsK5hDyJMcI6KkuYU+jpjLoKADs=);\n}\n.mce-visualblocks article {\n  background-image: url(data:image/gif;base64,R0lGODlhKgAKAIABALu7u////yH5BAEAAAEALAAAAAAqAAoAAAI6jI+pywkNY3wG0GBvrsd2tXGYSGnfiF7ikpXemTpOiJScasYoDJJrjsG9gkCJ0ag6KhmaIe3pjDYBBQA7);\n}\n.mce-visualblocks blockquote {\n  background-image: url(data:image/gif;base64,R0lGODlhPgAKAIABALu7u////yH5BAEAAAEALAAAAAA+AAoAAAJPjI+py+0Knpz0xQDyuUhvfoGgIX5iSKZYgq5uNL5q69asZ8s5rrf0yZmpNkJZzFesBTu8TOlDVAabUyatguVhWduud3EyiUk45xhTTgMBBQA7);\n}\n.mce-visualblocks address {\n  background-image: url(data:image/gif;base64,R0lGODlhLQAKAIABALu7u////yH5BAEAAAEALAAAAAAtAAoAAAI/jI+pywwNozSP1gDyyZcjb3UaRpXkWaXmZW4OqKLhBmLs+K263DkJK7OJeifh7FicKD9A1/IpGdKkyFpNmCkAADs=);\n}\n.mce-visualblocks pre {\n  background-image: url(data:image/gif;base64,R0lGODlhFQAKAIABALu7uwAAACH5BAEAAAEALAAAAAAVAAoAAAIjjI+ZoN0cgDwSmnpz1NCueYERhnibZVKLNnbOq8IvKpJtVQAAOw==);\n}\n.mce-visualblocks figure {\n  background-image: url(data:image/gif;base64,R0lGODlhJAAKAIAAALu7u////yH5BAEAAAEALAAAAAAkAAoAAAI0jI+py+2fwAHUSFvD3RlvG4HIp4nX5JFSpnZUJ6LlrM52OE7uSWosBHScgkSZj7dDKnWAAgA7);\n}\n.mce-visualblocks figcaption {\n  border: 1px dashed #bbb;\n}\n.mce-visualblocks hgroup {\n  background-image: url(data:image/gif;base64,R0lGODlhJwAKAIABALu7uwAAACH5BAEAAAEALAAAAAAnAAoAAAI3jI+pywYNI3uB0gpsRtt5fFnfNZaVSYJil4Wo03Hv6Z62uOCgiXH1kZIIJ8NiIxRrAZNMZAtQAAA7);\n}\n.mce-visualblocks aside {\n  background-image: url(data:image/gif;base64,R0lGODlhHgAKAIABAKqqqv///yH5BAEAAAEALAAAAAAeAAoAAAItjI+pG8APjZOTzgtqy7I3f1yehmQcFY4WKZbqByutmW4aHUd6vfcVbgudgpYCADs=);\n}\n.mce-visualblocks ul {\n  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIAAALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybGuYnqUVSjvw26DzzXiqIDlVwAAOw==);\n}\n.mce-visualblocks ol {\n  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybH6HHt0qourxC6CvzXieHyeWQAAOw==);\n}\n.mce-visualblocks dl {\n  background-image: url(data:image/gif;base64,R0lGODlhDQAKAIABALu7u////yH5BAEAAAEALAAAAAANAAoAAAIXjI8GybEOnmOvUoWznTqeuEjNSCqeGRUAOw==);\n}\n.mce-visualblocks:not([dir=rtl]) p,\n.mce-visualblocks:not([dir=rtl]) h1,\n.mce-visualblocks:not([dir=rtl]) h2,\n.mce-visualblocks:not([dir=rtl]) h3,\n.mce-visualblocks:not([dir=rtl]) h4,\n.mce-visualblocks:not([dir=rtl]) h5,\n.mce-visualblocks:not([dir=rtl]) h6,\n.mce-visualblocks:not([dir=rtl]) div:not([data-mce-bogus]),\n.mce-visualblocks:not([dir=rtl]) section,\n.mce-visualblocks:not([dir=rtl]) article,\n.mce-visualblocks:not([dir=rtl]) blockquote,\n.mce-visualblocks:not([dir=rtl]) address,\n.mce-visualblocks:not([dir=rtl]) pre,\n.mce-visualblocks:not([dir=rtl]) figure,\n.mce-visualblocks:not([dir=rtl]) figcaption,\n.mce-visualblocks:not([dir=rtl]) hgroup,\n.mce-visualblocks:not([dir=rtl]) aside,\n.mce-visualblocks:not([dir=rtl]) ul,\n.mce-visualblocks:not([dir=rtl]) ol,\n.mce-visualblocks:not([dir=rtl]) dl {\n  margin-left: 3px;\n}\n.mce-visualblocks[dir=rtl] p,\n.mce-visualblocks[dir=rtl] h1,\n.mce-visualblocks[dir=rtl] h2,\n.mce-visualblocks[dir=rtl] h3,\n.mce-visualblocks[dir=rtl] h4,\n.mce-visualblocks[dir=rtl] h5,\n.mce-visualblocks[dir=rtl] h6,\n.mce-visualblocks[dir=rtl] div:not([data-mce-bogus]),\n.mce-visualblocks[dir=rtl] section,\n.mce-visualblocks[dir=rtl] article,\n.mce-visualblocks[dir=rtl] blockquote,\n.mce-visualblocks[dir=rtl] address,\n.mce-visualblocks[dir=rtl] pre,\n.mce-visualblocks[dir=rtl] figure,\n.mce-visualblocks[dir=rtl] figcaption,\n.mce-visualblocks[dir=rtl] hgroup,\n.mce-visualblocks[dir=rtl] aside,\n.mce-visualblocks[dir=rtl] ul,\n.mce-visualblocks[dir=rtl] ol,\n.mce-visualblocks[dir=rtl] dl {\n  background-position-x: right;\n  margin-right: 3px;\n}\n.mce-nbsp,\n.mce-shy {\n  background: #aaa;\n}\n.mce-shy::after {\n  content: '-';\n}\nbody {\n  font-family: sans-serif;\n}\ntable {\n  border-collapse: collapse;\n}\n"]}
\ No newline at end of file
diff --git a/src/assets/tinymce/skins/ui/oxide/content.mobile.css b/src/assets/tinymce/skins/ui/oxide/content.mobile.css
new file mode 100644
index 00000000..4bdb8bab
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/content.mobile.css
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection {
+  /* Note: this file is used inside the content, so isn't part of theming */
+  background-color: green;
+  display: inline-block;
+  opacity: 0.5;
+  position: absolute;
+}
+body {
+  -webkit-text-size-adjust: none;
+}
+body img {
+  /* this is related to the content margin */
+  max-width: 96vw;
+}
+body table img {
+  max-width: 95%;
+}
+body {
+  font-family: sans-serif;
+}
+table {
+  border-collapse: collapse;
+}
diff --git a/src/assets/tinymce/skins/ui/oxide/content.mobile.min.css b/src/assets/tinymce/skins/ui/oxide/content.mobile.min.css
new file mode 100644
index 00000000..627f6934
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/content.mobile.min.css
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection{background-color:green;display:inline-block;opacity:.5;position:absolute}body{-webkit-text-size-adjust:none}body img{max-width:96vw}body table img{max-width:95%}body{font-family:sans-serif}table{border-collapse:collapse}
+/*# sourceMappingURL=content.mobile.min.css.map */
diff --git a/src/assets/tinymce/skins/ui/oxide/content.mobile.min.css.map b/src/assets/tinymce/skins/ui/oxide/content.mobile.min.css.map
new file mode 100644
index 00000000..2a1b98a7
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/content.mobile.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["ui/default/content.mobile.css"],"names":[],"mappings":";;;;;;AAMA,yEAEE,iBAAkB,MAClB,QAAS,aACT,QAAS,GACT,SAAU,SAEZ,KACE,yBAA0B,KAE5B,SAEE,UAAW,KAEb,eACE,UAAW,IAEb,KACE,YAAa,WAEf,MACE,gBAAiB","file":"content.mobile.min.css","sourcesContent":["/**\n * Copyright (c) Tiny Technologies, Inc. All rights reserved.\n * Licensed under the LGPL or a commercial license.\n * For LGPL see License.txt in the project root for license information.\n * For commercial licenses see https://www.tiny.cloud/\n */\n.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection {\n  /* Note: this file is used inside the content, so isn't part of theming */\n  background-color: green;\n  display: inline-block;\n  opacity: 0.5;\n  position: absolute;\n}\nbody {\n  -webkit-text-size-adjust: none;\n}\nbody img {\n  /* this is related to the content margin */\n  max-width: 96vw;\n}\nbody table img {\n  max-width: 95%;\n}\nbody {\n  font-family: sans-serif;\n}\ntable {\n  border-collapse: collapse;\n}\n"]}
\ No newline at end of file
diff --git a/src/assets/tinymce/skins/ui/oxide/fonts/tinymce-mobile.woff b/src/assets/tinymce/skins/ui/oxide/fonts/tinymce-mobile.woff
new file mode 100644
index 00000000..1e3be038
Binary files /dev/null and b/src/assets/tinymce/skins/ui/oxide/fonts/tinymce-mobile.woff differ
diff --git a/src/assets/tinymce/skins/ui/oxide/skin.css b/src/assets/tinymce/skins/ui/oxide/skin.css
new file mode 100644
index 00000000..645478bf
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/skin.css
@@ -0,0 +1,3024 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tox {
+  box-sizing: content-box;
+  color: #222f3e;
+  cursor: auto;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: normal;
+  -webkit-tap-highlight-color: transparent;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  vertical-align: initial;
+  white-space: normal;
+}
+.tox *:not(svg):not(rect) {
+  box-sizing: inherit;
+  color: inherit;
+  cursor: inherit;
+  direction: inherit;
+  font-family: inherit;
+  font-size: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  -webkit-tap-highlight-color: inherit;
+  text-align: inherit;
+  text-decoration: inherit;
+  text-shadow: inherit;
+  text-transform: inherit;
+  vertical-align: inherit;
+  white-space: inherit;
+}
+.tox *:not(svg):not(rect) {
+  /* stylelint-disable-line no-duplicate-selectors */
+  background: transparent;
+  border: 0;
+  float: none;
+  height: auto;
+  margin: 0;
+  max-width: none;
+  outline: 0;
+  padding: 0;
+  position: static;
+  width: auto;
+}
+.tox:not([dir=rtl]) {
+  direction: ltr;
+  text-align: left;
+}
+.tox[dir=rtl] {
+  direction: rtl;
+  text-align: right;
+}
+.tox-tinymce {
+  border: 1px solid #cccccc;
+  border-radius: 0;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  overflow: hidden;
+  position: relative;
+  visibility: inherit !important;
+}
+.tox-tinymce-inline {
+  border: none;
+  box-shadow: none;
+}
+.tox-tinymce-inline .tox-editor-header {
+  border: 1px solid #cccccc;
+  border-radius: 0;
+  box-shadow: none;
+}
+.tox-tinymce-aux {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  z-index: 1300;
+}
+.tox-tinymce *:focus,
+.tox-tinymce-aux *:focus {
+  outline: none;
+}
+button::-moz-focus-inner {
+  border: 0;
+}
+.tox .accessibility-issue__header {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox .accessibility-issue__description {
+  align-items: stretch;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  display: flex;
+  justify-content: space-between;
+}
+.tox .accessibility-issue__description > div {
+  padding-bottom: 4px;
+}
+.tox .accessibility-issue__description > div > div {
+  align-items: center;
+  display: flex;
+  margin-bottom: 4px;
+}
+.tox .accessibility-issue__description > *:last-child:not(:only-child) {
+  border-color: #cccccc;
+  border-style: solid;
+}
+.tox .accessibility-issue__repair {
+  margin-top: 16px;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
+  background-color: rgba(32, 122, 183, 0.1);
+  border-color: rgba(32, 122, 183, 0.4);
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
+  border-color: rgba(32, 122, 183, 0.4);
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
+  color: #207ab7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
+  fill: #207ab7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
+  color: #207ab7;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
+  background-color: rgba(255, 165, 0, 0.1);
+  border-color: rgba(255, 165, 0, 0.5);
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {
+  border-color: rgba(255, 165, 0, 0.5);
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
+  color: #cc8500;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
+  fill: #cc8500;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
+  color: #cc8500;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
+  background-color: rgba(204, 0, 0, 0.1);
+  border-color: rgba(204, 0, 0, 0.4);
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {
+  border-color: rgba(204, 0, 0, 0.4);
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
+  color: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
+  fill: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
+  color: #c00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
+  background-color: rgba(120, 171, 70, 0.1);
+  border-color: rgba(120, 171, 70, 0.4);
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
+  border-color: rgba(120, 171, 70, 0.4);
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
+  color: #78AB46;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
+  fill: #78AB46;
+}
+.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
+  color: #78AB46;
+}
+.tox .tox-dialog__body-content .accessibility-issue__header h1,
+.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+  margin-top: 0;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-left: auto;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
+  padding: 4px 4px 4px 8px;
+}
+.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child {
+  border-left-width: 1px;
+  padding-left: 4px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
+  margin-right: auto;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
+  padding: 4px 8px 4px 4px;
+}
+.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child {
+  border-right-width: 1px;
+  padding-right: 4px;
+}
+.tox .tox-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-bar {
+  display: flex;
+  flex: 0 0 auto;
+}
+.tox .tox-button {
+  background-color: #207ab7;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #207ab7;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  line-height: 24px;
+  margin: 0;
+  outline: none;
+  padding: 4px 16px;
+  text-align: center;
+  text-decoration: none;
+  text-transform: capitalize;
+  white-space: nowrap;
+}
+.tox .tox-button[disabled] {
+  background-color: #207ab7;
+  background-image: none;
+  border-color: #207ab7;
+  box-shadow: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-button:focus:not(:disabled) {
+  background-color: #1c6ca1;
+  background-image: none;
+  border-color: #1c6ca1;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:hover:not(:disabled) {
+  background-color: #1c6ca1;
+  background-image: none;
+  border-color: #1c6ca1;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button:active:not(:disabled) {
+  background-color: #185d8c;
+  background-image: none;
+  border-color: #185d8c;
+  box-shadow: none;
+  color: #fff;
+}
+.tox .tox-button--secondary {
+  background-color: #f0f0f0;
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  border-color: #f0f0f0;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  color: #222f3e;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  outline: none;
+  padding: 4px 16px;
+  text-decoration: none;
+  text-transform: capitalize;
+}
+.tox .tox-button--secondary[disabled] {
+  background-color: #f0f0f0;
+  background-image: none;
+  border-color: #f0f0f0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--secondary:focus:not(:disabled) {
+  background-color: #e3e3e3;
+  background-image: none;
+  border-color: #e3e3e3;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary:hover:not(:disabled) {
+  background-color: #e3e3e3;
+  background-image: none;
+  border-color: #e3e3e3;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--secondary:active:not(:disabled) {
+  background-color: #d6d6d6;
+  background-image: none;
+  border-color: #d6d6d6;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--icon,
+.tox .tox-button.tox-button--icon,
+.tox .tox-button.tox-button--secondary.tox-button--icon {
+  padding: 4px;
+}
+.tox .tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--icon .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox .tox-button-link {
+  background: 0;
+  border: none;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: inline-block;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+}
+.tox .tox-button-link--sm {
+  font-size: 14px;
+}
+.tox .tox-button--naked {
+  background-color: transparent;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #222f3e;
+}
+.tox .tox-button--naked[disabled] {
+  background-color: #f0f0f0;
+  border-color: #f0f0f0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-button--naked:hover:not(:disabled) {
+  background-color: #e3e3e3;
+  border-color: #e3e3e3;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--naked:focus:not(:disabled) {
+  background-color: #e3e3e3;
+  border-color: #e3e3e3;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--naked:active:not(:disabled) {
+  background-color: #d6d6d6;
+  border-color: #d6d6d6;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button--naked .tox-icon svg {
+  fill: currentColor;
+}
+.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
+  color: #222f3e;
+}
+.tox .tox-checkbox {
+  align-items: center;
+  border-radius: 3px;
+  cursor: pointer;
+  display: flex;
+  height: 36px;
+  min-width: 36px;
+}
+.tox .tox-checkbox__input {
+  /* Hide from view but visible to screen readers */
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  top: auto;
+  width: 1px;
+}
+.tox .tox-checkbox__icons {
+  align-items: center;
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px transparent;
+  box-sizing: content-box;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  padding: calc(4px - 1px);
+  width: 24px;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: block;
+  fill: rgba(34, 47, 62, 0.3);
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: none;
+  fill: #207ab7;
+}
+.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: none;
+  fill: #207ab7;
+}
+.tox .tox-checkbox--disabled {
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
+  display: none;
+}
+.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
+  display: block;
+}
+.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
+  border-radius: 3px;
+  box-shadow: inset 0 0 0 1px #207ab7;
+  padding: calc(4px - 1px);
+}
+.tox:not([dir=rtl]) .tox-checkbox__label {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-checkbox__input {
+  left: -10000px;
+}
+.tox:not([dir=rtl]) .tox-bar .tox-checkbox {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__label {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-checkbox__input {
+  right: -10000px;
+}
+.tox[dir=rtl] .tox-bar .tox-checkbox {
+  margin-right: 4px;
+}
+.tox {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.tox .tox-collection--toolbar .tox-collection__group {
+  display: flex;
+  padding: 0;
+}
+.tox .tox-collection--grid .tox-collection__group {
+  display: flex;
+  flex-wrap: wrap;
+  max-height: 208px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 0;
+}
+.tox .tox-collection--list .tox-collection__group {
+  border-bottom-width: 0;
+  border-color: #cccccc;
+  border-left-width: 0;
+  border-right-width: 0;
+  border-style: solid;
+  border-top-width: 1px;
+  padding: 4px 0;
+}
+.tox .tox-collection--list .tox-collection__group:first-child {
+  border-top-width: 0;
+}
+.tox .tox-collection__group-heading {
+  background-color: #e6e6e6;
+  color: rgba(34, 47, 62, 0.7);
+  cursor: default;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: normal;
+  margin-bottom: 4px;
+  margin-top: -4px;
+  padding: 4px 8px;
+  text-transform: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.tox .tox-collection__item {
+  align-items: center;
+  color: #222f3e;
+  cursor: pointer;
+  display: flex;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.tox .tox-collection--list .tox-collection__item {
+  padding: 4px 8px;
+}
+.tox .tox-collection--toolbar .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--grid .tox-collection__item {
+  border-radius: 3px;
+  padding: 4px;
+}
+.tox .tox-collection--list .tox-collection__item--enabled {
+  background-color: #fff;
+  color: #222f3e;
+}
+.tox .tox-collection--list .tox-collection__item--active {
+  background-color: #dee0e2;
+}
+.tox .tox-collection--toolbar .tox-collection__item--enabled {
+  background-color: #c8cbcf;
+  color: #222f3e;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active {
+  background-color: #dee0e2;
+}
+.tox .tox-collection--grid .tox-collection__item--enabled {
+  background-color: #c8cbcf;
+  color: #222f3e;
+}
+.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  background-color: #dee0e2;
+  color: #222f3e;
+}
+.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  color: #222f3e;
+}
+.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
+  color: #222f3e;
+}
+.tox .tox-collection__item--state-disabled {
+  background-color: transparent;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-collection__item-icon,
+.tox .tox-collection__item-checkmark {
+  align-items: center;
+  display: flex;
+  height: 24px;
+  justify-content: center;
+  width: 24px;
+}
+.tox .tox-collection__item-icon svg,
+.tox .tox-collection__item-checkmark svg {
+  fill: currentColor;
+}
+.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
+  height: 48px;
+  width: 48px;
+}
+.tox .tox-collection__item-label {
+  color: currentColor;
+  display: inline-block;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 24px;
+  text-transform: none;
+  word-break: break-all;
+}
+.tox .tox-collection__item-accessory {
+  color: rgba(34, 47, 62, 0.7);
+  display: inline-block;
+  font-size: 14px;
+  height: 24px;
+  line-height: 24px;
+  text-transform: none;
+}
+.tox .tox-collection__item-caret {
+  align-items: center;
+  display: flex;
+  min-height: 24px;
+}
+.tox .tox-collection__item-caret::after {
+  content: '';
+  font-size: 0;
+  min-height: inherit;
+}
+.tox .tox-collection__item-caret svg {
+  fill: #222f3e;
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
+  display: none;
+}
+.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
+  display: none;
+}
+.tox .tox-collection--horizontal {
+  background-color: #fff;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+  margin-bottom: 0;
+  overflow-x: auto;
+  padding: 0;
+}
+.tox .tox-collection--horizontal .tox-collection__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: nowrap;
+  margin: 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item {
+  height: 34px;
+  margin: 2px 0 3px 0;
+  padding: 0 4px;
+}
+.tox .tox-collection--horizontal .tox-collection__item-label {
+  white-space: nowrap;
+}
+.tox .tox-collection--horizontal .tox-collection__item-caret {
+  margin-left: 4px;
+}
+.tox .tox-collection__item-container {
+  display: flex;
+}
+.tox .tox-collection__item-container--row {
+  align-items: center;
+  flex: 1 1 auto;
+  flex-direction: row;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
+  margin-right: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
+  justify-content: flex-end;
+  margin-left: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
+  align-items: flex-start;
+  margin-bottom: auto;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
+  align-items: center;
+}
+.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
+  align-items: flex-end;
+  margin-top: auto;
+}
+.tox .tox-collection__item-container--column {
+  -ms-grid-row-align: center;
+      align-self: center;
+  flex: 1 1 auto;
+  flex-direction: column;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
+  align-items: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
+  align-items: flex-end;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
+  align-self: flex-start;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
+  -ms-grid-row-align: center;
+      align-self: center;
+}
+.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
+  align-self: flex-end;
+}
+.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-right: 1px solid #cccccc;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-left: 4px;
+}
+.tox:not([dir=rtl]) .tox-collection__item-accessory {
+  margin-left: 16px;
+  text-align: right;
+}
+.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
+  margin-left: 16px;
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
+  border-left: 1px solid #cccccc;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
+  margin-right: 4px;
+}
+.tox[dir=rtl] .tox-collection__item-icon-rtl {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.tox[dir=rtl] .tox-collection__item-icon-rtl .tox-collection__item-icon svg {
+  transform: rotateY(180deg);
+}
+.tox[dir=rtl] .tox-collection__item-accessory {
+  margin-right: 16px;
+  text-align: left;
+}
+.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
+  margin-right: 16px;
+  transform: rotateY(180deg);
+}
+.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
+  margin-right: 4px;
+}
+.tox .tox-color-picker-container {
+  display: flex;
+  flex-direction: row;
+  height: 225px;
+  margin: 0;
+}
+.tox .tox-sv-palette {
+  box-sizing: border-box;
+  display: flex;
+  height: 100%;
+}
+.tox .tox-sv-palette-spectrum {
+  height: 100%;
+}
+.tox .tox-sv-palette,
+.tox .tox-sv-palette-spectrum {
+  width: 225px;
+}
+.tox .tox-sv-palette-thumb {
+  background: none;
+  border: 1px solid black;
+  border-radius: 50%;
+  box-sizing: content-box;
+  height: 12px;
+  position: absolute;
+  width: 12px;
+}
+.tox .tox-sv-palette-inner-thumb {
+  border: 1px solid white;
+  border-radius: 50%;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox .tox-hue-slider {
+  box-sizing: border-box;
+  height: 100%;
+  width: 25px;
+}
+.tox .tox-hue-slider-spectrum {
+  background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);
+  height: 100%;
+  width: 100%;
+}
+.tox .tox-hue-slider,
+.tox .tox-hue-slider-spectrum {
+  width: 20px;
+}
+.tox .tox-hue-slider-thumb {
+  background: white;
+  border: 1px solid black;
+  box-sizing: content-box;
+  height: 4px;
+  width: 100%;
+}
+.tox .tox-rgb-form {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.tox .tox-rgb-form div {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 5px;
+  width: inherit;
+}
+.tox .tox-rgb-form input {
+  width: 6em;
+}
+.tox .tox-rgb-form input.tox-invalid {
+  /* Need !important to override Chrome's focus styling unfortunately */
+  border: 1px solid red !important;
+}
+.tox .tox-rgb-form .tox-rgba-preview {
+  border: 1px solid black;
+  flex-grow: 2;
+  margin-bottom: 0;
+}
+.tox:not([dir=rtl]) .tox-sv-palette {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider {
+  margin-right: 15px;
+}
+.tox:not([dir=rtl]) .tox-hue-slider-thumb {
+  margin-left: -1px;
+}
+.tox:not([dir=rtl]) .tox-rgb-form label {
+  margin-right: 0.5em;
+}
+.tox[dir=rtl] .tox-sv-palette {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider {
+  margin-left: 15px;
+}
+.tox[dir=rtl] .tox-hue-slider-thumb {
+  margin-right: -1px;
+}
+.tox[dir=rtl] .tox-rgb-form label {
+  margin-left: 0.5em;
+}
+.tox .tox-toolbar .tox-swatches,
+.tox .tox-toolbar__primary .tox-swatches,
+.tox .tox-toolbar__overflow .tox-swatches {
+  margin: 2px 0 3px 4px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {
+  border: 0;
+  margin: -4px 0;
+}
+.tox .tox-swatches__row {
+  display: flex;
+}
+.tox .tox-swatch {
+  height: 30px;
+  transition: transform 0.15s, box-shadow 0.15s;
+  width: 30px;
+}
+.tox .tox-swatch:hover,
+.tox .tox-swatch:focus {
+  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;
+  transform: scale(0.8);
+}
+.tox .tox-swatch--remove {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-swatch--remove svg path {
+  stroke: #e74c3c;
+}
+.tox .tox-swatches__picker-btn {
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+  display: flex;
+  height: 30px;
+  justify-content: center;
+  outline: none;
+  padding: 0;
+  width: 30px;
+}
+.tox .tox-swatches__picker-btn svg {
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-swatches__picker-btn:hover {
+  background: #dee0e2;
+}
+.tox:not([dir=rtl]) .tox-swatches__picker-btn {
+  margin-left: auto;
+}
+.tox[dir=rtl] .tox-swatches__picker-btn {
+  margin-right: auto;
+}
+.tox .tox-comment-thread {
+  background: #fff;
+  position: relative;
+}
+.tox .tox-comment-thread > *:not(:first-child) {
+  margin-top: 8px;
+}
+.tox .tox-comment {
+  background: #fff;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  padding: 8px 8px 16px 8px;
+  position: relative;
+}
+.tox .tox-comment__header {
+  align-items: center;
+  color: #222f3e;
+  display: flex;
+  justify-content: space-between;
+}
+.tox .tox-comment__date {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 12px;
+}
+.tox .tox-comment__body {
+  color: #222f3e;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin-top: 8px;
+  position: relative;
+  text-transform: initial;
+}
+.tox .tox-comment__body textarea {
+  resize: none;
+  white-space: normal;
+  width: 100%;
+}
+.tox .tox-comment__expander {
+  padding-top: 8px;
+}
+.tox .tox-comment__expander p {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 14px;
+  font-style: normal;
+}
+.tox .tox-comment__body p {
+  margin: 0;
+}
+.tox .tox-comment__buttonspacing {
+  padding-top: 16px;
+  text-align: center;
+}
+.tox .tox-comment-thread__overlay::after {
+  background: #fff;
+  bottom: 0;
+  content: "";
+  display: flex;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__reply {
+  display: flex;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 8px;
+}
+.tox .tox-comment__reply > *:first-child {
+  margin-bottom: 8px;
+  width: 100%;
+}
+.tox .tox-comment__edit {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  margin-top: 16px;
+}
+.tox .tox-comment__gradient::after {
+  background: linear-gradient(rgba(255, 255, 255, 0), #fff);
+  bottom: 0;
+  content: "";
+  display: block;
+  height: 5em;
+  margin-top: -40px;
+  position: absolute;
+  width: 100%;
+}
+.tox .tox-comment__overlay {
+  background: #fff;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  left: 0;
+  opacity: 0.9;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 5;
+}
+.tox .tox-comment__loading-text {
+  align-items: center;
+  color: #222f3e;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.tox .tox-comment__loading-text > div {
+  padding-bottom: 16px;
+}
+.tox .tox-comment__overlaytext {
+  bottom: 0;
+  flex-direction: column;
+  font-size: 14px;
+  left: 0;
+  padding: 1em;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 10;
+}
+.tox .tox-comment__overlaytext p {
+  background-color: #fff;
+  box-shadow: 0 0 8px 8px #fff;
+  color: #222f3e;
+  text-align: center;
+}
+.tox .tox-comment__overlaytext div:nth-of-type(2) {
+  font-size: 0.8em;
+}
+.tox .tox-comment__busy-spinner {
+  align-items: center;
+  background-color: #fff;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 20;
+}
+.tox .tox-comment__scroll {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 1;
+  overflow: auto;
+}
+.tox .tox-conversations {
+  margin: 8px;
+}
+.tox:not([dir=rtl]) .tox-comment__edit {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,
+.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-comment__edit {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,
+.tox[dir=rtl] .tox-comment__edit > *:last-child,
+.tox[dir=rtl] .tox-comment__reply > *:last-child {
+  margin-right: 8px;
+}
+.tox .tox-user {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-user__avatar svg {
+  fill: rgba(34, 47, 62, 0.7);
+}
+.tox .tox-user__name {
+  color: rgba(34, 47, 62, 0.7);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: bold;
+  text-transform: uppercase;
+}
+.tox:not([dir=rtl]) .tox-user__avatar svg {
+  margin-right: 8px;
+}
+.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar svg {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-user__avatar + .tox-user__name {
+  margin-right: 8px;
+}
+.tox .tox-dialog-wrap {
+  align-items: center;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 1100;
+}
+.tox .tox-dialog-wrap__backdrop {
+  background-color: rgba(255, 255, 255, 0.75);
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.tox .tox-dialog-wrap__backdrop--opaque {
+  background-color: #fff;
+}
+.tox .tox-dialog {
+  background-color: #fff;
+  border-color: #cccccc;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);
+  display: flex;
+  flex-direction: column;
+  max-height: 100%;
+  max-width: 480px;
+  overflow: hidden;
+  position: relative;
+  width: 95vw;
+  z-index: 2;
+}
+@media only screen and (max-width:767px) {
+  body:not(.tox-force-desktop) .tox .tox-dialog {
+    align-self: flex-start;
+    margin: 8px auto;
+    width: calc(100vw - 16px);
+  }
+}
+.tox .tox-dialog-inline {
+  z-index: 1100;
+}
+.tox .tox-dialog__header {
+  align-items: center;
+  background-color: #fff;
+  border-bottom: none;
+  color: #222f3e;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 8px 16px 0 16px;
+  position: relative;
+}
+.tox .tox-dialog__header .tox-button {
+  z-index: 1;
+}
+.tox .tox-dialog__draghandle {
+  cursor: grab;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tox .tox-dialog__draghandle:active {
+  cursor: grabbing;
+}
+.tox .tox-dialog__dismiss {
+  margin-left: auto;
+}
+.tox .tox-dialog__title {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  margin: 0;
+  text-transform: none;
+}
+.tox .tox-dialog__body {
+  color: #222f3e;
+  display: flex;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  min-width: 0;
+  text-align: left;
+  text-transform: none;
+}
+@media only screen and (max-width:767px) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body {
+    flex-direction: column;
+  }
+}
+.tox .tox-dialog__body-nav {
+  align-items: flex-start;
+  display: flex;
+  flex-direction: column;
+  padding: 16px 16px;
+}
+@media only screen and (max-width:767px) {
+  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
+    flex-direction: row;
+    -webkit-overflow-scrolling: touch;
+    overflow-x: auto;
+    padding-bottom: 0;
+  }
+}
+.tox .tox-dialog__body-nav-item {
+  border-bottom: 2px solid transparent;
+  color: rgba(34, 47, 62, 0.7);
+  display: inline-block;
+  font-size: 14px;
+  line-height: 1.3;
+  margin-bottom: 8px;
+  text-decoration: none;
+  white-space: nowrap;
+}
+.tox .tox-dialog__body-nav-item:focus {
+  background-color: rgba(32, 122, 183, 0.1);
+}
+.tox .tox-dialog__body-nav-item--active {
+  border-bottom: 2px solid #207ab7;
+  color: #207ab7;
+}
+.tox .tox-dialog__body-content {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  -ms-flex-preferred-size: auto;
+  max-height: 650px;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  padding: 16px 16px;
+}
+.tox .tox-dialog__body-content > * {
+  margin-bottom: 0;
+  margin-top: 16px;
+}
+.tox .tox-dialog__body-content > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content > *:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content a {
+  color: #207ab7;
+  cursor: pointer;
+  text-decoration: none;
+}
+.tox .tox-dialog__body-content a:hover,
+.tox .tox-dialog__body-content a:focus {
+  color: #185d8c;
+  text-decoration: none;
+}
+.tox .tox-dialog__body-content a:active {
+  color: #185d8c;
+  text-decoration: none;
+}
+.tox .tox-dialog__body-content svg {
+  fill: #222f3e;
+}
+.tox .tox-dialog__body-content ul {
+  display: block;
+  list-style-type: disc;
+  margin-bottom: 16px;
+  -webkit-margin-end: 0;
+          margin-inline-end: 0;
+  -webkit-margin-start: 0;
+          margin-inline-start: 0;
+  -webkit-padding-start: 2.5rem;
+          padding-inline-start: 2.5rem;
+}
+.tox .tox-dialog__body-content .tox-form__group h1 {
+  color: #222f3e;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group h2 {
+  color: #222f3e;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: bold;
+  letter-spacing: normal;
+  margin-bottom: 16px;
+  margin-top: 2rem;
+  text-transform: none;
+}
+.tox .tox-dialog__body-content .tox-form__group p {
+  margin-bottom: 16px;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:first-child,
+.tox .tox-dialog__body-content .tox-form__group h2:first-child,
+.tox .tox-dialog__body-content .tox-form__group p:first-child {
+  margin-top: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:last-child,
+.tox .tox-dialog__body-content .tox-form__group h2:last-child,
+.tox .tox-dialog__body-content .tox-form__group p:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-dialog__body-content .tox-form__group h1:only-child,
+.tox .tox-dialog__body-content .tox-form__group h2:only-child,
+.tox .tox-dialog__body-content .tox-form__group p:only-child {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.tox .tox-dialog--width-lg {
+  height: 650px;
+  max-width: 1200px;
+}
+.tox .tox-dialog--width-md {
+  max-width: 800px;
+}
+.tox .tox-dialog--width-md .tox-dialog__body-content {
+  overflow: auto;
+}
+.tox .tox-dialog__body-content--centered {
+  text-align: center;
+}
+.tox .tox-dialog__footer {
+  align-items: center;
+  background-color: #fff;
+  border-top: 1px solid #cccccc;
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 16px;
+}
+.tox .tox-dialog__footer-start,
+.tox .tox-dialog__footer-end {
+  display: flex;
+}
+.tox .tox-dialog__busy-spinner {
+  align-items: center;
+  background-color: rgba(255, 255, 255, 0.75);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 3;
+}
+.tox .tox-dialog__table {
+  border-collapse: collapse;
+  width: 100%;
+}
+.tox .tox-dialog__table thead th {
+  font-weight: bold;
+  padding-bottom: 8px;
+}
+.tox .tox-dialog__table tbody tr {
+  border-bottom: 1px solid #cccccc;
+}
+.tox .tox-dialog__table tbody tr:last-child {
+  border-bottom: none;
+}
+.tox .tox-dialog__table td {
+  padding-bottom: 8px;
+  padding-top: 8px;
+}
+.tox .tox-dialog__popups {
+  position: absolute;
+  width: 100%;
+  z-index: 1100;
+}
+.tox .tox-dialog__body-iframe {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-dialog__body-iframe .tox-navobj {
+  display: flex;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+  height: 100%;
+}
+.tox .tox-dialog-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox .tox-dialog-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox .tox-dialog-dock-transition {
+  transition: visibility 0s linear 0.3s, opacity 0.3s ease;
+}
+.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {
+  transition-delay: 0s;
+}
+.tox.tox-platform-ie {
+  /* IE11 CSS styles go here */
+}
+.tox.tox-platform-ie .tox-dialog-wrap {
+  position: -ms-device-fixed;
+}
+@media only screen and (max-width:767px) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {
+    margin-right: 0;
+  }
+}
+@media only screen and (max-width:767px) {
+  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {
+    margin-left: 8px;
+  }
+}
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-dialog__body {
+  text-align: right;
+}
+@media only screen and (max-width:767px) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {
+    margin-left: 0;
+  }
+}
+@media only screen and (max-width:767px) {
+  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {
+    margin-right: 8px;
+  }
+}
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,
+.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {
+  margin-right: 8px;
+}
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox .tox-dropzone-container {
+  display: flex;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-dropzone {
+  align-items: center;
+  background: #fff;
+  border: 2px dashed #cccccc;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  justify-content: center;
+  min-height: 100px;
+  padding: 10px;
+}
+.tox .tox-dropzone p {
+  color: rgba(34, 47, 62, 0.7);
+  margin: 0 0 16px 0;
+}
+.tox .tox-edit-area {
+  display: flex;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+  overflow: hidden;
+  position: relative;
+}
+.tox .tox-edit-area__iframe {
+  background-color: #fff;
+  border: 0;
+  box-sizing: border-box;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+.tox.tox-inline-edit-area {
+  border: 1px dotted #cccccc;
+}
+.tox .tox-editor-container {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-editor-header {
+  z-index: 1;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+  box-shadow: none;
+  transition: box-shadow 0.5s;
+}
+.tox.tox-tinymce--toolbar-bottom .tox-editor-header,
+.tox.tox-tinymce-inline .tox-editor-header {
+  margin-bottom: -1px;
+}
+.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+.tox-editor-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox-editor-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox-editor-dock-transition {
+  transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+  transition-delay: 0s;
+}
+.tox .tox-control-wrap {
+  flex: 1;
+  position: relative;
+}
+.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,
+.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {
+  display: none;
+}
+.tox .tox-control-wrap svg {
+  display: block;
+}
+.tox .tox-control-wrap__status-icon-wrap {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-control-wrap__status-icon-invalid svg {
+  fill: #c00;
+}
+.tox .tox-control-wrap__status-icon-unknown svg {
+  fill: orange;
+}
+.tox .tox-control-wrap__status-icon-valid svg {
+  fill: green;
+}
+.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,
+.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {
+  padding-right: 32px;
+}
+.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {
+  right: 4px;
+}
+.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,
+.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {
+  padding-left: 32px;
+}
+.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {
+  left: 4px;
+}
+.tox .tox-autocompleter {
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-menu {
+  max-width: 25em;
+}
+.tox .tox-autocompleter .tox-autocompleter-highlight {
+  font-weight: bold;
+}
+.tox .tox-color-input {
+  display: flex;
+  position: relative;
+  z-index: 1;
+}
+.tox .tox-color-input .tox-textfield {
+  z-index: -1;
+}
+.tox .tox-color-input span {
+  border-color: rgba(34, 47, 62, 0.2);
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  height: 24px;
+  position: absolute;
+  top: 6px;
+  width: 24px;
+}
+.tox .tox-color-input span:hover:not([aria-disabled=true]),
+.tox .tox-color-input span:focus:not([aria-disabled=true]) {
+  border-color: #207ab7;
+  cursor: pointer;
+}
+.tox .tox-color-input span::before {
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
+  background-position: 0 0, 0 6px, 6px -6px, -6px 0;
+  background-size: 12px 12px;
+  border: 1px solid #fff;
+  border-radius: 3px;
+  box-sizing: border-box;
+  content: '';
+  height: 24px;
+  left: -1px;
+  position: absolute;
+  top: -1px;
+  width: 24px;
+  z-index: -1;
+}
+.tox .tox-color-input span[aria-disabled=true] {
+  cursor: not-allowed;
+}
+.tox:not([dir=rtl]) .tox-color-input {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.tox:not([dir=rtl]) .tox-color-input .tox-textfield {
+  padding-left: 36px;
+}
+.tox:not([dir=rtl]) .tox-color-input span {
+  left: 6px;
+}
+.tox[dir="rtl"] .tox-color-input {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.tox[dir="rtl"] .tox-color-input .tox-textfield {
+  padding-right: 36px;
+}
+.tox[dir="rtl"] .tox-color-input span {
+  right: 6px;
+}
+.tox .tox-label,
+.tox .tox-toolbar-label {
+  color: rgba(34, 47, 62, 0.7);
+  display: block;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1.3;
+  padding: 0 8px 0 0;
+  text-transform: none;
+  white-space: nowrap;
+}
+.tox .tox-toolbar-label {
+  padding: 0 8px;
+}
+.tox[dir=rtl] .tox-label {
+  padding: 0 0 0 8px;
+}
+.tox .tox-form {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-form__group {
+  box-sizing: border-box;
+  margin-bottom: 4px;
+}
+.tox .tox-form-group--maximize {
+  flex: 1;
+}
+.tox .tox-form__group--error {
+  color: #c00;
+}
+.tox .tox-form__group--collection {
+  display: flex;
+}
+.tox .tox-form__grid {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+.tox .tox-form__grid--2col > .tox-form__group {
+  width: calc(50% - (8px / 2));
+}
+.tox .tox-form__grid--3col > .tox-form__group {
+  width: calc(100% / 3 - (8px / 2));
+}
+.tox .tox-form__grid--4col > .tox-form__group {
+  width: calc(25% - (8px / 2));
+}
+.tox .tox-form__controls-h-stack {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--inline {
+  align-items: center;
+  display: flex;
+}
+.tox .tox-form__group--stretched {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-form__group--stretched .tox-textarea {
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-form__group--stretched .tox-navobj {
+  display: flex;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+  height: 100%;
+}
+.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-lock.tox-locked .tox-lock-icon__unlock,
+.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {
+  display: none;
+}
+.tox .tox-textfield,
+.tox .tox-toolbar-textfield,
+.tox .tox-listboxfield .tox-listbox--select,
+.tox .tox-textarea {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: #fff;
+  border-color: #cccccc;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #222f3e;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 4.75px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-textfield[disabled],
+.tox .tox-textarea[disabled] {
+  background-color: #f2f2f2;
+  color: rgba(34, 47, 62, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-textfield:focus,
+.tox .tox-listboxfield .tox-listbox--select:focus,
+.tox .tox-textarea:focus {
+  background-color: #fff;
+  border-color: #207ab7;
+  box-shadow: none;
+  outline: none;
+}
+.tox .tox-toolbar-textfield {
+  border-width: 0;
+  margin-bottom: 3px;
+  margin-top: 2px;
+  max-width: 250px;
+}
+.tox .tox-naked-btn {
+  background-color: transparent;
+  border: 0;
+  border-color: transparent;
+  box-shadow: unset;
+  color: #207ab7;
+  cursor: pointer;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+.tox .tox-naked-btn svg {
+  display: block;
+  fill: #222f3e;
+}
+.tox:not([dir=rtl]) .tox-toolbar-textfield + * {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-toolbar-textfield + * {
+  margin-right: 4px;
+}
+.tox .tox-listboxfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-listboxfield .tox-listbox--select[disabled] {
+  background-color: #f2f2f2;
+  color: rgba(34, 47, 62, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-listbox__select-label {
+  cursor: default;
+  flex: 1;
+  margin: 0 4px;
+}
+.tox .tox-listbox__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-listbox__select-chevron svg {
+  fill: #222f3e;
+}
+.tox .tox-listboxfield .tox-listbox--select {
+  align-items: center;
+  display: flex;
+}
+.tox:not([dir=rtl]) .tox-listboxfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-listboxfield svg {
+  left: 8px;
+}
+.tox .tox-selectfield {
+  cursor: pointer;
+  position: relative;
+}
+.tox .tox-selectfield select {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: #fff;
+  border-color: #cccccc;
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  color: #222f3e;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0;
+  min-height: 34px;
+  outline: none;
+  padding: 5px 4.75px;
+  resize: none;
+  width: 100%;
+}
+.tox .tox-selectfield select[disabled] {
+  background-color: #f2f2f2;
+  color: rgba(34, 47, 62, 0.85);
+  cursor: not-allowed;
+}
+.tox .tox-selectfield select::-ms-expand {
+  display: none;
+}
+.tox .tox-selectfield select:focus {
+  background-color: #fff;
+  border-color: #207ab7;
+  box-shadow: none;
+  outline: none;
+}
+.tox .tox-selectfield svg {
+  pointer-events: none;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox:not([dir=rtl]) .tox-selectfield select[size="0"],
+.tox:not([dir=rtl]) .tox-selectfield select[size="1"] {
+  padding-right: 24px;
+}
+.tox:not([dir=rtl]) .tox-selectfield svg {
+  right: 8px;
+}
+.tox[dir=rtl] .tox-selectfield select[size="0"],
+.tox[dir=rtl] .tox-selectfield select[size="1"] {
+  padding-left: 24px;
+}
+.tox[dir=rtl] .tox-selectfield svg {
+  left: 8px;
+}
+.tox .tox-textarea {
+  -webkit-appearance: textarea;
+     -moz-appearance: textarea;
+          appearance: textarea;
+  white-space: pre-wrap;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  left: 0;
+  margin: 0;
+  overflow: hidden;
+  -ms-scroll-chaining: none;
+      overscroll-behavior: none;
+  padding: 0;
+  position: fixed;
+  top: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  z-index: 1200;
+}
+.tox-shadowhost.tox-fullscreen {
+  z-index: 1200;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
+.tox .tox-help__more-link {
+  list-style: none;
+  margin-top: 1em;
+}
+.tox .tox-image-tools {
+  width: 100%;
+}
+.tox .tox-image-tools__toolbar {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.tox .tox-image-tools__image {
+  background-color: #666;
+  height: 380px;
+  overflow: auto;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-image-tools__image,
+.tox .tox-image-tools__image + .tox-image-tools__toolbar {
+  margin-top: 8px;
+}
+.tox .tox-image-tools__image-bg {
+  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);
+}
+.tox .tox-image-tools__toolbar > .tox-spacer {
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-croprect-block {
+  background: black;
+  filter: alpha(opacity=50);
+  opacity: 0.5;
+  position: absolute;
+  zoom: 1;
+}
+.tox .tox-croprect-handle {
+  border: 2px solid white;
+  height: 20px;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 20px;
+}
+.tox .tox-croprect-handle-move {
+  border: 0;
+  cursor: move;
+  position: absolute;
+}
+.tox .tox-croprect-handle-nw {
+  border-width: 2px 0 0 2px;
+  cursor: nw-resize;
+  left: 100px;
+  margin: -2px 0 0 -2px;
+  top: 100px;
+}
+.tox .tox-croprect-handle-ne {
+  border-width: 2px 2px 0 0;
+  cursor: ne-resize;
+  left: 200px;
+  margin: -2px 0 0 -20px;
+  top: 100px;
+}
+.tox .tox-croprect-handle-sw {
+  border-width: 0 0 2px 2px;
+  cursor: sw-resize;
+  left: 100px;
+  margin: -20px 2px 0 -2px;
+  top: 200px;
+}
+.tox .tox-croprect-handle-se {
+  border-width: 0 2px 2px 0;
+  cursor: se-resize;
+  left: 200px;
+  margin: -20px 0 0 -20px;
+  top: 200px;
+}
+.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
+  margin-left: 8px;
+}
+.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider {
+  margin-left: 32px;
+}
+.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button {
+  margin-left: 32px;
+}
+.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {
+  margin-right: 8px;
+}
+.tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider {
+  margin-right: 32px;
+}
+.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button {
+  margin-right: 32px;
+}
+.tox .tox-insert-table-picker {
+  display: flex;
+  flex-wrap: wrap;
+  width: 170px;
+}
+.tox .tox-insert-table-picker > div {
+  border-color: #cccccc;
+  border-style: solid;
+  border-width: 0 1px 1px 0;
+  box-sizing: border-box;
+  height: 17px;
+  width: 17px;
+}
+.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {
+  margin: -4px 0;
+}
+.tox .tox-insert-table-picker .tox-insert-table-picker__selected {
+  background-color: rgba(32, 122, 183, 0.5);
+  border-color: rgba(32, 122, 183, 0.5);
+}
+.tox .tox-insert-table-picker__label {
+  color: rgba(34, 47, 62, 0.7);
+  display: block;
+  font-size: 14px;
+  padding: 4px;
+  text-align: center;
+  width: 100%;
+}
+.tox:not([dir=rtl]) {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {
+  border-right: 0;
+}
+.tox[dir=rtl] {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
+.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {
+  border-right: 0;
+}
+.tox {
+  /* stylelint-disable */
+  /* stylelint-enable */
+}
+.tox .tox-menu {
+  background-color: #fff;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
+  display: inline-block;
+  overflow: hidden;
+  vertical-align: top;
+  z-index: 1150;
+}
+.tox .tox-menu.tox-collection.tox-collection--list {
+  padding: 0;
+}
+.tox .tox-menu.tox-collection.tox-collection--toolbar {
+  padding: 4px;
+}
+.tox .tox-menu.tox-collection.tox-collection--grid {
+  padding: 4px;
+}
+.tox .tox-menu__label h1,
+.tox .tox-menu__label h2,
+.tox .tox-menu__label h3,
+.tox .tox-menu__label h4,
+.tox .tox-menu__label h5,
+.tox .tox-menu__label h6,
+.tox .tox-menu__label p,
+.tox .tox-menu__label blockquote,
+.tox .tox-menu__label code {
+  margin: 0;
+}
+.tox .tox-menubar {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
+  background-color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  padding: 0 4px 0 4px;
+}
+.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {
+  border-top: 1px solid #cccccc;
+}
+/* Deprecated. Remove in next major release */
+.tox .tox-mbtn {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 34px;
+  justify-content: center;
+  margin: 2px 0 3px 0;
+  outline: none;
+  overflow: hidden;
+  padding: 0 4px;
+  text-transform: none;
+  width: auto;
+}
+.tox .tox-mbtn[disabled] {
+  background-color: transparent;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-mbtn:focus:not(:disabled) {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-mbtn--active {
+  background: #c8cbcf;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-mbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  margin: 0 4px;
+}
+.tox .tox-mbtn[disabled] .tox-mbtn__select-label {
+  cursor: not-allowed;
+}
+.tox .tox-mbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+  display: none;
+}
+.tox .tox-notification {
+  border-radius: 3px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: none;
+  box-sizing: border-box;
+  display: -ms-grid;
+  display: grid;
+  font-size: 14px;
+  font-weight: normal;
+  -ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+      grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+  margin-top: 4px;
+  opacity: 0;
+  padding: 4px;
+  transition: transform 100ms ease-in, opacity 150ms ease-in;
+}
+.tox .tox-notification p {
+  font-size: 14px;
+  font-weight: normal;
+}
+.tox .tox-notification a {
+  text-decoration: underline;
+}
+.tox .tox-notification--in {
+  opacity: 1;
+}
+.tox .tox-notification--success {
+  background-color: #e4eeda;
+  border-color: #d7e6c8;
+  color: #222f3e;
+}
+.tox .tox-notification--success p {
+  color: #222f3e;
+}
+.tox .tox-notification--success a {
+  color: #547831;
+}
+.tox .tox-notification--success svg {
+  fill: #222f3e;
+}
+.tox .tox-notification--error {
+  background-color: #f8dede;
+  border-color: #f2bfbf;
+  color: #222f3e;
+}
+.tox .tox-notification--error p {
+  color: #222f3e;
+}
+.tox .tox-notification--error a {
+  color: #c00;
+}
+.tox .tox-notification--error svg {
+  fill: #222f3e;
+}
+.tox .tox-notification--warn,
+.tox .tox-notification--warning {
+  background-color: #fffaea;
+  border-color: #ffe89d;
+  color: #222f3e;
+}
+.tox .tox-notification--warn p,
+.tox .tox-notification--warning p {
+  color: #222f3e;
+}
+.tox .tox-notification--warn a,
+.tox .tox-notification--warning a {
+  color: #222f3e;
+}
+.tox .tox-notification--warn svg,
+.tox .tox-notification--warning svg {
+  fill: #222f3e;
+}
+.tox .tox-notification--info {
+  background-color: #d9edf7;
+  border-color: #779ecb;
+  color: #222f3e;
+}
+.tox .tox-notification--info p {
+  color: #222f3e;
+}
+.tox .tox-notification--info a {
+  color: #222f3e;
+}
+.tox .tox-notification--info svg {
+  fill: #222f3e;
+}
+.tox .tox-notification__body {
+  -ms-grid-row-align: center;
+      align-self: center;
+  color: #222f3e;
+  font-size: 14px;
+  -ms-grid-column-span: 1;
+  grid-column-end: 3;
+  -ms-grid-column: 2;
+      grid-column-start: 2;
+  -ms-grid-row-span: 1;
+  grid-row-end: 2;
+  -ms-grid-row: 1;
+      grid-row-start: 1;
+  text-align: center;
+  white-space: normal;
+  word-break: break-all;
+  word-break: break-word;
+}
+.tox .tox-notification__body > * {
+  margin: 0;
+}
+.tox .tox-notification__body > * + * {
+  margin-top: 1rem;
+}
+.tox .tox-notification__icon {
+  -ms-grid-row-align: center;
+      align-self: center;
+  -ms-grid-column-span: 1;
+  grid-column-end: 2;
+  -ms-grid-column: 1;
+      grid-column-start: 1;
+  -ms-grid-row-span: 1;
+  grid-row-end: 2;
+  -ms-grid-row: 1;
+      grid-row-start: 1;
+  -ms-grid-column-align: end;
+      justify-self: end;
+}
+.tox .tox-notification__icon svg {
+  display: block;
+}
+.tox .tox-notification__dismiss {
+  -ms-grid-row-align: start;
+      align-self: start;
+  -ms-grid-column-span: 1;
+  grid-column-end: 4;
+  -ms-grid-column: 3;
+      grid-column-start: 3;
+  -ms-grid-row-span: 1;
+  grid-row-end: 2;
+  -ms-grid-row: 1;
+      grid-row-start: 1;
+  -ms-grid-column-align: end;
+      justify-self: end;
+}
+.tox .tox-notification .tox-progress-bar {
+  -ms-grid-column-span: 3;
+  grid-column-end: 4;
+  -ms-grid-column: 1;
+      grid-column-start: 1;
+  -ms-grid-row-span: 1;
+  grid-row-end: 3;
+  -ms-grid-row: 2;
+      grid-row-start: 2;
+  -ms-grid-column-align: center;
+      justify-self: center;
+}
+.tox .tox-pop {
+  display: inline-block;
+  position: relative;
+}
+.tox .tox-pop--resizing {
+  transition: width 0.1s ease;
+}
+.tox .tox-pop--resizing .tox-toolbar {
+  flex-wrap: nowrap;
+}
+.tox .tox-pop__dialog {
+  background-color: #fff;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+  min-width: 0;
+  overflow: hidden;
+}
+.tox .tox-pop__dialog > *:not(.tox-toolbar) {
+  margin: 4px 4px 4px 8px;
+}
+.tox .tox-pop__dialog .tox-toolbar {
+  background-color: transparent;
+  margin-bottom: -1px;
+}
+.tox .tox-pop::before,
+.tox .tox-pop::after {
+  border-style: solid;
+  content: '';
+  display: block;
+  height: 0;
+  position: absolute;
+  width: 0;
+}
+.tox .tox-pop.tox-pop--bottom::before,
+.tox .tox-pop.tox-pop--bottom::after {
+  left: 50%;
+  top: 100%;
+}
+.tox .tox-pop.tox-pop--bottom::after {
+  border-color: #fff transparent transparent transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: -1px;
+}
+.tox .tox-pop.tox-pop--bottom::before {
+  border-color: #cccccc transparent transparent transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--top::before,
+.tox .tox-pop.tox-pop--top::after {
+  left: 50%;
+  top: 0;
+  transform: translateY(-100%);
+}
+.tox .tox-pop.tox-pop--top::after {
+  border-color: transparent transparent #fff transparent;
+  border-width: 8px;
+  margin-left: -8px;
+  margin-top: 1px;
+}
+.tox .tox-pop.tox-pop--top::before {
+  border-color: transparent transparent #cccccc transparent;
+  border-width: 9px;
+  margin-left: -9px;
+}
+.tox .tox-pop.tox-pop--left::before,
+.tox .tox-pop.tox-pop--left::after {
+  left: 0;
+  top: calc(50% - 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--left::after {
+  border-color: transparent #fff transparent transparent;
+  border-width: 8px;
+  margin-left: -15px;
+}
+.tox .tox-pop.tox-pop--left::before {
+  border-color: transparent #cccccc transparent transparent;
+  border-width: 10px;
+  margin-left: -19px;
+}
+.tox .tox-pop.tox-pop--right::before,
+.tox .tox-pop.tox-pop--right::after {
+  left: 100%;
+  top: calc(50% + 1px);
+  transform: translateY(-50%);
+}
+.tox .tox-pop.tox-pop--right::after {
+  border-color: transparent transparent transparent #fff;
+  border-width: 8px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--right::before {
+  border-color: transparent transparent transparent #cccccc;
+  border-width: 10px;
+  margin-left: -1px;
+}
+.tox .tox-pop.tox-pop--align-left::before,
+.tox .tox-pop.tox-pop--align-left::after {
+  left: 20px;
+}
+.tox .tox-pop.tox-pop--align-right::before,
+.tox .tox-pop.tox-pop--align-right::after {
+  left: calc(100% - 20px);
+}
+.tox .tox-sidebar-wrap {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  -ms-flex-preferred-size: 0;
+  min-height: 0;
+}
+.tox .tox-sidebar {
+  background-color: #fff;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+.tox .tox-sidebar__slider {
+  display: flex;
+  overflow: hidden;
+}
+.tox .tox-sidebar__pane-container {
+  display: flex;
+}
+.tox .tox-sidebar__pane {
+  display: flex;
+}
+.tox .tox-sidebar--sliding-closed {
+  opacity: 0;
+}
+.tox .tox-sidebar--sliding-open {
+  opacity: 1;
+}
+.tox .tox-sidebar--sliding-growing,
+.tox .tox-sidebar--sliding-shrinking {
+  transition: width 0.5s ease, opacity 0.5s ease;
+}
+.tox .tox-selector {
+  background-color: #4099ff;
+  border-color: #4099ff;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  display: inline-block;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.tox.tox-platform-touch .tox-selector {
+  height: 12px;
+  width: 12px;
+}
+.tox .tox-slider {
+  align-items: center;
+  display: flex;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+  height: 24px;
+  justify-content: center;
+  position: relative;
+}
+.tox .tox-slider__rail {
+  background-color: transparent;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  height: 10px;
+  min-width: 120px;
+  width: 100%;
+}
+.tox .tox-slider__handle {
+  background-color: #207ab7;
+  border: 2px solid #185d8c;
+  border-radius: 3px;
+  box-shadow: none;
+  height: 24px;
+  left: 50%;
+  position: absolute;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
+  width: 14px;
+}
+.tox .tox-source-code {
+  overflow: auto;
+}
+.tox .tox-spinner {
+  display: flex;
+}
+.tox .tox-spinner > div {
+  animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;
+  background-color: rgba(34, 47, 62, 0.7);
+  border-radius: 100%;
+  height: 8px;
+  width: 8px;
+}
+.tox .tox-spinner > div:nth-child(1) {
+  animation-delay: -0.32s;
+}
+.tox .tox-spinner > div:nth-child(2) {
+  animation-delay: -0.16s;
+}
+@keyframes tam-bouncing-dots {
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {
+  margin-left: 4px;
+}
+.tox[dir=rtl] .tox-spinner > div:not(:first-child) {
+  margin-right: 4px;
+}
+.tox .tox-statusbar {
+  align-items: center;
+  background-color: #fff;
+  border-top: 1px solid #cccccc;
+  color: rgba(34, 47, 62, 0.7);
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 12px;
+  font-weight: normal;
+  height: 18px;
+  overflow: hidden;
+  padding: 0 8px;
+  position: relative;
+  text-transform: uppercase;
+}
+.tox .tox-statusbar__text-container {
+  display: flex;
+  flex: 1 1 auto;
+  justify-content: flex-end;
+  overflow: hidden;
+}
+.tox .tox-statusbar__path {
+  display: flex;
+  flex: 1 1 auto;
+  margin-right: auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__path > * {
+  display: inline;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__wordcount {
+  flex: 0 0 auto;
+  margin-left: 1ch;
+}
+.tox .tox-statusbar a,
+.tox .tox-statusbar__path-item,
+.tox .tox-statusbar__wordcount {
+  color: rgba(34, 47, 62, 0.7);
+  text-decoration: none;
+}
+.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),
+.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {
+  cursor: pointer;
+  text-decoration: underline;
+}
+.tox .tox-statusbar__resize-handle {
+  align-items: flex-end;
+  align-self: stretch;
+  cursor: nwse-resize;
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: flex-end;
+  margin-left: auto;
+  margin-right: -8px;
+  padding-left: 1ch;
+}
+.tox .tox-statusbar__resize-handle svg {
+  display: block;
+  fill: rgba(34, 47, 62, 0.7);
+}
+.tox:not([dir=rtl]) .tox-statusbar__path > * {
+  margin-right: 4px;
+}
+.tox:not([dir=rtl]) .tox-statusbar__branding {
+  margin-left: 1ch;
+}
+.tox[dir=rtl] .tox-statusbar {
+  flex-direction: row-reverse;
+}
+.tox[dir=rtl] .tox-statusbar__path > * {
+  margin-left: 4px;
+}
+.tox .tox-throbber {
+  z-index: 1400;
+}
+.tox .tox-throbber__busy-spinner {
+  align-items: center;
+  background-color: rgba(255, 255, 255, 0.6);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.tox .tox-tbtn {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 3px;
+  box-shadow: none;
+  color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 34px;
+  justify-content: center;
+  margin: 2px 0 3px 0;
+  outline: none;
+  overflow: hidden;
+  padding: 0;
+  text-transform: none;
+  width: 34px;
+}
+.tox .tox-tbtn svg {
+  display: block;
+  fill: #222f3e;
+}
+.tox .tox-tbtn.tox-tbtn-more {
+  padding-left: 5px;
+  padding-right: 5px;
+  width: inherit;
+}
+.tox .tox-tbtn:focus {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+}
+.tox .tox-tbtn:hover {
+  background: #dee0e2;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tbtn:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn:active {
+  background: #c8cbcf;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tbtn:active svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn--disabled,
+.tox .tox-tbtn--disabled:hover,
+.tox .tox-tbtn:disabled,
+.tox .tox-tbtn:disabled:hover {
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tbtn--disabled svg,
+.tox .tox-tbtn--disabled:hover svg,
+.tox .tox-tbtn:disabled svg,
+.tox .tox-tbtn:disabled:hover svg {
+  /* stylelint-disable-line no-descending-specificity */
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--enabled,
+.tox .tox-tbtn--enabled:hover {
+  background: #c8cbcf;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tbtn--enabled > *,
+.tox .tox-tbtn--enabled:hover > * {
+  transform: none;
+}
+.tox .tox-tbtn--enabled svg,
+.tox .tox-tbtn--enabled:hover svg {
+  /* stylelint-disable-line no-descending-specificity */
+  fill: #222f3e;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
+  color: #222f3e;
+}
+.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {
+  fill: #222f3e;
+}
+.tox .tox-tbtn:active > * {
+  transform: none;
+}
+.tox .tox-tbtn--md {
+  height: 51px;
+  width: 51px;
+}
+.tox .tox-tbtn--lg {
+  flex-direction: column;
+  height: 68px;
+  width: 68px;
+}
+.tox .tox-tbtn--return {
+  -ms-grid-row-align: stretch;
+      align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-tbtn--select {
+  margin: 2px 0 3px 0;
+  padding: 0 4px;
+  width: auto;
+}
+.tox .tox-tbtn__select-label {
+  cursor: default;
+  font-weight: normal;
+  margin: 0 4px;
+}
+.tox .tox-tbtn__select-chevron {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  width: 16px;
+}
+.tox .tox-tbtn__select-chevron svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tbtn--bespoke .tox-tbtn__select-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 7em;
+}
+.tox .tox-split-button {
+  border: 0;
+  border-radius: 3px;
+  box-sizing: border-box;
+  display: flex;
+  margin: 2px 0 3px 0;
+  overflow: hidden;
+}
+.tox .tox-split-button:hover {
+  box-shadow: 0 0 0 1px #dee0e2 inset;
+}
+.tox .tox-split-button:focus {
+  background: #dee0e2;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-split-button > * {
+  border-radius: 0;
+}
+.tox .tox-split-button__chevron {
+  width: 16px;
+}
+.tox .tox-split-button__chevron svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-split-button .tox-tbtn {
+  margin: 0;
+}
+.tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child {
+  width: 30px;
+}
+.tox.tox-platform-touch .tox-split-button__chevron {
+  width: 20px;
+}
+.tox .tox-split-button.tox-tbtn--disabled:hover,
+.tox .tox-split-button.tox-tbtn--disabled:focus,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
+.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
+  background: transparent;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-toolbar-overlord {
+  background-color: #fff;
+}
+.tox .tox-toolbar,
+.tox .tox-toolbar__primary,
+.tox .tox-toolbar__overflow {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;
+  background-color: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  flex-shrink: 0;
+  flex-wrap: wrap;
+  padding: 0 0;
+}
+.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
+  height: 0;
+  opacity: 0;
+  padding-bottom: 0;
+  padding-top: 0;
+  visibility: hidden;
+}
+.tox .tox-toolbar__overflow--growing {
+  transition: height 0.3s ease, opacity 0.2s linear 0.1s;
+}
+.tox .tox-toolbar__overflow--shrinking {
+  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;
+}
+.tox .tox-menubar + .tox-toolbar,
+.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
+  border-top: 1px solid #cccccc;
+  margin-top: -1px;
+}
+.tox .tox-toolbar--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-pop .tox-toolbar {
+  border-width: 0;
+}
+.tox .tox-toolbar--no-divider {
+  background-image: none;
+}
+.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child,
+.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary {
+  border-top: 1px solid #cccccc;
+}
+.tox.tox-tinymce-aux .tox-toolbar__overflow {
+  background-color: #fff;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+}
+.tox[dir=rtl] .tox-tbtn__icon-rtl svg {
+  transform: rotateY(180deg);
+}
+.tox .tox-toolbar__group {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 0;
+  padding: 0 4px 0 4px;
+}
+.tox .tox-toolbar__group--pull-right {
+  margin-left: auto;
+}
+.tox .tox-toolbar--scrolling .tox-toolbar__group {
+  flex-shrink: 0;
+  flex-wrap: nowrap;
+}
+.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
+  border-right: 1px solid #cccccc;
+}
+.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {
+  border-left: 1px solid #cccccc;
+}
+.tox .tox-tooltip {
+  display: inline-block;
+  padding: 8px;
+  position: relative;
+}
+.tox .tox-tooltip__body {
+  background-color: #222f3e;
+  border-radius: 3px;
+  box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);
+  color: rgba(255, 255, 255, 0.75);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  padding: 4px 8px;
+  text-transform: none;
+}
+.tox .tox-tooltip__arrow {
+  position: absolute;
+}
+.tox .tox-tooltip--down .tox-tooltip__arrow {
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  border-top: 8px solid #222f3e;
+  bottom: 0;
+  left: 50%;
+  position: absolute;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--up .tox-tooltip__arrow {
+  border-bottom: 8px solid #222f3e;
+  border-left: 8px solid transparent;
+  border-right: 8px solid transparent;
+  left: 50%;
+  position: absolute;
+  top: 0;
+  transform: translateX(-50%);
+}
+.tox .tox-tooltip--right .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-left: 8px solid #222f3e;
+  border-top: 8px solid transparent;
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-tooltip--left .tox-tooltip__arrow {
+  border-bottom: 8px solid transparent;
+  border-right: 8px solid #222f3e;
+  border-top: 8px solid transparent;
+  left: 0;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.tox .tox-well {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  padding: 8px;
+  width: 100%;
+}
+.tox .tox-well > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-well > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-well > *:only-child {
+  margin: 0;
+}
+.tox .tox-custom-editor {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  display: flex;
+  flex: 1;
+  position: relative;
+}
+/* stylelint-disable */
+.tox {
+  /* stylelint-enable */
+}
+.tox .tox-dialog-loading::before {
+  background-color: rgba(0, 0, 0, 0.5);
+  content: "";
+  height: 100%;
+  position: absolute;
+  width: 100%;
+  z-index: 1000;
+}
+.tox .tox-tab {
+  cursor: pointer;
+}
+.tox .tox-dialog__content-js {
+  display: flex;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-dialog__body-content .tox-collection {
+  display: flex;
+  flex: 1;
+  -ms-flex-preferred-size: auto;
+}
+.tox .tox-image-tools-edit-panel {
+  height: 60px;
+}
+.tox .tox-image-tools__sidebar {
+  height: 60px;
+}
diff --git a/src/assets/tinymce/skins/ui/oxide/skin.min.css b/src/assets/tinymce/skins/ui/oxide/skin.min.css
new file mode 100644
index 00000000..5f1b6857
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/skin.min.css
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tox{box-sizing:content-box;color:#222f3e;cursor:auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;-webkit-tap-highlight-color:transparent;text-decoration:none;text-shadow:none;text-transform:none;vertical-align:initial;white-space:normal}.tox :not(svg):not(rect){box-sizing:inherit;color:inherit;cursor:inherit;direction:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;-webkit-tap-highlight-color:inherit;text-align:inherit;text-decoration:inherit;text-shadow:inherit;text-transform:inherit;vertical-align:inherit;white-space:inherit}.tox :not(svg):not(rect){background:0 0;border:0;float:none;height:auto;margin:0;max-width:none;outline:0;padding:0;position:static;width:auto}.tox:not([dir=rtl]){direction:ltr;text-align:left}.tox[dir=rtl]{direction:rtl;text-align:right}.tox-tinymce{border:1px solid #ccc;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;overflow:hidden;position:relative;visibility:inherit!important}.tox-tinymce-inline{border:none;box-shadow:none}.tox-tinymce-inline .tox-editor-header{border:1px solid #ccc;border-radius:0;box-shadow:none}.tox-tinymce-aux{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;z-index:1300}.tox-tinymce :focus,.tox-tinymce-aux :focus{outline:0}button::-moz-focus-inner{border:0}.tox .accessibility-issue__header{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description{align-items:stretch;border:1px solid #ccc;border-radius:3px;display:flex;justify-content:space-between}.tox .accessibility-issue__description>div{padding-bottom:4px}.tox .accessibility-issue__description>div>div{align-items:center;display:flex;margin-bottom:4px}.tox .accessibility-issue__description>:last-child:not(:only-child){border-color:#ccc;border-style:solid}.tox .accessibility-issue__repair{margin-top:16px}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description{background-color:rgba(32,122,183,.1);border-color:rgba(32,122,183,.4);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description>:last-child{border-color:rgba(32,122,183,.4)}.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2{color:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg{fill:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon{color:#207ab7}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description{background-color:rgba(255,165,0,.1);border-color:rgba(255,165,0,.5);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description>:last-child{border-color:rgba(255,165,0,.5)}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2{color:#cc8500}.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg{fill:#cc8500}.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon{color:#cc8500}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description{background-color:rgba(204,0,0,.1);border-color:rgba(204,0,0,.4);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description>:last-child{border-color:rgba(204,0,0,.4)}.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2{color:#c00}.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg{fill:#c00}.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon{color:#c00}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description{background-color:rgba(120,171,70,.1);border-color:rgba(120,171,70,.4);color:#222f3e}.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description>:last-child{border-color:rgba(120,171,70,.4)}.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2{color:#78ab46}.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg{fill:#78ab46}.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon{color:#78ab46}.tox .tox-dialog__body-content .accessibility-issue__header h1,.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2{margin-top:0}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-left:4px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-left:auto}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description{padding:4px 4px 4px 8px}.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description>:last-child{border-left-width:1px;padding-left:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button{margin-right:4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header>:nth-last-child(2){margin-right:auto}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description{padding:4px 8px 4px 4px}.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description>:last-child{border-right-width:1px;padding-right:4px}.tox .tox-anchorbar{display:flex;flex:0 0 auto}.tox .tox-bar{display:flex;flex:0 0 auto}.tox .tox-button{background-color:#207ab7;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#207ab7;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;line-height:24px;margin:0;outline:0;padding:4px 16px;text-align:center;text-decoration:none;text-transform:capitalize;white-space:nowrap}.tox .tox-button[disabled]{background-color:#207ab7;background-image:none;border-color:#207ab7;box-shadow:none;color:rgba(255,255,255,.5);cursor:not-allowed}.tox .tox-button:focus:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:hover:not(:disabled){background-color:#1c6ca1;background-image:none;border-color:#1c6ca1;box-shadow:none;color:#fff}.tox .tox-button:active:not(:disabled){background-color:#185d8c;background-image:none;border-color:#185d8c;box-shadow:none;color:#fff}.tox .tox-button--secondary{background-color:#f0f0f0;background-image:none;background-position:0 0;background-repeat:repeat;border-color:#f0f0f0;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;color:#222f3e;font-size:14px;font-style:normal;font-weight:700;letter-spacing:normal;outline:0;padding:4px 16px;text-decoration:none;text-transform:capitalize}.tox .tox-button--secondary[disabled]{background-color:#f0f0f0;background-image:none;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--secondary:focus:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:hover:not(:disabled){background-color:#e3e3e3;background-image:none;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--secondary:active:not(:disabled){background-color:#d6d6d6;background-image:none;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--icon,.tox .tox-button.tox-button--icon,.tox .tox-button.tox-button--secondary.tox-button--icon{padding:4px}.tox .tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--icon .tox-icon svg,.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg{display:block;fill:currentColor}.tox .tox-button-link{background:0;border:none;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;white-space:nowrap}.tox .tox-button-link--sm{font-size:14px}.tox .tox-button--naked{background-color:transparent;border-color:transparent;box-shadow:unset;color:#222f3e}.tox .tox-button--naked[disabled]{background-color:#f0f0f0;border-color:#f0f0f0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-button--naked:hover:not(:disabled){background-color:#e3e3e3;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--naked:focus:not(:disabled){background-color:#e3e3e3;border-color:#e3e3e3;box-shadow:none;color:#222f3e}.tox .tox-button--naked:active:not(:disabled){background-color:#d6d6d6;border-color:#d6d6d6;box-shadow:none;color:#222f3e}.tox .tox-button--naked .tox-icon svg{fill:currentColor}.tox .tox-button--naked.tox-button--icon:hover:not(:disabled){color:#222f3e}.tox .tox-checkbox{align-items:center;border-radius:3px;cursor:pointer;display:flex;height:36px;min-width:36px}.tox .tox-checkbox__input{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}.tox .tox-checkbox__icons{align-items:center;border-radius:3px;box-shadow:0 0 0 2px transparent;box-sizing:content-box;display:flex;height:24px;justify-content:center;padding:calc(4px - 1px);width:24px}.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:block;fill:rgba(34,47,62,.3)}.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:none;fill:#207ab7}.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg{display:none;fill:#207ab7}.tox .tox-checkbox--disabled{color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg{fill:rgba(34,47,62,.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg{fill:rgba(34,47,62,.5)}.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{fill:rgba(34,47,62,.5)}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:checked+.tox-checkbox__icons .tox-checkbox-icon__checked svg{display:block}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__unchecked svg{display:none}.tox input.tox-checkbox__input:indeterminate+.tox-checkbox__icons .tox-checkbox-icon__indeterminate svg{display:block}.tox input.tox-checkbox__input:focus+.tox-checkbox__icons{border-radius:3px;box-shadow:inset 0 0 0 1px #207ab7;padding:calc(4px - 1px)}.tox:not([dir=rtl]) .tox-checkbox__label{margin-left:4px}.tox:not([dir=rtl]) .tox-checkbox__input{left:-10000px}.tox:not([dir=rtl]) .tox-bar .tox-checkbox{margin-left:4px}.tox[dir=rtl] .tox-checkbox__label{margin-right:4px}.tox[dir=rtl] .tox-checkbox__input{right:-10000px}.tox[dir=rtl] .tox-bar .tox-checkbox{margin-right:4px}.tox .tox-collection--toolbar .tox-collection__group{display:flex;padding:0}.tox .tox-collection--grid .tox-collection__group{display:flex;flex-wrap:wrap;max-height:208px;overflow-x:hidden;overflow-y:auto;padding:0}.tox .tox-collection--list .tox-collection__group{border-bottom-width:0;border-color:#ccc;border-left-width:0;border-right-width:0;border-style:solid;border-top-width:1px;padding:4px 0}.tox .tox-collection--list .tox-collection__group:first-child{border-top-width:0}.tox .tox-collection__group-heading{background-color:#e6e6e6;color:rgba(34,47,62,.7);cursor:default;font-size:12px;font-style:normal;font-weight:400;margin-bottom:4px;margin-top:-4px;padding:4px 8px;text-transform:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tox .tox-collection__item{align-items:center;color:#222f3e;cursor:pointer;display:flex;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tox .tox-collection--list .tox-collection__item{padding:4px 8px}.tox .tox-collection--toolbar .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--grid .tox-collection__item{border-radius:3px;padding:4px}.tox .tox-collection--list .tox-collection__item--enabled{background-color:#fff;color:#222f3e}.tox .tox-collection--list .tox-collection__item--active{background-color:#dee0e2}.tox .tox-collection--toolbar .tox-collection__item--enabled{background-color:#c8cbcf;color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active{background-color:#dee0e2}.tox .tox-collection--grid .tox-collection__item--enabled{background-color:#c8cbcf;color:#222f3e}.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled){background-color:#dee0e2;color:#222f3e}.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#222f3e}.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled){color:#222f3e}.tox .tox-collection__item--state-disabled{background-color:transparent;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-collection__item-checkmark,.tox .tox-collection__item-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.tox .tox-collection__item-checkmark svg,.tox .tox-collection__item-icon svg{fill:currentColor}.tox .tox-collection--toolbar-lg .tox-collection__item-icon{height:48px;width:48px}.tox .tox-collection__item-label{color:currentColor;display:inline-block;flex:1;-ms-flex-preferred-size:auto;font-size:14px;font-style:normal;font-weight:400;line-height:24px;text-transform:none;word-break:break-all}.tox .tox-collection__item-accessory{color:rgba(34,47,62,.7);display:inline-block;font-size:14px;height:24px;line-height:24px;text-transform:none}.tox .tox-collection__item-caret{align-items:center;display:flex;min-height:24px}.tox .tox-collection__item-caret::after{content:'';font-size:0;min-height:inherit}.tox .tox-collection__item-caret svg{fill:#222f3e}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg{display:none}.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory+.tox-collection__item-checkmark{display:none}.tox .tox-collection--horizontal{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15);display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto;padding:0}.tox .tox-collection--horizontal .tox-collection__group{align-items:center;display:flex;flex-wrap:nowrap;margin:0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item{height:34px;margin:2px 0 3px 0;padding:0 4px}.tox .tox-collection--horizontal .tox-collection__item-label{white-space:nowrap}.tox .tox-collection--horizontal .tox-collection__item-caret{margin-left:4px}.tox .tox-collection__item-container{display:flex}.tox .tox-collection__item-container--row{align-items:center;flex:1 1 auto;flex-direction:row}.tox .tox-collection__item-container--row.tox-collection__item-container--align-left{margin-right:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--align-right{justify-content:flex-end;margin-left:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top{align-items:flex-start;margin-bottom:auto}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle{align-items:center}.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom{align-items:flex-end;margin-top:auto}.tox .tox-collection__item-container--column{-ms-grid-row-align:center;align-self:center;flex:1 1 auto;flex-direction:column}.tox .tox-collection__item-container--column.tox-collection__item-container--align-left{align-items:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--align-right{align-items:flex-end}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top{align-self:flex-start}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle{-ms-grid-row-align:center;align-self:center}.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom{align-self:flex-end}.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-right:1px solid #ccc}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>:not(:first-child){margin-left:8px}.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-left:4px}.tox:not([dir=rtl]) .tox-collection__item-accessory{margin-left:16px;text-align:right}.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret{margin-left:16px}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type){border-left:1px solid #ccc}.tox[dir=rtl] .tox-collection--list .tox-collection__item>:not(:first-child){margin-right:8px}.tox[dir=rtl] .tox-collection--list .tox-collection__item>.tox-collection__item-label:first-child{margin-right:4px}.tox[dir=rtl] .tox-collection__item-icon-rtl .tox-collection__item-icon svg{transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection__item-accessory{margin-right:16px;text-align:left}.tox[dir=rtl] .tox-collection .tox-collection__item-caret{margin-right:16px;transform:rotateY(180deg)}.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret{margin-right:4px}.tox .tox-color-picker-container{display:flex;flex-direction:row;height:225px;margin:0}.tox .tox-sv-palette{box-sizing:border-box;display:flex;height:100%}.tox .tox-sv-palette-spectrum{height:100%}.tox .tox-sv-palette,.tox .tox-sv-palette-spectrum{width:225px}.tox .tox-sv-palette-thumb{background:0 0;border:1px solid #000;border-radius:50%;box-sizing:content-box;height:12px;position:absolute;width:12px}.tox .tox-sv-palette-inner-thumb{border:1px solid #fff;border-radius:50%;height:10px;position:absolute;width:10px}.tox .tox-hue-slider{box-sizing:border-box;height:100%;width:25px}.tox .tox-hue-slider-spectrum{background:linear-gradient(to bottom,red,#ff0080,#f0f,#8000ff,#00f,#0080ff,#0ff,#00ff80,#0f0,#80ff00,#ff0,#ff8000,red);height:100%;width:100%}.tox .tox-hue-slider,.tox .tox-hue-slider-spectrum{width:20px}.tox .tox-hue-slider-thumb{background:#fff;border:1px solid #000;box-sizing:content-box;height:4px;width:100%}.tox .tox-rgb-form{display:flex;flex-direction:column;justify-content:space-between}.tox .tox-rgb-form div{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;width:inherit}.tox .tox-rgb-form input{width:6em}.tox .tox-rgb-form input.tox-invalid{border:1px solid red!important}.tox .tox-rgb-form .tox-rgba-preview{border:1px solid #000;flex-grow:2;margin-bottom:0}.tox:not([dir=rtl]) .tox-sv-palette{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider{margin-right:15px}.tox:not([dir=rtl]) .tox-hue-slider-thumb{margin-left:-1px}.tox:not([dir=rtl]) .tox-rgb-form label{margin-right:.5em}.tox[dir=rtl] .tox-sv-palette{margin-left:15px}.tox[dir=rtl] .tox-hue-slider{margin-left:15px}.tox[dir=rtl] .tox-hue-slider-thumb{margin-right:-1px}.tox[dir=rtl] .tox-rgb-form label{margin-left:.5em}.tox .tox-toolbar .tox-swatches,.tox .tox-toolbar__overflow .tox-swatches,.tox .tox-toolbar__primary .tox-swatches{margin:2px 0 3px 4px}.tox .tox-collection--list .tox-collection__group .tox-swatches-menu{border:0;margin:-4px 0}.tox .tox-swatches__row{display:flex}.tox .tox-swatch{height:30px;transition:transform .15s,box-shadow .15s;width:30px}.tox .tox-swatch:focus,.tox .tox-swatch:hover{box-shadow:0 0 0 1px rgba(127,127,127,.3) inset;transform:scale(.8)}.tox .tox-swatch--remove{align-items:center;display:flex;justify-content:center}.tox .tox-swatch--remove svg path{stroke:#e74c3c}.tox .tox-swatches__picker-btn{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;height:30px;justify-content:center;outline:0;padding:0;width:30px}.tox .tox-swatches__picker-btn svg{height:24px;width:24px}.tox .tox-swatches__picker-btn:hover{background:#dee0e2}.tox:not([dir=rtl]) .tox-swatches__picker-btn{margin-left:auto}.tox[dir=rtl] .tox-swatches__picker-btn{margin-right:auto}.tox .tox-comment-thread{background:#fff;position:relative}.tox .tox-comment-thread>:not(:first-child){margin-top:8px}.tox .tox-comment{background:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);padding:8px 8px 16px 8px;position:relative}.tox .tox-comment__header{align-items:center;color:#222f3e;display:flex;justify-content:space-between}.tox .tox-comment__date{color:rgba(34,47,62,.7);font-size:12px}.tox .tox-comment__body{color:#222f3e;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;margin-top:8px;position:relative;text-transform:initial}.tox .tox-comment__body textarea{resize:none;white-space:normal;width:100%}.tox .tox-comment__expander{padding-top:8px}.tox .tox-comment__expander p{color:rgba(34,47,62,.7);font-size:14px;font-style:normal}.tox .tox-comment__body p{margin:0}.tox .tox-comment__buttonspacing{padding-top:16px;text-align:center}.tox .tox-comment-thread__overlay::after{background:#fff;bottom:0;content:"";display:flex;left:0;opacity:.9;position:absolute;right:0;top:0;z-index:5}.tox .tox-comment__reply{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}.tox .tox-comment__reply>:first-child{margin-bottom:8px;width:100%}.tox .tox-comment__edit{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:16px}.tox .tox-comment__gradient::after{background:linear-gradient(rgba(255,255,255,0),#fff);bottom:0;content:"";display:block;height:5em;margin-top:-40px;position:absolute;width:100%}.tox .tox-comment__overlay{background:#fff;bottom:0;display:flex;flex-direction:column;flex-grow:1;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:0;z-index:5}.tox .tox-comment__loading-text{align-items:center;color:#222f3e;display:flex;flex-direction:column;position:relative}.tox .tox-comment__loading-text>div{padding-bottom:16px}.tox .tox-comment__overlaytext{bottom:0;flex-direction:column;font-size:14px;left:0;padding:1em;position:absolute;right:0;top:0;z-index:10}.tox .tox-comment__overlaytext p{background-color:#fff;box-shadow:0 0 8px 8px #fff;color:#222f3e;text-align:center}.tox .tox-comment__overlaytext div:nth-of-type(2){font-size:.8em}.tox .tox-comment__busy-spinner{align-items:center;background-color:#fff;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.tox .tox-comment__scroll{display:flex;flex-direction:column;flex-shrink:1;overflow:auto}.tox .tox-conversations{margin:8px}.tox:not([dir=rtl]) .tox-comment__edit{margin-left:8px}.tox:not([dir=rtl]) .tox-comment__buttonspacing>:last-child,.tox:not([dir=rtl]) .tox-comment__edit>:last-child,.tox:not([dir=rtl]) .tox-comment__reply>:last-child{margin-left:8px}.tox[dir=rtl] .tox-comment__edit{margin-right:8px}.tox[dir=rtl] .tox-comment__buttonspacing>:last-child,.tox[dir=rtl] .tox-comment__edit>:last-child,.tox[dir=rtl] .tox-comment__reply>:last-child{margin-right:8px}.tox .tox-user{align-items:center;display:flex}.tox .tox-user__avatar svg{fill:rgba(34,47,62,.7)}.tox .tox-user__name{color:rgba(34,47,62,.7);font-size:12px;font-style:normal;font-weight:700;text-transform:uppercase}.tox:not([dir=rtl]) .tox-user__avatar svg{margin-right:8px}.tox:not([dir=rtl]) .tox-user__avatar+.tox-user__name{margin-left:8px}.tox[dir=rtl] .tox-user__avatar svg{margin-left:8px}.tox[dir=rtl] .tox-user__avatar+.tox-user__name{margin-right:8px}.tox .tox-dialog-wrap{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.tox .tox-dialog-wrap__backdrop{background-color:rgba(255,255,255,.75);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.tox .tox-dialog-wrap__backdrop--opaque{background-color:#fff}.tox .tox-dialog{background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:0 16px 16px -10px rgba(34,47,62,.15),0 0 40px 1px rgba(34,47,62,.15);display:flex;flex-direction:column;max-height:100%;max-width:480px;overflow:hidden;position:relative;width:95vw;z-index:2}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog{align-self:flex-start;margin:8px auto;width:calc(100vw - 16px)}}.tox .tox-dialog-inline{z-index:1100}.tox .tox-dialog__header{align-items:center;background-color:#fff;border-bottom:none;color:#222f3e;display:flex;font-size:16px;justify-content:space-between;padding:8px 16px 0 16px;position:relative}.tox .tox-dialog__header .tox-button{z-index:1}.tox .tox-dialog__draghandle{cursor:grab;height:100%;left:0;position:absolute;top:0;width:100%}.tox .tox-dialog__draghandle:active{cursor:grabbing}.tox .tox-dialog__dismiss{margin-left:auto}.tox .tox-dialog__title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:1.3;margin:0;text-transform:none}.tox .tox-dialog__body{color:#222f3e;display:flex;flex:1;-ms-flex-preferred-size:auto;font-size:16px;font-style:normal;font-weight:400;line-height:1.3;min-width:0;text-align:left;text-transform:none}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body{flex-direction:column}}.tox .tox-dialog__body-nav{align-items:flex-start;display:flex;flex-direction:column;padding:16px 16px}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox .tox-dialog__body-nav{flex-direction:row;-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:0}}.tox .tox-dialog__body-nav-item{border-bottom:2px solid transparent;color:rgba(34,47,62,.7);display:inline-block;font-size:14px;line-height:1.3;margin-bottom:8px;text-decoration:none;white-space:nowrap}.tox .tox-dialog__body-nav-item:focus{background-color:rgba(32,122,183,.1)}.tox .tox-dialog__body-nav-item--active{border-bottom:2px solid #207ab7;color:#207ab7}.tox .tox-dialog__body-content{box-sizing:border-box;display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto;max-height:650px;overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 16px}.tox .tox-dialog__body-content>*{margin-bottom:0;margin-top:16px}.tox .tox-dialog__body-content>:first-child{margin-top:0}.tox .tox-dialog__body-content>:last-child{margin-bottom:0}.tox .tox-dialog__body-content>:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog__body-content a{color:#207ab7;cursor:pointer;text-decoration:none}.tox .tox-dialog__body-content a:focus,.tox .tox-dialog__body-content a:hover{color:#185d8c;text-decoration:none}.tox .tox-dialog__body-content a:active{color:#185d8c;text-decoration:none}.tox .tox-dialog__body-content svg{fill:#222f3e}.tox .tox-dialog__body-content ul{display:block;list-style-type:disc;margin-bottom:16px;-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.tox .tox-dialog__body-content .tox-form__group h1{color:#222f3e;font-size:20px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group h2{color:#222f3e;font-size:16px;font-style:normal;font-weight:700;letter-spacing:normal;margin-bottom:16px;margin-top:2rem;text-transform:none}.tox .tox-dialog__body-content .tox-form__group p{margin-bottom:16px}.tox .tox-dialog__body-content .tox-form__group h1:first-child,.tox .tox-dialog__body-content .tox-form__group h2:first-child,.tox .tox-dialog__body-content .tox-form__group p:first-child{margin-top:0}.tox .tox-dialog__body-content .tox-form__group h1:last-child,.tox .tox-dialog__body-content .tox-form__group h2:last-child,.tox .tox-dialog__body-content .tox-form__group p:last-child{margin-bottom:0}.tox .tox-dialog__body-content .tox-form__group h1:only-child,.tox .tox-dialog__body-content .tox-form__group h2:only-child,.tox .tox-dialog__body-content .tox-form__group p:only-child{margin-bottom:0;margin-top:0}.tox .tox-dialog--width-lg{height:650px;max-width:1200px}.tox .tox-dialog--width-md{max-width:800px}.tox .tox-dialog--width-md .tox-dialog__body-content{overflow:auto}.tox .tox-dialog__body-content--centered{text-align:center}.tox .tox-dialog__footer{align-items:center;background-color:#fff;border-top:1px solid #ccc;display:flex;justify-content:space-between;padding:8px 16px}.tox .tox-dialog__footer-end,.tox .tox-dialog__footer-start{display:flex}.tox .tox-dialog__busy-spinner{align-items:center;background-color:rgba(255,255,255,.75);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.tox .tox-dialog__table{border-collapse:collapse;width:100%}.tox .tox-dialog__table thead th{font-weight:700;padding-bottom:8px}.tox .tox-dialog__table tbody tr{border-bottom:1px solid #ccc}.tox .tox-dialog__table tbody tr:last-child{border-bottom:none}.tox .tox-dialog__table td{padding-bottom:8px;padding-top:8px}.tox .tox-dialog__popups{position:absolute;width:100%;z-index:1100}.tox .tox-dialog__body-iframe{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-iframe .tox-navobj{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2){flex:1;-ms-flex-preferred-size:auto;height:100%}.tox .tox-dialog-dock-fadeout{opacity:0;visibility:hidden}.tox .tox-dialog-dock-fadein{opacity:1;visibility:visible}.tox .tox-dialog-dock-transition{transition:visibility 0s linear .3s,opacity .3s ease}.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein{transition-delay:0s}.tox.tox-platform-ie .tox-dialog-wrap{position:-ms-device-fixed}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav{margin-right:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child){margin-left:8px}}.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end>*,.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start>*{margin-left:8px}.tox[dir=rtl] .tox-dialog__body{text-align:right}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav{margin-left:0}}@media only screen and (max-width:767px){body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child){margin-right:8px}}.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end>*,.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start>*{margin-right:8px}body.tox-dialog__disable-scroll{overflow:hidden}.tox .tox-dropzone-container{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dropzone{align-items:center;background:#fff;border:2px dashed #ccc;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:100px;padding:10px}.tox .tox-dropzone p{color:rgba(34,47,62,.7);margin:0 0 16px 0}.tox .tox-edit-area{display:flex;flex:1;-ms-flex-preferred-size:auto;overflow:hidden;position:relative}.tox .tox-edit-area__iframe{background-color:#fff;border:0;box-sizing:border-box;flex:1;-ms-flex-preferred-size:auto;height:100%;position:absolute;width:100%}.tox.tox-inline-edit-area{border:1px dotted #ccc}.tox .tox-editor-container{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.tox .tox-editor-header{z-index:1}.tox:not(.tox-tinymce-inline) .tox-editor-header{box-shadow:none;transition:box-shadow .5s}.tox.tox-tinymce--toolbar-bottom .tox-editor-header,.tox.tox-tinymce-inline .tox-editor-header{margin-bottom:-1px}.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header{box-shadow:0 4px 4px -3px rgba(0,0,0,.25)}.tox-editor-dock-fadeout{opacity:0;visibility:hidden}.tox-editor-dock-fadein{opacity:1;visibility:visible}.tox-editor-dock-transition{transition:visibility 0s linear .25s,opacity .25s ease}.tox-editor-dock-transition.tox-editor-dock-fadein{transition-delay:0s}.tox .tox-control-wrap{flex:1;position:relative}.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid{display:none}.tox .tox-control-wrap svg{display:block}.tox .tox-control-wrap__status-icon-wrap{position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-control-wrap__status-icon-invalid svg{fill:#c00}.tox .tox-control-wrap__status-icon-unknown svg{fill:orange}.tox .tox-control-wrap__status-icon-valid svg{fill:green}.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield{padding-right:32px}.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap{right:4px}.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield{padding-left:32px}.tox[dir=rtl] .tox-control-wrap__status-icon-wrap{left:4px}.tox .tox-autocompleter{max-width:25em}.tox .tox-autocompleter .tox-menu{max-width:25em}.tox .tox-autocompleter .tox-autocompleter-highlight{font-weight:700}.tox .tox-color-input{display:flex;position:relative;z-index:1}.tox .tox-color-input .tox-textfield{z-index:-1}.tox .tox-color-input span{border-color:rgba(34,47,62,.2);border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;height:24px;position:absolute;top:6px;width:24px}.tox .tox-color-input span:focus:not([aria-disabled=true]),.tox .tox-color-input span:hover:not([aria-disabled=true]){border-color:#207ab7;cursor:pointer}.tox .tox-color-input span::before{background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.25) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.25) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.25) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #fff;border-radius:3px;box-sizing:border-box;content:'';height:24px;left:-1px;position:absolute;top:-1px;width:24px;z-index:-1}.tox .tox-color-input span[aria-disabled=true]{cursor:not-allowed}.tox:not([dir=rtl]) .tox-color-input .tox-textfield{padding-left:36px}.tox:not([dir=rtl]) .tox-color-input span{left:6px}.tox[dir=rtl] .tox-color-input .tox-textfield{padding-right:36px}.tox[dir=rtl] .tox-color-input span{right:6px}.tox .tox-label,.tox .tox-toolbar-label{color:rgba(34,47,62,.7);display:block;font-size:14px;font-style:normal;font-weight:400;line-height:1.3;padding:0 8px 0 0;text-transform:none;white-space:nowrap}.tox .tox-toolbar-label{padding:0 8px}.tox[dir=rtl] .tox-label{padding:0 0 0 8px}.tox .tox-form{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-form__group{box-sizing:border-box;margin-bottom:4px}.tox .tox-form-group--maximize{flex:1}.tox .tox-form__group--error{color:#c00}.tox .tox-form__group--collection{display:flex}.tox .tox-form__grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tox .tox-form__grid--2col>.tox-form__group{width:calc(50% - (8px / 2))}.tox .tox-form__grid--3col>.tox-form__group{width:calc(100% / 3 - (8px / 2))}.tox .tox-form__grid--4col>.tox-form__group{width:calc(25% - (8px / 2))}.tox .tox-form__controls-h-stack{align-items:center;display:flex}.tox .tox-form__group--inline{align-items:center;display:flex}.tox .tox-form__group--stretched{display:flex;flex:1;flex-direction:column;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-textarea{flex:1;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-navobj{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-form__group--stretched .tox-navobj :nth-child(2){flex:1;-ms-flex-preferred-size:auto;height:100%}.tox:not([dir=rtl]) .tox-form__controls-h-stack>:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-form__controls-h-stack>:not(:first-child){margin-right:4px}.tox .tox-lock.tox-locked .tox-lock-icon__unlock,.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock{display:none}.tox .tox-listboxfield .tox-listbox--select,.tox .tox-textarea,.tox .tox-textfield,.tox .tox-toolbar-textfield{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-textarea[disabled],.tox .tox-textfield[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-listboxfield .tox-listbox--select:focus,.tox .tox-textarea:focus,.tox .tox-textfield:focus{background-color:#fff;border-color:#207ab7;box-shadow:none;outline:0}.tox .tox-toolbar-textfield{border-width:0;margin-bottom:3px;margin-top:2px;max-width:250px}.tox .tox-naked-btn{background-color:transparent;border:0;border-color:transparent;box-shadow:unset;color:#207ab7;cursor:pointer;display:block;margin:0;padding:0}.tox .tox-naked-btn svg{display:block;fill:#222f3e}.tox:not([dir=rtl]) .tox-toolbar-textfield+*{margin-left:4px}.tox[dir=rtl] .tox-toolbar-textfield+*{margin-right:4px}.tox .tox-listboxfield{cursor:pointer;position:relative}.tox .tox-listboxfield .tox-listbox--select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-listbox__select-label{cursor:default;flex:1;margin:0 4px}.tox .tox-listbox__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-listbox__select-chevron svg{fill:#222f3e}.tox .tox-listboxfield .tox-listbox--select{align-items:center;display:flex}.tox:not([dir=rtl]) .tox-listboxfield svg{right:8px}.tox[dir=rtl] .tox-listboxfield svg{left:8px}.tox .tox-selectfield{cursor:pointer;position:relative}.tox .tox-selectfield select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#ccc;border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;color:#222f3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:16px;line-height:24px;margin:0;min-height:34px;outline:0;padding:5px 4.75px;resize:none;width:100%}.tox .tox-selectfield select[disabled]{background-color:#f2f2f2;color:rgba(34,47,62,.85);cursor:not-allowed}.tox .tox-selectfield select::-ms-expand{display:none}.tox .tox-selectfield select:focus{background-color:#fff;border-color:#207ab7;box-shadow:none;outline:0}.tox .tox-selectfield svg{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tox:not([dir=rtl]) .tox-selectfield select[size="0"],.tox:not([dir=rtl]) .tox-selectfield select[size="1"]{padding-right:24px}.tox:not([dir=rtl]) .tox-selectfield svg{right:8px}.tox[dir=rtl] .tox-selectfield select[size="0"],.tox[dir=rtl] .tox-selectfield select[size="1"]{padding-left:24px}.tox[dir=rtl] .tox-selectfield svg{left:8px}.tox .tox-textarea{-webkit-appearance:textarea;-moz-appearance:textarea;appearance:textarea;white-space:pre-wrap}.tox-fullscreen{border:0;height:100%;left:0;margin:0;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:none;padding:0;position:fixed;top:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox.tox-tinymce.tox-fullscreen{z-index:1200}.tox-shadowhost.tox-fullscreen{z-index:1200}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}.tox .tox-help__more-link{list-style:none;margin-top:1em}.tox .tox-image-tools{width:100%}.tox .tox-image-tools__toolbar{align-items:center;display:flex;justify-content:center}.tox .tox-image-tools__image{background-color:#666;height:380px;overflow:auto;position:relative;width:100%}.tox .tox-image-tools__image,.tox .tox-image-tools__image+.tox-image-tools__toolbar{margin-top:8px}.tox .tox-image-tools__image-bg{background:url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==)}.tox .tox-image-tools__toolbar>.tox-spacer{flex:1;-ms-flex-preferred-size:auto}.tox .tox-croprect-block{background:#000;opacity:.5;position:absolute;zoom:1}.tox .tox-croprect-handle{border:2px solid #fff;height:20px;left:0;position:absolute;top:0;width:20px}.tox .tox-croprect-handle-move{border:0;cursor:move;position:absolute}.tox .tox-croprect-handle-nw{border-width:2px 0 0 2px;cursor:nw-resize;left:100px;margin:-2px 0 0 -2px;top:100px}.tox .tox-croprect-handle-ne{border-width:2px 2px 0 0;cursor:ne-resize;left:200px;margin:-2px 0 0 -20px;top:100px}.tox .tox-croprect-handle-sw{border-width:0 0 2px 2px;cursor:sw-resize;left:100px;margin:-20px 2px 0 -2px;top:200px}.tox .tox-croprect-handle-se{border-width:0 2px 2px 0;cursor:se-resize;left:200px;margin:-20px 0 0 -20px;top:200px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-left:8px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-left:32px}.tox:not([dir=rtl]) .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-left:32px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider:not(:first-of-type){margin-right:8px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-button+.tox-slider{margin-right:32px}.tox[dir=rtl] .tox-image-tools__toolbar>.tox-slider+.tox-button{margin-right:32px}.tox .tox-insert-table-picker{display:flex;flex-wrap:wrap;width:170px}.tox .tox-insert-table-picker>div{border-color:#ccc;border-style:solid;border-width:0 1px 1px 0;box-sizing:border-box;height:17px;width:17px}.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker{margin:-4px 0}.tox .tox-insert-table-picker .tox-insert-table-picker__selected{background-color:rgba(32,122,183,.5);border-color:rgba(32,122,183,.5)}.tox .tox-insert-table-picker__label{color:rgba(34,47,62,.7);display:block;font-size:14px;padding:4px;text-align:center;width:100%}.tox:not([dir=rtl]) .tox-insert-table-picker>div:nth-child(10n){border-right:0}.tox[dir=rtl] .tox-insert-table-picker>div:nth-child(10n+1){border-right:0}.tox .tox-menu{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 4px 8px 0 rgba(34,47,62,.1);display:inline-block;overflow:hidden;vertical-align:top;z-index:1150}.tox .tox-menu.tox-collection.tox-collection--list{padding:0}.tox .tox-menu.tox-collection.tox-collection--toolbar{padding:4px}.tox .tox-menu.tox-collection.tox-collection--grid{padding:4px}.tox .tox-menu__label blockquote,.tox .tox-menu__label code,.tox .tox-menu__label h1,.tox .tox-menu__label h2,.tox .tox-menu__label h3,.tox .tox-menu__label h4,.tox .tox-menu__label h5,.tox .tox-menu__label h6,.tox .tox-menu__label p{margin:0}.tox .tox-menubar{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color:#fff;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 4px 0 4px}.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar{border-top:1px solid #ccc}.tox .tox-mbtn{align-items:center;background:0 0;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;overflow:hidden;padding:0 4px;text-transform:none;width:auto}.tox .tox-mbtn[disabled]{background-color:transparent;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-mbtn:focus:not(:disabled){background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn--active{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active){background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-mbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-mbtn[disabled] .tox-mbtn__select-label{cursor:not-allowed}.tox .tox-mbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px;display:none}.tox .tox-notification{border-radius:3px;border-style:solid;border-width:1px;box-shadow:none;box-sizing:border-box;display:-ms-grid;display:grid;font-size:14px;font-weight:400;-ms-grid-columns:minmax(40px,1fr) auto minmax(40px,1fr);grid-template-columns:minmax(40px,1fr) auto minmax(40px,1fr);margin-top:4px;opacity:0;padding:4px;transition:transform .1s ease-in,opacity 150ms ease-in}.tox .tox-notification p{font-size:14px;font-weight:400}.tox .tox-notification a{text-decoration:underline}.tox .tox-notification--in{opacity:1}.tox .tox-notification--success{background-color:#e4eeda;border-color:#d7e6c8;color:#222f3e}.tox .tox-notification--success p{color:#222f3e}.tox .tox-notification--success a{color:#547831}.tox .tox-notification--success svg{fill:#222f3e}.tox .tox-notification--error{background-color:#f8dede;border-color:#f2bfbf;color:#222f3e}.tox .tox-notification--error p{color:#222f3e}.tox .tox-notification--error a{color:#c00}.tox .tox-notification--error svg{fill:#222f3e}.tox .tox-notification--warn,.tox .tox-notification--warning{background-color:#fffaea;border-color:#ffe89d;color:#222f3e}.tox .tox-notification--warn p,.tox .tox-notification--warning p{color:#222f3e}.tox .tox-notification--warn a,.tox .tox-notification--warning a{color:#222f3e}.tox .tox-notification--warn svg,.tox .tox-notification--warning svg{fill:#222f3e}.tox .tox-notification--info{background-color:#d9edf7;border-color:#779ecb;color:#222f3e}.tox .tox-notification--info p{color:#222f3e}.tox .tox-notification--info a{color:#222f3e}.tox .tox-notification--info svg{fill:#222f3e}.tox .tox-notification__body{-ms-grid-row-align:center;align-self:center;color:#222f3e;font-size:14px;-ms-grid-column-span:1;grid-column-end:3;-ms-grid-column:2;grid-column-start:2;-ms-grid-row-span:1;grid-row-end:2;-ms-grid-row:1;grid-row-start:1;text-align:center;white-space:normal;word-break:break-all;word-break:break-word}.tox .tox-notification__body>*{margin:0}.tox .tox-notification__body>*+*{margin-top:1rem}.tox .tox-notification__icon{-ms-grid-row-align:center;align-self:center;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-column:1;grid-column-start:1;-ms-grid-row-span:1;grid-row-end:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-align:end;justify-self:end}.tox .tox-notification__icon svg{display:block}.tox .tox-notification__dismiss{-ms-grid-row-align:start;align-self:start;-ms-grid-column-span:1;grid-column-end:4;-ms-grid-column:3;grid-column-start:3;-ms-grid-row-span:1;grid-row-end:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-column-align:end;justify-self:end}.tox .tox-notification .tox-progress-bar{-ms-grid-column-span:3;grid-column-end:4;-ms-grid-column:1;grid-column-start:1;-ms-grid-row-span:1;grid-row-end:3;-ms-grid-row:2;grid-row-start:2;-ms-grid-column-align:center;justify-self:center}.tox .tox-pop{display:inline-block;position:relative}.tox .tox-pop--resizing{transition:width .1s ease}.tox .tox-pop--resizing .tox-toolbar{flex-wrap:nowrap}.tox .tox-pop__dialog{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15);min-width:0;overflow:hidden}.tox .tox-pop__dialog>:not(.tox-toolbar){margin:4px 4px 4px 8px}.tox .tox-pop__dialog .tox-toolbar{background-color:transparent;margin-bottom:-1px}.tox .tox-pop::after,.tox .tox-pop::before{border-style:solid;content:'';display:block;height:0;position:absolute;width:0}.tox .tox-pop.tox-pop--bottom::after,.tox .tox-pop.tox-pop--bottom::before{left:50%;top:100%}.tox .tox-pop.tox-pop--bottom::after{border-color:#fff transparent transparent transparent;border-width:8px;margin-left:-8px;margin-top:-1px}.tox .tox-pop.tox-pop--bottom::before{border-color:#ccc transparent transparent transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--top::after,.tox .tox-pop.tox-pop--top::before{left:50%;top:0;transform:translateY(-100%)}.tox .tox-pop.tox-pop--top::after{border-color:transparent transparent #fff transparent;border-width:8px;margin-left:-8px;margin-top:1px}.tox .tox-pop.tox-pop--top::before{border-color:transparent transparent #ccc transparent;border-width:9px;margin-left:-9px}.tox .tox-pop.tox-pop--left::after,.tox .tox-pop.tox-pop--left::before{left:0;top:calc(50% - 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--left::after{border-color:transparent #fff transparent transparent;border-width:8px;margin-left:-15px}.tox .tox-pop.tox-pop--left::before{border-color:transparent #ccc transparent transparent;border-width:10px;margin-left:-19px}.tox .tox-pop.tox-pop--right::after,.tox .tox-pop.tox-pop--right::before{left:100%;top:calc(50% + 1px);transform:translateY(-50%)}.tox .tox-pop.tox-pop--right::after{border-color:transparent transparent transparent #fff;border-width:8px;margin-left:-1px}.tox .tox-pop.tox-pop--right::before{border-color:transparent transparent transparent #ccc;border-width:10px;margin-left:-1px}.tox .tox-pop.tox-pop--align-left::after,.tox .tox-pop.tox-pop--align-left::before{left:20px}.tox .tox-pop.tox-pop--align-right::after,.tox .tox-pop.tox-pop--align-right::before{left:calc(100% - 20px)}.tox .tox-sidebar-wrap{display:flex;flex-direction:row;flex-grow:1;-ms-flex-preferred-size:0;min-height:0}.tox .tox-sidebar{background-color:#fff;display:flex;flex-direction:row;justify-content:flex-end}.tox .tox-sidebar__slider{display:flex;overflow:hidden}.tox .tox-sidebar__pane-container{display:flex}.tox .tox-sidebar__pane{display:flex}.tox .tox-sidebar--sliding-closed{opacity:0}.tox .tox-sidebar--sliding-open{opacity:1}.tox .tox-sidebar--sliding-growing,.tox .tox-sidebar--sliding-shrinking{transition:width .5s ease,opacity .5s ease}.tox .tox-selector{background-color:#4099ff;border-color:#4099ff;border-style:solid;border-width:1px;box-sizing:border-box;display:inline-block;height:10px;position:absolute;width:10px}.tox.tox-platform-touch .tox-selector{height:12px;width:12px}.tox .tox-slider{align-items:center;display:flex;flex:1;-ms-flex-preferred-size:auto;height:24px;justify-content:center;position:relative}.tox .tox-slider__rail{background-color:transparent;border:1px solid #ccc;border-radius:3px;height:10px;min-width:120px;width:100%}.tox .tox-slider__handle{background-color:#207ab7;border:2px solid #185d8c;border-radius:3px;box-shadow:none;height:24px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:14px}.tox .tox-source-code{overflow:auto}.tox .tox-spinner{display:flex}.tox .tox-spinner>div{animation:tam-bouncing-dots 1.5s ease-in-out 0s infinite both;background-color:rgba(34,47,62,.7);border-radius:100%;height:8px;width:8px}.tox .tox-spinner>div:nth-child(1){animation-delay:-.32s}.tox .tox-spinner>div:nth-child(2){animation-delay:-.16s}@keyframes tam-bouncing-dots{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.tox:not([dir=rtl]) .tox-spinner>div:not(:first-child){margin-left:4px}.tox[dir=rtl] .tox-spinner>div:not(:first-child){margin-right:4px}.tox .tox-statusbar{align-items:center;background-color:#fff;border-top:1px solid #ccc;color:rgba(34,47,62,.7);display:flex;flex:0 0 auto;font-size:12px;font-weight:400;height:18px;overflow:hidden;padding:0 8px;position:relative;text-transform:uppercase}.tox .tox-statusbar__text-container{display:flex;flex:1 1 auto;justify-content:flex-end;overflow:hidden}.tox .tox-statusbar__path{display:flex;flex:1 1 auto;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tox .tox-statusbar__path>*{display:inline;white-space:nowrap}.tox .tox-statusbar__wordcount{flex:0 0 auto;margin-left:1ch}.tox .tox-statusbar a,.tox .tox-statusbar__path-item,.tox .tox-statusbar__wordcount{color:rgba(34,47,62,.7);text-decoration:none}.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]),.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]){cursor:pointer;text-decoration:underline}.tox .tox-statusbar__resize-handle{align-items:flex-end;align-self:stretch;cursor:nwse-resize;display:flex;flex:0 0 auto;justify-content:flex-end;margin-left:auto;margin-right:-8px;padding-left:1ch}.tox .tox-statusbar__resize-handle svg{display:block;fill:rgba(34,47,62,.7)}.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-right:4px}.tox:not([dir=rtl]) .tox-statusbar__branding{margin-left:1ch}.tox[dir=rtl] .tox-statusbar{flex-direction:row-reverse}.tox[dir=rtl] .tox-statusbar__path>*{margin-left:4px}.tox .tox-throbber{z-index:1400}.tox .tox-throbber__busy-spinner{align-items:center;background-color:rgba(255,255,255,.6);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.tox .tox-tbtn{align-items:center;background:0 0;border:0;border-radius:3px;box-shadow:none;color:#222f3e;display:flex;flex:0 0 auto;font-size:14px;font-style:normal;font-weight:400;height:34px;justify-content:center;margin:2px 0 3px 0;outline:0;overflow:hidden;padding:0;text-transform:none;width:34px}.tox .tox-tbtn svg{display:block;fill:#222f3e}.tox .tox-tbtn.tox-tbtn-more{padding-left:5px;padding-right:5px;width:inherit}.tox .tox-tbtn:focus{background:#dee0e2;border:0;box-shadow:none}.tox .tox-tbtn:hover{background:#dee0e2;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:hover svg{fill:#222f3e}.tox .tox-tbtn:active{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn:active svg{fill:#222f3e}.tox .tox-tbtn--disabled,.tox .tox-tbtn--disabled:hover,.tox .tox-tbtn:disabled,.tox .tox-tbtn:disabled:hover{background:0 0;border:0;box-shadow:none;color:rgba(34,47,62,.5);cursor:not-allowed}.tox .tox-tbtn--disabled svg,.tox .tox-tbtn--disabled:hover svg,.tox .tox-tbtn:disabled svg,.tox .tox-tbtn:disabled:hover svg{fill:rgba(34,47,62,.5)}.tox .tox-tbtn--enabled,.tox .tox-tbtn--enabled:hover{background:#c8cbcf;border:0;box-shadow:none;color:#222f3e}.tox .tox-tbtn--enabled:hover>*,.tox .tox-tbtn--enabled>*{transform:none}.tox .tox-tbtn--enabled svg,.tox .tox-tbtn--enabled:hover svg{fill:#222f3e}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled){color:#222f3e}.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg{fill:#222f3e}.tox .tox-tbtn:active>*{transform:none}.tox .tox-tbtn--md{height:51px;width:51px}.tox .tox-tbtn--lg{flex-direction:column;height:68px;width:68px}.tox .tox-tbtn--return{-ms-grid-row-align:stretch;align-self:stretch;height:unset;width:16px}.tox .tox-tbtn--labeled{padding:0 4px;width:unset}.tox .tox-tbtn__vlabel{display:block;font-size:10px;font-weight:400;letter-spacing:-.025em;margin-bottom:4px;white-space:nowrap}.tox .tox-tbtn--select{margin:2px 0 3px 0;padding:0 4px;width:auto}.tox .tox-tbtn__select-label{cursor:default;font-weight:400;margin:0 4px}.tox .tox-tbtn__select-chevron{align-items:center;display:flex;justify-content:center;width:16px}.tox .tox-tbtn__select-chevron svg{fill:rgba(34,47,62,.5)}.tox .tox-tbtn--bespoke .tox-tbtn__select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:7em}.tox .tox-split-button{border:0;border-radius:3px;box-sizing:border-box;display:flex;margin:2px 0 3px 0;overflow:hidden}.tox .tox-split-button:hover{box-shadow:0 0 0 1px #dee0e2 inset}.tox .tox-split-button:focus{background:#dee0e2;box-shadow:none;color:#222f3e}.tox .tox-split-button>*{border-radius:0}.tox .tox-split-button__chevron{width:16px}.tox .tox-split-button__chevron svg{fill:rgba(34,47,62,.5)}.tox .tox-split-button .tox-tbtn{margin:0}.tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child{width:30px}.tox.tox-platform-touch .tox-split-button__chevron{width:20px}.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus,.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,.tox .tox-split-button.tox-tbtn--disabled:focus,.tox .tox-split-button.tox-tbtn--disabled:hover{background:0 0;box-shadow:none;color:rgba(34,47,62,.5)}.tox .tox-toolbar-overlord{background-color:#fff}.tox .tox-toolbar,.tox .tox-toolbar__overflow,.tox .tox-toolbar__primary{background:url("data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") left 0 top 0 #fff;background-color:#fff;display:flex;flex:0 0 auto;flex-shrink:0;flex-wrap:wrap;padding:0 0}.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed{height:0;opacity:0;padding-bottom:0;padding-top:0;visibility:hidden}.tox .tox-toolbar__overflow--growing{transition:height .3s ease,opacity .2s linear .1s}.tox .tox-toolbar__overflow--shrinking{transition:opacity .3s ease,height .2s linear .1s,visibility 0s linear .3s}.tox .tox-menubar+.tox-toolbar,.tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary{border-top:1px solid #ccc;margin-top:-1px}.tox .tox-toolbar--scrolling{flex-wrap:nowrap;overflow-x:auto}.tox .tox-pop .tox-toolbar{border-width:0}.tox .tox-toolbar--no-divider{background-image:none}.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary,.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child{border-top:1px solid #ccc}.tox.tox-tinymce-aux .tox-toolbar__overflow{background-color:#fff;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.15)}.tox[dir=rtl] .tox-tbtn__icon-rtl svg{transform:rotateY(180deg)}.tox .tox-toolbar__group{align-items:center;display:flex;flex-wrap:wrap;margin:0 0;padding:0 4px 0 4px}.tox .tox-toolbar__group--pull-right{margin-left:auto}.tox .tox-toolbar--scrolling .tox-toolbar__group{flex-shrink:0;flex-wrap:nowrap}.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid #ccc}.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type){border-left:1px solid #ccc}.tox .tox-tooltip{display:inline-block;padding:8px;position:relative}.tox .tox-tooltip__body{background-color:#222f3e;border-radius:3px;box-shadow:0 2px 4px rgba(34,47,62,.3);color:rgba(255,255,255,.75);font-size:14px;font-style:normal;font-weight:400;padding:4px 8px;text-transform:none}.tox .tox-tooltip__arrow{position:absolute}.tox .tox-tooltip--down .tox-tooltip__arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #222f3e;bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.tox .tox-tooltip--up .tox-tooltip__arrow{border-bottom:8px solid #222f3e;border-left:8px solid transparent;border-right:8px solid transparent;left:50%;position:absolute;top:0;transform:translateX(-50%)}.tox .tox-tooltip--right .tox-tooltip__arrow{border-bottom:8px solid transparent;border-left:8px solid #222f3e;border-top:8px solid transparent;position:absolute;right:0;top:50%;transform:translateY(-50%)}.tox .tox-tooltip--left .tox-tooltip__arrow{border-bottom:8px solid transparent;border-right:8px solid #222f3e;border-top:8px solid transparent;left:0;position:absolute;top:50%;transform:translateY(-50%)}.tox .tox-well{border:1px solid #ccc;border-radius:3px;padding:8px;width:100%}.tox .tox-well>:first-child{margin-top:0}.tox .tox-well>:last-child{margin-bottom:0}.tox .tox-well>:only-child{margin:0}.tox .tox-custom-editor{border:1px solid #ccc;border-radius:3px;display:flex;flex:1;position:relative}.tox .tox-dialog-loading::before{background-color:rgba(0,0,0,.5);content:"";height:100%;position:absolute;width:100%;z-index:1000}.tox .tox-tab{cursor:pointer}.tox .tox-dialog__content-js{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-dialog__body-content .tox-collection{display:flex;flex:1;-ms-flex-preferred-size:auto}.tox .tox-image-tools-edit-panel{height:60px}.tox .tox-image-tools__sidebar{height:60px}
+/*# sourceMappingURL=skin.min.css.map */
diff --git a/src/assets/tinymce/skins/ui/oxide/skin.min.css.map b/src/assets/tinymce/skins/ui/oxide/skin.min.css.map
new file mode 100644
index 00000000..70cc817d
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/skin.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["ui/default/skin.css"],"names":[],"mappings":";;;;;;AAMA,KACE,WAAY,YACZ,MAAO,QACP,OAAQ,KACR,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,WAAW,CAAE,MAAM,CAAE,SAAS,CAAE,gBAAgB,CAAE,WACtH,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,OACb,4BAA6B,YAC7B,gBAAiB,KACjB,YAAa,KACb,eAAgB,KAChB,eAAgB,QAChB,YAAa,OAEf,yBACE,WAAY,QACZ,MAAO,QACP,OAAQ,QACR,UAAW,QACX,YAAa,QACb,UAAW,QACX,WAAY,QACZ,YAAa,QACb,YAAa,QACb,4BAA6B,QAC7B,WAAY,QACZ,gBAAiB,QACjB,YAAa,QACb,eAAgB,QAChB,eAAgB,QAChB,YAAa,QAEf,yBAEE,WAAY,IACZ,OAAQ,EACR,MAAO,KACP,OAAQ,KACR,OAAQ,EACR,UAAW,KACX,QAAS,EACT,QAAS,EACT,SAAU,OACV,MAAO,KAET,oBACE,UAAW,IACX,WAAY,KAEd,cACE,UAAW,IACX,WAAY,MAEd,aACE,OAAQ,IAAI,MAAM,KAClB,cAAe,EACf,WAAY,KACZ,WAAY,WACZ,QAAS,KACT,eAAgB,OAChB,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,WAAW,CAAE,MAAM,CAAE,SAAS,CAAE,gBAAgB,CAAE,WACtH,SAAU,OACV,SAAU,SACV,WAAY,kBAEd,oBACE,OAAQ,KACR,WAAY,KAEd,uCACE,OAAQ,IAAI,MAAM,KAClB,cAAe,EACf,WAAY,KAEd,iBACE,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,WAAW,CAAE,MAAM,CAAE,SAAS,CAAE,gBAAgB,CAAE,WACtH,QAAS,KAEX,oBACA,wBACE,QAAS,EAEX,yBACE,OAAQ,EAEV,kCACE,YAAa,OACb,QAAS,KACT,cAAe,IAEjB,uCACE,YAAa,QACb,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,QAAS,KACT,gBAAiB,cAEnB,2CACE,eAAgB,IAElB,+CACE,YAAa,OACb,QAAS,KACT,cAAe,IAEjB,oEACE,aAAc,KACd,aAAc,MAEhB,kCACE,WAAY,KAEd,4FACE,iBAAkB,oBAClB,aAAc,oBACd,MAAO,QAET,wGACE,aAAc,oBAEhB,8EACE,MAAO,QAET,wEACE,KAAM,QAER,sEACE,MAAO,QAET,4FACE,iBAAkB,mBAClB,aAAc,mBACd,MAAO,QAET,wGACE,aAAc,mBAEhB,8EACE,MAAO,QAET,wEACE,KAAM,QAER,sEACE,MAAO,QAET,6FACE,iBAAkB,iBAClB,aAAc,iBACd,MAAO,QAET,yGACE,aAAc,iBAEhB,+EACE,MAAO,KAET,yEACE,KAAM,KAER,uEACE,MAAO,KAET,+FACE,iBAAkB,oBAClB,aAAc,oBACd,MAAO,QAET,2GACE,aAAc,oBAEhB,iFACE,MAAO,QAET,2EACE,KAAM,QAER,yEACE,MAAO,QAET,+DACA,qFACE,WAAY,EAEd,uFACE,YAAa,IAEf,8FACE,YAAa,KAEf,gFACE,QAAS,IAAI,IAAI,IAAI,IAEvB,4FACE,kBAAmB,IACnB,aAAc,IAEhB,iFACE,aAAc,IAEhB,wFACE,aAAc,KAEhB,0EACE,QAAS,IAAI,IAAI,IAAI,IAEvB,sFACE,mBAAoB,IACpB,cAAe,IAEjB,oBACE,QAAS,KACT,KAAM,EAAE,EAAE,KAEZ,cACE,QAAS,KACT,KAAM,EAAE,EAAE,KAEZ,iBACE,iBAAkB,QAClB,iBAAkB,KAClB,oBAAqB,EAAE,EACvB,kBAAmB,OACnB,aAAc,QACd,cAAe,IACf,aAAc,MACd,aAAc,IACd,WAAY,KACZ,WAAY,WACZ,MAAO,KACP,OAAQ,QACR,QAAS,aACT,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,WAAW,CAAE,MAAM,CAAE,SAAS,CAAE,gBAAgB,CAAE,WACtH,UAAW,KACX,WAAY,OACZ,YAAa,IACb,eAAgB,OAChB,YAAa,KACb,OAAQ,EACR,QAAS,EACT,QAAS,IAAI,KACb,WAAY,OACZ,gBAAiB,KACjB,eAAgB,WAChB,YAAa,OAEf,2BACE,iBAAkB,QAClB,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,MAAO,qBACP,OAAQ,YAEV,sCACE,iBAAkB,QAClB,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,MAAO,KAET,sCACE,iBAAkB,QAClB,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,MAAO,KAET,uCACE,iBAAkB,QAClB,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,MAAO,KAET,4BACE,iBAAkB,QAClB,iBAAkB,KAClB,oBAAqB,EAAE,EACvB,kBAAmB,OACnB,aAAc,QACd,cAAe,IACf,aAAc,MACd,aAAc,IACd,WAAY,KACZ,MAAO,QACP,UAAW,KACX,WAAY,OACZ,YAAa,IACb,eAAgB,OAChB,QAAS,EACT,QAAS,IAAI,KACb,gBAAiB,KACjB,eAAgB,WAElB,sCACE,iBAAkB,QAClB,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,MAAO,kBAET,iDACE,iBAAkB,QAClB,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,MAAO,QAET,iDACE,iBAAkB,QAClB,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,MAAO,QAET,kDACE,iBAAkB,QAClB,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,MAAO,QAET,uBACA,kCACA,wDACE,QAAS,IAEX,qCACA,gDACA,sEACE,QAAS,MACT,KAAM,aAER,sBACE,WAAY,EACZ,OAAQ,KACR,WAAY,WACZ,OAAQ,QACR,QAAS,aACT,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,WAAW,CAAE,MAAM,CAAE,SAAS,CAAE,gBAAgB,CAAE,WACtH,UAAW,KACX,YAAa,IACb,YAAa,IACb,OAAQ,EACR,QAAS,EACT,YAAa,OAEf,0BACE,UAAW,KAEb,wBACE,iBAAkB,YAClB,aAAc,YACd,WAAY,MACZ,MAAO,QAET,kCACE,iBAAkB,QAClB,aAAc,QACd,WAAY,KACZ,MAAO,kBAET,6CACE,iBAAkB,QAClB,aAAc,QACd,WAAY,KACZ,MAAO,QAET,6CACE,iBAAkB,QAClB,aAAc,QACd,WAAY,KACZ,MAAO,QAET,8CACE,iBAAkB,QAClB,aAAc,QACd,WAAY,KACZ,MAAO,QAET,sCACE,KAAM,aAER,8DACE,MAAO,QAET,mBACE,YAAa,OACb,cAAe,IACf,OAAQ,QACR,QAAS,KACT,OAAQ,KACR,UAAW,KAEb,0BAEE,OAAQ,IACR,SAAU,OACV,SAAU,SACV,IAAK,KACL,MAAO,IAET,0BACE,YAAa,OACb,cAAe,IACf,WAAY,EAAE,EAAE,EAAE,IAAI,YACtB,WAAY,YACZ,QAAS,KACT,OAAQ,KACR,gBAAiB,OACjB,QAAS,gBACT,MAAO,KAET,4DACE,QAAS,MACT,KAAM,kBAER,gEACE,QAAS,KACT,KAAM,QAER,0DACE,QAAS,KACT,KAAM,QAER,6BACE,MAAO,kBACP,OAAQ,YAEV,kFACE,KAAM,kBAER,oFACE,KAAM,kBAER,wFACE,KAAM,kBAER,8FACE,QAAS,KAEX,4FACE,QAAS,MAEX,oGACE,QAAS,KAEX,wGACE,QAAS,MAEX,0DACE,cAAe,IACf,WAAY,MAAM,EAAE,EAAE,EAAE,IAAI,QAC5B,QAAS,gBAEX,yCACE,YAAa,IAEf,yCACE,KAAM,SAER,2CACE,YAAa,IAEf,mCACE,aAAc,IAEhB,mCACE,MAAO,SAET,qCACE,aAAc,IAKhB,qDACE,QAAS,KACT,QAAS,EAEX,kDACE,QAAS,KACT,UAAW,KACX,WAAY,MACZ,WAAY,OACZ,WAAY,KACZ,QAAS,EAEX,kDACE,oBAAqB,EACrB,aAAc,KACd,kBAAmB,EACnB,mBAAoB,EACpB,aAAc,MACd,iBAAkB,IAClB,QAAS,IAAI,EAEf,8DACE,iBAAkB,EAEpB,oCACE,iBAAkB,QAClB,MAAO,kBACP,OAAQ,QACR,UAAW,KACX,WAAY,OACZ,YAAa,IACb,cAAe,IACf,WAAY,KACZ,QAAS,IAAI,IACb,eAAgB,KAChB,sBAAuB,KACvB,oBAAqB,KAClB,iBAAkB,KACjB,gBAAiB,KACb,YAAa,KAEvB,2BACE,YAAa,OACb,MAAO,QACP,OAAQ,QACR,QAAS,KACT,sBAAuB,KACvB,oBAAqB,KAClB,iBAAkB,KACjB,gBAAiB,KACb,YAAa,KAEvB,iDACE,QAAS,IAAI,IAEf,oDACE,cAAe,IACf,QAAS,IAEX,iDACE,cAAe,IACf,QAAS,IAEX,0DACE,iBAAkB,KAClB,MAAO,QAET,yDACE,iBAAkB,QAEpB,6DACE,iBAAkB,QAClB,MAAO,QAET,4DACE,iBAAkB,QAEpB,0DACE,iBAAkB,QAClB,MAAO,QAET,oGACE,iBAAkB,QAClB,MAAO,QAET,oGACE,MAAO,QAET,uGACE,MAAO,QAET,2CACE,iBAAkB,YAClB,MAAO,kBACP,OAAQ,YAGV,qCADA,gCAEE,YAAa,OACb,QAAS,KACT,OAAQ,KACR,gBAAiB,OACjB,MAAO,KAGT,yCADA,oCAEE,KAAM,aAER,4DACE,OAAQ,KACR,MAAO,KAET,iCACE,MAAO,aACP,QAAS,aACT,KAAM,EACN,wBAAyB,KACzB,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,KACb,eAAgB,KAChB,WAAY,UAEd,qCACE,MAAO,kBACP,QAAS,aACT,UAAW,KACX,OAAQ,KACR,YAAa,KACb,eAAgB,KAElB,iCACE,YAAa,OACb,QAAS,KACT,WAAY,KAEd,wCACE,QAAS,GACT,UAAW,EACX,WAAY,QAEd,qCACE,KAAM,QAER,yHACE,QAAS,KAEX,qJACE,QAAS,KAEX,iCACE,iBAAkB,KAClB,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,WAAY,EAAE,IAAI,IAAI,gBACtB,QAAS,KACT,KAAM,EAAE,EAAE,KACV,YAAa,EACb,UAAW,OACX,cAAe,EACf,WAAY,KACZ,QAAS,EAEX,wDACE,YAAa,OACb,QAAS,KACT,UAAW,OACX,OAAQ,EACR,QAAS,EAAE,IAEb,uDACE,OAAQ,KACR,OAAQ,IAAI,EAAE,IAAI,EAClB,QAAS,EAAE,IAEb,6DACE,YAAa,OAEf,6DACE,YAAa,IAEf,qCACE,QAAS,KAEX,0CACE,YAAa,OACb,KAAM,EAAE,EAAE,KACV,eAAgB,IAElB,qFACE,aAAc,KAEhB,sFACE,gBAAiB,SACjB,YAAa,KAEf,qFACE,YAAa,WACb,cAAe,KAEjB,wFACE,YAAa,OAEf,wFACE,YAAa,SACb,WAAY,KAEd,6CACE,mBAAoB,OAChB,WAAY,OAChB,KAAM,EAAE,EAAE,KACV,eAAgB,OAElB,wFACE,YAAa,WAEf,yFACE,YAAa,SAEf,wFACE,WAAY,WAEd,2FACE,mBAAoB,OAChB,WAAY,OAElB,2FACE,WAAY,SAEd,0FACE,aAAc,IAAI,MAAM,KAE1B,mFACE,YAAa,IAEf,wGACE,YAAa,IAEf,oDACE,YAAa,KACb,WAAY,MAEd,gEACE,YAAa,KAEf,oFACE,YAAa,IAAI,MAAM,KAEzB,6EACE,aAAc,IAEhB,kGACE,aAAc,IAKhB,4EACE,UAAW,gBAEb,8CACE,aAAc,KACd,WAAY,KAEd,0DACE,aAAc,KACd,UAAW,gBAEb,sEACE,aAAc,IAEhB,iCACE,QAAS,KACT,eAAgB,IAChB,OAAQ,MACR,OAAQ,EAEV,qBACE,WAAY,WACZ,QAAS,KACT,OAAQ,KAEV,8BACE,OAAQ,KAEV,qBACA,8BACE,MAAO,MAET,2BACE,WAAY,IACZ,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,WAAY,YACZ,OAAQ,KACR,SAAU,SACV,MAAO,KAET,iCACE,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,OAAQ,KACR,SAAU,SACV,MAAO,KAET,qBACE,WAAY,WACZ,OAAQ,KACR,MAAO,KAET,8BACE,WAAY,4GACZ,OAAQ,KACR,MAAO,KAET,qBACA,8BACE,MAAO,KAET,2BACE,WAAY,KACZ,OAAQ,IAAI,MAAM,KAClB,WAAY,YACZ,OAAQ,IACR,MAAO,KAET,mBACE,QAAS,KACT,eAAgB,OAChB,gBAAiB,cAEnB,uBACE,YAAa,OACb,QAAS,KACT,gBAAiB,cACjB,cAAe,IACf,MAAO,QAET,yBACE,MAAO,IAET,qCAEE,OAAQ,IAAI,MAAM,cAEpB,qCACE,OAAQ,IAAI,MAAM,KAClB,UAAW,EACX,cAAe,EAEjB,oCACE,aAAc,KAEhB,oCACE,aAAc,KAEhB,0CACE,YAAa,KAEf,wCACE,aAAc,KAEhB,8BACE,YAAa,KAEf,8BACE,YAAa,KAEf,oCACE,aAAc,KAEhB,kCACE,YAAa,KAEf,gCAEA,0CADA,yCAEE,OAAQ,IAAI,EAAE,IAAI,IAEpB,qEACE,OAAQ,EACR,OAAQ,KAAK,EAEf,wBACE,QAAS,KAEX,iBACE,OAAQ,KACR,WAAY,UAAU,IAAK,CAAE,WAAW,KACxC,MAAO,KAGT,uBADA,uBAEE,WAAY,EAAE,EAAE,EAAE,IAAI,qBAAyB,MAC/C,UAAW,UAEb,yBACE,YAAa,OACb,QAAS,KACT,gBAAiB,OAEnB,kCACE,OAAQ,QAEV,+BACE,YAAa,OACb,iBAAkB,YAClB,OAAQ,EACR,OAAQ,QACR,QAAS,KACT,OAAQ,KACR,gBAAiB,OACjB,QAAS,EACT,QAAS,EACT,MAAO,KAET,mCACE,OAAQ,KACR,MAAO,KAET,qCACE,WAAY,QAEd,8CACE,YAAa,KAEf,wCACE,aAAc,KAEhB,yBACE,WAAY,KACZ,SAAU,SAEZ,4CACE,WAAY,IAEd,kBACE,WAAY,KACZ,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,WAAY,EAAE,IAAI,IAAI,EAAE,kBACxB,QAAS,IAAI,IAAI,KAAK,IACtB,SAAU,SAEZ,0BACE,YAAa,OACb,MAAO,QACP,QAAS,KACT,gBAAiB,cAEnB,wBACE,MAAO,kBACP,UAAW,KAEb,wBACE,MAAO,QACP,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACb,WAAY,IACZ,SAAU,SACV,eAAgB,QAElB,iCACE,OAAQ,KACR,YAAa,OACb,MAAO,KAET,4BACE,YAAa,IAEf,8BACE,MAAO,kBACP,UAAW,KACX,WAAY,OAEd,0BACE,OAAQ,EAEV,iCACE,YAAa,KACb,WAAY,OAEd,yCACE,WAAY,KACZ,OAAQ,EACR,QAAS,GACT,QAAS,KACT,KAAM,EACN,QAAS,GACT,SAAU,SACV,MAAO,EACP,IAAK,EACL,QAAS,EAEX,yBACE,QAAS,KACT,YAAa,EACb,UAAW,KACX,gBAAiB,SACjB,WAAY,IAEd,sCACE,cAAe,IACf,MAAO,KAET,wBACE,QAAS,KACT,UAAW,KACX,gBAAiB,SACjB,WAAY,KAEd,mCACE,WAAY,0CACZ,OAAQ,EACR,QAAS,GACT,QAAS,MACT,OAAQ,IACR,WAAY,MACZ,SAAU,SACV,MAAO,KAET,2BACE,WAAY,KACZ,OAAQ,EACR,QAAS,KACT,eAAgB,OAChB,UAAW,EACX,KAAM,EACN,QAAS,GACT,SAAU,SACV,MAAO,EACP,WAAY,OACZ,IAAK,EACL,QAAS,EAEX,gCACE,YAAa,OACb,MAAO,QACP,QAAS,KACT,eAAgB,OAChB,SAAU,SAEZ,oCACE,eAAgB,KAElB,+BACE,OAAQ,EACR,eAAgB,OAChB,UAAW,KACX,KAAM,EACN,QAAS,IACT,SAAU,SACV,MAAO,EACP,IAAK,EACL,QAAS,GAEX,iCACE,iBAAkB,KAClB,WAAY,EAAE,EAAE,IAAI,IAAI,KACxB,MAAO,QACP,WAAY,OAEd,kDACE,UAAW,KAEb,gCACE,YAAa,OACb,iBAAkB,KAClB,OAAQ,EACR,QAAS,KACT,gBAAiB,OACjB,KAAM,EACN,SAAU,SACV,MAAO,EACP,IAAK,EACL,QAAS,GAEX,0BACE,QAAS,KACT,eAAgB,OAChB,YAAa,EACb,SAAU,KAEZ,wBACE,OAAQ,IAEV,uCACE,YAAa,IAEf,4DACA,mDACA,oDACE,YAAa,IAEf,iCACE,aAAc,IAEhB,sDACA,6CACA,8CACE,aAAc,IAEhB,eACE,YAAa,OACb,QAAS,KAEX,2BACE,KAAM,kBAER,qBACE,MAAO,kBACP,UAAW,KACX,WAAY,OACZ,YAAa,IACb,eAAgB,UAElB,0CACE,aAAc,IAEhB,sDACE,YAAa,IAEf,oCACE,YAAa,IAEf,gDACE,aAAc,IAEhB,sBACE,YAAa,OACb,OAAQ,EACR,QAAS,KACT,gBAAiB,OACjB,KAAM,EACN,SAAU,MACV,MAAO,EACP,IAAK,EACL,QAAS,KAEX,gCACE,iBAAkB,sBAClB,OAAQ,EACR,KAAM,EACN,SAAU,SACV,MAAO,EACP,IAAK,EACL,QAAS,EAEX,wCACE,iBAAkB,KAEpB,iBACE,iBAAkB,KAClB,aAAc,KACd,cAAe,IACf,aAAc,MACd,aAAc,IACd,WAAY,EAAE,KAAK,KAAK,MAAM,kBAAsB,CAAE,EAAE,EAAE,KAAK,IAAI,mBACnE,QAAS,KACT,eAAgB,OAChB,WAAY,KACZ,UAAW,MACX,SAAU,OACV,SAAU,SACV,MAAO,KACP,QAAS,EAEX,yCACE,8CACE,WAAY,WACZ,OAAQ,IAAI,KACZ,MAAO,oBAGX,wBACE,QAAS,KAEX,yBACE,YAAa,OACb,iBAAkB,KAClB,cAAe,KACf,MAAO,QACP,QAAS,KACT,UAAW,KACX,gBAAiB,cACjB,QAAS,IAAI,KAAK,EAAE,KACpB,SAAU,SAEZ,qCACE,QAAS,EAEX,6BACE,OAAQ,KACR,OAAQ,KACR,KAAM,EACN,SAAU,SACV,IAAK,EACL,MAAO,KAET,oCACE,OAAQ,SAEV,0BACE,YAAa,KAEf,wBACE,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,WAAW,CAAE,MAAM,CAAE,SAAS,CAAE,gBAAgB,CAAE,WACtH,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACb,OAAQ,EACR,eAAgB,KAElB,uBACE,MAAO,QACP,QAAS,KACT,KAAM,EACN,wBAAyB,KACzB,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACb,UAAW,EACX,WAAY,KACZ,eAAgB,KAElB,yCACE,oDACE,eAAgB,QAGpB,2BACE,YAAa,WACb,QAAS,KACT,eAAgB,OAChB,QAAS,KAAK,KAEhB,yCACE,wDACE,eAAgB,IAChB,2BAA4B,MAC5B,WAAY,KACZ,eAAgB,GAGpB,gCACE,cAAe,IAAI,MAAM,YACzB,MAAO,kBACP,QAAS,aACT,UAAW,KACX,YAAa,IACb,cAAe,IACf,gBAAiB,KACjB,YAAa,OAEf,sCACE,iBAAkB,oBAEpB,wCACE,cAAe,IAAI,MAAM,QACzB,MAAO,QAET,+BACE,WAAY,WACZ,QAAS,KACT,KAAM,EACN,eAAgB,OAChB,wBAAyB,KACzB,WAAY,MACZ,SAAU,KACV,2BAA4B,MAC5B,QAAS,KAAK,KAEhB,iCACE,cAAe,EACf,WAAY,KAEd,4CACE,WAAY,EAEd,2CACE,cAAe,EAEjB,2CACE,cAAe,EACf,WAAY,EAEd,iCACE,MAAO,QACP,OAAQ,QACR,gBAAiB,KAGnB,uCADA,uCAEE,MAAO,QACP,gBAAiB,KAEnB,wCACE,MAAO,QACP,gBAAiB,KAEnB,mCACE,KAAM,QAER,kCACE,QAAS,MACT,gBAAiB,KACjB,cAAe,KACf,mBAAoB,EACZ,kBAAmB,EAC3B,qBAAsB,EACd,oBAAqB,EAC7B,sBAAuB,OACf,qBAAsB,OAEhC,mDACE,MAAO,QACP,UAAW,KACX,WAAY,OACZ,YAAa,IACb,eAAgB,OAChB,cAAe,KACf,WAAY,KACZ,eAAgB,KAElB,mDACE,MAAO,QACP,UAAW,KACX,WAAY,OACZ,YAAa,IACb,eAAgB,OAChB,cAAe,KACf,WAAY,KACZ,eAAgB,KAElB,kDACE,cAAe,KAEjB,+DACA,+DACA,8DACE,WAAY,EAEd,8DACA,8DACA,6DACE,cAAe,EAEjB,8DACA,8DACA,6DACE,cAAe,EACf,WAAY,EAEd,2BACE,OAAQ,MACR,UAAW,OAEb,2BACE,UAAW,MAEb,qDACE,SAAU,KAEZ,yCACE,WAAY,OAEd,yBACE,YAAa,OACb,iBAAkB,KAClB,WAAY,IAAI,MAAM,KACtB,QAAS,KACT,gBAAiB,cACjB,QAAS,IAAI,KAGf,6BADA,+BAEE,QAAS,KAEX,+BACE,YAAa,OACb,iBAAkB,sBAClB,OAAQ,EACR,QAAS,KACT,gBAAiB,OACjB,KAAM,EACN,SAAU,SACV,MAAO,EACP,IAAK,EACL,QAAS,EAEX,wBACE,gBAAiB,SACjB,MAAO,KAET,iCACE,YAAa,IACb,eAAgB,IAElB,iCACE,cAAe,IAAI,MAAM,KAE3B,4CACE,cAAe,KAEjB,2BACE,eAAgB,IAChB,YAAa,IAEf,yBACE,SAAU,SACV,MAAO,KACP,QAAS,KAEX,8BACE,QAAS,KACT,KAAM,EACN,eAAgB,OAChB,wBAAyB,KAE3B,0CACE,QAAS,KACT,KAAM,EACN,wBAAyB,KAE3B,wDACE,KAAM,EACN,wBAAyB,KACzB,OAAQ,KAEV,8BACE,QAAS,EACT,WAAY,OAEd,6BACE,QAAS,EACT,WAAY,QAEd,iCACE,WAAY,WAAW,GAAG,OAAO,GAAI,CAAE,QAAQ,IAAK,KAEtD,wDACE,iBAAkB,GAKpB,sCACE,SAAU,iBAEZ,yCACE,uEACE,aAAc,GAGlB,yCACE,8FACE,YAAa,KAIjB,kEADA,oEAEE,YAAa,IAEf,gCACE,WAAY,MAEd,yCACE,iEACE,YAAa,GAGjB,yCACE,wFACE,aAAc,KAIlB,4DADA,8DAEE,aAAc,IAEhB,gCACE,SAAU,OAEZ,6BACE,QAAS,KACT,KAAM,EACN,wBAAyB,KAE3B,mBACE,YAAa,OACb,WAAY,KACZ,OAAQ,IAAI,OAAO,KACnB,WAAY,WACZ,QAAS,KACT,eAAgB,OAChB,UAAW,EACX,gBAAiB,OACjB,WAAY,MACZ,QAAS,KAEX,qBACE,MAAO,kBACP,OAAQ,EAAE,EAAE,KAAK,EAEnB,oBACE,QAAS,KACT,KAAM,EACN,wBAAyB,KACzB,SAAU,OACV,SAAU,SAEZ,4BACE,iBAAkB,KAClB,OAAQ,EACR,WAAY,WACZ,KAAM,EACN,wBAAyB,KACzB,OAAQ,KACR,SAAU,SACV,MAAO,KAET,0BACE,OAAQ,IAAI,OAAO,KAErB,2BACE,QAAS,KACT,KAAM,EAAE,EAAE,KACV,eAAgB,OAChB,SAAU,OAEZ,wBACE,QAAS,EAEX,iDACE,WAAY,KACZ,WAAY,WAAW,IAEzB,oDACA,2CACE,cAAe,KAEjB,uDACE,WAAY,EAAE,IAAI,IAAI,KAAK,gBAE7B,yBACE,QAAS,EACT,WAAY,OAEd,wBACE,QAAS,EACT,WAAY,QAEd,4BACE,WAAY,WAAW,GAAG,OAAO,IAAK,CAAE,QAAQ,KAAM,KAExD,mDACE,iBAAkB,GAEpB,uBACE,KAAM,EACN,SAAU,SAEZ,qGACA,qGACA,iGACE,QAAS,KAEX,2BACE,QAAS,MAEX,yCACE,SAAU,SACV,IAAK,IACL,UAAW,iBAEb,gDACE,KAAM,KAER,gDACE,KAAM,OAER,8CACE,KAAM,MAER,qEACA,qEACA,mEACE,cAAe,KAEjB,wDACE,MAAO,IAET,+DACA,+DACA,6DACE,aAAc,KAEhB,kDACE,KAAM,IAER,wBACE,UAAW,KAEb,kCACE,UAAW,KAEb,qDACE,YAAa,IAEf,sBACE,QAAS,KACT,SAAU,SACV,QAAS,EAEX,qCACE,QAAS,GAEX,2BACE,aAAc,kBACd,cAAe,IACf,aAAc,MACd,aAAc,IACd,WAAY,KACZ,WAAY,WACZ,OAAQ,KACR,SAAU,SACV,IAAK,IACL,MAAO,KAGT,2DADA,2DAEE,aAAc,QACd,OAAQ,QAEV,mCACE,iBAAkB,0DAAgE,CAAE,2DAAiE,CAAE,0DAAgE,CAAE,4DACzN,oBAAqB,EAAE,CAAC,CAAE,EAAE,GAAG,CAAE,IAAI,IAAI,CAAE,KAAK,EAChD,gBAAiB,KAAK,KACtB,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,WAAY,WACZ,QAAS,GACT,OAAQ,KACR,KAAM,KACN,SAAU,SACV,IAAK,KACL,MAAO,KACP,QAAS,GAEX,+CACE,OAAQ,YAKV,oDACE,aAAc,KAEhB,0CACE,KAAM,IAKR,8CACE,cAAe,KAEjB,oCACE,MAAO,IAET,gBACA,wBACE,MAAO,kBACP,QAAS,MACT,UAAW,KACX,WAAY,OACZ,YAAa,IACb,YAAa,IACb,QAAS,EAAE,IAAI,EAAE,EACjB,eAAgB,KAChB,YAAa,OAEf,wBACE,QAAS,EAAE,IAEb,yBACE,QAAS,EAAE,EAAE,EAAE,IAEjB,eACE,QAAS,KACT,KAAM,EACN,eAAgB,OAChB,wBAAyB,KAE3B,sBACE,WAAY,WACZ,cAAe,IAEjB,+BACE,KAAM,EAER,6BACE,MAAO,KAET,kCACE,QAAS,KAEX,qBACE,QAAS,KACT,eAAgB,IAChB,UAAW,KACX,gBAAiB,cAEnB,4CACE,MAAO,sBAET,4CACE,MAAO,2BAET,4CACE,MAAO,sBAET,iCACE,YAAa,OACb,QAAS,KAEX,8BACE,YAAa,OACb,QAAS,KAEX,iCACE,QAAS,KACT,KAAM,EACN,eAAgB,OAChB,wBAAyB,KAE3B,+CACE,KAAM,EACN,wBAAyB,KAE3B,6CACE,QAAS,KACT,KAAM,EACN,wBAAyB,KAE3B,2DACE,KAAM,EACN,wBAAyB,KACzB,OAAQ,KAEV,mEACE,YAAa,IAEf,6DACE,aAAc,IAEhB,iDACA,qDACE,QAAS,KAIX,4CACA,mBAHA,oBACA,4BAGE,mBAAoB,KACjB,gBAAiB,KACZ,WAAY,KACpB,iBAAkB,KAClB,aAAc,KACd,cAAe,IACf,aAAc,MACd,aAAc,IACd,WAAY,KACZ,WAAY,WACZ,MAAO,QACP,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,WAAW,CAAE,MAAM,CAAE,SAAS,CAAE,gBAAgB,CAAE,WACtH,UAAW,KACX,YAAa,KACb,OAAQ,EACR,WAAY,KACZ,QAAS,EACT,QAAS,IAAI,OACb,OAAQ,KACR,MAAO,KAGT,6BADA,8BAEE,iBAAkB,QAClB,MAAO,mBACP,OAAQ,YAGV,kDACA,yBAFA,0BAGE,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,QAAS,EAEX,4BACE,aAAc,EACd,cAAe,IACf,WAAY,IACZ,UAAW,MAEb,oBACE,iBAAkB,YAClB,OAAQ,EACR,aAAc,YACd,WAAY,MACZ,MAAO,QACP,OAAQ,QACR,QAAS,MACT,OAAQ,EACR,QAAS,EAEX,wBACE,QAAS,MACT,KAAM,QAER,6CACE,YAAa,IAEf,uCACE,aAAc,IAEhB,uBACE,OAAQ,QACR,SAAU,SAEZ,sDACE,iBAAkB,QAClB,MAAO,mBACP,OAAQ,YAEV,gCACE,OAAQ,QACR,KAAM,EACN,OAAQ,EAAE,IAEZ,kCACE,YAAa,OACb,QAAS,KACT,gBAAiB,OACjB,MAAO,KAET,sCACE,KAAM,QAER,4CACE,YAAa,OACb,QAAS,KAEX,0CACE,MAAO,IAET,oCACE,KAAM,IAER,sBACE,OAAQ,QACR,SAAU,SAEZ,6BACE,mBAAoB,KACjB,gBAAiB,KACZ,WAAY,KACpB,iBAAkB,KAClB,aAAc,KACd,cAAe,IACf,aAAc,MACd,aAAc,IACd,WAAY,KACZ,WAAY,WACZ,MAAO,QACP,YAAa,aAAa,CAAE,kBAAkB,CAAE,UAAU,CAAE,MAAM,CAAE,WAAW,CAAE,MAAM,CAAE,SAAS,CAAE,gBAAgB,CAAE,WACtH,UAAW,KACX,YAAa,KACb,OAAQ,EACR,WAAY,KACZ,QAAS,EACT,QAAS,IAAI,OACb,OAAQ,KACR,MAAO,KAET,uCACE,iBAAkB,QAClB,MAAO,mBACP,OAAQ,YAEV,yCACE,QAAS,KAEX,mCACE,iBAAkB,KAClB,aAAc,QACd,WAAY,KACZ,QAAS,EAEX,0BACE,eAAgB,KAChB,SAAU,SACV,IAAK,IACL,UAAW,iBAEb,sDACA,sDACE,cAAe,KAEjB,yCACE,MAAO,IAET,gDACA,gDACE,aAAc,KAEhB,mCACE,KAAM,IAER,mBACE,mBAAoB,SACjB,gBAAiB,SACZ,WAAY,SACpB,YAAa,SAEf,gBACE,OAAQ,EACR,OAAQ,KACR,KAAM,EACN,OAAQ,EACR,SAAU,OACV,oBAAqB,KACjB,oBAAqB,KACzB,QAAS,EACT,SAAU,MACV,IAAK,EACL,aAAc,WACd,MAAO,KAET,8DACE,QAAS,KAEX,gCACE,QAAS,KAEX,+BACE,QAAS,KAEX,qCACA,qCACE,QAAS,KAEX,0BACE,WAAY,KACZ,WAAY,IAEd,sBACE,MAAO,KAET,+BACE,YAAa,OACb,QAAS,KACT,gBAAiB,OAEnB,6BACE,iBAAkB,KAClB,OAAQ,MACR,SAAU,KACV,SAAU,SACV,MAAO,KAET,6BACA,uDACE,WAAY,IAEd,gCACE,WAAY,wGAEd,2CACE,KAAM,EACN,wBAAyB,KAE3B,yBACE,WAAY,KAEZ,QAAS,GACT,SAAU,SACV,KAAM,EAER,0BACE,OAAQ,IAAI,MAAM,KAClB,OAAQ,KACR,KAAM,EACN,SAAU,SACV,IAAK,EACL,MAAO,KAET,+BACE,OAAQ,EACR,OAAQ,KACR,SAAU,SAEZ,6BACE,aAAc,IAAI,EAAE,EAAE,IACtB,OAAQ,UACR,KAAM,MACN,OAAQ,KAAK,EAAE,EAAE,KACjB,IAAK,MAEP,6BACE,aAAc,IAAI,IAAI,EAAE,EACxB,OAAQ,UACR,KAAM,MACN,OAAQ,KAAK,EAAE,EAAE,MACjB,IAAK,MAEP,6BACE,aAAc,EAAE,EAAE,IAAI,IACtB,OAAQ,UACR,KAAM,MACN,OAAQ,MAAM,IAAI,EAAE,KACpB,IAAK,MAEP,6BACE,aAAc,EAAE,IAAI,IAAI,EACxB,OAAQ,UACR,KAAM,MACN,OAAQ,MAAM,EAAE,EAAE,MAClB,IAAK,MAEP,8EACE,YAAa,IAEf,sEACE,YAAa,KAEf,sEACE,YAAa,KAEf,wEACE,aAAc,IAEhB,gEACE,aAAc,KAEhB,gEACE,aAAc,KAEhB,8BACE,QAAS,KACT,UAAW,KACX,MAAO,MAET,kCACE,aAAc,KACd,aAAc,MACd,aAAc,EAAE,IAAI,IAAI,EACxB,WAAY,WACZ,OAAQ,KACR,MAAO,KAET,2EACE,OAAQ,KAAK,EAEf,iEACE,iBAAkB,oBAClB,aAAc,oBAEhB,qCACE,MAAO,kBACP,QAAS,MACT,UAAW,KACX,QAAS,IACT,WAAY,OACZ,MAAO,KAKT,gEACE,aAAc,EAKhB,4DACE,aAAc,EAMhB,eACE,iBAAkB,KAClB,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,WAAY,EAAE,IAAI,IAAI,EAAE,kBACxB,QAAS,aACT,SAAU,OACV,eAAgB,IAChB,QAAS,KAEX,mDACE,QAAS,EAEX,sDACE,QAAS,IAEX,mDACE,QAAS,IASX,iCACA,2BARA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,wBAGE,OAAQ,EAEV,kBACE,WAAY,+MAA+M,KAAK,EAAE,IAAI,EAAE,KACxO,iBAAkB,KAClB,QAAS,KACT,KAAM,EAAE,EAAE,KACV,YAAa,EACb,UAAW,KACX,QAAS,EAAE,IAAI,EAAE,IAEnB,4FACE,WAAY,IAAI,MAAM,KAGxB,eACE,YAAa,OACb,WAAY,IACZ,OAAQ,EACR,cAAe,IACf,WAAY,KACZ,MAAO,QACP,QAAS,KACT,KAAM,EAAE,EAAE,KACV,UAAW,KACX,WAAY,OACZ,YAAa,IACb,OAAQ,KACR,gBAAiB,OACjB,OAAQ,IAAI,EAAE,IAAI,EAClB,QAAS,EACT,SAAU,OACV,QAAS,EAAE,IACX,eAAgB,KAChB,MAAO,KAET,yBACE,iBAAkB,YAClB,OAAQ,EACR,WAAY,KACZ,MAAO,kBACP,OAAQ,YAEV,oCACE,WAAY,QACZ,OAAQ,EACR,WAAY,KACZ,MAAO,QAET,uBACE,WAAY,QACZ,OAAQ,EACR,WAAY,KACZ,MAAO,QAET,2DACE,WAAY,QACZ,OAAQ,EACR,WAAY,KACZ,MAAO,QAET,6BACE,OAAQ,QACR,YAAa,IACb,OAAQ,EAAE,IAEZ,iDACE,OAAQ,YAEV,+BACE,YAAa,OACb,QAAS,KACT,gBAAiB,OACjB,MAAO,KACP,QAAS,KAEX,uBACE,cAAe,IACf,aAAc,MACd,aAAc,IACd,WAAY,KACZ,WAAY,WACZ,QAAS,SACT,QAAS,KACT,UAAW,KACX,YAAa,IACb,iBAAkB,iBAAkB,KAAK,iBACrC,sBAAuB,iBAAkB,KAAK,iBAClD,WAAY,IACZ,QAAS,EACT,QAAS,IACT,WAAY,UAAU,IAAM,OAAO,CAAE,QAAQ,MAAM,QAErD,yBACE,UAAW,KACX,YAAa,IAEf,yBACE,gBAAiB,UAEnB,2BACE,QAAS,EAEX,gCACE,iBAAkB,QAClB,aAAc,QACd,MAAO,QAET,kCACE,MAAO,QAET,kCACE,MAAO,QAET,oCACE,KAAM,QAER,8BACE,iBAAkB,QAClB,aAAc,QACd,MAAO,QAET,gCACE,MAAO,QAET,gCACE,MAAO,KAET,kCACE,KAAM,QAER,6BACA,gCACE,iBAAkB,QAClB,aAAc,QACd,MAAO,QAET,+BACA,kCACE,MAAO,QAET,+BACA,kCACE,MAAO,QAET,iCACA,oCACE,KAAM,QAER,6BACE,iBAAkB,QAClB,aAAc,QACd,MAAO,QAET,+BACE,MAAO,QAET,+BACE,MAAO,QAET,iCACE,KAAM,QAER,6BACE,mBAAoB,OAChB,WAAY,OAChB,MAAO,QACP,UAAW,KACX,qBAAsB,EACtB,gBAAiB,EACjB,gBAAiB,EACb,kBAAmB,EACvB,kBAAmB,EACnB,aAAc,EACd,aAAc,EACV,eAAgB,EACpB,WAAY,OACZ,YAAa,OACb,WAAY,UACZ,WAAY,WAEd,+BACE,OAAQ,EAEV,iCACE,WAAY,KAEd,6BACE,mBAAoB,OAChB,WAAY,OAChB,qBAAsB,EACtB,gBAAiB,EACjB,gBAAiB,EACb,kBAAmB,EACvB,kBAAmB,EACnB,aAAc,EACd,aAAc,EACV,eAAgB,EACpB,sBAAuB,IACnB,aAAc,IAEpB,iCACE,QAAS,MAEX,gCACE,mBAAoB,MAChB,WAAY,MAChB,qBAAsB,EACtB,gBAAiB,EACjB,gBAAiB,EACb,kBAAmB,EACvB,kBAAmB,EACnB,aAAc,EACd,aAAc,EACV,eAAgB,EACpB,sBAAuB,IACnB,aAAc,IAEpB,yCACE,qBAAsB,EACtB,gBAAiB,EACjB,gBAAiB,EACb,kBAAmB,EACvB,kBAAmB,EACnB,aAAc,EACd,aAAc,EACV,eAAgB,EACpB,sBAAuB,OACnB,aAAc,OAEpB,cACE,QAAS,aACT,SAAU,SAEZ,wBACE,WAAY,MAAM,IAAK,KAEzB,qCACE,UAAW,OAEb,sBACE,iBAAkB,KAClB,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,WAAY,EAAE,IAAI,IAAI,gBACtB,UAAW,EACX,SAAU,OAEZ,yCACE,OAAQ,IAAI,IAAI,IAAI,IAEtB,mCACE,iBAAkB,YAClB,cAAe,KAGjB,qBADA,sBAEE,aAAc,MACd,QAAS,GACT,QAAS,MACT,OAAQ,EACR,SAAU,SACV,MAAO,EAGT,qCADA,sCAEE,KAAM,IACN,IAAK,KAEP,qCACE,aAAc,KAAK,YAAY,YAAY,YAC3C,aAAc,IACd,YAAa,KACb,WAAY,KAEd,sCACE,aAAc,KAAQ,YAAY,YAAY,YAC9C,aAAc,IACd,YAAa,KAGf,kCADA,mCAEE,KAAM,IACN,IAAK,EACL,UAAW,kBAEb,kCACE,aAAc,YAAY,YAAY,KAAK,YAC3C,aAAc,IACd,YAAa,KACb,WAAY,IAEd,mCACE,aAAc,YAAY,YAAY,KAAQ,YAC9C,aAAc,IACd,YAAa,KAGf,mCADA,oCAEE,KAAM,EACN,IAAK,gBACL,UAAW,iBAEb,mCACE,aAAc,YAAY,KAAK,YAAY,YAC3C,aAAc,IACd,YAAa,MAEf,oCACE,aAAc,YAAY,KAAQ,YAAY,YAC9C,aAAc,KACd,YAAa,MAGf,oCADA,qCAEE,KAAM,KACN,IAAK,gBACL,UAAW,iBAEb,oCACE,aAAc,YAAY,YAAY,YAAY,KAClD,aAAc,IACd,YAAa,KAEf,qCACE,aAAc,YAAY,YAAY,YAAY,KAClD,aAAc,KACd,YAAa,KAGf,yCADA,0CAEE,KAAM,KAGR,0CADA,2CAEE,KAAM,kBAER,uBACE,QAAS,KACT,eAAgB,IAChB,UAAW,EACX,wBAAyB,EACzB,WAAY,EAEd,kBACE,iBAAkB,KAClB,QAAS,KACT,eAAgB,IAChB,gBAAiB,SAEnB,0BACE,QAAS,KACT,SAAU,OAEZ,kCACE,QAAS,KAEX,wBACE,QAAS,KAEX,kCACE,QAAS,EAEX,gCACE,QAAS,EAEX,mCACA,qCACE,WAAY,MAAM,IAAK,IAAI,CAAE,QAAQ,IAAK,KAE5C,mBACE,iBAAkB,QAClB,aAAc,QACd,aAAc,MACd,aAAc,IACd,WAAY,WACZ,QAAS,aACT,OAAQ,KACR,SAAU,SACV,MAAO,KAET,sCACE,OAAQ,KACR,MAAO,KAET,iBACE,YAAa,OACb,QAAS,KACT,KAAM,EACN,wBAAyB,KACzB,OAAQ,KACR,gBAAiB,OACjB,SAAU,SAEZ,uBACE,iBAAkB,YAClB,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,OAAQ,KACR,UAAW,MACX,MAAO,KAET,yBACE,iBAAkB,QAClB,OAAQ,IAAI,MAAM,QAClB,cAAe,IACf,WAAY,KACZ,OAAQ,KACR,KAAM,IACN,SAAU,SACV,IAAK,IACL,UAAW,iBAAiB,iBAC5B,MAAO,KAET,sBACE,SAAU,KAEZ,kBACE,QAAS,KAEX,sBACE,UAAW,kBAAkB,KAAK,YAAY,GAAG,SAAS,KAC1D,iBAAkB,kBAClB,cAAe,KACf,OAAQ,IACR,MAAO,IAET,mCACE,gBAAiB,MAEnB,mCACE,gBAAiB,MAEnB,6BACE,GAEA,KADA,IAEE,UAAW,SAEb,IACE,UAAW,UAGf,uDACE,YAAa,IAEf,iDACE,aAAc,IAEhB,oBACE,YAAa,OACb,iBAAkB,KAClB,WAAY,IAAI,MAAM,KACtB,MAAO,kBACP,QAAS,KACT,KAAM,EAAE,EAAE,KACV,UAAW,KACX,YAAa,IACb,OAAQ,KACR,SAAU,OACV,QAAS,EAAE,IACX,SAAU,SACV,eAAgB,UAElB,oCACE,QAAS,KACT,KAAM,EAAE,EAAE,KACV,gBAAiB,SACjB,SAAU,OAEZ,0BACE,QAAS,KACT,KAAM,EAAE,EAAE,KACV,aAAc,KACd,SAAU,OACV,cAAe,SACf,YAAa,OAEf,4BACE,QAAS,OACT,YAAa,OAEf,+BACE,KAAM,EAAE,EAAE,KACV,YAAa,IAEf,sBACA,+BACA,+BACE,MAAO,kBACP,gBAAiB,KAKnB,qEAHA,qEAIA,8EAHA,8EAIA,8EAHA,8EAIE,OAAQ,QACR,gBAAiB,UAEnB,mCACE,YAAa,SACb,WAAY,QACZ,OAAQ,YACR,QAAS,KACT,KAAM,EAAE,EAAE,KACV,gBAAiB,SACjB,YAAa,KACb,aAAc,KACd,aAAc,IAEhB,uCACE,QAAS,MACT,KAAM,kBAER,2CACE,aAAc,IAEhB,6CACE,YAAa,IAEf,6BACE,eAAgB,YAElB,qCACE,YAAa,IAEf,mBACE,QAAS,KAEX,iCACE,YAAa,OACb,iBAAkB,qBAClB,OAAQ,EACR,QAAS,KACT,gBAAiB,OACjB,KAAM,EACN,SAAU,SACV,MAAO,EACP,IAAK,EAEP,eACE,YAAa,OACb,WAAY,IACZ,OAAQ,EACR,cAAe,IACf,WAAY,KACZ,MAAO,QACP,QAAS,KACT,KAAM,EAAE,EAAE,KACV,UAAW,KACX,WAAY,OACZ,YAAa,IACb,OAAQ,KACR,gBAAiB,OACjB,OAAQ,IAAI,EAAE,IAAI,EAClB,QAAS,EACT,SAAU,OACV,QAAS,EACT,eAAgB,KAChB,MAAO,KAET,mBACE,QAAS,MACT,KAAM,QAER,6BACE,aAAc,IACd,cAAe,IACf,MAAO,QAET,qBACE,WAAY,QACZ,OAAQ,EACR,WAAY,KAEd,qBACE,WAAY,QACZ,OAAQ,EACR,WAAY,KACZ,MAAO,QAET,yBACE,KAAM,QAER,sBACE,WAAY,QACZ,OAAQ,EACR,WAAY,KACZ,MAAO,QAET,0BACE,KAAM,QAER,yBACA,+BACA,wBACA,8BACE,WAAY,IACZ,OAAQ,EACR,WAAY,KACZ,MAAO,kBACP,OAAQ,YAEV,6BACA,mCACA,4BACA,kCAEE,KAAM,kBAER,wBACA,8BACE,WAAY,QACZ,OAAQ,EACR,WAAY,KACZ,MAAO,QAGT,gCADA,0BAEE,UAAW,KAEb,4BACA,kCAEE,KAAM,QAER,8CACE,MAAO,QAET,kDACE,KAAM,QAER,wBACE,UAAW,KAEb,mBACE,OAAQ,KACR,MAAO,KAET,mBACE,eAAgB,OAChB,OAAQ,KACR,MAAO,KAET,uBACE,mBAAoB,QAChB,WAAY,QAChB,OAAQ,MACR,MAAO,KAET,wBACE,QAAS,EAAE,IACX,MAAO,MAET,uBACE,QAAS,MACT,UAAW,KACX,YAAa,IACb,eAAgB,QAChB,cAAe,IACf,YAAa,OAEf,uBACE,OAAQ,IAAI,EAAE,IAAI,EAClB,QAAS,EAAE,IACX,MAAO,KAET,6BACE,OAAQ,QACR,YAAa,IACb,OAAQ,EAAE,IAEZ,+BACE,YAAa,OACb,QAAS,KACT,gBAAiB,OACjB,MAAO,KAET,mCACE,KAAM,kBAER,gDACE,SAAU,OACV,cAAe,SACf,YAAa,OACb,MAAO,IAET,uBACE,OAAQ,EACR,cAAe,IACf,WAAY,WACZ,QAAS,KACT,OAAQ,IAAI,EAAE,IAAI,EAClB,SAAU,OAEZ,6BACE,WAAY,EAAE,EAAE,EAAE,IAAI,QAAQ,MAEhC,6BACE,WAAY,QACZ,WAAY,KACZ,MAAO,QAET,yBACE,cAAe,EAEjB,gCACE,MAAO,KAET,oCACE,KAAM,kBAER,iCACE,OAAQ,EAEV,gEACE,MAAO,KAET,mDACE,MAAO,KAKT,0DADA,0DADA,gDADA,gDAIE,WAAY,IACZ,WAAY,KACZ,MAAO,kBAET,2BACE,iBAAkB,KAEpB,kBAEA,4BADA,2BAEE,WAAY,+MAA+M,KAAK,EAAE,IAAI,EAAE,KACxO,iBAAkB,KAClB,QAAS,KACT,KAAM,EAAE,EAAE,KACV,YAAa,EACb,UAAW,KACX,QAAS,EAAE,EAEb,0DACE,OAAQ,EACR,QAAS,EACT,eAAgB,EAChB,YAAa,EACb,WAAY,OAEd,qCACE,WAAY,OAAO,IAAK,IAAI,CAAE,QAAQ,IAAK,OAAO,IAEpD,uCACE,WAAY,QAAQ,IAAK,IAAI,CAAE,OAAO,IAAK,OAAO,GAAI,CAAE,WAAW,GAAG,OAAO,IAE/E,+BACA,8DACE,WAAY,IAAI,MAAM,KACtB,WAAY,KAEd,6BACE,UAAW,OACX,WAAY,KAEd,2BACE,aAAc,EAEhB,8BACE,iBAAkB,KAGpB,mIADA,oGAEE,WAAY,IAAI,MAAM,KAExB,4CACE,iBAAkB,KAClB,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,WAAY,EAAE,IAAI,IAAI,gBAExB,sCACE,UAAW,gBAEb,yBACE,YAAa,OACb,QAAS,KACT,UAAW,KACX,OAAQ,EAAE,EACV,QAAS,EAAE,IAAI,EAAE,IAEnB,qCACE,YAAa,KAEf,iDACE,YAAa,EACb,UAAW,OAEb,2DACE,aAAc,IAAI,MAAM,KAE1B,qDACE,YAAa,IAAI,MAAM,KAEzB,kBACE,QAAS,aACT,QAAS,IACT,SAAU,SAEZ,wBACE,iBAAkB,QAClB,cAAe,IACf,WAAY,EAAE,IAAI,IAAI,kBACtB,MAAO,sBACP,UAAW,KACX,WAAY,OACZ,YAAa,IACb,QAAS,IAAI,IACb,eAAgB,KAElB,yBACE,SAAU,SAEZ,4CACE,YAAa,IAAI,MAAM,YACvB,aAAc,IAAI,MAAM,YACxB,WAAY,IAAI,MAAM,QACtB,OAAQ,EACR,KAAM,IACN,SAAU,SACV,UAAW,iBAEb,0CACE,cAAe,IAAI,MAAM,QACzB,YAAa,IAAI,MAAM,YACvB,aAAc,IAAI,MAAM,YACxB,KAAM,IACN,SAAU,SACV,IAAK,EACL,UAAW,iBAEb,6CACE,cAAe,IAAI,MAAM,YACzB,YAAa,IAAI,MAAM,QACvB,WAAY,IAAI,MAAM,YACtB,SAAU,SACV,MAAO,EACP,IAAK,IACL,UAAW,iBAEb,4CACE,cAAe,IAAI,MAAM,YACzB,aAAc,IAAI,MAAM,QACxB,WAAY,IAAI,MAAM,YACtB,KAAM,EACN,SAAU,SACV,IAAK,IACL,UAAW,iBAEb,eACE,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,QAAS,IACT,MAAO,KAET,4BACE,WAAY,EAEd,2BACE,cAAe,EAEjB,2BACE,OAAQ,EAEV,wBACE,OAAQ,IAAI,MAAM,KAClB,cAAe,IACf,QAAS,KACT,KAAM,EACN,SAAU,SAMZ,iCACE,iBAAkB,eAClB,QAAS,GACT,OAAQ,KACR,SAAU,SACV,MAAO,KACP,QAAS,KAEX,cACE,OAAQ,QAEV,6BACE,QAAS,KACT,KAAM,EACN,wBAAyB,KAE3B,+CACE,QAAS,KACT,KAAM,EACN,wBAAyB,KAE3B,iCACE,OAAQ,KAEV,+BACE,OAAQ","file":"skin.min.css","sourcesContent":["/**\n * Copyright (c) Tiny Technologies, Inc. All rights reserved.\n * Licensed under the LGPL or a commercial license.\n * For LGPL see License.txt in the project root for license information.\n * For commercial licenses see https://www.tiny.cloud/\n */\n.tox {\n  box-sizing: content-box;\n  color: #222f3e;\n  cursor: auto;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: normal;\n  line-height: normal;\n  -webkit-tap-highlight-color: transparent;\n  text-decoration: none;\n  text-shadow: none;\n  text-transform: none;\n  vertical-align: initial;\n  white-space: normal;\n}\n.tox *:not(svg):not(rect) {\n  box-sizing: inherit;\n  color: inherit;\n  cursor: inherit;\n  direction: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  -webkit-tap-highlight-color: inherit;\n  text-align: inherit;\n  text-decoration: inherit;\n  text-shadow: inherit;\n  text-transform: inherit;\n  vertical-align: inherit;\n  white-space: inherit;\n}\n.tox *:not(svg):not(rect) {\n  /* stylelint-disable-line no-duplicate-selectors */\n  background: transparent;\n  border: 0;\n  float: none;\n  height: auto;\n  margin: 0;\n  max-width: none;\n  outline: 0;\n  padding: 0;\n  position: static;\n  width: auto;\n}\n.tox:not([dir=rtl]) {\n  direction: ltr;\n  text-align: left;\n}\n.tox[dir=rtl] {\n  direction: rtl;\n  text-align: right;\n}\n.tox-tinymce {\n  border: 1px solid #cccccc;\n  border-radius: 0;\n  box-shadow: none;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  overflow: hidden;\n  position: relative;\n  visibility: inherit !important;\n}\n.tox-tinymce-inline {\n  border: none;\n  box-shadow: none;\n}\n.tox-tinymce-inline .tox-editor-header {\n  border: 1px solid #cccccc;\n  border-radius: 0;\n  box-shadow: none;\n}\n.tox-tinymce-aux {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  z-index: 1300;\n}\n.tox-tinymce *:focus,\n.tox-tinymce-aux *:focus {\n  outline: none;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n}\n.tox .accessibility-issue__header {\n  align-items: center;\n  display: flex;\n  margin-bottom: 4px;\n}\n.tox .accessibility-issue__description {\n  align-items: stretch;\n  border: 1px solid #cccccc;\n  border-radius: 3px;\n  display: flex;\n  justify-content: space-between;\n}\n.tox .accessibility-issue__description > div {\n  padding-bottom: 4px;\n}\n.tox .accessibility-issue__description > div > div {\n  align-items: center;\n  display: flex;\n  margin-bottom: 4px;\n}\n.tox .accessibility-issue__description > *:last-child:not(:only-child) {\n  border-color: #cccccc;\n  border-style: solid;\n}\n.tox .accessibility-issue__repair {\n  margin-top: 16px;\n}\n.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {\n  background-color: rgba(32, 122, 183, 0.1);\n  border-color: rgba(32, 122, 183, 0.4);\n  color: #222f3e;\n}\n.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {\n  border-color: rgba(32, 122, 183, 0.4);\n}\n.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {\n  color: #207ab7;\n}\n.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {\n  fill: #207ab7;\n}\n.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {\n  color: #207ab7;\n}\n.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {\n  background-color: rgba(255, 165, 0, 0.1);\n  border-color: rgba(255, 165, 0, 0.5);\n  color: #222f3e;\n}\n.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {\n  border-color: rgba(255, 165, 0, 0.5);\n}\n.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {\n  color: #cc8500;\n}\n.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {\n  fill: #cc8500;\n}\n.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {\n  color: #cc8500;\n}\n.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {\n  background-color: rgba(204, 0, 0, 0.1);\n  border-color: rgba(204, 0, 0, 0.4);\n  color: #222f3e;\n}\n.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {\n  border-color: rgba(204, 0, 0, 0.4);\n}\n.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {\n  color: #c00;\n}\n.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {\n  fill: #c00;\n}\n.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {\n  color: #c00;\n}\n.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {\n  background-color: rgba(120, 171, 70, 0.1);\n  border-color: rgba(120, 171, 70, 0.4);\n  color: #222f3e;\n}\n.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {\n  border-color: rgba(120, 171, 70, 0.4);\n}\n.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {\n  color: #78AB46;\n}\n.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {\n  fill: #78AB46;\n}\n.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {\n  color: #78AB46;\n}\n.tox .tox-dialog__body-content .accessibility-issue__header h1,\n.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {\n  margin-top: 0;\n}\n.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {\n  margin-left: 4px;\n}\n.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {\n  margin-left: auto;\n}\n.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {\n  padding: 4px 4px 4px 8px;\n}\n.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child {\n  border-left-width: 1px;\n  padding-left: 4px;\n}\n.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {\n  margin-right: 4px;\n}\n.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {\n  margin-right: auto;\n}\n.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {\n  padding: 4px 8px 4px 4px;\n}\n.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child {\n  border-right-width: 1px;\n  padding-right: 4px;\n}\n.tox .tox-anchorbar {\n  display: flex;\n  flex: 0 0 auto;\n}\n.tox .tox-bar {\n  display: flex;\n  flex: 0 0 auto;\n}\n.tox .tox-button {\n  background-color: #207ab7;\n  background-image: none;\n  background-position: 0 0;\n  background-repeat: repeat;\n  border-color: #207ab7;\n  border-radius: 3px;\n  border-style: solid;\n  border-width: 1px;\n  box-shadow: none;\n  box-sizing: border-box;\n  color: #fff;\n  cursor: pointer;\n  display: inline-block;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: bold;\n  letter-spacing: normal;\n  line-height: 24px;\n  margin: 0;\n  outline: none;\n  padding: 4px 16px;\n  text-align: center;\n  text-decoration: none;\n  text-transform: capitalize;\n  white-space: nowrap;\n}\n.tox .tox-button[disabled] {\n  background-color: #207ab7;\n  background-image: none;\n  border-color: #207ab7;\n  box-shadow: none;\n  color: rgba(255, 255, 255, 0.5);\n  cursor: not-allowed;\n}\n.tox .tox-button:focus:not(:disabled) {\n  background-color: #1c6ca1;\n  background-image: none;\n  border-color: #1c6ca1;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-button:hover:not(:disabled) {\n  background-color: #1c6ca1;\n  background-image: none;\n  border-color: #1c6ca1;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-button:active:not(:disabled) {\n  background-color: #185d8c;\n  background-image: none;\n  border-color: #185d8c;\n  box-shadow: none;\n  color: #fff;\n}\n.tox .tox-button--secondary {\n  background-color: #f0f0f0;\n  background-image: none;\n  background-position: 0 0;\n  background-repeat: repeat;\n  border-color: #f0f0f0;\n  border-radius: 3px;\n  border-style: solid;\n  border-width: 1px;\n  box-shadow: none;\n  color: #222f3e;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: bold;\n  letter-spacing: normal;\n  outline: none;\n  padding: 4px 16px;\n  text-decoration: none;\n  text-transform: capitalize;\n}\n.tox .tox-button--secondary[disabled] {\n  background-color: #f0f0f0;\n  background-image: none;\n  border-color: #f0f0f0;\n  box-shadow: none;\n  color: rgba(34, 47, 62, 0.5);\n}\n.tox .tox-button--secondary:focus:not(:disabled) {\n  background-color: #e3e3e3;\n  background-image: none;\n  border-color: #e3e3e3;\n  box-shadow: none;\n  color: #222f3e;\n}\n.tox .tox-button--secondary:hover:not(:disabled) {\n  background-color: #e3e3e3;\n  background-image: none;\n  border-color: #e3e3e3;\n  box-shadow: none;\n  color: #222f3e;\n}\n.tox .tox-button--secondary:active:not(:disabled) {\n  background-color: #d6d6d6;\n  background-image: none;\n  border-color: #d6d6d6;\n  box-shadow: none;\n  color: #222f3e;\n}\n.tox .tox-button--icon,\n.tox .tox-button.tox-button--icon,\n.tox .tox-button.tox-button--secondary.tox-button--icon {\n  padding: 4px;\n}\n.tox .tox-button--icon .tox-icon svg,\n.tox .tox-button.tox-button--icon .tox-icon svg,\n.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {\n  display: block;\n  fill: currentColor;\n}\n.tox .tox-button-link {\n  background: 0;\n  border: none;\n  box-sizing: border-box;\n  cursor: pointer;\n  display: inline-block;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  font-size: 16px;\n  font-weight: normal;\n  line-height: 1.3;\n  margin: 0;\n  padding: 0;\n  white-space: nowrap;\n}\n.tox .tox-button-link--sm {\n  font-size: 14px;\n}\n.tox .tox-button--naked {\n  background-color: transparent;\n  border-color: transparent;\n  box-shadow: unset;\n  color: #222f3e;\n}\n.tox .tox-button--naked[disabled] {\n  background-color: #f0f0f0;\n  border-color: #f0f0f0;\n  box-shadow: none;\n  color: rgba(34, 47, 62, 0.5);\n}\n.tox .tox-button--naked:hover:not(:disabled) {\n  background-color: #e3e3e3;\n  border-color: #e3e3e3;\n  box-shadow: none;\n  color: #222f3e;\n}\n.tox .tox-button--naked:focus:not(:disabled) {\n  background-color: #e3e3e3;\n  border-color: #e3e3e3;\n  box-shadow: none;\n  color: #222f3e;\n}\n.tox .tox-button--naked:active:not(:disabled) {\n  background-color: #d6d6d6;\n  border-color: #d6d6d6;\n  box-shadow: none;\n  color: #222f3e;\n}\n.tox .tox-button--naked .tox-icon svg {\n  fill: currentColor;\n}\n.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {\n  color: #222f3e;\n}\n.tox .tox-checkbox {\n  align-items: center;\n  border-radius: 3px;\n  cursor: pointer;\n  display: flex;\n  height: 36px;\n  min-width: 36px;\n}\n.tox .tox-checkbox__input {\n  /* Hide from view but visible to screen readers */\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  top: auto;\n  width: 1px;\n}\n.tox .tox-checkbox__icons {\n  align-items: center;\n  border-radius: 3px;\n  box-shadow: 0 0 0 2px transparent;\n  box-sizing: content-box;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  padding: calc(4px - 1px);\n  width: 24px;\n}\n.tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {\n  display: block;\n  fill: rgba(34, 47, 62, 0.3);\n}\n.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {\n  display: none;\n  fill: #207ab7;\n}\n.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {\n  display: none;\n  fill: #207ab7;\n}\n.tox .tox-checkbox--disabled {\n  color: rgba(34, 47, 62, 0.5);\n  cursor: not-allowed;\n}\n.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {\n  fill: rgba(34, 47, 62, 0.5);\n}\n.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {\n  fill: rgba(34, 47, 62, 0.5);\n}\n.tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {\n  fill: rgba(34, 47, 62, 0.5);\n}\n.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {\n  display: none;\n}\n.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {\n  display: block;\n}\n.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {\n  display: none;\n}\n.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {\n  display: block;\n}\n.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {\n  border-radius: 3px;\n  box-shadow: inset 0 0 0 1px #207ab7;\n  padding: calc(4px - 1px);\n}\n.tox:not([dir=rtl]) .tox-checkbox__label {\n  margin-left: 4px;\n}\n.tox:not([dir=rtl]) .tox-checkbox__input {\n  left: -10000px;\n}\n.tox:not([dir=rtl]) .tox-bar .tox-checkbox {\n  margin-left: 4px;\n}\n.tox[dir=rtl] .tox-checkbox__label {\n  margin-right: 4px;\n}\n.tox[dir=rtl] .tox-checkbox__input {\n  right: -10000px;\n}\n.tox[dir=rtl] .tox-bar .tox-checkbox {\n  margin-right: 4px;\n}\n.tox {\n  /* stylelint-disable-next-line no-descending-specificity */\n}\n.tox .tox-collection--toolbar .tox-collection__group {\n  display: flex;\n  padding: 0;\n}\n.tox .tox-collection--grid .tox-collection__group {\n  display: flex;\n  flex-wrap: wrap;\n  max-height: 208px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  padding: 0;\n}\n.tox .tox-collection--list .tox-collection__group {\n  border-bottom-width: 0;\n  border-color: #cccccc;\n  border-left-width: 0;\n  border-right-width: 0;\n  border-style: solid;\n  border-top-width: 1px;\n  padding: 4px 0;\n}\n.tox .tox-collection--list .tox-collection__group:first-child {\n  border-top-width: 0;\n}\n.tox .tox-collection__group-heading {\n  background-color: #e6e6e6;\n  color: rgba(34, 47, 62, 0.7);\n  cursor: default;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: normal;\n  margin-bottom: 4px;\n  margin-top: -4px;\n  padding: 4px 8px;\n  text-transform: none;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.tox .tox-collection__item {\n  align-items: center;\n  color: #222f3e;\n  cursor: pointer;\n  display: flex;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n.tox .tox-collection--list .tox-collection__item {\n  padding: 4px 8px;\n}\n.tox .tox-collection--toolbar .tox-collection__item {\n  border-radius: 3px;\n  padding: 4px;\n}\n.tox .tox-collection--grid .tox-collection__item {\n  border-radius: 3px;\n  padding: 4px;\n}\n.tox .tox-collection--list .tox-collection__item--enabled {\n  background-color: #fff;\n  color: #222f3e;\n}\n.tox .tox-collection--list .tox-collection__item--active {\n  background-color: #dee0e2;\n}\n.tox .tox-collection--toolbar .tox-collection__item--enabled {\n  background-color: #c8cbcf;\n  color: #222f3e;\n}\n.tox .tox-collection--toolbar .tox-collection__item--active {\n  background-color: #dee0e2;\n}\n.tox .tox-collection--grid .tox-collection__item--enabled {\n  background-color: #c8cbcf;\n  color: #222f3e;\n}\n.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {\n  background-color: #dee0e2;\n  color: #222f3e;\n}\n.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {\n  color: #222f3e;\n}\n.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {\n  color: #222f3e;\n}\n.tox .tox-collection__item--state-disabled {\n  background-color: transparent;\n  color: rgba(34, 47, 62, 0.5);\n  cursor: not-allowed;\n}\n.tox .tox-collection__item-icon,\n.tox .tox-collection__item-checkmark {\n  align-items: center;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  width: 24px;\n}\n.tox .tox-collection__item-icon svg,\n.tox .tox-collection__item-checkmark svg {\n  fill: currentColor;\n}\n.tox .tox-collection--toolbar-lg .tox-collection__item-icon {\n  height: 48px;\n  width: 48px;\n}\n.tox .tox-collection__item-label {\n  color: currentColor;\n  display: inline-block;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 24px;\n  text-transform: none;\n  word-break: break-all;\n}\n.tox .tox-collection__item-accessory {\n  color: rgba(34, 47, 62, 0.7);\n  display: inline-block;\n  font-size: 14px;\n  height: 24px;\n  line-height: 24px;\n  text-transform: none;\n}\n.tox .tox-collection__item-caret {\n  align-items: center;\n  display: flex;\n  min-height: 24px;\n}\n.tox .tox-collection__item-caret::after {\n  content: '';\n  font-size: 0;\n  min-height: inherit;\n}\n.tox .tox-collection__item-caret svg {\n  fill: #222f3e;\n}\n.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {\n  display: none;\n}\n.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {\n  display: none;\n}\n.tox .tox-collection--horizontal {\n  background-color: #fff;\n  border: 1px solid #cccccc;\n  border-radius: 3px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n  display: flex;\n  flex: 0 0 auto;\n  flex-shrink: 0;\n  flex-wrap: nowrap;\n  margin-bottom: 0;\n  overflow-x: auto;\n  padding: 0;\n}\n.tox .tox-collection--horizontal .tox-collection__group {\n  align-items: center;\n  display: flex;\n  flex-wrap: nowrap;\n  margin: 0;\n  padding: 0 4px;\n}\n.tox .tox-collection--horizontal .tox-collection__item {\n  height: 34px;\n  margin: 2px 0 3px 0;\n  padding: 0 4px;\n}\n.tox .tox-collection--horizontal .tox-collection__item-label {\n  white-space: nowrap;\n}\n.tox .tox-collection--horizontal .tox-collection__item-caret {\n  margin-left: 4px;\n}\n.tox .tox-collection__item-container {\n  display: flex;\n}\n.tox .tox-collection__item-container--row {\n  align-items: center;\n  flex: 1 1 auto;\n  flex-direction: row;\n}\n.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {\n  margin-right: auto;\n}\n.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {\n  justify-content: flex-end;\n  margin-left: auto;\n}\n.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {\n  align-items: flex-start;\n  margin-bottom: auto;\n}\n.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {\n  align-items: center;\n}\n.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {\n  align-items: flex-end;\n  margin-top: auto;\n}\n.tox .tox-collection__item-container--column {\n  -ms-grid-row-align: center;\n      align-self: center;\n  flex: 1 1 auto;\n  flex-direction: column;\n}\n.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {\n  align-items: flex-start;\n}\n.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {\n  align-items: flex-end;\n}\n.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {\n  align-self: flex-start;\n}\n.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {\n  -ms-grid-row-align: center;\n      align-self: center;\n}\n.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {\n  align-self: flex-end;\n}\n.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {\n  border-right: 1px solid #cccccc;\n}\n.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {\n  margin-left: 8px;\n}\n.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {\n  margin-left: 4px;\n}\n.tox:not([dir=rtl]) .tox-collection__item-accessory {\n  margin-left: 16px;\n  text-align: right;\n}\n.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {\n  margin-left: 16px;\n}\n.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {\n  border-left: 1px solid #cccccc;\n}\n.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {\n  margin-right: 8px;\n}\n.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {\n  margin-right: 4px;\n}\n.tox[dir=rtl] .tox-collection__item-icon-rtl {\n  /* stylelint-disable-next-line no-descending-specificity */\n}\n.tox[dir=rtl] .tox-collection__item-icon-rtl .tox-collection__item-icon svg {\n  transform: rotateY(180deg);\n}\n.tox[dir=rtl] .tox-collection__item-accessory {\n  margin-right: 16px;\n  text-align: left;\n}\n.tox[dir=rtl] .tox-collection .tox-collection__item-caret {\n  margin-right: 16px;\n  transform: rotateY(180deg);\n}\n.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {\n  margin-right: 4px;\n}\n.tox .tox-color-picker-container {\n  display: flex;\n  flex-direction: row;\n  height: 225px;\n  margin: 0;\n}\n.tox .tox-sv-palette {\n  box-sizing: border-box;\n  display: flex;\n  height: 100%;\n}\n.tox .tox-sv-palette-spectrum {\n  height: 100%;\n}\n.tox .tox-sv-palette,\n.tox .tox-sv-palette-spectrum {\n  width: 225px;\n}\n.tox .tox-sv-palette-thumb {\n  background: none;\n  border: 1px solid black;\n  border-radius: 50%;\n  box-sizing: content-box;\n  height: 12px;\n  position: absolute;\n  width: 12px;\n}\n.tox .tox-sv-palette-inner-thumb {\n  border: 1px solid white;\n  border-radius: 50%;\n  height: 10px;\n  position: absolute;\n  width: 10px;\n}\n.tox .tox-hue-slider {\n  box-sizing: border-box;\n  height: 100%;\n  width: 25px;\n}\n.tox .tox-hue-slider-spectrum {\n  background: linear-gradient(to bottom, #f00, #ff0080, #f0f, #8000ff, #00f, #0080ff, #0ff, #00ff80, #0f0, #80ff00, #ff0, #ff8000, #f00);\n  height: 100%;\n  width: 100%;\n}\n.tox .tox-hue-slider,\n.tox .tox-hue-slider-spectrum {\n  width: 20px;\n}\n.tox .tox-hue-slider-thumb {\n  background: white;\n  border: 1px solid black;\n  box-sizing: content-box;\n  height: 4px;\n  width: 100%;\n}\n.tox .tox-rgb-form {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.tox .tox-rgb-form div {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 5px;\n  width: inherit;\n}\n.tox .tox-rgb-form input {\n  width: 6em;\n}\n.tox .tox-rgb-form input.tox-invalid {\n  /* Need !important to override Chrome's focus styling unfortunately */\n  border: 1px solid red !important;\n}\n.tox .tox-rgb-form .tox-rgba-preview {\n  border: 1px solid black;\n  flex-grow: 2;\n  margin-bottom: 0;\n}\n.tox:not([dir=rtl]) .tox-sv-palette {\n  margin-right: 15px;\n}\n.tox:not([dir=rtl]) .tox-hue-slider {\n  margin-right: 15px;\n}\n.tox:not([dir=rtl]) .tox-hue-slider-thumb {\n  margin-left: -1px;\n}\n.tox:not([dir=rtl]) .tox-rgb-form label {\n  margin-right: 0.5em;\n}\n.tox[dir=rtl] .tox-sv-palette {\n  margin-left: 15px;\n}\n.tox[dir=rtl] .tox-hue-slider {\n  margin-left: 15px;\n}\n.tox[dir=rtl] .tox-hue-slider-thumb {\n  margin-right: -1px;\n}\n.tox[dir=rtl] .tox-rgb-form label {\n  margin-left: 0.5em;\n}\n.tox .tox-toolbar .tox-swatches,\n.tox .tox-toolbar__primary .tox-swatches,\n.tox .tox-toolbar__overflow .tox-swatches {\n  margin: 2px 0 3px 4px;\n}\n.tox .tox-collection--list .tox-collection__group .tox-swatches-menu {\n  border: 0;\n  margin: -4px 0;\n}\n.tox .tox-swatches__row {\n  display: flex;\n}\n.tox .tox-swatch {\n  height: 30px;\n  transition: transform 0.15s, box-shadow 0.15s;\n  width: 30px;\n}\n.tox .tox-swatch:hover,\n.tox .tox-swatch:focus {\n  box-shadow: 0 0 0 1px rgba(127, 127, 127, 0.3) inset;\n  transform: scale(0.8);\n}\n.tox .tox-swatch--remove {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n.tox .tox-swatch--remove svg path {\n  stroke: #e74c3c;\n}\n.tox .tox-swatches__picker-btn {\n  align-items: center;\n  background-color: transparent;\n  border: 0;\n  cursor: pointer;\n  display: flex;\n  height: 30px;\n  justify-content: center;\n  outline: none;\n  padding: 0;\n  width: 30px;\n}\n.tox .tox-swatches__picker-btn svg {\n  height: 24px;\n  width: 24px;\n}\n.tox .tox-swatches__picker-btn:hover {\n  background: #dee0e2;\n}\n.tox:not([dir=rtl]) .tox-swatches__picker-btn {\n  margin-left: auto;\n}\n.tox[dir=rtl] .tox-swatches__picker-btn {\n  margin-right: auto;\n}\n.tox .tox-comment-thread {\n  background: #fff;\n  position: relative;\n}\n.tox .tox-comment-thread > *:not(:first-child) {\n  margin-top: 8px;\n}\n.tox .tox-comment {\n  background: #fff;\n  border: 1px solid #cccccc;\n  border-radius: 3px;\n  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);\n  padding: 8px 8px 16px 8px;\n  position: relative;\n}\n.tox .tox-comment__header {\n  align-items: center;\n  color: #222f3e;\n  display: flex;\n  justify-content: space-between;\n}\n.tox .tox-comment__date {\n  color: rgba(34, 47, 62, 0.7);\n  font-size: 12px;\n}\n.tox .tox-comment__body {\n  color: #222f3e;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 1.3;\n  margin-top: 8px;\n  position: relative;\n  text-transform: initial;\n}\n.tox .tox-comment__body textarea {\n  resize: none;\n  white-space: normal;\n  width: 100%;\n}\n.tox .tox-comment__expander {\n  padding-top: 8px;\n}\n.tox .tox-comment__expander p {\n  color: rgba(34, 47, 62, 0.7);\n  font-size: 14px;\n  font-style: normal;\n}\n.tox .tox-comment__body p {\n  margin: 0;\n}\n.tox .tox-comment__buttonspacing {\n  padding-top: 16px;\n  text-align: center;\n}\n.tox .tox-comment-thread__overlay::after {\n  background: #fff;\n  bottom: 0;\n  content: \"\";\n  display: flex;\n  left: 0;\n  opacity: 0.9;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 5;\n}\n.tox .tox-comment__reply {\n  display: flex;\n  flex-shrink: 0;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  margin-top: 8px;\n}\n.tox .tox-comment__reply > *:first-child {\n  margin-bottom: 8px;\n  width: 100%;\n}\n.tox .tox-comment__edit {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  margin-top: 16px;\n}\n.tox .tox-comment__gradient::after {\n  background: linear-gradient(rgba(255, 255, 255, 0), #fff);\n  bottom: 0;\n  content: \"\";\n  display: block;\n  height: 5em;\n  margin-top: -40px;\n  position: absolute;\n  width: 100%;\n}\n.tox .tox-comment__overlay {\n  background: #fff;\n  bottom: 0;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  left: 0;\n  opacity: 0.9;\n  position: absolute;\n  right: 0;\n  text-align: center;\n  top: 0;\n  z-index: 5;\n}\n.tox .tox-comment__loading-text {\n  align-items: center;\n  color: #222f3e;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n.tox .tox-comment__loading-text > div {\n  padding-bottom: 16px;\n}\n.tox .tox-comment__overlaytext {\n  bottom: 0;\n  flex-direction: column;\n  font-size: 14px;\n  left: 0;\n  padding: 1em;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 10;\n}\n.tox .tox-comment__overlaytext p {\n  background-color: #fff;\n  box-shadow: 0 0 8px 8px #fff;\n  color: #222f3e;\n  text-align: center;\n}\n.tox .tox-comment__overlaytext div:nth-of-type(2) {\n  font-size: 0.8em;\n}\n.tox .tox-comment__busy-spinner {\n  align-items: center;\n  background-color: #fff;\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 20;\n}\n.tox .tox-comment__scroll {\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 1;\n  overflow: auto;\n}\n.tox .tox-conversations {\n  margin: 8px;\n}\n.tox:not([dir=rtl]) .tox-comment__edit {\n  margin-left: 8px;\n}\n.tox:not([dir=rtl]) .tox-comment__buttonspacing > *:last-child,\n.tox:not([dir=rtl]) .tox-comment__edit > *:last-child,\n.tox:not([dir=rtl]) .tox-comment__reply > *:last-child {\n  margin-left: 8px;\n}\n.tox[dir=rtl] .tox-comment__edit {\n  margin-right: 8px;\n}\n.tox[dir=rtl] .tox-comment__buttonspacing > *:last-child,\n.tox[dir=rtl] .tox-comment__edit > *:last-child,\n.tox[dir=rtl] .tox-comment__reply > *:last-child {\n  margin-right: 8px;\n}\n.tox .tox-user {\n  align-items: center;\n  display: flex;\n}\n.tox .tox-user__avatar svg {\n  fill: rgba(34, 47, 62, 0.7);\n}\n.tox .tox-user__name {\n  color: rgba(34, 47, 62, 0.7);\n  font-size: 12px;\n  font-style: normal;\n  font-weight: bold;\n  text-transform: uppercase;\n}\n.tox:not([dir=rtl]) .tox-user__avatar svg {\n  margin-right: 8px;\n}\n.tox:not([dir=rtl]) .tox-user__avatar + .tox-user__name {\n  margin-left: 8px;\n}\n.tox[dir=rtl] .tox-user__avatar svg {\n  margin-left: 8px;\n}\n.tox[dir=rtl] .tox-user__avatar + .tox-user__name {\n  margin-right: 8px;\n}\n.tox .tox-dialog-wrap {\n  align-items: center;\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n  z-index: 1100;\n}\n.tox .tox-dialog-wrap__backdrop {\n  background-color: rgba(255, 255, 255, 0.75);\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 1;\n}\n.tox .tox-dialog-wrap__backdrop--opaque {\n  background-color: #fff;\n}\n.tox .tox-dialog {\n  background-color: #fff;\n  border-color: #cccccc;\n  border-radius: 3px;\n  border-style: solid;\n  border-width: 1px;\n  box-shadow: 0 16px 16px -10px rgba(34, 47, 62, 0.15), 0 0 40px 1px rgba(34, 47, 62, 0.15);\n  display: flex;\n  flex-direction: column;\n  max-height: 100%;\n  max-width: 480px;\n  overflow: hidden;\n  position: relative;\n  width: 95vw;\n  z-index: 2;\n}\n@media only screen and (max-width:767px) {\n  body:not(.tox-force-desktop) .tox .tox-dialog {\n    align-self: flex-start;\n    margin: 8px auto;\n    width: calc(100vw - 16px);\n  }\n}\n.tox .tox-dialog-inline {\n  z-index: 1100;\n}\n.tox .tox-dialog__header {\n  align-items: center;\n  background-color: #fff;\n  border-bottom: none;\n  color: #222f3e;\n  display: flex;\n  font-size: 16px;\n  justify-content: space-between;\n  padding: 8px 16px 0 16px;\n  position: relative;\n}\n.tox .tox-dialog__header .tox-button {\n  z-index: 1;\n}\n.tox .tox-dialog__draghandle {\n  cursor: grab;\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.tox .tox-dialog__draghandle:active {\n  cursor: grabbing;\n}\n.tox .tox-dialog__dismiss {\n  margin-left: auto;\n}\n.tox .tox-dialog__title {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 1.3;\n  margin: 0;\n  text-transform: none;\n}\n.tox .tox-dialog__body {\n  color: #222f3e;\n  display: flex;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 1.3;\n  min-width: 0;\n  text-align: left;\n  text-transform: none;\n}\n@media only screen and (max-width:767px) {\n  body:not(.tox-force-desktop) .tox .tox-dialog__body {\n    flex-direction: column;\n  }\n}\n.tox .tox-dialog__body-nav {\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n  padding: 16px 16px;\n}\n@media only screen and (max-width:767px) {\n  body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {\n    flex-direction: row;\n    -webkit-overflow-scrolling: touch;\n    overflow-x: auto;\n    padding-bottom: 0;\n  }\n}\n.tox .tox-dialog__body-nav-item {\n  border-bottom: 2px solid transparent;\n  color: rgba(34, 47, 62, 0.7);\n  display: inline-block;\n  font-size: 14px;\n  line-height: 1.3;\n  margin-bottom: 8px;\n  text-decoration: none;\n  white-space: nowrap;\n}\n.tox .tox-dialog__body-nav-item:focus {\n  background-color: rgba(32, 122, 183, 0.1);\n}\n.tox .tox-dialog__body-nav-item--active {\n  border-bottom: 2px solid #207ab7;\n  color: #207ab7;\n}\n.tox .tox-dialog__body-content {\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  -ms-flex-preferred-size: auto;\n  max-height: 650px;\n  overflow: auto;\n  -webkit-overflow-scrolling: touch;\n  padding: 16px 16px;\n}\n.tox .tox-dialog__body-content > * {\n  margin-bottom: 0;\n  margin-top: 16px;\n}\n.tox .tox-dialog__body-content > *:first-child {\n  margin-top: 0;\n}\n.tox .tox-dialog__body-content > *:last-child {\n  margin-bottom: 0;\n}\n.tox .tox-dialog__body-content > *:only-child {\n  margin-bottom: 0;\n  margin-top: 0;\n}\n.tox .tox-dialog__body-content a {\n  color: #207ab7;\n  cursor: pointer;\n  text-decoration: none;\n}\n.tox .tox-dialog__body-content a:hover,\n.tox .tox-dialog__body-content a:focus {\n  color: #185d8c;\n  text-decoration: none;\n}\n.tox .tox-dialog__body-content a:active {\n  color: #185d8c;\n  text-decoration: none;\n}\n.tox .tox-dialog__body-content svg {\n  fill: #222f3e;\n}\n.tox .tox-dialog__body-content ul {\n  display: block;\n  list-style-type: disc;\n  margin-bottom: 16px;\n  -webkit-margin-end: 0;\n          margin-inline-end: 0;\n  -webkit-margin-start: 0;\n          margin-inline-start: 0;\n  -webkit-padding-start: 2.5rem;\n          padding-inline-start: 2.5rem;\n}\n.tox .tox-dialog__body-content .tox-form__group h1 {\n  color: #222f3e;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: bold;\n  letter-spacing: normal;\n  margin-bottom: 16px;\n  margin-top: 2rem;\n  text-transform: none;\n}\n.tox .tox-dialog__body-content .tox-form__group h2 {\n  color: #222f3e;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: bold;\n  letter-spacing: normal;\n  margin-bottom: 16px;\n  margin-top: 2rem;\n  text-transform: none;\n}\n.tox .tox-dialog__body-content .tox-form__group p {\n  margin-bottom: 16px;\n}\n.tox .tox-dialog__body-content .tox-form__group h1:first-child,\n.tox .tox-dialog__body-content .tox-form__group h2:first-child,\n.tox .tox-dialog__body-content .tox-form__group p:first-child {\n  margin-top: 0;\n}\n.tox .tox-dialog__body-content .tox-form__group h1:last-child,\n.tox .tox-dialog__body-content .tox-form__group h2:last-child,\n.tox .tox-dialog__body-content .tox-form__group p:last-child {\n  margin-bottom: 0;\n}\n.tox .tox-dialog__body-content .tox-form__group h1:only-child,\n.tox .tox-dialog__body-content .tox-form__group h2:only-child,\n.tox .tox-dialog__body-content .tox-form__group p:only-child {\n  margin-bottom: 0;\n  margin-top: 0;\n}\n.tox .tox-dialog--width-lg {\n  height: 650px;\n  max-width: 1200px;\n}\n.tox .tox-dialog--width-md {\n  max-width: 800px;\n}\n.tox .tox-dialog--width-md .tox-dialog__body-content {\n  overflow: auto;\n}\n.tox .tox-dialog__body-content--centered {\n  text-align: center;\n}\n.tox .tox-dialog__footer {\n  align-items: center;\n  background-color: #fff;\n  border-top: 1px solid #cccccc;\n  display: flex;\n  justify-content: space-between;\n  padding: 8px 16px;\n}\n.tox .tox-dialog__footer-start,\n.tox .tox-dialog__footer-end {\n  display: flex;\n}\n.tox .tox-dialog__busy-spinner {\n  align-items: center;\n  background-color: rgba(255, 255, 255, 0.75);\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  z-index: 3;\n}\n.tox .tox-dialog__table {\n  border-collapse: collapse;\n  width: 100%;\n}\n.tox .tox-dialog__table thead th {\n  font-weight: bold;\n  padding-bottom: 8px;\n}\n.tox .tox-dialog__table tbody tr {\n  border-bottom: 1px solid #cccccc;\n}\n.tox .tox-dialog__table tbody tr:last-child {\n  border-bottom: none;\n}\n.tox .tox-dialog__table td {\n  padding-bottom: 8px;\n  padding-top: 8px;\n}\n.tox .tox-dialog__popups {\n  position: absolute;\n  width: 100%;\n  z-index: 1100;\n}\n.tox .tox-dialog__body-iframe {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-dialog__body-iframe .tox-navobj {\n  display: flex;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-dialog__body-iframe .tox-navobj :nth-child(2) {\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n  height: 100%;\n}\n.tox .tox-dialog-dock-fadeout {\n  opacity: 0;\n  visibility: hidden;\n}\n.tox .tox-dialog-dock-fadein {\n  opacity: 1;\n  visibility: visible;\n}\n.tox .tox-dialog-dock-transition {\n  transition: visibility 0s linear 0.3s, opacity 0.3s ease;\n}\n.tox .tox-dialog-dock-transition.tox-dialog-dock-fadein {\n  transition-delay: 0s;\n}\n.tox.tox-platform-ie {\n  /* IE11 CSS styles go here */\n}\n.tox.tox-platform-ie .tox-dialog-wrap {\n  position: -ms-device-fixed;\n}\n@media only screen and (max-width:767px) {\n  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav {\n    margin-right: 0;\n  }\n}\n@media only screen and (max-width:767px) {\n  body:not(.tox-force-desktop) .tox:not([dir=rtl]) .tox-dialog__body-nav-item:not(:first-child) {\n    margin-left: 8px;\n  }\n}\n.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-start > *,\n.tox:not([dir=rtl]) .tox-dialog__footer .tox-dialog__footer-end > * {\n  margin-left: 8px;\n}\n.tox[dir=rtl] .tox-dialog__body {\n  text-align: right;\n}\n@media only screen and (max-width:767px) {\n  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav {\n    margin-left: 0;\n  }\n}\n@media only screen and (max-width:767px) {\n  body:not(.tox-force-desktop) .tox[dir=rtl] .tox-dialog__body-nav-item:not(:first-child) {\n    margin-right: 8px;\n  }\n}\n.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-start > *,\n.tox[dir=rtl] .tox-dialog__footer .tox-dialog__footer-end > * {\n  margin-right: 8px;\n}\nbody.tox-dialog__disable-scroll {\n  overflow: hidden;\n}\n.tox .tox-dropzone-container {\n  display: flex;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-dropzone {\n  align-items: center;\n  background: #fff;\n  border: 2px dashed #cccccc;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  justify-content: center;\n  min-height: 100px;\n  padding: 10px;\n}\n.tox .tox-dropzone p {\n  color: rgba(34, 47, 62, 0.7);\n  margin: 0 0 16px 0;\n}\n.tox .tox-edit-area {\n  display: flex;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n  overflow: hidden;\n  position: relative;\n}\n.tox .tox-edit-area__iframe {\n  background-color: #fff;\n  border: 0;\n  box-sizing: border-box;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n}\n.tox.tox-inline-edit-area {\n  border: 1px dotted #cccccc;\n}\n.tox .tox-editor-container {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  overflow: hidden;\n}\n.tox .tox-editor-header {\n  z-index: 1;\n}\n.tox:not(.tox-tinymce-inline) .tox-editor-header {\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.tox.tox-tinymce--toolbar-bottom .tox-editor-header,\n.tox.tox-tinymce-inline .tox-editor-header {\n  margin-bottom: -1px;\n}\n.tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {\n  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);\n}\n.tox-editor-dock-fadeout {\n  opacity: 0;\n  visibility: hidden;\n}\n.tox-editor-dock-fadein {\n  opacity: 1;\n  visibility: visible;\n}\n.tox-editor-dock-transition {\n  transition: visibility 0s linear 0.25s, opacity 0.25s ease;\n}\n.tox-editor-dock-transition.tox-editor-dock-fadein {\n  transition-delay: 0s;\n}\n.tox .tox-control-wrap {\n  flex: 1;\n  position: relative;\n}\n.tox .tox-control-wrap:not(.tox-control-wrap--status-invalid) .tox-control-wrap__status-icon-invalid,\n.tox .tox-control-wrap:not(.tox-control-wrap--status-unknown) .tox-control-wrap__status-icon-unknown,\n.tox .tox-control-wrap:not(.tox-control-wrap--status-valid) .tox-control-wrap__status-icon-valid {\n  display: none;\n}\n.tox .tox-control-wrap svg {\n  display: block;\n}\n.tox .tox-control-wrap__status-icon-wrap {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.tox .tox-control-wrap__status-icon-invalid svg {\n  fill: #c00;\n}\n.tox .tox-control-wrap__status-icon-unknown svg {\n  fill: orange;\n}\n.tox .tox-control-wrap__status-icon-valid svg {\n  fill: green;\n}\n.tox:not([dir=rtl]) .tox-control-wrap--status-invalid .tox-textfield,\n.tox:not([dir=rtl]) .tox-control-wrap--status-unknown .tox-textfield,\n.tox:not([dir=rtl]) .tox-control-wrap--status-valid .tox-textfield {\n  padding-right: 32px;\n}\n.tox:not([dir=rtl]) .tox-control-wrap__status-icon-wrap {\n  right: 4px;\n}\n.tox[dir=rtl] .tox-control-wrap--status-invalid .tox-textfield,\n.tox[dir=rtl] .tox-control-wrap--status-unknown .tox-textfield,\n.tox[dir=rtl] .tox-control-wrap--status-valid .tox-textfield {\n  padding-left: 32px;\n}\n.tox[dir=rtl] .tox-control-wrap__status-icon-wrap {\n  left: 4px;\n}\n.tox .tox-autocompleter {\n  max-width: 25em;\n}\n.tox .tox-autocompleter .tox-menu {\n  max-width: 25em;\n}\n.tox .tox-autocompleter .tox-autocompleter-highlight {\n  font-weight: bold;\n}\n.tox .tox-color-input {\n  display: flex;\n  position: relative;\n  z-index: 1;\n}\n.tox .tox-color-input .tox-textfield {\n  z-index: -1;\n}\n.tox .tox-color-input span {\n  border-color: rgba(34, 47, 62, 0.2);\n  border-radius: 3px;\n  border-style: solid;\n  border-width: 1px;\n  box-shadow: none;\n  box-sizing: border-box;\n  height: 24px;\n  position: absolute;\n  top: 6px;\n  width: 24px;\n}\n.tox .tox-color-input span:hover:not([aria-disabled=true]),\n.tox .tox-color-input span:focus:not([aria-disabled=true]) {\n  border-color: #207ab7;\n  cursor: pointer;\n}\n.tox .tox-color-input span::before {\n  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%), linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);\n  background-position: 0 0, 0 6px, 6px -6px, -6px 0;\n  background-size: 12px 12px;\n  border: 1px solid #fff;\n  border-radius: 3px;\n  box-sizing: border-box;\n  content: '';\n  height: 24px;\n  left: -1px;\n  position: absolute;\n  top: -1px;\n  width: 24px;\n  z-index: -1;\n}\n.tox .tox-color-input span[aria-disabled=true] {\n  cursor: not-allowed;\n}\n.tox:not([dir=rtl]) .tox-color-input {\n  /* stylelint-disable-next-line no-descending-specificity */\n}\n.tox:not([dir=rtl]) .tox-color-input .tox-textfield {\n  padding-left: 36px;\n}\n.tox:not([dir=rtl]) .tox-color-input span {\n  left: 6px;\n}\n.tox[dir=\"rtl\"] .tox-color-input {\n  /* stylelint-disable-next-line no-descending-specificity */\n}\n.tox[dir=\"rtl\"] .tox-color-input .tox-textfield {\n  padding-right: 36px;\n}\n.tox[dir=\"rtl\"] .tox-color-input span {\n  right: 6px;\n}\n.tox .tox-label,\n.tox .tox-toolbar-label {\n  color: rgba(34, 47, 62, 0.7);\n  display: block;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 1.3;\n  padding: 0 8px 0 0;\n  text-transform: none;\n  white-space: nowrap;\n}\n.tox .tox-toolbar-label {\n  padding: 0 8px;\n}\n.tox[dir=rtl] .tox-label {\n  padding: 0 0 0 8px;\n}\n.tox .tox-form {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-form__group {\n  box-sizing: border-box;\n  margin-bottom: 4px;\n}\n.tox .tox-form-group--maximize {\n  flex: 1;\n}\n.tox .tox-form__group--error {\n  color: #c00;\n}\n.tox .tox-form__group--collection {\n  display: flex;\n}\n.tox .tox-form__grid {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n.tox .tox-form__grid--2col > .tox-form__group {\n  width: calc(50% - (8px / 2));\n}\n.tox .tox-form__grid--3col > .tox-form__group {\n  width: calc(100% / 3 - (8px / 2));\n}\n.tox .tox-form__grid--4col > .tox-form__group {\n  width: calc(25% - (8px / 2));\n}\n.tox .tox-form__controls-h-stack {\n  align-items: center;\n  display: flex;\n}\n.tox .tox-form__group--inline {\n  align-items: center;\n  display: flex;\n}\n.tox .tox-form__group--stretched {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-form__group--stretched .tox-textarea {\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-form__group--stretched .tox-navobj {\n  display: flex;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-form__group--stretched .tox-navobj :nth-child(2) {\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n  height: 100%;\n}\n.tox:not([dir=rtl]) .tox-form__controls-h-stack > *:not(:first-child) {\n  margin-left: 4px;\n}\n.tox[dir=rtl] .tox-form__controls-h-stack > *:not(:first-child) {\n  margin-right: 4px;\n}\n.tox .tox-lock.tox-locked .tox-lock-icon__unlock,\n.tox .tox-lock:not(.tox-locked) .tox-lock-icon__lock {\n  display: none;\n}\n.tox .tox-textfield,\n.tox .tox-toolbar-textfield,\n.tox .tox-listboxfield .tox-listbox--select,\n.tox .tox-textarea {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: #fff;\n  border-color: #cccccc;\n  border-radius: 3px;\n  border-style: solid;\n  border-width: 1px;\n  box-shadow: none;\n  box-sizing: border-box;\n  color: #222f3e;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  font-size: 16px;\n  line-height: 24px;\n  margin: 0;\n  min-height: 34px;\n  outline: none;\n  padding: 5px 4.75px;\n  resize: none;\n  width: 100%;\n}\n.tox .tox-textfield[disabled],\n.tox .tox-textarea[disabled] {\n  background-color: #f2f2f2;\n  color: rgba(34, 47, 62, 0.85);\n  cursor: not-allowed;\n}\n.tox .tox-textfield:focus,\n.tox .tox-listboxfield .tox-listbox--select:focus,\n.tox .tox-textarea:focus {\n  background-color: #fff;\n  border-color: #207ab7;\n  box-shadow: none;\n  outline: none;\n}\n.tox .tox-toolbar-textfield {\n  border-width: 0;\n  margin-bottom: 3px;\n  margin-top: 2px;\n  max-width: 250px;\n}\n.tox .tox-naked-btn {\n  background-color: transparent;\n  border: 0;\n  border-color: transparent;\n  box-shadow: unset;\n  color: #207ab7;\n  cursor: pointer;\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n.tox .tox-naked-btn svg {\n  display: block;\n  fill: #222f3e;\n}\n.tox:not([dir=rtl]) .tox-toolbar-textfield + * {\n  margin-left: 4px;\n}\n.tox[dir=rtl] .tox-toolbar-textfield + * {\n  margin-right: 4px;\n}\n.tox .tox-listboxfield {\n  cursor: pointer;\n  position: relative;\n}\n.tox .tox-listboxfield .tox-listbox--select[disabled] {\n  background-color: #f2f2f2;\n  color: rgba(34, 47, 62, 0.85);\n  cursor: not-allowed;\n}\n.tox .tox-listbox__select-label {\n  cursor: default;\n  flex: 1;\n  margin: 0 4px;\n}\n.tox .tox-listbox__select-chevron {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  width: 16px;\n}\n.tox .tox-listbox__select-chevron svg {\n  fill: #222f3e;\n}\n.tox .tox-listboxfield .tox-listbox--select {\n  align-items: center;\n  display: flex;\n}\n.tox:not([dir=rtl]) .tox-listboxfield svg {\n  right: 8px;\n}\n.tox[dir=rtl] .tox-listboxfield svg {\n  left: 8px;\n}\n.tox .tox-selectfield {\n  cursor: pointer;\n  position: relative;\n}\n.tox .tox-selectfield select {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: #fff;\n  border-color: #cccccc;\n  border-radius: 3px;\n  border-style: solid;\n  border-width: 1px;\n  box-shadow: none;\n  box-sizing: border-box;\n  color: #222f3e;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n  font-size: 16px;\n  line-height: 24px;\n  margin: 0;\n  min-height: 34px;\n  outline: none;\n  padding: 5px 4.75px;\n  resize: none;\n  width: 100%;\n}\n.tox .tox-selectfield select[disabled] {\n  background-color: #f2f2f2;\n  color: rgba(34, 47, 62, 0.85);\n  cursor: not-allowed;\n}\n.tox .tox-selectfield select::-ms-expand {\n  display: none;\n}\n.tox .tox-selectfield select:focus {\n  background-color: #fff;\n  border-color: #207ab7;\n  box-shadow: none;\n  outline: none;\n}\n.tox .tox-selectfield svg {\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.tox:not([dir=rtl]) .tox-selectfield select[size=\"0\"],\n.tox:not([dir=rtl]) .tox-selectfield select[size=\"1\"] {\n  padding-right: 24px;\n}\n.tox:not([dir=rtl]) .tox-selectfield svg {\n  right: 8px;\n}\n.tox[dir=rtl] .tox-selectfield select[size=\"0\"],\n.tox[dir=rtl] .tox-selectfield select[size=\"1\"] {\n  padding-left: 24px;\n}\n.tox[dir=rtl] .tox-selectfield svg {\n  left: 8px;\n}\n.tox .tox-textarea {\n  -webkit-appearance: textarea;\n     -moz-appearance: textarea;\n          appearance: textarea;\n  white-space: pre-wrap;\n}\n.tox-fullscreen {\n  border: 0;\n  height: 100%;\n  left: 0;\n  margin: 0;\n  overflow: hidden;\n  -ms-scroll-chaining: none;\n      overscroll-behavior: none;\n  padding: 0;\n  position: fixed;\n  top: 0;\n  touch-action: pinch-zoom;\n  width: 100%;\n}\n.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {\n  display: none;\n}\n.tox.tox-tinymce.tox-fullscreen {\n  z-index: 1200;\n}\n.tox-shadowhost.tox-fullscreen {\n  z-index: 1200;\n}\n.tox-fullscreen .tox.tox-tinymce-aux,\n.tox-fullscreen ~ .tox.tox-tinymce-aux {\n  z-index: 1201;\n}\n.tox .tox-help__more-link {\n  list-style: none;\n  margin-top: 1em;\n}\n.tox .tox-image-tools {\n  width: 100%;\n}\n.tox .tox-image-tools__toolbar {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n.tox .tox-image-tools__image {\n  background-color: #666;\n  height: 380px;\n  overflow: auto;\n  position: relative;\n  width: 100%;\n}\n.tox .tox-image-tools__image,\n.tox .tox-image-tools__image + .tox-image-tools__toolbar {\n  margin-top: 8px;\n}\n.tox .tox-image-tools__image-bg {\n  background: url(data:image/gif;base64,R0lGODdhDAAMAIABAMzMzP///ywAAAAADAAMAAACFoQfqYeabNyDMkBQb81Uat85nxguUAEAOw==);\n}\n.tox .tox-image-tools__toolbar > .tox-spacer {\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-croprect-block {\n  background: black;\n  filter: alpha(opacity=50);\n  opacity: 0.5;\n  position: absolute;\n  zoom: 1;\n}\n.tox .tox-croprect-handle {\n  border: 2px solid white;\n  height: 20px;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 20px;\n}\n.tox .tox-croprect-handle-move {\n  border: 0;\n  cursor: move;\n  position: absolute;\n}\n.tox .tox-croprect-handle-nw {\n  border-width: 2px 0 0 2px;\n  cursor: nw-resize;\n  left: 100px;\n  margin: -2px 0 0 -2px;\n  top: 100px;\n}\n.tox .tox-croprect-handle-ne {\n  border-width: 2px 2px 0 0;\n  cursor: ne-resize;\n  left: 200px;\n  margin: -2px 0 0 -20px;\n  top: 100px;\n}\n.tox .tox-croprect-handle-sw {\n  border-width: 0 0 2px 2px;\n  cursor: sw-resize;\n  left: 100px;\n  margin: -20px 2px 0 -2px;\n  top: 200px;\n}\n.tox .tox-croprect-handle-se {\n  border-width: 0 2px 2px 0;\n  cursor: se-resize;\n  left: 200px;\n  margin: -20px 0 0 -20px;\n  top: 200px;\n}\n.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {\n  margin-left: 8px;\n}\n.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-button + .tox-slider {\n  margin-left: 32px;\n}\n.tox:not([dir=rtl]) .tox-image-tools__toolbar > .tox-slider + .tox-button {\n  margin-left: 32px;\n}\n.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider:not(:first-of-type) {\n  margin-right: 8px;\n}\n.tox[dir=rtl] .tox-image-tools__toolbar > .tox-button + .tox-slider {\n  margin-right: 32px;\n}\n.tox[dir=rtl] .tox-image-tools__toolbar > .tox-slider + .tox-button {\n  margin-right: 32px;\n}\n.tox .tox-insert-table-picker {\n  display: flex;\n  flex-wrap: wrap;\n  width: 170px;\n}\n.tox .tox-insert-table-picker > div {\n  border-color: #cccccc;\n  border-style: solid;\n  border-width: 0 1px 1px 0;\n  box-sizing: border-box;\n  height: 17px;\n  width: 17px;\n}\n.tox .tox-collection--list .tox-collection__group .tox-insert-table-picker {\n  margin: -4px 0;\n}\n.tox .tox-insert-table-picker .tox-insert-table-picker__selected {\n  background-color: rgba(32, 122, 183, 0.5);\n  border-color: rgba(32, 122, 183, 0.5);\n}\n.tox .tox-insert-table-picker__label {\n  color: rgba(34, 47, 62, 0.7);\n  display: block;\n  font-size: 14px;\n  padding: 4px;\n  text-align: center;\n  width: 100%;\n}\n.tox:not([dir=rtl]) {\n  /* stylelint-disable-next-line no-descending-specificity */\n}\n.tox:not([dir=rtl]) .tox-insert-table-picker > div:nth-child(10n) {\n  border-right: 0;\n}\n.tox[dir=rtl] {\n  /* stylelint-disable-next-line no-descending-specificity */\n}\n.tox[dir=rtl] .tox-insert-table-picker > div:nth-child(10n+1) {\n  border-right: 0;\n}\n.tox {\n  /* stylelint-disable */\n  /* stylelint-enable */\n}\n.tox .tox-menu {\n  background-color: #fff;\n  border: 1px solid #cccccc;\n  border-radius: 3px;\n  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);\n  display: inline-block;\n  overflow: hidden;\n  vertical-align: top;\n  z-index: 1150;\n}\n.tox .tox-menu.tox-collection.tox-collection--list {\n  padding: 0;\n}\n.tox .tox-menu.tox-collection.tox-collection--toolbar {\n  padding: 4px;\n}\n.tox .tox-menu.tox-collection.tox-collection--grid {\n  padding: 4px;\n}\n.tox .tox-menu__label h1,\n.tox .tox-menu__label h2,\n.tox .tox-menu__label h3,\n.tox .tox-menu__label h4,\n.tox .tox-menu__label h5,\n.tox .tox-menu__label h6,\n.tox .tox-menu__label p,\n.tox .tox-menu__label blockquote,\n.tox .tox-menu__label code {\n  margin: 0;\n}\n.tox .tox-menubar {\n  background: url(\"data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E\") left 0 top 0 #fff;\n  background-color: #fff;\n  display: flex;\n  flex: 0 0 auto;\n  flex-shrink: 0;\n  flex-wrap: wrap;\n  padding: 0 4px 0 4px;\n}\n.tox.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-menubar {\n  border-top: 1px solid #cccccc;\n}\n/* Deprecated. Remove in next major release */\n.tox .tox-mbtn {\n  align-items: center;\n  background: transparent;\n  border: 0;\n  border-radius: 3px;\n  box-shadow: none;\n  color: #222f3e;\n  display: flex;\n  flex: 0 0 auto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n  height: 34px;\n  justify-content: center;\n  margin: 2px 0 3px 0;\n  outline: none;\n  overflow: hidden;\n  padding: 0 4px;\n  text-transform: none;\n  width: auto;\n}\n.tox .tox-mbtn[disabled] {\n  background-color: transparent;\n  border: 0;\n  box-shadow: none;\n  color: rgba(34, 47, 62, 0.5);\n  cursor: not-allowed;\n}\n.tox .tox-mbtn:focus:not(:disabled) {\n  background: #dee0e2;\n  border: 0;\n  box-shadow: none;\n  color: #222f3e;\n}\n.tox .tox-mbtn--active {\n  background: #c8cbcf;\n  border: 0;\n  box-shadow: none;\n  color: #222f3e;\n}\n.tox .tox-mbtn:hover:not(:disabled):not(.tox-mbtn--active) {\n  background: #dee0e2;\n  border: 0;\n  box-shadow: none;\n  color: #222f3e;\n}\n.tox .tox-mbtn__select-label {\n  cursor: default;\n  font-weight: normal;\n  margin: 0 4px;\n}\n.tox .tox-mbtn[disabled] .tox-mbtn__select-label {\n  cursor: not-allowed;\n}\n.tox .tox-mbtn__select-chevron {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  width: 16px;\n  display: none;\n}\n.tox .tox-notification {\n  border-radius: 3px;\n  border-style: solid;\n  border-width: 1px;\n  box-shadow: none;\n  box-sizing: border-box;\n  display: -ms-grid;\n  display: grid;\n  font-size: 14px;\n  font-weight: normal;\n  -ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);\n      grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);\n  margin-top: 4px;\n  opacity: 0;\n  padding: 4px;\n  transition: transform 100ms ease-in, opacity 150ms ease-in;\n}\n.tox .tox-notification p {\n  font-size: 14px;\n  font-weight: normal;\n}\n.tox .tox-notification a {\n  text-decoration: underline;\n}\n.tox .tox-notification--in {\n  opacity: 1;\n}\n.tox .tox-notification--success {\n  background-color: #e4eeda;\n  border-color: #d7e6c8;\n  color: #222f3e;\n}\n.tox .tox-notification--success p {\n  color: #222f3e;\n}\n.tox .tox-notification--success a {\n  color: #547831;\n}\n.tox .tox-notification--success svg {\n  fill: #222f3e;\n}\n.tox .tox-notification--error {\n  background-color: #f8dede;\n  border-color: #f2bfbf;\n  color: #222f3e;\n}\n.tox .tox-notification--error p {\n  color: #222f3e;\n}\n.tox .tox-notification--error a {\n  color: #c00;\n}\n.tox .tox-notification--error svg {\n  fill: #222f3e;\n}\n.tox .tox-notification--warn,\n.tox .tox-notification--warning {\n  background-color: #fffaea;\n  border-color: #ffe89d;\n  color: #222f3e;\n}\n.tox .tox-notification--warn p,\n.tox .tox-notification--warning p {\n  color: #222f3e;\n}\n.tox .tox-notification--warn a,\n.tox .tox-notification--warning a {\n  color: #222f3e;\n}\n.tox .tox-notification--warn svg,\n.tox .tox-notification--warning svg {\n  fill: #222f3e;\n}\n.tox .tox-notification--info {\n  background-color: #d9edf7;\n  border-color: #779ecb;\n  color: #222f3e;\n}\n.tox .tox-notification--info p {\n  color: #222f3e;\n}\n.tox .tox-notification--info a {\n  color: #222f3e;\n}\n.tox .tox-notification--info svg {\n  fill: #222f3e;\n}\n.tox .tox-notification__body {\n  -ms-grid-row-align: center;\n      align-self: center;\n  color: #222f3e;\n  font-size: 14px;\n  -ms-grid-column-span: 1;\n  grid-column-end: 3;\n  -ms-grid-column: 2;\n      grid-column-start: 2;\n  -ms-grid-row-span: 1;\n  grid-row-end: 2;\n  -ms-grid-row: 1;\n      grid-row-start: 1;\n  text-align: center;\n  white-space: normal;\n  word-break: break-all;\n  word-break: break-word;\n}\n.tox .tox-notification__body > * {\n  margin: 0;\n}\n.tox .tox-notification__body > * + * {\n  margin-top: 1rem;\n}\n.tox .tox-notification__icon {\n  -ms-grid-row-align: center;\n      align-self: center;\n  -ms-grid-column-span: 1;\n  grid-column-end: 2;\n  -ms-grid-column: 1;\n      grid-column-start: 1;\n  -ms-grid-row-span: 1;\n  grid-row-end: 2;\n  -ms-grid-row: 1;\n      grid-row-start: 1;\n  -ms-grid-column-align: end;\n      justify-self: end;\n}\n.tox .tox-notification__icon svg {\n  display: block;\n}\n.tox .tox-notification__dismiss {\n  -ms-grid-row-align: start;\n      align-self: start;\n  -ms-grid-column-span: 1;\n  grid-column-end: 4;\n  -ms-grid-column: 3;\n      grid-column-start: 3;\n  -ms-grid-row-span: 1;\n  grid-row-end: 2;\n  -ms-grid-row: 1;\n      grid-row-start: 1;\n  -ms-grid-column-align: end;\n      justify-self: end;\n}\n.tox .tox-notification .tox-progress-bar {\n  -ms-grid-column-span: 3;\n  grid-column-end: 4;\n  -ms-grid-column: 1;\n      grid-column-start: 1;\n  -ms-grid-row-span: 1;\n  grid-row-end: 3;\n  -ms-grid-row: 2;\n      grid-row-start: 2;\n  -ms-grid-column-align: center;\n      justify-self: center;\n}\n.tox .tox-pop {\n  display: inline-block;\n  position: relative;\n}\n.tox .tox-pop--resizing {\n  transition: width 0.1s ease;\n}\n.tox .tox-pop--resizing .tox-toolbar {\n  flex-wrap: nowrap;\n}\n.tox .tox-pop__dialog {\n  background-color: #fff;\n  border: 1px solid #cccccc;\n  border-radius: 3px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n  min-width: 0;\n  overflow: hidden;\n}\n.tox .tox-pop__dialog > *:not(.tox-toolbar) {\n  margin: 4px 4px 4px 8px;\n}\n.tox .tox-pop__dialog .tox-toolbar {\n  background-color: transparent;\n  margin-bottom: -1px;\n}\n.tox .tox-pop::before,\n.tox .tox-pop::after {\n  border-style: solid;\n  content: '';\n  display: block;\n  height: 0;\n  position: absolute;\n  width: 0;\n}\n.tox .tox-pop.tox-pop--bottom::before,\n.tox .tox-pop.tox-pop--bottom::after {\n  left: 50%;\n  top: 100%;\n}\n.tox .tox-pop.tox-pop--bottom::after {\n  border-color: #fff transparent transparent transparent;\n  border-width: 8px;\n  margin-left: -8px;\n  margin-top: -1px;\n}\n.tox .tox-pop.tox-pop--bottom::before {\n  border-color: #cccccc transparent transparent transparent;\n  border-width: 9px;\n  margin-left: -9px;\n}\n.tox .tox-pop.tox-pop--top::before,\n.tox .tox-pop.tox-pop--top::after {\n  left: 50%;\n  top: 0;\n  transform: translateY(-100%);\n}\n.tox .tox-pop.tox-pop--top::after {\n  border-color: transparent transparent #fff transparent;\n  border-width: 8px;\n  margin-left: -8px;\n  margin-top: 1px;\n}\n.tox .tox-pop.tox-pop--top::before {\n  border-color: transparent transparent #cccccc transparent;\n  border-width: 9px;\n  margin-left: -9px;\n}\n.tox .tox-pop.tox-pop--left::before,\n.tox .tox-pop.tox-pop--left::after {\n  left: 0;\n  top: calc(50% - 1px);\n  transform: translateY(-50%);\n}\n.tox .tox-pop.tox-pop--left::after {\n  border-color: transparent #fff transparent transparent;\n  border-width: 8px;\n  margin-left: -15px;\n}\n.tox .tox-pop.tox-pop--left::before {\n  border-color: transparent #cccccc transparent transparent;\n  border-width: 10px;\n  margin-left: -19px;\n}\n.tox .tox-pop.tox-pop--right::before,\n.tox .tox-pop.tox-pop--right::after {\n  left: 100%;\n  top: calc(50% + 1px);\n  transform: translateY(-50%);\n}\n.tox .tox-pop.tox-pop--right::after {\n  border-color: transparent transparent transparent #fff;\n  border-width: 8px;\n  margin-left: -1px;\n}\n.tox .tox-pop.tox-pop--right::before {\n  border-color: transparent transparent transparent #cccccc;\n  border-width: 10px;\n  margin-left: -1px;\n}\n.tox .tox-pop.tox-pop--align-left::before,\n.tox .tox-pop.tox-pop--align-left::after {\n  left: 20px;\n}\n.tox .tox-pop.tox-pop--align-right::before,\n.tox .tox-pop.tox-pop--align-right::after {\n  left: calc(100% - 20px);\n}\n.tox .tox-sidebar-wrap {\n  display: flex;\n  flex-direction: row;\n  flex-grow: 1;\n  -ms-flex-preferred-size: 0;\n  min-height: 0;\n}\n.tox .tox-sidebar {\n  background-color: #fff;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n}\n.tox .tox-sidebar__slider {\n  display: flex;\n  overflow: hidden;\n}\n.tox .tox-sidebar__pane-container {\n  display: flex;\n}\n.tox .tox-sidebar__pane {\n  display: flex;\n}\n.tox .tox-sidebar--sliding-closed {\n  opacity: 0;\n}\n.tox .tox-sidebar--sliding-open {\n  opacity: 1;\n}\n.tox .tox-sidebar--sliding-growing,\n.tox .tox-sidebar--sliding-shrinking {\n  transition: width 0.5s ease, opacity 0.5s ease;\n}\n.tox .tox-selector {\n  background-color: #4099ff;\n  border-color: #4099ff;\n  border-style: solid;\n  border-width: 1px;\n  box-sizing: border-box;\n  display: inline-block;\n  height: 10px;\n  position: absolute;\n  width: 10px;\n}\n.tox.tox-platform-touch .tox-selector {\n  height: 12px;\n  width: 12px;\n}\n.tox .tox-slider {\n  align-items: center;\n  display: flex;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n  height: 24px;\n  justify-content: center;\n  position: relative;\n}\n.tox .tox-slider__rail {\n  background-color: transparent;\n  border: 1px solid #cccccc;\n  border-radius: 3px;\n  height: 10px;\n  min-width: 120px;\n  width: 100%;\n}\n.tox .tox-slider__handle {\n  background-color: #207ab7;\n  border: 2px solid #185d8c;\n  border-radius: 3px;\n  box-shadow: none;\n  height: 24px;\n  left: 50%;\n  position: absolute;\n  top: 50%;\n  transform: translateX(-50%) translateY(-50%);\n  width: 14px;\n}\n.tox .tox-source-code {\n  overflow: auto;\n}\n.tox .tox-spinner {\n  display: flex;\n}\n.tox .tox-spinner > div {\n  animation: tam-bouncing-dots 1.5s ease-in-out 0s infinite both;\n  background-color: rgba(34, 47, 62, 0.7);\n  border-radius: 100%;\n  height: 8px;\n  width: 8px;\n}\n.tox .tox-spinner > div:nth-child(1) {\n  animation-delay: -0.32s;\n}\n.tox .tox-spinner > div:nth-child(2) {\n  animation-delay: -0.16s;\n}\n@keyframes tam-bouncing-dots {\n  0%,\n  80%,\n  100% {\n    transform: scale(0);\n  }\n  40% {\n    transform: scale(1);\n  }\n}\n.tox:not([dir=rtl]) .tox-spinner > div:not(:first-child) {\n  margin-left: 4px;\n}\n.tox[dir=rtl] .tox-spinner > div:not(:first-child) {\n  margin-right: 4px;\n}\n.tox .tox-statusbar {\n  align-items: center;\n  background-color: #fff;\n  border-top: 1px solid #cccccc;\n  color: rgba(34, 47, 62, 0.7);\n  display: flex;\n  flex: 0 0 auto;\n  font-size: 12px;\n  font-weight: normal;\n  height: 18px;\n  overflow: hidden;\n  padding: 0 8px;\n  position: relative;\n  text-transform: uppercase;\n}\n.tox .tox-statusbar__text-container {\n  display: flex;\n  flex: 1 1 auto;\n  justify-content: flex-end;\n  overflow: hidden;\n}\n.tox .tox-statusbar__path {\n  display: flex;\n  flex: 1 1 auto;\n  margin-right: auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.tox .tox-statusbar__path > * {\n  display: inline;\n  white-space: nowrap;\n}\n.tox .tox-statusbar__wordcount {\n  flex: 0 0 auto;\n  margin-left: 1ch;\n}\n.tox .tox-statusbar a,\n.tox .tox-statusbar__path-item,\n.tox .tox-statusbar__wordcount {\n  color: rgba(34, 47, 62, 0.7);\n  text-decoration: none;\n}\n.tox .tox-statusbar a:hover:not(:disabled):not([aria-disabled=true]),\n.tox .tox-statusbar__path-item:hover:not(:disabled):not([aria-disabled=true]),\n.tox .tox-statusbar__wordcount:hover:not(:disabled):not([aria-disabled=true]),\n.tox .tox-statusbar a:focus:not(:disabled):not([aria-disabled=true]),\n.tox .tox-statusbar__path-item:focus:not(:disabled):not([aria-disabled=true]),\n.tox .tox-statusbar__wordcount:focus:not(:disabled):not([aria-disabled=true]) {\n  cursor: pointer;\n  text-decoration: underline;\n}\n.tox .tox-statusbar__resize-handle {\n  align-items: flex-end;\n  align-self: stretch;\n  cursor: nwse-resize;\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: flex-end;\n  margin-left: auto;\n  margin-right: -8px;\n  padding-left: 1ch;\n}\n.tox .tox-statusbar__resize-handle svg {\n  display: block;\n  fill: rgba(34, 47, 62, 0.7);\n}\n.tox:not([dir=rtl]) .tox-statusbar__path > * {\n  margin-right: 4px;\n}\n.tox:not([dir=rtl]) .tox-statusbar__branding {\n  margin-left: 1ch;\n}\n.tox[dir=rtl] .tox-statusbar {\n  flex-direction: row-reverse;\n}\n.tox[dir=rtl] .tox-statusbar__path > * {\n  margin-left: 4px;\n}\n.tox .tox-throbber {\n  z-index: 1400;\n}\n.tox .tox-throbber__busy-spinner {\n  align-items: center;\n  background-color: rgba(255, 255, 255, 0.6);\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n.tox .tox-tbtn {\n  align-items: center;\n  background: transparent;\n  border: 0;\n  border-radius: 3px;\n  box-shadow: none;\n  color: #222f3e;\n  display: flex;\n  flex: 0 0 auto;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n  height: 34px;\n  justify-content: center;\n  margin: 2px 0 3px 0;\n  outline: none;\n  overflow: hidden;\n  padding: 0;\n  text-transform: none;\n  width: 34px;\n}\n.tox .tox-tbtn svg {\n  display: block;\n  fill: #222f3e;\n}\n.tox .tox-tbtn.tox-tbtn-more {\n  padding-left: 5px;\n  padding-right: 5px;\n  width: inherit;\n}\n.tox .tox-tbtn:focus {\n  background: #dee0e2;\n  border: 0;\n  box-shadow: none;\n}\n.tox .tox-tbtn:hover {\n  background: #dee0e2;\n  border: 0;\n  box-shadow: none;\n  color: #222f3e;\n}\n.tox .tox-tbtn:hover svg {\n  fill: #222f3e;\n}\n.tox .tox-tbtn:active {\n  background: #c8cbcf;\n  border: 0;\n  box-shadow: none;\n  color: #222f3e;\n}\n.tox .tox-tbtn:active svg {\n  fill: #222f3e;\n}\n.tox .tox-tbtn--disabled,\n.tox .tox-tbtn--disabled:hover,\n.tox .tox-tbtn:disabled,\n.tox .tox-tbtn:disabled:hover {\n  background: transparent;\n  border: 0;\n  box-shadow: none;\n  color: rgba(34, 47, 62, 0.5);\n  cursor: not-allowed;\n}\n.tox .tox-tbtn--disabled svg,\n.tox .tox-tbtn--disabled:hover svg,\n.tox .tox-tbtn:disabled svg,\n.tox .tox-tbtn:disabled:hover svg {\n  /* stylelint-disable-line no-descending-specificity */\n  fill: rgba(34, 47, 62, 0.5);\n}\n.tox .tox-tbtn--enabled,\n.tox .tox-tbtn--enabled:hover {\n  background: #c8cbcf;\n  border: 0;\n  box-shadow: none;\n  color: #222f3e;\n}\n.tox .tox-tbtn--enabled > *,\n.tox .tox-tbtn--enabled:hover > * {\n  transform: none;\n}\n.tox .tox-tbtn--enabled svg,\n.tox .tox-tbtn--enabled:hover svg {\n  /* stylelint-disable-line no-descending-specificity */\n  fill: #222f3e;\n}\n.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {\n  color: #222f3e;\n}\n.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg {\n  fill: #222f3e;\n}\n.tox .tox-tbtn:active > * {\n  transform: none;\n}\n.tox .tox-tbtn--md {\n  height: 51px;\n  width: 51px;\n}\n.tox .tox-tbtn--lg {\n  flex-direction: column;\n  height: 68px;\n  width: 68px;\n}\n.tox .tox-tbtn--return {\n  -ms-grid-row-align: stretch;\n      align-self: stretch;\n  height: unset;\n  width: 16px;\n}\n.tox .tox-tbtn--labeled {\n  padding: 0 4px;\n  width: unset;\n}\n.tox .tox-tbtn__vlabel {\n  display: block;\n  font-size: 10px;\n  font-weight: normal;\n  letter-spacing: -0.025em;\n  margin-bottom: 4px;\n  white-space: nowrap;\n}\n.tox .tox-tbtn--select {\n  margin: 2px 0 3px 0;\n  padding: 0 4px;\n  width: auto;\n}\n.tox .tox-tbtn__select-label {\n  cursor: default;\n  font-weight: normal;\n  margin: 0 4px;\n}\n.tox .tox-tbtn__select-chevron {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  width: 16px;\n}\n.tox .tox-tbtn__select-chevron svg {\n  fill: rgba(34, 47, 62, 0.5);\n}\n.tox .tox-tbtn--bespoke .tox-tbtn__select-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 7em;\n}\n.tox .tox-split-button {\n  border: 0;\n  border-radius: 3px;\n  box-sizing: border-box;\n  display: flex;\n  margin: 2px 0 3px 0;\n  overflow: hidden;\n}\n.tox .tox-split-button:hover {\n  box-shadow: 0 0 0 1px #dee0e2 inset;\n}\n.tox .tox-split-button:focus {\n  background: #dee0e2;\n  box-shadow: none;\n  color: #222f3e;\n}\n.tox .tox-split-button > * {\n  border-radius: 0;\n}\n.tox .tox-split-button__chevron {\n  width: 16px;\n}\n.tox .tox-split-button__chevron svg {\n  fill: rgba(34, 47, 62, 0.5);\n}\n.tox .tox-split-button .tox-tbtn {\n  margin: 0;\n}\n.tox.tox-platform-touch .tox-split-button .tox-tbtn:first-child {\n  width: 30px;\n}\n.tox.tox-platform-touch .tox-split-button__chevron {\n  width: 20px;\n}\n.tox .tox-split-button.tox-tbtn--disabled:hover,\n.tox .tox-split-button.tox-tbtn--disabled:focus,\n.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,\n.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {\n  background: transparent;\n  box-shadow: none;\n  color: rgba(34, 47, 62, 0.5);\n}\n.tox .tox-toolbar-overlord {\n  background-color: #fff;\n}\n.tox .tox-toolbar,\n.tox .tox-toolbar__primary,\n.tox .tox-toolbar__overflow {\n  background: url(\"data:image/svg+xml;charset=utf8,%3Csvg height='39px' viewBox='0 0 40 39px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='38px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E\") left 0 top 0 #fff;\n  background-color: #fff;\n  display: flex;\n  flex: 0 0 auto;\n  flex-shrink: 0;\n  flex-wrap: wrap;\n  padding: 0 0;\n}\n.tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {\n  height: 0;\n  opacity: 0;\n  padding-bottom: 0;\n  padding-top: 0;\n  visibility: hidden;\n}\n.tox .tox-toolbar__overflow--growing {\n  transition: height 0.3s ease, opacity 0.2s linear 0.1s;\n}\n.tox .tox-toolbar__overflow--shrinking {\n  transition: opacity 0.3s ease, height 0.2s linear 0.1s, visibility 0s linear 0.3s;\n}\n.tox .tox-menubar + .tox-toolbar,\n.tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {\n  border-top: 1px solid #cccccc;\n  margin-top: -1px;\n}\n.tox .tox-toolbar--scrolling {\n  flex-wrap: nowrap;\n  overflow-x: auto;\n}\n.tox .tox-pop .tox-toolbar {\n  border-width: 0;\n}\n.tox .tox-toolbar--no-divider {\n  background-image: none;\n}\n.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar:first-child,\n.tox-tinymce:not(.tox-tinymce-inline) .tox-editor-header:not(:first-child) .tox-toolbar-overlord:first-child .tox-toolbar__primary {\n  border-top: 1px solid #cccccc;\n}\n.tox.tox-tinymce-aux .tox-toolbar__overflow {\n  background-color: #fff;\n  border: 1px solid #cccccc;\n  border-radius: 3px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n}\n.tox[dir=rtl] .tox-tbtn__icon-rtl svg {\n  transform: rotateY(180deg);\n}\n.tox .tox-toolbar__group {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 0;\n  padding: 0 4px 0 4px;\n}\n.tox .tox-toolbar__group--pull-right {\n  margin-left: auto;\n}\n.tox .tox-toolbar--scrolling .tox-toolbar__group {\n  flex-shrink: 0;\n  flex-wrap: nowrap;\n}\n.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {\n  border-right: 1px solid #cccccc;\n}\n.tox[dir=rtl] .tox-toolbar__group:not(:last-of-type) {\n  border-left: 1px solid #cccccc;\n}\n.tox .tox-tooltip {\n  display: inline-block;\n  padding: 8px;\n  position: relative;\n}\n.tox .tox-tooltip__body {\n  background-color: #222f3e;\n  border-radius: 3px;\n  box-shadow: 0 2px 4px rgba(34, 47, 62, 0.3);\n  color: rgba(255, 255, 255, 0.75);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n  padding: 4px 8px;\n  text-transform: none;\n}\n.tox .tox-tooltip__arrow {\n  position: absolute;\n}\n.tox .tox-tooltip--down .tox-tooltip__arrow {\n  border-left: 8px solid transparent;\n  border-right: 8px solid transparent;\n  border-top: 8px solid #222f3e;\n  bottom: 0;\n  left: 50%;\n  position: absolute;\n  transform: translateX(-50%);\n}\n.tox .tox-tooltip--up .tox-tooltip__arrow {\n  border-bottom: 8px solid #222f3e;\n  border-left: 8px solid transparent;\n  border-right: 8px solid transparent;\n  left: 50%;\n  position: absolute;\n  top: 0;\n  transform: translateX(-50%);\n}\n.tox .tox-tooltip--right .tox-tooltip__arrow {\n  border-bottom: 8px solid transparent;\n  border-left: 8px solid #222f3e;\n  border-top: 8px solid transparent;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.tox .tox-tooltip--left .tox-tooltip__arrow {\n  border-bottom: 8px solid transparent;\n  border-right: 8px solid #222f3e;\n  border-top: 8px solid transparent;\n  left: 0;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.tox .tox-well {\n  border: 1px solid #cccccc;\n  border-radius: 3px;\n  padding: 8px;\n  width: 100%;\n}\n.tox .tox-well > *:first-child {\n  margin-top: 0;\n}\n.tox .tox-well > *:last-child {\n  margin-bottom: 0;\n}\n.tox .tox-well > *:only-child {\n  margin: 0;\n}\n.tox .tox-custom-editor {\n  border: 1px solid #cccccc;\n  border-radius: 3px;\n  display: flex;\n  flex: 1;\n  position: relative;\n}\n/* stylelint-disable */\n.tox {\n  /* stylelint-enable */\n}\n.tox .tox-dialog-loading::before {\n  background-color: rgba(0, 0, 0, 0.5);\n  content: \"\";\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  z-index: 1000;\n}\n.tox .tox-tab {\n  cursor: pointer;\n}\n.tox .tox-dialog__content-js {\n  display: flex;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-dialog__body-content .tox-collection {\n  display: flex;\n  flex: 1;\n  -ms-flex-preferred-size: auto;\n}\n.tox .tox-image-tools-edit-panel {\n  height: 60px;\n}\n.tox .tox-image-tools__sidebar {\n  height: 60px;\n}\n"]}
\ No newline at end of file
diff --git a/src/assets/tinymce/skins/ui/oxide/skin.mobile.css b/src/assets/tinymce/skins/ui/oxide/skin.mobile.css
new file mode 100644
index 00000000..875721a2
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/skin.mobile.css
@@ -0,0 +1,673 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+/* RESET all the things! */
+.tinymce-mobile-outer-container {
+  all: initial;
+  display: block;
+}
+.tinymce-mobile-outer-container * {
+  border: 0;
+  box-sizing: initial;
+  cursor: inherit;
+  float: none;
+  line-height: 1;
+  margin: 0;
+  outline: 0;
+  padding: 0;
+  -webkit-tap-highlight-color: transparent;
+  /* TBIO-3691, stop the gray flicker on touch. */
+  text-shadow: none;
+  white-space: nowrap;
+}
+.tinymce-mobile-icon-arrow-back::before {
+  content: "\e5cd";
+}
+.tinymce-mobile-icon-image::before {
+  content: "\e412";
+}
+.tinymce-mobile-icon-cancel-circle::before {
+  content: "\e5c9";
+}
+.tinymce-mobile-icon-full-dot::before {
+  content: "\e061";
+}
+.tinymce-mobile-icon-align-center::before {
+  content: "\e234";
+}
+.tinymce-mobile-icon-align-left::before {
+  content: "\e236";
+}
+.tinymce-mobile-icon-align-right::before {
+  content: "\e237";
+}
+.tinymce-mobile-icon-bold::before {
+  content: "\e238";
+}
+.tinymce-mobile-icon-italic::before {
+  content: "\e23f";
+}
+.tinymce-mobile-icon-unordered-list::before {
+  content: "\e241";
+}
+.tinymce-mobile-icon-ordered-list::before {
+  content: "\e242";
+}
+.tinymce-mobile-icon-font-size::before {
+  content: "\e245";
+}
+.tinymce-mobile-icon-underline::before {
+  content: "\e249";
+}
+.tinymce-mobile-icon-link::before {
+  content: "\e157";
+}
+.tinymce-mobile-icon-unlink::before {
+  content: "\eca2";
+}
+.tinymce-mobile-icon-color::before {
+  content: "\e891";
+}
+.tinymce-mobile-icon-previous::before {
+  content: "\e314";
+}
+.tinymce-mobile-icon-next::before {
+  content: "\e315";
+}
+.tinymce-mobile-icon-large-font::before,
+.tinymce-mobile-icon-style-formats::before {
+  content: "\e264";
+}
+.tinymce-mobile-icon-undo::before {
+  content: "\e166";
+}
+.tinymce-mobile-icon-redo::before {
+  content: "\e15a";
+}
+.tinymce-mobile-icon-removeformat::before {
+  content: "\e239";
+}
+.tinymce-mobile-icon-small-font::before {
+  content: "\e906";
+}
+.tinymce-mobile-icon-readonly-back::before,
+.tinymce-mobile-format-matches::after {
+  content: "\e5ca";
+}
+.tinymce-mobile-icon-small-heading::before {
+  content: "small";
+}
+.tinymce-mobile-icon-large-heading::before {
+  content: "large";
+}
+.tinymce-mobile-icon-small-heading::before,
+.tinymce-mobile-icon-large-heading::before {
+  font-family: sans-serif;
+  font-size: 80%;
+}
+.tinymce-mobile-mask-edit-icon::before {
+  content: "\e254";
+}
+.tinymce-mobile-icon-back::before {
+  content: "\e5c4";
+}
+.tinymce-mobile-icon-heading::before {
+  /* TODO: Translate */
+  content: "Headings";
+  font-family: sans-serif;
+  font-size: 80%;
+  font-weight: bold;
+}
+.tinymce-mobile-icon-h1::before {
+  content: "H1";
+  font-weight: bold;
+}
+.tinymce-mobile-icon-h2::before {
+  content: "H2";
+  font-weight: bold;
+}
+.tinymce-mobile-icon-h3::before {
+  content: "H3";
+  font-weight: bold;
+}
+.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  background: rgba(51, 51, 51, 0.5);
+  height: 100%;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container {
+  align-items: center;
+  border-radius: 50%;
+  display: flex;
+  flex-direction: column;
+  font-family: sans-serif;
+  font-size: 1em;
+  justify-content: space-between;
+}
+.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  border-radius: 50%;
+  height: 2.1em;
+  width: 2.1em;
+}
+.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  font-size: 1em;
+}
+@media only screen and (min-device-width:700px) {
+  .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {
+    font-size: 1.2em;
+  }
+}
+.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  border-radius: 50%;
+  height: 2.1em;
+  width: 2.1em;
+  background-color: white;
+  color: #207ab7;
+}
+.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before {
+  content: "\e900";
+  font-family: 'tinymce-mobile', sans-serif;
+}
+.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section:not(.tinymce-mobile-mask-tap-icon-selected) .tinymce-mobile-mask-tap-icon {
+  z-index: 2;
+}
+.tinymce-mobile-android-container.tinymce-mobile-android-maximized {
+  background: #ffffff;
+  border: none;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+}
+.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized) {
+  position: relative;
+}
+.tinymce-mobile-android-container .tinymce-mobile-editor-socket {
+  display: flex;
+  flex-grow: 1;
+}
+.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe {
+  display: flex !important;
+  flex-grow: 1;
+  height: auto !important;
+}
+.tinymce-mobile-android-scroll-reload {
+  overflow: hidden;
+}
+:not(.tinymce-mobile-readonly-mode) > .tinymce-mobile-android-selection-context-toolbar {
+  margin-top: 23px;
+}
+.tinymce-mobile-toolstrip {
+  background: #fff;
+  display: flex;
+  flex: 0 0 auto;
+  z-index: 1;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar {
+  align-items: center;
+  background-color: #fff;
+  border-bottom: 1px solid #cccccc;
+  display: flex;
+  flex: 1;
+  height: 2.5em;
+  width: 100%;
+  /* Make it no larger than the toolstrip, so that it needs to scroll */
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  flex-shrink: 1;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group > div {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  flex: 1;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container {
+  background: #f44336;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group {
+  flex-grow: 1;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button {
+  align-items: center;
+  display: flex;
+  height: 80%;
+  margin-left: 2px;
+  margin-right: 2px;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button.tinymce-mobile-toolbar-button-selected {
+  background: #c8cbcf;
+  color: #cccccc;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type {
+  background: #207ab7;
+  color: #eceff1;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar {
+  /* Note, this file is imported inside .tinymce-mobile-context-toolbar, so that prefix is on everything here. */
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  flex: 1;
+  padding-bottom: 0.4em;
+  padding-top: 0.4em;
+  /* Make any buttons appearing on the left and right display in the centre (e.g. color edges) */
+  /* For widgets like the colour picker, use the whole height */
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog {
+  display: flex;
+  min-height: 1.5em;
+  overflow: hidden;
+  padding-left: 0;
+  padding-right: 0;
+  position: relative;
+  width: 100%;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain {
+  display: flex;
+  height: 100%;
+  transition: left cubic-bezier(0.4, 0, 1, 1) 0.15s;
+  width: 100%;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen {
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: space-between;
+  width: 100%;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen input {
+  font-family: Sans-serif;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container {
+  display: flex;
+  flex-grow: 1;
+  position: relative;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container .tinymce-mobile-input-container-x {
+  -ms-grid-row-align: center;
+      align-self: center;
+  background: inherit;
+  border: none;
+  border-radius: 50%;
+  color: #888;
+  font-size: 0.6em;
+  font-weight: bold;
+  height: 100%;
+  padding-right: 2px;
+  position: absolute;
+  right: 0;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container.tinymce-mobile-input-container-empty .tinymce-mobile-input-container-x {
+  display: none;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous,
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next {
+  align-items: center;
+  display: flex;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous::before,
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next::before {
+  align-items: center;
+  display: flex;
+  font-weight: bold;
+  height: 100%;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous.tinymce-mobile-toolbar-navigation-disabled::before,
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next.tinymce-mobile-toolbar-navigation-disabled::before {
+  visibility: hidden;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item {
+  color: #cccccc;
+  font-size: 10px;
+  line-height: 10px;
+  margin: 0 2px;
+  padding-top: 3px;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active {
+  color: #c8cbcf;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before,
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before {
+  margin-left: 0.5em;
+  margin-right: 0.9em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before,
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before {
+  margin-left: 0.9em;
+  margin-right: 0.5em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider {
+  display: flex;
+  flex: 1;
+  margin-left: 0;
+  margin-right: 0;
+  padding: 0.28em 0;
+  position: relative;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container {
+  align-items: center;
+  display: flex;
+  flex-grow: 1;
+  height: 100%;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container .tinymce-mobile-slider-size-line {
+  background: #cccccc;
+  display: flex;
+  flex: 1;
+  height: 0.2em;
+  margin-bottom: 0.3em;
+  margin-top: 0.3em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container {
+  padding-left: 2em;
+  padding-right: 2em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container {
+  align-items: center;
+  display: flex;
+  flex-grow: 1;
+  height: 100%;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container .tinymce-mobile-slider-gradient {
+  background: linear-gradient(to right, hsl(0, 100%, 50%) 0%, hsl(60, 100%, 50%) 17%, hsl(120, 100%, 50%) 33%, hsl(180, 100%, 50%) 50%, hsl(240, 100%, 50%) 67%, hsl(300, 100%, 50%) 83%, hsl(0, 100%, 50%) 100%);
+  display: flex;
+  flex: 1;
+  height: 0.2em;
+  margin-bottom: 0.3em;
+  margin-top: 0.3em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-black {
+  /* Not part of theming */
+  background: black;
+  height: 0.2em;
+  margin-bottom: 0.3em;
+  margin-top: 0.3em;
+  width: 1.2em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-white {
+  /* Not part of theming */
+  background: white;
+  height: 0.2em;
+  margin-bottom: 0.3em;
+  margin-top: 0.3em;
+  width: 1.2em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb {
+  /* vertically centering trick (margin: auto, top: 0, bottom: 0). On iOS and Safari, if you leave
+     * out these values, then it shows the thumb at the top of the spectrum. This is probably because it is
+     * absolutely positioned with only a left value, and not a top. Note, on Chrome it seems to be fine without
+     * this approach.
+    */
+  align-items: center;
+  background-clip: padding-box;
+  background-color: #455a64;
+  border: 0.5em solid rgba(136, 136, 136, 0);
+  border-radius: 3em;
+  bottom: 0;
+  color: #fff;
+  display: flex;
+  height: 0.5em;
+  justify-content: center;
+  left: -10px;
+  margin: auto;
+  position: absolute;
+  top: 0;
+  transition: border 120ms cubic-bezier(0.39, 0.58, 0.57, 1);
+  width: 0.5em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb.tinymce-mobile-thumb-active {
+  border: 0.5em solid rgba(136, 136, 136, 0.39);
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper,
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group > div {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  flex: 1;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper {
+  flex-direction: column;
+  justify-content: center;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {
+  align-items: center;
+  display: flex;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog) {
+  height: 100%;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container {
+  display: flex;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input {
+  background: #ffffff;
+  border: none;
+  border-radius: 0;
+  color: #455a64;
+  flex-grow: 1;
+  font-size: 0.85em;
+  padding-bottom: 0.1em;
+  padding-left: 5px;
+  padding-top: 0.1em;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder {
+  /* WebKit, Blink, Edge */
+  color: #888;
+}
+.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder {
+  /* WebKit, Blink, Edge */
+  color: #888;
+}
+/* dropup */
+.tinymce-mobile-dropup {
+  background: white;
+  display: flex;
+  overflow: hidden;
+  width: 100%;
+}
+.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking {
+  transition: height 0.3s ease-out;
+}
+.tinymce-mobile-dropup.tinymce-mobile-dropup-growing {
+  transition: height 0.3s ease-in;
+}
+.tinymce-mobile-dropup.tinymce-mobile-dropup-closed {
+  flex-grow: 0;
+}
+.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing) {
+  flex-grow: 1;
+}
+/* TODO min-height for device size and orientation */
+.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
+  min-height: 200px;
+}
+@media only screen and (orientation: landscape) {
+  .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
+    min-height: 200px;
+  }
+}
+@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
+  .tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {
+    min-height: 150px;
+  }
+}
+/* styles menu */
+.tinymce-mobile-styles-menu {
+  font-family: sans-serif;
+  outline: 4px solid black;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+.tinymce-mobile-styles-menu [role="menu"] {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+.tinymce-mobile-styles-menu [role="menu"].transitioning {
+  transition: transform 0.5s ease-in-out;
+}
+.tinymce-mobile-styles-menu .tinymce-mobile-styles-item {
+  border-bottom: 1px solid #ddd;
+  color: #455a64;
+  cursor: pointer;
+  display: flex;
+  padding: 1em 1em;
+  position: relative;
+}
+.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before {
+  color: #455a64;
+  content: "\e314";
+  font-family: 'tinymce-mobile', sans-serif;
+}
+.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after {
+  color: #455a64;
+  content: "\e315";
+  font-family: 'tinymce-mobile', sans-serif;
+  padding-left: 1em;
+  padding-right: 1em;
+  position: absolute;
+  right: 0;
+}
+.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after {
+  font-family: 'tinymce-mobile', sans-serif;
+  padding-left: 1em;
+  padding-right: 1em;
+  position: absolute;
+  right: 0;
+}
+.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator,
+.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser {
+  align-items: center;
+  background: #fff;
+  border-top: #455a64;
+  color: #455a64;
+  display: flex;
+  min-height: 2.5em;
+  padding-left: 1em;
+  padding-right: 1em;
+}
+.tinymce-mobile-styles-menu [data-transitioning-destination="before"][data-transitioning-state],
+.tinymce-mobile-styles-menu [data-transitioning-state="before"] {
+  transform: translate(-100%);
+}
+.tinymce-mobile-styles-menu [data-transitioning-destination="current"][data-transitioning-state],
+.tinymce-mobile-styles-menu [data-transitioning-state="current"] {
+  transform: translate(0%);
+}
+.tinymce-mobile-styles-menu [data-transitioning-destination="after"][data-transitioning-state],
+.tinymce-mobile-styles-menu [data-transitioning-state="after"] {
+  transform: translate(100%);
+}
+@font-face {
+  font-family: 'tinymce-mobile';
+  font-style: normal;
+  font-weight: normal;
+  src: url('fonts/tinymce-mobile.woff?8x92w3') format('woff');
+}
+@media (min-device-width: 700px) {
+  .tinymce-mobile-outer-container,
+  .tinymce-mobile-outer-container input {
+    font-size: 25px;
+  }
+}
+@media (max-device-width: 700px) {
+  .tinymce-mobile-outer-container,
+  .tinymce-mobile-outer-container input {
+    font-size: 18px;
+  }
+}
+.tinymce-mobile-icon {
+  font-family: 'tinymce-mobile', sans-serif;
+}
+.mixin-flex-and-centre {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+.mixin-flex-bar {
+  align-items: center;
+  display: flex;
+  height: 100%;
+}
+.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe {
+  background-color: #fff;
+  width: 100%;
+}
+.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
+  /* Note, on the iPod touch in landscape, this isn't visible when the navbar appears */
+  background-color: #207ab7;
+  border-radius: 50%;
+  bottom: 1em;
+  color: white;
+  font-size: 1em;
+  height: 2.1em;
+  position: fixed;
+  right: 2em;
+  width: 2.1em;
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+@media only screen and (min-device-width:700px) {
+  .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
+    font-size: 1.2em;
+  }
+}
+.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket {
+  height: 300px;
+  overflow: hidden;
+}
+.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe {
+  height: 100%;
+}
+.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip {
+  display: none;
+}
+/*
+  Note, that if you don't include this (::-webkit-file-upload-button), the toolbar width gets
+  increased and the whole body becomes scrollable. It's important!
+ */
+input[type="file"]::-webkit-file-upload-button {
+  display: none;
+}
+@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
+  .tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {
+    bottom: 50%;
+  }
+}
diff --git a/src/assets/tinymce/skins/ui/oxide/skin.mobile.min.css b/src/assets/tinymce/skins/ui/oxide/skin.mobile.min.css
new file mode 100644
index 00000000..15555127
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/skin.mobile.min.css
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+.tinymce-mobile-outer-container{all:initial;display:block}.tinymce-mobile-outer-container *{border:0;box-sizing:initial;cursor:inherit;float:none;line-height:1;margin:0;outline:0;padding:0;-webkit-tap-highlight-color:transparent;text-shadow:none;white-space:nowrap}.tinymce-mobile-icon-arrow-back::before{content:"\e5cd"}.tinymce-mobile-icon-image::before{content:"\e412"}.tinymce-mobile-icon-cancel-circle::before{content:"\e5c9"}.tinymce-mobile-icon-full-dot::before{content:"\e061"}.tinymce-mobile-icon-align-center::before{content:"\e234"}.tinymce-mobile-icon-align-left::before{content:"\e236"}.tinymce-mobile-icon-align-right::before{content:"\e237"}.tinymce-mobile-icon-bold::before{content:"\e238"}.tinymce-mobile-icon-italic::before{content:"\e23f"}.tinymce-mobile-icon-unordered-list::before{content:"\e241"}.tinymce-mobile-icon-ordered-list::before{content:"\e242"}.tinymce-mobile-icon-font-size::before{content:"\e245"}.tinymce-mobile-icon-underline::before{content:"\e249"}.tinymce-mobile-icon-link::before{content:"\e157"}.tinymce-mobile-icon-unlink::before{content:"\eca2"}.tinymce-mobile-icon-color::before{content:"\e891"}.tinymce-mobile-icon-previous::before{content:"\e314"}.tinymce-mobile-icon-next::before{content:"\e315"}.tinymce-mobile-icon-large-font::before,.tinymce-mobile-icon-style-formats::before{content:"\e264"}.tinymce-mobile-icon-undo::before{content:"\e166"}.tinymce-mobile-icon-redo::before{content:"\e15a"}.tinymce-mobile-icon-removeformat::before{content:"\e239"}.tinymce-mobile-icon-small-font::before{content:"\e906"}.tinymce-mobile-format-matches::after,.tinymce-mobile-icon-readonly-back::before{content:"\e5ca"}.tinymce-mobile-icon-small-heading::before{content:"small"}.tinymce-mobile-icon-large-heading::before{content:"large"}.tinymce-mobile-icon-large-heading::before,.tinymce-mobile-icon-small-heading::before{font-family:sans-serif;font-size:80%}.tinymce-mobile-mask-edit-icon::before{content:"\e254"}.tinymce-mobile-icon-back::before{content:"\e5c4"}.tinymce-mobile-icon-heading::before{content:"Headings";font-family:sans-serif;font-size:80%;font-weight:700}.tinymce-mobile-icon-h1::before{content:"H1";font-weight:700}.tinymce-mobile-icon-h2::before{content:"H2";font-weight:700}.tinymce-mobile-icon-h3::before{content:"H3";font-weight:700}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask{align-items:center;display:flex;justify-content:center;background:rgba(51,51,51,.5);height:100%;position:absolute;top:0;width:100%}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container{align-items:center;border-radius:50%;display:flex;flex-direction:column;font-family:sans-serif;font-size:1em;justify-content:space-between}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item{align-items:center;display:flex;justify-content:center;border-radius:50%;height:2.1em;width:2.1em}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section{align-items:center;display:flex;justify-content:center;flex-direction:column;font-size:1em}@media only screen and (min-device-width:700px){.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section{font-size:1.2em}}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon{align-items:center;display:flex;justify-content:center;border-radius:50%;height:2.1em;width:2.1em;background-color:#fff;color:#207ab7}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before{content:"\e900";font-family:tinymce-mobile,sans-serif}.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section:not(.tinymce-mobile-mask-tap-icon-selected) .tinymce-mobile-mask-tap-icon{z-index:2}.tinymce-mobile-android-container.tinymce-mobile-android-maximized{background:#fff;border:none;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0}.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized){position:relative}.tinymce-mobile-android-container .tinymce-mobile-editor-socket{display:flex;flex-grow:1}.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe{display:flex!important;flex-grow:1;height:auto!important}.tinymce-mobile-android-scroll-reload{overflow:hidden}:not(.tinymce-mobile-readonly-mode)>.tinymce-mobile-android-selection-context-toolbar{margin-top:23px}.tinymce-mobile-toolstrip{background:#fff;display:flex;flex:0 0 auto;z-index:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar{align-items:center;background-color:#fff;border-bottom:1px solid #ccc;display:flex;flex:1;height:2.5em;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group{align-items:center;display:flex;height:100%;flex-shrink:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group>div{align-items:center;display:flex;height:100%;flex:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container{background:#f44336}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group{flex-grow:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item{padding-left:.5em;padding-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button{align-items:center;display:flex;height:80%;margin-left:2px;margin-right:2px}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button.tinymce-mobile-toolbar-button-selected{background:#c8cbcf;color:#ccc}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type{background:#207ab7;color:#eceff1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group{align-items:center;display:flex;height:100%;flex:1;padding-bottom:.4em;padding-top:.4em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog{display:flex;min-height:1.5em;overflow:hidden;padding-left:0;padding-right:0;position:relative;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain{display:flex;height:100%;transition:left cubic-bezier(.4,0,1,1) .15s;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen{display:flex;flex:0 0 auto;justify-content:space-between;width:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen input{font-family:Sans-serif}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container{display:flex;flex-grow:1;position:relative}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container .tinymce-mobile-input-container-x{-ms-grid-row-align:center;align-self:center;background:inherit;border:none;border-radius:50%;color:#888;font-size:.6em;font-weight:700;height:100%;padding-right:2px;position:absolute;right:0}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container.tinymce-mobile-input-container-empty .tinymce-mobile-input-container-x{display:none}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous{align-items:center;display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous::before{align-items:center;display:flex;font-weight:700;height:100%;padding-left:.5em;padding-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next.tinymce-mobile-toolbar-navigation-disabled::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous.tinymce-mobile-toolbar-navigation-disabled::before{visibility:hidden}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item{color:#ccc;font-size:10px;line-height:10px;margin:0 2px;padding-top:3px}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active{color:#c8cbcf}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before{margin-left:.5em;margin-right:.9em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before{margin-left:.9em;margin-right:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider{display:flex;flex:1;margin-left:0;margin-right:0;padding:.28em 0;position:relative}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container{align-items:center;display:flex;flex-grow:1;height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container .tinymce-mobile-slider-size-line{background:#ccc;display:flex;flex:1;height:.2em;margin-bottom:.3em;margin-top:.3em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container{padding-left:2em;padding-right:2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container{align-items:center;display:flex;flex-grow:1;height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container .tinymce-mobile-slider-gradient{background:linear-gradient(to right,red 0,#feff00 17%,#0f0 33%,#00feff 50%,#00f 67%,#ff00fe 83%,red 100%);display:flex;flex:1;height:.2em;margin-bottom:.3em;margin-top:.3em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-black{background:#000;height:.2em;margin-bottom:.3em;margin-top:.3em;width:1.2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-white{background:#fff;height:.2em;margin-bottom:.3em;margin-top:.3em;width:1.2em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb{align-items:center;background-clip:padding-box;background-color:#455a64;border:.5em solid rgba(136,136,136,0);border-radius:3em;bottom:0;color:#fff;display:flex;height:.5em;justify-content:center;left:-10px;margin:auto;position:absolute;top:0;transition:border 120ms cubic-bezier(.39,.58,.57,1);width:.5em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb.tinymce-mobile-thumb-active{border:.5em solid rgba(136,136,136,.39)}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper,.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group>div{align-items:center;display:flex;height:100%;flex:1}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper{flex-direction:column;justify-content:center}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item{align-items:center;display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog){height:100%}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container{display:flex}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input{background:#fff;border:none;border-radius:0;color:#455a64;flex-grow:1;font-size:.85em;padding-bottom:.1em;padding-left:5px;padding-top:.1em}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder{color:#888}.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder{color:#888}.tinymce-mobile-dropup{background:#fff;display:flex;overflow:hidden;width:100%}.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking{transition:height .3s ease-out}.tinymce-mobile-dropup.tinymce-mobile-dropup-growing{transition:height .3s ease-in}.tinymce-mobile-dropup.tinymce-mobile-dropup-closed{flex-grow:0}.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing){flex-grow:1}.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:200px}@media only screen and (orientation:landscape){.tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:200px}}@media only screen and (min-device-width :320px) and (max-device-width :568px) and (orientation :landscape){.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed){min-height:150px}}.tinymce-mobile-styles-menu{font-family:sans-serif;outline:4px solid #000;overflow:hidden;position:relative;width:100%}.tinymce-mobile-styles-menu [role=menu]{display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.tinymce-mobile-styles-menu [role=menu].transitioning{transition:transform .5s ease-in-out}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item{border-bottom:1px solid #ddd;color:#455a64;cursor:pointer;display:flex;padding:1em 1em;position:relative}.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before{color:#455a64;content:"\e314";font-family:tinymce-mobile,sans-serif}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after{color:#455a64;content:"\e315";font-family:tinymce-mobile,sans-serif;padding-left:1em;padding-right:1em;position:absolute;right:0}.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after{font-family:tinymce-mobile,sans-serif;padding-left:1em;padding-right:1em;position:absolute;right:0}.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser,.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator{align-items:center;background:#fff;border-top:#455a64;color:#455a64;display:flex;min-height:2.5em;padding-left:1em;padding-right:1em}.tinymce-mobile-styles-menu [data-transitioning-destination=before][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=before]{transform:translate(-100%)}.tinymce-mobile-styles-menu [data-transitioning-destination=current][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=current]{transform:translate(0)}.tinymce-mobile-styles-menu [data-transitioning-destination=after][data-transitioning-state],.tinymce-mobile-styles-menu [data-transitioning-state=after]{transform:translate(100%)}@font-face{font-family:tinymce-mobile;font-style:normal;font-weight:400;src:url(fonts/tinymce-mobile.woff?8x92w3) format('woff')}@media (min-device-width:700px){.tinymce-mobile-outer-container,.tinymce-mobile-outer-container input{font-size:25px}}@media (max-device-width:700px){.tinymce-mobile-outer-container,.tinymce-mobile-outer-container input{font-size:18px}}.tinymce-mobile-icon{font-family:tinymce-mobile,sans-serif}.mixin-flex-and-centre{align-items:center;display:flex;justify-content:center}.mixin-flex-bar{align-items:center;display:flex;height:100%}.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe{background-color:#fff;width:100%}.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{background-color:#207ab7;border-radius:50%;bottom:1em;color:#fff;font-size:1em;height:2.1em;position:fixed;right:2em;width:2.1em;align-items:center;display:flex;justify-content:center}@media only screen and (min-device-width:700px){.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{font-size:1.2em}}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket{height:300px;overflow:hidden}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe{height:100%}.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip{display:none}input[type=file]::-webkit-file-upload-button{display:none}@media only screen and (min-device-width :320px) and (max-device-width :568px) and (orientation :landscape){.tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon{bottom:50%}}
+/*# sourceMappingURL=skin.mobile.min.css.map */
diff --git a/src/assets/tinymce/skins/ui/oxide/skin.mobile.min.css.map b/src/assets/tinymce/skins/ui/oxide/skin.mobile.min.css.map
new file mode 100644
index 00000000..ed893bc5
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/skin.mobile.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["ui/default/skin.mobile.css"],"names":[],"mappings":";;;;;;AAOA,gCACE,IAAK,QACL,QAAS,MAEX,kCACE,OAAQ,EACR,WAAY,QACZ,OAAQ,QACR,MAAO,KACP,YAAa,EACb,OAAQ,EACR,QAAS,EACT,QAAS,EACT,4BAA6B,YAE7B,YAAa,KACb,YAAa,OAEf,wCACE,QAAS,QAEX,mCACE,QAAS,QAEX,2CACE,QAAS,QAEX,sCACE,QAAS,QAEX,0CACE,QAAS,QAEX,wCACE,QAAS,QAEX,yCACE,QAAS,QAEX,kCACE,QAAS,QAEX,oCACE,QAAS,QAEX,4CACE,QAAS,QAEX,0CACE,QAAS,QAEX,uCACE,QAAS,QAEX,uCACE,QAAS,QAEX,kCACE,QAAS,QAEX,oCACE,QAAS,QAEX,mCACE,QAAS,QAEX,sCACE,QAAS,QAEX,kCACE,QAAS,QAEX,wCACA,2CACE,QAAS,QAEX,kCACE,QAAS,QAEX,kCACE,QAAS,QAEX,0CACE,QAAS,QAEX,wCACE,QAAS,QAGX,sCADA,2CAEE,QAAS,QAEX,2CACE,QAAS,QAEX,2CACE,QAAS,QAGX,2CADA,2CAEE,YAAa,WACb,UAAW,IAEb,uCACE,QAAS,QAEX,kCACE,QAAS,QAEX,qCAEE,QAAS,WACT,YAAa,WACb,UAAW,IACX,YAAa,IAEf,gCACE,QAAS,KACT,YAAa,IAEf,gCACE,QAAS,KACT,YAAa,IAEf,gCACE,QAAS,KACT,YAAa,IAEf,8DACE,YAAa,OACb,QAAS,KACT,gBAAiB,OACjB,WAAY,kBACZ,OAAQ,KACR,SAAU,SACV,IAAK,EACL,MAAO,KAET,gGACE,YAAa,OACb,cAAe,IACf,QAAS,KACT,eAAgB,OAChB,YAAa,WACb,UAAW,IACX,gBAAiB,cAEnB,iHACE,YAAa,OACb,QAAS,KACT,gBAAiB,OACjB,cAAe,IACf,OAAQ,MACR,MAAO,MAET,oIACE,YAAa,OACb,QAAS,KACT,gBAAiB,OACjB,eAAgB,OAChB,UAAW,IAEb,gDACE,oIACE,UAAW,OAGf,kKACE,YAAa,OACb,QAAS,KACT,gBAAiB,OACjB,cAAe,IACf,OAAQ,MACR,MAAO,MACP,iBAAkB,KAClB,MAAO,QAET,0KACE,QAAS,QACT,YAAa,cAAgB,CAAE,WAEjC,8MACE,QAAS,EAEX,mEACE,WAAY,KACZ,OAAQ,KACR,OAAQ,EACR,QAAS,KACT,eAAgB,OAChB,KAAM,EACN,SAAU,MACV,MAAO,EACP,IAAK,EAEP,yEACE,SAAU,SAEZ,gEACE,QAAS,KACT,UAAW,EAEb,uEACE,QAAS,eACT,UAAW,EACX,OAAQ,eAEV,sCACE,SAAU,OAEZ,sFACE,WAAY,KAEd,0BACE,WAAY,KACZ,QAAS,KACT,KAAM,EAAE,EAAE,KACV,QAAS,EAEX,kDACE,YAAa,OACb,iBAAkB,KAClB,cAAe,IAAI,MAAM,KACzB,QAAS,KACT,KAAM,EACN,OAAQ,MACR,MAAO,KAGT,qHACE,YAAa,OACb,QAAS,KACT,OAAQ,KACR,YAAa,EAEf,yHACE,YAAa,OACb,QAAS,KACT,OAAQ,KACR,KAAM,EAER,mJACE,WAAY,QAEd,6JACE,UAAW,EAEb,wJACE,aAAc,KACd,cAAe,KAEjB,sLACE,YAAa,OACb,QAAS,KACT,OAAQ,IACR,YAAa,IACb,aAAc,IAEhB,6NACE,WAAY,QACZ,MAAO,KAET,mIACA,kIACE,WAAY,QACZ,MAAO,QAKT,+GACE,YAAa,OACb,QAAS,KACT,OAAQ,KACR,KAAM,EACN,eAAgB,KAChB,YAAa,KAIf,iJACE,QAAS,KACT,WAAY,MACZ,SAAU,OACV,aAAc,EACd,cAAe,EACf,SAAU,SACV,MAAO,KAET,yLACE,QAAS,KACT,OAAQ,KACR,WAAY,KAAK,uBAA2B,KAC5C,MAAO,KAET,kOACE,QAAS,KACT,KAAM,EAAE,EAAE,KACV,gBAAiB,cACjB,MAAO,KAET,wOACE,YAAa,WAEf,kQACE,QAAS,KACT,UAAW,EACX,SAAU,SAEZ,oSACE,mBAAoB,OAChB,WAAY,OAChB,WAAY,QACZ,OAAQ,KACR,cAAe,IACf,MAAO,KACP,UAAW,KACX,YAAa,IACb,OAAQ,KACR,cAAe,IACf,SAAU,SACV,MAAO,EAET,yUACE,QAAS,KAGX,4PADA,gQAEE,YAAa,OACb,QAAS,KAGX,oQADA,wQAEE,YAAa,OACb,QAAS,KACT,YAAa,IACb,OAAQ,KACR,aAAc,KACd,cAAe,KAGjB,+SADA,mTAEE,WAAY,OAEd,wIACE,MAAO,KACP,UAAW,KACX,YAAa,KACb,OAAQ,EAAE,IACV,YAAa,IAEf,kKACE,MAAO,QAET,uJACA,0JACE,YAAa,KACb,aAAc,KAEhB,uJACA,0JACE,YAAa,KACb,aAAc,KAEhB,sIACE,QAAS,KACT,KAAM,EACN,YAAa,EACb,aAAc,EACd,QAAS,MAAO,EAChB,SAAU,SAEZ,4KACE,YAAa,OACb,QAAS,KACT,UAAW,EACX,OAAQ,KAEV,6MACE,WAAY,KACZ,QAAS,KACT,KAAM,EACN,OAAQ,KACR,cAAe,KACf,WAAY,KAEd,0KACE,aAAc,IACd,cAAe,IAEjB,oNACE,YAAa,OACb,QAAS,KACT,UAAW,EACX,OAAQ,KAEV,oPACE,WAAY,+FACZ,QAAS,KACT,KAAM,EACN,OAAQ,KACR,cAAe,KACf,WAAY,KAEd,2MAEE,WAAY,KACZ,OAAQ,KACR,cAAe,KACf,WAAY,KACZ,MAAO,MAET,2MAEE,WAAY,KACZ,OAAQ,KACR,cAAe,KACf,WAAY,KACZ,MAAO,MAET,mKAME,YAAa,OACb,gBAAiB,YACjB,iBAAkB,QAClB,OAAQ,KAAM,MAAM,oBACpB,cAAe,IACf,OAAQ,EACR,MAAO,KACP,QAAS,KACT,OAAQ,KACR,gBAAiB,OACjB,KAAM,MACN,OAAQ,KACR,SAAU,SACV,IAAK,EACL,WAAY,OAAO,MAAM,4BACzB,MAAO,KAET,+LACE,OAAQ,KAAM,MAAM,sBAEtB,kJACA,mHACE,YAAa,OACb,QAAS,KACT,OAAQ,KACR,KAAM,EAER,kJACE,eAAgB,OAChB,gBAAiB,OAEnB,kJACE,YAAa,OACb,QAAS,KAEX,yLACE,OAAQ,KAEV,6IACE,QAAS,KAEX,qHACE,WAAY,KACZ,OAAQ,KACR,cAAe,EACf,MAAO,QACP,UAAW,EACX,UAAW,MACX,eAAgB,KAChB,aAAc,IACd,YAAa,KAEf,gJAEE,MAAO,KAET,kIAEE,MAAO,KAGT,uBACE,WAAY,KACZ,QAAS,KACT,SAAU,OACV,MAAO,KAET,uDACE,WAAY,OAAO,IAAK,SAE1B,qDACE,WAAY,OAAO,IAAK,QAE1B,oDACE,UAAW,EAEb,sFACE,UAAW,EAGb,wFACE,WAAY,MAEd,+CACE,0DACE,WAAY,OAGhB,4GACE,wFACE,WAAY,OAIhB,4BACE,YAAa,WACb,QAAS,IAAI,MAAM,KACnB,SAAU,OACV,SAAU,SACV,MAAO,KAET,wCACE,QAAS,KACT,eAAgB,OAChB,OAAQ,KACR,SAAU,SACV,MAAO,KAET,sDACE,WAAY,UAAU,IAAK,YAE7B,wDACE,cAAe,IAAI,MAAM,KACzB,MAAO,QACP,OAAQ,QACR,QAAS,KACT,QAAS,IAAI,IACb,SAAU,SAEZ,0GACE,MAAO,QACP,QAAS,QACT,YAAa,cAAgB,CAAE,WAEjC,kGACE,MAAO,QACP,QAAS,QACT,YAAa,cAAgB,CAAE,WAC/B,aAAc,IACd,cAAe,IACf,SAAU,SACV,MAAO,EAET,6FACE,YAAa,cAAgB,CAAE,WAC/B,aAAc,IACd,cAAe,IACf,SAAU,SACV,MAAO,EAGT,6DADA,6DAEE,YAAa,OACb,WAAY,KACZ,WAAY,QACZ,MAAO,QACP,QAAS,KACT,WAAY,MACZ,aAAc,IACd,cAAe,IAEjB,8FACA,8DACE,UAAW,iBAEb,+FACA,+DACE,UAAW,aAEb,6FACA,6DACE,UAAW,gBAEb,WACE,YAAa,eACb,WAAY,OACZ,YAAa,IACb,IAAK,sCAAwC,eAE/C,gCACE,gCACA,sCACE,UAAW,MAGf,gCACE,gCACA,sCACE,UAAW,MAGf,qBACE,YAAa,cAAgB,CAAE,WAEjC,uBACE,YAAa,OACb,QAAS,KACT,gBAAiB,OAEnB,gBACE,YAAa,OACb,QAAS,KACT,OAAQ,KAEV,qEACE,iBAAkB,KAClB,MAAO,KAET,6DAEE,iBAAkB,QAClB,cAAe,IACf,OAAQ,IACR,MAAO,KACP,UAAW,IACX,OAAQ,MACR,SAAU,MACV,MAAO,IACP,MAAO,MACP,YAAa,OACb,QAAS,KACT,gBAAiB,OAEnB,gDACE,6DACE,UAAW,OAGf,wGACE,OAAQ,MACR,SAAU,OAEZ,+GACE,OAAQ,KAEV,oGACE,QAAS,KAMX,6CACE,QAAS,KAEX,4GACE,2FACE,OAAQ","file":"skin.mobile.min.css","sourcesContent":["/**\n * Copyright (c) Tiny Technologies, Inc. All rights reserved.\n * Licensed under the LGPL or a commercial license.\n * For LGPL see License.txt in the project root for license information.\n * For commercial licenses see https://www.tiny.cloud/\n */\n/* RESET all the things! */\n.tinymce-mobile-outer-container {\n  all: initial;\n  display: block;\n}\n.tinymce-mobile-outer-container * {\n  border: 0;\n  box-sizing: initial;\n  cursor: inherit;\n  float: none;\n  line-height: 1;\n  margin: 0;\n  outline: 0;\n  padding: 0;\n  -webkit-tap-highlight-color: transparent;\n  /* TBIO-3691, stop the gray flicker on touch. */\n  text-shadow: none;\n  white-space: nowrap;\n}\n.tinymce-mobile-icon-arrow-back::before {\n  content: \"\\e5cd\";\n}\n.tinymce-mobile-icon-image::before {\n  content: \"\\e412\";\n}\n.tinymce-mobile-icon-cancel-circle::before {\n  content: \"\\e5c9\";\n}\n.tinymce-mobile-icon-full-dot::before {\n  content: \"\\e061\";\n}\n.tinymce-mobile-icon-align-center::before {\n  content: \"\\e234\";\n}\n.tinymce-mobile-icon-align-left::before {\n  content: \"\\e236\";\n}\n.tinymce-mobile-icon-align-right::before {\n  content: \"\\e237\";\n}\n.tinymce-mobile-icon-bold::before {\n  content: \"\\e238\";\n}\n.tinymce-mobile-icon-italic::before {\n  content: \"\\e23f\";\n}\n.tinymce-mobile-icon-unordered-list::before {\n  content: \"\\e241\";\n}\n.tinymce-mobile-icon-ordered-list::before {\n  content: \"\\e242\";\n}\n.tinymce-mobile-icon-font-size::before {\n  content: \"\\e245\";\n}\n.tinymce-mobile-icon-underline::before {\n  content: \"\\e249\";\n}\n.tinymce-mobile-icon-link::before {\n  content: \"\\e157\";\n}\n.tinymce-mobile-icon-unlink::before {\n  content: \"\\eca2\";\n}\n.tinymce-mobile-icon-color::before {\n  content: \"\\e891\";\n}\n.tinymce-mobile-icon-previous::before {\n  content: \"\\e314\";\n}\n.tinymce-mobile-icon-next::before {\n  content: \"\\e315\";\n}\n.tinymce-mobile-icon-large-font::before,\n.tinymce-mobile-icon-style-formats::before {\n  content: \"\\e264\";\n}\n.tinymce-mobile-icon-undo::before {\n  content: \"\\e166\";\n}\n.tinymce-mobile-icon-redo::before {\n  content: \"\\e15a\";\n}\n.tinymce-mobile-icon-removeformat::before {\n  content: \"\\e239\";\n}\n.tinymce-mobile-icon-small-font::before {\n  content: \"\\e906\";\n}\n.tinymce-mobile-icon-readonly-back::before,\n.tinymce-mobile-format-matches::after {\n  content: \"\\e5ca\";\n}\n.tinymce-mobile-icon-small-heading::before {\n  content: \"small\";\n}\n.tinymce-mobile-icon-large-heading::before {\n  content: \"large\";\n}\n.tinymce-mobile-icon-small-heading::before,\n.tinymce-mobile-icon-large-heading::before {\n  font-family: sans-serif;\n  font-size: 80%;\n}\n.tinymce-mobile-mask-edit-icon::before {\n  content: \"\\e254\";\n}\n.tinymce-mobile-icon-back::before {\n  content: \"\\e5c4\";\n}\n.tinymce-mobile-icon-heading::before {\n  /* TODO: Translate */\n  content: \"Headings\";\n  font-family: sans-serif;\n  font-size: 80%;\n  font-weight: bold;\n}\n.tinymce-mobile-icon-h1::before {\n  content: \"H1\";\n  font-weight: bold;\n}\n.tinymce-mobile-icon-h2::before {\n  content: \"H2\";\n  font-weight: bold;\n}\n.tinymce-mobile-icon-h3::before {\n  content: \"H3\";\n  font-weight: bold;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  background: rgba(51, 51, 51, 0.5);\n  height: 100%;\n  position: absolute;\n  top: 0;\n  width: 100%;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container {\n  align-items: center;\n  border-radius: 50%;\n  display: flex;\n  flex-direction: column;\n  font-family: sans-serif;\n  font-size: 1em;\n  justify-content: space-between;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .mixin-menu-item {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  border-radius: 50%;\n  height: 2.1em;\n  width: 2.1em;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  font-size: 1em;\n}\n@media only screen and (min-device-width:700px) {\n  .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section {\n    font-size: 1.2em;\n  }\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  border-radius: 50%;\n  height: 2.1em;\n  width: 2.1em;\n  background-color: white;\n  color: #207ab7;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section .tinymce-mobile-mask-tap-icon::before {\n  content: \"\\e900\";\n  font-family: 'tinymce-mobile', sans-serif;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-disabled-mask .tinymce-mobile-content-container .tinymce-mobile-content-tap-section:not(.tinymce-mobile-mask-tap-icon-selected) .tinymce-mobile-mask-tap-icon {\n  z-index: 2;\n}\n.tinymce-mobile-android-container.tinymce-mobile-android-maximized {\n  background: #ffffff;\n  border: none;\n  bottom: 0;\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  position: fixed;\n  right: 0;\n  top: 0;\n}\n.tinymce-mobile-android-container:not(.tinymce-mobile-android-maximized) {\n  position: relative;\n}\n.tinymce-mobile-android-container .tinymce-mobile-editor-socket {\n  display: flex;\n  flex-grow: 1;\n}\n.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe {\n  display: flex !important;\n  flex-grow: 1;\n  height: auto !important;\n}\n.tinymce-mobile-android-scroll-reload {\n  overflow: hidden;\n}\n:not(.tinymce-mobile-readonly-mode) > .tinymce-mobile-android-selection-context-toolbar {\n  margin-top: 23px;\n}\n.tinymce-mobile-toolstrip {\n  background: #fff;\n  display: flex;\n  flex: 0 0 auto;\n  z-index: 1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar {\n  align-items: center;\n  background-color: #fff;\n  border-bottom: 1px solid #cccccc;\n  display: flex;\n  flex: 1;\n  height: 2.5em;\n  width: 100%;\n  /* Make it no larger than the toolstrip, so that it needs to scroll */\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  flex-shrink: 1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group > div {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  flex: 1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-exit-container {\n  background: #f44336;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group.tinymce-mobile-toolbar-scrollable-group {\n  flex-grow: 1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {\n  padding-left: 0.5em;\n  padding-right: 0.5em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button {\n  align-items: center;\n  display: flex;\n  height: 80%;\n  margin-left: 2px;\n  margin-right: 2px;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item.tinymce-mobile-toolbar-button.tinymce-mobile-toolbar-button-selected {\n  background: #c8cbcf;\n  color: #cccccc;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:first-of-type,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar:not(.tinymce-mobile-context-toolbar) .tinymce-mobile-toolbar-group:last-of-type {\n  background: #207ab7;\n  color: #eceff1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar {\n  /* Note, this file is imported inside .tinymce-mobile-context-toolbar, so that prefix is on everything here. */\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  flex: 1;\n  padding-bottom: 0.4em;\n  padding-top: 0.4em;\n  /* Make any buttons appearing on the left and right display in the centre (e.g. color edges) */\n  /* For widgets like the colour picker, use the whole height */\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog {\n  display: flex;\n  min-height: 1.5em;\n  overflow: hidden;\n  padding-left: 0;\n  padding-right: 0;\n  position: relative;\n  width: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain {\n  display: flex;\n  height: 100%;\n  transition: left cubic-bezier(0.4, 0, 1, 1) 0.15s;\n  width: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen {\n  display: flex;\n  flex: 0 0 auto;\n  justify-content: space-between;\n  width: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen input {\n  font-family: Sans-serif;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container {\n  display: flex;\n  flex-grow: 1;\n  position: relative;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container .tinymce-mobile-input-container-x {\n  -ms-grid-row-align: center;\n      align-self: center;\n  background: inherit;\n  border: none;\n  border-radius: 50%;\n  color: #888;\n  font-size: 0.6em;\n  font-weight: bold;\n  height: 100%;\n  padding-right: 2px;\n  position: absolute;\n  right: 0;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-input-container.tinymce-mobile-input-container-empty .tinymce-mobile-input-container-x {\n  display: none;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next {\n  align-items: center;\n  display: flex;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous::before,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next::before {\n  align-items: center;\n  display: flex;\n  font-weight: bold;\n  height: 100%;\n  padding-left: 0.5em;\n  padding-right: 0.5em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-previous.tinymce-mobile-toolbar-navigation-disabled::before,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serialised-dialog .tinymce-mobile-serialised-dialog-chain .tinymce-mobile-serialised-dialog-screen .tinymce-mobile-icon-next.tinymce-mobile-toolbar-navigation-disabled::before {\n  visibility: hidden;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item {\n  color: #cccccc;\n  font-size: 10px;\n  line-height: 10px;\n  margin: 0 2px;\n  padding-top: 3px;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-item.tinymce-mobile-dot-active {\n  color: #c8cbcf;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-font::before,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-large-heading::before {\n  margin-left: 0.5em;\n  margin-right: 0.9em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-font::before,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-icon-small-heading::before {\n  margin-left: 0.9em;\n  margin-right: 0.5em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider {\n  display: flex;\n  flex: 1;\n  margin-left: 0;\n  margin-right: 0;\n  padding: 0.28em 0;\n  position: relative;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container {\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  height: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-size-container .tinymce-mobile-slider-size-line {\n  background: #cccccc;\n  display: flex;\n  flex: 1;\n  height: 0.2em;\n  margin-bottom: 0.3em;\n  margin-top: 0.3em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container {\n  padding-left: 2em;\n  padding-right: 2em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container {\n  align-items: center;\n  display: flex;\n  flex-grow: 1;\n  height: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-slider-gradient-container .tinymce-mobile-slider-gradient {\n  background: linear-gradient(to right, hsl(0, 100%, 50%) 0%, hsl(60, 100%, 50%) 17%, hsl(120, 100%, 50%) 33%, hsl(180, 100%, 50%) 50%, hsl(240, 100%, 50%) 67%, hsl(300, 100%, 50%) 83%, hsl(0, 100%, 50%) 100%);\n  display: flex;\n  flex: 1;\n  height: 0.2em;\n  margin-bottom: 0.3em;\n  margin-top: 0.3em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-black {\n  /* Not part of theming */\n  background: black;\n  height: 0.2em;\n  margin-bottom: 0.3em;\n  margin-top: 0.3em;\n  width: 1.2em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider.tinymce-mobile-hue-slider-container .tinymce-mobile-hue-slider-white {\n  /* Not part of theming */\n  background: white;\n  height: 0.2em;\n  margin-bottom: 0.3em;\n  margin-top: 0.3em;\n  width: 1.2em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb {\n  /* vertically centering trick (margin: auto, top: 0, bottom: 0). On iOS and Safari, if you leave\n     * out these values, then it shows the thumb at the top of the spectrum. This is probably because it is\n     * absolutely positioned with only a left value, and not a top. Note, on Chrome it seems to be fine without\n     * this approach.\n    */\n  align-items: center;\n  background-clip: padding-box;\n  background-color: #455a64;\n  border: 0.5em solid rgba(136, 136, 136, 0);\n  border-radius: 3em;\n  bottom: 0;\n  color: #fff;\n  display: flex;\n  height: 0.5em;\n  justify-content: center;\n  left: -10px;\n  margin: auto;\n  position: absolute;\n  top: 0;\n  transition: border 120ms cubic-bezier(0.39, 0.58, 0.57, 1);\n  width: 0.5em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-slider .tinymce-mobile-slider-thumb.tinymce-mobile-thumb-active {\n  border: 0.5em solid rgba(136, 136, 136, 0.39);\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper,\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group > div {\n  align-items: center;\n  display: flex;\n  height: 100%;\n  flex: 1;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-serializer-wrapper {\n  flex-direction: column;\n  justify-content: center;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item {\n  align-items: center;\n  display: flex;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-toolbar-group-item:not(.tinymce-mobile-serialised-dialog) {\n  height: 100%;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group .tinymce-mobile-dot-container {\n  display: flex;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input {\n  background: #ffffff;\n  border: none;\n  border-radius: 0;\n  color: #455a64;\n  flex-grow: 1;\n  font-size: 0.85em;\n  padding-bottom: 0.1em;\n  padding-left: 5px;\n  padding-top: 0.1em;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::-webkit-input-placeholder {\n  /* WebKit, Blink, Edge */\n  color: #888;\n}\n.tinymce-mobile-toolstrip .tinymce-mobile-toolbar.tinymce-mobile-context-toolbar .tinymce-mobile-toolbar-group input::placeholder {\n  /* WebKit, Blink, Edge */\n  color: #888;\n}\n/* dropup */\n.tinymce-mobile-dropup {\n  background: white;\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n}\n.tinymce-mobile-dropup.tinymce-mobile-dropup-shrinking {\n  transition: height 0.3s ease-out;\n}\n.tinymce-mobile-dropup.tinymce-mobile-dropup-growing {\n  transition: height 0.3s ease-in;\n}\n.tinymce-mobile-dropup.tinymce-mobile-dropup-closed {\n  flex-grow: 0;\n}\n.tinymce-mobile-dropup.tinymce-mobile-dropup-open:not(.tinymce-mobile-dropup-growing) {\n  flex-grow: 1;\n}\n/* TODO min-height for device size and orientation */\n.tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {\n  min-height: 200px;\n}\n@media only screen and (orientation: landscape) {\n  .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {\n    min-height: 200px;\n  }\n}\n@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {\n  .tinymce-mobile-ios-container .tinymce-mobile-dropup:not(.tinymce-mobile-dropup-closed) {\n    min-height: 150px;\n  }\n}\n/* styles menu */\n.tinymce-mobile-styles-menu {\n  font-family: sans-serif;\n  outline: 4px solid black;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n.tinymce-mobile-styles-menu [role=\"menu\"] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n}\n.tinymce-mobile-styles-menu [role=\"menu\"].transitioning {\n  transition: transform 0.5s ease-in-out;\n}\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-item {\n  border-bottom: 1px solid #ddd;\n  color: #455a64;\n  cursor: pointer;\n  display: flex;\n  padding: 1em 1em;\n  position: relative;\n}\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser .tinymce-mobile-styles-collapse-icon::before {\n  color: #455a64;\n  content: \"\\e314\";\n  font-family: 'tinymce-mobile', sans-serif;\n}\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-styles-item-is-menu::after {\n  color: #455a64;\n  content: \"\\e315\";\n  font-family: 'tinymce-mobile', sans-serif;\n  padding-left: 1em;\n  padding-right: 1em;\n  position: absolute;\n  right: 0;\n}\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-item.tinymce-mobile-format-matches::after {\n  font-family: 'tinymce-mobile', sans-serif;\n  padding-left: 1em;\n  padding-right: 1em;\n  position: absolute;\n  right: 0;\n}\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-separator,\n.tinymce-mobile-styles-menu .tinymce-mobile-styles-collapser {\n  align-items: center;\n  background: #fff;\n  border-top: #455a64;\n  color: #455a64;\n  display: flex;\n  min-height: 2.5em;\n  padding-left: 1em;\n  padding-right: 1em;\n}\n.tinymce-mobile-styles-menu [data-transitioning-destination=\"before\"][data-transitioning-state],\n.tinymce-mobile-styles-menu [data-transitioning-state=\"before\"] {\n  transform: translate(-100%);\n}\n.tinymce-mobile-styles-menu [data-transitioning-destination=\"current\"][data-transitioning-state],\n.tinymce-mobile-styles-menu [data-transitioning-state=\"current\"] {\n  transform: translate(0%);\n}\n.tinymce-mobile-styles-menu [data-transitioning-destination=\"after\"][data-transitioning-state],\n.tinymce-mobile-styles-menu [data-transitioning-state=\"after\"] {\n  transform: translate(100%);\n}\n@font-face {\n  font-family: 'tinymce-mobile';\n  font-style: normal;\n  font-weight: normal;\n  src: url('fonts/tinymce-mobile.woff?8x92w3') format('woff');\n}\n@media (min-device-width: 700px) {\n  .tinymce-mobile-outer-container,\n  .tinymce-mobile-outer-container input {\n    font-size: 25px;\n  }\n}\n@media (max-device-width: 700px) {\n  .tinymce-mobile-outer-container,\n  .tinymce-mobile-outer-container input {\n    font-size: 18px;\n  }\n}\n.tinymce-mobile-icon {\n  font-family: 'tinymce-mobile', sans-serif;\n}\n.mixin-flex-and-centre {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n.mixin-flex-bar {\n  align-items: center;\n  display: flex;\n  height: 100%;\n}\n.tinymce-mobile-outer-container .tinymce-mobile-editor-socket iframe {\n  background-color: #fff;\n  width: 100%;\n}\n.tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {\n  /* Note, on the iPod touch in landscape, this isn't visible when the navbar appears */\n  background-color: #207ab7;\n  border-radius: 50%;\n  bottom: 1em;\n  color: white;\n  font-size: 1em;\n  height: 2.1em;\n  position: fixed;\n  right: 2em;\n  width: 2.1em;\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n@media only screen and (min-device-width:700px) {\n  .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {\n    font-size: 1.2em;\n  }\n}\n.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket {\n  height: 300px;\n  overflow: hidden;\n}\n.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-editor-socket iframe {\n  height: 100%;\n}\n.tinymce-mobile-outer-container:not(.tinymce-mobile-fullscreen-maximized) .tinymce-mobile-toolstrip {\n  display: none;\n}\n/*\n  Note, that if you don't include this (::-webkit-file-upload-button), the toolbar width gets\n  increased and the whole body becomes scrollable. It's important!\n */\ninput[type=\"file\"]::-webkit-file-upload-button {\n  display: none;\n}\n@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {\n  .tinymce-mobile-ios-container .tinymce-mobile-editor-socket .tinymce-mobile-mask-edit-icon {\n    bottom: 50%;\n  }\n}\n"]}
\ No newline at end of file
diff --git a/src/assets/tinymce/skins/ui/oxide/skin.shadowdom.css b/src/assets/tinymce/skins/ui/oxide/skin.shadowdom.css
new file mode 100644
index 00000000..a9d2cbe4
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/skin.shadowdom.css
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+body.tox-dialog__disable-scroll {
+  overflow: hidden;
+}
+.tox-fullscreen {
+  border: 0;
+  height: 100%;
+  left: 0;
+  margin: 0;
+  overflow: hidden;
+  -ms-scroll-chaining: none;
+      overscroll-behavior: none;
+  padding: 0;
+  position: fixed;
+  top: 0;
+  touch-action: pinch-zoom;
+  width: 100%;
+}
+.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {
+  display: none;
+}
+.tox.tox-tinymce.tox-fullscreen {
+  z-index: 1200;
+}
+.tox-shadowhost.tox-fullscreen {
+  z-index: 1200;
+}
+.tox-fullscreen .tox.tox-tinymce-aux,
+.tox-fullscreen ~ .tox.tox-tinymce-aux {
+  z-index: 1201;
+}
diff --git a/src/assets/tinymce/skins/ui/oxide/skin.shadowdom.min.css b/src/assets/tinymce/skins/ui/oxide/skin.shadowdom.min.css
new file mode 100644
index 00000000..73a0d41b
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/skin.shadowdom.min.css
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ */
+body.tox-dialog__disable-scroll{overflow:hidden}.tox-fullscreen{border:0;height:100%;left:0;margin:0;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:none;padding:0;position:fixed;top:0;touch-action:pinch-zoom;width:100%}.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle{display:none}.tox.tox-tinymce.tox-fullscreen{z-index:1200}.tox-shadowhost.tox-fullscreen{z-index:1200}.tox-fullscreen .tox.tox-tinymce-aux,.tox-fullscreen~.tox.tox-tinymce-aux{z-index:1201}
+/*# sourceMappingURL=skin.shadowdom.min.css.map */
diff --git a/src/assets/tinymce/skins/ui/oxide/skin.shadowdom.min.css.map b/src/assets/tinymce/skins/ui/oxide/skin.shadowdom.min.css.map
new file mode 100644
index 00000000..4dff6429
--- /dev/null
+++ b/src/assets/tinymce/skins/ui/oxide/skin.shadowdom.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["ui/default/skin.shadowdom.css"],"names":[],"mappings":";;;;;;AAMA,gCACE,SAAU,OAEZ,gBACE,OAAQ,EACR,OAAQ,KACR,KAAM,EACN,OAAQ,EACR,SAAU,OACV,oBAAqB,KACjB,oBAAqB,KACzB,QAAS,EACT,SAAU,MACV,IAAK,EACL,aAAc,WACd,MAAO,KAET,8DACE,QAAS,KAEX,gCACE,QAAS,KAEX,+BACE,QAAS,KAEX,qCACA,qCACE,QAAS","file":"skin.shadowdom.min.css","sourcesContent":["/**\n * Copyright (c) Tiny Technologies, Inc. All rights reserved.\n * Licensed under the LGPL or a commercial license.\n * For LGPL see License.txt in the project root for license information.\n * For commercial licenses see https://www.tiny.cloud/\n */\nbody.tox-dialog__disable-scroll {\n  overflow: hidden;\n}\n.tox-fullscreen {\n  border: 0;\n  height: 100%;\n  left: 0;\n  margin: 0;\n  overflow: hidden;\n  -ms-scroll-chaining: none;\n      overscroll-behavior: none;\n  padding: 0;\n  position: fixed;\n  top: 0;\n  touch-action: pinch-zoom;\n  width: 100%;\n}\n.tox.tox-tinymce.tox-fullscreen .tox-statusbar__resize-handle {\n  display: none;\n}\n.tox.tox-tinymce.tox-fullscreen {\n  z-index: 1200;\n}\n.tox-shadowhost.tox-fullscreen {\n  z-index: 1200;\n}\n.tox-fullscreen .tox.tox-tinymce-aux,\n.tox-fullscreen ~ .tox.tox-tinymce-aux {\n  z-index: 1201;\n}\n"]}
\ No newline at end of file
diff --git a/src/assets/tinymce/themes/mobile/theme.js b/src/assets/tinymce/themes/mobile/theme.js
new file mode 100644
index 00000000..31380287
--- /dev/null
+++ b/src/assets/tinymce/themes/mobile/theme.js
@@ -0,0 +1,13592 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p))
+              t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+    function __rest(s, e) {
+      var t = {};
+      for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+          t[p] = s[p];
+      if (s != null && typeof Object.getOwnPropertySymbols === 'function')
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+            t[p[i]] = s[p[i]];
+        }
+      return t;
+    }
+    function __spreadArrays() {
+      for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+        s += arguments[i].length;
+      for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+          r[k] = a[j];
+      return r;
+    }
+
+    var noop = function () {
+    };
+    var compose = function (fa, fb) {
+      return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        return fa(fb.apply(null, args));
+      };
+    };
+    var compose1 = function (fbc, fab) {
+      return function (a) {
+        return fbc(fab(a));
+      };
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var identity = function (x) {
+      return x;
+    };
+    function curry(fn) {
+      var initialArgs = [];
+      for (var _i = 1; _i < arguments.length; _i++) {
+        initialArgs[_i - 1] = arguments[_i];
+      }
+      return function () {
+        var restArgs = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          restArgs[_i] = arguments[_i];
+        }
+        var all = initialArgs.concat(restArgs);
+        return fn.apply(null, all);
+      };
+    }
+    var not = function (f) {
+      return function (t) {
+        return !f(t);
+      };
+    };
+    var die = function (msg) {
+      return function () {
+        throw new Error(msg);
+      };
+    };
+    var apply = function (f) {
+      return f();
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var cached = function (f) {
+      var called = false;
+      var r;
+      return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        if (!called) {
+          called = true;
+          r = f.apply(null, args);
+        }
+        return r;
+      };
+    };
+
+    var DeviceType = function (os, browser, userAgent, mediaMatch) {
+      var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
+      var isiPhone = os.isiOS() && !isiPad;
+      var isMobile = os.isiOS() || os.isAndroid();
+      var isTouch = isMobile || mediaMatch('(pointer:coarse)');
+      var isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
+      var isPhone = isiPhone || isMobile && !isTablet;
+      var iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
+      var isDesktop = !isPhone && !isTablet && !iOSwebview;
+      return {
+        isiPad: constant(isiPad),
+        isiPhone: constant(isiPhone),
+        isTablet: constant(isTablet),
+        isPhone: constant(isPhone),
+        isTouch: constant(isTouch),
+        isAndroid: os.isAndroid,
+        isiOS: os.isiOS,
+        isWebView: constant(iOSwebview),
+        isDesktop: constant(isDesktop)
+      };
+    };
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var typeOf = function (x) {
+      var t = typeof x;
+      if (x === null) {
+        return 'null';
+      } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+        return 'array';
+      } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+        return 'string';
+      } else {
+        return t;
+      }
+    };
+    var isType = function (type) {
+      return function (value) {
+        return typeOf(value) === type;
+      };
+    };
+    var isSimpleType = function (type) {
+      return function (value) {
+        return typeof value === type;
+      };
+    };
+    var isString = isType('string');
+    var isObject = isType('object');
+    var isArray = isType('array');
+    var isBoolean = isSimpleType('boolean');
+    var isNullable = function (a) {
+      return a === null || a === undefined;
+    };
+    var isNonNullable = function (a) {
+      return !isNullable(a);
+    };
+    var isFunction = isSimpleType('function');
+    var isNumber = isSimpleType('number');
+
+    var nativeSlice = Array.prototype.slice;
+    var nativeIndexOf = Array.prototype.indexOf;
+    var nativePush = Array.prototype.push;
+    var rawIndexOf = function (ts, t) {
+      return nativeIndexOf.call(ts, t);
+    };
+    var contains = function (xs, x) {
+      return rawIndexOf(xs, x) > -1;
+    };
+    var exists = function (xs, pred) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return true;
+        }
+      }
+      return false;
+    };
+    var map = function (xs, f) {
+      var len = xs.length;
+      var r = new Array(len);
+      for (var i = 0; i < len; i++) {
+        var x = xs[i];
+        r[i] = f(x, i);
+      }
+      return r;
+    };
+    var each = function (xs, f) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var eachr = function (xs, f) {
+      for (var i = xs.length - 1; i >= 0; i--) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var filter = function (xs, pred) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          r.push(x);
+        }
+      }
+      return r;
+    };
+    var foldr = function (xs, f, acc) {
+      eachr(xs, function (x) {
+        acc = f(acc, x);
+      });
+      return acc;
+    };
+    var foldl = function (xs, f, acc) {
+      each(xs, function (x) {
+        acc = f(acc, x);
+      });
+      return acc;
+    };
+    var findUntil = function (xs, pred, until) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return Optional.some(x);
+        } else if (until(x, i)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var find = function (xs, pred) {
+      return findUntil(xs, pred, never);
+    };
+    var findIndex = function (xs, pred) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return Optional.some(i);
+        }
+      }
+      return Optional.none();
+    };
+    var flatten = function (xs) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; ++i) {
+        if (!isArray(xs[i])) {
+          throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+        }
+        nativePush.apply(r, xs[i]);
+      }
+      return r;
+    };
+    var bind = function (xs, f) {
+      return flatten(map(xs, f));
+    };
+    var forall = function (xs, pred) {
+      for (var i = 0, len = xs.length; i < len; ++i) {
+        var x = xs[i];
+        if (pred(x, i) !== true) {
+          return false;
+        }
+      }
+      return true;
+    };
+    var reverse = function (xs) {
+      var r = nativeSlice.call(xs, 0);
+      r.reverse();
+      return r;
+    };
+    var difference = function (a1, a2) {
+      return filter(a1, function (x) {
+        return !contains(a2, x);
+      });
+    };
+    var pure = function (x) {
+      return [x];
+    };
+    var sort = function (xs, comparator) {
+      var copy = nativeSlice.call(xs, 0);
+      copy.sort(comparator);
+      return copy;
+    };
+    var get = function (xs, i) {
+      return i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none();
+    };
+    var head = function (xs) {
+      return get(xs, 0);
+    };
+    var findMap = function (arr, f) {
+      for (var i = 0; i < arr.length; i++) {
+        var r = f(arr[i], i);
+        if (r.isSome()) {
+          return r;
+        }
+      }
+      return Optional.none();
+    };
+
+    var firstMatch = function (regexes, s) {
+      for (var i = 0; i < regexes.length; i++) {
+        var x = regexes[i];
+        if (x.test(s)) {
+          return x;
+        }
+      }
+      return undefined;
+    };
+    var find$1 = function (regexes, agent) {
+      var r = firstMatch(regexes, agent);
+      if (!r) {
+        return {
+          major: 0,
+          minor: 0
+        };
+      }
+      var group = function (i) {
+        return Number(agent.replace(r, '$' + i));
+      };
+      return nu(group(1), group(2));
+    };
+    var detect = function (versionRegexes, agent) {
+      var cleanedAgent = String(agent).toLowerCase();
+      if (versionRegexes.length === 0) {
+        return unknown();
+      }
+      return find$1(versionRegexes, cleanedAgent);
+    };
+    var unknown = function () {
+      return nu(0, 0);
+    };
+    var nu = function (major, minor) {
+      return {
+        major: major,
+        minor: minor
+      };
+    };
+    var Version = {
+      nu: nu,
+      detect: detect,
+      unknown: unknown
+    };
+
+    var detect$1 = function (candidates, userAgent) {
+      var agent = String(userAgent).toLowerCase();
+      return find(candidates, function (candidate) {
+        return candidate.search(agent);
+      });
+    };
+    var detectBrowser = function (browsers, userAgent) {
+      return detect$1(browsers, userAgent).map(function (browser) {
+        var version = Version.detect(browser.versionRegexes, userAgent);
+        return {
+          current: browser.name,
+          version: version
+        };
+      });
+    };
+    var detectOs = function (oses, userAgent) {
+      return detect$1(oses, userAgent).map(function (os) {
+        var version = Version.detect(os.versionRegexes, userAgent);
+        return {
+          current: os.name,
+          version: version
+        };
+      });
+    };
+    var UaString = {
+      detectBrowser: detectBrowser,
+      detectOs: detectOs
+    };
+
+    var checkRange = function (str, substr, start) {
+      return substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    };
+    var supplant = function (str, obj) {
+      var isStringOrNumber = function (a) {
+        var t = typeof a;
+        return t === 'string' || t === 'number';
+      };
+      return str.replace(/\$\{([^{}]*)\}/g, function (fullMatch, key) {
+        var value = obj[key];
+        return isStringOrNumber(value) ? value.toString() : fullMatch;
+      });
+    };
+    var contains$1 = function (str, substr) {
+      return str.indexOf(substr) !== -1;
+    };
+    var endsWith = function (str, suffix) {
+      return checkRange(str, suffix, str.length - suffix.length);
+    };
+    var blank = function (r) {
+      return function (s) {
+        return s.replace(r, '');
+      };
+    };
+    var trim = blank(/^\s+|\s+$/g);
+
+    var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
+    var checkContains = function (target) {
+      return function (uastring) {
+        return contains$1(uastring, target);
+      };
+    };
+    var browsers = [
+      {
+        name: 'Edge',
+        versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
+        search: function (uastring) {
+          return contains$1(uastring, 'edge/') && contains$1(uastring, 'chrome') && contains$1(uastring, 'safari') && contains$1(uastring, 'applewebkit');
+        }
+      },
+      {
+        name: 'Chrome',
+        versionRegexes: [
+          /.*?chrome\/([0-9]+)\.([0-9]+).*/,
+          normalVersionRegex
+        ],
+        search: function (uastring) {
+          return contains$1(uastring, 'chrome') && !contains$1(uastring, 'chromeframe');
+        }
+      },
+      {
+        name: 'IE',
+        versionRegexes: [
+          /.*?msie\ ?([0-9]+)\.([0-9]+).*/,
+          /.*?rv:([0-9]+)\.([0-9]+).*/
+        ],
+        search: function (uastring) {
+          return contains$1(uastring, 'msie') || contains$1(uastring, 'trident');
+        }
+      },
+      {
+        name: 'Opera',
+        versionRegexes: [
+          normalVersionRegex,
+          /.*?opera\/([0-9]+)\.([0-9]+).*/
+        ],
+        search: checkContains('opera')
+      },
+      {
+        name: 'Firefox',
+        versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
+        search: checkContains('firefox')
+      },
+      {
+        name: 'Safari',
+        versionRegexes: [
+          normalVersionRegex,
+          /.*?cpu os ([0-9]+)_([0-9]+).*/
+        ],
+        search: function (uastring) {
+          return (contains$1(uastring, 'safari') || contains$1(uastring, 'mobile/')) && contains$1(uastring, 'applewebkit');
+        }
+      }
+    ];
+    var oses = [
+      {
+        name: 'Windows',
+        search: checkContains('win'),
+        versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
+      },
+      {
+        name: 'iOS',
+        search: function (uastring) {
+          return contains$1(uastring, 'iphone') || contains$1(uastring, 'ipad');
+        },
+        versionRegexes: [
+          /.*?version\/\ ?([0-9]+)\.([0-9]+).*/,
+          /.*cpu os ([0-9]+)_([0-9]+).*/,
+          /.*cpu iphone os ([0-9]+)_([0-9]+).*/
+        ]
+      },
+      {
+        name: 'Android',
+        search: checkContains('android'),
+        versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
+      },
+      {
+        name: 'OSX',
+        search: checkContains('mac os x'),
+        versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
+      },
+      {
+        name: 'Linux',
+        search: checkContains('linux'),
+        versionRegexes: []
+      },
+      {
+        name: 'Solaris',
+        search: checkContains('sunos'),
+        versionRegexes: []
+      },
+      {
+        name: 'FreeBSD',
+        search: checkContains('freebsd'),
+        versionRegexes: []
+      },
+      {
+        name: 'ChromeOS',
+        search: checkContains('cros'),
+        versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
+      }
+    ];
+    var PlatformInfo = {
+      browsers: constant(browsers),
+      oses: constant(oses)
+    };
+
+    var edge = 'Edge';
+    var chrome = 'Chrome';
+    var ie = 'IE';
+    var opera = 'Opera';
+    var firefox = 'Firefox';
+    var safari = 'Safari';
+    var unknown$1 = function () {
+      return nu$1({
+        current: undefined,
+        version: Version.unknown()
+      });
+    };
+    var nu$1 = function (info) {
+      var current = info.current;
+      var version = info.version;
+      var isBrowser = function (name) {
+        return function () {
+          return current === name;
+        };
+      };
+      return {
+        current: current,
+        version: version,
+        isEdge: isBrowser(edge),
+        isChrome: isBrowser(chrome),
+        isIE: isBrowser(ie),
+        isOpera: isBrowser(opera),
+        isFirefox: isBrowser(firefox),
+        isSafari: isBrowser(safari)
+      };
+    };
+    var Browser = {
+      unknown: unknown$1,
+      nu: nu$1,
+      edge: constant(edge),
+      chrome: constant(chrome),
+      ie: constant(ie),
+      opera: constant(opera),
+      firefox: constant(firefox),
+      safari: constant(safari)
+    };
+
+    var windows = 'Windows';
+    var ios = 'iOS';
+    var android = 'Android';
+    var linux = 'Linux';
+    var osx = 'OSX';
+    var solaris = 'Solaris';
+    var freebsd = 'FreeBSD';
+    var chromeos = 'ChromeOS';
+    var unknown$2 = function () {
+      return nu$2({
+        current: undefined,
+        version: Version.unknown()
+      });
+    };
+    var nu$2 = function (info) {
+      var current = info.current;
+      var version = info.version;
+      var isOS = function (name) {
+        return function () {
+          return current === name;
+        };
+      };
+      return {
+        current: current,
+        version: version,
+        isWindows: isOS(windows),
+        isiOS: isOS(ios),
+        isAndroid: isOS(android),
+        isOSX: isOS(osx),
+        isLinux: isOS(linux),
+        isSolaris: isOS(solaris),
+        isFreeBSD: isOS(freebsd),
+        isChromeOS: isOS(chromeos)
+      };
+    };
+    var OperatingSystem = {
+      unknown: unknown$2,
+      nu: nu$2,
+      windows: constant(windows),
+      ios: constant(ios),
+      android: constant(android),
+      linux: constant(linux),
+      osx: constant(osx),
+      solaris: constant(solaris),
+      freebsd: constant(freebsd),
+      chromeos: constant(chromeos)
+    };
+
+    var detect$2 = function (userAgent, mediaMatch) {
+      var browsers = PlatformInfo.browsers();
+      var oses = PlatformInfo.oses();
+      var browser = UaString.detectBrowser(browsers, userAgent).fold(Browser.unknown, Browser.nu);
+      var os = UaString.detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
+      var deviceType = DeviceType(os, browser, userAgent, mediaMatch);
+      return {
+        browser: browser,
+        os: os,
+        deviceType: deviceType
+      };
+    };
+    var PlatformDetection = { detect: detect$2 };
+
+    var mediaMatch = function (query) {
+      return window.matchMedia(query).matches;
+    };
+    var platform = cached(function () {
+      return PlatformDetection.detect(navigator.userAgent, mediaMatch);
+    });
+    var detect$3 = function () {
+      return platform();
+    };
+
+    var constant$1 = constant;
+    var touchstart = constant$1('touchstart');
+    var touchmove = constant$1('touchmove');
+    var touchend = constant$1('touchend');
+    var mousedown = constant$1('mousedown');
+    var mousemove = constant$1('mousemove');
+    var mouseup = constant$1('mouseup');
+    var mouseover = constant$1('mouseover');
+    var keydown = constant$1('keydown');
+    var keyup = constant$1('keyup');
+    var input = constant$1('input');
+    var change = constant$1('change');
+    var click = constant$1('click');
+    var transitionend = constant$1('transitionend');
+    var selectstart = constant$1('selectstart');
+
+    var prefixName = function (name) {
+      return constant('alloy.' + name);
+    };
+    var alloy = { tap: prefixName('tap') };
+    var focus = prefixName('focus');
+    var postBlur = prefixName('blur.post');
+    var postPaste = prefixName('paste.post');
+    var receive = prefixName('receive');
+    var execute = prefixName('execute');
+    var focusItem = prefixName('focus.item');
+    var tap = alloy.tap;
+    var longpress = prefixName('longpress');
+    var systemInit = prefixName('system.init');
+    var attachedToDom = prefixName('system.attached');
+    var detachedFromDom = prefixName('system.detached');
+    var focusShifted = prefixName('focusmanager.shifted');
+    var highlight = prefixName('highlight');
+    var dehighlight = prefixName('dehighlight');
+
+    var emit = function (component, event) {
+      dispatchWith(component, component.element, event, {});
+    };
+    var emitWith = function (component, event, properties) {
+      dispatchWith(component, component.element, event, properties);
+    };
+    var emitExecute = function (component) {
+      emit(component, execute());
+    };
+    var dispatch = function (component, target, event) {
+      dispatchWith(component, target, event, {});
+    };
+    var dispatchWith = function (component, target, event, properties) {
+      var data = __assign({ target: target }, properties);
+      component.getSystem().triggerEvent(event, target, data);
+    };
+    var dispatchEvent = function (component, target, event, simulatedEvent) {
+      component.getSystem().triggerEvent(event, target, simulatedEvent.event);
+    };
+    var dispatchFocus = function (component, target) {
+      component.getSystem().triggerFocus(target, component.element);
+    };
+
+    var DOCUMENT = 9;
+    var DOCUMENT_FRAGMENT = 11;
+    var ELEMENT = 1;
+    var TEXT = 3;
+
+    var fromHtml = function (html, scope) {
+      var doc = scope || document;
+      var div = doc.createElement('div');
+      div.innerHTML = html;
+      if (!div.hasChildNodes() || div.childNodes.length > 1) {
+        console.error('HTML does not have a single root node', html);
+        throw new Error('HTML must have a single root node');
+      }
+      return fromDom(div.childNodes[0]);
+    };
+    var fromTag = function (tag, scope) {
+      var doc = scope || document;
+      var node = doc.createElement(tag);
+      return fromDom(node);
+    };
+    var fromText = function (text, scope) {
+      var doc = scope || document;
+      var node = doc.createTextNode(text);
+      return fromDom(node);
+    };
+    var fromDom = function (node) {
+      if (node === null || node === undefined) {
+        throw new Error('Node cannot be null or undefined');
+      }
+      return { dom: node };
+    };
+    var fromPoint = function (docElm, x, y) {
+      return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
+    };
+    var SugarElement = {
+      fromHtml: fromHtml,
+      fromTag: fromTag,
+      fromText: fromText,
+      fromDom: fromDom,
+      fromPoint: fromPoint
+    };
+
+    var is = function (element, selector) {
+      var dom = element.dom;
+      if (dom.nodeType !== ELEMENT) {
+        return false;
+      } else {
+        var elem = dom;
+        if (elem.matches !== undefined) {
+          return elem.matches(selector);
+        } else if (elem.msMatchesSelector !== undefined) {
+          return elem.msMatchesSelector(selector);
+        } else if (elem.webkitMatchesSelector !== undefined) {
+          return elem.webkitMatchesSelector(selector);
+        } else if (elem.mozMatchesSelector !== undefined) {
+          return elem.mozMatchesSelector(selector);
+        } else {
+          throw new Error('Browser lacks native selectors');
+        }
+      }
+    };
+    var bypassSelector = function (dom) {
+      return dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT || dom.childElementCount === 0;
+    };
+    var all = function (selector, scope) {
+      var base = scope === undefined ? document : scope.dom;
+      return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+    var one = function (selector, scope) {
+      var base = scope === undefined ? document : scope.dom;
+      return bypassSelector(base) ? Optional.none() : Optional.from(base.querySelector(selector)).map(SugarElement.fromDom);
+    };
+
+    var eq = function (e1, e2) {
+      return e1.dom === e2.dom;
+    };
+
+    var Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    var name = function (element) {
+      var r = element.dom.nodeName;
+      return r.toLowerCase();
+    };
+    var type = function (element) {
+      return element.dom.nodeType;
+    };
+    var isType$1 = function (t) {
+      return function (element) {
+        return type(element) === t;
+      };
+    };
+    var isElement = isType$1(ELEMENT);
+    var isText = isType$1(TEXT);
+    var isDocument = isType$1(DOCUMENT);
+    var isDocumentFragment = isType$1(DOCUMENT_FRAGMENT);
+
+    var owner = function (element) {
+      return SugarElement.fromDom(element.dom.ownerDocument);
+    };
+    var documentOrOwner = function (dos) {
+      return isDocument(dos) ? dos : owner(dos);
+    };
+    var defaultView = function (element) {
+      return SugarElement.fromDom(documentOrOwner(element).dom.defaultView);
+    };
+    var parent = function (element) {
+      return Optional.from(element.dom.parentNode).map(SugarElement.fromDom);
+    };
+    var parents = function (element, isRoot) {
+      var stop = isFunction(isRoot) ? isRoot : never;
+      var dom = element.dom;
+      var ret = [];
+      while (dom.parentNode !== null && dom.parentNode !== undefined) {
+        var rawParent = dom.parentNode;
+        var p = SugarElement.fromDom(rawParent);
+        ret.push(p);
+        if (stop(p) === true) {
+          break;
+        } else {
+          dom = rawParent;
+        }
+      }
+      return ret;
+    };
+    var siblings = function (element) {
+      var filterSelf = function (elements) {
+        return filter(elements, function (x) {
+          return !eq(element, x);
+        });
+      };
+      return parent(element).map(children).map(filterSelf).getOr([]);
+    };
+    var nextSibling = function (element) {
+      return Optional.from(element.dom.nextSibling).map(SugarElement.fromDom);
+    };
+    var children = function (element) {
+      return map(element.dom.childNodes, SugarElement.fromDom);
+    };
+    var child = function (element, index) {
+      var cs = element.dom.childNodes;
+      return Optional.from(cs[index]).map(SugarElement.fromDom);
+    };
+    var firstChild = function (element) {
+      return child(element, 0);
+    };
+
+    var before = function (marker, element) {
+      var parent$1 = parent(marker);
+      parent$1.each(function (v) {
+        v.dom.insertBefore(element.dom, marker.dom);
+      });
+    };
+    var after = function (marker, element) {
+      var sibling = nextSibling(marker);
+      sibling.fold(function () {
+        var parent$1 = parent(marker);
+        parent$1.each(function (v) {
+          append(v, element);
+        });
+      }, function (v) {
+        before(v, element);
+      });
+    };
+    var prepend = function (parent, element) {
+      var firstChild$1 = firstChild(parent);
+      firstChild$1.fold(function () {
+        append(parent, element);
+      }, function (v) {
+        parent.dom.insertBefore(element.dom, v.dom);
+      });
+    };
+    var append = function (parent, element) {
+      parent.dom.appendChild(element.dom);
+    };
+    var appendAt = function (parent, element, index) {
+      child(parent, index).fold(function () {
+        append(parent, element);
+      }, function (v) {
+        before(v, element);
+      });
+    };
+
+    var append$1 = function (parent, elements) {
+      each(elements, function (x) {
+        append(parent, x);
+      });
+    };
+
+    var empty = function (element) {
+      element.dom.textContent = '';
+      each(children(element), function (rogue) {
+        remove(rogue);
+      });
+    };
+    var remove = function (element) {
+      var dom = element.dom;
+      if (dom.parentNode !== null) {
+        dom.parentNode.removeChild(dom);
+      }
+    };
+
+    var isShadowRoot = function (dos) {
+      return isDocumentFragment(dos);
+    };
+    var supported = isFunction(Element.prototype.attachShadow) && isFunction(Node.prototype.getRootNode);
+    var isSupported = constant(supported);
+    var getRootNode = supported ? function (e) {
+      return SugarElement.fromDom(e.dom.getRootNode());
+    } : documentOrOwner;
+    var getShadowRoot = function (e) {
+      var r = getRootNode(e);
+      return isShadowRoot(r) ? Optional.some(r) : Optional.none();
+    };
+    var getShadowHost = function (e) {
+      return SugarElement.fromDom(e.dom.host);
+    };
+    var getOriginalEventTarget = function (event) {
+      if (isSupported() && isNonNullable(event.target)) {
+        var el = SugarElement.fromDom(event.target);
+        if (isElement(el) && isOpenShadowHost(el)) {
+          if (event.composed && event.composedPath) {
+            var composedPath = event.composedPath();
+            if (composedPath) {
+              return head(composedPath);
+            }
+          }
+        }
+      }
+      return Optional.from(event.target);
+    };
+    var isOpenShadowHost = function (element) {
+      return isNonNullable(element.dom.shadowRoot);
+    };
+
+    var inBody = function (element) {
+      var dom = isText(element) ? element.dom.parentNode : element.dom;
+      if (dom === undefined || dom === null || dom.ownerDocument === null) {
+        return false;
+      }
+      var doc = dom.ownerDocument;
+      return getShadowRoot(SugarElement.fromDom(dom)).fold(function () {
+        return doc.body.contains(dom);
+      }, compose1(inBody, getShadowHost));
+    };
+    var body = function () {
+      return getBody(SugarElement.fromDom(document));
+    };
+    var getBody = function (doc) {
+      var b = doc.dom.body;
+      if (b === null || b === undefined) {
+        throw new Error('Body is not available yet');
+      }
+      return SugarElement.fromDom(b);
+    };
+
+    var fireDetaching = function (component) {
+      emit(component, detachedFromDom());
+      var children = component.components();
+      each(children, fireDetaching);
+    };
+    var fireAttaching = function (component) {
+      var children = component.components();
+      each(children, fireAttaching);
+      emit(component, attachedToDom());
+    };
+    var attach = function (parent, child) {
+      append(parent.element, child.element);
+    };
+    var detachChildren = function (component) {
+      each(component.components(), function (childComp) {
+        return remove(childComp.element);
+      });
+      empty(component.element);
+      component.syncComponents();
+    };
+    var replaceChildren = function (component, newChildren) {
+      var subs = component.components();
+      detachChildren(component);
+      var deleted = difference(subs, newChildren);
+      each(deleted, function (comp) {
+        fireDetaching(comp);
+        component.getSystem().removeFromWorld(comp);
+      });
+      each(newChildren, function (childComp) {
+        if (!childComp.getSystem().isConnected()) {
+          component.getSystem().addToWorld(childComp);
+          attach(component, childComp);
+          if (inBody(component.element)) {
+            fireAttaching(childComp);
+          }
+        } else {
+          attach(component, childComp);
+        }
+        component.syncComponents();
+      });
+    };
+
+    var attach$1 = function (parent, child) {
+      attachWith(parent, child, append);
+    };
+    var attachWith = function (parent, child, insertion) {
+      parent.getSystem().addToWorld(child);
+      insertion(parent.element, child.element);
+      if (inBody(parent.element)) {
+        fireAttaching(child);
+      }
+      parent.syncComponents();
+    };
+    var doDetach = function (component) {
+      fireDetaching(component);
+      remove(component.element);
+      component.getSystem().removeFromWorld(component);
+    };
+    var detach = function (component) {
+      var parent$1 = parent(component.element).bind(function (p) {
+        return component.getSystem().getByDom(p).toOptional();
+      });
+      doDetach(component);
+      parent$1.each(function (p) {
+        p.syncComponents();
+      });
+    };
+    var attachSystemAfter = function (element, guiSystem) {
+      attachSystemWith(element, guiSystem, after);
+    };
+    var attachSystemWith = function (element, guiSystem, inserter) {
+      inserter(element, guiSystem.element);
+      var children$1 = children(guiSystem.element);
+      each(children$1, function (child) {
+        guiSystem.getByDom(child).each(fireAttaching);
+      });
+    };
+    var detachSystem = function (guiSystem) {
+      var children$1 = children(guiSystem.element);
+      each(children$1, function (child) {
+        guiSystem.getByDom(child).each(fireDetaching);
+      });
+      remove(guiSystem.element);
+    };
+
+    var keys = Object.keys;
+    var hasOwnProperty = Object.hasOwnProperty;
+    var each$1 = function (obj, f) {
+      var props = keys(obj);
+      for (var k = 0, len = props.length; k < len; k++) {
+        var i = props[k];
+        var x = obj[i];
+        f(x, i);
+      }
+    };
+    var map$1 = function (obj, f) {
+      return tupleMap(obj, function (x, i) {
+        return {
+          k: i,
+          v: f(x, i)
+        };
+      });
+    };
+    var tupleMap = function (obj, f) {
+      var r = {};
+      each$1(obj, function (x, i) {
+        var tuple = f(x, i);
+        r[tuple.k] = tuple.v;
+      });
+      return r;
+    };
+    var objAcc = function (r) {
+      return function (x, i) {
+        r[i] = x;
+      };
+    };
+    var internalFilter = function (obj, pred, onTrue, onFalse) {
+      var r = {};
+      each$1(obj, function (x, i) {
+        (pred(x, i) ? onTrue : onFalse)(x, i);
+      });
+      return r;
+    };
+    var filter$1 = function (obj, pred) {
+      var t = {};
+      internalFilter(obj, pred, objAcc(t), noop);
+      return t;
+    };
+    var mapToArray = function (obj, f) {
+      var r = [];
+      each$1(obj, function (value, name) {
+        r.push(f(value, name));
+      });
+      return r;
+    };
+    var find$2 = function (obj, pred) {
+      var props = keys(obj);
+      for (var k = 0, len = props.length; k < len; k++) {
+        var i = props[k];
+        var x = obj[i];
+        if (pred(x, i, obj)) {
+          return Optional.some(x);
+        }
+      }
+      return Optional.none();
+    };
+    var values = function (obj) {
+      return mapToArray(obj, function (v) {
+        return v;
+      });
+    };
+    var get$1 = function (obj, key) {
+      return has(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    var has = function (obj, key) {
+      return hasOwnProperty.call(obj, key);
+    };
+    var hasNonNullableKey = function (obj, key) {
+      return has(obj, key) && obj[key] !== undefined && obj[key] !== null;
+    };
+
+    var rawSet = function (dom, key, value) {
+      if (isString(value) || isBoolean(value) || isNumber(value)) {
+        dom.setAttribute(key, value + '');
+      } else {
+        console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+        throw new Error('Attribute value was not simple');
+      }
+    };
+    var set = function (element, key, value) {
+      rawSet(element.dom, key, value);
+    };
+    var setAll = function (element, attrs) {
+      var dom = element.dom;
+      each$1(attrs, function (v, k) {
+        rawSet(dom, k, v);
+      });
+    };
+    var get$2 = function (element, key) {
+      var v = element.dom.getAttribute(key);
+      return v === null ? undefined : v;
+    };
+    var getOpt = function (element, key) {
+      return Optional.from(get$2(element, key));
+    };
+    var has$1 = function (element, key) {
+      var dom = element.dom;
+      return dom && dom.hasAttribute ? dom.hasAttribute(key) : false;
+    };
+    var remove$1 = function (element, key) {
+      element.dom.removeAttribute(key);
+    };
+
+    var read = function (element, attr) {
+      var value = get$2(element, attr);
+      return value === undefined || value === '' ? [] : value.split(' ');
+    };
+    var add = function (element, attr, id) {
+      var old = read(element, attr);
+      var nu = old.concat([id]);
+      set(element, attr, nu.join(' '));
+      return true;
+    };
+    var remove$2 = function (element, attr, id) {
+      var nu = filter(read(element, attr), function (v) {
+        return v !== id;
+      });
+      if (nu.length > 0) {
+        set(element, attr, nu.join(' '));
+      } else {
+        remove$1(element, attr);
+      }
+      return false;
+    };
+
+    var supports = function (element) {
+      return element.dom.classList !== undefined;
+    };
+    var get$3 = function (element) {
+      return read(element, 'class');
+    };
+    var add$1 = function (element, clazz) {
+      return add(element, 'class', clazz);
+    };
+    var remove$3 = function (element, clazz) {
+      return remove$2(element, 'class', clazz);
+    };
+
+    var add$2 = function (element, clazz) {
+      if (supports(element)) {
+        element.dom.classList.add(clazz);
+      } else {
+        add$1(element, clazz);
+      }
+    };
+    var cleanClass = function (element) {
+      var classList = supports(element) ? element.dom.classList : get$3(element);
+      if (classList.length === 0) {
+        remove$1(element, 'class');
+      }
+    };
+    var remove$4 = function (element, clazz) {
+      if (supports(element)) {
+        var classList = element.dom.classList;
+        classList.remove(clazz);
+      } else {
+        remove$3(element, clazz);
+      }
+      cleanClass(element);
+    };
+    var has$2 = function (element, clazz) {
+      return supports(element) && element.dom.classList.contains(clazz);
+    };
+
+    var swap = function (element, addCls, removeCls) {
+      remove$4(element, removeCls);
+      add$2(element, addCls);
+    };
+    var toAlpha = function (component, swapConfig, _swapState) {
+      swap(component.element, swapConfig.alpha, swapConfig.omega);
+    };
+    var toOmega = function (component, swapConfig, _swapState) {
+      swap(component.element, swapConfig.omega, swapConfig.alpha);
+    };
+    var clear = function (component, swapConfig, _swapState) {
+      remove$4(component.element, swapConfig.alpha);
+      remove$4(component.element, swapConfig.omega);
+    };
+    var isAlpha = function (component, swapConfig, _swapState) {
+      return has$2(component.element, swapConfig.alpha);
+    };
+    var isOmega = function (component, swapConfig, _swapState) {
+      return has$2(component.element, swapConfig.omega);
+    };
+
+    var SwapApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        toAlpha: toAlpha,
+        toOmega: toOmega,
+        isAlpha: isAlpha,
+        isOmega: isOmega,
+        clear: clear
+    });
+
+    var value = function (o) {
+      var is = function (v) {
+        return o === v;
+      };
+      var or = function (_opt) {
+        return value(o);
+      };
+      var orThunk = function (_f) {
+        return value(o);
+      };
+      var map = function (f) {
+        return value(f(o));
+      };
+      var mapError = function (_f) {
+        return value(o);
+      };
+      var each = function (f) {
+        f(o);
+      };
+      var bind = function (f) {
+        return f(o);
+      };
+      var fold = function (_, onValue) {
+        return onValue(o);
+      };
+      var exists = function (f) {
+        return f(o);
+      };
+      var forall = function (f) {
+        return f(o);
+      };
+      var toOptional = function () {
+        return Optional.some(o);
+      };
+      return {
+        is: is,
+        isValue: always,
+        isError: never,
+        getOr: constant(o),
+        getOrThunk: constant(o),
+        getOrDie: constant(o),
+        or: or,
+        orThunk: orThunk,
+        fold: fold,
+        map: map,
+        mapError: mapError,
+        each: each,
+        bind: bind,
+        exists: exists,
+        forall: forall,
+        toOptional: toOptional
+      };
+    };
+    var error = function (message) {
+      var getOrThunk = function (f) {
+        return f();
+      };
+      var getOrDie = function () {
+        return die(String(message))();
+      };
+      var or = function (opt) {
+        return opt;
+      };
+      var orThunk = function (f) {
+        return f();
+      };
+      var map = function (_f) {
+        return error(message);
+      };
+      var mapError = function (f) {
+        return error(f(message));
+      };
+      var bind = function (_f) {
+        return error(message);
+      };
+      var fold = function (onError, _) {
+        return onError(message);
+      };
+      return {
+        is: never,
+        isValue: never,
+        isError: always,
+        getOr: identity,
+        getOrThunk: getOrThunk,
+        getOrDie: getOrDie,
+        or: or,
+        orThunk: orThunk,
+        fold: fold,
+        map: map,
+        mapError: mapError,
+        each: noop,
+        bind: bind,
+        exists: never,
+        forall: always,
+        toOptional: Optional.none
+      };
+    };
+    var fromOption = function (opt, err) {
+      return opt.fold(function () {
+        return error(err);
+      }, value);
+    };
+    var Result = {
+      value: value,
+      error: error,
+      fromOption: fromOption
+    };
+
+    var SimpleResultType;
+    (function (SimpleResultType) {
+      SimpleResultType[SimpleResultType['Error'] = 0] = 'Error';
+      SimpleResultType[SimpleResultType['Value'] = 1] = 'Value';
+    }(SimpleResultType || (SimpleResultType = {})));
+    var fold = function (res, onError, onValue) {
+      return res.stype === SimpleResultType.Error ? onError(res.serror) : onValue(res.svalue);
+    };
+    var partition = function (results) {
+      var values = [];
+      var errors = [];
+      each(results, function (obj) {
+        fold(obj, function (err) {
+          return errors.push(err);
+        }, function (val) {
+          return values.push(val);
+        });
+      });
+      return {
+        values: values,
+        errors: errors
+      };
+    };
+    var mapError = function (res, f) {
+      if (res.stype === SimpleResultType.Error) {
+        return {
+          stype: SimpleResultType.Error,
+          serror: f(res.serror)
+        };
+      } else {
+        return res;
+      }
+    };
+    var map$2 = function (res, f) {
+      if (res.stype === SimpleResultType.Value) {
+        return {
+          stype: SimpleResultType.Value,
+          svalue: f(res.svalue)
+        };
+      } else {
+        return res;
+      }
+    };
+    var bind$1 = function (res, f) {
+      if (res.stype === SimpleResultType.Value) {
+        return f(res.svalue);
+      } else {
+        return res;
+      }
+    };
+    var bindError = function (res, f) {
+      if (res.stype === SimpleResultType.Error) {
+        return f(res.serror);
+      } else {
+        return res;
+      }
+    };
+    var svalue = function (v) {
+      return {
+        stype: SimpleResultType.Value,
+        svalue: v
+      };
+    };
+    var serror = function (e) {
+      return {
+        stype: SimpleResultType.Error,
+        serror: e
+      };
+    };
+    var toResult = function (res) {
+      return fold(res, Result.error, Result.value);
+    };
+    var fromResult = function (res) {
+      return res.fold(serror, svalue);
+    };
+    var SimpleResult = {
+      fromResult: fromResult,
+      toResult: toResult,
+      svalue: svalue,
+      partition: partition,
+      serror: serror,
+      bind: bind$1,
+      bindError: bindError,
+      map: map$2,
+      mapError: mapError,
+      fold: fold
+    };
+
+    var generate = function (cases) {
+      if (!isArray(cases)) {
+        throw new Error('cases must be an array');
+      }
+      if (cases.length === 0) {
+        throw new Error('there must be at least one case');
+      }
+      var constructors = [];
+      var adt = {};
+      each(cases, function (acase, count) {
+        var keys$1 = keys(acase);
+        if (keys$1.length !== 1) {
+          throw new Error('one and only one name per case');
+        }
+        var key = keys$1[0];
+        var value = acase[key];
+        if (adt[key] !== undefined) {
+          throw new Error('duplicate key detected:' + key);
+        } else if (key === 'cata') {
+          throw new Error('cannot have a case named cata (sorry)');
+        } else if (!isArray(value)) {
+          throw new Error('case arguments must be an array');
+        }
+        constructors.push(key);
+        adt[key] = function () {
+          var argLength = arguments.length;
+          if (argLength !== value.length) {
+            throw new Error('Wrong number of arguments to case ' + key + '. Expected ' + value.length + ' (' + value + '), got ' + argLength);
+          }
+          var args = new Array(argLength);
+          for (var i = 0; i < args.length; i++) {
+            args[i] = arguments[i];
+          }
+          var match = function (branches) {
+            var branchKeys = keys(branches);
+            if (constructors.length !== branchKeys.length) {
+              throw new Error('Wrong number of arguments to match. Expected: ' + constructors.join(',') + '\nActual: ' + branchKeys.join(','));
+            }
+            var allReqd = forall(constructors, function (reqKey) {
+              return contains(branchKeys, reqKey);
+            });
+            if (!allReqd) {
+              throw new Error('Not all branches were specified when using match. Specified: ' + branchKeys.join(', ') + '\nRequired: ' + constructors.join(', '));
+            }
+            return branches[key].apply(null, args);
+          };
+          return {
+            fold: function () {
+              if (arguments.length !== cases.length) {
+                throw new Error('Wrong number of arguments to fold. Expected ' + cases.length + ', got ' + arguments.length);
+              }
+              var target = arguments[count];
+              return target.apply(null, args);
+            },
+            match: match,
+            log: function (label) {
+              console.log(label, {
+                constructors: constructors,
+                constructor: key,
+                params: args
+              });
+            }
+          };
+        };
+      });
+      return adt;
+    };
+    var Adt = { generate: generate };
+
+    var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+    var shallow = function (old, nu) {
+      return nu;
+    };
+    var deep = function (old, nu) {
+      var bothObjects = isObject(old) && isObject(nu);
+      return bothObjects ? deepMerge(old, nu) : nu;
+    };
+    var baseMerge = function (merger) {
+      return function () {
+        var objects = new Array(arguments.length);
+        for (var i = 0; i < objects.length; i++) {
+          objects[i] = arguments[i];
+        }
+        if (objects.length === 0) {
+          throw new Error('Can\'t merge zero objects');
+        }
+        var ret = {};
+        for (var j = 0; j < objects.length; j++) {
+          var curObject = objects[j];
+          for (var key in curObject) {
+            if (hasOwnProperty$1.call(curObject, key)) {
+              ret[key] = merger(ret[key], curObject[key]);
+            }
+          }
+        }
+        return ret;
+      };
+    };
+    var deepMerge = baseMerge(deep);
+    var merge = baseMerge(shallow);
+
+    var adt = Adt.generate([
+      { strict: [] },
+      { defaultedThunk: ['fallbackThunk'] },
+      { asOption: [] },
+      { asDefaultedOptionThunk: ['fallbackThunk'] },
+      { mergeWithThunk: ['baseThunk'] }
+    ]);
+    var defaulted = function (fallback) {
+      return adt.defaultedThunk(constant(fallback));
+    };
+    var mergeWith = function (base) {
+      return adt.mergeWithThunk(constant(base));
+    };
+    var strict = adt.strict;
+    var asOption = adt.asOption;
+    var defaultedThunk = adt.defaultedThunk;
+    var asDefaultedOptionThunk = adt.asDefaultedOptionThunk;
+    var mergeWithThunk = adt.mergeWithThunk;
+
+    var comparison = Adt.generate([
+      {
+        bothErrors: [
+          'error1',
+          'error2'
+        ]
+      },
+      {
+        firstError: [
+          'error1',
+          'value2'
+        ]
+      },
+      {
+        secondError: [
+          'value1',
+          'error2'
+        ]
+      },
+      {
+        bothValues: [
+          'value1',
+          'value2'
+        ]
+      }
+    ]);
+    var partition$1 = function (results) {
+      var errors = [];
+      var values = [];
+      each(results, function (result) {
+        result.fold(function (err) {
+          errors.push(err);
+        }, function (value) {
+          values.push(value);
+        });
+      });
+      return {
+        errors: errors,
+        values: values
+      };
+    };
+
+    var exclude = function (obj, fields) {
+      var r = {};
+      each$1(obj, function (v, k) {
+        if (!contains(fields, k)) {
+          r[k] = v;
+        }
+      });
+      return r;
+    };
+
+    var wrap = function (key, value) {
+      var _a;
+      return _a = {}, _a[key] = value, _a;
+    };
+    var wrapAll = function (keyvalues) {
+      var r = {};
+      each(keyvalues, function (kv) {
+        r[kv.key] = kv.value;
+      });
+      return r;
+    };
+
+    var exclude$1 = function (obj, fields) {
+      return exclude(obj, fields);
+    };
+    var wrap$1 = function (key, value) {
+      return wrap(key, value);
+    };
+    var wrapAll$1 = function (keyvalues) {
+      return wrapAll(keyvalues);
+    };
+    var mergeValues = function (values, base) {
+      return values.length === 0 ? Result.value(base) : Result.value(deepMerge(base, merge.apply(undefined, values)));
+    };
+    var mergeErrors = function (errors) {
+      return Result.error(flatten(errors));
+    };
+    var consolidate = function (objs, base) {
+      var partitions = partition$1(objs);
+      return partitions.errors.length > 0 ? mergeErrors(partitions.errors) : mergeValues(partitions.values, base);
+    };
+
+    var mergeValues$1 = function (values, base) {
+      return values.length > 0 ? SimpleResult.svalue(deepMerge(base, merge.apply(undefined, values))) : SimpleResult.svalue(base);
+    };
+    var mergeErrors$1 = function (errors) {
+      return compose(SimpleResult.serror, flatten)(errors);
+    };
+    var consolidateObj = function (objects, base) {
+      var partition = SimpleResult.partition(objects);
+      return partition.errors.length > 0 ? mergeErrors$1(partition.errors) : mergeValues$1(partition.values, base);
+    };
+    var consolidateArr = function (objects) {
+      var partitions = SimpleResult.partition(objects);
+      return partitions.errors.length > 0 ? mergeErrors$1(partitions.errors) : SimpleResult.svalue(partitions.values);
+    };
+    var ResultCombine = {
+      consolidateObj: consolidateObj,
+      consolidateArr: consolidateArr
+    };
+
+    var formatObj = function (input) {
+      return isObject(input) && keys(input).length > 100 ? ' removed due to size' : JSON.stringify(input, null, 2);
+    };
+    var formatErrors = function (errors) {
+      var es = errors.length > 10 ? errors.slice(0, 10).concat([{
+          path: [],
+          getErrorInfo: function () {
+            return '... (only showing first ten failures)';
+          }
+        }]) : errors;
+      return map(es, function (e) {
+        return 'Failed path: (' + e.path.join(' > ') + ')\n' + e.getErrorInfo();
+      });
+    };
+
+    var nu$3 = function (path, getErrorInfo) {
+      return SimpleResult.serror([{
+          path: path,
+          getErrorInfo: getErrorInfo
+        }]);
+    };
+    var missingStrict = function (path, key, obj) {
+      return nu$3(path, function () {
+        return 'Could not find valid *strict* value for "' + key + '" in ' + formatObj(obj);
+      });
+    };
+    var missingKey = function (path, key) {
+      return nu$3(path, function () {
+        return 'Choice schema did not contain choice key: "' + key + '"';
+      });
+    };
+    var missingBranch = function (path, branches, branch) {
+      return nu$3(path, function () {
+        return 'The chosen schema: "' + branch + '" did not exist in branches: ' + formatObj(branches);
+      });
+    };
+    var unsupportedFields = function (path, unsupported) {
+      return nu$3(path, function () {
+        return 'There are unsupported fields: [' + unsupported.join(', ') + '] specified';
+      });
+    };
+    var custom = function (path, err) {
+      return nu$3(path, function () {
+        return err;
+      });
+    };
+
+    var adt$1 = Adt.generate([
+      {
+        field: [
+          'key',
+          'okey',
+          'presence',
+          'prop'
+        ]
+      },
+      {
+        state: [
+          'okey',
+          'instantiator'
+        ]
+      }
+    ]);
+    var strictAccess = function (path, obj, key) {
+      return get$1(obj, key).fold(function () {
+        return missingStrict(path, key, obj);
+      }, SimpleResult.svalue);
+    };
+    var fallbackAccess = function (obj, key, fallbackThunk) {
+      var v = get$1(obj, key).fold(function () {
+        return fallbackThunk(obj);
+      }, identity);
+      return SimpleResult.svalue(v);
+    };
+    var optionAccess = function (obj, key) {
+      return SimpleResult.svalue(get$1(obj, key));
+    };
+    var optionDefaultedAccess = function (obj, key, fallback) {
+      var opt = get$1(obj, key).map(function (val) {
+        return val === true ? fallback(obj) : val;
+      });
+      return SimpleResult.svalue(opt);
+    };
+    var cExtractOne = function (path, obj, field, strength) {
+      return field.fold(function (key, okey, presence, prop) {
+        var bundle = function (av) {
+          var result = prop.extract(path.concat([key]), strength, av);
+          return SimpleResult.map(result, function (res) {
+            return wrap(okey, strength(res));
+          });
+        };
+        var bundleAsOption = function (optValue) {
+          return optValue.fold(function () {
+            var outcome = wrap(okey, strength(Optional.none()));
+            return SimpleResult.svalue(outcome);
+          }, function (ov) {
+            var result = prop.extract(path.concat([key]), strength, ov);
+            return SimpleResult.map(result, function (res) {
+              return wrap(okey, strength(Optional.some(res)));
+            });
+          });
+        };
+        return function () {
+          return presence.fold(function () {
+            return SimpleResult.bind(strictAccess(path, obj, key), bundle);
+          }, function (fallbackThunk) {
+            return SimpleResult.bind(fallbackAccess(obj, key, fallbackThunk), bundle);
+          }, function () {
+            return SimpleResult.bind(optionAccess(obj, key), bundleAsOption);
+          }, function (fallbackThunk) {
+            return SimpleResult.bind(optionDefaultedAccess(obj, key, fallbackThunk), bundleAsOption);
+          }, function (baseThunk) {
+            var base = baseThunk(obj);
+            var result = SimpleResult.map(fallbackAccess(obj, key, constant({})), function (v) {
+              return deepMerge(base, v);
+            });
+            return SimpleResult.bind(result, bundle);
+          });
+        }();
+      }, function (okey, instantiator) {
+        var state = instantiator(obj);
+        return SimpleResult.svalue(wrap(okey, strength(state)));
+      });
+    };
+    var cExtract = function (path, obj, fields, strength) {
+      var results = map(fields, function (field) {
+        return cExtractOne(path, obj, field, strength);
+      });
+      return ResultCombine.consolidateObj(results, {});
+    };
+    var value$1 = function (validator) {
+      var extract = function (path, strength, val) {
+        return SimpleResult.bindError(validator(val, strength), function (err) {
+          return custom(path, err);
+        });
+      };
+      var toString = function () {
+        return 'val';
+      };
+      return {
+        extract: extract,
+        toString: toString
+      };
+    };
+    var getSetKeys = function (obj) {
+      return keys(filter$1(obj, function (value) {
+        return value !== undefined && value !== null;
+      }));
+    };
+    var objOfOnly = function (fields) {
+      var delegate = objOf(fields);
+      var fieldNames = foldr(fields, function (acc, f) {
+        return f.fold(function (key) {
+          return deepMerge(acc, wrap$1(key, true));
+        }, constant(acc));
+      }, {});
+      var extract = function (path, strength, o) {
+        var keys = isBoolean(o) ? [] : getSetKeys(o);
+        var extra = filter(keys, function (k) {
+          return !hasNonNullableKey(fieldNames, k);
+        });
+        return extra.length === 0 ? delegate.extract(path, strength, o) : unsupportedFields(path, extra);
+      };
+      return {
+        extract: extract,
+        toString: delegate.toString
+      };
+    };
+    var objOf = function (fields) {
+      var extract = function (path, strength, o) {
+        return cExtract(path, o, fields, strength);
+      };
+      var toString = function () {
+        var fieldStrings = map(fields, function (field) {
+          return field.fold(function (key, okey, presence, prop) {
+            return key + ' -> ' + prop.toString();
+          }, function (okey, _instantiator) {
+            return 'state(' + okey + ')';
+          });
+        });
+        return 'obj{\n' + fieldStrings.join('\n') + '}';
+      };
+      return {
+        extract: extract,
+        toString: toString
+      };
+    };
+    var arrOf = function (prop) {
+      var extract = function (path, strength, array) {
+        var results = map(array, function (a, i) {
+          return prop.extract(path.concat(['[' + i + ']']), strength, a);
+        });
+        return ResultCombine.consolidateArr(results);
+      };
+      var toString = function () {
+        return 'array(' + prop.toString() + ')';
+      };
+      return {
+        extract: extract,
+        toString: toString
+      };
+    };
+    var setOf = function (validator, prop) {
+      var validateKeys = function (path, keys) {
+        return arrOf(value$1(validator)).extract(path, identity, keys);
+      };
+      var extract = function (path, strength, o) {
+        var keys$1 = keys(o);
+        var validatedKeys = validateKeys(path, keys$1);
+        return SimpleResult.bind(validatedKeys, function (validKeys) {
+          var schema = map(validKeys, function (vk) {
+            return adt$1.field(vk, vk, strict(), prop);
+          });
+          return objOf(schema).extract(path, strength, o);
+        });
+      };
+      var toString = function () {
+        return 'setOf(' + prop.toString() + ')';
+      };
+      return {
+        extract: extract,
+        toString: toString
+      };
+    };
+    var anyValue = constant(value$1(SimpleResult.svalue));
+    var state = adt$1.state;
+    var field = adt$1.field;
+
+    var chooseFrom = function (path, strength, input, branches, ch) {
+      var fields = get$1(branches, ch);
+      return fields.fold(function () {
+        return missingBranch(path, branches, ch);
+      }, function (vp) {
+        return vp.extract(path.concat(['branch: ' + ch]), strength, input);
+      });
+    };
+    var choose = function (key, branches) {
+      var extract = function (path, strength, input) {
+        var choice = get$1(input, key);
+        return choice.fold(function () {
+          return missingKey(path, key);
+        }, function (chosen) {
+          return chooseFrom(path, strength, input, branches, chosen);
+        });
+      };
+      var toString = function () {
+        return 'chooseOn(' + key + '). Possible values: ' + keys(branches);
+      };
+      return {
+        extract: extract,
+        toString: toString
+      };
+    };
+
+    var _anyValue = value$1(SimpleResult.svalue);
+    var valueOf = function (validator) {
+      return value$1(function (v) {
+        return validator(v).fold(SimpleResult.serror, SimpleResult.svalue);
+      });
+    };
+    var setOf$1 = function (validator, prop) {
+      return setOf(function (v) {
+        return SimpleResult.fromResult(validator(v));
+      }, prop);
+    };
+    var extract = function (label, prop, strength, obj) {
+      var res = prop.extract([label], strength, obj);
+      return SimpleResult.mapError(res, function (errs) {
+        return {
+          input: obj,
+          errors: errs
+        };
+      });
+    };
+    var asRaw = function (label, prop, obj) {
+      return SimpleResult.toResult(extract(label, prop, identity, obj));
+    };
+    var getOrDie = function (extraction) {
+      return extraction.fold(function (errInfo) {
+        throw new Error(formatError(errInfo));
+      }, identity);
+    };
+    var asRawOrDie = function (label, prop, obj) {
+      return getOrDie(asRaw(label, prop, obj));
+    };
+    var formatError = function (errInfo) {
+      return 'Errors: \n' + formatErrors(errInfo.errors).join('\n') + '\n\nInput object: ' + formatObj(errInfo.input);
+    };
+    var choose$1 = function (key, branches) {
+      return choose(key, map$1(branches, objOf));
+    };
+    var anyValue$1 = constant(_anyValue);
+    var typedValue = function (validator, expectedType) {
+      return value$1(function (a) {
+        var actualType = typeof a;
+        return validator(a) ? SimpleResult.svalue(a) : SimpleResult.serror('Expected type: ' + expectedType + ' but got: ' + actualType);
+      });
+    };
+    var functionProcessor = typedValue(isFunction, 'function');
+
+    var strict$1 = function (key) {
+      return field(key, key, strict(), anyValue());
+    };
+    var strictOf = function (key, schema) {
+      return field(key, key, strict(), schema);
+    };
+    var strictFunction = function (key) {
+      return strictOf(key, functionProcessor);
+    };
+    var forbid = function (key, message) {
+      return field(key, key, asOption(), value$1(function (_v) {
+        return SimpleResult.serror('The field: ' + key + ' is forbidden. ' + message);
+      }));
+    };
+    var strictObjOf = function (key, objSchema) {
+      return field(key, key, strict(), objOf(objSchema));
+    };
+    var option = function (key) {
+      return field(key, key, asOption(), anyValue());
+    };
+    var optionOf = function (key, schema) {
+      return field(key, key, asOption(), schema);
+    };
+    var optionObjOf = function (key, objSchema) {
+      return optionOf(key, objOf(objSchema));
+    };
+    var optionObjOfOnly = function (key, objSchema) {
+      return optionOf(key, objOfOnly(objSchema));
+    };
+    var defaulted$1 = function (key, fallback) {
+      return field(key, key, defaulted(fallback), anyValue());
+    };
+    var defaultedOf = function (key, fallback, schema) {
+      return field(key, key, defaulted(fallback), schema);
+    };
+    var defaultedFunction = function (key, fallback) {
+      return defaultedOf(key, fallback, functionProcessor);
+    };
+    var defaultedObjOf = function (key, fallback, objSchema) {
+      return defaultedOf(key, fallback, objOf(objSchema));
+    };
+    var state$1 = function (okey, instantiator) {
+      return state(okey, instantiator);
+    };
+
+    var SwapSchema = [
+      strict$1('alpha'),
+      strict$1('omega')
+    ];
+
+    var ensureIsRoot = function (isRoot) {
+      return isFunction(isRoot) ? isRoot : never;
+    };
+    var ancestor = function (scope, transform, isRoot) {
+      var element = scope.dom;
+      var stop = ensureIsRoot(isRoot);
+      while (element.parentNode) {
+        element = element.parentNode;
+        var el = SugarElement.fromDom(element);
+        var transformed = transform(el);
+        if (transformed.isSome()) {
+          return transformed;
+        } else if (stop(el)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var closest = function (scope, transform, isRoot) {
+      var current = transform(scope);
+      var stop = ensureIsRoot(isRoot);
+      return current.orThunk(function () {
+        return stop(scope) ? Optional.none() : ancestor(scope, transform, stop);
+      });
+    };
+
+    var isSource = function (component, simulatedEvent) {
+      return eq(component.element, simulatedEvent.event.target);
+    };
+
+    var nu$4 = function (parts) {
+      if (!hasNonNullableKey(parts, 'can') && !hasNonNullableKey(parts, 'abort') && !hasNonNullableKey(parts, 'run')) {
+        throw new Error('EventHandler defined by: ' + JSON.stringify(parts, null, 2) + ' does not have can, abort, or run!');
+      }
+      return asRawOrDie('Extracting event.handler', objOfOnly([
+        defaulted$1('can', always),
+        defaulted$1('abort', never),
+        defaulted$1('run', noop)
+      ]), parts);
+    };
+    var all$1 = function (handlers, f) {
+      return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        return foldl(handlers, function (acc, handler) {
+          return acc && f(handler).apply(undefined, args);
+        }, true);
+      };
+    };
+    var any = function (handlers, f) {
+      return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        return foldl(handlers, function (acc, handler) {
+          return acc || f(handler).apply(undefined, args);
+        }, false);
+      };
+    };
+    var read$1 = function (handler) {
+      return isFunction(handler) ? {
+        can: constant(true),
+        abort: constant(false),
+        run: handler
+      } : handler;
+    };
+    var fuse = function (handlers) {
+      var can = all$1(handlers, function (handler) {
+        return handler.can;
+      });
+      var abort = any(handlers, function (handler) {
+        return handler.abort;
+      });
+      var run = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        each(handlers, function (handler) {
+          handler.run.apply(undefined, args);
+        });
+      };
+      return nu$4({
+        can: can,
+        abort: abort,
+        run: run
+      });
+    };
+
+    var derive = function (configs) {
+      return wrapAll$1(configs);
+    };
+    var abort = function (name, predicate) {
+      return {
+        key: name,
+        value: nu$4({ abort: predicate })
+      };
+    };
+    var can = function (name, predicate) {
+      return {
+        key: name,
+        value: nu$4({ can: predicate })
+      };
+    };
+    var run = function (name, handler) {
+      return {
+        key: name,
+        value: nu$4({ run: handler })
+      };
+    };
+    var runActionExtra = function (name, action, extra) {
+      return {
+        key: name,
+        value: nu$4({
+          run: function (component, simulatedEvent) {
+            action.apply(undefined, [
+              component,
+              simulatedEvent
+            ].concat(extra));
+          }
+        })
+      };
+    };
+    var runOnName = function (name) {
+      return function (handler) {
+        return run(name, handler);
+      };
+    };
+    var runOnSourceName = function (name) {
+      return function (handler) {
+        return {
+          key: name,
+          value: nu$4({
+            run: function (component, simulatedEvent) {
+              if (isSource(component, simulatedEvent)) {
+                handler(component, simulatedEvent);
+              }
+            }
+          })
+        };
+      };
+    };
+    var redirectToUid = function (name, uid) {
+      return run(name, function (component, simulatedEvent) {
+        component.getSystem().getByUid(uid).each(function (redirectee) {
+          dispatchEvent(redirectee, redirectee.element, name, simulatedEvent);
+        });
+      });
+    };
+    var redirectToPart = function (name, detail, partName) {
+      var uid = detail.partUids[partName];
+      return redirectToUid(name, uid);
+    };
+    var cutter = function (name) {
+      return run(name, function (component, simulatedEvent) {
+        simulatedEvent.cut();
+      });
+    };
+    var stopper = function (name) {
+      return run(name, function (component, simulatedEvent) {
+        simulatedEvent.stop();
+      });
+    };
+    var runOnSource = function (name, f) {
+      return runOnSourceName(name)(f);
+    };
+    var runOnAttached = runOnSourceName(attachedToDom());
+    var runOnDetached = runOnSourceName(detachedFromDom());
+    var runOnInit = runOnSourceName(systemInit());
+    var runOnExecute = runOnName(execute());
+
+    var markAsBehaviourApi = function (f, apiName, apiFunction) {
+      var delegate = apiFunction.toString();
+      var endIndex = delegate.indexOf(')') + 1;
+      var openBracketIndex = delegate.indexOf('(');
+      var parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
+      f.toFunctionAnnotation = function () {
+        return {
+          name: apiName,
+          parameters: cleanParameters(parameters.slice(0, 1).concat(parameters.slice(3)))
+        };
+      };
+      return f;
+    };
+    var cleanParameters = function (parameters) {
+      return map(parameters, function (p) {
+        return endsWith(p, '/*') ? p.substring(0, p.length - '/*'.length) : p;
+      });
+    };
+    var markAsExtraApi = function (f, extraName) {
+      var delegate = f.toString();
+      var endIndex = delegate.indexOf(')') + 1;
+      var openBracketIndex = delegate.indexOf('(');
+      var parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
+      f.toFunctionAnnotation = function () {
+        return {
+          name: extraName,
+          parameters: cleanParameters(parameters)
+        };
+      };
+      return f;
+    };
+    var markAsSketchApi = function (f, apiFunction) {
+      var delegate = apiFunction.toString();
+      var endIndex = delegate.indexOf(')') + 1;
+      var openBracketIndex = delegate.indexOf('(');
+      var parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
+      f.toFunctionAnnotation = function () {
+        return {
+          name: 'OVERRIDE',
+          parameters: cleanParameters(parameters.slice(1))
+        };
+      };
+      return f;
+    };
+
+    var nu$5 = function (s) {
+      return {
+        classes: s.classes !== undefined ? s.classes : [],
+        attributes: s.attributes !== undefined ? s.attributes : {},
+        styles: s.styles !== undefined ? s.styles : {}
+      };
+    };
+    var merge$1 = function (defnA, mod) {
+      return __assign(__assign({}, defnA), {
+        attributes: __assign(__assign({}, defnA.attributes), mod.attributes),
+        styles: __assign(__assign({}, defnA.styles), mod.styles),
+        classes: defnA.classes.concat(mod.classes)
+      });
+    };
+
+    var executeEvent = function (bConfig, bState, executor) {
+      return runOnExecute(function (component) {
+        executor(component, bConfig, bState);
+      });
+    };
+    var loadEvent = function (bConfig, bState, f) {
+      return runOnInit(function (component, _simulatedEvent) {
+        f(component, bConfig, bState);
+      });
+    };
+    var create = function (schema, name, active, apis, extra, state) {
+      var configSchema = objOfOnly(schema);
+      var schemaSchema = optionObjOf(name, [optionObjOfOnly('config', schema)]);
+      return doCreate(configSchema, schemaSchema, name, active, apis, extra, state);
+    };
+    var createModes = function (modes, name, active, apis, extra, state) {
+      var configSchema = modes;
+      var schemaSchema = optionObjOf(name, [optionOf('config', modes)]);
+      return doCreate(configSchema, schemaSchema, name, active, apis, extra, state);
+    };
+    var wrapApi = function (bName, apiFunction, apiName) {
+      var f = function (component) {
+        var rest = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+          rest[_i - 1] = arguments[_i];
+        }
+        var args = [component].concat(rest);
+        return component.config({ name: constant(bName) }).fold(function () {
+          throw new Error('We could not find any behaviour configuration for: ' + bName + '. Using API: ' + apiName);
+        }, function (info) {
+          var rest = Array.prototype.slice.call(args, 1);
+          return apiFunction.apply(undefined, [
+            component,
+            info.config,
+            info.state
+          ].concat(rest));
+        });
+      };
+      return markAsBehaviourApi(f, apiName, apiFunction);
+    };
+    var revokeBehaviour = function (name) {
+      return {
+        key: name,
+        value: undefined
+      };
+    };
+    var doCreate = function (configSchema, schemaSchema, name, active, apis, extra, state) {
+      var getConfig = function (info) {
+        return hasNonNullableKey(info, name) ? info[name]() : Optional.none();
+      };
+      var wrappedApis = map$1(apis, function (apiF, apiName) {
+        return wrapApi(name, apiF, apiName);
+      });
+      var wrappedExtra = map$1(extra, function (extraF, extraName) {
+        return markAsExtraApi(extraF, extraName);
+      });
+      var me = __assign(__assign(__assign({}, wrappedExtra), wrappedApis), {
+        revoke: curry(revokeBehaviour, name),
+        config: function (spec) {
+          var prepared = asRawOrDie(name + '-config', configSchema, spec);
+          return {
+            key: name,
+            value: {
+              config: prepared,
+              me: me,
+              configAsRaw: cached(function () {
+                return asRawOrDie(name + '-config', configSchema, spec);
+              }),
+              initialConfig: spec,
+              state: state
+            }
+          };
+        },
+        schema: function () {
+          return schemaSchema;
+        },
+        exhibit: function (info, base) {
+          return getConfig(info).bind(function (behaviourInfo) {
+            return get$1(active, 'exhibit').map(function (exhibitor) {
+              return exhibitor(base, behaviourInfo.config, behaviourInfo.state);
+            });
+          }).getOr(nu$5({}));
+        },
+        name: function () {
+          return name;
+        },
+        handlers: function (info) {
+          return getConfig(info).map(function (behaviourInfo) {
+            var getEvents = get$1(active, 'events').getOr(function () {
+              return {};
+            });
+            return getEvents(behaviourInfo.config, behaviourInfo.state);
+          }).getOr({});
+        }
+      });
+      return me;
+    };
+
+    var NoState = {
+      init: function () {
+        return nu$6({
+          readState: function () {
+            return 'No State required';
+          }
+        });
+      }
+    };
+    var nu$6 = function (spec) {
+      return spec;
+    };
+
+    var derive$1 = function (capabilities) {
+      return wrapAll$1(capabilities);
+    };
+    var simpleSchema = objOfOnly([
+      strict$1('fields'),
+      strict$1('name'),
+      defaulted$1('active', {}),
+      defaulted$1('apis', {}),
+      defaulted$1('state', NoState),
+      defaulted$1('extra', {})
+    ]);
+    var create$1 = function (data) {
+      var value = asRawOrDie('Creating behaviour: ' + data.name, simpleSchema, data);
+      return create(value.fields, value.name, value.active, value.apis, value.extra, value.state);
+    };
+    var modeSchema = objOfOnly([
+      strict$1('branchKey'),
+      strict$1('branches'),
+      strict$1('name'),
+      defaulted$1('active', {}),
+      defaulted$1('apis', {}),
+      defaulted$1('state', NoState),
+      defaulted$1('extra', {})
+    ]);
+    var createModes$1 = function (data) {
+      var value = asRawOrDie('Creating behaviour: ' + data.name, modeSchema, data);
+      return createModes(choose$1(value.branchKey, value.branches), value.name, value.active, value.apis, value.extra, value.state);
+    };
+    var revoke = constant(undefined);
+
+    var Swapping = create$1({
+      fields: SwapSchema,
+      name: 'swapping',
+      apis: SwapApis
+    });
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var getDocument = function () {
+      return SugarElement.fromDom(document);
+    };
+
+    var focus$1 = function (element) {
+      return element.dom.focus();
+    };
+    var blur = function (element) {
+      return element.dom.blur();
+    };
+    var hasFocus = function (element) {
+      var root = getRootNode(element).dom;
+      return element.dom === root.activeElement;
+    };
+    var active = function (root) {
+      if (root === void 0) {
+        root = getDocument();
+      }
+      return Optional.from(root.dom.activeElement).map(SugarElement.fromDom);
+    };
+    var search = function (element) {
+      return active(getRootNode(element)).filter(function (e) {
+        return element.dom.contains(e.dom);
+      });
+    };
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.ThemeManager');
+
+    var openLink = function (target) {
+      var link = document.createElement('a');
+      link.target = '_blank';
+      link.href = target.href;
+      link.rel = 'noreferrer noopener';
+      var nuEvt = document.createEvent('MouseEvents');
+      nuEvt.initMouseEvent('click', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
+      document.body.appendChild(link);
+      link.dispatchEvent(nuEvt);
+      document.body.removeChild(link);
+    };
+
+    var DefaultStyleFormats = [
+      {
+        title: 'Headings',
+        items: [
+          {
+            title: 'Heading 1',
+            format: 'h1'
+          },
+          {
+            title: 'Heading 2',
+            format: 'h2'
+          },
+          {
+            title: 'Heading 3',
+            format: 'h3'
+          },
+          {
+            title: 'Heading 4',
+            format: 'h4'
+          },
+          {
+            title: 'Heading 5',
+            format: 'h5'
+          },
+          {
+            title: 'Heading 6',
+            format: 'h6'
+          }
+        ]
+      },
+      {
+        title: 'Inline',
+        items: [
+          {
+            title: 'Bold',
+            icon: 'bold',
+            format: 'bold'
+          },
+          {
+            title: 'Italic',
+            icon: 'italic',
+            format: 'italic'
+          },
+          {
+            title: 'Underline',
+            icon: 'underline',
+            format: 'underline'
+          },
+          {
+            title: 'Strikethrough',
+            icon: 'strikethrough',
+            format: 'strikethrough'
+          },
+          {
+            title: 'Superscript',
+            icon: 'superscript',
+            format: 'superscript'
+          },
+          {
+            title: 'Subscript',
+            icon: 'subscript',
+            format: 'subscript'
+          },
+          {
+            title: 'Code',
+            icon: 'code',
+            format: 'code'
+          }
+        ]
+      },
+      {
+        title: 'Blocks',
+        items: [
+          {
+            title: 'Paragraph',
+            format: 'p'
+          },
+          {
+            title: 'Blockquote',
+            format: 'blockquote'
+          },
+          {
+            title: 'Div',
+            format: 'div'
+          },
+          {
+            title: 'Pre',
+            format: 'pre'
+          }
+        ]
+      },
+      {
+        title: 'Alignment',
+        items: [
+          {
+            title: 'Left',
+            icon: 'alignleft',
+            format: 'alignleft'
+          },
+          {
+            title: 'Center',
+            icon: 'aligncenter',
+            format: 'aligncenter'
+          },
+          {
+            title: 'Right',
+            icon: 'alignright',
+            format: 'alignright'
+          },
+          {
+            title: 'Justify',
+            icon: 'alignjustify',
+            format: 'alignjustify'
+          }
+        ]
+      }
+    ];
+
+    var defaults = [
+      'undo',
+      'bold',
+      'italic',
+      'link',
+      'image',
+      'bullist',
+      'styleselect'
+    ];
+    var isSkinDisabled = function (editor) {
+      return editor.getParam('skin') === false;
+    };
+    var readOnlyOnInit = function (_editor) {
+      return false;
+    };
+    var getToolbar = function (editor) {
+      return editor.getParam('toolbar', defaults, 'array');
+    };
+    var getStyleFormats = function (editor) {
+      return editor.getParam('style_formats', DefaultStyleFormats, 'array');
+    };
+    var getSkinUrl = function (editor) {
+      return editor.getParam('skin_url');
+    };
+
+    var formatChanged = 'formatChanged';
+    var orientationChanged = 'orientationChanged';
+    var dropupDismissed = 'dropupDismissed';
+
+    var fromHtml$1 = function (html, scope) {
+      var doc = scope || document;
+      var div = doc.createElement('div');
+      div.innerHTML = html;
+      return children(SugarElement.fromDom(div));
+    };
+
+    var get$4 = function (element) {
+      return element.dom.innerHTML;
+    };
+    var set$1 = function (element, content) {
+      var owner$1 = owner(element);
+      var docDom = owner$1.dom;
+      var fragment = SugarElement.fromDom(docDom.createDocumentFragment());
+      var contentElements = fromHtml$1(content, docDom);
+      append$1(fragment, contentElements);
+      empty(element);
+      append(element, fragment);
+    };
+    var getOuter = function (element) {
+      var container = SugarElement.fromTag('div');
+      var clone = SugarElement.fromDom(element.dom.cloneNode(true));
+      append(container, clone);
+      return get$4(container);
+    };
+
+    var clone = function (original, isDeep) {
+      return SugarElement.fromDom(original.dom.cloneNode(isDeep));
+    };
+    var shallow$1 = function (original) {
+      return clone(original, false);
+    };
+
+    var getHtml = function (element) {
+      var clone = shallow$1(element);
+      return getOuter(clone);
+    };
+
+    var element = function (elem) {
+      return getHtml(elem);
+    };
+
+    var chooseChannels = function (channels, message) {
+      return message.universal ? channels : filter(channels, function (ch) {
+        return contains(message.channels, ch);
+      });
+    };
+    var events = function (receiveConfig) {
+      return derive([run(receive(), function (component, message) {
+          var channelMap = receiveConfig.channels;
+          var channels = keys(channelMap);
+          var receivingData = message;
+          var targetChannels = chooseChannels(channels, receivingData);
+          each(targetChannels, function (ch) {
+            var channelInfo = channelMap[ch];
+            var channelSchema = channelInfo.schema;
+            var data = asRawOrDie('channel[' + ch + '] data\nReceiver: ' + element(component.element), channelSchema, receivingData.data);
+            channelInfo.onReceive(component, data);
+          });
+        })]);
+    };
+
+    var ActiveReceiving = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events
+    });
+
+    var unknown$3 = 'unknown';
+    var EventConfiguration;
+    (function (EventConfiguration) {
+      EventConfiguration[EventConfiguration['STOP'] = 0] = 'STOP';
+      EventConfiguration[EventConfiguration['NORMAL'] = 1] = 'NORMAL';
+      EventConfiguration[EventConfiguration['LOGGING'] = 2] = 'LOGGING';
+    }(EventConfiguration || (EventConfiguration = {})));
+    var eventConfig = Cell({});
+    var makeEventLogger = function (eventName, initialTarget) {
+      var sequence = [];
+      var startTime = new Date().getTime();
+      return {
+        logEventCut: function (_name, target, purpose) {
+          sequence.push({
+            outcome: 'cut',
+            target: target,
+            purpose: purpose
+          });
+        },
+        logEventStopped: function (_name, target, purpose) {
+          sequence.push({
+            outcome: 'stopped',
+            target: target,
+            purpose: purpose
+          });
+        },
+        logNoParent: function (_name, target, purpose) {
+          sequence.push({
+            outcome: 'no-parent',
+            target: target,
+            purpose: purpose
+          });
+        },
+        logEventNoHandlers: function (_name, target) {
+          sequence.push({
+            outcome: 'no-handlers-left',
+            target: target
+          });
+        },
+        logEventResponse: function (_name, target, purpose) {
+          sequence.push({
+            outcome: 'response',
+            purpose: purpose,
+            target: target
+          });
+        },
+        write: function () {
+          var finishTime = new Date().getTime();
+          if (contains([
+              'mousemove',
+              'mouseover',
+              'mouseout',
+              systemInit()
+            ], eventName)) {
+            return;
+          }
+          console.log(eventName, {
+            event: eventName,
+            time: finishTime - startTime,
+            target: initialTarget.dom,
+            sequence: map(sequence, function (s) {
+              if (!contains([
+                  'cut',
+                  'stopped',
+                  'response'
+                ], s.outcome)) {
+                return s.outcome;
+              } else {
+                return '{' + s.purpose + '} ' + s.outcome + ' at (' + element(s.target) + ')';
+              }
+            })
+          });
+        }
+      };
+    };
+    var processEvent = function (eventName, initialTarget, f) {
+      var status = get$1(eventConfig.get(), eventName).orThunk(function () {
+        var patterns = keys(eventConfig.get());
+        return findMap(patterns, function (p) {
+          return eventName.indexOf(p) > -1 ? Optional.some(eventConfig.get()[p]) : Optional.none();
+        });
+      }).getOr(EventConfiguration.NORMAL);
+      switch (status) {
+      case EventConfiguration.NORMAL:
+        return f(noLogger());
+      case EventConfiguration.LOGGING: {
+          var logger = makeEventLogger(eventName, initialTarget);
+          var output = f(logger);
+          logger.write();
+          return output;
+        }
+      case EventConfiguration.STOP:
+        return true;
+      }
+    };
+    var path = [
+      'alloy/data/Fields',
+      'alloy/debugging/Debugging'
+    ];
+    var getTrace = function () {
+      var err = new Error();
+      if (err.stack !== undefined) {
+        var lines = err.stack.split('\n');
+        return find(lines, function (line) {
+          return line.indexOf('alloy') > 0 && !exists(path, function (p) {
+            return line.indexOf(p) > -1;
+          });
+        }).getOr(unknown$3);
+      } else {
+        return unknown$3;
+      }
+    };
+    var ignoreEvent = {
+      logEventCut: noop,
+      logEventStopped: noop,
+      logNoParent: noop,
+      logEventNoHandlers: noop,
+      logEventResponse: noop,
+      write: noop
+    };
+    var monitorEvent = function (eventName, initialTarget, f) {
+      return processEvent(eventName, initialTarget, f);
+    };
+    var noLogger = constant(ignoreEvent);
+
+    var menuFields = constant([
+      strict$1('menu'),
+      strict$1('selectedMenu')
+    ]);
+    var itemFields = constant([
+      strict$1('item'),
+      strict$1('selectedItem')
+    ]);
+    var schema = constant(objOf(itemFields().concat(menuFields())));
+    var itemSchema = constant(objOf(itemFields()));
+
+    var _initSize = strictObjOf('initSize', [
+      strict$1('numColumns'),
+      strict$1('numRows')
+    ]);
+    var itemMarkers = function () {
+      return strictOf('markers', itemSchema());
+    };
+    var tieredMenuMarkers = function () {
+      return strictObjOf('markers', [strict$1('backgroundMenu')].concat(menuFields()).concat(itemFields()));
+    };
+    var markers = function (required) {
+      return strictObjOf('markers', map(required, strict$1));
+    };
+    var onPresenceHandler = function (label, fieldName, presence) {
+      var trace = getTrace();
+      return field(fieldName, fieldName, presence, valueOf(function (f) {
+        return Result.value(function () {
+          var args = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+          }
+          return f.apply(undefined, args);
+        });
+      }));
+    };
+    var onHandler = function (fieldName) {
+      return onPresenceHandler('onHandler', fieldName, defaulted(noop));
+    };
+    var onKeyboardHandler = function (fieldName) {
+      return onPresenceHandler('onKeyboardHandler', fieldName, defaulted(Optional.none));
+    };
+    var onStrictHandler = function (fieldName) {
+      return onPresenceHandler('onHandler', fieldName, strict());
+    };
+    var onStrictKeyboardHandler = function (fieldName) {
+      return onPresenceHandler('onKeyboardHandler', fieldName, strict());
+    };
+    var output = function (name, value) {
+      return state$1(name, constant(value));
+    };
+    var snapshot = function (name) {
+      return state$1(name, identity);
+    };
+    var initSize = constant(_initSize);
+
+    var ReceivingSchema = [strictOf('channels', setOf$1(Result.value, objOfOnly([
+        onStrictHandler('onReceive'),
+        defaulted$1('schema', anyValue$1())
+      ])))];
+
+    var Receiving = create$1({
+      fields: ReceivingSchema,
+      name: 'receiving',
+      active: ActiveReceiving
+    });
+
+    var SetupBehaviourCellState = function (initialState) {
+      var init = function () {
+        var cell = Cell(initialState);
+        var get = function () {
+          return cell.get();
+        };
+        var set = function (newState) {
+          return cell.set(newState);
+        };
+        var clear = function () {
+          return cell.set(initialState);
+        };
+        var readState = function () {
+          return cell.get();
+        };
+        return {
+          get: get,
+          set: set,
+          clear: clear,
+          readState: readState
+        };
+      };
+      return { init: init };
+    };
+
+    var updateAriaState = function (component, toggleConfig, toggleState) {
+      var ariaInfo = toggleConfig.aria;
+      ariaInfo.update(component, ariaInfo, toggleState.get());
+    };
+    var updateClass = function (component, toggleConfig, toggleState) {
+      toggleConfig.toggleClass.each(function (toggleClass) {
+        if (toggleState.get()) {
+          add$2(component.element, toggleClass);
+        } else {
+          remove$4(component.element, toggleClass);
+        }
+      });
+    };
+    var toggle = function (component, toggleConfig, toggleState) {
+      set$2(component, toggleConfig, toggleState, !toggleState.get());
+    };
+    var on = function (component, toggleConfig, toggleState) {
+      toggleState.set(true);
+      updateClass(component, toggleConfig, toggleState);
+      updateAriaState(component, toggleConfig, toggleState);
+    };
+    var off = function (component, toggleConfig, toggleState) {
+      toggleState.set(false);
+      updateClass(component, toggleConfig, toggleState);
+      updateAriaState(component, toggleConfig, toggleState);
+    };
+    var set$2 = function (component, toggleConfig, toggleState, state) {
+      var action = state ? on : off;
+      action(component, toggleConfig, toggleState);
+    };
+    var isOn = function (component, toggleConfig, toggleState) {
+      return toggleState.get();
+    };
+    var onLoad = function (component, toggleConfig, toggleState) {
+      set$2(component, toggleConfig, toggleState, toggleConfig.selected);
+    };
+
+    var ToggleApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        onLoad: onLoad,
+        toggle: toggle,
+        isOn: isOn,
+        on: on,
+        off: off,
+        set: set$2
+    });
+
+    var exhibit = function () {
+      return nu$5({});
+    };
+    var events$1 = function (toggleConfig, toggleState) {
+      var execute = executeEvent(toggleConfig, toggleState, toggle);
+      var load = loadEvent(toggleConfig, toggleState, onLoad);
+      return derive(flatten([
+        toggleConfig.toggleOnExecute ? [execute] : [],
+        [load]
+      ]));
+    };
+
+    var ActiveToggle = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit,
+        events: events$1
+    });
+
+    var updatePressed = function (component, ariaInfo, status) {
+      set(component.element, 'aria-pressed', status);
+      if (ariaInfo.syncWithExpanded) {
+        updateExpanded(component, ariaInfo, status);
+      }
+    };
+    var updateSelected = function (component, ariaInfo, status) {
+      set(component.element, 'aria-selected', status);
+    };
+    var updateChecked = function (component, ariaInfo, status) {
+      set(component.element, 'aria-checked', status);
+    };
+    var updateExpanded = function (component, ariaInfo, status) {
+      set(component.element, 'aria-expanded', status);
+    };
+
+    var ToggleSchema = [
+      defaulted$1('selected', false),
+      option('toggleClass'),
+      defaulted$1('toggleOnExecute', true),
+      defaultedOf('aria', { mode: 'none' }, choose$1('mode', {
+        pressed: [
+          defaulted$1('syncWithExpanded', false),
+          output('update', updatePressed)
+        ],
+        checked: [output('update', updateChecked)],
+        expanded: [output('update', updateExpanded)],
+        selected: [output('update', updateSelected)],
+        none: [output('update', noop)]
+      }))
+    ];
+
+    var Toggling = create$1({
+      fields: ToggleSchema,
+      name: 'toggling',
+      active: ActiveToggle,
+      apis: ToggleApis,
+      state: SetupBehaviourCellState(false)
+    });
+
+    var format = function (command, update) {
+      return Receiving.config({
+        channels: wrap$1(formatChanged, {
+          onReceive: function (button, data) {
+            if (data.command === command) {
+              update(button, data.state);
+            }
+          }
+        })
+      });
+    };
+    var orientation = function (onReceive) {
+      return Receiving.config({ channels: wrap$1(orientationChanged, { onReceive: onReceive }) });
+    };
+    var receive$1 = function (channel, onReceive) {
+      return {
+        key: channel,
+        value: { onReceive: onReceive }
+      };
+    };
+
+    var prefix = 'tinymce-mobile';
+    var resolve = function (p) {
+      return prefix + '-' + p;
+    };
+
+    var pointerEvents = function () {
+      var onClick = function (component, simulatedEvent) {
+        simulatedEvent.stop();
+        emitExecute(component);
+      };
+      return [
+        run(click(), onClick),
+        run(tap(), onClick),
+        cutter(touchstart()),
+        cutter(mousedown())
+      ];
+    };
+    var events$2 = function (optAction) {
+      var executeHandler = function (action) {
+        return runOnExecute(function (component, simulatedEvent) {
+          action(component);
+          simulatedEvent.stop();
+        });
+      };
+      return derive(flatten([
+        optAction.map(executeHandler).toArray(),
+        pointerEvents()
+      ]));
+    };
+
+    var focus$2 = function (component, focusConfig) {
+      if (!focusConfig.ignore) {
+        focus$1(component.element);
+        focusConfig.onFocus(component);
+      }
+    };
+    var blur$1 = function (component, focusConfig) {
+      if (!focusConfig.ignore) {
+        blur(component.element);
+      }
+    };
+    var isFocused = function (component) {
+      return hasFocus(component.element);
+    };
+
+    var FocusApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        focus: focus$2,
+        blur: blur$1,
+        isFocused: isFocused
+    });
+
+    var exhibit$1 = function (base, focusConfig) {
+      var mod = focusConfig.ignore ? {} : { attributes: { tabindex: '-1' } };
+      return nu$5(mod);
+    };
+    var events$3 = function (focusConfig) {
+      return derive([run(focus(), function (component, simulatedEvent) {
+          focus$2(component, focusConfig);
+          simulatedEvent.stop();
+        })].concat(focusConfig.stopMousedown ? [run(mousedown(), function (_, simulatedEvent) {
+          simulatedEvent.event.prevent();
+        })] : []));
+    };
+
+    var ActiveFocus = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$1,
+        events: events$3
+    });
+
+    var FocusSchema = [
+      onHandler('onFocus'),
+      defaulted$1('stopMousedown', false),
+      defaulted$1('ignore', false)
+    ];
+
+    var Focusing = create$1({
+      fields: FocusSchema,
+      name: 'focusing',
+      active: ActiveFocus,
+      apis: FocusApis
+    });
+
+    var isSupported$1 = function (dom) {
+      return dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+    };
+
+    var internalSet = function (dom, property, value) {
+      if (!isString(value)) {
+        console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+        throw new Error('CSS value must be a string: ' + value);
+      }
+      if (isSupported$1(dom)) {
+        dom.style.setProperty(property, value);
+      }
+    };
+    var internalRemove = function (dom, property) {
+      if (isSupported$1(dom)) {
+        dom.style.removeProperty(property);
+      }
+    };
+    var set$3 = function (element, property, value) {
+      var dom = element.dom;
+      internalSet(dom, property, value);
+    };
+    var setAll$1 = function (element, css) {
+      var dom = element.dom;
+      each$1(css, function (v, k) {
+        internalSet(dom, k, v);
+      });
+    };
+    var get$5 = function (element, property) {
+      var dom = element.dom;
+      var styles = window.getComputedStyle(dom);
+      var r = styles.getPropertyValue(property);
+      return r === '' && !inBody(element) ? getUnsafeProperty(dom, property) : r;
+    };
+    var getUnsafeProperty = function (dom, property) {
+      return isSupported$1(dom) ? dom.style.getPropertyValue(property) : '';
+    };
+    var getRaw = function (element, property) {
+      var dom = element.dom;
+      var raw = getUnsafeProperty(dom, property);
+      return Optional.from(raw).filter(function (r) {
+        return r.length > 0;
+      });
+    };
+    var remove$5 = function (element, property) {
+      var dom = element.dom;
+      internalRemove(dom, property);
+      if (getOpt(element, 'style').map(trim).is('')) {
+        remove$1(element, 'style');
+      }
+    };
+    var reflow = function (e) {
+      return e.dom.offsetWidth;
+    };
+
+    function Dimension (name, getOffset) {
+      var set = function (element, h) {
+        if (!isNumber(h) && !h.match(/^[0-9]+$/)) {
+          throw new Error(name + '.set accepts only positive integer values. Value was ' + h);
+        }
+        var dom = element.dom;
+        if (isSupported$1(dom)) {
+          dom.style[name] = h + 'px';
+        }
+      };
+      var get = function (element) {
+        var r = getOffset(element);
+        if (r <= 0 || r === null) {
+          var css = get$5(element, name);
+          return parseFloat(css) || 0;
+        }
+        return r;
+      };
+      var getOuter = get;
+      var aggregate = function (element, properties) {
+        return foldl(properties, function (acc, property) {
+          var val = get$5(element, property);
+          var value = val === undefined ? 0 : parseInt(val, 10);
+          return isNaN(value) ? acc : acc + value;
+        }, 0);
+      };
+      var max = function (element, value, properties) {
+        var cumulativeInclusions = aggregate(element, properties);
+        var absoluteMax = value > cumulativeInclusions ? value - cumulativeInclusions : 0;
+        return absoluteMax;
+      };
+      return {
+        set: set,
+        get: get,
+        getOuter: getOuter,
+        aggregate: aggregate,
+        max: max
+      };
+    }
+
+    var api = Dimension('height', function (element) {
+      var dom = element.dom;
+      return inBody(element) ? dom.getBoundingClientRect().height : dom.offsetHeight;
+    });
+    var get$6 = function (element) {
+      return api.get(element);
+    };
+
+    var ancestors = function (scope, predicate, isRoot) {
+      return filter(parents(scope, isRoot), predicate);
+    };
+    var siblings$1 = function (scope, predicate) {
+      return filter(siblings(scope), predicate);
+    };
+
+    var all$2 = function (selector) {
+      return all(selector);
+    };
+    var ancestors$1 = function (scope, selector, isRoot) {
+      return ancestors(scope, function (e) {
+        return is(e, selector);
+      }, isRoot);
+    };
+    var siblings$2 = function (scope, selector) {
+      return siblings$1(scope, function (e) {
+        return is(e, selector);
+      });
+    };
+    var descendants = function (scope, selector) {
+      return all(selector, scope);
+    };
+
+    function ClosestOrAncestor (is, ancestor, scope, a, isRoot) {
+      if (is(scope, a)) {
+        return Optional.some(scope);
+      } else if (isFunction(isRoot) && isRoot(scope)) {
+        return Optional.none();
+      } else {
+        return ancestor(scope, a, isRoot);
+      }
+    }
+
+    var ancestor$1 = function (scope, predicate, isRoot) {
+      var element = scope.dom;
+      var stop = isFunction(isRoot) ? isRoot : never;
+      while (element.parentNode) {
+        element = element.parentNode;
+        var el = SugarElement.fromDom(element);
+        if (predicate(el)) {
+          return Optional.some(el);
+        } else if (stop(el)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var closest$1 = function (scope, predicate, isRoot) {
+      var is = function (s, test) {
+        return test(s);
+      };
+      return ClosestOrAncestor(is, ancestor$1, scope, predicate, isRoot);
+    };
+    var descendant = function (scope, predicate) {
+      var descend = function (node) {
+        for (var i = 0; i < node.childNodes.length; i++) {
+          var child_1 = SugarElement.fromDom(node.childNodes[i]);
+          if (predicate(child_1)) {
+            return Optional.some(child_1);
+          }
+          var res = descend(node.childNodes[i]);
+          if (res.isSome()) {
+            return res;
+          }
+        }
+        return Optional.none();
+      };
+      return descend(scope.dom);
+    };
+
+    var first = function (selector) {
+      return one(selector);
+    };
+    var ancestor$2 = function (scope, selector, isRoot) {
+      return ancestor$1(scope, function (e) {
+        return is(e, selector);
+      }, isRoot);
+    };
+    var descendant$1 = function (scope, selector) {
+      return one(selector, scope);
+    };
+    var closest$2 = function (scope, selector, isRoot) {
+      var is$1 = function (element, selector) {
+        return is(element, selector);
+      };
+      return ClosestOrAncestor(is$1, ancestor$2, scope, selector, isRoot);
+    };
+
+    var BACKSPACE = [8];
+    var TAB = [9];
+    var ENTER = [13];
+    var ESCAPE = [27];
+    var SPACE = [32];
+    var LEFT = [37];
+    var UP = [38];
+    var RIGHT = [39];
+    var DOWN = [40];
+
+    var cyclePrev = function (values, index, predicate) {
+      var before = reverse(values.slice(0, index));
+      var after = reverse(values.slice(index + 1));
+      return find(before.concat(after), predicate);
+    };
+    var tryPrev = function (values, index, predicate) {
+      var before = reverse(values.slice(0, index));
+      return find(before, predicate);
+    };
+    var cycleNext = function (values, index, predicate) {
+      var before = values.slice(0, index);
+      var after = values.slice(index + 1);
+      return find(after.concat(before), predicate);
+    };
+    var tryNext = function (values, index, predicate) {
+      var after = values.slice(index + 1);
+      return find(after, predicate);
+    };
+
+    var inSet = function (keys) {
+      return function (event) {
+        var raw = event.raw;
+        return contains(keys, raw.which);
+      };
+    };
+    var and = function (preds) {
+      return function (event) {
+        return forall(preds, function (pred) {
+          return pred(event);
+        });
+      };
+    };
+    var isShift = function (event) {
+      var raw = event.raw;
+      return raw.shiftKey === true;
+    };
+    var isControl = function (event) {
+      var raw = event.raw;
+      return raw.ctrlKey === true;
+    };
+    var isNotShift = not(isShift);
+
+    var rule = function (matches, action) {
+      return {
+        matches: matches,
+        classification: action
+      };
+    };
+    var choose$2 = function (transitions, event) {
+      var transition = find(transitions, function (t) {
+        return t.matches(event);
+      });
+      return transition.map(function (t) {
+        return t.classification;
+      });
+    };
+
+    var cycleBy = function (value, delta, min, max) {
+      var r = value + delta;
+      if (r > max) {
+        return min;
+      } else if (r < min) {
+        return max;
+      } else {
+        return r;
+      }
+    };
+    var clamp = function (value, min, max) {
+      return Math.min(Math.max(value, min), max);
+    };
+
+    var cat = function (arr) {
+      var r = [];
+      var push = function (x) {
+        r.push(x);
+      };
+      for (var i = 0; i < arr.length; i++) {
+        arr[i].each(push);
+      }
+      return r;
+    };
+    var sequence = function (arr) {
+      var r = [];
+      for (var i = 0; i < arr.length; i++) {
+        var x = arr[i];
+        if (x.isSome()) {
+          r.push(x.getOrDie());
+        } else {
+          return Optional.none();
+        }
+      }
+      return Optional.some(r);
+    };
+    var someIf = function (b, a) {
+      return b ? Optional.some(a) : Optional.none();
+    };
+
+    var dehighlightAllExcept = function (component, hConfig, hState, skip) {
+      var highlighted = descendants(component.element, '.' + hConfig.highlightClass);
+      each(highlighted, function (h) {
+        if (!exists(skip, function (skipComp) {
+            return skipComp.element === h;
+          })) {
+          remove$4(h, hConfig.highlightClass);
+          component.getSystem().getByDom(h).each(function (target) {
+            hConfig.onDehighlight(component, target);
+            emit(target, dehighlight());
+          });
+        }
+      });
+    };
+    var dehighlightAll = function (component, hConfig, hState) {
+      return dehighlightAllExcept(component, hConfig, hState, []);
+    };
+    var dehighlight$1 = function (component, hConfig, hState, target) {
+      if (isHighlighted(component, hConfig, hState, target)) {
+        remove$4(target.element, hConfig.highlightClass);
+        hConfig.onDehighlight(component, target);
+        emit(target, dehighlight());
+      }
+    };
+    var highlight$1 = function (component, hConfig, hState, target) {
+      dehighlightAllExcept(component, hConfig, hState, [target]);
+      if (!isHighlighted(component, hConfig, hState, target)) {
+        add$2(target.element, hConfig.highlightClass);
+        hConfig.onHighlight(component, target);
+        emit(target, highlight());
+      }
+    };
+    var highlightFirst = function (component, hConfig, hState) {
+      getFirst(component, hConfig).each(function (firstComp) {
+        highlight$1(component, hConfig, hState, firstComp);
+      });
+    };
+    var highlightLast = function (component, hConfig, hState) {
+      getLast(component, hConfig).each(function (lastComp) {
+        highlight$1(component, hConfig, hState, lastComp);
+      });
+    };
+    var highlightAt = function (component, hConfig, hState, index) {
+      getByIndex(component, hConfig, hState, index).fold(function (err) {
+        throw new Error(err);
+      }, function (firstComp) {
+        highlight$1(component, hConfig, hState, firstComp);
+      });
+    };
+    var highlightBy = function (component, hConfig, hState, predicate) {
+      var candidates = getCandidates(component, hConfig);
+      var targetComp = find(candidates, predicate);
+      targetComp.each(function (c) {
+        highlight$1(component, hConfig, hState, c);
+      });
+    };
+    var isHighlighted = function (component, hConfig, hState, queryTarget) {
+      return has$2(queryTarget.element, hConfig.highlightClass);
+    };
+    var getHighlighted = function (component, hConfig, _hState) {
+      return descendant$1(component.element, '.' + hConfig.highlightClass).bind(function (e) {
+        return component.getSystem().getByDom(e).toOptional();
+      });
+    };
+    var getByIndex = function (component, hConfig, hState, index) {
+      var items = descendants(component.element, '.' + hConfig.itemClass);
+      return Optional.from(items[index]).fold(function () {
+        return Result.error('No element found with index ' + index);
+      }, component.getSystem().getByDom);
+    };
+    var getFirst = function (component, hConfig, _hState) {
+      return descendant$1(component.element, '.' + hConfig.itemClass).bind(function (e) {
+        return component.getSystem().getByDom(e).toOptional();
+      });
+    };
+    var getLast = function (component, hConfig, _hState) {
+      var items = descendants(component.element, '.' + hConfig.itemClass);
+      var last = items.length > 0 ? Optional.some(items[items.length - 1]) : Optional.none();
+      return last.bind(function (c) {
+        return component.getSystem().getByDom(c).toOptional();
+      });
+    };
+    var getDelta = function (component, hConfig, hState, delta) {
+      var items = descendants(component.element, '.' + hConfig.itemClass);
+      var current = findIndex(items, function (item) {
+        return has$2(item, hConfig.highlightClass);
+      });
+      return current.bind(function (selected) {
+        var dest = cycleBy(selected, delta, 0, items.length - 1);
+        return component.getSystem().getByDom(items[dest]).toOptional();
+      });
+    };
+    var getPrevious = function (component, hConfig, hState) {
+      return getDelta(component, hConfig, hState, -1);
+    };
+    var getNext = function (component, hConfig, hState) {
+      return getDelta(component, hConfig, hState, +1);
+    };
+    var getCandidates = function (component, hConfig, _hState) {
+      var items = descendants(component.element, '.' + hConfig.itemClass);
+      return cat(map(items, function (i) {
+        return component.getSystem().getByDom(i).toOptional();
+      }));
+    };
+
+    var HighlightApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        dehighlightAll: dehighlightAll,
+        dehighlight: dehighlight$1,
+        highlight: highlight$1,
+        highlightFirst: highlightFirst,
+        highlightLast: highlightLast,
+        highlightAt: highlightAt,
+        highlightBy: highlightBy,
+        isHighlighted: isHighlighted,
+        getHighlighted: getHighlighted,
+        getFirst: getFirst,
+        getLast: getLast,
+        getPrevious: getPrevious,
+        getNext: getNext,
+        getCandidates: getCandidates
+    });
+
+    var HighlightSchema = [
+      strict$1('highlightClass'),
+      strict$1('itemClass'),
+      onHandler('onHighlight'),
+      onHandler('onDehighlight')
+    ];
+
+    var Highlighting = create$1({
+      fields: HighlightSchema,
+      name: 'highlighting',
+      apis: HighlightApis
+    });
+
+    var reportFocusShifting = function (component, prevFocus, newFocus) {
+      var noChange = prevFocus.exists(function (p) {
+        return newFocus.exists(function (n) {
+          return eq(n, p);
+        });
+      });
+      if (!noChange) {
+        emitWith(component, focusShifted(), {
+          prevFocus: prevFocus,
+          newFocus: newFocus
+        });
+      }
+    };
+    var dom = function () {
+      var get = function (component) {
+        return search(component.element);
+      };
+      var set = function (component, focusee) {
+        var prevFocus = get(component);
+        component.getSystem().triggerFocus(focusee, component.element);
+        var newFocus = get(component);
+        reportFocusShifting(component, prevFocus, newFocus);
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+    var highlights = function () {
+      var get = function (component) {
+        return Highlighting.getHighlighted(component).map(function (item) {
+          return item.element;
+        });
+      };
+      var set = function (component, element) {
+        var prevFocus = get(component);
+        component.getSystem().getByDom(element).fold(noop, function (item) {
+          Highlighting.highlight(component, item);
+        });
+        var newFocus = get(component);
+        reportFocusShifting(component, prevFocus, newFocus);
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var FocusInsideModes;
+    (function (FocusInsideModes) {
+      FocusInsideModes['OnFocusMode'] = 'onFocus';
+      FocusInsideModes['OnEnterOrSpaceMode'] = 'onEnterOrSpace';
+      FocusInsideModes['OnApiMode'] = 'onApi';
+    }(FocusInsideModes || (FocusInsideModes = {})));
+
+    var typical = function (infoSchema, stateInit, getKeydownRules, getKeyupRules, optFocusIn) {
+      var schema = function () {
+        return infoSchema.concat([
+          defaulted$1('focusManager', dom()),
+          defaultedOf('focusInside', 'onFocus', valueOf(function (val) {
+            return contains([
+              'onFocus',
+              'onEnterOrSpace',
+              'onApi'
+            ], val) ? Result.value(val) : Result.error('Invalid value for focusInside');
+          })),
+          output('handler', me),
+          output('state', stateInit),
+          output('sendFocusIn', optFocusIn)
+        ]);
+      };
+      var processKey = function (component, simulatedEvent, getRules, keyingConfig, keyingState) {
+        var rules = getRules(component, simulatedEvent, keyingConfig, keyingState);
+        return choose$2(rules, simulatedEvent.event).bind(function (rule) {
+          return rule(component, simulatedEvent, keyingConfig, keyingState);
+        });
+      };
+      var toEvents = function (keyingConfig, keyingState) {
+        var onFocusHandler = keyingConfig.focusInside !== FocusInsideModes.OnFocusMode ? Optional.none() : optFocusIn(keyingConfig).map(function (focusIn) {
+          return run(focus(), function (component, simulatedEvent) {
+            focusIn(component, keyingConfig, keyingState);
+            simulatedEvent.stop();
+          });
+        });
+        var tryGoInsideComponent = function (component, simulatedEvent) {
+          var isEnterOrSpace = inSet(SPACE.concat(ENTER))(simulatedEvent.event);
+          if (keyingConfig.focusInside === FocusInsideModes.OnEnterOrSpaceMode && isEnterOrSpace && isSource(component, simulatedEvent)) {
+            optFocusIn(keyingConfig).each(function (focusIn) {
+              focusIn(component, keyingConfig, keyingState);
+              simulatedEvent.stop();
+            });
+          }
+        };
+        var keyboardEvents = [
+          run(keydown(), function (component, simulatedEvent) {
+            processKey(component, simulatedEvent, getKeydownRules, keyingConfig, keyingState).fold(function () {
+              tryGoInsideComponent(component, simulatedEvent);
+            }, function (_) {
+              simulatedEvent.stop();
+            });
+          }),
+          run(keyup(), function (component, simulatedEvent) {
+            processKey(component, simulatedEvent, getKeyupRules, keyingConfig, keyingState).each(function (_) {
+              simulatedEvent.stop();
+            });
+          })
+        ];
+        return derive(onFocusHandler.toArray().concat(keyboardEvents));
+      };
+      var me = {
+        schema: schema,
+        processKey: processKey,
+        toEvents: toEvents
+      };
+      return me;
+    };
+
+    var create$2 = function (cyclicField) {
+      var schema = [
+        option('onEscape'),
+        option('onEnter'),
+        defaulted$1('selector', '[data-alloy-tabstop="true"]:not(:disabled)'),
+        defaulted$1('firstTabstop', 0),
+        defaulted$1('useTabstopAt', always),
+        option('visibilitySelector')
+      ].concat([cyclicField]);
+      var isVisible = function (tabbingConfig, element) {
+        var target = tabbingConfig.visibilitySelector.bind(function (sel) {
+          return closest$2(element, sel);
+        }).getOr(element);
+        return get$6(target) > 0;
+      };
+      var findInitial = function (component, tabbingConfig) {
+        var tabstops = descendants(component.element, tabbingConfig.selector);
+        var visibles = filter(tabstops, function (elem) {
+          return isVisible(tabbingConfig, elem);
+        });
+        return Optional.from(visibles[tabbingConfig.firstTabstop]);
+      };
+      var findCurrent = function (component, tabbingConfig) {
+        return tabbingConfig.focusManager.get(component).bind(function (elem) {
+          return closest$2(elem, tabbingConfig.selector);
+        });
+      };
+      var isTabstop = function (tabbingConfig, element) {
+        return isVisible(tabbingConfig, element) && tabbingConfig.useTabstopAt(element);
+      };
+      var focusIn = function (component, tabbingConfig, _tabbingState) {
+        findInitial(component, tabbingConfig).each(function (target) {
+          tabbingConfig.focusManager.set(component, target);
+        });
+      };
+      var goFromTabstop = function (component, tabstops, stopIndex, tabbingConfig, cycle) {
+        return cycle(tabstops, stopIndex, function (elem) {
+          return isTabstop(tabbingConfig, elem);
+        }).fold(function () {
+          return tabbingConfig.cyclic ? Optional.some(true) : Optional.none();
+        }, function (target) {
+          tabbingConfig.focusManager.set(component, target);
+          return Optional.some(true);
+        });
+      };
+      var go = function (component, _simulatedEvent, tabbingConfig, cycle) {
+        var tabstops = descendants(component.element, tabbingConfig.selector);
+        return findCurrent(component, tabbingConfig).bind(function (tabstop) {
+          var optStopIndex = findIndex(tabstops, curry(eq, tabstop));
+          return optStopIndex.bind(function (stopIndex) {
+            return goFromTabstop(component, tabstops, stopIndex, tabbingConfig, cycle);
+          });
+        });
+      };
+      var goBackwards = function (component, simulatedEvent, tabbingConfig) {
+        var navigate = tabbingConfig.cyclic ? cyclePrev : tryPrev;
+        return go(component, simulatedEvent, tabbingConfig, navigate);
+      };
+      var goForwards = function (component, simulatedEvent, tabbingConfig) {
+        var navigate = tabbingConfig.cyclic ? cycleNext : tryNext;
+        return go(component, simulatedEvent, tabbingConfig, navigate);
+      };
+      var execute = function (component, simulatedEvent, tabbingConfig) {
+        return tabbingConfig.onEnter.bind(function (f) {
+          return f(component, simulatedEvent);
+        });
+      };
+      var exit = function (component, simulatedEvent, tabbingConfig) {
+        return tabbingConfig.onEscape.bind(function (f) {
+          return f(component, simulatedEvent);
+        });
+      };
+      var getKeydownRules = constant([
+        rule(and([
+          isShift,
+          inSet(TAB)
+        ]), goBackwards),
+        rule(inSet(TAB), goForwards),
+        rule(inSet(ESCAPE), exit),
+        rule(and([
+          isNotShift,
+          inSet(ENTER)
+        ]), execute)
+      ]);
+      var getKeyupRules = constant([]);
+      return typical(schema, NoState.init, getKeydownRules, getKeyupRules, function () {
+        return Optional.some(focusIn);
+      });
+    };
+
+    var AcyclicType = create$2(state$1('cyclic', never));
+
+    var CyclicType = create$2(state$1('cyclic', always));
+
+    var inside = function (target) {
+      return name(target) === 'input' && get$2(target, 'type') !== 'radio' || name(target) === 'textarea';
+    };
+
+    var doDefaultExecute = function (component, _simulatedEvent, focused) {
+      dispatch(component, focused, execute());
+      return Optional.some(true);
+    };
+    var defaultExecute = function (component, simulatedEvent, focused) {
+      var isComplex = inside(focused) && inSet(SPACE)(simulatedEvent.event);
+      return isComplex ? Optional.none() : doDefaultExecute(component, simulatedEvent, focused);
+    };
+    var stopEventForFirefox = function (_component, _simulatedEvent) {
+      return Optional.some(true);
+    };
+
+    var schema$1 = [
+      defaulted$1('execute', defaultExecute),
+      defaulted$1('useSpace', false),
+      defaulted$1('useEnter', true),
+      defaulted$1('useControlEnter', false),
+      defaulted$1('useDown', false)
+    ];
+    var execute$1 = function (component, simulatedEvent, executeConfig) {
+      return executeConfig.execute(component, simulatedEvent, component.element);
+    };
+    var getKeydownRules = function (component, _simulatedEvent, executeConfig, _executeState) {
+      var spaceExec = executeConfig.useSpace && !inside(component.element) ? SPACE : [];
+      var enterExec = executeConfig.useEnter ? ENTER : [];
+      var downExec = executeConfig.useDown ? DOWN : [];
+      var execKeys = spaceExec.concat(enterExec).concat(downExec);
+      return [rule(inSet(execKeys), execute$1)].concat(executeConfig.useControlEnter ? [rule(and([
+          isControl,
+          inSet(ENTER)
+        ]), execute$1)] : []);
+    };
+    var getKeyupRules = function (component, _simulatedEvent, executeConfig, _executeState) {
+      return executeConfig.useSpace && !inside(component.element) ? [rule(inSet(SPACE), stopEventForFirefox)] : [];
+    };
+    var ExecutionType = typical(schema$1, NoState.init, getKeydownRules, getKeyupRules, function () {
+      return Optional.none();
+    });
+
+    var flatgrid = function () {
+      var dimensions = Cell(Optional.none());
+      var setGridSize = function (numRows, numColumns) {
+        dimensions.set(Optional.some({
+          numRows: numRows,
+          numColumns: numColumns
+        }));
+      };
+      var getNumRows = function () {
+        return dimensions.get().map(function (d) {
+          return d.numRows;
+        });
+      };
+      var getNumColumns = function () {
+        return dimensions.get().map(function (d) {
+          return d.numColumns;
+        });
+      };
+      return nu$6({
+        readState: function () {
+          return dimensions.get().map(function (d) {
+            return {
+              numRows: String(d.numRows),
+              numColumns: String(d.numColumns)
+            };
+          }).getOr({
+            numRows: '?',
+            numColumns: '?'
+          });
+        },
+        setGridSize: setGridSize,
+        getNumRows: getNumRows,
+        getNumColumns: getNumColumns
+      });
+    };
+    var init = function (spec) {
+      return spec.state(spec);
+    };
+
+    var KeyingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        flatgrid: flatgrid,
+        init: init
+    });
+
+    var onDirection = function (isLtr, isRtl) {
+      return function (element) {
+        return getDirection(element) === 'rtl' ? isRtl : isLtr;
+      };
+    };
+    var getDirection = function (element) {
+      return get$5(element, 'direction') === 'rtl' ? 'rtl' : 'ltr';
+    };
+
+    var useH = function (movement) {
+      return function (component, simulatedEvent, config, state) {
+        var move = movement(component.element);
+        return use(move, component, simulatedEvent, config, state);
+      };
+    };
+    var west = function (moveLeft, moveRight) {
+      var movement = onDirection(moveLeft, moveRight);
+      return useH(movement);
+    };
+    var east = function (moveLeft, moveRight) {
+      var movement = onDirection(moveRight, moveLeft);
+      return useH(movement);
+    };
+    var useV = function (move) {
+      return function (component, simulatedEvent, config, state) {
+        return use(move, component, simulatedEvent, config, state);
+      };
+    };
+    var use = function (move, component, simulatedEvent, config, state) {
+      var outcome = config.focusManager.get(component).bind(function (focused) {
+        return move(component.element, focused, config, state);
+      });
+      return outcome.map(function (newFocus) {
+        config.focusManager.set(component, newFocus);
+        return true;
+      });
+    };
+    var north = useV;
+    var south = useV;
+    var move = useV;
+
+    var isHidden = function (dom) {
+      return dom.offsetWidth <= 0 && dom.offsetHeight <= 0;
+    };
+    var isVisible = function (element) {
+      return !isHidden(element.dom);
+    };
+
+    var locate = function (candidates, predicate) {
+      return findIndex(candidates, predicate).map(function (index) {
+        return {
+          index: index,
+          candidates: candidates
+        };
+      });
+    };
+
+    var locateVisible = function (container, current, selector) {
+      var predicate = function (x) {
+        return eq(x, current);
+      };
+      var candidates = descendants(container, selector);
+      var visible = filter(candidates, isVisible);
+      return locate(visible, predicate);
+    };
+    var findIndex$1 = function (elements, target) {
+      return findIndex(elements, function (elem) {
+        return eq(target, elem);
+      });
+    };
+
+    var withGrid = function (values, index, numCols, f) {
+      var oldRow = Math.floor(index / numCols);
+      var oldColumn = index % numCols;
+      return f(oldRow, oldColumn).bind(function (address) {
+        var newIndex = address.row * numCols + address.column;
+        return newIndex >= 0 && newIndex < values.length ? Optional.some(values[newIndex]) : Optional.none();
+      });
+    };
+    var cycleHorizontal = function (values, index, numRows, numCols, delta) {
+      return withGrid(values, index, numCols, function (oldRow, oldColumn) {
+        var onLastRow = oldRow === numRows - 1;
+        var colsInRow = onLastRow ? values.length - oldRow * numCols : numCols;
+        var newColumn = cycleBy(oldColumn, delta, 0, colsInRow - 1);
+        return Optional.some({
+          row: oldRow,
+          column: newColumn
+        });
+      });
+    };
+    var cycleVertical = function (values, index, numRows, numCols, delta) {
+      return withGrid(values, index, numCols, function (oldRow, oldColumn) {
+        var newRow = cycleBy(oldRow, delta, 0, numRows - 1);
+        var onLastRow = newRow === numRows - 1;
+        var colsInRow = onLastRow ? values.length - newRow * numCols : numCols;
+        var newCol = clamp(oldColumn, 0, colsInRow - 1);
+        return Optional.some({
+          row: newRow,
+          column: newCol
+        });
+      });
+    };
+    var cycleRight = function (values, index, numRows, numCols) {
+      return cycleHorizontal(values, index, numRows, numCols, +1);
+    };
+    var cycleLeft = function (values, index, numRows, numCols) {
+      return cycleHorizontal(values, index, numRows, numCols, -1);
+    };
+    var cycleUp = function (values, index, numRows, numCols) {
+      return cycleVertical(values, index, numRows, numCols, -1);
+    };
+    var cycleDown = function (values, index, numRows, numCols) {
+      return cycleVertical(values, index, numRows, numCols, +1);
+    };
+
+    var schema$2 = [
+      strict$1('selector'),
+      defaulted$1('execute', defaultExecute),
+      onKeyboardHandler('onEscape'),
+      defaulted$1('captureTab', false),
+      initSize()
+    ];
+    var focusIn = function (component, gridConfig, _gridState) {
+      descendant$1(component.element, gridConfig.selector).each(function (first) {
+        gridConfig.focusManager.set(component, first);
+      });
+    };
+    var findCurrent = function (component, gridConfig) {
+      return gridConfig.focusManager.get(component).bind(function (elem) {
+        return closest$2(elem, gridConfig.selector);
+      });
+    };
+    var execute$2 = function (component, simulatedEvent, gridConfig, _gridState) {
+      return findCurrent(component, gridConfig).bind(function (focused) {
+        return gridConfig.execute(component, simulatedEvent, focused);
+      });
+    };
+    var doMove = function (cycle) {
+      return function (element, focused, gridConfig, gridState) {
+        return locateVisible(element, focused, gridConfig.selector).bind(function (identified) {
+          return cycle(identified.candidates, identified.index, gridState.getNumRows().getOr(gridConfig.initSize.numRows), gridState.getNumColumns().getOr(gridConfig.initSize.numColumns));
+        });
+      };
+    };
+    var handleTab = function (_component, _simulatedEvent, gridConfig) {
+      return gridConfig.captureTab ? Optional.some(true) : Optional.none();
+    };
+    var doEscape = function (component, simulatedEvent, gridConfig) {
+      return gridConfig.onEscape(component, simulatedEvent);
+    };
+    var moveLeft = doMove(cycleLeft);
+    var moveRight = doMove(cycleRight);
+    var moveNorth = doMove(cycleUp);
+    var moveSouth = doMove(cycleDown);
+    var getKeydownRules$1 = constant([
+      rule(inSet(LEFT), west(moveLeft, moveRight)),
+      rule(inSet(RIGHT), east(moveLeft, moveRight)),
+      rule(inSet(UP), north(moveNorth)),
+      rule(inSet(DOWN), south(moveSouth)),
+      rule(and([
+        isShift,
+        inSet(TAB)
+      ]), handleTab),
+      rule(and([
+        isNotShift,
+        inSet(TAB)
+      ]), handleTab),
+      rule(inSet(ESCAPE), doEscape),
+      rule(inSet(SPACE.concat(ENTER)), execute$2)
+    ]);
+    var getKeyupRules$1 = constant([rule(inSet(SPACE), stopEventForFirefox)]);
+    var FlatgridType = typical(schema$2, flatgrid, getKeydownRules$1, getKeyupRules$1, function () {
+      return Optional.some(focusIn);
+    });
+
+    var horizontal = function (container, selector, current, delta) {
+      var isDisabledButton = function (candidate) {
+        return name(candidate) === 'button' && get$2(candidate, 'disabled') === 'disabled';
+      };
+      var tryCycle = function (initial, index, candidates) {
+        var newIndex = cycleBy(index, delta, 0, candidates.length - 1);
+        if (newIndex === initial) {
+          return Optional.none();
+        } else {
+          return isDisabledButton(candidates[newIndex]) ? tryCycle(initial, newIndex, candidates) : Optional.from(candidates[newIndex]);
+        }
+      };
+      return locateVisible(container, current, selector).bind(function (identified) {
+        var index = identified.index;
+        var candidates = identified.candidates;
+        return tryCycle(index, index, candidates);
+      });
+    };
+
+    var schema$3 = [
+      strict$1('selector'),
+      defaulted$1('getInitial', Optional.none),
+      defaulted$1('execute', defaultExecute),
+      onKeyboardHandler('onEscape'),
+      defaulted$1('executeOnMove', false),
+      defaulted$1('allowVertical', true)
+    ];
+    var findCurrent$1 = function (component, flowConfig) {
+      return flowConfig.focusManager.get(component).bind(function (elem) {
+        return closest$2(elem, flowConfig.selector);
+      });
+    };
+    var execute$3 = function (component, simulatedEvent, flowConfig) {
+      return findCurrent$1(component, flowConfig).bind(function (focused) {
+        return flowConfig.execute(component, simulatedEvent, focused);
+      });
+    };
+    var focusIn$1 = function (component, flowConfig, _state) {
+      flowConfig.getInitial(component).orThunk(function () {
+        return descendant$1(component.element, flowConfig.selector);
+      }).each(function (first) {
+        flowConfig.focusManager.set(component, first);
+      });
+    };
+    var moveLeft$1 = function (element, focused, info) {
+      return horizontal(element, info.selector, focused, -1);
+    };
+    var moveRight$1 = function (element, focused, info) {
+      return horizontal(element, info.selector, focused, +1);
+    };
+    var doMove$1 = function (movement) {
+      return function (component, simulatedEvent, flowConfig, flowState) {
+        return movement(component, simulatedEvent, flowConfig, flowState).bind(function () {
+          return flowConfig.executeOnMove ? execute$3(component, simulatedEvent, flowConfig) : Optional.some(true);
+        });
+      };
+    };
+    var doEscape$1 = function (component, simulatedEvent, flowConfig) {
+      return flowConfig.onEscape(component, simulatedEvent);
+    };
+    var getKeydownRules$2 = function (_component, _se, flowConfig, _flowState) {
+      var westMovers = LEFT.concat(flowConfig.allowVertical ? UP : []);
+      var eastMovers = RIGHT.concat(flowConfig.allowVertical ? DOWN : []);
+      return [
+        rule(inSet(westMovers), doMove$1(west(moveLeft$1, moveRight$1))),
+        rule(inSet(eastMovers), doMove$1(east(moveLeft$1, moveRight$1))),
+        rule(inSet(ENTER), execute$3),
+        rule(inSet(SPACE), execute$3),
+        rule(inSet(ESCAPE), doEscape$1)
+      ];
+    };
+    var getKeyupRules$2 = constant([rule(inSet(SPACE), stopEventForFirefox)]);
+    var FlowType = typical(schema$3, NoState.init, getKeydownRules$2, getKeyupRules$2, function () {
+      return Optional.some(focusIn$1);
+    });
+
+    var toCell = function (matrix, rowIndex, columnIndex) {
+      return Optional.from(matrix[rowIndex]).bind(function (row) {
+        return Optional.from(row[columnIndex]).map(function (cell) {
+          return {
+            rowIndex: rowIndex,
+            columnIndex: columnIndex,
+            cell: cell
+          };
+        });
+      });
+    };
+    var cycleHorizontal$1 = function (matrix, rowIndex, startCol, deltaCol) {
+      var row = matrix[rowIndex];
+      var colsInRow = row.length;
+      var newColIndex = cycleBy(startCol, deltaCol, 0, colsInRow - 1);
+      return toCell(matrix, rowIndex, newColIndex);
+    };
+    var cycleVertical$1 = function (matrix, colIndex, startRow, deltaRow) {
+      var nextRowIndex = cycleBy(startRow, deltaRow, 0, matrix.length - 1);
+      var colsInNextRow = matrix[nextRowIndex].length;
+      var nextColIndex = clamp(colIndex, 0, colsInNextRow - 1);
+      return toCell(matrix, nextRowIndex, nextColIndex);
+    };
+    var moveHorizontal = function (matrix, rowIndex, startCol, deltaCol) {
+      var row = matrix[rowIndex];
+      var colsInRow = row.length;
+      var newColIndex = clamp(startCol + deltaCol, 0, colsInRow - 1);
+      return toCell(matrix, rowIndex, newColIndex);
+    };
+    var moveVertical = function (matrix, colIndex, startRow, deltaRow) {
+      var nextRowIndex = clamp(startRow + deltaRow, 0, matrix.length - 1);
+      var colsInNextRow = matrix[nextRowIndex].length;
+      var nextColIndex = clamp(colIndex, 0, colsInNextRow - 1);
+      return toCell(matrix, nextRowIndex, nextColIndex);
+    };
+    var cycleRight$1 = function (matrix, startRow, startCol) {
+      return cycleHorizontal$1(matrix, startRow, startCol, +1);
+    };
+    var cycleLeft$1 = function (matrix, startRow, startCol) {
+      return cycleHorizontal$1(matrix, startRow, startCol, -1);
+    };
+    var cycleUp$1 = function (matrix, startRow, startCol) {
+      return cycleVertical$1(matrix, startCol, startRow, -1);
+    };
+    var cycleDown$1 = function (matrix, startRow, startCol) {
+      return cycleVertical$1(matrix, startCol, startRow, +1);
+    };
+    var moveLeft$2 = function (matrix, startRow, startCol) {
+      return moveHorizontal(matrix, startRow, startCol, -1);
+    };
+    var moveRight$2 = function (matrix, startRow, startCol) {
+      return moveHorizontal(matrix, startRow, startCol, +1);
+    };
+    var moveUp = function (matrix, startRow, startCol) {
+      return moveVertical(matrix, startCol, startRow, -1);
+    };
+    var moveDown = function (matrix, startRow, startCol) {
+      return moveVertical(matrix, startCol, startRow, +1);
+    };
+
+    var schema$4 = [
+      strictObjOf('selectors', [
+        strict$1('row'),
+        strict$1('cell')
+      ]),
+      defaulted$1('cycles', true),
+      defaulted$1('previousSelector', Optional.none),
+      defaulted$1('execute', defaultExecute)
+    ];
+    var focusIn$2 = function (component, matrixConfig, _state) {
+      var focused = matrixConfig.previousSelector(component).orThunk(function () {
+        var selectors = matrixConfig.selectors;
+        return descendant$1(component.element, selectors.cell);
+      });
+      focused.each(function (cell) {
+        matrixConfig.focusManager.set(component, cell);
+      });
+    };
+    var execute$4 = function (component, simulatedEvent, matrixConfig) {
+      return search(component.element).bind(function (focused) {
+        return matrixConfig.execute(component, simulatedEvent, focused);
+      });
+    };
+    var toMatrix = function (rows, matrixConfig) {
+      return map(rows, function (row) {
+        return descendants(row, matrixConfig.selectors.cell);
+      });
+    };
+    var doMove$2 = function (ifCycle, ifMove) {
+      return function (element, focused, matrixConfig) {
+        var move = matrixConfig.cycles ? ifCycle : ifMove;
+        return closest$2(focused, matrixConfig.selectors.row).bind(function (inRow) {
+          var cellsInRow = descendants(inRow, matrixConfig.selectors.cell);
+          return findIndex$1(cellsInRow, focused).bind(function (colIndex) {
+            var allRows = descendants(element, matrixConfig.selectors.row);
+            return findIndex$1(allRows, inRow).bind(function (rowIndex) {
+              var matrix = toMatrix(allRows, matrixConfig);
+              return move(matrix, rowIndex, colIndex).map(function (next) {
+                return next.cell;
+              });
+            });
+          });
+        });
+      };
+    };
+    var moveLeft$3 = doMove$2(cycleLeft$1, moveLeft$2);
+    var moveRight$3 = doMove$2(cycleRight$1, moveRight$2);
+    var moveNorth$1 = doMove$2(cycleUp$1, moveUp);
+    var moveSouth$1 = doMove$2(cycleDown$1, moveDown);
+    var getKeydownRules$3 = constant([
+      rule(inSet(LEFT), west(moveLeft$3, moveRight$3)),
+      rule(inSet(RIGHT), east(moveLeft$3, moveRight$3)),
+      rule(inSet(UP), north(moveNorth$1)),
+      rule(inSet(DOWN), south(moveSouth$1)),
+      rule(inSet(SPACE.concat(ENTER)), execute$4)
+    ]);
+    var getKeyupRules$3 = constant([rule(inSet(SPACE), stopEventForFirefox)]);
+    var MatrixType = typical(schema$4, NoState.init, getKeydownRules$3, getKeyupRules$3, function () {
+      return Optional.some(focusIn$2);
+    });
+
+    var schema$5 = [
+      strict$1('selector'),
+      defaulted$1('execute', defaultExecute),
+      defaulted$1('moveOnTab', false)
+    ];
+    var execute$5 = function (component, simulatedEvent, menuConfig) {
+      return menuConfig.focusManager.get(component).bind(function (focused) {
+        return menuConfig.execute(component, simulatedEvent, focused);
+      });
+    };
+    var focusIn$3 = function (component, menuConfig, _state) {
+      descendant$1(component.element, menuConfig.selector).each(function (first) {
+        menuConfig.focusManager.set(component, first);
+      });
+    };
+    var moveUp$1 = function (element, focused, info) {
+      return horizontal(element, info.selector, focused, -1);
+    };
+    var moveDown$1 = function (element, focused, info) {
+      return horizontal(element, info.selector, focused, +1);
+    };
+    var fireShiftTab = function (component, simulatedEvent, menuConfig, menuState) {
+      return menuConfig.moveOnTab ? move(moveUp$1)(component, simulatedEvent, menuConfig, menuState) : Optional.none();
+    };
+    var fireTab = function (component, simulatedEvent, menuConfig, menuState) {
+      return menuConfig.moveOnTab ? move(moveDown$1)(component, simulatedEvent, menuConfig, menuState) : Optional.none();
+    };
+    var getKeydownRules$4 = constant([
+      rule(inSet(UP), move(moveUp$1)),
+      rule(inSet(DOWN), move(moveDown$1)),
+      rule(and([
+        isShift,
+        inSet(TAB)
+      ]), fireShiftTab),
+      rule(and([
+        isNotShift,
+        inSet(TAB)
+      ]), fireTab),
+      rule(inSet(ENTER), execute$5),
+      rule(inSet(SPACE), execute$5)
+    ]);
+    var getKeyupRules$4 = constant([rule(inSet(SPACE), stopEventForFirefox)]);
+    var MenuType = typical(schema$5, NoState.init, getKeydownRules$4, getKeyupRules$4, function () {
+      return Optional.some(focusIn$3);
+    });
+
+    var schema$6 = [
+      onKeyboardHandler('onSpace'),
+      onKeyboardHandler('onEnter'),
+      onKeyboardHandler('onShiftEnter'),
+      onKeyboardHandler('onLeft'),
+      onKeyboardHandler('onRight'),
+      onKeyboardHandler('onTab'),
+      onKeyboardHandler('onShiftTab'),
+      onKeyboardHandler('onUp'),
+      onKeyboardHandler('onDown'),
+      onKeyboardHandler('onEscape'),
+      defaulted$1('stopSpaceKeyup', false),
+      option('focusIn')
+    ];
+    var getKeydownRules$5 = function (component, simulatedEvent, specialInfo) {
+      return [
+        rule(inSet(SPACE), specialInfo.onSpace),
+        rule(and([
+          isNotShift,
+          inSet(ENTER)
+        ]), specialInfo.onEnter),
+        rule(and([
+          isShift,
+          inSet(ENTER)
+        ]), specialInfo.onShiftEnter),
+        rule(and([
+          isShift,
+          inSet(TAB)
+        ]), specialInfo.onShiftTab),
+        rule(and([
+          isNotShift,
+          inSet(TAB)
+        ]), specialInfo.onTab),
+        rule(inSet(UP), specialInfo.onUp),
+        rule(inSet(DOWN), specialInfo.onDown),
+        rule(inSet(LEFT), specialInfo.onLeft),
+        rule(inSet(RIGHT), specialInfo.onRight),
+        rule(inSet(SPACE), specialInfo.onSpace),
+        rule(inSet(ESCAPE), specialInfo.onEscape)
+      ];
+    };
+    var getKeyupRules$5 = function (component, simulatedEvent, specialInfo) {
+      return specialInfo.stopSpaceKeyup ? [rule(inSet(SPACE), stopEventForFirefox)] : [];
+    };
+    var SpecialType = typical(schema$6, NoState.init, getKeydownRules$5, getKeyupRules$5, function (specialInfo) {
+      return specialInfo.focusIn;
+    });
+
+    var acyclic = AcyclicType.schema();
+    var cyclic = CyclicType.schema();
+    var flow = FlowType.schema();
+    var flatgrid$1 = FlatgridType.schema();
+    var matrix = MatrixType.schema();
+    var execution = ExecutionType.schema();
+    var menu = MenuType.schema();
+    var special = SpecialType.schema();
+
+    var KeyboardBranches = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        acyclic: acyclic,
+        cyclic: cyclic,
+        flow: flow,
+        flatgrid: flatgrid$1,
+        matrix: matrix,
+        execution: execution,
+        menu: menu,
+        special: special
+    });
+
+    var isFlatgridState = function (keyState) {
+      return hasNonNullableKey(keyState, 'setGridSize');
+    };
+    var Keying = createModes$1({
+      branchKey: 'mode',
+      branches: KeyboardBranches,
+      name: 'keying',
+      active: {
+        events: function (keyingConfig, keyingState) {
+          var handler = keyingConfig.handler;
+          return handler.toEvents(keyingConfig, keyingState);
+        }
+      },
+      apis: {
+        focusIn: function (component, keyConfig, keyState) {
+          keyConfig.sendFocusIn(keyConfig).fold(function () {
+            component.getSystem().triggerFocus(component.element, component.element);
+          }, function (sendFocusIn) {
+            sendFocusIn(component, keyConfig, keyState);
+          });
+        },
+        setGridSize: function (component, keyConfig, keyState, numRows, numColumns) {
+          if (!isFlatgridState(keyState)) {
+            console.error('Layout does not support setGridSize');
+          } else {
+            keyState.setGridSize(numRows, numColumns);
+          }
+        }
+      },
+      state: KeyingState
+    });
+
+    var field$1 = function (name, forbidden) {
+      return defaultedObjOf(name, {}, map(forbidden, function (f) {
+        return forbid(f.name(), 'Cannot configure ' + f.name() + ' for ' + name);
+      }).concat([state$1('dump', identity)]));
+    };
+    var get$7 = function (data) {
+      return data.dump;
+    };
+    var augment = function (data, original) {
+      return __assign(__assign({}, data.dump), derive$1(original));
+    };
+    var SketchBehaviours = {
+      field: field$1,
+      augment: augment,
+      get: get$7
+    };
+
+    var _placeholder = 'placeholder';
+    var adt$2 = Adt.generate([
+      {
+        single: [
+          'required',
+          'valueThunk'
+        ]
+      },
+      {
+        multiple: [
+          'required',
+          'valueThunks'
+        ]
+      }
+    ]);
+    var isSubstituted = function (spec) {
+      return has(spec, 'uiType');
+    };
+    var subPlaceholder = function (owner, detail, compSpec, placeholders) {
+      if (owner.exists(function (o) {
+          return o !== compSpec.owner;
+        })) {
+        return adt$2.single(true, constant(compSpec));
+      }
+      return get$1(placeholders, compSpec.name).fold(function () {
+        throw new Error('Unknown placeholder component: ' + compSpec.name + '\nKnown: [' + keys(placeholders) + ']\nNamespace: ' + owner.getOr('none') + '\nSpec: ' + JSON.stringify(compSpec, null, 2));
+      }, function (newSpec) {
+        return newSpec.replace();
+      });
+    };
+    var scan = function (owner, detail, compSpec, placeholders) {
+      if (isSubstituted(compSpec) && compSpec.uiType === _placeholder) {
+        return subPlaceholder(owner, detail, compSpec, placeholders);
+      } else {
+        return adt$2.single(false, constant(compSpec));
+      }
+    };
+    var substitute = function (owner, detail, compSpec, placeholders) {
+      var base = scan(owner, detail, compSpec, placeholders);
+      return base.fold(function (req, valueThunk) {
+        var value = isSubstituted(compSpec) ? valueThunk(detail, compSpec.config, compSpec.validated) : valueThunk(detail);
+        var childSpecs = get$1(value, 'components').getOr([]);
+        var substituted = bind(childSpecs, function (c) {
+          return substitute(owner, detail, c, placeholders);
+        });
+        return [__assign(__assign({}, value), { components: substituted })];
+      }, function (req, valuesThunk) {
+        if (isSubstituted(compSpec)) {
+          var values = valuesThunk(detail, compSpec.config, compSpec.validated);
+          var preprocessor = compSpec.validated.preprocess.getOr(identity);
+          return preprocessor(values);
+        } else {
+          return valuesThunk(detail);
+        }
+      });
+    };
+    var substituteAll = function (owner, detail, components, placeholders) {
+      return bind(components, function (c) {
+        return substitute(owner, detail, c, placeholders);
+      });
+    };
+    var oneReplace = function (label, replacements) {
+      var called = false;
+      var used = function () {
+        return called;
+      };
+      var replace = function () {
+        if (called) {
+          throw new Error('Trying to use the same placeholder more than once: ' + label);
+        }
+        called = true;
+        return replacements;
+      };
+      var required = function () {
+        return replacements.fold(function (req, _) {
+          return req;
+        }, function (req, _) {
+          return req;
+        });
+      };
+      return {
+        name: constant(label),
+        required: required,
+        used: used,
+        replace: replace
+      };
+    };
+    var substitutePlaces = function (owner, detail, components, placeholders) {
+      var ps = map$1(placeholders, function (ph, name) {
+        return oneReplace(name, ph);
+      });
+      var outcome = substituteAll(owner, detail, components, ps);
+      each$1(ps, function (p) {
+        if (p.used() === false && p.required()) {
+          throw new Error('Placeholder: ' + p.name() + ' was not found in components list\nNamespace: ' + owner.getOr('none') + '\nComponents: ' + JSON.stringify(detail.components, null, 2));
+        }
+      });
+      return outcome;
+    };
+    var single = adt$2.single;
+    var multiple = adt$2.multiple;
+    var placeholder = constant(_placeholder);
+
+    var unique = 0;
+    var generate$1 = function (prefix) {
+      var date = new Date();
+      var time = date.getTime();
+      var random = Math.floor(Math.random() * 1000000000);
+      unique++;
+      return prefix + '_' + random + unique + String(time);
+    };
+
+    var adt$3 = Adt.generate([
+      { required: ['data'] },
+      { external: ['data'] },
+      { optional: ['data'] },
+      { group: ['data'] }
+    ]);
+    var fFactory = defaulted$1('factory', { sketch: identity });
+    var fSchema = defaulted$1('schema', []);
+    var fName = strict$1('name');
+    var fPname = field('pname', 'pname', defaultedThunk(function (typeSpec) {
+      return '<alloy.' + generate$1(typeSpec.name) + '>';
+    }), anyValue$1());
+    var fGroupSchema = state$1('schema', function () {
+      return [option('preprocess')];
+    });
+    var fDefaults = defaulted$1('defaults', constant({}));
+    var fOverrides = defaulted$1('overrides', constant({}));
+    var requiredSpec = objOf([
+      fFactory,
+      fSchema,
+      fName,
+      fPname,
+      fDefaults,
+      fOverrides
+    ]);
+    var externalSpec = objOf([
+      fFactory,
+      fSchema,
+      fName,
+      fDefaults,
+      fOverrides
+    ]);
+    var optionalSpec = objOf([
+      fFactory,
+      fSchema,
+      fName,
+      fPname,
+      fDefaults,
+      fOverrides
+    ]);
+    var groupSpec = objOf([
+      fFactory,
+      fGroupSchema,
+      fName,
+      strict$1('unit'),
+      fPname,
+      fDefaults,
+      fOverrides
+    ]);
+    var asNamedPart = function (part) {
+      return part.fold(Optional.some, Optional.none, Optional.some, Optional.some);
+    };
+    var name$1 = function (part) {
+      var get = function (data) {
+        return data.name;
+      };
+      return part.fold(get, get, get, get);
+    };
+    var convert = function (adtConstructor, partSchema) {
+      return function (spec) {
+        var data = asRawOrDie('Converting part type', partSchema, spec);
+        return adtConstructor(data);
+      };
+    };
+    var required = convert(adt$3.required, requiredSpec);
+    var external = convert(adt$3.external, externalSpec);
+    var optional = convert(adt$3.optional, optionalSpec);
+    var group = convert(adt$3.group, groupSpec);
+    var original = constant('entirety');
+
+    var combine = function (detail, data, partSpec, partValidated) {
+      return deepMerge(data.defaults(detail, partSpec, partValidated), partSpec, { uid: detail.partUids[data.name] }, data.overrides(detail, partSpec, partValidated));
+    };
+    var subs = function (owner, detail, parts) {
+      var internals = {};
+      var externals = {};
+      each(parts, function (part) {
+        part.fold(function (data) {
+          internals[data.pname] = single(true, function (detail, partSpec, partValidated) {
+            return data.factory.sketch(combine(detail, data, partSpec, partValidated));
+          });
+        }, function (data) {
+          var partSpec = detail.parts[data.name];
+          externals[data.name] = constant(data.factory.sketch(combine(detail, data, partSpec[original()]), partSpec));
+        }, function (data) {
+          internals[data.pname] = single(false, function (detail, partSpec, partValidated) {
+            return data.factory.sketch(combine(detail, data, partSpec, partValidated));
+          });
+        }, function (data) {
+          internals[data.pname] = multiple(true, function (detail, _partSpec, _partValidated) {
+            var units = detail[data.name];
+            return map(units, function (u) {
+              return data.factory.sketch(deepMerge(data.defaults(detail, u, _partValidated), u, data.overrides(detail, u)));
+            });
+          });
+        });
+      });
+      return {
+        internals: constant(internals),
+        externals: constant(externals)
+      };
+    };
+
+    var generate$2 = function (owner, parts) {
+      var r = {};
+      each(parts, function (part) {
+        asNamedPart(part).each(function (np) {
+          var g = doGenerateOne(owner, np.pname);
+          r[np.name] = function (config) {
+            var validated = asRawOrDie('Part: ' + np.name + ' in ' + owner, objOf(np.schema), config);
+            return __assign(__assign({}, g), {
+              config: config,
+              validated: validated
+            });
+          };
+        });
+      });
+      return r;
+    };
+    var doGenerateOne = function (owner, pname) {
+      return {
+        uiType: placeholder(),
+        owner: owner,
+        name: pname
+      };
+    };
+    var generateOne = function (owner, pname, config) {
+      return {
+        uiType: placeholder(),
+        owner: owner,
+        name: pname,
+        config: config,
+        validated: {}
+      };
+    };
+    var schemas = function (parts) {
+      return bind(parts, function (part) {
+        return part.fold(Optional.none, Optional.some, Optional.none, Optional.none).map(function (data) {
+          return strictObjOf(data.name, data.schema.concat([snapshot(original())]));
+        }).toArray();
+      });
+    };
+    var names = function (parts) {
+      return map(parts, name$1);
+    };
+    var substitutes = function (owner, detail, parts) {
+      return subs(owner, detail, parts);
+    };
+    var components = function (owner, detail, internals) {
+      return substitutePlaces(Optional.some(owner), detail, detail.components, internals);
+    };
+    var getPart = function (component, detail, partKey) {
+      var uid = detail.partUids[partKey];
+      return component.getSystem().getByUid(uid).toOptional();
+    };
+    var getPartOrDie = function (component, detail, partKey) {
+      return getPart(component, detail, partKey).getOrDie('Could not find part: ' + partKey);
+    };
+    var getAllParts = function (component, detail) {
+      var system = component.getSystem();
+      return map$1(detail.partUids, function (pUid, _k) {
+        return constant(system.getByUid(pUid));
+      });
+    };
+    var defaultUids = function (baseUid, partTypes) {
+      var partNames = names(partTypes);
+      return wrapAll$1(map(partNames, function (pn) {
+        return {
+          key: pn,
+          value: baseUid + '-' + pn
+        };
+      }));
+    };
+    var defaultUidsSchema = function (partTypes) {
+      return field('partUids', 'partUids', mergeWithThunk(function (spec) {
+        return defaultUids(spec.uid, partTypes);
+      }), anyValue$1());
+    };
+
+    var premadeTag = generate$1('alloy-premade');
+    var premade = function (comp) {
+      return wrap$1(premadeTag, comp);
+    };
+    var getPremade = function (spec) {
+      return get$1(spec, premadeTag);
+    };
+    var makeApi = function (f) {
+      return markAsSketchApi(function (component) {
+        var rest = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+          rest[_i - 1] = arguments[_i];
+        }
+        return f.apply(void 0, __spreadArrays([
+          component.getApis(),
+          component
+        ], rest));
+      }, f);
+    };
+
+    var prefix$1 = constant('alloy-id-');
+    var idAttr = constant('data-alloy-id');
+
+    var prefix$2 = prefix$1();
+    var idAttr$1 = idAttr();
+    var write = function (label, elem) {
+      var id = generate$1(prefix$2 + label);
+      writeOnly(elem, id);
+      return id;
+    };
+    var writeOnly = function (elem, uid) {
+      Object.defineProperty(elem.dom, idAttr$1, {
+        value: uid,
+        writable: true
+      });
+    };
+    var read$2 = function (elem) {
+      var id = isElement(elem) ? elem.dom[idAttr$1] : null;
+      return Optional.from(id);
+    };
+    var generate$3 = function (prefix) {
+      return generate$1(prefix);
+    };
+
+    var base = function (partSchemas, partUidsSchemas) {
+      var ps = partSchemas.length > 0 ? [strictObjOf('parts', partSchemas)] : [];
+      return ps.concat([
+        strict$1('uid'),
+        defaulted$1('dom', {}),
+        defaulted$1('components', []),
+        snapshot('originalSpec'),
+        defaulted$1('debug.sketcher', {})
+      ]).concat(partUidsSchemas);
+    };
+    var asRawOrDie$1 = function (label, schema, spec, partSchemas, partUidsSchemas) {
+      var baseS = base(partSchemas, partUidsSchemas);
+      return asRawOrDie(label + ' [SpecSchema]', objOfOnly(baseS.concat(schema)), spec);
+    };
+
+    var single$1 = function (owner, schema, factory, spec) {
+      var specWithUid = supplyUid(spec);
+      var detail = asRawOrDie$1(owner, schema, specWithUid, [], []);
+      return factory(detail, specWithUid);
+    };
+    var composite = function (owner, schema, partTypes, factory, spec) {
+      var specWithUid = supplyUid(spec);
+      var partSchemas = schemas(partTypes);
+      var partUidsSchema = defaultUidsSchema(partTypes);
+      var detail = asRawOrDie$1(owner, schema, specWithUid, partSchemas, [partUidsSchema]);
+      var subs = substitutes(owner, detail, partTypes);
+      var components$1 = components(owner, detail, subs.internals());
+      return factory(detail, components$1, specWithUid, subs.externals());
+    };
+    var hasUid = function (spec) {
+      return has(spec, 'uid');
+    };
+    var supplyUid = function (spec) {
+      return hasUid(spec) ? spec : __assign(__assign({}, spec), { uid: generate$3('uid') });
+    };
+
+    function isSketchSpec(spec) {
+      return spec.uid !== undefined;
+    }
+    var singleSchema = objOfOnly([
+      strict$1('name'),
+      strict$1('factory'),
+      strict$1('configFields'),
+      defaulted$1('apis', {}),
+      defaulted$1('extraApis', {})
+    ]);
+    var compositeSchema = objOfOnly([
+      strict$1('name'),
+      strict$1('factory'),
+      strict$1('configFields'),
+      strict$1('partFields'),
+      defaulted$1('apis', {}),
+      defaulted$1('extraApis', {})
+    ]);
+    var single$2 = function (rawConfig) {
+      var config = asRawOrDie('Sketcher for ' + rawConfig.name, singleSchema, rawConfig);
+      var sketch = function (spec) {
+        return single$1(config.name, config.configFields, config.factory, spec);
+      };
+      var apis = map$1(config.apis, makeApi);
+      var extraApis = map$1(config.extraApis, function (f, k) {
+        return markAsExtraApi(f, k);
+      });
+      return __assign(__assign({
+        name: config.name,
+        configFields: config.configFields,
+        sketch: sketch
+      }, apis), extraApis);
+    };
+    var composite$1 = function (rawConfig) {
+      var config = asRawOrDie('Sketcher for ' + rawConfig.name, compositeSchema, rawConfig);
+      var sketch = function (spec) {
+        return composite(config.name, config.configFields, config.partFields, config.factory, spec);
+      };
+      var parts = generate$2(config.name, config.partFields);
+      var apis = map$1(config.apis, makeApi);
+      var extraApis = map$1(config.extraApis, function (f, k) {
+        return markAsExtraApi(f, k);
+      });
+      return __assign(__assign({
+        name: config.name,
+        partFields: config.partFields,
+        configFields: config.configFields,
+        sketch: sketch,
+        parts: parts
+      }, apis), extraApis);
+    };
+
+    var factory = function (detail) {
+      var events = events$2(detail.action);
+      var tag = detail.dom.tag;
+      var lookupAttr = function (attr) {
+        return get$1(detail.dom, 'attributes').bind(function (attrs) {
+          return get$1(attrs, attr);
+        });
+      };
+      var getModAttributes = function () {
+        if (tag === 'button') {
+          var type = lookupAttr('type').getOr('button');
+          var roleAttrs = lookupAttr('role').map(function (role) {
+            return { role: role };
+          }).getOr({});
+          return __assign({ type: type }, roleAttrs);
+        } else {
+          var role = lookupAttr('role').getOr('button');
+          return { role: role };
+        }
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: detail.components,
+        events: events,
+        behaviours: SketchBehaviours.augment(detail.buttonBehaviours, [
+          Focusing.config({}),
+          Keying.config({
+            mode: 'execution',
+            useSpace: true,
+            useEnter: true
+          })
+        ]),
+        domModification: { attributes: getModAttributes() },
+        eventOrder: detail.eventOrder
+      };
+    };
+    var Button = single$2({
+      name: 'Button',
+      factory: factory,
+      configFields: [
+        defaulted$1('uid', undefined),
+        strict$1('dom'),
+        defaulted$1('components', []),
+        SketchBehaviours.field('buttonBehaviours', [
+          Focusing,
+          Keying
+        ]),
+        option('action'),
+        option('role'),
+        defaulted$1('eventOrder', {})
+      ]
+    });
+
+    var exhibit$2 = function () {
+      return nu$5({
+        styles: {
+          '-webkit-user-select': 'none',
+          'user-select': 'none',
+          '-ms-user-select': 'none',
+          '-moz-user-select': '-moz-none'
+        },
+        attributes: { unselectable: 'on' }
+      });
+    };
+    var events$4 = function () {
+      return derive([abort(selectstart(), always)]);
+    };
+
+    var ActiveUnselecting = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$4,
+        exhibit: exhibit$2
+    });
+
+    var Unselecting = create$1({
+      fields: [],
+      name: 'unselecting',
+      active: ActiveUnselecting
+    });
+
+    var getAttrs = function (elem) {
+      var attributes = elem.dom.attributes !== undefined ? elem.dom.attributes : [];
+      return foldl(attributes, function (b, attr) {
+        var _a;
+        if (attr.name === 'class') {
+          return b;
+        } else {
+          return __assign(__assign({}, b), (_a = {}, _a[attr.name] = attr.value, _a));
+        }
+      }, {});
+    };
+    var getClasses = function (elem) {
+      return Array.prototype.slice.call(elem.dom.classList, 0);
+    };
+    var fromHtml$2 = function (html) {
+      var elem = SugarElement.fromHtml(html);
+      var children$1 = children(elem);
+      var attrs = getAttrs(elem);
+      var classes = getClasses(elem);
+      var contents = children$1.length === 0 ? {} : { innerHtml: get$4(elem) };
+      return __assign({
+        tag: name(elem),
+        classes: classes,
+        attributes: attrs
+      }, contents);
+    };
+
+    var dom$1 = function (rawHtml) {
+      var html = supplant(rawHtml, { prefix: prefix });
+      return fromHtml$2(html);
+    };
+    var spec = function (rawHtml) {
+      return { dom: dom$1(rawHtml) };
+    };
+
+    var forToolbarCommand = function (editor, command) {
+      return forToolbar(command, function () {
+        editor.execCommand(command);
+      }, {}, editor);
+    };
+    var getToggleBehaviours = function (command) {
+      return derive$1([
+        Toggling.config({
+          toggleClass: resolve('toolbar-button-selected'),
+          toggleOnExecute: false,
+          aria: { mode: 'pressed' }
+        }),
+        format(command, function (button, status) {
+          var toggle = status ? Toggling.on : Toggling.off;
+          toggle(button);
+        })
+      ]);
+    };
+    var forToolbarStateCommand = function (editor, command) {
+      var extraBehaviours = getToggleBehaviours(command);
+      return forToolbar(command, function () {
+        editor.execCommand(command);
+      }, extraBehaviours, editor);
+    };
+    var forToolbarStateAction = function (editor, clazz, command, action) {
+      var extraBehaviours = getToggleBehaviours(command);
+      return forToolbar(clazz, action, extraBehaviours, editor);
+    };
+    var getToolbarIconButton = function (clazz, editor) {
+      var icons = editor.ui.registry.getAll().icons;
+      var optOxideIcon = Optional.from(icons[clazz]);
+      return optOxideIcon.fold(function () {
+        return dom$1('<span class="${prefix}-toolbar-button ${prefix}-toolbar-group-item ${prefix}-icon-' + clazz + ' ${prefix}-icon"></span>');
+      }, function (icon) {
+        return dom$1('<span class="${prefix}-toolbar-button ${prefix}-toolbar-group-item">' + icon + '</span>');
+      });
+    };
+    var forToolbar = function (clazz, action, extraBehaviours, editor) {
+      return Button.sketch({
+        dom: getToolbarIconButton(clazz, editor),
+        action: action,
+        buttonBehaviours: deepMerge(derive$1([Unselecting.config({})]), extraBehaviours)
+      });
+    };
+
+    var labelPart = optional({
+      schema: [strict$1('dom')],
+      name: 'label'
+    });
+    var edgePart = function (name) {
+      return optional({
+        name: '' + name + '-edge',
+        overrides: function (detail) {
+          var action = detail.model.manager.edgeActions[name];
+          return action.fold(function () {
+            return {};
+          }, function (a) {
+            return {
+              events: derive([
+                runActionExtra(touchstart(), function (comp, se, d) {
+                  return a(comp, d);
+                }, [detail]),
+                runActionExtra(mousedown(), function (comp, se, d) {
+                  return a(comp, d);
+                }, [detail]),
+                runActionExtra(mousemove(), function (comp, se, det) {
+                  if (det.mouseIsDown.get()) {
+                    a(comp, det);
+                  }
+                }, [detail])
+              ])
+            };
+          });
+        }
+      });
+    };
+    var tlEdgePart = edgePart('top-left');
+    var tedgePart = edgePart('top');
+    var trEdgePart = edgePart('top-right');
+    var redgePart = edgePart('right');
+    var brEdgePart = edgePart('bottom-right');
+    var bedgePart = edgePart('bottom');
+    var blEdgePart = edgePart('bottom-left');
+    var ledgePart = edgePart('left');
+    var thumbPart = required({
+      name: 'thumb',
+      defaults: constant({ dom: { styles: { position: 'absolute' } } }),
+      overrides: function (detail) {
+        return {
+          events: derive([
+            redirectToPart(touchstart(), detail, 'spectrum'),
+            redirectToPart(touchmove(), detail, 'spectrum'),
+            redirectToPart(touchend(), detail, 'spectrum'),
+            redirectToPart(mousedown(), detail, 'spectrum'),
+            redirectToPart(mousemove(), detail, 'spectrum'),
+            redirectToPart(mouseup(), detail, 'spectrum')
+          ])
+        };
+      }
+    });
+    var spectrumPart = required({
+      schema: [state$1('mouseIsDown', function () {
+          return Cell(false);
+        })],
+      name: 'spectrum',
+      overrides: function (detail) {
+        var modelDetail = detail.model;
+        var model = modelDetail.manager;
+        var setValueFrom = function (component, simulatedEvent) {
+          return model.getValueFromEvent(simulatedEvent).map(function (value) {
+            return model.setValueFrom(component, detail, value);
+          });
+        };
+        return {
+          behaviours: derive$1([
+            Keying.config({
+              mode: 'special',
+              onLeft: function (spectrum) {
+                return model.onLeft(spectrum, detail);
+              },
+              onRight: function (spectrum) {
+                return model.onRight(spectrum, detail);
+              },
+              onUp: function (spectrum) {
+                return model.onUp(spectrum, detail);
+              },
+              onDown: function (spectrum) {
+                return model.onDown(spectrum, detail);
+              }
+            }),
+            Focusing.config({})
+          ]),
+          events: derive([
+            run(touchstart(), setValueFrom),
+            run(touchmove(), setValueFrom),
+            run(mousedown(), setValueFrom),
+            run(mousemove(), function (spectrum, se) {
+              if (detail.mouseIsDown.get()) {
+                setValueFrom(spectrum, se);
+              }
+            })
+          ])
+        };
+      }
+    });
+    var SliderParts = [
+      labelPart,
+      ledgePart,
+      redgePart,
+      tedgePart,
+      bedgePart,
+      tlEdgePart,
+      trEdgePart,
+      blEdgePart,
+      brEdgePart,
+      thumbPart,
+      spectrumPart
+    ];
+
+    var onLoad$1 = function (component, repConfig, repState) {
+      repConfig.store.manager.onLoad(component, repConfig, repState);
+    };
+    var onUnload = function (component, repConfig, repState) {
+      repConfig.store.manager.onUnload(component, repConfig, repState);
+    };
+    var setValue = function (component, repConfig, repState, data) {
+      repConfig.store.manager.setValue(component, repConfig, repState, data);
+    };
+    var getValue = function (component, repConfig, repState) {
+      return repConfig.store.manager.getValue(component, repConfig, repState);
+    };
+    var getState = function (component, repConfig, repState) {
+      return repState;
+    };
+
+    var RepresentApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        onLoad: onLoad$1,
+        onUnload: onUnload,
+        setValue: setValue,
+        getValue: getValue,
+        getState: getState
+    });
+
+    var events$5 = function (repConfig, repState) {
+      var es = repConfig.resetOnDom ? [
+        runOnAttached(function (comp, _se) {
+          onLoad$1(comp, repConfig, repState);
+        }),
+        runOnDetached(function (comp, _se) {
+          onUnload(comp, repConfig, repState);
+        })
+      ] : [loadEvent(repConfig, repState, onLoad$1)];
+      return derive(es);
+    };
+
+    var ActiveRepresenting = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$5
+    });
+
+    var memory = function () {
+      var data = Cell(null);
+      var readState = function () {
+        return {
+          mode: 'memory',
+          value: data.get()
+        };
+      };
+      var isNotSet = function () {
+        return data.get() === null;
+      };
+      var clear = function () {
+        data.set(null);
+      };
+      return nu$6({
+        set: data.set,
+        get: data.get,
+        isNotSet: isNotSet,
+        clear: clear,
+        readState: readState
+      });
+    };
+    var manual = function () {
+      var readState = function () {
+      };
+      return nu$6({ readState: readState });
+    };
+    var dataset = function () {
+      var dataByValue = Cell({});
+      var dataByText = Cell({});
+      var readState = function () {
+        return {
+          mode: 'dataset',
+          dataByValue: dataByValue.get(),
+          dataByText: dataByText.get()
+        };
+      };
+      var clear = function () {
+        dataByValue.set({});
+        dataByText.set({});
+      };
+      var lookup = function (itemString) {
+        return get$1(dataByValue.get(), itemString).orThunk(function () {
+          return get$1(dataByText.get(), itemString);
+        });
+      };
+      var update = function (items) {
+        var currentDataByValue = dataByValue.get();
+        var currentDataByText = dataByText.get();
+        var newDataByValue = {};
+        var newDataByText = {};
+        each(items, function (item) {
+          newDataByValue[item.value] = item;
+          get$1(item, 'meta').each(function (meta) {
+            get$1(meta, 'text').each(function (text) {
+              newDataByText[text] = item;
+            });
+          });
+        });
+        dataByValue.set(__assign(__assign({}, currentDataByValue), newDataByValue));
+        dataByText.set(__assign(__assign({}, currentDataByText), newDataByText));
+      };
+      return nu$6({
+        readState: readState,
+        lookup: lookup,
+        update: update,
+        clear: clear
+      });
+    };
+    var init$1 = function (spec) {
+      return spec.store.manager.state(spec);
+    };
+
+    var RepresentState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        memory: memory,
+        dataset: dataset,
+        manual: manual,
+        init: init$1
+    });
+
+    var setValue$1 = function (component, repConfig, repState, data) {
+      var store = repConfig.store;
+      repState.update([data]);
+      store.setValue(component, data);
+      repConfig.onSetValue(component, data);
+    };
+    var getValue$1 = function (component, repConfig, repState) {
+      var store = repConfig.store;
+      var key = store.getDataKey(component);
+      return repState.lookup(key).fold(function () {
+        return store.getFallbackEntry(key);
+      }, function (data) {
+        return data;
+      });
+    };
+    var onLoad$2 = function (component, repConfig, repState) {
+      var store = repConfig.store;
+      store.initialValue.each(function (data) {
+        setValue$1(component, repConfig, repState, data);
+      });
+    };
+    var onUnload$1 = function (component, repConfig, repState) {
+      repState.clear();
+    };
+    var DatasetStore = [
+      option('initialValue'),
+      strict$1('getFallbackEntry'),
+      strict$1('getDataKey'),
+      strict$1('setValue'),
+      output('manager', {
+        setValue: setValue$1,
+        getValue: getValue$1,
+        onLoad: onLoad$2,
+        onUnload: onUnload$1,
+        state: dataset
+      })
+    ];
+
+    var getValue$2 = function (component, repConfig, _repState) {
+      return repConfig.store.getValue(component);
+    };
+    var setValue$2 = function (component, repConfig, _repState, data) {
+      repConfig.store.setValue(component, data);
+      repConfig.onSetValue(component, data);
+    };
+    var onLoad$3 = function (component, repConfig, _repState) {
+      repConfig.store.initialValue.each(function (data) {
+        repConfig.store.setValue(component, data);
+      });
+    };
+    var ManualStore = [
+      strict$1('getValue'),
+      defaulted$1('setValue', noop),
+      option('initialValue'),
+      output('manager', {
+        setValue: setValue$2,
+        getValue: getValue$2,
+        onLoad: onLoad$3,
+        onUnload: noop,
+        state: NoState.init
+      })
+    ];
+
+    var setValue$3 = function (component, repConfig, repState, data) {
+      repState.set(data);
+      repConfig.onSetValue(component, data);
+    };
+    var getValue$3 = function (component, repConfig, repState) {
+      return repState.get();
+    };
+    var onLoad$4 = function (component, repConfig, repState) {
+      repConfig.store.initialValue.each(function (initVal) {
+        if (repState.isNotSet()) {
+          repState.set(initVal);
+        }
+      });
+    };
+    var onUnload$2 = function (component, repConfig, repState) {
+      repState.clear();
+    };
+    var MemoryStore = [
+      option('initialValue'),
+      output('manager', {
+        setValue: setValue$3,
+        getValue: getValue$3,
+        onLoad: onLoad$4,
+        onUnload: onUnload$2,
+        state: memory
+      })
+    ];
+
+    var RepresentSchema = [
+      defaultedOf('store', { mode: 'memory' }, choose$1('mode', {
+        memory: MemoryStore,
+        manual: ManualStore,
+        dataset: DatasetStore
+      })),
+      onHandler('onSetValue'),
+      defaulted$1('resetOnDom', false)
+    ];
+
+    var Representing = create$1({
+      fields: RepresentSchema,
+      name: 'representing',
+      active: ActiveRepresenting,
+      apis: RepresentApis,
+      extra: {
+        setValueFrom: function (component, source) {
+          var value = Representing.getValue(source);
+          Representing.setValue(component, value);
+        }
+      },
+      state: RepresentState
+    });
+
+    var api$1 = Dimension('width', function (element) {
+      return element.dom.offsetWidth;
+    });
+    var set$4 = function (element, h) {
+      return api$1.set(element, h);
+    };
+    var get$8 = function (element) {
+      return api$1.get(element);
+    };
+
+    var r = function (left, top) {
+      var translate = function (x, y) {
+        return r(left + x, top + y);
+      };
+      return {
+        left: left,
+        top: top,
+        translate: translate
+      };
+    };
+    var SugarPosition = r;
+
+    var _sliderChangeEvent = 'slider.change.value';
+    var sliderChangeEvent = constant(_sliderChangeEvent);
+    var isTouchEvent = function (evt) {
+      return evt.type.indexOf('touch') !== -1;
+    };
+    var getEventSource = function (simulatedEvent) {
+      var evt = simulatedEvent.event.raw;
+      if (isTouchEvent(evt)) {
+        var touchEvent = evt;
+        return touchEvent.touches !== undefined && touchEvent.touches.length === 1 ? Optional.some(touchEvent.touches[0]).map(function (t) {
+          return SugarPosition(t.clientX, t.clientY);
+        }) : Optional.none();
+      } else {
+        var mouseEvent = evt;
+        return mouseEvent.clientX !== undefined ? Optional.some(mouseEvent).map(function (me) {
+          return SugarPosition(me.clientX, me.clientY);
+        }) : Optional.none();
+      }
+    };
+
+    var t = 'top', r$1 = 'right', b = 'bottom', l = 'left';
+    var minX = function (detail) {
+      return detail.model.minX;
+    };
+    var minY = function (detail) {
+      return detail.model.minY;
+    };
+    var min1X = function (detail) {
+      return detail.model.minX - 1;
+    };
+    var min1Y = function (detail) {
+      return detail.model.minY - 1;
+    };
+    var maxX = function (detail) {
+      return detail.model.maxX;
+    };
+    var maxY = function (detail) {
+      return detail.model.maxY;
+    };
+    var max1X = function (detail) {
+      return detail.model.maxX + 1;
+    };
+    var max1Y = function (detail) {
+      return detail.model.maxY + 1;
+    };
+    var range = function (detail, max, min) {
+      return max(detail) - min(detail);
+    };
+    var xRange = function (detail) {
+      return range(detail, maxX, minX);
+    };
+    var yRange = function (detail) {
+      return range(detail, maxY, minY);
+    };
+    var halfX = function (detail) {
+      return xRange(detail) / 2;
+    };
+    var halfY = function (detail) {
+      return yRange(detail) / 2;
+    };
+    var step = function (detail) {
+      return detail.stepSize;
+    };
+    var snap = function (detail) {
+      return detail.snapToGrid;
+    };
+    var snapStart = function (detail) {
+      return detail.snapStart;
+    };
+    var rounded = function (detail) {
+      return detail.rounded;
+    };
+    var hasEdge = function (detail, edgeName) {
+      return detail[edgeName + '-edge'] !== undefined;
+    };
+    var hasLEdge = function (detail) {
+      return hasEdge(detail, l);
+    };
+    var hasREdge = function (detail) {
+      return hasEdge(detail, r$1);
+    };
+    var hasTEdge = function (detail) {
+      return hasEdge(detail, t);
+    };
+    var hasBEdge = function (detail) {
+      return hasEdge(detail, b);
+    };
+    var currentValue = function (detail) {
+      return detail.model.value.get();
+    };
+
+    var xValue = function (x) {
+      return { x: x };
+    };
+    var yValue = function (y) {
+      return { y: y };
+    };
+    var xyValue = function (x, y) {
+      return {
+        x: x,
+        y: y
+      };
+    };
+    var fireSliderChange = function (component, value) {
+      emitWith(component, sliderChangeEvent(), { value: value });
+    };
+    var setToTLEdgeXY = function (edge, detail) {
+      fireSliderChange(edge, xyValue(min1X(detail), min1Y(detail)));
+    };
+    var setToTEdge = function (edge, detail) {
+      fireSliderChange(edge, yValue(min1Y(detail)));
+    };
+    var setToTEdgeXY = function (edge, detail) {
+      fireSliderChange(edge, xyValue(halfX(detail), min1Y(detail)));
+    };
+    var setToTREdgeXY = function (edge, detail) {
+      fireSliderChange(edge, xyValue(max1X(detail), min1Y(detail)));
+    };
+    var setToREdge = function (edge, detail) {
+      fireSliderChange(edge, xValue(max1X(detail)));
+    };
+    var setToREdgeXY = function (edge, detail) {
+      fireSliderChange(edge, xyValue(max1X(detail), halfY(detail)));
+    };
+    var setToBREdgeXY = function (edge, detail) {
+      fireSliderChange(edge, xyValue(max1X(detail), max1Y(detail)));
+    };
+    var setToBEdge = function (edge, detail) {
+      fireSliderChange(edge, yValue(max1Y(detail)));
+    };
+    var setToBEdgeXY = function (edge, detail) {
+      fireSliderChange(edge, xyValue(halfX(detail), max1Y(detail)));
+    };
+    var setToBLEdgeXY = function (edge, detail) {
+      fireSliderChange(edge, xyValue(min1X(detail), max1Y(detail)));
+    };
+    var setToLEdge = function (edge, detail) {
+      fireSliderChange(edge, xValue(min1X(detail)));
+    };
+    var setToLEdgeXY = function (edge, detail) {
+      fireSliderChange(edge, xyValue(min1X(detail), halfY(detail)));
+    };
+
+    var reduceBy = function (value, min, max, step) {
+      if (value < min) {
+        return value;
+      } else if (value > max) {
+        return max;
+      } else if (value === min) {
+        return min - 1;
+      } else {
+        return Math.max(min, value - step);
+      }
+    };
+    var increaseBy = function (value, min, max, step) {
+      if (value > max) {
+        return value;
+      } else if (value < min) {
+        return min;
+      } else if (value === max) {
+        return max + 1;
+      } else {
+        return Math.min(max, value + step);
+      }
+    };
+    var capValue = function (value, min, max) {
+      return Math.max(min, Math.min(max, value));
+    };
+    var snapValueOf = function (value, min, max, step, snapStart) {
+      return snapStart.fold(function () {
+        var initValue = value - min;
+        var extraValue = Math.round(initValue / step) * step;
+        return capValue(min + extraValue, min - 1, max + 1);
+      }, function (start) {
+        var remainder = (value - start) % step;
+        var adjustment = Math.round(remainder / step);
+        var rawSteps = Math.floor((value - start) / step);
+        var maxSteps = Math.floor((max - start) / step);
+        var numSteps = Math.min(maxSteps, rawSteps + adjustment);
+        var r = start + numSteps * step;
+        return Math.max(start, r);
+      });
+    };
+    var findOffsetOf = function (value, min, max) {
+      return Math.min(max, Math.max(value, min)) - min;
+    };
+    var findValueOf = function (args) {
+      var min = args.min, max = args.max, range = args.range, value = args.value, step = args.step, snap = args.snap, snapStart = args.snapStart, rounded = args.rounded, hasMinEdge = args.hasMinEdge, hasMaxEdge = args.hasMaxEdge, minBound = args.minBound, maxBound = args.maxBound, screenRange = args.screenRange;
+      var capMin = hasMinEdge ? min - 1 : min;
+      var capMax = hasMaxEdge ? max + 1 : max;
+      if (value < minBound) {
+        return capMin;
+      } else if (value > maxBound) {
+        return capMax;
+      } else {
+        var offset = findOffsetOf(value, minBound, maxBound);
+        var newValue = capValue(offset / screenRange * range + min, capMin, capMax);
+        if (snap && newValue >= min && newValue <= max) {
+          return snapValueOf(newValue, min, max, step, snapStart);
+        } else if (rounded) {
+          return Math.round(newValue);
+        } else {
+          return newValue;
+        }
+      }
+    };
+    var findOffsetOfValue = function (args) {
+      var min = args.min, max = args.max, range = args.range, value = args.value, hasMinEdge = args.hasMinEdge, hasMaxEdge = args.hasMaxEdge, maxBound = args.maxBound, maxOffset = args.maxOffset, centerMinEdge = args.centerMinEdge, centerMaxEdge = args.centerMaxEdge;
+      if (value < min) {
+        return hasMinEdge ? 0 : centerMinEdge;
+      } else if (value > max) {
+        return hasMaxEdge ? maxBound : centerMaxEdge;
+      } else {
+        return (value - min) / range * maxOffset;
+      }
+    };
+
+    var top = 'top', right = 'right', bottom = 'bottom', left = 'left', width = 'width', height = 'height';
+    var getBounds = function (component) {
+      return component.element.dom.getBoundingClientRect();
+    };
+    var getBoundsProperty = function (bounds, property) {
+      return bounds[property];
+    };
+    var getMinXBounds = function (component) {
+      var bounds = getBounds(component);
+      return getBoundsProperty(bounds, left);
+    };
+    var getMaxXBounds = function (component) {
+      var bounds = getBounds(component);
+      return getBoundsProperty(bounds, right);
+    };
+    var getMinYBounds = function (component) {
+      var bounds = getBounds(component);
+      return getBoundsProperty(bounds, top);
+    };
+    var getMaxYBounds = function (component) {
+      var bounds = getBounds(component);
+      return getBoundsProperty(bounds, bottom);
+    };
+    var getXScreenRange = function (component) {
+      var bounds = getBounds(component);
+      return getBoundsProperty(bounds, width);
+    };
+    var getYScreenRange = function (component) {
+      var bounds = getBounds(component);
+      return getBoundsProperty(bounds, height);
+    };
+    var getCenterOffsetOf = function (componentMinEdge, componentMaxEdge, spectrumMinEdge) {
+      return (componentMinEdge + componentMaxEdge) / 2 - spectrumMinEdge;
+    };
+    var getXCenterOffSetOf = function (component, spectrum) {
+      var componentBounds = getBounds(component);
+      var spectrumBounds = getBounds(spectrum);
+      var componentMinEdge = getBoundsProperty(componentBounds, left);
+      var componentMaxEdge = getBoundsProperty(componentBounds, right);
+      var spectrumMinEdge = getBoundsProperty(spectrumBounds, left);
+      return getCenterOffsetOf(componentMinEdge, componentMaxEdge, spectrumMinEdge);
+    };
+    var getYCenterOffSetOf = function (component, spectrum) {
+      var componentBounds = getBounds(component);
+      var spectrumBounds = getBounds(spectrum);
+      var componentMinEdge = getBoundsProperty(componentBounds, top);
+      var componentMaxEdge = getBoundsProperty(componentBounds, bottom);
+      var spectrumMinEdge = getBoundsProperty(spectrumBounds, top);
+      return getCenterOffsetOf(componentMinEdge, componentMaxEdge, spectrumMinEdge);
+    };
+
+    var fireSliderChange$1 = function (spectrum, value) {
+      emitWith(spectrum, sliderChangeEvent(), { value: value });
+    };
+    var sliderValue = function (x) {
+      return { x: x };
+    };
+    var findValueOfOffset = function (spectrum, detail, left) {
+      var args = {
+        min: minX(detail),
+        max: maxX(detail),
+        range: xRange(detail),
+        value: left,
+        step: step(detail),
+        snap: snap(detail),
+        snapStart: snapStart(detail),
+        rounded: rounded(detail),
+        hasMinEdge: hasLEdge(detail),
+        hasMaxEdge: hasREdge(detail),
+        minBound: getMinXBounds(spectrum),
+        maxBound: getMaxXBounds(spectrum),
+        screenRange: getXScreenRange(spectrum)
+      };
+      return findValueOf(args);
+    };
+    var setValueFrom = function (spectrum, detail, value) {
+      var xValue = findValueOfOffset(spectrum, detail, value);
+      var sliderVal = sliderValue(xValue);
+      fireSliderChange$1(spectrum, sliderVal);
+      return xValue;
+    };
+    var setToMin = function (spectrum, detail) {
+      var min = minX(detail);
+      fireSliderChange$1(spectrum, sliderValue(min));
+    };
+    var setToMax = function (spectrum, detail) {
+      var max = maxX(detail);
+      fireSliderChange$1(spectrum, sliderValue(max));
+    };
+    var moveBy = function (direction, spectrum, detail) {
+      var f = direction > 0 ? increaseBy : reduceBy;
+      var xValue = f(currentValue(detail).x, minX(detail), maxX(detail), step(detail));
+      fireSliderChange$1(spectrum, sliderValue(xValue));
+      return Optional.some(xValue);
+    };
+    var handleMovement = function (direction) {
+      return function (spectrum, detail) {
+        return moveBy(direction, spectrum, detail).map(function () {
+          return true;
+        });
+      };
+    };
+    var getValueFromEvent = function (simulatedEvent) {
+      var pos = getEventSource(simulatedEvent);
+      return pos.map(function (p) {
+        return p.left;
+      });
+    };
+    var findOffsetOfValue$1 = function (spectrum, detail, value, minEdge, maxEdge) {
+      var minOffset = 0;
+      var maxOffset = getXScreenRange(spectrum);
+      var centerMinEdge = minEdge.bind(function (edge) {
+        return Optional.some(getXCenterOffSetOf(edge, spectrum));
+      }).getOr(minOffset);
+      var centerMaxEdge = maxEdge.bind(function (edge) {
+        return Optional.some(getXCenterOffSetOf(edge, spectrum));
+      }).getOr(maxOffset);
+      var args = {
+        min: minX(detail),
+        max: maxX(detail),
+        range: xRange(detail),
+        value: value,
+        hasMinEdge: hasLEdge(detail),
+        hasMaxEdge: hasREdge(detail),
+        minBound: getMinXBounds(spectrum),
+        minOffset: minOffset,
+        maxBound: getMaxXBounds(spectrum),
+        maxOffset: maxOffset,
+        centerMinEdge: centerMinEdge,
+        centerMaxEdge: centerMaxEdge
+      };
+      return findOffsetOfValue(args);
+    };
+    var findPositionOfValue = function (slider, spectrum, value, minEdge, maxEdge, detail) {
+      var offset = findOffsetOfValue$1(spectrum, detail, value, minEdge, maxEdge);
+      return getMinXBounds(spectrum) - getMinXBounds(slider) + offset;
+    };
+    var setPositionFromValue = function (slider, thumb, detail, edges) {
+      var value = currentValue(detail);
+      var pos = findPositionOfValue(slider, edges.getSpectrum(slider), value.x, edges.getLeftEdge(slider), edges.getRightEdge(slider), detail);
+      var thumbRadius = get$8(thumb.element) / 2;
+      set$3(thumb.element, 'left', pos - thumbRadius + 'px');
+    };
+    var onLeft = handleMovement(-1);
+    var onRight = handleMovement(1);
+    var onUp = Optional.none;
+    var onDown = Optional.none;
+    var edgeActions = {
+      'top-left': Optional.none(),
+      'top': Optional.none(),
+      'top-right': Optional.none(),
+      'right': Optional.some(setToREdge),
+      'bottom-right': Optional.none(),
+      'bottom': Optional.none(),
+      'bottom-left': Optional.none(),
+      'left': Optional.some(setToLEdge)
+    };
+
+    var HorizontalModel = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setValueFrom: setValueFrom,
+        setToMin: setToMin,
+        setToMax: setToMax,
+        findValueOfOffset: findValueOfOffset,
+        getValueFromEvent: getValueFromEvent,
+        findPositionOfValue: findPositionOfValue,
+        setPositionFromValue: setPositionFromValue,
+        onLeft: onLeft,
+        onRight: onRight,
+        onUp: onUp,
+        onDown: onDown,
+        edgeActions: edgeActions
+    });
+
+    var fireSliderChange$2 = function (spectrum, value) {
+      emitWith(spectrum, sliderChangeEvent(), { value: value });
+    };
+    var sliderValue$1 = function (y) {
+      return { y: y };
+    };
+    var findValueOfOffset$1 = function (spectrum, detail, top) {
+      var args = {
+        min: minY(detail),
+        max: maxY(detail),
+        range: yRange(detail),
+        value: top,
+        step: step(detail),
+        snap: snap(detail),
+        snapStart: snapStart(detail),
+        rounded: rounded(detail),
+        hasMinEdge: hasTEdge(detail),
+        hasMaxEdge: hasBEdge(detail),
+        minBound: getMinYBounds(spectrum),
+        maxBound: getMaxYBounds(spectrum),
+        screenRange: getYScreenRange(spectrum)
+      };
+      return findValueOf(args);
+    };
+    var setValueFrom$1 = function (spectrum, detail, value) {
+      var yValue = findValueOfOffset$1(spectrum, detail, value);
+      var sliderVal = sliderValue$1(yValue);
+      fireSliderChange$2(spectrum, sliderVal);
+      return yValue;
+    };
+    var setToMin$1 = function (spectrum, detail) {
+      var min = minY(detail);
+      fireSliderChange$2(spectrum, sliderValue$1(min));
+    };
+    var setToMax$1 = function (spectrum, detail) {
+      var max = maxY(detail);
+      fireSliderChange$2(spectrum, sliderValue$1(max));
+    };
+    var moveBy$1 = function (direction, spectrum, detail) {
+      var f = direction > 0 ? increaseBy : reduceBy;
+      var yValue = f(currentValue(detail).y, minY(detail), maxY(detail), step(detail));
+      fireSliderChange$2(spectrum, sliderValue$1(yValue));
+      return Optional.some(yValue);
+    };
+    var handleMovement$1 = function (direction) {
+      return function (spectrum, detail) {
+        return moveBy$1(direction, spectrum, detail).map(function () {
+          return true;
+        });
+      };
+    };
+    var getValueFromEvent$1 = function (simulatedEvent) {
+      var pos = getEventSource(simulatedEvent);
+      return pos.map(function (p) {
+        return p.top;
+      });
+    };
+    var findOffsetOfValue$2 = function (spectrum, detail, value, minEdge, maxEdge) {
+      var minOffset = 0;
+      var maxOffset = getYScreenRange(spectrum);
+      var centerMinEdge = minEdge.bind(function (edge) {
+        return Optional.some(getYCenterOffSetOf(edge, spectrum));
+      }).getOr(minOffset);
+      var centerMaxEdge = maxEdge.bind(function (edge) {
+        return Optional.some(getYCenterOffSetOf(edge, spectrum));
+      }).getOr(maxOffset);
+      var args = {
+        min: minY(detail),
+        max: maxY(detail),
+        range: yRange(detail),
+        value: value,
+        hasMinEdge: hasTEdge(detail),
+        hasMaxEdge: hasBEdge(detail),
+        minBound: getMinYBounds(spectrum),
+        minOffset: minOffset,
+        maxBound: getMaxYBounds(spectrum),
+        maxOffset: maxOffset,
+        centerMinEdge: centerMinEdge,
+        centerMaxEdge: centerMaxEdge
+      };
+      return findOffsetOfValue(args);
+    };
+    var findPositionOfValue$1 = function (slider, spectrum, value, minEdge, maxEdge, detail) {
+      var offset = findOffsetOfValue$2(spectrum, detail, value, minEdge, maxEdge);
+      return getMinYBounds(spectrum) - getMinYBounds(slider) + offset;
+    };
+    var setPositionFromValue$1 = function (slider, thumb, detail, edges) {
+      var value = currentValue(detail);
+      var pos = findPositionOfValue$1(slider, edges.getSpectrum(slider), value.y, edges.getTopEdge(slider), edges.getBottomEdge(slider), detail);
+      var thumbRadius = get$6(thumb.element) / 2;
+      set$3(thumb.element, 'top', pos - thumbRadius + 'px');
+    };
+    var onLeft$1 = Optional.none;
+    var onRight$1 = Optional.none;
+    var onUp$1 = handleMovement$1(-1);
+    var onDown$1 = handleMovement$1(1);
+    var edgeActions$1 = {
+      'top-left': Optional.none(),
+      'top': Optional.some(setToTEdge),
+      'top-right': Optional.none(),
+      'right': Optional.none(),
+      'bottom-right': Optional.none(),
+      'bottom': Optional.some(setToBEdge),
+      'bottom-left': Optional.none(),
+      'left': Optional.none()
+    };
+
+    var VerticalModel = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setValueFrom: setValueFrom$1,
+        setToMin: setToMin$1,
+        setToMax: setToMax$1,
+        findValueOfOffset: findValueOfOffset$1,
+        getValueFromEvent: getValueFromEvent$1,
+        findPositionOfValue: findPositionOfValue$1,
+        setPositionFromValue: setPositionFromValue$1,
+        onLeft: onLeft$1,
+        onRight: onRight$1,
+        onUp: onUp$1,
+        onDown: onDown$1,
+        edgeActions: edgeActions$1
+    });
+
+    var fireSliderChange$3 = function (spectrum, value) {
+      emitWith(spectrum, sliderChangeEvent(), { value: value });
+    };
+    var sliderValue$2 = function (x, y) {
+      return {
+        x: x,
+        y: y
+      };
+    };
+    var setValueFrom$2 = function (spectrum, detail, value) {
+      var xValue = findValueOfOffset(spectrum, detail, value.left);
+      var yValue = findValueOfOffset$1(spectrum, detail, value.top);
+      var val = sliderValue$2(xValue, yValue);
+      fireSliderChange$3(spectrum, val);
+      return val;
+    };
+    var moveBy$2 = function (direction, isVerticalMovement, spectrum, detail) {
+      var f = direction > 0 ? increaseBy : reduceBy;
+      var xValue = isVerticalMovement ? currentValue(detail).x : f(currentValue(detail).x, minX(detail), maxX(detail), step(detail));
+      var yValue = !isVerticalMovement ? currentValue(detail).y : f(currentValue(detail).y, minY(detail), maxY(detail), step(detail));
+      fireSliderChange$3(spectrum, sliderValue$2(xValue, yValue));
+      return Optional.some(xValue);
+    };
+    var handleMovement$2 = function (direction, isVerticalMovement) {
+      return function (spectrum, detail) {
+        return moveBy$2(direction, isVerticalMovement, spectrum, detail).map(function () {
+          return true;
+        });
+      };
+    };
+    var setToMin$2 = function (spectrum, detail) {
+      var mX = minX(detail);
+      var mY = minY(detail);
+      fireSliderChange$3(spectrum, sliderValue$2(mX, mY));
+    };
+    var setToMax$2 = function (spectrum, detail) {
+      var mX = maxX(detail);
+      var mY = maxY(detail);
+      fireSliderChange$3(spectrum, sliderValue$2(mX, mY));
+    };
+    var getValueFromEvent$2 = function (simulatedEvent) {
+      return getEventSource(simulatedEvent);
+    };
+    var setPositionFromValue$2 = function (slider, thumb, detail, edges) {
+      var value = currentValue(detail);
+      var xPos = findPositionOfValue(slider, edges.getSpectrum(slider), value.x, edges.getLeftEdge(slider), edges.getRightEdge(slider), detail);
+      var yPos = findPositionOfValue$1(slider, edges.getSpectrum(slider), value.y, edges.getTopEdge(slider), edges.getBottomEdge(slider), detail);
+      var thumbXRadius = get$8(thumb.element) / 2;
+      var thumbYRadius = get$6(thumb.element) / 2;
+      set$3(thumb.element, 'left', xPos - thumbXRadius + 'px');
+      set$3(thumb.element, 'top', yPos - thumbYRadius + 'px');
+    };
+    var onLeft$2 = handleMovement$2(-1, false);
+    var onRight$2 = handleMovement$2(1, false);
+    var onUp$2 = handleMovement$2(-1, true);
+    var onDown$2 = handleMovement$2(1, true);
+    var edgeActions$2 = {
+      'top-left': Optional.some(setToTLEdgeXY),
+      'top': Optional.some(setToTEdgeXY),
+      'top-right': Optional.some(setToTREdgeXY),
+      'right': Optional.some(setToREdgeXY),
+      'bottom-right': Optional.some(setToBREdgeXY),
+      'bottom': Optional.some(setToBEdgeXY),
+      'bottom-left': Optional.some(setToBLEdgeXY),
+      'left': Optional.some(setToLEdgeXY)
+    };
+
+    var TwoDModel = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setValueFrom: setValueFrom$2,
+        setToMin: setToMin$2,
+        setToMax: setToMax$2,
+        getValueFromEvent: getValueFromEvent$2,
+        setPositionFromValue: setPositionFromValue$2,
+        onLeft: onLeft$2,
+        onRight: onRight$2,
+        onUp: onUp$2,
+        onDown: onDown$2,
+        edgeActions: edgeActions$2
+    });
+
+    var SliderSchema = [
+      defaulted$1('stepSize', 1),
+      defaulted$1('onChange', noop),
+      defaulted$1('onChoose', noop),
+      defaulted$1('onInit', noop),
+      defaulted$1('onDragStart', noop),
+      defaulted$1('onDragEnd', noop),
+      defaulted$1('snapToGrid', false),
+      defaulted$1('rounded', true),
+      option('snapStart'),
+      strictOf('model', choose$1('mode', {
+        x: [
+          defaulted$1('minX', 0),
+          defaulted$1('maxX', 100),
+          state$1('value', function (spec) {
+            return Cell(spec.mode.minX);
+          }),
+          strict$1('getInitialValue'),
+          output('manager', HorizontalModel)
+        ],
+        y: [
+          defaulted$1('minY', 0),
+          defaulted$1('maxY', 100),
+          state$1('value', function (spec) {
+            return Cell(spec.mode.minY);
+          }),
+          strict$1('getInitialValue'),
+          output('manager', VerticalModel)
+        ],
+        xy: [
+          defaulted$1('minX', 0),
+          defaulted$1('maxX', 100),
+          defaulted$1('minY', 0),
+          defaulted$1('maxY', 100),
+          state$1('value', function (spec) {
+            return Cell({
+              x: spec.mode.minX,
+              y: spec.mode.minY
+            });
+          }),
+          strict$1('getInitialValue'),
+          output('manager', TwoDModel)
+        ]
+      })),
+      field$1('sliderBehaviours', [
+        Keying,
+        Representing
+      ]),
+      state$1('mouseIsDown', function () {
+        return Cell(false);
+      })
+    ];
+
+    var mouseReleased = constant('mouse.released');
+
+    var sketch = function (detail, components, _spec, _externals) {
+      var _a;
+      var getThumb = function (component) {
+        return getPartOrDie(component, detail, 'thumb');
+      };
+      var getSpectrum = function (component) {
+        return getPartOrDie(component, detail, 'spectrum');
+      };
+      var getLeftEdge = function (component) {
+        return getPart(component, detail, 'left-edge');
+      };
+      var getRightEdge = function (component) {
+        return getPart(component, detail, 'right-edge');
+      };
+      var getTopEdge = function (component) {
+        return getPart(component, detail, 'top-edge');
+      };
+      var getBottomEdge = function (component) {
+        return getPart(component, detail, 'bottom-edge');
+      };
+      var modelDetail = detail.model;
+      var model = modelDetail.manager;
+      var refresh = function (slider, thumb) {
+        model.setPositionFromValue(slider, thumb, detail, {
+          getLeftEdge: getLeftEdge,
+          getRightEdge: getRightEdge,
+          getTopEdge: getTopEdge,
+          getBottomEdge: getBottomEdge,
+          getSpectrum: getSpectrum
+        });
+      };
+      var changeValue = function (slider, newValue) {
+        modelDetail.value.set(newValue);
+        var thumb = getThumb(slider);
+        refresh(slider, thumb);
+        detail.onChange(slider, thumb, newValue);
+        return Optional.some(true);
+      };
+      var resetToMin = function (slider) {
+        model.setToMin(slider, detail);
+      };
+      var resetToMax = function (slider) {
+        model.setToMax(slider, detail);
+      };
+      var choose = function (slider) {
+        var fireOnChoose = function () {
+          getPart(slider, detail, 'thumb').each(function (thumb) {
+            var value = modelDetail.value.get();
+            detail.onChoose(slider, thumb, value);
+          });
+        };
+        var wasDown = detail.mouseIsDown.get();
+        detail.mouseIsDown.set(false);
+        if (wasDown) {
+          fireOnChoose();
+        }
+      };
+      var onDragStart = function (slider, simulatedEvent) {
+        simulatedEvent.stop();
+        detail.mouseIsDown.set(true);
+        detail.onDragStart(slider, getThumb(slider));
+      };
+      var onDragEnd = function (slider, simulatedEvent) {
+        simulatedEvent.stop();
+        detail.onDragEnd(slider, getThumb(slider));
+        choose(slider);
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: components,
+        behaviours: augment(detail.sliderBehaviours, [
+          Keying.config({
+            mode: 'special',
+            focusIn: function (slider) {
+              return getPart(slider, detail, 'spectrum').map(Keying.focusIn).map(always);
+            }
+          }),
+          Representing.config({
+            store: {
+              mode: 'manual',
+              getValue: function (_) {
+                return modelDetail.value.get();
+              }
+            }
+          }),
+          Receiving.config({ channels: (_a = {}, _a[mouseReleased()] = { onReceive: choose }, _a) })
+        ]),
+        events: derive([
+          run(sliderChangeEvent(), function (slider, simulatedEvent) {
+            changeValue(slider, simulatedEvent.event.value);
+          }),
+          runOnAttached(function (slider, _simulatedEvent) {
+            var getInitial = modelDetail.getInitialValue();
+            modelDetail.value.set(getInitial);
+            var thumb = getThumb(slider);
+            refresh(slider, thumb);
+            var spectrum = getSpectrum(slider);
+            detail.onInit(slider, thumb, spectrum, modelDetail.value.get());
+          }),
+          run(touchstart(), onDragStart),
+          run(touchend(), onDragEnd),
+          run(mousedown(), onDragStart),
+          run(mouseup(), onDragEnd)
+        ]),
+        apis: {
+          resetToMin: resetToMin,
+          resetToMax: resetToMax,
+          changeValue: changeValue,
+          refresh: refresh
+        },
+        domModification: { styles: { position: 'relative' } }
+      };
+    };
+
+    var Slider = composite$1({
+      name: 'Slider',
+      configFields: SliderSchema,
+      partFields: SliderParts,
+      factory: sketch,
+      apis: {
+        resetToMin: function (apis, slider) {
+          apis.resetToMin(slider);
+        },
+        resetToMax: function (apis, slider) {
+          apis.resetToMax(slider);
+        },
+        refresh: function (apis, slider) {
+          apis.refresh(slider);
+        }
+      }
+    });
+
+    var button = function (realm, clazz, makeItems, editor) {
+      return forToolbar(clazz, function () {
+        var items = makeItems();
+        realm.setContextToolbar([{
+            label: clazz + ' group',
+            items: items
+          }]);
+      }, {}, editor);
+    };
+
+    var BLACK = -1;
+    var makeSlider = function (spec$1) {
+      var getColor = function (hue) {
+        if (hue < 0) {
+          return 'black';
+        } else if (hue > 360) {
+          return 'white';
+        } else {
+          return 'hsl(' + hue + ', 100%, 50%)';
+        }
+      };
+      var onInit = function (slider, thumb, spectrum, value) {
+        var color = getColor(value.x());
+        set$3(thumb.element, 'background-color', color);
+      };
+      var onChange = function (slider, thumb, value) {
+        var color = getColor(value.x());
+        set$3(thumb.element, 'background-color', color);
+        spec$1.onChange(slider, thumb, color);
+      };
+      return Slider.sketch({
+        dom: dom$1('<div class="${prefix}-slider ${prefix}-hue-slider-container"></div>'),
+        components: [
+          Slider.parts['left-edge'](spec('<div class="${prefix}-hue-slider-black"></div>')),
+          Slider.parts.spectrum({
+            dom: dom$1('<div class="${prefix}-slider-gradient-container"></div>'),
+            components: [spec('<div class="${prefix}-slider-gradient"></div>')],
+            behaviours: derive$1([Toggling.config({ toggleClass: resolve('thumb-active') })])
+          }),
+          Slider.parts['right-edge'](spec('<div class="${prefix}-hue-slider-white"></div>')),
+          Slider.parts.thumb({
+            dom: dom$1('<div class="${prefix}-slider-thumb"></div>'),
+            behaviours: derive$1([Toggling.config({ toggleClass: resolve('thumb-active') })])
+          })
+        ],
+        onChange: onChange,
+        onDragStart: function (slider, thumb) {
+          Toggling.on(thumb);
+        },
+        onDragEnd: function (slider, thumb) {
+          Toggling.off(thumb);
+        },
+        onInit: onInit,
+        stepSize: 10,
+        model: {
+          mode: 'x',
+          minX: 0,
+          maxX: 360,
+          getInitialValue: function () {
+            return { x: spec$1.getInitialValue() };
+          }
+        },
+        sliderBehaviours: derive$1([orientation(Slider.refresh)])
+      });
+    };
+    var makeItems = function (spec) {
+      return [makeSlider(spec)];
+    };
+    var sketch$1 = function (realm, editor) {
+      var spec = {
+        onChange: function (slider, thumb, color) {
+          editor.undoManager.transact(function () {
+            editor.formatter.apply('forecolor', { value: color });
+            editor.nodeChanged();
+          });
+        },
+        getInitialValue: function () {
+          return BLACK;
+        }
+      };
+      return button(realm, 'color-levels', function () {
+        return makeItems(spec);
+      }, editor);
+    };
+
+    var candidatesArray = [
+      '9px',
+      '10px',
+      '11px',
+      '12px',
+      '14px',
+      '16px',
+      '18px',
+      '20px',
+      '24px',
+      '32px',
+      '36px'
+    ];
+    var defaultSize = 'medium';
+    var defaultIndex = 2;
+    var indexToSize = function (index) {
+      return Optional.from(candidatesArray[index]);
+    };
+    var sizeToIndex = function (size) {
+      return findIndex(candidatesArray, function (v) {
+        return v === size;
+      });
+    };
+    var getRawOrComputed = function (isRoot, rawStart) {
+      var optStart = isElement(rawStart) ? Optional.some(rawStart) : parent(rawStart).filter(isElement);
+      return optStart.map(function (start) {
+        var inline = closest$1(start, function (elem) {
+          return getRaw(elem, 'font-size').isSome();
+        }, isRoot).bind(function (elem) {
+          return getRaw(elem, 'font-size');
+        });
+        return inline.getOrThunk(function () {
+          return get$5(start, 'font-size');
+        });
+      }).getOr('');
+    };
+    var getSize = function (editor) {
+      var node = editor.selection.getStart();
+      var elem = SugarElement.fromDom(node);
+      var root = SugarElement.fromDom(editor.getBody());
+      var isRoot = function (e) {
+        return eq(root, e);
+      };
+      var elemSize = getRawOrComputed(isRoot, elem);
+      return find(candidatesArray, function (size) {
+        return elemSize === size;
+      }).getOr(defaultSize);
+    };
+    var applySize = function (editor, value) {
+      var currentValue = getSize(editor);
+      if (currentValue !== value) {
+        editor.execCommand('fontSize', false, value);
+      }
+    };
+    var get$9 = function (editor) {
+      var size = getSize(editor);
+      return sizeToIndex(size).getOr(defaultIndex);
+    };
+    var apply$1 = function (editor, index) {
+      indexToSize(index).each(function (size) {
+        applySize(editor, size);
+      });
+    };
+    var candidates = constant(candidatesArray);
+
+    var schema$7 = objOfOnly([
+      strict$1('getInitialValue'),
+      strict$1('onChange'),
+      strict$1('category'),
+      strict$1('sizes')
+    ]);
+    var sketch$2 = function (rawSpec) {
+      var spec$1 = asRawOrDie('SizeSlider', schema$7, rawSpec);
+      var isValidValue = function (valueIndex) {
+        return valueIndex >= 0 && valueIndex < spec$1.sizes.length;
+      };
+      var onChange = function (slider, thumb, valueIndex) {
+        var index = valueIndex.x();
+        if (isValidValue(index)) {
+          spec$1.onChange(index);
+        }
+      };
+      return Slider.sketch({
+        dom: {
+          tag: 'div',
+          classes: [
+            resolve('slider-' + spec$1.category + '-size-container'),
+            resolve('slider'),
+            resolve('slider-size-container')
+          ]
+        },
+        onChange: onChange,
+        onDragStart: function (slider, thumb) {
+          Toggling.on(thumb);
+        },
+        onDragEnd: function (slider, thumb) {
+          Toggling.off(thumb);
+        },
+        model: {
+          mode: 'x',
+          minX: 0,
+          maxX: spec$1.sizes.length - 1,
+          getInitialValue: function () {
+            return { x: spec$1.getInitialValue() };
+          }
+        },
+        stepSize: 1,
+        snapToGrid: true,
+        sliderBehaviours: derive$1([orientation(Slider.refresh)]),
+        components: [
+          Slider.parts.spectrum({
+            dom: dom$1('<div class="${prefix}-slider-size-container"></div>'),
+            components: [spec('<div class="${prefix}-slider-size-line"></div>')]
+          }),
+          Slider.parts.thumb({
+            dom: dom$1('<div class="${prefix}-slider-thumb"></div>'),
+            behaviours: derive$1([Toggling.config({ toggleClass: resolve('thumb-active') })])
+          })
+        ]
+      });
+    };
+
+    var sizes = candidates();
+    var makeSlider$1 = function (spec) {
+      return sketch$2({
+        onChange: spec.onChange,
+        sizes: sizes,
+        category: 'font',
+        getInitialValue: spec.getInitialValue
+      });
+    };
+    var makeItems$1 = function (spec$1) {
+      return [
+        spec('<span class="${prefix}-toolbar-button ${prefix}-icon-small-font ${prefix}-icon"></span>'),
+        makeSlider$1(spec$1),
+        spec('<span class="${prefix}-toolbar-button ${prefix}-icon-large-font ${prefix}-icon"></span>')
+      ];
+    };
+    var sketch$3 = function (realm, editor) {
+      var spec = {
+        onChange: function (value) {
+          apply$1(editor, value);
+        },
+        getInitialValue: function () {
+          return get$9(editor);
+        }
+      };
+      return button(realm, 'font-size', function () {
+        return makeItems$1(spec);
+      }, editor);
+    };
+
+    var record = function (spec) {
+      var uid = isSketchSpec(spec) && hasNonNullableKey(spec, 'uid') ? spec.uid : generate$3('memento');
+      var get = function (anyInSystem) {
+        return anyInSystem.getSystem().getByUid(uid).getOrDie();
+      };
+      var getOpt = function (anyInSystem) {
+        return anyInSystem.getSystem().getByUid(uid).toOptional();
+      };
+      var asSpec = function () {
+        return __assign(__assign({}, spec), { uid: uid });
+      };
+      return {
+        get: get,
+        getOpt: getOpt,
+        asSpec: asSpec
+      };
+    };
+
+    var promise = function () {
+      var Promise = function (fn) {
+        if (typeof this !== 'object') {
+          throw new TypeError('Promises must be constructed via new');
+        }
+        if (typeof fn !== 'function') {
+          throw new TypeError('not a function');
+        }
+        this._state = null;
+        this._value = null;
+        this._deferreds = [];
+        doResolve(fn, bind(resolve, this), bind(reject, this));
+      };
+      var anyWindow = window;
+      var asap = Promise.immediateFn || typeof anyWindow.setImmediate === 'function' && anyWindow.setImmediate || function (fn) {
+        setTimeout(fn, 1);
+      };
+      function bind(fn, thisArg) {
+        return function () {
+          return fn.apply(thisArg, arguments);
+        };
+      }
+      var isArray = Array.isArray || function (value) {
+        return Object.prototype.toString.call(value) === '[object Array]';
+      };
+      function handle(deferred) {
+        var me = this;
+        if (this._state === null) {
+          this._deferreds.push(deferred);
+          return;
+        }
+        asap(function () {
+          var cb = me._state ? deferred.onFulfilled : deferred.onRejected;
+          if (cb === null) {
+            (me._state ? deferred.resolve : deferred.reject)(me._value);
+            return;
+          }
+          var ret;
+          try {
+            ret = cb(me._value);
+          } catch (e) {
+            deferred.reject(e);
+            return;
+          }
+          deferred.resolve(ret);
+        });
+      }
+      function resolve(newValue) {
+        try {
+          if (newValue === this) {
+            throw new TypeError('A promise cannot be resolved with itself.');
+          }
+          if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
+            var then = newValue.then;
+            if (typeof then === 'function') {
+              doResolve(bind(then, newValue), bind(resolve, this), bind(reject, this));
+              return;
+            }
+          }
+          this._state = true;
+          this._value = newValue;
+          finale.call(this);
+        } catch (e) {
+          reject.call(this, e);
+        }
+      }
+      function reject(newValue) {
+        this._state = false;
+        this._value = newValue;
+        finale.call(this);
+      }
+      function finale() {
+        for (var _i = 0, _a = this._deferreds; _i < _a.length; _i++) {
+          var deferred = _a[_i];
+          handle.call(this, deferred);
+        }
+        this._deferreds = [];
+      }
+      function Handler(onFulfilled, onRejected, resolve, reject) {
+        this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;
+        this.onRejected = typeof onRejected === 'function' ? onRejected : null;
+        this.resolve = resolve;
+        this.reject = reject;
+      }
+      function doResolve(fn, onFulfilled, onRejected) {
+        var done = false;
+        try {
+          fn(function (value) {
+            if (done) {
+              return;
+            }
+            done = true;
+            onFulfilled(value);
+          }, function (reason) {
+            if (done) {
+              return;
+            }
+            done = true;
+            onRejected(reason);
+          });
+        } catch (ex) {
+          if (done) {
+            return;
+          }
+          done = true;
+          onRejected(ex);
+        }
+      }
+      Promise.prototype.catch = function (onRejected) {
+        return this.then(null, onRejected);
+      };
+      Promise.prototype.then = function (onFulfilled, onRejected) {
+        var me = this;
+        return new Promise(function (resolve, reject) {
+          handle.call(me, new Handler(onFulfilled, onRejected, resolve, reject));
+        });
+      };
+      Promise.all = function () {
+        var values = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          values[_i] = arguments[_i];
+        }
+        var args = Array.prototype.slice.call(values.length === 1 && isArray(values[0]) ? values[0] : values);
+        return new Promise(function (resolve, reject) {
+          if (args.length === 0) {
+            return resolve([]);
+          }
+          var remaining = args.length;
+          function res(i, val) {
+            try {
+              if (val && (typeof val === 'object' || typeof val === 'function')) {
+                var then = val.then;
+                if (typeof then === 'function') {
+                  then.call(val, function (val) {
+                    res(i, val);
+                  }, reject);
+                  return;
+                }
+              }
+              args[i] = val;
+              if (--remaining === 0) {
+                resolve(args);
+              }
+            } catch (ex) {
+              reject(ex);
+            }
+          }
+          for (var i = 0; i < args.length; i++) {
+            res(i, args[i]);
+          }
+        });
+      };
+      Promise.resolve = function (value) {
+        if (value && typeof value === 'object' && value.constructor === Promise) {
+          return value;
+        }
+        return new Promise(function (resolve) {
+          resolve(value);
+        });
+      };
+      Promise.reject = function (reason) {
+        return new Promise(function (resolve, reject) {
+          reject(reason);
+        });
+      };
+      Promise.race = function (values) {
+        return new Promise(function (resolve, reject) {
+          for (var _i = 0, values_1 = values; _i < values_1.length; _i++) {
+            var value = values_1[_i];
+            value.then(resolve, reject);
+          }
+        });
+      };
+      return Promise;
+    };
+    var Promise = window.Promise ? window.Promise : promise();
+
+    function blobToDataUri(blob) {
+      return new Promise(function (resolve) {
+        var reader = new FileReader();
+        reader.onloadend = function () {
+          resolve(reader.result);
+        };
+        reader.readAsDataURL(blob);
+      });
+    }
+    function blobToBase64(blob) {
+      return blobToDataUri(blob).then(function (dataUri) {
+        return dataUri.split(',')[1];
+      });
+    }
+
+    var blobToBase64$1 = function (blob) {
+      return blobToBase64(blob);
+    };
+
+    var addImage = function (editor, blob) {
+      blobToBase64$1(blob).then(function (base64) {
+        editor.undoManager.transact(function () {
+          var cache = editor.editorUpload.blobCache;
+          var info = cache.create(generate$1('mceu'), blob, base64);
+          cache.add(info);
+          var img = editor.dom.createHTML('img', { src: info.blobUri() });
+          editor.insertContent(img);
+        });
+      });
+    };
+    var extractBlob = function (simulatedEvent) {
+      var event = simulatedEvent.event.raw;
+      var files = event.target.files || event.dataTransfer.files;
+      return Optional.from(files[0]);
+    };
+    var sketch$4 = function (editor) {
+      var pickerDom = {
+        tag: 'input',
+        attributes: {
+          accept: 'image/*',
+          type: 'file',
+          title: ''
+        },
+        styles: {
+          visibility: 'hidden',
+          position: 'absolute'
+        }
+      };
+      var memPicker = record({
+        dom: pickerDom,
+        events: derive([
+          cutter(click()),
+          run(change(), function (picker, simulatedEvent) {
+            extractBlob(simulatedEvent).each(function (blob) {
+              addImage(editor, blob);
+            });
+          })
+        ])
+      });
+      return Button.sketch({
+        dom: getToolbarIconButton('image', editor),
+        components: [memPicker.asSpec()],
+        action: function (button) {
+          var picker = memPicker.get(button);
+          picker.element.dom.click();
+        }
+      });
+    };
+
+    var get$a = function (element) {
+      return element.dom.textContent;
+    };
+    var set$5 = function (element, value) {
+      element.dom.textContent = value;
+    };
+
+    var isNotEmpty = function (val) {
+      return val.length > 0;
+    };
+    var defaultToEmpty = function (str) {
+      return str === undefined || str === null ? '' : str;
+    };
+    var noLink = function (editor) {
+      var text = editor.selection.getContent({ format: 'text' });
+      return {
+        url: '',
+        text: text,
+        title: '',
+        target: '',
+        link: Optional.none()
+      };
+    };
+    var fromLink = function (link) {
+      var text = get$a(link);
+      var url = get$2(link, 'href');
+      var title = get$2(link, 'title');
+      var target = get$2(link, 'target');
+      return {
+        url: defaultToEmpty(url),
+        text: text !== url ? defaultToEmpty(text) : '',
+        title: defaultToEmpty(title),
+        target: defaultToEmpty(target),
+        link: Optional.some(link)
+      };
+    };
+    var getInfo = function (editor) {
+      return query(editor).fold(function () {
+        return noLink(editor);
+      }, function (link) {
+        return fromLink(link);
+      });
+    };
+    var wasSimple = function (link) {
+      var prevHref = get$2(link, 'href');
+      var prevText = get$a(link);
+      return prevHref === prevText;
+    };
+    var getTextToApply = function (link, url, info) {
+      return info.text.toOptional().filter(isNotEmpty).fold(function () {
+        return wasSimple(link) ? Optional.some(url) : Optional.none();
+      }, Optional.some);
+    };
+    var unlinkIfRequired = function (editor, info) {
+      var activeLink = info.link.bind(identity);
+      activeLink.each(function (_link) {
+        editor.execCommand('unlink');
+      });
+    };
+    var getAttrs$1 = function (url, info) {
+      var attrs = {};
+      attrs.href = url;
+      info.title.toOptional().filter(isNotEmpty).each(function (title) {
+        attrs.title = title;
+      });
+      info.target.toOptional().filter(isNotEmpty).each(function (target) {
+        attrs.target = target;
+      });
+      return attrs;
+    };
+    var applyInfo = function (editor, info) {
+      info.url.toOptional().filter(isNotEmpty).fold(function () {
+        unlinkIfRequired(editor, info);
+      }, function (url) {
+        var attrs = getAttrs$1(url, info);
+        var activeLink = info.link.bind(identity);
+        activeLink.fold(function () {
+          var text = info.text.toOptional().filter(isNotEmpty).getOr(url);
+          editor.insertContent(editor.dom.createHTML('a', attrs, editor.dom.encode(text)));
+        }, function (link) {
+          var text = getTextToApply(link, url, info);
+          setAll(link, attrs);
+          text.each(function (newText) {
+            set$5(link, newText);
+          });
+        });
+      });
+    };
+    var query = function (editor) {
+      var start = SugarElement.fromDom(editor.selection.getStart());
+      return closest$2(start, 'a');
+    };
+
+    var platform$1 = detect$3();
+    var preserve = function (f, editor) {
+      var rng = editor.selection.getRng();
+      f();
+      editor.selection.setRng(rng);
+    };
+    var forAndroid = function (editor, f) {
+      var wrapper = platform$1.os.isAndroid() ? preserve : apply;
+      wrapper(f, editor);
+    };
+
+    var events$6 = function (name, eventHandlers) {
+      var events = derive(eventHandlers);
+      return create$1({
+        fields: [strict$1('enabled')],
+        name: name,
+        active: { events: constant(events) }
+      });
+    };
+    var config = function (name, eventHandlers) {
+      var me = events$6(name, eventHandlers);
+      return {
+        key: name,
+        value: {
+          config: {},
+          me: me,
+          configAsRaw: constant({}),
+          initialConfig: {},
+          state: NoState
+        }
+      };
+    };
+
+    var getCurrent = function (component, composeConfig, _composeState) {
+      return composeConfig.find(component);
+    };
+
+    var ComposeApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        getCurrent: getCurrent
+    });
+
+    var ComposeSchema = [strict$1('find')];
+
+    var Composing = create$1({
+      fields: ComposeSchema,
+      name: 'composing',
+      apis: ComposeApis
+    });
+
+    var factory$1 = function (detail) {
+      var _a = detail.dom, attributes = _a.attributes, domWithoutAttributes = __rest(_a, ['attributes']);
+      return {
+        uid: detail.uid,
+        dom: __assign({
+          tag: 'div',
+          attributes: __assign({ role: 'presentation' }, attributes)
+        }, domWithoutAttributes),
+        components: detail.components,
+        behaviours: get$7(detail.containerBehaviours),
+        events: detail.events,
+        domModification: detail.domModification,
+        eventOrder: detail.eventOrder
+      };
+    };
+    var Container = single$2({
+      name: 'Container',
+      factory: factory$1,
+      configFields: [
+        defaulted$1('components', []),
+        field$1('containerBehaviours', []),
+        defaulted$1('events', {}),
+        defaulted$1('domModification', {}),
+        defaulted$1('eventOrder', {})
+      ]
+    });
+
+    var factory$2 = function (detail) {
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        behaviours: SketchBehaviours.augment(detail.dataBehaviours, [
+          Representing.config({
+            store: {
+              mode: 'memory',
+              initialValue: detail.getInitialValue()
+            }
+          }),
+          Composing.config({ find: Optional.some })
+        ]),
+        events: derive([runOnAttached(function (component, _simulatedEvent) {
+            Representing.setValue(component, detail.getInitialValue());
+          })])
+      };
+    };
+    var DataField = single$2({
+      name: 'DataField',
+      factory: factory$2,
+      configFields: [
+        strict$1('uid'),
+        strict$1('dom'),
+        strict$1('getInitialValue'),
+        SketchBehaviours.field('dataBehaviours', [
+          Representing,
+          Composing
+        ])
+      ]
+    });
+
+    var get$b = function (element) {
+      return element.dom.value;
+    };
+    var set$6 = function (element, value) {
+      if (value === undefined) {
+        throw new Error('Value.set was undefined');
+      }
+      element.dom.value = value;
+    };
+
+    var schema$8 = constant([
+      option('data'),
+      defaulted$1('inputAttributes', {}),
+      defaulted$1('inputStyles', {}),
+      defaulted$1('tag', 'input'),
+      defaulted$1('inputClasses', []),
+      onHandler('onSetValue'),
+      defaulted$1('styles', {}),
+      defaulted$1('eventOrder', {}),
+      field$1('inputBehaviours', [
+        Representing,
+        Focusing
+      ]),
+      defaulted$1('selectOnFocus', true)
+    ]);
+    var focusBehaviours = function (detail) {
+      return derive$1([Focusing.config({
+          onFocus: !detail.selectOnFocus ? noop : function (component) {
+            var input = component.element;
+            var value = get$b(input);
+            input.dom.setSelectionRange(0, value.length);
+          }
+        })]);
+    };
+    var behaviours = function (detail) {
+      return __assign(__assign({}, focusBehaviours(detail)), augment(detail.inputBehaviours, [Representing.config({
+          store: __assign(__assign({ mode: 'manual' }, detail.data.map(function (data) {
+            return { initialValue: data };
+          }).getOr({})), {
+            getValue: function (input) {
+              return get$b(input.element);
+            },
+            setValue: function (input, data) {
+              var current = get$b(input.element);
+              if (current !== data) {
+                set$6(input.element, data);
+              }
+            }
+          }),
+          onSetValue: detail.onSetValue
+        })]));
+    };
+    var dom$2 = function (detail) {
+      return {
+        tag: detail.tag,
+        attributes: __assign({ type: 'text' }, detail.inputAttributes),
+        styles: detail.inputStyles,
+        classes: detail.inputClasses
+      };
+    };
+
+    var factory$3 = function (detail, _spec) {
+      return {
+        uid: detail.uid,
+        dom: dom$2(detail),
+        components: [],
+        behaviours: behaviours(detail),
+        eventOrder: detail.eventOrder
+      };
+    };
+    var Input = single$2({
+      name: 'Input',
+      configFields: schema$8(),
+      factory: factory$3
+    });
+
+    var exhibit$3 = function (base, tabConfig) {
+      return nu$5({
+        attributes: wrapAll$1([{
+            key: tabConfig.tabAttr,
+            value: 'true'
+          }])
+      });
+    };
+
+    var ActiveTabstopping = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$3
+    });
+
+    var TabstopSchema = [defaulted$1('tabAttr', 'data-alloy-tabstop')];
+
+    var Tabstopping = create$1({
+      fields: TabstopSchema,
+      name: 'tabstopping',
+      active: ActiveTabstopping
+    });
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.util.I18n');
+
+    var clearInputBehaviour = 'input-clearing';
+    var field$2 = function (name, placeholder) {
+      var inputSpec = record(Input.sketch({
+        inputAttributes: { placeholder: global$3.translate(placeholder) },
+        onSetValue: function (input$1, _data) {
+          emit(input$1, input());
+        },
+        inputBehaviours: derive$1([
+          Composing.config({ find: Optional.some }),
+          Tabstopping.config({}),
+          Keying.config({ mode: 'execution' })
+        ]),
+        selectOnFocus: false
+      }));
+      var buttonSpec = record(Button.sketch({
+        dom: dom$1('<button class="${prefix}-input-container-x ${prefix}-icon-cancel-circle ${prefix}-icon"></button>'),
+        action: function (button) {
+          var input = inputSpec.get(button);
+          Representing.setValue(input, '');
+        }
+      }));
+      return {
+        name: name,
+        spec: Container.sketch({
+          dom: dom$1('<div class="${prefix}-input-container"></div>'),
+          components: [
+            inputSpec.asSpec(),
+            buttonSpec.asSpec()
+          ],
+          containerBehaviours: derive$1([
+            Toggling.config({ toggleClass: resolve('input-container-empty') }),
+            Composing.config({
+              find: function (comp) {
+                return Optional.some(inputSpec.get(comp));
+              }
+            }),
+            config(clearInputBehaviour, [run(input(), function (iContainer) {
+                var input = inputSpec.get(iContainer);
+                var val = Representing.getValue(input);
+                var f = val.length > 0 ? Toggling.off : Toggling.on;
+                f(iContainer);
+              })])
+          ])
+        })
+      };
+    };
+    var hidden = function (name) {
+      return {
+        name: name,
+        spec: DataField.sketch({
+          dom: {
+            tag: 'span',
+            styles: { display: 'none' }
+          },
+          getInitialValue: function () {
+            return Optional.none();
+          }
+        })
+      };
+    };
+
+    var nativeDisabled = [
+      'input',
+      'button',
+      'textarea',
+      'select'
+    ];
+    var onLoad$5 = function (component, disableConfig, disableState) {
+      var f = disableConfig.disabled() ? disable : enable;
+      f(component, disableConfig);
+    };
+    var hasNative = function (component, config) {
+      return config.useNative === true && contains(nativeDisabled, name(component.element));
+    };
+    var nativeIsDisabled = function (component) {
+      return has$1(component.element, 'disabled');
+    };
+    var nativeDisable = function (component) {
+      set(component.element, 'disabled', 'disabled');
+    };
+    var nativeEnable = function (component) {
+      remove$1(component.element, 'disabled');
+    };
+    var ariaIsDisabled = function (component) {
+      return get$2(component.element, 'aria-disabled') === 'true';
+    };
+    var ariaDisable = function (component) {
+      set(component.element, 'aria-disabled', 'true');
+    };
+    var ariaEnable = function (component) {
+      set(component.element, 'aria-disabled', 'false');
+    };
+    var disable = function (component, disableConfig, _disableState) {
+      disableConfig.disableClass.each(function (disableClass) {
+        add$2(component.element, disableClass);
+      });
+      var f = hasNative(component, disableConfig) ? nativeDisable : ariaDisable;
+      f(component);
+      disableConfig.onDisabled(component);
+    };
+    var enable = function (component, disableConfig, _disableState) {
+      disableConfig.disableClass.each(function (disableClass) {
+        remove$4(component.element, disableClass);
+      });
+      var f = hasNative(component, disableConfig) ? nativeEnable : ariaEnable;
+      f(component);
+      disableConfig.onEnabled(component);
+    };
+    var isDisabled = function (component, disableConfig) {
+      return hasNative(component, disableConfig) ? nativeIsDisabled(component) : ariaIsDisabled(component);
+    };
+    var set$7 = function (component, disableConfig, disableState, disabled) {
+      var f = disabled ? disable : enable;
+      f(component, disableConfig);
+    };
+
+    var DisableApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        enable: enable,
+        disable: disable,
+        isDisabled: isDisabled,
+        onLoad: onLoad$5,
+        set: set$7
+    });
+
+    var exhibit$4 = function (base, disableConfig) {
+      return nu$5({ classes: disableConfig.disabled() ? disableConfig.disableClass.toArray() : [] });
+    };
+    var events$7 = function (disableConfig, disableState) {
+      return derive([
+        abort(execute(), function (component, _simulatedEvent) {
+          return isDisabled(component, disableConfig);
+        }),
+        loadEvent(disableConfig, disableState, onLoad$5)
+      ]);
+    };
+
+    var ActiveDisable = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$4,
+        events: events$7
+    });
+
+    var DisableSchema = [
+      defaultedFunction('disabled', never),
+      defaulted$1('useNative', true),
+      option('disableClass'),
+      onHandler('onDisabled'),
+      onHandler('onEnabled')
+    ];
+
+    var Disabling = create$1({
+      fields: DisableSchema,
+      name: 'disabling',
+      active: ActiveDisable,
+      apis: DisableApis
+    });
+
+    var owner$1 = 'form';
+    var schema$9 = [field$1('formBehaviours', [Representing])];
+    var getPartName = function (name) {
+      return '<alloy.field.' + name + '>';
+    };
+    var sketch$5 = function (fSpec) {
+      var parts = function () {
+        var record = [];
+        var field = function (name, config) {
+          record.push(name);
+          return generateOne(owner$1, getPartName(name), config);
+        };
+        return {
+          field: field,
+          record: function () {
+            return record;
+          }
+        };
+      }();
+      var spec = fSpec(parts);
+      var partNames = parts.record();
+      var fieldParts = map(partNames, function (n) {
+        return required({
+          name: n,
+          pname: getPartName(n)
+        });
+      });
+      return composite(owner$1, schema$9, fieldParts, make, spec);
+    };
+    var toResult$1 = function (o, e) {
+      return o.fold(function () {
+        return Result.error(e);
+      }, Result.value);
+    };
+    var make = function (detail, components) {
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: components,
+        behaviours: augment(detail.formBehaviours, [Representing.config({
+            store: {
+              mode: 'manual',
+              getValue: function (form) {
+                var resPs = getAllParts(form, detail);
+                return map$1(resPs, function (resPThunk, pName) {
+                  return resPThunk().bind(function (v) {
+                    var opt = Composing.getCurrent(v);
+                    return toResult$1(opt, new Error('Cannot find a current component to extract the value from for form part \'' + pName + '\': ' + element(v.element)));
+                  }).map(Representing.getValue);
+                });
+              },
+              setValue: function (form, values) {
+                each$1(values, function (newValue, key) {
+                  getPart(form, detail, key).each(function (wrapper) {
+                    Composing.getCurrent(wrapper).each(function (field) {
+                      Representing.setValue(field, newValue);
+                    });
+                  });
+                });
+              }
+            }
+          })]),
+        apis: {
+          getField: function (form, key) {
+            return getPart(form, detail, key).bind(Composing.getCurrent);
+          }
+        }
+      };
+    };
+    var Form = {
+      getField: makeApi(function (apis, component, key) {
+        return apis.getField(component, key);
+      }),
+      sketch: sketch$5
+    };
+
+    var api$2 = function () {
+      var subject = Cell(Optional.none());
+      var revoke = function () {
+        return subject.get().each(function (s) {
+          return s.destroy();
+        });
+      };
+      var clear = function () {
+        revoke();
+        subject.set(Optional.none());
+      };
+      var set = function (s) {
+        revoke();
+        subject.set(Optional.some(s));
+      };
+      var run = function (f) {
+        return subject.get().each(f);
+      };
+      var isSet = function () {
+        return subject.get().isSome();
+      };
+      return {
+        clear: clear,
+        isSet: isSet,
+        set: set,
+        run: run
+      };
+    };
+    var value$2 = function () {
+      var subject = Cell(Optional.none());
+      var clear = function () {
+        return subject.set(Optional.none());
+      };
+      var set = function (s) {
+        return subject.set(Optional.some(s));
+      };
+      var isSet = function () {
+        return subject.get().isSome();
+      };
+      var on = function (f) {
+        return subject.get().each(f);
+      };
+      return {
+        clear: clear,
+        set: set,
+        isSet: isSet,
+        on: on
+      };
+    };
+
+    var SWIPING_LEFT = 1;
+    var SWIPING_RIGHT = -1;
+    var SWIPING_NONE = 0;
+    var init$2 = function (xValue) {
+      return {
+        xValue: xValue,
+        points: []
+      };
+    };
+    var move$1 = function (model, xValue) {
+      if (xValue === model.xValue) {
+        return model;
+      }
+      var currentDirection = xValue - model.xValue > 0 ? SWIPING_LEFT : SWIPING_RIGHT;
+      var newPoint = {
+        direction: currentDirection,
+        xValue: xValue
+      };
+      var priorPoints = function () {
+        if (model.points.length === 0) {
+          return [];
+        } else {
+          var prev = model.points[model.points.length - 1];
+          return prev.direction === currentDirection ? model.points.slice(0, model.points.length - 1) : model.points;
+        }
+      }();
+      return {
+        xValue: xValue,
+        points: priorPoints.concat([newPoint])
+      };
+    };
+    var complete = function (model) {
+      if (model.points.length === 0) {
+        return SWIPING_NONE;
+      } else {
+        var firstDirection = model.points[0].direction;
+        var lastDirection = model.points[model.points.length - 1].direction;
+        return firstDirection === SWIPING_RIGHT && lastDirection === SWIPING_RIGHT ? SWIPING_RIGHT : firstDirection === SWIPING_LEFT && lastDirection === SWIPING_LEFT ? SWIPING_LEFT : SWIPING_NONE;
+      }
+    };
+
+    var sketch$6 = function (rawSpec) {
+      var navigateEvent = 'navigateEvent';
+      var wrapperAdhocEvents = 'serializer-wrapper-events';
+      var formAdhocEvents = 'form-events';
+      var schema = objOf([
+        strict$1('fields'),
+        defaulted$1('maxFieldIndex', rawSpec.fields.length - 1),
+        strict$1('onExecute'),
+        strict$1('getInitialValue'),
+        state$1('state', function () {
+          return {
+            dialogSwipeState: value$2(),
+            currentScreen: Cell(0)
+          };
+        })
+      ]);
+      var spec$1 = asRawOrDie('SerialisedDialog', schema, rawSpec);
+      var navigationButton = function (direction, directionName, enabled) {
+        return Button.sketch({
+          dom: dom$1('<span class="${prefix}-icon-' + directionName + ' ${prefix}-icon"></span>'),
+          action: function (button) {
+            emitWith(button, navigateEvent, { direction: direction });
+          },
+          buttonBehaviours: derive$1([Disabling.config({
+              disableClass: resolve('toolbar-navigation-disabled'),
+              disabled: function () {
+                return !enabled;
+              }
+            })])
+        });
+      };
+      var reposition = function (dialog, message) {
+        descendant$1(dialog.element, '.' + resolve('serialised-dialog-chain')).each(function (parent) {
+          set$3(parent, 'left', -spec$1.state.currentScreen.get() * message.width + 'px');
+        });
+      };
+      var navigate = function (dialog, direction) {
+        var screens = descendants(dialog.element, '.' + resolve('serialised-dialog-screen'));
+        descendant$1(dialog.element, '.' + resolve('serialised-dialog-chain')).each(function (parent) {
+          if (spec$1.state.currentScreen.get() + direction >= 0 && spec$1.state.currentScreen.get() + direction < screens.length) {
+            getRaw(parent, 'left').each(function (left) {
+              var currentLeft = parseInt(left, 10);
+              var w = get$8(screens[0]);
+              set$3(parent, 'left', currentLeft - direction * w + 'px');
+            });
+            spec$1.state.currentScreen.set(spec$1.state.currentScreen.get() + direction);
+          }
+        });
+      };
+      var focusInput = function (dialog) {
+        var inputs = descendants(dialog.element, 'input');
+        var optInput = Optional.from(inputs[spec$1.state.currentScreen.get()]);
+        optInput.each(function (input) {
+          dialog.getSystem().getByDom(input).each(function (inputComp) {
+            dispatchFocus(dialog, inputComp.element);
+          });
+        });
+        var dotitems = memDots.get(dialog);
+        Highlighting.highlightAt(dotitems, spec$1.state.currentScreen.get());
+      };
+      var resetState = function () {
+        spec$1.state.currentScreen.set(0);
+        spec$1.state.dialogSwipeState.clear();
+      };
+      var memForm = record(Form.sketch(function (parts) {
+        return {
+          dom: dom$1('<div class="${prefix}-serialised-dialog"></div>'),
+          components: [Container.sketch({
+              dom: dom$1('<div class="${prefix}-serialised-dialog-chain" style="left: 0px; position: absolute;"></div>'),
+              components: map(spec$1.fields, function (field, i) {
+                return i <= spec$1.maxFieldIndex ? Container.sketch({
+                  dom: dom$1('<div class="${prefix}-serialised-dialog-screen"></div>'),
+                  components: [
+                    navigationButton(-1, 'previous', i > 0),
+                    parts.field(field.name, field.spec),
+                    navigationButton(+1, 'next', i < spec$1.maxFieldIndex)
+                  ]
+                }) : parts.field(field.name, field.spec);
+              })
+            })],
+          formBehaviours: derive$1([
+            orientation(function (dialog, message) {
+              reposition(dialog, message);
+            }),
+            Keying.config({
+              mode: 'special',
+              focusIn: function (dialog, _specialInfo) {
+                focusInput(dialog);
+              },
+              onTab: function (dialog, _specialInfo) {
+                navigate(dialog, +1);
+                return Optional.some(true);
+              },
+              onShiftTab: function (dialog, _specialInfo) {
+                navigate(dialog, -1);
+                return Optional.some(true);
+              }
+            }),
+            config(formAdhocEvents, [
+              runOnAttached(function (dialog, _simulatedEvent) {
+                resetState();
+                var dotitems = memDots.get(dialog);
+                Highlighting.highlightFirst(dotitems);
+                spec$1.getInitialValue(dialog).each(function (v) {
+                  Representing.setValue(dialog, v);
+                });
+              }),
+              runOnExecute(spec$1.onExecute),
+              run(transitionend(), function (dialog, simulatedEvent) {
+                var event = simulatedEvent.event;
+                if (event.raw.propertyName === 'left') {
+                  focusInput(dialog);
+                }
+              }),
+              run(navigateEvent, function (dialog, simulatedEvent) {
+                var event = simulatedEvent.event;
+                var direction = event.direction;
+                navigate(dialog, direction);
+              })
+            ])
+          ])
+        };
+      }));
+      var memDots = record({
+        dom: dom$1('<div class="${prefix}-dot-container"></div>'),
+        behaviours: derive$1([Highlighting.config({
+            highlightClass: resolve('dot-active'),
+            itemClass: resolve('dot-item')
+          })]),
+        components: bind(spec$1.fields, function (_f, i) {
+          return i <= spec$1.maxFieldIndex ? [spec('<div class="${prefix}-dot-item ${prefix}-icon-full-dot ${prefix}-icon"></div>')] : [];
+        })
+      });
+      return {
+        dom: dom$1('<div class="${prefix}-serializer-wrapper"></div>'),
+        components: [
+          memForm.asSpec(),
+          memDots.asSpec()
+        ],
+        behaviours: derive$1([
+          Keying.config({
+            mode: 'special',
+            focusIn: function (wrapper) {
+              var form = memForm.get(wrapper);
+              Keying.focusIn(form);
+            }
+          }),
+          config(wrapperAdhocEvents, [
+            run(touchstart(), function (_wrapper, simulatedEvent) {
+              var event = simulatedEvent.event;
+              spec$1.state.dialogSwipeState.set(init$2(event.raw.touches[0].clientX));
+            }),
+            run(touchmove(), function (_wrapper, simulatedEvent) {
+              var event = simulatedEvent.event;
+              spec$1.state.dialogSwipeState.on(function (state) {
+                simulatedEvent.event.prevent();
+                spec$1.state.dialogSwipeState.set(move$1(state, event.raw.touches[0].clientX));
+              });
+            }),
+            run(touchend(), function (wrapper, _simulatedEvent) {
+              spec$1.state.dialogSwipeState.on(function (state) {
+                var dialog = memForm.get(wrapper);
+                var direction = -1 * complete(state);
+                navigate(dialog, direction);
+              });
+            })
+          ])
+        ])
+      };
+    };
+
+    var getGroups = cached(function (realm, editor) {
+      return [{
+          label: 'the link group',
+          items: [sketch$6({
+              fields: [
+                field$2('url', 'Type or paste URL'),
+                field$2('text', 'Link text'),
+                field$2('title', 'Link title'),
+                field$2('target', 'Link target'),
+                hidden('link')
+              ],
+              maxFieldIndex: [
+                'url',
+                'text',
+                'title',
+                'target'
+              ].length - 1,
+              getInitialValue: function () {
+                return Optional.some(getInfo(editor));
+              },
+              onExecute: function (dialog, _simulatedEvent) {
+                var info = Representing.getValue(dialog);
+                applyInfo(editor, info);
+                realm.restoreToolbar();
+                editor.focus();
+              }
+            })]
+        }];
+    });
+    var sketch$7 = function (realm, editor) {
+      return forToolbarStateAction(editor, 'link', 'link', function () {
+        var groups = getGroups(realm, editor);
+        realm.setContextToolbar(groups);
+        forAndroid(editor, function () {
+          realm.focusToolbar();
+        });
+        query(editor).each(function (link) {
+          editor.selection.select(link.dom);
+        });
+      });
+    };
+
+    var isRecursive = function (component, originator, target) {
+      return eq(originator, component.element) && !eq(originator, target);
+    };
+    var events$8 = derive([can(focus(), function (component, simulatedEvent) {
+        var event = simulatedEvent.event;
+        var originator = event.originator;
+        var target = event.target;
+        if (isRecursive(component, originator, target)) {
+          console.warn(focus() + ' did not get interpreted by the desired target. ' + '\nOriginator: ' + element(originator) + '\nTarget: ' + element(target) + '\nCheck the ' + focus() + ' event handlers');
+          return false;
+        } else {
+          return true;
+        }
+      })]);
+
+    var DefaultEvents = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$8
+    });
+
+    var make$1 = identity;
+
+    var NoContextApi = function (getComp) {
+      var fail = function (event) {
+        return function () {
+          throw new Error('The component must be in a context to send: ' + event + (getComp ? '\n' + element(getComp().element) + ' is not in context.' : ''));
+        };
+      };
+      return {
+        debugInfo: constant('fake'),
+        triggerEvent: fail('triggerEvent'),
+        triggerFocus: fail('triggerFocus'),
+        triggerEscape: fail('triggerEscape'),
+        build: fail('build'),
+        addToWorld: fail('addToWorld'),
+        removeFromWorld: fail('removeFromWorld'),
+        addToGui: fail('addToGui'),
+        removeFromGui: fail('removeFromGui'),
+        getByUid: fail('getByUid'),
+        getByDom: fail('getByDom'),
+        broadcast: fail('broadcast'),
+        broadcastOn: fail('broadcastOn'),
+        broadcastEvent: fail('broadcastEvent'),
+        isConnected: never
+      };
+    };
+    var singleton = NoContextApi();
+
+    var generateFrom = function (spec, all) {
+      var schema = map(all, function (a) {
+        return optionObjOf(a.name(), [
+          strict$1('config'),
+          defaulted$1('state', NoState)
+        ]);
+      });
+      var validated = asRaw('component.behaviours', objOf(schema), spec.behaviours).fold(function (errInfo) {
+        throw new Error(formatError(errInfo) + '\nComplete spec:\n' + JSON.stringify(spec, null, 2));
+      }, function (v) {
+        return v;
+      });
+      return {
+        list: all,
+        data: map$1(validated, function (optBlobThunk) {
+          var output = optBlobThunk.map(function (blob) {
+            return {
+              config: blob.config,
+              state: blob.state.init(blob.config)
+            };
+          });
+          return function () {
+            return output;
+          };
+        })
+      };
+    };
+    var getBehaviours = function (bData) {
+      return bData.list;
+    };
+    var getData = function (bData) {
+      return bData.data;
+    };
+
+    var byInnerKey = function (data, tuple) {
+      var r = {};
+      each$1(data, function (detail, key) {
+        each$1(detail, function (value, indexKey) {
+          var chain = get$1(r, indexKey).getOr([]);
+          r[indexKey] = chain.concat([tuple(key, value)]);
+        });
+      });
+      return r;
+    };
+
+    var combine$1 = function (info, baseMod, behaviours, base) {
+      var modsByBehaviour = __assign({}, baseMod);
+      each(behaviours, function (behaviour) {
+        modsByBehaviour[behaviour.name()] = behaviour.exhibit(info, base);
+      });
+      var byAspect = byInnerKey(modsByBehaviour, function (name, modification) {
+        return {
+          name: name,
+          modification: modification
+        };
+      });
+      var combineObjects = function (objects) {
+        return foldr(objects, function (b, a) {
+          return __assign(__assign({}, a.modification), b);
+        }, {});
+      };
+      var combinedClasses = foldr(byAspect.classes, function (b, a) {
+        return a.modification.concat(b);
+      }, []);
+      var combinedAttributes = combineObjects(byAspect.attributes);
+      var combinedStyles = combineObjects(byAspect.styles);
+      return nu$5({
+        classes: combinedClasses,
+        attributes: combinedAttributes,
+        styles: combinedStyles
+      });
+    };
+
+    var sortKeys = function (label, keyName, array, order) {
+      try {
+        var sorted = sort(array, function (a, b) {
+          var aKey = a[keyName];
+          var bKey = b[keyName];
+          var aIndex = order.indexOf(aKey);
+          var bIndex = order.indexOf(bKey);
+          if (aIndex === -1) {
+            throw new Error('The ordering for ' + label + ' does not have an entry for ' + aKey + '.\nOrder specified: ' + JSON.stringify(order, null, 2));
+          }
+          if (bIndex === -1) {
+            throw new Error('The ordering for ' + label + ' does not have an entry for ' + bKey + '.\nOrder specified: ' + JSON.stringify(order, null, 2));
+          }
+          if (aIndex < bIndex) {
+            return -1;
+          } else if (bIndex < aIndex) {
+            return 1;
+          } else {
+            return 0;
+          }
+        });
+        return Result.value(sorted);
+      } catch (err) {
+        return Result.error([err]);
+      }
+    };
+
+    var uncurried = function (handler, purpose) {
+      return {
+        handler: handler,
+        purpose: purpose
+      };
+    };
+    var curried = function (handler, purpose) {
+      return {
+        cHandler: handler,
+        purpose: purpose
+      };
+    };
+    var curryArgs = function (descHandler, extraArgs) {
+      return curried(curry.apply(undefined, [descHandler.handler].concat(extraArgs)), descHandler.purpose);
+    };
+    var getCurried = function (descHandler) {
+      return descHandler.cHandler;
+    };
+
+    var behaviourTuple = function (name, handler) {
+      return {
+        name: name,
+        handler: handler
+      };
+    };
+    var nameToHandlers = function (behaviours, info) {
+      var r = {};
+      each(behaviours, function (behaviour) {
+        r[behaviour.name()] = behaviour.handlers(info);
+      });
+      return r;
+    };
+    var groupByEvents = function (info, behaviours, base) {
+      var behaviourEvents = __assign(__assign({}, base), nameToHandlers(behaviours, info));
+      return byInnerKey(behaviourEvents, behaviourTuple);
+    };
+    var combine$2 = function (info, eventOrder, behaviours, base) {
+      var byEventName = groupByEvents(info, behaviours, base);
+      return combineGroups(byEventName, eventOrder);
+    };
+    var assemble = function (rawHandler) {
+      var handler = read$1(rawHandler);
+      return function (component, simulatedEvent) {
+        var rest = [];
+        for (var _i = 2; _i < arguments.length; _i++) {
+          rest[_i - 2] = arguments[_i];
+        }
+        var args = [
+          component,
+          simulatedEvent
+        ].concat(rest);
+        if (handler.abort.apply(undefined, args)) {
+          simulatedEvent.stop();
+        } else if (handler.can.apply(undefined, args)) {
+          handler.run.apply(undefined, args);
+        }
+      };
+    };
+    var missingOrderError = function (eventName, tuples) {
+      return Result.error(['The event (' + eventName + ') has more than one behaviour that listens to it.\nWhen this occurs, you must ' + 'specify an event ordering for the behaviours in your spec (e.g. [ "listing", "toggling" ]).\nThe behaviours that ' + 'can trigger it are: ' + JSON.stringify(map(tuples, function (c) {
+          return c.name;
+        }), null, 2)]);
+    };
+    var fuse$1 = function (tuples, eventOrder, eventName) {
+      var order = eventOrder[eventName];
+      if (!order) {
+        return missingOrderError(eventName, tuples);
+      } else {
+        return sortKeys('Event: ' + eventName, 'name', tuples, order).map(function (sortedTuples) {
+          var handlers = map(sortedTuples, function (tuple) {
+            return tuple.handler;
+          });
+          return fuse(handlers);
+        });
+      }
+    };
+    var combineGroups = function (byEventName, eventOrder) {
+      var r = mapToArray(byEventName, function (tuples, eventName) {
+        var combined = tuples.length === 1 ? Result.value(tuples[0].handler) : fuse$1(tuples, eventOrder, eventName);
+        return combined.map(function (handler) {
+          var assembled = assemble(handler);
+          var purpose = tuples.length > 1 ? filter(eventOrder[eventName], function (o) {
+            return exists(tuples, function (t) {
+              return t.name === o;
+            });
+          }).join(' > ') : tuples[0].name;
+          return wrap$1(eventName, uncurried(assembled, purpose));
+        });
+      });
+      return consolidate(r, {});
+    };
+
+    var baseBehaviour = 'alloy.base.behaviour';
+    var toInfo = function (spec) {
+      var _a;
+      return asRaw('custom.definition', objOf([
+        field('dom', 'dom', strict(), objOf([
+          strict$1('tag'),
+          defaulted$1('styles', {}),
+          defaulted$1('classes', []),
+          defaulted$1('attributes', {}),
+          option('value'),
+          option('innerHtml')
+        ])),
+        strict$1('components'),
+        strict$1('uid'),
+        defaulted$1('events', {}),
+        defaulted$1('apis', {}),
+        field('eventOrder', 'eventOrder', mergeWith((_a = {}, _a[execute()] = [
+          'disabling',
+          baseBehaviour,
+          'toggling',
+          'typeaheadevents'
+        ], _a[focus()] = [
+          baseBehaviour,
+          'focusing',
+          'keying'
+        ], _a[systemInit()] = [
+          baseBehaviour,
+          'disabling',
+          'toggling',
+          'representing'
+        ], _a[input()] = [
+          baseBehaviour,
+          'representing',
+          'streaming',
+          'invalidating'
+        ], _a[detachedFromDom()] = [
+          baseBehaviour,
+          'representing',
+          'item-events',
+          'tooltipping'
+        ], _a[mousedown()] = [
+          'focusing',
+          baseBehaviour,
+          'item-type-events'
+        ], _a[touchstart()] = [
+          'focusing',
+          baseBehaviour,
+          'item-type-events'
+        ], _a[mouseover()] = [
+          'item-type-events',
+          'tooltipping'
+        ], _a[receive()] = [
+          'receiving',
+          'reflecting',
+          'tooltipping'
+        ], _a)), anyValue$1()),
+        option('domModification')
+      ]), spec);
+    };
+    var toDefinition = function (detail) {
+      return __assign(__assign({}, detail.dom), {
+        uid: detail.uid,
+        domChildren: map(detail.components, function (comp) {
+          return comp.element;
+        })
+      });
+    };
+    var toModification = function (detail) {
+      return detail.domModification.fold(function () {
+        return nu$5({});
+      }, nu$5);
+    };
+    var toEvents = function (info) {
+      return info.events;
+    };
+
+    var add$3 = function (element, classes) {
+      each(classes, function (x) {
+        add$2(element, x);
+      });
+    };
+    var remove$6 = function (element, classes) {
+      each(classes, function (x) {
+        remove$4(element, x);
+      });
+    };
+
+    var renderToDom = function (definition) {
+      var subject = SugarElement.fromTag(definition.tag);
+      setAll(subject, definition.attributes);
+      add$3(subject, definition.classes);
+      setAll$1(subject, definition.styles);
+      definition.innerHtml.each(function (html) {
+        return set$1(subject, html);
+      });
+      var children = definition.domChildren;
+      append$1(subject, children);
+      definition.value.each(function (value) {
+        set$6(subject, value);
+      });
+      if (!definition.uid) {
+        debugger;
+      }
+      writeOnly(subject, definition.uid);
+      return subject;
+    };
+
+    var getBehaviours$1 = function (spec) {
+      var behaviours = get$1(spec, 'behaviours').getOr({});
+      var keys$1 = filter(keys(behaviours), function (k) {
+        return behaviours[k] !== undefined;
+      });
+      return map(keys$1, function (k) {
+        return behaviours[k].me;
+      });
+    };
+    var generateFrom$1 = function (spec, all) {
+      return generateFrom(spec, all);
+    };
+    var generate$4 = function (spec) {
+      var all = getBehaviours$1(spec);
+      return generateFrom$1(spec, all);
+    };
+
+    var getDomDefinition = function (info, bList, bData) {
+      var definition = toDefinition(info);
+      var infoModification = toModification(info);
+      var baseModification = { 'alloy.base.modification': infoModification };
+      var modification = bList.length > 0 ? combine$1(bData, baseModification, bList, definition) : infoModification;
+      return merge$1(definition, modification);
+    };
+    var getEvents = function (info, bList, bData) {
+      var baseEvents = { 'alloy.base.behaviour': toEvents(info) };
+      return combine$2(bData, info.eventOrder, bList, baseEvents).getOrDie();
+    };
+    var build = function (spec) {
+      var getMe = function () {
+        return me;
+      };
+      var systemApi = Cell(singleton);
+      var info = getOrDie(toInfo(spec));
+      var bBlob = generate$4(spec);
+      var bList = getBehaviours(bBlob);
+      var bData = getData(bBlob);
+      var modDefinition = getDomDefinition(info, bList, bData);
+      var item = renderToDom(modDefinition);
+      var events = getEvents(info, bList, bData);
+      var subcomponents = Cell(info.components);
+      var connect = function (newApi) {
+        systemApi.set(newApi);
+      };
+      var disconnect = function () {
+        systemApi.set(NoContextApi(getMe));
+      };
+      var syncComponents = function () {
+        var children$1 = children(item);
+        var subs = bind(children$1, function (child) {
+          return systemApi.get().getByDom(child).fold(function () {
+            return [];
+          }, function (c) {
+            return [c];
+          });
+        });
+        subcomponents.set(subs);
+      };
+      var config = function (behaviour) {
+        var b = bData;
+        var f = isFunction(b[behaviour.name()]) ? b[behaviour.name()] : function () {
+          throw new Error('Could not find ' + behaviour.name() + ' in ' + JSON.stringify(spec, null, 2));
+        };
+        return f();
+      };
+      var hasConfigured = function (behaviour) {
+        return isFunction(bData[behaviour.name()]);
+      };
+      var getApis = function () {
+        return info.apis;
+      };
+      var readState = function (behaviourName) {
+        return bData[behaviourName]().map(function (b) {
+          return b.state.readState();
+        }).getOr('not enabled');
+      };
+      var me = {
+        getSystem: systemApi.get,
+        config: config,
+        hasConfigured: hasConfigured,
+        spec: spec,
+        readState: readState,
+        getApis: getApis,
+        connect: connect,
+        disconnect: disconnect,
+        element: item,
+        syncComponents: syncComponents,
+        components: subcomponents.get,
+        events: events
+      };
+      return me;
+    };
+
+    var buildSubcomponents = function (spec) {
+      var components = get$1(spec, 'components').getOr([]);
+      return map(components, build$1);
+    };
+    var buildFromSpec = function (userSpec) {
+      var _a = make$1(userSpec), specEvents = _a.events, spec = __rest(_a, ['events']);
+      var components = buildSubcomponents(spec);
+      var completeSpec = __assign(__assign({}, spec), {
+        events: __assign(__assign({}, DefaultEvents), specEvents),
+        components: components
+      });
+      return Result.value(build(completeSpec));
+    };
+    var text = function (textContent) {
+      var element = SugarElement.fromText(textContent);
+      return external$1({ element: element });
+    };
+    var external$1 = function (spec) {
+      var extSpec = asRawOrDie('external.component', objOfOnly([
+        strict$1('element'),
+        option('uid')
+      ]), spec);
+      var systemApi = Cell(NoContextApi());
+      var connect = function (newApi) {
+        systemApi.set(newApi);
+      };
+      var disconnect = function () {
+        systemApi.set(NoContextApi(function () {
+          return me;
+        }));
+      };
+      extSpec.uid.each(function (uid) {
+        writeOnly(extSpec.element, uid);
+      });
+      var me = {
+        getSystem: systemApi.get,
+        config: Optional.none,
+        hasConfigured: never,
+        connect: connect,
+        disconnect: disconnect,
+        getApis: function () {
+          return {};
+        },
+        element: extSpec.element,
+        spec: spec,
+        readState: constant('No state'),
+        syncComponents: noop,
+        components: constant([]),
+        events: {}
+      };
+      return premade(me);
+    };
+    var uids = generate$3;
+    var build$1 = function (spec) {
+      return getPremade(spec).fold(function () {
+        var userSpecWithUid = spec.hasOwnProperty('uid') ? spec : __assign({ uid: uids('') }, spec);
+        return buildFromSpec(userSpecWithUid).getOrDie();
+      }, function (prebuilt) {
+        return prebuilt;
+      });
+    };
+    var premade$1 = premade;
+
+    var hoverEvent = 'alloy.item-hover';
+    var focusEvent = 'alloy.item-focus';
+    var onHover = function (item) {
+      if (search(item.element).isNone() || Focusing.isFocused(item)) {
+        if (!Focusing.isFocused(item)) {
+          Focusing.focus(item);
+        }
+        emitWith(item, hoverEvent, { item: item });
+      }
+    };
+    var onFocus = function (item) {
+      emitWith(item, focusEvent, { item: item });
+    };
+    var hover = constant(hoverEvent);
+    var focus$3 = constant(focusEvent);
+
+    var builder = function (detail) {
+      return {
+        dom: detail.dom,
+        domModification: __assign(__assign({}, detail.domModification), { attributes: __assign(__assign(__assign({ 'role': detail.toggling.isSome() ? 'menuitemcheckbox' : 'menuitem' }, detail.domModification.attributes), { 'aria-haspopup': detail.hasSubmenu }), detail.hasSubmenu ? { 'aria-expanded': false } : {}) }),
+        behaviours: SketchBehaviours.augment(detail.itemBehaviours, [
+          detail.toggling.fold(Toggling.revoke, function (tConfig) {
+            return Toggling.config(__assign({ aria: { mode: 'checked' } }, tConfig));
+          }),
+          Focusing.config({
+            ignore: detail.ignoreFocus,
+            stopMousedown: detail.ignoreFocus,
+            onFocus: function (component) {
+              onFocus(component);
+            }
+          }),
+          Keying.config({ mode: 'execution' }),
+          Representing.config({
+            store: {
+              mode: 'memory',
+              initialValue: detail.data
+            }
+          }),
+          config('item-type-events', __spreadArrays(pointerEvents(), [
+            run(mouseover(), onHover),
+            run(focusItem(), Focusing.focus)
+          ]))
+        ]),
+        components: detail.components,
+        eventOrder: detail.eventOrder
+      };
+    };
+    var schema$a = [
+      strict$1('data'),
+      strict$1('components'),
+      strict$1('dom'),
+      defaulted$1('hasSubmenu', false),
+      option('toggling'),
+      SketchBehaviours.field('itemBehaviours', [
+        Toggling,
+        Focusing,
+        Keying,
+        Representing
+      ]),
+      defaulted$1('ignoreFocus', false),
+      defaulted$1('domModification', {}),
+      output('builder', builder),
+      defaulted$1('eventOrder', {})
+    ];
+
+    var builder$1 = function (detail) {
+      return {
+        dom: detail.dom,
+        components: detail.components,
+        events: derive([stopper(focusItem())])
+      };
+    };
+    var schema$b = [
+      strict$1('dom'),
+      strict$1('components'),
+      output('builder', builder$1)
+    ];
+
+    var owner$2 = function () {
+      return 'item-widget';
+    };
+    var parts = constant([required({
+        name: 'widget',
+        overrides: function (detail) {
+          return {
+            behaviours: derive$1([Representing.config({
+                store: {
+                  mode: 'manual',
+                  getValue: function (_component) {
+                    return detail.data;
+                  },
+                  setValue: function () {
+                  }
+                }
+              })])
+          };
+        }
+      })]);
+
+    var builder$2 = function (detail) {
+      var subs = substitutes(owner$2(), detail, parts());
+      var components$1 = components(owner$2(), detail, subs.internals());
+      var focusWidget = function (component) {
+        return getPart(component, detail, 'widget').map(function (widget) {
+          Keying.focusIn(widget);
+          return widget;
+        });
+      };
+      var onHorizontalArrow = function (component, simulatedEvent) {
+        return inside(simulatedEvent.event.target) ? Optional.none() : function () {
+          if (detail.autofocus) {
+            simulatedEvent.setSource(component.element);
+            return Optional.none();
+          } else {
+            return Optional.none();
+          }
+        }();
+      };
+      return {
+        dom: detail.dom,
+        components: components$1,
+        domModification: detail.domModification,
+        events: derive([
+          runOnExecute(function (component, simulatedEvent) {
+            focusWidget(component).each(function (_widget) {
+              simulatedEvent.stop();
+            });
+          }),
+          run(mouseover(), onHover),
+          run(focusItem(), function (component, _simulatedEvent) {
+            if (detail.autofocus) {
+              focusWidget(component);
+            } else {
+              Focusing.focus(component);
+            }
+          })
+        ]),
+        behaviours: SketchBehaviours.augment(detail.widgetBehaviours, [
+          Representing.config({
+            store: {
+              mode: 'memory',
+              initialValue: detail.data
+            }
+          }),
+          Focusing.config({
+            ignore: detail.ignoreFocus,
+            onFocus: function (component) {
+              onFocus(component);
+            }
+          }),
+          Keying.config({
+            mode: 'special',
+            focusIn: detail.autofocus ? function (component) {
+              focusWidget(component);
+            } : revoke(),
+            onLeft: onHorizontalArrow,
+            onRight: onHorizontalArrow,
+            onEscape: function (component, simulatedEvent) {
+              if (!Focusing.isFocused(component) && !detail.autofocus) {
+                Focusing.focus(component);
+                return Optional.some(true);
+              } else if (detail.autofocus) {
+                simulatedEvent.setSource(component.element);
+                return Optional.none();
+              } else {
+                return Optional.none();
+              }
+            }
+          })
+        ])
+      };
+    };
+    var schema$c = [
+      strict$1('uid'),
+      strict$1('data'),
+      strict$1('components'),
+      strict$1('dom'),
+      defaulted$1('autofocus', false),
+      defaulted$1('ignoreFocus', false),
+      SketchBehaviours.field('widgetBehaviours', [
+        Representing,
+        Focusing,
+        Keying
+      ]),
+      defaulted$1('domModification', {}),
+      defaultUidsSchema(parts()),
+      output('builder', builder$2)
+    ];
+
+    var itemSchema$1 = choose$1('type', {
+      widget: schema$c,
+      item: schema$a,
+      separator: schema$b
+    });
+    var configureGrid = function (detail, movementInfo) {
+      return {
+        mode: 'flatgrid',
+        selector: '.' + detail.markers.item,
+        initSize: {
+          numColumns: movementInfo.initSize.numColumns,
+          numRows: movementInfo.initSize.numRows
+        },
+        focusManager: detail.focusManager
+      };
+    };
+    var configureMatrix = function (detail, movementInfo) {
+      return {
+        mode: 'matrix',
+        selectors: {
+          row: movementInfo.rowSelector,
+          cell: '.' + detail.markers.item
+        },
+        focusManager: detail.focusManager
+      };
+    };
+    var configureMenu = function (detail, movementInfo) {
+      return {
+        mode: 'menu',
+        selector: '.' + detail.markers.item,
+        moveOnTab: movementInfo.moveOnTab,
+        focusManager: detail.focusManager
+      };
+    };
+    var parts$1 = constant([group({
+        factory: {
+          sketch: function (spec) {
+            var itemInfo = asRawOrDie('menu.spec item', itemSchema$1, spec);
+            return itemInfo.builder(itemInfo);
+          }
+        },
+        name: 'items',
+        unit: 'item',
+        defaults: function (detail, u) {
+          return u.hasOwnProperty('uid') ? u : __assign(__assign({}, u), { uid: generate$3('item') });
+        },
+        overrides: function (detail, u) {
+          return {
+            type: u.type,
+            ignoreFocus: detail.fakeFocus,
+            domModification: { classes: [detail.markers.item] }
+          };
+        }
+      })]);
+    var schema$d = constant([
+      strict$1('value'),
+      strict$1('items'),
+      strict$1('dom'),
+      strict$1('components'),
+      defaulted$1('eventOrder', {}),
+      field$1('menuBehaviours', [
+        Highlighting,
+        Representing,
+        Composing,
+        Keying
+      ]),
+      defaultedOf('movement', {
+        mode: 'menu',
+        moveOnTab: true
+      }, choose$1('mode', {
+        grid: [
+          initSize(),
+          output('config', configureGrid)
+        ],
+        matrix: [
+          output('config', configureMatrix),
+          strict$1('rowSelector')
+        ],
+        menu: [
+          defaulted$1('moveOnTab', true),
+          output('config', configureMenu)
+        ]
+      })),
+      itemMarkers(),
+      defaulted$1('fakeFocus', false),
+      defaulted$1('focusManager', dom()),
+      onHandler('onHighlight')
+    ]);
+
+    var focus$4 = constant('alloy.menu-focus');
+
+    var make$2 = function (detail, components, _spec, _externals) {
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        markers: detail.markers,
+        behaviours: augment(detail.menuBehaviours, [
+          Highlighting.config({
+            highlightClass: detail.markers.selectedItem,
+            itemClass: detail.markers.item,
+            onHighlight: detail.onHighlight
+          }),
+          Representing.config({
+            store: {
+              mode: 'memory',
+              initialValue: detail.value
+            }
+          }),
+          Composing.config({ find: Optional.some }),
+          Keying.config(detail.movement.config(detail, detail.movement))
+        ]),
+        events: derive([
+          run(focus$3(), function (menu, simulatedEvent) {
+            var event = simulatedEvent.event;
+            menu.getSystem().getByDom(event.target).each(function (item) {
+              Highlighting.highlight(menu, item);
+              simulatedEvent.stop();
+              emitWith(menu, focus$4(), {
+                menu: menu,
+                item: item
+              });
+            });
+          }),
+          run(hover(), function (menu, simulatedEvent) {
+            var item = simulatedEvent.event.item;
+            Highlighting.highlight(menu, item);
+          })
+        ]),
+        components: components,
+        eventOrder: detail.eventOrder,
+        domModification: { attributes: { role: 'menu' } }
+      };
+    };
+
+    var Menu = composite$1({
+      name: 'Menu',
+      configFields: schema$d(),
+      partFields: parts$1(),
+      factory: make$2
+    });
+
+    var preserve$1 = function (f, container) {
+      var dos = getRootNode(container);
+      var refocus = active(dos).bind(function (focused) {
+        var hasFocus = function (elem) {
+          return eq(focused, elem);
+        };
+        return hasFocus(container) ? Optional.some(container) : descendant(container, hasFocus);
+      });
+      var result = f(container);
+      refocus.each(function (oldFocus) {
+        active(dos).filter(function (newFocus) {
+          return eq(newFocus, oldFocus);
+        }).fold(function () {
+          focus$1(oldFocus);
+        }, noop);
+      });
+      return result;
+    };
+
+    var set$8 = function (component, replaceConfig, replaceState, data) {
+      preserve$1(function () {
+        var newChildren = map(data, component.getSystem().build);
+        replaceChildren(component, newChildren);
+      }, component.element);
+    };
+    var insert = function (component, replaceConfig, insertion, childSpec) {
+      var child = component.getSystem().build(childSpec);
+      attachWith(component, child, insertion);
+    };
+    var append$2 = function (component, replaceConfig, replaceState, appendee) {
+      insert(component, replaceConfig, append, appendee);
+    };
+    var prepend$1 = function (component, replaceConfig, replaceState, prependee) {
+      insert(component, replaceConfig, prepend, prependee);
+    };
+    var remove$7 = function (component, replaceConfig, replaceState, removee) {
+      var children = contents(component);
+      var foundChild = find(children, function (child) {
+        return eq(removee.element, child.element);
+      });
+      foundChild.each(detach);
+    };
+    var contents = function (component, _replaceConfig) {
+      return component.components();
+    };
+    var replaceAt = function (component, replaceConfig, replaceState, replaceeIndex, replacer) {
+      var children = contents(component);
+      return Optional.from(children[replaceeIndex]).map(function (replacee) {
+        remove$7(component, replaceConfig, replaceState, replacee);
+        replacer.each(function (r) {
+          insert(component, replaceConfig, function (p, c) {
+            appendAt(p, c, replaceeIndex);
+          }, r);
+        });
+        return replacee;
+      });
+    };
+    var replaceBy = function (component, replaceConfig, replaceState, replaceePred, replacer) {
+      var children = contents(component);
+      return findIndex(children, replaceePred).bind(function (replaceeIndex) {
+        return replaceAt(component, replaceConfig, replaceState, replaceeIndex, replacer);
+      });
+    };
+
+    var ReplaceApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        append: append$2,
+        prepend: prepend$1,
+        remove: remove$7,
+        replaceAt: replaceAt,
+        replaceBy: replaceBy,
+        set: set$8,
+        contents: contents
+    });
+
+    var Replacing = create$1({
+      fields: [],
+      name: 'replacing',
+      apis: ReplaceApis
+    });
+
+    var transpose = function (obj) {
+      return tupleMap(obj, function (v, k) {
+        return {
+          k: v,
+          v: k
+        };
+      });
+    };
+    var trace = function (items, byItem, byMenu, finish) {
+      return get$1(byMenu, finish).bind(function (triggerItem) {
+        return get$1(items, triggerItem).bind(function (triggerMenu) {
+          var rest = trace(items, byItem, byMenu, triggerMenu);
+          return Optional.some([triggerMenu].concat(rest));
+        });
+      }).getOr([]);
+    };
+    var generate$5 = function (menus, expansions) {
+      var items = {};
+      each$1(menus, function (menuItems, menu) {
+        each(menuItems, function (item) {
+          items[item] = menu;
+        });
+      });
+      var byItem = expansions;
+      var byMenu = transpose(expansions);
+      var menuPaths = map$1(byMenu, function (_triggerItem, submenu) {
+        return [submenu].concat(trace(items, byItem, byMenu, submenu));
+      });
+      return map$1(items, function (menu) {
+        return get$1(menuPaths, menu).getOr([menu]);
+      });
+    };
+
+    var init$3 = function () {
+      var expansions = Cell({});
+      var menus = Cell({});
+      var paths = Cell({});
+      var primary = Cell(Optional.none());
+      var directory = Cell({});
+      var clear = function () {
+        expansions.set({});
+        menus.set({});
+        paths.set({});
+        primary.set(Optional.none());
+      };
+      var isClear = function () {
+        return primary.get().isNone();
+      };
+      var setMenuBuilt = function (menuName, built) {
+        var _a;
+        menus.set(__assign(__assign({}, menus.get()), (_a = {}, _a[menuName] = {
+          type: 'prepared',
+          menu: built
+        }, _a)));
+      };
+      var setContents = function (sPrimary, sMenus, sExpansions, dir) {
+        primary.set(Optional.some(sPrimary));
+        expansions.set(sExpansions);
+        menus.set(sMenus);
+        directory.set(dir);
+        var sPaths = generate$5(dir, sExpansions);
+        paths.set(sPaths);
+      };
+      var getTriggeringItem = function (menuValue) {
+        return find$2(expansions.get(), function (v, _k) {
+          return v === menuValue;
+        });
+      };
+      var getTriggerData = function (menuValue, getItemByValue, path) {
+        return getPreparedMenu(menuValue).bind(function (menu) {
+          return getTriggeringItem(menuValue).bind(function (triggeringItemValue) {
+            return getItemByValue(triggeringItemValue).map(function (triggeredItem) {
+              return {
+                triggeredMenu: menu,
+                triggeringItem: triggeredItem,
+                triggeringPath: path
+              };
+            });
+          });
+        });
+      };
+      var getTriggeringPath = function (itemValue, getItemByValue) {
+        var extraPath = filter(lookupItem(itemValue).toArray(), function (menuValue) {
+          return getPreparedMenu(menuValue).isSome();
+        });
+        return get$1(paths.get(), itemValue).bind(function (path) {
+          var revPath = reverse(extraPath.concat(path));
+          var triggers = bind(revPath, function (menuValue, menuIndex) {
+            return getTriggerData(menuValue, getItemByValue, revPath.slice(0, menuIndex + 1)).fold(function () {
+              return primary.get().is(menuValue) ? [] : [Optional.none()];
+            }, function (data) {
+              return [Optional.some(data)];
+            });
+          });
+          return sequence(triggers);
+        });
+      };
+      var expand = function (itemValue) {
+        return get$1(expansions.get(), itemValue).map(function (menu) {
+          var current = get$1(paths.get(), itemValue).getOr([]);
+          return [menu].concat(current);
+        });
+      };
+      var collapse = function (itemValue) {
+        return get$1(paths.get(), itemValue).bind(function (path) {
+          return path.length > 1 ? Optional.some(path.slice(1)) : Optional.none();
+        });
+      };
+      var refresh = function (itemValue) {
+        return get$1(paths.get(), itemValue);
+      };
+      var getPreparedMenu = function (menuValue) {
+        return lookupMenu(menuValue).bind(extractPreparedMenu);
+      };
+      var lookupMenu = function (menuValue) {
+        return get$1(menus.get(), menuValue);
+      };
+      var lookupItem = function (itemValue) {
+        return get$1(expansions.get(), itemValue);
+      };
+      var otherMenus = function (path) {
+        var menuValues = directory.get();
+        return difference(keys(menuValues), path);
+      };
+      var getPrimary = function () {
+        return primary.get().bind(getPreparedMenu);
+      };
+      var getMenus = function () {
+        return menus.get();
+      };
+      return {
+        setMenuBuilt: setMenuBuilt,
+        setContents: setContents,
+        expand: expand,
+        refresh: refresh,
+        collapse: collapse,
+        lookupMenu: lookupMenu,
+        lookupItem: lookupItem,
+        otherMenus: otherMenus,
+        getPrimary: getPrimary,
+        getMenus: getMenus,
+        clear: clear,
+        isClear: isClear,
+        getTriggeringPath: getTriggeringPath
+      };
+    };
+    var extractPreparedMenu = function (prep) {
+      return prep.type === 'prepared' ? Optional.some(prep.menu) : Optional.none();
+    };
+    var LayeredState = {
+      init: init$3,
+      extractPreparedMenu: extractPreparedMenu
+    };
+
+    var make$3 = function (detail, _rawUiSpec) {
+      var submenuParentItems = Cell(Optional.none());
+      var buildMenus = function (container, primaryName, menus) {
+        return map$1(menus, function (spec, name) {
+          var makeSketch = function () {
+            return Menu.sketch(__assign(__assign({}, spec), {
+              value: name,
+              markers: detail.markers,
+              fakeFocus: detail.fakeFocus,
+              onHighlight: detail.onHighlight,
+              focusManager: detail.fakeFocus ? highlights() : dom()
+            }));
+          };
+          return name === primaryName ? {
+            type: 'prepared',
+            menu: container.getSystem().build(makeSketch())
+          } : {
+            type: 'notbuilt',
+            nbMenu: makeSketch
+          };
+        });
+      };
+      var layeredState = LayeredState.init();
+      var setup = function (container) {
+        var componentMap = buildMenus(container, detail.data.primary, detail.data.menus);
+        var directory = toDirectory();
+        layeredState.setContents(detail.data.primary, componentMap, detail.data.expansions, directory);
+        return layeredState.getPrimary();
+      };
+      var getItemValue = function (item) {
+        return Representing.getValue(item).value;
+      };
+      var getItemByValue = function (_container, menus, itemValue) {
+        return findMap(menus, function (menu) {
+          if (!menu.getSystem().isConnected()) {
+            return Optional.none();
+          }
+          var candidates = Highlighting.getCandidates(menu);
+          return find(candidates, function (c) {
+            return getItemValue(c) === itemValue;
+          });
+        });
+      };
+      var toDirectory = function (_container) {
+        return map$1(detail.data.menus, function (data, _menuName) {
+          return bind(data.items, function (item) {
+            return item.type === 'separator' ? [] : [item.data.value];
+          });
+        });
+      };
+      var setActiveMenu = function (container, menu) {
+        Highlighting.highlight(container, menu);
+        Highlighting.getHighlighted(menu).orThunk(function () {
+          return Highlighting.getFirst(menu);
+        }).each(function (item) {
+          dispatch(container, item.element, focusItem());
+        });
+      };
+      var getMenus = function (state, menuValues) {
+        return cat(map(menuValues, function (mv) {
+          return state.lookupMenu(mv).bind(function (prep) {
+            return prep.type === 'prepared' ? Optional.some(prep.menu) : Optional.none();
+          });
+        }));
+      };
+      var closeOthers = function (container, state, path) {
+        var others = getMenus(state, state.otherMenus(path));
+        each(others, function (o) {
+          remove$6(o.element, [detail.markers.backgroundMenu]);
+          if (!detail.stayInDom) {
+            Replacing.remove(container, o);
+          }
+        });
+      };
+      var getSubmenuParents = function (container) {
+        return submenuParentItems.get().getOrThunk(function () {
+          var r = {};
+          var items = descendants(container.element, '.' + detail.markers.item);
+          var parentItems = filter(items, function (i) {
+            return get$2(i, 'aria-haspopup') === 'true';
+          });
+          each(parentItems, function (i) {
+            container.getSystem().getByDom(i).each(function (itemComp) {
+              var key = getItemValue(itemComp);
+              r[key] = itemComp;
+            });
+          });
+          submenuParentItems.set(Optional.some(r));
+          return r;
+        });
+      };
+      var updateAriaExpansions = function (container, path) {
+        var parentItems = getSubmenuParents(container);
+        each$1(parentItems, function (v, k) {
+          var expanded = contains(path, k);
+          set(v.element, 'aria-expanded', expanded);
+        });
+      };
+      var updateMenuPath = function (container, state, path) {
+        return Optional.from(path[0]).bind(function (latestMenuName) {
+          return state.lookupMenu(latestMenuName).bind(function (menuPrep) {
+            if (menuPrep.type === 'notbuilt') {
+              return Optional.none();
+            } else {
+              var activeMenu = menuPrep.menu;
+              var rest = getMenus(state, path.slice(1));
+              each(rest, function (r) {
+                add$2(r.element, detail.markers.backgroundMenu);
+              });
+              if (!inBody(activeMenu.element)) {
+                Replacing.append(container, premade$1(activeMenu));
+              }
+              remove$6(activeMenu.element, [detail.markers.backgroundMenu]);
+              setActiveMenu(container, activeMenu);
+              closeOthers(container, state, path);
+              return Optional.some(activeMenu);
+            }
+          });
+        });
+      };
+      var ExpandHighlightDecision;
+      (function (ExpandHighlightDecision) {
+        ExpandHighlightDecision[ExpandHighlightDecision['HighlightSubmenu'] = 0] = 'HighlightSubmenu';
+        ExpandHighlightDecision[ExpandHighlightDecision['HighlightParent'] = 1] = 'HighlightParent';
+      }(ExpandHighlightDecision || (ExpandHighlightDecision = {})));
+      var buildIfRequired = function (container, menuName, menuPrep) {
+        if (menuPrep.type === 'notbuilt') {
+          var menu = container.getSystem().build(menuPrep.nbMenu());
+          layeredState.setMenuBuilt(menuName, menu);
+          return menu;
+        } else {
+          return menuPrep.menu;
+        }
+      };
+      var expandRight = function (container, item, decision) {
+        if (decision === void 0) {
+          decision = ExpandHighlightDecision.HighlightSubmenu;
+        }
+        var value = getItemValue(item);
+        return layeredState.expand(value).bind(function (path) {
+          updateAriaExpansions(container, path);
+          return Optional.from(path[0]).bind(function (menuName) {
+            return layeredState.lookupMenu(menuName).bind(function (activeMenuPrep) {
+              var activeMenu = buildIfRequired(container, menuName, activeMenuPrep);
+              if (!inBody(activeMenu.element)) {
+                Replacing.append(container, premade$1(activeMenu));
+              }
+              detail.onOpenSubmenu(container, item, activeMenu, reverse(path));
+              if (decision === ExpandHighlightDecision.HighlightSubmenu) {
+                Highlighting.highlightFirst(activeMenu);
+                return updateMenuPath(container, layeredState, path);
+              } else {
+                Highlighting.dehighlightAll(activeMenu);
+                return Optional.some(item);
+              }
+            });
+          });
+        });
+      };
+      var collapseLeft = function (container, item) {
+        var value = getItemValue(item);
+        return layeredState.collapse(value).bind(function (path) {
+          updateAriaExpansions(container, path);
+          return updateMenuPath(container, layeredState, path).map(function (activeMenu) {
+            detail.onCollapseMenu(container, item, activeMenu);
+            return activeMenu;
+          });
+        });
+      };
+      var updateView = function (container, item) {
+        var value = getItemValue(item);
+        return layeredState.refresh(value).bind(function (path) {
+          updateAriaExpansions(container, path);
+          return updateMenuPath(container, layeredState, path);
+        });
+      };
+      var onRight = function (container, item) {
+        return inside(item.element) ? Optional.none() : expandRight(container, item, ExpandHighlightDecision.HighlightSubmenu);
+      };
+      var onLeft = function (container, item) {
+        return inside(item.element) ? Optional.none() : collapseLeft(container, item);
+      };
+      var onEscape = function (container, item) {
+        return collapseLeft(container, item).orThunk(function () {
+          return detail.onEscape(container, item).map(function () {
+            return container;
+          });
+        });
+      };
+      var keyOnItem = function (f) {
+        return function (container, simulatedEvent) {
+          return closest$2(simulatedEvent.getSource(), '.' + detail.markers.item).bind(function (target) {
+            return container.getSystem().getByDom(target).toOptional().bind(function (item) {
+              return f(container, item).map(function () {
+                return true;
+              });
+            });
+          });
+        };
+      };
+      var events = derive([
+        run(focus$4(), function (sandbox, simulatedEvent) {
+          var item = simulatedEvent.event.item;
+          layeredState.lookupItem(getItemValue(item)).each(function () {
+            var menu = simulatedEvent.event.menu;
+            Highlighting.highlight(sandbox, menu);
+            var value = getItemValue(simulatedEvent.event.item);
+            layeredState.refresh(value).each(function (path) {
+              return closeOthers(sandbox, layeredState, path);
+            });
+          });
+        }),
+        runOnExecute(function (component, simulatedEvent) {
+          var target = simulatedEvent.event.target;
+          component.getSystem().getByDom(target).each(function (item) {
+            var itemValue = getItemValue(item);
+            if (itemValue.indexOf('collapse-item') === 0) {
+              collapseLeft(component, item);
+            }
+            expandRight(component, item, ExpandHighlightDecision.HighlightSubmenu).fold(function () {
+              detail.onExecute(component, item);
+            }, function () {
+            });
+          });
+        }),
+        runOnAttached(function (container, _simulatedEvent) {
+          setup(container).each(function (primary) {
+            Replacing.append(container, premade$1(primary));
+            detail.onOpenMenu(container, primary);
+            if (detail.highlightImmediately) {
+              setActiveMenu(container, primary);
+            }
+          });
+        })
+      ].concat(detail.navigateOnHover ? [run(hover(), function (sandbox, simulatedEvent) {
+          var item = simulatedEvent.event.item;
+          updateView(sandbox, item);
+          expandRight(sandbox, item, ExpandHighlightDecision.HighlightParent);
+          detail.onHover(sandbox, item);
+        })] : []));
+      var getActiveItem = function (container) {
+        return Highlighting.getHighlighted(container).bind(Highlighting.getHighlighted);
+      };
+      var collapseMenuApi = function (container) {
+        getActiveItem(container).each(function (currentItem) {
+          collapseLeft(container, currentItem);
+        });
+      };
+      var highlightPrimary = function (container) {
+        layeredState.getPrimary().each(function (primary) {
+          setActiveMenu(container, primary);
+        });
+      };
+      var extractMenuFromContainer = function (container) {
+        return Optional.from(container.components()[0]).filter(function (comp) {
+          return get$2(comp.element, 'role') === 'menu';
+        });
+      };
+      var repositionMenus = function (container) {
+        var maybeActivePrimary = layeredState.getPrimary().bind(function (primary) {
+          return getActiveItem(container).bind(function (currentItem) {
+            var itemValue = getItemValue(currentItem);
+            var allMenus = values(layeredState.getMenus());
+            var preparedMenus = cat(map(allMenus, LayeredState.extractPreparedMenu));
+            return layeredState.getTriggeringPath(itemValue, function (v) {
+              return getItemByValue(container, preparedMenus, v);
+            });
+          }).map(function (triggeringPath) {
+            return {
+              primary: primary,
+              triggeringPath: triggeringPath
+            };
+          });
+        });
+        maybeActivePrimary.fold(function () {
+          extractMenuFromContainer(container).each(function (primaryMenu) {
+            detail.onRepositionMenu(container, primaryMenu, []);
+          });
+        }, function (_a) {
+          var primary = _a.primary, triggeringPath = _a.triggeringPath;
+          detail.onRepositionMenu(container, primary, triggeringPath);
+        });
+      };
+      var apis = {
+        collapseMenu: collapseMenuApi,
+        highlightPrimary: highlightPrimary,
+        repositionMenus: repositionMenus
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        markers: detail.markers,
+        behaviours: augment(detail.tmenuBehaviours, [
+          Keying.config({
+            mode: 'special',
+            onRight: keyOnItem(onRight),
+            onLeft: keyOnItem(onLeft),
+            onEscape: keyOnItem(onEscape),
+            focusIn: function (container, _keyInfo) {
+              layeredState.getPrimary().each(function (primary) {
+                dispatch(container, primary.element, focusItem());
+              });
+            }
+          }),
+          Highlighting.config({
+            highlightClass: detail.markers.selectedMenu,
+            itemClass: detail.markers.menu
+          }),
+          Composing.config({
+            find: function (container) {
+              return Highlighting.getHighlighted(container);
+            }
+          }),
+          Replacing.config({})
+        ]),
+        eventOrder: detail.eventOrder,
+        apis: apis,
+        events: events
+      };
+    };
+    var collapseItem = constant('collapse-item');
+
+    var tieredData = function (primary, menus, expansions) {
+      return {
+        primary: primary,
+        menus: menus,
+        expansions: expansions
+      };
+    };
+    var singleData = function (name, menu) {
+      return {
+        primary: name,
+        menus: wrap$1(name, menu),
+        expansions: {}
+      };
+    };
+    var collapseItem$1 = function (text) {
+      return {
+        value: generate$1(collapseItem()),
+        meta: { text: text }
+      };
+    };
+    var tieredMenu = single$2({
+      name: 'TieredMenu',
+      configFields: [
+        onStrictKeyboardHandler('onExecute'),
+        onStrictKeyboardHandler('onEscape'),
+        onStrictHandler('onOpenMenu'),
+        onStrictHandler('onOpenSubmenu'),
+        onHandler('onRepositionMenu'),
+        onHandler('onCollapseMenu'),
+        defaulted$1('highlightImmediately', true),
+        strictObjOf('data', [
+          strict$1('primary'),
+          strict$1('menus'),
+          strict$1('expansions')
+        ]),
+        defaulted$1('fakeFocus', false),
+        onHandler('onHighlight'),
+        onHandler('onHover'),
+        tieredMenuMarkers(),
+        strict$1('dom'),
+        defaulted$1('navigateOnHover', true),
+        defaulted$1('stayInDom', false),
+        field$1('tmenuBehaviours', [
+          Keying,
+          Highlighting,
+          Composing,
+          Replacing
+        ]),
+        defaulted$1('eventOrder', {})
+      ],
+      apis: {
+        collapseMenu: function (apis, tmenu) {
+          apis.collapseMenu(tmenu);
+        },
+        highlightPrimary: function (apis, tmenu) {
+          apis.highlightPrimary(tmenu);
+        },
+        repositionMenus: function (apis, tmenu) {
+          apis.repositionMenus(tmenu);
+        }
+      },
+      factory: make$3,
+      extraApis: {
+        tieredData: tieredData,
+        singleData: singleData,
+        collapseItem: collapseItem$1
+      }
+    });
+
+    var findRoute = function (component, transConfig, transState, route) {
+      return get$1(transConfig.routes, route.start).bind(function (sConfig) {
+        return get$1(sConfig, route.destination);
+      });
+    };
+    var getTransition = function (comp, transConfig, transState) {
+      var route = getCurrentRoute(comp, transConfig);
+      return route.bind(function (r) {
+        return getTransitionOf(comp, transConfig, transState, r);
+      });
+    };
+    var getTransitionOf = function (comp, transConfig, transState, route) {
+      return findRoute(comp, transConfig, transState, route).bind(function (r) {
+        return r.transition.map(function (t) {
+          return {
+            transition: t,
+            route: r
+          };
+        });
+      });
+    };
+    var disableTransition = function (comp, transConfig, transState) {
+      getTransition(comp, transConfig, transState).each(function (routeTransition) {
+        var t = routeTransition.transition;
+        remove$4(comp.element, t.transitionClass);
+        remove$1(comp.element, transConfig.destinationAttr);
+      });
+    };
+    var getNewRoute = function (comp, transConfig, transState, destination) {
+      return {
+        start: get$2(comp.element, transConfig.stateAttr),
+        destination: destination
+      };
+    };
+    var getCurrentRoute = function (comp, transConfig, _transState) {
+      var el = comp.element;
+      return getOpt(el, transConfig.destinationAttr).map(function (destination) {
+        return {
+          start: get$2(comp.element, transConfig.stateAttr),
+          destination: destination
+        };
+      });
+    };
+    var jumpTo = function (comp, transConfig, transState, destination) {
+      disableTransition(comp, transConfig, transState);
+      if (has$1(comp.element, transConfig.stateAttr) && get$2(comp.element, transConfig.stateAttr) !== destination) {
+        transConfig.onFinish(comp, destination);
+      }
+      set(comp.element, transConfig.stateAttr, destination);
+    };
+    var fasttrack = function (comp, transConfig, _transState, _destination) {
+      if (has$1(comp.element, transConfig.destinationAttr)) {
+        getOpt(comp.element, transConfig.destinationAttr).each(function (destination) {
+          set(comp.element, transConfig.stateAttr, destination);
+        });
+        remove$1(comp.element, transConfig.destinationAttr);
+      }
+    };
+    var progressTo = function (comp, transConfig, transState, destination) {
+      fasttrack(comp, transConfig);
+      var route = getNewRoute(comp, transConfig, transState, destination);
+      getTransitionOf(comp, transConfig, transState, route).fold(function () {
+        jumpTo(comp, transConfig, transState, destination);
+      }, function (routeTransition) {
+        disableTransition(comp, transConfig, transState);
+        var t = routeTransition.transition;
+        add$2(comp.element, t.transitionClass);
+        set(comp.element, transConfig.destinationAttr, destination);
+      });
+    };
+    var getState$1 = function (comp, transConfig, _transState) {
+      return getOpt(comp.element, transConfig.stateAttr);
+    };
+
+    var TransitionApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        findRoute: findRoute,
+        disableTransition: disableTransition,
+        getCurrentRoute: getCurrentRoute,
+        jumpTo: jumpTo,
+        progressTo: progressTo,
+        getState: getState$1
+    });
+
+    var events$9 = function (transConfig, transState) {
+      return derive([
+        run(transitionend(), function (component, simulatedEvent) {
+          var raw = simulatedEvent.event.raw;
+          getCurrentRoute(component, transConfig).each(function (route) {
+            findRoute(component, transConfig, transState, route).each(function (rInfo) {
+              rInfo.transition.each(function (rTransition) {
+                if (raw.propertyName === rTransition.property) {
+                  jumpTo(component, transConfig, transState, route.destination);
+                  transConfig.onTransition(component, route);
+                }
+              });
+            });
+          });
+        }),
+        runOnAttached(function (comp, _se) {
+          jumpTo(comp, transConfig, transState, transConfig.initialState);
+        })
+      ]);
+    };
+
+    var ActiveTransitioning = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$9
+    });
+
+    var TransitionSchema = [
+      defaulted$1('destinationAttr', 'data-transitioning-destination'),
+      defaulted$1('stateAttr', 'data-transitioning-state'),
+      strict$1('initialState'),
+      onHandler('onTransition'),
+      onHandler('onFinish'),
+      strictOf('routes', setOf$1(Result.value, setOf$1(Result.value, objOfOnly([optionObjOfOnly('transition', [
+          strict$1('property'),
+          strict$1('transitionClass')
+        ])]))))
+    ];
+
+    var createRoutes = function (routes) {
+      var r = {};
+      each$1(routes, function (v, k) {
+        var waypoints = k.split('<->');
+        r[waypoints[0]] = wrap$1(waypoints[1], v);
+        r[waypoints[1]] = wrap$1(waypoints[0], v);
+      });
+      return r;
+    };
+    var createBistate = function (first, second, transitions) {
+      return wrapAll$1([
+        {
+          key: first,
+          value: wrap$1(second, transitions)
+        },
+        {
+          key: second,
+          value: wrap$1(first, transitions)
+        }
+      ]);
+    };
+    var createTristate = function (first, second, third, transitions) {
+      return wrapAll$1([
+        {
+          key: first,
+          value: wrapAll$1([
+            {
+              key: second,
+              value: transitions
+            },
+            {
+              key: third,
+              value: transitions
+            }
+          ])
+        },
+        {
+          key: second,
+          value: wrapAll$1([
+            {
+              key: first,
+              value: transitions
+            },
+            {
+              key: third,
+              value: transitions
+            }
+          ])
+        },
+        {
+          key: third,
+          value: wrapAll$1([
+            {
+              key: first,
+              value: transitions
+            },
+            {
+              key: second,
+              value: transitions
+            }
+          ])
+        }
+      ]);
+    };
+    var Transitioning = create$1({
+      fields: TransitionSchema,
+      name: 'transitioning',
+      active: ActiveTransitioning,
+      apis: TransitionApis,
+      extra: {
+        createRoutes: createRoutes,
+        createBistate: createBistate,
+        createTristate: createTristate
+      }
+    });
+
+    var scrollableStyle = resolve('scrollable');
+    var register = function (element) {
+      add$2(element, scrollableStyle);
+    };
+    var deregister = function (element) {
+      remove$4(element, scrollableStyle);
+    };
+    var scrollable = scrollableStyle;
+
+    var getValue$4 = function (item) {
+      return get$1(item, 'format').getOr(item.title);
+    };
+    var convert$1 = function (formats, memMenuThunk) {
+      var mainMenu = makeMenu('Styles', [].concat(map(formats.items, function (k) {
+        return makeItem(getValue$4(k), k.title, k.isSelected(), k.getPreview(), hasNonNullableKey(formats.expansions, getValue$4(k)));
+      })), memMenuThunk, false);
+      var submenus = map$1(formats.menus, function (menuItems, menuName) {
+        var items = map(menuItems, function (item) {
+          return makeItem(getValue$4(item), item.title, item.isSelected !== undefined ? item.isSelected() : false, item.getPreview !== undefined ? item.getPreview() : '', hasNonNullableKey(formats.expansions, getValue$4(item)));
+        });
+        return makeMenu(menuName, items, memMenuThunk, true);
+      });
+      var menus = deepMerge(submenus, wrap$1('styles', mainMenu));
+      var tmenu = tieredMenu.tieredData('styles', menus, formats.expansions);
+      return { tmenu: tmenu };
+    };
+    var makeItem = function (value, text, selected, preview, isMenu) {
+      return {
+        data: {
+          value: value,
+          text: text
+        },
+        type: 'item',
+        dom: {
+          tag: 'div',
+          classes: isMenu ? [resolve('styles-item-is-menu')] : []
+        },
+        toggling: {
+          toggleOnExecute: false,
+          toggleClass: resolve('format-matches'),
+          selected: selected
+        },
+        itemBehaviours: derive$1(isMenu ? [] : [format(value, function (comp, status) {
+            var toggle = status ? Toggling.on : Toggling.off;
+            toggle(comp);
+          })]),
+        components: [{
+            dom: {
+              tag: 'div',
+              attributes: { style: preview },
+              innerHtml: text
+            }
+          }]
+      };
+    };
+    var makeMenu = function (value, items, memMenuThunk, collapsable) {
+      return {
+        value: value,
+        dom: { tag: 'div' },
+        components: [
+          Button.sketch({
+            dom: {
+              tag: 'div',
+              classes: [resolve('styles-collapser')]
+            },
+            components: collapsable ? [
+              {
+                dom: {
+                  tag: 'span',
+                  classes: [resolve('styles-collapse-icon')]
+                }
+              },
+              text(value)
+            ] : [text(value)],
+            action: function (item) {
+              if (collapsable) {
+                var comp = memMenuThunk().get(item);
+                tieredMenu.collapseMenu(comp);
+              }
+            }
+          }),
+          {
+            dom: {
+              tag: 'div',
+              classes: [resolve('styles-menu-items-container')]
+            },
+            components: [Menu.parts.items({})],
+            behaviours: derive$1([config('adhoc-scrollable-menu', [
+                runOnAttached(function (component, _simulatedEvent) {
+                  set$3(component.element, 'overflow-y', 'auto');
+                  set$3(component.element, '-webkit-overflow-scrolling', 'touch');
+                  register(component.element);
+                }),
+                runOnDetached(function (component) {
+                  remove$5(component.element, 'overflow-y');
+                  remove$5(component.element, '-webkit-overflow-scrolling');
+                  deregister(component.element);
+                })
+              ])])
+          }
+        ],
+        items: items,
+        menuBehaviours: derive$1([Transitioning.config({
+            initialState: 'after',
+            routes: Transitioning.createTristate('before', 'current', 'after', {
+              transition: {
+                property: 'transform',
+                transitionClass: 'transitioning'
+              }
+            })
+          })])
+      };
+    };
+    var sketch$8 = function (settings) {
+      var dataset = convert$1(settings.formats, function () {
+        return memMenu;
+      });
+      var memMenu = record(tieredMenu.sketch({
+        dom: {
+          tag: 'div',
+          classes: [resolve('styles-menu')]
+        },
+        components: [],
+        fakeFocus: true,
+        stayInDom: true,
+        onExecute: function (_tmenu, item) {
+          var v = Representing.getValue(item);
+          settings.handle(item, v.value);
+          return Optional.none();
+        },
+        onEscape: function () {
+          return Optional.none();
+        },
+        onOpenMenu: function (container, menu) {
+          var w = get$8(container.element);
+          set$4(menu.element, w);
+          Transitioning.jumpTo(menu, 'current');
+        },
+        onOpenSubmenu: function (container, item, submenu) {
+          var w = get$8(container.element);
+          var menu = ancestor$2(item.element, '[role="menu"]').getOrDie('hacky');
+          var menuComp = container.getSystem().getByDom(menu).getOrDie();
+          set$4(submenu.element, w);
+          Transitioning.progressTo(menuComp, 'before');
+          Transitioning.jumpTo(submenu, 'after');
+          Transitioning.progressTo(submenu, 'current');
+        },
+        onCollapseMenu: function (container, item, menu) {
+          var submenu = ancestor$2(item.element, '[role="menu"]').getOrDie('hacky');
+          var submenuComp = container.getSystem().getByDom(submenu).getOrDie();
+          Transitioning.progressTo(submenuComp, 'after');
+          Transitioning.progressTo(menu, 'current');
+        },
+        navigateOnHover: false,
+        highlightImmediately: true,
+        data: dataset.tmenu,
+        markers: {
+          backgroundMenu: resolve('styles-background-menu'),
+          menu: resolve('styles-menu'),
+          selectedMenu: resolve('styles-selected-menu'),
+          item: resolve('styles-item'),
+          selectedItem: resolve('styles-selected-item')
+        }
+      }));
+      return memMenu.asSpec();
+    };
+
+    var getFromExpandingItem = function (item) {
+      var newItem = deepMerge(exclude$1(item, ['items']), { menu: true });
+      var rest = expand(item.items);
+      var newMenus = deepMerge(rest.menus, wrap$1(item.title, rest.items));
+      var newExpansions = deepMerge(rest.expansions, wrap$1(item.title, item.title));
+      return {
+        item: newItem,
+        menus: newMenus,
+        expansions: newExpansions
+      };
+    };
+    var getFromItem = function (item) {
+      return hasNonNullableKey(item, 'items') ? getFromExpandingItem(item) : {
+        item: item,
+        menus: {},
+        expansions: {}
+      };
+    };
+    var expand = function (items) {
+      return foldr(items, function (acc, item) {
+        var newData = getFromItem(item);
+        return {
+          menus: deepMerge(acc.menus, newData.menus),
+          items: [newData.item].concat(acc.items),
+          expansions: deepMerge(acc.expansions, newData.expansions)
+        };
+      }, {
+        menus: {},
+        expansions: {},
+        items: []
+      });
+    };
+
+    var register$1 = function (editor) {
+      var isSelectedFor = function (format) {
+        return function () {
+          return editor.formatter.match(format);
+        };
+      };
+      var getPreview = function (format) {
+        return function () {
+          return editor.formatter.getCssText(format);
+        };
+      };
+      var enrichSupported = function (item) {
+        return deepMerge(item, {
+          isSelected: isSelectedFor(item.format),
+          getPreview: getPreview(item.format)
+        });
+      };
+      var enrichMenu = function (item) {
+        return deepMerge(item, {
+          isSelected: never,
+          getPreview: constant('')
+        });
+      };
+      var enrichCustom = function (item) {
+        var formatName = generate$1(item.title);
+        var newItem = deepMerge(item, {
+          format: formatName,
+          isSelected: isSelectedFor(formatName),
+          getPreview: getPreview(formatName)
+        });
+        editor.formatter.register(formatName, newItem);
+        return newItem;
+      };
+      var doEnrich = function (items) {
+        return map(items, function (item) {
+          if (hasNonNullableKey(item, 'items')) {
+            var newItems = doEnrich(item.items);
+            return deepMerge(enrichMenu(item), { items: newItems });
+          } else if (hasNonNullableKey(item, 'format')) {
+            return enrichSupported(item);
+          } else {
+            return enrichCustom(item);
+          }
+        });
+      };
+      return doEnrich(getStyleFormats(editor));
+    };
+    var prune = function (editor, formats) {
+      var doPrune = function (items) {
+        return bind(items, function (item) {
+          if (item.items !== undefined) {
+            var newItems = doPrune(item.items);
+            return newItems.length > 0 ? [item] : [];
+          } else {
+            var keep = hasNonNullableKey(item, 'format') ? editor.formatter.canApply(item.format) : true;
+            return keep ? [item] : [];
+          }
+        });
+      };
+      var prunedItems = doPrune(formats);
+      return expand(prunedItems);
+    };
+    var ui = function (editor, formats, onDone) {
+      var pruned = prune(editor, formats);
+      return sketch$8({
+        formats: pruned,
+        handle: function (item, value) {
+          editor.undoManager.transact(function () {
+            if (Toggling.isOn(item)) {
+              editor.formatter.remove(value);
+            } else {
+              editor.formatter.apply(value);
+            }
+          });
+          onDone();
+        }
+      });
+    };
+
+    var extract$1 = function (rawToolbar) {
+      var toolbar = rawToolbar.replace(/\|/g, ' ').trim();
+      return toolbar.length > 0 ? toolbar.split(/\s+/) : [];
+    };
+    var identifyFromArray = function (toolbar) {
+      return bind(toolbar, function (item) {
+        return isArray(item) ? identifyFromArray(item) : extract$1(item);
+      });
+    };
+    var identify = function (editor) {
+      var toolbar = getToolbar(editor);
+      return isArray(toolbar) ? identifyFromArray(toolbar) : extract$1(toolbar);
+    };
+    var setup = function (realm, editor) {
+      var commandSketch = function (name) {
+        return function () {
+          return forToolbarCommand(editor, name);
+        };
+      };
+      var stateCommandSketch = function (name) {
+        return function () {
+          return forToolbarStateCommand(editor, name);
+        };
+      };
+      var actionSketch = function (name, query, action) {
+        return function () {
+          return forToolbarStateAction(editor, name, query, action);
+        };
+      };
+      var undo = commandSketch('undo');
+      var redo = commandSketch('redo');
+      var bold = stateCommandSketch('bold');
+      var italic = stateCommandSketch('italic');
+      var underline = stateCommandSketch('underline');
+      var removeformat = commandSketch('removeformat');
+      var link = function () {
+        return sketch$7(realm, editor);
+      };
+      var unlink = actionSketch('unlink', 'link', function () {
+        editor.execCommand('unlink', null, false);
+      });
+      var image = function () {
+        return sketch$4(editor);
+      };
+      var bullist = actionSketch('unordered-list', 'ul', function () {
+        editor.execCommand('InsertUnorderedList', null, false);
+      });
+      var numlist = actionSketch('ordered-list', 'ol', function () {
+        editor.execCommand('InsertOrderedList', null, false);
+      });
+      var fontsizeselect = function () {
+        return sketch$3(realm, editor);
+      };
+      var forecolor = function () {
+        return sketch$1(realm, editor);
+      };
+      var styleFormats = register$1(editor);
+      var styleFormatsMenu = function () {
+        return ui(editor, styleFormats, function () {
+          editor.fire('scrollIntoView');
+        });
+      };
+      var styleselect = function () {
+        return forToolbar('style-formats', function (button) {
+          editor.fire('toReading');
+          realm.dropup.appear(styleFormatsMenu, Toggling.on, button);
+        }, derive$1([
+          Toggling.config({
+            toggleClass: resolve('toolbar-button-selected'),
+            toggleOnExecute: false,
+            aria: { mode: 'pressed' }
+          }),
+          Receiving.config({
+            channels: wrapAll$1([
+              receive$1(orientationChanged, Toggling.off),
+              receive$1(dropupDismissed, Toggling.off)
+            ])
+          })
+        ]), editor);
+      };
+      var feature = function (prereq, sketch) {
+        return {
+          isSupported: function () {
+            var buttons = editor.ui.registry.getAll().buttons;
+            return prereq.forall(function (p) {
+              return hasNonNullableKey(buttons, p);
+            });
+          },
+          sketch: sketch
+        };
+      };
+      return {
+        undo: feature(Optional.none(), undo),
+        redo: feature(Optional.none(), redo),
+        bold: feature(Optional.none(), bold),
+        italic: feature(Optional.none(), italic),
+        underline: feature(Optional.none(), underline),
+        removeformat: feature(Optional.none(), removeformat),
+        link: feature(Optional.none(), link),
+        unlink: feature(Optional.none(), unlink),
+        image: feature(Optional.none(), image),
+        bullist: feature(Optional.some('bullist'), bullist),
+        numlist: feature(Optional.some('numlist'), numlist),
+        fontsizeselect: feature(Optional.none(), fontsizeselect),
+        forecolor: feature(Optional.none(), forecolor),
+        styleselect: feature(Optional.none(), styleselect)
+      };
+    };
+    var detect$4 = function (editor, features) {
+      var itemNames = identify(editor);
+      var present = {};
+      return bind(itemNames, function (iName) {
+        var r = !hasNonNullableKey(present, iName) && hasNonNullableKey(features, iName) && features[iName].isSupported() ? [features[iName].sketch()] : [];
+        present[iName] = true;
+        return r;
+      });
+    };
+
+    var mkEvent = function (target, x, y, stop, prevent, kill, raw) {
+      return {
+        target: target,
+        x: x,
+        y: y,
+        stop: stop,
+        prevent: prevent,
+        kill: kill,
+        raw: raw
+      };
+    };
+    var fromRawEvent = function (rawEvent) {
+      var target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target));
+      var stop = function () {
+        return rawEvent.stopPropagation();
+      };
+      var prevent = function () {
+        return rawEvent.preventDefault();
+      };
+      var kill = compose(prevent, stop);
+      return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent);
+    };
+    var handle = function (filter, handler) {
+      return function (rawEvent) {
+        if (filter(rawEvent)) {
+          handler(fromRawEvent(rawEvent));
+        }
+      };
+    };
+    var binder = function (element, event, filter, handler, useCapture) {
+      var wrapped = handle(filter, handler);
+      element.dom.addEventListener(event, wrapped, useCapture);
+      return { unbind: curry(unbind, element, event, wrapped, useCapture) };
+    };
+    var bind$2 = function (element, event, filter, handler) {
+      return binder(element, event, filter, handler, false);
+    };
+    var capture = function (element, event, filter, handler) {
+      return binder(element, event, filter, handler, true);
+    };
+    var unbind = function (element, event, handler, useCapture) {
+      element.dom.removeEventListener(event, handler, useCapture);
+    };
+
+    var filter$2 = always;
+    var bind$3 = function (element, event, handler) {
+      return bind$2(element, event, filter$2, handler);
+    };
+    var capture$1 = function (element, event, handler) {
+      return capture(element, event, filter$2, handler);
+    };
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var INTERVAL = 50;
+    var INSURANCE = 1000 / INTERVAL;
+    var get$c = function (outerWindow) {
+      var isPortrait = outerWindow.matchMedia('(orientation: portrait)').matches;
+      return { isPortrait: constant(isPortrait) };
+    };
+    var getActualWidth = function (outerWindow) {
+      var isIos = detect$3().os.isiOS();
+      var isPortrait = get$c(outerWindow).isPortrait();
+      return isIos && !isPortrait ? outerWindow.screen.height : outerWindow.screen.width;
+    };
+    var onChange = function (outerWindow, listeners) {
+      var win = SugarElement.fromDom(outerWindow);
+      var poller = null;
+      var change = function () {
+        global$4.clearInterval(poller);
+        var orientation = get$c(outerWindow);
+        listeners.onChange(orientation);
+        onAdjustment(function () {
+          listeners.onReady(orientation);
+        });
+      };
+      var orientationHandle = bind$3(win, 'orientationchange', change);
+      var onAdjustment = function (f) {
+        global$4.clearInterval(poller);
+        var flag = outerWindow.innerHeight;
+        var insurance = 0;
+        poller = global$4.setInterval(function () {
+          if (flag !== outerWindow.innerHeight) {
+            global$4.clearInterval(poller);
+            f(Optional.some(outerWindow.innerHeight));
+          } else if (insurance > INSURANCE) {
+            global$4.clearInterval(poller);
+            f(Optional.none());
+          }
+          insurance++;
+        }, INTERVAL);
+      };
+      var destroy = function () {
+        orientationHandle.unbind();
+      };
+      return {
+        onAdjustment: onAdjustment,
+        destroy: destroy
+      };
+    };
+
+    var setStart = function (rng, situ) {
+      situ.fold(function (e) {
+        rng.setStartBefore(e.dom);
+      }, function (e, o) {
+        rng.setStart(e.dom, o);
+      }, function (e) {
+        rng.setStartAfter(e.dom);
+      });
+    };
+    var setFinish = function (rng, situ) {
+      situ.fold(function (e) {
+        rng.setEndBefore(e.dom);
+      }, function (e, o) {
+        rng.setEnd(e.dom, o);
+      }, function (e) {
+        rng.setEndAfter(e.dom);
+      });
+    };
+    var relativeToNative = function (win, startSitu, finishSitu) {
+      var range = win.document.createRange();
+      setStart(range, startSitu);
+      setFinish(range, finishSitu);
+      return range;
+    };
+    var exactToNative = function (win, start, soffset, finish, foffset) {
+      var rng = win.document.createRange();
+      rng.setStart(start.dom, soffset);
+      rng.setEnd(finish.dom, foffset);
+      return rng;
+    };
+    var toRect = function (rect) {
+      return {
+        left: rect.left,
+        top: rect.top,
+        right: rect.right,
+        bottom: rect.bottom,
+        width: rect.width,
+        height: rect.height
+      };
+    };
+    var getFirstRect = function (rng) {
+      var rects = rng.getClientRects();
+      var rect = rects.length > 0 ? rects[0] : rng.getBoundingClientRect();
+      return rect.width > 0 || rect.height > 0 ? Optional.some(rect).map(toRect) : Optional.none();
+    };
+
+    var adt$4 = Adt.generate([
+      {
+        ltr: [
+          'start',
+          'soffset',
+          'finish',
+          'foffset'
+        ]
+      },
+      {
+        rtl: [
+          'start',
+          'soffset',
+          'finish',
+          'foffset'
+        ]
+      }
+    ]);
+    var fromRange = function (win, type, range) {
+      return type(SugarElement.fromDom(range.startContainer), range.startOffset, SugarElement.fromDom(range.endContainer), range.endOffset);
+    };
+    var getRanges = function (win, selection) {
+      return selection.match({
+        domRange: function (rng) {
+          return {
+            ltr: constant(rng),
+            rtl: Optional.none
+          };
+        },
+        relative: function (startSitu, finishSitu) {
+          return {
+            ltr: cached(function () {
+              return relativeToNative(win, startSitu, finishSitu);
+            }),
+            rtl: cached(function () {
+              return Optional.some(relativeToNative(win, finishSitu, startSitu));
+            })
+          };
+        },
+        exact: function (start, soffset, finish, foffset) {
+          return {
+            ltr: cached(function () {
+              return exactToNative(win, start, soffset, finish, foffset);
+            }),
+            rtl: cached(function () {
+              return Optional.some(exactToNative(win, finish, foffset, start, soffset));
+            })
+          };
+        }
+      });
+    };
+    var doDiagnose = function (win, ranges) {
+      var rng = ranges.ltr();
+      if (rng.collapsed) {
+        var reversed = ranges.rtl().filter(function (rev) {
+          return rev.collapsed === false;
+        });
+        return reversed.map(function (rev) {
+          return adt$4.rtl(SugarElement.fromDom(rev.endContainer), rev.endOffset, SugarElement.fromDom(rev.startContainer), rev.startOffset);
+        }).getOrThunk(function () {
+          return fromRange(win, adt$4.ltr, rng);
+        });
+      } else {
+        return fromRange(win, adt$4.ltr, rng);
+      }
+    };
+    var diagnose = function (win, selection) {
+      var ranges = getRanges(win, selection);
+      return doDiagnose(win, ranges);
+    };
+    var asLtrRange = function (win, selection) {
+      var diagnosis = diagnose(win, selection);
+      return diagnosis.match({
+        ltr: function (start, soffset, finish, foffset) {
+          var rng = win.document.createRange();
+          rng.setStart(start.dom, soffset);
+          rng.setEnd(finish.dom, foffset);
+          return rng;
+        },
+        rtl: function (start, soffset, finish, foffset) {
+          var rng = win.document.createRange();
+          rng.setStart(finish.dom, foffset);
+          rng.setEnd(start.dom, soffset);
+          return rng;
+        }
+      });
+    };
+    var ltr = adt$4.ltr;
+    var rtl = adt$4.rtl;
+
+    var create$3 = function (start, soffset, finish, foffset) {
+      return {
+        start: start,
+        soffset: soffset,
+        finish: finish,
+        foffset: foffset
+      };
+    };
+    var SimRange = { create: create$3 };
+
+    function NodeValue (is, name) {
+      var get = function (element) {
+        if (!is(element)) {
+          throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
+        }
+        return getOption(element).getOr('');
+      };
+      var getOption = function (element) {
+        return is(element) ? Optional.from(element.dom.nodeValue) : Optional.none();
+      };
+      var set = function (element, value) {
+        if (!is(element)) {
+          throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
+        }
+        element.dom.nodeValue = value;
+      };
+      return {
+        get: get,
+        getOption: getOption,
+        set: set
+      };
+    }
+
+    var api$3 = NodeValue(isText, 'text');
+    var getOption = function (element) {
+      return api$3.getOption(element);
+    };
+
+    var getEnd = function (element) {
+      return name(element) === 'img' ? 1 : getOption(element).fold(function () {
+        return children(element).length;
+      }, function (v) {
+        return v.length;
+      });
+    };
+
+    var adt$5 = Adt.generate([
+      { before: ['element'] },
+      {
+        on: [
+          'element',
+          'offset'
+        ]
+      },
+      { after: ['element'] }
+    ]);
+    var cata = function (subject, onBefore, onOn, onAfter) {
+      return subject.fold(onBefore, onOn, onAfter);
+    };
+    var getStart = function (situ) {
+      return situ.fold(identity, identity, identity);
+    };
+    var before$1 = adt$5.before;
+    var on$1 = adt$5.on;
+    var after$1 = adt$5.after;
+    var Situ = {
+      before: before$1,
+      on: on$1,
+      after: after$1,
+      cata: cata,
+      getStart: getStart
+    };
+
+    var adt$6 = Adt.generate([
+      { domRange: ['rng'] },
+      {
+        relative: [
+          'startSitu',
+          'finishSitu'
+        ]
+      },
+      {
+        exact: [
+          'start',
+          'soffset',
+          'finish',
+          'foffset'
+        ]
+      }
+    ]);
+    var exactFromRange = function (simRange) {
+      return adt$6.exact(simRange.start, simRange.soffset, simRange.finish, simRange.foffset);
+    };
+    var getStart$1 = function (selection) {
+      return selection.match({
+        domRange: function (rng) {
+          return SugarElement.fromDom(rng.startContainer);
+        },
+        relative: function (startSitu, _finishSitu) {
+          return Situ.getStart(startSitu);
+        },
+        exact: function (start, _soffset, _finish, _foffset) {
+          return start;
+        }
+      });
+    };
+    var domRange = adt$6.domRange;
+    var relative = adt$6.relative;
+    var exact = adt$6.exact;
+    var getWin = function (selection) {
+      var start = getStart$1(selection);
+      return defaultView(start);
+    };
+    var range$1 = SimRange.create;
+    var SimSelection = {
+      domRange: domRange,
+      relative: relative,
+      exact: exact,
+      exactFromRange: exactFromRange,
+      getWin: getWin,
+      range: range$1
+    };
+
+    var beforeSpecial = function (element, offset) {
+      var name$1 = name(element);
+      if ('input' === name$1) {
+        return Situ.after(element);
+      } else if (!contains([
+          'br',
+          'img'
+        ], name$1)) {
+        return Situ.on(element, offset);
+      } else {
+        return offset === 0 ? Situ.before(element) : Situ.after(element);
+      }
+    };
+    var preprocessExact = function (start, soffset, finish, foffset) {
+      var startSitu = beforeSpecial(start, soffset);
+      var finishSitu = beforeSpecial(finish, foffset);
+      return SimSelection.relative(startSitu, finishSitu);
+    };
+
+    var makeRange = function (start, soffset, finish, foffset) {
+      var doc = owner(start);
+      var rng = doc.dom.createRange();
+      rng.setStart(start.dom, soffset);
+      rng.setEnd(finish.dom, foffset);
+      return rng;
+    };
+    var after$2 = function (start, soffset, finish, foffset) {
+      var r = makeRange(start, soffset, finish, foffset);
+      var same = eq(start, finish) && soffset === foffset;
+      return r.collapsed && !same;
+    };
+
+    var getNativeSelection = function (win) {
+      return Optional.from(win.getSelection());
+    };
+    var doSetNativeRange = function (win, rng) {
+      getNativeSelection(win).each(function (selection) {
+        selection.removeAllRanges();
+        selection.addRange(rng);
+      });
+    };
+    var doSetRange = function (win, start, soffset, finish, foffset) {
+      var rng = exactToNative(win, start, soffset, finish, foffset);
+      doSetNativeRange(win, rng);
+    };
+    var setLegacyRtlRange = function (win, selection, start, soffset, finish, foffset) {
+      selection.collapse(start.dom, soffset);
+      selection.extend(finish.dom, foffset);
+    };
+    var setRangeFromRelative = function (win, relative) {
+      return diagnose(win, relative).match({
+        ltr: function (start, soffset, finish, foffset) {
+          doSetRange(win, start, soffset, finish, foffset);
+        },
+        rtl: function (start, soffset, finish, foffset) {
+          getNativeSelection(win).each(function (selection) {
+            if (selection.setBaseAndExtent) {
+              selection.setBaseAndExtent(start.dom, soffset, finish.dom, foffset);
+            } else if (selection.extend) {
+              try {
+                setLegacyRtlRange(win, selection, start, soffset, finish, foffset);
+              } catch (e) {
+                doSetRange(win, finish, foffset, start, soffset);
+              }
+            } else {
+              doSetRange(win, finish, foffset, start, soffset);
+            }
+          });
+        }
+      });
+    };
+    var setExact = function (win, start, soffset, finish, foffset) {
+      var relative = preprocessExact(start, soffset, finish, foffset);
+      setRangeFromRelative(win, relative);
+    };
+    var readRange = function (selection) {
+      if (selection.rangeCount > 0) {
+        var firstRng = selection.getRangeAt(0);
+        var lastRng = selection.getRangeAt(selection.rangeCount - 1);
+        return Optional.some(SimRange.create(SugarElement.fromDom(firstRng.startContainer), firstRng.startOffset, SugarElement.fromDom(lastRng.endContainer), lastRng.endOffset));
+      } else {
+        return Optional.none();
+      }
+    };
+    var doGetExact = function (selection) {
+      if (selection.anchorNode === null || selection.focusNode === null) {
+        return readRange(selection);
+      } else {
+        var anchor = SugarElement.fromDom(selection.anchorNode);
+        var focus_1 = SugarElement.fromDom(selection.focusNode);
+        return after$2(anchor, selection.anchorOffset, focus_1, selection.focusOffset) ? Optional.some(SimRange.create(anchor, selection.anchorOffset, focus_1, selection.focusOffset)) : readRange(selection);
+      }
+    };
+    var getExact = function (win) {
+      return getNativeSelection(win).filter(function (sel) {
+        return sel.rangeCount > 0;
+      }).bind(doGetExact);
+    };
+    var get$d = function (win) {
+      return getExact(win).map(function (range) {
+        return SimSelection.exact(range.start, range.soffset, range.finish, range.foffset);
+      });
+    };
+    var getFirstRect$1 = function (win, selection) {
+      var rng = asLtrRange(win, selection);
+      return getFirstRect(rng);
+    };
+    var clear$1 = function (win) {
+      getNativeSelection(win).each(function (selection) {
+        return selection.removeAllRanges();
+      });
+    };
+
+    var getBodyFromFrame = function (frame) {
+      return Optional.some(SugarElement.fromDom(frame.dom.contentWindow.document.body));
+    };
+    var getDocFromFrame = function (frame) {
+      return Optional.some(SugarElement.fromDom(frame.dom.contentWindow.document));
+    };
+    var getWinFromFrame = function (frame) {
+      return Optional.from(frame.dom.contentWindow);
+    };
+    var getSelectionFromFrame = function (frame) {
+      var optWin = getWinFromFrame(frame);
+      return optWin.bind(getExact);
+    };
+    var getFrame = function (editor) {
+      return editor.getFrame();
+    };
+    var getOrDerive = function (name, f) {
+      return function (editor) {
+        var g = editor[name].getOrThunk(function () {
+          var frame = getFrame(editor);
+          return function () {
+            return f(frame);
+          };
+        });
+        return g();
+      };
+    };
+    var getOrListen = function (editor, doc, name, type) {
+      return editor[name].getOrThunk(function () {
+        return function (handler) {
+          return bind$3(doc, type, handler);
+        };
+      });
+    };
+    var getActiveApi = function (editor) {
+      var frame = getFrame(editor);
+      var tryFallbackBox = function (win) {
+        var isCollapsed = function (sel) {
+          return eq(sel.start, sel.finish) && sel.soffset === sel.foffset;
+        };
+        var toStartRect = function (sel) {
+          var rect = sel.start.dom.getBoundingClientRect();
+          return rect.width > 0 || rect.height > 0 ? Optional.some(rect) : Optional.none();
+        };
+        return getExact(win).filter(isCollapsed).bind(toStartRect);
+      };
+      return getBodyFromFrame(frame).bind(function (body) {
+        return getDocFromFrame(frame).bind(function (doc) {
+          return getWinFromFrame(frame).map(function (win) {
+            var html = SugarElement.fromDom(doc.dom.documentElement);
+            var getCursorBox = editor.getCursorBox.getOrThunk(function () {
+              return function () {
+                return get$d(win).bind(function (sel) {
+                  return getFirstRect$1(win, sel).orThunk(function () {
+                    return tryFallbackBox(win);
+                  });
+                });
+              };
+            });
+            var setSelection = editor.setSelection.getOrThunk(function () {
+              return function (start, soffset, finish, foffset) {
+                setExact(win, start, soffset, finish, foffset);
+              };
+            });
+            var clearSelection = editor.clearSelection.getOrThunk(function () {
+              return function () {
+                clear$1(win);
+              };
+            });
+            return {
+              body: body,
+              doc: doc,
+              win: win,
+              html: html,
+              getSelection: curry(getSelectionFromFrame, frame),
+              setSelection: setSelection,
+              clearSelection: clearSelection,
+              frame: frame,
+              onKeyup: getOrListen(editor, doc, 'onKeyup', 'keyup'),
+              onNodeChanged: getOrListen(editor, doc, 'onNodeChanged', 'SelectionChange'),
+              onDomChanged: editor.onDomChanged,
+              onScrollToCursor: editor.onScrollToCursor,
+              onScrollToElement: editor.onScrollToElement,
+              onToReading: editor.onToReading,
+              onToEditing: editor.onToEditing,
+              onToolbarScrollStart: editor.onToolbarScrollStart,
+              onTouchContent: editor.onTouchContent,
+              onTapContent: editor.onTapContent,
+              onTouchToolstrip: editor.onTouchToolstrip,
+              getCursorBox: getCursorBox
+            };
+          });
+        });
+      });
+    };
+    var getWin$1 = getOrDerive('getWin', getWinFromFrame);
+
+    var tag = function () {
+      var head = first('head').getOrDie();
+      var nu = function () {
+        var meta = SugarElement.fromTag('meta');
+        set(meta, 'name', 'viewport');
+        append(head, meta);
+        return meta;
+      };
+      var element = first('meta[name="viewport"]').getOrThunk(nu);
+      var backup = get$2(element, 'content');
+      var maximize = function () {
+        set(element, 'content', 'width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0');
+      };
+      var restore = function () {
+        if (backup !== undefined && backup !== null && backup.length > 0) {
+          set(element, 'content', backup);
+        } else {
+          set(element, 'content', 'user-scalable=yes');
+        }
+      };
+      return {
+        maximize: maximize,
+        restore: restore
+      };
+    };
+
+    var attr = 'data-ephox-mobile-fullscreen-style';
+    var siblingStyles = 'display:none!important;';
+    var ancestorPosition = 'position:absolute!important;';
+    var ancestorStyles = 'top:0!important;left:0!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:visible!important;';
+    var bgFallback = 'background-color:rgb(255,255,255)!important;';
+    var isAndroid = detect$3().os.isAndroid();
+    var matchColor = function (editorBody) {
+      var color = get$5(editorBody, 'background-color');
+      return color !== undefined && color !== '' ? 'background-color:' + color + '!important' : bgFallback;
+    };
+    var clobberStyles = function (container, editorBody) {
+      var gatherSiblings = function (element) {
+        return siblings$2(element, '*');
+      };
+      var clobber = function (clobberStyle) {
+        return function (element) {
+          var styles = get$2(element, 'style');
+          var backup = styles === undefined ? 'no-styles' : styles.trim();
+          if (backup === clobberStyle) {
+            return;
+          } else {
+            set(element, attr, backup);
+            set(element, 'style', clobberStyle);
+          }
+        };
+      };
+      var ancestors = ancestors$1(container, '*');
+      var siblings = bind(ancestors, gatherSiblings);
+      var bgColor = matchColor(editorBody);
+      each(siblings, clobber(siblingStyles));
+      each(ancestors, clobber(ancestorPosition + ancestorStyles + bgColor));
+      var containerStyles = isAndroid === true ? '' : ancestorPosition;
+      clobber(containerStyles + ancestorStyles + bgColor)(container);
+    };
+    var restoreStyles = function () {
+      var clobberedEls = all$2('[' + attr + ']');
+      each(clobberedEls, function (element) {
+        var restore = get$2(element, attr);
+        if (restore !== 'no-styles') {
+          set(element, 'style', restore);
+        } else {
+          remove$1(element, 'style');
+        }
+        remove$1(element, attr);
+      });
+    };
+
+    function DelayedFunction (fun, delay) {
+      var ref = null;
+      var schedule = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        ref = setTimeout(function () {
+          fun.apply(null, args);
+          ref = null;
+        }, delay);
+      };
+      var cancel = function () {
+        if (ref !== null) {
+          clearTimeout(ref);
+          ref = null;
+        }
+      };
+      return {
+        cancel: cancel,
+        schedule: schedule
+      };
+    }
+
+    var SIGNIFICANT_MOVE = 5;
+    var LONGPRESS_DELAY = 400;
+    var getTouch = function (event) {
+      var raw = event.raw;
+      if (raw.touches === undefined || raw.touches.length !== 1) {
+        return Optional.none();
+      }
+      return Optional.some(raw.touches[0]);
+    };
+    var isFarEnough = function (touch, data) {
+      var distX = Math.abs(touch.clientX - data.x);
+      var distY = Math.abs(touch.clientY - data.y);
+      return distX > SIGNIFICANT_MOVE || distY > SIGNIFICANT_MOVE;
+    };
+    var monitor = function (settings) {
+      var startData = Cell(Optional.none());
+      var longpressFired = Cell(false);
+      var longpress$1 = DelayedFunction(function (event) {
+        settings.triggerEvent(longpress(), event);
+        longpressFired.set(true);
+      }, LONGPRESS_DELAY);
+      var handleTouchstart = function (event) {
+        getTouch(event).each(function (touch) {
+          longpress$1.cancel();
+          var data = {
+            x: touch.clientX,
+            y: touch.clientY,
+            target: event.target
+          };
+          longpress$1.schedule(event);
+          longpressFired.set(false);
+          startData.set(Optional.some(data));
+        });
+        return Optional.none();
+      };
+      var handleTouchmove = function (event) {
+        longpress$1.cancel();
+        getTouch(event).each(function (touch) {
+          startData.get().each(function (data) {
+            if (isFarEnough(touch, data)) {
+              startData.set(Optional.none());
+            }
+          });
+        });
+        return Optional.none();
+      };
+      var handleTouchend = function (event) {
+        longpress$1.cancel();
+        var isSame = function (data) {
+          return eq(data.target, event.target);
+        };
+        return startData.get().filter(isSame).map(function (_data) {
+          if (longpressFired.get()) {
+            event.prevent();
+            return false;
+          } else {
+            return settings.triggerEvent(tap(), event);
+          }
+        });
+      };
+      var handlers = wrapAll$1([
+        {
+          key: touchstart(),
+          value: handleTouchstart
+        },
+        {
+          key: touchmove(),
+          value: handleTouchmove
+        },
+        {
+          key: touchend(),
+          value: handleTouchend
+        }
+      ]);
+      var fireIfReady = function (event, type) {
+        return get$1(handlers, type).bind(function (handler) {
+          return handler(event);
+        });
+      };
+      return { fireIfReady: fireIfReady };
+    };
+
+    var monitor$1 = function (editorApi) {
+      var tapEvent = monitor({
+        triggerEvent: function (type, evt) {
+          editorApi.onTapContent(evt);
+        }
+      });
+      var onTouchend = function () {
+        return bind$3(editorApi.body, 'touchend', function (evt) {
+          tapEvent.fireIfReady(evt, 'touchend');
+        });
+      };
+      var onTouchmove = function () {
+        return bind$3(editorApi.body, 'touchmove', function (evt) {
+          tapEvent.fireIfReady(evt, 'touchmove');
+        });
+      };
+      var fireTouchstart = function (evt) {
+        tapEvent.fireIfReady(evt, 'touchstart');
+      };
+      return {
+        fireTouchstart: fireTouchstart,
+        onTouchend: onTouchend,
+        onTouchmove: onTouchmove
+      };
+    };
+
+    var isAndroid6 = detect$3().os.version.major >= 6;
+    var initEvents = function (editorApi, toolstrip, alloy) {
+      var tapping = monitor$1(editorApi);
+      var outerDoc = owner(toolstrip);
+      var isRanged = function (sel) {
+        return !eq(sel.start, sel.finish) || sel.soffset !== sel.foffset;
+      };
+      var hasRangeInUi = function () {
+        return active(outerDoc).filter(function (input) {
+          return name(input) === 'input';
+        }).exists(function (input) {
+          return input.dom.selectionStart !== input.dom.selectionEnd;
+        });
+      };
+      var updateMargin = function () {
+        var rangeInContent = editorApi.doc.dom.hasFocus() && editorApi.getSelection().exists(isRanged);
+        alloy.getByDom(toolstrip).each((rangeInContent || hasRangeInUi()) === true ? Toggling.on : Toggling.off);
+      };
+      var listeners = [
+        bind$3(editorApi.body, 'touchstart', function (evt) {
+          editorApi.onTouchContent();
+          tapping.fireTouchstart(evt);
+        }),
+        tapping.onTouchmove(),
+        tapping.onTouchend(),
+        bind$3(toolstrip, 'touchstart', function (_evt) {
+          editorApi.onTouchToolstrip();
+        }),
+        editorApi.onToReading(function () {
+          blur(editorApi.body);
+        }),
+        editorApi.onToEditing(noop),
+        editorApi.onScrollToCursor(function (tinyEvent) {
+          tinyEvent.preventDefault();
+          editorApi.getCursorBox().each(function (bounds) {
+            var cWin = editorApi.win;
+            var isOutside = bounds.top > cWin.innerHeight || bounds.bottom > cWin.innerHeight;
+            var cScrollBy = isOutside ? bounds.bottom - cWin.innerHeight + 50 : 0;
+            if (cScrollBy !== 0) {
+              cWin.scrollTo(cWin.pageXOffset, cWin.pageYOffset + cScrollBy);
+            }
+          });
+        })
+      ].concat(isAndroid6 === true ? [] : [
+        bind$3(SugarElement.fromDom(editorApi.win), 'blur', function () {
+          alloy.getByDom(toolstrip).each(Toggling.off);
+        }),
+        bind$3(outerDoc, 'select', updateMargin),
+        bind$3(editorApi.doc, 'selectionchange', updateMargin)
+      ]);
+      var destroy = function () {
+        each(listeners, function (l) {
+          l.unbind();
+        });
+      };
+      return { destroy: destroy };
+    };
+
+    var safeParse = function (element, attribute) {
+      var parsed = parseInt(get$2(element, attribute), 10);
+      return isNaN(parsed) ? 0 : parsed;
+    };
+
+    var COLLAPSED_WIDTH = 2;
+    var collapsedRect = function (rect) {
+      return __assign(__assign({}, rect), { width: COLLAPSED_WIDTH });
+    };
+    var toRect$1 = function (rawRect) {
+      return {
+        left: rawRect.left,
+        top: rawRect.top,
+        right: rawRect.right,
+        bottom: rawRect.bottom,
+        width: rawRect.width,
+        height: rawRect.height
+      };
+    };
+    var getRectsFromRange = function (range) {
+      if (!range.collapsed) {
+        return map(range.getClientRects(), toRect$1);
+      } else {
+        var start_1 = SugarElement.fromDom(range.startContainer);
+        return parent(start_1).bind(function (parent) {
+          var selection = SimSelection.exact(start_1, range.startOffset, parent, getEnd(parent));
+          var optRect = getFirstRect$1(range.startContainer.ownerDocument.defaultView, selection);
+          return optRect.map(collapsedRect).map(pure);
+        }).getOr([]);
+      }
+    };
+    var getRectangles = function (cWin) {
+      var sel = cWin.getSelection();
+      return sel !== undefined && sel.rangeCount > 0 ? getRectsFromRange(sel.getRangeAt(0)) : [];
+    };
+
+    var autocompleteHack = function () {
+      return function (f) {
+        global$4.setTimeout(function () {
+          f();
+        }, 0);
+      };
+    };
+    var resume = function (cWin) {
+      cWin.focus();
+      var iBody = SugarElement.fromDom(cWin.document.body);
+      var inInput = active().exists(function (elem) {
+        return contains([
+          'input',
+          'textarea'
+        ], name(elem));
+      });
+      var transaction = inInput ? autocompleteHack() : apply;
+      transaction(function () {
+        active().each(blur);
+        focus$1(iBody);
+      });
+    };
+
+    var EXTRA_SPACING = 50;
+    var data = 'data-' + resolve('last-outer-height');
+    var setLastHeight = function (cBody, value) {
+      set(cBody, data, value);
+    };
+    var getLastHeight = function (cBody) {
+      return safeParse(cBody, data);
+    };
+    var getBoundsFrom = function (rect) {
+      return {
+        top: rect.top,
+        bottom: rect.top + rect.height
+      };
+    };
+    var getBounds$1 = function (cWin) {
+      var rects = getRectangles(cWin);
+      return rects.length > 0 ? Optional.some(rects[0]).map(getBoundsFrom) : Optional.none();
+    };
+    var findDelta = function (outerWindow, cBody) {
+      var last = getLastHeight(cBody);
+      var current = outerWindow.innerHeight;
+      return last > current ? Optional.some(last - current) : Optional.none();
+    };
+    var calculate = function (cWin, bounds, delta) {
+      var isOutside = bounds.top > cWin.innerHeight || bounds.bottom > cWin.innerHeight;
+      return isOutside ? Math.min(delta, bounds.bottom - cWin.innerHeight + EXTRA_SPACING) : 0;
+    };
+    var setup$1 = function (outerWindow, cWin) {
+      var cBody = SugarElement.fromDom(cWin.document.body);
+      var toEditing = function () {
+        resume(cWin);
+      };
+      var onResize = bind$3(SugarElement.fromDom(outerWindow), 'resize', function () {
+        findDelta(outerWindow, cBody).each(function (delta) {
+          getBounds$1(cWin).each(function (bounds) {
+            var cScrollBy = calculate(cWin, bounds, delta);
+            if (cScrollBy !== 0) {
+              cWin.scrollTo(cWin.pageXOffset, cWin.pageYOffset + cScrollBy);
+            }
+          });
+        });
+        setLastHeight(cBody, outerWindow.innerHeight);
+      });
+      setLastHeight(cBody, outerWindow.innerHeight);
+      var destroy = function () {
+        onResize.unbind();
+      };
+      return {
+        toEditing: toEditing,
+        destroy: destroy
+      };
+    };
+
+    var create$4 = function (platform, mask) {
+      var meta = tag();
+      var androidApi = api$2();
+      var androidEvents = api$2();
+      var enter = function () {
+        mask.hide();
+        add$2(platform.container, resolve('fullscreen-maximized'));
+        add$2(platform.container, resolve('android-maximized'));
+        meta.maximize();
+        add$2(platform.body, resolve('android-scroll-reload'));
+        androidApi.set(setup$1(platform.win, getWin$1(platform.editor).getOrDie('no')));
+        getActiveApi(platform.editor).each(function (editorApi) {
+          clobberStyles(platform.container, editorApi.body);
+          androidEvents.set(initEvents(editorApi, platform.toolstrip, platform.alloy));
+        });
+      };
+      var exit = function () {
+        meta.restore();
+        mask.show();
+        remove$4(platform.container, resolve('fullscreen-maximized'));
+        remove$4(platform.container, resolve('android-maximized'));
+        restoreStyles();
+        remove$4(platform.body, resolve('android-scroll-reload'));
+        androidEvents.clear();
+        androidApi.clear();
+      };
+      return {
+        enter: enter,
+        exit: exit
+      };
+    };
+
+    var first$1 = function (fn, rate) {
+      var timer = null;
+      var cancel = function () {
+        if (timer !== null) {
+          clearTimeout(timer);
+          timer = null;
+        }
+      };
+      var throttle = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        if (timer === null) {
+          timer = setTimeout(function () {
+            fn.apply(null, args);
+            timer = null;
+          }, rate);
+        }
+      };
+      return {
+        cancel: cancel,
+        throttle: throttle
+      };
+    };
+    var last = function (fn, rate) {
+      var timer = null;
+      var cancel = function () {
+        if (timer !== null) {
+          clearTimeout(timer);
+          timer = null;
+        }
+      };
+      var throttle = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        if (timer !== null) {
+          clearTimeout(timer);
+        }
+        timer = setTimeout(function () {
+          fn.apply(null, args);
+          timer = null;
+        }, rate);
+      };
+      return {
+        cancel: cancel,
+        throttle: throttle
+      };
+    };
+
+    var sketch$9 = function (onView, _translate) {
+      var memIcon = record(Container.sketch({
+        dom: dom$1('<div aria-hidden="true" class="${prefix}-mask-tap-icon"></div>'),
+        containerBehaviours: derive$1([Toggling.config({
+            toggleClass: resolve('mask-tap-icon-selected'),
+            toggleOnExecute: false
+          })])
+      }));
+      var onViewThrottle = first$1(onView, 200);
+      return Container.sketch({
+        dom: dom$1('<div class="${prefix}-disabled-mask"></div>'),
+        components: [Container.sketch({
+            dom: dom$1('<div class="${prefix}-content-container"></div>'),
+            components: [Button.sketch({
+                dom: dom$1('<div class="${prefix}-content-tap-section"></div>'),
+                components: [memIcon.asSpec()],
+                action: function (_button) {
+                  onViewThrottle.throttle();
+                },
+                buttonBehaviours: derive$1([Toggling.config({ toggleClass: resolve('mask-tap-icon-selected') })])
+              })]
+          })]
+      });
+    };
+
+    var unbindNoop = constant({ unbind: noop });
+    var MobileSchema = objOf([
+      strictObjOf('editor', [
+        strict$1('getFrame'),
+        option('getBody'),
+        option('getDoc'),
+        option('getWin'),
+        option('getSelection'),
+        option('setSelection'),
+        option('clearSelection'),
+        option('cursorSaver'),
+        option('onKeyup'),
+        option('onNodeChanged'),
+        option('getCursorBox'),
+        strict$1('onDomChanged'),
+        defaulted$1('onTouchContent', noop),
+        defaulted$1('onTapContent', noop),
+        defaulted$1('onTouchToolstrip', noop),
+        defaulted$1('onScrollToCursor', unbindNoop),
+        defaulted$1('onScrollToElement', unbindNoop),
+        defaulted$1('onToEditing', unbindNoop),
+        defaulted$1('onToReading', unbindNoop),
+        defaulted$1('onToolbarScrollStart', identity)
+      ]),
+      strict$1('socket'),
+      strict$1('toolstrip'),
+      strict$1('dropup'),
+      strict$1('toolbar'),
+      strict$1('container'),
+      strict$1('alloy'),
+      state$1('win', function (spec) {
+        return owner(spec.socket).dom.defaultView;
+      }),
+      state$1('body', function (spec) {
+        return SugarElement.fromDom(spec.socket.dom.ownerDocument.body);
+      }),
+      defaulted$1('translate', identity),
+      defaulted$1('setReadOnly', noop),
+      defaulted$1('readOnlyOnInit', always)
+    ]);
+
+    var produce = function (raw) {
+      var mobile = asRawOrDie('Getting AndroidWebapp schema', MobileSchema, raw);
+      set$3(mobile.toolstrip, 'width', '100%');
+      var onTap = function () {
+        mobile.setReadOnly(mobile.readOnlyOnInit());
+        mode.enter();
+      };
+      var mask = build$1(sketch$9(onTap, mobile.translate));
+      mobile.alloy.add(mask);
+      var maskApi = {
+        show: function () {
+          mobile.alloy.add(mask);
+        },
+        hide: function () {
+          mobile.alloy.remove(mask);
+        }
+      };
+      append(mobile.container, mask.element);
+      var mode = create$4(mobile, maskApi);
+      return {
+        setReadOnly: mobile.setReadOnly,
+        refreshStructure: noop,
+        enter: mode.enter,
+        exit: mode.exit,
+        destroy: noop
+      };
+    };
+
+    var schema$e = constant([
+      strict$1('dom'),
+      defaulted$1('shell', true),
+      field$1('toolbarBehaviours', [Replacing])
+    ]);
+    var enhanceGroups = function () {
+      return { behaviours: derive$1([Replacing.config({})]) };
+    };
+    var parts$2 = constant([optional({
+        name: 'groups',
+        overrides: enhanceGroups
+      })]);
+
+    var factory$4 = function (detail, components, _spec, _externals) {
+      var setGroups = function (toolbar, groups) {
+        getGroupContainer(toolbar).fold(function () {
+          console.error('Toolbar was defined to not be a shell, but no groups container was specified in components');
+          throw new Error('Toolbar was defined to not be a shell, but no groups container was specified in components');
+        }, function (container) {
+          Replacing.set(container, groups);
+        });
+      };
+      var getGroupContainer = function (component) {
+        return detail.shell ? Optional.some(component) : getPart(component, detail, 'groups');
+      };
+      var extra = detail.shell ? {
+        behaviours: [Replacing.config({})],
+        components: []
+      } : {
+        behaviours: [],
+        components: components
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: extra.components,
+        behaviours: augment(detail.toolbarBehaviours, extra.behaviours),
+        apis: { setGroups: setGroups },
+        domModification: { attributes: { role: 'group' } }
+      };
+    };
+    var Toolbar = composite$1({
+      name: 'Toolbar',
+      configFields: schema$e(),
+      partFields: parts$2(),
+      factory: factory$4,
+      apis: {
+        setGroups: function (apis, toolbar, groups) {
+          apis.setGroups(toolbar, groups);
+        }
+      }
+    });
+
+    var schema$f = constant([
+      strict$1('items'),
+      markers(['itemSelector']),
+      field$1('tgroupBehaviours', [Keying])
+    ]);
+    var parts$3 = constant([group({
+        name: 'items',
+        unit: 'item'
+      })]);
+
+    var factory$5 = function (detail, components, _spec, _externals) {
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: components,
+        behaviours: augment(detail.tgroupBehaviours, [Keying.config({
+            mode: 'flow',
+            selector: detail.markers.itemSelector
+          })]),
+        domModification: { attributes: { role: 'toolbar' } }
+      };
+    };
+    var ToolbarGroup = composite$1({
+      name: 'ToolbarGroup',
+      configFields: schema$f(),
+      partFields: parts$3(),
+      factory: factory$5
+    });
+
+    var dataHorizontal = 'data-' + resolve('horizontal-scroll');
+    var canScrollVertically = function (container) {
+      container.dom.scrollTop = 1;
+      var result = container.dom.scrollTop !== 0;
+      container.dom.scrollTop = 0;
+      return result;
+    };
+    var canScrollHorizontally = function (container) {
+      container.dom.scrollLeft = 1;
+      var result = container.dom.scrollLeft !== 0;
+      container.dom.scrollLeft = 0;
+      return result;
+    };
+    var hasVerticalScroll = function (container) {
+      return container.dom.scrollTop > 0 || canScrollVertically(container);
+    };
+    var hasHorizontalScroll = function (container) {
+      return container.dom.scrollLeft > 0 || canScrollHorizontally(container);
+    };
+    var markAsHorizontal = function (container) {
+      set(container, dataHorizontal, 'true');
+    };
+    var hasScroll = function (container) {
+      return get$2(container, dataHorizontal) === 'true' ? hasHorizontalScroll(container) : hasVerticalScroll(container);
+    };
+    var exclusive = function (scope, selector) {
+      return bind$3(scope, 'touchmove', function (event) {
+        closest$2(event.target, selector).filter(hasScroll).fold(function () {
+          event.prevent();
+        }, noop);
+      });
+    };
+
+    var ScrollingToolbar = function () {
+      var makeGroup = function (gSpec) {
+        var scrollClass = gSpec.scrollable === true ? '${prefix}-toolbar-scrollable-group' : '';
+        return {
+          dom: dom$1('<div aria-label="' + gSpec.label + '" class="${prefix}-toolbar-group ' + scrollClass + '"></div>'),
+          tgroupBehaviours: derive$1([config('adhoc-scrollable-toolbar', gSpec.scrollable === true ? [runOnInit(function (component, _simulatedEvent) {
+                set$3(component.element, 'overflow-x', 'auto');
+                markAsHorizontal(component.element);
+                register(component.element);
+              })] : [])]),
+          components: [Container.sketch({ components: [ToolbarGroup.parts.items({})] })],
+          markers: { itemSelector: '.' + resolve('toolbar-group-item') },
+          items: gSpec.items
+        };
+      };
+      var toolbar = build$1(Toolbar.sketch({
+        dom: dom$1('<div class="${prefix}-toolbar"></div>'),
+        components: [Toolbar.parts.groups({})],
+        toolbarBehaviours: derive$1([
+          Toggling.config({
+            toggleClass: resolve('context-toolbar'),
+            toggleOnExecute: false,
+            aria: { mode: 'none' }
+          }),
+          Keying.config({ mode: 'cyclic' })
+        ]),
+        shell: true
+      }));
+      var wrapper = build$1(Container.sketch({
+        dom: { classes: [resolve('toolstrip')] },
+        components: [premade$1(toolbar)],
+        containerBehaviours: derive$1([Toggling.config({
+            toggleClass: resolve('android-selection-context-toolbar'),
+            toggleOnExecute: false
+          })])
+      }));
+      var resetGroups = function () {
+        Toolbar.setGroups(toolbar, initGroups.get());
+        Toggling.off(toolbar);
+      };
+      var initGroups = Cell([]);
+      var setGroups = function (gs) {
+        initGroups.set(gs);
+        resetGroups();
+      };
+      var createGroups = function (gs) {
+        return map(gs, compose(ToolbarGroup.sketch, makeGroup));
+      };
+      var refresh = function () {
+      };
+      var setContextToolbar = function (gs) {
+        Toggling.on(toolbar);
+        Toolbar.setGroups(toolbar, gs);
+      };
+      var restoreToolbar = function () {
+        if (Toggling.isOn(toolbar)) {
+          resetGroups();
+        }
+      };
+      var focus = function () {
+        Keying.focusIn(toolbar);
+      };
+      return {
+        wrapper: wrapper,
+        toolbar: toolbar,
+        createGroups: createGroups,
+        setGroups: setGroups,
+        setContextToolbar: setContextToolbar,
+        restoreToolbar: restoreToolbar,
+        refresh: refresh,
+        focus: focus
+      };
+    };
+
+    var makeEditSwitch = function (webapp) {
+      return build$1(Button.sketch({
+        dom: dom$1('<div class="${prefix}-mask-edit-icon ${prefix}-icon"></div>'),
+        action: function () {
+          webapp.run(function (w) {
+            w.setReadOnly(false);
+          });
+        }
+      }));
+    };
+    var makeSocket = function () {
+      return build$1(Container.sketch({
+        dom: dom$1('<div class="${prefix}-editor-socket"></div>'),
+        components: [],
+        containerBehaviours: derive$1([Replacing.config({})])
+      }));
+    };
+    var showEdit = function (socket, switchToEdit) {
+      Replacing.append(socket, premade$1(switchToEdit));
+    };
+    var hideEdit = function (socket, switchToEdit) {
+      Replacing.remove(socket, switchToEdit);
+    };
+    var updateMode = function (socket, switchToEdit, readOnly, root) {
+      var swap = readOnly === true ? Swapping.toAlpha : Swapping.toOmega;
+      swap(root);
+      var f = readOnly ? showEdit : hideEdit;
+      f(socket, switchToEdit);
+    };
+
+    var getAnimationRoot = function (component, slideConfig) {
+      return slideConfig.getAnimationRoot.fold(function () {
+        return component.element;
+      }, function (get) {
+        return get(component);
+      });
+    };
+
+    var getDimensionProperty = function (slideConfig) {
+      return slideConfig.dimension.property;
+    };
+    var getDimension = function (slideConfig, elem) {
+      return slideConfig.dimension.getDimension(elem);
+    };
+    var disableTransitions = function (component, slideConfig) {
+      var root = getAnimationRoot(component, slideConfig);
+      remove$6(root, [
+        slideConfig.shrinkingClass,
+        slideConfig.growingClass
+      ]);
+    };
+    var setShrunk = function (component, slideConfig) {
+      remove$4(component.element, slideConfig.openClass);
+      add$2(component.element, slideConfig.closedClass);
+      set$3(component.element, getDimensionProperty(slideConfig), '0px');
+      reflow(component.element);
+    };
+    var setGrown = function (component, slideConfig) {
+      remove$4(component.element, slideConfig.closedClass);
+      add$2(component.element, slideConfig.openClass);
+      remove$5(component.element, getDimensionProperty(slideConfig));
+    };
+    var doImmediateShrink = function (component, slideConfig, slideState, _calculatedSize) {
+      slideState.setCollapsed();
+      set$3(component.element, getDimensionProperty(slideConfig), getDimension(slideConfig, component.element));
+      reflow(component.element);
+      disableTransitions(component, slideConfig);
+      setShrunk(component, slideConfig);
+      slideConfig.onStartShrink(component);
+      slideConfig.onShrunk(component);
+    };
+    var doStartShrink = function (component, slideConfig, slideState, calculatedSize) {
+      var size = calculatedSize.getOrThunk(function () {
+        return getDimension(slideConfig, component.element);
+      });
+      slideState.setCollapsed();
+      set$3(component.element, getDimensionProperty(slideConfig), size);
+      reflow(component.element);
+      var root = getAnimationRoot(component, slideConfig);
+      remove$4(root, slideConfig.growingClass);
+      add$2(root, slideConfig.shrinkingClass);
+      setShrunk(component, slideConfig);
+      slideConfig.onStartShrink(component);
+    };
+    var doStartSmartShrink = function (component, slideConfig, slideState) {
+      var size = getDimension(slideConfig, component.element);
+      var shrinker = size === '0px' ? doImmediateShrink : doStartShrink;
+      shrinker(component, slideConfig, slideState, Optional.some(size));
+    };
+    var doStartGrow = function (component, slideConfig, slideState) {
+      var root = getAnimationRoot(component, slideConfig);
+      var wasShrinking = has$2(root, slideConfig.shrinkingClass);
+      var beforeSize = getDimension(slideConfig, component.element);
+      setGrown(component, slideConfig);
+      var fullSize = getDimension(slideConfig, component.element);
+      var startPartialGrow = function () {
+        set$3(component.element, getDimensionProperty(slideConfig), beforeSize);
+        reflow(component.element);
+      };
+      var startCompleteGrow = function () {
+        setShrunk(component, slideConfig);
+      };
+      var setStartSize = wasShrinking ? startPartialGrow : startCompleteGrow;
+      setStartSize();
+      remove$4(root, slideConfig.shrinkingClass);
+      add$2(root, slideConfig.growingClass);
+      setGrown(component, slideConfig);
+      set$3(component.element, getDimensionProperty(slideConfig), fullSize);
+      slideState.setExpanded();
+      slideConfig.onStartGrow(component);
+    };
+    var refresh = function (component, slideConfig, slideState) {
+      if (slideState.isExpanded()) {
+        remove$5(component.element, getDimensionProperty(slideConfig));
+        var fullSize = getDimension(slideConfig, component.element);
+        set$3(component.element, getDimensionProperty(slideConfig), fullSize);
+      }
+    };
+    var grow = function (component, slideConfig, slideState) {
+      if (!slideState.isExpanded()) {
+        doStartGrow(component, slideConfig, slideState);
+      }
+    };
+    var shrink = function (component, slideConfig, slideState) {
+      if (slideState.isExpanded()) {
+        doStartSmartShrink(component, slideConfig, slideState);
+      }
+    };
+    var immediateShrink = function (component, slideConfig, slideState) {
+      if (slideState.isExpanded()) {
+        doImmediateShrink(component, slideConfig, slideState, Optional.none());
+      }
+    };
+    var hasGrown = function (component, slideConfig, slideState) {
+      return slideState.isExpanded();
+    };
+    var hasShrunk = function (component, slideConfig, slideState) {
+      return slideState.isCollapsed();
+    };
+    var isGrowing = function (component, slideConfig, _slideState) {
+      var root = getAnimationRoot(component, slideConfig);
+      return has$2(root, slideConfig.growingClass) === true;
+    };
+    var isShrinking = function (component, slideConfig, _slideState) {
+      var root = getAnimationRoot(component, slideConfig);
+      return has$2(root, slideConfig.shrinkingClass) === true;
+    };
+    var isTransitioning = function (component, slideConfig, slideState) {
+      return isGrowing(component, slideConfig) === true || isShrinking(component, slideConfig) === true;
+    };
+    var toggleGrow = function (component, slideConfig, slideState) {
+      var f = slideState.isExpanded() ? doStartSmartShrink : doStartGrow;
+      f(component, slideConfig, slideState);
+    };
+
+    var SlidingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        refresh: refresh,
+        grow: grow,
+        shrink: shrink,
+        immediateShrink: immediateShrink,
+        hasGrown: hasGrown,
+        hasShrunk: hasShrunk,
+        isGrowing: isGrowing,
+        isShrinking: isShrinking,
+        isTransitioning: isTransitioning,
+        toggleGrow: toggleGrow,
+        disableTransitions: disableTransitions
+    });
+
+    var exhibit$5 = function (base, slideConfig, _slideState) {
+      var expanded = slideConfig.expanded;
+      return expanded ? nu$5({
+        classes: [slideConfig.openClass],
+        styles: {}
+      }) : nu$5({
+        classes: [slideConfig.closedClass],
+        styles: wrap$1(slideConfig.dimension.property, '0px')
+      });
+    };
+    var events$a = function (slideConfig, slideState) {
+      return derive([runOnSource(transitionend(), function (component, simulatedEvent) {
+          var raw = simulatedEvent.event.raw;
+          if (raw.propertyName === slideConfig.dimension.property) {
+            disableTransitions(component, slideConfig);
+            if (slideState.isExpanded()) {
+              remove$5(component.element, slideConfig.dimension.property);
+            }
+            var notify = slideState.isExpanded() ? slideConfig.onGrown : slideConfig.onShrunk;
+            notify(component);
+          }
+        })]);
+    };
+
+    var ActiveSliding = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$5,
+        events: events$a
+    });
+
+    var SlidingSchema = [
+      strict$1('closedClass'),
+      strict$1('openClass'),
+      strict$1('shrinkingClass'),
+      strict$1('growingClass'),
+      option('getAnimationRoot'),
+      onHandler('onShrunk'),
+      onHandler('onStartShrink'),
+      onHandler('onGrown'),
+      onHandler('onStartGrow'),
+      defaulted$1('expanded', false),
+      strictOf('dimension', choose$1('property', {
+        width: [
+          output('property', 'width'),
+          output('getDimension', function (elem) {
+            return get$8(elem) + 'px';
+          })
+        ],
+        height: [
+          output('property', 'height'),
+          output('getDimension', function (elem) {
+            return get$6(elem) + 'px';
+          })
+        ]
+      }))
+    ];
+
+    var init$4 = function (spec) {
+      var state = Cell(spec.expanded);
+      var readState = function () {
+        return 'expanded: ' + state.get();
+      };
+      return nu$6({
+        isExpanded: function () {
+          return state.get() === true;
+        },
+        isCollapsed: function () {
+          return state.get() === false;
+        },
+        setCollapsed: curry(state.set, false),
+        setExpanded: curry(state.set, true),
+        readState: readState
+      });
+    };
+
+    var SlidingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$4
+    });
+
+    var Sliding = create$1({
+      fields: SlidingSchema,
+      name: 'sliding',
+      active: ActiveSliding,
+      apis: SlidingApis,
+      state: SlidingState
+    });
+
+    var build$2 = function (refresh, scrollIntoView) {
+      var dropup = build$1(Container.sketch({
+        dom: {
+          tag: 'div',
+          classes: [resolve('dropup')]
+        },
+        components: [],
+        containerBehaviours: derive$1([
+          Replacing.config({}),
+          Sliding.config({
+            closedClass: resolve('dropup-closed'),
+            openClass: resolve('dropup-open'),
+            shrinkingClass: resolve('dropup-shrinking'),
+            growingClass: resolve('dropup-growing'),
+            dimension: { property: 'height' },
+            onShrunk: function (component) {
+              refresh();
+              scrollIntoView();
+              Replacing.set(component, []);
+            },
+            onGrown: function (_component) {
+              refresh();
+              scrollIntoView();
+            }
+          }),
+          orientation(function (_component, _data) {
+            disappear(noop);
+          })
+        ])
+      }));
+      var appear = function (menu, update, component) {
+        if (Sliding.hasShrunk(dropup) === true && Sliding.isTransitioning(dropup) === false) {
+          window.requestAnimationFrame(function () {
+            update(component);
+            Replacing.set(dropup, [menu()]);
+            Sliding.grow(dropup);
+          });
+        }
+      };
+      var disappear = function (onReadyToShrink) {
+        window.requestAnimationFrame(function () {
+          onReadyToShrink();
+          Sliding.shrink(dropup);
+        });
+      };
+      return {
+        appear: appear,
+        disappear: disappear,
+        component: dropup,
+        element: dropup.element
+      };
+    };
+
+    var closest$3 = function (scope, selector, isRoot) {
+      return closest$2(scope, selector, isRoot).isSome();
+    };
+
+    var isDangerous = function (event) {
+      var keyEv = event.raw;
+      return keyEv.which === BACKSPACE[0] && !contains([
+        'input',
+        'textarea'
+      ], name(event.target)) && !closest$3(event.target, '[contenteditable="true"]');
+    };
+    var isFirefox = function () {
+      return detect$3().browser.isFirefox();
+    };
+    var settingsSchema = objOfOnly([
+      strictFunction('triggerEvent'),
+      defaulted$1('stopBackspace', true)
+    ]);
+    var bindFocus = function (container, handler) {
+      if (isFirefox()) {
+        return capture$1(container, 'focus', handler);
+      } else {
+        return bind$3(container, 'focusin', handler);
+      }
+    };
+    var bindBlur = function (container, handler) {
+      if (isFirefox()) {
+        return capture$1(container, 'blur', handler);
+      } else {
+        return bind$3(container, 'focusout', handler);
+      }
+    };
+    var setup$2 = function (container, rawSettings) {
+      var settings = asRawOrDie('Getting GUI events settings', settingsSchema, rawSettings);
+      var pointerEvents = [
+        'touchstart',
+        'touchmove',
+        'touchend',
+        'touchcancel',
+        'gesturestart',
+        'mousedown',
+        'mouseup',
+        'mouseover',
+        'mousemove',
+        'mouseout',
+        'click'
+      ];
+      var tapEvent = monitor(settings);
+      var simpleEvents = map(pointerEvents.concat([
+        'selectstart',
+        'input',
+        'contextmenu',
+        'change',
+        'transitionend',
+        'drag',
+        'dragstart',
+        'dragend',
+        'dragenter',
+        'dragleave',
+        'dragover',
+        'drop',
+        'keyup'
+      ]), function (type) {
+        return bind$3(container, type, function (event) {
+          tapEvent.fireIfReady(event, type).each(function (tapStopped) {
+            if (tapStopped) {
+              event.kill();
+            }
+          });
+          var stopped = settings.triggerEvent(type, event);
+          if (stopped) {
+            event.kill();
+          }
+        });
+      });
+      var pasteTimeout = Cell(Optional.none());
+      var onPaste = bind$3(container, 'paste', function (event) {
+        tapEvent.fireIfReady(event, 'paste').each(function (tapStopped) {
+          if (tapStopped) {
+            event.kill();
+          }
+        });
+        var stopped = settings.triggerEvent('paste', event);
+        if (stopped) {
+          event.kill();
+        }
+        pasteTimeout.set(Optional.some(setTimeout(function () {
+          settings.triggerEvent(postPaste(), event);
+        }, 0)));
+      });
+      var onKeydown = bind$3(container, 'keydown', function (event) {
+        var stopped = settings.triggerEvent('keydown', event);
+        if (stopped) {
+          event.kill();
+        } else if (settings.stopBackspace === true && isDangerous(event)) {
+          event.prevent();
+        }
+      });
+      var onFocusIn = bindFocus(container, function (event) {
+        var stopped = settings.triggerEvent('focusin', event);
+        if (stopped) {
+          event.kill();
+        }
+      });
+      var focusoutTimeout = Cell(Optional.none());
+      var onFocusOut = bindBlur(container, function (event) {
+        var stopped = settings.triggerEvent('focusout', event);
+        if (stopped) {
+          event.kill();
+        }
+        focusoutTimeout.set(Optional.some(setTimeout(function () {
+          settings.triggerEvent(postBlur(), event);
+        }, 0)));
+      });
+      var unbind = function () {
+        each(simpleEvents, function (e) {
+          e.unbind();
+        });
+        onKeydown.unbind();
+        onFocusIn.unbind();
+        onFocusOut.unbind();
+        onPaste.unbind();
+        pasteTimeout.get().each(clearTimeout);
+        focusoutTimeout.get().each(clearTimeout);
+      };
+      return { unbind: unbind };
+    };
+
+    var derive$2 = function (rawEvent, rawTarget) {
+      var source = get$1(rawEvent, 'target').getOr(rawTarget);
+      return Cell(source);
+    };
+
+    var fromSource = function (event, source) {
+      var stopper = Cell(false);
+      var cutter = Cell(false);
+      var stop = function () {
+        stopper.set(true);
+      };
+      var cut = function () {
+        cutter.set(true);
+      };
+      return {
+        stop: stop,
+        cut: cut,
+        isStopped: stopper.get,
+        isCut: cutter.get,
+        event: event,
+        setSource: source.set,
+        getSource: source.get
+      };
+    };
+    var fromExternal = function (event) {
+      var stopper = Cell(false);
+      var stop = function () {
+        stopper.set(true);
+      };
+      return {
+        stop: stop,
+        cut: noop,
+        isStopped: stopper.get,
+        isCut: never,
+        event: event,
+        setSource: die('Cannot set source of a broadcasted event'),
+        getSource: die('Cannot get source of a broadcasted event')
+      };
+    };
+
+    var adt$7 = Adt.generate([
+      { stopped: [] },
+      { resume: ['element'] },
+      { complete: [] }
+    ]);
+    var doTriggerHandler = function (lookup, eventType, rawEvent, target, source, logger) {
+      var handler = lookup(eventType, target);
+      var simulatedEvent = fromSource(rawEvent, source);
+      return handler.fold(function () {
+        logger.logEventNoHandlers(eventType, target);
+        return adt$7.complete();
+      }, function (handlerInfo) {
+        var descHandler = handlerInfo.descHandler;
+        var eventHandler = getCurried(descHandler);
+        eventHandler(simulatedEvent);
+        if (simulatedEvent.isStopped()) {
+          logger.logEventStopped(eventType, handlerInfo.element, descHandler.purpose);
+          return adt$7.stopped();
+        } else if (simulatedEvent.isCut()) {
+          logger.logEventCut(eventType, handlerInfo.element, descHandler.purpose);
+          return adt$7.complete();
+        } else {
+          return parent(handlerInfo.element).fold(function () {
+            logger.logNoParent(eventType, handlerInfo.element, descHandler.purpose);
+            return adt$7.complete();
+          }, function (parent) {
+            logger.logEventResponse(eventType, handlerInfo.element, descHandler.purpose);
+            return adt$7.resume(parent);
+          });
+        }
+      });
+    };
+    var doTriggerOnUntilStopped = function (lookup, eventType, rawEvent, rawTarget, source, logger) {
+      return doTriggerHandler(lookup, eventType, rawEvent, rawTarget, source, logger).fold(function () {
+        return true;
+      }, function (parent) {
+        return doTriggerOnUntilStopped(lookup, eventType, rawEvent, parent, source, logger);
+      }, function () {
+        return false;
+      });
+    };
+    var triggerHandler = function (lookup, eventType, rawEvent, target, logger) {
+      var source = derive$2(rawEvent, target);
+      return doTriggerHandler(lookup, eventType, rawEvent, target, source, logger);
+    };
+    var broadcast = function (listeners, rawEvent, _logger) {
+      var simulatedEvent = fromExternal(rawEvent);
+      each(listeners, function (listener) {
+        var descHandler = listener.descHandler;
+        var handler = getCurried(descHandler);
+        handler(simulatedEvent);
+      });
+      return simulatedEvent.isStopped();
+    };
+    var triggerUntilStopped = function (lookup, eventType, rawEvent, logger) {
+      return triggerOnUntilStopped(lookup, eventType, rawEvent, rawEvent.target, logger);
+    };
+    var triggerOnUntilStopped = function (lookup, eventType, rawEvent, rawTarget, logger) {
+      var source = derive$2(rawEvent, rawTarget);
+      return doTriggerOnUntilStopped(lookup, eventType, rawEvent, rawTarget, source, logger);
+    };
+
+    var eventHandler = function (element, descHandler) {
+      return {
+        element: element,
+        descHandler: descHandler
+      };
+    };
+    var broadcastHandler = function (id, handler) {
+      return {
+        id: id,
+        descHandler: handler
+      };
+    };
+    function EventRegistry () {
+      var registry = {};
+      var registerId = function (extraArgs, id, events) {
+        each$1(events, function (v, k) {
+          var handlers = registry[k] !== undefined ? registry[k] : {};
+          handlers[id] = curryArgs(v, extraArgs);
+          registry[k] = handlers;
+        });
+      };
+      var findHandler = function (handlers, elem) {
+        return read$2(elem).fold(function () {
+          return Optional.none();
+        }, function (id) {
+          return handlers.bind(function (h) {
+            return get$1(h, id);
+          }).map(function (descHandler) {
+            return eventHandler(elem, descHandler);
+          });
+        });
+      };
+      var filterByType = function (type) {
+        return get$1(registry, type).map(function (handlers) {
+          return mapToArray(handlers, function (f, id) {
+            return broadcastHandler(id, f);
+          });
+        }).getOr([]);
+      };
+      var find = function (isAboveRoot, type, target) {
+        var handlers = get$1(registry, type);
+        return closest(target, function (elem) {
+          return findHandler(handlers, elem);
+        }, isAboveRoot);
+      };
+      var unregisterId = function (id) {
+        each$1(registry, function (handlersById, _eventName) {
+          if (handlersById.hasOwnProperty(id)) {
+            delete handlersById[id];
+          }
+        });
+      };
+      return {
+        registerId: registerId,
+        unregisterId: unregisterId,
+        filterByType: filterByType,
+        find: find
+      };
+    }
+
+    function Registry () {
+      var events = EventRegistry();
+      var components = {};
+      var readOrTag = function (component) {
+        var elem = component.element;
+        return read$2(elem).fold(function () {
+          return write('uid-', component.element);
+        }, function (uid) {
+          return uid;
+        });
+      };
+      var failOnDuplicate = function (component, tagId) {
+        var conflict = components[tagId];
+        if (conflict === component) {
+          unregister(component);
+        } else {
+          throw new Error('The tagId "' + tagId + '" is already used by: ' + element(conflict.element) + '\nCannot use it for: ' + element(component.element) + '\n' + 'The conflicting element is' + (inBody(conflict.element) ? ' ' : ' not ') + 'already in the DOM');
+        }
+      };
+      var register = function (component) {
+        var tagId = readOrTag(component);
+        if (hasNonNullableKey(components, tagId)) {
+          failOnDuplicate(component, tagId);
+        }
+        var extraArgs = [component];
+        events.registerId(extraArgs, tagId, component.events);
+        components[tagId] = component;
+      };
+      var unregister = function (component) {
+        read$2(component.element).each(function (tagId) {
+          delete components[tagId];
+          events.unregisterId(tagId);
+        });
+      };
+      var filter = function (type) {
+        return events.filterByType(type);
+      };
+      var find = function (isAboveRoot, type, target) {
+        return events.find(isAboveRoot, type, target);
+      };
+      var getById = function (id) {
+        return get$1(components, id);
+      };
+      return {
+        find: find,
+        filter: filter,
+        register: register,
+        unregister: unregister,
+        getById: getById
+      };
+    }
+
+    var takeover = function (root) {
+      var isAboveRoot = function (el) {
+        return parent(root.element).fold(function () {
+          return true;
+        }, function (parent) {
+          return eq(el, parent);
+        });
+      };
+      var registry = Registry();
+      var lookup = function (eventName, target) {
+        return registry.find(isAboveRoot, eventName, target);
+      };
+      var domEvents = setup$2(root.element, {
+        triggerEvent: function (eventName, event) {
+          return monitorEvent(eventName, event.target, function (logger) {
+            return triggerUntilStopped(lookup, eventName, event, logger);
+          });
+        }
+      });
+      var systemApi = {
+        debugInfo: constant('real'),
+        triggerEvent: function (eventName, target, data) {
+          monitorEvent(eventName, target, function (logger) {
+            return triggerOnUntilStopped(lookup, eventName, data, target, logger);
+          });
+        },
+        triggerFocus: function (target, originator) {
+          read$2(target).fold(function () {
+            focus$1(target);
+          }, function (_alloyId) {
+            monitorEvent(focus(), target, function (logger) {
+              triggerHandler(lookup, focus(), {
+                originator: originator,
+                kill: noop,
+                prevent: noop,
+                target: target
+              }, target, logger);
+              return false;
+            });
+          });
+        },
+        triggerEscape: function (comp, simulatedEvent) {
+          systemApi.triggerEvent('keydown', comp.element, simulatedEvent.event);
+        },
+        getByUid: function (uid) {
+          return getByUid(uid);
+        },
+        getByDom: function (elem) {
+          return getByDom(elem);
+        },
+        build: build$1,
+        addToGui: function (c) {
+          add(c);
+        },
+        removeFromGui: function (c) {
+          remove$1(c);
+        },
+        addToWorld: function (c) {
+          addToWorld(c);
+        },
+        removeFromWorld: function (c) {
+          removeFromWorld(c);
+        },
+        broadcast: function (message) {
+          broadcast$1(message);
+        },
+        broadcastOn: function (channels, message) {
+          broadcastOn(channels, message);
+        },
+        broadcastEvent: function (eventName, event) {
+          broadcastEvent(eventName, event);
+        },
+        isConnected: always
+      };
+      var addToWorld = function (component) {
+        component.connect(systemApi);
+        if (!isText(component.element)) {
+          registry.register(component);
+          each(component.components(), addToWorld);
+          systemApi.triggerEvent(systemInit(), component.element, { target: component.element });
+        }
+      };
+      var removeFromWorld = function (component) {
+        if (!isText(component.element)) {
+          each(component.components(), removeFromWorld);
+          registry.unregister(component);
+        }
+        component.disconnect();
+      };
+      var add = function (component) {
+        attach$1(root, component);
+      };
+      var remove$1 = function (component) {
+        detach(component);
+      };
+      var destroy = function () {
+        domEvents.unbind();
+        remove(root.element);
+      };
+      var broadcastData = function (data) {
+        var receivers = registry.filter(receive());
+        each(receivers, function (receiver) {
+          var descHandler = receiver.descHandler;
+          var handler = getCurried(descHandler);
+          handler(data);
+        });
+      };
+      var broadcast$1 = function (message) {
+        broadcastData({
+          universal: true,
+          data: message
+        });
+      };
+      var broadcastOn = function (channels, message) {
+        broadcastData({
+          universal: false,
+          channels: channels,
+          data: message
+        });
+      };
+      var broadcastEvent = function (eventName, event) {
+        var listeners = registry.filter(eventName);
+        return broadcast(listeners, event);
+      };
+      var getByUid = function (uid) {
+        return registry.getById(uid).fold(function () {
+          return Result.error(new Error('Could not find component with uid: "' + uid + '" in system.'));
+        }, Result.value);
+      };
+      var getByDom = function (elem) {
+        var uid = read$2(elem).getOr('not found');
+        return getByUid(uid);
+      };
+      addToWorld(root);
+      return {
+        root: root,
+        element: root.element,
+        destroy: destroy,
+        add: add,
+        remove: remove$1,
+        getByUid: getByUid,
+        getByDom: getByDom,
+        addToWorld: addToWorld,
+        removeFromWorld: removeFromWorld,
+        broadcast: broadcast$1,
+        broadcastOn: broadcastOn,
+        broadcastEvent: broadcastEvent
+      };
+    };
+
+    var READ_ONLY_MODE_CLASS = resolve('readonly-modal');
+    var EDIT_MODE_CLASS = resolve('edit-modal');
+    function OuterContainer (spec) {
+      var root = build$1(Container.sketch({
+        dom: { classes: [resolve('outer-container')].concat(spec.classes) },
+        containerBehaviours: derive$1([Swapping.config({
+            alpha: READ_ONLY_MODE_CLASS,
+            omega: EDIT_MODE_CLASS
+          })])
+      }));
+      return takeover(root);
+    }
+
+    function AndroidRealm (scrollIntoView) {
+      var alloy = OuterContainer({ classes: [resolve('android-container')] });
+      var toolbar = ScrollingToolbar();
+      var webapp = api$2();
+      var switchToEdit = makeEditSwitch(webapp);
+      var socket = makeSocket();
+      var dropup = build$2(noop, scrollIntoView);
+      alloy.add(toolbar.wrapper);
+      alloy.add(socket);
+      alloy.add(dropup.component);
+      var setToolbarGroups = function (rawGroups) {
+        var groups = toolbar.createGroups(rawGroups);
+        toolbar.setGroups(groups);
+      };
+      var setContextToolbar = function (rawGroups) {
+        var groups = toolbar.createGroups(rawGroups);
+        toolbar.setContextToolbar(groups);
+      };
+      var focusToolbar = function () {
+        toolbar.focus();
+      };
+      var restoreToolbar = function () {
+        toolbar.restoreToolbar();
+      };
+      var init = function (spec) {
+        webapp.set(produce(spec));
+      };
+      var exit = function () {
+        webapp.run(function (w) {
+          w.exit();
+          Replacing.remove(socket, switchToEdit);
+        });
+      };
+      var updateMode$1 = function (readOnly) {
+        updateMode(socket, switchToEdit, readOnly, alloy.root);
+      };
+      return {
+        system: alloy,
+        element: alloy.element,
+        init: init,
+        exit: exit,
+        setToolbarGroups: setToolbarGroups,
+        setContextToolbar: setContextToolbar,
+        focusToolbar: focusToolbar,
+        restoreToolbar: restoreToolbar,
+        updateMode: updateMode$1,
+        socket: socket,
+        dropup: dropup
+      };
+    }
+
+    var input$1 = function (parent, operation) {
+      var input = SugarElement.fromTag('input');
+      setAll$1(input, {
+        opacity: '0',
+        position: 'absolute',
+        top: '-1000px',
+        left: '-1000px'
+      });
+      append(parent, input);
+      focus$1(input);
+      operation(input);
+      remove(input);
+    };
+
+    var refresh$1 = function (winScope) {
+      var sel = winScope.getSelection();
+      if (sel.rangeCount > 0) {
+        var br = sel.getRangeAt(0);
+        var r = winScope.document.createRange();
+        r.setStart(br.startContainer, br.startOffset);
+        r.setEnd(br.endContainer, br.endOffset);
+        sel.removeAllRanges();
+        sel.addRange(r);
+      }
+    };
+
+    var resume$1 = function (cWin, frame) {
+      active().each(function (active) {
+        if (!eq(active, frame)) {
+          blur(active);
+        }
+      });
+      cWin.focus();
+      focus$1(SugarElement.fromDom(cWin.document.body));
+      refresh$1(cWin);
+    };
+
+    var stubborn = function (outerBody, cWin, page, frame) {
+      var toEditing = function () {
+        resume$1(cWin, frame);
+      };
+      var toReading = function () {
+        input$1(outerBody, blur);
+      };
+      var captureInput = bind$3(page, 'keydown', function (evt) {
+        if (!contains([
+            'input',
+            'textarea'
+          ], name(evt.target))) {
+          toEditing();
+        }
+      });
+      var onToolbarTouch = function () {
+      };
+      var destroy = function () {
+        captureInput.unbind();
+      };
+      return {
+        toReading: toReading,
+        toEditing: toEditing,
+        onToolbarTouch: onToolbarTouch,
+        destroy: destroy
+      };
+    };
+
+    var initEvents$1 = function (editorApi, iosApi, toolstrip, socket, _dropup) {
+      var saveSelectionFirst = function () {
+        iosApi.run(function (api) {
+          api.highlightSelection();
+        });
+      };
+      var refreshIosSelection = function () {
+        iosApi.run(function (api) {
+          api.refreshSelection();
+        });
+      };
+      var scrollToY = function (yTop, height) {
+        var y = yTop - socket.dom.scrollTop;
+        iosApi.run(function (api) {
+          api.scrollIntoView(y, y + height);
+        });
+      };
+      var scrollToElement = function (_target) {
+        scrollToY(iosApi, socket);
+      };
+      var scrollToCursor = function () {
+        editorApi.getCursorBox().each(function (box) {
+          scrollToY(box.top, box.height);
+        });
+      };
+      var clearSelection = function () {
+        iosApi.run(function (api) {
+          api.clearSelection();
+        });
+      };
+      var clearAndRefresh = function () {
+        clearSelection();
+        refreshThrottle.throttle();
+      };
+      var refreshView = function () {
+        scrollToCursor();
+        iosApi.run(function (api) {
+          api.syncHeight();
+        });
+      };
+      var reposition = function () {
+        var toolbarHeight = get$6(toolstrip);
+        iosApi.run(function (api) {
+          api.setViewportOffset(toolbarHeight);
+        });
+        refreshIosSelection();
+        refreshView();
+      };
+      var toEditing = function () {
+        iosApi.run(function (api) {
+          api.toEditing();
+        });
+      };
+      var toReading = function () {
+        iosApi.run(function (api) {
+          api.toReading();
+        });
+      };
+      var onToolbarTouch = function (event) {
+        iosApi.run(function (api) {
+          api.onToolbarTouch(event);
+        });
+      };
+      var tapping = monitor$1(editorApi);
+      var refreshThrottle = last(refreshView, 300);
+      var listeners = [
+        editorApi.onKeyup(clearAndRefresh),
+        editorApi.onNodeChanged(refreshIosSelection),
+        editorApi.onDomChanged(refreshThrottle.throttle),
+        editorApi.onDomChanged(refreshIosSelection),
+        editorApi.onScrollToCursor(function (tinyEvent) {
+          tinyEvent.preventDefault();
+          refreshThrottle.throttle();
+        }),
+        editorApi.onScrollToElement(function (event) {
+          scrollToElement(event.element);
+        }),
+        editorApi.onToEditing(toEditing),
+        editorApi.onToReading(toReading),
+        bind$3(editorApi.doc, 'touchend', function (touchEvent) {
+          if (eq(editorApi.html, touchEvent.target) || eq(editorApi.body, touchEvent.target)) ;
+        }),
+        bind$3(toolstrip, 'transitionend', function (transitionEvent) {
+          if (transitionEvent.raw.propertyName === 'height') {
+            reposition();
+          }
+        }),
+        capture$1(toolstrip, 'touchstart', function (touchEvent) {
+          saveSelectionFirst();
+          onToolbarTouch(touchEvent);
+          editorApi.onTouchToolstrip();
+        }),
+        bind$3(editorApi.body, 'touchstart', function (evt) {
+          clearSelection();
+          editorApi.onTouchContent();
+          tapping.fireTouchstart(evt);
+        }),
+        tapping.onTouchmove(),
+        tapping.onTouchend(),
+        bind$3(editorApi.body, 'click', function (event) {
+          event.kill();
+        }),
+        bind$3(toolstrip, 'touchmove', function () {
+          editorApi.onToolbarScrollStart();
+        })
+      ];
+      var destroy = function () {
+        each(listeners, function (l) {
+          l.unbind();
+        });
+      };
+      return { destroy: destroy };
+    };
+
+    function FakeSelection (win, frame) {
+      var doc = win.document;
+      var container = SugarElement.fromTag('div');
+      add$2(container, resolve('unfocused-selections'));
+      append(SugarElement.fromDom(doc.documentElement), container);
+      var onTouch = bind$3(container, 'touchstart', function (event) {
+        event.prevent();
+        resume$1(win, frame);
+        clear();
+      });
+      var make = function (rectangle) {
+        var span = SugarElement.fromTag('span');
+        add$3(span, [
+          resolve('layer-editor'),
+          resolve('unfocused-selection')
+        ]);
+        setAll$1(span, {
+          left: rectangle.left + 'px',
+          top: rectangle.top + 'px',
+          width: rectangle.width + 'px',
+          height: rectangle.height + 'px'
+        });
+        return span;
+      };
+      var update = function () {
+        clear();
+        var rectangles = getRectangles(win);
+        var spans = map(rectangles, make);
+        append$1(container, spans);
+      };
+      var clear = function () {
+        empty(container);
+      };
+      var destroy = function () {
+        onTouch.unbind();
+        remove(container);
+      };
+      var isActive = function () {
+        return children(container).length > 0;
+      };
+      return {
+        update: update,
+        isActive: isActive,
+        destroy: destroy,
+        clear: clear
+      };
+    }
+
+    var exports$1 = {}, module = { exports: exports$1 };
+    (function (define, exports, module, require) {
+      (function (f) {
+        if (typeof exports === 'object' && typeof module !== 'undefined') {
+          module.exports = f();
+        } else if (typeof define === 'function' && define.amd) {
+          define([], f);
+        } else {
+          var g;
+          if (typeof window !== 'undefined') {
+            g = window;
+          } else if (typeof global !== 'undefined') {
+            g = global;
+          } else if (typeof self !== 'undefined') {
+            g = self;
+          } else {
+            g = this;
+          }
+          g.EphoxContactWrapper = f();
+        }
+      }(function () {
+        return function () {
+          function r(e, n, t) {
+            function o(i, f) {
+              if (!n[i]) {
+                if (!e[i]) {
+                  var c = 'function' == typeof require && require;
+                  if (!f && c)
+                    return c(i, !0);
+                  if (u)
+                    return u(i, !0);
+                  var a = new Error('Cannot find module \'' + i + '\'');
+                  throw a.code = 'MODULE_NOT_FOUND', a;
+                }
+                var p = n[i] = { exports: {} };
+                e[i][0].call(p.exports, function (r) {
+                  var n = e[i][1][r];
+                  return o(n || r);
+                }, p, p.exports, r, e, n, t);
+              }
+              return n[i].exports;
+            }
+            for (var u = 'function' == typeof require && require, i = 0; i < t.length; i++)
+              o(t[i]);
+            return o;
+          }
+          return r;
+        }()({
+          1: [
+            function (require, module, exports) {
+              var process = module.exports = {};
+              var cachedSetTimeout;
+              var cachedClearTimeout;
+              function defaultSetTimout() {
+                throw new Error('setTimeout has not been defined');
+              }
+              function defaultClearTimeout() {
+                throw new Error('clearTimeout has not been defined');
+              }
+              (function () {
+                try {
+                  if (typeof setTimeout === 'function') {
+                    cachedSetTimeout = setTimeout;
+                  } else {
+                    cachedSetTimeout = defaultSetTimout;
+                  }
+                } catch (e) {
+                  cachedSetTimeout = defaultSetTimout;
+                }
+                try {
+                  if (typeof clearTimeout === 'function') {
+                    cachedClearTimeout = clearTimeout;
+                  } else {
+                    cachedClearTimeout = defaultClearTimeout;
+                  }
+                } catch (e) {
+                  cachedClearTimeout = defaultClearTimeout;
+                }
+              }());
+              function runTimeout(fun) {
+                if (cachedSetTimeout === setTimeout) {
+                  return setTimeout(fun, 0);
+                }
+                if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+                  cachedSetTimeout = setTimeout;
+                  return setTimeout(fun, 0);
+                }
+                try {
+                  return cachedSetTimeout(fun, 0);
+                } catch (e) {
+                  try {
+                    return cachedSetTimeout.call(null, fun, 0);
+                  } catch (e) {
+                    return cachedSetTimeout.call(this, fun, 0);
+                  }
+                }
+              }
+              function runClearTimeout(marker) {
+                if (cachedClearTimeout === clearTimeout) {
+                  return clearTimeout(marker);
+                }
+                if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+                  cachedClearTimeout = clearTimeout;
+                  return clearTimeout(marker);
+                }
+                try {
+                  return cachedClearTimeout(marker);
+                } catch (e) {
+                  try {
+                    return cachedClearTimeout.call(null, marker);
+                  } catch (e) {
+                    return cachedClearTimeout.call(this, marker);
+                  }
+                }
+              }
+              var queue = [];
+              var draining = false;
+              var currentQueue;
+              var queueIndex = -1;
+              function cleanUpNextTick() {
+                if (!draining || !currentQueue) {
+                  return;
+                }
+                draining = false;
+                if (currentQueue.length) {
+                  queue = currentQueue.concat(queue);
+                } else {
+                  queueIndex = -1;
+                }
+                if (queue.length) {
+                  drainQueue();
+                }
+              }
+              function drainQueue() {
+                if (draining) {
+                  return;
+                }
+                var timeout = runTimeout(cleanUpNextTick);
+                draining = true;
+                var len = queue.length;
+                while (len) {
+                  currentQueue = queue;
+                  queue = [];
+                  while (++queueIndex < len) {
+                    if (currentQueue) {
+                      currentQueue[queueIndex].run();
+                    }
+                  }
+                  queueIndex = -1;
+                  len = queue.length;
+                }
+                currentQueue = null;
+                draining = false;
+                runClearTimeout(timeout);
+              }
+              process.nextTick = function (fun) {
+                var args = new Array(arguments.length - 1);
+                if (arguments.length > 1) {
+                  for (var i = 1; i < arguments.length; i++) {
+                    args[i - 1] = arguments[i];
+                  }
+                }
+                queue.push(new Item(fun, args));
+                if (queue.length === 1 && !draining) {
+                  runTimeout(drainQueue);
+                }
+              };
+              function Item(fun, array) {
+                this.fun = fun;
+                this.array = array;
+              }
+              Item.prototype.run = function () {
+                this.fun.apply(null, this.array);
+              };
+              process.title = 'browser';
+              process.browser = true;
+              process.env = {};
+              process.argv = [];
+              process.version = '';
+              process.versions = {};
+              function noop() {
+              }
+              process.on = noop;
+              process.addListener = noop;
+              process.once = noop;
+              process.off = noop;
+              process.removeListener = noop;
+              process.removeAllListeners = noop;
+              process.emit = noop;
+              process.prependListener = noop;
+              process.prependOnceListener = noop;
+              process.listeners = function (name) {
+                return [];
+              };
+              process.binding = function (name) {
+                throw new Error('process.binding is not supported');
+              };
+              process.cwd = function () {
+                return '/';
+              };
+              process.chdir = function (dir) {
+                throw new Error('process.chdir is not supported');
+              };
+              process.umask = function () {
+                return 0;
+              };
+            },
+            {}
+          ],
+          2: [
+            function (require, module, exports) {
+              (function (setImmediate) {
+                (function (root) {
+                  var setTimeoutFunc = setTimeout;
+                  function noop() {
+                  }
+                  function bind(fn, thisArg) {
+                    return function () {
+                      fn.apply(thisArg, arguments);
+                    };
+                  }
+                  function Promise(fn) {
+                    if (typeof this !== 'object')
+                      throw new TypeError('Promises must be constructed via new');
+                    if (typeof fn !== 'function')
+                      throw new TypeError('not a function');
+                    this._state = 0;
+                    this._handled = false;
+                    this._value = undefined;
+                    this._deferreds = [];
+                    doResolve(fn, this);
+                  }
+                  function handle(self, deferred) {
+                    while (self._state === 3) {
+                      self = self._value;
+                    }
+                    if (self._state === 0) {
+                      self._deferreds.push(deferred);
+                      return;
+                    }
+                    self._handled = true;
+                    Promise._immediateFn(function () {
+                      var cb = self._state === 1 ? deferred.onFulfilled : deferred.onRejected;
+                      if (cb === null) {
+                        (self._state === 1 ? resolve : reject)(deferred.promise, self._value);
+                        return;
+                      }
+                      var ret;
+                      try {
+                        ret = cb(self._value);
+                      } catch (e) {
+                        reject(deferred.promise, e);
+                        return;
+                      }
+                      resolve(deferred.promise, ret);
+                    });
+                  }
+                  function resolve(self, newValue) {
+                    try {
+                      if (newValue === self)
+                        throw new TypeError('A promise cannot be resolved with itself.');
+                      if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
+                        var then = newValue.then;
+                        if (newValue instanceof Promise) {
+                          self._state = 3;
+                          self._value = newValue;
+                          finale(self);
+                          return;
+                        } else if (typeof then === 'function') {
+                          doResolve(bind(then, newValue), self);
+                          return;
+                        }
+                      }
+                      self._state = 1;
+                      self._value = newValue;
+                      finale(self);
+                    } catch (e) {
+                      reject(self, e);
+                    }
+                  }
+                  function reject(self, newValue) {
+                    self._state = 2;
+                    self._value = newValue;
+                    finale(self);
+                  }
+                  function finale(self) {
+                    if (self._state === 2 && self._deferreds.length === 0) {
+                      Promise._immediateFn(function () {
+                        if (!self._handled) {
+                          Promise._unhandledRejectionFn(self._value);
+                        }
+                      });
+                    }
+                    for (var i = 0, len = self._deferreds.length; i < len; i++) {
+                      handle(self, self._deferreds[i]);
+                    }
+                    self._deferreds = null;
+                  }
+                  function Handler(onFulfilled, onRejected, promise) {
+                    this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;
+                    this.onRejected = typeof onRejected === 'function' ? onRejected : null;
+                    this.promise = promise;
+                  }
+                  function doResolve(fn, self) {
+                    var done = false;
+                    try {
+                      fn(function (value) {
+                        if (done)
+                          return;
+                        done = true;
+                        resolve(self, value);
+                      }, function (reason) {
+                        if (done)
+                          return;
+                        done = true;
+                        reject(self, reason);
+                      });
+                    } catch (ex) {
+                      if (done)
+                        return;
+                      done = true;
+                      reject(self, ex);
+                    }
+                  }
+                  Promise.prototype['catch'] = function (onRejected) {
+                    return this.then(null, onRejected);
+                  };
+                  Promise.prototype.then = function (onFulfilled, onRejected) {
+                    var prom = new this.constructor(noop);
+                    handle(this, new Handler(onFulfilled, onRejected, prom));
+                    return prom;
+                  };
+                  Promise.all = function (arr) {
+                    var args = Array.prototype.slice.call(arr);
+                    return new Promise(function (resolve, reject) {
+                      if (args.length === 0)
+                        return resolve([]);
+                      var remaining = args.length;
+                      function res(i, val) {
+                        try {
+                          if (val && (typeof val === 'object' || typeof val === 'function')) {
+                            var then = val.then;
+                            if (typeof then === 'function') {
+                              then.call(val, function (val) {
+                                res(i, val);
+                              }, reject);
+                              return;
+                            }
+                          }
+                          args[i] = val;
+                          if (--remaining === 0) {
+                            resolve(args);
+                          }
+                        } catch (ex) {
+                          reject(ex);
+                        }
+                      }
+                      for (var i = 0; i < args.length; i++) {
+                        res(i, args[i]);
+                      }
+                    });
+                  };
+                  Promise.resolve = function (value) {
+                    if (value && typeof value === 'object' && value.constructor === Promise) {
+                      return value;
+                    }
+                    return new Promise(function (resolve) {
+                      resolve(value);
+                    });
+                  };
+                  Promise.reject = function (value) {
+                    return new Promise(function (resolve, reject) {
+                      reject(value);
+                    });
+                  };
+                  Promise.race = function (values) {
+                    return new Promise(function (resolve, reject) {
+                      for (var i = 0, len = values.length; i < len; i++) {
+                        values[i].then(resolve, reject);
+                      }
+                    });
+                  };
+                  Promise._immediateFn = typeof setImmediate === 'function' ? function (fn) {
+                    setImmediate(fn);
+                  } : function (fn) {
+                    setTimeoutFunc(fn, 0);
+                  };
+                  Promise._unhandledRejectionFn = function _unhandledRejectionFn(err) {
+                    if (typeof console !== 'undefined' && console) {
+                      console.warn('Possible Unhandled Promise Rejection:', err);
+                    }
+                  };
+                  Promise._setImmediateFn = function _setImmediateFn(fn) {
+                    Promise._immediateFn = fn;
+                  };
+                  Promise._setUnhandledRejectionFn = function _setUnhandledRejectionFn(fn) {
+                    Promise._unhandledRejectionFn = fn;
+                  };
+                  if (typeof module !== 'undefined' && module.exports) {
+                    module.exports = Promise;
+                  } else if (!root.Promise) {
+                    root.Promise = Promise;
+                  }
+                }(this));
+              }.call(this, require('timers').setImmediate));
+            },
+            { 'timers': 3 }
+          ],
+          3: [
+            function (require, module, exports) {
+              (function (setImmediate, clearImmediate) {
+                var nextTick = require('process/browser.js').nextTick;
+                var apply = Function.prototype.apply;
+                var slice = Array.prototype.slice;
+                var immediateIds = {};
+                var nextImmediateId = 0;
+                exports.setTimeout = function () {
+                  return new Timeout(apply.call(setTimeout, window, arguments), clearTimeout);
+                };
+                exports.setInterval = function () {
+                  return new Timeout(apply.call(setInterval, window, arguments), clearInterval);
+                };
+                exports.clearTimeout = exports.clearInterval = function (timeout) {
+                  timeout.close();
+                };
+                function Timeout(id, clearFn) {
+                  this._id = id;
+                  this._clearFn = clearFn;
+                }
+                Timeout.prototype.unref = Timeout.prototype.ref = function () {
+                };
+                Timeout.prototype.close = function () {
+                  this._clearFn.call(window, this._id);
+                };
+                exports.enroll = function (item, msecs) {
+                  clearTimeout(item._idleTimeoutId);
+                  item._idleTimeout = msecs;
+                };
+                exports.unenroll = function (item) {
+                  clearTimeout(item._idleTimeoutId);
+                  item._idleTimeout = -1;
+                };
+                exports._unrefActive = exports.active = function (item) {
+                  clearTimeout(item._idleTimeoutId);
+                  var msecs = item._idleTimeout;
+                  if (msecs >= 0) {
+                    item._idleTimeoutId = setTimeout(function onTimeout() {
+                      if (item._onTimeout)
+                        item._onTimeout();
+                    }, msecs);
+                  }
+                };
+                exports.setImmediate = typeof setImmediate === 'function' ? setImmediate : function (fn) {
+                  var id = nextImmediateId++;
+                  var args = arguments.length < 2 ? false : slice.call(arguments, 1);
+                  immediateIds[id] = true;
+                  nextTick(function onNextTick() {
+                    if (immediateIds[id]) {
+                      if (args) {
+                        fn.apply(null, args);
+                      } else {
+                        fn.call(null);
+                      }
+                      exports.clearImmediate(id);
+                    }
+                  });
+                  return id;
+                };
+                exports.clearImmediate = typeof clearImmediate === 'function' ? clearImmediate : function (id) {
+                  delete immediateIds[id];
+                };
+              }.call(this, require('timers').setImmediate, require('timers').clearImmediate));
+            },
+            {
+              'process/browser.js': 1,
+              'timers': 3
+            }
+          ],
+          4: [
+            function (require, module, exports) {
+              var promisePolyfill = require('promise-polyfill');
+              var Global = function () {
+                if (typeof window !== 'undefined') {
+                  return window;
+                } else {
+                  return Function('return this;')();
+                }
+              }();
+              module.exports = { boltExport: Global.Promise || promisePolyfill };
+            },
+            { 'promise-polyfill': 2 }
+          ]
+        }, {}, [4])(4);
+      }));
+    }(undefined, exports$1, module, undefined));
+    var Promise$1 = module.exports.boltExport;
+
+    var nu$7 = function (baseFn) {
+      var data = Optional.none();
+      var callbacks = [];
+      var map = function (f) {
+        return nu$7(function (nCallback) {
+          get(function (data) {
+            nCallback(f(data));
+          });
+        });
+      };
+      var get = function (nCallback) {
+        if (isReady()) {
+          call(nCallback);
+        } else {
+          callbacks.push(nCallback);
+        }
+      };
+      var set = function (x) {
+        if (!isReady()) {
+          data = Optional.some(x);
+          run(callbacks);
+          callbacks = [];
+        }
+      };
+      var isReady = function () {
+        return data.isSome();
+      };
+      var run = function (cbs) {
+        each(cbs, call);
+      };
+      var call = function (cb) {
+        data.each(function (x) {
+          setTimeout(function () {
+            cb(x);
+          }, 0);
+        });
+      };
+      baseFn(set);
+      return {
+        get: get,
+        map: map,
+        isReady: isReady
+      };
+    };
+    var pure$1 = function (a) {
+      return nu$7(function (callback) {
+        callback(a);
+      });
+    };
+    var LazyValue = {
+      nu: nu$7,
+      pure: pure$1
+    };
+
+    var errorReporter = function (err) {
+      setTimeout(function () {
+        throw err;
+      }, 0);
+    };
+    var make$4 = function (run) {
+      var get = function (callback) {
+        run().then(callback, errorReporter);
+      };
+      var map = function (fab) {
+        return make$4(function () {
+          return run().then(fab);
+        });
+      };
+      var bind = function (aFutureB) {
+        return make$4(function () {
+          return run().then(function (v) {
+            return aFutureB(v).toPromise();
+          });
+        });
+      };
+      var anonBind = function (futureB) {
+        return make$4(function () {
+          return run().then(function () {
+            return futureB.toPromise();
+          });
+        });
+      };
+      var toLazy = function () {
+        return LazyValue.nu(get);
+      };
+      var toCached = function () {
+        var cache = null;
+        return make$4(function () {
+          if (cache === null) {
+            cache = run();
+          }
+          return cache;
+        });
+      };
+      var toPromise = run;
+      return {
+        map: map,
+        bind: bind,
+        anonBind: anonBind,
+        toLazy: toLazy,
+        toCached: toCached,
+        toPromise: toPromise,
+        get: get
+      };
+    };
+    var nu$8 = function (baseFn) {
+      return make$4(function () {
+        return new Promise$1(baseFn);
+      });
+    };
+    var pure$2 = function (a) {
+      return make$4(function () {
+        return Promise$1.resolve(a);
+      });
+    };
+    var Future = {
+      nu: nu$8,
+      pure: pure$2
+    };
+
+    var adjust = function (value, destination, amount) {
+      if (Math.abs(value - destination) <= amount) {
+        return Optional.none();
+      } else if (value < destination) {
+        return Optional.some(value + amount);
+      } else {
+        return Optional.some(value - amount);
+      }
+    };
+    var create$5 = function () {
+      var interval = null;
+      var animate = function (getCurrent, destination, amount, increment, doFinish, rate) {
+        var finished = false;
+        var finish = function (v) {
+          finished = true;
+          doFinish(v);
+        };
+        global$4.clearInterval(interval);
+        var abort = function (v) {
+          global$4.clearInterval(interval);
+          finish(v);
+        };
+        interval = global$4.setInterval(function () {
+          var value = getCurrent();
+          adjust(value, destination, amount).fold(function () {
+            global$4.clearInterval(interval);
+            finish(destination);
+          }, function (s) {
+            increment(s, abort);
+            if (!finished) {
+              var newValue = getCurrent();
+              if (newValue !== s || Math.abs(newValue - destination) > Math.abs(value - destination)) {
+                global$4.clearInterval(interval);
+                finish(destination);
+              }
+            }
+          });
+        }, rate);
+      };
+      return { animate: animate };
+    };
+
+    var findDevice = function (deviceWidth, deviceHeight) {
+      var devices = [
+        {
+          width: 320,
+          height: 480,
+          keyboard: {
+            portrait: 300,
+            landscape: 240
+          }
+        },
+        {
+          width: 320,
+          height: 568,
+          keyboard: {
+            portrait: 300,
+            landscape: 240
+          }
+        },
+        {
+          width: 375,
+          height: 667,
+          keyboard: {
+            portrait: 305,
+            landscape: 240
+          }
+        },
+        {
+          width: 414,
+          height: 736,
+          keyboard: {
+            portrait: 320,
+            landscape: 240
+          }
+        },
+        {
+          width: 768,
+          height: 1024,
+          keyboard: {
+            portrait: 320,
+            landscape: 400
+          }
+        },
+        {
+          width: 1024,
+          height: 1366,
+          keyboard: {
+            portrait: 380,
+            landscape: 460
+          }
+        }
+      ];
+      return findMap(devices, function (device) {
+        return someIf(deviceWidth <= device.width && deviceHeight <= device.height, device.keyboard);
+      }).getOr({
+        portrait: deviceHeight / 5,
+        landscape: deviceWidth / 4
+      });
+    };
+
+    var softKeyboardLimits = function (outerWindow) {
+      return findDevice(outerWindow.screen.width, outerWindow.screen.height);
+    };
+    var accountableKeyboardHeight = function (outerWindow) {
+      var portrait = get$c(outerWindow).isPortrait();
+      var limits = softKeyboardLimits(outerWindow);
+      var keyboard = portrait ? limits.portrait : limits.landscape;
+      var visualScreenHeight = portrait ? outerWindow.screen.height : outerWindow.screen.width;
+      return visualScreenHeight - outerWindow.innerHeight > keyboard ? 0 : keyboard;
+    };
+    var getGreenzone = function (socket, dropup) {
+      var outerWindow = owner(socket).dom.defaultView;
+      var viewportHeight = get$6(socket) + get$6(dropup);
+      var acc = accountableKeyboardHeight(outerWindow);
+      return viewportHeight - acc;
+    };
+    var updatePadding = function (contentBody, socket, dropup) {
+      var greenzoneHeight = getGreenzone(socket, dropup);
+      var deltaHeight = get$6(socket) + get$6(dropup) - greenzoneHeight;
+      set$3(contentBody, 'padding-bottom', deltaHeight + 'px');
+    };
+
+    var fixture = Adt.generate([
+      {
+        fixed: [
+          'element',
+          'property',
+          'offsetY'
+        ]
+      },
+      {
+        scroller: [
+          'element',
+          'offsetY'
+        ]
+      }
+    ]);
+    var yFixedData = 'data-' + resolve('position-y-fixed');
+    var yFixedProperty = 'data-' + resolve('y-property');
+    var yScrollingData = 'data-' + resolve('scrolling');
+    var windowSizeData = 'data-' + resolve('last-window-height');
+    var getYFixedData = function (element) {
+      return safeParse(element, yFixedData);
+    };
+    var getYFixedProperty = function (element) {
+      return get$2(element, yFixedProperty);
+    };
+    var getLastWindowSize = function (element) {
+      return safeParse(element, windowSizeData);
+    };
+    var classifyFixed = function (element, offsetY) {
+      var prop = getYFixedProperty(element);
+      return fixture.fixed(element, prop, offsetY);
+    };
+    var classifyScrolling = function (element, offsetY) {
+      return fixture.scroller(element, offsetY);
+    };
+    var classify = function (element) {
+      var offsetY = getYFixedData(element);
+      var classifier = get$2(element, yScrollingData) === 'true' ? classifyScrolling : classifyFixed;
+      return classifier(element, offsetY);
+    };
+    var findFixtures = function (container) {
+      var candidates = descendants(container, '[' + yFixedData + ']');
+      return map(candidates, classify);
+    };
+    var takeoverToolbar = function (toolbar) {
+      var oldToolbarStyle = get$2(toolbar, 'style');
+      setAll$1(toolbar, {
+        position: 'absolute',
+        top: '0px'
+      });
+      set(toolbar, yFixedData, '0px');
+      set(toolbar, yFixedProperty, 'top');
+      var restore = function () {
+        set(toolbar, 'style', oldToolbarStyle || '');
+        remove$1(toolbar, yFixedData);
+        remove$1(toolbar, yFixedProperty);
+      };
+      return { restore: restore };
+    };
+    var takeoverViewport = function (toolbarHeight, height, viewport) {
+      var oldViewportStyle = get$2(viewport, 'style');
+      register(viewport);
+      setAll$1(viewport, {
+        position: 'absolute',
+        height: height + 'px',
+        width: '100%',
+        top: toolbarHeight + 'px'
+      });
+      set(viewport, yFixedData, toolbarHeight + 'px');
+      set(viewport, yScrollingData, 'true');
+      set(viewport, yFixedProperty, 'top');
+      var restore = function () {
+        deregister(viewport);
+        set(viewport, 'style', oldViewportStyle || '');
+        remove$1(viewport, yFixedData);
+        remove$1(viewport, yScrollingData);
+        remove$1(viewport, yFixedProperty);
+      };
+      return { restore: restore };
+    };
+    var takeoverDropup = function (dropup) {
+      var oldDropupStyle = get$2(dropup, 'style');
+      setAll$1(dropup, {
+        position: 'absolute',
+        bottom: '0px'
+      });
+      set(dropup, yFixedData, '0px');
+      set(dropup, yFixedProperty, 'bottom');
+      var restore = function () {
+        set(dropup, 'style', oldDropupStyle || '');
+        remove$1(dropup, yFixedData);
+        remove$1(dropup, yFixedProperty);
+      };
+      return { restore: restore };
+    };
+    var deriveViewportHeight = function (viewport, toolbarHeight, dropupHeight) {
+      var outerWindow = owner(viewport).dom.defaultView;
+      var winH = outerWindow.innerHeight;
+      set(viewport, windowSizeData, winH + 'px');
+      return winH - toolbarHeight - dropupHeight;
+    };
+    var takeover$1 = function (viewport, contentBody, toolbar, dropup) {
+      var outerWindow = owner(viewport).dom.defaultView;
+      var toolbarSetup = takeoverToolbar(toolbar);
+      var toolbarHeight = get$6(toolbar);
+      var dropupHeight = get$6(dropup);
+      var viewportHeight = deriveViewportHeight(viewport, toolbarHeight, dropupHeight);
+      var viewportSetup = takeoverViewport(toolbarHeight, viewportHeight, viewport);
+      var dropupSetup = takeoverDropup(dropup);
+      var isActive = true;
+      var restore = function () {
+        isActive = false;
+        toolbarSetup.restore();
+        viewportSetup.restore();
+        dropupSetup.restore();
+      };
+      var isExpanding = function () {
+        var currentWinHeight = outerWindow.innerHeight;
+        var lastWinHeight = getLastWindowSize(viewport);
+        return currentWinHeight > lastWinHeight;
+      };
+      var refresh = function () {
+        if (isActive) {
+          var newToolbarHeight = get$6(toolbar);
+          var dropupHeight_1 = get$6(dropup);
+          var newHeight = deriveViewportHeight(viewport, newToolbarHeight, dropupHeight_1);
+          set(viewport, yFixedData, newToolbarHeight + 'px');
+          set$3(viewport, 'height', newHeight + 'px');
+          updatePadding(contentBody, viewport, dropup);
+        }
+      };
+      var setViewportOffset = function (newYOffset) {
+        var offsetPx = newYOffset + 'px';
+        set(viewport, yFixedData, offsetPx);
+        refresh();
+      };
+      updatePadding(contentBody, viewport, dropup);
+      return {
+        setViewportOffset: setViewportOffset,
+        isExpanding: isExpanding,
+        isShrinking: not(isExpanding),
+        refresh: refresh,
+        restore: restore
+      };
+    };
+
+    var animator = create$5();
+    var ANIMATION_STEP = 15;
+    var NUM_TOP_ANIMATION_FRAMES = 10;
+    var ANIMATION_RATE = 10;
+    var lastScroll = 'data-' + resolve('last-scroll-top');
+    var getTop = function (element) {
+      var raw = getRaw(element, 'top').getOr('0');
+      return parseInt(raw, 10);
+    };
+    var getScrollTop = function (element) {
+      return parseInt(element.dom.scrollTop, 10);
+    };
+    var moveScrollAndTop = function (element, destination, finalTop) {
+      return Future.nu(function (callback) {
+        var getCurrent = curry(getScrollTop, element);
+        var update = function (newScroll) {
+          element.dom.scrollTop = newScroll;
+          set$3(element, 'top', getTop(element) + ANIMATION_STEP + 'px');
+        };
+        var finish = function () {
+          element.dom.scrollTop = destination;
+          set$3(element, 'top', finalTop + 'px');
+          callback(destination);
+        };
+        animator.animate(getCurrent, destination, ANIMATION_STEP, update, finish, ANIMATION_RATE);
+      });
+    };
+    var moveOnlyScroll = function (element, destination) {
+      return Future.nu(function (callback) {
+        var getCurrent = curry(getScrollTop, element);
+        set(element, lastScroll, getCurrent());
+        var update = function (newScroll, abort) {
+          var previous = safeParse(element, lastScroll);
+          if (previous !== element.dom.scrollTop) {
+            abort(element.dom.scrollTop);
+          } else {
+            element.dom.scrollTop = newScroll;
+            set(element, lastScroll, newScroll);
+          }
+        };
+        var finish = function () {
+          element.dom.scrollTop = destination;
+          set(element, lastScroll, destination);
+          callback(destination);
+        };
+        var distance = Math.abs(destination - getCurrent());
+        var step = Math.ceil(distance / NUM_TOP_ANIMATION_FRAMES);
+        animator.animate(getCurrent, destination, step, update, finish, ANIMATION_RATE);
+      });
+    };
+    var moveOnlyTop = function (element, destination) {
+      return Future.nu(function (callback) {
+        var getCurrent = curry(getTop, element);
+        var update = function (newTop) {
+          set$3(element, 'top', newTop + 'px');
+        };
+        var finish = function () {
+          update(destination);
+          callback(destination);
+        };
+        var distance = Math.abs(destination - getCurrent());
+        var step = Math.ceil(distance / NUM_TOP_ANIMATION_FRAMES);
+        animator.animate(getCurrent, destination, step, update, finish, ANIMATION_RATE);
+      });
+    };
+    var updateTop = function (element, amount) {
+      var newTop = amount + getYFixedData(element) + 'px';
+      set$3(element, 'top', newTop);
+    };
+    var moveWindowScroll = function (toolbar, viewport, destY) {
+      var outerWindow = owner(toolbar).dom.defaultView;
+      return Future.nu(function (callback) {
+        updateTop(toolbar, destY);
+        updateTop(viewport, destY);
+        outerWindow.scrollTo(0, destY);
+        callback(destY);
+      });
+    };
+
+    function BackgroundActivity (doAction) {
+      var action = Cell(LazyValue.pure({}));
+      var start = function (value) {
+        var future = LazyValue.nu(function (callback) {
+          return doAction(value).get(callback);
+        });
+        action.set(future);
+      };
+      var idle = function (g) {
+        action.get().get(function () {
+          g();
+        });
+      };
+      return {
+        start: start,
+        idle: idle
+      };
+    }
+
+    var scrollIntoView = function (cWin, socket, dropup, top, bottom) {
+      var greenzone = getGreenzone(socket, dropup);
+      var refreshCursor = curry(refresh$1, cWin);
+      if (top > greenzone || bottom > greenzone) {
+        moveOnlyScroll(socket, socket.dom.scrollTop - greenzone + bottom).get(refreshCursor);
+      } else if (top < 0) {
+        moveOnlyScroll(socket, socket.dom.scrollTop + top).get(refreshCursor);
+      } else ;
+    };
+
+    var par = function (asyncValues, nu) {
+      return nu(function (callback) {
+        var r = [];
+        var count = 0;
+        var cb = function (i) {
+          return function (value) {
+            r[i] = value;
+            count++;
+            if (count >= asyncValues.length) {
+              callback(r);
+            }
+          };
+        };
+        if (asyncValues.length === 0) {
+          callback([]);
+        } else {
+          each(asyncValues, function (asyncValue, i) {
+            asyncValue.get(cb(i));
+          });
+        }
+      });
+    };
+
+    var par$1 = function (futures) {
+      return par(futures, Future.nu);
+    };
+
+    var updateFixed = function (element, property, winY, offsetY) {
+      var destination = winY + offsetY;
+      set$3(element, property, destination + 'px');
+      return Future.pure(offsetY);
+    };
+    var updateScrollingFixed = function (element, winY, offsetY) {
+      var destTop = winY + offsetY;
+      var oldProp = getRaw(element, 'top').getOr(offsetY);
+      var delta = destTop - parseInt(oldProp, 10);
+      var destScroll = element.dom.scrollTop + delta;
+      return moveScrollAndTop(element, destScroll, destTop);
+    };
+    var updateFixture = function (fixture, winY) {
+      return fixture.fold(function (element, property, offsetY) {
+        return updateFixed(element, property, winY, offsetY);
+      }, function (element, offsetY) {
+        return updateScrollingFixed(element, winY, offsetY);
+      });
+    };
+    var updatePositions = function (container, winY) {
+      var fixtures = findFixtures(container);
+      var updates = map(fixtures, function (fixture) {
+        return updateFixture(fixture, winY);
+      });
+      return par$1(updates);
+    };
+
+    var VIEW_MARGIN = 5;
+    var register$2 = function (toolstrip, socket, container, outerWindow, structure, cWin) {
+      var scroller = BackgroundActivity(function (y) {
+        return moveWindowScroll(toolstrip, socket, y);
+      });
+      var scrollBounds = function () {
+        var rects = getRectangles(cWin);
+        return Optional.from(rects[0]).bind(function (rect) {
+          var viewTop = rect.top - socket.dom.scrollTop;
+          var outside = viewTop > outerWindow.innerHeight + VIEW_MARGIN || viewTop < -VIEW_MARGIN;
+          return outside ? Optional.some({
+            top: viewTop,
+            bottom: viewTop + rect.height
+          }) : Optional.none();
+        });
+      };
+      var scrollThrottle = last(function () {
+        scroller.idle(function () {
+          updatePositions(container, outerWindow.pageYOffset).get(function () {
+            var extraScroll = scrollBounds();
+            extraScroll.each(function (extra) {
+              socket.dom.scrollTop = socket.dom.scrollTop + extra.top;
+            });
+            scroller.start(0);
+            structure.refresh();
+          });
+        });
+      }, 1000);
+      var onScroll = bind$3(SugarElement.fromDom(outerWindow), 'scroll', function () {
+        if (outerWindow.pageYOffset < 0) {
+          return;
+        }
+        scrollThrottle.throttle();
+      });
+      updatePositions(container, outerWindow.pageYOffset).get(identity);
+      return { unbind: onScroll.unbind };
+    };
+    var setup$3 = function (bag) {
+      var cWin = bag.cWin;
+      var ceBody = bag.ceBody;
+      var socket = bag.socket;
+      var toolstrip = bag.toolstrip;
+      var contentElement = bag.contentElement;
+      var keyboardType = bag.keyboardType;
+      var outerWindow = bag.outerWindow;
+      var dropup = bag.dropup;
+      var outerBody = bag.outerBody;
+      var structure = takeover$1(socket, ceBody, toolstrip, dropup);
+      var keyboardModel = keyboardType(outerBody, cWin, body(), contentElement);
+      var toEditing = function () {
+        keyboardModel.toEditing();
+        clearSelection();
+      };
+      var toReading = function () {
+        keyboardModel.toReading();
+      };
+      var onToolbarTouch = function (_event) {
+        keyboardModel.onToolbarTouch();
+      };
+      var onOrientation = onChange(outerWindow, {
+        onChange: noop,
+        onReady: structure.refresh
+      });
+      onOrientation.onAdjustment(function () {
+        structure.refresh();
+      });
+      var onResize = bind$3(SugarElement.fromDom(outerWindow), 'resize', function () {
+        if (structure.isExpanding()) {
+          structure.refresh();
+        }
+      });
+      var onScroll = register$2(toolstrip, socket, outerBody, outerWindow, structure, cWin);
+      var unfocusedSelection = FakeSelection(cWin, contentElement);
+      var refreshSelection = function () {
+        if (unfocusedSelection.isActive()) {
+          unfocusedSelection.update();
+        }
+      };
+      var highlightSelection = function () {
+        unfocusedSelection.update();
+      };
+      var clearSelection = function () {
+        unfocusedSelection.clear();
+      };
+      var scrollIntoView$1 = function (top, bottom) {
+        scrollIntoView(cWin, socket, dropup, top, bottom);
+      };
+      var syncHeight = function () {
+        set$3(contentElement, 'height', contentElement.dom.contentWindow.document.body.scrollHeight + 'px');
+      };
+      var setViewportOffset = function (newYOffset) {
+        structure.setViewportOffset(newYOffset);
+        moveOnlyTop(socket, newYOffset).get(identity);
+      };
+      var destroy = function () {
+        structure.restore();
+        onOrientation.destroy();
+        onScroll.unbind();
+        onResize.unbind();
+        keyboardModel.destroy();
+        unfocusedSelection.destroy();
+        input$1(body(), blur);
+      };
+      return {
+        toEditing: toEditing,
+        toReading: toReading,
+        onToolbarTouch: onToolbarTouch,
+        refreshSelection: refreshSelection,
+        clearSelection: clearSelection,
+        highlightSelection: highlightSelection,
+        scrollIntoView: scrollIntoView$1,
+        updateToolbarPadding: noop,
+        setViewportOffset: setViewportOffset,
+        syncHeight: syncHeight,
+        refreshStructure: structure.refresh,
+        destroy: destroy
+      };
+    };
+
+    var create$6 = function (platform, mask) {
+      var meta = tag();
+      var priorState = value$2();
+      var scrollEvents = value$2();
+      var iosApi = api$2();
+      var iosEvents = api$2();
+      var enter = function () {
+        mask.hide();
+        var doc = SugarElement.fromDom(document);
+        getActiveApi(platform.editor).each(function (editorApi) {
+          priorState.set({
+            socketHeight: getRaw(platform.socket, 'height'),
+            iframeHeight: getRaw(editorApi.frame, 'height'),
+            outerScroll: document.body.scrollTop
+          });
+          scrollEvents.set({ exclusives: exclusive(doc, '.' + scrollable) });
+          add$2(platform.container, resolve('fullscreen-maximized'));
+          clobberStyles(platform.container, editorApi.body);
+          meta.maximize();
+          set$3(platform.socket, 'overflow', 'scroll');
+          set$3(platform.socket, '-webkit-overflow-scrolling', 'touch');
+          focus$1(editorApi.body);
+          iosApi.set(setup$3({
+            cWin: editorApi.win,
+            ceBody: editorApi.body,
+            socket: platform.socket,
+            toolstrip: platform.toolstrip,
+            dropup: platform.dropup.element,
+            contentElement: editorApi.frame,
+            outerBody: platform.body,
+            outerWindow: platform.win,
+            keyboardType: stubborn
+          }));
+          iosApi.run(function (api) {
+            api.syncHeight();
+          });
+          iosEvents.set(initEvents$1(editorApi, iosApi, platform.toolstrip, platform.socket, platform.dropup));
+        });
+      };
+      var exit = function () {
+        meta.restore();
+        iosEvents.clear();
+        iosApi.clear();
+        mask.show();
+        priorState.on(function (s) {
+          s.socketHeight.each(function (h) {
+            set$3(platform.socket, 'height', h);
+          });
+          s.iframeHeight.each(function (h) {
+            set$3(platform.editor.getFrame(), 'height', h);
+          });
+          document.body.scrollTop = s.scrollTop;
+        });
+        priorState.clear();
+        scrollEvents.on(function (s) {
+          s.exclusives.unbind();
+        });
+        scrollEvents.clear();
+        remove$4(platform.container, resolve('fullscreen-maximized'));
+        restoreStyles();
+        deregister(platform.toolbar);
+        remove$5(platform.socket, 'overflow');
+        remove$5(platform.socket, '-webkit-overflow-scrolling');
+        blur(platform.editor.getFrame());
+        getActiveApi(platform.editor).each(function (editorApi) {
+          editorApi.clearSelection();
+        });
+      };
+      var refreshStructure = function () {
+        iosApi.run(function (api) {
+          api.refreshStructure();
+        });
+      };
+      return {
+        enter: enter,
+        refreshStructure: refreshStructure,
+        exit: exit
+      };
+    };
+
+    var produce$1 = function (raw) {
+      var mobile = asRawOrDie('Getting IosWebapp schema', MobileSchema, raw);
+      set$3(mobile.toolstrip, 'width', '100%');
+      set$3(mobile.container, 'position', 'relative');
+      var onView = function () {
+        mobile.setReadOnly(mobile.readOnlyOnInit());
+        mode.enter();
+      };
+      var mask = build$1(sketch$9(onView, mobile.translate));
+      mobile.alloy.add(mask);
+      var maskApi = {
+        show: function () {
+          mobile.alloy.add(mask);
+        },
+        hide: function () {
+          mobile.alloy.remove(mask);
+        }
+      };
+      var mode = create$6(mobile, maskApi);
+      return {
+        setReadOnly: mobile.setReadOnly,
+        refreshStructure: mode.refreshStructure,
+        enter: mode.enter,
+        exit: mode.exit,
+        destroy: noop
+      };
+    };
+
+    function IosRealm (scrollIntoView) {
+      var alloy = OuterContainer({ classes: [resolve('ios-container')] });
+      var toolbar = ScrollingToolbar();
+      var webapp = api$2();
+      var switchToEdit = makeEditSwitch(webapp);
+      var socket = makeSocket();
+      var dropup = build$2(function () {
+        webapp.run(function (w) {
+          w.refreshStructure();
+        });
+      }, scrollIntoView);
+      alloy.add(toolbar.wrapper);
+      alloy.add(socket);
+      alloy.add(dropup.component);
+      var setToolbarGroups = function (rawGroups) {
+        var groups = toolbar.createGroups(rawGroups);
+        toolbar.setGroups(groups);
+      };
+      var setContextToolbar = function (rawGroups) {
+        var groups = toolbar.createGroups(rawGroups);
+        toolbar.setContextToolbar(groups);
+      };
+      var focusToolbar = function () {
+        toolbar.focus();
+      };
+      var restoreToolbar = function () {
+        toolbar.restoreToolbar();
+      };
+      var init = function (spec) {
+        webapp.set(produce$1(spec));
+      };
+      var exit = function () {
+        webapp.run(function (w) {
+          Replacing.remove(socket, switchToEdit);
+          w.exit();
+        });
+      };
+      var updateMode$1 = function (readOnly) {
+        updateMode(socket, switchToEdit, readOnly, alloy.root);
+      };
+      return {
+        system: alloy,
+        element: alloy.element,
+        init: init,
+        exit: exit,
+        setToolbarGroups: setToolbarGroups,
+        setContextToolbar: setContextToolbar,
+        focusToolbar: focusToolbar,
+        restoreToolbar: restoreToolbar,
+        updateMode: updateMode$1,
+        socket: socket,
+        dropup: dropup
+      };
+    }
+
+    var global$5 = tinymce.util.Tools.resolve('tinymce.EditorManager');
+
+    var derive$3 = function (editor) {
+      var base = Optional.from(getSkinUrl(editor)).fold(function () {
+        return global$5.baseURL + '/skins/ui/oxide';
+      }, function (url) {
+        return url;
+      });
+      return {
+        content: base + '/content.mobile.min.css',
+        ui: base + '/skin.mobile.min.css'
+      };
+    };
+
+    var fireChange = function (realm, command, state) {
+      realm.system.broadcastOn([formatChanged], {
+        command: command,
+        state: state
+      });
+    };
+    var init$5 = function (realm, editor) {
+      var allFormats = keys(editor.formatter.get());
+      each(allFormats, function (command) {
+        editor.formatter.formatChanged(command, function (state) {
+          fireChange(realm, command, state);
+        });
+      });
+      each([
+        'ul',
+        'ol'
+      ], function (command) {
+        editor.selection.selectorChanged(command, function (state, _data) {
+          fireChange(realm, command, state);
+        });
+      });
+    };
+
+    var fireSkinLoaded = function (editor) {
+      return function () {
+        var done = function () {
+          editor._skinLoaded = true;
+          editor.fire('SkinLoaded');
+        };
+        if (editor.initialized) {
+          done();
+        } else {
+          editor.on('init', done);
+        }
+      };
+    };
+
+    var READING = 'toReading';
+    var EDITING = 'toEditing';
+    var renderMobileTheme = function (editor) {
+      var renderUI = function () {
+        var targetNode = editor.getElement();
+        var cssUrls = derive$3(editor);
+        if (isSkinDisabled(editor) === false) {
+          var styleSheetLoader_1 = global$1.DOM.styleSheetLoader;
+          editor.contentCSS.push(cssUrls.content);
+          styleSheetLoader_1.load(cssUrls.ui, fireSkinLoaded(editor));
+          editor.on('remove', function () {
+            return styleSheetLoader_1.unload(cssUrls.ui);
+          });
+        } else {
+          fireSkinLoaded(editor)();
+        }
+        var doScrollIntoView = function () {
+          editor.fire('ScrollIntoView');
+        };
+        var realm = detect$3().os.isAndroid() ? AndroidRealm(doScrollIntoView) : IosRealm(doScrollIntoView);
+        var original = SugarElement.fromDom(targetNode);
+        attachSystemAfter(original, realm.system);
+        var findFocusIn = function (elem) {
+          return search(elem).bind(function (focused) {
+            return realm.system.getByDom(focused).toOptional();
+          });
+        };
+        var outerWindow = targetNode.ownerDocument.defaultView;
+        var orientation = onChange(outerWindow, {
+          onChange: function () {
+            var alloy = realm.system;
+            alloy.broadcastOn([orientationChanged], { width: getActualWidth(outerWindow) });
+          },
+          onReady: noop
+        });
+        var setReadOnly = function (dynamicGroup, readOnlyGroups, mainGroups, ro) {
+          if (ro === false) {
+            editor.selection.collapse();
+          }
+          var toolbars = configureToolbar(dynamicGroup, readOnlyGroups, mainGroups);
+          realm.setToolbarGroups(ro === true ? toolbars.readOnly : toolbars.main);
+          editor.setMode(ro === true ? 'readonly' : 'design');
+          editor.fire(ro === true ? READING : EDITING);
+          realm.updateMode(ro);
+        };
+        var configureToolbar = function (dynamicGroup, readOnlyGroups, mainGroups) {
+          var dynamic = dynamicGroup.get();
+          var toolbars = {
+            readOnly: dynamic.backToMask.concat(readOnlyGroups.get()),
+            main: dynamic.backToMask.concat(mainGroups.get())
+          };
+          return toolbars;
+        };
+        var bindHandler = function (label, handler) {
+          editor.on(label, handler);
+          return {
+            unbind: function () {
+              editor.off(label);
+            }
+          };
+        };
+        editor.on('init', function () {
+          realm.init({
+            editor: {
+              getFrame: function () {
+                return SugarElement.fromDom(editor.contentAreaContainer.querySelector('iframe'));
+              },
+              onDomChanged: function () {
+                return { unbind: noop };
+              },
+              onToReading: function (handler) {
+                return bindHandler(READING, handler);
+              },
+              onToEditing: function (handler) {
+                return bindHandler(EDITING, handler);
+              },
+              onScrollToCursor: function (handler) {
+                editor.on('ScrollIntoView', function (tinyEvent) {
+                  handler(tinyEvent);
+                });
+                var unbind = function () {
+                  editor.off('ScrollIntoView');
+                  orientation.destroy();
+                };
+                return { unbind: unbind };
+              },
+              onTouchToolstrip: function () {
+                hideDropup();
+              },
+              onTouchContent: function () {
+                var toolbar = SugarElement.fromDom(editor.editorContainer.querySelector('.' + resolve('toolbar')));
+                findFocusIn(toolbar).each(emitExecute);
+                realm.restoreToolbar();
+                hideDropup();
+              },
+              onTapContent: function (evt) {
+                var target = evt.target;
+                if (name(target) === 'img') {
+                  editor.selection.select(target.dom);
+                  evt.kill();
+                } else if (name(target) === 'a') {
+                  var component = realm.system.getByDom(SugarElement.fromDom(editor.editorContainer));
+                  component.each(function (container) {
+                    if (Swapping.isAlpha(container)) {
+                      openLink(target.dom);
+                    }
+                  });
+                }
+              }
+            },
+            container: SugarElement.fromDom(editor.editorContainer),
+            socket: SugarElement.fromDom(editor.contentAreaContainer),
+            toolstrip: SugarElement.fromDom(editor.editorContainer.querySelector('.' + resolve('toolstrip'))),
+            toolbar: SugarElement.fromDom(editor.editorContainer.querySelector('.' + resolve('toolbar'))),
+            dropup: realm.dropup,
+            alloy: realm.system,
+            translate: noop,
+            setReadOnly: function (ro) {
+              setReadOnly(dynamicGroup, readOnlyGroups, mainGroups, ro);
+            },
+            readOnlyOnInit: function () {
+              return readOnlyOnInit();
+            }
+          });
+          var hideDropup = function () {
+            realm.dropup.disappear(function () {
+              realm.system.broadcastOn([dropupDismissed], {});
+            });
+          };
+          var backToMaskGroup = {
+            label: 'The first group',
+            scrollable: false,
+            items: [forToolbar('back', function () {
+                editor.selection.collapse();
+                realm.exit();
+              }, {}, editor)]
+          };
+          var backToReadOnlyGroup = {
+            label: 'Back to read only',
+            scrollable: false,
+            items: [forToolbar('readonly-back', function () {
+                setReadOnly(dynamicGroup, readOnlyGroups, mainGroups, true);
+              }, {}, editor)]
+          };
+          var readOnlyGroup = {
+            label: 'The read only modal group',
+            scrollable: true,
+            items: []
+          };
+          var features = setup(realm, editor);
+          var items = detect$4(editor, features);
+          var actionGroup = {
+            label: 'the action group',
+            scrollable: true,
+            items: items
+          };
+          var extraGroup = {
+            label: 'The extra group',
+            scrollable: false,
+            items: []
+          };
+          var mainGroups = Cell([
+            actionGroup,
+            extraGroup
+          ]);
+          var readOnlyGroups = Cell([
+            readOnlyGroup,
+            extraGroup
+          ]);
+          var dynamicGroup = Cell({
+            backToMask: [backToMaskGroup],
+            backToReadOnly: [backToReadOnlyGroup]
+          });
+          init$5(realm, editor);
+        });
+        editor.on('remove', function () {
+          realm.exit();
+        });
+        editor.on('detach', function () {
+          detachSystem(realm.system);
+          realm.system.destroy();
+        });
+        return {
+          iframeContainer: realm.socket.element.dom,
+          editorContainer: realm.element.dom
+        };
+      };
+      return {
+        getNotificationManagerImpl: function () {
+          return {
+            open: constant({
+              progressBar: { value: noop },
+              close: noop,
+              text: noop,
+              getEl: constant(null),
+              moveTo: noop,
+              moveRel: noop,
+              settings: {}
+            }),
+            close: noop,
+            reposition: noop,
+            getArgs: constant({})
+          };
+        },
+        renderUI: renderUI
+      };
+    };
+    function Theme () {
+      global$2.add('mobile', renderMobileTheme);
+    }
+
+    Theme();
+
+}());
diff --git a/src/assets/tinymce/themes/mobile/theme.min.js b/src/assets/tinymce/themes/mobile/theme.min.js
new file mode 100644
index 00000000..834ee035
--- /dev/null
+++ b/src/assets/tinymce/themes/mobile/theme.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var x=function(){return(x=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}).apply(this,arguments)};function c(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(n);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(n,r[o])&&(t[r[o]]=n[r[o]]);return t}function u(){for(var n=0,e=0,t=arguments.length;e<t;e++)n+=arguments[e].length;for(var r=Array(n),o=0,e=0;e<t;e++)for(var i=arguments[e],u=0,c=i.length;u<c;u++,o++)r[o]=i[u];return r}var O=function(){},i=function(t,r){return function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];return t(r.apply(null,n))}},y=function(n){return function(){return n}},v=function(n){return n};function b(r){for(var o=[],n=1;n<arguments.length;n++)o[n-1]=arguments[n];return function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];var t=o.concat(n);return r.apply(null,t)}}var n,e,t,r,o,a,m=function(e){return function(n){return!e(n)}},f=function(n){return function(){throw new Error(n)}},s=function(n){return n()},l=y(!1),w=y(!0),d=function(t){var r,o=!1;return function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];return o||(o=!0,r=t.apply(null,n)),r}},g=function(){return p},p=(n=function(n){return n.isNone()},{fold:function(n,e){return n()},is:l,isSome:l,isNone:w,getOr:t=function(n){return n},getOrThunk:e=function(n){return n()},getOrDie:function(n){throw new Error(n||"error: getOrDie called on none.")},getOrNull:y(null),getOrUndefined:y(undefined),or:t,orThunk:e,map:g,each:O,bind:g,exists:l,forall:w,filter:g,equals:n,equals_:n,toArray:function(){return[]},toString:y("none()")}),h=function(t){var n=y(t),e=function(){return o},r=function(n){return n(t)},o={fold:function(n,e){return e(t)},is:function(n){return t===n},isSome:w,isNone:l,getOr:n,getOrThunk:n,getOrDie:n,getOrNull:n,getOrUndefined:n,or:e,orThunk:e,map:function(n){return h(n(t))},each:function(n){n(t)},bind:r,exists:r,forall:r,filter:function(n){return n(t)?o:p},toArray:function(){return[t]},toString:function(){return"some("+t+")"},equals:function(n){return n.is(t)},equals_:function(n,e){return n.fold(l,function(n){return e(t,n)})}};return o},T={some:h,none:g,from:function(n){return null===n||n===undefined?p:h(n)}},S=function(r){return function(n){return t=typeof(e=n),(null===e?"null":"object"==t&&(Array.prototype.isPrototypeOf(e)||e.constructor&&"Array"===e.constructor.name)?"array":"object"==t&&(String.prototype.isPrototypeOf(e)||e.constructor&&"String"===e.constructor.name)?"string":t)===r;var e,t}},k=function(e){return function(n){return typeof n===e}},E=S("string"),C=S("object"),M=S("array"),D=k("boolean"),_=function(n){return!(null===(e=n)||e===undefined);var e},I=k("function"),F=k("number"),R=Array.prototype.slice,V=Array.prototype.indexOf,B=Array.prototype.push,A=function(n,e){return t=n,r=e,-1<V.call(t,r);var t,r},j=function(n,e){for(var t=0,r=n.length;t<r;t++){if(e(n[t],t))return!0}return!1},N=function(n,e){for(var t=n.length,r=new Array(t),o=0;o<t;o++){var i=n[o];r[o]=e(i,o)}return r},P=function(n,e){for(var t=0,r=n.length;t<r;t++){e(n[t],t)}},H=function(n,e){for(var t=[],r=0,o=n.length;r<o;r++){var i=n[r];e(i,r)&&t.push(i)}return t},z=function(n,e,t){return function(n,e){for(var t=n.length-1;0<=t;t--){e(n[t],t)}}(n,function(n){t=e(t,n)}),t},L=function(n,e,t){return P(n,function(n){t=e(t,n)}),t},G=function(n,e){return function(n,e,t){for(var r=0,o=n.length;r<o;r++){var i=n[r];if(e(i,r))return T.some(i);if(t(i,r))break}return T.none()}(n,e,l)},$=function(n,e){for(var t=0,r=n.length;t<r;t++){if(e(n[t],t))return T.some(t)}return T.none()},U=function(n){for(var e=[],t=0,r=n.length;t<r;++t){if(!M(n[t]))throw new Error("Arr.flatten item "+t+" was not an array, input: "+n);B.apply(e,n[t])}return e},W=function(n,e){return U(N(n,e))},X=function(n,e){for(var t=0,r=n.length;t<r;++t){if(!0!==e(n[t],t))return!1}return!0},q=function(n){var e=R.call(n,0);return e.reverse(),e},Y=function(n,e){return H(n,function(n){return!A(e,n)})},K=function(n){return[n]},J=function(n){return e=n,(t=0)<=t&&t<e.length?T.some(e[t]):T.none();var e,t},Q=function(n,e){for(var t=0;t<n.length;t++){var r=e(n[t],t);if(r.isSome())return r}return T.none()},Z=function(n,e){var t=function(n,e){for(var t=0;t<n.length;t++){var r=n[t];if(r.test(e))return r}return undefined}(n,e);if(!t)return{major:0,minor:0};var r=function(n){return Number(e.replace(t,"$"+n))};return en(r(1),r(2))},nn=function(){return en(0,0)},en=function(n,e){return{major:n,minor:e}},tn={nu:en,detect:function(n,e){var t=String(e).toLowerCase();return 0===n.length?nn():Z(n,t)},unknown:nn},rn=function(n,e){var t=String(e).toLowerCase();return G(n,function(n){return n.search(t)})},on=function(n,t){return rn(n,t).map(function(n){var e=tn.detect(n.versionRegexes,t);return{current:n.name,version:e}})},un=function(n,t){return rn(n,t).map(function(n){var e=tn.detect(n.versionRegexes,t);return{current:n.name,version:e}})},cn=function(n,o){return n.replace(/\$\{([^{}]*)\}/g,function(n,e){var t,r=o[e];return"string"==(t=typeof r)||"number"==t?r.toString():n})},an=function(n,e){return-1!==n.indexOf(e)},fn=(r=/^\s+|\s+$/g,function(n){return n.replace(r,"")}),sn=/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,ln=function(e){return function(n){return an(n,e)}},dn=[{name:"Edge",versionRegexes:[/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],search:function(n){return an(n,"edge/")&&an(n,"chrome")&&an(n,"safari")&&an(n,"applewebkit")}},{name:"Chrome",versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/,sn],search:function(n){return an(n,"chrome")&&!an(n,"chromeframe")}},{name:"IE",versionRegexes:[/.*?msie\ ?([0-9]+)\.([0-9]+).*/,/.*?rv:([0-9]+)\.([0-9]+).*/],search:function(n){return an(n,"msie")||an(n,"trident")}},{name:"Opera",versionRegexes:[sn,/.*?opera\/([0-9]+)\.([0-9]+).*/],search:ln("opera")},{name:"Firefox",versionRegexes:[/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],search:ln("firefox")},{name:"Safari",versionRegexes:[sn,/.*?cpu os ([0-9]+)_([0-9]+).*/],search:function(n){return(an(n,"safari")||an(n,"mobile/"))&&an(n,"applewebkit")}}],mn=[{name:"Windows",search:ln("win"),versionRegexes:[/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]},{name:"iOS",search:function(n){return an(n,"iphone")||an(n,"ipad")},versionRegexes:[/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,/.*cpu os ([0-9]+)_([0-9]+).*/,/.*cpu iphone os ([0-9]+)_([0-9]+).*/]},{name:"Android",search:ln("android"),versionRegexes:[/.*?android\ ?([0-9]+)\.([0-9]+).*/]},{name:"OSX",search:ln("mac os x"),versionRegexes:[/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]},{name:"Linux",search:ln("linux"),versionRegexes:[]},{name:"Solaris",search:ln("sunos"),versionRegexes:[]},{name:"FreeBSD",search:ln("freebsd"),versionRegexes:[]},{name:"ChromeOS",search:ln("cros"),versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/]}],gn={browsers:y(dn),oses:y(mn)},pn="Firefox",hn=function(n){var e=n.current,t=n.version,r=function(n){return function(){return e===n}};return{current:e,version:t,isEdge:r("Edge"),isChrome:r("Chrome"),isIE:r("IE"),isOpera:r("Opera"),isFirefox:r(pn),isSafari:r("Safari")}},vn={unknown:function(){return hn({current:undefined,version:tn.unknown()})},nu:hn,edge:y("Edge"),chrome:y("Chrome"),ie:y("IE"),opera:y("Opera"),firefox:y(pn),safari:y("Safari")},yn="Windows",bn="Android",xn="Solaris",wn="FreeBSD",Sn="ChromeOS",On=function(n){var e=n.current,t=n.version,r=function(n){return function(){return e===n}};return{current:e,version:t,isWindows:r(yn),isiOS:r("iOS"),isAndroid:r(bn),isOSX:r("OSX"),isLinux:r("Linux"),isSolaris:r(xn),isFreeBSD:r(wn),isChromeOS:r(Sn)}},Tn={unknown:function(){return On({current:undefined,version:tn.unknown()})},nu:On,windows:y(yn),ios:y("iOS"),android:y(bn),linux:y("Linux"),osx:y("OSX"),solaris:y(xn),freebsd:y(wn),chromeos:y(Sn)},kn=function(n,e){var t,r,o,i,u,c,a,f,s,l,d,m,g=gn.browsers(),p=gn.oses(),h=on(g,n).fold(vn.unknown,vn.nu),v=un(p,n).fold(Tn.unknown,Tn.nu);return{browser:h,os:v,deviceType:(r=h,o=n,i=e,u=(t=v).isiOS()&&!0===/ipad/i.test(o),c=t.isiOS()&&!u,a=t.isiOS()||t.isAndroid(),f=a||i("(pointer:coarse)"),s=u||!c&&a&&i("(min-device-width:768px)"),l=c||a&&!s,d=r.isSafari()&&t.isiOS()&&!1===/safari/i.test(o),m=!l&&!s&&!d,{isiPad:y(u),isiPhone:y(c),isTablet:y(s),isPhone:y(l),isTouch:y(f),isAndroid:t.isAndroid,isiOS:t.isiOS,isWebView:y(d),isDesktop:y(m)})}},En=function(n){return window.matchMedia(n).matches},Cn=d(function(){return kn(navigator.userAgent,En)}),Mn=function(){return Cn()},Dn=y,_n=Dn("touchstart"),In=Dn("touchmove"),Fn=Dn("touchend"),Rn=Dn("mousedown"),Vn=Dn("mousemove"),Bn=Dn("mouseup"),An=Dn("mouseover"),jn=Dn("keydown"),Nn=Dn("keyup"),Pn=Dn("input"),Hn=Dn("change"),zn=Dn("click"),Ln=Dn("transitionend"),Gn=Dn("selectstart"),$n=function(n){return y("alloy."+n)},Un={tap:$n("tap")},Wn=$n("focus"),Xn=$n("blur.post"),qn=$n("paste.post"),Yn=$n("receive"),Kn=$n("execute"),Jn=$n("focus.item"),Qn=Un.tap,Zn=$n("longpress"),ne=$n("system.init"),ee=$n("system.attached"),te=$n("system.detached"),re=$n("focusmanager.shifted"),oe=$n("highlight"),ie=$n("dehighlight"),ue=function(n,e){se(n,n.element,e,{})},ce=function(n,e,t){se(n,n.element,e,t)},ae=function(n){ue(n,Kn())},fe=function(n,e,t){se(n,e,t,{})},se=function(n,e,t,r){var o=x({target:e},r);n.getSystem().triggerEvent(t,e,o)},le=function(n){if(null===n||n===undefined)throw new Error("Node cannot be null or undefined");return{dom:n}},de={fromHtml:function(n,e){var t=(e||document).createElement("div");if(t.innerHTML=n,!t.hasChildNodes()||1<t.childNodes.length)throw console.error("HTML does not have a single root node",n),new Error("HTML must have a single root node");return le(t.childNodes[0])},fromTag:function(n,e){var t=(e||document).createElement(n);return le(t)},fromText:function(n,e){var t=(e||document).createTextNode(n);return le(t)},fromDom:le,fromPoint:function(n,e,t){return T.from(n.dom.elementFromPoint(e,t)).map(le)}},me=function(n,e){var t=n.dom;if(1!==t.nodeType)return!1;var r=t;if(r.matches!==undefined)return r.matches(e);if(r.msMatchesSelector!==undefined)return r.msMatchesSelector(e);if(r.webkitMatchesSelector!==undefined)return r.webkitMatchesSelector(e);if(r.mozMatchesSelector!==undefined)return r.mozMatchesSelector(e);throw new Error("Browser lacks native selectors")},ge=function(n){return 1!==n.nodeType&&9!==n.nodeType&&11!==n.nodeType||0===n.childElementCount},pe=function(n,e){var t=e===undefined?document:e.dom;return ge(t)?[]:N(t.querySelectorAll(n),de.fromDom)},he=function(n,e){var t=e===undefined?document:e.dom;return ge(t)?T.none():T.from(t.querySelector(n)).map(de.fromDom)},ve=function(n,e){return n.dom===e.dom},ye=("undefined"!=typeof window||Function("return this;")(),function(n){return n.dom.nodeName.toLowerCase()}),be=function(e){return function(n){return n.dom.nodeType===e}},xe=be(1),we=be(3),Se=be(9),Oe=be(11),Te=function(n){return de.fromDom(n.dom.ownerDocument)},ke=function(n){return Se(n)?n:Te(n)},Ee=function(n){return T.from(n.dom.parentNode).map(de.fromDom)},Ce=function(n){return N(n.dom.childNodes,de.fromDom)},Me=function(n,e){var t=n.dom.childNodes;return T.from(t[e]).map(de.fromDom)},De=function(e,t){Ee(e).each(function(n){n.dom.insertBefore(t.dom,e.dom)})},_e=function(n,e){var t;(t=n,T.from(t.dom.nextSibling).map(de.fromDom)).fold(function(){Ee(n).each(function(n){Fe(n,e)})},function(n){De(n,e)})},Ie=function(e,t){Me(e,0).fold(function(){Fe(e,t)},function(n){e.dom.insertBefore(t.dom,n.dom)})},Fe=function(n,e){n.dom.appendChild(e.dom)},Re=function(e,n){P(n,function(n){Fe(e,n)})},Ve=function(n){n.dom.textContent="",P(Ce(n),function(n){Be(n)})},Be=function(n){var e=n.dom;null!==e.parentNode&&e.parentNode.removeChild(e)},Ae=I(Element.prototype.attachShadow)&&I(Node.prototype.getRootNode),je=y(Ae),Ne=Ae?function(n){return de.fromDom(n.dom.getRootNode())}:ke,Pe=function(n){var e=Ne(n);return Oe(e)?T.some(e):T.none()},He=function(n){return de.fromDom(n.dom.host)},ze=function(n){return _(n.dom.shadowRoot)},Le=function(n){var e=we(n)?n.dom.parentNode:n.dom;if(e===undefined||null===e||null===e.ownerDocument)return!1;var t,r,o=e.ownerDocument;return Pe(de.fromDom(e)).fold(function(){return o.body.contains(e)},(t=Le,r=He,function(n){return t(r(n))}))},Ge=function(){return $e(de.fromDom(document))},$e=function(n){var e=n.dom.body;if(null===e||e===undefined)throw new Error("Body is not available yet");return de.fromDom(e)},Ue=function(n){ue(n,te());var e=n.components();P(e,Ue)},We=function(n){var e=n.components();P(e,We),ue(n,ee())},Xe=function(n,e){Fe(n.element,e.element)},qe=function(e,n){var t,r=e.components();P((t=e).components(),function(n){return Be(n.element)}),Ve(t.element),t.syncComponents();var o=Y(r,n);P(o,function(n){Ue(n),e.getSystem().removeFromWorld(n)}),P(n,function(n){n.getSystem().isConnected()?Xe(e,n):(e.getSystem().addToWorld(n),Xe(e,n),Le(e.element)&&We(n)),e.syncComponents()})},Ye=function(n,e,t){n.getSystem().addToWorld(e),t(n.element,e.element),Le(n.element)&&We(e),n.syncComponents()},Ke=function(e){var n,t=Ee(e.element).bind(function(n){return e.getSystem().getByDom(n).toOptional()});Ue(n=e),Be(n.element),n.getSystem().removeFromWorld(n),t.each(function(n){n.syncComponents()})},Je=function(n,e,t){t(n,e.element);var r=Ce(e.element);P(r,function(n){e.getByDom(n).each(We)})},Qe=Object.keys,Ze=Object.hasOwnProperty,nt=function(n,e){for(var t=Qe(n),r=0,o=t.length;r<o;r++){var i=t[r];e(n[i],i)}},et=function(n,t){return tt(n,function(n,e){return{k:e,v:t(n,e)}})},tt=function(n,r){var o={};return nt(n,function(n,e){var t=r(n,e);o[t.k]=t.v}),o},rt=function(n,e){var t,r,o,i,u={};return t=e,i=u,r=function(n,e){i[e]=n},o=O,nt(n,function(n,e){(t(n,e)?r:o)(n,e)}),u},ot=function(n,t){var r=[];return nt(n,function(n,e){r.push(t(n,e))}),r},it=function(n,e){return ut(n,e)?T.from(n[e]):T.none()},ut=function(n,e){return Ze.call(n,e)},ct=function(n,e){return ut(n,e)&&n[e]!==undefined&&null!==n[e]},at=function(n,e,t){if(!(E(t)||D(t)||F(t)))throw console.error("Invalid call to Attribute.set. Key ",e,":: Value ",t,":: Element ",n),new Error("Attribute value was not simple");n.setAttribute(e,t+"")},ft=function(n,e,t){at(n.dom,e,t)},st=function(n,e){var t=n.dom;nt(e,function(n,e){at(t,e,n)})},lt=function(n,e){var t=n.dom.getAttribute(e);return null===t?undefined:t},dt=function(n,e){return T.from(lt(n,e))},mt=function(n,e){var t=n.dom;return!(!t||!t.hasAttribute)&&t.hasAttribute(e)},gt=function(n,e){n.dom.removeAttribute(e)},pt=function(n,e){var t=lt(n,e);return t===undefined||""===t?[]:t.split(" ")},ht=function(n){return n.dom.classList!==undefined},vt=function(n,e){return o=e,i=pt(t=n,r="class").concat([o]),ft(t,r,i.join(" ")),!0;var t,r,o,i},yt=function(n,e){return o=e,0<(i=H(pt(t=n,r="class"),function(n){return n!==o})).length?ft(t,r,i.join(" ")):gt(t,r),!1;var t,r,o,i},bt=function(n,e){ht(n)?n.dom.classList.add(e):vt(n,e)},xt=function(n){0===(ht(n)?n.dom.classList:pt(n,"class")).length&&gt(n,"class")},wt=function(n,e){ht(n)?n.dom.classList.remove(e):yt(n,e),xt(n)},St=function(n,e){return ht(n)&&n.dom.classList.contains(e)},Ot=function(n,e,t){wt(n,t),bt(n,e)},Tt=/* */Object.freeze({__proto__:null,toAlpha:function(n,e,t){Ot(n.element,e.alpha,e.omega)},toOmega:function(n,e,t){Ot(n.element,e.omega,e.alpha)},isAlpha:function(n,e,t){return St(n.element,e.alpha)},isOmega:function(n,e,t){return St(n.element,e.omega)},clear:function(n,e,t){wt(n.element,e.alpha),wt(n.element,e.omega)}}),kt=function(t){return{is:function(n){return t===n},isValue:w,isError:l,getOr:y(t),getOrThunk:y(t),getOrDie:y(t),or:function(n){return kt(t)},orThunk:function(n){return kt(t)},fold:function(n,e){return e(t)},map:function(n){return kt(n(t))},mapError:function(n){return kt(t)},each:function(n){n(t)},bind:function(n){return n(t)},exists:function(n){return n(t)},forall:function(n){return n(t)},toOptional:function(){return T.some(t)}}},Et=function(t){return{is:l,isValue:l,isError:w,getOr:v,getOrThunk:function(n){return n()},getOrDie:function(){return f(String(t))()},or:function(n){return n},orThunk:function(n){return n()},fold:function(n,e){return n(t)},map:function(n){return Et(t)},mapError:function(n){return Et(n(t))},each:O,bind:function(n){return Et(t)},exists:l,forall:w,toOptional:T.none}},Ct={value:kt,error:Et,fromOption:function(n,e){return n.fold(function(){return Et(e)},kt)}};(a=o=o||{})[a.Error=0]="Error",a[a.Value=1]="Value";var Mt,Dt,_t,It,Ft,Rt=function(n,e,t){return n.stype===o.Error?e(n.serror):t(n.svalue)},Vt=function(n){return{stype:o.Value,svalue:n}},Bt=function(n){return{stype:o.Error,serror:n}},At=function(n){return n.fold(Bt,Vt)},jt=function(n){return Rt(n,Ct.error,Ct.value)},Nt=Vt,Pt=function(n){var e=[],t=[];return P(n,function(n){Rt(n,function(n){return t.push(n)},function(n){return e.push(n)})}),{values:e,errors:t}},Ht=Bt,zt=function(n,e){return n.stype===o.Value?e(n.svalue):n},Lt=function(n,e){return n.stype===o.Error?e(n.serror):n},Gt=function(n,e){return n.stype===o.Value?{stype:o.Value,svalue:e(n.svalue)}:n},$t=function(n,e){return n.stype===o.Error?{stype:o.Error,serror:e(n.serror)}:n},Ut=function(u){if(!M(u))throw new Error("cases must be an array");if(0===u.length)throw new Error("there must be at least one case");var c=[],t={};return P(u,function(n,r){var e=Qe(n);if(1!==e.length)throw new Error("one and only one name per case");var o=e[0],i=n[o];if(t[o]!==undefined)throw new Error("duplicate key detected:"+o);if("cata"===o)throw new Error("cannot have a case named cata (sorry)");if(!M(i))throw new Error("case arguments must be an array");c.push(o),t[o]=function(){var n=arguments.length;if(n!==i.length)throw new Error("Wrong number of arguments to case "+o+". Expected "+i.length+" ("+i+"), got "+n);for(var t=new Array(n),e=0;e<t.length;e++)t[e]=arguments[e];return{fold:function(){if(arguments.length!==u.length)throw new Error("Wrong number of arguments to fold. Expected "+u.length+", got "+arguments.length);return arguments[r].apply(null,t)},match:function(n){var e=Qe(n);if(c.length!==e.length)throw new Error("Wrong number of arguments to match. Expected: "+c.join(",")+"\nActual: "+e.join(","));if(!X(c,function(n){return A(e,n)}))throw new Error("Not all branches were specified when using match. Specified: "+e.join(", ")+"\nRequired: "+c.join(", "));return n[o].apply(null,t)},log:function(n){console.log(n,{constructors:c,constructor:o,params:t})}}}}),t},Wt=Object.prototype.hasOwnProperty,Xt=function(u){return function(){for(var n=new Array(arguments.length),e=0;e<n.length;e++)n[e]=arguments[e];if(0===n.length)throw new Error("Can't merge zero objects");for(var t={},r=0;r<n.length;r++){var o=n[r];for(var i in o)Wt.call(o,i)&&(t[i]=u(t[i],o[i]))}return t}},qt=Xt(function(n,e){return C(n)&&C(e)?qt(n,e):e}),Yt=Xt(function(n,e){return e}),Kt=Ut([{strict:[]},{defaultedThunk:["fallbackThunk"]},{asOption:[]},{asDefaultedOptionThunk:["fallbackThunk"]},{mergeWithThunk:["baseThunk"]}]),Jt=function(n){return Kt.defaultedThunk(y(n))},Qt=Kt.strict,Zt=Kt.asOption,nr=Kt.defaultedThunk,er=(Kt.asDefaultedOptionThunk,Kt.mergeWithThunk),tr=(Ut([{bothErrors:["error1","error2"]},{firstError:["error1","value2"]},{secondError:["value1","error2"]},{bothValues:["value1","value2"]}]),function(n,e){var t={};return t[n]=e,t}),rr=function(n,e){return t=e,r={},nt(n,function(n,e){A(t,e)||(r[e]=n)}),r;var t,r},or=tr,ir=function(n){return e={},P(n,function(n){e[n.key]=n.value}),e;var e},ur=function(n,e){var t,r,o,i,u,c=(t=[],r=[],P(n,function(n){n.fold(function(n){t.push(n)},function(n){r.push(n)})}),{errors:t,values:r});return 0<c.errors.length?(u=c.errors,Ct.error(U(u))):(i=e,0===(o=c.values).length?Ct.value(i):Ct.value(qt(i,Yt.apply(undefined,o))))},cr=function(n){return i(Ht,U)(n)},ar=function(n,e){var t,r,o=Pt(n);return 0<o.errors.length?cr(o.errors):(t=o.values,r=e,0<t.length?Nt(qt(r,Yt.apply(undefined,t))):Nt(r))},fr=function(n){var e=Pt(n);return 0<e.errors.length?cr(e.errors):Nt(e.values)},sr=function(n){return C(n)&&100<Qe(n).length?" removed due to size":JSON.stringify(n,null,2)},lr=function(n,e){return Ht([{path:n,getErrorInfo:e}])},dr=Ut([{field:["key","okey","presence","prop"]},{state:["okey","instantiator"]}]),mr=function(t,r,o){return it(r,o).fold(function(){return n=o,e=r,lr(t,function(){return'Could not find valid *strict* value for "'+n+'" in '+sr(e)});var n,e},Nt)},gr=function(n,e,t){var r=it(n,e).fold(function(){return t(n)},v);return Nt(r)},pr=function(c,a,n,f){return n.fold(function(o,t,n,r){var i=function(n){var e=r.extract(c.concat([o]),f,n);return Gt(e,function(n){return tr(t,f(n))})},u=function(n){return n.fold(function(){var n=tr(t,f(T.none()));return Nt(n)},function(n){var e=r.extract(c.concat([o]),f,n);return Gt(e,function(n){return tr(t,f(T.some(n)))})})};return n.fold(function(){return zt(mr(c,a,o),i)},function(n){return zt(gr(a,o,n),i)},function(){return zt(Nt(it(a,o)),u)},function(n){return zt((t=n,r=it(e=a,o).map(function(n){return!0===n?t(e):n}),Nt(r)),u);var e,t,r},function(n){var e=n(a),t=Gt(gr(a,o,y({})),function(n){return qt(e,n)});return zt(t,i)})},function(n,e){var t=e(a);return Nt(tr(n,f(t)))})},hr=function(r){return{extract:function(t,n,e){return Lt(r(e,n),function(n){return e=n,lr(t,function(){return e});var e})},toString:function(){return"val"}}},vr=function(n){var u=yr(n),c=z(n,function(e,n){return n.fold(function(n){return qt(e,or(n,!0))},y(e))},{});return{extract:function(n,e,t){var r,o=D(t)?[]:Qe(rt(t,function(n){return n!==undefined&&null!==n})),i=H(o,function(n){return!ct(c,n)});return 0===i.length?u.extract(n,e,t):(r=i,lr(n,function(){return"There are unsupported fields: ["+r.join(", ")+"] specified"}))},toString:u.toString}},yr=function(c){return{extract:function(n,e,t){return r=n,o=t,i=e,u=N(c,function(n){return pr(r,o,n,i)}),ar(u,{});var r,o,i,u},toString:function(){return"obj{\n"+N(c,function(n){return n.fold(function(n,e,t,r){return n+" -> "+r.toString()},function(n,e){return"state("+n+")"})}).join("\n")+"}"}}},br=function(t,i){var u=function(n,e){return o=hr(t),function(t,r,n){var e=N(n,function(n,e){return o.extract(t.concat(["["+e+"]"]),r,n)});return fr(e)}(n,v,e);var o};return{extract:function(t,r,o){var n=Qe(o),e=u(t,n);return zt(e,function(n){var e=N(n,function(n){return dr.field(n,n,Qt(),i)});return yr(e).extract(t,r,o)})},toString:function(){return"setOf("+i.toString()+")"}}},xr=y(hr(Nt)),wr=dr.state,Sr=dr.field,Or=function(t,e,r,o,i){return it(o,i).fold(function(){return n=o,e=i,lr(t,function(){return'The chosen schema: "'+e+'" did not exist in branches: '+sr(n)});var n,e},function(n){return n.extract(t.concat(["branch: "+i]),e,r)})},Tr=function(o,i){return{extract:function(e,t,r){return it(r,o).fold(function(){return n=o,lr(e,function(){return'Choice schema did not contain choice key: "'+n+'"'});var n},function(n){return Or(e,t,r,i,n)})},toString:function(){return"chooseOn("+o+"). Possible values: "+Qe(i)}}},kr=hr(Nt),Er=function(e){return hr(function(n){return e(n).fold(Ht,Nt)})},Cr=function(e,n){return br(function(n){return At(e(n))},n)},Mr=function(n,e,t){return jt((r=n,o=v,i=t,u=e.extract([r],o,i),$t(u,function(n){return{input:i,errors:n}})));var r,o,i,u},Dr=function(n){return n.fold(function(n){throw new Error(Ir(n))},v)},_r=function(n,e,t){return Dr(Mr(n,e,t))},Ir=function(n){return"Errors: \n"+(e=n.errors,t=10<e.length?e.slice(0,10).concat([{path:[],getErrorInfo:function(){return"... (only showing first ten failures)"}}]):e,N(t,function(n){return"Failed path: ("+n.path.join(" > ")+")\n"+n.getErrorInfo()}).join("\n"))+"\n\nInput object: "+sr(n.input);var e,t},Fr=function(n,e){return Tr(n,et(e,yr))},Rr=y(kr),Vr=(Mt=I,Dt="function",hr(function(n){var e=typeof n;return Mt(n)?Nt(n):Ht("Expected type: "+Dt+" but got: "+e)})),Br=function(n){return Sr(n,n,Qt(),xr())},Ar=function(n,e){return Sr(n,n,Qt(),e)},jr=function(n,e){return Sr(n,n,Qt(),yr(e))},Nr=function(n){return Sr(n,n,Zt(),xr())},Pr=function(n,e){return Sr(n,n,Zt(),e)},Hr=function(n,e){return Pr(n,yr(e))},zr=function(n,e){return Pr(n,vr(e))},Lr=function(n,e){return Sr(n,n,Jt(e),xr())},Gr=function(n,e,t){return Sr(n,n,Jt(e),t)},$r=function(n,e){return wr(n,e)},Ur=[Br("alpha"),Br("omega")],Wr=function(n){return I(n)?n:l},Xr=function(n,e,t){var r=e(n),o=Wr(t);return r.orThunk(function(){return o(n)?T.none():function(n,e,t){for(var r=n.dom,o=Wr(t);r.parentNode;){r=r.parentNode;var i=de.fromDom(r),u=e(i);if(u.isSome())return u;if(o(i))break}return T.none()}(n,e,o)})},qr=function(n,e){return ve(n.element,e.event.target)},Yr=function(n){if(!ct(n,"can")&&!ct(n,"abort")&&!ct(n,"run"))throw new Error("EventHandler defined by: "+JSON.stringify(n,null,2)+" does not have can, abort, or run!");return _r("Extracting event.handler",vr([Lr("can",w),Lr("abort",l),Lr("run",O)]),n)},Kr=function(t){var e,r,o,i,n=(r=function(n){return n.can},function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return L(e,function(n,e){return n&&r(e).apply(undefined,t)},!0)}),u=(o=e=t,i=function(n){return n.abort},function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return L(o,function(n,e){return n||i(e).apply(undefined,t)},!1)});return Yr({can:n,abort:u,run:function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];P(t,function(n){n.run.apply(undefined,e)})}})},Jr=ir,Qr=function(n,e){return{key:n,value:Yr({abort:e})}},Zr=function(n,e){return{key:n,value:Yr({run:e})}},no=function(n,t,r){return{key:n,value:Yr({run:function(n,e){t.apply(undefined,[n,e].concat(r))}})}},eo=function(n){return function(t){return{key:n,value:Yr({run:function(n,e){qr(n,e)&&t(n,e)}})}}},to=function(u,e){return Zr(u,function(n,i){n.getSystem().getByUid(e).each(function(n){var e,t,r,o;t=(e=n).element,r=u,o=i,e.getSystem().triggerEvent(r,t,o.event)})})},ro=function(n,e,t){var r=e.partUids[t];return to(n,r)},oo=function(n){return Zr(n,function(n,e){e.cut()})},io=eo(ee()),uo=eo(te()),co=eo(ne()),ao=(_t=Kn(),function(n){return Zr(_t,n)}),fo=function(n){return N(n,function(n){return r=e="/*",o=(t=n).length-e.length,""===r||t.length>=r.length&&t.substr(o,o+r.length)===r?n.substring(0,n.length-"/*".length):n;var e,t,r,o})},so=function(n,e){var t=n.toString(),r=t.indexOf(")")+1,o=t.indexOf("("),i=t.substring(o+1,r-1).split(/,\s*/);return n.toFunctionAnnotation=function(){return{name:e,parameters:fo(i)}},n},lo=function(n){return{classes:n.classes!==undefined?n.classes:[],attributes:n.attributes!==undefined?n.attributes:{},styles:n.styles!==undefined?n.styles:{}}},mo=function(t,r,o){return co(function(n,e){o(n,t,r)})},go=function(o,i,u){var n,e,t,r,c,a;return n=function(t){for(var n=[],e=1;e<arguments.length;e++)n[e-1]=arguments[e];var r=[t].concat(n);return t.config({name:y(o)}).fold(function(){throw new Error("We could not find any behaviour configuration for: "+o+". Using API: "+u)},function(n){var e=Array.prototype.slice.call(r,1);return i.apply(undefined,[t,n.config,n.state].concat(e))})},e=u,t=i.toString(),r=t.indexOf(")")+1,c=t.indexOf("("),a=t.substring(c+1,r-1).split(/,\s*/),n.toFunctionAnnotation=function(){return{name:e,parameters:fo(a.slice(0,1).concat(a.slice(3)))}},n},po=function(n){return{key:n,value:undefined}},ho=function(t,n,r,o,e,i,u){var c=function(n){return ct(n,r)?n[r]():T.none()},a=et(e,function(n,e){return go(r,n,e)}),f=et(i,so),s=x(x(x({},f),a),{revoke:b(po,r),config:function(n){var e=_r(r+"-config",t,n);return{key:r,value:{config:e,me:s,configAsRaw:d(function(){return _r(r+"-config",t,n)}),initialConfig:n,state:u}}},schema:function(){return n},exhibit:function(n,t){return c(n).bind(function(e){return it(o,"exhibit").map(function(n){return n(t,e.config,e.state)})}).getOr(lo({}))},name:function(){return r},handlers:function(n){return c(n).map(function(n){return it(o,"events").getOr(function(){return{}})(n.config,n.state)}).getOr({})}});return s},vo={init:function(){return yo({readState:function(){return"No State required"}})}},yo=function(n){return n},bo=ir,xo=vr([Br("fields"),Br("name"),Lr("active",{}),Lr("apis",{}),Lr("state",vo),Lr("extra",{})]),wo=function(n){var e,t,r,o,i,u,c,a,f=_r("Creating behaviour: "+n.name,xo,n);return e=f.fields,t=f.name,r=f.active,o=f.apis,i=f.extra,u=f.state,c=vr(e),a=Hr(t,[zr("config",e)]),ho(c,a,t,r,o,i,u)},So=vr([Br("branchKey"),Br("branches"),Br("name"),Lr("active",{}),Lr("apis",{}),Lr("state",vo),Lr("extra",{})]),Oo=y(undefined),To=wo({fields:Ur,name:"swapping",apis:Tt}),ko=function(n){var e=n;return{get:function(){return e},set:function(n){e=n}}},Eo=function(n){return n.dom.focus()},Co=function(n){return n.dom.blur()},Mo=function(n){return void 0===n&&(n=de.fromDom(document)),T.from(n.dom.activeElement).map(de.fromDom)},Do=function(e){return Mo(Ne(e)).filter(function(n){return e.dom.contains(n.dom)})},_o=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),Io=tinymce.util.Tools.resolve("tinymce.ThemeManager"),Fo=[{title:"Headings",items:[{title:"Heading 1",format:"h1"},{title:"Heading 2",format:"h2"},{title:"Heading 3",format:"h3"},{title:"Heading 4",format:"h4"},{title:"Heading 5",format:"h5"},{title:"Heading 6",format:"h6"}]},{title:"Inline",items:[{title:"Bold",icon:"bold",format:"bold"},{title:"Italic",icon:"italic",format:"italic"},{title:"Underline",icon:"underline",format:"underline"},{title:"Strikethrough",icon:"strikethrough",format:"strikethrough"},{title:"Superscript",icon:"superscript",format:"superscript"},{title:"Subscript",icon:"subscript",format:"subscript"},{title:"Code",icon:"code",format:"code"}]},{title:"Blocks",items:[{title:"Paragraph",format:"p"},{title:"Blockquote",format:"blockquote"},{title:"Div",format:"div"},{title:"Pre",format:"pre"}]},{title:"Alignment",items:[{title:"Left",icon:"alignleft",format:"alignleft"},{title:"Center",icon:"aligncenter",format:"aligncenter"},{title:"Right",icon:"alignright",format:"alignright"},{title:"Justify",icon:"alignjustify",format:"alignjustify"}]}],Ro=["undo","bold","italic","link","image","bullist","styleselect"],Vo="formatChanged",Bo="orientationChanged",Ao="dropupDismissed",jo=function(n){return n.dom.innerHTML},No=function(n,e){var t,r,o=Te(n).dom,i=de.fromDom(o.createDocumentFragment()),u=(t=e,(r=(o||document).createElement("div")).innerHTML=t,Ce(de.fromDom(r)));Re(i,u),Ve(n),Fe(n,i)},Po=function(n){return e=n,t=!1,de.fromDom(e.dom.cloneNode(t));var e,t},Ho=function(n){var e,t,r,o=Po(n);return e=o,t=de.fromTag("div"),r=de.fromDom(e.dom.cloneNode(!0)),Fe(t,r),jo(t)},zo=/* */Object.freeze({__proto__:null,events:function(a){return Jr([Zr(Yn(),function(o,n){var e,t,i=a.channels,r=Qe(i),u=n,c=(e=r,(t=u).universal?e:H(e,function(n){return A(t.channels,n)}));P(c,function(n){var e=i[n],t=e.schema,r=_r("channel["+n+"] data\nReceiver: "+Ho(o.element),t,u.data);e.onReceive(o,r)})})])}}),Lo="unknown";(Ft=It=It||{})[Ft.STOP=0]="STOP",Ft[Ft.NORMAL=1]="NORMAL",Ft[Ft.LOGGING=2]="LOGGING";var Go,$o=ko({}),Uo=["alloy/data/Fields","alloy/debugging/Debugging"],Wo=function(e,n,t){var r,o,i,u;switch(it($o.get(),e).orThunk(function(){var n=Qe($o.get());return Q(n,function(n){return-1<e.indexOf(n)?T.some($o.get()[n]):T.none()})}).getOr(It.NORMAL)){case It.NORMAL:return t(Xo());case It.LOGGING:var c=(r=e,o=n,i=[],u=(new Date).getTime(),{logEventCut:function(n,e,t){i.push({outcome:"cut",target:e,purpose:t})},logEventStopped:function(n,e,t){i.push({outcome:"stopped",target:e,purpose:t})},logNoParent:function(n,e,t){i.push({outcome:"no-parent",target:e,purpose:t})},logEventNoHandlers:function(n,e){i.push({outcome:"no-handlers-left",target:e})},logEventResponse:function(n,e,t){i.push({outcome:"response",purpose:t,target:e})},write:function(){var n=(new Date).getTime();A(["mousemove","mouseover","mouseout",ne()],r)||console.log(r,{event:r,time:n-u,target:o.dom,sequence:N(i,function(n){return A(["cut","stopped","response"],n.outcome)?"{"+n.purpose+"} "+n.outcome+" at ("+Ho(n.target)+")":n.outcome})})}}),a=t(c);return c.write(),a;case It.STOP:return!0}},Xo=y({logEventCut:O,logEventStopped:O,logNoParent:O,logEventNoHandlers:O,logEventResponse:O,write:O}),qo=y([Br("menu"),Br("selectedMenu")]),Yo=y([Br("item"),Br("selectedItem")]),Ko=(y(yr(Yo().concat(qo()))),y(yr(Yo()))),Jo=jr("initSize",[Br("numColumns"),Br("numRows")]),Qo=function(n,e,t){!function(){var n=new Error;if(n.stack===undefined)return;var e=n.stack.split("\n");G(e,function(e){return 0<e.indexOf("alloy")&&!j(Uo,function(n){return-1<e.indexOf(n)})}).getOr(Lo)}();return Sr(e,e,t,Er(function(t){return Ct.value(function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];return t.apply(undefined,n)})}))},Zo=function(n){return Qo(0,n,Jt(O))},ni=function(n){return Qo(0,n,Jt(T.none))},ei=function(n){return Qo(0,n,Qt())},ti=function(n){return Qo(0,n,Qt())},ri=function(n,e){return $r(n,y(e))},oi=function(n){return $r(n,v)},ii=y(Jo),ui=[Ar("channels",Cr(Ct.value,vr([ei("onReceive"),Lr("schema",Rr())])))],ci=wo({fields:ui,name:"receiving",active:zo}),ai=function(n,e,t){var r=e.aria;r.update(n,r,t.get())},fi=function(e,n,t){n.toggleClass.each(function(n){(t.get()?bt:wt)(e.element,n)})},si=function(n,e,t){mi(n,e,t,!t.get())},li=function(n,e,t){t.set(!0),fi(n,e,t),ai(n,e,t)},di=function(n,e,t){t.set(!1),fi(n,e,t),ai(n,e,t)},mi=function(n,e,t,r){(r?li:di)(n,e,t)},gi=function(n,e,t){mi(n,e,t,e.selected)},pi=/* */Object.freeze({__proto__:null,onLoad:gi,toggle:si,isOn:function(n,e,t){return t.get()},on:li,off:di,set:mi}),hi=/* */Object.freeze({__proto__:null,exhibit:function(){return lo({})},events:function(n,e){var t,r,o,i=(t=n,r=e,o=si,ao(function(n){o(n,t,r)})),u=mo(n,e,gi);return Jr(U([n.toggleOnExecute?[i]:[],[u]]))}}),vi=function(n,e,t){ft(n.element,"aria-expanded",t)},yi=[Lr("selected",!1),Nr("toggleClass"),Lr("toggleOnExecute",!0),Gr("aria",{mode:"none"},Fr("mode",{pressed:[Lr("syncWithExpanded",!1),ri("update",function(n,e,t){ft(n.element,"aria-pressed",t),e.syncWithExpanded&&vi(n,e,t)})],checked:[ri("update",function(n,e,t){ft(n.element,"aria-checked",t)})],expanded:[ri("update",vi)],selected:[ri("update",function(n,e,t){ft(n.element,"aria-selected",t)})],none:[ri("update",O)]}))],bi=wo({fields:yi,name:"toggling",active:hi,apis:pi,state:(Go=!1,{init:function(){var e=ko(Go);return{get:function(){return e.get()},set:function(n){return e.set(n)},clear:function(){return e.set(Go)},readState:function(){return e.get()}}}})}),xi=function(t,r){return ci.config({channels:or(Vo,{onReceive:function(n,e){e.command===t&&r(n,e.state)}})})},wi=function(n){return ci.config({channels:or(Bo,{onReceive:n})})},Si=function(n,e){return{key:n,value:{onReceive:e}}},Oi="tinymce-mobile",Ti=function(n){return Oi+"-"+n},ki=function(){var n=function(n,e){e.stop(),ae(n)};return[Zr(zn(),n),Zr(Qn(),n),oo(_n()),oo(Rn())]},Ei=function(n,e){e.ignore||(Eo(n.element),e.onFocus(n))},Ci=/* */Object.freeze({__proto__:null,focus:Ei,blur:function(n,e){e.ignore||Co(n.element)},isFocused:function(n){return e=n.element,t=Ne(e).dom,e.dom===t.activeElement;var e,t}}),Mi=/* */Object.freeze({__proto__:null,exhibit:function(n,e){var t=e.ignore?{}:{attributes:{tabindex:"-1"}};return lo(t)},events:function(t){return Jr([Zr(Wn(),function(n,e){Ei(n,t),e.stop()})].concat(t.stopMousedown?[Zr(Rn(),function(n,e){e.event.prevent()})]:[]))}}),Di=[Zo("onFocus"),Lr("stopMousedown",!1),Lr("ignore",!1)],_i=wo({fields:Di,name:"focusing",active:Mi,apis:Ci}),Ii=function(n){return n.style!==undefined&&I(n.style.getPropertyValue)},Fi=function(n,e,t){if(!E(t))throw console.error("Invalid call to CSS.set. Property ",e,":: Value ",t,":: Element ",n),new Error("CSS value must be a string: "+t);Ii(n)&&n.style.setProperty(e,t)},Ri=function(n,e,t){var r=n.dom;Fi(r,e,t)},Vi=function(n,e){var t=n.dom;nt(e,function(n,e){Fi(t,e,n)})},Bi=function(n,e){var t=n.dom,r=window.getComputedStyle(t).getPropertyValue(e);return""!==r||Le(n)?r:Ai(t,e)},Ai=function(n,e){return Ii(n)?n.style.getPropertyValue(e):""},ji=function(n,e){var t=n.dom,r=Ai(t,e);return T.from(r).filter(function(n){return 0<n.length})},Ni=function(n,e){var t,r,o=n.dom;r=e,Ii(t=o)&&t.style.removeProperty(r),dt(n,"style").map(fn).is("")&&gt(n,"style")},Pi=function(n){return n.dom.offsetWidth};function Hi(r,o){var n=function(n){var e=o(n);if(e<=0||null===e){var t=Bi(n,r);return parseFloat(t)||0}return e},i=function(o,n){return L(n,function(n,e){var t=Bi(o,e),r=t===undefined?0:parseInt(t,10);return isNaN(r)?n:n+r},0)};return{set:function(n,e){if(!F(e)&&!e.match(/^[0-9]+$/))throw new Error(r+".set accepts only positive integer values. Value was "+e);var t=n.dom;Ii(t)&&(t.style[r]=e+"px")},get:n,getOuter:n,aggregate:i,max:function(n,e,t){var r=i(n,t);return r<e?e-r:0}}}var zi=Hi("height",function(n){var e=n.dom;return Le(n)?e.getBoundingClientRect().height:e.offsetHeight}),Li=function(n){return zi.get(n)},Gi=function(n,e,t){return H(function(n,e){for(var t=I(e)?e:l,r=n.dom,o=[];null!==r.parentNode&&r.parentNode!==undefined;){var i=r.parentNode,u=de.fromDom(i);if(o.push(u),!0===t(u))break;r=i}return o}(n,t),e)},$i=function(n,e){return H(Ee(t=n).map(Ce).map(function(n){return H(n,function(n){return!ve(t,n)})}).getOr([]),e);var t},Ui=function(n,e){return pe(e,n)};function Wi(n,e,t,r,o){return n(t,r)?T.some(t):I(o)&&o(t)?T.none():e(t,r,o)}var Xi,qi,Yi=function(n,e,t){for(var r=n.dom,o=I(t)?t:l;r.parentNode;){r=r.parentNode;var i=de.fromDom(r);if(e(i))return T.some(i);if(o(i))break}return T.none()},Ki=function(n){return he(n)},Ji=function(n,e,t){return Yi(n,function(n){return me(n,e)},t)},Qi=function(n,e){return he(e,n)},Zi=function(n,e,t){return Wi(me,Ji,n,e,t)},nu=[8],eu=[9],tu=[13],ru=[27],ou=[32],iu=[37],uu=[38],cu=[39],au=[40],fu=function(n,e,t){var r=q(n.slice(0,e)),o=q(n.slice(e+1));return G(r.concat(o),t)},su=function(n,e,t){var r=q(n.slice(0,e));return G(r,t)},lu=function(n,e,t){var r=n.slice(0,e),o=n.slice(e+1);return G(o.concat(r),t)},du=function(n,e,t){var r=n.slice(e+1);return G(r,t)},mu=function(t){return function(n){var e=n.raw;return A(t,e.which)}},gu=function(n){return function(e){return X(n,function(n){return n(e)})}},pu=function(n){return!0===n.raw.shiftKey},hu=function(n){return!0===n.raw.ctrlKey},vu=m(pu),yu=function(n,e){return{matches:n,classification:e}},bu=function(n,e,t,r){var o=n+e;return r<o?t:o<t?r:o},xu=function(n,e,t){return Math.min(Math.max(n,e),t)},wu=function(n){for(var e=[],t=function(n){e.push(n)},r=0;r<n.length;r++)n[r].each(t);return e},Su=function(t,r,n,o){var e=Ui(t.element,"."+r.highlightClass);P(e,function(e){j(o,function(n){return n.element===e})||(wt(e,r.highlightClass),t.getSystem().getByDom(e).each(function(n){r.onDehighlight(t,n),ue(n,ie())}))})},Ou=function(n,e,t,r){Su(n,e,0,[r]),Tu(n,e,t,r)||(bt(r.element,e.highlightClass),e.onHighlight(n,r),ue(r,oe()))},Tu=function(n,e,t,r){return St(r.element,e.highlightClass)},ku=function(n,e,t,r){var o=Ui(n.element,"."+e.itemClass);return T.from(o[r]).fold(function(){return Ct.error("No element found with index "+r)},n.getSystem().getByDom)},Eu=function(e,n,t){return Qi(e.element,"."+n.itemClass).bind(function(n){return e.getSystem().getByDom(n).toOptional()})},Cu=function(e,n,t){var r=Ui(e.element,"."+n.itemClass);return(0<r.length?T.some(r[r.length-1]):T.none()).bind(function(n){return e.getSystem().getByDom(n).toOptional()})},Mu=function(t,e,n,r){var o=Ui(t.element,"."+e.itemClass);return $(o,function(n){return St(n,e.highlightClass)}).bind(function(n){var e=bu(n,r,0,o.length-1);return t.getSystem().getByDom(o[e]).toOptional()})},Du=function(e,n,t){var r=Ui(e.element,"."+n.itemClass);return wu(N(r,function(n){return e.getSystem().getByDom(n).toOptional()}))},_u=/* */Object.freeze({__proto__:null,dehighlightAll:function(n,e,t){return Su(n,e,0,[])},dehighlight:function(n,e,t,r){Tu(n,e,t,r)&&(wt(r.element,e.highlightClass),e.onDehighlight(n,r),ue(r,ie()))},highlight:Ou,highlightFirst:function(e,t,r){Eu(e,t).each(function(n){Ou(e,t,r,n)})},highlightLast:function(e,t,r){Cu(e,t).each(function(n){Ou(e,t,r,n)})},highlightAt:function(e,t,r,n){ku(e,t,r,n).fold(function(n){throw new Error(n)},function(n){Ou(e,t,r,n)})},highlightBy:function(e,t,r,n){var o=Du(e,t);G(o,n).each(function(n){Ou(e,t,r,n)})},isHighlighted:Tu,getHighlighted:function(e,n,t){return Qi(e.element,"."+n.highlightClass).bind(function(n){return e.getSystem().getByDom(n).toOptional()})},getFirst:Eu,getLast:Cu,getPrevious:function(n,e,t){return Mu(n,e,0,-1)},getNext:function(n,e,t){return Mu(n,e,0,1)},getCandidates:Du}),Iu=[Br("highlightClass"),Br("itemClass"),Zo("onHighlight"),Zo("onDehighlight")],Fu=wo({fields:Iu,name:"highlighting",apis:_u}),Ru=function(n,e,t){e.exists(function(e){return t.exists(function(n){return ve(n,e)})})||ce(n,re(),{prevFocus:e,newFocus:t})},Vu=function(){var o=function(n){return Do(n.element)};return{get:o,set:function(n,e){var t=o(n);n.getSystem().triggerFocus(e,n.element);var r=o(n);Ru(n,t,r)}}};(qi=Xi=Xi||{}).OnFocusMode="onFocus",qi.OnEnterOrSpaceMode="onEnterOrSpace",qi.OnApiMode="onApi";var Bu,Au,ju,Nu,Pu,Hu,zu,Lu,Gu,$u,Uu=function(n,e,t,r,c){var a=function(e,t,n,r,o){var i,u,c=n(e,t,r,o);return i=c,u=t.event,G(i,function(n){return n.matches(u)}).map(function(n){return n.classification}).bind(function(n){return n(e,t,r,o)})},o={schema:function(){return n.concat([Lr("focusManager",Vu()),Gr("focusInside","onFocus",Er(function(n){return A(["onFocus","onEnterOrSpace","onApi"],n)?Ct.value(n):Ct.error("Invalid value for focusInside")})),ri("handler",o),ri("state",e),ri("sendFocusIn",c)])},processKey:a,toEvents:function(i,u){var n=i.focusInside!==Xi.OnFocusMode?T.none():c(i).map(function(t){return Zr(Wn(),function(n,e){t(n,i,u),e.stop()})}),e=[Zr(jn(),function(r,o){a(r,o,t,i,u).fold(function(){var e,t,n;e=r,t=o,n=mu(ou.concat(tu))(t.event),i.focusInside===Xi.OnEnterOrSpaceMode&&n&&qr(e,t)&&c(i).each(function(n){n(e,i,u),t.stop()})},function(n){o.stop()})}),Zr(Nn(),function(n,e){a(n,e,r,i,u).each(function(n){e.stop()})})];return Jr(n.toArray().concat(e))}};return o},Wu=function(n){var e=[Nr("onEscape"),Nr("onEnter"),Lr("selector",'[data-alloy-tabstop="true"]:not(:disabled)'),Lr("firstTabstop",0),Lr("useTabstopAt",w),Nr("visibilitySelector")].concat([n]),u=function(n,e){var t=n.visibilitySelector.bind(function(n){return Zi(e,n)}).getOr(e);return 0<Li(t)},t=function(e,t,n){var r,o,i;r=t,o=Ui(e.element,r.selector),i=H(o,function(n){return u(r,n)}),T.from(i[r.firstTabstop]).each(function(n){t.focusManager.set(e,n)})},c=function(e,n,t,r,o){return o(n,t,function(n){return u(e=r,t=n)&&e.useTabstopAt(t);var e,t}).fold(function(){return r.cyclic?T.some(!0):T.none()},function(n){return r.focusManager.set(e,n),T.some(!0)})},o=function(e,n,t,r){var o,i,u=Ui(e.element,t.selector);return o=e,(i=t).focusManager.get(o).bind(function(n){return Zi(n,i.selector)}).bind(function(n){return $(u,b(ve,n)).bind(function(n){return c(e,u,n,t,r)})})},r=y([yu(gu([pu,mu(eu)]),function(n,e,t){var r=t.cyclic?fu:su;return o(n,0,t,r)}),yu(mu(eu),function(n,e,t){var r=t.cyclic?lu:du;return o(n,0,t,r)}),yu(mu(ru),function(e,t,n){return n.onEscape.bind(function(n){return n(e,t)})}),yu(gu([vu,mu(tu)]),function(e,t,n){return n.onEnter.bind(function(n){return n(e,t)})})]),i=y([]);return Uu(e,vo.init,r,i,function(){return T.some(t)})},Xu=Wu($r("cyclic",l)),qu=Wu($r("cyclic",w)),Yu=function(n){return"input"===ye(n)&&"radio"!==lt(n,"type")||"textarea"===ye(n)},Ku=function(n,e,t){return Yu(t)&&mu(ou)(e.event)?T.none():(fe(n,t,Kn()),T.some(!0))},Ju=function(n,e){return T.some(!0)},Qu=[Lr("execute",Ku),Lr("useSpace",!1),Lr("useEnter",!0),Lr("useControlEnter",!1),Lr("useDown",!1)],Zu=function(n,e,t){return t.execute(n,e,n.element)},nc=Uu(Qu,vo.init,function(n,e,t,r){var o=t.useSpace&&!Yu(n.element)?ou:[],i=t.useEnter?tu:[],u=t.useDown?au:[],c=o.concat(i).concat(u);return[yu(mu(c),Zu)].concat(t.useControlEnter?[yu(gu([hu,mu(tu)]),Zu)]:[])},function(n,e,t,r){return t.useSpace&&!Yu(n.element)?[yu(mu(ou),Ju)]:[]},function(){return T.none()}),ec=function(){var t=ko(T.none());return yo({readState:function(){return t.get().map(function(n){return{numRows:String(n.numRows),numColumns:String(n.numColumns)}}).getOr({numRows:"?",numColumns:"?"})},setGridSize:function(n,e){t.set(T.some({numRows:n,numColumns:e}))},getNumRows:function(){return t.get().map(function(n){return n.numRows})},getNumColumns:function(){return t.get().map(function(n){return n.numColumns})}})},tc=/* */Object.freeze({__proto__:null,flatgrid:ec,init:function(n){return n.state(n)}}),rc=function(e,t){return function(n){return"rtl"===oc(n)?t:e}},oc=function(n){return"rtl"===Bi(n,"direction")?"rtl":"ltr"},ic=function(i){return function(n,e,t,r){var o=i(n.element);return fc(o,n,e,t,r)}},uc=function(n,e){var t=rc(n,e);return ic(t)},cc=function(n,e){var t=rc(e,n);return ic(t)},ac=function(o){return function(n,e,t,r){return fc(o,n,e,t,r)}},fc=function(e,t,n,r,o){return r.focusManager.get(t).bind(function(n){return e(t.element,n,r,o)}).map(function(n){return r.focusManager.set(t,n),!0})},sc=ac,lc=ac,dc=ac,mc=function(n){return!((e=n.dom).offsetWidth<=0&&e.offsetHeight<=0);var e},gc=function(n,e,t){var r,o=Ui(n,t),i=H(o,mc);return $(r=i,function(n){return ve(n,e)}).map(function(n){return{index:n,candidates:r}})},pc=function(n,e){return $(n,function(n){return ve(e,n)})},hc=function(t,n,r,e){return e(Math.floor(n/r),n%r).bind(function(n){var e=n.row*r+n.column;return 0<=e&&e<t.length?T.some(t[e]):T.none()})},vc=function(o,n,i,u,c){return hc(o,n,u,function(n,e){var t=n===i-1?o.length-n*u:u,r=bu(e,c,0,t-1);return T.some({row:n,column:r})})},yc=function(i,n,u,c,a){return hc(i,n,c,function(n,e){var t=bu(n,a,0,u-1),r=t===u-1?i.length-t*c:c,o=xu(e,0,r-1);return T.some({row:t,column:o})})},bc=[Br("selector"),Lr("execute",Ku),ni("onEscape"),Lr("captureTab",!1),ii()],xc=function(e,t,n){Qi(e.element,t.selector).each(function(n){t.focusManager.set(e,n)})},wc=function(o){return function(n,e,t,r){return gc(n,e,t.selector).bind(function(n){return o(n.candidates,n.index,r.getNumRows().getOr(t.initSize.numRows),r.getNumColumns().getOr(t.initSize.numColumns))})}},Sc=function(n,e,t){return t.captureTab?T.some(!0):T.none()},Oc=wc(function(n,e,t,r){return vc(n,e,t,r,-1)}),Tc=wc(function(n,e,t,r){return vc(n,e,t,r,1)}),kc=wc(function(n,e,t,r){return yc(n,e,t,r,-1)}),Ec=wc(function(n,e,t,r){return yc(n,e,t,r,1)}),Cc=y([yu(mu(iu),uc(Oc,Tc)),yu(mu(cu),cc(Oc,Tc)),yu(mu(uu),sc(kc)),yu(mu(au),lc(Ec)),yu(gu([pu,mu(eu)]),Sc),yu(gu([vu,mu(eu)]),Sc),yu(mu(ru),function(n,e,t){return t.onEscape(n,e)}),yu(mu(ou.concat(tu)),function(e,t,r,n){return o=e,(i=r).focusManager.get(o).bind(function(n){return Zi(n,i.selector)}).bind(function(n){return r.execute(e,t,n)});var o,i})]),Mc=y([yu(mu(ou),Ju)]),Dc=Uu(bc,ec,Cc,Mc,function(){return T.some(xc)}),_c=function(n,e,t,i){var u=function(n,e,t){var r,o=bu(e,i,0,t.length-1);return o===n?T.none():(r=t[o],"button"===ye(r)&&"disabled"===lt(r,"disabled")?u(n,o,t):T.from(t[o]))};return gc(n,t,e).bind(function(n){var e=n.index,t=n.candidates;return u(e,e,t)})},Ic=[Br("selector"),Lr("getInitial",T.none),Lr("execute",Ku),ni("onEscape"),Lr("executeOnMove",!1),Lr("allowVertical",!0)],Fc=function(e,t,r){return n=e,(o=r).focusManager.get(n).bind(function(n){return Zi(n,o.selector)}).bind(function(n){return r.execute(e,t,n)});var n,o},Rc=function(e,t,n){t.getInitial(e).orThunk(function(){return Qi(e.element,t.selector)}).each(function(n){t.focusManager.set(e,n)})},Vc=function(n,e,t){return _c(n,t.selector,e,-1)},Bc=function(n,e,t){return _c(n,t.selector,e,1)},Ac=function(o){return function(n,e,t,r){return o(n,e,t,r).bind(function(){return t.executeOnMove?Fc(n,e,t):T.some(!0)})}},jc=function(n,e,t){return t.onEscape(n,e)},Nc=y([yu(mu(ou),Ju)]),Pc=Uu(Ic,vo.init,function(n,e,t,r){var o=iu.concat(t.allowVertical?uu:[]),i=cu.concat(t.allowVertical?au:[]);return[yu(mu(o),Ac(uc(Vc,Bc))),yu(mu(i),Ac(cc(Vc,Bc))),yu(mu(tu),Fc),yu(mu(ou),Fc),yu(mu(ru),jc)]},Nc,function(){return T.some(Rc)}),Hc=function(n,e,t){return T.from(n[e]).bind(function(n){return T.from(n[t]).map(function(n){return{rowIndex:e,columnIndex:t,cell:n}})})},zc=function(n,e,t,r){var o=n[e].length,i=bu(t,r,0,o-1);return Hc(n,e,i)},Lc=function(n,e,t,r){var o=bu(t,r,0,n.length-1),i=n[o].length,u=xu(e,0,i-1);return Hc(n,o,u)},Gc=function(n,e,t,r){var o=n[e].length,i=xu(t+r,0,o-1);return Hc(n,e,i)},$c=function(n,e,t,r){var o=xu(t+r,0,n.length-1),i=n[o].length,u=xu(e,0,i-1);return Hc(n,o,u)},Uc=[jr("selectors",[Br("row"),Br("cell")]),Lr("cycles",!0),Lr("previousSelector",T.none),Lr("execute",Ku)],Wc=function(e,t,n){t.previousSelector(e).orThunk(function(){var n=t.selectors;return Qi(e.element,n.cell)}).each(function(n){t.focusManager.set(e,n)})},Xc=function(n,e){return function(t,r,i){var u=i.cycles?n:e;return Zi(r,i.selectors.row).bind(function(n){var e=Ui(n,i.selectors.cell);return pc(e,r).bind(function(r){var o=Ui(t,i.selectors.row);return pc(o,n).bind(function(n){var e,t=(e=i,N(o,function(n){return Ui(n,e.selectors.cell)}));return u(t,n,r).map(function(n){return n.cell})})})})}},qc=Xc(function(n,e,t){return zc(n,e,t,-1)},function(n,e,t){return Gc(n,e,t,-1)}),Yc=Xc(function(n,e,t){return zc(n,e,t,1)},function(n,e,t){return Gc(n,e,t,1)}),Kc=Xc(function(n,e,t){return Lc(n,t,e,-1)},function(n,e,t){return $c(n,t,e,-1)}),Jc=Xc(function(n,e,t){return Lc(n,t,e,1)},function(n,e,t){return $c(n,t,e,1)}),Qc=y([yu(mu(iu),uc(qc,Yc)),yu(mu(cu),cc(qc,Yc)),yu(mu(uu),sc(Kc)),yu(mu(au),lc(Jc)),yu(mu(ou.concat(tu)),function(e,t,r){return Do(e.element).bind(function(n){return r.execute(e,t,n)})})]),Zc=y([yu(mu(ou),Ju)]),na=Uu(Uc,vo.init,Qc,Zc,function(){return T.some(Wc)}),ea=[Br("selector"),Lr("execute",Ku),Lr("moveOnTab",!1)],ta=function(e,t,r){return r.focusManager.get(e).bind(function(n){return r.execute(e,t,n)})},ra=function(e,t,n){Qi(e.element,t.selector).each(function(n){t.focusManager.set(e,n)})},oa=function(n,e,t){return _c(n,t.selector,e,-1)},ia=function(n,e,t){return _c(n,t.selector,e,1)},ua=y([yu(mu(uu),dc(oa)),yu(mu(au),dc(ia)),yu(gu([pu,mu(eu)]),function(n,e,t,r){return t.moveOnTab?dc(oa)(n,e,t,r):T.none()}),yu(gu([vu,mu(eu)]),function(n,e,t,r){return t.moveOnTab?dc(ia)(n,e,t,r):T.none()}),yu(mu(tu),ta),yu(mu(ou),ta)]),ca=y([yu(mu(ou),Ju)]),aa=Uu(ea,vo.init,ua,ca,function(){return T.some(ra)}),fa=[ni("onSpace"),ni("onEnter"),ni("onShiftEnter"),ni("onLeft"),ni("onRight"),ni("onTab"),ni("onShiftTab"),ni("onUp"),ni("onDown"),ni("onEscape"),Lr("stopSpaceKeyup",!1),Nr("focusIn")],sa=Uu(fa,vo.init,function(n,e,t){return[yu(mu(ou),t.onSpace),yu(gu([vu,mu(tu)]),t.onEnter),yu(gu([pu,mu(tu)]),t.onShiftEnter),yu(gu([pu,mu(eu)]),t.onShiftTab),yu(gu([vu,mu(eu)]),t.onTab),yu(mu(uu),t.onUp),yu(mu(au),t.onDown),yu(mu(iu),t.onLeft),yu(mu(cu),t.onRight),yu(mu(ou),t.onSpace),yu(mu(ru),t.onEscape)]},function(n,e,t){return t.stopSpaceKeyup?[yu(mu(ou),Ju)]:[]},function(n){return n.focusIn}),la=Xu.schema(),da=qu.schema(),ma=Pc.schema(),ga=Dc.schema(),pa=na.schema(),ha=nc.schema(),va=aa.schema(),ya=sa.schema(),ba=($u=_r("Creating behaviour: "+(Bu={branchKey:"mode",branches:/* */Object.freeze({__proto__:null,acyclic:la,cyclic:da,flow:ma,flatgrid:ga,matrix:pa,execution:ha,menu:va,special:ya}),name:"keying",active:{events:function(n,e){return n.handler.toEvents(n,e)}},apis:{focusIn:function(e,t,r){t.sendFocusIn(t).fold(function(){e.getSystem().triggerFocus(e.element,e.element)},function(n){n(e,t,r)})},setGridSize:function(n,e,t,r,o){ct(t,"setGridSize")?t.setGridSize(r,o):console.error("Layout does not support setGridSize")}},state:tc}).name,So,Bu),Au=Fr($u.branchKey,$u.branches),ju=$u.name,Nu=$u.active,Pu=$u.apis,Hu=$u.extra,zu=$u.state,Gu=Hr(ju,[Pr("config",Lu=Au)]),ho(Lu,Gu,ju,Nu,Pu,Hu,zu)),xa=function(r,n){return e=r,t={},o=N(n,function(n){return e=n.name(),t="Cannot configure "+n.name()+" for "+r,Sr(e,e,Zt(),hr(function(n){return Ht("The field: "+e+" is forbidden. "+t)}));var e,t}).concat([$r("dump",v)]),Gr(e,t,yr(o));var e,t,o},wa=function(n){return n.dump},Sa=function(n,e){return x(x({},n.dump),bo(e))},Oa=xa,Ta=Sa,ka="placeholder",Ea=Ut([{single:["required","valueThunk"]},{multiple:["required","valueThunks"]}]),Ca=function(n){return ut(n,"uiType")},Ma=function(n,e,t,r){return Ca(t)&&t.uiType===ka?(i=t,u=r,(o=n).exists(function(n){return n!==i.owner})?Ea.single(!0,y(i)):it(u,i.name).fold(function(){throw new Error("Unknown placeholder component: "+i.name+"\nKnown: ["+Qe(u)+"]\nNamespace: "+o.getOr("none")+"\nSpec: "+JSON.stringify(i,null,2))},function(n){return n.replace()})):Ea.single(!1,y(t));var o,i,u},Da=function(i,u,c,a){return Ma(i,0,c,a).fold(function(n,e){var t=Ca(c)?e(u,c.config,c.validated):e(u),r=it(t,"components").getOr([]),o=W(r,function(n){return Da(i,u,n,a)});return[x(x({},t),{components:o})]},function(n,e){if(Ca(c)){var t=e(u,c.config,c.validated);return c.validated.preprocess.getOr(v)(t)}return e(u)})},_a=function(e,t,n,r){var o,i,u,c=et(r,function(n,e){return r=n,o=!1,{name:y(t=e),required:function(){return r.fold(function(n,e){return n},function(n,e){return n})},used:function(){return o},replace:function(){if(o)throw new Error("Trying to use the same placeholder more than once: "+t);return o=!0,r}};var t,r,o}),a=(o=e,i=t,u=c,W(n,function(n){return Da(o,i,n,u)}));return nt(c,function(n){if(!1===n.used()&&n.required())throw new Error("Placeholder: "+n.name()+" was not found in components list\nNamespace: "+e.getOr("none")+"\nComponents: "+JSON.stringify(t.components,null,2))}),a},Ia=Ea.single,Fa=Ea.multiple,Ra=y(ka),Va=0,Ba=function(n){var e=(new Date).getTime();return n+"_"+Math.floor(1e9*Math.random())+ ++Va+String(e)},Aa=Ut([{required:["data"]},{external:["data"]},{optional:["data"]},{group:["data"]}]),ja=Lr("factory",{sketch:v}),Na=Lr("schema",[]),Pa=Br("name"),Ha=Sr("pname","pname",nr(function(n){return"<alloy."+Ba(n.name)+">"}),Rr()),za=$r("schema",function(){return[Nr("preprocess")]}),La=Lr("defaults",y({})),Ga=Lr("overrides",y({})),$a=yr([ja,Na,Pa,Ha,La,Ga]),Ua=yr([ja,Na,Pa,La,Ga]),Wa=yr([ja,Na,Pa,Ha,La,Ga]),Xa=yr([ja,za,Pa,Br("unit"),Ha,La,Ga]),qa=function(n){var e=function(n){return n.name};return n.fold(e,e,e,e)},Ya=function(t,r){return function(n){var e=_r("Converting part type",r,n);return t(e)}},Ka=Ya(Aa.required,$a),Ja=(Ya(Aa.external,Ua),Ya(Aa.optional,Wa)),Qa=Ya(Aa.group,Xa),Za=y("entirety"),nf=function(n,e,t,r){return qt(e.defaults(n,t,r),t,{uid:n.partUids[e.name]},e.overrides(n,t,r))},ef=function(o,n){var e={};return P(n,function(n){n.fold(T.some,T.none,T.some,T.some).each(function(t){var r=tf(o,t.pname);e[t.name]=function(n){var e=_r("Part: "+t.name+" in "+o,yr(t.schema),n);return x(x({},r),{config:n,validated:e})}})}),e},tf=function(n,e){return{uiType:Ra(),owner:n,name:e}},rf=function(n,e,t){return r=e,i={},o={},P(t,function(n){n.fold(function(r){i[r.pname]=Ia(!0,function(n,e,t){return r.factory.sketch(nf(n,r,e,t))})},function(n){var e=r.parts[n.name];o[n.name]=y(n.factory.sketch(nf(r,n,e[Za()]),e))},function(r){i[r.pname]=Ia(!1,function(n,e,t){return r.factory.sketch(nf(n,r,e,t))})},function(o){i[o.pname]=Fa(!0,function(e,n,t){var r=e[o.name];return N(r,function(n){return o.factory.sketch(qt(o.defaults(e,n,t),n,o.overrides(e,n)))})})})}),{internals:y(i),externals:y(o)};var r,i,o},of=function(n,e,t){return _a(T.some(n),e,e.components,t)},uf=function(n,e,t){var r=e.partUids[t];return n.getSystem().getByUid(r).toOptional()},cf=function(n,e,t){return uf(n,e,t).getOrDie("Could not find part: "+t)},af=function(e,n){var t=N(n,qa);return ir(N(t,function(n){return{key:n,value:e+"-"+n}}))},ff=function(e){return Sr("partUids","partUids",er(function(n){return af(n.uid,e)}),Rr())},sf=Ba("alloy-premade"),lf=function(n){return or(sf,n)},df=function(r){return n=function(n){for(var e=[],t=1;t<arguments.length;t++)e[t-1]=arguments[t];return r.apply(void 0,u([n.getApis(),n],e))},e=r.toString(),t=e.indexOf(")")+1,o=e.indexOf("("),i=e.substring(o+1,t-1).split(/,\s*/),n.toFunctionAnnotation=function(){return{name:"OVERRIDE",parameters:fo(i.slice(1))}},n;var n,e,t,o,i},mf=y("alloy-id-"),gf=y("data-alloy-id"),pf=mf(),hf=gf(),vf=function(n,e){Object.defineProperty(n.dom,hf,{value:e,writable:!0})},yf=function(n){var e=xe(n)?n.dom[hf]:null;return T.from(e)},bf=Ba,xf=function(n,e,t,r,o){var i,u,c=(u=o,(0<(i=r).length?[jr("parts",i)]:[]).concat([Br("uid"),Lr("dom",{}),Lr("components",[]),oi("originalSpec"),Lr("debug.sketcher",{})]).concat(u));return _r(n+" [SpecSchema]",vr(c.concat(e)),t)},wf=function(n,e,t,r,o){var i=Sf(o),u=W(t,function(n){return n.fold(T.none,T.some,T.none,T.none).map(function(n){return jr(n.name,n.schema.concat([oi(Za())]))}).toArray()}),c=ff(t),a=xf(n,e,i,u,[c]),f=rf(0,a,t);return r(a,of(n,a,f.internals()),i,f.externals())},Sf=function(n){return ut(n,"uid")?n:x(x({},n),{uid:bf("uid")})};var Of,Tf,kf,Ef,Cf=vr([Br("name"),Br("factory"),Br("configFields"),Lr("apis",{}),Lr("extraApis",{})]),Mf=vr([Br("name"),Br("factory"),Br("configFields"),Br("partFields"),Lr("apis",{}),Lr("extraApis",{})]),Df=function(n){var i=_r("Sketcher for "+n.name,Cf,n),e=et(i.apis,df),t=et(i.extraApis,so);return x(x({name:i.name,configFields:i.configFields,sketch:function(n){return e=i.name,t=i.configFields,r=i.factory,o=Sf(n),r(xf(e,t,o,[],[]),o);var e,t,r,o}},e),t)},_f=function(n){var e=_r("Sketcher for "+n.name,Mf,n),t=ef(e.name,e.partFields),r=et(e.apis,df),o=et(e.extraApis,so);return x(x({name:e.name,partFields:e.partFields,configFields:e.configFields,sketch:function(n){return wf(e.name,e.configFields,e.partFields,e.factory,n)},parts:t},r),o)},If=Df({name:"Button",factory:function(n){var e,t=(e=n.action,Jr(U([e.map(function(t){return ao(function(n,e){t(n),e.stop()})}).toArray(),ki()]))),r=n.dom.tag,o=function(e){return it(n.dom,"attributes").bind(function(n){return it(n,e)})};return{uid:n.uid,dom:n.dom,components:n.components,events:t,behaviours:Ta(n.buttonBehaviours,[_i.config({}),ba.config({mode:"execution",useSpace:!0,useEnter:!0})]),domModification:{attributes:function(){if("button"!==r)return{role:o("role").getOr("button")};var n=o("type").getOr("button"),e=o("role").map(function(n){return{role:n}}).getOr({});return x({type:n},e)}()},eventOrder:n.eventOrder}},configFields:[Lr("uid",undefined),Br("dom"),Lr("components",[]),Oa("buttonBehaviours",[_i,ba]),Nr("action"),Nr("role"),Lr("eventOrder",{})]}),Ff=wo({fields:[],name:"unselecting",active:/* */Object.freeze({__proto__:null,events:function(){return Jr([Qr(Gn(),w)])},exhibit:function(){return lo({styles:{"-webkit-user-select":"none","user-select":"none","-ms-user-select":"none","-moz-user-select":"-moz-none"},attributes:{unselectable:"on"}})}})}),Rf=function(n){var e,t,r,o=de.fromHtml(n),i=Ce(o),u=(t=(e=o).dom.attributes!==undefined?e.dom.attributes:[],L(t,function(n,e){var t;return"class"===e.name?n:x(x({},n),((t={})[e.name]=e.value,t))},{})),c=(r=o,Array.prototype.slice.call(r.dom.classList,0)),a=0===i.length?{}:{innerHtml:jo(o)};return x({tag:ye(o),classes:c,attributes:u},a)},Vf=function(n){var e=cn(n,{prefix:Oi});return Rf(e)},Bf=function(n){return{dom:Vf(n)}},Af=function(n){return bo([bi.config({toggleClass:Ti("toolbar-button-selected"),toggleOnExecute:!1,aria:{mode:"pressed"}}),xi(n,function(n,e){(e?bi.on:bi.off)(n)})])},jf=function(n,e,t,r){var o=Af(t);return Pf(e,r,o,n)},Nf=function(n,e){var t=e.ui.registry.getAll().icons;return T.from(t[n]).fold(function(){return Vf('<span class="${prefix}-toolbar-button ${prefix}-toolbar-group-item ${prefix}-icon-'+n+' ${prefix}-icon"></span>')},function(n){return Vf('<span class="${prefix}-toolbar-button ${prefix}-toolbar-group-item">'+n+"</span>")})},Pf=function(n,e,t,r){return If.sketch({dom:Nf(n,r),action:e,buttonBehaviours:qt(bo([Ff.config({})]),t)})},Hf=Ja({schema:[Br("dom")],name:"label"}),zf=function(e){return Ja({name:e+"-edge",overrides:function(n){return n.model.manager.edgeActions[e].fold(function(){return{}},function(r){return{events:Jr([no(_n(),function(n,e,t){return r(n,t)},[n]),no(Rn(),function(n,e,t){return r(n,t)},[n]),no(Vn(),function(n,e,t){t.mouseIsDown.get()&&r(n,t)},[n])])}})}})},Lf=zf("top-left"),Gf=zf("top"),$f=zf("top-right"),Uf=zf("right"),Wf=zf("bottom-right"),Xf=zf("bottom"),qf=zf("bottom-left"),Yf=[Hf,zf("left"),Uf,Gf,Xf,Lf,$f,qf,Wf,Ka({name:"thumb",defaults:y({dom:{styles:{position:"absolute"}}}),overrides:function(n){return{events:Jr([ro(_n(),n,"spectrum"),ro(In(),n,"spectrum"),ro(Fn(),n,"spectrum"),ro(Rn(),n,"spectrum"),ro(Vn(),n,"spectrum"),ro(Bn(),n,"spectrum")])}}}),Ka({schema:[$r("mouseIsDown",function(){return ko(!1)})],name:"spectrum",overrides:function(t){var r=t.model.manager,o=function(e,n){return r.getValueFromEvent(n).map(function(n){return r.setValueFrom(e,t,n)})};return{behaviours:bo([ba.config({mode:"special",onLeft:function(n){return r.onLeft(n,t)},onRight:function(n){return r.onRight(n,t)},onUp:function(n){return r.onUp(n,t)},onDown:function(n){return r.onDown(n,t)}}),_i.config({})]),events:Jr([Zr(_n(),o),Zr(In(),o),Zr(Rn(),o),Zr(Vn(),function(n,e){t.mouseIsDown.get()&&o(n,e)})])}}})],Kf=function(n,e,t){e.store.manager.onLoad(n,e,t)},Jf=function(n,e,t){e.store.manager.onUnload(n,e,t)},Qf=/* */Object.freeze({__proto__:null,onLoad:Kf,onUnload:Jf,setValue:function(n,e,t,r){e.store.manager.setValue(n,e,t,r)},getValue:function(n,e,t){return e.store.manager.getValue(n,e,t)},getState:function(n,e,t){return t}}),Zf=/* */Object.freeze({__proto__:null,events:function(t,r){var n=t.resetOnDom?[io(function(n,e){Kf(n,t,r)}),uo(function(n,e){Jf(n,t,r)})]:[mo(t,r,Kf)];return Jr(n)}}),ns=function(){var n=ko(null);return yo({set:n.set,get:n.get,isNotSet:function(){return null===n.get()},clear:function(){n.set(null)},readState:function(){return{mode:"memory",value:n.get()}}})},es=function(){var i=ko({}),u=ko({});return yo({readState:function(){return{mode:"dataset",dataByValue:i.get(),dataByText:u.get()}},lookup:function(n){return it(i.get(),n).orThunk(function(){return it(u.get(),n)})},update:function(n){var e=i.get(),t=u.get(),r={},o={};P(n,function(e){r[e.value]=e,it(e,"meta").each(function(n){it(n,"text").each(function(n){o[n]=e})})}),i.set(x(x({},e),r)),u.set(x(x({},t),o))},clear:function(){i.set({}),u.set({})}})},ts=/* */Object.freeze({__proto__:null,memory:ns,dataset:es,manual:function(){return yo({readState:function(){}})},init:function(n){return n.store.manager.state(n)}}),rs=function(n,e,t,r){var o=e.store;t.update([r]),o.setValue(n,r),e.onSetValue(n,r)},os=[Nr("initialValue"),Br("getFallbackEntry"),Br("getDataKey"),Br("setValue"),ri("manager",{setValue:rs,getValue:function(n,e,t){var r=e.store,o=r.getDataKey(n);return t.lookup(o).fold(function(){return r.getFallbackEntry(o)},function(n){return n})},onLoad:function(e,t,r){t.store.initialValue.each(function(n){rs(e,t,r,n)})},onUnload:function(n,e,t){t.clear()},state:es})],is=[Br("getValue"),Lr("setValue",O),Nr("initialValue"),ri("manager",{setValue:function(n,e,t,r){e.store.setValue(n,r),e.onSetValue(n,r)},getValue:function(n,e,t){return e.store.getValue(n)},onLoad:function(e,t,n){t.store.initialValue.each(function(n){t.store.setValue(e,n)})},onUnload:O,state:vo.init})],us=[Nr("initialValue"),ri("manager",{setValue:function(n,e,t,r){t.set(r),e.onSetValue(n,r)},getValue:function(n,e,t){return t.get()},onLoad:function(n,e,t){e.store.initialValue.each(function(n){t.isNotSet()&&t.set(n)})},onUnload:function(n,e,t){t.clear()},state:ns})],cs=[Gr("store",{mode:"memory"},Fr("mode",{memory:us,manual:is,dataset:os})),Zo("onSetValue"),Lr("resetOnDom",!1)],as=wo({fields:cs,name:"representing",active:Zf,apis:Qf,extra:{setValueFrom:function(n,e){var t=as.getValue(e);as.setValue(n,t)}},state:ts}),fs=Hi("width",function(n){return n.dom.offsetWidth}),ss=function(n,e){return fs.set(n,e)},ls=function(n){return fs.get(n)},ds=function(t,r){return{left:t,top:r,translate:function(n,e){return ds(t+n,r+e)}}},ms=ds,gs=y("slider.change.value"),ps=function(n){var e=n.event.raw;return-1===e.type.indexOf("touch")?e.clientX!==undefined?T.some(e).map(function(n){return ms(n.clientX,n.clientY)}):T.none():e.touches!==undefined&&1===e.touches.length?T.some(e.touches[0]).map(function(n){return ms(n.clientX,n.clientY)}):T.none()},hs=function(n){return n.model.minX},vs=function(n){return n.model.minY},ys=function(n){return n.model.minX-1},bs=function(n){return n.model.minY-1},xs=function(n){return n.model.maxX},ws=function(n){return n.model.maxY},Ss=function(n){return n.model.maxX+1},Os=function(n){return n.model.maxY+1},Ts=function(n,e,t){return e(n)-t(n)},ks=function(n){return Ts(n,xs,hs)},Es=function(n){return Ts(n,ws,vs)},Cs=function(n){return ks(n)/2},Ms=function(n){return Es(n)/2},Ds=function(n){return n.stepSize},_s=function(n){return n.snapToGrid},Is=function(n){return n.snapStart},Fs=function(n){return n.rounded},Rs=function(n,e){return n[e+"-edge"]!==undefined},Vs=function(n){return Rs(n,"left")},Bs=function(n){return Rs(n,"right")},As=function(n){return Rs(n,"top")},js=function(n){return Rs(n,"bottom")},Ns=function(n){return n.model.value.get()},Ps=function(n){return{x:n}},Hs=function(n){return{y:n}},zs=function(n,e){return{x:n,y:e}},Ls=function(n,e){ce(n,gs(),{value:e})},Gs=function(n,e,t,r){return n<e?n:t<n?t:n===e?e-1:Math.max(e,n-r)},$s=function(n,e,t,r){return t<n?n:n<e?e:n===t?t+1:Math.min(t,n+r)},Us=function(n,e,t){return Math.max(e,Math.min(t,n))},Ws=function(n){var e=n.min,t=n.max,r=n.range,o=n.value,i=n.step,u=n.snap,c=n.snapStart,a=n.rounded,f=n.hasMinEdge,s=n.hasMaxEdge,l=n.minBound,d=n.maxBound,m=n.screenRange,g=f?e-1:e,p=s?t+1:t;if(o<l)return g;if(d<o)return p;var h,v,y,b,x,w,S,O=(x=o,w=l,S=d,Math.min(S,Math.max(x,w))-w),T=Us(O/m*r+e,g,p);return u&&e<=T&&T<=t?(h=T,v=e,y=t,b=i,c.fold(function(){var n=h-v,e=Math.round(n/b)*b;return Us(v+e,v-1,y+1)},function(n){var e=(h-n)%b,t=Math.round(e/b),r=Math.floor((h-n)/b),o=Math.floor((y-n)/b),i=n+Math.min(o,r+t)*b;return Math.max(n,i)})):a?Math.round(T):T},Xs=function(n){var e=n.min,t=n.max,r=n.range,o=n.value,i=n.hasMinEdge,u=n.hasMaxEdge,c=n.maxBound,a=n.maxOffset,f=n.centerMinEdge,s=n.centerMaxEdge;return o<e?i?0:f:t<o?u?c:s:(o-e)/r*a},qs="left",Ys=function(n){return n.element.dom.getBoundingClientRect()},Ks=function(n,e){return n[e]},Js=function(n){var e=Ys(n);return Ks(e,qs)},Qs=function(n){var e=Ys(n);return Ks(e,"right")},Zs=function(n){var e=Ys(n);return Ks(e,"top")},nl=function(n){var e=Ys(n);return Ks(e,"bottom")},el=function(n){var e=Ys(n);return Ks(e,"width")},tl=function(n){var e=Ys(n);return Ks(e,"height")},rl=function(n,e,t){return(n+e)/2-t},ol=function(n,e){var t=Ys(n),r=Ys(e),o=Ks(t,qs),i=Ks(t,"right"),u=Ks(r,qs);return rl(o,i,u)},il=function(n,e){var t=Ys(n),r=Ys(e),o=Ks(t,"top"),i=Ks(t,"bottom"),u=Ks(r,"top");return rl(o,i,u)},ul=function(n,e){ce(n,gs(),{value:e})},cl=function(n){return{x:n}},al=function(n,e,t){var r={min:hs(e),max:xs(e),range:ks(e),value:t,step:Ds(e),snap:_s(e),snapStart:Is(e),rounded:Fs(e),hasMinEdge:Vs(e),hasMaxEdge:Bs(e),minBound:Js(n),maxBound:Qs(n),screenRange:el(n)};return Ws(r)},fl=function(i){return function(n,e){return t=n,o=(0<i?$s:Gs)(Ns(r=e).x,hs(r),xs(r),Ds(r)),ul(t,cl(o)),T.some(o).map(function(){return!0});var t,r,o}},sl=function(n,e,t,r,o,i){var u,c,a,f,s,l,d,m,g,p=(c=i,a=t,f=r,s=o,l=el(u=e),d=f.bind(function(n){return T.some(ol(n,u))}).getOr(0),m=s.bind(function(n){return T.some(ol(n,u))}).getOr(l),g={min:hs(c),max:xs(c),range:ks(c),value:a,hasMinEdge:Vs(c),hasMaxEdge:Bs(c),minBound:Js(u),minOffset:0,maxBound:Qs(u),maxOffset:l,centerMinEdge:d,centerMaxEdge:m},Xs(g));return Js(e)-Js(n)+p},ll=fl(-1),dl=fl(1),ml=T.none,gl=T.none,pl={"top-left":T.none(),top:T.none(),"top-right":T.none(),right:T.some(function(n,e){Ls(n,Ps(Ss(e)))}),"bottom-right":T.none(),bottom:T.none(),"bottom-left":T.none(),left:T.some(function(n,e){Ls(n,Ps(ys(e)))})},hl=/* */Object.freeze({__proto__:null,setValueFrom:function(n,e,t){var r=al(n,e,t),o=cl(r);return ul(n,o),r},setToMin:function(n,e){var t=hs(e);ul(n,cl(t))},setToMax:function(n,e){var t=xs(e);ul(n,cl(t))},findValueOfOffset:al,getValueFromEvent:function(n){return ps(n).map(function(n){return n.left})},findPositionOfValue:sl,setPositionFromValue:function(n,e,t,r){var o=Ns(t),i=sl(n,r.getSpectrum(n),o.x,r.getLeftEdge(n),r.getRightEdge(n),t),u=ls(e.element)/2;Ri(e.element,"left",i-u+"px")},onLeft:ll,onRight:dl,onUp:ml,onDown:gl,edgeActions:pl}),vl=function(n,e){ce(n,gs(),{value:e})},yl=function(n){return{y:n}},bl=function(n,e,t){var r={min:vs(e),max:ws(e),range:Es(e),value:t,step:Ds(e),snap:_s(e),snapStart:Is(e),rounded:Fs(e),hasMinEdge:As(e),hasMaxEdge:js(e),minBound:Zs(n),maxBound:nl(n),screenRange:tl(n)};return Ws(r)},xl=function(i){return function(n,e){return t=n,o=(0<i?$s:Gs)(Ns(r=e).y,vs(r),ws(r),Ds(r)),vl(t,yl(o)),T.some(o).map(function(){return!0});var t,r,o}},wl=function(n,e,t,r,o,i){var u,c,a,f,s,l,d,m,g,p=(c=i,a=t,f=r,s=o,l=tl(u=e),d=f.bind(function(n){return T.some(il(n,u))}).getOr(0),m=s.bind(function(n){return T.some(il(n,u))}).getOr(l),g={min:vs(c),max:ws(c),range:Es(c),value:a,hasMinEdge:As(c),hasMaxEdge:js(c),minBound:Zs(u),minOffset:0,maxBound:nl(u),maxOffset:l,centerMinEdge:d,centerMaxEdge:m},Xs(g));return Zs(e)-Zs(n)+p},Sl=T.none,Ol=T.none,Tl=xl(-1),kl=xl(1),El={"top-left":T.none(),top:T.some(function(n,e){Ls(n,Hs(bs(e)))}),"top-right":T.none(),right:T.none(),"bottom-right":T.none(),bottom:T.some(function(n,e){Ls(n,Hs(Os(e)))}),"bottom-left":T.none(),left:T.none()},Cl=/* */Object.freeze({__proto__:null,setValueFrom:function(n,e,t){var r=bl(n,e,t),o=yl(r);return vl(n,o),r},setToMin:function(n,e){var t=vs(e);vl(n,yl(t))},setToMax:function(n,e){var t=ws(e);vl(n,yl(t))},findValueOfOffset:bl,getValueFromEvent:function(n){return ps(n).map(function(n){return n.top})},findPositionOfValue:wl,setPositionFromValue:function(n,e,t,r){var o=Ns(t),i=wl(n,r.getSpectrum(n),o.y,r.getTopEdge(n),r.getBottomEdge(n),t),u=Li(e.element)/2;Ri(e.element,"top",i-u+"px")},onLeft:Sl,onRight:Ol,onUp:Tl,onDown:kl,edgeActions:El}),Ml=function(n,e){ce(n,gs(),{value:e})},Dl=function(n,e){return{x:n,y:e}},_l=function(a,f){return function(n,e){return r=n,o=e,i=0<a?$s:Gs,u=(t=f)?Ns(o).x:i(Ns(o).x,hs(o),xs(o),Ds(o)),c=t?i(Ns(o).y,vs(o),ws(o),Ds(o)):Ns(o).y,Ml(r,Dl(u,c)),T.some(u).map(function(){return!0});var t,r,o,i,u,c}},Il=ps,Fl=_l(-1,!1),Rl=_l(1,!1),Vl=_l(-1,!0),Bl=_l(1,!0),Al={"top-left":T.some(function(n,e){Ls(n,zs(ys(e),bs(e)))}),top:T.some(function(n,e){Ls(n,zs(Cs(e),bs(e)))}),"top-right":T.some(function(n,e){Ls(n,zs(Ss(e),bs(e)))}),right:T.some(function(n,e){Ls(n,zs(Ss(e),Ms(e)))}),"bottom-right":T.some(function(n,e){Ls(n,zs(Ss(e),Os(e)))}),bottom:T.some(function(n,e){Ls(n,zs(Cs(e),Os(e)))}),"bottom-left":T.some(function(n,e){Ls(n,zs(ys(e),Os(e)))}),left:T.some(function(n,e){Ls(n,zs(ys(e),Ms(e)))})},jl=/* */Object.freeze({__proto__:null,setValueFrom:function(n,e,t){var r=al(n,e,t.left),o=bl(n,e,t.top),i=Dl(r,o);return Ml(n,i),i},setToMin:function(n,e){var t=hs(e),r=vs(e);Ml(n,Dl(t,r))},setToMax:function(n,e){var t=xs(e),r=ws(e);Ml(n,Dl(t,r))},getValueFromEvent:Il,setPositionFromValue:function(n,e,t,r){var o=Ns(t),i=sl(n,r.getSpectrum(n),o.x,r.getLeftEdge(n),r.getRightEdge(n),t),u=wl(n,r.getSpectrum(n),o.y,r.getTopEdge(n),r.getBottomEdge(n),t),c=ls(e.element)/2,a=Li(e.element)/2;Ri(e.element,"left",i-c+"px"),Ri(e.element,"top",u-a+"px")},onLeft:Fl,onRight:Rl,onUp:Vl,onDown:Bl,edgeActions:Al}),Nl=[Lr("stepSize",1),Lr("onChange",O),Lr("onChoose",O),Lr("onInit",O),Lr("onDragStart",O),Lr("onDragEnd",O),Lr("snapToGrid",!1),Lr("rounded",!0),Nr("snapStart"),Ar("model",Fr("mode",{x:[Lr("minX",0),Lr("maxX",100),$r("value",function(n){return ko(n.mode.minX)}),Br("getInitialValue"),ri("manager",hl)],y:[Lr("minY",0),Lr("maxY",100),$r("value",function(n){return ko(n.mode.minY)}),Br("getInitialValue"),ri("manager",Cl)],xy:[Lr("minX",0),Lr("maxX",100),Lr("minY",0),Lr("maxY",100),$r("value",function(n){return ko({x:n.mode.minX,y:n.mode.minY})}),Br("getInitialValue"),ri("manager",jl)]})),xa("sliderBehaviours",[ba,as]),$r("mouseIsDown",function(){return ko(!1)})],Pl=y("mouse.released"),Hl=_f({name:"Slider",configFields:Nl,partFields:Yf,factory:function(i,n,e,t){var r,u=function(n){return cf(n,i,"thumb")},c=function(n){return cf(n,i,"spectrum")},o=function(n){return uf(n,i,"left-edge")},a=function(n){return uf(n,i,"right-edge")},f=function(n){return uf(n,i,"top-edge")},s=function(n){return uf(n,i,"bottom-edge")},l=i.model,d=l.manager,m=function(n,e){d.setPositionFromValue(n,e,i,{getLeftEdge:o,getRightEdge:a,getTopEdge:f,getBottomEdge:s,getSpectrum:c})},g=function(n,e){l.value.set(e);var t=u(n);return m(n,t),i.onChange(n,t,e),T.some(!0)},p=function(t){var n=i.mouseIsDown.get();i.mouseIsDown.set(!1),n&&uf(t,i,"thumb").each(function(n){var e=l.value.get();i.onChoose(t,n,e)})},h=function(n,e){e.stop(),i.mouseIsDown.set(!0),i.onDragStart(n,u(n))},v=function(n,e){e.stop(),i.onDragEnd(n,u(n)),p(n)};return{uid:i.uid,dom:i.dom,components:n,behaviours:Sa(i.sliderBehaviours,[ba.config({mode:"special",focusIn:function(n){return uf(n,i,"spectrum").map(ba.focusIn).map(w)}}),as.config({store:{mode:"manual",getValue:function(n){return l.value.get()}}}),ci.config({channels:((r={})[Pl()]={onReceive:p},r)})]),events:Jr([Zr(gs(),function(n,e){g(n,e.event.value)}),io(function(n,e){var t=l.getInitialValue();l.value.set(t);var r=u(n);m(n,r);var o=c(n);i.onInit(n,r,o,l.value.get())}),Zr(_n(),h),Zr(Fn(),v),Zr(Rn(),h),Zr(Bn(),v)]),apis:{resetToMin:function(n){d.setToMin(n,i)},resetToMax:function(n){d.setToMax(n,i)},changeValue:g,refresh:m},domModification:{styles:{position:"relative"}}}},apis:{resetToMin:function(n,e){n.resetToMin(e)},resetToMax:function(n,e){n.resetToMax(e)},refresh:function(n,e){n.refresh(e)}}}),zl=function(e,t,r,n){return Pf(t,function(){var n=r();e.setContextToolbar([{label:t+" group",items:n}])},{},n)},Ll=function(n){return[(o=n,i=function(n){return n<0?"black":360<n?"white":"hsl("+n+", 100%, 50%)"},Hl.sketch({dom:Vf('<div class="${prefix}-slider ${prefix}-hue-slider-container"></div>'),components:[Hl.parts["left-edge"](Bf('<div class="${prefix}-hue-slider-black"></div>')),Hl.parts.spectrum({dom:Vf('<div class="${prefix}-slider-gradient-container"></div>'),components:[Bf('<div class="${prefix}-slider-gradient"></div>')],behaviours:bo([bi.config({toggleClass:Ti("thumb-active")})])}),Hl.parts["right-edge"](Bf('<div class="${prefix}-hue-slider-white"></div>')),Hl.parts.thumb({dom:Vf('<div class="${prefix}-slider-thumb"></div>'),behaviours:bo([bi.config({toggleClass:Ti("thumb-active")})])})],onChange:function(n,e,t){var r=i(t.x());Ri(e.element,"background-color",r),o.onChange(n,e,r)},onDragStart:function(n,e){bi.on(e)},onDragEnd:function(n,e){bi.off(e)},onInit:function(n,e,t,r){var o=i(r.x());Ri(e.element,"background-color",o)},stepSize:10,model:{mode:"x",minX:0,maxX:360,getInitialValue:function(){return{x:o.getInitialValue()}}},sliderBehaviours:bo([wi(Hl.refresh)])}))];var o,i},Gl=["9px","10px","11px","12px","14px","16px","18px","20px","24px","32px","36px"],$l=function(e,n){return(xe(n)?T.some(n):Ee(n).filter(xe)).map(function(n){return Wi(function(n,e){return e(n)},Yi,n,function(n){return ji(n,"font-size").isSome()},e).bind(function(n){return ji(n,"font-size")}).getOrThunk(function(){return Bi(n,"font-size")})}).getOr("")},Ul=function(n){var e=n.selection.getStart(),t=de.fromDom(e),r=de.fromDom(n.getBody()),o=$l(function(n){return ve(r,n)},t);return G(Gl,function(n){return o===n}).getOr("medium")},Wl=function(n){var e,t=Ul(n);return e=t,$(Gl,function(n){return n===e}).getOr(2)},Xl=function(r,n){var e;e=n,T.from(Gl[e]).each(function(n){var e,t;t=n,Ul(e=r)!==t&&e.execCommand("fontSize",!1,t)})},ql=y(Gl),Yl=vr([Br("getInitialValue"),Br("onChange"),Br("category"),Br("sizes")]),Kl=function(n){var i=_r("SizeSlider",Yl,n);return Hl.sketch({dom:{tag:"div",classes:[Ti("slider-"+i.category+"-size-container"),Ti("slider"),Ti("slider-size-container")]},onChange:function(n,e,t){var r,o=t.x();0<=(r=o)&&r<i.sizes.length&&i.onChange(o)},onDragStart:function(n,e){bi.on(e)},onDragEnd:function(n,e){bi.off(e)},model:{mode:"x",minX:0,maxX:i.sizes.length-1,getInitialValue:function(){return{x:i.getInitialValue()}}},stepSize:1,snapToGrid:!0,sliderBehaviours:bo([wi(Hl.refresh)]),components:[Hl.parts.spectrum({dom:Vf('<div class="${prefix}-slider-size-container"></div>'),components:[Bf('<div class="${prefix}-slider-size-line"></div>')]}),Hl.parts.thumb({dom:Vf('<div class="${prefix}-slider-thumb"></div>'),behaviours:bo([bi.config({toggleClass:Ti("thumb-active")})])})]})},Jl=ql(),Ql=function(n){return[Bf('<span class="${prefix}-toolbar-button ${prefix}-icon-small-font ${prefix}-icon"></span>'),Kl({onChange:(e=n).onChange,sizes:Jl,category:"font",getInitialValue:e.getInitialValue}),Bf('<span class="${prefix}-toolbar-button ${prefix}-icon-large-font ${prefix}-icon"></span>')];var e},Zl=function(n){var e=n.uid!==undefined&&ct(n,"uid")?n.uid:bf("memento");return{get:function(n){return n.getSystem().getByUid(e).getOrDie()},getOpt:function(n){return n.getSystem().getByUid(e).toOptional()},asSpec:function(){return x(x({},n),{uid:e})}}},nd=window.Promise?window.Promise:(Of=function(n){if("object"!=typeof this)throw new TypeError("Promises must be constructed via new");if("function"!=typeof n)throw new TypeError("not a function");this._state=null,this._value=null,this._deferreds=[],cd(n,ed(rd,this),ed(od,this))},Tf=window,kf=Of.immediateFn||"function"==typeof Tf.setImmediate&&Tf.setImmediate||function(n){setTimeout(n,1)},Ef=Array.isArray||function(n){return"[object Array]"===Object.prototype.toString.call(n)},Of.prototype["catch"]=function(n){return this.then(null,n)},Of.prototype.then=function(t,r){var o=this;return new Of(function(n,e){td.call(o,new ud(t,r,n,e))})},Of.all=function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];var a=Array.prototype.slice.call(1===n.length&&Ef(n[0])?n[0]:n);return new Of(function(o,i){if(0===a.length)return o([]);for(var u=a.length,n=0;n<a.length;n++)!function c(e,n){try{if(n&&("object"==typeof n||"function"==typeof n)){var t=n.then;if("function"==typeof t)return void t.call(n,function(n){c(e,n)},i)}a[e]=n,0==--u&&o(a)}catch(r){i(r)}}(n,a[n])})},Of.resolve=function(e){return e&&"object"==typeof e&&e.constructor===Of?e:new Of(function(n){n(e)})},Of.reject=function(t){return new Of(function(n,e){e(t)})},Of.race=function(o){return new Of(function(n,e){for(var t=0,r=o;t<r.length;t++)r[t].then(n,e)})},Of);function ed(n,e){return function(){return n.apply(e,arguments)}}function td(r){var o=this;null!==this._state?kf(function(){var n,e=o._state?r.onFulfilled:r.onRejected;if(null!==e){try{n=e(o._value)}catch(t){return void r.reject(t)}r.resolve(n)}else(o._state?r.resolve:r.reject)(o._value)}):this._deferreds.push(r)}function rd(n){try{if(n===this)throw new TypeError("A promise cannot be resolved with itself.");if(n&&("object"==typeof n||"function"==typeof n)){var e=n.then;if("function"==typeof e)return void cd(ed(e,n),ed(rd,this),ed(od,this))}this._state=!0,this._value=n,id.call(this)}catch(t){od.call(this,t)}}function od(n){this._state=!1,this._value=n,id.call(this)}function id(){for(var n=0,e=this._deferreds;n<e.length;n++){var t=e[n];td.call(this,t)}this._deferreds=[]}function ud(n,e,t,r){this.onFulfilled="function"==typeof n?n:null,this.onRejected="function"==typeof e?e:null,this.resolve=t,this.reject=r}function cd(n,e,t){var r=!1;try{n(function(n){r||(r=!0,e(n))},function(n){r||(r=!0,t(n))})}catch(o){if(r)return;r=!0,t(o)}}function ad(n){return t=n,new nd(function(n){var e=new FileReader;e.onloadend=function(){n(e.result)},e.readAsDataURL(t)}).then(function(n){return n.split(",")[1]});var t}var fd=ad,sd=function(u){var e=Zl({dom:{tag:"input",attributes:{accept:"image/*",type:"file",title:""},styles:{visibility:"hidden",position:"absolute"}},events:Jr([oo(zn()),Zr(Hn(),function(n,e){var t,r;t=e.event.raw,r=t.target.files||t.dataTransfer.files,T.from(r[0]).each(function(n){var o,i;o=u,fd(i=n).then(function(r){o.undoManager.transact(function(){var n=o.editorUpload.blobCache,e=n.create(Ba("mceu"),i,r);n.add(e);var t=o.dom.createHTML("img",{src:e.blobUri()});o.insertContent(t)})})})})])});return If.sketch({dom:Nf("image",u),components:[e.asSpec()],action:function(n){e.get(n).element.dom.click()}})},ld=function(n){return n.dom.textContent},dd=function(n){return 0<n.length},md=function(n){return n===undefined||null===n?"":n},gd=function(n){return vd(n).fold(function(){return{url:"",text:n.selection.getContent({format:"text"}),title:"",target:"",link:T.none()}},function(n){return t=ld(e=n),r=lt(e,"href"),o=lt(e,"title"),i=lt(e,"target"),{url:md(r),text:t!==r?md(t):"",title:md(o),target:md(i),link:T.some(e)};var e,t,r,o,i})},pd=function(e,t,n){return n.text.toOptional().filter(dd).fold(function(){return lt(n=e,"href")===ld(n)?T.some(t):T.none();var n},T.some)},hd=function(o,i){i.url.toOptional().filter(dd).fold(function(){var e;e=o,i.link.bind(v).each(function(n){e.execCommand("unlink")})},function(e){var n,t,r=(n=i,(t={}).href=e,n.title.toOptional().filter(dd).each(function(n){t.title=n}),n.target.toOptional().filter(dd).each(function(n){t.target=n}),t);i.link.bind(v).fold(function(){var n=i.text.toOptional().filter(dd).getOr(e);o.insertContent(o.dom.createHTML("a",r,o.dom.encode(n)))},function(t){var n=pd(t,e,i);st(t,r),n.each(function(n){var e;e=n,t.dom.textContent=e})})})},vd=function(n){var e=de.fromDom(n.selection.getStart());return Zi(e,"a")},yd=Mn(),bd=function(n,e){var t=e.selection.getRng();n(),e.selection.setRng(t)},xd=function(n,e){var t,r;return{key:n,value:{config:{},me:(t=n,r=Jr(e),wo({fields:[Br("enabled")],name:t,active:{events:y(r)}})),configAsRaw:y({}),initialConfig:{},state:vo}}},wd=/* */Object.freeze({__proto__:null,getCurrent:function(n,e,t){return e.find(n)}}),Sd=[Br("find")],Od=wo({fields:Sd,name:"composing",apis:wd}),Td=Df({name:"Container",factory:function(n){var e=n.dom,t=e.attributes,r=c(e,["attributes"]);return{uid:n.uid,dom:x({tag:"div",attributes:x({role:"presentation"},t)},r),components:n.components,behaviours:wa(n.containerBehaviours),events:n.events,domModification:n.domModification,eventOrder:n.eventOrder}},configFields:[Lr("components",[]),xa("containerBehaviours",[]),Lr("events",{}),Lr("domModification",{}),Lr("eventOrder",{})]}),kd=Df({name:"DataField",factory:function(t){return{uid:t.uid,dom:t.dom,behaviours:Ta(t.dataBehaviours,[as.config({store:{mode:"memory",initialValue:t.getInitialValue()}}),Od.config({find:T.some})]),events:Jr([io(function(n,e){as.setValue(n,t.getInitialValue())})])}},configFields:[Br("uid"),Br("dom"),Br("getInitialValue"),Oa("dataBehaviours",[as,Od])]}),Ed=function(n){return n.dom.value},Cd=function(n,e){if(e===undefined)throw new Error("Value.set was undefined");n.dom.value=e},Md=y([Nr("data"),Lr("inputAttributes",{}),Lr("inputStyles",{}),Lr("tag","input"),Lr("inputClasses",[]),Zo("onSetValue"),Lr("styles",{}),Lr("eventOrder",{}),xa("inputBehaviours",[as,_i]),Lr("selectOnFocus",!0)]),Dd=function(n){return x(x({},(e=n,bo([_i.config({onFocus:e.selectOnFocus?function(n){var e=n.element,t=Ed(e);e.dom.setSelectionRange(0,t.length)}:O})]))),Sa(n.inputBehaviours,[as.config({store:x(x({mode:"manual"},n.data.map(function(n){return{initialValue:n}}).getOr({})),{getValue:function(n){return Ed(n.element)},setValue:function(n,e){Ed(n.element)!==e&&Cd(n.element,e)}}),onSetValue:n.onSetValue})]));var e},_d=Df({name:"Input",configFields:Md(),factory:function(n,e){return{uid:n.uid,dom:{tag:(t=n).tag,attributes:x({type:"text"},t.inputAttributes),styles:t.inputStyles,classes:t.inputClasses},components:[],behaviours:Dd(n),eventOrder:n.eventOrder};var t}}),Id=/* */Object.freeze({__proto__:null,exhibit:function(n,e){return lo({attributes:ir([{key:e.tabAttr,value:"true"}])})}}),Fd=[Lr("tabAttr","data-alloy-tabstop")],Rd=wo({fields:Fd,name:"tabstopping",active:Id}),Vd=tinymce.util.Tools.resolve("tinymce.util.I18n"),Bd=function(n,e){var t=Zl(_d.sketch({inputAttributes:{placeholder:Vd.translate(e)},onSetValue:function(n,e){ue(n,Pn())},inputBehaviours:bo([Od.config({find:T.some}),Rd.config({}),ba.config({mode:"execution"})]),selectOnFocus:!1})),r=Zl(If.sketch({dom:Vf('<button class="${prefix}-input-container-x ${prefix}-icon-cancel-circle ${prefix}-icon"></button>'),action:function(n){var e=t.get(n);as.setValue(e,"")}}));return{name:n,spec:Td.sketch({dom:Vf('<div class="${prefix}-input-container"></div>'),components:[t.asSpec(),r.asSpec()],containerBehaviours:bo([bi.config({toggleClass:Ti("input-container-empty")}),Od.config({find:function(n){return T.some(t.get(n))}}),xd("input-clearing",[Zr(Pn(),function(n){var e=t.get(n);(0<as.getValue(e).length?bi.off:bi.on)(n)})])])})}},Ad=["input","button","textarea","select"],jd=function(n,e,t){(e.disabled()?Gd:$d)(n,e)},Nd=function(n,e){return!0===e.useNative&&A(Ad,ye(n.element))},Pd=function(n){ft(n.element,"disabled","disabled")},Hd=function(n){gt(n.element,"disabled")},zd=function(n){ft(n.element,"aria-disabled","true")},Ld=function(n){ft(n.element,"aria-disabled","false")},Gd=function(e,n,t){n.disableClass.each(function(n){bt(e.element,n)}),(Nd(e,n)?Pd:zd)(e),n.onDisabled(e)},$d=function(e,n,t){n.disableClass.each(function(n){wt(e.element,n)}),(Nd(e,n)?Hd:Ld)(e),n.onEnabled(e)},Ud=function(n,e){return Nd(n,e)?mt(n.element,"disabled"):"true"===lt(n.element,"aria-disabled")},Wd=/* */Object.freeze({__proto__:null,enable:$d,disable:Gd,isDisabled:Ud,onLoad:jd,set:function(n,e,t,r){(r?Gd:$d)(n,e)}}),Xd=/* */Object.freeze({__proto__:null,exhibit:function(n,e){return lo({classes:e.disabled()?e.disableClass.toArray():[]})},events:function(t,n){return Jr([Qr(Kn(),function(n,e){return Ud(n,t)}),mo(t,n,jd)])}}),qd=[Gr("disabled",l,Vr),Lr("useNative",!0),Nr("disableClass"),Zo("onDisabled"),Zo("onEnabled")],Yd=wo({fields:qd,name:"disabling",active:Xd,apis:Wd}),Kd=[xa("formBehaviours",[as])],Jd=function(n){return"<alloy.field."+n+">"},Qd=function(o,n){return{uid:o.uid,dom:o.dom,components:n,behaviours:Sa(o.formBehaviours,[as.config({store:{mode:"manual",getValue:function(n){var e,t,r=(e=o,t=n.getSystem(),et(e.partUids,function(n,e){return y(t.getByUid(n))}));return et(r,function(n,o){return n().bind(function(n){var e,t,r=Od.getCurrent(n);return e=r,t=new Error("Cannot find a current component to extract the value from for form part '"+o+"': "+Ho(n.element)),e.fold(function(){return Ct.error(t)},Ct.value)}).map(as.getValue)})},setValue:function(t,n){nt(n,function(e,n){uf(t,o,n).each(function(n){Od.getCurrent(n).each(function(n){as.setValue(n,e)})})})}}})]),apis:{getField:function(n,e){return uf(n,o,e).bind(Od.getCurrent)}}}},Zd=(df(function(n,e,t){return n.getField(e,t)}),function(n){var i,e=(i=[],{field:function(n,e){return i.push(n),t="form",r=Jd(n),o=e,{uiType:Ra(),owner:t,name:r,config:o,validated:{}};var t,r,o},record:function(){return i}}),t=n(e),r=e.record(),o=N(r,function(n){return Ka({name:n,pname:Jd(n)})});return wf("form",Kd,o,Qd,t)}),nm=function(){var e=ko(T.none()),t=function(){return e.get().each(function(n){return n.destroy()})};return{clear:function(){t(),e.set(T.none())},isSet:function(){return e.get().isSome()},set:function(n){t(),e.set(T.some(n))},run:function(n){return e.get().each(n)}}},em=function(){var e=ko(T.none());return{clear:function(){return e.set(T.none())},set:function(n){return e.set(T.some(n))},isSet:function(){return e.get().isSome()},on:function(n){return e.get().each(n)}}},tm=function(n){var r="navigateEvent",e=yr([Br("fields"),Lr("maxFieldIndex",n.fields.length-1),Br("onExecute"),Br("getInitialValue"),$r("state",function(){return{dialogSwipeState:em(),currentScreen:ko(0)}})]),u=_r("SerialisedDialog",e,n),o=function(e,n,t){return If.sketch({dom:Vf('<span class="${prefix}-icon-'+n+' ${prefix}-icon"></span>'),action:function(n){ce(n,r,{direction:e})},buttonBehaviours:bo([Yd.config({disableClass:Ti("toolbar-navigation-disabled"),disabled:function(){return!t}})])})},i=function(n,o){var i=Ui(n.element,"."+Ti("serialised-dialog-screen"));Qi(n.element,"."+Ti("serialised-dialog-chain")).each(function(r){0<=u.state.currentScreen.get()+o&&u.state.currentScreen.get()+o<i.length&&(ji(r,"left").each(function(n){var e=parseInt(n,10),t=ls(i[0]);Ri(r,"left",e-o*t+"px")}),u.state.currentScreen.set(u.state.currentScreen.get()+o))})},c=function(r){var n=Ui(r.element,"input");T.from(n[u.state.currentScreen.get()]).each(function(n){r.getSystem().getByDom(n).each(function(n){var e,t;e=r,t=n.element,e.getSystem().triggerFocus(t,e.element)})});var e=f.get(r);Fu.highlightAt(e,u.state.currentScreen.get())},a=Zl(Zd(function(t){return{dom:Vf('<div class="${prefix}-serialised-dialog"></div>'),components:[Td.sketch({dom:Vf('<div class="${prefix}-serialised-dialog-chain" style="left: 0px; position: absolute;"></div>'),components:N(u.fields,function(n,e){return e<=u.maxFieldIndex?Td.sketch({dom:Vf('<div class="${prefix}-serialised-dialog-screen"></div>'),components:[o(-1,"previous",0<e),t.field(n.name,n.spec),o(1,"next",e<u.maxFieldIndex)]}):t.field(n.name,n.spec)})})],formBehaviours:bo([wi(function(n,e){var t;t=e,Qi(n.element,"."+Ti("serialised-dialog-chain")).each(function(n){Ri(n,"left",-u.state.currentScreen.get()*t.width+"px")})}),ba.config({mode:"special",focusIn:function(n,e){c(n)},onTab:function(n,e){return i(n,1),T.some(!0)},onShiftTab:function(n,e){return i(n,-1),T.some(!0)}}),xd("form-events",[io(function(e,n){u.state.currentScreen.set(0),u.state.dialogSwipeState.clear();var t=f.get(e);Fu.highlightFirst(t),u.getInitialValue(e).each(function(n){as.setValue(e,n)})}),ao(u.onExecute),Zr(Ln(),function(n,e){"left"===e.event.raw.propertyName&&c(n)}),Zr(r,function(n,e){var t=e.event.direction;i(n,t)})])])}})),f=Zl({dom:Vf('<div class="${prefix}-dot-container"></div>'),behaviours:bo([Fu.config({highlightClass:Ti("dot-active"),itemClass:Ti("dot-item")})]),components:W(u.fields,function(n,e){return e<=u.maxFieldIndex?[Bf('<div class="${prefix}-dot-item ${prefix}-icon-full-dot ${prefix}-icon"></div>')]:[]})});return{dom:Vf('<div class="${prefix}-serializer-wrapper"></div>'),components:[a.asSpec(),f.asSpec()],behaviours:bo([ba.config({mode:"special",focusIn:function(n){var e=a.get(n);ba.focusIn(e)}}),xd("serializer-wrapper-events",[Zr(_n(),function(n,e){var t=e.event;u.state.dialogSwipeState.set({xValue:t.raw.touches[0].clientX,points:[]})}),Zr(In(),function(n,e){var t=e.event;u.state.dialogSwipeState.on(function(n){e.event.prevent(),u.state.dialogSwipeState.set(function(n,e){if(e===n.xValue)return n;var t=0<e-n.xValue?1:-1,r={direction:t,xValue:e};return{xValue:e,points:(0===n.points.length?[]:n.points[n.points.length-1].direction===t?n.points.slice(0,n.points.length-1):n.points).concat([r])}}(n,t.raw.touches[0].clientX))})}),Zr(Fn(),function(r,n){u.state.dialogSwipeState.on(function(n){var e=a.get(r),t=-1*function(n){if(0===n.points.length)return 0;var e=n.points[0].direction,t=n.points[n.points.length-1].direction;return-1===e&&-1===t?-1:1===e&&1===t?1:0}(n);i(e,t)})})])])}},rm=d(function(r,o){return[{label:"the link group",items:[tm({fields:[Bd("url","Type or paste URL"),Bd("text","Link text"),Bd("title","Link title"),Bd("target","Link target"),{name:"link",spec:kd.sketch({dom:{tag:"span",styles:{display:"none"}},getInitialValue:function(){return T.none()}})}],maxFieldIndex:["url","text","title","target"].length-1,getInitialValue:function(){return T.some(gd(o))},onExecute:function(n,e){var t=as.getValue(n);hd(o,t),r.restoreToolbar(),o.focus()}})]}]}),om=function(r,o){return jf(o,"link","link",function(){var n,e,t=rm(r,o);r.setContextToolbar(t),n=o,e=function(){r.focusToolbar()},(yd.os.isAndroid()?bd:s)(e,n),vd(o).each(function(n){o.selection.select(n.dom)})})},im=Jr([{key:Wn(),value:Yr({can:function(n,e){var t,r,o=e.event,i=o.originator,u=o.target;return r=u,!(ve(t=i,n.element)&&!ve(t,r))||(console.warn(Wn()+" did not get interpreted by the desired target. \nOriginator: "+Ho(i)+"\nTarget: "+Ho(u)+"\nCheck the "+Wn()+" event handlers"),!1)}})}]),um=/* */Object.freeze({__proto__:null,events:im}),cm=v,am=function(e){var n=function(n){return function(){throw new Error("The component must be in a context to send: "+n+(e?"\n"+Ho(e().element)+" is not in context.":""))}};return{debugInfo:y("fake"),triggerEvent:n("triggerEvent"),triggerFocus:n("triggerFocus"),triggerEscape:n("triggerEscape"),build:n("build"),addToWorld:n("addToWorld"),removeFromWorld:n("removeFromWorld"),addToGui:n("addToGui"),removeFromGui:n("removeFromGui"),getByUid:n("getByUid"),getByDom:n("getByDom"),broadcast:n("broadcast"),broadcastOn:n("broadcastOn"),broadcastEvent:n("broadcastEvent"),isConnected:l}},fm=am(),sm=function(n,o){var i={};return nt(n,function(n,r){nt(n,function(n,e){var t=it(i,e).getOr([]);i[e]=t.concat([o(r,n)])})}),i},lm=function(u,c,n,a){try{var e=(t=n,r=function(n,e){var t=n[c],r=e[c],o=a.indexOf(t),i=a.indexOf(r);if(-1===o)throw new Error("The ordering for "+u+" does not have an entry for "+t+".\nOrder specified: "+JSON.stringify(a,null,2));if(-1===i)throw new Error("The ordering for "+u+" does not have an entry for "+r+".\nOrder specified: "+JSON.stringify(a,null,2));return o<i?-1:i<o?1:0},(o=R.call(t,0)).sort(r),o);return Ct.value(e)}catch(i){return Ct.error([i])}var t,r,o},dm=function(n,e){return{cHandler:b.apply(undefined,[n.handler].concat(e)),purpose:n.purpose}},mm=function(n){return n.cHandler},gm=function(n,e){return{name:n,handler:e}},pm=function(n,e,t){var r,o,i=x(x({},t),(r=n,o={},P(e,function(n){o[n.name()]=n.handlers(r)}),o));return sm(i,gm)},hm=function(n){var e,i=I(e=n)?{can:y(!0),abort:y(!1),run:e}:e;return function(n,e){for(var t=[],r=2;r<arguments.length;r++)t[r-2]=arguments[r];var o=[n,e].concat(t);i.abort.apply(undefined,o)?e.stop():i.can.apply(undefined,o)&&i.run.apply(undefined,o)}},vm=function(n,e,t){var r,o,i=e[t];return i?lm("Event: "+t,"name",n,i).map(function(n){var e=N(n,function(n){return n.handler});return Kr(e)}):(r=t,o=n,Ct.error(["The event ("+r+') has more than one behaviour that listens to it.\nWhen this occurs, you must specify an event ordering for the behaviours in your spec (e.g. [ "listing", "toggling" ]).\nThe behaviours that can trigger it are: '+JSON.stringify(N(o,function(n){return n.name}),null,2)]))},ym=function(n,i){var e=ot(n,function(r,o){return(1===r.length?Ct.value(r[0].handler):vm(r,i,o)).map(function(n){var e=hm(n),t=1<r.length?H(i[o],function(e){return j(r,function(n){return n.name===e})}).join(" > "):r[0].name;return or(o,{handler:e,purpose:t})})});return ur(e,{})},bm="alloy.base.behaviour",xm=function(n){var e,t;return Mr("custom.definition",yr([Sr("dom","dom",Qt(),yr([Br("tag"),Lr("styles",{}),Lr("classes",[]),Lr("attributes",{}),Nr("value"),Nr("innerHtml")])),Br("components"),Br("uid"),Lr("events",{}),Lr("apis",{}),Sr("eventOrder","eventOrder",((e={})[Kn()]=["disabling",bm,"toggling","typeaheadevents"],e[Wn()]=[bm,"focusing","keying"],e[ne()]=[bm,"disabling","toggling","representing"],e[Pn()]=[bm,"representing","streaming","invalidating"],e[te()]=[bm,"representing","item-events","tooltipping"],e[Rn()]=["focusing",bm,"item-type-events"],e[_n()]=["focusing",bm,"item-type-events"],e[An()]=["item-type-events","tooltipping"],e[Yn()]=["receiving","reflecting","tooltipping"],t=e,Kt.mergeWithThunk(y(t))),Rr()),Nr("domModification")]),n)},wm=function(e,n){P(n,function(n){bt(e,n)})},Sm=function(e,n){P(n,function(n){wt(e,n)})},Om=function(n,e){return t=n,o=N(r=e,function(n){return Hr(n.name(),[Br("config"),Lr("state",vo)])}),i=Mr("component.behaviours",yr(o),t.behaviours).fold(function(n){throw new Error(Ir(n)+"\nComplete spec:\n"+JSON.stringify(t,null,2))},function(n){return n}),{list:r,data:et(i,function(n){var e=n.map(function(n){return{config:n.config,state:n.state.init(n.config)}});return function(){return e}})};var t,r,o,i},Tm=function(n){var e,t,r=(e=it(n,"behaviours").getOr({}),t=H(Qe(e),function(n){return e[n]!==undefined}),N(t,function(n){return e[n].me}));return Om(n,r)},km=function(n,e,t){var r,o,i,u=x(x({},(r=n).dom),{uid:r.uid,domChildren:N(r.components,function(n){return n.element})}),c=n.domModification.fold(function(){return lo({})},lo),a={"alloy.base.modification":c},f=0<e.length?function(e,n,t,r){var o=x({},n);P(t,function(n){o[n.name()]=n.exhibit(e,r)});var i=sm(o,function(n,e){return{name:n,modification:e}}),u=function(n){return z(n,function(n,e){return x(x({},e.modification),n)},{})},c=z(i.classes,function(n,e){return e.modification.concat(n)},[]),a=u(i.attributes),f=u(i.styles);return lo({classes:c,attributes:a,styles:f})}(t,a,e,u):c;return i=f,x(x({},o=u),{attributes:x(x({},o.attributes),i.attributes),styles:x(x({},o.styles),i.styles),classes:o.classes.concat(i.classes)})},Em=function(n,e,t){var r,o,i,u={"alloy.base.behaviour":n.events};return r=t,o=n.eventOrder,i=pm(r,e,u),ym(i,o).getOrDie()},Cm=function(t){var n=function(){return s},r=ko(fm),e=Dr(xm(t)),o=Tm(t),i=o.list,u=o.data,c=function(n){var e=de.fromTag(n.tag);st(e,n.attributes),wm(e,n.classes),Vi(e,n.styles),n.innerHtml.each(function(n){return No(e,n)});var t=n.domChildren;return Re(e,t),n.value.each(function(n){Cd(e,n)}),n.uid,vf(e,n.uid),e}(km(e,i,u)),a=Em(e,i,u),f=ko(e.components),s={getSystem:r.get,config:function(n){var e=u;return(I(e[n.name()])?e[n.name()]:function(){throw new Error("Could not find "+n.name()+" in "+JSON.stringify(t,null,2))})()},hasConfigured:function(n){return I(u[n.name()])},spec:t,readState:function(n){return u[n]().map(function(n){return n.state.readState()}).getOr("not enabled")},getApis:function(){return e.apis},connect:function(n){r.set(n)},disconnect:function(){r.set(am(n))},element:c,syncComponents:function(){var n=Ce(c),e=W(n,function(n){return r.get().getByDom(n).fold(function(){return[]},function(n){return[n]})});f.set(e)},components:f.get,events:a};return s},Mm=function(n){var e,t=cm(n),r=t.events,o=c(t,["events"]),i=(e=it(o,"components").getOr([]),N(e,Fm)),u=x(x({},o),{events:x(x({},um),r),components:i});return Ct.value(Cm(u))},Dm=function(n){var e=de.fromText(n);return _m({element:e})},_m=function(n){var e=_r("external.component",vr([Br("element"),Nr("uid")]),n),t=ko(am());e.uid.each(function(n){vf(e.element,n)});var r={getSystem:t.get,config:T.none,hasConfigured:l,connect:function(n){t.set(n)},disconnect:function(){t.set(am(function(){return r}))},getApis:function(){return{}},element:e.element,spec:n,readState:y("No state"),syncComponents:O,components:y([]),events:{}};return lf(r)},Im=bf,Fm=function(e){return it(e,sf).fold(function(){var n=e.hasOwnProperty("uid")?e:x({uid:Im("")},e);return Mm(n).getOrDie()},function(n){return n})},Rm=lf,Vm="alloy.item-hover",Bm="alloy.item-focus",Am=function(n){(Do(n.element).isNone()||_i.isFocused(n))&&(_i.isFocused(n)||_i.focus(n),ce(n,Vm,{item:n}))},jm=function(n){ce(n,Bm,{item:n})},Nm=y(Vm),Pm=y(Bm),Hm=[Br("data"),Br("components"),Br("dom"),Lr("hasSubmenu",!1),Nr("toggling"),Oa("itemBehaviours",[bi,_i,ba,as]),Lr("ignoreFocus",!1),Lr("domModification",{}),ri("builder",function(n){return{dom:n.dom,domModification:x(x({},n.domModification),{attributes:x(x(x({role:n.toggling.isSome()?"menuitemcheckbox":"menuitem"},n.domModification.attributes),{"aria-haspopup":n.hasSubmenu}),n.hasSubmenu?{"aria-expanded":!1}:{})}),behaviours:Ta(n.itemBehaviours,[n.toggling.fold(bi.revoke,function(n){return bi.config(x({aria:{mode:"checked"}},n))}),_i.config({ignore:n.ignoreFocus,stopMousedown:n.ignoreFocus,onFocus:function(n){jm(n)}}),ba.config({mode:"execution"}),as.config({store:{mode:"memory",initialValue:n.data}}),xd("item-type-events",u(ki(),[Zr(An(),Am),Zr(Jn(),_i.focus)]))]),components:n.components,eventOrder:n.eventOrder}}),Lr("eventOrder",{})],zm=[Br("dom"),Br("components"),ri("builder",function(n){return{dom:n.dom,components:n.components,events:Jr([(e=Jn(),Zr(e,function(n,e){e.stop()}))])};var e})],Lm=function(){return"item-widget"},Gm=y([Ka({name:"widget",overrides:function(e){return{behaviours:bo([as.config({store:{mode:"manual",getValue:function(n){return e.data},setValue:function(){}}})])}}})]),$m=[Br("uid"),Br("data"),Br("components"),Br("dom"),Lr("autofocus",!1),Lr("ignoreFocus",!1),Oa("widgetBehaviours",[as,_i,ba]),Lr("domModification",{}),ff(Gm()),ri("builder",function(t){var n=rf(Lm(),t,Gm()),e=of(Lm(),t,n.internals()),r=function(n){return uf(n,t,"widget").map(function(n){return ba.focusIn(n),n})},o=function(n,e){return Yu(e.event.target)||t.autofocus&&e.setSource(n.element),T.none()};return{dom:t.dom,components:e,domModification:t.domModification,events:Jr([ao(function(n,e){r(n).each(function(n){e.stop()})}),Zr(An(),Am),Zr(Jn(),function(n,e){t.autofocus?r(n):_i.focus(n)})]),behaviours:Ta(t.widgetBehaviours,[as.config({store:{mode:"memory",initialValue:t.data}}),_i.config({ignore:t.ignoreFocus,onFocus:function(n){jm(n)}}),ba.config({mode:"special",focusIn:t.autofocus?function(n){r(n)}:Oo(),onLeft:o,onRight:o,onEscape:function(n,e){return _i.isFocused(n)||t.autofocus?(t.autofocus&&e.setSource(n.element),T.none()):(_i.focus(n),T.some(!0))}})])}})],Um=Fr("type",{widget:$m,item:Hm,separator:zm}),Wm=y([Qa({factory:{sketch:function(n){var e=_r("menu.spec item",Um,n);return e.builder(e)}},name:"items",unit:"item",defaults:function(n,e){return e.hasOwnProperty("uid")?e:x(x({},e),{uid:bf("item")})},overrides:function(n,e){return{type:e.type,ignoreFocus:n.fakeFocus,domModification:{classes:[n.markers.item]}}}})]),Xm=y([Br("value"),Br("items"),Br("dom"),Br("components"),Lr("eventOrder",{}),xa("menuBehaviours",[Fu,as,Od,ba]),Gr("movement",{mode:"menu",moveOnTab:!0},Fr("mode",{grid:[ii(),ri("config",function(n,e){return{mode:"flatgrid",selector:"."+n.markers.item,initSize:{numColumns:e.initSize.numColumns,numRows:e.initSize.numRows},focusManager:n.focusManager}})],matrix:[ri("config",function(n,e){return{mode:"matrix",selectors:{row:e.rowSelector,cell:"."+n.markers.item},focusManager:n.focusManager}}),Br("rowSelector")],menu:[Lr("moveOnTab",!0),ri("config",function(n,e){return{mode:"menu",selector:"."+n.markers.item,moveOnTab:e.moveOnTab,focusManager:n.focusManager}})]})),Ar("markers",Ko()),Lr("fakeFocus",!1),Lr("focusManager",Vu()),Zo("onHighlight")]),qm=y("alloy.menu-focus"),Ym=_f({name:"Menu",configFields:Xm(),partFields:Wm(),factory:function(n,e,t,r){return{uid:n.uid,dom:n.dom,markers:n.markers,behaviours:Sa(n.menuBehaviours,[Fu.config({highlightClass:n.markers.selectedItem,itemClass:n.markers.item,onHighlight:n.onHighlight}),as.config({store:{mode:"memory",initialValue:n.value}}),Od.config({find:T.some}),ba.config(n.movement.config(n,n.movement))]),events:Jr([Zr(Pm(),function(e,t){var n=t.event;e.getSystem().getByDom(n.target).each(function(n){Fu.highlight(e,n),t.stop(),ce(e,qm(),{menu:e,item:n})})}),Zr(Nm(),function(n,e){var t=e.event.item;Fu.highlight(n,t)})]),components:e,eventOrder:n.eventOrder,domModification:{attributes:{role:"menu"}}}}}),Km=function(n,t){var r=Ne(t),e=Mo(r).bind(function(e){var o,i,n=function(n){return ve(e,n)};return n(t)?T.some(t):(o=n,(i=function(n){for(var e=0;e<n.childNodes.length;e++){var t=de.fromDom(n.childNodes[e]);if(o(t))return T.some(t);var r=i(n.childNodes[e]);if(r.isSome())return r}return T.none()})(t.dom))}),o=n(t);return e.each(function(e){Mo(r).filter(function(n){return ve(n,e)}).fold(function(){Eo(e)},O)}),o},Jm=function(n,e,t,r){var o=n.getSystem().build(r);Ye(n,o,t)},Qm=function(n,e,t,r){var o=Zm(n);G(o,function(n){return ve(r.element,n.element)}).each(Ke)},Zm=function(n,e){return n.components()},ng=function(e,n,t,o,r){var i=Zm(e);return T.from(i[o]).map(function(n){return Qm(e,0,0,n),r.each(function(n){Jm(e,0,function(n,e){var t,r;r=e,Me(t=n,o).fold(function(){Fe(t,r)},function(n){De(n,r)})},n)}),n})},eg=wo({fields:[],name:"replacing",apis:/* */Object.freeze({__proto__:null,append:function(n,e,t,r){Jm(n,0,Fe,r)},prepend:function(n,e,t,r){Jm(n,0,Ie,r)},remove:Qm,replaceAt:ng,replaceBy:function(e,n,t,r,o){var i=Zm(e);return $(i,r).bind(function(n){return ng(e,0,0,n,o)})},set:function(e,n,t,r){Km(function(){var n=N(r,e.getSystem().build);qe(e,n)},e.element)},contents:Zm})}),tg=function(t,r,o,n){return it(o,n).bind(function(n){return it(t,n).bind(function(n){var e=tg(t,r,o,n);return T.some([n].concat(e))})}).getOr([])},rg=function(n,e){var t={};nt(n,function(n,e){P(n,function(n){t[n]=e})});var r=e,o=tt(e,function(n,e){return{k:n,v:e}}),i=et(o,function(n,e){return[e].concat(tg(t,r,o,e))});return et(t,function(n){return it(i,n).getOr([n])})},og=function(n){return"prepared"===n.type?T.some(n.menu):T.none()},ig={init:function(){var i=ko({}),u=ko({}),c=ko({}),a=ko(T.none()),f=ko({}),s=function(t){return function(n,e){for(var t=Qe(n),r=0,o=t.length;r<o;r++){var i=t[r],u=n[i];if(e(u,i,n))return T.some(u)}return T.none()}(i.get(),function(n,e){return n===t})},l=function(n){return e(n).bind(og)},e=function(n){return it(u.get(),n)},t=function(n){return it(i.get(),n)};return{setMenuBuilt:function(n,e){var t;u.set(x(x({},u.get()),((t={})[n]={type:"prepared",menu:e},t)))},setContents:function(n,e,t,r){a.set(T.some(n)),i.set(t),u.set(e),f.set(r);var o=rg(r,t);c.set(o)},expand:function(t){return it(i.get(),t).map(function(n){var e=it(c.get(),t).getOr([]);return[n].concat(e)})},refresh:function(n){return it(c.get(),n)},collapse:function(n){return it(c.get(),n).bind(function(n){return 1<n.length?T.some(n.slice(1)):T.none()})},lookupMenu:e,lookupItem:t,otherMenus:function(n){var e=f.get();return Y(Qe(e),n)},getPrimary:function(){return a.get().bind(l)},getMenus:function(){return u.get()},clear:function(){i.set({}),u.set({}),c.set({}),a.set(T.none())},isClear:function(){return a.get().isNone()},getTriggeringPath:function(n,u){var e=H(t(n).toArray(),function(n){return l(n).isSome()});return it(c.get(),n).bind(function(n){var i=q(e.concat(n));return function(n){for(var e=[],t=0;t<n.length;t++){var r=n[t];if(!r.isSome())return T.none();e.push(r.getOrDie())}return T.some(e)}(W(i,function(n,e){return t=n,r=u,o=i.slice(0,e+1),l(t).bind(function(e){return s(t).bind(function(n){return r(n).map(function(n){return{triggeredMenu:e,triggeringItem:n,triggeringPath:o}})})}).fold(function(){return a.get().is(n)?[]:[T.none()]},function(n){return[T.some(n)]});var t,r,o}))})}}},extractPreparedMenu:og},ug=y("collapse-item"),cg=Df({name:"TieredMenu",configFields:[ti("onExecute"),ti("onEscape"),ei("onOpenMenu"),ei("onOpenSubmenu"),Zo("onRepositionMenu"),Zo("onCollapseMenu"),Lr("highlightImmediately",!0),jr("data",[Br("primary"),Br("menus"),Br("expansions")]),Lr("fakeFocus",!1),Zo("onHighlight"),Zo("onHover"),jr("markers",[Br("backgroundMenu")].concat(qo()).concat(Yo())),Br("dom"),Lr("navigateOnHover",!0),Lr("stayInDom",!1),xa("tmenuBehaviours",[ba,Fu,Od,eg]),Lr("eventOrder",{})],apis:{collapseMenu:function(n,e){n.collapseMenu(e)},highlightPrimary:function(n,e){n.highlightPrimary(e)},repositionMenus:function(n,e){n.repositionMenus(e)}},factory:function(c,n){var a,e,i=ko(T.none()),o=function(r,o,n){return et(n,function(n,e){var t=function(){return Ym.sketch(x(x({},n),{value:e,markers:c.markers,fakeFocus:c.fakeFocus,onHighlight:c.onHighlight,focusManager:c.fakeFocus?{get:o=function(n){return Fu.getHighlighted(n).map(function(n){return n.element})},set:function(e,n){var t=o(e);e.getSystem().getByDom(n).fold(O,function(n){Fu.highlight(e,n)});var r=o(e);Ru(e,t,r)}}:Vu()}));var o};return e===o?{type:"prepared",menu:r.getSystem().build(t())}:{type:"notbuilt",nbMenu:t}})},f=ig.init(),s=function(n){return as.getValue(n).value},u=function(n){return et(c.data.menus,function(n,e){return W(n.items,function(n){return"separator"===n.type?[]:[n.data.value]})})},l=function(e,n){Fu.highlight(e,n),Fu.getHighlighted(n).orThunk(function(){return Fu.getFirst(n)}).each(function(n){fe(e,n.element,Jn())})},d=function(e,n){return wu(N(n,function(n){return e.lookupMenu(n).bind(function(n){return"prepared"===n.type?T.some(n.menu):T.none()})}))},m=function(e,n,t){var r=d(n,n.otherMenus(t));P(r,function(n){Sm(n.element,[c.markers.backgroundMenu]),c.stayInDom||eg.remove(e,n)})},g=function(n,r){var o,e=(o=n,i.get().getOrThunk(function(){var t={},n=Ui(o.element,"."+c.markers.item),e=H(n,function(n){return"true"===lt(n,"aria-haspopup")});return P(e,function(n){o.getSystem().getByDom(n).each(function(n){var e=s(n);t[e]=n})}),i.set(T.some(t)),t}));nt(e,function(n,e){var t=A(r,e);ft(n.element,"aria-expanded",t)})},p=function(r,o,i){return T.from(i[0]).bind(function(n){return o.lookupMenu(n).bind(function(n){if("notbuilt"===n.type)return T.none();var e=n.menu,t=d(o,i.slice(1));return P(t,function(n){bt(n.element,c.markers.backgroundMenu)}),Le(e.element)||eg.append(r,Rm(e)),Sm(e.element,[c.markers.backgroundMenu]),l(r,e),m(r,o,i),T.some(e)})})};(e=a=a||{})[e.HighlightSubmenu=0]="HighlightSubmenu",e[e.HighlightParent=1]="HighlightParent";var h=function(o,i,u){void 0===u&&(u=a.HighlightSubmenu);var n=s(i);return f.expand(n).bind(function(r){return g(o,r),T.from(r[0]).bind(function(t){return f.lookupMenu(t).bind(function(n){var e=function(n,e,t){if("notbuilt"!==t.type)return t.menu;var r=n.getSystem().build(t.nbMenu());return f.setMenuBuilt(e,r),r}(o,t,n);return Le(e.element)||eg.append(o,Rm(e)),c.onOpenSubmenu(o,i,e,q(r)),u===a.HighlightSubmenu?(Fu.highlightFirst(e),p(o,f,r)):(Fu.dehighlightAll(e),T.some(i))})})})},r=function(e,t){var n=s(t);return f.collapse(n).bind(function(n){return g(e,n),p(e,f,n).map(function(n){return c.onCollapseMenu(e,t,n),n})})},t=function(t){return function(e,n){return Zi(n.getSource(),"."+c.markers.item).bind(function(n){return e.getSystem().getByDom(n).toOptional().bind(function(n){return t(e,n).map(function(){return!0})})})}},v=Jr([Zr(qm(),function(t,r){var n=r.event.item;f.lookupItem(s(n)).each(function(){var n=r.event.menu;Fu.highlight(t,n);var e=s(r.event.item);f.refresh(e).each(function(n){return m(t,f,n)})})}),ao(function(e,n){var t=n.event.target;e.getSystem().getByDom(t).each(function(n){0===s(n).indexOf("collapse-item")&&r(e,n),h(e,n,a.HighlightSubmenu).fold(function(){c.onExecute(e,n)},function(){})})}),io(function(e,n){var t,r;t=o(e,c.data.primary,c.data.menus),r=u(),f.setContents(c.data.primary,t,c.data.expansions,r),f.getPrimary().each(function(n){eg.append(e,Rm(n)),c.onOpenMenu(e,n),c.highlightImmediately&&l(e,n)})})].concat(c.navigateOnHover?[Zr(Nm(),function(n,e){var t,r,o=e.event.item;t=n,r=s(o),f.refresh(r).bind(function(n){return g(t,n),p(t,f,n)}),h(n,o,a.HighlightParent),c.onHover(n,o)})]:[])),y=function(n){return Fu.getHighlighted(n).bind(Fu.getHighlighted)},b={collapseMenu:function(e){y(e).each(function(n){r(e,n)})},highlightPrimary:function(e){f.getPrimary().each(function(n){l(e,n)})},repositionMenus:function(r){f.getPrimary().bind(function(e){return y(r).bind(function(n){var e,t=s(n),r=(e=f.getMenus(),ot(e,function(n){return n})),o=wu(N(r,ig.extractPreparedMenu));return f.getTriggeringPath(t,function(n){return t=n,Q(o,function(n){if(!n.getSystem().isConnected())return T.none();var e=Fu.getCandidates(n);return G(e,function(n){return s(n)===t})});var t})}).map(function(n){return{primary:e,triggeringPath:n}})}).fold(function(){var n;n=r,T.from(n.components()[0]).filter(function(n){return"menu"===lt(n.element,"role")}).each(function(n){c.onRepositionMenu(r,n,[])})},function(n){var e=n.primary,t=n.triggeringPath;c.onRepositionMenu(r,e,t)})}};return{uid:c.uid,dom:c.dom,markers:c.markers,behaviours:Sa(c.tmenuBehaviours,[ba.config({mode:"special",onRight:t(function(n,e){return Yu(e.element)?T.none():h(n,e,a.HighlightSubmenu)}),onLeft:t(function(n,e){return Yu(e.element)?T.none():r(n,e)}),onEscape:t(function(n,e){return r(n,e).orThunk(function(){return c.onEscape(n,e).map(function(){return n})})}),focusIn:function(e,n){f.getPrimary().each(function(n){fe(e,n.element,Jn())})}}),Fu.config({highlightClass:c.markers.selectedMenu,itemClass:c.markers.menu}),Od.config({find:function(n){return Fu.getHighlighted(n)}}),eg.config({})]),eventOrder:c.eventOrder,apis:b,events:v}},extraApis:{tieredData:function(n,e,t){return{primary:n,menus:e,expansions:t}},singleData:function(n,e){return{primary:n,menus:or(n,e),expansions:{}}},collapseItem:function(n){return{value:Ba(ug()),meta:{text:n}}}}}),ag=function(n,e,t,r){return it(e.routes,r.start).bind(function(n){return it(n,r.destination)})},fg=function(n,e,t,r){return ag(0,e,0,r).bind(function(e){return e.transition.map(function(n){return{transition:n,route:e}})})},sg=function(t,r,n){var e,o,i;i=n,lg(e=t,o=r).bind(function(n){return fg(e,o,i,n)}).each(function(n){var e=n.transition;wt(t.element,e.transitionClass),gt(t.element,r.destinationAttr)})},lg=function(e,t,n){var r=e.element;return dt(r,t.destinationAttr).map(function(n){return{start:lt(e.element,t.stateAttr),destination:n}})},dg=function(n,e,t,r){sg(n,e,t),mt(n.element,e.stateAttr)&&lt(n.element,e.stateAttr)!==r&&e.onFinish(n,r),ft(n.element,e.stateAttr,r)},mg=/* */Object.freeze({__proto__:null,findRoute:ag,disableTransition:sg,getCurrentRoute:lg,jumpTo:dg,progressTo:function(t,r,o,i){var e,u;u=r,mt((e=t).element,u.destinationAttr)&&(dt(e.element,u.destinationAttr).each(function(n){ft(e.element,u.stateAttr,n)}),gt(e.element,u.destinationAttr));var n,c,a=(n=r,c=i,{start:lt(t.element,n.stateAttr),destination:c});fg(t,r,o,a).fold(function(){dg(t,r,o,i)},function(n){sg(t,r,o);var e=n.transition;bt(t.element,e.transitionClass),ft(t.element,r.destinationAttr,i)})},getState:function(n,e,t){return dt(n.element,e.stateAttr)}}),gg=/* */Object.freeze({__proto__:null,events:function(o,i){return Jr([Zr(Ln(),function(t,n){var r=n.event.raw;lg(t,o).each(function(e){ag(0,o,0,e).each(function(n){n.transition.each(function(n){r.propertyName===n.property&&(dg(t,o,i,e.destination),o.onTransition(t,e))})})})}),io(function(n,e){dg(n,o,i,o.initialState)})])}}),pg=[Lr("destinationAttr","data-transitioning-destination"),Lr("stateAttr","data-transitioning-state"),Br("initialState"),Zo("onTransition"),Zo("onFinish"),Ar("routes",Cr(Ct.value,Cr(Ct.value,vr([zr("transition",[Br("property"),Br("transitionClass")])]))))],hg=wo({fields:pg,name:"transitioning",active:gg,apis:mg,extra:{createRoutes:function(n){var r={};return nt(n,function(n,e){var t=e.split("<->");r[t[0]]=or(t[1],n),r[t[1]]=or(t[0],n)}),r},createBistate:function(n,e,t){return ir([{key:n,value:or(e,t)},{key:e,value:or(n,t)}])},createTristate:function(n,e,t,r){return ir([{key:n,value:ir([{key:e,value:r},{key:t,value:r}])},{key:e,value:ir([{key:n,value:r},{key:t,value:r}])},{key:t,value:ir([{key:n,value:r},{key:e,value:r}])}])}}}),vg=Ti("scrollable"),yg=function(n){bt(n,vg)},bg=function(n){wt(n,vg)},xg=vg,wg=function(n){return it(n,"format").getOr(n.title)},Sg=function(n,e,t,r,o){return{data:{value:n,text:e},type:"item",dom:{tag:"div",classes:o?[Ti("styles-item-is-menu")]:[]},toggling:{toggleOnExecute:!1,toggleClass:Ti("format-matches"),selected:t},itemBehaviours:bo(o?[]:[xi(n,function(n,e){(e?bi.on:bi.off)(n)})]),components:[{dom:{tag:"div",attributes:{style:r},innerHtml:e}}]}},Og=function(n,e,t,r){return{value:n,dom:{tag:"div"},components:[If.sketch({dom:{tag:"div",classes:[Ti("styles-collapser")]},components:r?[{dom:{tag:"span",classes:[Ti("styles-collapse-icon")]}},Dm(n)]:[Dm(n)],action:function(n){var e;r&&(e=t().get(n),cg.collapseMenu(e))}}),{dom:{tag:"div",classes:[Ti("styles-menu-items-container")]},components:[Ym.parts.items({})],behaviours:bo([xd("adhoc-scrollable-menu",[io(function(n,e){Ri(n.element,"overflow-y","auto"),Ri(n.element,"-webkit-overflow-scrolling","touch"),yg(n.element)}),uo(function(n){Ni(n.element,"overflow-y"),Ni(n.element,"-webkit-overflow-scrolling"),bg(n.element)})])])}],items:e,menuBehaviours:bo([hg.config({initialState:"after",routes:hg.createTristate("before","current","after",{transition:{property:"transform",transitionClass:"transitioning"}})})])}},Tg=function(r){var o,i,n,e,t,u=(o=r.formats,i=function(){return c},n=Og("Styles",[].concat(N(o.items,function(n){return Sg(wg(n),n.title,n.isSelected(),n.getPreview(),ct(o.expansions,wg(n)))})),i,!1),e=et(o.menus,function(n,e){var t=N(n,function(n){return Sg(wg(n),n.title,n.isSelected!==undefined&&n.isSelected(),n.getPreview!==undefined?n.getPreview():"",ct(o.expansions,wg(n)))});return Og(e,t,i,!0)}),t=qt(e,or("styles",n)),{tmenu:cg.tieredData("styles",t,o.expansions)}),c=Zl(cg.sketch({dom:{tag:"div",classes:[Ti("styles-menu")]},components:[],fakeFocus:!0,stayInDom:!0,onExecute:function(n,e){var t=as.getValue(e);return r.handle(e,t.value),T.none()},onEscape:function(){return T.none()},onOpenMenu:function(n,e){var t=ls(n.element);ss(e.element,t),hg.jumpTo(e,"current")},onOpenSubmenu:function(n,e,t){var r=ls(n.element),o=Ji(e.element,'[role="menu"]').getOrDie("hacky"),i=n.getSystem().getByDom(o).getOrDie();ss(t.element,r),hg.progressTo(i,"before"),hg.jumpTo(t,"after"),hg.progressTo(t,"current")},onCollapseMenu:function(n,e,t){var r=Ji(e.element,'[role="menu"]').getOrDie("hacky"),o=n.getSystem().getByDom(r).getOrDie();hg.progressTo(o,"after"),hg.progressTo(t,"current")},navigateOnHover:!1,highlightImmediately:!0,data:u.tmenu,markers:{backgroundMenu:Ti("styles-background-menu"),menu:Ti("styles-menu"),selectedMenu:Ti("styles-selected-menu"),item:Ti("styles-item"),selectedItem:Ti("styles-selected-item")}}));return c.asSpec()},kg=function(n){return ct(n,"items")?(t=qt(rr(e=n,["items"]),{menu:!0}),r=Eg(e.items),{item:t,menus:qt(r.menus,or(e.title,r.items)),expansions:qt(r.expansions,or(e.title,e.title))}):{item:n,menus:{},expansions:{}};var e,t,r},Eg=function(n){return z(n,function(n,e){var t=kg(e);return{menus:qt(n.menus,t.menus),items:[t.item].concat(n.items),expansions:qt(n.expansions,t.expansions)}},{menus:{},expansions:{},items:[]})},Cg=function(u){var c=function(n){return function(){return u.formatter.match(n)}},a=function(n){return function(){return u.formatter.getCssText(n)}},f=function(n){return N(n,function(n){if(ct(n,"items")){var e=f(n.items);return qt(qt(n,{isSelected:l,getPreview:y("")}),{items:e})}return ct(n,"format")?qt(i=n,{isSelected:c(i.format),getPreview:a(i.format)}):(r=Ba((t=n).title),o=qt(t,{format:r,isSelected:c(r),getPreview:a(r)}),u.formatter.register(r,o),o);var t,r,o,i})};return f(u.getParam("style_formats",Fo,"array"))},Mg=function(t,n,r){var e,o,i,u=(e=t,i=(o=function(n){return W(n,function(n){return n.items===undefined?!ct(n,"format")||e.formatter.canApply(n.format)?[n]:[]:0<o(n.items).length?[n]:[]})})(n),Eg(i));return Tg({formats:u,handle:function(n,e){t.undoManager.transact(function(){bi.isOn(n)?t.formatter.remove(e):t.formatter.apply(e)}),r()}})},Dg=function(n){var e=n.replace(/\|/g," ").trim();return 0<e.length?e.split(/\s+/):[]},_g=function(n){return W(n,function(n){return(M(n)?_g:Dg)(n)})},Ig=function(n){var e=n.getParam("toolbar",Ro,"array");return(M(e)?_g:Dg)(e)},Fg=function(t,o){var n=function(t){return function(){return Pf(e=t,function(){n.execCommand(e)},{},n=o);var n,e}},e=function(r){return function(){return n=o,t=Af(e=r),Pf(e,function(){n.execCommand(e)},t,n);var n,e,t}},r=function(n,e,t){return function(){return jf(o,n,e,t)}},i=n("undo"),u=n("redo"),c=e("bold"),a=e("italic"),f=e("underline"),s=n("removeformat"),l=r("unlink","link",function(){o.execCommand("unlink",null,!1)}),d=r("unordered-list","ul",function(){o.execCommand("InsertUnorderedList",null,!1)}),m=r("ordered-list","ol",function(){o.execCommand("InsertOrderedList",null,!1)}),g=Cg(o),p=function(){return Mg(o,g,function(){o.fire("scrollIntoView")})},h=function(n,e){return{isSupported:function(){var e=o.ui.registry.getAll().buttons;return n.forall(function(n){return ct(e,n)})},sketch:e}};return{undo:h(T.none(),i),redo:h(T.none(),u),bold:h(T.none(),c),italic:h(T.none(),a),underline:h(T.none(),f),removeformat:h(T.none(),s),link:h(T.none(),function(){return om(t,o)}),unlink:h(T.none(),l),image:h(T.none(),function(){return sd(o)}),bullist:h(T.some("bullist"),d),numlist:h(T.some("numlist"),m),fontsizeselect:h(T.none(),function(){return n={onChange:function(n){Xl(e,n)},getInitialValue:function(){return Wl(e)}},zl(t,"font-size",function(){return Ql(n)},e=o);var e,n}),forecolor:h(T.none(),function(){return n={onChange:function(n,e,t){r.undoManager.transact(function(){r.formatter.apply("forecolor",{value:t}),r.nodeChanged()})},getInitialValue:function(){return-1}},zl(t,"color-levels",function(){return Ll(n)},r=o);var r,n}),styleselect:h(T.none(),function(){return Pf("style-formats",function(n){o.fire("toReading"),t.dropup.appear(p,bi.on,n)},bo([bi.config({toggleClass:Ti("toolbar-button-selected"),toggleOnExecute:!1,aria:{mode:"pressed"}}),ci.config({channels:ir([Si(Bo,bi.off),Si(Ao,bi.off)])})]),o)})}},Rg=function(n){var e=de.fromDom(function(n){if(je()&&_(n.target)){var e=de.fromDom(n.target);if(xe(e)&&ze(e)&&n.composed&&n.composedPath){var t=n.composedPath();if(t)return J(t)}}return T.from(n.target)}(n).getOr(n.target)),t=function(){return n.stopPropagation()},r=function(){return n.preventDefault()},o=i(r,t);return{target:e,x:n.clientX,y:n.clientY,stop:t,prevent:r,kill:o,raw:n}},Vg=function(n,e,t,r,o){var i,u,c=(i=t,u=r,function(n){i(n)&&u(Rg(n))});return n.dom.addEventListener(e,c,o),{unbind:b(Bg,n,e,c,o)}},Bg=function(n,e,t,r){n.dom.removeEventListener(e,t,r)},Ag=w,jg=function(n,e,t){return Vg(n,e,Ag,t,!1)},Ng=function(n,e,t){return Vg(n,e,Ag,t,!0)},Pg=tinymce.util.Tools.resolve("tinymce.util.Delay"),Hg=function(n){var e=n.matchMedia("(orientation: portrait)").matches;return{isPortrait:y(e)}},zg=function(r,e){var n=de.fromDom(r),o=null,t=jg(n,"orientationchange",function(){Pg.clearInterval(o);var n=Hg(r);e.onChange(n),i(function(){e.onReady(n)})}),i=function(n){Pg.clearInterval(o);var e=r.innerHeight,t=0;o=Pg.setInterval(function(){e!==r.innerHeight?(Pg.clearInterval(o),n(T.some(r.innerHeight))):20<t&&(Pg.clearInterval(o),n(T.none())),t++},50)};return{onAdjustment:i,destroy:function(){t.unbind()}}},Lg=function(n,e,t){var r,o,i=n.document.createRange();return r=i,e.fold(function(n){r.setStartBefore(n.dom)},function(n,e){r.setStart(n.dom,e)},function(n){r.setStartAfter(n.dom)}),o=i,t.fold(function(n){o.setEndBefore(n.dom)},function(n,e){o.setEnd(n.dom,e)},function(n){o.setEndAfter(n.dom)}),i},Gg=function(n,e,t,r,o){var i=n.document.createRange();return i.setStart(e.dom,t),i.setEnd(r.dom,o),i},$g=function(n){return{left:n.left,top:n.top,right:n.right,bottom:n.bottom,width:n.width,height:n.height}},Ug=Ut([{ltr:["start","soffset","finish","foffset"]},{rtl:["start","soffset","finish","foffset"]}]),Wg=function(n,e,t){return e(de.fromDom(t.startContainer),t.startOffset,de.fromDom(t.endContainer),t.endOffset)},Xg=function(n,e){var o,t,r,i=(o=n,e.match({domRange:function(n){return{ltr:y(n),rtl:T.none}},relative:function(n,e){return{ltr:d(function(){return Lg(o,n,e)}),rtl:d(function(){return T.some(Lg(o,e,n))})}},exact:function(n,e,t,r){return{ltr:d(function(){return Gg(o,n,e,t,r)}),rtl:d(function(){return T.some(Gg(o,t,r,n,e))})}}}));return(r=(t=i).ltr()).collapsed?t.rtl().filter(function(n){return!1===n.collapsed}).map(function(n){return Ug.rtl(de.fromDom(n.endContainer),n.endOffset,de.fromDom(n.startContainer),n.startOffset)}).getOrThunk(function(){return Wg(0,Ug.ltr,r)}):Wg(0,Ug.ltr,r)},qg=(Ug.ltr,Ug.rtl,function(n,e,t,r){return{start:n,soffset:e,finish:t,foffset:r}});var Yg,Kg,Jg,Qg,Zg,np=(Yg=we,Kg="text",{get:function(n){if(!Yg(n))throw new Error("Can only get "+Kg+" value of a "+Kg+" node");return Jg(n).getOr("")},getOption:Jg=function(n){return Yg(n)?T.from(n.dom.nodeValue):T.none()},set:function(n,e){if(!Yg(n))throw new Error("Can only set raw "+Kg+" value of a "+Kg+" node");n.dom.nodeValue=e}}),ep=function(n){return"img"===ye(n)?1:(e=n,np.getOption(e).fold(function(){return Ce(n).length},function(n){return n.length}));var e},tp=Ut([{before:["element"]},{on:["element","offset"]},{after:["element"]}]),rp={before:tp.before,on:tp.on,after:tp.after,cata:function(n,e,t,r){return n.fold(e,t,r)},getStart:function(n){return n.fold(v,v,v)}},op=Ut([{domRange:["rng"]},{relative:["startSitu","finishSitu"]},{exact:["start","soffset","finish","foffset"]}]),ip={domRange:op.domRange,relative:op.relative,exact:op.exact,exactFromRange:function(n){return op.exact(n.start,n.soffset,n.finish,n.foffset)},getWin:function(n){var e,t=n.match({domRange:function(n){return de.fromDom(n.startContainer)},relative:function(n,e){return rp.getStart(n)},exact:function(n,e,t,r){return n}});return e=t,de.fromDom(ke(e).dom.defaultView)},range:qg},up=function(n,e){var t=ye(n);return"input"===t?rp.after(n):A(["br","img"],t)?0===e?rp.before(n):rp.after(n):rp.on(n,e)},cp=function(n,e,t,r){var o,i,u,c,a,f=(i=e,u=t,c=r,(a=Te(o=n).dom.createRange()).setStart(o.dom,i),a.setEnd(u.dom,c),a),s=ve(n,t)&&e===r;return f.collapsed&&!s},ap=function(n){return T.from(n.getSelection())},fp=function(n,e,t,r,o){var i,u=Gg(n,e,t,r,o);i=u,ap(n).each(function(n){n.removeAllRanges(),n.addRange(i)})},sp=function(l,n){return Xg(l,n).match({ltr:function(n,e,t,r){fp(l,n,e,t,r)},rtl:function(c,a,f,s){ap(l).each(function(n){if(n.setBaseAndExtent)n.setBaseAndExtent(c.dom,a,f.dom,s);else if(n.extend)try{t=c,r=a,o=f,i=s,(e=n).collapse(t.dom,r),e.extend(o.dom,i)}catch(u){fp(l,f,s,c,a)}else fp(l,f,s,c,a);var e,t,r,o,i})}})},lp=function(n,e,t,r,o){var i,u,c,a,f=(i=r,u=o,c=up(e,t),a=up(i,u),ip.relative(c,a));sp(n,f)},dp=function(n){if(0<n.rangeCount){var e=n.getRangeAt(0),t=n.getRangeAt(n.rangeCount-1);return T.some(qg(de.fromDom(e.startContainer),e.startOffset,de.fromDom(t.endContainer),t.endOffset))}return T.none()},mp=function(n){if(null===n.anchorNode||null===n.focusNode)return dp(n);var e=de.fromDom(n.anchorNode),t=de.fromDom(n.focusNode);return cp(e,n.anchorOffset,t,n.focusOffset)?T.some(qg(e,n.anchorOffset,t,n.focusOffset)):dp(n)},gp=function(n){return ap(n).filter(function(n){return 0<n.rangeCount}).bind(mp)},pp=function(n,e){var i,t,r,o,u=Xg(i=n,e).match({ltr:function(n,e,t,r){var o=i.document.createRange();return o.setStart(n.dom,e),o.setEnd(t.dom,r),o},rtl:function(n,e,t,r){var o=i.document.createRange();return o.setStart(t.dom,r),o.setEnd(n.dom,e),o}});return r=(t=u).getClientRects(),0<(o=0<r.length?r[0]:t.getBoundingClientRect()).width||0<o.height?T.some(o).map($g):T.none()},hp=function(n){return T.from(n.dom.contentWindow)},vp=function(n){return hp(n).bind(gp)},yp=function(n){return n.getFrame()},bp=function(n,e,t,r){return n[t].getOrThunk(function(){return function(n){return jg(e,r,n)}})},xp=function(c){var n,a=yp(c);return n=a,T.some(de.fromDom(n.dom.contentWindow.document.body)).bind(function(u){return n=a,T.some(de.fromDom(n.dom.contentWindow.document)).bind(function(i){return hp(a).map(function(o){var n=de.fromDom(i.dom.documentElement),e=c.getCursorBox.getOrThunk(function(){return function(){return gp(o).map(function(n){return ip.exact(n.start,n.soffset,n.finish,n.foffset)}).bind(function(n){return pp(o,n).orThunk(function(){return gp(o).filter(function(n){return ve(n.start,n.finish)&&n.soffset===n.foffset}).bind(function(n){var e=n.start.dom.getBoundingClientRect();return 0<e.width||0<e.height?T.some(e):T.none()})})})}}),t=c.setSelection.getOrThunk(function(){return function(n,e,t,r){lp(o,n,e,t,r)}}),r=c.clearSelection.getOrThunk(function(){return function(){ap(o).each(function(n){return n.removeAllRanges()})}});return{body:u,doc:i,win:o,html:n,getSelection:b(vp,a),setSelection:t,clearSelection:r,frame:a,onKeyup:bp(c,i,"onKeyup","keyup"),onNodeChanged:bp(c,i,"onNodeChanged","SelectionChange"),onDomChanged:c.onDomChanged,onScrollToCursor:c.onScrollToCursor,onScrollToElement:c.onScrollToElement,onToReading:c.onToReading,onToEditing:c.onToEditing,onToolbarScrollStart:c.onToolbarScrollStart,onTouchContent:c.onTouchContent,onTapContent:c.onTapContent,onTouchToolstrip:c.onTouchToolstrip,getCursorBox:e}})});var n})},wp=(Qg="getWin",Zg=hp,function(e){return e[Qg].getOrThunk(function(){var n=yp(e);return function(){return Zg(n)}})()}),Sp=function(){var e=Ki("head").getOrDie(),n=Ki('meta[name="viewport"]').getOrThunk(function(){var n=de.fromTag("meta");return ft(n,"name","viewport"),Fe(e,n),n}),t=lt(n,"content");return{maximize:function(){ft(n,"content","width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0")},restore:function(){t!==undefined&&null!==t&&0<t.length?ft(n,"content",t):ft(n,"content","user-scalable=yes")}}},Op="data-ephox-mobile-fullscreen-style",Tp="position:absolute!important;",kp="top:0!important;left:0!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:visible!important;",Ep=Mn().os.isAndroid(),Cp=function(n,e){var t,r,o,i=function(r){return function(n){var e=lt(n,"style"),t=e===undefined?"no-styles":e.trim();t!==r&&(ft(n,Op,t),ft(n,"style",r))}},u=(t="*",Gi(n,function(n){return me(n,t)},r)),c=W(u,function(n){return e="*",$i(n,function(n){return me(n,e)});var e}),a=(o=Bi(e,"background-color"))!==undefined&&""!==o?"background-color:"+o+"!important":"background-color:rgb(255,255,255)!important;";P(c,i("display:none!important;")),P(u,i(Tp+kp+a)),i((!0===Ep?"":Tp)+kp+a)(n)},Mp=function(){var n=pe("["+Op+"]");P(n,function(n){var e=lt(n,Op);"no-styles"!==e?ft(n,"style",e):gt(n,"style"),gt(n,Op)})};var Dp=function(n){var e=n.raw;return e.touches===undefined||1!==e.touches.length?T.none():T.some(e.touches[0])},_p=function(t){var r,o,i,u=ko(T.none()),c=ko(!1),a=(r=function(n){t.triggerEvent(Zn(),n),c.set(!0)},o=400,i=null,{cancel:function(){null!==i&&(clearTimeout(i),i=null)},schedule:function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];i=setTimeout(function(){r.apply(null,n),i=null},o)}}),f=ir([{key:_n(),value:function(t){return Dp(t).each(function(n){a.cancel();var e={x:n.clientX,y:n.clientY,target:t.target};a.schedule(t),c.set(!1),u.set(T.some(e))}),T.none()}},{key:In(),value:function(n){return a.cancel(),Dp(n).each(function(i){u.get().each(function(n){var e,t,r,o;e=i,t=n,r=Math.abs(e.clientX-t.x),o=Math.abs(e.clientY-t.y),(5<r||5<o)&&u.set(T.none())})}),T.none()}},{key:Fn(),value:function(e){a.cancel();return u.get().filter(function(n){return ve(n.target,e.target)}).map(function(n){return c.get()?(e.prevent(),!1):t.triggerEvent(Qn(),e)})}}]);return{fireIfReady:function(e,n){return it(f,n).bind(function(n){return n(e)})}}},Ip=function(t){var e=_p({triggerEvent:function(n,e){t.onTapContent(e)}});return{fireTouchstart:function(n){e.fireIfReady(n,"touchstart")},onTouchend:function(){return jg(t.body,"touchend",function(n){e.fireIfReady(n,"touchend")})},onTouchmove:function(){return jg(t.body,"touchmove",function(n){e.fireIfReady(n,"touchmove")})}}},Fp=6<=Mn().os.version.major,Rp=function(r,e,t){var o=Ip(r),i=Te(e),u=function(n){return!ve(n.start,n.finish)||n.soffset!==n.foffset},n=function(){var n=r.doc.dom.hasFocus()&&r.getSelection().exists(u);t.getByDom(e).each(!0===(n||Mo(i).filter(function(n){return"input"===ye(n)}).exists(function(n){return n.dom.selectionStart!==n.dom.selectionEnd}))?bi.on:bi.off)},c=[jg(r.body,"touchstart",function(n){r.onTouchContent(),o.fireTouchstart(n)}),o.onTouchmove(),o.onTouchend(),jg(e,"touchstart",function(n){r.onTouchToolstrip()}),r.onToReading(function(){Co(r.body)}),r.onToEditing(O),r.onScrollToCursor(function(n){n.preventDefault(),r.getCursorBox().each(function(n){var e=r.win,t=n.top>e.innerHeight||n.bottom>e.innerHeight?n.bottom-e.innerHeight+50:0;0!=t&&e.scrollTo(e.pageXOffset,e.pageYOffset+t)})})].concat(!0==Fp?[]:[jg(de.fromDom(r.win),"blur",function(){t.getByDom(e).each(bi.off)}),jg(i,"select",n),jg(r.doc,"selectionchange",n)]);return{destroy:function(){P(c,function(n){n.unbind()})}}},Vp=function(n,e){var t=parseInt(lt(n,e),10);return isNaN(t)?0:t},Bp=function(n){return x(x({},n),{width:2})},Ap=function(n){return{left:n.left,top:n.top,right:n.right,bottom:n.bottom,width:n.width,height:n.height}},jp=function(n){var e=n.getSelection();return e!==undefined&&0<e.rangeCount?function(t){if(t.collapsed){var r=de.fromDom(t.startContainer);return Ee(r).bind(function(n){var e=ip.exact(r,t.startOffset,n,ep(n));return pp(t.startContainer.ownerDocument.defaultView,e).map(Bp).map(K)}).getOr([])}return N(t.getClientRects(),Ap)}(e.getRangeAt(0)):[]},Np=function(n){n.focus();var e=de.fromDom(n.document.body);(Mo().exists(function(n){return A(["input","textarea"],ye(n))})?function(n){Pg.setTimeout(function(){n()},0)}:s)(function(){Mo().each(Co),Eo(e)})},Pp="data-"+Ti("last-outer-height"),Hp=function(n,e){ft(n,Pp,e)},zp=function(n){return{top:n.top,bottom:n.top+n.height}},Lp=function(n,e){var t=Vp(e,Pp),r=n.innerHeight;return r<t?T.some(t-r):T.none()},Gp=function(n,u){var e=de.fromDom(u.document.body),t=jg(de.fromDom(n),"resize",function(){Lp(n,e).each(function(i){var n;(0<(n=jp(u)).length?T.some(n[0]).map(zp):T.none()).each(function(n){var e,t,r,o=(e=u,r=i,(t=n).top>e.innerHeight||t.bottom>e.innerHeight?Math.min(r,t.bottom-e.innerHeight+50):0);0!==o&&u.scrollTo(u.pageXOffset,u.pageYOffset+o)})}),Hp(e,n.innerHeight)});Hp(e,n.innerHeight);return{toEditing:function(){Np(u)},destroy:function(){t.unbind()}}},$p=function(t,r){var o=null;return{cancel:function(){null!==o&&(clearTimeout(o),o=null)},throttle:function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];null!==o&&clearTimeout(o),o=setTimeout(function(){t.apply(null,n),o=null},r)}}},Up=function(n,e){var t,r,o,i=Zl(Td.sketch({dom:Vf('<div aria-hidden="true" class="${prefix}-mask-tap-icon"></div>'),containerBehaviours:bo([bi.config({toggleClass:Ti("mask-tap-icon-selected"),toggleOnExecute:!1})])})),u=(t=n,r=200,o=null,{cancel:function(){null!==o&&(clearTimeout(o),o=null)},throttle:function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];null===o&&(o=setTimeout(function(){t.apply(null,n),o=null},r))}});return Td.sketch({dom:Vf('<div class="${prefix}-disabled-mask"></div>'),components:[Td.sketch({dom:Vf('<div class="${prefix}-content-container"></div>'),components:[If.sketch({dom:Vf('<div class="${prefix}-content-tap-section"></div>'),components:[i.asSpec()],action:function(n){u.throttle()},buttonBehaviours:bo([bi.config({toggleClass:Ti("mask-tap-icon-selected")})])})]})]})},Wp=y({unbind:O}),Xp=yr([jr("editor",[Br("getFrame"),Nr("getBody"),Nr("getDoc"),Nr("getWin"),Nr("getSelection"),Nr("setSelection"),Nr("clearSelection"),Nr("cursorSaver"),Nr("onKeyup"),Nr("onNodeChanged"),Nr("getCursorBox"),Br("onDomChanged"),Lr("onTouchContent",O),Lr("onTapContent",O),Lr("onTouchToolstrip",O),Lr("onScrollToCursor",Wp),Lr("onScrollToElement",Wp),Lr("onToEditing",Wp),Lr("onToReading",Wp),Lr("onToolbarScrollStart",v)]),Br("socket"),Br("toolstrip"),Br("dropup"),Br("toolbar"),Br("container"),Br("alloy"),$r("win",function(n){return Te(n.socket).dom.defaultView}),$r("body",function(n){return de.fromDom(n.socket.dom.ownerDocument.body)}),Lr("translate",v),Lr("setReadOnly",O),Lr("readOnlyOnInit",w)]),qp=function(n){var e=_r("Getting AndroidWebapp schema",Xp,n);Ri(e.toolstrip,"width","100%");var t=Fm(Up(function(){e.setReadOnly(e.readOnlyOnInit()),f.enter()},e.translate));e.alloy.add(t);var r={show:function(){e.alloy.add(t)},hide:function(){e.alloy.remove(t)}};Fe(e.container,t.element);var o,i,u,c,a,f=(o=e,i=r,u=Sp(),c=nm(),a=nm(),{enter:function(){i.hide(),bt(o.container,Ti("fullscreen-maximized")),bt(o.container,Ti("android-maximized")),u.maximize(),bt(o.body,Ti("android-scroll-reload")),c.set(Gp(o.win,wp(o.editor).getOrDie("no"))),xp(o.editor).each(function(n){Cp(o.container,n.body),a.set(Rp(n,o.toolstrip,o.alloy))})},exit:function(){u.restore(),i.show(),wt(o.container,Ti("fullscreen-maximized")),wt(o.container,Ti("android-maximized")),Mp(),wt(o.body,Ti("android-scroll-reload")),a.clear(),c.clear()}});return{setReadOnly:e.setReadOnly,refreshStructure:O,enter:f.enter,exit:f.exit,destroy:O}},Yp=y([Br("dom"),Lr("shell",!0),xa("toolbarBehaviours",[eg])]),Kp=y([Ja({name:"groups",overrides:function(){return{behaviours:bo([eg.config({})])}}})]),Jp=_f({name:"Toolbar",configFields:Yp(),partFields:Kp(),factory:function(e,n,t,r){var o=function(n){return e.shell?T.some(n):uf(n,e,"groups")},i=e.shell?{behaviours:[eg.config({})],components:[]}:{behaviours:[],components:n};return{uid:e.uid,dom:e.dom,components:i.components,behaviours:Sa(e.toolbarBehaviours,i.behaviours),apis:{setGroups:function(n,e){o(n).fold(function(){throw console.error("Toolbar was defined to not be a shell, but no groups container was specified in components"),new Error("Toolbar was defined to not be a shell, but no groups container was specified in components")},function(n){eg.set(n,e)})}},domModification:{attributes:{role:"group"}}}},apis:{setGroups:function(n,e,t){n.setGroups(e,t)}}}),Qp=y([Br("items"),jr("markers",N(["itemSelector"],Br)),xa("tgroupBehaviours",[ba])]),Zp=y([Qa({name:"items",unit:"item"})]),nh=_f({name:"ToolbarGroup",configFields:Qp(),partFields:Zp(),factory:function(n,e,t,r){return{uid:n.uid,dom:n.dom,components:e,behaviours:Sa(n.tgroupBehaviours,[ba.config({mode:"flow",selector:n.markers.itemSelector})]),domModification:{attributes:{role:"toolbar"}}}}}),eh="data-"+Ti("horizontal-scroll"),th=function(n){return"true"===lt(n,eh)?0<(t=n).dom.scrollLeft||function(n){n.dom.scrollLeft=1;var e=0!==n.dom.scrollLeft;return n.dom.scrollLeft=0,e}(t):0<(e=n).dom.scrollTop||function(n){n.dom.scrollTop=1;var e=0!==n.dom.scrollTop;return n.dom.scrollTop=0,e}(e);var e,t},rh=function(){var e=function(n){var e=!0===n.scrollable?"${prefix}-toolbar-scrollable-group":"";return{dom:Vf('<div aria-label="'+n.label+'" class="${prefix}-toolbar-group '+e+'"></div>'),tgroupBehaviours:bo([xd("adhoc-scrollable-toolbar",!0===n.scrollable?[co(function(n,e){var t;Ri(n.element,"overflow-x","auto"),t=n.element,ft(t,eh,"true"),yg(n.element)})]:[])]),components:[Td.sketch({components:[nh.parts.items({})]})],markers:{itemSelector:"."+Ti("toolbar-group-item")},items:n.items}},t=Fm(Jp.sketch({dom:Vf('<div class="${prefix}-toolbar"></div>'),components:[Jp.parts.groups({})],toolbarBehaviours:bo([bi.config({toggleClass:Ti("context-toolbar"),toggleOnExecute:!1,aria:{mode:"none"}}),ba.config({mode:"cyclic"})]),shell:!0})),n=Fm(Td.sketch({dom:{classes:[Ti("toolstrip")]},components:[Rm(t)],containerBehaviours:bo([bi.config({toggleClass:Ti("android-selection-context-toolbar"),toggleOnExecute:!1})])})),r=function(){Jp.setGroups(t,o.get()),bi.off(t)},o=ko([]);return{wrapper:n,toolbar:t,createGroups:function(n){return N(n,i(nh.sketch,e))},setGroups:function(n){o.set(n),r()},setContextToolbar:function(n){bi.on(t),Jp.setGroups(t,n)},restoreToolbar:function(){bi.isOn(t)&&r()},refresh:function(){},focus:function(){ba.focusIn(t)}}},oh=function(n){return Fm(If.sketch({dom:Vf('<div class="${prefix}-mask-edit-icon ${prefix}-icon"></div>'),action:function(){n.run(function(n){n.setReadOnly(!1)})}}))},ih=function(){return Fm(Td.sketch({dom:Vf('<div class="${prefix}-editor-socket"></div>'),components:[],containerBehaviours:bo([eg.config({})])}))},uh=function(n,e){eg.append(n,Rm(e))},ch=function(n,e){eg.remove(n,e)},ah=function(n,e,t,r){(!0===t?To.toAlpha:To.toOmega)(r),(t?uh:ch)(n,e)},fh=function(e,n){return n.getAnimationRoot.fold(function(){return e.element},function(n){return n(e)})},sh=function(n){return n.dimension.property},lh=function(n,e){return n.dimension.getDimension(e)},dh=function(n,e){var t=fh(n,e);Sm(t,[e.shrinkingClass,e.growingClass])},mh=function(n,e){wt(n.element,e.openClass),bt(n.element,e.closedClass),Ri(n.element,sh(e),"0px"),Pi(n.element)},gh=function(n,e){wt(n.element,e.closedClass),bt(n.element,e.openClass),Ni(n.element,sh(e))},ph=function(n,e,t,r){t.setCollapsed(),Ri(n.element,sh(e),lh(e,n.element)),Pi(n.element),dh(n,e),mh(n,e),e.onStartShrink(n),e.onShrunk(n)},hh=function(n,e,t,r){var o=r.getOrThunk(function(){return lh(e,n.element)});t.setCollapsed(),Ri(n.element,sh(e),o),Pi(n.element);var i=fh(n,e);wt(i,e.growingClass),bt(i,e.shrinkingClass),mh(n,e),e.onStartShrink(n)},vh=function(n,e,t){var r=lh(e,n.element);("0px"===r?ph:hh)(n,e,t,T.some(r))},yh=function(n,e,t){var r=fh(n,e),o=St(r,e.shrinkingClass),i=lh(e,n.element);gh(n,e);var u=lh(e,n.element);(o?function(){Ri(n.element,sh(e),i),Pi(n.element)}:function(){mh(n,e)})(),wt(r,e.shrinkingClass),bt(r,e.growingClass),gh(n,e),Ri(n.element,sh(e),u),t.setExpanded(),e.onStartGrow(n)},bh=function(n,e,t){var r=fh(n,e);return!0===St(r,e.growingClass)},xh=function(n,e,t){var r=fh(n,e);return!0===St(r,e.shrinkingClass)},wh=/* */Object.freeze({__proto__:null,refresh:function(n,e,t){var r;t.isExpanded()&&(Ni(n.element,sh(e)),r=lh(e,n.element),Ri(n.element,sh(e),r))},grow:function(n,e,t){t.isExpanded()||yh(n,e,t)},shrink:function(n,e,t){t.isExpanded()&&vh(n,e,t)},immediateShrink:function(n,e,t){t.isExpanded()&&ph(n,e,t,T.none())},hasGrown:function(n,e,t){return t.isExpanded()},hasShrunk:function(n,e,t){return t.isCollapsed()},isGrowing:bh,isShrinking:xh,isTransitioning:function(n,e,t){return!0===bh(n,e)||!0===xh(n,e)},toggleGrow:function(n,e,t){(t.isExpanded()?vh:yh)(n,e,t)},disableTransitions:dh}),Sh=/* */Object.freeze({__proto__:null,exhibit:function(n,e,t){var r=e.expanded;return lo(r?{classes:[e.openClass],styles:{}}:{classes:[e.closedClass],styles:or(e.dimension.property,"0px")})},events:function(t,r){return Jr([(n=Ln(),eo(n)(function(n,e){e.event.raw.propertyName===t.dimension.property&&(dh(n,t),r.isExpanded()&&Ni(n.element,t.dimension.property),(r.isExpanded()?t.onGrown:t.onShrunk)(n))}))]);var n}}),Oh=[Br("closedClass"),Br("openClass"),Br("shrinkingClass"),Br("growingClass"),Nr("getAnimationRoot"),Zo("onShrunk"),Zo("onStartShrink"),Zo("onGrown"),Zo("onStartGrow"),Lr("expanded",!1),Ar("dimension",Fr("property",{width:[ri("property","width"),ri("getDimension",function(n){return ls(n)+"px"})],height:[ri("property","height"),ri("getDimension",function(n){return Li(n)+"px"})]}))],Th=wo({fields:Oh,name:"sliding",active:Sh,apis:wh,state:/* */Object.freeze({__proto__:null,init:function(n){var e=ko(n.expanded);return yo({isExpanded:function(){return!0===e.get()},isCollapsed:function(){return!1===e.get()},setCollapsed:b(e.set,!1),setExpanded:b(e.set,!0),readState:function(){return"expanded: "+e.get()}})}})}),kh=function(e,t){var r=Fm(Td.sketch({dom:{tag:"div",classes:[Ti("dropup")]},components:[],containerBehaviours:bo([eg.config({}),Th.config({closedClass:Ti("dropup-closed"),openClass:Ti("dropup-open"),shrinkingClass:Ti("dropup-shrinking"),growingClass:Ti("dropup-growing"),dimension:{property:"height"},onShrunk:function(n){e(),t(),eg.set(n,[])},onGrown:function(n){e(),t()}}),wi(function(n,e){o(O)})])})),o=function(n){window.requestAnimationFrame(function(){n(),Th.shrink(r)})};return{appear:function(n,e,t){!0===Th.hasShrunk(r)&&!1===Th.isTransitioning(r)&&window.requestAnimationFrame(function(){e(t),eg.set(r,[n()]),Th.grow(r)})},disappear:o,component:r,element:r.element}},Eh=function(n){var e,t;return n.raw.which===nu[0]&&!A(["input","textarea"],ye(n.target))&&(e=n.target,!Zi(e,'[contenteditable="true"]',t).isSome())},Ch=function(){return Mn().browser.isFirefox()},Mh=vr([Ar("triggerEvent",Vr),Lr("stopBackspace",!0)]),Dh=function(e,n){var t,r,o,i,u=_r("Getting GUI events settings",Mh,n),c=_p(u),a=N(["touchstart","touchmove","touchend","touchcancel","gesturestart","mousedown","mouseup","mouseover","mousemove","mouseout","click"].concat(["selectstart","input","contextmenu","change","transitionend","drag","dragstart","dragend","dragenter","dragleave","dragover","drop","keyup"]),function(n){return jg(e,n,function(e){c.fireIfReady(e,n).each(function(n){n&&e.kill()}),u.triggerEvent(n,e)&&e.kill()})}),f=ko(T.none()),s=jg(e,"paste",function(e){c.fireIfReady(e,"paste").each(function(n){n&&e.kill()}),u.triggerEvent("paste",e)&&e.kill(),f.set(T.some(setTimeout(function(){u.triggerEvent(qn(),e)},0)))}),l=jg(e,"keydown",function(n){u.triggerEvent("keydown",n)?n.kill():!0===u.stopBackspace&&Eh(n)&&n.prevent()}),d=(t=e,r=function(n){u.triggerEvent("focusin",n)&&n.kill()},Ch()?Ng(t,"focus",r):jg(t,"focusin",r)),m=ko(T.none()),g=(o=e,i=function(n){u.triggerEvent("focusout",n)&&n.kill(),m.set(T.some(setTimeout(function(){u.triggerEvent(Xn(),n)},0)))},Ch()?Ng(o,"blur",i):jg(o,"focusout",i));return{unbind:function(){P(a,function(n){n.unbind()}),l.unbind(),d.unbind(),g.unbind(),s.unbind(),f.get().each(clearTimeout),m.get().each(clearTimeout)}}},_h=function(n,e){var t=it(n,"target").getOr(e);return ko(t)},Ih=Ut([{stopped:[]},{resume:["element"]},{complete:[]}]),Fh=function(n,r,e,t,o,i){var u,c,a,f,s=n(r,t),l=(u=e,c=o,a=ko(!1),f=ko(!1),{stop:function(){a.set(!0)},cut:function(){f.set(!0)},isStopped:a.get,isCut:f.get,event:u,setSource:c.set,getSource:c.get});return s.fold(function(){return i.logEventNoHandlers(r,t),Ih.complete()},function(e){var t=e.descHandler;return mm(t)(l),l.isStopped()?(i.logEventStopped(r,e.element,t.purpose),Ih.stopped()):l.isCut()?(i.logEventCut(r,e.element,t.purpose),Ih.complete()):Ee(e.element).fold(function(){return i.logNoParent(r,e.element,t.purpose),Ih.complete()},function(n){return i.logEventResponse(r,e.element,t.purpose),Ih.resume(n)})})},Rh=function(e,t,r,n,o,i){return Fh(e,t,r,n,o,i).fold(function(){return!0},function(n){return Rh(e,t,r,n,o,i)},function(){return!1})},Vh=function(n,e,t){var r,o,i=(r=e,o=ko(!1),{stop:function(){o.set(!0)},cut:O,isStopped:o.get,isCut:l,event:r,setSource:f("Cannot set source of a broadcasted event"),getSource:f("Cannot get source of a broadcasted event")});return P(n,function(n){var e=n.descHandler;mm(e)(i)}),i.isStopped()},Bh=function(n,e,t,r,o){var i=_h(t,r);return Rh(n,e,t,r,i,o)},Ah=function(n,e){return{element:n,descHandler:e}},jh=function(n,e){return{id:n,descHandler:e}};function Nh(){var i={};return{registerId:function(r,o,n){nt(n,function(n,e){var t=i[e]!==undefined?i[e]:{};t[o]=dm(n,r),i[e]=t})},unregisterId:function(t){nt(i,function(n,e){n.hasOwnProperty(t)&&delete n[t]})},filterByType:function(n){return it(i,n).map(function(n){return ot(n,function(n,e){return jh(e,n)})}).getOr([])},find:function(n,e,t){var o=it(i,e);return Xr(t,function(n){return t=o,yf(r=n).fold(function(){return T.none()},function(e){return t.bind(function(n){return it(n,e)}).map(function(n){return Ah(r,n)})});var t,r},n)}}}function Ph(){var r=Nh(),o={},i=function(r){var n=r.element;return yf(n).fold(function(){return n="uid-",e=r.element,t=Ba(pf+n),vf(e,t),t;var n,e,t},function(n){return n})},u=function(n){yf(n.element).each(function(n){delete o[n],r.unregisterId(n)})};return{find:function(n,e,t){return r.find(n,e,t)},filter:function(n){return r.filterByType(n)},register:function(n){var e=i(n);ct(o,e)&&function(n,e){var t=o[e];if(t!==n)throw new Error('The tagId "'+e+'" is already used by: '+Ho(t.element)+"\nCannot use it for: "+Ho(n.element)+"\nThe conflicting element is"+(Le(t.element)?" ":" not ")+"already in the DOM");u(n)}(n,e);var t=[n];r.registerId(t,e,n.events),o[e]=n},unregister:u,getById:function(n){return it(o,n)}}}var Hh=function(t){var r=function(e){return Ee(t.element).fold(function(){return!0},function(n){return ve(e,n)})},o=Ph(),f=function(n,e){return o.find(r,n,e)},n=Dh(t.element,{triggerEvent:function(r,o){return Wo(r,o.target,function(n){return t=n,Bh(f,r,e=o,e.target,t);var e,t})}}),i={debugInfo:y("real"),triggerEvent:function(e,t,r){Wo(e,t,function(n){return Bh(f,e,r,t,n)})},triggerFocus:function(c,a){yf(c).fold(function(){Eo(c)},function(n){Wo(Wn(),c,function(n){var e,t,r,o,i,u;return e=f,t=Wn(),i=n,u=_h(r={originator:a,kill:O,prevent:O,target:c},o=c),Fh(e,t,r,o,u,i),!1})})},triggerEscape:function(n,e){i.triggerEvent("keydown",n.element,e.event)},getByUid:function(n){return g(n)},getByDom:function(n){return p(n)},build:Fm,addToGui:function(n){c(n)},removeFromGui:function(n){a(n)},addToWorld:function(n){e(n)},removeFromWorld:function(n){u(n)},broadcast:function(n){l(n)},broadcastOn:function(n,e){d(n,e)},broadcastEvent:function(n,e){m(n,e)},isConnected:w},e=function(n){n.connect(i),we(n.element)||(o.register(n),P(n.components(),e),i.triggerEvent(ne(),n.element,{target:n.element}))},u=function(n){we(n.element)||(P(n.components(),u),o.unregister(n)),n.disconnect()},c=function(n){Ye(t,n,Fe)},a=function(n){Ke(n)},s=function(t){var n=o.filter(Yn());P(n,function(n){var e=n.descHandler;mm(e)(t)})},l=function(n){s({universal:!0,data:n})},d=function(n,e){s({universal:!1,channels:n,data:e})},m=function(n,e){var t=o.filter(n);return Vh(t,e)},g=function(n){return o.getById(n).fold(function(){return Ct.error(new Error('Could not find component with uid: "'+n+'" in system.'))},Ct.value)},p=function(n){var e=yf(n).getOr("not found");return g(e)};return e(t),{root:t,element:t.element,destroy:function(){n.unbind(),Be(t.element)},add:c,remove:a,getByUid:g,getByDom:p,addToWorld:e,removeFromWorld:u,broadcast:l,broadcastOn:d,broadcastEvent:m}},zh=Ti("readonly-modal"),Lh=Ti("edit-modal");function Gh(n){var e=Fm(Td.sketch({dom:{classes:[Ti("outer-container")].concat(n.classes)},containerBehaviours:bo([To.config({alpha:zh,omega:Lh})])}));return Hh(e)}var $h=function(n,e){var t=de.fromTag("input");Vi(t,{opacity:"0",position:"absolute",top:"-1000px",left:"-1000px"}),Fe(n,t),Eo(t),e(t),Be(t)},Uh=function(n){var e,t,r=n.getSelection();0<r.rangeCount&&(e=r.getRangeAt(0),(t=n.document.createRange()).setStart(e.startContainer,e.startOffset),t.setEnd(e.endContainer,e.endOffset),r.removeAllRanges(),r.addRange(t))},Wh=function(n,e){Mo().each(function(n){ve(n,e)||Co(n)}),n.focus(),Eo(de.fromDom(n.document.body)),Uh(n)},Xh=function(n,e,t,r){var o=function(){Wh(e,r)},i=jg(t,"keydown",function(n){A(["input","textarea"],ye(n.target))||o()});return{toReading:function(){$h(n,Co)},toEditing:o,onToolbarTouch:function(){},destroy:function(){i.unbind()}}},qh=function(t,r,o,i,n){var u=function(){r.run(function(n){n.refreshSelection()})},e=function(n,e){var t=n-i.dom.scrollTop;r.run(function(n){n.scrollIntoView(t,t+e)})},c=function(){r.run(function(n){n.clearSelection()})},a=function(){t.getCursorBox().each(function(n){e(n.top,n.height)}),r.run(function(n){n.syncHeight()})},f=Ip(t),s=$p(a,300),l=[t.onKeyup(function(){c(),s.throttle()}),t.onNodeChanged(u),t.onDomChanged(s.throttle),t.onDomChanged(u),t.onScrollToCursor(function(n){n.preventDefault(),s.throttle()}),t.onScrollToElement(function(n){n.element,e(r,i)}),t.onToEditing(function(){r.run(function(n){n.toEditing()})}),t.onToReading(function(){r.run(function(n){n.toReading()})}),jg(t.doc,"touchend",function(n){ve(t.html,n.target)||ve(t.body,n.target)}),jg(o,"transitionend",function(n){var e;"height"===n.raw.propertyName&&(e=Li(o),r.run(function(n){n.setViewportOffset(e)}),u(),a())}),Ng(o,"touchstart",function(n){var e;r.run(function(n){n.highlightSelection()}),e=n,r.run(function(n){n.onToolbarTouch(e)}),t.onTouchToolstrip()}),jg(t.body,"touchstart",function(n){c(),t.onTouchContent(),f.fireTouchstart(n)}),f.onTouchmove(),f.onTouchend(),jg(t.body,"click",function(n){n.kill()}),jg(o,"touchmove",function(){t.onToolbarScrollStart()})];return{destroy:function(){P(l,function(n){n.unbind()})}}};var Yh,Kh,Jh,Qh,Zh={},nv={exports:Zh};Yh=undefined,Kh=Zh,Jh=nv,Qh=undefined,function(n){"object"==typeof Kh&&void 0!==Jh?Jh.exports=n():"function"==typeof Yh&&Yh.amd?Yh([],n):("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this).EphoxContactWrapper=n()}(function(){return function s(i,u,c){function a(e,n){if(!u[e]){if(!i[e]){var t="function"==typeof Qh&&Qh;if(!n&&t)return t(e,!0);if(f)return f(e,!0);var r=new Error("Cannot find module '"+e+"'");throw r.code="MODULE_NOT_FOUND",r}var o=u[e]={exports:{}};i[e][0].call(o.exports,function(n){return a(i[e][1][n]||n)},o,o.exports,s,i,u,c)}return u[e].exports}for(var f="function"==typeof Qh&&Qh,n=0;n<c.length;n++)a(c[n]);return a}({1:[function(n,e,t){var r,o,i=e.exports={};function u(){throw new Error("setTimeout has not been defined")}function c(){throw new Error("clearTimeout has not been defined")}function a(n){if(r===setTimeout)return setTimeout(n,0);if((r===u||!r)&&setTimeout)return r=setTimeout,setTimeout(n,0);try{return r(n,0)}catch(e){try{return r.call(null,n,0)}catch(e){return r.call(this,n,0)}}}!function(){try{r="function"==typeof setTimeout?setTimeout:u}catch(n){r=u}try{o="function"==typeof clearTimeout?clearTimeout:c}catch(n){o=c}}();var f,s=[],l=!1,d=-1;function m(){l&&f&&(l=!1,f.length?s=f.concat(s):d=-1,s.length&&g())}function g(){if(!l){var n=a(m);l=!0;for(var e=s.length;e;){for(f=s,s=[];++d<e;)f&&f[d].run();d=-1,e=s.length}f=null,l=!1,function(n){if(o===clearTimeout)return clearTimeout(n);if((o===c||!o)&&clearTimeout)return o=clearTimeout,clearTimeout(n);try{o(n)}catch(e){try{return o.call(null,n)}catch(e){return o.call(this,n)}}}(n)}}function p(n,e){this.fun=n,this.array=e}function h(){}i.nextTick=function(n){var e=new Array(arguments.length-1);if(1<arguments.length)for(var t=1;t<arguments.length;t++)e[t-1]=arguments[t];s.push(new p(n,e)),1!==s.length||l||a(g)},p.prototype.run=function(){this.fun.apply(null,this.array)},i.title="browser",i.browser=!0,i.env={},i.argv=[],i.version="",i.versions={},i.on=h,i.addListener=h,i.once=h,i.off=h,i.removeListener=h,i.removeAllListeners=h,i.emit=h,i.prependListener=h,i.prependOnceListener=h,i.listeners=function(n){return[]},i.binding=function(n){throw new Error("process.binding is not supported")},i.cwd=function(){return"/"},i.chdir=function(n){throw new Error("process.chdir is not supported")},i.umask=function(){return 0}},{}],2:[function(n,l,e){(function(e){function r(){}function u(n){if("object"!=typeof this)throw new TypeError("Promises must be constructed via new");if("function"!=typeof n)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=undefined,this._deferreds=[],s(n,this)}function o(r,o){for(;3===r._state;)r=r._value;0!==r._state?(r._handled=!0,u._immediateFn(function(){var n,e=1===r._state?o.onFulfilled:o.onRejected;if(null!==e){try{n=e(r._value)}catch(t){return void c(o.promise,t)}i(o.promise,n)}else(1===r._state?i:c)(o.promise,r._value)})):r._deferreds.push(o)}function i(n,e){try{if(e===n)throw new TypeError("A promise cannot be resolved with itself.");if(e&&("object"==typeof e||"function"==typeof e)){var t=e.then;if(e instanceof u)return n._state=3,n._value=e,void a(n);if("function"==typeof t)return void s((r=t,o=e,function(){r.apply(o,arguments)}),n)}n._state=1,n._value=e,a(n)}catch(i){c(n,i)}var r,o}function c(n,e){n._state=2,n._value=e,a(n)}function a(n){2===n._state&&0===n._deferreds.length&&u._immediateFn(function(){n._handled||u._unhandledRejectionFn(n._value)});for(var e=0,t=n._deferreds.length;e<t;e++)o(n,n._deferreds[e]);n._deferreds=null}function f(n,e,t){this.onFulfilled="function"==typeof n?n:null,this.onRejected="function"==typeof e?e:null,this.promise=t}function s(n,e){var t=!1;try{n(function(n){t||(t=!0,i(e,n))},function(n){t||(t=!0,c(e,n))})}catch(r){if(t)return;t=!0,c(e,r)}}var n,t;n=this,t=setTimeout,u.prototype["catch"]=function(n){return this.then(null,n)},u.prototype.then=function(n,e){var t=new this.constructor(r);return o(this,new f(n,e,t)),t},u.all=function(n){var a=Array.prototype.slice.call(n);return new u(function(o,i){if(0===a.length)return o([]);var u=a.length;for(var n=0;n<a.length;n++)!function c(e,n){try{if(n&&("object"==typeof n||"function"==typeof n)){var t=n.then;if("function"==typeof t)return void t.call(n,function(n){c(e,n)},i)}a[e]=n,0==--u&&o(a)}catch(r){i(r)}}(n,a[n])})},u.resolve=function(e){return e&&"object"==typeof e&&e.constructor===u?e:new u(function(n){n(e)})},u.reject=function(t){return new u(function(n,e){e(t)})},u.race=function(o){return new u(function(n,e){for(var t=0,r=o.length;t<r;t++)o[t].then(n,e)})},u._immediateFn="function"==typeof e?function(n){e(n)}:function(n){t(n,0)},u._unhandledRejectionFn=function(n){"undefined"!=typeof console&&console&&console.warn("Possible Unhandled Promise Rejection:",n)},u._setImmediateFn=function(n){u._immediateFn=n},u._setUnhandledRejectionFn=function(n){u._unhandledRejectionFn=n},void 0!==l&&l.exports?l.exports=u:n.Promise||(n.Promise=u)}).call(this,n("timers").setImmediate)},{timers:3}],3:[function(a,n,f){(function(n,e){var r=a("process/browser.js").nextTick,t=Function.prototype.apply,o=Array.prototype.slice,i={},u=0;function c(n,e){this._id=n,this._clearFn=e}f.setTimeout=function(){return new c(t.call(setTimeout,window,arguments),clearTimeout)},f.setInterval=function(){return new c(t.call(setInterval,window,arguments),clearInterval)},f.clearTimeout=f.clearInterval=function(n){n.close()},c.prototype.unref=c.prototype.ref=function(){},c.prototype.close=function(){this._clearFn.call(window,this._id)},f.enroll=function(n,e){clearTimeout(n._idleTimeoutId),n._idleTimeout=e},f.unenroll=function(n){clearTimeout(n._idleTimeoutId),n._idleTimeout=-1},f._unrefActive=f.active=function(n){clearTimeout(n._idleTimeoutId);var e=n._idleTimeout;0<=e&&(n._idleTimeoutId=setTimeout(function(){n._onTimeout&&n._onTimeout()},e))},f.setImmediate="function"==typeof n?n:function(n){var e=u++,t=!(arguments.length<2)&&o.call(arguments,1);return i[e]=!0,r(function(){i[e]&&(t?n.apply(null,t):n.call(null),f.clearImmediate(e))}),e},f.clearImmediate="function"==typeof e?e:function(n){delete i[n]}}).call(this,a("timers").setImmediate,a("timers").clearImmediate)},{"process/browser.js":1,timers:3}],4:[function(n,e,t){var r=n("promise-polyfill"),o="undefined"!=typeof window?window:Function("return this;")();e.exports={boltExport:o.Promise||r}},{"promise-polyfill":2}]},{},[4])(4)});var ev,tv=nv.exports.boltExport,rv=function(n){var t=T.none(),e=[],r=function(n){o()?u(n):e.push(n)},o=function(){return t.isSome()},i=function(n){P(n,u)},u=function(e){t.each(function(n){setTimeout(function(){e(n)},0)})};return n(function(n){o()||(t=T.some(n),i(e),e=[])}),{get:r,map:function(t){return rv(function(e){r(function(n){e(t(n))})})},isReady:o}},ov={nu:rv,pure:function(e){return rv(function(n){n(e)})}},iv=function(n){setTimeout(function(){throw n},0)},uv=function(t){var n=function(n){t().then(n,iv)};return{map:function(n){return uv(function(){return t().then(n)})},bind:function(e){return uv(function(){return t().then(function(n){return e(n).toPromise()})})},anonBind:function(n){return uv(function(){return t().then(function(){return n.toPromise()})})},toLazy:function(){return ov.nu(n)},toCached:function(){var n=null;return uv(function(){return null===n&&(n=t()),n})},toPromise:t,get:n}},cv=function(n){return uv(function(){return new tv(n)})},av=function(n){return uv(function(){return tv.resolve(n)})},fv=function(r,o){return Q([{width:320,height:480,keyboard:{portrait:300,landscape:240}},{width:320,height:568,keyboard:{portrait:300,landscape:240}},{width:375,height:667,keyboard:{portrait:305,landscape:240}},{width:414,height:736,keyboard:{portrait:320,landscape:240}},{width:768,height:1024,keyboard:{portrait:320,landscape:400}},{width:1024,height:1366,keyboard:{portrait:380,landscape:460}}],function(n){return e=r<=n.width&&o<=n.height,t=n.keyboard,e?T.some(t):T.none();var e,t}).getOr({portrait:o/5,landscape:r/4})},sv=function(n){var e,t=Hg(n).isPortrait(),r=fv((e=n).screen.width,e.screen.height),o=t?r.portrait:r.landscape;return(t?n.screen.height:n.screen.width)-n.innerHeight>o?0:o},lv=function(n,e){var t=Te(n).dom.defaultView;return Li(n)+Li(e)-sv(t)},dv=function(n,e,t){var r=lv(e,t),o=Li(e)+Li(t)-r;Ri(n,"padding-bottom",o+"px")},mv=Ut([{fixed:["element","property","offsetY"]},{scroller:["element","offsetY"]}]),gv="data-"+Ti("position-y-fixed"),pv="data-"+Ti("y-property"),hv="data-"+Ti("scrolling"),vv="data-"+Ti("last-window-height"),yv=function(n){return Vp(n,gv)},bv=function(n,e){var t=lt(n,pv);return mv.fixed(n,t,e)},xv=function(n,e){return mv.scroller(n,e)},wv=function(n){var e=yv(n);return("true"===lt(n,hv)?xv:bv)(n,e)},Sv=function(n,e,t){var r=Te(n).dom.defaultView.innerHeight;return ft(n,vv,r+"px"),r-e-t},Ov=function(r,o,i,u){var e=Te(r).dom.defaultView,n=function(n){var e=lt(n,"style");Vi(n,{position:"absolute",top:"0px"}),ft(n,gv,"0px"),ft(n,pv,"top");return{restore:function(){ft(n,"style",e||""),gt(n,gv),gt(n,pv)}}}(i),t=Li(i),c=Li(u),a=function(n,e,t){var r=lt(t,"style");yg(t),Vi(t,{position:"absolute",height:e+"px",width:"100%",top:n+"px"}),ft(t,gv,n+"px"),ft(t,hv,"true"),ft(t,pv,"top");return{restore:function(){bg(t),ft(t,"style",r||""),gt(t,gv),gt(t,hv),gt(t,pv)}}}(t,Sv(r,t,c),r),f=function(n){var e=lt(n,"style");Vi(n,{position:"absolute",bottom:"0px"}),ft(n,gv,"0px"),ft(n,pv,"bottom");return{restore:function(){ft(n,"style",e||""),gt(n,gv),gt(n,pv)}}}(u),s=!0,l=function(){var n=e.innerHeight;return Vp(r,vv)<n},d=function(){var n,e,t;s&&(n=Li(i),e=Li(u),t=Sv(r,n,e),ft(r,gv,n+"px"),Ri(r,"height",t+"px"),dv(o,r,u))};return dv(o,r,u),{setViewportOffset:function(n){ft(r,gv,n+"px"),d()},isExpanding:l,isShrinking:m(l),refresh:d,restore:function(){s=!1,n.restore(),a.restore(),f.restore()}}},Tv=(ev=null,{animate:function(o,i,u,c,e,n){var a=!1,f=function(n){a=!0,e(n)};Pg.clearInterval(ev);var s=function(n){Pg.clearInterval(ev),f(n)};ev=Pg.setInterval(function(){var n,e,t,r=o();n=r,e=i,t=u,(Math.abs(n-e)<=t?T.none():n<e?T.some(n+t):T.some(n-t)).fold(function(){Pg.clearInterval(ev),f(i)},function(n){var e;c(n,s),a||((e=o())!==n||Math.abs(e-i)>Math.abs(r-i))&&(Pg.clearInterval(ev),f(i))})},n)}}),kv="data-"+Ti("last-scroll-top"),Ev=function(n){var e=ji(n,"top").getOr("0");return parseInt(e,10)},Cv=function(n){return parseInt(n.dom.scrollTop,10)},Mv=function(o,i){return cv(function(n){var e=b(Cv,o);ft(o,kv,e());var t=Math.abs(i-e()),r=Math.ceil(t/10);Tv.animate(e,i,r,function(n,e){Vp(o,kv)!==o.dom.scrollTop?e(o.dom.scrollTop):(o.dom.scrollTop=n,ft(o,kv,n))},function(){o.dom.scrollTop=i,ft(o,kv,i),n(i)},10)})},Dv=function(n,e){var t=e+yv(n)+"px";Ri(n,"top",t)};var _v=function(u,n){return n(function(r){var o=[],i=0;0===u.length?r([]):P(u,function(n,e){var t;n.get((t=e,function(n){o[t]=n,++i>=u.length&&r(o)}))})})},Iv=function(n,e,t){var r,o,i,u=e+t,c=ji(n,"top").getOr(t),a=u-parseInt(c,10),f=n.dom.scrollTop+a;return r=n,o=f,i=u,cv(function(n){var e=b(Cv,r);Tv.animate(e,o,15,function(n){r.dom.scrollTop=n,Ri(r,"top",Ev(r)+15+"px")},function(){r.dom.scrollTop=o,Ri(r,"top",i+"px"),n(o)},10)})},Fv=function(n,o){return n.fold(function(n,e,t){return Ri(n,e,o+(r=t)+"px"),av(r);var r},function(n,e){return Iv(n,o,e)})},Rv=function(n,e){var t,r=(t=Ui(n,"["+gv+"]"),N(t,wv)),o=N(r,function(n){return Fv(n,e)});return _v(o,cv)},Vv=function(i,u,n,t,e,r){var o,c,a=(o=function(n){return t=u,r=n,o=Te(e=i).dom.defaultView,cv(function(n){Dv(e,r),Dv(t,r),o.scrollTo(0,r),n(r)});var e,t,r,o},c=ko(ov.pure({})),{start:function(e){var n=ov.nu(function(n){return o(e).get(n)});c.set(n)},idle:function(n){c.get().get(function(){n()})}}),f=$p(function(){a.idle(function(){Rv(n,t.pageYOffset).get(function(){var n;(n=jp(r),T.from(n[0]).bind(function(n){var e=n.top-u.dom.scrollTop;return e>t.innerHeight+5||e<-5?T.some({top:e,bottom:e+n.height}):T.none()})).each(function(n){u.dom.scrollTop=u.dom.scrollTop+n.top}),a.start(0),e.refresh()})})},1e3),s=jg(de.fromDom(t),"scroll",function(){t.pageYOffset<0||f.throttle()});return Rv(n,t.pageYOffset).get(v),{unbind:s.unbind}},Bv=function(n){var a=n.cWin,e=n.ceBody,f=n.socket,t=n.toolstrip,r=n.contentElement,o=n.keyboardType,i=n.outerWindow,s=n.dropup,u=n.outerBody,c=Ov(f,e,t,s),l=o(u,a,Ge(),r),d=zg(i,{onChange:O,onReady:c.refresh});d.onAdjustment(function(){c.refresh()});var m=jg(de.fromDom(i),"resize",function(){c.isExpanding()&&c.refresh()}),g=Vv(t,f,u,i,c,a),p=function(t,e){var n=t.document,r=de.fromTag("div");bt(r,Ti("unfocused-selections")),Fe(de.fromDom(n.documentElement),r);var o=jg(r,"touchstart",function(n){n.prevent(),Wh(t,e),u()}),i=function(n){var e=de.fromTag("span");return wm(e,[Ti("layer-editor"),Ti("unfocused-selection")]),Vi(e,{left:n.left+"px",top:n.top+"px",width:n.width+"px",height:n.height+"px"}),e},u=function(){Ve(r)};return{update:function(){u();var n=jp(t),e=N(n,i);Re(r,e)},isActive:function(){return 0<Ce(r).length},destroy:function(){o.unbind(),Be(r)},clear:u}}(a,r),h=function(){p.clear()};return{toEditing:function(){l.toEditing(),h()},toReading:function(){l.toReading()},onToolbarTouch:function(n){l.onToolbarTouch()},refreshSelection:function(){p.isActive()&&p.update()},clearSelection:h,highlightSelection:function(){p.update()},scrollIntoView:function(n,e){var t,r,o,i,u,c;t=a,o=n,i=e,u=lv(r=f,s),c=b(Uh,t),u<o||u<i?Mv(r,r.dom.scrollTop-u+i).get(c):o<0&&Mv(r,r.dom.scrollTop+o).get(c)},updateToolbarPadding:O,setViewportOffset:function(n){var i,u;c.setViewportOffset(n),i=f,u=n,cv(function(n){var e=b(Ev,i),t=function(n){Ri(i,"top",n+"px")},r=Math.abs(u-e()),o=Math.ceil(r/10);Tv.animate(e,u,o,t,function(){t(u),n(u)},10)}).get(v)},syncHeight:function(){Ri(r,"height",r.dom.contentWindow.document.body.scrollHeight+"px")},refreshStructure:c.refresh,destroy:function(){c.restore(),d.destroy(),g.unbind(),m.unbind(),l.destroy(),p.destroy(),$h(Ge(),Co)}}},Av=function(r,n){var o=Sp(),i=em(),u=em(),c=nm(),a=nm();return{enter:function(){n.hide();var t=de.fromDom(document);xp(r.editor).each(function(n){var e;i.set({socketHeight:ji(r.socket,"height"),iframeHeight:ji(n.frame,"height"),outerScroll:document.body.scrollTop}),u.set({exclusives:(e="."+xg,jg(t,"touchmove",function(n){Zi(n.target,e).filter(th).fold(function(){n.prevent()},O)}))}),bt(r.container,Ti("fullscreen-maximized")),Cp(r.container,n.body),o.maximize(),Ri(r.socket,"overflow","scroll"),Ri(r.socket,"-webkit-overflow-scrolling","touch"),Eo(n.body),c.set(Bv({cWin:n.win,ceBody:n.body,socket:r.socket,toolstrip:r.toolstrip,dropup:r.dropup.element,contentElement:n.frame,outerBody:r.body,outerWindow:r.win,keyboardType:Xh})),c.run(function(n){n.syncHeight()}),a.set(qh(n,c,r.toolstrip,r.socket,r.dropup))})},refreshStructure:function(){c.run(function(n){n.refreshStructure()})},exit:function(){o.restore(),a.clear(),c.clear(),n.show(),i.on(function(n){n.socketHeight.each(function(n){Ri(r.socket,"height",n)}),n.iframeHeight.each(function(n){Ri(r.editor.getFrame(),"height",n)}),document.body.scrollTop=n.scrollTop}),i.clear(),u.on(function(n){n.exclusives.unbind()}),u.clear(),wt(r.container,Ti("fullscreen-maximized")),Mp(),bg(r.toolbar),Ni(r.socket,"overflow"),Ni(r.socket,"-webkit-overflow-scrolling"),Co(r.editor.getFrame()),xp(r.editor).each(function(n){n.clearSelection()})}}};function jv(n){var e=Gh({classes:[Ti("ios-container")]}),t=rh(),r=nm(),o=oh(r),i=ih(),u=kh(function(){r.run(function(n){n.refreshStructure()})},n);e.add(t.wrapper),e.add(i),e.add(u.component);return{system:e,element:e.element,init:function(n){r.set(function(n){var e=_r("Getting IosWebapp schema",Xp,n);Ri(e.toolstrip,"width","100%"),Ri(e.container,"position","relative");var t=Fm(Up(function(){e.setReadOnly(e.readOnlyOnInit()),o.enter()},e.translate));e.alloy.add(t);var r={show:function(){e.alloy.add(t)},hide:function(){e.alloy.remove(t)}},o=Av(e,r);return{setReadOnly:e.setReadOnly,refreshStructure:o.refreshStructure,enter:o.enter,exit:o.exit,destroy:O}}(n))},exit:function(){r.run(function(n){eg.remove(i,o),n.exit()})},setToolbarGroups:function(n){var e=t.createGroups(n);t.setGroups(e)},setContextToolbar:function(n){var e=t.createGroups(n);t.setContextToolbar(e)},focusToolbar:function(){t.focus()},restoreToolbar:function(){t.restoreToolbar()},updateMode:function(n){ah(i,o,n,e.root)},socket:i,dropup:u}}var Nv=tinymce.util.Tools.resolve("tinymce.EditorManager"),Pv=function(n,e,t){n.system.broadcastOn([Vo],{command:e,state:t})},Hv=function(e){return function(){var n=function(){e._skinLoaded=!0,e.fire("SkinLoaded")};e.initialized?n():e.on("init",n)}},zv="toReading",Lv="toEditing",Gv=function(S){return{getNotificationManagerImpl:function(){return{open:y({progressBar:{value:O},close:O,text:O,getEl:y(null),moveTo:O,moveRel:O,settings:{}}),close:O,reposition:O,getArgs:y({})}},renderUI:function(){var n,e,t,r=S.getElement(),o=(n=S,{content:(e=T.from(n.getParam("skin_url")).fold(function(){return Nv.baseURL+"/skins/ui/oxide"},function(n){return n}))+"/content.mobile.min.css",ui:e+"/skin.mobile.min.css"});!1==(!1===S.getParam("skin"))?(t=_o.DOM.styleSheetLoader,S.contentCSS.push(o.content),t.load(o.ui,Hv(S)),S.on("remove",function(){return t.unload(o.ui)})):Hv(S)();var i,u,c,a,f,s,l,d,m,g=function(){S.fire("ScrollIntoView")},p=Mn().os.isAndroid()?(i=g,u=Gh({classes:[Ti("android-container")]}),c=rh(),a=nm(),f=oh(a),s=ih(),l=kh(O,i),u.add(c.wrapper),u.add(s),u.add(l.component),{system:u,element:u.element,init:function(n){a.set(qp(n))},exit:function(){a.run(function(n){n.exit(),eg.remove(s,f)})},setToolbarGroups:function(n){var e=c.createGroups(n);c.setGroups(e)},setContextToolbar:function(n){var e=c.createGroups(n);c.setContextToolbar(e)},focusToolbar:function(){c.focus()},restoreToolbar:function(){c.restoreToolbar()},updateMode:function(n){ah(s,f,n,u.root)},socket:s,dropup:l}):jv(g),h=de.fromDom(r);d=h,m=p.system,Je(d,m,_e);var v=r.ownerDocument.defaultView,y=zg(v,{onChange:function(){var n,e,t;p.system.broadcastOn([Bo],{width:(n=v,e=Mn().os.isiOS(),t=Hg(n).isPortrait(),e&&!t?n.screen.height:n.screen.width)})},onReady:O}),b=function(n,e,t,r){!1===r&&S.selection.collapse();var o=x(n,e,t);p.setToolbarGroups(!0===r?o.readOnly:o.main),S.setMode(!0===r?"readonly":"design"),S.fire(!0===r?zv:Lv),p.updateMode(r)},x=function(n,e,t){var r=n.get();return{readOnly:r.backToMask.concat(e.get()),main:r.backToMask.concat(t.get())}},w=function(n,e){return S.on(n,e),{unbind:function(){S.off(n)}}};return S.on("init",function(){p.init({editor:{getFrame:function(){return de.fromDom(S.contentAreaContainer.querySelector("iframe"))},onDomChanged:function(){return{unbind:O}},onToReading:function(n){return w(zv,n)},onToEditing:function(n){return w(Lv,n)},onScrollToCursor:function(e){S.on("ScrollIntoView",function(n){e(n)});return{unbind:function(){S.off("ScrollIntoView"),y.destroy()}}},onTouchToolstrip:function(){u()},onTouchContent:function(){var n=de.fromDom(S.editorContainer.querySelector("."+Ti("toolbar")));Do(n).bind(function(n){return p.system.getByDom(n).toOptional()}).each(ae),p.restoreToolbar(),u()},onTapContent:function(n){var e=n.target;"img"===ye(e)?(S.selection.select(e.dom),n.kill()):"a"===ye(e)&&p.system.getByDom(de.fromDom(S.editorContainer)).each(function(n){To.isAlpha(n)&&function(n){var e=document.createElement("a");e.target="_blank",e.href=n.href,e.rel="noreferrer noopener";var t=document.createEvent("MouseEvents");t.initMouseEvent("click",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),document.body.appendChild(e),e.dispatchEvent(t),document.body.removeChild(e)}(e.dom)})}},container:de.fromDom(S.editorContainer),socket:de.fromDom(S.contentAreaContainer),toolstrip:de.fromDom(S.editorContainer.querySelector("."+Ti("toolstrip"))),toolbar:de.fromDom(S.editorContainer.querySelector("."+Ti("toolbar"))),dropup:p.dropup,alloy:p.system,translate:O,setReadOnly:function(n){b(g,m,d,n)},readOnlyOnInit:function(){return!1}});var t,n,r,o,i,e,u=function(){p.dropup.disappear(function(){p.system.broadcastOn([Ao],{})})},c={label:"The first group",scrollable:!1,items:[Pf("back",function(){S.selection.collapse(),p.exit()},{},S)]},a={label:"Back to read only",scrollable:!1,items:[Pf("readonly-back",function(){b(g,m,d,!0)},{},S)]},f=Fg(p,S),s=(t=f,n=Ig(S),r={},W(n,function(n){var e=!ct(r,n)&&ct(t,n)&&t[n].isSupported()?[t[n].sketch()]:[];return r[n]=!0,e})),l={label:"The extra group",scrollable:!1,items:[]},d=ko([{label:"the action group",scrollable:!0,items:s},l]),m=ko([{label:"The read only modal group",scrollable:!0,items:[]},l]),g=ko({backToMask:[c],backToReadOnly:[a]});o=p,e=Qe((i=S).formatter.get()),P(e,function(e){i.formatter.formatChanged(e,function(n){Pv(o,e,n)})}),P(["ul","ol"],function(t){i.selection.selectorChanged(t,function(n,e){Pv(o,t,n)})})}),S.on("remove",function(){p.exit()}),S.on("detach",function(){var e,n;e=p.system,n=Ce(e.element),P(n,function(n){e.getByDom(n).each(Ue)}),Be(e.element),p.system.destroy()}),{iframeContainer:p.socket.element.dom,editorContainer:p.element.dom}}}};Io.add("mobile",Gv)}();
diff --git a/src/assets/tinymce/themes/silver/theme.js b/src/assets/tinymce/themes/silver/theme.js
new file mode 100644
index 00000000..5540d9d1
--- /dev/null
+++ b/src/assets/tinymce/themes/silver/theme.js
@@ -0,0 +1,32458 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var noop = function () {
+    };
+    var noarg = function (f) {
+      return function () {
+        return f();
+      };
+    };
+    var compose = function (fa, fb) {
+      return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        return fa(fb.apply(null, args));
+      };
+    };
+    var compose1 = function (fbc, fab) {
+      return function (a) {
+        return fbc(fab(a));
+      };
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var identity = function (x) {
+      return x;
+    };
+    function curry(fn) {
+      var initialArgs = [];
+      for (var _i = 1; _i < arguments.length; _i++) {
+        initialArgs[_i - 1] = arguments[_i];
+      }
+      return function () {
+        var restArgs = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          restArgs[_i] = arguments[_i];
+        }
+        var all = initialArgs.concat(restArgs);
+        return fn.apply(null, all);
+      };
+    }
+    var not = function (f) {
+      return function (t) {
+        return !f(t);
+      };
+    };
+    var die = function (msg) {
+      return function () {
+        throw new Error(msg);
+      };
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var global$1 = tinymce.util.Tools.resolve('tinymce.ThemeManager');
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p))
+              t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+    function __rest(s, e) {
+      var t = {};
+      for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+          t[p] = s[p];
+      if (s != null && typeof Object.getOwnPropertySymbols === 'function')
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+            t[p[i]] = s[p[i]];
+        }
+      return t;
+    }
+    function __spreadArrays() {
+      for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+        s += arguments[i].length;
+      for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+          r[k] = a[j];
+      return r;
+    }
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var typeOf = function (x) {
+      var t = typeof x;
+      if (x === null) {
+        return 'null';
+      } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+        return 'array';
+      } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+        return 'string';
+      } else {
+        return t;
+      }
+    };
+    var isType = function (type) {
+      return function (value) {
+        return typeOf(value) === type;
+      };
+    };
+    var isSimpleType = function (type) {
+      return function (value) {
+        return typeof value === type;
+      };
+    };
+    var eq = function (t) {
+      return function (a) {
+        return t === a;
+      };
+    };
+    var isString = isType('string');
+    var isObject = isType('object');
+    var isArray = isType('array');
+    var isBoolean = isSimpleType('boolean');
+    var isUndefined = eq(undefined);
+    var isNullable = function (a) {
+      return a === null || a === undefined;
+    };
+    var isNonNullable = function (a) {
+      return !isNullable(a);
+    };
+    var isFunction = isSimpleType('function');
+    var isNumber = isSimpleType('number');
+    var isArrayOf = function (value, pred) {
+      if (isArray(value)) {
+        for (var i = 0, len = value.length; i < len; ++i) {
+          if (!pred(value[i])) {
+            return false;
+          }
+        }
+        return true;
+      }
+      return false;
+    };
+
+    var nativeSlice = Array.prototype.slice;
+    var nativeIndexOf = Array.prototype.indexOf;
+    var nativePush = Array.prototype.push;
+    var rawIndexOf = function (ts, t) {
+      return nativeIndexOf.call(ts, t);
+    };
+    var indexOf = function (xs, x) {
+      var r = rawIndexOf(xs, x);
+      return r === -1 ? Optional.none() : Optional.some(r);
+    };
+    var contains = function (xs, x) {
+      return rawIndexOf(xs, x) > -1;
+    };
+    var exists = function (xs, pred) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return true;
+        }
+      }
+      return false;
+    };
+    var range = function (num, f) {
+      var r = [];
+      for (var i = 0; i < num; i++) {
+        r.push(f(i));
+      }
+      return r;
+    };
+    var chunk = function (array, size) {
+      var r = [];
+      for (var i = 0; i < array.length; i += size) {
+        var s = nativeSlice.call(array, i, i + size);
+        r.push(s);
+      }
+      return r;
+    };
+    var map = function (xs, f) {
+      var len = xs.length;
+      var r = new Array(len);
+      for (var i = 0; i < len; i++) {
+        var x = xs[i];
+        r[i] = f(x, i);
+      }
+      return r;
+    };
+    var each = function (xs, f) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var eachr = function (xs, f) {
+      for (var i = xs.length - 1; i >= 0; i--) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var partition = function (xs, pred) {
+      var pass = [];
+      var fail = [];
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        var arr = pred(x, i) ? pass : fail;
+        arr.push(x);
+      }
+      return {
+        pass: pass,
+        fail: fail
+      };
+    };
+    var filter = function (xs, pred) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          r.push(x);
+        }
+      }
+      return r;
+    };
+    var foldr = function (xs, f, acc) {
+      eachr(xs, function (x) {
+        acc = f(acc, x);
+      });
+      return acc;
+    };
+    var foldl = function (xs, f, acc) {
+      each(xs, function (x) {
+        acc = f(acc, x);
+      });
+      return acc;
+    };
+    var findUntil = function (xs, pred, until) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return Optional.some(x);
+        } else if (until(x, i)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var find = function (xs, pred) {
+      return findUntil(xs, pred, never);
+    };
+    var findIndex = function (xs, pred) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return Optional.some(i);
+        }
+      }
+      return Optional.none();
+    };
+    var flatten = function (xs) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; ++i) {
+        if (!isArray(xs[i])) {
+          throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+        }
+        nativePush.apply(r, xs[i]);
+      }
+      return r;
+    };
+    var bind = function (xs, f) {
+      return flatten(map(xs, f));
+    };
+    var forall = function (xs, pred) {
+      for (var i = 0, len = xs.length; i < len; ++i) {
+        var x = xs[i];
+        if (pred(x, i) !== true) {
+          return false;
+        }
+      }
+      return true;
+    };
+    var reverse = function (xs) {
+      var r = nativeSlice.call(xs, 0);
+      r.reverse();
+      return r;
+    };
+    var difference = function (a1, a2) {
+      return filter(a1, function (x) {
+        return !contains(a2, x);
+      });
+    };
+    var mapToObject = function (xs, f) {
+      var r = {};
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        r[String(x)] = f(x, i);
+      }
+      return r;
+    };
+    var sort = function (xs, comparator) {
+      var copy = nativeSlice.call(xs, 0);
+      copy.sort(comparator);
+      return copy;
+    };
+    var get = function (xs, i) {
+      return i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none();
+    };
+    var head = function (xs) {
+      return get(xs, 0);
+    };
+    var last = function (xs) {
+      return get(xs, xs.length - 1);
+    };
+    var from$1 = isFunction(Array.from) ? Array.from : function (x) {
+      return nativeSlice.call(x);
+    };
+    var findMap = function (arr, f) {
+      for (var i = 0; i < arr.length; i++) {
+        var r = f(arr[i], i);
+        if (r.isSome()) {
+          return r;
+        }
+      }
+      return Optional.none();
+    };
+
+    var value = function (o) {
+      var is = function (v) {
+        return o === v;
+      };
+      var or = function (_opt) {
+        return value(o);
+      };
+      var orThunk = function (_f) {
+        return value(o);
+      };
+      var map = function (f) {
+        return value(f(o));
+      };
+      var mapError = function (_f) {
+        return value(o);
+      };
+      var each = function (f) {
+        f(o);
+      };
+      var bind = function (f) {
+        return f(o);
+      };
+      var fold = function (_, onValue) {
+        return onValue(o);
+      };
+      var exists = function (f) {
+        return f(o);
+      };
+      var forall = function (f) {
+        return f(o);
+      };
+      var toOptional = function () {
+        return Optional.some(o);
+      };
+      return {
+        is: is,
+        isValue: always,
+        isError: never,
+        getOr: constant(o),
+        getOrThunk: constant(o),
+        getOrDie: constant(o),
+        or: or,
+        orThunk: orThunk,
+        fold: fold,
+        map: map,
+        mapError: mapError,
+        each: each,
+        bind: bind,
+        exists: exists,
+        forall: forall,
+        toOptional: toOptional
+      };
+    };
+    var error = function (message) {
+      var getOrThunk = function (f) {
+        return f();
+      };
+      var getOrDie = function () {
+        return die(String(message))();
+      };
+      var or = function (opt) {
+        return opt;
+      };
+      var orThunk = function (f) {
+        return f();
+      };
+      var map = function (_f) {
+        return error(message);
+      };
+      var mapError = function (f) {
+        return error(f(message));
+      };
+      var bind = function (_f) {
+        return error(message);
+      };
+      var fold = function (onError, _) {
+        return onError(message);
+      };
+      return {
+        is: never,
+        isValue: never,
+        isError: always,
+        getOr: identity,
+        getOrThunk: getOrThunk,
+        getOrDie: getOrDie,
+        or: or,
+        orThunk: orThunk,
+        fold: fold,
+        map: map,
+        mapError: mapError,
+        each: noop,
+        bind: bind,
+        exists: never,
+        forall: always,
+        toOptional: Optional.none
+      };
+    };
+    var fromOption = function (opt, err) {
+      return opt.fold(function () {
+        return error(err);
+      }, value);
+    };
+    var Result = {
+      value: value,
+      error: error,
+      fromOption: fromOption
+    };
+
+    var SimpleResultType;
+    (function (SimpleResultType) {
+      SimpleResultType[SimpleResultType['Error'] = 0] = 'Error';
+      SimpleResultType[SimpleResultType['Value'] = 1] = 'Value';
+    }(SimpleResultType || (SimpleResultType = {})));
+    var fold = function (res, onError, onValue) {
+      return res.stype === SimpleResultType.Error ? onError(res.serror) : onValue(res.svalue);
+    };
+    var partition$1 = function (results) {
+      var values = [];
+      var errors = [];
+      each(results, function (obj) {
+        fold(obj, function (err) {
+          return errors.push(err);
+        }, function (val) {
+          return values.push(val);
+        });
+      });
+      return {
+        values: values,
+        errors: errors
+      };
+    };
+    var mapError = function (res, f) {
+      if (res.stype === SimpleResultType.Error) {
+        return {
+          stype: SimpleResultType.Error,
+          serror: f(res.serror)
+        };
+      } else {
+        return res;
+      }
+    };
+    var map$1 = function (res, f) {
+      if (res.stype === SimpleResultType.Value) {
+        return {
+          stype: SimpleResultType.Value,
+          svalue: f(res.svalue)
+        };
+      } else {
+        return res;
+      }
+    };
+    var bind$1 = function (res, f) {
+      if (res.stype === SimpleResultType.Value) {
+        return f(res.svalue);
+      } else {
+        return res;
+      }
+    };
+    var bindError = function (res, f) {
+      if (res.stype === SimpleResultType.Error) {
+        return f(res.serror);
+      } else {
+        return res;
+      }
+    };
+    var svalue = function (v) {
+      return {
+        stype: SimpleResultType.Value,
+        svalue: v
+      };
+    };
+    var serror = function (e) {
+      return {
+        stype: SimpleResultType.Error,
+        serror: e
+      };
+    };
+    var toResult = function (res) {
+      return fold(res, Result.error, Result.value);
+    };
+    var fromResult = function (res) {
+      return res.fold(serror, svalue);
+    };
+    var SimpleResult = {
+      fromResult: fromResult,
+      toResult: toResult,
+      svalue: svalue,
+      partition: partition$1,
+      serror: serror,
+      bind: bind$1,
+      bindError: bindError,
+      map: map$1,
+      mapError: mapError,
+      fold: fold
+    };
+
+    var keys = Object.keys;
+    var hasOwnProperty = Object.hasOwnProperty;
+    var each$1 = function (obj, f) {
+      var props = keys(obj);
+      for (var k = 0, len = props.length; k < len; k++) {
+        var i = props[k];
+        var x = obj[i];
+        f(x, i);
+      }
+    };
+    var map$2 = function (obj, f) {
+      return tupleMap(obj, function (x, i) {
+        return {
+          k: i,
+          v: f(x, i)
+        };
+      });
+    };
+    var tupleMap = function (obj, f) {
+      var r = {};
+      each$1(obj, function (x, i) {
+        var tuple = f(x, i);
+        r[tuple.k] = tuple.v;
+      });
+      return r;
+    };
+    var objAcc = function (r) {
+      return function (x, i) {
+        r[i] = x;
+      };
+    };
+    var internalFilter = function (obj, pred, onTrue, onFalse) {
+      var r = {};
+      each$1(obj, function (x, i) {
+        (pred(x, i) ? onTrue : onFalse)(x, i);
+      });
+      return r;
+    };
+    var filter$1 = function (obj, pred) {
+      var t = {};
+      internalFilter(obj, pred, objAcc(t), noop);
+      return t;
+    };
+    var mapToArray = function (obj, f) {
+      var r = [];
+      each$1(obj, function (value, name) {
+        r.push(f(value, name));
+      });
+      return r;
+    };
+    var find$1 = function (obj, pred) {
+      var props = keys(obj);
+      for (var k = 0, len = props.length; k < len; k++) {
+        var i = props[k];
+        var x = obj[i];
+        if (pred(x, i, obj)) {
+          return Optional.some(x);
+        }
+      }
+      return Optional.none();
+    };
+    var values = function (obj) {
+      return mapToArray(obj, function (v) {
+        return v;
+      });
+    };
+    var get$1 = function (obj, key) {
+      return has(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    var has = function (obj, key) {
+      return hasOwnProperty.call(obj, key);
+    };
+    var hasNonNullableKey = function (obj, key) {
+      return has(obj, key) && obj[key] !== undefined && obj[key] !== null;
+    };
+
+    var generate = function (cases) {
+      if (!isArray(cases)) {
+        throw new Error('cases must be an array');
+      }
+      if (cases.length === 0) {
+        throw new Error('there must be at least one case');
+      }
+      var constructors = [];
+      var adt = {};
+      each(cases, function (acase, count) {
+        var keys$1 = keys(acase);
+        if (keys$1.length !== 1) {
+          throw new Error('one and only one name per case');
+        }
+        var key = keys$1[0];
+        var value = acase[key];
+        if (adt[key] !== undefined) {
+          throw new Error('duplicate key detected:' + key);
+        } else if (key === 'cata') {
+          throw new Error('cannot have a case named cata (sorry)');
+        } else if (!isArray(value)) {
+          throw new Error('case arguments must be an array');
+        }
+        constructors.push(key);
+        adt[key] = function () {
+          var argLength = arguments.length;
+          if (argLength !== value.length) {
+            throw new Error('Wrong number of arguments to case ' + key + '. Expected ' + value.length + ' (' + value + '), got ' + argLength);
+          }
+          var args = new Array(argLength);
+          for (var i = 0; i < args.length; i++) {
+            args[i] = arguments[i];
+          }
+          var match = function (branches) {
+            var branchKeys = keys(branches);
+            if (constructors.length !== branchKeys.length) {
+              throw new Error('Wrong number of arguments to match. Expected: ' + constructors.join(',') + '\nActual: ' + branchKeys.join(','));
+            }
+            var allReqd = forall(constructors, function (reqKey) {
+              return contains(branchKeys, reqKey);
+            });
+            if (!allReqd) {
+              throw new Error('Not all branches were specified when using match. Specified: ' + branchKeys.join(', ') + '\nRequired: ' + constructors.join(', '));
+            }
+            return branches[key].apply(null, args);
+          };
+          return {
+            fold: function () {
+              if (arguments.length !== cases.length) {
+                throw new Error('Wrong number of arguments to fold. Expected ' + cases.length + ', got ' + arguments.length);
+              }
+              var target = arguments[count];
+              return target.apply(null, args);
+            },
+            match: match,
+            log: function (label) {
+              console.log(label, {
+                constructors: constructors,
+                constructor: key,
+                params: args
+              });
+            }
+          };
+        };
+      });
+      return adt;
+    };
+    var Adt = { generate: generate };
+
+    var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+    var shallow = function (old, nu) {
+      return nu;
+    };
+    var deep = function (old, nu) {
+      var bothObjects = isObject(old) && isObject(nu);
+      return bothObjects ? deepMerge(old, nu) : nu;
+    };
+    var baseMerge = function (merger) {
+      return function () {
+        var objects = new Array(arguments.length);
+        for (var i = 0; i < objects.length; i++) {
+          objects[i] = arguments[i];
+        }
+        if (objects.length === 0) {
+          throw new Error('Can\'t merge zero objects');
+        }
+        var ret = {};
+        for (var j = 0; j < objects.length; j++) {
+          var curObject = objects[j];
+          for (var key in curObject) {
+            if (hasOwnProperty$1.call(curObject, key)) {
+              ret[key] = merger(ret[key], curObject[key]);
+            }
+          }
+        }
+        return ret;
+      };
+    };
+    var deepMerge = baseMerge(deep);
+    var merge = baseMerge(shallow);
+
+    var cached = function (f) {
+      var called = false;
+      var r;
+      return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        if (!called) {
+          called = true;
+          r = f.apply(null, args);
+        }
+        return r;
+      };
+    };
+
+    var adt = Adt.generate([
+      { strict: [] },
+      { defaultedThunk: ['fallbackThunk'] },
+      { asOption: [] },
+      { asDefaultedOptionThunk: ['fallbackThunk'] },
+      { mergeWithThunk: ['baseThunk'] }
+    ]);
+    var defaulted = function (fallback) {
+      return adt.defaultedThunk(constant(fallback));
+    };
+    var mergeWith = function (base) {
+      return adt.mergeWithThunk(constant(base));
+    };
+    var strict = adt.strict;
+    var asOption = adt.asOption;
+    var defaultedThunk = adt.defaultedThunk;
+    var asDefaultedOptionThunk = adt.asDefaultedOptionThunk;
+    var mergeWithThunk = adt.mergeWithThunk;
+
+    var comparison = Adt.generate([
+      {
+        bothErrors: [
+          'error1',
+          'error2'
+        ]
+      },
+      {
+        firstError: [
+          'error1',
+          'value2'
+        ]
+      },
+      {
+        secondError: [
+          'value1',
+          'error2'
+        ]
+      },
+      {
+        bothValues: [
+          'value1',
+          'value2'
+        ]
+      }
+    ]);
+    var partition$2 = function (results) {
+      var errors = [];
+      var values = [];
+      each(results, function (result) {
+        result.fold(function (err) {
+          errors.push(err);
+        }, function (value) {
+          values.push(value);
+        });
+      });
+      return {
+        errors: errors,
+        values: values
+      };
+    };
+
+    var exclude = function (obj, fields) {
+      var r = {};
+      each$1(obj, function (v, k) {
+        if (!contains(fields, k)) {
+          r[k] = v;
+        }
+      });
+      return r;
+    };
+
+    var wrap = function (key, value) {
+      var _a;
+      return _a = {}, _a[key] = value, _a;
+    };
+    var wrapAll = function (keyvalues) {
+      var r = {};
+      each(keyvalues, function (kv) {
+        r[kv.key] = kv.value;
+      });
+      return r;
+    };
+
+    var exclude$1 = function (obj, fields) {
+      return exclude(obj, fields);
+    };
+    var wrap$1 = function (key, value) {
+      return wrap(key, value);
+    };
+    var wrapAll$1 = function (keyvalues) {
+      return wrapAll(keyvalues);
+    };
+    var mergeValues = function (values, base) {
+      return values.length === 0 ? Result.value(base) : Result.value(deepMerge(base, merge.apply(undefined, values)));
+    };
+    var mergeErrors = function (errors) {
+      return Result.error(flatten(errors));
+    };
+    var consolidate = function (objs, base) {
+      var partitions = partition$2(objs);
+      return partitions.errors.length > 0 ? mergeErrors(partitions.errors) : mergeValues(partitions.values, base);
+    };
+
+    var mergeValues$1 = function (values, base) {
+      return values.length > 0 ? SimpleResult.svalue(deepMerge(base, merge.apply(undefined, values))) : SimpleResult.svalue(base);
+    };
+    var mergeErrors$1 = function (errors) {
+      return compose(SimpleResult.serror, flatten)(errors);
+    };
+    var consolidateObj = function (objects, base) {
+      var partition = SimpleResult.partition(objects);
+      return partition.errors.length > 0 ? mergeErrors$1(partition.errors) : mergeValues$1(partition.values, base);
+    };
+    var consolidateArr = function (objects) {
+      var partitions = SimpleResult.partition(objects);
+      return partitions.errors.length > 0 ? mergeErrors$1(partitions.errors) : SimpleResult.svalue(partitions.values);
+    };
+    var ResultCombine = {
+      consolidateObj: consolidateObj,
+      consolidateArr: consolidateArr
+    };
+
+    var formatObj = function (input) {
+      return isObject(input) && keys(input).length > 100 ? ' removed due to size' : JSON.stringify(input, null, 2);
+    };
+    var formatErrors = function (errors) {
+      var es = errors.length > 10 ? errors.slice(0, 10).concat([{
+          path: [],
+          getErrorInfo: function () {
+            return '... (only showing first ten failures)';
+          }
+        }]) : errors;
+      return map(es, function (e) {
+        return 'Failed path: (' + e.path.join(' > ') + ')\n' + e.getErrorInfo();
+      });
+    };
+
+    var nu = function (path, getErrorInfo) {
+      return SimpleResult.serror([{
+          path: path,
+          getErrorInfo: getErrorInfo
+        }]);
+    };
+    var missingStrict = function (path, key, obj) {
+      return nu(path, function () {
+        return 'Could not find valid *strict* value for "' + key + '" in ' + formatObj(obj);
+      });
+    };
+    var missingKey = function (path, key) {
+      return nu(path, function () {
+        return 'Choice schema did not contain choice key: "' + key + '"';
+      });
+    };
+    var missingBranch = function (path, branches, branch) {
+      return nu(path, function () {
+        return 'The chosen schema: "' + branch + '" did not exist in branches: ' + formatObj(branches);
+      });
+    };
+    var unsupportedFields = function (path, unsupported) {
+      return nu(path, function () {
+        return 'There are unsupported fields: [' + unsupported.join(', ') + '] specified';
+      });
+    };
+    var custom = function (path, err) {
+      return nu(path, function () {
+        return err;
+      });
+    };
+
+    var adt$1 = Adt.generate([
+      {
+        field: [
+          'key',
+          'okey',
+          'presence',
+          'prop'
+        ]
+      },
+      {
+        state: [
+          'okey',
+          'instantiator'
+        ]
+      }
+    ]);
+    var strictAccess = function (path, obj, key) {
+      return get$1(obj, key).fold(function () {
+        return missingStrict(path, key, obj);
+      }, SimpleResult.svalue);
+    };
+    var fallbackAccess = function (obj, key, fallbackThunk) {
+      var v = get$1(obj, key).fold(function () {
+        return fallbackThunk(obj);
+      }, identity);
+      return SimpleResult.svalue(v);
+    };
+    var optionAccess = function (obj, key) {
+      return SimpleResult.svalue(get$1(obj, key));
+    };
+    var optionDefaultedAccess = function (obj, key, fallback) {
+      var opt = get$1(obj, key).map(function (val) {
+        return val === true ? fallback(obj) : val;
+      });
+      return SimpleResult.svalue(opt);
+    };
+    var cExtractOne = function (path, obj, field, strength) {
+      return field.fold(function (key, okey, presence, prop) {
+        var bundle = function (av) {
+          var result = prop.extract(path.concat([key]), strength, av);
+          return SimpleResult.map(result, function (res) {
+            return wrap(okey, strength(res));
+          });
+        };
+        var bundleAsOption = function (optValue) {
+          return optValue.fold(function () {
+            var outcome = wrap(okey, strength(Optional.none()));
+            return SimpleResult.svalue(outcome);
+          }, function (ov) {
+            var result = prop.extract(path.concat([key]), strength, ov);
+            return SimpleResult.map(result, function (res) {
+              return wrap(okey, strength(Optional.some(res)));
+            });
+          });
+        };
+        return function () {
+          return presence.fold(function () {
+            return SimpleResult.bind(strictAccess(path, obj, key), bundle);
+          }, function (fallbackThunk) {
+            return SimpleResult.bind(fallbackAccess(obj, key, fallbackThunk), bundle);
+          }, function () {
+            return SimpleResult.bind(optionAccess(obj, key), bundleAsOption);
+          }, function (fallbackThunk) {
+            return SimpleResult.bind(optionDefaultedAccess(obj, key, fallbackThunk), bundleAsOption);
+          }, function (baseThunk) {
+            var base = baseThunk(obj);
+            var result = SimpleResult.map(fallbackAccess(obj, key, constant({})), function (v) {
+              return deepMerge(base, v);
+            });
+            return SimpleResult.bind(result, bundle);
+          });
+        }();
+      }, function (okey, instantiator) {
+        var state = instantiator(obj);
+        return SimpleResult.svalue(wrap(okey, strength(state)));
+      });
+    };
+    var cExtract = function (path, obj, fields, strength) {
+      var results = map(fields, function (field) {
+        return cExtractOne(path, obj, field, strength);
+      });
+      return ResultCombine.consolidateObj(results, {});
+    };
+    var valueThunk = function (getDelegate) {
+      var extract = function (path, strength, val) {
+        return getDelegate().extract(path, strength, val);
+      };
+      var toString = function () {
+        return getDelegate().toString();
+      };
+      return {
+        extract: extract,
+        toString: toString
+      };
+    };
+    var value$1 = function (validator) {
+      var extract = function (path, strength, val) {
+        return SimpleResult.bindError(validator(val, strength), function (err) {
+          return custom(path, err);
+        });
+      };
+      var toString = function () {
+        return 'val';
+      };
+      return {
+        extract: extract,
+        toString: toString
+      };
+    };
+    var getSetKeys = function (obj) {
+      return keys(filter$1(obj, function (value) {
+        return value !== undefined && value !== null;
+      }));
+    };
+    var objOfOnly = function (fields) {
+      var delegate = objOf(fields);
+      var fieldNames = foldr(fields, function (acc, f) {
+        return f.fold(function (key) {
+          return deepMerge(acc, wrap$1(key, true));
+        }, constant(acc));
+      }, {});
+      var extract = function (path, strength, o) {
+        var keys = isBoolean(o) ? [] : getSetKeys(o);
+        var extra = filter(keys, function (k) {
+          return !hasNonNullableKey(fieldNames, k);
+        });
+        return extra.length === 0 ? delegate.extract(path, strength, o) : unsupportedFields(path, extra);
+      };
+      return {
+        extract: extract,
+        toString: delegate.toString
+      };
+    };
+    var objOf = function (fields) {
+      var extract = function (path, strength, o) {
+        return cExtract(path, o, fields, strength);
+      };
+      var toString = function () {
+        var fieldStrings = map(fields, function (field) {
+          return field.fold(function (key, okey, presence, prop) {
+            return key + ' -> ' + prop.toString();
+          }, function (okey, _instantiator) {
+            return 'state(' + okey + ')';
+          });
+        });
+        return 'obj{\n' + fieldStrings.join('\n') + '}';
+      };
+      return {
+        extract: extract,
+        toString: toString
+      };
+    };
+    var arrOf = function (prop) {
+      var extract = function (path, strength, array) {
+        var results = map(array, function (a, i) {
+          return prop.extract(path.concat(['[' + i + ']']), strength, a);
+        });
+        return ResultCombine.consolidateArr(results);
+      };
+      var toString = function () {
+        return 'array(' + prop.toString() + ')';
+      };
+      return {
+        extract: extract,
+        toString: toString
+      };
+    };
+    var oneOf = function (props) {
+      var extract = function (path, strength, val) {
+        var errors = [];
+        for (var _i = 0, props_1 = props; _i < props_1.length; _i++) {
+          var prop = props_1[_i];
+          var res = prop.extract(path, strength, val);
+          if (res.stype === SimpleResultType.Value) {
+            return res;
+          }
+          errors.push(res);
+        }
+        return ResultCombine.consolidateArr(errors);
+      };
+      var toString = function () {
+        return 'oneOf(' + map(props, function (prop) {
+          return prop.toString();
+        }).join(', ') + ')';
+      };
+      return {
+        extract: extract,
+        toString: toString
+      };
+    };
+    var setOf = function (validator, prop) {
+      var validateKeys = function (path, keys) {
+        return arrOf(value$1(validator)).extract(path, identity, keys);
+      };
+      var extract = function (path, strength, o) {
+        var keys$1 = keys(o);
+        var validatedKeys = validateKeys(path, keys$1);
+        return SimpleResult.bind(validatedKeys, function (validKeys) {
+          var schema = map(validKeys, function (vk) {
+            return adt$1.field(vk, vk, strict(), prop);
+          });
+          return objOf(schema).extract(path, strength, o);
+        });
+      };
+      var toString = function () {
+        return 'setOf(' + prop.toString() + ')';
+      };
+      return {
+        extract: extract,
+        toString: toString
+      };
+    };
+    var thunk = function (desc, processor) {
+      var getP = cached(function () {
+        return processor();
+      });
+      var extract = function (path, strength, val) {
+        return getP().extract(path, strength, val);
+      };
+      var toString = function () {
+        return getP().toString();
+      };
+      return {
+        extract: extract,
+        toString: toString
+      };
+    };
+    var anyValue = constant(value$1(SimpleResult.svalue));
+    var arrOfObj = compose(arrOf, objOf);
+    var state = adt$1.state;
+    var field = adt$1.field;
+
+    var chooseFrom = function (path, strength, input, branches, ch) {
+      var fields = get$1(branches, ch);
+      return fields.fold(function () {
+        return missingBranch(path, branches, ch);
+      }, function (vp) {
+        return vp.extract(path.concat(['branch: ' + ch]), strength, input);
+      });
+    };
+    var choose = function (key, branches) {
+      var extract = function (path, strength, input) {
+        var choice = get$1(input, key);
+        return choice.fold(function () {
+          return missingKey(path, key);
+        }, function (chosen) {
+          return chooseFrom(path, strength, input, branches, chosen);
+        });
+      };
+      var toString = function () {
+        return 'chooseOn(' + key + '). Possible values: ' + keys(branches);
+      };
+      return {
+        extract: extract,
+        toString: toString
+      };
+    };
+
+    var _anyValue = value$1(SimpleResult.svalue);
+    var arrOfObj$1 = function (objFields) {
+      return arrOfObj(objFields);
+    };
+    var arrOfVal = function () {
+      return arrOf(_anyValue);
+    };
+    var valueThunkOf = valueThunk;
+    var valueOf = function (validator) {
+      return value$1(function (v) {
+        return validator(v).fold(SimpleResult.serror, SimpleResult.svalue);
+      });
+    };
+    var setOf$1 = function (validator, prop) {
+      return setOf(function (v) {
+        return SimpleResult.fromResult(validator(v));
+      }, prop);
+    };
+    var extract = function (label, prop, strength, obj) {
+      var res = prop.extract([label], strength, obj);
+      return SimpleResult.mapError(res, function (errs) {
+        return {
+          input: obj,
+          errors: errs
+        };
+      });
+    };
+    var asRaw = function (label, prop, obj) {
+      return SimpleResult.toResult(extract(label, prop, identity, obj));
+    };
+    var getOrDie = function (extraction) {
+      return extraction.fold(function (errInfo) {
+        throw new Error(formatError(errInfo));
+      }, identity);
+    };
+    var asRawOrDie = function (label, prop, obj) {
+      return getOrDie(asRaw(label, prop, obj));
+    };
+    var formatError = function (errInfo) {
+      return 'Errors: \n' + formatErrors(errInfo.errors).join('\n') + '\n\nInput object: ' + formatObj(errInfo.input);
+    };
+    var chooseProcessor = function (key, branches) {
+      return choose(key, branches);
+    };
+    var choose$1 = function (key, branches) {
+      return choose(key, map$2(branches, objOf));
+    };
+    var thunkOf = function (desc, schema) {
+      return thunk(desc, schema);
+    };
+    var anyValue$1 = constant(_anyValue);
+    var typedValue = function (validator, expectedType) {
+      return value$1(function (a) {
+        var actualType = typeof a;
+        return validator(a) ? SimpleResult.svalue(a) : SimpleResult.serror('Expected type: ' + expectedType + ' but got: ' + actualType);
+      });
+    };
+    var number = typedValue(isNumber, 'number');
+    var string = typedValue(isString, 'string');
+    var boolean = typedValue(isBoolean, 'boolean');
+    var functionProcessor = typedValue(isFunction, 'function');
+    var isPostMessageable = function (val) {
+      var every = function (iter, callbackFn) {
+        var result = iter.next();
+        while (!result.done) {
+          if (!callbackFn(result.value)) {
+            return false;
+          }
+          result = iter.next();
+        }
+        return true;
+      };
+      if (Object(val) !== val) {
+        return true;
+      }
+      switch ({}.toString.call(val).slice(8, -1)) {
+      case 'Boolean':
+      case 'Number':
+      case 'String':
+      case 'Date':
+      case 'RegExp':
+      case 'Blob':
+      case 'FileList':
+      case 'ImageData':
+      case 'ImageBitmap':
+      case 'ArrayBuffer':
+        return true;
+      case 'Array':
+      case 'Object':
+        return Object.keys(val).every(function (prop) {
+          return isPostMessageable(val[prop]);
+        });
+      case 'Map':
+        return every(val.keys(), isPostMessageable) && every(val.values(), isPostMessageable);
+      case 'Set':
+        return every(val.keys(), isPostMessageable);
+      default:
+        return false;
+      }
+    };
+    var postMessageable = value$1(function (a) {
+      return isPostMessageable(a) ? SimpleResult.svalue(a) : SimpleResult.serror('Expected value to be acceptable for sending via postMessage');
+    });
+
+    var validateEnum = function (values) {
+      return valueOf(function (value) {
+        return contains(values, value) ? Result.value(value) : Result.error('Unsupported value: "' + value + '", choose one of "' + values.join(', ') + '".');
+      });
+    };
+    var strict$1 = function (key) {
+      return field(key, key, strict(), anyValue());
+    };
+    var strictOf = function (key, schema) {
+      return field(key, key, strict(), schema);
+    };
+    var strictNumber = function (key) {
+      return strictOf(key, number);
+    };
+    var strictString = function (key) {
+      return strictOf(key, string);
+    };
+    var strictStringEnum = function (key, values) {
+      return field(key, key, strict(), validateEnum(values));
+    };
+    var strictBoolean = function (key) {
+      return strictOf(key, boolean);
+    };
+    var strictFunction = function (key) {
+      return strictOf(key, functionProcessor);
+    };
+    var forbid = function (key, message) {
+      return field(key, key, asOption(), value$1(function (_v) {
+        return SimpleResult.serror('The field: ' + key + ' is forbidden. ' + message);
+      }));
+    };
+    var strictObjOf = function (key, objSchema) {
+      return field(key, key, strict(), objOf(objSchema));
+    };
+    var strictArrayOfObj = function (key, objFields) {
+      return field(key, key, strict(), arrOfObj(objFields));
+    };
+    var strictArrayOf = function (key, schema) {
+      return field(key, key, strict(), arrOf(schema));
+    };
+    var option = function (key) {
+      return field(key, key, asOption(), anyValue());
+    };
+    var optionOf = function (key, schema) {
+      return field(key, key, asOption(), schema);
+    };
+    var optionNumber = function (key) {
+      return optionOf(key, number);
+    };
+    var optionString = function (key) {
+      return optionOf(key, string);
+    };
+    var optionFunction = function (key) {
+      return optionOf(key, functionProcessor);
+    };
+    var optionArrayOf = function (key, schema) {
+      return optionOf(key, arrOf(schema));
+    };
+    var optionObjOf = function (key, objSchema) {
+      return optionOf(key, objOf(objSchema));
+    };
+    var optionObjOfOnly = function (key, objSchema) {
+      return optionOf(key, objOfOnly(objSchema));
+    };
+    var defaulted$1 = function (key, fallback) {
+      return field(key, key, defaulted(fallback), anyValue());
+    };
+    var defaultedOf = function (key, fallback, schema) {
+      return field(key, key, defaulted(fallback), schema);
+    };
+    var defaultedNumber = function (key, fallback) {
+      return defaultedOf(key, fallback, number);
+    };
+    var defaultedString = function (key, fallback) {
+      return defaultedOf(key, fallback, string);
+    };
+    var defaultedStringEnum = function (key, fallback, values) {
+      return defaultedOf(key, fallback, validateEnum(values));
+    };
+    var defaultedBoolean = function (key, fallback) {
+      return defaultedOf(key, fallback, boolean);
+    };
+    var defaultedFunction = function (key, fallback) {
+      return defaultedOf(key, fallback, functionProcessor);
+    };
+    var defaultedPostMsg = function (key, fallback) {
+      return defaultedOf(key, fallback, postMessageable);
+    };
+    var defaultedArrayOf = function (key, fallback, schema) {
+      return defaultedOf(key, fallback, arrOf(schema));
+    };
+    var defaultedObjOf = function (key, fallback, objSchema) {
+      return defaultedOf(key, fallback, objOf(objSchema));
+    };
+    var state$1 = function (okey, instantiator) {
+      return state(okey, instantiator);
+    };
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var fromHtml = function (html, scope) {
+      var doc = scope || document;
+      var div = doc.createElement('div');
+      div.innerHTML = html;
+      if (!div.hasChildNodes() || div.childNodes.length > 1) {
+        console.error('HTML does not have a single root node', html);
+        throw new Error('HTML must have a single root node');
+      }
+      return fromDom(div.childNodes[0]);
+    };
+    var fromTag = function (tag, scope) {
+      var doc = scope || document;
+      var node = doc.createElement(tag);
+      return fromDom(node);
+    };
+    var fromText = function (text, scope) {
+      var doc = scope || document;
+      var node = doc.createTextNode(text);
+      return fromDom(node);
+    };
+    var fromDom = function (node) {
+      if (node === null || node === undefined) {
+        throw new Error('Node cannot be null or undefined');
+      }
+      return { dom: node };
+    };
+    var fromPoint = function (docElm, x, y) {
+      return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
+    };
+    var SugarElement = {
+      fromHtml: fromHtml,
+      fromTag: fromTag,
+      fromText: fromText,
+      fromDom: fromDom,
+      fromPoint: fromPoint
+    };
+
+    var DeviceType = function (os, browser, userAgent, mediaMatch) {
+      var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
+      var isiPhone = os.isiOS() && !isiPad;
+      var isMobile = os.isiOS() || os.isAndroid();
+      var isTouch = isMobile || mediaMatch('(pointer:coarse)');
+      var isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
+      var isPhone = isiPhone || isMobile && !isTablet;
+      var iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
+      var isDesktop = !isPhone && !isTablet && !iOSwebview;
+      return {
+        isiPad: constant(isiPad),
+        isiPhone: constant(isiPhone),
+        isTablet: constant(isTablet),
+        isPhone: constant(isPhone),
+        isTouch: constant(isTouch),
+        isAndroid: os.isAndroid,
+        isiOS: os.isiOS,
+        isWebView: constant(iOSwebview),
+        isDesktop: constant(isDesktop)
+      };
+    };
+
+    var firstMatch = function (regexes, s) {
+      for (var i = 0; i < regexes.length; i++) {
+        var x = regexes[i];
+        if (x.test(s)) {
+          return x;
+        }
+      }
+      return undefined;
+    };
+    var find$2 = function (regexes, agent) {
+      var r = firstMatch(regexes, agent);
+      if (!r) {
+        return {
+          major: 0,
+          minor: 0
+        };
+      }
+      var group = function (i) {
+        return Number(agent.replace(r, '$' + i));
+      };
+      return nu$1(group(1), group(2));
+    };
+    var detect = function (versionRegexes, agent) {
+      var cleanedAgent = String(agent).toLowerCase();
+      if (versionRegexes.length === 0) {
+        return unknown();
+      }
+      return find$2(versionRegexes, cleanedAgent);
+    };
+    var unknown = function () {
+      return nu$1(0, 0);
+    };
+    var nu$1 = function (major, minor) {
+      return {
+        major: major,
+        minor: minor
+      };
+    };
+    var Version = {
+      nu: nu$1,
+      detect: detect,
+      unknown: unknown
+    };
+
+    var detect$1 = function (candidates, userAgent) {
+      var agent = String(userAgent).toLowerCase();
+      return find(candidates, function (candidate) {
+        return candidate.search(agent);
+      });
+    };
+    var detectBrowser = function (browsers, userAgent) {
+      return detect$1(browsers, userAgent).map(function (browser) {
+        var version = Version.detect(browser.versionRegexes, userAgent);
+        return {
+          current: browser.name,
+          version: version
+        };
+      });
+    };
+    var detectOs = function (oses, userAgent) {
+      return detect$1(oses, userAgent).map(function (os) {
+        var version = Version.detect(os.versionRegexes, userAgent);
+        return {
+          current: os.name,
+          version: version
+        };
+      });
+    };
+    var UaString = {
+      detectBrowser: detectBrowser,
+      detectOs: detectOs
+    };
+
+    var checkRange = function (str, substr, start) {
+      return substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    };
+    var contains$1 = function (str, substr) {
+      return str.indexOf(substr) !== -1;
+    };
+    var endsWith = function (str, suffix) {
+      return checkRange(str, suffix, str.length - suffix.length);
+    };
+    var blank = function (r) {
+      return function (s) {
+        return s.replace(r, '');
+      };
+    };
+    var trim = blank(/^\s+|\s+$/g);
+
+    var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
+    var checkContains = function (target) {
+      return function (uastring) {
+        return contains$1(uastring, target);
+      };
+    };
+    var browsers = [
+      {
+        name: 'Edge',
+        versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
+        search: function (uastring) {
+          return contains$1(uastring, 'edge/') && contains$1(uastring, 'chrome') && contains$1(uastring, 'safari') && contains$1(uastring, 'applewebkit');
+        }
+      },
+      {
+        name: 'Chrome',
+        versionRegexes: [
+          /.*?chrome\/([0-9]+)\.([0-9]+).*/,
+          normalVersionRegex
+        ],
+        search: function (uastring) {
+          return contains$1(uastring, 'chrome') && !contains$1(uastring, 'chromeframe');
+        }
+      },
+      {
+        name: 'IE',
+        versionRegexes: [
+          /.*?msie\ ?([0-9]+)\.([0-9]+).*/,
+          /.*?rv:([0-9]+)\.([0-9]+).*/
+        ],
+        search: function (uastring) {
+          return contains$1(uastring, 'msie') || contains$1(uastring, 'trident');
+        }
+      },
+      {
+        name: 'Opera',
+        versionRegexes: [
+          normalVersionRegex,
+          /.*?opera\/([0-9]+)\.([0-9]+).*/
+        ],
+        search: checkContains('opera')
+      },
+      {
+        name: 'Firefox',
+        versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
+        search: checkContains('firefox')
+      },
+      {
+        name: 'Safari',
+        versionRegexes: [
+          normalVersionRegex,
+          /.*?cpu os ([0-9]+)_([0-9]+).*/
+        ],
+        search: function (uastring) {
+          return (contains$1(uastring, 'safari') || contains$1(uastring, 'mobile/')) && contains$1(uastring, 'applewebkit');
+        }
+      }
+    ];
+    var oses = [
+      {
+        name: 'Windows',
+        search: checkContains('win'),
+        versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
+      },
+      {
+        name: 'iOS',
+        search: function (uastring) {
+          return contains$1(uastring, 'iphone') || contains$1(uastring, 'ipad');
+        },
+        versionRegexes: [
+          /.*?version\/\ ?([0-9]+)\.([0-9]+).*/,
+          /.*cpu os ([0-9]+)_([0-9]+).*/,
+          /.*cpu iphone os ([0-9]+)_([0-9]+).*/
+        ]
+      },
+      {
+        name: 'Android',
+        search: checkContains('android'),
+        versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
+      },
+      {
+        name: 'OSX',
+        search: checkContains('mac os x'),
+        versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
+      },
+      {
+        name: 'Linux',
+        search: checkContains('linux'),
+        versionRegexes: []
+      },
+      {
+        name: 'Solaris',
+        search: checkContains('sunos'),
+        versionRegexes: []
+      },
+      {
+        name: 'FreeBSD',
+        search: checkContains('freebsd'),
+        versionRegexes: []
+      },
+      {
+        name: 'ChromeOS',
+        search: checkContains('cros'),
+        versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
+      }
+    ];
+    var PlatformInfo = {
+      browsers: constant(browsers),
+      oses: constant(oses)
+    };
+
+    var edge = 'Edge';
+    var chrome = 'Chrome';
+    var ie = 'IE';
+    var opera = 'Opera';
+    var firefox = 'Firefox';
+    var safari = 'Safari';
+    var unknown$1 = function () {
+      return nu$2({
+        current: undefined,
+        version: Version.unknown()
+      });
+    };
+    var nu$2 = function (info) {
+      var current = info.current;
+      var version = info.version;
+      var isBrowser = function (name) {
+        return function () {
+          return current === name;
+        };
+      };
+      return {
+        current: current,
+        version: version,
+        isEdge: isBrowser(edge),
+        isChrome: isBrowser(chrome),
+        isIE: isBrowser(ie),
+        isOpera: isBrowser(opera),
+        isFirefox: isBrowser(firefox),
+        isSafari: isBrowser(safari)
+      };
+    };
+    var Browser = {
+      unknown: unknown$1,
+      nu: nu$2,
+      edge: constant(edge),
+      chrome: constant(chrome),
+      ie: constant(ie),
+      opera: constant(opera),
+      firefox: constant(firefox),
+      safari: constant(safari)
+    };
+
+    var windows = 'Windows';
+    var ios = 'iOS';
+    var android = 'Android';
+    var linux = 'Linux';
+    var osx = 'OSX';
+    var solaris = 'Solaris';
+    var freebsd = 'FreeBSD';
+    var chromeos = 'ChromeOS';
+    var unknown$2 = function () {
+      return nu$3({
+        current: undefined,
+        version: Version.unknown()
+      });
+    };
+    var nu$3 = function (info) {
+      var current = info.current;
+      var version = info.version;
+      var isOS = function (name) {
+        return function () {
+          return current === name;
+        };
+      };
+      return {
+        current: current,
+        version: version,
+        isWindows: isOS(windows),
+        isiOS: isOS(ios),
+        isAndroid: isOS(android),
+        isOSX: isOS(osx),
+        isLinux: isOS(linux),
+        isSolaris: isOS(solaris),
+        isFreeBSD: isOS(freebsd),
+        isChromeOS: isOS(chromeos)
+      };
+    };
+    var OperatingSystem = {
+      unknown: unknown$2,
+      nu: nu$3,
+      windows: constant(windows),
+      ios: constant(ios),
+      android: constant(android),
+      linux: constant(linux),
+      osx: constant(osx),
+      solaris: constant(solaris),
+      freebsd: constant(freebsd),
+      chromeos: constant(chromeos)
+    };
+
+    var detect$2 = function (userAgent, mediaMatch) {
+      var browsers = PlatformInfo.browsers();
+      var oses = PlatformInfo.oses();
+      var browser = UaString.detectBrowser(browsers, userAgent).fold(Browser.unknown, Browser.nu);
+      var os = UaString.detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
+      var deviceType = DeviceType(os, browser, userAgent, mediaMatch);
+      return {
+        browser: browser,
+        os: os,
+        deviceType: deviceType
+      };
+    };
+    var PlatformDetection = { detect: detect$2 };
+
+    var mediaMatch = function (query) {
+      return window.matchMedia(query).matches;
+    };
+    var platform = cached(function () {
+      return PlatformDetection.detect(navigator.userAgent, mediaMatch);
+    });
+    var detect$3 = function () {
+      return platform();
+    };
+
+    var compareDocumentPosition = function (a, b, match) {
+      return (a.compareDocumentPosition(b) & match) !== 0;
+    };
+    var documentPositionContainedBy = function (a, b) {
+      return compareDocumentPosition(a, b, Node.DOCUMENT_POSITION_CONTAINED_BY);
+    };
+
+    var DOCUMENT = 9;
+    var DOCUMENT_FRAGMENT = 11;
+    var ELEMENT = 1;
+    var TEXT = 3;
+
+    var is = function (element, selector) {
+      var dom = element.dom;
+      if (dom.nodeType !== ELEMENT) {
+        return false;
+      } else {
+        var elem = dom;
+        if (elem.matches !== undefined) {
+          return elem.matches(selector);
+        } else if (elem.msMatchesSelector !== undefined) {
+          return elem.msMatchesSelector(selector);
+        } else if (elem.webkitMatchesSelector !== undefined) {
+          return elem.webkitMatchesSelector(selector);
+        } else if (elem.mozMatchesSelector !== undefined) {
+          return elem.mozMatchesSelector(selector);
+        } else {
+          throw new Error('Browser lacks native selectors');
+        }
+      }
+    };
+    var bypassSelector = function (dom) {
+      return dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT || dom.childElementCount === 0;
+    };
+    var all = function (selector, scope) {
+      var base = scope === undefined ? document : scope.dom;
+      return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+    var one = function (selector, scope) {
+      var base = scope === undefined ? document : scope.dom;
+      return bypassSelector(base) ? Optional.none() : Optional.from(base.querySelector(selector)).map(SugarElement.fromDom);
+    };
+
+    var eq$1 = function (e1, e2) {
+      return e1.dom === e2.dom;
+    };
+    var regularContains = function (e1, e2) {
+      var d1 = e1.dom;
+      var d2 = e2.dom;
+      return d1 === d2 ? false : d1.contains(d2);
+    };
+    var ieContains = function (e1, e2) {
+      return documentPositionContainedBy(e1.dom, e2.dom);
+    };
+    var contains$2 = function (e1, e2) {
+      return detect$3().browser.isIE() ? ieContains(e1, e2) : regularContains(e1, e2);
+    };
+
+    var ensureIsRoot = function (isRoot) {
+      return isFunction(isRoot) ? isRoot : never;
+    };
+    var ancestor = function (scope, transform, isRoot) {
+      var element = scope.dom;
+      var stop = ensureIsRoot(isRoot);
+      while (element.parentNode) {
+        element = element.parentNode;
+        var el = SugarElement.fromDom(element);
+        var transformed = transform(el);
+        if (transformed.isSome()) {
+          return transformed;
+        } else if (stop(el)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var closest = function (scope, transform, isRoot) {
+      var current = transform(scope);
+      var stop = ensureIsRoot(isRoot);
+      return current.orThunk(function () {
+        return stop(scope) ? Optional.none() : ancestor(scope, transform, stop);
+      });
+    };
+
+    var isSource = function (component, simulatedEvent) {
+      return eq$1(component.element, simulatedEvent.event.target);
+    };
+
+    var nu$4 = function (parts) {
+      if (!hasNonNullableKey(parts, 'can') && !hasNonNullableKey(parts, 'abort') && !hasNonNullableKey(parts, 'run')) {
+        throw new Error('EventHandler defined by: ' + JSON.stringify(parts, null, 2) + ' does not have can, abort, or run!');
+      }
+      return asRawOrDie('Extracting event.handler', objOfOnly([
+        defaulted$1('can', always),
+        defaulted$1('abort', never),
+        defaulted$1('run', noop)
+      ]), parts);
+    };
+    var all$1 = function (handlers, f) {
+      return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        return foldl(handlers, function (acc, handler) {
+          return acc && f(handler).apply(undefined, args);
+        }, true);
+      };
+    };
+    var any = function (handlers, f) {
+      return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        return foldl(handlers, function (acc, handler) {
+          return acc || f(handler).apply(undefined, args);
+        }, false);
+      };
+    };
+    var read = function (handler) {
+      return isFunction(handler) ? {
+        can: constant(true),
+        abort: constant(false),
+        run: handler
+      } : handler;
+    };
+    var fuse = function (handlers) {
+      var can = all$1(handlers, function (handler) {
+        return handler.can;
+      });
+      var abort = any(handlers, function (handler) {
+        return handler.abort;
+      });
+      var run = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        each(handlers, function (handler) {
+          handler.run.apply(undefined, args);
+        });
+      };
+      return nu$4({
+        can: can,
+        abort: abort,
+        run: run
+      });
+    };
+
+    var constant$1 = constant;
+    var touchstart = constant$1('touchstart');
+    var touchmove = constant$1('touchmove');
+    var touchend = constant$1('touchend');
+    var touchcancel = constant$1('touchcancel');
+    var mousedown = constant$1('mousedown');
+    var mousemove = constant$1('mousemove');
+    var mouseout = constant$1('mouseout');
+    var mouseup = constant$1('mouseup');
+    var mouseover = constant$1('mouseover');
+    var focusin = constant$1('focusin');
+    var focusout = constant$1('focusout');
+    var keydown = constant$1('keydown');
+    var keyup = constant$1('keyup');
+    var input = constant$1('input');
+    var change = constant$1('change');
+    var click = constant$1('click');
+    var transitionend = constant$1('transitionend');
+    var selectstart = constant$1('selectstart');
+
+    var prefixName = function (name) {
+      return constant('alloy.' + name);
+    };
+    var alloy = { tap: prefixName('tap') };
+    var focus = prefixName('focus');
+    var postBlur = prefixName('blur.post');
+    var postPaste = prefixName('paste.post');
+    var receive = prefixName('receive');
+    var execute = prefixName('execute');
+    var focusItem = prefixName('focus.item');
+    var tap = alloy.tap;
+    var longpress = prefixName('longpress');
+    var sandboxClose = prefixName('sandbox.close');
+    var typeaheadCancel = prefixName('typeahead.cancel');
+    var systemInit = prefixName('system.init');
+    var documentTouchmove = prefixName('system.touchmove');
+    var documentTouchend = prefixName('system.touchend');
+    var windowScroll = prefixName('system.scroll');
+    var windowResize = prefixName('system.resize');
+    var attachedToDom = prefixName('system.attached');
+    var detachedFromDom = prefixName('system.detached');
+    var dismissRequested = prefixName('system.dismissRequested');
+    var repositionRequested = prefixName('system.repositionRequested');
+    var focusShifted = prefixName('focusmanager.shifted');
+    var slotVisibility = prefixName('slotcontainer.visibility');
+    var changeTab = prefixName('change.tab');
+    var dismissTab = prefixName('dismiss.tab');
+    var highlight = prefixName('highlight');
+    var dehighlight = prefixName('dehighlight');
+
+    var emit = function (component, event) {
+      dispatchWith(component, component.element, event, {});
+    };
+    var emitWith = function (component, event, properties) {
+      dispatchWith(component, component.element, event, properties);
+    };
+    var emitExecute = function (component) {
+      emit(component, execute());
+    };
+    var dispatch = function (component, target, event) {
+      dispatchWith(component, target, event, {});
+    };
+    var dispatchWith = function (component, target, event, properties) {
+      var data = __assign({ target: target }, properties);
+      component.getSystem().triggerEvent(event, target, data);
+    };
+    var dispatchEvent = function (component, target, event, simulatedEvent) {
+      component.getSystem().triggerEvent(event, target, simulatedEvent.event);
+    };
+
+    var derive = function (configs) {
+      return wrapAll$1(configs);
+    };
+    var abort = function (name, predicate) {
+      return {
+        key: name,
+        value: nu$4({ abort: predicate })
+      };
+    };
+    var can = function (name, predicate) {
+      return {
+        key: name,
+        value: nu$4({ can: predicate })
+      };
+    };
+    var preventDefault = function (name) {
+      return {
+        key: name,
+        value: nu$4({
+          run: function (component, simulatedEvent) {
+            simulatedEvent.event.prevent();
+          }
+        })
+      };
+    };
+    var run = function (name, handler) {
+      return {
+        key: name,
+        value: nu$4({ run: handler })
+      };
+    };
+    var runActionExtra = function (name, action, extra) {
+      return {
+        key: name,
+        value: nu$4({
+          run: function (component, simulatedEvent) {
+            action.apply(undefined, [
+              component,
+              simulatedEvent
+            ].concat(extra));
+          }
+        })
+      };
+    };
+    var runOnName = function (name) {
+      return function (handler) {
+        return run(name, handler);
+      };
+    };
+    var runOnSourceName = function (name) {
+      return function (handler) {
+        return {
+          key: name,
+          value: nu$4({
+            run: function (component, simulatedEvent) {
+              if (isSource(component, simulatedEvent)) {
+                handler(component, simulatedEvent);
+              }
+            }
+          })
+        };
+      };
+    };
+    var redirectToUid = function (name, uid) {
+      return run(name, function (component, simulatedEvent) {
+        component.getSystem().getByUid(uid).each(function (redirectee) {
+          dispatchEvent(redirectee, redirectee.element, name, simulatedEvent);
+        });
+      });
+    };
+    var redirectToPart = function (name, detail, partName) {
+      var uid = detail.partUids[partName];
+      return redirectToUid(name, uid);
+    };
+    var runWithTarget = function (name, f) {
+      return run(name, function (component, simulatedEvent) {
+        var ev = simulatedEvent.event;
+        var target = component.getSystem().getByDom(ev.target).fold(function () {
+          var closest$1 = closest(ev.target, function (el) {
+            return component.getSystem().getByDom(el).toOptional();
+          }, never);
+          return closest$1.getOr(component);
+        }, function (c) {
+          return c;
+        });
+        f(component, target, simulatedEvent);
+      });
+    };
+    var cutter = function (name) {
+      return run(name, function (component, simulatedEvent) {
+        simulatedEvent.cut();
+      });
+    };
+    var stopper = function (name) {
+      return run(name, function (component, simulatedEvent) {
+        simulatedEvent.stop();
+      });
+    };
+    var runOnSource = function (name, f) {
+      return runOnSourceName(name)(f);
+    };
+    var runOnAttached = runOnSourceName(attachedToDom());
+    var runOnDetached = runOnSourceName(detachedFromDom());
+    var runOnInit = runOnSourceName(systemInit());
+    var runOnExecute = runOnName(execute());
+
+    var Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    var name = function (element) {
+      var r = element.dom.nodeName;
+      return r.toLowerCase();
+    };
+    var type = function (element) {
+      return element.dom.nodeType;
+    };
+    var isType$1 = function (t) {
+      return function (element) {
+        return type(element) === t;
+      };
+    };
+    var isElement = isType$1(ELEMENT);
+    var isText = isType$1(TEXT);
+    var isDocument = isType$1(DOCUMENT);
+    var isDocumentFragment = isType$1(DOCUMENT_FRAGMENT);
+
+    var owner = function (element) {
+      return SugarElement.fromDom(element.dom.ownerDocument);
+    };
+    var documentOrOwner = function (dos) {
+      return isDocument(dos) ? dos : owner(dos);
+    };
+    var documentElement = function (element) {
+      return SugarElement.fromDom(documentOrOwner(element).dom.documentElement);
+    };
+    var defaultView = function (element) {
+      return SugarElement.fromDom(documentOrOwner(element).dom.defaultView);
+    };
+    var parent = function (element) {
+      return Optional.from(element.dom.parentNode).map(SugarElement.fromDom);
+    };
+    var parentNode = function (element) {
+      return parent(element);
+    };
+    var offsetParent = function (element) {
+      return Optional.from(element.dom.offsetParent).map(SugarElement.fromDom);
+    };
+    var nextSibling = function (element) {
+      return Optional.from(element.dom.nextSibling).map(SugarElement.fromDom);
+    };
+    var children = function (element) {
+      return map(element.dom.childNodes, SugarElement.fromDom);
+    };
+    var child = function (element, index) {
+      var cs = element.dom.childNodes;
+      return Optional.from(cs[index]).map(SugarElement.fromDom);
+    };
+    var firstChild = function (element) {
+      return child(element, 0);
+    };
+
+    var before = function (marker, element) {
+      var parent$1 = parent(marker);
+      parent$1.each(function (v) {
+        v.dom.insertBefore(element.dom, marker.dom);
+      });
+    };
+    var after = function (marker, element) {
+      var sibling = nextSibling(marker);
+      sibling.fold(function () {
+        var parent$1 = parent(marker);
+        parent$1.each(function (v) {
+          append(v, element);
+        });
+      }, function (v) {
+        before(v, element);
+      });
+    };
+    var prepend = function (parent, element) {
+      var firstChild$1 = firstChild(parent);
+      firstChild$1.fold(function () {
+        append(parent, element);
+      }, function (v) {
+        parent.dom.insertBefore(element.dom, v.dom);
+      });
+    };
+    var append = function (parent, element) {
+      parent.dom.appendChild(element.dom);
+    };
+    var appendAt = function (parent, element, index) {
+      child(parent, index).fold(function () {
+        append(parent, element);
+      }, function (v) {
+        before(v, element);
+      });
+    };
+
+    var before$1 = function (marker, elements) {
+      each(elements, function (x) {
+        before(marker, x);
+      });
+    };
+    var append$1 = function (parent, elements) {
+      each(elements, function (x) {
+        append(parent, x);
+      });
+    };
+
+    var empty = function (element) {
+      element.dom.textContent = '';
+      each(children(element), function (rogue) {
+        remove(rogue);
+      });
+    };
+    var remove = function (element) {
+      var dom = element.dom;
+      if (dom.parentNode !== null) {
+        dom.parentNode.removeChild(dom);
+      }
+    };
+    var unwrap = function (wrapper) {
+      var children$1 = children(wrapper);
+      if (children$1.length > 0) {
+        before$1(wrapper, children$1);
+      }
+      remove(wrapper);
+    };
+
+    var fromHtml$1 = function (html, scope) {
+      var doc = scope || document;
+      var div = doc.createElement('div');
+      div.innerHTML = html;
+      return children(SugarElement.fromDom(div));
+    };
+
+    var get$2 = function (element) {
+      return element.dom.innerHTML;
+    };
+    var set = function (element, content) {
+      var owner$1 = owner(element);
+      var docDom = owner$1.dom;
+      var fragment = SugarElement.fromDom(docDom.createDocumentFragment());
+      var contentElements = fromHtml$1(content, docDom);
+      append$1(fragment, contentElements);
+      empty(element);
+      append(element, fragment);
+    };
+    var getOuter = function (element) {
+      var container = SugarElement.fromTag('div');
+      var clone = SugarElement.fromDom(element.dom.cloneNode(true));
+      append(container, clone);
+      return get$2(container);
+    };
+
+    var rawSet = function (dom, key, value) {
+      if (isString(value) || isBoolean(value) || isNumber(value)) {
+        dom.setAttribute(key, value + '');
+      } else {
+        console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+        throw new Error('Attribute value was not simple');
+      }
+    };
+    var set$1 = function (element, key, value) {
+      rawSet(element.dom, key, value);
+    };
+    var setAll = function (element, attrs) {
+      var dom = element.dom;
+      each$1(attrs, function (v, k) {
+        rawSet(dom, k, v);
+      });
+    };
+    var get$3 = function (element, key) {
+      var v = element.dom.getAttribute(key);
+      return v === null ? undefined : v;
+    };
+    var getOpt = function (element, key) {
+      return Optional.from(get$3(element, key));
+    };
+    var has$1 = function (element, key) {
+      var dom = element.dom;
+      return dom && dom.hasAttribute ? dom.hasAttribute(key) : false;
+    };
+    var remove$1 = function (element, key) {
+      element.dom.removeAttribute(key);
+    };
+
+    var clone = function (original, isDeep) {
+      return SugarElement.fromDom(original.dom.cloneNode(isDeep));
+    };
+    var shallow$1 = function (original) {
+      return clone(original, false);
+    };
+
+    var getHtml = function (element) {
+      var clone = shallow$1(element);
+      return getOuter(clone);
+    };
+
+    var element = function (elem) {
+      return getHtml(elem);
+    };
+
+    var isRecursive = function (component, originator, target) {
+      return eq$1(originator, component.element) && !eq$1(originator, target);
+    };
+    var events = derive([can(focus(), function (component, simulatedEvent) {
+        var event = simulatedEvent.event;
+        var originator = event.originator;
+        var target = event.target;
+        if (isRecursive(component, originator, target)) {
+          console.warn(focus() + ' did not get interpreted by the desired target. ' + '\nOriginator: ' + element(originator) + '\nTarget: ' + element(target) + '\nCheck the ' + focus() + ' event handlers');
+          return false;
+        } else {
+          return true;
+        }
+      })]);
+
+    var DefaultEvents = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events
+    });
+
+    var unique = 0;
+    var generate$1 = function (prefix) {
+      var date = new Date();
+      var time = date.getTime();
+      var random = Math.floor(Math.random() * 1000000000);
+      unique++;
+      return prefix + '_' + random + unique + String(time);
+    };
+
+    var prefix = constant('alloy-id-');
+    var idAttr = constant('data-alloy-id');
+
+    var prefix$1 = prefix();
+    var idAttr$1 = idAttr();
+    var write = function (label, elem) {
+      var id = generate$1(prefix$1 + label);
+      writeOnly(elem, id);
+      return id;
+    };
+    var writeOnly = function (elem, uid) {
+      Object.defineProperty(elem.dom, idAttr$1, {
+        value: uid,
+        writable: true
+      });
+    };
+    var read$1 = function (elem) {
+      var id = isElement(elem) ? elem.dom[idAttr$1] : null;
+      return Optional.from(id);
+    };
+    var generate$2 = function (prefix) {
+      return generate$1(prefix);
+    };
+
+    var make = identity;
+
+    var NoContextApi = function (getComp) {
+      var fail = function (event) {
+        return function () {
+          throw new Error('The component must be in a context to send: ' + event + (getComp ? '\n' + element(getComp().element) + ' is not in context.' : ''));
+        };
+      };
+      return {
+        debugInfo: constant('fake'),
+        triggerEvent: fail('triggerEvent'),
+        triggerFocus: fail('triggerFocus'),
+        triggerEscape: fail('triggerEscape'),
+        build: fail('build'),
+        addToWorld: fail('addToWorld'),
+        removeFromWorld: fail('removeFromWorld'),
+        addToGui: fail('addToGui'),
+        removeFromGui: fail('removeFromGui'),
+        getByUid: fail('getByUid'),
+        getByDom: fail('getByDom'),
+        broadcast: fail('broadcast'),
+        broadcastOn: fail('broadcastOn'),
+        broadcastEvent: fail('broadcastEvent'),
+        isConnected: never
+      };
+    };
+    var singleton = NoContextApi();
+
+    var markAsBehaviourApi = function (f, apiName, apiFunction) {
+      var delegate = apiFunction.toString();
+      var endIndex = delegate.indexOf(')') + 1;
+      var openBracketIndex = delegate.indexOf('(');
+      var parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
+      f.toFunctionAnnotation = function () {
+        return {
+          name: apiName,
+          parameters: cleanParameters(parameters.slice(0, 1).concat(parameters.slice(3)))
+        };
+      };
+      return f;
+    };
+    var cleanParameters = function (parameters) {
+      return map(parameters, function (p) {
+        return endsWith(p, '/*') ? p.substring(0, p.length - '/*'.length) : p;
+      });
+    };
+    var markAsExtraApi = function (f, extraName) {
+      var delegate = f.toString();
+      var endIndex = delegate.indexOf(')') + 1;
+      var openBracketIndex = delegate.indexOf('(');
+      var parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
+      f.toFunctionAnnotation = function () {
+        return {
+          name: extraName,
+          parameters: cleanParameters(parameters)
+        };
+      };
+      return f;
+    };
+    var markAsSketchApi = function (f, apiFunction) {
+      var delegate = apiFunction.toString();
+      var endIndex = delegate.indexOf(')') + 1;
+      var openBracketIndex = delegate.indexOf('(');
+      var parameters = delegate.substring(openBracketIndex + 1, endIndex - 1).split(/,\s*/);
+      f.toFunctionAnnotation = function () {
+        return {
+          name: 'OVERRIDE',
+          parameters: cleanParameters(parameters.slice(1))
+        };
+      };
+      return f;
+    };
+
+    var premadeTag = generate$1('alloy-premade');
+    var premade = function (comp) {
+      return wrap$1(premadeTag, comp);
+    };
+    var getPremade = function (spec) {
+      return get$1(spec, premadeTag);
+    };
+    var makeApi = function (f) {
+      return markAsSketchApi(function (component) {
+        var rest = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+          rest[_i - 1] = arguments[_i];
+        }
+        return f.apply(void 0, __spreadArrays([
+          component.getApis(),
+          component
+        ], rest));
+      }, f);
+    };
+
+    var NoState = {
+      init: function () {
+        return nu$5({
+          readState: function () {
+            return 'No State required';
+          }
+        });
+      }
+    };
+    var nu$5 = function (spec) {
+      return spec;
+    };
+
+    var generateFrom = function (spec, all) {
+      var schema = map(all, function (a) {
+        return optionObjOf(a.name(), [
+          strict$1('config'),
+          defaulted$1('state', NoState)
+        ]);
+      });
+      var validated = asRaw('component.behaviours', objOf(schema), spec.behaviours).fold(function (errInfo) {
+        throw new Error(formatError(errInfo) + '\nComplete spec:\n' + JSON.stringify(spec, null, 2));
+      }, function (v) {
+        return v;
+      });
+      return {
+        list: all,
+        data: map$2(validated, function (optBlobThunk) {
+          var output = optBlobThunk.map(function (blob) {
+            return {
+              config: blob.config,
+              state: blob.state.init(blob.config)
+            };
+          });
+          return function () {
+            return output;
+          };
+        })
+      };
+    };
+    var getBehaviours = function (bData) {
+      return bData.list;
+    };
+    var getData = function (bData) {
+      return bData.data;
+    };
+
+    var byInnerKey = function (data, tuple) {
+      var r = {};
+      each$1(data, function (detail, key) {
+        each$1(detail, function (value, indexKey) {
+          var chain = get$1(r, indexKey).getOr([]);
+          r[indexKey] = chain.concat([tuple(key, value)]);
+        });
+      });
+      return r;
+    };
+
+    var nu$6 = function (s) {
+      return {
+        classes: s.classes !== undefined ? s.classes : [],
+        attributes: s.attributes !== undefined ? s.attributes : {},
+        styles: s.styles !== undefined ? s.styles : {}
+      };
+    };
+    var merge$1 = function (defnA, mod) {
+      return __assign(__assign({}, defnA), {
+        attributes: __assign(__assign({}, defnA.attributes), mod.attributes),
+        styles: __assign(__assign({}, defnA.styles), mod.styles),
+        classes: defnA.classes.concat(mod.classes)
+      });
+    };
+
+    var combine = function (info, baseMod, behaviours, base) {
+      var modsByBehaviour = __assign({}, baseMod);
+      each(behaviours, function (behaviour) {
+        modsByBehaviour[behaviour.name()] = behaviour.exhibit(info, base);
+      });
+      var byAspect = byInnerKey(modsByBehaviour, function (name, modification) {
+        return {
+          name: name,
+          modification: modification
+        };
+      });
+      var combineObjects = function (objects) {
+        return foldr(objects, function (b, a) {
+          return __assign(__assign({}, a.modification), b);
+        }, {});
+      };
+      var combinedClasses = foldr(byAspect.classes, function (b, a) {
+        return a.modification.concat(b);
+      }, []);
+      var combinedAttributes = combineObjects(byAspect.attributes);
+      var combinedStyles = combineObjects(byAspect.styles);
+      return nu$6({
+        classes: combinedClasses,
+        attributes: combinedAttributes,
+        styles: combinedStyles
+      });
+    };
+
+    var sortKeys = function (label, keyName, array, order) {
+      try {
+        var sorted = sort(array, function (a, b) {
+          var aKey = a[keyName];
+          var bKey = b[keyName];
+          var aIndex = order.indexOf(aKey);
+          var bIndex = order.indexOf(bKey);
+          if (aIndex === -1) {
+            throw new Error('The ordering for ' + label + ' does not have an entry for ' + aKey + '.\nOrder specified: ' + JSON.stringify(order, null, 2));
+          }
+          if (bIndex === -1) {
+            throw new Error('The ordering for ' + label + ' does not have an entry for ' + bKey + '.\nOrder specified: ' + JSON.stringify(order, null, 2));
+          }
+          if (aIndex < bIndex) {
+            return -1;
+          } else if (bIndex < aIndex) {
+            return 1;
+          } else {
+            return 0;
+          }
+        });
+        return Result.value(sorted);
+      } catch (err) {
+        return Result.error([err]);
+      }
+    };
+
+    var uncurried = function (handler, purpose) {
+      return {
+        handler: handler,
+        purpose: purpose
+      };
+    };
+    var curried = function (handler, purpose) {
+      return {
+        cHandler: handler,
+        purpose: purpose
+      };
+    };
+    var curryArgs = function (descHandler, extraArgs) {
+      return curried(curry.apply(undefined, [descHandler.handler].concat(extraArgs)), descHandler.purpose);
+    };
+    var getCurried = function (descHandler) {
+      return descHandler.cHandler;
+    };
+
+    var behaviourTuple = function (name, handler) {
+      return {
+        name: name,
+        handler: handler
+      };
+    };
+    var nameToHandlers = function (behaviours, info) {
+      var r = {};
+      each(behaviours, function (behaviour) {
+        r[behaviour.name()] = behaviour.handlers(info);
+      });
+      return r;
+    };
+    var groupByEvents = function (info, behaviours, base) {
+      var behaviourEvents = __assign(__assign({}, base), nameToHandlers(behaviours, info));
+      return byInnerKey(behaviourEvents, behaviourTuple);
+    };
+    var combine$1 = function (info, eventOrder, behaviours, base) {
+      var byEventName = groupByEvents(info, behaviours, base);
+      return combineGroups(byEventName, eventOrder);
+    };
+    var assemble = function (rawHandler) {
+      var handler = read(rawHandler);
+      return function (component, simulatedEvent) {
+        var rest = [];
+        for (var _i = 2; _i < arguments.length; _i++) {
+          rest[_i - 2] = arguments[_i];
+        }
+        var args = [
+          component,
+          simulatedEvent
+        ].concat(rest);
+        if (handler.abort.apply(undefined, args)) {
+          simulatedEvent.stop();
+        } else if (handler.can.apply(undefined, args)) {
+          handler.run.apply(undefined, args);
+        }
+      };
+    };
+    var missingOrderError = function (eventName, tuples) {
+      return Result.error(['The event (' + eventName + ') has more than one behaviour that listens to it.\nWhen this occurs, you must ' + 'specify an event ordering for the behaviours in your spec (e.g. [ "listing", "toggling" ]).\nThe behaviours that ' + 'can trigger it are: ' + JSON.stringify(map(tuples, function (c) {
+          return c.name;
+        }), null, 2)]);
+    };
+    var fuse$1 = function (tuples, eventOrder, eventName) {
+      var order = eventOrder[eventName];
+      if (!order) {
+        return missingOrderError(eventName, tuples);
+      } else {
+        return sortKeys('Event: ' + eventName, 'name', tuples, order).map(function (sortedTuples) {
+          var handlers = map(sortedTuples, function (tuple) {
+            return tuple.handler;
+          });
+          return fuse(handlers);
+        });
+      }
+    };
+    var combineGroups = function (byEventName, eventOrder) {
+      var r = mapToArray(byEventName, function (tuples, eventName) {
+        var combined = tuples.length === 1 ? Result.value(tuples[0].handler) : fuse$1(tuples, eventOrder, eventName);
+        return combined.map(function (handler) {
+          var assembled = assemble(handler);
+          var purpose = tuples.length > 1 ? filter(eventOrder[eventName], function (o) {
+            return exists(tuples, function (t) {
+              return t.name === o;
+            });
+          }).join(' > ') : tuples[0].name;
+          return wrap$1(eventName, uncurried(assembled, purpose));
+        });
+      });
+      return consolidate(r, {});
+    };
+
+    var baseBehaviour = 'alloy.base.behaviour';
+    var toInfo = function (spec) {
+      var _a;
+      return asRaw('custom.definition', objOf([
+        field('dom', 'dom', strict(), objOf([
+          strict$1('tag'),
+          defaulted$1('styles', {}),
+          defaulted$1('classes', []),
+          defaulted$1('attributes', {}),
+          option('value'),
+          option('innerHtml')
+        ])),
+        strict$1('components'),
+        strict$1('uid'),
+        defaulted$1('events', {}),
+        defaulted$1('apis', {}),
+        field('eventOrder', 'eventOrder', mergeWith((_a = {}, _a[execute()] = [
+          'disabling',
+          baseBehaviour,
+          'toggling',
+          'typeaheadevents'
+        ], _a[focus()] = [
+          baseBehaviour,
+          'focusing',
+          'keying'
+        ], _a[systemInit()] = [
+          baseBehaviour,
+          'disabling',
+          'toggling',
+          'representing'
+        ], _a[input()] = [
+          baseBehaviour,
+          'representing',
+          'streaming',
+          'invalidating'
+        ], _a[detachedFromDom()] = [
+          baseBehaviour,
+          'representing',
+          'item-events',
+          'tooltipping'
+        ], _a[mousedown()] = [
+          'focusing',
+          baseBehaviour,
+          'item-type-events'
+        ], _a[touchstart()] = [
+          'focusing',
+          baseBehaviour,
+          'item-type-events'
+        ], _a[mouseover()] = [
+          'item-type-events',
+          'tooltipping'
+        ], _a[receive()] = [
+          'receiving',
+          'reflecting',
+          'tooltipping'
+        ], _a)), anyValue$1()),
+        option('domModification')
+      ]), spec);
+    };
+    var toDefinition = function (detail) {
+      return __assign(__assign({}, detail.dom), {
+        uid: detail.uid,
+        domChildren: map(detail.components, function (comp) {
+          return comp.element;
+        })
+      });
+    };
+    var toModification = function (detail) {
+      return detail.domModification.fold(function () {
+        return nu$6({});
+      }, nu$6);
+    };
+    var toEvents = function (info) {
+      return info.events;
+    };
+
+    var read$2 = function (element, attr) {
+      var value = get$3(element, attr);
+      return value === undefined || value === '' ? [] : value.split(' ');
+    };
+    var add = function (element, attr, id) {
+      var old = read$2(element, attr);
+      var nu = old.concat([id]);
+      set$1(element, attr, nu.join(' '));
+      return true;
+    };
+    var remove$2 = function (element, attr, id) {
+      var nu = filter(read$2(element, attr), function (v) {
+        return v !== id;
+      });
+      if (nu.length > 0) {
+        set$1(element, attr, nu.join(' '));
+      } else {
+        remove$1(element, attr);
+      }
+      return false;
+    };
+
+    var supports = function (element) {
+      return element.dom.classList !== undefined;
+    };
+    var get$4 = function (element) {
+      return read$2(element, 'class');
+    };
+    var add$1 = function (element, clazz) {
+      return add(element, 'class', clazz);
+    };
+    var remove$3 = function (element, clazz) {
+      return remove$2(element, 'class', clazz);
+    };
+
+    var add$2 = function (element, clazz) {
+      if (supports(element)) {
+        element.dom.classList.add(clazz);
+      } else {
+        add$1(element, clazz);
+      }
+    };
+    var cleanClass = function (element) {
+      var classList = supports(element) ? element.dom.classList : get$4(element);
+      if (classList.length === 0) {
+        remove$1(element, 'class');
+      }
+    };
+    var remove$4 = function (element, clazz) {
+      if (supports(element)) {
+        var classList = element.dom.classList;
+        classList.remove(clazz);
+      } else {
+        remove$3(element, clazz);
+      }
+      cleanClass(element);
+    };
+    var has$2 = function (element, clazz) {
+      return supports(element) && element.dom.classList.contains(clazz);
+    };
+
+    var add$3 = function (element, classes) {
+      each(classes, function (x) {
+        add$2(element, x);
+      });
+    };
+    var remove$5 = function (element, classes) {
+      each(classes, function (x) {
+        remove$4(element, x);
+      });
+    };
+
+    var isSupported = function (dom) {
+      return dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+    };
+
+    var isShadowRoot = function (dos) {
+      return isDocumentFragment(dos);
+    };
+    var supported = isFunction(Element.prototype.attachShadow) && isFunction(Node.prototype.getRootNode);
+    var isSupported$1 = constant(supported);
+    var getRootNode = supported ? function (e) {
+      return SugarElement.fromDom(e.dom.getRootNode());
+    } : documentOrOwner;
+    var getContentContainer = function (dos) {
+      return isShadowRoot(dos) ? dos : SugarElement.fromDom(documentOrOwner(dos).dom.body);
+    };
+    var isInShadowRoot = function (e) {
+      return getShadowRoot(e).isSome();
+    };
+    var getShadowRoot = function (e) {
+      var r = getRootNode(e);
+      return isShadowRoot(r) ? Optional.some(r) : Optional.none();
+    };
+    var getShadowHost = function (e) {
+      return SugarElement.fromDom(e.dom.host);
+    };
+    var getOriginalEventTarget = function (event) {
+      if (isSupported$1() && isNonNullable(event.target)) {
+        var el = SugarElement.fromDom(event.target);
+        if (isElement(el) && isOpenShadowHost(el)) {
+          if (event.composed && event.composedPath) {
+            var composedPath = event.composedPath();
+            if (composedPath) {
+              return head(composedPath);
+            }
+          }
+        }
+      }
+      return Optional.from(event.target);
+    };
+    var isOpenShadowHost = function (element) {
+      return isNonNullable(element.dom.shadowRoot);
+    };
+
+    var inBody = function (element) {
+      var dom = isText(element) ? element.dom.parentNode : element.dom;
+      if (dom === undefined || dom === null || dom.ownerDocument === null) {
+        return false;
+      }
+      var doc = dom.ownerDocument;
+      return getShadowRoot(SugarElement.fromDom(dom)).fold(function () {
+        return doc.body.contains(dom);
+      }, compose1(inBody, getShadowHost));
+    };
+    var body = function () {
+      return getBody(SugarElement.fromDom(document));
+    };
+    var getBody = function (doc) {
+      var b = doc.dom.body;
+      if (b === null || b === undefined) {
+        throw new Error('Body is not available yet');
+      }
+      return SugarElement.fromDom(b);
+    };
+
+    var internalSet = function (dom, property, value) {
+      if (!isString(value)) {
+        console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+        throw new Error('CSS value must be a string: ' + value);
+      }
+      if (isSupported(dom)) {
+        dom.style.setProperty(property, value);
+      }
+    };
+    var internalRemove = function (dom, property) {
+      if (isSupported(dom)) {
+        dom.style.removeProperty(property);
+      }
+    };
+    var set$2 = function (element, property, value) {
+      var dom = element.dom;
+      internalSet(dom, property, value);
+    };
+    var setAll$1 = function (element, css) {
+      var dom = element.dom;
+      each$1(css, function (v, k) {
+        internalSet(dom, k, v);
+      });
+    };
+    var setOptions = function (element, css) {
+      var dom = element.dom;
+      each$1(css, function (v, k) {
+        v.fold(function () {
+          internalRemove(dom, k);
+        }, function (value) {
+          internalSet(dom, k, value);
+        });
+      });
+    };
+    var get$5 = function (element, property) {
+      var dom = element.dom;
+      var styles = window.getComputedStyle(dom);
+      var r = styles.getPropertyValue(property);
+      return r === '' && !inBody(element) ? getUnsafeProperty(dom, property) : r;
+    };
+    var getUnsafeProperty = function (dom, property) {
+      return isSupported(dom) ? dom.style.getPropertyValue(property) : '';
+    };
+    var getRaw = function (element, property) {
+      var dom = element.dom;
+      var raw = getUnsafeProperty(dom, property);
+      return Optional.from(raw).filter(function (r) {
+        return r.length > 0;
+      });
+    };
+    var getAllRaw = function (element) {
+      var css = {};
+      var dom = element.dom;
+      if (isSupported(dom)) {
+        for (var i = 0; i < dom.style.length; i++) {
+          var ruleName = dom.style.item(i);
+          css[ruleName] = dom.style[ruleName];
+        }
+      }
+      return css;
+    };
+    var isValidValue = function (tag, property, value) {
+      var element = SugarElement.fromTag(tag);
+      set$2(element, property, value);
+      var style = getRaw(element, property);
+      return style.isSome();
+    };
+    var remove$6 = function (element, property) {
+      var dom = element.dom;
+      internalRemove(dom, property);
+      if (getOpt(element, 'style').map(trim).is('')) {
+        remove$1(element, 'style');
+      }
+    };
+    var reflow = function (e) {
+      return e.dom.offsetWidth;
+    };
+
+    var get$6 = function (element) {
+      return element.dom.value;
+    };
+    var set$3 = function (element, value) {
+      if (value === undefined) {
+        throw new Error('Value.set was undefined');
+      }
+      element.dom.value = value;
+    };
+
+    var renderToDom = function (definition) {
+      var subject = SugarElement.fromTag(definition.tag);
+      setAll(subject, definition.attributes);
+      add$3(subject, definition.classes);
+      setAll$1(subject, definition.styles);
+      definition.innerHtml.each(function (html) {
+        return set(subject, html);
+      });
+      var children = definition.domChildren;
+      append$1(subject, children);
+      definition.value.each(function (value) {
+        set$3(subject, value);
+      });
+      if (!definition.uid) {
+        debugger;
+      }
+      writeOnly(subject, definition.uid);
+      return subject;
+    };
+
+    var getBehaviours$1 = function (spec) {
+      var behaviours = get$1(spec, 'behaviours').getOr({});
+      var keys$1 = filter(keys(behaviours), function (k) {
+        return behaviours[k] !== undefined;
+      });
+      return map(keys$1, function (k) {
+        return behaviours[k].me;
+      });
+    };
+    var generateFrom$1 = function (spec, all) {
+      return generateFrom(spec, all);
+    };
+    var generate$3 = function (spec) {
+      var all = getBehaviours$1(spec);
+      return generateFrom$1(spec, all);
+    };
+
+    var getDomDefinition = function (info, bList, bData) {
+      var definition = toDefinition(info);
+      var infoModification = toModification(info);
+      var baseModification = { 'alloy.base.modification': infoModification };
+      var modification = bList.length > 0 ? combine(bData, baseModification, bList, definition) : infoModification;
+      return merge$1(definition, modification);
+    };
+    var getEvents = function (info, bList, bData) {
+      var baseEvents = { 'alloy.base.behaviour': toEvents(info) };
+      return combine$1(bData, info.eventOrder, bList, baseEvents).getOrDie();
+    };
+    var build = function (spec) {
+      var getMe = function () {
+        return me;
+      };
+      var systemApi = Cell(singleton);
+      var info = getOrDie(toInfo(spec));
+      var bBlob = generate$3(spec);
+      var bList = getBehaviours(bBlob);
+      var bData = getData(bBlob);
+      var modDefinition = getDomDefinition(info, bList, bData);
+      var item = renderToDom(modDefinition);
+      var events = getEvents(info, bList, bData);
+      var subcomponents = Cell(info.components);
+      var connect = function (newApi) {
+        systemApi.set(newApi);
+      };
+      var disconnect = function () {
+        systemApi.set(NoContextApi(getMe));
+      };
+      var syncComponents = function () {
+        var children$1 = children(item);
+        var subs = bind(children$1, function (child) {
+          return systemApi.get().getByDom(child).fold(function () {
+            return [];
+          }, function (c) {
+            return [c];
+          });
+        });
+        subcomponents.set(subs);
+      };
+      var config = function (behaviour) {
+        var b = bData;
+        var f = isFunction(b[behaviour.name()]) ? b[behaviour.name()] : function () {
+          throw new Error('Could not find ' + behaviour.name() + ' in ' + JSON.stringify(spec, null, 2));
+        };
+        return f();
+      };
+      var hasConfigured = function (behaviour) {
+        return isFunction(bData[behaviour.name()]);
+      };
+      var getApis = function () {
+        return info.apis;
+      };
+      var readState = function (behaviourName) {
+        return bData[behaviourName]().map(function (b) {
+          return b.state.readState();
+        }).getOr('not enabled');
+      };
+      var me = {
+        getSystem: systemApi.get,
+        config: config,
+        hasConfigured: hasConfigured,
+        spec: spec,
+        readState: readState,
+        getApis: getApis,
+        connect: connect,
+        disconnect: disconnect,
+        element: item,
+        syncComponents: syncComponents,
+        components: subcomponents.get,
+        events: events
+      };
+      return me;
+    };
+
+    var buildSubcomponents = function (spec) {
+      var components = get$1(spec, 'components').getOr([]);
+      return map(components, build$1);
+    };
+    var buildFromSpec = function (userSpec) {
+      var _a = make(userSpec), specEvents = _a.events, spec = __rest(_a, ['events']);
+      var components = buildSubcomponents(spec);
+      var completeSpec = __assign(__assign({}, spec), {
+        events: __assign(__assign({}, DefaultEvents), specEvents),
+        components: components
+      });
+      return Result.value(build(completeSpec));
+    };
+    var text = function (textContent) {
+      var element = SugarElement.fromText(textContent);
+      return external({ element: element });
+    };
+    var external = function (spec) {
+      var extSpec = asRawOrDie('external.component', objOfOnly([
+        strict$1('element'),
+        option('uid')
+      ]), spec);
+      var systemApi = Cell(NoContextApi());
+      var connect = function (newApi) {
+        systemApi.set(newApi);
+      };
+      var disconnect = function () {
+        systemApi.set(NoContextApi(function () {
+          return me;
+        }));
+      };
+      extSpec.uid.each(function (uid) {
+        writeOnly(extSpec.element, uid);
+      });
+      var me = {
+        getSystem: systemApi.get,
+        config: Optional.none,
+        hasConfigured: never,
+        connect: connect,
+        disconnect: disconnect,
+        getApis: function () {
+          return {};
+        },
+        element: extSpec.element,
+        spec: spec,
+        readState: constant('No state'),
+        syncComponents: noop,
+        components: constant([]),
+        events: {}
+      };
+      return premade(me);
+    };
+    var uids = generate$2;
+    var build$1 = function (spec) {
+      return getPremade(spec).fold(function () {
+        var userSpecWithUid = spec.hasOwnProperty('uid') ? spec : __assign({ uid: uids('') }, spec);
+        return buildFromSpec(userSpecWithUid).getOrDie();
+      }, function (prebuilt) {
+        return prebuilt;
+      });
+    };
+    var premade$1 = premade;
+
+    function Dimension (name, getOffset) {
+      var set = function (element, h) {
+        if (!isNumber(h) && !h.match(/^[0-9]+$/)) {
+          throw new Error(name + '.set accepts only positive integer values. Value was ' + h);
+        }
+        var dom = element.dom;
+        if (isSupported(dom)) {
+          dom.style[name] = h + 'px';
+        }
+      };
+      var get = function (element) {
+        var r = getOffset(element);
+        if (r <= 0 || r === null) {
+          var css = get$5(element, name);
+          return parseFloat(css) || 0;
+        }
+        return r;
+      };
+      var getOuter = get;
+      var aggregate = function (element, properties) {
+        return foldl(properties, function (acc, property) {
+          var val = get$5(element, property);
+          var value = val === undefined ? 0 : parseInt(val, 10);
+          return isNaN(value) ? acc : acc + value;
+        }, 0);
+      };
+      var max = function (element, value, properties) {
+        var cumulativeInclusions = aggregate(element, properties);
+        var absoluteMax = value > cumulativeInclusions ? value - cumulativeInclusions : 0;
+        return absoluteMax;
+      };
+      return {
+        set: set,
+        get: get,
+        getOuter: getOuter,
+        aggregate: aggregate,
+        max: max
+      };
+    }
+
+    var api = Dimension('height', function (element) {
+      var dom = element.dom;
+      return inBody(element) ? dom.getBoundingClientRect().height : dom.offsetHeight;
+    });
+    var get$7 = function (element) {
+      return api.get(element);
+    };
+    var getOuter$1 = function (element) {
+      return api.getOuter(element);
+    };
+    var setMax = function (element, value) {
+      var inclusions = [
+        'margin-top',
+        'border-top-width',
+        'padding-top',
+        'padding-bottom',
+        'border-bottom-width',
+        'margin-bottom'
+      ];
+      var absMax = api.max(element, value, inclusions);
+      set$2(element, 'max-height', absMax + 'px');
+    };
+
+    var r = function (left, top) {
+      var translate = function (x, y) {
+        return r(left + x, top + y);
+      };
+      return {
+        left: left,
+        top: top,
+        translate: translate
+      };
+    };
+    var SugarPosition = r;
+
+    var boxPosition = function (dom) {
+      var box = dom.getBoundingClientRect();
+      return SugarPosition(box.left, box.top);
+    };
+    var firstDefinedOrZero = function (a, b) {
+      if (a !== undefined) {
+        return a;
+      } else {
+        return b !== undefined ? b : 0;
+      }
+    };
+    var absolute = function (element) {
+      var doc = element.dom.ownerDocument;
+      var body = doc.body;
+      var win = doc.defaultView;
+      var html = doc.documentElement;
+      if (body === element.dom) {
+        return SugarPosition(body.offsetLeft, body.offsetTop);
+      }
+      var scrollTop = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageYOffset, html.scrollTop);
+      var scrollLeft = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageXOffset, html.scrollLeft);
+      var clientTop = firstDefinedOrZero(html.clientTop, body.clientTop);
+      var clientLeft = firstDefinedOrZero(html.clientLeft, body.clientLeft);
+      return viewport(element).translate(scrollLeft - clientLeft, scrollTop - clientTop);
+    };
+    var viewport = function (element) {
+      var dom = element.dom;
+      var doc = dom.ownerDocument;
+      var body = doc.body;
+      if (body === dom) {
+        return SugarPosition(body.offsetLeft, body.offsetTop);
+      }
+      if (!inBody(element)) {
+        return SugarPosition(0, 0);
+      }
+      return boxPosition(dom);
+    };
+
+    var api$1 = Dimension('width', function (element) {
+      return element.dom.offsetWidth;
+    });
+    var set$4 = function (element, h) {
+      return api$1.set(element, h);
+    };
+    var get$8 = function (element) {
+      return api$1.get(element);
+    };
+    var getOuter$2 = function (element) {
+      return api$1.getOuter(element);
+    };
+    var setMax$1 = function (element, value) {
+      var inclusions = [
+        'margin-left',
+        'border-left-width',
+        'padding-left',
+        'padding-right',
+        'border-right-width',
+        'margin-right'
+      ];
+      var absMax = api$1.max(element, value, inclusions);
+      set$2(element, 'max-width', absMax + 'px');
+    };
+
+    var mkEvent = function (target, x, y, stop, prevent, kill, raw) {
+      return {
+        target: target,
+        x: x,
+        y: y,
+        stop: stop,
+        prevent: prevent,
+        kill: kill,
+        raw: raw
+      };
+    };
+    var fromRawEvent = function (rawEvent) {
+      var target = SugarElement.fromDom(getOriginalEventTarget(rawEvent).getOr(rawEvent.target));
+      var stop = function () {
+        return rawEvent.stopPropagation();
+      };
+      var prevent = function () {
+        return rawEvent.preventDefault();
+      };
+      var kill = compose(prevent, stop);
+      return mkEvent(target, rawEvent.clientX, rawEvent.clientY, stop, prevent, kill, rawEvent);
+    };
+    var handle = function (filter, handler) {
+      return function (rawEvent) {
+        if (filter(rawEvent)) {
+          handler(fromRawEvent(rawEvent));
+        }
+      };
+    };
+    var binder = function (element, event, filter, handler, useCapture) {
+      var wrapped = handle(filter, handler);
+      element.dom.addEventListener(event, wrapped, useCapture);
+      return { unbind: curry(unbind, element, event, wrapped, useCapture) };
+    };
+    var bind$2 = function (element, event, filter, handler) {
+      return binder(element, event, filter, handler, false);
+    };
+    var capture = function (element, event, filter, handler) {
+      return binder(element, event, filter, handler, true);
+    };
+    var unbind = function (element, event, handler, useCapture) {
+      element.dom.removeEventListener(event, handler, useCapture);
+    };
+
+    var get$9 = function (_DOC) {
+      var doc = _DOC !== undefined ? _DOC.dom : document;
+      var x = doc.body.scrollLeft || doc.documentElement.scrollLeft;
+      var y = doc.body.scrollTop || doc.documentElement.scrollTop;
+      return SugarPosition(x, y);
+    };
+    var to = function (x, y, _DOC) {
+      var doc = _DOC !== undefined ? _DOC.dom : document;
+      var win = doc.defaultView;
+      if (win) {
+        win.scrollTo(x, y);
+      }
+    };
+
+    var get$a = function (_win) {
+      var win = _win === undefined ? window : _win;
+      return Optional.from(win['visualViewport']);
+    };
+    var bounds = function (x, y, width, height) {
+      return {
+        x: x,
+        y: y,
+        width: width,
+        height: height,
+        right: x + width,
+        bottom: y + height
+      };
+    };
+    var getBounds = function (_win) {
+      var win = _win === undefined ? window : _win;
+      var doc = win.document;
+      var scroll = get$9(SugarElement.fromDom(doc));
+      return get$a(win).fold(function () {
+        var html = win.document.documentElement;
+        var width = html.clientWidth;
+        var height = html.clientHeight;
+        return bounds(scroll.left, scroll.top, width, height);
+      }, function (visualViewport) {
+        return bounds(Math.max(visualViewport.pageLeft, scroll.left), Math.max(visualViewport.pageTop, scroll.top), visualViewport.width, visualViewport.height);
+      });
+    };
+
+    var walkUp = function (navigation, doc) {
+      var frame = navigation.view(doc);
+      return frame.fold(constant([]), function (f) {
+        var parent = navigation.owner(f);
+        var rest = walkUp(navigation, parent);
+        return [f].concat(rest);
+      });
+    };
+    var pathTo = function (element, navigation) {
+      var d = navigation.owner(element);
+      var paths = walkUp(navigation, d);
+      return Optional.some(paths);
+    };
+
+    var view = function (doc) {
+      var _a;
+      var element = doc.dom === document ? Optional.none() : Optional.from((_a = doc.dom.defaultView) === null || _a === void 0 ? void 0 : _a.frameElement);
+      return element.map(SugarElement.fromDom);
+    };
+    var owner$1 = function (element) {
+      return owner(element);
+    };
+
+    var Navigation = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        view: view,
+        owner: owner$1
+    });
+
+    var find$3 = function (element) {
+      var doc = SugarElement.fromDom(document);
+      var scroll = get$9(doc);
+      var path = pathTo(element, Navigation);
+      return path.fold(curry(absolute, element), function (frames) {
+        var offset = viewport(element);
+        var r = foldr(frames, function (b, a) {
+          var loc = viewport(a);
+          return {
+            left: b.left + loc.left,
+            top: b.top + loc.top
+          };
+        }, {
+          left: 0,
+          top: 0
+        });
+        return SugarPosition(r.left + offset.left + scroll.left, r.top + offset.top + scroll.top);
+      });
+    };
+
+    var pointed = function (point, width, height) {
+      return {
+        point: point,
+        width: width,
+        height: height
+      };
+    };
+    var rect = function (x, y, width, height) {
+      return {
+        x: x,
+        y: y,
+        width: width,
+        height: height
+      };
+    };
+    var bounds$1 = function (x, y, width, height) {
+      return {
+        x: x,
+        y: y,
+        width: width,
+        height: height,
+        right: x + width,
+        bottom: y + height
+      };
+    };
+    var box = function (element) {
+      var xy = absolute(element);
+      var w = getOuter$2(element);
+      var h = getOuter$1(element);
+      return bounds$1(xy.left, xy.top, w, h);
+    };
+    var absolute$1 = function (element) {
+      var position = find$3(element);
+      var width = getOuter$2(element);
+      var height = getOuter$1(element);
+      return bounds$1(position.left, position.top, width, height);
+    };
+    var win = function () {
+      return getBounds(window);
+    };
+
+    function ClosestOrAncestor (is, ancestor, scope, a, isRoot) {
+      if (is(scope, a)) {
+        return Optional.some(scope);
+      } else if (isFunction(isRoot) && isRoot(scope)) {
+        return Optional.none();
+      } else {
+        return ancestor(scope, a, isRoot);
+      }
+    }
+
+    var ancestor$1 = function (scope, predicate, isRoot) {
+      var element = scope.dom;
+      var stop = isFunction(isRoot) ? isRoot : never;
+      while (element.parentNode) {
+        element = element.parentNode;
+        var el = SugarElement.fromDom(element);
+        if (predicate(el)) {
+          return Optional.some(el);
+        } else if (stop(el)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var closest$1 = function (scope, predicate, isRoot) {
+      var is = function (s, test) {
+        return test(s);
+      };
+      return ClosestOrAncestor(is, ancestor$1, scope, predicate, isRoot);
+    };
+    var descendant = function (scope, predicate) {
+      var descend = function (node) {
+        for (var i = 0; i < node.childNodes.length; i++) {
+          var child_1 = SugarElement.fromDom(node.childNodes[i]);
+          if (predicate(child_1)) {
+            return Optional.some(child_1);
+          }
+          var res = descend(node.childNodes[i]);
+          if (res.isSome()) {
+            return res;
+          }
+        }
+        return Optional.none();
+      };
+      return descend(scope.dom);
+    };
+
+    var closest$2 = function (scope, predicate, isRoot) {
+      return closest$1(scope, predicate, isRoot).isSome();
+    };
+
+    var ancestor$2 = function (scope, selector, isRoot) {
+      return ancestor$1(scope, function (e) {
+        return is(e, selector);
+      }, isRoot);
+    };
+    var descendant$1 = function (scope, selector) {
+      return one(selector, scope);
+    };
+    var closest$3 = function (scope, selector, isRoot) {
+      var is$1 = function (element, selector) {
+        return is(element, selector);
+      };
+      return ClosestOrAncestor(is$1, ancestor$2, scope, selector, isRoot);
+    };
+
+    var find$4 = function (queryElem) {
+      var dependent = closest$1(queryElem, function (elem) {
+        if (!isElement(elem)) {
+          return false;
+        }
+        var id = get$3(elem, 'id');
+        return id !== undefined && id.indexOf('aria-owns') > -1;
+      });
+      return dependent.bind(function (dep) {
+        var id = get$3(dep, 'id');
+        var dos = getRootNode(dep);
+        return descendant$1(dos, '[aria-owns="' + id + '"]');
+      });
+    };
+    var manager = function () {
+      var ariaId = generate$1('aria-owns');
+      var link = function (elem) {
+        set$1(elem, 'aria-owns', ariaId);
+      };
+      var unlink = function (elem) {
+        remove$1(elem, 'aria-owns');
+      };
+      return {
+        id: ariaId,
+        link: link,
+        unlink: unlink
+      };
+    };
+
+    var isAriaPartOf = function (component, queryElem) {
+      return find$4(queryElem).exists(function (owner) {
+        return isPartOf(component, owner);
+      });
+    };
+    var isPartOf = function (component, queryElem) {
+      return closest$2(queryElem, function (el) {
+        return eq$1(el, component.element);
+      }, never) || isAriaPartOf(component, queryElem);
+    };
+
+    var unknown$3 = 'unknown';
+    var EventConfiguration;
+    (function (EventConfiguration) {
+      EventConfiguration[EventConfiguration['STOP'] = 0] = 'STOP';
+      EventConfiguration[EventConfiguration['NORMAL'] = 1] = 'NORMAL';
+      EventConfiguration[EventConfiguration['LOGGING'] = 2] = 'LOGGING';
+    }(EventConfiguration || (EventConfiguration = {})));
+    var eventConfig = Cell({});
+    var makeEventLogger = function (eventName, initialTarget) {
+      var sequence = [];
+      var startTime = new Date().getTime();
+      return {
+        logEventCut: function (_name, target, purpose) {
+          sequence.push({
+            outcome: 'cut',
+            target: target,
+            purpose: purpose
+          });
+        },
+        logEventStopped: function (_name, target, purpose) {
+          sequence.push({
+            outcome: 'stopped',
+            target: target,
+            purpose: purpose
+          });
+        },
+        logNoParent: function (_name, target, purpose) {
+          sequence.push({
+            outcome: 'no-parent',
+            target: target,
+            purpose: purpose
+          });
+        },
+        logEventNoHandlers: function (_name, target) {
+          sequence.push({
+            outcome: 'no-handlers-left',
+            target: target
+          });
+        },
+        logEventResponse: function (_name, target, purpose) {
+          sequence.push({
+            outcome: 'response',
+            purpose: purpose,
+            target: target
+          });
+        },
+        write: function () {
+          var finishTime = new Date().getTime();
+          if (contains([
+              'mousemove',
+              'mouseover',
+              'mouseout',
+              systemInit()
+            ], eventName)) {
+            return;
+          }
+          console.log(eventName, {
+            event: eventName,
+            time: finishTime - startTime,
+            target: initialTarget.dom,
+            sequence: map(sequence, function (s) {
+              if (!contains([
+                  'cut',
+                  'stopped',
+                  'response'
+                ], s.outcome)) {
+                return s.outcome;
+              } else {
+                return '{' + s.purpose + '} ' + s.outcome + ' at (' + element(s.target) + ')';
+              }
+            })
+          });
+        }
+      };
+    };
+    var processEvent = function (eventName, initialTarget, f) {
+      var status = get$1(eventConfig.get(), eventName).orThunk(function () {
+        var patterns = keys(eventConfig.get());
+        return findMap(patterns, function (p) {
+          return eventName.indexOf(p) > -1 ? Optional.some(eventConfig.get()[p]) : Optional.none();
+        });
+      }).getOr(EventConfiguration.NORMAL);
+      switch (status) {
+      case EventConfiguration.NORMAL:
+        return f(noLogger());
+      case EventConfiguration.LOGGING: {
+          var logger = makeEventLogger(eventName, initialTarget);
+          var output = f(logger);
+          logger.write();
+          return output;
+        }
+      case EventConfiguration.STOP:
+        return true;
+      }
+    };
+    var path = [
+      'alloy/data/Fields',
+      'alloy/debugging/Debugging'
+    ];
+    var getTrace = function () {
+      var err = new Error();
+      if (err.stack !== undefined) {
+        var lines = err.stack.split('\n');
+        return find(lines, function (line) {
+          return line.indexOf('alloy') > 0 && !exists(path, function (p) {
+            return line.indexOf(p) > -1;
+          });
+        }).getOr(unknown$3);
+      } else {
+        return unknown$3;
+      }
+    };
+    var ignoreEvent = {
+      logEventCut: noop,
+      logEventStopped: noop,
+      logNoParent: noop,
+      logEventNoHandlers: noop,
+      logEventResponse: noop,
+      write: noop
+    };
+    var monitorEvent = function (eventName, initialTarget, f) {
+      return processEvent(eventName, initialTarget, f);
+    };
+    var noLogger = constant(ignoreEvent);
+
+    var menuFields = constant([
+      strict$1('menu'),
+      strict$1('selectedMenu')
+    ]);
+    var itemFields = constant([
+      strict$1('item'),
+      strict$1('selectedItem')
+    ]);
+    var schema = constant(objOf(itemFields().concat(menuFields())));
+    var itemSchema = constant(objOf(itemFields()));
+
+    var _initSize = strictObjOf('initSize', [
+      strict$1('numColumns'),
+      strict$1('numRows')
+    ]);
+    var itemMarkers = function () {
+      return strictOf('markers', itemSchema());
+    };
+    var tieredMenuMarkers = function () {
+      return strictObjOf('markers', [strict$1('backgroundMenu')].concat(menuFields()).concat(itemFields()));
+    };
+    var markers = function (required) {
+      return strictObjOf('markers', map(required, strict$1));
+    };
+    var onPresenceHandler = function (label, fieldName, presence) {
+      var trace = getTrace();
+      return field(fieldName, fieldName, presence, valueOf(function (f) {
+        return Result.value(function () {
+          var args = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+          }
+          return f.apply(undefined, args);
+        });
+      }));
+    };
+    var onHandler = function (fieldName) {
+      return onPresenceHandler('onHandler', fieldName, defaulted(noop));
+    };
+    var onKeyboardHandler = function (fieldName) {
+      return onPresenceHandler('onKeyboardHandler', fieldName, defaulted(Optional.none));
+    };
+    var onStrictHandler = function (fieldName) {
+      return onPresenceHandler('onHandler', fieldName, strict());
+    };
+    var onStrictKeyboardHandler = function (fieldName) {
+      return onPresenceHandler('onKeyboardHandler', fieldName, strict());
+    };
+    var output = function (name, value) {
+      return state$1(name, constant(value));
+    };
+    var snapshot = function (name) {
+      return state$1(name, identity);
+    };
+    var initSize = constant(_initSize);
+
+    var nu$7 = function (x, y, bubble, direction, boundsRestriction, label) {
+      return {
+        x: x,
+        y: y,
+        bubble: bubble,
+        direction: direction,
+        boundsRestriction: boundsRestriction,
+        label: label
+      };
+    };
+
+    var adt$2 = Adt.generate([
+      { southeast: [] },
+      { southwest: [] },
+      { northeast: [] },
+      { northwest: [] },
+      { south: [] },
+      { north: [] },
+      { east: [] },
+      { west: [] }
+    ]);
+    var cata = function (subject, southeast, southwest, northeast, northwest, south, north, east, west) {
+      return subject.fold(southeast, southwest, northeast, northwest, south, north, east, west);
+    };
+    var cataVertical = function (subject, south, middle, north) {
+      return subject.fold(south, south, north, north, south, north, middle, middle);
+    };
+    var cataHorizontal = function (subject, east, middle, west) {
+      return subject.fold(east, west, east, west, middle, middle, east, west);
+    };
+    var southeast = adt$2.southeast;
+    var southwest = adt$2.southwest;
+    var northeast = adt$2.northeast;
+    var northwest = adt$2.northwest;
+    var south = adt$2.south;
+    var north = adt$2.north;
+    var east = adt$2.east;
+    var west = adt$2.west;
+
+    var getRestriction = function (anchor, restriction) {
+      switch (restriction) {
+      case 1:
+        return anchor.x;
+      case 0:
+        return anchor.x + anchor.width;
+      case 2:
+        return anchor.y;
+      case 3:
+        return anchor.y + anchor.height;
+      }
+    };
+    var boundsRestriction = function (anchor, restrictions) {
+      return mapToObject([
+        'left',
+        'right',
+        'top',
+        'bottom'
+      ], function (dir) {
+        return get$1(restrictions, dir).map(function (restriction) {
+          return getRestriction(anchor, restriction);
+        });
+      });
+    };
+    var adjustBounds = function (bounds, boundsRestrictions, bubbleOffsets) {
+      var applyRestriction = function (dir, current) {
+        var bubbleOffset = dir === 'top' || dir === 'bottom' ? bubbleOffsets.top : bubbleOffsets.left;
+        return get$1(boundsRestrictions, dir).bind(identity).bind(function (restriction) {
+          if (dir === 'left' || dir === 'top') {
+            return restriction >= current ? Optional.some(restriction) : Optional.none();
+          } else {
+            return restriction <= current ? Optional.some(restriction) : Optional.none();
+          }
+        }).map(function (restriction) {
+          return restriction + bubbleOffset;
+        }).getOr(current);
+      };
+      var adjustedLeft = applyRestriction('left', bounds.x);
+      var adjustedTop = applyRestriction('top', bounds.y);
+      var adjustedRight = applyRestriction('right', bounds.right);
+      var adjustedBottom = applyRestriction('bottom', bounds.bottom);
+      return bounds$1(adjustedLeft, adjustedTop, adjustedRight - adjustedLeft, adjustedBottom - adjustedTop);
+    };
+
+    var eastX = function (anchor) {
+      return anchor.x;
+    };
+    var middleX = function (anchor, element) {
+      return anchor.x + anchor.width / 2 - element.width / 2;
+    };
+    var westX = function (anchor, element) {
+      return anchor.x + anchor.width - element.width;
+    };
+    var northY = function (anchor, element) {
+      return anchor.y - element.height;
+    };
+    var southY = function (anchor) {
+      return anchor.y + anchor.height;
+    };
+    var centreY = function (anchor, element) {
+      return anchor.y + anchor.height / 2 - element.height / 2;
+    };
+    var eastEdgeX = function (anchor) {
+      return anchor.x + anchor.width;
+    };
+    var westEdgeX = function (anchor, element) {
+      return anchor.x - element.width;
+    };
+    var southeast$1 = function (anchor, element, bubbles) {
+      return nu$7(eastX(anchor), southY(anchor), bubbles.southeast(), southeast(), boundsRestriction(anchor, {
+        left: 1,
+        top: 3
+      }), 'layout-se');
+    };
+    var southwest$1 = function (anchor, element, bubbles) {
+      return nu$7(westX(anchor, element), southY(anchor), bubbles.southwest(), southwest(), boundsRestriction(anchor, {
+        right: 0,
+        top: 3
+      }), 'layout-sw');
+    };
+    var northeast$1 = function (anchor, element, bubbles) {
+      return nu$7(eastX(anchor), northY(anchor, element), bubbles.northeast(), northeast(), boundsRestriction(anchor, {
+        left: 1,
+        bottom: 2
+      }), 'layout-ne');
+    };
+    var northwest$1 = function (anchor, element, bubbles) {
+      return nu$7(westX(anchor, element), northY(anchor, element), bubbles.northwest(), northwest(), boundsRestriction(anchor, {
+        right: 0,
+        bottom: 2
+      }), 'layout-nw');
+    };
+    var north$1 = function (anchor, element, bubbles) {
+      return nu$7(middleX(anchor, element), northY(anchor, element), bubbles.north(), north(), boundsRestriction(anchor, { bottom: 2 }), 'layout-n');
+    };
+    var south$1 = function (anchor, element, bubbles) {
+      return nu$7(middleX(anchor, element), southY(anchor), bubbles.south(), south(), boundsRestriction(anchor, { top: 3 }), 'layout-s');
+    };
+    var east$1 = function (anchor, element, bubbles) {
+      return nu$7(eastEdgeX(anchor), centreY(anchor, element), bubbles.east(), east(), boundsRestriction(anchor, { left: 0 }), 'layout-e');
+    };
+    var west$1 = function (anchor, element, bubbles) {
+      return nu$7(westEdgeX(anchor, element), centreY(anchor, element), bubbles.west(), west(), boundsRestriction(anchor, { right: 1 }), 'layout-w');
+    };
+    var all$2 = function () {
+      return [
+        southeast$1,
+        southwest$1,
+        northeast$1,
+        northwest$1,
+        south$1,
+        north$1,
+        east$1,
+        west$1
+      ];
+    };
+    var allRtl = function () {
+      return [
+        southwest$1,
+        southeast$1,
+        northwest$1,
+        northeast$1,
+        south$1,
+        north$1,
+        east$1,
+        west$1
+      ];
+    };
+    var aboveOrBelow = function () {
+      return [
+        northeast$1,
+        northwest$1,
+        southeast$1,
+        southwest$1,
+        north$1,
+        south$1
+      ];
+    };
+    var aboveOrBelowRtl = function () {
+      return [
+        northwest$1,
+        northeast$1,
+        southwest$1,
+        southeast$1,
+        north$1,
+        south$1
+      ];
+    };
+    var belowOrAbove = function () {
+      return [
+        southeast$1,
+        southwest$1,
+        northeast$1,
+        northwest$1,
+        south$1,
+        north$1
+      ];
+    };
+    var belowOrAboveRtl = function () {
+      return [
+        southwest$1,
+        southeast$1,
+        northwest$1,
+        northeast$1,
+        south$1,
+        north$1
+      ];
+    };
+
+    var chooseChannels = function (channels, message) {
+      return message.universal ? channels : filter(channels, function (ch) {
+        return contains(message.channels, ch);
+      });
+    };
+    var events$1 = function (receiveConfig) {
+      return derive([run(receive(), function (component, message) {
+          var channelMap = receiveConfig.channels;
+          var channels = keys(channelMap);
+          var receivingData = message;
+          var targetChannels = chooseChannels(channels, receivingData);
+          each(targetChannels, function (ch) {
+            var channelInfo = channelMap[ch];
+            var channelSchema = channelInfo.schema;
+            var data = asRawOrDie('channel[' + ch + '] data\nReceiver: ' + element(component.element), channelSchema, receivingData.data);
+            channelInfo.onReceive(component, data);
+          });
+        })]);
+    };
+
+    var ActiveReceiving = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$1
+    });
+
+    var ReceivingSchema = [strictOf('channels', setOf$1(Result.value, objOfOnly([
+        onStrictHandler('onReceive'),
+        defaulted$1('schema', anyValue$1())
+      ])))];
+
+    var executeEvent = function (bConfig, bState, executor) {
+      return runOnExecute(function (component) {
+        executor(component, bConfig, bState);
+      });
+    };
+    var loadEvent = function (bConfig, bState, f) {
+      return runOnInit(function (component, _simulatedEvent) {
+        f(component, bConfig, bState);
+      });
+    };
+    var create = function (schema, name, active, apis, extra, state) {
+      var configSchema = objOfOnly(schema);
+      var schemaSchema = optionObjOf(name, [optionObjOfOnly('config', schema)]);
+      return doCreate(configSchema, schemaSchema, name, active, apis, extra, state);
+    };
+    var createModes = function (modes, name, active, apis, extra, state) {
+      var configSchema = modes;
+      var schemaSchema = optionObjOf(name, [optionOf('config', modes)]);
+      return doCreate(configSchema, schemaSchema, name, active, apis, extra, state);
+    };
+    var wrapApi = function (bName, apiFunction, apiName) {
+      var f = function (component) {
+        var rest = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+          rest[_i - 1] = arguments[_i];
+        }
+        var args = [component].concat(rest);
+        return component.config({ name: constant(bName) }).fold(function () {
+          throw new Error('We could not find any behaviour configuration for: ' + bName + '. Using API: ' + apiName);
+        }, function (info) {
+          var rest = Array.prototype.slice.call(args, 1);
+          return apiFunction.apply(undefined, [
+            component,
+            info.config,
+            info.state
+          ].concat(rest));
+        });
+      };
+      return markAsBehaviourApi(f, apiName, apiFunction);
+    };
+    var revokeBehaviour = function (name) {
+      return {
+        key: name,
+        value: undefined
+      };
+    };
+    var doCreate = function (configSchema, schemaSchema, name, active, apis, extra, state) {
+      var getConfig = function (info) {
+        return hasNonNullableKey(info, name) ? info[name]() : Optional.none();
+      };
+      var wrappedApis = map$2(apis, function (apiF, apiName) {
+        return wrapApi(name, apiF, apiName);
+      });
+      var wrappedExtra = map$2(extra, function (extraF, extraName) {
+        return markAsExtraApi(extraF, extraName);
+      });
+      var me = __assign(__assign(__assign({}, wrappedExtra), wrappedApis), {
+        revoke: curry(revokeBehaviour, name),
+        config: function (spec) {
+          var prepared = asRawOrDie(name + '-config', configSchema, spec);
+          return {
+            key: name,
+            value: {
+              config: prepared,
+              me: me,
+              configAsRaw: cached(function () {
+                return asRawOrDie(name + '-config', configSchema, spec);
+              }),
+              initialConfig: spec,
+              state: state
+            }
+          };
+        },
+        schema: function () {
+          return schemaSchema;
+        },
+        exhibit: function (info, base) {
+          return getConfig(info).bind(function (behaviourInfo) {
+            return get$1(active, 'exhibit').map(function (exhibitor) {
+              return exhibitor(base, behaviourInfo.config, behaviourInfo.state);
+            });
+          }).getOr(nu$6({}));
+        },
+        name: function () {
+          return name;
+        },
+        handlers: function (info) {
+          return getConfig(info).map(function (behaviourInfo) {
+            var getEvents = get$1(active, 'events').getOr(function () {
+              return {};
+            });
+            return getEvents(behaviourInfo.config, behaviourInfo.state);
+          }).getOr({});
+        }
+      });
+      return me;
+    };
+
+    var derive$1 = function (capabilities) {
+      return wrapAll$1(capabilities);
+    };
+    var simpleSchema = objOfOnly([
+      strict$1('fields'),
+      strict$1('name'),
+      defaulted$1('active', {}),
+      defaulted$1('apis', {}),
+      defaulted$1('state', NoState),
+      defaulted$1('extra', {})
+    ]);
+    var create$1 = function (data) {
+      var value = asRawOrDie('Creating behaviour: ' + data.name, simpleSchema, data);
+      return create(value.fields, value.name, value.active, value.apis, value.extra, value.state);
+    };
+    var modeSchema = objOfOnly([
+      strict$1('branchKey'),
+      strict$1('branches'),
+      strict$1('name'),
+      defaulted$1('active', {}),
+      defaulted$1('apis', {}),
+      defaulted$1('state', NoState),
+      defaulted$1('extra', {})
+    ]);
+    var createModes$1 = function (data) {
+      var value = asRawOrDie('Creating behaviour: ' + data.name, modeSchema, data);
+      return createModes(choose$1(value.branchKey, value.branches), value.name, value.active, value.apis, value.extra, value.state);
+    };
+    var revoke = constant(undefined);
+
+    var Receiving = create$1({
+      fields: ReceivingSchema,
+      name: 'receiving',
+      active: ActiveReceiving
+    });
+
+    var exhibit = function (base, posConfig) {
+      return nu$6({
+        classes: [],
+        styles: posConfig.useFixed() ? {} : { position: 'relative' }
+      });
+    };
+
+    var ActivePosition = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit
+    });
+
+    var getDocument = function () {
+      return SugarElement.fromDom(document);
+    };
+
+    var focus$1 = function (element) {
+      return element.dom.focus();
+    };
+    var blur = function (element) {
+      return element.dom.blur();
+    };
+    var hasFocus = function (element) {
+      var root = getRootNode(element).dom;
+      return element.dom === root.activeElement;
+    };
+    var active = function (root) {
+      if (root === void 0) {
+        root = getDocument();
+      }
+      return Optional.from(root.dom.activeElement).map(SugarElement.fromDom);
+    };
+    var search = function (element) {
+      return active(getRootNode(element)).filter(function (e) {
+        return element.dom.contains(e.dom);
+      });
+    };
+
+    var preserve = function (f, container) {
+      var dos = getRootNode(container);
+      var refocus = active(dos).bind(function (focused) {
+        var hasFocus = function (elem) {
+          return eq$1(focused, elem);
+        };
+        return hasFocus(container) ? Optional.some(container) : descendant(container, hasFocus);
+      });
+      var result = f(container);
+      refocus.each(function (oldFocus) {
+        active(dos).filter(function (newFocus) {
+          return eq$1(newFocus, oldFocus);
+        }).fold(function () {
+          focus$1(oldFocus);
+        }, noop);
+      });
+      return result;
+    };
+
+    var NuPositionCss = function (position, left, top, right, bottom) {
+      return {
+        position: position,
+        left: left,
+        top: top,
+        right: right,
+        bottom: bottom
+      };
+    };
+    var applyPositionCss = function (element, position) {
+      var addPx = function (num) {
+        return num + 'px';
+      };
+      setOptions(element, {
+        position: Optional.some(position.position),
+        left: position.left.map(addPx),
+        top: position.top.map(addPx),
+        right: position.right.map(addPx),
+        bottom: position.bottom.map(addPx)
+      });
+    };
+
+    var adt$3 = Adt.generate([
+      { none: [] },
+      {
+        relative: [
+          'x',
+          'y',
+          'width',
+          'height'
+        ]
+      },
+      {
+        fixed: [
+          'x',
+          'y',
+          'width',
+          'height'
+        ]
+      }
+    ]);
+    var positionWithDirection = function (posName, decision, x, y, width, height) {
+      var decisionX = decision.x - x;
+      var decisionY = decision.y - y;
+      var decisionWidth = decision.width;
+      var decisionHeight = decision.height;
+      var decisionRight = width - (decisionX + decisionWidth);
+      var decisionBottom = height - (decisionY + decisionHeight);
+      var left = Optional.some(decisionX);
+      var top = Optional.some(decisionY);
+      var right = Optional.some(decisionRight);
+      var bottom = Optional.some(decisionBottom);
+      var none = Optional.none();
+      return cata(decision.direction, function () {
+        return NuPositionCss(posName, left, top, none, none);
+      }, function () {
+        return NuPositionCss(posName, none, top, right, none);
+      }, function () {
+        return NuPositionCss(posName, left, none, none, bottom);
+      }, function () {
+        return NuPositionCss(posName, none, none, right, bottom);
+      }, function () {
+        return NuPositionCss(posName, left, top, none, none);
+      }, function () {
+        return NuPositionCss(posName, left, none, none, bottom);
+      }, function () {
+        return NuPositionCss(posName, left, top, none, none);
+      }, function () {
+        return NuPositionCss(posName, none, top, right, none);
+      });
+    };
+    var reposition = function (origin, decision) {
+      return origin.fold(function () {
+        return NuPositionCss('absolute', Optional.some(decision.x), Optional.some(decision.y), Optional.none(), Optional.none());
+      }, function (x, y, width, height) {
+        return positionWithDirection('absolute', decision, x, y, width, height);
+      }, function (x, y, width, height) {
+        return positionWithDirection('fixed', decision, x, y, width, height);
+      });
+    };
+    var toBox = function (origin, element) {
+      var rel = curry(find$3, element);
+      var position = origin.fold(rel, rel, function () {
+        var scroll = get$9();
+        return find$3(element).translate(-scroll.left, -scroll.top);
+      });
+      var width = getOuter$2(element);
+      var height = getOuter$1(element);
+      return bounds$1(position.left, position.top, width, height);
+    };
+    var viewport$1 = function (origin, getBounds) {
+      return getBounds.fold(function () {
+        return origin.fold(win, win, bounds$1);
+      }, function (b) {
+        return origin.fold(b, b, function () {
+          var bounds = b();
+          var pos = translate(origin, bounds.x, bounds.y);
+          return bounds$1(pos.left, pos.top, bounds.width, bounds.height);
+        });
+      });
+    };
+    var translate = function (origin, x, y) {
+      var pos = SugarPosition(x, y);
+      var removeScroll = function () {
+        var outerScroll = get$9();
+        return pos.translate(-outerScroll.left, -outerScroll.top);
+      };
+      return origin.fold(constant(pos), constant(pos), removeScroll);
+    };
+    var cata$1 = function (subject, onNone, onRelative, onFixed) {
+      return subject.fold(onNone, onRelative, onFixed);
+    };
+    var none$1 = adt$3.none;
+    var relative = adt$3.relative;
+    var fixed = adt$3.fixed;
+
+    var anchor = function (anchorBox, origin) {
+      return {
+        anchorBox: anchorBox,
+        origin: origin
+      };
+    };
+    var box$1 = function (anchorBox, origin) {
+      return anchor(anchorBox, origin);
+    };
+
+    var cycleBy = function (value, delta, min, max) {
+      var r = value + delta;
+      if (r > max) {
+        return min;
+      } else if (r < min) {
+        return max;
+      } else {
+        return r;
+      }
+    };
+    var clamp = function (value, min, max) {
+      return Math.min(Math.max(value, min), max);
+    };
+
+    var adt$4 = Adt.generate([
+      { fit: ['reposition'] },
+      {
+        nofit: [
+          'reposition',
+          'deltaW',
+          'deltaH'
+        ]
+      }
+    ]);
+    var calcReposition = function (newX, newY, width, height, bounds) {
+      var boundsX = bounds.x;
+      var boundsY = bounds.y;
+      var boundsWidth = bounds.width;
+      var boundsHeight = bounds.height;
+      var xInBounds = newX >= boundsX;
+      var yInBounds = newY >= boundsY;
+      var originInBounds = xInBounds && yInBounds;
+      var xFit = newX + width <= boundsX + boundsWidth;
+      var yFit = newY + height <= boundsY + boundsHeight;
+      var sizeInBounds = xFit && yFit;
+      var deltaW = Math.abs(Math.min(width, xInBounds ? boundsX + boundsWidth - newX : boundsX - (newX + width)));
+      var deltaH = Math.abs(Math.min(height, yInBounds ? boundsY + boundsHeight - newY : boundsY - (newY + height)));
+      var maxX = Math.max(bounds.x, bounds.right - width);
+      var maxY = Math.max(bounds.y, bounds.bottom - height);
+      var limitX = clamp(newX, bounds.x, maxX);
+      var limitY = clamp(newY, bounds.y, maxY);
+      return {
+        originInBounds: originInBounds,
+        sizeInBounds: sizeInBounds,
+        limitX: limitX,
+        limitY: limitY,
+        deltaW: deltaW,
+        deltaH: deltaH
+      };
+    };
+    var attempt = function (candidate, width, height, bounds) {
+      var candidateX = candidate.x;
+      var candidateY = candidate.y;
+      var bubbleOffsets = candidate.bubble.offset;
+      var bubbleLeft = bubbleOffsets.left;
+      var bubbleTop = bubbleOffsets.top;
+      var adjustedBounds = adjustBounds(bounds, candidate.boundsRestriction, bubbleOffsets);
+      var boundsY = adjustedBounds.y;
+      var boundsBottom = adjustedBounds.bottom;
+      var boundsX = adjustedBounds.x;
+      var boundsRight = adjustedBounds.right;
+      var newX = candidateX + bubbleLeft;
+      var newY = candidateY + bubbleTop;
+      var _a = calcReposition(newX, newY, width, height, adjustedBounds), originInBounds = _a.originInBounds, sizeInBounds = _a.sizeInBounds, limitX = _a.limitX, limitY = _a.limitY, deltaW = _a.deltaW, deltaH = _a.deltaH;
+      var upAvailable = constant(limitY + deltaH - boundsY);
+      var downAvailable = constant(boundsBottom - limitY);
+      var maxHeight = cataVertical(candidate.direction, downAvailable, downAvailable, upAvailable);
+      var westAvailable = constant(limitX + deltaW - boundsX);
+      var eastAvailable = constant(boundsRight - limitX);
+      var maxWidth = cataHorizontal(candidate.direction, eastAvailable, eastAvailable, westAvailable);
+      var reposition = {
+        x: limitX,
+        y: limitY,
+        width: deltaW,
+        height: deltaH,
+        maxHeight: maxHeight,
+        maxWidth: maxWidth,
+        direction: candidate.direction,
+        classes: {
+          on: candidate.bubble.classesOn,
+          off: candidate.bubble.classesOff
+        },
+        label: candidate.label,
+        candidateYforTest: newY
+      };
+      return originInBounds && sizeInBounds ? adt$4.fit(reposition) : adt$4.nofit(reposition, deltaW, deltaH);
+    };
+    var attempts = function (candidates, anchorBox, elementBox, bubbles, bounds) {
+      var panelWidth = elementBox.width;
+      var panelHeight = elementBox.height;
+      var attemptBestFit = function (layout, reposition, deltaW, deltaH) {
+        var next = layout(anchorBox, elementBox, bubbles);
+        var attemptLayout = attempt(next, panelWidth, panelHeight, bounds);
+        return attemptLayout.fold(adt$4.fit, function (newReposition, newDeltaW, newDeltaH) {
+          var improved = newDeltaH > deltaH || newDeltaW > deltaW;
+          return improved ? adt$4.nofit(newReposition, newDeltaW, newDeltaH) : adt$4.nofit(reposition, deltaW, deltaH);
+        });
+      };
+      var abc = foldl(candidates, function (b, a) {
+        var bestNext = curry(attemptBestFit, a);
+        return b.fold(adt$4.fit, bestNext);
+      }, adt$4.nofit({
+        x: anchorBox.x,
+        y: anchorBox.y,
+        width: elementBox.width,
+        height: elementBox.height,
+        maxHeight: elementBox.height,
+        maxWidth: elementBox.width,
+        direction: southeast(),
+        classes: {
+          on: [],
+          off: []
+        },
+        label: 'none',
+        candidateYforTest: anchorBox.y
+      }, -1, -1));
+      return abc.fold(identity, identity);
+    };
+
+    var elementSize = function (p) {
+      return {
+        width: getOuter$2(p),
+        height: getOuter$1(p)
+      };
+    };
+    var layout = function (anchorBox, element, bubbles, options) {
+      remove$6(element, 'max-height');
+      remove$6(element, 'max-width');
+      var elementBox = elementSize(element);
+      return attempts(options.preference, anchorBox, elementBox, bubbles, options.bounds);
+    };
+    var setClasses = function (element, decision) {
+      var classInfo = decision.classes;
+      remove$5(element, classInfo.off);
+      add$3(element, classInfo.on);
+    };
+    var setHeight = function (element, decision, options) {
+      var maxHeightFunction = options.maxHeightFunction;
+      maxHeightFunction(element, decision.maxHeight);
+    };
+    var setWidth = function (element, decision, options) {
+      var maxWidthFunction = options.maxWidthFunction;
+      maxWidthFunction(element, decision.maxWidth);
+    };
+    var position = function (element, decision, options) {
+      applyPositionCss(element, reposition(options.origin, decision));
+    };
+
+    var setMaxHeight = function (element, maxHeight) {
+      setMax(element, Math.floor(maxHeight));
+    };
+    var anchored = constant(function (element, available) {
+      setMaxHeight(element, available);
+      setAll$1(element, {
+        'overflow-x': 'hidden',
+        'overflow-y': 'auto'
+      });
+    });
+    var expandable = constant(function (element, available) {
+      setMaxHeight(element, available);
+    });
+
+    var defaultOr = function (options, key, dephault) {
+      return options[key] === undefined ? dephault : options[key];
+    };
+    var simple = function (anchor, element, bubble, layouts, getBounds, overrideOptions) {
+      var maxHeightFunction = defaultOr(overrideOptions, 'maxHeightFunction', anchored());
+      var maxWidthFunction = defaultOr(overrideOptions, 'maxWidthFunction', noop);
+      var anchorBox = anchor.anchorBox;
+      var origin = anchor.origin;
+      var options = {
+        bounds: viewport$1(origin, getBounds),
+        origin: origin,
+        preference: layouts,
+        maxHeightFunction: maxHeightFunction,
+        maxWidthFunction: maxWidthFunction
+      };
+      go(anchorBox, element, bubble, options);
+    };
+    var go = function (anchorBox, element, bubble, options) {
+      var decision = layout(anchorBox, element, bubble, options);
+      position(element, decision, options);
+      setClasses(element, decision);
+      setHeight(element, decision, options);
+      setWidth(element, decision, options);
+    };
+
+    var allAlignments = [
+      'valignCentre',
+      'alignLeft',
+      'alignRight',
+      'alignCentre',
+      'top',
+      'bottom',
+      'left',
+      'right'
+    ];
+    var nu$8 = function (width, yoffset, classes) {
+      var getClasses = function (prop) {
+        return get$1(classes, prop).getOr([]);
+      };
+      var make = function (xDelta, yDelta, alignmentsOn) {
+        var alignmentsOff = difference(allAlignments, alignmentsOn);
+        return {
+          offset: SugarPosition(xDelta, yDelta),
+          classesOn: bind(alignmentsOn, getClasses),
+          classesOff: bind(alignmentsOff, getClasses)
+        };
+      };
+      return {
+        southeast: function () {
+          return make(-width, yoffset, [
+            'top',
+            'alignLeft'
+          ]);
+        },
+        southwest: function () {
+          return make(width, yoffset, [
+            'top',
+            'alignRight'
+          ]);
+        },
+        south: function () {
+          return make(-width / 2, yoffset, [
+            'top',
+            'alignCentre'
+          ]);
+        },
+        northeast: function () {
+          return make(-width, -yoffset, [
+            'bottom',
+            'alignLeft'
+          ]);
+        },
+        northwest: function () {
+          return make(width, -yoffset, [
+            'bottom',
+            'alignRight'
+          ]);
+        },
+        north: function () {
+          return make(-width / 2, -yoffset, [
+            'bottom',
+            'alignCentre'
+          ]);
+        },
+        east: function () {
+          return make(width, -yoffset / 2, [
+            'valignCentre',
+            'left'
+          ]);
+        },
+        west: function () {
+          return make(-width, -yoffset / 2, [
+            'valignCentre',
+            'right'
+          ]);
+        },
+        innerNorthwest: function () {
+          return make(-width, yoffset, [
+            'top',
+            'alignRight'
+          ]);
+        },
+        innerNortheast: function () {
+          return make(width, yoffset, [
+            'top',
+            'alignLeft'
+          ]);
+        },
+        innerNorth: function () {
+          return make(-width / 2, yoffset, [
+            'top',
+            'alignCentre'
+          ]);
+        },
+        innerSouthwest: function () {
+          return make(-width, -yoffset, [
+            'bottom',
+            'alignRight'
+          ]);
+        },
+        innerSoutheast: function () {
+          return make(width, -yoffset, [
+            'bottom',
+            'alignLeft'
+          ]);
+        },
+        innerSouth: function () {
+          return make(-width / 2, -yoffset, [
+            'bottom',
+            'alignCentre'
+          ]);
+        },
+        innerWest: function () {
+          return make(width, -yoffset / 2, [
+            'valignCentre',
+            'right'
+          ]);
+        },
+        innerEast: function () {
+          return make(-width, -yoffset / 2, [
+            'valignCentre',
+            'left'
+          ]);
+        }
+      };
+    };
+    var fallback = function () {
+      return nu$8(0, 0, {});
+    };
+
+    var nu$9 = function (x) {
+      return x;
+    };
+
+    var onDirection = function (isLtr, isRtl) {
+      return function (element) {
+        return getDirection(element) === 'rtl' ? isRtl : isLtr;
+      };
+    };
+    var getDirection = function (element) {
+      return get$5(element, 'direction') === 'rtl' ? 'rtl' : 'ltr';
+    };
+
+    var AttributeValue;
+    (function (AttributeValue) {
+      AttributeValue['TopToBottom'] = 'toptobottom';
+      AttributeValue['BottomToTop'] = 'bottomtotop';
+    }(AttributeValue || (AttributeValue = {})));
+    var Attribute = 'data-alloy-vertical-dir';
+    var isBottomToTopDir = function (el) {
+      return closest$2(el, function (current) {
+        return isElement(current) && get$3(current, 'data-alloy-vertical-dir') === AttributeValue.BottomToTop;
+      });
+    };
+
+    var schema$1 = function () {
+      return optionObjOf('layouts', [
+        strict$1('onLtr'),
+        strict$1('onRtl'),
+        option('onBottomLtr'),
+        option('onBottomRtl')
+      ]);
+    };
+    var get$b = function (elem, info, defaultLtr, defaultRtl, defaultBottomLtr, defaultBottomRtl, dirElement) {
+      var isBottomToTop = dirElement.map(isBottomToTopDir).getOr(false);
+      var customLtr = info.layouts.map(function (ls) {
+        return ls.onLtr(elem);
+      });
+      var customRtl = info.layouts.map(function (ls) {
+        return ls.onRtl(elem);
+      });
+      var ltr = isBottomToTop ? info.layouts.bind(function (ls) {
+        return ls.onBottomLtr.map(function (f) {
+          return f(elem);
+        });
+      }).or(customLtr).getOr(defaultBottomLtr) : customLtr.getOr(defaultLtr);
+      var rtl = isBottomToTop ? info.layouts.bind(function (ls) {
+        return ls.onBottomRtl.map(function (f) {
+          return f(elem);
+        });
+      }).or(customRtl).getOr(defaultBottomRtl) : customRtl.getOr(defaultRtl);
+      var f = onDirection(ltr, rtl);
+      return f(elem);
+    };
+
+    var placement = function (component, anchorInfo, origin) {
+      var hotspot = anchorInfo.hotspot;
+      var anchorBox = toBox(origin, hotspot.element);
+      var layouts = get$b(component.element, anchorInfo, belowOrAbove(), belowOrAboveRtl(), aboveOrBelow(), aboveOrBelowRtl(), Optional.some(anchorInfo.hotspot.element));
+      return Optional.some(nu$9({
+        anchorBox: anchorBox,
+        bubble: anchorInfo.bubble.getOr(fallback()),
+        overrides: anchorInfo.overrides,
+        layouts: layouts,
+        placer: Optional.none()
+      }));
+    };
+    var HotspotAnchor = [
+      strict$1('hotspot'),
+      option('bubble'),
+      defaulted$1('overrides', {}),
+      schema$1(),
+      output('placement', placement)
+    ];
+
+    var placement$1 = function (component, anchorInfo, origin) {
+      var pos = translate(origin, anchorInfo.x, anchorInfo.y);
+      var anchorBox = bounds$1(pos.left, pos.top, anchorInfo.width, anchorInfo.height);
+      var layouts = get$b(component.element, anchorInfo, all$2(), allRtl(), all$2(), allRtl(), Optional.none());
+      return Optional.some(nu$9({
+        anchorBox: anchorBox,
+        bubble: anchorInfo.bubble,
+        overrides: anchorInfo.overrides,
+        layouts: layouts,
+        placer: Optional.none()
+      }));
+    };
+    var MakeshiftAnchor = [
+      strict$1('x'),
+      strict$1('y'),
+      defaulted$1('height', 0),
+      defaulted$1('width', 0),
+      defaulted$1('bubble', fallback()),
+      defaulted$1('overrides', {}),
+      schema$1(),
+      output('placement', placement$1)
+    ];
+
+    var zeroWidth = '\uFEFF';
+    var nbsp = '\xA0';
+
+    var create$2 = function (start, soffset, finish, foffset) {
+      return {
+        start: start,
+        soffset: soffset,
+        finish: finish,
+        foffset: foffset
+      };
+    };
+    var SimRange = { create: create$2 };
+
+    var adt$5 = Adt.generate([
+      { before: ['element'] },
+      {
+        on: [
+          'element',
+          'offset'
+        ]
+      },
+      { after: ['element'] }
+    ]);
+    var cata$2 = function (subject, onBefore, onOn, onAfter) {
+      return subject.fold(onBefore, onOn, onAfter);
+    };
+    var getStart = function (situ) {
+      return situ.fold(identity, identity, identity);
+    };
+    var before$2 = adt$5.before;
+    var on = adt$5.on;
+    var after$1 = adt$5.after;
+    var Situ = {
+      before: before$2,
+      on: on,
+      after: after$1,
+      cata: cata$2,
+      getStart: getStart
+    };
+
+    var adt$6 = Adt.generate([
+      { domRange: ['rng'] },
+      {
+        relative: [
+          'startSitu',
+          'finishSitu'
+        ]
+      },
+      {
+        exact: [
+          'start',
+          'soffset',
+          'finish',
+          'foffset'
+        ]
+      }
+    ]);
+    var exactFromRange = function (simRange) {
+      return adt$6.exact(simRange.start, simRange.soffset, simRange.finish, simRange.foffset);
+    };
+    var getStart$1 = function (selection) {
+      return selection.match({
+        domRange: function (rng) {
+          return SugarElement.fromDom(rng.startContainer);
+        },
+        relative: function (startSitu, _finishSitu) {
+          return Situ.getStart(startSitu);
+        },
+        exact: function (start, _soffset, _finish, _foffset) {
+          return start;
+        }
+      });
+    };
+    var domRange = adt$6.domRange;
+    var relative$1 = adt$6.relative;
+    var exact = adt$6.exact;
+    var getWin = function (selection) {
+      var start = getStart$1(selection);
+      return defaultView(start);
+    };
+    var range$1 = SimRange.create;
+    var SimSelection = {
+      domRange: domRange,
+      relative: relative$1,
+      exact: exact,
+      exactFromRange: exactFromRange,
+      getWin: getWin,
+      range: range$1
+    };
+
+    var setStart = function (rng, situ) {
+      situ.fold(function (e) {
+        rng.setStartBefore(e.dom);
+      }, function (e, o) {
+        rng.setStart(e.dom, o);
+      }, function (e) {
+        rng.setStartAfter(e.dom);
+      });
+    };
+    var setFinish = function (rng, situ) {
+      situ.fold(function (e) {
+        rng.setEndBefore(e.dom);
+      }, function (e, o) {
+        rng.setEnd(e.dom, o);
+      }, function (e) {
+        rng.setEndAfter(e.dom);
+      });
+    };
+    var relativeToNative = function (win, startSitu, finishSitu) {
+      var range = win.document.createRange();
+      setStart(range, startSitu);
+      setFinish(range, finishSitu);
+      return range;
+    };
+    var exactToNative = function (win, start, soffset, finish, foffset) {
+      var rng = win.document.createRange();
+      rng.setStart(start.dom, soffset);
+      rng.setEnd(finish.dom, foffset);
+      return rng;
+    };
+    var toRect = function (rect) {
+      return {
+        left: rect.left,
+        top: rect.top,
+        right: rect.right,
+        bottom: rect.bottom,
+        width: rect.width,
+        height: rect.height
+      };
+    };
+    var getFirstRect = function (rng) {
+      var rects = rng.getClientRects();
+      var rect = rects.length > 0 ? rects[0] : rng.getBoundingClientRect();
+      return rect.width > 0 || rect.height > 0 ? Optional.some(rect).map(toRect) : Optional.none();
+    };
+
+    var adt$7 = Adt.generate([
+      {
+        ltr: [
+          'start',
+          'soffset',
+          'finish',
+          'foffset'
+        ]
+      },
+      {
+        rtl: [
+          'start',
+          'soffset',
+          'finish',
+          'foffset'
+        ]
+      }
+    ]);
+    var fromRange = function (win, type, range) {
+      return type(SugarElement.fromDom(range.startContainer), range.startOffset, SugarElement.fromDom(range.endContainer), range.endOffset);
+    };
+    var getRanges = function (win, selection) {
+      return selection.match({
+        domRange: function (rng) {
+          return {
+            ltr: constant(rng),
+            rtl: Optional.none
+          };
+        },
+        relative: function (startSitu, finishSitu) {
+          return {
+            ltr: cached(function () {
+              return relativeToNative(win, startSitu, finishSitu);
+            }),
+            rtl: cached(function () {
+              return Optional.some(relativeToNative(win, finishSitu, startSitu));
+            })
+          };
+        },
+        exact: function (start, soffset, finish, foffset) {
+          return {
+            ltr: cached(function () {
+              return exactToNative(win, start, soffset, finish, foffset);
+            }),
+            rtl: cached(function () {
+              return Optional.some(exactToNative(win, finish, foffset, start, soffset));
+            })
+          };
+        }
+      });
+    };
+    var doDiagnose = function (win, ranges) {
+      var rng = ranges.ltr();
+      if (rng.collapsed) {
+        var reversed = ranges.rtl().filter(function (rev) {
+          return rev.collapsed === false;
+        });
+        return reversed.map(function (rev) {
+          return adt$7.rtl(SugarElement.fromDom(rev.endContainer), rev.endOffset, SugarElement.fromDom(rev.startContainer), rev.startOffset);
+        }).getOrThunk(function () {
+          return fromRange(win, adt$7.ltr, rng);
+        });
+      } else {
+        return fromRange(win, adt$7.ltr, rng);
+      }
+    };
+    var diagnose = function (win, selection) {
+      var ranges = getRanges(win, selection);
+      return doDiagnose(win, ranges);
+    };
+    var asLtrRange = function (win, selection) {
+      var diagnosis = diagnose(win, selection);
+      return diagnosis.match({
+        ltr: function (start, soffset, finish, foffset) {
+          var rng = win.document.createRange();
+          rng.setStart(start.dom, soffset);
+          rng.setEnd(finish.dom, foffset);
+          return rng;
+        },
+        rtl: function (start, soffset, finish, foffset) {
+          var rng = win.document.createRange();
+          rng.setStart(finish.dom, foffset);
+          rng.setEnd(start.dom, soffset);
+          return rng;
+        }
+      });
+    };
+    var ltr = adt$7.ltr;
+    var rtl = adt$7.rtl;
+
+    function NodeValue (is, name) {
+      var get = function (element) {
+        if (!is(element)) {
+          throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
+        }
+        return getOption(element).getOr('');
+      };
+      var getOption = function (element) {
+        return is(element) ? Optional.from(element.dom.nodeValue) : Optional.none();
+      };
+      var set = function (element, value) {
+        if (!is(element)) {
+          throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
+        }
+        element.dom.nodeValue = value;
+      };
+      return {
+        get: get,
+        getOption: getOption,
+        set: set
+      };
+    }
+
+    var api$2 = NodeValue(isText, 'text');
+    var get$c = function (element) {
+      return api$2.get(element);
+    };
+    var getOption = function (element) {
+      return api$2.getOption(element);
+    };
+
+    var getEnd = function (element) {
+      return name(element) === 'img' ? 1 : getOption(element).fold(function () {
+        return children(element).length;
+      }, function (v) {
+        return v.length;
+      });
+    };
+    var isTextNodeWithCursorPosition = function (el) {
+      return getOption(el).filter(function (text) {
+        return text.trim().length !== 0 || text.indexOf(nbsp) > -1;
+      }).isSome();
+    };
+    var elementsWithCursorPosition = [
+      'img',
+      'br'
+    ];
+    var isCursorPosition = function (elem) {
+      var hasCursorPosition = isTextNodeWithCursorPosition(elem);
+      return hasCursorPosition || contains(elementsWithCursorPosition, name(elem));
+    };
+
+    var last$1 = function (element) {
+      return descendantRtl(element, isCursorPosition);
+    };
+    var descendantRtl = function (scope, predicate) {
+      var descend = function (element) {
+        var children$1 = children(element);
+        for (var i = children$1.length - 1; i >= 0; i--) {
+          var child = children$1[i];
+          if (predicate(child)) {
+            return Optional.some(child);
+          }
+          var res = descend(child);
+          if (res.isSome()) {
+            return res;
+          }
+        }
+        return Optional.none();
+      };
+      return descend(scope);
+    };
+
+    var descendants = function (scope, selector) {
+      return all(selector, scope);
+    };
+
+    var makeRange = function (start, soffset, finish, foffset) {
+      var doc = owner(start);
+      var rng = doc.dom.createRange();
+      rng.setStart(start.dom, soffset);
+      rng.setEnd(finish.dom, foffset);
+      return rng;
+    };
+    var after$2 = function (start, soffset, finish, foffset) {
+      var r = makeRange(start, soffset, finish, foffset);
+      var same = eq$1(start, finish) && soffset === foffset;
+      return r.collapsed && !same;
+    };
+
+    var getNativeSelection = function (win) {
+      return Optional.from(win.getSelection());
+    };
+    var readRange = function (selection) {
+      if (selection.rangeCount > 0) {
+        var firstRng = selection.getRangeAt(0);
+        var lastRng = selection.getRangeAt(selection.rangeCount - 1);
+        return Optional.some(SimRange.create(SugarElement.fromDom(firstRng.startContainer), firstRng.startOffset, SugarElement.fromDom(lastRng.endContainer), lastRng.endOffset));
+      } else {
+        return Optional.none();
+      }
+    };
+    var doGetExact = function (selection) {
+      if (selection.anchorNode === null || selection.focusNode === null) {
+        return readRange(selection);
+      } else {
+        var anchor = SugarElement.fromDom(selection.anchorNode);
+        var focus_1 = SugarElement.fromDom(selection.focusNode);
+        return after$2(anchor, selection.anchorOffset, focus_1, selection.focusOffset) ? Optional.some(SimRange.create(anchor, selection.anchorOffset, focus_1, selection.focusOffset)) : readRange(selection);
+      }
+    };
+    var getExact = function (win) {
+      return getNativeSelection(win).filter(function (sel) {
+        return sel.rangeCount > 0;
+      }).bind(doGetExact);
+    };
+    var getFirstRect$1 = function (win, selection) {
+      var rng = asLtrRange(win, selection);
+      return getFirstRect(rng);
+    };
+
+    var point = function (element, offset) {
+      return {
+        element: element,
+        offset: offset
+      };
+    };
+    var descendOnce = function (element, offset) {
+      var children$1 = children(element);
+      if (children$1.length === 0) {
+        return point(element, offset);
+      } else if (offset < children$1.length) {
+        return point(children$1[offset], 0);
+      } else {
+        var last = children$1[children$1.length - 1];
+        var len = isText(last) ? get$c(last).length : children(last).length;
+        return point(last, len);
+      }
+    };
+
+    var adt$8 = Adt.generate([
+      { screen: ['point'] },
+      {
+        absolute: [
+          'point',
+          'scrollLeft',
+          'scrollTop'
+        ]
+      }
+    ]);
+    var toFixed = function (pos) {
+      return pos.fold(identity, function (point, scrollLeft, scrollTop) {
+        return point.translate(-scrollLeft, -scrollTop);
+      });
+    };
+    var toAbsolute = function (pos) {
+      return pos.fold(identity, identity);
+    };
+    var sum = function (points) {
+      return foldl(points, function (b, a) {
+        return b.translate(a.left, a.top);
+      }, SugarPosition(0, 0));
+    };
+    var sumAsFixed = function (positions) {
+      var points = map(positions, toFixed);
+      return sum(points);
+    };
+    var sumAsAbsolute = function (positions) {
+      var points = map(positions, toAbsolute);
+      return sum(points);
+    };
+    var screen = adt$8.screen;
+    var absolute$2 = adt$8.absolute;
+
+    var getOffset = function (component, origin, anchorInfo) {
+      var win = defaultView(anchorInfo.root).dom;
+      var hasSameOwner = function (frame) {
+        var frameOwner = owner(frame);
+        var compOwner = owner(component.element);
+        return eq$1(frameOwner, compOwner);
+      };
+      return Optional.from(win.frameElement).map(SugarElement.fromDom).filter(hasSameOwner).map(absolute);
+    };
+    var getRootPoint = function (component, origin, anchorInfo) {
+      var doc = owner(component.element);
+      var outerScroll = get$9(doc);
+      var offset = getOffset(component, origin, anchorInfo).getOr(outerScroll);
+      return absolute$2(offset, outerScroll.left, outerScroll.top);
+    };
+
+    var capRect = function (left, top, width, height) {
+      var newLeft = left, newTop = top, newWidth = width, newHeight = height;
+      if (left < 0) {
+        newLeft = 0;
+        newWidth = width + left;
+      }
+      if (top < 0) {
+        newTop = 0;
+        newHeight = height + top;
+      }
+      var point = screen(SugarPosition(newLeft, newTop));
+      return Optional.some(pointed(point, newWidth, newHeight));
+    };
+    var calcNewAnchor = function (optBox, rootPoint, anchorInfo, origin, elem) {
+      return optBox.map(function (box) {
+        var points = [
+          rootPoint,
+          box.point
+        ];
+        var topLeft = cata$1(origin, function () {
+          return sumAsAbsolute(points);
+        }, function () {
+          return sumAsAbsolute(points);
+        }, function () {
+          return sumAsFixed(points);
+        });
+        var anchorBox = rect(topLeft.left, topLeft.top, box.width, box.height);
+        var layoutsLtr = anchorInfo.showAbove ? aboveOrBelow() : belowOrAbove();
+        var layoutsRtl = anchorInfo.showAbove ? aboveOrBelowRtl() : belowOrAboveRtl();
+        var layouts = get$b(elem, anchorInfo, layoutsLtr, layoutsRtl, layoutsLtr, layoutsRtl, Optional.none());
+        return nu$9({
+          anchorBox: anchorBox,
+          bubble: anchorInfo.bubble.getOr(fallback()),
+          overrides: anchorInfo.overrides,
+          layouts: layouts,
+          placer: Optional.none()
+        });
+      });
+    };
+
+    var descendOnce$1 = function (element, offset) {
+      return isText(element) ? point(element, offset) : descendOnce(element, offset);
+    };
+    var getAnchorSelection = function (win, anchorInfo) {
+      var getSelection = anchorInfo.getSelection.getOrThunk(function () {
+        return function () {
+          return getExact(win);
+        };
+      });
+      return getSelection().map(function (sel) {
+        var modStart = descendOnce$1(sel.start, sel.soffset);
+        var modFinish = descendOnce$1(sel.finish, sel.foffset);
+        return SimSelection.range(modStart.element, modStart.offset, modFinish.element, modFinish.offset);
+      });
+    };
+    var placement$2 = function (component, anchorInfo, origin) {
+      var win = defaultView(anchorInfo.root).dom;
+      var rootPoint = getRootPoint(component, origin, anchorInfo);
+      var selectionBox = getAnchorSelection(win, anchorInfo).bind(function (sel) {
+        var optRect = getFirstRect$1(win, SimSelection.exactFromRange(sel)).orThunk(function () {
+          var x = SugarElement.fromText(zeroWidth);
+          before(sel.start, x);
+          return getFirstRect$1(win, SimSelection.exact(x, 0, x, 1)).map(function (rect) {
+            remove(x);
+            return rect;
+          });
+        });
+        return optRect.bind(function (rawRect) {
+          return capRect(rawRect.left, rawRect.top, rawRect.width, rawRect.height);
+        });
+      });
+      var targetElement = getAnchorSelection(win, anchorInfo).bind(function (sel) {
+        return isElement(sel.start) ? Optional.some(sel.start) : parentNode(sel.start);
+      });
+      var elem = targetElement.getOr(component.element);
+      return calcNewAnchor(selectionBox, rootPoint, anchorInfo, origin, elem);
+    };
+    var SelectionAnchor = [
+      option('getSelection'),
+      strict$1('root'),
+      option('bubble'),
+      schema$1(),
+      defaulted$1('overrides', {}),
+      defaulted$1('showAbove', false),
+      output('placement', placement$2)
+    ];
+
+    var placement$3 = function (component, anchorInfo, origin) {
+      var rootPoint = getRootPoint(component, origin, anchorInfo);
+      return anchorInfo.node.bind(function (target) {
+        var rect = target.dom.getBoundingClientRect();
+        var nodeBox = capRect(rect.left, rect.top, rect.width, rect.height);
+        var elem = anchorInfo.node.getOr(component.element);
+        return calcNewAnchor(nodeBox, rootPoint, anchorInfo, origin, elem);
+      });
+    };
+    var NodeAnchor = [
+      strict$1('node'),
+      strict$1('root'),
+      option('bubble'),
+      schema$1(),
+      defaulted$1('overrides', {}),
+      defaulted$1('showAbove', false),
+      output('placement', placement$3)
+    ];
+
+    var eastX$1 = function (anchor) {
+      return anchor.x + anchor.width;
+    };
+    var westX$1 = function (anchor, element) {
+      return anchor.x - element.width;
+    };
+    var northY$1 = function (anchor, element) {
+      return anchor.y - element.height + anchor.height;
+    };
+    var southY$1 = function (anchor) {
+      return anchor.y;
+    };
+    var southeast$2 = function (anchor, element, bubbles) {
+      return nu$7(eastX$1(anchor), southY$1(anchor), bubbles.southeast(), southeast(), boundsRestriction(anchor, {
+        left: 0,
+        top: 2
+      }), 'link-layout-se');
+    };
+    var southwest$2 = function (anchor, element, bubbles) {
+      return nu$7(westX$1(anchor, element), southY$1(anchor), bubbles.southwest(), southwest(), boundsRestriction(anchor, {
+        right: 1,
+        top: 2
+      }), 'link-layout-sw');
+    };
+    var northeast$2 = function (anchor, element, bubbles) {
+      return nu$7(eastX$1(anchor), northY$1(anchor, element), bubbles.northeast(), northeast(), boundsRestriction(anchor, {
+        left: 0,
+        bottom: 3
+      }), 'link-layout-ne');
+    };
+    var northwest$2 = function (anchor, element, bubbles) {
+      return nu$7(westX$1(anchor, element), northY$1(anchor, element), bubbles.northwest(), northwest(), boundsRestriction(anchor, {
+        right: 1,
+        bottom: 3
+      }), 'link-layout-nw');
+    };
+    var all$3 = function () {
+      return [
+        southeast$2,
+        southwest$2,
+        northeast$2,
+        northwest$2
+      ];
+    };
+    var allRtl$1 = function () {
+      return [
+        southwest$2,
+        southeast$2,
+        northwest$2,
+        northeast$2
+      ];
+    };
+
+    var placement$4 = function (component, submenuInfo, origin) {
+      var anchorBox = toBox(origin, submenuInfo.item.element);
+      var layouts = get$b(component.element, submenuInfo, all$3(), allRtl$1(), all$3(), allRtl$1(), Optional.none());
+      return Optional.some(nu$9({
+        anchorBox: anchorBox,
+        bubble: fallback(),
+        overrides: submenuInfo.overrides,
+        layouts: layouts,
+        placer: Optional.none()
+      }));
+    };
+    var SubmenuAnchor = [
+      strict$1('item'),
+      schema$1(),
+      defaulted$1('overrides', {}),
+      output('placement', placement$4)
+    ];
+
+    var AnchorSchema = choose$1('anchor', {
+      selection: SelectionAnchor,
+      node: NodeAnchor,
+      hotspot: HotspotAnchor,
+      submenu: SubmenuAnchor,
+      makeshift: MakeshiftAnchor
+    });
+
+    var getFixedOrigin = function () {
+      var html = document.documentElement;
+      return fixed(0, 0, html.clientWidth, html.clientHeight);
+    };
+    var getRelativeOrigin = function (component) {
+      var position = absolute(component.element);
+      var bounds = component.element.dom.getBoundingClientRect();
+      return relative(position.left, position.top, bounds.width, bounds.height);
+    };
+    var place = function (component, origin, anchoring, getBounds, placee) {
+      var anchor = box$1(anchoring.anchorBox, origin);
+      simple(anchor, placee.element, anchoring.bubble, anchoring.layouts, getBounds, anchoring.overrides);
+    };
+    var position$1 = function (component, posConfig, posState, anchor, placee) {
+      positionWithin(component, posConfig, posState, anchor, placee, Optional.none());
+    };
+    var positionWithin = function (component, posConfig, posState, anchor, placee, boxElement) {
+      var boundsBox = boxElement.map(box);
+      return positionWithinBounds(component, posConfig, posState, anchor, placee, boundsBox);
+    };
+    var positionWithinBounds = function (component, posConfig, posState, anchor, placee, bounds) {
+      var anchorage = asRawOrDie('positioning anchor.info', AnchorSchema, anchor);
+      preserve(function () {
+        set$2(placee.element, 'position', 'fixed');
+        var oldVisibility = getRaw(placee.element, 'visibility');
+        set$2(placee.element, 'visibility', 'hidden');
+        var origin = posConfig.useFixed() ? getFixedOrigin() : getRelativeOrigin(component);
+        var placer = anchorage.placement;
+        var getBounds = bounds.map(constant).or(posConfig.getBounds);
+        placer(component, anchorage, origin).each(function (anchoring) {
+          var doPlace = anchoring.placer.getOr(place);
+          doPlace(component, origin, anchoring, getBounds, placee);
+        });
+        oldVisibility.fold(function () {
+          remove$6(placee.element, 'visibility');
+        }, function (vis) {
+          set$2(placee.element, 'visibility', vis);
+        });
+        if (getRaw(placee.element, 'left').isNone() && getRaw(placee.element, 'top').isNone() && getRaw(placee.element, 'right').isNone() && getRaw(placee.element, 'bottom').isNone() && getRaw(placee.element, 'position').is('fixed')) {
+          remove$6(placee.element, 'position');
+        }
+      }, placee.element);
+    };
+    var getMode = function (component, pConfig, _pState) {
+      return pConfig.useFixed() ? 'fixed' : 'absolute';
+    };
+
+    var PositionApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        position: position$1,
+        positionWithin: positionWithin,
+        positionWithinBounds: positionWithinBounds,
+        getMode: getMode
+    });
+
+    var PositionSchema = [
+      defaulted$1('useFixed', never),
+      option('getBounds')
+    ];
+
+    var Positioning = create$1({
+      fields: PositionSchema,
+      name: 'positioning',
+      active: ActivePosition,
+      apis: PositionApis
+    });
+
+    var fireDetaching = function (component) {
+      emit(component, detachedFromDom());
+      var children = component.components();
+      each(children, fireDetaching);
+    };
+    var fireAttaching = function (component) {
+      var children = component.components();
+      each(children, fireAttaching);
+      emit(component, attachedToDom());
+    };
+    var attach = function (parent, child) {
+      append(parent.element, child.element);
+    };
+    var detachChildren = function (component) {
+      each(component.components(), function (childComp) {
+        return remove(childComp.element);
+      });
+      empty(component.element);
+      component.syncComponents();
+    };
+    var replaceChildren = function (component, newChildren) {
+      var subs = component.components();
+      detachChildren(component);
+      var deleted = difference(subs, newChildren);
+      each(deleted, function (comp) {
+        fireDetaching(comp);
+        component.getSystem().removeFromWorld(comp);
+      });
+      each(newChildren, function (childComp) {
+        if (!childComp.getSystem().isConnected()) {
+          component.getSystem().addToWorld(childComp);
+          attach(component, childComp);
+          if (inBody(component.element)) {
+            fireAttaching(childComp);
+          }
+        } else {
+          attach(component, childComp);
+        }
+        component.syncComponents();
+      });
+    };
+
+    var attach$1 = function (parent, child) {
+      attachWith(parent, child, append);
+    };
+    var attachWith = function (parent, child, insertion) {
+      parent.getSystem().addToWorld(child);
+      insertion(parent.element, child.element);
+      if (inBody(parent.element)) {
+        fireAttaching(child);
+      }
+      parent.syncComponents();
+    };
+    var doDetach = function (component) {
+      fireDetaching(component);
+      remove(component.element);
+      component.getSystem().removeFromWorld(component);
+    };
+    var detach = function (component) {
+      var parent$1 = parent(component.element).bind(function (p) {
+        return component.getSystem().getByDom(p).toOptional();
+      });
+      doDetach(component);
+      parent$1.each(function (p) {
+        p.syncComponents();
+      });
+    };
+    var detachChildren$1 = function (component) {
+      var subs = component.components();
+      each(subs, doDetach);
+      empty(component.element);
+      component.syncComponents();
+    };
+    var attachSystem = function (element, guiSystem) {
+      attachSystemWith(element, guiSystem, append);
+    };
+    var attachSystemAfter = function (element, guiSystem) {
+      attachSystemWith(element, guiSystem, after);
+    };
+    var attachSystemWith = function (element, guiSystem, inserter) {
+      inserter(element, guiSystem.element);
+      var children$1 = children(guiSystem.element);
+      each(children$1, function (child) {
+        guiSystem.getByDom(child).each(fireAttaching);
+      });
+    };
+    var detachSystem = function (guiSystem) {
+      var children$1 = children(guiSystem.element);
+      each(children$1, function (child) {
+        guiSystem.getByDom(child).each(fireDetaching);
+      });
+      remove(guiSystem.element);
+    };
+
+    var rebuild = function (sandbox, sConfig, sState, data) {
+      sState.get().each(function (_data) {
+        detachChildren$1(sandbox);
+      });
+      var point = sConfig.getAttachPoint(sandbox);
+      attach$1(point, sandbox);
+      var built = sandbox.getSystem().build(data);
+      attach$1(sandbox, built);
+      sState.set(built);
+      return built;
+    };
+    var open = function (sandbox, sConfig, sState, data) {
+      var newState = rebuild(sandbox, sConfig, sState, data);
+      sConfig.onOpen(sandbox, newState);
+      return newState;
+    };
+    var setContent = function (sandbox, sConfig, sState, data) {
+      return sState.get().map(function () {
+        return rebuild(sandbox, sConfig, sState, data);
+      });
+    };
+    var openWhileCloaked = function (sandbox, sConfig, sState, data, transaction) {
+      cloak(sandbox, sConfig);
+      open(sandbox, sConfig, sState, data);
+      transaction();
+      decloak(sandbox, sConfig);
+    };
+    var close = function (sandbox, sConfig, sState) {
+      sState.get().each(function (data) {
+        detachChildren$1(sandbox);
+        detach(sandbox);
+        sConfig.onClose(sandbox, data);
+        sState.clear();
+      });
+    };
+    var isOpen = function (_sandbox, _sConfig, sState) {
+      return sState.isOpen();
+    };
+    var isPartOf$1 = function (sandbox, sConfig, sState, queryElem) {
+      return isOpen(sandbox, sConfig, sState) && sState.get().exists(function (data) {
+        return sConfig.isPartOf(sandbox, data, queryElem);
+      });
+    };
+    var getState = function (_sandbox, _sConfig, sState) {
+      return sState.get();
+    };
+    var store = function (sandbox, cssKey, attr, newValue) {
+      getRaw(sandbox.element, cssKey).fold(function () {
+        remove$1(sandbox.element, attr);
+      }, function (v) {
+        set$1(sandbox.element, attr, v);
+      });
+      set$2(sandbox.element, cssKey, newValue);
+    };
+    var restore = function (sandbox, cssKey, attr) {
+      getOpt(sandbox.element, attr).fold(function () {
+        return remove$6(sandbox.element, cssKey);
+      }, function (oldValue) {
+        return set$2(sandbox.element, cssKey, oldValue);
+      });
+    };
+    var cloak = function (sandbox, sConfig, _sState) {
+      var sink = sConfig.getAttachPoint(sandbox);
+      set$2(sandbox.element, 'position', Positioning.getMode(sink));
+      store(sandbox, 'visibility', sConfig.cloakVisibilityAttr, 'hidden');
+    };
+    var hasPosition = function (element) {
+      return exists([
+        'top',
+        'left',
+        'right',
+        'bottom'
+      ], function (pos) {
+        return getRaw(element, pos).isSome();
+      });
+    };
+    var decloak = function (sandbox, sConfig, _sState) {
+      if (!hasPosition(sandbox.element)) {
+        remove$6(sandbox.element, 'position');
+      }
+      restore(sandbox, 'visibility', sConfig.cloakVisibilityAttr);
+    };
+
+    var SandboxApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        cloak: cloak,
+        decloak: decloak,
+        open: open,
+        openWhileCloaked: openWhileCloaked,
+        close: close,
+        isOpen: isOpen,
+        isPartOf: isPartOf$1,
+        getState: getState,
+        setContent: setContent
+    });
+
+    var events$2 = function (sandboxConfig, sandboxState) {
+      return derive([run(sandboxClose(), function (sandbox, _simulatedEvent) {
+          close(sandbox, sandboxConfig, sandboxState);
+        })]);
+    };
+
+    var ActiveSandbox = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$2
+    });
+
+    var SandboxSchema = [
+      onHandler('onOpen'),
+      onHandler('onClose'),
+      strict$1('isPartOf'),
+      strict$1('getAttachPoint'),
+      defaulted$1('cloakVisibilityAttr', 'data-precloak-visibility')
+    ];
+
+    var init = function () {
+      var contents = Cell(Optional.none());
+      var readState = constant('not-implemented');
+      var isOpen = function () {
+        return contents.get().isSome();
+      };
+      var set = function (comp) {
+        contents.set(Optional.some(comp));
+      };
+      var get = function () {
+        return contents.get();
+      };
+      var clear = function () {
+        contents.set(Optional.none());
+      };
+      return nu$5({
+        readState: readState,
+        isOpen: isOpen,
+        clear: clear,
+        set: set,
+        get: get
+      });
+    };
+
+    var SandboxState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init
+    });
+
+    var Sandboxing = create$1({
+      fields: SandboxSchema,
+      name: 'sandboxing',
+      active: ActiveSandbox,
+      apis: SandboxApis,
+      state: SandboxState
+    });
+
+    var dismissPopups = constant('dismiss.popups');
+    var repositionPopups = constant('reposition.popups');
+    var mouseReleased = constant('mouse.released');
+
+    var schema$2 = objOfOnly([
+      defaulted$1('isExtraPart', never),
+      optionObjOf('fireEventInstead', [defaulted$1('event', dismissRequested())])
+    ]);
+    var receivingChannel = function (rawSpec) {
+      var _a;
+      var detail = asRawOrDie('Dismissal', schema$2, rawSpec);
+      return _a = {}, _a[dismissPopups()] = {
+        schema: objOfOnly([strict$1('target')]),
+        onReceive: function (sandbox, data) {
+          if (Sandboxing.isOpen(sandbox)) {
+            var isPart = Sandboxing.isPartOf(sandbox, data.target) || detail.isExtraPart(sandbox, data.target);
+            if (!isPart) {
+              detail.fireEventInstead.fold(function () {
+                return Sandboxing.close(sandbox);
+              }, function (fe) {
+                return emit(sandbox, fe.event);
+              });
+            }
+          }
+        }
+      }, _a;
+    };
+
+    var schema$3 = objOfOnly([
+      optionObjOf('fireEventInstead', [defaulted$1('event', repositionRequested())]),
+      strictFunction('doReposition')
+    ]);
+    var receivingChannel$1 = function (rawSpec) {
+      var _a;
+      var detail = asRawOrDie('Reposition', schema$3, rawSpec);
+      return _a = {}, _a[repositionPopups()] = {
+        onReceive: function (sandbox) {
+          if (Sandboxing.isOpen(sandbox)) {
+            detail.fireEventInstead.fold(function () {
+              return detail.doReposition(sandbox);
+            }, function (fe) {
+              return emit(sandbox, fe.event);
+            });
+          }
+        }
+      }, _a;
+    };
+
+    var onLoad = function (component, repConfig, repState) {
+      repConfig.store.manager.onLoad(component, repConfig, repState);
+    };
+    var onUnload = function (component, repConfig, repState) {
+      repConfig.store.manager.onUnload(component, repConfig, repState);
+    };
+    var setValue = function (component, repConfig, repState, data) {
+      repConfig.store.manager.setValue(component, repConfig, repState, data);
+    };
+    var getValue = function (component, repConfig, repState) {
+      return repConfig.store.manager.getValue(component, repConfig, repState);
+    };
+    var getState$1 = function (component, repConfig, repState) {
+      return repState;
+    };
+
+    var RepresentApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        onLoad: onLoad,
+        onUnload: onUnload,
+        setValue: setValue,
+        getValue: getValue,
+        getState: getState$1
+    });
+
+    var events$3 = function (repConfig, repState) {
+      var es = repConfig.resetOnDom ? [
+        runOnAttached(function (comp, _se) {
+          onLoad(comp, repConfig, repState);
+        }),
+        runOnDetached(function (comp, _se) {
+          onUnload(comp, repConfig, repState);
+        })
+      ] : [loadEvent(repConfig, repState, onLoad)];
+      return derive(es);
+    };
+
+    var ActiveRepresenting = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$3
+    });
+
+    var memory = function () {
+      var data = Cell(null);
+      var readState = function () {
+        return {
+          mode: 'memory',
+          value: data.get()
+        };
+      };
+      var isNotSet = function () {
+        return data.get() === null;
+      };
+      var clear = function () {
+        data.set(null);
+      };
+      return nu$5({
+        set: data.set,
+        get: data.get,
+        isNotSet: isNotSet,
+        clear: clear,
+        readState: readState
+      });
+    };
+    var manual = function () {
+      var readState = function () {
+      };
+      return nu$5({ readState: readState });
+    };
+    var dataset = function () {
+      var dataByValue = Cell({});
+      var dataByText = Cell({});
+      var readState = function () {
+        return {
+          mode: 'dataset',
+          dataByValue: dataByValue.get(),
+          dataByText: dataByText.get()
+        };
+      };
+      var clear = function () {
+        dataByValue.set({});
+        dataByText.set({});
+      };
+      var lookup = function (itemString) {
+        return get$1(dataByValue.get(), itemString).orThunk(function () {
+          return get$1(dataByText.get(), itemString);
+        });
+      };
+      var update = function (items) {
+        var currentDataByValue = dataByValue.get();
+        var currentDataByText = dataByText.get();
+        var newDataByValue = {};
+        var newDataByText = {};
+        each(items, function (item) {
+          newDataByValue[item.value] = item;
+          get$1(item, 'meta').each(function (meta) {
+            get$1(meta, 'text').each(function (text) {
+              newDataByText[text] = item;
+            });
+          });
+        });
+        dataByValue.set(__assign(__assign({}, currentDataByValue), newDataByValue));
+        dataByText.set(__assign(__assign({}, currentDataByText), newDataByText));
+      };
+      return nu$5({
+        readState: readState,
+        lookup: lookup,
+        update: update,
+        clear: clear
+      });
+    };
+    var init$1 = function (spec) {
+      return spec.store.manager.state(spec);
+    };
+
+    var RepresentState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        memory: memory,
+        dataset: dataset,
+        manual: manual,
+        init: init$1
+    });
+
+    var setValue$1 = function (component, repConfig, repState, data) {
+      var store = repConfig.store;
+      repState.update([data]);
+      store.setValue(component, data);
+      repConfig.onSetValue(component, data);
+    };
+    var getValue$1 = function (component, repConfig, repState) {
+      var store = repConfig.store;
+      var key = store.getDataKey(component);
+      return repState.lookup(key).fold(function () {
+        return store.getFallbackEntry(key);
+      }, function (data) {
+        return data;
+      });
+    };
+    var onLoad$1 = function (component, repConfig, repState) {
+      var store = repConfig.store;
+      store.initialValue.each(function (data) {
+        setValue$1(component, repConfig, repState, data);
+      });
+    };
+    var onUnload$1 = function (component, repConfig, repState) {
+      repState.clear();
+    };
+    var DatasetStore = [
+      option('initialValue'),
+      strict$1('getFallbackEntry'),
+      strict$1('getDataKey'),
+      strict$1('setValue'),
+      output('manager', {
+        setValue: setValue$1,
+        getValue: getValue$1,
+        onLoad: onLoad$1,
+        onUnload: onUnload$1,
+        state: dataset
+      })
+    ];
+
+    var getValue$2 = function (component, repConfig, _repState) {
+      return repConfig.store.getValue(component);
+    };
+    var setValue$2 = function (component, repConfig, _repState, data) {
+      repConfig.store.setValue(component, data);
+      repConfig.onSetValue(component, data);
+    };
+    var onLoad$2 = function (component, repConfig, _repState) {
+      repConfig.store.initialValue.each(function (data) {
+        repConfig.store.setValue(component, data);
+      });
+    };
+    var ManualStore = [
+      strict$1('getValue'),
+      defaulted$1('setValue', noop),
+      option('initialValue'),
+      output('manager', {
+        setValue: setValue$2,
+        getValue: getValue$2,
+        onLoad: onLoad$2,
+        onUnload: noop,
+        state: NoState.init
+      })
+    ];
+
+    var setValue$3 = function (component, repConfig, repState, data) {
+      repState.set(data);
+      repConfig.onSetValue(component, data);
+    };
+    var getValue$3 = function (component, repConfig, repState) {
+      return repState.get();
+    };
+    var onLoad$3 = function (component, repConfig, repState) {
+      repConfig.store.initialValue.each(function (initVal) {
+        if (repState.isNotSet()) {
+          repState.set(initVal);
+        }
+      });
+    };
+    var onUnload$2 = function (component, repConfig, repState) {
+      repState.clear();
+    };
+    var MemoryStore = [
+      option('initialValue'),
+      output('manager', {
+        setValue: setValue$3,
+        getValue: getValue$3,
+        onLoad: onLoad$3,
+        onUnload: onUnload$2,
+        state: memory
+      })
+    ];
+
+    var RepresentSchema = [
+      defaultedOf('store', { mode: 'memory' }, choose$1('mode', {
+        memory: MemoryStore,
+        manual: ManualStore,
+        dataset: DatasetStore
+      })),
+      onHandler('onSetValue'),
+      defaulted$1('resetOnDom', false)
+    ];
+
+    var Representing = create$1({
+      fields: RepresentSchema,
+      name: 'representing',
+      active: ActiveRepresenting,
+      apis: RepresentApis,
+      extra: {
+        setValueFrom: function (component, source) {
+          var value = Representing.getValue(source);
+          Representing.setValue(component, value);
+        }
+      },
+      state: RepresentState
+    });
+
+    var field$1 = function (name, forbidden) {
+      return defaultedObjOf(name, {}, map(forbidden, function (f) {
+        return forbid(f.name(), 'Cannot configure ' + f.name() + ' for ' + name);
+      }).concat([state$1('dump', identity)]));
+    };
+    var get$d = function (data) {
+      return data.dump;
+    };
+    var augment = function (data, original) {
+      return __assign(__assign({}, data.dump), derive$1(original));
+    };
+    var SketchBehaviours = {
+      field: field$1,
+      augment: augment,
+      get: get$d
+    };
+
+    var _placeholder = 'placeholder';
+    var adt$9 = Adt.generate([
+      {
+        single: [
+          'required',
+          'valueThunk'
+        ]
+      },
+      {
+        multiple: [
+          'required',
+          'valueThunks'
+        ]
+      }
+    ]);
+    var isSubstituted = function (spec) {
+      return has(spec, 'uiType');
+    };
+    var subPlaceholder = function (owner, detail, compSpec, placeholders) {
+      if (owner.exists(function (o) {
+          return o !== compSpec.owner;
+        })) {
+        return adt$9.single(true, constant(compSpec));
+      }
+      return get$1(placeholders, compSpec.name).fold(function () {
+        throw new Error('Unknown placeholder component: ' + compSpec.name + '\nKnown: [' + keys(placeholders) + ']\nNamespace: ' + owner.getOr('none') + '\nSpec: ' + JSON.stringify(compSpec, null, 2));
+      }, function (newSpec) {
+        return newSpec.replace();
+      });
+    };
+    var scan = function (owner, detail, compSpec, placeholders) {
+      if (isSubstituted(compSpec) && compSpec.uiType === _placeholder) {
+        return subPlaceholder(owner, detail, compSpec, placeholders);
+      } else {
+        return adt$9.single(false, constant(compSpec));
+      }
+    };
+    var substitute = function (owner, detail, compSpec, placeholders) {
+      var base = scan(owner, detail, compSpec, placeholders);
+      return base.fold(function (req, valueThunk) {
+        var value = isSubstituted(compSpec) ? valueThunk(detail, compSpec.config, compSpec.validated) : valueThunk(detail);
+        var childSpecs = get$1(value, 'components').getOr([]);
+        var substituted = bind(childSpecs, function (c) {
+          return substitute(owner, detail, c, placeholders);
+        });
+        return [__assign(__assign({}, value), { components: substituted })];
+      }, function (req, valuesThunk) {
+        if (isSubstituted(compSpec)) {
+          var values = valuesThunk(detail, compSpec.config, compSpec.validated);
+          var preprocessor = compSpec.validated.preprocess.getOr(identity);
+          return preprocessor(values);
+        } else {
+          return valuesThunk(detail);
+        }
+      });
+    };
+    var substituteAll = function (owner, detail, components, placeholders) {
+      return bind(components, function (c) {
+        return substitute(owner, detail, c, placeholders);
+      });
+    };
+    var oneReplace = function (label, replacements) {
+      var called = false;
+      var used = function () {
+        return called;
+      };
+      var replace = function () {
+        if (called) {
+          throw new Error('Trying to use the same placeholder more than once: ' + label);
+        }
+        called = true;
+        return replacements;
+      };
+      var required = function () {
+        return replacements.fold(function (req, _) {
+          return req;
+        }, function (req, _) {
+          return req;
+        });
+      };
+      return {
+        name: constant(label),
+        required: required,
+        used: used,
+        replace: replace
+      };
+    };
+    var substitutePlaces = function (owner, detail, components, placeholders) {
+      var ps = map$2(placeholders, function (ph, name) {
+        return oneReplace(name, ph);
+      });
+      var outcome = substituteAll(owner, detail, components, ps);
+      each$1(ps, function (p) {
+        if (p.used() === false && p.required()) {
+          throw new Error('Placeholder: ' + p.name() + ' was not found in components list\nNamespace: ' + owner.getOr('none') + '\nComponents: ' + JSON.stringify(detail.components, null, 2));
+        }
+      });
+      return outcome;
+    };
+    var single = adt$9.single;
+    var multiple = adt$9.multiple;
+    var placeholder = constant(_placeholder);
+
+    var adt$a = Adt.generate([
+      { required: ['data'] },
+      { external: ['data'] },
+      { optional: ['data'] },
+      { group: ['data'] }
+    ]);
+    var fFactory = defaulted$1('factory', { sketch: identity });
+    var fSchema = defaulted$1('schema', []);
+    var fName = strict$1('name');
+    var fPname = field('pname', 'pname', defaultedThunk(function (typeSpec) {
+      return '<alloy.' + generate$1(typeSpec.name) + '>';
+    }), anyValue$1());
+    var fGroupSchema = state$1('schema', function () {
+      return [option('preprocess')];
+    });
+    var fDefaults = defaulted$1('defaults', constant({}));
+    var fOverrides = defaulted$1('overrides', constant({}));
+    var requiredSpec = objOf([
+      fFactory,
+      fSchema,
+      fName,
+      fPname,
+      fDefaults,
+      fOverrides
+    ]);
+    var externalSpec = objOf([
+      fFactory,
+      fSchema,
+      fName,
+      fDefaults,
+      fOverrides
+    ]);
+    var optionalSpec = objOf([
+      fFactory,
+      fSchema,
+      fName,
+      fPname,
+      fDefaults,
+      fOverrides
+    ]);
+    var groupSpec = objOf([
+      fFactory,
+      fGroupSchema,
+      fName,
+      strict$1('unit'),
+      fPname,
+      fDefaults,
+      fOverrides
+    ]);
+    var asNamedPart = function (part) {
+      return part.fold(Optional.some, Optional.none, Optional.some, Optional.some);
+    };
+    var name$1 = function (part) {
+      var get = function (data) {
+        return data.name;
+      };
+      return part.fold(get, get, get, get);
+    };
+    var asCommon = function (part) {
+      return part.fold(identity, identity, identity, identity);
+    };
+    var convert = function (adtConstructor, partSchema) {
+      return function (spec) {
+        var data = asRawOrDie('Converting part type', partSchema, spec);
+        return adtConstructor(data);
+      };
+    };
+    var required = convert(adt$a.required, requiredSpec);
+    var external$1 = convert(adt$a.external, externalSpec);
+    var optional = convert(adt$a.optional, optionalSpec);
+    var group = convert(adt$a.group, groupSpec);
+    var original = constant('entirety');
+
+    var PartType = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        required: required,
+        external: external$1,
+        optional: optional,
+        group: group,
+        asNamedPart: asNamedPart,
+        name: name$1,
+        asCommon: asCommon,
+        original: original
+    });
+
+    var combine$2 = function (detail, data, partSpec, partValidated) {
+      return deepMerge(data.defaults(detail, partSpec, partValidated), partSpec, { uid: detail.partUids[data.name] }, data.overrides(detail, partSpec, partValidated));
+    };
+    var subs = function (owner, detail, parts) {
+      var internals = {};
+      var externals = {};
+      each(parts, function (part) {
+        part.fold(function (data) {
+          internals[data.pname] = single(true, function (detail, partSpec, partValidated) {
+            return data.factory.sketch(combine$2(detail, data, partSpec, partValidated));
+          });
+        }, function (data) {
+          var partSpec = detail.parts[data.name];
+          externals[data.name] = constant(data.factory.sketch(combine$2(detail, data, partSpec[original()]), partSpec));
+        }, function (data) {
+          internals[data.pname] = single(false, function (detail, partSpec, partValidated) {
+            return data.factory.sketch(combine$2(detail, data, partSpec, partValidated));
+          });
+        }, function (data) {
+          internals[data.pname] = multiple(true, function (detail, _partSpec, _partValidated) {
+            var units = detail[data.name];
+            return map(units, function (u) {
+              return data.factory.sketch(deepMerge(data.defaults(detail, u, _partValidated), u, data.overrides(detail, u)));
+            });
+          });
+        });
+      });
+      return {
+        internals: constant(internals),
+        externals: constant(externals)
+      };
+    };
+
+    var generate$4 = function (owner, parts) {
+      var r = {};
+      each(parts, function (part) {
+        asNamedPart(part).each(function (np) {
+          var g = doGenerateOne(owner, np.pname);
+          r[np.name] = function (config) {
+            var validated = asRawOrDie('Part: ' + np.name + ' in ' + owner, objOf(np.schema), config);
+            return __assign(__assign({}, g), {
+              config: config,
+              validated: validated
+            });
+          };
+        });
+      });
+      return r;
+    };
+    var doGenerateOne = function (owner, pname) {
+      return {
+        uiType: placeholder(),
+        owner: owner,
+        name: pname
+      };
+    };
+    var generateOne = function (owner, pname, config) {
+      return {
+        uiType: placeholder(),
+        owner: owner,
+        name: pname,
+        config: config,
+        validated: {}
+      };
+    };
+    var schemas = function (parts) {
+      return bind(parts, function (part) {
+        return part.fold(Optional.none, Optional.some, Optional.none, Optional.none).map(function (data) {
+          return strictObjOf(data.name, data.schema.concat([snapshot(original())]));
+        }).toArray();
+      });
+    };
+    var names = function (parts) {
+      return map(parts, name$1);
+    };
+    var substitutes = function (owner, detail, parts) {
+      return subs(owner, detail, parts);
+    };
+    var components = function (owner, detail, internals) {
+      return substitutePlaces(Optional.some(owner), detail, detail.components, internals);
+    };
+    var getPart = function (component, detail, partKey) {
+      var uid = detail.partUids[partKey];
+      return component.getSystem().getByUid(uid).toOptional();
+    };
+    var getPartOrDie = function (component, detail, partKey) {
+      return getPart(component, detail, partKey).getOrDie('Could not find part: ' + partKey);
+    };
+    var getParts = function (component, detail, partKeys) {
+      var r = {};
+      var uids = detail.partUids;
+      var system = component.getSystem();
+      each(partKeys, function (pk) {
+        r[pk] = constant(system.getByUid(uids[pk]));
+      });
+      return r;
+    };
+    var getAllParts = function (component, detail) {
+      var system = component.getSystem();
+      return map$2(detail.partUids, function (pUid, _k) {
+        return constant(system.getByUid(pUid));
+      });
+    };
+    var getAllPartNames = function (detail) {
+      return keys(detail.partUids);
+    };
+    var getPartsOrDie = function (component, detail, partKeys) {
+      var r = {};
+      var uids = detail.partUids;
+      var system = component.getSystem();
+      each(partKeys, function (pk) {
+        r[pk] = constant(system.getByUid(uids[pk]).getOrDie());
+      });
+      return r;
+    };
+    var defaultUids = function (baseUid, partTypes) {
+      var partNames = names(partTypes);
+      return wrapAll$1(map(partNames, function (pn) {
+        return {
+          key: pn,
+          value: baseUid + '-' + pn
+        };
+      }));
+    };
+    var defaultUidsSchema = function (partTypes) {
+      return field('partUids', 'partUids', mergeWithThunk(function (spec) {
+        return defaultUids(spec.uid, partTypes);
+      }), anyValue$1());
+    };
+
+    var AlloyParts = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        generate: generate$4,
+        generateOne: generateOne,
+        schemas: schemas,
+        names: names,
+        substitutes: substitutes,
+        components: components,
+        defaultUids: defaultUids,
+        defaultUidsSchema: defaultUidsSchema,
+        getAllParts: getAllParts,
+        getAllPartNames: getAllPartNames,
+        getPart: getPart,
+        getPartOrDie: getPartOrDie,
+        getParts: getParts,
+        getPartsOrDie: getPartsOrDie
+    });
+
+    var base = function (partSchemas, partUidsSchemas) {
+      var ps = partSchemas.length > 0 ? [strictObjOf('parts', partSchemas)] : [];
+      return ps.concat([
+        strict$1('uid'),
+        defaulted$1('dom', {}),
+        defaulted$1('components', []),
+        snapshot('originalSpec'),
+        defaulted$1('debug.sketcher', {})
+      ]).concat(partUidsSchemas);
+    };
+    var asRawOrDie$1 = function (label, schema, spec, partSchemas, partUidsSchemas) {
+      var baseS = base(partSchemas, partUidsSchemas);
+      return asRawOrDie(label + ' [SpecSchema]', objOfOnly(baseS.concat(schema)), spec);
+    };
+
+    var single$1 = function (owner, schema, factory, spec) {
+      var specWithUid = supplyUid(spec);
+      var detail = asRawOrDie$1(owner, schema, specWithUid, [], []);
+      return factory(detail, specWithUid);
+    };
+    var composite = function (owner, schema, partTypes, factory, spec) {
+      var specWithUid = supplyUid(spec);
+      var partSchemas = schemas(partTypes);
+      var partUidsSchema = defaultUidsSchema(partTypes);
+      var detail = asRawOrDie$1(owner, schema, specWithUid, partSchemas, [partUidsSchema]);
+      var subs = substitutes(owner, detail, partTypes);
+      var components$1 = components(owner, detail, subs.internals());
+      return factory(detail, components$1, specWithUid, subs.externals());
+    };
+    var hasUid = function (spec) {
+      return has(spec, 'uid');
+    };
+    var supplyUid = function (spec) {
+      return hasUid(spec) ? spec : __assign(__assign({}, spec), { uid: generate$2('uid') });
+    };
+
+    function isSketchSpec(spec) {
+      return spec.uid !== undefined;
+    }
+    var singleSchema = objOfOnly([
+      strict$1('name'),
+      strict$1('factory'),
+      strict$1('configFields'),
+      defaulted$1('apis', {}),
+      defaulted$1('extraApis', {})
+    ]);
+    var compositeSchema = objOfOnly([
+      strict$1('name'),
+      strict$1('factory'),
+      strict$1('configFields'),
+      strict$1('partFields'),
+      defaulted$1('apis', {}),
+      defaulted$1('extraApis', {})
+    ]);
+    var single$2 = function (rawConfig) {
+      var config = asRawOrDie('Sketcher for ' + rawConfig.name, singleSchema, rawConfig);
+      var sketch = function (spec) {
+        return single$1(config.name, config.configFields, config.factory, spec);
+      };
+      var apis = map$2(config.apis, makeApi);
+      var extraApis = map$2(config.extraApis, function (f, k) {
+        return markAsExtraApi(f, k);
+      });
+      return __assign(__assign({
+        name: config.name,
+        configFields: config.configFields,
+        sketch: sketch
+      }, apis), extraApis);
+    };
+    var composite$1 = function (rawConfig) {
+      var config = asRawOrDie('Sketcher for ' + rawConfig.name, compositeSchema, rawConfig);
+      var sketch = function (spec) {
+        return composite(config.name, config.configFields, config.partFields, config.factory, spec);
+      };
+      var parts = generate$4(config.name, config.partFields);
+      var apis = map$2(config.apis, makeApi);
+      var extraApis = map$2(config.extraApis, function (f, k) {
+        return markAsExtraApi(f, k);
+      });
+      return __assign(__assign({
+        name: config.name,
+        partFields: config.partFields,
+        configFields: config.configFields,
+        sketch: sketch,
+        parts: parts
+      }, apis), extraApis);
+    };
+
+    var cat = function (arr) {
+      var r = [];
+      var push = function (x) {
+        r.push(x);
+      };
+      for (var i = 0; i < arr.length; i++) {
+        arr[i].each(push);
+      }
+      return r;
+    };
+    var sequence = function (arr) {
+      var r = [];
+      for (var i = 0; i < arr.length; i++) {
+        var x = arr[i];
+        if (x.isSome()) {
+          r.push(x.getOrDie());
+        } else {
+          return Optional.none();
+        }
+      }
+      return Optional.some(r);
+    };
+    var lift2 = function (oa, ob, f) {
+      return oa.isSome() && ob.isSome() ? Optional.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
+    };
+    var lift3 = function (oa, ob, oc, f) {
+      return oa.isSome() && ob.isSome() && oc.isSome() ? Optional.some(f(oa.getOrDie(), ob.getOrDie(), oc.getOrDie())) : Optional.none();
+    };
+    var mapFrom = function (a, f) {
+      return a !== undefined && a !== null ? Optional.some(f(a)) : Optional.none();
+    };
+    var someIf = function (b, a) {
+      return b ? Optional.some(a) : Optional.none();
+    };
+
+    var inside = function (target) {
+      return name(target) === 'input' && get$3(target, 'type') !== 'radio' || name(target) === 'textarea';
+    };
+
+    var getCurrent = function (component, composeConfig, _composeState) {
+      return composeConfig.find(component);
+    };
+
+    var ComposeApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        getCurrent: getCurrent
+    });
+
+    var ComposeSchema = [strict$1('find')];
+
+    var Composing = create$1({
+      fields: ComposeSchema,
+      name: 'composing',
+      apis: ComposeApis
+    });
+
+    var dehighlightAllExcept = function (component, hConfig, hState, skip) {
+      var highlighted = descendants(component.element, '.' + hConfig.highlightClass);
+      each(highlighted, function (h) {
+        if (!exists(skip, function (skipComp) {
+            return skipComp.element === h;
+          })) {
+          remove$4(h, hConfig.highlightClass);
+          component.getSystem().getByDom(h).each(function (target) {
+            hConfig.onDehighlight(component, target);
+            emit(target, dehighlight());
+          });
+        }
+      });
+    };
+    var dehighlightAll = function (component, hConfig, hState) {
+      return dehighlightAllExcept(component, hConfig, hState, []);
+    };
+    var dehighlight$1 = function (component, hConfig, hState, target) {
+      if (isHighlighted(component, hConfig, hState, target)) {
+        remove$4(target.element, hConfig.highlightClass);
+        hConfig.onDehighlight(component, target);
+        emit(target, dehighlight());
+      }
+    };
+    var highlight$1 = function (component, hConfig, hState, target) {
+      dehighlightAllExcept(component, hConfig, hState, [target]);
+      if (!isHighlighted(component, hConfig, hState, target)) {
+        add$2(target.element, hConfig.highlightClass);
+        hConfig.onHighlight(component, target);
+        emit(target, highlight());
+      }
+    };
+    var highlightFirst = function (component, hConfig, hState) {
+      getFirst(component, hConfig).each(function (firstComp) {
+        highlight$1(component, hConfig, hState, firstComp);
+      });
+    };
+    var highlightLast = function (component, hConfig, hState) {
+      getLast(component, hConfig).each(function (lastComp) {
+        highlight$1(component, hConfig, hState, lastComp);
+      });
+    };
+    var highlightAt = function (component, hConfig, hState, index) {
+      getByIndex(component, hConfig, hState, index).fold(function (err) {
+        throw new Error(err);
+      }, function (firstComp) {
+        highlight$1(component, hConfig, hState, firstComp);
+      });
+    };
+    var highlightBy = function (component, hConfig, hState, predicate) {
+      var candidates = getCandidates(component, hConfig);
+      var targetComp = find(candidates, predicate);
+      targetComp.each(function (c) {
+        highlight$1(component, hConfig, hState, c);
+      });
+    };
+    var isHighlighted = function (component, hConfig, hState, queryTarget) {
+      return has$2(queryTarget.element, hConfig.highlightClass);
+    };
+    var getHighlighted = function (component, hConfig, _hState) {
+      return descendant$1(component.element, '.' + hConfig.highlightClass).bind(function (e) {
+        return component.getSystem().getByDom(e).toOptional();
+      });
+    };
+    var getByIndex = function (component, hConfig, hState, index) {
+      var items = descendants(component.element, '.' + hConfig.itemClass);
+      return Optional.from(items[index]).fold(function () {
+        return Result.error('No element found with index ' + index);
+      }, component.getSystem().getByDom);
+    };
+    var getFirst = function (component, hConfig, _hState) {
+      return descendant$1(component.element, '.' + hConfig.itemClass).bind(function (e) {
+        return component.getSystem().getByDom(e).toOptional();
+      });
+    };
+    var getLast = function (component, hConfig, _hState) {
+      var items = descendants(component.element, '.' + hConfig.itemClass);
+      var last = items.length > 0 ? Optional.some(items[items.length - 1]) : Optional.none();
+      return last.bind(function (c) {
+        return component.getSystem().getByDom(c).toOptional();
+      });
+    };
+    var getDelta = function (component, hConfig, hState, delta) {
+      var items = descendants(component.element, '.' + hConfig.itemClass);
+      var current = findIndex(items, function (item) {
+        return has$2(item, hConfig.highlightClass);
+      });
+      return current.bind(function (selected) {
+        var dest = cycleBy(selected, delta, 0, items.length - 1);
+        return component.getSystem().getByDom(items[dest]).toOptional();
+      });
+    };
+    var getPrevious = function (component, hConfig, hState) {
+      return getDelta(component, hConfig, hState, -1);
+    };
+    var getNext = function (component, hConfig, hState) {
+      return getDelta(component, hConfig, hState, +1);
+    };
+    var getCandidates = function (component, hConfig, _hState) {
+      var items = descendants(component.element, '.' + hConfig.itemClass);
+      return cat(map(items, function (i) {
+        return component.getSystem().getByDom(i).toOptional();
+      }));
+    };
+
+    var HighlightApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        dehighlightAll: dehighlightAll,
+        dehighlight: dehighlight$1,
+        highlight: highlight$1,
+        highlightFirst: highlightFirst,
+        highlightLast: highlightLast,
+        highlightAt: highlightAt,
+        highlightBy: highlightBy,
+        isHighlighted: isHighlighted,
+        getHighlighted: getHighlighted,
+        getFirst: getFirst,
+        getLast: getLast,
+        getPrevious: getPrevious,
+        getNext: getNext,
+        getCandidates: getCandidates
+    });
+
+    var HighlightSchema = [
+      strict$1('highlightClass'),
+      strict$1('itemClass'),
+      onHandler('onHighlight'),
+      onHandler('onDehighlight')
+    ];
+
+    var Highlighting = create$1({
+      fields: HighlightSchema,
+      name: 'highlighting',
+      apis: HighlightApis
+    });
+
+    var BACKSPACE = [8];
+    var TAB = [9];
+    var ENTER = [13];
+    var ESCAPE = [27];
+    var SPACE = [32];
+    var LEFT = [37];
+    var UP = [38];
+    var RIGHT = [39];
+    var DOWN = [40];
+
+    var cyclePrev = function (values, index, predicate) {
+      var before = reverse(values.slice(0, index));
+      var after = reverse(values.slice(index + 1));
+      return find(before.concat(after), predicate);
+    };
+    var tryPrev = function (values, index, predicate) {
+      var before = reverse(values.slice(0, index));
+      return find(before, predicate);
+    };
+    var cycleNext = function (values, index, predicate) {
+      var before = values.slice(0, index);
+      var after = values.slice(index + 1);
+      return find(after.concat(before), predicate);
+    };
+    var tryNext = function (values, index, predicate) {
+      var after = values.slice(index + 1);
+      return find(after, predicate);
+    };
+
+    var inSet = function (keys) {
+      return function (event) {
+        var raw = event.raw;
+        return contains(keys, raw.which);
+      };
+    };
+    var and = function (preds) {
+      return function (event) {
+        return forall(preds, function (pred) {
+          return pred(event);
+        });
+      };
+    };
+    var isShift = function (event) {
+      var raw = event.raw;
+      return raw.shiftKey === true;
+    };
+    var isControl = function (event) {
+      var raw = event.raw;
+      return raw.ctrlKey === true;
+    };
+    var isNotShift = not(isShift);
+
+    var rule = function (matches, action) {
+      return {
+        matches: matches,
+        classification: action
+      };
+    };
+    var choose$2 = function (transitions, event) {
+      var transition = find(transitions, function (t) {
+        return t.matches(event);
+      });
+      return transition.map(function (t) {
+        return t.classification;
+      });
+    };
+
+    var reportFocusShifting = function (component, prevFocus, newFocus) {
+      var noChange = prevFocus.exists(function (p) {
+        return newFocus.exists(function (n) {
+          return eq$1(n, p);
+        });
+      });
+      if (!noChange) {
+        emitWith(component, focusShifted(), {
+          prevFocus: prevFocus,
+          newFocus: newFocus
+        });
+      }
+    };
+    var dom = function () {
+      var get = function (component) {
+        return search(component.element);
+      };
+      var set = function (component, focusee) {
+        var prevFocus = get(component);
+        component.getSystem().triggerFocus(focusee, component.element);
+        var newFocus = get(component);
+        reportFocusShifting(component, prevFocus, newFocus);
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+    var highlights = function () {
+      var get = function (component) {
+        return Highlighting.getHighlighted(component).map(function (item) {
+          return item.element;
+        });
+      };
+      var set = function (component, element) {
+        var prevFocus = get(component);
+        component.getSystem().getByDom(element).fold(noop, function (item) {
+          Highlighting.highlight(component, item);
+        });
+        var newFocus = get(component);
+        reportFocusShifting(component, prevFocus, newFocus);
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var FocusInsideModes;
+    (function (FocusInsideModes) {
+      FocusInsideModes['OnFocusMode'] = 'onFocus';
+      FocusInsideModes['OnEnterOrSpaceMode'] = 'onEnterOrSpace';
+      FocusInsideModes['OnApiMode'] = 'onApi';
+    }(FocusInsideModes || (FocusInsideModes = {})));
+
+    var typical = function (infoSchema, stateInit, getKeydownRules, getKeyupRules, optFocusIn) {
+      var schema = function () {
+        return infoSchema.concat([
+          defaulted$1('focusManager', dom()),
+          defaultedOf('focusInside', 'onFocus', valueOf(function (val) {
+            return contains([
+              'onFocus',
+              'onEnterOrSpace',
+              'onApi'
+            ], val) ? Result.value(val) : Result.error('Invalid value for focusInside');
+          })),
+          output('handler', me),
+          output('state', stateInit),
+          output('sendFocusIn', optFocusIn)
+        ]);
+      };
+      var processKey = function (component, simulatedEvent, getRules, keyingConfig, keyingState) {
+        var rules = getRules(component, simulatedEvent, keyingConfig, keyingState);
+        return choose$2(rules, simulatedEvent.event).bind(function (rule) {
+          return rule(component, simulatedEvent, keyingConfig, keyingState);
+        });
+      };
+      var toEvents = function (keyingConfig, keyingState) {
+        var onFocusHandler = keyingConfig.focusInside !== FocusInsideModes.OnFocusMode ? Optional.none() : optFocusIn(keyingConfig).map(function (focusIn) {
+          return run(focus(), function (component, simulatedEvent) {
+            focusIn(component, keyingConfig, keyingState);
+            simulatedEvent.stop();
+          });
+        });
+        var tryGoInsideComponent = function (component, simulatedEvent) {
+          var isEnterOrSpace = inSet(SPACE.concat(ENTER))(simulatedEvent.event);
+          if (keyingConfig.focusInside === FocusInsideModes.OnEnterOrSpaceMode && isEnterOrSpace && isSource(component, simulatedEvent)) {
+            optFocusIn(keyingConfig).each(function (focusIn) {
+              focusIn(component, keyingConfig, keyingState);
+              simulatedEvent.stop();
+            });
+          }
+        };
+        var keyboardEvents = [
+          run(keydown(), function (component, simulatedEvent) {
+            processKey(component, simulatedEvent, getKeydownRules, keyingConfig, keyingState).fold(function () {
+              tryGoInsideComponent(component, simulatedEvent);
+            }, function (_) {
+              simulatedEvent.stop();
+            });
+          }),
+          run(keyup(), function (component, simulatedEvent) {
+            processKey(component, simulatedEvent, getKeyupRules, keyingConfig, keyingState).each(function (_) {
+              simulatedEvent.stop();
+            });
+          })
+        ];
+        return derive(onFocusHandler.toArray().concat(keyboardEvents));
+      };
+      var me = {
+        schema: schema,
+        processKey: processKey,
+        toEvents: toEvents
+      };
+      return me;
+    };
+
+    var create$3 = function (cyclicField) {
+      var schema = [
+        option('onEscape'),
+        option('onEnter'),
+        defaulted$1('selector', '[data-alloy-tabstop="true"]:not(:disabled)'),
+        defaulted$1('firstTabstop', 0),
+        defaulted$1('useTabstopAt', always),
+        option('visibilitySelector')
+      ].concat([cyclicField]);
+      var isVisible = function (tabbingConfig, element) {
+        var target = tabbingConfig.visibilitySelector.bind(function (sel) {
+          return closest$3(element, sel);
+        }).getOr(element);
+        return get$7(target) > 0;
+      };
+      var findInitial = function (component, tabbingConfig) {
+        var tabstops = descendants(component.element, tabbingConfig.selector);
+        var visibles = filter(tabstops, function (elem) {
+          return isVisible(tabbingConfig, elem);
+        });
+        return Optional.from(visibles[tabbingConfig.firstTabstop]);
+      };
+      var findCurrent = function (component, tabbingConfig) {
+        return tabbingConfig.focusManager.get(component).bind(function (elem) {
+          return closest$3(elem, tabbingConfig.selector);
+        });
+      };
+      var isTabstop = function (tabbingConfig, element) {
+        return isVisible(tabbingConfig, element) && tabbingConfig.useTabstopAt(element);
+      };
+      var focusIn = function (component, tabbingConfig, _tabbingState) {
+        findInitial(component, tabbingConfig).each(function (target) {
+          tabbingConfig.focusManager.set(component, target);
+        });
+      };
+      var goFromTabstop = function (component, tabstops, stopIndex, tabbingConfig, cycle) {
+        return cycle(tabstops, stopIndex, function (elem) {
+          return isTabstop(tabbingConfig, elem);
+        }).fold(function () {
+          return tabbingConfig.cyclic ? Optional.some(true) : Optional.none();
+        }, function (target) {
+          tabbingConfig.focusManager.set(component, target);
+          return Optional.some(true);
+        });
+      };
+      var go = function (component, _simulatedEvent, tabbingConfig, cycle) {
+        var tabstops = descendants(component.element, tabbingConfig.selector);
+        return findCurrent(component, tabbingConfig).bind(function (tabstop) {
+          var optStopIndex = findIndex(tabstops, curry(eq$1, tabstop));
+          return optStopIndex.bind(function (stopIndex) {
+            return goFromTabstop(component, tabstops, stopIndex, tabbingConfig, cycle);
+          });
+        });
+      };
+      var goBackwards = function (component, simulatedEvent, tabbingConfig) {
+        var navigate = tabbingConfig.cyclic ? cyclePrev : tryPrev;
+        return go(component, simulatedEvent, tabbingConfig, navigate);
+      };
+      var goForwards = function (component, simulatedEvent, tabbingConfig) {
+        var navigate = tabbingConfig.cyclic ? cycleNext : tryNext;
+        return go(component, simulatedEvent, tabbingConfig, navigate);
+      };
+      var execute = function (component, simulatedEvent, tabbingConfig) {
+        return tabbingConfig.onEnter.bind(function (f) {
+          return f(component, simulatedEvent);
+        });
+      };
+      var exit = function (component, simulatedEvent, tabbingConfig) {
+        return tabbingConfig.onEscape.bind(function (f) {
+          return f(component, simulatedEvent);
+        });
+      };
+      var getKeydownRules = constant([
+        rule(and([
+          isShift,
+          inSet(TAB)
+        ]), goBackwards),
+        rule(inSet(TAB), goForwards),
+        rule(inSet(ESCAPE), exit),
+        rule(and([
+          isNotShift,
+          inSet(ENTER)
+        ]), execute)
+      ]);
+      var getKeyupRules = constant([]);
+      return typical(schema, NoState.init, getKeydownRules, getKeyupRules, function () {
+        return Optional.some(focusIn);
+      });
+    };
+
+    var AcyclicType = create$3(state$1('cyclic', never));
+
+    var CyclicType = create$3(state$1('cyclic', always));
+
+    var doDefaultExecute = function (component, _simulatedEvent, focused) {
+      dispatch(component, focused, execute());
+      return Optional.some(true);
+    };
+    var defaultExecute = function (component, simulatedEvent, focused) {
+      var isComplex = inside(focused) && inSet(SPACE)(simulatedEvent.event);
+      return isComplex ? Optional.none() : doDefaultExecute(component, simulatedEvent, focused);
+    };
+    var stopEventForFirefox = function (_component, _simulatedEvent) {
+      return Optional.some(true);
+    };
+
+    var schema$4 = [
+      defaulted$1('execute', defaultExecute),
+      defaulted$1('useSpace', false),
+      defaulted$1('useEnter', true),
+      defaulted$1('useControlEnter', false),
+      defaulted$1('useDown', false)
+    ];
+    var execute$1 = function (component, simulatedEvent, executeConfig) {
+      return executeConfig.execute(component, simulatedEvent, component.element);
+    };
+    var getKeydownRules = function (component, _simulatedEvent, executeConfig, _executeState) {
+      var spaceExec = executeConfig.useSpace && !inside(component.element) ? SPACE : [];
+      var enterExec = executeConfig.useEnter ? ENTER : [];
+      var downExec = executeConfig.useDown ? DOWN : [];
+      var execKeys = spaceExec.concat(enterExec).concat(downExec);
+      return [rule(inSet(execKeys), execute$1)].concat(executeConfig.useControlEnter ? [rule(and([
+          isControl,
+          inSet(ENTER)
+        ]), execute$1)] : []);
+    };
+    var getKeyupRules = function (component, _simulatedEvent, executeConfig, _executeState) {
+      return executeConfig.useSpace && !inside(component.element) ? [rule(inSet(SPACE), stopEventForFirefox)] : [];
+    };
+    var ExecutionType = typical(schema$4, NoState.init, getKeydownRules, getKeyupRules, function () {
+      return Optional.none();
+    });
+
+    var flatgrid = function () {
+      var dimensions = Cell(Optional.none());
+      var setGridSize = function (numRows, numColumns) {
+        dimensions.set(Optional.some({
+          numRows: numRows,
+          numColumns: numColumns
+        }));
+      };
+      var getNumRows = function () {
+        return dimensions.get().map(function (d) {
+          return d.numRows;
+        });
+      };
+      var getNumColumns = function () {
+        return dimensions.get().map(function (d) {
+          return d.numColumns;
+        });
+      };
+      return nu$5({
+        readState: function () {
+          return dimensions.get().map(function (d) {
+            return {
+              numRows: String(d.numRows),
+              numColumns: String(d.numColumns)
+            };
+          }).getOr({
+            numRows: '?',
+            numColumns: '?'
+          });
+        },
+        setGridSize: setGridSize,
+        getNumRows: getNumRows,
+        getNumColumns: getNumColumns
+      });
+    };
+    var init$2 = function (spec) {
+      return spec.state(spec);
+    };
+
+    var KeyingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        flatgrid: flatgrid,
+        init: init$2
+    });
+
+    var useH = function (movement) {
+      return function (component, simulatedEvent, config, state) {
+        var move = movement(component.element);
+        return use(move, component, simulatedEvent, config, state);
+      };
+    };
+    var west$2 = function (moveLeft, moveRight) {
+      var movement = onDirection(moveLeft, moveRight);
+      return useH(movement);
+    };
+    var east$2 = function (moveLeft, moveRight) {
+      var movement = onDirection(moveRight, moveLeft);
+      return useH(movement);
+    };
+    var useV = function (move) {
+      return function (component, simulatedEvent, config, state) {
+        return use(move, component, simulatedEvent, config, state);
+      };
+    };
+    var use = function (move, component, simulatedEvent, config, state) {
+      var outcome = config.focusManager.get(component).bind(function (focused) {
+        return move(component.element, focused, config, state);
+      });
+      return outcome.map(function (newFocus) {
+        config.focusManager.set(component, newFocus);
+        return true;
+      });
+    };
+    var north$2 = useV;
+    var south$2 = useV;
+    var move = useV;
+
+    var isHidden = function (dom) {
+      return dom.offsetWidth <= 0 && dom.offsetHeight <= 0;
+    };
+    var isVisible = function (element) {
+      return !isHidden(element.dom);
+    };
+
+    var locate = function (candidates, predicate) {
+      return findIndex(candidates, predicate).map(function (index) {
+        return {
+          index: index,
+          candidates: candidates
+        };
+      });
+    };
+
+    var locateVisible = function (container, current, selector) {
+      var predicate = function (x) {
+        return eq$1(x, current);
+      };
+      var candidates = descendants(container, selector);
+      var visible = filter(candidates, isVisible);
+      return locate(visible, predicate);
+    };
+    var findIndex$1 = function (elements, target) {
+      return findIndex(elements, function (elem) {
+        return eq$1(target, elem);
+      });
+    };
+
+    var withGrid = function (values, index, numCols, f) {
+      var oldRow = Math.floor(index / numCols);
+      var oldColumn = index % numCols;
+      return f(oldRow, oldColumn).bind(function (address) {
+        var newIndex = address.row * numCols + address.column;
+        return newIndex >= 0 && newIndex < values.length ? Optional.some(values[newIndex]) : Optional.none();
+      });
+    };
+    var cycleHorizontal = function (values, index, numRows, numCols, delta) {
+      return withGrid(values, index, numCols, function (oldRow, oldColumn) {
+        var onLastRow = oldRow === numRows - 1;
+        var colsInRow = onLastRow ? values.length - oldRow * numCols : numCols;
+        var newColumn = cycleBy(oldColumn, delta, 0, colsInRow - 1);
+        return Optional.some({
+          row: oldRow,
+          column: newColumn
+        });
+      });
+    };
+    var cycleVertical = function (values, index, numRows, numCols, delta) {
+      return withGrid(values, index, numCols, function (oldRow, oldColumn) {
+        var newRow = cycleBy(oldRow, delta, 0, numRows - 1);
+        var onLastRow = newRow === numRows - 1;
+        var colsInRow = onLastRow ? values.length - newRow * numCols : numCols;
+        var newCol = clamp(oldColumn, 0, colsInRow - 1);
+        return Optional.some({
+          row: newRow,
+          column: newCol
+        });
+      });
+    };
+    var cycleRight = function (values, index, numRows, numCols) {
+      return cycleHorizontal(values, index, numRows, numCols, +1);
+    };
+    var cycleLeft = function (values, index, numRows, numCols) {
+      return cycleHorizontal(values, index, numRows, numCols, -1);
+    };
+    var cycleUp = function (values, index, numRows, numCols) {
+      return cycleVertical(values, index, numRows, numCols, -1);
+    };
+    var cycleDown = function (values, index, numRows, numCols) {
+      return cycleVertical(values, index, numRows, numCols, +1);
+    };
+
+    var schema$5 = [
+      strict$1('selector'),
+      defaulted$1('execute', defaultExecute),
+      onKeyboardHandler('onEscape'),
+      defaulted$1('captureTab', false),
+      initSize()
+    ];
+    var focusIn = function (component, gridConfig, _gridState) {
+      descendant$1(component.element, gridConfig.selector).each(function (first) {
+        gridConfig.focusManager.set(component, first);
+      });
+    };
+    var findCurrent = function (component, gridConfig) {
+      return gridConfig.focusManager.get(component).bind(function (elem) {
+        return closest$3(elem, gridConfig.selector);
+      });
+    };
+    var execute$2 = function (component, simulatedEvent, gridConfig, _gridState) {
+      return findCurrent(component, gridConfig).bind(function (focused) {
+        return gridConfig.execute(component, simulatedEvent, focused);
+      });
+    };
+    var doMove = function (cycle) {
+      return function (element, focused, gridConfig, gridState) {
+        return locateVisible(element, focused, gridConfig.selector).bind(function (identified) {
+          return cycle(identified.candidates, identified.index, gridState.getNumRows().getOr(gridConfig.initSize.numRows), gridState.getNumColumns().getOr(gridConfig.initSize.numColumns));
+        });
+      };
+    };
+    var handleTab = function (_component, _simulatedEvent, gridConfig) {
+      return gridConfig.captureTab ? Optional.some(true) : Optional.none();
+    };
+    var doEscape = function (component, simulatedEvent, gridConfig) {
+      return gridConfig.onEscape(component, simulatedEvent);
+    };
+    var moveLeft = doMove(cycleLeft);
+    var moveRight = doMove(cycleRight);
+    var moveNorth = doMove(cycleUp);
+    var moveSouth = doMove(cycleDown);
+    var getKeydownRules$1 = constant([
+      rule(inSet(LEFT), west$2(moveLeft, moveRight)),
+      rule(inSet(RIGHT), east$2(moveLeft, moveRight)),
+      rule(inSet(UP), north$2(moveNorth)),
+      rule(inSet(DOWN), south$2(moveSouth)),
+      rule(and([
+        isShift,
+        inSet(TAB)
+      ]), handleTab),
+      rule(and([
+        isNotShift,
+        inSet(TAB)
+      ]), handleTab),
+      rule(inSet(ESCAPE), doEscape),
+      rule(inSet(SPACE.concat(ENTER)), execute$2)
+    ]);
+    var getKeyupRules$1 = constant([rule(inSet(SPACE), stopEventForFirefox)]);
+    var FlatgridType = typical(schema$5, flatgrid, getKeydownRules$1, getKeyupRules$1, function () {
+      return Optional.some(focusIn);
+    });
+
+    var horizontal = function (container, selector, current, delta) {
+      var isDisabledButton = function (candidate) {
+        return name(candidate) === 'button' && get$3(candidate, 'disabled') === 'disabled';
+      };
+      var tryCycle = function (initial, index, candidates) {
+        var newIndex = cycleBy(index, delta, 0, candidates.length - 1);
+        if (newIndex === initial) {
+          return Optional.none();
+        } else {
+          return isDisabledButton(candidates[newIndex]) ? tryCycle(initial, newIndex, candidates) : Optional.from(candidates[newIndex]);
+        }
+      };
+      return locateVisible(container, current, selector).bind(function (identified) {
+        var index = identified.index;
+        var candidates = identified.candidates;
+        return tryCycle(index, index, candidates);
+      });
+    };
+
+    var schema$6 = [
+      strict$1('selector'),
+      defaulted$1('getInitial', Optional.none),
+      defaulted$1('execute', defaultExecute),
+      onKeyboardHandler('onEscape'),
+      defaulted$1('executeOnMove', false),
+      defaulted$1('allowVertical', true)
+    ];
+    var findCurrent$1 = function (component, flowConfig) {
+      return flowConfig.focusManager.get(component).bind(function (elem) {
+        return closest$3(elem, flowConfig.selector);
+      });
+    };
+    var execute$3 = function (component, simulatedEvent, flowConfig) {
+      return findCurrent$1(component, flowConfig).bind(function (focused) {
+        return flowConfig.execute(component, simulatedEvent, focused);
+      });
+    };
+    var focusIn$1 = function (component, flowConfig, _state) {
+      flowConfig.getInitial(component).orThunk(function () {
+        return descendant$1(component.element, flowConfig.selector);
+      }).each(function (first) {
+        flowConfig.focusManager.set(component, first);
+      });
+    };
+    var moveLeft$1 = function (element, focused, info) {
+      return horizontal(element, info.selector, focused, -1);
+    };
+    var moveRight$1 = function (element, focused, info) {
+      return horizontal(element, info.selector, focused, +1);
+    };
+    var doMove$1 = function (movement) {
+      return function (component, simulatedEvent, flowConfig, flowState) {
+        return movement(component, simulatedEvent, flowConfig, flowState).bind(function () {
+          return flowConfig.executeOnMove ? execute$3(component, simulatedEvent, flowConfig) : Optional.some(true);
+        });
+      };
+    };
+    var doEscape$1 = function (component, simulatedEvent, flowConfig) {
+      return flowConfig.onEscape(component, simulatedEvent);
+    };
+    var getKeydownRules$2 = function (_component, _se, flowConfig, _flowState) {
+      var westMovers = LEFT.concat(flowConfig.allowVertical ? UP : []);
+      var eastMovers = RIGHT.concat(flowConfig.allowVertical ? DOWN : []);
+      return [
+        rule(inSet(westMovers), doMove$1(west$2(moveLeft$1, moveRight$1))),
+        rule(inSet(eastMovers), doMove$1(east$2(moveLeft$1, moveRight$1))),
+        rule(inSet(ENTER), execute$3),
+        rule(inSet(SPACE), execute$3),
+        rule(inSet(ESCAPE), doEscape$1)
+      ];
+    };
+    var getKeyupRules$2 = constant([rule(inSet(SPACE), stopEventForFirefox)]);
+    var FlowType = typical(schema$6, NoState.init, getKeydownRules$2, getKeyupRules$2, function () {
+      return Optional.some(focusIn$1);
+    });
+
+    var toCell = function (matrix, rowIndex, columnIndex) {
+      return Optional.from(matrix[rowIndex]).bind(function (row) {
+        return Optional.from(row[columnIndex]).map(function (cell) {
+          return {
+            rowIndex: rowIndex,
+            columnIndex: columnIndex,
+            cell: cell
+          };
+        });
+      });
+    };
+    var cycleHorizontal$1 = function (matrix, rowIndex, startCol, deltaCol) {
+      var row = matrix[rowIndex];
+      var colsInRow = row.length;
+      var newColIndex = cycleBy(startCol, deltaCol, 0, colsInRow - 1);
+      return toCell(matrix, rowIndex, newColIndex);
+    };
+    var cycleVertical$1 = function (matrix, colIndex, startRow, deltaRow) {
+      var nextRowIndex = cycleBy(startRow, deltaRow, 0, matrix.length - 1);
+      var colsInNextRow = matrix[nextRowIndex].length;
+      var nextColIndex = clamp(colIndex, 0, colsInNextRow - 1);
+      return toCell(matrix, nextRowIndex, nextColIndex);
+    };
+    var moveHorizontal = function (matrix, rowIndex, startCol, deltaCol) {
+      var row = matrix[rowIndex];
+      var colsInRow = row.length;
+      var newColIndex = clamp(startCol + deltaCol, 0, colsInRow - 1);
+      return toCell(matrix, rowIndex, newColIndex);
+    };
+    var moveVertical = function (matrix, colIndex, startRow, deltaRow) {
+      var nextRowIndex = clamp(startRow + deltaRow, 0, matrix.length - 1);
+      var colsInNextRow = matrix[nextRowIndex].length;
+      var nextColIndex = clamp(colIndex, 0, colsInNextRow - 1);
+      return toCell(matrix, nextRowIndex, nextColIndex);
+    };
+    var cycleRight$1 = function (matrix, startRow, startCol) {
+      return cycleHorizontal$1(matrix, startRow, startCol, +1);
+    };
+    var cycleLeft$1 = function (matrix, startRow, startCol) {
+      return cycleHorizontal$1(matrix, startRow, startCol, -1);
+    };
+    var cycleUp$1 = function (matrix, startRow, startCol) {
+      return cycleVertical$1(matrix, startCol, startRow, -1);
+    };
+    var cycleDown$1 = function (matrix, startRow, startCol) {
+      return cycleVertical$1(matrix, startCol, startRow, +1);
+    };
+    var moveLeft$2 = function (matrix, startRow, startCol) {
+      return moveHorizontal(matrix, startRow, startCol, -1);
+    };
+    var moveRight$2 = function (matrix, startRow, startCol) {
+      return moveHorizontal(matrix, startRow, startCol, +1);
+    };
+    var moveUp = function (matrix, startRow, startCol) {
+      return moveVertical(matrix, startCol, startRow, -1);
+    };
+    var moveDown = function (matrix, startRow, startCol) {
+      return moveVertical(matrix, startCol, startRow, +1);
+    };
+
+    var schema$7 = [
+      strictObjOf('selectors', [
+        strict$1('row'),
+        strict$1('cell')
+      ]),
+      defaulted$1('cycles', true),
+      defaulted$1('previousSelector', Optional.none),
+      defaulted$1('execute', defaultExecute)
+    ];
+    var focusIn$2 = function (component, matrixConfig, _state) {
+      var focused = matrixConfig.previousSelector(component).orThunk(function () {
+        var selectors = matrixConfig.selectors;
+        return descendant$1(component.element, selectors.cell);
+      });
+      focused.each(function (cell) {
+        matrixConfig.focusManager.set(component, cell);
+      });
+    };
+    var execute$4 = function (component, simulatedEvent, matrixConfig) {
+      return search(component.element).bind(function (focused) {
+        return matrixConfig.execute(component, simulatedEvent, focused);
+      });
+    };
+    var toMatrix = function (rows, matrixConfig) {
+      return map(rows, function (row) {
+        return descendants(row, matrixConfig.selectors.cell);
+      });
+    };
+    var doMove$2 = function (ifCycle, ifMove) {
+      return function (element, focused, matrixConfig) {
+        var move = matrixConfig.cycles ? ifCycle : ifMove;
+        return closest$3(focused, matrixConfig.selectors.row).bind(function (inRow) {
+          var cellsInRow = descendants(inRow, matrixConfig.selectors.cell);
+          return findIndex$1(cellsInRow, focused).bind(function (colIndex) {
+            var allRows = descendants(element, matrixConfig.selectors.row);
+            return findIndex$1(allRows, inRow).bind(function (rowIndex) {
+              var matrix = toMatrix(allRows, matrixConfig);
+              return move(matrix, rowIndex, colIndex).map(function (next) {
+                return next.cell;
+              });
+            });
+          });
+        });
+      };
+    };
+    var moveLeft$3 = doMove$2(cycleLeft$1, moveLeft$2);
+    var moveRight$3 = doMove$2(cycleRight$1, moveRight$2);
+    var moveNorth$1 = doMove$2(cycleUp$1, moveUp);
+    var moveSouth$1 = doMove$2(cycleDown$1, moveDown);
+    var getKeydownRules$3 = constant([
+      rule(inSet(LEFT), west$2(moveLeft$3, moveRight$3)),
+      rule(inSet(RIGHT), east$2(moveLeft$3, moveRight$3)),
+      rule(inSet(UP), north$2(moveNorth$1)),
+      rule(inSet(DOWN), south$2(moveSouth$1)),
+      rule(inSet(SPACE.concat(ENTER)), execute$4)
+    ]);
+    var getKeyupRules$3 = constant([rule(inSet(SPACE), stopEventForFirefox)]);
+    var MatrixType = typical(schema$7, NoState.init, getKeydownRules$3, getKeyupRules$3, function () {
+      return Optional.some(focusIn$2);
+    });
+
+    var schema$8 = [
+      strict$1('selector'),
+      defaulted$1('execute', defaultExecute),
+      defaulted$1('moveOnTab', false)
+    ];
+    var execute$5 = function (component, simulatedEvent, menuConfig) {
+      return menuConfig.focusManager.get(component).bind(function (focused) {
+        return menuConfig.execute(component, simulatedEvent, focused);
+      });
+    };
+    var focusIn$3 = function (component, menuConfig, _state) {
+      descendant$1(component.element, menuConfig.selector).each(function (first) {
+        menuConfig.focusManager.set(component, first);
+      });
+    };
+    var moveUp$1 = function (element, focused, info) {
+      return horizontal(element, info.selector, focused, -1);
+    };
+    var moveDown$1 = function (element, focused, info) {
+      return horizontal(element, info.selector, focused, +1);
+    };
+    var fireShiftTab = function (component, simulatedEvent, menuConfig, menuState) {
+      return menuConfig.moveOnTab ? move(moveUp$1)(component, simulatedEvent, menuConfig, menuState) : Optional.none();
+    };
+    var fireTab = function (component, simulatedEvent, menuConfig, menuState) {
+      return menuConfig.moveOnTab ? move(moveDown$1)(component, simulatedEvent, menuConfig, menuState) : Optional.none();
+    };
+    var getKeydownRules$4 = constant([
+      rule(inSet(UP), move(moveUp$1)),
+      rule(inSet(DOWN), move(moveDown$1)),
+      rule(and([
+        isShift,
+        inSet(TAB)
+      ]), fireShiftTab),
+      rule(and([
+        isNotShift,
+        inSet(TAB)
+      ]), fireTab),
+      rule(inSet(ENTER), execute$5),
+      rule(inSet(SPACE), execute$5)
+    ]);
+    var getKeyupRules$4 = constant([rule(inSet(SPACE), stopEventForFirefox)]);
+    var MenuType = typical(schema$8, NoState.init, getKeydownRules$4, getKeyupRules$4, function () {
+      return Optional.some(focusIn$3);
+    });
+
+    var schema$9 = [
+      onKeyboardHandler('onSpace'),
+      onKeyboardHandler('onEnter'),
+      onKeyboardHandler('onShiftEnter'),
+      onKeyboardHandler('onLeft'),
+      onKeyboardHandler('onRight'),
+      onKeyboardHandler('onTab'),
+      onKeyboardHandler('onShiftTab'),
+      onKeyboardHandler('onUp'),
+      onKeyboardHandler('onDown'),
+      onKeyboardHandler('onEscape'),
+      defaulted$1('stopSpaceKeyup', false),
+      option('focusIn')
+    ];
+    var getKeydownRules$5 = function (component, simulatedEvent, specialInfo) {
+      return [
+        rule(inSet(SPACE), specialInfo.onSpace),
+        rule(and([
+          isNotShift,
+          inSet(ENTER)
+        ]), specialInfo.onEnter),
+        rule(and([
+          isShift,
+          inSet(ENTER)
+        ]), specialInfo.onShiftEnter),
+        rule(and([
+          isShift,
+          inSet(TAB)
+        ]), specialInfo.onShiftTab),
+        rule(and([
+          isNotShift,
+          inSet(TAB)
+        ]), specialInfo.onTab),
+        rule(inSet(UP), specialInfo.onUp),
+        rule(inSet(DOWN), specialInfo.onDown),
+        rule(inSet(LEFT), specialInfo.onLeft),
+        rule(inSet(RIGHT), specialInfo.onRight),
+        rule(inSet(SPACE), specialInfo.onSpace),
+        rule(inSet(ESCAPE), specialInfo.onEscape)
+      ];
+    };
+    var getKeyupRules$5 = function (component, simulatedEvent, specialInfo) {
+      return specialInfo.stopSpaceKeyup ? [rule(inSet(SPACE), stopEventForFirefox)] : [];
+    };
+    var SpecialType = typical(schema$9, NoState.init, getKeydownRules$5, getKeyupRules$5, function (specialInfo) {
+      return specialInfo.focusIn;
+    });
+
+    var acyclic = AcyclicType.schema();
+    var cyclic = CyclicType.schema();
+    var flow = FlowType.schema();
+    var flatgrid$1 = FlatgridType.schema();
+    var matrix = MatrixType.schema();
+    var execution = ExecutionType.schema();
+    var menu = MenuType.schema();
+    var special = SpecialType.schema();
+
+    var KeyboardBranches = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        acyclic: acyclic,
+        cyclic: cyclic,
+        flow: flow,
+        flatgrid: flatgrid$1,
+        matrix: matrix,
+        execution: execution,
+        menu: menu,
+        special: special
+    });
+
+    var isFlatgridState = function (keyState) {
+      return hasNonNullableKey(keyState, 'setGridSize');
+    };
+    var Keying = createModes$1({
+      branchKey: 'mode',
+      branches: KeyboardBranches,
+      name: 'keying',
+      active: {
+        events: function (keyingConfig, keyingState) {
+          var handler = keyingConfig.handler;
+          return handler.toEvents(keyingConfig, keyingState);
+        }
+      },
+      apis: {
+        focusIn: function (component, keyConfig, keyState) {
+          keyConfig.sendFocusIn(keyConfig).fold(function () {
+            component.getSystem().triggerFocus(component.element, component.element);
+          }, function (sendFocusIn) {
+            sendFocusIn(component, keyConfig, keyState);
+          });
+        },
+        setGridSize: function (component, keyConfig, keyState, numRows, numColumns) {
+          if (!isFlatgridState(keyState)) {
+            console.error('Layout does not support setGridSize');
+          } else {
+            keyState.setGridSize(numRows, numColumns);
+          }
+        }
+      },
+      state: KeyingState
+    });
+
+    var set$5 = function (component, replaceConfig, replaceState, data) {
+      preserve(function () {
+        var newChildren = map(data, component.getSystem().build);
+        replaceChildren(component, newChildren);
+      }, component.element);
+    };
+    var insert = function (component, replaceConfig, insertion, childSpec) {
+      var child = component.getSystem().build(childSpec);
+      attachWith(component, child, insertion);
+    };
+    var append$2 = function (component, replaceConfig, replaceState, appendee) {
+      insert(component, replaceConfig, append, appendee);
+    };
+    var prepend$1 = function (component, replaceConfig, replaceState, prependee) {
+      insert(component, replaceConfig, prepend, prependee);
+    };
+    var remove$7 = function (component, replaceConfig, replaceState, removee) {
+      var children = contents(component);
+      var foundChild = find(children, function (child) {
+        return eq$1(removee.element, child.element);
+      });
+      foundChild.each(detach);
+    };
+    var contents = function (component, _replaceConfig) {
+      return component.components();
+    };
+    var replaceAt = function (component, replaceConfig, replaceState, replaceeIndex, replacer) {
+      var children = contents(component);
+      return Optional.from(children[replaceeIndex]).map(function (replacee) {
+        remove$7(component, replaceConfig, replaceState, replacee);
+        replacer.each(function (r) {
+          insert(component, replaceConfig, function (p, c) {
+            appendAt(p, c, replaceeIndex);
+          }, r);
+        });
+        return replacee;
+      });
+    };
+    var replaceBy = function (component, replaceConfig, replaceState, replaceePred, replacer) {
+      var children = contents(component);
+      return findIndex(children, replaceePred).bind(function (replaceeIndex) {
+        return replaceAt(component, replaceConfig, replaceState, replaceeIndex, replacer);
+      });
+    };
+
+    var ReplaceApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        append: append$2,
+        prepend: prepend$1,
+        remove: remove$7,
+        replaceAt: replaceAt,
+        replaceBy: replaceBy,
+        set: set$5,
+        contents: contents
+    });
+
+    var Replacing = create$1({
+      fields: [],
+      name: 'replacing',
+      apis: ReplaceApis
+    });
+
+    var events$4 = function (name, eventHandlers) {
+      var events = derive(eventHandlers);
+      return create$1({
+        fields: [strict$1('enabled')],
+        name: name,
+        active: { events: constant(events) }
+      });
+    };
+    var config = function (name, eventHandlers) {
+      var me = events$4(name, eventHandlers);
+      return {
+        key: name,
+        value: {
+          config: {},
+          me: me,
+          configAsRaw: constant({}),
+          initialConfig: {},
+          state: NoState
+        }
+      };
+    };
+
+    var focus$2 = function (component, focusConfig) {
+      if (!focusConfig.ignore) {
+        focus$1(component.element);
+        focusConfig.onFocus(component);
+      }
+    };
+    var blur$1 = function (component, focusConfig) {
+      if (!focusConfig.ignore) {
+        blur(component.element);
+      }
+    };
+    var isFocused = function (component) {
+      return hasFocus(component.element);
+    };
+
+    var FocusApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        focus: focus$2,
+        blur: blur$1,
+        isFocused: isFocused
+    });
+
+    var exhibit$1 = function (base, focusConfig) {
+      var mod = focusConfig.ignore ? {} : { attributes: { tabindex: '-1' } };
+      return nu$6(mod);
+    };
+    var events$5 = function (focusConfig) {
+      return derive([run(focus(), function (component, simulatedEvent) {
+          focus$2(component, focusConfig);
+          simulatedEvent.stop();
+        })].concat(focusConfig.stopMousedown ? [run(mousedown(), function (_, simulatedEvent) {
+          simulatedEvent.event.prevent();
+        })] : []));
+    };
+
+    var ActiveFocus = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$1,
+        events: events$5
+    });
+
+    var FocusSchema = [
+      onHandler('onFocus'),
+      defaulted$1('stopMousedown', false),
+      defaulted$1('ignore', false)
+    ];
+
+    var Focusing = create$1({
+      fields: FocusSchema,
+      name: 'focusing',
+      active: ActiveFocus,
+      apis: FocusApis
+    });
+
+    var SetupBehaviourCellState = function (initialState) {
+      var init = function () {
+        var cell = Cell(initialState);
+        var get = function () {
+          return cell.get();
+        };
+        var set = function (newState) {
+          return cell.set(newState);
+        };
+        var clear = function () {
+          return cell.set(initialState);
+        };
+        var readState = function () {
+          return cell.get();
+        };
+        return {
+          get: get,
+          set: set,
+          clear: clear,
+          readState: readState
+        };
+      };
+      return { init: init };
+    };
+
+    var updateAriaState = function (component, toggleConfig, toggleState) {
+      var ariaInfo = toggleConfig.aria;
+      ariaInfo.update(component, ariaInfo, toggleState.get());
+    };
+    var updateClass = function (component, toggleConfig, toggleState) {
+      toggleConfig.toggleClass.each(function (toggleClass) {
+        if (toggleState.get()) {
+          add$2(component.element, toggleClass);
+        } else {
+          remove$4(component.element, toggleClass);
+        }
+      });
+    };
+    var toggle = function (component, toggleConfig, toggleState) {
+      set$6(component, toggleConfig, toggleState, !toggleState.get());
+    };
+    var on$1 = function (component, toggleConfig, toggleState) {
+      toggleState.set(true);
+      updateClass(component, toggleConfig, toggleState);
+      updateAriaState(component, toggleConfig, toggleState);
+    };
+    var off = function (component, toggleConfig, toggleState) {
+      toggleState.set(false);
+      updateClass(component, toggleConfig, toggleState);
+      updateAriaState(component, toggleConfig, toggleState);
+    };
+    var set$6 = function (component, toggleConfig, toggleState, state) {
+      var action = state ? on$1 : off;
+      action(component, toggleConfig, toggleState);
+    };
+    var isOn = function (component, toggleConfig, toggleState) {
+      return toggleState.get();
+    };
+    var onLoad$4 = function (component, toggleConfig, toggleState) {
+      set$6(component, toggleConfig, toggleState, toggleConfig.selected);
+    };
+
+    var ToggleApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        onLoad: onLoad$4,
+        toggle: toggle,
+        isOn: isOn,
+        on: on$1,
+        off: off,
+        set: set$6
+    });
+
+    var exhibit$2 = function () {
+      return nu$6({});
+    };
+    var events$6 = function (toggleConfig, toggleState) {
+      var execute = executeEvent(toggleConfig, toggleState, toggle);
+      var load = loadEvent(toggleConfig, toggleState, onLoad$4);
+      return derive(flatten([
+        toggleConfig.toggleOnExecute ? [execute] : [],
+        [load]
+      ]));
+    };
+
+    var ActiveToggle = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$2,
+        events: events$6
+    });
+
+    var updatePressed = function (component, ariaInfo, status) {
+      set$1(component.element, 'aria-pressed', status);
+      if (ariaInfo.syncWithExpanded) {
+        updateExpanded(component, ariaInfo, status);
+      }
+    };
+    var updateSelected = function (component, ariaInfo, status) {
+      set$1(component.element, 'aria-selected', status);
+    };
+    var updateChecked = function (component, ariaInfo, status) {
+      set$1(component.element, 'aria-checked', status);
+    };
+    var updateExpanded = function (component, ariaInfo, status) {
+      set$1(component.element, 'aria-expanded', status);
+    };
+
+    var ToggleSchema = [
+      defaulted$1('selected', false),
+      option('toggleClass'),
+      defaulted$1('toggleOnExecute', true),
+      defaultedOf('aria', { mode: 'none' }, choose$1('mode', {
+        pressed: [
+          defaulted$1('syncWithExpanded', false),
+          output('update', updatePressed)
+        ],
+        checked: [output('update', updateChecked)],
+        expanded: [output('update', updateExpanded)],
+        selected: [output('update', updateSelected)],
+        none: [output('update', noop)]
+      }))
+    ];
+
+    var Toggling = create$1({
+      fields: ToggleSchema,
+      name: 'toggling',
+      active: ActiveToggle,
+      apis: ToggleApis,
+      state: SetupBehaviourCellState(false)
+    });
+
+    var pointerEvents = function () {
+      var onClick = function (component, simulatedEvent) {
+        simulatedEvent.stop();
+        emitExecute(component);
+      };
+      return [
+        run(click(), onClick),
+        run(tap(), onClick),
+        cutter(touchstart()),
+        cutter(mousedown())
+      ];
+    };
+    var events$7 = function (optAction) {
+      var executeHandler = function (action) {
+        return runOnExecute(function (component, simulatedEvent) {
+          action(component);
+          simulatedEvent.stop();
+        });
+      };
+      return derive(flatten([
+        optAction.map(executeHandler).toArray(),
+        pointerEvents()
+      ]));
+    };
+
+    var hoverEvent = 'alloy.item-hover';
+    var focusEvent = 'alloy.item-focus';
+    var onHover = function (item) {
+      if (search(item.element).isNone() || Focusing.isFocused(item)) {
+        if (!Focusing.isFocused(item)) {
+          Focusing.focus(item);
+        }
+        emitWith(item, hoverEvent, { item: item });
+      }
+    };
+    var onFocus = function (item) {
+      emitWith(item, focusEvent, { item: item });
+    };
+    var hover = constant(hoverEvent);
+    var focus$3 = constant(focusEvent);
+
+    var builder = function (detail) {
+      return {
+        dom: detail.dom,
+        domModification: __assign(__assign({}, detail.domModification), { attributes: __assign(__assign(__assign({ 'role': detail.toggling.isSome() ? 'menuitemcheckbox' : 'menuitem' }, detail.domModification.attributes), { 'aria-haspopup': detail.hasSubmenu }), detail.hasSubmenu ? { 'aria-expanded': false } : {}) }),
+        behaviours: SketchBehaviours.augment(detail.itemBehaviours, [
+          detail.toggling.fold(Toggling.revoke, function (tConfig) {
+            return Toggling.config(__assign({ aria: { mode: 'checked' } }, tConfig));
+          }),
+          Focusing.config({
+            ignore: detail.ignoreFocus,
+            stopMousedown: detail.ignoreFocus,
+            onFocus: function (component) {
+              onFocus(component);
+            }
+          }),
+          Keying.config({ mode: 'execution' }),
+          Representing.config({
+            store: {
+              mode: 'memory',
+              initialValue: detail.data
+            }
+          }),
+          config('item-type-events', __spreadArrays(pointerEvents(), [
+            run(mouseover(), onHover),
+            run(focusItem(), Focusing.focus)
+          ]))
+        ]),
+        components: detail.components,
+        eventOrder: detail.eventOrder
+      };
+    };
+    var schema$a = [
+      strict$1('data'),
+      strict$1('components'),
+      strict$1('dom'),
+      defaulted$1('hasSubmenu', false),
+      option('toggling'),
+      SketchBehaviours.field('itemBehaviours', [
+        Toggling,
+        Focusing,
+        Keying,
+        Representing
+      ]),
+      defaulted$1('ignoreFocus', false),
+      defaulted$1('domModification', {}),
+      output('builder', builder),
+      defaulted$1('eventOrder', {})
+    ];
+
+    var builder$1 = function (detail) {
+      return {
+        dom: detail.dom,
+        components: detail.components,
+        events: derive([stopper(focusItem())])
+      };
+    };
+    var schema$b = [
+      strict$1('dom'),
+      strict$1('components'),
+      output('builder', builder$1)
+    ];
+
+    var owner$2 = function () {
+      return 'item-widget';
+    };
+    var parts = constant([required({
+        name: 'widget',
+        overrides: function (detail) {
+          return {
+            behaviours: derive$1([Representing.config({
+                store: {
+                  mode: 'manual',
+                  getValue: function (_component) {
+                    return detail.data;
+                  },
+                  setValue: function () {
+                  }
+                }
+              })])
+          };
+        }
+      })]);
+
+    var builder$2 = function (detail) {
+      var subs = substitutes(owner$2(), detail, parts());
+      var components$1 = components(owner$2(), detail, subs.internals());
+      var focusWidget = function (component) {
+        return getPart(component, detail, 'widget').map(function (widget) {
+          Keying.focusIn(widget);
+          return widget;
+        });
+      };
+      var onHorizontalArrow = function (component, simulatedEvent) {
+        return inside(simulatedEvent.event.target) ? Optional.none() : function () {
+          if (detail.autofocus) {
+            simulatedEvent.setSource(component.element);
+            return Optional.none();
+          } else {
+            return Optional.none();
+          }
+        }();
+      };
+      return {
+        dom: detail.dom,
+        components: components$1,
+        domModification: detail.domModification,
+        events: derive([
+          runOnExecute(function (component, simulatedEvent) {
+            focusWidget(component).each(function (_widget) {
+              simulatedEvent.stop();
+            });
+          }),
+          run(mouseover(), onHover),
+          run(focusItem(), function (component, _simulatedEvent) {
+            if (detail.autofocus) {
+              focusWidget(component);
+            } else {
+              Focusing.focus(component);
+            }
+          })
+        ]),
+        behaviours: SketchBehaviours.augment(detail.widgetBehaviours, [
+          Representing.config({
+            store: {
+              mode: 'memory',
+              initialValue: detail.data
+            }
+          }),
+          Focusing.config({
+            ignore: detail.ignoreFocus,
+            onFocus: function (component) {
+              onFocus(component);
+            }
+          }),
+          Keying.config({
+            mode: 'special',
+            focusIn: detail.autofocus ? function (component) {
+              focusWidget(component);
+            } : revoke(),
+            onLeft: onHorizontalArrow,
+            onRight: onHorizontalArrow,
+            onEscape: function (component, simulatedEvent) {
+              if (!Focusing.isFocused(component) && !detail.autofocus) {
+                Focusing.focus(component);
+                return Optional.some(true);
+              } else if (detail.autofocus) {
+                simulatedEvent.setSource(component.element);
+                return Optional.none();
+              } else {
+                return Optional.none();
+              }
+            }
+          })
+        ])
+      };
+    };
+    var schema$c = [
+      strict$1('uid'),
+      strict$1('data'),
+      strict$1('components'),
+      strict$1('dom'),
+      defaulted$1('autofocus', false),
+      defaulted$1('ignoreFocus', false),
+      SketchBehaviours.field('widgetBehaviours', [
+        Representing,
+        Focusing,
+        Keying
+      ]),
+      defaulted$1('domModification', {}),
+      defaultUidsSchema(parts()),
+      output('builder', builder$2)
+    ];
+
+    var itemSchema$1 = choose$1('type', {
+      widget: schema$c,
+      item: schema$a,
+      separator: schema$b
+    });
+    var configureGrid = function (detail, movementInfo) {
+      return {
+        mode: 'flatgrid',
+        selector: '.' + detail.markers.item,
+        initSize: {
+          numColumns: movementInfo.initSize.numColumns,
+          numRows: movementInfo.initSize.numRows
+        },
+        focusManager: detail.focusManager
+      };
+    };
+    var configureMatrix = function (detail, movementInfo) {
+      return {
+        mode: 'matrix',
+        selectors: {
+          row: movementInfo.rowSelector,
+          cell: '.' + detail.markers.item
+        },
+        focusManager: detail.focusManager
+      };
+    };
+    var configureMenu = function (detail, movementInfo) {
+      return {
+        mode: 'menu',
+        selector: '.' + detail.markers.item,
+        moveOnTab: movementInfo.moveOnTab,
+        focusManager: detail.focusManager
+      };
+    };
+    var parts$1 = constant([group({
+        factory: {
+          sketch: function (spec) {
+            var itemInfo = asRawOrDie('menu.spec item', itemSchema$1, spec);
+            return itemInfo.builder(itemInfo);
+          }
+        },
+        name: 'items',
+        unit: 'item',
+        defaults: function (detail, u) {
+          return u.hasOwnProperty('uid') ? u : __assign(__assign({}, u), { uid: generate$2('item') });
+        },
+        overrides: function (detail, u) {
+          return {
+            type: u.type,
+            ignoreFocus: detail.fakeFocus,
+            domModification: { classes: [detail.markers.item] }
+          };
+        }
+      })]);
+    var schema$d = constant([
+      strict$1('value'),
+      strict$1('items'),
+      strict$1('dom'),
+      strict$1('components'),
+      defaulted$1('eventOrder', {}),
+      field$1('menuBehaviours', [
+        Highlighting,
+        Representing,
+        Composing,
+        Keying
+      ]),
+      defaultedOf('movement', {
+        mode: 'menu',
+        moveOnTab: true
+      }, choose$1('mode', {
+        grid: [
+          initSize(),
+          output('config', configureGrid)
+        ],
+        matrix: [
+          output('config', configureMatrix),
+          strict$1('rowSelector')
+        ],
+        menu: [
+          defaulted$1('moveOnTab', true),
+          output('config', configureMenu)
+        ]
+      })),
+      itemMarkers(),
+      defaulted$1('fakeFocus', false),
+      defaulted$1('focusManager', dom()),
+      onHandler('onHighlight')
+    ]);
+
+    var focus$4 = constant('alloy.menu-focus');
+
+    var make$1 = function (detail, components, _spec, _externals) {
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        markers: detail.markers,
+        behaviours: augment(detail.menuBehaviours, [
+          Highlighting.config({
+            highlightClass: detail.markers.selectedItem,
+            itemClass: detail.markers.item,
+            onHighlight: detail.onHighlight
+          }),
+          Representing.config({
+            store: {
+              mode: 'memory',
+              initialValue: detail.value
+            }
+          }),
+          Composing.config({ find: Optional.some }),
+          Keying.config(detail.movement.config(detail, detail.movement))
+        ]),
+        events: derive([
+          run(focus$3(), function (menu, simulatedEvent) {
+            var event = simulatedEvent.event;
+            menu.getSystem().getByDom(event.target).each(function (item) {
+              Highlighting.highlight(menu, item);
+              simulatedEvent.stop();
+              emitWith(menu, focus$4(), {
+                menu: menu,
+                item: item
+              });
+            });
+          }),
+          run(hover(), function (menu, simulatedEvent) {
+            var item = simulatedEvent.event.item;
+            Highlighting.highlight(menu, item);
+          })
+        ]),
+        components: components,
+        eventOrder: detail.eventOrder,
+        domModification: { attributes: { role: 'menu' } }
+      };
+    };
+
+    var Menu = composite$1({
+      name: 'Menu',
+      configFields: schema$d(),
+      partFields: parts$1(),
+      factory: make$1
+    });
+
+    var transpose = function (obj) {
+      return tupleMap(obj, function (v, k) {
+        return {
+          k: v,
+          v: k
+        };
+      });
+    };
+    var trace = function (items, byItem, byMenu, finish) {
+      return get$1(byMenu, finish).bind(function (triggerItem) {
+        return get$1(items, triggerItem).bind(function (triggerMenu) {
+          var rest = trace(items, byItem, byMenu, triggerMenu);
+          return Optional.some([triggerMenu].concat(rest));
+        });
+      }).getOr([]);
+    };
+    var generate$5 = function (menus, expansions) {
+      var items = {};
+      each$1(menus, function (menuItems, menu) {
+        each(menuItems, function (item) {
+          items[item] = menu;
+        });
+      });
+      var byItem = expansions;
+      var byMenu = transpose(expansions);
+      var menuPaths = map$2(byMenu, function (_triggerItem, submenu) {
+        return [submenu].concat(trace(items, byItem, byMenu, submenu));
+      });
+      return map$2(items, function (menu) {
+        return get$1(menuPaths, menu).getOr([menu]);
+      });
+    };
+
+    var init$3 = function () {
+      var expansions = Cell({});
+      var menus = Cell({});
+      var paths = Cell({});
+      var primary = Cell(Optional.none());
+      var directory = Cell({});
+      var clear = function () {
+        expansions.set({});
+        menus.set({});
+        paths.set({});
+        primary.set(Optional.none());
+      };
+      var isClear = function () {
+        return primary.get().isNone();
+      };
+      var setMenuBuilt = function (menuName, built) {
+        var _a;
+        menus.set(__assign(__assign({}, menus.get()), (_a = {}, _a[menuName] = {
+          type: 'prepared',
+          menu: built
+        }, _a)));
+      };
+      var setContents = function (sPrimary, sMenus, sExpansions, dir) {
+        primary.set(Optional.some(sPrimary));
+        expansions.set(sExpansions);
+        menus.set(sMenus);
+        directory.set(dir);
+        var sPaths = generate$5(dir, sExpansions);
+        paths.set(sPaths);
+      };
+      var getTriggeringItem = function (menuValue) {
+        return find$1(expansions.get(), function (v, _k) {
+          return v === menuValue;
+        });
+      };
+      var getTriggerData = function (menuValue, getItemByValue, path) {
+        return getPreparedMenu(menuValue).bind(function (menu) {
+          return getTriggeringItem(menuValue).bind(function (triggeringItemValue) {
+            return getItemByValue(triggeringItemValue).map(function (triggeredItem) {
+              return {
+                triggeredMenu: menu,
+                triggeringItem: triggeredItem,
+                triggeringPath: path
+              };
+            });
+          });
+        });
+      };
+      var getTriggeringPath = function (itemValue, getItemByValue) {
+        var extraPath = filter(lookupItem(itemValue).toArray(), function (menuValue) {
+          return getPreparedMenu(menuValue).isSome();
+        });
+        return get$1(paths.get(), itemValue).bind(function (path) {
+          var revPath = reverse(extraPath.concat(path));
+          var triggers = bind(revPath, function (menuValue, menuIndex) {
+            return getTriggerData(menuValue, getItemByValue, revPath.slice(0, menuIndex + 1)).fold(function () {
+              return primary.get().is(menuValue) ? [] : [Optional.none()];
+            }, function (data) {
+              return [Optional.some(data)];
+            });
+          });
+          return sequence(triggers);
+        });
+      };
+      var expand = function (itemValue) {
+        return get$1(expansions.get(), itemValue).map(function (menu) {
+          var current = get$1(paths.get(), itemValue).getOr([]);
+          return [menu].concat(current);
+        });
+      };
+      var collapse = function (itemValue) {
+        return get$1(paths.get(), itemValue).bind(function (path) {
+          return path.length > 1 ? Optional.some(path.slice(1)) : Optional.none();
+        });
+      };
+      var refresh = function (itemValue) {
+        return get$1(paths.get(), itemValue);
+      };
+      var getPreparedMenu = function (menuValue) {
+        return lookupMenu(menuValue).bind(extractPreparedMenu);
+      };
+      var lookupMenu = function (menuValue) {
+        return get$1(menus.get(), menuValue);
+      };
+      var lookupItem = function (itemValue) {
+        return get$1(expansions.get(), itemValue);
+      };
+      var otherMenus = function (path) {
+        var menuValues = directory.get();
+        return difference(keys(menuValues), path);
+      };
+      var getPrimary = function () {
+        return primary.get().bind(getPreparedMenu);
+      };
+      var getMenus = function () {
+        return menus.get();
+      };
+      return {
+        setMenuBuilt: setMenuBuilt,
+        setContents: setContents,
+        expand: expand,
+        refresh: refresh,
+        collapse: collapse,
+        lookupMenu: lookupMenu,
+        lookupItem: lookupItem,
+        otherMenus: otherMenus,
+        getPrimary: getPrimary,
+        getMenus: getMenus,
+        clear: clear,
+        isClear: isClear,
+        getTriggeringPath: getTriggeringPath
+      };
+    };
+    var extractPreparedMenu = function (prep) {
+      return prep.type === 'prepared' ? Optional.some(prep.menu) : Optional.none();
+    };
+    var LayeredState = {
+      init: init$3,
+      extractPreparedMenu: extractPreparedMenu
+    };
+
+    var make$2 = function (detail, _rawUiSpec) {
+      var submenuParentItems = Cell(Optional.none());
+      var buildMenus = function (container, primaryName, menus) {
+        return map$2(menus, function (spec, name) {
+          var makeSketch = function () {
+            return Menu.sketch(__assign(__assign({}, spec), {
+              value: name,
+              markers: detail.markers,
+              fakeFocus: detail.fakeFocus,
+              onHighlight: detail.onHighlight,
+              focusManager: detail.fakeFocus ? highlights() : dom()
+            }));
+          };
+          return name === primaryName ? {
+            type: 'prepared',
+            menu: container.getSystem().build(makeSketch())
+          } : {
+            type: 'notbuilt',
+            nbMenu: makeSketch
+          };
+        });
+      };
+      var layeredState = LayeredState.init();
+      var setup = function (container) {
+        var componentMap = buildMenus(container, detail.data.primary, detail.data.menus);
+        var directory = toDirectory();
+        layeredState.setContents(detail.data.primary, componentMap, detail.data.expansions, directory);
+        return layeredState.getPrimary();
+      };
+      var getItemValue = function (item) {
+        return Representing.getValue(item).value;
+      };
+      var getItemByValue = function (_container, menus, itemValue) {
+        return findMap(menus, function (menu) {
+          if (!menu.getSystem().isConnected()) {
+            return Optional.none();
+          }
+          var candidates = Highlighting.getCandidates(menu);
+          return find(candidates, function (c) {
+            return getItemValue(c) === itemValue;
+          });
+        });
+      };
+      var toDirectory = function (_container) {
+        return map$2(detail.data.menus, function (data, _menuName) {
+          return bind(data.items, function (item) {
+            return item.type === 'separator' ? [] : [item.data.value];
+          });
+        });
+      };
+      var setActiveMenu = function (container, menu) {
+        Highlighting.highlight(container, menu);
+        Highlighting.getHighlighted(menu).orThunk(function () {
+          return Highlighting.getFirst(menu);
+        }).each(function (item) {
+          dispatch(container, item.element, focusItem());
+        });
+      };
+      var getMenus = function (state, menuValues) {
+        return cat(map(menuValues, function (mv) {
+          return state.lookupMenu(mv).bind(function (prep) {
+            return prep.type === 'prepared' ? Optional.some(prep.menu) : Optional.none();
+          });
+        }));
+      };
+      var closeOthers = function (container, state, path) {
+        var others = getMenus(state, state.otherMenus(path));
+        each(others, function (o) {
+          remove$5(o.element, [detail.markers.backgroundMenu]);
+          if (!detail.stayInDom) {
+            Replacing.remove(container, o);
+          }
+        });
+      };
+      var getSubmenuParents = function (container) {
+        return submenuParentItems.get().getOrThunk(function () {
+          var r = {};
+          var items = descendants(container.element, '.' + detail.markers.item);
+          var parentItems = filter(items, function (i) {
+            return get$3(i, 'aria-haspopup') === 'true';
+          });
+          each(parentItems, function (i) {
+            container.getSystem().getByDom(i).each(function (itemComp) {
+              var key = getItemValue(itemComp);
+              r[key] = itemComp;
+            });
+          });
+          submenuParentItems.set(Optional.some(r));
+          return r;
+        });
+      };
+      var updateAriaExpansions = function (container, path) {
+        var parentItems = getSubmenuParents(container);
+        each$1(parentItems, function (v, k) {
+          var expanded = contains(path, k);
+          set$1(v.element, 'aria-expanded', expanded);
+        });
+      };
+      var updateMenuPath = function (container, state, path) {
+        return Optional.from(path[0]).bind(function (latestMenuName) {
+          return state.lookupMenu(latestMenuName).bind(function (menuPrep) {
+            if (menuPrep.type === 'notbuilt') {
+              return Optional.none();
+            } else {
+              var activeMenu = menuPrep.menu;
+              var rest = getMenus(state, path.slice(1));
+              each(rest, function (r) {
+                add$2(r.element, detail.markers.backgroundMenu);
+              });
+              if (!inBody(activeMenu.element)) {
+                Replacing.append(container, premade$1(activeMenu));
+              }
+              remove$5(activeMenu.element, [detail.markers.backgroundMenu]);
+              setActiveMenu(container, activeMenu);
+              closeOthers(container, state, path);
+              return Optional.some(activeMenu);
+            }
+          });
+        });
+      };
+      var ExpandHighlightDecision;
+      (function (ExpandHighlightDecision) {
+        ExpandHighlightDecision[ExpandHighlightDecision['HighlightSubmenu'] = 0] = 'HighlightSubmenu';
+        ExpandHighlightDecision[ExpandHighlightDecision['HighlightParent'] = 1] = 'HighlightParent';
+      }(ExpandHighlightDecision || (ExpandHighlightDecision = {})));
+      var buildIfRequired = function (container, menuName, menuPrep) {
+        if (menuPrep.type === 'notbuilt') {
+          var menu = container.getSystem().build(menuPrep.nbMenu());
+          layeredState.setMenuBuilt(menuName, menu);
+          return menu;
+        } else {
+          return menuPrep.menu;
+        }
+      };
+      var expandRight = function (container, item, decision) {
+        if (decision === void 0) {
+          decision = ExpandHighlightDecision.HighlightSubmenu;
+        }
+        var value = getItemValue(item);
+        return layeredState.expand(value).bind(function (path) {
+          updateAriaExpansions(container, path);
+          return Optional.from(path[0]).bind(function (menuName) {
+            return layeredState.lookupMenu(menuName).bind(function (activeMenuPrep) {
+              var activeMenu = buildIfRequired(container, menuName, activeMenuPrep);
+              if (!inBody(activeMenu.element)) {
+                Replacing.append(container, premade$1(activeMenu));
+              }
+              detail.onOpenSubmenu(container, item, activeMenu, reverse(path));
+              if (decision === ExpandHighlightDecision.HighlightSubmenu) {
+                Highlighting.highlightFirst(activeMenu);
+                return updateMenuPath(container, layeredState, path);
+              } else {
+                Highlighting.dehighlightAll(activeMenu);
+                return Optional.some(item);
+              }
+            });
+          });
+        });
+      };
+      var collapseLeft = function (container, item) {
+        var value = getItemValue(item);
+        return layeredState.collapse(value).bind(function (path) {
+          updateAriaExpansions(container, path);
+          return updateMenuPath(container, layeredState, path).map(function (activeMenu) {
+            detail.onCollapseMenu(container, item, activeMenu);
+            return activeMenu;
+          });
+        });
+      };
+      var updateView = function (container, item) {
+        var value = getItemValue(item);
+        return layeredState.refresh(value).bind(function (path) {
+          updateAriaExpansions(container, path);
+          return updateMenuPath(container, layeredState, path);
+        });
+      };
+      var onRight = function (container, item) {
+        return inside(item.element) ? Optional.none() : expandRight(container, item, ExpandHighlightDecision.HighlightSubmenu);
+      };
+      var onLeft = function (container, item) {
+        return inside(item.element) ? Optional.none() : collapseLeft(container, item);
+      };
+      var onEscape = function (container, item) {
+        return collapseLeft(container, item).orThunk(function () {
+          return detail.onEscape(container, item).map(function () {
+            return container;
+          });
+        });
+      };
+      var keyOnItem = function (f) {
+        return function (container, simulatedEvent) {
+          return closest$3(simulatedEvent.getSource(), '.' + detail.markers.item).bind(function (target) {
+            return container.getSystem().getByDom(target).toOptional().bind(function (item) {
+              return f(container, item).map(function () {
+                return true;
+              });
+            });
+          });
+        };
+      };
+      var events = derive([
+        run(focus$4(), function (sandbox, simulatedEvent) {
+          var item = simulatedEvent.event.item;
+          layeredState.lookupItem(getItemValue(item)).each(function () {
+            var menu = simulatedEvent.event.menu;
+            Highlighting.highlight(sandbox, menu);
+            var value = getItemValue(simulatedEvent.event.item);
+            layeredState.refresh(value).each(function (path) {
+              return closeOthers(sandbox, layeredState, path);
+            });
+          });
+        }),
+        runOnExecute(function (component, simulatedEvent) {
+          var target = simulatedEvent.event.target;
+          component.getSystem().getByDom(target).each(function (item) {
+            var itemValue = getItemValue(item);
+            if (itemValue.indexOf('collapse-item') === 0) {
+              collapseLeft(component, item);
+            }
+            expandRight(component, item, ExpandHighlightDecision.HighlightSubmenu).fold(function () {
+              detail.onExecute(component, item);
+            }, function () {
+            });
+          });
+        }),
+        runOnAttached(function (container, _simulatedEvent) {
+          setup(container).each(function (primary) {
+            Replacing.append(container, premade$1(primary));
+            detail.onOpenMenu(container, primary);
+            if (detail.highlightImmediately) {
+              setActiveMenu(container, primary);
+            }
+          });
+        })
+      ].concat(detail.navigateOnHover ? [run(hover(), function (sandbox, simulatedEvent) {
+          var item = simulatedEvent.event.item;
+          updateView(sandbox, item);
+          expandRight(sandbox, item, ExpandHighlightDecision.HighlightParent);
+          detail.onHover(sandbox, item);
+        })] : []));
+      var getActiveItem = function (container) {
+        return Highlighting.getHighlighted(container).bind(Highlighting.getHighlighted);
+      };
+      var collapseMenuApi = function (container) {
+        getActiveItem(container).each(function (currentItem) {
+          collapseLeft(container, currentItem);
+        });
+      };
+      var highlightPrimary = function (container) {
+        layeredState.getPrimary().each(function (primary) {
+          setActiveMenu(container, primary);
+        });
+      };
+      var extractMenuFromContainer = function (container) {
+        return Optional.from(container.components()[0]).filter(function (comp) {
+          return get$3(comp.element, 'role') === 'menu';
+        });
+      };
+      var repositionMenus = function (container) {
+        var maybeActivePrimary = layeredState.getPrimary().bind(function (primary) {
+          return getActiveItem(container).bind(function (currentItem) {
+            var itemValue = getItemValue(currentItem);
+            var allMenus = values(layeredState.getMenus());
+            var preparedMenus = cat(map(allMenus, LayeredState.extractPreparedMenu));
+            return layeredState.getTriggeringPath(itemValue, function (v) {
+              return getItemByValue(container, preparedMenus, v);
+            });
+          }).map(function (triggeringPath) {
+            return {
+              primary: primary,
+              triggeringPath: triggeringPath
+            };
+          });
+        });
+        maybeActivePrimary.fold(function () {
+          extractMenuFromContainer(container).each(function (primaryMenu) {
+            detail.onRepositionMenu(container, primaryMenu, []);
+          });
+        }, function (_a) {
+          var primary = _a.primary, triggeringPath = _a.triggeringPath;
+          detail.onRepositionMenu(container, primary, triggeringPath);
+        });
+      };
+      var apis = {
+        collapseMenu: collapseMenuApi,
+        highlightPrimary: highlightPrimary,
+        repositionMenus: repositionMenus
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        markers: detail.markers,
+        behaviours: augment(detail.tmenuBehaviours, [
+          Keying.config({
+            mode: 'special',
+            onRight: keyOnItem(onRight),
+            onLeft: keyOnItem(onLeft),
+            onEscape: keyOnItem(onEscape),
+            focusIn: function (container, _keyInfo) {
+              layeredState.getPrimary().each(function (primary) {
+                dispatch(container, primary.element, focusItem());
+              });
+            }
+          }),
+          Highlighting.config({
+            highlightClass: detail.markers.selectedMenu,
+            itemClass: detail.markers.menu
+          }),
+          Composing.config({
+            find: function (container) {
+              return Highlighting.getHighlighted(container);
+            }
+          }),
+          Replacing.config({})
+        ]),
+        eventOrder: detail.eventOrder,
+        apis: apis,
+        events: events
+      };
+    };
+    var collapseItem = constant('collapse-item');
+
+    var tieredData = function (primary, menus, expansions) {
+      return {
+        primary: primary,
+        menus: menus,
+        expansions: expansions
+      };
+    };
+    var singleData = function (name, menu) {
+      return {
+        primary: name,
+        menus: wrap$1(name, menu),
+        expansions: {}
+      };
+    };
+    var collapseItem$1 = function (text) {
+      return {
+        value: generate$1(collapseItem()),
+        meta: { text: text }
+      };
+    };
+    var tieredMenu = single$2({
+      name: 'TieredMenu',
+      configFields: [
+        onStrictKeyboardHandler('onExecute'),
+        onStrictKeyboardHandler('onEscape'),
+        onStrictHandler('onOpenMenu'),
+        onStrictHandler('onOpenSubmenu'),
+        onHandler('onRepositionMenu'),
+        onHandler('onCollapseMenu'),
+        defaulted$1('highlightImmediately', true),
+        strictObjOf('data', [
+          strict$1('primary'),
+          strict$1('menus'),
+          strict$1('expansions')
+        ]),
+        defaulted$1('fakeFocus', false),
+        onHandler('onHighlight'),
+        onHandler('onHover'),
+        tieredMenuMarkers(),
+        strict$1('dom'),
+        defaulted$1('navigateOnHover', true),
+        defaulted$1('stayInDom', false),
+        field$1('tmenuBehaviours', [
+          Keying,
+          Highlighting,
+          Composing,
+          Replacing
+        ]),
+        defaulted$1('eventOrder', {})
+      ],
+      apis: {
+        collapseMenu: function (apis, tmenu) {
+          apis.collapseMenu(tmenu);
+        },
+        highlightPrimary: function (apis, tmenu) {
+          apis.highlightPrimary(tmenu);
+        },
+        repositionMenus: function (apis, tmenu) {
+          apis.repositionMenus(tmenu);
+        }
+      },
+      factory: make$2,
+      extraApis: {
+        tieredData: tieredData,
+        singleData: singleData,
+        collapseItem: collapseItem$1
+      }
+    });
+
+    var makeMenu = function (detail, menuSandbox, anchor, menuSpec, getBounds) {
+      var lazySink = function () {
+        return detail.lazySink(menuSandbox);
+      };
+      var layouts = menuSpec.type === 'horizontal' ? {
+        layouts: {
+          onLtr: function () {
+            return belowOrAbove();
+          },
+          onRtl: function () {
+            return belowOrAboveRtl();
+          }
+        }
+      } : {};
+      var isFirstTierSubmenu = function (triggeringPaths) {
+        return triggeringPaths.length === 2;
+      };
+      var getSubmenuLayouts = function (triggeringPaths) {
+        return isFirstTierSubmenu(triggeringPaths) ? layouts : {};
+      };
+      return tieredMenu.sketch({
+        dom: { tag: 'div' },
+        data: menuSpec.data,
+        markers: menuSpec.menu.markers,
+        highlightImmediately: menuSpec.menu.highlightImmediately,
+        onEscape: function () {
+          Sandboxing.close(menuSandbox);
+          detail.onEscape.map(function (handler) {
+            return handler(menuSandbox);
+          });
+          return Optional.some(true);
+        },
+        onExecute: function () {
+          return Optional.some(true);
+        },
+        onOpenMenu: function (tmenu, menu) {
+          Positioning.positionWithinBounds(lazySink().getOrDie(), anchor, menu, getBounds());
+        },
+        onOpenSubmenu: function (tmenu, item, submenu, triggeringPaths) {
+          var sink = lazySink().getOrDie();
+          Positioning.position(sink, __assign({
+            anchor: 'submenu',
+            item: item
+          }, getSubmenuLayouts(triggeringPaths)), submenu);
+        },
+        onRepositionMenu: function (tmenu, primaryMenu, submenuTriggers) {
+          var sink = lazySink().getOrDie();
+          Positioning.positionWithinBounds(sink, anchor, primaryMenu, getBounds());
+          each(submenuTriggers, function (st) {
+            var submenuLayouts = getSubmenuLayouts(st.triggeringPath);
+            Positioning.position(sink, __assign({
+              anchor: 'submenu',
+              item: st.triggeringItem
+            }, submenuLayouts), st.triggeredMenu);
+          });
+        }
+      });
+    };
+    var factory = function (detail, spec) {
+      var isPartOfRelated = function (sandbox, queryElem) {
+        var related = detail.getRelated(sandbox);
+        return related.exists(function (rel) {
+          return isPartOf(rel, queryElem);
+        });
+      };
+      var setContent = function (sandbox, thing) {
+        Sandboxing.setContent(sandbox, thing);
+      };
+      var showAt = function (sandbox, anchor, thing) {
+        showWithin(sandbox, anchor, thing, Optional.none());
+      };
+      var showWithin = function (sandbox, anchor, thing, boxElement) {
+        showWithinBounds(sandbox, anchor, thing, function () {
+          return boxElement.map(function (elem) {
+            return box(elem);
+          });
+        });
+      };
+      var showWithinBounds = function (sandbox, anchor, thing, getBounds) {
+        var sink = detail.lazySink(sandbox).getOrDie();
+        Sandboxing.openWhileCloaked(sandbox, thing, function () {
+          return Positioning.positionWithinBounds(sink, anchor, sandbox, getBounds());
+        });
+        Representing.setValue(sandbox, Optional.some({
+          mode: 'position',
+          anchor: anchor,
+          getBounds: getBounds
+        }));
+      };
+      var showMenuAt = function (sandbox, anchor, menuSpec) {
+        showMenuWithinBounds(sandbox, anchor, menuSpec, function () {
+          return Optional.none();
+        });
+      };
+      var showMenuWithinBounds = function (sandbox, anchor, menuSpec, getBounds) {
+        var menu = makeMenu(detail, sandbox, anchor, menuSpec, getBounds);
+        Sandboxing.open(sandbox, menu);
+        Representing.setValue(sandbox, Optional.some({
+          mode: 'menu',
+          menu: menu
+        }));
+      };
+      var hide = function (sandbox) {
+        if (Sandboxing.isOpen(sandbox)) {
+          Representing.setValue(sandbox, Optional.none());
+          Sandboxing.close(sandbox);
+        }
+      };
+      var getContent = function (sandbox) {
+        return Sandboxing.getState(sandbox);
+      };
+      var reposition = function (sandbox) {
+        if (Sandboxing.isOpen(sandbox)) {
+          Representing.getValue(sandbox).each(function (state) {
+            switch (state.mode) {
+            case 'menu':
+              Sandboxing.getState(sandbox).each(function (tmenu) {
+                tieredMenu.repositionMenus(tmenu);
+              });
+              break;
+            case 'position':
+              var sink = detail.lazySink(sandbox).getOrDie();
+              Positioning.positionWithinBounds(sink, state.anchor, sandbox, state.getBounds());
+              break;
+            }
+          });
+        }
+      };
+      var apis = {
+        setContent: setContent,
+        showAt: showAt,
+        showWithin: showWithin,
+        showWithinBounds: showWithinBounds,
+        showMenuAt: showMenuAt,
+        showMenuWithinBounds: showMenuWithinBounds,
+        hide: hide,
+        getContent: getContent,
+        reposition: reposition,
+        isOpen: Sandboxing.isOpen
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        behaviours: augment(detail.inlineBehaviours, [
+          Sandboxing.config({
+            isPartOf: function (sandbox, data, queryElem) {
+              return isPartOf(data, queryElem) || isPartOfRelated(sandbox, queryElem);
+            },
+            getAttachPoint: function (sandbox) {
+              return detail.lazySink(sandbox).getOrDie();
+            },
+            onOpen: function (sandbox) {
+              detail.onShow(sandbox);
+            },
+            onClose: function (sandbox) {
+              detail.onHide(sandbox);
+            }
+          }),
+          Representing.config({
+            store: {
+              mode: 'memory',
+              initialValue: Optional.none()
+            }
+          }),
+          Receiving.config({
+            channels: __assign(__assign({}, receivingChannel(__assign({ isExtraPart: spec.isExtraPart }, detail.fireDismissalEventInstead.map(function (fe) {
+              return { fireEventInstead: { event: fe.event } };
+            }).getOr({})))), receivingChannel$1(__assign(__assign({}, detail.fireRepositionEventInstead.map(function (fe) {
+              return { fireEventInstead: { event: fe.event } };
+            }).getOr({})), { doReposition: reposition })))
+          })
+        ]),
+        eventOrder: detail.eventOrder,
+        apis: apis
+      };
+    };
+    var InlineView = single$2({
+      name: 'InlineView',
+      configFields: [
+        strict$1('lazySink'),
+        onHandler('onShow'),
+        onHandler('onHide'),
+        optionFunction('onEscape'),
+        field$1('inlineBehaviours', [
+          Sandboxing,
+          Representing,
+          Receiving
+        ]),
+        optionObjOf('fireDismissalEventInstead', [defaulted$1('event', dismissRequested())]),
+        optionObjOf('fireRepositionEventInstead', [defaulted$1('event', repositionRequested())]),
+        defaulted$1('getRelated', Optional.none),
+        defaulted$1('isExtraPart', never),
+        defaulted$1('eventOrder', Optional.none)
+      ],
+      factory: factory,
+      apis: {
+        showAt: function (apis, component, anchor, thing) {
+          apis.showAt(component, anchor, thing);
+        },
+        showWithin: function (apis, component, anchor, thing, boxElement) {
+          apis.showWithin(component, anchor, thing, boxElement);
+        },
+        showWithinBounds: function (apis, component, anchor, thing, bounds) {
+          apis.showWithinBounds(component, anchor, thing, bounds);
+        },
+        showMenuAt: function (apis, component, anchor, menuSpec) {
+          apis.showMenuAt(component, anchor, menuSpec);
+        },
+        showMenuWithinBounds: function (apis, component, anchor, menuSpec, bounds) {
+          apis.showMenuWithinBounds(component, anchor, menuSpec, bounds);
+        },
+        hide: function (apis, component) {
+          apis.hide(component);
+        },
+        isOpen: function (apis, component) {
+          return apis.isOpen(component);
+        },
+        getContent: function (apis, component) {
+          return apis.getContent(component);
+        },
+        setContent: function (apis, component, thing) {
+          apis.setContent(component, thing);
+        },
+        reposition: function (apis, component) {
+          apis.reposition(component);
+        }
+      }
+    });
+
+    var westEdgeX$1 = function (anchor) {
+      return anchor.x;
+    };
+    var middleX$1 = function (anchor, element) {
+      return anchor.x + anchor.width / 2 - element.width / 2;
+    };
+    var eastEdgeX$1 = function (anchor, element) {
+      return anchor.x + anchor.width - element.width;
+    };
+    var northY$2 = function (anchor) {
+      return anchor.y;
+    };
+    var southY$2 = function (anchor, element) {
+      return anchor.y + anchor.height - element.height;
+    };
+    var southeast$3 = function (anchor, element, bubbles) {
+      return nu$7(eastEdgeX$1(anchor, element), southY$2(anchor, element), bubbles.innerSoutheast(), northwest(), boundsRestriction(anchor, {
+        right: 0,
+        bottom: 3
+      }), 'layout-inner-se');
+    };
+    var southwest$3 = function (anchor, element, bubbles) {
+      return nu$7(westEdgeX$1(anchor), southY$2(anchor, element), bubbles.innerSouthwest(), northeast(), boundsRestriction(anchor, {
+        left: 1,
+        bottom: 3
+      }), 'layout-inner-sw');
+    };
+    var northeast$3 = function (anchor, element, bubbles) {
+      return nu$7(eastEdgeX$1(anchor, element), northY$2(anchor), bubbles.innerNortheast(), southwest(), boundsRestriction(anchor, {
+        right: 0,
+        top: 2
+      }), 'layout-inner-ne');
+    };
+    var northwest$3 = function (anchor, element, bubbles) {
+      return nu$7(westEdgeX$1(anchor), northY$2(anchor), bubbles.innerNorthwest(), southeast(), boundsRestriction(anchor, {
+        left: 1,
+        top: 2
+      }), 'layout-inner-nw');
+    };
+    var north$3 = function (anchor, element, bubbles) {
+      return nu$7(middleX$1(anchor, element), northY$2(anchor), bubbles.innerNorth(), south(), boundsRestriction(anchor, { top: 2 }), 'layout-inner-n');
+    };
+    var south$3 = function (anchor, element, bubbles) {
+      return nu$7(middleX$1(anchor, element), southY$2(anchor, element), bubbles.innerSouth(), north(), boundsRestriction(anchor, { bottom: 3 }), 'layout-inner-s');
+    };
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.Delay');
+
+    var factory$1 = function (detail) {
+      var events = events$7(detail.action);
+      var tag = detail.dom.tag;
+      var lookupAttr = function (attr) {
+        return get$1(detail.dom, 'attributes').bind(function (attrs) {
+          return get$1(attrs, attr);
+        });
+      };
+      var getModAttributes = function () {
+        if (tag === 'button') {
+          var type = lookupAttr('type').getOr('button');
+          var roleAttrs = lookupAttr('role').map(function (role) {
+            return { role: role };
+          }).getOr({});
+          return __assign({ type: type }, roleAttrs);
+        } else {
+          var role = lookupAttr('role').getOr('button');
+          return { role: role };
+        }
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: detail.components,
+        events: events,
+        behaviours: SketchBehaviours.augment(detail.buttonBehaviours, [
+          Focusing.config({}),
+          Keying.config({
+            mode: 'execution',
+            useSpace: true,
+            useEnter: true
+          })
+        ]),
+        domModification: { attributes: getModAttributes() },
+        eventOrder: detail.eventOrder
+      };
+    };
+    var Button = single$2({
+      name: 'Button',
+      factory: factory$1,
+      configFields: [
+        defaulted$1('uid', undefined),
+        strict$1('dom'),
+        defaulted$1('components', []),
+        SketchBehaviours.field('buttonBehaviours', [
+          Focusing,
+          Keying
+        ]),
+        option('action'),
+        option('role'),
+        defaulted$1('eventOrder', {})
+      ]
+    });
+
+    var record = function (spec) {
+      var uid = isSketchSpec(spec) && hasNonNullableKey(spec, 'uid') ? spec.uid : generate$2('memento');
+      var get = function (anyInSystem) {
+        return anyInSystem.getSystem().getByUid(uid).getOrDie();
+      };
+      var getOpt = function (anyInSystem) {
+        return anyInSystem.getSystem().getByUid(uid).toOptional();
+      };
+      var asSpec = function () {
+        return __assign(__assign({}, spec), { uid: uid });
+      };
+      return {
+        get: get,
+        getOpt: getOpt,
+        asSpec: asSpec
+      };
+    };
+
+    var defaultIcon = function (icons) {
+      return Optional.from(icons()['temporary-placeholder']).getOr('!not found!');
+    };
+    var get$e = function (name, icons) {
+      return Optional.from(icons()[name.toLowerCase()]).getOrThunk(function () {
+        return defaultIcon(icons);
+      });
+    };
+    var getOr = function (name, icons, fallback) {
+      return Optional.from(icons()[name.toLowerCase()]).or(fallback).getOrThunk(function () {
+        return defaultIcon(icons);
+      });
+    };
+    var getFirst$1 = function (names, icons) {
+      return findMap(names, function (name) {
+        return Optional.from(icons()[name.toLowerCase()]);
+      }).getOrThunk(function () {
+        return defaultIcon(icons);
+      });
+    };
+
+    var notificationIconMap = {
+      success: 'checkmark',
+      error: 'warning',
+      err: 'error',
+      warning: 'warning',
+      warn: 'warning',
+      info: 'info'
+    };
+    var factory$2 = function (detail) {
+      var memBannerText = record({
+        dom: {
+          tag: 'p',
+          innerHtml: detail.translationProvider(detail.text)
+        },
+        behaviours: derive$1([Replacing.config({})])
+      });
+      var renderPercentBar = function (percent) {
+        return {
+          dom: {
+            tag: 'div',
+            classes: ['tox-bar'],
+            attributes: { style: 'width: ' + percent + '%' }
+          }
+        };
+      };
+      var renderPercentText = function (percent) {
+        return {
+          dom: {
+            tag: 'div',
+            classes: ['tox-text'],
+            innerHtml: percent + '%'
+          }
+        };
+      };
+      var memBannerProgress = record({
+        dom: {
+          tag: 'div',
+          classes: detail.progress ? [
+            'tox-progress-bar',
+            'tox-progress-indicator'
+          ] : ['tox-progress-bar']
+        },
+        components: [
+          {
+            dom: {
+              tag: 'div',
+              classes: ['tox-bar-container']
+            },
+            components: [renderPercentBar(0)]
+          },
+          renderPercentText(0)
+        ],
+        behaviours: derive$1([Replacing.config({})])
+      });
+      var updateProgress = function (comp, percent) {
+        if (comp.getSystem().isConnected()) {
+          memBannerProgress.getOpt(comp).each(function (progress) {
+            Replacing.set(progress, [
+              {
+                dom: {
+                  tag: 'div',
+                  classes: ['tox-bar-container']
+                },
+                components: [renderPercentBar(percent)]
+              },
+              renderPercentText(percent)
+            ]);
+          });
+        }
+      };
+      var updateText = function (comp, text$1) {
+        if (comp.getSystem().isConnected()) {
+          var banner = memBannerText.get(comp);
+          Replacing.set(banner, [text(text$1)]);
+        }
+      };
+      var apis = {
+        updateProgress: updateProgress,
+        updateText: updateText
+      };
+      var iconChoices = flatten([
+        detail.icon.toArray(),
+        detail.level.toArray(),
+        detail.level.bind(function (level) {
+          return Optional.from(notificationIconMap[level]);
+        }).toArray()
+      ]);
+      var memButton = record(Button.sketch({
+        dom: {
+          tag: 'button',
+          classes: [
+            'tox-notification__dismiss',
+            'tox-button',
+            'tox-button--naked',
+            'tox-button--icon'
+          ]
+        },
+        components: [{
+            dom: {
+              tag: 'div',
+              classes: ['tox-icon'],
+              innerHtml: get$e('close', detail.iconProvider),
+              attributes: { 'aria-label': detail.translationProvider('Close') }
+            }
+          }],
+        action: function (comp) {
+          detail.onAction(comp);
+        }
+      }));
+      var components = [
+        {
+          dom: {
+            tag: 'div',
+            classes: ['tox-notification__icon'],
+            innerHtml: getFirst$1(iconChoices, detail.iconProvider)
+          }
+        },
+        {
+          dom: {
+            tag: 'div',
+            classes: ['tox-notification__body']
+          },
+          components: [memBannerText.asSpec()],
+          behaviours: derive$1([Replacing.config({})])
+        }
+      ];
+      return {
+        uid: detail.uid,
+        dom: {
+          tag: 'div',
+          attributes: { role: 'alert' },
+          classes: detail.level.map(function (level) {
+            return [
+              'tox-notification',
+              'tox-notification--in',
+              'tox-notification--' + level
+            ];
+          }).getOr([
+            'tox-notification',
+            'tox-notification--in'
+          ])
+        },
+        behaviours: derive$1([
+          Focusing.config({}),
+          config('notification-events', [run(focusin(), function (comp) {
+              memButton.getOpt(comp).each(Focusing.focus);
+            })])
+        ]),
+        components: components.concat(detail.progress ? [memBannerProgress.asSpec()] : []).concat(!detail.closeButton ? [] : [memButton.asSpec()]),
+        apis: apis
+      };
+    };
+    var Notification = single$2({
+      name: 'Notification',
+      factory: factory$2,
+      configFields: [
+        option('level'),
+        strict$1('progress'),
+        strict$1('icon'),
+        strict$1('onAction'),
+        strict$1('text'),
+        strict$1('iconProvider'),
+        strict$1('translationProvider'),
+        defaultedBoolean('closeButton', true)
+      ],
+      apis: {
+        updateProgress: function (apis, comp, percent) {
+          apis.updateProgress(comp, percent);
+        },
+        updateText: function (apis, comp, text) {
+          apis.updateText(comp, text);
+        }
+      }
+    });
+
+    function NotificationManagerImpl (editor, extras, uiMothership) {
+      var backstage = extras.backstage;
+      var getLayoutDirection = function (rel) {
+        switch (rel) {
+        case 'bc-bc':
+          return south$3;
+        case 'tc-tc':
+          return north$3;
+        case 'tc-bc':
+          return north$1;
+        case 'bc-tc':
+        default:
+          return south$1;
+        }
+      };
+      var prePositionNotifications = function (notifications) {
+        each(notifications, function (notification) {
+          return notification.moveTo(0, 0);
+        });
+      };
+      var positionNotifications = function (notifications) {
+        if (notifications.length > 0) {
+          head(notifications).each(function (firstItem) {
+            return firstItem.moveRel(null, 'banner');
+          });
+          each(notifications, function (notification, index) {
+            if (index > 0) {
+              notification.moveRel(notifications[index - 1].getEl(), 'bc-tc');
+            }
+          });
+        }
+      };
+      var reposition = function (notifications) {
+        prePositionNotifications(notifications);
+        positionNotifications(notifications);
+      };
+      var open = function (settings, closeCallback) {
+        var hideCloseButton = !settings.closeButton && settings.timeout && (settings.timeout > 0 || settings.timeout < 0);
+        var close = function () {
+          closeCallback();
+          InlineView.hide(notificationWrapper);
+        };
+        var notification = build$1(Notification.sketch({
+          text: settings.text,
+          level: contains([
+            'success',
+            'error',
+            'warning',
+            'warn',
+            'info'
+          ], settings.type) ? settings.type : undefined,
+          progress: settings.progressBar === true,
+          icon: Optional.from(settings.icon),
+          closeButton: !hideCloseButton,
+          onAction: close,
+          iconProvider: backstage.shared.providers.icons,
+          translationProvider: backstage.shared.providers.translate
+        }));
+        var notificationWrapper = build$1(InlineView.sketch(__assign({
+          dom: {
+            tag: 'div',
+            classes: ['tox-notifications-container']
+          },
+          lazySink: extras.backstage.shared.getSink,
+          fireDismissalEventInstead: {}
+        }, backstage.shared.header.isPositionedAtTop() ? {} : { fireRepositionEventInstead: {} })));
+        uiMothership.add(notificationWrapper);
+        if (settings.timeout > 0) {
+          global$2.setTimeout(function () {
+            close();
+          }, settings.timeout);
+        }
+        return {
+          close: close,
+          moveTo: function (x, y) {
+            InlineView.showAt(notificationWrapper, {
+              anchor: 'makeshift',
+              x: x,
+              y: y
+            }, premade$1(notification));
+          },
+          moveRel: function (element, rel) {
+            if (rel !== 'banner') {
+              var layoutDirection_1 = getLayoutDirection(rel);
+              var nodeAnchor = {
+                anchor: 'node',
+                root: body(),
+                node: Optional.some(SugarElement.fromDom(element)),
+                layouts: {
+                  onRtl: function () {
+                    return [layoutDirection_1];
+                  },
+                  onLtr: function () {
+                    return [layoutDirection_1];
+                  }
+                }
+              };
+              InlineView.showAt(notificationWrapper, nodeAnchor, premade$1(notification));
+            } else {
+              InlineView.showAt(notificationWrapper, extras.backstage.shared.anchors.banner(), premade$1(notification));
+            }
+          },
+          text: function (nuText) {
+            Notification.updateText(notification, nuText);
+          },
+          settings: settings,
+          getEl: function () {
+            return notification.element.dom;
+          },
+          progressBar: {
+            value: function (percent) {
+              Notification.updateProgress(notification, percent);
+            }
+          }
+        };
+      };
+      var close = function (notification) {
+        notification.close();
+      };
+      var getArgs = function (notification) {
+        return notification.settings;
+      };
+      return {
+        open: open,
+        close: close,
+        reposition: reposition,
+        getArgs: getArgs
+      };
+    }
+
+    var first = function (fn, rate) {
+      var timer = null;
+      var cancel = function () {
+        if (timer !== null) {
+          clearTimeout(timer);
+          timer = null;
+        }
+      };
+      var throttle = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        if (timer === null) {
+          timer = setTimeout(function () {
+            fn.apply(null, args);
+            timer = null;
+          }, rate);
+        }
+      };
+      return {
+        cancel: cancel,
+        throttle: throttle
+      };
+    };
+    var last$2 = function (fn, rate) {
+      var timer = null;
+      var cancel = function () {
+        if (timer !== null) {
+          clearTimeout(timer);
+          timer = null;
+        }
+      };
+      var throttle = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        if (timer !== null) {
+          clearTimeout(timer);
+        }
+        timer = setTimeout(function () {
+          fn.apply(null, args);
+          timer = null;
+        }, rate);
+      };
+      return {
+        cancel: cancel,
+        throttle: throttle
+      };
+    };
+
+    var global$3 = tinymce.util.Tools.resolve('tinymce.dom.TextSeeker');
+
+    var isBoundary = function (dom, node) {
+      return dom.isBlock(node) || contains([
+        'BR',
+        'IMG',
+        'HR',
+        'INPUT'
+      ], node.nodeName) || dom.getContentEditable(node) === 'false';
+    };
+    var repeatLeft = function (dom, node, offset, process, rootNode) {
+      var search = global$3(dom, function (node) {
+        return isBoundary(dom, node);
+      });
+      return Optional.from(search.backwards(node, offset, process, rootNode));
+    };
+
+    var autocompleteSelector = '[data-mce-autocompleter]';
+    var create$4 = function (editor, range) {
+      return detect$4(SugarElement.fromDom(editor.selection.getNode())).getOrThunk(function () {
+        var wrapper = SugarElement.fromHtml('<span data-mce-autocompleter="1" data-mce-bogus="1"></span>', editor.getDoc());
+        append(wrapper, SugarElement.fromDom(range.extractContents()));
+        range.insertNode(wrapper.dom);
+        parent(wrapper).each(function (elm) {
+          return elm.dom.normalize();
+        });
+        last$1(wrapper).map(function (last) {
+          editor.selection.setCursorLocation(last.dom, getEnd(last));
+        });
+        return wrapper;
+      });
+    };
+    var detect$4 = function (elm) {
+      return closest$3(elm, autocompleteSelector);
+    };
+
+    var isValidTextRange = function (rng) {
+      return rng.collapsed && rng.startContainer.nodeType === 3;
+    };
+    var getText = function (rng) {
+      return rng.toString().replace(/\u00A0/g, ' ').replace(/\uFEFF/g, '');
+    };
+    var isWhitespace = function (chr) {
+      return chr !== '' && ' \xA0\f\n\r\t\x0B'.indexOf(chr) !== -1;
+    };
+
+    var stripTriggerChar = function (text, triggerCh) {
+      return text.substring(triggerCh.length);
+    };
+    var findChar = function (text, index, ch) {
+      var i;
+      for (i = index - 1; i >= 0; i--) {
+        var char = text.charAt(i);
+        if (isWhitespace(char)) {
+          return Optional.none();
+        }
+        if (char === ch) {
+          break;
+        }
+      }
+      return Optional.some(i);
+    };
+    var findStart = function (dom, initRange, ch, minChars) {
+      if (minChars === void 0) {
+        minChars = 0;
+      }
+      if (!isValidTextRange(initRange)) {
+        return Optional.none();
+      }
+      var findTriggerChIndex = function (element, offset, text) {
+        return findChar(text, offset, ch).getOr(offset);
+      };
+      var root = dom.getParent(initRange.startContainer, dom.isBlock) || dom.getRoot();
+      return repeatLeft(dom, initRange.startContainer, initRange.startOffset, findTriggerChIndex, root).bind(function (spot) {
+        var range = initRange.cloneRange();
+        range.setStart(spot.container, spot.offset);
+        range.setEnd(initRange.endContainer, initRange.endOffset);
+        if (range.collapsed) {
+          return Optional.none();
+        }
+        var text = getText(range);
+        var triggerCharIndex = text.lastIndexOf(ch);
+        if (triggerCharIndex !== 0 || stripTriggerChar(text, ch).length < minChars) {
+          return Optional.none();
+        } else {
+          return Optional.some({
+            text: stripTriggerChar(text, ch),
+            range: range,
+            triggerChar: ch
+          });
+        }
+      });
+    };
+    var getContext = function (dom, initRange, ch, minChars) {
+      if (minChars === void 0) {
+        minChars = 0;
+      }
+      return detect$4(SugarElement.fromDom(initRange.startContainer)).fold(function () {
+        return findStart(dom, initRange, ch, minChars);
+      }, function (elm) {
+        var range = dom.createRng();
+        range.selectNode(elm.dom);
+        var text = getText(range);
+        return Optional.some({
+          range: range,
+          text: stripTriggerChar(text, ch),
+          triggerChar: ch
+        });
+      });
+    };
+
+    var setup = function (api, editor) {
+      editor.on('keypress compositionend', api.onKeypress.throttle);
+      editor.on('remove', api.onKeypress.cancel);
+      var redirectKeyToItem = function (item, e) {
+        emitWith(item, keydown(), { raw: e });
+      };
+      editor.on('keydown', function (e) {
+        var getItem = function () {
+          return api.getView().bind(Highlighting.getHighlighted);
+        };
+        if (e.which === 8) {
+          api.onKeypress.throttle(e);
+        }
+        if (api.isActive()) {
+          if (e.which === 27) {
+            api.cancelIfNecessary();
+          }
+          if (api.isMenuOpen()) {
+            if (e.which === 13) {
+              getItem().each(emitExecute);
+              e.preventDefault();
+            } else if (e.which === 40) {
+              getItem().fold(function () {
+                api.getView().each(Highlighting.highlightFirst);
+              }, function (item) {
+                redirectKeyToItem(item, e);
+              });
+              e.preventDefault();
+              e.stopImmediatePropagation();
+            } else if (e.which === 37 || e.which === 38 || e.which === 39) {
+              getItem().each(function (item) {
+                redirectKeyToItem(item, e);
+                e.preventDefault();
+                e.stopImmediatePropagation();
+              });
+            }
+          } else {
+            if (e.which === 13 || e.which === 38 || e.which === 40) {
+              api.cancelIfNecessary();
+            }
+          }
+        }
+      });
+      editor.on('NodeChange', function (e) {
+        if (api.isActive() && !api.isProcessingAction() && detect$4(SugarElement.fromDom(e.element)).isNone()) {
+          api.cancelIfNecessary();
+        }
+      });
+    };
+    var AutocompleterEditorEvents = { setup: setup };
+
+    var global$4 = tinymce.util.Tools.resolve('tinymce.util.Promise');
+
+    var point$1 = function (container, offset) {
+      return {
+        container: container,
+        offset: offset
+      };
+    };
+
+    var isText$1 = function (node) {
+      return node.nodeType === TEXT;
+    };
+    var isElement$1 = function (node) {
+      return node.nodeType === ELEMENT;
+    };
+    var toLast = function (node) {
+      if (isText$1(node)) {
+        return point$1(node, node.data.length);
+      } else {
+        var children = node.childNodes;
+        return children.length > 0 ? toLast(children[children.length - 1]) : point$1(node, children.length);
+      }
+    };
+    var toLeaf = function (node, offset) {
+      var children = node.childNodes;
+      if (children.length > 0 && offset < children.length) {
+        return toLeaf(children[offset], 0);
+      } else if (children.length > 0 && isElement$1(node) && children.length === offset) {
+        return toLast(children[children.length - 1]);
+      } else {
+        return point$1(node, offset);
+      }
+    };
+
+    var isPreviousCharContent = function (dom, leaf) {
+      return repeatLeft(dom, leaf.container, leaf.offset, function (element, offset) {
+        return offset === 0 ? -1 : offset;
+      }, dom.getRoot()).filter(function (spot) {
+        var char = spot.container.data.charAt(spot.offset - 1);
+        return !isWhitespace(char);
+      }).isSome();
+    };
+    var isStartOfWord = function (dom) {
+      return function (rng) {
+        var leaf = toLeaf(rng.startContainer, rng.startOffset);
+        return !isPreviousCharContent(dom, leaf);
+      };
+    };
+    var getTriggerContext = function (dom, initRange, database) {
+      return findMap(database.triggerChars, function (ch) {
+        return getContext(dom, initRange, ch);
+      });
+    };
+    var lookup = function (editor, getDatabase) {
+      var database = getDatabase();
+      var rng = editor.selection.getRng();
+      return getTriggerContext(editor.dom, rng, database).bind(function (context) {
+        return lookupWithContext(editor, getDatabase, context);
+      });
+    };
+    var lookupWithContext = function (editor, getDatabase, context, fetchOptions) {
+      if (fetchOptions === void 0) {
+        fetchOptions = {};
+      }
+      var database = getDatabase();
+      var rng = editor.selection.getRng();
+      var startText = rng.startContainer.nodeValue;
+      var autocompleters = filter(database.lookupByChar(context.triggerChar), function (autocompleter) {
+        return context.text.length >= autocompleter.minChars && autocompleter.matches.getOrThunk(function () {
+          return isStartOfWord(editor.dom);
+        })(context.range, startText, context.text);
+      });
+      if (autocompleters.length === 0) {
+        return Optional.none();
+      }
+      var lookupData = global$4.all(map(autocompleters, function (ac) {
+        var fetchResult = ac.fetch(context.text, ac.maxResults, fetchOptions);
+        return fetchResult.then(function (results) {
+          return {
+            matchText: context.text,
+            items: results,
+            columns: ac.columns,
+            onAction: ac.onAction,
+            highlightOn: ac.highlightOn
+          };
+        });
+      }));
+      return Optional.some({
+        lookupData: lookupData,
+        context: context
+      });
+    };
+
+    var separatorMenuItemSchema = objOf([
+      strictString('type'),
+      optionString('text')
+    ]);
+    var createSeparatorMenuItem = function (spec) {
+      return asRaw('separatormenuitem', separatorMenuItemSchema, spec);
+    };
+
+    var autocompleterItemSchema = objOf([
+      defaulted$1('type', 'autocompleteitem'),
+      defaulted$1('active', false),
+      defaulted$1('disabled', false),
+      defaulted$1('meta', {}),
+      strictString('value'),
+      optionString('text'),
+      optionString('icon')
+    ]);
+    var autocompleterSchema = objOf([
+      strictString('type'),
+      strictString('ch'),
+      defaultedNumber('minChars', 1),
+      defaulted$1('columns', 1),
+      defaultedNumber('maxResults', 10),
+      optionFunction('matches'),
+      strictFunction('fetch'),
+      strictFunction('onAction'),
+      defaultedArrayOf('highlightOn', [], string)
+    ]);
+    var createSeparatorItem = function (spec) {
+      return asRaw('Autocompleter.Separator', separatorMenuItemSchema, spec);
+    };
+    var createAutocompleterItem = function (spec) {
+      return asRaw('Autocompleter.Item', autocompleterItemSchema, spec);
+    };
+    var createAutocompleter = function (spec) {
+      return asRaw('Autocompleter', autocompleterSchema, spec);
+    };
+
+    var baseToolbarButtonFields = [
+      defaultedBoolean('disabled', false),
+      optionString('tooltip'),
+      optionString('icon'),
+      optionString('text'),
+      defaultedFunction('onSetup', function () {
+        return noop;
+      })
+    ];
+    var toolbarButtonSchema = objOf([
+      strictString('type'),
+      strictFunction('onAction')
+    ].concat(baseToolbarButtonFields));
+    var createToolbarButton = function (spec) {
+      return asRaw('toolbarbutton', toolbarButtonSchema, spec);
+    };
+
+    var baseToolbarToggleButtonFields = [defaultedBoolean('active', false)].concat(baseToolbarButtonFields);
+    var toggleButtonSchema = objOf(baseToolbarToggleButtonFields.concat([
+      strictString('type'),
+      strictFunction('onAction')
+    ]));
+    var createToggleButton = function (spec) {
+      return asRaw('ToggleButton', toggleButtonSchema, spec);
+    };
+
+    var contextBarFields = [
+      defaultedFunction('predicate', function () {
+        return false;
+      }),
+      defaultedStringEnum('scope', 'node', [
+        'node',
+        'editor'
+      ]),
+      defaultedStringEnum('position', 'selection', [
+        'node',
+        'selection',
+        'line'
+      ])
+    ];
+
+    var contextButtonFields = baseToolbarButtonFields.concat([
+      defaulted$1('type', 'contextformbutton'),
+      defaulted$1('primary', false),
+      strictFunction('onAction'),
+      state$1('original', identity)
+    ]);
+    var contextToggleButtonFields = baseToolbarToggleButtonFields.concat([
+      defaulted$1('type', 'contextformbutton'),
+      defaulted$1('primary', false),
+      strictFunction('onAction'),
+      state$1('original', identity)
+    ]);
+    var launchButtonFields = baseToolbarButtonFields.concat([defaulted$1('type', 'contextformbutton')]);
+    var launchToggleButtonFields = baseToolbarToggleButtonFields.concat([defaulted$1('type', 'contextformtogglebutton')]);
+    var toggleOrNormal = choose$1('type', {
+      contextformbutton: contextButtonFields,
+      contextformtogglebutton: contextToggleButtonFields
+    });
+    var contextFormSchema = objOf([
+      defaulted$1('type', 'contextform'),
+      defaultedFunction('initValue', function () {
+        return '';
+      }),
+      optionString('label'),
+      strictArrayOf('commands', toggleOrNormal),
+      optionOf('launch', choose$1('type', {
+        contextformbutton: launchButtonFields,
+        contextformtogglebutton: launchToggleButtonFields
+      }))
+    ].concat(contextBarFields));
+    var createContextForm = function (spec) {
+      return asRaw('ContextForm', contextFormSchema, spec);
+    };
+
+    var contextToolbarSchema = objOf([
+      defaulted$1('type', 'contexttoolbar'),
+      strictString('items')
+    ].concat(contextBarFields));
+    var createContextToolbar = function (spec) {
+      return asRaw('ContextToolbar', contextToolbarSchema, spec);
+    };
+
+    var stringArray = function (a) {
+      var all = {};
+      each(a, function (key) {
+        all[key] = {};
+      });
+      return keys(all);
+    };
+
+    var register = function (editor) {
+      var popups = editor.ui.registry.getAll().popups;
+      var dataset = map$2(popups, function (popup) {
+        return createAutocompleter(popup).fold(function (err) {
+          throw new Error(formatError(err));
+        }, function (x) {
+          return x;
+        });
+      });
+      var triggerChars = stringArray(mapToArray(dataset, function (v) {
+        return v.ch;
+      }));
+      var datasetValues = values(dataset);
+      var lookupByChar = function (ch) {
+        return filter(datasetValues, function (dv) {
+          return dv.ch === ch;
+        });
+      };
+      return {
+        dataset: dataset,
+        triggerChars: triggerChars,
+        lookupByChar: lookupByChar
+      };
+    };
+
+    var ItemResponse;
+    (function (ItemResponse) {
+      ItemResponse[ItemResponse['CLOSE_ON_EXECUTE'] = 0] = 'CLOSE_ON_EXECUTE';
+      ItemResponse[ItemResponse['BUBBLE_TO_SANDBOX'] = 1] = 'BUBBLE_TO_SANDBOX';
+    }(ItemResponse || (ItemResponse = {})));
+    var ItemResponse$1 = ItemResponse;
+
+    var navClass = 'tox-menu-nav__js';
+    var selectableClass = 'tox-collection__item';
+    var colorClass = 'tox-swatch';
+    var presetClasses = {
+      normal: navClass,
+      color: colorClass
+    };
+    var tickedClass = 'tox-collection__item--enabled';
+    var groupHeadingClass = 'tox-collection__group-heading';
+    var iconClass = 'tox-collection__item-icon';
+    var textClass = 'tox-collection__item-label';
+    var accessoryClass = 'tox-collection__item-accessory';
+    var caretClass = 'tox-collection__item-caret';
+    var checkmarkClass = 'tox-collection__item-checkmark';
+    var activeClass = 'tox-collection__item--active';
+    var iconClassRtl = 'tox-collection__item-icon-rtl';
+    var containerClass = 'tox-collection__item-container';
+    var containerColumnClass = 'tox-collection__item-container--column';
+    var containerRowClass = 'tox-collection__item-container--row';
+    var containerAlignRightClass = 'tox-collection__item-container--align-right';
+    var containerAlignLeftClass = 'tox-collection__item-container--align-left';
+    var containerValignTopClass = 'tox-collection__item-container--valign-top';
+    var containerValignMiddleClass = 'tox-collection__item-container--valign-middle';
+    var containerValignBottomClass = 'tox-collection__item-container--valign-bottom';
+    var classForPreset = function (presets) {
+      return get$1(presetClasses, presets).getOr(navClass);
+    };
+
+    var forMenu = function (presets) {
+      if (presets === 'color') {
+        return 'tox-swatches';
+      } else {
+        return 'tox-menu';
+      }
+    };
+    var classes = function (presets) {
+      return {
+        backgroundMenu: 'tox-background-menu',
+        selectedMenu: 'tox-selected-menu',
+        selectedItem: 'tox-collection__item--active',
+        hasIcons: 'tox-menu--has-icons',
+        menu: forMenu(presets),
+        tieredMenu: 'tox-tiered-menu'
+      };
+    };
+
+    var markers$1 = function (presets) {
+      var menuClasses = classes(presets);
+      return {
+        backgroundMenu: menuClasses.backgroundMenu,
+        selectedMenu: menuClasses.selectedMenu,
+        menu: menuClasses.menu,
+        selectedItem: menuClasses.selectedItem,
+        item: classForPreset(presets)
+      };
+    };
+    var dom$1 = function (hasIcons, columns, presets) {
+      var menuClasses = classes(presets);
+      return {
+        tag: 'div',
+        classes: flatten([
+          [
+            menuClasses.menu,
+            'tox-menu-' + columns + '-column'
+          ],
+          hasIcons ? [menuClasses.hasIcons] : []
+        ])
+      };
+    };
+    var components$1 = [Menu.parts.items({})];
+    var part = function (hasIcons, columns, presets) {
+      var menuClasses = classes(presets);
+      var d = {
+        tag: 'div',
+        classes: flatten([[menuClasses.tieredMenu]])
+      };
+      return {
+        dom: d,
+        markers: markers$1(presets)
+      };
+    };
+
+    var chunk$1 = function (rowDom, numColumns) {
+      return function (items) {
+        var chunks = chunk(items, numColumns);
+        return map(chunks, function (c) {
+          return {
+            dom: rowDom,
+            components: c
+          };
+        });
+      };
+    };
+    var forSwatch = function (columns) {
+      return {
+        dom: {
+          tag: 'div',
+          classes: [
+            'tox-menu',
+            'tox-swatches-menu'
+          ]
+        },
+        components: [{
+            dom: {
+              tag: 'div',
+              classes: ['tox-swatches']
+            },
+            components: [Menu.parts.items({
+                preprocess: columns !== 'auto' ? chunk$1({
+                  tag: 'div',
+                  classes: ['tox-swatches__row']
+                }, columns) : identity
+              })]
+          }]
+      };
+    };
+    var forToolbar = function (columns) {
+      return {
+        dom: {
+          tag: 'div',
+          classes: [
+            'tox-menu',
+            'tox-collection',
+            'tox-collection--toolbar',
+            'tox-collection--toolbar-lg'
+          ]
+        },
+        components: [Menu.parts.items({
+            preprocess: chunk$1({
+              tag: 'div',
+              classes: ['tox-collection__group']
+            }, columns)
+          })]
+      };
+    };
+    var preprocessCollection = function (items, isSeparator) {
+      var allSplits = [];
+      var currentSplit = [];
+      each(items, function (item, i) {
+        if (isSeparator(item, i)) {
+          if (currentSplit.length > 0) {
+            allSplits.push(currentSplit);
+          }
+          currentSplit = [];
+          if (has(item.dom, 'innerHtml')) {
+            currentSplit.push(item);
+          }
+        } else {
+          currentSplit.push(item);
+        }
+      });
+      if (currentSplit.length > 0) {
+        allSplits.push(currentSplit);
+      }
+      return map(allSplits, function (s) {
+        return {
+          dom: {
+            tag: 'div',
+            classes: ['tox-collection__group']
+          },
+          components: s
+        };
+      });
+    };
+    var forCollection = function (columns, initItems, _hasIcons) {
+      return {
+        dom: {
+          tag: 'div',
+          classes: [
+            'tox-menu',
+            'tox-collection'
+          ].concat(columns === 1 ? ['tox-collection--list'] : ['tox-collection--grid'])
+        },
+        components: [Menu.parts.items({
+            preprocess: function (items) {
+              if (columns !== 'auto' && columns > 1) {
+                return chunk$1({
+                  tag: 'div',
+                  classes: ['tox-collection__group']
+                }, columns)(items);
+              } else {
+                return preprocessCollection(items, function (_item, i) {
+                  return initItems[i].type === 'separator';
+                });
+              }
+            }
+          })]
+      };
+    };
+    var forHorizontalCollection = function (initItems, _hasIcons) {
+      return {
+        dom: {
+          tag: 'div',
+          classes: [
+            'tox-collection',
+            'tox-collection--horizontal'
+          ]
+        },
+        components: [Menu.parts.items({
+            preprocess: function (items) {
+              return preprocessCollection(items, function (_item, i) {
+                return initItems[i].type === 'separator';
+              });
+            }
+          })]
+      };
+    };
+
+    var menuHasIcons = function (xs) {
+      return exists(xs, function (item) {
+        return 'icon' in item && item.icon !== undefined;
+      });
+    };
+    var handleError = function (error) {
+      console.error(formatError(error));
+      console.log(error);
+      return Optional.none();
+    };
+    var createHorizontalPartialMenuWithAlloyItems = function (value, _hasIcons, items, _columns, _presets) {
+      var structure = forHorizontalCollection(items);
+      return {
+        value: value,
+        dom: structure.dom,
+        components: structure.components,
+        items: items
+      };
+    };
+    var createPartialMenuWithAlloyItems = function (value, hasIcons, items, columns, presets) {
+      if (presets === 'color') {
+        var structure = forSwatch(columns);
+        return {
+          value: value,
+          dom: structure.dom,
+          components: structure.components,
+          items: items
+        };
+      }
+      if (presets === 'normal' && columns === 'auto') {
+        var structure = forCollection(columns, items);
+        return {
+          value: value,
+          dom: structure.dom,
+          components: structure.components,
+          items: items
+        };
+      }
+      if (presets === 'normal' && columns === 1) {
+        var structure = forCollection(1, items);
+        return {
+          value: value,
+          dom: structure.dom,
+          components: structure.components,
+          items: items
+        };
+      }
+      if (presets === 'normal') {
+        var structure = forCollection(columns, items);
+        return {
+          value: value,
+          dom: structure.dom,
+          components: structure.components,
+          items: items
+        };
+      }
+      if (presets === 'listpreview' && columns !== 'auto') {
+        var structure = forToolbar(columns);
+        return {
+          value: value,
+          dom: structure.dom,
+          components: structure.components,
+          items: items
+        };
+      }
+      return {
+        value: value,
+        dom: dom$1(hasIcons, columns, presets),
+        components: components$1,
+        items: items
+      };
+    };
+
+    var cardImageFields = [
+      strictString('type'),
+      strictString('src'),
+      optionString('alt'),
+      defaultedArrayOf('classes', [], string)
+    ];
+    var cardImageSchema = objOf(cardImageFields);
+
+    var cardTextFields = [
+      strictString('type'),
+      strictString('text'),
+      optionString('name'),
+      defaultedArrayOf('classes', ['tox-collection__item-label'], string)
+    ];
+    var cardTextSchema = objOf(cardTextFields);
+
+    var itemSchema$2 = valueThunkOf(function () {
+      return chooseProcessor('type', {
+        cardimage: cardImageSchema,
+        cardtext: cardTextSchema,
+        cardcontainer: cardContainerSchema
+      });
+    });
+    var cardContainerSchema = objOf([
+      strictString('type'),
+      defaultedString('direction', 'horizontal'),
+      defaultedString('align', 'left'),
+      defaultedString('valign', 'middle'),
+      strictArrayOf('items', itemSchema$2)
+    ]);
+
+    var commonMenuItemFields = [
+      defaultedBoolean('disabled', false),
+      optionString('text'),
+      optionString('shortcut'),
+      field('value', 'value', defaultedThunk(function () {
+        return generate$1('menuitem-value');
+      }), anyValue$1()),
+      defaulted$1('meta', {})
+    ];
+
+    var cardMenuItemSchema = objOf([
+      strictString('type'),
+      optionString('label'),
+      strictArrayOf('items', itemSchema$2),
+      defaultedFunction('onSetup', function () {
+        return noop;
+      }),
+      defaultedFunction('onAction', noop)
+    ].concat(commonMenuItemFields));
+    var createCardMenuItem = function (spec) {
+      return asRaw('cardmenuitem', cardMenuItemSchema, spec);
+    };
+
+    var choiceMenuItemSchema = objOf([
+      strictString('type'),
+      defaultedBoolean('active', false),
+      optionString('icon')
+    ].concat(commonMenuItemFields));
+    var createChoiceMenuItem = function (spec) {
+      return asRaw('choicemenuitem', choiceMenuItemSchema, spec);
+    };
+
+    var fancyTypes = [
+      'inserttable',
+      'colorswatch'
+    ];
+    var fancyMenuItemSchema = objOf([
+      strictString('type'),
+      strictStringEnum('fancytype', fancyTypes),
+      defaultedFunction('onAction', noop)
+    ]);
+    var createFancyMenuItem = function (spec) {
+      return asRaw('fancymenuitem', fancyMenuItemSchema, spec);
+    };
+
+    var menuItemSchema = objOf([
+      strictString('type'),
+      defaultedFunction('onSetup', function () {
+        return noop;
+      }),
+      defaultedFunction('onAction', noop),
+      optionString('icon')
+    ].concat(commonMenuItemFields));
+    var createMenuItem = function (spec) {
+      return asRaw('menuitem', menuItemSchema, spec);
+    };
+
+    var nestedMenuItemSchema = objOf([
+      strictString('type'),
+      strictFunction('getSubmenuItems'),
+      defaultedFunction('onSetup', function () {
+        return noop;
+      }),
+      optionString('icon')
+    ].concat(commonMenuItemFields));
+    var createNestedMenuItem = function (spec) {
+      return asRaw('nestedmenuitem', nestedMenuItemSchema, spec);
+    };
+
+    var toggleMenuItemSchema = objOf([
+      strictString('type'),
+      optionString('icon'),
+      defaultedBoolean('active', false),
+      defaultedFunction('onSetup', function () {
+        return noop;
+      }),
+      strictFunction('onAction')
+    ].concat(commonMenuItemFields));
+    var createToggleMenuItem = function (spec) {
+      return asRaw('togglemenuitem', toggleMenuItemSchema, spec);
+    };
+
+    var detectSize = function (comp, margin, selectorClass) {
+      var descendants$1 = descendants(comp.element, '.' + selectorClass);
+      if (descendants$1.length > 0) {
+        var columnLength = findIndex(descendants$1, function (c) {
+          var thisTop = c.dom.getBoundingClientRect().top;
+          var cTop = descendants$1[0].dom.getBoundingClientRect().top;
+          return Math.abs(thisTop - cTop) > margin;
+        }).getOr(descendants$1.length);
+        return Optional.some({
+          numColumns: columnLength,
+          numRows: Math.ceil(descendants$1.length / columnLength)
+        });
+      } else {
+        return Optional.none();
+      }
+    };
+
+    var namedEvents = function (name, handlers) {
+      return derive$1([config(name, handlers)]);
+    };
+    var unnamedEvents = function (handlers) {
+      return namedEvents(generate$1('unnamed-events'), handlers);
+    };
+    var SimpleBehaviours = {
+      namedEvents: namedEvents,
+      unnamedEvents: unnamedEvents
+    };
+
+    var TooltippingSchema = [
+      strict$1('lazySink'),
+      strict$1('tooltipDom'),
+      defaulted$1('exclusive', true),
+      defaulted$1('tooltipComponents', []),
+      defaulted$1('delay', 300),
+      defaultedStringEnum('mode', 'normal', [
+        'normal',
+        'follow-highlight'
+      ]),
+      defaulted$1('anchor', function (comp) {
+        return {
+          anchor: 'hotspot',
+          hotspot: comp,
+          layouts: {
+            onLtr: constant([
+              south$1,
+              north$1,
+              southeast$1,
+              northeast$1,
+              southwest$1,
+              northwest$1
+            ]),
+            onRtl: constant([
+              south$1,
+              north$1,
+              southeast$1,
+              northeast$1,
+              southwest$1,
+              northwest$1
+            ])
+          }
+        };
+      }),
+      onHandler('onHide'),
+      onHandler('onShow')
+    ];
+
+    var init$4 = function () {
+      var timer = Cell(Optional.none());
+      var popup = Cell(Optional.none());
+      var getTooltip = function () {
+        return popup.get();
+      };
+      var setTooltip = function (comp) {
+        popup.set(Optional.some(comp));
+      };
+      var clearTooltip = function () {
+        popup.set(Optional.none());
+      };
+      var clearTimer = function () {
+        timer.get().each(function (t) {
+          clearTimeout(t);
+        });
+      };
+      var resetTimer = function (f, delay) {
+        clearTimer();
+        timer.set(Optional.some(setTimeout(function () {
+          f();
+        }, delay)));
+      };
+      var isShowing = function () {
+        return popup.get().isSome();
+      };
+      var readState = constant('not-implemented');
+      return nu$5({
+        getTooltip: getTooltip,
+        isShowing: isShowing,
+        setTooltip: setTooltip,
+        clearTooltip: clearTooltip,
+        clearTimer: clearTimer,
+        resetTimer: resetTimer,
+        readState: readState
+      });
+    };
+
+    var TooltippingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$4
+    });
+
+    var ExclusivityChannel = generate$1('tooltip.exclusive');
+    var ShowTooltipEvent = generate$1('tooltip.show');
+    var HideTooltipEvent = generate$1('tooltip.hide');
+
+    var hideAllExclusive = function (component, _tConfig, _tState) {
+      component.getSystem().broadcastOn([ExclusivityChannel], {});
+    };
+    var setComponents = function (component, tConfig, tState, specs) {
+      tState.getTooltip().each(function (tooltip) {
+        if (tooltip.getSystem().isConnected()) {
+          Replacing.set(tooltip, specs);
+        }
+      });
+    };
+
+    var TooltippingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        hideAllExclusive: hideAllExclusive,
+        setComponents: setComponents
+    });
+
+    var events$8 = function (tooltipConfig, state) {
+      var hide = function (comp) {
+        state.getTooltip().each(function (p) {
+          detach(p);
+          tooltipConfig.onHide(comp, p);
+          state.clearTooltip();
+        });
+        state.clearTimer();
+      };
+      var show = function (comp) {
+        if (!state.isShowing()) {
+          hideAllExclusive(comp);
+          var sink = tooltipConfig.lazySink(comp).getOrDie();
+          var popup = comp.getSystem().build({
+            dom: tooltipConfig.tooltipDom,
+            components: tooltipConfig.tooltipComponents,
+            events: derive(tooltipConfig.mode === 'normal' ? [
+              run(mouseover(), function (_) {
+                emit(comp, ShowTooltipEvent);
+              }),
+              run(mouseout(), function (_) {
+                emit(comp, HideTooltipEvent);
+              })
+            ] : []),
+            behaviours: derive$1([Replacing.config({})])
+          });
+          state.setTooltip(popup);
+          attach$1(sink, popup);
+          tooltipConfig.onShow(comp, popup);
+          Positioning.position(sink, tooltipConfig.anchor(comp), popup);
+        }
+      };
+      return derive(flatten([
+        [
+          run(ShowTooltipEvent, function (comp) {
+            state.resetTimer(function () {
+              show(comp);
+            }, tooltipConfig.delay);
+          }),
+          run(HideTooltipEvent, function (comp) {
+            state.resetTimer(function () {
+              hide(comp);
+            }, tooltipConfig.delay);
+          }),
+          run(receive(), function (comp, message) {
+            var receivingData = message;
+            if (!receivingData.universal) {
+              if (contains(receivingData.channels, ExclusivityChannel)) {
+                hide(comp);
+              }
+            }
+          }),
+          runOnDetached(function (comp) {
+            hide(comp);
+          })
+        ],
+        tooltipConfig.mode === 'normal' ? [
+          run(focusin(), function (comp) {
+            emit(comp, ShowTooltipEvent);
+          }),
+          run(postBlur(), function (comp) {
+            emit(comp, HideTooltipEvent);
+          }),
+          run(mouseover(), function (comp) {
+            emit(comp, ShowTooltipEvent);
+          }),
+          run(mouseout(), function (comp) {
+            emit(comp, HideTooltipEvent);
+          })
+        ] : [
+          run(highlight(), function (comp, _se) {
+            emit(comp, ShowTooltipEvent);
+          }),
+          run(dehighlight(), function (comp) {
+            emit(comp, HideTooltipEvent);
+          })
+        ]
+      ]));
+    };
+
+    var ActiveTooltipping = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$8
+    });
+
+    var Tooltipping = create$1({
+      fields: TooltippingSchema,
+      name: 'tooltipping',
+      active: ActiveTooltipping,
+      state: TooltippingState,
+      apis: TooltippingApis
+    });
+
+    var global$5 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils');
+
+    var global$6 = tinymce.util.Tools.resolve('tinymce.util.I18n');
+
+    var nativeDisabled = [
+      'input',
+      'button',
+      'textarea',
+      'select'
+    ];
+    var onLoad$5 = function (component, disableConfig, disableState) {
+      var f = disableConfig.disabled() ? disable : enable;
+      f(component, disableConfig);
+    };
+    var hasNative = function (component, config) {
+      return config.useNative === true && contains(nativeDisabled, name(component.element));
+    };
+    var nativeIsDisabled = function (component) {
+      return has$1(component.element, 'disabled');
+    };
+    var nativeDisable = function (component) {
+      set$1(component.element, 'disabled', 'disabled');
+    };
+    var nativeEnable = function (component) {
+      remove$1(component.element, 'disabled');
+    };
+    var ariaIsDisabled = function (component) {
+      return get$3(component.element, 'aria-disabled') === 'true';
+    };
+    var ariaDisable = function (component) {
+      set$1(component.element, 'aria-disabled', 'true');
+    };
+    var ariaEnable = function (component) {
+      set$1(component.element, 'aria-disabled', 'false');
+    };
+    var disable = function (component, disableConfig, _disableState) {
+      disableConfig.disableClass.each(function (disableClass) {
+        add$2(component.element, disableClass);
+      });
+      var f = hasNative(component, disableConfig) ? nativeDisable : ariaDisable;
+      f(component);
+      disableConfig.onDisabled(component);
+    };
+    var enable = function (component, disableConfig, _disableState) {
+      disableConfig.disableClass.each(function (disableClass) {
+        remove$4(component.element, disableClass);
+      });
+      var f = hasNative(component, disableConfig) ? nativeEnable : ariaEnable;
+      f(component);
+      disableConfig.onEnabled(component);
+    };
+    var isDisabled = function (component, disableConfig) {
+      return hasNative(component, disableConfig) ? nativeIsDisabled(component) : ariaIsDisabled(component);
+    };
+    var set$7 = function (component, disableConfig, disableState, disabled) {
+      var f = disabled ? disable : enable;
+      f(component, disableConfig);
+    };
+
+    var DisableApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        enable: enable,
+        disable: disable,
+        isDisabled: isDisabled,
+        onLoad: onLoad$5,
+        set: set$7
+    });
+
+    var exhibit$3 = function (base, disableConfig) {
+      return nu$6({ classes: disableConfig.disabled() ? disableConfig.disableClass.toArray() : [] });
+    };
+    var events$9 = function (disableConfig, disableState) {
+      return derive([
+        abort(execute(), function (component, _simulatedEvent) {
+          return isDisabled(component, disableConfig);
+        }),
+        loadEvent(disableConfig, disableState, onLoad$5)
+      ]);
+    };
+
+    var ActiveDisable = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$3,
+        events: events$9
+    });
+
+    var DisableSchema = [
+      defaultedFunction('disabled', never),
+      defaulted$1('useNative', true),
+      option('disableClass'),
+      onHandler('onDisabled'),
+      onHandler('onEnabled')
+    ];
+
+    var Disabling = create$1({
+      fields: DisableSchema,
+      name: 'disabling',
+      active: ActiveDisable,
+      apis: DisableApis
+    });
+
+    var global$7 = tinymce.util.Tools.resolve('tinymce.EditorManager');
+
+    var getSkinUrl = function (editor) {
+      var skin = editor.getParam('skin');
+      var skinUrl = editor.getParam('skin_url');
+      if (skin !== false) {
+        var skinName = skin ? skin : 'oxide';
+        if (skinUrl) {
+          skinUrl = editor.documentBaseURI.toAbsolute(skinUrl);
+        } else {
+          skinUrl = global$7.baseURL + '/skins/ui/' + skinName;
+        }
+      }
+      return skinUrl;
+    };
+    var isReadOnly = function (editor) {
+      return editor.getParam('readonly', false, 'boolean');
+    };
+    var isSkinDisabled = function (editor) {
+      return editor.getParam('skin') === false;
+    };
+    var getHeightSetting = function (editor) {
+      return editor.getParam('height', Math.max(editor.getElement().offsetHeight, 200));
+    };
+    var getWidthSetting = function (editor) {
+      return editor.getParam('width', global$5.DOM.getStyle(editor.getElement(), 'width'));
+    };
+    var getMinWidthSetting = function (editor) {
+      return Optional.from(editor.getParam('min_width')).filter(isNumber);
+    };
+    var getMinHeightSetting = function (editor) {
+      return Optional.from(editor.getParam('min_height')).filter(isNumber);
+    };
+    var getMaxWidthSetting = function (editor) {
+      return Optional.from(editor.getParam('max_width')).filter(isNumber);
+    };
+    var getMaxHeightSetting = function (editor) {
+      return Optional.from(editor.getParam('max_height')).filter(isNumber);
+    };
+    var getUserStyleFormats = function (editor) {
+      return Optional.from(editor.getParam('style_formats')).filter(isArray);
+    };
+    var isMergeStyleFormats = function (editor) {
+      return editor.getParam('style_formats_merge', false, 'boolean');
+    };
+    var getLineHeightFormats = function (editor) {
+      return editor.getParam('lineheight_formats', '1 1.1 1.2 1.3 1.4 1.5 2', 'string').split(' ');
+    };
+    var getRemovedMenuItems = function (editor) {
+      return editor.getParam('removed_menuitems', '');
+    };
+    var isMenubarEnabled = function (editor) {
+      return editor.getParam('menubar', true, 'boolean') !== false;
+    };
+    var isToolbarEnabled = function (editor) {
+      var toolbar = editor.getParam('toolbar', true);
+      var isToolbarTrue = toolbar === true;
+      var isToolbarString = isString(toolbar);
+      var isToolbarObjectArray = isArray(toolbar) && toolbar.length > 0;
+      return !isMultipleToolbars(editor) && (isToolbarObjectArray || isToolbarString || isToolbarTrue);
+    };
+    var getMultipleToolbarsSetting = function (editor) {
+      var toolbars = range(9, function (num) {
+        return editor.getParam('toolbar' + (num + 1), false, 'string');
+      });
+      var toolbarArray = filter(toolbars, function (toolbar) {
+        return typeof toolbar === 'string';
+      });
+      return toolbarArray.length > 0 ? Optional.some(toolbarArray) : Optional.none();
+    };
+    var isMultipleToolbars = function (editor) {
+      return getMultipleToolbarsSetting(editor).fold(function () {
+        var toolbar = editor.getParam('toolbar', [], 'string[]');
+        return toolbar.length > 0;
+      }, function () {
+        return true;
+      });
+    };
+    var ToolbarMode;
+    (function (ToolbarMode) {
+      ToolbarMode['default'] = 'wrap';
+      ToolbarMode['floating'] = 'floating';
+      ToolbarMode['sliding'] = 'sliding';
+      ToolbarMode['scrolling'] = 'scrolling';
+    }(ToolbarMode || (ToolbarMode = {})));
+    var getToolbarMode = function (editor) {
+      return editor.getParam('toolbar_mode', '', 'string');
+    };
+    var ToolbarLocation;
+    (function (ToolbarLocation) {
+      ToolbarLocation['auto'] = 'auto';
+      ToolbarLocation['top'] = 'top';
+      ToolbarLocation['bottom'] = 'bottom';
+    }(ToolbarLocation || (ToolbarLocation = {})));
+    var getToolbarGroups = function (editor) {
+      return editor.getParam('toolbar_groups', {}, 'object');
+    };
+    var getToolbarLocation = function (editor) {
+      return editor.getParam('toolbar_location', ToolbarLocation.auto, 'string');
+    };
+    var isToolbarLocationBottom = function (editor) {
+      return getToolbarLocation(editor) === ToolbarLocation.bottom;
+    };
+    var fixedContainerSelector = function (editor) {
+      return editor.getParam('fixed_toolbar_container', '', 'string');
+    };
+    var isToolbarPersist = function (editor) {
+      return editor.getParam('toolbar_persist', false, 'boolean');
+    };
+    var fixedContainerElement = function (editor) {
+      var selector = fixedContainerSelector(editor);
+      return selector.length > 0 && editor.inline ? descendant$1(body(), selector) : Optional.none();
+    };
+    var useFixedContainer = function (editor) {
+      return editor.inline && fixedContainerElement(editor).isSome();
+    };
+    var getUiContainer = function (editor) {
+      var fixedContainer = fixedContainerElement(editor);
+      return fixedContainer.getOrThunk(function () {
+        return getContentContainer(getRootNode(SugarElement.fromDom(editor.getElement())));
+      });
+    };
+    var isDistractionFree = function (editor) {
+      return editor.inline && !isMenubarEnabled(editor) && !isToolbarEnabled(editor) && !isMultipleToolbars(editor);
+    };
+    var isStickyToolbar = function (editor) {
+      var isStickyToolbar = editor.getParam('toolbar_sticky', false, 'boolean');
+      return (isStickyToolbar || editor.inline) && !useFixedContainer(editor) && !isDistractionFree(editor);
+    };
+    var isDraggableModal = function (editor) {
+      return editor.getParam('draggable_modal', false, 'boolean');
+    };
+    var getMenus = function (editor) {
+      var menu = editor.getParam('menu');
+      if (menu) {
+        return map$2(menu, function (menu) {
+          return __assign(__assign({}, menu), { items: menu.items });
+        });
+      } else {
+        return {};
+      }
+    };
+    var getMenubar = function (editor) {
+      return editor.getParam('menubar');
+    };
+    var getToolbar = function (editor) {
+      return editor.getParam('toolbar', true);
+    };
+    var getFilePickerCallback = function (editor) {
+      return editor.getParam('file_picker_callback');
+    };
+    var getFilePickerTypes = function (editor) {
+      return editor.getParam('file_picker_types');
+    };
+    var getFileBrowserCallbackTypes = function (editor) {
+      return editor.getParam('file_browser_callback_types');
+    };
+    var noTypeaheadUrls = function (editor) {
+      return editor.getParam('typeahead_urls') === false;
+    };
+    var getAnchorTop = function (editor) {
+      return editor.getParam('anchor_top', '#top');
+    };
+    var getAnchorBottom = function (editor) {
+      return editor.getParam('anchor_bottom', '#bottom');
+    };
+    var getFilePickerValidatorHandler = function (editor) {
+      var handler = editor.getParam('file_picker_validator_handler', undefined, 'function');
+      if (handler === undefined) {
+        return editor.getParam('filepicker_validator_handler', undefined, 'function');
+      } else {
+        return handler;
+      }
+    };
+
+    var ReadOnlyChannel = 'silver.readonly';
+    var ReadOnlyDataSchema = objOf([strictBoolean('readonly')]);
+    var broadcastReadonly = function (uiComponents, readonly) {
+      var outerContainer = uiComponents.outerContainer;
+      var target = outerContainer.element;
+      if (readonly) {
+        uiComponents.mothership.broadcastOn([dismissPopups()], { target: target });
+        uiComponents.uiMothership.broadcastOn([dismissPopups()], { target: target });
+      }
+      uiComponents.mothership.broadcastOn([ReadOnlyChannel], { readonly: readonly });
+      uiComponents.uiMothership.broadcastOn([ReadOnlyChannel], { readonly: readonly });
+    };
+    var setupReadonlyModeSwitch = function (editor, uiComponents) {
+      editor.on('init', function () {
+        if (editor.mode.isReadOnly()) {
+          broadcastReadonly(uiComponents, true);
+        }
+      });
+      editor.on('SwitchMode', function () {
+        return broadcastReadonly(uiComponents, editor.mode.isReadOnly());
+      });
+      if (isReadOnly(editor)) {
+        editor.setMode('readonly');
+      }
+    };
+    var receivingConfig = function () {
+      var _a;
+      return Receiving.config({
+        channels: (_a = {}, _a[ReadOnlyChannel] = {
+          schema: ReadOnlyDataSchema,
+          onReceive: function (comp, data) {
+            Disabling.set(comp, data.readonly);
+          }
+        }, _a)
+      });
+    };
+
+    var item = function (disabled) {
+      return Disabling.config({
+        disabled: disabled,
+        disableClass: 'tox-collection__item--state-disabled'
+      });
+    };
+    var button = function (disabled) {
+      return Disabling.config({ disabled: disabled });
+    };
+    var splitButton = function (disabled) {
+      return Disabling.config({
+        disabled: disabled,
+        disableClass: 'tox-tbtn--disabled'
+      });
+    };
+    var toolbarButton = function (disabled) {
+      return Disabling.config({
+        disabled: disabled,
+        disableClass: 'tox-tbtn--disabled',
+        useNative: false
+      });
+    };
+    var DisablingConfigs = {
+      item: item,
+      button: button,
+      splitButton: splitButton,
+      toolbarButton: toolbarButton
+    };
+
+    var runWithApi = function (info, comp) {
+      var api = info.getApi(comp);
+      return function (f) {
+        f(api);
+      };
+    };
+    var onControlAttached = function (info, editorOffCell) {
+      return runOnAttached(function (comp) {
+        var run = runWithApi(info, comp);
+        run(function (api) {
+          var onDestroy = info.onSetup(api);
+          if (onDestroy !== null && onDestroy !== undefined) {
+            editorOffCell.set(onDestroy);
+          }
+        });
+      });
+    };
+    var onControlDetached = function (getApi, editorOffCell) {
+      return runOnDetached(function (comp) {
+        return runWithApi(getApi, comp)(editorOffCell.get());
+      });
+    };
+
+    var _a;
+    var onMenuItemExecute = function (info, itemResponse) {
+      return runOnExecute(function (comp, simulatedEvent) {
+        runWithApi(info, comp)(info.onAction);
+        if (!info.triggersSubmenu && itemResponse === ItemResponse$1.CLOSE_ON_EXECUTE) {
+          emit(comp, sandboxClose());
+          simulatedEvent.stop();
+        }
+      });
+    };
+    var menuItemEventOrder = (_a = {}, _a[execute()] = [
+      'disabling',
+      'alloy.base.behaviour',
+      'toggling',
+      'item-events'
+    ], _a);
+
+    var componentRenderPipeline = function (xs) {
+      return bind(xs, function (o) {
+        return o.toArray();
+      });
+    };
+    var renderCommonItem = function (spec, structure, itemResponse, providersbackstage) {
+      var editorOffCell = Cell(noop);
+      return {
+        type: 'item',
+        dom: structure.dom,
+        components: componentRenderPipeline(structure.optComponents),
+        data: spec.data,
+        eventOrder: menuItemEventOrder,
+        hasSubmenu: spec.triggersSubmenu,
+        itemBehaviours: derive$1([
+          config('item-events', [
+            onMenuItemExecute(spec, itemResponse),
+            onControlAttached(spec, editorOffCell),
+            onControlDetached(spec, editorOffCell)
+          ]),
+          DisablingConfigs.item(function () {
+            return spec.disabled || providersbackstage.isDisabled();
+          }),
+          receivingConfig(),
+          Replacing.config({})
+        ].concat(spec.itemBehaviours))
+      };
+    };
+    var buildData = function (source) {
+      return {
+        value: source.value,
+        meta: __assign({ text: source.text.getOr('') }, source.meta)
+      };
+    };
+
+    var global$8 = tinymce.util.Tools.resolve('tinymce.Env');
+
+    var convertText = function (source) {
+      var mac = {
+        alt: '&#x2325;',
+        ctrl: '&#x2303;',
+        shift: '&#x21E7;',
+        meta: '&#x2318;',
+        access: '&#x2303;&#x2325;'
+      };
+      var other = {
+        meta: 'Ctrl',
+        access: 'Shift+Alt'
+      };
+      var replace = global$8.mac ? mac : other;
+      var shortcut = source.split('+');
+      var updated = map(shortcut, function (segment) {
+        var search = segment.toLowerCase().trim();
+        return has(replace, search) ? replace[search] : segment;
+      });
+      return global$8.mac ? updated.join('') : updated.join('+');
+    };
+
+    var renderIcon = function (iconHtml) {
+      return {
+        dom: {
+          tag: 'div',
+          classes: [iconClass],
+          innerHtml: iconHtml
+        }
+      };
+    };
+    var renderText = function (text$1) {
+      return {
+        dom: {
+          tag: 'div',
+          classes: [textClass]
+        },
+        components: [text(global$6.translate(text$1))]
+      };
+    };
+    var renderHtml = function (html, classes) {
+      return {
+        dom: {
+          tag: 'div',
+          classes: classes,
+          innerHtml: html
+        }
+      };
+    };
+    var renderStyledText = function (style, text$1) {
+      return {
+        dom: {
+          tag: 'div',
+          classes: [textClass]
+        },
+        components: [{
+            dom: {
+              tag: style.tag,
+              styles: style.styles
+            },
+            components: [text(global$6.translate(text$1))]
+          }]
+      };
+    };
+    var renderShortcut = function (shortcut) {
+      return {
+        dom: {
+          tag: 'div',
+          classes: [accessoryClass],
+          innerHtml: convertText(shortcut)
+        }
+      };
+    };
+    var renderCheckmark = function (icons) {
+      return {
+        dom: {
+          tag: 'div',
+          classes: [checkmarkClass],
+          innerHtml: get$e('checkmark', icons)
+        }
+      };
+    };
+    var renderSubmenuCaret = function (icons) {
+      return {
+        dom: {
+          tag: 'div',
+          classes: [caretClass],
+          innerHtml: get$e('chevron-right', icons)
+        }
+      };
+    };
+    var renderDownwardsCaret = function (icons) {
+      return {
+        dom: {
+          tag: 'div',
+          classes: [caretClass],
+          innerHtml: get$e('chevron-down', icons)
+        }
+      };
+    };
+    var renderContainer = function (container, components) {
+      var directionClass = container.direction === 'vertical' ? containerColumnClass : containerRowClass;
+      var alignClass = container.align === 'left' ? containerAlignLeftClass : containerAlignRightClass;
+      var getValignClass = function () {
+        switch (container.valign) {
+        case 'top':
+          return containerValignTopClass;
+        case 'middle':
+          return containerValignMiddleClass;
+        case 'bottom':
+          return containerValignBottomClass;
+        }
+      };
+      return {
+        dom: {
+          tag: 'div',
+          classes: [
+            containerClass,
+            directionClass,
+            alignClass,
+            getValignClass()
+          ]
+        },
+        components: components
+      };
+    };
+    var renderImage = function (src, classes, alt) {
+      return {
+        dom: {
+          tag: 'img',
+          classes: classes,
+          attributes: {
+            src: src,
+            alt: alt.getOr('')
+          }
+        }
+      };
+    };
+
+    var renderColorStructure = function (itemText, itemValue, iconSvg, providerBackstage) {
+      var colorPickerCommand = 'custom';
+      var removeColorCommand = 'remove';
+      var getDom = function () {
+        var common = colorClass;
+        var icon = iconSvg.getOr('');
+        var attributes = itemText.map(function (text) {
+          return { title: providerBackstage.translate(text) };
+        }).getOr({});
+        var baseDom = {
+          tag: 'div',
+          attributes: attributes,
+          classes: [common]
+        };
+        if (itemValue === colorPickerCommand) {
+          return __assign(__assign({}, baseDom), {
+            tag: 'button',
+            classes: __spreadArrays(baseDom.classes, ['tox-swatches__picker-btn']),
+            innerHtml: icon
+          });
+        } else if (itemValue === removeColorCommand) {
+          return __assign(__assign({}, baseDom), {
+            classes: __spreadArrays(baseDom.classes, ['tox-swatch--remove']),
+            innerHtml: icon
+          });
+        } else {
+          return __assign(__assign({}, baseDom), {
+            attributes: __assign(__assign({}, baseDom.attributes), { 'data-mce-color': itemValue }),
+            styles: { 'background-color': itemValue }
+          });
+        }
+      };
+      return {
+        dom: getDom(),
+        optComponents: []
+      };
+    };
+    var renderItemDomStructure = function (rtlClass, ariaLabel) {
+      var domTitle = ariaLabel.map(function (label) {
+        return { attributes: { title: global$6.translate(label) } };
+      }).getOr({});
+      return __assign({
+        tag: 'div',
+        classes: [
+          navClass,
+          selectableClass
+        ].concat(rtlClass ? [iconClassRtl] : [])
+      }, domTitle);
+    };
+    var renderNormalItemStructure = function (info, icon, renderIcons, textRender, rtlClass) {
+      var leftIcon = renderIcons ? icon.or(Optional.some('')).map(renderIcon) : Optional.none();
+      var checkmark = info.checkMark;
+      var content = info.htmlContent.fold(function () {
+        return info.textContent.map(textRender);
+      }, function (html) {
+        return Optional.some(renderHtml(html, [textClass]));
+      });
+      var menuItem = {
+        dom: renderItemDomStructure(rtlClass, info.ariaLabel),
+        optComponents: [
+          leftIcon,
+          content,
+          info.shortcutContent.map(renderShortcut),
+          checkmark,
+          info.caret
+        ]
+      };
+      return menuItem;
+    };
+    var rtlIcon = [
+      'list-num-default',
+      'list-num-lower-alpha',
+      'list-num-lower-greek',
+      'list-num-lower-roman',
+      'list-num-upper-alpha',
+      'list-num-upper-roman'
+    ];
+    var rtlTransform = [
+      'list-bull-circle',
+      'list-bull-default',
+      'list-bull-square'
+    ];
+    var renderItemStructure = function (info, providersBackstage, renderIcons, fallbackIcon) {
+      if (fallbackIcon === void 0) {
+        fallbackIcon = Optional.none();
+      }
+      var getIconName = function (iconName) {
+        return iconName.map(function (name) {
+          return global$6.isRtl() && contains(rtlIcon, name) ? name + '-rtl' : name;
+        });
+      };
+      var needRtlClass = global$6.isRtl() && info.iconContent.exists(function (name) {
+        return contains(rtlTransform, name);
+      });
+      var icon = getIconName(info.iconContent).map(function (iconName) {
+        return getOr(iconName, providersBackstage.icons, fallbackIcon);
+      });
+      var textRender = Optional.from(info.meta).fold(function () {
+        return renderText;
+      }, function (meta) {
+        return has(meta, 'style') ? curry(renderStyledText, meta.style) : renderText;
+      });
+      if (info.presets === 'color') {
+        return renderColorStructure(info.ariaLabel, info.value, icon, providersBackstage);
+      } else {
+        return renderNormalItemStructure(info, icon, renderIcons, textRender, needRtlClass);
+      }
+    };
+
+    var tooltipBehaviour = function (meta, sharedBackstage) {
+      return get$1(meta, 'tooltipWorker').map(function (tooltipWorker) {
+        return [Tooltipping.config({
+            lazySink: sharedBackstage.getSink,
+            tooltipDom: {
+              tag: 'div',
+              classes: ['tox-tooltip-worker-container']
+            },
+            tooltipComponents: [],
+            anchor: function (comp) {
+              return {
+                anchor: 'submenu',
+                item: comp,
+                overrides: { maxHeightFunction: expandable }
+              };
+            },
+            mode: 'follow-highlight',
+            onShow: function (component, _tooltip) {
+              tooltipWorker(function (elm) {
+                Tooltipping.setComponents(component, [external({ element: SugarElement.fromDom(elm) })]);
+              });
+            }
+          })];
+      }).getOr([]);
+    };
+    var escapeRegExp = function (text) {
+      return text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+    };
+    var encodeText = function (text) {
+      return global$5.DOM.encode(text);
+    };
+    var replaceText = function (text, matchText) {
+      var translated = global$6.translate(text);
+      var encoded = encodeText(translated);
+      if (matchText.length > 0) {
+        var escapedMatchRegex = new RegExp(escapeRegExp(matchText), 'gi');
+        return encoded.replace(escapedMatchRegex, function (match) {
+          return '<span class="tox-autocompleter-highlight">' + match + '</span>';
+        });
+      } else {
+        return encoded;
+      }
+    };
+    var renderAutocompleteItem = function (spec, matchText, useText, presets, onItemValueHandler, itemResponse, sharedBackstage, renderIcons) {
+      if (renderIcons === void 0) {
+        renderIcons = true;
+      }
+      var structure = renderItemStructure({
+        presets: presets,
+        textContent: Optional.none(),
+        htmlContent: useText ? spec.text.map(function (text) {
+          return replaceText(text, matchText);
+        }) : Optional.none(),
+        ariaLabel: spec.text,
+        iconContent: spec.icon,
+        shortcutContent: Optional.none(),
+        checkMark: Optional.none(),
+        caret: Optional.none(),
+        value: spec.value
+      }, sharedBackstage.providers, renderIcons, spec.icon);
+      return renderCommonItem({
+        data: buildData(spec),
+        disabled: spec.disabled,
+        getApi: function () {
+          return {};
+        },
+        onAction: function (_api) {
+          return onItemValueHandler(spec.value, spec.meta);
+        },
+        onSetup: function () {
+          return function () {
+          };
+        },
+        triggersSubmenu: false,
+        itemBehaviours: tooltipBehaviour(spec.meta, sharedBackstage)
+      }, structure, itemResponse, sharedBackstage.providers);
+    };
+
+    var renderChoiceItem = function (spec, useText, presets, onItemValueHandler, isSelected, itemResponse, providersBackstage, renderIcons) {
+      if (renderIcons === void 0) {
+        renderIcons = true;
+      }
+      var getApi = function (component) {
+        return {
+          setActive: function (state) {
+            Toggling.set(component, state);
+          },
+          isActive: function () {
+            return Toggling.isOn(component);
+          },
+          isDisabled: function () {
+            return Disabling.isDisabled(component);
+          },
+          setDisabled: function (state) {
+            return Disabling.set(component, state);
+          }
+        };
+      };
+      var structure = renderItemStructure({
+        presets: presets,
+        textContent: useText ? spec.text : Optional.none(),
+        htmlContent: Optional.none(),
+        ariaLabel: spec.text,
+        iconContent: spec.icon,
+        shortcutContent: useText ? spec.shortcut : Optional.none(),
+        checkMark: useText ? Optional.some(renderCheckmark(providersBackstage.icons)) : Optional.none(),
+        caret: Optional.none(),
+        value: spec.value
+      }, providersBackstage, renderIcons);
+      return deepMerge(renderCommonItem({
+        data: buildData(spec),
+        disabled: spec.disabled,
+        getApi: getApi,
+        onAction: function (_api) {
+          return onItemValueHandler(spec.value);
+        },
+        onSetup: function (api) {
+          api.setActive(isSelected);
+          return function () {
+          };
+        },
+        triggersSubmenu: false,
+        itemBehaviours: []
+      }, structure, itemResponse, providersBackstage), {
+        toggling: {
+          toggleClass: tickedClass,
+          toggleOnExecute: false,
+          selected: spec.active
+        }
+      });
+    };
+
+    var parts$2 = generate$4(owner$2(), parts());
+
+    var hexColour = function (value) {
+      return { value: value };
+    };
+    var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+    var longformRegex = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;
+    var isHexString = function (hex) {
+      return shorthandRegex.test(hex) || longformRegex.test(hex);
+    };
+    var getLongForm = function (hex) {
+      var hexString = hex.value.replace(shorthandRegex, function (m, r, g, b) {
+        return r + r + g + g + b + b;
+      });
+      return { value: hexString };
+    };
+    var extractValues = function (hex) {
+      var longForm = getLongForm(hex);
+      var splitForm = longformRegex.exec(longForm.value);
+      return splitForm === null ? [
+        'FFFFFF',
+        'FF',
+        'FF',
+        'FF'
+      ] : splitForm;
+    };
+    var toHex = function (component) {
+      var hex = component.toString(16);
+      return hex.length === 1 ? '0' + hex : hex;
+    };
+    var fromRgba = function (rgbaColour) {
+      var value = toHex(rgbaColour.red) + toHex(rgbaColour.green) + toHex(rgbaColour.blue);
+      return hexColour(value);
+    };
+
+    var min = Math.min;
+    var max = Math.max;
+    var round = Math.round;
+    var rgbRegex = /^rgb\((\d+),\s*(\d+),\s*(\d+)\)/;
+    var rgbaRegex = /^rgba\((\d+),\s*(\d+),\s*(\d+),\s*(\d?(?:\.\d+)?)\)/;
+    var rgbaColour = function (red, green, blue, alpha) {
+      return {
+        red: red,
+        green: green,
+        blue: blue,
+        alpha: alpha
+      };
+    };
+    var isRgbaComponent = function (value) {
+      var num = parseInt(value, 10);
+      return num.toString() === value && num >= 0 && num <= 255;
+    };
+    var fromHsv = function (hsv) {
+      var r;
+      var g;
+      var b;
+      var hue = (hsv.hue || 0) % 360;
+      var saturation = hsv.saturation / 100;
+      var brightness = hsv.value / 100;
+      saturation = max(0, min(saturation, 1));
+      brightness = max(0, min(brightness, 1));
+      if (saturation === 0) {
+        r = g = b = round(255 * brightness);
+        return rgbaColour(r, g, b, 1);
+      }
+      var side = hue / 60;
+      var chroma = brightness * saturation;
+      var x = chroma * (1 - Math.abs(side % 2 - 1));
+      var match = brightness - chroma;
+      switch (Math.floor(side)) {
+      case 0:
+        r = chroma;
+        g = x;
+        b = 0;
+        break;
+      case 1:
+        r = x;
+        g = chroma;
+        b = 0;
+        break;
+      case 2:
+        r = 0;
+        g = chroma;
+        b = x;
+        break;
+      case 3:
+        r = 0;
+        g = x;
+        b = chroma;
+        break;
+      case 4:
+        r = x;
+        g = 0;
+        b = chroma;
+        break;
+      case 5:
+        r = chroma;
+        g = 0;
+        b = x;
+        break;
+      default:
+        r = g = b = 0;
+      }
+      r = round(255 * (r + match));
+      g = round(255 * (g + match));
+      b = round(255 * (b + match));
+      return rgbaColour(r, g, b, 1);
+    };
+    var fromHex = function (hexColour) {
+      var result = extractValues(hexColour);
+      var red = parseInt(result[1], 16);
+      var green = parseInt(result[2], 16);
+      var blue = parseInt(result[3], 16);
+      return rgbaColour(red, green, blue, 1);
+    };
+    var fromStringValues = function (red, green, blue, alpha) {
+      var r = parseInt(red, 10);
+      var g = parseInt(green, 10);
+      var b = parseInt(blue, 10);
+      var a = parseFloat(alpha);
+      return rgbaColour(r, g, b, a);
+    };
+    var fromString = function (rgbaString) {
+      if (rgbaString === 'transparent') {
+        return Optional.some(rgbaColour(0, 0, 0, 0));
+      }
+      var rgbMatch = rgbRegex.exec(rgbaString);
+      if (rgbMatch !== null) {
+        return Optional.some(fromStringValues(rgbMatch[1], rgbMatch[2], rgbMatch[3], '1'));
+      }
+      var rgbaMatch = rgbaRegex.exec(rgbaString);
+      if (rgbaMatch !== null) {
+        return Optional.some(fromStringValues(rgbaMatch[1], rgbaMatch[2], rgbaMatch[3], rgbaMatch[4]));
+      }
+      return Optional.none();
+    };
+    var toString = function (rgba) {
+      return 'rgba(' + rgba.red + ',' + rgba.green + ',' + rgba.blue + ',' + rgba.alpha + ')';
+    };
+    var red = rgbaColour(255, 0, 0, 1);
+
+    var fireSkinLoaded = function (editor) {
+      return editor.fire('SkinLoaded');
+    };
+    var fireSkinLoadError = function (editor, error) {
+      return editor.fire('SkinLoadError', error);
+    };
+    var fireResizeEditor = function (editor) {
+      return editor.fire('ResizeEditor');
+    };
+    var fireResizeContent = function (editor, e) {
+      return editor.fire('ResizeContent', e);
+    };
+    var fireScrollContent = function (editor, e) {
+      return editor.fire('ScrollContent', e);
+    };
+    var fireTextColorChange = function (editor, data) {
+      return editor.fire('TextColorChange', data);
+    };
+
+    var global$9 = tinymce.util.Tools.resolve('tinymce.util.LocalStorage');
+
+    var storageName = 'tinymce-custom-colors';
+    function ColorCache (max) {
+      if (max === void 0) {
+        max = 10;
+      }
+      var storageString = global$9.getItem(storageName);
+      var localstorage = isString(storageString) ? JSON.parse(storageString) : [];
+      var prune = function (list) {
+        var diff = max - list.length;
+        return diff < 0 ? list.slice(0, max) : list;
+      };
+      var cache = prune(localstorage);
+      var add = function (key) {
+        indexOf(cache, key).each(remove);
+        cache.unshift(key);
+        if (cache.length > max) {
+          cache.pop();
+        }
+        global$9.setItem(storageName, JSON.stringify(cache));
+      };
+      var remove = function (idx) {
+        cache.splice(idx, 1);
+      };
+      var state = function () {
+        return cache.slice(0);
+      };
+      return {
+        add: add,
+        state: state
+      };
+    }
+
+    var choiceItem = 'choiceitem';
+    var defaultColors = [
+      {
+        type: choiceItem,
+        text: 'Light Green',
+        value: '#BFEDD2'
+      },
+      {
+        type: choiceItem,
+        text: 'Light Yellow',
+        value: '#FBEEB8'
+      },
+      {
+        type: choiceItem,
+        text: 'Light Red',
+        value: '#F8CAC6'
+      },
+      {
+        type: choiceItem,
+        text: 'Light Purple',
+        value: '#ECCAFA'
+      },
+      {
+        type: choiceItem,
+        text: 'Light Blue',
+        value: '#C2E0F4'
+      },
+      {
+        type: choiceItem,
+        text: 'Green',
+        value: '#2DC26B'
+      },
+      {
+        type: choiceItem,
+        text: 'Yellow',
+        value: '#F1C40F'
+      },
+      {
+        type: choiceItem,
+        text: 'Red',
+        value: '#E03E2D'
+      },
+      {
+        type: choiceItem,
+        text: 'Purple',
+        value: '#B96AD9'
+      },
+      {
+        type: choiceItem,
+        text: 'Blue',
+        value: '#3598DB'
+      },
+      {
+        type: choiceItem,
+        text: 'Dark Turquoise',
+        value: '#169179'
+      },
+      {
+        type: choiceItem,
+        text: 'Orange',
+        value: '#E67E23'
+      },
+      {
+        type: choiceItem,
+        text: 'Dark Red',
+        value: '#BA372A'
+      },
+      {
+        type: choiceItem,
+        text: 'Dark Purple',
+        value: '#843FA1'
+      },
+      {
+        type: choiceItem,
+        text: 'Dark Blue',
+        value: '#236FA1'
+      },
+      {
+        type: choiceItem,
+        text: 'Light Gray',
+        value: '#ECF0F1'
+      },
+      {
+        type: choiceItem,
+        text: 'Medium Gray',
+        value: '#CED4D9'
+      },
+      {
+        type: choiceItem,
+        text: 'Gray',
+        value: '#95A5A6'
+      },
+      {
+        type: choiceItem,
+        text: 'Dark Gray',
+        value: '#7E8C8D'
+      },
+      {
+        type: choiceItem,
+        text: 'Navy Blue',
+        value: '#34495E'
+      },
+      {
+        type: choiceItem,
+        text: 'Black',
+        value: '#000000'
+      },
+      {
+        type: choiceItem,
+        text: 'White',
+        value: '#ffffff'
+      }
+    ];
+    var colorCache = ColorCache(10);
+    var mapColors = function (colorMap) {
+      var colors = [];
+      var canvas = document.createElement('canvas');
+      canvas.height = 1;
+      canvas.width = 1;
+      var ctx = canvas.getContext('2d');
+      var byteAsHex = function (colorByte, alphaByte) {
+        var bg = 255;
+        var alpha = alphaByte / 255;
+        var colorByteWithWhiteBg = Math.round(colorByte * alpha + bg * (1 - alpha));
+        return ('0' + colorByteWithWhiteBg.toString(16)).slice(-2).toUpperCase();
+      };
+      var asHexColor = function (color) {
+        if (/^[0-9A-Fa-f]{6}$/.test(color)) {
+          return '#' + color.toUpperCase();
+        }
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+        ctx.fillStyle = '#FFFFFF';
+        ctx.fillStyle = color;
+        ctx.fillRect(0, 0, 1, 1);
+        var rgba = ctx.getImageData(0, 0, 1, 1).data;
+        var r = rgba[0], g = rgba[1], b = rgba[2], a = rgba[3];
+        return '#' + byteAsHex(r, a) + byteAsHex(g, a) + byteAsHex(b, a);
+      };
+      for (var i = 0; i < colorMap.length; i += 2) {
+        colors.push({
+          text: colorMap[i + 1],
+          value: asHexColor(colorMap[i]),
+          type: 'choiceitem'
+        });
+      }
+      return colors;
+    };
+    var getColorCols = function (editor, defaultCols) {
+      return editor.getParam('color_cols', defaultCols, 'number');
+    };
+    var hasCustomColors = function (editor) {
+      return editor.getParam('custom_colors') !== false;
+    };
+    var getColorMap = function (editor) {
+      return editor.getParam('color_map');
+    };
+    var getColors = function (editor) {
+      var unmapped = getColorMap(editor);
+      return unmapped !== undefined ? mapColors(unmapped) : defaultColors;
+    };
+    var getCurrentColors = function () {
+      return map(colorCache.state(), function (color) {
+        return {
+          type: choiceItem,
+          text: color,
+          value: color
+        };
+      });
+    };
+    var addColor = function (color) {
+      colorCache.add(color);
+    };
+
+    var getCurrentColor = function (editor, format) {
+      var color;
+      editor.dom.getParents(editor.selection.getStart(), function (elm) {
+        var value;
+        if (value = elm.style[format === 'forecolor' ? 'color' : 'background-color']) {
+          color = color ? color : value;
+        }
+      });
+      return color;
+    };
+    var applyFormat = function (editor, format, value) {
+      editor.undoManager.transact(function () {
+        editor.focus();
+        editor.formatter.apply(format, { value: value });
+        editor.nodeChanged();
+      });
+    };
+    var removeFormat = function (editor, format) {
+      editor.undoManager.transact(function () {
+        editor.focus();
+        editor.formatter.remove(format, { value: null }, null, true);
+        editor.nodeChanged();
+      });
+    };
+    var registerCommands = function (editor) {
+      editor.addCommand('mceApplyTextcolor', function (format, value) {
+        applyFormat(editor, format, value);
+      });
+      editor.addCommand('mceRemoveTextcolor', function (format) {
+        removeFormat(editor, format);
+      });
+    };
+    var calcCols = function (colors) {
+      return Math.max(5, Math.ceil(Math.sqrt(colors)));
+    };
+    var getColorCols$1 = function (editor) {
+      var colors = getColors(editor);
+      var defaultCols = calcCols(colors.length);
+      return getColorCols(editor, defaultCols);
+    };
+    var getAdditionalColors = function (hasCustom) {
+      var type = 'choiceitem';
+      var remove = {
+        type: type,
+        text: 'Remove color',
+        icon: 'color-swatch-remove-color',
+        value: 'remove'
+      };
+      var custom = {
+        type: type,
+        text: 'Custom color',
+        icon: 'color-picker',
+        value: 'custom'
+      };
+      return hasCustom ? [
+        remove,
+        custom
+      ] : [remove];
+    };
+    var applyColor = function (editor, format, value, onChoice) {
+      if (value === 'custom') {
+        var dialog = colorPickerDialog(editor);
+        dialog(function (colorOpt) {
+          colorOpt.each(function (color) {
+            addColor(color);
+            editor.execCommand('mceApplyTextcolor', format, color);
+            onChoice(color);
+          });
+        }, '#000000');
+      } else if (value === 'remove') {
+        onChoice('');
+        editor.execCommand('mceRemoveTextcolor', format);
+      } else {
+        onChoice(value);
+        editor.execCommand('mceApplyTextcolor', format, value);
+      }
+    };
+    var getColors$1 = function (colors, hasCustom) {
+      return colors.concat(getCurrentColors().concat(getAdditionalColors(hasCustom)));
+    };
+    var getFetch = function (colors, hasCustom) {
+      return function (callback) {
+        callback(getColors$1(colors, hasCustom));
+      };
+    };
+    var setIconColor = function (splitButtonApi, name, newColor) {
+      var setIconFillAndStroke = function (pathId, color) {
+        splitButtonApi.setIconFill(pathId, color);
+        splitButtonApi.setIconStroke(pathId, color);
+      };
+      var id = name === 'forecolor' ? 'tox-icon-text-color__color' : 'tox-icon-highlight-bg-color__color';
+      setIconFillAndStroke(id, newColor);
+    };
+    var registerTextColorButton = function (editor, name, format, tooltip, lastColor) {
+      editor.ui.registry.addSplitButton(name, {
+        tooltip: tooltip,
+        presets: 'color',
+        icon: name === 'forecolor' ? 'text-color' : 'highlight-bg-color',
+        select: function (value) {
+          var optCurrentRgb = Optional.from(getCurrentColor(editor, format));
+          return optCurrentRgb.bind(function (currentRgb) {
+            return fromString(currentRgb).map(function (rgba) {
+              var currentHex = fromRgba(rgba).value;
+              return contains$1(value.toLowerCase(), currentHex);
+            });
+          }).getOr(false);
+        },
+        columns: getColorCols$1(editor),
+        fetch: getFetch(getColors(editor), hasCustomColors(editor)),
+        onAction: function (_splitButtonApi) {
+          if (lastColor.get() !== null) {
+            applyColor(editor, format, lastColor.get(), function () {
+            });
+          }
+        },
+        onItemAction: function (_splitButtonApi, value) {
+          applyColor(editor, format, value, function (newColor) {
+            lastColor.set(newColor);
+            fireTextColorChange(editor, {
+              name: name,
+              color: newColor
+            });
+          });
+        },
+        onSetup: function (splitButtonApi) {
+          if (lastColor.get() !== null) {
+            setIconColor(splitButtonApi, name, lastColor.get());
+          }
+          var handler = function (e) {
+            if (e.name === name) {
+              setIconColor(splitButtonApi, e.name, e.color);
+            }
+          };
+          editor.on('TextColorChange', handler);
+          return function () {
+            editor.off('TextColorChange', handler);
+          };
+        }
+      });
+    };
+    var registerTextColorMenuItem = function (editor, name, format, text) {
+      editor.ui.registry.addNestedMenuItem(name, {
+        text: text,
+        icon: name === 'forecolor' ? 'text-color' : 'highlight-bg-color',
+        getSubmenuItems: function () {
+          return [{
+              type: 'fancymenuitem',
+              fancytype: 'colorswatch',
+              onAction: function (data) {
+                applyColor(editor, format, data.value, noop);
+              }
+            }];
+        }
+      });
+    };
+    var colorPickerDialog = function (editor) {
+      return function (callback, value) {
+        var getOnSubmit = function (callback) {
+          return function (api) {
+            var data = api.getData();
+            callback(Optional.from(data.colorpicker));
+            api.close();
+          };
+        };
+        var onAction = function (api, details) {
+          if (details.name === 'hex-valid') {
+            if (details.value) {
+              api.enable('ok');
+            } else {
+              api.disable('ok');
+            }
+          }
+        };
+        var initialData = { colorpicker: value };
+        var submit = getOnSubmit(callback);
+        editor.windowManager.open({
+          title: 'Color Picker',
+          size: 'normal',
+          body: {
+            type: 'panel',
+            items: [{
+                type: 'colorpicker',
+                name: 'colorpicker',
+                label: 'Color'
+              }]
+          },
+          buttons: [
+            {
+              type: 'cancel',
+              name: 'cancel',
+              text: 'Cancel'
+            },
+            {
+              type: 'submit',
+              name: 'save',
+              text: 'Save',
+              primary: true
+            }
+          ],
+          initialData: initialData,
+          onAction: onAction,
+          onSubmit: submit,
+          onClose: function () {
+          },
+          onCancel: function () {
+            callback(Optional.none());
+          }
+        });
+      };
+    };
+    var register$1 = function (editor) {
+      registerCommands(editor);
+      var lastForeColor = Cell(null);
+      var lastBackColor = Cell(null);
+      registerTextColorButton(editor, 'forecolor', 'forecolor', 'Text color', lastForeColor);
+      registerTextColorButton(editor, 'backcolor', 'hilitecolor', 'Background color', lastBackColor);
+      registerTextColorMenuItem(editor, 'forecolor', 'forecolor', 'Text color');
+      registerTextColorMenuItem(editor, 'backcolor', 'hilitecolor', 'Background color');
+    };
+
+    var createPartialChoiceMenu = function (value, items, onItemValueHandler, columns, presets, itemResponse, select, providersBackstage) {
+      var hasIcons = menuHasIcons(items);
+      var presetItemTypes = presets !== 'color' ? 'normal' : 'color';
+      var alloyItems = createChoiceItems(items, onItemValueHandler, columns, presetItemTypes, itemResponse, select, providersBackstage);
+      return createPartialMenuWithAlloyItems(value, hasIcons, alloyItems, columns, presets);
+    };
+    var createChoiceItems = function (items, onItemValueHandler, columns, itemPresets, itemResponse, select, providersBackstage) {
+      return cat(map(items, function (item) {
+        if (item.type === 'choiceitem') {
+          return createChoiceMenuItem(item).fold(handleError, function (d) {
+            return Optional.some(renderChoiceItem(d, columns === 1, itemPresets, onItemValueHandler, select(item.value), itemResponse, providersBackstage, menuHasIcons(items)));
+          });
+        } else {
+          return Optional.none();
+        }
+      }));
+    };
+
+    var deriveMenuMovement = function (columns, presets) {
+      var menuMarkers = markers$1(presets);
+      if (columns === 1) {
+        return {
+          mode: 'menu',
+          moveOnTab: true
+        };
+      } else if (columns === 'auto') {
+        return {
+          mode: 'grid',
+          selector: '.' + menuMarkers.item,
+          initSize: {
+            numColumns: 1,
+            numRows: 1
+          }
+        };
+      } else {
+        var rowClass = presets === 'color' ? 'tox-swatches__row' : 'tox-collection__group';
+        return {
+          mode: 'matrix',
+          rowSelector: '.' + rowClass
+        };
+      }
+    };
+    var deriveCollectionMovement = function (columns, presets) {
+      if (columns === 1) {
+        return {
+          mode: 'menu',
+          moveOnTab: false,
+          selector: '.tox-collection__item'
+        };
+      } else if (columns === 'auto') {
+        return {
+          mode: 'flatgrid',
+          selector: '.' + 'tox-collection__item',
+          initSize: {
+            numColumns: 1,
+            numRows: 1
+          }
+        };
+      } else {
+        return {
+          mode: 'matrix',
+          selectors: {
+            row: presets === 'color' ? '.tox-swatches__row' : '.tox-collection__group',
+            cell: presets === 'color' ? '.' + colorClass : '.' + selectableClass
+          }
+        };
+      }
+    };
+
+    function renderColorSwatchItem(spec, backstage) {
+      var items = getColors$1(backstage.colorinput.getColors(), backstage.colorinput.hasCustomColors());
+      var columns = backstage.colorinput.getColorCols();
+      var presets = 'color';
+      var menuSpec = createPartialChoiceMenu(generate$1('menu-value'), items, function (value) {
+        spec.onAction({ value: value });
+      }, columns, presets, ItemResponse$1.CLOSE_ON_EXECUTE, function () {
+        return false;
+      }, backstage.shared.providers);
+      var widgetSpec = __assign(__assign({}, menuSpec), {
+        markers: markers$1(presets),
+        movement: deriveMenuMovement(columns, presets)
+      });
+      return {
+        type: 'widget',
+        data: { value: generate$1('widget-id') },
+        dom: {
+          tag: 'div',
+          classes: ['tox-fancymenuitem']
+        },
+        autofocus: true,
+        components: [parts$2.widget(Menu.sketch(widgetSpec))]
+      };
+    }
+
+    var cellOverEvent = generate$1('cell-over');
+    var cellExecuteEvent = generate$1('cell-execute');
+    var makeCell = function (row, col, labelId) {
+      var _a;
+      var emitCellOver = function (c) {
+        return emitWith(c, cellOverEvent, {
+          row: row,
+          col: col
+        });
+      };
+      var emitExecute = function (c) {
+        return emitWith(c, cellExecuteEvent, {
+          row: row,
+          col: col
+        });
+      };
+      var onClick = function (c, se) {
+        se.stop();
+        emitExecute(c);
+      };
+      return build$1({
+        dom: {
+          tag: 'div',
+          attributes: (_a = { role: 'button' }, _a['aria-labelledby'] = labelId, _a)
+        },
+        behaviours: derive$1([
+          config('insert-table-picker-cell', [
+            run(mouseover(), Focusing.focus),
+            run(execute(), emitExecute),
+            run(click(), onClick),
+            run(tap(), onClick)
+          ]),
+          Toggling.config({
+            toggleClass: 'tox-insert-table-picker__selected',
+            toggleOnExecute: false
+          }),
+          Focusing.config({ onFocus: emitCellOver })
+        ])
+      });
+    };
+    var makeCells = function (labelId, numRows, numCols) {
+      var cells = [];
+      for (var i = 0; i < numRows; i++) {
+        var row = [];
+        for (var j = 0; j < numCols; j++) {
+          row.push(makeCell(i, j, labelId));
+        }
+        cells.push(row);
+      }
+      return cells;
+    };
+    var selectCells = function (cells, selectedRow, selectedColumn, numRows, numColumns) {
+      for (var i = 0; i < numRows; i++) {
+        for (var j = 0; j < numColumns; j++) {
+          Toggling.set(cells[i][j], i <= selectedRow && j <= selectedColumn);
+        }
+      }
+    };
+    var makeComponents = function (cells) {
+      return bind(cells, function (cellRow) {
+        return map(cellRow, premade$1);
+      });
+    };
+    var makeLabelText = function (row, col) {
+      return text(col + 1 + 'x' + (row + 1));
+    };
+    var renderInsertTableMenuItem = function (spec) {
+      var numRows = 10;
+      var numColumns = 10;
+      var sizeLabelId = generate$1('size-label');
+      var cells = makeCells(sizeLabelId, numRows, numColumns);
+      var memLabel = record({
+        dom: {
+          tag: 'span',
+          classes: ['tox-insert-table-picker__label'],
+          attributes: { id: sizeLabelId }
+        },
+        components: [text('0x0')],
+        behaviours: derive$1([Replacing.config({})])
+      });
+      return {
+        type: 'widget',
+        data: { value: generate$1('widget-id') },
+        dom: {
+          tag: 'div',
+          classes: ['tox-fancymenuitem']
+        },
+        autofocus: true,
+        components: [parts$2.widget({
+            dom: {
+              tag: 'div',
+              classes: ['tox-insert-table-picker']
+            },
+            components: makeComponents(cells).concat(memLabel.asSpec()),
+            behaviours: derive$1([
+              config('insert-table-picker', [
+                runWithTarget(cellOverEvent, function (c, t, e) {
+                  var row = e.event.row;
+                  var col = e.event.col;
+                  selectCells(cells, row, col, numRows, numColumns);
+                  Replacing.set(memLabel.get(c), [makeLabelText(row, col)]);
+                }),
+                runWithTarget(cellExecuteEvent, function (c, _, e) {
+                  spec.onAction({
+                    numRows: e.event.row + 1,
+                    numColumns: e.event.col + 1
+                  });
+                  emit(c, sandboxClose());
+                })
+              ]),
+              Keying.config({
+                initSize: {
+                  numRows: numRows,
+                  numColumns: numColumns
+                },
+                mode: 'flatgrid',
+                selector: '[role="button"]'
+              })
+            ])
+          })]
+      };
+    };
+
+    var fancyMenuItems = {
+      inserttable: renderInsertTableMenuItem,
+      colorswatch: renderColorSwatchItem
+    };
+    var valueOpt = function (obj, key) {
+      return Object.prototype.hasOwnProperty.call(obj, key) ? Optional.some(obj[key]) : Optional.none();
+    };
+    var renderFancyMenuItem = function (spec, backstage) {
+      return valueOpt(fancyMenuItems, spec.fancytype).map(function (render) {
+        return render(spec, backstage);
+      });
+    };
+
+    var renderNestedItem = function (spec, itemResponse, providersBackstage, renderIcons, downwardsCaret) {
+      if (renderIcons === void 0) {
+        renderIcons = true;
+      }
+      if (downwardsCaret === void 0) {
+        downwardsCaret = false;
+      }
+      var caret = downwardsCaret ? renderDownwardsCaret(providersBackstage.icons) : renderSubmenuCaret(providersBackstage.icons);
+      var getApi = function (component) {
+        return {
+          isDisabled: function () {
+            return Disabling.isDisabled(component);
+          },
+          setDisabled: function (state) {
+            return Disabling.set(component, state);
+          }
+        };
+      };
+      var structure = renderItemStructure({
+        presets: 'normal',
+        iconContent: spec.icon,
+        textContent: spec.text,
+        htmlContent: Optional.none(),
+        ariaLabel: spec.text,
+        caret: Optional.some(caret),
+        checkMark: Optional.none(),
+        shortcutContent: spec.shortcut
+      }, providersBackstage, renderIcons);
+      return renderCommonItem({
+        data: buildData(spec),
+        getApi: getApi,
+        disabled: spec.disabled,
+        onAction: noop,
+        onSetup: spec.onSetup,
+        triggersSubmenu: true,
+        itemBehaviours: []
+      }, structure, itemResponse, providersBackstage);
+    };
+
+    var renderNormalItem = function (spec, itemResponse, providersBackstage, renderIcons) {
+      if (renderIcons === void 0) {
+        renderIcons = true;
+      }
+      var getApi = function (component) {
+        return {
+          isDisabled: function () {
+            return Disabling.isDisabled(component);
+          },
+          setDisabled: function (state) {
+            return Disabling.set(component, state);
+          }
+        };
+      };
+      var structure = renderItemStructure({
+        presets: 'normal',
+        iconContent: spec.icon,
+        textContent: spec.text,
+        htmlContent: Optional.none(),
+        ariaLabel: spec.text,
+        caret: Optional.none(),
+        checkMark: Optional.none(),
+        shortcutContent: spec.shortcut
+      }, providersBackstage, renderIcons);
+      return renderCommonItem({
+        data: buildData(spec),
+        getApi: getApi,
+        disabled: spec.disabled,
+        onAction: spec.onAction,
+        onSetup: spec.onSetup,
+        triggersSubmenu: false,
+        itemBehaviours: []
+      }, structure, itemResponse, providersBackstage);
+    };
+
+    var renderSeparatorItem = function (spec) {
+      var innerHtml = spec.text.fold(function () {
+        return {};
+      }, function (text) {
+        return { innerHtml: text };
+      });
+      return {
+        type: 'separator',
+        dom: __assign({
+          tag: 'div',
+          classes: [
+            selectableClass,
+            groupHeadingClass
+          ]
+        }, innerHtml),
+        components: []
+      };
+    };
+
+    var renderToggleMenuItem = function (spec, itemResponse, providersBackstage, renderIcons) {
+      if (renderIcons === void 0) {
+        renderIcons = true;
+      }
+      var getApi = function (component) {
+        return {
+          setActive: function (state) {
+            Toggling.set(component, state);
+          },
+          isActive: function () {
+            return Toggling.isOn(component);
+          },
+          isDisabled: function () {
+            return Disabling.isDisabled(component);
+          },
+          setDisabled: function (state) {
+            return Disabling.set(component, state);
+          }
+        };
+      };
+      var structure = renderItemStructure({
+        iconContent: spec.icon,
+        textContent: spec.text,
+        htmlContent: Optional.none(),
+        ariaLabel: spec.text,
+        checkMark: Optional.some(renderCheckmark(providersBackstage.icons)),
+        caret: Optional.none(),
+        shortcutContent: spec.shortcut,
+        presets: 'normal',
+        meta: spec.meta
+      }, providersBackstage, renderIcons);
+      return deepMerge(renderCommonItem({
+        data: buildData(spec),
+        disabled: spec.disabled,
+        getApi: getApi,
+        onAction: spec.onAction,
+        onSetup: spec.onSetup,
+        triggersSubmenu: false,
+        itemBehaviours: []
+      }, structure, itemResponse, providersBackstage), {
+        toggling: {
+          toggleClass: tickedClass,
+          toggleOnExecute: false,
+          selected: spec.active
+        }
+      });
+    };
+
+    var render = function (items, extras) {
+      return map(items, function (item) {
+        switch (item.type) {
+        case 'cardcontainer':
+          return renderContainer(item, render(item.items, extras));
+        case 'cardimage':
+          return renderImage(item.src, item.classes, item.alt);
+        case 'cardtext':
+          var shouldHighlight = item.name.exists(function (name) {
+            return contains(extras.cardText.highlightOn, name);
+          });
+          var matchText = shouldHighlight ? Optional.from(extras.cardText.matchText).getOr('') : '';
+          return renderHtml(replaceText(item.text, matchText), item.classes);
+        }
+      });
+    };
+    var renderCardMenuItem = function (spec, itemResponse, sharedBackstage, extras) {
+      var getApi = function (component) {
+        return {
+          isDisabled: function () {
+            return Disabling.isDisabled(component);
+          },
+          setDisabled: function (state) {
+            Disabling.set(component, state);
+            each(descendants(component.element, '*'), function (elm) {
+              component.getSystem().getByDom(elm).each(function (comp) {
+                if (comp.hasConfigured(Disabling)) {
+                  Disabling.set(comp, state);
+                }
+              });
+            });
+          }
+        };
+      };
+      var structure = {
+        dom: renderItemDomStructure(false, spec.label),
+        optComponents: [Optional.some({
+            dom: {
+              tag: 'div',
+              classes: [
+                containerClass,
+                containerRowClass
+              ]
+            },
+            components: render(spec.items, extras)
+          })]
+      };
+      return renderCommonItem({
+        data: buildData(__assign({ text: Optional.none() }, spec)),
+        disabled: spec.disabled,
+        getApi: getApi,
+        onAction: spec.onAction,
+        onSetup: spec.onSetup,
+        triggersSubmenu: false,
+        itemBehaviours: Optional.from(extras.itemBehaviours).getOr([])
+      }, structure, itemResponse, sharedBackstage.providers);
+    };
+
+    var autocomplete = renderAutocompleteItem;
+    var separator = renderSeparatorItem;
+    var normal = renderNormalItem;
+    var nested = renderNestedItem;
+    var toggle$1 = renderToggleMenuItem;
+    var fancy = renderFancyMenuItem;
+    var card = renderCardMenuItem;
+
+    var FocusMode;
+    (function (FocusMode) {
+      FocusMode[FocusMode['ContentFocus'] = 0] = 'ContentFocus';
+      FocusMode[FocusMode['UiFocus'] = 1] = 'UiFocus';
+    }(FocusMode || (FocusMode = {})));
+    var createMenuItemFromBridge = function (item, itemResponse, backstage, menuHasIcons, isHorizontalMenu) {
+      var providersBackstage = backstage.shared.providers;
+      var parseForHorizontalMenu = function (menuitem) {
+        return !isHorizontalMenu ? menuitem : __assign(__assign({}, menuitem), {
+          shortcut: Optional.none(),
+          icon: menuitem.text.isSome() ? Optional.none() : menuitem.icon
+        });
+      };
+      switch (item.type) {
+      case 'menuitem':
+        return createMenuItem(item).fold(handleError, function (d) {
+          return Optional.some(normal(parseForHorizontalMenu(d), itemResponse, providersBackstage, menuHasIcons));
+        });
+      case 'nestedmenuitem':
+        return createNestedMenuItem(item).fold(handleError, function (d) {
+          return Optional.some(nested(parseForHorizontalMenu(d), itemResponse, providersBackstage, menuHasIcons, isHorizontalMenu));
+        });
+      case 'togglemenuitem':
+        return createToggleMenuItem(item).fold(handleError, function (d) {
+          return Optional.some(toggle$1(parseForHorizontalMenu(d), itemResponse, providersBackstage, menuHasIcons));
+        });
+      case 'separator':
+        return createSeparatorMenuItem(item).fold(handleError, function (d) {
+          return Optional.some(separator(d));
+        });
+      case 'fancymenuitem':
+        return createFancyMenuItem(item).fold(handleError, function (d) {
+          return fancy(parseForHorizontalMenu(d), backstage);
+        });
+      default: {
+          console.error('Unknown item in general menu', item);
+          return Optional.none();
+        }
+      }
+    };
+    var createAutocompleteItems = function (items, matchText, onItemValueHandler, columns, itemResponse, sharedBackstage, highlightOn) {
+      var renderText = columns === 1;
+      var renderIcons = !renderText || menuHasIcons(items);
+      return cat(map(items, function (item) {
+        switch (item.type) {
+        case 'separator':
+          return createSeparatorItem(item).fold(handleError, function (d) {
+            return Optional.some(separator(d));
+          });
+        case 'cardmenuitem':
+          return createCardMenuItem(item).fold(handleError, function (d) {
+            return Optional.some(card(__assign(__assign({}, d), {
+              onAction: function (api) {
+                d.onAction(api);
+                onItemValueHandler(d.value, d.meta);
+              }
+            }), itemResponse, sharedBackstage, {
+              itemBehaviours: tooltipBehaviour(d.meta, sharedBackstage),
+              cardText: {
+                matchText: matchText,
+                highlightOn: highlightOn
+              }
+            }));
+          });
+        case 'autocompleteitem':
+        default:
+          return createAutocompleterItem(item).fold(handleError, function (d) {
+            return Optional.some(autocomplete(d, matchText, renderText, 'normal', onItemValueHandler, itemResponse, sharedBackstage, renderIcons));
+          });
+        }
+      }));
+    };
+    var createPartialMenu = function (value, items, itemResponse, backstage, isHorizontalMenu) {
+      var hasIcons = menuHasIcons(items);
+      var alloyItems = cat(map(items, function (item) {
+        var itemHasIcon = function (i) {
+          return isHorizontalMenu ? !i.hasOwnProperty('text') : hasIcons;
+        };
+        var createItem = function (i) {
+          return createMenuItemFromBridge(i, itemResponse, backstage, itemHasIcon(i), isHorizontalMenu);
+        };
+        if (item.type === 'nestedmenuitem' && item.getSubmenuItems().length <= 0) {
+          return createItem(__assign(__assign({}, item), { disabled: true }));
+        } else {
+          return createItem(item);
+        }
+      }));
+      var createPartial = isHorizontalMenu ? createHorizontalPartialMenuWithAlloyItems : createPartialMenuWithAlloyItems;
+      return createPartial(value, hasIcons, alloyItems, 1, 'normal');
+    };
+    var createTieredDataFrom = function (partialMenu) {
+      return tieredMenu.singleData(partialMenu.value, partialMenu);
+    };
+    var createMenuFrom = function (partialMenu, columns, focusMode, presets) {
+      var focusManager = focusMode === FocusMode.ContentFocus ? highlights() : dom();
+      var movement = deriveMenuMovement(columns, presets);
+      var menuMarkers = markers$1(presets);
+      return {
+        dom: partialMenu.dom,
+        components: partialMenu.components,
+        items: partialMenu.items,
+        value: partialMenu.value,
+        markers: {
+          selectedItem: menuMarkers.selectedItem,
+          item: menuMarkers.item
+        },
+        movement: movement,
+        fakeFocus: focusMode === FocusMode.ContentFocus,
+        focusManager: focusManager,
+        menuBehaviours: SimpleBehaviours.unnamedEvents(columns !== 'auto' ? [] : [runOnAttached(function (comp, _se) {
+            detectSize(comp, 4, menuMarkers.item).each(function (_a) {
+              var numColumns = _a.numColumns, numRows = _a.numRows;
+              Keying.setGridSize(comp, numRows, numColumns);
+            });
+          })])
+      };
+    };
+
+    var register$2 = function (editor, sharedBackstage) {
+      var activeAutocompleter = Cell(Optional.none());
+      var processingAction = Cell(false);
+      var autocompleter = build$1(InlineView.sketch({
+        dom: {
+          tag: 'div',
+          classes: ['tox-autocompleter']
+        },
+        components: [],
+        fireDismissalEventInstead: {},
+        inlineBehaviours: derive$1([config('dismissAutocompleter', [run(dismissRequested(), function () {
+              return cancelIfNecessary();
+            })])]),
+        lazySink: sharedBackstage.getSink
+      }));
+      var isMenuOpen = function () {
+        return InlineView.isOpen(autocompleter);
+      };
+      var isActive = function () {
+        return activeAutocompleter.get().isSome();
+      };
+      var hideIfNecessary = function () {
+        if (isActive()) {
+          InlineView.hide(autocompleter);
+        }
+      };
+      var cancelIfNecessary = function () {
+        if (isActive()) {
+          var lastElement = activeAutocompleter.get().map(function (ac) {
+            return ac.element;
+          });
+          detect$4(lastElement.getOr(SugarElement.fromDom(editor.selection.getNode()))).each(unwrap);
+          hideIfNecessary();
+          activeAutocompleter.set(Optional.none());
+          processingAction.set(false);
+        }
+      };
+      var getAutocompleters = cached(function () {
+        return register(editor);
+      });
+      var getCombinedItems = function (triggerChar, matches) {
+        var columns = findMap(matches, function (m) {
+          return Optional.from(m.columns);
+        }).getOr(1);
+        return bind(matches, function (match) {
+          var choices = match.items;
+          return createAutocompleteItems(choices, match.matchText, function (itemValue, itemMeta) {
+            var nr = editor.selection.getRng();
+            getContext(editor.dom, nr, triggerChar).fold(function () {
+              return console.error('Lost context. Cursor probably moved');
+            }, function (_a) {
+              var range = _a.range;
+              var autocompleterApi = {
+                hide: function () {
+                  cancelIfNecessary();
+                },
+                reload: function (fetchOptions) {
+                  hideIfNecessary();
+                  load(fetchOptions);
+                }
+              };
+              processingAction.set(true);
+              match.onAction(autocompleterApi, range, itemValue, itemMeta);
+              processingAction.set(false);
+            });
+          }, columns, ItemResponse$1.BUBBLE_TO_SANDBOX, sharedBackstage, match.highlightOn);
+        });
+      };
+      var commenceIfNecessary = function (context) {
+        if (!isActive()) {
+          var wrapper = create$4(editor, context.range);
+          activeAutocompleter.set(Optional.some({
+            triggerChar: context.triggerChar,
+            element: wrapper,
+            matchLength: context.text.length
+          }));
+          processingAction.set(false);
+        }
+      };
+      var display = function (ac, context, lookupData, items) {
+        ac.matchLength = context.text.length;
+        var columns = findMap(lookupData, function (ld) {
+          return Optional.from(ld.columns);
+        }).getOr(1);
+        InlineView.showAt(autocompleter, {
+          anchor: 'node',
+          root: SugarElement.fromDom(editor.getBody()),
+          node: Optional.from(ac.element)
+        }, Menu.sketch(createMenuFrom(createPartialMenuWithAlloyItems('autocompleter-value', true, items, columns, 'normal'), columns, FocusMode.ContentFocus, 'normal')));
+        InlineView.getContent(autocompleter).each(Highlighting.highlightFirst);
+      };
+      var doLookup = function (fetchOptions) {
+        return activeAutocompleter.get().map(function (ac) {
+          return getContext(editor.dom, editor.selection.getRng(), ac.triggerChar).bind(function (newContext) {
+            return lookupWithContext(editor, getAutocompleters, newContext, fetchOptions);
+          });
+        }).getOrThunk(function () {
+          return lookup(editor, getAutocompleters);
+        });
+      };
+      var load = function (fetchOptions) {
+        doLookup(fetchOptions).fold(cancelIfNecessary, function (lookupInfo) {
+          commenceIfNecessary(lookupInfo.context);
+          lookupInfo.lookupData.then(function (lookupData) {
+            activeAutocompleter.get().map(function (ac) {
+              var context = lookupInfo.context;
+              if (ac.triggerChar === context.triggerChar) {
+                var combinedItems = getCombinedItems(context.triggerChar, lookupData);
+                if (combinedItems.length > 0) {
+                  display(ac, context, lookupData, combinedItems);
+                } else if (context.text.length - ac.matchLength >= 10) {
+                  cancelIfNecessary();
+                } else {
+                  hideIfNecessary();
+                }
+              }
+            });
+          });
+        });
+      };
+      var onKeypress = last$2(function (e) {
+        if (e.which === 27) {
+          return;
+        }
+        load();
+      }, 50);
+      var autocompleterUiApi = {
+        onKeypress: onKeypress,
+        cancelIfNecessary: cancelIfNecessary,
+        isMenuOpen: isMenuOpen,
+        isActive: isActive,
+        isProcessingAction: processingAction.get,
+        getView: function () {
+          return InlineView.getContent(autocompleter);
+        }
+      };
+      if (editor.hasPlugin('rtc') === false) {
+        AutocompleterEditorEvents.setup(autocompleterUiApi, editor);
+      }
+    };
+    var Autocompleter = { register: register$2 };
+
+    var filter$2 = always;
+    var bind$3 = function (element, event, handler) {
+      return bind$2(element, event, filter$2, handler);
+    };
+    var capture$1 = function (element, event, handler) {
+      return capture(element, event, filter$2, handler);
+    };
+    var fromRawEvent$1 = fromRawEvent;
+
+    var closest$4 = function (scope, selector, isRoot) {
+      return closest$3(scope, selector, isRoot).isSome();
+    };
+
+    function DelayedFunction (fun, delay) {
+      var ref = null;
+      var schedule = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        ref = setTimeout(function () {
+          fun.apply(null, args);
+          ref = null;
+        }, delay);
+      };
+      var cancel = function () {
+        if (ref !== null) {
+          clearTimeout(ref);
+          ref = null;
+        }
+      };
+      return {
+        cancel: cancel,
+        schedule: schedule
+      };
+    }
+
+    var SIGNIFICANT_MOVE = 5;
+    var LONGPRESS_DELAY = 400;
+    var getTouch = function (event) {
+      var raw = event.raw;
+      if (raw.touches === undefined || raw.touches.length !== 1) {
+        return Optional.none();
+      }
+      return Optional.some(raw.touches[0]);
+    };
+    var isFarEnough = function (touch, data) {
+      var distX = Math.abs(touch.clientX - data.x);
+      var distY = Math.abs(touch.clientY - data.y);
+      return distX > SIGNIFICANT_MOVE || distY > SIGNIFICANT_MOVE;
+    };
+    var monitor = function (settings) {
+      var startData = Cell(Optional.none());
+      var longpressFired = Cell(false);
+      var longpress$1 = DelayedFunction(function (event) {
+        settings.triggerEvent(longpress(), event);
+        longpressFired.set(true);
+      }, LONGPRESS_DELAY);
+      var handleTouchstart = function (event) {
+        getTouch(event).each(function (touch) {
+          longpress$1.cancel();
+          var data = {
+            x: touch.clientX,
+            y: touch.clientY,
+            target: event.target
+          };
+          longpress$1.schedule(event);
+          longpressFired.set(false);
+          startData.set(Optional.some(data));
+        });
+        return Optional.none();
+      };
+      var handleTouchmove = function (event) {
+        longpress$1.cancel();
+        getTouch(event).each(function (touch) {
+          startData.get().each(function (data) {
+            if (isFarEnough(touch, data)) {
+              startData.set(Optional.none());
+            }
+          });
+        });
+        return Optional.none();
+      };
+      var handleTouchend = function (event) {
+        longpress$1.cancel();
+        var isSame = function (data) {
+          return eq$1(data.target, event.target);
+        };
+        return startData.get().filter(isSame).map(function (_data) {
+          if (longpressFired.get()) {
+            event.prevent();
+            return false;
+          } else {
+            return settings.triggerEvent(tap(), event);
+          }
+        });
+      };
+      var handlers = wrapAll$1([
+        {
+          key: touchstart(),
+          value: handleTouchstart
+        },
+        {
+          key: touchmove(),
+          value: handleTouchmove
+        },
+        {
+          key: touchend(),
+          value: handleTouchend
+        }
+      ]);
+      var fireIfReady = function (event, type) {
+        return get$1(handlers, type).bind(function (handler) {
+          return handler(event);
+        });
+      };
+      return { fireIfReady: fireIfReady };
+    };
+
+    var isDangerous = function (event) {
+      var keyEv = event.raw;
+      return keyEv.which === BACKSPACE[0] && !contains([
+        'input',
+        'textarea'
+      ], name(event.target)) && !closest$4(event.target, '[contenteditable="true"]');
+    };
+    var isFirefox = function () {
+      return detect$3().browser.isFirefox();
+    };
+    var settingsSchema = objOfOnly([
+      strictFunction('triggerEvent'),
+      defaulted$1('stopBackspace', true)
+    ]);
+    var bindFocus = function (container, handler) {
+      if (isFirefox()) {
+        return capture$1(container, 'focus', handler);
+      } else {
+        return bind$3(container, 'focusin', handler);
+      }
+    };
+    var bindBlur = function (container, handler) {
+      if (isFirefox()) {
+        return capture$1(container, 'blur', handler);
+      } else {
+        return bind$3(container, 'focusout', handler);
+      }
+    };
+    var setup$1 = function (container, rawSettings) {
+      var settings = asRawOrDie('Getting GUI events settings', settingsSchema, rawSettings);
+      var pointerEvents = [
+        'touchstart',
+        'touchmove',
+        'touchend',
+        'touchcancel',
+        'gesturestart',
+        'mousedown',
+        'mouseup',
+        'mouseover',
+        'mousemove',
+        'mouseout',
+        'click'
+      ];
+      var tapEvent = monitor(settings);
+      var simpleEvents = map(pointerEvents.concat([
+        'selectstart',
+        'input',
+        'contextmenu',
+        'change',
+        'transitionend',
+        'drag',
+        'dragstart',
+        'dragend',
+        'dragenter',
+        'dragleave',
+        'dragover',
+        'drop',
+        'keyup'
+      ]), function (type) {
+        return bind$3(container, type, function (event) {
+          tapEvent.fireIfReady(event, type).each(function (tapStopped) {
+            if (tapStopped) {
+              event.kill();
+            }
+          });
+          var stopped = settings.triggerEvent(type, event);
+          if (stopped) {
+            event.kill();
+          }
+        });
+      });
+      var pasteTimeout = Cell(Optional.none());
+      var onPaste = bind$3(container, 'paste', function (event) {
+        tapEvent.fireIfReady(event, 'paste').each(function (tapStopped) {
+          if (tapStopped) {
+            event.kill();
+          }
+        });
+        var stopped = settings.triggerEvent('paste', event);
+        if (stopped) {
+          event.kill();
+        }
+        pasteTimeout.set(Optional.some(setTimeout(function () {
+          settings.triggerEvent(postPaste(), event);
+        }, 0)));
+      });
+      var onKeydown = bind$3(container, 'keydown', function (event) {
+        var stopped = settings.triggerEvent('keydown', event);
+        if (stopped) {
+          event.kill();
+        } else if (settings.stopBackspace === true && isDangerous(event)) {
+          event.prevent();
+        }
+      });
+      var onFocusIn = bindFocus(container, function (event) {
+        var stopped = settings.triggerEvent('focusin', event);
+        if (stopped) {
+          event.kill();
+        }
+      });
+      var focusoutTimeout = Cell(Optional.none());
+      var onFocusOut = bindBlur(container, function (event) {
+        var stopped = settings.triggerEvent('focusout', event);
+        if (stopped) {
+          event.kill();
+        }
+        focusoutTimeout.set(Optional.some(setTimeout(function () {
+          settings.triggerEvent(postBlur(), event);
+        }, 0)));
+      });
+      var unbind = function () {
+        each(simpleEvents, function (e) {
+          e.unbind();
+        });
+        onKeydown.unbind();
+        onFocusIn.unbind();
+        onFocusOut.unbind();
+        onPaste.unbind();
+        pasteTimeout.get().each(clearTimeout);
+        focusoutTimeout.get().each(clearTimeout);
+      };
+      return { unbind: unbind };
+    };
+
+    var derive$2 = function (rawEvent, rawTarget) {
+      var source = get$1(rawEvent, 'target').getOr(rawTarget);
+      return Cell(source);
+    };
+
+    var fromSource = function (event, source) {
+      var stopper = Cell(false);
+      var cutter = Cell(false);
+      var stop = function () {
+        stopper.set(true);
+      };
+      var cut = function () {
+        cutter.set(true);
+      };
+      return {
+        stop: stop,
+        cut: cut,
+        isStopped: stopper.get,
+        isCut: cutter.get,
+        event: event,
+        setSource: source.set,
+        getSource: source.get
+      };
+    };
+    var fromExternal = function (event) {
+      var stopper = Cell(false);
+      var stop = function () {
+        stopper.set(true);
+      };
+      return {
+        stop: stop,
+        cut: noop,
+        isStopped: stopper.get,
+        isCut: never,
+        event: event,
+        setSource: die('Cannot set source of a broadcasted event'),
+        getSource: die('Cannot get source of a broadcasted event')
+      };
+    };
+
+    var adt$b = Adt.generate([
+      { stopped: [] },
+      { resume: ['element'] },
+      { complete: [] }
+    ]);
+    var doTriggerHandler = function (lookup, eventType, rawEvent, target, source, logger) {
+      var handler = lookup(eventType, target);
+      var simulatedEvent = fromSource(rawEvent, source);
+      return handler.fold(function () {
+        logger.logEventNoHandlers(eventType, target);
+        return adt$b.complete();
+      }, function (handlerInfo) {
+        var descHandler = handlerInfo.descHandler;
+        var eventHandler = getCurried(descHandler);
+        eventHandler(simulatedEvent);
+        if (simulatedEvent.isStopped()) {
+          logger.logEventStopped(eventType, handlerInfo.element, descHandler.purpose);
+          return adt$b.stopped();
+        } else if (simulatedEvent.isCut()) {
+          logger.logEventCut(eventType, handlerInfo.element, descHandler.purpose);
+          return adt$b.complete();
+        } else {
+          return parent(handlerInfo.element).fold(function () {
+            logger.logNoParent(eventType, handlerInfo.element, descHandler.purpose);
+            return adt$b.complete();
+          }, function (parent) {
+            logger.logEventResponse(eventType, handlerInfo.element, descHandler.purpose);
+            return adt$b.resume(parent);
+          });
+        }
+      });
+    };
+    var doTriggerOnUntilStopped = function (lookup, eventType, rawEvent, rawTarget, source, logger) {
+      return doTriggerHandler(lookup, eventType, rawEvent, rawTarget, source, logger).fold(function () {
+        return true;
+      }, function (parent) {
+        return doTriggerOnUntilStopped(lookup, eventType, rawEvent, parent, source, logger);
+      }, function () {
+        return false;
+      });
+    };
+    var triggerHandler = function (lookup, eventType, rawEvent, target, logger) {
+      var source = derive$2(rawEvent, target);
+      return doTriggerHandler(lookup, eventType, rawEvent, target, source, logger);
+    };
+    var broadcast = function (listeners, rawEvent, _logger) {
+      var simulatedEvent = fromExternal(rawEvent);
+      each(listeners, function (listener) {
+        var descHandler = listener.descHandler;
+        var handler = getCurried(descHandler);
+        handler(simulatedEvent);
+      });
+      return simulatedEvent.isStopped();
+    };
+    var triggerUntilStopped = function (lookup, eventType, rawEvent, logger) {
+      return triggerOnUntilStopped(lookup, eventType, rawEvent, rawEvent.target, logger);
+    };
+    var triggerOnUntilStopped = function (lookup, eventType, rawEvent, rawTarget, logger) {
+      var source = derive$2(rawEvent, rawTarget);
+      return doTriggerOnUntilStopped(lookup, eventType, rawEvent, rawTarget, source, logger);
+    };
+
+    var eventHandler = function (element, descHandler) {
+      return {
+        element: element,
+        descHandler: descHandler
+      };
+    };
+    var broadcastHandler = function (id, handler) {
+      return {
+        id: id,
+        descHandler: handler
+      };
+    };
+    function EventRegistry () {
+      var registry = {};
+      var registerId = function (extraArgs, id, events) {
+        each$1(events, function (v, k) {
+          var handlers = registry[k] !== undefined ? registry[k] : {};
+          handlers[id] = curryArgs(v, extraArgs);
+          registry[k] = handlers;
+        });
+      };
+      var findHandler = function (handlers, elem) {
+        return read$1(elem).fold(function () {
+          return Optional.none();
+        }, function (id) {
+          return handlers.bind(function (h) {
+            return get$1(h, id);
+          }).map(function (descHandler) {
+            return eventHandler(elem, descHandler);
+          });
+        });
+      };
+      var filterByType = function (type) {
+        return get$1(registry, type).map(function (handlers) {
+          return mapToArray(handlers, function (f, id) {
+            return broadcastHandler(id, f);
+          });
+        }).getOr([]);
+      };
+      var find = function (isAboveRoot, type, target) {
+        var handlers = get$1(registry, type);
+        return closest(target, function (elem) {
+          return findHandler(handlers, elem);
+        }, isAboveRoot);
+      };
+      var unregisterId = function (id) {
+        each$1(registry, function (handlersById, _eventName) {
+          if (handlersById.hasOwnProperty(id)) {
+            delete handlersById[id];
+          }
+        });
+      };
+      return {
+        registerId: registerId,
+        unregisterId: unregisterId,
+        filterByType: filterByType,
+        find: find
+      };
+    }
+
+    function Registry () {
+      var events = EventRegistry();
+      var components = {};
+      var readOrTag = function (component) {
+        var elem = component.element;
+        return read$1(elem).fold(function () {
+          return write('uid-', component.element);
+        }, function (uid) {
+          return uid;
+        });
+      };
+      var failOnDuplicate = function (component, tagId) {
+        var conflict = components[tagId];
+        if (conflict === component) {
+          unregister(component);
+        } else {
+          throw new Error('The tagId "' + tagId + '" is already used by: ' + element(conflict.element) + '\nCannot use it for: ' + element(component.element) + '\n' + 'The conflicting element is' + (inBody(conflict.element) ? ' ' : ' not ') + 'already in the DOM');
+        }
+      };
+      var register = function (component) {
+        var tagId = readOrTag(component);
+        if (hasNonNullableKey(components, tagId)) {
+          failOnDuplicate(component, tagId);
+        }
+        var extraArgs = [component];
+        events.registerId(extraArgs, tagId, component.events);
+        components[tagId] = component;
+      };
+      var unregister = function (component) {
+        read$1(component.element).each(function (tagId) {
+          delete components[tagId];
+          events.unregisterId(tagId);
+        });
+      };
+      var filter = function (type) {
+        return events.filterByType(type);
+      };
+      var find = function (isAboveRoot, type, target) {
+        return events.find(isAboveRoot, type, target);
+      };
+      var getById = function (id) {
+        return get$1(components, id);
+      };
+      return {
+        find: find,
+        filter: filter,
+        register: register,
+        unregister: unregister,
+        getById: getById
+      };
+    }
+
+    var factory$3 = function (detail) {
+      var _a = detail.dom, attributes = _a.attributes, domWithoutAttributes = __rest(_a, ['attributes']);
+      return {
+        uid: detail.uid,
+        dom: __assign({
+          tag: 'div',
+          attributes: __assign({ role: 'presentation' }, attributes)
+        }, domWithoutAttributes),
+        components: detail.components,
+        behaviours: get$d(detail.containerBehaviours),
+        events: detail.events,
+        domModification: detail.domModification,
+        eventOrder: detail.eventOrder
+      };
+    };
+    var Container = single$2({
+      name: 'Container',
+      factory: factory$3,
+      configFields: [
+        defaulted$1('components', []),
+        field$1('containerBehaviours', []),
+        defaulted$1('events', {}),
+        defaulted$1('domModification', {}),
+        defaulted$1('eventOrder', {})
+      ]
+    });
+
+    var takeover = function (root) {
+      var isAboveRoot = function (el) {
+        return parent(root.element).fold(function () {
+          return true;
+        }, function (parent) {
+          return eq$1(el, parent);
+        });
+      };
+      var registry = Registry();
+      var lookup = function (eventName, target) {
+        return registry.find(isAboveRoot, eventName, target);
+      };
+      var domEvents = setup$1(root.element, {
+        triggerEvent: function (eventName, event) {
+          return monitorEvent(eventName, event.target, function (logger) {
+            return triggerUntilStopped(lookup, eventName, event, logger);
+          });
+        }
+      });
+      var systemApi = {
+        debugInfo: constant('real'),
+        triggerEvent: function (eventName, target, data) {
+          monitorEvent(eventName, target, function (logger) {
+            return triggerOnUntilStopped(lookup, eventName, data, target, logger);
+          });
+        },
+        triggerFocus: function (target, originator) {
+          read$1(target).fold(function () {
+            focus$1(target);
+          }, function (_alloyId) {
+            monitorEvent(focus(), target, function (logger) {
+              triggerHandler(lookup, focus(), {
+                originator: originator,
+                kill: noop,
+                prevent: noop,
+                target: target
+              }, target, logger);
+              return false;
+            });
+          });
+        },
+        triggerEscape: function (comp, simulatedEvent) {
+          systemApi.triggerEvent('keydown', comp.element, simulatedEvent.event);
+        },
+        getByUid: function (uid) {
+          return getByUid(uid);
+        },
+        getByDom: function (elem) {
+          return getByDom(elem);
+        },
+        build: build$1,
+        addToGui: function (c) {
+          add(c);
+        },
+        removeFromGui: function (c) {
+          remove$1(c);
+        },
+        addToWorld: function (c) {
+          addToWorld(c);
+        },
+        removeFromWorld: function (c) {
+          removeFromWorld(c);
+        },
+        broadcast: function (message) {
+          broadcast$1(message);
+        },
+        broadcastOn: function (channels, message) {
+          broadcastOn(channels, message);
+        },
+        broadcastEvent: function (eventName, event) {
+          broadcastEvent(eventName, event);
+        },
+        isConnected: always
+      };
+      var addToWorld = function (component) {
+        component.connect(systemApi);
+        if (!isText(component.element)) {
+          registry.register(component);
+          each(component.components(), addToWorld);
+          systemApi.triggerEvent(systemInit(), component.element, { target: component.element });
+        }
+      };
+      var removeFromWorld = function (component) {
+        if (!isText(component.element)) {
+          each(component.components(), removeFromWorld);
+          registry.unregister(component);
+        }
+        component.disconnect();
+      };
+      var add = function (component) {
+        attach$1(root, component);
+      };
+      var remove$1 = function (component) {
+        detach(component);
+      };
+      var destroy = function () {
+        domEvents.unbind();
+        remove(root.element);
+      };
+      var broadcastData = function (data) {
+        var receivers = registry.filter(receive());
+        each(receivers, function (receiver) {
+          var descHandler = receiver.descHandler;
+          var handler = getCurried(descHandler);
+          handler(data);
+        });
+      };
+      var broadcast$1 = function (message) {
+        broadcastData({
+          universal: true,
+          data: message
+        });
+      };
+      var broadcastOn = function (channels, message) {
+        broadcastData({
+          universal: false,
+          channels: channels,
+          data: message
+        });
+      };
+      var broadcastEvent = function (eventName, event) {
+        var listeners = registry.filter(eventName);
+        return broadcast(listeners, event);
+      };
+      var getByUid = function (uid) {
+        return registry.getById(uid).fold(function () {
+          return Result.error(new Error('Could not find component with uid: "' + uid + '" in system.'));
+        }, Result.value);
+      };
+      var getByDom = function (elem) {
+        var uid = read$1(elem).getOr('not found');
+        return getByUid(uid);
+      };
+      addToWorld(root);
+      return {
+        root: root,
+        element: root.element,
+        destroy: destroy,
+        add: add,
+        remove: remove$1,
+        getByUid: getByUid,
+        getByDom: getByDom,
+        addToWorld: addToWorld,
+        removeFromWorld: removeFromWorld,
+        broadcast: broadcast$1,
+        broadcastOn: broadcastOn,
+        broadcastEvent: broadcastEvent
+      };
+    };
+
+    var renderBar = function (spec, backstage) {
+      return {
+        dom: {
+          tag: 'div',
+          classes: [
+            'tox-bar',
+            'tox-form__controls-h-stack'
+          ]
+        },
+        components: map(spec.items, backstage.interpreter)
+      };
+    };
+
+    var schema$e = constant([
+      defaulted$1('prefix', 'form-field'),
+      field$1('fieldBehaviours', [
+        Composing,
+        Representing
+      ])
+    ]);
+    var parts$3 = constant([
+      optional({
+        schema: [strict$1('dom')],
+        name: 'label'
+      }),
+      optional({
+        factory: {
+          sketch: function (spec) {
+            return {
+              uid: spec.uid,
+              dom: {
+                tag: 'span',
+                styles: { display: 'none' },
+                attributes: { 'aria-hidden': 'true' },
+                innerHtml: spec.text
+              }
+            };
+          }
+        },
+        schema: [strict$1('text')],
+        name: 'aria-descriptor'
+      }),
+      required({
+        factory: {
+          sketch: function (spec) {
+            var excludeFactory = exclude$1(spec, ['factory']);
+            return spec.factory.sketch(excludeFactory);
+          }
+        },
+        schema: [strict$1('factory')],
+        name: 'field'
+      })
+    ]);
+
+    var factory$4 = function (detail, components, _spec, _externals) {
+      var behaviours = augment(detail.fieldBehaviours, [
+        Composing.config({
+          find: function (container) {
+            return getPart(container, detail, 'field');
+          }
+        }),
+        Representing.config({
+          store: {
+            mode: 'manual',
+            getValue: function (field) {
+              return Composing.getCurrent(field).bind(Representing.getValue);
+            },
+            setValue: function (field, value) {
+              Composing.getCurrent(field).each(function (current) {
+                Representing.setValue(current, value);
+              });
+            }
+          }
+        })
+      ]);
+      var events = derive([runOnAttached(function (component, _simulatedEvent) {
+          var ps = getParts(component, detail, [
+            'label',
+            'field',
+            'aria-descriptor'
+          ]);
+          ps.field().each(function (field) {
+            var id = generate$1(detail.prefix);
+            ps.label().each(function (label) {
+              set$1(label.element, 'for', id);
+              set$1(field.element, 'id', id);
+            });
+            ps['aria-descriptor']().each(function (descriptor) {
+              var descriptorId = generate$1(detail.prefix);
+              set$1(descriptor.element, 'id', descriptorId);
+              set$1(field.element, 'aria-describedby', descriptorId);
+            });
+          });
+        })]);
+      var apis = {
+        getField: function (container) {
+          return getPart(container, detail, 'field');
+        },
+        getLabel: function (container) {
+          return getPart(container, detail, 'label');
+        }
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: components,
+        behaviours: behaviours,
+        events: events,
+        apis: apis
+      };
+    };
+    var FormField = composite$1({
+      name: 'FormField',
+      configFields: schema$e(),
+      partFields: parts$3(),
+      factory: factory$4,
+      apis: {
+        getField: function (apis, comp) {
+          return apis.getField(comp);
+        },
+        getLabel: function (apis, comp) {
+          return apis.getLabel(comp);
+        }
+      }
+    });
+
+    var exhibit$4 = function (base, tabConfig) {
+      return nu$6({
+        attributes: wrapAll$1([{
+            key: tabConfig.tabAttr,
+            value: 'true'
+          }])
+      });
+    };
+
+    var ActiveTabstopping = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$4
+    });
+
+    var TabstopSchema = [defaulted$1('tabAttr', 'data-alloy-tabstop')];
+
+    var Tabstopping = create$1({
+      fields: TabstopSchema,
+      name: 'tabstopping',
+      active: ActiveTabstopping
+    });
+
+    var global$a = tinymce.util.Tools.resolve('tinymce.html.Entities');
+
+    var renderFormFieldWith = function (pLabel, pField, extraClasses, extraBehaviours) {
+      var spec = renderFormFieldSpecWith(pLabel, pField, extraClasses, extraBehaviours);
+      return FormField.sketch(spec);
+    };
+    var renderFormField = function (pLabel, pField) {
+      return renderFormFieldWith(pLabel, pField, [], []);
+    };
+    var renderFormFieldSpecWith = function (pLabel, pField, extraClasses, extraBehaviours) {
+      return {
+        dom: renderFormFieldDomWith(extraClasses),
+        components: pLabel.toArray().concat([pField]),
+        fieldBehaviours: derive$1(extraBehaviours)
+      };
+    };
+    var renderFormFieldDom = function () {
+      return renderFormFieldDomWith([]);
+    };
+    var renderFormFieldDomWith = function (extraClasses) {
+      return {
+        tag: 'div',
+        classes: ['tox-form__group'].concat(extraClasses)
+      };
+    };
+    var renderLabel = function (label, providersBackstage) {
+      return FormField.parts.label({
+        dom: {
+          tag: 'label',
+          classes: ['tox-label'],
+          innerHtml: providersBackstage.translate(label)
+        }
+      });
+    };
+
+    var formChangeEvent = generate$1('form-component-change');
+    var formCloseEvent = generate$1('form-close');
+    var formCancelEvent = generate$1('form-cancel');
+    var formActionEvent = generate$1('form-action');
+    var formSubmitEvent = generate$1('form-submit');
+    var formBlockEvent = generate$1('form-block');
+    var formUnblockEvent = generate$1('form-unblock');
+    var formTabChangeEvent = generate$1('form-tabchange');
+    var formResizeEvent = generate$1('form-resize');
+
+    var renderCollection = function (spec, providersBackstage) {
+      var _a;
+      var pLabel = spec.label.map(function (label) {
+        return renderLabel(label, providersBackstage);
+      });
+      var runOnItem = function (f) {
+        return function (comp, se) {
+          closest$3(se.event.target, '[data-collection-item-value]').each(function (target) {
+            f(comp, se, target, get$3(target, 'data-collection-item-value'));
+          });
+        };
+      };
+      var setContents = function (comp, items) {
+        var htmlLines = map(items, function (item) {
+          var itemText = global$6.translate(item.text);
+          var textContent = spec.columns === 1 ? '<div class="tox-collection__item-label">' + itemText + '</div>' : '';
+          var iconContent = '<div class="tox-collection__item-icon">' + item.icon + '</div>';
+          var mapItemName = {
+            '_': ' ',
+            ' - ': ' ',
+            '-': ' '
+          };
+          var ariaLabel = itemText.replace(/\_| \- |\-/g, function (match) {
+            return mapItemName[match];
+          });
+          var disabledClass = providersBackstage.isDisabled() ? ' tox-collection__item--state-disabled' : '';
+          return '<div class="tox-collection__item' + disabledClass + '" tabindex="-1" data-collection-item-value="' + global$a.encodeAllRaw(item.value) + '" title="' + ariaLabel + '" aria-label="' + ariaLabel + '">' + iconContent + textContent + '</div>';
+        });
+        var chunks = spec.columns !== 'auto' && spec.columns > 1 ? chunk(htmlLines, spec.columns) : [htmlLines];
+        var html = map(chunks, function (ch) {
+          return '<div class="tox-collection__group">' + ch.join('') + '</div>';
+        });
+        set(comp.element, html.join(''));
+      };
+      var onClick = runOnItem(function (comp, se, tgt, itemValue) {
+        se.stop();
+        if (!providersBackstage.isDisabled()) {
+          emitWith(comp, formActionEvent, {
+            name: spec.name,
+            value: itemValue
+          });
+        }
+      });
+      var collectionEvents = [
+        run(mouseover(), runOnItem(function (comp, se, tgt) {
+          focus$1(tgt);
+        })),
+        run(click(), onClick),
+        run(tap(), onClick),
+        run(focusin(), runOnItem(function (comp, se, tgt) {
+          descendant$1(comp.element, '.' + activeClass).each(function (currentActive) {
+            remove$4(currentActive, activeClass);
+          });
+          add$2(tgt, activeClass);
+        })),
+        run(focusout(), runOnItem(function (comp) {
+          descendant$1(comp.element, '.' + activeClass).each(function (currentActive) {
+            remove$4(currentActive, activeClass);
+          });
+        })),
+        runOnExecute(runOnItem(function (comp, se, tgt, itemValue) {
+          emitWith(comp, formActionEvent, {
+            name: spec.name,
+            value: itemValue
+          });
+        }))
+      ];
+      var iterCollectionItems = function (comp, applyAttributes) {
+        return map(descendants(comp.element, '.tox-collection__item'), applyAttributes);
+      };
+      var pField = FormField.parts.field({
+        dom: {
+          tag: 'div',
+          classes: ['tox-collection'].concat(spec.columns !== 1 ? ['tox-collection--grid'] : ['tox-collection--list'])
+        },
+        components: [],
+        factory: { sketch: identity },
+        behaviours: derive$1([
+          Disabling.config({
+            disabled: providersBackstage.isDisabled,
+            onDisabled: function (comp) {
+              iterCollectionItems(comp, function (childElm) {
+                add$2(childElm, 'tox-collection__item--state-disabled');
+                set$1(childElm, 'aria-disabled', true);
+              });
+            },
+            onEnabled: function (comp) {
+              iterCollectionItems(comp, function (childElm) {
+                remove$4(childElm, 'tox-collection__item--state-disabled');
+                remove$1(childElm, 'aria-disabled');
+              });
+            }
+          }),
+          receivingConfig(),
+          Replacing.config({}),
+          Representing.config({
+            store: {
+              mode: 'memory',
+              initialValue: []
+            },
+            onSetValue: function (comp, items) {
+              setContents(comp, items);
+              if (spec.columns === 'auto') {
+                detectSize(comp, 5, 'tox-collection__item').each(function (_a) {
+                  var numRows = _a.numRows, numColumns = _a.numColumns;
+                  Keying.setGridSize(comp, numRows, numColumns);
+                });
+              }
+              emit(comp, formResizeEvent);
+            }
+          }),
+          Tabstopping.config({}),
+          Keying.config(deriveCollectionMovement(spec.columns, 'normal')),
+          config('collection-events', collectionEvents)
+        ]),
+        eventOrder: (_a = {}, _a[execute()] = [
+          'disabling',
+          'alloy.base.behaviour',
+          'collection-events'
+        ], _a)
+      });
+      var extraClasses = ['tox-form__group--collection'];
+      return renderFormFieldWith(pLabel, pField, extraClasses, []);
+    };
+
+    var schema$f = constant([
+      option('data'),
+      defaulted$1('inputAttributes', {}),
+      defaulted$1('inputStyles', {}),
+      defaulted$1('tag', 'input'),
+      defaulted$1('inputClasses', []),
+      onHandler('onSetValue'),
+      defaulted$1('styles', {}),
+      defaulted$1('eventOrder', {}),
+      field$1('inputBehaviours', [
+        Representing,
+        Focusing
+      ]),
+      defaulted$1('selectOnFocus', true)
+    ]);
+    var focusBehaviours = function (detail) {
+      return derive$1([Focusing.config({
+          onFocus: !detail.selectOnFocus ? noop : function (component) {
+            var input = component.element;
+            var value = get$6(input);
+            input.dom.setSelectionRange(0, value.length);
+          }
+        })]);
+    };
+    var behaviours = function (detail) {
+      return __assign(__assign({}, focusBehaviours(detail)), augment(detail.inputBehaviours, [Representing.config({
+          store: __assign(__assign({ mode: 'manual' }, detail.data.map(function (data) {
+            return { initialValue: data };
+          }).getOr({})), {
+            getValue: function (input) {
+              return get$6(input.element);
+            },
+            setValue: function (input, data) {
+              var current = get$6(input.element);
+              if (current !== data) {
+                set$3(input.element, data);
+              }
+            }
+          }),
+          onSetValue: detail.onSetValue
+        })]));
+    };
+    var dom$2 = function (detail) {
+      return {
+        tag: detail.tag,
+        attributes: __assign({ type: 'text' }, detail.inputAttributes),
+        styles: detail.inputStyles,
+        classes: detail.inputClasses
+      };
+    };
+
+    var factory$5 = function (detail, _spec) {
+      return {
+        uid: detail.uid,
+        dom: dom$2(detail),
+        components: [],
+        behaviours: behaviours(detail),
+        eventOrder: detail.eventOrder
+      };
+    };
+    var Input = single$2({
+      name: 'Input',
+      configFields: schema$f(),
+      factory: factory$5
+    });
+
+    var exports$1 = {}, module = { exports: exports$1 };
+    (function (define, exports, module, require) {
+      (function (f) {
+        if (typeof exports === 'object' && typeof module !== 'undefined') {
+          module.exports = f();
+        } else if (typeof define === 'function' && define.amd) {
+          define([], f);
+        } else {
+          var g;
+          if (typeof window !== 'undefined') {
+            g = window;
+          } else if (typeof global !== 'undefined') {
+            g = global;
+          } else if (typeof self !== 'undefined') {
+            g = self;
+          } else {
+            g = this;
+          }
+          g.EphoxContactWrapper = f();
+        }
+      }(function () {
+        return function () {
+          function r(e, n, t) {
+            function o(i, f) {
+              if (!n[i]) {
+                if (!e[i]) {
+                  var c = 'function' == typeof require && require;
+                  if (!f && c)
+                    return c(i, !0);
+                  if (u)
+                    return u(i, !0);
+                  var a = new Error('Cannot find module \'' + i + '\'');
+                  throw a.code = 'MODULE_NOT_FOUND', a;
+                }
+                var p = n[i] = { exports: {} };
+                e[i][0].call(p.exports, function (r) {
+                  var n = e[i][1][r];
+                  return o(n || r);
+                }, p, p.exports, r, e, n, t);
+              }
+              return n[i].exports;
+            }
+            for (var u = 'function' == typeof require && require, i = 0; i < t.length; i++)
+              o(t[i]);
+            return o;
+          }
+          return r;
+        }()({
+          1: [
+            function (require, module, exports) {
+              var process = module.exports = {};
+              var cachedSetTimeout;
+              var cachedClearTimeout;
+              function defaultSetTimout() {
+                throw new Error('setTimeout has not been defined');
+              }
+              function defaultClearTimeout() {
+                throw new Error('clearTimeout has not been defined');
+              }
+              (function () {
+                try {
+                  if (typeof setTimeout === 'function') {
+                    cachedSetTimeout = setTimeout;
+                  } else {
+                    cachedSetTimeout = defaultSetTimout;
+                  }
+                } catch (e) {
+                  cachedSetTimeout = defaultSetTimout;
+                }
+                try {
+                  if (typeof clearTimeout === 'function') {
+                    cachedClearTimeout = clearTimeout;
+                  } else {
+                    cachedClearTimeout = defaultClearTimeout;
+                  }
+                } catch (e) {
+                  cachedClearTimeout = defaultClearTimeout;
+                }
+              }());
+              function runTimeout(fun) {
+                if (cachedSetTimeout === setTimeout) {
+                  return setTimeout(fun, 0);
+                }
+                if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+                  cachedSetTimeout = setTimeout;
+                  return setTimeout(fun, 0);
+                }
+                try {
+                  return cachedSetTimeout(fun, 0);
+                } catch (e) {
+                  try {
+                    return cachedSetTimeout.call(null, fun, 0);
+                  } catch (e) {
+                    return cachedSetTimeout.call(this, fun, 0);
+                  }
+                }
+              }
+              function runClearTimeout(marker) {
+                if (cachedClearTimeout === clearTimeout) {
+                  return clearTimeout(marker);
+                }
+                if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+                  cachedClearTimeout = clearTimeout;
+                  return clearTimeout(marker);
+                }
+                try {
+                  return cachedClearTimeout(marker);
+                } catch (e) {
+                  try {
+                    return cachedClearTimeout.call(null, marker);
+                  } catch (e) {
+                    return cachedClearTimeout.call(this, marker);
+                  }
+                }
+              }
+              var queue = [];
+              var draining = false;
+              var currentQueue;
+              var queueIndex = -1;
+              function cleanUpNextTick() {
+                if (!draining || !currentQueue) {
+                  return;
+                }
+                draining = false;
+                if (currentQueue.length) {
+                  queue = currentQueue.concat(queue);
+                } else {
+                  queueIndex = -1;
+                }
+                if (queue.length) {
+                  drainQueue();
+                }
+              }
+              function drainQueue() {
+                if (draining) {
+                  return;
+                }
+                var timeout = runTimeout(cleanUpNextTick);
+                draining = true;
+                var len = queue.length;
+                while (len) {
+                  currentQueue = queue;
+                  queue = [];
+                  while (++queueIndex < len) {
+                    if (currentQueue) {
+                      currentQueue[queueIndex].run();
+                    }
+                  }
+                  queueIndex = -1;
+                  len = queue.length;
+                }
+                currentQueue = null;
+                draining = false;
+                runClearTimeout(timeout);
+              }
+              process.nextTick = function (fun) {
+                var args = new Array(arguments.length - 1);
+                if (arguments.length > 1) {
+                  for (var i = 1; i < arguments.length; i++) {
+                    args[i - 1] = arguments[i];
+                  }
+                }
+                queue.push(new Item(fun, args));
+                if (queue.length === 1 && !draining) {
+                  runTimeout(drainQueue);
+                }
+              };
+              function Item(fun, array) {
+                this.fun = fun;
+                this.array = array;
+              }
+              Item.prototype.run = function () {
+                this.fun.apply(null, this.array);
+              };
+              process.title = 'browser';
+              process.browser = true;
+              process.env = {};
+              process.argv = [];
+              process.version = '';
+              process.versions = {};
+              function noop() {
+              }
+              process.on = noop;
+              process.addListener = noop;
+              process.once = noop;
+              process.off = noop;
+              process.removeListener = noop;
+              process.removeAllListeners = noop;
+              process.emit = noop;
+              process.prependListener = noop;
+              process.prependOnceListener = noop;
+              process.listeners = function (name) {
+                return [];
+              };
+              process.binding = function (name) {
+                throw new Error('process.binding is not supported');
+              };
+              process.cwd = function () {
+                return '/';
+              };
+              process.chdir = function (dir) {
+                throw new Error('process.chdir is not supported');
+              };
+              process.umask = function () {
+                return 0;
+              };
+            },
+            {}
+          ],
+          2: [
+            function (require, module, exports) {
+              (function (setImmediate) {
+                (function (root) {
+                  var setTimeoutFunc = setTimeout;
+                  function noop() {
+                  }
+                  function bind(fn, thisArg) {
+                    return function () {
+                      fn.apply(thisArg, arguments);
+                    };
+                  }
+                  function Promise(fn) {
+                    if (typeof this !== 'object')
+                      throw new TypeError('Promises must be constructed via new');
+                    if (typeof fn !== 'function')
+                      throw new TypeError('not a function');
+                    this._state = 0;
+                    this._handled = false;
+                    this._value = undefined;
+                    this._deferreds = [];
+                    doResolve(fn, this);
+                  }
+                  function handle(self, deferred) {
+                    while (self._state === 3) {
+                      self = self._value;
+                    }
+                    if (self._state === 0) {
+                      self._deferreds.push(deferred);
+                      return;
+                    }
+                    self._handled = true;
+                    Promise._immediateFn(function () {
+                      var cb = self._state === 1 ? deferred.onFulfilled : deferred.onRejected;
+                      if (cb === null) {
+                        (self._state === 1 ? resolve : reject)(deferred.promise, self._value);
+                        return;
+                      }
+                      var ret;
+                      try {
+                        ret = cb(self._value);
+                      } catch (e) {
+                        reject(deferred.promise, e);
+                        return;
+                      }
+                      resolve(deferred.promise, ret);
+                    });
+                  }
+                  function resolve(self, newValue) {
+                    try {
+                      if (newValue === self)
+                        throw new TypeError('A promise cannot be resolved with itself.');
+                      if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
+                        var then = newValue.then;
+                        if (newValue instanceof Promise) {
+                          self._state = 3;
+                          self._value = newValue;
+                          finale(self);
+                          return;
+                        } else if (typeof then === 'function') {
+                          doResolve(bind(then, newValue), self);
+                          return;
+                        }
+                      }
+                      self._state = 1;
+                      self._value = newValue;
+                      finale(self);
+                    } catch (e) {
+                      reject(self, e);
+                    }
+                  }
+                  function reject(self, newValue) {
+                    self._state = 2;
+                    self._value = newValue;
+                    finale(self);
+                  }
+                  function finale(self) {
+                    if (self._state === 2 && self._deferreds.length === 0) {
+                      Promise._immediateFn(function () {
+                        if (!self._handled) {
+                          Promise._unhandledRejectionFn(self._value);
+                        }
+                      });
+                    }
+                    for (var i = 0, len = self._deferreds.length; i < len; i++) {
+                      handle(self, self._deferreds[i]);
+                    }
+                    self._deferreds = null;
+                  }
+                  function Handler(onFulfilled, onRejected, promise) {
+                    this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;
+                    this.onRejected = typeof onRejected === 'function' ? onRejected : null;
+                    this.promise = promise;
+                  }
+                  function doResolve(fn, self) {
+                    var done = false;
+                    try {
+                      fn(function (value) {
+                        if (done)
+                          return;
+                        done = true;
+                        resolve(self, value);
+                      }, function (reason) {
+                        if (done)
+                          return;
+                        done = true;
+                        reject(self, reason);
+                      });
+                    } catch (ex) {
+                      if (done)
+                        return;
+                      done = true;
+                      reject(self, ex);
+                    }
+                  }
+                  Promise.prototype['catch'] = function (onRejected) {
+                    return this.then(null, onRejected);
+                  };
+                  Promise.prototype.then = function (onFulfilled, onRejected) {
+                    var prom = new this.constructor(noop);
+                    handle(this, new Handler(onFulfilled, onRejected, prom));
+                    return prom;
+                  };
+                  Promise.all = function (arr) {
+                    var args = Array.prototype.slice.call(arr);
+                    return new Promise(function (resolve, reject) {
+                      if (args.length === 0)
+                        return resolve([]);
+                      var remaining = args.length;
+                      function res(i, val) {
+                        try {
+                          if (val && (typeof val === 'object' || typeof val === 'function')) {
+                            var then = val.then;
+                            if (typeof then === 'function') {
+                              then.call(val, function (val) {
+                                res(i, val);
+                              }, reject);
+                              return;
+                            }
+                          }
+                          args[i] = val;
+                          if (--remaining === 0) {
+                            resolve(args);
+                          }
+                        } catch (ex) {
+                          reject(ex);
+                        }
+                      }
+                      for (var i = 0; i < args.length; i++) {
+                        res(i, args[i]);
+                      }
+                    });
+                  };
+                  Promise.resolve = function (value) {
+                    if (value && typeof value === 'object' && value.constructor === Promise) {
+                      return value;
+                    }
+                    return new Promise(function (resolve) {
+                      resolve(value);
+                    });
+                  };
+                  Promise.reject = function (value) {
+                    return new Promise(function (resolve, reject) {
+                      reject(value);
+                    });
+                  };
+                  Promise.race = function (values) {
+                    return new Promise(function (resolve, reject) {
+                      for (var i = 0, len = values.length; i < len; i++) {
+                        values[i].then(resolve, reject);
+                      }
+                    });
+                  };
+                  Promise._immediateFn = typeof setImmediate === 'function' ? function (fn) {
+                    setImmediate(fn);
+                  } : function (fn) {
+                    setTimeoutFunc(fn, 0);
+                  };
+                  Promise._unhandledRejectionFn = function _unhandledRejectionFn(err) {
+                    if (typeof console !== 'undefined' && console) {
+                      console.warn('Possible Unhandled Promise Rejection:', err);
+                    }
+                  };
+                  Promise._setImmediateFn = function _setImmediateFn(fn) {
+                    Promise._immediateFn = fn;
+                  };
+                  Promise._setUnhandledRejectionFn = function _setUnhandledRejectionFn(fn) {
+                    Promise._unhandledRejectionFn = fn;
+                  };
+                  if (typeof module !== 'undefined' && module.exports) {
+                    module.exports = Promise;
+                  } else if (!root.Promise) {
+                    root.Promise = Promise;
+                  }
+                }(this));
+              }.call(this, require('timers').setImmediate));
+            },
+            { 'timers': 3 }
+          ],
+          3: [
+            function (require, module, exports) {
+              (function (setImmediate, clearImmediate) {
+                var nextTick = require('process/browser.js').nextTick;
+                var apply = Function.prototype.apply;
+                var slice = Array.prototype.slice;
+                var immediateIds = {};
+                var nextImmediateId = 0;
+                exports.setTimeout = function () {
+                  return new Timeout(apply.call(setTimeout, window, arguments), clearTimeout);
+                };
+                exports.setInterval = function () {
+                  return new Timeout(apply.call(setInterval, window, arguments), clearInterval);
+                };
+                exports.clearTimeout = exports.clearInterval = function (timeout) {
+                  timeout.close();
+                };
+                function Timeout(id, clearFn) {
+                  this._id = id;
+                  this._clearFn = clearFn;
+                }
+                Timeout.prototype.unref = Timeout.prototype.ref = function () {
+                };
+                Timeout.prototype.close = function () {
+                  this._clearFn.call(window, this._id);
+                };
+                exports.enroll = function (item, msecs) {
+                  clearTimeout(item._idleTimeoutId);
+                  item._idleTimeout = msecs;
+                };
+                exports.unenroll = function (item) {
+                  clearTimeout(item._idleTimeoutId);
+                  item._idleTimeout = -1;
+                };
+                exports._unrefActive = exports.active = function (item) {
+                  clearTimeout(item._idleTimeoutId);
+                  var msecs = item._idleTimeout;
+                  if (msecs >= 0) {
+                    item._idleTimeoutId = setTimeout(function onTimeout() {
+                      if (item._onTimeout)
+                        item._onTimeout();
+                    }, msecs);
+                  }
+                };
+                exports.setImmediate = typeof setImmediate === 'function' ? setImmediate : function (fn) {
+                  var id = nextImmediateId++;
+                  var args = arguments.length < 2 ? false : slice.call(arguments, 1);
+                  immediateIds[id] = true;
+                  nextTick(function onNextTick() {
+                    if (immediateIds[id]) {
+                      if (args) {
+                        fn.apply(null, args);
+                      } else {
+                        fn.call(null);
+                      }
+                      exports.clearImmediate(id);
+                    }
+                  });
+                  return id;
+                };
+                exports.clearImmediate = typeof clearImmediate === 'function' ? clearImmediate : function (id) {
+                  delete immediateIds[id];
+                };
+              }.call(this, require('timers').setImmediate, require('timers').clearImmediate));
+            },
+            {
+              'process/browser.js': 1,
+              'timers': 3
+            }
+          ],
+          4: [
+            function (require, module, exports) {
+              var promisePolyfill = require('promise-polyfill');
+              var Global = function () {
+                if (typeof window !== 'undefined') {
+                  return window;
+                } else {
+                  return Function('return this;')();
+                }
+              }();
+              module.exports = { boltExport: Global.Promise || promisePolyfill };
+            },
+            { 'promise-polyfill': 2 }
+          ]
+        }, {}, [4])(4);
+      }));
+    }(undefined, exports$1, module, undefined));
+    var Promise = module.exports.boltExport;
+
+    var nu$a = function (baseFn) {
+      var data = Optional.none();
+      var callbacks = [];
+      var map = function (f) {
+        return nu$a(function (nCallback) {
+          get(function (data) {
+            nCallback(f(data));
+          });
+        });
+      };
+      var get = function (nCallback) {
+        if (isReady()) {
+          call(nCallback);
+        } else {
+          callbacks.push(nCallback);
+        }
+      };
+      var set = function (x) {
+        if (!isReady()) {
+          data = Optional.some(x);
+          run(callbacks);
+          callbacks = [];
+        }
+      };
+      var isReady = function () {
+        return data.isSome();
+      };
+      var run = function (cbs) {
+        each(cbs, call);
+      };
+      var call = function (cb) {
+        data.each(function (x) {
+          setTimeout(function () {
+            cb(x);
+          }, 0);
+        });
+      };
+      baseFn(set);
+      return {
+        get: get,
+        map: map,
+        isReady: isReady
+      };
+    };
+    var pure = function (a) {
+      return nu$a(function (callback) {
+        callback(a);
+      });
+    };
+    var LazyValue = {
+      nu: nu$a,
+      pure: pure
+    };
+
+    var errorReporter = function (err) {
+      setTimeout(function () {
+        throw err;
+      }, 0);
+    };
+    var make$3 = function (run) {
+      var get = function (callback) {
+        run().then(callback, errorReporter);
+      };
+      var map = function (fab) {
+        return make$3(function () {
+          return run().then(fab);
+        });
+      };
+      var bind = function (aFutureB) {
+        return make$3(function () {
+          return run().then(function (v) {
+            return aFutureB(v).toPromise();
+          });
+        });
+      };
+      var anonBind = function (futureB) {
+        return make$3(function () {
+          return run().then(function () {
+            return futureB.toPromise();
+          });
+        });
+      };
+      var toLazy = function () {
+        return LazyValue.nu(get);
+      };
+      var toCached = function () {
+        var cache = null;
+        return make$3(function () {
+          if (cache === null) {
+            cache = run();
+          }
+          return cache;
+        });
+      };
+      var toPromise = run;
+      return {
+        map: map,
+        bind: bind,
+        anonBind: anonBind,
+        toLazy: toLazy,
+        toCached: toCached,
+        toPromise: toPromise,
+        get: get
+      };
+    };
+    var nu$b = function (baseFn) {
+      return make$3(function () {
+        return new Promise(baseFn);
+      });
+    };
+    var pure$1 = function (a) {
+      return make$3(function () {
+        return Promise.resolve(a);
+      });
+    };
+    var Future = {
+      nu: nu$b,
+      pure: pure$1
+    };
+
+    var ariaElements = [
+      'input',
+      'textarea'
+    ];
+    var isAriaElement = function (elem) {
+      var name$1 = name(elem);
+      return contains(ariaElements, name$1);
+    };
+    var markValid = function (component, invalidConfig) {
+      var elem = invalidConfig.getRoot(component).getOr(component.element);
+      remove$4(elem, invalidConfig.invalidClass);
+      invalidConfig.notify.each(function (notifyInfo) {
+        if (isAriaElement(component.element)) {
+          set$1(component.element, 'aria-invalid', false);
+        }
+        notifyInfo.getContainer(component).each(function (container) {
+          set(container, notifyInfo.validHtml);
+        });
+        notifyInfo.onValid(component);
+      });
+    };
+    var markInvalid = function (component, invalidConfig, invalidState, text) {
+      var elem = invalidConfig.getRoot(component).getOr(component.element);
+      add$2(elem, invalidConfig.invalidClass);
+      invalidConfig.notify.each(function (notifyInfo) {
+        if (isAriaElement(component.element)) {
+          set$1(component.element, 'aria-invalid', true);
+        }
+        notifyInfo.getContainer(component).each(function (container) {
+          set(container, text);
+        });
+        notifyInfo.onInvalid(component, text);
+      });
+    };
+    var query = function (component, invalidConfig, _invalidState) {
+      return invalidConfig.validator.fold(function () {
+        return Future.pure(Result.value(true));
+      }, function (validatorInfo) {
+        return validatorInfo.validate(component);
+      });
+    };
+    var run$1 = function (component, invalidConfig, invalidState) {
+      invalidConfig.notify.each(function (notifyInfo) {
+        notifyInfo.onValidate(component);
+      });
+      return query(component, invalidConfig).map(function (valid) {
+        if (component.getSystem().isConnected()) {
+          return valid.fold(function (err) {
+            markInvalid(component, invalidConfig, invalidState, err);
+            return Result.error(err);
+          }, function (v) {
+            markValid(component, invalidConfig);
+            return Result.value(v);
+          });
+        } else {
+          return Result.error('No longer in system');
+        }
+      });
+    };
+    var isInvalid = function (component, invalidConfig) {
+      var elem = invalidConfig.getRoot(component).getOr(component.element);
+      return has$2(elem, invalidConfig.invalidClass);
+    };
+
+    var InvalidateApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        markValid: markValid,
+        markInvalid: markInvalid,
+        query: query,
+        run: run$1,
+        isInvalid: isInvalid
+    });
+
+    var events$a = function (invalidConfig, invalidState) {
+      return invalidConfig.validator.map(function (validatorInfo) {
+        return derive([run(validatorInfo.onEvent, function (component) {
+            run$1(component, invalidConfig, invalidState).get(identity);
+          })].concat(validatorInfo.validateOnLoad ? [runOnAttached(function (component) {
+            run$1(component, invalidConfig, invalidState).get(noop);
+          })] : []));
+      }).getOr({});
+    };
+
+    var ActiveInvalidate = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$a
+    });
+
+    var InvalidateSchema = [
+      strict$1('invalidClass'),
+      defaulted$1('getRoot', Optional.none),
+      optionObjOf('notify', [
+        defaulted$1('aria', 'alert'),
+        defaulted$1('getContainer', Optional.none),
+        defaulted$1('validHtml', ''),
+        onHandler('onValid'),
+        onHandler('onInvalid'),
+        onHandler('onValidate')
+      ]),
+      optionObjOf('validator', [
+        strict$1('validate'),
+        defaulted$1('onEvent', 'input'),
+        defaulted$1('validateOnLoad', true)
+      ])
+    ];
+
+    var Invalidating = create$1({
+      fields: InvalidateSchema,
+      name: 'invalidating',
+      active: ActiveInvalidate,
+      apis: InvalidateApis,
+      extra: {
+        validation: function (validator) {
+          return function (component) {
+            var v = Representing.getValue(component);
+            return Future.pure(validator(v));
+          };
+        }
+      }
+    });
+
+    var getCoupled = function (component, coupleConfig, coupleState, name) {
+      return coupleState.getOrCreate(component, coupleConfig, name);
+    };
+
+    var CouplingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        getCoupled: getCoupled
+    });
+
+    var CouplingSchema = [strictOf('others', setOf$1(Result.value, anyValue$1()))];
+
+    var init$5 = function () {
+      var coupled = {};
+      var getOrCreate = function (component, coupleConfig, name) {
+        var available = keys(coupleConfig.others);
+        if (!available) {
+          throw new Error('Cannot find coupled component: ' + name + '. Known coupled components: ' + JSON.stringify(available, null, 2));
+        } else {
+          return get$1(coupled, name).getOrThunk(function () {
+            var builder = get$1(coupleConfig.others, name).getOrDie('No information found for coupled component: ' + name);
+            var spec = builder(component);
+            var built = component.getSystem().build(spec);
+            coupled[name] = built;
+            return built;
+          });
+        }
+      };
+      var readState = constant({});
+      return nu$5({
+        readState: readState,
+        getOrCreate: getOrCreate
+      });
+    };
+
+    var CouplingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$5
+    });
+
+    var Coupling = create$1({
+      fields: CouplingSchema,
+      name: 'coupling',
+      apis: CouplingApis,
+      state: CouplingState
+    });
+
+    var suffix = constant('sink');
+    var partType = constant(optional({
+      name: suffix(),
+      overrides: constant({
+        dom: { tag: 'div' },
+        behaviours: derive$1([Positioning.config({ useFixed: always })]),
+        events: derive([
+          cutter(keydown()),
+          cutter(mousedown()),
+          cutter(click())
+        ])
+      })
+    }));
+
+    var HighlightOnOpen;
+    (function (HighlightOnOpen) {
+      HighlightOnOpen[HighlightOnOpen['HighlightFirst'] = 0] = 'HighlightFirst';
+      HighlightOnOpen[HighlightOnOpen['HighlightNone'] = 1] = 'HighlightNone';
+    }(HighlightOnOpen || (HighlightOnOpen = {})));
+    var getAnchor = function (detail, component) {
+      var hotspot = detail.getHotspot(component).getOr(component);
+      var anchor = 'hotspot';
+      var overrides = detail.getAnchorOverrides();
+      return detail.layouts.fold(function () {
+        return {
+          anchor: anchor,
+          hotspot: hotspot,
+          overrides: overrides
+        };
+      }, function (layouts) {
+        return {
+          anchor: anchor,
+          hotspot: hotspot,
+          overrides: overrides,
+          layouts: layouts
+        };
+      });
+    };
+    var fetch = function (detail, mapFetch, component) {
+      var fetcher = detail.fetch;
+      return fetcher(component).map(mapFetch);
+    };
+    var openF = function (detail, mapFetch, anchor, component, sandbox, externals, highlightOnOpen) {
+      var futureData = fetch(detail, mapFetch, component);
+      var getLazySink = getSink(component, detail);
+      return futureData.map(function (tdata) {
+        return tdata.bind(function (data) {
+          return Optional.from(tieredMenu.sketch(__assign(__assign({}, externals.menu()), {
+            uid: generate$2(''),
+            data: data,
+            highlightImmediately: highlightOnOpen === HighlightOnOpen.HighlightFirst,
+            onOpenMenu: function (tmenu, menu) {
+              var sink = getLazySink().getOrDie();
+              Positioning.position(sink, anchor, menu);
+              Sandboxing.decloak(sandbox);
+            },
+            onOpenSubmenu: function (tmenu, item, submenu) {
+              var sink = getLazySink().getOrDie();
+              Positioning.position(sink, {
+                anchor: 'submenu',
+                item: item
+              }, submenu);
+              Sandboxing.decloak(sandbox);
+            },
+            onRepositionMenu: function (tmenu, primaryMenu, submenuTriggers) {
+              var sink = getLazySink().getOrDie();
+              Positioning.position(sink, anchor, primaryMenu);
+              each(submenuTriggers, function (st) {
+                Positioning.position(sink, {
+                  anchor: 'submenu',
+                  item: st.triggeringItem
+                }, st.triggeredMenu);
+              });
+            },
+            onEscape: function () {
+              Focusing.focus(component);
+              Sandboxing.close(sandbox);
+              return Optional.some(true);
+            }
+          })));
+        });
+      });
+    };
+    var open$1 = function (detail, mapFetch, hotspot, sandbox, externals, onOpenSync, highlightOnOpen) {
+      var anchor = getAnchor(detail, hotspot);
+      var processed = openF(detail, mapFetch, anchor, hotspot, sandbox, externals, highlightOnOpen);
+      return processed.map(function (tdata) {
+        tdata.fold(function () {
+          if (Sandboxing.isOpen(sandbox)) {
+            Sandboxing.close(sandbox);
+          }
+        }, function (data) {
+          Sandboxing.cloak(sandbox);
+          Sandboxing.open(sandbox, data);
+          onOpenSync(sandbox);
+        });
+        return sandbox;
+      });
+    };
+    var close$1 = function (detail, mapFetch, component, sandbox, _externals, _onOpenSync, _highlightOnOpen) {
+      Sandboxing.close(sandbox);
+      return Future.pure(sandbox);
+    };
+    var togglePopup = function (detail, mapFetch, hotspot, externals, onOpenSync, highlightOnOpen) {
+      var sandbox = Coupling.getCoupled(hotspot, 'sandbox');
+      var showing = Sandboxing.isOpen(sandbox);
+      var action = showing ? close$1 : open$1;
+      return action(detail, mapFetch, hotspot, sandbox, externals, onOpenSync, highlightOnOpen);
+    };
+    var matchWidth = function (hotspot, container, useMinWidth) {
+      var menu = Composing.getCurrent(container).getOr(container);
+      var buttonWidth = get$8(hotspot.element);
+      if (useMinWidth) {
+        set$2(menu.element, 'min-width', buttonWidth + 'px');
+      } else {
+        set$4(menu.element, buttonWidth);
+      }
+    };
+    var getSink = function (anyInSystem, sinkDetail) {
+      return anyInSystem.getSystem().getByUid(sinkDetail.uid + '-' + suffix()).map(function (internalSink) {
+        return function () {
+          return Result.value(internalSink);
+        };
+      }).getOrThunk(function () {
+        return sinkDetail.lazySink.fold(function () {
+          return function () {
+            return Result.error(new Error('No internal sink is specified, nor could an external sink be found'));
+          };
+        }, function (lazySinkFn) {
+          return function () {
+            return lazySinkFn(anyInSystem);
+          };
+        });
+      });
+    };
+    var doRepositionMenus = function (sandbox) {
+      Sandboxing.getState(sandbox).each(function (tmenu) {
+        tieredMenu.repositionMenus(tmenu);
+      });
+    };
+    var makeSandbox = function (detail, hotspot, extras) {
+      var ariaOwner = manager();
+      var onOpen = function (component, menu) {
+        var anchor = getAnchor(detail, hotspot);
+        ariaOwner.link(hotspot.element);
+        if (detail.matchWidth) {
+          matchWidth(anchor.hotspot, menu, detail.useMinWidth);
+        }
+        detail.onOpen(anchor, component, menu);
+        if (extras !== undefined && extras.onOpen !== undefined) {
+          extras.onOpen(component, menu);
+        }
+      };
+      var onClose = function (component, menu) {
+        ariaOwner.unlink(hotspot.element);
+        if (extras !== undefined && extras.onClose !== undefined) {
+          extras.onClose(component, menu);
+        }
+      };
+      var lazySink = getSink(hotspot, detail);
+      return {
+        dom: {
+          tag: 'div',
+          classes: detail.sandboxClasses,
+          attributes: {
+            id: ariaOwner.id,
+            role: 'listbox'
+          }
+        },
+        behaviours: SketchBehaviours.augment(detail.sandboxBehaviours, [
+          Representing.config({
+            store: {
+              mode: 'memory',
+              initialValue: hotspot
+            }
+          }),
+          Sandboxing.config({
+            onOpen: onOpen,
+            onClose: onClose,
+            isPartOf: function (container, data, queryElem) {
+              return isPartOf(data, queryElem) || isPartOf(hotspot, queryElem);
+            },
+            getAttachPoint: function () {
+              return lazySink().getOrDie();
+            }
+          }),
+          Composing.config({
+            find: function (sandbox) {
+              return Sandboxing.getState(sandbox).bind(function (menu) {
+                return Composing.getCurrent(menu);
+              });
+            }
+          }),
+          Receiving.config({ channels: __assign(__assign({}, receivingChannel({ isExtraPart: never })), receivingChannel$1({ doReposition: doRepositionMenus })) })
+        ])
+      };
+    };
+    var repositionMenus = function (comp) {
+      var sandbox = Coupling.getCoupled(comp, 'sandbox');
+      doRepositionMenus(sandbox);
+    };
+
+    var sandboxFields = function () {
+      return [
+        defaulted$1('sandboxClasses', []),
+        SketchBehaviours.field('sandboxBehaviours', [
+          Composing,
+          Receiving,
+          Sandboxing,
+          Representing
+        ])
+      ];
+    };
+
+    var schema$g = constant([
+      strict$1('dom'),
+      strict$1('fetch'),
+      onHandler('onOpen'),
+      onKeyboardHandler('onExecute'),
+      defaulted$1('getHotspot', Optional.some),
+      defaulted$1('getAnchorOverrides', constant({})),
+      schema$1(),
+      field$1('dropdownBehaviours', [
+        Toggling,
+        Coupling,
+        Keying,
+        Focusing
+      ]),
+      strict$1('toggleClass'),
+      defaulted$1('eventOrder', {}),
+      option('lazySink'),
+      defaulted$1('matchWidth', false),
+      defaulted$1('useMinWidth', false),
+      option('role')
+    ].concat(sandboxFields()));
+    var parts$4 = constant([
+      external$1({
+        schema: [tieredMenuMarkers()],
+        name: 'menu',
+        defaults: function (detail) {
+          return { onExecute: detail.onExecute };
+        }
+      }),
+      partType()
+    ]);
+
+    var factory$6 = function (detail, components, _spec, externals) {
+      var _a;
+      var lookupAttr = function (attr) {
+        return get$1(detail.dom, 'attributes').bind(function (attrs) {
+          return get$1(attrs, attr);
+        });
+      };
+      var switchToMenu = function (sandbox) {
+        Sandboxing.getState(sandbox).each(function (tmenu) {
+          tieredMenu.highlightPrimary(tmenu);
+        });
+      };
+      var action = function (component) {
+        var onOpenSync = switchToMenu;
+        togglePopup(detail, function (x) {
+          return x;
+        }, component, externals, onOpenSync, HighlightOnOpen.HighlightFirst).get(noop);
+      };
+      var apis = {
+        expand: function (comp) {
+          if (!Toggling.isOn(comp)) {
+            togglePopup(detail, function (x) {
+              return x;
+            }, comp, externals, noop, HighlightOnOpen.HighlightNone).get(noop);
+          }
+        },
+        open: function (comp) {
+          if (!Toggling.isOn(comp)) {
+            togglePopup(detail, function (x) {
+              return x;
+            }, comp, externals, noop, HighlightOnOpen.HighlightFirst).get(noop);
+          }
+        },
+        isOpen: Toggling.isOn,
+        close: function (comp) {
+          if (Toggling.isOn(comp)) {
+            togglePopup(detail, function (x) {
+              return x;
+            }, comp, externals, noop, HighlightOnOpen.HighlightFirst).get(noop);
+          }
+        },
+        repositionMenus: function (comp) {
+          if (Toggling.isOn(comp)) {
+            repositionMenus(comp);
+          }
+        }
+      };
+      var triggerExecute = function (comp, _se) {
+        emitExecute(comp);
+        return Optional.some(true);
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: components,
+        behaviours: augment(detail.dropdownBehaviours, [
+          Toggling.config({
+            toggleClass: detail.toggleClass,
+            aria: { mode: 'expanded' }
+          }),
+          Coupling.config({
+            others: {
+              sandbox: function (hotspot) {
+                return makeSandbox(detail, hotspot, {
+                  onOpen: function () {
+                    Toggling.on(hotspot);
+                  },
+                  onClose: function () {
+                    Toggling.off(hotspot);
+                  }
+                });
+              }
+            }
+          }),
+          Keying.config({
+            mode: 'special',
+            onSpace: triggerExecute,
+            onEnter: triggerExecute,
+            onDown: function (comp, _se) {
+              if (Dropdown.isOpen(comp)) {
+                var sandbox = Coupling.getCoupled(comp, 'sandbox');
+                switchToMenu(sandbox);
+              } else {
+                Dropdown.open(comp);
+              }
+              return Optional.some(true);
+            },
+            onEscape: function (comp, _se) {
+              if (Dropdown.isOpen(comp)) {
+                Dropdown.close(comp);
+                return Optional.some(true);
+              } else {
+                return Optional.none();
+              }
+            }
+          }),
+          Focusing.config({})
+        ]),
+        events: events$7(Optional.some(action)),
+        eventOrder: __assign(__assign({}, detail.eventOrder), (_a = {}, _a[execute()] = [
+          'disabling',
+          'toggling',
+          'alloy.base.behaviour'
+        ], _a)),
+        apis: apis,
+        domModification: {
+          attributes: __assign(__assign({ 'aria-haspopup': 'true' }, detail.role.fold(function () {
+            return {};
+          }, function (role) {
+            return { role: role };
+          })), detail.dom.tag === 'button' ? { type: lookupAttr('type').getOr('button') } : {})
+        }
+      };
+    };
+    var Dropdown = composite$1({
+      name: 'Dropdown',
+      configFields: schema$g(),
+      partFields: parts$4(),
+      factory: factory$6,
+      apis: {
+        open: function (apis, comp) {
+          return apis.open(comp);
+        },
+        expand: function (apis, comp) {
+          return apis.expand(comp);
+        },
+        close: function (apis, comp) {
+          return apis.close(comp);
+        },
+        isOpen: function (apis, comp) {
+          return apis.isOpen(comp);
+        },
+        repositionMenus: function (apis, comp) {
+          return apis.repositionMenus(comp);
+        }
+      }
+    });
+
+    var exhibit$5 = function () {
+      return nu$6({
+        styles: {
+          '-webkit-user-select': 'none',
+          'user-select': 'none',
+          '-ms-user-select': 'none',
+          '-moz-user-select': '-moz-none'
+        },
+        attributes: { unselectable: 'on' }
+      });
+    };
+    var events$b = function () {
+      return derive([abort(selectstart(), always)]);
+    };
+
+    var ActiveUnselecting = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$b,
+        exhibit: exhibit$5
+    });
+
+    var Unselecting = create$1({
+      fields: [],
+      name: 'unselecting',
+      active: ActiveUnselecting
+    });
+
+    var renderPanelButton = function (spec, sharedBackstage) {
+      return Dropdown.sketch({
+        dom: spec.dom,
+        components: spec.components,
+        toggleClass: 'mce-active',
+        dropdownBehaviours: derive$1([
+          DisablingConfigs.button(sharedBackstage.providers.isDisabled),
+          receivingConfig(),
+          Unselecting.config({}),
+          Tabstopping.config({})
+        ]),
+        layouts: spec.layouts,
+        sandboxClasses: ['tox-dialog__popups'],
+        lazySink: sharedBackstage.getSink,
+        fetch: function (comp) {
+          return Future.nu(function (callback) {
+            return spec.fetch(callback);
+          }).map(function (items) {
+            return Optional.from(createTieredDataFrom(deepMerge(createPartialChoiceMenu(generate$1('menu-value'), items, function (value) {
+              spec.onItemAction(comp, value);
+            }, spec.columns, spec.presets, ItemResponse$1.CLOSE_ON_EXECUTE, function () {
+              return false;
+            }, sharedBackstage.providers), { movement: deriveMenuMovement(spec.columns, spec.presets) })));
+          });
+        },
+        parts: { menu: part(false, 1, spec.presets) }
+      });
+    };
+
+    var colorInputChangeEvent = generate$1('color-input-change');
+    var colorSwatchChangeEvent = generate$1('color-swatch-change');
+    var colorPickerCancelEvent = generate$1('color-picker-cancel');
+    var renderColorInput = function (spec, sharedBackstage, colorInputBackstage) {
+      var pField = FormField.parts.field({
+        factory: Input,
+        inputClasses: ['tox-textfield'],
+        onSetValue: function (c) {
+          return Invalidating.run(c).get(function () {
+          });
+        },
+        inputBehaviours: derive$1([
+          Disabling.config({ disabled: sharedBackstage.providers.isDisabled }),
+          receivingConfig(),
+          Tabstopping.config({}),
+          Invalidating.config({
+            invalidClass: 'tox-textbox-field-invalid',
+            getRoot: function (comp) {
+              return parent(comp.element);
+            },
+            notify: {
+              onValid: function (comp) {
+                var val = Representing.getValue(comp);
+                emitWith(comp, colorInputChangeEvent, { color: val });
+              }
+            },
+            validator: {
+              validateOnLoad: false,
+              validate: function (input) {
+                var inputValue = Representing.getValue(input);
+                if (inputValue.length === 0) {
+                  return Future.pure(Result.value(true));
+                } else {
+                  var span = SugarElement.fromTag('span');
+                  set$2(span, 'background-color', inputValue);
+                  var res = getRaw(span, 'background-color').fold(function () {
+                    return Result.error('blah');
+                  }, function (_) {
+                    return Result.value(inputValue);
+                  });
+                  return Future.pure(res);
+                }
+              }
+            }
+          })
+        ]),
+        selectOnFocus: false
+      });
+      var pLabel = spec.label.map(function (label) {
+        return renderLabel(label, sharedBackstage.providers);
+      });
+      var emitSwatchChange = function (colorBit, value) {
+        emitWith(colorBit, colorSwatchChangeEvent, { value: value });
+      };
+      var onItemAction = function (comp, value) {
+        memColorButton.getOpt(comp).each(function (colorBit) {
+          if (value === 'custom') {
+            colorInputBackstage.colorPicker(function (valueOpt) {
+              valueOpt.fold(function () {
+                return emit(colorBit, colorPickerCancelEvent);
+              }, function (value) {
+                emitSwatchChange(colorBit, value);
+                addColor(value);
+              });
+            }, '#ffffff');
+          } else if (value === 'remove') {
+            emitSwatchChange(colorBit, '');
+          } else {
+            emitSwatchChange(colorBit, value);
+          }
+        });
+      };
+      var memColorButton = record(renderPanelButton({
+        dom: {
+          tag: 'span',
+          attributes: { 'aria-label': sharedBackstage.providers.translate('Color swatch') }
+        },
+        layouts: {
+          onRtl: function () {
+            return [
+              southwest$1,
+              southeast$1,
+              south$1
+            ];
+          },
+          onLtr: function () {
+            return [
+              southeast$1,
+              southwest$1,
+              south$1
+            ];
+          }
+        },
+        components: [],
+        fetch: getFetch(colorInputBackstage.getColors(), colorInputBackstage.hasCustomColors()),
+        columns: colorInputBackstage.getColorCols(),
+        presets: 'color',
+        onItemAction: onItemAction
+      }, sharedBackstage));
+      return FormField.sketch({
+        dom: {
+          tag: 'div',
+          classes: ['tox-form__group']
+        },
+        components: pLabel.toArray().concat([{
+            dom: {
+              tag: 'div',
+              classes: ['tox-color-input']
+            },
+            components: [
+              pField,
+              memColorButton.asSpec()
+            ]
+          }]),
+        fieldBehaviours: derive$1([config('form-field-events', [
+            run(colorInputChangeEvent, function (comp, se) {
+              memColorButton.getOpt(comp).each(function (colorButton) {
+                set$2(colorButton.element, 'background-color', se.event.color);
+              });
+              emitWith(comp, formChangeEvent, { name: spec.name });
+            }),
+            run(colorSwatchChangeEvent, function (comp, se) {
+              FormField.getField(comp).each(function (field) {
+                Representing.setValue(field, se.event.value);
+                Composing.getCurrent(comp).each(Focusing.focus);
+              });
+            }),
+            run(colorPickerCancelEvent, function (comp, _se) {
+              FormField.getField(comp).each(function (_field) {
+                Composing.getCurrent(comp).each(Focusing.focus);
+              });
+            })
+          ])])
+      });
+    };
+
+    var hsvColour = function (hue, saturation, value) {
+      return {
+        hue: hue,
+        saturation: saturation,
+        value: value
+      };
+    };
+    var fromRgb = function (rgbaColour) {
+      var h = 0;
+      var s = 0;
+      var v = 0;
+      var r = rgbaColour.red / 255;
+      var g = rgbaColour.green / 255;
+      var b = rgbaColour.blue / 255;
+      var minRGB = Math.min(r, Math.min(g, b));
+      var maxRGB = Math.max(r, Math.max(g, b));
+      if (minRGB === maxRGB) {
+        v = minRGB;
+        return hsvColour(0, 0, v * 100);
+      }
+      var d = r === minRGB ? g - b : b === minRGB ? r - g : b - r;
+      h = r === minRGB ? 3 : b === minRGB ? 1 : 5;
+      h = 60 * (h - d / (maxRGB - minRGB));
+      s = (maxRGB - minRGB) / maxRGB;
+      v = maxRGB;
+      return hsvColour(Math.round(h), Math.round(s * 100), Math.round(v * 100));
+    };
+
+    var calcHex = function (value) {
+      var hue = (100 - value) / 100 * 360;
+      var hsv = hsvColour(hue, 100, 100);
+      var rgb = fromHsv(hsv);
+      return fromRgba(rgb);
+    };
+
+    var fieldsUpdate = generate$1('rgb-hex-update');
+    var sliderUpdate = generate$1('slider-update');
+    var paletteUpdate = generate$1('palette-update');
+
+    var labelPart = optional({
+      schema: [strict$1('dom')],
+      name: 'label'
+    });
+    var edgePart = function (name) {
+      return optional({
+        name: '' + name + '-edge',
+        overrides: function (detail) {
+          var action = detail.model.manager.edgeActions[name];
+          return action.fold(function () {
+            return {};
+          }, function (a) {
+            return {
+              events: derive([
+                runActionExtra(touchstart(), function (comp, se, d) {
+                  return a(comp, d);
+                }, [detail]),
+                runActionExtra(mousedown(), function (comp, se, d) {
+                  return a(comp, d);
+                }, [detail]),
+                runActionExtra(mousemove(), function (comp, se, det) {
+                  if (det.mouseIsDown.get()) {
+                    a(comp, det);
+                  }
+                }, [detail])
+              ])
+            };
+          });
+        }
+      });
+    };
+    var tlEdgePart = edgePart('top-left');
+    var tedgePart = edgePart('top');
+    var trEdgePart = edgePart('top-right');
+    var redgePart = edgePart('right');
+    var brEdgePart = edgePart('bottom-right');
+    var bedgePart = edgePart('bottom');
+    var blEdgePart = edgePart('bottom-left');
+    var ledgePart = edgePart('left');
+    var thumbPart = required({
+      name: 'thumb',
+      defaults: constant({ dom: { styles: { position: 'absolute' } } }),
+      overrides: function (detail) {
+        return {
+          events: derive([
+            redirectToPart(touchstart(), detail, 'spectrum'),
+            redirectToPart(touchmove(), detail, 'spectrum'),
+            redirectToPart(touchend(), detail, 'spectrum'),
+            redirectToPart(mousedown(), detail, 'spectrum'),
+            redirectToPart(mousemove(), detail, 'spectrum'),
+            redirectToPart(mouseup(), detail, 'spectrum')
+          ])
+        };
+      }
+    });
+    var spectrumPart = required({
+      schema: [state$1('mouseIsDown', function () {
+          return Cell(false);
+        })],
+      name: 'spectrum',
+      overrides: function (detail) {
+        var modelDetail = detail.model;
+        var model = modelDetail.manager;
+        var setValueFrom = function (component, simulatedEvent) {
+          return model.getValueFromEvent(simulatedEvent).map(function (value) {
+            return model.setValueFrom(component, detail, value);
+          });
+        };
+        return {
+          behaviours: derive$1([
+            Keying.config({
+              mode: 'special',
+              onLeft: function (spectrum) {
+                return model.onLeft(spectrum, detail);
+              },
+              onRight: function (spectrum) {
+                return model.onRight(spectrum, detail);
+              },
+              onUp: function (spectrum) {
+                return model.onUp(spectrum, detail);
+              },
+              onDown: function (spectrum) {
+                return model.onDown(spectrum, detail);
+              }
+            }),
+            Focusing.config({})
+          ]),
+          events: derive([
+            run(touchstart(), setValueFrom),
+            run(touchmove(), setValueFrom),
+            run(mousedown(), setValueFrom),
+            run(mousemove(), function (spectrum, se) {
+              if (detail.mouseIsDown.get()) {
+                setValueFrom(spectrum, se);
+              }
+            })
+          ])
+        };
+      }
+    });
+    var SliderParts = [
+      labelPart,
+      ledgePart,
+      redgePart,
+      tedgePart,
+      bedgePart,
+      tlEdgePart,
+      trEdgePart,
+      blEdgePart,
+      brEdgePart,
+      thumbPart,
+      spectrumPart
+    ];
+
+    var _sliderChangeEvent = 'slider.change.value';
+    var sliderChangeEvent = constant(_sliderChangeEvent);
+    var isTouchEvent = function (evt) {
+      return evt.type.indexOf('touch') !== -1;
+    };
+    var getEventSource = function (simulatedEvent) {
+      var evt = simulatedEvent.event.raw;
+      if (isTouchEvent(evt)) {
+        var touchEvent = evt;
+        return touchEvent.touches !== undefined && touchEvent.touches.length === 1 ? Optional.some(touchEvent.touches[0]).map(function (t) {
+          return SugarPosition(t.clientX, t.clientY);
+        }) : Optional.none();
+      } else {
+        var mouseEvent = evt;
+        return mouseEvent.clientX !== undefined ? Optional.some(mouseEvent).map(function (me) {
+          return SugarPosition(me.clientX, me.clientY);
+        }) : Optional.none();
+      }
+    };
+
+    var t = 'top', r$1 = 'right', b = 'bottom', l = 'left';
+    var minX = function (detail) {
+      return detail.model.minX;
+    };
+    var minY = function (detail) {
+      return detail.model.minY;
+    };
+    var min1X = function (detail) {
+      return detail.model.minX - 1;
+    };
+    var min1Y = function (detail) {
+      return detail.model.minY - 1;
+    };
+    var maxX = function (detail) {
+      return detail.model.maxX;
+    };
+    var maxY = function (detail) {
+      return detail.model.maxY;
+    };
+    var max1X = function (detail) {
+      return detail.model.maxX + 1;
+    };
+    var max1Y = function (detail) {
+      return detail.model.maxY + 1;
+    };
+    var range$2 = function (detail, max, min) {
+      return max(detail) - min(detail);
+    };
+    var xRange = function (detail) {
+      return range$2(detail, maxX, minX);
+    };
+    var yRange = function (detail) {
+      return range$2(detail, maxY, minY);
+    };
+    var halfX = function (detail) {
+      return xRange(detail) / 2;
+    };
+    var halfY = function (detail) {
+      return yRange(detail) / 2;
+    };
+    var step = function (detail) {
+      return detail.stepSize;
+    };
+    var snap = function (detail) {
+      return detail.snapToGrid;
+    };
+    var snapStart = function (detail) {
+      return detail.snapStart;
+    };
+    var rounded = function (detail) {
+      return detail.rounded;
+    };
+    var hasEdge = function (detail, edgeName) {
+      return detail[edgeName + '-edge'] !== undefined;
+    };
+    var hasLEdge = function (detail) {
+      return hasEdge(detail, l);
+    };
+    var hasREdge = function (detail) {
+      return hasEdge(detail, r$1);
+    };
+    var hasTEdge = function (detail) {
+      return hasEdge(detail, t);
+    };
+    var hasBEdge = function (detail) {
+      return hasEdge(detail, b);
+    };
+    var currentValue = function (detail) {
+      return detail.model.value.get();
+    };
+
+    var xValue = function (x) {
+      return { x: x };
+    };
+    var yValue = function (y) {
+      return { y: y };
+    };
+    var xyValue = function (x, y) {
+      return {
+        x: x,
+        y: y
+      };
+    };
+    var fireSliderChange = function (component, value) {
+      emitWith(component, sliderChangeEvent(), { value: value });
+    };
+    var setToTLEdgeXY = function (edge, detail) {
+      fireSliderChange(edge, xyValue(min1X(detail), min1Y(detail)));
+    };
+    var setToTEdge = function (edge, detail) {
+      fireSliderChange(edge, yValue(min1Y(detail)));
+    };
+    var setToTEdgeXY = function (edge, detail) {
+      fireSliderChange(edge, xyValue(halfX(detail), min1Y(detail)));
+    };
+    var setToTREdgeXY = function (edge, detail) {
+      fireSliderChange(edge, xyValue(max1X(detail), min1Y(detail)));
+    };
+    var setToREdge = function (edge, detail) {
+      fireSliderChange(edge, xValue(max1X(detail)));
+    };
+    var setToREdgeXY = function (edge, detail) {
+      fireSliderChange(edge, xyValue(max1X(detail), halfY(detail)));
+    };
+    var setToBREdgeXY = function (edge, detail) {
+      fireSliderChange(edge, xyValue(max1X(detail), max1Y(detail)));
+    };
+    var setToBEdge = function (edge, detail) {
+      fireSliderChange(edge, yValue(max1Y(detail)));
+    };
+    var setToBEdgeXY = function (edge, detail) {
+      fireSliderChange(edge, xyValue(halfX(detail), max1Y(detail)));
+    };
+    var setToBLEdgeXY = function (edge, detail) {
+      fireSliderChange(edge, xyValue(min1X(detail), max1Y(detail)));
+    };
+    var setToLEdge = function (edge, detail) {
+      fireSliderChange(edge, xValue(min1X(detail)));
+    };
+    var setToLEdgeXY = function (edge, detail) {
+      fireSliderChange(edge, xyValue(min1X(detail), halfY(detail)));
+    };
+
+    var reduceBy = function (value, min, max, step) {
+      if (value < min) {
+        return value;
+      } else if (value > max) {
+        return max;
+      } else if (value === min) {
+        return min - 1;
+      } else {
+        return Math.max(min, value - step);
+      }
+    };
+    var increaseBy = function (value, min, max, step) {
+      if (value > max) {
+        return value;
+      } else if (value < min) {
+        return min;
+      } else if (value === max) {
+        return max + 1;
+      } else {
+        return Math.min(max, value + step);
+      }
+    };
+    var capValue = function (value, min, max) {
+      return Math.max(min, Math.min(max, value));
+    };
+    var snapValueOf = function (value, min, max, step, snapStart) {
+      return snapStart.fold(function () {
+        var initValue = value - min;
+        var extraValue = Math.round(initValue / step) * step;
+        return capValue(min + extraValue, min - 1, max + 1);
+      }, function (start) {
+        var remainder = (value - start) % step;
+        var adjustment = Math.round(remainder / step);
+        var rawSteps = Math.floor((value - start) / step);
+        var maxSteps = Math.floor((max - start) / step);
+        var numSteps = Math.min(maxSteps, rawSteps + adjustment);
+        var r = start + numSteps * step;
+        return Math.max(start, r);
+      });
+    };
+    var findOffsetOf = function (value, min, max) {
+      return Math.min(max, Math.max(value, min)) - min;
+    };
+    var findValueOf = function (args) {
+      var min = args.min, max = args.max, range = args.range, value = args.value, step = args.step, snap = args.snap, snapStart = args.snapStart, rounded = args.rounded, hasMinEdge = args.hasMinEdge, hasMaxEdge = args.hasMaxEdge, minBound = args.minBound, maxBound = args.maxBound, screenRange = args.screenRange;
+      var capMin = hasMinEdge ? min - 1 : min;
+      var capMax = hasMaxEdge ? max + 1 : max;
+      if (value < minBound) {
+        return capMin;
+      } else if (value > maxBound) {
+        return capMax;
+      } else {
+        var offset = findOffsetOf(value, minBound, maxBound);
+        var newValue = capValue(offset / screenRange * range + min, capMin, capMax);
+        if (snap && newValue >= min && newValue <= max) {
+          return snapValueOf(newValue, min, max, step, snapStart);
+        } else if (rounded) {
+          return Math.round(newValue);
+        } else {
+          return newValue;
+        }
+      }
+    };
+    var findOffsetOfValue = function (args) {
+      var min = args.min, max = args.max, range = args.range, value = args.value, hasMinEdge = args.hasMinEdge, hasMaxEdge = args.hasMaxEdge, maxBound = args.maxBound, maxOffset = args.maxOffset, centerMinEdge = args.centerMinEdge, centerMaxEdge = args.centerMaxEdge;
+      if (value < min) {
+        return hasMinEdge ? 0 : centerMinEdge;
+      } else if (value > max) {
+        return hasMaxEdge ? maxBound : centerMaxEdge;
+      } else {
+        return (value - min) / range * maxOffset;
+      }
+    };
+
+    var top = 'top', right = 'right', bottom = 'bottom', left = 'left', width = 'width', height = 'height';
+    var getBounds$1 = function (component) {
+      return component.element.dom.getBoundingClientRect();
+    };
+    var getBoundsProperty = function (bounds, property) {
+      return bounds[property];
+    };
+    var getMinXBounds = function (component) {
+      var bounds = getBounds$1(component);
+      return getBoundsProperty(bounds, left);
+    };
+    var getMaxXBounds = function (component) {
+      var bounds = getBounds$1(component);
+      return getBoundsProperty(bounds, right);
+    };
+    var getMinYBounds = function (component) {
+      var bounds = getBounds$1(component);
+      return getBoundsProperty(bounds, top);
+    };
+    var getMaxYBounds = function (component) {
+      var bounds = getBounds$1(component);
+      return getBoundsProperty(bounds, bottom);
+    };
+    var getXScreenRange = function (component) {
+      var bounds = getBounds$1(component);
+      return getBoundsProperty(bounds, width);
+    };
+    var getYScreenRange = function (component) {
+      var bounds = getBounds$1(component);
+      return getBoundsProperty(bounds, height);
+    };
+    var getCenterOffsetOf = function (componentMinEdge, componentMaxEdge, spectrumMinEdge) {
+      return (componentMinEdge + componentMaxEdge) / 2 - spectrumMinEdge;
+    };
+    var getXCenterOffSetOf = function (component, spectrum) {
+      var componentBounds = getBounds$1(component);
+      var spectrumBounds = getBounds$1(spectrum);
+      var componentMinEdge = getBoundsProperty(componentBounds, left);
+      var componentMaxEdge = getBoundsProperty(componentBounds, right);
+      var spectrumMinEdge = getBoundsProperty(spectrumBounds, left);
+      return getCenterOffsetOf(componentMinEdge, componentMaxEdge, spectrumMinEdge);
+    };
+    var getYCenterOffSetOf = function (component, spectrum) {
+      var componentBounds = getBounds$1(component);
+      var spectrumBounds = getBounds$1(spectrum);
+      var componentMinEdge = getBoundsProperty(componentBounds, top);
+      var componentMaxEdge = getBoundsProperty(componentBounds, bottom);
+      var spectrumMinEdge = getBoundsProperty(spectrumBounds, top);
+      return getCenterOffsetOf(componentMinEdge, componentMaxEdge, spectrumMinEdge);
+    };
+
+    var fireSliderChange$1 = function (spectrum, value) {
+      emitWith(spectrum, sliderChangeEvent(), { value: value });
+    };
+    var sliderValue = function (x) {
+      return { x: x };
+    };
+    var findValueOfOffset = function (spectrum, detail, left) {
+      var args = {
+        min: minX(detail),
+        max: maxX(detail),
+        range: xRange(detail),
+        value: left,
+        step: step(detail),
+        snap: snap(detail),
+        snapStart: snapStart(detail),
+        rounded: rounded(detail),
+        hasMinEdge: hasLEdge(detail),
+        hasMaxEdge: hasREdge(detail),
+        minBound: getMinXBounds(spectrum),
+        maxBound: getMaxXBounds(spectrum),
+        screenRange: getXScreenRange(spectrum)
+      };
+      return findValueOf(args);
+    };
+    var setValueFrom = function (spectrum, detail, value) {
+      var xValue = findValueOfOffset(spectrum, detail, value);
+      var sliderVal = sliderValue(xValue);
+      fireSliderChange$1(spectrum, sliderVal);
+      return xValue;
+    };
+    var setToMin = function (spectrum, detail) {
+      var min = minX(detail);
+      fireSliderChange$1(spectrum, sliderValue(min));
+    };
+    var setToMax = function (spectrum, detail) {
+      var max = maxX(detail);
+      fireSliderChange$1(spectrum, sliderValue(max));
+    };
+    var moveBy = function (direction, spectrum, detail) {
+      var f = direction > 0 ? increaseBy : reduceBy;
+      var xValue = f(currentValue(detail).x, minX(detail), maxX(detail), step(detail));
+      fireSliderChange$1(spectrum, sliderValue(xValue));
+      return Optional.some(xValue);
+    };
+    var handleMovement = function (direction) {
+      return function (spectrum, detail) {
+        return moveBy(direction, spectrum, detail).map(function () {
+          return true;
+        });
+      };
+    };
+    var getValueFromEvent = function (simulatedEvent) {
+      var pos = getEventSource(simulatedEvent);
+      return pos.map(function (p) {
+        return p.left;
+      });
+    };
+    var findOffsetOfValue$1 = function (spectrum, detail, value, minEdge, maxEdge) {
+      var minOffset = 0;
+      var maxOffset = getXScreenRange(spectrum);
+      var centerMinEdge = minEdge.bind(function (edge) {
+        return Optional.some(getXCenterOffSetOf(edge, spectrum));
+      }).getOr(minOffset);
+      var centerMaxEdge = maxEdge.bind(function (edge) {
+        return Optional.some(getXCenterOffSetOf(edge, spectrum));
+      }).getOr(maxOffset);
+      var args = {
+        min: minX(detail),
+        max: maxX(detail),
+        range: xRange(detail),
+        value: value,
+        hasMinEdge: hasLEdge(detail),
+        hasMaxEdge: hasREdge(detail),
+        minBound: getMinXBounds(spectrum),
+        minOffset: minOffset,
+        maxBound: getMaxXBounds(spectrum),
+        maxOffset: maxOffset,
+        centerMinEdge: centerMinEdge,
+        centerMaxEdge: centerMaxEdge
+      };
+      return findOffsetOfValue(args);
+    };
+    var findPositionOfValue = function (slider, spectrum, value, minEdge, maxEdge, detail) {
+      var offset = findOffsetOfValue$1(spectrum, detail, value, minEdge, maxEdge);
+      return getMinXBounds(spectrum) - getMinXBounds(slider) + offset;
+    };
+    var setPositionFromValue = function (slider, thumb, detail, edges) {
+      var value = currentValue(detail);
+      var pos = findPositionOfValue(slider, edges.getSpectrum(slider), value.x, edges.getLeftEdge(slider), edges.getRightEdge(slider), detail);
+      var thumbRadius = get$8(thumb.element) / 2;
+      set$2(thumb.element, 'left', pos - thumbRadius + 'px');
+    };
+    var onLeft = handleMovement(-1);
+    var onRight = handleMovement(1);
+    var onUp = Optional.none;
+    var onDown = Optional.none;
+    var edgeActions = {
+      'top-left': Optional.none(),
+      'top': Optional.none(),
+      'top-right': Optional.none(),
+      'right': Optional.some(setToREdge),
+      'bottom-right': Optional.none(),
+      'bottom': Optional.none(),
+      'bottom-left': Optional.none(),
+      'left': Optional.some(setToLEdge)
+    };
+
+    var HorizontalModel = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setValueFrom: setValueFrom,
+        setToMin: setToMin,
+        setToMax: setToMax,
+        findValueOfOffset: findValueOfOffset,
+        getValueFromEvent: getValueFromEvent,
+        findPositionOfValue: findPositionOfValue,
+        setPositionFromValue: setPositionFromValue,
+        onLeft: onLeft,
+        onRight: onRight,
+        onUp: onUp,
+        onDown: onDown,
+        edgeActions: edgeActions
+    });
+
+    var fireSliderChange$2 = function (spectrum, value) {
+      emitWith(spectrum, sliderChangeEvent(), { value: value });
+    };
+    var sliderValue$1 = function (y) {
+      return { y: y };
+    };
+    var findValueOfOffset$1 = function (spectrum, detail, top) {
+      var args = {
+        min: minY(detail),
+        max: maxY(detail),
+        range: yRange(detail),
+        value: top,
+        step: step(detail),
+        snap: snap(detail),
+        snapStart: snapStart(detail),
+        rounded: rounded(detail),
+        hasMinEdge: hasTEdge(detail),
+        hasMaxEdge: hasBEdge(detail),
+        minBound: getMinYBounds(spectrum),
+        maxBound: getMaxYBounds(spectrum),
+        screenRange: getYScreenRange(spectrum)
+      };
+      return findValueOf(args);
+    };
+    var setValueFrom$1 = function (spectrum, detail, value) {
+      var yValue = findValueOfOffset$1(spectrum, detail, value);
+      var sliderVal = sliderValue$1(yValue);
+      fireSliderChange$2(spectrum, sliderVal);
+      return yValue;
+    };
+    var setToMin$1 = function (spectrum, detail) {
+      var min = minY(detail);
+      fireSliderChange$2(spectrum, sliderValue$1(min));
+    };
+    var setToMax$1 = function (spectrum, detail) {
+      var max = maxY(detail);
+      fireSliderChange$2(spectrum, sliderValue$1(max));
+    };
+    var moveBy$1 = function (direction, spectrum, detail) {
+      var f = direction > 0 ? increaseBy : reduceBy;
+      var yValue = f(currentValue(detail).y, minY(detail), maxY(detail), step(detail));
+      fireSliderChange$2(spectrum, sliderValue$1(yValue));
+      return Optional.some(yValue);
+    };
+    var handleMovement$1 = function (direction) {
+      return function (spectrum, detail) {
+        return moveBy$1(direction, spectrum, detail).map(function () {
+          return true;
+        });
+      };
+    };
+    var getValueFromEvent$1 = function (simulatedEvent) {
+      var pos = getEventSource(simulatedEvent);
+      return pos.map(function (p) {
+        return p.top;
+      });
+    };
+    var findOffsetOfValue$2 = function (spectrum, detail, value, minEdge, maxEdge) {
+      var minOffset = 0;
+      var maxOffset = getYScreenRange(spectrum);
+      var centerMinEdge = minEdge.bind(function (edge) {
+        return Optional.some(getYCenterOffSetOf(edge, spectrum));
+      }).getOr(minOffset);
+      var centerMaxEdge = maxEdge.bind(function (edge) {
+        return Optional.some(getYCenterOffSetOf(edge, spectrum));
+      }).getOr(maxOffset);
+      var args = {
+        min: minY(detail),
+        max: maxY(detail),
+        range: yRange(detail),
+        value: value,
+        hasMinEdge: hasTEdge(detail),
+        hasMaxEdge: hasBEdge(detail),
+        minBound: getMinYBounds(spectrum),
+        minOffset: minOffset,
+        maxBound: getMaxYBounds(spectrum),
+        maxOffset: maxOffset,
+        centerMinEdge: centerMinEdge,
+        centerMaxEdge: centerMaxEdge
+      };
+      return findOffsetOfValue(args);
+    };
+    var findPositionOfValue$1 = function (slider, spectrum, value, minEdge, maxEdge, detail) {
+      var offset = findOffsetOfValue$2(spectrum, detail, value, minEdge, maxEdge);
+      return getMinYBounds(spectrum) - getMinYBounds(slider) + offset;
+    };
+    var setPositionFromValue$1 = function (slider, thumb, detail, edges) {
+      var value = currentValue(detail);
+      var pos = findPositionOfValue$1(slider, edges.getSpectrum(slider), value.y, edges.getTopEdge(slider), edges.getBottomEdge(slider), detail);
+      var thumbRadius = get$7(thumb.element) / 2;
+      set$2(thumb.element, 'top', pos - thumbRadius + 'px');
+    };
+    var onLeft$1 = Optional.none;
+    var onRight$1 = Optional.none;
+    var onUp$1 = handleMovement$1(-1);
+    var onDown$1 = handleMovement$1(1);
+    var edgeActions$1 = {
+      'top-left': Optional.none(),
+      'top': Optional.some(setToTEdge),
+      'top-right': Optional.none(),
+      'right': Optional.none(),
+      'bottom-right': Optional.none(),
+      'bottom': Optional.some(setToBEdge),
+      'bottom-left': Optional.none(),
+      'left': Optional.none()
+    };
+
+    var VerticalModel = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setValueFrom: setValueFrom$1,
+        setToMin: setToMin$1,
+        setToMax: setToMax$1,
+        findValueOfOffset: findValueOfOffset$1,
+        getValueFromEvent: getValueFromEvent$1,
+        findPositionOfValue: findPositionOfValue$1,
+        setPositionFromValue: setPositionFromValue$1,
+        onLeft: onLeft$1,
+        onRight: onRight$1,
+        onUp: onUp$1,
+        onDown: onDown$1,
+        edgeActions: edgeActions$1
+    });
+
+    var fireSliderChange$3 = function (spectrum, value) {
+      emitWith(spectrum, sliderChangeEvent(), { value: value });
+    };
+    var sliderValue$2 = function (x, y) {
+      return {
+        x: x,
+        y: y
+      };
+    };
+    var setValueFrom$2 = function (spectrum, detail, value) {
+      var xValue = findValueOfOffset(spectrum, detail, value.left);
+      var yValue = findValueOfOffset$1(spectrum, detail, value.top);
+      var val = sliderValue$2(xValue, yValue);
+      fireSliderChange$3(spectrum, val);
+      return val;
+    };
+    var moveBy$2 = function (direction, isVerticalMovement, spectrum, detail) {
+      var f = direction > 0 ? increaseBy : reduceBy;
+      var xValue = isVerticalMovement ? currentValue(detail).x : f(currentValue(detail).x, minX(detail), maxX(detail), step(detail));
+      var yValue = !isVerticalMovement ? currentValue(detail).y : f(currentValue(detail).y, minY(detail), maxY(detail), step(detail));
+      fireSliderChange$3(spectrum, sliderValue$2(xValue, yValue));
+      return Optional.some(xValue);
+    };
+    var handleMovement$2 = function (direction, isVerticalMovement) {
+      return function (spectrum, detail) {
+        return moveBy$2(direction, isVerticalMovement, spectrum, detail).map(function () {
+          return true;
+        });
+      };
+    };
+    var setToMin$2 = function (spectrum, detail) {
+      var mX = minX(detail);
+      var mY = minY(detail);
+      fireSliderChange$3(spectrum, sliderValue$2(mX, mY));
+    };
+    var setToMax$2 = function (spectrum, detail) {
+      var mX = maxX(detail);
+      var mY = maxY(detail);
+      fireSliderChange$3(spectrum, sliderValue$2(mX, mY));
+    };
+    var getValueFromEvent$2 = function (simulatedEvent) {
+      return getEventSource(simulatedEvent);
+    };
+    var setPositionFromValue$2 = function (slider, thumb, detail, edges) {
+      var value = currentValue(detail);
+      var xPos = findPositionOfValue(slider, edges.getSpectrum(slider), value.x, edges.getLeftEdge(slider), edges.getRightEdge(slider), detail);
+      var yPos = findPositionOfValue$1(slider, edges.getSpectrum(slider), value.y, edges.getTopEdge(slider), edges.getBottomEdge(slider), detail);
+      var thumbXRadius = get$8(thumb.element) / 2;
+      var thumbYRadius = get$7(thumb.element) / 2;
+      set$2(thumb.element, 'left', xPos - thumbXRadius + 'px');
+      set$2(thumb.element, 'top', yPos - thumbYRadius + 'px');
+    };
+    var onLeft$2 = handleMovement$2(-1, false);
+    var onRight$2 = handleMovement$2(1, false);
+    var onUp$2 = handleMovement$2(-1, true);
+    var onDown$2 = handleMovement$2(1, true);
+    var edgeActions$2 = {
+      'top-left': Optional.some(setToTLEdgeXY),
+      'top': Optional.some(setToTEdgeXY),
+      'top-right': Optional.some(setToTREdgeXY),
+      'right': Optional.some(setToREdgeXY),
+      'bottom-right': Optional.some(setToBREdgeXY),
+      'bottom': Optional.some(setToBEdgeXY),
+      'bottom-left': Optional.some(setToBLEdgeXY),
+      'left': Optional.some(setToLEdgeXY)
+    };
+
+    var TwoDModel = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setValueFrom: setValueFrom$2,
+        setToMin: setToMin$2,
+        setToMax: setToMax$2,
+        getValueFromEvent: getValueFromEvent$2,
+        setPositionFromValue: setPositionFromValue$2,
+        onLeft: onLeft$2,
+        onRight: onRight$2,
+        onUp: onUp$2,
+        onDown: onDown$2,
+        edgeActions: edgeActions$2
+    });
+
+    var SliderSchema = [
+      defaulted$1('stepSize', 1),
+      defaulted$1('onChange', noop),
+      defaulted$1('onChoose', noop),
+      defaulted$1('onInit', noop),
+      defaulted$1('onDragStart', noop),
+      defaulted$1('onDragEnd', noop),
+      defaulted$1('snapToGrid', false),
+      defaulted$1('rounded', true),
+      option('snapStart'),
+      strictOf('model', choose$1('mode', {
+        x: [
+          defaulted$1('minX', 0),
+          defaulted$1('maxX', 100),
+          state$1('value', function (spec) {
+            return Cell(spec.mode.minX);
+          }),
+          strict$1('getInitialValue'),
+          output('manager', HorizontalModel)
+        ],
+        y: [
+          defaulted$1('minY', 0),
+          defaulted$1('maxY', 100),
+          state$1('value', function (spec) {
+            return Cell(spec.mode.minY);
+          }),
+          strict$1('getInitialValue'),
+          output('manager', VerticalModel)
+        ],
+        xy: [
+          defaulted$1('minX', 0),
+          defaulted$1('maxX', 100),
+          defaulted$1('minY', 0),
+          defaulted$1('maxY', 100),
+          state$1('value', function (spec) {
+            return Cell({
+              x: spec.mode.minX,
+              y: spec.mode.minY
+            });
+          }),
+          strict$1('getInitialValue'),
+          output('manager', TwoDModel)
+        ]
+      })),
+      field$1('sliderBehaviours', [
+        Keying,
+        Representing
+      ]),
+      state$1('mouseIsDown', function () {
+        return Cell(false);
+      })
+    ];
+
+    var sketch = function (detail, components, _spec, _externals) {
+      var _a;
+      var getThumb = function (component) {
+        return getPartOrDie(component, detail, 'thumb');
+      };
+      var getSpectrum = function (component) {
+        return getPartOrDie(component, detail, 'spectrum');
+      };
+      var getLeftEdge = function (component) {
+        return getPart(component, detail, 'left-edge');
+      };
+      var getRightEdge = function (component) {
+        return getPart(component, detail, 'right-edge');
+      };
+      var getTopEdge = function (component) {
+        return getPart(component, detail, 'top-edge');
+      };
+      var getBottomEdge = function (component) {
+        return getPart(component, detail, 'bottom-edge');
+      };
+      var modelDetail = detail.model;
+      var model = modelDetail.manager;
+      var refresh = function (slider, thumb) {
+        model.setPositionFromValue(slider, thumb, detail, {
+          getLeftEdge: getLeftEdge,
+          getRightEdge: getRightEdge,
+          getTopEdge: getTopEdge,
+          getBottomEdge: getBottomEdge,
+          getSpectrum: getSpectrum
+        });
+      };
+      var changeValue = function (slider, newValue) {
+        modelDetail.value.set(newValue);
+        var thumb = getThumb(slider);
+        refresh(slider, thumb);
+        detail.onChange(slider, thumb, newValue);
+        return Optional.some(true);
+      };
+      var resetToMin = function (slider) {
+        model.setToMin(slider, detail);
+      };
+      var resetToMax = function (slider) {
+        model.setToMax(slider, detail);
+      };
+      var choose = function (slider) {
+        var fireOnChoose = function () {
+          getPart(slider, detail, 'thumb').each(function (thumb) {
+            var value = modelDetail.value.get();
+            detail.onChoose(slider, thumb, value);
+          });
+        };
+        var wasDown = detail.mouseIsDown.get();
+        detail.mouseIsDown.set(false);
+        if (wasDown) {
+          fireOnChoose();
+        }
+      };
+      var onDragStart = function (slider, simulatedEvent) {
+        simulatedEvent.stop();
+        detail.mouseIsDown.set(true);
+        detail.onDragStart(slider, getThumb(slider));
+      };
+      var onDragEnd = function (slider, simulatedEvent) {
+        simulatedEvent.stop();
+        detail.onDragEnd(slider, getThumb(slider));
+        choose(slider);
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: components,
+        behaviours: augment(detail.sliderBehaviours, [
+          Keying.config({
+            mode: 'special',
+            focusIn: function (slider) {
+              return getPart(slider, detail, 'spectrum').map(Keying.focusIn).map(always);
+            }
+          }),
+          Representing.config({
+            store: {
+              mode: 'manual',
+              getValue: function (_) {
+                return modelDetail.value.get();
+              }
+            }
+          }),
+          Receiving.config({ channels: (_a = {}, _a[mouseReleased()] = { onReceive: choose }, _a) })
+        ]),
+        events: derive([
+          run(sliderChangeEvent(), function (slider, simulatedEvent) {
+            changeValue(slider, simulatedEvent.event.value);
+          }),
+          runOnAttached(function (slider, _simulatedEvent) {
+            var getInitial = modelDetail.getInitialValue();
+            modelDetail.value.set(getInitial);
+            var thumb = getThumb(slider);
+            refresh(slider, thumb);
+            var spectrum = getSpectrum(slider);
+            detail.onInit(slider, thumb, spectrum, modelDetail.value.get());
+          }),
+          run(touchstart(), onDragStart),
+          run(touchend(), onDragEnd),
+          run(mousedown(), onDragStart),
+          run(mouseup(), onDragEnd)
+        ]),
+        apis: {
+          resetToMin: resetToMin,
+          resetToMax: resetToMax,
+          changeValue: changeValue,
+          refresh: refresh
+        },
+        domModification: { styles: { position: 'relative' } }
+      };
+    };
+
+    var Slider = composite$1({
+      name: 'Slider',
+      configFields: SliderSchema,
+      partFields: SliderParts,
+      factory: sketch,
+      apis: {
+        resetToMin: function (apis, slider) {
+          apis.resetToMin(slider);
+        },
+        resetToMax: function (apis, slider) {
+          apis.resetToMax(slider);
+        },
+        refresh: function (apis, slider) {
+          apis.refresh(slider);
+        }
+      }
+    });
+
+    var sliderFactory = function (translate, getClass) {
+      var spectrum = Slider.parts.spectrum({
+        dom: {
+          tag: 'div',
+          classes: [getClass('hue-slider-spectrum')],
+          attributes: { role: 'presentation' }
+        }
+      });
+      var thumb = Slider.parts.thumb({
+        dom: {
+          tag: 'div',
+          classes: [getClass('hue-slider-thumb')],
+          attributes: { role: 'presentation' }
+        }
+      });
+      return Slider.sketch({
+        dom: {
+          tag: 'div',
+          classes: [getClass('hue-slider')],
+          attributes: { role: 'presentation' }
+        },
+        rounded: false,
+        model: {
+          mode: 'y',
+          getInitialValue: constant({ y: 0 })
+        },
+        components: [
+          spectrum,
+          thumb
+        ],
+        sliderBehaviours: derive$1([Focusing.config({})]),
+        onChange: function (slider, _thumb, value) {
+          emitWith(slider, sliderUpdate, { value: value });
+        }
+      });
+    };
+
+    var owner$3 = 'form';
+    var schema$h = [field$1('formBehaviours', [Representing])];
+    var getPartName = function (name) {
+      return '<alloy.field.' + name + '>';
+    };
+    var sketch$1 = function (fSpec) {
+      var parts = function () {
+        var record = [];
+        var field = function (name, config) {
+          record.push(name);
+          return generateOne(owner$3, getPartName(name), config);
+        };
+        return {
+          field: field,
+          record: function () {
+            return record;
+          }
+        };
+      }();
+      var spec = fSpec(parts);
+      var partNames = parts.record();
+      var fieldParts = map(partNames, function (n) {
+        return required({
+          name: n,
+          pname: getPartName(n)
+        });
+      });
+      return composite(owner$3, schema$h, fieldParts, make$4, spec);
+    };
+    var toResult$1 = function (o, e) {
+      return o.fold(function () {
+        return Result.error(e);
+      }, Result.value);
+    };
+    var make$4 = function (detail, components) {
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: components,
+        behaviours: augment(detail.formBehaviours, [Representing.config({
+            store: {
+              mode: 'manual',
+              getValue: function (form) {
+                var resPs = getAllParts(form, detail);
+                return map$2(resPs, function (resPThunk, pName) {
+                  return resPThunk().bind(function (v) {
+                    var opt = Composing.getCurrent(v);
+                    return toResult$1(opt, new Error('Cannot find a current component to extract the value from for form part \'' + pName + '\': ' + element(v.element)));
+                  }).map(Representing.getValue);
+                });
+              },
+              setValue: function (form, values) {
+                each$1(values, function (newValue, key) {
+                  getPart(form, detail, key).each(function (wrapper) {
+                    Composing.getCurrent(wrapper).each(function (field) {
+                      Representing.setValue(field, newValue);
+                    });
+                  });
+                });
+              }
+            }
+          })]),
+        apis: {
+          getField: function (form, key) {
+            return getPart(form, detail, key).bind(Composing.getCurrent);
+          }
+        }
+      };
+    };
+    var Form = {
+      getField: makeApi(function (apis, component, key) {
+        return apis.getField(component, key);
+      }),
+      sketch: sketch$1
+    };
+
+    var validInput = generate$1('valid-input');
+    var invalidInput = generate$1('invalid-input');
+    var validatingInput = generate$1('validating-input');
+    var translatePrefix = 'colorcustom.rgb.';
+    var rgbFormFactory = function (translate, getClass, onValidHexx, onInvalidHexx) {
+      var invalidation = function (label, isValid) {
+        return Invalidating.config({
+          invalidClass: getClass('invalid'),
+          notify: {
+            onValidate: function (comp) {
+              emitWith(comp, validatingInput, { type: label });
+            },
+            onValid: function (comp) {
+              emitWith(comp, validInput, {
+                type: label,
+                value: Representing.getValue(comp)
+              });
+            },
+            onInvalid: function (comp) {
+              emitWith(comp, invalidInput, {
+                type: label,
+                value: Representing.getValue(comp)
+              });
+            }
+          },
+          validator: {
+            validate: function (comp) {
+              var value = Representing.getValue(comp);
+              var res = isValid(value) ? Result.value(true) : Result.error(translate('aria.input.invalid'));
+              return Future.pure(res);
+            },
+            validateOnLoad: false
+          }
+        });
+      };
+      var renderTextField = function (isValid, name, label, description, data) {
+        var helptext = translate(translatePrefix + 'range');
+        var pLabel = FormField.parts.label({
+          dom: {
+            tag: 'label',
+            innerHtml: label,
+            attributes: { 'aria-label': description }
+          }
+        });
+        var pField = FormField.parts.field({
+          data: data,
+          factory: Input,
+          inputAttributes: __assign({ type: 'text' }, name === 'hex' ? { 'aria-live': 'polite' } : {}),
+          inputClasses: [getClass('textfield')],
+          inputBehaviours: derive$1([
+            invalidation(name, isValid),
+            Tabstopping.config({})
+          ]),
+          onSetValue: function (input) {
+            if (Invalidating.isInvalid(input)) {
+              var run = Invalidating.run(input);
+              run.get(noop);
+            }
+          }
+        });
+        var comps = [
+          pLabel,
+          pField
+        ];
+        var concats = name !== 'hex' ? [FormField.parts['aria-descriptor']({ text: helptext })] : [];
+        var components = comps.concat(concats);
+        return {
+          dom: {
+            tag: 'div',
+            attributes: { role: 'presentation' }
+          },
+          components: components
+        };
+      };
+      var copyRgbToHex = function (form, rgba) {
+        var hex = fromRgba(rgba);
+        Form.getField(form, 'hex').each(function (hexField) {
+          if (!Focusing.isFocused(hexField)) {
+            Representing.setValue(form, { hex: hex.value });
+          }
+        });
+        return hex;
+      };
+      var copyRgbToForm = function (form, rgb) {
+        var red = rgb.red;
+        var green = rgb.green;
+        var blue = rgb.blue;
+        Representing.setValue(form, {
+          red: red,
+          green: green,
+          blue: blue
+        });
+      };
+      var memPreview = record({
+        dom: {
+          tag: 'div',
+          classes: [getClass('rgba-preview')],
+          styles: { 'background-color': 'white' },
+          attributes: { role: 'presentation' }
+        }
+      });
+      var updatePreview = function (anyInSystem, hex) {
+        memPreview.getOpt(anyInSystem).each(function (preview) {
+          set$2(preview.element, 'background-color', '#' + hex.value);
+        });
+      };
+      var factory = function () {
+        var state = {
+          red: Cell(Optional.some(255)),
+          green: Cell(Optional.some(255)),
+          blue: Cell(Optional.some(255)),
+          hex: Cell(Optional.some('ffffff'))
+        };
+        var copyHexToRgb = function (form, hex) {
+          var rgb = fromHex(hex);
+          copyRgbToForm(form, rgb);
+          setValueRgb(rgb);
+        };
+        var get = function (prop) {
+          return state[prop].get();
+        };
+        var set = function (prop, value) {
+          state[prop].set(value);
+        };
+        var getValueRgb = function () {
+          return get('red').bind(function (red) {
+            return get('green').bind(function (green) {
+              return get('blue').map(function (blue) {
+                return rgbaColour(red, green, blue, 1);
+              });
+            });
+          });
+        };
+        var setValueRgb = function (rgb) {
+          var red = rgb.red;
+          var green = rgb.green;
+          var blue = rgb.blue;
+          set('red', Optional.some(red));
+          set('green', Optional.some(green));
+          set('blue', Optional.some(blue));
+        };
+        var onInvalidInput = function (form, simulatedEvent) {
+          var data = simulatedEvent.event;
+          if (data.type !== 'hex') {
+            set(data.type, Optional.none());
+          } else {
+            onInvalidHexx(form);
+          }
+        };
+        var onValidHex = function (form, value) {
+          onValidHexx(form);
+          var hex = hexColour(value);
+          set('hex', Optional.some(value));
+          var rgb = fromHex(hex);
+          copyRgbToForm(form, rgb);
+          setValueRgb(rgb);
+          emitWith(form, fieldsUpdate, { hex: hex });
+          updatePreview(form, hex);
+        };
+        var onValidRgb = function (form, prop, value) {
+          var val = parseInt(value, 10);
+          set(prop, Optional.some(val));
+          getValueRgb().each(function (rgb) {
+            var hex = copyRgbToHex(form, rgb);
+            updatePreview(form, hex);
+          });
+        };
+        var isHexInputEvent = function (data) {
+          return data.type === 'hex';
+        };
+        var onValidInput = function (form, simulatedEvent) {
+          var data = simulatedEvent.event;
+          if (isHexInputEvent(data)) {
+            onValidHex(form, data.value);
+          } else {
+            onValidRgb(form, data.type, data.value);
+          }
+        };
+        var formPartStrings = function (key) {
+          return {
+            label: translate(translatePrefix + key + '.label'),
+            description: translate(translatePrefix + key + '.description')
+          };
+        };
+        var redStrings = formPartStrings('red');
+        var greenStrings = formPartStrings('green');
+        var blueStrings = formPartStrings('blue');
+        var hexStrings = formPartStrings('hex');
+        return deepMerge(Form.sketch(function (parts) {
+          return {
+            dom: {
+              tag: 'form',
+              classes: [getClass('rgb-form')],
+              attributes: { 'aria-label': translate('aria.color.picker') }
+            },
+            components: [
+              parts.field('red', FormField.sketch(renderTextField(isRgbaComponent, 'red', redStrings.label, redStrings.description, 255))),
+              parts.field('green', FormField.sketch(renderTextField(isRgbaComponent, 'green', greenStrings.label, greenStrings.description, 255))),
+              parts.field('blue', FormField.sketch(renderTextField(isRgbaComponent, 'blue', blueStrings.label, blueStrings.description, 255))),
+              parts.field('hex', FormField.sketch(renderTextField(isHexString, 'hex', hexStrings.label, hexStrings.description, 'ffffff'))),
+              memPreview.asSpec()
+            ],
+            formBehaviours: derive$1([
+              Invalidating.config({ invalidClass: getClass('form-invalid') }),
+              config('rgb-form-events', [
+                run(validInput, onValidInput),
+                run(invalidInput, onInvalidInput),
+                run(validatingInput, onInvalidInput)
+              ])
+            ])
+          };
+        }), {
+          apis: {
+            updateHex: function (form, hex) {
+              Representing.setValue(form, { hex: hex.value });
+              copyHexToRgb(form, hex);
+              updatePreview(form, hex);
+            }
+          }
+        });
+      };
+      var rgbFormSketcher = single$2({
+        factory: factory,
+        name: 'RgbForm',
+        configFields: [],
+        apis: {
+          updateHex: function (apis, form, hex) {
+            apis.updateHex(form, hex);
+          }
+        },
+        extraApis: {}
+      });
+      return rgbFormSketcher;
+    };
+
+    var paletteFactory = function (_translate, getClass) {
+      var spectrumPart = Slider.parts.spectrum({
+        dom: {
+          tag: 'canvas',
+          attributes: { role: 'presentation' },
+          classes: [getClass('sv-palette-spectrum')]
+        }
+      });
+      var thumbPart = Slider.parts.thumb({
+        dom: {
+          tag: 'div',
+          attributes: { role: 'presentation' },
+          classes: [getClass('sv-palette-thumb')],
+          innerHtml: '<div class=' + getClass('sv-palette-inner-thumb') + ' role="presentation"></div>'
+        }
+      });
+      var setColour = function (canvas, rgba) {
+        var width = canvas.width, height = canvas.height;
+        var ctx = canvas.getContext('2d');
+        if (ctx === null) {
+          return;
+        }
+        ctx.fillStyle = rgba;
+        ctx.fillRect(0, 0, width, height);
+        var grdWhite = ctx.createLinearGradient(0, 0, width, 0);
+        grdWhite.addColorStop(0, 'rgba(255,255,255,1)');
+        grdWhite.addColorStop(1, 'rgba(255,255,255,0)');
+        ctx.fillStyle = grdWhite;
+        ctx.fillRect(0, 0, width, height);
+        var grdBlack = ctx.createLinearGradient(0, 0, 0, height);
+        grdBlack.addColorStop(0, 'rgba(0,0,0,0)');
+        grdBlack.addColorStop(1, 'rgba(0,0,0,1)');
+        ctx.fillStyle = grdBlack;
+        ctx.fillRect(0, 0, width, height);
+      };
+      var setSliderColour = function (slider, rgba) {
+        var canvas = slider.components()[0].element.dom;
+        setColour(canvas, toString(rgba));
+      };
+      var factory = function (_detail) {
+        var getInitialValue = constant({
+          x: 0,
+          y: 0
+        });
+        var onChange = function (slider, _thumb, value) {
+          emitWith(slider, paletteUpdate, { value: value });
+        };
+        var onInit = function (_slider, _thumb, spectrum, _value) {
+          setColour(spectrum.element.dom, toString(red));
+        };
+        var sliderBehaviours = derive$1([
+          Composing.config({ find: Optional.some }),
+          Focusing.config({})
+        ]);
+        return Slider.sketch({
+          dom: {
+            tag: 'div',
+            attributes: { role: 'presentation' },
+            classes: [getClass('sv-palette')]
+          },
+          model: {
+            mode: 'xy',
+            getInitialValue: getInitialValue
+          },
+          rounded: false,
+          components: [
+            spectrumPart,
+            thumbPart
+          ],
+          onChange: onChange,
+          onInit: onInit,
+          sliderBehaviours: sliderBehaviours
+        });
+      };
+      var saturationBrightnessPaletteSketcher = single$2({
+        factory: factory,
+        name: 'SaturationBrightnessPalette',
+        configFields: [],
+        apis: {
+          setRgba: function (_apis, slider, rgba) {
+            setSliderColour(slider, rgba);
+          }
+        },
+        extraApis: {}
+      });
+      return saturationBrightnessPaletteSketcher;
+    };
+
+    var makeFactory = function (translate, getClass) {
+      var factory = function (detail) {
+        var rgbForm = rgbFormFactory(translate, getClass, detail.onValidHex, detail.onInvalidHex);
+        var sbPalette = paletteFactory(translate, getClass);
+        var state = { paletteRgba: Cell(red) };
+        var memPalette = record(sbPalette.sketch({}));
+        var memRgb = record(rgbForm.sketch({}));
+        var updatePalette = function (anyInSystem, hex) {
+          memPalette.getOpt(anyInSystem).each(function (palette) {
+            var rgba = fromHex(hex);
+            state.paletteRgba.set(rgba);
+            sbPalette.setRgba(palette, rgba);
+          });
+        };
+        var updateFields = function (anyInSystem, hex) {
+          memRgb.getOpt(anyInSystem).each(function (form) {
+            rgbForm.updateHex(form, hex);
+          });
+        };
+        var runUpdates = function (anyInSystem, hex, updates) {
+          each(updates, function (update) {
+            update(anyInSystem, hex);
+          });
+        };
+        var paletteUpdates = function () {
+          var updates = [updateFields];
+          return function (form, simulatedEvent) {
+            var value = simulatedEvent.event.value;
+            var oldRgb = state.paletteRgba.get();
+            var hsvColour$1 = fromRgb(oldRgb);
+            var newHsvColour = hsvColour(hsvColour$1.hue, value.x, 100 - value.y);
+            var rgb = fromHsv(newHsvColour);
+            var nuHex = fromRgba(rgb);
+            runUpdates(form, nuHex, updates);
+          };
+        };
+        var sliderUpdates = function () {
+          var updates = [
+            updatePalette,
+            updateFields
+          ];
+          return function (form, simulatedEvent) {
+            var value = simulatedEvent.event.value;
+            var hex = calcHex(value.y);
+            runUpdates(form, hex, updates);
+          };
+        };
+        return {
+          uid: detail.uid,
+          dom: detail.dom,
+          components: [
+            memPalette.asSpec(),
+            sliderFactory(translate, getClass),
+            memRgb.asSpec()
+          ],
+          behaviours: derive$1([
+            config('colour-picker-events', [
+              run(paletteUpdate, paletteUpdates()),
+              run(sliderUpdate, sliderUpdates())
+            ]),
+            Composing.config({
+              find: function (comp) {
+                return memRgb.getOpt(comp);
+              }
+            }),
+            Keying.config({ mode: 'acyclic' })
+          ])
+        };
+      };
+      var colourPickerSketcher = single$2({
+        name: 'ColourPicker',
+        configFields: [
+          strict$1('dom'),
+          defaulted$1('onValidHex', noop),
+          defaulted$1('onInvalidHex', noop)
+        ],
+        factory: factory
+      });
+      return colourPickerSketcher;
+    };
+
+    var self$1 = function () {
+      return Composing.config({ find: Optional.some });
+    };
+    var memento = function (mem) {
+      return Composing.config({ find: mem.getOpt });
+    };
+    var childAt = function (index) {
+      return Composing.config({
+        find: function (comp) {
+          return child(comp.element, index).bind(function (element) {
+            return comp.getSystem().getByDom(element).toOptional();
+          });
+        }
+      });
+    };
+    var ComposingConfigs = {
+      self: self$1,
+      memento: memento,
+      childAt: childAt
+    };
+
+    var english = {
+      'colorcustom.rgb.red.label': 'R',
+      'colorcustom.rgb.red.description': 'Red component',
+      'colorcustom.rgb.green.label': 'G',
+      'colorcustom.rgb.green.description': 'Green component',
+      'colorcustom.rgb.blue.label': 'B',
+      'colorcustom.rgb.blue.description': 'Blue component',
+      'colorcustom.rgb.hex.label': '#',
+      'colorcustom.rgb.hex.description': 'Hex color code',
+      'colorcustom.rgb.range': 'Range 0 to 255',
+      'colorcustom.sb.saturation': 'Saturation',
+      'colorcustom.sb.brightness': 'Brightness',
+      'colorcustom.sb.picker': 'Saturation and Brightness Picker',
+      'colorcustom.sb.palette': 'Saturation and Brightness Palette',
+      'colorcustom.sb.instructions': 'Use arrow keys to select saturation and brightness, on x and y axes',
+      'colorcustom.hue.hue': 'Hue',
+      'colorcustom.hue.slider': 'Hue Slider',
+      'colorcustom.hue.palette': 'Hue Palette',
+      'colorcustom.hue.instructions': 'Use arrow keys to select a hue',
+      'aria.color.picker': 'Color Picker',
+      'aria.input.invalid': 'Invalid input'
+    };
+    var getEnglishText = function (key) {
+      return english[key];
+    };
+    var translate$1 = function (key) {
+      return getEnglishText(key);
+    };
+    var renderColorPicker = function (_spec) {
+      var getClass = function (key) {
+        return 'tox-' + key;
+      };
+      var colourPickerFactory = makeFactory(translate$1, getClass);
+      var onValidHex = function (form) {
+        emitWith(form, formActionEvent, {
+          name: 'hex-valid',
+          value: true
+        });
+      };
+      var onInvalidHex = function (form) {
+        emitWith(form, formActionEvent, {
+          name: 'hex-valid',
+          value: false
+        });
+      };
+      var memPicker = record(colourPickerFactory.sketch({
+        dom: {
+          tag: 'div',
+          classes: [getClass('color-picker-container')],
+          attributes: { role: 'presentation' }
+        },
+        onValidHex: onValidHex,
+        onInvalidHex: onInvalidHex
+      }));
+      return {
+        dom: { tag: 'div' },
+        components: [memPicker.asSpec()],
+        behaviours: derive$1([
+          Representing.config({
+            store: {
+              mode: 'manual',
+              getValue: function (comp) {
+                var picker = memPicker.get(comp);
+                var optRgbForm = Composing.getCurrent(picker);
+                var optHex = optRgbForm.bind(function (rgbForm) {
+                  var formValues = Representing.getValue(rgbForm);
+                  return formValues.hex;
+                });
+                return optHex.map(function (hex) {
+                  return '#' + hex;
+                }).getOr('');
+              },
+              setValue: function (comp, newValue) {
+                var pattern = /^#([a-fA-F0-9]{3}(?:[a-fA-F0-9]{3})?)/;
+                var m = pattern.exec(newValue);
+                var picker = memPicker.get(comp);
+                var optRgbForm = Composing.getCurrent(picker);
+                optRgbForm.fold(function () {
+                  console.log('Can not find form');
+                }, function (rgbForm) {
+                  Representing.setValue(rgbForm, { hex: Optional.from(m[1]).getOr('') });
+                  Form.getField(rgbForm, 'hex').each(function (hexField) {
+                    emit(hexField, input());
+                  });
+                });
+              }
+            }
+          }),
+          ComposingConfigs.self()
+        ])
+      };
+    };
+
+    var global$b = tinymce.util.Tools.resolve('tinymce.Resource');
+
+    var isOldCustomEditor = function (spec) {
+      return Object.prototype.hasOwnProperty.call(spec, 'init');
+    };
+    var renderCustomEditor = function (spec) {
+      var editorApi = Cell(Optional.none());
+      var memReplaced = record({ dom: { tag: spec.tag } });
+      var initialValue = Cell(Optional.none());
+      return {
+        dom: {
+          tag: 'div',
+          classes: ['tox-custom-editor']
+        },
+        behaviours: derive$1([
+          config('custom-editor-events', [runOnAttached(function (component) {
+              memReplaced.getOpt(component).each(function (ta) {
+                (isOldCustomEditor(spec) ? spec.init(ta.element.dom) : global$b.load(spec.scriptId, spec.scriptUrl).then(function (init) {
+                  return init(ta.element.dom, spec.settings);
+                })).then(function (ea) {
+                  initialValue.get().each(function (cvalue) {
+                    ea.setValue(cvalue);
+                  });
+                  initialValue.set(Optional.none());
+                  editorApi.set(Optional.some(ea));
+                });
+              });
+            })]),
+          Representing.config({
+            store: {
+              mode: 'manual',
+              getValue: function () {
+                return editorApi.get().fold(function () {
+                  return initialValue.get().getOr('');
+                }, function (ed) {
+                  return ed.getValue();
+                });
+              },
+              setValue: function (component, value) {
+                editorApi.get().fold(function () {
+                  initialValue.set(Optional.some(value));
+                }, function (ed) {
+                  return ed.setValue(value);
+                });
+              }
+            }
+          }),
+          ComposingConfigs.self()
+        ]),
+        components: [memReplaced.asSpec()]
+      };
+    };
+
+    var global$c = tinymce.util.Tools.resolve('tinymce.util.Tools');
+
+    var processors = objOf([
+      defaulted$1('preprocess', identity),
+      defaulted$1('postprocess', identity)
+    ]);
+    var memento$1 = function (mem, rawProcessors) {
+      var ps = asRawOrDie('RepresentingConfigs.memento processors', processors, rawProcessors);
+      return Representing.config({
+        store: {
+          mode: 'manual',
+          getValue: function (comp) {
+            var other = mem.get(comp);
+            var rawValue = Representing.getValue(other);
+            return ps.postprocess(rawValue);
+          },
+          setValue: function (comp, rawValue) {
+            var newValue = ps.preprocess(rawValue);
+            var other = mem.get(comp);
+            Representing.setValue(other, newValue);
+          }
+        }
+      });
+    };
+    var withComp = function (optInitialValue, getter, setter) {
+      return Representing.config(deepMerge({
+        store: {
+          mode: 'manual',
+          getValue: getter,
+          setValue: setter
+        }
+      }, optInitialValue.map(function (initialValue) {
+        return { store: { initialValue: initialValue } };
+      }).getOr({})));
+    };
+    var withElement = function (initialValue, getter, setter) {
+      return withComp(initialValue, function (c) {
+        return getter(c.element);
+      }, function (c, v) {
+        return setter(c.element, v);
+      });
+    };
+    var domValue = function (optInitialValue) {
+      return withElement(optInitialValue, get$6, set$3);
+    };
+    var domHtml = function (optInitialValue) {
+      return withElement(optInitialValue, get$2, set);
+    };
+    var memory$1 = function (initialValue) {
+      return Representing.config({
+        store: {
+          mode: 'memory',
+          initialValue: initialValue
+        }
+      });
+    };
+    var RepresentingConfigs = {
+      memento: memento$1,
+      withElement: withElement,
+      withComp: withComp,
+      domValue: domValue,
+      domHtml: domHtml,
+      memory: memory$1
+    };
+
+    var defaultImageFileTypes = 'jpeg,jpg,jpe,jfi,jif,jfif,png,gif,bmp,webp';
+    var filterByExtension = function (files, providersBackstage) {
+      var allowedImageFileTypes = global$c.explode(providersBackstage.getSetting('images_file_types', defaultImageFileTypes, 'string'));
+      var isFileInAllowedTypes = function (file) {
+        return exists(allowedImageFileTypes, function (type) {
+          return endsWith(file.name, '.' + type);
+        });
+      };
+      return filter(from$1(files), isFileInAllowedTypes);
+    };
+    var renderDropZone = function (spec, providersBackstage) {
+      var stopper = function (_, se) {
+        se.stop();
+      };
+      var sequence = function (actions) {
+        return function (comp, se) {
+          each(actions, function (a) {
+            a(comp, se);
+          });
+        };
+      };
+      var onDrop = function (comp, se) {
+        if (!Disabling.isDisabled(comp)) {
+          var transferEvent = se.event.raw;
+          handleFiles(comp, transferEvent.dataTransfer.files);
+        }
+      };
+      var onSelect = function (component, simulatedEvent) {
+        var input = simulatedEvent.event.raw.target;
+        handleFiles(component, input.files);
+      };
+      var handleFiles = function (component, files) {
+        Representing.setValue(component, filterByExtension(files, providersBackstage));
+        emitWith(component, formChangeEvent, { name: spec.name });
+      };
+      var memInput = record({
+        dom: {
+          tag: 'input',
+          attributes: {
+            type: 'file',
+            accept: 'image/*'
+          },
+          styles: { display: 'none' }
+        },
+        behaviours: derive$1([config('input-file-events', [
+            cutter(click()),
+            cutter(tap())
+          ])])
+      });
+      var renderField = function (s) {
+        return {
+          uid: s.uid,
+          dom: {
+            tag: 'div',
+            classes: ['tox-dropzone-container']
+          },
+          behaviours: derive$1([
+            RepresentingConfigs.memory([]),
+            ComposingConfigs.self(),
+            Disabling.config({}),
+            Toggling.config({
+              toggleClass: 'dragenter',
+              toggleOnExecute: false
+            }),
+            config('dropzone-events', [
+              run('dragenter', sequence([
+                stopper,
+                Toggling.toggle
+              ])),
+              run('dragleave', sequence([
+                stopper,
+                Toggling.toggle
+              ])),
+              run('dragover', stopper),
+              run('drop', sequence([
+                stopper,
+                onDrop
+              ])),
+              run(change(), onSelect)
+            ])
+          ]),
+          components: [{
+              dom: {
+                tag: 'div',
+                classes: ['tox-dropzone'],
+                styles: {}
+              },
+              components: [
+                {
+                  dom: {
+                    tag: 'p',
+                    innerHtml: providersBackstage.translate('Drop an image here')
+                  }
+                },
+                Button.sketch({
+                  dom: {
+                    tag: 'button',
+                    innerHtml: providersBackstage.translate('Browse for an image'),
+                    styles: { position: 'relative' },
+                    classes: [
+                      'tox-button',
+                      'tox-button--secondary'
+                    ]
+                  },
+                  components: [memInput.asSpec()],
+                  action: function (comp) {
+                    var inputComp = memInput.get(comp);
+                    inputComp.element.dom.click();
+                  },
+                  buttonBehaviours: derive$1([
+                    Tabstopping.config({}),
+                    DisablingConfigs.button(providersBackstage.isDisabled),
+                    receivingConfig()
+                  ])
+                })
+              ]
+            }]
+        };
+      };
+      var pLabel = spec.label.map(function (label) {
+        return renderLabel(label, providersBackstage);
+      });
+      var pField = FormField.parts.field({ factory: { sketch: renderField } });
+      return renderFormFieldWith(pLabel, pField, ['tox-form__group--stretched'], []);
+    };
+
+    var renderGrid = function (spec, backstage) {
+      return {
+        dom: {
+          tag: 'div',
+          classes: [
+            'tox-form__grid',
+            'tox-form__grid--' + spec.columns + 'col'
+          ]
+        },
+        components: map(spec.items, backstage.interpreter)
+      };
+    };
+
+    var beforeObject = generate$1('alloy-fake-before-tabstop');
+    var afterObject = generate$1('alloy-fake-after-tabstop');
+    var craftWithClasses = function (classes) {
+      return {
+        dom: {
+          tag: 'div',
+          styles: {
+            width: '1px',
+            height: '1px',
+            outline: 'none'
+          },
+          attributes: { tabindex: '0' },
+          classes: classes
+        },
+        behaviours: derive$1([
+          Focusing.config({ ignore: true }),
+          Tabstopping.config({})
+        ])
+      };
+    };
+    var craft = function (spec) {
+      return {
+        dom: {
+          tag: 'div',
+          classes: ['tox-navobj']
+        },
+        components: [
+          craftWithClasses([beforeObject]),
+          spec,
+          craftWithClasses([afterObject])
+        ],
+        behaviours: derive$1([ComposingConfigs.childAt(1)])
+      };
+    };
+    var triggerTab = function (placeholder, shiftKey) {
+      emitWith(placeholder, keydown(), {
+        raw: {
+          which: 9,
+          shiftKey: shiftKey
+        }
+      });
+    };
+    var onFocus$1 = function (container, targetComp) {
+      var target = targetComp.element;
+      if (has$2(target, beforeObject)) {
+        triggerTab(container, true);
+      } else if (has$2(target, afterObject)) {
+        triggerTab(container, false);
+      }
+    };
+    var isPseudoStop = function (element) {
+      return closest$4(element, [
+        '.' + beforeObject,
+        '.' + afterObject
+      ].join(','), never);
+    };
+
+    var platformNeedsSandboxing = !(detect$3().browser.isIE() || detect$3().browser.isEdge());
+    var getDynamicSource = function (isSandbox) {
+      var cachedValue = Cell('');
+      return {
+        getValue: function (_frameComponent) {
+          return cachedValue.get();
+        },
+        setValue: function (frameComponent, html) {
+          if (!isSandbox) {
+            set$1(frameComponent.element, 'src', 'javascript:\'\'');
+            var doc = frameComponent.element.dom.contentWindow.document;
+            doc.open();
+            doc.write(html);
+            doc.close();
+          } else {
+            set$1(frameComponent.element, 'srcdoc', html);
+          }
+          cachedValue.set(html);
+        }
+      };
+    };
+    var renderIFrame = function (spec, providersBackstage) {
+      var isSandbox = platformNeedsSandboxing && spec.sandboxed;
+      var attributes = __assign(__assign({}, spec.label.map(function (title) {
+        return { title: title };
+      }).getOr({})), isSandbox ? { sandbox: 'allow-scripts allow-same-origin' } : {});
+      var sourcing = getDynamicSource(isSandbox);
+      var pLabel = spec.label.map(function (label) {
+        return renderLabel(label, providersBackstage);
+      });
+      var factory = function (newSpec) {
+        return craft({
+          uid: newSpec.uid,
+          dom: {
+            tag: 'iframe',
+            attributes: attributes
+          },
+          behaviours: derive$1([
+            Tabstopping.config({}),
+            Focusing.config({}),
+            RepresentingConfigs.withComp(Optional.none(), sourcing.getValue, sourcing.setValue)
+          ])
+        });
+      };
+      var pField = FormField.parts.field({ factory: { sketch: factory } });
+      return renderFormFieldWith(pLabel, pField, ['tox-form__group--stretched'], []);
+    };
+
+    function create$5(width, height) {
+      return resize(document.createElement('canvas'), width, height);
+    }
+    function clone$1(canvas) {
+      var tCanvas = create$5(canvas.width, canvas.height);
+      var ctx = get2dContext(tCanvas);
+      ctx.drawImage(canvas, 0, 0);
+      return tCanvas;
+    }
+    function get2dContext(canvas) {
+      return canvas.getContext('2d');
+    }
+    function resize(canvas, width, height) {
+      canvas.width = width;
+      canvas.height = height;
+      return canvas;
+    }
+
+    function getWidth(image) {
+      return image.naturalWidth || image.width;
+    }
+    function getHeight(image) {
+      return image.naturalHeight || image.height;
+    }
+
+    var promise = function () {
+      var Promise = function (fn) {
+        if (typeof this !== 'object') {
+          throw new TypeError('Promises must be constructed via new');
+        }
+        if (typeof fn !== 'function') {
+          throw new TypeError('not a function');
+        }
+        this._state = null;
+        this._value = null;
+        this._deferreds = [];
+        doResolve(fn, bind(resolve, this), bind(reject, this));
+      };
+      var anyWindow = window;
+      var asap = Promise.immediateFn || typeof anyWindow.setImmediate === 'function' && anyWindow.setImmediate || function (fn) {
+        setTimeout(fn, 1);
+      };
+      function bind(fn, thisArg) {
+        return function () {
+          return fn.apply(thisArg, arguments);
+        };
+      }
+      var isArray = Array.isArray || function (value) {
+        return Object.prototype.toString.call(value) === '[object Array]';
+      };
+      function handle(deferred) {
+        var me = this;
+        if (this._state === null) {
+          this._deferreds.push(deferred);
+          return;
+        }
+        asap(function () {
+          var cb = me._state ? deferred.onFulfilled : deferred.onRejected;
+          if (cb === null) {
+            (me._state ? deferred.resolve : deferred.reject)(me._value);
+            return;
+          }
+          var ret;
+          try {
+            ret = cb(me._value);
+          } catch (e) {
+            deferred.reject(e);
+            return;
+          }
+          deferred.resolve(ret);
+        });
+      }
+      function resolve(newValue) {
+        try {
+          if (newValue === this) {
+            throw new TypeError('A promise cannot be resolved with itself.');
+          }
+          if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
+            var then = newValue.then;
+            if (typeof then === 'function') {
+              doResolve(bind(then, newValue), bind(resolve, this), bind(reject, this));
+              return;
+            }
+          }
+          this._state = true;
+          this._value = newValue;
+          finale.call(this);
+        } catch (e) {
+          reject.call(this, e);
+        }
+      }
+      function reject(newValue) {
+        this._state = false;
+        this._value = newValue;
+        finale.call(this);
+      }
+      function finale() {
+        for (var _i = 0, _a = this._deferreds; _i < _a.length; _i++) {
+          var deferred = _a[_i];
+          handle.call(this, deferred);
+        }
+        this._deferreds = [];
+      }
+      function Handler(onFulfilled, onRejected, resolve, reject) {
+        this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;
+        this.onRejected = typeof onRejected === 'function' ? onRejected : null;
+        this.resolve = resolve;
+        this.reject = reject;
+      }
+      function doResolve(fn, onFulfilled, onRejected) {
+        var done = false;
+        try {
+          fn(function (value) {
+            if (done) {
+              return;
+            }
+            done = true;
+            onFulfilled(value);
+          }, function (reason) {
+            if (done) {
+              return;
+            }
+            done = true;
+            onRejected(reason);
+          });
+        } catch (ex) {
+          if (done) {
+            return;
+          }
+          done = true;
+          onRejected(ex);
+        }
+      }
+      Promise.prototype.catch = function (onRejected) {
+        return this.then(null, onRejected);
+      };
+      Promise.prototype.then = function (onFulfilled, onRejected) {
+        var me = this;
+        return new Promise(function (resolve, reject) {
+          handle.call(me, new Handler(onFulfilled, onRejected, resolve, reject));
+        });
+      };
+      Promise.all = function () {
+        var values = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          values[_i] = arguments[_i];
+        }
+        var args = Array.prototype.slice.call(values.length === 1 && isArray(values[0]) ? values[0] : values);
+        return new Promise(function (resolve, reject) {
+          if (args.length === 0) {
+            return resolve([]);
+          }
+          var remaining = args.length;
+          function res(i, val) {
+            try {
+              if (val && (typeof val === 'object' || typeof val === 'function')) {
+                var then = val.then;
+                if (typeof then === 'function') {
+                  then.call(val, function (val) {
+                    res(i, val);
+                  }, reject);
+                  return;
+                }
+              }
+              args[i] = val;
+              if (--remaining === 0) {
+                resolve(args);
+              }
+            } catch (ex) {
+              reject(ex);
+            }
+          }
+          for (var i = 0; i < args.length; i++) {
+            res(i, args[i]);
+          }
+        });
+      };
+      Promise.resolve = function (value) {
+        if (value && typeof value === 'object' && value.constructor === Promise) {
+          return value;
+        }
+        return new Promise(function (resolve) {
+          resolve(value);
+        });
+      };
+      Promise.reject = function (reason) {
+        return new Promise(function (resolve, reject) {
+          reject(reason);
+        });
+      };
+      Promise.race = function (values) {
+        return new Promise(function (resolve, reject) {
+          for (var _i = 0, values_1 = values; _i < values_1.length; _i++) {
+            var value = values_1[_i];
+            value.then(resolve, reject);
+          }
+        });
+      };
+      return Promise;
+    };
+    var Promise$1 = window.Promise ? window.Promise : promise();
+
+    function blobToImage(blob) {
+      return new Promise$1(function (resolve, reject) {
+        var blobUrl = URL.createObjectURL(blob);
+        var image = new Image();
+        var removeListeners = function () {
+          image.removeEventListener('load', loaded);
+          image.removeEventListener('error', error);
+        };
+        function loaded() {
+          removeListeners();
+          resolve(image);
+        }
+        function error() {
+          removeListeners();
+          reject('Unable to load data of type ' + blob.type + ': ' + blobUrl);
+        }
+        image.addEventListener('load', loaded);
+        image.addEventListener('error', error);
+        image.src = blobUrl;
+        if (image.complete) {
+          loaded();
+        }
+      });
+    }
+    function dataUriToBlobSync(uri) {
+      var data = uri.split(',');
+      var matches = /data:([^;]+)/.exec(data[0]);
+      if (!matches) {
+        return Optional.none();
+      }
+      var mimetype = matches[1];
+      var base64 = data[1];
+      var sliceSize = 1024;
+      var byteCharacters = atob(base64);
+      var bytesLength = byteCharacters.length;
+      var slicesCount = Math.ceil(bytesLength / sliceSize);
+      var byteArrays = new Array(slicesCount);
+      for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
+        var begin = sliceIndex * sliceSize;
+        var end = Math.min(begin + sliceSize, bytesLength);
+        var bytes = new Array(end - begin);
+        for (var offset = begin, i = 0; offset < end; ++i, ++offset) {
+          bytes[i] = byteCharacters[offset].charCodeAt(0);
+        }
+        byteArrays[sliceIndex] = new Uint8Array(bytes);
+      }
+      return Optional.some(new Blob(byteArrays, { type: mimetype }));
+    }
+    function dataUriToBlob(uri) {
+      return new Promise$1(function (resolve, reject) {
+        dataUriToBlobSync(uri).fold(function () {
+          reject('uri is not base64: ' + uri);
+        }, resolve);
+      });
+    }
+    function canvasToBlob(canvas, type, quality) {
+      type = type || 'image/png';
+      if (isFunction(HTMLCanvasElement.prototype.toBlob)) {
+        return new Promise$1(function (resolve, reject) {
+          canvas.toBlob(function (blob) {
+            if (blob) {
+              resolve(blob);
+            } else {
+              reject();
+            }
+          }, type, quality);
+        });
+      } else {
+        return dataUriToBlob(canvas.toDataURL(type, quality));
+      }
+    }
+    function canvasToDataURL(canvas, type, quality) {
+      type = type || 'image/png';
+      return canvas.toDataURL(type, quality);
+    }
+    function blobToCanvas(blob) {
+      return blobToImage(blob).then(function (image) {
+        revokeImageUrl(image);
+        var canvas = create$5(getWidth(image), getHeight(image));
+        var context = get2dContext(canvas);
+        context.drawImage(image, 0, 0);
+        return canvas;
+      });
+    }
+    function blobToDataUri(blob) {
+      return new Promise$1(function (resolve) {
+        var reader = new FileReader();
+        reader.onloadend = function () {
+          resolve(reader.result);
+        };
+        reader.readAsDataURL(blob);
+      });
+    }
+    function revokeImageUrl(image) {
+      URL.revokeObjectURL(image.src);
+    }
+
+    function create$6(getCanvas, blob, uri) {
+      var initialType = blob.type;
+      var getType = constant(initialType);
+      function toBlob() {
+        return Promise$1.resolve(blob);
+      }
+      var toDataURL = constant(uri);
+      function toBase64() {
+        return uri.split(',')[1];
+      }
+      function toAdjustedBlob(type, quality) {
+        return getCanvas.then(function (canvas) {
+          return canvasToBlob(canvas, type, quality);
+        });
+      }
+      function toAdjustedDataURL(type, quality) {
+        return getCanvas.then(function (canvas) {
+          return canvasToDataURL(canvas, type, quality);
+        });
+      }
+      function toAdjustedBase64(type, quality) {
+        return toAdjustedDataURL(type, quality).then(function (dataurl) {
+          return dataurl.split(',')[1];
+        });
+      }
+      function toCanvas() {
+        return getCanvas.then(clone$1);
+      }
+      return {
+        getType: getType,
+        toBlob: toBlob,
+        toDataURL: toDataURL,
+        toBase64: toBase64,
+        toAdjustedBlob: toAdjustedBlob,
+        toAdjustedDataURL: toAdjustedDataURL,
+        toAdjustedBase64: toAdjustedBase64,
+        toCanvas: toCanvas
+      };
+    }
+    function fromBlob(blob) {
+      return blobToDataUri(blob).then(function (uri) {
+        return create$6(blobToCanvas(blob), blob, uri);
+      });
+    }
+    function fromCanvas(canvas, type) {
+      return canvasToBlob(canvas, type).then(function (blob) {
+        return create$6(Promise$1.resolve(canvas), blob, canvas.toDataURL());
+      });
+    }
+
+    var blobToImageResult = function (blob) {
+      return fromBlob(blob);
+    };
+
+    function clamp$1(value, min, max) {
+      var parsedValue = typeof value === 'string' ? parseFloat(value) : value;
+      if (parsedValue > max) {
+        parsedValue = max;
+      } else if (parsedValue < min) {
+        parsedValue = min;
+      }
+      return parsedValue;
+    }
+    function identity$1() {
+      return [
+        1,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1
+      ];
+    }
+    var DELTA_INDEX = [
+      0,
+      0.01,
+      0.02,
+      0.04,
+      0.05,
+      0.06,
+      0.07,
+      0.08,
+      0.1,
+      0.11,
+      0.12,
+      0.14,
+      0.15,
+      0.16,
+      0.17,
+      0.18,
+      0.2,
+      0.21,
+      0.22,
+      0.24,
+      0.25,
+      0.27,
+      0.28,
+      0.3,
+      0.32,
+      0.34,
+      0.36,
+      0.38,
+      0.4,
+      0.42,
+      0.44,
+      0.46,
+      0.48,
+      0.5,
+      0.53,
+      0.56,
+      0.59,
+      0.62,
+      0.65,
+      0.68,
+      0.71,
+      0.74,
+      0.77,
+      0.8,
+      0.83,
+      0.86,
+      0.89,
+      0.92,
+      0.95,
+      0.98,
+      1,
+      1.06,
+      1.12,
+      1.18,
+      1.24,
+      1.3,
+      1.36,
+      1.42,
+      1.48,
+      1.54,
+      1.6,
+      1.66,
+      1.72,
+      1.78,
+      1.84,
+      1.9,
+      1.96,
+      2,
+      2.12,
+      2.25,
+      2.37,
+      2.5,
+      2.62,
+      2.75,
+      2.87,
+      3,
+      3.2,
+      3.4,
+      3.6,
+      3.8,
+      4,
+      4.3,
+      4.7,
+      4.9,
+      5,
+      5.5,
+      6,
+      6.5,
+      6.8,
+      7,
+      7.3,
+      7.5,
+      7.8,
+      8,
+      8.4,
+      8.7,
+      9,
+      9.4,
+      9.6,
+      9.8,
+      10
+    ];
+    function multiply(matrix1, matrix2) {
+      var col = [];
+      var out = new Array(25);
+      var val;
+      for (var i = 0; i < 5; i++) {
+        for (var j = 0; j < 5; j++) {
+          col[j] = matrix2[j + i * 5];
+        }
+        for (var j = 0; j < 5; j++) {
+          val = 0;
+          for (var k = 0; k < 5; k++) {
+            val += matrix1[j + k * 5] * col[k];
+          }
+          out[j + i * 5] = val;
+        }
+      }
+      return out;
+    }
+    function adjustContrast(matrix, value) {
+      var x;
+      value = clamp$1(value, -1, 1);
+      value *= 100;
+      if (value < 0) {
+        x = 127 + value / 100 * 127;
+      } else {
+        x = value % 1;
+        if (x === 0) {
+          x = DELTA_INDEX[value];
+        } else {
+          x = DELTA_INDEX[Math.floor(value)] * (1 - x) + DELTA_INDEX[Math.floor(value) + 1] * x;
+        }
+        x = x * 127 + 127;
+      }
+      return multiply(matrix, [
+        x / 127,
+        0,
+        0,
+        0,
+        0.5 * (127 - x),
+        0,
+        x / 127,
+        0,
+        0,
+        0.5 * (127 - x),
+        0,
+        0,
+        x / 127,
+        0,
+        0.5 * (127 - x),
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1
+      ]);
+    }
+    function adjustBrightness(matrix, value) {
+      value = clamp$1(255 * value, -255, 255);
+      return multiply(matrix, [
+        1,
+        0,
+        0,
+        0,
+        value,
+        0,
+        1,
+        0,
+        0,
+        value,
+        0,
+        0,
+        1,
+        0,
+        value,
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1
+      ]);
+    }
+    function adjustColors(matrix, adjustR, adjustG, adjustB) {
+      adjustR = clamp$1(adjustR, 0, 2);
+      adjustG = clamp$1(adjustG, 0, 2);
+      adjustB = clamp$1(adjustB, 0, 2);
+      return multiply(matrix, [
+        adjustR,
+        0,
+        0,
+        0,
+        0,
+        0,
+        adjustG,
+        0,
+        0,
+        0,
+        0,
+        0,
+        adjustB,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1,
+        0,
+        0,
+        0,
+        0,
+        0,
+        1
+      ]);
+    }
+
+    function colorFilter(ir, matrix) {
+      return ir.toCanvas().then(function (canvas) {
+        return applyColorFilter(canvas, ir.getType(), matrix);
+      });
+    }
+    function applyColorFilter(canvas, type, matrix) {
+      var context = get2dContext(canvas);
+      function applyMatrix(pixelsData, m) {
+        var r, g, b, a;
+        var data = pixelsData.data, m0 = m[0], m1 = m[1], m2 = m[2], m3 = m[3], m4 = m[4], m5 = m[5], m6 = m[6], m7 = m[7], m8 = m[8], m9 = m[9], m10 = m[10], m11 = m[11], m12 = m[12], m13 = m[13], m14 = m[14], m15 = m[15], m16 = m[16], m17 = m[17], m18 = m[18], m19 = m[19];
+        for (var i = 0; i < data.length; i += 4) {
+          r = data[i];
+          g = data[i + 1];
+          b = data[i + 2];
+          a = data[i + 3];
+          data[i] = r * m0 + g * m1 + b * m2 + a * m3 + m4;
+          data[i + 1] = r * m5 + g * m6 + b * m7 + a * m8 + m9;
+          data[i + 2] = r * m10 + g * m11 + b * m12 + a * m13 + m14;
+          data[i + 3] = r * m15 + g * m16 + b * m17 + a * m18 + m19;
+        }
+        return pixelsData;
+      }
+      var pixels = applyMatrix(context.getImageData(0, 0, canvas.width, canvas.height), matrix);
+      context.putImageData(pixels, 0, 0);
+      return fromCanvas(canvas, type);
+    }
+    function convoluteFilter(ir, matrix) {
+      return ir.toCanvas().then(function (canvas) {
+        return applyConvoluteFilter(canvas, ir.getType(), matrix);
+      });
+    }
+    function applyConvoluteFilter(canvas, type, matrix) {
+      var context = get2dContext(canvas);
+      function applyMatrix(pIn, pOut, aMatrix) {
+        function clamp(value, min, max) {
+          if (value > max) {
+            value = max;
+          } else if (value < min) {
+            value = min;
+          }
+          return value;
+        }
+        var side = Math.round(Math.sqrt(aMatrix.length));
+        var halfSide = Math.floor(side / 2);
+        var rgba = pIn.data;
+        var drgba = pOut.data;
+        var w = pIn.width;
+        var h = pIn.height;
+        for (var y = 0; y < h; y++) {
+          for (var x = 0; x < w; x++) {
+            var r = 0;
+            var g = 0;
+            var b = 0;
+            for (var cy = 0; cy < side; cy++) {
+              for (var cx = 0; cx < side; cx++) {
+                var scx = clamp(x + cx - halfSide, 0, w - 1);
+                var scy = clamp(y + cy - halfSide, 0, h - 1);
+                var innerOffset = (scy * w + scx) * 4;
+                var wt = aMatrix[cy * side + cx];
+                r += rgba[innerOffset] * wt;
+                g += rgba[innerOffset + 1] * wt;
+                b += rgba[innerOffset + 2] * wt;
+              }
+            }
+            var offset = (y * w + x) * 4;
+            drgba[offset] = clamp(r, 0, 255);
+            drgba[offset + 1] = clamp(g, 0, 255);
+            drgba[offset + 2] = clamp(b, 0, 255);
+          }
+        }
+        return pOut;
+      }
+      var pixelsIn = context.getImageData(0, 0, canvas.width, canvas.height);
+      var pixelsOut = context.getImageData(0, 0, canvas.width, canvas.height);
+      pixelsOut = applyMatrix(pixelsIn, pixelsOut, matrix);
+      context.putImageData(pixelsOut, 0, 0);
+      return fromCanvas(canvas, type);
+    }
+    function functionColorFilter(colorFn) {
+      var filterImpl = function (canvas, type, value) {
+        var context = get2dContext(canvas);
+        var lookup = new Array(256);
+        function applyLookup(pixelsData, lookupData) {
+          var data = pixelsData.data;
+          for (var i = 0; i < data.length; i += 4) {
+            data[i] = lookupData[data[i]];
+            data[i + 1] = lookupData[data[i + 1]];
+            data[i + 2] = lookupData[data[i + 2]];
+          }
+          return pixelsData;
+        }
+        for (var i = 0; i < lookup.length; i++) {
+          lookup[i] = colorFn(i, value);
+        }
+        var pixels = applyLookup(context.getImageData(0, 0, canvas.width, canvas.height), lookup);
+        context.putImageData(pixels, 0, 0);
+        return fromCanvas(canvas, type);
+      };
+      return function (ir, value) {
+        return ir.toCanvas().then(function (canvas) {
+          return filterImpl(canvas, ir.getType(), value);
+        });
+      };
+    }
+    function complexAdjustableColorFilter(matrixAdjustFn) {
+      return function (ir, adjust) {
+        return colorFilter(ir, matrixAdjustFn(identity$1(), adjust));
+      };
+    }
+    function basicColorFilter(matrix) {
+      return function (ir) {
+        return colorFilter(ir, matrix);
+      };
+    }
+    function basicConvolutionFilter(kernel) {
+      return function (ir) {
+        return convoluteFilter(ir, kernel);
+      };
+    }
+    var invert = basicColorFilter([
+      -1,
+      0,
+      0,
+      0,
+      255,
+      0,
+      -1,
+      0,
+      0,
+      255,
+      0,
+      0,
+      -1,
+      0,
+      255,
+      0,
+      0,
+      0,
+      1,
+      0,
+      0,
+      0,
+      0,
+      0,
+      1
+    ]);
+    var brightness = complexAdjustableColorFilter(adjustBrightness);
+    var contrast = complexAdjustableColorFilter(adjustContrast);
+    var colorize = function (ir, adjustR, adjustG, adjustB) {
+      return colorFilter(ir, adjustColors(identity$1(), adjustR, adjustG, adjustB));
+    };
+    var sharpen = basicConvolutionFilter([
+      0,
+      -1,
+      0,
+      -1,
+      5,
+      -1,
+      0,
+      -1,
+      0
+    ]);
+    var gamma = functionColorFilter(function (color, value) {
+      return Math.pow(color / 255, 1 - value) * 255;
+    });
+
+    function scale(image, dW, dH) {
+      var sW = getWidth(image);
+      var sH = getHeight(image);
+      var wRatio = dW / sW;
+      var hRatio = dH / sH;
+      var scaleCapped = false;
+      if (wRatio < 0.5 || wRatio > 2) {
+        wRatio = wRatio < 0.5 ? 0.5 : 2;
+        scaleCapped = true;
+      }
+      if (hRatio < 0.5 || hRatio > 2) {
+        hRatio = hRatio < 0.5 ? 0.5 : 2;
+        scaleCapped = true;
+      }
+      var scaled = _scale(image, wRatio, hRatio);
+      return !scaleCapped ? scaled : scaled.then(function (tCanvas) {
+        return scale(tCanvas, dW, dH);
+      });
+    }
+    function _scale(image, wRatio, hRatio) {
+      return new Promise$1(function (resolve) {
+        var sW = getWidth(image);
+        var sH = getHeight(image);
+        var dW = Math.floor(sW * wRatio);
+        var dH = Math.floor(sH * hRatio);
+        var canvas = create$5(dW, dH);
+        var context = get2dContext(canvas);
+        context.drawImage(image, 0, 0, sW, sH, 0, 0, dW, dH);
+        resolve(canvas);
+      });
+    }
+
+    function rotate(ir, angle) {
+      return ir.toCanvas().then(function (canvas) {
+        return applyRotate(canvas, ir.getType(), angle);
+      });
+    }
+    function applyRotate(image, type, angle) {
+      var canvas = create$5(image.width, image.height);
+      var context = get2dContext(canvas);
+      var translateX = 0;
+      var translateY = 0;
+      angle = angle < 0 ? 360 + angle : angle;
+      if (angle === 90 || angle === 270) {
+        resize(canvas, canvas.height, canvas.width);
+      }
+      if (angle === 90 || angle === 180) {
+        translateX = canvas.width;
+      }
+      if (angle === 270 || angle === 180) {
+        translateY = canvas.height;
+      }
+      context.translate(translateX, translateY);
+      context.rotate(angle * Math.PI / 180);
+      context.drawImage(image, 0, 0);
+      return fromCanvas(canvas, type);
+    }
+    function flip(ir, axis) {
+      return ir.toCanvas().then(function (canvas) {
+        return applyFlip(canvas, ir.getType(), axis);
+      });
+    }
+    function applyFlip(image, type, axis) {
+      var canvas = create$5(image.width, image.height);
+      var context = get2dContext(canvas);
+      if (axis === 'v') {
+        context.scale(1, -1);
+        context.drawImage(image, 0, -canvas.height);
+      } else {
+        context.scale(-1, 1);
+        context.drawImage(image, -canvas.width, 0);
+      }
+      return fromCanvas(canvas, type);
+    }
+    function crop(ir, x, y, w, h) {
+      return ir.toCanvas().then(function (canvas) {
+        return applyCrop(canvas, ir.getType(), x, y, w, h);
+      });
+    }
+    function applyCrop(image, type, x, y, w, h) {
+      var canvas = create$5(w, h);
+      var context = get2dContext(canvas);
+      context.drawImage(image, -x, -y);
+      return fromCanvas(canvas, type);
+    }
+    function resize$1(ir, w, h) {
+      return ir.toCanvas().then(function (canvas) {
+        return scale(canvas, w, h).then(function (newCanvas) {
+          return fromCanvas(newCanvas, ir.getType());
+        });
+      });
+    }
+
+    var invert$1 = function (ir) {
+      return invert(ir);
+    };
+    var sharpen$1 = function (ir) {
+      return sharpen(ir);
+    };
+    var gamma$1 = function (ir, value) {
+      return gamma(ir, value);
+    };
+    var colorize$1 = function (ir, adjustR, adjustG, adjustB) {
+      return colorize(ir, adjustR, adjustG, adjustB);
+    };
+    var brightness$1 = function (ir, adjust) {
+      return brightness(ir, adjust);
+    };
+    var contrast$1 = function (ir, adjust) {
+      return contrast(ir, adjust);
+    };
+    var flip$1 = function (ir, axis) {
+      return flip(ir, axis);
+    };
+    var crop$1 = function (ir, x, y, w, h) {
+      return crop(ir, x, y, w, h);
+    };
+    var resize$2 = function (ir, w, h) {
+      return resize$1(ir, w, h);
+    };
+    var rotate$1 = function (ir, angle) {
+      return rotate(ir, angle);
+    };
+
+    var renderIcon$1 = function (iconHtml, behaviours) {
+      return __assign({
+        dom: {
+          tag: 'span',
+          innerHtml: iconHtml,
+          classes: [
+            'tox-icon',
+            'tox-tbtn__icon-wrap'
+          ]
+        }
+      }, behaviours);
+    };
+    var renderIconFromPack = function (iconName, iconsProvider) {
+      return renderIcon$1(get$e(iconName, iconsProvider), {});
+    };
+    var renderReplacableIconFromPack = function (iconName, iconsProvider) {
+      return renderIcon$1(get$e(iconName, iconsProvider), { behaviours: derive$1([Replacing.config({})]) });
+    };
+    var renderLabel$1 = function (text, prefix, providersBackstage) {
+      return {
+        dom: {
+          tag: 'span',
+          innerHtml: providersBackstage.translate(text),
+          classes: [prefix + '__select-label']
+        },
+        behaviours: derive$1([Replacing.config({})])
+      };
+    };
+
+    var _a$1;
+    var internalToolbarButtonExecute = generate$1('toolbar.button.execute');
+    var onToolbarButtonExecute = function (info) {
+      return runOnExecute(function (comp, _simulatedEvent) {
+        runWithApi(info, comp)(function (itemApi) {
+          emitWith(comp, internalToolbarButtonExecute, { buttonApi: itemApi });
+          info.onAction(itemApi);
+        });
+      });
+    };
+    var toolbarButtonEventOrder = (_a$1 = {}, _a$1[execute()] = [
+      'disabling',
+      'alloy.base.behaviour',
+      'toggling',
+      'toolbar-button-events'
+    ], _a$1);
+
+    var updateMenuText = generate$1('update-menu-text');
+    var updateMenuIcon = generate$1('update-menu-icon');
+    var renderCommonDropdown = function (spec, prefix, sharedBackstage) {
+      var editorOffCell = Cell(noop);
+      var optMemDisplayText = spec.text.map(function (text) {
+        return record(renderLabel$1(text, prefix, sharedBackstage.providers));
+      });
+      var optMemDisplayIcon = spec.icon.map(function (iconName) {
+        return record(renderReplacableIconFromPack(iconName, sharedBackstage.providers.icons));
+      });
+      var onLeftOrRightInMenu = function (comp, se) {
+        var dropdown = Representing.getValue(comp);
+        Focusing.focus(dropdown);
+        emitWith(dropdown, 'keydown', { raw: se.event.raw });
+        Dropdown.close(dropdown);
+        return Optional.some(true);
+      };
+      var role = spec.role.fold(function () {
+        return {};
+      }, function (role) {
+        return { role: role };
+      });
+      var tooltipAttributes = spec.tooltip.fold(function () {
+        return {};
+      }, function (tooltip) {
+        var translatedTooltip = sharedBackstage.providers.translate(tooltip);
+        return {
+          'title': translatedTooltip,
+          'aria-label': translatedTooltip
+        };
+      });
+      var memDropdown = record(Dropdown.sketch(__assign(__assign(__assign({}, spec.uid ? { uid: spec.uid } : {}), role), {
+        dom: {
+          tag: 'button',
+          classes: [
+            prefix,
+            prefix + '--select'
+          ].concat(map(spec.classes, function (c) {
+            return prefix + '--' + c;
+          })),
+          attributes: __assign({}, tooltipAttributes)
+        },
+        components: componentRenderPipeline([
+          optMemDisplayIcon.map(function (mem) {
+            return mem.asSpec();
+          }),
+          optMemDisplayText.map(function (mem) {
+            return mem.asSpec();
+          }),
+          Optional.some({
+            dom: {
+              tag: 'div',
+              classes: [prefix + '__select-chevron'],
+              innerHtml: get$e('chevron-down', sharedBackstage.providers.icons)
+            }
+          })
+        ]),
+        matchWidth: true,
+        useMinWidth: true,
+        dropdownBehaviours: derive$1(__spreadArrays(spec.dropdownBehaviours, [
+          DisablingConfigs.button(function () {
+            return spec.disabled || sharedBackstage.providers.isDisabled();
+          }),
+          receivingConfig(),
+          Unselecting.config({}),
+          Replacing.config({}),
+          config('dropdown-events', [
+            onControlAttached(spec, editorOffCell),
+            onControlDetached(spec, editorOffCell)
+          ]),
+          config('menubutton-update-display-text', [
+            run(updateMenuText, function (comp, se) {
+              optMemDisplayText.bind(function (mem) {
+                return mem.getOpt(comp);
+              }).each(function (displayText) {
+                Replacing.set(displayText, [text(sharedBackstage.providers.translate(se.event.text))]);
+              });
+            }),
+            run(updateMenuIcon, function (comp, se) {
+              optMemDisplayIcon.bind(function (mem) {
+                return mem.getOpt(comp);
+              }).each(function (displayIcon) {
+                Replacing.set(displayIcon, [renderReplacableIconFromPack(se.event.icon, sharedBackstage.providers.icons)]);
+              });
+            })
+          ])
+        ])),
+        eventOrder: deepMerge(toolbarButtonEventOrder, {
+          mousedown: [
+            'focusing',
+            'alloy.base.behaviour',
+            'item-type-events',
+            'normal-dropdown-events'
+          ]
+        }),
+        sandboxBehaviours: derive$1([Keying.config({
+            mode: 'special',
+            onLeft: onLeftOrRightInMenu,
+            onRight: onLeftOrRightInMenu
+          })]),
+        lazySink: sharedBackstage.getSink,
+        toggleClass: prefix + '--active',
+        parts: { menu: part(false, spec.columns, spec.presets) },
+        fetch: function (comp) {
+          return Future.nu(curry(spec.fetch, comp));
+        }
+      })));
+      return memDropdown.asSpec();
+    };
+
+    var isMenuItemReference = function (item) {
+      return isString(item);
+    };
+    var isSeparator = function (item) {
+      return item.type === 'separator';
+    };
+    var isExpandingMenuItem = function (item) {
+      return has(item, 'getSubmenuItems');
+    };
+    var separator$1 = { type: 'separator' };
+    var unwrapReferences = function (items, menuItems) {
+      var realItems = foldl(items, function (acc, item) {
+        if (isMenuItemReference(item)) {
+          if (item === '') {
+            return acc;
+          } else if (item === '|') {
+            return acc.length > 0 && !isSeparator(acc[acc.length - 1]) ? acc.concat([separator$1]) : acc;
+          } else if (has(menuItems, item.toLowerCase())) {
+            return acc.concat([menuItems[item.toLowerCase()]]);
+          } else {
+            return acc;
+          }
+        } else {
+          return acc.concat([item]);
+        }
+      }, []);
+      if (realItems.length > 0 && isSeparator(realItems[realItems.length - 1])) {
+        realItems.pop();
+      }
+      return realItems;
+    };
+    var getFromExpandingItem = function (item, menuItems) {
+      var submenuItems = item.getSubmenuItems();
+      var rest = expand(submenuItems, menuItems);
+      var newMenus = deepMerge(rest.menus, wrap$1(item.value, rest.items));
+      var newExpansions = deepMerge(rest.expansions, wrap$1(item.value, item.value));
+      return {
+        item: item,
+        menus: newMenus,
+        expansions: newExpansions
+      };
+    };
+    var getFromItem = function (item, menuItems) {
+      return isExpandingMenuItem(item) ? getFromExpandingItem(item, menuItems) : {
+        item: item,
+        menus: {},
+        expansions: {}
+      };
+    };
+    var generateValueIfRequired = function (item) {
+      if (isSeparator(item)) {
+        return item;
+      } else {
+        var itemValue = get$1(item, 'value').getOrThunk(function () {
+          return generate$1('generated-menu-item');
+        });
+        return deepMerge({ value: itemValue }, item);
+      }
+    };
+    var expand = function (items, menuItems) {
+      var realItems = unwrapReferences(isString(items) ? items.split(' ') : items, menuItems);
+      return foldr(realItems, function (acc, item) {
+        var itemWithValue = generateValueIfRequired(item);
+        var newData = getFromItem(itemWithValue, menuItems);
+        return {
+          menus: deepMerge(acc.menus, newData.menus),
+          items: [newData.item].concat(acc.items),
+          expansions: deepMerge(acc.expansions, newData.expansions)
+        };
+      }, {
+        menus: {},
+        expansions: {},
+        items: []
+      });
+    };
+
+    var build$2 = function (items, itemResponse, backstage, isHorizontalMenu) {
+      var primary = generate$1('primary-menu');
+      var data = expand(items, backstage.shared.providers.menuItems());
+      if (data.items.length === 0) {
+        return Optional.none();
+      }
+      var mainMenu = createPartialMenu(primary, data.items, itemResponse, backstage, isHorizontalMenu);
+      var submenus = map$2(data.menus, function (menuItems, menuName) {
+        return createPartialMenu(menuName, menuItems, itemResponse, backstage, false);
+      });
+      var menus = deepMerge(submenus, wrap$1(primary, mainMenu));
+      return Optional.from(tieredMenu.tieredData(primary, menus, data.expansions));
+    };
+
+    var getMenuButtonApi = function (component) {
+      return {
+        isDisabled: function () {
+          return Disabling.isDisabled(component);
+        },
+        setDisabled: function (state) {
+          return Disabling.set(component, state);
+        },
+        setActive: function (state) {
+          var elm = component.element;
+          if (state) {
+            add$2(elm, 'tox-tbtn--enabled');
+            set$1(elm, 'aria-pressed', true);
+          } else {
+            remove$4(elm, 'tox-tbtn--enabled');
+            remove$1(elm, 'aria-pressed');
+          }
+        },
+        isActive: function () {
+          return has$2(component.element, 'tox-tbtn--enabled');
+        }
+      };
+    };
+    var renderMenuButton = function (spec, prefix, backstage, role) {
+      return renderCommonDropdown({
+        text: spec.text,
+        icon: spec.icon,
+        tooltip: spec.tooltip,
+        role: role,
+        fetch: function (_comp, callback) {
+          spec.fetch(function (items) {
+            callback(build$2(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, false));
+          });
+        },
+        onSetup: spec.onSetup,
+        getApi: getMenuButtonApi,
+        columns: 1,
+        presets: 'normal',
+        classes: [],
+        dropdownBehaviours: [Tabstopping.config({})]
+      }, prefix, backstage.shared);
+    };
+    var getFetch$1 = function (items, getButton, backstage) {
+      var getMenuItemAction = function (item) {
+        return function (api) {
+          var newValue = !api.isActive();
+          api.setActive(newValue);
+          item.storage.set(newValue);
+          backstage.shared.getSink().each(function (sink) {
+            getButton().getOpt(sink).each(function (orig) {
+              focus$1(orig.element);
+              emitWith(orig, formActionEvent, {
+                name: item.name,
+                value: item.storage.get()
+              });
+            });
+          });
+        };
+      };
+      var getMenuItemSetup = function (item) {
+        return function (api) {
+          api.setActive(item.storage.get());
+        };
+      };
+      return function (success) {
+        success(map(items, function (item) {
+          var text = item.text.fold(function () {
+            return {};
+          }, function (text) {
+            return { text: text };
+          });
+          return __assign(__assign({
+            type: item.type,
+            active: false
+          }, text), {
+            onAction: getMenuItemAction(item),
+            onSetup: getMenuItemSetup(item)
+          });
+        }));
+      };
+    };
+
+    var renderCommonSpec = function (spec, actionOpt, extraBehaviours, dom, components, providersBackstage) {
+      if (extraBehaviours === void 0) {
+        extraBehaviours = [];
+      }
+      var action = actionOpt.fold(function () {
+        return {};
+      }, function (action) {
+        return { action: action };
+      });
+      var common = __assign({
+        buttonBehaviours: derive$1([
+          DisablingConfigs.button(function () {
+            return spec.disabled || providersBackstage.isDisabled();
+          }),
+          receivingConfig(),
+          Tabstopping.config({}),
+          config('button press', [
+            preventDefault('click'),
+            preventDefault('mousedown')
+          ])
+        ].concat(extraBehaviours)),
+        eventOrder: {
+          click: [
+            'button press',
+            'alloy.base.behaviour'
+          ],
+          mousedown: [
+            'button press',
+            'alloy.base.behaviour'
+          ]
+        }
+      }, action);
+      var domFinal = deepMerge(common, { dom: dom });
+      return deepMerge(domFinal, { components: components });
+    };
+    var renderIconButtonSpec = function (spec, action, providersBackstage, extraBehaviours) {
+      if (extraBehaviours === void 0) {
+        extraBehaviours = [];
+      }
+      var tooltipAttributes = spec.tooltip.map(function (tooltip) {
+        return {
+          'aria-label': providersBackstage.translate(tooltip),
+          'title': providersBackstage.translate(tooltip)
+        };
+      }).getOr({});
+      var dom = {
+        tag: 'button',
+        classes: ['tox-tbtn'],
+        attributes: tooltipAttributes
+      };
+      var icon = spec.icon.map(function (iconName) {
+        return renderIconFromPack(iconName, providersBackstage.icons);
+      });
+      var components = componentRenderPipeline([icon]);
+      return renderCommonSpec(spec, action, extraBehaviours, dom, components, providersBackstage);
+    };
+    var renderIconButton = function (spec, action, providersBackstage, extraBehaviours) {
+      if (extraBehaviours === void 0) {
+        extraBehaviours = [];
+      }
+      var iconButtonSpec = renderIconButtonSpec(spec, Optional.some(action), providersBackstage, extraBehaviours);
+      return Button.sketch(iconButtonSpec);
+    };
+    var renderButtonSpec = function (spec, action, providersBackstage, extraBehaviours, extraClasses) {
+      if (extraBehaviours === void 0) {
+        extraBehaviours = [];
+      }
+      if (extraClasses === void 0) {
+        extraClasses = [];
+      }
+      var translatedText = providersBackstage.translate(spec.text);
+      var icon = spec.icon ? spec.icon.map(function (iconName) {
+        return renderIconFromPack(iconName, providersBackstage.icons);
+      }) : Optional.none();
+      var components = icon.isSome() ? componentRenderPipeline([icon]) : [];
+      var innerHtml = icon.isSome() ? {} : { innerHtml: translatedText };
+      var classes = __spreadArrays(!spec.primary && !spec.borderless ? [
+        'tox-button',
+        'tox-button--secondary'
+      ] : ['tox-button'], icon.isSome() ? ['tox-button--icon'] : [], spec.borderless ? ['tox-button--naked'] : [], extraClasses);
+      var dom = __assign(__assign({
+        tag: 'button',
+        classes: classes
+      }, innerHtml), { attributes: { title: translatedText } });
+      return renderCommonSpec(spec, action, extraBehaviours, dom, components, providersBackstage);
+    };
+    var renderButton = function (spec, action, providersBackstage, extraBehaviours, extraClasses) {
+      if (extraBehaviours === void 0) {
+        extraBehaviours = [];
+      }
+      if (extraClasses === void 0) {
+        extraClasses = [];
+      }
+      var buttonSpec = renderButtonSpec(spec, Optional.some(action), providersBackstage, extraBehaviours, extraClasses);
+      return Button.sketch(buttonSpec);
+    };
+    var getAction = function (name, buttonType) {
+      return function (comp) {
+        if (buttonType === 'custom') {
+          emitWith(comp, formActionEvent, {
+            name: name,
+            value: {}
+          });
+        } else if (buttonType === 'submit') {
+          emit(comp, formSubmitEvent);
+        } else if (buttonType === 'cancel') {
+          emit(comp, formCancelEvent);
+        } else {
+          console.error('Unknown button type: ', buttonType);
+        }
+      };
+    };
+    var isMenuFooterButtonSpec = function (spec, buttonType) {
+      return buttonType === 'menu';
+    };
+    var isNormalFooterButtonSpec = function (spec, buttonType) {
+      return buttonType === 'custom' || buttonType === 'cancel' || buttonType === 'submit';
+    };
+    var renderFooterButton = function (spec, buttonType, backstage) {
+      if (isMenuFooterButtonSpec(spec, buttonType)) {
+        var getButton = function () {
+          return memButton_1;
+        };
+        var menuButtonSpec = spec;
+        var fixedSpec = __assign(__assign({}, spec), {
+          onSetup: function (api) {
+            api.setDisabled(spec.disabled);
+            return noop;
+          },
+          fetch: getFetch$1(menuButtonSpec.items, getButton, backstage)
+        });
+        var memButton_1 = record(renderMenuButton(fixedSpec, 'tox-tbtn', backstage, Optional.none()));
+        return memButton_1.asSpec();
+      } else if (isNormalFooterButtonSpec(spec, buttonType)) {
+        var action = getAction(spec.name, buttonType);
+        var buttonSpec = __assign(__assign({}, spec), { borderless: false });
+        return renderButton(buttonSpec, action, backstage.shared.providers, []);
+      } else {
+        console.error('Unknown footer button type: ', buttonType);
+      }
+    };
+    var renderDialogButton = function (spec, providersBackstage) {
+      var action = getAction(spec.name, 'custom');
+      return renderFormField(Optional.none(), FormField.parts.field(__assign({ factory: Button }, renderButtonSpec(spec, Optional.some(action), providersBackstage, [
+        RepresentingConfigs.memory(''),
+        ComposingConfigs.self()
+      ]))));
+    };
+
+    var schema$i = constant([
+      defaulted$1('field1Name', 'field1'),
+      defaulted$1('field2Name', 'field2'),
+      onStrictHandler('onLockedChange'),
+      markers(['lockClass']),
+      defaulted$1('locked', false),
+      SketchBehaviours.field('coupledFieldBehaviours', [
+        Composing,
+        Representing
+      ])
+    ]);
+    var getField = function (comp, detail, partName) {
+      return getPart(comp, detail, partName).bind(Composing.getCurrent);
+    };
+    var coupledPart = function (selfName, otherName) {
+      return required({
+        factory: FormField,
+        name: selfName,
+        overrides: function (detail) {
+          return {
+            fieldBehaviours: derive$1([config('coupled-input-behaviour', [run(input(), function (me) {
+                  getField(me, detail, otherName).each(function (other) {
+                    getPart(me, detail, 'lock').each(function (lock) {
+                      if (Toggling.isOn(lock)) {
+                        detail.onLockedChange(me, other, lock);
+                      }
+                    });
+                  });
+                })])])
+          };
+        }
+      });
+    };
+    var parts$5 = constant([
+      coupledPart('field1', 'field2'),
+      coupledPart('field2', 'field1'),
+      required({
+        factory: Button,
+        schema: [strict$1('dom')],
+        name: 'lock',
+        overrides: function (detail) {
+          return {
+            buttonBehaviours: derive$1([Toggling.config({
+                selected: detail.locked,
+                toggleClass: detail.markers.lockClass,
+                aria: { mode: 'pressed' }
+              })])
+          };
+        }
+      })
+    ]);
+
+    var factory$7 = function (detail, components, _spec, _externals) {
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: components,
+        behaviours: SketchBehaviours.augment(detail.coupledFieldBehaviours, [
+          Composing.config({ find: Optional.some }),
+          Representing.config({
+            store: {
+              mode: 'manual',
+              getValue: function (comp) {
+                var _a;
+                var parts = getPartsOrDie(comp, detail, [
+                  'field1',
+                  'field2'
+                ]);
+                return _a = {}, _a[detail.field1Name] = Representing.getValue(parts.field1()), _a[detail.field2Name] = Representing.getValue(parts.field2()), _a;
+              },
+              setValue: function (comp, value) {
+                var parts = getPartsOrDie(comp, detail, [
+                  'field1',
+                  'field2'
+                ]);
+                if (hasNonNullableKey(value, detail.field1Name)) {
+                  Representing.setValue(parts.field1(), value[detail.field1Name]);
+                }
+                if (hasNonNullableKey(value, detail.field2Name)) {
+                  Representing.setValue(parts.field2(), value[detail.field2Name]);
+                }
+              }
+            }
+          })
+        ]),
+        apis: {
+          getField1: function (component) {
+            return getPart(component, detail, 'field1');
+          },
+          getField2: function (component) {
+            return getPart(component, detail, 'field2');
+          },
+          getLock: function (component) {
+            return getPart(component, detail, 'lock');
+          }
+        }
+      };
+    };
+    var FormCoupledInputs = composite$1({
+      name: 'FormCoupledInputs',
+      configFields: schema$i(),
+      partFields: parts$5(),
+      factory: factory$7,
+      apis: {
+        getField1: function (apis, component) {
+          return apis.getField1(component);
+        },
+        getField2: function (apis, component) {
+          return apis.getField2(component);
+        },
+        getLock: function (apis, component) {
+          return apis.getLock(component);
+        }
+      }
+    });
+
+    var formatSize = function (size) {
+      var unitDec = {
+        '': 0,
+        'px': 0,
+        'pt': 1,
+        'mm': 1,
+        'pc': 2,
+        'ex': 2,
+        'em': 2,
+        'ch': 2,
+        'rem': 2,
+        'cm': 3,
+        'in': 4,
+        '%': 4
+      };
+      var maxDecimal = function (unit) {
+        return unit in unitDec ? unitDec[unit] : 1;
+      };
+      var numText = size.value.toFixed(maxDecimal(size.unit));
+      if (numText.indexOf('.') !== -1) {
+        numText = numText.replace(/\.?0*$/, '');
+      }
+      return numText + size.unit;
+    };
+    var parseSize = function (sizeText) {
+      var numPattern = /^\s*(\d+(?:\.\d+)?)\s*(|cm|mm|in|px|pt|pc|em|ex|ch|rem|vw|vh|vmin|vmax|%)\s*$/;
+      var match = numPattern.exec(sizeText);
+      if (match !== null) {
+        var value = parseFloat(match[1]);
+        var unit = match[2];
+        return Result.value({
+          value: value,
+          unit: unit
+        });
+      } else {
+        return Result.error(sizeText);
+      }
+    };
+    var convertUnit = function (size, unit) {
+      var inInch = {
+        '': 96,
+        'px': 96,
+        'pt': 72,
+        'cm': 2.54,
+        'pc': 12,
+        'mm': 25.4,
+        'in': 1
+      };
+      var supported = function (u) {
+        return Object.prototype.hasOwnProperty.call(inInch, u);
+      };
+      if (size.unit === unit) {
+        return Optional.some(size.value);
+      } else if (supported(size.unit) && supported(unit)) {
+        if (inInch[size.unit] === inInch[unit]) {
+          return Optional.some(size.value);
+        } else {
+          return Optional.some(size.value / inInch[size.unit] * inInch[unit]);
+        }
+      } else {
+        return Optional.none();
+      }
+    };
+    var noSizeConversion = function (_input) {
+      return Optional.none();
+    };
+    var ratioSizeConversion = function (scale, unit) {
+      return function (size) {
+        return convertUnit(size, unit).map(function (value) {
+          return {
+            value: value * scale,
+            unit: unit
+          };
+        });
+      };
+    };
+    var makeRatioConverter = function (currentFieldText, otherFieldText) {
+      var cValue = parseSize(currentFieldText).toOptional();
+      var oValue = parseSize(otherFieldText).toOptional();
+      return lift2(cValue, oValue, function (cSize, oSize) {
+        return convertUnit(cSize, oSize.unit).map(function (val) {
+          return oSize.value / val;
+        }).map(function (r) {
+          return ratioSizeConversion(r, oSize.unit);
+        }).getOr(noSizeConversion);
+      }).getOr(noSizeConversion);
+    };
+
+    var renderSizeInput = function (spec, providersBackstage) {
+      var converter = noSizeConversion;
+      var ratioEvent = generate$1('ratio-event');
+      var pLock = FormCoupledInputs.parts.lock({
+        dom: {
+          tag: 'button',
+          classes: [
+            'tox-lock',
+            'tox-button',
+            'tox-button--naked',
+            'tox-button--icon'
+          ],
+          attributes: { title: providersBackstage.translate(spec.label.getOr('Constrain proportions')) }
+        },
+        components: [
+          {
+            dom: {
+              tag: 'span',
+              classes: [
+                'tox-icon',
+                'tox-lock-icon__lock'
+              ],
+              innerHtml: get$e('lock', providersBackstage.icons)
+            }
+          },
+          {
+            dom: {
+              tag: 'span',
+              classes: [
+                'tox-icon',
+                'tox-lock-icon__unlock'
+              ],
+              innerHtml: get$e('unlock', providersBackstage.icons)
+            }
+          }
+        ],
+        buttonBehaviours: derive$1([
+          Disabling.config({
+            disabled: function () {
+              return spec.disabled || providersBackstage.isDisabled();
+            }
+          }),
+          receivingConfig(),
+          Tabstopping.config({})
+        ])
+      });
+      var formGroup = function (components) {
+        return {
+          dom: {
+            tag: 'div',
+            classes: ['tox-form__group']
+          },
+          components: components
+        };
+      };
+      var getFieldPart = function (isField1) {
+        return FormField.parts.field({
+          factory: Input,
+          inputClasses: ['tox-textfield'],
+          inputBehaviours: derive$1([
+            Disabling.config({
+              disabled: function () {
+                return spec.disabled || providersBackstage.isDisabled();
+              }
+            }),
+            receivingConfig(),
+            Tabstopping.config({}),
+            config('size-input-events', [
+              run(focusin(), function (component, _simulatedEvent) {
+                emitWith(component, ratioEvent, { isField1: isField1 });
+              }),
+              run(change(), function (component, _simulatedEvent) {
+                emitWith(component, formChangeEvent, { name: spec.name });
+              })
+            ])
+          ]),
+          selectOnFocus: false
+        });
+      };
+      var getLabel = function (label) {
+        return {
+          dom: {
+            tag: 'label',
+            classes: ['tox-label'],
+            innerHtml: providersBackstage.translate(label)
+          }
+        };
+      };
+      var widthField = FormCoupledInputs.parts.field1(formGroup([
+        FormField.parts.label(getLabel('Width')),
+        getFieldPart(true)
+      ]));
+      var heightField = FormCoupledInputs.parts.field2(formGroup([
+        FormField.parts.label(getLabel('Height')),
+        getFieldPart(false)
+      ]));
+      return FormCoupledInputs.sketch({
+        dom: {
+          tag: 'div',
+          classes: ['tox-form__group']
+        },
+        components: [{
+            dom: {
+              tag: 'div',
+              classes: ['tox-form__controls-h-stack']
+            },
+            components: [
+              widthField,
+              heightField,
+              formGroup([
+                getLabel('&nbsp;'),
+                pLock
+              ])
+            ]
+          }],
+        field1Name: 'width',
+        field2Name: 'height',
+        locked: true,
+        markers: { lockClass: 'tox-locked' },
+        onLockedChange: function (current, other, _lock) {
+          parseSize(Representing.getValue(current)).each(function (size) {
+            converter(size).each(function (newSize) {
+              Representing.setValue(other, formatSize(newSize));
+            });
+          });
+        },
+        coupledFieldBehaviours: derive$1([
+          Disabling.config({
+            disabled: function () {
+              return spec.disabled || providersBackstage.isDisabled();
+            },
+            onDisabled: function (comp) {
+              FormCoupledInputs.getField1(comp).bind(FormField.getField).each(Disabling.disable);
+              FormCoupledInputs.getField2(comp).bind(FormField.getField).each(Disabling.disable);
+              FormCoupledInputs.getLock(comp).each(Disabling.disable);
+            },
+            onEnabled: function (comp) {
+              FormCoupledInputs.getField1(comp).bind(FormField.getField).each(Disabling.enable);
+              FormCoupledInputs.getField2(comp).bind(FormField.getField).each(Disabling.enable);
+              FormCoupledInputs.getLock(comp).each(Disabling.enable);
+            }
+          }),
+          receivingConfig(),
+          config('size-input-events2', [run(ratioEvent, function (component, simulatedEvent) {
+              var isField1 = simulatedEvent.event.isField1;
+              var optCurrent = isField1 ? FormCoupledInputs.getField1(component) : FormCoupledInputs.getField2(component);
+              var optOther = isField1 ? FormCoupledInputs.getField2(component) : FormCoupledInputs.getField1(component);
+              var value1 = optCurrent.map(Representing.getValue).getOr('');
+              var value2 = optOther.map(Representing.getValue).getOr('');
+              converter = makeRatioConverter(value1, value2);
+            })])
+        ])
+      });
+    };
+
+    var undo = constant(generate$1('undo'));
+    var redo = constant(generate$1('redo'));
+    var zoom = constant(generate$1('zoom'));
+    var back = constant(generate$1('back'));
+    var apply = constant(generate$1('apply'));
+    var swap = constant(generate$1('swap'));
+    var transform = constant(generate$1('transform'));
+    var tempTransform = constant(generate$1('temp-transform'));
+    var transformApply = constant(generate$1('transform-apply'));
+    var internal = {
+      undo: undo,
+      redo: redo,
+      zoom: zoom,
+      back: back,
+      apply: apply,
+      swap: swap,
+      transform: transform,
+      tempTransform: tempTransform,
+      transformApply: transformApply
+    };
+    var saveState = constant('save-state');
+    var disable$1 = constant('disable');
+    var enable$1 = constant('enable');
+    var external$2 = {
+      formActionEvent: formActionEvent,
+      saveState: saveState,
+      disable: disable$1,
+      enable: enable$1
+    };
+
+    var renderEditPanel = function (imagePanel, providersBackstage) {
+      var createButton = function (text, action, disabled, primary) {
+        return record(renderButton({
+          name: text,
+          text: text,
+          disabled: disabled,
+          primary: primary,
+          icon: Optional.none(),
+          borderless: false
+        }, action, providersBackstage));
+      };
+      var createIconButton = function (icon, tooltip, action, disabled) {
+        return record(renderIconButton({
+          name: icon,
+          icon: Optional.some(icon),
+          tooltip: Optional.some(tooltip),
+          disabled: disabled,
+          primary: false,
+          borderless: false
+        }, action, providersBackstage));
+      };
+      var disableAllComponents = function (comps, eventcomp) {
+        comps.map(function (mem) {
+          var component = mem.get(eventcomp);
+          if (component.hasConfigured(Disabling)) {
+            Disabling.disable(component);
+          }
+        });
+      };
+      var enableAllComponents = function (comps, eventcomp) {
+        comps.map(function (mem) {
+          var component = mem.get(eventcomp);
+          if (component.hasConfigured(Disabling)) {
+            Disabling.enable(component);
+          }
+        });
+      };
+      var panelDom = {
+        tag: 'div',
+        classes: [
+          'tox-image-tools__toolbar',
+          'tox-image-tools-edit-panel'
+        ]
+      };
+      var noop$1 = noop;
+      var emit$1 = function (comp, event, data) {
+        emitWith(comp, event, data);
+      };
+      var emitDisable = function (component) {
+        return emit(component, external$2.disable());
+      };
+      var emitEnable = function (component) {
+        return emit(component, external$2.enable());
+      };
+      var emitTransform = function (comp, transform) {
+        emitDisable(comp);
+        emit$1(comp, internal.transform(), { transform: transform });
+        emitEnable(comp);
+      };
+      var emitTempTransform = function (comp, transform) {
+        emitDisable(comp);
+        emit$1(comp, internal.tempTransform(), { transform: transform });
+        emitEnable(comp);
+      };
+      var getBackSwap = function (anyInSystem) {
+        return function () {
+          memContainer.getOpt(anyInSystem).each(function (container) {
+            Replacing.set(container, [ButtonPanel]);
+          });
+        };
+      };
+      var emitTransformApply = function (comp, transform) {
+        emitDisable(comp);
+        emit$1(comp, internal.transformApply(), {
+          transform: transform,
+          swap: getBackSwap(comp)
+        });
+        emitEnable(comp);
+      };
+      var createBackButton = function () {
+        return createButton('Back', function (button) {
+          return emit$1(button, internal.back(), { swap: getBackSwap(button) });
+        }, false, false);
+      };
+      var createSpacer = function () {
+        return record({
+          dom: {
+            tag: 'div',
+            classes: ['tox-spacer']
+          },
+          behaviours: derive$1([Disabling.config({})])
+        });
+      };
+      var createApplyButton = function () {
+        return createButton('Apply', function (button) {
+          return emit$1(button, internal.apply(), { swap: getBackSwap(button) });
+        }, true, true);
+      };
+      var makeCropTransform = function () {
+        return function (ir) {
+          var rect = imagePanel.getRect();
+          return crop$1(ir, rect.x, rect.y, rect.w, rect.h);
+        };
+      };
+      var cropPanelComponents = [
+        createBackButton(),
+        createSpacer(),
+        createButton('Apply', function (button) {
+          var transform = makeCropTransform();
+          emitTransformApply(button, transform);
+          imagePanel.hideCrop();
+        }, false, true)
+      ];
+      var CropPanel = Container.sketch({
+        dom: panelDom,
+        components: cropPanelComponents.map(function (mem) {
+          return mem.asSpec();
+        }),
+        containerBehaviours: derive$1([config('image-tools-crop-buttons-events', [
+            run(external$2.disable(), function (comp, _se) {
+              disableAllComponents(cropPanelComponents, comp);
+            }),
+            run(external$2.enable(), function (comp, _se) {
+              enableAllComponents(cropPanelComponents, comp);
+            })
+          ])])
+      });
+      var memSize = record(renderSizeInput({
+        name: 'size',
+        label: Optional.none(),
+        constrain: true,
+        disabled: false
+      }, providersBackstage));
+      var makeResizeTransform = function (width, height) {
+        return function (ir) {
+          return resize$2(ir, width, height);
+        };
+      };
+      var resizePanelComponents = [
+        createBackButton(),
+        createSpacer(),
+        memSize,
+        createSpacer(),
+        createButton('Apply', function (button) {
+          memSize.getOpt(button).each(function (sizeInput) {
+            var value = Representing.getValue(sizeInput);
+            var width = parseInt(value.width, 10);
+            var height = parseInt(value.height, 10);
+            var transform = makeResizeTransform(width, height);
+            emitTransformApply(button, transform);
+          });
+        }, false, true)
+      ];
+      var ResizePanel = Container.sketch({
+        dom: panelDom,
+        components: resizePanelComponents.map(function (mem) {
+          return mem.asSpec();
+        }),
+        containerBehaviours: derive$1([config('image-tools-resize-buttons-events', [
+            run(external$2.disable(), function (comp, _se) {
+              disableAllComponents(resizePanelComponents, comp);
+            }),
+            run(external$2.enable(), function (comp, _se) {
+              enableAllComponents(resizePanelComponents, comp);
+            })
+          ])])
+      });
+      var makeValueTransform = function (transform, value) {
+        return function (ir) {
+          return transform(ir, value);
+        };
+      };
+      var horizontalFlip = makeValueTransform(flip$1, 'h');
+      var verticalFlip = makeValueTransform(flip$1, 'v');
+      var counterclockwiseRotate = makeValueTransform(rotate$1, -90);
+      var clockwiseRotate = makeValueTransform(rotate$1, 90);
+      var flipRotateOnAction = function (comp, operation) {
+        emitTempTransform(comp, operation);
+      };
+      var flipRotateComponents = [
+        createBackButton(),
+        createSpacer(),
+        createIconButton('flip-horizontally', 'Flip horizontally', function (button) {
+          flipRotateOnAction(button, horizontalFlip);
+        }, false),
+        createIconButton('flip-vertically', 'Flip vertically', function (button) {
+          flipRotateOnAction(button, verticalFlip);
+        }, false),
+        createIconButton('rotate-left', 'Rotate counterclockwise', function (button) {
+          flipRotateOnAction(button, counterclockwiseRotate);
+        }, false),
+        createIconButton('rotate-right', 'Rotate clockwise', function (button) {
+          flipRotateOnAction(button, clockwiseRotate);
+        }, false),
+        createSpacer(),
+        createApplyButton()
+      ];
+      var FlipRotatePanel = Container.sketch({
+        dom: panelDom,
+        components: flipRotateComponents.map(function (mem) {
+          return mem.asSpec();
+        }),
+        containerBehaviours: derive$1([config('image-tools-fliprotate-buttons-events', [
+            run(external$2.disable(), function (comp, _se) {
+              disableAllComponents(flipRotateComponents, comp);
+            }),
+            run(external$2.enable(), function (comp, _se) {
+              enableAllComponents(flipRotateComponents, comp);
+            })
+          ])])
+      });
+      var makeSlider = function (label, onChoose, min, value, max) {
+        var labelPart = Slider.parts.label({
+          dom: {
+            tag: 'label',
+            classes: ['tox-label'],
+            innerHtml: providersBackstage.translate(label)
+          }
+        });
+        var spectrum = Slider.parts.spectrum({
+          dom: {
+            tag: 'div',
+            classes: ['tox-slider__rail'],
+            attributes: { role: 'presentation' }
+          }
+        });
+        var thumb = Slider.parts.thumb({
+          dom: {
+            tag: 'div',
+            classes: ['tox-slider__handle'],
+            attributes: { role: 'presentation' }
+          }
+        });
+        return record(Slider.sketch({
+          dom: {
+            tag: 'div',
+            classes: ['tox-slider'],
+            attributes: { role: 'presentation' }
+          },
+          model: {
+            mode: 'x',
+            minX: min,
+            maxX: max,
+            getInitialValue: constant({ x: value })
+          },
+          components: [
+            labelPart,
+            spectrum,
+            thumb
+          ],
+          sliderBehaviours: derive$1([Focusing.config({})]),
+          onChoose: onChoose
+        }));
+      };
+      var makeVariableSlider = function (label, transform, min, value, max) {
+        var onChoose = function (slider, _thumb, value) {
+          var valTransform = makeValueTransform(transform, value.x / 100);
+          emitTransform(slider, valTransform);
+        };
+        return makeSlider(label, onChoose, min, value, max);
+      };
+      var variableFilterPanelComponents = function (label, transform, min, value, max) {
+        return [
+          createBackButton(),
+          makeVariableSlider(label, transform, min, value, max),
+          createApplyButton()
+        ];
+      };
+      var createVariableFilterPanel = function (label, transform, min, value, max) {
+        var filterPanelComponents = variableFilterPanelComponents(label, transform, min, value, max);
+        return Container.sketch({
+          dom: panelDom,
+          components: filterPanelComponents.map(function (mem) {
+            return mem.asSpec();
+          }),
+          containerBehaviours: derive$1([config('image-tools-filter-panel-buttons-events', [
+              run(external$2.disable(), function (comp, _se) {
+                disableAllComponents(filterPanelComponents, comp);
+              }),
+              run(external$2.enable(), function (comp, _se) {
+                enableAllComponents(filterPanelComponents, comp);
+              })
+            ])])
+        });
+      };
+      var filterPanelComponents = [
+        createBackButton(),
+        createSpacer(),
+        createApplyButton()
+      ];
+      var FilterPanel = Container.sketch({
+        dom: panelDom,
+        components: filterPanelComponents.map(function (mem) {
+          return mem.asSpec();
+        })
+      });
+      var BrightnessPanel = createVariableFilterPanel('Brightness', brightness$1, -100, 0, 100);
+      var ContrastPanel = createVariableFilterPanel('Contrast', contrast$1, -100, 0, 100);
+      var GammaPanel = createVariableFilterPanel('Gamma', gamma$1, -100, 0, 100);
+      var makeColorTransform = function (red, green, blue) {
+        return function (ir) {
+          return colorize$1(ir, red, green, blue);
+        };
+      };
+      var makeColorSlider = function (label) {
+        var onChoose = function (slider, _thumb, _value) {
+          var redOpt = memRed.getOpt(slider);
+          var blueOpt = memBlue.getOpt(slider);
+          var greenOpt = memGreen.getOpt(slider);
+          redOpt.each(function (red) {
+            blueOpt.each(function (blue) {
+              greenOpt.each(function (green) {
+                var r = Representing.getValue(red).x / 100;
+                var g = Representing.getValue(green).x / 100;
+                var b = Representing.getValue(blue).x / 100;
+                var transform = makeColorTransform(r, g, b);
+                emitTransform(slider, transform);
+              });
+            });
+          });
+        };
+        return makeSlider(label, onChoose, 0, 100, 200);
+      };
+      var memRed = makeColorSlider('R');
+      var memGreen = makeColorSlider('G');
+      var memBlue = makeColorSlider('B');
+      var colorizePanelComponents = [
+        createBackButton(),
+        memRed,
+        memGreen,
+        memBlue,
+        createApplyButton()
+      ];
+      var ColorizePanel = Container.sketch({
+        dom: panelDom,
+        components: colorizePanelComponents.map(function (mem) {
+          return mem.asSpec();
+        })
+      });
+      var getTransformPanelEvent = function (panel, transform, update) {
+        return function (button) {
+          var swap = function () {
+            memContainer.getOpt(button).each(function (container) {
+              Replacing.set(container, [panel]);
+              update(container);
+            });
+          };
+          emit$1(button, internal.swap(), {
+            transform: transform,
+            swap: swap
+          });
+        };
+      };
+      var cropPanelUpdate = function (_anyInSystem) {
+        imagePanel.showCrop();
+      };
+      var resizePanelUpdate = function (anyInSystem) {
+        memSize.getOpt(anyInSystem).each(function (sizeInput) {
+          var measurements = imagePanel.getMeasurements();
+          var width = measurements.width;
+          var height = measurements.height;
+          Representing.setValue(sizeInput, {
+            width: width,
+            height: height
+          });
+        });
+      };
+      var sharpenTransform = Optional.some(sharpen$1);
+      var invertTransform = Optional.some(invert$1);
+      var buttonPanelComponents = [
+        createIconButton('crop', 'Crop', getTransformPanelEvent(CropPanel, Optional.none(), cropPanelUpdate), false),
+        createIconButton('resize', 'Resize', getTransformPanelEvent(ResizePanel, Optional.none(), resizePanelUpdate), false),
+        createIconButton('orientation', 'Orientation', getTransformPanelEvent(FlipRotatePanel, Optional.none(), noop$1), false),
+        createIconButton('brightness', 'Brightness', getTransformPanelEvent(BrightnessPanel, Optional.none(), noop$1), false),
+        createIconButton('sharpen', 'Sharpen', getTransformPanelEvent(FilterPanel, sharpenTransform, noop$1), false),
+        createIconButton('contrast', 'Contrast', getTransformPanelEvent(ContrastPanel, Optional.none(), noop$1), false),
+        createIconButton('color-levels', 'Color levels', getTransformPanelEvent(ColorizePanel, Optional.none(), noop$1), false),
+        createIconButton('gamma', 'Gamma', getTransformPanelEvent(GammaPanel, Optional.none(), noop$1), false),
+        createIconButton('invert', 'Invert', getTransformPanelEvent(FilterPanel, invertTransform, noop$1), false)
+      ];
+      var ButtonPanel = Container.sketch({
+        dom: panelDom,
+        components: buttonPanelComponents.map(function (mem) {
+          return mem.asSpec();
+        })
+      });
+      var container = Container.sketch({
+        dom: { tag: 'div' },
+        components: [ButtonPanel],
+        containerBehaviours: derive$1([Replacing.config({})])
+      });
+      var memContainer = record(container);
+      var getApplyButton = function (anyInSystem) {
+        return memContainer.getOpt(anyInSystem).map(function (container) {
+          var panel = container.components()[0];
+          return panel.components()[panel.components().length - 1];
+        });
+      };
+      return {
+        memContainer: memContainer,
+        getApplyButton: getApplyButton
+      };
+    };
+
+    var global$d = tinymce.util.Tools.resolve('tinymce.geom.Rect');
+
+    var global$e = tinymce.util.Tools.resolve('tinymce.dom.DomQuery');
+
+    var global$f = tinymce.util.Tools.resolve('tinymce.util.Observable');
+
+    var global$g = tinymce.util.Tools.resolve('tinymce.util.VK');
+
+    function getDocumentSize(doc) {
+      var max = Math.max;
+      var documentElement = doc.documentElement;
+      var body = doc.body;
+      var scrollWidth = max(documentElement.scrollWidth, body.scrollWidth);
+      var clientWidth = max(documentElement.clientWidth, body.clientWidth);
+      var offsetWidth = max(documentElement.offsetWidth, body.offsetWidth);
+      var scrollHeight = max(documentElement.scrollHeight, body.scrollHeight);
+      var clientHeight = max(documentElement.clientHeight, body.clientHeight);
+      var offsetHeight = max(documentElement.offsetHeight, body.offsetHeight);
+      return {
+        width: scrollWidth < offsetWidth ? clientWidth : scrollWidth,
+        height: scrollHeight < offsetHeight ? clientHeight : scrollHeight
+      };
+    }
+    function updateWithTouchData(e) {
+      var keys, i;
+      if (e.changedTouches) {
+        keys = 'screenX screenY pageX pageY clientX clientY'.split(' ');
+        for (i = 0; i < keys.length; i++) {
+          e[keys[i]] = e.changedTouches[0][keys[i]];
+        }
+      }
+    }
+    function DragHelper (id, settings) {
+      var $eventOverlay;
+      var doc = settings.document || document;
+      var downButton;
+      var startX, startY;
+      var handleElement = doc.getElementById(settings.handle || id);
+      var start = function (e) {
+        var docSize = getDocumentSize(doc);
+        var cursor;
+        updateWithTouchData(e);
+        e.preventDefault();
+        downButton = e.button;
+        var handleElm = handleElement;
+        startX = e.screenX;
+        startY = e.screenY;
+        if (window.getComputedStyle) {
+          cursor = window.getComputedStyle(handleElm, null).getPropertyValue('cursor');
+        } else {
+          cursor = handleElm.runtimeStyle.cursor;
+        }
+        $eventOverlay = global$e('<div></div>').css({
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          width: docSize.width,
+          height: docSize.height,
+          zIndex: 2147483647,
+          opacity: 0.0001,
+          cursor: cursor
+        }).appendTo(doc.body);
+        global$e(doc).on('mousemove touchmove', drag).on('mouseup touchend', stop);
+        settings.start(e);
+      };
+      var drag = function (e) {
+        updateWithTouchData(e);
+        if (e.button !== downButton) {
+          return stop(e);
+        }
+        e.deltaX = e.screenX - startX;
+        e.deltaY = e.screenY - startY;
+        e.preventDefault();
+        settings.drag(e);
+      };
+      var stop = function (e) {
+        updateWithTouchData(e);
+        global$e(doc).off('mousemove touchmove', drag).off('mouseup touchend', stop);
+        $eventOverlay.remove();
+        if (settings.stop) {
+          settings.stop(e);
+        }
+      };
+      this.destroy = function () {
+        global$e(handleElement).off();
+      };
+      global$e(handleElement).on('mousedown touchstart', start);
+    }
+
+    var count = 0;
+    var create$7 = function (currentRect, viewPortRect, clampRect, containerElm, action) {
+      var dragHelpers;
+      var prefix = 'tox-';
+      var id = prefix + 'crid-' + count++;
+      var handles = [
+        {
+          name: 'move',
+          xMul: 0,
+          yMul: 0,
+          deltaX: 1,
+          deltaY: 1,
+          deltaW: 0,
+          deltaH: 0,
+          label: 'Crop Mask'
+        },
+        {
+          name: 'nw',
+          xMul: 0,
+          yMul: 0,
+          deltaX: 1,
+          deltaY: 1,
+          deltaW: -1,
+          deltaH: -1,
+          label: 'Top Left Crop Handle'
+        },
+        {
+          name: 'ne',
+          xMul: 1,
+          yMul: 0,
+          deltaX: 0,
+          deltaY: 1,
+          deltaW: 1,
+          deltaH: -1,
+          label: 'Top Right Crop Handle'
+        },
+        {
+          name: 'sw',
+          xMul: 0,
+          yMul: 1,
+          deltaX: 1,
+          deltaY: 0,
+          deltaW: -1,
+          deltaH: 1,
+          label: 'Bottom Left Crop Handle'
+        },
+        {
+          name: 'se',
+          xMul: 1,
+          yMul: 1,
+          deltaX: 0,
+          deltaY: 0,
+          deltaW: 1,
+          deltaH: 1,
+          label: 'Bottom Right Crop Handle'
+        }
+      ];
+      var blockers = [
+        'top',
+        'right',
+        'bottom',
+        'left'
+      ];
+      var getAbsoluteRect = function (outerRect, relativeRect) {
+        return {
+          x: relativeRect.x + outerRect.x,
+          y: relativeRect.y + outerRect.y,
+          w: relativeRect.w,
+          h: relativeRect.h
+        };
+      };
+      var getRelativeRect = function (outerRect, innerRect) {
+        return {
+          x: innerRect.x - outerRect.x,
+          y: innerRect.y - outerRect.y,
+          w: innerRect.w,
+          h: innerRect.h
+        };
+      };
+      var getInnerRect = function () {
+        return getRelativeRect(clampRect, currentRect);
+      };
+      function moveRect(handle, startRect, deltaX, deltaY) {
+        var x, y, w, h, rect;
+        x = startRect.x;
+        y = startRect.y;
+        w = startRect.w;
+        h = startRect.h;
+        x += deltaX * handle.deltaX;
+        y += deltaY * handle.deltaY;
+        w += deltaX * handle.deltaW;
+        h += deltaY * handle.deltaH;
+        if (w < 20) {
+          w = 20;
+        }
+        if (h < 20) {
+          h = 20;
+        }
+        rect = currentRect = global$d.clamp({
+          x: x,
+          y: y,
+          w: w,
+          h: h
+        }, clampRect, handle.name === 'move');
+        rect = getRelativeRect(clampRect, rect);
+        instance.fire('updateRect', { rect: rect });
+        setInnerRect(rect);
+      }
+      function render() {
+        function createDragHelper(handle) {
+          var startRect;
+          return new DragHelper(id, {
+            document: containerElm.ownerDocument,
+            handle: id + '-' + handle.name,
+            start: function () {
+              startRect = currentRect;
+            },
+            drag: function (e) {
+              moveRect(handle, startRect, e.deltaX, e.deltaY);
+            }
+          });
+        }
+        global$e('<div id="' + id + '" class="' + prefix + 'croprect-container"' + ' role="grid" aria-dropeffect="execute">').appendTo(containerElm);
+        global$c.each(blockers, function (blocker) {
+          global$e('#' + id, containerElm).append('<div id="' + id + '-' + blocker + '"class="' + prefix + 'croprect-block" style="display: none" data-mce-bogus="all">');
+        });
+        global$c.each(handles, function (handle) {
+          global$e('#' + id, containerElm).append('<div id="' + id + '-' + handle.name + '" class="' + prefix + 'croprect-handle ' + prefix + 'croprect-handle-' + handle.name + '"' + 'style="display: none" data-mce-bogus="all" role="gridcell" tabindex="-1"' + ' aria-label="' + handle.label + '" aria-grabbed="false" title="' + handle.label + '">');
+        });
+        dragHelpers = global$c.map(handles, createDragHelper);
+        repaint(currentRect);
+        global$e(containerElm).on('focusin focusout', function (e) {
+          global$e(e.target).attr('aria-grabbed', e.type === 'focus' ? 'true' : 'false');
+        });
+        global$e(containerElm).on('keydown', function (e) {
+          var activeHandle;
+          global$c.each(handles, function (handle) {
+            if (e.target.id === id + '-' + handle.name) {
+              activeHandle = handle;
+              return false;
+            }
+          });
+          function moveAndBlock(evt, handle, startRect, deltaX, deltaY) {
+            evt.stopPropagation();
+            evt.preventDefault();
+            moveRect(activeHandle, startRect, deltaX, deltaY);
+          }
+          switch (e.keyCode) {
+          case global$g.LEFT:
+            moveAndBlock(e, activeHandle, currentRect, -10, 0);
+            break;
+          case global$g.RIGHT:
+            moveAndBlock(e, activeHandle, currentRect, 10, 0);
+            break;
+          case global$g.UP:
+            moveAndBlock(e, activeHandle, currentRect, 0, -10);
+            break;
+          case global$g.DOWN:
+            moveAndBlock(e, activeHandle, currentRect, 0, 10);
+            break;
+          case global$g.ENTER:
+          case global$g.SPACEBAR:
+            e.preventDefault();
+            action();
+            break;
+          }
+        });
+      }
+      function toggleVisibility(state) {
+        var selectors = global$c.map(handles, function (handle) {
+          return '#' + id + '-' + handle.name;
+        }).concat(global$c.map(blockers, function (blocker) {
+          return '#' + id + '-' + blocker;
+        })).join(',');
+        if (state) {
+          global$e(selectors, containerElm).show();
+        } else {
+          global$e(selectors, containerElm).hide();
+        }
+      }
+      function repaint(rect) {
+        function updateElementRect(name, rect) {
+          if (rect.h < 0) {
+            rect.h = 0;
+          }
+          if (rect.w < 0) {
+            rect.w = 0;
+          }
+          global$e('#' + id + '-' + name, containerElm).css({
+            left: rect.x,
+            top: rect.y,
+            width: rect.w,
+            height: rect.h
+          });
+        }
+        global$c.each(handles, function (handle) {
+          global$e('#' + id + '-' + handle.name, containerElm).css({
+            left: rect.w * handle.xMul + rect.x,
+            top: rect.h * handle.yMul + rect.y
+          });
+        });
+        updateElementRect('top', {
+          x: viewPortRect.x,
+          y: viewPortRect.y,
+          w: viewPortRect.w,
+          h: rect.y - viewPortRect.y
+        });
+        updateElementRect('right', {
+          x: rect.x + rect.w,
+          y: rect.y,
+          w: viewPortRect.w - rect.x - rect.w + viewPortRect.x,
+          h: rect.h
+        });
+        updateElementRect('bottom', {
+          x: viewPortRect.x,
+          y: rect.y + rect.h,
+          w: viewPortRect.w,
+          h: viewPortRect.h - rect.y - rect.h + viewPortRect.y
+        });
+        updateElementRect('left', {
+          x: viewPortRect.x,
+          y: rect.y,
+          w: rect.x - viewPortRect.x,
+          h: rect.h
+        });
+        updateElementRect('move', rect);
+      }
+      function setRect(rect) {
+        currentRect = rect;
+        repaint(currentRect);
+      }
+      function setViewPortRect(rect) {
+        viewPortRect = rect;
+        repaint(currentRect);
+      }
+      function setInnerRect(rect) {
+        setRect(getAbsoluteRect(clampRect, rect));
+      }
+      function setClampRect(rect) {
+        clampRect = rect;
+        repaint(currentRect);
+      }
+      function destroy() {
+        global$c.each(dragHelpers, function (helper) {
+          helper.destroy();
+        });
+        dragHelpers = [];
+      }
+      render();
+      var instance = global$c.extend({
+        toggleVisibility: toggleVisibility,
+        setClampRect: setClampRect,
+        setRect: setRect,
+        getInnerRect: getInnerRect,
+        setInnerRect: setInnerRect,
+        setViewPortRect: setViewPortRect,
+        destroy: destroy
+      }, global$f);
+      return instance;
+    };
+    var CropRect = { create: create$7 };
+
+    var loadImage = function (image) {
+      return new global$4(function (resolve) {
+        var loaded = function () {
+          image.removeEventListener('load', loaded);
+          resolve(image);
+        };
+        if (image.complete) {
+          resolve(image);
+        } else {
+          image.addEventListener('load', loaded);
+        }
+      });
+    };
+    var renderImagePanel = function (initialUrl) {
+      var memBg = record({
+        dom: {
+          tag: 'div',
+          classes: ['tox-image-tools__image-bg'],
+          attributes: { role: 'presentation' }
+        }
+      });
+      var zoomState = Cell(1);
+      var cropRect = Cell(Optional.none());
+      var rectState = Cell({
+        x: 0,
+        y: 0,
+        w: 1,
+        h: 1
+      });
+      var viewRectState = Cell({
+        x: 0,
+        y: 0,
+        w: 1,
+        h: 1
+      });
+      var repaintImg = function (anyInSystem, img) {
+        memContainer.getOpt(anyInSystem).each(function (panel) {
+          var zoom = zoomState.get();
+          var panelW = get$8(panel.element);
+          var panelH = get$7(panel.element);
+          var width = img.dom.naturalWidth * zoom;
+          var height = img.dom.naturalHeight * zoom;
+          var left = Math.max(0, panelW / 2 - width / 2);
+          var top = Math.max(0, panelH / 2 - height / 2);
+          var css = {
+            left: left.toString() + 'px',
+            top: top.toString() + 'px',
+            width: width.toString() + 'px',
+            height: height.toString() + 'px',
+            position: 'absolute'
+          };
+          setAll$1(img, css);
+          memBg.getOpt(panel).each(function (bg) {
+            setAll$1(bg.element, css);
+          });
+          cropRect.get().each(function (cRect) {
+            var rect = rectState.get();
+            cRect.setRect({
+              x: rect.x * zoom + left,
+              y: rect.y * zoom + top,
+              w: rect.w * zoom,
+              h: rect.h * zoom
+            });
+            cRect.setClampRect({
+              x: left,
+              y: top,
+              w: width,
+              h: height
+            });
+            cRect.setViewPortRect({
+              x: 0,
+              y: 0,
+              w: panelW,
+              h: panelH
+            });
+          });
+        });
+      };
+      var zoomFit = function (anyInSystem, img) {
+        memContainer.getOpt(anyInSystem).each(function (panel) {
+          var panelW = get$8(panel.element);
+          var panelH = get$7(panel.element);
+          var width = img.dom.naturalWidth;
+          var height = img.dom.naturalHeight;
+          var zoom = Math.min(panelW / width, panelH / height);
+          if (zoom >= 1) {
+            zoomState.set(1);
+          } else {
+            zoomState.set(zoom);
+          }
+        });
+      };
+      var updateSrc = function (anyInSystem, url) {
+        var img = SugarElement.fromTag('img');
+        set$1(img, 'src', url);
+        return loadImage(img.dom).then(function () {
+          return memContainer.getOpt(anyInSystem).map(function (panel) {
+            var aImg = external({ element: img });
+            Replacing.replaceAt(panel, 1, Optional.some(aImg));
+            var lastViewRect = viewRectState.get();
+            var viewRect = {
+              x: 0,
+              y: 0,
+              w: img.dom.naturalWidth,
+              h: img.dom.naturalHeight
+            };
+            viewRectState.set(viewRect);
+            var rect = global$d.inflate(viewRect, -20, -20);
+            rectState.set(rect);
+            if (lastViewRect.w !== viewRect.w || lastViewRect.h !== viewRect.h) {
+              zoomFit(panel, img);
+            }
+            repaintImg(panel, img);
+            return img;
+          });
+        });
+      };
+      var zoom = function (anyInSystem, direction) {
+        var currentZoom = zoomState.get();
+        var newZoom = direction > 0 ? Math.min(2, currentZoom + 0.1) : Math.max(0.1, currentZoom - 0.1);
+        zoomState.set(newZoom);
+        memContainer.getOpt(anyInSystem).each(function (panel) {
+          var img = panel.components()[1].element;
+          repaintImg(panel, img);
+        });
+      };
+      var showCrop = function () {
+        cropRect.get().each(function (cRect) {
+          cRect.toggleVisibility(true);
+        });
+      };
+      var hideCrop = function () {
+        cropRect.get().each(function (cRect) {
+          cRect.toggleVisibility(false);
+        });
+      };
+      var getRect = function () {
+        return rectState.get();
+      };
+      var container = Container.sketch({
+        dom: {
+          tag: 'div',
+          classes: ['tox-image-tools__image']
+        },
+        components: [
+          memBg.asSpec(),
+          {
+            dom: {
+              tag: 'img',
+              attributes: { src: initialUrl }
+            }
+          },
+          {
+            dom: { tag: 'div' },
+            behaviours: derive$1([config('image-panel-crop-events', [runOnAttached(function (comp) {
+                  memContainer.getOpt(comp).each(function (container) {
+                    var el = container.element.dom;
+                    var cRect = CropRect.create({
+                      x: 10,
+                      y: 10,
+                      w: 100,
+                      h: 100
+                    }, {
+                      x: 0,
+                      y: 0,
+                      w: 200,
+                      h: 200
+                    }, {
+                      x: 0,
+                      y: 0,
+                      w: 200,
+                      h: 200
+                    }, el, function () {
+                    });
+                    cRect.toggleVisibility(false);
+                    cRect.on('updateRect', function (e) {
+                      var rect = e.rect;
+                      var zoom = zoomState.get();
+                      var newRect = {
+                        x: Math.round(rect.x / zoom),
+                        y: Math.round(rect.y / zoom),
+                        w: Math.round(rect.w / zoom),
+                        h: Math.round(rect.h / zoom)
+                      };
+                      rectState.set(newRect);
+                    });
+                    cropRect.set(Optional.some(cRect));
+                  });
+                })])])
+          }
+        ],
+        containerBehaviours: derive$1([
+          Replacing.config({}),
+          config('image-panel-events', [runOnAttached(function (comp) {
+              updateSrc(comp, initialUrl);
+            })])
+        ])
+      });
+      var memContainer = record(container);
+      var getMeasurements = function () {
+        var viewRect = viewRectState.get();
+        return {
+          width: viewRect.w,
+          height: viewRect.h
+        };
+      };
+      return {
+        memContainer: memContainer,
+        updateSrc: updateSrc,
+        zoom: zoom,
+        showCrop: showCrop,
+        hideCrop: hideCrop,
+        getRect: getRect,
+        getMeasurements: getMeasurements
+      };
+    };
+
+    var createButton = function (innerHtml, icon, disabled, action, providersBackstage) {
+      return renderIconButton({
+        name: innerHtml,
+        icon: Optional.some(icon),
+        disabled: disabled,
+        tooltip: Optional.some(innerHtml),
+        primary: false,
+        borderless: false
+      }, action, providersBackstage);
+    };
+    var setButtonEnabled = function (button, enabled) {
+      if (enabled) {
+        Disabling.enable(button);
+      } else {
+        Disabling.disable(button);
+      }
+    };
+    var renderSideBar = function (providersBackstage) {
+      var updateButtonUndoStates = function (anyInSystem, undoEnabled, redoEnabled) {
+        memUndo.getOpt(anyInSystem).each(function (undo) {
+          setButtonEnabled(undo, undoEnabled);
+        });
+        memRedo.getOpt(anyInSystem).each(function (redo) {
+          setButtonEnabled(redo, redoEnabled);
+        });
+      };
+      var memUndo = record(createButton('Undo', 'undo', true, function (button) {
+        emitWith(button, internal.undo(), { direction: 1 });
+      }, providersBackstage));
+      var memRedo = record(createButton('Redo', 'redo', true, function (button) {
+        emitWith(button, internal.redo(), { direction: 1 });
+      }, providersBackstage));
+      var container = Container.sketch({
+        dom: {
+          tag: 'div',
+          classes: [
+            'tox-image-tools__toolbar',
+            'tox-image-tools__sidebar'
+          ]
+        },
+        components: [
+          memUndo.asSpec(),
+          memRedo.asSpec(),
+          createButton('Zoom in', 'zoom-in', false, function (button) {
+            emitWith(button, internal.zoom(), { direction: 1 });
+          }, providersBackstage),
+          createButton('Zoom out', 'zoom-out', false, function (button) {
+            emitWith(button, internal.zoom(), { direction: -1 });
+          }, providersBackstage)
+        ]
+      });
+      return {
+        container: container,
+        updateButtonUndoStates: updateButtonUndoStates
+      };
+    };
+
+    function UndoStack () {
+      var data = [];
+      var index = -1;
+      function add(state) {
+        var removed = data.splice(++index);
+        data.push(state);
+        return {
+          state: state,
+          removed: removed
+        };
+      }
+      function undo() {
+        if (canUndo()) {
+          return data[--index];
+        }
+      }
+      function redo() {
+        if (canRedo()) {
+          return data[++index];
+        }
+      }
+      function canUndo() {
+        return index > 0;
+      }
+      function canRedo() {
+        return index !== -1 && index < data.length - 1;
+      }
+      return {
+        data: data,
+        add: add,
+        undo: undo,
+        redo: redo,
+        canUndo: canUndo,
+        canRedo: canRedo
+      };
+    }
+
+    var makeState = function (initialState) {
+      var blobState = Cell(initialState);
+      var tempState = Cell(Optional.none());
+      var undoStack = UndoStack();
+      undoStack.add(initialState);
+      var getBlobState = function () {
+        return blobState.get();
+      };
+      var setBlobState = function (state) {
+        blobState.set(state);
+      };
+      var getTempState = function () {
+        return tempState.get().fold(function () {
+          return blobState.get();
+        }, function (temp) {
+          return temp;
+        });
+      };
+      var updateTempState = function (blob) {
+        var newTempState = createState(blob);
+        destroyTempState();
+        tempState.set(Optional.some(newTempState));
+        return newTempState.url;
+      };
+      var createState = function (blob) {
+        return {
+          blob: blob,
+          url: URL.createObjectURL(blob)
+        };
+      };
+      var destroyState = function (state) {
+        URL.revokeObjectURL(state.url);
+      };
+      var destroyStates = function (states) {
+        global$c.each(states, destroyState);
+      };
+      var destroyTempState = function () {
+        tempState.get().each(destroyState);
+        tempState.set(Optional.none());
+      };
+      var addBlobState = function (blob) {
+        var newState = createState(blob);
+        setBlobState(newState);
+        var removed = undoStack.add(newState).removed;
+        destroyStates(removed);
+        return newState.url;
+      };
+      var addTempState = function (blob) {
+        var newState = createState(blob);
+        tempState.set(Optional.some(newState));
+        return newState.url;
+      };
+      var applyTempState = function (postApply) {
+        return tempState.get().fold(function () {
+        }, function (temp) {
+          addBlobState(temp.blob);
+          postApply();
+        });
+      };
+      var undo = function () {
+        var currentState = undoStack.undo();
+        setBlobState(currentState);
+        return currentState.url;
+      };
+      var redo = function () {
+        var currentState = undoStack.redo();
+        setBlobState(currentState);
+        return currentState.url;
+      };
+      var getHistoryStates = function () {
+        var undoEnabled = undoStack.canUndo();
+        var redoEnabled = undoStack.canRedo();
+        return {
+          undoEnabled: undoEnabled,
+          redoEnabled: redoEnabled
+        };
+      };
+      return {
+        getBlobState: getBlobState,
+        setBlobState: setBlobState,
+        addBlobState: addBlobState,
+        getTempState: getTempState,
+        updateTempState: updateTempState,
+        addTempState: addTempState,
+        applyTempState: applyTempState,
+        destroyTempState: destroyTempState,
+        undo: undo,
+        redo: redo,
+        getHistoryStates: getHistoryStates
+      };
+    };
+
+    var renderImageTools = function (detail, providersBackstage) {
+      var state = makeState(detail.currentState);
+      var zoom = function (anyInSystem, simulatedEvent) {
+        var direction = simulatedEvent.event.direction;
+        imagePanel.zoom(anyInSystem, direction);
+      };
+      var updateButtonUndoStates = function (anyInSystem) {
+        var historyStates = state.getHistoryStates();
+        sideBar.updateButtonUndoStates(anyInSystem, historyStates.undoEnabled, historyStates.redoEnabled);
+        emitWith(anyInSystem, external$2.formActionEvent, {
+          name: external$2.saveState(),
+          value: historyStates.undoEnabled
+        });
+      };
+      var disableUndoRedo = function (anyInSystem) {
+        sideBar.updateButtonUndoStates(anyInSystem, false, false);
+      };
+      var undo = function (anyInSystem, _simulatedEvent) {
+        var url = state.undo();
+        updateSrc(anyInSystem, url).then(function (_oImg) {
+          unblock(anyInSystem);
+          updateButtonUndoStates(anyInSystem);
+        });
+      };
+      var redo = function (anyInSystem, _simulatedEvent) {
+        var url = state.redo();
+        updateSrc(anyInSystem, url).then(function (_oImg) {
+          unblock(anyInSystem);
+          updateButtonUndoStates(anyInSystem);
+        });
+      };
+      var imageResultToBlob = function (ir) {
+        return ir.toBlob();
+      };
+      var block = function (anyInSystem) {
+        emitWith(anyInSystem, external$2.formActionEvent, {
+          name: external$2.disable(),
+          value: {}
+        });
+      };
+      var unblock = function (anyInSystem) {
+        editPanel.getApplyButton(anyInSystem).each(function (applyButton) {
+          Disabling.enable(applyButton);
+        });
+        emitWith(anyInSystem, external$2.formActionEvent, {
+          name: external$2.enable(),
+          value: {}
+        });
+      };
+      var updateSrc = function (anyInSystem, src) {
+        block(anyInSystem);
+        return imagePanel.updateSrc(anyInSystem, src);
+      };
+      var blobManipulate = function (anyInSystem, blob, filter, action, swap) {
+        block(anyInSystem);
+        return blobToImageResult(blob).then(filter).then(imageResultToBlob).then(action).then(function (url) {
+          return updateSrc(anyInSystem, url).then(function (oImg) {
+            updateButtonUndoStates(anyInSystem);
+            swap();
+            unblock(anyInSystem);
+            return oImg;
+          });
+        }).catch(function (err) {
+          console.log(err);
+          unblock(anyInSystem);
+          return err;
+        });
+      };
+      var manipulate = function (anyInSystem, filter, swap) {
+        var blob = state.getBlobState().blob;
+        var action = function (blob) {
+          return state.updateTempState(blob);
+        };
+        blobManipulate(anyInSystem, blob, filter, action, swap);
+      };
+      var tempManipulate = function (anyInSystem, filter) {
+        var blob = state.getTempState().blob;
+        var action = function (blob) {
+          return state.addTempState(blob);
+        };
+        blobManipulate(anyInSystem, blob, filter, action, noop);
+      };
+      var manipulateApply = function (anyInSystem, filter, swap) {
+        var blob = state.getBlobState().blob;
+        var action = function (blob) {
+          var url = state.addBlobState(blob);
+          destroyTempState(anyInSystem);
+          return url;
+        };
+        blobManipulate(anyInSystem, blob, filter, action, swap);
+      };
+      var apply = function (anyInSystem, simulatedEvent) {
+        var postApply = function () {
+          destroyTempState(anyInSystem);
+          var swap = simulatedEvent.event.swap;
+          swap();
+        };
+        state.applyTempState(postApply);
+      };
+      var destroyTempState = function (anyInSystem) {
+        var currentUrl = state.getBlobState().url;
+        state.destroyTempState();
+        updateButtonUndoStates(anyInSystem);
+        return currentUrl;
+      };
+      var cancel = function (anyInSystem) {
+        var currentUrl = destroyTempState(anyInSystem);
+        updateSrc(anyInSystem, currentUrl).then(function (_oImg) {
+          unblock(anyInSystem);
+        });
+      };
+      var back = function (anyInSystem, simulatedEvent) {
+        cancel(anyInSystem);
+        var swap = simulatedEvent.event.swap;
+        swap();
+        imagePanel.hideCrop();
+      };
+      var transform = function (anyInSystem, simulatedEvent) {
+        return manipulate(anyInSystem, simulatedEvent.event.transform, noop);
+      };
+      var tempTransform = function (anyInSystem, simulatedEvent) {
+        return tempManipulate(anyInSystem, simulatedEvent.event.transform);
+      };
+      var transformApply = function (anyInSystem, simulatedEvent) {
+        return manipulateApply(anyInSystem, simulatedEvent.event.transform, simulatedEvent.event.swap);
+      };
+      var imagePanel = renderImagePanel(detail.currentState.url);
+      var sideBar = renderSideBar(providersBackstage);
+      var editPanel = renderEditPanel(imagePanel, providersBackstage);
+      var swap = function (anyInSystem, simulatedEvent) {
+        disableUndoRedo(anyInSystem);
+        var transform = simulatedEvent.event.transform;
+        var swap = simulatedEvent.event.swap;
+        transform.fold(function () {
+          swap();
+        }, function (transform) {
+          manipulate(anyInSystem, transform, swap);
+        });
+      };
+      return {
+        dom: {
+          tag: 'div',
+          attributes: { role: 'presentation' }
+        },
+        components: [
+          editPanel.memContainer.asSpec(),
+          imagePanel.memContainer.asSpec(),
+          sideBar.container
+        ],
+        behaviours: derive$1([
+          Representing.config({
+            store: {
+              mode: 'manual',
+              getValue: function () {
+                return state.getBlobState();
+              }
+            }
+          }),
+          config('image-tools-events', [
+            run(internal.undo(), undo),
+            run(internal.redo(), redo),
+            run(internal.zoom(), zoom),
+            run(internal.back(), back),
+            run(internal.apply(), apply),
+            run(internal.transform(), transform),
+            run(internal.tempTransform(), tempTransform),
+            run(internal.transformApply(), transformApply),
+            run(internal.swap(), swap)
+          ]),
+          ComposingConfigs.self()
+        ])
+      };
+    };
+
+    var renderLabel$2 = function (spec, backstageShared) {
+      var label = {
+        dom: {
+          tag: 'label',
+          innerHtml: backstageShared.providers.translate(spec.label),
+          classes: ['tox-label']
+        }
+      };
+      var comps = map(spec.items, backstageShared.interpreter);
+      return {
+        dom: {
+          tag: 'div',
+          classes: ['tox-form__group']
+        },
+        components: [label].concat(comps),
+        behaviours: derive$1([
+          ComposingConfigs.self(),
+          Replacing.config({}),
+          RepresentingConfigs.domHtml(Optional.none()),
+          Keying.config({ mode: 'acyclic' })
+        ])
+      };
+    };
+
+    var isSingleListItem = function (item) {
+      return !has(item, 'items');
+    };
+    var dataAttribute = 'data-value';
+    var fetchItems = function (dropdownComp, name, items, selectedValue) {
+      return map(items, function (item) {
+        if (!isSingleListItem(item)) {
+          return {
+            type: 'nestedmenuitem',
+            text: item.text,
+            getSubmenuItems: function () {
+              return fetchItems(dropdownComp, name, item.items, selectedValue);
+            }
+          };
+        } else {
+          return {
+            type: 'togglemenuitem',
+            text: item.text,
+            value: item.value,
+            active: item.value === selectedValue,
+            onAction: function () {
+              Representing.setValue(dropdownComp, item.value);
+              emitWith(dropdownComp, formChangeEvent, { name: name });
+              Focusing.focus(dropdownComp);
+            }
+          };
+        }
+      });
+    };
+    var findItemByValue = function (items, value) {
+      return findMap(items, function (item) {
+        if (!isSingleListItem(item)) {
+          return findItemByValue(item.items, value);
+        } else {
+          return someIf(item.value === value, item);
+        }
+      });
+    };
+    var renderListBox = function (spec, backstage) {
+      var providersBackstage = backstage.shared.providers;
+      var initialItem = head(spec.items).filter(isSingleListItem);
+      var pLabel = spec.label.map(function (label) {
+        return renderLabel(label, providersBackstage);
+      });
+      var pField = FormField.parts.field({
+        dom: {},
+        factory: {
+          sketch: function (sketchSpec) {
+            return renderCommonDropdown({
+              uid: sketchSpec.uid,
+              text: initialItem.map(function (item) {
+                return item.text;
+              }),
+              icon: Optional.none(),
+              tooltip: spec.label,
+              role: Optional.none(),
+              fetch: function (comp, callback) {
+                var items = fetchItems(comp, spec.name, spec.items, Representing.getValue(comp));
+                callback(build$2(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, false));
+              },
+              onSetup: constant(noop),
+              getApi: constant({}),
+              columns: 1,
+              presets: 'normal',
+              classes: [],
+              dropdownBehaviours: [
+                Tabstopping.config({}),
+                Representing.config({
+                  store: {
+                    mode: 'manual',
+                    initialValue: initialItem.map(function (item) {
+                      return item.value;
+                    }).getOr(''),
+                    getValue: function (comp) {
+                      return get$3(comp.element, dataAttribute);
+                    },
+                    setValue: function (comp, data) {
+                      findItemByValue(spec.items, data).each(function (item) {
+                        set$1(comp.element, dataAttribute, item.value);
+                        emitWith(comp, updateMenuText, { text: item.text });
+                      });
+                    }
+                  }
+                })
+              ]
+            }, 'tox-listbox', backstage.shared);
+          }
+        }
+      });
+      var listBoxWrap = {
+        dom: {
+          tag: 'div',
+          classes: ['tox-listboxfield']
+        },
+        components: [pField]
+      };
+      return FormField.sketch({
+        dom: {
+          tag: 'div',
+          classes: ['tox-form__group']
+        },
+        components: flatten([
+          pLabel.toArray(),
+          [listBoxWrap]
+        ]),
+        fieldBehaviours: derive$1([Disabling.config({
+            disabled: constant(spec.disabled),
+            onDisabled: function (comp) {
+              FormField.getField(comp).each(Disabling.disable);
+            },
+            onEnabled: function (comp) {
+              FormField.getField(comp).each(Disabling.enable);
+            }
+          })])
+      });
+    };
+
+    var renderPanel = function (spec, backstage) {
+      return {
+        dom: {
+          tag: 'div',
+          classes: spec.classes
+        },
+        components: map(spec.items, backstage.shared.interpreter)
+      };
+    };
+
+    var factory$8 = function (detail, _spec) {
+      var options = map(detail.options, function (option) {
+        return {
+          dom: {
+            tag: 'option',
+            value: option.value,
+            innerHtml: option.text
+          }
+        };
+      });
+      var initialValues = detail.data.map(function (v) {
+        return wrap$1('initialValue', v);
+      }).getOr({});
+      return {
+        uid: detail.uid,
+        dom: {
+          tag: 'select',
+          classes: detail.selectClasses,
+          attributes: detail.selectAttributes
+        },
+        components: options,
+        behaviours: augment(detail.selectBehaviours, [
+          Focusing.config({}),
+          Representing.config({
+            store: __assign({
+              mode: 'manual',
+              getValue: function (select) {
+                return get$6(select.element);
+              },
+              setValue: function (select, newValue) {
+                var found = find(detail.options, function (opt) {
+                  return opt.value === newValue;
+                });
+                if (found.isSome()) {
+                  set$3(select.element, newValue);
+                }
+              }
+            }, initialValues)
+          })
+        ])
+      };
+    };
+    var HtmlSelect = single$2({
+      name: 'HtmlSelect',
+      configFields: [
+        strict$1('options'),
+        field$1('selectBehaviours', [
+          Focusing,
+          Representing
+        ]),
+        defaulted$1('selectClasses', []),
+        defaulted$1('selectAttributes', {}),
+        option('data')
+      ],
+      factory: factory$8
+    });
+
+    var renderSelectBox = function (spec, providersBackstage) {
+      var translatedOptions = map(spec.items, function (item) {
+        return {
+          text: providersBackstage.translate(item.text),
+          value: item.value
+        };
+      });
+      var pLabel = spec.label.map(function (label) {
+        return renderLabel(label, providersBackstage);
+      });
+      var pField = FormField.parts.field({
+        dom: {},
+        selectAttributes: { size: spec.size },
+        options: translatedOptions,
+        factory: HtmlSelect,
+        selectBehaviours: derive$1([
+          Disabling.config({
+            disabled: function () {
+              return spec.disabled || providersBackstage.isDisabled();
+            }
+          }),
+          Tabstopping.config({}),
+          config('selectbox-change', [run(change(), function (component, _) {
+              emitWith(component, formChangeEvent, { name: spec.name });
+            })])
+        ])
+      });
+      var chevron = spec.size > 1 ? Optional.none() : Optional.some({
+        dom: {
+          tag: 'div',
+          classes: ['tox-selectfield__icon-js'],
+          innerHtml: get$e('chevron-down', providersBackstage.icons)
+        }
+      });
+      var selectWrap = {
+        dom: {
+          tag: 'div',
+          classes: ['tox-selectfield']
+        },
+        components: flatten([
+          [pField],
+          chevron.toArray()
+        ])
+      };
+      return FormField.sketch({
+        dom: {
+          tag: 'div',
+          classes: ['tox-form__group']
+        },
+        components: flatten([
+          pLabel.toArray(),
+          [selectWrap]
+        ]),
+        fieldBehaviours: derive$1([
+          Disabling.config({
+            disabled: function () {
+              return spec.disabled || providersBackstage.isDisabled();
+            },
+            onDisabled: function (comp) {
+              FormField.getField(comp).each(Disabling.disable);
+            },
+            onEnabled: function (comp) {
+              FormField.getField(comp).each(Disabling.enable);
+            }
+          }),
+          receivingConfig()
+        ])
+      });
+    };
+
+    var renderTable = function (spec, providersBackstage) {
+      var renderTh = function (text) {
+        return {
+          dom: {
+            tag: 'th',
+            innerHtml: providersBackstage.translate(text)
+          }
+        };
+      };
+      var renderHeader = function (header) {
+        return {
+          dom: { tag: 'thead' },
+          components: [{
+              dom: { tag: 'tr' },
+              components: map(header, renderTh)
+            }]
+        };
+      };
+      var renderTd = function (text) {
+        return {
+          dom: {
+            tag: 'td',
+            innerHtml: providersBackstage.translate(text)
+          }
+        };
+      };
+      var renderTr = function (row) {
+        return {
+          dom: { tag: 'tr' },
+          components: map(row, renderTd)
+        };
+      };
+      var renderRows = function (rows) {
+        return {
+          dom: { tag: 'tbody' },
+          components: map(rows, renderTr)
+        };
+      };
+      return {
+        dom: {
+          tag: 'table',
+          classes: ['tox-dialog__table']
+        },
+        components: [
+          renderHeader(spec.header),
+          renderRows(spec.cells)
+        ],
+        behaviours: derive$1([
+          Tabstopping.config({}),
+          Focusing.config({})
+        ])
+      };
+    };
+
+    var renderTextField = function (spec, providersBackstage) {
+      var pLabel = spec.label.map(function (label) {
+        return renderLabel(label, providersBackstage);
+      });
+      var baseInputBehaviours = [
+        Disabling.config({
+          disabled: function () {
+            return spec.disabled || providersBackstage.isDisabled();
+          }
+        }),
+        receivingConfig(),
+        Keying.config({
+          mode: 'execution',
+          useEnter: spec.multiline !== true,
+          useControlEnter: spec.multiline === true,
+          execute: function (comp) {
+            emit(comp, formSubmitEvent);
+            return Optional.some(true);
+          }
+        }),
+        config('textfield-change', [
+          run(input(), function (component, _) {
+            emitWith(component, formChangeEvent, { name: spec.name });
+          }),
+          run(postPaste(), function (component, _) {
+            emitWith(component, formChangeEvent, { name: spec.name });
+          })
+        ]),
+        Tabstopping.config({})
+      ];
+      var validatingBehaviours = spec.validation.map(function (vl) {
+        return Invalidating.config({
+          getRoot: function (input) {
+            return parent(input.element);
+          },
+          invalidClass: 'tox-invalid',
+          validator: {
+            validate: function (input) {
+              var v = Representing.getValue(input);
+              var result = vl.validator(v);
+              return Future.pure(result === true ? Result.value(v) : Result.error(result));
+            },
+            validateOnLoad: vl.validateOnLoad
+          }
+        });
+      }).toArray();
+      var placeholder = spec.placeholder.fold(constant({}), function (p) {
+        return { placeholder: providersBackstage.translate(p) };
+      });
+      var inputMode = spec.inputMode.fold(constant({}), function (mode) {
+        return { inputmode: mode };
+      });
+      var inputAttributes = __assign(__assign({}, placeholder), inputMode);
+      var pField = FormField.parts.field({
+        tag: spec.multiline === true ? 'textarea' : 'input',
+        inputAttributes: inputAttributes,
+        inputClasses: [spec.classname],
+        inputBehaviours: derive$1(flatten([
+          baseInputBehaviours,
+          validatingBehaviours
+        ])),
+        selectOnFocus: false,
+        factory: Input
+      });
+      var extraClasses = spec.flex ? ['tox-form__group--stretched'] : [];
+      var extraClasses2 = extraClasses.concat(spec.maximized ? ['tox-form-group--maximize'] : []);
+      var extraBehaviours = [
+        Disabling.config({
+          disabled: function () {
+            return spec.disabled || providersBackstage.isDisabled();
+          },
+          onDisabled: function (comp) {
+            FormField.getField(comp).each(Disabling.disable);
+          },
+          onEnabled: function (comp) {
+            FormField.getField(comp).each(Disabling.enable);
+          }
+        }),
+        receivingConfig()
+      ];
+      return renderFormFieldWith(pLabel, pField, extraClasses2, extraBehaviours);
+    };
+    var renderInput = function (spec, providersBackstage) {
+      return renderTextField({
+        name: spec.name,
+        multiline: false,
+        label: spec.label,
+        inputMode: spec.inputMode,
+        placeholder: spec.placeholder,
+        flex: false,
+        disabled: spec.disabled,
+        classname: 'tox-textfield',
+        validation: Optional.none(),
+        maximized: spec.maximized
+      }, providersBackstage);
+    };
+    var renderTextarea = function (spec, providersBackstage) {
+      return renderTextField({
+        name: spec.name,
+        multiline: true,
+        label: spec.label,
+        inputMode: Optional.none(),
+        placeholder: spec.placeholder,
+        flex: true,
+        disabled: spec.disabled,
+        classname: 'tox-textarea',
+        validation: Optional.none(),
+        maximized: spec.maximized
+      }, providersBackstage);
+    };
+
+    var events$c = function (streamConfig, streamState) {
+      var streams = streamConfig.stream.streams;
+      var processor = streams.setup(streamConfig, streamState);
+      return derive([
+        run(streamConfig.event, processor),
+        runOnDetached(function () {
+          return streamState.cancel();
+        })
+      ].concat(streamConfig.cancelEvent.map(function (e) {
+        return [run(e, function () {
+            return streamState.cancel();
+          })];
+      }).getOr([])));
+    };
+
+    var ActiveStreaming = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$c
+    });
+
+    var throttle = function (_config) {
+      var state = Cell(null);
+      var readState = function () {
+        return { timer: state.get() !== null ? 'set' : 'unset' };
+      };
+      var setTimer = function (t) {
+        state.set(t);
+      };
+      var cancel = function () {
+        var t = state.get();
+        if (t !== null) {
+          t.cancel();
+        }
+      };
+      return nu$5({
+        readState: readState,
+        setTimer: setTimer,
+        cancel: cancel
+      });
+    };
+    var init$6 = function (spec) {
+      return spec.stream.streams.state(spec);
+    };
+
+    var StreamingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        throttle: throttle,
+        init: init$6
+    });
+
+    var setup$2 = function (streamInfo, streamState) {
+      var sInfo = streamInfo.stream;
+      var throttler = last$2(streamInfo.onStream, sInfo.delay);
+      streamState.setTimer(throttler);
+      return function (component, simulatedEvent) {
+        throttler.throttle(component, simulatedEvent);
+        if (sInfo.stopEvent) {
+          simulatedEvent.stop();
+        }
+      };
+    };
+    var StreamingSchema = [
+      strictOf('stream', choose$1('mode', {
+        throttle: [
+          strict$1('delay'),
+          defaulted$1('stopEvent', true),
+          output('streams', {
+            setup: setup$2,
+            state: throttle
+          })
+        ]
+      })),
+      defaulted$1('event', 'input'),
+      option('cancelEvent'),
+      onStrictHandler('onStream')
+    ];
+
+    var Streaming = create$1({
+      fields: StreamingSchema,
+      name: 'streaming',
+      active: ActiveStreaming,
+      state: StreamingState
+    });
+
+    var setValueFromItem = function (model, input, item) {
+      var itemData = Representing.getValue(item);
+      Representing.setValue(input, itemData);
+      setCursorAtEnd(input);
+    };
+    var setSelectionOn = function (input, f) {
+      var el = input.element;
+      var value = get$6(el);
+      var node = el.dom;
+      if (get$3(el, 'type') !== 'number') {
+        f(node, value);
+      }
+    };
+    var setCursorAtEnd = function (input) {
+      setSelectionOn(input, function (node, value) {
+        return node.setSelectionRange(value.length, value.length);
+      });
+    };
+    var setSelectionToEnd = function (input, startOffset) {
+      setSelectionOn(input, function (node, value) {
+        return node.setSelectionRange(startOffset, value.length);
+      });
+    };
+    var attemptSelectOver = function (model, input, item) {
+      if (!model.selectsOver) {
+        return Optional.none();
+      } else {
+        var currentValue = Representing.getValue(input);
+        var inputDisplay_1 = model.getDisplayText(currentValue);
+        var itemValue = Representing.getValue(item);
+        var itemDisplay = model.getDisplayText(itemValue);
+        return itemDisplay.indexOf(inputDisplay_1) === 0 ? Optional.some(function () {
+          setValueFromItem(model, input, item);
+          setSelectionToEnd(input, inputDisplay_1.length);
+        }) : Optional.none();
+      }
+    };
+
+    var itemExecute = constant('alloy.typeahead.itemexecute');
+
+    var make$5 = function (detail, components, spec, externals) {
+      var navigateList = function (comp, simulatedEvent, highlighter) {
+        detail.previewing.set(false);
+        var sandbox = Coupling.getCoupled(comp, 'sandbox');
+        if (Sandboxing.isOpen(sandbox)) {
+          Composing.getCurrent(sandbox).each(function (menu) {
+            Highlighting.getHighlighted(menu).fold(function () {
+              highlighter(menu);
+            }, function () {
+              dispatchEvent(sandbox, menu.element, 'keydown', simulatedEvent);
+            });
+          });
+        } else {
+          var onOpenSync = function (sandbox) {
+            Composing.getCurrent(sandbox).each(highlighter);
+          };
+          open$1(detail, mapFetch(comp), comp, sandbox, externals, onOpenSync, HighlightOnOpen.HighlightFirst).get(noop);
+        }
+      };
+      var focusBehaviours$1 = focusBehaviours(detail);
+      var mapFetch = function (comp) {
+        return function (tdata) {
+          return tdata.map(function (data) {
+            var menus = values(data.menus);
+            var items = bind(menus, function (menu) {
+              return filter(menu.items, function (item) {
+                return item.type === 'item';
+              });
+            });
+            var repState = Representing.getState(comp);
+            repState.update(map(items, function (item) {
+              return item.data;
+            }));
+            return data;
+          });
+        };
+      };
+      var behaviours = [
+        Focusing.config({}),
+        Representing.config({
+          onSetValue: detail.onSetValue,
+          store: __assign({
+            mode: 'dataset',
+            getDataKey: function (comp) {
+              return get$6(comp.element);
+            },
+            getFallbackEntry: function (itemString) {
+              return {
+                value: itemString,
+                meta: {}
+              };
+            },
+            setValue: function (comp, data) {
+              set$3(comp.element, detail.model.getDisplayText(data));
+            }
+          }, detail.initialData.map(function (d) {
+            return wrap$1('initialValue', d);
+          }).getOr({}))
+        }),
+        Streaming.config({
+          stream: {
+            mode: 'throttle',
+            delay: detail.responseTime,
+            stopEvent: false
+          },
+          onStream: function (component, _simulatedEvent) {
+            var sandbox = Coupling.getCoupled(component, 'sandbox');
+            var focusInInput = Focusing.isFocused(component);
+            if (focusInInput) {
+              if (get$6(component.element).length >= detail.minChars) {
+                var previousValue_1 = Composing.getCurrent(sandbox).bind(function (menu) {
+                  return Highlighting.getHighlighted(menu).map(Representing.getValue);
+                });
+                detail.previewing.set(true);
+                var onOpenSync = function (_sandbox) {
+                  Composing.getCurrent(sandbox).each(function (menu) {
+                    previousValue_1.fold(function () {
+                      if (detail.model.selectsOver) {
+                        Highlighting.highlightFirst(menu);
+                      }
+                    }, function (pv) {
+                      Highlighting.highlightBy(menu, function (item) {
+                        var itemData = Representing.getValue(item);
+                        return itemData.value === pv.value;
+                      });
+                      Highlighting.getHighlighted(menu).orThunk(function () {
+                        Highlighting.highlightFirst(menu);
+                        return Optional.none();
+                      });
+                    });
+                  });
+                };
+                open$1(detail, mapFetch(component), component, sandbox, externals, onOpenSync, HighlightOnOpen.HighlightFirst).get(noop);
+              }
+            }
+          },
+          cancelEvent: typeaheadCancel()
+        }),
+        Keying.config({
+          mode: 'special',
+          onDown: function (comp, simulatedEvent) {
+            navigateList(comp, simulatedEvent, Highlighting.highlightFirst);
+            return Optional.some(true);
+          },
+          onEscape: function (comp) {
+            var sandbox = Coupling.getCoupled(comp, 'sandbox');
+            if (Sandboxing.isOpen(sandbox)) {
+              Sandboxing.close(sandbox);
+              return Optional.some(true);
+            }
+            return Optional.none();
+          },
+          onUp: function (comp, simulatedEvent) {
+            navigateList(comp, simulatedEvent, Highlighting.highlightLast);
+            return Optional.some(true);
+          },
+          onEnter: function (comp) {
+            var sandbox = Coupling.getCoupled(comp, 'sandbox');
+            var sandboxIsOpen = Sandboxing.isOpen(sandbox);
+            if (sandboxIsOpen && !detail.previewing.get()) {
+              return Composing.getCurrent(sandbox).bind(function (menu) {
+                return Highlighting.getHighlighted(menu);
+              }).map(function (item) {
+                emitWith(comp, itemExecute(), { item: item });
+                return true;
+              });
+            } else {
+              var currentValue = Representing.getValue(comp);
+              emit(comp, typeaheadCancel());
+              detail.onExecute(sandbox, comp, currentValue);
+              if (sandboxIsOpen) {
+                Sandboxing.close(sandbox);
+              }
+              return Optional.some(true);
+            }
+          }
+        }),
+        Toggling.config({
+          toggleClass: detail.markers.openClass,
+          aria: { mode: 'expanded' }
+        }),
+        Coupling.config({
+          others: {
+            sandbox: function (hotspot) {
+              return makeSandbox(detail, hotspot, {
+                onOpen: function () {
+                  return Toggling.on(hotspot);
+                },
+                onClose: function () {
+                  return Toggling.off(hotspot);
+                }
+              });
+            }
+          }
+        }),
+        config('typeaheadevents', [
+          runOnExecute(function (comp) {
+            var onOpenSync = noop;
+            togglePopup(detail, mapFetch(comp), comp, externals, onOpenSync, HighlightOnOpen.HighlightFirst).get(noop);
+          }),
+          run(itemExecute(), function (comp, se) {
+            var sandbox = Coupling.getCoupled(comp, 'sandbox');
+            setValueFromItem(detail.model, comp, se.event.item);
+            emit(comp, typeaheadCancel());
+            detail.onItemExecute(comp, sandbox, se.event.item, Representing.getValue(comp));
+            Sandboxing.close(sandbox);
+            setCursorAtEnd(comp);
+          })
+        ].concat(detail.dismissOnBlur ? [run(postBlur(), function (typeahead) {
+            var sandbox = Coupling.getCoupled(typeahead, 'sandbox');
+            if (search(sandbox.element).isNone()) {
+              Sandboxing.close(sandbox);
+            }
+          })] : []))
+      ];
+      return {
+        uid: detail.uid,
+        dom: dom$2(deepMerge(detail, {
+          inputAttributes: {
+            'role': 'combobox',
+            'aria-autocomplete': 'list',
+            'aria-haspopup': 'true'
+          }
+        })),
+        behaviours: __assign(__assign({}, focusBehaviours$1), augment(detail.typeaheadBehaviours, behaviours)),
+        eventOrder: detail.eventOrder
+      };
+    };
+
+    var schema$j = constant([
+      option('lazySink'),
+      strict$1('fetch'),
+      defaulted$1('minChars', 5),
+      defaulted$1('responseTime', 1000),
+      onHandler('onOpen'),
+      defaulted$1('getHotspot', Optional.some),
+      defaulted$1('getAnchorOverrides', constant({})),
+      defaulted$1('layouts', Optional.none()),
+      defaulted$1('eventOrder', {}),
+      defaultedObjOf('model', {}, [
+        defaulted$1('getDisplayText', function (itemData) {
+          return itemData.meta !== undefined && itemData.meta.text !== undefined ? itemData.meta.text : itemData.value;
+        }),
+        defaulted$1('selectsOver', true),
+        defaulted$1('populateFromBrowse', true)
+      ]),
+      onHandler('onSetValue'),
+      onKeyboardHandler('onExecute'),
+      onHandler('onItemExecute'),
+      defaulted$1('inputClasses', []),
+      defaulted$1('inputAttributes', {}),
+      defaulted$1('inputStyles', {}),
+      defaulted$1('matchWidth', true),
+      defaulted$1('useMinWidth', false),
+      defaulted$1('dismissOnBlur', true),
+      markers(['openClass']),
+      option('initialData'),
+      field$1('typeaheadBehaviours', [
+        Focusing,
+        Representing,
+        Streaming,
+        Keying,
+        Toggling,
+        Coupling
+      ]),
+      state$1('previewing', function () {
+        return Cell(true);
+      })
+    ].concat(schema$f()).concat(sandboxFields()));
+    var parts$6 = constant([external$1({
+        schema: [tieredMenuMarkers()],
+        name: 'menu',
+        overrides: function (detail) {
+          return {
+            fakeFocus: true,
+            onHighlight: function (menu, item) {
+              if (!detail.previewing.get()) {
+                menu.getSystem().getByUid(detail.uid).each(function (input) {
+                  if (detail.model.populateFromBrowse) {
+                    setValueFromItem(detail.model, input, item);
+                  }
+                });
+              } else {
+                menu.getSystem().getByUid(detail.uid).each(function (input) {
+                  attemptSelectOver(detail.model, input, item).fold(function () {
+                    return Highlighting.dehighlight(menu, item);
+                  }, function (fn) {
+                    return fn();
+                  });
+                });
+              }
+              detail.previewing.set(false);
+            },
+            onExecute: function (menu, item) {
+              return menu.getSystem().getByUid(detail.uid).toOptional().map(function (typeahead) {
+                emitWith(typeahead, itemExecute(), { item: item });
+                return true;
+              });
+            },
+            onHover: function (menu, item) {
+              detail.previewing.set(false);
+              menu.getSystem().getByUid(detail.uid).each(function (input) {
+                if (detail.model.populateFromBrowse) {
+                  setValueFromItem(detail.model, input, item);
+                }
+              });
+            }
+          };
+        }
+      })]);
+
+    var Typeahead = composite$1({
+      name: 'Typeahead',
+      configFields: schema$j(),
+      partFields: parts$6(),
+      factory: make$5
+    });
+
+    var wrap$2 = function (delegate) {
+      var toCached = function () {
+        return wrap$2(delegate.toCached());
+      };
+      var bindFuture = function (f) {
+        return wrap$2(delegate.bind(function (resA) {
+          return resA.fold(function (err) {
+            return Future.pure(Result.error(err));
+          }, function (a) {
+            return f(a);
+          });
+        }));
+      };
+      var bindResult = function (f) {
+        return wrap$2(delegate.map(function (resA) {
+          return resA.bind(f);
+        }));
+      };
+      var mapResult = function (f) {
+        return wrap$2(delegate.map(function (resA) {
+          return resA.map(f);
+        }));
+      };
+      var mapError = function (f) {
+        return wrap$2(delegate.map(function (resA) {
+          return resA.mapError(f);
+        }));
+      };
+      var foldResult = function (whenError, whenValue) {
+        return delegate.map(function (res) {
+          return res.fold(whenError, whenValue);
+        });
+      };
+      var withTimeout = function (timeout, errorThunk) {
+        return wrap$2(Future.nu(function (callback) {
+          var timedOut = false;
+          var timer = setTimeout(function () {
+            timedOut = true;
+            callback(Result.error(errorThunk()));
+          }, timeout);
+          delegate.get(function (result) {
+            if (!timedOut) {
+              clearTimeout(timer);
+              callback(result);
+            }
+          });
+        }));
+      };
+      return __assign(__assign({}, delegate), {
+        toCached: toCached,
+        bindFuture: bindFuture,
+        bindResult: bindResult,
+        mapResult: mapResult,
+        mapError: mapError,
+        foldResult: foldResult,
+        withTimeout: withTimeout
+      });
+    };
+    var nu$c = function (worker) {
+      return wrap$2(Future.nu(worker));
+    };
+    var value$2 = function (value) {
+      return wrap$2(Future.pure(Result.value(value)));
+    };
+    var error$1 = function (error) {
+      return wrap$2(Future.pure(Result.error(error)));
+    };
+    var fromResult$1 = function (result) {
+      return wrap$2(Future.pure(result));
+    };
+    var fromFuture = function (future) {
+      return wrap$2(future.map(Result.value));
+    };
+    var fromPromise = function (promise) {
+      return nu$c(function (completer) {
+        promise.then(function (value) {
+          completer(Result.value(value));
+        }, function (error) {
+          completer(Result.error(error));
+        });
+      });
+    };
+    var FutureResult = {
+      nu: nu$c,
+      wrap: wrap$2,
+      pure: value$2,
+      value: value$2,
+      error: error$1,
+      fromResult: fromResult$1,
+      fromFuture: fromFuture,
+      fromPromise: fromPromise
+    };
+
+    var separator$2 = { type: 'separator' };
+    var toMenuItem = function (target) {
+      return {
+        type: 'menuitem',
+        value: target.url,
+        text: target.title,
+        meta: { attach: target.attach },
+        onAction: function () {
+        }
+      };
+    };
+    var staticMenuItem = function (title, url) {
+      return {
+        type: 'menuitem',
+        value: url,
+        text: title,
+        meta: { attach: undefined },
+        onAction: function () {
+        }
+      };
+    };
+    var toMenuItems = function (targets) {
+      return map(targets, toMenuItem);
+    };
+    var filterLinkTargets = function (type, targets) {
+      return filter(targets, function (target) {
+        return target.type === type;
+      });
+    };
+    var filteredTargets = function (type, targets) {
+      return toMenuItems(filterLinkTargets(type, targets));
+    };
+    var headerTargets = function (linkInfo) {
+      return filteredTargets('header', linkInfo.targets);
+    };
+    var anchorTargets = function (linkInfo) {
+      return filteredTargets('anchor', linkInfo.targets);
+    };
+    var anchorTargetTop = function (linkInfo) {
+      return Optional.from(linkInfo.anchorTop).map(function (url) {
+        return staticMenuItem('<top>', url);
+      }).toArray();
+    };
+    var anchorTargetBottom = function (linkInfo) {
+      return Optional.from(linkInfo.anchorBottom).map(function (url) {
+        return staticMenuItem('<bottom>', url);
+      }).toArray();
+    };
+    var historyTargets = function (history) {
+      return map(history, function (url) {
+        return staticMenuItem(url, url);
+      });
+    };
+    var joinMenuLists = function (items) {
+      return foldl(items, function (a, b) {
+        var bothEmpty = a.length === 0 || b.length === 0;
+        return bothEmpty ? a.concat(b) : a.concat(separator$2, b);
+      }, []);
+    };
+    var filterByQuery = function (term, menuItems) {
+      var lowerCaseTerm = term.toLowerCase();
+      return filter(menuItems, function (item) {
+        var text = item.meta !== undefined && item.meta.text !== undefined ? item.meta.text : item.text;
+        return contains$1(text.toLowerCase(), lowerCaseTerm) || contains$1(item.value.toLowerCase(), lowerCaseTerm);
+      });
+    };
+
+    var getItems = function (fileType, input, urlBackstage) {
+      var urlInputValue = Representing.getValue(input);
+      var term = urlInputValue.meta.text !== undefined ? urlInputValue.meta.text : urlInputValue.value;
+      var info = urlBackstage.getLinkInformation();
+      return info.fold(function () {
+        return [];
+      }, function (linkInfo) {
+        var history = filterByQuery(term, historyTargets(urlBackstage.getHistory(fileType)));
+        return fileType === 'file' ? joinMenuLists([
+          history,
+          filterByQuery(term, headerTargets(linkInfo)),
+          filterByQuery(term, flatten([
+            anchorTargetTop(linkInfo),
+            anchorTargets(linkInfo),
+            anchorTargetBottom(linkInfo)
+          ]))
+        ]) : history;
+      });
+    };
+    var errorId = generate$1('aria-invalid');
+    var renderUrlInput = function (spec, backstage, urlBackstage) {
+      var _a;
+      var providersBackstage = backstage.shared.providers;
+      var updateHistory = function (component) {
+        var urlEntry = Representing.getValue(component);
+        urlBackstage.addToHistory(urlEntry.value, spec.filetype);
+      };
+      var pField = FormField.parts.field({
+        factory: Typeahead,
+        dismissOnBlur: true,
+        inputClasses: ['tox-textfield'],
+        sandboxClasses: ['tox-dialog__popups'],
+        inputAttributes: {
+          'aria-errormessage': errorId,
+          'type': 'url'
+        },
+        minChars: 0,
+        responseTime: 0,
+        fetch: function (input) {
+          var items = getItems(spec.filetype, input, urlBackstage);
+          var tdata = build$2(items, ItemResponse$1.BUBBLE_TO_SANDBOX, backstage, false);
+          return Future.pure(tdata);
+        },
+        getHotspot: function (comp) {
+          return memUrlBox.getOpt(comp);
+        },
+        onSetValue: function (comp, _newValue) {
+          if (comp.hasConfigured(Invalidating)) {
+            Invalidating.run(comp).get(noop);
+          }
+        },
+        typeaheadBehaviours: derive$1(flatten([
+          urlBackstage.getValidationHandler().map(function (handler) {
+            return Invalidating.config({
+              getRoot: function (comp) {
+                return parent(comp.element);
+              },
+              invalidClass: 'tox-control-wrap--status-invalid',
+              notify: {
+                onInvalid: function (comp, err) {
+                  memInvalidIcon.getOpt(comp).each(function (invalidComp) {
+                    set$1(invalidComp.element, 'title', providersBackstage.translate(err));
+                  });
+                }
+              },
+              validator: {
+                validate: function (input) {
+                  var urlEntry = Representing.getValue(input);
+                  return FutureResult.nu(function (completer) {
+                    handler({
+                      type: spec.filetype,
+                      url: urlEntry.value
+                    }, function (validation) {
+                      if (validation.status === 'invalid') {
+                        var err = Result.error(validation.message);
+                        completer(err);
+                      } else {
+                        var val = Result.value(validation.message);
+                        completer(val);
+                      }
+                    });
+                  });
+                },
+                validateOnLoad: false
+              }
+            });
+          }).toArray(),
+          [
+            Disabling.config({
+              disabled: function () {
+                return spec.disabled || providersBackstage.isDisabled();
+              }
+            }),
+            Tabstopping.config({}),
+            config('urlinput-events', flatten([
+              spec.filetype === 'file' ? [run(input(), function (comp) {
+                  emitWith(comp, formChangeEvent, { name: spec.name });
+                })] : [],
+              [
+                run(change(), function (comp) {
+                  emitWith(comp, formChangeEvent, { name: spec.name });
+                  updateHistory(comp);
+                }),
+                run(postPaste(), function (comp) {
+                  emitWith(comp, formChangeEvent, { name: spec.name });
+                  updateHistory(comp);
+                })
+              ]
+            ]))
+          ]
+        ])),
+        eventOrder: (_a = {}, _a[input()] = [
+          'streaming',
+          'urlinput-events',
+          'invalidating'
+        ], _a),
+        model: {
+          getDisplayText: function (itemData) {
+            return itemData.value;
+          },
+          selectsOver: false,
+          populateFromBrowse: false
+        },
+        markers: { openClass: 'tox-textfield--popup-open' },
+        lazySink: backstage.shared.getSink,
+        parts: { menu: part(false, 1, 'normal') },
+        onExecute: function (_menu, component, _entry) {
+          emitWith(component, formSubmitEvent, {});
+        },
+        onItemExecute: function (typeahead, _sandbox, _item, _value) {
+          updateHistory(typeahead);
+          emitWith(typeahead, formChangeEvent, { name: spec.name });
+        }
+      });
+      var pLabel = spec.label.map(function (label) {
+        return renderLabel(label, providersBackstage);
+      });
+      var makeIcon = function (name, errId, icon, label) {
+        if (icon === void 0) {
+          icon = name;
+        }
+        if (label === void 0) {
+          label = name;
+        }
+        return {
+          dom: {
+            tag: 'div',
+            classes: [
+              'tox-icon',
+              'tox-control-wrap__status-icon-' + name
+            ],
+            innerHtml: get$e(icon, providersBackstage.icons),
+            attributes: __assign({
+              'title': providersBackstage.translate(label),
+              'aria-live': 'polite'
+            }, errId.fold(function () {
+              return {};
+            }, function (id) {
+              return { id: id };
+            }))
+          }
+        };
+      };
+      var memInvalidIcon = record(makeIcon('invalid', Optional.some(errorId), 'warning'));
+      var memStatus = record({
+        dom: {
+          tag: 'div',
+          classes: ['tox-control-wrap__status-icon-wrap']
+        },
+        components: [memInvalidIcon.asSpec()]
+      });
+      var optUrlPicker = urlBackstage.getUrlPicker(spec.filetype);
+      var browseUrlEvent = generate$1('browser.url.event');
+      var memUrlBox = record({
+        dom: {
+          tag: 'div',
+          classes: ['tox-control-wrap']
+        },
+        components: [
+          pField,
+          memStatus.asSpec()
+        ],
+        behaviours: derive$1([Disabling.config({
+            disabled: function () {
+              return spec.disabled || providersBackstage.isDisabled();
+            }
+          })])
+      });
+      var memUrlPickerButton = record(renderButton({
+        name: spec.name,
+        icon: Optional.some('browse'),
+        text: spec.label.getOr(''),
+        disabled: spec.disabled,
+        primary: false,
+        borderless: true
+      }, function (component) {
+        return emit(component, browseUrlEvent);
+      }, providersBackstage, [], ['tox-browse-url']));
+      var controlHWrapper = function () {
+        return {
+          dom: {
+            tag: 'div',
+            classes: ['tox-form__controls-h-stack']
+          },
+          components: flatten([
+            [memUrlBox.asSpec()],
+            optUrlPicker.map(function () {
+              return memUrlPickerButton.asSpec();
+            }).toArray()
+          ])
+        };
+      };
+      var openUrlPicker = function (comp) {
+        Composing.getCurrent(comp).each(function (field) {
+          var componentData = Representing.getValue(field);
+          var urlData = __assign({ fieldname: spec.name }, componentData);
+          optUrlPicker.each(function (picker) {
+            picker(urlData).get(function (chosenData) {
+              Representing.setValue(field, chosenData);
+              emitWith(comp, formChangeEvent, { name: spec.name });
+            });
+          });
+        });
+      };
+      return FormField.sketch({
+        dom: renderFormFieldDom(),
+        components: pLabel.toArray().concat([controlHWrapper()]),
+        fieldBehaviours: derive$1([
+          Disabling.config({
+            disabled: function () {
+              return spec.disabled || providersBackstage.isDisabled();
+            },
+            onDisabled: function (comp) {
+              FormField.getField(comp).each(Disabling.disable);
+              memUrlPickerButton.getOpt(comp).each(Disabling.disable);
+            },
+            onEnabled: function (comp) {
+              FormField.getField(comp).each(Disabling.enable);
+              memUrlPickerButton.getOpt(comp).each(Disabling.enable);
+            }
+          }),
+          receivingConfig(),
+          config('url-input-events', [run(browseUrlEvent, openUrlPicker)])
+        ])
+      });
+    };
+
+    var renderAlertBanner = function (spec, providersBackstage) {
+      return Container.sketch({
+        dom: {
+          tag: 'div',
+          attributes: { role: 'alert' },
+          classes: [
+            'tox-notification',
+            'tox-notification--in',
+            'tox-notification--' + spec.level
+          ]
+        },
+        components: [
+          {
+            dom: {
+              tag: 'div',
+              classes: ['tox-notification__icon']
+            },
+            components: [Button.sketch({
+                dom: {
+                  tag: 'button',
+                  classes: [
+                    'tox-button',
+                    'tox-button--naked',
+                    'tox-button--icon'
+                  ],
+                  innerHtml: get$e(spec.icon, providersBackstage.icons),
+                  attributes: { title: providersBackstage.translate(spec.iconTooltip) }
+                },
+                action: function (comp) {
+                  emitWith(comp, formActionEvent, {
+                    name: 'alert-banner',
+                    value: spec.url
+                  });
+                }
+              })]
+          },
+          {
+            dom: {
+              tag: 'div',
+              classes: ['tox-notification__body'],
+              innerHtml: providersBackstage.translate(spec.text)
+            }
+          }
+        ]
+      });
+    };
+
+    var renderCheckbox = function (spec, providerBackstage) {
+      var repBehaviour = Representing.config({
+        store: {
+          mode: 'manual',
+          getValue: function (comp) {
+            var el = comp.element.dom;
+            return el.checked;
+          },
+          setValue: function (comp, value) {
+            var el = comp.element.dom;
+            el.checked = value;
+          }
+        }
+      });
+      var toggleCheckboxHandler = function (comp) {
+        comp.element.dom.click();
+        return Optional.some(true);
+      };
+      var pField = FormField.parts.field({
+        factory: { sketch: identity },
+        dom: {
+          tag: 'input',
+          classes: ['tox-checkbox__input'],
+          attributes: { type: 'checkbox' }
+        },
+        behaviours: derive$1([
+          ComposingConfigs.self(),
+          Disabling.config({
+            disabled: function () {
+              return spec.disabled || providerBackstage.isDisabled();
+            }
+          }),
+          Tabstopping.config({}),
+          Focusing.config({}),
+          repBehaviour,
+          Keying.config({
+            mode: 'special',
+            onEnter: toggleCheckboxHandler,
+            onSpace: toggleCheckboxHandler,
+            stopSpaceKeyup: true
+          }),
+          config('checkbox-events', [run(change(), function (component, _) {
+              emitWith(component, formChangeEvent, { name: spec.name });
+            })])
+        ])
+      });
+      var pLabel = FormField.parts.label({
+        dom: {
+          tag: 'span',
+          classes: ['tox-checkbox__label'],
+          innerHtml: providerBackstage.translate(spec.label)
+        },
+        behaviours: derive$1([Unselecting.config({})])
+      });
+      var makeIcon = function (className) {
+        var iconName = className === 'checked' ? 'selected' : 'unselected';
+        return {
+          dom: {
+            tag: 'span',
+            classes: [
+              'tox-icon',
+              'tox-checkbox-icon__' + className
+            ],
+            innerHtml: get$e(iconName, providerBackstage.icons)
+          }
+        };
+      };
+      var memIcons = record({
+        dom: {
+          tag: 'div',
+          classes: ['tox-checkbox__icons']
+        },
+        components: [
+          makeIcon('checked'),
+          makeIcon('unchecked')
+        ]
+      });
+      return FormField.sketch({
+        dom: {
+          tag: 'label',
+          classes: ['tox-checkbox']
+        },
+        components: [
+          pField,
+          memIcons.asSpec(),
+          pLabel
+        ],
+        fieldBehaviours: derive$1([
+          Disabling.config({
+            disabled: function () {
+              return spec.disabled || providerBackstage.isDisabled();
+            },
+            disableClass: 'tox-checkbox--disabled',
+            onDisabled: function (comp) {
+              FormField.getField(comp).each(Disabling.disable);
+            },
+            onEnabled: function (comp) {
+              FormField.getField(comp).each(Disabling.enable);
+            }
+          }),
+          receivingConfig()
+        ])
+      });
+    };
+
+    var renderHtmlPanel = function (spec) {
+      if (spec.presets === 'presentation') {
+        return Container.sketch({
+          dom: {
+            tag: 'div',
+            classes: ['tox-form__group'],
+            innerHtml: spec.html
+          }
+        });
+      } else {
+        return Container.sketch({
+          dom: {
+            tag: 'div',
+            classes: ['tox-form__group'],
+            innerHtml: spec.html,
+            attributes: { role: 'document' }
+          },
+          containerBehaviours: derive$1([
+            Tabstopping.config({}),
+            Focusing.config({})
+          ])
+        });
+      }
+    };
+
+    var make$6 = function (render) {
+      return function (parts, spec, backstage) {
+        return get$1(spec, 'name').fold(function () {
+          return render(spec, backstage);
+        }, function (fieldName) {
+          return parts.field(fieldName, render(spec, backstage));
+        });
+      };
+    };
+    var makeIframe = function (render) {
+      return function (parts, spec, backstage) {
+        var iframeSpec = deepMerge(spec, { source: 'dynamic' });
+        return make$6(render)(parts, iframeSpec, backstage);
+      };
+    };
+    var factories = {
+      bar: make$6(function (spec, backstage) {
+        return renderBar(spec, backstage.shared);
+      }),
+      collection: make$6(function (spec, backstage) {
+        return renderCollection(spec, backstage.shared.providers);
+      }),
+      alertbanner: make$6(function (spec, backstage) {
+        return renderAlertBanner(spec, backstage.shared.providers);
+      }),
+      input: make$6(function (spec, backstage) {
+        return renderInput(spec, backstage.shared.providers);
+      }),
+      textarea: make$6(function (spec, backstage) {
+        return renderTextarea(spec, backstage.shared.providers);
+      }),
+      label: make$6(function (spec, backstage) {
+        return renderLabel$2(spec, backstage.shared);
+      }),
+      iframe: makeIframe(function (spec, backstage) {
+        return renderIFrame(spec, backstage.shared.providers);
+      }),
+      button: make$6(function (spec, backstage) {
+        return renderDialogButton(spec, backstage.shared.providers);
+      }),
+      checkbox: make$6(function (spec, backstage) {
+        return renderCheckbox(spec, backstage.shared.providers);
+      }),
+      colorinput: make$6(function (spec, backstage) {
+        return renderColorInput(spec, backstage.shared, backstage.colorinput);
+      }),
+      colorpicker: make$6(renderColorPicker),
+      dropzone: make$6(function (spec, backstage) {
+        return renderDropZone(spec, backstage.shared.providers);
+      }),
+      grid: make$6(function (spec, backstage) {
+        return renderGrid(spec, backstage.shared);
+      }),
+      listbox: make$6(function (spec, backstage) {
+        return renderListBox(spec, backstage);
+      }),
+      selectbox: make$6(function (spec, backstage) {
+        return renderSelectBox(spec, backstage.shared.providers);
+      }),
+      sizeinput: make$6(function (spec, backstage) {
+        return renderSizeInput(spec, backstage.shared.providers);
+      }),
+      urlinput: make$6(function (spec, backstage) {
+        return renderUrlInput(spec, backstage, backstage.urlinput);
+      }),
+      customeditor: make$6(renderCustomEditor),
+      htmlpanel: make$6(renderHtmlPanel),
+      imagetools: make$6(function (spec, backstage) {
+        return renderImageTools(spec, backstage.shared.providers);
+      }),
+      table: make$6(function (spec, backstage) {
+        return renderTable(spec, backstage.shared.providers);
+      }),
+      panel: make$6(function (spec, backstage) {
+        return renderPanel(spec, backstage);
+      })
+    };
+    var noFormParts = {
+      field: function (_name, spec) {
+        return spec;
+      }
+    };
+    var interpretInForm = function (parts, spec, oldBackstage) {
+      var newBackstage = deepMerge(oldBackstage, {
+        shared: {
+          interpreter: function (childSpec) {
+            return interpretParts(parts, childSpec, newBackstage);
+          }
+        }
+      });
+      return interpretParts(parts, spec, newBackstage);
+    };
+    var interpretParts = function (parts, spec, backstage) {
+      return get$1(factories, spec.type).fold(function () {
+        console.error('Unknown factory type "' + spec.type + '", defaulting to container: ', spec);
+        return spec;
+      }, function (factory) {
+        return factory(parts, spec, backstage);
+      });
+    };
+    var interpretWithoutForm = function (spec, backstage) {
+      var parts = noFormParts;
+      return interpretParts(parts, spec, backstage);
+    };
+
+    var bubbleAlignments = {
+      valignCentre: [],
+      alignCentre: [],
+      alignLeft: [],
+      alignRight: [],
+      right: [],
+      left: [],
+      bottom: [],
+      top: []
+    };
+    var getInlineDialogAnchor = function (contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor) {
+      var bubble = nu$8(-12, 12, bubbleAlignments);
+      var overrides = { maxHeightFunction: expandable() };
+      var editableAreaAnchor = function () {
+        return {
+          anchor: 'node',
+          root: getContentContainer(contentAreaElement()),
+          node: Optional.from(contentAreaElement()),
+          bubble: bubble,
+          layouts: {
+            onRtl: function () {
+              return [northwest$3];
+            },
+            onLtr: function () {
+              return [northeast$3];
+            }
+          },
+          overrides: overrides
+        };
+      };
+      var standardAnchor = function () {
+        return {
+          anchor: 'hotspot',
+          hotspot: lazyAnchorbar(),
+          bubble: bubble,
+          layouts: {
+            onRtl: function () {
+              return [southeast$1];
+            },
+            onLtr: function () {
+              return [southwest$1];
+            }
+          },
+          overrides: overrides
+        };
+      };
+      return function () {
+        return lazyUseEditableAreaAnchor() ? editableAreaAnchor() : standardAnchor();
+      };
+    };
+    var getBannerAnchor = function (contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor) {
+      var editableAreaAnchor = function () {
+        return {
+          anchor: 'node',
+          root: getContentContainer(contentAreaElement()),
+          node: Optional.from(contentAreaElement()),
+          layouts: {
+            onRtl: function () {
+              return [north$3];
+            },
+            onLtr: function () {
+              return [north$3];
+            }
+          }
+        };
+      };
+      var standardAnchor = function () {
+        return {
+          anchor: 'hotspot',
+          hotspot: lazyAnchorbar(),
+          layouts: {
+            onRtl: function () {
+              return [south$1];
+            },
+            onLtr: function () {
+              return [south$1];
+            }
+          }
+        };
+      };
+      return function () {
+        return lazyUseEditableAreaAnchor() ? editableAreaAnchor() : standardAnchor();
+      };
+    };
+    var getCursorAnchor = function (editor, bodyElement) {
+      return function () {
+        return {
+          anchor: 'selection',
+          root: bodyElement(),
+          getSelection: function () {
+            var rng = editor.selection.getRng();
+            return Optional.some(SimSelection.range(SugarElement.fromDom(rng.startContainer), rng.startOffset, SugarElement.fromDom(rng.endContainer), rng.endOffset));
+          }
+        };
+      };
+    };
+    var getNodeAnchor = function (bodyElement) {
+      return function (element) {
+        return {
+          anchor: 'node',
+          root: bodyElement(),
+          node: element
+        };
+      };
+    };
+    var getAnchors = function (editor, lazyAnchorbar, isToolbarTop) {
+      var useFixedToolbarContainer = useFixedContainer(editor);
+      var bodyElement = function () {
+        return SugarElement.fromDom(editor.getBody());
+      };
+      var contentAreaElement = function () {
+        return SugarElement.fromDom(editor.getContentAreaContainer());
+      };
+      var lazyUseEditableAreaAnchor = function () {
+        return useFixedToolbarContainer || !isToolbarTop();
+      };
+      return {
+        inlineDialog: getInlineDialogAnchor(contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor),
+        banner: getBannerAnchor(contentAreaElement, lazyAnchorbar, lazyUseEditableAreaAnchor),
+        cursor: getCursorAnchor(editor, bodyElement),
+        node: getNodeAnchor(bodyElement)
+      };
+    };
+
+    var colorPicker = function (editor) {
+      return function (callback, value) {
+        var dialog = colorPickerDialog(editor);
+        dialog(callback, value);
+      };
+    };
+    var hasCustomColors$1 = function (editor) {
+      return function () {
+        return hasCustomColors(editor);
+      };
+    };
+    var getColors$2 = function (editor) {
+      return function () {
+        return getColors(editor);
+      };
+    };
+    var getColorCols$2 = function (editor) {
+      return function () {
+        return getColorCols$1(editor);
+      };
+    };
+    var ColorInputBackstage = function (editor) {
+      return {
+        colorPicker: colorPicker(editor),
+        hasCustomColors: hasCustomColors$1(editor),
+        getColors: getColors$2(editor),
+        getColorCols: getColorCols$2(editor)
+      };
+    };
+
+    var isDraggableModal$1 = function (editor) {
+      return function () {
+        return isDraggableModal(editor);
+      };
+    };
+    var DialogBackstage = function (editor) {
+      return { isDraggableModal: isDraggableModal$1(editor) };
+    };
+
+    var HeaderBackstage = function (editor) {
+      var mode = Cell(isToolbarLocationBottom(editor) ? 'bottom' : 'top');
+      return {
+        isPositionedAtTop: function () {
+          return mode.get() === 'top';
+        },
+        getDockingMode: mode.get,
+        setDockingMode: mode.set
+      };
+    };
+
+    var defaultStyleFormats = [
+      {
+        title: 'Headings',
+        items: [
+          {
+            title: 'Heading 1',
+            format: 'h1'
+          },
+          {
+            title: 'Heading 2',
+            format: 'h2'
+          },
+          {
+            title: 'Heading 3',
+            format: 'h3'
+          },
+          {
+            title: 'Heading 4',
+            format: 'h4'
+          },
+          {
+            title: 'Heading 5',
+            format: 'h5'
+          },
+          {
+            title: 'Heading 6',
+            format: 'h6'
+          }
+        ]
+      },
+      {
+        title: 'Inline',
+        items: [
+          {
+            title: 'Bold',
+            format: 'bold'
+          },
+          {
+            title: 'Italic',
+            format: 'italic'
+          },
+          {
+            title: 'Underline',
+            format: 'underline'
+          },
+          {
+            title: 'Strikethrough',
+            format: 'strikethrough'
+          },
+          {
+            title: 'Superscript',
+            format: 'superscript'
+          },
+          {
+            title: 'Subscript',
+            format: 'subscript'
+          },
+          {
+            title: 'Code',
+            format: 'code'
+          }
+        ]
+      },
+      {
+        title: 'Blocks',
+        items: [
+          {
+            title: 'Paragraph',
+            format: 'p'
+          },
+          {
+            title: 'Blockquote',
+            format: 'blockquote'
+          },
+          {
+            title: 'Div',
+            format: 'div'
+          },
+          {
+            title: 'Pre',
+            format: 'pre'
+          }
+        ]
+      },
+      {
+        title: 'Align',
+        items: [
+          {
+            title: 'Left',
+            format: 'alignleft'
+          },
+          {
+            title: 'Center',
+            format: 'aligncenter'
+          },
+          {
+            title: 'Right',
+            format: 'alignright'
+          },
+          {
+            title: 'Justify',
+            format: 'alignjustify'
+          }
+        ]
+      }
+    ];
+    var isNestedFormat = function (format) {
+      return has(format, 'items');
+    };
+    var isBlockFormat = function (format) {
+      return has(format, 'block');
+    };
+    var isInlineFormat = function (format) {
+      return has(format, 'inline');
+    };
+    var isSelectorFormat = function (format) {
+      return has(format, 'selector');
+    };
+    var mapFormats = function (userFormats) {
+      return foldl(userFormats, function (acc, fmt) {
+        if (isNestedFormat(fmt)) {
+          var result = mapFormats(fmt.items);
+          return {
+            customFormats: acc.customFormats.concat(result.customFormats),
+            formats: acc.formats.concat([{
+                title: fmt.title,
+                items: result.formats
+              }])
+          };
+        } else if (isInlineFormat(fmt) || isBlockFormat(fmt) || isSelectorFormat(fmt)) {
+          var formatName = isString(fmt.name) ? fmt.name : fmt.title.toLowerCase();
+          var formatNameWithPrefix = 'custom-' + formatName;
+          return {
+            customFormats: acc.customFormats.concat([{
+                name: formatNameWithPrefix,
+                format: fmt
+              }]),
+            formats: acc.formats.concat([{
+                title: fmt.title,
+                format: formatNameWithPrefix,
+                icon: fmt.icon
+              }])
+          };
+        } else {
+          return __assign(__assign({}, acc), { formats: acc.formats.concat(fmt) });
+        }
+      }, {
+        customFormats: [],
+        formats: []
+      });
+    };
+    var registerCustomFormats = function (editor, userFormats) {
+      var result = mapFormats(userFormats);
+      var registerFormats = function (customFormats) {
+        each(customFormats, function (fmt) {
+          if (!editor.formatter.has(fmt.name)) {
+            editor.formatter.register(fmt.name, fmt.format);
+          }
+        });
+      };
+      if (editor.formatter) {
+        registerFormats(result.customFormats);
+      } else {
+        editor.on('init', function () {
+          registerFormats(result.customFormats);
+        });
+      }
+      return result.formats;
+    };
+    var getStyleFormats = function (editor) {
+      return getUserStyleFormats(editor).map(function (userFormats) {
+        var registeredUserFormats = registerCustomFormats(editor, userFormats);
+        return isMergeStyleFormats(editor) ? defaultStyleFormats.concat(registeredUserFormats) : registeredUserFormats;
+      }).getOr(defaultStyleFormats);
+    };
+
+    var processBasic = function (item, isSelectedFor, getPreviewFor) {
+      var formatterSpec = {
+        type: 'formatter',
+        isSelected: isSelectedFor(item.format),
+        getStylePreview: getPreviewFor(item.format)
+      };
+      return deepMerge(item, formatterSpec);
+    };
+    var register$3 = function (editor, formats, isSelectedFor, getPreviewFor) {
+      var enrichSupported = function (item) {
+        return processBasic(item, isSelectedFor, getPreviewFor);
+      };
+      var enrichMenu = function (item) {
+        var submenuSpec = { type: 'submenu' };
+        return deepMerge(item, submenuSpec);
+      };
+      var enrichCustom = function (item) {
+        var formatName = isString(item.name) ? item.name : generate$1(item.title);
+        var formatNameWithPrefix = 'custom-' + formatName;
+        var customSpec = {
+          type: 'formatter',
+          format: formatNameWithPrefix,
+          isSelected: isSelectedFor(formatNameWithPrefix),
+          getStylePreview: getPreviewFor(formatNameWithPrefix)
+        };
+        var newItem = deepMerge(item, customSpec);
+        editor.formatter.register(formatName, newItem);
+        return newItem;
+      };
+      var doEnrich = function (items) {
+        return map(items, function (item) {
+          var keys$1 = keys(item);
+          if (hasNonNullableKey(item, 'items')) {
+            var newItems_1 = doEnrich(item.items);
+            return deepMerge(enrichMenu(item), {
+              getStyleItems: function () {
+                return newItems_1;
+              }
+            });
+          } else if (hasNonNullableKey(item, 'format')) {
+            return enrichSupported(item);
+          } else if (keys$1.length === 1 && contains(keys$1, 'title')) {
+            return deepMerge(item, { type: 'separator' });
+          } else {
+            return enrichCustom(item);
+          }
+        });
+      };
+      return doEnrich(formats);
+    };
+
+    var init$7 = function (editor) {
+      var isSelectedFor = function (format) {
+        return function () {
+          return editor.formatter.match(format);
+        };
+      };
+      var getPreviewFor = function (format) {
+        return function () {
+          var fmt = editor.formatter.get(format);
+          return fmt !== undefined ? Optional.some({
+            tag: fmt.length > 0 ? fmt[0].inline || fmt[0].block || 'div' : 'div',
+            styles: editor.dom.parseStyle(editor.formatter.getCssText(format))
+          }) : Optional.none();
+        };
+      };
+      var flatten = function (fmt) {
+        var subs = fmt.items;
+        return subs !== undefined && subs.length > 0 ? bind(subs, flatten) : [fmt.format];
+      };
+      var settingsFormats = Cell([]);
+      var settingsFlattenedFormats = Cell([]);
+      var eventsFormats = Cell([]);
+      var eventsFlattenedFormats = Cell([]);
+      var replaceSettings = Cell(false);
+      editor.on('PreInit', function (_e) {
+        var formats = getStyleFormats(editor);
+        var enriched = register$3(editor, formats, isSelectedFor, getPreviewFor);
+        settingsFormats.set(enriched);
+        settingsFlattenedFormats.set(bind(enriched, flatten));
+      });
+      editor.on('addStyleModifications', function (e) {
+        var modifications = register$3(editor, e.items, isSelectedFor, getPreviewFor);
+        eventsFormats.set(modifications);
+        replaceSettings.set(e.replace);
+        eventsFlattenedFormats.set(bind(modifications, flatten));
+      });
+      var getData = function () {
+        var fromSettings = replaceSettings.get() ? [] : settingsFormats.get();
+        var fromEvents = eventsFormats.get();
+        return fromSettings.concat(fromEvents);
+      };
+      var getFlattenedKeys = function () {
+        var fromSettings = replaceSettings.get() ? [] : settingsFlattenedFormats.get();
+        var fromEvents = eventsFlattenedFormats.get();
+        return fromSettings.concat(fromEvents);
+      };
+      return {
+        getData: getData,
+        getFlattenedKeys: getFlattenedKeys
+      };
+    };
+
+    var trim$1 = global$c.trim;
+    var hasContentEditableState = function (value) {
+      return function (node) {
+        if (node && node.nodeType === 1) {
+          if (node.contentEditable === value) {
+            return true;
+          }
+          if (node.getAttribute('data-mce-contenteditable') === value) {
+            return true;
+          }
+        }
+        return false;
+      };
+    };
+    var isContentEditableTrue = hasContentEditableState('true');
+    var isContentEditableFalse = hasContentEditableState('false');
+    var create$8 = function (type, title, url, level, attach) {
+      return {
+        type: type,
+        title: title,
+        url: url,
+        level: level,
+        attach: attach
+      };
+    };
+    var isChildOfContentEditableTrue = function (node) {
+      while (node = node.parentNode) {
+        var value = node.contentEditable;
+        if (value && value !== 'inherit') {
+          return isContentEditableTrue(node);
+        }
+      }
+      return false;
+    };
+    var select = function (selector, root) {
+      return map(descendants(SugarElement.fromDom(root), selector), function (element) {
+        return element.dom;
+      });
+    };
+    var getElementText = function (elm) {
+      return elm.innerText || elm.textContent;
+    };
+    var getOrGenerateId = function (elm) {
+      return elm.id ? elm.id : generate$1('h');
+    };
+    var isAnchor = function (elm) {
+      return elm && elm.nodeName === 'A' && (elm.id || elm.name) !== undefined;
+    };
+    var isValidAnchor = function (elm) {
+      return isAnchor(elm) && isEditable(elm);
+    };
+    var isHeader = function (elm) {
+      return elm && /^(H[1-6])$/.test(elm.nodeName);
+    };
+    var isEditable = function (elm) {
+      return isChildOfContentEditableTrue(elm) && !isContentEditableFalse(elm);
+    };
+    var isValidHeader = function (elm) {
+      return isHeader(elm) && isEditable(elm);
+    };
+    var getLevel = function (elm) {
+      return isHeader(elm) ? parseInt(elm.nodeName.substr(1), 10) : 0;
+    };
+    var headerTarget = function (elm) {
+      var headerId = getOrGenerateId(elm);
+      var attach = function () {
+        elm.id = headerId;
+      };
+      return create$8('header', getElementText(elm), '#' + headerId, getLevel(elm), attach);
+    };
+    var anchorTarget = function (elm) {
+      var anchorId = elm.id || elm.name;
+      var anchorText = getElementText(elm);
+      return create$8('anchor', anchorText ? anchorText : '#' + anchorId, '#' + anchorId, 0, noop);
+    };
+    var getHeaderTargets = function (elms) {
+      return map(filter(elms, isValidHeader), headerTarget);
+    };
+    var getAnchorTargets = function (elms) {
+      return map(filter(elms, isValidAnchor), anchorTarget);
+    };
+    var getTargetElements = function (elm) {
+      var elms = select('h1,h2,h3,h4,h5,h6,a:not([href])', elm);
+      return elms;
+    };
+    var hasTitle = function (target) {
+      return trim$1(target.title).length > 0;
+    };
+    var find$5 = function (elm) {
+      var elms = getTargetElements(elm);
+      return filter(getHeaderTargets(elms).concat(getAnchorTargets(elms)), hasTitle);
+    };
+    var LinkTargets = { find: find$5 };
+
+    var STORAGE_KEY = 'tinymce-url-history';
+    var HISTORY_LENGTH = 5;
+    var isHttpUrl = function (url) {
+      return isString(url) && /^https?/.test(url);
+    };
+    var isArrayOfUrl = function (a) {
+      return isArray(a) && a.length <= HISTORY_LENGTH && forall(a, isHttpUrl);
+    };
+    var isRecordOfUrlArray = function (r) {
+      return isObject(r) && find$1(r, function (value) {
+        return !isArrayOfUrl(value);
+      }).isNone();
+    };
+    var getAllHistory = function () {
+      var unparsedHistory = global$9.getItem(STORAGE_KEY);
+      if (unparsedHistory === null) {
+        return {};
+      }
+      var history;
+      try {
+        history = JSON.parse(unparsedHistory);
+      } catch (e) {
+        if (e instanceof SyntaxError) {
+          console.log('Local storage ' + STORAGE_KEY + ' was not valid JSON', e);
+          return {};
+        }
+        throw e;
+      }
+      if (!isRecordOfUrlArray(history)) {
+        console.log('Local storage ' + STORAGE_KEY + ' was not valid format', history);
+        return {};
+      }
+      return history;
+    };
+    var setAllHistory = function (history) {
+      if (!isRecordOfUrlArray(history)) {
+        throw new Error('Bad format for history:\n' + JSON.stringify(history));
+      }
+      global$9.setItem(STORAGE_KEY, JSON.stringify(history));
+    };
+    var getHistory = function (fileType) {
+      var history = getAllHistory();
+      return Object.prototype.hasOwnProperty.call(history, fileType) ? history[fileType] : [];
+    };
+    var addToHistory = function (url, fileType) {
+      if (!isHttpUrl(url)) {
+        return;
+      }
+      var history = getAllHistory();
+      var items = Object.prototype.hasOwnProperty.call(history, fileType) ? history[fileType] : [];
+      var itemsWithoutUrl = filter(items, function (item) {
+        return item !== url;
+      });
+      history[fileType] = [url].concat(itemsWithoutUrl).slice(0, HISTORY_LENGTH);
+      setAllHistory(history);
+    };
+
+    var isTruthy = function (value) {
+      return !!value;
+    };
+    var makeMap = function (value) {
+      return map$2(global$c.makeMap(value, /[, ]/), isTruthy);
+    };
+    var getPicker = function (editor) {
+      return Optional.from(getFilePickerCallback(editor)).filter(isFunction);
+    };
+    var getPickerTypes = function (editor) {
+      var optFileTypes = Optional.some(getFilePickerTypes(editor)).filter(isTruthy);
+      var optLegacyTypes = Optional.some(getFileBrowserCallbackTypes(editor)).filter(isTruthy);
+      var optTypes = optFileTypes.or(optLegacyTypes).map(makeMap);
+      return getPicker(editor).fold(function () {
+        return false;
+      }, function (_picker) {
+        return optTypes.fold(function () {
+          return true;
+        }, function (types) {
+          return keys(types).length > 0 ? types : false;
+        });
+      });
+    };
+    var getPickerSetting = function (editor, filetype) {
+      var pickerTypes = getPickerTypes(editor);
+      if (isBoolean(pickerTypes)) {
+        return pickerTypes ? getPicker(editor) : Optional.none();
+      } else {
+        return pickerTypes[filetype] ? getPicker(editor) : Optional.none();
+      }
+    };
+    var getUrlPicker = function (editor, filetype) {
+      return getPickerSetting(editor, filetype).map(function (picker) {
+        return function (entry) {
+          return Future.nu(function (completer) {
+            var handler = function (value, meta) {
+              if (!isString(value)) {
+                throw new Error('Expected value to be string');
+              }
+              if (meta !== undefined && !isObject(meta)) {
+                throw new Error('Expected meta to be a object');
+              }
+              var r = {
+                value: value,
+                meta: meta
+              };
+              completer(r);
+            };
+            var meta = __assign({
+              filetype: filetype,
+              fieldname: entry.fieldname
+            }, Optional.from(entry.meta).getOr({}));
+            picker.call(editor, handler, entry.value, meta);
+          });
+        };
+      });
+    };
+    var getTextSetting = function (value) {
+      return Optional.from(value).filter(isString).getOrUndefined();
+    };
+    var getLinkInformation = function (editor) {
+      if (noTypeaheadUrls(editor)) {
+        return Optional.none();
+      }
+      return Optional.some({
+        targets: LinkTargets.find(editor.getBody()),
+        anchorTop: getTextSetting(getAnchorTop(editor)),
+        anchorBottom: getTextSetting(getAnchorBottom(editor))
+      });
+    };
+    var getValidationHandler = function (editor) {
+      return Optional.from(getFilePickerValidatorHandler(editor));
+    };
+    var UrlInputBackstage = function (editor) {
+      return {
+        getHistory: getHistory,
+        addToHistory: addToHistory,
+        getLinkInformation: function () {
+          return getLinkInformation(editor);
+        },
+        getValidationHandler: function () {
+          return getValidationHandler(editor);
+        },
+        getUrlPicker: function (filetype) {
+          return getUrlPicker(editor, filetype);
+        }
+      };
+    };
+
+    var init$8 = function (sink, editor, lazyAnchorbar) {
+      var contextMenuState = Cell(false);
+      var toolbar = HeaderBackstage(editor);
+      var backstage = {
+        shared: {
+          providers: {
+            icons: function () {
+              return editor.ui.registry.getAll().icons;
+            },
+            menuItems: function () {
+              return editor.ui.registry.getAll().menuItems;
+            },
+            translate: global$6.translate,
+            isDisabled: function () {
+              return editor.mode.isReadOnly() || editor.ui.isDisabled();
+            },
+            getSetting: editor.getParam.bind(editor)
+          },
+          interpreter: function (s) {
+            return interpretWithoutForm(s, backstage);
+          },
+          anchors: getAnchors(editor, lazyAnchorbar, toolbar.isPositionedAtTop),
+          header: toolbar,
+          getSink: function () {
+            return Result.value(sink);
+          }
+        },
+        urlinput: UrlInputBackstage(editor),
+        styleselect: init$7(editor),
+        colorinput: ColorInputBackstage(editor),
+        dialog: DialogBackstage(editor),
+        isContextMenuOpen: function () {
+          return contextMenuState.get();
+        },
+        setContextMenuState: function (state) {
+          return contextMenuState.set(state);
+        }
+      };
+      return backstage;
+    };
+
+    var expandable$1 = constant(function (element, available) {
+      setMax$1(element, Math.floor(available));
+    });
+
+    var showContextToolbarEvent = 'contexttoolbar-show';
+    var hideContextToolbarEvent = 'contexttoolbar-hide';
+
+    var schema$k = constant([
+      strict$1('dom'),
+      defaulted$1('shell', true),
+      field$1('toolbarBehaviours', [Replacing])
+    ]);
+    var enhanceGroups = function () {
+      return { behaviours: derive$1([Replacing.config({})]) };
+    };
+    var parts$7 = constant([optional({
+        name: 'groups',
+        overrides: enhanceGroups
+      })]);
+
+    var factory$9 = function (detail, components, _spec, _externals) {
+      var setGroups = function (toolbar, groups) {
+        getGroupContainer(toolbar).fold(function () {
+          console.error('Toolbar was defined to not be a shell, but no groups container was specified in components');
+          throw new Error('Toolbar was defined to not be a shell, but no groups container was specified in components');
+        }, function (container) {
+          Replacing.set(container, groups);
+        });
+      };
+      var getGroupContainer = function (component) {
+        return detail.shell ? Optional.some(component) : getPart(component, detail, 'groups');
+      };
+      var extra = detail.shell ? {
+        behaviours: [Replacing.config({})],
+        components: []
+      } : {
+        behaviours: [],
+        components: components
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: extra.components,
+        behaviours: augment(detail.toolbarBehaviours, extra.behaviours),
+        apis: { setGroups: setGroups },
+        domModification: { attributes: { role: 'group' } }
+      };
+    };
+    var Toolbar = composite$1({
+      name: 'Toolbar',
+      configFields: schema$k(),
+      partFields: parts$7(),
+      factory: factory$9,
+      apis: {
+        setGroups: function (apis, toolbar, groups) {
+          apis.setGroups(toolbar, groups);
+        }
+      }
+    });
+
+    var generate$6 = function (xs, f) {
+      var init = {
+        len: 0,
+        list: []
+      };
+      var r = foldl(xs, function (b, a) {
+        var value = f(a, b.len);
+        return value.fold(constant(b), function (v) {
+          return {
+            len: v.finish,
+            list: b.list.concat([v])
+          };
+        });
+      }, init);
+      return r.list;
+    };
+
+    var output$1 = function (within, extra, withinWidth) {
+      return {
+        within: within,
+        extra: extra,
+        withinWidth: withinWidth
+      };
+    };
+    var apportion = function (units, total, len) {
+      var parray = generate$6(units, function (unit, current) {
+        var width = len(unit);
+        return Optional.some({
+          element: unit,
+          start: current,
+          finish: current + width,
+          width: width
+        });
+      });
+      var within = filter(parray, function (unit) {
+        return unit.finish <= total;
+      });
+      var withinWidth = foldr(within, function (acc, el) {
+        return acc + el.width;
+      }, 0);
+      var extra = parray.slice(within.length);
+      return {
+        within: within,
+        extra: extra,
+        withinWidth: withinWidth
+      };
+    };
+    var toUnit = function (parray) {
+      return map(parray, function (unit) {
+        return unit.element;
+      });
+    };
+    var fitLast = function (within, extra, withinWidth) {
+      var fits = toUnit(within.concat(extra));
+      return output$1(fits, [], withinWidth);
+    };
+    var overflow = function (within, extra, overflower, withinWidth) {
+      var fits = toUnit(within).concat([overflower]);
+      return output$1(fits, toUnit(extra), withinWidth);
+    };
+    var fitAll = function (within, extra, withinWidth) {
+      return output$1(toUnit(within), [], withinWidth);
+    };
+    var tryFit = function (total, units, len) {
+      var divide = apportion(units, total, len);
+      return divide.extra.length === 0 ? Optional.some(divide) : Optional.none();
+    };
+    var partition$3 = function (total, units, len, overflower) {
+      var divide = tryFit(total, units, len).getOrThunk(function () {
+        return apportion(units, total - len(overflower), len);
+      });
+      var within = divide.within;
+      var extra = divide.extra;
+      var withinWidth = divide.withinWidth;
+      if (extra.length === 1 && extra[0].width <= len(overflower)) {
+        return fitLast(within, extra, withinWidth);
+      } else if (extra.length >= 1) {
+        return overflow(within, extra, overflower, withinWidth);
+      } else {
+        return fitAll(within, extra, withinWidth);
+      }
+    };
+
+    var setGroups = function (toolbar, storedGroups) {
+      var bGroups = map(storedGroups, function (g) {
+        return premade$1(g);
+      });
+      Toolbar.setGroups(toolbar, bGroups);
+    };
+    var findFocusedComp = function (comps) {
+      return findMap(comps, function (comp) {
+        return search(comp.element).bind(function (focusedElm) {
+          return comp.getSystem().getByDom(focusedElm).toOptional();
+        });
+      });
+    };
+    var refresh = function (toolbar, detail, setOverflow) {
+      var primary = getPartOrDie(toolbar, detail, 'primary');
+      var overflowGroup = Coupling.getCoupled(toolbar, 'overflowGroup');
+      set$2(primary.element, 'visibility', 'hidden');
+      var groups = detail.builtGroups.get().concat([overflowGroup]);
+      var focusedComp = findFocusedComp(groups);
+      setOverflow([]);
+      setGroups(primary, groups);
+      var availableWidth = get$8(primary.element);
+      var overflows = partition$3(availableWidth, detail.builtGroups.get(), function (comp) {
+        return get$8(comp.element);
+      }, overflowGroup);
+      if (overflows.extra.length === 0) {
+        Replacing.remove(primary, overflowGroup);
+        setOverflow([]);
+      } else {
+        setGroups(primary, overflows.within);
+        setOverflow(overflows.extra);
+      }
+      remove$6(primary.element, 'visibility');
+      reflow(primary.element);
+      focusedComp.each(Focusing.focus);
+    };
+
+    var schema$l = constant([
+      field$1('splitToolbarBehaviours', [Coupling]),
+      state$1('builtGroups', function () {
+        return Cell([]);
+      })
+    ]);
+
+    var schema$m = constant([
+      markers(['overflowToggledClass']),
+      optionFunction('getOverflowBounds'),
+      strict$1('lazySink'),
+      state$1('overflowGroups', function () {
+        return Cell([]);
+      })
+    ].concat(schema$l()));
+    var parts$8 = constant([
+      required({
+        factory: Toolbar,
+        schema: schema$k(),
+        name: 'primary'
+      }),
+      external$1({
+        schema: schema$k(),
+        name: 'overflow'
+      }),
+      external$1({ name: 'overflow-button' }),
+      external$1({ name: 'overflow-group' })
+    ]);
+
+    var schema$n = constant([
+      markers(['toggledClass']),
+      strict$1('lazySink'),
+      strictFunction('fetch'),
+      optionFunction('getBounds'),
+      optionObjOf('fireDismissalEventInstead', [defaulted$1('event', dismissRequested())]),
+      schema$1()
+    ]);
+    var parts$9 = constant([
+      external$1({
+        name: 'button',
+        overrides: function (detail) {
+          return {
+            dom: { attributes: { 'aria-haspopup': 'true' } },
+            buttonBehaviours: derive$1([Toggling.config({
+                toggleClass: detail.markers.toggledClass,
+                aria: { mode: 'expanded' },
+                toggleOnExecute: false
+              })])
+          };
+        }
+      }),
+      external$1({
+        factory: Toolbar,
+        schema: schema$k(),
+        name: 'toolbar',
+        overrides: function (detail) {
+          return {
+            toolbarBehaviours: derive$1([Keying.config({
+                mode: 'cyclic',
+                onEscape: function (comp) {
+                  getPart(comp, detail, 'button').each(Focusing.focus);
+                  return Optional.none();
+                }
+              })])
+          };
+        }
+      })
+    ]);
+
+    var toggle$2 = function (button, externals) {
+      var toolbarSandbox = Coupling.getCoupled(button, 'toolbarSandbox');
+      if (Sandboxing.isOpen(toolbarSandbox)) {
+        Sandboxing.close(toolbarSandbox);
+      } else {
+        Sandboxing.open(toolbarSandbox, externals.toolbar());
+      }
+    };
+    var position$2 = function (button, toolbar, detail, layouts) {
+      var bounds = detail.getBounds.map(function (bounder) {
+        return bounder();
+      });
+      var sink = detail.lazySink(button).getOrDie();
+      Positioning.positionWithinBounds(sink, {
+        anchor: 'hotspot',
+        hotspot: button,
+        layouts: layouts,
+        overrides: { maxWidthFunction: expandable$1() }
+      }, toolbar, bounds);
+    };
+    var setGroups$1 = function (button, toolbar, detail, layouts, groups) {
+      Toolbar.setGroups(toolbar, groups);
+      position$2(button, toolbar, detail, layouts);
+      Toggling.on(button);
+    };
+    var makeSandbox$1 = function (button, spec, detail) {
+      var ariaOwner = manager();
+      var onOpen = function (sandbox, toolbar) {
+        detail.fetch().get(function (groups) {
+          setGroups$1(button, toolbar, detail, spec.layouts, groups);
+          ariaOwner.link(button.element);
+          Keying.focusIn(toolbar);
+        });
+      };
+      var onClose = function () {
+        Toggling.off(button);
+        Focusing.focus(button);
+        ariaOwner.unlink(button.element);
+      };
+      return {
+        dom: {
+          tag: 'div',
+          attributes: { id: ariaOwner.id }
+        },
+        behaviours: derive$1([
+          Keying.config({
+            mode: 'special',
+            onEscape: function (comp) {
+              Sandboxing.close(comp);
+              return Optional.some(true);
+            }
+          }),
+          Sandboxing.config({
+            onOpen: onOpen,
+            onClose: onClose,
+            isPartOf: function (container, data, queryElem) {
+              return isPartOf(data, queryElem) || isPartOf(button, queryElem);
+            },
+            getAttachPoint: function () {
+              return detail.lazySink(button).getOrDie();
+            }
+          }),
+          Receiving.config({
+            channels: __assign(__assign({}, receivingChannel(__assign({ isExtraPart: never }, detail.fireDismissalEventInstead.map(function (fe) {
+              return { fireEventInstead: { event: fe.event } };
+            }).getOr({})))), receivingChannel$1({
+              doReposition: function () {
+                Sandboxing.getState(Coupling.getCoupled(button, 'toolbarSandbox')).each(function (toolbar) {
+                  position$2(button, toolbar, detail, spec.layouts);
+                });
+              }
+            }))
+          })
+        ])
+      };
+    };
+    var factory$a = function (detail, components, spec, externals) {
+      return __assign(__assign({}, Button.sketch(__assign(__assign({}, externals.button()), {
+        action: function (button) {
+          toggle$2(button, externals);
+        },
+        buttonBehaviours: SketchBehaviours.augment({ dump: externals.button().buttonBehaviours }, [Coupling.config({
+            others: {
+              toolbarSandbox: function (button) {
+                return makeSandbox$1(button, spec, detail);
+              }
+            }
+          })])
+      }))), {
+        apis: {
+          setGroups: function (button, groups) {
+            Sandboxing.getState(Coupling.getCoupled(button, 'toolbarSandbox')).each(function (toolbar) {
+              setGroups$1(button, toolbar, detail, spec.layouts, groups);
+            });
+          },
+          reposition: function (button) {
+            Sandboxing.getState(Coupling.getCoupled(button, 'toolbarSandbox')).each(function (toolbar) {
+              position$2(button, toolbar, detail, spec.layouts);
+            });
+          },
+          toggle: function (button) {
+            toggle$2(button, externals);
+          },
+          getToolbar: function (button) {
+            return Sandboxing.getState(Coupling.getCoupled(button, 'toolbarSandbox'));
+          },
+          isOpen: function (button) {
+            return Sandboxing.isOpen(Coupling.getCoupled(button, 'toolbarSandbox'));
+          }
+        }
+      });
+    };
+    var FloatingToolbarButton = composite$1({
+      name: 'FloatingToolbarButton',
+      factory: factory$a,
+      configFields: schema$n(),
+      partFields: parts$9(),
+      apis: {
+        setGroups: function (apis, button, groups) {
+          apis.setGroups(button, groups);
+        },
+        reposition: function (apis, button) {
+          apis.reposition(button);
+        },
+        toggle: function (apis, button) {
+          apis.toggle(button);
+        },
+        getToolbar: function (apis, button) {
+          return apis.getToolbar(button);
+        },
+        isOpen: function (apis, button) {
+          return apis.isOpen(button);
+        }
+      }
+    });
+
+    var schema$o = constant([
+      strict$1('items'),
+      markers(['itemSelector']),
+      field$1('tgroupBehaviours', [Keying])
+    ]);
+    var parts$a = constant([group({
+        name: 'items',
+        unit: 'item'
+      })]);
+
+    var factory$b = function (detail, components, _spec, _externals) {
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: components,
+        behaviours: augment(detail.tgroupBehaviours, [Keying.config({
+            mode: 'flow',
+            selector: detail.markers.itemSelector
+          })]),
+        domModification: { attributes: { role: 'toolbar' } }
+      };
+    };
+    var ToolbarGroup = composite$1({
+      name: 'ToolbarGroup',
+      configFields: schema$o(),
+      partFields: parts$a(),
+      factory: factory$b
+    });
+
+    var buildGroups = function (comps) {
+      return map(comps, function (g) {
+        return premade$1(g);
+      });
+    };
+    var refresh$1 = function (toolbar, memFloatingToolbarButton, detail) {
+      refresh(toolbar, detail, function (overflowGroups) {
+        detail.overflowGroups.set(overflowGroups);
+        memFloatingToolbarButton.getOpt(toolbar).each(function (floatingToolbarButton) {
+          FloatingToolbarButton.setGroups(floatingToolbarButton, buildGroups(overflowGroups));
+        });
+      });
+    };
+    var factory$c = function (detail, components, spec, externals) {
+      var memFloatingToolbarButton = record(FloatingToolbarButton.sketch({
+        fetch: function () {
+          return Future.nu(function (resolve) {
+            resolve(buildGroups(detail.overflowGroups.get()));
+          });
+        },
+        layouts: {
+          onLtr: function () {
+            return [
+              southwest$1,
+              southeast$1
+            ];
+          },
+          onRtl: function () {
+            return [
+              southeast$1,
+              southwest$1
+            ];
+          },
+          onBottomLtr: function () {
+            return [
+              northwest$1,
+              northeast$1
+            ];
+          },
+          onBottomRtl: function () {
+            return [
+              northeast$1,
+              northwest$1
+            ];
+          }
+        },
+        getBounds: spec.getOverflowBounds,
+        lazySink: detail.lazySink,
+        fireDismissalEventInstead: {},
+        markers: { toggledClass: detail.markers.overflowToggledClass },
+        parts: {
+          button: externals['overflow-button'](),
+          toolbar: externals.overflow()
+        }
+      }));
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: components,
+        behaviours: augment(detail.splitToolbarBehaviours, [Coupling.config({
+            others: {
+              overflowGroup: function () {
+                return ToolbarGroup.sketch(__assign(__assign({}, externals['overflow-group']()), { items: [memFloatingToolbarButton.asSpec()] }));
+              }
+            }
+          })]),
+        apis: {
+          setGroups: function (toolbar, groups) {
+            detail.builtGroups.set(map(groups, toolbar.getSystem().build));
+            refresh$1(toolbar, memFloatingToolbarButton, detail);
+          },
+          refresh: function (toolbar) {
+            return refresh$1(toolbar, memFloatingToolbarButton, detail);
+          },
+          toggle: function (toolbar) {
+            memFloatingToolbarButton.getOpt(toolbar).each(function (floatingToolbarButton) {
+              FloatingToolbarButton.toggle(floatingToolbarButton);
+            });
+          },
+          isOpen: function (toolbar) {
+            return memFloatingToolbarButton.getOpt(toolbar).map(FloatingToolbarButton.isOpen).getOr(false);
+          },
+          reposition: function (toolbar) {
+            memFloatingToolbarButton.getOpt(toolbar).each(function (floatingToolbarButton) {
+              FloatingToolbarButton.reposition(floatingToolbarButton);
+            });
+          },
+          getOverflow: function (toolbar) {
+            return memFloatingToolbarButton.getOpt(toolbar).bind(FloatingToolbarButton.getToolbar);
+          }
+        },
+        domModification: { attributes: { role: 'group' } }
+      };
+    };
+    var SplitFloatingToolbar = composite$1({
+      name: 'SplitFloatingToolbar',
+      configFields: schema$m(),
+      partFields: parts$8(),
+      factory: factory$c,
+      apis: {
+        setGroups: function (apis, toolbar, groups) {
+          apis.setGroups(toolbar, groups);
+        },
+        refresh: function (apis, toolbar) {
+          apis.refresh(toolbar);
+        },
+        reposition: function (apis, toolbar) {
+          apis.reposition(toolbar);
+        },
+        toggle: function (apis, toolbar) {
+          apis.toggle(toolbar);
+        },
+        isOpen: function (apis, toolbar) {
+          return apis.isOpen(toolbar);
+        },
+        getOverflow: function (apis, toolbar) {
+          return apis.getOverflow(toolbar);
+        }
+      }
+    });
+
+    var getAnimationRoot = function (component, slideConfig) {
+      return slideConfig.getAnimationRoot.fold(function () {
+        return component.element;
+      }, function (get) {
+        return get(component);
+      });
+    };
+
+    var getDimensionProperty = function (slideConfig) {
+      return slideConfig.dimension.property;
+    };
+    var getDimension = function (slideConfig, elem) {
+      return slideConfig.dimension.getDimension(elem);
+    };
+    var disableTransitions = function (component, slideConfig) {
+      var root = getAnimationRoot(component, slideConfig);
+      remove$5(root, [
+        slideConfig.shrinkingClass,
+        slideConfig.growingClass
+      ]);
+    };
+    var setShrunk = function (component, slideConfig) {
+      remove$4(component.element, slideConfig.openClass);
+      add$2(component.element, slideConfig.closedClass);
+      set$2(component.element, getDimensionProperty(slideConfig), '0px');
+      reflow(component.element);
+    };
+    var setGrown = function (component, slideConfig) {
+      remove$4(component.element, slideConfig.closedClass);
+      add$2(component.element, slideConfig.openClass);
+      remove$6(component.element, getDimensionProperty(slideConfig));
+    };
+    var doImmediateShrink = function (component, slideConfig, slideState, _calculatedSize) {
+      slideState.setCollapsed();
+      set$2(component.element, getDimensionProperty(slideConfig), getDimension(slideConfig, component.element));
+      reflow(component.element);
+      disableTransitions(component, slideConfig);
+      setShrunk(component, slideConfig);
+      slideConfig.onStartShrink(component);
+      slideConfig.onShrunk(component);
+    };
+    var doStartShrink = function (component, slideConfig, slideState, calculatedSize) {
+      var size = calculatedSize.getOrThunk(function () {
+        return getDimension(slideConfig, component.element);
+      });
+      slideState.setCollapsed();
+      set$2(component.element, getDimensionProperty(slideConfig), size);
+      reflow(component.element);
+      var root = getAnimationRoot(component, slideConfig);
+      remove$4(root, slideConfig.growingClass);
+      add$2(root, slideConfig.shrinkingClass);
+      setShrunk(component, slideConfig);
+      slideConfig.onStartShrink(component);
+    };
+    var doStartSmartShrink = function (component, slideConfig, slideState) {
+      var size = getDimension(slideConfig, component.element);
+      var shrinker = size === '0px' ? doImmediateShrink : doStartShrink;
+      shrinker(component, slideConfig, slideState, Optional.some(size));
+    };
+    var doStartGrow = function (component, slideConfig, slideState) {
+      var root = getAnimationRoot(component, slideConfig);
+      var wasShrinking = has$2(root, slideConfig.shrinkingClass);
+      var beforeSize = getDimension(slideConfig, component.element);
+      setGrown(component, slideConfig);
+      var fullSize = getDimension(slideConfig, component.element);
+      var startPartialGrow = function () {
+        set$2(component.element, getDimensionProperty(slideConfig), beforeSize);
+        reflow(component.element);
+      };
+      var startCompleteGrow = function () {
+        setShrunk(component, slideConfig);
+      };
+      var setStartSize = wasShrinking ? startPartialGrow : startCompleteGrow;
+      setStartSize();
+      remove$4(root, slideConfig.shrinkingClass);
+      add$2(root, slideConfig.growingClass);
+      setGrown(component, slideConfig);
+      set$2(component.element, getDimensionProperty(slideConfig), fullSize);
+      slideState.setExpanded();
+      slideConfig.onStartGrow(component);
+    };
+    var refresh$2 = function (component, slideConfig, slideState) {
+      if (slideState.isExpanded()) {
+        remove$6(component.element, getDimensionProperty(slideConfig));
+        var fullSize = getDimension(slideConfig, component.element);
+        set$2(component.element, getDimensionProperty(slideConfig), fullSize);
+      }
+    };
+    var grow = function (component, slideConfig, slideState) {
+      if (!slideState.isExpanded()) {
+        doStartGrow(component, slideConfig, slideState);
+      }
+    };
+    var shrink = function (component, slideConfig, slideState) {
+      if (slideState.isExpanded()) {
+        doStartSmartShrink(component, slideConfig, slideState);
+      }
+    };
+    var immediateShrink = function (component, slideConfig, slideState) {
+      if (slideState.isExpanded()) {
+        doImmediateShrink(component, slideConfig, slideState, Optional.none());
+      }
+    };
+    var hasGrown = function (component, slideConfig, slideState) {
+      return slideState.isExpanded();
+    };
+    var hasShrunk = function (component, slideConfig, slideState) {
+      return slideState.isCollapsed();
+    };
+    var isGrowing = function (component, slideConfig, _slideState) {
+      var root = getAnimationRoot(component, slideConfig);
+      return has$2(root, slideConfig.growingClass) === true;
+    };
+    var isShrinking = function (component, slideConfig, _slideState) {
+      var root = getAnimationRoot(component, slideConfig);
+      return has$2(root, slideConfig.shrinkingClass) === true;
+    };
+    var isTransitioning = function (component, slideConfig, slideState) {
+      return isGrowing(component, slideConfig) === true || isShrinking(component, slideConfig) === true;
+    };
+    var toggleGrow = function (component, slideConfig, slideState) {
+      var f = slideState.isExpanded() ? doStartSmartShrink : doStartGrow;
+      f(component, slideConfig, slideState);
+    };
+
+    var SlidingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        refresh: refresh$2,
+        grow: grow,
+        shrink: shrink,
+        immediateShrink: immediateShrink,
+        hasGrown: hasGrown,
+        hasShrunk: hasShrunk,
+        isGrowing: isGrowing,
+        isShrinking: isShrinking,
+        isTransitioning: isTransitioning,
+        toggleGrow: toggleGrow,
+        disableTransitions: disableTransitions
+    });
+
+    var exhibit$6 = function (base, slideConfig, _slideState) {
+      var expanded = slideConfig.expanded;
+      return expanded ? nu$6({
+        classes: [slideConfig.openClass],
+        styles: {}
+      }) : nu$6({
+        classes: [slideConfig.closedClass],
+        styles: wrap$1(slideConfig.dimension.property, '0px')
+      });
+    };
+    var events$d = function (slideConfig, slideState) {
+      return derive([runOnSource(transitionend(), function (component, simulatedEvent) {
+          var raw = simulatedEvent.event.raw;
+          if (raw.propertyName === slideConfig.dimension.property) {
+            disableTransitions(component, slideConfig);
+            if (slideState.isExpanded()) {
+              remove$6(component.element, slideConfig.dimension.property);
+            }
+            var notify = slideState.isExpanded() ? slideConfig.onGrown : slideConfig.onShrunk;
+            notify(component);
+          }
+        })]);
+    };
+
+    var ActiveSliding = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        exhibit: exhibit$6,
+        events: events$d
+    });
+
+    var SlidingSchema = [
+      strict$1('closedClass'),
+      strict$1('openClass'),
+      strict$1('shrinkingClass'),
+      strict$1('growingClass'),
+      option('getAnimationRoot'),
+      onHandler('onShrunk'),
+      onHandler('onStartShrink'),
+      onHandler('onGrown'),
+      onHandler('onStartGrow'),
+      defaulted$1('expanded', false),
+      strictOf('dimension', choose$1('property', {
+        width: [
+          output('property', 'width'),
+          output('getDimension', function (elem) {
+            return get$8(elem) + 'px';
+          })
+        ],
+        height: [
+          output('property', 'height'),
+          output('getDimension', function (elem) {
+            return get$7(elem) + 'px';
+          })
+        ]
+      }))
+    ];
+
+    var init$9 = function (spec) {
+      var state = Cell(spec.expanded);
+      var readState = function () {
+        return 'expanded: ' + state.get();
+      };
+      return nu$5({
+        isExpanded: function () {
+          return state.get() === true;
+        },
+        isCollapsed: function () {
+          return state.get() === false;
+        },
+        setCollapsed: curry(state.set, false),
+        setExpanded: curry(state.set, true),
+        readState: readState
+      });
+    };
+
+    var SlidingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$9
+    });
+
+    var Sliding = create$1({
+      fields: SlidingSchema,
+      name: 'sliding',
+      active: ActiveSliding,
+      apis: SlidingApis,
+      state: SlidingState
+    });
+
+    var schema$p = constant([
+      markers([
+        'closedClass',
+        'openClass',
+        'shrinkingClass',
+        'growingClass',
+        'overflowToggledClass'
+      ]),
+      onHandler('onOpened'),
+      onHandler('onClosed')
+    ].concat(schema$l()));
+    var parts$b = constant([
+      required({
+        factory: Toolbar,
+        schema: schema$k(),
+        name: 'primary'
+      }),
+      required({
+        factory: Toolbar,
+        schema: schema$k(),
+        name: 'overflow',
+        overrides: function (detail) {
+          return {
+            toolbarBehaviours: derive$1([
+              Sliding.config({
+                dimension: { property: 'height' },
+                closedClass: detail.markers.closedClass,
+                openClass: detail.markers.openClass,
+                shrinkingClass: detail.markers.shrinkingClass,
+                growingClass: detail.markers.growingClass,
+                onShrunk: function (comp) {
+                  getPart(comp, detail, 'overflow-button').each(function (button) {
+                    Toggling.off(button);
+                    Focusing.focus(button);
+                  });
+                  detail.onClosed(comp);
+                },
+                onGrown: function (comp) {
+                  Keying.focusIn(comp);
+                  detail.onOpened(comp);
+                },
+                onStartGrow: function (comp) {
+                  getPart(comp, detail, 'overflow-button').each(Toggling.on);
+                }
+              }),
+              Keying.config({
+                mode: 'acyclic',
+                onEscape: function (comp) {
+                  getPart(comp, detail, 'overflow-button').each(Focusing.focus);
+                  return Optional.some(true);
+                }
+              })
+            ])
+          };
+        }
+      }),
+      external$1({
+        name: 'overflow-button',
+        overrides: function (detail) {
+          return {
+            buttonBehaviours: derive$1([Toggling.config({
+                toggleClass: detail.markers.overflowToggledClass,
+                aria: { mode: 'pressed' },
+                toggleOnExecute: false
+              })])
+          };
+        }
+      }),
+      external$1({ name: 'overflow-group' })
+    ]);
+
+    var isOpen$1 = function (toolbar, detail) {
+      return getPart(toolbar, detail, 'overflow').map(Sliding.hasGrown).getOr(false);
+    };
+    var toggleToolbar = function (toolbar, detail) {
+      getPart(toolbar, detail, 'overflow-button').bind(function () {
+        return getPart(toolbar, detail, 'overflow');
+      }).each(function (overf) {
+        refresh$3(toolbar, detail);
+        Sliding.toggleGrow(overf);
+      });
+    };
+    var refresh$3 = function (toolbar, detail) {
+      getPart(toolbar, detail, 'overflow').each(function (overflow) {
+        refresh(toolbar, detail, function (groups) {
+          var builtGroups = map(groups, function (g) {
+            return premade$1(g);
+          });
+          Toolbar.setGroups(overflow, builtGroups);
+        });
+        getPart(toolbar, detail, 'overflow-button').each(function (button) {
+          if (Sliding.hasGrown(overflow)) {
+            Toggling.on(button);
+          }
+        });
+        Sliding.refresh(overflow);
+      });
+    };
+    var factory$d = function (detail, components, spec, externals) {
+      var toolbarToggleEvent = 'alloy.toolbar.toggle';
+      var doSetGroups = function (toolbar, groups) {
+        var built = map(groups, toolbar.getSystem().build);
+        detail.builtGroups.set(built);
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: components,
+        behaviours: augment(detail.splitToolbarBehaviours, [
+          Coupling.config({
+            others: {
+              overflowGroup: function (toolbar) {
+                return ToolbarGroup.sketch(__assign(__assign({}, externals['overflow-group']()), {
+                  items: [Button.sketch(__assign(__assign({}, externals['overflow-button']()), {
+                      action: function (_button) {
+                        emit(toolbar, toolbarToggleEvent);
+                      }
+                    }))]
+                }));
+              }
+            }
+          }),
+          config('toolbar-toggle-events', [run(toolbarToggleEvent, function (toolbar) {
+              toggleToolbar(toolbar, detail);
+            })])
+        ]),
+        apis: {
+          setGroups: function (toolbar, groups) {
+            doSetGroups(toolbar, groups);
+            refresh$3(toolbar, detail);
+          },
+          refresh: function (toolbar) {
+            return refresh$3(toolbar, detail);
+          },
+          toggle: function (toolbar) {
+            return toggleToolbar(toolbar, detail);
+          },
+          isOpen: function (toolbar) {
+            return isOpen$1(toolbar, detail);
+          }
+        },
+        domModification: { attributes: { role: 'group' } }
+      };
+    };
+    var SplitSlidingToolbar = composite$1({
+      name: 'SplitSlidingToolbar',
+      configFields: schema$p(),
+      partFields: parts$b(),
+      factory: factory$d,
+      apis: {
+        setGroups: function (apis, toolbar, groups) {
+          apis.setGroups(toolbar, groups);
+        },
+        refresh: function (apis, toolbar) {
+          apis.refresh(toolbar);
+        },
+        toggle: function (apis, toolbar) {
+          apis.toggle(toolbar);
+        },
+        isOpen: function (apis, toolbar) {
+          return apis.isOpen(toolbar);
+        }
+      }
+    });
+
+    var toolbarHeightChange = constant(generate$1('toolbar-height-change'));
+
+    var renderToolbarGroupCommon = function (toolbarGroup) {
+      var attributes = toolbarGroup.title.fold(function () {
+        return {};
+      }, function (title) {
+        return { attributes: { title: title } };
+      });
+      return {
+        dom: __assign({
+          tag: 'div',
+          classes: ['tox-toolbar__group']
+        }, attributes),
+        components: [ToolbarGroup.parts.items({})],
+        items: toolbarGroup.items,
+        markers: { itemSelector: '*:not(.tox-split-button) > .tox-tbtn:not([disabled]), ' + '.tox-split-button:not([disabled]), ' + '.tox-toolbar-nav-js:not([disabled])' },
+        tgroupBehaviours: derive$1([
+          Tabstopping.config({}),
+          Focusing.config({})
+        ])
+      };
+    };
+    var renderToolbarGroup = function (toolbarGroup) {
+      return ToolbarGroup.sketch(renderToolbarGroupCommon(toolbarGroup));
+    };
+    var getToolbarbehaviours = function (toolbarSpec, modeName) {
+      var onAttached = runOnAttached(function (component) {
+        var groups = map(toolbarSpec.initGroups, renderToolbarGroup);
+        Toolbar.setGroups(component, groups);
+      });
+      return derive$1([
+        DisablingConfigs.toolbarButton(toolbarSpec.providers.isDisabled),
+        receivingConfig(),
+        Keying.config({
+          mode: modeName,
+          onEscape: toolbarSpec.onEscape,
+          selector: '.tox-toolbar__group'
+        }),
+        config('toolbar-events', [onAttached])
+      ]);
+    };
+    var renderMoreToolbarCommon = function (toolbarSpec) {
+      var modeName = toolbarSpec.cyclicKeying ? 'cyclic' : 'acyclic';
+      return {
+        uid: toolbarSpec.uid,
+        dom: {
+          tag: 'div',
+          classes: ['tox-toolbar-overlord']
+        },
+        parts: {
+          'overflow-group': renderToolbarGroupCommon({
+            title: Optional.none(),
+            items: []
+          }),
+          'overflow-button': renderIconButtonSpec({
+            name: 'more',
+            icon: Optional.some('more-drawer'),
+            disabled: false,
+            tooltip: Optional.some('More...'),
+            primary: false,
+            borderless: false
+          }, Optional.none(), toolbarSpec.providers)
+        },
+        splitToolbarBehaviours: getToolbarbehaviours(toolbarSpec, modeName)
+      };
+    };
+    var renderFloatingMoreToolbar = function (toolbarSpec) {
+      var baseSpec = renderMoreToolbarCommon(toolbarSpec);
+      var overflowXOffset = 4;
+      var primary = SplitFloatingToolbar.parts.primary({
+        dom: {
+          tag: 'div',
+          classes: ['tox-toolbar__primary']
+        }
+      });
+      return SplitFloatingToolbar.sketch(__assign(__assign({}, baseSpec), {
+        lazySink: toolbarSpec.getSink,
+        getOverflowBounds: function () {
+          var headerElem = toolbarSpec.moreDrawerData.lazyHeader().element;
+          var headerBounds = absolute$1(headerElem);
+          var docElem = documentElement(headerElem);
+          var docBounds = absolute$1(docElem);
+          var height = Math.max(docElem.dom.scrollHeight, docBounds.height);
+          return bounds$1(headerBounds.x + overflowXOffset, docBounds.y, headerBounds.width - overflowXOffset * 2, height);
+        },
+        parts: __assign(__assign({}, baseSpec.parts), {
+          overflow: {
+            dom: {
+              tag: 'div',
+              classes: ['tox-toolbar__overflow'],
+              attributes: toolbarSpec.attributes
+            }
+          }
+        }),
+        components: [primary],
+        markers: { overflowToggledClass: 'tox-tbtn--enabled' }
+      }));
+    };
+    var renderSlidingMoreToolbar = function (toolbarSpec) {
+      var primary = SplitSlidingToolbar.parts.primary({
+        dom: {
+          tag: 'div',
+          classes: ['tox-toolbar__primary']
+        }
+      });
+      var overflow = SplitSlidingToolbar.parts.overflow({
+        dom: {
+          tag: 'div',
+          classes: ['tox-toolbar__overflow']
+        }
+      });
+      var baseSpec = renderMoreToolbarCommon(toolbarSpec);
+      return SplitSlidingToolbar.sketch(__assign(__assign({}, baseSpec), {
+        components: [
+          primary,
+          overflow
+        ],
+        markers: {
+          openClass: 'tox-toolbar__overflow--open',
+          closedClass: 'tox-toolbar__overflow--closed',
+          growingClass: 'tox-toolbar__overflow--growing',
+          shrinkingClass: 'tox-toolbar__overflow--shrinking',
+          overflowToggledClass: 'tox-tbtn--enabled'
+        },
+        onOpened: function (comp) {
+          comp.getSystem().broadcastOn([toolbarHeightChange()], { type: 'opened' });
+        },
+        onClosed: function (comp) {
+          comp.getSystem().broadcastOn([toolbarHeightChange()], { type: 'closed' });
+        }
+      }));
+    };
+    var renderToolbar = function (toolbarSpec) {
+      var modeName = toolbarSpec.cyclicKeying ? 'cyclic' : 'acyclic';
+      return Toolbar.sketch({
+        uid: toolbarSpec.uid,
+        dom: {
+          tag: 'div',
+          classes: ['tox-toolbar'].concat(toolbarSpec.type === ToolbarMode.scrolling ? ['tox-toolbar--scrolling'] : [])
+        },
+        components: [Toolbar.parts.groups({})],
+        toolbarBehaviours: getToolbarbehaviours(toolbarSpec, modeName)
+      });
+    };
+
+    var groupToolbarButtonSchema = objOf([
+      strictString('type'),
+      strictOf('items', oneOf([
+        arrOfObj$1([
+          strictString('name'),
+          strictArrayOf('items', string)
+        ]),
+        string
+      ]))
+    ].concat(baseToolbarButtonFields));
+    var createGroupToolbarButton = function (spec) {
+      return asRaw('GroupToolbarButton', groupToolbarButtonSchema, spec);
+    };
+
+    var baseMenuButtonFields = [
+      optionString('text'),
+      optionString('tooltip'),
+      optionString('icon'),
+      strictFunction('fetch'),
+      defaultedFunction('onSetup', function () {
+        return noop;
+      })
+    ];
+
+    var MenuButtonSchema = objOf(__spreadArrays([strictString('type')], baseMenuButtonFields));
+    var createMenuButton = function (spec) {
+      return asRaw('menubutton', MenuButtonSchema, spec);
+    };
+
+    var splitButtonSchema = objOf([
+      strictString('type'),
+      optionString('tooltip'),
+      optionString('icon'),
+      optionString('text'),
+      optionFunction('select'),
+      strictFunction('fetch'),
+      defaultedFunction('onSetup', function () {
+        return noop;
+      }),
+      defaultedStringEnum('presets', 'normal', [
+        'normal',
+        'color',
+        'listpreview'
+      ]),
+      defaulted$1('columns', 1),
+      strictFunction('onAction'),
+      strictFunction('onItemAction')
+    ]);
+    var createSplitButton = function (spec) {
+      return asRaw('SplitButton', splitButtonSchema, spec);
+    };
+
+    var events$e = function (reflectingConfig, reflectingState) {
+      var update = function (component, data) {
+        reflectingConfig.updateState.each(function (updateState) {
+          var newState = updateState(component, data);
+          reflectingState.set(newState);
+        });
+        reflectingConfig.renderComponents.each(function (renderComponents) {
+          var newComponents = renderComponents(data, reflectingState.get());
+          var newChildren = map(newComponents, component.getSystem().build);
+          replaceChildren(component, newChildren);
+        });
+      };
+      return derive([
+        run(receive(), function (component, message) {
+          var receivingData = message;
+          if (!receivingData.universal) {
+            var channel = reflectingConfig.channel;
+            if (contains(receivingData.channels, channel)) {
+              update(component, receivingData.data);
+            }
+          }
+        }),
+        runOnAttached(function (comp, _se) {
+          reflectingConfig.initialData.each(function (rawData) {
+            update(comp, rawData);
+          });
+        })
+      ]);
+    };
+
+    var ActiveReflecting = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$e
+    });
+
+    var getState$2 = function (component, replaceConfig, reflectState) {
+      return reflectState;
+    };
+
+    var ReflectingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        getState: getState$2
+    });
+
+    var ReflectingSchema = [
+      strict$1('channel'),
+      option('renderComponents'),
+      option('updateState'),
+      option('initialData')
+    ];
+
+    var init$a = function () {
+      var cell = Cell(Optional.none());
+      var set = function (optS) {
+        return cell.set(optS);
+      };
+      var clear = function () {
+        return cell.set(Optional.none());
+      };
+      var get = function () {
+        return cell.get();
+      };
+      var readState = function () {
+        return cell.get().fold(function () {
+          return 'none';
+        }, function (x) {
+          return x;
+        });
+      };
+      return {
+        readState: readState,
+        get: get,
+        set: set,
+        clear: clear
+      };
+    };
+
+    var ReflectingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$a
+    });
+
+    var Reflecting = create$1({
+      fields: ReflectingSchema,
+      name: 'reflecting',
+      active: ActiveReflecting,
+      apis: ReflectingApis,
+      state: ReflectingState
+    });
+
+    var schema$q = constant([
+      strict$1('toggleClass'),
+      strict$1('fetch'),
+      onStrictHandler('onExecute'),
+      defaulted$1('getHotspot', Optional.some),
+      defaulted$1('getAnchorOverrides', constant({})),
+      schema$1(),
+      onStrictHandler('onItemExecute'),
+      option('lazySink'),
+      strict$1('dom'),
+      onHandler('onOpen'),
+      field$1('splitDropdownBehaviours', [
+        Coupling,
+        Keying,
+        Focusing
+      ]),
+      defaulted$1('matchWidth', false),
+      defaulted$1('useMinWidth', false),
+      defaulted$1('eventOrder', {}),
+      option('role')
+    ].concat(sandboxFields()));
+    var arrowPart = required({
+      factory: Button,
+      schema: [strict$1('dom')],
+      name: 'arrow',
+      defaults: function () {
+        return { buttonBehaviours: derive$1([Focusing.revoke()]) };
+      },
+      overrides: function (detail) {
+        return {
+          dom: {
+            tag: 'span',
+            attributes: { role: 'presentation' }
+          },
+          action: function (arrow) {
+            arrow.getSystem().getByUid(detail.uid).each(emitExecute);
+          },
+          buttonBehaviours: derive$1([Toggling.config({
+              toggleOnExecute: false,
+              toggleClass: detail.toggleClass
+            })])
+        };
+      }
+    });
+    var buttonPart = required({
+      factory: Button,
+      schema: [strict$1('dom')],
+      name: 'button',
+      defaults: function () {
+        return { buttonBehaviours: derive$1([Focusing.revoke()]) };
+      },
+      overrides: function (detail) {
+        return {
+          dom: {
+            tag: 'span',
+            attributes: { role: 'presentation' }
+          },
+          action: function (btn) {
+            btn.getSystem().getByUid(detail.uid).each(function (splitDropdown) {
+              detail.onExecute(splitDropdown, btn);
+            });
+          }
+        };
+      }
+    });
+    var parts$c = constant([
+      arrowPart,
+      buttonPart,
+      optional({
+        factory: {
+          sketch: function (spec) {
+            return {
+              uid: spec.uid,
+              dom: {
+                tag: 'span',
+                styles: { display: 'none' },
+                attributes: { 'aria-hidden': 'true' },
+                innerHtml: spec.text
+              }
+            };
+          }
+        },
+        schema: [strict$1('text')],
+        name: 'aria-descriptor'
+      }),
+      external$1({
+        schema: [tieredMenuMarkers()],
+        name: 'menu',
+        defaults: function (detail) {
+          return {
+            onExecute: function (tmenu, item) {
+              tmenu.getSystem().getByUid(detail.uid).each(function (splitDropdown) {
+                detail.onItemExecute(splitDropdown, tmenu, item);
+              });
+            }
+          };
+        }
+      }),
+      partType()
+    ]);
+
+    var factory$e = function (detail, components, spec, externals) {
+      var _a;
+      var switchToMenu = function (sandbox) {
+        Composing.getCurrent(sandbox).each(function (current) {
+          Highlighting.highlightFirst(current);
+          Keying.focusIn(current);
+        });
+      };
+      var action = function (component) {
+        var onOpenSync = switchToMenu;
+        togglePopup(detail, function (x) {
+          return x;
+        }, component, externals, onOpenSync, HighlightOnOpen.HighlightFirst).get(noop);
+      };
+      var openMenu = function (comp) {
+        action(comp);
+        return Optional.some(true);
+      };
+      var executeOnButton = function (comp) {
+        var button = getPartOrDie(comp, detail, 'button');
+        emitExecute(button);
+        return Optional.some(true);
+      };
+      var buttonEvents = __assign(__assign({}, derive([runOnAttached(function (component, _simulatedEvent) {
+          var ariaDescriptor = getPart(component, detail, 'aria-descriptor');
+          ariaDescriptor.each(function (descriptor) {
+            var descriptorId = generate$1('aria');
+            set$1(descriptor.element, 'id', descriptorId);
+            set$1(component.element, 'aria-describedby', descriptorId);
+          });
+        })])), events$7(Optional.some(action)));
+      var apis = {
+        repositionMenus: function (comp) {
+          if (Toggling.isOn(comp)) {
+            repositionMenus(comp);
+          }
+        }
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: components,
+        apis: apis,
+        eventOrder: __assign(__assign({}, detail.eventOrder), (_a = {}, _a[execute()] = [
+          'disabling',
+          'toggling',
+          'alloy.base.behaviour'
+        ], _a)),
+        events: buttonEvents,
+        behaviours: augment(detail.splitDropdownBehaviours, [
+          Coupling.config({
+            others: {
+              sandbox: function (hotspot) {
+                var arrow = getPartOrDie(hotspot, detail, 'arrow');
+                var extras = {
+                  onOpen: function () {
+                    Toggling.on(arrow);
+                    Toggling.on(hotspot);
+                  },
+                  onClose: function () {
+                    Toggling.off(arrow);
+                    Toggling.off(hotspot);
+                  }
+                };
+                return makeSandbox(detail, hotspot, extras);
+              }
+            }
+          }),
+          Keying.config({
+            mode: 'special',
+            onSpace: executeOnButton,
+            onEnter: executeOnButton,
+            onDown: openMenu
+          }),
+          Focusing.config({}),
+          Toggling.config({
+            toggleOnExecute: false,
+            aria: { mode: 'expanded' }
+          })
+        ]),
+        domModification: {
+          attributes: {
+            'role': detail.role.getOr('button'),
+            'aria-haspopup': true
+          }
+        }
+      };
+    };
+    var SplitDropdown = composite$1({
+      name: 'SplitDropdown',
+      configFields: schema$q(),
+      partFields: parts$c(),
+      factory: factory$e,
+      apis: {
+        repositionMenus: function (apis, comp) {
+          return apis.repositionMenus(comp);
+        }
+      }
+    });
+
+    var getButtonApi = function (component) {
+      return {
+        isDisabled: function () {
+          return Disabling.isDisabled(component);
+        },
+        setDisabled: function (state) {
+          return Disabling.set(component, state);
+        }
+      };
+    };
+    var getToggleApi = function (component) {
+      return {
+        setActive: function (state) {
+          Toggling.set(component, state);
+        },
+        isActive: function () {
+          return Toggling.isOn(component);
+        },
+        isDisabled: function () {
+          return Disabling.isDisabled(component);
+        },
+        setDisabled: function (state) {
+          return Disabling.set(component, state);
+        }
+      };
+    };
+    var getTooltipAttributes = function (tooltip, providersBackstage) {
+      return tooltip.map(function (tooltip) {
+        return {
+          'aria-label': providersBackstage.translate(tooltip),
+          'title': providersBackstage.translate(tooltip)
+        };
+      }).getOr({});
+    };
+    var focusButtonEvent = generate$1('focus-button');
+    var rtlIcon$1 = [
+      'checklist',
+      'ordered-list'
+    ];
+    var rtlTransform$1 = [
+      'indent',
+      'outdent',
+      'table-insert-column-after',
+      'table-insert-column-before',
+      'unordered-list'
+    ];
+    var renderCommonStructure = function (icon, text, tooltip, receiver, behaviours, providersBackstage) {
+      var _d;
+      var getIconName = function (iconName) {
+        return global$6.isRtl() && contains(rtlIcon$1, iconName) ? iconName + '-rtl' : iconName;
+      };
+      var needsRtlClass = global$6.isRtl() && icon.exists(function (name) {
+        return contains(rtlTransform$1, name);
+      });
+      return {
+        dom: {
+          tag: 'button',
+          classes: ['tox-tbtn'].concat(text.isSome() ? ['tox-tbtn--select'] : []).concat(needsRtlClass ? ['tox-tbtn__icon-rtl'] : []),
+          attributes: getTooltipAttributes(tooltip, providersBackstage)
+        },
+        components: componentRenderPipeline([
+          icon.map(function (iconName) {
+            return renderIconFromPack(getIconName(iconName), providersBackstage.icons);
+          }),
+          text.map(function (text) {
+            return renderLabel$1(text, 'tox-tbtn', providersBackstage);
+          })
+        ]),
+        eventOrder: (_d = {}, _d[mousedown()] = [
+          'focusing',
+          'alloy.base.behaviour',
+          'common-button-display-events'
+        ], _d),
+        buttonBehaviours: derive$1([
+          DisablingConfigs.toolbarButton(providersBackstage.isDisabled),
+          receivingConfig(),
+          config('common-button-display-events', [run(mousedown(), function (button, se) {
+              se.event.prevent();
+              emit(button, focusButtonEvent);
+            })])
+        ].concat(receiver.map(function (r) {
+          return Reflecting.config({
+            channel: r,
+            initialData: {
+              icon: icon,
+              text: text
+            },
+            renderComponents: function (data, _state) {
+              return componentRenderPipeline([
+                data.icon.map(function (iconName) {
+                  return renderIconFromPack(getIconName(iconName), providersBackstage.icons);
+                }),
+                data.text.map(function (text) {
+                  return renderLabel$1(text, 'tox-tbtn', providersBackstage);
+                })
+              ]);
+            }
+          });
+        }).toArray()).concat(behaviours.getOr([])))
+      };
+    };
+    var renderFloatingToolbarButton = function (spec, backstage, identifyButtons, attributes) {
+      var sharedBackstage = backstage.shared;
+      return FloatingToolbarButton.sketch({
+        lazySink: sharedBackstage.getSink,
+        fetch: function () {
+          return Future.nu(function (resolve) {
+            resolve(map(identifyButtons(spec.items), renderToolbarGroup));
+          });
+        },
+        markers: { toggledClass: 'tox-tbtn--enabled' },
+        parts: {
+          button: renderCommonStructure(spec.icon, spec.text, spec.tooltip, Optional.none(), Optional.none(), sharedBackstage.providers),
+          toolbar: {
+            dom: {
+              tag: 'div',
+              classes: ['tox-toolbar__overflow'],
+              attributes: attributes
+            }
+          }
+        }
+      });
+    };
+    var renderCommonToolbarButton = function (spec, specialisation, providersBackstage) {
+      var editorOffCell = Cell(noop);
+      var structure = renderCommonStructure(spec.icon, spec.text, spec.tooltip, Optional.none(), Optional.none(), providersBackstage);
+      return Button.sketch({
+        dom: structure.dom,
+        components: structure.components,
+        eventOrder: toolbarButtonEventOrder,
+        buttonBehaviours: derive$1([
+          config('toolbar-button-events', [
+            onToolbarButtonExecute({
+              onAction: spec.onAction,
+              getApi: specialisation.getApi
+            }),
+            onControlAttached(specialisation, editorOffCell),
+            onControlDetached(specialisation, editorOffCell)
+          ]),
+          DisablingConfigs.toolbarButton(function () {
+            return spec.disabled || providersBackstage.isDisabled();
+          }),
+          receivingConfig()
+        ].concat(specialisation.toolbarButtonBehaviours))
+      });
+    };
+    var renderToolbarButton = function (spec, providersBackstage) {
+      return renderToolbarButtonWith(spec, providersBackstage, []);
+    };
+    var renderToolbarButtonWith = function (spec, providersBackstage, bonusEvents) {
+      return renderCommonToolbarButton(spec, {
+        toolbarButtonBehaviours: [].concat(bonusEvents.length > 0 ? [config('toolbarButtonWith', bonusEvents)] : []),
+        getApi: getButtonApi,
+        onSetup: spec.onSetup
+      }, providersBackstage);
+    };
+    var renderToolbarToggleButton = function (spec, providersBackstage) {
+      return renderToolbarToggleButtonWith(spec, providersBackstage, []);
+    };
+    var renderToolbarToggleButtonWith = function (spec, providersBackstage, bonusEvents) {
+      return deepMerge(renderCommonToolbarButton(spec, {
+        toolbarButtonBehaviours: [
+          Replacing.config({}),
+          Toggling.config({
+            toggleClass: 'tox-tbtn--enabled',
+            aria: { mode: 'pressed' },
+            toggleOnExecute: false
+          })
+        ].concat(bonusEvents.length > 0 ? [config('toolbarToggleButtonWith', bonusEvents)] : []),
+        getApi: getToggleApi,
+        onSetup: spec.onSetup
+      }, providersBackstage));
+    };
+    var fetchChoices = function (getApi, spec, providersBackstage) {
+      return function (comp) {
+        return Future.nu(function (callback) {
+          return spec.fetch(callback);
+        }).map(function (items) {
+          return Optional.from(createTieredDataFrom(deepMerge(createPartialChoiceMenu(generate$1('menu-value'), items, function (value) {
+            spec.onItemAction(getApi(comp), value);
+          }, spec.columns, spec.presets, ItemResponse$1.CLOSE_ON_EXECUTE, spec.select.getOr(function () {
+            return false;
+          }), providersBackstage), {
+            movement: deriveMenuMovement(spec.columns, spec.presets),
+            menuBehaviours: SimpleBehaviours.unnamedEvents(spec.columns !== 'auto' ? [] : [runOnAttached(function (comp, _se) {
+                detectSize(comp, 4, classForPreset(spec.presets)).each(function (_d) {
+                  var numRows = _d.numRows, numColumns = _d.numColumns;
+                  Keying.setGridSize(comp, numRows, numColumns);
+                });
+              })])
+          })));
+        });
+      };
+    };
+    var renderSplitButton = function (spec, sharedBackstage) {
+      var _d;
+      var displayChannel = generate$1('channel-update-split-dropdown-display');
+      var getApi = function (comp) {
+        return {
+          isDisabled: function () {
+            return Disabling.isDisabled(comp);
+          },
+          setDisabled: function (state) {
+            return Disabling.set(comp, state);
+          },
+          setIconFill: function (id, value) {
+            descendant$1(comp.element, 'svg path[id="' + id + '"], rect[id="' + id + '"]').each(function (underlinePath) {
+              set$1(underlinePath, 'fill', value);
+            });
+          },
+          setIconStroke: function (id, value) {
+            descendant$1(comp.element, 'svg path[id="' + id + '"], rect[id="' + id + '"]').each(function (underlinePath) {
+              set$1(underlinePath, 'stroke', value);
+            });
+          },
+          setActive: function (state) {
+            set$1(comp.element, 'aria-pressed', state);
+            descendant$1(comp.element, 'span').each(function (button) {
+              comp.getSystem().getByDom(button).each(function (buttonComp) {
+                return Toggling.set(buttonComp, state);
+              });
+            });
+          },
+          isActive: function () {
+            return descendant$1(comp.element, 'span').exists(function (button) {
+              return comp.getSystem().getByDom(button).exists(Toggling.isOn);
+            });
+          }
+        };
+      };
+      var editorOffCell = Cell(noop);
+      var specialisation = {
+        getApi: getApi,
+        onSetup: spec.onSetup
+      };
+      return SplitDropdown.sketch({
+        dom: {
+          tag: 'div',
+          classes: ['tox-split-button'],
+          attributes: __assign({ 'aria-pressed': false }, getTooltipAttributes(spec.tooltip, sharedBackstage.providers))
+        },
+        onExecute: function (button) {
+          spec.onAction(getApi(button));
+        },
+        onItemExecute: function (_a, _b, _c) {
+        },
+        splitDropdownBehaviours: derive$1([
+          DisablingConfigs.splitButton(sharedBackstage.providers.isDisabled),
+          receivingConfig(),
+          config('split-dropdown-events', [
+            run(focusButtonEvent, Focusing.focus),
+            onControlAttached(specialisation, editorOffCell),
+            onControlDetached(specialisation, editorOffCell)
+          ]),
+          Unselecting.config({})
+        ]),
+        eventOrder: (_d = {}, _d[attachedToDom()] = [
+          'alloy.base.behaviour',
+          'split-dropdown-events'
+        ], _d),
+        toggleClass: 'tox-tbtn--enabled',
+        lazySink: sharedBackstage.getSink,
+        fetch: fetchChoices(getApi, spec, sharedBackstage.providers),
+        parts: { menu: part(false, spec.columns, spec.presets) },
+        components: [
+          SplitDropdown.parts.button(renderCommonStructure(spec.icon, spec.text, Optional.none(), Optional.some(displayChannel), Optional.some([Toggling.config({
+              toggleClass: 'tox-tbtn--enabled',
+              toggleOnExecute: false
+            })]), sharedBackstage.providers)),
+          SplitDropdown.parts.arrow({
+            dom: {
+              tag: 'button',
+              classes: [
+                'tox-tbtn',
+                'tox-split-button__chevron'
+              ],
+              innerHtml: get$e('chevron-down', sharedBackstage.providers.icons)
+            },
+            buttonBehaviours: derive$1([
+              DisablingConfigs.splitButton(sharedBackstage.providers.isDisabled),
+              receivingConfig()
+            ])
+          }),
+          SplitDropdown.parts['aria-descriptor']({ text: sharedBackstage.providers.translate('To open the popup, press Shift+Enter') })
+        ]
+      });
+    };
+
+    var getFormApi = function (input) {
+      return {
+        hide: function () {
+          return emit(input, sandboxClose());
+        },
+        getValue: function () {
+          return Representing.getValue(input);
+        }
+      };
+    };
+    var runOnExecute$1 = function (memInput, original) {
+      return run(internalToolbarButtonExecute, function (comp, se) {
+        var input = memInput.get(comp);
+        var formApi = getFormApi(input);
+        original.onAction(formApi, se.event.buttonApi);
+      });
+    };
+    var renderContextButton = function (memInput, button, extras) {
+      var _a = button.original, primary = _a.primary, rest = __rest(_a, ['primary']);
+      var bridged = getOrDie(createToolbarButton(__assign(__assign({}, rest), {
+        type: 'button',
+        onAction: function () {
+        }
+      })));
+      return renderToolbarButtonWith(bridged, extras.backstage.shared.providers, [runOnExecute$1(memInput, button)]);
+    };
+    var renderContextToggleButton = function (memInput, button, extras) {
+      var _a = button.original, primary = _a.primary, rest = __rest(_a, ['primary']);
+      var bridged = getOrDie(createToggleButton(__assign(__assign({}, rest), {
+        type: 'togglebutton',
+        onAction: function () {
+        }
+      })));
+      return renderToolbarToggleButtonWith(bridged, extras.backstage.shared.providers, [runOnExecute$1(memInput, button)]);
+    };
+    var generateOne$1 = function (memInput, button, providersBackstage) {
+      var extras = { backstage: { shared: { providers: providersBackstage } } };
+      if (button.type === 'contextformtogglebutton') {
+        return renderContextToggleButton(memInput, button, extras);
+      } else {
+        return renderContextButton(memInput, button, extras);
+      }
+    };
+    var generate$7 = function (memInput, buttons, providersBackstage) {
+      var mementos = map(buttons, function (button) {
+        return record(generateOne$1(memInput, button, providersBackstage));
+      });
+      var asSpecs = function () {
+        return map(mementos, function (mem) {
+          return mem.asSpec();
+        });
+      };
+      var findPrimary = function (compInSystem) {
+        return findMap(buttons, function (button, i) {
+          if (button.primary) {
+            return Optional.from(mementos[i]).bind(function (mem) {
+              return mem.getOpt(compInSystem);
+            }).filter(not(Disabling.isDisabled));
+          } else {
+            return Optional.none();
+          }
+        });
+      };
+      return {
+        asSpecs: asSpecs,
+        findPrimary: findPrimary
+      };
+    };
+
+    var buildInitGroups = function (ctx, providers) {
+      var inputAttributes = ctx.label.fold(function () {
+        return {};
+      }, function (label) {
+        return { 'aria-label': label };
+      });
+      var memInput = record(Input.sketch({
+        inputClasses: [
+          'tox-toolbar-textfield',
+          'tox-toolbar-nav-js'
+        ],
+        data: ctx.initValue(),
+        inputAttributes: inputAttributes,
+        selectOnFocus: true,
+        inputBehaviours: derive$1([Keying.config({
+            mode: 'special',
+            onEnter: function (input) {
+              return commands.findPrimary(input).map(function (primary) {
+                emitExecute(primary);
+                return true;
+              });
+            },
+            onLeft: function (comp, se) {
+              se.cut();
+              return Optional.none();
+            },
+            onRight: function (comp, se) {
+              se.cut();
+              return Optional.none();
+            }
+          })])
+      }));
+      var commands = generate$7(memInput, ctx.commands, providers);
+      return [
+        {
+          title: Optional.none(),
+          items: [memInput.asSpec()]
+        },
+        {
+          title: Optional.none(),
+          items: commands.asSpecs()
+        }
+      ];
+    };
+    var renderContextForm = function (toolbarType, ctx, providers) {
+      return renderToolbar({
+        type: toolbarType,
+        uid: generate$1('context-toolbar'),
+        initGroups: buildInitGroups(ctx, providers),
+        onEscape: Optional.none,
+        cyclicKeying: true,
+        providers: providers
+      });
+    };
+    var ContextForm = {
+      renderContextForm: renderContextForm,
+      buildInitGroups: buildInitGroups
+    };
+
+    var getHorizontalBounds = function (contentAreaBox, viewportBounds) {
+      var x = Math.max(viewportBounds.x, contentAreaBox.x);
+      var contentBoxWidth = contentAreaBox.right - x;
+      var maxViewportWidth = viewportBounds.width - (x - viewportBounds.x);
+      var width = Math.min(contentBoxWidth, maxViewportWidth);
+      return {
+        x: x,
+        width: width
+      };
+    };
+    var getVerticalBounds = function (editor, contentAreaBox, viewportBounds, isToolbarLocationTop) {
+      var container = SugarElement.fromDom(editor.getContainer());
+      var header = descendant$1(container, '.tox-editor-header').getOr(container);
+      var headerBox = box(header);
+      var isToolbarBelowContentArea = headerBox.y >= contentAreaBox.bottom;
+      var isToolbarAbove = isToolbarLocationTop && !isToolbarBelowContentArea;
+      if (editor.inline && isToolbarAbove) {
+        return {
+          y: Math.max(headerBox.bottom, viewportBounds.y),
+          bottom: viewportBounds.bottom
+        };
+      }
+      if (editor.inline && !isToolbarAbove) {
+        return {
+          y: viewportBounds.y,
+          bottom: Math.min(headerBox.y, viewportBounds.bottom)
+        };
+      }
+      var containerBounds = box(container);
+      if (isToolbarAbove) {
+        return {
+          y: Math.max(headerBox.bottom, viewportBounds.y),
+          bottom: Math.min(containerBounds.bottom, viewportBounds.bottom)
+        };
+      }
+      return {
+        y: Math.max(containerBounds.y, viewportBounds.y),
+        bottom: Math.min(headerBox.y, viewportBounds.bottom)
+      };
+    };
+    var getContextToolbarBounds = function (editor, sharedBackstage) {
+      var viewportBounds = getBounds(window);
+      var contentAreaBox = box(SugarElement.fromDom(editor.getContentAreaContainer()));
+      var toolbarOrMenubarEnabled = isMenubarEnabled(editor) || isToolbarEnabled(editor) || isMultipleToolbars(editor);
+      var _a = getHorizontalBounds(contentAreaBox, viewportBounds), x = _a.x, width = _a.width;
+      if (editor.inline && !toolbarOrMenubarEnabled) {
+        return bounds$1(x, viewportBounds.y, width, viewportBounds.height);
+      } else {
+        var isToolbarTop = sharedBackstage.header.isPositionedAtTop();
+        var _b = getVerticalBounds(editor, contentAreaBox, viewportBounds, isToolbarTop), y = _b.y, bottom = _b.bottom;
+        return bounds$1(x, y, width, bottom - y);
+      }
+    };
+
+    var matchTargetWith = function (elem, candidates) {
+      var ctxs = filter(candidates, function (toolbarApi) {
+        return toolbarApi.predicate(elem.dom);
+      });
+      var _a = partition(ctxs, function (t) {
+          return t.type === 'contexttoolbar';
+        }), pass = _a.pass, fail = _a.fail;
+      return {
+        contextToolbars: pass,
+        contextForms: fail
+      };
+    };
+    var filterByPositionForStartNode = function (toolbars) {
+      if (toolbars.length <= 1) {
+        return toolbars;
+      } else {
+        var doesPositionExist = function (value) {
+          return exists(toolbars, function (t) {
+            return t.position === value;
+          });
+        };
+        var filterToolbarsByPosition = function (value) {
+          return filter(toolbars, function (t) {
+            return t.position === value;
+          });
+        };
+        var hasSelectionToolbars = doesPositionExist('selection');
+        var hasNodeToolbars = doesPositionExist('node');
+        if (hasSelectionToolbars || hasNodeToolbars) {
+          if (hasNodeToolbars && hasSelectionToolbars) {
+            var nodeToolbars = filterToolbarsByPosition('node');
+            var selectionToolbars = map(filterToolbarsByPosition('selection'), function (t) {
+              return __assign(__assign({}, t), { position: 'node' });
+            });
+            return nodeToolbars.concat(selectionToolbars);
+          } else {
+            return hasSelectionToolbars ? filterToolbarsByPosition('selection') : filterToolbarsByPosition('node');
+          }
+        } else {
+          return filterToolbarsByPosition('line');
+        }
+      }
+    };
+    var filterByPositionForAncestorNode = function (toolbars) {
+      if (toolbars.length <= 1) {
+        return toolbars;
+      } else {
+        var findPosition_1 = function (value) {
+          return find(toolbars, function (t) {
+            return t.position === value;
+          });
+        };
+        var basePosition = findPosition_1('selection').orThunk(function () {
+          return findPosition_1('node');
+        }).orThunk(function () {
+          return findPosition_1('line');
+        }).map(function (t) {
+          return t.position;
+        });
+        return basePosition.fold(function () {
+          return [];
+        }, function (pos) {
+          return filter(toolbars, function (t) {
+            return t.position === pos;
+          });
+        });
+      }
+    };
+    var matchStartNode = function (elem, nodeCandidates, editorCandidates) {
+      var nodeMatches = matchTargetWith(elem, nodeCandidates);
+      if (nodeMatches.contextForms.length > 0) {
+        return Optional.some({
+          elem: elem,
+          toolbars: [nodeMatches.contextForms[0]]
+        });
+      } else {
+        var editorMatches = matchTargetWith(elem, editorCandidates);
+        if (editorMatches.contextForms.length > 0) {
+          return Optional.some({
+            elem: elem,
+            toolbars: [editorMatches.contextForms[0]]
+          });
+        } else if (nodeMatches.contextToolbars.length > 0 || editorMatches.contextToolbars.length > 0) {
+          var toolbars = filterByPositionForStartNode(nodeMatches.contextToolbars.concat(editorMatches.contextToolbars));
+          return Optional.some({
+            elem: elem,
+            toolbars: toolbars
+          });
+        } else {
+          return Optional.none();
+        }
+      }
+    };
+    var matchAncestor = function (isRoot, startNode, scopes) {
+      if (isRoot(startNode)) {
+        return Optional.none();
+      } else {
+        return ancestor(startNode, function (ancestorElem) {
+          var _a = matchTargetWith(ancestorElem, scopes.inNodeScope), contextToolbars = _a.contextToolbars, contextForms = _a.contextForms;
+          var toolbars = contextForms.length > 0 ? contextForms : filterByPositionForAncestorNode(contextToolbars);
+          return toolbars.length > 0 ? Optional.some({
+            elem: ancestorElem,
+            toolbars: toolbars
+          }) : Optional.none();
+        }, isRoot);
+      }
+    };
+    var lookup$1 = function (scopes, editor) {
+      var rootElem = SugarElement.fromDom(editor.getBody());
+      var isRoot = function (elem) {
+        return eq$1(elem, rootElem);
+      };
+      var isOutsideRoot = function (startNode) {
+        return !isRoot(startNode) && !contains$2(rootElem, startNode);
+      };
+      var startNode = SugarElement.fromDom(editor.selection.getNode());
+      if (isOutsideRoot(startNode)) {
+        return Optional.none();
+      }
+      return matchStartNode(startNode, scopes.inNodeScope, scopes.inEditorScope).orThunk(function () {
+        return matchAncestor(isRoot, startNode, scopes);
+      });
+    };
+
+    var categorise = function (contextToolbars, navigate) {
+      var forms = {};
+      var inNodeScope = [];
+      var inEditorScope = [];
+      var formNavigators = {};
+      var lookupTable = {};
+      var registerForm = function (key, toolbarSpec) {
+        var contextForm = getOrDie(createContextForm(toolbarSpec));
+        forms[key] = contextForm;
+        contextForm.launch.map(function (launch) {
+          formNavigators['form:' + key + ''] = __assign(__assign({}, toolbarSpec.launch), {
+            type: launch.type === 'contextformtogglebutton' ? 'togglebutton' : 'button',
+            onAction: function () {
+              navigate(contextForm);
+            }
+          });
+        });
+        if (contextForm.scope === 'editor') {
+          inEditorScope.push(contextForm);
+        } else {
+          inNodeScope.push(contextForm);
+        }
+        lookupTable[key] = contextForm;
+      };
+      var registerToolbar = function (key, toolbarSpec) {
+        createContextToolbar(toolbarSpec).each(function (contextToolbar) {
+          if (toolbarSpec.scope === 'editor') {
+            inEditorScope.push(contextToolbar);
+          } else {
+            inNodeScope.push(contextToolbar);
+          }
+          lookupTable[key] = contextToolbar;
+        });
+      };
+      var keys$1 = keys(contextToolbars);
+      each(keys$1, function (key) {
+        var toolbarApi = contextToolbars[key];
+        if (toolbarApi.type === 'contextform') {
+          registerForm(key, toolbarApi);
+        } else if (toolbarApi.type === 'contexttoolbar') {
+          registerToolbar(key, toolbarApi);
+        }
+      });
+      return {
+        forms: forms,
+        inNodeScope: inNodeScope,
+        inEditorScope: inEditorScope,
+        lookupTable: lookupTable,
+        formNavigators: formNavigators
+      };
+    };
+
+    var forwardSlideEvent = generate$1('forward-slide');
+    var backSlideEvent = generate$1('backward-slide');
+    var changeSlideEvent = generate$1('change-slide-event');
+    var resizingClass = 'tox-pop--resizing';
+    var renderContextToolbar = function (spec) {
+      var stack = Cell([]);
+      return InlineView.sketch({
+        dom: {
+          tag: 'div',
+          classes: ['tox-pop']
+        },
+        fireDismissalEventInstead: { event: 'doNotDismissYet' },
+        onShow: function (comp) {
+          stack.set([]);
+          InlineView.getContent(comp).each(function (c) {
+            remove$6(c.element, 'visibility');
+          });
+          remove$4(comp.element, resizingClass);
+          remove$6(comp.element, 'width');
+        },
+        inlineBehaviours: derive$1([
+          config('context-toolbar-events', [
+            runOnSource(transitionend(), function (comp, _se) {
+              remove$4(comp.element, resizingClass);
+              remove$6(comp.element, 'width');
+            }),
+            run(changeSlideEvent, function (comp, se) {
+              remove$6(comp.element, 'width');
+              var currentWidth = get$8(comp.element);
+              InlineView.setContent(comp, se.event.contents);
+              add$2(comp.element, resizingClass);
+              var newWidth = get$8(comp.element);
+              set$2(comp.element, 'width', currentWidth + 'px');
+              InlineView.getContent(comp).each(function (newContents) {
+                se.event.focus.bind(function (f) {
+                  focus$1(f);
+                  return search(comp.element);
+                }).orThunk(function () {
+                  Keying.focusIn(newContents);
+                  return active();
+                });
+              });
+              global$2.setTimeout(function () {
+                set$2(comp.element, 'width', newWidth + 'px');
+              }, 0);
+            }),
+            run(forwardSlideEvent, function (comp, se) {
+              InlineView.getContent(comp).each(function (oldContents) {
+                stack.set(stack.get().concat([{
+                    bar: oldContents,
+                    focus: active()
+                  }]));
+              });
+              emitWith(comp, changeSlideEvent, {
+                contents: se.event.forwardContents,
+                focus: Optional.none()
+              });
+            }),
+            run(backSlideEvent, function (comp, _se) {
+              last(stack.get()).each(function (last) {
+                stack.set(stack.get().slice(0, stack.get().length - 1));
+                emitWith(comp, changeSlideEvent, {
+                  contents: premade$1(last.bar),
+                  focus: last.focus
+                });
+              });
+            })
+          ]),
+          Keying.config({
+            mode: 'special',
+            onEscape: function (comp) {
+              return last(stack.get()).fold(function () {
+                return spec.onEscape();
+              }, function (_) {
+                emit(comp, backSlideEvent);
+                return Optional.some(true);
+              });
+            }
+          })
+        ]),
+        lazySink: function () {
+          return Result.value(spec.sink);
+        }
+      });
+    };
+
+    var generateSelectItems = function (_editor, backstage, spec) {
+      var generateItem = function (rawItem, response, disabled, value) {
+        var translatedText = backstage.shared.providers.translate(rawItem.title);
+        if (rawItem.type === 'separator') {
+          return Optional.some({
+            type: 'separator',
+            text: translatedText
+          });
+        } else if (rawItem.type === 'submenu') {
+          var items = bind(rawItem.getStyleItems(), function (si) {
+            return validate(si, response, value);
+          });
+          if (response === 0 && items.length <= 0) {
+            return Optional.none();
+          } else {
+            return Optional.some({
+              type: 'nestedmenuitem',
+              text: translatedText,
+              disabled: items.length <= 0,
+              getSubmenuItems: function () {
+                return bind(rawItem.getStyleItems(), function (si) {
+                  return validate(si, response, value);
+                });
+              }
+            });
+          }
+        } else {
+          return Optional.some(__assign({
+            type: 'togglemenuitem',
+            text: translatedText,
+            icon: rawItem.icon,
+            active: rawItem.isSelected(value),
+            disabled: disabled,
+            onAction: spec.onAction(rawItem)
+          }, rawItem.getStylePreview().fold(function () {
+            return {};
+          }, function (preview) {
+            return { meta: { style: preview } };
+          })));
+        }
+      };
+      var validate = function (item, response, value) {
+        var invalid = item.type === 'formatter' && spec.isInvalid(item);
+        if (response === 0) {
+          return invalid ? [] : generateItem(item, response, false, value).toArray();
+        } else {
+          return generateItem(item, response, invalid, value).toArray();
+        }
+      };
+      var validateItems = function (preItems) {
+        var value = spec.getCurrentValue();
+        var response = spec.shouldHide ? 0 : 1;
+        return bind(preItems, function (item) {
+          return validate(item, response, value);
+        });
+      };
+      var getFetch = function (backstage, getStyleItems) {
+        return function (comp, callback) {
+          var preItems = getStyleItems();
+          var items = validateItems(preItems);
+          var menu = build$2(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, false);
+          callback(menu);
+        };
+      };
+      return {
+        validateItems: validateItems,
+        getFetch: getFetch
+      };
+    };
+    var createMenuItems = function (editor, backstage, spec) {
+      var dataset = spec.dataset;
+      var getStyleItems = dataset.type === 'basic' ? function () {
+        return map(dataset.data, function (d) {
+          return processBasic(d, spec.isSelectedFor, spec.getPreviewFor);
+        });
+      } : dataset.getData;
+      return {
+        items: generateSelectItems(editor, backstage, spec),
+        getStyleItems: getStyleItems
+      };
+    };
+    var createSelectButton = function (editor, backstage, spec) {
+      var _a = createMenuItems(editor, backstage, spec), items = _a.items, getStyleItems = _a.getStyleItems;
+      var getApi = function (comp) {
+        return {
+          getComponent: function () {
+            return comp;
+          }
+        };
+      };
+      var onSetup = function (api) {
+        spec.setInitialValue.each(function (f) {
+          return f(api.getComponent());
+        });
+        return spec.nodeChangeHandler.map(function (f) {
+          var handler = f(api.getComponent());
+          editor.on('NodeChange', handler);
+          return function () {
+            editor.off('NodeChange', handler);
+          };
+        }).getOr(noop);
+      };
+      return renderCommonDropdown({
+        text: spec.icon.isSome() ? Optional.none() : Optional.some(''),
+        icon: spec.icon,
+        tooltip: Optional.from(spec.tooltip),
+        role: Optional.none(),
+        fetch: items.getFetch(backstage, getStyleItems),
+        onSetup: onSetup,
+        getApi: getApi,
+        columns: 1,
+        presets: 'normal',
+        classes: spec.icon.isSome() ? [] : ['bespoke'],
+        dropdownBehaviours: []
+      }, 'tox-tbtn', backstage.shared);
+    };
+
+    var process = function (rawFormats) {
+      return map(rawFormats, function (item) {
+        var title = item, format = item;
+        var values = item.split('=');
+        if (values.length > 1) {
+          title = values[0];
+          format = values[1];
+        }
+        return {
+          title: title,
+          format: format
+        };
+      });
+    };
+    var buildBasicStaticDataset = function (data) {
+      return {
+        type: 'basic',
+        data: data
+      };
+    };
+    var Delimiter;
+    (function (Delimiter) {
+      Delimiter[Delimiter['SemiColon'] = 0] = 'SemiColon';
+      Delimiter[Delimiter['Space'] = 1] = 'Space';
+    }(Delimiter || (Delimiter = {})));
+    var split = function (rawFormats, delimiter) {
+      if (delimiter === Delimiter.SemiColon) {
+        return rawFormats.replace(/;$/, '').split(';');
+      } else {
+        return rawFormats.split(' ');
+      }
+    };
+    var buildBasicSettingsDataset = function (editor, settingName, defaults, delimiter) {
+      var rawFormats = editor.getParam(settingName, defaults, 'string');
+      var data = process(split(rawFormats, delimiter));
+      return {
+        type: 'basic',
+        data: data
+      };
+    };
+
+    var alignMenuItems = [
+      {
+        title: 'Left',
+        icon: 'align-left',
+        format: 'alignleft',
+        command: 'JustifyLeft'
+      },
+      {
+        title: 'Center',
+        icon: 'align-center',
+        format: 'aligncenter',
+        command: 'JustifyCenter'
+      },
+      {
+        title: 'Right',
+        icon: 'align-right',
+        format: 'alignright',
+        command: 'JustifyRight'
+      },
+      {
+        title: 'Justify',
+        icon: 'align-justify',
+        format: 'alignjustify',
+        command: 'JustifyFull'
+      }
+    ];
+    var getSpec = function (editor) {
+      var getMatchingValue = function () {
+        return find(alignMenuItems, function (item) {
+          return editor.formatter.match(item.format);
+        });
+      };
+      var isSelectedFor = function (format) {
+        return function () {
+          return editor.formatter.match(format);
+        };
+      };
+      var getPreviewFor = function (_format) {
+        return function () {
+          return Optional.none();
+        };
+      };
+      var updateSelectMenuIcon = function (comp) {
+        var match = getMatchingValue();
+        var alignment = match.fold(function () {
+          return 'left';
+        }, function (item) {
+          return item.title.toLowerCase();
+        });
+        emitWith(comp, updateMenuIcon, { icon: 'align-' + alignment });
+      };
+      var nodeChangeHandler = Optional.some(function (comp) {
+        return function () {
+          return updateSelectMenuIcon(comp);
+        };
+      });
+      var setInitialValue = Optional.some(function (comp) {
+        return updateSelectMenuIcon(comp);
+      });
+      var dataset = buildBasicStaticDataset(alignMenuItems);
+      var onAction = function (rawItem) {
+        return function () {
+          return find(alignMenuItems, function (item) {
+            return item.format === rawItem.format;
+          }).each(function (item) {
+            return editor.execCommand(item.command);
+          });
+        };
+      };
+      return {
+        tooltip: 'Align',
+        icon: Optional.some('align-left'),
+        isSelectedFor: isSelectedFor,
+        getCurrentValue: Optional.none,
+        getPreviewFor: getPreviewFor,
+        onAction: onAction,
+        setInitialValue: setInitialValue,
+        nodeChangeHandler: nodeChangeHandler,
+        dataset: dataset,
+        shouldHide: false,
+        isInvalid: function (item) {
+          return !editor.formatter.canApply(item.format);
+        }
+      };
+    };
+    var createAlignSelect = function (editor, backstage) {
+      return createSelectButton(editor, backstage, getSpec(editor));
+    };
+    var alignSelectMenu = function (editor, backstage) {
+      var menuItems = createMenuItems(editor, backstage, getSpec(editor));
+      editor.ui.registry.addNestedMenuItem('align', {
+        text: backstage.shared.providers.translate('Align'),
+        getSubmenuItems: function () {
+          return menuItems.items.validateItems(menuItems.getStyleItems());
+        }
+      });
+    };
+
+    var defaultFontsFormats = 'Andale Mono=andale mono,monospace;' + 'Arial=arial,helvetica,sans-serif;' + 'Arial Black=arial black,sans-serif;' + 'Book Antiqua=book antiqua,palatino,serif;' + 'Comic Sans MS=comic sans ms,sans-serif;' + 'Courier New=courier new,courier,monospace;' + 'Georgia=georgia,palatino,serif;' + 'Helvetica=helvetica,arial,sans-serif;' + 'Impact=impact,sans-serif;' + 'Symbol=symbol;' + 'Tahoma=tahoma,arial,helvetica,sans-serif;' + 'Terminal=terminal,monaco,monospace;' + 'Times New Roman=times new roman,times,serif;' + 'Trebuchet MS=trebuchet ms,geneva,sans-serif;' + 'Verdana=verdana,geneva,sans-serif;' + 'Webdings=webdings;' + 'Wingdings=wingdings,zapf dingbats';
+    var systemStackFonts = [
+      '-apple-system',
+      'Segoe UI',
+      'Roboto',
+      'Helvetica Neue',
+      'sans-serif'
+    ];
+    var splitFonts = function (fontFamily) {
+      var fonts = fontFamily.split(/\s*,\s*/);
+      return map(fonts, function (font) {
+        return font.replace(/^['"]+|['"]+$/g, '');
+      });
+    };
+    var isSystemFontStack = function (fontFamily) {
+      var matchesSystemStack = function () {
+        var fonts = splitFonts(fontFamily.toLowerCase());
+        return forall(systemStackFonts, function (font) {
+          return fonts.indexOf(font.toLowerCase()) > -1;
+        });
+      };
+      return fontFamily.indexOf('-apple-system') === 0 && matchesSystemStack();
+    };
+    var getSpec$1 = function (editor) {
+      var getMatchingValue = function () {
+        var getFirstFont = function (fontFamily) {
+          return fontFamily ? splitFonts(fontFamily)[0] : '';
+        };
+        var fontFamily = editor.queryCommandValue('FontName');
+        var items = dataset.data;
+        var font = fontFamily ? fontFamily.toLowerCase() : '';
+        var matchOpt = find(items, function (item) {
+          var format = item.format;
+          return format.toLowerCase() === font || getFirstFont(format).toLowerCase() === getFirstFont(font).toLowerCase();
+        }).orThunk(function () {
+          if (isSystemFontStack(font)) {
+            return Optional.from({
+              title: 'System Font',
+              format: font
+            });
+          } else {
+            return Optional.none();
+          }
+        });
+        return {
+          matchOpt: matchOpt,
+          font: fontFamily
+        };
+      };
+      var isSelectedFor = function (item) {
+        return function (valueOpt) {
+          return valueOpt.exists(function (value) {
+            return value.format === item;
+          });
+        };
+      };
+      var getCurrentValue = function () {
+        var matchOpt = getMatchingValue().matchOpt;
+        return matchOpt;
+      };
+      var getPreviewFor = function (item) {
+        return function () {
+          return Optional.some({
+            tag: 'div',
+            styles: item.indexOf('dings') === -1 ? { 'font-family': item } : {}
+          });
+        };
+      };
+      var onAction = function (rawItem) {
+        return function () {
+          editor.undoManager.transact(function () {
+            editor.focus();
+            editor.execCommand('FontName', false, rawItem.format);
+          });
+        };
+      };
+      var updateSelectMenuText = function (comp) {
+        var _a = getMatchingValue(), matchOpt = _a.matchOpt, font = _a.font;
+        var text = matchOpt.fold(function () {
+          return font;
+        }, function (item) {
+          return item.title;
+        });
+        emitWith(comp, updateMenuText, { text: text });
+      };
+      var nodeChangeHandler = Optional.some(function (comp) {
+        return function () {
+          return updateSelectMenuText(comp);
+        };
+      });
+      var setInitialValue = Optional.some(function (comp) {
+        return updateSelectMenuText(comp);
+      });
+      var dataset = buildBasicSettingsDataset(editor, 'font_formats', defaultFontsFormats, Delimiter.SemiColon);
+      return {
+        tooltip: 'Fonts',
+        icon: Optional.none(),
+        isSelectedFor: isSelectedFor,
+        getCurrentValue: getCurrentValue,
+        getPreviewFor: getPreviewFor,
+        onAction: onAction,
+        setInitialValue: setInitialValue,
+        nodeChangeHandler: nodeChangeHandler,
+        dataset: dataset,
+        shouldHide: false,
+        isInvalid: function () {
+          return false;
+        }
+      };
+    };
+    var createFontSelect = function (editor, backstage) {
+      return createSelectButton(editor, backstage, getSpec$1(editor));
+    };
+    var fontSelectMenu = function (editor, backstage) {
+      var menuItems = createMenuItems(editor, backstage, getSpec$1(editor));
+      editor.ui.registry.addNestedMenuItem('fontformats', {
+        text: backstage.shared.providers.translate('Fonts'),
+        getSubmenuItems: function () {
+          return menuItems.items.validateItems(menuItems.getStyleItems());
+        }
+      });
+    };
+
+    var defaultFontsizeFormats = '8pt 10pt 12pt 14pt 18pt 24pt 36pt';
+    var legacyFontSizes = {
+      '8pt': '1',
+      '10pt': '2',
+      '12pt': '3',
+      '14pt': '4',
+      '18pt': '5',
+      '24pt': '6',
+      '36pt': '7'
+    };
+    var keywordFontSizes = {
+      'xx-small': '7pt',
+      'x-small': '8pt',
+      'small': '10pt',
+      'medium': '12pt',
+      'large': '14pt',
+      'x-large': '18pt',
+      'xx-large': '24pt'
+    };
+    var round$1 = function (number, precision) {
+      var factor = Math.pow(10, precision);
+      return Math.round(number * factor) / factor;
+    };
+    var toPt = function (fontSize, precision) {
+      if (/[0-9.]+px$/.test(fontSize)) {
+        return round$1(parseInt(fontSize, 10) * 72 / 96, precision || 0) + 'pt';
+      } else {
+        return get$1(keywordFontSizes, fontSize).getOr(fontSize);
+      }
+    };
+    var toLegacy = function (fontSize) {
+      return get$1(legacyFontSizes, fontSize).getOr('');
+    };
+    var getSpec$2 = function (editor) {
+      var getMatchingValue = function () {
+        var matchOpt = Optional.none();
+        var items = dataset.data;
+        var fontSize = editor.queryCommandValue('FontSize');
+        if (fontSize) {
+          var _loop_1 = function (precision) {
+            var pt = toPt(fontSize, precision);
+            var legacy = toLegacy(pt);
+            matchOpt = find(items, function (item) {
+              return item.format === fontSize || item.format === pt || item.format === legacy;
+            });
+          };
+          for (var precision = 3; matchOpt.isNone() && precision >= 0; precision--) {
+            _loop_1(precision);
+          }
+        }
+        return {
+          matchOpt: matchOpt,
+          size: fontSize
+        };
+      };
+      var isSelectedFor = function (item) {
+        return function (valueOpt) {
+          return valueOpt.exists(function (value) {
+            return value.format === item;
+          });
+        };
+      };
+      var getCurrentValue = function () {
+        var matchOpt = getMatchingValue().matchOpt;
+        return matchOpt;
+      };
+      var getPreviewFor = constant(Optional.none);
+      var onAction = function (rawItem) {
+        return function () {
+          editor.undoManager.transact(function () {
+            editor.focus();
+            editor.execCommand('FontSize', false, rawItem.format);
+          });
+        };
+      };
+      var updateSelectMenuText = function (comp) {
+        var _a = getMatchingValue(), matchOpt = _a.matchOpt, size = _a.size;
+        var text = matchOpt.fold(function () {
+          return size;
+        }, function (match) {
+          return match.title;
+        });
+        emitWith(comp, updateMenuText, { text: text });
+      };
+      var nodeChangeHandler = Optional.some(function (comp) {
+        return function () {
+          return updateSelectMenuText(comp);
+        };
+      });
+      var setInitialValue = Optional.some(function (comp) {
+        return updateSelectMenuText(comp);
+      });
+      var dataset = buildBasicSettingsDataset(editor, 'fontsize_formats', defaultFontsizeFormats, Delimiter.Space);
+      return {
+        tooltip: 'Font sizes',
+        icon: Optional.none(),
+        isSelectedFor: isSelectedFor,
+        getPreviewFor: getPreviewFor,
+        getCurrentValue: getCurrentValue,
+        onAction: onAction,
+        setInitialValue: setInitialValue,
+        nodeChangeHandler: nodeChangeHandler,
+        dataset: dataset,
+        shouldHide: false,
+        isInvalid: function () {
+          return false;
+        }
+      };
+    };
+    var createFontsizeSelect = function (editor, backstage) {
+      return createSelectButton(editor, backstage, getSpec$2(editor));
+    };
+    var fontsizeSelectMenu = function (editor, backstage) {
+      var menuItems = createMenuItems(editor, backstage, getSpec$2(editor));
+      editor.ui.registry.addNestedMenuItem('fontsizes', {
+        text: 'Font sizes',
+        getSubmenuItems: function () {
+          return menuItems.items.validateItems(menuItems.getStyleItems());
+        }
+      });
+    };
+
+    var findNearest = function (editor, getStyles) {
+      var styles = getStyles();
+      var formats = map(styles, function (style) {
+        return style.format;
+      });
+      return Optional.from(editor.formatter.closest(formats)).bind(function (fmt) {
+        return find(styles, function (data) {
+          return data.format === fmt;
+        });
+      }).orThunk(function () {
+        return someIf(editor.formatter.match('p'), {
+          title: 'Paragraph',
+          format: 'p'
+        });
+      });
+    };
+
+    var revocable = function (doRevoke) {
+      var subject = Cell(Optional.none());
+      var revoke = function () {
+        return subject.get().each(doRevoke);
+      };
+      var clear = function () {
+        revoke();
+        subject.set(Optional.none());
+      };
+      var isSet = function () {
+        return subject.get().isSome();
+      };
+      var set = function (s) {
+        revoke();
+        subject.set(Optional.some(s));
+      };
+      return {
+        clear: clear,
+        isSet: isSet,
+        set: set
+      };
+    };
+    var destroyable = function () {
+      return revocable(function (s) {
+        return s.destroy();
+      });
+    };
+    var unbindable = function () {
+      return revocable(function (s) {
+        return s.unbind();
+      });
+    };
+    var value$3 = function () {
+      var subject = Cell(Optional.none());
+      var clear = function () {
+        return subject.set(Optional.none());
+      };
+      var set = function (s) {
+        return subject.set(Optional.some(s));
+      };
+      var isSet = function () {
+        return subject.get().isSome();
+      };
+      var on = function (f) {
+        return subject.get().each(f);
+      };
+      return {
+        clear: clear,
+        set: set,
+        isSet: isSet,
+        on: on
+      };
+    };
+
+    var onSetupFormatToggle = function (editor, name) {
+      return function (api) {
+        var boundCallback = unbindable();
+        var init = function () {
+          api.setActive(editor.formatter.match(name));
+          var binding = editor.formatter.formatChanged(name, api.setActive);
+          boundCallback.set(binding);
+        };
+        editor.initialized ? init() : editor.on('init', init);
+        return boundCallback.clear;
+      };
+    };
+    var onActionToggleFormat = function (editor) {
+      return function (rawItem) {
+        return function () {
+          editor.undoManager.transact(function () {
+            editor.focus();
+            editor.execCommand('mceToggleFormat', false, rawItem.format);
+          });
+        };
+      };
+    };
+
+    var defaultBlocks = 'Paragraph=p;' + 'Heading 1=h1;' + 'Heading 2=h2;' + 'Heading 3=h3;' + 'Heading 4=h4;' + 'Heading 5=h5;' + 'Heading 6=h6;' + 'Preformatted=pre';
+    var getSpec$3 = function (editor) {
+      var isSelectedFor = function (format) {
+        return function () {
+          return editor.formatter.match(format);
+        };
+      };
+      var getPreviewFor = function (format) {
+        return function () {
+          var fmt = editor.formatter.get(format);
+          return Optional.some({
+            tag: fmt.length > 0 ? fmt[0].inline || fmt[0].block || 'div' : 'div',
+            styles: editor.dom.parseStyle(editor.formatter.getCssText(format))
+          });
+        };
+      };
+      var updateSelectMenuText = function (comp) {
+        var detectedFormat = findNearest(editor, function () {
+          return dataset.data;
+        });
+        var text = detectedFormat.fold(function () {
+          return 'Paragraph';
+        }, function (fmt) {
+          return fmt.title;
+        });
+        emitWith(comp, updateMenuText, { text: text });
+      };
+      var nodeChangeHandler = Optional.some(function (comp) {
+        return function () {
+          return updateSelectMenuText(comp);
+        };
+      });
+      var setInitialValue = Optional.some(function (comp) {
+        return updateSelectMenuText(comp);
+      });
+      var dataset = buildBasicSettingsDataset(editor, 'block_formats', defaultBlocks, Delimiter.SemiColon);
+      return {
+        tooltip: 'Blocks',
+        icon: Optional.none(),
+        isSelectedFor: isSelectedFor,
+        getCurrentValue: Optional.none,
+        getPreviewFor: getPreviewFor,
+        onAction: onActionToggleFormat(editor),
+        setInitialValue: setInitialValue,
+        nodeChangeHandler: nodeChangeHandler,
+        dataset: dataset,
+        shouldHide: false,
+        isInvalid: function (item) {
+          return !editor.formatter.canApply(item.format);
+        }
+      };
+    };
+    var createFormatSelect = function (editor, backstage) {
+      return createSelectButton(editor, backstage, getSpec$3(editor));
+    };
+    var formatSelectMenu = function (editor, backstage) {
+      var menuItems = createMenuItems(editor, backstage, getSpec$3(editor));
+      editor.ui.registry.addNestedMenuItem('blockformats', {
+        text: 'Blocks',
+        getSubmenuItems: function () {
+          return menuItems.items.validateItems(menuItems.getStyleItems());
+        }
+      });
+    };
+
+    var getSpec$4 = function (editor, dataset) {
+      var isSelectedFor = function (format) {
+        return function () {
+          return editor.formatter.match(format);
+        };
+      };
+      var getPreviewFor = function (format) {
+        return function () {
+          var fmt = editor.formatter.get(format);
+          return fmt !== undefined ? Optional.some({
+            tag: fmt.length > 0 ? fmt[0].inline || fmt[0].block || 'div' : 'div',
+            styles: editor.dom.parseStyle(editor.formatter.getCssText(format))
+          }) : Optional.none();
+        };
+      };
+      var updateSelectMenuText = function (comp) {
+        var getFormatItems = function (fmt) {
+          var subs = fmt.items;
+          return subs !== undefined && subs.length > 0 ? bind(subs, getFormatItems) : [{
+              title: fmt.title,
+              format: fmt.format
+            }];
+        };
+        var flattenedItems = bind(getStyleFormats(editor), getFormatItems);
+        var detectedFormat = findNearest(editor, function () {
+          return flattenedItems;
+        });
+        var text = detectedFormat.fold(function () {
+          return 'Paragraph';
+        }, function (fmt) {
+          return fmt.title;
+        });
+        emitWith(comp, updateMenuText, { text: text });
+      };
+      var nodeChangeHandler = Optional.some(function (comp) {
+        return function () {
+          return updateSelectMenuText(comp);
+        };
+      });
+      var setInitialValue = Optional.some(function (comp) {
+        return updateSelectMenuText(comp);
+      });
+      return {
+        tooltip: 'Formats',
+        icon: Optional.none(),
+        isSelectedFor: isSelectedFor,
+        getCurrentValue: Optional.none,
+        getPreviewFor: getPreviewFor,
+        onAction: onActionToggleFormat(editor),
+        setInitialValue: setInitialValue,
+        nodeChangeHandler: nodeChangeHandler,
+        shouldHide: editor.getParam('style_formats_autohide', false, 'boolean'),
+        isInvalid: function (item) {
+          return !editor.formatter.canApply(item.format);
+        },
+        dataset: dataset
+      };
+    };
+    var createStyleSelect = function (editor, backstage) {
+      var dataset = __assign({ type: 'advanced' }, backstage.styleselect);
+      return createSelectButton(editor, backstage, getSpec$4(editor, dataset));
+    };
+    var styleSelectMenu = function (editor, backstage) {
+      var dataset = __assign({ type: 'advanced' }, backstage.styleselect);
+      var menuItems = createMenuItems(editor, backstage, getSpec$4(editor, dataset));
+      editor.ui.registry.addNestedMenuItem('formats', {
+        text: 'Formats',
+        getSubmenuItems: function () {
+          return menuItems.items.validateItems(menuItems.getStyleItems());
+        }
+      });
+    };
+
+    var defaultToolbar = [
+      {
+        name: 'history',
+        items: [
+          'undo',
+          'redo'
+        ]
+      },
+      {
+        name: 'styles',
+        items: ['styleselect']
+      },
+      {
+        name: 'formatting',
+        items: [
+          'bold',
+          'italic'
+        ]
+      },
+      {
+        name: 'alignment',
+        items: [
+          'alignleft',
+          'aligncenter',
+          'alignright',
+          'alignjustify'
+        ]
+      },
+      {
+        name: 'indentation',
+        items: [
+          'outdent',
+          'indent'
+        ]
+      },
+      {
+        name: 'permanent pen',
+        items: ['permanentpen']
+      },
+      {
+        name: 'comments',
+        items: ['addcomment']
+      }
+    ];
+    var renderFromBridge = function (bridgeBuilder, render) {
+      return function (spec, extras, editor) {
+        var internal = bridgeBuilder(spec).mapError(function (errInfo) {
+          return formatError(errInfo);
+        }).getOrDie();
+        return render(internal, extras, editor);
+      };
+    };
+    var types = {
+      button: renderFromBridge(createToolbarButton, function (s, extras) {
+        return renderToolbarButton(s, extras.backstage.shared.providers);
+      }),
+      togglebutton: renderFromBridge(createToggleButton, function (s, extras) {
+        return renderToolbarToggleButton(s, extras.backstage.shared.providers);
+      }),
+      menubutton: renderFromBridge(createMenuButton, function (s, extras) {
+        return renderMenuButton(s, 'tox-tbtn', extras.backstage, Optional.none());
+      }),
+      splitbutton: renderFromBridge(createSplitButton, function (s, extras) {
+        return renderSplitButton(s, extras.backstage.shared);
+      }),
+      grouptoolbarbutton: renderFromBridge(createGroupToolbarButton, function (s, extras, editor) {
+        var _a;
+        var buttons = editor.ui.registry.getAll().buttons;
+        var identify = function (toolbar) {
+          return identifyButtons(editor, {
+            buttons: buttons,
+            toolbar: toolbar,
+            allowToolbarGroups: false
+          }, extras, Optional.none());
+        };
+        var attributes = (_a = {}, _a[Attribute] = extras.backstage.shared.header.isPositionedAtTop() ? AttributeValue.TopToBottom : AttributeValue.BottomToTop, _a);
+        switch (getToolbarMode(editor)) {
+        case ToolbarMode.floating:
+          return renderFloatingToolbarButton(s, extras.backstage, identify, attributes);
+        default:
+          throw new Error('Toolbar groups are only supported when using floating toolbar modal');
+        }
+      }),
+      styleSelectButton: function (editor, extras) {
+        return createStyleSelect(editor, extras.backstage);
+      },
+      fontsizeSelectButton: function (editor, extras) {
+        return createFontsizeSelect(editor, extras.backstage);
+      },
+      fontSelectButton: function (editor, extras) {
+        return createFontSelect(editor, extras.backstage);
+      },
+      formatButton: function (editor, extras) {
+        return createFormatSelect(editor, extras.backstage);
+      },
+      alignMenuButton: function (editor, extras) {
+        return createAlignSelect(editor, extras.backstage);
+      }
+    };
+    var extractFrom = function (spec, extras, editor) {
+      return get$1(types, spec.type).fold(function () {
+        console.error('skipping button defined by', spec);
+        return Optional.none();
+      }, function (render) {
+        return Optional.some(render(spec, extras, editor));
+      });
+    };
+    var bespokeButtons = {
+      styleselect: types.styleSelectButton,
+      fontsizeselect: types.fontsizeSelectButton,
+      fontselect: types.fontSelectButton,
+      formatselect: types.formatButton,
+      align: types.alignMenuButton
+    };
+    var removeUnusedDefaults = function (buttons) {
+      var filteredItemGroups = map(defaultToolbar, function (group) {
+        var items = filter(group.items, function (subItem) {
+          return has(buttons, subItem) || has(bespokeButtons, subItem);
+        });
+        return {
+          name: group.name,
+          items: items
+        };
+      });
+      return filter(filteredItemGroups, function (group) {
+        return group.items.length > 0;
+      });
+    };
+    var convertStringToolbar = function (strToolbar) {
+      var groupsStrings = strToolbar.split('|');
+      return map(groupsStrings, function (g) {
+        return { items: g.trim().split(' ') };
+      });
+    };
+    var isToolbarGroupSettingArray = function (toolbar) {
+      return isArrayOf(toolbar, function (t) {
+        return has(t, 'name') && has(t, 'items');
+      });
+    };
+    var createToolbar = function (toolbarConfig) {
+      var toolbar = toolbarConfig.toolbar;
+      var buttons = toolbarConfig.buttons;
+      if (toolbar === false) {
+        return [];
+      } else if (toolbar === undefined || toolbar === true) {
+        return removeUnusedDefaults(buttons);
+      } else if (isString(toolbar)) {
+        return convertStringToolbar(toolbar);
+      } else if (isToolbarGroupSettingArray(toolbar)) {
+        return toolbar;
+      } else {
+        console.error('Toolbar type should be string, string[], boolean or ToolbarGroup[]');
+        return [];
+      }
+    };
+    var lookupButton = function (editor, buttons, toolbarItem, allowToolbarGroups, extras, prefixes) {
+      return get$1(buttons, toolbarItem.toLowerCase()).orThunk(function () {
+        return prefixes.bind(function (ps) {
+          return findMap(ps, function (prefix) {
+            return get$1(buttons, prefix + toolbarItem.toLowerCase());
+          });
+        });
+      }).fold(function () {
+        return get$1(bespokeButtons, toolbarItem.toLowerCase()).map(function (r) {
+          return r(editor, extras);
+        }).orThunk(function () {
+          return Optional.none();
+        });
+      }, function (spec) {
+        if (spec.type === 'grouptoolbarbutton' && !allowToolbarGroups) {
+          console.warn('Ignoring the \'' + toolbarItem + '\' toolbar button. Group toolbar buttons are only supported when using floating toolbar modal and cannot be nested.');
+          return Optional.none();
+        } else {
+          return extractFrom(spec, extras, editor);
+        }
+      });
+    };
+    var identifyButtons = function (editor, toolbarConfig, extras, prefixes) {
+      var toolbarGroups = createToolbar(toolbarConfig);
+      var groups = map(toolbarGroups, function (group) {
+        var items = bind(group.items, function (toolbarItem) {
+          return toolbarItem.trim().length === 0 ? [] : lookupButton(editor, toolbarConfig.buttons, toolbarItem, toolbarConfig.allowToolbarGroups, extras, prefixes).toArray();
+        });
+        return {
+          title: Optional.from(editor.translate(group.name)),
+          items: items
+        };
+      });
+      return filter(groups, function (group) {
+        return group.items.length > 0;
+      });
+    };
+
+    var bubbleSize = 12;
+    var bubbleAlignments$1 = {
+      valignCentre: [],
+      alignCentre: [],
+      alignLeft: ['tox-pop--align-left'],
+      alignRight: ['tox-pop--align-right'],
+      right: ['tox-pop--right'],
+      left: ['tox-pop--left'],
+      bottom: ['tox-pop--bottom'],
+      top: ['tox-pop--top']
+    };
+    var anchorOverrides = {
+      maxHeightFunction: expandable(),
+      maxWidthFunction: expandable$1()
+    };
+    var desktopAnchorSpecLayouts = {
+      onLtr: function () {
+        return [
+          north$1,
+          south$1,
+          northeast$1,
+          southeast$1,
+          northwest$1,
+          southwest$1,
+          north$3,
+          south$3,
+          northeast$3,
+          southeast$3,
+          northwest$3,
+          southwest$3
+        ];
+      },
+      onRtl: function () {
+        return [
+          north$1,
+          south$1,
+          northwest$1,
+          southwest$1,
+          northeast$1,
+          southeast$1,
+          north$3,
+          south$3,
+          northwest$3,
+          southwest$3,
+          northeast$3,
+          southeast$3
+        ];
+      }
+    };
+    var mobileAnchorSpecLayouts = {
+      onLtr: function () {
+        return [
+          south$1,
+          southeast$1,
+          southwest$1,
+          northeast$1,
+          northwest$1,
+          north$1,
+          north$3,
+          south$3,
+          northeast$3,
+          southeast$3,
+          northwest$3,
+          southwest$3
+        ];
+      },
+      onRtl: function () {
+        return [
+          south$1,
+          southwest$1,
+          southeast$1,
+          northwest$1,
+          northeast$1,
+          north$1,
+          north$3,
+          south$3,
+          northwest$3,
+          southwest$3,
+          northeast$3,
+          southeast$3
+        ];
+      }
+    };
+    var getAnchorLayout = function (position, isTouch) {
+      if (position === 'line') {
+        return {
+          bubble: nu$8(bubbleSize, 0, bubbleAlignments$1),
+          layouts: {
+            onLtr: function () {
+              return [east$1];
+            },
+            onRtl: function () {
+              return [west$1];
+            }
+          },
+          overrides: anchorOverrides
+        };
+      } else {
+        return {
+          bubble: nu$8(0, bubbleSize, bubbleAlignments$1),
+          layouts: isTouch ? mobileAnchorSpecLayouts : desktopAnchorSpecLayouts,
+          overrides: anchorOverrides
+        };
+      }
+    };
+    var register$4 = function (editor, registryContextToolbars, sink, extras) {
+      var isTouch = detect$3().deviceType.isTouch;
+      var contextbar = build$1(renderContextToolbar({
+        sink: sink,
+        onEscape: function () {
+          editor.focus();
+          return Optional.some(true);
+        }
+      }));
+      var getBounds = function () {
+        return getContextToolbarBounds(editor, extras.backstage.shared);
+      };
+      var isRangeOverlapping = function (aTop, aBottom, bTop, bBottom) {
+        return Math.max(aTop, bTop) <= Math.min(aBottom, bBottom);
+      };
+      var getLastElementVerticalBound = function () {
+        var nodeBounds = lastElement.get().filter(function (ele) {
+          return inBody(SugarElement.fromDom(ele));
+        }).map(function (ele) {
+          return ele.getBoundingClientRect();
+        }).getOrThunk(function () {
+          return editor.selection.getRng().getBoundingClientRect();
+        });
+        var diffTop = editor.inline ? get$9().top : absolute$1(SugarElement.fromDom(editor.getBody())).y;
+        return {
+          y: nodeBounds.top + diffTop,
+          bottom: nodeBounds.bottom + diffTop
+        };
+      };
+      var shouldContextToolbarHide = function () {
+        if (isTouch() && extras.backstage.isContextMenuOpen()) {
+          return true;
+        }
+        var lastElementBounds = getLastElementVerticalBound();
+        var contextToolbarBounds = getBounds();
+        return !isRangeOverlapping(lastElementBounds.y, lastElementBounds.bottom, contextToolbarBounds.y, contextToolbarBounds.bottom);
+      };
+      var forceHide = function () {
+        InlineView.hide(contextbar);
+      };
+      var hideOrRepositionIfNecessary = function () {
+        lastAnchor.get().each(function (anchor) {
+          var contextBarEle = contextbar.element;
+          remove$6(contextBarEle, 'display');
+          if (shouldContextToolbarHide()) {
+            set$2(contextBarEle, 'display', 'none');
+          } else {
+            Positioning.positionWithinBounds(sink, anchor, contextbar, Optional.some(getBounds()));
+          }
+        });
+      };
+      var lastAnchor = Cell(Optional.none());
+      var lastElement = Cell(Optional.none());
+      var timer = Cell(null);
+      var wrapInPopDialog = function (toolbarSpec) {
+        return {
+          dom: {
+            tag: 'div',
+            classes: ['tox-pop__dialog']
+          },
+          components: [toolbarSpec],
+          behaviours: derive$1([
+            Keying.config({ mode: 'acyclic' }),
+            config('pop-dialog-wrap-events', [
+              runOnAttached(function (comp) {
+                editor.shortcuts.add('ctrl+F9', 'focus statusbar', function () {
+                  return Keying.focusIn(comp);
+                });
+              }),
+              runOnDetached(function (_comp) {
+                editor.shortcuts.remove('ctrl+F9');
+              })
+            ])
+          ])
+        };
+      };
+      var getScopes = cached(function () {
+        return categorise(registryContextToolbars, function (toolbarApi) {
+          var alloySpec = buildToolbar([toolbarApi]);
+          emitWith(contextbar, forwardSlideEvent, { forwardContents: wrapInPopDialog(alloySpec) });
+        });
+      });
+      var buildContextToolbarGroups = function (allButtons, ctx) {
+        return identifyButtons(editor, {
+          buttons: allButtons,
+          toolbar: ctx.items,
+          allowToolbarGroups: false
+        }, extras, Optional.some(['form:']));
+      };
+      var buildContextMenuGroups = function (ctx, providers) {
+        return ContextForm.buildInitGroups(ctx, providers);
+      };
+      var buildToolbar = function (toolbars) {
+        var buttons = editor.ui.registry.getAll().buttons;
+        var scopes = getScopes();
+        var allButtons = __assign(__assign({}, buttons), scopes.formNavigators);
+        var toolbarType = getToolbarMode(editor) === ToolbarMode.scrolling ? ToolbarMode.scrolling : ToolbarMode.default;
+        var initGroups = flatten(map(toolbars, function (ctx) {
+          return ctx.type === 'contexttoolbar' ? buildContextToolbarGroups(allButtons, ctx) : buildContextMenuGroups(ctx, extras.backstage.shared.providers);
+        }));
+        return renderToolbar({
+          type: toolbarType,
+          uid: generate$1('context-toolbar'),
+          initGroups: initGroups,
+          onEscape: Optional.none,
+          cyclicKeying: true,
+          providers: extras.backstage.shared.providers
+        });
+      };
+      editor.on(showContextToolbarEvent, function (e) {
+        var scopes = getScopes();
+        get$1(scopes.lookupTable, e.toolbarKey).each(function (ctx) {
+          launchContext([ctx], e.target === editor ? Optional.none() : Optional.some(e));
+          InlineView.getContent(contextbar).each(Keying.focusIn);
+        });
+      });
+      var getAnchor = function (position, element) {
+        var anchorage = position === 'node' ? extras.backstage.shared.anchors.node(element) : extras.backstage.shared.anchors.cursor();
+        return deepMerge(anchorage, getAnchorLayout(position, isTouch()));
+      };
+      var launchContext = function (toolbarApi, elem) {
+        clearTimer();
+        if (isTouch() && extras.backstage.isContextMenuOpen()) {
+          return;
+        }
+        var toolbarSpec = buildToolbar(toolbarApi);
+        var sElem = elem.map(SugarElement.fromDom);
+        var anchor = getAnchor(toolbarApi[0].position, sElem);
+        lastAnchor.set(Optional.some(anchor));
+        lastElement.set(elem);
+        var contextBarEle = contextbar.element;
+        remove$6(contextBarEle, 'display');
+        InlineView.showWithinBounds(contextbar, anchor, wrapInPopDialog(toolbarSpec), function () {
+          return Optional.some(getBounds());
+        });
+        if (shouldContextToolbarHide()) {
+          set$2(contextBarEle, 'display', 'none');
+        }
+      };
+      var launchContextToolbar = function () {
+        if (!editor.hasFocus()) {
+          return;
+        }
+        var scopes = getScopes();
+        lookup$1(scopes, editor).fold(function () {
+          lastAnchor.set(Optional.none());
+          InlineView.hide(contextbar);
+        }, function (info) {
+          launchContext(info.toolbars, Optional.some(info.elem.dom));
+        });
+      };
+      var clearTimer = function () {
+        var current = timer.get();
+        if (current !== null) {
+          global$2.clearTimeout(current);
+          timer.set(null);
+        }
+      };
+      var resetTimer = function (t) {
+        clearTimer();
+        timer.set(t);
+      };
+      editor.on('init', function () {
+        editor.on(hideContextToolbarEvent, forceHide);
+        editor.on('ScrollContent ScrollWindow longpress', hideOrRepositionIfNecessary);
+        editor.on('click keyup focus SetContent ObjectResized ResizeEditor', function () {
+          resetTimer(global$2.setEditorTimeout(editor, launchContextToolbar, 0));
+        });
+        editor.on('focusout', function (_e) {
+          global$2.setEditorTimeout(editor, function () {
+            if (search(sink.element).isNone() && search(contextbar.element).isNone()) {
+              lastAnchor.set(Optional.none());
+              InlineView.hide(contextbar);
+            }
+          }, 0);
+        });
+        editor.on('SwitchMode', function () {
+          if (editor.mode.isReadOnly()) {
+            lastAnchor.set(Optional.none());
+            InlineView.hide(contextbar);
+          }
+        });
+        editor.on('NodeChange', function (_e) {
+          search(contextbar.element).fold(function () {
+            resetTimer(global$2.setEditorTimeout(editor, launchContextToolbar, 0));
+          }, function (_) {
+          });
+        });
+      });
+    };
+
+    var setup$3 = function (editor, mothership, uiMothership) {
+      var broadcastEvent = function (name, evt) {
+        each([
+          mothership,
+          uiMothership
+        ], function (ship) {
+          ship.broadcastEvent(name, evt);
+        });
+      };
+      var broadcastOn = function (channel, message) {
+        each([
+          mothership,
+          uiMothership
+        ], function (ship) {
+          ship.broadcastOn([channel], message);
+        });
+      };
+      var fireDismissPopups = function (evt) {
+        return broadcastOn(dismissPopups(), { target: evt.target });
+      };
+      var onTouchstart = bind$3(SugarElement.fromDom(document), 'touchstart', fireDismissPopups);
+      var onTouchmove = bind$3(SugarElement.fromDom(document), 'touchmove', function (evt) {
+        return broadcastEvent(documentTouchmove(), evt);
+      });
+      var onTouchend = bind$3(SugarElement.fromDom(document), 'touchend', function (evt) {
+        return broadcastEvent(documentTouchend(), evt);
+      });
+      var onMousedown = bind$3(SugarElement.fromDom(document), 'mousedown', fireDismissPopups);
+      var onMouseup = bind$3(SugarElement.fromDom(document), 'mouseup', function (evt) {
+        if (evt.raw.button === 0) {
+          broadcastOn(mouseReleased(), { target: evt.target });
+        }
+      });
+      var onContentClick = function (raw) {
+        return broadcastOn(dismissPopups(), { target: SugarElement.fromDom(raw.target) });
+      };
+      var onContentMouseup = function (raw) {
+        if (raw.button === 0) {
+          broadcastOn(mouseReleased(), { target: SugarElement.fromDom(raw.target) });
+        }
+      };
+      var onWindowScroll = function (evt) {
+        return broadcastEvent(windowScroll(), fromRawEvent$1(evt));
+      };
+      var onWindowResize = function (evt) {
+        broadcastOn(repositionPopups(), {});
+        broadcastEvent(windowResize(), fromRawEvent$1(evt));
+      };
+      var onEditorResize = function () {
+        return broadcastOn(repositionPopups(), {});
+      };
+      editor.on('PostRender', function () {
+        editor.on('click', onContentClick);
+        editor.on('tap', onContentClick);
+        editor.on('mouseup', onContentMouseup);
+        editor.on('ScrollWindow', onWindowScroll);
+        editor.on('ResizeWindow', onWindowResize);
+        editor.on('ResizeEditor', onEditorResize);
+      });
+      editor.on('remove', function () {
+        editor.off('click', onContentClick);
+        editor.off('tap', onContentClick);
+        editor.off('mouseup', onContentMouseup);
+        editor.off('ScrollWindow', onWindowScroll);
+        editor.off('ResizeWindow', onWindowResize);
+        editor.off('ResizeEditor', onEditorResize);
+        onMousedown.unbind();
+        onTouchstart.unbind();
+        onTouchmove.unbind();
+        onTouchend.unbind();
+        onMouseup.unbind();
+      });
+      editor.on('detach', function () {
+        detachSystem(mothership);
+        detachSystem(uiMothership);
+        mothership.destroy();
+        uiMothership.destroy();
+      });
+    };
+
+    var parts$d = AlloyParts;
+    var partType$1 = PartType;
+
+    var schema$r = constant([
+      defaulted$1('shell', false),
+      strict$1('makeItem'),
+      defaulted$1('setupItem', noop),
+      SketchBehaviours.field('listBehaviours', [Replacing])
+    ]);
+    var customListDetail = function () {
+      return { behaviours: derive$1([Replacing.config({})]) };
+    };
+    var itemsPart = optional({
+      name: 'items',
+      overrides: customListDetail
+    });
+    var parts$e = constant([itemsPart]);
+    var name$2 = constant('CustomList');
+
+    var factory$f = function (detail, components, _spec, _external) {
+      var setItems = function (list, items) {
+        getListContainer(list).fold(function () {
+          console.error('Custom List was defined to not be a shell, but no item container was specified in components');
+          throw new Error('Custom List was defined to not be a shell, but no item container was specified in components');
+        }, function (container) {
+          var itemComps = Replacing.contents(container);
+          var numListsRequired = items.length;
+          var numListsToAdd = numListsRequired - itemComps.length;
+          var itemsToAdd = numListsToAdd > 0 ? range(numListsToAdd, function () {
+            return detail.makeItem();
+          }) : [];
+          var itemsToRemove = itemComps.slice(numListsRequired);
+          each(itemsToRemove, function (item) {
+            return Replacing.remove(container, item);
+          });
+          each(itemsToAdd, function (item) {
+            return Replacing.append(container, item);
+          });
+          var builtLists = Replacing.contents(container);
+          each(builtLists, function (item, i) {
+            detail.setupItem(list, item, items[i], i);
+          });
+        });
+      };
+      var extra = detail.shell ? {
+        behaviours: [Replacing.config({})],
+        components: []
+      } : {
+        behaviours: [],
+        components: components
+      };
+      var getListContainer = function (component) {
+        return detail.shell ? Optional.some(component) : getPart(component, detail, 'items');
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: extra.components,
+        behaviours: augment(detail.listBehaviours, extra.behaviours),
+        apis: { setItems: setItems }
+      };
+    };
+    var CustomList = composite$1({
+      name: name$2(),
+      configFields: schema$r(),
+      partFields: parts$e(),
+      factory: factory$f,
+      apis: {
+        setItems: function (apis, list, items) {
+          apis.setItems(list, items);
+        }
+      }
+    });
+
+    var setup$4 = noop;
+    var isDocked = never;
+    var getBehaviours$2 = constant([]);
+
+    var StaticHeader = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setup: setup$4,
+        isDocked: isDocked,
+        getBehaviours: getBehaviours$2
+    });
+
+    var getOffsetParent = function (element) {
+      var isFixed = getRaw(element, 'position').is('fixed');
+      var offsetParent$1 = isFixed ? Optional.none() : offsetParent(element);
+      return offsetParent$1.orThunk(function () {
+        var marker = SugarElement.fromTag('span');
+        return parent(element).bind(function (parent) {
+          append(parent, marker);
+          var offsetParent$1 = offsetParent(marker);
+          remove(marker);
+          return offsetParent$1;
+        });
+      });
+    };
+    var getOrigin = function (element) {
+      return getOffsetParent(element).map(absolute).getOrThunk(function () {
+        return SugarPosition(0, 0);
+      });
+    };
+
+    var morphAdt = Adt.generate([
+      { static: [] },
+      { absolute: ['positionCss'] },
+      { fixed: ['positionCss'] }
+    ]);
+    var appear = function (component, contextualInfo) {
+      var elem = component.element;
+      add$2(elem, contextualInfo.transitionClass);
+      remove$4(elem, contextualInfo.fadeOutClass);
+      add$2(elem, contextualInfo.fadeInClass);
+      contextualInfo.onShow(component);
+    };
+    var disappear = function (component, contextualInfo) {
+      var elem = component.element;
+      add$2(elem, contextualInfo.transitionClass);
+      remove$4(elem, contextualInfo.fadeInClass);
+      add$2(elem, contextualInfo.fadeOutClass);
+      contextualInfo.onHide(component);
+    };
+    var isPartiallyVisible = function (box, viewport) {
+      return box.y < viewport.bottom && box.bottom > viewport.y;
+    };
+    var isTopCompletelyVisible = function (box, viewport) {
+      return box.y >= viewport.y;
+    };
+    var isBottomCompletelyVisible = function (box, viewport) {
+      return box.bottom <= viewport.bottom;
+    };
+    var isVisibleForModes = function (modes, box, viewport) {
+      return forall(modes, function (mode) {
+        switch (mode) {
+        case 'bottom':
+          return isBottomCompletelyVisible(box, viewport);
+        case 'top':
+          return isTopCompletelyVisible(box, viewport);
+        }
+      });
+    };
+    var getPrior = function (elem, state) {
+      return state.getInitialPosition().map(function (pos) {
+        return bounds$1(pos.bounds.x, pos.bounds.y, get$8(elem), get$7(elem));
+      });
+    };
+    var storePrior = function (elem, box, state) {
+      state.setInitialPosition(Optional.some({
+        style: getAllRaw(elem),
+        position: get$5(elem, 'position') || 'static',
+        bounds: box
+      }));
+    };
+    var revertToOriginal = function (elem, box$1, state) {
+      return state.getInitialPosition().bind(function (position) {
+        state.setInitialPosition(Optional.none());
+        switch (position.position) {
+        case 'static':
+          return Optional.some(morphAdt.static());
+        case 'absolute':
+          var offsetBox_1 = getOffsetParent(elem).map(box).getOrThunk(function () {
+            return box(body());
+          });
+          return Optional.some(morphAdt.absolute(NuPositionCss('absolute', get$1(position.style, 'left').map(function (_left) {
+            return box$1.x - offsetBox_1.x;
+          }), get$1(position.style, 'top').map(function (_top) {
+            return box$1.y - offsetBox_1.y;
+          }), get$1(position.style, 'right').map(function (_right) {
+            return offsetBox_1.right - box$1.right;
+          }), get$1(position.style, 'bottom').map(function (_bottom) {
+            return offsetBox_1.bottom - box$1.bottom;
+          }))));
+        default:
+          return Optional.none();
+        }
+      });
+    };
+    var morphToOriginal = function (elem, viewport, state) {
+      return getPrior(elem, state).filter(function (box) {
+        return isVisibleForModes(state.getModes(), box, viewport);
+      }).bind(function (box) {
+        return revertToOriginal(elem, box, state);
+      });
+    };
+    var morphToFixed = function (elem, viewport, state) {
+      var box$1 = box(elem);
+      if (!isVisibleForModes(state.getModes(), box$1, viewport)) {
+        storePrior(elem, box$1, state);
+        var winBox = win();
+        var left = box$1.x - winBox.x;
+        var top_1 = viewport.y - winBox.y;
+        var bottom = winBox.bottom - viewport.bottom;
+        var isTop = box$1.y <= viewport.y;
+        return Optional.some(morphAdt.fixed(NuPositionCss('fixed', Optional.some(left), isTop ? Optional.some(top_1) : Optional.none(), Optional.none(), !isTop ? Optional.some(bottom) : Optional.none())));
+      } else {
+        return Optional.none();
+      }
+    };
+    var getMorph = function (component, viewport, state) {
+      var elem = component.element;
+      var isDocked = getRaw(elem, 'position').is('fixed');
+      return isDocked ? morphToOriginal(elem, viewport, state) : morphToFixed(elem, viewport, state);
+    };
+    var getMorphToOriginal = function (component, state) {
+      var elem = component.element;
+      return getPrior(elem, state).bind(function (box) {
+        return revertToOriginal(elem, box, state);
+      });
+    };
+
+    var morphToStatic = function (component, config) {
+      each([
+        'left',
+        'right',
+        'top',
+        'bottom',
+        'position'
+      ], function (prop) {
+        return remove$6(component.element, prop);
+      });
+      config.onUndocked(component);
+    };
+    var morphToCoord = function (component, config, position) {
+      applyPositionCss(component.element, position);
+      var method = position.position === 'fixed' ? config.onDocked : config.onUndocked;
+      method(component);
+    };
+    var updateVisibility = function (component, config, state, viewport, morphToDocked) {
+      if (morphToDocked === void 0) {
+        morphToDocked = false;
+      }
+      config.contextual.each(function (contextInfo) {
+        contextInfo.lazyContext(component).each(function (box) {
+          var isVisible = isPartiallyVisible(box, viewport);
+          if (isVisible !== state.isVisible()) {
+            state.setVisible(isVisible);
+            if (morphToDocked && !isVisible) {
+              add$3(component.element, [contextInfo.fadeOutClass]);
+              contextInfo.onHide(component);
+            } else {
+              var method = isVisible ? appear : disappear;
+              method(component, contextInfo);
+            }
+          }
+        });
+      });
+    };
+    var refreshInternal = function (component, config, state) {
+      var viewport = config.lazyViewport(component);
+      var isDocked = state.isDocked();
+      if (isDocked) {
+        updateVisibility(component, config, state, viewport);
+      }
+      getMorph(component, viewport, state).each(function (morph) {
+        state.setDocked(!isDocked);
+        morph.fold(function () {
+          return morphToStatic(component, config);
+        }, function (position) {
+          return morphToCoord(component, config, position);
+        }, function (position) {
+          updateVisibility(component, config, state, viewport, true);
+          morphToCoord(component, config, position);
+        });
+      });
+    };
+    var resetInternal = function (component, config, state) {
+      var elem = component.element;
+      state.setDocked(false);
+      getMorphToOriginal(component, state).each(function (morph) {
+        morph.fold(function () {
+          return morphToStatic(component, config);
+        }, function (position) {
+          return morphToCoord(component, config, position);
+        }, noop);
+      });
+      state.setVisible(true);
+      config.contextual.each(function (contextInfo) {
+        remove$5(elem, [
+          contextInfo.fadeInClass,
+          contextInfo.fadeOutClass,
+          contextInfo.transitionClass
+        ]);
+        contextInfo.onShow(component);
+      });
+      refresh$4(component, config, state);
+    };
+    var refresh$4 = function (component, config, state) {
+      if (component.getSystem().isConnected()) {
+        refreshInternal(component, config, state);
+      }
+    };
+    var reset = function (component, config, state) {
+      if (state.isDocked()) {
+        resetInternal(component, config, state);
+      }
+    };
+    var isDocked$1 = function (component, config, state) {
+      return state.isDocked();
+    };
+    var setModes = function (component, config, state, modes) {
+      return state.setModes(modes);
+    };
+    var getModes = function (component, config, state) {
+      return state.getModes();
+    };
+
+    var DockingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        refresh: refresh$4,
+        reset: reset,
+        isDocked: isDocked$1,
+        getModes: getModes,
+        setModes: setModes
+    });
+
+    var events$f = function (dockInfo, dockState) {
+      return derive([
+        runOnSource(transitionend(), function (component, simulatedEvent) {
+          dockInfo.contextual.each(function (contextInfo) {
+            if (has$2(component.element, contextInfo.transitionClass)) {
+              remove$5(component.element, [
+                contextInfo.transitionClass,
+                contextInfo.fadeInClass
+              ]);
+              var notify = dockState.isVisible() ? contextInfo.onShown : contextInfo.onHidden;
+              notify(component);
+            }
+            simulatedEvent.stop();
+          });
+        }),
+        run(windowScroll(), function (component, _) {
+          refresh$4(component, dockInfo, dockState);
+        }),
+        run(windowResize(), function (component, _) {
+          reset(component, dockInfo, dockState);
+        })
+      ]);
+    };
+
+    var ActiveDocking = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        events: events$f
+    });
+
+    var DockingSchema = [
+      optionObjOf('contextual', [
+        strictString('fadeInClass'),
+        strictString('fadeOutClass'),
+        strictString('transitionClass'),
+        strictFunction('lazyContext'),
+        onHandler('onShow'),
+        onHandler('onShown'),
+        onHandler('onHide'),
+        onHandler('onHidden')
+      ]),
+      defaultedFunction('lazyViewport', win),
+      defaultedArrayOf('modes', [
+        'top',
+        'bottom'
+      ], string),
+      onHandler('onDocked'),
+      onHandler('onUndocked')
+    ];
+
+    var init$b = function (spec) {
+      var docked = Cell(false);
+      var visible = Cell(true);
+      var initialBounds = Cell(Optional.none());
+      var modes = Cell(spec.modes);
+      var readState = function () {
+        return 'docked:  ' + docked.get() + ', visible: ' + visible.get() + ', modes: ' + modes.get().join(',');
+      };
+      return nu$5({
+        isDocked: docked.get,
+        setDocked: docked.set,
+        getInitialPosition: initialBounds.get,
+        setInitialPosition: initialBounds.set,
+        isVisible: visible.get,
+        setVisible: visible.set,
+        getModes: modes.get,
+        setModes: modes.set,
+        readState: readState
+      });
+    };
+
+    var DockingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$b
+    });
+
+    var Docking = create$1({
+      fields: DockingSchema,
+      name: 'docking',
+      active: ActiveDocking,
+      apis: DockingApis,
+      state: DockingState
+    });
+
+    var visibility = {
+      fadeInClass: 'tox-editor-dock-fadein',
+      fadeOutClass: 'tox-editor-dock-fadeout',
+      transitionClass: 'tox-editor-dock-transition'
+    };
+    var editorStickyOnClass = 'tox-tinymce--toolbar-sticky-on';
+    var editorStickyOffClass = 'tox-tinymce--toolbar-sticky-off';
+    var scrollFromBehindHeader = function (e, containerHeader) {
+      var doc = owner(containerHeader);
+      var viewHeight = doc.dom.defaultView.innerHeight;
+      var scrollPos = get$9(doc);
+      var markerElement = SugarElement.fromDom(e.elm);
+      var markerPos = absolute$1(markerElement);
+      var markerHeight = get$7(markerElement);
+      var markerTop = markerPos.y;
+      var markerBottom = markerTop + markerHeight;
+      var editorHeaderPos = absolute(containerHeader);
+      var editorHeaderHeight = get$7(containerHeader);
+      var editorHeaderTop = editorHeaderPos.top;
+      var editorHeaderBottom = editorHeaderTop + editorHeaderHeight;
+      var editorHeaderDockedAtTop = Math.abs(editorHeaderTop - scrollPos.top) < 2;
+      var editorHeaderDockedAtBottom = Math.abs(editorHeaderBottom - (scrollPos.top + viewHeight)) < 2;
+      if (editorHeaderDockedAtTop && markerTop < editorHeaderBottom) {
+        to(scrollPos.left, markerTop - editorHeaderHeight, doc);
+      } else if (editorHeaderDockedAtBottom && markerBottom > editorHeaderTop) {
+        var y = markerTop - viewHeight + markerHeight + editorHeaderHeight;
+        to(scrollPos.left, y, doc);
+      }
+    };
+    var isDockedMode = function (header, mode) {
+      return contains(Docking.getModes(header), mode);
+    };
+    var updateIframeContentFlow = function (header) {
+      var getOccupiedHeight = function (elm) {
+        return getOuter$1(elm) + (parseInt(get$5(elm, 'margin-top'), 10) || 0) + (parseInt(get$5(elm, 'margin-bottom'), 10) || 0);
+      };
+      var elm = header.element;
+      parent(elm).each(function (parentElem) {
+        var padding = 'padding-' + Docking.getModes(header)[0];
+        if (Docking.isDocked(header)) {
+          var parentWidth = get$8(parentElem);
+          set$2(elm, 'width', parentWidth + 'px');
+          set$2(parentElem, padding, getOccupiedHeight(elm) + 'px');
+        } else {
+          remove$6(elm, 'width');
+          remove$6(parentElem, padding);
+        }
+      });
+    };
+    var updateSinkVisibility = function (sinkElem, visible) {
+      if (visible) {
+        remove$4(sinkElem, visibility.fadeOutClass);
+        add$3(sinkElem, [
+          visibility.transitionClass,
+          visibility.fadeInClass
+        ]);
+      } else {
+        remove$4(sinkElem, visibility.fadeInClass);
+        add$3(sinkElem, [
+          visibility.fadeOutClass,
+          visibility.transitionClass
+        ]);
+      }
+    };
+    var updateEditorClasses = function (editor, docked) {
+      var editorContainer = SugarElement.fromDom(editor.getContainer());
+      if (docked) {
+        add$2(editorContainer, editorStickyOnClass);
+        remove$4(editorContainer, editorStickyOffClass);
+      } else {
+        add$2(editorContainer, editorStickyOffClass);
+        remove$4(editorContainer, editorStickyOnClass);
+      }
+    };
+    var restoreFocus = function (headerElem, focusedElem) {
+      var ownerDoc = owner(focusedElem);
+      active(ownerDoc).filter(function (activeElm) {
+        return !eq$1(focusedElem, activeElm);
+      }).filter(function (activeElm) {
+        return eq$1(activeElm, SugarElement.fromDom(ownerDoc.dom.body)) || contains$2(headerElem, activeElm);
+      }).each(function () {
+        return focus$1(focusedElem);
+      });
+    };
+    var findFocusedElem = function (rootElm, lazySink) {
+      return search(rootElm).orThunk(function () {
+        return lazySink().toOptional().bind(function (sink) {
+          return search(sink.element);
+        });
+      });
+    };
+    var setup$5 = function (editor, sharedBackstage, lazyHeader) {
+      if (!editor.inline) {
+        if (!sharedBackstage.header.isPositionedAtTop()) {
+          editor.on('ResizeEditor', function () {
+            lazyHeader().each(Docking.reset);
+          });
+        }
+        editor.on('ResizeWindow ResizeEditor', function () {
+          lazyHeader().each(updateIframeContentFlow);
+        });
+        editor.on('SkinLoaded', function () {
+          lazyHeader().each(function (comp) {
+            Docking.isDocked(comp) ? Docking.reset(comp) : Docking.refresh(comp);
+          });
+        });
+        editor.on('FullscreenStateChanged', function () {
+          lazyHeader().each(Docking.reset);
+        });
+      }
+      editor.on('AfterScrollIntoView', function (e) {
+        lazyHeader().each(function (header) {
+          Docking.refresh(header);
+          var headerElem = header.element;
+          if (isVisible(headerElem)) {
+            scrollFromBehindHeader(e, headerElem);
+          }
+        });
+      });
+      editor.on('PostRender', function () {
+        updateEditorClasses(editor, false);
+      });
+    };
+    var isDocked$2 = function (lazyHeader) {
+      return lazyHeader().map(Docking.isDocked).getOr(false);
+    };
+    var getIframeBehaviours = function () {
+      var _a;
+      return [Receiving.config({ channels: (_a = {}, _a[toolbarHeightChange()] = { onReceive: updateIframeContentFlow }, _a) })];
+    };
+    var getBehaviours$3 = function (editor, sharedBackstage) {
+      var focusedElm = Cell(Optional.none());
+      var lazySink = sharedBackstage.getSink;
+      var runOnSinkElement = function (f) {
+        lazySink().each(function (sink) {
+          return f(sink.element);
+        });
+      };
+      var onDockingSwitch = function (comp) {
+        if (!editor.inline) {
+          updateIframeContentFlow(comp);
+        }
+        updateEditorClasses(editor, Docking.isDocked(comp));
+        comp.getSystem().broadcastOn([repositionPopups()], {});
+        lazySink().each(function (sink) {
+          return sink.getSystem().broadcastOn([repositionPopups()], {});
+        });
+      };
+      var additionalBehaviours = editor.inline ? [] : getIframeBehaviours();
+      return __spreadArrays([
+        Focusing.config({}),
+        Docking.config({
+          contextual: __assign({
+            lazyContext: function (comp) {
+              var headerHeight = getOuter$1(comp.element);
+              var container = editor.inline ? editor.getContentAreaContainer() : editor.getContainer();
+              var box$1 = box(SugarElement.fromDom(container));
+              var boxHeight = box$1.height - headerHeight;
+              var topBound = box$1.y + (isDockedMode(comp, 'top') ? 0 : headerHeight);
+              return Optional.some(bounds$1(box$1.x, topBound, box$1.width, boxHeight));
+            },
+            onShow: function () {
+              runOnSinkElement(function (elem) {
+                return updateSinkVisibility(elem, true);
+              });
+            },
+            onShown: function (comp) {
+              runOnSinkElement(function (elem) {
+                return remove$5(elem, [
+                  visibility.transitionClass,
+                  visibility.fadeInClass
+                ]);
+              });
+              focusedElm.get().each(function (elem) {
+                restoreFocus(comp.element, elem);
+                focusedElm.set(Optional.none());
+              });
+            },
+            onHide: function (comp) {
+              focusedElm.set(findFocusedElem(comp.element, lazySink));
+              runOnSinkElement(function (elem) {
+                return updateSinkVisibility(elem, false);
+              });
+            },
+            onHidden: function () {
+              runOnSinkElement(function (elem) {
+                return remove$5(elem, [visibility.transitionClass]);
+              });
+            }
+          }, visibility),
+          modes: [sharedBackstage.header.getDockingMode()],
+          onDocked: onDockingSwitch,
+          onUndocked: onDockingSwitch
+        })
+      ], additionalBehaviours);
+    };
+
+    var StickyHeader = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        setup: setup$5,
+        isDocked: isDocked$2,
+        getBehaviours: getBehaviours$3
+    });
+
+    var renderHeader = function (spec) {
+      var editor = spec.editor;
+      var getBehaviours = spec.sticky ? getBehaviours$3 : getBehaviours$2;
+      return {
+        uid: spec.uid,
+        dom: spec.dom,
+        components: spec.components,
+        behaviours: derive$1(getBehaviours(editor, spec.sharedBackstage))
+      };
+    };
+
+    var factory$g = function (detail, spec) {
+      var setMenus = function (comp, menus) {
+        var newMenus = map(menus, function (m) {
+          var buttonSpec = {
+            type: 'menubutton',
+            text: m.text,
+            fetch: function (callback) {
+              callback(m.getItems());
+            }
+          };
+          var internal = createMenuButton(buttonSpec).mapError(function (errInfo) {
+            return formatError(errInfo);
+          }).getOrDie();
+          return renderMenuButton(internal, 'tox-mbtn', spec.backstage, Optional.some('menuitem'));
+        });
+        Replacing.set(comp, newMenus);
+      };
+      var apis = {
+        focus: Keying.focusIn,
+        setMenus: setMenus
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: [],
+        behaviours: derive$1([
+          Replacing.config({}),
+          config('menubar-events', [
+            runOnAttached(function (component) {
+              detail.onSetup(component);
+            }),
+            run(mouseover(), function (comp, se) {
+              descendant$1(comp.element, '.' + 'tox-mbtn--active').each(function (activeButton) {
+                closest$3(se.event.target, '.' + 'tox-mbtn').each(function (hoveredButton) {
+                  if (!eq$1(activeButton, hoveredButton)) {
+                    comp.getSystem().getByDom(activeButton).each(function (activeComp) {
+                      comp.getSystem().getByDom(hoveredButton).each(function (hoveredComp) {
+                        Dropdown.expand(hoveredComp);
+                        Dropdown.close(activeComp);
+                        Focusing.focus(hoveredComp);
+                      });
+                    });
+                  }
+                });
+              });
+            }),
+            run(focusShifted(), function (comp, se) {
+              se.event.prevFocus.bind(function (prev) {
+                return comp.getSystem().getByDom(prev).toOptional();
+              }).each(function (prev) {
+                se.event.newFocus.bind(function (nu) {
+                  return comp.getSystem().getByDom(nu).toOptional();
+                }).each(function (nu) {
+                  if (Dropdown.isOpen(prev)) {
+                    Dropdown.expand(nu);
+                    Dropdown.close(prev);
+                  }
+                });
+              });
+            })
+          ]),
+          Keying.config({
+            mode: 'flow',
+            selector: '.' + 'tox-mbtn',
+            onEscape: function (comp) {
+              detail.onEscape(comp);
+              return Optional.some(true);
+            }
+          }),
+          Tabstopping.config({})
+        ]),
+        apis: apis,
+        domModification: { attributes: { role: 'menubar' } }
+      };
+    };
+    var SilverMenubar = single$2({
+      factory: factory$g,
+      name: 'silver.Menubar',
+      configFields: [
+        strict$1('dom'),
+        strict$1('uid'),
+        strict$1('onEscape'),
+        strict$1('backstage'),
+        defaulted$1('onSetup', noop)
+      ],
+      apis: {
+        focus: function (apis, comp) {
+          apis.focus(comp);
+        },
+        setMenus: function (apis, comp, menus) {
+          apis.setMenus(comp, menus);
+        }
+      }
+    });
+
+    var owner$4 = 'container';
+    var schema$s = [field$1('slotBehaviours', [])];
+    var getPartName$1 = function (name) {
+      return '<alloy.field.' + name + '>';
+    };
+    var sketch$2 = function (sSpec) {
+      var parts = function () {
+        var record = [];
+        var slot = function (name, config) {
+          record.push(name);
+          return generateOne(owner$4, getPartName$1(name), config);
+        };
+        return {
+          slot: slot,
+          record: function () {
+            return record;
+          }
+        };
+      }();
+      var spec = sSpec(parts);
+      var partNames = parts.record();
+      var fieldParts = map(partNames, function (n) {
+        return required({
+          name: n,
+          pname: getPartName$1(n)
+        });
+      });
+      return composite(owner$4, schema$s, fieldParts, make$7, spec);
+    };
+    var make$7 = function (detail, components) {
+      var getSlotNames = function (_) {
+        return getAllPartNames(detail);
+      };
+      var getSlot = function (container, key) {
+        return getPart(container, detail, key);
+      };
+      var onSlot = function (f, def) {
+        return function (container, key) {
+          return getPart(container, detail, key).map(function (slot) {
+            return f(slot, key);
+          }).getOr(def);
+        };
+      };
+      var onSlots = function (f) {
+        return function (container, keys) {
+          each(keys, function (key) {
+            return f(container, key);
+          });
+        };
+      };
+      var doShowing = function (comp, _key) {
+        return get$3(comp.element, 'aria-hidden') !== 'true';
+      };
+      var doShow = function (comp, key) {
+        if (!doShowing(comp)) {
+          var element = comp.element;
+          remove$6(element, 'display');
+          remove$1(element, 'aria-hidden');
+          emitWith(comp, slotVisibility(), {
+            name: key,
+            visible: true
+          });
+        }
+      };
+      var doHide = function (comp, key) {
+        if (doShowing(comp)) {
+          var element = comp.element;
+          set$2(element, 'display', 'none');
+          set$1(element, 'aria-hidden', 'true');
+          emitWith(comp, slotVisibility(), {
+            name: key,
+            visible: false
+          });
+        }
+      };
+      var isShowing = onSlot(doShowing, false);
+      var hideSlot = onSlot(doHide);
+      var hideSlots = onSlots(hideSlot);
+      var hideAllSlots = function (container) {
+        return hideSlots(container, getSlotNames());
+      };
+      var showSlot = onSlot(doShow);
+      var apis = {
+        getSlotNames: getSlotNames,
+        getSlot: getSlot,
+        isShowing: isShowing,
+        hideSlot: hideSlot,
+        hideAllSlots: hideAllSlots,
+        showSlot: showSlot
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: components,
+        behaviours: get$d(detail.slotBehaviours),
+        apis: apis
+      };
+    };
+    var slotApis = map$2({
+      getSlotNames: function (apis, c) {
+        return apis.getSlotNames(c);
+      },
+      getSlot: function (apis, c, key) {
+        return apis.getSlot(c, key);
+      },
+      isShowing: function (apis, c, key) {
+        return apis.isShowing(c, key);
+      },
+      hideSlot: function (apis, c, key) {
+        return apis.hideSlot(c, key);
+      },
+      hideAllSlots: function (apis, c) {
+        return apis.hideAllSlots(c);
+      },
+      showSlot: function (apis, c, key) {
+        return apis.showSlot(c, key);
+      }
+    }, function (value) {
+      return makeApi(value);
+    });
+    var SlotContainer = __assign(__assign({}, slotApis), { sketch: sketch$2 });
+
+    var sidebarSchema = objOf([
+      optionString('icon'),
+      optionString('tooltip'),
+      defaultedFunction('onShow', noop),
+      defaultedFunction('onHide', noop),
+      defaultedFunction('onSetup', function () {
+        return noop;
+      })
+    ]);
+    var createSidebar = function (spec) {
+      return asRaw('sidebar', sidebarSchema, spec);
+    };
+
+    var setup$6 = function (editor) {
+      var sidebars = editor.ui.registry.getAll().sidebars;
+      each(keys(sidebars), function (name) {
+        var spec = sidebars[name];
+        var isActive = function () {
+          return Optional.from(editor.queryCommandValue('ToggleSidebar')).is(name);
+        };
+        editor.ui.registry.addToggleButton(name, {
+          icon: spec.icon,
+          tooltip: spec.tooltip,
+          onAction: function (buttonApi) {
+            editor.execCommand('ToggleSidebar', false, name);
+            buttonApi.setActive(isActive());
+          },
+          onSetup: function (buttonApi) {
+            var handleToggle = function () {
+              return buttonApi.setActive(isActive());
+            };
+            editor.on('ToggleSidebar', handleToggle);
+            return function () {
+              editor.off('ToggleSidebar', handleToggle);
+            };
+          }
+        });
+      });
+    };
+    var getApi = function (comp) {
+      return {
+        element: function () {
+          return comp.element.dom;
+        }
+      };
+    };
+    var makePanels = function (parts, panelConfigs) {
+      var specs = map(keys(panelConfigs), function (name) {
+        var spec = panelConfigs[name];
+        var bridged = getOrDie(createSidebar(spec));
+        return {
+          name: name,
+          getApi: getApi,
+          onSetup: bridged.onSetup,
+          onShow: bridged.onShow,
+          onHide: bridged.onHide
+        };
+      });
+      return map(specs, function (spec) {
+        var editorOffCell = Cell(noop);
+        return parts.slot(spec.name, {
+          dom: {
+            tag: 'div',
+            classes: ['tox-sidebar__pane']
+          },
+          behaviours: SimpleBehaviours.unnamedEvents([
+            onControlAttached(spec, editorOffCell),
+            onControlDetached(spec, editorOffCell),
+            run(slotVisibility(), function (sidepanel, se) {
+              var data = se.event;
+              var optSidePanelSpec = find(specs, function (config) {
+                return config.name === data.name;
+              });
+              optSidePanelSpec.each(function (sidePanelSpec) {
+                var handler = data.visible ? sidePanelSpec.onShow : sidePanelSpec.onHide;
+                handler(sidePanelSpec.getApi(sidepanel));
+              });
+            })
+          ])
+        });
+      });
+    };
+    var makeSidebar = function (panelConfigs) {
+      return SlotContainer.sketch(function (parts) {
+        return {
+          dom: {
+            tag: 'div',
+            classes: ['tox-sidebar__pane-container']
+          },
+          components: makePanels(parts, panelConfigs),
+          slotBehaviours: SimpleBehaviours.unnamedEvents([runOnAttached(function (slotContainer) {
+              return SlotContainer.hideAllSlots(slotContainer);
+            })])
+        };
+      });
+    };
+    var setSidebar = function (sidebar, panelConfigs) {
+      var optSlider = Composing.getCurrent(sidebar);
+      optSlider.each(function (slider) {
+        return Replacing.set(slider, [makeSidebar(panelConfigs)]);
+      });
+    };
+    var toggleSidebar = function (sidebar, name) {
+      var optSlider = Composing.getCurrent(sidebar);
+      optSlider.each(function (slider) {
+        var optSlotContainer = Composing.getCurrent(slider);
+        optSlotContainer.each(function (slotContainer) {
+          if (Sliding.hasGrown(slider)) {
+            if (SlotContainer.isShowing(slotContainer, name)) {
+              Sliding.shrink(slider);
+            } else {
+              SlotContainer.hideAllSlots(slotContainer);
+              SlotContainer.showSlot(slotContainer, name);
+            }
+          } else {
+            SlotContainer.hideAllSlots(slotContainer);
+            SlotContainer.showSlot(slotContainer, name);
+            Sliding.grow(slider);
+          }
+        });
+      });
+    };
+    var whichSidebar = function (sidebar) {
+      var optSlider = Composing.getCurrent(sidebar);
+      return optSlider.bind(function (slider) {
+        var sidebarOpen = Sliding.isGrowing(slider) || Sliding.hasGrown(slider);
+        if (sidebarOpen) {
+          var optSlotContainer = Composing.getCurrent(slider);
+          return optSlotContainer.bind(function (slotContainer) {
+            return find(SlotContainer.getSlotNames(slotContainer), function (name) {
+              return SlotContainer.isShowing(slotContainer, name);
+            });
+          });
+        } else {
+          return Optional.none();
+        }
+      });
+    };
+    var fixSize = generate$1('FixSizeEvent');
+    var autoSize = generate$1('AutoSizeEvent');
+    var renderSidebar = function (spec) {
+      return {
+        uid: spec.uid,
+        dom: {
+          tag: 'div',
+          classes: ['tox-sidebar'],
+          attributes: { role: 'complementary' }
+        },
+        components: [{
+            dom: {
+              tag: 'div',
+              classes: ['tox-sidebar__slider']
+            },
+            components: [],
+            behaviours: derive$1([
+              Tabstopping.config({}),
+              Focusing.config({}),
+              Sliding.config({
+                dimension: { property: 'width' },
+                closedClass: 'tox-sidebar--sliding-closed',
+                openClass: 'tox-sidebar--sliding-open',
+                shrinkingClass: 'tox-sidebar--sliding-shrinking',
+                growingClass: 'tox-sidebar--sliding-growing',
+                onShrunk: function (slider) {
+                  var optSlotContainer = Composing.getCurrent(slider);
+                  optSlotContainer.each(SlotContainer.hideAllSlots);
+                  emit(slider, autoSize);
+                },
+                onGrown: function (slider) {
+                  emit(slider, autoSize);
+                },
+                onStartGrow: function (slider) {
+                  emitWith(slider, fixSize, { width: getRaw(slider.element, 'width').getOr('') });
+                },
+                onStartShrink: function (slider) {
+                  emitWith(slider, fixSize, { width: get$8(slider.element) + 'px' });
+                }
+              }),
+              Replacing.config({}),
+              Composing.config({
+                find: function (comp) {
+                  var children = Replacing.contents(comp);
+                  return head(children);
+                }
+              })
+            ])
+          }],
+        behaviours: derive$1([
+          ComposingConfigs.childAt(0),
+          config('sidebar-sliding-events', [
+            run(fixSize, function (comp, se) {
+              set$2(comp.element, 'width', se.event.width);
+            }),
+            run(autoSize, function (comp, _se) {
+              remove$6(comp.element, 'width');
+            })
+          ])
+        ])
+      };
+    };
+
+    var getAttrs = function (elem) {
+      var attributes = elem.dom.attributes !== undefined ? elem.dom.attributes : [];
+      return foldl(attributes, function (b, attr) {
+        var _a;
+        if (attr.name === 'class') {
+          return b;
+        } else {
+          return __assign(__assign({}, b), (_a = {}, _a[attr.name] = attr.value, _a));
+        }
+      }, {});
+    };
+    var getClasses = function (elem) {
+      return Array.prototype.slice.call(elem.dom.classList, 0);
+    };
+    var fromHtml$2 = function (html) {
+      var elem = SugarElement.fromHtml(html);
+      var children$1 = children(elem);
+      var attrs = getAttrs(elem);
+      var classes = getClasses(elem);
+      var contents = children$1.length === 0 ? {} : { innerHtml: get$2(elem) };
+      return __assign({
+        tag: name(elem),
+        classes: classes,
+        attributes: attrs
+      }, contents);
+    };
+
+    var renderSpinner = function (providerBackstage) {
+      return {
+        dom: {
+          tag: 'div',
+          attributes: { 'aria-label': providerBackstage.translate('Loading...') },
+          classes: ['tox-throbber__busy-spinner']
+        },
+        components: [{ dom: fromHtml$2('<div class="tox-spinner"><div></div><div></div><div></div></div>') }],
+        behaviours: derive$1([
+          Keying.config({
+            mode: 'special',
+            onTab: function () {
+              return Optional.some(true);
+            },
+            onShiftTab: function () {
+              return Optional.some(true);
+            }
+          }),
+          Focusing.config({})
+        ])
+      };
+    };
+    var toggleThrobber = function (comp, state, providerBackstage) {
+      var element = comp.element;
+      if (state === true) {
+        Replacing.set(comp, [renderSpinner(providerBackstage)]);
+        remove$6(element, 'display');
+        remove$1(element, 'aria-hidden');
+      } else {
+        Replacing.set(comp, []);
+        set$2(element, 'display', 'none');
+        set$1(element, 'aria-hidden', 'true');
+      }
+    };
+    var renderThrobber = function (spec) {
+      return {
+        uid: spec.uid,
+        dom: {
+          tag: 'div',
+          attributes: { 'aria-hidden': 'true' },
+          classes: ['tox-throbber'],
+          styles: { display: 'none' }
+        },
+        behaviours: derive$1([Replacing.config({})]),
+        components: []
+      };
+    };
+    var setup$7 = function (editor, lazyThrobber, sharedBackstage) {
+      var throbberState = Cell(false);
+      var timer = Cell(Optional.none());
+      var toggle = function (state) {
+        if (state !== throbberState.get()) {
+          toggleThrobber(lazyThrobber(), state, sharedBackstage.providers);
+          throbberState.set(state);
+        }
+      };
+      editor.on('ProgressState', function (e) {
+        timer.get().each(global$2.clearTimeout);
+        if (isNumber(e.time)) {
+          var timerId = global$2.setEditorTimeout(editor, function () {
+            return toggle(e.state);
+          }, e.time);
+          timer.set(Optional.some(timerId));
+        } else {
+          toggle(e.state);
+          timer.set(Optional.none());
+        }
+      });
+    };
+
+    var factory$h = function (detail, components, _spec) {
+      var apis = {
+        getSocket: function (comp) {
+          return parts$d.getPart(comp, detail, 'socket');
+        },
+        setSidebar: function (comp, panelConfigs) {
+          parts$d.getPart(comp, detail, 'sidebar').each(function (sidebar) {
+            return setSidebar(sidebar, panelConfigs);
+          });
+        },
+        toggleSidebar: function (comp, name) {
+          parts$d.getPart(comp, detail, 'sidebar').each(function (sidebar) {
+            return toggleSidebar(sidebar, name);
+          });
+        },
+        whichSidebar: function (comp) {
+          return parts$d.getPart(comp, detail, 'sidebar').bind(whichSidebar).getOrNull();
+        },
+        getHeader: function (comp) {
+          return parts$d.getPart(comp, detail, 'header');
+        },
+        getToolbar: function (comp) {
+          return parts$d.getPart(comp, detail, 'toolbar');
+        },
+        setToolbar: function (comp, groups) {
+          parts$d.getPart(comp, detail, 'toolbar').each(function (toolbar) {
+            toolbar.getApis().setGroups(toolbar, groups);
+          });
+        },
+        setToolbars: function (comp, toolbars) {
+          parts$d.getPart(comp, detail, 'multiple-toolbar').each(function (mToolbar) {
+            CustomList.setItems(mToolbar, toolbars);
+          });
+        },
+        refreshToolbar: function (comp) {
+          var toolbar = parts$d.getPart(comp, detail, 'toolbar');
+          toolbar.each(function (toolbar) {
+            return toolbar.getApis().refresh(toolbar);
+          });
+        },
+        toggleToolbarDrawer: function (comp) {
+          parts$d.getPart(comp, detail, 'toolbar').each(function (toolbar) {
+            mapFrom(toolbar.getApis().toggle, function (toggle) {
+              return toggle(toolbar);
+            });
+          });
+        },
+        isToolbarDrawerToggled: function (comp) {
+          return parts$d.getPart(comp, detail, 'toolbar').bind(function (toolbar) {
+            return Optional.from(toolbar.getApis().isOpen).map(function (isOpen) {
+              return isOpen(toolbar);
+            });
+          }).getOr(false);
+        },
+        getThrobber: function (comp) {
+          return parts$d.getPart(comp, detail, 'throbber');
+        },
+        focusToolbar: function (comp) {
+          var optToolbar = parts$d.getPart(comp, detail, 'toolbar').orThunk(function () {
+            return parts$d.getPart(comp, detail, 'multiple-toolbar');
+          });
+          optToolbar.each(function (toolbar) {
+            Keying.focusIn(toolbar);
+          });
+        },
+        setMenubar: function (comp, menus) {
+          parts$d.getPart(comp, detail, 'menubar').each(function (menubar) {
+            SilverMenubar.setMenus(menubar, menus);
+          });
+        },
+        focusMenubar: function (comp) {
+          parts$d.getPart(comp, detail, 'menubar').each(function (menubar) {
+            SilverMenubar.focus(menubar);
+          });
+        }
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: components,
+        apis: apis,
+        behaviours: detail.behaviours
+      };
+    };
+    var partMenubar = partType$1.optional({
+      factory: SilverMenubar,
+      name: 'menubar',
+      schema: [strict$1('backstage')]
+    });
+    var toolbarFactory = function (spec) {
+      if (spec.type === ToolbarMode.sliding) {
+        return renderSlidingMoreToolbar;
+      } else if (spec.type === ToolbarMode.floating) {
+        return renderFloatingMoreToolbar;
+      } else {
+        return renderToolbar;
+      }
+    };
+    var partMultipleToolbar = partType$1.optional({
+      factory: {
+        sketch: function (spec) {
+          return CustomList.sketch({
+            uid: spec.uid,
+            dom: spec.dom,
+            listBehaviours: derive$1([Keying.config({
+                mode: 'acyclic',
+                selector: '.tox-toolbar'
+              })]),
+            makeItem: function () {
+              return renderToolbar({
+                type: spec.type,
+                uid: generate$1('multiple-toolbar-item'),
+                cyclicKeying: false,
+                initGroups: [],
+                providers: spec.providers,
+                onEscape: function () {
+                  spec.onEscape();
+                  return Optional.some(true);
+                }
+              });
+            },
+            setupItem: function (_mToolbar, tc, data, _index) {
+              Toolbar.setGroups(tc, data);
+            },
+            shell: true
+          });
+        }
+      },
+      name: 'multiple-toolbar',
+      schema: [
+        strict$1('dom'),
+        strict$1('onEscape')
+      ]
+    });
+    var partToolbar = partType$1.optional({
+      factory: {
+        sketch: function (spec) {
+          var renderer = toolbarFactory(spec);
+          var toolbarSpec = {
+            type: spec.type,
+            uid: spec.uid,
+            onEscape: function () {
+              spec.onEscape();
+              return Optional.some(true);
+            },
+            cyclicKeying: false,
+            initGroups: [],
+            getSink: spec.getSink,
+            providers: spec.providers,
+            moreDrawerData: {
+              lazyToolbar: spec.lazyToolbar,
+              lazyMoreButton: spec.lazyMoreButton,
+              lazyHeader: spec.lazyHeader
+            },
+            attributes: spec.attributes
+          };
+          return renderer(toolbarSpec);
+        }
+      },
+      name: 'toolbar',
+      schema: [
+        strict$1('dom'),
+        strict$1('onEscape'),
+        strict$1('getSink')
+      ]
+    });
+    var partHeader = partType$1.optional({
+      factory: { sketch: renderHeader },
+      name: 'header',
+      schema: [strict$1('dom')]
+    });
+    var partSocket = partType$1.optional({
+      name: 'socket',
+      schema: [strict$1('dom')]
+    });
+    var partSidebar = partType$1.optional({
+      factory: { sketch: renderSidebar },
+      name: 'sidebar',
+      schema: [strict$1('dom')]
+    });
+    var partThrobber = partType$1.optional({
+      factory: { sketch: renderThrobber },
+      name: 'throbber',
+      schema: [strict$1('dom')]
+    });
+    var OuterContainer = composite$1({
+      name: 'OuterContainer',
+      factory: factory$h,
+      configFields: [
+        strict$1('dom'),
+        strict$1('behaviours')
+      ],
+      partFields: [
+        partHeader,
+        partMenubar,
+        partToolbar,
+        partMultipleToolbar,
+        partSocket,
+        partSidebar,
+        partThrobber
+      ],
+      apis: {
+        getSocket: function (apis, comp) {
+          return apis.getSocket(comp);
+        },
+        setSidebar: function (apis, comp, panelConfigs) {
+          apis.setSidebar(comp, panelConfigs);
+        },
+        toggleSidebar: function (apis, comp, name) {
+          apis.toggleSidebar(comp, name);
+        },
+        whichSidebar: function (apis, comp) {
+          return apis.whichSidebar(comp);
+        },
+        getHeader: function (apis, comp) {
+          return apis.getHeader(comp);
+        },
+        getToolbar: function (apis, comp) {
+          return apis.getToolbar(comp);
+        },
+        setToolbar: function (apis, comp, grps) {
+          var groups = map(grps, function (grp) {
+            return renderToolbarGroup(grp);
+          });
+          apis.setToolbar(comp, groups);
+        },
+        setToolbars: function (apis, comp, ts) {
+          var renderedToolbars = map(ts, function (g) {
+            return map(g, renderToolbarGroup);
+          });
+          apis.setToolbars(comp, renderedToolbars);
+        },
+        refreshToolbar: function (apis, comp) {
+          return apis.refreshToolbar(comp);
+        },
+        toggleToolbarDrawer: function (apis, comp) {
+          apis.toggleToolbarDrawer(comp);
+        },
+        isToolbarDrawerToggled: function (apis, comp) {
+          return apis.isToolbarDrawerToggled(comp);
+        },
+        getThrobber: function (apis, comp) {
+          return apis.getThrobber(comp);
+        },
+        setMenubar: function (apis, comp, menus) {
+          apis.setMenubar(comp, menus);
+        },
+        focusMenubar: function (apis, comp) {
+          apis.focusMenubar(comp);
+        },
+        focusToolbar: function (apis, comp) {
+          apis.focusToolbar(comp);
+        }
+      }
+    });
+
+    var defaultMenubar = 'file edit view insert format tools table help';
+    var defaultMenus = {
+      file: {
+        title: 'File',
+        items: 'newdocument restoredraft | preview | export print | deleteallconversations'
+      },
+      edit: {
+        title: 'Edit',
+        items: 'undo redo | cut copy paste pastetext | selectall | searchreplace'
+      },
+      view: {
+        title: 'View',
+        items: 'code | visualaid visualchars visualblocks | spellchecker | preview fullscreen | showcomments'
+      },
+      insert: {
+        title: 'Insert',
+        items: 'image link media addcomment pageembed template codesample inserttable | charmap emoticons hr | pagebreak nonbreaking anchor toc | insertdatetime'
+      },
+      format: {
+        title: 'Format',
+        items: 'bold italic underline strikethrough superscript subscript codeformat | formats blockformats fontformats fontsizes align lineheight | forecolor backcolor | removeformat'
+      },
+      tools: {
+        title: 'Tools',
+        items: 'spellchecker spellcheckerlanguage | a11ycheck code wordcount'
+      },
+      table: {
+        title: 'Table',
+        items: 'inserttable | cell row column | advtablesort | tableprops deletetable'
+      },
+      help: {
+        title: 'Help',
+        items: 'help'
+      }
+    };
+    var make$8 = function (menu, registry, editor) {
+      var removedMenuItems = getRemovedMenuItems(editor).split(/[ ,]/);
+      return {
+        text: menu.title,
+        getItems: function () {
+          return bind(menu.items, function (i) {
+            var itemName = i.toLowerCase();
+            if (itemName.trim().length === 0) {
+              return [];
+            } else if (exists(removedMenuItems, function (removedMenuItem) {
+                return removedMenuItem === itemName;
+              })) {
+              return [];
+            } else if (itemName === 'separator' || itemName === '|') {
+              return [{ type: 'separator' }];
+            } else if (registry.menuItems[itemName]) {
+              return [registry.menuItems[itemName]];
+            } else {
+              return [];
+            }
+          });
+        }
+      };
+    };
+    var parseItemsString = function (items) {
+      if (typeof items === 'string') {
+        return items.split(' ');
+      }
+      return items;
+    };
+    var identifyMenus = function (editor, registry) {
+      var rawMenuData = __assign(__assign({}, defaultMenus), registry.menus);
+      var userDefinedMenus = keys(registry.menus).length > 0;
+      var menubar = registry.menubar === undefined || registry.menubar === true ? parseItemsString(defaultMenubar) : parseItemsString(registry.menubar === false ? '' : registry.menubar);
+      var validMenus = filter(menubar, function (menuName) {
+        return userDefinedMenus ? registry.menus.hasOwnProperty(menuName) && registry.menus[menuName].hasOwnProperty('items') || defaultMenus.hasOwnProperty(menuName) : defaultMenus.hasOwnProperty(menuName);
+      });
+      var menus = map(validMenus, function (menuName) {
+        var menuData = rawMenuData[menuName];
+        return make$8({
+          title: menuData.title,
+          items: parseItemsString(menuData.items)
+        }, registry, editor);
+      });
+      return filter(menus, function (menu) {
+        var isNotSeparator = function (item) {
+          return item.type !== 'separator';
+        };
+        return menu.getItems().length > 0 && exists(menu.getItems(), isNotSeparator);
+      });
+    };
+
+    var fireSkinLoaded$1 = function (editor) {
+      var done = function () {
+        editor._skinLoaded = true;
+        fireSkinLoaded(editor);
+      };
+      return function () {
+        if (editor.initialized) {
+          done();
+        } else {
+          editor.on('init', done);
+        }
+      };
+    };
+    var fireSkinLoadError$1 = function (editor, err) {
+      return function () {
+        return fireSkinLoadError(editor, { message: err });
+      };
+    };
+
+    var loadStylesheet = function (editor, stylesheetUrl, styleSheetLoader) {
+      return new global$4(function (resolve, reject) {
+        styleSheetLoader.load(stylesheetUrl, resolve, reject);
+        editor.on('remove', function () {
+          return styleSheetLoader.unload(stylesheetUrl);
+        });
+      });
+    };
+    var loadUiSkins = function (editor, skinUrl) {
+      var skinUiCss = skinUrl + '/skin.min.css';
+      return loadStylesheet(editor, skinUiCss, editor.ui.styleSheetLoader);
+    };
+    var loadShadowDomUiSkins = function (editor, skinUrl) {
+      var isInShadowRoot$1 = isInShadowRoot(SugarElement.fromDom(editor.getElement()));
+      if (isInShadowRoot$1) {
+        var shadowDomSkinCss = skinUrl + '/skin.shadowdom.min.css';
+        return loadStylesheet(editor, shadowDomSkinCss, global$5.DOM.styleSheetLoader);
+      } else {
+        return global$4.resolve();
+      }
+    };
+    var loadSkin = function (isInline, editor) {
+      var skinUrl = getSkinUrl(editor);
+      if (skinUrl) {
+        editor.contentCSS.push(skinUrl + (isInline ? '/content.inline' : '/content') + '.min.css');
+      }
+      if (isSkinDisabled(editor) === false && isString(skinUrl)) {
+        global$4.all([
+          loadUiSkins(editor, skinUrl),
+          loadShadowDomUiSkins(editor, skinUrl)
+        ]).then(fireSkinLoaded$1(editor), fireSkinLoadError$1(editor, 'Skin could not be loaded'));
+      } else {
+        fireSkinLoaded$1(editor)();
+      }
+    };
+    var iframe = curry(loadSkin, false);
+    var inline = curry(loadSkin, true);
+
+    var setToolbar = function (editor, uiComponents, rawUiConfig, backstage) {
+      var comp = uiComponents.outerContainer;
+      var toolbarConfig = rawUiConfig.toolbar;
+      var toolbarButtonsConfig = rawUiConfig.buttons;
+      if (isArrayOf(toolbarConfig, isString)) {
+        var toolbars = toolbarConfig.map(function (t) {
+          var config = {
+            toolbar: t,
+            buttons: toolbarButtonsConfig,
+            allowToolbarGroups: rawUiConfig.allowToolbarGroups
+          };
+          return identifyButtons(editor, config, { backstage: backstage }, Optional.none());
+        });
+        OuterContainer.setToolbars(comp, toolbars);
+      } else {
+        OuterContainer.setToolbar(comp, identifyButtons(editor, rawUiConfig, { backstage: backstage }, Optional.none()));
+      }
+    };
+
+    var detection = detect$3();
+    var isiOS12 = detection.os.isiOS() && detection.os.version.major <= 12;
+    var setupEvents = function (editor, uiComponents) {
+      var dom = editor.dom;
+      var contentWindow = editor.getWin();
+      var initialDocEle = editor.getDoc().documentElement;
+      var lastWindowDimensions = Cell(SugarPosition(contentWindow.innerWidth, contentWindow.innerHeight));
+      var lastDocumentDimensions = Cell(SugarPosition(initialDocEle.offsetWidth, initialDocEle.offsetHeight));
+      var resizeWindow = function () {
+        var outer = lastWindowDimensions.get();
+        if (outer.left !== contentWindow.innerWidth || outer.top !== contentWindow.innerHeight) {
+          lastWindowDimensions.set(SugarPosition(contentWindow.innerWidth, contentWindow.innerHeight));
+          fireResizeContent(editor);
+        }
+      };
+      var resizeDocument = function () {
+        var docEle = editor.getDoc().documentElement;
+        var inner = lastDocumentDimensions.get();
+        if (inner.left !== docEle.offsetWidth || inner.top !== docEle.offsetHeight) {
+          lastDocumentDimensions.set(SugarPosition(docEle.offsetWidth, docEle.offsetHeight));
+          fireResizeContent(editor);
+        }
+      };
+      var scroll = function (e) {
+        return fireScrollContent(editor, e);
+      };
+      dom.bind(contentWindow, 'resize', resizeWindow);
+      dom.bind(contentWindow, 'scroll', scroll);
+      var elementLoad = capture$1(SugarElement.fromDom(editor.getBody()), 'load', resizeDocument);
+      var mothership = uiComponents.uiMothership.element;
+      editor.on('hide', function () {
+        set$2(mothership, 'display', 'none');
+      });
+      editor.on('show', function () {
+        remove$6(mothership, 'display');
+      });
+      editor.on('NodeChange', resizeDocument);
+      editor.on('remove', function () {
+        elementLoad.unbind();
+        dom.unbind(contentWindow, 'resize', resizeWindow);
+        dom.unbind(contentWindow, 'scroll', scroll);
+        contentWindow = null;
+      });
+    };
+    var render$1 = function (editor, uiComponents, rawUiConfig, backstage, args) {
+      var lastToolbarWidth = Cell(0);
+      var outerContainer = uiComponents.outerContainer;
+      iframe(editor);
+      var eTargetNode = SugarElement.fromDom(args.targetNode);
+      var uiRoot = getContentContainer(getRootNode(eTargetNode));
+      attachSystemAfter(eTargetNode, uiComponents.mothership);
+      attachSystem(uiRoot, uiComponents.uiMothership);
+      editor.on('PostRender', function () {
+        setToolbar(editor, uiComponents, rawUiConfig, backstage);
+        lastToolbarWidth.set(editor.getWin().innerWidth);
+        OuterContainer.setMenubar(outerContainer, identifyMenus(editor, rawUiConfig));
+        OuterContainer.setSidebar(outerContainer, rawUiConfig.sidebar);
+        setupEvents(editor, uiComponents);
+      });
+      var socket = OuterContainer.getSocket(outerContainer).getOrDie('Could not find expected socket element');
+      if (isiOS12) {
+        setAll$1(socket.element, {
+          'overflow': 'scroll',
+          '-webkit-overflow-scrolling': 'touch'
+        });
+        var limit = first(function () {
+          editor.fire('ScrollContent');
+        }, 20);
+        var unbinder = bind$3(socket.element, 'scroll', limit.throttle);
+        editor.on('remove', unbinder.unbind);
+      }
+      setupReadonlyModeSwitch(editor, uiComponents);
+      editor.addCommand('ToggleSidebar', function (_ui, value) {
+        OuterContainer.toggleSidebar(outerContainer, value);
+        editor.fire('ToggleSidebar');
+      });
+      editor.addQueryValueHandler('ToggleSidebar', function () {
+        return OuterContainer.whichSidebar(outerContainer);
+      });
+      var toolbarMode = getToolbarMode(editor);
+      var refreshDrawer = function () {
+        OuterContainer.refreshToolbar(uiComponents.outerContainer);
+      };
+      if (toolbarMode === ToolbarMode.sliding || toolbarMode === ToolbarMode.floating) {
+        editor.on('ResizeWindow ResizeEditor ResizeContent', function () {
+          var width = editor.getWin().innerWidth;
+          if (width !== lastToolbarWidth.get()) {
+            refreshDrawer();
+            lastToolbarWidth.set(width);
+          }
+        });
+      }
+      var api = {
+        enable: function () {
+          broadcastReadonly(uiComponents, false);
+        },
+        disable: function () {
+          broadcastReadonly(uiComponents, true);
+        },
+        isDisabled: function () {
+          return Disabling.isDisabled(outerContainer);
+        }
+      };
+      return {
+        iframeContainer: socket.element.dom,
+        editorContainer: outerContainer.element.dom,
+        api: api
+      };
+    };
+
+    var Iframe = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        render: render$1
+    });
+
+    var parseToInt = function (val) {
+      var re = /^[0-9\.]+(|px)$/i;
+      if (re.test('' + val)) {
+        return Optional.some(parseInt('' + val, 10));
+      }
+      return Optional.none();
+    };
+    var numToPx = function (val) {
+      return isNumber(val) ? val + 'px' : val;
+    };
+    var calcCappedSize = function (size, minSize, maxSize) {
+      var minOverride = minSize.filter(function (min) {
+        return size < min;
+      });
+      var maxOverride = maxSize.filter(function (max) {
+        return size > max;
+      });
+      return minOverride.or(maxOverride).getOr(size);
+    };
+
+    var getHeight$1 = function (editor) {
+      var baseHeight = getHeightSetting(editor);
+      var minHeight = getMinHeightSetting(editor);
+      var maxHeight = getMaxHeightSetting(editor);
+      return parseToInt(baseHeight).map(function (height) {
+        return calcCappedSize(height, minHeight, maxHeight);
+      });
+    };
+    var getHeightWithFallback = function (editor) {
+      var height = getHeight$1(editor);
+      return height.getOr(getHeightSetting(editor));
+    };
+    var getWidth$1 = function (editor) {
+      var baseWidth = getWidthSetting(editor);
+      var minWidth = getMinWidthSetting(editor);
+      var maxWidth = getMaxWidthSetting(editor);
+      return parseToInt(baseWidth).map(function (width) {
+        return calcCappedSize(width, minWidth, maxWidth);
+      });
+    };
+    var getWidthWithFallback = function (editor) {
+      var width = getWidth$1(editor);
+      return width.getOr(getWidthSetting(editor));
+    };
+
+    var InlineHeader = function (editor, targetElm, uiComponents, backstage, floatContainer) {
+      var uiMothership = uiComponents.uiMothership, outerContainer = uiComponents.outerContainer;
+      var DOM = global$5.DOM;
+      var useFixedToolbarContainer = useFixedContainer(editor);
+      var isSticky = isStickyToolbar(editor);
+      var editorMaxWidthOpt = getMaxWidthSetting(editor).or(getWidth$1(editor));
+      var headerBackstage = backstage.shared.header;
+      var isPositionedAtTop = headerBackstage.isPositionedAtTop;
+      var toolbarMode = getToolbarMode(editor);
+      var isSplitToolbar = toolbarMode === ToolbarMode.sliding || toolbarMode === ToolbarMode.floating;
+      var visible = Cell(false);
+      var isVisible = function () {
+        return visible.get() && !editor.removed;
+      };
+      var calcToolbarOffset = function (toolbar) {
+        return isSplitToolbar ? toolbar.fold(function () {
+          return 0;
+        }, function (tbar) {
+          return tbar.components().length > 1 ? get$7(tbar.components()[1].element) : 0;
+        }) : 0;
+      };
+      var calcMode = function (container) {
+        switch (getToolbarLocation(editor)) {
+        case ToolbarLocation.auto:
+          var toolbar_1 = OuterContainer.getToolbar(outerContainer);
+          var offset = calcToolbarOffset(toolbar_1);
+          var toolbarHeight = get$7(container.element) - offset;
+          var targetBounds = box(targetElm);
+          var roomAtTop = targetBounds.y > toolbarHeight;
+          if (roomAtTop) {
+            return 'top';
+          } else {
+            var doc = documentElement(targetElm);
+            var docHeight = Math.max(doc.dom.scrollHeight, get$7(doc));
+            var roomAtBottom = targetBounds.bottom < docHeight - toolbarHeight;
+            if (roomAtBottom) {
+              return 'bottom';
+            } else {
+              var winBounds = win();
+              var isRoomAtBottomViewport = winBounds.bottom < targetBounds.bottom - toolbarHeight;
+              return isRoomAtBottomViewport ? 'bottom' : 'top';
+            }
+          }
+        case ToolbarLocation.bottom:
+          return 'bottom';
+        case ToolbarLocation.top:
+        default:
+          return 'top';
+        }
+      };
+      var setupMode = function (mode) {
+        var container = floatContainer.get();
+        Docking.setModes(container, [mode]);
+        headerBackstage.setDockingMode(mode);
+        var verticalDir = isPositionedAtTop() ? AttributeValue.TopToBottom : AttributeValue.BottomToTop;
+        set$1(container.element, Attribute, verticalDir);
+      };
+      var updateChromeWidth = function () {
+        var maxWidth = editorMaxWidthOpt.getOrThunk(function () {
+          var bodyMargin = parseToInt(get$5(body(), 'margin-left')).getOr(0);
+          return get$8(body()) - absolute(targetElm).left + bodyMargin;
+        });
+        set$2(floatContainer.get().element, 'max-width', maxWidth + 'px');
+      };
+      var updateChromePosition = function () {
+        var toolbar = OuterContainer.getToolbar(outerContainer);
+        var offset = calcToolbarOffset(toolbar);
+        var targetBounds = box(targetElm);
+        var top = isPositionedAtTop() ? Math.max(targetBounds.y - get$7(floatContainer.get().element) + offset, 0) : targetBounds.bottom;
+        setAll$1(outerContainer.element, {
+          position: 'absolute',
+          top: Math.round(top) + 'px',
+          left: Math.round(targetBounds.x) + 'px'
+        });
+      };
+      var repositionPopups$1 = function () {
+        uiMothership.broadcastOn([repositionPopups()], {});
+      };
+      var updateChromeUi = function (resetDocking) {
+        if (resetDocking === void 0) {
+          resetDocking = false;
+        }
+        if (!isVisible()) {
+          return;
+        }
+        if (!useFixedToolbarContainer) {
+          updateChromeWidth();
+        }
+        if (isSplitToolbar) {
+          OuterContainer.refreshToolbar(outerContainer);
+        }
+        if (!useFixedToolbarContainer) {
+          updateChromePosition();
+        }
+        if (isSticky) {
+          var floatContainerComp = floatContainer.get();
+          resetDocking ? Docking.reset(floatContainerComp) : Docking.refresh(floatContainerComp);
+        }
+        repositionPopups$1();
+      };
+      var updateMode = function (updateUi) {
+        if (updateUi === void 0) {
+          updateUi = true;
+        }
+        if (useFixedToolbarContainer || !isSticky || !isVisible()) {
+          return;
+        }
+        var currentMode = headerBackstage.getDockingMode();
+        var newMode = calcMode(floatContainer.get());
+        if (newMode !== currentMode) {
+          setupMode(newMode);
+          if (updateUi) {
+            updateChromeUi(true);
+          }
+        }
+      };
+      var show = function () {
+        visible.set(true);
+        set$2(outerContainer.element, 'display', 'flex');
+        DOM.addClass(editor.getBody(), 'mce-edit-focus');
+        remove$6(uiMothership.element, 'display');
+        updateMode(false);
+        updateChromeUi();
+      };
+      var hide = function () {
+        visible.set(false);
+        if (uiComponents.outerContainer) {
+          set$2(outerContainer.element, 'display', 'none');
+          DOM.removeClass(editor.getBody(), 'mce-edit-focus');
+        }
+        set$2(uiMothership.element, 'display', 'none');
+      };
+      return {
+        isVisible: isVisible,
+        isPositionedAtTop: isPositionedAtTop,
+        show: show,
+        hide: hide,
+        update: updateChromeUi,
+        updateMode: updateMode,
+        repositionPopups: repositionPopups$1
+      };
+    };
+
+    var getTargetPosAndBounds = function (targetElm, isToolbarTop) {
+      var bounds = box(targetElm);
+      return {
+        pos: isToolbarTop ? bounds.y : bounds.bottom,
+        bounds: bounds
+      };
+    };
+    var setupEvents$1 = function (editor, targetElm, ui, toolbarPersist) {
+      var prevPosAndBounds = Cell(getTargetPosAndBounds(targetElm, ui.isPositionedAtTop()));
+      var resizeContent = function (e) {
+        var _a = getTargetPosAndBounds(targetElm, ui.isPositionedAtTop()), pos = _a.pos, bounds = _a.bounds;
+        var _b = prevPosAndBounds.get(), prevPos = _b.pos, prevBounds = _b.bounds;
+        var hasResized = bounds.height !== prevBounds.height || bounds.width !== prevBounds.width;
+        prevPosAndBounds.set({
+          pos: pos,
+          bounds: bounds
+        });
+        if (hasResized) {
+          fireResizeContent(editor, e);
+        }
+        if (ui.isVisible()) {
+          if (prevPos !== pos) {
+            ui.update(true);
+          } else if (hasResized) {
+            ui.updateMode();
+            ui.repositionPopups();
+          }
+        }
+      };
+      if (!toolbarPersist) {
+        editor.on('activate', ui.show);
+        editor.on('deactivate', ui.hide);
+      }
+      editor.on('SkinLoaded ResizeWindow', function () {
+        return ui.update(true);
+      });
+      editor.on('NodeChange keydown', function (e) {
+        global$2.requestAnimationFrame(function () {
+          return resizeContent(e);
+        });
+      });
+      editor.on('ScrollWindow', function () {
+        return ui.updateMode();
+      });
+      var elementLoad = unbindable();
+      elementLoad.set(capture$1(SugarElement.fromDom(editor.getBody()), 'load', resizeContent));
+      editor.on('remove', function () {
+        elementLoad.clear();
+      });
+    };
+    var render$2 = function (editor, uiComponents, rawUiConfig, backstage, args) {
+      var mothership = uiComponents.mothership, uiMothership = uiComponents.uiMothership, outerContainer = uiComponents.outerContainer;
+      var floatContainer = Cell(null);
+      var targetElm = SugarElement.fromDom(args.targetNode);
+      var ui = InlineHeader(editor, targetElm, uiComponents, backstage, floatContainer);
+      var toolbarPersist = isToolbarPersist(editor);
+      inline(editor);
+      var render = function () {
+        if (floatContainer.get()) {
+          ui.show();
+          return;
+        }
+        floatContainer.set(OuterContainer.getHeader(outerContainer).getOrDie());
+        var uiContainer = getUiContainer(editor);
+        attachSystem(uiContainer, mothership);
+        attachSystem(uiContainer, uiMothership);
+        setToolbar(editor, uiComponents, rawUiConfig, backstage);
+        OuterContainer.setMenubar(outerContainer, identifyMenus(editor, rawUiConfig));
+        ui.show();
+        setupEvents$1(editor, targetElm, ui, toolbarPersist);
+        editor.nodeChanged();
+      };
+      editor.on('show', render);
+      editor.on('hide', ui.hide);
+      if (!toolbarPersist) {
+        editor.on('focus', render);
+        editor.on('blur', ui.hide);
+      }
+      editor.on('init', function () {
+        if (editor.hasFocus() || toolbarPersist) {
+          render();
+        }
+      });
+      setupReadonlyModeSwitch(editor, uiComponents);
+      var api = {
+        show: function () {
+          ui.show();
+        },
+        hide: function () {
+          ui.hide();
+        },
+        enable: function () {
+          broadcastReadonly(uiComponents, false);
+        },
+        disable: function () {
+          broadcastReadonly(uiComponents, true);
+        },
+        isDisabled: function () {
+          return Disabling.isDisabled(outerContainer);
+        }
+      };
+      return {
+        editorContainer: outerContainer.element.dom,
+        api: api
+      };
+    };
+
+    var Inline = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        render: render$2
+    });
+
+    var register$5 = function (editor) {
+      var alignToolbarButtons = [
+        {
+          name: 'alignleft',
+          text: 'Align left',
+          cmd: 'JustifyLeft',
+          icon: 'align-left'
+        },
+        {
+          name: 'aligncenter',
+          text: 'Align center',
+          cmd: 'JustifyCenter',
+          icon: 'align-center'
+        },
+        {
+          name: 'alignright',
+          text: 'Align right',
+          cmd: 'JustifyRight',
+          icon: 'align-right'
+        },
+        {
+          name: 'alignjustify',
+          text: 'Justify',
+          cmd: 'JustifyFull',
+          icon: 'align-justify'
+        }
+      ];
+      global$c.each(alignToolbarButtons, function (item) {
+        editor.ui.registry.addToggleButton(item.name, {
+          tooltip: item.text,
+          onAction: function () {
+            return editor.execCommand(item.cmd);
+          },
+          icon: item.icon,
+          onSetup: onSetupFormatToggle(editor, item.name)
+        });
+      });
+      var alignNoneToolbarButton = {
+        name: 'alignnone',
+        text: 'No alignment',
+        cmd: 'JustifyNone',
+        icon: 'align-none'
+      };
+      editor.ui.registry.addButton(alignNoneToolbarButton.name, {
+        tooltip: alignNoneToolbarButton.text,
+        onAction: function () {
+          return editor.execCommand(alignNoneToolbarButton.cmd);
+        },
+        icon: alignNoneToolbarButton.icon
+      });
+    };
+
+    var register$6 = function (editor, backstage) {
+      alignSelectMenu(editor, backstage);
+      fontSelectMenu(editor, backstage);
+      styleSelectMenu(editor, backstage);
+      formatSelectMenu(editor, backstage);
+      fontsizeSelectMenu(editor, backstage);
+    };
+
+    var toggleOutdentState = function (api, editor) {
+      api.setDisabled(!editor.queryCommandState('outdent'));
+      var onNodeChange = function () {
+        api.setDisabled(!editor.queryCommandState('outdent'));
+      };
+      editor.on('NodeChange', onNodeChange);
+      return function () {
+        return editor.off('NodeChange', onNodeChange);
+      };
+    };
+    var registerButtons = function (editor) {
+      editor.ui.registry.addButton('outdent', {
+        tooltip: 'Decrease indent',
+        icon: 'outdent',
+        onSetup: function (api) {
+          return toggleOutdentState(api, editor);
+        },
+        onAction: function () {
+          return editor.execCommand('outdent');
+        }
+      });
+      editor.ui.registry.addButton('indent', {
+        tooltip: 'Increase indent',
+        icon: 'indent',
+        onAction: function () {
+          return editor.execCommand('indent');
+        }
+      });
+    };
+    var register$7 = function (editor) {
+      registerButtons(editor);
+    };
+
+    var toggleFormat = function (editor, fmt) {
+      return function () {
+        editor.execCommand('mceToggleFormat', false, fmt);
+      };
+    };
+    var registerFormatButtons = function (editor) {
+      global$c.each([
+        {
+          name: 'bold',
+          text: 'Bold',
+          icon: 'bold'
+        },
+        {
+          name: 'italic',
+          text: 'Italic',
+          icon: 'italic'
+        },
+        {
+          name: 'underline',
+          text: 'Underline',
+          icon: 'underline'
+        },
+        {
+          name: 'strikethrough',
+          text: 'Strikethrough',
+          icon: 'strike-through'
+        },
+        {
+          name: 'subscript',
+          text: 'Subscript',
+          icon: 'subscript'
+        },
+        {
+          name: 'superscript',
+          text: 'Superscript',
+          icon: 'superscript'
+        }
+      ], function (btn, _idx) {
+        editor.ui.registry.addToggleButton(btn.name, {
+          tooltip: btn.text,
+          icon: btn.icon,
+          onSetup: onSetupFormatToggle(editor, btn.name),
+          onAction: toggleFormat(editor, btn.name)
+        });
+      });
+      for (var i = 1; i <= 6; i++) {
+        var name_1 = 'h' + i;
+        editor.ui.registry.addToggleButton(name_1, {
+          text: name_1.toUpperCase(),
+          tooltip: 'Heading ' + i,
+          onSetup: onSetupFormatToggle(editor, name_1),
+          onAction: toggleFormat(editor, name_1)
+        });
+      }
+    };
+    var registerCommandButtons = function (editor) {
+      global$c.each([
+        {
+          name: 'cut',
+          text: 'Cut',
+          action: 'Cut',
+          icon: 'cut'
+        },
+        {
+          name: 'copy',
+          text: 'Copy',
+          action: 'Copy',
+          icon: 'copy'
+        },
+        {
+          name: 'paste',
+          text: 'Paste',
+          action: 'Paste',
+          icon: 'paste'
+        },
+        {
+          name: 'help',
+          text: 'Help',
+          action: 'mceHelp',
+          icon: 'help'
+        },
+        {
+          name: 'selectall',
+          text: 'Select all',
+          action: 'SelectAll',
+          icon: 'select-all'
+        },
+        {
+          name: 'newdocument',
+          text: 'New document',
+          action: 'mceNewDocument',
+          icon: 'new-document'
+        },
+        {
+          name: 'removeformat',
+          text: 'Clear formatting',
+          action: 'RemoveFormat',
+          icon: 'remove-formatting'
+        },
+        {
+          name: 'remove',
+          text: 'Remove',
+          action: 'Delete',
+          icon: 'remove'
+        }
+      ], function (btn) {
+        editor.ui.registry.addButton(btn.name, {
+          tooltip: btn.text,
+          icon: btn.icon,
+          onAction: function () {
+            return editor.execCommand(btn.action);
+          }
+        });
+      });
+    };
+    var registerCommandToggleButtons = function (editor) {
+      global$c.each([{
+          name: 'blockquote',
+          text: 'Blockquote',
+          action: 'mceBlockQuote',
+          icon: 'quote'
+        }], function (btn) {
+        editor.ui.registry.addToggleButton(btn.name, {
+          tooltip: btn.text,
+          icon: btn.icon,
+          onAction: function () {
+            return editor.execCommand(btn.action);
+          },
+          onSetup: onSetupFormatToggle(editor, btn.name)
+        });
+      });
+    };
+    var registerButtons$1 = function (editor) {
+      registerFormatButtons(editor);
+      registerCommandButtons(editor);
+      registerCommandToggleButtons(editor);
+    };
+    var registerMenuItems = function (editor) {
+      global$c.each([
+        {
+          name: 'bold',
+          text: 'Bold',
+          action: 'Bold',
+          icon: 'bold',
+          shortcut: 'Meta+B'
+        },
+        {
+          name: 'italic',
+          text: 'Italic',
+          action: 'Italic',
+          icon: 'italic',
+          shortcut: 'Meta+I'
+        },
+        {
+          name: 'underline',
+          text: 'Underline',
+          action: 'Underline',
+          icon: 'underline',
+          shortcut: 'Meta+U'
+        },
+        {
+          name: 'strikethrough',
+          text: 'Strikethrough',
+          action: 'Strikethrough',
+          icon: 'strike-through',
+          shortcut: ''
+        },
+        {
+          name: 'subscript',
+          text: 'Subscript',
+          action: 'Subscript',
+          icon: 'subscript',
+          shortcut: ''
+        },
+        {
+          name: 'superscript',
+          text: 'Superscript',
+          action: 'Superscript',
+          icon: 'superscript',
+          shortcut: ''
+        },
+        {
+          name: 'removeformat',
+          text: 'Clear formatting',
+          action: 'RemoveFormat',
+          icon: 'remove-formatting',
+          shortcut: ''
+        },
+        {
+          name: 'newdocument',
+          text: 'New document',
+          action: 'mceNewDocument',
+          icon: 'new-document',
+          shortcut: ''
+        },
+        {
+          name: 'cut',
+          text: 'Cut',
+          action: 'Cut',
+          icon: 'cut',
+          shortcut: 'Meta+X'
+        },
+        {
+          name: 'copy',
+          text: 'Copy',
+          action: 'Copy',
+          icon: 'copy',
+          shortcut: 'Meta+C'
+        },
+        {
+          name: 'paste',
+          text: 'Paste',
+          action: 'Paste',
+          icon: 'paste',
+          shortcut: 'Meta+V'
+        },
+        {
+          name: 'selectall',
+          text: 'Select all',
+          action: 'SelectAll',
+          icon: 'select-all',
+          shortcut: 'Meta+A'
+        }
+      ], function (btn) {
+        editor.ui.registry.addMenuItem(btn.name, {
+          text: btn.text,
+          icon: btn.icon,
+          shortcut: btn.shortcut,
+          onAction: function () {
+            return editor.execCommand(btn.action);
+          }
+        });
+      });
+      editor.ui.registry.addMenuItem('codeformat', {
+        text: 'Code',
+        icon: 'sourcecode',
+        onAction: toggleFormat(editor, 'code')
+      });
+    };
+    var register$8 = function (editor) {
+      registerButtons$1(editor);
+      registerMenuItems(editor);
+    };
+
+    var toggleUndoRedoState = function (api, editor, type) {
+      var checkState = function () {
+        return editor.undoManager ? editor.undoManager[type]() : false;
+      };
+      var onUndoStateChange = function () {
+        api.setDisabled(editor.mode.isReadOnly() || !checkState());
+      };
+      api.setDisabled(!checkState());
+      editor.on('Undo Redo AddUndo TypingUndo ClearUndos SwitchMode', onUndoStateChange);
+      return function () {
+        return editor.off('Undo Redo AddUndo TypingUndo ClearUndos SwitchMode', onUndoStateChange);
+      };
+    };
+    var registerMenuItems$1 = function (editor) {
+      editor.ui.registry.addMenuItem('undo', {
+        text: 'Undo',
+        icon: 'undo',
+        shortcut: 'Meta+Z',
+        onSetup: function (api) {
+          return toggleUndoRedoState(api, editor, 'hasUndo');
+        },
+        onAction: function () {
+          return editor.execCommand('undo');
+        }
+      });
+      editor.ui.registry.addMenuItem('redo', {
+        text: 'Redo',
+        icon: 'redo',
+        shortcut: 'Meta+Y',
+        onSetup: function (api) {
+          return toggleUndoRedoState(api, editor, 'hasRedo');
+        },
+        onAction: function () {
+          return editor.execCommand('redo');
+        }
+      });
+    };
+    var registerButtons$2 = function (editor) {
+      editor.ui.registry.addButton('undo', {
+        tooltip: 'Undo',
+        icon: 'undo',
+        onSetup: function (api) {
+          return toggleUndoRedoState(api, editor, 'hasUndo');
+        },
+        onAction: function () {
+          return editor.execCommand('undo');
+        }
+      });
+      editor.ui.registry.addButton('redo', {
+        tooltip: 'Redo',
+        icon: 'redo',
+        onSetup: function (api) {
+          return toggleUndoRedoState(api, editor, 'hasRedo');
+        },
+        onAction: function () {
+          return editor.execCommand('redo');
+        }
+      });
+    };
+    var register$9 = function (editor) {
+      registerMenuItems$1(editor);
+      registerButtons$2(editor);
+    };
+
+    var toggleVisualAidState = function (api, editor) {
+      api.setActive(editor.hasVisual);
+      var onVisualAid = function (e) {
+        api.setActive(e.hasVisual);
+      };
+      editor.on('VisualAid', onVisualAid);
+      return function () {
+        return editor.off('VisualAid', onVisualAid);
+      };
+    };
+    var registerMenuItems$2 = function (editor) {
+      editor.ui.registry.addToggleMenuItem('visualaid', {
+        text: 'Visual aids',
+        onSetup: function (api) {
+          return toggleVisualAidState(api, editor);
+        },
+        onAction: function () {
+          editor.execCommand('mceToggleVisualAid');
+        }
+      });
+    };
+    var registerToolbarButton = function (editor) {
+      editor.ui.registry.addButton('visualaid', {
+        tooltip: 'Visual aids',
+        text: 'Visual aids',
+        onAction: function () {
+          return editor.execCommand('mceToggleVisualAid');
+        }
+      });
+    };
+    var register$a = function (editor) {
+      registerToolbarButton(editor);
+      registerMenuItems$2(editor);
+    };
+
+    var units = {
+      unsupportedLength: [
+        'em',
+        'ex',
+        'cap',
+        'ch',
+        'ic',
+        'rem',
+        'lh',
+        'rlh',
+        'vw',
+        'vh',
+        'vi',
+        'vb',
+        'vmin',
+        'vmax',
+        'cm',
+        'mm',
+        'Q',
+        'in',
+        'pc',
+        'pt',
+        'px'
+      ],
+      fixed: [
+        'px',
+        'pt'
+      ],
+      relative: ['%'],
+      empty: ['']
+    };
+    var pattern = function () {
+      var decimalDigits = '[0-9]+';
+      var signedInteger = '[+-]?' + decimalDigits;
+      var exponentPart = '[eE]' + signedInteger;
+      var dot = '\\.';
+      var opt = function (input) {
+        return '(?:' + input + ')?';
+      };
+      var unsignedDecimalLiteral = [
+        'Infinity',
+        decimalDigits + dot + opt(decimalDigits) + opt(exponentPart),
+        dot + decimalDigits + opt(exponentPart),
+        decimalDigits + opt(exponentPart)
+      ].join('|');
+      var float = '[+-]?(?:' + unsignedDecimalLiteral + ')';
+      return new RegExp('^(' + float + ')(.*)$');
+    }();
+    var isUnit = function (unit, accepted) {
+      return exists(accepted, function (acc) {
+        return exists(units[acc], function (check) {
+          return unit === check;
+        });
+      });
+    };
+    var parse = function (input, accepted) {
+      var match = Optional.from(pattern.exec(input));
+      return match.bind(function (array) {
+        var value = Number(array[1]);
+        var unitRaw = array[2];
+        if (isUnit(unitRaw, accepted)) {
+          return Optional.some({
+            value: value,
+            unit: unitRaw
+          });
+        } else {
+          return Optional.none();
+        }
+      });
+    };
+    var normalise = function (input, accepted) {
+      return parse(input, accepted).map(function (_a) {
+        var value = _a.value, unit = _a.unit;
+        return value + unit;
+      });
+    };
+
+    var normaliseLineHeight = function (input) {
+      return normalise(input, [
+        'fixed',
+        'relative',
+        'empty'
+      ]).getOr(input);
+    };
+    var getLineHeights = function (editor) {
+      var options = getLineHeightFormats(editor);
+      var apis = new Map();
+      var lastApi = destroyable();
+      var callback = function () {
+        var current = normaliseLineHeight(editor.queryCommandValue('LineHeight'));
+        Optional.from(apis.get(current)).fold(function () {
+          return lastApi.clear();
+        }, function (api) {
+          lastApi.set({
+            destroy: function () {
+              api.setActive(false);
+            }
+          });
+          api.setActive(true);
+        });
+      };
+      editor.on('nodeChange', callback);
+      return map(options, function (value, i) {
+        return {
+          type: 'togglemenuitem',
+          text: value,
+          onSetup: function (api) {
+            apis.set(normaliseLineHeight(value), api);
+            if (i + 1 === options.length) {
+              callback();
+            }
+            return function () {
+              if (i === 0) {
+                editor.off('nodeChange', callback);
+                lastApi.clear();
+              }
+            };
+          },
+          onAction: function () {
+            return editor.execCommand('LineHeight', false, value);
+          }
+        };
+      });
+    };
+    var registerMenuItems$3 = function (editor) {
+      editor.ui.registry.addNestedMenuItem('lineheight', {
+        type: 'nestedmenuitem',
+        text: 'Line height',
+        getSubmenuItems: function () {
+          return getLineHeights(editor);
+        }
+      });
+    };
+    var registerButtons$3 = function (editor) {
+      editor.ui.registry.addMenuButton('lineheight', {
+        tooltip: 'Line height',
+        icon: 'line-height',
+        fetch: function (callback) {
+          return callback(getLineHeights(editor));
+        }
+      });
+    };
+    var register$b = function (editor) {
+      registerMenuItems$3(editor);
+      registerButtons$3(editor);
+    };
+
+    var setup$8 = function (editor, backstage) {
+      register$5(editor);
+      register$8(editor);
+      register$6(editor, backstage);
+      register$9(editor);
+      register$1(editor);
+      register$a(editor);
+      register$7(editor);
+      register$b(editor);
+    };
+
+    var nu$d = function (x, y) {
+      return {
+        anchor: 'makeshift',
+        x: x,
+        y: y
+      };
+    };
+    var transpose$1 = function (pos, dx, dy) {
+      return nu$d(pos.x + dx, pos.y + dy);
+    };
+    var isTouchEvent$1 = function (e) {
+      return e.type === 'longpress' || e.type.indexOf('touch') === 0;
+    };
+    var fromPageXY = function (e) {
+      if (isTouchEvent$1(e)) {
+        var touch = e.touches[0];
+        return nu$d(touch.pageX, touch.pageY);
+      } else {
+        return nu$d(e.pageX, e.pageY);
+      }
+    };
+    var fromClientXY = function (e) {
+      if (isTouchEvent$1(e)) {
+        var touch = e.touches[0];
+        return nu$d(touch.clientX, touch.clientY);
+      } else {
+        return nu$d(e.clientX, e.clientY);
+      }
+    };
+    var transposeContentAreaContainer = function (element, pos) {
+      var containerPos = global$5.DOM.getPos(element);
+      return transpose$1(pos, containerPos.x, containerPos.y);
+    };
+    var getPointAnchor = function (editor, e) {
+      if (e.type === 'contextmenu' || e.type === 'longpress') {
+        if (editor.inline) {
+          return fromPageXY(e);
+        } else {
+          return transposeContentAreaContainer(editor.getContentAreaContainer(), fromClientXY(e));
+        }
+      } else {
+        return getSelectionAnchor(editor);
+      }
+    };
+    var getSelectionAnchor = function (editor) {
+      return {
+        anchor: 'selection',
+        root: SugarElement.fromDom(editor.selection.getNode())
+      };
+    };
+    var getNodeAnchor$1 = function (editor) {
+      return {
+        anchor: 'node',
+        node: Optional.some(SugarElement.fromDom(editor.selection.getNode())),
+        root: SugarElement.fromDom(editor.getBody())
+      };
+    };
+
+    var initAndShow = function (editor, e, buildMenu, backstage, contextmenu, useNodeAnchor) {
+      var items = buildMenu();
+      var anchorSpec = useNodeAnchor ? getNodeAnchor$1(editor) : getPointAnchor(editor, e);
+      build$2(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, false).map(function (menuData) {
+        e.preventDefault();
+        InlineView.showMenuAt(contextmenu, anchorSpec, {
+          menu: { markers: markers$1('normal') },
+          data: menuData
+        });
+      });
+    };
+
+    var layouts = {
+      onLtr: function () {
+        return [
+          south$1,
+          southeast$1,
+          southwest$1,
+          northeast$1,
+          northwest$1,
+          north$1,
+          north$3,
+          south$3,
+          northeast$3,
+          southeast$3,
+          northwest$3,
+          southwest$3
+        ];
+      },
+      onRtl: function () {
+        return [
+          south$1,
+          southwest$1,
+          southeast$1,
+          northwest$1,
+          northeast$1,
+          north$1,
+          north$3,
+          south$3,
+          northwest$3,
+          southwest$3,
+          northeast$3,
+          southeast$3
+        ];
+      }
+    };
+    var bubbleSize$1 = 12;
+    var bubbleAlignments$2 = {
+      valignCentre: [],
+      alignCentre: [],
+      alignLeft: ['tox-pop--align-left'],
+      alignRight: ['tox-pop--align-right'],
+      right: ['tox-pop--right'],
+      left: ['tox-pop--left'],
+      bottom: ['tox-pop--bottom'],
+      top: ['tox-pop--top']
+    };
+    var isTouchWithinSelection = function (editor, e) {
+      var selection = editor.selection;
+      if (selection.isCollapsed() || e.touches.length < 1) {
+        return false;
+      } else {
+        var touch_1 = e.touches[0];
+        var rng = selection.getRng();
+        var rngRectOpt = getFirstRect$1(editor.getWin(), SimSelection.domRange(rng));
+        return rngRectOpt.exists(function (rngRect) {
+          return rngRect.left <= touch_1.clientX && rngRect.right >= touch_1.clientX && rngRect.top <= touch_1.clientY && rngRect.bottom >= touch_1.clientY;
+        });
+      }
+    };
+    var getPointAnchorSpec = function (editor, e) {
+      return __assign({
+        bubble: nu$8(0, bubbleSize$1, bubbleAlignments$2),
+        layouts: layouts,
+        overrides: {
+          maxWidthFunction: expandable$1(),
+          maxHeightFunction: expandable()
+        }
+      }, getPointAnchor(editor, e));
+    };
+    var setupiOSOverrides = function (editor) {
+      var originalSelection = editor.selection.getRng();
+      var selectionReset = function () {
+        global$2.setEditorTimeout(editor, function () {
+          editor.selection.setRng(originalSelection);
+        }, 10);
+        unbindEventListeners();
+      };
+      editor.once('touchend', selectionReset);
+      var preventMousedown = function (e) {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+      };
+      editor.on('mousedown', preventMousedown, true);
+      var clearSelectionReset = function () {
+        return unbindEventListeners();
+      };
+      editor.once('longpresscancel', clearSelectionReset);
+      var unbindEventListeners = function () {
+        editor.off('touchend', selectionReset);
+        editor.off('longpresscancel', clearSelectionReset);
+        editor.off('mousedown', preventMousedown);
+      };
+    };
+    var show = function (editor, e, items, backstage, contextmenu, useNodeAnchor, highlightImmediately) {
+      var anchorSpec = useNodeAnchor ? getNodeAnchor$1(editor) : getPointAnchorSpec(editor, e);
+      build$2(items, ItemResponse$1.CLOSE_ON_EXECUTE, backstage, true).map(function (menuData) {
+        e.preventDefault();
+        InlineView.showMenuWithinBounds(contextmenu, anchorSpec, {
+          menu: {
+            markers: markers$1('normal'),
+            highlightImmediately: highlightImmediately
+          },
+          data: menuData,
+          type: 'horizontal'
+        }, function () {
+          return Optional.some(getContextToolbarBounds(editor, backstage.shared));
+        });
+        editor.fire(hideContextToolbarEvent);
+      });
+    };
+    var initAndShow$1 = function (editor, e, buildMenu, backstage, contextmenu, useNodeAnchor) {
+      var detection = detect$3();
+      var isiOS = detection.os.isiOS();
+      var isOSX = detection.os.isOSX();
+      var isAndroid = detection.os.isAndroid();
+      var isTouch = detection.deviceType.isTouch();
+      var shouldHighlightImmediately = function () {
+        return !(isAndroid || isiOS || isOSX && isTouch);
+      };
+      var open = function () {
+        var items = buildMenu();
+        show(editor, e, items, backstage, contextmenu, useNodeAnchor, shouldHighlightImmediately());
+      };
+      if ((isOSX || isiOS) && !useNodeAnchor) {
+        var openiOS_1 = function () {
+          setupiOSOverrides(editor);
+          open();
+        };
+        if (isTouchWithinSelection(editor, e)) {
+          openiOS_1();
+        } else {
+          editor.once('selectionchange', openiOS_1);
+          editor.once('touchend', function () {
+            return editor.off('selectionchange', openiOS_1);
+          });
+        }
+      } else {
+        if (isAndroid && !useNodeAnchor) {
+          editor.selection.setCursorLocation(e.target, 0);
+        }
+        open();
+      }
+    };
+
+    var patchPipeConfig = function (config) {
+      return typeof config === 'string' ? config.split(/[ ,]/) : config;
+    };
+    var shouldNeverUseNative = function (editor) {
+      return editor.getParam('contextmenu_never_use_native', false, 'boolean');
+    };
+    var getMenuItems = function (editor, name, defaultItems) {
+      var contextMenus = editor.ui.registry.getAll().contextMenus;
+      return Optional.from(editor.getParam(name)).map(patchPipeConfig).getOrThunk(function () {
+        return filter(patchPipeConfig(defaultItems), function (item) {
+          return has(contextMenus, item);
+        });
+      });
+    };
+    var isContextMenuDisabled = function (editor) {
+      return editor.getParam('contextmenu') === false;
+    };
+    var getContextMenu = function (editor) {
+      return getMenuItems(editor, 'contextmenu', 'link linkchecker image imagetools table spellchecker configurepermanentpen');
+    };
+    var getAvoidOverlapSelector = function (editor) {
+      return editor.getParam('contextmenu_avoid_overlap', '', 'string');
+    };
+
+    var isSeparator$1 = function (item) {
+      return isString(item) ? item === '|' : item.type === 'separator';
+    };
+    var separator$3 = { type: 'separator' };
+    var makeContextItem = function (item) {
+      if (isString(item)) {
+        return item;
+      } else {
+        switch (item.type) {
+        case 'separator':
+          return separator$3;
+        case 'submenu':
+          return {
+            type: 'nestedmenuitem',
+            text: item.text,
+            icon: item.icon,
+            getSubmenuItems: function () {
+              var items = item.getSubmenuItems();
+              if (isString(items)) {
+                return items;
+              } else {
+                return map(items, makeContextItem);
+              }
+            }
+          };
+        default:
+          return {
+            type: 'menuitem',
+            text: item.text,
+            icon: item.icon,
+            onAction: noarg(item.onAction)
+          };
+        }
+      }
+    };
+    var addContextMenuGroup = function (xs, groupItems) {
+      if (groupItems.length === 0) {
+        return xs;
+      }
+      var lastMenuItem = last(xs).filter(function (item) {
+        return !isSeparator$1(item);
+      });
+      var before = lastMenuItem.fold(function () {
+        return [];
+      }, function (_) {
+        return [separator$3];
+      });
+      return xs.concat(before).concat(groupItems).concat([separator$3]);
+    };
+    var generateContextMenu = function (contextMenus, menuConfig, selectedElement) {
+      var sections = foldl(menuConfig, function (acc, name) {
+        if (has(contextMenus, name)) {
+          var items = contextMenus[name].update(selectedElement);
+          if (isString(items)) {
+            return addContextMenuGroup(acc, items.split(' '));
+          } else if (items.length > 0) {
+            var allItems = map(items, makeContextItem);
+            return addContextMenuGroup(acc, allItems);
+          } else {
+            return acc;
+          }
+        } else {
+          return acc.concat([name]);
+        }
+      }, []);
+      if (sections.length > 0 && isSeparator$1(sections[sections.length - 1])) {
+        sections.pop();
+      }
+      return sections;
+    };
+    var isNativeOverrideKeyEvent = function (editor, e) {
+      return e.ctrlKey && !shouldNeverUseNative(editor);
+    };
+    var isTriggeredByKeyboard = function (editor, e) {
+      return e.type !== 'longpress' && (e.button !== 2 || e.target === editor.getBody() && e.pointerType === '');
+    };
+    var getSelectedElement = function (editor, e) {
+      return isTriggeredByKeyboard(editor, e) ? editor.selection.getStart(true) : e.target;
+    };
+    var shouldUseNodeAnchor = function (editor, e) {
+      var selector = getAvoidOverlapSelector(editor);
+      if (isTriggeredByKeyboard(editor, e)) {
+        return true;
+      } else if (selector) {
+        var target = getSelectedElement(editor, e);
+        return closest$4(SugarElement.fromDom(target), selector);
+      } else {
+        return false;
+      }
+    };
+    var setup$9 = function (editor, lazySink, backstage) {
+      var detection = detect$3();
+      var isTouch = detection.deviceType.isTouch;
+      var contextmenu = build$1(InlineView.sketch({
+        dom: { tag: 'div' },
+        lazySink: lazySink,
+        onEscape: function () {
+          return editor.focus();
+        },
+        onShow: function () {
+          return backstage.setContextMenuState(true);
+        },
+        onHide: function () {
+          return backstage.setContextMenuState(false);
+        },
+        fireDismissalEventInstead: {},
+        inlineBehaviours: derive$1([config('dismissContextMenu', [run(dismissRequested(), function (comp, _se) {
+              Sandboxing.close(comp);
+              editor.focus();
+            })])])
+      }));
+      var hideContextMenu = function (_e) {
+        return InlineView.hide(contextmenu);
+      };
+      var showContextMenu = function (e) {
+        if (shouldNeverUseNative(editor)) {
+          e.preventDefault();
+        }
+        if (isNativeOverrideKeyEvent(editor, e) || isContextMenuDisabled(editor)) {
+          return;
+        }
+        var useNodeAnchor = shouldUseNodeAnchor(editor, e);
+        var buildMenu = function () {
+          var selectedElement = getSelectedElement(editor, e);
+          var registry = editor.ui.registry.getAll();
+          var menuConfig = getContextMenu(editor);
+          return generateContextMenu(registry.contextMenus, menuConfig, selectedElement);
+        };
+        var initAndShow$2 = isTouch() ? initAndShow$1 : initAndShow;
+        initAndShow$2(editor, e, buildMenu, backstage, contextmenu, useNodeAnchor);
+      };
+      editor.on('init', function () {
+        var hideEvents = 'ResizeEditor ScrollContent ScrollWindow longpresscancel' + (isTouch() ? '' : ' ResizeWindow');
+        editor.on(hideEvents, hideContextMenu);
+        editor.on('longpress contextmenu', showContextMenu);
+      });
+    };
+
+    var adt$c = Adt.generate([
+      {
+        offset: [
+          'x',
+          'y'
+        ]
+      },
+      {
+        absolute: [
+          'x',
+          'y'
+        ]
+      },
+      {
+        fixed: [
+          'x',
+          'y'
+        ]
+      }
+    ]);
+    var subtract = function (change) {
+      return function (point) {
+        return point.translate(-change.left, -change.top);
+      };
+    };
+    var add$4 = function (change) {
+      return function (point) {
+        return point.translate(change.left, change.top);
+      };
+    };
+    var transform$1 = function (changes) {
+      return function (x, y) {
+        return foldl(changes, function (rest, f) {
+          return f(rest);
+        }, SugarPosition(x, y));
+      };
+    };
+    var asFixed = function (coord, scroll, origin) {
+      return coord.fold(transform$1([
+        add$4(origin),
+        subtract(scroll)
+      ]), transform$1([subtract(scroll)]), transform$1([]));
+    };
+    var asAbsolute = function (coord, scroll, origin) {
+      return coord.fold(transform$1([add$4(origin)]), transform$1([]), transform$1([add$4(scroll)]));
+    };
+    var asOffset = function (coord, scroll, origin) {
+      return coord.fold(transform$1([]), transform$1([subtract(origin)]), transform$1([
+        add$4(scroll),
+        subtract(origin)
+      ]));
+    };
+    var withinRange = function (coord1, coord2, xRange, yRange, scroll, origin) {
+      var a1 = asAbsolute(coord1, scroll, origin);
+      var a2 = asAbsolute(coord2, scroll, origin);
+      return Math.abs(a1.left - a2.left) <= xRange && Math.abs(a1.top - a2.top) <= yRange;
+    };
+    var getDeltas = function (coord1, coord2, xRange, yRange, scroll, origin) {
+      var a1 = asAbsolute(coord1, scroll, origin);
+      var a2 = asAbsolute(coord2, scroll, origin);
+      var left = Math.abs(a1.left - a2.left);
+      var top = Math.abs(a1.top - a2.top);
+      return SugarPosition(left, top);
+    };
+    var toStyles = function (coord, scroll, origin) {
+      var stylesOpt = coord.fold(function (x, y) {
+        return {
+          position: Optional.some('absolute'),
+          left: Optional.some(x + 'px'),
+          top: Optional.some(y + 'px')
+        };
+      }, function (x, y) {
+        return {
+          position: Optional.some('absolute'),
+          left: Optional.some(x - origin.left + 'px'),
+          top: Optional.some(y - origin.top + 'px')
+        };
+      }, function (x, y) {
+        return {
+          position: Optional.some('fixed'),
+          left: Optional.some(x + 'px'),
+          top: Optional.some(y + 'px')
+        };
+      });
+      return __assign({
+        right: Optional.none(),
+        bottom: Optional.none()
+      }, stylesOpt);
+    };
+    var translate$2 = function (coord, deltaX, deltaY) {
+      return coord.fold(function (x, y) {
+        return offset(x + deltaX, y + deltaY);
+      }, function (x, y) {
+        return absolute$3(x + deltaX, y + deltaY);
+      }, function (x, y) {
+        return fixed$1(x + deltaX, y + deltaY);
+      });
+    };
+    var absorb = function (partialCoord, originalCoord, scroll, origin) {
+      var absorbOne = function (stencil, nu) {
+        return function (optX, optY) {
+          var original = stencil(originalCoord, scroll, origin);
+          return nu(optX.getOr(original.left), optY.getOr(original.top));
+        };
+      };
+      return partialCoord.fold(absorbOne(asOffset, offset), absorbOne(asAbsolute, absolute$3), absorbOne(asFixed, fixed$1));
+    };
+    var offset = adt$c.offset;
+    var absolute$3 = adt$c.absolute;
+    var fixed$1 = adt$c.fixed;
+
+    var parseAttrToInt = function (element, name) {
+      var value = get$3(element, name);
+      return isUndefined(value) ? NaN : parseInt(value, 10);
+    };
+    var get$f = function (component, snapsInfo) {
+      var element = component.element;
+      var x = parseAttrToInt(element, snapsInfo.leftAttr);
+      var y = parseAttrToInt(element, snapsInfo.topAttr);
+      return isNaN(x) || isNaN(y) ? Optional.none() : Optional.some(SugarPosition(x, y));
+    };
+    var set$8 = function (component, snapsInfo, pt) {
+      var element = component.element;
+      set$1(element, snapsInfo.leftAttr, pt.left + 'px');
+      set$1(element, snapsInfo.topAttr, pt.top + 'px');
+    };
+    var clear = function (component, snapsInfo) {
+      var element = component.element;
+      remove$1(element, snapsInfo.leftAttr);
+      remove$1(element, snapsInfo.topAttr);
+    };
+
+    var getCoords = function (component, snapInfo, coord, delta) {
+      return get$f(component, snapInfo).fold(function () {
+        return coord;
+      }, function (fixed) {
+        return fixed$1(fixed.left + delta.left, fixed.top + delta.top);
+      });
+    };
+    var moveOrSnap = function (component, snapInfo, coord, delta, scroll, origin) {
+      var newCoord = getCoords(component, snapInfo, coord, delta);
+      var snap = snapInfo.mustSnap ? findClosestSnap(component, snapInfo, newCoord, scroll, origin) : findSnap(component, snapInfo, newCoord, scroll, origin);
+      var fixedCoord = asFixed(newCoord, scroll, origin);
+      set$8(component, snapInfo, fixedCoord);
+      return snap.fold(function () {
+        return {
+          coord: fixed$1(fixedCoord.left, fixedCoord.top),
+          extra: Optional.none()
+        };
+      }, function (spanned) {
+        return {
+          coord: spanned.output,
+          extra: spanned.extra
+        };
+      });
+    };
+    var stopDrag = function (component, snapInfo) {
+      clear(component, snapInfo);
+    };
+    var findMatchingSnap = function (snaps, newCoord, scroll, origin) {
+      return findMap(snaps, function (snap) {
+        var sensor = snap.sensor;
+        var inRange = withinRange(newCoord, sensor, snap.range.left, snap.range.top, scroll, origin);
+        return inRange ? Optional.some({
+          output: absorb(snap.output, newCoord, scroll, origin),
+          extra: snap.extra
+        }) : Optional.none();
+      });
+    };
+    var findClosestSnap = function (component, snapInfo, newCoord, scroll, origin) {
+      var snaps = snapInfo.getSnapPoints(component);
+      var matchSnap = findMatchingSnap(snaps, newCoord, scroll, origin);
+      return matchSnap.orThunk(function () {
+        var bestSnap = foldl(snaps, function (acc, snap) {
+          var sensor = snap.sensor;
+          var deltas = getDeltas(newCoord, sensor, snap.range.left, snap.range.top, scroll, origin);
+          return acc.deltas.fold(function () {
+            return {
+              deltas: Optional.some(deltas),
+              snap: Optional.some(snap)
+            };
+          }, function (bestDeltas) {
+            var currAvg = (deltas.left + deltas.top) / 2;
+            var bestAvg = (bestDeltas.left + bestDeltas.top) / 2;
+            if (currAvg <= bestAvg) {
+              return {
+                deltas: Optional.some(deltas),
+                snap: Optional.some(snap)
+              };
+            } else {
+              return acc;
+            }
+          });
+        }, {
+          deltas: Optional.none(),
+          snap: Optional.none()
+        });
+        return bestSnap.snap.map(function (snap) {
+          return {
+            output: absorb(snap.output, newCoord, scroll, origin),
+            extra: snap.extra
+          };
+        });
+      });
+    };
+    var findSnap = function (component, snapInfo, newCoord, scroll, origin) {
+      var snaps = snapInfo.getSnapPoints(component);
+      return findMatchingSnap(snaps, newCoord, scroll, origin);
+    };
+    var snapTo = function (snap, scroll, origin) {
+      return {
+        coord: absorb(snap.output, snap.output, scroll, origin),
+        extra: snap.extra
+      };
+    };
+
+    var snapTo$1 = function (component, dragConfig, _state, snap) {
+      var target = dragConfig.getTarget(component.element);
+      if (dragConfig.repositionTarget) {
+        var doc = owner(component.element);
+        var scroll_1 = get$9(doc);
+        var origin_1 = getOrigin(target);
+        var snapPin = snapTo(snap, scroll_1, origin_1);
+        var styles = toStyles(snapPin.coord, scroll_1, origin_1);
+        setOptions(target, styles);
+      }
+    };
+
+    var DraggingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        snapTo: snapTo$1
+    });
+
+    var initialAttribute = 'data-initial-z-index';
+    var resetZIndex = function (blocker) {
+      parent(blocker.element).filter(isElement).each(function (root) {
+        getOpt(root, initialAttribute).fold(function () {
+          return remove$6(root, 'z-index');
+        }, function (zIndex) {
+          return set$2(root, 'z-index', zIndex);
+        });
+        remove$1(root, initialAttribute);
+      });
+    };
+    var changeZIndex = function (blocker) {
+      parent(blocker.element).filter(isElement).each(function (root) {
+        getRaw(root, 'z-index').each(function (zindex) {
+          set$1(root, initialAttribute, zindex);
+        });
+        set$2(root, 'z-index', get$5(blocker.element, 'z-index'));
+      });
+    };
+    var instigate = function (anyComponent, blocker) {
+      anyComponent.getSystem().addToGui(blocker);
+      changeZIndex(blocker);
+    };
+    var discard = function (blocker) {
+      resetZIndex(blocker);
+      blocker.getSystem().removeFromGui(blocker);
+    };
+    var createComponent = function (component, blockerClass, blockerEvents) {
+      return component.getSystem().build(Container.sketch({
+        dom: {
+          styles: {
+            'left': '0px',
+            'top': '0px',
+            'width': '100%',
+            'height': '100%',
+            'position': 'fixed',
+            'z-index': '1000000000000000'
+          },
+          classes: [blockerClass]
+        },
+        events: blockerEvents
+      }));
+    };
+
+    var SnapSchema = optionObjOf('snaps', [
+      strict$1('getSnapPoints'),
+      onHandler('onSensor'),
+      strict$1('leftAttr'),
+      strict$1('topAttr'),
+      defaulted$1('lazyViewport', win),
+      defaulted$1('mustSnap', false)
+    ]);
+
+    var schema$t = [
+      defaulted$1('useFixed', never),
+      strict$1('blockerClass'),
+      defaulted$1('getTarget', identity),
+      defaulted$1('onDrag', noop),
+      defaulted$1('repositionTarget', true),
+      defaulted$1('onDrop', noop),
+      defaultedFunction('getBounds', win),
+      SnapSchema
+    ];
+
+    var getCurrentCoord = function (target) {
+      return lift3(getRaw(target, 'left'), getRaw(target, 'top'), getRaw(target, 'position'), function (left, top, position) {
+        var nu = position === 'fixed' ? fixed$1 : offset;
+        return nu(parseInt(left, 10), parseInt(top, 10));
+      }).getOrThunk(function () {
+        var location = absolute(target);
+        return absolute$3(location.left, location.top);
+      });
+    };
+    var clampCoords = function (component, coords, scroll, origin, startData) {
+      var bounds = startData.bounds;
+      var absoluteCoord = asAbsolute(coords, scroll, origin);
+      var newX = clamp(absoluteCoord.left, bounds.x, bounds.x + bounds.width - startData.width);
+      var newY = clamp(absoluteCoord.top, bounds.y, bounds.y + bounds.height - startData.height);
+      var newCoords = absolute$3(newX, newY);
+      return coords.fold(function () {
+        var offset$1 = asOffset(newCoords, scroll, origin);
+        return offset(offset$1.left, offset$1.top);
+      }, function () {
+        return newCoords;
+      }, function () {
+        var fixed = asFixed(newCoords, scroll, origin);
+        return fixed$1(fixed.left, fixed.top);
+      });
+    };
+    var calcNewCoord = function (component, optSnaps, currentCoord, scroll, origin, delta, startData) {
+      var newCoord = optSnaps.fold(function () {
+        var translated = translate$2(currentCoord, delta.left, delta.top);
+        var fixedCoord = asFixed(translated, scroll, origin);
+        return fixed$1(fixedCoord.left, fixedCoord.top);
+      }, function (snapInfo) {
+        var snapping = moveOrSnap(component, snapInfo, currentCoord, delta, scroll, origin);
+        snapping.extra.each(function (extra) {
+          snapInfo.onSensor(component, extra);
+        });
+        return snapping.coord;
+      });
+      return clampCoords(component, newCoord, scroll, origin, startData);
+    };
+    var dragBy = function (component, dragConfig, startData, delta) {
+      var target = dragConfig.getTarget(component.element);
+      if (dragConfig.repositionTarget) {
+        var doc = owner(component.element);
+        var scroll_1 = get$9(doc);
+        var origin_1 = getOrigin(target);
+        var currentCoord = getCurrentCoord(target);
+        var newCoord = calcNewCoord(component, dragConfig.snaps, currentCoord, scroll_1, origin_1, delta, startData);
+        var styles = toStyles(newCoord, scroll_1, origin_1);
+        setOptions(target, styles);
+      }
+      dragConfig.onDrag(component, target, delta);
+    };
+
+    var calcStartData = function (dragConfig, comp) {
+      return {
+        bounds: dragConfig.getBounds(),
+        height: getOuter$1(comp.element),
+        width: getOuter$2(comp.element)
+      };
+    };
+    var move$1 = function (component, dragConfig, dragState, dragMode, event) {
+      var delta = dragState.update(dragMode, event);
+      var dragStartData = dragState.getStartData().getOrThunk(function () {
+        return calcStartData(dragConfig, component);
+      });
+      delta.each(function (dlt) {
+        dragBy(component, dragConfig, dragStartData, dlt);
+      });
+    };
+    var stop = function (component, blocker, dragConfig, dragState) {
+      blocker.each(discard);
+      dragConfig.snaps.each(function (snapInfo) {
+        stopDrag(component, snapInfo);
+      });
+      var target = dragConfig.getTarget(component.element);
+      dragState.reset();
+      dragConfig.onDrop(component, target);
+    };
+    var handlers = function (events) {
+      return function (dragConfig, dragState) {
+        var updateStartState = function (comp) {
+          dragState.setStartData(calcStartData(dragConfig, comp));
+        };
+        return derive(__spreadArrays([run(windowScroll(), function (comp) {
+            dragState.getStartData().each(function () {
+              return updateStartState(comp);
+            });
+          })], events(dragConfig, dragState, updateStartState)));
+      };
+    };
+
+    var init$c = function (dragApi) {
+      return derive([
+        run(mousedown(), dragApi.forceDrop),
+        run(mouseup(), dragApi.drop),
+        run(mousemove(), function (comp, simulatedEvent) {
+          dragApi.move(simulatedEvent.event);
+        }),
+        run(mouseout(), dragApi.delayDrop)
+      ]);
+    };
+
+    var getData$1 = function (event) {
+      return Optional.from(SugarPosition(event.x, event.y));
+    };
+    var getDelta$1 = function (old, nu) {
+      return SugarPosition(nu.left - old.left, nu.top - old.top);
+    };
+
+    var MouseData = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        getData: getData$1,
+        getDelta: getDelta$1
+    });
+
+    var events$g = function (dragConfig, dragState, updateStartState) {
+      return [run(mousedown(), function (component, simulatedEvent) {
+          var raw = simulatedEvent.event.raw;
+          if (raw.button !== 0) {
+            return;
+          }
+          simulatedEvent.stop();
+          var stop$1 = function () {
+            return stop(component, Optional.some(blocker), dragConfig, dragState);
+          };
+          var delayDrop = DelayedFunction(stop$1, 200);
+          var dragApi = {
+            drop: stop$1,
+            delayDrop: delayDrop.schedule,
+            forceDrop: stop$1,
+            move: function (event) {
+              delayDrop.cancel();
+              move$1(component, dragConfig, dragState, MouseData, event);
+            }
+          };
+          var blocker = createComponent(component, dragConfig.blockerClass, init$c(dragApi));
+          var start = function () {
+            updateStartState(component);
+            instigate(component, blocker);
+          };
+          start();
+        })];
+    };
+    var schema$u = __spreadArrays(schema$t, [output('dragger', { handlers: handlers(events$g) })]);
+
+    var init$d = function (dragApi) {
+      return derive([
+        run(touchstart(), dragApi.forceDrop),
+        run(touchend(), dragApi.drop),
+        run(touchcancel(), dragApi.drop),
+        run(touchmove(), function (comp, simulatedEvent) {
+          dragApi.move(simulatedEvent.event);
+        })
+      ]);
+    };
+
+    var getDataFrom = function (touches) {
+      var touch = touches[0];
+      return Optional.some(SugarPosition(touch.clientX, touch.clientY));
+    };
+    var getData$2 = function (event) {
+      var raw = event.raw;
+      var touches = raw.touches;
+      return touches.length === 1 ? getDataFrom(touches) : Optional.none();
+    };
+    var getDelta$2 = function (old, nu) {
+      return SugarPosition(nu.left - old.left, nu.top - old.top);
+    };
+
+    var TouchData = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        getData: getData$2,
+        getDelta: getDelta$2
+    });
+
+    var events$h = function (dragConfig, dragState, updateStartState) {
+      var blockerCell = Cell(Optional.none());
+      return [
+        run(touchstart(), function (component, simulatedEvent) {
+          simulatedEvent.stop();
+          var stop$1 = function () {
+            stop(component, blockerCell.get(), dragConfig, dragState);
+            blockerCell.set(Optional.none());
+          };
+          var dragApi = {
+            drop: stop$1,
+            delayDrop: function () {
+            },
+            forceDrop: stop$1,
+            move: function (event) {
+              move$1(component, dragConfig, dragState, TouchData, event);
+            }
+          };
+          var blocker = createComponent(component, dragConfig.blockerClass, init$d(dragApi));
+          blockerCell.set(Optional.some(blocker));
+          var start = function () {
+            updateStartState(component);
+            instigate(component, blocker);
+          };
+          start();
+        }),
+        run(touchmove(), function (component, simulatedEvent) {
+          simulatedEvent.stop();
+          move$1(component, dragConfig, dragState, TouchData, simulatedEvent.event);
+        }),
+        run(touchend(), function (component, simulatedEvent) {
+          simulatedEvent.stop();
+          stop(component, blockerCell.get(), dragConfig, dragState);
+          blockerCell.set(Optional.none());
+        }),
+        run(touchcancel(), function (component) {
+          stop(component, blockerCell.get(), dragConfig, dragState);
+          blockerCell.set(Optional.none());
+        })
+      ];
+    };
+    var schema$v = __spreadArrays(schema$t, [output('dragger', { handlers: handlers(events$h) })]);
+
+    var events$i = function (dragConfig, dragState, updateStartState) {
+      return __spreadArrays(events$g(dragConfig, dragState, updateStartState), events$h(dragConfig, dragState, updateStartState));
+    };
+    var schema$w = __spreadArrays(schema$t, [output('dragger', { handlers: handlers(events$i) })]);
+
+    var mouse = schema$u;
+    var touch = schema$v;
+    var mouseOrTouch = schema$w;
+
+    var DraggingBranches = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        mouse: mouse,
+        touch: touch,
+        mouseOrTouch: mouseOrTouch
+    });
+
+    var init$e = function () {
+      var previous = Optional.none();
+      var startData = Optional.none();
+      var reset = function () {
+        previous = Optional.none();
+        startData = Optional.none();
+      };
+      var calculateDelta = function (mode, nu) {
+        var result = previous.map(function (old) {
+          return mode.getDelta(old, nu);
+        });
+        previous = Optional.some(nu);
+        return result;
+      };
+      var update = function (mode, dragEvent) {
+        return mode.getData(dragEvent).bind(function (nuData) {
+          return calculateDelta(mode, nuData);
+        });
+      };
+      var setStartData = function (data) {
+        startData = Optional.some(data);
+      };
+      var getStartData = function () {
+        return startData;
+      };
+      var readState = constant({});
+      return nu$5({
+        readState: readState,
+        reset: reset,
+        update: update,
+        getStartData: getStartData,
+        setStartData: setStartData
+      });
+    };
+
+    var DragState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$e
+    });
+
+    var Dragging = createModes$1({
+      branchKey: 'mode',
+      branches: DraggingBranches,
+      name: 'dragging',
+      active: {
+        events: function (dragConfig, dragState) {
+          var dragger = dragConfig.dragger;
+          return dragger.handlers(dragConfig, dragState);
+        }
+      },
+      extra: {
+        snap: function (sConfig) {
+          return {
+            sensor: sConfig.sensor,
+            range: sConfig.range,
+            output: sConfig.output,
+            extra: Optional.from(sConfig.extra)
+          };
+        }
+      },
+      state: DragState,
+      apis: DraggingApis
+    });
+
+    var snapWidth = 40;
+    var snapOffset = snapWidth / 2;
+    var calcSnap = function (selectorOpt, td, x, y, width, height) {
+      return selectorOpt.fold(function () {
+        return Dragging.snap({
+          sensor: absolute$3(x - snapOffset, y - snapOffset),
+          range: SugarPosition(width, height),
+          output: absolute$3(Optional.some(x), Optional.some(y)),
+          extra: { td: td }
+        });
+      }, function (selectorHandle) {
+        var sensorLeft = x - snapOffset;
+        var sensorTop = y - snapOffset;
+        var sensorWidth = snapWidth;
+        var sensorHeight = snapWidth;
+        var rect = selectorHandle.element.dom.getBoundingClientRect();
+        return Dragging.snap({
+          sensor: absolute$3(sensorLeft, sensorTop),
+          range: SugarPosition(sensorWidth, sensorHeight),
+          output: absolute$3(Optional.some(x - rect.width / 2), Optional.some(y - rect.height / 2)),
+          extra: { td: td }
+        });
+      });
+    };
+    var getSnapsConfig = function (getSnapPoints, cell, onChange) {
+      var isSameCell = function (cellOpt, td) {
+        return cellOpt.exists(function (currentTd) {
+          return eq$1(currentTd, td);
+        });
+      };
+      return {
+        getSnapPoints: getSnapPoints,
+        leftAttr: 'data-drag-left',
+        topAttr: 'data-drag-top',
+        onSensor: function (component, extra) {
+          var td = extra.td;
+          if (!isSameCell(cell.get(), td)) {
+            cell.set(Optional.some(td));
+            onChange(td);
+          }
+        },
+        mustSnap: true
+      };
+    };
+    var createSelector = function (snaps) {
+      return record(Button.sketch({
+        dom: {
+          tag: 'div',
+          classes: ['tox-selector']
+        },
+        buttonBehaviours: derive$1([
+          Dragging.config({
+            mode: 'mouseOrTouch',
+            blockerClass: 'blocker',
+            snaps: snaps
+          }),
+          Unselecting.config({})
+        ]),
+        eventOrder: {
+          mousedown: [
+            'dragging',
+            'alloy.base.behaviour'
+          ],
+          touchstart: [
+            'dragging',
+            'alloy.base.behaviour'
+          ]
+        }
+      }));
+    };
+    var setup$a = function (editor, sink) {
+      var tlTds = Cell([]);
+      var brTds = Cell([]);
+      var isVisible = Cell(false);
+      var startCell = Cell(Optional.none());
+      var finishCell = Cell(Optional.none());
+      var getTopLeftSnap = function (td) {
+        var box = absolute$1(td);
+        return calcSnap(memTopLeft.getOpt(sink), td, box.x, box.y, box.width, box.height);
+      };
+      var getTopLeftSnaps = function () {
+        return map(tlTds.get(), function (td) {
+          return getTopLeftSnap(td);
+        });
+      };
+      var getBottomRightSnap = function (td) {
+        var box = absolute$1(td);
+        return calcSnap(memBottomRight.getOpt(sink), td, box.right, box.bottom, box.width, box.height);
+      };
+      var getBottomRightSnaps = function () {
+        return map(brTds.get(), function (td) {
+          return getBottomRightSnap(td);
+        });
+      };
+      var topLeftSnaps = getSnapsConfig(getTopLeftSnaps, startCell, function (start) {
+        finishCell.get().each(function (finish) {
+          editor.fire('TableSelectorChange', {
+            start: start,
+            finish: finish
+          });
+        });
+      });
+      var bottomRightSnaps = getSnapsConfig(getBottomRightSnaps, finishCell, function (finish) {
+        startCell.get().each(function (start) {
+          editor.fire('TableSelectorChange', {
+            start: start,
+            finish: finish
+          });
+        });
+      });
+      var memTopLeft = createSelector(topLeftSnaps);
+      var memBottomRight = createSelector(bottomRightSnaps);
+      var topLeft = build$1(memTopLeft.asSpec());
+      var bottomRight = build$1(memBottomRight.asSpec());
+      var showOrHideHandle = function (selector, cell, isAbove, isBelow) {
+        var cellRect = cell.dom.getBoundingClientRect();
+        remove$6(selector.element, 'display');
+        var viewportHeight = defaultView(SugarElement.fromDom(editor.getBody())).dom.innerHeight;
+        var aboveViewport = isAbove(cellRect);
+        var belowViewport = isBelow(cellRect, viewportHeight);
+        if (aboveViewport || belowViewport) {
+          set$2(selector.element, 'display', 'none');
+        }
+      };
+      var snapTo = function (selector, cell, getSnapConfig, pos) {
+        var snap = getSnapConfig(cell);
+        Dragging.snapTo(selector, snap);
+        var isAbove = function (rect) {
+          return rect[pos] < 0;
+        };
+        var isBelow = function (rect, viewportHeight) {
+          return rect[pos] > viewportHeight;
+        };
+        showOrHideHandle(selector, cell, isAbove, isBelow);
+      };
+      var snapTopLeft = function (cell) {
+        return snapTo(topLeft, cell, getTopLeftSnap, 'top');
+      };
+      var snapLastTopLeft = function () {
+        return startCell.get().each(snapTopLeft);
+      };
+      var snapBottomRight = function (cell) {
+        return snapTo(bottomRight, cell, getBottomRightSnap, 'bottom');
+      };
+      var snapLastBottomRight = function () {
+        return finishCell.get().each(snapBottomRight);
+      };
+      if (detect$3().deviceType.isTouch()) {
+        editor.on('TableSelectionChange', function (e) {
+          if (!isVisible.get()) {
+            attach$1(sink, topLeft);
+            attach$1(sink, bottomRight);
+            isVisible.set(true);
+          }
+          startCell.set(Optional.some(e.start));
+          finishCell.set(Optional.some(e.finish));
+          e.otherCells.each(function (otherCells) {
+            tlTds.set(otherCells.upOrLeftCells);
+            brTds.set(otherCells.downOrRightCells);
+            snapTopLeft(e.start);
+            snapBottomRight(e.finish);
+          });
+        });
+        editor.on('ResizeEditor ResizeWindow ScrollContent', function () {
+          snapLastTopLeft();
+          snapLastBottomRight();
+        });
+        editor.on('TableSelectionClear', function () {
+          if (isVisible.get()) {
+            detach(topLeft);
+            detach(bottomRight);
+            isVisible.set(false);
+          }
+          startCell.set(Optional.none());
+          finishCell.set(Optional.none());
+        });
+      }
+    };
+
+    var ResizeTypes;
+    (function (ResizeTypes) {
+      ResizeTypes[ResizeTypes['None'] = 0] = 'None';
+      ResizeTypes[ResizeTypes['Both'] = 1] = 'Both';
+      ResizeTypes[ResizeTypes['Vertical'] = 2] = 'Vertical';
+    }(ResizeTypes || (ResizeTypes = {})));
+    var getDimensions = function (editor, deltas, resizeType, originalHeight, originalWidth) {
+      var dimensions = {};
+      dimensions.height = calcCappedSize(originalHeight + deltas.top, getMinHeightSetting(editor), getMaxHeightSetting(editor));
+      if (resizeType === ResizeTypes.Both) {
+        dimensions.width = calcCappedSize(originalWidth + deltas.left, getMinWidthSetting(editor), getMaxWidthSetting(editor));
+      }
+      return dimensions;
+    };
+    var resize$3 = function (editor, deltas, resizeType) {
+      var container = SugarElement.fromDom(editor.getContainer());
+      var dimensions = getDimensions(editor, deltas, resizeType, get$7(container), get$8(container));
+      each$1(dimensions, function (val, dim) {
+        return set$2(container, dim, numToPx(val));
+      });
+      fireResizeEditor(editor);
+    };
+
+    var isHidden$1 = function (elm) {
+      if (elm.nodeType === 1) {
+        if (elm.nodeName === 'BR' || !!elm.getAttribute('data-mce-bogus')) {
+          return true;
+        }
+        if (elm.getAttribute('data-mce-type') === 'bookmark') {
+          return true;
+        }
+      }
+      return false;
+    };
+    var renderElementPath = function (editor, settings, providersBackstage) {
+      if (!settings.delimiter) {
+        settings.delimiter = '\xBB';
+      }
+      var getDataPath = function (data) {
+        var parts = data || [];
+        var newPathElements = map(parts, function (part, index) {
+          return Button.sketch({
+            dom: {
+              tag: 'div',
+              classes: ['tox-statusbar__path-item'],
+              attributes: {
+                'role': 'button',
+                'data-index': index,
+                'tab-index': -1,
+                'aria-level': index + 1
+              },
+              innerHtml: part.name
+            },
+            action: function (_btn) {
+              editor.focus();
+              editor.selection.select(part.element);
+              editor.nodeChanged();
+            },
+            buttonBehaviours: derive$1([
+              DisablingConfigs.button(providersBackstage.isDisabled),
+              receivingConfig()
+            ])
+          });
+        });
+        var divider = {
+          dom: {
+            tag: 'div',
+            classes: ['tox-statusbar__path-divider'],
+            attributes: { 'aria-hidden': true },
+            innerHtml: ' ' + settings.delimiter + ' '
+          }
+        };
+        return foldl(newPathElements.slice(1), function (acc, element) {
+          var newAcc = acc;
+          newAcc.push(divider);
+          newAcc.push(element);
+          return newAcc;
+        }, [newPathElements[0]]);
+      };
+      var updatePath = function (parents) {
+        var newPath = [];
+        var i = parents.length;
+        while (i-- > 0) {
+          var parent_1 = parents[i];
+          if (parent_1.nodeType === 1 && !isHidden$1(parent_1)) {
+            var args = editor.fire('ResolveName', {
+              name: parent_1.nodeName.toLowerCase(),
+              target: parent_1
+            });
+            if (!args.isDefaultPrevented()) {
+              newPath.push({
+                name: args.name,
+                element: parent_1
+              });
+            }
+            if (args.isPropagationStopped()) {
+              break;
+            }
+          }
+        }
+        return newPath;
+      };
+      return {
+        dom: {
+          tag: 'div',
+          classes: ['tox-statusbar__path'],
+          attributes: { role: 'navigation' }
+        },
+        behaviours: derive$1([
+          Keying.config({
+            mode: 'flow',
+            selector: 'div[role=button]'
+          }),
+          Disabling.config({ disabled: providersBackstage.isDisabled }),
+          receivingConfig(),
+          Tabstopping.config({}),
+          Replacing.config({}),
+          config('elementPathEvents', [runOnAttached(function (comp, _e) {
+              editor.shortcuts.add('alt+F11', 'focus statusbar elementpath', function () {
+                return Keying.focusIn(comp);
+              });
+              editor.on('NodeChange', function (e) {
+                var newPath = updatePath(e.parents);
+                if (newPath.length > 0) {
+                  Replacing.set(comp, getDataPath(newPath));
+                } else {
+                  Replacing.set(comp, []);
+                }
+              });
+            })])
+        ]),
+        components: []
+      };
+    };
+
+    var renderWordCount = function (editor, providersBackstage) {
+      var _a;
+      var replaceCountText = function (comp, count, mode) {
+        return Replacing.set(comp, [text(providersBackstage.translate([
+            '{0} ' + mode,
+            count[mode]
+          ]))]);
+      };
+      return Button.sketch({
+        dom: {
+          tag: 'button',
+          classes: ['tox-statusbar__wordcount']
+        },
+        components: [],
+        buttonBehaviours: derive$1([
+          DisablingConfigs.button(providersBackstage.isDisabled),
+          receivingConfig(),
+          Tabstopping.config({}),
+          Replacing.config({}),
+          Representing.config({
+            store: {
+              mode: 'memory',
+              initialValue: {
+                mode: 'words',
+                count: {
+                  words: 0,
+                  characters: 0
+                }
+              }
+            }
+          }),
+          config('wordcount-events', [
+            runOnExecute(function (comp) {
+              var currentVal = Representing.getValue(comp);
+              var newMode = currentVal.mode === 'words' ? 'characters' : 'words';
+              Representing.setValue(comp, {
+                mode: newMode,
+                count: currentVal.count
+              });
+              replaceCountText(comp, currentVal.count, newMode);
+            }),
+            runOnAttached(function (comp) {
+              editor.on('wordCountUpdate', function (e) {
+                var mode = Representing.getValue(comp).mode;
+                Representing.setValue(comp, {
+                  mode: mode,
+                  count: e.wordCount
+                });
+                replaceCountText(comp, e.wordCount, mode);
+              });
+            })
+          ])
+        ]),
+        eventOrder: (_a = {}, _a[execute()] = [
+          'disabling',
+          'alloy.base.behaviour',
+          'wordcount-events'
+        ], _a)
+      });
+    };
+
+    var renderStatusbar = function (editor, providersBackstage) {
+      var renderResizeHandlerIcon = function (resizeType) {
+        return {
+          dom: {
+            tag: 'div',
+            classes: ['tox-statusbar__resize-handle'],
+            attributes: {
+              'title': providersBackstage.translate('Resize'),
+              'aria-hidden': 'true'
+            },
+            innerHtml: get$e('resize-handle', providersBackstage.icons)
+          },
+          behaviours: derive$1([Dragging.config({
+              mode: 'mouse',
+              repositionTarget: false,
+              onDrag: function (comp, target, delta) {
+                resize$3(editor, delta, resizeType);
+              },
+              blockerClass: 'tox-blocker'
+            })])
+        };
+      };
+      var renderBranding = function () {
+        var label = global$6.translate([
+          'Powered by {0}',
+          'Tiny'
+        ]);
+        var linkHtml = '<a href="https://www.tiny.cloud/?utm_campaign=editor_referral&amp;utm_medium=poweredby&amp;utm_source=tinymce&amp;utm_content=v5" rel="noopener" target="_blank" tabindex="-1" aria-label="' + label + '">' + label + '</a>';
+        return {
+          dom: {
+            tag: 'span',
+            classes: ['tox-statusbar__branding'],
+            innerHtml: linkHtml
+          }
+        };
+      };
+      var getResizeType = function (editor) {
+        var fallback = !editor.hasPlugin('autoresize');
+        var resize = editor.getParam('resize', fallback);
+        if (resize === false) {
+          return ResizeTypes.None;
+        } else if (resize === 'both') {
+          return ResizeTypes.Both;
+        } else {
+          return ResizeTypes.Vertical;
+        }
+      };
+      var getTextComponents = function () {
+        var components = [];
+        if (editor.getParam('elementpath', true, 'boolean')) {
+          components.push(renderElementPath(editor, {}, providersBackstage));
+        }
+        if (editor.hasPlugin('wordcount')) {
+          components.push(renderWordCount(editor, providersBackstage));
+        }
+        if (editor.getParam('branding', true, 'boolean')) {
+          components.push(renderBranding());
+        }
+        if (components.length > 0) {
+          return [{
+              dom: {
+                tag: 'div',
+                classes: ['tox-statusbar__text-container']
+              },
+              components: components
+            }];
+        }
+        return [];
+      };
+      var getComponents = function () {
+        var components = getTextComponents();
+        var resizeType = getResizeType(editor);
+        if (resizeType !== ResizeTypes.None) {
+          components.push(renderResizeHandlerIcon(resizeType));
+        }
+        return components;
+      };
+      return {
+        dom: {
+          tag: 'div',
+          classes: ['tox-statusbar']
+        },
+        components: getComponents()
+      };
+    };
+
+    var setup$b = function (editor) {
+      var _a;
+      var isInline = editor.inline;
+      var mode = isInline ? Inline : Iframe;
+      var header = isStickyToolbar(editor) ? StickyHeader : StaticHeader;
+      var lazyOuterContainer = Optional.none();
+      var platform = detect$3();
+      var isIE = platform.browser.isIE();
+      var platformClasses = isIE ? ['tox-platform-ie'] : [];
+      var isTouch = platform.deviceType.isTouch();
+      var touchPlatformClass = 'tox-platform-touch';
+      var deviceClasses = isTouch ? [touchPlatformClass] : [];
+      var isToolbarBottom = isToolbarLocationBottom(editor);
+      var uiContainer = getUiContainer(editor);
+      var dirAttributes = global$6.isRtl() ? { attributes: { dir: 'rtl' } } : {};
+      var verticalDirAttributes = { attributes: (_a = {}, _a[Attribute] = isToolbarBottom ? AttributeValue.BottomToTop : AttributeValue.TopToBottom, _a) };
+      var lazyHeader = function () {
+        return lazyOuterContainer.bind(OuterContainer.getHeader);
+      };
+      var isHeaderDocked = function () {
+        return header.isDocked(lazyHeader);
+      };
+      var resizeUiMothership = function () {
+        set$2(uiMothership.element, 'width', document.body.clientWidth + 'px');
+      };
+      var makeSinkDefinition = function () {
+        var isGridUiContainer = eq$1(body(), uiContainer) && get$5(uiContainer, 'display') === 'grid';
+        var sinkSpec = {
+          dom: __assign({
+            tag: 'div',
+            classes: [
+              'tox',
+              'tox-silver-sink',
+              'tox-tinymce-aux'
+            ].concat(platformClasses).concat(deviceClasses)
+          }, dirAttributes),
+          behaviours: derive$1([Positioning.config({
+              useFixed: function () {
+                return isHeaderDocked();
+              }
+            })])
+        };
+        var reactiveWidthSpec = {
+          dom: { styles: { width: document.body.clientWidth + 'px' } },
+          events: derive([run(windowResize(), resizeUiMothership)])
+        };
+        return deepMerge(sinkSpec, isGridUiContainer ? reactiveWidthSpec : {});
+      };
+      var sink = build$1(makeSinkDefinition());
+      var lazySink = function () {
+        return Result.value(sink);
+      };
+      var memAnchorBar = record({
+        dom: {
+          tag: 'div',
+          classes: ['tox-anchorbar']
+        }
+      });
+      var lazyAnchorBar = function () {
+        return lazyOuterContainer.bind(function (container) {
+          return memAnchorBar.getOpt(container);
+        }).getOrDie('Could not find a anchor bar element');
+      };
+      var lazyToolbar = function () {
+        return lazyOuterContainer.bind(function (container) {
+          return OuterContainer.getToolbar(container);
+        }).getOrDie('Could not find more toolbar element');
+      };
+      var lazyThrobber = function () {
+        return lazyOuterContainer.bind(function (container) {
+          return OuterContainer.getThrobber(container);
+        }).getOrDie('Could not find throbber element');
+      };
+      var backstage = init$8(sink, editor, lazyAnchorBar);
+      var partMenubar = OuterContainer.parts.menubar({
+        dom: {
+          tag: 'div',
+          classes: ['tox-menubar']
+        },
+        backstage: backstage,
+        onEscape: function () {
+          editor.focus();
+        }
+      });
+      var toolbarMode = getToolbarMode(editor);
+      var partToolbar = OuterContainer.parts.toolbar(__assign({
+        dom: {
+          tag: 'div',
+          classes: ['tox-toolbar']
+        },
+        getSink: lazySink,
+        providers: backstage.shared.providers,
+        onEscape: function () {
+          editor.focus();
+        },
+        type: toolbarMode,
+        lazyToolbar: lazyToolbar,
+        lazyHeader: function () {
+          return lazyHeader().getOrDie('Could not find header element');
+        }
+      }, verticalDirAttributes));
+      var partMultipleToolbar = OuterContainer.parts['multiple-toolbar']({
+        dom: {
+          tag: 'div',
+          classes: ['tox-toolbar-overlord']
+        },
+        providers: backstage.shared.providers,
+        onEscape: function () {
+          editor.focus();
+        },
+        type: toolbarMode
+      });
+      var partSocket = OuterContainer.parts.socket({
+        dom: {
+          tag: 'div',
+          classes: ['tox-edit-area']
+        }
+      });
+      var partSidebar = OuterContainer.parts.sidebar({
+        dom: {
+          tag: 'div',
+          classes: ['tox-sidebar']
+        }
+      });
+      var partThrobber = OuterContainer.parts.throbber({
+        dom: {
+          tag: 'div',
+          classes: ['tox-throbber']
+        },
+        backstage: backstage
+      });
+      var sb = editor.getParam('statusbar', true, 'boolean');
+      var statusbar = sb && !isInline ? Optional.some(renderStatusbar(editor, backstage.shared.providers)) : Optional.none();
+      var socketSidebarContainer = {
+        dom: {
+          tag: 'div',
+          classes: ['tox-sidebar-wrap']
+        },
+        components: [
+          partSocket,
+          partSidebar
+        ]
+      };
+      var hasMultipleToolbar = isMultipleToolbars(editor);
+      var hasToolbar = isToolbarEnabled(editor);
+      var hasMenubar = isMenubarEnabled(editor);
+      var getPartToolbar = function () {
+        if (hasMultipleToolbar) {
+          return [partMultipleToolbar];
+        } else if (hasToolbar) {
+          return [partToolbar];
+        } else {
+          return [];
+        }
+      };
+      var partHeader = OuterContainer.parts.header({
+        dom: __assign({
+          tag: 'div',
+          classes: ['tox-editor-header']
+        }, verticalDirAttributes),
+        components: flatten([
+          hasMenubar ? [partMenubar] : [],
+          getPartToolbar(),
+          useFixedContainer(editor) ? [] : [memAnchorBar.asSpec()]
+        ]),
+        sticky: isStickyToolbar(editor),
+        editor: editor,
+        sharedBackstage: backstage.shared
+      });
+      var editorComponents = flatten([
+        isToolbarBottom ? [] : [partHeader],
+        isInline ? [] : [socketSidebarContainer],
+        isToolbarBottom ? [partHeader] : []
+      ]);
+      var editorContainer = {
+        dom: {
+          tag: 'div',
+          classes: ['tox-editor-container']
+        },
+        components: editorComponents
+      };
+      var containerComponents = flatten([
+        [editorContainer],
+        isInline ? [] : statusbar.toArray(),
+        [partThrobber]
+      ]);
+      var isHidden = isDistractionFree(editor);
+      var attributes = __assign(__assign({ role: 'application' }, global$6.isRtl() ? { dir: 'rtl' } : {}), isHidden ? { 'aria-hidden': 'true' } : {});
+      var outerContainer = build$1(OuterContainer.sketch({
+        dom: {
+          tag: 'div',
+          classes: [
+            'tox',
+            'tox-tinymce'
+          ].concat(isInline ? ['tox-tinymce-inline'] : []).concat(isToolbarBottom ? ['tox-tinymce--toolbar-bottom'] : []).concat(deviceClasses).concat(platformClasses),
+          styles: __assign({ visibility: 'hidden' }, isHidden ? {
+            opacity: '0',
+            border: '0'
+          } : {}),
+          attributes: attributes
+        },
+        components: containerComponents,
+        behaviours: derive$1([
+          receivingConfig(),
+          Disabling.config({ disableClass: 'tox-tinymce--disabled' }),
+          Keying.config({
+            mode: 'cyclic',
+            selector: '.tox-menubar, .tox-toolbar, .tox-toolbar__primary, .tox-toolbar__overflow--open, .tox-sidebar__overflow--open, .tox-statusbar__path, .tox-statusbar__wordcount, .tox-statusbar__branding a'
+          })
+        ])
+      }));
+      lazyOuterContainer = Optional.some(outerContainer);
+      editor.shortcuts.add('alt+F9', 'focus menubar', function () {
+        OuterContainer.focusMenubar(outerContainer);
+      });
+      editor.shortcuts.add('alt+F10', 'focus toolbar', function () {
+        OuterContainer.focusToolbar(outerContainer);
+      });
+      editor.addCommand('ToggleToolbarDrawer', function () {
+        OuterContainer.toggleToolbarDrawer(outerContainer);
+      });
+      editor.addQueryStateHandler('ToggleToolbarDrawer', function () {
+        return OuterContainer.isToolbarDrawerToggled(outerContainer);
+      });
+      var mothership = takeover(outerContainer);
+      var uiMothership = takeover(sink);
+      setup$3(editor, mothership, uiMothership);
+      var getUi = function () {
+        var channels = {
+          broadcastAll: uiMothership.broadcast,
+          broadcastOn: uiMothership.broadcastOn,
+          register: function () {
+          }
+        };
+        return { channels: channels };
+      };
+      var setEditorSize = function () {
+        var parsedHeight = numToPx(getHeightWithFallback(editor));
+        var parsedWidth = numToPx(getWidthWithFallback(editor));
+        if (!editor.inline) {
+          if (isValidValue('div', 'width', parsedWidth)) {
+            set$2(outerContainer.element, 'width', parsedWidth);
+          }
+          if (isValidValue('div', 'height', parsedHeight)) {
+            set$2(outerContainer.element, 'height', parsedHeight);
+          } else {
+            set$2(outerContainer.element, 'height', '200px');
+          }
+        }
+        return parsedHeight;
+      };
+      var renderUI = function () {
+        header.setup(editor, backstage.shared, lazyHeader);
+        setup$8(editor, backstage);
+        setup$9(editor, lazySink, backstage);
+        setup$6(editor);
+        setup$7(editor, lazyThrobber, backstage.shared);
+        map$2(getToolbarGroups(editor), function (toolbarGroupButtonConfig, name) {
+          editor.ui.registry.addGroupToolbarButton(name, toolbarGroupButtonConfig);
+        });
+        var _a = editor.ui.registry.getAll(), buttons = _a.buttons, menuItems = _a.menuItems, contextToolbars = _a.contextToolbars, sidebars = _a.sidebars;
+        var toolbarOpt = getMultipleToolbarsSetting(editor);
+        var rawUiConfig = {
+          menuItems: menuItems,
+          menus: getMenus(editor),
+          menubar: getMenubar(editor),
+          toolbar: toolbarOpt.getOrThunk(function () {
+            return getToolbar(editor);
+          }),
+          allowToolbarGroups: toolbarMode === ToolbarMode.floating,
+          buttons: buttons,
+          sidebar: sidebars
+        };
+        register$4(editor, contextToolbars, sink, { backstage: backstage });
+        setup$a(editor, sink);
+        var elm = editor.getElement();
+        var height = setEditorSize();
+        var uiComponents = {
+          mothership: mothership,
+          uiMothership: uiMothership,
+          outerContainer: outerContainer
+        };
+        var args = {
+          targetNode: elm,
+          height: height
+        };
+        return mode.render(editor, uiComponents, rawUiConfig, backstage, args);
+      };
+      return {
+        mothership: mothership,
+        uiMothership: uiMothership,
+        backstage: backstage,
+        renderUI: renderUI,
+        getUi: getUi
+      };
+    };
+
+    var describedBy = function (describedElement, describeElement) {
+      var describeId = Optional.from(get$3(describedElement, 'id')).fold(function () {
+        var id = generate$1('dialog-describe');
+        set$1(describeElement, 'id', id);
+        return id;
+      }, identity);
+      set$1(describedElement, 'aria-describedby', describeId);
+    };
+
+    var labelledBy = function (labelledElement, labelElement) {
+      var labelId = getOpt(labelledElement, 'id').fold(function () {
+        var id = generate$1('dialog-label');
+        set$1(labelElement, 'id', id);
+        return id;
+      }, identity);
+      set$1(labelledElement, 'aria-labelledby', labelId);
+    };
+
+    var schema$x = constant([
+      strict$1('lazySink'),
+      option('dragBlockClass'),
+      defaultedFunction('getBounds', win),
+      defaulted$1('useTabstopAt', always),
+      defaulted$1('eventOrder', {}),
+      field$1('modalBehaviours', [Keying]),
+      onKeyboardHandler('onExecute'),
+      onStrictKeyboardHandler('onEscape')
+    ]);
+    var basic = { sketch: identity };
+    var parts$f = constant([
+      optional({
+        name: 'draghandle',
+        overrides: function (detail, spec) {
+          return {
+            behaviours: derive$1([Dragging.config({
+                mode: 'mouse',
+                getTarget: function (handle) {
+                  return ancestor$2(handle, '[role="dialog"]').getOr(handle);
+                },
+                blockerClass: detail.dragBlockClass.getOrDie(new Error('The drag blocker class was not specified for a dialog with a drag handle: \n' + JSON.stringify(spec, null, 2)).message),
+                getBounds: detail.getDragBounds
+              })])
+          };
+        }
+      }),
+      required({
+        schema: [strict$1('dom')],
+        name: 'title'
+      }),
+      required({
+        factory: basic,
+        schema: [strict$1('dom')],
+        name: 'close'
+      }),
+      required({
+        factory: basic,
+        schema: [strict$1('dom')],
+        name: 'body'
+      }),
+      optional({
+        factory: basic,
+        schema: [strict$1('dom')],
+        name: 'footer'
+      }),
+      external$1({
+        factory: {
+          sketch: function (spec, detail) {
+            return __assign(__assign({}, spec), {
+              dom: detail.dom,
+              components: detail.components
+            });
+          }
+        },
+        schema: [
+          defaulted$1('dom', {
+            tag: 'div',
+            styles: {
+              position: 'fixed',
+              left: '0px',
+              top: '0px',
+              right: '0px',
+              bottom: '0px'
+            }
+          }),
+          defaulted$1('components', [])
+        ],
+        name: 'blocker'
+      })
+    ]);
+
+    var block = function (component, config, state, getBusySpec) {
+      set$1(component.element, 'aria-busy', true);
+      var root = config.getRoot(component).getOr(component);
+      var blockerBehaviours = derive$1([
+        Keying.config({
+          mode: 'special',
+          onTab: function () {
+            return Optional.some(true);
+          },
+          onShiftTab: function () {
+            return Optional.some(true);
+          }
+        }),
+        Focusing.config({})
+      ]);
+      var blockSpec = getBusySpec(root, blockerBehaviours);
+      var blocker = root.getSystem().build(blockSpec);
+      Replacing.append(root, premade$1(blocker));
+      if (blocker.hasConfigured(Keying)) {
+        Keying.focusIn(blocker);
+      }
+      if (!state.isBlocked()) {
+        config.onBlock(component);
+      }
+      state.blockWith(function () {
+        return Replacing.remove(root, blocker);
+      });
+    };
+    var unblock = function (component, config, state) {
+      remove$1(component.element, 'aria-busy');
+      if (state.isBlocked()) {
+        config.onUnblock(component);
+      }
+      state.clear();
+    };
+
+    var BlockingApis = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        block: block,
+        unblock: unblock
+    });
+
+    var BlockingSchema = [
+      defaultedFunction('getRoot', Optional.none),
+      onHandler('onBlock'),
+      onHandler('onUnblock')
+    ];
+
+    var init$f = function () {
+      var blocker = destroyable();
+      var blockWith = function (destroy) {
+        blocker.set({ destroy: destroy });
+      };
+      return nu$5({
+        readState: blocker.isSet,
+        blockWith: blockWith,
+        clear: blocker.clear,
+        isBlocked: blocker.isSet
+      });
+    };
+
+    var BlockingState = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        init: init$f
+    });
+
+    var Blocking = create$1({
+      fields: BlockingSchema,
+      name: 'blocking',
+      apis: BlockingApis,
+      state: BlockingState
+    });
+
+    var factory$i = function (detail, components, spec, externals) {
+      var _a;
+      var dialogComp = Cell(Optional.none());
+      var showDialog = function (dialog) {
+        dialogComp.set(Optional.some(dialog));
+        var sink = detail.lazySink(dialog).getOrDie();
+        var externalBlocker = externals.blocker();
+        var blocker = sink.getSystem().build(__assign(__assign({}, externalBlocker), {
+          components: externalBlocker.components.concat([premade$1(dialog)]),
+          behaviours: derive$1([
+            Focusing.config({}),
+            config('dialog-blocker-events', [runOnSource(focusin(), function () {
+                Keying.focusIn(dialog);
+              })])
+          ])
+        }));
+        attach$1(sink, blocker);
+        Keying.focusIn(dialog);
+      };
+      var hideDialog = function (dialog) {
+        dialogComp.set(Optional.none());
+        parent(dialog.element).each(function (blockerDom) {
+          dialog.getSystem().getByDom(blockerDom).each(function (blocker) {
+            detach(blocker);
+          });
+        });
+      };
+      var getDialogBody = function (dialog) {
+        return getPartOrDie(dialog, detail, 'body');
+      };
+      var getDialogFooter = function (dialog) {
+        return getPartOrDie(dialog, detail, 'footer');
+      };
+      var setBusy = function (dialog, getBusySpec) {
+        Blocking.block(dialog, getBusySpec);
+      };
+      var setIdle = function (dialog) {
+        Blocking.unblock(dialog);
+      };
+      var modalEventsId = generate$1('modal-events');
+      var eventOrder = __assign(__assign({}, detail.eventOrder), (_a = {}, _a[attachedToDom()] = [modalEventsId].concat(detail.eventOrder['alloy.system.attached'] || []), _a));
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: components,
+        apis: {
+          show: showDialog,
+          hide: hideDialog,
+          getBody: getDialogBody,
+          getFooter: getDialogFooter,
+          setIdle: setIdle,
+          setBusy: setBusy
+        },
+        eventOrder: eventOrder,
+        domModification: {
+          attributes: {
+            'role': 'dialog',
+            'aria-modal': 'true'
+          }
+        },
+        behaviours: augment(detail.modalBehaviours, [
+          Replacing.config({}),
+          Keying.config({
+            mode: 'cyclic',
+            onEnter: detail.onExecute,
+            onEscape: detail.onEscape,
+            useTabstopAt: detail.useTabstopAt
+          }),
+          Blocking.config({ getRoot: dialogComp.get }),
+          config(modalEventsId, [runOnAttached(function (c) {
+              labelledBy(c.element, getPartOrDie(c, detail, 'title').element);
+              describedBy(c.element, getPartOrDie(c, detail, 'body').element);
+            })])
+        ])
+      };
+    };
+    var ModalDialog = composite$1({
+      name: 'ModalDialog',
+      configFields: schema$x(),
+      partFields: parts$f(),
+      factory: factory$i,
+      apis: {
+        show: function (apis, dialog) {
+          apis.show(dialog);
+        },
+        hide: function (apis, dialog) {
+          apis.hide(dialog);
+        },
+        getBody: function (apis, dialog) {
+          return apis.getBody(dialog);
+        },
+        getFooter: function (apis, dialog) {
+          return apis.getFooter(dialog);
+        },
+        setBusy: function (apis, dialog, getBusySpec) {
+          apis.setBusy(dialog, getBusySpec);
+        },
+        setIdle: function (apis, dialog) {
+          apis.setIdle(dialog);
+        }
+      }
+    });
+
+    var dialogToggleMenuItemSchema = objOf([
+      strictString('type'),
+      strictString('name')
+    ].concat(commonMenuItemFields));
+    var dialogToggleMenuItemDataProcessor = boolean;
+
+    var baseFooterButtonFields = [
+      field('name', 'name', defaultedThunk(function () {
+        return generate$1('button-name');
+      }), string),
+      optionString('icon'),
+      defaultedStringEnum('align', 'end', [
+        'start',
+        'end'
+      ]),
+      defaultedBoolean('primary', false),
+      defaultedBoolean('disabled', false)
+    ];
+    var dialogFooterButtonFields = __spreadArrays(baseFooterButtonFields, [strictString('text')]);
+    var normalFooterButtonFields = __spreadArrays([strictStringEnum('type', [
+        'submit',
+        'cancel',
+        'custom'
+      ])], dialogFooterButtonFields);
+    var menuFooterButtonFields = __spreadArrays([
+      strictStringEnum('type', ['menu']),
+      optionString('text'),
+      optionString('tooltip'),
+      optionString('icon'),
+      strictArrayOf('items', dialogToggleMenuItemSchema)
+    ], baseFooterButtonFields);
+    var dialogFooterButtonSchema = choose$1('type', {
+      submit: normalFooterButtonFields,
+      cancel: normalFooterButtonFields,
+      custom: normalFooterButtonFields,
+      menu: menuFooterButtonFields
+    });
+
+    var alertBannerFields = [
+      strictString('type'),
+      strictString('text'),
+      strictStringEnum('level', [
+        'info',
+        'warn',
+        'error',
+        'success'
+      ]),
+      strictString('icon'),
+      defaulted$1('url', '')
+    ];
+    var alertBannerSchema = objOf(alertBannerFields);
+
+    var createBarFields = function (itemsField) {
+      return [
+        strictString('type'),
+        itemsField
+      ];
+    };
+
+    var buttonFields = [
+      strictString('type'),
+      strictString('text'),
+      defaultedBoolean('disabled', false),
+      defaultedBoolean('primary', false),
+      field('name', 'name', defaultedThunk(function () {
+        return generate$1('button-name');
+      }), string),
+      optionString('icon'),
+      defaultedBoolean('borderless', false)
+    ];
+    var buttonSchema = objOf(buttonFields);
+
+    var checkboxFields = [
+      strictString('type'),
+      strictString('name'),
+      strictString('label'),
+      defaultedBoolean('disabled', false)
+    ];
+    var checkboxSchema = objOf(checkboxFields);
+    var checkboxDataProcessor = boolean;
+
+    var formComponentFields = [
+      strictString('type'),
+      strictString('name')
+    ];
+    var formComponentWithLabelFields = formComponentFields.concat([optionString('label')]);
+
+    var collectionFields = formComponentWithLabelFields.concat([defaulted$1('columns', 'auto')]);
+    var collectionSchema = objOf(collectionFields);
+    var collectionDataProcessor = arrOfObj$1([
+      strictString('value'),
+      strictString('text'),
+      strictString('icon')
+    ]);
+
+    var colorInputFields = formComponentWithLabelFields;
+    var colorInputSchema = objOf(colorInputFields);
+    var colorInputDataProcessor = string;
+
+    var colorPickerFields = formComponentWithLabelFields;
+    var colorPickerSchema = objOf(colorPickerFields);
+    var colorPickerDataProcessor = string;
+
+    var customEditorFields = formComponentFields.concat([
+      defaultedString('tag', 'textarea'),
+      strictString('scriptId'),
+      strictString('scriptUrl'),
+      defaultedPostMsg('settings', undefined)
+    ]);
+    var customEditorFieldsOld = formComponentFields.concat([
+      defaultedString('tag', 'textarea'),
+      strictFunction('init')
+    ]);
+    var customEditorSchema = valueOf(function (v) {
+      return asRaw('customeditor.old', objOfOnly(customEditorFieldsOld), v).orThunk(function () {
+        return asRaw('customeditor.new', objOfOnly(customEditorFields), v);
+      });
+    });
+    var customEditorDataProcessor = string;
+
+    var dropZoneFields = formComponentWithLabelFields;
+    var dropZoneSchema = objOf(dropZoneFields);
+    var dropZoneDataProcessor = arrOfVal();
+
+    var createGridFields = function (itemsField) {
+      return [
+        strictString('type'),
+        strictNumber('columns'),
+        itemsField
+      ];
+    };
+
+    var htmlPanelFields = [
+      strictString('type'),
+      strictString('html'),
+      defaultedStringEnum('presets', 'presentation', [
+        'presentation',
+        'document'
+      ])
+    ];
+    var htmlPanelSchema = objOf(htmlPanelFields);
+
+    var iframeFields = formComponentWithLabelFields.concat([defaultedBoolean('sandboxed', true)]);
+    var iframeSchema = objOf(iframeFields);
+    var iframeDataProcessor = string;
+
+    var imageToolsFields = formComponentWithLabelFields.concat([strictOf('currentState', objOf([
+        strict$1('blob'),
+        strictString('url')
+      ]))]);
+    var imageToolsSchema = objOf(imageToolsFields);
+
+    var inputFields = formComponentWithLabelFields.concat([
+      optionString('inputMode'),
+      optionString('placeholder'),
+      defaultedBoolean('maximized', false),
+      defaultedBoolean('disabled', false)
+    ]);
+    var inputSchema = objOf(inputFields);
+    var inputDataProcessor = string;
+
+    var createLabelFields = function (itemsField) {
+      return [
+        strictString('type'),
+        strictString('label'),
+        itemsField
+      ];
+    };
+
+    var listBoxSingleItemFields = [
+      strictString('text'),
+      strictString('value')
+    ];
+    var listBoxNestedItemFields = [
+      strictString('text'),
+      strictArrayOf('items', thunkOf('items', function () {
+        return listBoxItemSchema;
+      }))
+    ];
+    var listBoxItemSchema = oneOf([
+      objOf(listBoxSingleItemFields),
+      objOf(listBoxNestedItemFields)
+    ]);
+    var listBoxFields = formComponentWithLabelFields.concat([
+      strictArrayOf('items', listBoxItemSchema),
+      defaultedBoolean('disabled', false)
+    ]);
+    var listBoxSchema = objOf(listBoxFields);
+    var listBoxDataProcessor = string;
+
+    var selectBoxFields = formComponentWithLabelFields.concat([
+      strictArrayOfObj('items', [
+        strictString('text'),
+        strictString('value')
+      ]),
+      defaultedNumber('size', 1),
+      defaultedBoolean('disabled', false)
+    ]);
+    var selectBoxSchema = objOf(selectBoxFields);
+    var selectBoxDataProcessor = string;
+
+    var sizeInputFields = formComponentWithLabelFields.concat([
+      defaultedBoolean('constrain', true),
+      defaultedBoolean('disabled', false)
+    ]);
+    var sizeInputSchema = objOf(sizeInputFields);
+    var sizeInputDataProcessor = objOf([
+      strictString('width'),
+      strictString('height')
+    ]);
+
+    var tableFields = [
+      strictString('type'),
+      strictArrayOf('header', string),
+      strictArrayOf('cells', arrOf(string))
+    ];
+    var tableSchema = objOf(tableFields);
+
+    var textAreaFields = formComponentWithLabelFields.concat([
+      optionString('placeholder'),
+      defaultedBoolean('maximized', false),
+      defaultedBoolean('disabled', false)
+    ]);
+    var textAreaSchema = objOf(textAreaFields);
+    var textAreaDataProcessor = string;
+
+    var urlInputFields = formComponentWithLabelFields.concat([
+      defaultedStringEnum('filetype', 'file', [
+        'image',
+        'media',
+        'file'
+      ]),
+      defaulted$1('disabled', false)
+    ]);
+    var urlInputSchema = objOf(urlInputFields);
+    var urlInputDataProcessor = objOf([
+      strictString('value'),
+      defaulted$1('meta', {})
+    ]);
+
+    var createItemsField = function (name) {
+      return field('items', 'items', strict(), arrOf(valueOf(function (v) {
+        return asRaw('Checking item of ' + name, itemSchema$3, v).fold(function (sErr) {
+          return Result.error(formatError(sErr));
+        }, function (passValue) {
+          return Result.value(passValue);
+        });
+      })));
+    };
+    var itemSchema$3 = valueThunkOf(function () {
+      return chooseProcessor('type', {
+        alertbanner: alertBannerSchema,
+        bar: objOf(createBarFields(createItemsField('bar'))),
+        button: buttonSchema,
+        checkbox: checkboxSchema,
+        colorinput: colorInputSchema,
+        colorpicker: colorPickerSchema,
+        dropzone: dropZoneSchema,
+        grid: objOf(createGridFields(createItemsField('grid'))),
+        iframe: iframeSchema,
+        input: inputSchema,
+        listbox: listBoxSchema,
+        selectbox: selectBoxSchema,
+        sizeinput: sizeInputSchema,
+        textarea: textAreaSchema,
+        urlinput: urlInputSchema,
+        customeditor: customEditorSchema,
+        htmlpanel: htmlPanelSchema,
+        imagetools: imageToolsSchema,
+        collection: collectionSchema,
+        label: objOf(createLabelFields(createItemsField('label'))),
+        table: tableSchema,
+        panel: panelSchema
+      });
+    });
+    var panelFields = [
+      strictString('type'),
+      defaulted$1('classes', []),
+      strictArrayOf('items', itemSchema$3)
+    ];
+    var panelSchema = objOf(panelFields);
+
+    var tabFields = [
+      field('name', 'name', defaultedThunk(function () {
+        return generate$1('tab-name');
+      }), string),
+      strictString('title'),
+      strictArrayOf('items', itemSchema$3)
+    ];
+    var tabPanelFields = [
+      strictString('type'),
+      strictArrayOfObj('tabs', tabFields)
+    ];
+    var tabPanelSchema = objOf(tabPanelFields);
+
+    var dialogButtonFields = dialogFooterButtonFields;
+    var dialogButtonSchema = dialogFooterButtonSchema;
+    var dialogSchema = objOf([
+      strictString('title'),
+      strictOf('body', chooseProcessor('type', {
+        panel: panelSchema,
+        tabpanel: tabPanelSchema
+      })),
+      defaultedString('size', 'normal'),
+      strictArrayOf('buttons', dialogButtonSchema),
+      defaulted$1('initialData', {}),
+      defaultedFunction('onAction', noop),
+      defaultedFunction('onChange', noop),
+      defaultedFunction('onSubmit', noop),
+      defaultedFunction('onClose', noop),
+      defaultedFunction('onCancel', noop),
+      defaulted$1('onTabChange', noop)
+    ]);
+    var createDialog = function (spec) {
+      return asRaw('dialog', dialogSchema, spec);
+    };
+
+    var urlDialogButtonSchema = objOf(__spreadArrays([strictStringEnum('type', [
+        'cancel',
+        'custom'
+      ])], dialogButtonFields));
+    var urlDialogSchema = objOf([
+      strictString('title'),
+      strictString('url'),
+      optionNumber('height'),
+      optionNumber('width'),
+      optionArrayOf('buttons', urlDialogButtonSchema),
+      defaultedFunction('onAction', noop),
+      defaultedFunction('onCancel', noop),
+      defaultedFunction('onClose', noop),
+      defaultedFunction('onMessage', noop)
+    ]);
+    var createUrlDialog = function (spec) {
+      return asRaw('dialog', urlDialogSchema, spec);
+    };
+
+    var getAllObjects = function (obj) {
+      if (isObject(obj)) {
+        return [obj].concat(bind(values(obj), getAllObjects));
+      } else if (isArray(obj)) {
+        return bind(obj, getAllObjects);
+      } else {
+        return [];
+      }
+    };
+
+    var isNamedItem = function (obj) {
+      return isString(obj.type) && isString(obj.name);
+    };
+    var dataProcessors = {
+      checkbox: checkboxDataProcessor,
+      colorinput: colorInputDataProcessor,
+      colorpicker: colorPickerDataProcessor,
+      dropzone: dropZoneDataProcessor,
+      input: inputDataProcessor,
+      iframe: iframeDataProcessor,
+      sizeinput: sizeInputDataProcessor,
+      selectbox: selectBoxDataProcessor,
+      listbox: listBoxDataProcessor,
+      size: sizeInputDataProcessor,
+      textarea: textAreaDataProcessor,
+      urlinput: urlInputDataProcessor,
+      customeditor: customEditorDataProcessor,
+      collection: collectionDataProcessor,
+      togglemenuitem: dialogToggleMenuItemDataProcessor
+    };
+    var getDataProcessor = function (item) {
+      return Optional.from(dataProcessors[item.type]);
+    };
+    var getNamedItems = function (structure) {
+      return filter(getAllObjects(structure), isNamedItem);
+    };
+
+    var createDataValidator = function (structure) {
+      var namedItems = getNamedItems(structure);
+      var fields = bind(namedItems, function (item) {
+        return getDataProcessor(item).fold(function () {
+          return [];
+        }, function (schema) {
+          return [strictOf(item.name, schema)];
+        });
+      });
+      return objOf(fields);
+    };
+
+    var extract$1 = function (structure) {
+      var internalDialog = getOrDie(createDialog(structure));
+      var dataValidator = createDataValidator(structure);
+      var initialData = structure.initialData;
+      return {
+        internalDialog: internalDialog,
+        dataValidator: dataValidator,
+        initialData: initialData
+      };
+    };
+    var DialogManager = {
+      open: function (factory, structure) {
+        var extraction = extract$1(structure);
+        return factory(extraction.internalDialog, extraction.initialData, extraction.dataValidator);
+      },
+      openUrl: function (factory, structure) {
+        var internalDialog = getOrDie(createUrlDialog(structure));
+        return factory(internalDialog);
+      },
+      redial: function (structure) {
+        return extract$1(structure);
+      }
+    };
+
+    var toValidValues = function (values) {
+      var errors = [];
+      var result = {};
+      each$1(values, function (value, name) {
+        value.fold(function () {
+          errors.push(name);
+        }, function (v) {
+          result[name] = v;
+        });
+      });
+      return errors.length > 0 ? Result.error(errors) : Result.value(result);
+    };
+
+    var renderBodyPanel = function (spec, backstage) {
+      var memForm = record(Form.sketch(function (parts) {
+        return {
+          dom: {
+            tag: 'div',
+            classes: ['tox-form'].concat(spec.classes)
+          },
+          components: map(spec.items, function (item) {
+            return interpretInForm(parts, item, backstage);
+          })
+        };
+      }));
+      return {
+        dom: {
+          tag: 'div',
+          classes: ['tox-dialog__body']
+        },
+        components: [{
+            dom: {
+              tag: 'div',
+              classes: ['tox-dialog__body-content']
+            },
+            components: [memForm.asSpec()]
+          }],
+        behaviours: derive$1([
+          Keying.config({
+            mode: 'acyclic',
+            useTabstopAt: not(isPseudoStop)
+          }),
+          ComposingConfigs.memento(memForm),
+          RepresentingConfigs.memento(memForm, {
+            postprocess: function (formValue) {
+              return toValidValues(formValue).fold(function (err) {
+                console.error(err);
+                return {};
+              }, function (vals) {
+                return vals;
+              });
+            }
+          })
+        ])
+      };
+    };
+
+    var factory$j = function (detail, _spec) {
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: detail.components,
+        events: events$7(detail.action),
+        behaviours: augment(detail.tabButtonBehaviours, [
+          Focusing.config({}),
+          Keying.config({
+            mode: 'execution',
+            useSpace: true,
+            useEnter: true
+          }),
+          Representing.config({
+            store: {
+              mode: 'memory',
+              initialValue: detail.value
+            }
+          })
+        ]),
+        domModification: detail.domModification
+      };
+    };
+    var TabButton = single$2({
+      name: 'TabButton',
+      configFields: [
+        defaulted$1('uid', undefined),
+        strict$1('value'),
+        field('dom', 'dom', mergeWithThunk(function () {
+          return {
+            attributes: {
+              'role': 'tab',
+              'id': generate$1('aria'),
+              'aria-selected': 'false'
+            }
+          };
+        }), anyValue$1()),
+        option('action'),
+        defaulted$1('domModification', {}),
+        field$1('tabButtonBehaviours', [
+          Focusing,
+          Keying,
+          Representing
+        ]),
+        strict$1('view')
+      ],
+      factory: factory$j
+    });
+
+    var schema$y = constant([
+      strict$1('tabs'),
+      strict$1('dom'),
+      defaulted$1('clickToDismiss', false),
+      field$1('tabbarBehaviours', [
+        Highlighting,
+        Keying
+      ]),
+      markers([
+        'tabClass',
+        'selectedClass'
+      ])
+    ]);
+    var tabsPart = group({
+      factory: TabButton,
+      name: 'tabs',
+      unit: 'tab',
+      overrides: function (barDetail) {
+        var dismissTab$1 = function (tabbar, button) {
+          Highlighting.dehighlight(tabbar, button);
+          emitWith(tabbar, dismissTab(), {
+            tabbar: tabbar,
+            button: button
+          });
+        };
+        var changeTab$1 = function (tabbar, button) {
+          Highlighting.highlight(tabbar, button);
+          emitWith(tabbar, changeTab(), {
+            tabbar: tabbar,
+            button: button
+          });
+        };
+        return {
+          action: function (button) {
+            var tabbar = button.getSystem().getByUid(barDetail.uid).getOrDie();
+            var activeButton = Highlighting.isHighlighted(tabbar, button);
+            var response = function () {
+              if (activeButton && barDetail.clickToDismiss) {
+                return dismissTab$1;
+              } else if (!activeButton) {
+                return changeTab$1;
+              } else {
+                return noop;
+              }
+            }();
+            response(tabbar, button);
+          },
+          domModification: { classes: [barDetail.markers.tabClass] }
+        };
+      }
+    });
+    var parts$g = constant([tabsPart]);
+
+    var factory$k = function (detail, components, _spec, _externals) {
+      return {
+        'uid': detail.uid,
+        'dom': detail.dom,
+        components: components,
+        'debug.sketcher': 'Tabbar',
+        'domModification': { attributes: { role: 'tablist' } },
+        'behaviours': augment(detail.tabbarBehaviours, [
+          Highlighting.config({
+            highlightClass: detail.markers.selectedClass,
+            itemClass: detail.markers.tabClass,
+            onHighlight: function (tabbar, tab) {
+              set$1(tab.element, 'aria-selected', 'true');
+            },
+            onDehighlight: function (tabbar, tab) {
+              set$1(tab.element, 'aria-selected', 'false');
+            }
+          }),
+          Keying.config({
+            mode: 'flow',
+            getInitial: function (tabbar) {
+              return Highlighting.getHighlighted(tabbar).map(function (tab) {
+                return tab.element;
+              });
+            },
+            selector: '.' + detail.markers.tabClass,
+            executeOnMove: true
+          })
+        ])
+      };
+    };
+    var Tabbar = composite$1({
+      name: 'Tabbar',
+      configFields: schema$y(),
+      partFields: parts$g(),
+      factory: factory$k
+    });
+
+    var factory$l = function (detail, _spec) {
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        behaviours: augment(detail.tabviewBehaviours, [Replacing.config({})]),
+        domModification: { attributes: { role: 'tabpanel' } }
+      };
+    };
+    var Tabview = single$2({
+      name: 'Tabview',
+      configFields: [field$1('tabviewBehaviours', [Replacing])],
+      factory: factory$l
+    });
+
+    var schema$z = constant([
+      defaulted$1('selectFirst', true),
+      onHandler('onChangeTab'),
+      onHandler('onDismissTab'),
+      defaulted$1('tabs', []),
+      field$1('tabSectionBehaviours', [])
+    ]);
+    var barPart = required({
+      factory: Tabbar,
+      schema: [
+        strict$1('dom'),
+        strictObjOf('markers', [
+          strict$1('tabClass'),
+          strict$1('selectedClass')
+        ])
+      ],
+      name: 'tabbar',
+      defaults: function (detail) {
+        return { tabs: detail.tabs };
+      }
+    });
+    var viewPart = required({
+      factory: Tabview,
+      name: 'tabview'
+    });
+    var parts$h = constant([
+      barPart,
+      viewPart
+    ]);
+
+    var factory$m = function (detail, components, _spec, _externals) {
+      var changeTab$1 = function (button) {
+        var tabValue = Representing.getValue(button);
+        getPart(button, detail, 'tabview').each(function (tabview) {
+          var tabWithValue = find(detail.tabs, function (t) {
+            return t.value === tabValue;
+          });
+          tabWithValue.each(function (tabData) {
+            var panel = tabData.view();
+            getOpt(button.element, 'id').each(function (id) {
+              set$1(tabview.element, 'aria-labelledby', id);
+            });
+            Replacing.set(tabview, panel);
+            detail.onChangeTab(tabview, button, panel);
+          });
+        });
+      };
+      var changeTabBy = function (section, byPred) {
+        getPart(section, detail, 'tabbar').each(function (tabbar) {
+          byPred(tabbar).each(emitExecute);
+        });
+      };
+      return {
+        uid: detail.uid,
+        dom: detail.dom,
+        components: components,
+        behaviours: get$d(detail.tabSectionBehaviours),
+        events: derive(flatten([
+          detail.selectFirst ? [runOnAttached(function (section, _simulatedEvent) {
+              changeTabBy(section, Highlighting.getFirst);
+            })] : [],
+          [
+            run(changeTab(), function (section, simulatedEvent) {
+              var button = simulatedEvent.event.button;
+              changeTab$1(button);
+            }),
+            run(dismissTab(), function (section, simulatedEvent) {
+              var button = simulatedEvent.event.button;
+              detail.onDismissTab(section, button);
+            })
+          ]
+        ])),
+        apis: {
+          getViewItems: function (section) {
+            return getPart(section, detail, 'tabview').map(function (tabview) {
+              return Replacing.contents(tabview);
+            }).getOr([]);
+          },
+          showTab: function (section, tabKey) {
+            var getTabIfNotActive = function (tabbar) {
+              var candidates = Highlighting.getCandidates(tabbar);
+              var optTab = find(candidates, function (c) {
+                return Representing.getValue(c) === tabKey;
+              });
+              return optTab.filter(function (tab) {
+                return !Highlighting.isHighlighted(tabbar, tab);
+              });
+            };
+            changeTabBy(section, getTabIfNotActive);
+          }
+        }
+      };
+    };
+    var TabSection = composite$1({
+      name: 'TabSection',
+      configFields: schema$z(),
+      partFields: parts$h(),
+      factory: factory$m,
+      apis: {
+        getViewItems: function (apis, component) {
+          return apis.getViewItems(component);
+        },
+        showTab: function (apis, component, tabKey) {
+          apis.showTab(component, tabKey);
+        }
+      }
+    });
+
+    var measureHeights = function (allTabs, tabview, tabviewComp) {
+      return map(allTabs, function (_tab, i) {
+        Replacing.set(tabviewComp, allTabs[i].view());
+        var rect = tabview.dom.getBoundingClientRect();
+        Replacing.set(tabviewComp, []);
+        return rect.height;
+      });
+    };
+    var getMaxHeight = function (heights) {
+      return head(sort(heights, function (a, b) {
+        if (a > b) {
+          return -1;
+        } else if (a < b) {
+          return +1;
+        } else {
+          return 0;
+        }
+      }));
+    };
+    var getMaxTabviewHeight = function (dialog, tabview, tablist) {
+      var documentElement$1 = documentElement(dialog).dom;
+      var rootElm = ancestor$2(dialog, '.tox-dialog-wrap').getOr(dialog);
+      var isFixed = get$5(rootElm, 'position') === 'fixed';
+      var maxHeight;
+      if (isFixed) {
+        maxHeight = Math.max(documentElement$1.clientHeight, window.innerHeight);
+      } else {
+        maxHeight = Math.max(documentElement$1.offsetHeight, documentElement$1.scrollHeight);
+      }
+      var tabviewHeight = get$7(tabview);
+      var isTabListBeside = tabview.dom.offsetLeft >= tablist.dom.offsetLeft + get$8(tablist);
+      var currentTabHeight = isTabListBeside ? Math.max(get$7(tablist), tabviewHeight) : tabviewHeight;
+      var dialogTopMargin = parseInt(get$5(dialog, 'margin-top'), 10) || 0;
+      var dialogBottomMargin = parseInt(get$5(dialog, 'margin-bottom'), 10) || 0;
+      var dialogHeight = get$7(dialog) + dialogTopMargin + dialogBottomMargin;
+      var chromeHeight = dialogHeight - currentTabHeight;
+      return maxHeight - chromeHeight;
+    };
+    var showTab = function (allTabs, comp) {
+      head(allTabs).each(function (tab) {
+        return TabSection.showTab(comp, tab.value);
+      });
+    };
+    var setTabviewHeight = function (tabview, height) {
+      set$2(tabview, 'height', height + 'px');
+      if (!detect$3().browser.isIE()) {
+        set$2(tabview, 'flex-basis', height + 'px');
+      } else {
+        remove$6(tabview, 'flex-basis');
+      }
+    };
+    var updateTabviewHeight = function (dialogBody, tabview, maxTabHeight) {
+      ancestor$2(dialogBody, '[role="dialog"]').each(function (dialog) {
+        descendant$1(dialog, '[role="tablist"]').each(function (tablist) {
+          maxTabHeight.get().map(function (height) {
+            set$2(tabview, 'height', '0');
+            set$2(tabview, 'flex-basis', '0');
+            return Math.min(height, getMaxTabviewHeight(dialog, tabview, tablist));
+          }).each(function (height) {
+            setTabviewHeight(tabview, height);
+          });
+        });
+      });
+    };
+    var getTabview = function (dialog) {
+      return descendant$1(dialog, '[role="tabpanel"]');
+    };
+    var setMode = function (allTabs) {
+      var smartTabHeight = function () {
+        var maxTabHeight = Cell(Optional.none());
+        var extraEvents = [
+          runOnAttached(function (comp) {
+            var dialog = comp.element;
+            getTabview(dialog).each(function (tabview) {
+              set$2(tabview, 'visibility', 'hidden');
+              comp.getSystem().getByDom(tabview).toOptional().each(function (tabviewComp) {
+                var heights = measureHeights(allTabs, tabview, tabviewComp);
+                var maxTabHeightOpt = getMaxHeight(heights);
+                maxTabHeight.set(maxTabHeightOpt);
+              });
+              updateTabviewHeight(dialog, tabview, maxTabHeight);
+              remove$6(tabview, 'visibility');
+              showTab(allTabs, comp);
+              global$2.requestAnimationFrame(function () {
+                updateTabviewHeight(dialog, tabview, maxTabHeight);
+              });
+            });
+          }),
+          run(windowResize(), function (comp) {
+            var dialog = comp.element;
+            getTabview(dialog).each(function (tabview) {
+              updateTabviewHeight(dialog, tabview, maxTabHeight);
+            });
+          }),
+          run(formResizeEvent, function (comp, _se) {
+            var dialog = comp.element;
+            getTabview(dialog).each(function (tabview) {
+              var oldFocus = active();
+              set$2(tabview, 'visibility', 'hidden');
+              var oldHeight = getRaw(tabview, 'height').map(function (h) {
+                return parseInt(h, 10);
+              });
+              remove$6(tabview, 'height');
+              remove$6(tabview, 'flex-basis');
+              var newHeight = tabview.dom.getBoundingClientRect().height;
+              var hasGrown = oldHeight.forall(function (h) {
+                return newHeight > h;
+              });
+              if (hasGrown) {
+                maxTabHeight.set(Optional.from(newHeight));
+                updateTabviewHeight(dialog, tabview, maxTabHeight);
+              } else {
+                oldHeight.each(function (h) {
+                  setTabviewHeight(tabview, h);
+                });
+              }
+              remove$6(tabview, 'visibility');
+              oldFocus.each(focus$1);
+            });
+          })
+        ];
+        var selectFirst = false;
+        return {
+          extraEvents: extraEvents,
+          selectFirst: selectFirst
+        };
+      }();
+      var naiveTabHeight = function () {
+        var extraEvents = [];
+        var selectFirst = true;
+        return {
+          extraEvents: extraEvents,
+          selectFirst: selectFirst
+        };
+      }();
+      return {
+        smartTabHeight: smartTabHeight,
+        naiveTabHeight: naiveTabHeight
+      };
+    };
+
+    var SendDataToSectionChannel = 'send-data-to-section';
+    var SendDataToViewChannel = 'send-data-to-view';
+    var renderTabPanel = function (spec, backstage) {
+      var storedValue = Cell({});
+      var updateDataWithForm = function (form) {
+        var formData = Representing.getValue(form);
+        var validData = toValidValues(formData).getOr({});
+        var currentData = storedValue.get();
+        var newData = deepMerge(currentData, validData);
+        storedValue.set(newData);
+      };
+      var setDataOnForm = function (form) {
+        var tabData = storedValue.get();
+        Representing.setValue(form, tabData);
+      };
+      var oldTab = Cell(null);
+      var allTabs = map(spec.tabs, function (tab) {
+        return {
+          value: tab.name,
+          dom: {
+            tag: 'div',
+            classes: ['tox-dialog__body-nav-item'],
+            innerHtml: backstage.shared.providers.translate(tab.title)
+          },
+          view: function () {
+            return [Form.sketch(function (parts) {
+                return {
+                  dom: {
+                    tag: 'div',
+                    classes: ['tox-form']
+                  },
+                  components: map(tab.items, function (item) {
+                    return interpretInForm(parts, item, backstage);
+                  }),
+                  formBehaviours: derive$1([
+                    Keying.config({
+                      mode: 'acyclic',
+                      useTabstopAt: not(isPseudoStop)
+                    }),
+                    config('TabView.form.events', [
+                      runOnAttached(setDataOnForm),
+                      runOnDetached(updateDataWithForm)
+                    ]),
+                    Receiving.config({
+                      channels: wrapAll$1([
+                        {
+                          key: SendDataToSectionChannel,
+                          value: { onReceive: updateDataWithForm }
+                        },
+                        {
+                          key: SendDataToViewChannel,
+                          value: { onReceive: setDataOnForm }
+                        }
+                      ])
+                    })
+                  ])
+                };
+              })];
+          }
+        };
+      });
+      var tabMode = setMode(allTabs).smartTabHeight;
+      return TabSection.sketch({
+        dom: {
+          tag: 'div',
+          classes: ['tox-dialog__body']
+        },
+        onChangeTab: function (section, button, _viewItems) {
+          var name = Representing.getValue(button);
+          emitWith(section, formTabChangeEvent, {
+            name: name,
+            oldName: oldTab.get()
+          });
+          oldTab.set(name);
+        },
+        tabs: allTabs,
+        components: [
+          TabSection.parts.tabbar({
+            dom: {
+              tag: 'div',
+              classes: ['tox-dialog__body-nav']
+            },
+            components: [Tabbar.parts.tabs({})],
+            markers: {
+              tabClass: 'tox-tab',
+              selectedClass: 'tox-dialog__body-nav-item--active'
+            },
+            tabbarBehaviours: derive$1([Tabstopping.config({})])
+          }),
+          TabSection.parts.tabview({
+            dom: {
+              tag: 'div',
+              classes: ['tox-dialog__body-content']
+            }
+          })
+        ],
+        selectFirst: tabMode.selectFirst,
+        tabSectionBehaviours: derive$1([
+          config('tabpanel', tabMode.extraEvents),
+          Keying.config({ mode: 'acyclic' }),
+          Composing.config({
+            find: function (comp) {
+              return head(TabSection.getViewItems(comp));
+            }
+          }),
+          Representing.config({
+            store: {
+              mode: 'manual',
+              getValue: function (tsection) {
+                tsection.getSystem().broadcastOn([SendDataToSectionChannel], {});
+                return storedValue.get();
+              },
+              setValue: function (tsection, value) {
+                storedValue.set(value);
+                tsection.getSystem().broadcastOn([SendDataToViewChannel], {});
+              }
+            }
+          })
+        ])
+      });
+    };
+
+    var dialogChannel = generate$1('update-dialog');
+    var titleChannel = generate$1('update-title');
+    var bodyChannel = generate$1('update-body');
+    var footerChannel = generate$1('update-footer');
+    var bodySendMessageChannel = generate$1('body-send-message');
+
+    var renderBody = function (spec, id, backstage, ariaAttrs) {
+      var renderComponents = function (incoming) {
+        switch (incoming.body.type) {
+        case 'tabpanel': {
+            return [renderTabPanel(incoming.body, backstage)];
+          }
+        default: {
+            return [renderBodyPanel(incoming.body, backstage)];
+          }
+        }
+      };
+      var updateState = function (_comp, incoming) {
+        return Optional.some({
+          isTabPanel: function () {
+            return incoming.body.type === 'tabpanel';
+          }
+        });
+      };
+      var ariaAttributes = { 'aria-live': 'polite' };
+      return {
+        dom: {
+          tag: 'div',
+          classes: ['tox-dialog__content-js'],
+          attributes: __assign(__assign({}, id.map(function (x) {
+            return { id: x };
+          }).getOr({})), ariaAttrs ? ariaAttributes : {})
+        },
+        components: [],
+        behaviours: derive$1([
+          ComposingConfigs.childAt(0),
+          Reflecting.config({
+            channel: bodyChannel,
+            updateState: updateState,
+            renderComponents: renderComponents,
+            initialData: spec
+          })
+        ])
+      };
+    };
+    var renderInlineBody = function (spec, contentId, backstage, ariaAttrs) {
+      return renderBody(spec, Optional.some(contentId), backstage, ariaAttrs);
+    };
+    var renderModalBody = function (spec, backstage) {
+      var bodySpec = renderBody(spec, Optional.none(), backstage, false);
+      return ModalDialog.parts.body(bodySpec);
+    };
+    var renderIframeBody = function (spec) {
+      var bodySpec = {
+        dom: {
+          tag: 'div',
+          classes: ['tox-dialog__content-js']
+        },
+        components: [{
+            dom: {
+              tag: 'div',
+              classes: ['tox-dialog__body-iframe']
+            },
+            components: [craft({
+                dom: {
+                  tag: 'iframe',
+                  attributes: { src: spec.url }
+                },
+                behaviours: derive$1([
+                  Tabstopping.config({}),
+                  Focusing.config({})
+                ])
+              })]
+          }],
+        behaviours: derive$1([Keying.config({
+            mode: 'acyclic',
+            useTabstopAt: not(isPseudoStop)
+          })])
+      };
+      return ModalDialog.parts.body(bodySpec);
+    };
+
+    var isTouch = global$8.deviceType.isTouch();
+    var hiddenHeader = function (title, close) {
+      return {
+        dom: {
+          tag: 'div',
+          styles: { display: 'none' },
+          classes: ['tox-dialog__header']
+        },
+        components: [
+          title,
+          close
+        ]
+      };
+    };
+    var pClose = function (onClose, providersBackstage) {
+      return ModalDialog.parts.close(Button.sketch({
+        dom: {
+          tag: 'button',
+          classes: [
+            'tox-button',
+            'tox-button--icon',
+            'tox-button--naked'
+          ],
+          attributes: {
+            'type': 'button',
+            'aria-label': providersBackstage.translate('Close')
+          }
+        },
+        action: onClose,
+        buttonBehaviours: derive$1([Tabstopping.config({})])
+      }));
+    };
+    var pUntitled = function () {
+      return ModalDialog.parts.title({
+        dom: {
+          tag: 'div',
+          classes: ['tox-dialog__title'],
+          innerHtml: '',
+          styles: { display: 'none' }
+        }
+      });
+    };
+    var pBodyMessage = function (message, providersBackstage) {
+      return ModalDialog.parts.body({
+        dom: {
+          tag: 'div',
+          classes: ['tox-dialog__body']
+        },
+        components: [{
+            dom: {
+              tag: 'div',
+              classes: ['tox-dialog__body-content']
+            },
+            components: [{ dom: fromHtml$2('<p>' + providersBackstage.translate(message) + '</p>') }]
+          }]
+      });
+    };
+    var pFooter = function (buttons) {
+      return ModalDialog.parts.footer({
+        dom: {
+          tag: 'div',
+          classes: ['tox-dialog__footer']
+        },
+        components: buttons
+      });
+    };
+    var pFooterGroup = function (startButtons, endButtons) {
+      return [
+        Container.sketch({
+          dom: {
+            tag: 'div',
+            classes: ['tox-dialog__footer-start']
+          },
+          components: startButtons
+        }),
+        Container.sketch({
+          dom: {
+            tag: 'div',
+            classes: ['tox-dialog__footer-end']
+          },
+          components: endButtons
+        })
+      ];
+    };
+    var renderDialog = function (spec) {
+      var _a;
+      var dialogClass = 'tox-dialog';
+      var blockerClass = dialogClass + '-wrap';
+      var blockerBackdropClass = blockerClass + '__backdrop';
+      var scrollLockClass = dialogClass + '__disable-scroll';
+      return ModalDialog.sketch({
+        lazySink: spec.lazySink,
+        onEscape: function (comp) {
+          spec.onEscape(comp);
+          return Optional.some(true);
+        },
+        useTabstopAt: function (elem) {
+          return !isPseudoStop(elem);
+        },
+        dom: {
+          tag: 'div',
+          classes: [dialogClass].concat(spec.extraClasses),
+          styles: __assign({ position: 'relative' }, spec.extraStyles)
+        },
+        components: __spreadArrays([
+          spec.header,
+          spec.body
+        ], spec.footer.toArray()),
+        parts: {
+          blocker: {
+            dom: fromHtml$2('<div class="' + blockerClass + '"></div>'),
+            components: [{
+                dom: {
+                  tag: 'div',
+                  classes: isTouch ? [
+                    blockerBackdropClass,
+                    blockerBackdropClass + '--opaque'
+                  ] : [blockerBackdropClass]
+                }
+              }]
+          }
+        },
+        dragBlockClass: blockerClass,
+        modalBehaviours: derive$1(__spreadArrays([
+          Focusing.config({}),
+          config('dialog-events', spec.dialogEvents.concat([runOnSource(focusin(), function (comp, _se) {
+              Keying.focusIn(comp);
+            })])),
+          config('scroll-lock', [
+            runOnAttached(function () {
+              add$2(body(), scrollLockClass);
+            }),
+            runOnDetached(function () {
+              remove$4(body(), scrollLockClass);
+            })
+          ])
+        ], spec.extraBehaviours)),
+        eventOrder: __assign((_a = {}, _a[execute()] = ['dialog-events'], _a[attachedToDom()] = [
+          'scroll-lock',
+          'dialog-events',
+          'alloy.base.behaviour'
+        ], _a[detachedFromDom()] = [
+          'alloy.base.behaviour',
+          'dialog-events',
+          'scroll-lock'
+        ], _a), spec.eventOrder)
+      });
+    };
+
+    var renderClose = function (providersBackstage) {
+      return Button.sketch({
+        dom: {
+          tag: 'button',
+          classes: [
+            'tox-button',
+            'tox-button--icon',
+            'tox-button--naked'
+          ],
+          attributes: {
+            'type': 'button',
+            'aria-label': providersBackstage.translate('Close'),
+            'title': providersBackstage.translate('Close')
+          }
+        },
+        components: [{
+            dom: {
+              tag: 'div',
+              classes: ['tox-icon'],
+              innerHtml: get$e('close', providersBackstage.icons)
+            }
+          }],
+        action: function (comp) {
+          emit(comp, formCancelEvent);
+        }
+      });
+    };
+    var renderTitle = function (spec, id, providersBackstage) {
+      var renderComponents = function (data) {
+        return [text(providersBackstage.translate(data.title))];
+      };
+      return {
+        dom: {
+          tag: 'div',
+          classes: ['tox-dialog__title'],
+          attributes: __assign({}, id.map(function (x) {
+            return { id: x };
+          }).getOr({}))
+        },
+        components: renderComponents(spec),
+        behaviours: derive$1([Reflecting.config({
+            channel: titleChannel,
+            renderComponents: renderComponents
+          })])
+      };
+    };
+    var renderDragHandle = function () {
+      return { dom: fromHtml$2('<div class="tox-dialog__draghandle"></div>') };
+    };
+    var renderInlineHeader = function (spec, titleId, providersBackstage) {
+      return Container.sketch({
+        dom: fromHtml$2('<div class="tox-dialog__header"></div>'),
+        components: [
+          renderTitle(spec, Optional.some(titleId), providersBackstage),
+          renderDragHandle(),
+          renderClose(providersBackstage)
+        ],
+        containerBehaviours: derive$1([Dragging.config({
+            mode: 'mouse',
+            blockerClass: 'blocker',
+            getTarget: function (handle) {
+              return closest$3(handle, '[role="dialog"]').getOrDie();
+            },
+            snaps: {
+              getSnapPoints: function () {
+                return [];
+              },
+              leftAttr: 'data-drag-left',
+              topAttr: 'data-drag-top'
+            }
+          })])
+      });
+    };
+    var renderModalHeader = function (spec, providersBackstage) {
+      var pTitle = ModalDialog.parts.title(renderTitle(spec, Optional.none(), providersBackstage));
+      var pHandle = ModalDialog.parts.draghandle(renderDragHandle());
+      var pClose = ModalDialog.parts.close(renderClose(providersBackstage));
+      var components = [pTitle].concat(spec.draggable ? [pHandle] : []).concat([pClose]);
+      return Container.sketch({
+        dom: fromHtml$2('<div class="tox-dialog__header"></div>'),
+        components: components
+      });
+    };
+
+    var getHeader = function (title, backstage) {
+      return renderModalHeader({
+        title: backstage.shared.providers.translate(title),
+        draggable: backstage.dialog.isDraggableModal()
+      }, backstage.shared.providers);
+    };
+    var getBusySpec = function (message, bs) {
+      return {
+        dom: {
+          tag: 'div',
+          classes: ['tox-dialog__busy-spinner'],
+          attributes: { 'aria-label': message },
+          styles: {
+            left: '0px',
+            right: '0px',
+            bottom: '0px',
+            top: '0px',
+            position: 'absolute'
+          }
+        },
+        behaviours: bs,
+        components: [{ dom: fromHtml$2('<div class="tox-spinner"><div></div><div></div><div></div></div>') }]
+      };
+    };
+    var getEventExtras = function (lazyDialog, extra) {
+      return {
+        onClose: function () {
+          return extra.closeWindow();
+        },
+        onBlock: function (blockEvent) {
+          ModalDialog.setBusy(lazyDialog(), function (_comp, bs) {
+            return getBusySpec(blockEvent.message, bs);
+          });
+        },
+        onUnblock: function () {
+          ModalDialog.setIdle(lazyDialog());
+        }
+      };
+    };
+    var renderModalDialog = function (spec, initialData, dialogEvents, backstage) {
+      var _a;
+      var updateState = function (_comp, incoming) {
+        return Optional.some(incoming);
+      };
+      return build$1(renderDialog(__assign(__assign({}, spec), {
+        lazySink: backstage.shared.getSink,
+        extraBehaviours: __spreadArrays([
+          Reflecting.config({
+            channel: dialogChannel,
+            updateState: updateState,
+            initialData: initialData
+          }),
+          RepresentingConfigs.memory({})
+        ], spec.extraBehaviours),
+        onEscape: function (comp) {
+          emit(comp, formCancelEvent);
+        },
+        dialogEvents: dialogEvents,
+        eventOrder: (_a = {}, _a[receive()] = [
+          Reflecting.name(),
+          Receiving.name()
+        ], _a[attachedToDom()] = [
+          'scroll-lock',
+          Reflecting.name(),
+          'messages',
+          'dialog-events',
+          'alloy.base.behaviour'
+        ], _a[detachedFromDom()] = [
+          'alloy.base.behaviour',
+          'dialog-events',
+          'messages',
+          Reflecting.name(),
+          'scroll-lock'
+        ], _a)
+      })));
+    };
+    var mapMenuButtons = function (buttons) {
+      var mapItems = function (button) {
+        var items = map(button.items, function (item) {
+          var cell = Cell(false);
+          return __assign(__assign({}, item), { storage: cell });
+        });
+        return __assign(__assign({}, button), { items: items });
+      };
+      return map(buttons, function (button) {
+        if (button.type === 'menu') {
+          return mapItems(button);
+        }
+        return button;
+      });
+    };
+    var extractCellsToObject = function (buttons) {
+      return foldl(buttons, function (acc, button) {
+        if (button.type === 'menu') {
+          var menuButton = button;
+          return foldl(menuButton.items, function (innerAcc, item) {
+            innerAcc[item.name] = item.storage;
+            return innerAcc;
+          }, acc);
+        }
+        return acc;
+      }, {});
+    };
+
+    var initCommonEvents = function (fireApiEvent, extras) {
+      return [
+        runWithTarget(focusin(), onFocus$1),
+        fireApiEvent(formCloseEvent, function (_api, spec) {
+          extras.onClose();
+          spec.onClose();
+        }),
+        fireApiEvent(formCancelEvent, function (api, spec, _event, self) {
+          spec.onCancel(api);
+          emit(self, formCloseEvent);
+        }),
+        run(formUnblockEvent, function (_c, _se) {
+          return extras.onUnblock();
+        }),
+        run(formBlockEvent, function (_c, se) {
+          return extras.onBlock(se.event);
+        })
+      ];
+    };
+    var initUrlDialog = function (getInstanceApi, extras) {
+      var fireApiEvent = function (eventName, f) {
+        return run(eventName, function (c, se) {
+          withSpec(c, function (spec, _c) {
+            f(getInstanceApi(), spec, se.event, c);
+          });
+        });
+      };
+      var withSpec = function (c, f) {
+        Reflecting.getState(c).get().each(function (currentDialog) {
+          f(currentDialog, c);
+        });
+      };
+      return __spreadArrays(initCommonEvents(fireApiEvent, extras), [fireApiEvent(formActionEvent, function (api, spec, event) {
+          spec.onAction(api, { name: event.name });
+        })]);
+    };
+    var initDialog = function (getInstanceApi, extras, getSink) {
+      var fireApiEvent = function (eventName, f) {
+        return run(eventName, function (c, se) {
+          withSpec(c, function (spec, _c) {
+            f(getInstanceApi(), spec, se.event, c);
+          });
+        });
+      };
+      var withSpec = function (c, f) {
+        Reflecting.getState(c).get().each(function (currentDialogInit) {
+          f(currentDialogInit.internalDialog, c);
+        });
+      };
+      return __spreadArrays(initCommonEvents(fireApiEvent, extras), [
+        fireApiEvent(formSubmitEvent, function (api, spec) {
+          return spec.onSubmit(api);
+        }),
+        fireApiEvent(formChangeEvent, function (api, spec, event) {
+          spec.onChange(api, { name: event.name });
+        }),
+        fireApiEvent(formActionEvent, function (api, spec, event, component) {
+          var focusIn = function () {
+            return Keying.focusIn(component);
+          };
+          var isDisabled = function (focused) {
+            return has$1(focused, 'disabled') || getOpt(focused, 'aria-disabled').exists(function (val) {
+              return val === 'true';
+            });
+          };
+          var rootNode = getRootNode(component.element);
+          var current = active(rootNode);
+          spec.onAction(api, {
+            name: event.name,
+            value: event.value
+          });
+          active(rootNode).fold(focusIn, function (focused) {
+            if (isDisabled(focused)) {
+              focusIn();
+            } else if (current.exists(function (cur) {
+                return contains$2(focused, cur) && isDisabled(cur);
+              })) {
+              focusIn();
+            } else {
+              getSink().toOptional().filter(function (sink) {
+                return !contains$2(sink.element, focused);
+              }).each(focusIn);
+            }
+          });
+        }),
+        fireApiEvent(formTabChangeEvent, function (api, spec, event) {
+          spec.onTabChange(api, {
+            newTabName: event.name,
+            oldTabName: event.oldName
+          });
+        }),
+        runOnDetached(function (component) {
+          var api = getInstanceApi();
+          Representing.setValue(component, api.getData());
+        })
+      ]);
+    };
+    var SilverDialogEvents = {
+      initUrlDialog: initUrlDialog,
+      initDialog: initDialog
+    };
+
+    var makeButton = function (button, backstage) {
+      return renderFooterButton(button, button.type, backstage);
+    };
+    var lookup$2 = function (compInSystem, footerButtons, buttonName) {
+      return find(footerButtons, function (button) {
+        return button.name === buttonName;
+      }).bind(function (memButton) {
+        return memButton.memento.getOpt(compInSystem);
+      });
+    };
+    var renderComponents = function (_data, state) {
+      var footerButtons = state.map(function (s) {
+        return s.footerButtons;
+      }).getOr([]);
+      var buttonGroups = partition(footerButtons, function (button) {
+        return button.align === 'start';
+      });
+      var makeGroup = function (edge, buttons) {
+        return Container.sketch({
+          dom: {
+            tag: 'div',
+            classes: ['tox-dialog__footer-' + edge]
+          },
+          components: map(buttons, function (button) {
+            return button.memento.asSpec();
+          })
+        });
+      };
+      var startButtons = makeGroup('start', buttonGroups.pass);
+      var endButtons = makeGroup('end', buttonGroups.fail);
+      return [
+        startButtons,
+        endButtons
+      ];
+    };
+    var renderFooter = function (initSpec, backstage) {
+      var updateState = function (_comp, data) {
+        var footerButtons = map(data.buttons, function (button) {
+          var memButton = record(makeButton(button, backstage));
+          return {
+            name: button.name,
+            align: button.align,
+            memento: memButton
+          };
+        });
+        var lookupByName = function (compInSystem, buttonName) {
+          return lookup$2(compInSystem, footerButtons, buttonName);
+        };
+        return Optional.some({
+          lookupByName: lookupByName,
+          footerButtons: footerButtons
+        });
+      };
+      return {
+        dom: fromHtml$2('<div class="tox-dialog__footer"></div>'),
+        components: [],
+        behaviours: derive$1([Reflecting.config({
+            channel: footerChannel,
+            initialData: initSpec,
+            updateState: updateState,
+            renderComponents: renderComponents
+          })])
+      };
+    };
+    var renderInlineFooter = function (initSpec, backstage) {
+      return renderFooter(initSpec, backstage);
+    };
+    var renderModalFooter = function (initSpec, backstage) {
+      return ModalDialog.parts.footer(renderFooter(initSpec, backstage));
+    };
+
+    var getCompByName = function (access, name) {
+      var root = access.getRoot();
+      if (root.getSystem().isConnected()) {
+        var form_1 = Composing.getCurrent(access.getFormWrapper()).getOr(access.getFormWrapper());
+        return Form.getField(form_1, name).fold(function () {
+          var footer = access.getFooter();
+          var footerState = Reflecting.getState(footer);
+          return footerState.get().bind(function (f) {
+            return f.lookupByName(form_1, name);
+          });
+        }, function (comp) {
+          return Optional.some(comp);
+        });
+      } else {
+        return Optional.none();
+      }
+    };
+    var validateData = function (access, data) {
+      var root = access.getRoot();
+      return Reflecting.getState(root).get().map(function (dialogState) {
+        return getOrDie(asRaw('data', dialogState.dataValidator, data));
+      }).getOr(data);
+    };
+    var getDialogApi = function (access, doRedial, menuItemStates) {
+      var withRoot = function (f) {
+        var root = access.getRoot();
+        if (root.getSystem().isConnected()) {
+          f(root);
+        }
+      };
+      var getData = function () {
+        var root = access.getRoot();
+        var valueComp = root.getSystem().isConnected() ? access.getFormWrapper() : root;
+        var representedValues = Representing.getValue(valueComp);
+        var menuItemCurrentState = map$2(menuItemStates, function (cell) {
+          return cell.get();
+        });
+        return __assign(__assign({}, representedValues), menuItemCurrentState);
+      };
+      var setData = function (newData) {
+        withRoot(function (_) {
+          var prevData = instanceApi.getData();
+          var mergedData = __assign(__assign({}, prevData), newData);
+          var newInternalData = validateData(access, mergedData);
+          var form = access.getFormWrapper();
+          Representing.setValue(form, newInternalData);
+          each$1(menuItemStates, function (v, k) {
+            if (has(mergedData, k)) {
+              v.set(mergedData[k]);
+            }
+          });
+        });
+      };
+      var disable = function (name) {
+        getCompByName(access, name).each(Disabling.disable);
+      };
+      var enable = function (name) {
+        getCompByName(access, name).each(Disabling.enable);
+      };
+      var focus = function (name) {
+        getCompByName(access, name).each(Focusing.focus);
+      };
+      var block = function (message) {
+        if (!isString(message)) {
+          throw new Error('The dialogInstanceAPI.block function should be passed a blocking message of type string as an argument');
+        }
+        withRoot(function (root) {
+          emitWith(root, formBlockEvent, { message: message });
+        });
+      };
+      var unblock = function () {
+        withRoot(function (root) {
+          emit(root, formUnblockEvent);
+        });
+      };
+      var showTab = function (name) {
+        withRoot(function (_) {
+          var body = access.getBody();
+          var bodyState = Reflecting.getState(body);
+          if (bodyState.get().exists(function (b) {
+              return b.isTabPanel();
+            })) {
+            Composing.getCurrent(body).each(function (tabSection) {
+              TabSection.showTab(tabSection, name);
+            });
+          }
+        });
+      };
+      var redial = function (d) {
+        withRoot(function (root) {
+          var dialogInit = doRedial(d);
+          root.getSystem().broadcastOn([dialogChannel], dialogInit);
+          root.getSystem().broadcastOn([titleChannel], dialogInit.internalDialog);
+          root.getSystem().broadcastOn([bodyChannel], dialogInit.internalDialog);
+          root.getSystem().broadcastOn([footerChannel], dialogInit.internalDialog);
+          instanceApi.setData(dialogInit.initialData);
+        });
+      };
+      var close = function () {
+        withRoot(function (root) {
+          emit(root, formCloseEvent);
+        });
+      };
+      var instanceApi = {
+        getData: getData,
+        setData: setData,
+        disable: disable,
+        enable: enable,
+        focus: focus,
+        block: block,
+        unblock: unblock,
+        showTab: showTab,
+        redial: redial,
+        close: close
+      };
+      return instanceApi;
+    };
+
+    var getDialogSizeClasses = function (size) {
+      switch (size) {
+      case 'large':
+        return ['tox-dialog--width-lg'];
+      case 'medium':
+        return ['tox-dialog--width-md'];
+      default:
+        return [];
+      }
+    };
+    var renderDialog$1 = function (dialogInit, extra, backstage) {
+      var header = getHeader(dialogInit.internalDialog.title, backstage);
+      var body = renderModalBody({ body: dialogInit.internalDialog.body }, backstage);
+      var storagedMenuButtons = mapMenuButtons(dialogInit.internalDialog.buttons);
+      var objOfCells = extractCellsToObject(storagedMenuButtons);
+      var footer = renderModalFooter({ buttons: storagedMenuButtons }, backstage);
+      var dialogEvents = SilverDialogEvents.initDialog(function () {
+        return instanceApi;
+      }, getEventExtras(function () {
+        return dialog;
+      }, extra), backstage.shared.getSink);
+      var dialogSize = getDialogSizeClasses(dialogInit.internalDialog.size);
+      var spec = {
+        header: header,
+        body: body,
+        footer: Optional.some(footer),
+        extraClasses: dialogSize,
+        extraBehaviours: [],
+        extraStyles: {}
+      };
+      var dialog = renderModalDialog(spec, dialogInit, dialogEvents, backstage);
+      var modalAccess = function () {
+        var getForm = function () {
+          var outerForm = ModalDialog.getBody(dialog);
+          return Composing.getCurrent(outerForm).getOr(outerForm);
+        };
+        return {
+          getRoot: function () {
+            return dialog;
+          },
+          getBody: function () {
+            return ModalDialog.getBody(dialog);
+          },
+          getFooter: function () {
+            return ModalDialog.getFooter(dialog);
+          },
+          getFormWrapper: getForm
+        };
+      }();
+      var instanceApi = getDialogApi(modalAccess, extra.redial, objOfCells);
+      return {
+        dialog: dialog,
+        instanceApi: instanceApi
+      };
+    };
+
+    var renderInlineDialog = function (dialogInit, extra, backstage, ariaAttrs) {
+      var _a, _b;
+      var dialogLabelId = generate$1('dialog-label');
+      var dialogContentId = generate$1('dialog-content');
+      var updateState = function (_comp, incoming) {
+        return Optional.some(incoming);
+      };
+      var memHeader = record(renderInlineHeader({
+        title: dialogInit.internalDialog.title,
+        draggable: true
+      }, dialogLabelId, backstage.shared.providers));
+      var memBody = record(renderInlineBody({ body: dialogInit.internalDialog.body }, dialogContentId, backstage, ariaAttrs));
+      var storagedMenuButtons = mapMenuButtons(dialogInit.internalDialog.buttons);
+      var objOfCells = extractCellsToObject(storagedMenuButtons);
+      var memFooter = record(renderInlineFooter({ buttons: storagedMenuButtons }, backstage));
+      var dialogEvents = SilverDialogEvents.initDialog(function () {
+        return instanceApi;
+      }, {
+        onBlock: function (event) {
+          Blocking.block(dialog, function (_comp, bs) {
+            return getBusySpec(event.message, bs);
+          });
+        },
+        onUnblock: function () {
+          Blocking.unblock(dialog);
+        },
+        onClose: function () {
+          return extra.closeWindow();
+        }
+      }, backstage.shared.getSink);
+      var dialog = build$1({
+        dom: {
+          tag: 'div',
+          classes: [
+            'tox-dialog',
+            'tox-dialog-inline'
+          ],
+          attributes: (_a = { role: 'dialog' }, _a['aria-labelledby'] = dialogLabelId, _a['aria-describedby'] = '' + dialogContentId, _a)
+        },
+        eventOrder: (_b = {}, _b[receive()] = [
+          Reflecting.name(),
+          Receiving.name()
+        ], _b[execute()] = ['execute-on-form'], _b[attachedToDom()] = [
+          'reflecting',
+          'execute-on-form'
+        ], _b),
+        behaviours: derive$1([
+          Keying.config({
+            mode: 'cyclic',
+            onEscape: function (c) {
+              emit(c, formCloseEvent);
+              return Optional.some(true);
+            },
+            useTabstopAt: function (elem) {
+              return !isPseudoStop(elem) && (name(elem) !== 'button' || get$3(elem, 'disabled') !== 'disabled');
+            }
+          }),
+          Reflecting.config({
+            channel: dialogChannel,
+            updateState: updateState,
+            initialData: dialogInit
+          }),
+          Focusing.config({}),
+          config('execute-on-form', dialogEvents.concat([runOnSource(focusin(), function (comp, _se) {
+              Keying.focusIn(comp);
+            })])),
+          Blocking.config({
+            getRoot: function () {
+              return Optional.some(dialog);
+            }
+          }),
+          Replacing.config({}),
+          RepresentingConfigs.memory({})
+        ]),
+        components: [
+          memHeader.asSpec(),
+          memBody.asSpec(),
+          memFooter.asSpec()
+        ]
+      });
+      var instanceApi = getDialogApi({
+        getRoot: function () {
+          return dialog;
+        },
+        getFooter: function () {
+          return memFooter.get(dialog);
+        },
+        getBody: function () {
+          return memBody.get(dialog);
+        },
+        getFormWrapper: function () {
+          var body = memBody.get(dialog);
+          return Composing.getCurrent(body).getOr(body);
+        }
+      }, extra.redial, objOfCells);
+      return {
+        dialog: dialog,
+        instanceApi: instanceApi
+      };
+    };
+
+    var global$h = tinymce.util.Tools.resolve('tinymce.util.URI');
+
+    var getUrlDialogApi = function (root) {
+      var withRoot = function (f) {
+        if (root.getSystem().isConnected()) {
+          f(root);
+        }
+      };
+      var block = function (message) {
+        if (!isString(message)) {
+          throw new Error('The urlDialogInstanceAPI.block function should be passed a blocking message of type string as an argument');
+        }
+        withRoot(function (root) {
+          emitWith(root, formBlockEvent, { message: message });
+        });
+      };
+      var unblock = function () {
+        withRoot(function (root) {
+          emit(root, formUnblockEvent);
+        });
+      };
+      var close = function () {
+        withRoot(function (root) {
+          emit(root, formCloseEvent);
+        });
+      };
+      var sendMessage = function (data) {
+        withRoot(function (root) {
+          root.getSystem().broadcastOn([bodySendMessageChannel], data);
+        });
+      };
+      return {
+        block: block,
+        unblock: unblock,
+        close: close,
+        sendMessage: sendMessage
+      };
+    };
+
+    var SUPPORTED_MESSAGE_ACTIONS = [
+      'insertContent',
+      'setContent',
+      'execCommand',
+      'close',
+      'block',
+      'unblock'
+    ];
+    var isSupportedMessage = function (data) {
+      return isObject(data) && SUPPORTED_MESSAGE_ACTIONS.indexOf(data.mceAction) !== -1;
+    };
+    var isCustomMessage = function (data) {
+      return !isSupportedMessage(data) && isObject(data) && has(data, 'mceAction');
+    };
+    var handleMessage = function (editor, api, data) {
+      switch (data.mceAction) {
+      case 'insertContent':
+        editor.insertContent(data.content);
+        break;
+      case 'setContent':
+        editor.setContent(data.content);
+        break;
+      case 'execCommand':
+        var ui = isBoolean(data.ui) ? data.ui : false;
+        editor.execCommand(data.cmd, ui, data.value);
+        break;
+      case 'close':
+        api.close();
+        break;
+      case 'block':
+        api.block(data.message);
+        break;
+      case 'unblock':
+        api.unblock();
+        break;
+      }
+    };
+    var renderUrlDialog = function (internalDialog, extra, editor, backstage) {
+      var _a;
+      var header = getHeader(internalDialog.title, backstage);
+      var body = renderIframeBody(internalDialog);
+      var footer = internalDialog.buttons.bind(function (buttons) {
+        if (buttons.length === 0) {
+          return Optional.none();
+        } else {
+          return Optional.some(renderModalFooter({ buttons: buttons }, backstage));
+        }
+      });
+      var dialogEvents = SilverDialogEvents.initUrlDialog(function () {
+        return instanceApi;
+      }, getEventExtras(function () {
+        return dialog;
+      }, extra));
+      var styles = __assign(__assign({}, internalDialog.height.fold(function () {
+        return {};
+      }, function (height) {
+        return {
+          'height': height + 'px',
+          'max-height': height + 'px'
+        };
+      })), internalDialog.width.fold(function () {
+        return {};
+      }, function (width) {
+        return {
+          'width': width + 'px',
+          'max-width': width + 'px'
+        };
+      }));
+      var classes = internalDialog.width.isNone() && internalDialog.height.isNone() ? ['tox-dialog--width-lg'] : [];
+      var iframeUri = new global$h(internalDialog.url, { base_uri: new global$h(window.location.href) });
+      var iframeDomain = iframeUri.protocol + '://' + iframeUri.host + (iframeUri.port ? ':' + iframeUri.port : '');
+      var messageHandlerUnbinder = Cell(Optional.none());
+      var extraBehaviours = [
+        config('messages', [
+          runOnAttached(function () {
+            var unbind = bind$3(SugarElement.fromDom(window), 'message', function (e) {
+              if (iframeUri.isSameOrigin(new global$h(e.raw.origin))) {
+                var data = e.raw.data;
+                if (isSupportedMessage(data)) {
+                  handleMessage(editor, instanceApi, data);
+                } else if (isCustomMessage(data)) {
+                  internalDialog.onMessage(instanceApi, data);
+                }
+              }
+            });
+            messageHandlerUnbinder.set(Optional.some(unbind));
+          }),
+          runOnDetached(function () {
+            messageHandlerUnbinder.get().each(function (unbinder) {
+              return unbinder.unbind();
+            });
+          })
+        ]),
+        Receiving.config({
+          channels: (_a = {}, _a[bodySendMessageChannel] = {
+            onReceive: function (comp, data) {
+              descendant$1(comp.element, 'iframe').each(function (iframeEle) {
+                var iframeWin = iframeEle.dom.contentWindow;
+                iframeWin.postMessage(data, iframeDomain);
+              });
+            }
+          }, _a)
+        })
+      ];
+      var spec = {
+        header: header,
+        body: body,
+        footer: footer,
+        extraClasses: classes,
+        extraBehaviours: extraBehaviours,
+        extraStyles: styles
+      };
+      var dialog = renderModalDialog(spec, internalDialog, dialogEvents, backstage);
+      var instanceApi = getUrlDialogApi(dialog);
+      return {
+        dialog: dialog,
+        instanceApi: instanceApi
+      };
+    };
+
+    var setup$c = function (extras) {
+      var sharedBackstage = extras.backstage.shared;
+      var open = function (message, callback) {
+        var closeDialog = function () {
+          ModalDialog.hide(alertDialog);
+          callback();
+        };
+        var memFooterClose = record(renderFooterButton({
+          name: 'close-alert',
+          text: 'OK',
+          primary: true,
+          align: 'end',
+          disabled: false,
+          icon: Optional.none()
+        }, 'cancel', extras.backstage));
+        var titleSpec = pUntitled();
+        var closeSpec = pClose(closeDialog, sharedBackstage.providers);
+        var alertDialog = build$1(renderDialog({
+          lazySink: function () {
+            return sharedBackstage.getSink();
+          },
+          header: hiddenHeader(titleSpec, closeSpec),
+          body: pBodyMessage(message, sharedBackstage.providers),
+          footer: Optional.some(pFooter(pFooterGroup([], [memFooterClose.asSpec()]))),
+          onEscape: closeDialog,
+          extraClasses: ['tox-alert-dialog'],
+          extraBehaviours: [],
+          extraStyles: {},
+          dialogEvents: [run(formCancelEvent, closeDialog)],
+          eventOrder: {}
+        }));
+        ModalDialog.show(alertDialog);
+        var footerCloseButton = memFooterClose.get(alertDialog);
+        Focusing.focus(footerCloseButton);
+      };
+      return { open: open };
+    };
+
+    var setup$d = function (extras) {
+      var sharedBackstage = extras.backstage.shared;
+      var open = function (message, callback) {
+        var closeDialog = function (state) {
+          ModalDialog.hide(confirmDialog);
+          callback(state);
+        };
+        var memFooterYes = record(renderFooterButton({
+          name: 'yes',
+          text: 'Yes',
+          primary: true,
+          align: 'end',
+          disabled: false,
+          icon: Optional.none()
+        }, 'submit', extras.backstage));
+        var footerNo = renderFooterButton({
+          name: 'no',
+          text: 'No',
+          primary: false,
+          align: 'end',
+          disabled: false,
+          icon: Optional.none()
+        }, 'cancel', extras.backstage);
+        var titleSpec = pUntitled();
+        var closeSpec = pClose(function () {
+          return closeDialog(false);
+        }, sharedBackstage.providers);
+        var confirmDialog = build$1(renderDialog({
+          lazySink: function () {
+            return sharedBackstage.getSink();
+          },
+          header: hiddenHeader(titleSpec, closeSpec),
+          body: pBodyMessage(message, sharedBackstage.providers),
+          footer: Optional.some(pFooter(pFooterGroup([], [
+            footerNo,
+            memFooterYes.asSpec()
+          ]))),
+          onEscape: function () {
+            return closeDialog(false);
+          },
+          extraClasses: ['tox-confirm-dialog'],
+          extraBehaviours: [],
+          extraStyles: {},
+          dialogEvents: [
+            run(formCancelEvent, function () {
+              return closeDialog(false);
+            }),
+            run(formSubmitEvent, function () {
+              return closeDialog(true);
+            })
+          ],
+          eventOrder: {}
+        }));
+        ModalDialog.show(confirmDialog);
+        var footerYesButton = memFooterYes.get(confirmDialog);
+        Focusing.focus(footerYesButton);
+      };
+      return { open: open };
+    };
+
+    var validateData$1 = function (data, validator) {
+      return getOrDie(asRaw('data', validator, data));
+    };
+    var isAlertOrConfirmDialog = function (target) {
+      return closest$4(target, '.tox-alert-dialog') || closest$4(target, '.tox-confirm-dialog');
+    };
+    var inlineAdditionalBehaviours = function (editor, isStickyToolbar, isToolbarLocationTop) {
+      if (isStickyToolbar && isToolbarLocationTop) {
+        return [];
+      } else {
+        return [Docking.config({
+            contextual: {
+              lazyContext: function () {
+                return Optional.some(box(SugarElement.fromDom(editor.getContentAreaContainer())));
+              },
+              fadeInClass: 'tox-dialog-dock-fadein',
+              fadeOutClass: 'tox-dialog-dock-fadeout',
+              transitionClass: 'tox-dialog-dock-transition'
+            },
+            modes: ['top']
+          })];
+      }
+    };
+    var setup$e = function (extras) {
+      var backstage = extras.backstage;
+      var editor = extras.editor;
+      var isStickyToolbar$1 = isStickyToolbar(editor);
+      var alertDialog = setup$c(extras);
+      var confirmDialog = setup$d(extras);
+      var open = function (config, params, closeWindow) {
+        if (params !== undefined && params.inline === 'toolbar') {
+          return openInlineDialog(config, backstage.shared.anchors.inlineDialog(), closeWindow, params.ariaAttrs);
+        } else if (params !== undefined && params.inline === 'cursor') {
+          return openInlineDialog(config, backstage.shared.anchors.cursor(), closeWindow, params.ariaAttrs);
+        } else {
+          return openModalDialog(config, closeWindow);
+        }
+      };
+      var openUrl = function (config, closeWindow) {
+        return openModalUrlDialog(config, closeWindow);
+      };
+      var openModalUrlDialog = function (config, closeWindow) {
+        var factory = function (contents) {
+          var dialog = renderUrlDialog(contents, {
+            closeWindow: function () {
+              ModalDialog.hide(dialog.dialog);
+              closeWindow(dialog.instanceApi);
+            }
+          }, editor, backstage);
+          ModalDialog.show(dialog.dialog);
+          return dialog.instanceApi;
+        };
+        return DialogManager.openUrl(factory, config);
+      };
+      var openModalDialog = function (config, closeWindow) {
+        var factory = function (contents, internalInitialData, dataValidator) {
+          var initialData = internalInitialData;
+          var dialogInit = {
+            dataValidator: dataValidator,
+            initialData: initialData,
+            internalDialog: contents
+          };
+          var dialog = renderDialog$1(dialogInit, {
+            redial: DialogManager.redial,
+            closeWindow: function () {
+              ModalDialog.hide(dialog.dialog);
+              closeWindow(dialog.instanceApi);
+            }
+          }, backstage);
+          ModalDialog.show(dialog.dialog);
+          dialog.instanceApi.setData(initialData);
+          return dialog.instanceApi;
+        };
+        return DialogManager.open(factory, config);
+      };
+      var openInlineDialog = function (config$1, anchor, closeWindow, ariaAttrs) {
+        var factory = function (contents, internalInitialData, dataValidator) {
+          var initialData = validateData$1(internalInitialData, dataValidator);
+          var inlineDialog = value$3();
+          var isToolbarLocationTop = backstage.shared.header.isPositionedAtTop();
+          var dialogInit = {
+            dataValidator: dataValidator,
+            initialData: initialData,
+            internalDialog: contents
+          };
+          var refreshDocking = function () {
+            return inlineDialog.on(function (dialog) {
+              InlineView.reposition(dialog);
+              Docking.refresh(dialog);
+            });
+          };
+          var dialogUi = renderInlineDialog(dialogInit, {
+            redial: DialogManager.redial,
+            closeWindow: function () {
+              inlineDialog.on(InlineView.hide);
+              editor.off('ResizeEditor', refreshDocking);
+              inlineDialog.clear();
+              closeWindow(dialogUi.instanceApi);
+            }
+          }, backstage, ariaAttrs);
+          var inlineDialogComp = build$1(InlineView.sketch(__assign(__assign({
+            lazySink: backstage.shared.getSink,
+            dom: {
+              tag: 'div',
+              classes: []
+            },
+            fireDismissalEventInstead: {}
+          }, isToolbarLocationTop ? {} : { fireRepositionEventInstead: {} }), {
+            inlineBehaviours: derive$1(__spreadArrays([config('window-manager-inline-events', [run(dismissRequested(), function (_comp, _se) {
+                  emit(dialogUi.dialog, formCancelEvent);
+                })])], inlineAdditionalBehaviours(editor, isStickyToolbar$1, isToolbarLocationTop))),
+            isExtraPart: function (_comp, target) {
+              return isAlertOrConfirmDialog(target);
+            }
+          })));
+          inlineDialog.set(inlineDialogComp);
+          InlineView.showWithin(inlineDialogComp, anchor, premade$1(dialogUi.dialog), Optional.some(body()));
+          if (!isStickyToolbar$1 || !isToolbarLocationTop) {
+            Docking.refresh(inlineDialogComp);
+            editor.on('ResizeEditor', refreshDocking);
+          }
+          dialogUi.instanceApi.setData(initialData);
+          Keying.focusIn(dialogUi.dialog);
+          return dialogUi.instanceApi;
+        };
+        return DialogManager.open(factory, config$1);
+      };
+      var confirm = function (message, callback) {
+        confirmDialog.open(message, function (state) {
+          callback(state);
+        });
+      };
+      var alert = function (message, callback) {
+        alertDialog.open(message, function () {
+          callback();
+        });
+      };
+      var close = function (instanceApi) {
+        instanceApi.close();
+      };
+      return {
+        open: open,
+        openUrl: openUrl,
+        alert: alert,
+        close: close,
+        confirm: confirm
+      };
+    };
+
+    function Theme () {
+      global$1.add('silver', function (editor) {
+        var _a = setup$b(editor), uiMothership = _a.uiMothership, backstage = _a.backstage, renderUI = _a.renderUI, getUi = _a.getUi;
+        Autocompleter.register(editor, backstage.shared);
+        var windowMgr = setup$e({
+          editor: editor,
+          backstage: backstage
+        });
+        return {
+          renderUI: renderUI,
+          getWindowManagerImpl: constant(windowMgr),
+          getNotificationManagerImpl: function () {
+            return NotificationManagerImpl(editor, { backstage: backstage }, uiMothership);
+          },
+          ui: getUi()
+        };
+      });
+    }
+
+    Theme();
+
+}());
diff --git a/src/assets/tinymce/themes/silver/theme.min.js b/src/assets/tinymce/themes/silver/theme.min.js
new file mode 100644
index 00000000..c87d4794
--- /dev/null
+++ b/src/assets/tinymce/themes/silver/theme.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var $=function(){},i=function(e,o){return function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return e(o.apply(null,t))}},at=function(t){return function(){return t}},ct=function(t){return t};function y(o){for(var r=[],t=1;t<arguments.length;t++)r[t-1]=arguments[t];return function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];var e=r.concat(t);return o.apply(null,e)}}var x=function(n){return function(t){return!n(t)}},u=function(t){return function(){throw new Error(t)}},c=at(!1),b=at(!0),t=tinymce.util.Tools.resolve("tinymce.ThemeManager"),ut=function(){return(ut=Object.assign||function(t){for(var n,e=1,o=arguments.length;e<o;e++)for(var r in n=arguments[e])Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r]);return t}).apply(this,arguments)};function w(t,n){var e={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&n.indexOf(o)<0&&(e[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var r=0,o=Object.getOwnPropertySymbols(t);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(e[o[r]]=t[o[r]]);return e}function S(){for(var t=0,n=0,e=arguments.length;n<e;n++)t+=arguments[n].length;for(var o=Array(t),r=0,n=0;n<e;n++)for(var i=arguments[n],u=0,a=i.length;u<a;u++,r++)o[r]=i[u];return o}var n,e,o,r,s,a,l=function(){return f},f=(n=function(t){return t.isNone()},{fold:function(t,n){return t()},is:c,isSome:c,isNone:b,getOr:o=function(t){return t},getOrThunk:e=function(t){return t()},getOrDie:function(t){throw new Error(t||"error: getOrDie called on none.")},getOrNull:at(null),getOrUndefined:at(undefined),or:o,orThunk:e,map:l,each:$,bind:l,exists:c,forall:b,filter:l,equals:n,equals_:n,toArray:function(){return[]},toString:at("none()")}),d=function(e){var t=at(e),n=function(){return r},o=function(t){return t(e)},r={fold:function(t,n){return n(e)},is:function(t){return e===t},isSome:b,isNone:c,getOr:t,getOrThunk:t,getOrDie:t,getOrNull:t,getOrUndefined:t,or:n,orThunk:n,map:function(t){return d(t(e))},each:function(t){t(e)},bind:o,exists:o,forall:o,filter:function(t){return t(e)?r:f},toArray:function(){return[e]},toString:function(){return"some("+e+")"},equals:function(t){return t.is(e)},equals_:function(t,n){return t.fold(c,function(t){return n(e,t)})}};return r},st={some:d,none:l,from:function(t){return null===t||t===undefined?f:d(t)}},m=function(o){return function(t){return e=typeof(n=t),(null===n?"null":"object"==e&&(Array.prototype.isPrototypeOf(n)||n.constructor&&"Array"===n.constructor.name)?"array":"object"==e&&(String.prototype.isPrototypeOf(n)||n.constructor&&"String"===n.constructor.name)?"string":e)===o;var n,e}},g=function(n){return function(t){return typeof t===n}},k=m("string"),C=m("object"),p=m("array"),O=g("boolean"),h=(r=undefined,function(t){return r===t}),v=function(t){return!(null===(n=t)||n===undefined);var n},_=g("function"),lt=g("number"),T=function(t,n){if(p(t)){for(var e=0,o=t.length;e<o;++e)if(!n(t[e]))return!1;return!0}return!1},E=Array.prototype.slice,D=Array.prototype.indexOf,B=Array.prototype.push,A=function(t,n){return D.call(t,n)},M=function(t,n){return-1<A(t,n)},F=function(t,n){for(var e=0,o=t.length;e<o;e++){if(n(t[e],e))return!0}return!1},I=function(t,n){for(var e=[],o=0;o<t;o++)e.push(n(o));return e},R=function(t,n){for(var e=[],o=0;o<t.length;o+=n){var r=E.call(t,o,o+n);e.push(r)}return e},V=function(t,n){for(var e=t.length,o=new Array(e),r=0;r<e;r++){var i=t[r];o[r]=n(i,r)}return o},ft=function(t,n){for(var e=0,o=t.length;e<o;e++){n(t[e],e)}},P=function(t,n){for(var e=[],o=[],r=0,i=t.length;r<i;r++){var u=t[r];(n(u,r)?e:o).push(u)}return{pass:e,fail:o}},H=function(t,n){for(var e=[],o=0,r=t.length;o<r;o++){var i=t[o];n(i,o)&&e.push(i)}return e},z=function(t,n,e){return function(t,n){for(var e=t.length-1;0<=e;e--){n(t[e],e)}}(t,function(t){e=n(e,t)}),e},N=function(t,n,e){return ft(t,function(t){e=n(e,t)}),e},L=function(t,n){return function(t,n,e){for(var o=0,r=t.length;o<r;o++){var i=t[o];if(n(i,o))return st.some(i);if(e(i,o))break}return st.none()}(t,n,c)},j=function(t,n){for(var e=0,o=t.length;e<o;e++){if(n(t[e],e))return st.some(e)}return st.none()},dt=function(t){for(var n=[],e=0,o=t.length;e<o;++e){if(!p(t[e]))throw new Error("Arr.flatten item "+e+" was not an array, input: "+t);B.apply(n,t[e])}return n},U=function(t,n){return dt(V(t,n))},W=function(t,n){for(var e=0,o=t.length;e<o;++e){if(!0!==n(t[e],e))return!1}return!0},G=function(t){var n=E.call(t,0);return n.reverse(),n},X=function(t,n){return H(t,function(t){return!M(n,t)})},Y=function(t,n){var e=E.call(t,0);return e.sort(n),e},q=function(t,n){return 0<=n&&n<t.length?st.some(t[n]):st.none()},K=function(t){return q(t,0)},J=function(t){return q(t,t.length-1)},Q=_(Array.from)?Array.from:function(t){return E.call(t)},Z=function(t,n){for(var e=0;e<t.length;e++){var o=n(t[e],e);if(o.isSome())return o}return st.none()},tt=function(e){return{is:function(t){return e===t},isValue:b,isError:c,getOr:at(e),getOrThunk:at(e),getOrDie:at(e),or:function(t){return tt(e)},orThunk:function(t){return tt(e)},fold:function(t,n){return n(e)},map:function(t){return tt(t(e))},mapError:function(t){return tt(e)},each:function(t){t(e)},bind:function(t){return t(e)},exists:function(t){return t(e)},forall:function(t){return t(e)},toOptional:function(){return st.some(e)}}},nt=function(e){return{is:c,isValue:c,isError:b,getOr:ct,getOrThunk:function(t){return t()},getOrDie:function(){return u(String(e))()},or:function(t){return t},orThunk:function(t){return t()},fold:function(t,n){return t(e)},map:function(t){return nt(e)},mapError:function(t){return nt(t(e))},each:$,bind:function(t){return nt(e)},exists:c,forall:b,toOptional:st.none}},mt={value:tt,error:nt,fromOption:function(t,n){return t.fold(function(){return nt(n)},tt)}};(a=s=s||{})[a.Error=0]="Error",a[a.Value=1]="Value";var et,ot,rt=function(t,n,e){return t.stype===s.Error?n(t.serror):e(t.svalue)},it=function(t){return{stype:s.Value,svalue:t}},gt=function(t){return{stype:s.Error,serror:t}},pt=function(t){return t.fold(gt,it)},ht=function(t){return rt(t,mt.error,mt.value)},vt=it,bt=function(t){var n=[],e=[];return ft(t,function(t){rt(t,function(t){return e.push(t)},function(t){return n.push(t)})}),{values:n,errors:e}},yt=gt,xt=function(t,n){return t.stype===s.Value?n(t.svalue):t},wt=function(t,n){return t.stype===s.Error?n(t.serror):t},St=function(t,n){return t.stype===s.Value?{stype:s.Value,svalue:n(t.svalue)}:t},kt=function(t,n){return t.stype===s.Error?{stype:s.Error,serror:n(t.serror)}:t},Ct=Object.keys,Ot=Object.hasOwnProperty,_t=function(t,n){for(var e=Ct(t),o=0,r=e.length;o<r;o++){var i=e[o];n(t[i],i)}},Tt=function(t,e){return Et(t,function(t,n){return{k:n,v:e(t,n)}})},Et=function(t,o){var r={};return _t(t,function(t,n){var e=o(t,n);r[e.k]=e.v}),r},Dt=function(t,n){var e,o,r,i,u={};return e=n,i=u,o=function(t,n){i[n]=t},r=$,_t(t,function(t,n){(e(t,n)?o:r)(t,n)}),u},Bt=function(t,e){var o=[];return _t(t,function(t,n){o.push(e(t,n))}),o},At=function(t,n){for(var e=Ct(t),o=0,r=e.length;o<r;o++){var i=e[o],u=t[i];if(n(u,i,t))return st.some(u)}return st.none()},Mt=function(t){return Bt(t,function(t){return t})},Ft=function(t,n){return It(t,n)?st.from(t[n]):st.none()},It=function(t,n){return Ot.call(t,n)},Rt=function(t,n){return It(t,n)&&t[n]!==undefined&&null!==t[n]},Vt=function(u){if(!p(u))throw new Error("cases must be an array");if(0===u.length)throw new Error("there must be at least one case");var a=[],e={};return ft(u,function(t,o){var n=Ct(t);if(1!==n.length)throw new Error("one and only one name per case");var r=n[0],i=t[r];if(e[r]!==undefined)throw new Error("duplicate key detected:"+r);if("cata"===r)throw new Error("cannot have a case named cata (sorry)");if(!p(i))throw new Error("case arguments must be an array");a.push(r),e[r]=function(){var t=arguments.length;if(t!==i.length)throw new Error("Wrong number of arguments to case "+r+". Expected "+i.length+" ("+i+"), got "+t);for(var e=new Array(t),n=0;n<e.length;n++)e[n]=arguments[n];return{fold:function(){if(arguments.length!==u.length)throw new Error("Wrong number of arguments to fold. Expected "+u.length+", got "+arguments.length);return arguments[o].apply(null,e)},match:function(t){var n=Ct(t);if(a.length!==n.length)throw new Error("Wrong number of arguments to match. Expected: "+a.join(",")+"\nActual: "+n.join(","));if(!W(a,function(t){return M(n,t)}))throw new Error("Not all branches were specified when using match. Specified: "+n.join(", ")+"\nRequired: "+a.join(", "));return t[r].apply(null,e)},log:function(t){console.log(t,{constructors:a,constructor:r,params:e})}}}}),e},Pt=Object.prototype.hasOwnProperty,Ht=function(u){return function(){for(var t=new Array(arguments.length),n=0;n<t.length;n++)t[n]=arguments[n];if(0===t.length)throw new Error("Can't merge zero objects");for(var e={},o=0;o<t.length;o++){var r=t[o];for(var i in r)Pt.call(r,i)&&(e[i]=u(e[i],r[i]))}return e}},zt=Ht(function(t,n){return C(t)&&C(n)?zt(t,n):n}),Nt=Ht(function(t,n){return n}),Lt=function(e){var o,r=!1;return function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return r||(r=!0,o=e.apply(null,t)),o}},jt=Vt([{strict:[]},{defaultedThunk:["fallbackThunk"]},{asOption:[]},{asDefaultedOptionThunk:["fallbackThunk"]},{mergeWithThunk:["baseThunk"]}]),Ut=function(t){return jt.defaultedThunk(at(t))},Wt=jt.strict,Gt=jt.asOption,Xt=jt.defaultedThunk,Yt=(jt.asDefaultedOptionThunk,jt.mergeWithThunk),qt=(Vt([{bothErrors:["error1","error2"]},{firstError:["error1","value2"]},{secondError:["value1","error2"]},{bothValues:["value1","value2"]}]),function(t,n){var e={};return e[t]=n,e}),Kt=function(t,n){return e=n,o={},_t(t,function(t,n){M(e,n)||(o[n]=t)}),o;var e,o},Jt=qt,$t=function(t){return n={},ft(t,function(t){n[t.key]=t.value}),n;var n},Qt=function(t,n){var e,o,r,i,u,a=(e=[],o=[],ft(t,function(t){t.fold(function(t){e.push(t)},function(t){o.push(t)})}),{errors:e,values:o});return 0<a.errors.length?(u=a.errors,mt.error(dt(u))):(i=n,0===(r=a.values).length?mt.value(i):mt.value(zt(i,Nt.apply(undefined,r))))},Zt=function(t){return i(yt,dt)(t)},tn=function(t,n){var e,o,r=bt(t);return 0<r.errors.length?Zt(r.errors):(e=r.values,o=n,0<e.length?vt(zt(o,Nt.apply(undefined,e))):vt(o))},nn=function(t){var n=bt(t);return 0<n.errors.length?Zt(n.errors):vt(n.values)},en=function(t){return C(t)&&100<Ct(t).length?" removed due to size":JSON.stringify(t,null,2)},on=function(t,n){return yt([{path:t,getErrorInfo:n}])},rn=Vt([{field:["key","okey","presence","prop"]},{state:["okey","instantiator"]}]),un=function(e,o,r){return Ft(o,r).fold(function(){return t=r,n=o,on(e,function(){return'Could not find valid *strict* value for "'+t+'" in '+en(n)});var t,n},vt)},an=function(t,n,e){var o=Ft(t,n).fold(function(){return e(t)},ct);return vt(o)},cn=function(a,c,t,s){return t.fold(function(r,e,t,o){var i=function(t){var n=o.extract(a.concat([r]),s,t);return St(n,function(t){return qt(e,s(t))})},u=function(t){return t.fold(function(){var t=qt(e,s(st.none()));return vt(t)},function(t){var n=o.extract(a.concat([r]),s,t);return St(n,function(t){return qt(e,s(st.some(t)))})})};return t.fold(function(){return xt(un(a,c,r),i)},function(t){return xt(an(c,r,t),i)},function(){return xt(vt(Ft(c,r)),u)},function(t){return xt((e=t,o=Ft(n=c,r).map(function(t){return!0===t?e(n):t}),vt(o)),u);var n,e,o},function(t){var n=t(c),e=St(an(c,r,at({})),function(t){return zt(n,t)});return xt(e,i)})},function(t,n){var e=n(c);return vt(qt(t,s(e)))})},sn=function(o){return{extract:function(e,t,n){return wt(o(n,t),function(t){return n=t,on(e,function(){return n});var n})},toString:function(){return"val"}}},ln=function(t){var u=fn(t),a=z(t,function(n,t){return t.fold(function(t){return zt(n,Jt(t,!0))},at(n))},{});return{extract:function(t,n,e){var o,r=O(e)?[]:Ct(Dt(e,function(t){return t!==undefined&&null!==t})),i=H(r,function(t){return!Rt(a,t)});return 0===i.length?u.extract(t,n,e):(o=i,on(t,function(){return"There are unsupported fields: ["+o.join(", ")+"] specified"}))},toString:u.toString}},fn=function(a){return{extract:function(t,n,e){return o=t,r=e,i=n,u=V(a,function(t){return cn(o,r,t,i)}),tn(u,{});var o,r,i,u},toString:function(){return"obj{\n"+V(a,function(t){return t.fold(function(t,n,e,o){return t+" -> "+o.toString()},function(t,n){return"state("+t+")"})}).join("\n")+"}"}}},dn=function(r){return{extract:function(e,o,t){var n=V(t,function(t,n){return r.extract(e.concat(["["+n+"]"]),o,t)});return nn(n)},toString:function(){return"array("+r.toString()+")"}}},mn=function(a){return{extract:function(t,n,e){for(var o=[],r=0,i=a;r<i.length;r++){var u=i[r].extract(t,n,e);if(u.stype===s.Value)return u;o.push(u)}return nn(o)},toString:function(){return"oneOf("+V(a,function(t){return t.toString()}).join(", ")+")"}}},gn=function(a,c){return{extract:function(e,o,r){var t,n,i=Ct(r),u=(t=e,n=i,dn(sn(a)).extract(t,ct,n));return xt(u,function(t){var n=V(t,function(t){return rn.field(t,t,Wt(),c)});return fn(n).extract(e,o,r)})},toString:function(){return"setOf("+c.toString()+")"}}},pn=at(sn(vt)),hn=i(dn,fn),vn=rn.state,bn=rn.field,yn=function(e,n,o,r,i){return Ft(r,i).fold(function(){return t=r,n=i,on(e,function(){return'The chosen schema: "'+n+'" did not exist in branches: '+en(t)});var t,n},function(t){return t.extract(e.concat(["branch: "+i]),n,o)})},xn=function(r,i){return{extract:function(n,e,o){return Ft(o,r).fold(function(){return t=r,on(n,function(){return'Choice schema did not contain choice key: "'+t+'"'});var t},function(t){return yn(n,e,o,i,t)})},toString:function(){return"chooseOn("+r+"). Possible values: "+Ct(i)}}},wn=sn(vt),Sn=function(t){return hn(t)},kn=function(o){return{extract:function(t,n,e){return o().extract(t,n,e)},toString:function(){return o().toString()}}},Cn=function(n){return sn(function(t){return n(t).fold(yt,vt)})},On=function(n,t){return gn(function(t){return pt(n(t))},t)},_n=function(t,n,e){return ht((o=t,r=ct,i=e,u=n.extract([o],r,i),kt(u,function(t){return{input:i,errors:t}})));var o,r,i,u},Tn=function(t){return t.fold(function(t){throw new Error(Dn(t))},ct)},En=function(t,n,e){return Tn(_n(t,n,e))},Dn=function(t){return"Errors: \n"+(n=t.errors,e=10<n.length?n.slice(0,10).concat([{path:[],getErrorInfo:function(){return"... (only showing first ten failures)"}}]):n,V(e,function(t){return"Failed path: ("+t.path.join(" > ")+")\n"+t.getErrorInfo()}).join("\n"))+"\n\nInput object: "+en(t.input);var n,e},Bn=xn,An=function(t,n){return xn(t,Tt(n,fn))},Mn=at(wn),Fn=function(e,o){return sn(function(t){var n=typeof t;return e(t)?vt(t):yt("Expected type: "+o+" but got: "+n)})},In=Fn(lt,"number"),Rn=Fn(k,"string"),Vn=Fn(O,"boolean"),Pn=Fn(_,"function"),Hn=function(n){var t=function(t,n){for(var e=t.next();!e.done;){if(!n(e.value))return!1;e=t.next()}return!0};if(Object(n)!==n)return!0;switch({}.toString.call(n).slice(8,-1)){case"Boolean":case"Number":case"String":case"Date":case"RegExp":case"Blob":case"FileList":case"ImageData":case"ImageBitmap":case"ArrayBuffer":return!0;case"Array":case"Object":return Object.keys(n).every(function(t){return Hn(n[t])});case"Map":return t(n.keys(),Hn)&&t(n.values(),Hn);case"Set":return t(n.keys(),Hn);default:return!1}},zn=sn(function(t){return Hn(t)?vt(t):yt("Expected value to be acceptable for sending via postMessage")}),Nn=function(n){return Cn(function(t){return M(n,t)?mt.value(t):mt.error('Unsupported value: "'+t+'", choose one of "'+n.join(", ")+'".')})},Ln=function(t){return bn(t,t,Wt(),pn())},jn=function(t,n){return bn(t,t,Wt(),n)},Un=function(t){return jn(t,Rn)},Wn=function(t,n){return bn(t,t,Wt(),Nn(n))},Gn=function(t){return jn(t,Pn)},Xn=function(t,n){return bn(t,t,Wt(),fn(n))},Yn=function(t,n){return bn(t,t,Wt(),hn(n))},qn=function(t,n){return bn(t,t,Wt(),dn(n))},Kn=function(t){return bn(t,t,Gt(),pn())},Jn=function(t,n){return bn(t,t,Gt(),n)},$n=function(t){return Jn(t,In)},Qn=function(t){return Jn(t,Rn)},Zn=function(t){return Jn(t,Pn)},te=function(t,n){return Jn(t,fn(n))},ne=function(t,n){return bn(t,t,Ut(n),pn())},ee=function(t,n,e){return bn(t,t,Ut(n),e)},oe=function(t,n){return ee(t,n,In)},re=function(t,n){return ee(t,n,Rn)},ie=function(t,n,e){return ee(t,n,Nn(e))},ue=function(t,n){return ee(t,n,Vn)},ae=function(t,n){return ee(t,n,Pn)},ce=function(t,n,e){return ee(t,n,dn(e))},se=function(t,n,e){return ee(t,n,fn(e))},le=function(t,n){return vn(t,n)},fe=function(t){var n=t;return{get:function(){return n},set:function(t){n=t}}},de=function(t){if(null===t||t===undefined)throw new Error("Node cannot be null or undefined");return{dom:t}},me={fromHtml:function(t,n){var e=(n||document).createElement("div");if(e.innerHTML=t,!e.hasChildNodes()||1<e.childNodes.length)throw console.error("HTML does not have a single root node",t),new Error("HTML must have a single root node");return de(e.childNodes[0])},fromTag:function(t,n){var e=(n||document).createElement(t);return de(e)},fromText:function(t,n){var e=(n||document).createTextNode(t);return de(e)},fromDom:de,fromPoint:function(t,n,e){return st.from(t.dom.elementFromPoint(n,e)).map(de)}},ge=function(t,n){var e=function(t,n){for(var e=0;e<t.length;e++){var o=t[e];if(o.test(n))return o}return undefined}(t,n);if(!e)return{major:0,minor:0};var o=function(t){return Number(n.replace(e,"$"+t))};return he(o(1),o(2))},pe=function(){return he(0,0)},he=function(t,n){return{major:t,minor:n}},ve={nu:he,detect:function(t,n){var e=String(n).toLowerCase();return 0===t.length?pe():ge(t,e)},unknown:pe},be=function(t,n){var e=String(n).toLowerCase();return L(t,function(t){return t.search(e)})},ye=function(t,e){return be(t,e).map(function(t){var n=ve.detect(t.versionRegexes,e);return{current:t.name,version:n}})},xe=function(t,e){return be(t,e).map(function(t){var n=ve.detect(t.versionRegexes,e);return{current:t.name,version:n}})},we=function(t,n){return-1!==t.indexOf(n)},Se=function(t,n){return o=n,r=(e=t).length-n.length,""===o||e.length>=o.length&&e.substr(r,r+o.length)===o;var e,o,r},ke=(et=/^\s+|\s+$/g,function(t){return t.replace(et,"")}),Ce=/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,Oe=function(n){return function(t){return we(t,n)}},_e=[{name:"Edge",versionRegexes:[/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],search:function(t){return we(t,"edge/")&&we(t,"chrome")&&we(t,"safari")&&we(t,"applewebkit")}},{name:"Chrome",versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/,Ce],search:function(t){return we(t,"chrome")&&!we(t,"chromeframe")}},{name:"IE",versionRegexes:[/.*?msie\ ?([0-9]+)\.([0-9]+).*/,/.*?rv:([0-9]+)\.([0-9]+).*/],search:function(t){return we(t,"msie")||we(t,"trident")}},{name:"Opera",versionRegexes:[Ce,/.*?opera\/([0-9]+)\.([0-9]+).*/],search:Oe("opera")},{name:"Firefox",versionRegexes:[/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],search:Oe("firefox")},{name:"Safari",versionRegexes:[Ce,/.*?cpu os ([0-9]+)_([0-9]+).*/],search:function(t){return(we(t,"safari")||we(t,"mobile/"))&&we(t,"applewebkit")}}],Te=[{name:"Windows",search:Oe("win"),versionRegexes:[/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]},{name:"iOS",search:function(t){return we(t,"iphone")||we(t,"ipad")},versionRegexes:[/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,/.*cpu os ([0-9]+)_([0-9]+).*/,/.*cpu iphone os ([0-9]+)_([0-9]+).*/]},{name:"Android",search:Oe("android"),versionRegexes:[/.*?android\ ?([0-9]+)\.([0-9]+).*/]},{name:"OSX",search:Oe("mac os x"),versionRegexes:[/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]},{name:"Linux",search:Oe("linux"),versionRegexes:[]},{name:"Solaris",search:Oe("sunos"),versionRegexes:[]},{name:"FreeBSD",search:Oe("freebsd"),versionRegexes:[]},{name:"ChromeOS",search:Oe("cros"),versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/]}],Ee={browsers:at(_e),oses:at(Te)},De="Firefox",Be=function(t){var n=t.current,e=t.version,o=function(t){return function(){return n===t}};return{current:n,version:e,isEdge:o("Edge"),isChrome:o("Chrome"),isIE:o("IE"),isOpera:o("Opera"),isFirefox:o(De),isSafari:o("Safari")}},Ae={unknown:function(){return Be({current:undefined,version:ve.unknown()})},nu:Be,edge:at("Edge"),chrome:at("Chrome"),ie:at("IE"),opera:at("Opera"),firefox:at(De),safari:at("Safari")},Me="Windows",Fe="Android",Ie="Solaris",Re="FreeBSD",Ve="ChromeOS",Pe=function(t){var n=t.current,e=t.version,o=function(t){return function(){return n===t}};return{current:n,version:e,isWindows:o(Me),isiOS:o("iOS"),isAndroid:o(Fe),isOSX:o("OSX"),isLinux:o("Linux"),isSolaris:o(Ie),isFreeBSD:o(Re),isChromeOS:o(Ve)}},He={unknown:function(){return Pe({current:undefined,version:ve.unknown()})},nu:Pe,windows:at(Me),ios:at("iOS"),android:at(Fe),linux:at("Linux"),osx:at("OSX"),solaris:at(Ie),freebsd:at(Re),chromeos:at(Ve)},ze=function(t,n){var e,o,r,i,u,a,c,s,l,f,d,m,g=Ee.browsers(),p=Ee.oses(),h=ye(g,t).fold(Ae.unknown,Ae.nu),v=xe(p,t).fold(He.unknown,He.nu);return{browser:h,os:v,deviceType:(o=h,r=t,i=n,u=(e=v).isiOS()&&!0===/ipad/i.test(r),a=e.isiOS()&&!u,c=e.isiOS()||e.isAndroid(),s=c||i("(pointer:coarse)"),l=u||!a&&c&&i("(min-device-width:768px)"),f=a||c&&!l,d=o.isSafari()&&e.isiOS()&&!1===/safari/i.test(r),m=!f&&!l&&!d,{isiPad:at(u),isiPhone:at(a),isTablet:at(l),isPhone:at(f),isTouch:at(s),isAndroid:e.isAndroid,isiOS:e.isiOS,isWebView:at(d),isDesktop:at(m)})}},Ne=function(t){return window.matchMedia(t).matches},Le=Lt(function(){return ze(navigator.userAgent,Ne)}),je=function(){return Le()},Ue=function(t,n){var e=t.dom;if(1!==e.nodeType)return!1;var o=e;if(o.matches!==undefined)return o.matches(n);if(o.msMatchesSelector!==undefined)return o.msMatchesSelector(n);if(o.webkitMatchesSelector!==undefined)return o.webkitMatchesSelector(n);if(o.mozMatchesSelector!==undefined)return o.mozMatchesSelector(n);throw new Error("Browser lacks native selectors")},We=function(t){return 1!==t.nodeType&&9!==t.nodeType&&11!==t.nodeType||0===t.childElementCount},Ge=function(t,n){return t.dom===n.dom},Xe=function(t,n){return e=t.dom,o=n.dom,r=e,i=o,u=Node.DOCUMENT_POSITION_CONTAINED_BY,0!=(r.compareDocumentPosition(i)&u);var e,o,r,i,u},Ye=function(t,n){return je().browser.isIE()?Xe(t,n):(e=n,o=t.dom,r=e.dom,o!==r&&o.contains(r));var e,o,r},qe=function(t){return _(t)?t:c},Ke=function(t,n,e){for(var o=t.dom,r=qe(e);o.parentNode;){o=o.parentNode;var i=me.fromDom(o),u=n(i);if(u.isSome())return u;if(r(i))break}return st.none()},Je=function(t,n,e){var o=n(t),r=qe(e);return o.orThunk(function(){return r(t)?st.none():Ke(t,n,r)})},$e=function(t,n){return Ge(t.element,n.event.target)},Qe=function(t){if(!Rt(t,"can")&&!Rt(t,"abort")&&!Rt(t,"run"))throw new Error("EventHandler defined by: "+JSON.stringify(t,null,2)+" does not have can, abort, or run!");return En("Extracting event.handler",ln([ne("can",b),ne("abort",c),ne("run",$)]),t)},Ze=function(e){var n,o,r,i,t=(o=function(t){return t.can},function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return N(n,function(t,n){return t&&o(n).apply(undefined,e)},!0)}),u=(r=n=e,i=function(t){return t.abort},function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return N(r,function(t,n){return t||i(n).apply(undefined,e)},!1)});return Qe({can:t,abort:u,run:function(){for(var n=[],t=0;t<arguments.length;t++)n[t]=arguments[t];ft(e,function(t){t.run.apply(undefined,n)})}})},to=at,no=to("touchstart"),eo=to("touchmove"),oo=to("touchend"),ro=to("touchcancel"),io=to("mousedown"),uo=to("mousemove"),ao=to("mouseout"),co=to("mouseup"),so=to("mouseover"),lo=to("focusin"),fo=to("focusout"),mo=to("keydown"),go=to("keyup"),po=to("input"),ho=to("change"),vo=to("click"),bo=to("transitionend"),yo=to("selectstart"),xo=function(t){return at("alloy."+t)},wo={tap:xo("tap")},So=xo("focus"),ko=xo("blur.post"),Co=xo("paste.post"),Oo=xo("receive"),_o=xo("execute"),To=xo("focus.item"),Eo=wo.tap,Do=xo("longpress"),Bo=xo("sandbox.close"),Ao=xo("typeahead.cancel"),Mo=xo("system.init"),Fo=xo("system.touchmove"),Io=xo("system.touchend"),Ro=xo("system.scroll"),Vo=xo("system.resize"),Po=xo("system.attached"),Ho=xo("system.detached"),zo=xo("system.dismissRequested"),No=xo("system.repositionRequested"),Lo=xo("focusmanager.shifted"),jo=xo("slotcontainer.visibility"),Uo=xo("change.tab"),Wo=xo("dismiss.tab"),Go=xo("highlight"),Xo=xo("dehighlight"),Yo=function(t,n){$o(t,t.element,n,{})},qo=function(t,n,e){$o(t,t.element,n,e)},Ko=function(t){Yo(t,_o())},Jo=function(t,n,e){$o(t,n,e,{})},$o=function(t,n,e,o){var r=ut({target:n},o);t.getSystem().triggerEvent(e,n,r)},Qo=function(t,n,e,o){t.getSystem().triggerEvent(e,n,o.event)},Zo=$t,tr=function(t,n){return{key:t,value:Qe({abort:n})}},nr=function(t){return{key:t,value:Qe({run:function(t,n){n.event.prevent()}})}},er=function(t,n){return{key:t,value:Qe({run:n})}},or=function(t,e,o){return{key:t,value:Qe({run:function(t,n){e.apply(undefined,[t,n].concat(o))}})}},rr=function(t){return function(e){return{key:t,value:Qe({run:function(t,n){$e(t,n)&&e(t,n)}})}}},ir=function(t,n,e){var o,r,i=n.partUids[e];return r=i,er(o=t,function(t,n){t.getSystem().getByUid(r).each(function(t){Qo(t,t.element,o,n)})})},ur=function(t,r){return er(t,function(n,t){var e=t.event,o=n.getSystem().getByDom(e.target).fold(function(){return Je(e.target,function(t){return n.getSystem().getByDom(t).toOptional()},c).getOr(n)},function(t){return t});r(n,o,t)})},ar=function(t){return er(t,function(t,n){n.cut()})},cr=function(t,n){return rr(t)(n)},sr=rr(Po()),lr=rr(Ho()),fr=rr(Mo()),dr=(ot=_o(),function(t){return er(ot,t)}),mr=("undefined"!=typeof window||Function("return this;")(),function(t){return t.dom.nodeName.toLowerCase()}),gr=function(n){return function(t){return t.dom.nodeType===n}},pr=gr(1),hr=gr(3),vr=gr(9),br=gr(11),yr=function(t){return me.fromDom(t.dom.ownerDocument)},xr=function(t){return vr(t)?t:yr(t)},wr=function(t){return me.fromDom(xr(t).dom.documentElement)},Sr=function(t){return me.fromDom(xr(t).dom.defaultView)},kr=function(t){return st.from(t.dom.parentNode).map(me.fromDom)},Cr=kr,Or=function(t){return st.from(t.dom.offsetParent).map(me.fromDom)},_r=function(t){return V(t.dom.childNodes,me.fromDom)},Tr=function(t,n){var e=t.dom.childNodes;return st.from(e[n]).map(me.fromDom)},Er=function(n,e){kr(n).each(function(t){t.dom.insertBefore(e.dom,n.dom)})},Dr=function(t,n){var e;(e=t,st.from(e.dom.nextSibling).map(me.fromDom)).fold(function(){kr(t).each(function(t){Ar(t,n)})},function(t){Er(t,n)})},Br=function(n,e){Tr(n,0).fold(function(){Ar(n,e)},function(t){n.dom.insertBefore(e.dom,t.dom)})},Ar=function(t,n){t.dom.appendChild(n.dom)},Mr=function(n,t){ft(t,function(t){Ar(n,t)})},Fr=function(t){t.dom.textContent="",ft(_r(t),function(t){Ir(t)})},Ir=function(t){var n=t.dom;null!==n.parentNode&&n.parentNode.removeChild(n)},Rr=function(t){var n,e=_r(t);0<e.length&&(n=t,ft(e,function(t){Er(n,t)})),Ir(t)},Vr=function(t){return t.dom.innerHTML},Pr=function(t,n){var e,o,r=yr(t).dom,i=me.fromDom(r.createDocumentFragment()),u=(e=n,(o=(r||document).createElement("div")).innerHTML=e,_r(me.fromDom(o)));Mr(i,u),Fr(t),Ar(t,i)},Hr=function(t,n,e){if(!(k(e)||O(e)||lt(e)))throw console.error("Invalid call to Attribute.set. Key ",n,":: Value ",e,":: Element ",t),new Error("Attribute value was not simple");t.setAttribute(n,e+"")},zr=function(t,n,e){Hr(t.dom,n,e)},Nr=function(t,n){var e=t.dom.getAttribute(n);return null===e?undefined:e},Lr=function(t,n){return st.from(Nr(t,n))},jr=function(t,n){var e=t.dom;return!(!e||!e.hasAttribute)&&e.hasAttribute(n)},Ur=function(t,n){t.dom.removeAttribute(n)},Wr=function(t){return n=t,e=!1,me.fromDom(n.dom.cloneNode(e));var n,e},Gr=function(t){var n,e,o,r=Wr(t);return n=r,e=me.fromTag("div"),o=me.fromDom(n.dom.cloneNode(!0)),Ar(e,o),Vr(e)},Xr=Zo([{key:So(),value:Qe({can:function(t,n){var e,o,r=n.event,i=r.originator,u=r.target;return o=u,!(Ge(e=i,t.element)&&!Ge(e,o))||(console.warn(So()+" did not get interpreted by the desired target. \nOriginator: "+Gr(i)+"\nTarget: "+Gr(u)+"\nCheck the "+So()+" event handlers"),!1)}})}]),Yr=/* */Object.freeze({__proto__:null,events:Xr}),qr=0,Kr=function(t){var n=(new Date).getTime();return t+"_"+Math.floor(1e9*Math.random())+ ++qr+String(n)},Jr=at("alloy-id-"),$r=at("data-alloy-id"),Qr=Jr(),Zr=$r(),ti=function(t,n){Object.defineProperty(t.dom,Zr,{value:n,writable:!0})},ni=function(t){var n=pr(t)?t.dom[Zr]:null;return st.from(n)},ei=Kr,oi=ct,ri=function(n){var t=function(t){return function(){throw new Error("The component must be in a context to send: "+t+(n?"\n"+Gr(n().element)+" is not in context.":""))}};return{debugInfo:at("fake"),triggerEvent:t("triggerEvent"),triggerFocus:t("triggerFocus"),triggerEscape:t("triggerEscape"),build:t("build"),addToWorld:t("addToWorld"),removeFromWorld:t("removeFromWorld"),addToGui:t("addToGui"),removeFromGui:t("removeFromGui"),getByUid:t("getByUid"),getByDom:t("getByDom"),broadcast:t("broadcast"),broadcastOn:t("broadcastOn"),broadcastEvent:t("broadcastEvent"),isConnected:c}},ii=ri(),ui=function(t){return V(t,function(t){return Se(t,"/*")?t.substring(0,t.length-"/*".length):t})},ai=function(t,n){var e=t.toString(),o=e.indexOf(")")+1,r=e.indexOf("("),i=e.substring(r+1,o-1).split(/,\s*/);return t.toFunctionAnnotation=function(){return{name:n,parameters:ui(i)}},t},ci=Kr("alloy-premade"),si=function(t){return Jt(ci,t)},li=function(o){return t=function(t){for(var n=[],e=1;e<arguments.length;e++)n[e-1]=arguments[e];return o.apply(void 0,S([t.getApis(),t],n))},n=o.toString(),e=n.indexOf(")")+1,r=n.indexOf("("),i=n.substring(r+1,e-1).split(/,\s*/),t.toFunctionAnnotation=function(){return{name:"OVERRIDE",parameters:ui(i.slice(1))}},t;var t,n,e,r,i},fi={init:function(){return di({readState:function(){return"No State required"}})}},di=function(t){return t},mi=function(t,r){var i={};return _t(t,function(t,o){_t(t,function(t,n){var e=Ft(i,n).getOr([]);i[n]=e.concat([r(o,t)])})}),i},gi=function(t){return{classes:t.classes!==undefined?t.classes:[],attributes:t.attributes!==undefined?t.attributes:{},styles:t.styles!==undefined?t.styles:{}}},pi=function(t,n){return{cHandler:y.apply(undefined,[t.handler].concat(n)),purpose:t.purpose}},hi=function(t){return t.cHandler},vi=function(t,n){return{name:t,handler:n}},bi=function(t,n,e){var o,r,i=ut(ut({},e),(o=t,r={},ft(n,function(t){r[t.name()]=t.handlers(o)}),r));return mi(i,vi)},yi=function(t){var n,i=_(n=t)?{can:at(!0),abort:at(!1),run:n}:n;return function(t,n){for(var e=[],o=2;o<arguments.length;o++)e[o-2]=arguments[o];var r=[t,n].concat(e);i.abort.apply(undefined,r)?n.stop():i.can.apply(undefined,r)&&i.run.apply(undefined,r)}},xi=function(t,n,e){var o,r,i=n[e];return i?function(u,a,t,c){try{var n=Y(t,function(t,n){var e=t[a],o=n[a],r=c.indexOf(e),i=c.indexOf(o);if(-1===r)throw new Error("The ordering for "+u+" does not have an entry for "+e+".\nOrder specified: "+JSON.stringify(c,null,2));if(-1===i)throw new Error("The ordering for "+u+" does not have an entry for "+o+".\nOrder specified: "+JSON.stringify(c,null,2));return r<i?-1:i<r?1:0});return mt.value(n)}catch(e){return mt.error([e])}}("Event: "+e,"name",t,i).map(function(t){var n=V(t,function(t){return t.handler});return Ze(n)}):(o=e,r=t,mt.error(["The event ("+o+') has more than one behaviour that listens to it.\nWhen this occurs, you must specify an event ordering for the behaviours in your spec (e.g. [ "listing", "toggling" ]).\nThe behaviours that can trigger it are: '+JSON.stringify(V(r,function(t){return t.name}),null,2)]))},wi=function(t,i){var n=Bt(t,function(o,r){return(1===o.length?mt.value(o[0].handler):xi(o,i,r)).map(function(t){var n=yi(t),e=1<o.length?H(i[r],function(n){return F(o,function(t){return t.name===n})}).join(" > "):o[0].name;return Jt(r,{handler:n,purpose:e})})});return Qt(n,{})},Si="alloy.base.behaviour",ki=function(t){var n,e;return _n("custom.definition",fn([bn("dom","dom",Wt(),fn([Ln("tag"),ne("styles",{}),ne("classes",[]),ne("attributes",{}),Kn("value"),Kn("innerHtml")])),Ln("components"),Ln("uid"),ne("events",{}),ne("apis",{}),bn("eventOrder","eventOrder",((n={})[_o()]=["disabling",Si,"toggling","typeaheadevents"],n[So()]=[Si,"focusing","keying"],n[Mo()]=[Si,"disabling","toggling","representing"],n[po()]=[Si,"representing","streaming","invalidating"],n[Ho()]=[Si,"representing","item-events","tooltipping"],n[io()]=["focusing",Si,"item-type-events"],n[no()]=["focusing",Si,"item-type-events"],n[so()]=["item-type-events","tooltipping"],n[Oo()]=["receiving","reflecting","tooltipping"],e=n,jt.mergeWithThunk(at(e))),Mn()),Kn("domModification")]),t)},Ci=function(t,n){var e=Nr(t,n);return e===undefined||""===e?[]:e.split(" ")},Oi=function(t){return t.dom.classList!==undefined},_i=function(t,n){return r=n,i=Ci(e=t,o="class").concat([r]),zr(e,o,i.join(" ")),!0;var e,o,r,i},Ti=function(t,n){return r=n,0<(i=H(Ci(e=t,o="class"),function(t){return t!==r})).length?zr(e,o,i.join(" ")):Ur(e,o),!1;var e,o,r,i},Ei=function(t,n){Oi(t)?t.dom.classList.add(n):_i(t,n)},Di=function(t){0===(Oi(t)?t.dom.classList:Ci(t,"class")).length&&Ur(t,"class")},Bi=function(t,n){Oi(t)?t.dom.classList.remove(n):Ti(t,n),Di(t)},Ai=function(t,n){return Oi(t)&&t.dom.classList.contains(n)},Mi=function(n,t){ft(t,function(t){Ei(n,t)})},Fi=function(n,t){ft(t,function(t){Bi(n,t)})},Ii=function(t){return t.style!==undefined&&_(t.style.getPropertyValue)},Ri=function(t){return br(t)},Vi=_(Element.prototype.attachShadow)&&_(Node.prototype.getRootNode),Pi=at(Vi),Hi=Vi?function(t){return me.fromDom(t.dom.getRootNode())}:xr,zi=function(t){return Ri(t)?t:me.fromDom(xr(t).dom.body)},Ni=function(t){var n=Hi(t);return Ri(n)?st.some(n):st.none()},Li=function(t){return me.fromDom(t.dom.host)},ji=function(t){return v(t.dom.shadowRoot)},Ui=function(t){var n=hr(t)?t.dom.parentNode:t.dom;if(n===undefined||null===n||null===n.ownerDocument)return!1;var e,o,r=n.ownerDocument;return Ni(me.fromDom(n)).fold(function(){return r.body.contains(n)},(e=Ui,o=Li,function(t){return e(o(t))}))},Wi=function(){return Gi(me.fromDom(document))},Gi=function(t){var n=t.dom.body;if(null===n||n===undefined)throw new Error("Body is not available yet");return me.fromDom(n)},Xi=function(t,n,e){if(!k(e))throw console.error("Invalid call to CSS.set. Property ",n,":: Value ",e,":: Element ",t),new Error("CSS value must be a string: "+e);Ii(t)&&t.style.setProperty(n,e)},Yi=function(t,n){Ii(t)&&t.style.removeProperty(n)},qi=function(t,n,e){var o=t.dom;Xi(o,n,e)},Ki=function(t,n){var e=t.dom;_t(n,function(t,n){Xi(e,n,t)})},Ji=function(t,n){var e=t.dom;_t(n,function(t,n){t.fold(function(){Yi(e,n)},function(t){Xi(e,n,t)})})},$i=function(t,n){var e=t.dom,o=window.getComputedStyle(e).getPropertyValue(n);return""!==o||Ui(t)?o:Qi(e,n)},Qi=function(t,n){return Ii(t)?t.style.getPropertyValue(n):""},Zi=function(t,n){var e=t.dom,o=Qi(e,n);return st.from(o).filter(function(t){return 0<t.length})},tu=function(t,n,e){var o=me.fromTag(t);return qi(o,n,e),Zi(o,n).isSome()},nu=function(t,n){var e=t.dom;Yi(e,n),Lr(t,"style").map(ke).is("")&&Ur(t,"style")},eu=function(t){return t.dom.offsetWidth},ou=function(t){return t.dom.value},ru=function(t,n){if(n===undefined)throw new Error("Value.set was undefined");t.dom.value=n},iu=function(t){var n,e,o,r=me.fromTag(t.tag);n=r,e=t.attributes,o=n.dom,_t(e,function(t,n){Hr(o,n,t)}),Mi(r,t.classes),Ki(r,t.styles),t.innerHtml.each(function(t){return Pr(r,t)});var i=t.domChildren;return Mr(r,i),t.value.each(function(t){ru(r,t)}),t.uid,ti(r,t.uid),r},uu=function(t,n){return e=t,r=V(o=n,function(t){return te(t.name(),[Ln("config"),ne("state",fi)])}),i=_n("component.behaviours",fn(r),e.behaviours).fold(function(t){throw new Error(Dn(t)+"\nComplete spec:\n"+JSON.stringify(e,null,2))},function(t){return t}),{list:o,data:Tt(i,function(t){var n=t.map(function(t){return{config:t.config,state:t.state.init(t.config)}});return function(){return n}})};var e,o,r,i},au=function(t){var n,e,o=(n=Ft(t,"behaviours").getOr({}),e=H(Ct(n),function(t){return n[t]!==undefined}),V(e,function(t){return n[t].me}));return uu(t,o)},cu=function(t,n,e){var o,r,i,u=ut(ut({},(o=t).dom),{uid:o.uid,domChildren:V(o.components,function(t){return t.element})}),a=t.domModification.fold(function(){return gi({})},gi),c={"alloy.base.modification":a},s=0<n.length?function(n,t,e,o){var r=ut({},t);ft(e,function(t){r[t.name()]=t.exhibit(n,o)});var i=mi(r,function(t,n){return{name:t,modification:n}}),u=function(t){return z(t,function(t,n){return ut(ut({},n.modification),t)},{})},a=z(i.classes,function(t,n){return n.modification.concat(t)},[]),c=u(i.attributes),s=u(i.styles);return gi({classes:a,attributes:c,styles:s})}(e,c,n,u):a;return i=s,ut(ut({},r=u),{attributes:ut(ut({},r.attributes),i.attributes),styles:ut(ut({},r.styles),i.styles),classes:r.classes.concat(i.classes)})},su=function(t,n,e){var o,r,i,u={"alloy.base.behaviour":t.events};return o=e,r=t.eventOrder,i=bi(o,n,u),wi(i,r).getOrDie()},lu=function(t){var n,e,o,r,i,u,a,c,s,l,f,d,m,g=oi(t),p=g.events,h=w(g,["events"]),v=(n=Ft(h,"components").getOr([]),V(n,gu)),b=ut(ut({},h),{events:ut(ut({},Yr),p),components:v});return mt.value((o=function(){return m},r=fe(ii),i=Tn(ki(e=b)),u=au(e),a=u.list,c=u.data,s=cu(i,a,c),l=iu(s),f=su(i,a,c),d=fe(i.components),m={getSystem:r.get,config:function(t){var n=c;return(_(n[t.name()])?n[t.name()]:function(){throw new Error("Could not find "+t.name()+" in "+JSON.stringify(e,null,2))})()},hasConfigured:function(t){return _(c[t.name()])},spec:e,readState:function(t){return c[t]().map(function(t){return t.state.readState()}).getOr("not enabled")},getApis:function(){return i.apis},connect:function(t){r.set(t)},disconnect:function(){r.set(ri(o))},element:l,syncComponents:function(){var t=_r(l),n=U(t,function(t){return r.get().getByDom(t).fold(function(){return[]},function(t){return[t]})});d.set(n)},components:d.get,events:f}))},fu=function(t){var n=me.fromText(t);return du({element:n})},du=function(t){var n=En("external.component",ln([Ln("element"),Kn("uid")]),t),e=fe(ri());n.uid.each(function(t){ti(n.element,t)});var o={getSystem:e.get,config:st.none,hasConfigured:c,connect:function(t){e.set(t)},disconnect:function(){e.set(ri(function(){return o}))},getApis:function(){return{}},element:n.element,spec:t,readState:at("No state"),syncComponents:$,components:at([]),events:{}};return si(o)},mu=ei,gu=function(n){return Ft(n,ci).fold(function(){var t=n.hasOwnProperty("uid")?n:ut({uid:mu("")},n);return lu(t).getOrDie()},function(t){return t})},pu=si;function hu(o,r){var t=function(t){var n=r(t);if(n<=0||null===n){var e=$i(t,o);return parseFloat(e)||0}return n},i=function(r,t){return N(t,function(t,n){var e=$i(r,n),o=e===undefined?0:parseInt(e,10);return isNaN(o)?t:t+o},0)};return{set:function(t,n){if(!lt(n)&&!n.match(/^[0-9]+$/))throw new Error(o+".set accepts only positive integer values. Value was "+n);var e=t.dom;Ii(e)&&(e.style[o]=n+"px")},get:t,getOuter:t,aggregate:i,max:function(t,n,e){var o=i(t,e);return o<n?n-o:0}}}var vu=hu("height",function(t){var n=t.dom;return Ui(t)?n.getBoundingClientRect().height:n.offsetHeight}),bu=function(t){return vu.get(t)},yu=function(t){return vu.getOuter(t)},xu=function(e,o){return{left:e,top:o,translate:function(t,n){return xu(e+t,o+n)}}},wu=xu,Su=function(t,n){return t!==undefined?t:n!==undefined?n:0},ku=function(t){var n=t.dom.ownerDocument,e=n.body,o=n.defaultView,r=n.documentElement;if(e===t.dom)return wu(e.offsetLeft,e.offsetTop);var i=Su(null==o?void 0:o.pageYOffset,r.scrollTop),u=Su(null==o?void 0:o.pageXOffset,r.scrollLeft),a=Su(r.clientTop,e.clientTop),c=Su(r.clientLeft,e.clientLeft);return Cu(t).translate(u-c,i-a)},Cu=function(t){var n,e=t.dom,o=e.ownerDocument.body;return o===e?wu(o.offsetLeft,o.offsetTop):Ui(t)?(n=e.getBoundingClientRect(),wu(n.left,n.top)):wu(0,0)},Ou=hu("width",function(t){return t.dom.offsetWidth}),_u=function(t){return Ou.get(t)},Tu=function(t){return Ou.getOuter(t)},Eu=function(t){var n=me.fromDom(function(t){if(Pi()&&v(t.target)){var n=me.fromDom(t.target);if(pr(n)&&ji(n)&&t.composed&&t.composedPath){var e=t.composedPath();if(e)return K(e)}}return st.from(t.target)}(t).getOr(t.target)),e=function(){return t.stopPropagation()},o=function(){return t.preventDefault()},r=i(o,e);return{target:n,x:t.clientX,y:t.clientY,stop:e,prevent:o,kill:r,raw:t}},Du=function(t,n,e,o,r){var i,u,a=(i=e,u=o,function(t){i(t)&&u(Eu(t))});return t.dom.addEventListener(n,a,r),{unbind:y(Bu,t,n,a,r)}},Bu=function(t,n,e,o){t.dom.removeEventListener(n,e,o)},Au=function(t){var n=t!==undefined?t.dom:document,e=n.body.scrollLeft||n.documentElement.scrollLeft,o=n.body.scrollTop||n.documentElement.scrollTop;return wu(e,o)},Mu=function(t,n,e){var o=(e!==undefined?e.dom:document).defaultView;o&&o.scrollTo(t,n)},Fu=function(t,n,e,o){return{x:t,y:n,width:e,height:o,right:t+e,bottom:n+o}},Iu=function(t){var n,e,o=t===undefined?window:t,r=o.document,i=Au(me.fromDom(r));return e=(n=o)===undefined?window:n,st.from(e.visualViewport).fold(function(){var t=o.document.documentElement,n=t.clientWidth,e=t.clientHeight;return Fu(i.left,i.top,n,e)},function(t){return Fu(Math.max(t.pageLeft,i.left),Math.max(t.pageTop,i.top),t.width,t.height)})},Ru=function(o,t){return o.view(t).fold(at([]),function(t){var n=o.owner(t),e=Ru(o,n);return[t].concat(e)})},Vu=/* */Object.freeze({__proto__:null,view:function(t){var n;return(t.dom===document?st.none():st.from(null===(n=t.dom.defaultView)||void 0===n?void 0:n.frameElement)).map(me.fromDom)},owner:yr}),Pu=function(o){var t,n,e,r,i=me.fromDom(document),u=Au(i);return(t=o,e=(n=Vu).owner(t),r=Ru(n,e),st.some(r)).fold(y(ku,o),function(t){var n=Cu(o),e=z(t,function(t,n){var e=Cu(n);return{left:t.left+e.left,top:t.top+e.top}},{left:0,top:0});return wu(e.left+n.left+u.left,e.top+n.top+u.top)})},Hu=function(t,n,e,o){return{x:t,y:n,width:e,height:o,right:t+e,bottom:n+o}},zu=function(t){var n=ku(t),e=Tu(t),o=yu(t);return Hu(n.left,n.top,e,o)},Nu=function(t){var n=Pu(t),e=Tu(t),o=yu(t);return Hu(n.left,n.top,e,o)},Lu=function(){return Iu(window)};function ju(t,n,e,o,r){return t(e,o)?st.some(e):_(r)&&r(e)?st.none():n(e,o,r)}var Uu,Wu,Gu=function(t,n,e){for(var o=t.dom,r=_(e)?e:c;o.parentNode;){o=o.parentNode;var i=me.fromDom(o);if(n(i))return st.some(i);if(r(i))break}return st.none()},Xu=function(t,n,e){return ju(function(t,n){return n(t)},Gu,t,n,e)},Yu=function(t,n,e){return Xu(t,n,e).isSome()},qu=function(t,n,e){return Gu(t,function(t){return Ue(t,n)},e)},Ku=function(t,n){return e=n,r=(o=t)===undefined?document:o.dom,We(r)?st.none():st.from(r.querySelector(e)).map(me.fromDom);var e,o,r},Ju=function(t,n,e){return ju(Ue,qu,t,n,e)},$u=function(){var n=Kr("aria-owns");return{id:n,link:function(t){zr(t,"aria-owns",n)},unlink:function(t){Ur(t,"aria-owns")}}},Qu=function(n,t){return Xu(t,function(t){if(!pr(t))return!1;var n=Nr(t,"id");return n!==undefined&&-1<n.indexOf("aria-owns")}).bind(function(t){var n=Nr(t,"id"),e=Hi(t);return Ku(e,'[aria-owns="'+n+'"]')}).exists(function(t){return Zu(n,t)})},Zu=function(n,t){return Yu(t,function(t){return Ge(t,n.element)},c)||Qu(n,t)},ta="unknown";(Wu=Uu=Uu||{})[Wu.STOP=0]="STOP",Wu[Wu.NORMAL=1]="NORMAL",Wu[Wu.LOGGING=2]="LOGGING";var na,ea,oa=fe({}),ra=["alloy/data/Fields","alloy/debugging/Debugging"],ia=function(n,t,e){var o,r,i,u;switch(Ft(oa.get(),n).orThunk(function(){var t=Ct(oa.get());return Z(t,function(t){return-1<n.indexOf(t)?st.some(oa.get()[t]):st.none()})}).getOr(Uu.NORMAL)){case Uu.NORMAL:return e(ua());case Uu.LOGGING:var a=(o=n,r=t,i=[],u=(new Date).getTime(),{logEventCut:function(t,n,e){i.push({outcome:"cut",target:n,purpose:e})},logEventStopped:function(t,n,e){i.push({outcome:"stopped",target:n,purpose:e})},logNoParent:function(t,n,e){i.push({outcome:"no-parent",target:n,purpose:e})},logEventNoHandlers:function(t,n){i.push({outcome:"no-handlers-left",target:n})},logEventResponse:function(t,n,e){i.push({outcome:"response",purpose:e,target:n})},write:function(){var t=(new Date).getTime();M(["mousemove","mouseover","mouseout",Mo()],o)||console.log(o,{event:o,time:t-u,target:r.dom,sequence:V(i,function(t){return M(["cut","stopped","response"],t.outcome)?"{"+t.purpose+"} "+t.outcome+" at ("+Gr(t.target)+")":t.outcome})})}}),c=e(a);return a.write(),c;case Uu.STOP:return!0}},ua=at({logEventCut:$,logEventStopped:$,logNoParent:$,logEventNoHandlers:$,logEventResponse:$,write:$}),aa=at([Ln("menu"),Ln("selectedMenu")]),ca=at([Ln("item"),Ln("selectedItem")]),sa=(at(fn(ca().concat(aa()))),at(fn(ca()))),la=Xn("initSize",[Ln("numColumns"),Ln("numRows")]),fa=function(){return Xn("markers",[Ln("backgroundMenu")].concat(aa()).concat(ca()))},da=function(t){return Xn("markers",V(t,Ln))},ma=function(t,n,e){!function(){var t=new Error;if(t.stack===undefined)return;var n=t.stack.split("\n");L(n,function(n){return 0<n.indexOf("alloy")&&!F(ra,function(t){return-1<n.indexOf(t)})}).getOr(ta)}();return bn(n,n,e,Cn(function(e){return mt.value(function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return e.apply(undefined,t)})}))},ga=function(t){return ma(0,t,Ut($))},pa=function(t){return ma(0,t,Ut(st.none))},ha=function(t){return ma(0,t,Wt())},va=function(t){return ma(0,t,Wt())},ba=function(t,n){return le(t,at(n))},ya=function(t){return le(t,ct)},xa=at(la),wa=function(t,n,e,o,r,i){return{x:t,y:n,bubble:e,direction:o,boundsRestriction:r,label:i}},Sa=Vt([{southeast:[]},{southwest:[]},{northeast:[]},{northwest:[]},{south:[]},{north:[]},{east:[]},{west:[]}]),ka=Sa.southeast,Ca=Sa.southwest,Oa=Sa.northeast,_a=Sa.northwest,Ta=Sa.south,Ea=Sa.north,Da=Sa.east,Ba=Sa.west,Aa=function(n,e){return function(t,n){for(var e={},o=0,r=t.length;o<r;o++){var i=t[o];e[String(i)]=n(i,o)}return e}(["left","right","top","bottom"],function(t){return Ft(e,t).map(function(t){return function(t,n){switch(n){case 1:return t.x;case 0:return t.x+t.width;case 2:return t.y;case 3:return t.y+t.height}}(n,t)})})},Ma=function(t){return t.x},Fa=function(t,n){return t.x+t.width/2-n.width/2},Ia=function(t,n){return t.x+t.width-n.width},Ra=function(t,n){return t.y-n.height},Va=function(t){return t.y+t.height},Pa=function(t,n){return t.y+t.height/2-n.height/2},Ha=function(t,n,e){return wa(Ma(t),Va(t),e.southeast(),ka(),Aa(t,{left:1,top:3}),"layout-se")},za=function(t,n,e){return wa(Ia(t,n),Va(t),e.southwest(),Ca(),Aa(t,{right:0,top:3}),"layout-sw")},Na=function(t,n,e){return wa(Ma(t),Ra(t,n),e.northeast(),Oa(),Aa(t,{left:1,bottom:2}),"layout-ne")},La=function(t,n,e){return wa(Ia(t,n),Ra(t,n),e.northwest(),_a(),Aa(t,{right:0,bottom:2}),"layout-nw")},ja=function(t,n,e){return wa(Fa(t,n),Ra(t,n),e.north(),Ea(),Aa(t,{bottom:2}),"layout-n")},Ua=function(t,n,e){return wa(Fa(t,n),Va(t),e.south(),Ta(),Aa(t,{top:3}),"layout-s")},Wa=function(t,n,e){return wa((o=t).x+o.width,Pa(t,n),e.east(),Da(),Aa(t,{left:0}),"layout-e");var o},Ga=function(t,n,e){return wa((o=n,t.x-o.width),Pa(t,n),e.west(),Ba(),Aa(t,{right:1}),"layout-w");var o},Xa=function(){return[Ha,za,Na,La,Ua,ja,Wa,Ga]},Ya=function(){return[za,Ha,La,Na,Ua,ja,Wa,Ga]},qa=function(){return[Na,La,Ha,za,ja,Ua]},Ka=function(){return[La,Na,za,Ha,ja,Ua]},Ja=function(){return[Ha,za,Na,La,Ua,ja]},$a=function(){return[za,Ha,La,Na,Ua,ja]},Qa=/* */Object.freeze({__proto__:null,events:function(c){return Zo([er(Oo(),function(r,t){var n,e,i=c.channels,o=Ct(i),u=t,a=(n=o,(e=u).universal?n:H(n,function(t){return M(e.channels,t)}));ft(a,function(t){var n=i[t],e=n.schema,o=En("channel["+t+"] data\nReceiver: "+Gr(r.element),e,u.data);n.onReceive(r,o)})})])}}),Za=[jn("channels",On(mt.value,ln([ha("onReceive"),ne("schema",Mn())])))],tc=function(e,o,r){return fr(function(t,n){r(t,e,o)})},nc=function(t,n,e,o,r,i){var u=ln(t),a=te(n,[Jn("config",ln(t))]);return rc(u,a,n,e,o,r,i)},ec=function(r,i,u){var t,n,e,o,a,c;return t=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var o=[e].concat(t);return e.config({name:at(r)}).fold(function(){throw new Error("We could not find any behaviour configuration for: "+r+". Using API: "+u)},function(t){var n=Array.prototype.slice.call(o,1);return i.apply(undefined,[e,t.config,t.state].concat(n))})},n=u,e=i.toString(),o=e.indexOf(")")+1,a=e.indexOf("("),c=e.substring(a+1,o-1).split(/,\s*/),t.toFunctionAnnotation=function(){return{name:n,parameters:ui(c.slice(0,1).concat(c.slice(3)))}},t},oc=function(t){return{key:t,value:undefined}},rc=function(e,t,o,r,n,i,u){var a=function(t){return Rt(t,o)?t[o]():st.none()},c=Tt(n,function(t,n){return ec(o,t,n)}),s=Tt(i,ai),l=ut(ut(ut({},s),c),{revoke:y(oc,o),config:function(t){var n=En(o+"-config",e,t);return{key:o,value:{config:n,me:l,configAsRaw:Lt(function(){return En(o+"-config",e,t)}),initialConfig:t,state:u}}},schema:function(){return t},exhibit:function(t,e){return a(t).bind(function(n){return Ft(r,"exhibit").map(function(t){return t(e,n.config,n.state)})}).getOr(gi({}))},name:function(){return o},handlers:function(t){return a(t).map(function(t){return Ft(r,"events").getOr(function(){return{}})(t.config,t.state)}).getOr({})}});return l},ic=$t,uc=ln([Ln("fields"),Ln("name"),ne("active",{}),ne("apis",{}),ne("state",fi),ne("extra",{})]),ac=function(t){var n=En("Creating behaviour: "+t.name,uc,t);return nc(n.fields,n.name,n.active,n.apis,n.extra,n.state)},cc=ln([Ln("branchKey"),Ln("branches"),Ln("name"),ne("active",{}),ne("apis",{}),ne("state",fi),ne("extra",{})]),sc=function(t){var n,e,o,r,i,u,a,c,s=En("Creating behaviour: "+t.name,cc,t);return n=An(s.branchKey,s.branches),e=s.name,o=s.active,r=s.apis,i=s.extra,u=s.state,c=te(e,[Jn("config",a=n)]),rc(a,c,e,o,r,i,u)},lc=at(undefined),fc=ac({fields:Za,name:"receiving",active:Qa}),dc=/* */Object.freeze({__proto__:null,exhibit:function(t,n){return gi({classes:[],styles:n.useFixed()?{}:{position:"relative"}})}}),mc=function(t){return t.dom.focus()},gc=function(t){return void 0===t&&(t=me.fromDom(document)),st.from(t.dom.activeElement).map(me.fromDom)},pc=function(n){return gc(Hi(n)).filter(function(t){return n.dom.contains(t.dom)})},hc=function(t,e){var o=Hi(e),n=gc(o).bind(function(n){var r,i,t=function(t){return Ge(n,t)};return t(e)?st.some(e):(r=t,(i=function(t){for(var n=0;n<t.childNodes.length;n++){var e=me.fromDom(t.childNodes[n]);if(r(e))return st.some(e);var o=i(t.childNodes[n]);if(o.isSome())return o}return st.none()})(e.dom))}),r=t(e);return n.each(function(n){gc(o).filter(function(t){return Ge(t,n)}).fold(function(){mc(n)},$)}),r},vc=function(t,n,e,o,r){return{position:t,left:n,top:e,right:o,bottom:r}},bc=function(t,n){var e=function(t){return t+"px"};Ji(t,{position:st.some(n.position),left:n.left.map(e),top:n.top.map(e),right:n.right.map(e),bottom:n.bottom.map(e)})},yc=Vt([{none:[]},{relative:["x","y","width","height"]},{fixed:["x","y","width","height"]}]),xc=function(t,n,e,o,r,i){var u,a,c,s,l,f,d,m,g,p=n.x-e,h=n.y-o,v=r-(p+n.width),b=i-(h+n.height),y=st.some(p),x=st.some(h),w=st.some(v),S=st.some(b),k=st.none();return u=n.direction,a=function(){return vc(t,y,x,k,k)},c=function(){return vc(t,k,x,w,k)},s=function(){return vc(t,y,k,k,S)},l=function(){return vc(t,k,k,w,S)},f=function(){return vc(t,y,x,k,k)},d=function(){return vc(t,y,k,k,S)},m=function(){return vc(t,y,x,k,k)},g=function(){return vc(t,k,x,w,k)},u.fold(a,c,s,l,f,d,m,g)},wc=function(t,n){var e=y(Pu,n),o=t.fold(e,e,function(){var t=Au();return Pu(n).translate(-t.left,-t.top)}),r=Tu(n),i=yu(n);return Hu(o.left,o.top,r,i)},Sc=function(t,n,e){var o=wu(n,e);return t.fold(at(o),at(o),function(){var t=Au();return o.translate(-t.left,-t.top)})},kc=(yc.none,yc.relative),Cc=yc.fixed,Oc=function(t,n,e,o){var r=t+n;return o<r?e:r<e?o:r},_c=function(t,n,e){return Math.min(Math.max(t,n),e)},Tc=Vt([{fit:["reposition"]},{nofit:["reposition","deltaW","deltaH"]}]),Ec=function(t,n,e,o){var r,i,u,a,c,s,l,f,d,m,g,p,h,v,b,y,x,w,S,k,C,O,_,T,E,D,B,A,M,F,I,R,V,P=t.x,H=t.y,z=t.bubble.offset,N=z.left,L=z.top,j=(r=o,i=t.boundsRestriction,u=z,c=(a=function(n,e){var o="top"===n||"bottom"===n?u.top:u.left;return Ft(i,n).bind(ct).bind(function(t){return"left"===n||"top"===n?e<=t?st.some(t):st.none():t<=e?st.some(t):st.none()}).map(function(t){return t+o}).getOr(e)})("left",r.x),s=a("top",r.y),l=a("right",r.right),f=a("bottom",r.bottom),Hu(c,s,l-c,f-s)),U=j.y,W=j.bottom,G=j.x,X=j.right,Y=H+L,q=(d=P+N,m=Y,g=n,p=e,v=(h=j).x,b=h.y,y=h.width,x=h.height,S=b<=m,k=(w=v<=d)&&S,C=d+g<=v+y&&m+p<=b+x,O=Math.abs(Math.min(g,w?v+y-d:v-(d+g))),_=Math.abs(Math.min(p,S?b+x-m:b-(m+p))),T=Math.max(h.x,h.right-g),E=Math.max(h.y,h.bottom-p),{originInBounds:k,sizeInBounds:C,limitX:_c(d,h.x,T),limitY:_c(m,h.y,E),deltaW:O,deltaH:_}),K=q.originInBounds,J=q.sizeInBounds,$=q.limitX,Q=q.limitY,Z=q.deltaW,tt=q.deltaH,nt=at(Q+tt-U),et=at(W-Q),ot=(D=t.direction,A=B=et,M=nt,D.fold(B,B,M,M,B,M,A,A)),rt=at($+Z-G),it=at(X-$),ut={x:$,y:Q,width:Z,height:tt,maxHeight:ot,maxWidth:(F=t.direction,R=I=it,V=rt,F.fold(I,V,I,V,R,R,I,V)),direction:t.direction,classes:{on:t.bubble.classesOn,off:t.bubble.classesOff},label:t.label,candidateYforTest:Y};return K&&J?Tc.fit(ut):Tc.nofit(ut,Z,tt)},Dc=function(t,n,e,o){nu(n,"max-height"),nu(n,"max-width");var r,i,u,a,c,s,l,f,d,m={width:Tu(r=n),height:yu(r)};return i=o.preference,u=t,a=m,c=e,s=o.bounds,l=a.width,f=a.height,d=function(t,o,r,i){var n=t(u,a,c);return Ec(n,l,f,s).fold(Tc.fit,function(t,n,e){return i<e||r<n?Tc.nofit(t,n,e):Tc.nofit(o,r,i)})},N(i,function(t,n){var e=y(d,n);return t.fold(Tc.fit,e)},Tc.nofit({x:u.x,y:u.y,width:a.width,height:a.height,maxHeight:a.height,maxWidth:a.width,direction:ka(),classes:{on:[],off:[]},label:"none",candidateYforTest:u.y},-1,-1)).fold(ct,ct)},Bc=function(t,n,e){var o,r;bc(t,(o=e.origin,r=n,o.fold(function(){return vc("absolute",st.some(r.x),st.some(r.y),st.none(),st.none())},function(t,n,e,o){return xc("absolute",r,t,n,e,o)},function(t,n,e,o){return xc("fixed",r,t,n,e,o)})))},Ac=function(t,n){var e,o,r;e=t,o=Math.floor(n),r=vu.max(e,o,["margin-top","border-top-width","padding-top","padding-bottom","border-bottom-width","margin-bottom"]),qi(e,"max-height",r+"px")},Mc=at(function(t,n){Ac(t,n),Ki(t,{"overflow-x":"hidden","overflow-y":"auto"})}),Fc=at(function(t,n){Ac(t,n)}),Ic=function(t,n,e){return t[n]===undefined?e:t[n]},Rc=function(t,n,e,o,r,i){var u,a=Ic(i,"maxHeightFunction",Mc()),c=Ic(i,"maxWidthFunction",$),s=t.anchorBox,l=t.origin,f={bounds:(u=l,r.fold(function(){return u.fold(Lu,Lu,Hu)},function(e){return u.fold(e,e,function(){var t=e(),n=Sc(u,t.x,t.y);return Hu(n.left,n.top,t.width,t.height)})})),origin:l,preference:o,maxHeightFunction:a,maxWidthFunction:c};Vc(s,n,e,f)},Vc=function(t,n,e,o){var r,i,u,a,c,s,l=Dc(t,n,e,o);Bc(n,l,o),r=n,i=l.classes,Fi(r,i.off),Mi(r,i.on),u=n,a=l,(0,o.maxHeightFunction)(u,a.maxHeight),c=n,s=l,(0,o.maxWidthFunction)(c,s.maxWidth)},Pc=["valignCentre","alignLeft","alignRight","alignCentre","top","bottom","left","right"],Hc=function(t,n,e){var r=function(t){return Ft(e,t).getOr([])},o=function(t,n,e){var o=X(Pc,e);return{offset:wu(t,n),classesOn:U(e,r),classesOff:U(o,r)}};return{southeast:function(){return o(-t,n,["top","alignLeft"])},southwest:function(){return o(t,n,["top","alignRight"])},south:function(){return o(-t/2,n,["top","alignCentre"])},northeast:function(){return o(-t,-n,["bottom","alignLeft"])},northwest:function(){return o(t,-n,["bottom","alignRight"])},north:function(){return o(-t/2,-n,["bottom","alignCentre"])},east:function(){return o(t,-n/2,["valignCentre","left"])},west:function(){return o(-t,-n/2,["valignCentre","right"])},innerNorthwest:function(){return o(-t,n,["top","alignRight"])},innerNortheast:function(){return o(t,n,["top","alignLeft"])},innerNorth:function(){return o(-t/2,n,["top","alignCentre"])},innerSouthwest:function(){return o(-t,-n,["bottom","alignRight"])},innerSoutheast:function(){return o(t,-n,["bottom","alignLeft"])},innerSouth:function(){return o(-t/2,-n,["bottom","alignCentre"])},innerWest:function(){return o(t,-n/2,["valignCentre","right"])},innerEast:function(){return o(-t,-n/2,["valignCentre","left"])}}},zc=function(){return Hc(0,0,{})},Nc=function(n,e){return function(t){return"rtl"===Lc(t)?e:n}},Lc=function(t){return"rtl"===$i(t,"direction")?"rtl":"ltr"};(ea=na=na||{}).TopToBottom="toptobottom",ea.BottomToTop="bottomtotop";var jc="data-alloy-vertical-dir",Uc=function(t){return Yu(t,function(t){return pr(t)&&Nr(t,"data-alloy-vertical-dir")===na.BottomToTop})},Wc=function(){return te("layouts",[Ln("onLtr"),Ln("onRtl"),Kn("onBottomLtr"),Kn("onBottomRtl")])},Gc=function(n,t,e,o,r,i,u){var a=u.map(Uc).getOr(!1),c=t.layouts.map(function(t){return t.onLtr(n)}),s=t.layouts.map(function(t){return t.onRtl(n)}),l=a?t.layouts.bind(function(t){return t.onBottomLtr.map(function(t){return t(n)})}).or(c).getOr(r):c.getOr(e),f=a?t.layouts.bind(function(t){return t.onBottomRtl.map(function(t){return t(n)})}).or(s).getOr(i):s.getOr(o);return Nc(l,f)(n)},Xc=[Ln("hotspot"),Kn("bubble"),ne("overrides",{}),Wc(),ba("placement",function(t,n,e){var o=n.hotspot,r=wc(e,o.element),i=Gc(t.element,n,Ja(),$a(),qa(),Ka(),st.some(n.hotspot.element));return st.some({anchorBox:r,bubble:n.bubble.getOr(zc()),overrides:n.overrides,layouts:i,placer:st.none()})})],Yc=[Ln("x"),Ln("y"),ne("height",0),ne("width",0),ne("bubble",zc()),ne("overrides",{}),Wc(),ba("placement",function(t,n,e){var o=Sc(e,n.x,n.y),r=Hu(o.left,o.top,n.width,n.height),i=Gc(t.element,n,Xa(),Ya(),Xa(),Ya(),st.none());return st.some({anchorBox:r,bubble:n.bubble,overrides:n.overrides,layouts:i,placer:st.none()})})],qc=function(t,n,e,o){return{start:t,soffset:n,finish:e,foffset:o}},Kc=Vt([{before:["element"]},{on:["element","offset"]},{after:["element"]}]),Jc=(Kc.before,Kc.on,Kc.after,function(t){return t.fold(ct,ct,ct)}),$c=Vt([{domRange:["rng"]},{relative:["startSitu","finishSitu"]},{exact:["start","soffset","finish","foffset"]}]),Qc={domRange:$c.domRange,relative:$c.relative,exact:$c.exact,exactFromRange:function(t){return $c.exact(t.start,t.soffset,t.finish,t.foffset)},getWin:function(t){var n=t.match({domRange:function(t){return me.fromDom(t.startContainer)},relative:function(t,n){return Jc(t)},exact:function(t,n,e,o){return t}});return Sr(n)},range:qc},Zc=function(t,n,e){var o,r,i=t.document.createRange();return o=i,n.fold(function(t){o.setStartBefore(t.dom)},function(t,n){o.setStart(t.dom,n)},function(t){o.setStartAfter(t.dom)}),r=i,e.fold(function(t){r.setEndBefore(t.dom)},function(t,n){r.setEnd(t.dom,n)},function(t){r.setEndAfter(t.dom)}),i},ts=function(t,n,e,o,r){var i=t.document.createRange();return i.setStart(n.dom,e),i.setEnd(o.dom,r),i},ns=function(t){return{left:t.left,top:t.top,right:t.right,bottom:t.bottom,width:t.width,height:t.height}},es=Vt([{ltr:["start","soffset","finish","foffset"]},{rtl:["start","soffset","finish","foffset"]}]),os=function(t,n,e){return n(me.fromDom(e.startContainer),e.startOffset,me.fromDom(e.endContainer),e.endOffset)},rs=function(t,n){var r,e,o,i=(r=t,n.match({domRange:function(t){return{ltr:at(t),rtl:st.none}},relative:function(t,n){return{ltr:Lt(function(){return Zc(r,t,n)}),rtl:Lt(function(){return st.some(Zc(r,n,t))})}},exact:function(t,n,e,o){return{ltr:Lt(function(){return ts(r,t,n,e,o)}),rtl:Lt(function(){return st.some(ts(r,e,o,t,n))})}}}));return(o=(e=i).ltr()).collapsed?e.rtl().filter(function(t){return!1===t.collapsed}).map(function(t){return es.rtl(me.fromDom(t.endContainer),t.endOffset,me.fromDom(t.startContainer),t.startOffset)}).getOrThunk(function(){return os(0,es.ltr,o)}):os(0,es.ltr,o)};es.ltr,es.rtl;var is,us,as,cs=(is=hr,us="text",{get:function(t){if(!is(t))throw new Error("Can only get "+us+" value of a "+us+" node");return as(t).getOr("")},getOption:as=function(t){return is(t)?st.from(t.dom.nodeValue):st.none()},set:function(t,n){if(!is(t))throw new Error("Can only set raw "+us+" value of a "+us+" node");t.dom.nodeValue=n}}),ss=function(t){return cs.getOption(t)},ls=["img","br"],fs=function(t){return ss(t).filter(function(t){return 0!==t.trim().length||-1<t.indexOf("\xa0")}).isSome()||M(ls,mr(t))},ds=function(t,i){var u=function(t){for(var n=_r(t),e=n.length-1;0<=e;e--){var o=n[e];if(i(o))return st.some(o);var r=u(o);if(r.isSome())return r}return st.none()};return u(t)},ms=function(t,n){return e=n,r=(o=t)===undefined?document:o.dom,We(r)?[]:V(r.querySelectorAll(e),me.fromDom);var e,o,r},gs=function(t,n,e,o){var r,i,u,a,c,s=(i=n,u=e,a=o,(c=yr(r=t).dom.createRange()).setStart(r.dom,i),c.setEnd(u.dom,a),c),l=Ge(t,e)&&n===o;return s.collapsed&&!l},ps=function(t){if(0<t.rangeCount){var n=t.getRangeAt(0),e=t.getRangeAt(t.rangeCount-1);return st.some(qc(me.fromDom(n.startContainer),n.startOffset,me.fromDom(e.endContainer),e.endOffset))}return st.none()},hs=function(t){if(null===t.anchorNode||null===t.focusNode)return ps(t);var n=me.fromDom(t.anchorNode),e=me.fromDom(t.focusNode);return gs(n,t.anchorOffset,e,t.focusOffset)?st.some(qc(n,t.anchorOffset,e,t.focusOffset)):ps(t)},vs=function(t){return n=t,st.from(n.getSelection()).filter(function(t){return 0<t.rangeCount}).bind(hs);var n},bs=function(t,n){var i,e,o,r,u=rs(i=t,n).match({ltr:function(t,n,e,o){var r=i.document.createRange();return r.setStart(t.dom,n),r.setEnd(e.dom,o),r},rtl:function(t,n,e,o){var r=i.document.createRange();return r.setStart(e.dom,o),r.setEnd(t.dom,n),r}});return o=(e=u).getClientRects(),0<(r=0<o.length?o[0]:e.getBoundingClientRect()).width||0<r.height?st.some(r).map(ns):st.none()},ys=function(t,n){return{element:t,offset:n}},xs=function(t,n){var e=_r(t);if(0===e.length)return ys(t,n);if(n<e.length)return ys(e[n],0);var o,r=e[e.length-1],i=hr(r)?(o=r,cs.get(o).length):_r(r).length;return ys(r,i)},ws=Vt([{screen:["point"]},{absolute:["point","scrollLeft","scrollTop"]}]),Ss=function(t){return t.fold(ct,function(t,n,e){return t.translate(-n,-e)})},ks=function(t){return t.fold(ct,ct)},Cs=function(t){return N(t,function(t,n){return t.translate(n.left,n.top)},wu(0,0))},Os=function(t){var n=V(t,ks);return Cs(n)},_s=ws.screen,Ts=ws.absolute,Es=function(t,n,e){var o,r,i=yr(t.element),u=Au(i),a=(o=t,r=Sr(e.root).dom,st.from(r.frameElement).map(me.fromDom).filter(function(t){var n=yr(t),e=yr(o.element);return Ge(n,e)}).map(ku).getOr(u));return Ts(a,u.left,u.top)},Ds=function(t,n,e,o){var r=t,i=n,u=e,a=o;t<0&&(r=0,u=e+t),n<0&&(i=0,a=o+n);var c=_s(wu(r,i));return st.some({point:c,width:u,height:a})},Bs=function(t,l,f,d,m){return t.map(function(t){var n,e,o,r=[l,t.point],i=(n=function(){return Os(r)},e=function(){return Os(r)},o=function(){return t=V(r,Ss),Cs(t);var t},d.fold(n,e,o)),u={x:i.left,y:i.top,width:t.width,height:t.height},a=(f.showAbove?qa:Ja)(),c=(f.showAbove?Ka:$a)(),s=Gc(m,f,a,c,a,c,st.none());return{anchorBox:u,bubble:f.bubble.getOr(zc()),overrides:f.overrides,layouts:s,placer:st.none()}})},As=function(t,n){return(hr(t)?ys:xs)(t,n)},Ms=function(t,n){return n.getSelection.getOrThunk(function(){return function(){return vs(t)}})().map(function(t){var n=As(t.start,t.soffset),e=As(t.finish,t.foffset);return Qc.range(n.element,n.offset,e.element,e.offset)})},Fs=[Kn("getSelection"),Ln("root"),Kn("bubble"),Wc(),ne("overrides",{}),ne("showAbove",!1),ba("placement",function(t,n,e){var o=Sr(n.root).dom,r=Es(t,0,n),i=Ms(o,n).bind(function(t){return bs(o,Qc.exactFromRange(t)).orThunk(function(){var n=me.fromText("\ufeff");return Er(t.start,n),bs(o,Qc.exact(n,0,n,1)).map(function(t){return Ir(n),t})}).bind(function(t){return Ds(t.left,t.top,t.width,t.height)})}),u=Ms(o,n).bind(function(t){return pr(t.start)?st.some(t.start):Cr(t.start)}).getOr(t.element);return Bs(i,r,n,e,u)})],Is=[Ln("node"),Ln("root"),Kn("bubble"),Wc(),ne("overrides",{}),ne("showAbove",!1),ba("placement",function(r,i,u){var a=Es(r,0,i);return i.node.bind(function(t){var n=t.dom.getBoundingClientRect(),e=Ds(n.left,n.top,n.width,n.height),o=i.node.getOr(r.element);return Bs(e,a,i,u,o)})})],Rs=function(t){return t.x+t.width},Vs=function(t,n){return t.x-n.width},Ps=function(t,n){return t.y-n.height+t.height},Hs=function(t){return t.y},zs=function(t,n,e){return wa(Rs(t),Hs(t),e.southeast(),ka(),Aa(t,{left:0,top:2}),"link-layout-se")},Ns=function(t,n,e){return wa(Vs(t,n),Hs(t),e.southwest(),Ca(),Aa(t,{right:1,top:2}),"link-layout-sw")},Ls=function(t,n,e){return wa(Rs(t),Ps(t,n),e.northeast(),Oa(),Aa(t,{left:0,bottom:3}),"link-layout-ne")},js=function(t,n,e){return wa(Vs(t,n),Ps(t,n),e.northwest(),_a(),Aa(t,{right:1,bottom:3}),"link-layout-nw")},Us=function(){return[zs,Ns,Ls,js]},Ws=function(){return[Ns,zs,js,Ls]},Gs=[Ln("item"),Wc(),ne("overrides",{}),ba("placement",function(t,n,e){var o=wc(e,n.item.element),r=Gc(t.element,n,Us(),Ws(),Us(),Ws(),st.none());return st.some({anchorBox:o,bubble:zc(),overrides:n.overrides,layouts:r,placer:st.none()})})],Xs=An("anchor",{selection:Fs,node:Is,hotspot:Xc,submenu:Gs,makeshift:Yc}),Ys=function(t,n,e,o,r){var i={anchorBox:e.anchorBox,origin:n};Rc(i,r.element,e.bubble,e.layouts,o,e.overrides)},qs=function(t,n,e,o,r,i){var u=i.map(zu);return Ks(t,n,e,o,r,u)},Ks=function(c,s,t,n,l,f){var d=En("positioning anchor.info",Xs,n);hc(function(){qi(l.element,"position","fixed");var t=Zi(l.element,"visibility");qi(l.element,"visibility","hidden");var n,e,o,r,i=s.useFixed()?(r=document.documentElement,Cc(0,0,r.clientWidth,r.clientHeight)):(e=ku((n=c).element),o=n.element.dom.getBoundingClientRect(),kc(e.left,e.top,o.width,o.height)),u=d.placement,a=f.map(at).or(s.getBounds);u(c,d,i).each(function(t){t.placer.getOr(Ys)(c,i,t,a,l)}),t.fold(function(){nu(l.element,"visibility")},function(t){qi(l.element,"visibility",t)}),Zi(l.element,"left").isNone()&&Zi(l.element,"top").isNone()&&Zi(l.element,"right").isNone()&&Zi(l.element,"bottom").isNone()&&Zi(l.element,"position").is("fixed")&&nu(l.element,"position")},l.element)},Js=/* */Object.freeze({__proto__:null,position:function(t,n,e,o,r){qs(t,n,e,o,r,st.none())},positionWithin:qs,positionWithinBounds:Ks,getMode:function(t,n,e){return n.useFixed()?"fixed":"absolute"}}),$s=[ne("useFixed",c),Kn("getBounds")],Qs=ac({fields:$s,name:"positioning",active:dc,apis:Js}),Zs=function(t){Yo(t,Ho());var n=t.components();ft(n,Zs)},tl=function(t){var n=t.components();ft(n,tl),Yo(t,Po())},nl=function(t,n){Ar(t.element,n.element)},el=function(n,t){var e,o=n.components();ft((e=n).components(),function(t){return Ir(t.element)}),Fr(e.element),e.syncComponents();var r=X(o,t);ft(r,function(t){Zs(t),n.getSystem().removeFromWorld(t)}),ft(t,function(t){t.getSystem().isConnected()?nl(n,t):(n.getSystem().addToWorld(t),nl(n,t),Ui(n.element)&&tl(t)),n.syncComponents()})},ol=function(t,n){rl(t,n,Ar)},rl=function(t,n,e){t.getSystem().addToWorld(n),e(t.element,n.element),Ui(t.element)&&tl(n),t.syncComponents()},il=function(t){Zs(t),Ir(t.element),t.getSystem().removeFromWorld(t)},ul=function(n){var t=kr(n.element).bind(function(t){return n.getSystem().getByDom(t).toOptional()});il(n),t.each(function(t){t.syncComponents()})},al=function(t){var n=t.components();ft(n,il),Fr(t.element),t.syncComponents()},cl=function(t,n){sl(t,n,Ar)},sl=function(t,n,e){e(t,n.element);var o=_r(n.element);ft(o,function(t){n.getByDom(t).each(tl)})},ll=function(n){var t=_r(n.element);ft(t,function(t){n.getByDom(t).each(Zs)}),Ir(n.element)},fl=function(n,t,e,o){e.get().each(function(t){al(n)});var r=t.getAttachPoint(n);ol(r,n);var i=n.getSystem().build(o);return ol(n,i),e.set(i),i},dl=function(t,n,e,o){var r=fl(t,n,e,o);return n.onOpen(t,r),r},ml=function(n,e,o){o.get().each(function(t){al(n),ul(n),e.onClose(n,t),o.clear()})},gl=function(t,n,e){return e.isOpen()},pl=function(t,n,e){var o,r,i,u,a=n.getAttachPoint(t);qi(t.element,"position",Qs.getMode(a)),o=t,r="visibility",i=n.cloakVisibilityAttr,u="hidden",Zi(o.element,r).fold(function(){Ur(o.element,i)},function(t){zr(o.element,i,t)}),qi(o.element,r,u)},hl=function(t,n,e){var o,r,i,u;o=t.element,F(["top","left","right","bottom"],function(t){return Zi(o,t).isSome()})||nu(t.element,"position"),r=t,i="visibility",u=n.cloakVisibilityAttr,Lr(r.element,u).fold(function(){return nu(r.element,i)},function(t){return qi(r.element,i,t)})},vl=/* */Object.freeze({__proto__:null,cloak:pl,decloak:hl,open:dl,openWhileCloaked:function(t,n,e,o,r){pl(t,n),dl(t,n,e,o),r(),hl(t,n)},close:ml,isOpen:gl,isPartOf:function(n,e,t,o){return gl(0,0,t)&&t.get().exists(function(t){return e.isPartOf(n,t,o)})},getState:function(t,n,e){return e.get()},setContent:function(t,n,e,o){return e.get().map(function(){return fl(t,n,e,o)})}}),bl=/* */Object.freeze({__proto__:null,events:function(e,o){return Zo([er(Bo(),function(t,n){ml(t,e,o)})])}}),yl=[ga("onOpen"),ga("onClose"),Ln("isPartOf"),Ln("getAttachPoint"),ne("cloakVisibilityAttr","data-precloak-visibility")],xl=ac({fields:yl,name:"sandboxing",active:bl,apis:vl,state:/* */Object.freeze({__proto__:null,init:function(){var n=fe(st.none()),t=at("not-implemented");return di({readState:t,isOpen:function(){return n.get().isSome()},clear:function(){n.set(st.none())},set:function(t){n.set(st.some(t))},get:function(){return n.get()}})}})}),wl=at("dismiss.popups"),Sl=at("reposition.popups"),kl=at("mouse.released"),Cl=ln([ne("isExtraPart",c),te("fireEventInstead",[ne("event",zo())])]),Ol=function(t){var e=En("Dismissal",Cl,t),n={};return n[wl()]={schema:ln([Ln("target")]),onReceive:function(n,t){xl.isOpen(n)&&(xl.isPartOf(n,t.target)||e.isExtraPart(n,t.target)||e.fireEventInstead.fold(function(){return xl.close(n)},function(t){return Yo(n,t.event)}))}},n},_l=ln([te("fireEventInstead",[ne("event",No())]),Gn("doReposition")]),Tl=function(t){var e=En("Reposition",_l,t),n={};return n[Sl()]={onReceive:function(n){xl.isOpen(n)&&e.fireEventInstead.fold(function(){return e.doReposition(n)},function(t){return Yo(n,t.event)})}},n},El=function(t,n,e){n.store.manager.onLoad(t,n,e)},Dl=function(t,n,e){n.store.manager.onUnload(t,n,e)},Bl=/* */Object.freeze({__proto__:null,onLoad:El,onUnload:Dl,setValue:function(t,n,e,o){n.store.manager.setValue(t,n,e,o)},getValue:function(t,n,e){return n.store.manager.getValue(t,n,e)},getState:function(t,n,e){return e}}),Al=/* */Object.freeze({__proto__:null,events:function(e,o){var t=e.resetOnDom?[sr(function(t,n){El(t,e,o)}),lr(function(t,n){Dl(t,e,o)})]:[tc(e,o,El)];return Zo(t)}}),Ml=function(){var t=fe(null);return di({set:t.set,get:t.get,isNotSet:function(){return null===t.get()},clear:function(){t.set(null)},readState:function(){return{mode:"memory",value:t.get()}}})},Fl=function(){var i=fe({}),u=fe({});return di({readState:function(){return{mode:"dataset",dataByValue:i.get(),dataByText:u.get()}},lookup:function(t){return Ft(i.get(),t).orThunk(function(){return Ft(u.get(),t)})},update:function(t){var n=i.get(),e=u.get(),o={},r={};ft(t,function(n){o[n.value]=n,Ft(n,"meta").each(function(t){Ft(t,"text").each(function(t){r[t]=n})})}),i.set(ut(ut({},n),o)),u.set(ut(ut({},e),r))},clear:function(){i.set({}),u.set({})}})},Il=/* */Object.freeze({__proto__:null,memory:Ml,dataset:Fl,manual:function(){return di({readState:function(){}})},init:function(t){return t.store.manager.state(t)}}),Rl=function(t,n,e,o){var r=n.store;e.update([o]),r.setValue(t,o),n.onSetValue(t,o)},Vl=[Kn("initialValue"),Ln("getFallbackEntry"),Ln("getDataKey"),Ln("setValue"),ba("manager",{setValue:Rl,getValue:function(t,n,e){var o=n.store,r=o.getDataKey(t);return e.lookup(r).fold(function(){return o.getFallbackEntry(r)},function(t){return t})},onLoad:function(n,e,o){e.store.initialValue.each(function(t){Rl(n,e,o,t)})},onUnload:function(t,n,e){e.clear()},state:Fl})],Pl=[Ln("getValue"),ne("setValue",$),Kn("initialValue"),ba("manager",{setValue:function(t,n,e,o){n.store.setValue(t,o),n.onSetValue(t,o)},getValue:function(t,n,e){return n.store.getValue(t)},onLoad:function(n,e,t){e.store.initialValue.each(function(t){e.store.setValue(n,t)})},onUnload:$,state:fi.init})],Hl=[Kn("initialValue"),ba("manager",{setValue:function(t,n,e,o){e.set(o),n.onSetValue(t,o)},getValue:function(t,n,e){return e.get()},onLoad:function(t,n,e){n.store.initialValue.each(function(t){e.isNotSet()&&e.set(t)})},onUnload:function(t,n,e){e.clear()},state:Ml})],zl=[ee("store",{mode:"memory"},An("mode",{memory:Hl,manual:Pl,dataset:Vl})),ga("onSetValue"),ne("resetOnDom",!1)],Nl=ac({fields:zl,name:"representing",active:Al,apis:Bl,extra:{setValueFrom:function(t,n){var e=Nl.getValue(n);Nl.setValue(t,e)}},state:Il}),Ll=function(o,t){return se(o,{},V(t,function(t){return n=t.name(),e="Cannot configure "+t.name()+" for "+o,bn(n,n,Gt(),sn(function(t){return yt("The field: "+n+" is forbidden. "+e)}));var n,e}).concat([le("dump",ct)]))},jl=function(t){return t.dump},Ul=function(t,n){return ut(ut({},t.dump),ic(n))},Wl=Ll,Gl=Ul,Xl="placeholder",Yl=Vt([{single:["required","valueThunk"]},{multiple:["required","valueThunks"]}]),ql=function(t){return It(t,"uiType")},Kl=function(t,n,e,o){return ql(e)&&e.uiType===Xl?(i=e,u=o,(r=t).exists(function(t){return t!==i.owner})?Yl.single(!0,at(i)):Ft(u,i.name).fold(function(){throw new Error("Unknown placeholder component: "+i.name+"\nKnown: ["+Ct(u)+"]\nNamespace: "+r.getOr("none")+"\nSpec: "+JSON.stringify(i,null,2))},function(t){return t.replace()})):Yl.single(!1,at(e));var r,i,u},Jl=function(i,u,a,c){return Kl(i,0,a,c).fold(function(t,n){var e=ql(a)?n(u,a.config,a.validated):n(u),o=Ft(e,"components").getOr([]),r=U(o,function(t){return Jl(i,u,t,c)});return[ut(ut({},e),{components:r})]},function(t,n){if(ql(a)){var e=n(u,a.config,a.validated);return a.validated.preprocess.getOr(ct)(e)}return n(u)})},$l=function(n,e,t,o){var r,i,u,a=Tt(o,function(t,n){return o=t,r=!1,{name:at(e=n),required:function(){return o.fold(function(t,n){return t},function(t,n){return t})},used:function(){return r},replace:function(){if(r)throw new Error("Trying to use the same placeholder more than once: "+e);return r=!0,o}};var e,o,r}),c=(r=n,i=e,u=a,U(t,function(t){return Jl(r,i,t,u)}));return _t(a,function(t){if(!1===t.used()&&t.required())throw new Error("Placeholder: "+t.name()+" was not found in components list\nNamespace: "+n.getOr("none")+"\nComponents: "+JSON.stringify(e.components,null,2))}),c},Ql=Yl.single,Zl=Yl.multiple,tf=at(Xl),nf=Vt([{required:["data"]},{external:["data"]},{optional:["data"]},{group:["data"]}]),ef=ne("factory",{sketch:ct}),of=ne("schema",[]),rf=Ln("name"),uf=bn("pname","pname",Xt(function(t){return"<alloy."+Kr(t.name)+">"}),Mn()),af=le("schema",function(){return[Kn("preprocess")]}),cf=ne("defaults",at({})),sf=ne("overrides",at({})),lf=fn([ef,of,rf,uf,cf,sf]),ff=fn([ef,of,rf,cf,sf]),df=fn([ef,of,rf,uf,cf,sf]),mf=fn([ef,af,rf,Ln("unit"),uf,cf,sf]),gf=function(t){return t.fold(st.some,st.none,st.some,st.some)},pf=function(t){var n=function(t){return t.name};return t.fold(n,n,n,n)},hf=function(e,o){return function(t){var n=En("Converting part type",o,t);return e(n)}},vf=hf(nf.required,lf),bf=hf(nf.external,ff),yf=hf(nf.optional,df),xf=hf(nf.group,mf),wf=at("entirety"),Sf=/* */Object.freeze({__proto__:null,required:vf,external:bf,optional:yf,group:xf,asNamedPart:gf,name:pf,asCommon:function(t){return t.fold(ct,ct,ct,ct)},original:wf}),kf=function(t,n,e,o){return zt(n.defaults(t,e,o),e,{uid:t.partUids[n.name]},n.overrides(t,e,o))},Cf=function(r,t){var n={};return ft(t,function(t){gf(t).each(function(e){var o=Of(r,e.pname);n[e.name]=function(t){var n=En("Part: "+e.name+" in "+r,fn(e.schema),t);return ut(ut({},o),{config:t,validated:n})}})}),n},Of=function(t,n){return{uiType:tf(),owner:t,name:n}},_f=function(t,n,e){return{uiType:tf(),owner:t,name:n,config:e,validated:{}}},Tf=function(t){return U(t,function(t){return t.fold(st.none,st.some,st.none,st.none).map(function(t){return Xn(t.name,t.schema.concat([ya(wf())]))}).toArray()})},Ef=function(t){return V(t,pf)},Df=function(t,n,e){return o=n,i={},r={},ft(e,function(t){t.fold(function(o){i[o.pname]=Ql(!0,function(t,n,e){return o.factory.sketch(kf(t,o,n,e))})},function(t){var n=o.parts[t.name];r[t.name]=at(t.factory.sketch(kf(o,t,n[wf()]),n))},function(o){i[o.pname]=Ql(!1,function(t,n,e){return o.factory.sketch(kf(t,o,n,e))})},function(r){i[r.pname]=Zl(!0,function(n,t,e){var o=n[r.name];return V(o,function(t){return r.factory.sketch(zt(r.defaults(n,t,e),t,r.overrides(n,t)))})})})}),{internals:at(i),externals:at(r)};var o,i,r},Bf=function(t,n,e){return $l(st.some(t),n,n.components,e)},Af=function(t,n,e){var o=n.partUids[e];return t.getSystem().getByUid(o).toOptional()},Mf=function(t,n,e){return Af(t,n,e).getOrDie("Could not find part: "+e)},Ff=function(t,n,e){var o={},r=n.partUids,i=t.getSystem();return ft(e,function(t){o[t]=at(i.getByUid(r[t]))}),o},If=function(t,n){var e=t.getSystem();return Tt(n.partUids,function(t,n){return at(e.getByUid(t))})},Rf=function(t){return Ct(t.partUids)},Vf=function(t,n,e){var o={},r=n.partUids,i=t.getSystem();return ft(e,function(t){o[t]=at(i.getByUid(r[t]).getOrDie())}),o},Pf=function(n,t){var e=Ef(t);return $t(V(e,function(t){return{key:t,value:n+"-"+t}}))},Hf=function(n){return bn("partUids","partUids",Yt(function(t){return Pf(t.uid,n)}),Mn())},zf=/* */Object.freeze({__proto__:null,generate:Cf,generateOne:_f,schemas:Tf,names:Ef,substitutes:Df,components:Bf,defaultUids:Pf,defaultUidsSchema:Hf,getAllParts:If,getAllPartNames:Rf,getPart:Af,getPartOrDie:Mf,getParts:Ff,getPartsOrDie:Vf}),Nf=function(t,n,e,o,r){var i,u,a=(u=r,(0<(i=o).length?[Xn("parts",i)]:[]).concat([Ln("uid"),ne("dom",{}),ne("components",[]),ya("originalSpec"),ne("debug.sketcher",{})]).concat(u));return En(t+" [SpecSchema]",ln(a.concat(n)),e)},Lf=function(t,n,e,o,r){var i=jf(r),u=Tf(e),a=Hf(e),c=Nf(t,n,i,u,[a]),s=Df(0,c,e);return o(c,Bf(t,c,s.internals()),i,s.externals())},jf=function(t){return It(t,"uid")?t:ut(ut({},t),{uid:ei("uid")})};var Uf,Wf,Gf=ln([Ln("name"),Ln("factory"),Ln("configFields"),ne("apis",{}),ne("extraApis",{})]),Xf=ln([Ln("name"),Ln("factory"),Ln("configFields"),Ln("partFields"),ne("apis",{}),ne("extraApis",{})]),Yf=function(t){var i=En("Sketcher for "+t.name,Gf,t),n=Tt(i.apis,li),e=Tt(i.extraApis,ai);return ut(ut({name:i.name,configFields:i.configFields,sketch:function(t){return n=i.name,e=i.configFields,o=i.factory,r=jf(t),o(Nf(n,e,r,[],[]),r);var n,e,o,r}},n),e)},qf=function(t){var n=En("Sketcher for "+t.name,Xf,t),e=Cf(n.name,n.partFields),o=Tt(n.apis,li),r=Tt(n.extraApis,ai);return ut(ut({name:n.name,partFields:n.partFields,configFields:n.configFields,sketch:function(t){return Lf(n.name,n.configFields,n.partFields,n.factory,t)},parts:e},o),r)},Kf=function(t){for(var n=[],e=function(t){n.push(t)},o=0;o<t.length;o++)t[o].each(e);return n},Jf=function(t,n){return t?st.some(n):st.none()},$f=function(t){return"input"===mr(t)&&"radio"!==Nr(t,"type")||"textarea"===mr(t)},Qf=/* */Object.freeze({__proto__:null,getCurrent:function(t,n,e){return n.find(t)}}),Zf=[Ln("find")],td=ac({fields:Zf,name:"composing",apis:Qf}),nd=function(e,o,t,r){var n=ms(e.element,"."+o.highlightClass);ft(n,function(n){F(r,function(t){return t.element===n})||(Bi(n,o.highlightClass),e.getSystem().getByDom(n).each(function(t){o.onDehighlight(e,t),Yo(t,Xo())}))})},ed=function(t,n,e,o){nd(t,n,0,[o]),od(t,n,e,o)||(Ei(o.element,n.highlightClass),n.onHighlight(t,o),Yo(o,Go()))},od=function(t,n,e,o){return Ai(o.element,n.highlightClass)},rd=function(t,n,e,o){var r=ms(t.element,"."+n.itemClass);return st.from(r[o]).fold(function(){return mt.error("No element found with index "+o)},t.getSystem().getByDom)},id=function(n,t,e){return Ku(n.element,"."+t.itemClass).bind(function(t){return n.getSystem().getByDom(t).toOptional()})},ud=function(n,t,e){var o=ms(n.element,"."+t.itemClass);return(0<o.length?st.some(o[o.length-1]):st.none()).bind(function(t){return n.getSystem().getByDom(t).toOptional()})},ad=function(e,n,t,o){var r=ms(e.element,"."+n.itemClass);return j(r,function(t){return Ai(t,n.highlightClass)}).bind(function(t){var n=Oc(t,o,0,r.length-1);return e.getSystem().getByDom(r[n]).toOptional()})},cd=function(n,t,e){var o=ms(n.element,"."+t.itemClass);return Kf(V(o,function(t){return n.getSystem().getByDom(t).toOptional()}))},sd=/* */Object.freeze({__proto__:null,dehighlightAll:function(t,n,e){return nd(t,n,0,[])},dehighlight:function(t,n,e,o){od(t,n,e,o)&&(Bi(o.element,n.highlightClass),n.onDehighlight(t,o),Yo(o,Xo()))},highlight:ed,highlightFirst:function(n,e,o){id(n,e).each(function(t){ed(n,e,o,t)})},highlightLast:function(n,e,o){ud(n,e).each(function(t){ed(n,e,o,t)})},highlightAt:function(n,e,o,t){rd(n,e,o,t).fold(function(t){throw new Error(t)},function(t){ed(n,e,o,t)})},highlightBy:function(n,e,o,t){var r=cd(n,e);L(r,t).each(function(t){ed(n,e,o,t)})},isHighlighted:od,getHighlighted:function(n,t,e){return Ku(n.element,"."+t.highlightClass).bind(function(t){return n.getSystem().getByDom(t).toOptional()})},getFirst:id,getLast:ud,getPrevious:function(t,n,e){return ad(t,n,0,-1)},getNext:function(t,n,e){return ad(t,n,0,1)},getCandidates:cd}),ld=[Ln("highlightClass"),Ln("itemClass"),ga("onHighlight"),ga("onDehighlight")],fd=ac({fields:ld,name:"highlighting",apis:sd}),dd=[8],md=[9],gd=[13],pd=[27],hd=[32],vd=[37],bd=[38],yd=[39],xd=[40],wd=function(t,n,e){var o=G(t.slice(0,n)),r=G(t.slice(n+1));return L(o.concat(r),e)},Sd=function(t,n,e){var o=G(t.slice(0,n));return L(o,e)},kd=function(t,n,e){var o=t.slice(0,n),r=t.slice(n+1);return L(r.concat(o),e)},Cd=function(t,n,e){var o=t.slice(n+1);return L(o,e)},Od=function(e){return function(t){var n=t.raw;return M(e,n.which)}},_d=function(t){return function(n){return W(t,function(t){return t(n)})}},Td=function(t){return!0===t.raw.shiftKey},Ed=function(t){return!0===t.raw.ctrlKey},Dd=x(Td),Bd=function(t,n){return{matches:t,classification:n}},Ad=function(t,n,e){n.exists(function(n){return e.exists(function(t){return Ge(t,n)})})||qo(t,Lo(),{prevFocus:n,newFocus:e})},Md=function(){var r=function(t){return pc(t.element)};return{get:r,set:function(t,n){var e=r(t);t.getSystem().triggerFocus(n,t.element);var o=r(t);Ad(t,e,o)}}},Fd=function(){var r=function(t){return fd.getHighlighted(t).map(function(t){return t.element})};return{get:r,set:function(n,t){var e=r(n);n.getSystem().getByDom(t).fold($,function(t){fd.highlight(n,t)});var o=r(n);Ad(n,e,o)}}};(Wf=Uf=Uf||{}).OnFocusMode="onFocus",Wf.OnEnterOrSpaceMode="onEnterOrSpace",Wf.OnApiMode="onApi";var Id,Rd=function(t,n,e,o,a){var c=function(n,e,t,o,r){var i,u,a=t(n,e,o,r);return i=a,u=e.event,L(i,function(t){return t.matches(u)}).map(function(t){return t.classification}).bind(function(t){return t(n,e,o,r)})},r={schema:function(){return t.concat([ne("focusManager",Md()),ee("focusInside","onFocus",Cn(function(t){return M(["onFocus","onEnterOrSpace","onApi"],t)?mt.value(t):mt.error("Invalid value for focusInside")})),ba("handler",r),ba("state",n),ba("sendFocusIn",a)])},processKey:c,toEvents:function(i,u){var t=i.focusInside!==Uf.OnFocusMode?st.none():a(i).map(function(e){return er(So(),function(t,n){e(t,i,u),n.stop()})}),n=[er(mo(),function(o,r){c(o,r,e,i,u).fold(function(){var n,e,t;n=o,e=r,t=Od(hd.concat(gd))(e.event),i.focusInside===Uf.OnEnterOrSpaceMode&&t&&$e(n,e)&&a(i).each(function(t){t(n,i,u),e.stop()})},function(t){r.stop()})}),er(go(),function(t,n){c(t,n,o,i,u).each(function(t){n.stop()})})];return Zo(t.toArray().concat(n))}};return r},Vd=function(t){var n=[Kn("onEscape"),Kn("onEnter"),ne("selector",'[data-alloy-tabstop="true"]:not(:disabled)'),ne("firstTabstop",0),ne("useTabstopAt",b),Kn("visibilitySelector")].concat([t]),u=function(t,n){var e=t.visibilitySelector.bind(function(t){return Ju(n,t)}).getOr(n);return 0<bu(e)},e=function(n,e,t){var o,r,i;o=e,r=ms(n.element,o.selector),i=H(r,function(t){return u(o,t)}),st.from(i[o.firstTabstop]).each(function(t){e.focusManager.set(n,t)})},a=function(n,t,e,o,r){return r(t,e,function(t){return u(n=o,e=t)&&n.useTabstopAt(e);var n,e}).fold(function(){return o.cyclic?st.some(!0):st.none()},function(t){return o.focusManager.set(n,t),st.some(!0)})},r=function(n,t,e,o){var r,i,u=ms(n.element,e.selector);return r=n,(i=e).focusManager.get(r).bind(function(t){return Ju(t,i.selector)}).bind(function(t){return j(u,y(Ge,t)).bind(function(t){return a(n,u,t,e,o)})})},o=at([Bd(_d([Td,Od(md)]),function(t,n,e){var o=e.cyclic?wd:Sd;return r(t,0,e,o)}),Bd(Od(md),function(t,n,e){var o=e.cyclic?kd:Cd;return r(t,0,e,o)}),Bd(Od(pd),function(n,e,t){return t.onEscape.bind(function(t){return t(n,e)})}),Bd(_d([Dd,Od(gd)]),function(n,e,t){return t.onEnter.bind(function(t){return t(n,e)})})]),i=at([]);return Rd(n,fi.init,o,i,function(){return st.some(e)})},Pd=Vd(le("cyclic",c)),Hd=Vd(le("cyclic",b)),zd=function(t,n,e){return $f(e)&&Od(hd)(n.event)?st.none():(Jo(t,e,_o()),st.some(!0))},Nd=function(t,n){return st.some(!0)},Ld=[ne("execute",zd),ne("useSpace",!1),ne("useEnter",!0),ne("useControlEnter",!1),ne("useDown",!1)],jd=function(t,n,e){return e.execute(t,n,t.element)},Ud=Rd(Ld,fi.init,function(t,n,e,o){var r=e.useSpace&&!$f(t.element)?hd:[],i=e.useEnter?gd:[],u=e.useDown?xd:[],a=r.concat(i).concat(u);return[Bd(Od(a),jd)].concat(e.useControlEnter?[Bd(_d([Ed,Od(gd)]),jd)]:[])},function(t,n,e,o){return e.useSpace&&!$f(t.element)?[Bd(Od(hd),Nd)]:[]},function(){return st.none()}),Wd=function(){var e=fe(st.none());return di({readState:function(){return e.get().map(function(t){return{numRows:String(t.numRows),numColumns:String(t.numColumns)}}).getOr({numRows:"?",numColumns:"?"})},setGridSize:function(t,n){e.set(st.some({numRows:t,numColumns:n}))},getNumRows:function(){return e.get().map(function(t){return t.numRows})},getNumColumns:function(){return e.get().map(function(t){return t.numColumns})}})},Gd=/* */Object.freeze({__proto__:null,flatgrid:Wd,init:function(t){return t.state(t)}}),Xd=function(i){return function(t,n,e,o){var r=i(t.element);return Jd(r,t,n,e,o)}},Yd=function(t,n){var e=Nc(t,n);return Xd(e)},qd=function(t,n){var e=Nc(n,t);return Xd(e)},Kd=function(r){return function(t,n,e,o){return Jd(r,t,n,e,o)}},Jd=function(n,e,t,o,r){return o.focusManager.get(e).bind(function(t){return n(e.element,t,o,r)}).map(function(t){return o.focusManager.set(e,t),!0})},$d=Kd,Qd=Kd,Zd=Kd,tm=function(t){return!((n=t.dom).offsetWidth<=0&&n.offsetHeight<=0);var n},nm=function(t,n,e){var o,r=ms(t,e),i=H(r,tm);return j(o=i,function(t){return Ge(t,n)}).map(function(t){return{index:t,candidates:o}})},em=function(t,n){return j(t,function(t){return Ge(n,t)})},om=function(e,t,o,n){return n(Math.floor(t/o),t%o).bind(function(t){var n=t.row*o+t.column;return 0<=n&&n<e.length?st.some(e[n]):st.none()})},rm=function(r,t,i,u,a){return om(r,t,u,function(t,n){var e=t===i-1?r.length-t*u:u,o=Oc(n,a,0,e-1);return st.some({row:t,column:o})})},im=function(i,t,u,a,c){return om(i,t,a,function(t,n){var e=Oc(t,c,0,u-1),o=e===u-1?i.length-e*a:a,r=_c(n,0,o-1);return st.some({row:e,column:r})})},um=[Ln("selector"),ne("execute",zd),pa("onEscape"),ne("captureTab",!1),xa()],am=function(n,e,t){Ku(n.element,e.selector).each(function(t){e.focusManager.set(n,t)})},cm=function(r){return function(t,n,e,o){return nm(t,n,e.selector).bind(function(t){return r(t.candidates,t.index,o.getNumRows().getOr(e.initSize.numRows),o.getNumColumns().getOr(e.initSize.numColumns))})}},sm=function(t,n,e){return e.captureTab?st.some(!0):st.none()},lm=cm(function(t,n,e,o){return rm(t,n,e,o,-1)}),fm=cm(function(t,n,e,o){return rm(t,n,e,o,1)}),dm=cm(function(t,n,e,o){return im(t,n,e,o,-1)}),mm=cm(function(t,n,e,o){return im(t,n,e,o,1)}),gm=at([Bd(Od(vd),Yd(lm,fm)),Bd(Od(yd),qd(lm,fm)),Bd(Od(bd),$d(dm)),Bd(Od(xd),Qd(mm)),Bd(_d([Td,Od(md)]),sm),Bd(_d([Dd,Od(md)]),sm),Bd(Od(pd),function(t,n,e){return e.onEscape(t,n)}),Bd(Od(hd.concat(gd)),function(n,e,o,t){return r=n,(i=o).focusManager.get(r).bind(function(t){return Ju(t,i.selector)}).bind(function(t){return o.execute(n,e,t)});var r,i})]),pm=at([Bd(Od(hd),Nd)]),hm=Rd(um,Wd,gm,pm,function(){return st.some(am)}),vm=function(t,n,e,i){var u=function(t,n,e){var o,r=Oc(n,i,0,e.length-1);return r===t?st.none():(o=e[r],"button"===mr(o)&&"disabled"===Nr(o,"disabled")?u(t,r,e):st.from(e[r]))};return nm(t,e,n).bind(function(t){var n=t.index,e=t.candidates;return u(n,n,e)})},bm=[Ln("selector"),ne("getInitial",st.none),ne("execute",zd),pa("onEscape"),ne("executeOnMove",!1),ne("allowVertical",!0)],ym=function(n,e,o){return t=n,(r=o).focusManager.get(t).bind(function(t){return Ju(t,r.selector)}).bind(function(t){return o.execute(n,e,t)});var t,r},xm=function(n,e,t){e.getInitial(n).orThunk(function(){return Ku(n.element,e.selector)}).each(function(t){e.focusManager.set(n,t)})},wm=function(t,n,e){return vm(t,e.selector,n,-1)},Sm=function(t,n,e){return vm(t,e.selector,n,1)},km=function(r){return function(t,n,e,o){return r(t,n,e,o).bind(function(){return e.executeOnMove?ym(t,n,e):st.some(!0)})}},Cm=function(t,n,e){return e.onEscape(t,n)},Om=at([Bd(Od(hd),Nd)]),_m=Rd(bm,fi.init,function(t,n,e,o){var r=vd.concat(e.allowVertical?bd:[]),i=yd.concat(e.allowVertical?xd:[]);return[Bd(Od(r),km(Yd(wm,Sm))),Bd(Od(i),km(qd(wm,Sm))),Bd(Od(gd),ym),Bd(Od(hd),ym),Bd(Od(pd),Cm)]},Om,function(){return st.some(xm)}),Tm=function(t,n,e){return st.from(t[n]).bind(function(t){return st.from(t[e]).map(function(t){return{rowIndex:n,columnIndex:e,cell:t}})})},Em=function(t,n,e,o){var r=t[n].length,i=Oc(e,o,0,r-1);return Tm(t,n,i)},Dm=function(t,n,e,o){var r=Oc(e,o,0,t.length-1),i=t[r].length,u=_c(n,0,i-1);return Tm(t,r,u)},Bm=function(t,n,e,o){var r=t[n].length,i=_c(e+o,0,r-1);return Tm(t,n,i)},Am=function(t,n,e,o){var r=_c(e+o,0,t.length-1),i=t[r].length,u=_c(n,0,i-1);return Tm(t,r,u)},Mm=[Xn("selectors",[Ln("row"),Ln("cell")]),ne("cycles",!0),ne("previousSelector",st.none),ne("execute",zd)],Fm=function(n,e,t){e.previousSelector(n).orThunk(function(){var t=e.selectors;return Ku(n.element,t.cell)}).each(function(t){e.focusManager.set(n,t)})},Im=function(t,n){return function(e,o,i){var u=i.cycles?t:n;return Ju(o,i.selectors.row).bind(function(t){var n=ms(t,i.selectors.cell);return em(n,o).bind(function(o){var r=ms(e,i.selectors.row);return em(r,t).bind(function(t){var n,e=(n=i,V(r,function(t){return ms(t,n.selectors.cell)}));return u(e,t,o).map(function(t){return t.cell})})})})}},Rm=Im(function(t,n,e){return Em(t,n,e,-1)},function(t,n,e){return Bm(t,n,e,-1)}),Vm=Im(function(t,n,e){return Em(t,n,e,1)},function(t,n,e){return Bm(t,n,e,1)}),Pm=Im(function(t,n,e){return Dm(t,e,n,-1)},function(t,n,e){return Am(t,e,n,-1)}),Hm=Im(function(t,n,e){return Dm(t,e,n,1)},function(t,n,e){return Am(t,e,n,1)}),zm=at([Bd(Od(vd),Yd(Rm,Vm)),Bd(Od(yd),qd(Rm,Vm)),Bd(Od(bd),$d(Pm)),Bd(Od(xd),Qd(Hm)),Bd(Od(hd.concat(gd)),function(n,e,o){return pc(n.element).bind(function(t){return o.execute(n,e,t)})})]),Nm=at([Bd(Od(hd),Nd)]),Lm=Rd(Mm,fi.init,zm,Nm,function(){return st.some(Fm)}),jm=[Ln("selector"),ne("execute",zd),ne("moveOnTab",!1)],Um=function(n,e,o){return o.focusManager.get(n).bind(function(t){return o.execute(n,e,t)})},Wm=function(n,e,t){Ku(n.element,e.selector).each(function(t){e.focusManager.set(n,t)})},Gm=function(t,n,e){return vm(t,e.selector,n,-1)},Xm=function(t,n,e){return vm(t,e.selector,n,1)},Ym=at([Bd(Od(bd),Zd(Gm)),Bd(Od(xd),Zd(Xm)),Bd(_d([Td,Od(md)]),function(t,n,e,o){return e.moveOnTab?Zd(Gm)(t,n,e,o):st.none()}),Bd(_d([Dd,Od(md)]),function(t,n,e,o){return e.moveOnTab?Zd(Xm)(t,n,e,o):st.none()}),Bd(Od(gd),Um),Bd(Od(hd),Um)]),qm=at([Bd(Od(hd),Nd)]),Km=Rd(jm,fi.init,Ym,qm,function(){return st.some(Wm)}),Jm=[pa("onSpace"),pa("onEnter"),pa("onShiftEnter"),pa("onLeft"),pa("onRight"),pa("onTab"),pa("onShiftTab"),pa("onUp"),pa("onDown"),pa("onEscape"),ne("stopSpaceKeyup",!1),Kn("focusIn")],$m=Rd(Jm,fi.init,function(t,n,e){return[Bd(Od(hd),e.onSpace),Bd(_d([Dd,Od(gd)]),e.onEnter),Bd(_d([Td,Od(gd)]),e.onShiftEnter),Bd(_d([Td,Od(md)]),e.onShiftTab),Bd(_d([Dd,Od(md)]),e.onTab),Bd(Od(bd),e.onUp),Bd(Od(xd),e.onDown),Bd(Od(vd),e.onLeft),Bd(Od(yd),e.onRight),Bd(Od(hd),e.onSpace),Bd(Od(pd),e.onEscape)]},function(t,n,e){return e.stopSpaceKeyup?[Bd(Od(hd),Nd)]:[]},function(t){return t.focusIn}),Qm=Pd.schema(),Zm=Hd.schema(),tg=_m.schema(),ng=hm.schema(),eg=Lm.schema(),og=Ud.schema(),rg=Km.schema(),ig=$m.schema(),ug=sc({branchKey:"mode",branches:/* */Object.freeze({__proto__:null,acyclic:Qm,cyclic:Zm,flow:tg,flatgrid:ng,matrix:eg,execution:og,menu:rg,special:ig}),name:"keying",active:{events:function(t,n){return t.handler.toEvents(t,n)}},apis:{focusIn:function(n,e,o){e.sendFocusIn(e).fold(function(){n.getSystem().triggerFocus(n.element,n.element)},function(t){t(n,e,o)})},setGridSize:function(t,n,e,o,r){Rt(e,"setGridSize")?e.setGridSize(o,r):console.error("Layout does not support setGridSize")}},state:Gd}),ag=function(t,n,e,o){var r=t.getSystem().build(o);rl(t,r,e)},cg=function(t,n,e,o){var r=sg(t);L(r,function(t){return Ge(o.element,t.element)}).each(ul)},sg=function(t,n){return t.components()},lg=function(n,t,e,r,o){var i=sg(n);return st.from(i[r]).map(function(t){return cg(n,0,0,t),o.each(function(t){ag(n,0,function(t,n){var e,o;o=n,Tr(e=t,r).fold(function(){Ar(e,o)},function(t){Er(t,o)})},t)}),t})},fg=ac({fields:[],name:"replacing",apis:/* */Object.freeze({__proto__:null,append:function(t,n,e,o){ag(t,0,Ar,o)},prepend:function(t,n,e,o){ag(t,0,Br,o)},remove:cg,replaceAt:lg,replaceBy:function(n,t,e,o,r){var i=sg(n);return j(i,o).bind(function(t){return lg(n,0,0,t,r)})},set:function(n,t,e,o){hc(function(){var t=V(o,n.getSystem().build);el(n,t)},n.element)},contents:sg})}),dg=function(t,n){var e,o;return{key:t,value:{config:{},me:(e=t,o=Zo(n),ac({fields:[Ln("enabled")],name:e,active:{events:at(o)}})),configAsRaw:at({}),initialConfig:{},state:fi}}},mg=function(t,n){n.ignore||(mc(t.element),n.onFocus(t))},gg=/* */Object.freeze({__proto__:null,focus:mg,blur:function(t,n){n.ignore||t.element.dom.blur()},isFocused:function(t){return n=t.element,e=Hi(n).dom,n.dom===e.activeElement;var n,e}}),pg=/* */Object.freeze({__proto__:null,exhibit:function(t,n){var e=n.ignore?{}:{attributes:{tabindex:"-1"}};return gi(e)},events:function(e){return Zo([er(So(),function(t,n){mg(t,e),n.stop()})].concat(e.stopMousedown?[er(io(),function(t,n){n.event.prevent()})]:[]))}}),hg=[ga("onFocus"),ne("stopMousedown",!1),ne("ignore",!1)],vg=ac({fields:hg,name:"focusing",active:pg,apis:gg}),bg=function(t,n,e){var o=n.aria;o.update(t,o,e.get())},yg=function(n,t,e){t.toggleClass.each(function(t){(e.get()?Ei:Bi)(n.element,t)})},xg=function(t,n,e){kg(t,n,e,!e.get())},wg=function(t,n,e){e.set(!0),yg(t,n,e),bg(t,n,e)},Sg=function(t,n,e){e.set(!1),yg(t,n,e),bg(t,n,e)},kg=function(t,n,e,o){(o?wg:Sg)(t,n,e)},Cg=function(t,n,e){kg(t,n,e,n.selected)},Og=/* */Object.freeze({__proto__:null,onLoad:Cg,toggle:xg,isOn:function(t,n,e){return e.get()},on:wg,off:Sg,set:kg}),_g=/* */Object.freeze({__proto__:null,exhibit:function(){return gi({})},events:function(t,n){var e,o,r,i=(e=t,o=n,r=xg,dr(function(t){r(t,e,o)})),u=tc(t,n,Cg);return Zo(dt([t.toggleOnExecute?[i]:[],[u]]))}}),Tg=function(t,n,e){zr(t.element,"aria-expanded",e)},Eg=[ne("selected",!1),Kn("toggleClass"),ne("toggleOnExecute",!0),ee("aria",{mode:"none"},An("mode",{pressed:[ne("syncWithExpanded",!1),ba("update",function(t,n,e){zr(t.element,"aria-pressed",e),n.syncWithExpanded&&Tg(t,n,e)})],checked:[ba("update",function(t,n,e){zr(t.element,"aria-checked",e)})],expanded:[ba("update",Tg)],selected:[ba("update",function(t,n,e){zr(t.element,"aria-selected",e)})],none:[ba("update",$)]}))],Dg=ac({fields:Eg,name:"toggling",active:_g,apis:Og,state:(Id=!1,{init:function(){var n=fe(Id);return{get:function(){return n.get()},set:function(t){return n.set(t)},clear:function(){return n.set(Id)},readState:function(){return n.get()}}}})}),Bg=function(){var t=function(t,n){n.stop(),Ko(t)};return[er(vo(),t),er(Eo(),t),ar(no()),ar(io())]},Ag=function(t){return Zo(dt([t.map(function(e){return dr(function(t,n){e(t),n.stop()})}).toArray(),Bg()]))},Mg="alloy.item-hover",Fg="alloy.item-focus",Ig=function(t){(pc(t.element).isNone()||vg.isFocused(t))&&(vg.isFocused(t)||vg.focus(t),qo(t,Mg,{item:t}))},Rg=function(t){qo(t,Fg,{item:t})},Vg=at(Mg),Pg=at(Fg),Hg=[Ln("data"),Ln("components"),Ln("dom"),ne("hasSubmenu",!1),Kn("toggling"),Wl("itemBehaviours",[Dg,vg,ug,Nl]),ne("ignoreFocus",!1),ne("domModification",{}),ba("builder",function(t){return{dom:t.dom,domModification:ut(ut({},t.domModification),{attributes:ut(ut(ut({role:t.toggling.isSome()?"menuitemcheckbox":"menuitem"},t.domModification.attributes),{"aria-haspopup":t.hasSubmenu}),t.hasSubmenu?{"aria-expanded":!1}:{})}),behaviours:Gl(t.itemBehaviours,[t.toggling.fold(Dg.revoke,function(t){return Dg.config(ut({aria:{mode:"checked"}},t))}),vg.config({ignore:t.ignoreFocus,stopMousedown:t.ignoreFocus,onFocus:function(t){Rg(t)}}),ug.config({mode:"execution"}),Nl.config({store:{mode:"memory",initialValue:t.data}}),dg("item-type-events",S(Bg(),[er(so(),Ig),er(To(),vg.focus)]))]),components:t.components,eventOrder:t.eventOrder}}),ne("eventOrder",{})],zg=[Ln("dom"),Ln("components"),ba("builder",function(t){return{dom:t.dom,components:t.components,events:Zo([(n=To(),er(n,function(t,n){n.stop()}))])};var n})],Ng=function(){return"item-widget"},Lg=at([vf({name:"widget",overrides:function(n){return{behaviours:ic([Nl.config({store:{mode:"manual",getValue:function(t){return n.data},setValue:function(){}}})])}}})]),jg=[Ln("uid"),Ln("data"),Ln("components"),Ln("dom"),ne("autofocus",!1),ne("ignoreFocus",!1),Wl("widgetBehaviours",[Nl,vg,ug]),ne("domModification",{}),Hf(Lg()),ba("builder",function(e){var t=Df(Ng(),e,Lg()),n=Bf(Ng(),e,t.internals()),o=function(t){return Af(t,e,"widget").map(function(t){return ug.focusIn(t),t})},r=function(t,n){return $f(n.event.target)||e.autofocus&&n.setSource(t.element),st.none()};return{dom:e.dom,components:n,domModification:e.domModification,events:Zo([dr(function(t,n){o(t).each(function(t){n.stop()})}),er(so(),Ig),er(To(),function(t,n){e.autofocus?o(t):vg.focus(t)})]),behaviours:Gl(e.widgetBehaviours,[Nl.config({store:{mode:"memory",initialValue:e.data}}),vg.config({ignore:e.ignoreFocus,onFocus:function(t){Rg(t)}}),ug.config({mode:"special",focusIn:e.autofocus?function(t){o(t)}:lc(),onLeft:r,onRight:r,onEscape:function(t,n){return vg.isFocused(t)||e.autofocus?(e.autofocus&&n.setSource(t.element),st.none()):(vg.focus(t),st.some(!0))}})])}})],Ug=An("type",{widget:jg,item:Hg,separator:zg}),Wg=at([xf({factory:{sketch:function(t){var n=En("menu.spec item",Ug,t);return n.builder(n)}},name:"items",unit:"item",defaults:function(t,n){return n.hasOwnProperty("uid")?n:ut(ut({},n),{uid:ei("item")})},overrides:function(t,n){return{type:n.type,ignoreFocus:t.fakeFocus,domModification:{classes:[t.markers.item]}}}})]),Gg=at([Ln("value"),Ln("items"),Ln("dom"),Ln("components"),ne("eventOrder",{}),Ll("menuBehaviours",[fd,Nl,td,ug]),ee("movement",{mode:"menu",moveOnTab:!0},An("mode",{grid:[xa(),ba("config",function(t,n){return{mode:"flatgrid",selector:"."+t.markers.item,initSize:{numColumns:n.initSize.numColumns,numRows:n.initSize.numRows},focusManager:t.focusManager}})],matrix:[ba("config",function(t,n){return{mode:"matrix",selectors:{row:n.rowSelector,cell:"."+t.markers.item},focusManager:t.focusManager}}),Ln("rowSelector")],menu:[ne("moveOnTab",!0),ba("config",function(t,n){return{mode:"menu",selector:"."+t.markers.item,moveOnTab:n.moveOnTab,focusManager:t.focusManager}})]})),jn("markers",sa()),ne("fakeFocus",!1),ne("focusManager",Md()),ga("onHighlight")]),Xg=at("alloy.menu-focus"),Yg=qf({name:"Menu",configFields:Gg(),partFields:Wg(),factory:function(t,n,e,o){return{uid:t.uid,dom:t.dom,markers:t.markers,behaviours:Ul(t.menuBehaviours,[fd.config({highlightClass:t.markers.selectedItem,itemClass:t.markers.item,onHighlight:t.onHighlight}),Nl.config({store:{mode:"memory",initialValue:t.value}}),td.config({find:st.some}),ug.config(t.movement.config(t,t.movement))]),events:Zo([er(Pg(),function(n,e){var t=e.event;n.getSystem().getByDom(t.target).each(function(t){fd.highlight(n,t),e.stop(),qo(n,Xg(),{menu:n,item:t})})}),er(Vg(),function(t,n){var e=n.event.item;fd.highlight(t,e)})]),components:n,eventOrder:t.eventOrder,domModification:{attributes:{role:"menu"}}}}}),qg=function(e,o,r,t){return Ft(r,t).bind(function(t){return Ft(e,t).bind(function(t){var n=qg(e,o,r,t);return st.some([t].concat(n))})}).getOr([])},Kg=function(t,n){var e={};_t(t,function(t,n){ft(t,function(t){e[t]=n})});var o=n,r=Et(n,function(t,n){return{k:t,v:n}}),i=Tt(r,function(t,n){return[n].concat(qg(e,o,r,n))});return Tt(e,function(t){return Ft(i,t).getOr([t])})},Jg=function(t){return"prepared"===t.type?st.some(t.menu):st.none()},$g={init:function(){var i=fe({}),u=fe({}),a=fe({}),c=fe(st.none()),s=fe({}),r=function(t,o,r){return e(t).bind(function(n){return e=t,At(i.get(),function(t,n){return t===e}).bind(function(t){return o(t).map(function(t){return{triggeredMenu:n,triggeringItem:t,triggeringPath:r}})});var e})},e=function(t){return n(t).bind(Jg)},n=function(t){return Ft(u.get(),t)},l=function(t){return Ft(i.get(),t)};return{setMenuBuilt:function(t,n){var e;u.set(ut(ut({},u.get()),((e={})[t]={type:"prepared",menu:n},e)))},setContents:function(t,n,e,o){c.set(st.some(t)),i.set(e),u.set(n),s.set(o);var r=Kg(o,e);a.set(r)},expand:function(e){return Ft(i.get(),e).map(function(t){var n=Ft(a.get(),e).getOr([]);return[t].concat(n)})},refresh:function(t){return Ft(a.get(),t)},collapse:function(t){return Ft(a.get(),t).bind(function(t){return 1<t.length?st.some(t.slice(1)):st.none()})},lookupMenu:n,lookupItem:l,otherMenus:function(t){var n=s.get();return X(Ct(n),t)},getPrimary:function(){return c.get().bind(e)},getMenus:function(){return u.get()},clear:function(){i.set({}),u.set({}),a.set({}),c.set(st.none())},isClear:function(){return c.get().isNone()},getTriggeringPath:function(t,o){var n=H(l(t).toArray(),function(t){return e(t).isSome()});return Ft(a.get(),t).bind(function(t){var e=G(n.concat(t));return function(t){for(var n=[],e=0;e<t.length;e++){var o=t[e];if(!o.isSome())return st.none();n.push(o.getOrDie())}return st.some(n)}(U(e,function(t,n){return r(t,o,e.slice(0,n+1)).fold(function(){return c.get().is(t)?[]:[st.none()]},function(t){return[st.some(t)]})}))})}}},extractPreparedMenu:Jg},Qg=at("collapse-item"),Zg=Yf({name:"TieredMenu",configFields:[va("onExecute"),va("onEscape"),ha("onOpenMenu"),ha("onOpenSubmenu"),ga("onRepositionMenu"),ga("onCollapseMenu"),ne("highlightImmediately",!0),Xn("data",[Ln("primary"),Ln("menus"),Ln("expansions")]),ne("fakeFocus",!1),ga("onHighlight"),ga("onHover"),fa(),Ln("dom"),ne("navigateOnHover",!0),ne("stayInDom",!1),Ll("tmenuBehaviours",[ug,fd,td,fg]),ne("eventOrder",{})],apis:{collapseMenu:function(t,n){t.collapseMenu(n)},highlightPrimary:function(t,n){t.highlightPrimary(n)},repositionMenus:function(t,n){t.repositionMenus(n)}},factory:function(a,t){var c,n,i=fe(st.none()),s=$g.init(),e=function(t){var o,r,n,e=(o=t,r=a.data.primary,n=a.data.menus,Tt(n,function(t,n){var e=function(){return Yg.sketch(ut(ut({},t),{value:n,markers:a.markers,fakeFocus:a.fakeFocus,onHighlight:a.onHighlight,focusManager:(a.fakeFocus?Fd:Md)()}))};return n===r?{type:"prepared",menu:o.getSystem().build(e())}:{type:"notbuilt",nbMenu:e}})),i=u();return s.setContents(a.data.primary,e,a.data.expansions,i),s.getPrimary()},l=function(t){return Nl.getValue(t).value},u=function(t){return Tt(a.data.menus,function(t,n){return U(t.items,function(t){return"separator"===t.type?[]:[t.data.value]})})},f=function(n,t){fd.highlight(n,t),fd.getHighlighted(t).orThunk(function(){return fd.getFirst(t)}).each(function(t){Jo(n,t.element,To())})},d=function(n,t){return Kf(V(t,function(t){return n.lookupMenu(t).bind(function(t){return"prepared"===t.type?st.some(t.menu):st.none()})}))},m=function(n,t,e){var o=d(t,t.otherMenus(e));ft(o,function(t){Fi(t.element,[a.markers.backgroundMenu]),a.stayInDom||fg.remove(n,t)})},g=function(t,o){var r,n=(r=t,i.get().getOrThunk(function(){var e={},t=ms(r.element,"."+a.markers.item),n=H(t,function(t){return"true"===Nr(t,"aria-haspopup")});return ft(n,function(t){r.getSystem().getByDom(t).each(function(t){var n=l(t);e[n]=t})}),i.set(st.some(e)),e}));_t(n,function(t,n){var e=M(o,n);zr(t.element,"aria-expanded",e)})},p=function(o,r,i){return st.from(i[0]).bind(function(t){return r.lookupMenu(t).bind(function(t){if("notbuilt"===t.type)return st.none();var n=t.menu,e=d(r,i.slice(1));return ft(e,function(t){Ei(t.element,a.markers.backgroundMenu)}),Ui(n.element)||fg.append(o,pu(n)),Fi(n.element,[a.markers.backgroundMenu]),f(o,n),m(o,r,i),st.some(n)})})};(n=c=c||{})[n.HighlightSubmenu=0]="HighlightSubmenu",n[n.HighlightParent=1]="HighlightParent";var h=function(r,i,u){void 0===u&&(u=c.HighlightSubmenu);var t=l(i);return s.expand(t).bind(function(o){return g(r,o),st.from(o[0]).bind(function(e){return s.lookupMenu(e).bind(function(t){var n=function(t,n,e){if("notbuilt"!==e.type)return e.menu;var o=t.getSystem().build(e.nbMenu());return s.setMenuBuilt(n,o),o}(r,e,t);return Ui(n.element)||fg.append(r,pu(n)),a.onOpenSubmenu(r,i,n,G(o)),u===c.HighlightSubmenu?(fd.highlightFirst(n),p(r,s,o)):(fd.dehighlightAll(n),st.some(i))})})})},o=function(n,e){var t=l(e);return s.collapse(t).bind(function(t){return g(n,t),p(n,s,t).map(function(t){return a.onCollapseMenu(n,e,t),t})})},r=function(e){return function(n,t){return Ju(t.getSource(),"."+a.markers.item).bind(function(t){return n.getSystem().getByDom(t).toOptional().bind(function(t){return e(n,t).map(function(){return!0})})})}},v=Zo([er(Xg(),function(e,o){var t=o.event.item;s.lookupItem(l(t)).each(function(){var t=o.event.menu;fd.highlight(e,t);var n=l(o.event.item);s.refresh(n).each(function(t){return m(e,s,t)})})}),dr(function(n,t){var e=t.event.target;n.getSystem().getByDom(e).each(function(t){0===l(t).indexOf("collapse-item")&&o(n,t),h(n,t,c.HighlightSubmenu).fold(function(){a.onExecute(n,t)},function(){})})}),sr(function(n,t){e(n).each(function(t){fg.append(n,pu(t)),a.onOpenMenu(n,t),a.highlightImmediately&&f(n,t)})})].concat(a.navigateOnHover?[er(Vg(),function(t,n){var e,o,r=n.event.item;e=t,o=l(r),s.refresh(o).bind(function(t){return g(e,t),p(e,s,t)}),h(t,r,c.HighlightParent),a.onHover(t,r)})]:[])),b=function(t){return fd.getHighlighted(t).bind(fd.getHighlighted)},y={collapseMenu:function(n){b(n).each(function(t){o(n,t)})},highlightPrimary:function(n){s.getPrimary().each(function(t){f(n,t)})},repositionMenus:function(o){s.getPrimary().bind(function(n){return b(o).bind(function(t){var n=l(t),e=Mt(s.getMenus()),o=Kf(V(e,$g.extractPreparedMenu));return s.getTriggeringPath(n,function(t){return e=t,Z(o,function(t){if(!t.getSystem().isConnected())return st.none();var n=fd.getCandidates(t);return L(n,function(t){return l(t)===e})});var e})}).map(function(t){return{primary:n,triggeringPath:t}})}).fold(function(){var t;t=o,st.from(t.components()[0]).filter(function(t){return"menu"===Nr(t.element,"role")}).each(function(t){a.onRepositionMenu(o,t,[])})},function(t){var n=t.primary,e=t.triggeringPath;a.onRepositionMenu(o,n,e)})}};return{uid:a.uid,dom:a.dom,markers:a.markers,behaviours:Ul(a.tmenuBehaviours,[ug.config({mode:"special",onRight:r(function(t,n){return $f(n.element)?st.none():h(t,n,c.HighlightSubmenu)}),onLeft:r(function(t,n){return $f(n.element)?st.none():o(t,n)}),onEscape:r(function(t,n){return o(t,n).orThunk(function(){return a.onEscape(t,n).map(function(){return t})})}),focusIn:function(n,t){s.getPrimary().each(function(t){Jo(n,t.element,To())})}}),fd.config({highlightClass:a.markers.selectedMenu,itemClass:a.markers.menu}),td.config({find:function(t){return fd.getHighlighted(t)}}),fg.config({})]),eventOrder:a.eventOrder,apis:y,events:v}},extraApis:{tieredData:function(t,n,e){return{primary:t,menus:n,expansions:e}},singleData:function(t,n){return{primary:t,menus:Jt(t,n),expansions:{}}},collapseItem:function(t){return{value:Kr(Qg()),meta:{text:t}}}}}),tp=Yf({name:"InlineView",configFields:[Ln("lazySink"),ga("onShow"),ga("onHide"),Zn("onEscape"),Ll("inlineBehaviours",[xl,Nl,fc]),te("fireDismissalEventInstead",[ne("event",zo())]),te("fireRepositionEventInstead",[ne("event",No())]),ne("getRelated",st.none),ne("isExtraPart",c),ne("eventOrder",st.none)],factory:function(m,t){var o=function(t,n,e,o){r(t,n,e,function(){return o.map(zu)})},r=function(t,n,e,o){var r=m.lazySink(t).getOrDie();xl.openWhileCloaked(t,e,function(){return Qs.positionWithinBounds(r,n,t,o())}),Nl.setValue(t,st.some({mode:"position",anchor:n,getBounds:o}))},i=function(t,n,e,o){var r,i,u,a,c,s,l,f,d=(r=m,i=t,u=n,c=o,s=function(){return r.lazySink(i)},l="horizontal"===(a=e).type?{layouts:{onLtr:Ja,onRtl:$a}}:{},f=function(t){return 2===t.length?l:{}},Zg.sketch({dom:{tag:"div"},data:a.data,markers:a.menu.markers,highlightImmediately:a.menu.highlightImmediately,onEscape:function(){return xl.close(i),r.onEscape.map(function(t){return t(i)}),st.some(!0)},onExecute:function(){return st.some(!0)},onOpenMenu:function(t,n){Qs.positionWithinBounds(s().getOrDie(),u,n,c())},onOpenSubmenu:function(t,n,e,o){var r=s().getOrDie();Qs.position(r,ut({anchor:"submenu",item:n},f(o)),e)},onRepositionMenu:function(t,n,e){var o=s().getOrDie();Qs.positionWithinBounds(o,u,n,c()),ft(e,function(t){var n=f(t.triggeringPath);Qs.position(o,ut({anchor:"submenu",item:t.triggeringItem},n),t.triggeredMenu)})}}));xl.open(t,d),Nl.setValue(t,st.some({mode:"menu",menu:d}))},n=function(e){xl.isOpen(e)&&Nl.getValue(e).each(function(t){switch(t.mode){case"menu":xl.getState(e).each(function(t){Zg.repositionMenus(t)});break;case"position":var n=m.lazySink(e).getOrDie();Qs.positionWithinBounds(n,t.anchor,e,t.getBounds())}})},e={setContent:function(t,n){xl.setContent(t,n)},showAt:function(t,n,e){o(t,n,e,st.none())},showWithin:o,showWithinBounds:r,showMenuAt:function(t,n,e){i(t,n,e,function(){return st.none()})},showMenuWithinBounds:i,hide:function(t){xl.isOpen(t)&&(Nl.setValue(t,st.none()),xl.close(t))},getContent:function(t){return xl.getState(t)},reposition:n,isOpen:xl.isOpen};return{uid:m.uid,dom:m.dom,behaviours:Ul(m.inlineBehaviours,[xl.config({isPartOf:function(t,n,e){return Zu(n,e)||(o=t,r=e,m.getRelated(o).exists(function(t){return Zu(t,r)}));var o,r},getAttachPoint:function(t){return m.lazySink(t).getOrDie()},onOpen:function(t){m.onShow(t)},onClose:function(t){m.onHide(t)}}),Nl.config({store:{mode:"memory",initialValue:st.none()}}),fc.config({channels:ut(ut({},Ol(ut({isExtraPart:t.isExtraPart},m.fireDismissalEventInstead.map(function(t){return{fireEventInstead:{event:t.event}}}).getOr({})))),Tl(ut(ut({},m.fireRepositionEventInstead.map(function(t){return{fireEventInstead:{event:t.event}}}).getOr({})),{doReposition:n})))})]),eventOrder:m.eventOrder,apis:e}},apis:{showAt:function(t,n,e,o){t.showAt(n,e,o)},showWithin:function(t,n,e,o,r){t.showWithin(n,e,o,r)},showWithinBounds:function(t,n,e,o,r){t.showWithinBounds(n,e,o,r)},showMenuAt:function(t,n,e,o){t.showMenuAt(n,e,o)},showMenuWithinBounds:function(t,n,e,o,r){t.showMenuWithinBounds(n,e,o,r)},hide:function(t,n){t.hide(n)},isOpen:function(t,n){return t.isOpen(n)},getContent:function(t,n){return t.getContent(n)},setContent:function(t,n,e){t.setContent(n,e)},reposition:function(t,n){t.reposition(n)}}}),np=function(t){return t.x},ep=function(t,n){return t.x+t.width/2-n.width/2},op=function(t,n){return t.x+t.width-n.width},rp=function(t){return t.y},ip=function(t,n){return t.y+t.height-n.height},up=function(t,n,e){return wa(op(t,n),ip(t,n),e.innerSoutheast(),_a(),Aa(t,{right:0,bottom:3}),"layout-inner-se")},ap=function(t,n,e){return wa(np(t),ip(t,n),e.innerSouthwest(),Oa(),Aa(t,{left:1,bottom:3}),"layout-inner-sw")},cp=function(t,n,e){return wa(op(t,n),rp(t),e.innerNortheast(),Ca(),Aa(t,{right:0,top:2}),"layout-inner-ne")},sp=function(t,n,e){return wa(np(t),rp(t),e.innerNorthwest(),ka(),Aa(t,{left:1,top:2}),"layout-inner-nw")},lp=function(t,n,e){return wa(ep(t,n),rp(t),e.innerNorth(),Ta(),Aa(t,{top:2}),"layout-inner-n")},fp=function(t,n,e){return wa(ep(t,n),ip(t,n),e.innerSouth(),Ea(),Aa(t,{bottom:3}),"layout-inner-s")},dp=tinymce.util.Tools.resolve("tinymce.util.Delay"),mp=Yf({name:"Button",factory:function(t){var n=Ag(t.action),e=t.dom.tag,o=function(n){return Ft(t.dom,"attributes").bind(function(t){return Ft(t,n)})};return{uid:t.uid,dom:t.dom,components:t.components,events:n,behaviours:Gl(t.buttonBehaviours,[vg.config({}),ug.config({mode:"execution",useSpace:!0,useEnter:!0})]),domModification:{attributes:function(){if("button"!==e)return{role:o("role").getOr("button")};var t=o("type").getOr("button"),n=o("role").map(function(t){return{role:t}}).getOr({});return ut({type:t},n)}()},eventOrder:t.eventOrder}},configFields:[ne("uid",undefined),Ln("dom"),ne("components",[]),Wl("buttonBehaviours",[vg,ug]),Kn("action"),Kn("role"),ne("eventOrder",{})]}),gp=function(t){var n=t.uid!==undefined&&Rt(t,"uid")?t.uid:ei("memento");return{get:function(t){return t.getSystem().getByUid(n).getOrDie()},getOpt:function(t){return t.getSystem().getByUid(n).toOptional()},asSpec:function(){return ut(ut({},t),{uid:n})}}},pp=function(t){return st.from(t()["temporary-placeholder"]).getOr("!not found!")},hp=function(t,n){return st.from(n()[t.toLowerCase()]).getOrThunk(function(){return pp(n)})},vp={success:"checkmark",error:"warning",err:"error",warning:"warning",warn:"warning",info:"info"},bp=Yf({name:"Notification",factory:function(n){var t,e,o=gp({dom:{tag:"p",innerHtml:n.translationProvider(n.text)},behaviours:ic([fg.config({})])}),r=function(t){return{dom:{tag:"div",classes:["tox-bar"],attributes:{style:"width: "+t+"%"}}}},i=function(t){return{dom:{tag:"div",classes:["tox-text"],innerHtml:t+"%"}}},u=gp({dom:{tag:"div",classes:n.progress?["tox-progress-bar","tox-progress-indicator"]:["tox-progress-bar"]},components:[{dom:{tag:"div",classes:["tox-bar-container"]},components:[r(0)]},i(0)],behaviours:ic([fg.config({})])}),a={updateProgress:function(t,n){t.getSystem().isConnected()&&u.getOpt(t).each(function(t){fg.set(t,[{dom:{tag:"div",classes:["tox-bar-container"]},components:[r(n)]},i(n)])})},updateText:function(t,n){var e;t.getSystem().isConnected()&&(e=o.get(t),fg.set(e,[fu(n)]))}},c=dt([n.icon.toArray(),n.level.toArray(),n.level.bind(function(t){return st.from(vp[t])}).toArray()]),s=gp(mp.sketch({dom:{tag:"button",classes:["tox-notification__dismiss","tox-button","tox-button--naked","tox-button--icon"]},components:[{dom:{tag:"div",classes:["tox-icon"],innerHtml:hp("close",n.iconProvider),attributes:{"aria-label":n.translationProvider("Close")}}}],action:function(t){n.onAction(t)}})),l=[{dom:{tag:"div",classes:["tox-notification__icon"],innerHtml:(t=c,e=n.iconProvider,Z(t,function(t){return st.from(e()[t.toLowerCase()])}).getOrThunk(function(){return pp(e)}))}},{dom:{tag:"div",classes:["tox-notification__body"]},components:[o.asSpec()],behaviours:ic([fg.config({})])}];return{uid:n.uid,dom:{tag:"div",attributes:{role:"alert"},classes:n.level.map(function(t){return["tox-notification","tox-notification--in","tox-notification--"+t]}).getOr(["tox-notification","tox-notification--in"])},behaviours:ic([vg.config({}),dg("notification-events",[er(lo(),function(t){s.getOpt(t).each(vg.focus)})])]),components:l.concat(n.progress?[u.asSpec()]:[]).concat(n.closeButton?[s.asSpec()]:[]),apis:a}},configFields:[Kn("level"),Ln("progress"),Ln("icon"),Ln("onAction"),Ln("text"),Ln("iconProvider"),Ln("translationProvider"),ue("closeButton",!0)],apis:{updateProgress:function(t,n,e){t.updateProgress(n,e)},updateText:function(t,n,e){t.updateText(n,e)}}});function yp(t,u,a){var c=u.backstage;return{open:function(t,n){var e=!t.closeButton&&t.timeout&&(0<t.timeout||t.timeout<0),o=function(){n(),tp.hide(i)},r=gu(bp.sketch({text:t.text,level:M(["success","error","warning","warn","info"],t.type)?t.type:undefined,progress:!0===t.progressBar,icon:st.from(t.icon),closeButton:!e,onAction:o,iconProvider:c.shared.providers.icons,translationProvider:c.shared.providers.translate})),i=gu(tp.sketch(ut({dom:{tag:"div",classes:["tox-notifications-container"]},lazySink:u.backstage.shared.getSink,fireDismissalEventInstead:{}},c.shared.header.isPositionedAtTop()?{}:{fireRepositionEventInstead:{}})));return a.add(i),0<t.timeout&&dp.setTimeout(function(){o()},t.timeout),{close:o,moveTo:function(t,n){tp.showAt(i,{anchor:"makeshift",x:t,y:n},pu(r))},moveRel:function(t,n){var e,o;"banner"!==n?(e=function(t){switch(t){case"bc-bc":return fp;case"tc-tc":return lp;case"tc-bc":return ja;case"bc-tc":default:return Ua}}(n),o={anchor:"node",root:Wi(),node:st.some(me.fromDom(t)),layouts:{onRtl:function(){return[e]},onLtr:function(){return[e]}}},tp.showAt(i,o,pu(r))):tp.showAt(i,u.backstage.shared.anchors.banner(),pu(r))},text:function(t){bp.updateText(r,t)},settings:t,getEl:function(){return r.element.dom},progressBar:{value:function(t){bp.updateProgress(r,t)}}}},close:function(t){t.close()},reposition:function(t){var e;ft(t,function(t){return t.moveTo(0,0)}),0<(e=t).length&&(K(e).each(function(t){return t.moveRel(null,"banner")}),ft(e,function(t,n){0<n&&t.moveRel(e[n-1].getEl(),"bc-tc")}))},getArgs:function(t){return t.settings}}}var xp,wp,Sp=function(e,o){var r=null;return{cancel:function(){null!==r&&(clearTimeout(r),r=null)},throttle:function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];null!==r&&clearTimeout(r),r=setTimeout(function(){e.apply(null,t),r=null},o)}}},kp=tinymce.util.Tools.resolve("tinymce.dom.TextSeeker"),Cp=function(o,t,n,e,r){var i=kp(o,function(t){return e=t,(n=o).isBlock(e)||M(["BR","IMG","HR","INPUT"],e.nodeName)||"false"===n.getContentEditable(e);var n,e});return st.from(i.backwards(t,n,e,r))},Op=function(e,n){return _p(me.fromDom(e.selection.getNode())).getOrThunk(function(){var t=me.fromHtml('<span data-mce-autocompleter="1" data-mce-bogus="1"></span>',e.getDoc());return Ar(t,me.fromDom(n.extractContents())),n.insertNode(t.dom),kr(t).each(function(t){return t.dom.normalize()}),ds(t,fs).map(function(t){var n;e.selection.setCursorLocation(t.dom,"img"===mr(n=t)?1:ss(n).fold(function(){return _r(n).length},function(t){return t.length}))}),t})},_p=function(t){return Ju(t,"[data-mce-autocompleter]")},Tp=function(t){return t.toString().replace(/\u00A0/g," ").replace(/\uFEFF/g,"")},Ep=function(t){return""!==t&&-1!==" \xa0\f\n\r\t\x0B".indexOf(t)},Dp=function(t,n){return t.substring(n.length)},Bp=function(t,o,r,i){if(void 0===i&&(i=0),!(n=o).collapsed||3!==n.startContainer.nodeType)return st.none();var n,e=t.getParent(o.startContainer,t.isBlock)||t.getRoot();return Cp(t,o.startContainer,o.startOffset,function(t,n,e){return function(t,n,e){for(var o=n-1;0<=o;o--){var r=t.charAt(o);if(Ep(r))return st.none();if(r===e)break}return st.some(o)}(e,n,r).getOr(n)},e).bind(function(t){var n=o.cloneRange();if(n.setStart(t.container,t.offset),n.setEnd(o.endContainer,o.endOffset),n.collapsed)return st.none();var e=Tp(n);return 0!==e.lastIndexOf(r)||Dp(e,r).length<i?st.none():st.some({text:Dp(e,r),range:n,triggerChar:r})})},Ap=function(o,t,r,n){return void 0===n&&(n=0),_p(me.fromDom(t.startContainer)).fold(function(){return Bp(o,t,r,n)},function(t){var n=o.createRng();n.selectNode(t.dom);var e=Tp(n);return st.some({range:n,text:Dp(e,r),triggerChar:r})})},Mp=function(e,t){t.on("keypress compositionend",e.onKeypress.throttle),t.on("remove",e.onKeypress.cancel);var o=function(t,n){qo(t,mo(),{raw:n})};t.on("keydown",function(n){var t=function(){return e.getView().bind(fd.getHighlighted)};8===n.which&&e.onKeypress.throttle(n),e.isActive()&&(27===n.which&&e.cancelIfNecessary(),e.isMenuOpen()?13===n.which?(t().each(Ko),n.preventDefault()):40===n.which?(t().fold(function(){e.getView().each(fd.highlightFirst)},function(t){o(t,n)}),n.preventDefault(),n.stopImmediatePropagation()):37!==n.which&&38!==n.which&&39!==n.which||t().each(function(t){o(t,n),n.preventDefault(),n.stopImmediatePropagation()}):13!==n.which&&38!==n.which&&40!==n.which||e.cancelIfNecessary())}),t.on("NodeChange",function(t){e.isActive()&&!e.isProcessingAction()&&_p(me.fromDom(t.element)).isNone()&&e.cancelIfNecessary()})},Fp=tinymce.util.Tools.resolve("tinymce.util.Promise"),Ip=function(t,n){return{container:t,offset:n}},Rp=function(t){if(3===t.nodeType)return Ip(t,t.data.length);var n=t.childNodes;return 0<n.length?Rp(n[n.length-1]):Ip(t,n.length)},Vp=function(t,n){var e=t.childNodes;return 0<e.length&&n<e.length?Vp(e[n],0):0<e.length&&1===t.nodeType&&e.length===n?Rp(e[e.length-1]):Ip(t,n)},Pp=function(r){return function(t){var n,e,o=Vp(t.startContainer,t.startOffset);return!Cp(n=r,(e=o).container,e.offset,function(t,n){return 0===n?-1:n},n.getRoot()).filter(function(t){var n=t.container.data.charAt(t.offset-1);return!Ep(n)}).isSome()}},Hp=function(n,e){var o,r,t=e(),i=n.selection.getRng();return o=n.dom,r=i,Z(t.triggerChars,function(t){return Ap(o,r,t)}).bind(function(t){return zp(n,e,t)})},zp=function(n,t,e,o){void 0===o&&(o={});var r=t(),i=n.selection.getRng().startContainer.nodeValue,u=H(r.lookupByChar(e.triggerChar),function(t){return e.text.length>=t.minChars&&t.matches.getOrThunk(function(){return Pp(n.dom)})(e.range,i,e.text)});if(0===u.length)return st.none();var a=Fp.all(V(u,function(n){return n.fetch(e.text,n.maxResults,o).then(function(t){return{matchText:e.text,items:t,columns:n.columns,onAction:n.onAction,highlightOn:n.highlightOn}})}));return st.some({lookupData:a,context:e})},Np=fn([Un("type"),Qn("text")]),Lp=fn([ne("type","autocompleteitem"),ne("active",!1),ne("disabled",!1),ne("meta",{}),Un("value"),Qn("text"),Qn("icon")]),jp=fn([Un("type"),Un("ch"),oe("minChars",1),ne("columns",1),oe("maxResults",10),Zn("matches"),Gn("fetch"),Gn("onAction"),ce("highlightOn",[],Rn)]),Up=[ue("disabled",!1),Qn("tooltip"),Qn("icon"),Qn("text"),ae("onSetup",function(){return $})],Wp=fn([Un("type"),Gn("onAction")].concat(Up)),Gp=function(t){return _n("toolbarbutton",Wp,t)},Xp=[ue("active",!1)].concat(Up),Yp=fn(Xp.concat([Un("type"),Gn("onAction")])),qp=function(t){return _n("ToggleButton",Yp,t)},Kp=[ae("predicate",function(){return!1}),ie("scope","node",["node","editor"]),ie("position","selection",["node","selection","line"])],Jp=Up.concat([ne("type","contextformbutton"),ne("primary",!1),Gn("onAction"),le("original",ct)]),$p=Xp.concat([ne("type","contextformbutton"),ne("primary",!1),Gn("onAction"),le("original",ct)]),Qp=Up.concat([ne("type","contextformbutton")]),Zp=Xp.concat([ne("type","contextformtogglebutton")]),th=An("type",{contextformbutton:Jp,contextformtogglebutton:$p}),nh=fn([ne("type","contextform"),ae("initValue",function(){return""}),Qn("label"),qn("commands",th),Jn("launch",An("type",{contextformbutton:Qp,contextformtogglebutton:Zp}))].concat(Kp)),eh=fn([ne("type","contexttoolbar"),Un("items")].concat(Kp)),oh=function(t){var n,e,o=t.ui.registry.getAll().popups,r=Tt(o,function(t){return _n("Autocompleter",jp,t).fold(function(t){throw new Error(Dn(t))},function(t){return t})}),i=(n=Bt(r,function(t){return t.ch}),e={},ft(n,function(t){e[t]={}}),Ct(e)),u=Mt(r);return{dataset:r,triggerChars:i,lookupByChar:function(n){return H(u,function(t){return t.ch===n})}}};(wp=xp=xp||{})[wp.CLOSE_ON_EXECUTE=0]="CLOSE_ON_EXECUTE",wp[wp.BUBBLE_TO_SANDBOX=1]="BUBBLE_TO_SANDBOX";var rh,ih,uh=xp,ah="tox-menu-nav__js",ch="tox-collection__item",sh="tox-swatch",lh={normal:ah,color:sh},fh="tox-collection__item--enabled",dh="tox-collection__item-label",mh="tox-collection__item-caret",gh="tox-collection__item--active",ph="tox-collection__item-container",hh="tox-collection__item-container--row",vh=function(t){return Ft(lh,t).getOr(ah)},bh=function(t){return{backgroundMenu:"tox-background-menu",selectedMenu:"tox-selected-menu",selectedItem:"tox-collection__item--active",hasIcons:"tox-menu--has-icons",menu:"color"===t?"tox-swatches":"tox-menu",tieredMenu:"tox-tiered-menu"}},yh=function(t){var n=bh(t);return{backgroundMenu:n.backgroundMenu,selectedMenu:n.selectedMenu,menu:n.menu,selectedItem:n.selectedItem,item:vh(t)}},xh=[Yg.parts.items({})],wh=function(t,n,e){var o=bh(e);return{dom:{tag:"div",classes:dt([[o.tieredMenu]])},markers:yh(e)}},Sh=function(e,o){return function(t){var n=R(t,o);return V(n,function(t){return{dom:e,components:t}})}},kh=function(t,e){var o=[],r=[];return ft(t,function(t,n){e(t,n)?(0<r.length&&o.push(r),r=[],It(t.dom,"innerHtml")&&r.push(t)):r.push(t)}),0<r.length&&o.push(r),V(o,function(t){return{dom:{tag:"div",classes:["tox-collection__group"]},components:t}})},Ch=function(n,e,t){return{dom:{tag:"div",classes:["tox-menu","tox-collection"].concat(1===n?["tox-collection--list"]:["tox-collection--grid"])},components:[Yg.parts.items({preprocess:function(t){return"auto"!==n&&1<n?Sh({tag:"div",classes:["tox-collection__group"]},n)(t):kh(t,function(t,n){return"separator"===e[n].type})}})]}},Oh=function(t){return F(t,function(t){return"icon"in t&&t.icon!==undefined})},_h=function(t){return console.error(Dn(t)),console.log(t),st.none()},Th=function(t,n,e,o,r){var i,u=(i=e,{dom:{tag:"div",classes:["tox-collection","tox-collection--horizontal"]},components:[Yg.parts.items({preprocess:function(t){return kh(t,function(t,n){return"separator"===i[n].type})}})]});return{value:t,dom:u.dom,components:u.components,items:e}},Eh=function(t,n,e,o,r){var i,u,a,c,s,l;return"color"===r?{value:t,dom:(a=(i=o,{dom:{tag:"div",classes:["tox-menu","tox-swatches-menu"]},components:[{dom:{tag:"div",classes:["tox-swatches"]},components:[Yg.parts.items({preprocess:"auto"!==i?Sh({tag:"div",classes:["tox-swatches__row"]},i):ct})]}]})).dom,components:a.components,items:e}:"normal"===r&&"auto"===o?{value:t,dom:(a=Ch(o,e)).dom,components:a.components,items:e}:"normal"===r&&1===o?{value:t,dom:(a=Ch(1,e)).dom,components:a.components,items:e}:"normal"===r?{value:t,dom:(a=Ch(o,e)).dom,components:a.components,items:e}:"listpreview"!==r||"auto"===o?{value:t,dom:(c=n,s=o,l=bh(r),{tag:"div",classes:dt([[l.menu,"tox-menu-"+s+"-column"],c?[l.hasIcons]:[]])}),components:xh,items:e}:{value:t,dom:(a=(u=o,{dom:{tag:"div",classes:["tox-menu","tox-collection","tox-collection--toolbar","tox-collection--toolbar-lg"]},components:[Yg.parts.items({preprocess:Sh({tag:"div",classes:["tox-collection__group"]},u)})]})).dom,components:a.components,items:e}},Dh=[Un("type"),Un("src"),Qn("alt"),ce("classes",[],Rn)],Bh=fn(Dh),Ah=[Un("type"),Un("text"),Qn("name"),ce("classes",["tox-collection__item-label"],Rn)],Mh=fn(Ah),Fh=kn(function(){return Bn("type",{cardimage:Bh,cardtext:Mh,cardcontainer:Ih})}),Ih=fn([Un("type"),re("direction","horizontal"),re("align","left"),re("valign","middle"),qn("items",Fh)]),Rh=[ue("disabled",!1),Qn("text"),Qn("shortcut"),bn("value","value",Xt(function(){return Kr("menuitem-value")}),Mn()),ne("meta",{})],Vh=fn([Un("type"),Qn("label"),qn("items",Fh),ae("onSetup",function(){return $}),ae("onAction",$)].concat(Rh)),Ph=fn([Un("type"),ue("active",!1),Qn("icon")].concat(Rh)),Hh=fn([Un("type"),Wn("fancytype",["inserttable","colorswatch"]),ae("onAction",$)]),zh=fn([Un("type"),ae("onSetup",function(){return $}),ae("onAction",$),Qn("icon")].concat(Rh)),Nh=fn([Un("type"),Gn("getSubmenuItems"),ae("onSetup",function(){return $}),Qn("icon")].concat(Rh)),Lh=fn([Un("type"),Qn("icon"),ue("active",!1),ae("onSetup",function(){return $}),Gn("onAction")].concat(Rh)),jh=function(t,o,n){var r=ms(t.element,"."+n);if(0<r.length){var e=j(r,function(t){var n=t.dom.getBoundingClientRect().top,e=r[0].dom.getBoundingClientRect().top;return Math.abs(n-e)>o}).getOr(r.length);return st.some({numColumns:e,numRows:Math.ceil(r.length/e)})}return st.none()},Uh=function(t,n){return ic([dg(t,n)])},Wh=function(t){return Uh(Kr("unnamed-events"),t)},Gh=[Ln("lazySink"),Ln("tooltipDom"),ne("exclusive",!0),ne("tooltipComponents",[]),ne("delay",300),ie("mode","normal",["normal","follow-highlight"]),ne("anchor",function(t){return{anchor:"hotspot",hotspot:t,layouts:{onLtr:at([Ua,ja,Ha,Na,za,La]),onRtl:at([Ua,ja,Ha,Na,za,La])}}}),ga("onHide"),ga("onShow")],Xh=/* */Object.freeze({__proto__:null,init:function(){var e=fe(st.none()),n=fe(st.none()),o=function(){e.get().each(function(t){clearTimeout(t)})},t=at("not-implemented");return di({getTooltip:function(){return n.get()},isShowing:function(){return n.get().isSome()},setTooltip:function(t){n.set(st.some(t))},clearTooltip:function(){n.set(st.none())},clearTimer:o,resetTimer:function(t,n){o(),e.set(st.some(setTimeout(function(){t()},n)))},readState:t})}}),Yh=Kr("tooltip.exclusive"),qh=Kr("tooltip.show"),Kh=Kr("tooltip.hide"),Jh=function(t,n,e){t.getSystem().broadcastOn([Yh],{})},$h=/* */Object.freeze({__proto__:null,hideAllExclusive:Jh,setComponents:function(t,n,e,o){e.getTooltip().each(function(t){t.getSystem().isConnected()&&fg.set(t,o)})}}),Qh=ac({fields:Gh,name:"tooltipping",active:/* */Object.freeze({__proto__:null,events:function(r,i){var e=function(n){i.getTooltip().each(function(t){ul(t),r.onHide(n,t),i.clearTooltip()}),i.clearTimer()};return Zo(dt([[er(qh,function(o){i.resetTimer(function(){var n,t,e;n=o,i.isShowing()||(Jh(n),t=r.lazySink(n).getOrDie(),e=n.getSystem().build({dom:r.tooltipDom,components:r.tooltipComponents,events:Zo("normal"===r.mode?[er(so(),function(t){Yo(n,qh)}),er(ao(),function(t){Yo(n,Kh)})]:[]),behaviours:ic([fg.config({})])}),i.setTooltip(e),ol(t,e),r.onShow(n,e),Qs.position(t,r.anchor(n),e))},r.delay)}),er(Kh,function(t){i.resetTimer(function(){e(t)},r.delay)}),er(Oo(),function(t,n){n.universal||M(n.channels,Yh)&&e(t)}),lr(function(t){e(t)})],"normal"===r.mode?[er(lo(),function(t){Yo(t,qh)}),er(ko(),function(t){Yo(t,Kh)}),er(so(),function(t){Yo(t,qh)}),er(ao(),function(t){Yo(t,Kh)})]:[er(Go(),function(t,n){Yo(t,qh)}),er(Xo(),function(t){Yo(t,Kh)})]]))}}),state:Xh,apis:$h}),Zh=tinymce.util.Tools.resolve("tinymce.dom.DOMUtils"),tv=tinymce.util.Tools.resolve("tinymce.util.I18n"),nv=["input","button","textarea","select"],ev=function(t,n,e){(n.disabled()?cv:sv)(t,n)},ov=function(t,n){return!0===n.useNative&&M(nv,mr(t.element))},rv=function(t){zr(t.element,"disabled","disabled")},iv=function(t){Ur(t.element,"disabled")},uv=function(t){zr(t.element,"aria-disabled","true")},av=function(t){zr(t.element,"aria-disabled","false")},cv=function(n,t,e){t.disableClass.each(function(t){Ei(n.element,t)}),(ov(n,t)?rv:uv)(n),t.onDisabled(n)},sv=function(n,t,e){t.disableClass.each(function(t){Bi(n.element,t)}),(ov(n,t)?iv:av)(n),t.onEnabled(n)},lv=function(t,n){return ov(t,n)?jr(t.element,"disabled"):"true"===Nr(t.element,"aria-disabled")},fv=/* */Object.freeze({__proto__:null,enable:sv,disable:cv,isDisabled:lv,onLoad:ev,set:function(t,n,e,o){(o?cv:sv)(t,n)}}),dv=/* */Object.freeze({__proto__:null,exhibit:function(t,n){return gi({classes:n.disabled()?n.disableClass.toArray():[]})},events:function(e,t){return Zo([tr(_o(),function(t,n){return lv(t,e)}),tc(e,t,ev)])}}),mv=[ae("disabled",c),ne("useNative",!0),Kn("disableClass"),ga("onDisabled"),ga("onEnabled")],gv=ac({fields:mv,name:"disabling",active:dv,apis:fv}),pv=tinymce.util.Tools.resolve("tinymce.EditorManager"),hv=function(t){return t.getParam("height",Math.max(t.getElement().offsetHeight,200))},vv=function(t){return t.getParam("width",Zh.DOM.getStyle(t.getElement(),"width"))},bv=function(t){return st.from(t.getParam("min_width")).filter(lt)},yv=function(t){return st.from(t.getParam("min_height")).filter(lt)},xv=function(t){return st.from(t.getParam("max_width")).filter(lt)},wv=function(t){return st.from(t.getParam("max_height")).filter(lt)},Sv=function(t){return!1!==t.getParam("menubar",!0,"boolean")},kv=function(t){var n=t.getParam("toolbar",!0),e=!0===n,o=k(n),r=p(n)&&0<n.length;return!Ov(t)&&(r||o||e)},Cv=function(n){var t=I(9,function(t){return n.getParam("toolbar"+(t+1),!1,"string")}),e=H(t,function(t){return"string"==typeof t});return 0<e.length?st.some(e):st.none()},Ov=function(t){return Cv(t).fold(function(){return 0<t.getParam("toolbar",[],"string[]").length},function(){return!0})};(ih=rh=rh||{})["default"]="wrap",ih.floating="floating",ih.sliding="sliding",ih.scrolling="scrolling";var _v,Tv,Ev=function(t){return t.getParam("toolbar_mode","","string")};(Tv=_v=_v||{}).auto="auto",Tv.top="top",Tv.bottom="bottom";var Dv,Bv=function(t){return t.getParam("toolbar_location",_v.auto,"string")},Av=function(t){return Bv(t)===_v.bottom},Mv=function(t){var n=t.getParam("fixed_toolbar_container","","string");return 0<n.length&&t.inline?Ku(Wi(),n):st.none()},Fv=function(t){return t.inline&&Mv(t).isSome()},Iv=function(t){return Mv(t).getOrThunk(function(){return zi(Hi(me.fromDom(t.getElement())))})},Rv=function(t){return t.inline&&!Sv(t)&&!kv(t)&&!Ov(t)},Vv=function(t){return(t.getParam("toolbar_sticky",!1,"boolean")||t.inline)&&!Fv(t)&&!Rv(t)},Pv="silver.readonly",Hv=fn([jn("readonly",Vn)]),zv=function(t,n){var e=t.outerContainer.element;n&&(t.mothership.broadcastOn([wl()],{target:e}),t.uiMothership.broadcastOn([wl()],{target:e})),t.mothership.broadcastOn([Pv],{readonly:n}),t.uiMothership.broadcastOn([Pv],{readonly:n})},Nv=function(t,n){t.on("init",function(){t.mode.isReadOnly()&&zv(n,!0)}),t.on("SwitchMode",function(){return zv(n,t.mode.isReadOnly())}),t.getParam("readonly",!1,"boolean")&&t.setMode("readonly")},Lv=function(){var t;return fc.config({channels:((t={})[Pv]={schema:Hv,onReceive:function(t,n){gv.set(t,n.readonly)}},t)})},jv=function(t){return gv.config({disabled:t,disableClass:"tox-collection__item--state-disabled"})},Uv=function(t){return gv.config({disabled:t})},Wv=function(t){return gv.config({disabled:t,disableClass:"tox-tbtn--disabled"})},Gv=function(t){return gv.config({disabled:t,disableClass:"tox-tbtn--disabled",useNative:!1})},Xv=function(t,n){var e=t.getApi(n);return function(t){t(e)}},Yv=function(e,o){return sr(function(t){Xv(e,t)(function(t){var n=e.onSetup(t);null!==n&&n!==undefined&&o.set(n)})})},qv=function(n,e){return lr(function(t){return Xv(n,t)(e.get())})},Kv=((Dv={})[_o()]=["disabling","alloy.base.behaviour","toggling","item-events"],Dv),Jv=function(t){return U(t,function(t){return t.toArray()})},$v=function(t,n,e,o){var r,i,u=fe($);return{type:"item",dom:n.dom,components:Jv(n.optComponents),data:t.data,eventOrder:Kv,hasSubmenu:t.triggersSubmenu,itemBehaviours:ic([dg("item-events",[(r=t,i=e,dr(function(t,n){Xv(r,t)(r.onAction),r.triggersSubmenu||i!==uh.CLOSE_ON_EXECUTE||(Yo(t,Bo()),n.stop())})),Yv(t,u),qv(t,u)]),jv(function(){return t.disabled||o.isDisabled()}),Lv(),fg.config({})].concat(t.itemBehaviours))}},Qv=function(t){return{value:t.value,meta:ut({text:t.text.getOr("")},t.meta)}},Zv=tinymce.util.Tools.resolve("tinymce.Env"),tb=function(t){return{dom:{tag:"div",classes:["tox-collection__item-icon"],innerHtml:t}}},nb=function(t){return{dom:{tag:"div",classes:[dh]},components:[fu(tv.translate(t))]}},eb=function(t,n){return{dom:{tag:"div",classes:n,innerHtml:t}}},ob=function(t,n){return{dom:{tag:"div",classes:[dh]},components:[{dom:{tag:t.tag,styles:t.styles},components:[fu(tv.translate(n))]}]}},rb=function(t){return{dom:{tag:"div",classes:["tox-collection__item-accessory"],innerHtml:(n=t,e=Zv.mac?{alt:"&#x2325;",ctrl:"&#x2303;",shift:"&#x21E7;",meta:"&#x2318;",access:"&#x2303;&#x2325;"}:{meta:"Ctrl",access:"Shift+Alt"},o=n.split("+"),r=V(o,function(t){var n=t.toLowerCase().trim();return It(e,n)?e[n]:t}),Zv.mac?r.join(""):r.join("+"))}};var n,e,o,r},ib=function(t){return{dom:{tag:"div",classes:["tox-collection__item-checkmark"],innerHtml:hp("checkmark",t)}}},ub=function(t,n){var e=n.map(function(t){return{attributes:{title:tv.translate(t)}}}).getOr({});return ut({tag:"div",classes:[ah,ch].concat(t?["tox-collection__item-icon-rtl"]:[])},e)},ab=["list-num-default","list-num-lower-alpha","list-num-lower-greek","list-num-lower-roman","list-num-upper-alpha","list-num-upper-roman"],cb=["list-bull-circle","list-bull-default","list-bull-square"],sb=function(t,r,n,i){void 0===i&&(i=st.none());var e,o,u,a,c,s,l,f,d,m,g,p,h=tv.isRtl()&&t.iconContent.exists(function(t){return M(cb,t)}),v=t.iconContent.map(function(t){return tv.isRtl()&&M(ab,t)?t+"-rtl":t}).map(function(t){return n=t,e=r.icons,o=i,st.from(e()[n.toLowerCase()]).or(o).getOrThunk(function(){return pp(e)});var n,e,o}),b=st.from(t.meta).fold(function(){return nb},function(t){return It(t,"style")?y(ob,t.style):nb});return"color"===t.presets?(f=t.ariaLabel,d=t.value,m=r,{dom:(g=v.getOr(""),p={tag:"div",attributes:f.map(function(t){return{title:m.translate(t)}}).getOr({}),classes:["tox-swatch"]},ut(ut({},p),"custom"===d?{tag:"button",classes:S(p.classes,["tox-swatches__picker-btn"]),innerHtml:g}:"remove"===d?{classes:S(p.classes,["tox-swatch--remove"]),innerHtml:g}:{attributes:ut(ut({},p.attributes),{"data-mce-color":d}),styles:{"background-color":d}})),optComponents:[]}):(e=t,o=v,u=b,a=h,c=n?o.or(st.some("")).map(tb):st.none(),s=e.checkMark,l=e.htmlContent.fold(function(){return e.textContent.map(u)},function(t){return st.some(eb(t,[dh]))}),{dom:ub(a,e.ariaLabel),optComponents:[c,l,e.shortcutContent.map(rb),s,e.caret]})},lb=function(t,n){return Ft(t,"tooltipWorker").map(function(e){return[Qh.config({lazySink:n.getSink,tooltipDom:{tag:"div",classes:["tox-tooltip-worker-container"]},tooltipComponents:[],anchor:function(t){return{anchor:"submenu",item:t,overrides:{maxHeightFunction:Fc}}},mode:"follow-highlight",onShow:function(n,t){e(function(t){Qh.setComponents(n,[du({element:me.fromDom(t)})])})}})]}).getOr([])},fb=function(t,n){var e,o=tv.translate(t),r=(e=o,Zh.DOM.encode(e));if(0<n.length){var i=new RegExp(n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),"gi");return r.replace(i,function(t){return'<span class="tox-autocompleter-highlight">'+t+"</span>"})}return r},db=Cf(Ng(),Lg()),mb=function(t){return{value:t}},gb=/^#?([a-f\d])([a-f\d])([a-f\d])$/i,pb=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i,hb=function(t){return gb.test(t)||pb.test(t)},vb=function(t){var n={value:t.value.replace(gb,function(t,n,e,o){return n+n+e+e+o+o})},e=pb.exec(n.value);return null===e?["FFFFFF","FF","FF","FF"]:e},bb=function(t){var n=t.toString(16);return 1===n.length?"0"+n:n},yb=function(t){var n=bb(t.red)+bb(t.green)+bb(t.blue);return mb(n)},xb=Math.min,wb=Math.max,Sb=Math.round,kb=/^rgb\((\d+),\s*(\d+),\s*(\d+)\)/,Cb=/^rgba\((\d+),\s*(\d+),\s*(\d+),\s*(\d?(?:\.\d+)?)\)/,Ob=function(t,n,e,o){return{red:t,green:n,blue:e,alpha:o}},_b=function(t){var n=parseInt(t,10);return n.toString()===t&&0<=n&&n<=255},Tb=function(t){var n,e,o,r=(t.hue||0)%360,i=t.saturation/100,u=t.value/100,i=wb(0,xb(i,1)),u=wb(0,xb(u,1));if(0===i)return n=e=o=Sb(255*u),Ob(n,e,o,1);var a=r/60,c=u*i,s=c*(1-Math.abs(a%2-1)),l=u-c;switch(Math.floor(a)){case 0:n=c,e=s,o=0;break;case 1:n=s,e=c,o=0;break;case 2:n=0,e=c,o=s;break;case 3:n=0,e=s,o=c;break;case 4:n=s,e=0,o=c;break;case 5:n=c,e=0,o=s;break;default:n=e=o=0}return n=Sb(255*(n+l)),e=Sb(255*(e+l)),o=Sb(255*(o+l)),Ob(n,e,o,1)},Eb=function(t){var n=vb(t),e=parseInt(n[1],16),o=parseInt(n[2],16),r=parseInt(n[3],16);return Ob(e,o,r,1)},Db=function(t,n,e,o){var r=parseInt(t,10),i=parseInt(n,10),u=parseInt(e,10),a=parseFloat(o);return Ob(r,i,u,a)},Bb=function(t){return"rgba("+t.red+","+t.green+","+t.blue+","+t.alpha+")"},Ab=Ob(255,0,0,1),Mb=function(t,n){return t.fire("ResizeContent",n)},Fb=tinymce.util.Tools.resolve("tinymce.util.LocalStorage"),Ib="tinymce-custom-colors";var Rb="choiceitem",Vb=[{type:Rb,text:"Light Green",value:"#BFEDD2"},{type:Rb,text:"Light Yellow",value:"#FBEEB8"},{type:Rb,text:"Light Red",value:"#F8CAC6"},{type:Rb,text:"Light Purple",value:"#ECCAFA"},{type:Rb,text:"Light Blue",value:"#C2E0F4"},{type:Rb,text:"Green",value:"#2DC26B"},{type:Rb,text:"Yellow",value:"#F1C40F"},{type:Rb,text:"Red",value:"#E03E2D"},{type:Rb,text:"Purple",value:"#B96AD9"},{type:Rb,text:"Blue",value:"#3598DB"},{type:Rb,text:"Dark Turquoise",value:"#169179"},{type:Rb,text:"Orange",value:"#E67E23"},{type:Rb,text:"Dark Red",value:"#BA372A"},{type:Rb,text:"Dark Purple",value:"#843FA1"},{type:Rb,text:"Dark Blue",value:"#236FA1"},{type:Rb,text:"Light Gray",value:"#ECF0F1"},{type:Rb,text:"Medium Gray",value:"#CED4D9"},{type:Rb,text:"Gray",value:"#95A5A6"},{type:Rb,text:"Dark Gray",value:"#7E8C8D"},{type:Rb,text:"Navy Blue",value:"#34495E"},{type:Rb,text:"Black",value:"#000000"},{type:Rb,text:"White",value:"#ffffff"}],Pb=function(e){void 0===e&&(e=10);var t,n=Fb.getItem(Ib),o=k(n)?JSON.parse(n):[],r=e-(t=o).length<0?t.slice(0,e):t,i=function(t){r.splice(t,1)};return{add:function(t){var n;(-1===(n=A(r,t))?st.none():st.some(n)).each(i),r.unshift(t),r.length>e&&r.pop(),Fb.setItem(Ib,JSON.stringify(r))},state:function(){return r.slice(0)}}}(10),Hb=function(t){return!1!==t.getParam("custom_colors")},zb=function(t){var n=t.getParam("color_map");return n!==undefined?function(t){var n=[],u=document.createElement("canvas");u.height=1,u.width=1;for(var a=u.getContext("2d"),c=function(t,n){var e=n/255;return("0"+Math.round(t*e+255*(1-e)).toString(16)).slice(-2).toUpperCase()},e=0;e<t.length;e+=2)n.push({text:t[e+1],value:function(t){if(/^[0-9A-Fa-f]{6}$/.test(t))return"#"+t.toUpperCase();a.clearRect(0,0,u.width,u.height),a.fillStyle="#FFFFFF",a.fillStyle=t,a.fillRect(0,0,1,1);var n=a.getImageData(0,0,1,1).data,e=n[0],o=n[1],r=n[2],i=n[3];return"#"+c(e,i)+c(o,i)+c(r,i)}(t[e]),type:"choiceitem"});return n}(n):Vb},Nb=function(t){Pb.add(t)},Lb=function(i){i.addCommand("mceApplyTextcolor",function(t,n){var e,o,r;o=t,r=n,(e=i).undoManager.transact(function(){e.focus(),e.formatter.apply(o,{value:r}),e.nodeChanged()})}),i.addCommand("mceRemoveTextcolor",function(t){var n,e;e=t,(n=i).undoManager.transact(function(){n.focus(),n.formatter.remove(e,{value:null},null,!0),n.nodeChanged()})})},jb=function(t){var n,e,o=zb(t),r=(n=o.length,Math.max(5,Math.ceil(Math.sqrt(n))));return e=r,t.getParam("color_cols",e,"number")},Ub=function(n,e,t,o){"custom"===t?Kb(n)(function(t){t.each(function(t){Nb(t),n.execCommand("mceApplyTextcolor",e,t),o(t)})},"#000000"):"remove"===t?(o(""),n.execCommand("mceRemoveTextcolor",e)):(o(t),n.execCommand("mceApplyTextcolor",e,t))},Wb=function(t,n){return t.concat(V(Pb.state(),function(t){return{type:Rb,text:t,value:t}}).concat((o={type:e="choiceitem",text:"Remove color",icon:"color-swatch-remove-color",value:"remove"},n?[o,{type:e,text:"Custom color",icon:"color-picker",value:"custom"}]:[o])));var e,o},Gb=function(n,e){return function(t){t(Wb(n,e))}},Xb=function(t,n,e){var o,r;o="forecolor"===n?"tox-icon-text-color__color":"tox-icon-highlight-bg-color__color",r=e,t.setIconFill(o,r),t.setIconStroke(o,r)},Yb=function(i,e,u,t,o){i.ui.registry.addSplitButton(e,{tooltip:t,presets:"color",icon:"forecolor"===e?"text-color":"highlight-bg-color",select:function(e){var t,o,r;return st.from((o=u,(t=i).dom.getParents(t.selection.getStart(),function(t){var n;(n=t.style["forecolor"===o?"color":"background-color"])&&(r=r||n)}),r)).bind(function(t){return function(t){if("transparent"===t)return st.some(Ob(0,0,0,0));var n=kb.exec(t);if(null!==n)return st.some(Db(n[1],n[2],n[3],"1"));var e=Cb.exec(t);return null!==e?st.some(Db(e[1],e[2],e[3],e[4])):st.none()}(t).map(function(t){var n=yb(t).value;return we(e.toLowerCase(),n)})}).getOr(!1)},columns:jb(i),fetch:Gb(zb(i),Hb(i)),onAction:function(t){null!==o.get()&&Ub(i,u,o.get(),function(){})},onItemAction:function(t,n){Ub(i,u,n,function(t){var n;o.set(t),n={name:e,color:t},i.fire("TextColorChange",n)})},onSetup:function(n){null!==o.get()&&Xb(n,e,o.get());var t=function(t){t.name===e&&Xb(n,t.name,t.color)};return i.on("TextColorChange",t),function(){i.off("TextColorChange",t)}}})},qb=function(n,t,e,o){n.ui.registry.addNestedMenuItem(t,{text:o,icon:"forecolor"===t?"text-color":"highlight-bg-color",getSubmenuItems:function(){return[{type:"fancymenuitem",fancytype:"colorswatch",onAction:function(t){Ub(n,e,t.value,$)}}]}})},Kb=function(i){return function(t,n){var e,o={colorpicker:n},r=(e=t,function(t){var n=t.getData();e(st.from(n.colorpicker)),t.close()});i.windowManager.open({title:"Color Picker",size:"normal",body:{type:"panel",items:[{type:"colorpicker",name:"colorpicker",label:"Color"}]},buttons:[{type:"cancel",name:"cancel",text:"Cancel"},{type:"submit",name:"save",text:"Save",primary:!0}],initialData:o,onAction:function(t,n){"hex-valid"===n.name&&(n.value?t.enable("ok"):t.disable("ok"))},onSubmit:r,onClose:function(){},onCancel:function(){t(st.none())}})}},Jb=function(t,n,e,o,r,i,u,a){var c=Oh(n),s=$b(n,e,o,"color"!==r?"normal":"color",i,u,a);return Eh(t,c,s,o,r)},$b=function(e,o,r,i,u,a,c){return Kf(V(e,function(n){return"choiceitem"===n.type?_n("choicemenuitem",Ph,n).fold(_h,function(t){return st.some(function(n,t,e,o,r,i,u,a){void 0===a&&(a=!0);var c=sb({presets:e,textContent:t?n.text:st.none(),htmlContent:st.none(),ariaLabel:n.text,iconContent:n.icon,shortcutContent:t?n.shortcut:st.none(),checkMark:t?st.some(ib(u.icons)):st.none(),caret:st.none(),value:n.value},u,a);return zt($v({data:Qv(n),disabled:n.disabled,getApi:function(n){return{setActive:function(t){Dg.set(n,t)},isActive:function(){return Dg.isOn(n)},isDisabled:function(){return gv.isDisabled(n)},setDisabled:function(t){return gv.set(n,t)}}},onAction:function(t){return o(n.value)},onSetup:function(t){return t.setActive(r),function(){}},triggersSubmenu:!1,itemBehaviours:[]},c,i,u),{toggling:{toggleClass:fh,toggleOnExecute:!1,selected:n.active}})}(t,1===r,i,o,a(n.value),u,c,Oh(e)))}):st.none()}))},Qb=function(t,n){var e=yh(n);return 1===t?{mode:"menu",moveOnTab:!0}:"auto"===t?{mode:"grid",selector:"."+e.item,initSize:{numColumns:1,numRows:1}}:{mode:"matrix",rowSelector:"."+("color"===n?"tox-swatches__row":"tox-collection__group")}};var Zb,ty,ny=Kr("cell-over"),ey=Kr("cell-execute"),oy=function(t,n,e){for(var o=[],r=0;r<n;r++){for(var i=[],u=0;u<e;u++)i.push(function(n,e,t){var o,r=function(t){return qo(t,ey,{row:n,col:e})},i=function(t,n){n.stop(),r(t)};return gu({dom:{tag:"div",attributes:((o={role:"button"})["aria-labelledby"]=t,o)},behaviours:ic([dg("insert-table-picker-cell",[er(so(),vg.focus),er(_o(),r),er(vo(),i),er(Eo(),i)]),Dg.config({toggleClass:"tox-insert-table-picker__selected",toggleOnExecute:!1}),vg.config({onFocus:function(t){return qo(t,ny,{row:n,col:e})}})])})}(r,u,t));o.push(i)}return o},ry={inserttable:function(o){var t=Kr("size-label"),i=oy(t,10,10),u=gp({dom:{tag:"span",classes:["tox-insert-table-picker__label"],attributes:{id:t}},components:[fu("0x0")],behaviours:ic([fg.config({})])});return{type:"widget",data:{value:Kr("widget-id")},dom:{tag:"div",classes:["tox-fancymenuitem"]},autofocus:!0,components:[db.widget({dom:{tag:"div",classes:["tox-insert-table-picker"]},components:U(i,function(t){return V(t,pu)}).concat(u.asSpec()),behaviours:ic([dg("insert-table-picker",[ur(ny,function(t,n,e){var o=e.event.row,r=e.event.col;!function(t,n,e,o,r){for(var i=0;i<o;i++)for(var u=0;u<r;u++)Dg.set(t[i][u],i<=n&&u<=e)}(i,o,r,10,10),fg.set(u.get(t),[fu(r+1+"x"+(o+1))])}),ur(ey,function(t,n,e){o.onAction({numRows:e.event.row+1,numColumns:e.event.col+1}),Yo(t,Bo())})]),ug.config({initSize:{numRows:10,numColumns:10},mode:"flatgrid",selector:'[role="button"]'})])})]}},colorswatch:function(n,t){var e=Wb(t.colorinput.getColors(),t.colorinput.hasCustomColors()),o=t.colorinput.getColorCols(),r=Jb(Kr("menu-value"),e,function(t){n.onAction({value:t})},o,"color",uh.CLOSE_ON_EXECUTE,function(){return!1},t.shared.providers),i=ut(ut({},r),{markers:yh("color"),movement:Qb(o,"color")});return{type:"widget",data:{value:Kr("widget-id")},dom:{tag:"div",classes:["tox-fancymenuitem"]},autofocus:!0,components:[db.widget(Yg.sketch(i))]}}},iy=function(t,s){return V(t,function(t){switch(t.type){case"cardcontainer":return u=iy((i=t).items,s),a="vertical"===i.direction?"tox-collection__item-container--column":hh,c="left"===i.align?"tox-collection__item-container--align-left":"tox-collection__item-container--align-right",{dom:{tag:"div",classes:[ph,a,c,function(){switch(i.valign){case"top":return"tox-collection__item-container--valign-top";case"middle":return"tox-collection__item-container--valign-middle";case"bottom":return"tox-collection__item-container--valign-bottom"}}()]},components:u};case"cardimage":return e=t.src,o=t.classes,r=t.alt,{dom:{tag:"img",classes:o,attributes:{src:e,alt:r.getOr("")}}};case"cardtext":var n=t.name.exists(function(t){return M(s.cardText.highlightOn,t)})?st.from(s.cardText.matchText).getOr(""):"";return eb(fb(t.text,n),t.classes)}var e,o,r,i,u,a,c})},uy=function(n,e,t,o,r,i,u,a){void 0===a&&(a=!0);var c=sb({presets:o,textContent:st.none(),htmlContent:t?n.text.map(function(t){return fb(t,e)}):st.none(),ariaLabel:n.text,iconContent:n.icon,shortcutContent:st.none(),checkMark:st.none(),caret:st.none(),value:n.value},u.providers,a,n.icon);return $v({data:Qv(n),disabled:n.disabled,getApi:function(){return{}},onAction:function(t){return r(n.value,n.meta)},onSetup:function(){return function(){}},triggersSubmenu:!1,itemBehaviours:lb(n.meta,u)},c,i,u.providers)},ay=function(t){var n=t.text.fold(function(){return{}},function(t){return{innerHtml:t}});return{type:"separator",dom:ut({tag:"div",classes:[ch,"tox-collection__group-heading"]},n),components:[]}},cy=function(t,n,e,o){void 0===o&&(o=!0);var r=sb({presets:"normal",iconContent:t.icon,textContent:t.text,htmlContent:st.none(),ariaLabel:t.text,caret:st.none(),checkMark:st.none(),shortcutContent:t.shortcut},e,o);return $v({data:Qv(t),getApi:function(n){return{isDisabled:function(){return gv.isDisabled(n)},setDisabled:function(t){return gv.set(n,t)}}},disabled:t.disabled,onAction:t.onAction,onSetup:t.onSetup,triggersSubmenu:!1,itemBehaviours:[]},r,n,e)},sy=function(t,n,e,o,r){void 0===o&&(o=!0),void 0===r&&(r=!1);var i,u,a=r?(u=e.icons,{dom:{tag:"div",classes:[mh],innerHtml:hp("chevron-down",u)}}):(i=e.icons,{dom:{tag:"div",classes:[mh],innerHtml:hp("chevron-right",i)}}),c=sb({presets:"normal",iconContent:t.icon,textContent:t.text,htmlContent:st.none(),ariaLabel:t.text,caret:st.some(a),checkMark:st.none(),shortcutContent:t.shortcut},e,o);return $v({data:Qv(t),getApi:function(n){return{isDisabled:function(){return gv.isDisabled(n)},setDisabled:function(t){return gv.set(n,t)}}},disabled:t.disabled,onAction:$,onSetup:t.onSetup,triggersSubmenu:!0,itemBehaviours:[]},c,n,e)},ly=function(t,n,e,o){void 0===o&&(o=!0);var r=sb({iconContent:t.icon,textContent:t.text,htmlContent:st.none(),ariaLabel:t.text,checkMark:st.some(ib(e.icons)),caret:st.none(),shortcutContent:t.shortcut,presets:"normal",meta:t.meta},e,o);return zt($v({data:Qv(t),disabled:t.disabled,getApi:function(n){return{setActive:function(t){Dg.set(n,t)},isActive:function(){return Dg.isOn(n)},isDisabled:function(){return gv.isDisabled(n)},setDisabled:function(t){return gv.set(n,t)}}},onAction:t.onAction,onSetup:t.onSetup,triggersSubmenu:!1,itemBehaviours:[]},r,n,e),{toggling:{toggleClass:fh,toggleOnExecute:!1,selected:t.active}})},fy=function(n,e){return t=ry,o=n.fancytype,(Object.prototype.hasOwnProperty.call(t,o)?st.some(t[o]):st.none()).map(function(t){return t(n,e)});var t,o},dy=function(t,n,e,o){var r={dom:ub(!1,t.label),optComponents:[st.some({dom:{tag:"div",classes:[ph,hh]},components:iy(t.items,o)})]};return $v({data:Qv(ut({text:st.none()},t)),disabled:t.disabled,getApi:function(e){return{isDisabled:function(){return gv.isDisabled(e)},setDisabled:function(n){gv.set(e,n),ft(ms(e.element,"*"),function(t){e.getSystem().getByDom(t).each(function(t){t.hasConfigured(gv)&&gv.set(t,n)})})}}},onAction:t.onAction,onSetup:t.onSetup,triggersSubmenu:!1,itemBehaviours:st.from(o.itemBehaviours).getOr([])},r,n,e.providers)};(ty=Zb=Zb||{})[ty.ContentFocus=0]="ContentFocus",ty[ty.UiFocus=1]="UiFocus";var my=function(t,n,e,o,r){var i=e.shared.providers,u=function(t){return r?ut(ut({},t),{shortcut:st.none(),icon:t.text.isSome()?st.none():t.icon}):t};switch(t.type){case"menuitem":return _n("menuitem",zh,t).fold(_h,function(t){return st.some(cy(u(t),n,i,o))});case"nestedmenuitem":return _n("nestedmenuitem",Nh,t).fold(_h,function(t){return st.some(sy(u(t),n,i,o,r))});case"togglemenuitem":return _n("togglemenuitem",Lh,t).fold(_h,function(t){return st.some(ly(u(t),n,i,o))});case"separator":return _n("separatormenuitem",Np,t).fold(_h,function(t){return st.some(ay(t))});case"fancymenuitem":return _n("fancymenuitem",Hh,t).fold(_h,function(t){return fy(u(t),e)});default:return console.error("Unknown item in general menu",t),st.none()}},gy=function(t,e,o,n,r,i,u){var a=1===n,c=!a||Oh(t);return Kf(V(t,function(t){switch(t.type){case"separator":return _n("Autocompleter.Separator",Np,t).fold(_h,function(t){return st.some(ay(t))});case"cardmenuitem":return _n("cardmenuitem",Vh,t).fold(_h,function(n){return st.some(dy(ut(ut({},n),{onAction:function(t){n.onAction(t),o(n.value,n.meta)}}),r,i,{itemBehaviours:lb(n.meta,i),cardText:{matchText:e,highlightOn:u}}))});case"autocompleteitem":default:return _n("Autocompleter.Item",Lp,t).fold(_h,function(t){return st.some(uy(t,e,a,"normal",o,r,i,c))})}}))},py=function(t,n,e,o,r){var i=Oh(n),u=Kf(V(n,function(t){var n=function(t){return my(t,e,o,(n=t,r?!n.hasOwnProperty("text"):i),r);var n};return"nestedmenuitem"===t.type&&t.getSubmenuItems().length<=0?n(ut(ut({},t),{disabled:!0})):n(t)}));return(r?Th:Eh)(t,i,u,1,"normal")},hy=function(t){return Zg.singleData(t.value,t)},vy=function(d,c){var e=fe(st.none()),s=fe(!1),m=gu(tp.sketch({dom:{tag:"div",classes:["tox-autocompleter"]},components:[],fireDismissalEventInstead:{},inlineBehaviours:ic([dg("dismissAutocompleter",[er(zo(),function(){return f()})])]),lazySink:c.getSink})),o=function(){return e.get().isSome()},l=function(){o()&&tp.hide(m)},f=function(){var t;o()&&(t=e.get().map(function(t){return t.element}),_p(t.getOr(me.fromDom(d.selection.getNode()))).each(Rr),l(),e.set(st.none()),s.set(!1))},r=Lt(function(){return oh(d)}),g=function(t,n,e,o){t.matchLength=n.text.length;var r,i,u,a,c,s,l,f=Z(e,function(t){return st.from(t.columns)}).getOr(1);tp.showAt(m,{anchor:"node",root:me.fromDom(d.getBody()),node:st.from(t.element)},Yg.sketch((r=Eh("autocompleter-value",!0,o,f,"normal"),i=f,u=Zb.ContentFocus,a="normal",c=(u===Zb.ContentFocus?Fd:Md)(),s=Qb(i,a),l=yh(a),{dom:r.dom,components:r.components,items:r.items,value:r.value,markers:{selectedItem:l.selectedItem,item:l.item},movement:s,fakeFocus:u===Zb.ContentFocus,focusManager:c,menuBehaviours:Wh("auto"!==i?[]:[sr(function(o,t){jh(o,4,l.item).each(function(t){var n=t.numColumns,e=t.numRows;ug.setGridSize(o,e,n)})})])}))),tp.getContent(m).each(fd.highlightFirst)},p=function(t){var n;n=t,e.get().map(function(t){return Ap(d.dom,d.selection.getRng(),t.triggerChar).bind(function(t){return zp(d,r,t,n)})}).getOrThunk(function(){return Hp(d,r)}).fold(f,function(a){var t,n;t=a.context,o()||(n=Op(d,t.range),e.set(st.some({triggerChar:t.triggerChar,element:n,matchLength:t.text.length})),s.set(!1)),a.lookupData.then(function(u){e.get().map(function(t){var n,e,o,r,i=a.context;t.triggerChar===i.triggerChar&&(e=i.triggerChar,r=Z(o=u,function(t){return st.from(t.columns)}).getOr(1),0<(n=U(o,function(i){var t=i.items;return gy(t,i.matchText,function(o,r){var t=d.selection.getRng();Ap(d.dom,t,e).fold(function(){return console.error("Lost context. Cursor probably moved")},function(t){var n=t.range,e={hide:function(){f()},reload:function(t){l(),p(t)}};s.set(!0),i.onAction(e,n,o,r),s.set(!1)})},r,uh.BUBBLE_TO_SANDBOX,c,i.highlightOn)})).length?g(t,i,u,n):(10<=i.text.length-t.matchLength?f:l)())})})})},t={onKeypress:Sp(function(t){27!==t.which&&p()},50),cancelIfNecessary:f,isMenuOpen:function(){return tp.isOpen(m)},isActive:o,isProcessingAction:s.get,getView:function(){return tp.getContent(m)}};!1===d.hasPlugin("rtc")&&Mp(t,d)},by=b,yy=function(t,n,e){return Du(t,n,by,e,!1)},xy=function(t,n,e){return Du(t,n,by,e,!0)},wy=Eu,Sy=function(t,n,e){return Ju(t,n,e).isSome()};function ky(e,o){var r=null;return{cancel:function(){null!==r&&(clearTimeout(r),r=null)},schedule:function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];r=setTimeout(function(){e.apply(null,t),r=null},o)}}}var Cy=function(t){var n=t.raw;return n.touches===undefined||1!==n.touches.length?st.none():st.some(n.touches[0])},Oy=function(e){var u=fe(st.none()),o=fe(!1),r=ky(function(t){e.triggerEvent(Do(),t),o.set(!0)},400),i=$t([{key:no(),value:function(e){return Cy(e).each(function(t){r.cancel();var n={x:t.clientX,y:t.clientY,target:e.target};r.schedule(e),o.set(!1),u.set(st.some(n))}),st.none()}},{key:eo(),value:function(t){return r.cancel(),Cy(t).each(function(i){u.get().each(function(t){var n,e,o,r;n=i,e=t,o=Math.abs(n.clientX-e.x),r=Math.abs(n.clientY-e.y),(5<o||5<r)&&u.set(st.none())})}),st.none()}},{key:oo(),value:function(n){r.cancel();return u.get().filter(function(t){return Ge(t.target,n.target)}).map(function(t){return o.get()?(n.prevent(),!1):e.triggerEvent(Eo(),n)})}}]);return{fireIfReady:function(n,t){return Ft(i,t).bind(function(t){return t(n)})}}},_y=function(){return je().browser.isFirefox()},Ty=ln([Gn("triggerEvent"),ne("stopBackspace",!0)]),Ey=function(n,t){var e,o,r,i,u=En("Getting GUI events settings",Ty,t),a=Oy(u),c=V(["touchstart","touchmove","touchend","touchcancel","gesturestart","mousedown","mouseup","mouseover","mousemove","mouseout","click"].concat(["selectstart","input","contextmenu","change","transitionend","drag","dragstart","dragend","dragenter","dragleave","dragover","drop","keyup"]),function(t){return yy(n,t,function(n){a.fireIfReady(n,t).each(function(t){t&&n.kill()}),u.triggerEvent(t,n)&&n.kill()})}),s=fe(st.none()),l=yy(n,"paste",function(n){a.fireIfReady(n,"paste").each(function(t){t&&n.kill()}),u.triggerEvent("paste",n)&&n.kill(),s.set(st.some(setTimeout(function(){u.triggerEvent(Co(),n)},0)))}),f=yy(n,"keydown",function(t){var n;u.triggerEvent("keydown",t)?t.kill():!0!==u.stopBackspace||((n=t).raw.which!==dd[0]||M(["input","textarea"],mr(n.target))||Sy(n.target,'[contenteditable="true"]'))||t.prevent()}),d=(e=n,o=function(t){u.triggerEvent("focusin",t)&&t.kill()},_y()?xy(e,"focus",o):yy(e,"focusin",o)),m=fe(st.none()),g=(r=n,i=function(t){u.triggerEvent("focusout",t)&&t.kill(),m.set(st.some(setTimeout(function(){u.triggerEvent(ko(),t)},0)))},_y()?xy(r,"blur",i):yy(r,"focusout",i));return{unbind:function(){ft(c,function(t){t.unbind()}),f.unbind(),d.unbind(),g.unbind(),l.unbind(),s.get().each(clearTimeout),m.get().each(clearTimeout)}}},Dy=function(t,n){var e=Ft(t,"target").getOr(n);return fe(e)},By=Vt([{stopped:[]},{resume:["element"]},{complete:[]}]),Ay=function(t,o,n,e,r,i){var u,a,c,s,l=t(o,e),f=(u=n,a=r,c=fe(!1),s=fe(!1),{stop:function(){c.set(!0)},cut:function(){s.set(!0)},isStopped:c.get,isCut:s.get,event:u,setSource:a.set,getSource:a.get});return l.fold(function(){return i.logEventNoHandlers(o,e),By.complete()},function(n){var e=n.descHandler;return hi(e)(f),f.isStopped()?(i.logEventStopped(o,n.element,e.purpose),By.stopped()):f.isCut()?(i.logEventCut(o,n.element,e.purpose),By.complete()):kr(n.element).fold(function(){return i.logNoParent(o,n.element,e.purpose),By.complete()},function(t){return i.logEventResponse(o,n.element,e.purpose),By.resume(t)})})},My=function(n,e,o,t,r,i){return Ay(n,e,o,t,r,i).fold(function(){return!0},function(t){return My(n,e,o,t,r,i)},function(){return!1})},Fy=function(t,n,e){var o,r,i=(o=n,r=fe(!1),{stop:function(){r.set(!0)},cut:$,isStopped:r.get,isCut:c,event:o,setSource:u("Cannot set source of a broadcasted event"),getSource:u("Cannot get source of a broadcasted event")});return ft(t,function(t){var n=t.descHandler;hi(n)(i)}),i.isStopped()},Iy=function(t,n,e,o,r){var i=Dy(e,o);return My(t,n,e,o,i,r)},Ry=function(t,n){return{element:t,descHandler:n}},Vy=function(t,n){return{id:t,descHandler:n}};function Py(){var i={};return{registerId:function(o,r,t){_t(t,function(t,n){var e=i[n]!==undefined?i[n]:{};e[r]=pi(t,o),i[n]=e})},unregisterId:function(e){_t(i,function(t,n){t.hasOwnProperty(e)&&delete t[e]})},filterByType:function(t){return Ft(i,t).map(function(t){return Bt(t,function(t,n){return Vy(n,t)})}).getOr([])},find:function(t,n,e){var r=Ft(i,n);return Je(e,function(t){return e=r,ni(o=t).fold(function(){return st.none()},function(n){return e.bind(function(t){return Ft(t,n)}).map(function(t){return Ry(o,t)})});var e,o},t)}}}function Hy(){var o=Py(),r={},i=function(o){var t=o.element;return ni(t).fold(function(){return t="uid-",n=o.element,e=Kr(Qr+t),ti(n,e),e;var t,n,e},function(t){return t})},u=function(t){ni(t.element).each(function(t){delete r[t],o.unregisterId(t)})};return{find:function(t,n,e){return o.find(t,n,e)},filter:function(t){return o.filterByType(t)},register:function(t){var n=i(t);Rt(r,n)&&function(t,n){var e=r[n];if(e!==t)throw new Error('The tagId "'+n+'" is already used by: '+Gr(e.element)+"\nCannot use it for: "+Gr(t.element)+"\nThe conflicting element is"+(Ui(e.element)?" ":" not ")+"already in the DOM");u(t)}(t,n);var e=[t];o.registerId(e,n,t.events),r[n]=t},unregister:u,getById:function(t){return Ft(r,t)}}}var zy,Ny,Ly,jy,Uy=Yf({name:"Container",factory:function(t){var n=t.dom,e=n.attributes,o=w(n,["attributes"]);return{uid:t.uid,dom:ut({tag:"div",attributes:ut({role:"presentation"},e)},o),components:t.components,behaviours:jl(t.containerBehaviours),events:t.events,domModification:t.domModification,eventOrder:t.eventOrder}},configFields:[ne("components",[]),Ll("containerBehaviours",[]),ne("events",{}),ne("domModification",{}),ne("eventOrder",{})]}),Wy=function(e){var o=function(n){return kr(e.element).fold(function(){return!0},function(t){return Ge(n,t)})},r=Hy(),s=function(t,n){return r.find(o,t,n)},t=Ey(e.element,{triggerEvent:function(o,r){return ia(o,r.target,function(t){return e=t,Iy(s,o,n=r,n.target,e);var n,e})}}),i={debugInfo:at("real"),triggerEvent:function(n,e,o){ia(n,e,function(t){return Iy(s,n,o,e,t)})},triggerFocus:function(a,c){ni(a).fold(function(){mc(a)},function(t){ia(So(),a,function(t){var n,e,o,r,i,u;return n=s,e=So(),i=t,u=Dy(o={originator:c,kill:$,prevent:$,target:a},r=a),Ay(n,e,o,r,u,i),!1})})},triggerEscape:function(t,n){i.triggerEvent("keydown",t.element,n.event)},getByUid:function(t){return g(t)},getByDom:function(t){return p(t)},build:gu,addToGui:function(t){a(t)},removeFromGui:function(t){c(t)},addToWorld:function(t){n(t)},removeFromWorld:function(t){u(t)},broadcast:function(t){f(t)},broadcastOn:function(t,n){d(t,n)},broadcastEvent:function(t,n){m(t,n)},isConnected:b},n=function(t){t.connect(i),hr(t.element)||(r.register(t),ft(t.components(),n),i.triggerEvent(Mo(),t.element,{target:t.element}))},u=function(t){hr(t.element)||(ft(t.components(),u),r.unregister(t)),t.disconnect()},a=function(t){ol(e,t)},c=function(t){ul(t)},l=function(e){var t=r.filter(Oo());ft(t,function(t){var n=t.descHandler;hi(n)(e)})},f=function(t){l({universal:!0,data:t})},d=function(t,n){l({universal:!1,channels:t,data:n})},m=function(t,n){var e=r.filter(t);return Fy(e,n)},g=function(t){return r.getById(t).fold(function(){return mt.error(new Error('Could not find component with uid: "'+t+'" in system.'))},mt.value)},p=function(t){var n=ni(t).getOr("not found");return g(n)};return n(e),{root:e,element:e.element,destroy:function(){t.unbind(),Ir(e.element)},add:a,remove:c,getByUid:g,getByDom:p,addToWorld:n,removeFromWorld:u,broadcast:f,broadcastOn:d,broadcastEvent:m}},Gy=at([ne("prefix","form-field"),Ll("fieldBehaviours",[td,Nl])]),Xy=at([yf({schema:[Ln("dom")],name:"label"}),yf({factory:{sketch:function(t){return{uid:t.uid,dom:{tag:"span",styles:{display:"none"},attributes:{"aria-hidden":"true"},innerHtml:t.text}}}},schema:[Ln("text")],name:"aria-descriptor"}),vf({factory:{sketch:function(t){var n=Kt(t,["factory"]);return t.factory.sketch(n)}},schema:[Ln("factory")],name:"field"})]),Yy=qf({name:"FormField",configFields:Gy(),partFields:Xy(),factory:function(r,t,n,e){var o=Ul(r.fieldBehaviours,[td.config({find:function(t){return Af(t,r,"field")}}),Nl.config({store:{mode:"manual",getValue:function(t){return td.getCurrent(t).bind(Nl.getValue)},setValue:function(t,n){td.getCurrent(t).each(function(t){Nl.setValue(t,n)})}}})]),i=Zo([sr(function(t,n){var o=Ff(t,r,["label","field","aria-descriptor"]);o.field().each(function(e){var n=Kr(r.prefix);o.label().each(function(t){zr(t.element,"for",n),zr(e.element,"id",n)}),o["aria-descriptor"]().each(function(t){var n=Kr(r.prefix);zr(t.element,"id",n),zr(e.element,"aria-describedby",n)})})})]),u={getField:function(t){return Af(t,r,"field")},getLabel:function(t){return Af(t,r,"label")}};return{uid:r.uid,dom:r.dom,components:t,behaviours:o,events:i,apis:u}},apis:{getField:function(t,n){return t.getField(n)},getLabel:function(t,n){return t.getLabel(n)}}}),qy=/* */Object.freeze({__proto__:null,exhibit:function(t,n){return gi({attributes:$t([{key:n.tabAttr,value:"true"}])})}}),Ky=[ne("tabAttr","data-alloy-tabstop")],Jy=ac({fields:Ky,name:"tabstopping",active:qy}),$y=tinymce.util.Tools.resolve("tinymce.html.Entities"),Qy=function(t,n,e,o){var r=Zy(t,n,e,o);return Yy.sketch(r)},Zy=function(t,n,e,o){return{dom:tx(e),components:t.toArray().concat([n]),fieldBehaviours:ic(o)}},tx=function(t){return{tag:"div",classes:["tox-form__group"].concat(t)}},nx=function(t,n){return Yy.parts.label({dom:{tag:"label",classes:["tox-label"],innerHtml:n.translate(t)}})},ex=Kr("form-component-change"),ox=Kr("form-close"),rx=Kr("form-cancel"),ix=Kr("form-action"),ux=Kr("form-submit"),ax=Kr("form-block"),cx=Kr("form-unblock"),sx=Kr("form-tabchange"),lx=Kr("form-resize"),fx=function(u,a){var t,n,e,o=u.label.map(function(t){return nx(t,a)}),r=function(o){return function(n,e){Ju(e.event.target,"[data-collection-item-value]").each(function(t){o(n,e,t,Nr(t,"data-collection-item-value"))})}},i=r(function(t,n,e,o){n.stop(),a.isDisabled()||qo(t,ix,{name:u.name,value:o})}),c=[er(so(),r(function(t,n,e){mc(e)})),er(vo(),i),er(Eo(),i),er(lo(),r(function(t,n,e){Ku(t.element,"."+gh).each(function(t){Bi(t,gh)}),Ei(e,gh)})),er(fo(),r(function(t){Ku(t.element,"."+gh).each(function(t){Bi(t,gh)})})),dr(r(function(t,n,e,o){qo(t,ix,{name:u.name,value:o})}))],s=function(t,n){return V(ms(t.element,".tox-collection__item"),n)},l=Yy.parts.field({dom:{tag:"div",classes:["tox-collection"].concat(1!==u.columns?["tox-collection--grid"]:["tox-collection--list"])},components:[],factory:{sketch:ct},behaviours:ic([gv.config({disabled:a.isDisabled,onDisabled:function(t){s(t,function(t){Ei(t,"tox-collection__item--state-disabled"),zr(t,"aria-disabled",!0)})},onEnabled:function(t){s(t,function(t){Bi(t,"tox-collection__item--state-disabled"),Ur(t,"aria-disabled")})}}),Lv(),fg.config({}),Nl.config({store:{mode:"memory",initialValue:[]},onSetValue:function(o,t){var n,e,r,i;n=o,e=V(t,function(t){var n=tv.translate(t.text),e=1===u.columns?'<div class="tox-collection__item-label">'+n+"</div>":"",o='<div class="tox-collection__item-icon">'+t.icon+"</div>",r={_:" "," - ":" ","-":" "},i=n.replace(/\_| \- |\-/g,function(t){return r[t]});return'<div class="tox-collection__item'+(a.isDisabled()?" tox-collection__item--state-disabled":"")+'" tabindex="-1" data-collection-item-value="'+$y.encodeAllRaw(t.value)+'" title="'+i+'" aria-label="'+i+'">'+o+e+"</div>"}),r="auto"!==u.columns&&1<u.columns?R(e,u.columns):[e],i=V(r,function(t){return'<div class="tox-collection__group">'+t.join("")+"</div>"}),Pr(n.element,i.join("")),"auto"===u.columns&&jh(o,5,"tox-collection__item").each(function(t){var n=t.numRows,e=t.numColumns;ug.setGridSize(o,n,e)}),Yo(o,lx)}}),Jy.config({}),ug.config((n=u.columns,e="normal",1===n?{mode:"menu",moveOnTab:!1,selector:".tox-collection__item"}:"auto"===n?{mode:"flatgrid",selector:".tox-collection__item",initSize:{numColumns:1,numRows:1}}:{mode:"matrix",selectors:{row:"color"===e?".tox-swatches__row":".tox-collection__group",cell:"color"===e?"."+sh:"."+ch}})),dg("collection-events",c)]),eventOrder:((t={})[_o()]=["disabling","alloy.base.behaviour","collection-events"],t)});return Qy(o,l,["tox-form__group--collection"],[])},dx=at([Kn("data"),ne("inputAttributes",{}),ne("inputStyles",{}),ne("tag","input"),ne("inputClasses",[]),ga("onSetValue"),ne("styles",{}),ne("eventOrder",{}),Ll("inputBehaviours",[Nl,vg]),ne("selectOnFocus",!0)]),mx=function(t){return ic([vg.config({onFocus:t.selectOnFocus?function(t){var n=t.element,e=ou(n);n.dom.setSelectionRange(0,e.length)}:$})])},gx=function(t){return{tag:t.tag,attributes:ut({type:"text"},t.inputAttributes),styles:t.inputStyles,classes:t.inputClasses}},px=Yf({name:"Input",configFields:dx(),factory:function(t,n){return{uid:t.uid,dom:gx(t),components:[],behaviours:ut(ut({},mx(e=t)),Ul(e.inputBehaviours,[Nl.config({store:ut(ut({mode:"manual"},e.data.map(function(t){return{initialValue:t}}).getOr({})),{getValue:function(t){return ou(t.element)},setValue:function(t,n){ou(t.element)!==n&&ru(t.element,n)}}),onSetValue:e.onSetValue})])),eventOrder:t.eventOrder};var e}}),hx={},vx={exports:hx};zy=undefined,Ny=hx,Ly=vx,jy=undefined,function(t){"object"==typeof Ny&&void 0!==Ly?Ly.exports=t():"function"==typeof zy&&zy.amd?zy([],t):("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this).EphoxContactWrapper=t()}(function(){return function l(i,u,a){function c(n,t){if(!u[n]){if(!i[n]){var e="function"==typeof jy&&jy;if(!t&&e)return e(n,!0);if(s)return s(n,!0);var o=new Error("Cannot find module '"+n+"'");throw o.code="MODULE_NOT_FOUND",o}var r=u[n]={exports:{}};i[n][0].call(r.exports,function(t){return c(i[n][1][t]||t)},r,r.exports,l,i,u,a)}return u[n].exports}for(var s="function"==typeof jy&&jy,t=0;t<a.length;t++)c(a[t]);return c}({1:[function(t,n,e){var o,r,i=n.exports={};function u(){throw new Error("setTimeout has not been defined")}function a(){throw new Error("clearTimeout has not been defined")}function c(t){if(o===setTimeout)return setTimeout(t,0);if((o===u||!o)&&setTimeout)return o=setTimeout,setTimeout(t,0);try{return o(t,0)}catch(n){try{return o.call(null,t,0)}catch(n){return o.call(this,t,0)}}}!function(){try{o="function"==typeof setTimeout?setTimeout:u}catch(t){o=u}try{r="function"==typeof clearTimeout?clearTimeout:a}catch(t){r=a}}();var s,l=[],f=!1,d=-1;function m(){f&&s&&(f=!1,s.length?l=s.concat(l):d=-1,l.length&&g())}function g(){if(!f){var t=c(m);f=!0;for(var n=l.length;n;){for(s=l,l=[];++d<n;)s&&s[d].run();d=-1,n=l.length}s=null,f=!1,function(t){if(r===clearTimeout)return clearTimeout(t);if((r===a||!r)&&clearTimeout)return r=clearTimeout,clearTimeout(t);try{r(t)}catch(n){try{return r.call(null,t)}catch(n){return r.call(this,t)}}}(t)}}function p(t,n){this.fun=t,this.array=n}function h(){}i.nextTick=function(t){var n=new Array(arguments.length-1);if(1<arguments.length)for(var e=1;e<arguments.length;e++)n[e-1]=arguments[e];l.push(new p(t,n)),1!==l.length||f||c(g)},p.prototype.run=function(){this.fun.apply(null,this.array)},i.title="browser",i.browser=!0,i.env={},i.argv=[],i.version="",i.versions={},i.on=h,i.addListener=h,i.once=h,i.off=h,i.removeListener=h,i.removeAllListeners=h,i.emit=h,i.prependListener=h,i.prependOnceListener=h,i.listeners=function(t){return[]},i.binding=function(t){throw new Error("process.binding is not supported")},i.cwd=function(){return"/"},i.chdir=function(t){throw new Error("process.chdir is not supported")},i.umask=function(){return 0}},{}],2:[function(t,f,n){(function(n){function o(){}function u(t){if("object"!=typeof this)throw new TypeError("Promises must be constructed via new");if("function"!=typeof t)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=undefined,this._deferreds=[],l(t,this)}function r(o,r){for(;3===o._state;)o=o._value;0!==o._state?(o._handled=!0,u._immediateFn(function(){var t,n=1===o._state?r.onFulfilled:r.onRejected;if(null!==n){try{t=n(o._value)}catch(e){return void a(r.promise,e)}i(r.promise,t)}else(1===o._state?i:a)(r.promise,o._value)})):o._deferreds.push(r)}function i(t,n){try{if(n===t)throw new TypeError("A promise cannot be resolved with itself.");if(n&&("object"==typeof n||"function"==typeof n)){var e=n.then;if(n instanceof u)return t._state=3,t._value=n,void c(t);if("function"==typeof e)return void l((o=e,r=n,function(){o.apply(r,arguments)}),t)}t._state=1,t._value=n,c(t)}catch(i){a(t,i)}var o,r}function a(t,n){t._state=2,t._value=n,c(t)}function c(t){2===t._state&&0===t._deferreds.length&&u._immediateFn(function(){t._handled||u._unhandledRejectionFn(t._value)});for(var n=0,e=t._deferreds.length;n<e;n++)r(t,t._deferreds[n]);t._deferreds=null}function s(t,n,e){this.onFulfilled="function"==typeof t?t:null,this.onRejected="function"==typeof n?n:null,this.promise=e}function l(t,n){var e=!1;try{t(function(t){e||(e=!0,i(n,t))},function(t){e||(e=!0,a(n,t))})}catch(o){if(e)return;e=!0,a(n,o)}}var t,e;t=this,e=setTimeout,u.prototype["catch"]=function(t){return this.then(null,t)},u.prototype.then=function(t,n){var e=new this.constructor(o);return r(this,new s(t,n,e)),e},u.all=function(t){var c=Array.prototype.slice.call(t);return new u(function(r,i){if(0===c.length)return r([]);var u=c.length;for(var t=0;t<c.length;t++)!function a(n,t){try{if(t&&("object"==typeof t||"function"==typeof t)){var e=t.then;if("function"==typeof e)return void e.call(t,function(t){a(n,t)},i)}c[n]=t,0==--u&&r(c)}catch(o){i(o)}}(t,c[t])})},u.resolve=function(n){return n&&"object"==typeof n&&n.constructor===u?n:new u(function(t){t(n)})},u.reject=function(e){return new u(function(t,n){n(e)})},u.race=function(r){return new u(function(t,n){for(var e=0,o=r.length;e<o;e++)r[e].then(t,n)})},u._immediateFn="function"==typeof n?function(t){n(t)}:function(t){e(t,0)},u._unhandledRejectionFn=function(t){"undefined"!=typeof console&&console&&console.warn("Possible Unhandled Promise Rejection:",t)},u._setImmediateFn=function(t){u._immediateFn=t},u._setUnhandledRejectionFn=function(t){u._unhandledRejectionFn=t},void 0!==f&&f.exports?f.exports=u:t.Promise||(t.Promise=u)}).call(this,t("timers").setImmediate)},{timers:3}],3:[function(c,t,s){(function(t,n){var o=c("process/browser.js").nextTick,e=Function.prototype.apply,r=Array.prototype.slice,i={},u=0;function a(t,n){this._id=t,this._clearFn=n}s.setTimeout=function(){return new a(e.call(setTimeout,window,arguments),clearTimeout)},s.setInterval=function(){return new a(e.call(setInterval,window,arguments),clearInterval)},s.clearTimeout=s.clearInterval=function(t){t.close()},a.prototype.unref=a.prototype.ref=function(){},a.prototype.close=function(){this._clearFn.call(window,this._id)},s.enroll=function(t,n){clearTimeout(t._idleTimeoutId),t._idleTimeout=n},s.unenroll=function(t){clearTimeout(t._idleTimeoutId),t._idleTimeout=-1},s._unrefActive=s.active=function(t){clearTimeout(t._idleTimeoutId);var n=t._idleTimeout;0<=n&&(t._idleTimeoutId=setTimeout(function(){t._onTimeout&&t._onTimeout()},n))},s.setImmediate="function"==typeof t?t:function(t){var n=u++,e=!(arguments.length<2)&&r.call(arguments,1);return i[n]=!0,o(function(){i[n]&&(e?t.apply(null,e):t.call(null),s.clearImmediate(n))}),n},s.clearImmediate="function"==typeof n?n:function(t){delete i[t]}}).call(this,c("timers").setImmediate,c("timers").clearImmediate)},{"process/browser.js":1,timers:3}],4:[function(t,n,e){var o=t("promise-polyfill"),r="undefined"!=typeof window?window:Function("return this;")();n.exports={boltExport:r.Promise||o}},{"promise-polyfill":2}]},{},[4])(4)});var bx,yx,xx=vx.exports.boltExport,wx=function(t){var e=st.none(),n=[],o=function(t){r()?u(t):n.push(t)},r=function(){return e.isSome()},i=function(t){ft(t,u)},u=function(n){e.each(function(t){setTimeout(function(){n(t)},0)})};return t(function(t){r()||(e=st.some(t),i(n),n=[])}),{get:o,map:function(e){return wx(function(n){o(function(t){n(e(t))})})},isReady:r}},Sx={nu:wx,pure:function(n){return wx(function(t){t(n)})}},kx=function(t){setTimeout(function(){throw t},0)},Cx=function(e){var t=function(t){e().then(t,kx)};return{map:function(t){return Cx(function(){return e().then(t)})},bind:function(n){return Cx(function(){return e().then(function(t){return n(t).toPromise()})})},anonBind:function(t){return Cx(function(){return e().then(function(){return t.toPromise()})})},toLazy:function(){return Sx.nu(t)},toCached:function(){var t=null;return Cx(function(){return null===t&&(t=e()),t})},toPromise:e,get:t}},Ox=function(t){return Cx(function(){return new xx(t)})},_x=function(t){return Cx(function(){return xx.resolve(t)})},Tx=["input","textarea"],Ex=function(t){var n=mr(t);return M(Tx,n)},Dx=function(t,n){var e=n.getRoot(t).getOr(t.element);Bi(e,n.invalidClass),n.notify.each(function(n){Ex(t.element)&&zr(t.element,"aria-invalid",!1),n.getContainer(t).each(function(t){Pr(t,n.validHtml)}),n.onValid(t)})},Bx=function(n,t,e,o){var r=t.getRoot(n).getOr(n.element);Ei(r,t.invalidClass),t.notify.each(function(t){Ex(n.element)&&zr(n.element,"aria-invalid",!0),t.getContainer(n).each(function(t){Pr(t,o)}),t.onInvalid(n,o)})},Ax=function(n,t,e){return t.validator.fold(function(){return _x(mt.value(!0))},function(t){return t.validate(n)})},Mx=function(n,e,t){return e.notify.each(function(t){t.onValidate(n)}),Ax(n,e).map(function(t){return n.getSystem().isConnected()?t.fold(function(t){return Bx(n,e,0,t),mt.error(t)},function(t){return Dx(n,e),mt.value(t)}):mt.error("No longer in system")})},Fx=/* */Object.freeze({__proto__:null,markValid:Dx,markInvalid:Bx,query:Ax,run:Mx,isInvalid:function(t,n){var e=n.getRoot(t).getOr(t.element);return Ai(e,n.invalidClass)}}),Ix=/* */Object.freeze({__proto__:null,events:function(n,t){return n.validator.map(function(t){return Zo([er(t.onEvent,function(t){Mx(t,n).get(ct)})].concat(t.validateOnLoad?[sr(function(t){Mx(t,n).get($)})]:[]))}).getOr({})}}),Rx=[Ln("invalidClass"),ne("getRoot",st.none),te("notify",[ne("aria","alert"),ne("getContainer",st.none),ne("validHtml",""),ga("onValid"),ga("onInvalid"),ga("onValidate")]),te("validator",[Ln("validate"),ne("onEvent","input"),ne("validateOnLoad",!0)])],Vx=ac({fields:Rx,name:"invalidating",active:Ix,apis:Fx,extra:{validation:function(e){return function(t){var n=Nl.getValue(t);return _x(e(n))}}}}),Px=/* */Object.freeze({__proto__:null,getCoupled:function(t,n,e,o){return e.getOrCreate(t,n,o)}}),Hx=[jn("others",On(mt.value,Mn()))],zx=ac({fields:Hx,name:"coupling",apis:Px,state:/* */Object.freeze({__proto__:null,init:function(){var i={},t=at({});return di({readState:t,getOrCreate:function(e,o,r){var t=Ct(o.others);if(t)return Ft(i,r).getOrThunk(function(){var t=Ft(o.others,r).getOrDie("No information found for coupled component: "+r)(e),n=e.getSystem().build(t);return i[r]=n});throw new Error("Cannot find coupled component: "+r+". Known coupled components: "+JSON.stringify(t,null,2))}})}})}),Nx=at("sink"),Lx=at(yf({name:Nx(),overrides:at({dom:{tag:"div"},behaviours:ic([Qs.config({useFixed:b})]),events:Zo([ar(mo()),ar(io()),ar(vo())])})}));(yx=bx=bx||{})[yx.HighlightFirst=0]="HighlightFirst",yx[yx.HighlightNone=1]="HighlightNone";var jx=function(t,n){var e=t.getHotspot(n).getOr(n),o=t.getAnchorOverrides();return t.layouts.fold(function(){return{anchor:"hotspot",hotspot:e,overrides:o}},function(t){return{anchor:"hotspot",hotspot:e,overrides:o,layouts:t}})},Ux=function(t,n,e,o,r,i,u){var a,c,s,l,f,d,m,g,p,h,v=jx(t,e);return(c=v,l=o,f=r,d=u,m=n,g=s=e,p=(0,(a=t).fetch)(g).map(m),h=Yx(s,a),p.map(function(t){return t.bind(function(t){return st.from(Zg.sketch(ut(ut({},f.menu()),{uid:ei(""),data:t,highlightImmediately:d===bx.HighlightFirst,onOpenMenu:function(t,n){var e=h().getOrDie();Qs.position(e,c,n),xl.decloak(l)},onOpenSubmenu:function(t,n,e){var o=h().getOrDie();Qs.position(o,{anchor:"submenu",item:n},e),xl.decloak(l)},onRepositionMenu:function(t,n,e){var o=h().getOrDie();Qs.position(o,c,n),ft(e,function(t){Qs.position(o,{anchor:"submenu",item:t.triggeringItem},t.triggeredMenu)})},onEscape:function(){return vg.focus(s),xl.close(l),st.some(!0)}})))})})).map(function(t){return t.fold(function(){xl.isOpen(o)&&xl.close(o)},function(t){xl.cloak(o),xl.open(o,t),i(o)}),o})},Wx=function(t,n,e,o,r,i,u){return xl.close(o),_x(o)},Gx=function(t,n,e,o,r,i){var u=zx.getCoupled(e,"sandbox");return(xl.isOpen(u)?Wx:Ux)(t,n,e,u,o,r,i)},Xx=function(t,n,e){var o,r,i=td.getCurrent(n).getOr(n),u=_u(t.element);e?qi(i.element,"min-width",u+"px"):(o=i.element,r=u,Ou.set(o,r))},Yx=function(n,t){return n.getSystem().getByUid(t.uid+"-"+Nx()).map(function(t){return function(){return mt.value(t)}}).getOrThunk(function(){return t.lazySink.fold(function(){return function(){return mt.error(new Error("No internal sink is specified, nor could an external sink be found"))}},function(t){return function(){return t(n)}})})},qx=function(t){xl.getState(t).each(function(t){Zg.repositionMenus(t)})},Kx=function(o,r,i){var u=$u(),t=Yx(r,o);return{dom:{tag:"div",classes:o.sandboxClasses,attributes:{id:u.id,role:"listbox"}},behaviours:Gl(o.sandboxBehaviours,[Nl.config({store:{mode:"memory",initialValue:r}}),xl.config({onOpen:function(t,n){var e=jx(o,r);u.link(r.element),o.matchWidth&&Xx(e.hotspot,n,o.useMinWidth),o.onOpen(e,t,n),i!==undefined&&i.onOpen!==undefined&&i.onOpen(t,n)},onClose:function(t,n){u.unlink(r.element),i!==undefined&&i.onClose!==undefined&&i.onClose(t,n)},isPartOf:function(t,n,e){return Zu(n,e)||Zu(r,e)},getAttachPoint:function(){return t().getOrDie()}}),td.config({find:function(t){return xl.getState(t).bind(function(t){return td.getCurrent(t)})}}),fc.config({channels:ut(ut({},Ol({isExtraPart:c})),Tl({doReposition:qx}))})])}},Jx=function(t){var n=zx.getCoupled(t,"sandbox");qx(n)},$x=function(){return[ne("sandboxClasses",[]),Wl("sandboxBehaviours",[td,fc,xl,Nl])]},Qx=at([Ln("dom"),Ln("fetch"),ga("onOpen"),pa("onExecute"),ne("getHotspot",st.some),ne("getAnchorOverrides",at({})),Wc(),Ll("dropdownBehaviours",[Dg,zx,ug,vg]),Ln("toggleClass"),ne("eventOrder",{}),Kn("lazySink"),ne("matchWidth",!1),ne("useMinWidth",!1),Kn("role")].concat($x())),Zx=at([bf({schema:[fa()],name:"menu",defaults:function(t){return{onExecute:t.onExecute}}}),Lx()]),tw=qf({name:"Dropdown",configFields:Qx(),partFields:Zx(),factory:function(n,t,e,o){var r,i,u=function(t){xl.getState(t).each(function(t){Zg.highlightPrimary(t)})},a={expand:function(t){Dg.isOn(t)||Gx(n,function(t){return t},t,o,$,bx.HighlightNone).get($)},open:function(t){Dg.isOn(t)||Gx(n,function(t){return t},t,o,$,bx.HighlightFirst).get($)},isOpen:Dg.isOn,close:function(t){Dg.isOn(t)&&Gx(n,function(t){return t},t,o,$,bx.HighlightFirst).get($)},repositionMenus:function(t){Dg.isOn(t)&&Jx(t)}},c=function(t,n){return Ko(t),st.some(!0)};return{uid:n.uid,dom:n.dom,components:t,behaviours:Ul(n.dropdownBehaviours,[Dg.config({toggleClass:n.toggleClass,aria:{mode:"expanded"}}),zx.config({others:{sandbox:function(t){return Kx(n,t,{onOpen:function(){Dg.on(t)},onClose:function(){Dg.off(t)}})}}}),ug.config({mode:"special",onSpace:c,onEnter:c,onDown:function(t,n){var e;return tw.isOpen(t)?(e=zx.getCoupled(t,"sandbox"),u(e)):tw.open(t),st.some(!0)},onEscape:function(t,n){return tw.isOpen(t)?(tw.close(t),st.some(!0)):st.none()}}),vg.config({})]),events:Ag(st.some(function(t){Gx(n,function(t){return t},t,o,u,bx.HighlightFirst).get($)})),eventOrder:ut(ut({},n.eventOrder),((r={})[_o()]=["disabling","toggling","alloy.base.behaviour"],r)),apis:a,domModification:{attributes:ut(ut({"aria-haspopup":"true"},n.role.fold(function(){return{}},function(t){return{role:t}})),"button"===n.dom.tag?{type:(i="type",Ft(n.dom,"attributes").bind(function(t){return Ft(t,i)}).getOr("button"))}:{})}}},apis:{open:function(t,n){return t.open(n)},expand:function(t,n){return t.expand(n)},close:function(t,n){return t.close(n)},isOpen:function(t,n){return t.isOpen(n)},repositionMenus:function(t,n){return t.repositionMenus(n)}}}),nw=ac({fields:[],name:"unselecting",active:/* */Object.freeze({__proto__:null,events:function(){return Zo([tr(yo(),b)])},exhibit:function(){return gi({styles:{"-webkit-user-select":"none","user-select":"none","-ms-user-select":"none","-moz-user-select":"-moz-none"},attributes:{unselectable:"on"}})}})}),ew=Kr("color-input-change"),ow=Kr("color-swatch-change"),rw=Kr("color-picker-cancel"),iw=function(e,n,o){var r,i,t=Yy.parts.field({factory:px,inputClasses:["tox-textfield"],onSetValue:function(t){return Vx.run(t).get(function(){})},inputBehaviours:ic([gv.config({disabled:n.providers.isDisabled}),Lv(),Jy.config({}),Vx.config({invalidClass:"tox-textbox-field-invalid",getRoot:function(t){return kr(t.element)},notify:{onValid:function(t){var n=Nl.getValue(t);qo(t,ew,{color:n})}},validator:{validateOnLoad:!1,validate:function(t){var n=Nl.getValue(t);if(0===n.length)return _x(mt.value(!0));var e=me.fromTag("span");qi(e,"background-color",n);var o=Zi(e,"background-color").fold(function(){return mt.error("blah")},function(t){return mt.value(n)});return _x(o)}}})]),selectOnFocus:!1}),u=e.label.map(function(t){return nx(t,n.providers)}),a=function(t,n){qo(t,ow,{value:n})},c=gp((r={dom:{tag:"span",attributes:{"aria-label":n.providers.translate("Color swatch")}},layouts:{onRtl:function(){return[za,Ha,Ua]},onLtr:function(){return[Ha,za,Ua]}},components:[],fetch:Gb(o.getColors(),o.hasCustomColors()),columns:o.getColorCols(),presets:"color",onItemAction:function(t,e){c.getOpt(t).each(function(n){"custom"===e?o.colorPicker(function(t){t.fold(function(){return Yo(n,rw)},function(t){a(n,t),Nb(t)})},"#ffffff"):a(n,"remove"===e?"":e)})}},i=n,tw.sketch({dom:r.dom,components:r.components,toggleClass:"mce-active",dropdownBehaviours:ic([Uv(i.providers.isDisabled),Lv(),nw.config({}),Jy.config({})]),layouts:r.layouts,sandboxClasses:["tox-dialog__popups"],lazySink:i.getSink,fetch:function(n){return Ox(function(t){return r.fetch(t)}).map(function(t){return st.from(hy(zt(Jb(Kr("menu-value"),t,function(t){r.onItemAction(n,t)},r.columns,r.presets,uh.CLOSE_ON_EXECUTE,function(){return!1},i.providers),{movement:Qb(r.columns,r.presets)})))})},parts:{menu:wh(0,0,r.presets)}})));return Yy.sketch({dom:{tag:"div",classes:["tox-form__group"]},components:u.toArray().concat([{dom:{tag:"div",classes:["tox-color-input"]},components:[t,c.asSpec()]}]),fieldBehaviours:ic([dg("form-field-events",[er(ew,function(t,n){c.getOpt(t).each(function(t){qi(t.element,"background-color",n.event.color)}),qo(t,ex,{name:e.name})}),er(ow,function(n,e){Yy.getField(n).each(function(t){Nl.setValue(t,e.event.value),td.getCurrent(n).each(vg.focus)})}),er(rw,function(n,t){Yy.getField(n).each(function(t){td.getCurrent(n).each(vg.focus)})})])])})},uw=function(t,n,e){return{hue:t,saturation:n,value:e}},aw=Kr("rgb-hex-update"),cw=Kr("slider-update"),sw=Kr("palette-update"),lw=yf({schema:[Ln("dom")],name:"label"}),fw=function(n){return yf({name:n+"-edge",overrides:function(t){return t.model.manager.edgeActions[n].fold(function(){return{}},function(o){return{events:Zo([or(no(),function(t,n,e){return o(t,e)},[t]),or(io(),function(t,n,e){return o(t,e)},[t]),or(uo(),function(t,n,e){e.mouseIsDown.get()&&o(t,e)},[t])])}})}})},dw=fw("top-left"),mw=fw("top"),gw=fw("top-right"),pw=fw("right"),hw=fw("bottom-right"),vw=fw("bottom"),bw=fw("bottom-left"),yw=[lw,fw("left"),pw,mw,vw,dw,gw,bw,hw,vf({name:"thumb",defaults:at({dom:{styles:{position:"absolute"}}}),overrides:function(t){return{events:Zo([ir(no(),t,"spectrum"),ir(eo(),t,"spectrum"),ir(oo(),t,"spectrum"),ir(io(),t,"spectrum"),ir(uo(),t,"spectrum"),ir(co(),t,"spectrum")])}}}),vf({schema:[le("mouseIsDown",function(){return fe(!1)})],name:"spectrum",overrides:function(e){var o=e.model.manager,r=function(n,t){return o.getValueFromEvent(t).map(function(t){return o.setValueFrom(n,e,t)})};return{behaviours:ic([ug.config({mode:"special",onLeft:function(t){return o.onLeft(t,e)},onRight:function(t){return o.onRight(t,e)},onUp:function(t){return o.onUp(t,e)},onDown:function(t){return o.onDown(t,e)}}),vg.config({})]),events:Zo([er(no(),r),er(eo(),r),er(io(),r),er(uo(),function(t,n){e.mouseIsDown.get()&&r(t,n)})])}}})],xw=at("slider.change.value"),ww=function(t){var n=t.event.raw;return-1===n.type.indexOf("touch")?n.clientX!==undefined?st.some(n).map(function(t){return wu(t.clientX,t.clientY)}):st.none():n.touches!==undefined&&1===n.touches.length?st.some(n.touches[0]).map(function(t){return wu(t.clientX,t.clientY)}):st.none()},Sw=function(t){return t.model.minX},kw=function(t){return t.model.minY},Cw=function(t){return t.model.minX-1},Ow=function(t){return t.model.minY-1},_w=function(t){return t.model.maxX},Tw=function(t){return t.model.maxY},Ew=function(t){return t.model.maxX+1},Dw=function(t){return t.model.maxY+1},Bw=function(t,n,e){return n(t)-e(t)},Aw=function(t){return Bw(t,_w,Sw)},Mw=function(t){return Bw(t,Tw,kw)},Fw=function(t){return Aw(t)/2},Iw=function(t){return Mw(t)/2},Rw=function(t){return t.stepSize},Vw=function(t){return t.snapToGrid},Pw=function(t){return t.snapStart},Hw=function(t){return t.rounded},zw=function(t,n){return t[n+"-edge"]!==undefined},Nw=function(t){return zw(t,"left")},Lw=function(t){return zw(t,"right")},jw=function(t){return zw(t,"top")},Uw=function(t){return zw(t,"bottom")},Ww=function(t){return t.model.value.get()},Gw=function(t){return{x:t}},Xw=function(t){return{y:t}},Yw=function(t,n){return{x:t,y:n}},qw=function(t,n){qo(t,xw(),{value:n})},Kw=function(t,n,e,o){return t<n?t:e<t?e:t===n?n-1:Math.max(n,t-o)},Jw=function(t,n,e,o){return e<t?t:t<n?n:t===e?e+1:Math.min(e,t+o)},$w=function(t,n,e){return Math.max(n,Math.min(e,t))},Qw=function(t){var n=t.min,e=t.max,o=t.range,r=t.value,i=t.step,u=t.snap,a=t.snapStart,c=t.rounded,s=t.hasMinEdge,l=t.hasMaxEdge,f=t.minBound,d=t.maxBound,m=t.screenRange,g=s?n-1:n,p=l?e+1:e;if(r<f)return g;if(d<r)return p;var h,v,b,y,x,w,S,k=(x=r,w=f,S=d,Math.min(S,Math.max(x,w))-w),C=$w(k/m*o+n,g,p);return u&&n<=C&&C<=e?(h=C,v=n,b=e,y=i,a.fold(function(){var t=h-v,n=Math.round(t/y)*y;return $w(v+n,v-1,b+1)},function(t){var n=(h-t)%y,e=Math.round(n/y),o=Math.floor((h-t)/y),r=Math.floor((b-t)/y),i=t+Math.min(r,o+e)*y;return Math.max(t,i)})):c?Math.round(C):C},Zw=function(t){var n=t.min,e=t.max,o=t.range,r=t.value,i=t.hasMinEdge,u=t.hasMaxEdge,a=t.maxBound,c=t.maxOffset,s=t.centerMinEdge,l=t.centerMaxEdge;return r<n?i?0:s:e<r?u?a:l:(r-n)/o*c},tS="left",nS=function(t){return t.element.dom.getBoundingClientRect()},eS=function(t,n){return t[n]},oS=function(t){var n=nS(t);return eS(n,tS)},rS=function(t){var n=nS(t);return eS(n,"right")},iS=function(t){var n=nS(t);return eS(n,"top")},uS=function(t){var n=nS(t);return eS(n,"bottom")},aS=function(t){var n=nS(t);return eS(n,"width")},cS=function(t){var n=nS(t);return eS(n,"height")},sS=function(t,n,e){return(t+n)/2-e},lS=function(t,n){var e=nS(t),o=nS(n),r=eS(e,tS),i=eS(e,"right"),u=eS(o,tS);return sS(r,i,u)},fS=function(t,n){var e=nS(t),o=nS(n),r=eS(e,"top"),i=eS(e,"bottom"),u=eS(o,"top");return sS(r,i,u)},dS=function(t,n){qo(t,xw(),{value:n})},mS=function(t){return{x:t}},gS=function(t,n,e){var o={min:Sw(n),max:_w(n),range:Aw(n),value:e,step:Rw(n),snap:Vw(n),snapStart:Pw(n),rounded:Hw(n),hasMinEdge:Nw(n),hasMaxEdge:Lw(n),minBound:oS(t),maxBound:rS(t),screenRange:aS(t)};return Qw(o)},pS=function(i){return function(t,n){return e=t,r=(0<i?Jw:Kw)(Ww(o=n).x,Sw(o),_w(o),Rw(o)),dS(e,mS(r)),st.some(r).map(function(){return!0});var e,o,r}},hS=function(t,n,e,o,r,i){var u,a,c,s,l,f,d,m,g,p=(a=i,c=e,s=o,l=r,f=aS(u=n),d=s.bind(function(t){return st.some(lS(t,u))}).getOr(0),m=l.bind(function(t){return st.some(lS(t,u))}).getOr(f),g={min:Sw(a),max:_w(a),range:Aw(a),value:c,hasMinEdge:Nw(a),hasMaxEdge:Lw(a),minBound:oS(u),minOffset:0,maxBound:rS(u),maxOffset:f,centerMinEdge:d,centerMaxEdge:m},Zw(g));return oS(n)-oS(t)+p},vS=pS(-1),bS=pS(1),yS=st.none,xS=st.none,wS={"top-left":st.none(),top:st.none(),"top-right":st.none(),right:st.some(function(t,n){qw(t,Gw(Ew(n)))}),"bottom-right":st.none(),bottom:st.none(),"bottom-left":st.none(),left:st.some(function(t,n){qw(t,Gw(Cw(n)))})},SS=/* */Object.freeze({__proto__:null,setValueFrom:function(t,n,e){var o=gS(t,n,e),r=mS(o);return dS(t,r),o},setToMin:function(t,n){var e=Sw(n);dS(t,mS(e))},setToMax:function(t,n){var e=_w(n);dS(t,mS(e))},findValueOfOffset:gS,getValueFromEvent:function(t){return ww(t).map(function(t){return t.left})},findPositionOfValue:hS,setPositionFromValue:function(t,n,e,o){var r=Ww(e),i=hS(t,o.getSpectrum(t),r.x,o.getLeftEdge(t),o.getRightEdge(t),e),u=_u(n.element)/2;qi(n.element,"left",i-u+"px")},onLeft:vS,onRight:bS,onUp:yS,onDown:xS,edgeActions:wS}),kS=function(t,n){qo(t,xw(),{value:n})},CS=function(t){return{y:t}},OS=function(t,n,e){var o={min:kw(n),max:Tw(n),range:Mw(n),value:e,step:Rw(n),snap:Vw(n),snapStart:Pw(n),rounded:Hw(n),hasMinEdge:jw(n),hasMaxEdge:Uw(n),minBound:iS(t),maxBound:uS(t),screenRange:cS(t)};return Qw(o)},_S=function(i){return function(t,n){return e=t,r=(0<i?Jw:Kw)(Ww(o=n).y,kw(o),Tw(o),Rw(o)),kS(e,CS(r)),st.some(r).map(function(){return!0});var e,o,r}},TS=function(t,n,e,o,r,i){var u,a,c,s,l,f,d,m,g,p=(a=i,c=e,s=o,l=r,f=cS(u=n),d=s.bind(function(t){return st.some(fS(t,u))}).getOr(0),m=l.bind(function(t){return st.some(fS(t,u))}).getOr(f),g={min:kw(a),max:Tw(a),range:Mw(a),value:c,hasMinEdge:jw(a),hasMaxEdge:Uw(a),minBound:iS(u),minOffset:0,maxBound:uS(u),maxOffset:f,centerMinEdge:d,centerMaxEdge:m},Zw(g));return iS(n)-iS(t)+p},ES=st.none,DS=st.none,BS=_S(-1),AS=_S(1),MS={"top-left":st.none(),top:st.some(function(t,n){qw(t,Xw(Ow(n)))}),"top-right":st.none(),right:st.none(),"bottom-right":st.none(),bottom:st.some(function(t,n){qw(t,Xw(Dw(n)))}),"bottom-left":st.none(),left:st.none()},FS=/* */Object.freeze({__proto__:null,setValueFrom:function(t,n,e){var o=OS(t,n,e),r=CS(o);return kS(t,r),o},setToMin:function(t,n){var e=kw(n);kS(t,CS(e))},setToMax:function(t,n){var e=Tw(n);kS(t,CS(e))},findValueOfOffset:OS,getValueFromEvent:function(t){return ww(t).map(function(t){return t.top})},findPositionOfValue:TS,setPositionFromValue:function(t,n,e,o){var r=Ww(e),i=TS(t,o.getSpectrum(t),r.y,o.getTopEdge(t),o.getBottomEdge(t),e),u=bu(n.element)/2;qi(n.element,"top",i-u+"px")},onLeft:ES,onRight:DS,onUp:BS,onDown:AS,edgeActions:MS}),IS=function(t,n){qo(t,xw(),{value:n})},RS=function(t,n){return{x:t,y:n}},VS=function(c,s){return function(t,n){return o=t,r=n,i=0<c?Jw:Kw,u=(e=s)?Ww(r).x:i(Ww(r).x,Sw(r),_w(r),Rw(r)),a=e?i(Ww(r).y,kw(r),Tw(r),Rw(r)):Ww(r).y,IS(o,RS(u,a)),st.some(u).map(function(){return!0});var e,o,r,i,u,a}},PS=ww,HS=VS(-1,!1),zS=VS(1,!1),NS=VS(-1,!0),LS=VS(1,!0),jS={"top-left":st.some(function(t,n){qw(t,Yw(Cw(n),Ow(n)))}),top:st.some(function(t,n){qw(t,Yw(Fw(n),Ow(n)))}),"top-right":st.some(function(t,n){qw(t,Yw(Ew(n),Ow(n)))}),right:st.some(function(t,n){qw(t,Yw(Ew(n),Iw(n)))}),"bottom-right":st.some(function(t,n){qw(t,Yw(Ew(n),Dw(n)))}),bottom:st.some(function(t,n){qw(t,Yw(Fw(n),Dw(n)))}),"bottom-left":st.some(function(t,n){qw(t,Yw(Cw(n),Dw(n)))}),left:st.some(function(t,n){qw(t,Yw(Cw(n),Iw(n)))})},US=/* */Object.freeze({__proto__:null,setValueFrom:function(t,n,e){var o=gS(t,n,e.left),r=OS(t,n,e.top),i=RS(o,r);return IS(t,i),i},setToMin:function(t,n){var e=Sw(n),o=kw(n);IS(t,RS(e,o))},setToMax:function(t,n){var e=_w(n),o=Tw(n);IS(t,RS(e,o))},getValueFromEvent:PS,setPositionFromValue:function(t,n,e,o){var r=Ww(e),i=hS(t,o.getSpectrum(t),r.x,o.getLeftEdge(t),o.getRightEdge(t),e),u=TS(t,o.getSpectrum(t),r.y,o.getTopEdge(t),o.getBottomEdge(t),e),a=_u(n.element)/2,c=bu(n.element)/2;qi(n.element,"left",i-a+"px"),qi(n.element,"top",u-c+"px")},onLeft:HS,onRight:zS,onUp:NS,onDown:LS,edgeActions:jS}),WS=qf({name:"Slider",configFields:[ne("stepSize",1),ne("onChange",$),ne("onChoose",$),ne("onInit",$),ne("onDragStart",$),ne("onDragEnd",$),ne("snapToGrid",!1),ne("rounded",!0),Kn("snapStart"),jn("model",An("mode",{x:[ne("minX",0),ne("maxX",100),le("value",function(t){return fe(t.mode.minX)}),Ln("getInitialValue"),ba("manager",SS)],y:[ne("minY",0),ne("maxY",100),le("value",function(t){return fe(t.mode.minY)}),Ln("getInitialValue"),ba("manager",FS)],xy:[ne("minX",0),ne("maxX",100),ne("minY",0),ne("maxY",100),le("value",function(t){return fe({x:t.mode.minX,y:t.mode.minY})}),Ln("getInitialValue"),ba("manager",US)]})),Ll("sliderBehaviours",[ug,Nl]),le("mouseIsDown",function(){return fe(!1)})],partFields:yw,factory:function(i,t,n,e){var o,u=function(t){return Mf(t,i,"thumb")},a=function(t){return Mf(t,i,"spectrum")},r=function(t){return Af(t,i,"left-edge")},c=function(t){return Af(t,i,"right-edge")},s=function(t){return Af(t,i,"top-edge")},l=function(t){return Af(t,i,"bottom-edge")},f=i.model,d=f.manager,m=function(t,n){d.setPositionFromValue(t,n,i,{getLeftEdge:r,getRightEdge:c,getTopEdge:s,getBottomEdge:l,getSpectrum:a})},g=function(t,n){f.value.set(n);var e=u(t);return m(t,e),i.onChange(t,e,n),st.some(!0)},p=function(e){var t=i.mouseIsDown.get();i.mouseIsDown.set(!1),t&&Af(e,i,"thumb").each(function(t){var n=f.value.get();i.onChoose(e,t,n)})},h=function(t,n){n.stop(),i.mouseIsDown.set(!0),i.onDragStart(t,u(t))},v=function(t,n){n.stop(),i.onDragEnd(t,u(t)),p(t)};return{uid:i.uid,dom:i.dom,components:t,behaviours:Ul(i.sliderBehaviours,[ug.config({mode:"special",focusIn:function(t){return Af(t,i,"spectrum").map(ug.focusIn).map(b)}}),Nl.config({store:{mode:"manual",getValue:function(t){return f.value.get()}}}),fc.config({channels:((o={})[kl()]={onReceive:p},o)})]),events:Zo([er(xw(),function(t,n){g(t,n.event.value)}),sr(function(t,n){var e=f.getInitialValue();f.value.set(e);var o=u(t);m(t,o);var r=a(t);i.onInit(t,o,r,f.value.get())}),er(no(),h),er(oo(),v),er(io(),h),er(co(),v)]),apis:{resetToMin:function(t){d.setToMin(t,i)},resetToMax:function(t){d.setToMax(t,i)},changeValue:g,refresh:m},domModification:{styles:{position:"relative"}}}},apis:{resetToMin:function(t,n){t.resetToMin(n)},resetToMax:function(t,n){t.resetToMax(n)},refresh:function(t,n){t.refresh(n)}}}),GS=[Ll("formBehaviours",[Nl])],XS=function(t){return"<alloy.field."+t+">"},YS=function(o,t){return{uid:o.uid,dom:o.dom,components:t,behaviours:Ul(o.formBehaviours,[Nl.config({store:{mode:"manual",getValue:function(t){var n=If(t,o);return Tt(n,function(t,r){return t().bind(function(t){var n,e,o=td.getCurrent(t);return n=o,e=new Error("Cannot find a current component to extract the value from for form part '"+r+"': "+Gr(t.element)),n.fold(function(){return mt.error(e)},mt.value)}).map(Nl.getValue)})},setValue:function(e,t){_t(t,function(n,t){Af(e,o,t).each(function(t){td.getCurrent(t).each(function(t){Nl.setValue(t,n)})})})}}})]),apis:{getField:function(t,n){return Af(t,o,n).bind(td.getCurrent)}}}},qS={getField:li(function(t,n,e){return t.getField(n,e)}),sketch:function(t){var e,n=(e=[],{field:function(t,n){return e.push(t),_f("form",XS(t),n)},record:function(){return e}}),o=t(n),r=n.record(),i=V(r,function(t){return vf({name:t,pname:XS(t)})});return Lf("form",GS,i,YS,o)}},KS=Kr("valid-input"),JS=Kr("invalid-input"),$S=Kr("validating-input"),QS="colorcustom.rgb.",ZS=function(d,m,g,p){var h=function(t,n,e,o,r){var i,u,a=d(QS+"range"),c=[Yy.parts.label({dom:{tag:"label",innerHtml:e,attributes:{"aria-label":o}}}),Yy.parts.field({data:r,factory:px,inputAttributes:ut({type:"text"},"hex"===n?{"aria-live":"polite"}:{}),inputClasses:[m("textfield")],inputBehaviours:ic([(i=n,u=t,Vx.config({invalidClass:m("invalid"),notify:{onValidate:function(t){qo(t,$S,{type:i})},onValid:function(t){qo(t,KS,{type:i,value:Nl.getValue(t)})},onInvalid:function(t){qo(t,JS,{type:i,value:Nl.getValue(t)})}},validator:{validate:function(t){var n=Nl.getValue(t),e=u(n)?mt.value(!0):mt.error(d("aria.input.invalid"));return _x(e)},validateOnLoad:!1}})),Jy.config({})]),onSetValue:function(t){Vx.isInvalid(t)&&Vx.run(t).get($)}})],s="hex"!==n?[Yy.parts["aria-descriptor"]({text:a})]:[];return{dom:{tag:"div",attributes:{role:"presentation"}},components:c.concat(s)}},v=function(t,n){var e=n.red,o=n.green,r=n.blue;Nl.setValue(t,{red:e,green:o,blue:r})},b=gp({dom:{tag:"div",classes:[m("rgba-preview")],styles:{"background-color":"white"},attributes:{role:"presentation"}}}),y=function(t,n){b.getOpt(t).each(function(t){qi(t.element,"background-color","#"+n.value)})};return Yf({factory:function(){var e={red:fe(st.some(255)),green:fe(st.some(255)),blue:fe(st.some(255)),hex:fe(st.some("ffffff"))},o=function(t){return e[t].get()},i=function(t,n){e[t].set(n)},r=function(t){var n=t.red,e=t.green,o=t.blue;i("red",st.some(n)),i("green",st.some(e)),i("blue",st.some(o))},n=function(t,n){var e=n.event;"hex"!==e.type?i(e.type,st.none()):p(t)},u=function(r,t,n){var e=parseInt(n,10);i(t,st.some(e)),o("red").bind(function(e){return o("green").bind(function(n){return o("blue").map(function(t){return Ob(e,n,t,1)})})}).each(function(t){var n,e,o=(n=r,e=yb(t),qS.getField(n,"hex").each(function(t){vg.isFocused(t)||Nl.setValue(n,{hex:e.value})}),e);y(r,o)})},a=function(t,n){var e=n.event;"hex"===e.type?function(t,n){g(t);var e=mb(n);i("hex",st.some(n));var o=Eb(e);v(t,o),r(o),qo(t,aw,{hex:e}),y(t,e)}(t,e.value):u(t,e.type,e.value)},t=function(t){return{label:d(QS+t+".label"),description:d(QS+t+".description")}},c=t("red"),s=t("green"),l=t("blue"),f=t("hex");return zt(qS.sketch(function(t){return{dom:{tag:"form",classes:[m("rgb-form")],attributes:{"aria-label":d("aria.color.picker")}},components:[t.field("red",Yy.sketch(h(_b,"red",c.label,c.description,255))),t.field("green",Yy.sketch(h(_b,"green",s.label,s.description,255))),t.field("blue",Yy.sketch(h(_b,"blue",l.label,l.description,255))),t.field("hex",Yy.sketch(h(hb,"hex",f.label,f.description,"ffffff"))),b.asSpec()],formBehaviours:ic([Vx.config({invalidClass:m("form-invalid")}),dg("rgb-form-events",[er(KS,a),er(JS,n),er($S,n)])])}}),{apis:{updateHex:function(t,n){var e,o;Nl.setValue(t,{hex:n.value}),e=t,o=Eb(n),v(e,o),r(o),y(t,n)}}})},name:"RgbForm",configFields:[],apis:{updateHex:function(t,n,e){t.updateHex(n,e)}},extraApis:{}})},tk=function(t,o){var r=WS.parts.spectrum({dom:{tag:"canvas",attributes:{role:"presentation"},classes:[o("sv-palette-spectrum")]}}),i=WS.parts.thumb({dom:{tag:"div",attributes:{role:"presentation"},classes:[o("sv-palette-thumb")],innerHtml:"<div class="+o("sv-palette-inner-thumb")+' role="presentation"></div>'}}),u=function(t,n){var e,o,r=t.width,i=t.height,u=t.getContext("2d");null!==u&&(u.fillStyle=n,u.fillRect(0,0,r,i),(e=u.createLinearGradient(0,0,r,0)).addColorStop(0,"rgba(255,255,255,1)"),e.addColorStop(1,"rgba(255,255,255,0)"),u.fillStyle=e,u.fillRect(0,0,r,i),(o=u.createLinearGradient(0,0,0,i)).addColorStop(0,"rgba(0,0,0,0)"),o.addColorStop(1,"rgba(0,0,0,1)"),u.fillStyle=o,u.fillRect(0,0,r,i))};return Yf({factory:function(t){var n=at({x:0,y:0}),e=ic([td.config({find:st.some}),vg.config({})]);return WS.sketch({dom:{tag:"div",attributes:{role:"presentation"},classes:[o("sv-palette")]},model:{mode:"xy",getInitialValue:n},rounded:!1,components:[r,i],onChange:function(t,n,e){qo(t,sw,{value:e})},onInit:function(t,n,e,o){u(e.element.dom,Bb(Ab))},sliderBehaviours:e})},name:"SaturationBrightnessPalette",configFields:[],apis:{setRgba:function(t,n,e){var o,r;o=e,r=n.components()[0].element.dom,u(r,Bb(o))}},extraApis:{}})},nk=function(f,d){return Yf({name:"ColourPicker",configFields:[Ln("dom"),ne("onValidHex",$),ne("onInvalidHex",$)],factory:function(t){var a,v,n,e,o,r=ZS(f,d,t.onValidHex,t.onInvalidHex),i=tk(0,d),b={paletteRgba:fe(Ab)},u=gp(i.sketch({})),c=gp(r.sketch({})),s=function(t,e){u.getOpt(t).each(function(t){var n=Eb(e);b.paletteRgba.set(n),i.setRgba(t,n)})},l=function(t,n){c.getOpt(t).each(function(t){r.updateHex(t,n)})},y=function(n,e,t){ft(t,function(t){t(n,e)})};return{uid:t.uid,dom:t.dom,components:[u.asSpec(),(n=d,e=WS.parts.spectrum({dom:{tag:"div",classes:[n("hue-slider-spectrum")],attributes:{role:"presentation"}}}),o=WS.parts.thumb({dom:{tag:"div",classes:[n("hue-slider-thumb")],attributes:{role:"presentation"}}}),WS.sketch({dom:{tag:"div",classes:[n("hue-slider")],attributes:{role:"presentation"}},rounded:!1,model:{mode:"y",getInitialValue:at({y:0})},components:[e,o],sliderBehaviours:ic([vg.config({})]),onChange:function(t,n,e){qo(t,cw,{value:e})}})),c.asSpec()],behaviours:ic([dg("colour-picker-events",[er(sw,(v=[l],function(t,n){var e,o,r,i,u,a,c,s,l,f=n.event.value,d=b.paletteRgba.get(),m=(i=r=0,u=(e=d).red/255,a=e.green/255,c=e.blue/255,s=Math.min(u,Math.min(a,c)),l=Math.max(u,Math.max(a,c)),s===l?uw(0,0,100*(i=s)):(r=60*((r=u===s?3:c===s?1:5)-(u===s?a-c:c===s?u-a:c-u)/(l-s)),o=(l-s)/l,i=l,uw(Math.round(r),Math.round(100*o),Math.round(100*i)))),g=uw(m.hue,f.x,100-f.y),p=Tb(g),h=yb(p);y(t,h,v)})),er(cw,(a=[s,l],function(t,n){var e,o,r,i=n.event.value,u=(e=i.y,o=uw((100-e)/100*360,100,100),r=Tb(o),yb(r));y(t,u,a)}))]),td.config({find:function(t){return c.getOpt(t)}}),ug.config({mode:"acyclic"})])}}})},ek=function(){return td.config({find:st.some})},ok=function(t){return td.config({find:t.getOpt})},rk=function(t){return td.config({find:function(n){return Tr(n.element,t).bind(function(t){return n.getSystem().getByDom(t).toOptional()})}})},ik={"colorcustom.rgb.red.label":"R","colorcustom.rgb.red.description":"Red component","colorcustom.rgb.green.label":"G","colorcustom.rgb.green.description":"Green component","colorcustom.rgb.blue.label":"B","colorcustom.rgb.blue.description":"Blue component","colorcustom.rgb.hex.label":"#","colorcustom.rgb.hex.description":"Hex color code","colorcustom.rgb.range":"Range 0 to 255","colorcustom.sb.saturation":"Saturation","colorcustom.sb.brightness":"Brightness","colorcustom.sb.picker":"Saturation and Brightness Picker","colorcustom.sb.palette":"Saturation and Brightness Palette","colorcustom.sb.instructions":"Use arrow keys to select saturation and brightness, on x and y axes","colorcustom.hue.hue":"Hue","colorcustom.hue.slider":"Hue Slider","colorcustom.hue.palette":"Hue Palette","colorcustom.hue.instructions":"Use arrow keys to select a hue","aria.color.picker":"Color Picker","aria.input.invalid":"Invalid input"},uk=function(t){return ik[t]},ak=tinymce.util.Tools.resolve("tinymce.Resource"),ck=tinymce.util.Tools.resolve("tinymce.util.Tools"),sk=fn([ne("preprocess",ct),ne("postprocess",ct)]),lk=function(t,n,e){return Nl.config(zt({store:{mode:"manual",getValue:n,setValue:e}},t.map(function(t){return{store:{initialValue:t}}}).getOr({})))},fk=function(t,n,e){return lk(t,function(t){return n(t.element)},function(t,n){return e(t.element,n)})},dk=function(r,t){var i=En("RepresentingConfigs.memento processors",sk,t);return Nl.config({store:{mode:"manual",getValue:function(t){var n=r.get(t),e=Nl.getValue(n);return i.postprocess(e)},setValue:function(t,n){var e=i.preprocess(n),o=r.get(t);Nl.setValue(o,e)}}})},mk=lk,gk=function(t){return fk(t,Vr,Pr)},pk=function(t){return Nl.config({store:{mode:"memory",initialValue:t}})},hk=function(i,u){var n=function(t,n){n.stop()},e=function(t){return function(n,e){ft(t,function(t){t(n,e)})}},o=function(t,n){var e;gv.isDisabled(t)||(e=n.event.raw,a(t,e.dataTransfer.files))},r=function(t,n){var e=n.event.raw.target;a(t,e.files)},a=function(t,n){var e,o,r;Nl.setValue(t,(e=n,o=u,r=ck.explode(o.getSetting("images_file_types","jpeg,jpg,jpe,jfi,jif,jfif,png,gif,bmp,webp","string")),H(Q(e),function(n){return F(r,function(t){return Se(n.name,"."+t)})}))),qo(t,ex,{name:i.name})},c=gp({dom:{tag:"input",attributes:{type:"file",accept:"image/*"},styles:{display:"none"}},behaviours:ic([dg("input-file-events",[ar(vo()),ar(Eo())])])}),t=i.label.map(function(t){return nx(t,u)}),s=Yy.parts.field({factory:{sketch:function(t){return{uid:t.uid,dom:{tag:"div",classes:["tox-dropzone-container"]},behaviours:ic([pk([]),ek(),gv.config({}),Dg.config({toggleClass:"dragenter",toggleOnExecute:!1}),dg("dropzone-events",[er("dragenter",e([n,Dg.toggle])),er("dragleave",e([n,Dg.toggle])),er("dragover",n),er("drop",e([n,o])),er(ho(),r)])]),components:[{dom:{tag:"div",classes:["tox-dropzone"],styles:{}},components:[{dom:{tag:"p",innerHtml:u.translate("Drop an image here")}},mp.sketch({dom:{tag:"button",innerHtml:u.translate("Browse for an image"),styles:{position:"relative"},classes:["tox-button","tox-button--secondary"]},components:[c.asSpec()],action:function(t){c.get(t).element.dom.click()},buttonBehaviours:ic([Jy.config({}),Uv(u.isDisabled),Lv()])})]}]}}}});return Qy(t,s,["tox-form__group--stretched"],[])},vk=Kr("alloy-fake-before-tabstop"),bk=Kr("alloy-fake-after-tabstop"),yk=function(t){return{dom:{tag:"div",styles:{width:"1px",height:"1px",outline:"none"},attributes:{tabindex:"0"},classes:t},behaviours:ic([vg.config({ignore:!0}),Jy.config({})])}},xk=function(t){return{dom:{tag:"div",classes:["tox-navobj"]},components:[yk([vk]),t,yk([bk])],behaviours:ic([rk(1)])}},wk=function(t,n){qo(t,mo(),{raw:{which:9,shiftKey:n}})},Sk=function(t,n){var e=n.element;Ai(e,vk)?wk(t,!0):Ai(e,bk)&&wk(t,!1)},kk=function(t){return Sy(t,["."+vk,"."+bk].join(","),c)},Ck=!(je().browser.isIE()||je().browser.isEdge()),Ok=function(t,n){var o,r,e=Ck&&t.sandboxed,i=ut(ut({},t.label.map(function(t){return{title:t}}).getOr({})),e?{sandbox:"allow-scripts allow-same-origin"}:{}),u=(o=e,r=fe(""),{getValue:function(t){return r.get()},setValue:function(t,n){var e;o?zr(t.element,"srcdoc",n):(zr(t.element,"src","javascript:''"),(e=t.element.dom.contentWindow.document).open(),e.write(n),e.close()),r.set(n)}}),a=t.label.map(function(t){return nx(t,n)}),c=Yy.parts.field({factory:{sketch:function(t){return xk({uid:t.uid,dom:{tag:"iframe",attributes:i},behaviours:ic([Jy.config({}),vg.config({}),mk(st.none(),u.getValue,u.setValue)])})}}});return Qy(a,c,["tox-form__group--stretched"],[])};function _k(t,n){return Dk(document.createElement("canvas"),t,n)}function Tk(t){var n=_k(t.width,t.height);return Ek(n).drawImage(t,0,0),n}function Ek(t){return t.getContext("2d")}function Dk(t,n,e){return t.width=n,t.height=e,t}function Bk(t){return t.naturalWidth||t.width}function Ak(t){return t.naturalHeight||t.height}var Mk,Fk,Ik,Rk,Vk=window.Promise?window.Promise:(Mk=function(t){if("object"!=typeof this)throw new TypeError("Promises must be constructed via new");if("function"!=typeof t)throw new TypeError("not a function");this._state=null,this._value=null,this._deferreds=[],Uk(t,Pk(zk,this),Pk(Nk,this))},Fk=window,Ik=Mk.immediateFn||"function"==typeof Fk.setImmediate&&Fk.setImmediate||function(t){setTimeout(t,1)},Rk=Array.isArray||function(t){return"[object Array]"===Object.prototype.toString.call(t)},Mk.prototype["catch"]=function(t){return this.then(null,t)},Mk.prototype.then=function(e,o){var r=this;return new Mk(function(t,n){Hk.call(r,new jk(e,o,t,n))})},Mk.all=function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];var c=Array.prototype.slice.call(1===t.length&&Rk(t[0])?t[0]:t);return new Mk(function(r,i){if(0===c.length)return r([]);for(var u=c.length,t=0;t<c.length;t++)!function a(n,t){try{if(t&&("object"==typeof t||"function"==typeof t)){var e=t.then;if("function"==typeof e)return void e.call(t,function(t){a(n,t)},i)}c[n]=t,0==--u&&r(c)}catch(o){i(o)}}(t,c[t])})},Mk.resolve=function(n){return n&&"object"==typeof n&&n.constructor===Mk?n:new Mk(function(t){t(n)})},Mk.reject=function(e){return new Mk(function(t,n){n(e)})},Mk.race=function(r){return new Mk(function(t,n){for(var e=0,o=r;e<o.length;e++)o[e].then(t,n)})},Mk);function Pk(t,n){return function(){return t.apply(n,arguments)}}function Hk(o){var r=this;null!==this._state?Ik(function(){var t,n=r._state?o.onFulfilled:o.onRejected;if(null!==n){try{t=n(r._value)}catch(e){return void o.reject(e)}o.resolve(t)}else(r._state?o.resolve:o.reject)(r._value)}):this._deferreds.push(o)}function zk(t){try{if(t===this)throw new TypeError("A promise cannot be resolved with itself.");if(t&&("object"==typeof t||"function"==typeof t)){var n=t.then;if("function"==typeof n)return void Uk(Pk(n,t),Pk(zk,this),Pk(Nk,this))}this._state=!0,this._value=t,Lk.call(this)}catch(e){Nk.call(this,e)}}function Nk(t){this._state=!1,this._value=t,Lk.call(this)}function Lk(){for(var t=0,n=this._deferreds;t<n.length;t++){var e=n[t];Hk.call(this,e)}this._deferreds=[]}function jk(t,n,e,o){this.onFulfilled="function"==typeof t?t:null,this.onRejected="function"==typeof n?n:null,this.resolve=e,this.reject=o}function Uk(t,n,e){var o=!1;try{t(function(t){o||(o=!0,n(t))},function(t){o||(o=!0,e(t))})}catch(r){if(o)return;o=!0,e(r)}}function Wk(e){return new Vk(function(t,n){(function(t){var n=t.split(","),e=/data:([^;]+)/.exec(n[0]);if(!e)return st.none();for(var o=e[1],r=n[1],i=atob(r),u=i.length,a=Math.ceil(u/1024),c=new Array(a),s=0;s<a;++s){for(var l=1024*s,f=Math.min(1024+l,u),d=new Array(f-l),m=l,g=0;m<f;++g,++m)d[g]=i[m].charCodeAt(0);c[s]=new Uint8Array(d)}return st.some(new Blob(c,{type:o}))})(e).fold(function(){n("uri is not base64: "+e)},t)})}function Gk(t,o,r){return o=o||"image/png",_(HTMLCanvasElement.prototype.toBlob)?new Vk(function(n,e){t.toBlob(function(t){t?n(t):e()},o,r)}):Wk(t.toDataURL(o,r))}function Xk(t){return a=t,new Vk(function(t,n){var e=URL.createObjectURL(a),o=new Image,r=function(){o.removeEventListener("load",i),o.removeEventListener("error",u)};function i(){r(),t(o)}function u(){r(),n("Unable to load data of type "+a.type+": "+e)}o.addEventListener("load",i),o.addEventListener("error",u),o.src=e,o.complete&&i()}).then(function(t){var n;n=t,URL.revokeObjectURL(n.src);var e=_k(Bk(t),Ak(t));return Ek(e).drawImage(t,0,0),e});var a}function Yk(t,n,e){var o=n.type;function r(o,r){return t.then(function(t){return e=r,n=(n=o)||"image/png",t.toDataURL(n,e);var n,e})}return{getType:at(o),toBlob:function(){return Vk.resolve(n)},toDataURL:at(e),toBase64:function(){return e.split(",")[1]},toAdjustedBlob:function(n,e){return t.then(function(t){return Gk(t,n,e)})},toAdjustedDataURL:r,toAdjustedBase64:function(t,n){return r(t,n).then(function(t){return t.split(",")[1]})},toCanvas:function(){return t.then(Tk)}}}function qk(n){return e=n,new Vk(function(t){var n=new FileReader;n.onloadend=function(){t(n.result)},n.readAsDataURL(e)}).then(function(t){return Yk(Xk(n),n,t)});var e}function Kk(n,t){return Gk(n,t).then(function(t){return Yk(Vk.resolve(n),t,n.toDataURL())})}var Jk=qk;function $k(t,n,e){var o="string"==typeof t?parseFloat(t):t;return e<o?o=e:o<n&&(o=n),o}function Qk(){return[1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1]}var Zk=[0,.01,.02,.04,.05,.06,.07,.08,.1,.11,.12,.14,.15,.16,.17,.18,.2,.21,.22,.24,.25,.27,.28,.3,.32,.34,.36,.38,.4,.42,.44,.46,.48,.5,.53,.56,.59,.62,.65,.68,.71,.74,.77,.8,.83,.86,.89,.92,.95,.98,1,1.06,1.12,1.18,1.24,1.3,1.36,1.42,1.48,1.54,1.6,1.66,1.72,1.78,1.84,1.9,1.96,2,2.12,2.25,2.37,2.5,2.62,2.75,2.87,3,3.2,3.4,3.6,3.8,4,4.3,4.7,4.9,5,5.5,6,6.5,6.8,7,7.3,7.5,7.8,8,8.4,8.7,9,9.4,9.6,9.8,10];function tC(t,n){for(var e,o=[],r=new Array(25),i=0;i<5;i++){for(var u=0;u<5;u++)o[u]=n[u+5*i];for(u=0;u<5;u++){for(var a=e=0;a<5;a++)e+=t[u+5*a]*o[a];r[u+5*i]=e}}return r}function nC(u,a){return u.toCanvas().then(function(t){return n=t,e=u.getType(),o=a,r=Ek(n),i=function(t,n){for(var e,o,r,i,u=t.data,a=n[0],c=n[1],s=n[2],l=n[3],f=n[4],d=n[5],m=n[6],g=n[7],p=n[8],h=n[9],v=n[10],b=n[11],y=n[12],x=n[13],w=n[14],S=n[15],k=n[16],C=n[17],O=n[18],_=n[19],T=0;T<u.length;T+=4)e=u[T],o=u[T+1],r=u[T+2],i=u[T+3],u[T]=e*a+o*c+r*s+i*l+f,u[T+1]=e*d+o*m+r*g+i*p+h,u[T+2]=e*v+o*b+r*y+i*x+w,u[T+3]=e*S+o*k+r*C+i*O+_;return t}(r.getImageData(0,0,n.width,n.height),o),r.putImageData(i,0,0),Kk(n,e);var n,e,o,r,i})}function eC(a,c){return a.toCanvas().then(function(t){return n=t,e=a.getType(),o=c,r=Ek(n),i=r.getImageData(0,0,n.width,n.height),u=r.getImageData(0,0,n.width,n.height),u=function(t,n,e){function o(t,n,e){return e<t?t=e:t<n&&(t=n),t}for(var r=Math.round(Math.sqrt(e.length)),i=Math.floor(r/2),u=t.data,a=n.data,c=t.width,s=t.height,l=0;l<s;l++)for(var f=0;f<c;f++){for(var d=0,m=0,g=0,p=0;p<r;p++)for(var h=0;h<r;h++){var v=o(f+h-i,0,c-1),b=4*(o(l+p-i,0,s-1)*c+v),y=e[p*r+h];d+=u[b]*y,m+=u[1+b]*y,g+=u[2+b]*y}var x=4*(l*c+f);a[x]=o(d,0,255),a[1+x]=o(m,0,255),a[2+x]=o(g,0,255)}return n}(i,u,o),r.putImageData(u,0,0),Kk(n,e);var n,e,o,r,i,u})}function oC(e){return function(t,n){return nC(t,e(Qk(),n))}}var rC,iC,uC,aC,cC=(rC=[-1,0,0,0,255,0,-1,0,0,255,0,0,-1,0,255,0,0,0,1,0,0,0,0,0,1],function(t){return nC(t,rC)}),sC=oC(function(t,n){return tC(t,[1,0,0,0,n=$k(255*n,-255,255),0,1,0,0,n,0,0,1,0,n,0,0,0,1,0,0,0,0,0,1])}),lC=oC(function(t,n){var e;return n=$k(n,-1,1),tC(t,[(e=(n*=100)<0?127+n/100*127:127*(e=0===(e=n%1)?Zk[n]:Zk[Math.floor(n)]*(1-e)+Zk[Math.floor(n)+1]*e)+127)/127,0,0,0,.5*(127-e),0,e/127,0,0,.5*(127-e),0,0,e/127,0,.5*(127-e),0,0,0,1,0,0,0,0,0,1])}),fC=(iC=[0,-1,0,-1,5,-1,0,-1,0],function(t){return eC(t,iC)}),dC=(uC=function(t,n){return 255*Math.pow(t/255,1-n)},aC=function(t,n,e){var o=Ek(t),r=new Array(256);for(var i=0;i<r.length;i++)r[i]=uC(i,e);var u=function(t,n){for(var e=t.data,o=0;o<e.length;o+=4)e[o]=n[e[o]],e[o+1]=n[e[o+1]],e[o+2]=n[e[o+2]];return t}(o.getImageData(0,0,t.width,t.height),r);return o.putImageData(u,0,0),Kk(t,n)},function(n,e){return n.toCanvas().then(function(t){return aC(t,n.getType(),e)})});function mC(t,n,e){var o=Bk(t),r=Ak(t),i=n/o,u=e/r,a=!1;(i<.5||2<i)&&(i=i<.5?.5:2,a=!0),(u<.5||2<u)&&(u=u<.5?.5:2,a=!0);var c,s,l,f=(c=t,s=i,l=u,new Vk(function(t){var n=Bk(c),e=Ak(c),o=Math.floor(n*s),r=Math.floor(e*l),i=_k(o,r);Ek(i).drawImage(c,0,0,n,e,0,0,o,r),t(i)}));return a?f.then(function(t){return mC(t,n,e)}):f}function gC(n,e){return n.toCanvas().then(function(t){return function(t,n,e){var o=_k(t.width,t.height),r=Ek(o),i=0,u=0;90!==(e=e<0?360+e:e)&&270!==e||Dk(o,o.height,o.width);90!==e&&180!==e||(i=o.width);270!==e&&180!==e||(u=o.height);return r.translate(i,u),r.rotate(e*Math.PI/180),r.drawImage(t,0,0),Kk(o,n)}(t,n.getType(),e)})}function pC(n,e){return n.toCanvas().then(function(t){return function(t,n,e){var o=_k(t.width,t.height),r=Ek(o);"v"===e?(r.scale(1,-1),r.drawImage(t,0,-o.height)):(r.scale(-1,1),r.drawImage(t,-o.width,0));return Kk(o,n)}(t,n.getType(),e)})}function hC(u,a,c,s,l){return u.toCanvas().then(function(t){return n=t,e=u.getType(),o=a,r=c,Ek(i=_k(s,l)).drawImage(n,-o,-r),Kk(i,e);var n,e,o,r,i})}var vC,bC=function(t){return cC(t)},yC=function(t){return fC(t)},xC=function(t,n){return dC(t,n)},wC=function(t,n,e,o){return nC(t,(r=Qk(),i=e,u=o,tC(r,[$k(n,0,2),0,0,0,0,0,i=$k(i,0,2),0,0,0,0,0,u=$k(u,0,2),0,0,0,0,0,1,0,0,0,0,0,1])));var r,i,u},SC=function(t,n){return sC(t,n)},kC=function(t,n){return lC(t,n)},CC=pC,OC=hC,_C=function(t,n,e){return r=n,i=e,(o=t).toCanvas().then(function(t){return mC(t,r,i).then(function(t){return Kk(t,o.getType())})});var o,r,i},TC=gC,EC=function(t,n){return ut({dom:{tag:"span",innerHtml:t,classes:["tox-icon","tox-tbtn__icon-wrap"]}},n)},DC=function(t,n){return EC(hp(t,n),{})},BC=function(t,n){return EC(hp(t,n),{behaviours:ic([fg.config({})])})},AC=function(t,n,e){return{dom:{tag:"span",innerHtml:e.translate(t),classes:[n+"__select-label"]},behaviours:ic([fg.config({})])}},MC=Kr("toolbar.button.execute"),FC=((vC={})[_o()]=["disabling","alloy.base.behaviour","toggling","toolbar-button-events"],vC),IC=Kr("update-menu-text"),RC=Kr("update-menu-icon"),VC=function(n,e,o){var t=fe($),r=n.text.map(function(t){return gp(AC(t,e,o.providers))}),i=n.icon.map(function(t){return gp(BC(t,o.providers.icons))}),u=function(t,n){var e=Nl.getValue(t);return vg.focus(e),qo(e,"keydown",{raw:n.event.raw}),tw.close(e),st.some(!0)},a=n.role.fold(function(){return{}},function(t){return{role:t}}),c=n.tooltip.fold(function(){return{}},function(t){var n=o.providers.translate(t);return{title:n,"aria-label":n}});return gp(tw.sketch(ut(ut(ut({},n.uid?{uid:n.uid}:{}),a),{dom:{tag:"button",classes:[e,e+"--select"].concat(V(n.classes,function(t){return e+"--"+t})),attributes:ut({},c)},components:Jv([i.map(function(t){return t.asSpec()}),r.map(function(t){return t.asSpec()}),st.some({dom:{tag:"div",classes:[e+"__select-chevron"],innerHtml:hp("chevron-down",o.providers.icons)}})]),matchWidth:!0,useMinWidth:!0,dropdownBehaviours:ic(S(n.dropdownBehaviours,[Uv(function(){return n.disabled||o.providers.isDisabled()}),Lv(),nw.config({}),fg.config({}),dg("dropdown-events",[Yv(n,t),qv(n,t)]),dg("menubutton-update-display-text",[er(IC,function(n,e){r.bind(function(t){return t.getOpt(n)}).each(function(t){fg.set(t,[fu(o.providers.translate(e.event.text))])})}),er(RC,function(n,e){i.bind(function(t){return t.getOpt(n)}).each(function(t){fg.set(t,[BC(e.event.icon,o.providers.icons)])})})])])),eventOrder:zt(FC,{mousedown:["focusing","alloy.base.behaviour","item-type-events","normal-dropdown-events"]}),sandboxBehaviours:ic([ug.config({mode:"special",onLeft:u,onRight:u})]),lazySink:o.getSink,toggleClass:e+"--active",parts:{menu:wh(0,n.columns,n.presets)},fetch:function(t){return Ox(y(n.fetch,t))}}))).asSpec()},PC=function(t){return"separator"===t.type},HC={type:"separator"},zC=function(t,e){var n=N(t,function(t,n){return k(n)?""===n?t:"|"===n?0<t.length&&!PC(t[t.length-1])?t.concat([HC]):t:It(e,n.toLowerCase())?t.concat([e[n.toLowerCase()]]):t:t.concat([n])},[]);return 0<n.length&&PC(n[n.length-1])&&n.pop(),n},NC=function(t,n){return It(t,"getSubmenuItems")?(o=n,r=(e=t).getSubmenuItems(),i=LC(r,o),{item:e,menus:zt(i.menus,Jt(e.value,i.items)),expansions:zt(i.expansions,Jt(e.value,e.value))}):{item:t,menus:{},expansions:{}};var e,o,r,i},LC=function(t,r){var n=zC(k(t)?t.split(" "):t,r);return z(n,function(t,n){var e=function(t){if(PC(t))return t;var n=Ft(t,"value").getOrThunk(function(){return Kr("generated-menu-item")});return zt({value:n},t)}(n),o=NC(e,r);return{menus:zt(t.menus,o.menus),items:[o.item].concat(t.items),expansions:zt(t.expansions,o.expansions)}},{menus:{},expansions:{},items:[]})},jC=function(t,e,o,n){var r=Kr("primary-menu"),i=LC(t,o.shared.providers.menuItems());if(0===i.items.length)return st.none();var u=py(r,i.items,e,o,n),a=Tt(i.menus,function(t,n){return py(n,t,e,o,!1)}),c=zt(a,Jt(r,u));return st.from(Zg.tieredData(r,c,i.expansions))},UC=function(e){return{isDisabled:function(){return gv.isDisabled(e)},setDisabled:function(t){return gv.set(e,t)},setActive:function(t){var n=e.element;t?(Ei(n,"tox-tbtn--enabled"),zr(n,"aria-pressed",!0)):(Bi(n,"tox-tbtn--enabled"),Ur(n,"aria-pressed"))},isActive:function(){return Ai(e.element,"tox-tbtn--enabled")}}},WC=function(e,t,o,n){return VC({text:e.text,icon:e.icon,tooltip:e.tooltip,role:n,fetch:function(t,n){e.fetch(function(t){n(jC(t,uh.CLOSE_ON_EXECUTE,o,!1))})},onSetup:e.onSetup,getApi:UC,columns:1,presets:"normal",classes:[],dropdownBehaviours:[Jy.config({})]},t,o.shared)},GC=function(n,r,i){return function(t){t(V(n,function(t){var n,e,o=t.text.fold(function(){return{}},function(t){return{text:t}});return ut(ut({type:t.type,active:!1},o),{onAction:function(t){var n=!t.isActive();t.setActive(n),e.storage.set(n),i.shared.getSink().each(function(t){r().getOpt(t).each(function(t){mc(t.element),qo(t,ix,{name:e.name,value:e.storage.get()})})})},onSetup:(n=e=t,function(t){t.setActive(n.storage.get())})})}))}},XC=function(t,n,e,o,r,i){void 0===e&&(e=[]);var u=n.fold(function(){return{}},function(t){return{action:t}}),a=ut({buttonBehaviours:ic([Uv(function(){return t.disabled||i.isDisabled()}),Lv(),Jy.config({}),dg("button press",[nr("click"),nr("mousedown")])].concat(e)),eventOrder:{click:["button press","alloy.base.behaviour"],mousedown:["button press","alloy.base.behaviour"]}},u),c=zt(a,{dom:o});return zt(c,{components:r})},YC=function(t,n,e,o){void 0===o&&(o=[]);var r={tag:"button",classes:["tox-tbtn"],attributes:t.tooltip.map(function(t){return{"aria-label":e.translate(t),title:e.translate(t)}}).getOr({})},i=t.icon.map(function(t){return DC(t,e.icons)}),u=Jv([i]);return XC(t,n,o,r,u,e)},qC=function(t,n,e,o){void 0===o&&(o=[]);var r=YC(t,st.some(n),e,o);return mp.sketch(r)},KC=function(t,n,e,o,r){void 0===o&&(o=[]),void 0===r&&(r=[]);var i=e.translate(t.text),u=t.icon?t.icon.map(function(t){return DC(t,e.icons)}):st.none(),a=u.isSome()?Jv([u]):[],c=u.isSome()?{}:{innerHtml:i},s=S(t.primary||t.borderless?["tox-button"]:["tox-button","tox-button--secondary"],u.isSome()?["tox-button--icon"]:[],t.borderless?["tox-button--naked"]:[],r),l=ut(ut({tag:"button",classes:s},c),{attributes:{title:i}});return XC(t,n,o,l,a,e)},JC=function(t,n,e,o,r){void 0===o&&(o=[]),void 0===r&&(r=[]);var i=KC(t,st.some(n),e,o,r);return mp.sketch(i)},$C=function(n,e){return function(t){"custom"===e?qo(t,ix,{name:n,value:{}}):"submit"===e?Yo(t,ux):"cancel"===e?Yo(t,rx):console.error("Unknown button type: ",e)}},QC=function(n,t,e){if("menu"===t){var o=n,r=ut(ut({},n),{onSetup:function(t){return t.setDisabled(n.disabled),$},fetch:GC(o.items,function(){return i},e)}),i=gp(WC(r,"tox-tbtn",e,st.none()));return i.asSpec()}if("custom"===(c=t)||"cancel"===c||"submit"===c){var u=$C(n.name,t),a=ut(ut({},n),{borderless:!1});return JC(a,u,e.shared.providers,[])}var c;console.error("Unknown footer button type: ",t)},ZC=function(t,n){var e,o,r=$C(t.name,"custom");return e=st.none(),o=Yy.parts.field(ut({factory:mp},KC(t,st.some(r),n,[pk(""),ek()]))),Qy(e,o,[],[])},tO=at([ne("field1Name","field1"),ne("field2Name","field2"),ha("onLockedChange"),da(["lockClass"]),ne("locked",!1),Wl("coupledFieldBehaviours",[td,Nl])]),nO=function(t,n){return vf({factory:Yy,name:t,overrides:function(o){return{fieldBehaviours:ic([dg("coupled-input-behaviour",[er(po(),function(e){Af(e,o,n).bind(td.getCurrent).each(function(n){Af(e,o,"lock").each(function(t){Dg.isOn(t)&&o.onLockedChange(e,n,t)})})})])])}}})},eO=at([nO("field1","field2"),nO("field2","field1"),vf({factory:mp,schema:[Ln("dom")],name:"lock",overrides:function(t){return{buttonBehaviours:ic([Dg.config({selected:t.locked,toggleClass:t.markers.lockClass,aria:{mode:"pressed"}})])}}})]),oO=qf({name:"FormCoupledInputs",configFields:tO(),partFields:eO(),factory:function(o,t,n,e){return{uid:o.uid,dom:o.dom,components:t,behaviours:Gl(o.coupledFieldBehaviours,[td.config({find:st.some}),Nl.config({store:{mode:"manual",getValue:function(t){var n=Vf(t,o,["field1","field2"]),e={};return e[o.field1Name]=Nl.getValue(n.field1()),e[o.field2Name]=Nl.getValue(n.field2()),e},setValue:function(t,n){var e=Vf(t,o,["field1","field2"]);Rt(n,o.field1Name)&&Nl.setValue(e.field1(),n[o.field1Name]),Rt(n,o.field2Name)&&Nl.setValue(e.field2(),n[o.field2Name])}}})]),apis:{getField1:function(t){return Af(t,o,"field1")},getField2:function(t){return Af(t,o,"field2")},getLock:function(t){return Af(t,o,"lock")}}}},apis:{getField1:function(t,n){return t.getField1(n)},getField2:function(t,n){return t.getField2(n)},getLock:function(t,n){return t.getLock(n)}}}),rO=function(t){var n=/^\s*(\d+(?:\.\d+)?)\s*(|cm|mm|in|px|pt|pc|em|ex|ch|rem|vw|vh|vmin|vmax|%)\s*$/.exec(t);if(null===n)return mt.error(t);var e=parseFloat(n[1]),o=n[2];return mt.value({value:e,unit:o})},iO=function(t,n){var e={"":96,px:96,pt:72,cm:2.54,pc:12,mm:25.4,"in":1},o=function(t){return Object.prototype.hasOwnProperty.call(e,t)};return t.unit===n?st.some(t.value):o(t.unit)&&o(n)?e[t.unit]===e[n]?st.some(t.value):st.some(t.value/e[t.unit]*e[n]):st.none()},uO=function(t){return st.none()},aO=function(t,n){var e,o,r,i=rO(t).toOptional(),u=rO(n).toOptional();return o=u,r=function(t,o){return iO(t,o.unit).map(function(t){return o.value/t}).map(function(t){return n=t,e=o.unit,function(t){return iO(t,e).map(function(t){return{value:t*n,unit:e}})};var n,e}).getOr(uO)},((e=i).isSome()&&o.isSome()?st.some(r(e.getOrDie(),o.getOrDie())):st.none()).getOr(uO)},cO=function(o,n){var a=uO,r=Kr("ratio-event"),t=oO.parts.lock({dom:{tag:"button",classes:["tox-lock","tox-button","tox-button--naked","tox-button--icon"],attributes:{title:n.translate(o.label.getOr("Constrain proportions"))}},components:[{dom:{tag:"span",classes:["tox-icon","tox-lock-icon__lock"],innerHtml:hp("lock",n.icons)}},{dom:{tag:"span",classes:["tox-icon","tox-lock-icon__unlock"],innerHtml:hp("unlock",n.icons)}}],buttonBehaviours:ic([gv.config({disabled:function(){return o.disabled||n.isDisabled()}}),Lv(),Jy.config({})])}),e=function(t){return{dom:{tag:"div",classes:["tox-form__group"]},components:t}},i=function(e){return Yy.parts.field({factory:px,inputClasses:["tox-textfield"],inputBehaviours:ic([gv.config({disabled:function(){return o.disabled||n.isDisabled()}}),Lv(),Jy.config({}),dg("size-input-events",[er(lo(),function(t,n){qo(t,r,{isField1:e})}),er(ho(),function(t,n){qo(t,ex,{name:o.name})})])]),selectOnFocus:!1})},u=function(t){return{dom:{tag:"label",classes:["tox-label"],innerHtml:n.translate(t)}}},c=oO.parts.field1(e([Yy.parts.label(u("Width")),i(!0)])),s=oO.parts.field2(e([Yy.parts.label(u("Height")),i(!1)]));return oO.sketch({dom:{tag:"div",classes:["tox-form__group"]},components:[{dom:{tag:"div",classes:["tox-form__controls-h-stack"]},components:[c,s,e([u("&nbsp;"),t])]}],field1Name:"width",field2Name:"height",locked:!0,markers:{lockClass:"tox-locked"},onLockedChange:function(t,i,n){rO(Nl.getValue(t)).each(function(t){a(t).each(function(t){var n,e,o,r;Nl.setValue(i,(o={"":0,px:0,pt:1,mm:1,pc:2,ex:2,em:2,ch:2,rem:2,cm:3,"in":4,"%":4},-1!==(r=(n=t).value.toFixed((e=n.unit)in o?o[e]:1)).indexOf(".")&&(r=r.replace(/\.?0*$/,"")),r+n.unit))})})},coupledFieldBehaviours:ic([gv.config({disabled:function(){return o.disabled||n.isDisabled()},onDisabled:function(t){oO.getField1(t).bind(Yy.getField).each(gv.disable),oO.getField2(t).bind(Yy.getField).each(gv.disable),oO.getLock(t).each(gv.disable)},onEnabled:function(t){oO.getField1(t).bind(Yy.getField).each(gv.enable),oO.getField2(t).bind(Yy.getField).each(gv.enable),oO.getLock(t).each(gv.enable)}}),Lv(),dg("size-input-events2",[er(r,function(t,n){var e=n.event.isField1,o=e?oO.getField1(t):oO.getField2(t),r=e?oO.getField2(t):oO.getField1(t),i=o.map(Nl.getValue).getOr(""),u=r.map(Nl.getValue).getOr("");a=aO(i,u)})])])})},sO={undo:at(Kr("undo")),redo:at(Kr("redo")),zoom:at(Kr("zoom")),back:at(Kr("back")),apply:at(Kr("apply")),swap:at(Kr("swap")),transform:at(Kr("transform")),tempTransform:at(Kr("temp-transform")),transformApply:at(Kr("transform-apply"))},lO=at("save-state"),fO=at("disable"),dO=at("enable"),mO={formActionEvent:ix,saveState:lO,disable:fO,enable:dO},gO=function(r,c){var t=function(t,n,e,o){return gp(JC({name:t,text:t,disabled:e,primary:o,icon:st.none(),borderless:!1},n,c))},n=function(t,n,e,o){return gp(qC({name:t,icon:st.some(t),tooltip:st.some(n),disabled:o,primary:!1,borderless:!1},e,c))},u=function(t,e){t.map(function(t){var n=t.get(e);n.hasConfigured(gv)&&gv.disable(n)})},a=function(t,e){t.map(function(t){var n=t.get(e);n.hasConfigured(gv)&&gv.enable(n)})},s={tag:"div",classes:["tox-image-tools__toolbar","tox-image-tools-edit-panel"]},e=$,i=function(t,n,e){qo(t,n,e)},l=function(t){return Yo(t,mO.disable())},f=function(t){return Yo(t,mO.enable())},d=function(t,n){l(t),i(t,sO.transform(),{transform:n}),f(t)},o=function(t){return function(){J.getOpt(t).each(function(t){fg.set(t,[q])})}},m=function(t,n){l(t),i(t,sO.transformApply(),{transform:n,swap:o(t)}),f(t)},g=function(){return t("Back",function(t){return i(t,sO.back(),{swap:o(t)})},!1,!1)},p=function(){return gp({dom:{tag:"div",classes:["tox-spacer"]},behaviours:ic([gv.config({})])})},h=function(){return t("Apply",function(t){return i(t,sO.apply(),{swap:o(t)})},!0,!0)},v=[g(),p(),t("Apply",function(t){m(t,function(t){var n=r.getRect();return OC(t,n.x,n.y,n.w,n.h)}),r.hideCrop()},!1,!0)],b=Uy.sketch({dom:s,components:v.map(function(t){return t.asSpec()}),containerBehaviours:ic([dg("image-tools-crop-buttons-events",[er(mO.disable(),function(t,n){u(v,t)}),er(mO.enable(),function(t,n){a(v,t)})])])}),y=gp(cO({name:"size",label:st.none(),constrain:!0,disabled:!1},c)),x=[g(),p(),y,p(),t("Apply",function(a){y.getOpt(a).each(function(t){var n,e,o=Nl.getValue(t),r=parseInt(o.width,10),i=parseInt(o.height,10),u=(n=r,e=i,function(t){return _C(t,n,e)});m(a,u)})},!1,!0)],w=Uy.sketch({dom:s,components:x.map(function(t){return t.asSpec()}),containerBehaviours:ic([dg("image-tools-resize-buttons-events",[er(mO.disable(),function(t,n){u(x,t)}),er(mO.enable(),function(t,n){a(x,t)})])])}),S=function(n,e){return function(t){return n(t,e)}},k=S(CC,"h"),C=S(CC,"v"),O=S(TC,-90),_=S(TC,90),T=function(t,n){var e,o;o=n,l(e=t),i(e,sO.tempTransform(),{transform:o}),f(e)},E=[g(),p(),n("flip-horizontally","Flip horizontally",function(t){T(t,k)},!1),n("flip-vertically","Flip vertically",function(t){T(t,C)},!1),n("rotate-left","Rotate counterclockwise",function(t){T(t,O)},!1),n("rotate-right","Rotate clockwise",function(t){T(t,_)},!1),p(),h()],D=Uy.sketch({dom:s,components:E.map(function(t){return t.asSpec()}),containerBehaviours:ic([dg("image-tools-fliprotate-buttons-events",[er(mO.disable(),function(t,n){u(E,t)}),er(mO.enable(),function(t,n){a(E,t)})])])}),B=function(t,n,e,o,r){var i=WS.parts.label({dom:{tag:"label",classes:["tox-label"],innerHtml:c.translate(t)}}),u=WS.parts.spectrum({dom:{tag:"div",classes:["tox-slider__rail"],attributes:{role:"presentation"}}}),a=WS.parts.thumb({dom:{tag:"div",classes:["tox-slider__handle"],attributes:{role:"presentation"}}});return gp(WS.sketch({dom:{tag:"div",classes:["tox-slider"],attributes:{role:"presentation"}},model:{mode:"x",minX:e,maxX:r,getInitialValue:at({x:o})},components:[i,u,a],sliderBehaviours:ic([vg.config({})]),onChoose:n}))},A=function(t,n,e,o,r){return[g(),(i=n,B(t,function(t,n,e){var o=S(i,e.x/100);d(t,o)},e,o,r)),h()];var i},M=function(t,n,e,o,r){var i=A(t,n,e,o,r);return Uy.sketch({dom:s,components:i.map(function(t){return t.asSpec()}),containerBehaviours:ic([dg("image-tools-filter-panel-buttons-events",[er(mO.disable(),function(t,n){u(i,t)}),er(mO.enable(),function(t,n){a(i,t)})])])})},F=[g(),p(),h()],I=Uy.sketch({dom:s,components:F.map(function(t){return t.asSpec()})}),R=M("Brightness",SC,-100,0,100),V=M("Contrast",kC,-100,0,100),P=M("Gamma",xC,-100,0,100),H=function(t){return B(t,function(l,t,n){var e=z.getOpt(l),o=L.getOpt(l),r=N.getOpt(l);e.each(function(s){o.each(function(c){r.each(function(t){var n,e,o,r=Nl.getValue(s).x/100,i=Nl.getValue(t).x/100,u=Nl.getValue(c).x/100,a=(n=r,e=i,o=u,function(t){return wC(t,n,e,o)});d(l,a)})})})},0,100,200)},z=H("R"),N=H("G"),L=H("B"),j=[g(),z,N,L,h()],U=Uy.sketch({dom:s,components:j.map(function(t){return t.asSpec()})}),W=function(n,e,o){return function(t){i(t,sO.swap(),{transform:e,swap:function(){J.getOpt(t).each(function(t){fg.set(t,[n]),o(t)})}})}},G=st.some(yC),X=st.some(bC),Y=[n("crop","Crop",W(b,st.none(),function(t){r.showCrop()}),!1),n("resize","Resize",W(w,st.none(),function(t){y.getOpt(t).each(function(t){var n=r.getMeasurements(),e=n.width,o=n.height;Nl.setValue(t,{width:e,height:o})})}),!1),n("orientation","Orientation",W(D,st.none(),e),!1),n("brightness","Brightness",W(R,st.none(),e),!1),n("sharpen","Sharpen",W(I,G,e),!1),n("contrast","Contrast",W(V,st.none(),e),!1),n("color-levels","Color levels",W(U,st.none(),e),!1),n("gamma","Gamma",W(P,st.none(),e),!1),n("invert","Invert",W(I,X,e),!1)],q=Uy.sketch({dom:s,components:Y.map(function(t){return t.asSpec()})}),K=Uy.sketch({dom:{tag:"div"},components:[q],containerBehaviours:ic([fg.config({})])}),J=gp(K);return{memContainer:J,getApplyButton:function(t){return J.getOpt(t).map(function(t){var n=t.components()[0];return n.components()[n.components().length-1]})}}},pO=tinymce.util.Tools.resolve("tinymce.geom.Rect"),hO=tinymce.util.Tools.resolve("tinymce.dom.DomQuery"),vO=tinymce.util.Tools.resolve("tinymce.util.Observable"),bO=tinymce.util.Tools.resolve("tinymce.util.VK");function yO(t){var n,e;if(t.changedTouches)for(n="screenX screenY pageX pageY clientX clientY".split(" "),e=0;e<n.length;e++)t[n[e]]=t.changedTouches[0][n[e]]}function xO(t,m){var g,p,h,v,b=m.document||document,y=b.getElementById(m.handle||t),x=function(t){if(yO(t),t.button!==p)return w(t);t.deltaX=t.screenX-h,t.deltaY=t.screenY-v,t.preventDefault(),m.drag(t)},w=function(t){yO(t),hO(b).off("mousemove touchmove",x).off("mouseup touchend",w),g.remove(),m.stop&&m.stop(t)};this.destroy=function(){hO(y).off()},hO(y).on("mousedown touchstart",function(t){var n,e,o,r,i,u,a,c,s,l,f=(n=b,e=Math.max,o=n.documentElement,r=n.body,i=e(o.scrollWidth,r.scrollWidth),u=e(o.clientWidth,r.clientWidth),a=e(o.offsetWidth,r.offsetWidth),c=e(o.scrollHeight,r.scrollHeight),s=e(o.clientHeight,r.clientHeight),{width:i<a?u:i,height:c<e(o.offsetHeight,r.offsetHeight)?s:c});yO(t),t.preventDefault(),p=t.button;var d=y;h=t.screenX,v=t.screenY,l=window.getComputedStyle?window.getComputedStyle(d,null).getPropertyValue("cursor"):d.runtimeStyle.cursor,g=hO("<div></div>").css({position:"absolute",top:0,left:0,width:f.width,height:f.height,zIndex:2147483647,opacity:1e-4,cursor:l}).appendTo(b.body),hO(b).on("mousemove touchmove",x).on("mouseup touchend",w),m.start(t)})}var wO=0,SO=function(s,e,l,o,r){var t,n="tox-",u="tox-crid-"+wO++,a=[{name:"move",xMul:0,yMul:0,deltaX:1,deltaY:1,deltaW:0,deltaH:0,label:"Crop Mask"},{name:"nw",xMul:0,yMul:0,deltaX:1,deltaY:1,deltaW:-1,deltaH:-1,label:"Top Left Crop Handle"},{name:"ne",xMul:1,yMul:0,deltaX:0,deltaY:1,deltaW:1,deltaH:-1,label:"Top Right Crop Handle"},{name:"sw",xMul:0,yMul:1,deltaX:1,deltaY:0,deltaW:-1,deltaH:1,label:"Bottom Left Crop Handle"},{name:"se",xMul:1,yMul:1,deltaX:0,deltaY:0,deltaW:1,deltaH:1,label:"Bottom Right Crop Handle"}],i=["top","right","bottom","left"],c=function(t,n){return{x:n.x+t.x,y:n.y+t.y,w:n.w,h:n.h}},f=function(t,n){return{x:n.x-t.x,y:n.y-t.y,w:n.w,h:n.h}};function d(t,n,e,o){var r,i=n.x,u=n.y,a=n.w,c=n.h;i+=e*t.deltaX,u+=o*t.deltaY,(a+=e*t.deltaW)<20&&(a=20),(c+=o*t.deltaH)<20&&(c=20),r=s=pO.clamp({x:i,y:u,w:a,h:c},l,"move"===t.name),r=f(l,r),h.fire("updateRect",{rect:r}),p(r)}function m(n){function t(t,n){n.h<0&&(n.h=0),n.w<0&&(n.w=0),hO("#"+u+"-"+t,o).css({left:n.x,top:n.y,width:n.w,height:n.h})}ck.each(a,function(t){hO("#"+u+"-"+t.name,o).css({left:n.w*t.xMul+n.x,top:n.h*t.yMul+n.y})}),t("top",{x:e.x,y:e.y,w:e.w,h:n.y-e.y}),t("right",{x:n.x+n.w,y:n.y,w:e.w-n.x-n.w+e.x,h:n.h}),t("bottom",{x:e.x,y:n.y+n.h,w:e.w,h:e.h-n.y-n.h+e.y}),t("left",{x:e.x,y:n.y,w:n.x-e.x,h:n.h}),t("move",n)}function g(t){m(s=t)}function p(t){g(c(l,t))}hO('<div id="'+u+'" class="'+n+'croprect-container" role="grid" aria-dropeffect="execute">').appendTo(o),ck.each(i,function(t){hO("#"+u,o).append('<div id="'+u+"-"+t+'"class="'+n+'croprect-block" style="display: none" data-mce-bogus="all">')}),ck.each(a,function(t){hO("#"+u,o).append('<div id="'+u+"-"+t.name+'" class="'+n+"croprect-handle "+n+"croprect-handle-"+t.name+'"style="display: none" data-mce-bogus="all" role="gridcell" tabindex="-1" aria-label="'+t.label+'" aria-grabbed="false" title="'+t.label+'">')}),t=ck.map(a,function(n){var e;return new xO(u,{document:o.ownerDocument,handle:u+"-"+n.name,start:function(){e=s},drag:function(t){d(n,e,t.deltaX,t.deltaY)}})}),m(s),hO(o).on("focusin focusout",function(t){hO(t.target).attr("aria-grabbed","focus"===t.type?"true":"false")}),hO(o).on("keydown",function(n){var i;function t(t,n,e,o,r){t.stopPropagation(),t.preventDefault(),d(i,e,o,r)}switch(ck.each(a,function(t){if(n.target.id===u+"-"+t.name)return i=t,!1}),n.keyCode){case bO.LEFT:t(n,0,s,-10,0);break;case bO.RIGHT:t(n,0,s,10,0);break;case bO.UP:t(n,0,s,0,-10);break;case bO.DOWN:t(n,0,s,0,10);break;case bO.ENTER:case bO.SPACEBAR:n.preventDefault(),r()}});var h=ck.extend({toggleVisibility:function(t){var n=ck.map(a,function(t){return"#"+u+"-"+t.name}).concat(ck.map(i,function(t){return"#"+u+"-"+t})).join(",");t?hO(n,o).show():hO(n,o).hide()},setClampRect:function(t){l=t,m(s)},setRect:g,getInnerRect:function(){return f(l,s)},setInnerRect:p,setViewPortRect:function(t){e=t,m(s)},destroy:function(){ck.each(t,function(t){t.destroy()}),t=[]}},vO);return h},kO=function(n){var l=gp({dom:{tag:"div",classes:["tox-image-tools__image-bg"],attributes:{role:"presentation"}}}),f=fe(1),d=fe(st.none()),m=fe({x:0,y:0,w:1,h:1}),c=fe({x:0,y:0,w:1,h:1}),s=function(t,s){g.getOpt(t).each(function(t){var e=f.get(),o=_u(t.element),r=bu(t.element),i=s.dom.naturalWidth*e,u=s.dom.naturalHeight*e,a=Math.max(0,o/2-i/2),c=Math.max(0,r/2-u/2),n={left:a.toString()+"px",top:c.toString()+"px",width:i.toString()+"px",height:u.toString()+"px",position:"absolute"};Ki(s,n),l.getOpt(t).each(function(t){Ki(t.element,n)}),d.get().each(function(t){var n=m.get();t.setRect({x:n.x*e+a,y:n.y*e+c,w:n.w*e,h:n.h*e}),t.setClampRect({x:a,y:c,w:i,h:u}),t.setViewPortRect({x:0,y:0,w:o,h:r})})})},e=function(t,n){var e,a=me.fromTag("img");return zr(a,"src",n),e=a.dom,new Fp(function(t){var n=function(){e.removeEventListener("load",n),t(e)};e.complete?t(e):e.addEventListener("load",n)}).then(function(){return g.getOpt(t).map(function(t){var n=du({element:a});fg.replaceAt(t,1,st.some(n));var e=c.get(),o={x:0,y:0,w:a.dom.naturalWidth,h:a.dom.naturalHeight};c.set(o);var r,u,i=pO.inflate(o,-20,-20);return m.set(i),e.w===o.w&&e.h===o.h||(r=t,u=a,g.getOpt(r).each(function(t){var n=_u(t.element),e=bu(t.element),o=u.dom.naturalWidth,r=u.dom.naturalHeight,i=Math.min(n/o,e/r);1<=i?f.set(1):f.set(i)})),s(t,a),a})})},t=Uy.sketch({dom:{tag:"div",classes:["tox-image-tools__image"]},components:[l.asSpec(),{dom:{tag:"img",attributes:{src:n}}},{dom:{tag:"div"},behaviours:ic([dg("image-panel-crop-events",[sr(function(t){g.getOpt(t).each(function(t){var n=t.element.dom,e=SO({x:10,y:10,w:100,h:100},{x:0,y:0,w:200,h:200},{x:0,y:0,w:200,h:200},n,function(){});e.toggleVisibility(!1),e.on("updateRect",function(t){var n=t.rect,e=f.get(),o={x:Math.round(n.x/e),y:Math.round(n.y/e),w:Math.round(n.w/e),h:Math.round(n.h/e)};m.set(o)}),d.set(st.some(e))})})])])}],containerBehaviours:ic([fg.config({}),dg("image-panel-events",[sr(function(t){e(t,n)})])])}),g=gp(t);return{memContainer:g,updateSrc:e,zoom:function(t,n){var e=f.get(),o=0<n?Math.min(2,e+.1):Math.max(.1,e-.1);f.set(o),g.getOpt(t).each(function(t){var n=t.components()[1].element;s(t,n)})},showCrop:function(){d.get().each(function(t){t.toggleVisibility(!0)})},hideCrop:function(){d.get().each(function(t){t.toggleVisibility(!1)})},getRect:function(){return m.get()},getMeasurements:function(){var t=c.get();return{width:t.w,height:t.h}}}},CO=function(t,n,e,o,r){return qC({name:t,icon:st.some(n),disabled:e,tooltip:st.some(t),primary:!1,borderless:!1},o,r)},OO=function(t,n){n?gv.enable(t):gv.disable(t)};function _O(){var e=[],o=-1;function t(){return 0<o}function n(){return-1!==o&&o<e.length-1}return{data:e,add:function(t){var n=e.splice(++o);return e.push(t),{state:t,removed:n}},undo:function(){if(t())return e[--o]},redo:function(){if(n())return e[++o]},canUndo:t,canRedo:n}}var TO,EO,DO,BO=function(t){var n=fe(t),e=fe(st.none()),r=_O();r.add(t);var i=function(t){n.set(t)},u=function(t){return{blob:t,url:URL.createObjectURL(t)}},a=function(t){URL.revokeObjectURL(t.url)},o=function(){e.get().each(a),e.set(st.none())},c=function(t){var n=u(t);i(n);var e,o=r.add(n).removed;return e=o,ck.each(e,a),n.url};return{getBlobState:function(){return n.get()},setBlobState:i,addBlobState:c,getTempState:function(){return e.get().fold(function(){return n.get()},function(t){return t})},updateTempState:function(t){var n=u(t);return o(),e.set(st.some(n)),n.url},addTempState:function(t){var n=u(t);return e.set(st.some(n)),n.url},applyTempState:function(n){return e.get().fold(function(){},function(t){c(t.blob),n()})},destroyTempState:o,undo:function(){var t=r.undo();return i(t),t.url},redo:function(){var t=r.redo();return i(t),t.url},getHistoryStates:function(){return{undoEnabled:r.canUndo(),redoEnabled:r.canRedo()}}}},AO=function(t,n){var e,o,r,u=BO(t.currentState),i=function(t){var n=u.getHistoryStates();p.updateButtonUndoStates(t,n.undoEnabled,n.redoEnabled),qo(t,mO.formActionEvent,{name:mO.saveState(),value:n.undoEnabled})},a=function(t){return t.toBlob()},c=function(t){qo(t,mO.formActionEvent,{name:mO.disable(),value:{}})},s=function(t){h.getApplyButton(t).each(function(t){gv.enable(t)}),qo(t,mO.formActionEvent,{name:mO.enable(),value:{}})},l=function(t,n){return c(t),g.updateSrc(t,n)},f=function(n,t,e,o,r){return c(n),Jk(t).then(e).then(a).then(o).then(function(t){return l(n,t).then(function(t){return i(n),r(),s(n),t})})["catch"](function(t){return console.log(t),s(n),t})},d=function(t,n,e){var o=u.getBlobState().blob;f(t,o,n,function(t){return u.updateTempState(t)},e)},m=function(t){var n=u.getBlobState().url;return u.destroyTempState(),i(t),n},g=kO(t.currentState.url),p=(o=gp(CO("Undo","undo",!0,function(t){qo(t,sO.undo(),{direction:1})},e=n)),r=gp(CO("Redo","redo",!0,function(t){qo(t,sO.redo(),{direction:1})},e)),{container:Uy.sketch({dom:{tag:"div",classes:["tox-image-tools__toolbar","tox-image-tools__sidebar"]},components:[o.asSpec(),r.asSpec(),CO("Zoom in","zoom-in",!1,function(t){qo(t,sO.zoom(),{direction:1})},e),CO("Zoom out","zoom-out",!1,function(t){qo(t,sO.zoom(),{direction:-1})},e)]}),updateButtonUndoStates:function(t,n,e){o.getOpt(t).each(function(t){OO(t,n)}),r.getOpt(t).each(function(t){OO(t,e)})}}),h=gO(g,n);return{dom:{tag:"div",attributes:{role:"presentation"}},components:[h.memContainer.asSpec(),g.memContainer.asSpec(),p.container],behaviours:ic([Nl.config({store:{mode:"manual",getValue:function(){return u.getBlobState()}}}),dg("image-tools-events",[er(sO.undo(),function(n,t){var e=u.undo();l(n,e).then(function(t){s(n),i(n)})}),er(sO.redo(),function(n,t){var e=u.redo();l(n,e).then(function(t){s(n),i(n)})}),er(sO.zoom(),function(t,n){var e=n.event.direction;g.zoom(t,e)}),er(sO.back(),function(t,n){var e,o;o=m(e=t),l(e,o).then(function(t){s(e)}),(0,n.event.swap)(),g.hideCrop()}),er(sO.apply(),function(t,n){u.applyTempState(function(){m(t),(0,n.event.swap)()})}),er(sO.transform(),function(t,n){return d(t,n.event.transform,$)}),er(sO.tempTransform(),function(t,n){return e=t,o=n.event.transform,r=u.getTempState().blob,void f(e,r,o,function(t){return u.addTempState(t)},$);var e,o,r}),er(sO.transformApply(),function(t,n){return e=t,o=n.event.transform,r=n.event.swap,i=u.getBlobState().blob,void f(e,i,o,function(t){var n=u.addBlobState(t);return m(e),n},r);var e,o,r,i}),er(sO.swap(),function(n,t){var e;e=n,p.updateButtonUndoStates(e,!1,!1);var o=t.event.transform,r=t.event.swap;o.fold(function(){r()},function(t){d(n,t,r)})})]),ek()])}},MO=function(t){return!It(t,"items")},FO="data-value",IO=function(n,e,t,o){return V(t,function(t){return MO(t)?{type:"togglemenuitem",text:t.text,value:t.value,active:t.value===o,onAction:function(){Nl.setValue(n,t.value),qo(n,ex,{name:e}),vg.focus(n)}}:{type:"nestedmenuitem",text:t.text,getSubmenuItems:function(){return IO(n,e,t.items,o)}}})},RO=function(t,n){return Z(t,function(t){return MO(t)?Jf(t.value===n,t):RO(t.items,n)})},VO=Yf({name:"HtmlSelect",configFields:[Ln("options"),Ll("selectBehaviours",[vg,Nl]),ne("selectClasses",[]),ne("selectAttributes",{}),Kn("data")],factory:function(e,t){var n=V(e.options,function(t){return{dom:{tag:"option",value:t.value,innerHtml:t.text}}}),o=e.data.map(function(t){return Jt("initialValue",t)}).getOr({});return{uid:e.uid,dom:{tag:"select",classes:e.selectClasses,attributes:e.selectAttributes},components:n,behaviours:Ul(e.selectBehaviours,[vg.config({}),Nl.config({store:ut({mode:"manual",getValue:function(t){return ou(t.element)},setValue:function(t,n){L(e.options,function(t){return t.value===n}).isSome()&&ru(t.element,n)}},o)})])}}}),PO=function(e,n){var t=e.label.map(function(t){return nx(t,n)}),o=[gv.config({disabled:function(){return e.disabled||n.isDisabled()}}),Lv(),ug.config({mode:"execution",useEnter:!0!==e.multiline,useControlEnter:!0===e.multiline,execute:function(t){return Yo(t,ux),st.some(!0)}}),dg("textfield-change",[er(po(),function(t,n){qo(t,ex,{name:e.name})}),er(Co(),function(t,n){qo(t,ex,{name:e.name})})]),Jy.config({})],r=e.validation.map(function(o){return Vx.config({getRoot:function(t){return kr(t.element)},invalidClass:"tox-invalid",validator:{validate:function(t){var n=Nl.getValue(t),e=o.validator(n);return _x(!0===e?mt.value(n):mt.error(e))},validateOnLoad:o.validateOnLoad}})}).toArray(),i=e.placeholder.fold(at({}),function(t){return{placeholder:n.translate(t)}}),u=e.inputMode.fold(at({}),function(t){return{inputmode:t}}),a=ut(ut({},i),u),c=Yy.parts.field({tag:!0===e.multiline?"textarea":"input",inputAttributes:a,inputClasses:[e.classname],inputBehaviours:ic(dt([o,r])),selectOnFocus:!1,factory:px}),s=(e.flex?["tox-form__group--stretched"]:[]).concat(e.maximized?["tox-form-group--maximize"]:[]),l=[gv.config({disabled:function(){return e.disabled||n.isDisabled()},onDisabled:function(t){Yy.getField(t).each(gv.disable)},onEnabled:function(t){Yy.getField(t).each(gv.enable)}}),Lv()];return Qy(t,c,s,l)},HO=/* */Object.freeze({__proto__:null,events:function(t,n){var e=t.stream.streams.setup(t,n);return Zo([er(t.event,e),lr(function(){return n.cancel()})].concat(t.cancelEvent.map(function(t){return[er(t,function(){return n.cancel()})]}).getOr([])))}}),zO=function(t){var n=fe(null);return di({readState:function(){return{timer:null!==n.get()?"set":"unset"}},setTimer:function(t){n.set(t)},cancel:function(){var t=n.get();null!==t&&t.cancel()}})},NO=/* */Object.freeze({__proto__:null,throttle:zO,init:function(t){return t.stream.streams.state(t)}}),LO=[jn("stream",An("mode",{throttle:[Ln("delay"),ne("stopEvent",!0),ba("streams",{setup:function(t,n){var e=t.stream,o=Sp(t.onStream,e.delay);return n.setTimer(o),function(t,n){o.throttle(t,n),e.stopEvent&&n.stop()}},state:zO})]})),ne("event","input"),Kn("cancelEvent"),ha("onStream")],jO=ac({fields:LO,name:"streaming",active:HO,state:NO}),UO=function(t,n,e){var o=Nl.getValue(e);Nl.setValue(n,o),GO(n)},WO=function(t,n){var e=t.element,o=ou(e),r=e.dom;"number"!==Nr(e,"type")&&n(r,o)},GO=function(t){WO(t,function(t,n){return t.setSelectionRange(n.length,n.length)})},XO=function(t,n,o){if(t.selectsOver){var e=Nl.getValue(n),r=t.getDisplayText(e),i=Nl.getValue(o);return 0===t.getDisplayText(i).indexOf(r)?st.some(function(){var t,e;UO(0,n,o),t=n,e=r.length,WO(t,function(t,n){return t.setSelectionRange(e,n.length)})}):st.none()}return st.none()},YO=at("alloy.typeahead.itemexecute"),qO=at([Kn("lazySink"),Ln("fetch"),ne("minChars",5),ne("responseTime",1e3),ga("onOpen"),ne("getHotspot",st.some),ne("getAnchorOverrides",at({})),ne("layouts",st.none()),ne("eventOrder",{}),se("model",{},[ne("getDisplayText",function(t){return t.meta!==undefined&&t.meta.text!==undefined?t.meta.text:t.value}),ne("selectsOver",!0),ne("populateFromBrowse",!0)]),ga("onSetValue"),pa("onExecute"),ga("onItemExecute"),ne("inputClasses",[]),ne("inputAttributes",{}),ne("inputStyles",{}),ne("matchWidth",!0),ne("useMinWidth",!1),ne("dismissOnBlur",!0),da(["openClass"]),Kn("initialData"),Ll("typeaheadBehaviours",[vg,Nl,jO,ug,Dg,zx]),le("previewing",function(){return fe(!0)})].concat(dx()).concat($x())),KO=at([bf({schema:[fa()],name:"menu",overrides:function(o){return{fakeFocus:!0,onHighlight:function(n,e){o.previewing.get()?n.getSystem().getByUid(o.uid).each(function(t){XO(o.model,t,e).fold(function(){return fd.dehighlight(n,e)},function(t){return t()})}):n.getSystem().getByUid(o.uid).each(function(t){o.model.populateFromBrowse&&UO(o.model,t,e)}),o.previewing.set(!1)},onExecute:function(t,n){return t.getSystem().getByUid(o.uid).toOptional().map(function(t){return qo(t,YO(),{item:n}),!0})},onHover:function(t,n){o.previewing.set(!1),t.getSystem().getByUid(o.uid).each(function(t){o.model.populateFromBrowse&&UO(o.model,t,n)})}}}})]),JO=qf({name:"Typeahead",configFields:qO(),partFields:KO(),factory:function(r,t,n,i){var e=function(t,n,e){r.previewing.set(!1);var o=zx.getCoupled(t,"sandbox");xl.isOpen(o)?td.getCurrent(o).each(function(t){fd.getHighlighted(t).fold(function(){e(t)},function(){Qo(o,t.element,"keydown",n)})}):Ux(r,u(t),t,o,i,function(t){td.getCurrent(t).each(e)},bx.HighlightFirst).get($)},o=mx(r),u=function(o){return function(t){return t.map(function(t){var n=Mt(t.menus),e=U(n,function(t){return H(t.items,function(t){return"item"===t.type})});return Nl.getState(o).update(V(e,function(t){return t.data})),t})}},a=[vg.config({}),Nl.config({onSetValue:r.onSetValue,store:ut({mode:"dataset",getDataKey:function(t){return ou(t.element)},getFallbackEntry:function(t){return{value:t,meta:{}}},setValue:function(t,n){ru(t.element,r.model.getDisplayText(n))}},r.initialData.map(function(t){return Jt("initialValue",t)}).getOr({}))}),jO.config({stream:{mode:"throttle",delay:r.responseTime,stopEvent:!1},onStream:function(t,n){var e,o=zx.getCoupled(t,"sandbox");vg.isFocused(t)&&ou(t.element).length>=r.minChars&&(e=td.getCurrent(o).bind(function(t){return fd.getHighlighted(t).map(Nl.getValue)}),r.previewing.set(!0),Ux(r,u(t),t,o,i,function(t){td.getCurrent(o).each(function(t){e.fold(function(){r.model.selectsOver&&fd.highlightFirst(t)},function(n){fd.highlightBy(t,function(t){return Nl.getValue(t).value===n.value}),fd.getHighlighted(t).orThunk(function(){return fd.highlightFirst(t),st.none()})})})},bx.HighlightFirst).get($))},cancelEvent:Ao()}),ug.config({mode:"special",onDown:function(t,n){return e(t,n,fd.highlightFirst),st.some(!0)},onEscape:function(t){var n=zx.getCoupled(t,"sandbox");return xl.isOpen(n)?(xl.close(n),st.some(!0)):st.none()},onUp:function(t,n){return e(t,n,fd.highlightLast),st.some(!0)},onEnter:function(n){var t=zx.getCoupled(n,"sandbox"),e=xl.isOpen(t);if(e&&!r.previewing.get())return td.getCurrent(t).bind(function(t){return fd.getHighlighted(t)}).map(function(t){return qo(n,YO(),{item:t}),!0});var o=Nl.getValue(n);return Yo(n,Ao()),r.onExecute(t,n,o),e&&xl.close(t),st.some(!0)}}),Dg.config({toggleClass:r.markers.openClass,aria:{mode:"expanded"}}),zx.config({others:{sandbox:function(t){return Kx(r,t,{onOpen:function(){return Dg.on(t)},onClose:function(){return Dg.off(t)}})}}}),dg("typeaheadevents",[dr(function(t){var n=$;Gx(r,u(t),t,i,n,bx.HighlightFirst).get($)}),er(YO(),function(t,n){var e=zx.getCoupled(t,"sandbox");UO(r.model,t,n.event.item),Yo(t,Ao()),r.onItemExecute(t,e,n.event.item,Nl.getValue(t)),xl.close(e),GO(t)})].concat(r.dismissOnBlur?[er(ko(),function(t){var n=zx.getCoupled(t,"sandbox");pc(n.element).isNone()&&xl.close(n)})]:[]))];return{uid:r.uid,dom:gx(zt(r,{inputAttributes:{role:"combobox","aria-autocomplete":"list","aria-haspopup":"true"}})),behaviours:ut(ut({},o),Ul(r.typeaheadBehaviours,a)),eventOrder:r.eventOrder}}}),$O=function(i){return ut(ut({},i),{toCached:function(){return $O(i.toCached())},bindFuture:function(n){return $O(i.bind(function(t){return t.fold(function(t){return _x(mt.error(t))},function(t){return n(t)})}))},bindResult:function(n){return $O(i.map(function(t){return t.bind(n)}))},mapResult:function(n){return $O(i.map(function(t){return t.map(n)}))},mapError:function(n){return $O(i.map(function(t){return t.mapError(n)}))},foldResult:function(n,e){return i.map(function(t){return t.fold(n,e)})},withTimeout:function(t,r){return $O(Ox(function(n){var e=!1,o=setTimeout(function(){e=!0,n(mt.error(r()))},t);i.get(function(t){e||(clearTimeout(o),n(t))})}))}})},QO=function(t){return $O(Ox(t))},ZO=QO,t_={type:"separator"},n_=function(t){return{type:"menuitem",value:t.url,text:t.title,meta:{attach:t.attach},onAction:function(){}}},e_=function(t,n){return{type:"menuitem",value:n,text:t,meta:{attach:undefined},onAction:function(){}}},o_=function(t,n){return o=t,e=H(n,function(t){return t.type===o}),V(e,n_);var e,o},r_=function(t,n){var e=t.toLowerCase();return H(n,function(t){var n=t.meta!==undefined&&t.meta.text!==undefined?t.meta.text:t.text;return we(n.toLowerCase(),e)||we(t.value.toLowerCase(),e)})},i_=function(u,t,a){var n=Nl.getValue(t),c=n.meta.text!==undefined?n.meta.text:n.value;return a.getLinkInformation().fold(function(){return[]},function(t){var n,e,o,r,i=r_(c,(n=a.getHistory(u),V(n,function(t){return e_(t,t)})));return"file"===u?(e=[i,r_(c,o_("header",t.targets)),r_(c,dt([(r=t,st.from(r.anchorTop).map(function(t){return e_("<top>",t)}).toArray()),o_("anchor",t.targets),(o=t,st.from(o.anchorBottom).map(function(t){return e_("<bottom>",t)}).toArray())]))],N(e,function(t,n){return 0===t.length||0===n.length?t.concat(n):t.concat(t_,n)},[])):i})},u_=Kr("aria-invalid"),a_=function(r,o,i){var t,n,e,u,a,c=o.shared.providers,s=function(t){var n=Nl.getValue(t);i.addToHistory(n.value,r.filetype)},l=Yy.parts.field({factory:JO,dismissOnBlur:!0,inputClasses:["tox-textfield"],sandboxClasses:["tox-dialog__popups"],inputAttributes:{"aria-errormessage":u_,type:"url"},minChars:0,responseTime:0,fetch:function(t){var n=i_(r.filetype,t,i),e=jC(n,uh.BUBBLE_TO_SANDBOX,o,!1);return _x(e)},getHotspot:function(t){return h.getOpt(t)},onSetValue:function(t,n){t.hasConfigured(Vx)&&Vx.run(t).get($)},typeaheadBehaviours:ic(dt([i.getValidationHandler().map(function(e){return Vx.config({getRoot:function(t){return kr(t.element)},invalidClass:"tox-control-wrap--status-invalid",notify:{onInvalid:function(t,n){d.getOpt(t).each(function(t){zr(t.element,"title",c.translate(n))})}},validator:{validate:function(t){var n=Nl.getValue(t);return ZO(function(o){e({type:r.filetype,url:n.value},function(t){var n,e;"invalid"===t.status?(n=mt.error(t.message),o(n)):(e=mt.value(t.message),o(e))})})},validateOnLoad:!1}})}).toArray(),[gv.config({disabled:function(){return r.disabled||c.isDisabled()}}),Jy.config({}),dg("urlinput-events",dt(["file"===r.filetype?[er(po(),function(t){qo(t,ex,{name:r.name})})]:[],[er(ho(),function(t){qo(t,ex,{name:r.name}),s(t)}),er(Co(),function(t){qo(t,ex,{name:r.name}),s(t)})]]))]])),eventOrder:((t={})[po()]=["streaming","urlinput-events","invalidating"],t),model:{getDisplayText:function(t){return t.value},selectsOver:!1,populateFromBrowse:!1},markers:{openClass:"tox-textfield--popup-open"},lazySink:o.shared.getSink,parts:{menu:wh(0,0,"normal")},onExecute:function(t,n,e){qo(n,ux,{})},onItemExecute:function(t,n,e,o){s(t),qo(t,ex,{name:r.name})}}),f=r.label.map(function(t){return nx(t,c)}),d=gp((n="invalid",e=st.some(u_),void 0===(u="warning")&&(u=n),void 0===a&&(a=n),{dom:{tag:"div",classes:["tox-icon","tox-control-wrap__status-icon-"+n],innerHtml:hp(u,c.icons),attributes:ut({title:c.translate(a),"aria-live":"polite"},e.fold(function(){return{}},function(t){return{id:t}}))}})),m=gp({dom:{tag:"div",classes:["tox-control-wrap__status-icon-wrap"]},components:[d.asSpec()]}),g=i.getUrlPicker(r.filetype),p=Kr("browser.url.event"),h=gp({dom:{tag:"div",classes:["tox-control-wrap"]},components:[l,m.asSpec()],behaviours:ic([gv.config({disabled:function(){return r.disabled||c.isDisabled()}})])}),v=gp(JC({name:r.name,icon:st.some("browse"),text:r.label.getOr(""),disabled:r.disabled,primary:!1,borderless:!0},function(t){return Yo(t,p)},c,[],["tox-browse-url"]));return Yy.sketch({dom:tx([]),components:f.toArray().concat([{dom:{tag:"div",classes:["tox-form__controls-h-stack"]},components:dt([[h.asSpec()],g.map(function(){return v.asSpec()}).toArray()])}]),fieldBehaviours:ic([gv.config({disabled:function(){return r.disabled||c.isDisabled()},onDisabled:function(t){Yy.getField(t).each(gv.disable),v.getOpt(t).each(gv.disable)},onEnabled:function(t){Yy.getField(t).each(gv.enable),v.getOpt(t).each(gv.enable)}}),Lv(),dg("url-input-events",[er(p,function(o){td.getCurrent(o).each(function(n){var t=Nl.getValue(n),e=ut({fieldname:r.name},t);g.each(function(t){t(e).get(function(t){Nl.setValue(n,t),qo(o,ex,{name:r.name})})})})})])])})},c_=function(r){return function(n,e,o){return Ft(e,"name").fold(function(){return r(e,o)},function(t){return n.field(t,r(e,o))})}},s_={bar:c_(function(t,n){return e=t,o=n.shared,{dom:{tag:"div",classes:["tox-bar","tox-form__controls-h-stack"]},components:V(e.items,o.interpreter)};var e,o}),collection:c_(function(t,n){return fx(t,n.shared.providers)}),alertbanner:c_(function(t,n){return e=t,o=n.shared.providers,Uy.sketch({dom:{tag:"div",attributes:{role:"alert"},classes:["tox-notification","tox-notification--in","tox-notification--"+e.level]},components:[{dom:{tag:"div",classes:["tox-notification__icon"]},components:[mp.sketch({dom:{tag:"button",classes:["tox-button","tox-button--naked","tox-button--icon"],innerHtml:hp(e.icon,o.icons),attributes:{title:o.translate(e.iconTooltip)}},action:function(t){qo(t,ix,{name:"alert-banner",value:e.url})}})]},{dom:{tag:"div",classes:["tox-notification__body"],innerHtml:o.translate(e.text)}}]});var e,o}),input:c_(function(t,n){return e=t,o=n.shared.providers,PO({name:e.name,multiline:!1,label:e.label,inputMode:e.inputMode,placeholder:e.placeholder,flex:!1,disabled:e.disabled,classname:"tox-textfield",validation:st.none(),maximized:e.maximized},o);var e,o}),textarea:c_(function(t,n){return e=t,o=n.shared.providers,PO({name:e.name,multiline:!0,label:e.label,inputMode:st.none(),placeholder:e.placeholder,flex:!0,disabled:e.disabled,classname:"tox-textarea",validation:st.none(),maximized:e.maximized},o);var e,o}),label:c_(function(t,n){return e=t,o=n.shared,r={dom:{tag:"label",innerHtml:o.providers.translate(e.label),classes:["tox-label"]}},i=V(e.items,o.interpreter),{dom:{tag:"div",classes:["tox-form__group"]},components:[r].concat(i),behaviours:ic([ek(),fg.config({}),gk(st.none()),ug.config({mode:"acyclic"})])};var e,o,r,i}),iframe:(TO=function(t,n){return Ok(t,n.shared.providers)},function(t,n,e){var o=zt(n,{source:"dynamic"});return c_(TO)(t,o,e)}),button:c_(function(t,n){return ZC(t,n.shared.providers)}),checkbox:c_(function(t,n){return e=t,o=n.shared.providers,r=Nl.config({store:{mode:"manual",getValue:function(t){return t.element.dom.checked},setValue:function(t,n){t.element.dom.checked=n}}}),i=function(t){return t.element.dom.click(),st.some(!0)},u=Yy.parts.field({factory:{sketch:ct},dom:{tag:"input",classes:["tox-checkbox__input"],attributes:{type:"checkbox"}},behaviours:ic([ek(),gv.config({disabled:function(){return e.disabled||o.isDisabled()}}),Jy.config({}),vg.config({}),r,ug.config({mode:"special",onEnter:i,onSpace:i,stopSpaceKeyup:!0}),dg("checkbox-events",[er(ho(),function(t,n){qo(t,ex,{name:e.name})})])])}),a=Yy.parts.label({dom:{tag:"span",classes:["tox-checkbox__label"],innerHtml:o.translate(e.label)},behaviours:ic([nw.config({})])}),s=gp({dom:{tag:"div",classes:["tox-checkbox__icons"]},components:[(c=function(t){return{dom:{tag:"span",classes:["tox-icon","tox-checkbox-icon__"+t],innerHtml:hp("checked"===t?"selected":"unselected",o.icons)}}})("checked"),c("unchecked")]}),Yy.sketch({dom:{tag:"label",classes:["tox-checkbox"]},components:[u,s.asSpec(),a],fieldBehaviours:ic([gv.config({disabled:function(){return e.disabled||o.isDisabled()},disableClass:"tox-checkbox--disabled",onDisabled:function(t){Yy.getField(t).each(gv.disable)},onEnabled:function(t){Yy.getField(t).each(gv.enable)}}),Lv()])});var e,o,r,i,u,a,c,s}),colorinput:c_(function(t,n){return iw(t,n.shared,n.colorinput)}),colorpicker:c_(function(t){var n=function(t){return"tox-"+t},e=nk(uk,n),r=gp(e.sketch({dom:{tag:"div",classes:["tox-color-picker-container"],attributes:{role:"presentation"}},onValidHex:function(t){qo(t,ix,{name:"hex-valid",value:!0})},onInvalidHex:function(t){qo(t,ix,{name:"hex-valid",value:!1})}}));return{dom:{tag:"div"},components:[r.asSpec()],behaviours:ic([Nl.config({store:{mode:"manual",getValue:function(t){var n=r.get(t);return td.getCurrent(n).bind(function(t){return Nl.getValue(t).hex}).map(function(t){return"#"+t}).getOr("")},setValue:function(t,n){var e=/^#([a-fA-F0-9]{3}(?:[a-fA-F0-9]{3})?)/.exec(n),o=r.get(t);td.getCurrent(o).fold(function(){console.log("Can not find form")},function(t){Nl.setValue(t,{hex:st.from(e[1]).getOr("")}),qS.getField(t,"hex").each(function(t){Yo(t,po())})})}}}),ek()])}}),dropzone:c_(function(t,n){return hk(t,n.shared.providers)}),grid:c_(function(t,n){return e=t,o=n.shared,{dom:{tag:"div",classes:["tox-form__grid","tox-form__grid--"+e.columns+"col"]},components:V(e.items,o.interpreter)};var e,o}),listbox:c_(function(t,n){return o=t,e=(r=n).shared.providers,i=K(o.items).filter(MO),u=o.label.map(function(t){return nx(t,e)}),a={dom:{tag:"div",classes:["tox-listboxfield"]},components:[Yy.parts.field({dom:{},factory:{sketch:function(t){return VC({uid:t.uid,text:i.map(function(t){return t.text}),icon:st.none(),tooltip:o.label,role:st.none(),fetch:function(t,n){var e=IO(t,o.name,o.items,Nl.getValue(t));n(jC(e,uh.CLOSE_ON_EXECUTE,r,!1))},onSetup:at($),getApi:at({}),columns:1,presets:"normal",classes:[],dropdownBehaviours:[Jy.config({}),Nl.config({store:{mode:"manual",initialValue:i.map(function(t){return t.value}).getOr(""),getValue:function(t){return Nr(t.element,FO)},setValue:function(n,t){RO(o.items,t).each(function(t){zr(n.element,FO,t.value),qo(n,IC,{text:t.text})})}}})]},"tox-listbox",r.shared)}}})]},Yy.sketch({dom:{tag:"div",classes:["tox-form__group"]},components:dt([u.toArray(),[a]]),fieldBehaviours:ic([gv.config({disabled:at(o.disabled),onDisabled:function(t){Yy.getField(t).each(gv.disable)},onEnabled:function(t){Yy.getField(t).each(gv.enable)}})])});var o,r,e,i,u,a}),selectbox:c_(function(t,n){return e=t,o=n.shared.providers,r=V(e.items,function(t){return{text:o.translate(t.text),value:t.value}}),i=e.label.map(function(t){return nx(t,o)}),u=Yy.parts.field({dom:{},selectAttributes:{size:e.size},options:r,factory:VO,selectBehaviours:ic([gv.config({disabled:function(){return e.disabled||o.isDisabled()}}),Jy.config({}),dg("selectbox-change",[er(ho(),function(t,n){qo(t,ex,{name:e.name})})])])}),a=1<e.size?st.none():st.some({dom:{tag:"div",classes:["tox-selectfield__icon-js"],innerHtml:hp("chevron-down",o.icons)}}),c={dom:{tag:"div",classes:["tox-selectfield"]},components:dt([[u],a.toArray()])},Yy.sketch({dom:{tag:"div",classes:["tox-form__group"]},components:dt([i.toArray(),[c]]),fieldBehaviours:ic([gv.config({disabled:function(){return e.disabled||o.isDisabled()},onDisabled:function(t){Yy.getField(t).each(gv.disable)},onEnabled:function(t){Yy.getField(t).each(gv.enable)}}),Lv()])});var e,o,r,i,u,a,c}),sizeinput:c_(function(t,n){return cO(t,n.shared.providers)}),urlinput:c_(function(t,n){return a_(t,n,n.urlinput)}),customeditor:c_(function(e){var o=fe(st.none()),n=gp({dom:{tag:e.tag}}),r=fe(st.none());return{dom:{tag:"div",classes:["tox-custom-editor"]},behaviours:ic([dg("custom-editor-events",[sr(function(t){n.getOpt(t).each(function(n){var t;t=e,(Object.prototype.hasOwnProperty.call(t,"init")?e.init(n.element.dom):ak.load(e.scriptId,e.scriptUrl).then(function(t){return t(n.element.dom,e.settings)})).then(function(n){r.get().each(function(t){n.setValue(t)}),r.set(st.none()),o.set(st.some(n))})})})]),Nl.config({store:{mode:"manual",getValue:function(){return o.get().fold(function(){return r.get().getOr("")},function(t){return t.getValue()})},setValue:function(t,n){o.get().fold(function(){r.set(st.some(n))},function(t){return t.setValue(n)})}}}),ek()]),components:[n.asSpec()]}}),htmlpanel:c_(function(t){return"presentation"===t.presets?Uy.sketch({dom:{tag:"div",classes:["tox-form__group"],innerHtml:t.html}}):Uy.sketch({dom:{tag:"div",classes:["tox-form__group"],innerHtml:t.html,attributes:{role:"document"}},containerBehaviours:ic([Jy.config({}),vg.config({})])})}),imagetools:c_(function(t,n){return AO(t,n.shared.providers)}),table:c_(function(t,n){return e=t,o=n.shared.providers,u=function(t){return{dom:{tag:"th",innerHtml:o.translate(t)}}},a=function(t){return{dom:{tag:"td",innerHtml:o.translate(t)}}},c=function(t){return{dom:{tag:"tr"},components:V(t,a)}},{dom:{tag:"table",classes:["tox-dialog__table"]},components:[(i=e.header,{dom:{tag:"thead"},components:[{dom:{tag:"tr"},components:V(i,u)}]}),(r=e.cells,{dom:{tag:"tbody"},components:V(r,c)})],behaviours:ic([Jy.config({}),vg.config({})])};var e,o,r,i,u,a,c}),panel:c_(function(t,n){return o=n,{dom:{tag:"div",classes:(e=t).classes},components:V(e.items,o.shared.interpreter)};var e,o})},l_={field:function(t,n){return n}},f_=function(n,t,e){var o=zt(e,{shared:{interpreter:function(t){return d_(n,t,o)}}});return d_(n,t,o)},d_=function(n,e,o){return Ft(s_,e.type).fold(function(){return console.error('Unknown factory type "'+e.type+'", defaulting to container: ',e),e},function(t){return t(n,e,o)})},m_={valignCentre:[],alignCentre:[],alignLeft:[],alignRight:[],right:[],left:[],bottom:[],top:[]},g_=function(t,n,e){var o=Hc(-12,12,m_),r={maxHeightFunction:Fc()};return function(){return e()?{anchor:"node",root:zi(t()),node:st.from(t()),bubble:o,layouts:{onRtl:function(){return[sp]},onLtr:function(){return[cp]}},overrides:r}:{anchor:"hotspot",hotspot:n(),bubble:o,layouts:{onRtl:function(){return[Ha]},onLtr:function(){return[za]}},overrides:r}}},p_=function(t,n,e){return function(){return e()?{anchor:"node",root:zi(t()),node:st.from(t()),layouts:{onRtl:function(){return[lp]},onLtr:function(){return[lp]}}}:{anchor:"hotspot",hotspot:n(),layouts:{onRtl:function(){return[Ua]},onLtr:function(){return[Ua]}}}}},h_=function(t,n,e){var o,r,i,u=Fv(t),a=function(){return me.fromDom(t.getBody())},c=function(){return me.fromDom(t.getContentAreaContainer())},s=function(){return u||!e()};return{inlineDialog:g_(c,n,s),banner:p_(c,n,s),cursor:(r=t,function(){return{anchor:"selection",root:i(),getSelection:function(){var t=r.selection.getRng();return st.some(Qc.range(me.fromDom(t.startContainer),t.startOffset,me.fromDom(t.endContainer),t.endOffset))}}}),node:(o=i=a,function(t){return{anchor:"node",root:o(),node:t}})}},v_=function(t){return{colorPicker:function(t,n){Kb(r)(t,n)},hasCustomColors:function(){return Hb(o)},getColors:function(){return zb(e)},getColorCols:(n=e=o=r=t,function(){return jb(n)})};var n,e,o,r},b_=[{title:"Headings",items:[{title:"Heading 1",format:"h1"},{title:"Heading 2",format:"h2"},{title:"Heading 3",format:"h3"},{title:"Heading 4",format:"h4"},{title:"Heading 5",format:"h5"},{title:"Heading 6",format:"h6"}]},{title:"Inline",items:[{title:"Bold",format:"bold"},{title:"Italic",format:"italic"},{title:"Underline",format:"underline"},{title:"Strikethrough",format:"strikethrough"},{title:"Superscript",format:"superscript"},{title:"Subscript",format:"subscript"},{title:"Code",format:"code"}]},{title:"Blocks",items:[{title:"Paragraph",format:"p"},{title:"Blockquote",format:"blockquote"},{title:"Div",format:"div"},{title:"Pre",format:"pre"}]},{title:"Align",items:[{title:"Left",format:"alignleft"},{title:"Center",format:"aligncenter"},{title:"Right",format:"alignright"},{title:"Justify",format:"alignjustify"}]}],y_=function(t){return N(t,function(t,n){if(It(n,"items")){var e=y_(n.items);return{customFormats:t.customFormats.concat(e.customFormats),formats:t.formats.concat([{title:n.title,items:e.formats}])}}if(It(n,"inline")||It(n,"block")||It(n,"selector")){var o="custom-"+(k(n.name)?n.name:n.title.toLowerCase());return{customFormats:t.customFormats.concat([{name:o,format:n}]),formats:t.formats.concat([{title:n.title,format:o,icon:n.icon}])}}return ut(ut({},t),{formats:t.formats.concat(n)})},{customFormats:[],formats:[]})},x_=function(i){return t=i,st.from(t.getParam("style_formats")).filter(p).map(function(t){var n,e,o,r=(n=i,e=y_(t),o=function(t){ft(t,function(t){n.formatter.has(t.name)||n.formatter.register(t.name,t.format)})},n.formatter?o(e.customFormats):n.on("init",function(){o(e.customFormats)}),e.formats);return i.getParam("style_formats_merge",!1,"boolean")?b_.concat(r):r}).getOr(b_);var t},w_=function(t,n,e){var o={type:"formatter",isSelected:n(t.format),getStylePreview:e(t.format)};return zt(t,o)},S_=function(c,t,s,l){var f=function(t){return V(t,function(t){var n,e,o,r,i,u=Ct(t);if(Rt(t,"items")){var a=f(t.items);return zt(zt(t,{type:"submenu"}),{getStyleItems:function(){return a}})}return Rt(t,"format")?w_(t,s,l):1===u.length&&M(u,"title")?zt(t,{type:"separator"}):(e=k((n=t).name)?n.name:Kr(n.title),r={type:"formatter",format:o="custom-"+e,isSelected:s(o),getStylePreview:l(o)},i=zt(n,r),c.formatter.register(e,i),i)})};return f(t)},k_=ck.trim,C_=function(n){return function(t){if(t&&1===t.nodeType){if(t.contentEditable===n)return!0;if(t.getAttribute("data-mce-contenteditable")===n)return!0}return!1}},O_=C_("true"),__=C_("false"),T_=function(t,n,e,o,r){return{type:t,title:n,url:e,level:o,attach:r}},E_=function(t){return t.innerText||t.textContent},D_=function(t){return(n=t)&&"A"===n.nodeName&&(n.id||n.name)!==undefined&&A_(t);var n},B_=function(t){return t&&/^(H[1-6])$/.test(t.nodeName)},A_=function(t){return function(t){for(;t=t.parentNode;){var n=t.contentEditable;if(n&&"inherit"!==n)return O_(t)}return!1}(t)&&!__(t)},M_=function(t){return B_(t)&&A_(t)},F_=function(t){var n,e,o=(n=t).id?n.id:Kr("h");return T_("header",E_(t),"#"+o,B_(e=t)?parseInt(e.nodeName.substr(1),10):0,function(){t.id=o})},I_=function(t){var n=t.id||t.name,e=E_(t);return T_("anchor",e||"#"+n,"#"+n,0,$)},R_=function(t){var n,e;return n="h1,h2,h3,h4,h5,h6,a:not([href])",e=t,V(ms(me.fromDom(e),n),function(t){return t.dom})},V_=function(t){return 0<k_(t.title).length},P_=function(t){var n=R_(t);return H(V(H(n,M_),F_).concat(V(H(n,D_),I_)),V_)},H_="tinymce-url-history",z_=function(t){return k(t)&&/^https?/.test(t)},N_=function(t){return C(t)&&At(t,function(t){return!(p(n=t)&&n.length<=5&&W(n,z_));var n}).isNone()},L_=function(){var t,n=Fb.getItem(H_);if(null===n)return{};try{t=JSON.parse(n)}catch(e){if(e instanceof SyntaxError)return console.log("Local storage "+H_+" was not valid JSON",e),{};throw e}return N_(t)?t:(console.log("Local storage "+H_+" was not valid format",t),{})},j_=function(t){var n=L_();return Object.prototype.hasOwnProperty.call(n,t)?n[t]:[]},U_=function(n,t){var e,o,r;z_(n)&&(e=L_(),o=Object.prototype.hasOwnProperty.call(e,t)?e[t]:[],r=H(o,function(t){return t!==n}),e[t]=[n].concat(r).slice(0,5),function(t){if(!N_(t))throw new Error("Bad format for history:\n"+JSON.stringify(t));Fb.setItem(H_,JSON.stringify(t))}(e))},W_=function(t){return!!t},G_=function(t){return Tt(ck.makeMap(t,/[, ]/),W_)},X_=function(t){return st.from(t.getParam("file_picker_callback")).filter(_)},Y_=function(t,n){var e,o,r,i,u=(e=t,o=st.some(e.getParam("file_picker_types")).filter(W_),r=st.some(e.getParam("file_browser_callback_types")).filter(W_),i=o.or(r).map(G_),X_(e).fold(function(){return!1},function(t){return i.fold(function(){return!0},function(t){return 0<Ct(t).length&&t})}));return O(u)?u?X_(t):st.none():u[n]?X_(t):st.none()},q_=function(t){return st.from(t).filter(k).getOrUndefined()},K_=function(t){return st.from((e=(n=t).getParam("file_picker_validator_handler",undefined,"function"))===undefined?n.getParam("filepicker_validator_handler",undefined,"function"):e);var n,e},J_=function(n){return{getHistory:j_,addToHistory:U_,getLinkInformation:function(){return!1===(t=n).getParam("typeahead_urls")?st.none():st.some({targets:P_(t.getBody()),anchorTop:q_(t.getParam("anchor_top","#top")),anchorBottom:q_(t.getParam("anchor_bottom","#bottom"))});var t},getValidationHandler:function(){return K_(n)},getUrlPicker:function(t){return Y_(r=n,i=t).map(function(o){return function(n){return Ox(function(e){var t=ut({filetype:i,fieldname:n.fieldname},st.from(n.meta).getOr({}));o.call(r,function(t,n){if(!k(t))throw new Error("Expected value to be string");if(n!==undefined&&!C(n))throw new Error("Expected meta to be a object");e({value:t,meta:n})},n.value,t)})}});var r,i}}},$_=function(t,n,e){var o,r,i=fe(!1),u={isPositionedAtTop:function(){return"top"===o.get()},getDockingMode:(o=fe(Av(n)?"bottom":"top")).get,setDockingMode:o.set},a={shared:{providers:{icons:function(){return n.ui.registry.getAll().icons},menuItems:function(){return n.ui.registry.getAll().menuItems},translate:tv.translate,isDisabled:function(){return n.mode.isReadOnly()||n.ui.isDisabled()},getSetting:n.getParam.bind(n)},interpreter:function(t){return d_(l_,t,a)},anchors:h_(n,e,u.isPositionedAtTop),header:u,getSink:function(){return mt.value(t)}},urlinput:J_(n),styleselect:function(o){var r=function(t){return function(){return o.formatter.match(t)}},i=function(n){return function(){var t=o.formatter.get(n);return t!==undefined?st.some({tag:0<t.length&&(t[0].inline||t[0].block)||"div",styles:o.dom.parseStyle(o.formatter.getCssText(n))}):st.none()}},u=function(t){var n=t.items;return n!==undefined&&0<n.length?U(n,u):[t.format]},a=fe([]),c=fe([]),e=fe([]),s=fe([]),l=fe(!1);o.on("PreInit",function(t){var n=x_(o),e=S_(o,n,r,i);a.set(e),c.set(U(e,u))}),o.on("addStyleModifications",function(t){var n=S_(o,t.items,r,i);e.set(n),l.set(t.replace),s.set(U(n,u))});return{getData:function(){var t=l.get()?[]:a.get(),n=e.get();return t.concat(n)},getFlattenedKeys:function(){var t=l.get()?[]:c.get(),n=s.get();return t.concat(n)}}}(n),colorinput:v_(n),dialog:{isDraggableModal:(r=n,function(){return r.getParam("draggable_modal",!1,"boolean")})},isContextMenuOpen:function(){return i.get()},setContextMenuState:function(t){return i.set(t)}};return a},Q_=at(function(t,n){var e,o,r;e=t,o=Math.floor(n),r=Ou.max(e,o,["margin-left","border-left-width","padding-left","padding-right","border-right-width","margin-right"]),qi(e,"max-width",r+"px")}),Z_="contexttoolbar-hide",tT=at([Ln("dom"),ne("shell",!0),Ll("toolbarBehaviours",[fg])]),nT=at([yf({name:"groups",overrides:function(){return{behaviours:ic([fg.config({})])}}})]),eT=qf({name:"Toolbar",configFields:tT(),partFields:nT(),factory:function(n,t,e,o){var r=function(t){return n.shell?st.some(t):Af(t,n,"groups")},i=n.shell?{behaviours:[fg.config({})],components:[]}:{behaviours:[],components:t};return{uid:n.uid,dom:n.dom,components:i.components,behaviours:Ul(n.toolbarBehaviours,i.behaviours),apis:{setGroups:function(t,n){r(t).fold(function(){throw console.error("Toolbar was defined to not be a shell, but no groups container was specified in components"),new Error("Toolbar was defined to not be a shell, but no groups container was specified in components")},function(t){fg.set(t,n)})}},domModification:{attributes:{role:"group"}}}},apis:{setGroups:function(t,n,e){t.setGroups(n,e)}}}),oT=function(t,n,e){return{within:t,extra:n,withinWidth:e}},rT=function(t,n,o){var e,r=(e=function(t,n){var e=o(t);return st.some({element:t,start:n,finish:n+e,width:e})},N(t,function(n,t){return e(t,n.len).fold(at(n),function(t){return{len:t.finish,list:n.list.concat([t])}})},{len:0,list:[]}).list),i=H(r,function(t){return t.finish<=n}),u=z(i,function(t,n){return t+n.width},0);return{within:i,extra:r.slice(i.length),withinWidth:u}},iT=function(t){return V(t,function(t){return t.element})},uT=function(t,n,e,o){var r,i,u,a,c,s,l,f,d,m=(0===(r=rT(n,t,e)).extra.length?st.some(r):st.none()).getOrThunk(function(){return rT(n,t-e(o),e)}),g=m.within,p=m.extra,h=m.withinWidth;return 1===p.length&&p[0].width<=e(o)?(l=p,f=h,d=iT(g.concat(l)),oT(d,[],f)):1<=p.length?(u=p,a=o,c=h,s=iT(g).concat([a]),oT(s,iT(u),c)):(i=h,oT(iT(g),[],i))},aT=function(t,n){var e=V(n,function(t){return pu(t)});eT.setGroups(t,e)},cT=function(t,n,e){var o=Mf(t,n,"primary"),r=zx.getCoupled(t,"overflowGroup");qi(o.element,"visibility","hidden");var i=n.builtGroups.get().concat([r]),u=Z(i,function(n){return pc(n.element).bind(function(t){return n.getSystem().getByDom(t).toOptional()})});e([]),aT(o,i);var a=_u(o.element),c=uT(a,n.builtGroups.get(),function(t){return _u(t.element)},r);0===c.extra.length?(fg.remove(o,r),e([])):(aT(o,c.within),e(c.extra)),nu(o.element,"visibility"),eu(o.element),u.each(vg.focus)},sT=at([Ll("splitToolbarBehaviours",[zx]),le("builtGroups",function(){return fe([])})]),lT=at([da(["overflowToggledClass"]),Zn("getOverflowBounds"),Ln("lazySink"),le("overflowGroups",function(){return fe([])})].concat(sT())),fT=at([vf({factory:eT,schema:tT(),name:"primary"}),bf({schema:tT(),name:"overflow"}),bf({name:"overflow-button"}),bf({name:"overflow-group"})]),dT=at([da(["toggledClass"]),Ln("lazySink"),Gn("fetch"),Zn("getBounds"),te("fireDismissalEventInstead",[ne("event",zo())]),Wc()]),mT=at([bf({name:"button",overrides:function(t){return{dom:{attributes:{"aria-haspopup":"true"}},buttonBehaviours:ic([Dg.config({toggleClass:t.markers.toggledClass,aria:{mode:"expanded"},toggleOnExecute:!1})])}}}),bf({factory:eT,schema:tT(),name:"toolbar",overrides:function(n){return{toolbarBehaviours:ic([ug.config({mode:"cyclic",onEscape:function(t){return Af(t,n,"button").each(vg.focus),st.none()}})])}}})]),gT=function(t,n){var e=zx.getCoupled(t,"toolbarSandbox");xl.isOpen(e)?xl.close(e):xl.open(e,n.toolbar())},pT=function(t,n,e,o){var r=e.getBounds.map(function(t){return t()}),i=e.lazySink(t).getOrDie();Qs.positionWithinBounds(i,{anchor:"hotspot",hotspot:t,layouts:o,overrides:{maxWidthFunction:Q_()}},n,r)},hT=function(t,n,e,o,r){eT.setGroups(n,r),pT(t,n,e,o),Dg.on(t)},vT=qf({name:"FloatingToolbarButton",factory:function(u,t,a,n){return ut(ut({},mp.sketch(ut(ut({},n.button()),{action:function(t){gT(t,n)},buttonBehaviours:Gl({dump:n.button().buttonBehaviours},[zx.config({others:{toolbarSandbox:function(t){return o=t,e=a,r=u,{dom:{tag:"div",attributes:{id:(i=$u()).id}},behaviours:ic([ug.config({mode:"special",onEscape:function(t){return xl.close(t),st.some(!0)}}),xl.config({onOpen:function(t,n){r.fetch().get(function(t){hT(o,n,r,e.layouts,t),i.link(o.element),ug.focusIn(n)})},onClose:function(){Dg.off(o),vg.focus(o),i.unlink(o.element)},isPartOf:function(t,n,e){return Zu(n,e)||Zu(o,e)},getAttachPoint:function(){return r.lazySink(o).getOrDie()}}),fc.config({channels:ut(ut({},Ol(ut({isExtraPart:c},r.fireDismissalEventInstead.map(function(t){return{fireEventInstead:{event:t.event}}}).getOr({})))),Tl({doReposition:function(){xl.getState(zx.getCoupled(o,"toolbarSandbox")).each(function(t){pT(o,t,r,e.layouts)})}}))})])};var o,e,r,i}}})])}))),{apis:{setGroups:function(n,e){xl.getState(zx.getCoupled(n,"toolbarSandbox")).each(function(t){hT(n,t,u,a.layouts,e)})},reposition:function(n){xl.getState(zx.getCoupled(n,"toolbarSandbox")).each(function(t){pT(n,t,u,a.layouts)})},toggle:function(t){gT(t,n)},getToolbar:function(t){return xl.getState(zx.getCoupled(t,"toolbarSandbox"))},isOpen:function(t){return xl.isOpen(zx.getCoupled(t,"toolbarSandbox"))}}})},configFields:dT(),partFields:mT(),apis:{setGroups:function(t,n,e){t.setGroups(n,e)},reposition:function(t,n){t.reposition(n)},toggle:function(t,n){t.toggle(n)},getToolbar:function(t,n){return t.getToolbar(n)},isOpen:function(t,n){return t.isOpen(n)}}}),bT=at([Ln("items"),da(["itemSelector"]),Ll("tgroupBehaviours",[ug])]),yT=at([xf({name:"items",unit:"item"})]),xT=qf({name:"ToolbarGroup",configFields:bT(),partFields:yT(),factory:function(t,n,e,o){return{uid:t.uid,dom:t.dom,components:n,behaviours:Ul(t.tgroupBehaviours,[ug.config({mode:"flow",selector:t.markers.itemSelector})]),domModification:{attributes:{role:"toolbar"}}}}}),wT=function(t){return V(t,function(t){return pu(t)})},ST=function(t,e,o){cT(t,o,function(n){o.overflowGroups.set(n),e.getOpt(t).each(function(t){vT.setGroups(t,wT(n))})})},kT=qf({name:"SplitFloatingToolbar",configFields:lT(),partFields:fT(),factory:function(e,t,n,o){var r=gp(vT.sketch({fetch:function(){return Ox(function(t){t(wT(e.overflowGroups.get()))})},layouts:{onLtr:function(){return[za,Ha]},onRtl:function(){return[Ha,za]},onBottomLtr:function(){return[La,Na]},onBottomRtl:function(){return[Na,La]}},getBounds:n.getOverflowBounds,lazySink:e.lazySink,fireDismissalEventInstead:{},markers:{toggledClass:e.markers.overflowToggledClass},parts:{button:o["overflow-button"](),toolbar:o.overflow()}}));return{uid:e.uid,dom:e.dom,components:t,behaviours:Ul(e.splitToolbarBehaviours,[zx.config({others:{overflowGroup:function(){return xT.sketch(ut(ut({},o["overflow-group"]()),{items:[r.asSpec()]}))}}})]),apis:{setGroups:function(t,n){e.builtGroups.set(V(n,t.getSystem().build)),ST(t,r,e)},refresh:function(t){return ST(t,r,e)},toggle:function(t){r.getOpt(t).each(function(t){vT.toggle(t)})},isOpen:function(t){return r.getOpt(t).map(vT.isOpen).getOr(!1)},reposition:function(t){r.getOpt(t).each(function(t){vT.reposition(t)})},getOverflow:function(t){return r.getOpt(t).bind(vT.getToolbar)}},domModification:{attributes:{role:"group"}}}},apis:{setGroups:function(t,n,e){t.setGroups(n,e)},refresh:function(t,n){t.refresh(n)},reposition:function(t,n){t.reposition(n)},toggle:function(t,n){t.toggle(n)},isOpen:function(t,n){return t.isOpen(n)},getOverflow:function(t,n){return t.getOverflow(n)}}}),CT=function(n,t){return t.getAnimationRoot.fold(function(){return n.element},function(t){return t(n)})},OT=function(t){return t.dimension.property},_T=function(t,n){return t.dimension.getDimension(n)},TT=function(t,n){var e=CT(t,n);Fi(e,[n.shrinkingClass,n.growingClass])},ET=function(t,n){Bi(t.element,n.openClass),Ei(t.element,n.closedClass),qi(t.element,OT(n),"0px"),eu(t.element)},DT=function(t,n){Bi(t.element,n.closedClass),Ei(t.element,n.openClass),nu(t.element,OT(n))},BT=function(t,n,e,o){e.setCollapsed(),qi(t.element,OT(n),_T(n,t.element)),eu(t.element),TT(t,n),ET(t,n),n.onStartShrink(t),n.onShrunk(t)},AT=function(t,n,e,o){var r=o.getOrThunk(function(){return _T(n,t.element)});e.setCollapsed(),qi(t.element,OT(n),r),eu(t.element);var i=CT(t,n);Bi(i,n.growingClass),Ei(i,n.shrinkingClass),ET(t,n),n.onStartShrink(t)},MT=function(t,n,e){var o=_T(n,t.element);("0px"===o?BT:AT)(t,n,e,st.some(o))},FT=function(t,n,e){var o=CT(t,n),r=Ai(o,n.shrinkingClass),i=_T(n,t.element);DT(t,n);var u=_T(n,t.element);(r?function(){qi(t.element,OT(n),i),eu(t.element)}:function(){ET(t,n)})(),Bi(o,n.shrinkingClass),Ei(o,n.growingClass),DT(t,n),qi(t.element,OT(n),u),e.setExpanded(),n.onStartGrow(t)},IT=function(t,n,e){var o=CT(t,n);return!0===Ai(o,n.growingClass)},RT=function(t,n,e){var o=CT(t,n);return!0===Ai(o,n.shrinkingClass)},VT=/* */Object.freeze({__proto__:null,refresh:function(t,n,e){var o;e.isExpanded()&&(nu(t.element,OT(n)),o=_T(n,t.element),qi(t.element,OT(n),o))},grow:function(t,n,e){e.isExpanded()||FT(t,n,e)},shrink:function(t,n,e){e.isExpanded()&&MT(t,n,e)},immediateShrink:function(t,n,e){e.isExpanded()&&BT(t,n,e,st.none())},hasGrown:function(t,n,e){return e.isExpanded()},hasShrunk:function(t,n,e){return e.isCollapsed()},isGrowing:IT,isShrinking:RT,isTransitioning:function(t,n,e){return!0===IT(t,n)||!0===RT(t,n)},toggleGrow:function(t,n,e){(e.isExpanded()?MT:FT)(t,n,e)},disableTransitions:TT}),PT=/* */Object.freeze({__proto__:null,exhibit:function(t,n,e){var o=n.expanded;return gi(o?{classes:[n.openClass],styles:{}}:{classes:[n.closedClass],styles:Jt(n.dimension.property,"0px")})},events:function(e,o){return Zo([cr(bo(),function(t,n){n.event.raw.propertyName===e.dimension.property&&(TT(t,e),o.isExpanded()&&nu(t.element,e.dimension.property),(o.isExpanded()?e.onGrown:e.onShrunk)(t))})])}}),HT=[Ln("closedClass"),Ln("openClass"),Ln("shrinkingClass"),Ln("growingClass"),Kn("getAnimationRoot"),ga("onShrunk"),ga("onStartShrink"),ga("onGrown"),ga("onStartGrow"),ne("expanded",!1),jn("dimension",An("property",{width:[ba("property","width"),ba("getDimension",function(t){return _u(t)+"px"})],height:[ba("property","height"),ba("getDimension",function(t){return bu(t)+"px"})]}))],zT=ac({fields:HT,name:"sliding",active:PT,apis:VT,state:/* */Object.freeze({__proto__:null,init:function(t){var n=fe(t.expanded);return di({isExpanded:function(){return!0===n.get()},isCollapsed:function(){return!1===n.get()},setCollapsed:y(n.set,!1),setExpanded:y(n.set,!0),readState:function(){return"expanded: "+n.get()}})}})}),NT=at([da(["closedClass","openClass","shrinkingClass","growingClass","overflowToggledClass"]),ga("onOpened"),ga("onClosed")].concat(sT())),LT=at([vf({factory:eT,schema:tT(),name:"primary"}),vf({factory:eT,schema:tT(),name:"overflow",overrides:function(n){return{toolbarBehaviours:ic([zT.config({dimension:{property:"height"},closedClass:n.markers.closedClass,openClass:n.markers.openClass,shrinkingClass:n.markers.shrinkingClass,growingClass:n.markers.growingClass,onShrunk:function(t){Af(t,n,"overflow-button").each(function(t){Dg.off(t),vg.focus(t)}),n.onClosed(t)},onGrown:function(t){ug.focusIn(t),n.onOpened(t)},onStartGrow:function(t){Af(t,n,"overflow-button").each(Dg.on)}}),ug.config({mode:"acyclic",onEscape:function(t){return Af(t,n,"overflow-button").each(vg.focus),st.some(!0)}})])}}}),bf({name:"overflow-button",overrides:function(t){return{buttonBehaviours:ic([Dg.config({toggleClass:t.markers.overflowToggledClass,aria:{mode:"pressed"},toggleOnExecute:!1})])}}}),bf({name:"overflow-group"})]),jT=function(n,e){Af(n,e,"overflow-button").bind(function(){return Af(n,e,"overflow")}).each(function(t){UT(n,e),zT.toggleGrow(t)})},UT=function(t,n){Af(t,n,"overflow").each(function(e){cT(t,n,function(t){var n=V(t,function(t){return pu(t)});eT.setGroups(e,n)}),Af(t,n,"overflow-button").each(function(t){zT.hasGrown(e)&&Dg.on(t)}),zT.refresh(e)})},WT=qf({name:"SplitSlidingToolbar",configFields:NT(),partFields:LT(),factory:function(o,t,n,e){var r="alloy.toolbar.toggle";return{uid:o.uid,dom:o.dom,components:t,behaviours:Ul(o.splitToolbarBehaviours,[zx.config({others:{overflowGroup:function(n){return xT.sketch(ut(ut({},e["overflow-group"]()),{items:[mp.sketch(ut(ut({},e["overflow-button"]()),{action:function(t){Yo(n,r)}}))]}))}}}),dg("toolbar-toggle-events",[er(r,function(t){jT(t,o)})])]),apis:{setGroups:function(t,n){var e;e=V(n,t.getSystem().build),o.builtGroups.set(e),UT(t,o)},refresh:function(t){return UT(t,o)},toggle:function(t){return jT(t,o)},isOpen:function(t){return Af(t,o,"overflow").map(zT.hasGrown).getOr(!1)}},domModification:{attributes:{role:"group"}}}},apis:{setGroups:function(t,n,e){t.setGroups(n,e)},refresh:function(t,n){t.refresh(n)},toggle:function(t,n){t.toggle(n)},isOpen:function(t,n){return t.isOpen(n)}}}),GT=at(Kr("toolbar-height-change")),XT=function(t){var n=t.title.fold(function(){return{}},function(t){return{attributes:{title:t}}});return{dom:ut({tag:"div",classes:["tox-toolbar__group"]},n),components:[xT.parts.items({})],items:t.items,markers:{itemSelector:"*:not(.tox-split-button) > .tox-tbtn:not([disabled]), .tox-split-button:not([disabled]), .tox-toolbar-nav-js:not([disabled])"},tgroupBehaviours:ic([Jy.config({}),vg.config({})])}},YT=function(t){return xT.sketch(XT(t))},qT=function(e,t){var n=sr(function(t){var n=V(e.initGroups,YT);eT.setGroups(t,n)});return ic([Gv(e.providers.isDisabled),Lv(),ug.config({mode:t,onEscape:e.onEscape,selector:".tox-toolbar__group"}),dg("toolbar-events",[n])])},KT=function(t){var n=t.cyclicKeying?"cyclic":"acyclic";return{uid:t.uid,dom:{tag:"div",classes:["tox-toolbar-overlord"]},parts:{"overflow-group":XT({title:st.none(),items:[]}),"overflow-button":YC({name:"more",icon:st.some("more-drawer"),disabled:!1,tooltip:st.some("More..."),primary:!1,borderless:!1},st.none(),t.providers)},splitToolbarBehaviours:qT(t,n)}},JT=function(i){var t=KT(i),n=kT.parts.primary({dom:{tag:"div",classes:["tox-toolbar__primary"]}});return kT.sketch(ut(ut({},t),{lazySink:i.getSink,getOverflowBounds:function(){var t=i.moreDrawerData.lazyHeader().element,n=Nu(t),e=wr(t),o=Nu(e),r=Math.max(e.dom.scrollHeight,o.height);return Hu(n.x+4,o.y,n.width-8,r)},parts:ut(ut({},t.parts),{overflow:{dom:{tag:"div",classes:["tox-toolbar__overflow"],attributes:i.attributes}}}),components:[n],markers:{overflowToggledClass:"tox-tbtn--enabled"}}))},$T=function(t){var n=WT.parts.primary({dom:{tag:"div",classes:["tox-toolbar__primary"]}}),e=WT.parts.overflow({dom:{tag:"div",classes:["tox-toolbar__overflow"]}}),o=KT(t);return WT.sketch(ut(ut({},o),{components:[n,e],markers:{openClass:"tox-toolbar__overflow--open",closedClass:"tox-toolbar__overflow--closed",growingClass:"tox-toolbar__overflow--growing",shrinkingClass:"tox-toolbar__overflow--shrinking",overflowToggledClass:"tox-tbtn--enabled"},onOpened:function(t){t.getSystem().broadcastOn([GT()],{type:"opened"})},onClosed:function(t){t.getSystem().broadcastOn([GT()],{type:"closed"})}}))},QT=function(t){var n=t.cyclicKeying?"cyclic":"acyclic";return eT.sketch({uid:t.uid,dom:{tag:"div",classes:["tox-toolbar"].concat(t.type===rh.scrolling?["tox-toolbar--scrolling"]:[])},components:[eT.parts.groups({})],toolbarBehaviours:qT(t,n)})},ZT=fn([Un("type"),jn("items",mn([Sn([Un("name"),qn("items",Rn)]),Rn]))].concat(Up)),tE=[Qn("text"),Qn("tooltip"),Qn("icon"),Gn("fetch"),ae("onSetup",function(){return $})],nE=fn(S([Un("type")],tE)),eE=function(t){return _n("menubutton",nE,t)},oE=fn([Un("type"),Qn("tooltip"),Qn("icon"),Qn("text"),Zn("select"),Gn("fetch"),ae("onSetup",function(){return $}),ie("presets","normal",["normal","color","listpreview"]),ne("columns",1),Gn("onAction"),Gn("onItemAction")]),rE=/* */Object.freeze({__proto__:null,events:function(i,u){var r=function(o,r){i.updateState.each(function(t){var n=t(o,r);u.set(n)}),i.renderComponents.each(function(t){var n=t(r,u.get()),e=V(n,o.getSystem().build);el(o,e)})};return Zo([er(Oo(),function(t,n){var e,o=n;o.universal||(e=i.channel,M(o.channels,e)&&r(t,o.data))}),sr(function(n,t){i.initialData.each(function(t){r(n,t)})})])}}),iE=/* */Object.freeze({__proto__:null,getState:function(t,n,e){return e}}),uE=[Ln("channel"),Kn("renderComponents"),Kn("updateState"),Kn("initialData")],aE=ac({fields:uE,name:"reflecting",active:rE,apis:iE,state:/* */Object.freeze({__proto__:null,init:function(){var n=fe(st.none());return{readState:function(){return n.get().fold(function(){return"none"},function(t){return t})},get:function(){return n.get()},set:function(t){return n.set(t)},clear:function(){return n.set(st.none())}}}})}),cE=at([Ln("toggleClass"),Ln("fetch"),ha("onExecute"),ne("getHotspot",st.some),ne("getAnchorOverrides",at({})),Wc(),ha("onItemExecute"),Kn("lazySink"),Ln("dom"),ga("onOpen"),Ll("splitDropdownBehaviours",[zx,ug,vg]),ne("matchWidth",!1),ne("useMinWidth",!1),ne("eventOrder",{}),Kn("role")].concat($x())),sE=vf({factory:mp,schema:[Ln("dom")],name:"arrow",defaults:function(){return{buttonBehaviours:ic([vg.revoke()])}},overrides:function(n){return{dom:{tag:"span",attributes:{role:"presentation"}},action:function(t){t.getSystem().getByUid(n.uid).each(Ko)},buttonBehaviours:ic([Dg.config({toggleOnExecute:!1,toggleClass:n.toggleClass})])}}}),lE=vf({factory:mp,schema:[Ln("dom")],name:"button",defaults:function(){return{buttonBehaviours:ic([vg.revoke()])}},overrides:function(e){return{dom:{tag:"span",attributes:{role:"presentation"}},action:function(n){n.getSystem().getByUid(e.uid).each(function(t){e.onExecute(t,n)})}}}}),fE=at([sE,lE,yf({factory:{sketch:function(t){return{uid:t.uid,dom:{tag:"span",styles:{display:"none"},attributes:{"aria-hidden":"true"},innerHtml:t.text}}}},schema:[Ln("text")],name:"aria-descriptor"}),bf({schema:[fa()],name:"menu",defaults:function(o){return{onExecute:function(n,e){n.getSystem().getByUid(o.uid).each(function(t){o.onItemExecute(t,n,e)})}}}}),Lx()]),dE=qf({name:"SplitDropdown",configFields:cE(),partFields:fE(),factory:function(o,t,n,e){var r,i=function(t){td.getCurrent(t).each(function(t){fd.highlightFirst(t),ug.focusIn(t)})},u=function(t){Gx(o,function(t){return t},t,e,i,bx.HighlightFirst).get($)},a=function(t){var n=Mf(t,o,"button");return Ko(n),st.some(!0)},c=ut(ut({},Zo([sr(function(e,t){Af(e,o,"aria-descriptor").each(function(t){var n=Kr("aria");zr(t.element,"id",n),zr(e.element,"aria-describedby",n)})})])),Ag(st.some(u))),s={repositionMenus:function(t){Dg.isOn(t)&&Jx(t)}};return{uid:o.uid,dom:o.dom,components:t,apis:s,eventOrder:ut(ut({},o.eventOrder),((r={})[_o()]=["disabling","toggling","alloy.base.behaviour"],r)),events:c,behaviours:Ul(o.splitDropdownBehaviours,[zx.config({others:{sandbox:function(t){var n=Mf(t,o,"arrow");return Kx(o,t,{onOpen:function(){Dg.on(n),Dg.on(t)},onClose:function(){Dg.off(n),Dg.off(t)}})}}}),ug.config({mode:"special",onSpace:a,onEnter:a,onDown:function(t){return u(t),st.some(!0)}}),vg.config({}),Dg.config({toggleOnExecute:!1,aria:{mode:"expanded"}})]),domModification:{attributes:{role:o.role.getOr("button"),"aria-haspopup":!0}}}},apis:{repositionMenus:function(t,n){return t.repositionMenus(n)}}}),mE=function(n){return{isDisabled:function(){return gv.isDisabled(n)},setDisabled:function(t){return gv.set(n,t)}}},gE=function(n){return{setActive:function(t){Dg.set(n,t)},isActive:function(){return Dg.isOn(n)},isDisabled:function(){return gv.isDisabled(n)},setDisabled:function(t){return gv.set(n,t)}}},pE=function(t,n){return t.map(function(t){return{"aria-label":n.translate(t),title:n.translate(t)}}).getOr({})},hE=Kr("focus-button"),vE=["checklist","ordered-list"],bE=["indent","outdent","table-insert-column-after","table-insert-column-before","unordered-list"],yE=function(n,e,t,o,r,i){var u,a=function(t){return tv.isRtl()&&M(vE,t)?t+"-rtl":t},c=tv.isRtl()&&n.exists(function(t){return M(bE,t)});return{dom:{tag:"button",classes:["tox-tbtn"].concat(e.isSome()?["tox-tbtn--select"]:[]).concat(c?["tox-tbtn__icon-rtl"]:[]),attributes:pE(t,i)},components:Jv([n.map(function(t){return DC(a(t),i.icons)}),e.map(function(t){return AC(t,"tox-tbtn",i)})]),eventOrder:((u={})[io()]=["focusing","alloy.base.behaviour","common-button-display-events"],u),buttonBehaviours:ic([Gv(i.isDisabled),Lv(),dg("common-button-display-events",[er(io(),function(t,n){n.event.prevent(),Yo(t,hE)})])].concat(o.map(function(t){return aE.config({channel:t,initialData:{icon:n,text:e},renderComponents:function(t,n){return Jv([t.icon.map(function(t){return DC(a(t),i.icons)}),t.text.map(function(t){return AC(t,"tox-tbtn",i)})])}})}).toArray()).concat(r.getOr([])))}},xE=function(t,n,e){var o,r=fe($),i=yE(t.icon,t.text,t.tooltip,st.none(),st.none(),e);return mp.sketch({dom:i.dom,components:i.components,eventOrder:FC,buttonBehaviours:ic([dg("toolbar-button-events",[(o={onAction:t.onAction,getApi:n.getApi},dr(function(n,t){Xv(o,n)(function(t){qo(n,MC,{buttonApi:t}),o.onAction(t)})})),Yv(n,r),qv(n,r)]),Gv(function(){return t.disabled||e.isDisabled()}),Lv()].concat(n.toolbarButtonBehaviours))})},wE=function(t,n,e){return xE(t,{toolbarButtonBehaviours:[].concat(0<e.length?[dg("toolbarButtonWith",e)]:[]),getApi:mE,onSetup:t.onSetup},n)},SE=function(t,n,e){return zt(xE(t,{toolbarButtonBehaviours:[fg.config({}),Dg.config({toggleClass:"tox-tbtn--enabled",aria:{mode:"pressed"},toggleOnExecute:!1})].concat(0<e.length?[dg("toolbarToggleButtonWith",e)]:[]),getApi:gE,onSetup:t.onSetup},n))},kE=function(n,t){var e,o,r,i,u=Kr("channel-update-split-dropdown-display"),a=function(e){return{isDisabled:function(){return gv.isDisabled(e)},setDisabled:function(t){return gv.set(e,t)},setIconFill:function(t,n){Ku(e.element,'svg path[id="'+t+'"], rect[id="'+t+'"]').each(function(t){zr(t,"fill",n)})},setIconStroke:function(t,n){Ku(e.element,'svg path[id="'+t+'"], rect[id="'+t+'"]').each(function(t){zr(t,"stroke",n)})},setActive:function(n){zr(e.element,"aria-pressed",n),Ku(e.element,"span").each(function(t){e.getSystem().getByDom(t).each(function(t){return Dg.set(t,n)})})},isActive:function(){return Ku(e.element,"span").exists(function(t){return e.getSystem().getByDom(t).exists(Dg.isOn)})}}},c=fe($),s={getApi:a,onSetup:n.onSetup};return dE.sketch({dom:{tag:"div",classes:["tox-split-button"],attributes:ut({"aria-pressed":!1},pE(n.tooltip,t.providers))},onExecute:function(t){n.onAction(a(t))},onItemExecute:function(t,n,e){},splitDropdownBehaviours:ic([Wv(t.providers.isDisabled),Lv(),dg("split-dropdown-events",[er(hE,vg.focus),Yv(s,c),qv(s,c)]),nw.config({})]),eventOrder:((e={})[Po()]=["alloy.base.behaviour","split-dropdown-events"],e),toggleClass:"tox-tbtn--enabled",lazySink:t.getSink,fetch:(o=a,r=n,i=t.providers,function(n){return Ox(function(t){return r.fetch(t)}).map(function(t){return st.from(hy(zt(Jb(Kr("menu-value"),t,function(t){r.onItemAction(o(n),t)},r.columns,r.presets,uh.CLOSE_ON_EXECUTE,r.select.getOr(function(){return!1}),i),{movement:Qb(r.columns,r.presets),menuBehaviours:Wh("auto"!==r.columns?[]:[sr(function(o,t){jh(o,4,vh(r.presets)).each(function(t){var n=t.numRows,e=t.numColumns;ug.setGridSize(o,n,e)})})])})))})}),parts:{menu:wh(0,n.columns,n.presets)},components:[dE.parts.button(yE(n.icon,n.text,st.none(),st.some(u),st.some([Dg.config({toggleClass:"tox-tbtn--enabled",toggleOnExecute:!1})]),t.providers)),dE.parts.arrow({dom:{tag:"button",classes:["tox-tbtn","tox-split-button__chevron"],innerHtml:hp("chevron-down",t.providers.icons)},buttonBehaviours:ic([Wv(t.providers.isDisabled),Lv()])}),dE.parts["aria-descriptor"]({text:t.providers.translate("To open the popup, press Shift+Enter")})]})},CE=function(i,u){return er(MC,function(t,n){var e,o=i.get(t),r=(e=o,{hide:function(){return Yo(e,Bo())},getValue:function(){return Nl.getValue(e)}});u.onAction(r,n.event.buttonApi)})},OE=function(t,n,e){var o,r,i,u,a,c,s,l,f,d,m,g,p={backstage:{shared:{providers:e}}};return"contextformtogglebutton"===n.type?(s=t,f=p,(d=(l=n).original).primary,m=w(d,["primary"]),g=Tn(qp(ut(ut({},m),{type:"togglebutton",onAction:function(){}}))),SE(g,f.backstage.shared.providers,[CE(s,l)])):(o=t,i=p,(u=(r=n).original).primary,a=w(u,["primary"]),c=Tn(Gp(ut(ut({},a),{type:"button",onAction:function(){}}))),wE(c,i.backstage.shared.providers,[CE(o,r)]))},_E=function(t,n){var e,o,r,i,u=t.label.fold(function(){return{}},function(t){return{"aria-label":t}}),a=gp(px.sketch({inputClasses:["tox-toolbar-textfield","tox-toolbar-nav-js"],data:t.initValue(),inputAttributes:u,selectOnFocus:!0,inputBehaviours:ic([ug.config({mode:"special",onEnter:function(t){return c.findPrimary(t).map(function(t){return Ko(t),!0})},onLeft:function(t,n){return n.cut(),st.none()},onRight:function(t,n){return n.cut(),st.none()}})])})),c=(e=a,o=t.commands,r=n,i=V(o,function(t){return gp(OE(e,t,r))}),{asSpecs:function(){return V(i,function(t){return t.asSpec()})},findPrimary:function(e){return Z(o,function(t,n){return t.primary?st.from(i[n]).bind(function(t){return t.getOpt(e)}).filter(x(gv.isDisabled)):st.none()})}});return[{title:st.none(),items:[a.asSpec()]},{title:st.none(),items:c.asSpecs()}]},TE=_E,EE=function(t,n){var e,o,r,i,u,a=Iu(window),c=zu(me.fromDom(t.getContentAreaContainer())),s=Sv(t)||kv(t)||Ov(t),l=(e=c,o=a,r=Math.max(o.x,e.x),i=e.right-r,u=o.width-(r-o.x),{x:r,width:Math.min(i,u)}),f=l.x,d=l.width;if(t.inline&&!s)return Hu(f,a.y,d,a.height);var m=function(t,n,e,o){var r=me.fromDom(t.getContainer()),i=Ku(r,".tox-editor-header").getOr(r),u=zu(i),a=u.y>=n.bottom,c=o&&!a;if(t.inline&&c)return{y:Math.max(u.bottom,e.y),bottom:e.bottom};if(t.inline&&!c)return{y:e.y,bottom:Math.min(u.y,e.bottom)};var s=zu(r);return c?{y:Math.max(u.bottom,e.y),bottom:Math.min(s.bottom,e.bottom)}:{y:Math.max(s.y,e.y),bottom:Math.min(u.y,e.bottom)}}(t,c,a,n.header.isPositionedAtTop()),g=m.y,p=m.bottom;return Hu(f,g,d,p-g)},DE=function(n,t){var e=H(t,function(t){return t.predicate(n.dom)}),o=P(e,function(t){return"contexttoolbar"===t.type});return{contextToolbars:o.pass,contextForms:o.fail}},BE=function(t,n,e){var o=DE(t,n);if(0<o.contextForms.length)return st.some({elem:t,toolbars:[o.contextForms[0]]});var r=DE(t,e);if(0<r.contextForms.length)return st.some({elem:t,toolbars:[r.contextForms[0]]});if(0<o.contextToolbars.length||0<r.contextToolbars.length){var i=function(t){if(t.length<=1)return t;var n=function(n){return F(t,function(t){return t.position===n})},e=function(n){return H(t,function(t){return t.position===n})},o=n("selection"),r=n("node");if(o||r){if(r&&o){var i=e("node"),u=V(e("selection"),function(t){return ut(ut({},t),{position:"node"})});return i.concat(u)}return e(o?"selection":"node")}return e("line")}(o.contextToolbars.concat(r.contextToolbars));return st.some({elem:t,toolbars:i})}return st.none()},AE=function(t,n,i){return t(n)?st.none():Ke(n,function(t){var n=DE(t,i.inNodeScope),e=n.contextToolbars,o=n.contextForms,r=0<o.length?o:function(t){if(t.length<=1)return t;var n=function(n){return L(t,function(t){return t.position===n})};return n("selection").orThunk(function(){return n("node")}).orThunk(function(){return n("line")}).map(function(t){return t.position}).fold(function(){return[]},function(n){return H(t,function(t){return t.position===n})})}(e);return 0<r.length?st.some({elem:t,toolbars:r}):st.none()},t)},ME=function(e,r){var t={},i=[],u=[],a={},c={},o=function(n,e){var o=Tn(_n("ContextForm",nh,e));(t[n]=o).launch.map(function(t){a["form:"+n]=ut(ut({},e.launch),{type:"contextformtogglebutton"===t.type?"togglebutton":"button",onAction:function(){r(o)}})}),"editor"===o.scope?u.push(o):i.push(o),c[n]=o},s=function(n,e){_n("ContextToolbar",eh,e).each(function(t){"editor"===e.scope?u.push(t):i.push(t),c[n]=t})},n=Ct(e);return ft(n,function(t){var n=e[t];"contextform"===n.type?o(t,n):"contexttoolbar"===n.type&&s(t,n)}),{forms:t,inNodeScope:i,inEditorScope:u,lookupTable:c,formNavigators:a}},FE=Kr("forward-slide"),IE=Kr("backward-slide"),RE=Kr("change-slide-event"),VE="tox-pop--resizing",PE=function(t,n,e){var u,a,r,c,s,o=e.dataset,i="basic"===o.type?function(){return V(o.data,function(t){return w_(t,e.isSelectedFor,e.getPreviewFor)})}:o.getData;return{items:(u=n,a=e,r=function(t,n,e,o){var r=u.shared.providers.translate(t.title);if("separator"===t.type)return st.some({type:"separator",text:r});if("submenu"!==t.type)return st.some(ut({type:"togglemenuitem",text:r,icon:t.icon,active:t.isSelected(o),disabled:e,onAction:a.onAction(t)},t.getStylePreview().fold(function(){return{}},function(t){return{meta:{style:t}}})));var i=U(t.getStyleItems(),function(t){return c(t,n,o)});return 0===n&&i.length<=0?st.none():st.some({type:"nestedmenuitem",text:r,disabled:i.length<=0,getSubmenuItems:function(){return U(t.getStyleItems(),function(t){return c(t,n,o)})}})},c=function(t,n,e){var o="formatter"===t.type&&a.isInvalid(t);return 0===n?o?[]:r(t,n,!1,e).toArray():r(t,n,o,e).toArray()},{validateItems:s=function(t){var n=a.getCurrentValue(),e=a.shouldHide?0:1;return U(t,function(t){return c(t,e,n)})},getFetch:function(r,i){return function(t,n){var e=i(),o=s(e);n(jC(o,uh.CLOSE_ON_EXECUTE,r,!1))}}}),getStyleItems:i}},HE=function(o,t,n){var e=PE(0,t,n),r=e.items,i=e.getStyleItems;return VC({text:n.icon.isSome()?st.none():st.some(""),icon:n.icon,tooltip:st.from(n.tooltip),role:st.none(),fetch:r.getFetch(t,i),onSetup:function(e){return n.setInitialValue.each(function(t){return t(e.getComponent())}),n.nodeChangeHandler.map(function(t){var n=t(e.getComponent());return o.on("NodeChange",n),function(){o.off("NodeChange",n)}}).getOr($)},getApi:function(t){return{getComponent:function(){return t}}},columns:1,presets:"normal",classes:n.icon.isSome()?[]:["bespoke"],dropdownBehaviours:[]},"tox-tbtn",t.shared)};(DO=EO=EO||{})[DO.SemiColon=0]="SemiColon",DO[DO.Space=1]="Space";var zE,NE,LE,jE,UE,WE,GE=function(t,n,e,o){var r,i,u=t.getParam(n,e,"string");return{type:"basic",data:(i=u,r=o===EO.SemiColon?i.replace(/;$/,"").split(";"):i.split(" "),V(r,function(t){var n=t,e=t,o=t.split("=");return 1<o.length&&(n=o[0],e=o[1]),{title:n,format:e}}))}},XE=[{title:"Left",icon:"align-left",format:"alignleft",command:"JustifyLeft"},{title:"Center",icon:"align-center",format:"aligncenter",command:"JustifyCenter"},{title:"Right",icon:"align-right",format:"alignright",command:"JustifyRight"},{title:"Justify",icon:"align-justify",format:"alignjustify",command:"JustifyFull"}],YE=function(e){var n=function(t){var n=L(XE,function(t){return e.formatter.match(t.format)}).fold(function(){return"left"},function(t){return t.title.toLowerCase()});qo(t,RC,{icon:"align-"+n})},t=st.some(function(t){return function(){return n(t)}}),o=st.some(n),r={type:"basic",data:XE};return{tooltip:"Align",icon:st.some("align-left"),isSelectedFor:function(t){return function(){return e.formatter.match(t)}},getCurrentValue:st.none,getPreviewFor:function(t){return function(){return st.none()}},onAction:function(n){return function(){return L(XE,function(t){return t.format===n.format}).each(function(t){return e.execCommand(t.command)})}},setInitialValue:o,nodeChangeHandler:t,dataset:r,shouldHide:!1,isInvalid:function(t){return!e.formatter.canApply(t.format)}}},qE=["-apple-system","Segoe UI","Roboto","Helvetica Neue","sans-serif"],KE=function(t){var n=t.split(/\s*,\s*/);return V(n,function(t){return t.replace(/^['"]+|['"]+$/g,"")})},JE=function(t){var n;return 0===t.indexOf("-apple-system")&&(n=KE(t.toLowerCase()),W(qE,function(t){return-1<n.indexOf(t.toLowerCase())}))},$E=function(r){var i=function(){var e=function(t){return t?KE(t)[0]:""},t=r.queryCommandValue("FontName"),n=u.data,o=t?t.toLowerCase():"";return{matchOpt:L(n,function(t){var n=t.format;return n.toLowerCase()===o||e(n).toLowerCase()===e(o).toLowerCase()}).orThunk(function(){return JE(o)?st.from({title:"System Font",format:o}):st.none()}),font:t}},n=function(t){var n=i(),e=n.matchOpt,o=n.font,r=e.fold(function(){return o},function(t){return t.title});qo(t,IC,{text:r})},t=st.some(function(t){return function(){return n(t)}}),e=st.some(n),u=GE(r,"font_formats","Andale Mono=andale mono,monospace;Arial=arial,helvetica,sans-serif;Arial Black=arial black,sans-serif;Book Antiqua=book antiqua,palatino,serif;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier,monospace;Georgia=georgia,palatino,serif;Helvetica=helvetica,arial,sans-serif;Impact=impact,sans-serif;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco,monospace;Times New Roman=times new roman,times,serif;Trebuchet MS=trebuchet ms,geneva,sans-serif;Verdana=verdana,geneva,sans-serif;Webdings=webdings;Wingdings=wingdings,zapf dingbats",EO.SemiColon);return{tooltip:"Fonts",icon:st.none(),isSelectedFor:function(n){return function(t){return t.exists(function(t){return t.format===n})}},getCurrentValue:function(){return i().matchOpt},getPreviewFor:function(t){return function(){return st.some({tag:"div",styles:-1===t.indexOf("dings")?{"font-family":t}:{}})}},onAction:function(t){return function(){r.undoManager.transact(function(){r.focus(),r.execCommand("FontName",!1,t.format)})}},setInitialValue:e,nodeChangeHandler:t,dataset:u,shouldHide:!1,isInvalid:function(){return!1}}},QE={"8pt":"1","10pt":"2","12pt":"3","14pt":"4","18pt":"5","24pt":"6","36pt":"7"},ZE={"xx-small":"7pt","x-small":"8pt",small:"10pt",medium:"12pt",large:"14pt","x-large":"18pt","xx-large":"24pt"},tD=function(t,n){return/[0-9.]+px$/.test(t)?(e=72*parseInt(t,10)/96,o=n||0,r=Math.pow(10,o),Math.round(e*r)/r+"pt"):Ft(ZE,t).getOr(t);var e,o,r},nD=function(e){var i=function(){var o=st.none(),r=u.data,i=e.queryCommandValue("FontSize");if(i)for(var t=function(t){var n=tD(i,t),e=Ft(QE,n).getOr("");o=L(r,function(t){return t.format===i||t.format===n||t.format===e})},n=3;o.isNone()&&0<=n;n--)t(n);return{matchOpt:o,size:i}},t=at(st.none),n=function(t){var n=i(),e=n.matchOpt,o=n.size,r=e.fold(function(){return o},function(t){return t.title});qo(t,IC,{text:r})},o=st.some(function(t){return function(){return n(t)}}),r=st.some(n),u=GE(e,"fontsize_formats","8pt 10pt 12pt 14pt 18pt 24pt 36pt",EO.Space);return{tooltip:"Font sizes",icon:st.none(),isSelectedFor:function(n){return function(t){return t.exists(function(t){return t.format===n})}},getPreviewFor:t,getCurrentValue:function(){return i().matchOpt},onAction:function(t){return function(){e.undoManager.transact(function(){e.focus(),e.execCommand("FontSize",!1,t.format)})}},setInitialValue:r,nodeChangeHandler:o,dataset:u,shouldHide:!1,isInvalid:function(){return!1}}},eD=function(t,n){var e=n(),o=V(e,function(t){return t.format});return st.from(t.formatter.closest(o)).bind(function(n){return L(e,function(t){return t.format===n})}).orThunk(function(){return Jf(t.formatter.match("p"),{title:"Paragraph",format:"p"})})},oD=function(t){var n=fe(st.none()),e=function(){return n.get().each(t)};return{clear:function(){e(),n.set(st.none())},isSet:function(){return n.get().isSome()},set:function(t){e(),n.set(st.some(t))}}},rD=function(){return oD(function(t){return t.destroy()})},iD=function(){return oD(function(t){return t.unbind()})},uD=function(o,r){return function(n){var e=iD(),t=function(){n.setActive(o.formatter.match(r));var t=o.formatter.formatChanged(r,n.setActive);e.set(t)};return o.initialized?t():o.on("init",t),e.clear}},aD=function(n){return function(t){return function(){n.undoManager.transact(function(){n.focus(),n.execCommand("mceToggleFormat",!1,t.format)})}}},cD=function(e){var n=function(t){var n=eD(e,function(){return r.data}).fold(function(){return"Paragraph"},function(t){return t.title});qo(t,IC,{text:n})},t=st.some(function(t){return function(){return n(t)}}),o=st.some(n),r=GE(e,"block_formats","Paragraph=p;Heading 1=h1;Heading 2=h2;Heading 3=h3;Heading 4=h4;Heading 5=h5;Heading 6=h6;Preformatted=pre",EO.SemiColon);return{tooltip:"Blocks",icon:st.none(),isSelectedFor:function(t){return function(){return e.formatter.match(t)}},getCurrentValue:st.none,getPreviewFor:function(n){return function(){var t=e.formatter.get(n);return st.some({tag:0<t.length&&(t[0].inline||t[0].block)||"div",styles:e.dom.parseStyle(e.formatter.getCssText(n))})}},onAction:aD(e),setInitialValue:o,nodeChangeHandler:t,dataset:r,shouldHide:!1,isInvalid:function(t){return!e.formatter.canApply(t.format)}}},sD=function(r,t){var n=function(t){var e=function(t){var n=t.items;return n!==undefined&&0<n.length?U(n,e):[{title:t.title,format:t.format}]},n=U(x_(r),e),o=eD(r,function(){return n}).fold(function(){return"Paragraph"},function(t){return t.title});qo(t,IC,{text:o})},e=st.some(function(t){return function(){return n(t)}}),o=st.some(n);return{tooltip:"Formats",icon:st.none(),isSelectedFor:function(t){return function(){return r.formatter.match(t)}},getCurrentValue:st.none,getPreviewFor:function(n){return function(){var t=r.formatter.get(n);return t!==undefined?st.some({tag:0<t.length&&(t[0].inline||t[0].block)||"div",styles:r.dom.parseStyle(r.formatter.getCssText(n))}):st.none()}},onAction:aD(r),setInitialValue:o,nodeChangeHandler:e,shouldHide:r.getParam("style_formats_autohide",!1,"boolean"),isInvalid:function(t){return!r.formatter.canApply(t.format)},dataset:t}},lD=[{name:"history",items:["undo","redo"]},{name:"styles",items:["styleselect"]},{name:"formatting",items:["bold","italic"]},{name:"alignment",items:["alignleft","aligncenter","alignright","alignjustify"]},{name:"indentation",items:["outdent","indent"]},{name:"permanent pen",items:["permanentpen"]},{name:"comments",items:["addcomment"]}],fD=function(r,i){return function(t,n,e){var o=r(t).mapError(function(t){return Dn(t)}).getOrDie();return i(o,n,e)}},dD={button:fD(Gp,function(t,n){return e=t,o=n.backstage.shared.providers,wE(e,o,[]);var e,o}),togglebutton:fD(qp,function(t,n){return e=t,o=n.backstage.shared.providers,SE(e,o,[]);var e,o}),menubutton:fD(eE,function(t,n){return WC(t,"tox-tbtn",n.backstage,st.none())}),splitbutton:fD(function(t){return _n("SplitButton",oE,t)},function(t,n){return kE(t,n.backstage.shared)}),grouptoolbarbutton:fD(function(t){return _n("GroupToolbarButton",ZT,t)},function(t,n,e){var o,r,i,u,a,c,s=e.ui.registry.getAll().buttons,l=((o={})[jc]=n.backstage.shared.header.isPositionedAtTop()?na.TopToBottom:na.BottomToTop,o);switch(Ev(e)){case rh.floating:return r=t,i=n.backstage,u=function(t){return hD(e,{buttons:s,toolbar:t,allowToolbarGroups:!1},n,st.none())},a=l,c=i.shared,vT.sketch({lazySink:c.getSink,fetch:function(){return Ox(function(t){t(V(u(r.items),YT))})},markers:{toggledClass:"tox-tbtn--enabled"},parts:{button:yE(r.icon,r.text,r.tooltip,st.none(),st.none(),c.providers),toolbar:{dom:{tag:"div",classes:["tox-toolbar__overflow"],attributes:a}}}});default:throw new Error("Toolbar groups are only supported when using floating toolbar modal")}}),styleSelectButton:function(t,n){return e=t,o=n.backstage,r=ut({type:"advanced"},o.styleselect),HE(e,o,sD(e,r));var e,o,r},fontsizeSelectButton:function(t,n){return e=t,o=n.backstage,HE(e,o,nD(e));var e,o},fontSelectButton:function(t,n){return e=t,o=n.backstage,HE(e,o,$E(e));var e,o},formatButton:function(t,n){return e=t,o=n.backstage,HE(e,o,cD(e));var e,o},alignMenuButton:function(t,n){return e=t,o=n.backstage,HE(e,o,YE(e));var e,o}},mD={styleselect:dD.styleSelectButton,fontsizeselect:dD.fontsizeSelectButton,fontselect:dD.fontSelectButton,formatselect:dD.formatButton,align:dD.alignMenuButton},gD=function(t){var n,e,o,r=t.toolbar,i=t.buttons;return!1===r?[]:r===undefined||!0===r?(e=i,o=V(lD,function(t){var n=H(t.items,function(t){return It(e,t)||It(mD,t)});return{name:t.name,items:n}}),H(o,function(t){return 0<t.items.length})):k(r)?(n=r.split("|"),V(n,function(t){return{items:t.trim().split(" ")}})):T(r,function(t){return It(t,"name")&&It(t,"items")})?r:(console.error("Toolbar type should be string, string[], boolean or ToolbarGroup[]"),[])},pD=function(r,n,i,u,a,t){return Ft(n,i.toLowerCase()).orThunk(function(){return t.bind(function(t){return Z(t,function(t){return Ft(n,t+i.toLowerCase())})})}).fold(function(){return Ft(mD,i.toLowerCase()).map(function(t){return t(r,a)}).orThunk(function(){return st.none()})},function(t){return"grouptoolbarbutton"!==t.type||u?(e=a,o=r,Ft(dD,(n=t).type).fold(function(){return console.error("skipping button defined by",n),st.none()},function(t){return st.some(t(n,e,o))})):(console.warn("Ignoring the '"+i+"' toolbar button. Group toolbar buttons are only supported when using floating toolbar modal and cannot be nested."),st.none());var n,e,o})},hD=function(e,o,r,i){var t=gD(o),n=V(t,function(t){var n=U(t.items,function(t){return 0===t.trim().length?[]:pD(e,o.buttons,t,o.allowToolbarGroups,r,i).toArray()});return{title:st.from(e.translate(t.name)),items:n}});return H(n,function(t){return 0<t.items.length})},vD={valignCentre:[],alignCentre:[],alignLeft:["tox-pop--align-left"],alignRight:["tox-pop--align-right"],right:["tox-pop--right"],left:["tox-pop--left"],bottom:["tox-pop--bottom"],top:["tox-pop--top"]},bD={maxHeightFunction:Fc(),maxWidthFunction:Q_()},yD={onLtr:function(){return[ja,Ua,Na,Ha,La,za,lp,fp,cp,up,sp,ap]},onRtl:function(){return[ja,Ua,La,za,Na,Ha,lp,fp,sp,ap,cp,up]}},xD={onLtr:function(){return[Ua,Ha,za,Na,La,ja,lp,fp,cp,up,sp,ap]},onRtl:function(){return[Ua,za,Ha,La,Na,ja,lp,fp,sp,ap,cp,up]}},wD=function(c,t,e,s){var o,r,l=je().deviceType.isTouch,a=gu((o={sink:e,onEscape:function(){return c.focus(),st.some(!0)}},r=fe([]),tp.sketch({dom:{tag:"div",classes:["tox-pop"]},fireDismissalEventInstead:{event:"doNotDismissYet"},onShow:function(t){r.set([]),tp.getContent(t).each(function(t){nu(t.element,"visibility")}),Bi(t.element,VE),nu(t.element,"width")},inlineBehaviours:ic([dg("context-toolbar-events",[cr(bo(),function(t,n){Bi(t.element,VE),nu(t.element,"width")}),er(RE,function(n,e){nu(n.element,"width");var t=_u(n.element);tp.setContent(n,e.event.contents),Ei(n.element,VE);var o=_u(n.element);qi(n.element,"width",t+"px"),tp.getContent(n).each(function(t){e.event.focus.bind(function(t){return mc(t),pc(n.element)}).orThunk(function(){return ug.focusIn(t),gc()})}),dp.setTimeout(function(){qi(n.element,"width",o+"px")},0)}),er(FE,function(t,n){tp.getContent(t).each(function(t){r.set(r.get().concat([{bar:t,focus:gc()}]))}),qo(t,RE,{contents:n.event.forwardContents,focus:st.none()})}),er(IE,function(n,t){J(r.get()).each(function(t){r.set(r.get().slice(0,r.get().length-1)),qo(n,RE,{contents:pu(t.bar),focus:t.focus})})})]),ug.config({mode:"special",onEscape:function(n){return J(r.get()).fold(function(){return o.onEscape()},function(t){return Yo(n,IE),st.some(!0)})}})]),lazySink:function(){return mt.value(o.sink)}}))),f=function(){return EE(c,s.backstage.shared)},u=function(){if(l()&&s.backstage.isContextMenuOpen())return!0;var t,n,e,o,r,i,u=(t=m.get().filter(function(t){return Ui(me.fromDom(t))}).map(function(t){return t.getBoundingClientRect()}).getOrThunk(function(){return c.selection.getRng().getBoundingClientRect()}),n=c.inline?Au().top:Nu(me.fromDom(c.getBody())).y,{y:t.top+n,bottom:t.bottom+n}),a=f();return e=u.y,o=u.bottom,r=a.y,i=a.bottom,!(Math.max(e,r)<=Math.min(o,i))},n=function(){tp.hide(a)},i=function(){d.get().each(function(t){var n=a.element;nu(n,"display"),u()?qi(n,"display","none"):Qs.positionWithinBounds(e,t,a,st.some(f()))})},d=fe(st.none()),m=fe(st.none()),g=fe(null),p=function(t){return{dom:{tag:"div",classes:["tox-pop__dialog"]},components:[t],behaviours:ic([ug.config({mode:"acyclic"}),dg("pop-dialog-wrap-events",[sr(function(t){c.shortcuts.add("ctrl+F9","focus statusbar",function(){return ug.focusIn(t)})}),lr(function(t){c.shortcuts.remove("ctrl+F9")})])])}},h=Lt(function(){return ME(t,function(t){var n=v([t]);qo(a,FE,{forwardContents:p(n)})})}),v=function(t){var n=c.ui.registry.getAll().buttons,e=h(),o=ut(ut({},n),e.formNavigators),r=Ev(c)===rh.scrolling?rh.scrolling:rh["default"],i=dt(V(t,function(t){return"contexttoolbar"===t.type?hD(c,{buttons:o,toolbar:t.items,allowToolbarGroups:!1},s,st.some(["form:"])):(n=t,e=s.backstage.shared.providers,TE(n,e));var n,e}));return QT({type:r,uid:Kr("context-toolbar"),initGroups:i,onEscape:st.none,cyclicKeying:!0,providers:s.backstage.shared.providers})};c.on("contexttoolbar-show",function(n){var t=h();Ft(t.lookupTable,n.toolbarKey).each(function(t){y([t],n.target===c?st.none():st.some(n)),tp.getContent(a).each(ug.focusIn)})});var b=function(t,n){var e,o,r="node"===t?s.backstage.shared.anchors.node(n):s.backstage.shared.anchors.cursor();return zt(r,(e=t,o=l(),"line"===e?{bubble:Hc(12,0,vD),layouts:{onLtr:function(){return[Wa]},onRtl:function(){return[Ga]}},overrides:bD}:{bubble:Hc(0,12,vD),layouts:o?xD:yD,overrides:bD}))},y=function(t,n){var e,o,r,i;w(),l()&&s.backstage.isContextMenuOpen()||(e=v(t),o=n.map(me.fromDom),r=b(t[0].position,o),d.set(st.some(r)),m.set(n),i=a.element,nu(i,"display"),tp.showWithinBounds(a,r,p(e),function(){return st.some(f())}),u()&&qi(i,"display","none"))},x=function(){var t,n,e,o,r,i,u;c.hasFocus()&&(t=h(),n=t,e=c,r=me.fromDom(e.getBody()),i=function(t){return Ge(t,r)},u=me.fromDom(e.selection.getNode()),(i(o=u)||Ye(r,o)?BE(u,n.inNodeScope,n.inEditorScope).orThunk(function(){return AE(i,u,n)}):st.none()).fold(function(){d.set(st.none()),tp.hide(a)},function(t){y(t.toolbars,st.some(t.elem.dom))}))},w=function(){var t=g.get();null!==t&&(dp.clearTimeout(t),g.set(null))},S=function(t){w(),g.set(t)};c.on("init",function(){c.on(Z_,n),c.on("ScrollContent ScrollWindow longpress",i),c.on("click keyup focus SetContent ObjectResized ResizeEditor",function(){S(dp.setEditorTimeout(c,x,0))}),c.on("focusout",function(t){dp.setEditorTimeout(c,function(){pc(e.element).isNone()&&pc(a.element).isNone()&&(d.set(st.none()),tp.hide(a))},0)}),c.on("SwitchMode",function(){c.mode.isReadOnly()&&(d.set(st.none()),tp.hide(a))}),c.on("NodeChange",function(t){pc(a.element).fold(function(){S(dp.setEditorTimeout(c,x,0))},function(t){})})})},SD=zf,kD=Sf,CD=at([ne("shell",!1),Ln("makeItem"),ne("setupItem",$),Wl("listBehaviours",[fg])]),OD=yf({name:"items",overrides:function(){return{behaviours:ic([fg.config({})])}}}),_D=at([OD]),TD=qf({name:at("CustomList")(),configFields:CD(),partFields:_D(),factory:function(s,t,n,e){var o=s.shell?{behaviours:[fg.config({})],components:[]}:{behaviours:[],components:t},r=function(t){return s.shell?st.some(t):Af(t,s,"items")};return{uid:s.uid,dom:s.dom,components:o.components,behaviours:Ul(s.listBehaviours,o.behaviours),apis:{setItems:function(a,c){r(a).fold(function(){throw console.error("Custom List was defined to not be a shell, but no item container was specified in components"),new Error("Custom List was defined to not be a shell, but no item container was specified in components")},function(n){var t=fg.contents(n),e=c.length,o=e-t.length,r=0<o?I(o,function(){return s.makeItem()}):[],i=t.slice(e);ft(i,function(t){return fg.remove(n,t)}),ft(r,function(t){return fg.append(n,t)});var u=fg.contents(n);ft(u,function(t,n){s.setupItem(a,t,c[n],n)})})}}}},apis:{setItems:function(t,n,e){t.setItems(n,e)}}}),ED=$,DD=c,BD=at([]),AD=/* */Object.freeze({__proto__:null,setup:ED,isDocked:DD,getBehaviours:BD}),MD=function(t){return(Zi(t,"position").is("fixed")?st.none():Or(t)).orThunk(function(){var e=me.fromTag("span");return kr(t).bind(function(t){Ar(t,e);var n=Or(e);return Ir(e),n})})},FD=function(t){return MD(t).map(ku).getOrThunk(function(){return wu(0,0)})},ID=Vt([{"static":[]},{absolute:["positionCss"]},{fixed:["positionCss"]}]),RD=function(t,n){var e=t.element;Ei(e,n.transitionClass),Bi(e,n.fadeOutClass),Ei(e,n.fadeInClass),n.onShow(t)},VD=function(t,n){var e=t.element;Ei(e,n.transitionClass),Bi(e,n.fadeInClass),Ei(e,n.fadeOutClass),n.onHide(t)},PD=function(t,o,r){return W(t,function(t){switch(t){case"bottom":return e=r,o.bottom<=e.bottom;case"top":return n=r,o.y>=n.y}var n,e})},HD=function(n,t){return t.getInitialPosition().map(function(t){return Hu(t.bounds.x,t.bounds.y,_u(n),bu(n))})},zD=function(t,n,e){e.setInitialPosition(st.some({style:function(t){var n={},e=t.dom;if(Ii(e))for(var o=0;o<e.style.length;o++){var r=e.style.item(o);n[r]=e.style[r]}return n}(t),position:$i(t,"position")||"static",bounds:n}))},ND=function(e,o,r){return r.getInitialPosition().bind(function(t){switch(r.setInitialPosition(st.none()),t.position){case"static":return st.some(ID["static"]());case"absolute":var n=MD(e).map(zu).getOrThunk(function(){return zu(Wi())});return st.some(ID.absolute(vc("absolute",Ft(t.style,"left").map(function(t){return o.x-n.x}),Ft(t.style,"top").map(function(t){return o.y-n.y}),Ft(t.style,"right").map(function(t){return n.right-o.right}),Ft(t.style,"bottom").map(function(t){return n.bottom-o.bottom}))));default:return st.none()}})},LD=function(t,n,e){var o,r,i,u=t.element;return Zi(u,"position").is("fixed")?(r=n,HD(o=u,i=e).filter(function(t){return PD(i.getModes(),t,r)}).bind(function(t){return ND(o,t,i)})):function(t,n,e){var o=zu(t);if(PD(e.getModes(),o,n))return st.none();zD(t,o,e);var r=Lu(),i=o.x-r.x,u=n.y-r.y,a=r.bottom-n.bottom,c=o.y<=n.y;return st.some(ID.fixed(vc("fixed",st.some(i),c?st.some(u):st.none(),st.none(),c?st.none():st.some(a))))}(u,n,e)},jD=function(n,t){ft(["left","right","top","bottom","position"],function(t){return nu(n.element,t)}),t.onUndocked(n)},UD=function(t,n,e){bc(t.element,e),("fixed"===e.position?n.onDocked:n.onUndocked)(t)},WD=function(i,t,u,a,c){void 0===c&&(c=!1),t.contextual.each(function(r){r.lazyContext(i).each(function(t){var n,e,o=(e=a,(n=t).y<e.bottom&&n.bottom>e.y);o!==u.isVisible()&&(u.setVisible(o),c&&!o?(Mi(i.element,[r.fadeOutClass]),r.onHide(i)):(o?RD:VD)(i,r))})})},GD=function(n,e,t){var o,r,i=n.element;t.setDocked(!1),o=t,r=n.element,HD(r,o).bind(function(t){return ND(r,t,o)}).each(function(t){t.fold(function(){return jD(n,e)},function(t){return UD(n,e,t)},$)}),t.setVisible(!0),e.contextual.each(function(t){Fi(i,[t.fadeInClass,t.fadeOutClass,t.transitionClass]),t.onShow(n)}),XD(n,e,t)},XD=function(t,n,e){var o,r,i,u,a;t.getSystem().isConnected()&&(o=t,i=e,u=(r=n).lazyViewport(o),(a=i.isDocked())&&WD(o,r,i,u),LD(o,u,i).each(function(t){i.setDocked(!a),t.fold(function(){return jD(o,r)},function(t){return UD(o,r,t)},function(t){WD(o,r,i,u,!0),UD(o,r,t)})}))},YD=function(t,n,e){e.isDocked()&&GD(t,n,e)},qD=/* */Object.freeze({__proto__:null,refresh:XD,reset:YD,isDocked:function(t,n,e){return e.isDocked()},getModes:function(t,n,e){return e.getModes()},setModes:function(t,n,e,o){return e.setModes(o)}}),KD=/* */Object.freeze({__proto__:null,events:function(o,r){return Zo([cr(bo(),function(n,e){o.contextual.each(function(t){Ai(n.element,t.transitionClass)&&(Fi(n.element,[t.transitionClass,t.fadeInClass]),(r.isVisible()?t.onShown:t.onHidden)(n)),e.stop()})}),er(Ro(),function(t,n){XD(t,o,r)}),er(Vo(),function(t,n){YD(t,o,r)})])}}),JD=[te("contextual",[Un("fadeInClass"),Un("fadeOutClass"),Un("transitionClass"),Gn("lazyContext"),ga("onShow"),ga("onShown"),ga("onHide"),ga("onHidden")]),ae("lazyViewport",Lu),ce("modes",["top","bottom"],Rn),ga("onDocked"),ga("onUndocked")],$D=ac({fields:JD,name:"docking",active:KD,apis:qD,state:/* */Object.freeze({__proto__:null,init:function(t){var n=fe(!1),e=fe(!0),o=fe(st.none()),r=fe(t.modes);return di({isDocked:n.get,setDocked:n.set,getInitialPosition:o.get,setInitialPosition:o.set,isVisible:e.get,setVisible:e.set,getModes:r.get,setModes:r.set,readState:function(){return"docked:  "+n.get()+", visible: "+e.get()+", modes: "+r.get().join(",")}})}})}),QD={fadeInClass:"tox-editor-dock-fadein",fadeOutClass:"tox-editor-dock-fadeout",transitionClass:"tox-editor-dock-transition"},ZD="tox-tinymce--toolbar-sticky-on",tB="tox-tinymce--toolbar-sticky-off",nB=function(r){var i=r.element;kr(i).each(function(t){var n,e,o="padding-"+$D.getModes(r)[0];$D.isDocked(r)?(n=_u(t),qi(i,"width",n+"px"),qi(t,o,yu(e=i)+(parseInt($i(e,"margin-top"),10)||0)+(parseInt($i(e,"margin-bottom"),10)||0)+"px")):(nu(i,"width"),nu(t,o))})},eB=function(t,n){n?(Bi(t,QD.fadeOutClass),Mi(t,[QD.transitionClass,QD.fadeInClass])):(Bi(t,QD.fadeInClass),Mi(t,[QD.fadeOutClass,QD.transitionClass]))},oB=function(t,n){var e=me.fromDom(t.getContainer());n?(Ei(e,ZD),Bi(e,tB)):(Ei(e,tB),Bi(e,ZD))},rB=function(c,t){var n,i=fe(st.none()),o=t.getSink,u=function(n){o().each(function(t){return n(t.element)})},e=function(t){c.inline||nB(t),oB(c,$D.isDocked(t)),t.getSystem().broadcastOn([Sl()],{}),o().each(function(t){return t.getSystem().broadcastOn([Sl()],{})})},r=c.inline?[]:[fc.config({channels:((n={})[GT()]={onReceive:nB},n)})];return S([vg.config({}),$D.config({contextual:ut({lazyContext:function(t){var n,e,o=yu(t.element),r=c.inline?c.getContentAreaContainer():c.getContainer(),i=zu(me.fromDom(r)),u=i.height-o,a=i.y+(n=t,e="top",M($D.getModes(n),e)?0:o);return st.some(Hu(i.x,a,i.width,u))},onShow:function(){u(function(t){return eB(t,!0)})},onShown:function(r){u(function(t){return Fi(t,[QD.transitionClass,QD.fadeInClass])}),i.get().each(function(t){var n,e,o;n=r.element,o=yr(e=t),gc(o).filter(function(t){return!Ge(e,t)}).filter(function(t){return Ge(t,me.fromDom(o.dom.body))||Ye(n,t)}).each(function(){return mc(e)}),i.set(st.none())})},onHide:function(t){var n,e;i.set((n=t.element,e=o,pc(n).orThunk(function(){return e().toOptional().bind(function(t){return pc(t.element)})}))),u(function(t){return eB(t,!1)})},onHidden:function(){u(function(t){return Fi(t,[QD.transitionClass])})}},QD),modes:[t.header.getDockingMode()],onDocked:e,onUndocked:e})],r)},iB=/* */Object.freeze({__proto__:null,setup:function(t,n,e){t.inline||(n.header.isPositionedAtTop()||t.on("ResizeEditor",function(){e().each($D.reset)}),t.on("ResizeWindow ResizeEditor",function(){e().each(nB)}),t.on("SkinLoaded",function(){e().each(function(t){$D.isDocked(t)?$D.reset(t):$D.refresh(t)})}),t.on("FullscreenStateChanged",function(){e().each($D.reset)})),t.on("AfterScrollIntoView",function(y){e().each(function(t){$D.refresh(t);var n,e,o,r,i,u,a,c,s,l,f,d,m,g,p,h,v,b=t.element;tm(b)&&(n=y,r=yr(e=b),i=r.dom.defaultView.innerHeight,u=Au(r),a=me.fromDom(n.elm),c=Nu(a),s=bu(a),l=c.y,f=l+s,d=ku(e),m=bu(e),g=d.top,p=g+m,h=Math.abs(g-u.top)<2,v=Math.abs(p-(u.top+i))<2,h&&l<p?Mu(u.left,l-m,r):v&&g<f&&(o=l-i+s+m,Mu(u.left,o,r)))})}),t.on("PostRender",function(){oB(t,!1)})},isDocked:function(t){return t().map($D.isDocked).getOr(!1)},getBehaviours:rB}),uB=Yf({factory:function(n,o){var t={focus:ug.focusIn,setMenus:function(t,n){var e=V(n,function(n){var t={type:"menubutton",text:n.text,fetch:function(t){t(n.getItems())}},e=eE(t).mapError(function(t){return Dn(t)}).getOrDie();return WC(e,"tox-mbtn",o.backstage,st.some("menuitem"))});fg.set(t,e)}};return{uid:n.uid,dom:n.dom,components:[],behaviours:ic([fg.config({}),dg("menubar-events",[sr(function(t){n.onSetup(t)}),er(so(),function(e,t){Ku(e.element,".tox-mbtn--active").each(function(n){Ju(t.event.target,".tox-mbtn").each(function(t){Ge(n,t)||e.getSystem().getByDom(n).each(function(n){e.getSystem().getByDom(t).each(function(t){tw.expand(t),tw.close(n),vg.focus(t)})})})})}),er(Lo(),function(e,t){t.event.prevFocus.bind(function(t){return e.getSystem().getByDom(t).toOptional()}).each(function(n){t.event.newFocus.bind(function(t){return e.getSystem().getByDom(t).toOptional()}).each(function(t){tw.isOpen(n)&&(tw.expand(t),tw.close(n))})})})]),ug.config({mode:"flow",selector:".tox-mbtn",onEscape:function(t){return n.onEscape(t),st.some(!0)}}),Jy.config({})]),apis:t,domModification:{attributes:{role:"menubar"}}}},name:"silver.Menubar",configFields:[Ln("dom"),Ln("uid"),Ln("onEscape"),Ln("backstage"),ne("onSetup",$)],apis:{focus:function(t,n){t.focus(n)},setMenus:function(t,n,e){t.setMenus(n,e)}}}),aB="container",cB=[Ll("slotBehaviours",[])],sB=function(t){return"<alloy.field."+t+">"},lB=function(r,t){var e,n=function(t){return Rf(r)},o=function(e,o){return function(t,n){return Af(t,r,n).map(function(t){return e(t,n)}).getOr(o)}},i=function(t,n){return"true"!==Nr(t.element,"aria-hidden")},u=o(i,!1),a=o(function(t,n){var e;i(t)&&(e=t.element,qi(e,"display","none"),zr(e,"aria-hidden","true"),qo(t,jo(),{name:n,visible:!1}))}),c=function(n,t){ft(t,function(t){return e(n,t)})},s=o(function(t,n){var e;i(t)||(e=t.element,nu(e,"display"),Ur(e,"aria-hidden"),qo(t,jo(),{name:n,visible:!0}))}),l={getSlotNames:n,getSlot:function(t,n){return Af(t,r,n)},isShowing:u,hideSlot:e=a,hideAllSlots:function(t){return c(t,n())},showSlot:s};return{uid:r.uid,dom:r.dom,components:t,behaviours:jl(r.slotBehaviours),apis:l}},fB=Tt({getSlotNames:function(t,n){return t.getSlotNames(n)},getSlot:function(t,n,e){return t.getSlot(n,e)},isShowing:function(t,n,e){return t.isShowing(n,e)},hideSlot:function(t,n,e){return t.hideSlot(n,e)},hideAllSlots:function(t,n){return t.hideAllSlots(n)},showSlot:function(t,n,e){return t.showSlot(n,e)}},li),dB=ut(ut({},fB),{sketch:function(t){var e,n=(e=[],{slot:function(t,n){return e.push(t),_f(aB,sB(t),n)},record:function(){return e}}),o=t(n),r=n.record(),i=V(r,function(t){return vf({name:t,pname:sB(t)})});return Lf(aB,cB,i,lB,o)}}),mB=fn([Qn("icon"),Qn("tooltip"),ae("onShow",$),ae("onHide",$),ae("onSetup",function(){return $})]),gB=function(t){return{element:function(){return t.element.dom}}},pB=function(e,o){var r=V(Ct(o),function(t){var n=o[t],e=Tn(_n("sidebar",mB,n));return{name:t,getApi:gB,onSetup:e.onSetup,onShow:e.onShow,onHide:e.onHide}});return V(r,function(t){var n=fe($);return e.slot(t.name,{dom:{tag:"div",classes:["tox-sidebar__pane"]},behaviours:Wh([Yv(t,n),qv(t,n),er(jo(),function(n,t){var e=t.event;L(r,function(t){return t.name===e.name}).each(function(t){(e.visible?t.onShow:t.onHide)(t.getApi(n))})})])})})},hB=function(t,e){td.getCurrent(t).each(function(t){return fg.set(t,[(n=e,dB.sketch(function(t){return{dom:{tag:"div",classes:["tox-sidebar__pane-container"]},components:pB(t,n),slotBehaviours:Wh([sr(function(t){return dB.hideAllSlots(t)})])}}))]);var n})},vB=function(t){return td.getCurrent(t).bind(function(t){return zT.isGrowing(t)||zT.hasGrown(t)?td.getCurrent(t).bind(function(n){return L(dB.getSlotNames(n),function(t){return dB.isShowing(n,t)})}):st.none()})},bB=Kr("FixSizeEvent"),yB=Kr("AutoSizeEvent"),xB=function(t){var n,e,o,r=me.fromHtml(t),i=_r(r),u=(e=(n=r).dom.attributes!==undefined?n.dom.attributes:[],N(e,function(t,n){var e;return"class"===n.name?t:ut(ut({},t),((e={})[n.name]=n.value,e))},{})),a=(o=r,Array.prototype.slice.call(o.dom.classList,0)),c=0===i.length?{}:{innerHtml:Vr(r)};return ut({tag:mr(r),classes:a,attributes:u},c)},wB=function(t,n,e){var o=t.element;!0===n?(fg.set(t,[{dom:{tag:"div",attributes:{"aria-label":e.translate("Loading...")},classes:["tox-throbber__busy-spinner"]},components:[{dom:xB('<div class="tox-spinner"><div></div><div></div><div></div></div>')}],behaviours:ic([ug.config({mode:"special",onTab:function(){return st.some(!0)},onShiftTab:function(){return st.some(!0)}}),vg.config({})])}]),nu(o,"display"),Ur(o,"aria-hidden")):(fg.set(t,[]),qi(o,"display","none"),zr(o,"aria-hidden","true"))},SB=kD.optional({factory:uB,name:"menubar",schema:[Ln("backstage")]}),kB=kD.optional({factory:{sketch:function(t){return TD.sketch({uid:t.uid,dom:t.dom,listBehaviours:ic([ug.config({mode:"acyclic",selector:".tox-toolbar"})]),makeItem:function(){return QT({type:t.type,uid:Kr("multiple-toolbar-item"),cyclicKeying:!1,initGroups:[],providers:t.providers,onEscape:function(){return t.onEscape(),st.some(!0)}})},setupItem:function(t,n,e,o){eT.setGroups(n,e)},shell:!0})}},name:"multiple-toolbar",schema:[Ln("dom"),Ln("onEscape")]}),CB=kD.optional({factory:{sketch:function(t){var n;return((n=t).type===rh.sliding?$T:n.type===rh.floating?JT:QT)({type:t.type,uid:t.uid,onEscape:function(){return t.onEscape(),st.some(!0)},cyclicKeying:!1,initGroups:[],getSink:t.getSink,providers:t.providers,moreDrawerData:{lazyToolbar:t.lazyToolbar,lazyMoreButton:t.lazyMoreButton,lazyHeader:t.lazyHeader},attributes:t.attributes})}},name:"toolbar",schema:[Ln("dom"),Ln("onEscape"),Ln("getSink")]}),OB=kD.optional({factory:{sketch:function(t){var n=t.editor,e=t.sticky?rB:BD;return{uid:t.uid,dom:t.dom,components:t.components,behaviours:ic(e(n,t.sharedBackstage))}}},name:"header",schema:[Ln("dom")]}),_B=kD.optional({name:"socket",schema:[Ln("dom")]}),TB=kD.optional({factory:{sketch:function(t){return{uid:t.uid,dom:{tag:"div",classes:["tox-sidebar"],attributes:{role:"complementary"}},components:[{dom:{tag:"div",classes:["tox-sidebar__slider"]},components:[],behaviours:ic([Jy.config({}),vg.config({}),zT.config({dimension:{property:"width"},closedClass:"tox-sidebar--sliding-closed",openClass:"tox-sidebar--sliding-open",shrinkingClass:"tox-sidebar--sliding-shrinking",growingClass:"tox-sidebar--sliding-growing",onShrunk:function(t){td.getCurrent(t).each(dB.hideAllSlots),Yo(t,yB)},onGrown:function(t){Yo(t,yB)},onStartGrow:function(t){qo(t,bB,{width:Zi(t.element,"width").getOr("")})},onStartShrink:function(t){qo(t,bB,{width:_u(t.element)+"px"})}}),fg.config({}),td.config({find:function(t){var n=fg.contents(t);return K(n)}})])}],behaviours:ic([rk(0),dg("sidebar-sliding-events",[er(bB,function(t,n){qi(t.element,"width",n.event.width)}),er(yB,function(t,n){nu(t.element,"width")})])])}}},name:"sidebar",schema:[Ln("dom")]}),EB=kD.optional({factory:{sketch:function(t){return{uid:t.uid,dom:{tag:"div",attributes:{"aria-hidden":"true"},classes:["tox-throbber"],styles:{display:"none"}},behaviours:ic([fg.config({})]),components:[]}}},name:"throbber",schema:[Ln("dom")]}),DB=qf({name:"OuterContainer",factory:function(e,t,n){var o={getSocket:function(t){return SD.getPart(t,e,"socket")},setSidebar:function(t,n){SD.getPart(t,e,"sidebar").each(function(t){return hB(t,n)})},toggleSidebar:function(t,o){SD.getPart(t,e,"sidebar").each(function(t){return n=t,e=o,void td.getCurrent(n).each(function(n){td.getCurrent(n).each(function(t){zT.hasGrown(n)?dB.isShowing(t,e)?zT.shrink(n):(dB.hideAllSlots(t),dB.showSlot(t,e)):(dB.hideAllSlots(t),dB.showSlot(t,e),zT.grow(n))})});var n,e})},whichSidebar:function(t){return SD.getPart(t,e,"sidebar").bind(vB).getOrNull()},getHeader:function(t){return SD.getPart(t,e,"header")},getToolbar:function(t){return SD.getPart(t,e,"toolbar")},setToolbar:function(t,n){SD.getPart(t,e,"toolbar").each(function(t){t.getApis().setGroups(t,n)})},setToolbars:function(t,n){SD.getPart(t,e,"multiple-toolbar").each(function(t){TD.setItems(t,n)})},refreshToolbar:function(t){SD.getPart(t,e,"toolbar").each(function(t){return t.getApis().refresh(t)})},toggleToolbarDrawer:function(t){SD.getPart(t,e,"toolbar").each(function(n){var t,e;t=n.getApis().toggle,e=function(t){return t(n)},t!==undefined&&null!==t?st.some(e(t)):st.none()})},isToolbarDrawerToggled:function(t){return SD.getPart(t,e,"toolbar").bind(function(n){return st.from(n.getApis().isOpen).map(function(t){return t(n)})}).getOr(!1)},getThrobber:function(t){return SD.getPart(t,e,"throbber")},focusToolbar:function(t){SD.getPart(t,e,"toolbar").orThunk(function(){return SD.getPart(t,e,"multiple-toolbar")}).each(function(t){ug.focusIn(t)})},setMenubar:function(t,n){SD.getPart(t,e,"menubar").each(function(t){uB.setMenus(t,n)})},focusMenubar:function(t){SD.getPart(t,e,"menubar").each(function(t){uB.focus(t)})}};return{uid:e.uid,dom:e.dom,components:t,apis:o,behaviours:e.behaviours}},configFields:[Ln("dom"),Ln("behaviours")],partFields:[OB,SB,CB,kB,_B,TB,EB],apis:{getSocket:function(t,n){return t.getSocket(n)},setSidebar:function(t,n,e){t.setSidebar(n,e)},toggleSidebar:function(t,n,e){t.toggleSidebar(n,e)},whichSidebar:function(t,n){return t.whichSidebar(n)},getHeader:function(t,n){return t.getHeader(n)},getToolbar:function(t,n){return t.getToolbar(n)},setToolbar:function(t,n,e){var o=V(e,YT);t.setToolbar(n,o)},setToolbars:function(t,n,e){var o=V(e,function(t){return V(t,YT)});t.setToolbars(n,o)},refreshToolbar:function(t,n){return t.refreshToolbar(n)},toggleToolbarDrawer:function(t,n){t.toggleToolbarDrawer(n)},isToolbarDrawerToggled:function(t,n){return t.isToolbarDrawerToggled(n)},getThrobber:function(t,n){return t.getThrobber(n)},setMenubar:function(t,n,e){t.setMenubar(n,e)},focusMenubar:function(t,n){t.focusMenubar(n)},focusToolbar:function(t,n){t.focusToolbar(n)}}}),BB={file:{title:"File",items:"newdocument restoredraft | preview | export print | deleteallconversations"},edit:{title:"Edit",items:"undo redo | cut copy paste pastetext | selectall | searchreplace"},view:{title:"View",items:"code | visualaid visualchars visualblocks | spellchecker | preview fullscreen | showcomments"},insert:{title:"Insert",items:"image link media addcomment pageembed template codesample inserttable | charmap emoticons hr | pagebreak nonbreaking anchor toc | insertdatetime"},format:{title:"Format",items:"bold italic underline strikethrough superscript subscript codeformat | formats blockformats fontformats fontsizes align lineheight | forecolor backcolor | removeformat"},tools:{title:"Tools",items:"spellchecker spellcheckerlanguage | a11ycheck code wordcount"},table:{title:"Table",items:"inserttable | cell row column | advtablesort | tableprops deletetable"},help:{title:"Help",items:"help"}},AB=function(t){return"string"==typeof t?t.split(" "):t},MB=function(i,u){var a=ut(ut({},BB),u.menus),n=0<Ct(u.menus).length,t=u.menubar===undefined||!0===u.menubar?AB("file edit view insert format tools table help"):AB(!1===u.menubar?"":u.menubar),e=H(t,function(t){return n&&u.menus.hasOwnProperty(t)&&u.menus[t].hasOwnProperty("items")||BB.hasOwnProperty(t)}),o=V(e,function(t){var n,e,o,r=a[t];return n={title:r.title,items:AB(r.items)},e=u,o=i.getParam("removed_menuitems","").split(/[ ,]/),{text:n.title,getItems:function(){return U(n.items,function(t){var n=t.toLowerCase();return 0===n.trim().length||F(o,function(t){return t===n})?[]:"separator"===n||"|"===n?[{type:"separator"}]:e.menuItems[n]?[e.menuItems[n]]:[]})}}});return H(o,function(t){return 0<t.getItems().length&&F(t.getItems(),function(t){return"separator"!==t.type})})},FB=function(t){var n=function(){t._skinLoaded=!0,t.fire("SkinLoaded")};return function(){t.initialized?n():t.on("init",n)}},IB=function(n,e){return function(){return t={message:e},n.fire("SkinLoadError",t);var t}},RB=function(e,o,r){return new Fp(function(t,n){r.load(o,t,n),e.on("remove",function(){return r.unload(o)})})},VB=function(t,n){var e;return(e=me.fromDom(t.getElement()),Ni(e).isSome())?RB(t,n+"/skin.shadowdom.min.css",Zh.DOM.styleSheetLoader):Fp.resolve()},PB=function(t,n){var e,o,r,i,u,a=(r=(e=n).getParam("skin"),i=e.getParam("skin_url"),!1!==r&&(o=r||"oxide",i=i?e.documentBaseURI.toAbsolute(i):pv.baseURL+"/skins/ui/"+o),i);a&&n.contentCSS.push(a+(t?"/content.inline":"/content")+".min.css"),!1==(!1===n.getParam("skin"))&&k(a)?Fp.all([RB(u=n,a+"/skin.min.css",u.ui.styleSheetLoader),VB(n,a)]).then(FB(n),IB(n,"Skin could not be loaded")):FB(n)()},HB=y(PB,!1),zB=y(PB,!0),NB=function(e,t,o,r){var n,i=t.outerContainer,u=o.toolbar,a=o.buttons;T(u,k)?(n=u.map(function(t){var n={toolbar:t,buttons:a,allowToolbarGroups:o.allowToolbarGroups};return hD(e,n,{backstage:r},st.none())}),DB.setToolbars(i,n)):DB.setToolbar(i,hD(e,o,{backstage:r},st.none()))},LB=je(),jB=LB.os.isiOS()&&LB.os.version.major<=12,UB=function(e,t){var n=e.dom,o=e.getWin(),r=e.getDoc().documentElement,i=fe(wu(o.innerWidth,o.innerHeight)),u=fe(wu(r.offsetWidth,r.offsetHeight)),a=function(){var t=i.get();t.left===o.innerWidth&&t.top===o.innerHeight||(i.set(wu(o.innerWidth,o.innerHeight)),Mb(e))},c=function(){var t=e.getDoc().documentElement,n=u.get();n.left===t.offsetWidth&&n.top===t.offsetHeight||(u.set(wu(t.offsetWidth,t.offsetHeight)),Mb(e))},s=function(t){return n=t,e.fire("ScrollContent",n);var n};n.bind(o,"resize",a),n.bind(o,"scroll",s);var l=xy(me.fromDom(e.getBody()),"load",c),f=t.uiMothership.element;e.on("hide",function(){qi(f,"display","none")}),e.on("show",function(){nu(f,"display")}),e.on("NodeChange",c),e.on("remove",function(){l.unbind(),n.unbind(o,"resize",a),n.unbind(o,"scroll",s),o=null})},WB=/* */Object.freeze({__proto__:null,render:function(e,n,t,o,r){var i=fe(0),u=n.outerContainer;HB(e);var a,c,s=me.fromDom(r.targetNode),l=zi(Hi(s));a=s,c=n.mothership,sl(a,c,Dr),cl(l,n.uiMothership),e.on("PostRender",function(){NB(e,n,t,o),i.set(e.getWin().innerWidth),DB.setMenubar(u,MB(e,t)),DB.setSidebar(u,t.sidebar),UB(e,n)});var f,d,m,g,p,h=DB.getSocket(u).getOrDie("Could not find expected socket element");jB&&(Ki(h.element,{overflow:"scroll","-webkit-overflow-scrolling":"touch"}),m=function(){e.fire("ScrollContent")},g=20,p=null,f={cancel:function(){null!==p&&(clearTimeout(p),p=null)},throttle:function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];null===p&&(p=setTimeout(function(){m.apply(null,t),p=null},g))}},d=yy(h.element,"scroll",f.throttle),e.on("remove",d.unbind)),Nv(e,n),e.addCommand("ToggleSidebar",function(t,n){DB.toggleSidebar(u,n),e.fire("ToggleSidebar")}),e.addQueryValueHandler("ToggleSidebar",function(){return DB.whichSidebar(u)});var v=Ev(e);v!==rh.sliding&&v!==rh.floating||e.on("ResizeWindow ResizeEditor ResizeContent",function(){var t=e.getWin().innerWidth;t!==i.get()&&(DB.refreshToolbar(n.outerContainer),i.set(t))});var b={enable:function(){zv(n,!1)},disable:function(){zv(n,!0)},isDisabled:function(){return gv.isDisabled(u)}};return{iframeContainer:h.element.dom,editorContainer:u.element.dom,api:b}}}),GB=function(t){return/^[0-9\.]+(|px)$/i.test(""+t)?st.some(parseInt(""+t,10)):st.none()},XB=function(t){return lt(t)?t+"px":t},YB=function(n,t,e){var o=t.filter(function(t){return n<t}),r=e.filter(function(t){return t<n});return o.or(r).getOr(n)},qB=function(t){var n,e,o,r;return(e=hv(n=t),o=yv(n),r=wv(n),GB(e).map(function(t){return YB(t,o,r)})).getOr(hv(t))},KB=function(t){var n=vv(t),e=bv(t),o=xv(t);return GB(n).map(function(t){return YB(t,e,o)})},JB=function(a,c,t,n,s){var e=t.uiMothership,l=t.outerContainer,o=Zh.DOM,f=Fv(a),d=Vv(a),m=xv(a).or(KB(a)),r=n.shared.header,g=r.isPositionedAtTop,i=Ev(a),p=i===rh.sliding||i===rh.floating,u=fe(!1),h=function(){return u.get()&&!a.removed},v=function(t){return p?t.fold(function(){return 0},function(t){return 1<t.components().length?bu(t.components()[1].element):0}):0},b=function(){e.broadcastOn([Sl()],{})},y=function(t){var n,e,o,r,i,u;void 0===t&&(t=!1),h()&&(f||(n=m.getOrThunk(function(){var t=GB($i(Wi(),"margin-left")).getOr(0);return _u(Wi())-ku(c).left+t}),qi(s.get().element,"max-width",n+"px")),p&&DB.refreshToolbar(l),f||(e=DB.getToolbar(l),o=v(e),r=zu(c),i=g()?Math.max(r.y-bu(s.get().element)+o,0):r.bottom,Ki(l.element,{position:"absolute",top:Math.round(i)+"px",left:Math.round(r.x)+"px"})),d&&(u=s.get(),t?$D.reset(u):$D.refresh(u)),b())},x=function(t){var n,e;void 0===t&&(t=!0),!f&&d&&h()&&(n=r.getDockingMode(),(e=function(t){switch(Bv(a)){case _v.auto:var n=DB.getToolbar(l),e=v(n),o=bu(t.element)-e,r=zu(c);if(r.y>o)return"top";var i=wr(c),u=Math.max(i.dom.scrollHeight,bu(i));return r.bottom<u-o||Lu().bottom<r.bottom-o?"bottom":"top";case _v.bottom:return"bottom";case _v.top:default:return"top"}}(s.get()))!==n&&(function(t){var n=s.get();$D.setModes(n,[t]),r.setDockingMode(t);var e=g()?na.TopToBottom:na.BottomToTop;zr(n.element,jc,e)}(e),t&&y(!0)))};return{isVisible:h,isPositionedAtTop:g,show:function(){u.set(!0),qi(l.element,"display","flex"),o.addClass(a.getBody(),"mce-edit-focus"),nu(e.element,"display"),x(!1),y()},hide:function(){u.set(!1),t.outerContainer&&(qi(l.element,"display","none"),o.removeClass(a.getBody(),"mce-edit-focus")),qi(e.element,"display","none")},update:y,updateMode:x,repositionPopups:b}},$B=function(t,n){var e=zu(t);return{pos:n?e.y:e.bottom,bounds:e}},QB=/* */Object.freeze({__proto__:null,render:function(n,e,o,r,t){var i=e.mothership,u=e.uiMothership,a=e.outerContainer,c=fe(null),s=me.fromDom(t.targetNode),l=JB(n,s,e,r,c),f=n.getParam("toolbar_persist",!1,"boolean");zB(n);var d=function(){var t;c.get()?l.show():(c.set(DB.getHeader(a).getOrDie()),t=Iv(n),cl(t,i),cl(t,u),NB(n,e,o,r),DB.setMenubar(a,MB(n,o)),l.show(),function(c,s,l,t){var f=fe($B(s,l.isPositionedAtTop())),n=function(t){var n=$B(s,l.isPositionedAtTop()),e=n.pos,o=n.bounds,r=f.get(),i=r.pos,u=r.bounds,a=o.height!==u.height||o.width!==u.width;f.set({pos:e,bounds:o}),a&&Mb(c,t),l.isVisible()&&(i!==e?l.update(!0):a&&(l.updateMode(),l.repositionPopups()))};t||(c.on("activate",l.show),c.on("deactivate",l.hide)),c.on("SkinLoaded ResizeWindow",function(){return l.update(!0)}),c.on("NodeChange keydown",function(t){dp.requestAnimationFrame(function(){return n(t)})}),c.on("ScrollWindow",function(){return l.updateMode()});var e=iD();e.set(xy(me.fromDom(c.getBody()),"load",n)),c.on("remove",function(){e.clear()})}(n,s,l,f),n.nodeChanged())};n.on("show",d),n.on("hide",l.hide),f||(n.on("focus",d),n.on("blur",l.hide)),n.on("init",function(){(n.hasFocus()||f)&&d()}),Nv(n,e);var m={show:function(){l.show()},hide:function(){l.hide()},enable:function(){zv(e,!1)},disable:function(){zv(e,!0)},isDisabled:function(){return gv.isDisabled(a)}};return{editorContainer:a.element.dom,api:m}}}),ZB=function(t,n){var e,o,r,i,u,a,c,s,l,f,d,m,g,p;r=PE(0,o=n,YE(e=t)),e.ui.registry.addNestedMenuItem("align",{text:o.shared.providers.translate("Align"),getSubmenuItems:function(){return r.items.validateItems(r.getStyleItems())}}),a=PE(0,u=n,$E(i=t)),i.ui.registry.addNestedMenuItem("fontformats",{text:u.shared.providers.translate("Fonts"),getSubmenuItems:function(){return a.items.validateItems(a.getStyleItems())}}),c=t,l=ut({type:"advanced"},(s=n).styleselect),f=PE(0,s,sD(c,l)),c.ui.registry.addNestedMenuItem("formats",{text:"Formats",getSubmenuItems:function(){return f.items.validateItems(f.getStyleItems())}}),m=PE(0,n,cD(d=t)),d.ui.registry.addNestedMenuItem("blockformats",{text:"Blocks",getSubmenuItems:function(){return m.items.validateItems(m.getStyleItems())}}),p=PE(0,n,nD(g=t)),g.ui.registry.addNestedMenuItem("fontsizes",{text:"Font sizes",getSubmenuItems:function(){return p.items.validateItems(p.getStyleItems())}})},tA=function(t,n){return function(){t.execCommand("mceToggleFormat",!1,n)}},nA=function(t){var n,e;!function(e){ck.each([{name:"bold",text:"Bold",icon:"bold"},{name:"italic",text:"Italic",icon:"italic"},{name:"underline",text:"Underline",icon:"underline"},{name:"strikethrough",text:"Strikethrough",icon:"strike-through"},{name:"subscript",text:"Subscript",icon:"subscript"},{name:"superscript",text:"Superscript",icon:"superscript"}],function(t,n){e.ui.registry.addToggleButton(t.name,{tooltip:t.text,icon:t.icon,onSetup:uD(e,t.name),onAction:tA(e,t.name)})});for(var t=1;t<=6;t++){var n="h"+t;e.ui.registry.addToggleButton(n,{text:n.toUpperCase(),tooltip:"Heading "+t,onSetup:uD(e,n),onAction:tA(e,n)})}}(t),n=t,ck.each([{name:"cut",text:"Cut",action:"Cut",icon:"cut"},{name:"copy",text:"Copy",action:"Copy",icon:"copy"},{name:"paste",text:"Paste",action:"Paste",icon:"paste"},{name:"help",text:"Help",action:"mceHelp",icon:"help"},{name:"selectall",text:"Select all",action:"SelectAll",icon:"select-all"},{name:"newdocument",text:"New document",action:"mceNewDocument",icon:"new-document"},{name:"removeformat",text:"Clear formatting",action:"RemoveFormat",icon:"remove-formatting"},{name:"remove",text:"Remove",action:"Delete",icon:"remove"}],function(t){n.ui.registry.addButton(t.name,{tooltip:t.text,icon:t.icon,onAction:function(){return n.execCommand(t.action)}})}),e=t,ck.each([{name:"blockquote",text:"Blockquote",action:"mceBlockQuote",icon:"quote"}],function(t){e.ui.registry.addToggleButton(t.name,{tooltip:t.text,icon:t.icon,onAction:function(){return e.execCommand(t.action)},onSetup:uD(e,t.name)})})},eA=function(t){var n;nA(t),n=t,ck.each([{name:"bold",text:"Bold",action:"Bold",icon:"bold",shortcut:"Meta+B"},{name:"italic",text:"Italic",action:"Italic",icon:"italic",shortcut:"Meta+I"},{name:"underline",text:"Underline",action:"Underline",icon:"underline",shortcut:"Meta+U"},{name:"strikethrough",text:"Strikethrough",action:"Strikethrough",icon:"strike-through",shortcut:""},{name:"subscript",text:"Subscript",action:"Subscript",icon:"subscript",shortcut:""},{name:"superscript",text:"Superscript",action:"Superscript",icon:"superscript",shortcut:""},{name:"removeformat",text:"Clear formatting",action:"RemoveFormat",icon:"remove-formatting",shortcut:""},{name:"newdocument",text:"New document",action:"mceNewDocument",icon:"new-document",shortcut:""},{name:"cut",text:"Cut",action:"Cut",icon:"cut",shortcut:"Meta+X"},{name:"copy",text:"Copy",action:"Copy",icon:"copy",shortcut:"Meta+C"},{name:"paste",text:"Paste",action:"Paste",icon:"paste",shortcut:"Meta+V"},{name:"selectall",text:"Select all",action:"SelectAll",icon:"select-all",shortcut:"Meta+A"}],function(t){n.ui.registry.addMenuItem(t.name,{text:t.text,icon:t.icon,shortcut:t.shortcut,onAction:function(){return n.execCommand(t.action)}})}),n.ui.registry.addMenuItem("codeformat",{text:"Code",icon:"sourcecode",onAction:tA(n,"code")})},oA=function(t,n,e){var o=function(){return!!n.undoManager&&n.undoManager[e]()},r=function(){t.setDisabled(n.mode.isReadOnly()||!o())};return t.setDisabled(!o()),n.on("Undo Redo AddUndo TypingUndo ClearUndos SwitchMode",r),function(){return n.off("Undo Redo AddUndo TypingUndo ClearUndos SwitchMode",r)}},rA=function(t){var n,e;(n=t).ui.registry.addMenuItem("undo",{text:"Undo",icon:"undo",shortcut:"Meta+Z",onSetup:function(t){return oA(t,n,"hasUndo")},onAction:function(){return n.execCommand("undo")}}),n.ui.registry.addMenuItem("redo",{text:"Redo",icon:"redo",shortcut:"Meta+Y",onSetup:function(t){return oA(t,n,"hasRedo")},onAction:function(){return n.execCommand("redo")}}),(e=t).ui.registry.addButton("undo",{tooltip:"Undo",icon:"undo",onSetup:function(t){return oA(t,e,"hasUndo")},onAction:function(){return e.execCommand("undo")}}),e.ui.registry.addButton("redo",{tooltip:"Redo",icon:"redo",onSetup:function(t){return oA(t,e,"hasRedo")},onAction:function(){return e.execCommand("redo")}})},iA={unsupportedLength:["em","ex","cap","ch","ic","rem","lh","rlh","vw","vh","vi","vb","vmin","vmax","cm","mm","Q","in","pc","pt","px"],fixed:["px","pt"],relative:["%"],empty:[""]},uA=(NE="[eE][+-]?[0-9]+",jE=["Infinity",(zE="[0-9]+")+"\\."+(LE=function(t){return"(?:"+t+")?"})(zE)+LE(NE),"\\."+zE+LE(NE),zE+LE(NE)].join("|"),new RegExp("^([+-]?(?:"+jE+"))(.*)$")),aA=function(t,r){return st.from(uA.exec(t)).bind(function(t){var n,e=Number(t[1]),o=t[2];return n=o,F(r,function(t){return F(iA[t],function(t){return n===t})})?st.some({value:e,unit:o}):st.none()})},cA=function(t){return aA(t,["fixed","relative","empty"]).map(function(t){return t.value+t.unit}).getOr(t)},sA=function(o){var r=o.getParam("lineheight_formats","1 1.1 1.2 1.3 1.4 1.5 2","string").split(" "),i=new Map,u=rD(),a=function(){var t=cA(o.queryCommandValue("LineHeight"));st.from(i.get(t)).fold(function(){return u.clear()},function(t){u.set({destroy:function(){t.setActive(!1)}}),t.setActive(!0)})};return o.on("nodeChange",a),V(r,function(n,e){return{type:"togglemenuitem",text:n,onSetup:function(t){return i.set(cA(n),t),e+1===r.length&&a(),function(){0===e&&(o.off("nodeChange",a),u.clear())}},onAction:function(){return o.execCommand("LineHeight",!1,n)}}})},lA=function(t){var n,e;(n=t).ui.registry.addNestedMenuItem("lineheight",{type:"nestedmenuitem",text:"Line height",getSubmenuItems:function(){return sA(n)}}),(e=t).ui.registry.addMenuButton("lineheight",{tooltip:"Line height",icon:"line-height",fetch:function(t){return t(sA(e))}})},fA=function(t,n){var e,o,r,i;!function(n){ck.each([{name:"alignleft",text:"Align left",cmd:"JustifyLeft",icon:"align-left"},{name:"aligncenter",text:"Align center",cmd:"JustifyCenter",icon:"align-center"},{name:"alignright",text:"Align right",cmd:"JustifyRight",icon:"align-right"},{name:"alignjustify",text:"Justify",cmd:"JustifyFull",icon:"align-justify"}],function(t){n.ui.registry.addToggleButton(t.name,{tooltip:t.text,onAction:function(){return n.execCommand(t.cmd)},icon:t.icon,onSetup:uD(n,t.name)})});var t="alignnone",e="No alignment",o="JustifyNone",r="align-none";n.ui.registry.addButton(t,{tooltip:e,onAction:function(){return n.execCommand(o)},icon:r})}(t),eA(t),ZB(t,n),rA(t),function(t){Lb(t);var n=fe(null),e=fe(null);Yb(t,"forecolor","forecolor","Text color",n),Yb(t,"backcolor","hilitecolor","Background color",e),qb(t,"forecolor","forecolor","Text color"),qb(t,"backcolor","hilitecolor","Background color")}(t),(o=e=t).ui.registry.addButton("visualaid",{tooltip:"Visual aids",text:"Visual aids",onAction:function(){return o.execCommand("mceToggleVisualAid")}}),(r=e).ui.registry.addToggleMenuItem("visualaid",{text:"Visual aids",onSetup:function(t){return function(n,t){n.setActive(t.hasVisual);var e=function(t){n.setActive(t.hasVisual)};return t.on("VisualAid",e),function(){return t.off("VisualAid",e)}}(t,r)},onAction:function(){r.execCommand("mceToggleVisualAid")}}),(i=t).ui.registry.addButton("outdent",{tooltip:"Decrease indent",icon:"outdent",onSetup:function(t){return function(t,n){t.setDisabled(!n.queryCommandState("outdent"));var e=function(){t.setDisabled(!n.queryCommandState("outdent"))};return n.on("NodeChange",e),function(){return n.off("NodeChange",e)}}(t,i)},onAction:function(){return i.execCommand("outdent")}}),i.ui.registry.addButton("indent",{tooltip:"Increase indent",icon:"indent",onAction:function(){return i.execCommand("indent")}}),lA(t)},dA=function(t,n){return{anchor:"makeshift",x:t,y:n}},mA=function(t){return"longpress"===t.type||0===t.type.indexOf("touch")},gA=function(t,n){var e,o,r,i=Zh.DOM.getPos(t);return e=n,o=i.x,r=i.y,dA(e.x+o,e.y+r)},pA=function(t,n){return"contextmenu"===n.type||"longpress"===n.type?t.inline?function(t){if(mA(t)){var n=t.touches[0];return dA(n.pageX,n.pageY)}return dA(t.pageX,t.pageY)}(n):gA(t.getContentAreaContainer(),function(t){if(mA(t)){var n=t.touches[0];return dA(n.clientX,n.clientY)}return dA(t.clientX,t.clientY)}(n)):hA(t)},hA=function(t){return{anchor:"selection",root:me.fromDom(t.selection.getNode())}},vA=function(t){return{anchor:"node",node:st.some(me.fromDom(t.selection.getNode())),root:me.fromDom(t.getBody())}},bA=function(t,n,e,o,r,i){var u=e(),a=i?vA(t):pA(t,n);jC(u,uh.CLOSE_ON_EXECUTE,o,!1).map(function(t){n.preventDefault(),tp.showMenuAt(r,a,{menu:{markers:yh("normal")},data:t})})},yA={onLtr:function(){return[Ua,Ha,za,Na,La,ja,lp,fp,cp,up,sp,ap]},onRtl:function(){return[Ua,za,Ha,La,Na,ja,lp,fp,sp,ap,cp,up]}},xA={valignCentre:[],alignCentre:[],alignLeft:["tox-pop--align-left"],alignRight:["tox-pop--align-right"],right:["tox-pop--right"],left:["tox-pop--left"],bottom:["tox-pop--bottom"],top:["tox-pop--top"]},wA=function(n,e,t,o,r,i,u){var a,c,s=i?vA(n):(a=n,c=e,ut({bubble:Hc(0,12,xA),layouts:yA,overrides:{maxWidthFunction:Q_(),maxHeightFunction:Fc()}},pA(a,c)));jC(t,uh.CLOSE_ON_EXECUTE,o,!0).map(function(t){e.preventDefault(),tp.showMenuWithinBounds(r,s,{menu:{markers:yh("normal"),highlightImmediately:u},data:t,type:"horizontal"},function(){return st.some(EE(n,o.shared))}),n.fire(Z_)})},SA=function(n,e,o,r,i,u){var t,a=je(),c=a.os.isiOS(),s=a.os.isOSX(),l=a.os.isAndroid(),f=a.deviceType.isTouch(),d=function(){var t=o();wA(n,e,t,r,i,u,!(l||c||s&&f))};!s&&!c||u?(l&&!u&&n.selection.setCursorLocation(e.target,0),d()):(t=function(){!function(t){var n=t.selection.getRng(),e=function(){dp.setEditorTimeout(t,function(){t.selection.setRng(n)},10),i()};t.once("touchend",e);var o=function(t){t.preventDefault(),t.stopImmediatePropagation()};t.on("mousedown",o,!0);var r=function(){return i()};t.once("longpresscancel",r);var i=function(){t.off("touchend",e),t.off("longpresscancel",r),t.off("mousedown",o)}}(n),d()},!function(t,n){var e=t.selection;if(e.isCollapsed()||n.touches.length<1)return!1;var o=n.touches[0],r=e.getRng();return bs(t.getWin(),Qc.domRange(r)).exists(function(t){return t.left<=o.clientX&&t.right>=o.clientX&&t.top<=o.clientY&&t.bottom>=o.clientY})}(n,e)?(n.once("selectionchange",t),n.once("touchend",function(){return n.off("selectionchange",t)})):t())},kA=function(t){return"string"==typeof t?t.split(/[ ,]/):t},CA=function(t){return t.getParam("contextmenu_never_use_native",!1,"boolean")},OA=function(t){return e="contextmenu",o="link linkchecker image imagetools table spellchecker configurepermanentpen",r=(n=t).ui.registry.getAll().contextMenus,st.from(n.getParam(e)).map(kA).getOrThunk(function(){return H(kA(o),function(t){return It(r,t)})});var n,e,o,r},_A=function(t){return k(t)?"|"===t:"separator"===t.type},TA={type:"separator"},EA=function(n){if(k(n))return n;switch(n.type){case"separator":return TA;case"submenu":return{type:"nestedmenuitem",text:n.text,icon:n.icon,getSubmenuItems:function(){var t=n.getSubmenuItems();return k(t)?t:V(t,EA)}};default:return{type:"menuitem",text:n.text,icon:n.icon,onAction:(t=n.onAction,function(){return t()})}}var t},DA=function(t,n){if(0===n.length)return t;var e=J(t).filter(function(t){return!_A(t)}).fold(function(){return[]},function(t){return[TA]});return t.concat(e).concat(n).concat([TA])},BA=function(t,n){return"longpress"!==n.type&&(2!==n.button||n.target===t.getBody()&&""===n.pointerType)},AA=function(t,n){return BA(t,n)?t.selection.getStart(!0):n.target},MA=function(a,t,e){var o=je().deviceType.isTouch,r=gu(tp.sketch({dom:{tag:"div"},lazySink:t,onEscape:function(){return a.focus()},onShow:function(){return e.setContextMenuState(!0)},onHide:function(){return e.setContextMenuState(!1)},fireDismissalEventInstead:{},inlineBehaviours:ic([dg("dismissContextMenu",[er(zo(),function(t,n){xl.close(t),a.focus()})])])})),n=function(t){return tp.hide(r)},i=function(u){var t,n;CA(a)&&u.preventDefault(),t=a,u.ctrlKey&&!CA(t)||!1===a.getParam("contextmenu")||(n=function(t,n){var e=t.getParam("contextmenu_avoid_overlap","","string");if(BA(t,n))return!0;if(e){var o=AA(t,n);return Sy(me.fromDom(o),e)}return!1}(a,u),(o()?SA:bA)(a,u,function(){var r,i,t,n=AA(a,u),e=a.ui.registry.getAll(),o=OA(a);return r=e.contextMenus,i=n,0<(t=N(o,function(t,n){if(It(r,n)){var e=r[n].update(i);if(k(e))return DA(t,e.split(" "));if(0<e.length){var o=V(e,EA);return DA(t,o)}return t}return t.concat([n])},[])).length&&_A(t[t.length-1])&&t.pop(),t},e,r,n))};a.on("init",function(){var t="ResizeEditor ScrollContent ScrollWindow longpresscancel"+(o()?"":" ResizeWindow");a.on(t,n),a.on("longpress contextmenu",i)})},FA=Vt([{offset:["x","y"]},{absolute:["x","y"]},{fixed:["x","y"]}]),IA=function(n){return function(t){return t.translate(-n.left,-n.top)}},RA=function(n){return function(t){return t.translate(n.left,n.top)}},VA=function(e){return function(t,n){return N(e,function(t,n){return n(t)},wu(t,n))}},PA=function(t,n,e){return t.fold(VA([RA(e),IA(n)]),VA([IA(n)]),VA([]))},HA=function(t,n,e){return t.fold(VA([RA(e)]),VA([]),VA([RA(n)]))},zA=function(t,n,e){return t.fold(VA([]),VA([IA(e)]),VA([RA(n),IA(e)]))},NA=function(t,n,e){var o=t.fold(function(t,n){return{position:st.some("absolute"),left:st.some(t+"px"),top:st.some(n+"px")}},function(t,n){return{position:st.some("absolute"),left:st.some(t-e.left+"px"),top:st.some(n-e.top+"px")}},function(t,n){return{position:st.some("fixed"),left:st.some(t+"px"),top:st.some(n+"px")}});return ut({right:st.none(),bottom:st.none()},o)},LA=function(t,i,u,a){var n=function(o,r){return function(t,n){var e=o(i,u,a);return r(t.getOr(e.left),n.getOr(e.top))}};return t.fold(n(zA,jA),n(HA,UA),n(PA,WA))},jA=FA.offset,UA=FA.absolute,WA=FA.fixed,GA=function(t,n){var e=Nr(t,n);return h(e)?NaN:parseInt(e,10)},XA=function(t,n,e,o){return r=n,i=t.element,u=GA(i,r.leftAttr),a=GA(i,r.topAttr),(isNaN(u)||isNaN(a)?st.none():st.some(wu(u,a))).fold(function(){return e},function(t){return WA(t.left+o.left,t.top+o.top)});var r,i,u,a},YA=function(t,n,e,o,r,i){var u,a,c,s=XA(t,n,e,o),l=(n.mustSnap?JA:$A)(t,n,s,r,i),f=PA(s,r,i);return u=n,a=f,c=t.element,zr(c,u.leftAttr,a.left+"px"),zr(c,u.topAttr,a.top+"px"),l.fold(function(){return{coord:WA(f.left,f.top),extra:st.none()}},function(t){return{coord:t.output,extra:t.extra}})},qA=function(t,n){var e,o;e=n,o=t.element,Ur(o,e.leftAttr),Ur(o,e.topAttr)},KA=function(t,l,f,d){return Z(t,function(t){var n,e,o,r,i,u,a,c,s=t.sensor;return(n=l,e=s,o=t.range.left,r=t.range.top,a=HA(n,i=f,u=d),c=HA(e,i,u),Math.abs(a.left-c.left)<=o&&Math.abs(a.top-c.top)<=r)?st.some({output:LA(t.output,l,f,d),extra:t.extra}):st.none()})},JA=function(t,n,d,m,g){var e=n.getSnapPoints(t);return KA(e,d,m,g).orThunk(function(){return N(e,function(n,e){var t,o,r,i,u,a,c,s,l=e.sensor,f=(t=d,o=l,e.range.left,e.range.top,u=HA(t,r=m,i=g),a=HA(o,r,i),c=Math.abs(u.left-a.left),s=Math.abs(u.top-a.top),wu(c,s));return n.deltas.fold(function(){return{deltas:st.some(f),snap:st.some(e)}},function(t){return(f.left+f.top)/2<=(t.left+t.top)/2?{deltas:st.some(f),snap:st.some(e)}:n})},{deltas:st.none(),snap:st.none()}).snap.map(function(t){return{output:LA(t.output,d,m,g),extra:t.extra}})})},$A=function(t,n,e,o,r){var i=n.getSnapPoints(t);return KA(i,e,o,r)},QA=/* */Object.freeze({__proto__:null,snapTo:function(t,n,e,o){var r,i,u,a,c,s,l,f,d=n.getTarget(t.element);n.repositionTarget&&(r=yr(t.element),i=Au(r),u=FD(d),l=i,f=u,a={coord:LA((s=o).output,s.output,l,f),extra:s.extra},c=NA(a.coord,0,u),Ji(d,c))}}),ZA="data-initial-z-index",tM=function(t,n){var e;t.getSystem().addToGui(n),kr((e=n).element).filter(pr).each(function(n){Zi(n,"z-index").each(function(t){zr(n,ZA,t)}),qi(n,"z-index",$i(e.element,"z-index"))})},nM=function(t){kr(t.element).filter(pr).each(function(n){Lr(n,ZA).fold(function(){return nu(n,"z-index")},function(t){return qi(n,"z-index",t)}),Ur(n,ZA)}),t.getSystem().removeFromGui(t)},eM=function(t,n,e){return t.getSystem().build(Uy.sketch({dom:{styles:{left:"0px",top:"0px",width:"100%",height:"100%",position:"fixed","z-index":"1000000000000000"},classes:[n]},events:e}))},oM=te("snaps",[Ln("getSnapPoints"),ga("onSensor"),Ln("leftAttr"),Ln("topAttr"),ne("lazyViewport",Lu),ne("mustSnap",!1)]),rM=[ne("useFixed",c),Ln("blockerClass"),ne("getTarget",ct),ne("onDrag",$),ne("repositionTarget",!0),ne("onDrop",$),ae("getBounds",Lu),oM],iM=function(n){return t=Zi(n,"left"),e=Zi(n,"top"),o=Zi(n,"position"),r=function(t,n,e){return("fixed"===e?WA:jA)(parseInt(t,10),parseInt(n,10))},(t.isSome()&&e.isSome()&&o.isSome()?st.some(r(t.getOrDie(),e.getOrDie(),o.getOrDie())):st.none()).getOrThunk(function(){var t=ku(n);return UA(t.left,t.top)});var t,e,o,r},uM=function(e,t,i,u,a,c,n){var o,r,s,l,f,d,m,g,p,h=t.fold(function(){var t,e,o,n=(t=i,e=c.left,o=c.top,t.fold(function(t,n){return jA(t+e,n+o)},function(t,n){return UA(t+e,n+o)},function(t,n){return WA(t+e,n+o)})),r=PA(n,u,a);return WA(r.left,r.top)},function(n){var t=YA(e,n,i,c,u,a);return t.extra.each(function(t){n.onSensor(e,t)}),t.coord});return o=h,r=u,s=a,f=(l=n).bounds,d=HA(o,r,s),m=_c(d.left,f.x,f.x+f.width-l.width),g=_c(d.top,f.y,f.y+f.height-l.height),p=UA(m,g),o.fold(function(){var t=zA(p,r,s);return jA(t.left,t.top)},function(){return p},function(){var t=PA(p,r,s);return WA(t.left,t.top)})},aM=function(t,n){return{bounds:t.getBounds(),height:yu(n.element),width:Tu(n.element)}},cM=function(d,m,t,n,e){var o=t.update(n,e),g=t.getStartData().getOrThunk(function(){return aM(m,d)});o.each(function(t){var n,e,o,r,i,u,a,c,s,l,f;n=d,o=g,r=t,f=(e=m).getTarget(n.element),e.repositionTarget&&(i=yr(n.element),u=Au(i),a=FD(f),c=iM(f),s=uM(n,e.snaps,c,u,a,r,o),l=NA(s,0,a),Ji(f,l)),e.onDrag(n,f,r)})},sM=function(n,t,e,o){t.each(nM),e.snaps.each(function(t){qA(n,t)});var r=e.getTarget(n.element);o.reset(),e.onDrop(n,r)},lM=function(t){return function(n,e){var o=function(t){e.setStartData(aM(n,t))};return Zo(S([er(Ro(),function(t){e.getStartData().each(function(){return o(t)})})],t(n,e,o)))}},fM=/* */Object.freeze({__proto__:null,getData:function(t){return st.from(wu(t.x,t.y))},getDelta:function(t,n){return wu(n.left-t.left,n.top-t.top)}}),dM=function(a,c,s){return[er(io(),function(n,t){var e,o,r,i,u;0===t.event.raw.button&&(t.stop(),r={drop:e=function(){return sM(n,st.some(i),a,c)},delayDrop:(o=ky(e,200)).schedule,forceDrop:e,move:function(t){o.cancel(),cM(n,a,c,fM,t)}},i=eM(n,a.blockerClass,(u=r,Zo([er(io(),u.forceDrop),er(co(),u.drop),er(uo(),function(t,n){u.move(n.event)}),er(ao(),u.delayDrop)]))),s(n),tM(n,i))})]},mM=S(rM,[ba("dragger",{handlers:lM(dM)})]),gM=/* */Object.freeze({__proto__:null,getData:function(t){var n,e=t.raw.touches;return 1===e.length?(n=e[0],st.some(wu(n.clientX,n.clientY))):st.none()},getDelta:function(t,n){return wu(n.left-t.left,n.top-t.top)}}),pM=function(u,a,c){var s=fe(st.none());return[er(no(),function(n,t){t.stop();var e,o=function(){sM(n,s.get(),u,a),s.set(st.none())},r={drop:o,delayDrop:function(){},forceDrop:o,move:function(t){cM(n,u,a,gM,t)}},i=eM(n,u.blockerClass,(e=r,Zo([er(no(),e.forceDrop),er(oo(),e.drop),er(ro(),e.drop),er(eo(),function(t,n){e.move(n.event)})])));s.set(st.some(i));c(n),tM(n,i)}),er(eo(),function(t,n){n.stop(),cM(t,u,a,gM,n.event)}),er(oo(),function(t,n){n.stop(),sM(t,s.get(),u,a),s.set(st.none())}),er(ro(),function(t){sM(t,s.get(),u,a),s.set(st.none())})]},hM=S(rM,[ba("dragger",{handlers:lM(pM)})]),vM=S(rM,[ba("dragger",{handlers:lM(function(t,n,e){return S(dM(t,n,e),pM(t,n,e))})})]),bM=sc({branchKey:"mode",branches:/* */Object.freeze({__proto__:null,mouse:mM,touch:hM,mouseOrTouch:vM}),name:"dragging",active:{events:function(t,n){return t.dragger.handlers(t,n)}},extra:{snap:function(t){return{sensor:t.sensor,range:t.range,output:t.output,extra:st.from(t.extra)}}},state:/* */Object.freeze({__proto__:null,init:function(){var i=st.none(),n=st.none(),t=at({});return di({readState:t,reset:function(){i=st.none(),n=st.none()},update:function(r,t){return r.getData(t).bind(function(t){return n=r,e=t,o=i.map(function(t){return n.getDelta(t,e)}),i=st.some(e),o;var n,e,o})},getStartData:function(){return n},setStartData:function(t){n=st.some(t)}})}}),apis:QA}),yM=function(t,r,i,u,n,e){return t.fold(function(){return bM.snap({sensor:UA(i-20,u-20),range:wu(n,e),output:UA(st.some(i),st.some(u)),extra:{td:r}})},function(t){var n=i-20,e=u-20,o=t.element.dom.getBoundingClientRect();return bM.snap({sensor:UA(n,e),range:wu(40,40),output:UA(st.some(i-o.width/2),st.some(u-o.height/2)),extra:{td:r}})})},xM=function(t,i,u){return{getSnapPoints:t,leftAttr:"data-drag-left",topAttr:"data-drag-top",onSensor:function(t,n){var e,o,r=n.td;e=i.get(),o=r,e.exists(function(t){return Ge(t,o)})||(i.set(st.some(r)),u(r))},mustSnap:!0}},wM=function(t){return gp(mp.sketch({dom:{tag:"div",classes:["tox-selector"]},buttonBehaviours:ic([bM.config({mode:"mouseOrTouch",blockerClass:"blocker",snaps:t}),nw.config({})]),eventOrder:{mousedown:["dragging","alloy.base.behaviour"],touchstart:["dragging","alloy.base.behaviour"]}}))},SM=function(c,e){var o=fe([]),r=fe([]),t=fe(!1),i=fe(st.none()),u=fe(st.none()),n=function(t){var n=Nu(t);return yM(f.getOpt(e),t,n.x,n.y,n.width,n.height)},a=function(t){var n=Nu(t);return yM(d.getOpt(e),t,n.right,n.bottom,n.width,n.height)},s=xM(function(){return V(o.get(),n)},i,function(n){u.get().each(function(t){c.fire("TableSelectorChange",{start:n,finish:t})})}),l=xM(function(){return V(r.get(),a)},u,function(n){i.get().each(function(t){c.fire("TableSelectorChange",{start:t,finish:n})})}),f=wM(s),d=wM(l),m=gu(f.asSpec()),g=gu(d.asSpec()),p=function(t,n,e,o){var r=e(n);bM.snapTo(t,r);!function(t,n,e,o){var r=n.dom.getBoundingClientRect();nu(t.element,"display");var i=Sr(me.fromDom(c.getBody())).dom.innerHeight,u=e(r),a=o(r,i);(u||a)&&qi(t.element,"display","none")}(t,n,function(t){return t[o]<0},function(t,n){return t[o]>n})},h=function(t){return p(m,t,n,"top")},v=function(t){return p(g,t,a,"bottom")};je().deviceType.isTouch()&&(c.on("TableSelectionChange",function(n){t.get()||(ol(e,m),ol(e,g),t.set(!0)),i.set(st.some(n.start)),u.set(st.some(n.finish)),n.otherCells.each(function(t){o.set(t.upOrLeftCells),r.set(t.downOrRightCells),h(n.start),v(n.finish)})}),c.on("ResizeEditor ResizeWindow ScrollContent",function(){i.get().each(h),u.get().each(v)}),c.on("TableSelectionClear",function(){t.get()&&(ul(m),ul(g),t.set(!1)),i.set(st.none()),u.set(st.none())}))};(WE=UE=UE||{})[WE.None=0]="None",WE[WE.Both=1]="Both",WE[WE.Vertical=2]="Vertical";var kM,CM,OM,_M=function(t,n,e){var o,r,i,u,a,c,s=me.fromDom(t.getContainer()),l=(o=t,r=n,i=e,u=bu(s),a=_u(s),(c={}).height=YB(u+r.top,yv(o),wv(o)),i===UE.Both&&(c.width=YB(a+r.left,bv(o),xv(o))),c);_t(l,function(t,n){return qi(s,n,XB(t))}),t.fire("ResizeEditor")},TM=function(i,u,a){u.delimiter||(u.delimiter="\xbb");return{dom:{tag:"div",classes:["tox-statusbar__path"],attributes:{role:"navigation"}},behaviours:ic([ug.config({mode:"flow",selector:"div[role=button]"}),gv.config({disabled:a.isDisabled}),Lv(),Jy.config({}),fg.config({}),dg("elementPathEvents",[sr(function(r,t){i.shortcuts.add("alt+F11","focus statusbar elementpath",function(){return ug.focusIn(r)}),i.on("NodeChange",function(t){var n,o,e=function(t){for(var n=[],e=t.length;0<e--;){var o=t[e];if(1===o.nodeType&&!function(t){if(1===t.nodeType){if("BR"===t.nodeName||t.getAttribute("data-mce-bogus"))return!0;if("bookmark"===t.getAttribute("data-mce-type"))return!0}return!1}(o)){var r=i.fire("ResolveName",{name:o.nodeName.toLowerCase(),target:o});if(r.isDefaultPrevented()||n.push({name:r.name,element:o}),r.isPropagationStopped())break}}return n}(t.parents);0<e.length?fg.set(r,(n=V(e||[],function(n,t){return mp.sketch({dom:{tag:"div",classes:["tox-statusbar__path-item"],attributes:{role:"button","data-index":t,"tab-index":-1,"aria-level":t+1},innerHtml:n.name},action:function(t){i.focus(),i.selection.select(n.element),i.nodeChanged()},buttonBehaviours:ic([Uv(a.isDisabled),Lv()])})}),o={dom:{tag:"div",classes:["tox-statusbar__path-divider"],attributes:{"aria-hidden":!0},innerHtml:" "+u.delimiter+" "}},N(n.slice(1),function(t,n){var e=t;return e.push(o),e.push(n),e},[n[0]]))):fg.set(r,[])})})])]),components:[]}},EM=function(u,a){var t,n,e,o,r,i;return{dom:{tag:"div",classes:["tox-statusbar"]},components:(r=function(){var t,o,n,r,e,i=[];return u.getParam("elementpath",!0,"boolean")&&i.push(TM(u,{},a)),u.hasPlugin("wordcount")&&i.push((t=u,o=a,r=function(t,n,e){return fg.set(t,[fu(o.translate(["{0} "+e,n[e]]))])},mp.sketch({dom:{tag:"button",classes:["tox-statusbar__wordcount"]},components:[],buttonBehaviours:ic([Uv(o.isDisabled),Lv(),Jy.config({}),fg.config({}),Nl.config({store:{mode:"memory",initialValue:{mode:"words",count:{words:0,characters:0}}}}),dg("wordcount-events",[dr(function(t){var n=Nl.getValue(t),e="words"===n.mode?"characters":"words";Nl.setValue(t,{mode:e,count:n.count}),r(t,n.count,e)}),sr(function(e){t.on("wordCountUpdate",function(t){var n=Nl.getValue(e).mode;Nl.setValue(e,{mode:n,count:t.wordCount}),r(e,t.wordCount,n)})})])]),eventOrder:((n={})[_o()]=["disabling","alloy.base.behaviour","wordcount-events"],n)}))),u.getParam("branding",!0,"boolean")&&i.push({dom:{tag:"span",classes:["tox-statusbar__branding"],innerHtml:'<a href="https://www.tiny.cloud/?utm_campaign=editor_referral&amp;utm_medium=poweredby&amp;utm_source=tinymce&amp;utm_content=v5" rel="noopener" target="_blank" tabindex="-1" aria-label="'+(e=tv.translate(["Powered by {0}","Tiny"]))+'">'+e+"</a>"}}),0<i.length?[{dom:{tag:"div",classes:["tox-statusbar__text-container"]},components:i}]:[]}(),n=!(t=u).hasPlugin("autoresize"),(i=!1===(e=t.getParam("resize",n))?UE.None:"both"===e?UE.Both:UE.Vertical)!==UE.None&&r.push((o=i,{dom:{tag:"div",classes:["tox-statusbar__resize-handle"],attributes:{title:a.translate("Resize"),"aria-hidden":"true"},innerHtml:hp("resize-handle",a.icons)},behaviours:ic([bM.config({mode:"mouse",repositionTarget:!1,onDrag:function(t,n,e){_M(u,e,o)},blockerClass:"tox-blocker"})])})),r)}},DM=function(x){var t,n,e,o,r=x.inline,w=r?QB:WB,S=Vv(x)?iB:AD,i=st.none(),u=je(),a=u.browser.isIE()?["tox-platform-ie"]:[],c=u.deviceType.isTouch()?["tox-platform-touch"]:[],s=Av(x),l=Iv(x),f=tv.isRtl()?{attributes:{dir:"rtl"}}:{},d={attributes:((t={})[jc]=s?na.BottomToTop:na.TopToBottom,t)},k=function(){return i.bind(DB.getHeader)},m=function(){qi(rt.element,"width",document.body.clientWidth+"px")},C=gu((n=Ge(Wi(),l)&&"grid"===$i(l,"display"),e={dom:ut({tag:"div",classes:["tox","tox-silver-sink","tox-tinymce-aux"].concat(a).concat(c)},f),behaviours:ic([Qs.config({useFixed:function(){return S.isDocked(k)}})])},o={dom:{styles:{width:document.body.clientWidth+"px"}},events:Zo([er(Vo(),m)])},zt(e,n?o:{}))),O=function(){return mt.value(C)},g=gp({dom:{tag:"div",classes:["tox-anchorbar"]}}),_=function(){return i.bind(function(t){return DB.getThrobber(t)}).getOrDie("Could not find throbber element")},T=$_(C,x,function(){return i.bind(function(t){return g.getOpt(t)}).getOrDie("Could not find a anchor bar element")}),p=DB.parts.menubar({dom:{tag:"div",classes:["tox-menubar"]},backstage:T,onEscape:function(){x.focus()}}),E=Ev(x),h=DB.parts.toolbar(ut({dom:{tag:"div",classes:["tox-toolbar"]},getSink:O,providers:T.shared.providers,onEscape:function(){x.focus()},type:E,lazyToolbar:function(){return i.bind(function(t){return DB.getToolbar(t)}).getOrDie("Could not find more toolbar element")},lazyHeader:function(){return k().getOrDie("Could not find header element")}},d)),v=DB.parts["multiple-toolbar"]({dom:{tag:"div",classes:["tox-toolbar-overlord"]},providers:T.shared.providers,onEscape:function(){x.focus()},type:E}),b=DB.parts.socket({dom:{tag:"div",classes:["tox-edit-area"]}}),y=DB.parts.sidebar({dom:{tag:"div",classes:["tox-sidebar"]}}),D=DB.parts.throbber({dom:{tag:"div",classes:["tox-throbber"]},backstage:T}),B=x.getParam("statusbar",!0,"boolean")&&!r?st.some(EM(x,T.shared.providers)):st.none(),A={dom:{tag:"div",classes:["tox-sidebar-wrap"]},components:[b,y]},M=Ov(x),F=kv(x),I=Sv(x),R=DB.parts.header({dom:ut({tag:"div",classes:["tox-editor-header"]},d),components:dt([I?[p]:[],M?[v]:F?[h]:[],Fv(x)?[]:[g.asSpec()]]),sticky:Vv(x),editor:x,sharedBackstage:T.shared}),V=dt([s?[]:[R],r?[]:[A],s?[R]:[]]),P=dt([[{dom:{tag:"div",classes:["tox-editor-container"]},components:V}],r?[]:B.toArray(),[D]]),H=Rv(x),z=ut(ut({role:"application"},tv.isRtl()?{dir:"rtl"}:{}),H?{"aria-hidden":"true"}:{}),N=gu(DB.sketch({dom:{tag:"div",classes:["tox","tox-tinymce"].concat(r?["tox-tinymce-inline"]:[]).concat(s?["tox-tinymce--toolbar-bottom"]:[]).concat(c).concat(a),styles:ut({visibility:"hidden"},H?{opacity:"0",border:"0"}:{}),attributes:z},components:P,behaviours:ic([Lv(),gv.config({disableClass:"tox-tinymce--disabled"}),ug.config({mode:"cyclic",selector:".tox-menubar, .tox-toolbar, .tox-toolbar__primary, .tox-toolbar__overflow--open, .tox-sidebar__overflow--open, .tox-statusbar__path, .tox-statusbar__wordcount, .tox-statusbar__branding a"})])})),i=st.some(N);x.shortcuts.add("alt+F9","focus menubar",function(){DB.focusMenubar(N)}),x.shortcuts.add("alt+F10","focus toolbar",function(){DB.focusToolbar(N)}),x.addCommand("ToggleToolbarDrawer",function(){DB.toggleToolbarDrawer(N)}),x.addQueryStateHandler("ToggleToolbarDrawer",function(){return DB.isToolbarDrawerToggled(N)});var L,j,U,W,G,X,Y,q,K,J,$,Q,Z,tt,nt,et,ot=Wy(N),rt=Wy(C);L=x,j=ot,U=rt,W=function(n,e){ft([j,U],function(t){t.broadcastEvent(n,e)})},G=function(n,e){ft([j,U],function(t){t.broadcastOn([n],e)})},X=function(t){return G(wl(),{target:t.target})},Y=yy(me.fromDom(document),"touchstart",X),q=yy(me.fromDom(document),"touchmove",function(t){return W(Fo(),t)}),K=yy(me.fromDom(document),"touchend",function(t){return W(Io(),t)}),J=yy(me.fromDom(document),"mousedown",X),$=yy(me.fromDom(document),"mouseup",function(t){0===t.raw.button&&G(kl(),{target:t.target})}),Q=function(t){return G(wl(),{target:me.fromDom(t.target)})},Z=function(t){0===t.button&&G(kl(),{target:me.fromDom(t.target)})},tt=function(t){return W(Ro(),wy(t))},nt=function(t){G(Sl(),{}),W(Vo(),wy(t))},et=function(){return G(Sl(),{})},L.on("PostRender",function(){L.on("click",Q),L.on("tap",Q),L.on("mouseup",Z),L.on("ScrollWindow",tt),L.on("ResizeWindow",nt),L.on("ResizeEditor",et)}),L.on("remove",function(){L.off("click",Q),L.off("tap",Q),L.off("mouseup",Z),L.off("ScrollWindow",tt),L.off("ResizeWindow",nt),L.off("ResizeEditor",et),J.unbind(),Y.unbind(),q.unbind(),K.unbind(),$.unbind()}),L.on("detach",function(){ll(j),ll(U),j.destroy(),U.destroy()});var it=function(){var t,n=XB(qB(x)),e=XB(KB(t=x).getOr(vv(t)));return x.inline||(tu("div","width",e)&&qi(N.element,"width",e),tu("div","height",n)?qi(N.element,"height",n):qi(N.element,"height","200px")),n};return{mothership:ot,uiMothership:rt,backstage:T,renderUI:function(){var o,r,e,n,i,u,a,c;S.setup(x,T.shared,k),fA(x,T),MA(x,O,T),r=(o=x).ui.registry.getAll().sidebars,ft(Ct(r),function(n){var t=r[n],e=function(){return st.from(o.queryCommandValue("ToggleSidebar")).is(n)};o.ui.registry.addToggleButton(n,{icon:t.icon,tooltip:t.tooltip,onAction:function(t){o.execCommand("ToggleSidebar",!1,n),t.setActive(e())},onSetup:function(t){var n=function(){return t.setActive(e())};return o.on("ToggleSidebar",n),function(){o.off("ToggleSidebar",n)}}})}),e=x,n=_,i=T.shared,u=fe(!1),a=fe(st.none()),c=function(t){t!==u.get()&&(wB(n(),t,i.providers),u.set(t))},e.on("ProgressState",function(t){var n;a.get().each(dp.clearTimeout),lt(t.time)?(n=dp.setEditorTimeout(e,function(){return c(t.state)},t.time),a.set(st.some(n))):(c(t.state),a.set(st.none()))}),Tt(x.getParam("toolbar_groups",{},"object"),function(t,n){x.ui.registry.addGroupToolbarButton(n,t)});var t,s=x.ui.registry.getAll(),l=s.buttons,f=s.menuItems,d=s.contextToolbars,m=s.sidebars,g=Cv(x),p={menuItems:f,menus:(t=x.getParam("menu"))?Tt(t,function(t){return ut(ut({},t),{items:t.items})}):{},menubar:x.getParam("menubar"),toolbar:g.getOrThunk(function(){return x.getParam("toolbar",!0)}),allowToolbarGroups:E===rh.floating,buttons:l,sidebar:m};wD(x,d,C,{backstage:T}),SM(x,C);var h=x.getElement(),v=it(),b={mothership:ot,uiMothership:rt,outerContainer:N},y={targetNode:h,height:v};return w.render(x,b,p,T,y)},getUi:function(){return{channels:{broadcastAll:rt.broadcast,broadcastOn:rt.broadcastOn,register:function(){}}}}}},BM=at([Ln("lazySink"),Kn("dragBlockClass"),ae("getBounds",Lu),ne("useTabstopAt",b),ne("eventOrder",{}),Ll("modalBehaviours",[ug]),pa("onExecute"),va("onEscape")]),AM={sketch:ct},MM=at([yf({name:"draghandle",overrides:function(t,n){return{behaviours:ic([bM.config({mode:"mouse",getTarget:function(t){return qu(t,'[role="dialog"]').getOr(t)},blockerClass:t.dragBlockClass.getOrDie(new Error("The drag blocker class was not specified for a dialog with a drag handle: \n"+JSON.stringify(n,null,2)).message),getBounds:t.getDragBounds})])}}}),vf({schema:[Ln("dom")],name:"title"}),vf({factory:AM,schema:[Ln("dom")],name:"close"}),vf({factory:AM,schema:[Ln("dom")],name:"body"}),yf({factory:AM,schema:[Ln("dom")],name:"footer"}),bf({factory:{sketch:function(t,n){return ut(ut({},t),{dom:n.dom,components:n.components})}},schema:[ne("dom",{tag:"div",styles:{position:"fixed",left:"0px",top:"0px",right:"0px",bottom:"0px"}}),ne("components",[])],name:"blocker"})]),FM=/* */Object.freeze({__proto__:null,block:function(t,n,e,o){zr(t.element,"aria-busy",!0);var r=n.getRoot(t).getOr(t),i=ic([ug.config({mode:"special",onTab:function(){return st.some(!0)},onShiftTab:function(){return st.some(!0)}}),vg.config({})]),u=o(r,i),a=r.getSystem().build(u);fg.append(r,pu(a)),a.hasConfigured(ug)&&ug.focusIn(a),e.isBlocked()||n.onBlock(t),e.blockWith(function(){return fg.remove(r,a)})},unblock:function(t,n,e){Ur(t.element,"aria-busy"),e.isBlocked()&&n.onUnblock(t),e.clear()}}),IM=[ae("getRoot",st.none),ga("onBlock"),ga("onUnblock")],RM=ac({fields:IM,name:"blocking",apis:FM,state:/* */Object.freeze({__proto__:null,init:function(){var n=rD();return di({readState:n.isSet,blockWith:function(t){n.set({destroy:t})},clear:n.clear,isBlocked:n.isSet})}})}),VM=qf({name:"ModalDialog",configFields:BM(),partFields:MM(),factory:function(a,t,n,r){var e,i=fe(st.none()),o=Kr("modal-events"),u=ut(ut({},a.eventOrder),((e={})[Po()]=[o].concat(a.eventOrder["alloy.system.attached"]||[]),e));return{uid:a.uid,dom:a.dom,components:t,apis:{show:function(t){i.set(st.some(t));var n=a.lazySink(t).getOrDie(),e=r.blocker(),o=n.getSystem().build(ut(ut({},e),{components:e.components.concat([pu(t)]),behaviours:ic([vg.config({}),dg("dialog-blocker-events",[cr(lo(),function(){ug.focusIn(t)})])])}));ol(n,o),ug.focusIn(t)},hide:function(n){i.set(st.none()),kr(n.element).each(function(t){n.getSystem().getByDom(t).each(function(t){ul(t)})})},getBody:function(t){return Mf(t,a,"body")},getFooter:function(t){return Mf(t,a,"footer")},setIdle:function(t){RM.unblock(t)},setBusy:function(t,n){RM.block(t,n)}},eventOrder:u,domModification:{attributes:{role:"dialog","aria-modal":"true"}},behaviours:Ul(a.modalBehaviours,[fg.config({}),ug.config({mode:"cyclic",onEnter:a.onExecute,onEscape:a.onEscape,useTabstopAt:a.useTabstopAt}),RM.config({getRoot:i.get}),dg(o,[sr(function(t){var n,e,o,r,i,u;n=t.element,e=Mf(t,a,"title").element,o=Lr(n,"id").fold(function(){var t=Kr("dialog-label");return zr(e,"id",t),t},ct),zr(n,"aria-labelledby",o),r=t.element,i=Mf(t,a,"body").element,u=st.from(Nr(r,"id")).fold(function(){var t=Kr("dialog-describe");return zr(i,"id",t),t},ct),zr(r,"aria-describedby",u)})])])}},apis:{show:function(t,n){t.show(n)},hide:function(t,n){t.hide(n)},getBody:function(t,n){return t.getBody(n)},getFooter:function(t,n){return t.getFooter(n)},setBusy:function(t,n,e){t.setBusy(n,e)},setIdle:function(t,n){t.setIdle(n)}}}),PM=fn([Un("type"),Un("name")].concat(Rh)),HM=Vn,zM=[bn("name","name",Xt(function(){return Kr("button-name")}),Rn),Qn("icon"),ie("align","end",["start","end"]),ue("primary",!1),ue("disabled",!1)],NM=S(zM,[Un("text")]),LM=S([Wn("type",["submit","cancel","custom"])],NM),jM=S([Wn("type",["menu"]),Qn("text"),Qn("tooltip"),Qn("icon"),qn("items",PM)],zM),UM=An("type",{submit:LM,cancel:LM,custom:LM,menu:jM}),WM=[Un("type"),Un("text"),Wn("level",["info","warn","error","success"]),Un("icon"),ne("url","")],GM=fn(WM),XM=[Un("type"),Un("text"),ue("disabled",!1),ue("primary",!1),bn("name","name",Xt(function(){return Kr("button-name")}),Rn),Qn("icon"),ue("borderless",!1)],YM=fn(XM),qM=[Un("type"),Un("name"),Un("label"),ue("disabled",!1)],KM=fn(qM),JM=Vn,$M=[Un("type"),Un("name")],QM=$M.concat([Qn("label")]),ZM=QM.concat([ne("columns","auto")]),tF=fn(ZM),nF=Sn([Un("value"),Un("text"),Un("icon")]),eF=fn(QM),oF=Rn,rF=fn(QM),iF=Rn,uF=$M.concat([re("tag","textarea"),Un("scriptId"),Un("scriptUrl"),(kM=undefined,ee("settings",kM,zn))]),aF=$M.concat([re("tag","textarea"),Gn("init")]),cF=Cn(function(t){return _n("customeditor.old",ln(aF),t).orThunk(function(){return _n("customeditor.new",ln(uF),t)})}),sF=Rn,lF=fn(QM),fF=dn(wn),dF=function(t){return[Un("type"),jn("columns",In),t]},mF=[Un("type"),Un("html"),ie("presets","presentation",["presentation","document"])],gF=fn(mF),pF=QM.concat([ue("sandboxed",!0)]),hF=fn(pF),vF=Rn,bF=QM.concat([jn("currentState",fn([Ln("blob"),Un("url")]))]),yF=fn(bF),xF=QM.concat([Qn("inputMode"),Qn("placeholder"),ue("maximized",!1),ue("disabled",!1)]),wF=fn(xF),SF=Rn,kF=[Un("text"),Un("value")],CF=[Un("text"),qn("items",(CM=function(){return OF},OM=Lt(function(){return CM()}),{extract:function(t,n,e){return OM().extract(t,n,e)},toString:function(){return OM().toString()}}))],OF=mn([fn(kF),fn(CF)]),_F=QM.concat([qn("items",OF),ue("disabled",!1)]),TF=fn(_F),EF=Rn,DF=QM.concat([Yn("items",[Un("text"),Un("value")]),oe("size",1),ue("disabled",!1)]),BF=fn(DF),AF=Rn,MF=QM.concat([ue("constrain",!0),ue("disabled",!1)]),FF=fn(MF),IF=fn([Un("width"),Un("height")]),RF=[Un("type"),qn("header",Rn),qn("cells",dn(Rn))],VF=fn(RF),PF=QM.concat([Qn("placeholder"),ue("maximized",!1),ue("disabled",!1)]),HF=fn(PF),zF=Rn,NF=QM.concat([ie("filetype","file",["image","media","file"]),ne("disabled",!1)]),LF=fn(NF),jF=fn([Un("value"),ne("meta",{})]),UF=function(n){return bn("items","items",Wt(),dn(Cn(function(t){return _n("Checking item of "+n,WF,t).fold(function(t){return mt.error(Dn(t))},function(t){return mt.value(t)})})))},WF=kn(function(){return Bn("type",{alertbanner:GM,bar:fn((n=UF("bar"),[Un("type"),n])),button:YM,checkbox:KM,colorinput:eF,colorpicker:rF,dropzone:lF,grid:fn(dF(UF("grid"))),iframe:hF,input:wF,listbox:TF,selectbox:BF,sizeinput:FF,textarea:HF,urlinput:LF,customeditor:cF,htmlpanel:gF,imagetools:yF,collection:tF,label:fn((t=UF("label"),[Un("type"),Un("label"),t])),table:VF,panel:XF});var t,n}),GF=[Un("type"),ne("classes",[]),qn("items",WF)],XF=fn(GF),YF=[bn("name","name",Xt(function(){return Kr("tab-name")}),Rn),Un("title"),qn("items",WF)],qF=[Un("type"),Yn("tabs",YF)],KF=fn(qF),JF=NM,$F=UM,QF=fn([Un("title"),jn("body",Bn("type",{panel:XF,tabpanel:KF})),re("size","normal"),qn("buttons",$F),ne("initialData",{}),ae("onAction",$),ae("onChange",$),ae("onSubmit",$),ae("onClose",$),ae("onCancel",$),ne("onTabChange",$)]),ZF=fn(S([Wn("type",["cancel","custom"])],JF)),tI=fn([Un("title"),Un("url"),$n("height"),$n("width"),Jn("buttons",dn(ZF)),ae("onAction",$),ae("onCancel",$),ae("onClose",$),ae("onMessage",$)]),nI=function(t){return C(t)?[t].concat(U(Mt(t),nI)):p(t)?U(t,nI):[]},eI=function(t){return k(t.type)&&k(t.name)},oI={checkbox:JM,colorinput:oF,colorpicker:iF,dropzone:fF,input:SF,iframe:vF,sizeinput:IF,selectbox:AF,listbox:EF,size:IF,textarea:zF,urlinput:jF,customeditor:sF,collection:nF,togglemenuitem:HM},rI=function(t){var n=H(nI(t),eI),e=U(n,function(n){return t=n,st.from(oI[t.type]).fold(function(){return[]},function(t){return[jn(n.name,t)]});var t});return fn(e)},iI=function(t){return{internalDialog:Tn(_n("dialog",QF,t)),dataValidator:rI(t),initialData:t.initialData}},uI={open:function(t,n){var e=iI(n);return t(e.internalDialog,e.initialData,e.dataValidator)},openUrl:function(t,n){return t(Tn(_n("dialog",tI,n)))},redial:iI},aI=function(t){var e=[],o={};return _t(t,function(t,n){t.fold(function(){e.push(n)},function(t){o[n]=t})}),0<e.length?mt.error(e):mt.value(o)},cI=Yf({name:"TabButton",configFields:[ne("uid",undefined),Ln("value"),bn("dom","dom",Yt(function(){return{attributes:{role:"tab",id:Kr("aria"),"aria-selected":"false"}}}),Mn()),Kn("action"),ne("domModification",{}),Ll("tabButtonBehaviours",[vg,ug,Nl]),Ln("view")],factory:function(t,n){return{uid:t.uid,dom:t.dom,components:t.components,events:Ag(t.action),behaviours:Ul(t.tabButtonBehaviours,[vg.config({}),ug.config({mode:"execution",useSpace:!0,useEnter:!0}),Nl.config({store:{mode:"memory",initialValue:t.value}})]),domModification:t.domModification}}}),sI=at([Ln("tabs"),Ln("dom"),ne("clickToDismiss",!1),Ll("tabbarBehaviours",[fd,ug]),da(["tabClass","selectedClass"])]),lI=xf({factory:cI,name:"tabs",unit:"tab",overrides:function(o){var r=function(t,n){fd.dehighlight(t,n),qo(t,Wo(),{tabbar:t,button:n})},i=function(t,n){fd.highlight(t,n),qo(t,Uo(),{tabbar:t,button:n})};return{action:function(t){var n=t.getSystem().getByUid(o.uid).getOrDie(),e=fd.isHighlighted(n,t);(e&&o.clickToDismiss?r:e?$:i)(n,t)},domModification:{classes:[o.markers.tabClass]}}}}),fI=at([lI]),dI=qf({name:"Tabbar",configFields:sI(),partFields:fI(),factory:function(t,n,e,o){return{uid:t.uid,dom:t.dom,components:n,"debug.sketcher":"Tabbar",domModification:{attributes:{role:"tablist"}},behaviours:Ul(t.tabbarBehaviours,[fd.config({highlightClass:t.markers.selectedClass,itemClass:t.markers.tabClass,onHighlight:function(t,n){zr(n.element,"aria-selected","true")},onDehighlight:function(t,n){zr(n.element,"aria-selected","false")}}),ug.config({mode:"flow",getInitial:function(t){return fd.getHighlighted(t).map(function(t){return t.element})},selector:"."+t.markers.tabClass,executeOnMove:!0})])}}}),mI=Yf({name:"Tabview",configFields:[Ll("tabviewBehaviours",[fg])],factory:function(t,n){return{uid:t.uid,dom:t.dom,behaviours:Ul(t.tabviewBehaviours,[fg.config({})]),domModification:{attributes:{role:"tabpanel"}}}}}),gI=at([ne("selectFirst",!0),ga("onChangeTab"),ga("onDismissTab"),ne("tabs",[]),Ll("tabSectionBehaviours",[])]),pI=vf({factory:dI,schema:[Ln("dom"),Xn("markers",[Ln("tabClass"),Ln("selectedClass")])],name:"tabbar",defaults:function(t){return{tabs:t.tabs}}}),hI=vf({factory:mI,name:"tabview"}),vI=at([pI,hI]),bI=qf({name:"TabSection",configFields:gI(),partFields:vI(),factory:function(i,t,n,e){var o=function(t,n){Af(t,i,"tabbar").each(function(t){n(t).each(Ko)})};return{uid:i.uid,dom:i.dom,components:t,behaviours:jl(i.tabSectionBehaviours),events:Zo(dt([i.selectFirst?[sr(function(t,n){o(t,fd.getFirst)})]:[],[er(Uo(),function(t,n){var o,r,e=n.event.button;o=e,r=Nl.getValue(o),Af(o,i,"tabview").each(function(e){L(i.tabs,function(t){return t.value===r}).each(function(t){var n=t.view();Lr(o.element,"id").each(function(t){zr(e.element,"aria-labelledby",t)}),fg.set(e,n),i.onChangeTab(e,o,n)})})}),er(Wo(),function(t,n){var e=n.event.button;i.onDismissTab(t,e)})]])),apis:{getViewItems:function(t){return Af(t,i,"tabview").map(function(t){return fg.contents(t)}).getOr([])},showTab:function(t,e){o(t,function(n){var t=fd.getCandidates(n);return L(t,function(t){return Nl.getValue(t)===e}).filter(function(t){return!fd.isHighlighted(n,t)})})}}}},apis:{getViewItems:function(t,n){return t.getViewItems(n)},showTab:function(t,n,e){t.showTab(n,e)}}}),yI=function(t,n){qi(t,"height",n+"px"),je().browser.isIE()?nu(t,"flex-basis"):qi(t,"flex-basis",n+"px")},xI=function(t,m,n){qu(t,'[role="dialog"]').each(function(d){Ku(d,'[role="tablist"]').each(function(f){n.get().map(function(t){return qi(m,"height","0"),qi(m,"flex-basis","0"),Math.min(t,(e=m,o=f,r=wr(n=d).dom,i=qu(n,".tox-dialog-wrap").getOr(n),u="fixed"===$i(i,"position")?Math.max(r.clientHeight,window.innerHeight):Math.max(r.offsetHeight,r.scrollHeight),a=bu(e),c=e.dom.offsetLeft>=o.dom.offsetLeft+_u(o)?Math.max(bu(o),a):a,s=parseInt($i(n,"margin-top"),10)||0,l=parseInt($i(n,"margin-bottom"),10)||0,u-(bu(n)+s+l-c)));var n,e,o,r,i,u,a,c,s,l}).each(function(t){yI(m,t)})})})},wI=function(t){return Ku(t,'[role="tabpanel"]')},SI=function(a){var c;return{smartTabHeight:(c=fe(st.none()),{extraEvents:[sr(function(t){var e=t.element;wI(e).each(function(u){var n;qi(u,"visibility","hidden"),t.getSystem().getByDom(u).toOptional().each(function(t){var o,r,i,n=(r=u,i=t,V(o=a,function(t,n){fg.set(i,o[n].view());var e=r.dom.getBoundingClientRect();return fg.set(i,[]),e.height})),e=K(Y(n,function(t,n){return n<t?-1:t<n?1:0}));c.set(e)}),xI(e,u,c),nu(u,"visibility"),n=t,K(a).each(function(t){return bI.showTab(n,t.value)}),dp.requestAnimationFrame(function(){xI(e,u,c)})})}),er(Vo(),function(t){var n=t.element;wI(n).each(function(t){xI(n,t,c)})}),er(lx,function(t,n){var r=t.element;wI(r).each(function(n){var t=gc();qi(n,"visibility","hidden");var e=Zi(n,"height").map(function(t){return parseInt(t,10)});nu(n,"height"),nu(n,"flex-basis");var o=n.dom.getBoundingClientRect().height;e.forall(function(t){return t<o})?(c.set(st.from(o)),xI(r,n,c)):e.each(function(t){yI(n,t)}),nu(n,"visibility"),t.each(mc)})})],selectFirst:!1}),naiveTabHeight:{extraEvents:[],selectFirst:!0}}},kI="send-data-to-section",CI="send-data-to-view",OI=Kr("update-dialog"),_I=Kr("update-title"),TI=Kr("update-body"),EI=Kr("update-footer"),DI=Kr("body-send-message"),BI=function(t,n,d,e){return{dom:{tag:"div",classes:["tox-dialog__content-js"],attributes:ut(ut({},n.map(function(t){return{id:t}}).getOr({})),e?{"aria-live":"polite"}:{})},components:[],behaviours:ic([rk(0),aE.config({channel:TI,updateState:function(t,n){return st.some({isTabPanel:function(){return"tabpanel"===n.body.type}})},renderComponents:function(t){switch(t.body.type){case"tabpanel":return[(r=t.body,i=d,u=fe({}),a=function(t){var n=Nl.getValue(t),e=aI(n).getOr({}),o=u.get(),r=zt(o,e);u.set(r)},c=function(t){var n=u.get();Nl.setValue(t,n)},s=fe(null),l=V(r.tabs,function(t){return{value:t.name,dom:{tag:"div",classes:["tox-dialog__body-nav-item"],innerHtml:i.shared.providers.translate(t.title)},view:function(){return[qS.sketch(function(n){return{dom:{tag:"div",classes:["tox-form"]},components:V(t.items,function(t){return f_(n,t,i)}),formBehaviours:ic([ug.config({mode:"acyclic",useTabstopAt:x(kk)}),dg("TabView.form.events",[sr(c),lr(a)]),fc.config({channels:$t([{key:kI,value:{onReceive:a}},{key:CI,value:{onReceive:c}}])})])}})]}}}),f=SI(l).smartTabHeight,bI.sketch({dom:{tag:"div",classes:["tox-dialog__body"]},onChangeTab:function(t,n,e){var o=Nl.getValue(n);qo(t,sx,{name:o,oldName:s.get()}),s.set(o)},tabs:l,components:[bI.parts.tabbar({dom:{tag:"div",classes:["tox-dialog__body-nav"]},components:[dI.parts.tabs({})],markers:{tabClass:"tox-tab",selectedClass:"tox-dialog__body-nav-item--active"},tabbarBehaviours:ic([Jy.config({})])}),bI.parts.tabview({dom:{tag:"div",classes:["tox-dialog__body-content"]}})],selectFirst:f.selectFirst,tabSectionBehaviours:ic([dg("tabpanel",f.extraEvents),ug.config({mode:"acyclic"}),td.config({find:function(t){return K(bI.getViewItems(t))}}),Nl.config({store:{mode:"manual",getValue:function(t){return t.getSystem().broadcastOn([kI],{}),u.get()},setValue:function(t,n){u.set(n),t.getSystem().broadcastOn([CI],{})}}})])}))];default:return[(e=t.body,o=d,{dom:{tag:"div",classes:["tox-dialog__body"]},components:[{dom:{tag:"div",classes:["tox-dialog__body-content"]},components:[(n=gp(qS.sketch(function(n){return{dom:{tag:"div",classes:["tox-form"].concat(e.classes)},components:V(e.items,function(t){return f_(n,t,o)})}}))).asSpec()]}],behaviours:ic([ug.config({mode:"acyclic",useTabstopAt:x(kk)}),ok(n),dk(n,{postprocess:function(t){return aI(t).fold(function(t){return console.error(t),{}},function(t){return t})}})])})]}var e,o,n,r,i,u,a,c,s,l,f},initialData:t})])}},AI=Zv.deviceType.isTouch(),MI=function(t,n){return{dom:{tag:"div",styles:{display:"none"},classes:["tox-dialog__header"]},components:[t,n]}},FI=function(t,n){return VM.parts.close(mp.sketch({dom:{tag:"button",classes:["tox-button","tox-button--icon","tox-button--naked"],attributes:{type:"button","aria-label":n.translate("Close")}},action:t,buttonBehaviours:ic([Jy.config({})])}))},II=function(){return VM.parts.title({dom:{tag:"div",classes:["tox-dialog__title"],innerHtml:"",styles:{display:"none"}}})},RI=function(t,n){return VM.parts.body({dom:{tag:"div",classes:["tox-dialog__body"]},components:[{dom:{tag:"div",classes:["tox-dialog__body-content"]},components:[{dom:xB("<p>"+n.translate(t)+"</p>")}]}]})},VI=function(t){return VM.parts.footer({dom:{tag:"div",classes:["tox-dialog__footer"]},components:t})},PI=function(t,n){return[Uy.sketch({dom:{tag:"div",classes:["tox-dialog__footer-start"]},components:t}),Uy.sketch({dom:{tag:"div",classes:["tox-dialog__footer-end"]},components:n})]},HI=function(n){var t,e="tox-dialog",o=e+"-wrap",r=o+"__backdrop",i=e+"__disable-scroll";return VM.sketch({lazySink:n.lazySink,onEscape:function(t){return n.onEscape(t),st.some(!0)},useTabstopAt:function(t){return!kk(t)},dom:{tag:"div",classes:[e].concat(n.extraClasses),styles:ut({position:"relative"},n.extraStyles)},components:S([n.header,n.body],n.footer.toArray()),parts:{blocker:{dom:xB('<div class="'+o+'"></div>'),components:[{dom:{tag:"div",classes:AI?[r,r+"--opaque"]:[r]}}]}},dragBlockClass:o,modalBehaviours:ic(S([vg.config({}),dg("dialog-events",n.dialogEvents.concat([cr(lo(),function(t,n){ug.focusIn(t)})])),dg("scroll-lock",[sr(function(){Ei(Wi(),i)}),lr(function(){Bi(Wi(),i)})])],n.extraBehaviours)),eventOrder:ut(((t={})[_o()]=["dialog-events"],t[Po()]=["scroll-lock","dialog-events","alloy.base.behaviour"],t[Ho()]=["alloy.base.behaviour","dialog-events","scroll-lock"],t),n.eventOrder)})},zI=function(t){return mp.sketch({dom:{tag:"button",classes:["tox-button","tox-button--icon","tox-button--naked"],attributes:{type:"button","aria-label":t.translate("Close"),title:t.translate("Close")}},components:[{dom:{tag:"div",classes:["tox-icon"],innerHtml:hp("close",t.icons)}}],action:function(t){Yo(t,rx)}})},NI=function(t,n,e){var o=function(t){return[fu(e.translate(t.title))]};return{dom:{tag:"div",classes:["tox-dialog__title"],attributes:ut({},n.map(function(t){return{id:t}}).getOr({}))},components:o(t),behaviours:ic([aE.config({channel:_I,renderComponents:o})])}},LI=function(){return{dom:xB('<div class="tox-dialog__draghandle"></div>')}},jI=function(t,n){return e={title:n.shared.providers.translate(t),draggable:n.dialog.isDraggableModal()},o=n.shared.providers,r=VM.parts.title(NI(e,st.none(),o)),i=VM.parts.draghandle(LI()),u=VM.parts.close(zI(o)),a=[r].concat(e.draggable?[i]:[]).concat([u]),Uy.sketch({dom:xB('<div class="tox-dialog__header"></div>'),components:a});var e,o,r,i,u,a},UI=function(t,n){return{dom:{tag:"div",classes:["tox-dialog__busy-spinner"],attributes:{"aria-label":t},styles:{left:"0px",right:"0px",bottom:"0px",top:"0px",position:"absolute"}},behaviours:n,components:[{dom:xB('<div class="tox-spinner"><div></div><div></div><div></div></div>')}]}},WI=function(t,n){return{onClose:function(){return n.closeWindow()},onBlock:function(e){VM.setBusy(t(),function(t,n){return UI(e.message,n)})},onUnblock:function(){VM.setIdle(t())}}},GI=function(t,n,e,o){var r;return gu(HI(ut(ut({},t),{lazySink:o.shared.getSink,extraBehaviours:S([aE.config({channel:OI,updateState:function(t,n){return st.some(n)},initialData:n}),pk({})],t.extraBehaviours),onEscape:function(t){Yo(t,rx)},dialogEvents:e,eventOrder:((r={})[Oo()]=[aE.name(),fc.name()],r[Po()]=["scroll-lock",aE.name(),"messages","dialog-events","alloy.base.behaviour"],r[Ho()]=["alloy.base.behaviour","dialog-events","messages",aE.name(),"scroll-lock"],r)})))},XI=function(t){return V(t,function(t){return"menu"===t.type?(e=V((n=t).items,function(t){var n=fe(!1);return ut(ut({},t),{storage:n})}),ut(ut({},n),{items:e})):t;var n,e})},YI=function(t){return N(t,function(t,n){return"menu"!==n.type?t:N(n.items,function(t,n){return t[n.name]=n.storage,t},t)},{})},qI=function(t,e){return[ur(lo(),Sk),t(ox,function(t,n){e.onClose(),n.onClose()}),t(rx,function(t,n,e,o){n.onCancel(t),Yo(o,ox)}),er(cx,function(t,n){return e.onUnblock()}),er(ax,function(t,n){return e.onBlock(n.event)})]},KI=function(i,t){var n=function(t,r){return er(t,function(e,o){u(e,function(t,n){r(i(),t,o.event,e)})})},u=function(n,e){aE.getState(n).get().each(function(t){e(t,n)})};return S(qI(n,t),[n(ix,function(t,n,e){n.onAction(t,{name:e.name})})])},JI=function(i,t,c){var n=function(t,r){return er(t,function(e,o){u(e,function(t,n){r(i(),t,o.event,e)})})},u=function(n,e){aE.getState(n).get().each(function(t){e(t.internalDialog,n)})};return S(qI(n,t),[n(ux,function(t,n){return n.onSubmit(t)}),n(ex,function(t,n,e){n.onChange(t,{name:e.name})}),n(ix,function(t,n,e,o){var r=function(){return ug.focusIn(o)},i=function(t){return jr(t,"disabled")||Lr(t,"aria-disabled").exists(function(t){return"true"===t})},u=Hi(o.element),a=gc(u);n.onAction(t,{name:e.name,value:e.value}),gc(u).fold(r,function(n){i(n)||a.exists(function(t){return Ye(n,t)&&i(t)})?r():c().toOptional().filter(function(t){return!Ye(t.element,n)}).each(r)})}),n(sx,function(t,n,e){n.onTabChange(t,{newTabName:e.name,oldTabName:e.oldName})}),lr(function(t){var n=i();Nl.setValue(t,n.getData())})])},$I=function(t,n){var e=n.map(function(t){return t.footerButtons}).getOr([]),o=P(e,function(t){return"start"===t.align}),r=function(t,n){return Uy.sketch({dom:{tag:"div",classes:["tox-dialog__footer-"+t]},components:V(n,function(t){return t.memento.asSpec()})})};return[r("start",o.pass),r("end",o.fail)]},QI=function(t,i){return{dom:xB('<div class="tox-dialog__footer"></div>'),components:[],behaviours:ic([aE.config({channel:EI,initialData:t,updateState:function(t,n){var r=V(n.buttons,function(t){var n,e,o=gp((e=i,QC(n=t,n.type,e)));return{name:t.name,align:t.align,memento:o}});return st.some({lookupByName:function(t,n){return e=t,o=n,L(r,function(t){return t.name===o}).bind(function(t){return t.memento.getOpt(e)});var e,o},footerButtons:r})},renderComponents:$I})])}},ZI=QI,tR=function(t,n){return VM.parts.footer(QI(t,n))},nR=function(n,e){if(n.getRoot().getSystem().isConnected()){var o=td.getCurrent(n.getFormWrapper()).getOr(n.getFormWrapper());return qS.getField(o,e).fold(function(){var t=n.getFooter();return aE.getState(t).get().bind(function(t){return t.lookupByName(o,e)})},function(t){return st.some(t)})}return st.none()},eR=function(c,o,s){var t=function(t){var n=c.getRoot();n.getSystem().isConnected()&&t(n)},l={getData:function(){var t=c.getRoot(),n=t.getSystem().isConnected()?c.getFormWrapper():t,e=Nl.getValue(n),o=Tt(s,function(t){return t.get()});return ut(ut({},e),o)},setData:function(a){t(function(t){var n,e,o=l.getData(),r=ut(ut({},o),a),i=(n=r,e=c.getRoot(),aE.getState(e).get().map(function(t){return Tn(_n("data",t.dataValidator,n))}).getOr(n)),u=c.getFormWrapper();Nl.setValue(u,i),_t(s,function(t,n){It(r,n)&&t.set(r[n])})})},disable:function(t){nR(c,t).each(gv.disable)},enable:function(t){nR(c,t).each(gv.enable)},focus:function(t){nR(c,t).each(vg.focus)},block:function(n){if(!k(n))throw new Error("The dialogInstanceAPI.block function should be passed a blocking message of type string as an argument");t(function(t){qo(t,ax,{message:n})})},unblock:function(){t(function(t){Yo(t,cx)})},showTab:function(e){t(function(t){var n=c.getBody();aE.getState(n).get().exists(function(t){return t.isTabPanel()})&&td.getCurrent(n).each(function(t){bI.showTab(t,e)})})},redial:function(e){t(function(t){var n=o(e);t.getSystem().broadcastOn([OI],n),t.getSystem().broadcastOn([_I],n.internalDialog),t.getSystem().broadcastOn([TI],n.internalDialog),t.getSystem().broadcastOn([EI],n.internalDialog),l.setData(n.initialData)})},close:function(){t(function(t){Yo(t,ox)})}};return l},oR=function(t,n,e){var o,r,i,u=jI(t.internalDialog.title,e),a=(o={body:t.internalDialog.body},r=e,i=BI(o,st.none(),r,!1),VM.parts.body(i)),c=XI(t.internalDialog.buttons),s=YI(c),l=tR({buttons:c},e),f=JI(function(){return p},WI(function(){return g},n),e.shared.getSink),d=function(t){switch(t){case"large":return["tox-dialog--width-lg"];case"medium":return["tox-dialog--width-md"];default:return[]}}(t.internalDialog.size),m={header:u,body:a,footer:st.some(l),extraClasses:d,extraBehaviours:[],extraStyles:{}},g=GI(m,t,f,e),p=eR({getRoot:function(){return g},getBody:function(){return VM.getBody(g)},getFooter:function(){return VM.getFooter(g)},getFormWrapper:function(){var t=VM.getBody(g);return td.getCurrent(t).getOr(t)}},n.redial,s);return{dialog:g,instanceApi:p}},rR=function(t,n,e,o){var r,i,u,a,c,s,l,f,d,m=Kr("dialog-label"),g=Kr("dialog-content"),p=gp((u={title:t.internalDialog.title,draggable:!0},a=m,c=e.shared.providers,Uy.sketch({dom:xB('<div class="tox-dialog__header"></div>'),components:[NI(u,st.some(a),c),LI(),zI(c)],containerBehaviours:ic([bM.config({mode:"mouse",blockerClass:"blocker",getTarget:function(t){return Ju(t,'[role="dialog"]').getOrDie()},snaps:{getSnapPoints:function(){return[]},leftAttr:"data-drag-left",topAttr:"data-drag-top"}})])}))),h=gp((s={body:t.internalDialog.body},l=g,f=e,d=o,BI(s,st.some(l),f,d))),v=XI(t.internalDialog.buttons),b=YI(v),y=gp(ZI({buttons:v},e)),x=JI(function(){return S},{onBlock:function(e){RM.block(w,function(t,n){return UI(e.message,n)})},onUnblock:function(){RM.unblock(w)},onClose:function(){return n.closeWindow()}},e.shared.getSink),w=gu({dom:{tag:"div",classes:["tox-dialog","tox-dialog-inline"],attributes:((r={role:"dialog"})["aria-labelledby"]=m,r["aria-describedby"]=""+g,r)},eventOrder:((i={})[Oo()]=[aE.name(),fc.name()],i[_o()]=["execute-on-form"],i[Po()]=["reflecting","execute-on-form"],i),behaviours:ic([ug.config({mode:"cyclic",onEscape:function(t){return Yo(t,ox),st.some(!0)},useTabstopAt:function(t){return!kk(t)&&("button"!==mr(t)||"disabled"!==Nr(t,"disabled"))}}),aE.config({channel:OI,updateState:function(t,n){return st.some(n)},initialData:t}),vg.config({}),dg("execute-on-form",x.concat([cr(lo(),function(t,n){ug.focusIn(t)})])),RM.config({getRoot:function(){return st.some(w)}}),fg.config({}),pk({})]),components:[p.asSpec(),h.asSpec(),y.asSpec()]}),S=eR({getRoot:function(){return w},getFooter:function(){return y.get(w)},getBody:function(){return h.get(w)},getFormWrapper:function(){var t=h.get(w);return td.getCurrent(t).getOr(t)}},n.redial,b);return{dialog:w,instanceApi:S}},iR=tinymce.util.Tools.resolve("tinymce.util.URI"),uR=["insertContent","setContent","execCommand","close","block","unblock"],aR=function(t){return C(t)&&-1!==uR.indexOf(t.mceAction)},cR=function(o,t,r,n){var e,i,u,a,c=jI(o.title,n),s=(i={dom:{tag:"div",classes:["tox-dialog__content-js"]},components:[{dom:{tag:"div",classes:["tox-dialog__body-iframe"]},components:[xk({dom:{tag:"iframe",attributes:{src:o.url}},behaviours:ic([Jy.config({}),vg.config({})])})]}],behaviours:ic([ug.config({mode:"acyclic",useTabstopAt:x(kk)})])},VM.parts.body(i)),l=o.buttons.bind(function(t){return 0===t.length?st.none():st.some(tR({buttons:t},n))}),f=KI(function(){return y},WI(function(){return b},t)),d=ut(ut({},o.height.fold(function(){return{}},function(t){return{height:t+"px","max-height":t+"px"}})),o.width.fold(function(){return{}},function(t){return{width:t+"px","max-width":t+"px"}})),m=o.width.isNone()&&o.height.isNone()?["tox-dialog--width-lg"]:[],g=new iR(o.url,{base_uri:new iR(window.location.href)}),p=g.protocol+"://"+g.host+(g.port?":"+g.port:""),h=fe(st.none()),v=[dg("messages",[sr(function(){var t=yy(me.fromDom(window),"message",function(t){var n,e;g.isSameOrigin(new iR(t.raw.origin))&&(n=t.raw.data,aR(n)?function(t,n,e){switch(e.mceAction){case"insertContent":t.insertContent(e.content);break;case"setContent":t.setContent(e.content);break;case"execCommand":var o=!!O(e.ui)&&e.ui;t.execCommand(e.cmd,o,e.value);break;case"close":n.close();break;case"block":n.block(e.message);break;case"unblock":n.unblock()}}(r,y,n):!aR(e=n)&&C(e)&&It(e,"mceAction")&&o.onMessage(y,n))});h.set(st.some(t))}),lr(function(){h.get().each(function(t){return t.unbind()})})]),fc.config({channels:((e={})[DI]={onReceive:function(t,n){Ku(t.element,"iframe").each(function(t){t.dom.contentWindow.postMessage(n,p)})}},e)})],b=GI({header:c,body:s,footer:l,extraClasses:m,extraBehaviours:v,extraStyles:d},o,f,n),y=(a=function(t){u.getSystem().isConnected()&&t(u)},{block:function(n){if(!k(n))throw new Error("The urlDialogInstanceAPI.block function should be passed a blocking message of type string as an argument");a(function(t){qo(t,ax,{message:n})})},unblock:function(){a(function(t){Yo(t,cx)})},close:function(){a(function(t){Yo(t,ox)})},sendMessage:function(n){a(function(t){t.getSystem().broadcastOn([DI],n)})}});return{dialog:u=b,instanceApi:y}},sR=function(t){var c,s,l,f,p=t.backstage,h=t.editor,v=Vv(h),e=(s=(c=t).backstage.shared,{open:function(t,n){var e=function(){VM.hide(u),n()},o=gp(QC({name:"close-alert",text:"OK",primary:!0,align:"end",disabled:!1,icon:st.none()},"cancel",c.backstage)),r=II(),i=FI(e,s.providers),u=gu(HI({lazySink:function(){return s.getSink()},header:MI(r,i),body:RI(t,s.providers),footer:st.some(VI(PI([],[o.asSpec()]))),onEscape:e,extraClasses:["tox-alert-dialog"],extraBehaviours:[],extraStyles:{},dialogEvents:[er(rx,e)],eventOrder:{}}));VM.show(u);var a=o.get(u);vg.focus(a)}}),o=(f=(l=t).backstage.shared,{open:function(t,n){var e=function(t){VM.hide(a),n(t)},o=gp(QC({name:"yes",text:"Yes",primary:!0,align:"end",disabled:!1,icon:st.none()},"submit",l.backstage)),r=QC({name:"no",text:"No",primary:!1,align:"end",disabled:!1,icon:st.none()},"cancel",l.backstage),i=II(),u=FI(function(){return e(!1)},f.providers),a=gu(HI({lazySink:function(){return f.getSink()},header:MI(i,u),body:RI(t,f.providers),footer:st.some(VI(PI([],[r,o.asSpec()]))),onEscape:function(){return e(!1)},extraClasses:["tox-confirm-dialog"],extraBehaviours:[],extraStyles:{},dialogEvents:[er(rx,function(){return e(!1)}),er(ux,function(){return e(!0)})],eventOrder:{}}));VM.show(a);var c=o.get(a);vg.focus(c)}}),r=function(t,e){return uI.openUrl(function(t){var n=cR(t,{closeWindow:function(){VM.hide(n.dialog),e(n.instanceApi)}},h,p);return VM.show(n.dialog),n.instanceApi},t)},i=function(t,i){return uI.open(function(t,n,e){var o=n,r=oR({dataValidator:e,initialData:o,internalDialog:t},{redial:uI.redial,closeWindow:function(){VM.hide(r.dialog),i(r.instanceApi)}},p);return VM.show(r.dialog),r.instanceApi.setData(o),r.instanceApi},t)},u=function(t,d,m,g){return uI.open(function(t,n,e){var o,r,i,u=Tn(_n("data",e,n)),a=(o=fe(st.none()),{clear:function(){return o.set(st.none())},set:function(t){return o.set(st.some(t))},isSet:function(){return o.get().isSome()},on:function(t){return o.get().each(t)}}),c=p.shared.header.isPositionedAtTop(),s=function(){return a.on(function(t){tp.reposition(t),$D.refresh(t)})},l=rR({dataValidator:e,initialData:u,internalDialog:t},{redial:uI.redial,closeWindow:function(){a.on(tp.hide),h.off("ResizeEditor",s),a.clear(),m(l.instanceApi)}},p,g),f=gu(tp.sketch(ut(ut({lazySink:p.shared.getSink,dom:{tag:"div",classes:[]},fireDismissalEventInstead:{}},c?{}:{fireRepositionEventInstead:{}}),{inlineBehaviours:ic(S([dg("window-manager-inline-events",[er(zo(),function(t,n){Yo(l.dialog,rx)})])],(r=h,i=c,v&&i?[]:[$D.config({contextual:{lazyContext:function(){return st.some(zu(me.fromDom(r.getContentAreaContainer())))},fadeInClass:"tox-dialog-dock-fadein",fadeOutClass:"tox-dialog-dock-fadeout",transitionClass:"tox-dialog-dock-transition"},modes:["top"]})]))),isExtraPart:function(t,n){return Sy(e=n,".tox-alert-dialog")||Sy(e,".tox-confirm-dialog");var e}})));return a.set(f),tp.showWithin(f,d,pu(l.dialog),st.some(Wi())),v&&c||($D.refresh(f),h.on("ResizeEditor",s)),l.instanceApi.setData(u),ug.focusIn(l.dialog),l.instanceApi},t)};return{open:function(t,n,e){return n!==undefined&&"toolbar"===n.inline?u(t,p.shared.anchors.inlineDialog(),e,n.ariaAttrs):n!==undefined&&"cursor"===n.inline?u(t,p.shared.anchors.cursor(),e,n.ariaAttrs):i(t,e)},openUrl:function(t,n){return r(t,n)},alert:function(t,n){e.open(t,function(){n()})},close:function(t){t.close()},confirm:function(t,n){o.open(t,function(t){n(t)})}}};t.add("silver",function(t){var n=DM(t),e=n.uiMothership,o=n.backstage,r=n.renderUI,i=n.getUi;vy(t,o.shared);var u=sR({editor:t,backstage:o});return{renderUI:r,getWindowManagerImpl:at(u),getNotificationManagerImpl:function(){return yp(0,{backstage:o},e)},ui:i()}})}();
diff --git a/src/assets/tinymce/tinymce.d.ts b/src/assets/tinymce/tinymce.d.ts
new file mode 100644
index 00000000..633609de
--- /dev/null
+++ b/src/assets/tinymce/tinymce.d.ts
@@ -0,0 +1,2916 @@
+interface StringPathBookmark {
+    start: string;
+    end?: string;
+}
+interface RangeBookmark {
+    rng: Range;
+}
+interface IdBookmark {
+    id: string;
+    keep?: boolean;
+}
+interface IndexBookmark {
+    name: string;
+    index: number;
+}
+interface PathBookmark {
+    start: number[];
+    end?: number[];
+}
+declare type Bookmark = StringPathBookmark | RangeBookmark | IdBookmark | IndexBookmark | PathBookmark;
+declare type MappedEvent<T, K extends string> = K extends keyof T ? T[K] : any;
+interface NativeEventMap {
+    'beforepaste': Event;
+    'blur': FocusEvent;
+    'beforeinput': InputEvent;
+    'click': MouseEvent;
+    'compositionend': Event;
+    'compositionstart': Event;
+    'compositionupdate': Event;
+    'contextmenu': PointerEvent;
+    'copy': ClipboardEvent;
+    'cut': ClipboardEvent;
+    'dblclick': MouseEvent;
+    'drag': DragEvent;
+    'dragdrop': DragEvent;
+    'dragend': DragEvent;
+    'draggesture': DragEvent;
+    'dragover': DragEvent;
+    'dragstart': DragEvent;
+    'drop': DragEvent;
+    'focus': FocusEvent;
+    'focusin': FocusEvent;
+    'focusout': FocusEvent;
+    'input': InputEvent;
+    'keydown': KeyboardEvent;
+    'keypress': KeyboardEvent;
+    'keyup': KeyboardEvent;
+    'mousedown': MouseEvent;
+    'mouseenter': MouseEvent;
+    'mouseleave': MouseEvent;
+    'mousemove': MouseEvent;
+    'mouseout': MouseEvent;
+    'mouseover': MouseEvent;
+    'mouseup': MouseEvent;
+    'paste': ClipboardEvent;
+    'selectionchange': Event;
+    'submit': Event;
+    'touchend': TouchEvent;
+    'touchmove': TouchEvent;
+    'touchstart': TouchEvent;
+    'touchcancel': TouchEvent;
+    'wheel': WheelEvent;
+}
+declare type EditorEvent<T> = T & {
+    target: any;
+    type: string;
+    preventDefault(): void;
+    isDefaultPrevented(): boolean;
+    stopPropagation(): void;
+    isPropagationStopped(): boolean;
+    stopImmediatePropagation(): void;
+    isImmediatePropagationStopped(): boolean;
+};
+interface EventDispatcherSettings {
+    scope?: any;
+    toggleEvent?: (name: string, state: boolean) => void | boolean;
+    beforeFire?: <T>(args: EditorEvent<T>) => void;
+}
+interface EventDispatcherConstructor<T extends NativeEventMap> {
+    readonly prototype: EventDispatcher<T>;
+    new (settings?: EventDispatcherSettings): EventDispatcher<T>;
+    isNative(name: string): boolean;
+}
+declare class EventDispatcher<T> {
+    static isNative(name: string): boolean;
+    private readonly settings;
+    private readonly scope;
+    private readonly toggleEvent;
+    private bindings;
+    constructor(settings?: Record<string, any>);
+    fire<K extends string, U extends MappedEvent<T, K>>(nameIn: K, argsIn?: U): EditorEvent<U>;
+    on<K extends string>(name: K, callback: false | ((event: EditorEvent<MappedEvent<T, K>>) => void), prepend?: boolean, extra?: {}): this;
+    off<K extends string>(name?: K, callback?: (event: EditorEvent<MappedEvent<T, K>>) => void): this;
+    once<K extends string>(name: K, callback: (event: EditorEvent<MappedEvent<T, K>>) => void, prepend?: boolean): this;
+    has(name: string): boolean;
+}
+declare const enum UndoLevelType {
+    Fragmented = "fragmented",
+    Complete = "complete"
+}
+interface UndoLevel {
+    type: UndoLevelType;
+    fragments: string[];
+    content: string;
+    bookmark: Bookmark;
+    beforeBookmark: Bookmark;
+}
+interface UndoManager {
+    data: UndoLevel[];
+    typing: boolean;
+    add: (level?: UndoLevel, event?: EditorEvent<any>) => UndoLevel;
+    beforeChange: () => void;
+    undo: () => UndoLevel;
+    redo: () => UndoLevel;
+    clear: () => void;
+    reset: () => void;
+    hasUndo: () => boolean;
+    hasRedo: () => boolean;
+    transact: (callback: () => void) => UndoLevel;
+    ignore: (callback: () => void) => void;
+    extra: (callback1: () => void, callback2: () => void) => void;
+}
+declare type ArrayCallback<T, R> = (x: T, i: number, xs: ReadonlyArray<T>) => R;
+declare type ObjCallback<T, R> = (value: T, key: string, obj: Record<string, T>) => R;
+declare type ArrayCallback$1<T, R> = ArrayCallback<T, R>;
+declare type ObjCallback$1<T, R> = ObjCallback<T, R>;
+interface Tools {
+    is(obj: any, type: string): boolean;
+    isArray<T>(arr: any): arr is Array<T>;
+    inArray<T>(arr: ArrayLike<T>, value: T): number;
+    grep<T>(arr: ArrayLike<T> | null | undefined, pred?: ArrayCallback$1<T, boolean>): T[];
+    grep<T>(arr: Record<string, T> | null | undefined, pred?: ObjCallback$1<T, boolean>): T[];
+    trim(str: string): string;
+    toArray<T>(obj: ArrayLike<T>): T[];
+    hasOwn(obj: any, name: string): boolean;
+    makeMap<T>(items: ArrayLike<T> | string, delim?: string | RegExp, map?: Record<string, T | string>): Record<string, T | string>;
+    each<T>(arr: ArrayLike<T> | null | undefined, cb: ArrayCallback$1<T, void | boolean>, scope?: any): boolean;
+    each<T>(obj: Record<string, T> | null | undefined, cb: ObjCallback$1<T, void | boolean>, scope?: any): boolean;
+    map<T, R>(arr: ArrayLike<T> | null | undefined, cb: ArrayCallback$1<T, R>): R[];
+    map<T, R>(obj: Record<string, T> | null | undefined, cb: ObjCallback$1<T, R>): R[];
+    extend(obj: Object, ext: Object, ...objs: Object[]): any;
+    create(name: string, p: Object, root?: Object): any;
+    walk<T = any>(obj: T, f: Function, n?: keyof T, scope?: any): void;
+    createNS(name: string, o?: Object): any;
+    resolve(path: string, o?: Object): any;
+    explode(s: string, d?: string | RegExp): string[];
+    _addCacheSuffix(url: string): string;
+}
+declare type EventUtilsCallback<T> = (event: EventUtilsEvent<T>) => void;
+declare type EventUtilsEvent<T> = T & {
+    type: string;
+    target: any;
+    isDefaultPrevented: () => boolean;
+    preventDefault: () => void;
+    isPropagationStopped: () => boolean;
+    stopPropagation: () => void;
+    isImmediatePropagationStopped: () => boolean;
+    stopImmediatePropagation: () => void;
+};
+interface EventUtilsConstructor {
+    readonly prototype: EventUtils;
+    new (): EventUtils;
+    Event: EventUtils;
+}
+declare class EventUtils {
+    static Event: EventUtils;
+    domLoaded: boolean;
+    events: Record<string, any>;
+    private readonly expando;
+    private hasFocusIn;
+    private hasMouseEnterLeave;
+    private mouseEnterLeave;
+    private count;
+    constructor();
+    bind<K extends keyof HTMLElementEventMap>(target: any, name: K, callback: EventUtilsCallback<HTMLElementEventMap[K]>, scope?: any): EventUtilsCallback<HTMLElementEventMap[K]>;
+    bind<T = any>(target: any, names: string, callback: EventUtilsCallback<T>, scope?: any): EventUtilsCallback<T>;
+    unbind<K extends keyof HTMLElementEventMap>(target: any, name: K, callback?: EventUtilsCallback<HTMLElementEventMap[K]>): this;
+    unbind<T = any>(target: any, names: string, callback?: EventUtilsCallback<T>): this;
+    unbind(target: any): this;
+    fire(target: any, name: string, args?: {}): this;
+    clean(target: any): this;
+    destroy(): void;
+    cancel<T = any>(e: EventUtilsEvent<T>): boolean;
+    private executeHandlers;
+}
+declare type DomQuerySelector<T extends Node> = string | T | T[] | DomQuery<T>;
+declare type DomQueryInitSelector<T extends Node> = DomQuerySelector<T> | Window;
+interface Hook {
+    get: <T extends Node>(elm: T) => string;
+    set: <T extends Node>($elm: DomQuery<T>, value: string | null) => void;
+}
+interface DomQueryConstructor {
+    readonly prototype: DomQuery;
+    attrHooks: Record<string, Hook>;
+    cssHooks: Record<string, Hook>;
+    fn: DomQuery;
+    find: any;
+    expr: {
+        cacheLength: number;
+        createPseudo: Function;
+        match: Record<string, RegExp>;
+        attrHandle: {};
+        find: Record<string, Function>;
+        relative: Record<string, {
+            dir: string;
+            first?: boolean;
+        }>;
+        preFilter: Record<string, Function>;
+        filter: Record<string, Function>;
+        pseudos: Record<string, Function>;
+    };
+    extend: Tools['extend'];
+    isArray: Tools['isArray'];
+    new <T extends Node = Node>(selector?: DomQueryInitSelector<T>, context?: Node): DomQuery<T>;
+    <T extends Node = Node>(selector?: DomQueryInitSelector<T>, context?: Node): DomQuery<T>;
+    overrideDefaults(callback: () => {
+        context: Node;
+        element: Element;
+    }): DomQueryConstructor;
+    makeArray<T>(object: T): T[];
+    inArray<T>(item: {}, array: T[]): number;
+    each<T>(obj: T[], callback: (i: number, value: T) => void): void;
+    each<T>(obj: T, callback: (key: string, obj: T[keyof T]) => void): void;
+    trim(str: string): string;
+    grep<T>(array: T[], callback: (item: any, i: number) => boolean): T[];
+    unique<T>(results: T[]): T[];
+    text(elem: Node): string;
+    contains(context: any, elem: Node): number;
+    filter(expr: string, elems: Node[], not?: boolean): any;
+}
+interface DomQuery<T extends Node = Node> extends ArrayLike<T> {
+    init: (selector?: DomQueryInitSelector<T>, context?: Node) => void;
+    context: T;
+    length: number;
+    selector: string;
+    add(items: Array<string | T> | DomQuery<T>, sort?: boolean): this;
+    addClass(className: string): this;
+    after(content: DomQuerySelector<T>): this;
+    append(content: DomQuerySelector<T>): this;
+    appendTo(val: DomQuerySelector<T>): this;
+    attr(name: string, value: string | boolean | number | null): this;
+    attr(attrs: Record<string, string | boolean | number | null>): this;
+    attr(name: string): string;
+    before(content: DomQuerySelector<T>): this;
+    children(selector?: string): DomQuery<ChildNode>;
+    clone(): this;
+    closest(selector: DomQuerySelector<T>): this;
+    contents(selector?: string): DomQuery<ChildNode>;
+    css(name: string, value: string | number | null): this;
+    css(styles: Record<string, string | number | null>): this;
+    css(name: string): string;
+    each(callback: (i: number, value: T) => void): this;
+    empty(): this;
+    eq(index: number): this;
+    filter(selector: string | ((i: number, item: any) => boolean)): this;
+    find(selector: string): this;
+    first(): this;
+    hasClass(className: string): boolean;
+    hide(): this;
+    html(value: string): this;
+    html(): string;
+    is(selector: string | ((i: number, item: any) => boolean)): boolean;
+    last(): this;
+    next(selector?: string): DomQuery<ChildNode>;
+    nextUntil(selector: DomQuerySelector<T>, until?: string): DomQuery<ChildNode>;
+    off<K extends keyof HTMLElementEventMap>(name: K, callback?: EventUtilsCallback<HTMLElementEventMap[K]>): this;
+    off<U>(name?: string, callback?: EventUtilsCallback<U>): this;
+    offset(offset?: {}): {} | this;
+    on<K extends keyof HTMLElementEventMap>(name: K, callback: EventUtilsCallback<HTMLElementEventMap[K]>): this;
+    on<U>(name: string, callback: EventUtilsCallback<U>): this;
+    parent(selector?: string): DomQuery<Node>;
+    parents(selector?: string): DomQuery<Node>;
+    parentsUntil(selector: DomQuerySelector<T>, filter?: string): DomQuery<Node>;
+    prepend(content: DomQuerySelector<T>): this;
+    prependTo(val: DomQuerySelector<T>): this;
+    prev(selector?: string): DomQuery<ChildNode>;
+    prevUntil(selector: DomQuerySelector<T>, filter?: string): DomQuery<ChildNode>;
+    prop(name: string, value: string): this;
+    prop(props: Record<string, string | number>): this;
+    prop(name: string): string;
+    push(...items: T[]): number;
+    remove(): this;
+    removeAttr(name: string): this;
+    removeClass(className: string): this;
+    replaceWith(content: DomQuerySelector<T>): this;
+    show(): this;
+    slice(start: number, end?: number): this;
+    splice(start: number, deleteCount?: number): T[];
+    sort(compareFn?: (a: T, b: T) => number): T[];
+    text(value: string): DomQuery;
+    text(): string;
+    toArray(): T[];
+    toggleClass(className: string, state?: boolean): this;
+    trigger(name: string | {
+        type: string;
+    }): this;
+    unwrap(): this;
+    wrap(content: DomQuerySelector<T>): this;
+    wrapAll(content: DomQuerySelector<T>): this;
+    wrapInner(content: string): this;
+}
+declare type SchemaType = 'html4' | 'html5' | 'html5-strict';
+interface SchemaSettings {
+    block_elements?: string;
+    boolean_attributes?: string;
+    custom_elements?: string;
+    extended_valid_elements?: string;
+    invalid_elements?: string;
+    invalid_styles?: string | Record<string, string>;
+    move_caret_before_on_enter_elements?: string;
+    non_empty_elements?: string;
+    schema?: SchemaType;
+    self_closing_elements?: string;
+    short_ended_elements?: string;
+    special?: string;
+    text_block_elements?: string;
+    text_inline_elements?: string;
+    valid_children?: string;
+    valid_classes?: string | Record<string, string>;
+    valid_elements?: string;
+    valid_styles?: string | Record<string, string>;
+    verify_html?: boolean;
+    whitespace_elements?: string;
+}
+declare type Attribute = {
+    required?: boolean;
+    defaultValue?: string;
+    forcedValue?: string;
+    validValues?: any;
+};
+interface DefaultAttribute {
+    name: string;
+    value: string;
+}
+interface AttributePattern {
+    defaultValue?: string;
+    forcedValue?: string;
+    pattern: RegExp;
+    required?: boolean;
+    validValues?: Record<string, string>;
+}
+declare type ElementRule = {
+    attributes: Record<string, Attribute>;
+    attributesDefault?: DefaultAttribute[];
+    attributesForced?: DefaultAttribute[];
+    attributesOrder: string[];
+    attributePatterns?: AttributePattern[];
+    attributesRequired?: string[];
+    paddEmpty?: boolean;
+    removeEmpty?: boolean;
+    removeEmptyAttrs?: boolean;
+};
+interface SchemaElement extends ElementRule {
+    outputName?: string;
+    parentsRequired?: string[];
+    pattern?: RegExp;
+}
+declare type SchemaMap = {
+    [name: string]: {};
+};
+declare type SchemaRegExpMap = {
+    [name: string]: RegExp;
+};
+interface Schema {
+    children: Record<string, {}>;
+    elements: Record<string, SchemaElement>;
+    getValidStyles(): SchemaMap;
+    getValidClasses(): SchemaMap;
+    getBlockElements(): SchemaMap;
+    getInvalidStyles(): SchemaMap;
+    getShortEndedElements(): SchemaMap;
+    getTextBlockElements(): SchemaMap;
+    getTextInlineElements(): SchemaMap;
+    getBoolAttrs(): SchemaMap;
+    getElementRule(name: string): SchemaElement;
+    getSelfClosingElements(): SchemaMap;
+    getNonEmptyElements(): SchemaMap;
+    getMoveCaretBeforeOnEnterElements(): SchemaMap;
+    getWhiteSpaceElements(): SchemaMap;
+    getSpecialElements(): SchemaRegExpMap;
+    isValidChild(name: string, child: string): boolean;
+    isValid(name: string, attr?: string): boolean;
+    getCustomElements(): SchemaMap;
+    addValidElements(validElements: string): void;
+    setValidElements(validElements: string): void;
+    addCustomElements(customElements: string): void;
+    addValidChildren(validChildren: any): void;
+}
+declare type Attributes = Array<{
+    name: string;
+    value: string;
+}> & {
+    map: Record<string, string>;
+};
+interface AstNodeConstructor {
+    readonly prototype: AstNode;
+    new (name: string, type: number): AstNode;
+    create(name: string, attrs?: Record<string, string>): AstNode;
+}
+declare class AstNode {
+    static create(name: string, attrs?: Record<string, string>): AstNode;
+    name: string;
+    type: number;
+    attributes?: Attributes;
+    value?: string;
+    shortEnded?: boolean;
+    parent?: AstNode;
+    firstChild?: AstNode;
+    lastChild?: AstNode;
+    next?: AstNode;
+    prev?: AstNode;
+    constructor(name: string, type: number);
+    replace(node: AstNode): AstNode;
+    attr(name: string, value: string | null): string | AstNode;
+    attr(name: Record<string, string | null>): AstNode;
+    attr(name: string): string;
+    clone(): AstNode;
+    wrap(wrapper: AstNode): AstNode;
+    unwrap(): void;
+    remove(): AstNode;
+    append(node: AstNode): AstNode;
+    insert(node: AstNode, refNode: AstNode, before?: boolean): AstNode;
+    getAll(name: string): AstNode[];
+    empty(): AstNode;
+    isEmpty(elements: SchemaMap, whitespace?: SchemaMap, predicate?: (node: AstNode) => boolean): boolean;
+    walk(prev?: boolean): AstNode;
+}
+declare type ContentFormat = 'raw' | 'text' | 'html' | 'tree';
+interface GetContentArgs {
+    format?: ContentFormat;
+    get?: boolean;
+    content?: string;
+    getInner?: boolean;
+    no_events?: boolean;
+    [key: string]: any;
+}
+interface SetContentArgs {
+    format?: string;
+    set?: boolean;
+    content?: string;
+    no_events?: boolean;
+}
+interface BlobCache {
+    create: (o: string | BlobInfoData, blob?: Blob, base64?: string, name?: string, filename?: string) => BlobInfo;
+    add: (blobInfo: BlobInfo) => void;
+    get: (id: string) => BlobInfo | undefined;
+    getByUri: (blobUri: string) => BlobInfo | undefined;
+    getByData: (base64: string, type: string) => BlobInfo | undefined;
+    findFirst: (predicate: (blobInfo: BlobInfo) => boolean) => BlobInfo | undefined;
+    removeByUri: (blobUri: string) => void;
+    destroy: () => void;
+}
+interface BlobInfoData {
+    id?: string;
+    name?: string;
+    filename?: string;
+    blob: Blob;
+    base64: string;
+    blobUri?: string;
+    uri?: string;
+}
+interface BlobInfo {
+    id: () => string;
+    name: () => string;
+    filename: () => string;
+    blob: () => Blob;
+    base64: () => string;
+    blobUri: () => string;
+    uri: () => string | undefined;
+}
+interface UploadFailureOptions {
+    remove?: boolean;
+}
+declare type UploadHandler = (blobInfo: BlobInfo, success: (url: string) => void, failure: (err: string, options?: UploadFailureOptions) => void, progress?: (percent: number) => void) => void;
+interface RangeLikeObject {
+    startContainer: Node;
+    startOffset: number;
+    endContainer: Node;
+    endOffset: number;
+}
+declare type ApplyFormat = BlockFormat | InlineFormat | SelectorFormat;
+declare type RemoveFormat = RemoveBlockFormat | RemoveInlineFormat | RemoveSelectorFormat;
+declare type Format = ApplyFormat | RemoveFormat;
+declare type Formats = Record<string, Format | Format[]>;
+declare type FormatAttrOrStyleValue = string | ((vars?: FormatVars) => string);
+declare type FormatVars = Record<string, string>;
+interface CommonFormat<T> {
+    ceFalseOverride?: boolean;
+    classes?: string | string[];
+    collapsed?: boolean;
+    exact?: boolean;
+    expand?: boolean;
+    links?: boolean;
+    onmatch?: (node: Node, fmt: T, itemName: string) => boolean;
+    onformat?: (elm: Node, fmt: T, vars?: FormatVars, node?: Node | RangeLikeObject) => void;
+    remove_similar?: boolean;
+}
+interface CommonApplyFormat<T> extends CommonFormat<T> {
+    attributes?: Record<string, FormatAttrOrStyleValue>;
+    preview?: string | boolean;
+    styles?: Record<string, FormatAttrOrStyleValue>;
+    toggle?: boolean;
+    wrapper?: boolean;
+    merge_siblings?: boolean;
+    merge_with_parents?: boolean;
+}
+interface BlockFormat extends CommonApplyFormat<BlockFormat> {
+    block: string;
+    block_expand?: boolean;
+}
+interface InlineFormat extends CommonApplyFormat<InlineFormat> {
+    inline: string;
+    clear_child_styles?: boolean;
+}
+interface SelectorFormat extends CommonApplyFormat<SelectorFormat> {
+    selector: string;
+    defaultBlock?: string;
+    inherit?: boolean;
+}
+interface CommonRemoveFormat<T> extends CommonFormat<T> {
+    remove?: 'none' | 'empty' | 'all';
+    attributes?: string[] | Record<string, FormatAttrOrStyleValue>;
+    styles?: string[] | Record<string, FormatAttrOrStyleValue>;
+    split?: boolean;
+    deep?: boolean;
+    mixed?: boolean;
+}
+interface RemoveBlockFormat extends CommonRemoveFormat<RemoveBlockFormat> {
+    block: string;
+    list_block?: string;
+}
+interface RemoveInlineFormat extends CommonRemoveFormat<RemoveInlineFormat> {
+    inline: string;
+    preserve_attributes?: string[];
+}
+interface RemoveSelectorFormat extends CommonRemoveFormat<RemoveSelectorFormat> {
+    selector: string;
+}
+type Format_d_Formats = Formats;
+type Format_d_Format = Format;
+type Format_d_ApplyFormat = ApplyFormat;
+type Format_d_BlockFormat = BlockFormat;
+type Format_d_InlineFormat = InlineFormat;
+type Format_d_SelectorFormat = SelectorFormat;
+type Format_d_RemoveFormat = RemoveFormat;
+type Format_d_RemoveBlockFormat = RemoveBlockFormat;
+type Format_d_RemoveInlineFormat = RemoveInlineFormat;
+type Format_d_RemoveSelectorFormat = RemoveSelectorFormat;
+declare namespace Format_d {
+    export { Format_d_Formats as Formats, Format_d_Format as Format, Format_d_ApplyFormat as ApplyFormat, Format_d_BlockFormat as BlockFormat, Format_d_InlineFormat as InlineFormat, Format_d_SelectorFormat as SelectorFormat, Format_d_RemoveFormat as RemoveFormat, Format_d_RemoveBlockFormat as RemoveBlockFormat, Format_d_RemoveInlineFormat as RemoveInlineFormat, Format_d_RemoveSelectorFormat as RemoveSelectorFormat, };
+}
+declare type StyleFormat = BlockStyleFormat | InlineStyleFormat | SelectorStyleFormat;
+declare type AllowedFormat = Separator | FormatReference | StyleFormat | NestedFormatting;
+interface Separator {
+    title: string;
+}
+interface FormatReference {
+    title: string;
+    format: string;
+    icon?: string;
+}
+interface NestedFormatting {
+    title: string;
+    items: Array<FormatReference | StyleFormat>;
+}
+interface CommonStyleFormat {
+    name?: string;
+    title: string;
+    icon?: string;
+}
+interface BlockStyleFormat extends BlockFormat, CommonStyleFormat {
+}
+interface InlineStyleFormat extends InlineFormat, CommonStyleFormat {
+}
+interface SelectorStyleFormat extends SelectorFormat, CommonStyleFormat {
+}
+interface AlertBannerSpec {
+    type: 'alertbanner';
+    level: 'info' | 'warn' | 'error' | 'success';
+    text: string;
+    icon: string;
+    url?: string;
+}
+interface ButtonSpec {
+    type: 'button';
+    text: string;
+    disabled?: boolean;
+    primary?: boolean;
+    name?: string;
+    icon?: string;
+    borderless?: boolean;
+}
+interface CheckboxSpec {
+    name: string;
+    type: 'checkbox';
+    label: string;
+    disabled?: boolean;
+}
+interface FormComponentSpec {
+    type: string;
+    name: string;
+}
+interface FormComponentWithLabelSpec extends FormComponentSpec {
+    label?: string;
+}
+interface CollectionSpec extends FormComponentWithLabelSpec {
+    type: 'collection';
+}
+interface ColorInputSpec extends FormComponentWithLabelSpec {
+    type: 'colorinput';
+}
+interface ColorPickerSpec extends FormComponentWithLabelSpec {
+    type: 'colorpicker';
+}
+interface CustomEditorInit {
+    setValue: (value: string) => void;
+    getValue: () => string;
+    destroy: () => void;
+}
+declare type CustomEditorInitFn = (elm: HTMLElement, settings: any) => Promise<CustomEditorInit>;
+interface CustomEditorOldSpec extends FormComponentSpec {
+    type: 'customeditor';
+    tag?: string;
+    init: (e: HTMLElement) => Promise<CustomEditorInit>;
+}
+interface CustomEditorNewSpec extends FormComponentSpec {
+    type: 'customeditor';
+    tag?: string;
+    scriptId: string;
+    scriptUrl: string;
+    settings?: any;
+}
+declare type CustomEditorSpec = CustomEditorOldSpec | CustomEditorNewSpec;
+interface DropZoneSpec extends FormComponentWithLabelSpec {
+    type: 'dropzone';
+}
+interface GridSpec {
+    type: 'grid';
+    columns: number;
+    items: BodyComponentSpec[];
+}
+interface HtmlPanelSpec {
+    type: 'htmlpanel';
+    html: string;
+    presets?: 'presentation' | 'document';
+}
+interface IframeSpec extends FormComponentWithLabelSpec {
+    type: 'iframe';
+    sandboxed?: boolean;
+}
+interface ImageToolsState {
+    blob: Blob;
+    url: string;
+}
+interface ImageToolsSpec extends FormComponentWithLabelSpec {
+    type: 'imagetools';
+    currentState: ImageToolsState;
+}
+interface InputSpec extends FormComponentWithLabelSpec {
+    type: 'input';
+    inputMode?: string;
+    placeholder?: string;
+    maximized?: boolean;
+    disabled?: boolean;
+}
+interface LabelSpec {
+    type: 'label';
+    label: string;
+    items: BodyComponentSpec[];
+}
+interface ListBoxSingleItemSpec {
+    text: string;
+    value: string;
+}
+interface ListBoxNestedItemSpec {
+    text: string;
+    items: ListBoxItemSpec[];
+}
+declare type ListBoxItemSpec = ListBoxNestedItemSpec | ListBoxSingleItemSpec;
+interface ListBoxSpec extends FormComponentWithLabelSpec {
+    type: 'listbox';
+    items: ListBoxItemSpec[];
+    disabled?: boolean;
+}
+interface PanelSpec {
+    type: 'panel';
+    classes?: string[];
+    items: BodyComponentSpec[];
+}
+interface SelectBoxItemSpec {
+    text: string;
+    value: string;
+}
+interface SelectBoxSpec extends FormComponentWithLabelSpec {
+    type: 'selectbox';
+    items: SelectBoxItemSpec[];
+    size?: number;
+    disabled?: boolean;
+}
+interface SizeInputSpec extends FormComponentWithLabelSpec {
+    type: 'sizeinput';
+    constrain?: boolean;
+    disabled?: boolean;
+}
+interface TableSpec {
+    type: 'table';
+    header: string[];
+    cells: string[][];
+}
+interface TextAreaSpec extends FormComponentWithLabelSpec {
+    type: 'textarea';
+    placeholder?: string;
+    maximized?: boolean;
+    disabled?: boolean;
+}
+interface UrlInputSpec extends FormComponentWithLabelSpec {
+    type: 'urlinput';
+    filetype?: 'image' | 'media' | 'file';
+    disabled?: boolean;
+}
+declare type BodyComponentSpec = BarSpec | ButtonSpec | CheckboxSpec | TextAreaSpec | InputSpec | ListBoxSpec | SelectBoxSpec | SizeInputSpec | IframeSpec | HtmlPanelSpec | UrlInputSpec | DropZoneSpec | ColorInputSpec | GridSpec | ColorPickerSpec | ImageToolsSpec | AlertBannerSpec | CollectionSpec | LabelSpec | TableSpec | PanelSpec | CustomEditorSpec;
+interface BarSpec {
+    type: 'bar';
+    items: BodyComponentSpec[];
+}
+interface CommonMenuItemSpec {
+    disabled?: boolean;
+    text?: string;
+    value?: string;
+    meta?: Record<string, any>;
+    shortcut?: string;
+}
+interface CommonMenuItemInstanceApi {
+    isDisabled: () => boolean;
+    setDisabled: (state: boolean) => void;
+}
+interface DialogToggleMenuItemSpec extends CommonMenuItemSpec {
+    type?: 'togglemenuitem';
+    name: string;
+}
+declare type DialogFooterMenuButtonItemSpec = DialogToggleMenuItemSpec;
+interface BaseDialogFooterButtonSpec {
+    name?: string;
+    align?: 'start' | 'end';
+    primary?: boolean;
+    disabled?: boolean;
+    icon?: string;
+}
+interface DialogFooterNormalButtonSpec extends BaseDialogFooterButtonSpec {
+    type: 'submit' | 'cancel' | 'custom';
+    text: string;
+}
+interface DialogFooterMenuButtonSpec extends BaseDialogFooterButtonSpec {
+    type: 'menu';
+    text?: string;
+    tooltip?: string;
+    icon?: string;
+    items: DialogFooterMenuButtonItemSpec[];
+}
+declare type DialogFooterButtonSpec = DialogFooterNormalButtonSpec | DialogFooterMenuButtonSpec;
+interface TabSpec {
+    name?: string;
+    title: string;
+    items: BodyComponentSpec[];
+}
+interface TabPanelSpec {
+    type: 'tabpanel';
+    tabs: TabSpec[];
+}
+declare type DialogDataItem = any;
+declare type DialogData = Record<string, DialogDataItem>;
+interface DialogInstanceApi<T extends DialogData> {
+    getData: () => T;
+    setData: (data: Partial<T>) => void;
+    disable: (name: string) => void;
+    focus: (name: string) => void;
+    showTab: (name: string) => void;
+    redial: (nu: DialogSpec<T>) => void;
+    enable: (name: string) => void;
+    block: (msg: string) => void;
+    unblock: () => void;
+    close: () => void;
+}
+interface DialogActionDetails {
+    name: string;
+    value?: any;
+}
+interface DialogChangeDetails<T> {
+    name: keyof T;
+}
+interface DialogTabChangeDetails {
+    newTabName: string;
+    oldTabName: string;
+}
+declare type DialogActionHandler<T> = (api: DialogInstanceApi<T>, details: DialogActionDetails) => void;
+declare type DialogChangeHandler<T> = (api: DialogInstanceApi<T>, details: DialogChangeDetails<T>) => void;
+declare type DialogSubmitHandler<T> = (api: DialogInstanceApi<T>) => void;
+declare type DialogCloseHandler = () => void;
+declare type DialogCancelHandler<T> = (api: DialogInstanceApi<T>) => void;
+declare type DialogTabChangeHandler<T> = (api: DialogInstanceApi<T>, details: DialogTabChangeDetails) => void;
+declare type DialogSize = 'normal' | 'medium' | 'large';
+interface DialogSpec<T extends DialogData> {
+    title: string;
+    size?: DialogSize;
+    body: TabPanelSpec | PanelSpec;
+    buttons: DialogFooterButtonSpec[];
+    initialData?: T;
+    onAction?: DialogActionHandler<T>;
+    onChange?: DialogChangeHandler<T>;
+    onSubmit?: DialogSubmitHandler<T>;
+    onClose?: DialogCloseHandler;
+    onCancel?: DialogCancelHandler<T>;
+    onTabChange?: DialogTabChangeHandler<T>;
+}
+interface UrlDialogInstanceApi {
+    block: (msg: string) => void;
+    unblock: () => void;
+    close: () => void;
+    sendMessage: (msg: any) => void;
+}
+interface UrlDialogActionDetails {
+    name: string;
+    value?: any;
+}
+interface UrlDialogMessage {
+    mceAction: string;
+    [key: string]: any;
+}
+declare type UrlDialogActionHandler = (api: UrlDialogInstanceApi, actions: UrlDialogActionDetails) => void;
+declare type UrlDialogCloseHandler = () => void;
+declare type UrlDialogCancelHandler = (api: UrlDialogInstanceApi) => void;
+declare type UrlDialogMessageHandler = (api: UrlDialogInstanceApi, message: UrlDialogMessage) => void;
+interface UrlDialogFooterButtonSpec extends DialogFooterNormalButtonSpec {
+    type: 'cancel' | 'custom';
+}
+interface UrlDialogSpec {
+    title: string;
+    url: string;
+    height?: number;
+    width?: number;
+    buttons?: UrlDialogFooterButtonSpec[];
+    onAction?: UrlDialogActionHandler;
+    onClose?: UrlDialogCloseHandler;
+    onCancel?: UrlDialogCancelHandler;
+    onMessage?: UrlDialogMessageHandler;
+}
+declare type CardContainerDirection = 'vertical' | 'horizontal';
+declare type CardContainerAlign = 'left' | 'right';
+declare type CardContainerValign = 'top' | 'middle' | 'bottom';
+interface CardContainerSpec {
+    type: 'cardcontainer';
+    items: CardItemSpec[];
+    direction?: CardContainerDirection;
+    align?: CardContainerAlign;
+    valign?: CardContainerValign;
+}
+interface CardImageSpec {
+    type: 'cardimage';
+    src: string;
+    alt?: string;
+    classes?: string[];
+}
+interface CardTextSpec {
+    type: 'cardtext';
+    text: string;
+    name?: string;
+    classes?: string[];
+}
+declare type CardItemSpec = CardContainerSpec | CardImageSpec | CardTextSpec;
+interface CardMenuItemInstanceApi extends CommonMenuItemInstanceApi {
+}
+interface CardMenuItemSpec extends Omit<CommonMenuItemSpec, 'text' | 'shortcut'> {
+    type: 'cardmenuitem';
+    label?: string;
+    items: CardItemSpec[];
+    onSetup?: (api: CardMenuItemInstanceApi) => (api: CardMenuItemInstanceApi) => void;
+    onAction?: (api: CardMenuItemInstanceApi) => void;
+}
+interface SeparatorMenuItemSpec {
+    type?: 'separator';
+    text?: string;
+}
+declare type ColumnTypes = number | 'auto';
+declare type SeparatorItemSpec = SeparatorMenuItemSpec;
+interface AutocompleterItemSpec {
+    type?: 'autocompleteitem';
+    value: string;
+    text?: string;
+    icon?: string;
+    meta?: Record<string, any>;
+}
+declare type AutocompleterContents = SeparatorItemSpec | AutocompleterItemSpec | CardMenuItemSpec;
+interface AutocompleterSpec {
+    type?: 'autocompleter';
+    ch: string;
+    minChars?: number;
+    columns?: ColumnTypes;
+    matches?: (rng: Range, text: string, pattern: string) => boolean;
+    fetch: (pattern: string, maxResults: number, fetchOptions: Record<string, any>) => Promise<AutocompleterContents[]>;
+    onAction: (autocompleterApi: AutocompleterInstanceApi, rng: any, value: string, meta: Record<string, any>) => void;
+    maxResults?: number;
+    highlightOn?: string[];
+}
+interface AutocompleterInstanceApi {
+    hide: () => void;
+    reload: (fetchOptions: Record<string, any>) => void;
+}
+declare type ContextPosition = 'node' | 'selection' | 'line';
+declare type ContextScope = 'node' | 'editor';
+interface ContextBarSpec {
+    predicate?: (elem: Element) => boolean;
+    position?: ContextPosition;
+    scope?: ContextScope;
+}
+interface BaseToolbarButtonSpec<I extends BaseToolbarButtonInstanceApi> {
+    disabled?: boolean;
+    tooltip?: string;
+    icon?: string;
+    text?: string;
+    onSetup?: (api: I) => (api: I) => void;
+}
+interface BaseToolbarButtonInstanceApi {
+    isDisabled: () => boolean;
+    setDisabled: (state: boolean) => void;
+}
+interface ToolbarButtonSpec extends BaseToolbarButtonSpec<ToolbarButtonInstanceApi> {
+    type?: 'button';
+    onAction: (api: ToolbarButtonInstanceApi) => void;
+}
+interface ToolbarButtonInstanceApi extends BaseToolbarButtonInstanceApi {
+}
+interface BaseToolbarToggleButtonSpec<I extends BaseToolbarButtonInstanceApi> extends BaseToolbarButtonSpec<I> {
+    active?: boolean;
+}
+interface BaseToolbarToggleButtonInstanceApi extends BaseToolbarButtonInstanceApi {
+    isActive: () => boolean;
+    setActive: (state: boolean) => void;
+}
+interface ToolbarToggleButtonSpec extends BaseToolbarToggleButtonSpec<ToolbarToggleButtonInstanceApi> {
+    type?: 'togglebutton';
+    onAction: (api: ToolbarToggleButtonInstanceApi) => void;
+}
+interface ToolbarToggleButtonInstanceApi extends BaseToolbarToggleButtonInstanceApi {
+}
+interface ContextFormLaunchButtonApi extends BaseToolbarButtonSpec<BaseToolbarButtonInstanceApi> {
+    type: 'contextformbutton';
+}
+interface ContextFormLaunchToggleButtonSpec extends BaseToolbarToggleButtonSpec<BaseToolbarToggleButtonInstanceApi> {
+    type: 'contextformtogglebutton';
+}
+interface ContextFormButtonInstanceApi extends BaseToolbarButtonInstanceApi {
+}
+interface ContextFormToggleButtonInstanceApi extends BaseToolbarToggleButtonInstanceApi {
+}
+interface ContextFormButtonSpec extends BaseToolbarButtonSpec<ContextFormButtonInstanceApi> {
+    type?: 'contextformbutton';
+    primary?: boolean;
+    onAction: (formApi: ContextFormInstanceApi, api: ContextFormButtonInstanceApi) => void;
+}
+interface ContextFormToggleButtonSpec extends BaseToolbarToggleButtonSpec<ContextFormToggleButtonInstanceApi> {
+    type?: 'contextformtogglebutton';
+    onAction: (formApi: ContextFormInstanceApi, buttonApi: ContextFormToggleButtonInstanceApi) => void;
+    primary?: boolean;
+}
+interface ContextFormInstanceApi {
+    hide: () => void;
+    getValue: () => string;
+}
+interface ContextFormSpec extends ContextBarSpec {
+    type?: 'contextform';
+    initValue?: () => string;
+    label?: string;
+    launch?: ContextFormLaunchButtonApi | ContextFormLaunchToggleButtonSpec;
+    commands: Array<ContextFormToggleButtonSpec | ContextFormButtonSpec>;
+}
+interface ContextToolbarSpec extends ContextBarSpec {
+    type?: 'contexttoolbar';
+    items: string;
+}
+interface ChoiceMenuItemSpec extends CommonMenuItemSpec {
+    type?: 'choiceitem';
+    icon?: string;
+}
+interface ChoiceMenuItemInstanceApi extends CommonMenuItemInstanceApi {
+    isActive: () => boolean;
+    setActive: (state: boolean) => void;
+}
+interface ContextMenuItem {
+    text: string;
+    icon?: string;
+    type?: 'item';
+    onAction: () => void;
+}
+interface ContextSubMenu {
+    type: 'submenu';
+    text: string;
+    icon?: string;
+    getSubmenuItems: () => string | Array<ContextMenuContents>;
+}
+declare type ContextMenuContents = string | ContextMenuItem | SeparatorMenuItemSpec | ContextSubMenu;
+interface ContextMenuApi {
+    update: (element: Element) => string | Array<ContextMenuContents>;
+}
+interface FancyMenuItemSpec {
+    type: 'fancymenuitem';
+    fancytype: string;
+    onAction: (data: any) => void;
+}
+interface MenuItemSpec extends CommonMenuItemSpec {
+    type?: 'menuitem';
+    icon?: string;
+    onSetup?: (api: MenuItemInstanceApi) => (api: MenuItemInstanceApi) => void;
+    onAction?: (api: MenuItemInstanceApi) => void;
+}
+interface MenuItemInstanceApi extends CommonMenuItemInstanceApi {
+}
+declare type NestedMenuItemContents = string | MenuItemSpec | NestedMenuItemSpec | ToggleMenuItemSpec | SeparatorMenuItemSpec | FancyMenuItemSpec;
+interface NestedMenuItemSpec extends CommonMenuItemSpec {
+    type?: 'nestedmenuitem';
+    icon?: string;
+    getSubmenuItems: () => string | Array<NestedMenuItemContents>;
+    onSetup?: (api: NestedMenuItemInstanceApi) => (api: NestedMenuItemInstanceApi) => void;
+}
+interface NestedMenuItemInstanceApi extends CommonMenuItemInstanceApi {
+}
+interface ToggleMenuItemSpec extends CommonMenuItemSpec {
+    type?: 'togglemenuitem';
+    icon?: string;
+    active?: boolean;
+    onSetup?: (api: ToggleMenuItemInstanceApi) => void;
+    onAction: (api: ToggleMenuItemInstanceApi) => void;
+}
+interface ToggleMenuItemInstanceApi extends CommonMenuItemInstanceApi {
+    isActive: () => boolean;
+    setActive: (state: boolean) => void;
+}
+type PublicDialog_d_AlertBannerSpec = AlertBannerSpec;
+type PublicDialog_d_BarSpec = BarSpec;
+type PublicDialog_d_BodyComponentSpec = BodyComponentSpec;
+type PublicDialog_d_ButtonSpec = ButtonSpec;
+type PublicDialog_d_CheckboxSpec = CheckboxSpec;
+type PublicDialog_d_CollectionSpec = CollectionSpec;
+type PublicDialog_d_ColorInputSpec = ColorInputSpec;
+type PublicDialog_d_ColorPickerSpec = ColorPickerSpec;
+type PublicDialog_d_CustomEditorSpec = CustomEditorSpec;
+type PublicDialog_d_CustomEditorInit = CustomEditorInit;
+type PublicDialog_d_CustomEditorInitFn = CustomEditorInitFn;
+type PublicDialog_d_DialogData = DialogData;
+type PublicDialog_d_DialogSize = DialogSize;
+type PublicDialog_d_DialogSpec<_0> = DialogSpec<_0>;
+type PublicDialog_d_DialogInstanceApi<_0> = DialogInstanceApi<_0>;
+type PublicDialog_d_DialogFooterButtonSpec = DialogFooterButtonSpec;
+type PublicDialog_d_DialogActionDetails = DialogActionDetails;
+type PublicDialog_d_DialogChangeDetails<_0> = DialogChangeDetails<_0>;
+type PublicDialog_d_DialogTabChangeDetails = DialogTabChangeDetails;
+type PublicDialog_d_DropZoneSpec = DropZoneSpec;
+type PublicDialog_d_GridSpec = GridSpec;
+type PublicDialog_d_HtmlPanelSpec = HtmlPanelSpec;
+type PublicDialog_d_IframeSpec = IframeSpec;
+type PublicDialog_d_ImageToolsSpec = ImageToolsSpec;
+type PublicDialog_d_InputSpec = InputSpec;
+type PublicDialog_d_LabelSpec = LabelSpec;
+type PublicDialog_d_ListBoxSpec = ListBoxSpec;
+type PublicDialog_d_ListBoxItemSpec = ListBoxItemSpec;
+type PublicDialog_d_ListBoxNestedItemSpec = ListBoxNestedItemSpec;
+type PublicDialog_d_ListBoxSingleItemSpec = ListBoxSingleItemSpec;
+type PublicDialog_d_PanelSpec = PanelSpec;
+type PublicDialog_d_SelectBoxSpec = SelectBoxSpec;
+type PublicDialog_d_SelectBoxItemSpec = SelectBoxItemSpec;
+type PublicDialog_d_SizeInputSpec = SizeInputSpec;
+type PublicDialog_d_TableSpec = TableSpec;
+type PublicDialog_d_TabSpec = TabSpec;
+type PublicDialog_d_TabPanelSpec = TabPanelSpec;
+type PublicDialog_d_TextAreaSpec = TextAreaSpec;
+type PublicDialog_d_UrlInputSpec = UrlInputSpec;
+type PublicDialog_d_UrlDialogSpec = UrlDialogSpec;
+type PublicDialog_d_UrlDialogFooterButtonSpec = UrlDialogFooterButtonSpec;
+type PublicDialog_d_UrlDialogInstanceApi = UrlDialogInstanceApi;
+type PublicDialog_d_UrlDialogActionDetails = UrlDialogActionDetails;
+type PublicDialog_d_UrlDialogMessage = UrlDialogMessage;
+declare namespace PublicDialog_d {
+    export { PublicDialog_d_AlertBannerSpec as AlertBannerSpec, PublicDialog_d_BarSpec as BarSpec, PublicDialog_d_BodyComponentSpec as BodyComponentSpec, PublicDialog_d_ButtonSpec as ButtonSpec, PublicDialog_d_CheckboxSpec as CheckboxSpec, PublicDialog_d_CollectionSpec as CollectionSpec, PublicDialog_d_ColorInputSpec as ColorInputSpec, PublicDialog_d_ColorPickerSpec as ColorPickerSpec, PublicDialog_d_CustomEditorSpec as CustomEditorSpec, PublicDialog_d_CustomEditorInit as CustomEditorInit, PublicDialog_d_CustomEditorInitFn as CustomEditorInitFn, PublicDialog_d_DialogData as DialogData, PublicDialog_d_DialogSize as DialogSize, PublicDialog_d_DialogSpec as DialogSpec, PublicDialog_d_DialogInstanceApi as DialogInstanceApi, PublicDialog_d_DialogFooterButtonSpec as DialogFooterButtonSpec, PublicDialog_d_DialogActionDetails as DialogActionDetails, PublicDialog_d_DialogChangeDetails as DialogChangeDetails, PublicDialog_d_DialogTabChangeDetails as DialogTabChangeDetails, PublicDialog_d_DropZoneSpec as DropZoneSpec, PublicDialog_d_GridSpec as GridSpec, PublicDialog_d_HtmlPanelSpec as HtmlPanelSpec, PublicDialog_d_IframeSpec as IframeSpec, PublicDialog_d_ImageToolsSpec as ImageToolsSpec, PublicDialog_d_InputSpec as InputSpec, PublicDialog_d_LabelSpec as LabelSpec, PublicDialog_d_ListBoxSpec as ListBoxSpec, PublicDialog_d_ListBoxItemSpec as ListBoxItemSpec, PublicDialog_d_ListBoxNestedItemSpec as ListBoxNestedItemSpec, PublicDialog_d_ListBoxSingleItemSpec as ListBoxSingleItemSpec, PublicDialog_d_PanelSpec as PanelSpec, PublicDialog_d_SelectBoxSpec as SelectBoxSpec, PublicDialog_d_SelectBoxItemSpec as SelectBoxItemSpec, PublicDialog_d_SizeInputSpec as SizeInputSpec, PublicDialog_d_TableSpec as TableSpec, PublicDialog_d_TabSpec as TabSpec, PublicDialog_d_TabPanelSpec as TabPanelSpec, PublicDialog_d_TextAreaSpec as TextAreaSpec, PublicDialog_d_UrlInputSpec as UrlInputSpec, PublicDialog_d_UrlDialogSpec as UrlDialogSpec, PublicDialog_d_UrlDialogFooterButtonSpec as UrlDialogFooterButtonSpec, PublicDialog_d_UrlDialogInstanceApi as UrlDialogInstanceApi, PublicDialog_d_UrlDialogActionDetails as UrlDialogActionDetails, PublicDialog_d_UrlDialogMessage as UrlDialogMessage, };
+}
+type PublicInlineContent_d_AutocompleterSpec = AutocompleterSpec;
+type PublicInlineContent_d_AutocompleterItemSpec = AutocompleterItemSpec;
+type PublicInlineContent_d_AutocompleterContents = AutocompleterContents;
+type PublicInlineContent_d_AutocompleterInstanceApi = AutocompleterInstanceApi;
+type PublicInlineContent_d_ContextPosition = ContextPosition;
+type PublicInlineContent_d_ContextScope = ContextScope;
+type PublicInlineContent_d_ContextFormSpec = ContextFormSpec;
+type PublicInlineContent_d_ContextFormInstanceApi = ContextFormInstanceApi;
+type PublicInlineContent_d_ContextFormButtonSpec = ContextFormButtonSpec;
+type PublicInlineContent_d_ContextFormButtonInstanceApi = ContextFormButtonInstanceApi;
+type PublicInlineContent_d_ContextFormToggleButtonSpec = ContextFormToggleButtonSpec;
+type PublicInlineContent_d_ContextFormToggleButtonInstanceApi = ContextFormToggleButtonInstanceApi;
+type PublicInlineContent_d_ContextToolbarSpec = ContextToolbarSpec;
+type PublicInlineContent_d_SeparatorItemSpec = SeparatorItemSpec;
+declare namespace PublicInlineContent_d {
+    export { PublicInlineContent_d_AutocompleterSpec as AutocompleterSpec, PublicInlineContent_d_AutocompleterItemSpec as AutocompleterItemSpec, PublicInlineContent_d_AutocompleterContents as AutocompleterContents, PublicInlineContent_d_AutocompleterInstanceApi as AutocompleterInstanceApi, PublicInlineContent_d_ContextPosition as ContextPosition, PublicInlineContent_d_ContextScope as ContextScope, PublicInlineContent_d_ContextFormSpec as ContextFormSpec, PublicInlineContent_d_ContextFormInstanceApi as ContextFormInstanceApi, PublicInlineContent_d_ContextFormButtonSpec as ContextFormButtonSpec, PublicInlineContent_d_ContextFormButtonInstanceApi as ContextFormButtonInstanceApi, PublicInlineContent_d_ContextFormToggleButtonSpec as ContextFormToggleButtonSpec, PublicInlineContent_d_ContextFormToggleButtonInstanceApi as ContextFormToggleButtonInstanceApi, PublicInlineContent_d_ContextToolbarSpec as ContextToolbarSpec, PublicInlineContent_d_SeparatorItemSpec as SeparatorItemSpec, };
+}
+type PublicMenu_d_MenuItemSpec = MenuItemSpec;
+type PublicMenu_d_MenuItemInstanceApi = MenuItemInstanceApi;
+type PublicMenu_d_NestedMenuItemContents = NestedMenuItemContents;
+type PublicMenu_d_NestedMenuItemSpec = NestedMenuItemSpec;
+type PublicMenu_d_NestedMenuItemInstanceApi = NestedMenuItemInstanceApi;
+type PublicMenu_d_FancyMenuItemSpec = FancyMenuItemSpec;
+type PublicMenu_d_ToggleMenuItemSpec = ToggleMenuItemSpec;
+type PublicMenu_d_ToggleMenuItemInstanceApi = ToggleMenuItemInstanceApi;
+type PublicMenu_d_ChoiceMenuItemSpec = ChoiceMenuItemSpec;
+type PublicMenu_d_ChoiceMenuItemInstanceApi = ChoiceMenuItemInstanceApi;
+type PublicMenu_d_SeparatorMenuItemSpec = SeparatorMenuItemSpec;
+type PublicMenu_d_ContextMenuApi = ContextMenuApi;
+type PublicMenu_d_ContextMenuContents = ContextMenuContents;
+type PublicMenu_d_ContextMenuItem = ContextMenuItem;
+type PublicMenu_d_ContextSubMenu = ContextSubMenu;
+type PublicMenu_d_CardMenuItemSpec = CardMenuItemSpec;
+type PublicMenu_d_CardMenuItemInstanceApi = CardMenuItemInstanceApi;
+type PublicMenu_d_CardItemSpec = CardItemSpec;
+type PublicMenu_d_CardContainerSpec = CardContainerSpec;
+type PublicMenu_d_CardImageSpec = CardImageSpec;
+type PublicMenu_d_CardTextSpec = CardTextSpec;
+declare namespace PublicMenu_d {
+    export { PublicMenu_d_MenuItemSpec as MenuItemSpec, PublicMenu_d_MenuItemInstanceApi as MenuItemInstanceApi, PublicMenu_d_NestedMenuItemContents as NestedMenuItemContents, PublicMenu_d_NestedMenuItemSpec as NestedMenuItemSpec, PublicMenu_d_NestedMenuItemInstanceApi as NestedMenuItemInstanceApi, PublicMenu_d_FancyMenuItemSpec as FancyMenuItemSpec, PublicMenu_d_ToggleMenuItemSpec as ToggleMenuItemSpec, PublicMenu_d_ToggleMenuItemInstanceApi as ToggleMenuItemInstanceApi, PublicMenu_d_ChoiceMenuItemSpec as ChoiceMenuItemSpec, PublicMenu_d_ChoiceMenuItemInstanceApi as ChoiceMenuItemInstanceApi, PublicMenu_d_SeparatorMenuItemSpec as SeparatorMenuItemSpec, PublicMenu_d_ContextMenuApi as ContextMenuApi, PublicMenu_d_ContextMenuContents as ContextMenuContents, PublicMenu_d_ContextMenuItem as ContextMenuItem, PublicMenu_d_ContextSubMenu as ContextSubMenu, PublicMenu_d_CardMenuItemSpec as CardMenuItemSpec, PublicMenu_d_CardMenuItemInstanceApi as CardMenuItemInstanceApi, PublicMenu_d_CardItemSpec as CardItemSpec, PublicMenu_d_CardContainerSpec as CardContainerSpec, PublicMenu_d_CardImageSpec as CardImageSpec, PublicMenu_d_CardTextSpec as CardTextSpec, };
+}
+interface SidebarInstanceApi {
+    element: () => HTMLElement;
+}
+interface SidebarSpec {
+    icon?: string;
+    tooltip?: string;
+    onShow?: (api: SidebarInstanceApi) => void;
+    onSetup?: (api: SidebarInstanceApi) => (api: SidebarInstanceApi) => void;
+    onHide?: (api: SidebarInstanceApi) => void;
+}
+type PublicSidebar_d_SidebarSpec = SidebarSpec;
+type PublicSidebar_d_SidebarInstanceApi = SidebarInstanceApi;
+declare namespace PublicSidebar_d {
+    export { PublicSidebar_d_SidebarSpec as SidebarSpec, PublicSidebar_d_SidebarInstanceApi as SidebarInstanceApi, };
+}
+interface ToolbarGroupSetting {
+    name: string;
+    items: string[];
+}
+declare type ToolbarConfig = string | ToolbarGroupSetting[];
+interface GroupToolbarButtonInstanceApi extends BaseToolbarButtonInstanceApi {
+}
+interface GroupToolbarButtonSpec extends BaseToolbarButtonSpec<GroupToolbarButtonInstanceApi> {
+    type?: 'grouptoolbarbutton';
+    items?: ToolbarConfig;
+}
+declare type MenuButtonItemTypes = NestedMenuItemContents;
+declare type SuccessCallback = (menu: string | MenuButtonItemTypes[]) => void;
+interface BaseMenuButtonSpec {
+    text?: string;
+    tooltip?: string;
+    icon?: string;
+    fetch: (success: SuccessCallback) => void;
+    onSetup?: (api: BaseMenuButtonInstanceApi) => (api: BaseMenuButtonInstanceApi) => void;
+}
+interface BaseMenuButtonInstanceApi {
+    isDisabled: () => boolean;
+    setDisabled: (state: boolean) => void;
+    isActive: () => boolean;
+    setActive: (state: boolean) => void;
+}
+interface ToolbarMenuButtonSpec extends BaseMenuButtonSpec {
+    type?: 'menubutton';
+    onSetup?: (api: ToolbarMenuButtonInstanceApi) => (api: ToolbarMenuButtonInstanceApi) => void;
+}
+interface ToolbarMenuButtonInstanceApi extends BaseMenuButtonInstanceApi {
+}
+declare type ToolbarSplitButtonItemTypes = ChoiceMenuItemSpec | SeparatorMenuItemSpec;
+declare type SuccessCallback$1 = (menu: ToolbarSplitButtonItemTypes[]) => void;
+declare type SelectPredicate = (value: string) => boolean;
+declare type PresetTypes = 'color' | 'normal' | 'listpreview';
+declare type ColumnTypes$1 = number | 'auto';
+interface ToolbarSplitButtonSpec {
+    type?: 'splitbutton';
+    tooltip?: string;
+    icon?: string;
+    text?: string;
+    select?: SelectPredicate;
+    presets?: PresetTypes;
+    columns?: ColumnTypes$1;
+    fetch: (success: SuccessCallback$1) => void;
+    onSetup?: (api: ToolbarSplitButtonInstanceApi) => (api: ToolbarSplitButtonInstanceApi) => void;
+    onAction: (api: ToolbarSplitButtonInstanceApi) => void;
+    onItemAction: (api: ToolbarSplitButtonInstanceApi, value: string) => void;
+}
+interface ToolbarSplitButtonInstanceApi {
+    isDisabled: () => boolean;
+    setDisabled: (state: boolean) => void;
+    setIconFill: (id: string, value: string) => void;
+    setIconStroke: (id: string, value: string) => void;
+    isActive: () => boolean;
+    setActive: (state: boolean) => void;
+}
+type PublicToolbar_d_ToolbarButtonSpec = ToolbarButtonSpec;
+type PublicToolbar_d_ToolbarButtonInstanceApi = ToolbarButtonInstanceApi;
+type PublicToolbar_d_ToolbarSplitButtonSpec = ToolbarSplitButtonSpec;
+type PublicToolbar_d_ToolbarSplitButtonInstanceApi = ToolbarSplitButtonInstanceApi;
+type PublicToolbar_d_ToolbarMenuButtonSpec = ToolbarMenuButtonSpec;
+type PublicToolbar_d_ToolbarMenuButtonInstanceApi = ToolbarMenuButtonInstanceApi;
+type PublicToolbar_d_ToolbarToggleButtonSpec = ToolbarToggleButtonSpec;
+type PublicToolbar_d_ToolbarToggleButtonInstanceApi = ToolbarToggleButtonInstanceApi;
+type PublicToolbar_d_GroupToolbarButtonSpec = GroupToolbarButtonSpec;
+type PublicToolbar_d_GroupToolbarButtonInstanceApi = GroupToolbarButtonInstanceApi;
+declare namespace PublicToolbar_d {
+    export { PublicToolbar_d_ToolbarButtonSpec as ToolbarButtonSpec, PublicToolbar_d_ToolbarButtonInstanceApi as ToolbarButtonInstanceApi, PublicToolbar_d_ToolbarSplitButtonSpec as ToolbarSplitButtonSpec, PublicToolbar_d_ToolbarSplitButtonInstanceApi as ToolbarSplitButtonInstanceApi, PublicToolbar_d_ToolbarMenuButtonSpec as ToolbarMenuButtonSpec, PublicToolbar_d_ToolbarMenuButtonInstanceApi as ToolbarMenuButtonInstanceApi, PublicToolbar_d_ToolbarToggleButtonSpec as ToolbarToggleButtonSpec, PublicToolbar_d_ToolbarToggleButtonInstanceApi as ToolbarToggleButtonInstanceApi, PublicToolbar_d_GroupToolbarButtonSpec as GroupToolbarButtonSpec, PublicToolbar_d_GroupToolbarButtonInstanceApi as GroupToolbarButtonInstanceApi, };
+}
+interface Registry {
+    addButton: (name: string, spec: ToolbarButtonSpec) => void;
+    addGroupToolbarButton: (name: string, spec: GroupToolbarButtonSpec) => void;
+    addToggleButton: (name: string, spec: ToolbarToggleButtonSpec) => void;
+    addMenuButton: (name: string, spec: ToolbarMenuButtonSpec) => void;
+    addSplitButton: (name: string, spec: ToolbarSplitButtonSpec) => void;
+    addMenuItem: (name: string, spec: MenuItemSpec) => void;
+    addNestedMenuItem: (name: string, spec: NestedMenuItemSpec) => void;
+    addToggleMenuItem: (name: string, spec: ToggleMenuItemSpec) => void;
+    addContextMenu: (name: string, spec: ContextMenuApi) => void;
+    addContextToolbar: (name: string, spec: ContextToolbarSpec) => void;
+    addContextForm: (name: string, spec: ContextFormSpec) => void;
+    addIcon: (name: string, svgData: string) => void;
+    addAutocompleter: (name: string, spec: AutocompleterSpec) => void;
+    addSidebar: (name: string, spec: SidebarSpec) => void;
+    getAll: () => {
+        buttons: Record<string, ToolbarButtonSpec | GroupToolbarButtonSpec | ToolbarMenuButtonSpec | ToolbarSplitButtonSpec | ToolbarToggleButtonSpec>;
+        menuItems: Record<string, MenuItemSpec | NestedMenuItemSpec | ToggleMenuItemSpec>;
+        popups: Record<string, AutocompleterSpec>;
+        contextMenus: Record<string, ContextMenuApi>;
+        contextToolbars: Record<string, ContextToolbarSpec | ContextFormSpec>;
+        icons: Record<string, string>;
+        sidebars: Record<string, SidebarSpec>;
+    };
+}
+interface StyleSheetLoader {
+    load: (url: string, success: () => void, failure?: () => void) => void;
+    loadAll: (urls: string[], success: (urls: string[]) => void, failure: (urls: string[]) => void) => void;
+    unload: (url: string) => void;
+    unloadAll: (urls: string[]) => void;
+    _setReferrerPolicy: (referrerPolicy: ReferrerPolicy) => void;
+}
+interface StyleSheetLoaderSettings {
+    maxLoadTime?: number;
+    contentCssCors?: boolean;
+    referrerPolicy?: ReferrerPolicy;
+}
+declare type Registry$1 = Registry;
+interface EditorUiApi {
+    show: () => void;
+    hide: () => void;
+    enable: () => void;
+    disable: () => void;
+    isDisabled: () => boolean;
+}
+interface EditorUi extends EditorUiApi {
+    registry: Registry$1;
+    styleSheetLoader: StyleSheetLoader;
+}
+type Ui_d_EditorUiApi = EditorUiApi;
+type Ui_d_EditorUi = EditorUi;
+declare namespace Ui_d {
+    export { Ui_d_EditorUiApi as EditorUiApi, Ui_d_EditorUi as EditorUi, Registry$1 as Registry, PublicDialog_d as Dialog, PublicInlineContent_d as InlineContent, PublicMenu_d as Menu, PublicSidebar_d as Sidebar, PublicToolbar_d as Toolbar, };
+}
+declare type EntityEncoding = 'named' | 'numeric' | 'raw' | 'named,numeric' | 'named+numeric' | 'numeric,named' | 'numeric+named';
+declare type ThemeInitFunc = (editor: Editor, elm: HTMLElement) => {
+    editorContainer: HTMLElement;
+    iframeContainer: HTMLElement;
+    height?: number;
+    iframeHeight?: number;
+    api?: EditorUiApi;
+};
+declare type SetupCallback = (editor: Editor) => void;
+declare type FilePickerCallback = (callback: Function, value: any, meta: Record<string, any>) => void;
+declare type FilePickerValidationStatus = 'valid' | 'unknown' | 'invalid' | 'none';
+declare type FilePickerValidationCallback = (info: {
+    type: string;
+    url: string;
+}, callback: (validation: {
+    status: FilePickerValidationStatus;
+    message: string;
+}) => void) => void;
+declare type URLConverter = (url: string, name: string, elm?: HTMLElement) => string;
+declare type URLConverterCallback = (url: string, node: Node, on_save: boolean, name: string) => void;
+interface ToolbarGroup {
+    name?: string;
+    items: string[];
+}
+declare type ToolbarMode = 'floating' | 'sliding' | 'scrolling' | 'wrap';
+interface BaseEditorSettings {
+    add_form_submit_trigger?: boolean;
+    add_unload_trigger?: boolean;
+    allow_conditional_comments?: boolean;
+    allow_html_data_urls?: boolean;
+    allow_html_in_named_anchor?: boolean;
+    allow_script_urls?: boolean;
+    allow_svg_data_urls?: boolean;
+    allow_unsafe_link_target?: boolean;
+    anchor_bottom?: false | string;
+    anchor_top?: false | string;
+    auto_focus?: string | true;
+    automatic_uploads?: boolean;
+    base_url?: string;
+    block_formats?: string;
+    block_unsupported_drop?: boolean;
+    body_id?: string;
+    body_class?: string;
+    br_in_pre?: boolean;
+    br_newline_selector?: string;
+    browser_spellcheck?: boolean;
+    branding?: boolean;
+    cache_suffix?: string;
+    color_cols?: number;
+    color_map?: string[];
+    content_css?: boolean | string | string[];
+    content_css_cors?: boolean;
+    content_security_policy?: string;
+    content_style?: string;
+    contextmenu?: string | false;
+    contextmenu_never_use_native?: boolean;
+    convert_fonts_to_spans?: boolean;
+    convert_urls?: boolean;
+    custom_colors?: boolean;
+    custom_elements?: string;
+    custom_ui_selector?: string;
+    custom_undo_redo_levels?: number;
+    directionality?: 'ltr' | 'rtl';
+    doctype?: string;
+    document_base_url?: string;
+    element_format?: 'xhtml' | 'html';
+    elementpath?: boolean;
+    encoding?: string;
+    end_container_on_empty_block?: boolean;
+    entities?: string;
+    entity_encoding?: EntityEncoding;
+    extended_valid_elements?: string;
+    event_root?: string;
+    file_picker_callback?: FilePickerCallback;
+    file_picker_types?: string;
+    file_picker_validator_handler?: FilePickerValidationCallback;
+    fix_list_elements?: boolean;
+    fixed_toolbar_container?: string;
+    font_formats?: string;
+    font_size_classes?: string;
+    font_size_legacy_values?: string;
+    font_size_style_values?: string;
+    fontsize_formats?: string;
+    force_hex_style_colors?: boolean;
+    forced_root_block?: boolean | string;
+    forced_root_block_attrs?: Record<string, string>;
+    formats?: Formats;
+    gecko_spellcheck?: boolean;
+    height?: number | string;
+    hidden_input?: boolean;
+    icons?: string;
+    icons_url?: string;
+    id?: string;
+    images_dataimg_filter?: (imgElm: HTMLImageElement) => boolean;
+    images_replace_blob_uris?: boolean;
+    images_reuse_filename?: boolean;
+    images_upload_base_path?: string;
+    images_upload_credentials?: boolean;
+    images_upload_handler?: UploadHandler;
+    images_upload_url?: string;
+    indent?: boolean;
+    indent_after?: string;
+    indent_before?: string;
+    indent_use_margin?: boolean;
+    indentation?: string;
+    init_instance_callback?: SetupCallback;
+    inline?: boolean;
+    inline_boundaries?: boolean;
+    inline_boundaries_selector?: string;
+    inline_styles?: boolean;
+    invalid_elements?: string;
+    invalid_styles?: string;
+    keep_styles?: boolean;
+    language?: string;
+    language_load?: boolean;
+    language_url?: string;
+    lineheight_formats?: string;
+    max_height?: number;
+    max_width?: number;
+    menu?: Record<string, {
+        title: string;
+        items: string;
+    }>;
+    menubar?: boolean | string;
+    min_height?: number;
+    min_width?: number;
+    no_newline_selector?: string;
+    nowrap?: boolean;
+    object_resizing?: boolean | string;
+    placeholder?: string;
+    preserve_cdata?: boolean;
+    preview_styles?: boolean | string;
+    protect?: RegExp[];
+    readonly?: boolean;
+    referrer_policy?: ReferrerPolicy;
+    relative_urls?: boolean;
+    remove_script_host?: boolean;
+    remove_trailing_brs?: boolean;
+    removed_menuitems?: string;
+    resize?: boolean | 'both';
+    resize_img_proportional?: boolean;
+    root_name?: string;
+    schema?: SchemaType;
+    selector?: string;
+    setup?: SetupCallback;
+    skin?: boolean | string;
+    skin_url?: string;
+    statusbar?: boolean;
+    style_formats?: AllowedFormat[];
+    style_formats_autohide?: boolean;
+    style_formats_merge?: boolean;
+    submit_patch?: boolean;
+    suffix?: string;
+    target?: HTMLElement;
+    theme?: string | ThemeInitFunc;
+    theme_url?: string;
+    toolbar?: boolean | string | string[] | Array<ToolbarGroup>;
+    toolbar1?: string;
+    toolbar2?: string;
+    toolbar3?: string;
+    toolbar4?: string;
+    toolbar5?: string;
+    toolbar6?: string;
+    toolbar7?: string;
+    toolbar8?: string;
+    toolbar9?: string;
+    toolbar_mode?: ToolbarMode;
+    typeahead_urls?: boolean;
+    url_converter?: URLConverter;
+    url_converter_scope?: any;
+    urlconverter_callback?: string | URLConverterCallback;
+    valid_children?: string;
+    valid_classes?: string | Record<string, string>;
+    valid_elements?: string;
+    valid_styles?: string | Record<string, string>;
+    visual?: boolean;
+    visual_anchor_class?: string;
+    visual_table_class?: string;
+    width?: number | string;
+    toolbar_drawer?: false | 'floating' | 'sliding' | 'scrolling';
+    editor_deselector?: string;
+    editor_selector?: string;
+    elements?: string;
+    filepicker_validator_handler?: FilePickerValidationCallback;
+    mode?: 'exact' | 'textareas' | 'specific_textareas';
+    types?: Record<string, any>[];
+    block_elements?: string;
+    boolean_attributes?: string;
+    move_caret_before_on_enter_elements?: string;
+    non_empty_elements?: string;
+    self_closing_elements?: string;
+    short_ended_elements?: string;
+    text_block_elements?: string;
+    text_inline_elements?: string;
+    whitespace_elements?: string;
+    disable_nodechange?: boolean;
+    forced_plugins?: string | string[];
+    plugin_base_urls?: Record<string, string>;
+    service_message?: string;
+    validate?: boolean;
+    [key: string]: any;
+}
+interface RawEditorSettings extends BaseEditorSettings {
+    external_plugins?: Record<string, string>;
+    mobile?: RawEditorSettings;
+    plugins?: string | string[];
+}
+interface EditorSettings extends BaseEditorSettings {
+    external_plugins: Record<string, string>;
+    plugins: string;
+}
+interface ParamTypeMap {
+    'hash': Record<string, string>;
+    'string': string;
+    'number': number;
+    'boolean': boolean;
+    'string[]': string[];
+    'array': any[];
+}
+interface BlobInfoImagePair {
+    image: HTMLImageElement;
+    blobInfo: BlobInfo;
+}
+declare class NodeChange {
+    private readonly editor;
+    private lastPath;
+    constructor(editor: Editor);
+    nodeChanged(args?: any): void;
+    private isSameElementPath;
+}
+interface SelectionOverrides {
+    showCaret: (direction: number, node: Element, before: boolean, scrollIntoView?: boolean) => Range | null;
+    showBlockCaretContainer: (blockCaretContainer: Element) => void;
+    hideFakeCaret: () => void;
+    destroy: () => void;
+}
+interface Quirks {
+    refreshContentEditable(): void;
+    isHidden(): boolean;
+}
+declare type DecoratorData = Record<string, any>;
+declare type Decorator = (uid: string, data: DecoratorData) => {
+    attributes?: {};
+    classes?: string[];
+};
+declare type AnnotationListener = (state: boolean, name: string, data?: {
+    uid: string;
+    nodes: any[];
+}) => void;
+declare type AnnotationListenerApi = AnnotationListener;
+interface AnnotatorSettings {
+    decorate: Decorator;
+    persistent?: boolean;
+}
+interface Annotator {
+    register: (name: string, settings: AnnotatorSettings) => void;
+    annotate: (name: string, data: DecoratorData) => void;
+    annotationChanged: (name: string, f: AnnotationListenerApi) => void;
+    remove: (name: string) => void;
+    getAll: (name: string) => Record<string, Element[]>;
+}
+interface GeomRect {
+    readonly x: number;
+    readonly y: number;
+    readonly w: number;
+    readonly h: number;
+}
+interface Rect {
+    inflate(rect: GeomRect, w: number, h: number): GeomRect;
+    relativePosition(rect: GeomRect, targetRect: GeomRect, rel: string): GeomRect;
+    findBestRelativePosition(rect: GeomRect, targetRect: GeomRect, constrainRect: GeomRect, rels: string[]): string | null;
+    intersect(rect: GeomRect, cropRect: GeomRect): GeomRect | null;
+    clamp(rect: GeomRect, clampRect: GeomRect, fixedSize?: boolean): GeomRect;
+    create(x: number, y: number, w: number, h: number): GeomRect;
+    fromClientRect(clientRect: ClientRect): GeomRect;
+}
+interface StyleMap {
+    [s: string]: string | number;
+}
+interface StylesSettings {
+    allow_script_urls?: boolean;
+    allow_svg_data_urls?: boolean;
+    url_converter?: URLConverter;
+    url_converter_scope?: any;
+}
+interface Styles {
+    toHex(color: string): string;
+    parse(css: string): Record<string, string>;
+    serialize(styles: StyleMap, elementName?: string): string;
+}
+interface DOMUtilsSettings {
+    schema: Schema;
+    url_converter: URLConverter;
+    url_converter_scope: any;
+    ownEvents: boolean;
+    keep_values: boolean;
+    hex_colors: boolean;
+    update_styles: boolean;
+    root_element: HTMLElement;
+    collect: Function;
+    onSetAttrib: Function;
+    contentCssCors: boolean;
+    referrerPolicy: ReferrerPolicy;
+}
+declare type Target = Node | Window;
+declare type RunArguments<T extends Node = Node> = string | T | Array<string | T>;
+declare type BoundEvent = [
+    Target,
+    string,
+    EventUtilsCallback<any>,
+    any
+];
+declare type Callback<K extends string> = EventUtilsCallback<MappedEvent<HTMLElementEventMap, K>>;
+interface DOMUtils {
+    doc: Document;
+    settings: Partial<DOMUtilsSettings>;
+    win: Window;
+    files: Record<string, boolean>;
+    stdMode: boolean;
+    boxModel: boolean;
+    styleSheetLoader: StyleSheetLoader;
+    boundEvents: BoundEvent[];
+    styles: Styles;
+    schema: Schema;
+    events: EventUtils;
+    root: Node;
+    $: DomQueryConstructor;
+    $$<T extends Node>(elm: T | T[] | DomQuery<T>): DomQuery<T>;
+    $$(elm: string): DomQuery<Node>;
+    isBlock(node: string | Node): boolean;
+    clone(node: Node, deep: boolean): Node;
+    getRoot(): HTMLElement;
+    getViewPort(argWin?: Window): GeomRect;
+    getRect(elm: string | HTMLElement): GeomRect;
+    getSize(elm: string | HTMLElement): {
+        w: number;
+        h: number;
+    };
+    getParent<K extends keyof HTMLElementTagNameMap>(node: string | Node, selector: K, root?: Node): HTMLElementTagNameMap[K] | null;
+    getParent<T extends HTMLElement>(node: string | Node, selector: (node: HTMLElement) => node is T, root?: Node): T | null;
+    getParent<T extends Element = Element>(node: string | Node, selector?: string | ((node: HTMLElement) => boolean | void), root?: Node): T | null;
+    getParents<K extends keyof HTMLElementTagNameMap>(elm: string | Node, selector: K, root?: Node, collect?: boolean): Array<HTMLElementTagNameMap[K]>;
+    getParents<T extends HTMLElement>(node: string | Node, selector: (node: HTMLElement) => node is T, root?: Node): T[];
+    getParents<T extends Element = Element>(elm: string | Node, selector?: string | ((node: HTMLElement) => boolean | void), root?: Node, collect?: boolean): T[];
+    get(elm: string | Node): HTMLElement | null;
+    getNext(node: Node, selector: string | ((node: Node) => boolean)): Node | null;
+    getPrev(node: Node, selector: string | ((node: Node) => boolean)): Node | null;
+    select<K extends keyof HTMLElementTagNameMap>(selector: K, scope?: string | Node): Array<HTMLElementTagNameMap[K]>;
+    select<T extends HTMLElement = HTMLElement>(selector: string, scope?: string | Node): T[];
+    is(elm: Node | Node[], selector: string): boolean;
+    add(parentElm: RunArguments, name: string | Node, attrs?: Record<string, string | boolean | number>, html?: string | Node, create?: boolean): HTMLElement;
+    create(name: string, attrs?: Record<string, string | boolean | number>, html?: string | Node): HTMLElement;
+    createHTML(name: string, attrs?: Record<string, string>, html?: string): string;
+    createFragment(html?: string): DocumentFragment;
+    remove<T extends Node>(node: string | T | T[] | DomQuery<T>, keepChildren?: boolean): T | T[];
+    setStyle(elm: string | Node | Node[], name: string, value: string | number | null): void;
+    setStyle(elm: string | Node | Node[], styles: StyleMap): void;
+    getStyle(elm: string | Node, name: string, computed?: boolean): string;
+    setStyles(elm: string | Node | Node[], stylesArg: StyleMap): void;
+    removeAllAttribs(e: RunArguments<Element>): void;
+    setAttrib(elm: string | Node | Node[], name: string, value: string | boolean | number | null): void;
+    setAttribs(elm: string | Node | Node[], attrs: Record<string, string | boolean | number | null>): void;
+    getAttrib(elm: string | Node, name: string, defaultVal?: string): string;
+    getPos(elm: string | Node, rootElm?: Node): {
+        x: number;
+        y: number;
+    };
+    parseStyle(cssText: string): Record<string, string>;
+    serializeStyle(stylesArg: StyleMap, name?: string): string;
+    addStyle(cssText: string): void;
+    loadCSS(url: string): void;
+    addClass(elm: string | Node | Node[], cls: string): void;
+    removeClass(elm: string | Node | Node[], cls: string): void;
+    hasClass(elm: string | Node, cls: string): boolean;
+    toggleClass(elm: string | Node | Node[], cls: string, state?: boolean): void;
+    show(elm: string | Node | Node[]): void;
+    hide(elm: string | Node | Node[]): void;
+    isHidden(elm: string | Node): boolean;
+    uniqueId(prefix?: string): string;
+    setHTML(elm: string | Node | Node[], html: string): void;
+    getOuterHTML(elm: string | Node): string;
+    setOuterHTML(elm: string | Node | Node[], html: string): void;
+    decode(text: string): string;
+    encode(text: string): string;
+    insertAfter<T extends Node>(node: T | T[], reference: string | Node): T;
+    insertAfter<T extends Node>(node: RunArguments<T>, reference: string | Node): false | T;
+    replace<T extends Node>(newElm: Node, oldElm: T | T[], keepChildren?: boolean): T;
+    replace<T extends Node>(newElm: Node, oldElm: RunArguments<T>, keepChildren?: boolean): false | T;
+    rename<K extends keyof HTMLElementTagNameMap>(elm: Element, name: K): HTMLElementTagNameMap[K];
+    rename(elm: Element, name: string): Element;
+    findCommonAncestor(a: Node, b: Node): Node;
+    toHex(rgbVal: string): string;
+    run<R, T extends Node>(elm: T | T[], func: (node: T) => R, scope?: any): R;
+    run<R, T extends Node>(elm: RunArguments<T>, func: (node: T) => R, scope?: any): false | R;
+    getAttribs(elm: string | Node): NamedNodeMap | Attr[];
+    isEmpty(node: Node, elements?: Record<string, any>): boolean;
+    createRng(): Range;
+    nodeIndex(node: Node, normalized?: boolean): number;
+    split<T extends Node>(parentElm: Node, splitElm: Node, replacementElm: T): T;
+    split<T extends Node>(parentElm: Node, splitElm: T): T;
+    bind<K extends string>(target: Target, name: K, func: Callback<K>, scope?: any): Callback<K>;
+    bind<K extends string>(target: Target[], name: K, func: Callback<K>, scope?: any): Callback<K>[];
+    unbind<K extends string>(target: Target, name?: K, func?: EventUtilsCallback<MappedEvent<HTMLElementEventMap, K>>): EventUtils;
+    unbind<K extends string>(target: Target[], name?: K, func?: EventUtilsCallback<MappedEvent<HTMLElementEventMap, K>>): EventUtils[];
+    fire(target: Node | Window, name: string, evt?: {}): EventUtils;
+    getContentEditable(node: Node): string | null;
+    getContentEditableParent(node: Node): string | null;
+    destroy(): void;
+    isChildOf(node: Node, parent: Node): boolean;
+    dumpRng(r: Range): string;
+}
+declare namespace DOMUtils {
+    const DOM: DOMUtils;
+    const nodeIndex: (node: Node, normalized?: boolean) => number;
+}
+interface GetSelectionContentArgs extends GetContentArgs {
+    selection?: boolean;
+    contextual?: boolean;
+}
+interface SelectionSetContentArgs extends SetContentArgs {
+    selection?: boolean;
+}
+interface BookmarkManager {
+    getBookmark(type: number, normalized?: boolean): Bookmark;
+    moveToBookmark(bookmark: Bookmark): boolean;
+}
+declare namespace BookmarkManager {
+    const isBookmarkNode: (node: Node) => boolean;
+}
+interface ControlSelection {
+    isResizable(elm: Element): boolean;
+    showResizeRect(elm: Element): void;
+    hideResizeRect(): void;
+    updateResizeRect(evt: EditorEvent<any>): void;
+    destroy(): void;
+}
+interface ParserArgs {
+    getInner?: boolean | number;
+    forced_root_block?: boolean | string;
+    context?: string;
+    isRootContent?: boolean;
+    format?: string;
+    [key: string]: any;
+}
+declare type ParserFilterCallback = (nodes: AstNode[], name: string, args: ParserArgs) => void;
+interface ParserFilter {
+    name: string;
+    callbacks: ParserFilterCallback[];
+}
+interface DomParserSettings {
+    allow_html_data_urls?: boolean;
+    allow_svg_data_urls?: boolean;
+    allow_conditional_comments?: boolean;
+    allow_html_in_named_anchor?: boolean;
+    allow_script_urls?: boolean;
+    allow_unsafe_link_target?: boolean;
+    convert_fonts_to_spans?: boolean;
+    fix_list_elements?: boolean;
+    font_size_legacy_values?: string;
+    forced_root_block?: boolean | string;
+    forced_root_block_attrs?: Record<string, string>;
+    padd_empty_with_br?: boolean;
+    preserve_cdata?: boolean;
+    remove_trailing_brs?: boolean;
+    root_name?: string;
+    validate?: boolean;
+    inline_styles?: boolean;
+    blob_cache?: BlobCache;
+    images_dataimg_filter?: (img: HTMLImageElement) => boolean;
+}
+interface DomParser {
+    schema: Schema;
+    addAttributeFilter(name: string, callback: (nodes: AstNode[], name: string, args: ParserArgs) => void): void;
+    getAttributeFilters(): ParserFilter[];
+    addNodeFilter(name: string, callback: (nodes: AstNode[], name: string, args: ParserArgs) => void): void;
+    getNodeFilters(): ParserFilter[];
+    filterNode(node: AstNode): AstNode;
+    parse(html: string, args?: ParserArgs): AstNode;
+}
+interface WriterSettings {
+    element_format?: 'xhtml' | 'html';
+    entities?: string;
+    entity_encoding?: EntityEncoding;
+    indent?: boolean;
+    indent_after?: string;
+    indent_before?: string;
+}
+interface Writer {
+    cdata(text: string): void;
+    comment(text: string): void;
+    doctype(text: string): void;
+    end(name: string): void;
+    getContent(): string;
+    pi(name: string, text: string): void;
+    reset(): void;
+    start(name: string, attrs?: Attributes, empty?: boolean): void;
+    text(text: string, raw?: boolean): void;
+}
+interface HtmlSerializerSettings extends WriterSettings {
+    inner?: boolean;
+    validate?: boolean;
+}
+interface HtmlSerializer {
+    serialize(node: AstNode): string;
+}
+interface DomSerializerArgs extends ParserArgs {
+    format?: string;
+}
+interface DomSerializerSettings extends DomParserSettings, WriterSettings, SchemaSettings, HtmlSerializerSettings {
+    url_converter?: URLConverter;
+    url_converter_scope?: {};
+}
+interface DomSerializerImpl {
+    schema: Schema;
+    addNodeFilter(name: string, callback: (nodes: AstNode[], name: string, args: ParserArgs) => void): void;
+    addAttributeFilter(name: string, callback: (nodes: AstNode[], name: string, args: ParserArgs) => void): void;
+    getNodeFilters(): ParserFilter[];
+    getAttributeFilters(): ParserFilter[];
+    serialize(node: Element, parserArgs: {
+        format: 'tree';
+    } & DomSerializerArgs): AstNode;
+    serialize(node: Element, parserArgs?: DomSerializerArgs): string;
+    addRules(rules: string): void;
+    setRules(rules: string): void;
+    addTempAttr(name: string): void;
+    getTempAttrs(): string[];
+}
+interface DomSerializer extends DomSerializerImpl {
+}
+interface EditorSelection {
+    bookmarkManager: BookmarkManager;
+    controlSelection: ControlSelection;
+    dom: DOMUtils;
+    win: Window;
+    serializer: DomSerializer;
+    editor: Editor;
+    collapse: (toStart?: boolean) => void;
+    setCursorLocation: (node?: Node, offset?: number) => void;
+    getContent(args: {
+        format: 'tree';
+    } & GetSelectionContentArgs): AstNode;
+    getContent(args?: GetSelectionContentArgs): string;
+    setContent: (content: string, args?: SelectionSetContentArgs) => void;
+    getBookmark: (type?: number, normalized?: boolean) => Bookmark;
+    moveToBookmark: (bookmark: Bookmark) => boolean;
+    select: (node: Node, content?: boolean) => Node;
+    isCollapsed: () => boolean;
+    isForward: () => boolean;
+    setNode: (elm: Element) => Element;
+    getNode: () => Element;
+    getSel: () => Selection | null;
+    setRng: (rng: Range, forward?: boolean) => void;
+    getRng: () => Range | null;
+    getStart: (real?: boolean) => Element;
+    getEnd: (real?: boolean) => Element;
+    getSelectedBlocks: (startElm?: Element, endElm?: Element) => Element[];
+    normalize: () => Range;
+    selectorChanged: (selector: string, callback: (active: boolean, args: {
+        node: Node;
+        selector: String;
+        parents: Element[];
+    }) => void) => EditorSelection;
+    selectorChangedWithUnbind: (selector: string, callback: (active: boolean, args: {
+        node: Node;
+        selector: String;
+        parents: Element[];
+    }) => void) => {
+        unbind: () => void;
+    };
+    getScrollContainer: () => HTMLElement;
+    scrollIntoView: (elm: Element, alignToTop?: boolean) => void;
+    placeCaretAt: (clientX: number, clientY: number) => void;
+    getBoundingClientRect: () => ClientRect;
+    destroy: () => void;
+}
+declare type EditorCommandCallback = (ui: boolean, value: any, args: any) => void;
+declare type EditorCommandsCallback = (command: string, ui: boolean, value: any, args: any) => void;
+interface Commands {
+    state: Record<string, (command: string) => boolean>;
+    exec: Record<string, EditorCommandsCallback>;
+    value: Record<string, (command: string) => string>;
+}
+interface EditorCommandsConstructor {
+    readonly prototype: EditorCommands;
+    new (editor: Editor): EditorCommands;
+}
+declare class EditorCommands {
+    private readonly editor;
+    private selectionBookmark;
+    private commands;
+    constructor(editor: Editor);
+    execCommand(command: string, ui?: boolean, value?: any, args?: any): boolean;
+    queryCommandState(command: string): boolean;
+    queryCommandValue(command: string): string;
+    addCommands<K extends keyof Commands>(commandList: Commands[K], type: K): void;
+    addCommands(commandList: Record<string, EditorCommandsCallback>): void;
+    addCommand(command: string, callback: EditorCommandCallback, scope?: any): void;
+    queryCommandSupported(command: string): boolean;
+    addQueryStateHandler(command: string, callback: () => boolean, scope?: any): void;
+    addQueryValueHandler(command: string, callback: () => string, scope?: any): void;
+    hasCustomCommand(command: string): boolean;
+    private execNativeCommand;
+    private isFormatMatch;
+    private toggleFormat;
+    private storeSelection;
+    private restoreSelection;
+    private setupCommands;
+}
+interface WindowParams {
+    readonly inline?: 'cursor' | 'toolbar';
+    readonly ariaAttrs?: boolean;
+}
+interface WindowManager {
+    open: <T>(config: DialogSpec<T>, params?: WindowParams) => DialogInstanceApi<T>;
+    openUrl: (config: UrlDialogSpec) => UrlDialogInstanceApi;
+    alert: (message: string, callback?: () => void, scope?: any) => void;
+    confirm: (message: string, callback?: (state: boolean) => void, scope?: any) => void;
+    close: () => void;
+}
+declare type InstanceApi<T> = UrlDialogInstanceApi | DialogInstanceApi<T>;
+interface WindowManagerImpl {
+    open: <T>(config: DialogSpec<T>, params: WindowParams, closeWindow: (dialog: DialogInstanceApi<T>) => void) => DialogInstanceApi<T>;
+    openUrl: (config: UrlDialogSpec, closeWindow: (dialog: UrlDialogInstanceApi) => void) => UrlDialogInstanceApi;
+    alert: (message: string, callback: () => void) => void;
+    confirm: (message: string, callback: (state: boolean) => void) => void;
+    close: (dialog: InstanceApi<any>) => void;
+}
+declare type ExecCommandEvent = {
+    command: string;
+    ui?: boolean;
+    value?: any;
+};
+declare type GetContentEvent = GetContentArgs & {
+    source_view?: boolean;
+    selection?: boolean;
+    save?: boolean;
+};
+declare type SetContentEvent = SetContentArgs & {
+    paste?: boolean;
+    selection?: boolean;
+};
+declare type NewBlockEvent = {
+    newBlock: Element;
+};
+declare type NodeChangeEvent = {
+    element: Element;
+    parents: Node[];
+    selectionChange?: boolean;
+    initial?: boolean;
+};
+declare type ObjectResizeEvent = {
+    target: HTMLElement;
+    width: number;
+    height: number;
+    origin: string;
+};
+declare type ObjectSelectedEvent = {
+    target: Node;
+    targetClone?: Node;
+};
+declare type ScrollIntoViewEvent = {
+    elm: HTMLElement;
+    alignToTop: boolean;
+};
+declare type SetSelectionRangeEvent = {
+    range: Range;
+    forward: boolean;
+};
+declare type ShowCaretEvent = {
+    target: Node;
+    direction: number;
+    before: boolean;
+};
+declare type SwitchModeEvent = {
+    mode: string;
+};
+declare type AddUndoEvent = {
+    level: UndoLevel;
+    lastLevel: UndoLevel;
+    originalEvent: Event;
+};
+declare type UndoRedoEvent = {
+    level: UndoLevel;
+};
+declare type WindowEvent<T extends DialogData> = {
+    dialog: InstanceApi<T>;
+};
+declare type ProgressStateEvent = {
+    state: boolean;
+    time?: number;
+};
+declare type PlaceholderToggleEvent = {
+    state: boolean;
+};
+declare type LoadErrorEvent = {
+    message: string;
+};
+interface EditorEventMap extends Omit<NativeEventMap, 'blur' | 'focus'> {
+    'activate': {
+        relatedTarget: Editor;
+    };
+    'deactivate': {
+        relatedTarget: Editor;
+    };
+    'focus': {
+        blurredEditor: Editor;
+    };
+    'blur': {
+        focusedEditor: Editor;
+    };
+    'resize': UIEvent;
+    'scroll': UIEvent;
+    'detach': {};
+    'remove': {};
+    'init': {};
+    'ScrollIntoView': ScrollIntoViewEvent;
+    'AfterScrollIntoView': ScrollIntoViewEvent;
+    'ObjectResized': ObjectResizeEvent;
+    'ObjectResizeStart': ObjectResizeEvent;
+    'SwitchMode': SwitchModeEvent;
+    'ScrollWindow': UIEvent;
+    'ResizeWindow': UIEvent;
+    'SkinLoaded': {};
+    'SkinLoadError': LoadErrorEvent;
+    'PluginLoadError': LoadErrorEvent;
+    'IconsLoadError': LoadErrorEvent;
+    'LanguageLoadError': LoadErrorEvent;
+    'BeforeExecCommand': ExecCommandEvent;
+    'ExecCommand': ExecCommandEvent;
+    'NodeChange': NodeChangeEvent;
+    'ShowCaret': ShowCaretEvent;
+    'SelectionChange': {};
+    'ObjectSelected': ObjectSelectedEvent;
+    'BeforeObjectSelected': ObjectSelectedEvent;
+    'GetSelectionRange': {
+        range: Range;
+    };
+    'SetSelectionRange': SetSelectionRangeEvent;
+    'AfterSetSelectionRange': SetSelectionRangeEvent;
+    'BeforeGetContent': GetContentEvent;
+    'GetContent': GetContentEvent;
+    'BeforeSetContent': SetContentEvent;
+    'SetContent': SetContentEvent;
+    'LoadContent': {};
+    'PreviewFormats': {};
+    'AfterPreviewFormats': {};
+    'ScriptsLoaded': {};
+    'PreInit': {};
+    'PostRender': {};
+    'NewBlock': NewBlockEvent;
+    'ClearUndos': {};
+    'TypingUndo': {};
+    'Redo': UndoRedoEvent;
+    'Undo': UndoRedoEvent;
+    'BeforeAddUndo': AddUndoEvent;
+    'AddUndo': AddUndoEvent;
+    'CloseWindow': WindowEvent<any>;
+    'OpenWindow': WindowEvent<any>;
+    'ProgressState': ProgressStateEvent;
+    'PlaceholderToggle': PlaceholderToggleEvent;
+    'tap': TouchEvent;
+    'longpress': TouchEvent;
+    'longpresscancel': {};
+}
+interface EditorManagerEventMap {
+    'AddEditor': {
+        editor: Editor;
+    };
+    'RemoveEditor': {
+        editor: Editor;
+    };
+    'BeforeUnload': {
+        returnValue: any;
+    };
+}
+type EventTypes_d_ExecCommandEvent = ExecCommandEvent;
+type EventTypes_d_GetContentEvent = GetContentEvent;
+type EventTypes_d_SetContentEvent = SetContentEvent;
+type EventTypes_d_NewBlockEvent = NewBlockEvent;
+type EventTypes_d_NodeChangeEvent = NodeChangeEvent;
+type EventTypes_d_ObjectResizeEvent = ObjectResizeEvent;
+type EventTypes_d_ObjectSelectedEvent = ObjectSelectedEvent;
+type EventTypes_d_ScrollIntoViewEvent = ScrollIntoViewEvent;
+type EventTypes_d_SetSelectionRangeEvent = SetSelectionRangeEvent;
+type EventTypes_d_ShowCaretEvent = ShowCaretEvent;
+type EventTypes_d_SwitchModeEvent = SwitchModeEvent;
+type EventTypes_d_AddUndoEvent = AddUndoEvent;
+type EventTypes_d_UndoRedoEvent = UndoRedoEvent;
+type EventTypes_d_WindowEvent<_0> = WindowEvent<_0>;
+type EventTypes_d_ProgressStateEvent = ProgressStateEvent;
+type EventTypes_d_PlaceholderToggleEvent = PlaceholderToggleEvent;
+type EventTypes_d_LoadErrorEvent = LoadErrorEvent;
+type EventTypes_d_EditorEventMap = EditorEventMap;
+type EventTypes_d_EditorManagerEventMap = EditorManagerEventMap;
+declare namespace EventTypes_d {
+    export { EventTypes_d_ExecCommandEvent as ExecCommandEvent, EventTypes_d_GetContentEvent as GetContentEvent, EventTypes_d_SetContentEvent as SetContentEvent, EventTypes_d_NewBlockEvent as NewBlockEvent, EventTypes_d_NodeChangeEvent as NodeChangeEvent, EventTypes_d_ObjectResizeEvent as ObjectResizeEvent, EventTypes_d_ObjectSelectedEvent as ObjectSelectedEvent, EventTypes_d_ScrollIntoViewEvent as ScrollIntoViewEvent, EventTypes_d_SetSelectionRangeEvent as SetSelectionRangeEvent, EventTypes_d_ShowCaretEvent as ShowCaretEvent, EventTypes_d_SwitchModeEvent as SwitchModeEvent, EventTypes_d_AddUndoEvent as AddUndoEvent, EventTypes_d_UndoRedoEvent as UndoRedoEvent, EventTypes_d_WindowEvent as WindowEvent, EventTypes_d_ProgressStateEvent as ProgressStateEvent, EventTypes_d_PlaceholderToggleEvent as PlaceholderToggleEvent, EventTypes_d_LoadErrorEvent as LoadErrorEvent, EventTypes_d_EditorEventMap as EditorEventMap, EventTypes_d_EditorManagerEventMap as EditorManagerEventMap, };
+}
+interface RawString {
+    raw: string;
+}
+declare type Primitive = string | number | boolean | Record<string | number, any> | Function;
+declare type TokenisedString = [
+    string,
+    ...Primitive[]
+];
+declare type Untranslated = Primitive | TokenisedString | RawString;
+declare type TranslatedString = string;
+interface I18n {
+    getData(): Record<string, Record<string, string>>;
+    setCode(newCode: string): void;
+    getCode(): string;
+    add(code: string, items: Record<string, string>): void;
+    translate(text: Untranslated): TranslatedString;
+    isRtl(): boolean;
+    hasCode(code: string): boolean;
+}
+interface Observable<T> {
+    fire<K extends string, U extends MappedEvent<T, K>>(name: K, args?: U, bubble?: boolean): EditorEvent<U>;
+    on<K extends string>(name: K, callback: (event: EditorEvent<MappedEvent<T, K>>) => void, prepend?: boolean): EventDispatcher<T>;
+    off<K extends string>(name?: K, callback?: (event: EditorEvent<MappedEvent<T, K>>) => void): EventDispatcher<T>;
+    once<K extends string>(name: K, callback: (event: EditorEvent<MappedEvent<T, K>>) => void): EventDispatcher<T>;
+    hasEventListeners(name: string): boolean;
+}
+interface URISettings {
+    base_uri?: URI;
+}
+interface URIConstructor {
+    readonly prototype: URI;
+    new (url: string, settings?: URISettings): URI;
+    getDocumentBaseUrl(loc: {
+        protocol: string;
+        host?: string;
+        href?: string;
+        pathname?: string;
+    }): string;
+    parseDataUri(uri: string): {
+        type: string;
+        data: string;
+    };
+}
+declare class URI {
+    static parseDataUri(uri: string): {
+        type: string;
+        data: string;
+    };
+    static getDocumentBaseUrl(loc: {
+        protocol: string;
+        host?: string;
+        href?: string;
+        pathname?: string;
+    }): string;
+    source: string;
+    protocol: string;
+    authority: string;
+    userInfo: string;
+    user: string;
+    password: string;
+    host: string;
+    port: string;
+    relative: string;
+    path: string;
+    directory: string;
+    file: string;
+    query: string;
+    anchor: string;
+    settings: URISettings;
+    constructor(url: string, settings?: URISettings);
+    setPath(path: string): void;
+    toRelative(uri: string): string;
+    toAbsolute(uri: string, noHost?: boolean): string;
+    isSameOrigin(uri: URI): boolean;
+    toRelPath(base: string, path: string): string;
+    toAbsPath(base: string, path: string): string;
+    getURI(noProtoHost?: boolean): string;
+}
+interface EditorManager extends Observable<EditorManagerEventMap> {
+    $: DomQueryConstructor;
+    defaultSettings: RawEditorSettings;
+    majorVersion: string;
+    minorVersion: string;
+    releaseDate: string;
+    editors: Editor[];
+    activeEditor: Editor;
+    focusedEditor: Editor;
+    settings: RawEditorSettings;
+    baseURI: URI;
+    baseURL: string;
+    documentBaseURL: string;
+    i18n: I18n;
+    suffix: string;
+    add(editor: Editor): Editor;
+    addI18n(code: string, item: Record<string, string>): void;
+    createEditor(id: string, settings: RawEditorSettings): Editor;
+    execCommand(cmd: string, ui: boolean, value: any): boolean;
+    get(): Editor[];
+    get(id: number | string): Editor;
+    init(settings: RawEditorSettings): Promise<Editor[]>;
+    overrideDefaults(defaultSettings: Partial<RawEditorSettings>): void;
+    remove(): void;
+    remove(selector: string | Editor): Editor | void;
+    setActive(editor: Editor): void;
+    setup(): void;
+    translate(text: Untranslated): TranslatedString;
+    triggerSave(): void;
+    _setBaseUrl(baseUrl: string): void;
+}
+interface EditorObservable extends Observable<EditorEventMap> {
+    bindPendingEventDelegates(): void;
+    toggleNativeEvent(name: string, state: boolean): any;
+    unbindAllNativeEvents(): void;
+}
+interface UploadResult {
+    element: HTMLImageElement;
+    status: boolean;
+    blobInfo: BlobInfo;
+    uploadUri: string;
+}
+declare type UploadCallback = (results: UploadResult[]) => void;
+interface EditorUpload {
+    blobCache: BlobCache;
+    addFilter(filter: (img: HTMLImageElement) => boolean): void;
+    uploadImages(callback?: UploadCallback): Promise<UploadResult[]>;
+    uploadImagesAuto(callback?: UploadCallback): void | Promise<UploadResult[]>;
+    scanForImages(): Promise<BlobInfoImagePair[]>;
+    destroy(): void;
+}
+declare type FormatChangeCallback = (state: boolean, data: {
+    node: Node;
+    format: string;
+    parents: any;
+}) => void;
+interface FormatRegistry {
+    get(name: string): Format[];
+    get(): Record<string, Format[]>;
+    has(name: string): boolean;
+    register(name: string | Formats, format?: Format[] | Format): void;
+    unregister(name: string): Formats;
+}
+interface Formatter extends FormatRegistry {
+    apply(name: string, vars?: FormatVars, node?: Node | RangeLikeObject): void;
+    remove(name: string, vars?: FormatVars, node?: Node | Range, similar?: boolean): void;
+    toggle(name: string, vars?: FormatVars, node?: Node): void;
+    match(name: string, vars?: FormatVars, node?: Node): boolean;
+    closest(names: any): string | null;
+    matchAll(names: string[], vars?: FormatVars): string[];
+    matchNode(node: Node, name: string, vars?: FormatVars, similar?: boolean): boolean;
+    canApply(name: string): boolean;
+    formatChanged(names: string, callback: FormatChangeCallback, similar?: boolean): {
+        unbind: () => void;
+    };
+    getCssText(format: string | Format): string;
+}
+interface EditorMode {
+    isReadOnly: () => boolean;
+    set: (mode: string) => void;
+    get: () => string;
+    register: (mode: string, api: EditorModeApi) => void;
+}
+interface EditorModeApi {
+    activate: () => void;
+    deactivate: () => void;
+    editorReadOnly: boolean;
+}
+interface NotificationManagerImpl {
+    open(spec: NotificationSpec, closeCallback?: () => void): NotificationApi;
+    close<T extends NotificationApi>(notification: T): void;
+    reposition<T extends NotificationApi>(notifications: T[]): void;
+    getArgs<T extends NotificationApi>(notification: T): NotificationSpec;
+}
+interface NotificationSpec {
+    type?: 'info' | 'warning' | 'error' | 'success';
+    text: string;
+    icon?: string;
+    progressBar?: boolean;
+    timeout?: number;
+    closeButton?: boolean;
+}
+interface NotificationApi {
+    close: () => void;
+    progressBar: {
+        value: (percent: number) => void;
+    };
+    text: (text: string) => void;
+    moveTo: (x: number, y: number) => void;
+    moveRel: (element: Element, rel: 'tc-tc' | 'bc-bc' | 'bc-tc' | 'tc-bc' | 'banner') => void;
+    getEl: () => HTMLElement;
+    settings: NotificationSpec;
+}
+interface NotificationManager {
+    open: (spec: NotificationSpec) => NotificationApi;
+    close: () => void;
+    getNotifications: () => NotificationApi[];
+}
+interface Plugin {
+    getMetadata?(): {
+        name: string;
+        url: string;
+    };
+    [key: string]: any;
+}
+declare type PluginManager = AddOnManager<Plugin>;
+interface ShortcutsConstructor {
+    readonly prototype: Shortcuts;
+    new (editor: Editor): Shortcuts;
+}
+declare type CommandFunc = string | [
+    string,
+    boolean,
+    any
+] | (() => void);
+declare class Shortcuts {
+    private readonly editor;
+    private readonly shortcuts;
+    private pendingPatterns;
+    constructor(editor: Editor);
+    add(pattern: string, desc: string, cmdFunc: CommandFunc, scope?: any): boolean;
+    remove(pattern: string): boolean;
+    private normalizeCommandFunc;
+    private parseShortcut;
+    private createShortcut;
+    private hasModifier;
+    private isFunctionKey;
+    private matchShortcut;
+    private executeShortcutAction;
+}
+declare type Theme = {
+    ui?: any;
+    inline?: any;
+    execCommand?(command: string, ui?: boolean, value?: any): boolean;
+    destroy?(): void;
+    init?(editor: Editor, url: string, $: DomQueryConstructor): any;
+    renderUI?(): {
+        iframeContainer?: HTMLIFrameElement;
+        editorContainer: HTMLElement;
+        api?: Partial<EditorUiApi>;
+    };
+    getNotificationManagerImpl?(): NotificationManagerImpl;
+    getWindowManagerImpl?(): WindowManagerImpl;
+};
+declare type ThemeManager = AddOnManager<Theme>;
+interface EditorConstructor {
+    readonly prototype: Editor;
+    new (id: string, settings: RawEditorSettings, editorManager: EditorManager): Editor;
+}
+declare class Editor implements EditorObservable {
+    documentBaseUrl: string;
+    baseUri: URI;
+    settings: EditorSettings;
+    id: string;
+    plugins: Record<string, Plugin>;
+    documentBaseURI: URI;
+    baseURI: URI;
+    contentCSS: string[];
+    contentStyles: string[];
+    ui: EditorUi;
+    mode: EditorMode;
+    setMode: (mode: string) => void;
+    $: DomQueryConstructor;
+    shortcuts: Shortcuts;
+    loadedCSS: Record<string, any>;
+    editorCommands: EditorCommands;
+    suffix: string;
+    editorManager: EditorManager;
+    inline: boolean;
+    isNotDirty: boolean;
+    callbackLookup: any;
+    _nodeChangeDispatcher: NodeChange;
+    editorUpload: EditorUpload;
+    annotator: Annotator;
+    bodyElement: HTMLElement;
+    bookmark: any;
+    composing: boolean;
+    container: HTMLElement;
+    contentAreaContainer: HTMLElement;
+    contentDocument: Document;
+    contentWindow: Window;
+    delegates: Record<string, (event: any) => void>;
+    destroyed: boolean;
+    dom: DOMUtils;
+    editorContainer: HTMLElement;
+    eventRoot?: Element;
+    formatter: Formatter;
+    formElement: HTMLElement;
+    formEventDelegate: (e: Event) => void;
+    hasHiddenInput: boolean;
+    hasVisual: boolean;
+    hidden: boolean;
+    iframeElement: HTMLIFrameElement | null;
+    iframeHTML: string;
+    initialized: boolean;
+    notificationManager: NotificationManager;
+    orgDisplay: string;
+    orgVisibility: string;
+    parser: DomParser;
+    quirks: Quirks;
+    readonly: boolean;
+    removed: boolean;
+    schema: Schema;
+    selection: EditorSelection;
+    serializer: DomSerializer;
+    startContent: string;
+    targetElm: HTMLElement;
+    theme: Theme;
+    undoManager: UndoManager;
+    validate: boolean;
+    windowManager: WindowManager;
+    _beforeUnload: () => void;
+    _eventDispatcher: EventDispatcher<NativeEventMap>;
+    _mceOldSubmit: any;
+    _pendingNativeEvents: string[];
+    _selectionOverrides: SelectionOverrides;
+    _skinLoaded: boolean;
+    bindPendingEventDelegates: EditorObservable['bindPendingEventDelegates'];
+    toggleNativeEvent: EditorObservable['toggleNativeEvent'];
+    unbindAllNativeEvents: EditorObservable['unbindAllNativeEvents'];
+    fire: EditorObservable['fire'];
+    on: EditorObservable['on'];
+    off: EditorObservable['off'];
+    once: EditorObservable['once'];
+    hasEventListeners: EditorObservable['hasEventListeners'];
+    constructor(id: string, settings: RawEditorSettings, editorManager: EditorManager);
+    render(): void;
+    focus(skipFocus?: boolean): void;
+    hasFocus(): boolean;
+    execCallback(name: string, ...x: any[]): any;
+    translate(text: Untranslated): TranslatedString;
+    getParam<K extends keyof ParamTypeMap>(name: string, defaultVal: ParamTypeMap[K], type: K): ParamTypeMap[K];
+    getParam<K extends keyof EditorSettings>(name: K, defaultVal?: EditorSettings[K], type?: string): EditorSettings[K];
+    getParam<T>(name: string, defaultVal: T, type?: string): T;
+    hasPlugin(name: string, loaded?: boolean): boolean;
+    nodeChanged(args?: any): void;
+    addCommand(name: string, callback: EditorCommandCallback, scope?: object): void;
+    addQueryStateHandler(name: string, callback: () => boolean, scope?: any): void;
+    addQueryValueHandler(name: string, callback: () => string, scope?: any): void;
+    addShortcut(pattern: string, desc: string, cmdFunc: string | [
+        string,
+        boolean,
+        any
+    ] | (() => void), scope?: any): void;
+    execCommand(cmd: string, ui?: boolean, value?: any, args?: any): boolean;
+    queryCommandState(cmd: string): boolean;
+    queryCommandValue(cmd: string): string;
+    queryCommandSupported(cmd: string): boolean;
+    show(): void;
+    hide(): void;
+    isHidden(): boolean;
+    setProgressState(state: boolean, time?: number): void;
+    load(args?: any): string;
+    save(args?: any): string;
+    setContent(content: string, args?: SetContentArgs): string;
+    setContent(content: AstNode, args?: SetContentArgs): AstNode;
+    getContent(args: {
+        format: 'tree';
+    } & GetContentArgs): AstNode;
+    getContent(args?: GetContentArgs): string;
+    insertContent(content: string, args?: any): void;
+    resetContent(initialContent?: string): void;
+    isDirty(): boolean;
+    setDirty(state: boolean): void;
+    getContainer(): HTMLElement;
+    getContentAreaContainer(): HTMLElement;
+    getElement(): HTMLElement;
+    getWin(): Window;
+    getDoc(): Document;
+    getBody(): HTMLElement;
+    convertURL(url: string, name: string, elm?: any): string;
+    addVisual(elm?: HTMLElement): void;
+    remove(): void;
+    destroy(automatic?: boolean): void;
+    uploadImages(callback?: UploadCallback): Promise<UploadResult[]>;
+    _scanForImages(): Promise<BlobInfoImagePair[]>;
+    addButton(): void;
+    addSidebar(): void;
+    addMenuItem(): void;
+    addContextToolbar(): void;
+}
+interface UrlObject {
+    prefix: string;
+    resource: string;
+    suffix: string;
+}
+declare type WaitState = 'added' | 'loaded';
+declare type AddOnCallback<T> = (editor: Editor, url: string, $?: DomQueryConstructor) => void | T;
+declare type AddOnConstructor<T> = new (editor: Editor, url: string, $?: DomQueryConstructor) => T;
+interface AddOnManager<T> {
+    items: AddOnConstructor<T>[];
+    urls: Record<string, string>;
+    lookup: Record<string, {
+        instance: AddOnConstructor<T>;
+        dependencies?: string[];
+    }>;
+    _listeners: {
+        name: string;
+        state: WaitState;
+        callback: () => void;
+    }[];
+    get(name: string): AddOnConstructor<T>;
+    dependencies(name: string): string[];
+    requireLangPack(name: string, languages: string): void;
+    add(id: string, addOn: AddOnCallback<T>, dependencies?: string[]): AddOnConstructor<T>;
+    remove(name: string): void;
+    createUrl(baseUrl: UrlObject, dep: string | UrlObject): UrlObject;
+    addComponents(pluginName: string, scripts: string[]): void;
+    load(name: string, addOnUrl: string | UrlObject, success?: () => void, scope?: any, failure?: () => void): void;
+    waitFor(name: string, callback: () => void, state?: WaitState): void;
+}
+declare namespace AddOnManager {
+    let language: string;
+    let languageLoad: boolean;
+    let baseURL: string;
+    const PluginManager: AddOnManager<any>;
+    const ThemeManager: AddOnManager<any>;
+}
+interface RangeUtils {
+    walk(rng: Range, callback: (nodes: Node[]) => void): void;
+    split(rng: Range): RangeLikeObject;
+    normalize(rng: Range): boolean;
+}
+declare namespace RangeUtils {
+    const compareRanges: (rng1: RangeLikeObject, rng2: RangeLikeObject) => boolean;
+    const getCaretRangeFromPoint: (clientX: number, clientY: number, doc: Document) => Range;
+    const getSelectedNode: (range: Range) => Node;
+    const getNode: (container: Node, offset: number) => Node;
+}
+interface ScriptLoaderSettings {
+    referrerPolicy?: ReferrerPolicy;
+}
+interface ScriptLoaderConstructor {
+    readonly prototype: ScriptLoader;
+    new (): ScriptLoader;
+    ScriptLoader: ScriptLoader;
+}
+declare class ScriptLoader {
+    static ScriptLoader: ScriptLoader;
+    private settings;
+    private states;
+    private queue;
+    private scriptLoadedCallbacks;
+    private queueLoadedCallbacks;
+    private loading;
+    constructor(settings?: ScriptLoaderSettings);
+    _setReferrerPolicy(referrerPolicy: ReferrerPolicy): void;
+    loadScript(url: string, success?: () => void, failure?: () => void): void;
+    isDone(url: string): boolean;
+    markDone(url: string): void;
+    add(url: string, success?: () => void, scope?: any, failure?: () => void): void;
+    load(url: string, success?: () => void, scope?: any, failure?: () => void): void;
+    remove(url: string): void;
+    loadQueue(success?: () => void, scope?: any, failure?: (urls: string[]) => void): void;
+    loadScripts(scripts: string[], success?: () => void, scope?: any, failure?: (urls: string[]) => void): void;
+}
+declare type TextProcessCallback = (node: Text, offset: number, text: string) => number;
+interface Spot {
+    container: Text;
+    offset: number;
+}
+interface TextSeeker {
+    backwards: (node: Node, offset: number, process: TextProcessCallback, root?: Node) => Spot | null;
+    forwards: (node: Node, offset: number, process: TextProcessCallback, root?: Node) => Spot | null;
+}
+interface DomTreeWalkerConstructor {
+    readonly prototype: DomTreeWalker;
+    new (startNode: Node, rootNode: Node): DomTreeWalker;
+}
+declare class DomTreeWalker {
+    private readonly rootNode;
+    private node;
+    constructor(startNode: Node, rootNode: Node);
+    current(): Node;
+    next(shallow?: boolean): Node;
+    prev(shallow?: boolean): Node;
+    prev2(shallow?: boolean): Node;
+    private findSibling;
+    private findPreviousNode;
+}
+interface Version {
+    major: number;
+    minor: number;
+}
+interface Env {
+    opera: boolean;
+    webkit: boolean;
+    ie: false | number;
+    gecko: boolean;
+    mac: boolean;
+    iOS: boolean;
+    android: boolean;
+    contentEditable: boolean;
+    transparentSrc: string;
+    caretAfter: boolean;
+    range: boolean;
+    documentMode: number;
+    fileApi: boolean;
+    ceFalse: boolean;
+    cacheSuffix: any;
+    container: any;
+    experimentalShadowDom: boolean;
+    canHaveCSP: boolean;
+    desktop: boolean;
+    windowsPhone: boolean;
+    browser: {
+        current: string | undefined;
+        version: Version;
+        isEdge: () => boolean;
+        isChrome: () => boolean;
+        isIE: () => boolean;
+        isOpera: () => boolean;
+        isFirefox: () => boolean;
+        isSafari: () => boolean;
+    };
+    os: {
+        current: string | undefined;
+        version: Version;
+        isWindows: () => boolean;
+        isiOS: () => boolean;
+        isAndroid: () => boolean;
+        isOSX: () => boolean;
+        isLinux: () => boolean;
+        isSolaris: () => boolean;
+        isFreeBSD: () => boolean;
+        isChromeOS: () => boolean;
+    };
+    deviceType: {
+        isiPad: () => boolean;
+        isiPhone: () => boolean;
+        isTablet: () => boolean;
+        isPhone: () => boolean;
+        isTouch: () => boolean;
+        isWebView: () => boolean;
+        isDesktop: () => boolean;
+    };
+}
+interface FocusManager {
+    isEditorUIElement: (elm: Element) => boolean;
+}
+interface EntitiesMap {
+    [name: string]: string;
+}
+interface Entities {
+    encodeRaw(text: string, attr?: boolean): string;
+    encodeAllRaw(text: string): string;
+    encodeNumeric(text: string, attr?: boolean): string;
+    encodeNamed(text: string, attr?: boolean, entities?: EntitiesMap): string;
+    getEncodeFunc(name: string, entities?: EntitiesMap | string): (text: string, attr?: boolean) => string;
+    decode(text: string): string;
+}
+declare type AttrList = Array<{
+    name: string;
+    value: string;
+}> & {
+    map: Record<string, string>;
+};
+interface SaxParserSettings {
+    allow_conditional_comments?: boolean;
+    allow_html_data_urls?: boolean;
+    allow_script_urls?: boolean;
+    allow_svg_data_urls?: boolean;
+    fix_self_closing?: boolean;
+    preserve_cdata?: boolean;
+    remove_internals?: boolean;
+    self_closing_elements?: Record<string, {}>;
+    validate?: boolean;
+    cdata?(text: string): void;
+    comment?(text: string): void;
+    doctype?(text: string): void;
+    end?(name: string): void;
+    pi?(name: string, text: string): void;
+    start?(name: string, attrs: AttrList, empty: boolean): void;
+    text?(text: string, raw?: boolean): void;
+}
+declare type ParserFormat = 'html' | 'xhtml' | 'xml';
+interface SaxParser {
+    parse(html: string, format?: ParserFormat): void;
+}
+declare namespace SaxParser {
+    const findEndTag: (schema: Schema, html: string, startIndex: number) => number;
+}
+interface IconPack {
+    icons: Record<string, string>;
+}
+interface IconManager {
+    add: (id: string, iconPack: IconPack) => void;
+    get: (id: string) => IconPack;
+    has: (id: string) => boolean;
+}
+interface Resource {
+    load<T = any>(id: string, url: string): Promise<T>;
+    add(id: string, data: any): void;
+}
+declare type WithSubItems<T, K extends keyof T> = T[K] extends Array<any> ? (T & T[K][number]) : T;
+interface Props<A extends any[] = any[]> {
+    Mixins?: Array<Record<string, any>>;
+    Methods?: string;
+    Properties?: string;
+    Statics?: Record<string, any>;
+    Defaults?: Record<string, any>;
+    init?: (...args: A) => void;
+}
+declare type ExtendedClass<T extends Props<A>, A extends any[]> = WithSubItems<T, 'Mixins'>;
+interface ExtendedClassConstructor<T extends Props<A>, A extends any[] = any[]> extends Class {
+    readonly prototype: ExtendedClass<T, A>;
+    new (...args: A): ExtendedClass<T, A>;
+    [key: string]: T['Statics'];
+}
+interface Class {
+    extend<T extends Props<A>, A extends any[] = any[]>(props: T): ExtendedClassConstructor<T, A>;
+}
+interface RGB {
+    r: number;
+    g: number;
+    b: number;
+}
+interface HSV {
+    h: number;
+    s: number;
+    v: number;
+}
+interface Color {
+    toRgb(): RGB;
+    toHsv(): HSV;
+    toHex(): string;
+    parse(value: string | RGB | HSV): Color;
+}
+declare type ColorConstructor = new (value?: string | RGB | HSV) => Color;
+declare type DebounceFunc<T extends (...args: any[]) => void> = {
+    (...args: Parameters<T>): void;
+    stop: () => void;
+};
+interface Delay {
+    requestAnimationFrame(callback: () => void, element?: HTMLElement): void;
+    setEditorInterval(editor: Editor, callback: () => void, time?: number): number;
+    setEditorTimeout(editor: Editor, callback: () => void, time?: number): number;
+    setInterval(callback: () => void, time?: number): number;
+    setTimeout(callback: () => void, time?: number): number;
+    clearInterval(id?: number): void;
+    clearTimeout(id?: number): void;
+    debounce<T extends (...args: any[]) => any>(callback: T, time?: number): DebounceFunc<T>;
+    throttle<T extends (...args: any[]) => any>(callback: T, time?: number): DebounceFunc<T>;
+}
+interface JSONUtils {
+    serialize(obj: any): string;
+    parse(text: string): any;
+}
+interface JSONPSettings {
+    count?: number;
+    url: string;
+    callback(json: string): void;
+}
+interface JSONP {
+    callbacks: {};
+    count: number;
+    send(settings: JSONPSettings): void;
+}
+interface JSONRequestSettings {
+    crossDomain?: boolean;
+    requestheaders?: Record<string, {
+        key: string;
+        value: string;
+    }>;
+    type?: string;
+    url?: string;
+    error_scope?: any;
+    success_scope?: any;
+    success?(data: any): void;
+    error?(error: any, xhr: XMLHttpRequest): void;
+}
+interface JSONRequestArgs extends JSONRequestSettings {
+    id?: string;
+    method?: string;
+    params?: string;
+}
+interface JSONRequestConstructor {
+    readonly prototype: JSONRequest;
+    new (settings?: JSONRequestSettings): JSONRequest;
+    sendRPC(o: JSONRequestArgs): void;
+}
+declare class JSONRequest {
+    static sendRPC(o: JSONRequestArgs): void;
+    settings: JSONRequestSettings;
+    count: number;
+    constructor(settings?: JSONRequestSettings);
+    send(args: JSONRequestArgs): void;
+}
+interface KeyboardLikeEvent {
+    shiftKey: boolean;
+    ctrlKey: boolean;
+    altKey: boolean;
+    metaKey: boolean;
+}
+interface VK {
+    BACKSPACE: number;
+    DELETE: number;
+    DOWN: number;
+    ENTER: number;
+    LEFT: number;
+    RIGHT: number;
+    SPACEBAR: number;
+    TAB: number;
+    UP: number;
+    END: number;
+    HOME: number;
+    modifierPressed(e: KeyboardLikeEvent): boolean;
+    metaKeyPressed(e: KeyboardLikeEvent): boolean;
+}
+interface XHRSettings {
+    async?: boolean;
+    content_type?: string;
+    crossDomain?: boolean;
+    data?: Document | BodyInit;
+    requestheaders?: Record<string, {
+        key: string;
+        value: string;
+    }>;
+    scope?: any;
+    type?: string;
+    url: string;
+    error_scope?: any;
+    success_scope?: any;
+    error?(message: 'TIMED_OUT' | 'GENERAL', xhr: XMLHttpRequest, settings: XHRSettings): void;
+    success?(text: string, xhr: XMLHttpRequest, settings: XHRSettings): void;
+}
+interface XHREventMap {
+    beforeInitialize: {
+        settings: XHRSettings;
+    };
+    beforeSend: {
+        xhr: XMLHttpRequest;
+        settings: XHRSettings;
+    };
+}
+interface XHR extends Observable<XHREventMap> {
+    send(settings: XHRSettings): void;
+}
+interface DOMUtilsNamespace {
+    new (doc: Document, settings: Partial<DOMUtilsSettings>): DOMUtils;
+    DOM: DOMUtils;
+    nodeIndex: (node: Node, normalized?: boolean) => number;
+}
+interface RangeUtilsNamespace {
+    new (dom: DOMUtils): RangeUtils;
+    compareRanges: (rng1: RangeLikeObject, rng2: RangeLikeObject) => boolean;
+    getCaretRangeFromPoint: (clientX: number, clientY: number, doc: Document) => Range;
+    getSelectedNode: (range: Range) => Node;
+    getNode: (container: Node, offset: number) => Node;
+}
+interface AddOnManagerNamespace {
+    new <T>(): AddOnManager<T>;
+    language: string;
+    languageLoad: boolean;
+    baseURL: string;
+    PluginManager: PluginManager;
+    ThemeManager: ThemeManager;
+}
+interface BookmarkManagerNamespace {
+    (selection: EditorSelection): BookmarkManager;
+    isBookmarkNode: (node: Node) => boolean;
+}
+interface SaxParserNamespace {
+    new (settings?: SaxParserSettings, schema?: Schema): SaxParser;
+    findEndTag: (schema: Schema, html: string, startIndex: number) => number;
+}
+interface TinyMCE extends EditorManager {
+    geom: {
+        Rect: Rect;
+    };
+    util: {
+        Promise: PromiseConstructor;
+        Delay: Delay;
+        Tools: Tools;
+        VK: VK;
+        URI: URIConstructor;
+        Class: Class;
+        EventDispatcher: EventDispatcherConstructor<any>;
+        Observable: Observable<any>;
+        I18n: I18n;
+        XHR: XHR;
+        JSON: JSONUtils;
+        JSONRequest: JSONRequestConstructor;
+        JSONP: JSONP;
+        LocalStorage: Storage;
+        Color: ColorConstructor;
+    };
+    dom: {
+        EventUtils: EventUtilsConstructor;
+        Sizzle: any;
+        DomQuery: DomQueryConstructor;
+        TreeWalker: DomTreeWalkerConstructor;
+        TextSeeker: new (dom: DOMUtils, isBlockBoundary?: (node: Node) => boolean) => TextSeeker;
+        DOMUtils: DOMUtilsNamespace;
+        ScriptLoader: ScriptLoaderConstructor;
+        RangeUtils: RangeUtilsNamespace;
+        Serializer: new (settings: DomSerializerSettings, editor?: Editor) => DomSerializer;
+        ControlSelection: (selection: EditorSelection, editor: Editor) => ControlSelection;
+        BookmarkManager: BookmarkManagerNamespace;
+        Selection: new (dom: DOMUtils, win: Window, serializer: DomSerializer, editor: Editor) => EditorSelection;
+        StyleSheetLoader: new (documentOrShadowRoot: Document | ShadowRoot, settings: StyleSheetLoaderSettings) => StyleSheetLoader;
+        Event: EventUtils;
+    };
+    html: {
+        Styles: new (settings?: StylesSettings, schema?: Schema) => Styles;
+        Entities: Entities;
+        Node: AstNodeConstructor;
+        Schema: new (settings?: SchemaSettings) => Schema;
+        SaxParser: SaxParserNamespace;
+        DomParser: new (settings?: DomParserSettings, schema?: Schema) => DomParser;
+        Writer: new (settings?: WriterSettings) => Writer;
+        Serializer: new (settings?: HtmlSerializerSettings, schema?: Schema) => HtmlSerializer;
+    };
+    AddOnManager: AddOnManagerNamespace;
+    Annotator: new (editor: Editor) => Annotator;
+    Editor: EditorConstructor;
+    EditorCommands: EditorCommandsConstructor;
+    EditorManager: EditorManager;
+    EditorObservable: EditorObservable;
+    Env: Env;
+    FocusManager: FocusManager;
+    Formatter: new (editor: Editor) => Formatter;
+    NotificationManager: new (editor: Editor) => NotificationManager;
+    Shortcuts: ShortcutsConstructor;
+    UndoManager: new (editor: Editor) => UndoManager;
+    WindowManager: new (editor: Editor) => WindowManager;
+    DOM: DOMUtils;
+    ScriptLoader: ScriptLoader;
+    PluginManager: PluginManager;
+    ThemeManager: ThemeManager;
+    IconManager: IconManager;
+    Resource: Resource;
+    trim: Tools['trim'];
+    isArray: Tools['isArray'];
+    is: Tools['is'];
+    toArray: Tools['toArray'];
+    makeMap: Tools['makeMap'];
+    each: Tools['each'];
+    map: Tools['map'];
+    grep: Tools['grep'];
+    inArray: Tools['inArray'];
+    extend: Tools['extend'];
+    create: Tools['create'];
+    walk: Tools['walk'];
+    createNS: Tools['createNS'];
+    resolve: Tools['resolve'];
+    explode: Tools['explode'];
+    _addCacheSuffix: Tools['_addCacheSuffix'];
+    isOpera: boolean;
+    isWebKit: boolean;
+    isIE: false | number;
+    isGecko: boolean;
+    isMac: boolean;
+}
+declare const tinymce: TinyMCE;
+export default tinymce;
+export { AddOnManager, Annotator, AstNode, Bookmark, BookmarkManager, Class, Color, ControlSelection, DOMUtils, Delay, DomParser, DomParserSettings, DomQuery, DomSerializer, DomSerializerSettings, DomTreeWalker, Editor, EditorCommands, EditorEvent, EditorManager, EditorModeApi, EditorObservable, EditorSelection, EditorSettings, Entities, Env, EventDispatcher, EventUtils, EventTypes_d as Events, FocusManager, Format_d as Formats, Formatter, GeomRect, HtmlSerializer, HtmlSerializerSettings, I18n, IconManager, JSONUtils as JSON, JSONP, JSONRequest, JSONRequestArgs, JSONRequestSettings, NotificationApi, NotificationManager, NotificationSpec, Observable, Plugin, PluginManager, RangeUtils, RawEditorSettings, Rect, Resource, SaxParser, SaxParserSettings, Schema, SchemaSettings, ScriptLoader, Shortcuts, StyleSheetLoader, Styles, TextSeeker, Theme, ThemeManager, TinyMCE, Tools, URI, Ui_d as Ui, UndoManager, VK, WindowManager, Writer, WriterSettings, XHR, XHRSettings };
diff --git a/src/assets/tinymce/tinymce.js b/src/assets/tinymce/tinymce.js
new file mode 100644
index 00000000..a8d93434
--- /dev/null
+++ b/src/assets/tinymce/tinymce.js
@@ -0,0 +1,29786 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+(function () {
+    'use strict';
+
+    var typeOf = function (x) {
+      if (x === null) {
+        return 'null';
+      }
+      if (x === undefined) {
+        return 'undefined';
+      }
+      var t = typeof x;
+      if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+        return 'array';
+      }
+      if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+        return 'string';
+      }
+      return t;
+    };
+    var isEquatableType = function (x) {
+      return [
+        'undefined',
+        'boolean',
+        'number',
+        'string',
+        'function',
+        'xml',
+        'null'
+      ].indexOf(x) !== -1;
+    };
+
+    var sort = function (xs, compareFn) {
+      var clone = Array.prototype.slice.call(xs);
+      return clone.sort(compareFn);
+    };
+
+    var contramap = function (eqa, f) {
+      return eq(function (x, y) {
+        return eqa.eq(f(x), f(y));
+      });
+    };
+    var eq = function (f) {
+      return { eq: f };
+    };
+    var tripleEq = eq(function (x, y) {
+      return x === y;
+    });
+    var eqString = tripleEq;
+    var eqArray = function (eqa) {
+      return eq(function (x, y) {
+        if (x.length !== y.length) {
+          return false;
+        }
+        var len = x.length;
+        for (var i = 0; i < len; i++) {
+          if (!eqa.eq(x[i], y[i])) {
+            return false;
+          }
+        }
+        return true;
+      });
+    };
+    var eqSortedArray = function (eqa, compareFn) {
+      return contramap(eqArray(eqa), function (xs) {
+        return sort(xs, compareFn);
+      });
+    };
+    var eqRecord = function (eqa) {
+      return eq(function (x, y) {
+        var kx = Object.keys(x);
+        var ky = Object.keys(y);
+        if (!eqSortedArray(eqString).eq(kx, ky)) {
+          return false;
+        }
+        var len = kx.length;
+        for (var i = 0; i < len; i++) {
+          var q = kx[i];
+          if (!eqa.eq(x[q], y[q])) {
+            return false;
+          }
+        }
+        return true;
+      });
+    };
+    var eqAny = eq(function (x, y) {
+      if (x === y) {
+        return true;
+      }
+      var tx = typeOf(x);
+      var ty = typeOf(y);
+      if (tx !== ty) {
+        return false;
+      }
+      if (isEquatableType(tx)) {
+        return x === y;
+      } else if (tx === 'array') {
+        return eqArray(eqAny).eq(x, y);
+      } else if (tx === 'object') {
+        return eqRecord(eqAny).eq(x, y);
+      }
+      return false;
+    });
+
+    var noop = function () {
+    };
+    var compose = function (fa, fb) {
+      return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        return fa(fb.apply(null, args));
+      };
+    };
+    var compose1 = function (fbc, fab) {
+      return function (a) {
+        return fbc(fab(a));
+      };
+    };
+    var constant = function (value) {
+      return function () {
+        return value;
+      };
+    };
+    var identity = function (x) {
+      return x;
+    };
+    function curry(fn) {
+      var initialArgs = [];
+      for (var _i = 1; _i < arguments.length; _i++) {
+        initialArgs[_i - 1] = arguments[_i];
+      }
+      return function () {
+        var restArgs = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          restArgs[_i] = arguments[_i];
+        }
+        var all = initialArgs.concat(restArgs);
+        return fn.apply(null, all);
+      };
+    }
+    var not = function (f) {
+      return function (t) {
+        return !f(t);
+      };
+    };
+    var die = function (msg) {
+      return function () {
+        throw new Error(msg);
+      };
+    };
+    var call = function (f) {
+      f();
+    };
+    var never = constant(false);
+    var always = constant(true);
+
+    var none = function () {
+      return NONE;
+    };
+    var NONE = function () {
+      var eq = function (o) {
+        return o.isNone();
+      };
+      var call = function (thunk) {
+        return thunk();
+      };
+      var id = function (n) {
+        return n;
+      };
+      var me = {
+        fold: function (n, _s) {
+          return n();
+        },
+        is: never,
+        isSome: never,
+        isNone: always,
+        getOr: id,
+        getOrThunk: call,
+        getOrDie: function (msg) {
+          throw new Error(msg || 'error: getOrDie called on none.');
+        },
+        getOrNull: constant(null),
+        getOrUndefined: constant(undefined),
+        or: id,
+        orThunk: call,
+        map: none,
+        each: noop,
+        bind: none,
+        exists: never,
+        forall: always,
+        filter: none,
+        equals: eq,
+        equals_: eq,
+        toArray: function () {
+          return [];
+        },
+        toString: constant('none()')
+      };
+      return me;
+    }();
+    var some = function (a) {
+      var constant_a = constant(a);
+      var self = function () {
+        return me;
+      };
+      var bind = function (f) {
+        return f(a);
+      };
+      var me = {
+        fold: function (n, s) {
+          return s(a);
+        },
+        is: function (v) {
+          return a === v;
+        },
+        isSome: always,
+        isNone: never,
+        getOr: constant_a,
+        getOrThunk: constant_a,
+        getOrDie: constant_a,
+        getOrNull: constant_a,
+        getOrUndefined: constant_a,
+        or: self,
+        orThunk: self,
+        map: function (f) {
+          return some(f(a));
+        },
+        each: function (f) {
+          f(a);
+        },
+        bind: bind,
+        exists: bind,
+        forall: bind,
+        filter: function (f) {
+          return f(a) ? me : NONE;
+        },
+        toArray: function () {
+          return [a];
+        },
+        toString: function () {
+          return 'some(' + a + ')';
+        },
+        equals: function (o) {
+          return o.is(a);
+        },
+        equals_: function (o, elementEq) {
+          return o.fold(never, function (b) {
+            return elementEq(a, b);
+          });
+        }
+      };
+      return me;
+    };
+    var from = function (value) {
+      return value === null || value === undefined ? NONE : some(value);
+    };
+    var Optional = {
+      some: some,
+      none: none,
+      from: from
+    };
+
+    var typeOf$1 = function (x) {
+      var t = typeof x;
+      if (x === null) {
+        return 'null';
+      } else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
+        return 'array';
+      } else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
+        return 'string';
+      } else {
+        return t;
+      }
+    };
+    var isType = function (type) {
+      return function (value) {
+        return typeOf$1(value) === type;
+      };
+    };
+    var isSimpleType = function (type) {
+      return function (value) {
+        return typeof value === type;
+      };
+    };
+    var eq$1 = function (t) {
+      return function (a) {
+        return t === a;
+      };
+    };
+    var isString = isType('string');
+    var isObject = isType('object');
+    var isArray = isType('array');
+    var isNull = eq$1(null);
+    var isBoolean = isSimpleType('boolean');
+    var isUndefined = eq$1(undefined);
+    var isNullable = function (a) {
+      return a === null || a === undefined;
+    };
+    var isNonNullable = function (a) {
+      return !isNullable(a);
+    };
+    var isFunction = isSimpleType('function');
+    var isNumber = isSimpleType('number');
+
+    var nativeSlice = Array.prototype.slice;
+    var nativeIndexOf = Array.prototype.indexOf;
+    var nativePush = Array.prototype.push;
+    var rawIndexOf = function (ts, t) {
+      return nativeIndexOf.call(ts, t);
+    };
+    var indexOf = function (xs, x) {
+      var r = rawIndexOf(xs, x);
+      return r === -1 ? Optional.none() : Optional.some(r);
+    };
+    var contains = function (xs, x) {
+      return rawIndexOf(xs, x) > -1;
+    };
+    var exists = function (xs, pred) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return true;
+        }
+      }
+      return false;
+    };
+    var map = function (xs, f) {
+      var len = xs.length;
+      var r = new Array(len);
+      for (var i = 0; i < len; i++) {
+        var x = xs[i];
+        r[i] = f(x, i);
+      }
+      return r;
+    };
+    var each = function (xs, f) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var eachr = function (xs, f) {
+      for (var i = xs.length - 1; i >= 0; i--) {
+        var x = xs[i];
+        f(x, i);
+      }
+    };
+    var partition = function (xs, pred) {
+      var pass = [];
+      var fail = [];
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        var arr = pred(x, i) ? pass : fail;
+        arr.push(x);
+      }
+      return {
+        pass: pass,
+        fail: fail
+      };
+    };
+    var filter = function (xs, pred) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          r.push(x);
+        }
+      }
+      return r;
+    };
+    var foldr = function (xs, f, acc) {
+      eachr(xs, function (x) {
+        acc = f(acc, x);
+      });
+      return acc;
+    };
+    var foldl = function (xs, f, acc) {
+      each(xs, function (x) {
+        acc = f(acc, x);
+      });
+      return acc;
+    };
+    var findUntil = function (xs, pred, until) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return Optional.some(x);
+        } else if (until(x, i)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var find = function (xs, pred) {
+      return findUntil(xs, pred, never);
+    };
+    var findIndex = function (xs, pred) {
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        if (pred(x, i)) {
+          return Optional.some(i);
+        }
+      }
+      return Optional.none();
+    };
+    var flatten = function (xs) {
+      var r = [];
+      for (var i = 0, len = xs.length; i < len; ++i) {
+        if (!isArray(xs[i])) {
+          throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs);
+        }
+        nativePush.apply(r, xs[i]);
+      }
+      return r;
+    };
+    var bind = function (xs, f) {
+      return flatten(map(xs, f));
+    };
+    var forall = function (xs, pred) {
+      for (var i = 0, len = xs.length; i < len; ++i) {
+        var x = xs[i];
+        if (pred(x, i) !== true) {
+          return false;
+        }
+      }
+      return true;
+    };
+    var reverse = function (xs) {
+      var r = nativeSlice.call(xs, 0);
+      r.reverse();
+      return r;
+    };
+    var difference = function (a1, a2) {
+      return filter(a1, function (x) {
+        return !contains(a2, x);
+      });
+    };
+    var mapToObject = function (xs, f) {
+      var r = {};
+      for (var i = 0, len = xs.length; i < len; i++) {
+        var x = xs[i];
+        r[String(x)] = f(x, i);
+      }
+      return r;
+    };
+    var sort$1 = function (xs, comparator) {
+      var copy = nativeSlice.call(xs, 0);
+      copy.sort(comparator);
+      return copy;
+    };
+    var get = function (xs, i) {
+      return i >= 0 && i < xs.length ? Optional.some(xs[i]) : Optional.none();
+    };
+    var head = function (xs) {
+      return get(xs, 0);
+    };
+    var last = function (xs) {
+      return get(xs, xs.length - 1);
+    };
+    var from$1 = isFunction(Array.from) ? Array.from : function (x) {
+      return nativeSlice.call(x);
+    };
+    var findMap = function (arr, f) {
+      for (var i = 0; i < arr.length; i++) {
+        var r = f(arr[i], i);
+        if (r.isSome()) {
+          return r;
+        }
+      }
+      return Optional.none();
+    };
+
+    var keys = Object.keys;
+    var hasOwnProperty = Object.hasOwnProperty;
+    var each$1 = function (obj, f) {
+      var props = keys(obj);
+      for (var k = 0, len = props.length; k < len; k++) {
+        var i = props[k];
+        var x = obj[i];
+        f(x, i);
+      }
+    };
+    var map$1 = function (obj, f) {
+      return tupleMap(obj, function (x, i) {
+        return {
+          k: i,
+          v: f(x, i)
+        };
+      });
+    };
+    var tupleMap = function (obj, f) {
+      var r = {};
+      each$1(obj, function (x, i) {
+        var tuple = f(x, i);
+        r[tuple.k] = tuple.v;
+      });
+      return r;
+    };
+    var objAcc = function (r) {
+      return function (x, i) {
+        r[i] = x;
+      };
+    };
+    var internalFilter = function (obj, pred, onTrue, onFalse) {
+      var r = {};
+      each$1(obj, function (x, i) {
+        (pred(x, i) ? onTrue : onFalse)(x, i);
+      });
+      return r;
+    };
+    var bifilter = function (obj, pred) {
+      var t = {};
+      var f = {};
+      internalFilter(obj, pred, objAcc(t), objAcc(f));
+      return {
+        t: t,
+        f: f
+      };
+    };
+    var filter$1 = function (obj, pred) {
+      var t = {};
+      internalFilter(obj, pred, objAcc(t), noop);
+      return t;
+    };
+    var mapToArray = function (obj, f) {
+      var r = [];
+      each$1(obj, function (value, name) {
+        r.push(f(value, name));
+      });
+      return r;
+    };
+    var values = function (obj) {
+      return mapToArray(obj, function (v) {
+        return v;
+      });
+    };
+    var get$1 = function (obj, key) {
+      return has(obj, key) ? Optional.from(obj[key]) : Optional.none();
+    };
+    var has = function (obj, key) {
+      return hasOwnProperty.call(obj, key);
+    };
+    var hasNonNullableKey = function (obj, key) {
+      return has(obj, key) && obj[key] !== undefined && obj[key] !== null;
+    };
+    var equal = function (a1, a2, eq) {
+      if (eq === void 0) {
+        eq = eqAny;
+      }
+      return eqRecord(eq).eq(a1, a2);
+    };
+
+    var isArray$1 = Array.isArray;
+    var toArray = function (obj) {
+      if (!isArray$1(obj)) {
+        var array = [];
+        for (var i = 0, l = obj.length; i < l; i++) {
+          array[i] = obj[i];
+        }
+        return array;
+      } else {
+        return obj;
+      }
+    };
+    var each$2 = function (o, cb, s) {
+      var n, l;
+      if (!o) {
+        return false;
+      }
+      s = s || o;
+      if (o.length !== undefined) {
+        for (n = 0, l = o.length; n < l; n++) {
+          if (cb.call(s, o[n], n, o) === false) {
+            return false;
+          }
+        }
+      } else {
+        for (n in o) {
+          if (o.hasOwnProperty(n)) {
+            if (cb.call(s, o[n], n, o) === false) {
+              return false;
+            }
+          }
+        }
+      }
+      return true;
+    };
+    var map$2 = function (array, callback) {
+      var out = [];
+      each$2(array, function (item, index) {
+        out.push(callback(item, index, array));
+      });
+      return out;
+    };
+    var filter$2 = function (a, f) {
+      var o = [];
+      each$2(a, function (v, index) {
+        if (!f || f(v, index, a)) {
+          o.push(v);
+        }
+      });
+      return o;
+    };
+    var indexOf$1 = function (a, v) {
+      if (a) {
+        for (var i = 0, l = a.length; i < l; i++) {
+          if (a[i] === v) {
+            return i;
+          }
+        }
+      }
+      return -1;
+    };
+    var reduce = function (collection, iteratee, accumulator, thisArg) {
+      var acc = isUndefined(accumulator) ? collection[0] : accumulator;
+      for (var i = 0; i < collection.length; i++) {
+        acc = iteratee.call(thisArg, acc, collection[i], i);
+      }
+      return acc;
+    };
+    var findIndex$1 = function (array, predicate, thisArg) {
+      var i, l;
+      for (i = 0, l = array.length; i < l; i++) {
+        if (predicate.call(thisArg, array[i], i, array)) {
+          return i;
+        }
+      }
+      return -1;
+    };
+    var last$1 = function (collection) {
+      return collection[collection.length - 1];
+    };
+
+    var __assign = function () {
+      __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p))
+              t[p] = s[p];
+        }
+        return t;
+      };
+      return __assign.apply(this, arguments);
+    };
+    function __rest(s, e) {
+      var t = {};
+      for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+          t[p] = s[p];
+      if (s != null && typeof Object.getOwnPropertySymbols === 'function')
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+            t[p[i]] = s[p[i]];
+        }
+      return t;
+    }
+    function __spreadArrays() {
+      for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+        s += arguments[i].length;
+      for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+          r[k] = a[j];
+      return r;
+    }
+
+    var cached = function (f) {
+      var called = false;
+      var r;
+      return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        if (!called) {
+          called = true;
+          r = f.apply(null, args);
+        }
+        return r;
+      };
+    };
+
+    var DeviceType = function (os, browser, userAgent, mediaMatch) {
+      var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true;
+      var isiPhone = os.isiOS() && !isiPad;
+      var isMobile = os.isiOS() || os.isAndroid();
+      var isTouch = isMobile || mediaMatch('(pointer:coarse)');
+      var isTablet = isiPad || !isiPhone && isMobile && mediaMatch('(min-device-width:768px)');
+      var isPhone = isiPhone || isMobile && !isTablet;
+      var iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false;
+      var isDesktop = !isPhone && !isTablet && !iOSwebview;
+      return {
+        isiPad: constant(isiPad),
+        isiPhone: constant(isiPhone),
+        isTablet: constant(isTablet),
+        isPhone: constant(isPhone),
+        isTouch: constant(isTouch),
+        isAndroid: os.isAndroid,
+        isiOS: os.isiOS,
+        isWebView: constant(iOSwebview),
+        isDesktop: constant(isDesktop)
+      };
+    };
+
+    var firstMatch = function (regexes, s) {
+      for (var i = 0; i < regexes.length; i++) {
+        var x = regexes[i];
+        if (x.test(s)) {
+          return x;
+        }
+      }
+      return undefined;
+    };
+    var find$1 = function (regexes, agent) {
+      var r = firstMatch(regexes, agent);
+      if (!r) {
+        return {
+          major: 0,
+          minor: 0
+        };
+      }
+      var group = function (i) {
+        return Number(agent.replace(r, '$' + i));
+      };
+      return nu(group(1), group(2));
+    };
+    var detect = function (versionRegexes, agent) {
+      var cleanedAgent = String(agent).toLowerCase();
+      if (versionRegexes.length === 0) {
+        return unknown();
+      }
+      return find$1(versionRegexes, cleanedAgent);
+    };
+    var unknown = function () {
+      return nu(0, 0);
+    };
+    var nu = function (major, minor) {
+      return {
+        major: major,
+        minor: minor
+      };
+    };
+    var Version = {
+      nu: nu,
+      detect: detect,
+      unknown: unknown
+    };
+
+    var detect$1 = function (candidates, userAgent) {
+      var agent = String(userAgent).toLowerCase();
+      return find(candidates, function (candidate) {
+        return candidate.search(agent);
+      });
+    };
+    var detectBrowser = function (browsers, userAgent) {
+      return detect$1(browsers, userAgent).map(function (browser) {
+        var version = Version.detect(browser.versionRegexes, userAgent);
+        return {
+          current: browser.name,
+          version: version
+        };
+      });
+    };
+    var detectOs = function (oses, userAgent) {
+      return detect$1(oses, userAgent).map(function (os) {
+        var version = Version.detect(os.versionRegexes, userAgent);
+        return {
+          current: os.name,
+          version: version
+        };
+      });
+    };
+    var UaString = {
+      detectBrowser: detectBrowser,
+      detectOs: detectOs
+    };
+
+    var removeFromStart = function (str, numChars) {
+      return str.substring(numChars);
+    };
+
+    var checkRange = function (str, substr, start) {
+      return substr === '' || str.length >= substr.length && str.substr(start, start + substr.length) === substr;
+    };
+    var removeLeading = function (str, prefix) {
+      return startsWith(str, prefix) ? removeFromStart(str, prefix.length) : str;
+    };
+    var contains$1 = function (str, substr) {
+      return str.indexOf(substr) !== -1;
+    };
+    var startsWith = function (str, prefix) {
+      return checkRange(str, prefix, 0);
+    };
+    var blank = function (r) {
+      return function (s) {
+        return s.replace(r, '');
+      };
+    };
+    var trim = blank(/^\s+|\s+$/g);
+    var lTrim = blank(/^\s+/g);
+    var rTrim = blank(/\s+$/g);
+
+    var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/;
+    var checkContains = function (target) {
+      return function (uastring) {
+        return contains$1(uastring, target);
+      };
+    };
+    var browsers = [
+      {
+        name: 'Edge',
+        versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],
+        search: function (uastring) {
+          return contains$1(uastring, 'edge/') && contains$1(uastring, 'chrome') && contains$1(uastring, 'safari') && contains$1(uastring, 'applewebkit');
+        }
+      },
+      {
+        name: 'Chrome',
+        versionRegexes: [
+          /.*?chrome\/([0-9]+)\.([0-9]+).*/,
+          normalVersionRegex
+        ],
+        search: function (uastring) {
+          return contains$1(uastring, 'chrome') && !contains$1(uastring, 'chromeframe');
+        }
+      },
+      {
+        name: 'IE',
+        versionRegexes: [
+          /.*?msie\ ?([0-9]+)\.([0-9]+).*/,
+          /.*?rv:([0-9]+)\.([0-9]+).*/
+        ],
+        search: function (uastring) {
+          return contains$1(uastring, 'msie') || contains$1(uastring, 'trident');
+        }
+      },
+      {
+        name: 'Opera',
+        versionRegexes: [
+          normalVersionRegex,
+          /.*?opera\/([0-9]+)\.([0-9]+).*/
+        ],
+        search: checkContains('opera')
+      },
+      {
+        name: 'Firefox',
+        versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],
+        search: checkContains('firefox')
+      },
+      {
+        name: 'Safari',
+        versionRegexes: [
+          normalVersionRegex,
+          /.*?cpu os ([0-9]+)_([0-9]+).*/
+        ],
+        search: function (uastring) {
+          return (contains$1(uastring, 'safari') || contains$1(uastring, 'mobile/')) && contains$1(uastring, 'applewebkit');
+        }
+      }
+    ];
+    var oses = [
+      {
+        name: 'Windows',
+        search: checkContains('win'),
+        versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]
+      },
+      {
+        name: 'iOS',
+        search: function (uastring) {
+          return contains$1(uastring, 'iphone') || contains$1(uastring, 'ipad');
+        },
+        versionRegexes: [
+          /.*?version\/\ ?([0-9]+)\.([0-9]+).*/,
+          /.*cpu os ([0-9]+)_([0-9]+).*/,
+          /.*cpu iphone os ([0-9]+)_([0-9]+).*/
+        ]
+      },
+      {
+        name: 'Android',
+        search: checkContains('android'),
+        versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/]
+      },
+      {
+        name: 'OSX',
+        search: checkContains('mac os x'),
+        versionRegexes: [/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]
+      },
+      {
+        name: 'Linux',
+        search: checkContains('linux'),
+        versionRegexes: []
+      },
+      {
+        name: 'Solaris',
+        search: checkContains('sunos'),
+        versionRegexes: []
+      },
+      {
+        name: 'FreeBSD',
+        search: checkContains('freebsd'),
+        versionRegexes: []
+      },
+      {
+        name: 'ChromeOS',
+        search: checkContains('cros'),
+        versionRegexes: [/.*?chrome\/([0-9]+)\.([0-9]+).*/]
+      }
+    ];
+    var PlatformInfo = {
+      browsers: constant(browsers),
+      oses: constant(oses)
+    };
+
+    var edge = 'Edge';
+    var chrome = 'Chrome';
+    var ie = 'IE';
+    var opera = 'Opera';
+    var firefox = 'Firefox';
+    var safari = 'Safari';
+    var unknown$1 = function () {
+      return nu$1({
+        current: undefined,
+        version: Version.unknown()
+      });
+    };
+    var nu$1 = function (info) {
+      var current = info.current;
+      var version = info.version;
+      var isBrowser = function (name) {
+        return function () {
+          return current === name;
+        };
+      };
+      return {
+        current: current,
+        version: version,
+        isEdge: isBrowser(edge),
+        isChrome: isBrowser(chrome),
+        isIE: isBrowser(ie),
+        isOpera: isBrowser(opera),
+        isFirefox: isBrowser(firefox),
+        isSafari: isBrowser(safari)
+      };
+    };
+    var Browser = {
+      unknown: unknown$1,
+      nu: nu$1,
+      edge: constant(edge),
+      chrome: constant(chrome),
+      ie: constant(ie),
+      opera: constant(opera),
+      firefox: constant(firefox),
+      safari: constant(safari)
+    };
+
+    var windows = 'Windows';
+    var ios = 'iOS';
+    var android = 'Android';
+    var linux = 'Linux';
+    var osx = 'OSX';
+    var solaris = 'Solaris';
+    var freebsd = 'FreeBSD';
+    var chromeos = 'ChromeOS';
+    var unknown$2 = function () {
+      return nu$2({
+        current: undefined,
+        version: Version.unknown()
+      });
+    };
+    var nu$2 = function (info) {
+      var current = info.current;
+      var version = info.version;
+      var isOS = function (name) {
+        return function () {
+          return current === name;
+        };
+      };
+      return {
+        current: current,
+        version: version,
+        isWindows: isOS(windows),
+        isiOS: isOS(ios),
+        isAndroid: isOS(android),
+        isOSX: isOS(osx),
+        isLinux: isOS(linux),
+        isSolaris: isOS(solaris),
+        isFreeBSD: isOS(freebsd),
+        isChromeOS: isOS(chromeos)
+      };
+    };
+    var OperatingSystem = {
+      unknown: unknown$2,
+      nu: nu$2,
+      windows: constant(windows),
+      ios: constant(ios),
+      android: constant(android),
+      linux: constant(linux),
+      osx: constant(osx),
+      solaris: constant(solaris),
+      freebsd: constant(freebsd),
+      chromeos: constant(chromeos)
+    };
+
+    var detect$2 = function (userAgent, mediaMatch) {
+      var browsers = PlatformInfo.browsers();
+      var oses = PlatformInfo.oses();
+      var browser = UaString.detectBrowser(browsers, userAgent).fold(Browser.unknown, Browser.nu);
+      var os = UaString.detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu);
+      var deviceType = DeviceType(os, browser, userAgent, mediaMatch);
+      return {
+        browser: browser,
+        os: os,
+        deviceType: deviceType
+      };
+    };
+    var PlatformDetection = { detect: detect$2 };
+
+    var mediaMatch = function (query) {
+      return window.matchMedia(query).matches;
+    };
+    var platform = cached(function () {
+      return PlatformDetection.detect(navigator.userAgent, mediaMatch);
+    });
+    var detect$3 = function () {
+      return platform();
+    };
+
+    var userAgent = navigator.userAgent;
+    var platform$1 = detect$3();
+    var browser = platform$1.browser;
+    var os = platform$1.os;
+    var deviceType = platform$1.deviceType;
+    var webkit = /WebKit/.test(userAgent) && !browser.isEdge();
+    var fileApi = 'FormData' in window && 'FileReader' in window && 'URL' in window && !!URL.createObjectURL;
+    var windowsPhone = userAgent.indexOf('Windows Phone') !== -1;
+    var Env = {
+      opera: browser.isOpera(),
+      webkit: webkit,
+      ie: browser.isIE() || browser.isEdge() ? browser.version.major : false,
+      gecko: browser.isFirefox(),
+      mac: os.isOSX() || os.isiOS(),
+      iOS: deviceType.isiPad() || deviceType.isiPhone(),
+      android: os.isAndroid(),
+      contentEditable: true,
+      transparentSrc: 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7',
+      caretAfter: true,
+      range: window.getSelection && 'Range' in window,
+      documentMode: browser.isIE() ? document.documentMode || 7 : 10,
+      fileApi: fileApi,
+      ceFalse: true,
+      cacheSuffix: null,
+      container: null,
+      experimentalShadowDom: false,
+      canHaveCSP: !browser.isIE(),
+      desktop: deviceType.isDesktop(),
+      windowsPhone: windowsPhone,
+      browser: {
+        current: browser.current,
+        version: browser.version,
+        isChrome: browser.isChrome,
+        isEdge: browser.isEdge,
+        isFirefox: browser.isFirefox,
+        isIE: browser.isIE,
+        isOpera: browser.isOpera,
+        isSafari: browser.isSafari
+      },
+      os: {
+        current: os.current,
+        version: os.version,
+        isAndroid: os.isAndroid,
+        isChromeOS: os.isChromeOS,
+        isFreeBSD: os.isFreeBSD,
+        isiOS: os.isiOS,
+        isLinux: os.isLinux,
+        isOSX: os.isOSX,
+        isSolaris: os.isSolaris,
+        isWindows: os.isWindows
+      },
+      deviceType: {
+        isDesktop: deviceType.isDesktop,
+        isiPad: deviceType.isiPad,
+        isiPhone: deviceType.isiPhone,
+        isPhone: deviceType.isPhone,
+        isTablet: deviceType.isTablet,
+        isTouch: deviceType.isTouch,
+        isWebView: deviceType.isWebView
+      }
+    };
+
+    var whiteSpaceRegExp = /^\s*|\s*$/g;
+    var trim$1 = function (str) {
+      return str === null || str === undefined ? '' : ('' + str).replace(whiteSpaceRegExp, '');
+    };
+    var is = function (obj, type) {
+      if (!type) {
+        return obj !== undefined;
+      }
+      if (type === 'array' && isArray$1(obj)) {
+        return true;
+      }
+      return typeof obj === type;
+    };
+    var makeMap = function (items, delim, map) {
+      var i;
+      items = items || [];
+      delim = delim || ',';
+      if (typeof items === 'string') {
+        items = items.split(delim);
+      }
+      map = map || {};
+      i = items.length;
+      while (i--) {
+        map[items[i]] = {};
+      }
+      return map;
+    };
+    var hasOwnProperty$1 = function (obj, prop) {
+      return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+    var create = function (s, p, root) {
+      var self = this;
+      var sp, scn, c, de = 0;
+      s = /^((static) )?([\w.]+)(:([\w.]+))?/.exec(s);
+      var cn = s[3].match(/(^|\.)(\w+)$/i)[2];
+      var ns = self.createNS(s[3].replace(/\.\w+$/, ''), root);
+      if (ns[cn]) {
+        return;
+      }
+      if (s[2] === 'static') {
+        ns[cn] = p;
+        if (this.onCreate) {
+          this.onCreate(s[2], s[3], ns[cn]);
+        }
+        return;
+      }
+      if (!p[cn]) {
+        p[cn] = function () {
+        };
+        de = 1;
+      }
+      ns[cn] = p[cn];
+      self.extend(ns[cn].prototype, p);
+      if (s[5]) {
+        sp = self.resolve(s[5]).prototype;
+        scn = s[5].match(/\.(\w+)$/i)[1];
+        c = ns[cn];
+        if (de) {
+          ns[cn] = function () {
+            return sp[scn].apply(this, arguments);
+          };
+        } else {
+          ns[cn] = function () {
+            this.parent = sp[scn];
+            return c.apply(this, arguments);
+          };
+        }
+        ns[cn].prototype[cn] = ns[cn];
+        self.each(sp, function (f, n) {
+          ns[cn].prototype[n] = sp[n];
+        });
+        self.each(p, function (f, n) {
+          if (sp[n]) {
+            ns[cn].prototype[n] = function () {
+              this.parent = sp[n];
+              return f.apply(this, arguments);
+            };
+          } else {
+            if (n !== cn) {
+              ns[cn].prototype[n] = f;
+            }
+          }
+        });
+      }
+      self.each(p.static, function (f, n) {
+        ns[cn][n] = f;
+      });
+    };
+    var extend = function (obj) {
+      var exts = [];
+      for (var _i = 1; _i < arguments.length; _i++) {
+        exts[_i - 1] = arguments[_i];
+      }
+      for (var i = 0; i < exts.length; i++) {
+        var ext = exts[i];
+        for (var name_1 in ext) {
+          if (ext.hasOwnProperty(name_1)) {
+            var value = ext[name_1];
+            if (value !== undefined) {
+              obj[name_1] = value;
+            }
+          }
+        }
+      }
+      return obj;
+    };
+    var walk = function (o, f, n, s) {
+      s = s || this;
+      if (o) {
+        if (n) {
+          o = o[n];
+        }
+        each$2(o, function (o, i) {
+          if (f.call(s, o, i, n) === false) {
+            return false;
+          }
+          walk(o, f, n, s);
+        });
+      }
+    };
+    var createNS = function (n, o) {
+      var i, v;
+      o = o || window;
+      n = n.split('.');
+      for (i = 0; i < n.length; i++) {
+        v = n[i];
+        if (!o[v]) {
+          o[v] = {};
+        }
+        o = o[v];
+      }
+      return o;
+    };
+    var resolve = function (n, o) {
+      var i, l;
+      o = o || window;
+      n = n.split('.');
+      for (i = 0, l = n.length; i < l; i++) {
+        o = o[n[i]];
+        if (!o) {
+          break;
+        }
+      }
+      return o;
+    };
+    var explode = function (s, d) {
+      if (!s || is(s, 'array')) {
+        return s;
+      }
+      return map$2(s.split(d || ','), trim$1);
+    };
+    var _addCacheSuffix = function (url) {
+      var cacheSuffix = Env.cacheSuffix;
+      if (cacheSuffix) {
+        url += (url.indexOf('?') === -1 ? '?' : '&') + cacheSuffix;
+      }
+      return url;
+    };
+    var Tools = {
+      trim: trim$1,
+      isArray: isArray$1,
+      is: is,
+      toArray: toArray,
+      makeMap: makeMap,
+      each: each$2,
+      map: map$2,
+      grep: filter$2,
+      inArray: indexOf$1,
+      hasOwn: hasOwnProperty$1,
+      extend: extend,
+      create: create,
+      walk: walk,
+      createNS: createNS,
+      resolve: resolve,
+      explode: explode,
+      _addCacheSuffix: _addCacheSuffix
+    };
+
+    var fromHtml = function (html, scope) {
+      var doc = scope || document;
+      var div = doc.createElement('div');
+      div.innerHTML = html;
+      if (!div.hasChildNodes() || div.childNodes.length > 1) {
+        console.error('HTML does not have a single root node', html);
+        throw new Error('HTML must have a single root node');
+      }
+      return fromDom(div.childNodes[0]);
+    };
+    var fromTag = function (tag, scope) {
+      var doc = scope || document;
+      var node = doc.createElement(tag);
+      return fromDom(node);
+    };
+    var fromText = function (text, scope) {
+      var doc = scope || document;
+      var node = doc.createTextNode(text);
+      return fromDom(node);
+    };
+    var fromDom = function (node) {
+      if (node === null || node === undefined) {
+        throw new Error('Node cannot be null or undefined');
+      }
+      return { dom: node };
+    };
+    var fromPoint = function (docElm, x, y) {
+      return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
+    };
+    var SugarElement = {
+      fromHtml: fromHtml,
+      fromTag: fromTag,
+      fromText: fromText,
+      fromDom: fromDom,
+      fromPoint: fromPoint
+    };
+
+    var toArray$1 = function (target, f) {
+      var r = [];
+      var recurse = function (e) {
+        r.push(e);
+        return f(e);
+      };
+      var cur = f(target);
+      do {
+        cur = cur.bind(recurse);
+      } while (cur.isSome());
+      return r;
+    };
+
+    var compareDocumentPosition = function (a, b, match) {
+      return (a.compareDocumentPosition(b) & match) !== 0;
+    };
+    var documentPositionContainedBy = function (a, b) {
+      return compareDocumentPosition(a, b, Node.DOCUMENT_POSITION_CONTAINED_BY);
+    };
+
+    var COMMENT = 8;
+    var DOCUMENT = 9;
+    var DOCUMENT_FRAGMENT = 11;
+    var ELEMENT = 1;
+    var TEXT = 3;
+
+    var is$1 = function (element, selector) {
+      var dom = element.dom;
+      if (dom.nodeType !== ELEMENT) {
+        return false;
+      } else {
+        var elem = dom;
+        if (elem.matches !== undefined) {
+          return elem.matches(selector);
+        } else if (elem.msMatchesSelector !== undefined) {
+          return elem.msMatchesSelector(selector);
+        } else if (elem.webkitMatchesSelector !== undefined) {
+          return elem.webkitMatchesSelector(selector);
+        } else if (elem.mozMatchesSelector !== undefined) {
+          return elem.mozMatchesSelector(selector);
+        } else {
+          throw new Error('Browser lacks native selectors');
+        }
+      }
+    };
+    var bypassSelector = function (dom) {
+      return dom.nodeType !== ELEMENT && dom.nodeType !== DOCUMENT && dom.nodeType !== DOCUMENT_FRAGMENT || dom.childElementCount === 0;
+    };
+    var all = function (selector, scope) {
+      var base = scope === undefined ? document : scope.dom;
+      return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), SugarElement.fromDom);
+    };
+    var one = function (selector, scope) {
+      var base = scope === undefined ? document : scope.dom;
+      return bypassSelector(base) ? Optional.none() : Optional.from(base.querySelector(selector)).map(SugarElement.fromDom);
+    };
+
+    var eq$2 = function (e1, e2) {
+      return e1.dom === e2.dom;
+    };
+    var regularContains = function (e1, e2) {
+      var d1 = e1.dom;
+      var d2 = e2.dom;
+      return d1 === d2 ? false : d1.contains(d2);
+    };
+    var ieContains = function (e1, e2) {
+      return documentPositionContainedBy(e1.dom, e2.dom);
+    };
+    var contains$2 = function (e1, e2) {
+      return detect$3().browser.isIE() ? ieContains(e1, e2) : regularContains(e1, e2);
+    };
+
+    var Global = typeof window !== 'undefined' ? window : Function('return this;')();
+
+    var name = function (element) {
+      var r = element.dom.nodeName;
+      return r.toLowerCase();
+    };
+    var type = function (element) {
+      return element.dom.nodeType;
+    };
+    var isType$1 = function (t) {
+      return function (element) {
+        return type(element) === t;
+      };
+    };
+    var isComment = function (element) {
+      return type(element) === COMMENT || name(element) === '#comment';
+    };
+    var isElement = isType$1(ELEMENT);
+    var isText = isType$1(TEXT);
+    var isDocument = isType$1(DOCUMENT);
+    var isDocumentFragment = isType$1(DOCUMENT_FRAGMENT);
+
+    var owner = function (element) {
+      return SugarElement.fromDom(element.dom.ownerDocument);
+    };
+    var documentOrOwner = function (dos) {
+      return isDocument(dos) ? dos : owner(dos);
+    };
+    var documentElement = function (element) {
+      return SugarElement.fromDom(documentOrOwner(element).dom.documentElement);
+    };
+    var defaultView = function (element) {
+      return SugarElement.fromDom(documentOrOwner(element).dom.defaultView);
+    };
+    var parent = function (element) {
+      return Optional.from(element.dom.parentNode).map(SugarElement.fromDom);
+    };
+    var parents = function (element, isRoot) {
+      var stop = isFunction(isRoot) ? isRoot : never;
+      var dom = element.dom;
+      var ret = [];
+      while (dom.parentNode !== null && dom.parentNode !== undefined) {
+        var rawParent = dom.parentNode;
+        var p = SugarElement.fromDom(rawParent);
+        ret.push(p);
+        if (stop(p) === true) {
+          break;
+        } else {
+          dom = rawParent;
+        }
+      }
+      return ret;
+    };
+    var siblings = function (element) {
+      var filterSelf = function (elements) {
+        return filter(elements, function (x) {
+          return !eq$2(element, x);
+        });
+      };
+      return parent(element).map(children).map(filterSelf).getOr([]);
+    };
+    var prevSibling = function (element) {
+      return Optional.from(element.dom.previousSibling).map(SugarElement.fromDom);
+    };
+    var nextSibling = function (element) {
+      return Optional.from(element.dom.nextSibling).map(SugarElement.fromDom);
+    };
+    var prevSiblings = function (element) {
+      return reverse(toArray$1(element, prevSibling));
+    };
+    var nextSiblings = function (element) {
+      return toArray$1(element, nextSibling);
+    };
+    var children = function (element) {
+      return map(element.dom.childNodes, SugarElement.fromDom);
+    };
+    var child = function (element, index) {
+      var cs = element.dom.childNodes;
+      return Optional.from(cs[index]).map(SugarElement.fromDom);
+    };
+    var firstChild = function (element) {
+      return child(element, 0);
+    };
+    var lastChild = function (element) {
+      return child(element, element.dom.childNodes.length - 1);
+    };
+    var childNodesCount = function (element) {
+      return element.dom.childNodes.length;
+    };
+
+    var getHead = function (doc) {
+      var b = doc.dom.head;
+      if (b === null || b === undefined) {
+        throw new Error('Head is not available yet');
+      }
+      return SugarElement.fromDom(b);
+    };
+
+    var isShadowRoot = function (dos) {
+      return isDocumentFragment(dos);
+    };
+    var supported = isFunction(Element.prototype.attachShadow) && isFunction(Node.prototype.getRootNode);
+    var isSupported = constant(supported);
+    var getRootNode = supported ? function (e) {
+      return SugarElement.fromDom(e.dom.getRootNode());
+    } : documentOrOwner;
+    var getStyleContainer = function (dos) {
+      return isShadowRoot(dos) ? dos : getHead(documentOrOwner(dos));
+    };
+    var getShadowRoot = function (e) {
+      var r = getRootNode(e);
+      return isShadowRoot(r) ? Optional.some(r) : Optional.none();
+    };
+    var getShadowHost = function (e) {
+      return SugarElement.fromDom(e.dom.host);
+    };
+    var getOriginalEventTarget = function (event) {
+      if (isSupported() && isNonNullable(event.target)) {
+        var el = SugarElement.fromDom(event.target);
+        if (isElement(el) && isOpenShadowHost(el)) {
+          if (event.composed && event.composedPath) {
+            var composedPath = event.composedPath();
+            if (composedPath) {
+              return head(composedPath);
+            }
+          }
+        }
+      }
+      return Optional.from(event.target);
+    };
+    var isOpenShadowHost = function (element) {
+      return isNonNullable(element.dom.shadowRoot);
+    };
+
+    var before = function (marker, element) {
+      var parent$1 = parent(marker);
+      parent$1.each(function (v) {
+        v.dom.insertBefore(element.dom, marker.dom);
+      });
+    };
+    var after = function (marker, element) {
+      var sibling = nextSibling(marker);
+      sibling.fold(function () {
+        var parent$1 = parent(marker);
+        parent$1.each(function (v) {
+          append(v, element);
+        });
+      }, function (v) {
+        before(v, element);
+      });
+    };
+    var prepend = function (parent, element) {
+      var firstChild$1 = firstChild(parent);
+      firstChild$1.fold(function () {
+        append(parent, element);
+      }, function (v) {
+        parent.dom.insertBefore(element.dom, v.dom);
+      });
+    };
+    var append = function (parent, element) {
+      parent.dom.appendChild(element.dom);
+    };
+    var wrap = function (element, wrapper) {
+      before(element, wrapper);
+      append(wrapper, element);
+    };
+
+    var before$1 = function (marker, elements) {
+      each(elements, function (x) {
+        before(marker, x);
+      });
+    };
+    var append$1 = function (parent, elements) {
+      each(elements, function (x) {
+        append(parent, x);
+      });
+    };
+
+    var empty = function (element) {
+      element.dom.textContent = '';
+      each(children(element), function (rogue) {
+        remove(rogue);
+      });
+    };
+    var remove = function (element) {
+      var dom = element.dom;
+      if (dom.parentNode !== null) {
+        dom.parentNode.removeChild(dom);
+      }
+    };
+    var unwrap = function (wrapper) {
+      var children$1 = children(wrapper);
+      if (children$1.length > 0) {
+        before$1(wrapper, children$1);
+      }
+      remove(wrapper);
+    };
+
+    var inBody = function (element) {
+      var dom = isText(element) ? element.dom.parentNode : element.dom;
+      if (dom === undefined || dom === null || dom.ownerDocument === null) {
+        return false;
+      }
+      var doc = dom.ownerDocument;
+      return getShadowRoot(SugarElement.fromDom(dom)).fold(function () {
+        return doc.body.contains(dom);
+      }, compose1(inBody, getShadowHost));
+    };
+
+    var r = function (left, top) {
+      var translate = function (x, y) {
+        return r(left + x, top + y);
+      };
+      return {
+        left: left,
+        top: top,
+        translate: translate
+      };
+    };
+    var SugarPosition = r;
+
+    var boxPosition = function (dom) {
+      var box = dom.getBoundingClientRect();
+      return SugarPosition(box.left, box.top);
+    };
+    var firstDefinedOrZero = function (a, b) {
+      if (a !== undefined) {
+        return a;
+      } else {
+        return b !== undefined ? b : 0;
+      }
+    };
+    var absolute = function (element) {
+      var doc = element.dom.ownerDocument;
+      var body = doc.body;
+      var win = doc.defaultView;
+      var html = doc.documentElement;
+      if (body === element.dom) {
+        return SugarPosition(body.offsetLeft, body.offsetTop);
+      }
+      var scrollTop = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageYOffset, html.scrollTop);
+      var scrollLeft = firstDefinedOrZero(win === null || win === void 0 ? void 0 : win.pageXOffset, html.scrollLeft);
+      var clientTop = firstDefinedOrZero(html.clientTop, body.clientTop);
+      var clientLeft = firstDefinedOrZero(html.clientLeft, body.clientLeft);
+      return viewport(element).translate(scrollLeft - clientLeft, scrollTop - clientTop);
+    };
+    var viewport = function (element) {
+      var dom = element.dom;
+      var doc = dom.ownerDocument;
+      var body = doc.body;
+      if (body === dom) {
+        return SugarPosition(body.offsetLeft, body.offsetTop);
+      }
+      if (!inBody(element)) {
+        return SugarPosition(0, 0);
+      }
+      return boxPosition(dom);
+    };
+
+    var get$2 = function (_DOC) {
+      var doc = _DOC !== undefined ? _DOC.dom : document;
+      var x = doc.body.scrollLeft || doc.documentElement.scrollLeft;
+      var y = doc.body.scrollTop || doc.documentElement.scrollTop;
+      return SugarPosition(x, y);
+    };
+    var to = function (x, y, _DOC) {
+      var doc = _DOC !== undefined ? _DOC.dom : document;
+      var win = doc.defaultView;
+      if (win) {
+        win.scrollTo(x, y);
+      }
+    };
+    var intoView = function (element, alignToTop) {
+      var isSafari = detect$3().browser.isSafari();
+      if (isSafari && isFunction(element.dom.scrollIntoViewIfNeeded)) {
+        element.dom.scrollIntoViewIfNeeded(false);
+      } else {
+        element.dom.scrollIntoView(alignToTop);
+      }
+    };
+
+    var get$3 = function (_win) {
+      var win = _win === undefined ? window : _win;
+      return Optional.from(win['visualViewport']);
+    };
+    var bounds = function (x, y, width, height) {
+      return {
+        x: x,
+        y: y,
+        width: width,
+        height: height,
+        right: x + width,
+        bottom: y + height
+      };
+    };
+    var getBounds = function (_win) {
+      var win = _win === undefined ? window : _win;
+      var doc = win.document;
+      var scroll = get$2(SugarElement.fromDom(doc));
+      return get$3(win).fold(function () {
+        var html = win.document.documentElement;
+        var width = html.clientWidth;
+        var height = html.clientHeight;
+        return bounds(scroll.left, scroll.top, width, height);
+      }, function (visualViewport) {
+        return bounds(Math.max(visualViewport.pageLeft, scroll.left), Math.max(visualViewport.pageTop, scroll.top), visualViewport.width, visualViewport.height);
+      });
+    };
+
+    var isNodeType = function (type) {
+      return function (node) {
+        return !!node && node.nodeType === type;
+      };
+    };
+    var isRestrictedNode = function (node) {
+      return !!node && !Object.getPrototypeOf(node);
+    };
+    var isElement$1 = isNodeType(1);
+    var matchNodeNames = function (names) {
+      var lowercasedNames = names.map(function (s) {
+        return s.toLowerCase();
+      });
+      return function (node) {
+        if (node && node.nodeName) {
+          var nodeName = node.nodeName.toLowerCase();
+          return contains(lowercasedNames, nodeName);
+        }
+        return false;
+      };
+    };
+    var matchStyleValues = function (name, values) {
+      var items = values.toLowerCase().split(' ');
+      return function (node) {
+        var i, cssValue;
+        if (isElement$1(node)) {
+          for (i = 0; i < items.length; i++) {
+            var computed = node.ownerDocument.defaultView.getComputedStyle(node, null);
+            cssValue = computed ? computed.getPropertyValue(name) : null;
+            if (cssValue === items[i]) {
+              return true;
+            }
+          }
+        }
+        return false;
+      };
+    };
+    var hasAttribute = function (attrName) {
+      return function (node) {
+        return isElement$1(node) && node.hasAttribute(attrName);
+      };
+    };
+    var hasAttributeValue = function (attrName, attrValue) {
+      return function (node) {
+        return isElement$1(node) && node.getAttribute(attrName) === attrValue;
+      };
+    };
+    var isBogus = function (node) {
+      return isElement$1(node) && node.hasAttribute('data-mce-bogus');
+    };
+    var isBogusAll = function (node) {
+      return isElement$1(node) && node.getAttribute('data-mce-bogus') === 'all';
+    };
+    var isTable = function (node) {
+      return isElement$1(node) && node.tagName === 'TABLE';
+    };
+    var hasContentEditableState = function (value) {
+      return function (node) {
+        if (isElement$1(node)) {
+          if (node.contentEditable === value) {
+            return true;
+          }
+          if (node.getAttribute('data-mce-contenteditable') === value) {
+            return true;
+          }
+        }
+        return false;
+      };
+    };
+    var isTextareaOrInput = matchNodeNames([
+      'textarea',
+      'input'
+    ]);
+    var isText$1 = isNodeType(3);
+    var isComment$1 = isNodeType(8);
+    var isDocument$1 = isNodeType(9);
+    var isDocumentFragment$1 = isNodeType(11);
+    var isBr = matchNodeNames(['br']);
+    var isImg = matchNodeNames(['img']);
+    var isContentEditableTrue = hasContentEditableState('true');
+    var isContentEditableFalse = hasContentEditableState('false');
+    var isTableCell = matchNodeNames([
+      'td',
+      'th'
+    ]);
+    var isMedia = matchNodeNames([
+      'video',
+      'audio',
+      'object',
+      'embed'
+    ]);
+
+    var isSupported$1 = function (dom) {
+      return dom.style !== undefined && isFunction(dom.style.getPropertyValue);
+    };
+
+    var rawSet = function (dom, key, value) {
+      if (isString(value) || isBoolean(value) || isNumber(value)) {
+        dom.setAttribute(key, value + '');
+      } else {
+        console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
+        throw new Error('Attribute value was not simple');
+      }
+    };
+    var set = function (element, key, value) {
+      rawSet(element.dom, key, value);
+    };
+    var setAll = function (element, attrs) {
+      var dom = element.dom;
+      each$1(attrs, function (v, k) {
+        rawSet(dom, k, v);
+      });
+    };
+    var get$4 = function (element, key) {
+      var v = element.dom.getAttribute(key);
+      return v === null ? undefined : v;
+    };
+    var getOpt = function (element, key) {
+      return Optional.from(get$4(element, key));
+    };
+    var has$1 = function (element, key) {
+      var dom = element.dom;
+      return dom && dom.hasAttribute ? dom.hasAttribute(key) : false;
+    };
+    var remove$1 = function (element, key) {
+      element.dom.removeAttribute(key);
+    };
+    var clone = function (element) {
+      return foldl(element.dom.attributes, function (acc, attr) {
+        acc[attr.name] = attr.value;
+        return acc;
+      }, {});
+    };
+
+    var internalSet = function (dom, property, value) {
+      if (!isString(value)) {
+        console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
+        throw new Error('CSS value must be a string: ' + value);
+      }
+      if (isSupported$1(dom)) {
+        dom.style.setProperty(property, value);
+      }
+    };
+    var setAll$1 = function (element, css) {
+      var dom = element.dom;
+      each$1(css, function (v, k) {
+        internalSet(dom, k, v);
+      });
+    };
+    var get$5 = function (element, property) {
+      var dom = element.dom;
+      var styles = window.getComputedStyle(dom);
+      var r = styles.getPropertyValue(property);
+      return r === '' && !inBody(element) ? getUnsafeProperty(dom, property) : r;
+    };
+    var getUnsafeProperty = function (dom, property) {
+      return isSupported$1(dom) ? dom.style.getPropertyValue(property) : '';
+    };
+    var getRaw = function (element, property) {
+      var dom = element.dom;
+      var raw = getUnsafeProperty(dom, property);
+      return Optional.from(raw).filter(function (r) {
+        return r.length > 0;
+      });
+    };
+    var getAllRaw = function (element) {
+      var css = {};
+      var dom = element.dom;
+      if (isSupported$1(dom)) {
+        for (var i = 0; i < dom.style.length; i++) {
+          var ruleName = dom.style.item(i);
+          css[ruleName] = dom.style[ruleName];
+        }
+      }
+      return css;
+    };
+    var reflow = function (e) {
+      return e.dom.offsetWidth;
+    };
+
+    var browser$1 = detect$3().browser;
+    var firstElement = function (nodes) {
+      return find(nodes, isElement);
+    };
+    var getTableCaptionDeltaY = function (elm) {
+      if (browser$1.isFirefox() && name(elm) === 'table') {
+        return firstElement(children(elm)).filter(function (elm) {
+          return name(elm) === 'caption';
+        }).bind(function (caption) {
+          return firstElement(nextSiblings(caption)).map(function (body) {
+            var bodyTop = body.dom.offsetTop;
+            var captionTop = caption.dom.offsetTop;
+            var captionHeight = caption.dom.offsetHeight;
+            return bodyTop <= captionTop ? -captionHeight : 0;
+          });
+        }).getOr(0);
+      } else {
+        return 0;
+      }
+    };
+    var hasChild = function (elm, child) {
+      return elm.children && contains(elm.children, child);
+    };
+    var getPos = function (body, elm, rootElm) {
+      var x = 0, y = 0, offsetParent;
+      var doc = body.ownerDocument;
+      var pos;
+      rootElm = rootElm ? rootElm : body;
+      if (elm) {
+        if (rootElm === body && elm.getBoundingClientRect && get$5(SugarElement.fromDom(body), 'position') === 'static') {
+          pos = elm.getBoundingClientRect();
+          x = pos.left + (doc.documentElement.scrollLeft || body.scrollLeft) - doc.documentElement.clientLeft;
+          y = pos.top + (doc.documentElement.scrollTop || body.scrollTop) - doc.documentElement.clientTop;
+          return {
+            x: x,
+            y: y
+          };
+        }
+        offsetParent = elm;
+        while (offsetParent && offsetParent !== rootElm && offsetParent.nodeType && !hasChild(offsetParent, rootElm)) {
+          x += offsetParent.offsetLeft || 0;
+          y += offsetParent.offsetTop || 0;
+          offsetParent = offsetParent.offsetParent;
+        }
+        offsetParent = elm.parentNode;
+        while (offsetParent && offsetParent !== rootElm && offsetParent.nodeType && !hasChild(offsetParent, rootElm)) {
+          x -= offsetParent.scrollLeft || 0;
+          y -= offsetParent.scrollTop || 0;
+          offsetParent = offsetParent.parentNode;
+        }
+        y += getTableCaptionDeltaY(SugarElement.fromDom(elm));
+      }
+      return {
+        x: x,
+        y: y
+      };
+    };
+
+    var exports$1 = {}, module$1 = { exports: exports$1 };
+    (function (define, exports, module, require) {
+      (function (f) {
+        if (typeof exports === 'object' && typeof module !== 'undefined') {
+          module.exports = f();
+        } else if (typeof define === 'function' && define.amd) {
+          define([], f);
+        } else {
+          var g;
+          if (typeof window !== 'undefined') {
+            g = window;
+          } else if (typeof global !== 'undefined') {
+            g = global;
+          } else if (typeof self !== 'undefined') {
+            g = self;
+          } else {
+            g = this;
+          }
+          g.EphoxContactWrapper = f();
+        }
+      }(function () {
+        return function () {
+          function r(e, n, t) {
+            function o(i, f) {
+              if (!n[i]) {
+                if (!e[i]) {
+                  var c = 'function' == typeof require && require;
+                  if (!f && c)
+                    return c(i, !0);
+                  if (u)
+                    return u(i, !0);
+                  var a = new Error('Cannot find module \'' + i + '\'');
+                  throw a.code = 'MODULE_NOT_FOUND', a;
+                }
+                var p = n[i] = { exports: {} };
+                e[i][0].call(p.exports, function (r) {
+                  var n = e[i][1][r];
+                  return o(n || r);
+                }, p, p.exports, r, e, n, t);
+              }
+              return n[i].exports;
+            }
+            for (var u = 'function' == typeof require && require, i = 0; i < t.length; i++)
+              o(t[i]);
+            return o;
+          }
+          return r;
+        }()({
+          1: [
+            function (require, module, exports) {
+              var process = module.exports = {};
+              var cachedSetTimeout;
+              var cachedClearTimeout;
+              function defaultSetTimout() {
+                throw new Error('setTimeout has not been defined');
+              }
+              function defaultClearTimeout() {
+                throw new Error('clearTimeout has not been defined');
+              }
+              (function () {
+                try {
+                  if (typeof setTimeout === 'function') {
+                    cachedSetTimeout = setTimeout;
+                  } else {
+                    cachedSetTimeout = defaultSetTimout;
+                  }
+                } catch (e) {
+                  cachedSetTimeout = defaultSetTimout;
+                }
+                try {
+                  if (typeof clearTimeout === 'function') {
+                    cachedClearTimeout = clearTimeout;
+                  } else {
+                    cachedClearTimeout = defaultClearTimeout;
+                  }
+                } catch (e) {
+                  cachedClearTimeout = defaultClearTimeout;
+                }
+              }());
+              function runTimeout(fun) {
+                if (cachedSetTimeout === setTimeout) {
+                  return setTimeout(fun, 0);
+                }
+                if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+                  cachedSetTimeout = setTimeout;
+                  return setTimeout(fun, 0);
+                }
+                try {
+                  return cachedSetTimeout(fun, 0);
+                } catch (e) {
+                  try {
+                    return cachedSetTimeout.call(null, fun, 0);
+                  } catch (e) {
+                    return cachedSetTimeout.call(this, fun, 0);
+                  }
+                }
+              }
+              function runClearTimeout(marker) {
+                if (cachedClearTimeout === clearTimeout) {
+                  return clearTimeout(marker);
+                }
+                if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+                  cachedClearTimeout = clearTimeout;
+                  return clearTimeout(marker);
+                }
+                try {
+                  return cachedClearTimeout(marker);
+                } catch (e) {
+                  try {
+                    return cachedClearTimeout.call(null, marker);
+                  } catch (e) {
+                    return cachedClearTimeout.call(this, marker);
+                  }
+                }
+              }
+              var queue = [];
+              var draining = false;
+              var currentQueue;
+              var queueIndex = -1;
+              function cleanUpNextTick() {
+                if (!draining || !currentQueue) {
+                  return;
+                }
+                draining = false;
+                if (currentQueue.length) {
+                  queue = currentQueue.concat(queue);
+                } else {
+                  queueIndex = -1;
+                }
+                if (queue.length) {
+                  drainQueue();
+                }
+              }
+              function drainQueue() {
+                if (draining) {
+                  return;
+                }
+                var timeout = runTimeout(cleanUpNextTick);
+                draining = true;
+                var len = queue.length;
+                while (len) {
+                  currentQueue = queue;
+                  queue = [];
+                  while (++queueIndex < len) {
+                    if (currentQueue) {
+                      currentQueue[queueIndex].run();
+                    }
+                  }
+                  queueIndex = -1;
+                  len = queue.length;
+                }
+                currentQueue = null;
+                draining = false;
+                runClearTimeout(timeout);
+              }
+              process.nextTick = function (fun) {
+                var args = new Array(arguments.length - 1);
+                if (arguments.length > 1) {
+                  for (var i = 1; i < arguments.length; i++) {
+                    args[i - 1] = arguments[i];
+                  }
+                }
+                queue.push(new Item(fun, args));
+                if (queue.length === 1 && !draining) {
+                  runTimeout(drainQueue);
+                }
+              };
+              function Item(fun, array) {
+                this.fun = fun;
+                this.array = array;
+              }
+              Item.prototype.run = function () {
+                this.fun.apply(null, this.array);
+              };
+              process.title = 'browser';
+              process.browser = true;
+              process.env = {};
+              process.argv = [];
+              process.version = '';
+              process.versions = {};
+              function noop() {
+              }
+              process.on = noop;
+              process.addListener = noop;
+              process.once = noop;
+              process.off = noop;
+              process.removeListener = noop;
+              process.removeAllListeners = noop;
+              process.emit = noop;
+              process.prependListener = noop;
+              process.prependOnceListener = noop;
+              process.listeners = function (name) {
+                return [];
+              };
+              process.binding = function (name) {
+                throw new Error('process.binding is not supported');
+              };
+              process.cwd = function () {
+                return '/';
+              };
+              process.chdir = function (dir) {
+                throw new Error('process.chdir is not supported');
+              };
+              process.umask = function () {
+                return 0;
+              };
+            },
+            {}
+          ],
+          2: [
+            function (require, module, exports) {
+              (function (setImmediate) {
+                (function (root) {
+                  var setTimeoutFunc = setTimeout;
+                  function noop() {
+                  }
+                  function bind(fn, thisArg) {
+                    return function () {
+                      fn.apply(thisArg, arguments);
+                    };
+                  }
+                  function Promise(fn) {
+                    if (typeof this !== 'object')
+                      throw new TypeError('Promises must be constructed via new');
+                    if (typeof fn !== 'function')
+                      throw new TypeError('not a function');
+                    this._state = 0;
+                    this._handled = false;
+                    this._value = undefined;
+                    this._deferreds = [];
+                    doResolve(fn, this);
+                  }
+                  function handle(self, deferred) {
+                    while (self._state === 3) {
+                      self = self._value;
+                    }
+                    if (self._state === 0) {
+                      self._deferreds.push(deferred);
+                      return;
+                    }
+                    self._handled = true;
+                    Promise._immediateFn(function () {
+                      var cb = self._state === 1 ? deferred.onFulfilled : deferred.onRejected;
+                      if (cb === null) {
+                        (self._state === 1 ? resolve : reject)(deferred.promise, self._value);
+                        return;
+                      }
+                      var ret;
+                      try {
+                        ret = cb(self._value);
+                      } catch (e) {
+                        reject(deferred.promise, e);
+                        return;
+                      }
+                      resolve(deferred.promise, ret);
+                    });
+                  }
+                  function resolve(self, newValue) {
+                    try {
+                      if (newValue === self)
+                        throw new TypeError('A promise cannot be resolved with itself.');
+                      if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
+                        var then = newValue.then;
+                        if (newValue instanceof Promise) {
+                          self._state = 3;
+                          self._value = newValue;
+                          finale(self);
+                          return;
+                        } else if (typeof then === 'function') {
+                          doResolve(bind(then, newValue), self);
+                          return;
+                        }
+                      }
+                      self._state = 1;
+                      self._value = newValue;
+                      finale(self);
+                    } catch (e) {
+                      reject(self, e);
+                    }
+                  }
+                  function reject(self, newValue) {
+                    self._state = 2;
+                    self._value = newValue;
+                    finale(self);
+                  }
+                  function finale(self) {
+                    if (self._state === 2 && self._deferreds.length === 0) {
+                      Promise._immediateFn(function () {
+                        if (!self._handled) {
+                          Promise._unhandledRejectionFn(self._value);
+                        }
+                      });
+                    }
+                    for (var i = 0, len = self._deferreds.length; i < len; i++) {
+                      handle(self, self._deferreds[i]);
+                    }
+                    self._deferreds = null;
+                  }
+                  function Handler(onFulfilled, onRejected, promise) {
+                    this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;
+                    this.onRejected = typeof onRejected === 'function' ? onRejected : null;
+                    this.promise = promise;
+                  }
+                  function doResolve(fn, self) {
+                    var done = false;
+                    try {
+                      fn(function (value) {
+                        if (done)
+                          return;
+                        done = true;
+                        resolve(self, value);
+                      }, function (reason) {
+                        if (done)
+                          return;
+                        done = true;
+                        reject(self, reason);
+                      });
+                    } catch (ex) {
+                      if (done)
+                        return;
+                      done = true;
+                      reject(self, ex);
+                    }
+                  }
+                  Promise.prototype['catch'] = function (onRejected) {
+                    return this.then(null, onRejected);
+                  };
+                  Promise.prototype.then = function (onFulfilled, onRejected) {
+                    var prom = new this.constructor(noop);
+                    handle(this, new Handler(onFulfilled, onRejected, prom));
+                    return prom;
+                  };
+                  Promise.all = function (arr) {
+                    var args = Array.prototype.slice.call(arr);
+                    return new Promise(function (resolve, reject) {
+                      if (args.length === 0)
+                        return resolve([]);
+                      var remaining = args.length;
+                      function res(i, val) {
+                        try {
+                          if (val && (typeof val === 'object' || typeof val === 'function')) {
+                            var then = val.then;
+                            if (typeof then === 'function') {
+                              then.call(val, function (val) {
+                                res(i, val);
+                              }, reject);
+                              return;
+                            }
+                          }
+                          args[i] = val;
+                          if (--remaining === 0) {
+                            resolve(args);
+                          }
+                        } catch (ex) {
+                          reject(ex);
+                        }
+                      }
+                      for (var i = 0; i < args.length; i++) {
+                        res(i, args[i]);
+                      }
+                    });
+                  };
+                  Promise.resolve = function (value) {
+                    if (value && typeof value === 'object' && value.constructor === Promise) {
+                      return value;
+                    }
+                    return new Promise(function (resolve) {
+                      resolve(value);
+                    });
+                  };
+                  Promise.reject = function (value) {
+                    return new Promise(function (resolve, reject) {
+                      reject(value);
+                    });
+                  };
+                  Promise.race = function (values) {
+                    return new Promise(function (resolve, reject) {
+                      for (var i = 0, len = values.length; i < len; i++) {
+                        values[i].then(resolve, reject);
+                      }
+                    });
+                  };
+                  Promise._immediateFn = typeof setImmediate === 'function' ? function (fn) {
+                    setImmediate(fn);
+                  } : function (fn) {
+                    setTimeoutFunc(fn, 0);
+                  };
+                  Promise._unhandledRejectionFn = function _unhandledRejectionFn(err) {
+                    if (typeof console !== 'undefined' && console) {
+                      console.warn('Possible Unhandled Promise Rejection:', err);
+                    }
+                  };
+                  Promise._setImmediateFn = function _setImmediateFn(fn) {
+                    Promise._immediateFn = fn;
+                  };
+                  Promise._setUnhandledRejectionFn = function _setUnhandledRejectionFn(fn) {
+                    Promise._unhandledRejectionFn = fn;
+                  };
+                  if (typeof module !== 'undefined' && module.exports) {
+                    module.exports = Promise;
+                  } else if (!root.Promise) {
+                    root.Promise = Promise;
+                  }
+                }(this));
+              }.call(this, require('timers').setImmediate));
+            },
+            { 'timers': 3 }
+          ],
+          3: [
+            function (require, module, exports) {
+              (function (setImmediate, clearImmediate) {
+                var nextTick = require('process/browser.js').nextTick;
+                var apply = Function.prototype.apply;
+                var slice = Array.prototype.slice;
+                var immediateIds = {};
+                var nextImmediateId = 0;
+                exports.setTimeout = function () {
+                  return new Timeout(apply.call(setTimeout, window, arguments), clearTimeout);
+                };
+                exports.setInterval = function () {
+                  return new Timeout(apply.call(setInterval, window, arguments), clearInterval);
+                };
+                exports.clearTimeout = exports.clearInterval = function (timeout) {
+                  timeout.close();
+                };
+                function Timeout(id, clearFn) {
+                  this._id = id;
+                  this._clearFn = clearFn;
+                }
+                Timeout.prototype.unref = Timeout.prototype.ref = function () {
+                };
+                Timeout.prototype.close = function () {
+                  this._clearFn.call(window, this._id);
+                };
+                exports.enroll = function (item, msecs) {
+                  clearTimeout(item._idleTimeoutId);
+                  item._idleTimeout = msecs;
+                };
+                exports.unenroll = function (item) {
+                  clearTimeout(item._idleTimeoutId);
+                  item._idleTimeout = -1;
+                };
+                exports._unrefActive = exports.active = function (item) {
+                  clearTimeout(item._idleTimeoutId);
+                  var msecs = item._idleTimeout;
+                  if (msecs >= 0) {
+                    item._idleTimeoutId = setTimeout(function onTimeout() {
+                      if (item._onTimeout)
+                        item._onTimeout();
+                    }, msecs);
+                  }
+                };
+                exports.setImmediate = typeof setImmediate === 'function' ? setImmediate : function (fn) {
+                  var id = nextImmediateId++;
+                  var args = arguments.length < 2 ? false : slice.call(arguments, 1);
+                  immediateIds[id] = true;
+                  nextTick(function onNextTick() {
+                    if (immediateIds[id]) {
+                      if (args) {
+                        fn.apply(null, args);
+                      } else {
+                        fn.call(null);
+                      }
+                      exports.clearImmediate(id);
+                    }
+                  });
+                  return id;
+                };
+                exports.clearImmediate = typeof clearImmediate === 'function' ? clearImmediate : function (id) {
+                  delete immediateIds[id];
+                };
+              }.call(this, require('timers').setImmediate, require('timers').clearImmediate));
+            },
+            {
+              'process/browser.js': 1,
+              'timers': 3
+            }
+          ],
+          4: [
+            function (require, module, exports) {
+              var promisePolyfill = require('promise-polyfill');
+              var Global = function () {
+                if (typeof window !== 'undefined') {
+                  return window;
+                } else {
+                  return Function('return this;')();
+                }
+              }();
+              module.exports = { boltExport: Global.Promise || promisePolyfill };
+            },
+            { 'promise-polyfill': 2 }
+          ]
+        }, {}, [4])(4);
+      }));
+    }(undefined, exports$1, module$1, undefined));
+    var Promise = module$1.exports.boltExport;
+
+    var nu$3 = function (baseFn) {
+      var data = Optional.none();
+      var callbacks = [];
+      var map = function (f) {
+        return nu$3(function (nCallback) {
+          get(function (data) {
+            nCallback(f(data));
+          });
+        });
+      };
+      var get = function (nCallback) {
+        if (isReady()) {
+          call(nCallback);
+        } else {
+          callbacks.push(nCallback);
+        }
+      };
+      var set = function (x) {
+        if (!isReady()) {
+          data = Optional.some(x);
+          run(callbacks);
+          callbacks = [];
+        }
+      };
+      var isReady = function () {
+        return data.isSome();
+      };
+      var run = function (cbs) {
+        each(cbs, call);
+      };
+      var call = function (cb) {
+        data.each(function (x) {
+          setTimeout(function () {
+            cb(x);
+          }, 0);
+        });
+      };
+      baseFn(set);
+      return {
+        get: get,
+        map: map,
+        isReady: isReady
+      };
+    };
+    var pure = function (a) {
+      return nu$3(function (callback) {
+        callback(a);
+      });
+    };
+    var LazyValue = {
+      nu: nu$3,
+      pure: pure
+    };
+
+    var errorReporter = function (err) {
+      setTimeout(function () {
+        throw err;
+      }, 0);
+    };
+    var make = function (run) {
+      var get = function (callback) {
+        run().then(callback, errorReporter);
+      };
+      var map = function (fab) {
+        return make(function () {
+          return run().then(fab);
+        });
+      };
+      var bind = function (aFutureB) {
+        return make(function () {
+          return run().then(function (v) {
+            return aFutureB(v).toPromise();
+          });
+        });
+      };
+      var anonBind = function (futureB) {
+        return make(function () {
+          return run().then(function () {
+            return futureB.toPromise();
+          });
+        });
+      };
+      var toLazy = function () {
+        return LazyValue.nu(get);
+      };
+      var toCached = function () {
+        var cache = null;
+        return make(function () {
+          if (cache === null) {
+            cache = run();
+          }
+          return cache;
+        });
+      };
+      var toPromise = run;
+      return {
+        map: map,
+        bind: bind,
+        anonBind: anonBind,
+        toLazy: toLazy,
+        toCached: toCached,
+        toPromise: toPromise,
+        get: get
+      };
+    };
+    var nu$4 = function (baseFn) {
+      return make(function () {
+        return new Promise(baseFn);
+      });
+    };
+    var pure$1 = function (a) {
+      return make(function () {
+        return Promise.resolve(a);
+      });
+    };
+    var Future = {
+      nu: nu$4,
+      pure: pure$1
+    };
+
+    var par = function (asyncValues, nu) {
+      return nu(function (callback) {
+        var r = [];
+        var count = 0;
+        var cb = function (i) {
+          return function (value) {
+            r[i] = value;
+            count++;
+            if (count >= asyncValues.length) {
+              callback(r);
+            }
+          };
+        };
+        if (asyncValues.length === 0) {
+          callback([]);
+        } else {
+          each(asyncValues, function (asyncValue, i) {
+            asyncValue.get(cb(i));
+          });
+        }
+      });
+    };
+
+    var par$1 = function (futures) {
+      return par(futures, Future.nu);
+    };
+
+    var value = function (o) {
+      var is = function (v) {
+        return o === v;
+      };
+      var or = function (_opt) {
+        return value(o);
+      };
+      var orThunk = function (_f) {
+        return value(o);
+      };
+      var map = function (f) {
+        return value(f(o));
+      };
+      var mapError = function (_f) {
+        return value(o);
+      };
+      var each = function (f) {
+        f(o);
+      };
+      var bind = function (f) {
+        return f(o);
+      };
+      var fold = function (_, onValue) {
+        return onValue(o);
+      };
+      var exists = function (f) {
+        return f(o);
+      };
+      var forall = function (f) {
+        return f(o);
+      };
+      var toOptional = function () {
+        return Optional.some(o);
+      };
+      return {
+        is: is,
+        isValue: always,
+        isError: never,
+        getOr: constant(o),
+        getOrThunk: constant(o),
+        getOrDie: constant(o),
+        or: or,
+        orThunk: orThunk,
+        fold: fold,
+        map: map,
+        mapError: mapError,
+        each: each,
+        bind: bind,
+        exists: exists,
+        forall: forall,
+        toOptional: toOptional
+      };
+    };
+    var error = function (message) {
+      var getOrThunk = function (f) {
+        return f();
+      };
+      var getOrDie = function () {
+        return die(String(message))();
+      };
+      var or = function (opt) {
+        return opt;
+      };
+      var orThunk = function (f) {
+        return f();
+      };
+      var map = function (_f) {
+        return error(message);
+      };
+      var mapError = function (f) {
+        return error(f(message));
+      };
+      var bind = function (_f) {
+        return error(message);
+      };
+      var fold = function (onError, _) {
+        return onError(message);
+      };
+      return {
+        is: never,
+        isValue: never,
+        isError: always,
+        getOr: identity,
+        getOrThunk: getOrThunk,
+        getOrDie: getOrDie,
+        or: or,
+        orThunk: orThunk,
+        fold: fold,
+        map: map,
+        mapError: mapError,
+        each: noop,
+        bind: bind,
+        exists: never,
+        forall: always,
+        toOptional: Optional.none
+      };
+    };
+    var fromOption = function (opt, err) {
+      return opt.fold(function () {
+        return error(err);
+      }, value);
+    };
+    var Result = {
+      value: value,
+      error: error,
+      fromOption: fromOption
+    };
+
+    var generate = function (cases) {
+      if (!isArray(cases)) {
+        throw new Error('cases must be an array');
+      }
+      if (cases.length === 0) {
+        throw new Error('there must be at least one case');
+      }
+      var constructors = [];
+      var adt = {};
+      each(cases, function (acase, count) {
+        var keys$1 = keys(acase);
+        if (keys$1.length !== 1) {
+          throw new Error('one and only one name per case');
+        }
+        var key = keys$1[0];
+        var value = acase[key];
+        if (adt[key] !== undefined) {
+          throw new Error('duplicate key detected:' + key);
+        } else if (key === 'cata') {
+          throw new Error('cannot have a case named cata (sorry)');
+        } else if (!isArray(value)) {
+          throw new Error('case arguments must be an array');
+        }
+        constructors.push(key);
+        adt[key] = function () {
+          var argLength = arguments.length;
+          if (argLength !== value.length) {
+            throw new Error('Wrong number of arguments to case ' + key + '. Expected ' + value.length + ' (' + value + '), got ' + argLength);
+          }
+          var args = new Array(argLength);
+          for (var i = 0; i < args.length; i++) {
+            args[i] = arguments[i];
+          }
+          var match = function (branches) {
+            var branchKeys = keys(branches);
+            if (constructors.length !== branchKeys.length) {
+              throw new Error('Wrong number of arguments to match. Expected: ' + constructors.join(',') + '\nActual: ' + branchKeys.join(','));
+            }
+            var allReqd = forall(constructors, function (reqKey) {
+              return contains(branchKeys, reqKey);
+            });
+            if (!allReqd) {
+              throw new Error('Not all branches were specified when using match. Specified: ' + branchKeys.join(', ') + '\nRequired: ' + constructors.join(', '));
+            }
+            return branches[key].apply(null, args);
+          };
+          return {
+            fold: function () {
+              if (arguments.length !== cases.length) {
+                throw new Error('Wrong number of arguments to fold. Expected ' + cases.length + ', got ' + arguments.length);
+              }
+              var target = arguments[count];
+              return target.apply(null, args);
+            },
+            match: match,
+            log: function (label) {
+              console.log(label, {
+                constructors: constructors,
+                constructor: key,
+                params: args
+              });
+            }
+          };
+        };
+      });
+      return adt;
+    };
+    var Adt = { generate: generate };
+
+    var comparison = Adt.generate([
+      {
+        bothErrors: [
+          'error1',
+          'error2'
+        ]
+      },
+      {
+        firstError: [
+          'error1',
+          'value2'
+        ]
+      },
+      {
+        secondError: [
+          'value1',
+          'error2'
+        ]
+      },
+      {
+        bothValues: [
+          'value1',
+          'value2'
+        ]
+      }
+    ]);
+    var unite = function (result) {
+      return result.fold(identity, identity);
+    };
+
+    function ClosestOrAncestor (is, ancestor, scope, a, isRoot) {
+      if (is(scope, a)) {
+        return Optional.some(scope);
+      } else if (isFunction(isRoot) && isRoot(scope)) {
+        return Optional.none();
+      } else {
+        return ancestor(scope, a, isRoot);
+      }
+    }
+
+    var ancestor = function (scope, predicate, isRoot) {
+      var element = scope.dom;
+      var stop = isFunction(isRoot) ? isRoot : never;
+      while (element.parentNode) {
+        element = element.parentNode;
+        var el = SugarElement.fromDom(element);
+        if (predicate(el)) {
+          return Optional.some(el);
+        } else if (stop(el)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var closest = function (scope, predicate, isRoot) {
+      var is = function (s, test) {
+        return test(s);
+      };
+      return ClosestOrAncestor(is, ancestor, scope, predicate, isRoot);
+    };
+    var sibling = function (scope, predicate) {
+      var element = scope.dom;
+      if (!element.parentNode) {
+        return Optional.none();
+      }
+      return child$1(SugarElement.fromDom(element.parentNode), function (x) {
+        return !eq$2(scope, x) && predicate(x);
+      });
+    };
+    var child$1 = function (scope, predicate) {
+      var pred = function (node) {
+        return predicate(SugarElement.fromDom(node));
+      };
+      var result = find(scope.dom.childNodes, pred);
+      return result.map(SugarElement.fromDom);
+    };
+
+    var ancestor$1 = function (scope, selector, isRoot) {
+      return ancestor(scope, function (e) {
+        return is$1(e, selector);
+      }, isRoot);
+    };
+    var descendant = function (scope, selector) {
+      return one(selector, scope);
+    };
+    var closest$1 = function (scope, selector, isRoot) {
+      var is = function (element, selector) {
+        return is$1(element, selector);
+      };
+      return ClosestOrAncestor(is, ancestor$1, scope, selector, isRoot);
+    };
+
+    var promise = function () {
+      function bind(fn, thisArg) {
+        return function () {
+          fn.apply(thisArg, arguments);
+        };
+      }
+      var isArray = Array.isArray || function (value) {
+        return Object.prototype.toString.call(value) === '[object Array]';
+      };
+      var Promise = function (fn) {
+        if (typeof this !== 'object') {
+          throw new TypeError('Promises must be constructed via new');
+        }
+        if (typeof fn !== 'function') {
+          throw new TypeError('not a function');
+        }
+        this._state = null;
+        this._value = null;
+        this._deferreds = [];
+        doResolve(fn, bind(resolve, this), bind(reject, this));
+      };
+      var asap = Promise.immediateFn || typeof setImmediate === 'function' && setImmediate || function (fn) {
+        setTimeout(fn, 1);
+      };
+      function handle(deferred) {
+        var me = this;
+        if (this._state === null) {
+          this._deferreds.push(deferred);
+          return;
+        }
+        asap(function () {
+          var cb = me._state ? deferred.onFulfilled : deferred.onRejected;
+          if (cb === null) {
+            (me._state ? deferred.resolve : deferred.reject)(me._value);
+            return;
+          }
+          var ret;
+          try {
+            ret = cb(me._value);
+          } catch (e) {
+            deferred.reject(e);
+            return;
+          }
+          deferred.resolve(ret);
+        });
+      }
+      function resolve(newValue) {
+        try {
+          if (newValue === this) {
+            throw new TypeError('A promise cannot be resolved with itself.');
+          }
+          if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
+            var then = newValue.then;
+            if (typeof then === 'function') {
+              doResolve(bind(then, newValue), bind(resolve, this), bind(reject, this));
+              return;
+            }
+          }
+          this._state = true;
+          this._value = newValue;
+          finale.call(this);
+        } catch (e) {
+          reject.call(this, e);
+        }
+      }
+      function reject(newValue) {
+        this._state = false;
+        this._value = newValue;
+        finale.call(this);
+      }
+      function finale() {
+        for (var i = 0, len = this._deferreds.length; i < len; i++) {
+          handle.call(this, this._deferreds[i]);
+        }
+        this._deferreds = null;
+      }
+      function Handler(onFulfilled, onRejected, resolve, reject) {
+        this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;
+        this.onRejected = typeof onRejected === 'function' ? onRejected : null;
+        this.resolve = resolve;
+        this.reject = reject;
+      }
+      function doResolve(fn, onFulfilled, onRejected) {
+        var done = false;
+        try {
+          fn(function (value) {
+            if (done) {
+              return;
+            }
+            done = true;
+            onFulfilled(value);
+          }, function (reason) {
+            if (done) {
+              return;
+            }
+            done = true;
+            onRejected(reason);
+          });
+        } catch (ex) {
+          if (done) {
+            return;
+          }
+          done = true;
+          onRejected(ex);
+        }
+      }
+      Promise.prototype.catch = function (onRejected) {
+        return this.then(null, onRejected);
+      };
+      Promise.prototype.then = function (onFulfilled, onRejected) {
+        var me = this;
+        return new Promise(function (resolve, reject) {
+          handle.call(me, new Handler(onFulfilled, onRejected, resolve, reject));
+        });
+      };
+      Promise.all = function () {
+        var args = Array.prototype.slice.call(arguments.length === 1 && isArray(arguments[0]) ? arguments[0] : arguments);
+        return new Promise(function (resolve, reject) {
+          if (args.length === 0) {
+            return resolve([]);
+          }
+          var remaining = args.length;
+          function res(i, val) {
+            try {
+              if (val && (typeof val === 'object' || typeof val === 'function')) {
+                var then = val.then;
+                if (typeof then === 'function') {
+                  then.call(val, function (val) {
+                    res(i, val);
+                  }, reject);
+                  return;
+                }
+              }
+              args[i] = val;
+              if (--remaining === 0) {
+                resolve(args);
+              }
+            } catch (ex) {
+              reject(ex);
+            }
+          }
+          for (var i = 0; i < args.length; i++) {
+            res(i, args[i]);
+          }
+        });
+      };
+      Promise.resolve = function (value) {
+        if (value && typeof value === 'object' && value.constructor === Promise) {
+          return value;
+        }
+        return new Promise(function (resolve) {
+          resolve(value);
+        });
+      };
+      Promise.reject = function (value) {
+        return new Promise(function (resolve, reject) {
+          reject(value);
+        });
+      };
+      Promise.race = function (values) {
+        return new Promise(function (resolve, reject) {
+          for (var i = 0, len = values.length; i < len; i++) {
+            values[i].then(resolve, reject);
+          }
+        });
+      };
+      return Promise;
+    };
+    var promiseObj = window.Promise ? window.Promise : promise();
+
+    var requestAnimationFramePromise;
+    var requestAnimationFrame = function (callback, element) {
+      var i, requestAnimationFrameFunc = window.requestAnimationFrame;
+      var vendors = [
+        'ms',
+        'moz',
+        'webkit'
+      ];
+      var featurefill = function (callback) {
+        window.setTimeout(callback, 0);
+      };
+      for (i = 0; i < vendors.length && !requestAnimationFrameFunc; i++) {
+        requestAnimationFrameFunc = window[vendors[i] + 'RequestAnimationFrame'];
+      }
+      if (!requestAnimationFrameFunc) {
+        requestAnimationFrameFunc = featurefill;
+      }
+      requestAnimationFrameFunc(callback, element);
+    };
+    var wrappedSetTimeout = function (callback, time) {
+      if (typeof time !== 'number') {
+        time = 0;
+      }
+      return setTimeout(callback, time);
+    };
+    var wrappedSetInterval = function (callback, time) {
+      if (typeof time !== 'number') {
+        time = 1;
+      }
+      return setInterval(callback, time);
+    };
+    var wrappedClearTimeout = function (id) {
+      return clearTimeout(id);
+    };
+    var wrappedClearInterval = function (id) {
+      return clearInterval(id);
+    };
+    var debounce = function (callback, time) {
+      var timer;
+      var func = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        clearTimeout(timer);
+        timer = wrappedSetTimeout(function () {
+          callback.apply(this, args);
+        }, time);
+      };
+      func.stop = function () {
+        clearTimeout(timer);
+      };
+      return func;
+    };
+    var Delay = {
+      requestAnimationFrame: function (callback, element) {
+        if (requestAnimationFramePromise) {
+          requestAnimationFramePromise.then(callback);
+          return;
+        }
+        requestAnimationFramePromise = new promiseObj(function (resolve) {
+          if (!element) {
+            element = document.body;
+          }
+          requestAnimationFrame(resolve, element);
+        }).then(callback);
+      },
+      setTimeout: wrappedSetTimeout,
+      setInterval: wrappedSetInterval,
+      setEditorTimeout: function (editor, callback, time) {
+        return wrappedSetTimeout(function () {
+          if (!editor.removed) {
+            callback();
+          }
+        }, time);
+      },
+      setEditorInterval: function (editor, callback, time) {
+        var timer = wrappedSetInterval(function () {
+          if (!editor.removed) {
+            callback();
+          } else {
+            clearInterval(timer);
+          }
+        }, time);
+        return timer;
+      },
+      debounce: debounce,
+      throttle: debounce,
+      clearInterval: wrappedClearInterval,
+      clearTimeout: wrappedClearTimeout
+    };
+
+    function StyleSheetLoader(documentOrShadowRoot, settings) {
+      if (settings === void 0) {
+        settings = {};
+      }
+      var idCount = 0;
+      var loadedStates = {};
+      var edos = SugarElement.fromDom(documentOrShadowRoot);
+      var doc = documentOrOwner(edos);
+      var maxLoadTime = settings.maxLoadTime || 5000;
+      var _setReferrerPolicy = function (referrerPolicy) {
+        settings.referrerPolicy = referrerPolicy;
+      };
+      var addStyle = function (element) {
+        append(getStyleContainer(edos), element);
+      };
+      var removeStyle = function (id) {
+        var styleContainer = getStyleContainer(edos);
+        descendant(styleContainer, '#' + id).each(remove);
+      };
+      var getOrCreateState = function (url) {
+        return get$1(loadedStates, url).getOrThunk(function () {
+          return {
+            id: 'mce-u' + idCount++,
+            passed: [],
+            failed: [],
+            count: 0
+          };
+        });
+      };
+      var load = function (url, success, failure) {
+        var link;
+        var urlWithSuffix = Tools._addCacheSuffix(url);
+        var state = getOrCreateState(urlWithSuffix);
+        loadedStates[urlWithSuffix] = state;
+        state.count++;
+        var resolve = function (callbacks, status) {
+          var i = callbacks.length;
+          while (i--) {
+            callbacks[i]();
+          }
+          state.status = status;
+          state.passed = [];
+          state.failed = [];
+          if (link) {
+            link.onload = null;
+            link.onerror = null;
+            link = null;
+          }
+        };
+        var passed = function () {
+          return resolve(state.passed, 2);
+        };
+        var failed = function () {
+          return resolve(state.failed, 3);
+        };
+        var wait = function (testCallback, waitCallback) {
+          if (!testCallback()) {
+            if (Date.now() - startTime < maxLoadTime) {
+              Delay.setTimeout(waitCallback);
+            } else {
+              failed();
+            }
+          }
+        };
+        var waitForWebKitLinkLoaded = function () {
+          wait(function () {
+            var styleSheets = documentOrShadowRoot.styleSheets;
+            var i = styleSheets.length;
+            while (i--) {
+              var styleSheet = styleSheets[i];
+              var owner = styleSheet.ownerNode;
+              if (owner && owner.id === link.id) {
+                passed();
+                return true;
+              }
+            }
+            return false;
+          }, waitForWebKitLinkLoaded);
+        };
+        if (success) {
+          state.passed.push(success);
+        }
+        if (failure) {
+          state.failed.push(failure);
+        }
+        if (state.status === 1) {
+          return;
+        }
+        if (state.status === 2) {
+          passed();
+          return;
+        }
+        if (state.status === 3) {
+          failed();
+          return;
+        }
+        state.status = 1;
+        var linkElem = SugarElement.fromTag('link', doc.dom);
+        setAll(linkElem, {
+          rel: 'stylesheet',
+          type: 'text/css',
+          id: state.id
+        });
+        var startTime = Date.now();
+        if (settings.contentCssCors) {
+          set(linkElem, 'crossOrigin', 'anonymous');
+        }
+        if (settings.referrerPolicy) {
+          set(linkElem, 'referrerpolicy', settings.referrerPolicy);
+        }
+        link = linkElem.dom;
+        link.onload = waitForWebKitLinkLoaded;
+        link.onerror = failed;
+        addStyle(linkElem);
+        set(linkElem, 'href', urlWithSuffix);
+      };
+      var loadF = function (url) {
+        return Future.nu(function (resolve) {
+          load(url, compose(resolve, constant(Result.value(url))), compose(resolve, constant(Result.error(url))));
+        });
+      };
+      var loadAll = function (urls, success, failure) {
+        par$1(map(urls, loadF)).get(function (result) {
+          var parts = partition(result, function (r) {
+            return r.isValue();
+          });
+          if (parts.fail.length > 0) {
+            failure(parts.fail.map(unite));
+          } else {
+            success(parts.pass.map(unite));
+          }
+        });
+      };
+      var unload = function (url) {
+        var urlWithSuffix = Tools._addCacheSuffix(url);
+        get$1(loadedStates, urlWithSuffix).each(function (state) {
+          var count = --state.count;
+          if (count === 0) {
+            delete loadedStates[urlWithSuffix];
+            removeStyle(state.id);
+          }
+        });
+      };
+      var unloadAll = function (urls) {
+        each(urls, function (url) {
+          unload(url);
+        });
+      };
+      return {
+        load: load,
+        loadAll: loadAll,
+        unload: unload,
+        unloadAll: unloadAll,
+        _setReferrerPolicy: _setReferrerPolicy
+      };
+    }
+
+    var create$1 = function () {
+      var map = new WeakMap();
+      var forElement = function (referenceElement, settings) {
+        var root = getRootNode(referenceElement);
+        var rootDom = root.dom;
+        return Optional.from(map.get(rootDom)).getOrThunk(function () {
+          var sl = StyleSheetLoader(rootDom, settings);
+          map.set(rootDom, sl);
+          return sl;
+        });
+      };
+      return { forElement: forElement };
+    };
+    var instance = create$1();
+
+    var DomTreeWalker = function () {
+      function DomTreeWalker(startNode, rootNode) {
+        this.node = startNode;
+        this.rootNode = rootNode;
+        this.current = this.current.bind(this);
+        this.next = this.next.bind(this);
+        this.prev = this.prev.bind(this);
+        this.prev2 = this.prev2.bind(this);
+      }
+      DomTreeWalker.prototype.current = function () {
+        return this.node;
+      };
+      DomTreeWalker.prototype.next = function (shallow) {
+        this.node = this.findSibling(this.node, 'firstChild', 'nextSibling', shallow);
+        return this.node;
+      };
+      DomTreeWalker.prototype.prev = function (shallow) {
+        this.node = this.findSibling(this.node, 'lastChild', 'previousSibling', shallow);
+        return this.node;
+      };
+      DomTreeWalker.prototype.prev2 = function (shallow) {
+        this.node = this.findPreviousNode(this.node, 'lastChild', 'previousSibling', shallow);
+        return this.node;
+      };
+      DomTreeWalker.prototype.findSibling = function (node, startName, siblingName, shallow) {
+        var sibling, parent;
+        if (node) {
+          if (!shallow && node[startName]) {
+            return node[startName];
+          }
+          if (node !== this.rootNode) {
+            sibling = node[siblingName];
+            if (sibling) {
+              return sibling;
+            }
+            for (parent = node.parentNode; parent && parent !== this.rootNode; parent = parent.parentNode) {
+              sibling = parent[siblingName];
+              if (sibling) {
+                return sibling;
+              }
+            }
+          }
+        }
+      };
+      DomTreeWalker.prototype.findPreviousNode = function (node, startName, siblingName, shallow) {
+        var sibling, parent, child;
+        if (node) {
+          sibling = node[siblingName];
+          if (this.rootNode && sibling === this.rootNode) {
+            return;
+          }
+          if (sibling) {
+            if (!shallow) {
+              for (child = sibling[startName]; child; child = child[startName]) {
+                if (!child[startName]) {
+                  return child;
+                }
+              }
+            }
+            return sibling;
+          }
+          parent = node.parentNode;
+          if (parent && parent !== this.rootNode) {
+            return parent;
+          }
+        }
+      };
+      return DomTreeWalker;
+    }();
+
+    var blocks = [
+      'article',
+      'aside',
+      'details',
+      'div',
+      'dt',
+      'figcaption',
+      'footer',
+      'form',
+      'fieldset',
+      'header',
+      'hgroup',
+      'html',
+      'main',
+      'nav',
+      'section',
+      'summary',
+      'body',
+      'p',
+      'dl',
+      'multicol',
+      'dd',
+      'figure',
+      'address',
+      'center',
+      'blockquote',
+      'h1',
+      'h2',
+      'h3',
+      'h4',
+      'h5',
+      'h6',
+      'listing',
+      'xmp',
+      'pre',
+      'plaintext',
+      'menu',
+      'dir',
+      'ul',
+      'ol',
+      'li',
+      'hr',
+      'table',
+      'tbody',
+      'thead',
+      'tfoot',
+      'th',
+      'tr',
+      'td',
+      'caption'
+    ];
+    var tableCells = [
+      'td',
+      'th'
+    ];
+    var tableSections = [
+      'thead',
+      'tbody',
+      'tfoot'
+    ];
+    var textBlocks = [
+      'h1',
+      'h2',
+      'h3',
+      'h4',
+      'h5',
+      'h6',
+      'p',
+      'div',
+      'address',
+      'pre',
+      'form',
+      'blockquote',
+      'center',
+      'dir',
+      'fieldset',
+      'header',
+      'footer',
+      'article',
+      'section',
+      'hgroup',
+      'aside',
+      'nav',
+      'figure'
+    ];
+    var headings = [
+      'h1',
+      'h2',
+      'h3',
+      'h4',
+      'h5',
+      'h6'
+    ];
+    var listItems = [
+      'li',
+      'dd',
+      'dt'
+    ];
+    var lists = [
+      'ul',
+      'ol',
+      'dl'
+    ];
+    var wsElements = [
+      'pre',
+      'script',
+      'textarea',
+      'style'
+    ];
+    var lazyLookup = function (items) {
+      var lookup;
+      return function (node) {
+        lookup = lookup ? lookup : mapToObject(items, always);
+        return lookup.hasOwnProperty(name(node));
+      };
+    };
+    var isHeading = lazyLookup(headings);
+    var isBlock = lazyLookup(blocks);
+    var isTable$1 = function (node) {
+      return name(node) === 'table';
+    };
+    var isInline = function (node) {
+      return isElement(node) && !isBlock(node);
+    };
+    var isBr$1 = function (node) {
+      return isElement(node) && name(node) === 'br';
+    };
+    var isTextBlock = lazyLookup(textBlocks);
+    var isList = lazyLookup(lists);
+    var isListItem = lazyLookup(listItems);
+    var isTableSection = lazyLookup(tableSections);
+    var isTableCell$1 = lazyLookup(tableCells);
+    var isWsPreserveElement = lazyLookup(wsElements);
+
+    var ancestor$2 = function (scope, selector, isRoot) {
+      return ancestor$1(scope, selector, isRoot).isSome();
+    };
+
+    var zeroWidth = '\uFEFF';
+    var nbsp = '\xA0';
+    var isZwsp = function (char) {
+      return char === zeroWidth;
+    };
+    var removeZwsp = function (s) {
+      return s.replace(/\uFEFF/g, '');
+    };
+
+    var ZWSP = zeroWidth;
+    var isZwsp$1 = isZwsp;
+    var trim$2 = removeZwsp;
+
+    var isElement$2 = isElement$1;
+    var isText$2 = isText$1;
+    var isCaretContainerBlock = function (node) {
+      if (isText$2(node)) {
+        node = node.parentNode;
+      }
+      return isElement$2(node) && node.hasAttribute('data-mce-caret');
+    };
+    var isCaretContainerInline = function (node) {
+      return isText$2(node) && isZwsp$1(node.data);
+    };
+    var isCaretContainer = function (node) {
+      return isCaretContainerBlock(node) || isCaretContainerInline(node);
+    };
+    var hasContent = function (node) {
+      return node.firstChild !== node.lastChild || !isBr(node.firstChild);
+    };
+    var insertInline = function (node, before) {
+      var sibling;
+      var doc = node.ownerDocument;
+      var textNode = doc.createTextNode(ZWSP);
+      var parentNode = node.parentNode;
+      if (!before) {
+        sibling = node.nextSibling;
+        if (isText$2(sibling)) {
+          if (isCaretContainer(sibling)) {
+            return sibling;
+          }
+          if (startsWithCaretContainer(sibling)) {
+            sibling.splitText(1);
+            return sibling;
+          }
+        }
+        if (node.nextSibling) {
+          parentNode.insertBefore(textNode, node.nextSibling);
+        } else {
+          parentNode.appendChild(textNode);
+        }
+      } else {
+        sibling = node.previousSibling;
+        if (isText$2(sibling)) {
+          if (isCaretContainer(sibling)) {
+            return sibling;
+          }
+          if (endsWithCaretContainer(sibling)) {
+            return sibling.splitText(sibling.data.length - 1);
+          }
+        }
+        parentNode.insertBefore(textNode, node);
+      }
+      return textNode;
+    };
+    var isBeforeInline = function (pos) {
+      var container = pos.container();
+      if (!isText$1(container)) {
+        return false;
+      }
+      return container.data.charAt(pos.offset()) === ZWSP || pos.isAtStart() && isCaretContainerInline(container.previousSibling);
+    };
+    var isAfterInline = function (pos) {
+      var container = pos.container();
+      if (!isText$1(container)) {
+        return false;
+      }
+      return container.data.charAt(pos.offset() - 1) === ZWSP || pos.isAtEnd() && isCaretContainerInline(container.nextSibling);
+    };
+    var createBogusBr = function () {
+      var br = document.createElement('br');
+      br.setAttribute('data-mce-bogus', '1');
+      return br;
+    };
+    var insertBlock = function (blockName, node, before) {
+      var doc = node.ownerDocument;
+      var blockNode = doc.createElement(blockName);
+      blockNode.setAttribute('data-mce-caret', before ? 'before' : 'after');
+      blockNode.setAttribute('data-mce-bogus', 'all');
+      blockNode.appendChild(createBogusBr());
+      var parentNode = node.parentNode;
+      if (!before) {
+        if (node.nextSibling) {
+          parentNode.insertBefore(blockNode, node.nextSibling);
+        } else {
+          parentNode.appendChild(blockNode);
+        }
+      } else {
+        parentNode.insertBefore(blockNode, node);
+      }
+      return blockNode;
+    };
+    var startsWithCaretContainer = function (node) {
+      return isText$2(node) && node.data[0] === ZWSP;
+    };
+    var endsWithCaretContainer = function (node) {
+      return isText$2(node) && node.data[node.data.length - 1] === ZWSP;
+    };
+    var trimBogusBr = function (elm) {
+      var brs = elm.getElementsByTagName('br');
+      var lastBr = brs[brs.length - 1];
+      if (isBogus(lastBr)) {
+        lastBr.parentNode.removeChild(lastBr);
+      }
+    };
+    var showCaretContainerBlock = function (caretContainer) {
+      if (caretContainer && caretContainer.hasAttribute('data-mce-caret')) {
+        trimBogusBr(caretContainer);
+        caretContainer.removeAttribute('data-mce-caret');
+        caretContainer.removeAttribute('data-mce-bogus');
+        caretContainer.removeAttribute('style');
+        caretContainer.removeAttribute('_moz_abspos');
+        return caretContainer;
+      }
+      return null;
+    };
+    var isRangeInCaretContainerBlock = function (range) {
+      return isCaretContainerBlock(range.startContainer);
+    };
+
+    var isContentEditableTrue$1 = isContentEditableTrue;
+    var isContentEditableFalse$1 = isContentEditableFalse;
+    var isBr$2 = isBr;
+    var isText$3 = isText$1;
+    var isInvalidTextElement = matchNodeNames([
+      'script',
+      'style',
+      'textarea'
+    ]);
+    var isAtomicInline = matchNodeNames([
+      'img',
+      'input',
+      'textarea',
+      'hr',
+      'iframe',
+      'video',
+      'audio',
+      'object',
+      'embed'
+    ]);
+    var isTable$2 = matchNodeNames(['table']);
+    var isCaretContainer$1 = isCaretContainer;
+    var isCaretCandidate = function (node) {
+      if (isCaretContainer$1(node)) {
+        return false;
+      }
+      if (isText$3(node)) {
+        return !isInvalidTextElement(node.parentNode);
+      }
+      return isAtomicInline(node) || isBr$2(node) || isTable$2(node) || isNonUiContentEditableFalse(node);
+    };
+    var isUnselectable = function (node) {
+      return isElement$1(node) && node.getAttribute('unselectable') === 'true';
+    };
+    var isNonUiContentEditableFalse = function (node) {
+      return isUnselectable(node) === false && isContentEditableFalse$1(node);
+    };
+    var isInEditable = function (node, root) {
+      for (node = node.parentNode; node && node !== root; node = node.parentNode) {
+        if (isNonUiContentEditableFalse(node)) {
+          return false;
+        }
+        if (isContentEditableTrue$1(node)) {
+          return true;
+        }
+      }
+      return true;
+    };
+    var isAtomicContentEditableFalse = function (node) {
+      if (!isNonUiContentEditableFalse(node)) {
+        return false;
+      }
+      return foldl(from$1(node.getElementsByTagName('*')), function (result, elm) {
+        return result || isContentEditableTrue$1(elm);
+      }, false) !== true;
+    };
+    var isAtomic = function (node) {
+      return isAtomicInline(node) || isAtomicContentEditableFalse(node);
+    };
+    var isEditableCaretCandidate = function (node, root) {
+      return isCaretCandidate(node) && isInEditable(node, root);
+    };
+
+    var whiteSpaceRegExp$1 = /^[ \t\r\n]*$/;
+    var isWhitespaceText = function (text) {
+      return whiteSpaceRegExp$1.test(text);
+    };
+
+    var hasWhitespacePreserveParent = function (node, rootNode) {
+      var rootElement = SugarElement.fromDom(rootNode);
+      var startNode = SugarElement.fromDom(node);
+      return ancestor$2(startNode, 'pre,code', curry(eq$2, rootElement));
+    };
+    var isWhitespace = function (node, rootNode) {
+      return isText$1(node) && isWhitespaceText(node.data) && hasWhitespacePreserveParent(node, rootNode) === false;
+    };
+    var isNamedAnchor = function (node) {
+      return isElement$1(node) && node.nodeName === 'A' && !node.hasAttribute('href') && (node.hasAttribute('name') || node.hasAttribute('id'));
+    };
+    var isContent = function (node, rootNode) {
+      return isCaretCandidate(node) && isWhitespace(node, rootNode) === false || isNamedAnchor(node) || isBookmark(node);
+    };
+    var isBookmark = hasAttribute('data-mce-bookmark');
+    var isBogus$1 = hasAttribute('data-mce-bogus');
+    var isBogusAll$1 = hasAttributeValue('data-mce-bogus', 'all');
+    var isEmptyNode = function (targetNode, skipBogus) {
+      var node, brCount = 0;
+      if (isContent(targetNode, targetNode)) {
+        return false;
+      } else {
+        node = targetNode.firstChild;
+        if (!node) {
+          return true;
+        }
+        var walker = new DomTreeWalker(node, targetNode);
+        do {
+          if (skipBogus) {
+            if (isBogusAll$1(node)) {
+              node = walker.next(true);
+              continue;
+            }
+            if (isBogus$1(node)) {
+              node = walker.next();
+              continue;
+            }
+          }
+          if (isBr(node)) {
+            brCount++;
+            node = walker.next();
+            continue;
+          }
+          if (isContent(node, targetNode)) {
+            return false;
+          }
+          node = walker.next();
+        } while (node);
+        return brCount <= 1;
+      }
+    };
+    var isEmpty = function (elm, skipBogus) {
+      if (skipBogus === void 0) {
+        skipBogus = true;
+      }
+      return isEmptyNode(elm.dom, skipBogus);
+    };
+
+    var isSpan = function (node) {
+      return node.nodeName.toLowerCase() === 'span';
+    };
+    var isInlineContent = function (node, root) {
+      return isNonNullable(node) && (isContent(node, root) || isInline(SugarElement.fromDom(node)));
+    };
+    var surroundedByInlineContent = function (node, root) {
+      var prev = new DomTreeWalker(node, root).prev(false);
+      var next = new DomTreeWalker(node, root).next(false);
+      var prevIsInline = isUndefined(prev) || isInlineContent(prev, root);
+      var nextIsInline = isUndefined(next) || isInlineContent(next, root);
+      return prevIsInline && nextIsInline;
+    };
+    var isBookmarkNode = function (node) {
+      return isSpan(node) && node.getAttribute('data-mce-type') === 'bookmark';
+    };
+    var isKeepTextNode = function (node, root) {
+      return isText$1(node) && node.data.length > 0 && surroundedByInlineContent(node, root);
+    };
+    var isKeepElement = function (node) {
+      return isElement$1(node) ? node.childNodes.length > 0 : false;
+    };
+    var isDocument$2 = function (node) {
+      return isDocumentFragment$1(node) || isDocument$1(node);
+    };
+    var trimNode = function (dom, node, root) {
+      var rootNode = root || node;
+      if (isElement$1(node) && isBookmarkNode(node)) {
+        return node;
+      }
+      var children = node.childNodes;
+      for (var i = children.length - 1; i >= 0; i--) {
+        trimNode(dom, children[i], rootNode);
+      }
+      if (isElement$1(node)) {
+        var currentChildren = node.childNodes;
+        if (currentChildren.length === 1 && isBookmarkNode(currentChildren[0])) {
+          node.parentNode.insertBefore(currentChildren[0], node);
+        }
+      }
+      if (!isDocument$2(node) && !isContent(node, rootNode) && !isKeepElement(node) && !isKeepTextNode(node, rootNode)) {
+        dom.remove(node);
+      }
+      return node;
+    };
+
+    var makeMap$1 = Tools.makeMap;
+    var attrsCharsRegExp = /[&<>\"\u0060\u007E-\uD7FF\uE000-\uFFEF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
+    var textCharsRegExp = /[<>&\u007E-\uD7FF\uE000-\uFFEF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/g;
+    var rawCharsRegExp = /[<>&\"\']/g;
+    var entityRegExp = /&#([a-z0-9]+);?|&([a-z0-9]+);/gi;
+    var asciiMap = {
+      128: '\u20AC',
+      130: '\u201A',
+      131: '\u0192',
+      132: '\u201E',
+      133: '\u2026',
+      134: '\u2020',
+      135: '\u2021',
+      136: '\u02c6',
+      137: '\u2030',
+      138: '\u0160',
+      139: '\u2039',
+      140: '\u0152',
+      142: '\u017d',
+      145: '\u2018',
+      146: '\u2019',
+      147: '\u201C',
+      148: '\u201D',
+      149: '\u2022',
+      150: '\u2013',
+      151: '\u2014',
+      152: '\u02DC',
+      153: '\u2122',
+      154: '\u0161',
+      155: '\u203A',
+      156: '\u0153',
+      158: '\u017e',
+      159: '\u0178'
+    };
+    var baseEntities = {
+      '"': '&quot;',
+      '\'': '&#39;',
+      '<': '&lt;',
+      '>': '&gt;',
+      '&': '&amp;',
+      '`': '&#96;'
+    };
+    var reverseEntities = {
+      '&lt;': '<',
+      '&gt;': '>',
+      '&amp;': '&',
+      '&quot;': '"',
+      '&apos;': '\''
+    };
+    var nativeDecode = function (text) {
+      var elm = SugarElement.fromTag('div').dom;
+      elm.innerHTML = text;
+      return elm.textContent || elm.innerText || text;
+    };
+    var buildEntitiesLookup = function (items, radix) {
+      var i, chr, entity;
+      var lookup = {};
+      if (items) {
+        items = items.split(',');
+        radix = radix || 10;
+        for (i = 0; i < items.length; i += 2) {
+          chr = String.fromCharCode(parseInt(items[i], radix));
+          if (!baseEntities[chr]) {
+            entity = '&' + items[i + 1] + ';';
+            lookup[chr] = entity;
+            lookup[entity] = chr;
+          }
+        }
+        return lookup;
+      }
+    };
+    var namedEntities = buildEntitiesLookup('50,nbsp,51,iexcl,52,cent,53,pound,54,curren,55,yen,56,brvbar,57,sect,58,uml,59,copy,' + '5a,ordf,5b,laquo,5c,not,5d,shy,5e,reg,5f,macr,5g,deg,5h,plusmn,5i,sup2,5j,sup3,5k,acute,' + '5l,micro,5m,para,5n,middot,5o,cedil,5p,sup1,5q,ordm,5r,raquo,5s,frac14,5t,frac12,5u,frac34,' + '5v,iquest,60,Agrave,61,Aacute,62,Acirc,63,Atilde,64,Auml,65,Aring,66,AElig,67,Ccedil,' + '68,Egrave,69,Eacute,6a,Ecirc,6b,Euml,6c,Igrave,6d,Iacute,6e,Icirc,6f,Iuml,6g,ETH,6h,Ntilde,' + '6i,Ograve,6j,Oacute,6k,Ocirc,6l,Otilde,6m,Ouml,6n,times,6o,Oslash,6p,Ugrave,6q,Uacute,' + '6r,Ucirc,6s,Uuml,6t,Yacute,6u,THORN,6v,szlig,70,agrave,71,aacute,72,acirc,73,atilde,74,auml,' + '75,aring,76,aelig,77,ccedil,78,egrave,79,eacute,7a,ecirc,7b,euml,7c,igrave,7d,iacute,7e,icirc,' + '7f,iuml,7g,eth,7h,ntilde,7i,ograve,7j,oacute,7k,ocirc,7l,otilde,7m,ouml,7n,divide,7o,oslash,' + '7p,ugrave,7q,uacute,7r,ucirc,7s,uuml,7t,yacute,7u,thorn,7v,yuml,ci,fnof,sh,Alpha,si,Beta,' + 'sj,Gamma,sk,Delta,sl,Epsilon,sm,Zeta,sn,Eta,so,Theta,sp,Iota,sq,Kappa,sr,Lambda,ss,Mu,' + 'st,Nu,su,Xi,sv,Omicron,t0,Pi,t1,Rho,t3,Sigma,t4,Tau,t5,Upsilon,t6,Phi,t7,Chi,t8,Psi,' + 't9,Omega,th,alpha,ti,beta,tj,gamma,tk,delta,tl,epsilon,tm,zeta,tn,eta,to,theta,tp,iota,' + 'tq,kappa,tr,lambda,ts,mu,tt,nu,tu,xi,tv,omicron,u0,pi,u1,rho,u2,sigmaf,u3,sigma,u4,tau,' + 'u5,upsilon,u6,phi,u7,chi,u8,psi,u9,omega,uh,thetasym,ui,upsih,um,piv,812,bull,816,hellip,' + '81i,prime,81j,Prime,81u,oline,824,frasl,88o,weierp,88h,image,88s,real,892,trade,89l,alefsym,' + '8cg,larr,8ch,uarr,8ci,rarr,8cj,darr,8ck,harr,8dl,crarr,8eg,lArr,8eh,uArr,8ei,rArr,8ej,dArr,' + '8ek,hArr,8g0,forall,8g2,part,8g3,exist,8g5,empty,8g7,nabla,8g8,isin,8g9,notin,8gb,ni,8gf,prod,' + '8gh,sum,8gi,minus,8gn,lowast,8gq,radic,8gt,prop,8gu,infin,8h0,ang,8h7,and,8h8,or,8h9,cap,8ha,cup,' + '8hb,int,8hk,there4,8hs,sim,8i5,cong,8i8,asymp,8j0,ne,8j1,equiv,8j4,le,8j5,ge,8k2,sub,8k3,sup,8k4,' + 'nsub,8k6,sube,8k7,supe,8kl,oplus,8kn,otimes,8l5,perp,8m5,sdot,8o8,lceil,8o9,rceil,8oa,lfloor,8ob,' + 'rfloor,8p9,lang,8pa,rang,9ea,loz,9j0,spades,9j3,clubs,9j5,hearts,9j6,diams,ai,OElig,aj,oelig,b0,' + 'Scaron,b1,scaron,bo,Yuml,m6,circ,ms,tilde,802,ensp,803,emsp,809,thinsp,80c,zwnj,80d,zwj,80e,lrm,' + '80f,rlm,80j,ndash,80k,mdash,80o,lsquo,80p,rsquo,80q,sbquo,80s,ldquo,80t,rdquo,80u,bdquo,810,dagger,' + '811,Dagger,81g,permil,81p,lsaquo,81q,rsaquo,85c,euro', 32);
+    var encodeRaw = function (text, attr) {
+      return text.replace(attr ? attrsCharsRegExp : textCharsRegExp, function (chr) {
+        return baseEntities[chr] || chr;
+      });
+    };
+    var encodeAllRaw = function (text) {
+      return ('' + text).replace(rawCharsRegExp, function (chr) {
+        return baseEntities[chr] || chr;
+      });
+    };
+    var encodeNumeric = function (text, attr) {
+      return text.replace(attr ? attrsCharsRegExp : textCharsRegExp, function (chr) {
+        if (chr.length > 1) {
+          return '&#' + ((chr.charCodeAt(0) - 55296) * 1024 + (chr.charCodeAt(1) - 56320) + 65536) + ';';
+        }
+        return baseEntities[chr] || '&#' + chr.charCodeAt(0) + ';';
+      });
+    };
+    var encodeNamed = function (text, attr, entities) {
+      entities = entities || namedEntities;
+      return text.replace(attr ? attrsCharsRegExp : textCharsRegExp, function (chr) {
+        return baseEntities[chr] || entities[chr] || chr;
+      });
+    };
+    var getEncodeFunc = function (name, entities) {
+      var entitiesMap = buildEntitiesLookup(entities) || namedEntities;
+      var encodeNamedAndNumeric = function (text, attr) {
+        return text.replace(attr ? attrsCharsRegExp : textCharsRegExp, function (chr) {
+          if (baseEntities[chr] !== undefined) {
+            return baseEntities[chr];
+          }
+          if (entitiesMap[chr] !== undefined) {
+            return entitiesMap[chr];
+          }
+          if (chr.length > 1) {
+            return '&#' + ((chr.charCodeAt(0) - 55296) * 1024 + (chr.charCodeAt(1) - 56320) + 65536) + ';';
+          }
+          return '&#' + chr.charCodeAt(0) + ';';
+        });
+      };
+      var encodeCustomNamed = function (text, attr) {
+        return encodeNamed(text, attr, entitiesMap);
+      };
+      var nameMap = makeMap$1(name.replace(/\+/g, ','));
+      if (nameMap.named && nameMap.numeric) {
+        return encodeNamedAndNumeric;
+      }
+      if (nameMap.named) {
+        if (entities) {
+          return encodeCustomNamed;
+        }
+        return encodeNamed;
+      }
+      if (nameMap.numeric) {
+        return encodeNumeric;
+      }
+      return encodeRaw;
+    };
+    var decode = function (text) {
+      return text.replace(entityRegExp, function (all, numeric) {
+        if (numeric) {
+          if (numeric.charAt(0).toLowerCase() === 'x') {
+            numeric = parseInt(numeric.substr(1), 16);
+          } else {
+            numeric = parseInt(numeric, 10);
+          }
+          if (numeric > 65535) {
+            numeric -= 65536;
+            return String.fromCharCode(55296 + (numeric >> 10), 56320 + (numeric & 1023));
+          }
+          return asciiMap[numeric] || String.fromCharCode(numeric);
+        }
+        return reverseEntities[all] || namedEntities[all] || nativeDecode(all);
+      });
+    };
+    var Entities = {
+      encodeRaw: encodeRaw,
+      encodeAllRaw: encodeAllRaw,
+      encodeNumeric: encodeNumeric,
+      encodeNamed: encodeNamed,
+      getEncodeFunc: getEncodeFunc,
+      decode: decode
+    };
+
+    var mapCache = {}, dummyObj = {};
+    var makeMap$2 = Tools.makeMap, each$3 = Tools.each, extend$1 = Tools.extend, explode$1 = Tools.explode, inArray = Tools.inArray;
+    var split = function (items, delim) {
+      items = Tools.trim(items);
+      return items ? items.split(delim || ' ') : [];
+    };
+    var compileSchema = function (type) {
+      var schema = {};
+      var globalAttributes, blockContent;
+      var phrasingContent, flowContent, html4BlockContent, html4PhrasingContent;
+      var add = function (name, attributes, children) {
+        var ni, attributesOrder, element;
+        var arrayToMap = function (array, obj) {
+          var map = {};
+          var i, l;
+          for (i = 0, l = array.length; i < l; i++) {
+            map[array[i]] = obj || {};
+          }
+          return map;
+        };
+        children = children || [];
+        attributes = attributes || '';
+        if (typeof children === 'string') {
+          children = split(children);
+        }
+        var names = split(name);
+        ni = names.length;
+        while (ni--) {
+          attributesOrder = split([
+            globalAttributes,
+            attributes
+          ].join(' '));
+          element = {
+            attributes: arrayToMap(attributesOrder),
+            attributesOrder: attributesOrder,
+            children: arrayToMap(children, dummyObj)
+          };
+          schema[names[ni]] = element;
+        }
+      };
+      var addAttrs = function (name, attributes) {
+        var ni, schemaItem, i, l;
+        var names = split(name);
+        ni = names.length;
+        var attrs = split(attributes);
+        while (ni--) {
+          schemaItem = schema[names[ni]];
+          for (i = 0, l = attrs.length; i < l; i++) {
+            schemaItem.attributes[attrs[i]] = {};
+            schemaItem.attributesOrder.push(attrs[i]);
+          }
+        }
+      };
+      if (mapCache[type]) {
+        return mapCache[type];
+      }
+      globalAttributes = 'id accesskey class dir lang style tabindex title role';
+      blockContent = 'address blockquote div dl fieldset form h1 h2 h3 h4 h5 h6 hr menu ol p pre table ul';
+      phrasingContent = 'a abbr b bdo br button cite code del dfn em embed i iframe img input ins kbd ' + 'label map noscript object q s samp script select small span strong sub sup ' + 'textarea u var #text #comment';
+      if (type !== 'html4') {
+        globalAttributes += ' contenteditable contextmenu draggable dropzone ' + 'hidden spellcheck translate';
+        blockContent += ' article aside details dialog figure main header footer hgroup section nav';
+        phrasingContent += ' audio canvas command datalist mark meter output picture ' + 'progress time wbr video ruby bdi keygen';
+      }
+      if (type !== 'html5-strict') {
+        globalAttributes += ' xml:lang';
+        html4PhrasingContent = 'acronym applet basefont big font strike tt';
+        phrasingContent = [
+          phrasingContent,
+          html4PhrasingContent
+        ].join(' ');
+        each$3(split(html4PhrasingContent), function (name) {
+          add(name, '', phrasingContent);
+        });
+        html4BlockContent = 'center dir isindex noframes';
+        blockContent = [
+          blockContent,
+          html4BlockContent
+        ].join(' ');
+        flowContent = [
+          blockContent,
+          phrasingContent
+        ].join(' ');
+        each$3(split(html4BlockContent), function (name) {
+          add(name, '', flowContent);
+        });
+      }
+      flowContent = flowContent || [
+        blockContent,
+        phrasingContent
+      ].join(' ');
+      add('html', 'manifest', 'head body');
+      add('head', '', 'base command link meta noscript script style title');
+      add('title hr noscript br');
+      add('base', 'href target');
+      add('link', 'href rel media hreflang type sizes hreflang');
+      add('meta', 'name http-equiv content charset');
+      add('style', 'media type scoped');
+      add('script', 'src async defer type charset');
+      add('body', 'onafterprint onbeforeprint onbeforeunload onblur onerror onfocus ' + 'onhashchange onload onmessage onoffline ononline onpagehide onpageshow ' + 'onpopstate onresize onscroll onstorage onunload', flowContent);
+      add('address dt dd div caption', '', flowContent);
+      add('h1 h2 h3 h4 h5 h6 pre p abbr code var samp kbd sub sup i b u bdo span legend em strong small s cite dfn', '', phrasingContent);
+      add('blockquote', 'cite', flowContent);
+      add('ol', 'reversed start type', 'li');
+      add('ul', '', 'li');
+      add('li', 'value', flowContent);
+      add('dl', '', 'dt dd');
+      add('a', 'href target rel media hreflang type', phrasingContent);
+      add('q', 'cite', phrasingContent);
+      add('ins del', 'cite datetime', flowContent);
+      add('img', 'src sizes srcset alt usemap ismap width height');
+      add('iframe', 'src name width height', flowContent);
+      add('embed', 'src type width height');
+      add('object', 'data type typemustmatch name usemap form width height', [
+        flowContent,
+        'param'
+      ].join(' '));
+      add('param', 'name value');
+      add('map', 'name', [
+        flowContent,
+        'area'
+      ].join(' '));
+      add('area', 'alt coords shape href target rel media hreflang type');
+      add('table', 'border', 'caption colgroup thead tfoot tbody tr' + (type === 'html4' ? ' col' : ''));
+      add('colgroup', 'span', 'col');
+      add('col', 'span');
+      add('tbody thead tfoot', '', 'tr');
+      add('tr', '', 'td th');
+      add('td', 'colspan rowspan headers', flowContent);
+      add('th', 'colspan rowspan headers scope abbr', flowContent);
+      add('form', 'accept-charset action autocomplete enctype method name novalidate target', flowContent);
+      add('fieldset', 'disabled form name', [
+        flowContent,
+        'legend'
+      ].join(' '));
+      add('label', 'form for', phrasingContent);
+      add('input', 'accept alt autocomplete checked dirname disabled form formaction formenctype formmethod formnovalidate ' + 'formtarget height list max maxlength min multiple name pattern readonly required size src step type value width');
+      add('button', 'disabled form formaction formenctype formmethod formnovalidate formtarget name type value', type === 'html4' ? flowContent : phrasingContent);
+      add('select', 'disabled form multiple name required size', 'option optgroup');
+      add('optgroup', 'disabled label', 'option');
+      add('option', 'disabled label selected value');
+      add('textarea', 'cols dirname disabled form maxlength name readonly required rows wrap');
+      add('menu', 'type label', [
+        flowContent,
+        'li'
+      ].join(' '));
+      add('noscript', '', flowContent);
+      if (type !== 'html4') {
+        add('wbr');
+        add('ruby', '', [
+          phrasingContent,
+          'rt rp'
+        ].join(' '));
+        add('figcaption', '', flowContent);
+        add('mark rt rp summary bdi', '', phrasingContent);
+        add('canvas', 'width height', flowContent);
+        add('video', 'src crossorigin poster preload autoplay mediagroup loop ' + 'muted controls width height buffered', [
+          flowContent,
+          'track source'
+        ].join(' '));
+        add('audio', 'src crossorigin preload autoplay mediagroup loop muted controls ' + 'buffered volume', [
+          flowContent,
+          'track source'
+        ].join(' '));
+        add('picture', '', 'img source');
+        add('source', 'src srcset type media sizes');
+        add('track', 'kind src srclang label default');
+        add('datalist', '', [
+          phrasingContent,
+          'option'
+        ].join(' '));
+        add('article section nav aside main header footer', '', flowContent);
+        add('hgroup', '', 'h1 h2 h3 h4 h5 h6');
+        add('figure', '', [
+          flowContent,
+          'figcaption'
+        ].join(' '));
+        add('time', 'datetime', phrasingContent);
+        add('dialog', 'open', flowContent);
+        add('command', 'type label icon disabled checked radiogroup command');
+        add('output', 'for form name', phrasingContent);
+        add('progress', 'value max', phrasingContent);
+        add('meter', 'value min max low high optimum', phrasingContent);
+        add('details', 'open', [
+          flowContent,
+          'summary'
+        ].join(' '));
+        add('keygen', 'autofocus challenge disabled form keytype name');
+      }
+      if (type !== 'html5-strict') {
+        addAttrs('script', 'language xml:space');
+        addAttrs('style', 'xml:space');
+        addAttrs('object', 'declare classid code codebase codetype archive standby align border hspace vspace');
+        addAttrs('embed', 'align name hspace vspace');
+        addAttrs('param', 'valuetype type');
+        addAttrs('a', 'charset name rev shape coords');
+        addAttrs('br', 'clear');
+        addAttrs('applet', 'codebase archive code object alt name width height align hspace vspace');
+        addAttrs('img', 'name longdesc align border hspace vspace');
+        addAttrs('iframe', 'longdesc frameborder marginwidth marginheight scrolling align');
+        addAttrs('font basefont', 'size color face');
+        addAttrs('input', 'usemap align');
+        addAttrs('select');
+        addAttrs('textarea');
+        addAttrs('h1 h2 h3 h4 h5 h6 div p legend caption', 'align');
+        addAttrs('ul', 'type compact');
+        addAttrs('li', 'type');
+        addAttrs('ol dl menu dir', 'compact');
+        addAttrs('pre', 'width xml:space');
+        addAttrs('hr', 'align noshade size width');
+        addAttrs('isindex', 'prompt');
+        addAttrs('table', 'summary width frame rules cellspacing cellpadding align bgcolor');
+        addAttrs('col', 'width align char charoff valign');
+        addAttrs('colgroup', 'width align char charoff valign');
+        addAttrs('thead', 'align char charoff valign');
+        addAttrs('tr', 'align char charoff valign bgcolor');
+        addAttrs('th', 'axis align char charoff valign nowrap bgcolor width height');
+        addAttrs('form', 'accept');
+        addAttrs('td', 'abbr axis scope align char charoff valign nowrap bgcolor width height');
+        addAttrs('tfoot', 'align char charoff valign');
+        addAttrs('tbody', 'align char charoff valign');
+        addAttrs('area', 'nohref');
+        addAttrs('body', 'background bgcolor text link vlink alink');
+      }
+      if (type !== 'html4') {
+        addAttrs('input button select textarea', 'autofocus');
+        addAttrs('input textarea', 'placeholder');
+        addAttrs('a', 'download');
+        addAttrs('link script img', 'crossorigin');
+        addAttrs('img', 'loading');
+        addAttrs('iframe', 'sandbox seamless allowfullscreen loading');
+      }
+      each$3(split('a form meter progress dfn'), function (name) {
+        if (schema[name]) {
+          delete schema[name].children[name];
+        }
+      });
+      delete schema.caption.children.table;
+      delete schema.script;
+      mapCache[type] = schema;
+      return schema;
+    };
+    var compileElementMap = function (value, mode) {
+      var styles;
+      if (value) {
+        styles = {};
+        if (typeof value === 'string') {
+          value = { '*': value };
+        }
+        each$3(value, function (value, key) {
+          styles[key] = styles[key.toUpperCase()] = mode === 'map' ? makeMap$2(value, /[, ]/) : explode$1(value, /[, ]/);
+        });
+      }
+      return styles;
+    };
+    function Schema(settings) {
+      var elements = {};
+      var children = {};
+      var patternElements = [];
+      var customElementsMap = {}, specialElements = {};
+      var createLookupTable = function (option, defaultValue, extendWith) {
+        var value = settings[option];
+        if (!value) {
+          value = mapCache[option];
+          if (!value) {
+            value = makeMap$2(defaultValue, ' ', makeMap$2(defaultValue.toUpperCase(), ' '));
+            value = extend$1(value, extendWith);
+            mapCache[option] = value;
+          }
+        } else {
+          value = makeMap$2(value, /[, ]/, makeMap$2(value.toUpperCase(), /[, ]/));
+        }
+        return value;
+      };
+      settings = settings || {};
+      var schemaItems = compileSchema(settings.schema);
+      if (settings.verify_html === false) {
+        settings.valid_elements = '*[*]';
+      }
+      var validStyles = compileElementMap(settings.valid_styles);
+      var invalidStyles = compileElementMap(settings.invalid_styles, 'map');
+      var validClasses = compileElementMap(settings.valid_classes, 'map');
+      var whiteSpaceElementsMap = createLookupTable('whitespace_elements', 'pre script noscript style textarea video audio iframe object code');
+      var selfClosingElementsMap = createLookupTable('self_closing_elements', 'colgroup dd dt li option p td tfoot th thead tr');
+      var shortEndedElementsMap = createLookupTable('short_ended_elements', 'area base basefont br col frame hr img input isindex link ' + 'meta param embed source wbr track');
+      var boolAttrMap = createLookupTable('boolean_attributes', 'checked compact declare defer disabled ismap multiple nohref noresize ' + 'noshade nowrap readonly selected autoplay loop controls');
+      var nonEmptyOrMoveCaretBeforeOnEnter = 'td th iframe video audio object script code';
+      var nonEmptyElementsMap = createLookupTable('non_empty_elements', nonEmptyOrMoveCaretBeforeOnEnter + ' pre', shortEndedElementsMap);
+      var moveCaretBeforeOnEnterElementsMap = createLookupTable('move_caret_before_on_enter_elements', nonEmptyOrMoveCaretBeforeOnEnter + ' table', shortEndedElementsMap);
+      var textBlockElementsMap = createLookupTable('text_block_elements', 'h1 h2 h3 h4 h5 h6 p div address pre form ' + 'blockquote center dir fieldset header footer article section hgroup aside main nav figure');
+      var blockElementsMap = createLookupTable('block_elements', 'hr table tbody thead tfoot ' + 'th tr td li ol ul caption dl dt dd noscript menu isindex option ' + 'datalist select optgroup figcaption details summary', textBlockElementsMap);
+      var textInlineElementsMap = createLookupTable('text_inline_elements', 'span strong b em i font strike u var cite ' + 'dfn code mark q sup sub samp');
+      each$3((settings.special || 'script noscript iframe noframes noembed title style textarea xmp').split(' '), function (name) {
+        specialElements[name] = new RegExp('</' + name + '[^>]*>', 'gi');
+      });
+      var patternToRegExp = function (str) {
+        return new RegExp('^' + str.replace(/([?+*])/g, '.$1') + '$');
+      };
+      var addValidElements = function (validElements) {
+        var ei, el, ai, al, matches, element, attr, attrData, elementName, attrName, attrType, attributes, attributesOrder, prefix, outputName, globalAttributes, globalAttributesOrder, value;
+        var elementRuleRegExp = /^([#+\-])?([^\[!\/]+)(?:\/([^\[!]+))?(?:(!?)\[([^\]]+)])?$/, attrRuleRegExp = /^([!\-])?(\w+[\\:]:\w+|[^=:<]+)?(?:([=:<])(.*))?$/, hasPatternsRegExp = /[*?+]/;
+        if (validElements) {
+          var validElementsArr = split(validElements, ',');
+          if (elements['@']) {
+            globalAttributes = elements['@'].attributes;
+            globalAttributesOrder = elements['@'].attributesOrder;
+          }
+          for (ei = 0, el = validElementsArr.length; ei < el; ei++) {
+            matches = elementRuleRegExp.exec(validElementsArr[ei]);
+            if (matches) {
+              prefix = matches[1];
+              elementName = matches[2];
+              outputName = matches[3];
+              attrData = matches[5];
+              attributes = {};
+              attributesOrder = [];
+              element = {
+                attributes: attributes,
+                attributesOrder: attributesOrder
+              };
+              if (prefix === '#') {
+                element.paddEmpty = true;
+              }
+              if (prefix === '-') {
+                element.removeEmpty = true;
+              }
+              if (matches[4] === '!') {
+                element.removeEmptyAttrs = true;
+              }
+              if (globalAttributes) {
+                each$1(globalAttributes, function (value, key) {
+                  attributes[key] = value;
+                });
+                attributesOrder.push.apply(attributesOrder, globalAttributesOrder);
+              }
+              if (attrData) {
+                attrData = split(attrData, '|');
+                for (ai = 0, al = attrData.length; ai < al; ai++) {
+                  matches = attrRuleRegExp.exec(attrData[ai]);
+                  if (matches) {
+                    attr = {};
+                    attrType = matches[1];
+                    attrName = matches[2].replace(/[\\:]:/g, ':');
+                    prefix = matches[3];
+                    value = matches[4];
+                    if (attrType === '!') {
+                      element.attributesRequired = element.attributesRequired || [];
+                      element.attributesRequired.push(attrName);
+                      attr.required = true;
+                    }
+                    if (attrType === '-') {
+                      delete attributes[attrName];
+                      attributesOrder.splice(inArray(attributesOrder, attrName), 1);
+                      continue;
+                    }
+                    if (prefix) {
+                      if (prefix === '=') {
+                        element.attributesDefault = element.attributesDefault || [];
+                        element.attributesDefault.push({
+                          name: attrName,
+                          value: value
+                        });
+                        attr.defaultValue = value;
+                      }
+                      if (prefix === ':') {
+                        element.attributesForced = element.attributesForced || [];
+                        element.attributesForced.push({
+                          name: attrName,
+                          value: value
+                        });
+                        attr.forcedValue = value;
+                      }
+                      if (prefix === '<') {
+                        attr.validValues = makeMap$2(value, '?');
+                      }
+                    }
+                    if (hasPatternsRegExp.test(attrName)) {
+                      element.attributePatterns = element.attributePatterns || [];
+                      attr.pattern = patternToRegExp(attrName);
+                      element.attributePatterns.push(attr);
+                    } else {
+                      if (!attributes[attrName]) {
+                        attributesOrder.push(attrName);
+                      }
+                      attributes[attrName] = attr;
+                    }
+                  }
+                }
+              }
+              if (!globalAttributes && elementName === '@') {
+                globalAttributes = attributes;
+                globalAttributesOrder = attributesOrder;
+              }
+              if (outputName) {
+                element.outputName = elementName;
+                elements[outputName] = element;
+              }
+              if (hasPatternsRegExp.test(elementName)) {
+                element.pattern = patternToRegExp(elementName);
+                patternElements.push(element);
+              } else {
+                elements[elementName] = element;
+              }
+            }
+          }
+        }
+      };
+      var setValidElements = function (validElements) {
+        elements = {};
+        patternElements = [];
+        addValidElements(validElements);
+        each$3(schemaItems, function (element, name) {
+          children[name] = element.children;
+        });
+      };
+      var addCustomElements = function (customElements) {
+        var customElementRegExp = /^(~)?(.+)$/;
+        if (customElements) {
+          mapCache.text_block_elements = mapCache.block_elements = null;
+          each$3(split(customElements, ','), function (rule) {
+            var matches = customElementRegExp.exec(rule), inline = matches[1] === '~', cloneName = inline ? 'span' : 'div', name = matches[2];
+            children[name] = children[cloneName];
+            customElementsMap[name] = cloneName;
+            if (!inline) {
+              blockElementsMap[name.toUpperCase()] = {};
+              blockElementsMap[name] = {};
+            }
+            if (!elements[name]) {
+              var customRule = elements[cloneName];
+              customRule = extend$1({}, customRule);
+              delete customRule.removeEmptyAttrs;
+              delete customRule.removeEmpty;
+              elements[name] = customRule;
+            }
+            each$3(children, function (element, elmName) {
+              if (element[cloneName]) {
+                children[elmName] = element = extend$1({}, children[elmName]);
+                element[name] = element[cloneName];
+              }
+            });
+          });
+        }
+      };
+      var addValidChildren = function (validChildren) {
+        var childRuleRegExp = /^([+\-]?)([A-Za-z0-9_\-.\u00b7\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u037d\u037f-\u1fff\u200c-\u200d\u203f-\u2040\u2070-\u218f\u2c00-\u2fef\u3001-\ud7ff\uf900-\ufdcf\ufdf0-\ufffd]+)\[([^\]]+)]$/;
+        mapCache[settings.schema] = null;
+        if (validChildren) {
+          each$3(split(validChildren, ','), function (rule) {
+            var matches = childRuleRegExp.exec(rule);
+            var parent, prefix;
+            if (matches) {
+              prefix = matches[1];
+              if (prefix) {
+                parent = children[matches[2]];
+              } else {
+                parent = children[matches[2]] = { '#comment': {} };
+              }
+              parent = children[matches[2]];
+              each$3(split(matches[3], '|'), function (child) {
+                if (prefix === '-') {
+                  delete parent[child];
+                } else {
+                  parent[child] = {};
+                }
+              });
+            }
+          });
+        }
+      };
+      var getElementRule = function (name) {
+        var element = elements[name], i;
+        if (element) {
+          return element;
+        }
+        i = patternElements.length;
+        while (i--) {
+          element = patternElements[i];
+          if (element.pattern.test(name)) {
+            return element;
+          }
+        }
+      };
+      if (!settings.valid_elements) {
+        each$3(schemaItems, function (element, name) {
+          elements[name] = {
+            attributes: element.attributes,
+            attributesOrder: element.attributesOrder
+          };
+          children[name] = element.children;
+        });
+        if (settings.schema !== 'html5') {
+          each$3(split('strong/b em/i'), function (item) {
+            var items = split(item, '/');
+            elements[items[1]].outputName = items[0];
+          });
+        }
+        each$3(split('ol ul sub sup blockquote span font a table tbody strong em b i'), function (name) {
+          if (elements[name]) {
+            elements[name].removeEmpty = true;
+          }
+        });
+        each$3(split('p h1 h2 h3 h4 h5 h6 th td pre div address caption li'), function (name) {
+          elements[name].paddEmpty = true;
+        });
+        each$3(split('span'), function (name) {
+          elements[name].removeEmptyAttrs = true;
+        });
+      } else {
+        setValidElements(settings.valid_elements);
+      }
+      addCustomElements(settings.custom_elements);
+      addValidChildren(settings.valid_children);
+      addValidElements(settings.extended_valid_elements);
+      addValidChildren('+ol[ul|ol],+ul[ul|ol]');
+      each$3({
+        dd: 'dl',
+        dt: 'dl',
+        li: 'ul ol',
+        td: 'tr',
+        th: 'tr',
+        tr: 'tbody thead tfoot',
+        tbody: 'table',
+        thead: 'table',
+        tfoot: 'table',
+        legend: 'fieldset',
+        area: 'map',
+        param: 'video audio object'
+      }, function (parents, item) {
+        if (elements[item]) {
+          elements[item].parentsRequired = split(parents);
+        }
+      });
+      if (settings.invalid_elements) {
+        each$3(explode$1(settings.invalid_elements), function (item) {
+          if (elements[item]) {
+            delete elements[item];
+          }
+        });
+      }
+      if (!getElementRule('span')) {
+        addValidElements('span[!data-mce-type|*]');
+      }
+      var getValidStyles = function () {
+        return validStyles;
+      };
+      var getInvalidStyles = function () {
+        return invalidStyles;
+      };
+      var getValidClasses = function () {
+        return validClasses;
+      };
+      var getBoolAttrs = function () {
+        return boolAttrMap;
+      };
+      var getBlockElements = function () {
+        return blockElementsMap;
+      };
+      var getTextBlockElements = function () {
+        return textBlockElementsMap;
+      };
+      var getTextInlineElements = function () {
+        return textInlineElementsMap;
+      };
+      var getShortEndedElements = function () {
+        return shortEndedElementsMap;
+      };
+      var getSelfClosingElements = function () {
+        return selfClosingElementsMap;
+      };
+      var getNonEmptyElements = function () {
+        return nonEmptyElementsMap;
+      };
+      var getMoveCaretBeforeOnEnterElements = function () {
+        return moveCaretBeforeOnEnterElementsMap;
+      };
+      var getWhiteSpaceElements = function () {
+        return whiteSpaceElementsMap;
+      };
+      var getSpecialElements = function () {
+        return specialElements;
+      };
+      var isValidChild = function (name, child) {
+        var parent = children[name.toLowerCase()];
+        return !!(parent && parent[child.toLowerCase()]);
+      };
+      var isValid = function (name, attr) {
+        var attrPatterns, i;
+        var rule = getElementRule(name);
+        if (rule) {
+          if (attr) {
+            if (rule.attributes[attr]) {
+              return true;
+            }
+            attrPatterns = rule.attributePatterns;
+            if (attrPatterns) {
+              i = attrPatterns.length;
+              while (i--) {
+                if (attrPatterns[i].pattern.test(name)) {
+                  return true;
+                }
+              }
+            }
+          } else {
+            return true;
+          }
+        }
+        return false;
+      };
+      var getCustomElements = function () {
+        return customElementsMap;
+      };
+      return {
+        children: children,
+        elements: elements,
+        getValidStyles: getValidStyles,
+        getValidClasses: getValidClasses,
+        getBlockElements: getBlockElements,
+        getInvalidStyles: getInvalidStyles,
+        getShortEndedElements: getShortEndedElements,
+        getTextBlockElements: getTextBlockElements,
+        getTextInlineElements: getTextInlineElements,
+        getBoolAttrs: getBoolAttrs,
+        getElementRule: getElementRule,
+        getSelfClosingElements: getSelfClosingElements,
+        getNonEmptyElements: getNonEmptyElements,
+        getMoveCaretBeforeOnEnterElements: getMoveCaretBeforeOnEnterElements,
+        getWhiteSpaceElements: getWhiteSpaceElements,
+        getSpecialElements: getSpecialElements,
+        isValidChild: isValidChild,
+        isValid: isValid,
+        getCustomElements: getCustomElements,
+        addValidElements: addValidElements,
+        setValidElements: setValidElements,
+        addCustomElements: addCustomElements,
+        addValidChildren: addValidChildren
+      };
+    }
+
+    var toHex = function (match, r, g, b) {
+      var hex = function (val) {
+        val = parseInt(val, 10).toString(16);
+        return val.length > 1 ? val : '0' + val;
+      };
+      return '#' + hex(r) + hex(g) + hex(b);
+    };
+    var Styles = function (settings, schema) {
+      var rgbRegExp = /rgb\s*\(\s*([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\s*\)/gi;
+      var urlOrStrRegExp = /(?:url(?:(?:\(\s*\"([^\"]+)\"\s*\))|(?:\(\s*\'([^\']+)\'\s*\))|(?:\(\s*([^)\s]+)\s*\))))|(?:\'([^\']+)\')|(?:\"([^\"]+)\")/gi;
+      var styleRegExp = /\s*([^:]+):\s*([^;]+);?/g;
+      var trimRightRegExp = /\s+$/;
+      var i;
+      var encodingLookup = {};
+      var validStyles;
+      var invalidStyles;
+      var invisibleChar = zeroWidth;
+      settings = settings || {};
+      if (schema) {
+        validStyles = schema.getValidStyles();
+        invalidStyles = schema.getInvalidStyles();
+      }
+      var encodingItems = ('\\" \\\' \\; \\: ; : ' + invisibleChar).split(' ');
+      for (i = 0; i < encodingItems.length; i++) {
+        encodingLookup[encodingItems[i]] = invisibleChar + i;
+        encodingLookup[invisibleChar + i] = encodingItems[i];
+      }
+      return {
+        toHex: function (color) {
+          return color.replace(rgbRegExp, toHex);
+        },
+        parse: function (css) {
+          var styles = {};
+          var matches, name, value, isEncoded;
+          var urlConverter = settings.url_converter;
+          var urlConverterScope = settings.url_converter_scope || this;
+          var compress = function (prefix, suffix, noJoin) {
+            var top = styles[prefix + '-top' + suffix];
+            if (!top) {
+              return;
+            }
+            var right = styles[prefix + '-right' + suffix];
+            if (!right) {
+              return;
+            }
+            var bottom = styles[prefix + '-bottom' + suffix];
+            if (!bottom) {
+              return;
+            }
+            var left = styles[prefix + '-left' + suffix];
+            if (!left) {
+              return;
+            }
+            var box = [
+              top,
+              right,
+              bottom,
+              left
+            ];
+            i = box.length - 1;
+            while (i--) {
+              if (box[i] !== box[i + 1]) {
+                break;
+              }
+            }
+            if (i > -1 && noJoin) {
+              return;
+            }
+            styles[prefix + suffix] = i === -1 ? box[0] : box.join(' ');
+            delete styles[prefix + '-top' + suffix];
+            delete styles[prefix + '-right' + suffix];
+            delete styles[prefix + '-bottom' + suffix];
+            delete styles[prefix + '-left' + suffix];
+          };
+          var canCompress = function (key) {
+            var value = styles[key], i;
+            if (!value) {
+              return;
+            }
+            value = value.split(' ');
+            i = value.length;
+            while (i--) {
+              if (value[i] !== value[0]) {
+                return false;
+              }
+            }
+            styles[key] = value[0];
+            return true;
+          };
+          var compress2 = function (target, a, b, c) {
+            if (!canCompress(a)) {
+              return;
+            }
+            if (!canCompress(b)) {
+              return;
+            }
+            if (!canCompress(c)) {
+              return;
+            }
+            styles[target] = styles[a] + ' ' + styles[b] + ' ' + styles[c];
+            delete styles[a];
+            delete styles[b];
+            delete styles[c];
+          };
+          var encode = function (str) {
+            isEncoded = true;
+            return encodingLookup[str];
+          };
+          var decode = function (str, keepSlashes) {
+            if (isEncoded) {
+              str = str.replace(/\uFEFF[0-9]/g, function (str) {
+                return encodingLookup[str];
+              });
+            }
+            if (!keepSlashes) {
+              str = str.replace(/\\([\'\";:])/g, '$1');
+            }
+            return str;
+          };
+          var decodeSingleHexSequence = function (escSeq) {
+            return String.fromCharCode(parseInt(escSeq.slice(1), 16));
+          };
+          var decodeHexSequences = function (value) {
+            return value.replace(/\\[0-9a-f]+/gi, decodeSingleHexSequence);
+          };
+          var processUrl = function (match, url, url2, url3, str, str2) {
+            str = str || str2;
+            if (str) {
+              str = decode(str);
+              return '\'' + str.replace(/\'/g, '\\\'') + '\'';
+            }
+            url = decode(url || url2 || url3);
+            if (!settings.allow_script_urls) {
+              var scriptUrl = url.replace(/[\s\r\n]+/g, '');
+              if (/(java|vb)script:/i.test(scriptUrl)) {
+                return '';
+              }
+              if (!settings.allow_svg_data_urls && /^data:image\/svg/i.test(scriptUrl)) {
+                return '';
+              }
+            }
+            if (urlConverter) {
+              url = urlConverter.call(urlConverterScope, url, 'style');
+            }
+            return 'url(\'' + url.replace(/\'/g, '\\\'') + '\')';
+          };
+          if (css) {
+            css = css.replace(/[\u0000-\u001F]/g, '');
+            css = css.replace(/\\[\"\';:\uFEFF]/g, encode).replace(/\"[^\"]+\"|\'[^\']+\'/g, function (str) {
+              return str.replace(/[;:]/g, encode);
+            });
+            while (matches = styleRegExp.exec(css)) {
+              styleRegExp.lastIndex = matches.index + matches[0].length;
+              name = matches[1].replace(trimRightRegExp, '').toLowerCase();
+              value = matches[2].replace(trimRightRegExp, '');
+              if (name && value) {
+                name = decodeHexSequences(name);
+                value = decodeHexSequences(value);
+                if (name.indexOf(invisibleChar) !== -1 || name.indexOf('"') !== -1) {
+                  continue;
+                }
+                if (!settings.allow_script_urls && (name === 'behavior' || /expression\s*\(|\/\*|\*\//.test(value))) {
+                  continue;
+                }
+                if (name === 'font-weight' && value === '700') {
+                  value = 'bold';
+                } else if (name === 'color' || name === 'background-color') {
+                  value = value.toLowerCase();
+                }
+                value = value.replace(rgbRegExp, toHex);
+                value = value.replace(urlOrStrRegExp, processUrl);
+                styles[name] = isEncoded ? decode(value, true) : value;
+              }
+            }
+            compress('border', '', true);
+            compress('border', '-width');
+            compress('border', '-color');
+            compress('border', '-style');
+            compress('padding', '');
+            compress('margin', '');
+            compress2('border', 'border-width', 'border-style', 'border-color');
+            if (styles.border === 'medium none') {
+              delete styles.border;
+            }
+            if (styles['border-image'] === 'none') {
+              delete styles['border-image'];
+            }
+          }
+          return styles;
+        },
+        serialize: function (styles, elementName) {
+          var css = '';
+          var serializeStyles = function (name) {
+            var value;
+            var styleList = validStyles[name];
+            if (styleList) {
+              for (var i_1 = 0, l = styleList.length; i_1 < l; i_1++) {
+                name = styleList[i_1];
+                value = styles[name];
+                if (value) {
+                  css += (css.length > 0 ? ' ' : '') + name + ': ' + value + ';';
+                }
+              }
+            }
+          };
+          var isValid = function (name, elementName) {
+            var styleMap = invalidStyles['*'];
+            if (styleMap && styleMap[name]) {
+              return false;
+            }
+            styleMap = invalidStyles[elementName];
+            return !(styleMap && styleMap[name]);
+          };
+          if (elementName && validStyles) {
+            serializeStyles('*');
+            serializeStyles(elementName);
+          } else {
+            each$1(styles, function (value, name) {
+              if (value && (!invalidStyles || isValid(name, elementName))) {
+                css += (css.length > 0 ? ' ' : '') + name + ': ' + value + ';';
+              }
+            });
+          }
+          return css;
+        }
+      };
+    };
+
+    var eventExpandoPrefix = 'mce-data-';
+    var mouseEventRe = /^(?:mouse|contextmenu)|click/;
+    var deprecated = {
+      keyLocation: 1,
+      layerX: 1,
+      layerY: 1,
+      returnValue: 1,
+      webkitMovementX: 1,
+      webkitMovementY: 1,
+      keyIdentifier: 1,
+      mozPressure: 1
+    };
+    var hasIsDefaultPrevented = function (event) {
+      return event.isDefaultPrevented === returnTrue || event.isDefaultPrevented === returnFalse;
+    };
+    var returnFalse = function () {
+      return false;
+    };
+    var returnTrue = function () {
+      return true;
+    };
+    var addEvent = function (target, name, callback, capture) {
+      if (target.addEventListener) {
+        target.addEventListener(name, callback, capture || false);
+      } else if (target.attachEvent) {
+        target.attachEvent('on' + name, callback);
+      }
+    };
+    var removeEvent = function (target, name, callback, capture) {
+      if (target.removeEventListener) {
+        target.removeEventListener(name, callback, capture || false);
+      } else if (target.detachEvent) {
+        target.detachEvent('on' + name, callback);
+      }
+    };
+    var isMouseEvent = function (event) {
+      return mouseEventRe.test(event.type);
+    };
+    var fix = function (originalEvent, data) {
+      var name;
+      var event = data || {};
+      for (name in originalEvent) {
+        if (!deprecated[name]) {
+          event[name] = originalEvent[name];
+        }
+      }
+      if (!event.target) {
+        event.target = event.srcElement || document;
+      }
+      if (event.composedPath) {
+        event.composedPath = function () {
+          return originalEvent.composedPath();
+        };
+      }
+      if (originalEvent && isMouseEvent(originalEvent) && originalEvent.pageX === undefined && originalEvent.clientX !== undefined) {
+        var eventDoc = event.target.ownerDocument || document;
+        var doc = eventDoc.documentElement;
+        var body = eventDoc.body;
+        event.pageX = originalEvent.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
+        event.pageY = originalEvent.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
+      }
+      event.preventDefault = function () {
+        event.isDefaultPrevented = returnTrue;
+        if (originalEvent) {
+          if (originalEvent.preventDefault) {
+            originalEvent.preventDefault();
+          } else {
+            originalEvent.returnValue = false;
+          }
+        }
+      };
+      event.stopPropagation = function () {
+        event.isPropagationStopped = returnTrue;
+        if (originalEvent) {
+          if (originalEvent.stopPropagation) {
+            originalEvent.stopPropagation();
+          } else {
+            originalEvent.cancelBubble = true;
+          }
+        }
+      };
+      event.stopImmediatePropagation = function () {
+        event.isImmediatePropagationStopped = returnTrue;
+        event.stopPropagation();
+      };
+      if (hasIsDefaultPrevented(event) === false) {
+        event.isDefaultPrevented = returnFalse;
+        event.isPropagationStopped = returnFalse;
+        event.isImmediatePropagationStopped = returnFalse;
+      }
+      if (typeof event.metaKey === 'undefined') {
+        event.metaKey = false;
+      }
+      return event;
+    };
+    var bindOnReady = function (win, callback, eventUtils) {
+      var doc = win.document, event = { type: 'ready' };
+      if (eventUtils.domLoaded) {
+        callback(event);
+        return;
+      }
+      var isDocReady = function () {
+        return doc.readyState === 'complete' || doc.readyState === 'interactive' && doc.body;
+      };
+      var readyHandler = function () {
+        removeEvent(win, 'DOMContentLoaded', readyHandler);
+        removeEvent(win, 'load', readyHandler);
+        if (!eventUtils.domLoaded) {
+          eventUtils.domLoaded = true;
+          callback(event);
+        }
+        win = null;
+      };
+      if (isDocReady()) {
+        readyHandler();
+      } else {
+        addEvent(win, 'DOMContentLoaded', readyHandler);
+      }
+      if (!eventUtils.domLoaded) {
+        addEvent(win, 'load', readyHandler);
+      }
+    };
+    var EventUtils = function () {
+      function EventUtils() {
+        this.domLoaded = false;
+        this.events = {};
+        this.count = 1;
+        this.expando = eventExpandoPrefix + (+new Date()).toString(32);
+        this.hasMouseEnterLeave = 'onmouseenter' in document.documentElement;
+        this.hasFocusIn = 'onfocusin' in document.documentElement;
+        this.count = 1;
+      }
+      EventUtils.prototype.bind = function (target, names, callback, scope) {
+        var self = this;
+        var id, callbackList, i, name, fakeName, nativeHandler, capture;
+        var win = window;
+        var defaultNativeHandler = function (evt) {
+          self.executeHandlers(fix(evt || win.event), id);
+        };
+        if (!target || target.nodeType === 3 || target.nodeType === 8) {
+          return;
+        }
+        if (!target[self.expando]) {
+          id = self.count++;
+          target[self.expando] = id;
+          self.events[id] = {};
+        } else {
+          id = target[self.expando];
+        }
+        scope = scope || target;
+        var namesList = names.split(' ');
+        i = namesList.length;
+        while (i--) {
+          name = namesList[i];
+          nativeHandler = defaultNativeHandler;
+          fakeName = capture = false;
+          if (name === 'DOMContentLoaded') {
+            name = 'ready';
+          }
+          if (self.domLoaded && name === 'ready' && target.readyState === 'complete') {
+            callback.call(scope, fix({ type: name }));
+            continue;
+          }
+          if (!self.hasMouseEnterLeave) {
+            fakeName = self.mouseEnterLeave[name];
+            if (fakeName) {
+              nativeHandler = function (evt) {
+                var current = evt.currentTarget;
+                var related = evt.relatedTarget;
+                if (related && current.contains) {
+                  related = current.contains(related);
+                } else {
+                  while (related && related !== current) {
+                    related = related.parentNode;
+                  }
+                }
+                if (!related) {
+                  evt = fix(evt || win.event);
+                  evt.type = evt.type === 'mouseout' ? 'mouseleave' : 'mouseenter';
+                  evt.target = current;
+                  self.executeHandlers(evt, id);
+                }
+              };
+            }
+          }
+          if (!self.hasFocusIn && (name === 'focusin' || name === 'focusout')) {
+            capture = true;
+            fakeName = name === 'focusin' ? 'focus' : 'blur';
+            nativeHandler = function (evt) {
+              evt = fix(evt || win.event);
+              evt.type = evt.type === 'focus' ? 'focusin' : 'focusout';
+              self.executeHandlers(evt, id);
+            };
+          }
+          callbackList = self.events[id][name];
+          if (!callbackList) {
+            self.events[id][name] = callbackList = [{
+                func: callback,
+                scope: scope
+              }];
+            callbackList.fakeName = fakeName;
+            callbackList.capture = capture;
+            callbackList.nativeHandler = nativeHandler;
+            if (name === 'ready') {
+              bindOnReady(target, nativeHandler, self);
+            } else {
+              addEvent(target, fakeName || name, nativeHandler, capture);
+            }
+          } else {
+            if (name === 'ready' && self.domLoaded) {
+              callback(fix({ type: name }));
+            } else {
+              callbackList.push({
+                func: callback,
+                scope: scope
+              });
+            }
+          }
+        }
+        target = callbackList = null;
+        return callback;
+      };
+      EventUtils.prototype.unbind = function (target, names, callback) {
+        var callbackList, i, ci, name, eventMap;
+        if (!target || target.nodeType === 3 || target.nodeType === 8) {
+          return this;
+        }
+        var id = target[this.expando];
+        if (id) {
+          eventMap = this.events[id];
+          if (names) {
+            var namesList = names.split(' ');
+            i = namesList.length;
+            while (i--) {
+              name = namesList[i];
+              callbackList = eventMap[name];
+              if (callbackList) {
+                if (callback) {
+                  ci = callbackList.length;
+                  while (ci--) {
+                    if (callbackList[ci].func === callback) {
+                      var nativeHandler = callbackList.nativeHandler;
+                      var fakeName = callbackList.fakeName, capture = callbackList.capture;
+                      callbackList = callbackList.slice(0, ci).concat(callbackList.slice(ci + 1));
+                      callbackList.nativeHandler = nativeHandler;
+                      callbackList.fakeName = fakeName;
+                      callbackList.capture = capture;
+                      eventMap[name] = callbackList;
+                    }
+                  }
+                }
+                if (!callback || callbackList.length === 0) {
+                  delete eventMap[name];
+                  removeEvent(target, callbackList.fakeName || name, callbackList.nativeHandler, callbackList.capture);
+                }
+              }
+            }
+          } else {
+            each$1(eventMap, function (callbackList, name) {
+              removeEvent(target, callbackList.fakeName || name, callbackList.nativeHandler, callbackList.capture);
+            });
+            eventMap = {};
+          }
+          for (name in eventMap) {
+            if (has(eventMap, name)) {
+              return this;
+            }
+          }
+          delete this.events[id];
+          try {
+            delete target[this.expando];
+          } catch (ex) {
+            target[this.expando] = null;
+          }
+        }
+        return this;
+      };
+      EventUtils.prototype.fire = function (target, name, args) {
+        var id;
+        if (!target || target.nodeType === 3 || target.nodeType === 8) {
+          return this;
+        }
+        var event = fix(null, args);
+        event.type = name;
+        event.target = target;
+        do {
+          id = target[this.expando];
+          if (id) {
+            this.executeHandlers(event, id);
+          }
+          target = target.parentNode || target.ownerDocument || target.defaultView || target.parentWindow;
+        } while (target && !event.isPropagationStopped());
+        return this;
+      };
+      EventUtils.prototype.clean = function (target) {
+        var i, children;
+        if (!target || target.nodeType === 3 || target.nodeType === 8) {
+          return this;
+        }
+        if (target[this.expando]) {
+          this.unbind(target);
+        }
+        if (!target.getElementsByTagName) {
+          target = target.document;
+        }
+        if (target && target.getElementsByTagName) {
+          this.unbind(target);
+          children = target.getElementsByTagName('*');
+          i = children.length;
+          while (i--) {
+            target = children[i];
+            if (target[this.expando]) {
+              this.unbind(target);
+            }
+          }
+        }
+        return this;
+      };
+      EventUtils.prototype.destroy = function () {
+        this.events = {};
+      };
+      EventUtils.prototype.cancel = function (e) {
+        if (e) {
+          e.preventDefault();
+          e.stopImmediatePropagation();
+        }
+        return false;
+      };
+      EventUtils.prototype.executeHandlers = function (evt, id) {
+        var container = this.events[id];
+        var callbackList = container && container[evt.type];
+        if (callbackList) {
+          for (var i = 0, l = callbackList.length; i < l; i++) {
+            var callback = callbackList[i];
+            if (callback && callback.func.call(callback.scope, evt) === false) {
+              evt.preventDefault();
+            }
+            if (evt.isImmediatePropagationStopped()) {
+              return;
+            }
+          }
+        }
+      };
+      EventUtils.Event = new EventUtils();
+      return EventUtils;
+    }();
+
+    var support, Expr, getText, isXML, tokenize, compile, select, outermostContext, sortInput, hasDuplicate, setDocument, document$1, docElem, documentIsHTML, rbuggyQSA, rbuggyMatches, matches, contains$3, expando = 'sizzle' + -new Date(), preferredDoc = window.document, dirruns = 0, done = 0, classCache = createCache(), tokenCache = createCache(), compilerCache = createCache(), sortOrder = function (a, b) {
+        if (a === b) {
+          hasDuplicate = true;
+        }
+        return 0;
+      }, strundefined = typeof undefined, MAX_NEGATIVE = 1 << 31, hasOwn = {}.hasOwnProperty, arr = [], pop = arr.pop, push_native = arr.push, push = arr.push, slice = arr.slice, indexOf$2 = arr.indexOf || function (elem) {
+        var i = 0, len = this.length;
+        for (; i < len; i++) {
+          if (this[i] === elem) {
+            return i;
+          }
+        }
+        return -1;
+      }, booleans = 'checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped', whitespace = '[\\x20\\t\\r\\n\\f]', identifier = '(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+', attributes = '\\[' + whitespace + '*(' + identifier + ')(?:' + whitespace + '*([*^$|!~]?=)' + whitespace + '*(?:\'((?:\\\\.|[^\\\\\'])*)\'|"((?:\\\\.|[^\\\\"])*)"|(' + identifier + '))|)' + whitespace + '*\\]', pseudos = ':(' + identifier + ')(?:\\((' + '(\'((?:\\\\.|[^\\\\\'])*)\'|"((?:\\\\.|[^\\\\"])*)")|' + '((?:\\\\.|[^\\\\()[\\]]|' + attributes + ')*)|' + '.*' + ')\\)|)', rtrim = new RegExp('^' + whitespace + '+|((?:^|[^\\\\])(?:\\\\.)*)' + whitespace + '+$', 'g'), rcomma = new RegExp('^' + whitespace + '*,' + whitespace + '*'), rcombinators = new RegExp('^' + whitespace + '*([>+~]|' + whitespace + ')' + whitespace + '*'), rattributeQuotes = new RegExp('=' + whitespace + '*([^\\]\'"]*?)' + whitespace + '*\\]', 'g'), rpseudo = new RegExp(pseudos), ridentifier = new RegExp('^' + identifier + '$'), matchExpr = {
+        ID: new RegExp('^#(' + identifier + ')'),
+        CLASS: new RegExp('^\\.(' + identifier + ')'),
+        TAG: new RegExp('^(' + identifier + '|[*])'),
+        ATTR: new RegExp('^' + attributes),
+        PSEUDO: new RegExp('^' + pseudos),
+        CHILD: new RegExp('^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(' + whitespace + '*(even|odd|(([+-]|)(\\d*)n|)' + whitespace + '*(?:([+-]|)' + whitespace + '*(\\d+)|))' + whitespace + '*\\)|)', 'i'),
+        bool: new RegExp('^(?:' + booleans + ')$', 'i'),
+        needsContext: new RegExp('^' + whitespace + '*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(' + whitespace + '*((?:-\\d)?\\d*)' + whitespace + '*\\)|)(?=[^-]|$)', 'i')
+      }, rinputs = /^(?:input|select|textarea|button)$/i, rheader = /^h\d$/i, rnative = /^[^{]+\{\s*\[native \w/, rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/, rsibling = /[+~]/, rescape = /'|\\/g, runescape = new RegExp('\\\\([\\da-f]{1,6}' + whitespace + '?|(' + whitespace + ')|.)', 'ig'), funescape = function (_, escaped, escapedWhitespace) {
+        var high = '0x' + escaped - 65536;
+        return high !== high || escapedWhitespace ? escaped : high < 0 ? String.fromCharCode(high + 65536) : String.fromCharCode(high >> 10 | 55296, high & 1023 | 56320);
+      };
+    try {
+      push.apply(arr = slice.call(preferredDoc.childNodes), preferredDoc.childNodes);
+      arr[preferredDoc.childNodes.length].nodeType;
+    } catch (e) {
+      push = {
+        apply: arr.length ? function (target, els) {
+          push_native.apply(target, slice.call(els));
+        } : function (target, els) {
+          var j = target.length, i = 0;
+          while (target[j++] = els[i++]) {
+          }
+          target.length = j - 1;
+        }
+      };
+    }
+    var Sizzle = function (selector, context, results, seed) {
+      var match, elem, m, nodeType, i, groups, old, nid, newContext, newSelector;
+      if ((context ? context.ownerDocument || context : preferredDoc) !== document$1) {
+        setDocument(context);
+      }
+      context = context || document$1;
+      results = results || [];
+      if (!selector || typeof selector !== 'string') {
+        return results;
+      }
+      if ((nodeType = context.nodeType) !== 1 && nodeType !== 9) {
+        return [];
+      }
+      if (documentIsHTML && !seed) {
+        if (match = rquickExpr.exec(selector)) {
+          if (m = match[1]) {
+            if (nodeType === 9) {
+              elem = context.getElementById(m);
+              if (elem && elem.parentNode) {
+                if (elem.id === m) {
+                  results.push(elem);
+                  return results;
+                }
+              } else {
+                return results;
+              }
+            } else {
+              if (context.ownerDocument && (elem = context.ownerDocument.getElementById(m)) && contains$3(context, elem) && elem.id === m) {
+                results.push(elem);
+                return results;
+              }
+            }
+          } else if (match[2]) {
+            push.apply(results, context.getElementsByTagName(selector));
+            return results;
+          } else if ((m = match[3]) && support.getElementsByClassName) {
+            push.apply(results, context.getElementsByClassName(m));
+            return results;
+          }
+        }
+        if (support.qsa && (!rbuggyQSA || !rbuggyQSA.test(selector))) {
+          nid = old = expando;
+          newContext = context;
+          newSelector = nodeType === 9 && selector;
+          if (nodeType === 1 && context.nodeName.toLowerCase() !== 'object') {
+            groups = tokenize(selector);
+            if (old = context.getAttribute('id')) {
+              nid = old.replace(rescape, '\\$&');
+            } else {
+              context.setAttribute('id', nid);
+            }
+            nid = '[id=\'' + nid + '\'] ';
+            i = groups.length;
+            while (i--) {
+              groups[i] = nid + toSelector(groups[i]);
+            }
+            newContext = rsibling.test(selector) && testContext(context.parentNode) || context;
+            newSelector = groups.join(',');
+          }
+          if (newSelector) {
+            try {
+              push.apply(results, newContext.querySelectorAll(newSelector));
+              return results;
+            } catch (qsaError) {
+            } finally {
+              if (!old) {
+                context.removeAttribute('id');
+              }
+            }
+          }
+        }
+      }
+      return select(selector.replace(rtrim, '$1'), context, results, seed);
+    };
+    function createCache() {
+      var keys = [];
+      function cache(key, value) {
+        if (keys.push(key + ' ') > Expr.cacheLength) {
+          delete cache[keys.shift()];
+        }
+        return cache[key + ' '] = value;
+      }
+      return cache;
+    }
+    function markFunction(fn) {
+      fn[expando] = true;
+      return fn;
+    }
+    function siblingCheck(a, b) {
+      var cur = b && a, diff = cur && a.nodeType === 1 && b.nodeType === 1 && (~b.sourceIndex || MAX_NEGATIVE) - (~a.sourceIndex || MAX_NEGATIVE);
+      if (diff) {
+        return diff;
+      }
+      if (cur) {
+        while (cur = cur.nextSibling) {
+          if (cur === b) {
+            return -1;
+          }
+        }
+      }
+      return a ? 1 : -1;
+    }
+    function createInputPseudo(type) {
+      return function (elem) {
+        var name = elem.nodeName.toLowerCase();
+        return name === 'input' && elem.type === type;
+      };
+    }
+    function createButtonPseudo(type) {
+      return function (elem) {
+        var name = elem.nodeName.toLowerCase();
+        return (name === 'input' || name === 'button') && elem.type === type;
+      };
+    }
+    function createPositionalPseudo(fn) {
+      return markFunction(function (argument) {
+        argument = +argument;
+        return markFunction(function (seed, matches) {
+          var j, matchIndexes = fn([], seed.length, argument), i = matchIndexes.length;
+          while (i--) {
+            if (seed[j = matchIndexes[i]]) {
+              seed[j] = !(matches[j] = seed[j]);
+            }
+          }
+        });
+      });
+    }
+    function testContext(context) {
+      return context && typeof context.getElementsByTagName !== strundefined && context;
+    }
+    support = Sizzle.support = {};
+    isXML = Sizzle.isXML = function (elem) {
+      var documentElement = elem && (elem.ownerDocument || elem).documentElement;
+      return documentElement ? documentElement.nodeName !== 'HTML' : false;
+    };
+    setDocument = Sizzle.setDocument = function (node) {
+      var hasCompare, doc = node ? node.ownerDocument || node : preferredDoc, parent = doc.defaultView;
+      function getTop(win) {
+        try {
+          return win.top;
+        } catch (ex) {
+        }
+        return null;
+      }
+      if (doc === document$1 || doc.nodeType !== 9 || !doc.documentElement) {
+        return document$1;
+      }
+      document$1 = doc;
+      docElem = doc.documentElement;
+      documentIsHTML = !isXML(doc);
+      if (parent && parent !== getTop(parent)) {
+        if (parent.addEventListener) {
+          parent.addEventListener('unload', function () {
+            setDocument();
+          }, false);
+        } else if (parent.attachEvent) {
+          parent.attachEvent('onunload', function () {
+            setDocument();
+          });
+        }
+      }
+      support.attributes = true;
+      support.getElementsByTagName = true;
+      support.getElementsByClassName = rnative.test(doc.getElementsByClassName);
+      support.getById = true;
+      Expr.find.ID = function (id, context) {
+        if (typeof context.getElementById !== strundefined && documentIsHTML) {
+          var m = context.getElementById(id);
+          return m && m.parentNode ? [m] : [];
+        }
+      };
+      Expr.filter.ID = function (id) {
+        var attrId = id.replace(runescape, funescape);
+        return function (elem) {
+          return elem.getAttribute('id') === attrId;
+        };
+      };
+      Expr.find.TAG = support.getElementsByTagName ? function (tag, context) {
+        if (typeof context.getElementsByTagName !== strundefined) {
+          return context.getElementsByTagName(tag);
+        }
+      } : function (tag, context) {
+        var elem, tmp = [], i = 0, results = context.getElementsByTagName(tag);
+        if (tag === '*') {
+          while (elem = results[i++]) {
+            if (elem.nodeType === 1) {
+              tmp.push(elem);
+            }
+          }
+          return tmp;
+        }
+        return results;
+      };
+      Expr.find.CLASS = support.getElementsByClassName && function (className, context) {
+        if (documentIsHTML) {
+          return context.getElementsByClassName(className);
+        }
+      };
+      rbuggyMatches = [];
+      rbuggyQSA = [];
+      support.disconnectedMatch = true;
+      rbuggyQSA = rbuggyQSA.length && new RegExp(rbuggyQSA.join('|'));
+      rbuggyMatches = rbuggyMatches.length && new RegExp(rbuggyMatches.join('|'));
+      hasCompare = rnative.test(docElem.compareDocumentPosition);
+      contains$3 = hasCompare || rnative.test(docElem.contains) ? function (a, b) {
+        var adown = a.nodeType === 9 ? a.documentElement : a, bup = b && b.parentNode;
+        return a === bup || !!(bup && bup.nodeType === 1 && (adown.contains ? adown.contains(bup) : a.compareDocumentPosition && a.compareDocumentPosition(bup) & 16));
+      } : function (a, b) {
+        if (b) {
+          while (b = b.parentNode) {
+            if (b === a) {
+              return true;
+            }
+          }
+        }
+        return false;
+      };
+      sortOrder = hasCompare ? function (a, b) {
+        if (a === b) {
+          hasDuplicate = true;
+          return 0;
+        }
+        var compare = !a.compareDocumentPosition - !b.compareDocumentPosition;
+        if (compare) {
+          return compare;
+        }
+        compare = (a.ownerDocument || a) === (b.ownerDocument || b) ? a.compareDocumentPosition(b) : 1;
+        if (compare & 1 || !support.sortDetached && b.compareDocumentPosition(a) === compare) {
+          if (a === doc || a.ownerDocument === preferredDoc && contains$3(preferredDoc, a)) {
+            return -1;
+          }
+          if (b === doc || b.ownerDocument === preferredDoc && contains$3(preferredDoc, b)) {
+            return 1;
+          }
+          return sortInput ? indexOf$2.call(sortInput, a) - indexOf$2.call(sortInput, b) : 0;
+        }
+        return compare & 4 ? -1 : 1;
+      } : function (a, b) {
+        if (a === b) {
+          hasDuplicate = true;
+          return 0;
+        }
+        var cur, i = 0, aup = a.parentNode, bup = b.parentNode, ap = [a], bp = [b];
+        if (!aup || !bup) {
+          return a === doc ? -1 : b === doc ? 1 : aup ? -1 : bup ? 1 : sortInput ? indexOf$2.call(sortInput, a) - indexOf$2.call(sortInput, b) : 0;
+        } else if (aup === bup) {
+          return siblingCheck(a, b);
+        }
+        cur = a;
+        while (cur = cur.parentNode) {
+          ap.unshift(cur);
+        }
+        cur = b;
+        while (cur = cur.parentNode) {
+          bp.unshift(cur);
+        }
+        while (ap[i] === bp[i]) {
+          i++;
+        }
+        return i ? siblingCheck(ap[i], bp[i]) : ap[i] === preferredDoc ? -1 : bp[i] === preferredDoc ? 1 : 0;
+      };
+      return doc;
+    };
+    Sizzle.matches = function (expr, elements) {
+      return Sizzle(expr, null, null, elements);
+    };
+    Sizzle.matchesSelector = function (elem, expr) {
+      if ((elem.ownerDocument || elem) !== document$1) {
+        setDocument(elem);
+      }
+      expr = expr.replace(rattributeQuotes, '=\'$1\']');
+      if (support.matchesSelector && documentIsHTML && (!rbuggyMatches || !rbuggyMatches.test(expr)) && (!rbuggyQSA || !rbuggyQSA.test(expr))) {
+        try {
+          var ret = matches.call(elem, expr);
+          if (ret || support.disconnectedMatch || elem.document && elem.document.nodeType !== 11) {
+            return ret;
+          }
+        } catch (e) {
+        }
+      }
+      return Sizzle(expr, document$1, null, [elem]).length > 0;
+    };
+    Sizzle.contains = function (context, elem) {
+      if ((context.ownerDocument || context) !== document$1) {
+        setDocument(context);
+      }
+      return contains$3(context, elem);
+    };
+    Sizzle.attr = function (elem, name) {
+      if ((elem.ownerDocument || elem) !== document$1) {
+        setDocument(elem);
+      }
+      var fn = Expr.attrHandle[name.toLowerCase()], val = fn && hasOwn.call(Expr.attrHandle, name.toLowerCase()) ? fn(elem, name, !documentIsHTML) : undefined;
+      return val !== undefined ? val : support.attributes || !documentIsHTML ? elem.getAttribute(name) : (val = elem.getAttributeNode(name)) && val.specified ? val.value : null;
+    };
+    Sizzle.error = function (msg) {
+      throw new Error('Syntax error, unrecognized expression: ' + msg);
+    };
+    Sizzle.uniqueSort = function (results) {
+      var elem, duplicates = [], j = 0, i = 0;
+      hasDuplicate = !support.detectDuplicates;
+      sortInput = !support.sortStable && results.slice(0);
+      results.sort(sortOrder);
+      if (hasDuplicate) {
+        while (elem = results[i++]) {
+          if (elem === results[i]) {
+            j = duplicates.push(i);
+          }
+        }
+        while (j--) {
+          results.splice(duplicates[j], 1);
+        }
+      }
+      sortInput = null;
+      return results;
+    };
+    getText = Sizzle.getText = function (elem) {
+      var node, ret = '', i = 0, nodeType = elem.nodeType;
+      if (!nodeType) {
+        while (node = elem[i++]) {
+          ret += getText(node);
+        }
+      } else if (nodeType === 1 || nodeType === 9 || nodeType === 11) {
+        if (typeof elem.textContent === 'string') {
+          return elem.textContent;
+        } else {
+          for (elem = elem.firstChild; elem; elem = elem.nextSibling) {
+            ret += getText(elem);
+          }
+        }
+      } else if (nodeType === 3 || nodeType === 4) {
+        return elem.nodeValue;
+      }
+      return ret;
+    };
+    Expr = Sizzle.selectors = {
+      cacheLength: 50,
+      createPseudo: markFunction,
+      match: matchExpr,
+      attrHandle: {},
+      find: {},
+      relative: {
+        '>': {
+          dir: 'parentNode',
+          first: true
+        },
+        ' ': { dir: 'parentNode' },
+        '+': {
+          dir: 'previousSibling',
+          first: true
+        },
+        '~': { dir: 'previousSibling' }
+      },
+      preFilter: {
+        ATTR: function (match) {
+          match[1] = match[1].replace(runescape, funescape);
+          match[3] = (match[3] || match[4] || match[5] || '').replace(runescape, funescape);
+          if (match[2] === '~=') {
+            match[3] = ' ' + match[3] + ' ';
+          }
+          return match.slice(0, 4);
+        },
+        CHILD: function (match) {
+          match[1] = match[1].toLowerCase();
+          if (match[1].slice(0, 3) === 'nth') {
+            if (!match[3]) {
+              Sizzle.error(match[0]);
+            }
+            match[4] = +(match[4] ? match[5] + (match[6] || 1) : 2 * (match[3] === 'even' || match[3] === 'odd'));
+            match[5] = +(match[7] + match[8] || match[3] === 'odd');
+          } else if (match[3]) {
+            Sizzle.error(match[0]);
+          }
+          return match;
+        },
+        PSEUDO: function (match) {
+          var excess, unquoted = !match[6] && match[2];
+          if (matchExpr.CHILD.test(match[0])) {
+            return null;
+          }
+          if (match[3]) {
+            match[2] = match[4] || match[5] || '';
+          } else if (unquoted && rpseudo.test(unquoted) && (excess = tokenize(unquoted, true)) && (excess = unquoted.indexOf(')', unquoted.length - excess) - unquoted.length)) {
+            match[0] = match[0].slice(0, excess);
+            match[2] = unquoted.slice(0, excess);
+          }
+          return match.slice(0, 3);
+        }
+      },
+      filter: {
+        TAG: function (nodeNameSelector) {
+          var nodeName = nodeNameSelector.replace(runescape, funescape).toLowerCase();
+          return nodeNameSelector === '*' ? function () {
+            return true;
+          } : function (elem) {
+            return elem.nodeName && elem.nodeName.toLowerCase() === nodeName;
+          };
+        },
+        CLASS: function (className) {
+          var pattern = classCache[className + ' '];
+          return pattern || (pattern = new RegExp('(^|' + whitespace + ')' + className + '(' + whitespace + '|$)')) && classCache(className, function (elem) {
+            return pattern.test(typeof elem.className === 'string' && elem.className || typeof elem.getAttribute !== strundefined && elem.getAttribute('class') || '');
+          });
+        },
+        ATTR: function (name, operator, check) {
+          return function (elem) {
+            var result = Sizzle.attr(elem, name);
+            if (result == null) {
+              return operator === '!=';
+            }
+            if (!operator) {
+              return true;
+            }
+            result += '';
+            return operator === '=' ? result === check : operator === '!=' ? result !== check : operator === '^=' ? check && result.indexOf(check) === 0 : operator === '*=' ? check && result.indexOf(check) > -1 : operator === '$=' ? check && result.slice(-check.length) === check : operator === '~=' ? (' ' + result + ' ').indexOf(check) > -1 : operator === '|=' ? result === check || result.slice(0, check.length + 1) === check + '-' : false;
+          };
+        },
+        CHILD: function (type, what, argument, first, last) {
+          var simple = type.slice(0, 3) !== 'nth', forward = type.slice(-4) !== 'last', ofType = what === 'of-type';
+          return first === 1 && last === 0 ? function (elem) {
+            return !!elem.parentNode;
+          } : function (elem, context, xml) {
+            var cache, outerCache, node, diff, nodeIndex, start, dir = simple !== forward ? 'nextSibling' : 'previousSibling', parent = elem.parentNode, name = ofType && elem.nodeName.toLowerCase(), useCache = !xml && !ofType;
+            if (parent) {
+              if (simple) {
+                while (dir) {
+                  node = elem;
+                  while (node = node[dir]) {
+                    if (ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1) {
+                      return false;
+                    }
+                  }
+                  start = dir = type === 'only' && !start && 'nextSibling';
+                }
+                return true;
+              }
+              start = [forward ? parent.firstChild : parent.lastChild];
+              if (forward && useCache) {
+                outerCache = parent[expando] || (parent[expando] = {});
+                cache = outerCache[type] || [];
+                nodeIndex = cache[0] === dirruns && cache[1];
+                diff = cache[0] === dirruns && cache[2];
+                node = nodeIndex && parent.childNodes[nodeIndex];
+                while (node = ++nodeIndex && node && node[dir] || (diff = nodeIndex = 0) || start.pop()) {
+                  if (node.nodeType === 1 && ++diff && node === elem) {
+                    outerCache[type] = [
+                      dirruns,
+                      nodeIndex,
+                      diff
+                    ];
+                    break;
+                  }
+                }
+              } else if (useCache && (cache = (elem[expando] || (elem[expando] = {}))[type]) && cache[0] === dirruns) {
+                diff = cache[1];
+              } else {
+                while (node = ++nodeIndex && node && node[dir] || (diff = nodeIndex = 0) || start.pop()) {
+                  if ((ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1) && ++diff) {
+                    if (useCache) {
+                      (node[expando] || (node[expando] = {}))[type] = [
+                        dirruns,
+                        diff
+                      ];
+                    }
+                    if (node === elem) {
+                      break;
+                    }
+                  }
+                }
+              }
+              diff -= last;
+              return diff === first || diff % first === 0 && diff / first >= 0;
+            }
+          };
+        },
+        PSEUDO: function (pseudo, argument) {
+          var args, fn = Expr.pseudos[pseudo] || Expr.setFilters[pseudo.toLowerCase()] || Sizzle.error('unsupported pseudo: ' + pseudo);
+          if (fn[expando]) {
+            return fn(argument);
+          }
+          if (fn.length > 1) {
+            args = [
+              pseudo,
+              pseudo,
+              '',
+              argument
+            ];
+            return Expr.setFilters.hasOwnProperty(pseudo.toLowerCase()) ? markFunction(function (seed, matches) {
+              var idx, matched = fn(seed, argument), i = matched.length;
+              while (i--) {
+                idx = indexOf$2.call(seed, matched[i]);
+                seed[idx] = !(matches[idx] = matched[i]);
+              }
+            }) : function (elem) {
+              return fn(elem, 0, args);
+            };
+          }
+          return fn;
+        }
+      },
+      pseudos: {
+        not: markFunction(function (selector) {
+          var input = [], results = [], matcher = compile(selector.replace(rtrim, '$1'));
+          return matcher[expando] ? markFunction(function (seed, matches, context, xml) {
+            var elem, unmatched = matcher(seed, null, xml, []), i = seed.length;
+            while (i--) {
+              if (elem = unmatched[i]) {
+                seed[i] = !(matches[i] = elem);
+              }
+            }
+          }) : function (elem, context, xml) {
+            input[0] = elem;
+            matcher(input, null, xml, results);
+            return !results.pop();
+          };
+        }),
+        has: markFunction(function (selector) {
+          return function (elem) {
+            return Sizzle(selector, elem).length > 0;
+          };
+        }),
+        contains: markFunction(function (text) {
+          text = text.replace(runescape, funescape);
+          return function (elem) {
+            return (elem.textContent || elem.innerText || getText(elem)).indexOf(text) > -1;
+          };
+        }),
+        lang: markFunction(function (lang) {
+          if (!ridentifier.test(lang || '')) {
+            Sizzle.error('unsupported lang: ' + lang);
+          }
+          lang = lang.replace(runescape, funescape).toLowerCase();
+          return function (elem) {
+            var elemLang;
+            do {
+              if (elemLang = documentIsHTML ? elem.lang : elem.getAttribute('xml:lang') || elem.getAttribute('lang')) {
+                elemLang = elemLang.toLowerCase();
+                return elemLang === lang || elemLang.indexOf(lang + '-') === 0;
+              }
+            } while ((elem = elem.parentNode) && elem.nodeType === 1);
+            return false;
+          };
+        }),
+        target: function (elem) {
+          var hash = window.location && window.location.hash;
+          return hash && hash.slice(1) === elem.id;
+        },
+        root: function (elem) {
+          return elem === docElem;
+        },
+        focus: function (elem) {
+          return elem === document$1.activeElement && (!document$1.hasFocus || document$1.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex);
+        },
+        enabled: function (elem) {
+          return elem.disabled === false;
+        },
+        disabled: function (elem) {
+          return elem.disabled === true;
+        },
+        checked: function (elem) {
+          var nodeName = elem.nodeName.toLowerCase();
+          return nodeName === 'input' && !!elem.checked || nodeName === 'option' && !!elem.selected;
+        },
+        selected: function (elem) {
+          if (elem.parentNode) {
+            elem.parentNode.selectedIndex;
+          }
+          return elem.selected === true;
+        },
+        empty: function (elem) {
+          for (elem = elem.firstChild; elem; elem = elem.nextSibling) {
+            if (elem.nodeType < 6) {
+              return false;
+            }
+          }
+          return true;
+        },
+        parent: function (elem) {
+          return !Expr.pseudos.empty(elem);
+        },
+        header: function (elem) {
+          return rheader.test(elem.nodeName);
+        },
+        input: function (elem) {
+          return rinputs.test(elem.nodeName);
+        },
+        button: function (elem) {
+          var name = elem.nodeName.toLowerCase();
+          return name === 'input' && elem.type === 'button' || name === 'button';
+        },
+        text: function (elem) {
+          var attr;
+          return elem.nodeName.toLowerCase() === 'input' && elem.type === 'text' && ((attr = elem.getAttribute('type')) == null || attr.toLowerCase() === 'text');
+        },
+        first: createPositionalPseudo(function () {
+          return [0];
+        }),
+        last: createPositionalPseudo(function (matchIndexes, length) {
+          return [length - 1];
+        }),
+        eq: createPositionalPseudo(function (matchIndexes, length, argument) {
+          return [argument < 0 ? argument + length : argument];
+        }),
+        even: createPositionalPseudo(function (matchIndexes, length) {
+          var i = 0;
+          for (; i < length; i += 2) {
+            matchIndexes.push(i);
+          }
+          return matchIndexes;
+        }),
+        odd: createPositionalPseudo(function (matchIndexes, length) {
+          var i = 1;
+          for (; i < length; i += 2) {
+            matchIndexes.push(i);
+          }
+          return matchIndexes;
+        }),
+        lt: createPositionalPseudo(function (matchIndexes, length, argument) {
+          var i = argument < 0 ? argument + length : argument;
+          for (; --i >= 0;) {
+            matchIndexes.push(i);
+          }
+          return matchIndexes;
+        }),
+        gt: createPositionalPseudo(function (matchIndexes, length, argument) {
+          var i = argument < 0 ? argument + length : argument;
+          for (; ++i < length;) {
+            matchIndexes.push(i);
+          }
+          return matchIndexes;
+        })
+      }
+    };
+    Expr.pseudos.nth = Expr.pseudos.eq;
+    each([
+      'radio',
+      'checkbox',
+      'file',
+      'password',
+      'image'
+    ], function (i) {
+      Expr.pseudos[i] = createInputPseudo(i);
+    });
+    each([
+      'submit',
+      'reset'
+    ], function (i) {
+      Expr.pseudos[i] = createButtonPseudo(i);
+    });
+    function setFilters() {
+    }
+    setFilters.prototype = Expr.filters = Expr.pseudos;
+    Expr.setFilters = new setFilters();
+    tokenize = Sizzle.tokenize = function (selector, parseOnly) {
+      var matched, match, tokens, type, soFar, groups, preFilters, cached = tokenCache[selector + ' '];
+      if (cached) {
+        return parseOnly ? 0 : cached.slice(0);
+      }
+      soFar = selector;
+      groups = [];
+      preFilters = Expr.preFilter;
+      while (soFar) {
+        if (!matched || (match = rcomma.exec(soFar))) {
+          if (match) {
+            soFar = soFar.slice(match[0].length) || soFar;
+          }
+          groups.push(tokens = []);
+        }
+        matched = false;
+        if (match = rcombinators.exec(soFar)) {
+          matched = match.shift();
+          tokens.push({
+            value: matched,
+            type: match[0].replace(rtrim, ' ')
+          });
+          soFar = soFar.slice(matched.length);
+        }
+        for (type in Expr.filter) {
+          if (!Expr.filter.hasOwnProperty(type)) {
+            continue;
+          }
+          if ((match = matchExpr[type].exec(soFar)) && (!preFilters[type] || (match = preFilters[type](match)))) {
+            matched = match.shift();
+            tokens.push({
+              value: matched,
+              type: type,
+              matches: match
+            });
+            soFar = soFar.slice(matched.length);
+          }
+        }
+        if (!matched) {
+          break;
+        }
+      }
+      return parseOnly ? soFar.length : soFar ? Sizzle.error(selector) : tokenCache(selector, groups).slice(0);
+    };
+    function toSelector(tokens) {
+      var i = 0, len = tokens.length, selector = '';
+      for (; i < len; i++) {
+        selector += tokens[i].value;
+      }
+      return selector;
+    }
+    function addCombinator(matcher, combinator, base) {
+      var dir = combinator.dir, checkNonElements = base && dir === 'parentNode', doneName = done++;
+      return combinator.first ? function (elem, context, xml) {
+        while (elem = elem[dir]) {
+          if (elem.nodeType === 1 || checkNonElements) {
+            return matcher(elem, context, xml);
+          }
+        }
+      } : function (elem, context, xml) {
+        var oldCache, outerCache, newCache = [
+            dirruns,
+            doneName
+          ];
+        if (xml) {
+          while (elem = elem[dir]) {
+            if (elem.nodeType === 1 || checkNonElements) {
+              if (matcher(elem, context, xml)) {
+                return true;
+              }
+            }
+          }
+        } else {
+          while (elem = elem[dir]) {
+            if (elem.nodeType === 1 || checkNonElements) {
+              outerCache = elem[expando] || (elem[expando] = {});
+              if ((oldCache = outerCache[dir]) && oldCache[0] === dirruns && oldCache[1] === doneName) {
+                return newCache[2] = oldCache[2];
+              } else {
+                outerCache[dir] = newCache;
+                if (newCache[2] = matcher(elem, context, xml)) {
+                  return true;
+                }
+              }
+            }
+          }
+        }
+      };
+    }
+    function elementMatcher(matchers) {
+      return matchers.length > 1 ? function (elem, context, xml) {
+        var i = matchers.length;
+        while (i--) {
+          if (!matchers[i](elem, context, xml)) {
+            return false;
+          }
+        }
+        return true;
+      } : matchers[0];
+    }
+    function multipleContexts(selector, contexts, results) {
+      var i = 0, len = contexts.length;
+      for (; i < len; i++) {
+        Sizzle(selector, contexts[i], results);
+      }
+      return results;
+    }
+    function condense(unmatched, map, filter, context, xml) {
+      var elem, newUnmatched = [], i = 0, len = unmatched.length, mapped = map != null;
+      for (; i < len; i++) {
+        if (elem = unmatched[i]) {
+          if (!filter || filter(elem, context, xml)) {
+            newUnmatched.push(elem);
+            if (mapped) {
+              map.push(i);
+            }
+          }
+        }
+      }
+      return newUnmatched;
+    }
+    function setMatcher(preFilter, selector, matcher, postFilter, postFinder, postSelector) {
+      if (postFilter && !postFilter[expando]) {
+        postFilter = setMatcher(postFilter);
+      }
+      if (postFinder && !postFinder[expando]) {
+        postFinder = setMatcher(postFinder, postSelector);
+      }
+      return markFunction(function (seed, results, context, xml) {
+        var temp, i, elem, preMap = [], postMap = [], preexisting = results.length, elems = seed || multipleContexts(selector || '*', context.nodeType ? [context] : context, []), matcherIn = preFilter && (seed || !selector) ? condense(elems, preMap, preFilter, context, xml) : elems, matcherOut = matcher ? postFinder || (seed ? preFilter : preexisting || postFilter) ? [] : results : matcherIn;
+        if (matcher) {
+          matcher(matcherIn, matcherOut, context, xml);
+        }
+        if (postFilter) {
+          temp = condense(matcherOut, postMap);
+          postFilter(temp, [], context, xml);
+          i = temp.length;
+          while (i--) {
+            if (elem = temp[i]) {
+              matcherOut[postMap[i]] = !(matcherIn[postMap[i]] = elem);
+            }
+          }
+        }
+        if (seed) {
+          if (postFinder || preFilter) {
+            if (postFinder) {
+              temp = [];
+              i = matcherOut.length;
+              while (i--) {
+                if (elem = matcherOut[i]) {
+                  temp.push(matcherIn[i] = elem);
+                }
+              }
+              postFinder(null, matcherOut = [], temp, xml);
+            }
+            i = matcherOut.length;
+            while (i--) {
+              if ((elem = matcherOut[i]) && (temp = postFinder ? indexOf$2.call(seed, elem) : preMap[i]) > -1) {
+                seed[temp] = !(results[temp] = elem);
+              }
+            }
+          }
+        } else {
+          matcherOut = condense(matcherOut === results ? matcherOut.splice(preexisting, matcherOut.length) : matcherOut);
+          if (postFinder) {
+            postFinder(null, results, matcherOut, xml);
+          } else {
+            push.apply(results, matcherOut);
+          }
+        }
+      });
+    }
+    function matcherFromTokens(tokens) {
+      var checkContext, matcher, j, len = tokens.length, leadingRelative = Expr.relative[tokens[0].type], implicitRelative = leadingRelative || Expr.relative[' '], i = leadingRelative ? 1 : 0, matchContext = addCombinator(function (elem) {
+          return elem === checkContext;
+        }, implicitRelative, true), matchAnyContext = addCombinator(function (elem) {
+          return indexOf$2.call(checkContext, elem) > -1;
+        }, implicitRelative, true), matchers = [function (elem, context, xml) {
+            return !leadingRelative && (xml || context !== outermostContext) || ((checkContext = context).nodeType ? matchContext(elem, context, xml) : matchAnyContext(elem, context, xml));
+          }];
+      for (; i < len; i++) {
+        if (matcher = Expr.relative[tokens[i].type]) {
+          matchers = [addCombinator(elementMatcher(matchers), matcher)];
+        } else {
+          matcher = Expr.filter[tokens[i].type].apply(null, tokens[i].matches);
+          if (matcher[expando]) {
+            j = ++i;
+            for (; j < len; j++) {
+              if (Expr.relative[tokens[j].type]) {
+                break;
+              }
+            }
+            return setMatcher(i > 1 && elementMatcher(matchers), i > 1 && toSelector(tokens.slice(0, i - 1).concat({ value: tokens[i - 2].type === ' ' ? '*' : '' })).replace(rtrim, '$1'), matcher, i < j && matcherFromTokens(tokens.slice(i, j)), j < len && matcherFromTokens(tokens = tokens.slice(j)), j < len && toSelector(tokens));
+          }
+          matchers.push(matcher);
+        }
+      }
+      return elementMatcher(matchers);
+    }
+    function matcherFromGroupMatchers(elementMatchers, setMatchers) {
+      var bySet = setMatchers.length > 0, byElement = elementMatchers.length > 0, superMatcher = function (seed, context, xml, results, outermost) {
+          var elem, j, matcher, matchedCount = 0, i = '0', unmatched = seed && [], setMatched = [], contextBackup = outermostContext, elems = seed || byElement && Expr.find.TAG('*', outermost), dirrunsUnique = dirruns += contextBackup == null ? 1 : Math.random() || 0.1, len = elems.length;
+          if (outermost) {
+            outermostContext = context !== document$1 && context;
+          }
+          for (; i !== len && (elem = elems[i]) != null; i++) {
+            if (byElement && elem) {
+              j = 0;
+              while (matcher = elementMatchers[j++]) {
+                if (matcher(elem, context, xml)) {
+                  results.push(elem);
+                  break;
+                }
+              }
+              if (outermost) {
+                dirruns = dirrunsUnique;
+              }
+            }
+            if (bySet) {
+              if (elem = !matcher && elem) {
+                matchedCount--;
+              }
+              if (seed) {
+                unmatched.push(elem);
+              }
+            }
+          }
+          matchedCount += i;
+          if (bySet && i !== matchedCount) {
+            j = 0;
+            while (matcher = setMatchers[j++]) {
+              matcher(unmatched, setMatched, context, xml);
+            }
+            if (seed) {
+              if (matchedCount > 0) {
+                while (i--) {
+                  if (!(unmatched[i] || setMatched[i])) {
+                    setMatched[i] = pop.call(results);
+                  }
+                }
+              }
+              setMatched = condense(setMatched);
+            }
+            push.apply(results, setMatched);
+            if (outermost && !seed && setMatched.length > 0 && matchedCount + setMatchers.length > 1) {
+              Sizzle.uniqueSort(results);
+            }
+          }
+          if (outermost) {
+            dirruns = dirrunsUnique;
+            outermostContext = contextBackup;
+          }
+          return unmatched;
+        };
+      return bySet ? markFunction(superMatcher) : superMatcher;
+    }
+    compile = Sizzle.compile = function (selector, match) {
+      var i, setMatchers = [], elementMatchers = [], cached = compilerCache[selector + ' '];
+      if (!cached) {
+        if (!match) {
+          match = tokenize(selector);
+        }
+        i = match.length;
+        while (i--) {
+          cached = matcherFromTokens(match[i]);
+          if (cached[expando]) {
+            setMatchers.push(cached);
+          } else {
+            elementMatchers.push(cached);
+          }
+        }
+        cached = compilerCache(selector, matcherFromGroupMatchers(elementMatchers, setMatchers));
+        cached.selector = selector;
+      }
+      return cached;
+    };
+    select = Sizzle.select = function (selector, context, results, seed) {
+      var i, tokens, token, type, find, compiled = typeof selector === 'function' && selector, match = !seed && tokenize(selector = compiled.selector || selector);
+      results = results || [];
+      if (match.length === 1) {
+        tokens = match[0] = match[0].slice(0);
+        if (tokens.length > 2 && (token = tokens[0]).type === 'ID' && support.getById && context.nodeType === 9 && documentIsHTML && Expr.relative[tokens[1].type]) {
+          context = (Expr.find.ID(token.matches[0].replace(runescape, funescape), context) || [])[0];
+          if (!context) {
+            return results;
+          } else if (compiled) {
+            context = context.parentNode;
+          }
+          selector = selector.slice(tokens.shift().value.length);
+        }
+        i = matchExpr.needsContext.test(selector) ? 0 : tokens.length;
+        while (i--) {
+          token = tokens[i];
+          if (Expr.relative[type = token.type]) {
+            break;
+          }
+          if (find = Expr.find[type]) {
+            if (seed = find(token.matches[0].replace(runescape, funescape), rsibling.test(tokens[0].type) && testContext(context.parentNode) || context)) {
+              tokens.splice(i, 1);
+              selector = seed.length && toSelector(tokens);
+              if (!selector) {
+                push.apply(results, seed);
+                return results;
+              }
+              break;
+            }
+          }
+        }
+      }
+      (compiled || compile(selector, match))(seed, context, !documentIsHTML, results, rsibling.test(selector) && testContext(context.parentNode) || context);
+      return results;
+    };
+    support.sortStable = expando.split('').sort(sortOrder).join('') === expando;
+    support.detectDuplicates = !!hasDuplicate;
+    setDocument();
+    support.sortDetached = true;
+
+    var doc = document, push$1 = Array.prototype.push, slice$1 = Array.prototype.slice;
+    var rquickExpr$1 = /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/;
+    var Event = EventUtils.Event;
+    var skipUniques = Tools.makeMap('children,contents,next,prev');
+    var isDefined = function (obj) {
+      return typeof obj !== 'undefined';
+    };
+    var isString$1 = function (obj) {
+      return typeof obj === 'string';
+    };
+    var isWindow = function (obj) {
+      return obj && obj === obj.window;
+    };
+    var createFragment = function (html, fragDoc) {
+      fragDoc = fragDoc || doc;
+      var container = fragDoc.createElement('div');
+      var frag = fragDoc.createDocumentFragment();
+      container.innerHTML = html;
+      var node;
+      while (node = container.firstChild) {
+        frag.appendChild(node);
+      }
+      return frag;
+    };
+    var domManipulate = function (targetNodes, sourceItem, callback, reverse) {
+      var i;
+      if (isString$1(sourceItem)) {
+        sourceItem = createFragment(sourceItem, getElementDocument(targetNodes[0]));
+      } else if (sourceItem.length && !sourceItem.nodeType) {
+        sourceItem = DomQuery.makeArray(sourceItem);
+        if (reverse) {
+          for (i = sourceItem.length - 1; i >= 0; i--) {
+            domManipulate(targetNodes, sourceItem[i], callback, reverse);
+          }
+        } else {
+          for (i = 0; i < sourceItem.length; i++) {
+            domManipulate(targetNodes, sourceItem[i], callback, reverse);
+          }
+        }
+        return targetNodes;
+      }
+      if (sourceItem.nodeType) {
+        i = targetNodes.length;
+        while (i--) {
+          callback.call(targetNodes[i], sourceItem);
+        }
+      }
+      return targetNodes;
+    };
+    var hasClass = function (node, className) {
+      return node && className && (' ' + node.className + ' ').indexOf(' ' + className + ' ') !== -1;
+    };
+    var wrap$1 = function (elements, wrapper, all) {
+      var lastParent, newWrapper;
+      wrapper = DomQuery(wrapper)[0];
+      elements.each(function () {
+        var self = this;
+        if (!all || lastParent !== self.parentNode) {
+          lastParent = self.parentNode;
+          newWrapper = wrapper.cloneNode(false);
+          self.parentNode.insertBefore(newWrapper, self);
+          newWrapper.appendChild(self);
+        } else {
+          newWrapper.appendChild(self);
+        }
+      });
+      return elements;
+    };
+    var numericCssMap = Tools.makeMap('fillOpacity fontWeight lineHeight opacity orphans widows zIndex zoom', ' ');
+    var booleanMap = Tools.makeMap('checked compact declare defer disabled ismap multiple nohref noshade nowrap readonly selected', ' ');
+    var propFix = {
+      for: 'htmlFor',
+      class: 'className',
+      readonly: 'readOnly'
+    };
+    var cssFix = { float: 'cssFloat' };
+    var attrHooks = {}, cssHooks = {};
+    var DomQueryConstructor = function (selector, context) {
+      return new DomQuery.fn.init(selector, context);
+    };
+    var inArray$1 = function (item, array) {
+      var i;
+      if (array.indexOf) {
+        return array.indexOf(item);
+      }
+      i = array.length;
+      while (i--) {
+        if (array[i] === item) {
+          return i;
+        }
+      }
+      return -1;
+    };
+    var whiteSpaceRegExp$2 = /^\s*|\s*$/g;
+    var trim$3 = function (str) {
+      return str === null || str === undefined ? '' : ('' + str).replace(whiteSpaceRegExp$2, '');
+    };
+    var each$4 = function (obj, callback) {
+      var length, key, i, value;
+      if (obj) {
+        length = obj.length;
+        if (length === undefined) {
+          for (key in obj) {
+            if (obj.hasOwnProperty(key)) {
+              value = obj[key];
+              if (callback.call(value, key, value) === false) {
+                break;
+              }
+            }
+          }
+        } else {
+          for (i = 0; i < length; i++) {
+            value = obj[i];
+            if (callback.call(value, i, value) === false) {
+              break;
+            }
+          }
+        }
+      }
+      return obj;
+    };
+    var grep = function (array, callback) {
+      var out = [];
+      each$4(array, function (i, item) {
+        if (callback(item, i)) {
+          out.push(item);
+        }
+      });
+      return out;
+    };
+    var getElementDocument = function (element) {
+      if (!element) {
+        return doc;
+      }
+      if (element.nodeType === 9) {
+        return element;
+      }
+      return element.ownerDocument;
+    };
+    DomQueryConstructor.fn = DomQueryConstructor.prototype = {
+      constructor: DomQueryConstructor,
+      selector: '',
+      context: null,
+      length: 0,
+      init: function (selector, context) {
+        var self = this;
+        var match, node;
+        if (!selector) {
+          return self;
+        }
+        if (selector.nodeType) {
+          self.context = self[0] = selector;
+          self.length = 1;
+          return self;
+        }
+        if (context && context.nodeType) {
+          self.context = context;
+        } else {
+          if (context) {
+            return DomQuery(selector).attr(context);
+          }
+          self.context = context = document;
+        }
+        if (isString$1(selector)) {
+          self.selector = selector;
+          if (selector.charAt(0) === '<' && selector.charAt(selector.length - 1) === '>' && selector.length >= 3) {
+            match = [
+              null,
+              selector,
+              null
+            ];
+          } else {
+            match = rquickExpr$1.exec(selector);
+          }
+          if (match) {
+            if (match[1]) {
+              node = createFragment(selector, getElementDocument(context)).firstChild;
+              while (node) {
+                push$1.call(self, node);
+                node = node.nextSibling;
+              }
+            } else {
+              node = getElementDocument(context).getElementById(match[2]);
+              if (!node) {
+                return self;
+              }
+              if (node.id !== match[2]) {
+                return self.find(selector);
+              }
+              self.length = 1;
+              self[0] = node;
+            }
+          } else {
+            return DomQuery(context).find(selector);
+          }
+        } else {
+          this.add(selector, false);
+        }
+        return self;
+      },
+      toArray: function () {
+        return Tools.toArray(this);
+      },
+      add: function (items, sort) {
+        var self = this;
+        var nodes, i;
+        if (isString$1(items)) {
+          return self.add(DomQuery(items));
+        }
+        if (sort !== false) {
+          nodes = DomQuery.unique(self.toArray().concat(DomQuery.makeArray(items)));
+          self.length = nodes.length;
+          for (i = 0; i < nodes.length; i++) {
+            self[i] = nodes[i];
+          }
+        } else {
+          push$1.apply(self, DomQuery.makeArray(items));
+        }
+        return self;
+      },
+      attr: function (name, value) {
+        var self = this;
+        var hook;
+        if (typeof name === 'object') {
+          each$4(name, function (name, value) {
+            self.attr(name, value);
+          });
+        } else if (isDefined(value)) {
+          this.each(function () {
+            var hook;
+            if (this.nodeType === 1) {
+              hook = attrHooks[name];
+              if (hook && hook.set) {
+                hook.set(this, value);
+                return;
+              }
+              if (value === null) {
+                this.removeAttribute(name, 2);
+              } else {
+                this.setAttribute(name, value, 2);
+              }
+            }
+          });
+        } else {
+          if (self[0] && self[0].nodeType === 1) {
+            hook = attrHooks[name];
+            if (hook && hook.get) {
+              return hook.get(self[0], name);
+            }
+            if (booleanMap[name]) {
+              return self.prop(name) ? name : undefined;
+            }
+            value = self[0].getAttribute(name, 2);
+            if (value === null) {
+              value = undefined;
+            }
+          }
+          return value;
+        }
+        return self;
+      },
+      removeAttr: function (name) {
+        return this.attr(name, null);
+      },
+      prop: function (name, value) {
+        var self = this;
+        name = propFix[name] || name;
+        if (typeof name === 'object') {
+          each$4(name, function (name, value) {
+            self.prop(name, value);
+          });
+        } else if (isDefined(value)) {
+          this.each(function () {
+            if (this.nodeType === 1) {
+              this[name] = value;
+            }
+          });
+        } else {
+          if (self[0] && self[0].nodeType && name in self[0]) {
+            return self[0][name];
+          }
+          return value;
+        }
+        return self;
+      },
+      css: function (name, value) {
+        var self = this;
+        var elm, hook;
+        var camel = function (name) {
+          return name.replace(/-(\D)/g, function (a, b) {
+            return b.toUpperCase();
+          });
+        };
+        var dashed = function (name) {
+          return name.replace(/[A-Z]/g, function (a) {
+            return '-' + a;
+          });
+        };
+        if (typeof name === 'object') {
+          each$4(name, function (name, value) {
+            self.css(name, value);
+          });
+        } else {
+          if (isDefined(value)) {
+            name = camel(name);
+            if (typeof value === 'number' && !numericCssMap[name]) {
+              value = value.toString() + 'px';
+            }
+            self.each(function () {
+              var style = this.style;
+              hook = cssHooks[name];
+              if (hook && hook.set) {
+                hook.set(this, value);
+                return;
+              }
+              try {
+                this.style[cssFix[name] || name] = value;
+              } catch (ex) {
+              }
+              if (value === null || value === '') {
+                if (style.removeProperty) {
+                  style.removeProperty(dashed(name));
+                } else {
+                  style.removeAttribute(name);
+                }
+              }
+            });
+          } else {
+            elm = self[0];
+            hook = cssHooks[name];
+            if (hook && hook.get) {
+              return hook.get(elm);
+            }
+            if (elm.ownerDocument.defaultView) {
+              try {
+                return elm.ownerDocument.defaultView.getComputedStyle(elm, null).getPropertyValue(dashed(name));
+              } catch (ex) {
+                return undefined;
+              }
+            } else if (elm.currentStyle) {
+              return elm.currentStyle[camel(name)];
+            } else {
+              return '';
+            }
+          }
+        }
+        return self;
+      },
+      remove: function () {
+        var self = this;
+        var node, i = this.length;
+        while (i--) {
+          node = self[i];
+          Event.clean(node);
+          if (node.parentNode) {
+            node.parentNode.removeChild(node);
+          }
+        }
+        return this;
+      },
+      empty: function () {
+        var self = this;
+        var node, i = this.length;
+        while (i--) {
+          node = self[i];
+          while (node.firstChild) {
+            node.removeChild(node.firstChild);
+          }
+        }
+        return this;
+      },
+      html: function (value) {
+        var self = this;
+        var i;
+        if (isDefined(value)) {
+          i = self.length;
+          try {
+            while (i--) {
+              self[i].innerHTML = value;
+            }
+          } catch (ex) {
+            DomQuery(self[i]).empty().append(value);
+          }
+          return self;
+        }
+        return self[0] ? self[0].innerHTML : '';
+      },
+      text: function (value) {
+        var self = this;
+        var i;
+        if (isDefined(value)) {
+          i = self.length;
+          while (i--) {
+            if ('innerText' in self[i]) {
+              self[i].innerText = value;
+            } else {
+              self[0].textContent = value;
+            }
+          }
+          return self;
+        }
+        return self[0] ? self[0].innerText || self[0].textContent : '';
+      },
+      append: function () {
+        return domManipulate(this, arguments, function (node) {
+          if (this.nodeType === 1 || this.host && this.host.nodeType === 1) {
+            this.appendChild(node);
+          }
+        });
+      },
+      prepend: function () {
+        return domManipulate(this, arguments, function (node) {
+          if (this.nodeType === 1 || this.host && this.host.nodeType === 1) {
+            this.insertBefore(node, this.firstChild);
+          }
+        }, true);
+      },
+      before: function () {
+        var self = this;
+        if (self[0] && self[0].parentNode) {
+          return domManipulate(self, arguments, function (node) {
+            this.parentNode.insertBefore(node, this);
+          });
+        }
+        return self;
+      },
+      after: function () {
+        var self = this;
+        if (self[0] && self[0].parentNode) {
+          return domManipulate(self, arguments, function (node) {
+            this.parentNode.insertBefore(node, this.nextSibling);
+          }, true);
+        }
+        return self;
+      },
+      appendTo: function (val) {
+        DomQuery(val).append(this);
+        return this;
+      },
+      prependTo: function (val) {
+        DomQuery(val).prepend(this);
+        return this;
+      },
+      replaceWith: function (content) {
+        return this.before(content).remove();
+      },
+      wrap: function (content) {
+        return wrap$1(this, content);
+      },
+      wrapAll: function (content) {
+        return wrap$1(this, content, true);
+      },
+      wrapInner: function (content) {
+        this.each(function () {
+          DomQuery(this).contents().wrapAll(content);
+        });
+        return this;
+      },
+      unwrap: function () {
+        return this.parent().each(function () {
+          DomQuery(this).replaceWith(this.childNodes);
+        });
+      },
+      clone: function () {
+        var result = [];
+        this.each(function () {
+          result.push(this.cloneNode(true));
+        });
+        return DomQuery(result);
+      },
+      addClass: function (className) {
+        return this.toggleClass(className, true);
+      },
+      removeClass: function (className) {
+        return this.toggleClass(className, false);
+      },
+      toggleClass: function (className, state) {
+        var self = this;
+        if (typeof className !== 'string') {
+          return self;
+        }
+        if (className.indexOf(' ') !== -1) {
+          each$4(className.split(' '), function () {
+            self.toggleClass(this, state);
+          });
+        } else {
+          self.each(function (index, node) {
+            var classState = hasClass(node, className);
+            if (classState !== state) {
+              var existingClassName = node.className;
+              if (classState) {
+                node.className = trim$3((' ' + existingClassName + ' ').replace(' ' + className + ' ', ' '));
+              } else {
+                node.className += existingClassName ? ' ' + className : className;
+              }
+            }
+          });
+        }
+        return self;
+      },
+      hasClass: function (className) {
+        return hasClass(this[0], className);
+      },
+      each: function (callback) {
+        return each$4(this, callback);
+      },
+      on: function (name, callback) {
+        return this.each(function () {
+          Event.bind(this, name, callback);
+        });
+      },
+      off: function (name, callback) {
+        return this.each(function () {
+          Event.unbind(this, name, callback);
+        });
+      },
+      trigger: function (name) {
+        return this.each(function () {
+          if (typeof name === 'object') {
+            Event.fire(this, name.type, name);
+          } else {
+            Event.fire(this, name);
+          }
+        });
+      },
+      show: function () {
+        return this.css('display', '');
+      },
+      hide: function () {
+        return this.css('display', 'none');
+      },
+      slice: function () {
+        return new DomQuery(slice$1.apply(this, arguments));
+      },
+      eq: function (index) {
+        return index === -1 ? this.slice(index) : this.slice(index, +index + 1);
+      },
+      first: function () {
+        return this.eq(0);
+      },
+      last: function () {
+        return this.eq(-1);
+      },
+      find: function (selector) {
+        var i, l;
+        var ret = [];
+        for (i = 0, l = this.length; i < l; i++) {
+          DomQuery.find(selector, this[i], ret);
+        }
+        return DomQuery(ret);
+      },
+      filter: function (selector) {
+        if (typeof selector === 'function') {
+          return DomQuery(grep(this.toArray(), function (item, i) {
+            return selector(i, item);
+          }));
+        }
+        return DomQuery(DomQuery.filter(selector, this.toArray()));
+      },
+      closest: function (selector) {
+        var result = [];
+        if (selector instanceof DomQuery) {
+          selector = selector[0];
+        }
+        this.each(function (i, node) {
+          while (node) {
+            if (typeof selector === 'string' && DomQuery(node).is(selector)) {
+              result.push(node);
+              break;
+            } else if (node === selector) {
+              result.push(node);
+              break;
+            }
+            node = node.parentNode;
+          }
+        });
+        return DomQuery(result);
+      },
+      offset: function (offset) {
+        var elm, doc, docElm;
+        var x = 0, y = 0, pos;
+        if (!offset) {
+          elm = this[0];
+          if (elm) {
+            doc = elm.ownerDocument;
+            docElm = doc.documentElement;
+            if (elm.getBoundingClientRect) {
+              pos = elm.getBoundingClientRect();
+              x = pos.left + (docElm.scrollLeft || doc.body.scrollLeft) - docElm.clientLeft;
+              y = pos.top + (docElm.scrollTop || doc.body.scrollTop) - docElm.clientTop;
+            }
+          }
+          return {
+            left: x,
+            top: y
+          };
+        }
+        return this.css(offset);
+      },
+      push: push$1,
+      sort: Array.prototype.sort,
+      splice: Array.prototype.splice
+    };
+    Tools.extend(DomQueryConstructor, {
+      extend: Tools.extend,
+      makeArray: function (object) {
+        if (isWindow(object) || object.nodeType) {
+          return [object];
+        }
+        return Tools.toArray(object);
+      },
+      inArray: inArray$1,
+      isArray: Tools.isArray,
+      each: each$4,
+      trim: trim$3,
+      grep: grep,
+      find: Sizzle,
+      expr: Sizzle.selectors,
+      unique: Sizzle.uniqueSort,
+      text: Sizzle.getText,
+      contains: Sizzle.contains,
+      filter: function (expr, elems, not) {
+        var i = elems.length;
+        if (not) {
+          expr = ':not(' + expr + ')';
+        }
+        while (i--) {
+          if (elems[i].nodeType !== 1) {
+            elems.splice(i, 1);
+          }
+        }
+        if (elems.length === 1) {
+          elems = DomQuery.find.matchesSelector(elems[0], expr) ? [elems[0]] : [];
+        } else {
+          elems = DomQuery.find.matches(expr, elems);
+        }
+        return elems;
+      }
+    });
+    var dir = function (el, prop, until) {
+      var matched = [];
+      var cur = el[prop];
+      if (typeof until !== 'string' && until instanceof DomQuery) {
+        until = until[0];
+      }
+      while (cur && cur.nodeType !== 9) {
+        if (until !== undefined) {
+          if (cur === until) {
+            break;
+          }
+          if (typeof until === 'string' && DomQuery(cur).is(until)) {
+            break;
+          }
+        }
+        if (cur.nodeType === 1) {
+          matched.push(cur);
+        }
+        cur = cur[prop];
+      }
+      return matched;
+    };
+    var sibling$1 = function (node, siblingName, nodeType, until) {
+      var result = [];
+      if (until instanceof DomQuery) {
+        until = until[0];
+      }
+      for (; node; node = node[siblingName]) {
+        if (nodeType && node.nodeType !== nodeType) {
+          continue;
+        }
+        if (until !== undefined) {
+          if (node === until) {
+            break;
+          }
+          if (typeof until === 'string' && DomQuery(node).is(until)) {
+            break;
+          }
+        }
+        result.push(node);
+      }
+      return result;
+    };
+    var firstSibling = function (node, siblingName, nodeType) {
+      for (node = node[siblingName]; node; node = node[siblingName]) {
+        if (node.nodeType === nodeType) {
+          return node;
+        }
+      }
+      return null;
+    };
+    each$4({
+      parent: function (node) {
+        var parent = node.parentNode;
+        return parent && parent.nodeType !== 11 ? parent : null;
+      },
+      parents: function (node) {
+        return dir(node, 'parentNode');
+      },
+      next: function (node) {
+        return firstSibling(node, 'nextSibling', 1);
+      },
+      prev: function (node) {
+        return firstSibling(node, 'previousSibling', 1);
+      },
+      children: function (node) {
+        return sibling$1(node.firstChild, 'nextSibling', 1);
+      },
+      contents: function (node) {
+        return Tools.toArray((node.nodeName === 'iframe' ? node.contentDocument || node.contentWindow.document : node).childNodes);
+      }
+    }, function (name, fn) {
+      DomQueryConstructor.fn[name] = function (selector) {
+        var self = this;
+        var result = [];
+        self.each(function () {
+          var nodes = fn.call(result, this, selector, result);
+          if (nodes) {
+            if (DomQuery.isArray(nodes)) {
+              result.push.apply(result, nodes);
+            } else {
+              result.push(nodes);
+            }
+          }
+        });
+        if (this.length > 1) {
+          if (!skipUniques[name]) {
+            result = DomQuery.unique(result);
+          }
+          if (name.indexOf('parents') === 0) {
+            result = result.reverse();
+          }
+        }
+        var wrappedResult = DomQuery(result);
+        if (selector) {
+          return wrappedResult.filter(selector);
+        }
+        return wrappedResult;
+      };
+    });
+    each$4({
+      parentsUntil: function (node, until) {
+        return dir(node, 'parentNode', until);
+      },
+      nextUntil: function (node, until) {
+        return sibling$1(node, 'nextSibling', 1, until).slice(1);
+      },
+      prevUntil: function (node, until) {
+        return sibling$1(node, 'previousSibling', 1, until).slice(1);
+      }
+    }, function (name, fn) {
+      DomQueryConstructor.fn[name] = function (selector, filter) {
+        var self = this;
+        var result = [];
+        self.each(function () {
+          var nodes = fn.call(result, this, selector, result);
+          if (nodes) {
+            if (DomQuery.isArray(nodes)) {
+              result.push.apply(result, nodes);
+            } else {
+              result.push(nodes);
+            }
+          }
+        });
+        if (this.length > 1) {
+          result = DomQuery.unique(result);
+          if (name.indexOf('parents') === 0 || name === 'prevUntil') {
+            result = result.reverse();
+          }
+        }
+        var wrappedResult = DomQuery(result);
+        if (filter) {
+          return wrappedResult.filter(filter);
+        }
+        return wrappedResult;
+      };
+    });
+    DomQueryConstructor.fn.is = function (selector) {
+      return !!selector && this.filter(selector).length > 0;
+    };
+    DomQueryConstructor.fn.init.prototype = DomQueryConstructor.fn;
+    DomQueryConstructor.overrideDefaults = function (callback) {
+      var defaults;
+      var sub = function (selector, context) {
+        defaults = defaults || callback();
+        if (arguments.length === 0) {
+          selector = defaults.element;
+        }
+        if (!context) {
+          context = defaults.context;
+        }
+        return new sub.fn.init(selector, context);
+      };
+      DomQuery.extend(sub, this);
+      return sub;
+    };
+    DomQueryConstructor.attrHooks = attrHooks;
+    DomQueryConstructor.cssHooks = cssHooks;
+    var DomQuery = DomQueryConstructor;
+
+    var each$5 = Tools.each;
+    var grep$1 = Tools.grep;
+    var isIE = Env.ie;
+    var simpleSelectorRe = /^([a-z0-9],?)+$/i;
+    var setupAttrHooks = function (styles, settings, getContext) {
+      var keepValues = settings.keep_values;
+      var keepUrlHook = {
+        set: function ($elm, value, name) {
+          if (settings.url_converter) {
+            value = settings.url_converter.call(settings.url_converter_scope || getContext(), value, name, $elm[0]);
+          }
+          $elm.attr('data-mce-' + name, value).attr(name, value);
+        },
+        get: function ($elm, name) {
+          return $elm.attr('data-mce-' + name) || $elm.attr(name);
+        }
+      };
+      var attrHooks = {
+        style: {
+          set: function ($elm, value) {
+            if (value !== null && typeof value === 'object') {
+              $elm.css(value);
+              return;
+            }
+            if (keepValues) {
+              $elm.attr('data-mce-style', value);
+            }
+            if (value !== null && typeof value === 'string') {
+              $elm.removeAttr('style');
+              $elm.css(styles.parse(value));
+            } else {
+              $elm.attr('style', value);
+            }
+          },
+          get: function ($elm) {
+            var value = $elm.attr('data-mce-style') || $elm.attr('style');
+            value = styles.serialize(styles.parse(value), $elm[0].nodeName);
+            return value;
+          }
+        }
+      };
+      if (keepValues) {
+        attrHooks.href = attrHooks.src = keepUrlHook;
+      }
+      return attrHooks;
+    };
+    var updateInternalStyleAttr = function (styles, $elm) {
+      var rawValue = $elm.attr('style');
+      var value = styles.serialize(styles.parse(rawValue), $elm[0].nodeName);
+      if (!value) {
+        value = null;
+      }
+      $elm.attr('data-mce-style', value);
+    };
+    var findNodeIndex = function (node, normalized) {
+      var idx = 0, lastNodeType, nodeType;
+      if (node) {
+        for (lastNodeType = node.nodeType, node = node.previousSibling; node; node = node.previousSibling) {
+          nodeType = node.nodeType;
+          if (normalized && nodeType === 3) {
+            if (nodeType === lastNodeType || !node.nodeValue.length) {
+              continue;
+            }
+          }
+          idx++;
+          lastNodeType = nodeType;
+        }
+      }
+      return idx;
+    };
+    function DOMUtils(doc, settings) {
+      var _this = this;
+      if (settings === void 0) {
+        settings = {};
+      }
+      var addedStyles = {};
+      var win = window;
+      var files = {};
+      var counter = 0;
+      var stdMode = true;
+      var boxModel = true;
+      var styleSheetLoader = instance.forElement(SugarElement.fromDom(doc), {
+        contentCssCors: settings.contentCssCors,
+        referrerPolicy: settings.referrerPolicy
+      });
+      var boundEvents = [];
+      var schema = settings.schema ? settings.schema : Schema({});
+      var styles = Styles({
+        url_converter: settings.url_converter,
+        url_converter_scope: settings.url_converter_scope
+      }, settings.schema);
+      var events = settings.ownEvents ? new EventUtils() : EventUtils.Event;
+      var blockElementsMap = schema.getBlockElements();
+      var $ = DomQuery.overrideDefaults(function () {
+        return {
+          context: doc,
+          element: self.getRoot()
+        };
+      });
+      var isBlock = function (node) {
+        if (typeof node === 'string') {
+          return !!blockElementsMap[node];
+        } else if (node) {
+          var type = node.nodeType;
+          if (type) {
+            return !!(type === 1 && blockElementsMap[node.nodeName]);
+          }
+        }
+        return false;
+      };
+      var get = function (elm) {
+        return elm && doc && isString(elm) ? doc.getElementById(elm) : elm;
+      };
+      var $$ = function (elm) {
+        return $(typeof elm === 'string' ? get(elm) : elm);
+      };
+      var getAttrib = function (elm, name, defaultVal) {
+        var hook, value;
+        var $elm = $$(elm);
+        if ($elm.length) {
+          hook = attrHooks[name];
+          if (hook && hook.get) {
+            value = hook.get($elm, name);
+          } else {
+            value = $elm.attr(name);
+          }
+        }
+        if (typeof value === 'undefined') {
+          value = defaultVal || '';
+        }
+        return value;
+      };
+      var getAttribs = function (elm) {
+        var node = get(elm);
+        if (!node) {
+          return [];
+        }
+        return node.attributes;
+      };
+      var setAttrib = function (elm, name, value) {
+        if (value === '') {
+          value = null;
+        }
+        var $elm = $$(elm);
+        var originalValue = $elm.attr(name);
+        if (!$elm.length) {
+          return;
+        }
+        var hook = attrHooks[name];
+        if (hook && hook.set) {
+          hook.set($elm, value, name);
+        } else {
+          $elm.attr(name, value);
+        }
+        if (originalValue !== value && settings.onSetAttrib) {
+          settings.onSetAttrib({
+            attrElm: $elm,
+            attrName: name,
+            attrValue: value
+          });
+        }
+      };
+      var clone = function (node, deep) {
+        if (!isIE || node.nodeType !== 1 || deep) {
+          return node.cloneNode(deep);
+        } else {
+          var clone_1 = doc.createElement(node.nodeName);
+          each$5(getAttribs(node), function (attr) {
+            setAttrib(clone_1, attr.nodeName, getAttrib(node, attr.nodeName));
+          });
+          return clone_1;
+        }
+      };
+      var getRoot = function () {
+        return settings.root_element || doc.body;
+      };
+      var getViewPort = function (argWin) {
+        var vp = getBounds(argWin);
+        return {
+          x: vp.x,
+          y: vp.y,
+          w: vp.width,
+          h: vp.height
+        };
+      };
+      var getPos$1 = function (elm, rootElm) {
+        return getPos(doc.body, get(elm), rootElm);
+      };
+      var setStyle = function (elm, name, value) {
+        var $elm = isString(name) ? $$(elm).css(name, value) : $$(elm).css(name);
+        if (settings.update_styles) {
+          updateInternalStyleAttr(styles, $elm);
+        }
+      };
+      var setStyles = function (elm, stylesArg) {
+        var $elm = $$(elm).css(stylesArg);
+        if (settings.update_styles) {
+          updateInternalStyleAttr(styles, $elm);
+        }
+      };
+      var getStyle = function (elm, name, computed) {
+        var $elm = $$(elm);
+        if (computed) {
+          return $elm.css(name);
+        }
+        name = name.replace(/-(\D)/g, function (a, b) {
+          return b.toUpperCase();
+        });
+        if (name === 'float') {
+          name = Env.browser.isIE() ? 'styleFloat' : 'cssFloat';
+        }
+        return $elm[0] && $elm[0].style ? $elm[0].style[name] : undefined;
+      };
+      var getSize = function (elm) {
+        var w, h;
+        elm = get(elm);
+        w = getStyle(elm, 'width');
+        h = getStyle(elm, 'height');
+        if (w.indexOf('px') === -1) {
+          w = 0;
+        }
+        if (h.indexOf('px') === -1) {
+          h = 0;
+        }
+        return {
+          w: parseInt(w, 10) || elm.offsetWidth || elm.clientWidth,
+          h: parseInt(h, 10) || elm.offsetHeight || elm.clientHeight
+        };
+      };
+      var getRect = function (elm) {
+        elm = get(elm);
+        var pos = getPos$1(elm);
+        var size = getSize(elm);
+        return {
+          x: pos.x,
+          y: pos.y,
+          w: size.w,
+          h: size.h
+        };
+      };
+      var is = function (elm, selector) {
+        var i;
+        if (!elm) {
+          return false;
+        }
+        if (!Array.isArray(elm)) {
+          if (selector === '*') {
+            return elm.nodeType === 1;
+          }
+          if (simpleSelectorRe.test(selector)) {
+            var selectors = selector.toLowerCase().split(/,/);
+            var elmName = elm.nodeName.toLowerCase();
+            for (i = selectors.length - 1; i >= 0; i--) {
+              if (selectors[i] === elmName) {
+                return true;
+              }
+            }
+            return false;
+          }
+          if (elm.nodeType && elm.nodeType !== 1) {
+            return false;
+          }
+        }
+        var elms = !Array.isArray(elm) ? [elm] : elm;
+        return Sizzle(selector, elms[0].ownerDocument || elms[0], null, elms).length > 0;
+      };
+      var getParents = function (elm, selector, root, collect) {
+        var result = [];
+        var selectorVal;
+        var node = get(elm);
+        collect = collect === undefined;
+        root = root || (getRoot().nodeName !== 'BODY' ? getRoot().parentNode : null);
+        if (Tools.is(selector, 'string')) {
+          selectorVal = selector;
+          if (selector === '*') {
+            selector = function (node) {
+              return node.nodeType === 1;
+            };
+          } else {
+            selector = function (node) {
+              return is(node, selectorVal);
+            };
+          }
+        }
+        while (node) {
+          if (node === root || isNullable(node.nodeType) || isDocument$1(node) || isDocumentFragment$1(node)) {
+            break;
+          }
+          if (!selector || typeof selector === 'function' && selector(node)) {
+            if (collect) {
+              result.push(node);
+            } else {
+              return [node];
+            }
+          }
+          node = node.parentNode;
+        }
+        return collect ? result : null;
+      };
+      var getParent = function (node, selector, root) {
+        var parents = getParents(node, selector, root, false);
+        return parents && parents.length > 0 ? parents[0] : null;
+      };
+      var _findSib = function (node, selector, name) {
+        var func = selector;
+        if (node) {
+          if (typeof selector === 'string') {
+            func = function (node) {
+              return is(node, selector);
+            };
+          }
+          for (node = node[name]; node; node = node[name]) {
+            if (typeof func === 'function' && func(node)) {
+              return node;
+            }
+          }
+        }
+        return null;
+      };
+      var getNext = function (node, selector) {
+        return _findSib(node, selector, 'nextSibling');
+      };
+      var getPrev = function (node, selector) {
+        return _findSib(node, selector, 'previousSibling');
+      };
+      var select = function (selector, scope) {
+        return Sizzle(selector, get(scope) || settings.root_element || doc, []);
+      };
+      var run = function (elm, func, scope) {
+        var result;
+        var node = typeof elm === 'string' ? get(elm) : elm;
+        if (!node) {
+          return false;
+        }
+        if (Tools.isArray(node) && (node.length || node.length === 0)) {
+          result = [];
+          each$5(node, function (elm, i) {
+            if (elm) {
+              result.push(func.call(scope, typeof elm === 'string' ? get(elm) : elm, i));
+            }
+          });
+          return result;
+        }
+        var context = scope ? scope : _this;
+        return func.call(context, node);
+      };
+      var setAttribs = function (elm, attrs) {
+        $$(elm).each(function (i, node) {
+          each$5(attrs, function (value, name) {
+            setAttrib(node, name, value);
+          });
+        });
+      };
+      var setHTML = function (elm, html) {
+        var $elm = $$(elm);
+        if (isIE) {
+          $elm.each(function (i, target) {
+            if (target.canHaveHTML === false) {
+              return;
+            }
+            while (target.firstChild) {
+              target.removeChild(target.firstChild);
+            }
+            try {
+              target.innerHTML = '<br>' + html;
+              target.removeChild(target.firstChild);
+            } catch (ex) {
+              DomQuery('<div></div>').html('<br>' + html).contents().slice(1).appendTo(target);
+            }
+            return html;
+          });
+        } else {
+          $elm.html(html);
+        }
+      };
+      var add = function (parentElm, name, attrs, html, create) {
+        return run(parentElm, function (parentElm) {
+          var newElm = typeof name === 'string' ? doc.createElement(name) : name;
+          setAttribs(newElm, attrs);
+          if (html) {
+            if (typeof html !== 'string' && html.nodeType) {
+              newElm.appendChild(html);
+            } else if (typeof html === 'string') {
+              setHTML(newElm, html);
+            }
+          }
+          return !create ? parentElm.appendChild(newElm) : newElm;
+        });
+      };
+      var create = function (name, attrs, html) {
+        return add(doc.createElement(name), name, attrs, html, true);
+      };
+      var decode = Entities.decode;
+      var encode = Entities.encodeAllRaw;
+      var createHTML = function (name, attrs, html) {
+        var outHtml = '', key;
+        outHtml += '<' + name;
+        for (key in attrs) {
+          if (attrs.hasOwnProperty(key) && attrs[key] !== null && typeof attrs[key] !== 'undefined') {
+            outHtml += ' ' + key + '="' + encode(attrs[key]) + '"';
+          }
+        }
+        if (typeof html !== 'undefined') {
+          return outHtml + '>' + html + '</' + name + '>';
+        }
+        return outHtml + ' />';
+      };
+      var createFragment = function (html) {
+        var node;
+        var container = doc.createElement('div');
+        var frag = doc.createDocumentFragment();
+        frag.appendChild(container);
+        if (html) {
+          container.innerHTML = html;
+        }
+        while (node = container.firstChild) {
+          frag.appendChild(node);
+        }
+        frag.removeChild(container);
+        return frag;
+      };
+      var remove = function (node, keepChildren) {
+        var $node = $$(node);
+        if (keepChildren) {
+          $node.each(function () {
+            var child;
+            while (child = this.firstChild) {
+              if (child.nodeType === 3 && child.data.length === 0) {
+                this.removeChild(child);
+              } else {
+                this.parentNode.insertBefore(child, this);
+              }
+            }
+          }).remove();
+        } else {
+          $node.remove();
+        }
+        return $node.length > 1 ? $node.toArray() : $node[0];
+      };
+      var removeAllAttribs = function (e) {
+        return run(e, function (e) {
+          var i;
+          var attrs = e.attributes;
+          for (i = attrs.length - 1; i >= 0; i--) {
+            e.removeAttributeNode(attrs.item(i));
+          }
+        });
+      };
+      var parseStyle = function (cssText) {
+        return styles.parse(cssText);
+      };
+      var serializeStyle = function (stylesArg, name) {
+        return styles.serialize(stylesArg, name);
+      };
+      var addStyle = function (cssText) {
+        var head, styleElm;
+        if (self !== DOMUtils.DOM && doc === document) {
+          if (addedStyles[cssText]) {
+            return;
+          }
+          addedStyles[cssText] = true;
+        }
+        styleElm = doc.getElementById('mceDefaultStyles');
+        if (!styleElm) {
+          styleElm = doc.createElement('style');
+          styleElm.id = 'mceDefaultStyles';
+          styleElm.type = 'text/css';
+          head = doc.getElementsByTagName('head')[0];
+          if (head.firstChild) {
+            head.insertBefore(styleElm, head.firstChild);
+          } else {
+            head.appendChild(styleElm);
+          }
+        }
+        if (styleElm.styleSheet) {
+          styleElm.styleSheet.cssText += cssText;
+        } else {
+          styleElm.appendChild(doc.createTextNode(cssText));
+        }
+      };
+      var loadCSS = function (urls) {
+        if (!urls) {
+          urls = '';
+        }
+        each(urls.split(','), function (url) {
+          files[url] = true;
+          styleSheetLoader.load(url, noop);
+        });
+      };
+      var toggleClass = function (elm, cls, state) {
+        $$(elm).toggleClass(cls, state).each(function () {
+          if (this.className === '') {
+            DomQuery(this).attr('class', null);
+          }
+        });
+      };
+      var addClass = function (elm, cls) {
+        $$(elm).addClass(cls);
+      };
+      var removeClass = function (elm, cls) {
+        toggleClass(elm, cls, false);
+      };
+      var hasClass = function (elm, cls) {
+        return $$(elm).hasClass(cls);
+      };
+      var show = function (elm) {
+        $$(elm).show();
+      };
+      var hide = function (elm) {
+        $$(elm).hide();
+      };
+      var isHidden = function (elm) {
+        return $$(elm).css('display') === 'none';
+      };
+      var uniqueId = function (prefix) {
+        return (!prefix ? 'mce_' : prefix) + counter++;
+      };
+      var getOuterHTML = function (elm) {
+        var node = typeof elm === 'string' ? get(elm) : elm;
+        return isElement$1(node) ? node.outerHTML : DomQuery('<div></div>').append(DomQuery(node).clone()).html();
+      };
+      var setOuterHTML = function (elm, html) {
+        $$(elm).each(function () {
+          try {
+            if ('outerHTML' in this) {
+              this.outerHTML = html;
+              return;
+            }
+          } catch (ex) {
+          }
+          remove(DomQuery(this).html(html), true);
+        });
+      };
+      var insertAfter = function (node, reference) {
+        var referenceNode = get(reference);
+        return run(node, function (node) {
+          var parent = referenceNode.parentNode;
+          var nextSibling = referenceNode.nextSibling;
+          if (nextSibling) {
+            parent.insertBefore(node, nextSibling);
+          } else {
+            parent.appendChild(node);
+          }
+          return node;
+        });
+      };
+      var replace = function (newElm, oldElm, keepChildren) {
+        return run(oldElm, function (oldElm) {
+          if (Tools.is(oldElm, 'array')) {
+            newElm = newElm.cloneNode(true);
+          }
+          if (keepChildren) {
+            each$5(grep$1(oldElm.childNodes), function (node) {
+              newElm.appendChild(node);
+            });
+          }
+          return oldElm.parentNode.replaceChild(newElm, oldElm);
+        });
+      };
+      var rename = function (elm, name) {
+        var newElm;
+        if (elm.nodeName !== name.toUpperCase()) {
+          newElm = create(name);
+          each$5(getAttribs(elm), function (attrNode) {
+            setAttrib(newElm, attrNode.nodeName, getAttrib(elm, attrNode.nodeName));
+          });
+          replace(newElm, elm, true);
+        }
+        return newElm || elm;
+      };
+      var findCommonAncestor = function (a, b) {
+        var ps = a, pe;
+        while (ps) {
+          pe = b;
+          while (pe && ps !== pe) {
+            pe = pe.parentNode;
+          }
+          if (ps === pe) {
+            break;
+          }
+          ps = ps.parentNode;
+        }
+        if (!ps && a.ownerDocument) {
+          return a.ownerDocument.documentElement;
+        }
+        return ps;
+      };
+      var toHex = function (rgbVal) {
+        return styles.toHex(Tools.trim(rgbVal));
+      };
+      var isNonEmptyElement = function (node) {
+        if (isElement$1(node)) {
+          var isNamedAnchor = node.nodeName.toLowerCase() === 'a' && !getAttrib(node, 'href') && getAttrib(node, 'id');
+          if (getAttrib(node, 'name') || getAttrib(node, 'data-mce-bookmark') || isNamedAnchor) {
+            return true;
+          }
+        }
+        return false;
+      };
+      var isEmpty = function (node, elements) {
+        var type, name, brCount = 0;
+        if (isNonEmptyElement(node)) {
+          return false;
+        }
+        node = node.firstChild;
+        if (node) {
+          var walker = new DomTreeWalker(node, node.parentNode);
+          var whitespace = schema ? schema.getWhiteSpaceElements() : {};
+          elements = elements || (schema ? schema.getNonEmptyElements() : null);
+          do {
+            type = node.nodeType;
+            if (isElement$1(node)) {
+              var bogusVal = node.getAttribute('data-mce-bogus');
+              if (bogusVal) {
+                node = walker.next(bogusVal === 'all');
+                continue;
+              }
+              name = node.nodeName.toLowerCase();
+              if (elements && elements[name]) {
+                if (name === 'br') {
+                  brCount++;
+                  node = walker.next();
+                  continue;
+                }
+                return false;
+              }
+              if (isNonEmptyElement(node)) {
+                return false;
+              }
+            }
+            if (type === 8) {
+              return false;
+            }
+            if (type === 3 && !isWhitespaceText(node.nodeValue)) {
+              return false;
+            }
+            if (type === 3 && node.parentNode && whitespace[node.parentNode.nodeName] && isWhitespaceText(node.nodeValue)) {
+              return false;
+            }
+            node = walker.next();
+          } while (node);
+        }
+        return brCount <= 1;
+      };
+      var createRng = function () {
+        return doc.createRange();
+      };
+      var split = function (parentElm, splitElm, replacementElm) {
+        var range = createRng();
+        var beforeFragment;
+        var afterFragment;
+        var parentNode;
+        if (parentElm && splitElm) {
+          range.setStart(parentElm.parentNode, findNodeIndex(parentElm));
+          range.setEnd(splitElm.parentNode, findNodeIndex(splitElm));
+          beforeFragment = range.extractContents();
+          range = createRng();
+          range.setStart(splitElm.parentNode, findNodeIndex(splitElm) + 1);
+          range.setEnd(parentElm.parentNode, findNodeIndex(parentElm) + 1);
+          afterFragment = range.extractContents();
+          parentNode = parentElm.parentNode;
+          parentNode.insertBefore(trimNode(self, beforeFragment), parentElm);
+          if (replacementElm) {
+            parentNode.insertBefore(replacementElm, parentElm);
+          } else {
+            parentNode.insertBefore(splitElm, parentElm);
+          }
+          parentNode.insertBefore(trimNode(self, afterFragment), parentElm);
+          remove(parentElm);
+          return replacementElm || splitElm;
+        }
+      };
+      var bind = function (target, name, func, scope) {
+        if (Tools.isArray(target)) {
+          var i = target.length;
+          var rv = [];
+          while (i--) {
+            rv[i] = bind(target[i], name, func, scope);
+          }
+          return rv;
+        }
+        if (settings.collect && (target === doc || target === win)) {
+          boundEvents.push([
+            target,
+            name,
+            func,
+            scope
+          ]);
+        }
+        var output = events.bind(target, name, func, scope || self);
+        return output;
+      };
+      var unbind = function (target, name, func) {
+        if (Tools.isArray(target)) {
+          var i = target.length;
+          var rv = [];
+          while (i--) {
+            rv[i] = unbind(target[i], name, func);
+          }
+          return rv;
+        } else {
+          if (boundEvents.length > 0 && (target === doc || target === win)) {
+            var i = boundEvents.length;
+            while (i--) {
+              var item = boundEvents[i];
+              if (target === item[0] && (!name || name === item[1]) && (!func || func === item[2])) {
+                events.unbind(item[0], item[1], item[2]);
+              }
+            }
+          }
+          return events.unbind(target, name, func);
+        }
+      };
+      var fire = function (target, name, evt) {
+        return events.fire(target, name, evt);
+      };
+      var getContentEditable = function (node) {
+        if (node && isElement$1(node)) {
+          var contentEditable = node.getAttribute('data-mce-contenteditable');
+          if (contentEditable && contentEditable !== 'inherit') {
+            return contentEditable;
+          }
+          return node.contentEditable !== 'inherit' ? node.contentEditable : null;
+        } else {
+          return null;
+        }
+      };
+      var getContentEditableParent = function (node) {
+        var root = getRoot();
+        var state = null;
+        for (; node && node !== root; node = node.parentNode) {
+          state = getContentEditable(node);
+          if (state !== null) {
+            break;
+          }
+        }
+        return state;
+      };
+      var destroy = function () {
+        if (boundEvents.length > 0) {
+          var i = boundEvents.length;
+          while (i--) {
+            var item = boundEvents[i];
+            events.unbind(item[0], item[1], item[2]);
+          }
+        }
+        each$1(files, function (_, url) {
+          styleSheetLoader.unload(url);
+          delete files[url];
+        });
+        if (Sizzle.setDocument) {
+          Sizzle.setDocument();
+        }
+      };
+      var isChildOf = function (node, parent) {
+        while (node) {
+          if (parent === node) {
+            return true;
+          }
+          node = node.parentNode;
+        }
+        return false;
+      };
+      var dumpRng = function (r) {
+        return 'startContainer: ' + r.startContainer.nodeName + ', startOffset: ' + r.startOffset + ', endContainer: ' + r.endContainer.nodeName + ', endOffset: ' + r.endOffset;
+      };
+      var self = {
+        doc: doc,
+        settings: settings,
+        win: win,
+        files: files,
+        stdMode: stdMode,
+        boxModel: boxModel,
+        styleSheetLoader: styleSheetLoader,
+        boundEvents: boundEvents,
+        styles: styles,
+        schema: schema,
+        events: events,
+        isBlock: isBlock,
+        $: $,
+        $$: $$,
+        root: null,
+        clone: clone,
+        getRoot: getRoot,
+        getViewPort: getViewPort,
+        getRect: getRect,
+        getSize: getSize,
+        getParent: getParent,
+        getParents: getParents,
+        get: get,
+        getNext: getNext,
+        getPrev: getPrev,
+        select: select,
+        is: is,
+        add: add,
+        create: create,
+        createHTML: createHTML,
+        createFragment: createFragment,
+        remove: remove,
+        setStyle: setStyle,
+        getStyle: getStyle,
+        setStyles: setStyles,
+        removeAllAttribs: removeAllAttribs,
+        setAttrib: setAttrib,
+        setAttribs: setAttribs,
+        getAttrib: getAttrib,
+        getPos: getPos$1,
+        parseStyle: parseStyle,
+        serializeStyle: serializeStyle,
+        addStyle: addStyle,
+        loadCSS: loadCSS,
+        addClass: addClass,
+        removeClass: removeClass,
+        hasClass: hasClass,
+        toggleClass: toggleClass,
+        show: show,
+        hide: hide,
+        isHidden: isHidden,
+        uniqueId: uniqueId,
+        setHTML: setHTML,
+        getOuterHTML: getOuterHTML,
+        setOuterHTML: setOuterHTML,
+        decode: decode,
+        encode: encode,
+        insertAfter: insertAfter,
+        replace: replace,
+        rename: rename,
+        findCommonAncestor: findCommonAncestor,
+        toHex: toHex,
+        run: run,
+        getAttribs: getAttribs,
+        isEmpty: isEmpty,
+        createRng: createRng,
+        nodeIndex: findNodeIndex,
+        split: split,
+        bind: bind,
+        unbind: unbind,
+        fire: fire,
+        getContentEditable: getContentEditable,
+        getContentEditableParent: getContentEditableParent,
+        destroy: destroy,
+        isChildOf: isChildOf,
+        dumpRng: dumpRng
+      };
+      var attrHooks = setupAttrHooks(styles, settings, function () {
+        return self;
+      });
+      return self;
+    }
+    (function (DOMUtils) {
+      DOMUtils.DOM = DOMUtils(document);
+      DOMUtils.nodeIndex = findNodeIndex;
+    }(DOMUtils || (DOMUtils = {})));
+    var DOMUtils$1 = DOMUtils;
+
+    var DOM = DOMUtils$1.DOM;
+    var each$6 = Tools.each, grep$2 = Tools.grep;
+    var QUEUED = 0;
+    var LOADING = 1;
+    var LOADED = 2;
+    var FAILED = 3;
+    var ScriptLoader = function () {
+      function ScriptLoader(settings) {
+        if (settings === void 0) {
+          settings = {};
+        }
+        this.states = {};
+        this.queue = [];
+        this.scriptLoadedCallbacks = {};
+        this.queueLoadedCallbacks = [];
+        this.loading = 0;
+        this.settings = settings;
+      }
+      ScriptLoader.prototype._setReferrerPolicy = function (referrerPolicy) {
+        this.settings.referrerPolicy = referrerPolicy;
+      };
+      ScriptLoader.prototype.loadScript = function (url, success, failure) {
+        var dom = DOM;
+        var elm;
+        var cleanup = function () {
+          dom.remove(id);
+          if (elm) {
+            elm.onerror = elm.onload = elm = null;
+          }
+        };
+        var done = function () {
+          cleanup();
+          success();
+        };
+        var error = function () {
+          cleanup();
+          if (isFunction(failure)) {
+            failure();
+          } else {
+            if (typeof console !== 'undefined' && console.log) {
+              console.log('Failed to load script: ' + url);
+            }
+          }
+        };
+        var id = dom.uniqueId();
+        elm = document.createElement('script');
+        elm.id = id;
+        elm.type = 'text/javascript';
+        elm.src = Tools._addCacheSuffix(url);
+        if (this.settings.referrerPolicy) {
+          dom.setAttrib(elm, 'referrerpolicy', this.settings.referrerPolicy);
+        }
+        elm.onload = done;
+        elm.onerror = error;
+        (document.getElementsByTagName('head')[0] || document.body).appendChild(elm);
+      };
+      ScriptLoader.prototype.isDone = function (url) {
+        return this.states[url] === LOADED;
+      };
+      ScriptLoader.prototype.markDone = function (url) {
+        this.states[url] = LOADED;
+      };
+      ScriptLoader.prototype.add = function (url, success, scope, failure) {
+        var state = this.states[url];
+        this.queue.push(url);
+        if (state === undefined) {
+          this.states[url] = QUEUED;
+        }
+        if (success) {
+          if (!this.scriptLoadedCallbacks[url]) {
+            this.scriptLoadedCallbacks[url] = [];
+          }
+          this.scriptLoadedCallbacks[url].push({
+            success: success,
+            failure: failure,
+            scope: scope || this
+          });
+        }
+      };
+      ScriptLoader.prototype.load = function (url, success, scope, failure) {
+        return this.add(url, success, scope, failure);
+      };
+      ScriptLoader.prototype.remove = function (url) {
+        delete this.states[url];
+        delete this.scriptLoadedCallbacks[url];
+      };
+      ScriptLoader.prototype.loadQueue = function (success, scope, failure) {
+        this.loadScripts(this.queue, success, scope, failure);
+      };
+      ScriptLoader.prototype.loadScripts = function (scripts, success, scope, failure) {
+        var self = this;
+        var failures = [];
+        var execCallbacks = function (name, url) {
+          each$6(self.scriptLoadedCallbacks[url], function (callback) {
+            if (isFunction(callback[name])) {
+              callback[name].call(callback.scope);
+            }
+          });
+          self.scriptLoadedCallbacks[url] = undefined;
+        };
+        self.queueLoadedCallbacks.push({
+          success: success,
+          failure: failure,
+          scope: scope || this
+        });
+        var loadScripts = function () {
+          var loadingScripts = grep$2(scripts);
+          scripts.length = 0;
+          each$6(loadingScripts, function (url) {
+            if (self.states[url] === LOADED) {
+              execCallbacks('success', url);
+              return;
+            }
+            if (self.states[url] === FAILED) {
+              execCallbacks('failure', url);
+              return;
+            }
+            if (self.states[url] !== LOADING) {
+              self.states[url] = LOADING;
+              self.loading++;
+              self.loadScript(url, function () {
+                self.states[url] = LOADED;
+                self.loading--;
+                execCallbacks('success', url);
+                loadScripts();
+              }, function () {
+                self.states[url] = FAILED;
+                self.loading--;
+                failures.push(url);
+                execCallbacks('failure', url);
+                loadScripts();
+              });
+            }
+          });
+          if (!self.loading) {
+            var notifyCallbacks = self.queueLoadedCallbacks.slice(0);
+            self.queueLoadedCallbacks.length = 0;
+            each$6(notifyCallbacks, function (callback) {
+              if (failures.length === 0) {
+                if (isFunction(callback.success)) {
+                  callback.success.call(callback.scope);
+                }
+              } else {
+                if (isFunction(callback.failure)) {
+                  callback.failure.call(callback.scope, failures);
+                }
+              }
+            });
+          }
+        };
+        loadScripts();
+      };
+      ScriptLoader.ScriptLoader = new ScriptLoader();
+      return ScriptLoader;
+    }();
+
+    var Cell = function (initial) {
+      var value = initial;
+      var get = function () {
+        return value;
+      };
+      var set = function (v) {
+        value = v;
+      };
+      return {
+        get: get,
+        set: set
+      };
+    };
+
+    var isRaw = function (str) {
+      return isObject(str) && has(str, 'raw');
+    };
+    var isTokenised = function (str) {
+      return isArray(str) && str.length > 1;
+    };
+    var data = {};
+    var currentCode = Cell('en');
+    var getLanguageData = function () {
+      return get$1(data, currentCode.get());
+    };
+    var getData = function () {
+      return map$1(data, function (value) {
+        return __assign({}, value);
+      });
+    };
+    var setCode = function (newCode) {
+      if (newCode) {
+        currentCode.set(newCode);
+      }
+    };
+    var getCode = function () {
+      return currentCode.get();
+    };
+    var add = function (code, items) {
+      var langData = data[code];
+      if (!langData) {
+        data[code] = langData = {};
+      }
+      each$1(items, function (translation, name) {
+        langData[name.toLowerCase()] = translation;
+      });
+    };
+    var translate = function (text) {
+      var langData = getLanguageData().getOr({});
+      var toString = function (obj) {
+        if (isFunction(obj)) {
+          return Object.prototype.toString.call(obj);
+        }
+        return !isEmpty(obj) ? '' + obj : '';
+      };
+      var isEmpty = function (text) {
+        return text === '' || text === null || text === undefined;
+      };
+      var getLangData = function (text) {
+        var textstr = toString(text);
+        return get$1(langData, textstr.toLowerCase()).map(toString).getOr(textstr);
+      };
+      var removeContext = function (str) {
+        return str.replace(/{context:\w+}$/, '');
+      };
+      if (isEmpty(text)) {
+        return '';
+      }
+      if (isRaw(text)) {
+        return toString(text.raw);
+      }
+      if (isTokenised(text)) {
+        var values_1 = text.slice(1);
+        var substitued = getLangData(text[0]).replace(/\{([0-9]+)\}/g, function ($1, $2) {
+          return has(values_1, $2) ? toString(values_1[$2]) : $1;
+        });
+        return removeContext(substitued);
+      }
+      return removeContext(getLangData(text));
+    };
+    var isRtl = function () {
+      return getLanguageData().bind(function (items) {
+        return get$1(items, '_dir');
+      }).exists(function (dir) {
+        return dir === 'rtl';
+      });
+    };
+    var hasCode = function (code) {
+      return has(data, code);
+    };
+    var I18n = {
+      getData: getData,
+      setCode: setCode,
+      getCode: getCode,
+      add: add,
+      translate: translate,
+      isRtl: isRtl,
+      hasCode: hasCode
+    };
+
+    function AddOnManager() {
+      var _this = this;
+      var items = [];
+      var urls = {};
+      var lookup = {};
+      var _listeners = [];
+      var runListeners = function (name, state) {
+        var matchedListeners = filter(_listeners, function (listener) {
+          return listener.name === name && listener.state === state;
+        });
+        each(matchedListeners, function (listener) {
+          return listener.callback();
+        });
+      };
+      var get = function (name) {
+        if (lookup[name]) {
+          return lookup[name].instance;
+        }
+        return undefined;
+      };
+      var dependencies = function (name) {
+        var result;
+        if (lookup[name]) {
+          result = lookup[name].dependencies;
+        }
+        return result || [];
+      };
+      var requireLangPack = function (name, languages) {
+        if (AddOnManager.languageLoad !== false) {
+          waitFor(name, function () {
+            var language = I18n.getCode();
+            var wrappedLanguages = ',' + (languages || '') + ',';
+            if (!language || languages && wrappedLanguages.indexOf(',' + language + ',') === -1) {
+              return;
+            }
+            ScriptLoader.ScriptLoader.add(urls[name] + '/langs/' + language + '.js');
+          }, 'loaded');
+        }
+      };
+      var add = function (id, addOn, dependencies) {
+        var addOnConstructor = addOn;
+        items.push(addOnConstructor);
+        lookup[id] = {
+          instance: addOnConstructor,
+          dependencies: dependencies
+        };
+        runListeners(id, 'added');
+        return addOnConstructor;
+      };
+      var remove = function (name) {
+        delete urls[name];
+        delete lookup[name];
+      };
+      var createUrl = function (baseUrl, dep) {
+        if (typeof dep === 'object') {
+          return dep;
+        }
+        return typeof baseUrl === 'string' ? {
+          prefix: '',
+          resource: dep,
+          suffix: ''
+        } : {
+          prefix: baseUrl.prefix,
+          resource: dep,
+          suffix: baseUrl.suffix
+        };
+      };
+      var addComponents = function (pluginName, scripts) {
+        var pluginUrl = _this.urls[pluginName];
+        each(scripts, function (script) {
+          ScriptLoader.ScriptLoader.add(pluginUrl + '/' + script);
+        });
+      };
+      var loadDependencies = function (name, addOnUrl, success, scope) {
+        var deps = dependencies(name);
+        each(deps, function (dep) {
+          var newUrl = createUrl(addOnUrl, dep);
+          load(newUrl.resource, newUrl, undefined, undefined);
+        });
+        if (success) {
+          if (scope) {
+            success.call(scope);
+          } else {
+            success.call(ScriptLoader);
+          }
+        }
+      };
+      var load = function (name, addOnUrl, success, scope, failure) {
+        if (urls[name]) {
+          return;
+        }
+        var urlString = typeof addOnUrl === 'string' ? addOnUrl : addOnUrl.prefix + addOnUrl.resource + addOnUrl.suffix;
+        if (urlString.indexOf('/') !== 0 && urlString.indexOf('://') === -1) {
+          urlString = AddOnManager.baseURL + '/' + urlString;
+        }
+        urls[name] = urlString.substring(0, urlString.lastIndexOf('/'));
+        var done = function () {
+          runListeners(name, 'loaded');
+          loadDependencies(name, addOnUrl, success, scope);
+        };
+        if (lookup[name]) {
+          done();
+        } else {
+          ScriptLoader.ScriptLoader.add(urlString, done, scope, failure);
+        }
+      };
+      var waitFor = function (name, callback, state) {
+        if (state === void 0) {
+          state = 'added';
+        }
+        if (has(lookup, name) && state === 'added') {
+          callback();
+        } else if (has(urls, name) && state === 'loaded') {
+          callback();
+        } else {
+          _listeners.push({
+            name: name,
+            state: state,
+            callback: callback
+          });
+        }
+      };
+      return {
+        items: items,
+        urls: urls,
+        lookup: lookup,
+        _listeners: _listeners,
+        get: get,
+        dependencies: dependencies,
+        requireLangPack: requireLangPack,
+        add: add,
+        remove: remove,
+        createUrl: createUrl,
+        addComponents: addComponents,
+        load: load,
+        waitFor: waitFor
+      };
+    }
+    (function (AddOnManager) {
+      AddOnManager.PluginManager = AddOnManager();
+      AddOnManager.ThemeManager = AddOnManager();
+    }(AddOnManager || (AddOnManager = {})));
+    var AddOnManager$1 = AddOnManager;
+
+    var first = function (fn, rate) {
+      var timer = null;
+      var cancel = function () {
+        if (timer !== null) {
+          clearTimeout(timer);
+          timer = null;
+        }
+      };
+      var throttle = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        if (timer === null) {
+          timer = setTimeout(function () {
+            fn.apply(null, args);
+            timer = null;
+          }, rate);
+        }
+      };
+      return {
+        cancel: cancel,
+        throttle: throttle
+      };
+    };
+    var last$2 = function (fn, rate) {
+      var timer = null;
+      var cancel = function () {
+        if (timer !== null) {
+          clearTimeout(timer);
+          timer = null;
+        }
+      };
+      var throttle = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        if (timer !== null) {
+          clearTimeout(timer);
+        }
+        timer = setTimeout(function () {
+          fn.apply(null, args);
+          timer = null;
+        }, rate);
+      };
+      return {
+        cancel: cancel,
+        throttle: throttle
+      };
+    };
+
+    var read = function (element, attr) {
+      var value = get$4(element, attr);
+      return value === undefined || value === '' ? [] : value.split(' ');
+    };
+    var add$1 = function (element, attr, id) {
+      var old = read(element, attr);
+      var nu = old.concat([id]);
+      set(element, attr, nu.join(' '));
+      return true;
+    };
+    var remove$2 = function (element, attr, id) {
+      var nu = filter(read(element, attr), function (v) {
+        return v !== id;
+      });
+      if (nu.length > 0) {
+        set(element, attr, nu.join(' '));
+      } else {
+        remove$1(element, attr);
+      }
+      return false;
+    };
+
+    var supports = function (element) {
+      return element.dom.classList !== undefined;
+    };
+    var get$6 = function (element) {
+      return read(element, 'class');
+    };
+    var add$2 = function (element, clazz) {
+      return add$1(element, 'class', clazz);
+    };
+    var remove$3 = function (element, clazz) {
+      return remove$2(element, 'class', clazz);
+    };
+
+    var add$3 = function (element, clazz) {
+      if (supports(element)) {
+        element.dom.classList.add(clazz);
+      } else {
+        add$2(element, clazz);
+      }
+    };
+    var cleanClass = function (element) {
+      var classList = supports(element) ? element.dom.classList : get$6(element);
+      if (classList.length === 0) {
+        remove$1(element, 'class');
+      }
+    };
+    var remove$4 = function (element, clazz) {
+      if (supports(element)) {
+        var classList = element.dom.classList;
+        classList.remove(clazz);
+      } else {
+        remove$3(element, clazz);
+      }
+      cleanClass(element);
+    };
+    var has$2 = function (element, clazz) {
+      return supports(element) && element.dom.classList.contains(clazz);
+    };
+
+    var descendants = function (scope, predicate) {
+      var result = [];
+      each(children(scope), function (x) {
+        if (predicate(x)) {
+          result = result.concat([x]);
+        }
+        result = result.concat(descendants(x, predicate));
+      });
+      return result;
+    };
+
+    var descendants$1 = function (scope, selector) {
+      return all(selector, scope);
+    };
+
+    var annotation = constant('mce-annotation');
+    var dataAnnotation = constant('data-mce-annotation');
+    var dataAnnotationId = constant('data-mce-annotation-uid');
+
+    var identify = function (editor, annotationName) {
+      var rng = editor.selection.getRng();
+      var start = SugarElement.fromDom(rng.startContainer);
+      var root = SugarElement.fromDom(editor.getBody());
+      var selector = annotationName.fold(function () {
+        return '.' + annotation();
+      }, function (an) {
+        return '[' + dataAnnotation() + '="' + an + '"]';
+      });
+      var newStart = child(start, rng.startOffset).getOr(start);
+      var closest = closest$1(newStart, selector, function (n) {
+        return eq$2(n, root);
+      });
+      var getAttr = function (c, property) {
+        if (has$1(c, property)) {
+          return Optional.some(get$4(c, property));
+        } else {
+          return Optional.none();
+        }
+      };
+      return closest.bind(function (c) {
+        return getAttr(c, '' + dataAnnotationId()).bind(function (uid) {
+          return getAttr(c, '' + dataAnnotation()).map(function (name) {
+            var elements = findMarkers(editor, uid);
+            return {
+              uid: uid,
+              name: name,
+              elements: elements
+            };
+          });
+        });
+      });
+    };
+    var isAnnotation = function (elem) {
+      return isElement(elem) && has$2(elem, annotation());
+    };
+    var findMarkers = function (editor, uid) {
+      var body = SugarElement.fromDom(editor.getBody());
+      return descendants$1(body, '[' + dataAnnotationId() + '="' + uid + '"]');
+    };
+    var findAll = function (editor, name) {
+      var body = SugarElement.fromDom(editor.getBody());
+      var markers = descendants$1(body, '[' + dataAnnotation() + '="' + name + '"]');
+      var directory = {};
+      each(markers, function (m) {
+        var uid = get$4(m, dataAnnotationId());
+        var nodesAlready = directory.hasOwnProperty(uid) ? directory[uid] : [];
+        directory[uid] = nodesAlready.concat([m]);
+      });
+      return directory;
+    };
+
+    var setup = function (editor, _registry) {
+      var changeCallbacks = Cell({});
+      var initData = function () {
+        return {
+          listeners: [],
+          previous: Cell(Optional.none())
+        };
+      };
+      var withCallbacks = function (name, f) {
+        updateCallbacks(name, function (data) {
+          f(data);
+          return data;
+        });
+      };
+      var updateCallbacks = function (name, f) {
+        var callbackMap = changeCallbacks.get();
+        var data = callbackMap.hasOwnProperty(name) ? callbackMap[name] : initData();
+        var outputData = f(data);
+        callbackMap[name] = outputData;
+        changeCallbacks.set(callbackMap);
+      };
+      var fireCallbacks = function (name, uid, elements) {
+        withCallbacks(name, function (data) {
+          each(data.listeners, function (f) {
+            return f(true, name, {
+              uid: uid,
+              nodes: map(elements, function (elem) {
+                return elem.dom;
+              })
+            });
+          });
+        });
+      };
+      var fireNoAnnotation = function (name) {
+        withCallbacks(name, function (data) {
+          each(data.listeners, function (f) {
+            return f(false, name);
+          });
+        });
+      };
+      var onNodeChange = last$2(function () {
+        var callbackMap = changeCallbacks.get();
+        var annotations = sort$1(keys(callbackMap));
+        each(annotations, function (name) {
+          updateCallbacks(name, function (data) {
+            var prev = data.previous.get();
+            identify(editor, Optional.some(name)).fold(function () {
+              if (prev.isSome()) {
+                fireNoAnnotation(name);
+                data.previous.set(Optional.none());
+              }
+            }, function (_a) {
+              var uid = _a.uid, name = _a.name, elements = _a.elements;
+              if (!prev.is(uid)) {
+                fireCallbacks(name, uid, elements);
+                data.previous.set(Optional.some(uid));
+              }
+            });
+            return {
+              previous: data.previous,
+              listeners: data.listeners
+            };
+          });
+        });
+      }, 30);
+      editor.on('remove', function () {
+        onNodeChange.cancel();
+      });
+      editor.on('NodeChange', function () {
+        onNodeChange.throttle();
+      });
+      var addListener = function (name, f) {
+        updateCallbacks(name, function (data) {
+          return {
+            previous: data.previous,
+            listeners: data.listeners.concat([f])
+          };
+        });
+      };
+      return { addListener: addListener };
+    };
+
+    var setup$1 = function (editor, registry) {
+      var identifyParserNode = function (span) {
+        return Optional.from(span.attr(dataAnnotation())).bind(registry.lookup);
+      };
+      editor.on('init', function () {
+        editor.serializer.addNodeFilter('span', function (spans) {
+          each(spans, function (span) {
+            identifyParserNode(span).each(function (settings) {
+              if (settings.persistent === false) {
+                span.unwrap();
+              }
+            });
+          });
+        });
+      });
+    };
+
+    var create$2 = function () {
+      var annotations = {};
+      var register = function (name, settings) {
+        annotations[name] = {
+          name: name,
+          settings: settings
+        };
+      };
+      var lookup = function (name) {
+        return annotations.hasOwnProperty(name) ? Optional.from(annotations[name]).map(function (a) {
+          return a.settings;
+        }) : Optional.none();
+      };
+      return {
+        register: register,
+        lookup: lookup
+      };
+    };
+
+    var unique = 0;
+    var generate$1 = function (prefix) {
+      var date = new Date();
+      var time = date.getTime();
+      var random = Math.floor(Math.random() * 1000000000);
+      unique++;
+      return prefix + '_' + random + unique + String(time);
+    };
+
+    var add$4 = function (element, classes) {
+      each(classes, function (x) {
+        add$3(element, x);
+      });
+    };
+
+    var fromHtml$1 = function (html, scope) {
+      var doc = scope || document;
+      var div = doc.createElement('div');
+      div.innerHTML = html;
+      return children(SugarElement.fromDom(div));
+    };
+
+    var get$7 = function (element) {
+      return element.dom.innerHTML;
+    };
+    var set$1 = function (element, content) {
+      var owner$1 = owner(element);
+      var docDom = owner$1.dom;
+      var fragment = SugarElement.fromDom(docDom.createDocumentFragment());
+      var contentElements = fromHtml$1(content, docDom);
+      append$1(fragment, contentElements);
+      empty(element);
+      append(element, fragment);
+    };
+
+    var clone$1 = function (original, isDeep) {
+      return SugarElement.fromDom(original.dom.cloneNode(isDeep));
+    };
+    var shallow = function (original) {
+      return clone$1(original, false);
+    };
+    var deep = function (original) {
+      return clone$1(original, true);
+    };
+
+    var TextWalker = function (startNode, rootNode, isBoundary) {
+      if (isBoundary === void 0) {
+        isBoundary = never;
+      }
+      var walker = new DomTreeWalker(startNode, rootNode);
+      var walk = function (direction) {
+        var next;
+        do {
+          next = walker[direction]();
+        } while (next && !isText$1(next) && !isBoundary(next));
+        return Optional.from(next).filter(isText$1);
+      };
+      return {
+        current: function () {
+          return Optional.from(walker.current()).filter(isText$1);
+        },
+        next: function () {
+          return walk('next');
+        },
+        prev: function () {
+          return walk('prev');
+        },
+        prev2: function () {
+          return walk('prev2');
+        }
+      };
+    };
+
+    var TextSeeker = function (dom, isBoundary) {
+      var isBlockBoundary = isBoundary ? isBoundary : function (node) {
+        return dom.isBlock(node) || isBr(node) || isContentEditableFalse(node);
+      };
+      var walk = function (node, offset, walker, process) {
+        if (isText$1(node)) {
+          var newOffset = process(node, offset, node.data);
+          if (newOffset !== -1) {
+            return Optional.some({
+              container: node,
+              offset: newOffset
+            });
+          }
+        }
+        return walker().bind(function (next) {
+          return walk(next.container, next.offset, walker, process);
+        });
+      };
+      var backwards = function (node, offset, process, root) {
+        var walker = TextWalker(node, root, isBlockBoundary);
+        return walk(node, offset, function () {
+          return walker.prev().map(function (prev) {
+            return {
+              container: prev,
+              offset: prev.length
+            };
+          });
+        }, process).getOrNull();
+      };
+      var forwards = function (node, offset, process, root) {
+        var walker = TextWalker(node, root, isBlockBoundary);
+        return walk(node, offset, function () {
+          return walker.next().map(function (next) {
+            return {
+              container: next,
+              offset: 0
+            };
+          });
+        }, process).getOrNull();
+      };
+      return {
+        backwards: backwards,
+        forwards: forwards
+      };
+    };
+
+    var cat = function (arr) {
+      var r = [];
+      var push = function (x) {
+        r.push(x);
+      };
+      for (var i = 0; i < arr.length; i++) {
+        arr[i].each(push);
+      }
+      return r;
+    };
+    var lift2 = function (oa, ob, f) {
+      return oa.isSome() && ob.isSome() ? Optional.some(f(oa.getOrDie(), ob.getOrDie())) : Optional.none();
+    };
+    var lift3 = function (oa, ob, oc, f) {
+      return oa.isSome() && ob.isSome() && oc.isSome() ? Optional.some(f(oa.getOrDie(), ob.getOrDie(), oc.getOrDie())) : Optional.none();
+    };
+    var someIf = function (b, a) {
+      return b ? Optional.some(a) : Optional.none();
+    };
+
+    var round = Math.round;
+    var clone$2 = function (rect) {
+      if (!rect) {
+        return {
+          left: 0,
+          top: 0,
+          bottom: 0,
+          right: 0,
+          width: 0,
+          height: 0
+        };
+      }
+      return {
+        left: round(rect.left),
+        top: round(rect.top),
+        bottom: round(rect.bottom),
+        right: round(rect.right),
+        width: round(rect.width),
+        height: round(rect.height)
+      };
+    };
+    var collapse = function (rect, toStart) {
+      rect = clone$2(rect);
+      if (toStart) {
+        rect.right = rect.left;
+      } else {
+        rect.left = rect.left + rect.width;
+        rect.right = rect.left;
+      }
+      rect.width = 0;
+      return rect;
+    };
+    var isEqual = function (rect1, rect2) {
+      return rect1.left === rect2.left && rect1.top === rect2.top && rect1.bottom === rect2.bottom && rect1.right === rect2.right;
+    };
+    var isValidOverflow = function (overflowY, rect1, rect2) {
+      return overflowY >= 0 && overflowY <= Math.min(rect1.height, rect2.height) / 2;
+    };
+    var isAbove = function (rect1, rect2) {
+      var halfHeight = Math.min(rect2.height / 2, rect1.height / 2);
+      if (rect1.bottom - halfHeight < rect2.top) {
+        return true;
+      }
+      if (rect1.top > rect2.bottom) {
+        return false;
+      }
+      return isValidOverflow(rect2.top - rect1.bottom, rect1, rect2);
+    };
+    var isBelow = function (rect1, rect2) {
+      if (rect1.top > rect2.bottom) {
+        return true;
+      }
+      if (rect1.bottom < rect2.top) {
+        return false;
+      }
+      return isValidOverflow(rect2.bottom - rect1.top, rect1, rect2);
+    };
+    var containsXY = function (rect, clientX, clientY) {
+      return clientX >= rect.left && clientX <= rect.right && clientY >= rect.top && clientY <= rect.bottom;
+    };
+
+    var getSelectedNode = function (range) {
+      var startContainer = range.startContainer, startOffset = range.startOffset;
+      if (startContainer.hasChildNodes() && range.endOffset === startOffset + 1) {
+        return startContainer.childNodes[startOffset];
+      }
+      return null;
+    };
+    var getNode = function (container, offset) {
+      if (container.nodeType === 1 && container.hasChildNodes()) {
+        if (offset >= container.childNodes.length) {
+          offset = container.childNodes.length - 1;
+        }
+        container = container.childNodes[offset];
+      }
+      return container;
+    };
+
+    var extendingChars = new RegExp('[\u0300-\u036f\u0483-\u0487\u0488-\u0489\u0591-\u05bd\u05bf\u05c1-\u05c2\u05c4-\u05c5\u05c7\u0610-\u061a' + '\u064b-\u065f\u0670\u06d6-\u06dc\u06df-\u06e4\u06e7-\u06e8\u06ea-\u06ed\u0711\u0730-\u074a\u07a6-\u07b0' + '\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0859-\u085b\u08e3-\u0902\u093a\u093c' + '\u0941-\u0948\u094d\u0951-\u0957\u0962-\u0963\u0981\u09bc\u09be\u09c1-\u09c4\u09cd\u09d7\u09e2-\u09e3' + '\u0a01-\u0a02\u0a3c\u0a41-\u0a42\u0a47-\u0a48\u0a4b-\u0a4d\u0a51\u0a70-\u0a71\u0a75\u0a81-\u0a82\u0abc' + '\u0ac1-\u0ac5\u0ac7-\u0ac8\u0acd\u0ae2-\u0ae3\u0b01\u0b3c\u0b3e\u0b3f\u0b41-\u0b44\u0b4d\u0b56\u0b57' + '\u0b62-\u0b63\u0b82\u0bbe\u0bc0\u0bcd\u0bd7\u0c00\u0c3e-\u0c40\u0c46-\u0c48\u0c4a-\u0c4d\u0c55-\u0c56' + '\u0c62-\u0c63\u0c81\u0cbc\u0cbf\u0cc2\u0cc6\u0ccc-\u0ccd\u0cd5-\u0cd6\u0ce2-\u0ce3\u0d01\u0d3e\u0d41-\u0d44' + '\u0d4d\u0d57\u0d62-\u0d63\u0dca\u0dcf\u0dd2-\u0dd4\u0dd6\u0ddf\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0eb1\u0eb4-\u0eb9' + '\u0ebb-\u0ebc\u0ec8-\u0ecd\u0f18-\u0f19\u0f35\u0f37\u0f39\u0f71-\u0f7e\u0f80-\u0f84\u0f86-\u0f87\u0f8d-\u0f97' + '\u0f99-\u0fbc\u0fc6\u102d-\u1030\u1032-\u1037\u1039-\u103a\u103d-\u103e\u1058-\u1059\u105e-\u1060\u1071-\u1074' + '\u1082\u1085-\u1086\u108d\u109d\u135d-\u135f\u1712-\u1714\u1732-\u1734\u1752-\u1753\u1772-\u1773\u17b4-\u17b5' + '\u17b7-\u17bd\u17c6\u17c9-\u17d3\u17dd\u180b-\u180d\u18a9\u1920-\u1922\u1927-\u1928\u1932\u1939-\u193b\u1a17-\u1a18' + '\u1a1b\u1a56\u1a58-\u1a5e\u1a60\u1a62\u1a65-\u1a6c\u1a73-\u1a7c\u1a7f\u1ab0-\u1abd\u1ABE\u1b00-\u1b03\u1b34' + '\u1b36-\u1b3a\u1b3c\u1b42\u1b6b-\u1b73\u1b80-\u1b81\u1ba2-\u1ba5\u1ba8-\u1ba9\u1bab-\u1bad\u1be6\u1be8-\u1be9' + '\u1bed\u1bef-\u1bf1\u1c2c-\u1c33\u1c36-\u1c37\u1cd0-\u1cd2\u1cd4-\u1ce0\u1ce2-\u1ce8\u1ced\u1cf4\u1cf8-\u1cf9' + '\u1dc0-\u1df5\u1dfc-\u1dff\u200c-\u200d\u20d0-\u20dc\u20DD-\u20E0\u20e1\u20E2-\u20E4\u20e5-\u20f0\u2cef-\u2cf1' + '\u2d7f\u2de0-\u2dff\u302a-\u302d\u302e-\u302f\u3099-\u309a\ua66f\uA670-\uA672\ua674-\ua67d\ua69e-\ua69f\ua6f0-\ua6f1' + '\ua802\ua806\ua80b\ua825-\ua826\ua8c4\ua8e0-\ua8f1\ua926-\ua92d\ua947-\ua951\ua980-\ua982\ua9b3\ua9b6-\ua9b9\ua9bc' + '\ua9e5\uaa29-\uaa2e\uaa31-\uaa32\uaa35-\uaa36\uaa43\uaa4c\uaa7c\uaab0\uaab2-\uaab4\uaab7-\uaab8\uaabe-\uaabf\uaac1' + '\uaaec-\uaaed\uaaf6\uabe5\uabe8\uabed\ufb1e\ufe00-\ufe0f\ufe20-\ufe2f\uff9e-\uff9f]');
+    var isExtendingChar = function (ch) {
+      return typeof ch === 'string' && ch.charCodeAt(0) >= 768 && extendingChars.test(ch);
+    };
+
+    var or = function () {
+      var args = [];
+      for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+      }
+      return function (x) {
+        for (var i = 0; i < args.length; i++) {
+          if (args[i](x)) {
+            return true;
+          }
+        }
+        return false;
+      };
+    };
+    var and = function () {
+      var args = [];
+      for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+      }
+      return function (x) {
+        for (var i = 0; i < args.length; i++) {
+          if (!args[i](x)) {
+            return false;
+          }
+        }
+        return true;
+      };
+    };
+
+    var isElement$3 = isElement$1;
+    var isCaretCandidate$1 = isCaretCandidate;
+    var isBlock$1 = matchStyleValues('display', 'block table');
+    var isFloated = matchStyleValues('float', 'left right');
+    var isValidElementCaretCandidate = and(isElement$3, isCaretCandidate$1, not(isFloated));
+    var isNotPre = not(matchStyleValues('white-space', 'pre pre-line pre-wrap'));
+    var isText$4 = isText$1;
+    var isBr$3 = isBr;
+    var nodeIndex = DOMUtils$1.nodeIndex;
+    var resolveIndex = getNode;
+    var createRange = function (doc) {
+      return 'createRange' in doc ? doc.createRange() : DOMUtils$1.DOM.createRng();
+    };
+    var isWhiteSpace = function (chr) {
+      return chr && /[\r\n\t ]/.test(chr);
+    };
+    var isRange = function (rng) {
+      return !!rng.setStart && !!rng.setEnd;
+    };
+    var isHiddenWhiteSpaceRange = function (range) {
+      var container = range.startContainer;
+      var offset = range.startOffset;
+      var text;
+      if (isWhiteSpace(range.toString()) && isNotPre(container.parentNode) && isText$1(container)) {
+        text = container.data;
+        if (isWhiteSpace(text[offset - 1]) || isWhiteSpace(text[offset + 1])) {
+          return true;
+        }
+      }
+      return false;
+    };
+    var getBrClientRect = function (brNode) {
+      var doc = brNode.ownerDocument;
+      var rng = createRange(doc);
+      var nbsp$1 = doc.createTextNode(nbsp);
+      var parentNode = brNode.parentNode;
+      parentNode.insertBefore(nbsp$1, brNode);
+      rng.setStart(nbsp$1, 0);
+      rng.setEnd(nbsp$1, 1);
+      var clientRect = clone$2(rng.getBoundingClientRect());
+      parentNode.removeChild(nbsp$1);
+      return clientRect;
+    };
+    var getBoundingClientRectWebKitText = function (rng) {
+      var sc = rng.startContainer;
+      var ec = rng.endContainer;
+      var so = rng.startOffset;
+      var eo = rng.endOffset;
+      if (sc === ec && isText$1(ec) && so === 0 && eo === 1) {
+        var newRng = rng.cloneRange();
+        newRng.setEndAfter(ec);
+        return getBoundingClientRect(newRng);
+      } else {
+        return null;
+      }
+    };
+    var isZeroRect = function (r) {
+      return r.left === 0 && r.right === 0 && r.top === 0 && r.bottom === 0;
+    };
+    var getBoundingClientRect = function (item) {
+      var clientRect;
+      var clientRects = item.getClientRects();
+      if (clientRects.length > 0) {
+        clientRect = clone$2(clientRects[0]);
+      } else {
+        clientRect = clone$2(item.getBoundingClientRect());
+      }
+      if (!isRange(item) && isBr$3(item) && isZeroRect(clientRect)) {
+        return getBrClientRect(item);
+      }
+      if (isZeroRect(clientRect) && isRange(item)) {
+        return getBoundingClientRectWebKitText(item);
+      }
+      return clientRect;
+    };
+    var collapseAndInflateWidth = function (clientRect, toStart) {
+      var newClientRect = collapse(clientRect, toStart);
+      newClientRect.width = 1;
+      newClientRect.right = newClientRect.left + 1;
+      return newClientRect;
+    };
+    var getCaretPositionClientRects = function (caretPosition) {
+      var clientRects = [];
+      var beforeNode, node;
+      var addUniqueAndValidRect = function (clientRect) {
+        if (clientRect.height === 0) {
+          return;
+        }
+        if (clientRects.length > 0) {
+          if (isEqual(clientRect, clientRects[clientRects.length - 1])) {
+            return;
+          }
+        }
+        clientRects.push(clientRect);
+      };
+      var addCharacterOffset = function (container, offset) {
+        var range = createRange(container.ownerDocument);
+        if (offset < container.data.length) {
+          if (isExtendingChar(container.data[offset])) {
+            return clientRects;
+          }
+          if (isExtendingChar(container.data[offset - 1])) {
+            range.setStart(container, offset);
+            range.setEnd(container, offset + 1);
+            if (!isHiddenWhiteSpaceRange(range)) {
+              addUniqueAndValidRect(collapseAndInflateWidth(getBoundingClientRect(range), false));
+              return clientRects;
+            }
+          }
+        }
+        if (offset > 0) {
+          range.setStart(container, offset - 1);
+          range.setEnd(container, offset);
+          if (!isHiddenWhiteSpaceRange(range)) {
+            addUniqueAndValidRect(collapseAndInflateWidth(getBoundingClientRect(range), false));
+          }
+        }
+        if (offset < container.data.length) {
+          range.setStart(container, offset);
+          range.setEnd(container, offset + 1);
+          if (!isHiddenWhiteSpaceRange(range)) {
+            addUniqueAndValidRect(collapseAndInflateWidth(getBoundingClientRect(range), true));
+          }
+        }
+      };
+      if (isText$4(caretPosition.container())) {
+        addCharacterOffset(caretPosition.container(), caretPosition.offset());
+        return clientRects;
+      }
+      if (isElement$3(caretPosition.container())) {
+        if (caretPosition.isAtEnd()) {
+          node = resolveIndex(caretPosition.container(), caretPosition.offset());
+          if (isText$4(node)) {
+            addCharacterOffset(node, node.data.length);
+          }
+          if (isValidElementCaretCandidate(node) && !isBr$3(node)) {
+            addUniqueAndValidRect(collapseAndInflateWidth(getBoundingClientRect(node), false));
+          }
+        } else {
+          node = resolveIndex(caretPosition.container(), caretPosition.offset());
+          if (isText$4(node)) {
+            addCharacterOffset(node, 0);
+          }
+          if (isValidElementCaretCandidate(node) && caretPosition.isAtEnd()) {
+            addUniqueAndValidRect(collapseAndInflateWidth(getBoundingClientRect(node), false));
+            return clientRects;
+          }
+          beforeNode = resolveIndex(caretPosition.container(), caretPosition.offset() - 1);
+          if (isValidElementCaretCandidate(beforeNode) && !isBr$3(beforeNode)) {
+            if (isBlock$1(beforeNode) || isBlock$1(node) || !isValidElementCaretCandidate(node)) {
+              addUniqueAndValidRect(collapseAndInflateWidth(getBoundingClientRect(beforeNode), false));
+            }
+          }
+          if (isValidElementCaretCandidate(node)) {
+            addUniqueAndValidRect(collapseAndInflateWidth(getBoundingClientRect(node), true));
+          }
+        }
+      }
+      return clientRects;
+    };
+    function CaretPosition(container, offset, clientRects) {
+      var isAtStart = function () {
+        if (isText$4(container)) {
+          return offset === 0;
+        }
+        return offset === 0;
+      };
+      var isAtEnd = function () {
+        if (isText$4(container)) {
+          return offset >= container.data.length;
+        }
+        return offset >= container.childNodes.length;
+      };
+      var toRange = function () {
+        var range = createRange(container.ownerDocument);
+        range.setStart(container, offset);
+        range.setEnd(container, offset);
+        return range;
+      };
+      var getClientRects = function () {
+        if (!clientRects) {
+          clientRects = getCaretPositionClientRects(CaretPosition(container, offset));
+        }
+        return clientRects;
+      };
+      var isVisible = function () {
+        return getClientRects().length > 0;
+      };
+      var isEqual = function (caretPosition) {
+        return caretPosition && container === caretPosition.container() && offset === caretPosition.offset();
+      };
+      var getNode = function (before) {
+        return resolveIndex(container, before ? offset - 1 : offset);
+      };
+      return {
+        container: constant(container),
+        offset: constant(offset),
+        toRange: toRange,
+        getClientRects: getClientRects,
+        isVisible: isVisible,
+        isAtStart: isAtStart,
+        isAtEnd: isAtEnd,
+        isEqual: isEqual,
+        getNode: getNode
+      };
+    }
+    (function (CaretPosition) {
+      CaretPosition.fromRangeStart = function (range) {
+        return CaretPosition(range.startContainer, range.startOffset);
+      };
+      CaretPosition.fromRangeEnd = function (range) {
+        return CaretPosition(range.endContainer, range.endOffset);
+      };
+      CaretPosition.after = function (node) {
+        return CaretPosition(node.parentNode, nodeIndex(node) + 1);
+      };
+      CaretPosition.before = function (node) {
+        return CaretPosition(node.parentNode, nodeIndex(node));
+      };
+      CaretPosition.isAbove = function (pos1, pos2) {
+        return lift2(head(pos2.getClientRects()), last(pos1.getClientRects()), isAbove).getOr(false);
+      };
+      CaretPosition.isBelow = function (pos1, pos2) {
+        return lift2(last(pos2.getClientRects()), head(pos1.getClientRects()), isBelow).getOr(false);
+      };
+      CaretPosition.isAtStart = function (pos) {
+        return pos ? pos.isAtStart() : false;
+      };
+      CaretPosition.isAtEnd = function (pos) {
+        return pos ? pos.isAtEnd() : false;
+      };
+      CaretPosition.isTextPosition = function (pos) {
+        return pos ? isText$1(pos.container()) : false;
+      };
+      CaretPosition.isElementPosition = function (pos) {
+        return CaretPosition.isTextPosition(pos) === false;
+      };
+    }(CaretPosition || (CaretPosition = {})));
+    var CaretPosition$1 = CaretPosition;
+
+    var trimEmptyTextNode = function (dom, node) {
+      if (isText$1(node) && node.data.length === 0) {
+        dom.remove(node);
+      }
+    };
+    var insertNode = function (dom, rng, node) {
+      rng.insertNode(node);
+      trimEmptyTextNode(dom, node.previousSibling);
+      trimEmptyTextNode(dom, node.nextSibling);
+    };
+    var insertFragment = function (dom, rng, frag) {
+      var firstChild = Optional.from(frag.firstChild);
+      var lastChild = Optional.from(frag.lastChild);
+      rng.insertNode(frag);
+      firstChild.each(function (child) {
+        return trimEmptyTextNode(dom, child.previousSibling);
+      });
+      lastChild.each(function (child) {
+        return trimEmptyTextNode(dom, child.nextSibling);
+      });
+    };
+    var rangeInsertNode = function (dom, rng, node) {
+      if (isDocumentFragment$1(node)) {
+        insertFragment(dom, rng, node);
+      } else {
+        insertNode(dom, rng, node);
+      }
+    };
+
+    var isText$5 = isText$1;
+    var isBogus$2 = isBogus;
+    var nodeIndex$1 = DOMUtils$1.nodeIndex;
+    var normalizedParent = function (node) {
+      var parentNode = node.parentNode;
+      if (isBogus$2(parentNode)) {
+        return normalizedParent(parentNode);
+      }
+      return parentNode;
+    };
+    var getChildNodes = function (node) {
+      if (!node) {
+        return [];
+      }
+      return reduce(node.childNodes, function (result, node) {
+        if (isBogus$2(node) && node.nodeName !== 'BR') {
+          result = result.concat(getChildNodes(node));
+        } else {
+          result.push(node);
+        }
+        return result;
+      }, []);
+    };
+    var normalizedTextOffset = function (node, offset) {
+      while (node = node.previousSibling) {
+        if (!isText$5(node)) {
+          break;
+        }
+        offset += node.data.length;
+      }
+      return offset;
+    };
+    var equal$1 = function (a) {
+      return function (b) {
+        return a === b;
+      };
+    };
+    var normalizedNodeIndex = function (node) {
+      var nodes, index;
+      nodes = getChildNodes(normalizedParent(node));
+      index = findIndex$1(nodes, equal$1(node), node);
+      nodes = nodes.slice(0, index + 1);
+      var numTextFragments = reduce(nodes, function (result, node, i) {
+        if (isText$5(node) && isText$5(nodes[i - 1])) {
+          result++;
+        }
+        return result;
+      }, 0);
+      nodes = filter$2(nodes, matchNodeNames([node.nodeName]));
+      index = findIndex$1(nodes, equal$1(node), node);
+      return index - numTextFragments;
+    };
+    var createPathItem = function (node) {
+      var name;
+      if (isText$5(node)) {
+        name = 'text()';
+      } else {
+        name = node.nodeName.toLowerCase();
+      }
+      return name + '[' + normalizedNodeIndex(node) + ']';
+    };
+    var parentsUntil = function (root, node, predicate) {
+      var parents = [];
+      for (node = node.parentNode; node !== root; node = node.parentNode) {
+        if (predicate && predicate(node)) {
+          break;
+        }
+        parents.push(node);
+      }
+      return parents;
+    };
+    var create$3 = function (root, caretPosition) {
+      var container, offset, path = [], outputOffset, childNodes, parents;
+      container = caretPosition.container();
+      offset = caretPosition.offset();
+      if (isText$5(container)) {
+        outputOffset = normalizedTextOffset(container, offset);
+      } else {
+        childNodes = container.childNodes;
+        if (offset >= childNodes.length) {
+          outputOffset = 'after';
+          offset = childNodes.length - 1;
+        } else {
+          outputOffset = 'before';
+        }
+        container = childNodes[offset];
+      }
+      path.push(createPathItem(container));
+      parents = parentsUntil(root, container);
+      parents = filter$2(parents, not(isBogus));
+      path = path.concat(map$2(parents, function (node) {
+        return createPathItem(node);
+      }));
+      return path.reverse().join('/') + ',' + outputOffset;
+    };
+    var resolvePathItem = function (node, name, index) {
+      var nodes = getChildNodes(node);
+      nodes = filter$2(nodes, function (node, index) {
+        return !isText$5(node) || !isText$5(nodes[index - 1]);
+      });
+      nodes = filter$2(nodes, matchNodeNames([name]));
+      return nodes[index];
+    };
+    var findTextPosition = function (container, offset) {
+      var node = container, targetOffset = 0, dataLen;
+      while (isText$5(node)) {
+        dataLen = node.data.length;
+        if (offset >= targetOffset && offset <= targetOffset + dataLen) {
+          container = node;
+          offset = offset - targetOffset;
+          break;
+        }
+        if (!isText$5(node.nextSibling)) {
+          container = node;
+          offset = dataLen;
+          break;
+        }
+        targetOffset += dataLen;
+        node = node.nextSibling;
+      }
+      if (isText$5(container) && offset > container.data.length) {
+        offset = container.data.length;
+      }
+      return CaretPosition$1(container, offset);
+    };
+    var resolve$1 = function (root, path) {
+      var offset;
+      if (!path) {
+        return null;
+      }
+      var parts = path.split(',');
+      var paths = parts[0].split('/');
+      offset = parts.length > 1 ? parts[1] : 'before';
+      var container = reduce(paths, function (result, value) {
+        var match = /([\w\-\(\)]+)\[([0-9]+)\]/.exec(value);
+        if (!match) {
+          return null;
+        }
+        if (match[1] === 'text()') {
+          match[1] = '#text';
+        }
+        return resolvePathItem(result, match[1], parseInt(match[2], 10));
+      }, root);
+      if (!container) {
+        return null;
+      }
+      if (!isText$5(container)) {
+        if (offset === 'after') {
+          offset = nodeIndex$1(container) + 1;
+        } else {
+          offset = nodeIndex$1(container);
+        }
+        return CaretPosition$1(container.parentNode, offset);
+      }
+      return findTextPosition(container, parseInt(offset, 10));
+    };
+
+    var isContentEditableFalse$2 = isContentEditableFalse;
+    var getNormalizedTextOffset = function (trim, container, offset) {
+      var node, trimmedOffset;
+      trimmedOffset = trim(container.data.slice(0, offset)).length;
+      for (node = container.previousSibling; node && isText$1(node); node = node.previousSibling) {
+        trimmedOffset += trim(node.data).length;
+      }
+      return trimmedOffset;
+    };
+    var getPoint = function (dom, trim, normalized, rng, start) {
+      var container = rng[start ? 'startContainer' : 'endContainer'];
+      var offset = rng[start ? 'startOffset' : 'endOffset'];
+      var point = [];
+      var childNodes, after = 0;
+      var root = dom.getRoot();
+      if (isText$1(container)) {
+        point.push(normalized ? getNormalizedTextOffset(trim, container, offset) : offset);
+      } else {
+        childNodes = container.childNodes;
+        if (offset >= childNodes.length && childNodes.length) {
+          after = 1;
+          offset = Math.max(0, childNodes.length - 1);
+        }
+        point.push(dom.nodeIndex(childNodes[offset], normalized) + after);
+      }
+      for (; container && container !== root; container = container.parentNode) {
+        point.push(dom.nodeIndex(container, normalized));
+      }
+      return point;
+    };
+    var getLocation = function (trim, selection, normalized, rng) {
+      var dom = selection.dom, bookmark = {};
+      bookmark.start = getPoint(dom, trim, normalized, rng, true);
+      if (!selection.isCollapsed()) {
+        bookmark.end = getPoint(dom, trim, normalized, rng, false);
+      }
+      return bookmark;
+    };
+    var findIndex$2 = function (dom, name, element) {
+      var count = 0;
+      Tools.each(dom.select(name), function (node) {
+        if (node.getAttribute('data-mce-bogus') === 'all') {
+          return;
+        }
+        if (node === element) {
+          return false;
+        }
+        count++;
+      });
+      return count;
+    };
+    var moveEndPoint = function (rng, start) {
+      var container, offset, childNodes;
+      var prefix = start ? 'start' : 'end';
+      container = rng[prefix + 'Container'];
+      offset = rng[prefix + 'Offset'];
+      if (isElement$1(container) && container.nodeName === 'TR') {
+        childNodes = container.childNodes;
+        container = childNodes[Math.min(start ? offset : offset - 1, childNodes.length - 1)];
+        if (container) {
+          offset = start ? 0 : container.childNodes.length;
+          rng['set' + (start ? 'Start' : 'End')](container, offset);
+        }
+      }
+    };
+    var normalizeTableCellSelection = function (rng) {
+      moveEndPoint(rng, true);
+      moveEndPoint(rng, false);
+      return rng;
+    };
+    var findSibling = function (node, offset) {
+      var sibling;
+      if (isElement$1(node)) {
+        node = getNode(node, offset);
+        if (isContentEditableFalse$2(node)) {
+          return node;
+        }
+      }
+      if (isCaretContainer(node)) {
+        if (isText$1(node) && isCaretContainerBlock(node)) {
+          node = node.parentNode;
+        }
+        sibling = node.previousSibling;
+        if (isContentEditableFalse$2(sibling)) {
+          return sibling;
+        }
+        sibling = node.nextSibling;
+        if (isContentEditableFalse$2(sibling)) {
+          return sibling;
+        }
+      }
+    };
+    var findAdjacentContentEditableFalseElm = function (rng) {
+      return findSibling(rng.startContainer, rng.startOffset) || findSibling(rng.endContainer, rng.endOffset);
+    };
+    var getOffsetBookmark = function (trim, normalized, selection) {
+      var element = selection.getNode();
+      var name = element ? element.nodeName : null;
+      var rng = selection.getRng();
+      if (isContentEditableFalse$2(element) || name === 'IMG') {
+        return {
+          name: name,
+          index: findIndex$2(selection.dom, name, element)
+        };
+      }
+      var sibling = findAdjacentContentEditableFalseElm(rng);
+      if (sibling) {
+        name = sibling.tagName;
+        return {
+          name: name,
+          index: findIndex$2(selection.dom, name, sibling)
+        };
+      }
+      return getLocation(trim, selection, normalized, rng);
+    };
+    var getCaretBookmark = function (selection) {
+      var rng = selection.getRng();
+      return {
+        start: create$3(selection.dom.getRoot(), CaretPosition$1.fromRangeStart(rng)),
+        end: create$3(selection.dom.getRoot(), CaretPosition$1.fromRangeEnd(rng))
+      };
+    };
+    var getRangeBookmark = function (selection) {
+      return { rng: selection.getRng() };
+    };
+    var createBookmarkSpan = function (dom, id, filled) {
+      var args = {
+        'data-mce-type': 'bookmark',
+        id: id,
+        'style': 'overflow:hidden;line-height:0px'
+      };
+      return filled ? dom.create('span', args, '&#xFEFF;') : dom.create('span', args);
+    };
+    var getPersistentBookmark = function (selection, filled) {
+      var dom = selection.dom;
+      var rng = selection.getRng();
+      var id = dom.uniqueId();
+      var collapsed = selection.isCollapsed();
+      var element = selection.getNode();
+      var name = element.nodeName;
+      if (name === 'IMG') {
+        return {
+          name: name,
+          index: findIndex$2(dom, name, element)
+        };
+      }
+      var rng2 = normalizeTableCellSelection(rng.cloneRange());
+      if (!collapsed) {
+        rng2.collapse(false);
+        var endBookmarkNode = createBookmarkSpan(dom, id + '_end', filled);
+        rangeInsertNode(dom, rng2, endBookmarkNode);
+      }
+      rng = normalizeTableCellSelection(rng);
+      rng.collapse(true);
+      var startBookmarkNode = createBookmarkSpan(dom, id + '_start', filled);
+      rangeInsertNode(dom, rng, startBookmarkNode);
+      selection.moveToBookmark({
+        id: id,
+        keep: true
+      });
+      return { id: id };
+    };
+    var getBookmark = function (selection, type, normalized) {
+      if (type === 2) {
+        return getOffsetBookmark(trim$2, normalized, selection);
+      } else if (type === 3) {
+        return getCaretBookmark(selection);
+      } else if (type) {
+        return getRangeBookmark(selection);
+      } else {
+        return getPersistentBookmark(selection, false);
+      }
+    };
+    var getUndoBookmark = curry(getOffsetBookmark, identity, true);
+
+    var DOM$1 = DOMUtils$1.DOM;
+    var defaultPreviewStyles = 'font-family font-size font-weight font-style text-decoration text-transform color background-color border border-radius outline text-shadow';
+    var getBodySetting = function (editor, name, defaultValue) {
+      var value = editor.getParam(name, defaultValue);
+      if (value.indexOf('=') !== -1) {
+        var bodyObj = editor.getParam(name, '', 'hash');
+        return bodyObj.hasOwnProperty(editor.id) ? bodyObj[editor.id] : defaultValue;
+      } else {
+        return value;
+      }
+    };
+    var getIframeAttrs = function (editor) {
+      return editor.getParam('iframe_attrs', {});
+    };
+    var getDocType = function (editor) {
+      return editor.getParam('doctype', '<!DOCTYPE html>');
+    };
+    var getDocumentBaseUrl = function (editor) {
+      return editor.getParam('document_base_url', '');
+    };
+    var getBodyId = function (editor) {
+      return getBodySetting(editor, 'body_id', 'tinymce');
+    };
+    var getBodyClass = function (editor) {
+      return getBodySetting(editor, 'body_class', '');
+    };
+    var getContentSecurityPolicy = function (editor) {
+      return editor.getParam('content_security_policy', '');
+    };
+    var shouldPutBrInPre = function (editor) {
+      return editor.getParam('br_in_pre', true);
+    };
+    var getForcedRootBlock = function (editor) {
+      if (editor.getParam('force_p_newlines', false)) {
+        return 'p';
+      }
+      var block = editor.getParam('forced_root_block', 'p');
+      if (block === false) {
+        return '';
+      } else if (block === true) {
+        return 'p';
+      } else {
+        return block;
+      }
+    };
+    var getForcedRootBlockAttrs = function (editor) {
+      return editor.getParam('forced_root_block_attrs', {});
+    };
+    var getBrNewLineSelector = function (editor) {
+      return editor.getParam('br_newline_selector', '.mce-toc h2,figcaption,caption');
+    };
+    var getNoNewLineSelector = function (editor) {
+      return editor.getParam('no_newline_selector', '');
+    };
+    var shouldKeepStyles = function (editor) {
+      return editor.getParam('keep_styles', true);
+    };
+    var shouldEndContainerOnEmptyBlock = function (editor) {
+      return editor.getParam('end_container_on_empty_block', false);
+    };
+    var getFontStyleValues = function (editor) {
+      return Tools.explode(editor.getParam('font_size_style_values', 'xx-small,x-small,small,medium,large,x-large,xx-large'));
+    };
+    var getFontSizeClasses = function (editor) {
+      return Tools.explode(editor.getParam('font_size_classes', ''));
+    };
+    var getImagesDataImgFilter = function (editor) {
+      return editor.getParam('images_dataimg_filter', always, 'function');
+    };
+    var isAutomaticUploadsEnabled = function (editor) {
+      return editor.getParam('automatic_uploads', true, 'boolean');
+    };
+    var shouldReuseFileName = function (editor) {
+      return editor.getParam('images_reuse_filename', false, 'boolean');
+    };
+    var shouldReplaceBlobUris = function (editor) {
+      return editor.getParam('images_replace_blob_uris', true, 'boolean');
+    };
+    var getIconPackName = function (editor) {
+      return editor.getParam('icons', '', 'string');
+    };
+    var getIconsUrl = function (editor) {
+      return editor.getParam('icons_url', '', 'string');
+    };
+    var getImageUploadUrl = function (editor) {
+      return editor.getParam('images_upload_url', '', 'string');
+    };
+    var getImageUploadBasePath = function (editor) {
+      return editor.getParam('images_upload_base_path', '', 'string');
+    };
+    var getImagesUploadCredentials = function (editor) {
+      return editor.getParam('images_upload_credentials', false, 'boolean');
+    };
+    var getImagesUploadHandler = function (editor) {
+      return editor.getParam('images_upload_handler', null, 'function');
+    };
+    var shouldUseContentCssCors = function (editor) {
+      return editor.getParam('content_css_cors', false, 'boolean');
+    };
+    var getReferrerPolicy = function (editor) {
+      return editor.getParam('referrer_policy', '', 'string');
+    };
+    var getLanguageCode = function (editor) {
+      return editor.getParam('language', 'en', 'string');
+    };
+    var getLanguageUrl = function (editor) {
+      return editor.getParam('language_url', '', 'string');
+    };
+    var shouldIndentUseMargin = function (editor) {
+      return editor.getParam('indent_use_margin', false);
+    };
+    var getIndentation = function (editor) {
+      return editor.getParam('indentation', '40px', 'string');
+    };
+    var getContentCss = function (editor) {
+      var contentCss = editor.getParam('content_css');
+      if (isString(contentCss)) {
+        return map(contentCss.split(','), trim);
+      } else if (isArray(contentCss)) {
+        return contentCss;
+      } else if (contentCss === false || editor.inline) {
+        return [];
+      } else {
+        return ['default'];
+      }
+    };
+    var getDirectionality = function (editor) {
+      return editor.getParam('directionality', I18n.isRtl() ? 'rtl' : undefined);
+    };
+    var getInlineBoundarySelector = function (editor) {
+      return editor.getParam('inline_boundaries_selector', 'a[href],code,.mce-annotation', 'string');
+    };
+    var getObjectResizing = function (editor) {
+      var selector = editor.getParam('object_resizing');
+      if (selector === false || Env.iOS) {
+        return false;
+      } else {
+        return isString(selector) ? selector : 'table,img,figure.image,div';
+      }
+    };
+    var getResizeImgProportional = function (editor) {
+      return editor.getParam('resize_img_proportional', true, 'boolean');
+    };
+    var getPlaceholder = function (editor) {
+      return editor.getParam('placeholder', DOM$1.getAttrib(editor.getElement(), 'placeholder'), 'string');
+    };
+    var getEventRoot = function (editor) {
+      return editor.getParam('event_root');
+    };
+    var getServiceMessage = function (editor) {
+      return editor.getParam('service_message');
+    };
+    var getTheme = function (editor) {
+      return editor.getParam('theme');
+    };
+    var shouldValidate = function (editor) {
+      return editor.getParam('validate');
+    };
+    var isInlineBoundariesEnabled = function (editor) {
+      return editor.getParam('inline_boundaries') !== false;
+    };
+    var getFormats = function (editor) {
+      return editor.getParam('formats');
+    };
+    var getPreviewStyles = function (editor) {
+      var style = editor.getParam('preview_styles', defaultPreviewStyles);
+      if (isString(style)) {
+        return style;
+      } else {
+        return '';
+      }
+    };
+    var canFormatEmptyLines = function (editor) {
+      return editor.getParam('format_empty_lines', false, 'boolean');
+    };
+    var getCustomUiSelector = function (editor) {
+      return editor.getParam('custom_ui_selector', '', 'string');
+    };
+    var getThemeUrl = function (editor) {
+      return editor.getParam('theme_url');
+    };
+    var isInline$1 = function (editor) {
+      return editor.getParam('inline');
+    };
+    var hasHiddenInput = function (editor) {
+      return editor.getParam('hidden_input');
+    };
+    var shouldPatchSubmit = function (editor) {
+      return editor.getParam('submit_patch');
+    };
+    var isEncodingXml = function (editor) {
+      return editor.getParam('encoding') === 'xml';
+    };
+    var shouldAddFormSubmitTrigger = function (editor) {
+      return editor.getParam('add_form_submit_trigger');
+    };
+    var shouldAddUnloadTrigger = function (editor) {
+      return editor.getParam('add_unload_trigger');
+    };
+    var hasForcedRootBlock = function (editor) {
+      return getForcedRootBlock(editor) !== '';
+    };
+    var getCustomUndoRedoLevels = function (editor) {
+      return editor.getParam('custom_undo_redo_levels', 0, 'number');
+    };
+    var shouldDisableNodeChange = function (editor) {
+      return editor.getParam('disable_nodechange');
+    };
+    var isReadOnly = function (editor) {
+      return editor.getParam('readonly');
+    };
+    var hasContentCssCors = function (editor) {
+      return editor.getParam('content_css_cors');
+    };
+    var getPlugins = function (editor) {
+      return editor.getParam('plugins', '', 'string');
+    };
+    var getExternalPlugins = function (editor) {
+      return editor.getParam('external_plugins');
+    };
+    var shouldBlockUnsupportedDrop = function (editor) {
+      return editor.getParam('block_unsupported_drop', true, 'boolean');
+    };
+    var isVisualAidsEnabled = function (editor) {
+      return editor.getParam('visual', true, 'boolean');
+    };
+    var getVisualAidsTableClass = function (editor) {
+      return editor.getParam('visual_table_class', 'mce-item-table', 'string');
+    };
+    var getVisualAidsAnchorClass = function (editor) {
+      return editor.getParam('visual_anchor_class', 'mce-item-anchor', 'string');
+    };
+
+    var isElement$4 = isElement$1;
+    var isText$6 = isText$1;
+    var removeNode = function (node) {
+      var parentNode = node.parentNode;
+      if (parentNode) {
+        parentNode.removeChild(node);
+      }
+    };
+    var trimCount = function (text) {
+      var trimmedText = trim$2(text);
+      return {
+        count: text.length - trimmedText.length,
+        text: trimmedText
+      };
+    };
+    var deleteZwspChars = function (caretContainer) {
+      var idx;
+      while ((idx = caretContainer.data.lastIndexOf(ZWSP)) !== -1) {
+        caretContainer.deleteData(idx, 1);
+      }
+    };
+    var removeUnchanged = function (caretContainer, pos) {
+      remove$5(caretContainer);
+      return pos;
+    };
+    var removeTextAndReposition = function (caretContainer, pos) {
+      var before = trimCount(caretContainer.data.substr(0, pos.offset()));
+      var after = trimCount(caretContainer.data.substr(pos.offset()));
+      var text = before.text + after.text;
+      if (text.length > 0) {
+        deleteZwspChars(caretContainer);
+        return CaretPosition$1(caretContainer, pos.offset() - before.count);
+      } else {
+        return pos;
+      }
+    };
+    var removeElementAndReposition = function (caretContainer, pos) {
+      var parentNode = pos.container();
+      var newPosition = indexOf(from$1(parentNode.childNodes), caretContainer).map(function (index) {
+        return index < pos.offset() ? CaretPosition$1(parentNode, pos.offset() - 1) : pos;
+      }).getOr(pos);
+      remove$5(caretContainer);
+      return newPosition;
+    };
+    var removeTextCaretContainer = function (caretContainer, pos) {
+      return isText$6(caretContainer) && pos.container() === caretContainer ? removeTextAndReposition(caretContainer, pos) : removeUnchanged(caretContainer, pos);
+    };
+    var removeElementCaretContainer = function (caretContainer, pos) {
+      return pos.container() === caretContainer.parentNode ? removeElementAndReposition(caretContainer, pos) : removeUnchanged(caretContainer, pos);
+    };
+    var removeAndReposition = function (container, pos) {
+      return CaretPosition$1.isTextPosition(pos) ? removeTextCaretContainer(container, pos) : removeElementCaretContainer(container, pos);
+    };
+    var remove$5 = function (caretContainerNode) {
+      if (isElement$4(caretContainerNode) && isCaretContainer(caretContainerNode)) {
+        if (hasContent(caretContainerNode)) {
+          caretContainerNode.removeAttribute('data-mce-caret');
+        } else {
+          removeNode(caretContainerNode);
+        }
+      }
+      if (isText$6(caretContainerNode)) {
+        deleteZwspChars(caretContainerNode);
+        if (caretContainerNode.data.length === 0) {
+          removeNode(caretContainerNode);
+        }
+      }
+    };
+
+    var browser$2 = detect$3().browser;
+    var isContentEditableFalse$3 = isContentEditableFalse;
+    var isMedia$1 = isMedia;
+    var isTableCell$2 = isTableCell;
+    var inlineFakeCaretSelector = '*[contentEditable=false],video,audio,embed,object';
+    var getAbsoluteClientRect = function (root, element, before) {
+      var clientRect = collapse(element.getBoundingClientRect(), before);
+      var docElm, scrollX, scrollY, margin, rootRect;
+      if (root.tagName === 'BODY') {
+        docElm = root.ownerDocument.documentElement;
+        scrollX = root.scrollLeft || docElm.scrollLeft;
+        scrollY = root.scrollTop || docElm.scrollTop;
+      } else {
+        rootRect = root.getBoundingClientRect();
+        scrollX = root.scrollLeft - rootRect.left;
+        scrollY = root.scrollTop - rootRect.top;
+      }
+      clientRect.left += scrollX;
+      clientRect.right += scrollX;
+      clientRect.top += scrollY;
+      clientRect.bottom += scrollY;
+      clientRect.width = 1;
+      margin = element.offsetWidth - element.clientWidth;
+      if (margin > 0) {
+        if (before) {
+          margin *= -1;
+        }
+        clientRect.left += margin;
+        clientRect.right += margin;
+      }
+      return clientRect;
+    };
+    var trimInlineCaretContainers = function (root) {
+      var fakeCaretTargetNodes = descendants$1(SugarElement.fromDom(root), inlineFakeCaretSelector);
+      for (var i = 0; i < fakeCaretTargetNodes.length; i++) {
+        var node = fakeCaretTargetNodes[i].dom;
+        var sibling = node.previousSibling;
+        if (endsWithCaretContainer(sibling)) {
+          var data = sibling.data;
+          if (data.length === 1) {
+            sibling.parentNode.removeChild(sibling);
+          } else {
+            sibling.deleteData(data.length - 1, 1);
+          }
+        }
+        sibling = node.nextSibling;
+        if (startsWithCaretContainer(sibling)) {
+          var data = sibling.data;
+          if (data.length === 1) {
+            sibling.parentNode.removeChild(sibling);
+          } else {
+            sibling.deleteData(0, 1);
+          }
+        }
+      }
+    };
+    var FakeCaret = function (editor, root, isBlock, hasFocus) {
+      var lastVisualCaret = Cell(Optional.none());
+      var cursorInterval, caretContainerNode;
+      var rootBlock = getForcedRootBlock(editor);
+      var caretBlock = rootBlock.length > 0 ? rootBlock : 'p';
+      var show = function (before, element) {
+        var clientRect, rng;
+        hide();
+        if (isTableCell$2(element)) {
+          return null;
+        }
+        if (isBlock(element)) {
+          caretContainerNode = insertBlock(caretBlock, element, before);
+          clientRect = getAbsoluteClientRect(root, element, before);
+          DomQuery(caretContainerNode).css('top', clientRect.top);
+          var caret = DomQuery('<div class="mce-visual-caret" data-mce-bogus="all"></div>').css(clientRect).appendTo(root)[0];
+          lastVisualCaret.set(Optional.some({
+            caret: caret,
+            element: element,
+            before: before
+          }));
+          lastVisualCaret.get().each(function (caretState) {
+            if (before) {
+              DomQuery(caretState.caret).addClass('mce-visual-caret-before');
+            }
+          });
+          startBlink();
+          rng = element.ownerDocument.createRange();
+          rng.setStart(caretContainerNode, 0);
+          rng.setEnd(caretContainerNode, 0);
+        } else {
+          caretContainerNode = insertInline(element, before);
+          rng = element.ownerDocument.createRange();
+          if (isInlineFakeCaretTarget(caretContainerNode.nextSibling)) {
+            rng.setStart(caretContainerNode, 0);
+            rng.setEnd(caretContainerNode, 0);
+          } else {
+            rng.setStart(caretContainerNode, 1);
+            rng.setEnd(caretContainerNode, 1);
+          }
+          return rng;
+        }
+        return rng;
+      };
+      var hide = function () {
+        trimInlineCaretContainers(root);
+        if (caretContainerNode) {
+          remove$5(caretContainerNode);
+          caretContainerNode = null;
+        }
+        lastVisualCaret.get().each(function (caretState) {
+          DomQuery(caretState.caret).remove();
+          lastVisualCaret.set(Optional.none());
+        });
+        if (cursorInterval) {
+          Delay.clearInterval(cursorInterval);
+          cursorInterval = null;
+        }
+      };
+      var startBlink = function () {
+        cursorInterval = Delay.setInterval(function () {
+          if (hasFocus()) {
+            DomQuery('div.mce-visual-caret', root).toggleClass('mce-visual-caret-hidden');
+          } else {
+            DomQuery('div.mce-visual-caret', root).addClass('mce-visual-caret-hidden');
+          }
+        }, 500);
+      };
+      var reposition = function () {
+        lastVisualCaret.get().each(function (caretState) {
+          var clientRect = getAbsoluteClientRect(root, caretState.element, caretState.before);
+          DomQuery(caretState.caret).css(__assign({}, clientRect));
+        });
+      };
+      var destroy = function () {
+        return Delay.clearInterval(cursorInterval);
+      };
+      var getCss = function () {
+        return '.mce-visual-caret {' + 'position: absolute;' + 'background-color: black;' + 'background-color: currentcolor;' + '}' + '.mce-visual-caret-hidden {' + 'display: none;' + '}' + '*[data-mce-caret] {' + 'position: absolute;' + 'left: -1000px;' + 'right: auto;' + 'top: 0;' + 'margin: 0;' + 'padding: 0;' + '}';
+      };
+      return {
+        show: show,
+        hide: hide,
+        getCss: getCss,
+        reposition: reposition,
+        destroy: destroy
+      };
+    };
+    var isFakeCaretTableBrowser = function () {
+      return browser$2.isIE() || browser$2.isEdge() || browser$2.isFirefox();
+    };
+    var isInlineFakeCaretTarget = function (node) {
+      return isContentEditableFalse$3(node) || isMedia$1(node);
+    };
+    var isFakeCaretTarget = function (node) {
+      return isInlineFakeCaretTarget(node) || isTable(node) && isFakeCaretTableBrowser();
+    };
+
+    var isContentEditableFalse$4 = isContentEditableFalse;
+    var isMedia$2 = isMedia;
+    var isBlockLike = matchStyleValues('display', 'block table table-cell table-caption list-item');
+    var isCaretContainer$2 = isCaretContainer;
+    var isCaretContainerBlock$1 = isCaretContainerBlock;
+    var isElement$5 = isElement$1;
+    var isCaretCandidate$2 = isCaretCandidate;
+    var isForwards = function (direction) {
+      return direction > 0;
+    };
+    var isBackwards = function (direction) {
+      return direction < 0;
+    };
+    var skipCaretContainers = function (walk, shallow) {
+      var node;
+      while (node = walk(shallow)) {
+        if (!isCaretContainerBlock$1(node)) {
+          return node;
+        }
+      }
+      return null;
+    };
+    var findNode = function (node, direction, predicateFn, rootNode, shallow) {
+      var walker = new DomTreeWalker(node, rootNode);
+      var isCefOrCaretContainer = isContentEditableFalse$4(node) || isCaretContainerBlock$1(node);
+      if (isBackwards(direction)) {
+        if (isCefOrCaretContainer) {
+          node = skipCaretContainers(walker.prev, true);
+          if (predicateFn(node)) {
+            return node;
+          }
+        }
+        while (node = skipCaretContainers(walker.prev, shallow)) {
+          if (predicateFn(node)) {
+            return node;
+          }
+        }
+      }
+      if (isForwards(direction)) {
+        if (isCefOrCaretContainer) {
+          node = skipCaretContainers(walker.next, true);
+          if (predicateFn(node)) {
+            return node;
+          }
+        }
+        while (node = skipCaretContainers(walker.next, shallow)) {
+          if (predicateFn(node)) {
+            return node;
+          }
+        }
+      }
+      return null;
+    };
+    var getParentBlock = function (node, rootNode) {
+      while (node && node !== rootNode) {
+        if (isBlockLike(node)) {
+          return node;
+        }
+        node = node.parentNode;
+      }
+      return null;
+    };
+    var isInSameBlock = function (caretPosition1, caretPosition2, rootNode) {
+      return getParentBlock(caretPosition1.container(), rootNode) === getParentBlock(caretPosition2.container(), rootNode);
+    };
+    var getChildNodeAtRelativeOffset = function (relativeOffset, caretPosition) {
+      if (!caretPosition) {
+        return null;
+      }
+      var container = caretPosition.container();
+      var offset = caretPosition.offset();
+      if (!isElement$5(container)) {
+        return null;
+      }
+      return container.childNodes[offset + relativeOffset];
+    };
+    var beforeAfter = function (before, node) {
+      var range = node.ownerDocument.createRange();
+      if (before) {
+        range.setStartBefore(node);
+        range.setEndBefore(node);
+      } else {
+        range.setStartAfter(node);
+        range.setEndAfter(node);
+      }
+      return range;
+    };
+    var isNodesInSameBlock = function (root, node1, node2) {
+      return getParentBlock(node1, root) === getParentBlock(node2, root);
+    };
+    var lean = function (left, root, node) {
+      var sibling, siblingName;
+      if (left) {
+        siblingName = 'previousSibling';
+      } else {
+        siblingName = 'nextSibling';
+      }
+      while (node && node !== root) {
+        sibling = node[siblingName];
+        if (isCaretContainer$2(sibling)) {
+          sibling = sibling[siblingName];
+        }
+        if (isContentEditableFalse$4(sibling) || isMedia$2(sibling)) {
+          if (isNodesInSameBlock(root, sibling, node)) {
+            return sibling;
+          }
+          break;
+        }
+        if (isCaretCandidate$2(sibling)) {
+          break;
+        }
+        node = node.parentNode;
+      }
+      return null;
+    };
+    var before$2 = curry(beforeAfter, true);
+    var after$1 = curry(beforeAfter, false);
+    var normalizeRange = function (direction, root, range) {
+      var node, container, location;
+      var leanLeft = curry(lean, true, root);
+      var leanRight = curry(lean, false, root);
+      container = range.startContainer;
+      var offset = range.startOffset;
+      if (isCaretContainerBlock(container)) {
+        if (!isElement$5(container)) {
+          container = container.parentNode;
+        }
+        location = container.getAttribute('data-mce-caret');
+        if (location === 'before') {
+          node = container.nextSibling;
+          if (isFakeCaretTarget(node)) {
+            return before$2(node);
+          }
+        }
+        if (location === 'after') {
+          node = container.previousSibling;
+          if (isFakeCaretTarget(node)) {
+            return after$1(node);
+          }
+        }
+      }
+      if (!range.collapsed) {
+        return range;
+      }
+      if (isText$1(container)) {
+        if (isCaretContainer$2(container)) {
+          if (direction === 1) {
+            node = leanRight(container);
+            if (node) {
+              return before$2(node);
+            }
+            node = leanLeft(container);
+            if (node) {
+              return after$1(node);
+            }
+          }
+          if (direction === -1) {
+            node = leanLeft(container);
+            if (node) {
+              return after$1(node);
+            }
+            node = leanRight(container);
+            if (node) {
+              return before$2(node);
+            }
+          }
+          return range;
+        }
+        if (endsWithCaretContainer(container) && offset >= container.data.length - 1) {
+          if (direction === 1) {
+            node = leanRight(container);
+            if (node) {
+              return before$2(node);
+            }
+          }
+          return range;
+        }
+        if (startsWithCaretContainer(container) && offset <= 1) {
+          if (direction === -1) {
+            node = leanLeft(container);
+            if (node) {
+              return after$1(node);
+            }
+          }
+          return range;
+        }
+        if (offset === container.data.length) {
+          node = leanRight(container);
+          if (node) {
+            return before$2(node);
+          }
+          return range;
+        }
+        if (offset === 0) {
+          node = leanLeft(container);
+          if (node) {
+            return after$1(node);
+          }
+          return range;
+        }
+      }
+      return range;
+    };
+    var getRelativeCefElm = function (forward, caretPosition) {
+      return Optional.from(getChildNodeAtRelativeOffset(forward ? 0 : -1, caretPosition)).filter(isContentEditableFalse$4);
+    };
+    var getNormalizedRangeEndPoint = function (direction, root, range) {
+      var normalizedRange = normalizeRange(direction, root, range);
+      if (direction === -1) {
+        return CaretPosition.fromRangeStart(normalizedRange);
+      }
+      return CaretPosition.fromRangeEnd(normalizedRange);
+    };
+    var getElementFromPosition = function (pos) {
+      return Optional.from(pos.getNode()).map(SugarElement.fromDom);
+    };
+    var getElementFromPrevPosition = function (pos) {
+      return Optional.from(pos.getNode(true)).map(SugarElement.fromDom);
+    };
+    var getVisualCaretPosition = function (walkFn, caretPosition) {
+      while (caretPosition = walkFn(caretPosition)) {
+        if (caretPosition.isVisible()) {
+          return caretPosition;
+        }
+      }
+      return caretPosition;
+    };
+    var isMoveInsideSameBlock = function (from, to) {
+      var inSameBlock = isInSameBlock(from, to);
+      if (!inSameBlock && isBr(from.getNode())) {
+        return true;
+      }
+      return inSameBlock;
+    };
+
+    var HDirection;
+    (function (HDirection) {
+      HDirection[HDirection['Backwards'] = -1] = 'Backwards';
+      HDirection[HDirection['Forwards'] = 1] = 'Forwards';
+    }(HDirection || (HDirection = {})));
+    var isContentEditableFalse$5 = isContentEditableFalse;
+    var isText$7 = isText$1;
+    var isElement$6 = isElement$1;
+    var isBr$4 = isBr;
+    var isCaretCandidate$3 = isCaretCandidate;
+    var isAtomic$1 = isAtomic;
+    var isEditableCaretCandidate$1 = isEditableCaretCandidate;
+    var getParents = function (node, root) {
+      var parents = [];
+      while (node && node !== root) {
+        parents.push(node);
+        node = node.parentNode;
+      }
+      return parents;
+    };
+    var nodeAtIndex = function (container, offset) {
+      if (container.hasChildNodes() && offset < container.childNodes.length) {
+        return container.childNodes[offset];
+      }
+      return null;
+    };
+    var getCaretCandidatePosition = function (direction, node) {
+      if (isForwards(direction)) {
+        if (isCaretCandidate$3(node.previousSibling) && !isText$7(node.previousSibling)) {
+          return CaretPosition$1.before(node);
+        }
+        if (isText$7(node)) {
+          return CaretPosition$1(node, 0);
+        }
+      }
+      if (isBackwards(direction)) {
+        if (isCaretCandidate$3(node.nextSibling) && !isText$7(node.nextSibling)) {
+          return CaretPosition$1.after(node);
+        }
+        if (isText$7(node)) {
+          return CaretPosition$1(node, node.data.length);
+        }
+      }
+      if (isBackwards(direction)) {
+        if (isBr$4(node)) {
+          return CaretPosition$1.before(node);
+        }
+        return CaretPosition$1.after(node);
+      }
+      return CaretPosition$1.before(node);
+    };
+    var moveForwardFromBr = function (root, nextNode) {
+      var nextSibling = nextNode.nextSibling;
+      if (nextSibling && isCaretCandidate$3(nextSibling)) {
+        if (isText$7(nextSibling)) {
+          return CaretPosition$1(nextSibling, 0);
+        } else {
+          return CaretPosition$1.before(nextSibling);
+        }
+      } else {
+        return findCaretPosition(HDirection.Forwards, CaretPosition$1.after(nextNode), root);
+      }
+    };
+    var findCaretPosition = function (direction, startPos, root) {
+      var node, nextNode, innerNode;
+      var caretPosition;
+      if (!isElement$6(root) || !startPos) {
+        return null;
+      }
+      if (startPos.isEqual(CaretPosition$1.after(root)) && root.lastChild) {
+        caretPosition = CaretPosition$1.after(root.lastChild);
+        if (isBackwards(direction) && isCaretCandidate$3(root.lastChild) && isElement$6(root.lastChild)) {
+          return isBr$4(root.lastChild) ? CaretPosition$1.before(root.lastChild) : caretPosition;
+        }
+      } else {
+        caretPosition = startPos;
+      }
+      var container = caretPosition.container();
+      var offset = caretPosition.offset();
+      if (isText$7(container)) {
+        if (isBackwards(direction) && offset > 0) {
+          return CaretPosition$1(container, --offset);
+        }
+        if (isForwards(direction) && offset < container.length) {
+          return CaretPosition$1(container, ++offset);
+        }
+        node = container;
+      } else {
+        if (isBackwards(direction) && offset > 0) {
+          nextNode = nodeAtIndex(container, offset - 1);
+          if (isCaretCandidate$3(nextNode)) {
+            if (!isAtomic$1(nextNode)) {
+              innerNode = findNode(nextNode, direction, isEditableCaretCandidate$1, nextNode);
+              if (innerNode) {
+                if (isText$7(innerNode)) {
+                  return CaretPosition$1(innerNode, innerNode.data.length);
+                }
+                return CaretPosition$1.after(innerNode);
+              }
+            }
+            if (isText$7(nextNode)) {
+              return CaretPosition$1(nextNode, nextNode.data.length);
+            }
+            return CaretPosition$1.before(nextNode);
+          }
+        }
+        if (isForwards(direction) && offset < container.childNodes.length) {
+          nextNode = nodeAtIndex(container, offset);
+          if (isCaretCandidate$3(nextNode)) {
+            if (isBr$4(nextNode)) {
+              return moveForwardFromBr(root, nextNode);
+            }
+            if (!isAtomic$1(nextNode)) {
+              innerNode = findNode(nextNode, direction, isEditableCaretCandidate$1, nextNode);
+              if (innerNode) {
+                if (isText$7(innerNode)) {
+                  return CaretPosition$1(innerNode, 0);
+                }
+                return CaretPosition$1.before(innerNode);
+              }
+            }
+            if (isText$7(nextNode)) {
+              return CaretPosition$1(nextNode, 0);
+            }
+            return CaretPosition$1.after(nextNode);
+          }
+        }
+        node = nextNode ? nextNode : caretPosition.getNode();
+      }
+      if (isForwards(direction) && caretPosition.isAtEnd() || isBackwards(direction) && caretPosition.isAtStart()) {
+        node = findNode(node, direction, always, root, true);
+        if (isEditableCaretCandidate$1(node, root)) {
+          return getCaretCandidatePosition(direction, node);
+        }
+      }
+      nextNode = findNode(node, direction, isEditableCaretCandidate$1, root);
+      var rootContentEditableFalseElm = last$1(filter(getParents(container, root), isContentEditableFalse$5));
+      if (rootContentEditableFalseElm && (!nextNode || !rootContentEditableFalseElm.contains(nextNode))) {
+        if (isForwards(direction)) {
+          caretPosition = CaretPosition$1.after(rootContentEditableFalseElm);
+        } else {
+          caretPosition = CaretPosition$1.before(rootContentEditableFalseElm);
+        }
+        return caretPosition;
+      }
+      if (nextNode) {
+        return getCaretCandidatePosition(direction, nextNode);
+      }
+      return null;
+    };
+    var CaretWalker = function (root) {
+      return {
+        next: function (caretPosition) {
+          return findCaretPosition(HDirection.Forwards, caretPosition, root);
+        },
+        prev: function (caretPosition) {
+          return findCaretPosition(HDirection.Backwards, caretPosition, root);
+        }
+      };
+    };
+
+    var walkToPositionIn = function (forward, root, start) {
+      var position = forward ? CaretPosition$1.before(start) : CaretPosition$1.after(start);
+      return fromPosition(forward, root, position);
+    };
+    var afterElement = function (node) {
+      return isBr(node) ? CaretPosition$1.before(node) : CaretPosition$1.after(node);
+    };
+    var isBeforeOrStart = function (position) {
+      if (CaretPosition$1.isTextPosition(position)) {
+        return position.offset() === 0;
+      } else {
+        return isCaretCandidate(position.getNode());
+      }
+    };
+    var isAfterOrEnd = function (position) {
+      if (CaretPosition$1.isTextPosition(position)) {
+        var container = position.container();
+        return position.offset() === container.data.length;
+      } else {
+        return isCaretCandidate(position.getNode(true));
+      }
+    };
+    var isBeforeAfterSameElement = function (from, to) {
+      return !CaretPosition$1.isTextPosition(from) && !CaretPosition$1.isTextPosition(to) && from.getNode() === to.getNode(true);
+    };
+    var isAtBr = function (position) {
+      return !CaretPosition$1.isTextPosition(position) && isBr(position.getNode());
+    };
+    var shouldSkipPosition = function (forward, from, to) {
+      if (forward) {
+        return !isBeforeAfterSameElement(from, to) && !isAtBr(from) && isAfterOrEnd(from) && isBeforeOrStart(to);
+      } else {
+        return !isBeforeAfterSameElement(to, from) && isBeforeOrStart(from) && isAfterOrEnd(to);
+      }
+    };
+    var fromPosition = function (forward, root, pos) {
+      var walker = CaretWalker(root);
+      return Optional.from(forward ? walker.next(pos) : walker.prev(pos));
+    };
+    var navigate = function (forward, root, from) {
+      return fromPosition(forward, root, from).bind(function (to) {
+        if (isInSameBlock(from, to, root) && shouldSkipPosition(forward, from, to)) {
+          return fromPosition(forward, root, to);
+        } else {
+          return Optional.some(to);
+        }
+      });
+    };
+    var navigateIgnore = function (forward, root, from, ignoreFilter) {
+      return navigate(forward, root, from).bind(function (pos) {
+        return ignoreFilter(pos) ? navigateIgnore(forward, root, pos, ignoreFilter) : Optional.some(pos);
+      });
+    };
+    var positionIn = function (forward, element) {
+      var startNode = forward ? element.firstChild : element.lastChild;
+      if (isText$1(startNode)) {
+        return Optional.some(CaretPosition$1(startNode, forward ? 0 : startNode.data.length));
+      } else if (startNode) {
+        if (isCaretCandidate(startNode)) {
+          return Optional.some(forward ? CaretPosition$1.before(startNode) : afterElement(startNode));
+        } else {
+          return walkToPositionIn(forward, element, startNode);
+        }
+      } else {
+        return Optional.none();
+      }
+    };
+    var nextPosition = curry(fromPosition, true);
+    var prevPosition = curry(fromPosition, false);
+    var firstPositionIn = curry(positionIn, true);
+    var lastPositionIn = curry(positionIn, false);
+
+    var CARET_ID = '_mce_caret';
+    var isCaretNode = function (node) {
+      return isElement$1(node) && node.id === CARET_ID;
+    };
+    var getParentCaretContainer = function (body, node) {
+      while (node && node !== body) {
+        if (node.id === CARET_ID) {
+          return node;
+        }
+        node = node.parentNode;
+      }
+      return null;
+    };
+
+    var isStringPathBookmark = function (bookmark) {
+      return typeof bookmark.start === 'string';
+    };
+    var isRangeBookmark = function (bookmark) {
+      return bookmark.hasOwnProperty('rng');
+    };
+    var isIdBookmark = function (bookmark) {
+      return bookmark.hasOwnProperty('id');
+    };
+    var isIndexBookmark = function (bookmark) {
+      return bookmark.hasOwnProperty('name');
+    };
+    var isPathBookmark = function (bookmark) {
+      return Tools.isArray(bookmark.start);
+    };
+
+    var addBogus = function (dom, node) {
+      if (isElement$1(node) && dom.isBlock(node) && !node.innerHTML && !Env.ie) {
+        node.innerHTML = '<br data-mce-bogus="1" />';
+      }
+      return node;
+    };
+    var resolveCaretPositionBookmark = function (dom, bookmark) {
+      var pos;
+      var rng = dom.createRng();
+      pos = resolve$1(dom.getRoot(), bookmark.start);
+      rng.setStart(pos.container(), pos.offset());
+      pos = resolve$1(dom.getRoot(), bookmark.end);
+      rng.setEnd(pos.container(), pos.offset());
+      return rng;
+    };
+    var insertZwsp = function (node, rng) {
+      var textNode = node.ownerDocument.createTextNode(ZWSP);
+      node.appendChild(textNode);
+      rng.setStart(textNode, 0);
+      rng.setEnd(textNode, 0);
+    };
+    var isEmpty$1 = function (node) {
+      return node.hasChildNodes() === false;
+    };
+    var tryFindRangePosition = function (node, rng) {
+      return lastPositionIn(node).fold(function () {
+        return false;
+      }, function (pos) {
+        rng.setStart(pos.container(), pos.offset());
+        rng.setEnd(pos.container(), pos.offset());
+        return true;
+      });
+    };
+    var padEmptyCaretContainer = function (root, node, rng) {
+      if (isEmpty$1(node) && getParentCaretContainer(root, node)) {
+        insertZwsp(node, rng);
+        return true;
+      } else {
+        return false;
+      }
+    };
+    var setEndPoint = function (dom, start, bookmark, rng) {
+      var point = bookmark[start ? 'start' : 'end'];
+      var i, node, offset, children;
+      var root = dom.getRoot();
+      if (point) {
+        offset = point[0];
+        for (node = root, i = point.length - 1; i >= 1; i--) {
+          children = node.childNodes;
+          if (padEmptyCaretContainer(root, node, rng)) {
+            return true;
+          }
+          if (point[i] > children.length - 1) {
+            if (padEmptyCaretContainer(root, node, rng)) {
+              return true;
+            }
+            return tryFindRangePosition(node, rng);
+          }
+          node = children[point[i]];
+        }
+        if (node.nodeType === 3) {
+          offset = Math.min(point[0], node.nodeValue.length);
+        }
+        if (node.nodeType === 1) {
+          offset = Math.min(point[0], node.childNodes.length);
+        }
+        if (start) {
+          rng.setStart(node, offset);
+        } else {
+          rng.setEnd(node, offset);
+        }
+      }
+      return true;
+    };
+    var isValidTextNode = function (node) {
+      return isText$1(node) && node.data.length > 0;
+    };
+    var restoreEndPoint = function (dom, suffix, bookmark) {
+      var marker = dom.get(bookmark.id + '_' + suffix), node, idx, next, prev;
+      var keep = bookmark.keep;
+      var container, offset;
+      if (marker) {
+        node = marker.parentNode;
+        if (suffix === 'start') {
+          if (!keep) {
+            idx = dom.nodeIndex(marker);
+          } else {
+            if (marker.hasChildNodes()) {
+              node = marker.firstChild;
+              idx = 1;
+            } else if (isValidTextNode(marker.nextSibling)) {
+              node = marker.nextSibling;
+              idx = 0;
+            } else if (isValidTextNode(marker.previousSibling)) {
+              node = marker.previousSibling;
+              idx = marker.previousSibling.data.length;
+            } else {
+              node = marker.parentNode;
+              idx = dom.nodeIndex(marker) + 1;
+            }
+          }
+          container = node;
+          offset = idx;
+        } else {
+          if (!keep) {
+            idx = dom.nodeIndex(marker);
+          } else {
+            if (marker.hasChildNodes()) {
+              node = marker.firstChild;
+              idx = 1;
+            } else if (isValidTextNode(marker.previousSibling)) {
+              node = marker.previousSibling;
+              idx = marker.previousSibling.data.length;
+            } else {
+              node = marker.parentNode;
+              idx = dom.nodeIndex(marker);
+            }
+          }
+          container = node;
+          offset = idx;
+        }
+        if (!keep) {
+          prev = marker.previousSibling;
+          next = marker.nextSibling;
+          Tools.each(Tools.grep(marker.childNodes), function (node) {
+            if (isText$1(node)) {
+              node.nodeValue = node.nodeValue.replace(/\uFEFF/g, '');
+            }
+          });
+          while (marker = dom.get(bookmark.id + '_' + suffix)) {
+            dom.remove(marker, true);
+          }
+          if (prev && next && prev.nodeType === next.nodeType && isText$1(prev) && !Env.opera) {
+            idx = prev.nodeValue.length;
+            prev.appendData(next.nodeValue);
+            dom.remove(next);
+            container = prev;
+            offset = idx;
+          }
+        }
+        return Optional.some(CaretPosition$1(container, offset));
+      } else {
+        return Optional.none();
+      }
+    };
+    var resolvePaths = function (dom, bookmark) {
+      var rng = dom.createRng();
+      if (setEndPoint(dom, true, bookmark, rng) && setEndPoint(dom, false, bookmark, rng)) {
+        return Optional.some(rng);
+      } else {
+        return Optional.none();
+      }
+    };
+    var resolveId = function (dom, bookmark) {
+      var startPos = restoreEndPoint(dom, 'start', bookmark);
+      var endPos = restoreEndPoint(dom, 'end', bookmark);
+      return lift2(startPos, endPos.or(startPos), function (spos, epos) {
+        var rng = dom.createRng();
+        rng.setStart(addBogus(dom, spos.container()), spos.offset());
+        rng.setEnd(addBogus(dom, epos.container()), epos.offset());
+        return rng;
+      });
+    };
+    var resolveIndex$1 = function (dom, bookmark) {
+      return Optional.from(dom.select(bookmark.name)[bookmark.index]).map(function (elm) {
+        var rng = dom.createRng();
+        rng.selectNode(elm);
+        return rng;
+      });
+    };
+    var resolve$2 = function (selection, bookmark) {
+      var dom = selection.dom;
+      if (bookmark) {
+        if (isPathBookmark(bookmark)) {
+          return resolvePaths(dom, bookmark);
+        } else if (isStringPathBookmark(bookmark)) {
+          return Optional.some(resolveCaretPositionBookmark(dom, bookmark));
+        } else if (isIdBookmark(bookmark)) {
+          return resolveId(dom, bookmark);
+        } else if (isIndexBookmark(bookmark)) {
+          return resolveIndex$1(dom, bookmark);
+        } else if (isRangeBookmark(bookmark)) {
+          return Optional.some(bookmark.rng);
+        }
+      }
+      return Optional.none();
+    };
+
+    var getBookmark$1 = function (selection, type, normalized) {
+      return getBookmark(selection, type, normalized);
+    };
+    var moveToBookmark = function (selection, bookmark) {
+      resolve$2(selection, bookmark).each(function (rng) {
+        selection.setRng(rng);
+      });
+    };
+    var isBookmarkNode$1 = function (node) {
+      return isElement$1(node) && node.tagName === 'SPAN' && node.getAttribute('data-mce-type') === 'bookmark';
+    };
+
+    var is$2 = function (expected) {
+      return function (actual) {
+        return expected === actual;
+      };
+    };
+    var isNbsp = is$2(nbsp);
+    var isWhiteSpace$1 = function (chr) {
+      return chr !== '' && ' \f\n\r\t\x0B'.indexOf(chr) !== -1;
+    };
+    var isContent$1 = function (chr) {
+      return !isWhiteSpace$1(chr) && !isNbsp(chr);
+    };
+
+    var isNode = function (node) {
+      return !!node.nodeType;
+    };
+    var isInlineBlock = function (node) {
+      return node && /^(IMG)$/.test(node.nodeName);
+    };
+    var moveStart = function (dom, selection, rng) {
+      var offset = rng.startOffset;
+      var container = rng.startContainer, walker, node, nodes;
+      if (rng.startContainer === rng.endContainer) {
+        if (isInlineBlock(rng.startContainer.childNodes[rng.startOffset])) {
+          return;
+        }
+      }
+      if (container.nodeType === 1) {
+        nodes = container.childNodes;
+        if (offset < nodes.length) {
+          container = nodes[offset];
+          walker = new DomTreeWalker(container, dom.getParent(container, dom.isBlock));
+        } else {
+          container = nodes[nodes.length - 1];
+          walker = new DomTreeWalker(container, dom.getParent(container, dom.isBlock));
+          walker.next(true);
+        }
+        for (node = walker.current(); node; node = walker.next()) {
+          if (node.nodeType === 3 && !isWhiteSpaceNode(node)) {
+            rng.setStart(node, 0);
+            selection.setRng(rng);
+            return;
+          }
+        }
+      }
+    };
+    var getNonWhiteSpaceSibling = function (node, next, inc) {
+      if (node) {
+        var nextName = next ? 'nextSibling' : 'previousSibling';
+        for (node = inc ? node : node[nextName]; node; node = node[nextName]) {
+          if (node.nodeType === 1 || !isWhiteSpaceNode(node)) {
+            return node;
+          }
+        }
+      }
+    };
+    var isTextBlock$1 = function (editor, name) {
+      if (isNode(name)) {
+        name = name.nodeName;
+      }
+      return !!editor.schema.getTextBlockElements()[name.toLowerCase()];
+    };
+    var isValid = function (ed, parent, child) {
+      return ed.schema.isValidChild(parent, child);
+    };
+    var isWhiteSpaceNode = function (node, allowSpaces) {
+      if (allowSpaces === void 0) {
+        allowSpaces = false;
+      }
+      if (isNonNullable(node) && isText$1(node)) {
+        var data = allowSpaces ? node.data.replace(/ /g, '\xA0') : node.data;
+        return isWhitespaceText(data);
+      } else {
+        return false;
+      }
+    };
+    var isEmptyTextNode = function (node) {
+      return isNonNullable(node) && isText$1(node) && node.length === 0;
+    };
+    var replaceVars = function (value, vars) {
+      if (typeof value !== 'string') {
+        value = value(vars);
+      } else if (vars) {
+        value = value.replace(/%(\w+)/g, function (str, name) {
+          return vars[name] || str;
+        });
+      }
+      return value;
+    };
+    var isEq = function (str1, str2) {
+      str1 = str1 || '';
+      str2 = str2 || '';
+      str1 = '' + (str1.nodeName || str1);
+      str2 = '' + (str2.nodeName || str2);
+      return str1.toLowerCase() === str2.toLowerCase();
+    };
+    var normalizeStyleValue = function (dom, value, name) {
+      if (name === 'color' || name === 'backgroundColor') {
+        value = dom.toHex(value);
+      }
+      if (name === 'fontWeight' && value === 700) {
+        value = 'bold';
+      }
+      if (name === 'fontFamily') {
+        value = value.replace(/[\'\"]/g, '').replace(/,\s+/g, ',');
+      }
+      return '' + value;
+    };
+    var getStyle = function (dom, node, name) {
+      return normalizeStyleValue(dom, dom.getStyle(node, name), name);
+    };
+    var getTextDecoration = function (dom, node) {
+      var decoration;
+      dom.getParent(node, function (n) {
+        decoration = dom.getStyle(n, 'text-decoration');
+        return decoration && decoration !== 'none';
+      });
+      return decoration;
+    };
+    var getParents$1 = function (dom, node, selector) {
+      return dom.getParents(node, selector, dom.getRoot());
+    };
+    var isVariableFormatName = function (editor, formatName) {
+      var hasVariableValues = function (format) {
+        var isVariableValue = function (val) {
+          return val.length > 1 && val.charAt(0) === '%';
+        };
+        return exists([
+          'styles',
+          'attributes'
+        ], function (key) {
+          return get$1(format, key).exists(function (field) {
+            var fieldValues = isArray(field) ? field : values(field);
+            return exists(fieldValues, isVariableValue);
+          });
+        });
+      };
+      return exists(editor.formatter.get(formatName), hasVariableValues);
+    };
+    var areSimilarFormats = function (editor, formatName, otherFormatName) {
+      var validKeys = [
+        'inline',
+        'block',
+        'selector',
+        'attributes',
+        'styles',
+        'classes'
+      ];
+      var filterObj = function (format) {
+        return filter$1(format, function (_, key) {
+          return exists(validKeys, function (validKey) {
+            return validKey === key;
+          });
+        });
+      };
+      return exists(editor.formatter.get(formatName), function (fmt1) {
+        var filteredFmt1 = filterObj(fmt1);
+        return exists(editor.formatter.get(otherFormatName), function (fmt2) {
+          var filteredFmt2 = filterObj(fmt2);
+          return equal(filteredFmt1, filteredFmt2);
+        });
+      });
+    };
+    var isBlockFormat = function (format) {
+      return hasNonNullableKey(format, 'block');
+    };
+    var isSelectorFormat = function (format) {
+      return hasNonNullableKey(format, 'selector');
+    };
+    var isInlineFormat = function (format) {
+      return hasNonNullableKey(format, 'inline');
+    };
+
+    var isBookmarkNode$2 = isBookmarkNode$1;
+    var getParents$2 = getParents$1;
+    var isWhiteSpaceNode$1 = isWhiteSpaceNode;
+    var isTextBlock$2 = isTextBlock$1;
+    var isBogusBr = function (node) {
+      return isBr(node) && node.getAttribute('data-mce-bogus') && !node.nextSibling;
+    };
+    var findParentContentEditable = function (dom, node) {
+      var parent = node;
+      while (parent) {
+        if (isElement$1(parent) && dom.getContentEditable(parent)) {
+          return dom.getContentEditable(parent) === 'false' ? parent : node;
+        }
+        parent = parent.parentNode;
+      }
+      return node;
+    };
+    var walkText = function (start, node, offset, predicate) {
+      var str = node.data;
+      for (var i = offset; start ? i >= 0 : i < str.length; start ? i-- : i++) {
+        if (predicate(str.charAt(i))) {
+          return start ? i + 1 : i;
+        }
+      }
+      return -1;
+    };
+    var findSpace = function (start, node, offset) {
+      return walkText(start, node, offset, function (c) {
+        return isNbsp(c) || isWhiteSpace$1(c);
+      });
+    };
+    var findContent = function (start, node, offset) {
+      return walkText(start, node, offset, isContent$1);
+    };
+    var findWordEndPoint = function (dom, body, container, offset, start, includeTrailingSpaces) {
+      var lastTextNode;
+      var rootNode = dom.getParent(container, dom.isBlock) || body;
+      var walk = function (container, offset, pred) {
+        var textSeeker = TextSeeker(dom);
+        var walker = start ? textSeeker.backwards : textSeeker.forwards;
+        return Optional.from(walker(container, offset, function (text, textOffset) {
+          if (isBookmarkNode$2(text.parentNode)) {
+            return -1;
+          } else {
+            lastTextNode = text;
+            return pred(start, text, textOffset);
+          }
+        }, rootNode));
+      };
+      var spaceResult = walk(container, offset, findSpace);
+      return spaceResult.bind(function (result) {
+        return includeTrailingSpaces ? walk(result.container, result.offset + (start ? -1 : 0), findContent) : Optional.some(result);
+      }).orThunk(function () {
+        return lastTextNode ? Optional.some({
+          container: lastTextNode,
+          offset: start ? 0 : lastTextNode.length
+        }) : Optional.none();
+      });
+    };
+    var findSelectorEndPoint = function (dom, format, rng, container, siblingName) {
+      if (isText$1(container) && container.nodeValue.length === 0 && container[siblingName]) {
+        container = container[siblingName];
+      }
+      var parents = getParents$2(dom, container);
+      for (var i = 0; i < parents.length; i++) {
+        for (var y = 0; y < format.length; y++) {
+          var curFormat = format[y];
+          if ('collapsed' in curFormat && curFormat.collapsed !== rng.collapsed) {
+            continue;
+          }
+          if (dom.is(parents[i], curFormat.selector)) {
+            return parents[i];
+          }
+        }
+      }
+      return container;
+    };
+    var findBlockEndPoint = function (editor, format, container, siblingName) {
+      var node;
+      var dom = editor.dom;
+      var root = dom.getRoot();
+      if (!format[0].wrapper) {
+        node = dom.getParent(container, format[0].block, root);
+      }
+      if (!node) {
+        var scopeRoot = dom.getParent(container, 'LI,TD,TH');
+        node = dom.getParent(isText$1(container) ? container.parentNode : container, function (node) {
+          return node !== root && isTextBlock$2(editor, node);
+        }, scopeRoot);
+      }
+      if (node && format[0].wrapper) {
+        node = getParents$2(dom, node, 'ul,ol').reverse()[0] || node;
+      }
+      if (!node) {
+        node = container;
+        while (node[siblingName] && !dom.isBlock(node[siblingName])) {
+          node = node[siblingName];
+          if (isEq(node, 'br')) {
+            break;
+          }
+        }
+      }
+      return node || container;
+    };
+    var isAtBlockBoundary = function (dom, root, container, siblingName) {
+      var parent = container.parentNode;
+      if (isNonNullable(container[siblingName])) {
+        return false;
+      } else if (parent === root || isNullable(parent) || dom.isBlock(parent)) {
+        return true;
+      } else {
+        return isAtBlockBoundary(dom, root, parent, siblingName);
+      }
+    };
+    var findParentContainer = function (dom, format, container, offset, start) {
+      var parent = container;
+      var sibling;
+      var siblingName = start ? 'previousSibling' : 'nextSibling';
+      var root = dom.getRoot();
+      if (isText$1(container) && !isWhiteSpaceNode$1(container)) {
+        if (start ? offset > 0 : offset < container.data.length) {
+          return container;
+        }
+      }
+      while (true) {
+        if (!format[0].block_expand && dom.isBlock(parent)) {
+          return parent;
+        }
+        for (sibling = parent[siblingName]; sibling; sibling = sibling[siblingName]) {
+          var allowSpaces = isText$1(sibling) && !isAtBlockBoundary(dom, root, sibling, siblingName);
+          if (!isBookmarkNode$2(sibling) && !isBogusBr(sibling) && !isWhiteSpaceNode$1(sibling, allowSpaces)) {
+            return parent;
+          }
+        }
+        if (parent === root || parent.parentNode === root) {
+          container = parent;
+          break;
+        }
+        parent = parent.parentNode;
+      }
+      return container;
+    };
+    var isSelfOrParentBookmark = function (container) {
+      return isBookmarkNode$2(container.parentNode) || isBookmarkNode$2(container);
+    };
+    var expandRng = function (editor, rng, format, includeTrailingSpace) {
+      if (includeTrailingSpace === void 0) {
+        includeTrailingSpace = false;
+      }
+      var startContainer = rng.startContainer, startOffset = rng.startOffset, endContainer = rng.endContainer, endOffset = rng.endOffset;
+      var dom = editor.dom;
+      if (isElement$1(startContainer) && startContainer.hasChildNodes()) {
+        startContainer = getNode(startContainer, startOffset);
+        if (isText$1(startContainer)) {
+          startOffset = 0;
+        }
+      }
+      if (isElement$1(endContainer) && endContainer.hasChildNodes()) {
+        endContainer = getNode(endContainer, rng.collapsed ? endOffset : endOffset - 1);
+        if (isText$1(endContainer)) {
+          endOffset = endContainer.nodeValue.length;
+        }
+      }
+      startContainer = findParentContentEditable(dom, startContainer);
+      endContainer = findParentContentEditable(dom, endContainer);
+      if (isSelfOrParentBookmark(startContainer)) {
+        startContainer = isBookmarkNode$2(startContainer) ? startContainer : startContainer.parentNode;
+        if (rng.collapsed) {
+          startContainer = startContainer.previousSibling || startContainer;
+        } else {
+          startContainer = startContainer.nextSibling || startContainer;
+        }
+        if (isText$1(startContainer)) {
+          startOffset = rng.collapsed ? startContainer.length : 0;
+        }
+      }
+      if (isSelfOrParentBookmark(endContainer)) {
+        endContainer = isBookmarkNode$2(endContainer) ? endContainer : endContainer.parentNode;
+        if (rng.collapsed) {
+          endContainer = endContainer.nextSibling || endContainer;
+        } else {
+          endContainer = endContainer.previousSibling || endContainer;
+        }
+        if (isText$1(endContainer)) {
+          endOffset = rng.collapsed ? 0 : endContainer.length;
+        }
+      }
+      if (rng.collapsed) {
+        var startPoint = findWordEndPoint(dom, editor.getBody(), startContainer, startOffset, true, includeTrailingSpace);
+        startPoint.each(function (_a) {
+          var container = _a.container, offset = _a.offset;
+          startContainer = container;
+          startOffset = offset;
+        });
+        var endPoint = findWordEndPoint(dom, editor.getBody(), endContainer, endOffset, false, includeTrailingSpace);
+        endPoint.each(function (_a) {
+          var container = _a.container, offset = _a.offset;
+          endContainer = container;
+          endOffset = offset;
+        });
+      }
+      if (format[0].inline || format[0].block_expand) {
+        if (!format[0].inline || (!isText$1(startContainer) || startOffset === 0)) {
+          startContainer = findParentContainer(dom, format, startContainer, startOffset, true);
+        }
+        if (!format[0].inline || (!isText$1(endContainer) || endOffset === endContainer.nodeValue.length)) {
+          endContainer = findParentContainer(dom, format, endContainer, endOffset, false);
+        }
+      }
+      if (format[0].selector && format[0].expand !== false && !format[0].inline) {
+        startContainer = findSelectorEndPoint(dom, format, rng, startContainer, 'previousSibling');
+        endContainer = findSelectorEndPoint(dom, format, rng, endContainer, 'nextSibling');
+      }
+      if (format[0].block || format[0].selector) {
+        startContainer = findBlockEndPoint(editor, format, startContainer, 'previousSibling');
+        endContainer = findBlockEndPoint(editor, format, endContainer, 'nextSibling');
+        if (format[0].block) {
+          if (!dom.isBlock(startContainer)) {
+            startContainer = findParentContainer(dom, format, startContainer, startOffset, true);
+          }
+          if (!dom.isBlock(endContainer)) {
+            endContainer = findParentContainer(dom, format, endContainer, endOffset, false);
+          }
+        }
+      }
+      if (isElement$1(startContainer)) {
+        startOffset = dom.nodeIndex(startContainer);
+        startContainer = startContainer.parentNode;
+      }
+      if (isElement$1(endContainer)) {
+        endOffset = dom.nodeIndex(endContainer) + 1;
+        endContainer = endContainer.parentNode;
+      }
+      return {
+        startContainer: startContainer,
+        startOffset: startOffset,
+        endContainer: endContainer,
+        endOffset: endOffset
+      };
+    };
+
+    var clampToExistingChildren = function (container, index) {
+      var childNodes = container.childNodes;
+      if (index >= childNodes.length) {
+        index = childNodes.length - 1;
+      } else if (index < 0) {
+        index = 0;
+      }
+      return childNodes[index] || container;
+    };
+    var getEndChild = function (container, index) {
+      return clampToExistingChildren(container, index - 1);
+    };
+    var walk$1 = function (dom, rng, callback) {
+      var startContainer = rng.startContainer;
+      var startOffset = rng.startOffset;
+      var endContainer = rng.endContainer;
+      var endOffset = rng.endOffset;
+      var exclude = function (nodes) {
+        var node;
+        node = nodes[0];
+        if (node.nodeType === 3 && node === startContainer && startOffset >= node.nodeValue.length) {
+          nodes.splice(0, 1);
+        }
+        node = nodes[nodes.length - 1];
+        if (endOffset === 0 && nodes.length > 0 && node === endContainer && node.nodeType === 3) {
+          nodes.splice(nodes.length - 1, 1);
+        }
+        return nodes;
+      };
+      var collectSiblings = function (node, name, endNode) {
+        var siblings = [];
+        for (; node && node !== endNode; node = node[name]) {
+          siblings.push(node);
+        }
+        return siblings;
+      };
+      var findEndPoint = function (node, root) {
+        do {
+          if (node.parentNode === root) {
+            return node;
+          }
+          node = node.parentNode;
+        } while (node);
+      };
+      var walkBoundary = function (startNode, endNode, next) {
+        var siblingName = next ? 'nextSibling' : 'previousSibling';
+        for (var node = startNode, parent_1 = node.parentNode; node && node !== endNode; node = parent_1) {
+          parent_1 = node.parentNode;
+          var siblings_1 = collectSiblings(node === startNode ? node : node[siblingName], siblingName);
+          if (siblings_1.length) {
+            if (!next) {
+              siblings_1.reverse();
+            }
+            callback(exclude(siblings_1));
+          }
+        }
+      };
+      if (startContainer.nodeType === 1 && startContainer.hasChildNodes()) {
+        startContainer = clampToExistingChildren(startContainer, startOffset);
+      }
+      if (endContainer.nodeType === 1 && endContainer.hasChildNodes()) {
+        endContainer = getEndChild(endContainer, endOffset);
+      }
+      if (startContainer === endContainer) {
+        return callback(exclude([startContainer]));
+      }
+      var ancestor = dom.findCommonAncestor(startContainer, endContainer);
+      for (var node = startContainer; node; node = node.parentNode) {
+        if (node === endContainer) {
+          return walkBoundary(startContainer, ancestor, true);
+        }
+        if (node === ancestor) {
+          break;
+        }
+      }
+      for (var node = endContainer; node; node = node.parentNode) {
+        if (node === startContainer) {
+          return walkBoundary(endContainer, ancestor);
+        }
+        if (node === ancestor) {
+          break;
+        }
+      }
+      var startPoint = findEndPoint(startContainer, ancestor) || startContainer;
+      var endPoint = findEndPoint(endContainer, ancestor) || endContainer;
+      walkBoundary(startContainer, startPoint, true);
+      var siblings = collectSiblings(startPoint === startContainer ? startPoint : startPoint.nextSibling, 'nextSibling', endPoint === endContainer ? endPoint.nextSibling : endPoint);
+      if (siblings.length) {
+        callback(exclude(siblings));
+      }
+      walkBoundary(endContainer, endPoint);
+    };
+
+    var getRanges = function (selection) {
+      var ranges = [];
+      if (selection) {
+        for (var i = 0; i < selection.rangeCount; i++) {
+          ranges.push(selection.getRangeAt(i));
+        }
+      }
+      return ranges;
+    };
+    var getSelectedNodes = function (ranges) {
+      return bind(ranges, function (range) {
+        var node = getSelectedNode(range);
+        return node ? [SugarElement.fromDom(node)] : [];
+      });
+    };
+    var hasMultipleRanges = function (selection) {
+      return getRanges(selection).length > 1;
+    };
+
+    var getCellsFromRanges = function (ranges) {
+      return filter(getSelectedNodes(ranges), isTableCell$1);
+    };
+    var getCellsFromElement = function (elm) {
+      return descendants$1(elm, 'td[data-mce-selected],th[data-mce-selected]');
+    };
+    var getCellsFromElementOrRanges = function (ranges, element) {
+      var selectedCells = getCellsFromElement(element);
+      return selectedCells.length > 0 ? selectedCells : getCellsFromRanges(ranges);
+    };
+    var getCellsFromEditor = function (editor) {
+      return getCellsFromElementOrRanges(getRanges(editor.selection.getSel()), SugarElement.fromDom(editor.getBody()));
+    };
+
+    var getStartNode = function (rng) {
+      var sc = rng.startContainer, so = rng.startOffset;
+      if (isText$1(sc)) {
+        return so === 0 ? Optional.some(SugarElement.fromDom(sc)) : Optional.none();
+      } else {
+        return Optional.from(sc.childNodes[so]).map(SugarElement.fromDom);
+      }
+    };
+    var getEndNode = function (rng) {
+      var ec = rng.endContainer, eo = rng.endOffset;
+      if (isText$1(ec)) {
+        return eo === ec.data.length ? Optional.some(SugarElement.fromDom(ec)) : Optional.none();
+      } else {
+        return Optional.from(ec.childNodes[eo - 1]).map(SugarElement.fromDom);
+      }
+    };
+    var getFirstChildren = function (node) {
+      return firstChild(node).fold(constant([node]), function (child) {
+        return [node].concat(getFirstChildren(child));
+      });
+    };
+    var getLastChildren = function (node) {
+      return lastChild(node).fold(constant([node]), function (child) {
+        if (name(child) === 'br') {
+          return prevSibling(child).map(function (sibling) {
+            return [node].concat(getLastChildren(sibling));
+          }).getOr([]);
+        } else {
+          return [node].concat(getLastChildren(child));
+        }
+      });
+    };
+    var hasAllContentsSelected = function (elm, rng) {
+      return lift2(getStartNode(rng), getEndNode(rng), function (startNode, endNode) {
+        var start = find(getFirstChildren(elm), curry(eq$2, startNode));
+        var end = find(getLastChildren(elm), curry(eq$2, endNode));
+        return start.isSome() && end.isSome();
+      }).getOr(false);
+    };
+    var moveEndPoint$1 = function (dom, rng, node, start) {
+      var root = node, walker = new DomTreeWalker(node, root);
+      var moveCaretBeforeOnEnterElementsMap = filter$1(dom.schema.getMoveCaretBeforeOnEnterElements(), function (_, name) {
+        return !contains([
+          'td',
+          'th',
+          'table'
+        ], name.toLowerCase());
+      });
+      do {
+        if (isText$1(node) && Tools.trim(node.nodeValue).length !== 0) {
+          if (start) {
+            rng.setStart(node, 0);
+          } else {
+            rng.setEnd(node, node.nodeValue.length);
+          }
+          return;
+        }
+        if (moveCaretBeforeOnEnterElementsMap[node.nodeName]) {
+          if (start) {
+            rng.setStartBefore(node);
+          } else {
+            if (node.nodeName === 'BR') {
+              rng.setEndBefore(node);
+            } else {
+              rng.setEndAfter(node);
+            }
+          }
+          return;
+        }
+      } while (node = start ? walker.next() : walker.prev());
+      if (root.nodeName === 'BODY') {
+        if (start) {
+          rng.setStart(root, 0);
+        } else {
+          rng.setEnd(root, root.childNodes.length);
+        }
+      }
+    };
+    var hasAnyRanges = function (editor) {
+      var sel = editor.selection.getSel();
+      return sel && sel.rangeCount > 0;
+    };
+    var runOnRanges = function (editor, executor) {
+      var fakeSelectionNodes = getCellsFromEditor(editor);
+      if (fakeSelectionNodes.length > 0) {
+        each(fakeSelectionNodes, function (elem) {
+          var node = elem.dom;
+          var fakeNodeRng = editor.dom.createRng();
+          fakeNodeRng.setStartBefore(node);
+          fakeNodeRng.setEndAfter(node);
+          executor(fakeNodeRng, true);
+        });
+      } else {
+        executor(editor.selection.getRng(), false);
+      }
+    };
+    var preserve = function (selection, fillBookmark, executor) {
+      var bookmark = getPersistentBookmark(selection, fillBookmark);
+      executor(bookmark);
+      selection.moveToBookmark(bookmark);
+    };
+
+    function NodeValue (is, name) {
+      var get = function (element) {
+        if (!is(element)) {
+          throw new Error('Can only get ' + name + ' value of a ' + name + ' node');
+        }
+        return getOption(element).getOr('');
+      };
+      var getOption = function (element) {
+        return is(element) ? Optional.from(element.dom.nodeValue) : Optional.none();
+      };
+      var set = function (element, value) {
+        if (!is(element)) {
+          throw new Error('Can only set raw ' + name + ' value of a ' + name + ' node');
+        }
+        element.dom.nodeValue = value;
+      };
+      return {
+        get: get,
+        getOption: getOption,
+        set: set
+      };
+    }
+
+    var api = NodeValue(isText, 'text');
+    var get$8 = function (element) {
+      return api.get(element);
+    };
+
+    var isZeroWidth = function (elem) {
+      return isText(elem) && get$8(elem) === ZWSP;
+    };
+    var context = function (editor, elem, wrapName, nodeName) {
+      return parent(elem).fold(function () {
+        return 'skipping';
+      }, function (parent) {
+        if (nodeName === 'br' || isZeroWidth(elem)) {
+          return 'valid';
+        } else if (isAnnotation(elem)) {
+          return 'existing';
+        } else if (isCaretNode(elem.dom)) {
+          return 'caret';
+        } else if (!isValid(editor, wrapName, nodeName) || !isValid(editor, name(parent), wrapName)) {
+          return 'invalid-child';
+        } else {
+          return 'valid';
+        }
+      });
+    };
+
+    var applyWordGrab = function (editor, rng) {
+      var r = expandRng(editor, rng, [{ inline: true }]);
+      rng.setStart(r.startContainer, r.startOffset);
+      rng.setEnd(r.endContainer, r.endOffset);
+      editor.selection.setRng(rng);
+    };
+    var makeAnnotation = function (eDoc, _a, annotationName, decorate) {
+      var _b = _a.uid, uid = _b === void 0 ? generate$1('mce-annotation') : _b, data = __rest(_a, ['uid']);
+      var master = SugarElement.fromTag('span', eDoc);
+      add$3(master, annotation());
+      set(master, '' + dataAnnotationId(), uid);
+      set(master, '' + dataAnnotation(), annotationName);
+      var _c = decorate(uid, data), _d = _c.attributes, attributes = _d === void 0 ? {} : _d, _e = _c.classes, classes = _e === void 0 ? [] : _e;
+      setAll(master, attributes);
+      add$4(master, classes);
+      return master;
+    };
+    var annotate = function (editor, rng, annotationName, decorate, data) {
+      var newWrappers = [];
+      var master = makeAnnotation(editor.getDoc(), data, annotationName, decorate);
+      var wrapper = Cell(Optional.none());
+      var finishWrapper = function () {
+        wrapper.set(Optional.none());
+      };
+      var getOrOpenWrapper = function () {
+        return wrapper.get().getOrThunk(function () {
+          var nu = shallow(master);
+          newWrappers.push(nu);
+          wrapper.set(Optional.some(nu));
+          return nu;
+        });
+      };
+      var processElements = function (elems) {
+        each(elems, processElement);
+      };
+      var processElement = function (elem) {
+        var ctx = context(editor, elem, 'span', name(elem));
+        switch (ctx) {
+        case 'invalid-child': {
+            finishWrapper();
+            var children$1 = children(elem);
+            processElements(children$1);
+            finishWrapper();
+            break;
+          }
+        case 'valid': {
+            var w = getOrOpenWrapper();
+            wrap(elem, w);
+            break;
+          }
+        }
+      };
+      var processNodes = function (nodes) {
+        var elems = map(nodes, SugarElement.fromDom);
+        processElements(elems);
+      };
+      walk$1(editor.dom, rng, function (nodes) {
+        finishWrapper();
+        processNodes(nodes);
+      });
+      return newWrappers;
+    };
+    var annotateWithBookmark = function (editor, name, settings, data) {
+      editor.undoManager.transact(function () {
+        var selection = editor.selection;
+        var initialRng = selection.getRng();
+        var hasFakeSelection = getCellsFromEditor(editor).length > 0;
+        if (initialRng.collapsed && !hasFakeSelection) {
+          applyWordGrab(editor, initialRng);
+        }
+        if (selection.getRng().collapsed && !hasFakeSelection) {
+          var wrapper = makeAnnotation(editor.getDoc(), data, name, settings.decorate);
+          set$1(wrapper, nbsp);
+          selection.getRng().insertNode(wrapper.dom);
+          selection.select(wrapper.dom);
+        } else {
+          preserve(selection, false, function () {
+            runOnRanges(editor, function (selectionRng) {
+              annotate(editor, selectionRng, name, settings.decorate, data);
+            });
+          });
+        }
+      });
+    };
+
+    var Annotator = function (editor) {
+      var registry = create$2();
+      setup$1(editor, registry);
+      var changes = setup(editor);
+      return {
+        register: function (name, settings) {
+          registry.register(name, settings);
+        },
+        annotate: function (name, data) {
+          registry.lookup(name).each(function (settings) {
+            annotateWithBookmark(editor, name, settings, data);
+          });
+        },
+        annotationChanged: function (name, callback) {
+          changes.addListener(name, callback);
+        },
+        remove: function (name) {
+          identify(editor, Optional.some(name)).each(function (_a) {
+            var elements = _a.elements;
+            each(elements, unwrap);
+          });
+        },
+        getAll: function (name) {
+          var directory = findAll(editor, name);
+          return map$1(directory, function (elems) {
+            return map(elems, function (elem) {
+              return elem.dom;
+            });
+          });
+        }
+      };
+    };
+
+    function BookmarkManager(selection) {
+      return {
+        getBookmark: curry(getBookmark$1, selection),
+        moveToBookmark: curry(moveToBookmark, selection)
+      };
+    }
+    (function (BookmarkManager) {
+      BookmarkManager.isBookmarkNode = isBookmarkNode$1;
+    }(BookmarkManager || (BookmarkManager = {})));
+    var BookmarkManager$1 = BookmarkManager;
+
+    var getContentEditableRoot = function (root, node) {
+      while (node && node !== root) {
+        if (isContentEditableTrue(node) || isContentEditableFalse(node)) {
+          return node;
+        }
+        node = node.parentNode;
+      }
+      return null;
+    };
+
+    var isXYWithinRange = function (clientX, clientY, range) {
+      if (range.collapsed) {
+        return false;
+      }
+      if (Env.browser.isIE() && range.startOffset === range.endOffset - 1 && range.startContainer === range.endContainer) {
+        var elm = range.startContainer.childNodes[range.startOffset];
+        if (isElement$1(elm)) {
+          return exists(elm.getClientRects(), function (rect) {
+            return containsXY(rect, clientX, clientY);
+          });
+        }
+      }
+      return exists(range.getClientRects(), function (rect) {
+        return containsXY(rect, clientX, clientY);
+      });
+    };
+
+    var firePreProcess = function (editor, args) {
+      return editor.fire('PreProcess', args);
+    };
+    var firePostProcess = function (editor, args) {
+      return editor.fire('PostProcess', args);
+    };
+    var fireRemove = function (editor) {
+      return editor.fire('remove');
+    };
+    var fireDetach = function (editor) {
+      return editor.fire('detach');
+    };
+    var fireSwitchMode = function (editor, mode) {
+      return editor.fire('SwitchMode', { mode: mode });
+    };
+    var fireObjectResizeStart = function (editor, target, width, height, origin) {
+      editor.fire('ObjectResizeStart', {
+        target: target,
+        width: width,
+        height: height,
+        origin: origin
+      });
+    };
+    var fireObjectResized = function (editor, target, width, height, origin) {
+      editor.fire('ObjectResized', {
+        target: target,
+        width: width,
+        height: height,
+        origin: origin
+      });
+    };
+    var firePreInit = function (editor) {
+      return editor.fire('PreInit');
+    };
+    var firePostRender = function (editor) {
+      return editor.fire('PostRender');
+    };
+    var fireInit = function (editor) {
+      return editor.fire('Init');
+    };
+    var firePlaceholderToggle = function (editor, state) {
+      return editor.fire('PlaceholderToggle', { state: state });
+    };
+    var fireError = function (editor, errorType, error) {
+      return editor.fire(errorType, error);
+    };
+
+    var VK = {
+      BACKSPACE: 8,
+      DELETE: 46,
+      DOWN: 40,
+      ENTER: 13,
+      LEFT: 37,
+      RIGHT: 39,
+      SPACEBAR: 32,
+      TAB: 9,
+      UP: 38,
+      END: 35,
+      HOME: 36,
+      modifierPressed: function (e) {
+        return e.shiftKey || e.ctrlKey || e.altKey || this.metaKeyPressed(e);
+      },
+      metaKeyPressed: function (e) {
+        return Env.mac ? e.metaKey : e.ctrlKey && !e.altKey;
+      }
+    };
+
+    var isContentEditableFalse$6 = isContentEditableFalse;
+    var ControlSelection = function (selection, editor) {
+      var dom = editor.dom, each = Tools.each;
+      var selectedElm, selectedElmGhost, resizeHelper, selectedHandle;
+      var startX, startY, selectedElmX, selectedElmY, startW, startH, ratio, resizeStarted;
+      var width, height;
+      var editableDoc = editor.getDoc(), rootDocument = document;
+      var abs = Math.abs, round = Math.round, rootElement = editor.getBody();
+      var startScrollWidth, startScrollHeight;
+      var resizeHandles = {
+        nw: [
+          0,
+          0,
+          -1,
+          -1
+        ],
+        ne: [
+          1,
+          0,
+          1,
+          -1
+        ],
+        se: [
+          1,
+          1,
+          1,
+          1
+        ],
+        sw: [
+          0,
+          1,
+          -1,
+          1
+        ]
+      };
+      var isImage = function (elm) {
+        return elm && (elm.nodeName === 'IMG' || editor.dom.is(elm, 'figure.image'));
+      };
+      var isEventOnImageOutsideRange = function (evt, range) {
+        if (evt.type === 'longpress' || evt.type.indexOf('touch') === 0) {
+          var touch = evt.touches[0];
+          return isImage(evt.target) && !isXYWithinRange(touch.clientX, touch.clientY, range);
+        } else {
+          return isImage(evt.target) && !isXYWithinRange(evt.clientX, evt.clientY, range);
+        }
+      };
+      var contextMenuSelectImage = function (evt) {
+        var target = evt.target;
+        if (isEventOnImageOutsideRange(evt, editor.selection.getRng()) && !evt.isDefaultPrevented()) {
+          editor.selection.select(target);
+        }
+      };
+      var getResizeTarget = function (elm) {
+        return editor.dom.is(elm, 'figure.image') ? elm.querySelector('img') : elm;
+      };
+      var isResizable = function (elm) {
+        var selector = getObjectResizing(editor);
+        if (!selector) {
+          return false;
+        }
+        if (elm.getAttribute('data-mce-resize') === 'false') {
+          return false;
+        }
+        if (elm === editor.getBody()) {
+          return false;
+        }
+        return is$1(SugarElement.fromDom(elm), selector);
+      };
+      var setGhostElmSize = function (ghostElm, width, height) {
+        dom.setStyles(getResizeTarget(ghostElm), {
+          width: width,
+          height: height
+        });
+      };
+      var resizeGhostElement = function (e) {
+        var deltaX, deltaY, proportional;
+        var resizeHelperX, resizeHelperY;
+        deltaX = e.screenX - startX;
+        deltaY = e.screenY - startY;
+        width = deltaX * selectedHandle[2] + startW;
+        height = deltaY * selectedHandle[3] + startH;
+        width = width < 5 ? 5 : width;
+        height = height < 5 ? 5 : height;
+        if (isImage(selectedElm) && getResizeImgProportional(editor) !== false) {
+          proportional = !VK.modifierPressed(e);
+        } else {
+          proportional = VK.modifierPressed(e);
+        }
+        if (proportional) {
+          if (abs(deltaX) > abs(deltaY)) {
+            height = round(width * ratio);
+            width = round(height / ratio);
+          } else {
+            width = round(height / ratio);
+            height = round(width * ratio);
+          }
+        }
+        setGhostElmSize(selectedElmGhost, width, height);
+        resizeHelperX = selectedHandle.startPos.x + deltaX;
+        resizeHelperY = selectedHandle.startPos.y + deltaY;
+        resizeHelperX = resizeHelperX > 0 ? resizeHelperX : 0;
+        resizeHelperY = resizeHelperY > 0 ? resizeHelperY : 0;
+        dom.setStyles(resizeHelper, {
+          left: resizeHelperX,
+          top: resizeHelperY,
+          display: 'block'
+        });
+        resizeHelper.innerHTML = width + ' &times; ' + height;
+        if (selectedHandle[2] < 0 && selectedElmGhost.clientWidth <= width) {
+          dom.setStyle(selectedElmGhost, 'left', selectedElmX + (startW - width));
+        }
+        if (selectedHandle[3] < 0 && selectedElmGhost.clientHeight <= height) {
+          dom.setStyle(selectedElmGhost, 'top', selectedElmY + (startH - height));
+        }
+        deltaX = rootElement.scrollWidth - startScrollWidth;
+        deltaY = rootElement.scrollHeight - startScrollHeight;
+        if (deltaX + deltaY !== 0) {
+          dom.setStyles(resizeHelper, {
+            left: resizeHelperX - deltaX,
+            top: resizeHelperY - deltaY
+          });
+        }
+        if (!resizeStarted) {
+          fireObjectResizeStart(editor, selectedElm, startW, startH, 'corner-' + selectedHandle.name);
+          resizeStarted = true;
+        }
+      };
+      var endGhostResize = function () {
+        var wasResizeStarted = resizeStarted;
+        resizeStarted = false;
+        var setSizeProp = function (name, value) {
+          if (value) {
+            if (selectedElm.style[name] || !editor.schema.isValid(selectedElm.nodeName.toLowerCase(), name)) {
+              dom.setStyle(getResizeTarget(selectedElm), name, value);
+            } else {
+              dom.setAttrib(getResizeTarget(selectedElm), name, '' + value);
+            }
+          }
+        };
+        if (wasResizeStarted) {
+          setSizeProp('width', width);
+          setSizeProp('height', height);
+        }
+        dom.unbind(editableDoc, 'mousemove', resizeGhostElement);
+        dom.unbind(editableDoc, 'mouseup', endGhostResize);
+        if (rootDocument !== editableDoc) {
+          dom.unbind(rootDocument, 'mousemove', resizeGhostElement);
+          dom.unbind(rootDocument, 'mouseup', endGhostResize);
+        }
+        dom.remove(selectedElmGhost);
+        dom.remove(resizeHelper);
+        showResizeRect(selectedElm);
+        if (wasResizeStarted) {
+          fireObjectResized(editor, selectedElm, width, height, 'corner-' + selectedHandle.name);
+          dom.setAttrib(selectedElm, 'style', dom.getAttrib(selectedElm, 'style'));
+        }
+        editor.nodeChanged();
+      };
+      var showResizeRect = function (targetElm) {
+        hideResizeRect();
+        unbindResizeHandleEvents();
+        var position = dom.getPos(targetElm, rootElement);
+        var selectedElmX = position.x;
+        var selectedElmY = position.y;
+        var rect = targetElm.getBoundingClientRect();
+        var targetWidth = rect.width || rect.right - rect.left;
+        var targetHeight = rect.height || rect.bottom - rect.top;
+        if (selectedElm !== targetElm) {
+          selectedElm = targetElm;
+          width = height = 0;
+        }
+        var e = editor.fire('ObjectSelected', { target: targetElm });
+        if (isResizable(targetElm) && !e.isDefaultPrevented()) {
+          each(resizeHandles, function (handle, name) {
+            var handleElm;
+            var startDrag = function (e) {
+              startX = e.screenX;
+              startY = e.screenY;
+              startW = getResizeTarget(selectedElm).clientWidth;
+              startH = getResizeTarget(selectedElm).clientHeight;
+              ratio = startH / startW;
+              selectedHandle = handle;
+              selectedHandle.name = name;
+              selectedHandle.startPos = {
+                x: targetWidth * handle[0] + selectedElmX,
+                y: targetHeight * handle[1] + selectedElmY
+              };
+              startScrollWidth = rootElement.scrollWidth;
+              startScrollHeight = rootElement.scrollHeight;
+              selectedElmGhost = selectedElm.cloneNode(true);
+              dom.addClass(selectedElmGhost, 'mce-clonedresizable');
+              dom.setAttrib(selectedElmGhost, 'data-mce-bogus', 'all');
+              selectedElmGhost.contentEditable = false;
+              selectedElmGhost.unSelectabe = true;
+              dom.setStyles(selectedElmGhost, {
+                left: selectedElmX,
+                top: selectedElmY,
+                margin: 0
+              });
+              setGhostElmSize(selectedElmGhost, targetWidth, targetHeight);
+              selectedElmGhost.removeAttribute('data-mce-selected');
+              rootElement.appendChild(selectedElmGhost);
+              dom.bind(editableDoc, 'mousemove', resizeGhostElement);
+              dom.bind(editableDoc, 'mouseup', endGhostResize);
+              if (rootDocument !== editableDoc) {
+                dom.bind(rootDocument, 'mousemove', resizeGhostElement);
+                dom.bind(rootDocument, 'mouseup', endGhostResize);
+              }
+              resizeHelper = dom.add(rootElement, 'div', {
+                'class': 'mce-resize-helper',
+                'data-mce-bogus': 'all'
+              }, startW + ' &times; ' + startH);
+            };
+            handleElm = dom.get('mceResizeHandle' + name);
+            if (handleElm) {
+              dom.remove(handleElm);
+            }
+            handleElm = dom.add(rootElement, 'div', {
+              'id': 'mceResizeHandle' + name,
+              'data-mce-bogus': 'all',
+              'class': 'mce-resizehandle',
+              'unselectable': true,
+              'style': 'cursor:' + name + '-resize; margin:0; padding:0'
+            });
+            if (Env.ie === 11) {
+              handleElm.contentEditable = false;
+            }
+            dom.bind(handleElm, 'mousedown', function (e) {
+              e.stopImmediatePropagation();
+              e.preventDefault();
+              startDrag(e);
+            });
+            handle.elm = handleElm;
+            dom.setStyles(handleElm, {
+              left: targetWidth * handle[0] + selectedElmX - handleElm.offsetWidth / 2,
+              top: targetHeight * handle[1] + selectedElmY - handleElm.offsetHeight / 2
+            });
+          });
+        } else {
+          hideResizeRect();
+        }
+        selectedElm.setAttribute('data-mce-selected', '1');
+      };
+      var hideResizeRect = function () {
+        unbindResizeHandleEvents();
+        if (selectedElm) {
+          selectedElm.removeAttribute('data-mce-selected');
+        }
+        each$1(resizeHandles, function (value, name) {
+          var handleElm = dom.get('mceResizeHandle' + name);
+          if (handleElm) {
+            dom.unbind(handleElm);
+            dom.remove(handleElm);
+          }
+        });
+      };
+      var updateResizeRect = function (e) {
+        var startElm, controlElm;
+        var isChildOrEqual = function (node, parent) {
+          if (node) {
+            do {
+              if (node === parent) {
+                return true;
+              }
+            } while (node = node.parentNode);
+          }
+        };
+        if (resizeStarted || editor.removed) {
+          return;
+        }
+        each(dom.select('img[data-mce-selected],hr[data-mce-selected]'), function (img) {
+          img.removeAttribute('data-mce-selected');
+        });
+        controlElm = e.type === 'mousedown' ? e.target : selection.getNode();
+        controlElm = dom.$(controlElm).closest('table,img,figure.image,hr')[0];
+        if (isChildOrEqual(controlElm, rootElement)) {
+          disableGeckoResize();
+          startElm = selection.getStart(true);
+          if (isChildOrEqual(startElm, controlElm) && isChildOrEqual(selection.getEnd(true), controlElm)) {
+            showResizeRect(controlElm);
+            return;
+          }
+        }
+        hideResizeRect();
+      };
+      var isWithinContentEditableFalse = function (elm) {
+        return isContentEditableFalse$6(getContentEditableRoot(editor.getBody(), elm));
+      };
+      var unbindResizeHandleEvents = function () {
+        each$1(resizeHandles, function (handle) {
+          if (handle.elm) {
+            dom.unbind(handle.elm);
+            delete handle.elm;
+          }
+        });
+      };
+      var disableGeckoResize = function () {
+        try {
+          editor.getDoc().execCommand('enableObjectResizing', false, 'false');
+        } catch (ex) {
+        }
+      };
+      editor.on('init', function () {
+        disableGeckoResize();
+        if (Env.browser.isIE() || Env.browser.isEdge()) {
+          editor.on('mousedown click', function (e) {
+            var target = e.target, nodeName = target.nodeName;
+            if (!resizeStarted && /^(TABLE|IMG|HR)$/.test(nodeName) && !isWithinContentEditableFalse(target)) {
+              if (e.button !== 2) {
+                editor.selection.select(target, nodeName === 'TABLE');
+              }
+              if (e.type === 'mousedown') {
+                editor.nodeChanged();
+              }
+            }
+          });
+          var handleMSControlSelect_1 = function (e) {
+            var delayedSelect = function (node) {
+              Delay.setEditorTimeout(editor, function () {
+                return editor.selection.select(node);
+              });
+            };
+            if (isWithinContentEditableFalse(e.target) || isMedia(e.target)) {
+              e.preventDefault();
+              delayedSelect(e.target);
+              return;
+            }
+            if (/^(TABLE|IMG|HR)$/.test(e.target.nodeName)) {
+              e.preventDefault();
+              if (e.target.tagName === 'IMG') {
+                delayedSelect(e.target);
+              }
+            }
+          };
+          dom.bind(rootElement, 'mscontrolselect', handleMSControlSelect_1);
+          editor.on('remove', function () {
+            return dom.unbind(rootElement, 'mscontrolselect', handleMSControlSelect_1);
+          });
+        }
+        var throttledUpdateResizeRect = Delay.throttle(function (e) {
+          if (!editor.composing) {
+            updateResizeRect(e);
+          }
+        });
+        editor.on('nodechange ResizeEditor ResizeWindow ResizeContent drop FullscreenStateChanged', throttledUpdateResizeRect);
+        editor.on('keyup compositionend', function (e) {
+          if (selectedElm && selectedElm.nodeName === 'TABLE') {
+            throttledUpdateResizeRect(e);
+          }
+        });
+        editor.on('hide blur', hideResizeRect);
+        editor.on('contextmenu longpress', contextMenuSelectImage, true);
+      });
+      editor.on('remove', unbindResizeHandleEvents);
+      var destroy = function () {
+        selectedElm = selectedElmGhost = null;
+      };
+      return {
+        isResizable: isResizable,
+        showResizeRect: showResizeRect,
+        hideResizeRect: hideResizeRect,
+        updateResizeRect: updateResizeRect,
+        destroy: destroy
+      };
+    };
+
+    var hasCeProperty = function (node) {
+      return isContentEditableTrue(node) || isContentEditableFalse(node);
+    };
+    var findParent = function (node, rootNode, predicate) {
+      while (node && node !== rootNode) {
+        if (predicate(node)) {
+          return node;
+        }
+        node = node.parentNode;
+      }
+      return null;
+    };
+    var findClosestIeRange = function (clientX, clientY, doc) {
+      var rects;
+      var element = doc.elementFromPoint(clientX, clientY);
+      var rng = doc.body.createTextRange();
+      if (!element || element.tagName === 'HTML') {
+        element = doc.body;
+      }
+      rng.moveToElementText(element);
+      rects = Tools.toArray(rng.getClientRects());
+      rects = rects.sort(function (a, b) {
+        a = Math.abs(Math.max(a.top - clientY, a.bottom - clientY));
+        b = Math.abs(Math.max(b.top - clientY, b.bottom - clientY));
+        return a - b;
+      });
+      if (rects.length > 0) {
+        clientY = (rects[0].bottom + rects[0].top) / 2;
+        try {
+          rng.moveToPoint(clientX, clientY);
+          rng.collapse(true);
+          return rng;
+        } catch (ex) {
+        }
+      }
+      return null;
+    };
+    var moveOutOfContentEditableFalse = function (rng, rootNode) {
+      var parentElement = rng && rng.parentElement ? rng.parentElement() : null;
+      return isContentEditableFalse(findParent(parentElement, rootNode, hasCeProperty)) ? null : rng;
+    };
+    var fromPoint$1 = function (clientX, clientY, doc) {
+      var rng, point;
+      var pointDoc = doc;
+      if (pointDoc.caretPositionFromPoint) {
+        point = pointDoc.caretPositionFromPoint(clientX, clientY);
+        if (point) {
+          rng = doc.createRange();
+          rng.setStart(point.offsetNode, point.offset);
+          rng.collapse(true);
+        }
+      } else if (doc.caretRangeFromPoint) {
+        rng = doc.caretRangeFromPoint(clientX, clientY);
+      } else if (pointDoc.body.createTextRange) {
+        rng = pointDoc.body.createTextRange();
+        try {
+          rng.moveToPoint(clientX, clientY);
+          rng.collapse(true);
+        } catch (ex) {
+          rng = findClosestIeRange(clientX, clientY, doc);
+        }
+        return moveOutOfContentEditableFalse(rng, doc.body);
+      }
+      return rng;
+    };
+
+    var isEq$1 = function (rng1, rng2) {
+      return rng1 && rng2 && (rng1.startContainer === rng2.startContainer && rng1.startOffset === rng2.startOffset) && (rng1.endContainer === rng2.endContainer && rng1.endOffset === rng2.endOffset);
+    };
+
+    var findParent$1 = function (node, rootNode, predicate) {
+      while (node && node !== rootNode) {
+        if (predicate(node)) {
+          return node;
+        }
+        node = node.parentNode;
+      }
+      return null;
+    };
+    var hasParent = function (node, rootNode, predicate) {
+      return findParent$1(node, rootNode, predicate) !== null;
+    };
+    var hasParentWithName = function (node, rootNode, name) {
+      return hasParent(node, rootNode, function (node) {
+        return node.nodeName === name;
+      });
+    };
+    var isTable$3 = function (node) {
+      return node && node.nodeName === 'TABLE';
+    };
+    var isTableCell$3 = function (node) {
+      return node && /^(TD|TH|CAPTION)$/.test(node.nodeName);
+    };
+    var isCeFalseCaretContainer = function (node, rootNode) {
+      return isCaretContainer(node) && hasParent(node, rootNode, isCaretNode) === false;
+    };
+    var hasBrBeforeAfter = function (dom, node, left) {
+      var walker = new DomTreeWalker(node, dom.getParent(node.parentNode, dom.isBlock) || dom.getRoot());
+      while (node = walker[left ? 'prev' : 'next']()) {
+        if (isBr(node)) {
+          return true;
+        }
+      }
+    };
+    var isPrevNode = function (node, name) {
+      return node.previousSibling && node.previousSibling.nodeName === name;
+    };
+    var hasContentEditableFalseParent = function (body, node) {
+      while (node && node !== body) {
+        if (isContentEditableFalse(node)) {
+          return true;
+        }
+        node = node.parentNode;
+      }
+      return false;
+    };
+    var findTextNodeRelative = function (dom, isAfterNode, collapsed, left, startNode) {
+      var lastInlineElement;
+      var body = dom.getRoot();
+      var node;
+      var nonEmptyElementsMap = dom.schema.getNonEmptyElements();
+      var parentBlockContainer = dom.getParent(startNode.parentNode, dom.isBlock) || body;
+      if (left && isBr(startNode) && isAfterNode && dom.isEmpty(parentBlockContainer)) {
+        return Optional.some(CaretPosition(startNode.parentNode, dom.nodeIndex(startNode)));
+      }
+      var walker = new DomTreeWalker(startNode, parentBlockContainer);
+      while (node = walker[left ? 'prev' : 'next']()) {
+        if (dom.getContentEditableParent(node) === 'false' || isCeFalseCaretContainer(node, body)) {
+          return Optional.none();
+        }
+        if (isText$1(node) && node.nodeValue.length > 0) {
+          if (hasParentWithName(node, body, 'A') === false) {
+            return Optional.some(CaretPosition(node, left ? node.nodeValue.length : 0));
+          }
+          return Optional.none();
+        }
+        if (dom.isBlock(node) || nonEmptyElementsMap[node.nodeName.toLowerCase()]) {
+          return Optional.none();
+        }
+        lastInlineElement = node;
+      }
+      if (collapsed && lastInlineElement) {
+        return Optional.some(CaretPosition(lastInlineElement, 0));
+      }
+      return Optional.none();
+    };
+    var normalizeEndPoint = function (dom, collapsed, start, rng) {
+      var container, offset;
+      var body = dom.getRoot();
+      var node;
+      var directionLeft, normalized = false;
+      container = rng[(start ? 'start' : 'end') + 'Container'];
+      offset = rng[(start ? 'start' : 'end') + 'Offset'];
+      var isAfterNode = isElement$1(container) && offset === container.childNodes.length;
+      var nonEmptyElementsMap = dom.schema.getNonEmptyElements();
+      directionLeft = start;
+      if (isCaretContainer(container)) {
+        return Optional.none();
+      }
+      if (isElement$1(container) && offset > container.childNodes.length - 1) {
+        directionLeft = false;
+      }
+      if (isDocument$1(container)) {
+        container = body;
+        offset = 0;
+      }
+      if (container === body) {
+        if (directionLeft) {
+          node = container.childNodes[offset > 0 ? offset - 1 : 0];
+          if (node) {
+            if (isCaretContainer(node)) {
+              return Optional.none();
+            }
+            if (nonEmptyElementsMap[node.nodeName] || isTable$3(node)) {
+              return Optional.none();
+            }
+          }
+        }
+        if (container.hasChildNodes()) {
+          offset = Math.min(!directionLeft && offset > 0 ? offset - 1 : offset, container.childNodes.length - 1);
+          container = container.childNodes[offset];
+          offset = isText$1(container) && isAfterNode ? container.data.length : 0;
+          if (!collapsed && container === body.lastChild && isTable$3(container)) {
+            return Optional.none();
+          }
+          if (hasContentEditableFalseParent(body, container) || isCaretContainer(container)) {
+            return Optional.none();
+          }
+          if (container.hasChildNodes() && isTable$3(container) === false) {
+            node = container;
+            var walker = new DomTreeWalker(container, body);
+            do {
+              if (isContentEditableFalse(node) || isCaretContainer(node)) {
+                normalized = false;
+                break;
+              }
+              if (isText$1(node) && node.nodeValue.length > 0) {
+                offset = directionLeft ? 0 : node.nodeValue.length;
+                container = node;
+                normalized = true;
+                break;
+              }
+              if (nonEmptyElementsMap[node.nodeName.toLowerCase()] && !isTableCell$3(node)) {
+                offset = dom.nodeIndex(node);
+                container = node.parentNode;
+                if (!directionLeft) {
+                  offset++;
+                }
+                normalized = true;
+                break;
+              }
+            } while (node = directionLeft ? walker.next() : walker.prev());
+          }
+        }
+      }
+      if (collapsed) {
+        if (isText$1(container) && offset === 0) {
+          findTextNodeRelative(dom, isAfterNode, collapsed, true, container).each(function (pos) {
+            container = pos.container();
+            offset = pos.offset();
+            normalized = true;
+          });
+        }
+        if (isElement$1(container)) {
+          node = container.childNodes[offset];
+          if (!node) {
+            node = container.childNodes[offset - 1];
+          }
+          if (node && isBr(node) && !isPrevNode(node, 'A') && !hasBrBeforeAfter(dom, node, false) && !hasBrBeforeAfter(dom, node, true)) {
+            findTextNodeRelative(dom, isAfterNode, collapsed, true, node).each(function (pos) {
+              container = pos.container();
+              offset = pos.offset();
+              normalized = true;
+            });
+          }
+        }
+      }
+      if (directionLeft && !collapsed && isText$1(container) && offset === container.nodeValue.length) {
+        findTextNodeRelative(dom, isAfterNode, collapsed, false, container).each(function (pos) {
+          container = pos.container();
+          offset = pos.offset();
+          normalized = true;
+        });
+      }
+      return normalized ? Optional.some(CaretPosition(container, offset)) : Optional.none();
+    };
+    var normalize = function (dom, rng) {
+      var collapsed = rng.collapsed, normRng = rng.cloneRange();
+      var startPos = CaretPosition.fromRangeStart(rng);
+      normalizeEndPoint(dom, collapsed, true, normRng).each(function (pos) {
+        if (!collapsed || !CaretPosition.isAbove(startPos, pos)) {
+          normRng.setStart(pos.container(), pos.offset());
+        }
+      });
+      if (!collapsed) {
+        normalizeEndPoint(dom, collapsed, false, normRng).each(function (pos) {
+          normRng.setEnd(pos.container(), pos.offset());
+        });
+      }
+      if (collapsed) {
+        normRng.collapse(true);
+      }
+      return isEq$1(rng, normRng) ? Optional.none() : Optional.some(normRng);
+    };
+
+    var splitText = function (node, offset) {
+      return node.splitText(offset);
+    };
+    var split$1 = function (rng) {
+      var startContainer = rng.startContainer, startOffset = rng.startOffset, endContainer = rng.endContainer, endOffset = rng.endOffset;
+      if (startContainer === endContainer && isText$1(startContainer)) {
+        if (startOffset > 0 && startOffset < startContainer.nodeValue.length) {
+          endContainer = splitText(startContainer, startOffset);
+          startContainer = endContainer.previousSibling;
+          if (endOffset > startOffset) {
+            endOffset = endOffset - startOffset;
+            startContainer = endContainer = splitText(endContainer, endOffset).previousSibling;
+            endOffset = endContainer.nodeValue.length;
+            startOffset = 0;
+          } else {
+            endOffset = 0;
+          }
+        }
+      } else {
+        if (isText$1(startContainer) && startOffset > 0 && startOffset < startContainer.nodeValue.length) {
+          startContainer = splitText(startContainer, startOffset);
+          startOffset = 0;
+        }
+        if (isText$1(endContainer) && endOffset > 0 && endOffset < endContainer.nodeValue.length) {
+          endContainer = splitText(endContainer, endOffset).previousSibling;
+          endOffset = endContainer.nodeValue.length;
+        }
+      }
+      return {
+        startContainer: startContainer,
+        startOffset: startOffset,
+        endContainer: endContainer,
+        endOffset: endOffset
+      };
+    };
+
+    function RangeUtils(dom) {
+      var walk = function (rng, callback) {
+        return walk$1(dom, rng, callback);
+      };
+      var split = split$1;
+      var normalize$1 = function (rng) {
+        return normalize(dom, rng).fold(never, function (normalizedRng) {
+          rng.setStart(normalizedRng.startContainer, normalizedRng.startOffset);
+          rng.setEnd(normalizedRng.endContainer, normalizedRng.endOffset);
+          return true;
+        });
+      };
+      return {
+        walk: walk,
+        split: split,
+        normalize: normalize$1
+      };
+    }
+    (function (RangeUtils) {
+      RangeUtils.compareRanges = isEq$1;
+      RangeUtils.getCaretRangeFromPoint = fromPoint$1;
+      RangeUtils.getSelectedNode = getSelectedNode;
+      RangeUtils.getNode = getNode;
+    }(RangeUtils || (RangeUtils = {})));
+    var RangeUtils$1 = RangeUtils;
+
+    function Dimension (name, getOffset) {
+      var set = function (element, h) {
+        if (!isNumber(h) && !h.match(/^[0-9]+$/)) {
+          throw new Error(name + '.set accepts only positive integer values. Value was ' + h);
+        }
+        var dom = element.dom;
+        if (isSupported$1(dom)) {
+          dom.style[name] = h + 'px';
+        }
+      };
+      var get = function (element) {
+        var r = getOffset(element);
+        if (r <= 0 || r === null) {
+          var css = get$5(element, name);
+          return parseFloat(css) || 0;
+        }
+        return r;
+      };
+      var getOuter = get;
+      var aggregate = function (element, properties) {
+        return foldl(properties, function (acc, property) {
+          var val = get$5(element, property);
+          var value = val === undefined ? 0 : parseInt(val, 10);
+          return isNaN(value) ? acc : acc + value;
+        }, 0);
+      };
+      var max = function (element, value, properties) {
+        var cumulativeInclusions = aggregate(element, properties);
+        var absoluteMax = value > cumulativeInclusions ? value - cumulativeInclusions : 0;
+        return absoluteMax;
+      };
+      return {
+        set: set,
+        get: get,
+        getOuter: getOuter,
+        aggregate: aggregate,
+        max: max
+      };
+    }
+
+    var api$1 = Dimension('height', function (element) {
+      var dom = element.dom;
+      return inBody(element) ? dom.getBoundingClientRect().height : dom.offsetHeight;
+    });
+    var get$9 = function (element) {
+      return api$1.get(element);
+    };
+
+    var walkUp = function (navigation, doc) {
+      var frame = navigation.view(doc);
+      return frame.fold(constant([]), function (f) {
+        var parent = navigation.owner(f);
+        var rest = walkUp(navigation, parent);
+        return [f].concat(rest);
+      });
+    };
+    var pathTo = function (element, navigation) {
+      var d = navigation.owner(element);
+      return walkUp(navigation, d);
+    };
+
+    var view = function (doc) {
+      var _a;
+      var element = doc.dom === document ? Optional.none() : Optional.from((_a = doc.dom.defaultView) === null || _a === void 0 ? void 0 : _a.frameElement);
+      return element.map(SugarElement.fromDom);
+    };
+    var owner$1 = function (element) {
+      return documentOrOwner(element);
+    };
+
+    var Navigation = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        view: view,
+        owner: owner$1
+    });
+
+    var find$2 = function (element) {
+      var doc = SugarElement.fromDom(document);
+      var scroll = get$2(doc);
+      var frames = pathTo(element, Navigation);
+      var offset = viewport(element);
+      var r = foldr(frames, function (b, a) {
+        var loc = viewport(a);
+        return {
+          left: b.left + loc.left,
+          top: b.top + loc.top
+        };
+      }, {
+        left: 0,
+        top: 0
+      });
+      return SugarPosition(r.left + offset.left + scroll.left, r.top + offset.top + scroll.top);
+    };
+
+    var excludeFromDescend = function (element) {
+      return name(element) === 'textarea';
+    };
+    var fireScrollIntoViewEvent = function (editor, data) {
+      var scrollEvent = editor.fire('ScrollIntoView', data);
+      return scrollEvent.isDefaultPrevented();
+    };
+    var fireAfterScrollIntoViewEvent = function (editor, data) {
+      editor.fire('AfterScrollIntoView', data);
+    };
+    var descend = function (element, offset) {
+      var children$1 = children(element);
+      if (children$1.length === 0 || excludeFromDescend(element)) {
+        return {
+          element: element,
+          offset: offset
+        };
+      } else if (offset < children$1.length && !excludeFromDescend(children$1[offset])) {
+        return {
+          element: children$1[offset],
+          offset: 0
+        };
+      } else {
+        var last = children$1[children$1.length - 1];
+        if (excludeFromDescend(last)) {
+          return {
+            element: element,
+            offset: offset
+          };
+        } else {
+          if (name(last) === 'img') {
+            return {
+              element: last,
+              offset: 1
+            };
+          } else if (isText(last)) {
+            return {
+              element: last,
+              offset: get$8(last).length
+            };
+          } else {
+            return {
+              element: last,
+              offset: children(last).length
+            };
+          }
+        }
+      }
+    };
+    var markerInfo = function (element, cleanupFun) {
+      var pos = absolute(element);
+      var height = get$9(element);
+      return {
+        element: element,
+        bottom: pos.top + height,
+        height: height,
+        pos: pos,
+        cleanup: cleanupFun
+      };
+    };
+    var createMarker = function (element, offset) {
+      var startPoint = descend(element, offset);
+      var span = SugarElement.fromHtml('<span data-mce-bogus="all">' + ZWSP + '</span>');
+      before(startPoint.element, span);
+      return markerInfo(span, function () {
+        return remove(span);
+      });
+    };
+    var elementMarker = function (element) {
+      return markerInfo(SugarElement.fromDom(element), noop);
+    };
+    var withMarker = function (editor, f, rng, alignToTop) {
+      preserveWith(editor, function (_s, _e) {
+        return applyWithMarker(editor, f, rng, alignToTop);
+      }, rng);
+    };
+    var withScrollEvents = function (editor, doc, f, marker, alignToTop) {
+      var data = {
+        elm: marker.element.dom,
+        alignToTop: alignToTop
+      };
+      if (fireScrollIntoViewEvent(editor, data)) {
+        return;
+      }
+      var scrollTop = get$2(doc).top;
+      f(doc, scrollTop, marker, alignToTop);
+      fireAfterScrollIntoViewEvent(editor, data);
+    };
+    var applyWithMarker = function (editor, f, rng, alignToTop) {
+      var body = SugarElement.fromDom(editor.getBody());
+      var doc = SugarElement.fromDom(editor.getDoc());
+      reflow(body);
+      var marker = createMarker(SugarElement.fromDom(rng.startContainer), rng.startOffset);
+      withScrollEvents(editor, doc, f, marker, alignToTop);
+      marker.cleanup();
+    };
+    var withElement = function (editor, element, f, alignToTop) {
+      var doc = SugarElement.fromDom(editor.getDoc());
+      withScrollEvents(editor, doc, f, elementMarker(element), alignToTop);
+    };
+    var preserveWith = function (editor, f, rng) {
+      var startElement = rng.startContainer;
+      var startOffset = rng.startOffset;
+      var endElement = rng.endContainer;
+      var endOffset = rng.endOffset;
+      f(SugarElement.fromDom(startElement), SugarElement.fromDom(endElement));
+      var newRng = editor.dom.createRng();
+      newRng.setStart(startElement, startOffset);
+      newRng.setEnd(endElement, endOffset);
+      editor.selection.setRng(rng);
+    };
+    var scrollToMarker = function (marker, viewHeight, alignToTop, doc) {
+      var pos = marker.pos;
+      if (alignToTop) {
+        to(pos.left, pos.top, doc);
+      } else {
+        var y = pos.top - viewHeight + marker.height;
+        to(pos.left, y, doc);
+      }
+    };
+    var intoWindowIfNeeded = function (doc, scrollTop, viewHeight, marker, alignToTop) {
+      var viewportBottom = viewHeight + scrollTop;
+      var markerTop = marker.pos.top;
+      var markerBottom = marker.bottom;
+      var largerThanViewport = markerBottom - markerTop >= viewHeight;
+      if (markerTop < scrollTop) {
+        scrollToMarker(marker, viewHeight, alignToTop !== false, doc);
+      } else if (markerTop > viewportBottom) {
+        var align = largerThanViewport ? alignToTop !== false : alignToTop === true;
+        scrollToMarker(marker, viewHeight, align, doc);
+      } else if (markerBottom > viewportBottom && !largerThanViewport) {
+        scrollToMarker(marker, viewHeight, alignToTop === true, doc);
+      }
+    };
+    var intoWindow = function (doc, scrollTop, marker, alignToTop) {
+      var viewHeight = doc.dom.defaultView.innerHeight;
+      intoWindowIfNeeded(doc, scrollTop, viewHeight, marker, alignToTop);
+    };
+    var intoFrame = function (doc, scrollTop, marker, alignToTop) {
+      var frameViewHeight = doc.dom.defaultView.innerHeight;
+      intoWindowIfNeeded(doc, scrollTop, frameViewHeight, marker, alignToTop);
+      var op = find$2(marker.element);
+      var viewportBounds = getBounds(window);
+      if (op.top < viewportBounds.y) {
+        intoView(marker.element, alignToTop !== false);
+      } else if (op.top > viewportBounds.bottom) {
+        intoView(marker.element, alignToTop === true);
+      }
+    };
+    var rangeIntoWindow = function (editor, rng, alignToTop) {
+      return withMarker(editor, intoWindow, rng, alignToTop);
+    };
+    var elementIntoWindow = function (editor, element, alignToTop) {
+      return withElement(editor, element, intoWindow, alignToTop);
+    };
+    var rangeIntoFrame = function (editor, rng, alignToTop) {
+      return withMarker(editor, intoFrame, rng, alignToTop);
+    };
+    var elementIntoFrame = function (editor, element, alignToTop) {
+      return withElement(editor, element, intoFrame, alignToTop);
+    };
+    var scrollElementIntoView = function (editor, element, alignToTop) {
+      var scroller = editor.inline ? elementIntoWindow : elementIntoFrame;
+      scroller(editor, element, alignToTop);
+    };
+    var scrollRangeIntoView = function (editor, rng, alignToTop) {
+      var scroller = editor.inline ? rangeIntoWindow : rangeIntoFrame;
+      scroller(editor, rng, alignToTop);
+    };
+
+    var getDocument = function () {
+      return SugarElement.fromDom(document);
+    };
+
+    var focus = function (element) {
+      return element.dom.focus();
+    };
+    var hasFocus = function (element) {
+      var root = getRootNode(element).dom;
+      return element.dom === root.activeElement;
+    };
+    var active = function (root) {
+      if (root === void 0) {
+        root = getDocument();
+      }
+      return Optional.from(root.dom.activeElement).map(SugarElement.fromDom);
+    };
+    var search = function (element) {
+      return active(getRootNode(element)).filter(function (e) {
+        return element.dom.contains(e.dom);
+      });
+    };
+
+    var create$4 = function (start, soffset, finish, foffset) {
+      return {
+        start: start,
+        soffset: soffset,
+        finish: finish,
+        foffset: foffset
+      };
+    };
+    var SimRange = { create: create$4 };
+
+    var adt = Adt.generate([
+      { before: ['element'] },
+      {
+        on: [
+          'element',
+          'offset'
+        ]
+      },
+      { after: ['element'] }
+    ]);
+    var cata = function (subject, onBefore, onOn, onAfter) {
+      return subject.fold(onBefore, onOn, onAfter);
+    };
+    var getStart = function (situ) {
+      return situ.fold(identity, identity, identity);
+    };
+    var before$3 = adt.before;
+    var on = adt.on;
+    var after$2 = adt.after;
+    var Situ = {
+      before: before$3,
+      on: on,
+      after: after$2,
+      cata: cata,
+      getStart: getStart
+    };
+
+    var adt$1 = Adt.generate([
+      { domRange: ['rng'] },
+      {
+        relative: [
+          'startSitu',
+          'finishSitu'
+        ]
+      },
+      {
+        exact: [
+          'start',
+          'soffset',
+          'finish',
+          'foffset'
+        ]
+      }
+    ]);
+    var exactFromRange = function (simRange) {
+      return adt$1.exact(simRange.start, simRange.soffset, simRange.finish, simRange.foffset);
+    };
+    var getStart$1 = function (selection) {
+      return selection.match({
+        domRange: function (rng) {
+          return SugarElement.fromDom(rng.startContainer);
+        },
+        relative: function (startSitu, _finishSitu) {
+          return Situ.getStart(startSitu);
+        },
+        exact: function (start, _soffset, _finish, _foffset) {
+          return start;
+        }
+      });
+    };
+    var domRange = adt$1.domRange;
+    var relative = adt$1.relative;
+    var exact = adt$1.exact;
+    var getWin = function (selection) {
+      var start = getStart$1(selection);
+      return defaultView(start);
+    };
+    var range = SimRange.create;
+    var SimSelection = {
+      domRange: domRange,
+      relative: relative,
+      exact: exact,
+      exactFromRange: exactFromRange,
+      getWin: getWin,
+      range: range
+    };
+
+    var browser$3 = detect$3().browser;
+    var clamp = function (offset, element) {
+      var max = isText(element) ? get$8(element).length : children(element).length + 1;
+      if (offset > max) {
+        return max;
+      } else if (offset < 0) {
+        return 0;
+      }
+      return offset;
+    };
+    var normalizeRng = function (rng) {
+      return SimSelection.range(rng.start, clamp(rng.soffset, rng.start), rng.finish, clamp(rng.foffset, rng.finish));
+    };
+    var isOrContains = function (root, elm) {
+      return !isRestrictedNode(elm.dom) && (contains$2(root, elm) || eq$2(root, elm));
+    };
+    var isRngInRoot = function (root) {
+      return function (rng) {
+        return isOrContains(root, rng.start) && isOrContains(root, rng.finish);
+      };
+    };
+    var shouldStore = function (editor) {
+      return editor.inline === true || browser$3.isIE();
+    };
+    var nativeRangeToSelectionRange = function (r) {
+      return SimSelection.range(SugarElement.fromDom(r.startContainer), r.startOffset, SugarElement.fromDom(r.endContainer), r.endOffset);
+    };
+    var readRange = function (win) {
+      var selection = win.getSelection();
+      var rng = !selection || selection.rangeCount === 0 ? Optional.none() : Optional.from(selection.getRangeAt(0));
+      return rng.map(nativeRangeToSelectionRange);
+    };
+    var getBookmark$2 = function (root) {
+      var win = defaultView(root);
+      return readRange(win.dom).filter(isRngInRoot(root));
+    };
+    var validate = function (root, bookmark) {
+      return Optional.from(bookmark).filter(isRngInRoot(root)).map(normalizeRng);
+    };
+    var bookmarkToNativeRng = function (bookmark) {
+      var rng = document.createRange();
+      try {
+        rng.setStart(bookmark.start.dom, bookmark.soffset);
+        rng.setEnd(bookmark.finish.dom, bookmark.foffset);
+        return Optional.some(rng);
+      } catch (_) {
+        return Optional.none();
+      }
+    };
+    var store = function (editor) {
+      var newBookmark = shouldStore(editor) ? getBookmark$2(SugarElement.fromDom(editor.getBody())) : Optional.none();
+      editor.bookmark = newBookmark.isSome() ? newBookmark : editor.bookmark;
+    };
+    var storeNative = function (editor, rng) {
+      var root = SugarElement.fromDom(editor.getBody());
+      var range = shouldStore(editor) ? Optional.from(rng) : Optional.none();
+      var newBookmark = range.map(nativeRangeToSelectionRange).filter(isRngInRoot(root));
+      editor.bookmark = newBookmark.isSome() ? newBookmark : editor.bookmark;
+    };
+    var getRng = function (editor) {
+      var bookmark = editor.bookmark ? editor.bookmark : Optional.none();
+      return bookmark.bind(function (x) {
+        return validate(SugarElement.fromDom(editor.getBody()), x);
+      }).bind(bookmarkToNativeRng);
+    };
+    var restore = function (editor) {
+      getRng(editor).each(function (rng) {
+        return editor.selection.setRng(rng);
+      });
+    };
+
+    var isEditorUIElement = function (elm) {
+      var className = elm.className.toString();
+      return className.indexOf('tox-') !== -1 || className.indexOf('mce-') !== -1;
+    };
+    var FocusManager = { isEditorUIElement: isEditorUIElement };
+
+    var isManualNodeChange = function (e) {
+      return e.type === 'nodechange' && e.selectionChange;
+    };
+    var registerPageMouseUp = function (editor, throttledStore) {
+      var mouseUpPage = function () {
+        throttledStore.throttle();
+      };
+      DOMUtils$1.DOM.bind(document, 'mouseup', mouseUpPage);
+      editor.on('remove', function () {
+        DOMUtils$1.DOM.unbind(document, 'mouseup', mouseUpPage);
+      });
+    };
+    var registerFocusOut = function (editor) {
+      editor.on('focusout', function () {
+        store(editor);
+      });
+    };
+    var registerMouseUp = function (editor, throttledStore) {
+      editor.on('mouseup touchend', function (_e) {
+        throttledStore.throttle();
+      });
+    };
+    var registerEditorEvents = function (editor, throttledStore) {
+      var browser = detect$3().browser;
+      if (browser.isIE()) {
+        registerFocusOut(editor);
+      } else {
+        registerMouseUp(editor, throttledStore);
+      }
+      editor.on('keyup NodeChange', function (e) {
+        if (!isManualNodeChange(e)) {
+          store(editor);
+        }
+      });
+    };
+    var register = function (editor) {
+      var throttledStore = first(function () {
+        store(editor);
+      }, 0);
+      editor.on('init', function () {
+        if (editor.inline) {
+          registerPageMouseUp(editor, throttledStore);
+        }
+        registerEditorEvents(editor, throttledStore);
+      });
+      editor.on('remove', function () {
+        throttledStore.cancel();
+      });
+    };
+
+    var documentFocusInHandler;
+    var DOM$2 = DOMUtils$1.DOM;
+    var isEditorUIElement$1 = function (elm) {
+      return FocusManager.isEditorUIElement(elm);
+    };
+    var isEditorContentAreaElement = function (elm) {
+      var classList = elm.classList;
+      if (classList !== undefined) {
+        return classList.contains('tox-edit-area') || classList.contains('tox-edit-area__iframe') || classList.contains('mce-content-body');
+      } else {
+        return false;
+      }
+    };
+    var isUIElement = function (editor, elm) {
+      var customSelector = getCustomUiSelector(editor);
+      var parent = DOM$2.getParent(elm, function (elm) {
+        return isEditorUIElement$1(elm) || (customSelector ? editor.dom.is(elm, customSelector) : false);
+      });
+      return parent !== null;
+    };
+    var getActiveElement = function (editor) {
+      try {
+        var root = getRootNode(SugarElement.fromDom(editor.getElement()));
+        return active(root).fold(function () {
+          return document.body;
+        }, function (x) {
+          return x.dom;
+        });
+      } catch (ex) {
+        return document.body;
+      }
+    };
+    var registerEvents = function (editorManager, e) {
+      var editor = e.editor;
+      register(editor);
+      editor.on('focusin', function () {
+        var self = this;
+        var focusedEditor = editorManager.focusedEditor;
+        if (focusedEditor !== self) {
+          if (focusedEditor) {
+            focusedEditor.fire('blur', { focusedEditor: self });
+          }
+          editorManager.setActive(self);
+          editorManager.focusedEditor = self;
+          self.fire('focus', { blurredEditor: focusedEditor });
+          self.focus(true);
+        }
+      });
+      editor.on('focusout', function () {
+        var self = this;
+        Delay.setEditorTimeout(self, function () {
+          var focusedEditor = editorManager.focusedEditor;
+          if (!isUIElement(self, getActiveElement(self)) && focusedEditor === self) {
+            self.fire('blur', { focusedEditor: null });
+            editorManager.focusedEditor = null;
+          }
+        });
+      });
+      if (!documentFocusInHandler) {
+        documentFocusInHandler = function (e) {
+          var activeEditor = editorManager.activeEditor;
+          if (activeEditor) {
+            getOriginalEventTarget(e).each(function (target) {
+              if (target.ownerDocument === document) {
+                if (target !== document.body && !isUIElement(activeEditor, target) && editorManager.focusedEditor === activeEditor) {
+                  activeEditor.fire('blur', { focusedEditor: null });
+                  editorManager.focusedEditor = null;
+                }
+              }
+            });
+          }
+        };
+        DOM$2.bind(document, 'focusin', documentFocusInHandler);
+      }
+    };
+    var unregisterDocumentEvents = function (editorManager, e) {
+      if (editorManager.focusedEditor === e.editor) {
+        editorManager.focusedEditor = null;
+      }
+      if (!editorManager.activeEditor) {
+        DOM$2.unbind(document, 'focusin', documentFocusInHandler);
+        documentFocusInHandler = null;
+      }
+    };
+    var setup$2 = function (editorManager) {
+      editorManager.on('AddEditor', curry(registerEvents, editorManager));
+      editorManager.on('RemoveEditor', curry(unregisterDocumentEvents, editorManager));
+    };
+
+    var getContentEditableHost = function (editor, node) {
+      return editor.dom.getParent(node, function (node) {
+        return editor.dom.getContentEditable(node) === 'true';
+      });
+    };
+    var getCollapsedNode = function (rng) {
+      return rng.collapsed ? Optional.from(getNode(rng.startContainer, rng.startOffset)).map(SugarElement.fromDom) : Optional.none();
+    };
+    var getFocusInElement = function (root, rng) {
+      return getCollapsedNode(rng).bind(function (node) {
+        if (isTableSection(node)) {
+          return Optional.some(node);
+        } else if (contains$2(root, node) === false) {
+          return Optional.some(root);
+        } else {
+          return Optional.none();
+        }
+      });
+    };
+    var normalizeSelection = function (editor, rng) {
+      getFocusInElement(SugarElement.fromDom(editor.getBody()), rng).bind(function (elm) {
+        return firstPositionIn(elm.dom);
+      }).fold(function () {
+        editor.selection.normalize();
+        return;
+      }, function (caretPos) {
+        return editor.selection.setRng(caretPos.toRange());
+      });
+    };
+    var focusBody = function (body) {
+      if (body.setActive) {
+        try {
+          body.setActive();
+        } catch (ex) {
+          body.focus();
+        }
+      } else {
+        body.focus();
+      }
+    };
+    var hasElementFocus = function (elm) {
+      return hasFocus(elm) || search(elm).isSome();
+    };
+    var hasIframeFocus = function (editor) {
+      return editor.iframeElement && hasFocus(SugarElement.fromDom(editor.iframeElement));
+    };
+    var hasInlineFocus = function (editor) {
+      var rawBody = editor.getBody();
+      return rawBody && hasElementFocus(SugarElement.fromDom(rawBody));
+    };
+    var hasUiFocus = function (editor) {
+      return active().filter(function (elem) {
+        return !isEditorContentAreaElement(elem.dom) && isUIElement(editor, elem.dom);
+      }).isSome();
+    };
+    var hasFocus$1 = function (editor) {
+      return editor.inline ? hasInlineFocus(editor) : hasIframeFocus(editor);
+    };
+    var hasEditorOrUiFocus = function (editor) {
+      return hasFocus$1(editor) || hasUiFocus(editor);
+    };
+    var focusEditor = function (editor) {
+      var selection = editor.selection;
+      var body = editor.getBody();
+      var rng = selection.getRng();
+      editor.quirks.refreshContentEditable();
+      if (editor.bookmark !== undefined && hasFocus$1(editor) === false) {
+        getRng(editor).each(function (bookmarkRng) {
+          editor.selection.setRng(bookmarkRng);
+          rng = bookmarkRng;
+        });
+      }
+      var contentEditableHost = getContentEditableHost(editor, selection.getNode());
+      if (editor.$.contains(body, contentEditableHost)) {
+        focusBody(contentEditableHost);
+        normalizeSelection(editor, rng);
+        activateEditor(editor);
+        return;
+      }
+      if (!editor.inline) {
+        if (!Env.opera) {
+          focusBody(body);
+        }
+        editor.getWin().focus();
+      }
+      if (Env.gecko || editor.inline) {
+        focusBody(body);
+        normalizeSelection(editor, rng);
+      }
+      activateEditor(editor);
+    };
+    var activateEditor = function (editor) {
+      return editor.editorManager.setActive(editor);
+    };
+    var focus$1 = function (editor, skipFocus) {
+      if (editor.removed) {
+        return;
+      }
+      skipFocus ? activateEditor(editor) : focusEditor(editor);
+    };
+
+    var getEndpointElement = function (root, rng, start, real, resolve) {
+      var container = start ? rng.startContainer : rng.endContainer;
+      var offset = start ? rng.startOffset : rng.endOffset;
+      return Optional.from(container).map(SugarElement.fromDom).map(function (elm) {
+        return !real || !rng.collapsed ? child(elm, resolve(elm, offset)).getOr(elm) : elm;
+      }).bind(function (elm) {
+        return isElement(elm) ? Optional.some(elm) : parent(elm).filter(isElement);
+      }).map(function (elm) {
+        return elm.dom;
+      }).getOr(root);
+    };
+    var getStart$2 = function (root, rng, real) {
+      return getEndpointElement(root, rng, true, real, function (elm, offset) {
+        return Math.min(childNodesCount(elm), offset);
+      });
+    };
+    var getEnd = function (root, rng, real) {
+      return getEndpointElement(root, rng, false, real, function (elm, offset) {
+        return offset > 0 ? offset - 1 : offset;
+      });
+    };
+    var skipEmptyTextNodes = function (node, forwards) {
+      var orig = node;
+      while (node && isText$1(node) && node.length === 0) {
+        node = forwards ? node.nextSibling : node.previousSibling;
+      }
+      return node || orig;
+    };
+    var getNode$1 = function (root, rng) {
+      var elm, startContainer, endContainer;
+      if (!rng) {
+        return root;
+      }
+      startContainer = rng.startContainer;
+      endContainer = rng.endContainer;
+      var startOffset = rng.startOffset;
+      var endOffset = rng.endOffset;
+      elm = rng.commonAncestorContainer;
+      if (!rng.collapsed) {
+        if (startContainer === endContainer) {
+          if (endOffset - startOffset < 2) {
+            if (startContainer.hasChildNodes()) {
+              elm = startContainer.childNodes[startOffset];
+            }
+          }
+        }
+        if (startContainer.nodeType === 3 && endContainer.nodeType === 3) {
+          if (startContainer.length === startOffset) {
+            startContainer = skipEmptyTextNodes(startContainer.nextSibling, true);
+          } else {
+            startContainer = startContainer.parentNode;
+          }
+          if (endOffset === 0) {
+            endContainer = skipEmptyTextNodes(endContainer.previousSibling, false);
+          } else {
+            endContainer = endContainer.parentNode;
+          }
+          if (startContainer && startContainer === endContainer) {
+            return startContainer;
+          }
+        }
+      }
+      if (elm && elm.nodeType === 3) {
+        return elm.parentNode;
+      }
+      return elm;
+    };
+    var getSelectedBlocks = function (dom, rng, startElm, endElm) {
+      var node;
+      var selectedBlocks = [];
+      var root = dom.getRoot();
+      startElm = dom.getParent(startElm || getStart$2(root, rng, rng.collapsed), dom.isBlock);
+      endElm = dom.getParent(endElm || getEnd(root, rng, rng.collapsed), dom.isBlock);
+      if (startElm && startElm !== root) {
+        selectedBlocks.push(startElm);
+      }
+      if (startElm && endElm && startElm !== endElm) {
+        node = startElm;
+        var walker = new DomTreeWalker(startElm, root);
+        while ((node = walker.next()) && node !== endElm) {
+          if (dom.isBlock(node)) {
+            selectedBlocks.push(node);
+          }
+        }
+      }
+      if (endElm && startElm !== endElm && endElm !== root) {
+        selectedBlocks.push(endElm);
+      }
+      return selectedBlocks;
+    };
+    var select$1 = function (dom, node, content) {
+      return Optional.from(node).map(function (node) {
+        var idx = dom.nodeIndex(node);
+        var rng = dom.createRng();
+        rng.setStart(node.parentNode, idx);
+        rng.setEnd(node.parentNode, idx + 1);
+        if (content) {
+          moveEndPoint$1(dom, rng, node, true);
+          moveEndPoint$1(dom, rng, node, false);
+        }
+        return rng;
+      });
+    };
+
+    var processRanges = function (editor, ranges) {
+      return map(ranges, function (range) {
+        var evt = editor.fire('GetSelectionRange', { range: range });
+        return evt.range !== range ? evt.range : range;
+      });
+    };
+
+    var ensureIsRoot = function (isRoot) {
+      return isFunction(isRoot) ? isRoot : never;
+    };
+    var ancestor$3 = function (scope, transform, isRoot) {
+      var element = scope.dom;
+      var stop = ensureIsRoot(isRoot);
+      while (element.parentNode) {
+        element = element.parentNode;
+        var el = SugarElement.fromDom(element);
+        var transformed = transform(el);
+        if (transformed.isSome()) {
+          return transformed;
+        } else if (stop(el)) {
+          break;
+        }
+      }
+      return Optional.none();
+    };
+    var closest$2 = function (scope, transform, isRoot) {
+      var current = transform(scope);
+      var stop = ensureIsRoot(isRoot);
+      return current.orThunk(function () {
+        return stop(scope) ? Optional.none() : ancestor$3(scope, transform, stop);
+      });
+    };
+
+    var isEq$2 = isEq;
+    var matchesUnInheritedFormatSelector = function (ed, node, name) {
+      var formatList = ed.formatter.get(name);
+      if (formatList) {
+        for (var i = 0; i < formatList.length; i++) {
+          if (formatList[i].inherit === false && ed.dom.is(node, formatList[i].selector)) {
+            return true;
+          }
+        }
+      }
+      return false;
+    };
+    var matchParents = function (editor, node, name, vars) {
+      var root = editor.dom.getRoot();
+      if (node === root) {
+        return false;
+      }
+      node = editor.dom.getParent(node, function (node) {
+        if (matchesUnInheritedFormatSelector(editor, node, name)) {
+          return true;
+        }
+        return node.parentNode === root || !!matchNode(editor, node, name, vars, true);
+      });
+      return matchNode(editor, node, name, vars);
+    };
+    var matchName = function (dom, node, format) {
+      if (isEq$2(node, format.inline)) {
+        return true;
+      }
+      if (isEq$2(node, format.block)) {
+        return true;
+      }
+      if (format.selector) {
+        return node.nodeType === 1 && dom.is(node, format.selector);
+      }
+    };
+    var matchItems = function (dom, node, format, itemName, similar, vars) {
+      var key, value;
+      var items = format[itemName];
+      var i;
+      if (format.onmatch) {
+        return format.onmatch(node, format, itemName);
+      }
+      if (items) {
+        if (typeof items.length === 'undefined') {
+          for (key in items) {
+            if (items.hasOwnProperty(key)) {
+              if (itemName === 'attributes') {
+                value = dom.getAttrib(node, key);
+              } else {
+                value = getStyle(dom, node, key);
+              }
+              if (similar && !value && !format.exact) {
+                return;
+              }
+              if ((!similar || format.exact) && !isEq$2(value, normalizeStyleValue(dom, replaceVars(items[key], vars), key))) {
+                return;
+              }
+            }
+          }
+        } else {
+          for (i = 0; i < items.length; i++) {
+            if (itemName === 'attributes' ? dom.getAttrib(node, items[i]) : getStyle(dom, node, items[i])) {
+              return format;
+            }
+          }
+        }
+      }
+      return format;
+    };
+    var matchNode = function (ed, node, name, vars, similar) {
+      var formatList = ed.formatter.get(name);
+      var format, i, x, classes;
+      var dom = ed.dom;
+      if (formatList && node) {
+        for (i = 0; i < formatList.length; i++) {
+          format = formatList[i];
+          if (matchName(ed.dom, node, format) && matchItems(dom, node, format, 'attributes', similar, vars) && matchItems(dom, node, format, 'styles', similar, vars)) {
+            if (classes = format.classes) {
+              for (x = 0; x < classes.length; x++) {
+                if (!ed.dom.hasClass(node, classes[x])) {
+                  return;
+                }
+              }
+            }
+            return format;
+          }
+        }
+      }
+    };
+    var match = function (editor, name, vars, node) {
+      if (node) {
+        return matchParents(editor, node, name, vars);
+      }
+      node = editor.selection.getNode();
+      if (matchParents(editor, node, name, vars)) {
+        return true;
+      }
+      var startNode = editor.selection.getStart();
+      if (startNode !== node) {
+        if (matchParents(editor, startNode, name, vars)) {
+          return true;
+        }
+      }
+      return false;
+    };
+    var matchAll = function (editor, names, vars) {
+      var matchedFormatNames = [];
+      var checkedMap = {};
+      var startElement = editor.selection.getStart();
+      editor.dom.getParent(startElement, function (node) {
+        for (var i = 0; i < names.length; i++) {
+          var name_1 = names[i];
+          if (!checkedMap[name_1] && matchNode(editor, node, name_1, vars)) {
+            checkedMap[name_1] = true;
+            matchedFormatNames.push(name_1);
+          }
+        }
+      }, editor.dom.getRoot());
+      return matchedFormatNames;
+    };
+    var closest$3 = function (editor, names) {
+      var isRoot = function (elm) {
+        return eq$2(elm, SugarElement.fromDom(editor.getBody()));
+      };
+      var match = function (elm, name) {
+        return matchNode(editor, elm.dom, name) ? Optional.some(name) : Optional.none();
+      };
+      return Optional.from(editor.selection.getStart(true)).bind(function (rawElm) {
+        return closest$2(SugarElement.fromDom(rawElm), function (elm) {
+          return findMap(names, function (name) {
+            return match(elm, name);
+          });
+        }, isRoot);
+      }).getOrNull();
+    };
+    var canApply = function (editor, name) {
+      var formatList = editor.formatter.get(name);
+      var startNode, parents, i, x, selector;
+      var dom = editor.dom;
+      if (formatList) {
+        startNode = editor.selection.getStart();
+        parents = getParents$1(dom, startNode);
+        for (x = formatList.length - 1; x >= 0; x--) {
+          selector = formatList[x].selector;
+          if (!selector || formatList[x].defaultBlock) {
+            return true;
+          }
+          for (i = parents.length - 1; i >= 0; i--) {
+            if (dom.is(parents[i], selector)) {
+              return true;
+            }
+          }
+        }
+      }
+      return false;
+    };
+    var matchAllOnNode = function (editor, node, formatNames) {
+      return foldl(formatNames, function (acc, name) {
+        var matchSimilar = isVariableFormatName(editor, name);
+        if (editor.formatter.matchNode(node, name, {}, matchSimilar)) {
+          return acc.concat([name]);
+        } else {
+          return acc;
+        }
+      }, []);
+    };
+
+    var typeLookup = {
+      '#text': 3,
+      '#comment': 8,
+      '#cdata': 4,
+      '#pi': 7,
+      '#doctype': 10,
+      '#document-fragment': 11
+    };
+    var walk$2 = function (node, root, prev) {
+      var startName = prev ? 'lastChild' : 'firstChild';
+      var siblingName = prev ? 'prev' : 'next';
+      if (node[startName]) {
+        return node[startName];
+      }
+      if (node !== root) {
+        var sibling = node[siblingName];
+        if (sibling) {
+          return sibling;
+        }
+        for (var parent_1 = node.parent; parent_1 && parent_1 !== root; parent_1 = parent_1.parent) {
+          sibling = parent_1[siblingName];
+          if (sibling) {
+            return sibling;
+          }
+        }
+      }
+    };
+    var isEmptyTextNode$1 = function (node) {
+      if (!isWhitespaceText(node.value)) {
+        return false;
+      }
+      var parentNode = node.parent;
+      if (parentNode && (parentNode.name !== 'span' || parentNode.attr('style')) && /^[ ]+$/.test(node.value)) {
+        return false;
+      }
+      return true;
+    };
+    var isNonEmptyElement = function (node) {
+      var isNamedAnchor = node.name === 'a' && !node.attr('href') && node.attr('id');
+      return node.attr('name') || node.attr('id') && !node.firstChild || node.attr('data-mce-bookmark') || isNamedAnchor;
+    };
+    var AstNode = function () {
+      function AstNode(name, type) {
+        this.name = name;
+        this.type = type;
+        if (type === 1) {
+          this.attributes = [];
+          this.attributes.map = {};
+        }
+      }
+      AstNode.create = function (name, attrs) {
+        var node = new AstNode(name, typeLookup[name] || 1);
+        if (attrs) {
+          each$1(attrs, function (value, attrName) {
+            node.attr(attrName, value);
+          });
+        }
+        return node;
+      };
+      AstNode.prototype.replace = function (node) {
+        var self = this;
+        if (node.parent) {
+          node.remove();
+        }
+        self.insert(node, self);
+        self.remove();
+        return self;
+      };
+      AstNode.prototype.attr = function (name, value) {
+        var self = this;
+        var attrs;
+        if (typeof name !== 'string') {
+          if (name !== undefined && name !== null) {
+            each$1(name, function (value, key) {
+              self.attr(key, value);
+            });
+          }
+          return self;
+        }
+        if (attrs = self.attributes) {
+          if (value !== undefined) {
+            if (value === null) {
+              if (name in attrs.map) {
+                delete attrs.map[name];
+                var i = attrs.length;
+                while (i--) {
+                  if (attrs[i].name === name) {
+                    attrs.splice(i, 1);
+                    return self;
+                  }
+                }
+              }
+              return self;
+            }
+            if (name in attrs.map) {
+              var i = attrs.length;
+              while (i--) {
+                if (attrs[i].name === name) {
+                  attrs[i].value = value;
+                  break;
+                }
+              }
+            } else {
+              attrs.push({
+                name: name,
+                value: value
+              });
+            }
+            attrs.map[name] = value;
+            return self;
+          }
+          return attrs.map[name];
+        }
+      };
+      AstNode.prototype.clone = function () {
+        var self = this;
+        var clone = new AstNode(self.name, self.type);
+        var selfAttrs;
+        if (selfAttrs = self.attributes) {
+          var cloneAttrs = [];
+          cloneAttrs.map = {};
+          for (var i = 0, l = selfAttrs.length; i < l; i++) {
+            var selfAttr = selfAttrs[i];
+            if (selfAttr.name !== 'id') {
+              cloneAttrs[cloneAttrs.length] = {
+                name: selfAttr.name,
+                value: selfAttr.value
+              };
+              cloneAttrs.map[selfAttr.name] = selfAttr.value;
+            }
+          }
+          clone.attributes = cloneAttrs;
+        }
+        clone.value = self.value;
+        clone.shortEnded = self.shortEnded;
+        return clone;
+      };
+      AstNode.prototype.wrap = function (wrapper) {
+        var self = this;
+        self.parent.insert(wrapper, self);
+        wrapper.append(self);
+        return self;
+      };
+      AstNode.prototype.unwrap = function () {
+        var self = this;
+        for (var node = self.firstChild; node;) {
+          var next = node.next;
+          self.insert(node, self, true);
+          node = next;
+        }
+        self.remove();
+      };
+      AstNode.prototype.remove = function () {
+        var self = this, parent = self.parent, next = self.next, prev = self.prev;
+        if (parent) {
+          if (parent.firstChild === self) {
+            parent.firstChild = next;
+            if (next) {
+              next.prev = null;
+            }
+          } else {
+            prev.next = next;
+          }
+          if (parent.lastChild === self) {
+            parent.lastChild = prev;
+            if (prev) {
+              prev.next = null;
+            }
+          } else {
+            next.prev = prev;
+          }
+          self.parent = self.next = self.prev = null;
+        }
+        return self;
+      };
+      AstNode.prototype.append = function (node) {
+        var self = this;
+        if (node.parent) {
+          node.remove();
+        }
+        var last = self.lastChild;
+        if (last) {
+          last.next = node;
+          node.prev = last;
+          self.lastChild = node;
+        } else {
+          self.lastChild = self.firstChild = node;
+        }
+        node.parent = self;
+        return node;
+      };
+      AstNode.prototype.insert = function (node, refNode, before) {
+        if (node.parent) {
+          node.remove();
+        }
+        var parent = refNode.parent || this;
+        if (before) {
+          if (refNode === parent.firstChild) {
+            parent.firstChild = node;
+          } else {
+            refNode.prev.next = node;
+          }
+          node.prev = refNode.prev;
+          node.next = refNode;
+          refNode.prev = node;
+        } else {
+          if (refNode === parent.lastChild) {
+            parent.lastChild = node;
+          } else {
+            refNode.next.prev = node;
+          }
+          node.next = refNode.next;
+          node.prev = refNode;
+          refNode.next = node;
+        }
+        node.parent = parent;
+        return node;
+      };
+      AstNode.prototype.getAll = function (name) {
+        var self = this;
+        var collection = [];
+        for (var node = self.firstChild; node; node = walk$2(node, self)) {
+          if (node.name === name) {
+            collection.push(node);
+          }
+        }
+        return collection;
+      };
+      AstNode.prototype.empty = function () {
+        var self = this;
+        if (self.firstChild) {
+          var nodes = [];
+          for (var node = self.firstChild; node; node = walk$2(node, self)) {
+            nodes.push(node);
+          }
+          var i = nodes.length;
+          while (i--) {
+            var node = nodes[i];
+            node.parent = node.firstChild = node.lastChild = node.next = node.prev = null;
+          }
+        }
+        self.firstChild = self.lastChild = null;
+        return self;
+      };
+      AstNode.prototype.isEmpty = function (elements, whitespace, predicate) {
+        if (whitespace === void 0) {
+          whitespace = {};
+        }
+        var self = this;
+        var node = self.firstChild;
+        if (isNonEmptyElement(self)) {
+          return false;
+        }
+        if (node) {
+          do {
+            if (node.type === 1) {
+              if (node.attr('data-mce-bogus')) {
+                continue;
+              }
+              if (elements[node.name]) {
+                return false;
+              }
+              if (isNonEmptyElement(node)) {
+                return false;
+              }
+            }
+            if (node.type === 8) {
+              return false;
+            }
+            if (node.type === 3 && !isEmptyTextNode$1(node)) {
+              return false;
+            }
+            if (node.type === 3 && node.parent && whitespace[node.parent.name] && isWhitespaceText(node.value)) {
+              return false;
+            }
+            if (predicate && predicate(node)) {
+              return false;
+            }
+          } while (node = walk$2(node, self));
+        }
+        return true;
+      };
+      AstNode.prototype.walk = function (prev) {
+        return walk$2(this, null, prev);
+      };
+      return AstNode;
+    }();
+
+    var makeMap$3 = Tools.makeMap;
+    var Writer = function (settings) {
+      var html = [];
+      settings = settings || {};
+      var indent = settings.indent;
+      var indentBefore = makeMap$3(settings.indent_before || '');
+      var indentAfter = makeMap$3(settings.indent_after || '');
+      var encode = Entities.getEncodeFunc(settings.entity_encoding || 'raw', settings.entities);
+      var htmlOutput = settings.element_format === 'html';
+      return {
+        start: function (name, attrs, empty) {
+          var i, l, attr, value;
+          if (indent && indentBefore[name] && html.length > 0) {
+            value = html[html.length - 1];
+            if (value.length > 0 && value !== '\n') {
+              html.push('\n');
+            }
+          }
+          html.push('<', name);
+          if (attrs) {
+            for (i = 0, l = attrs.length; i < l; i++) {
+              attr = attrs[i];
+              html.push(' ', attr.name, '="', encode(attr.value, true), '"');
+            }
+          }
+          if (!empty || htmlOutput) {
+            html[html.length] = '>';
+          } else {
+            html[html.length] = ' />';
+          }
+          if (empty && indent && indentAfter[name] && html.length > 0) {
+            value = html[html.length - 1];
+            if (value.length > 0 && value !== '\n') {
+              html.push('\n');
+            }
+          }
+        },
+        end: function (name) {
+          var value;
+          html.push('</', name, '>');
+          if (indent && indentAfter[name] && html.length > 0) {
+            value = html[html.length - 1];
+            if (value.length > 0 && value !== '\n') {
+              html.push('\n');
+            }
+          }
+        },
+        text: function (text, raw) {
+          if (text.length > 0) {
+            html[html.length] = raw ? text : encode(text);
+          }
+        },
+        cdata: function (text) {
+          html.push('<![CDATA[', text, ']]>');
+        },
+        comment: function (text) {
+          html.push('<!--', text, '-->');
+        },
+        pi: function (name, text) {
+          if (text) {
+            html.push('<?', name, ' ', encode(text), '?>');
+          } else {
+            html.push('<?', name, '?>');
+          }
+          if (indent) {
+            html.push('\n');
+          }
+        },
+        doctype: function (text) {
+          html.push('<!DOCTYPE', text, '>', indent ? '\n' : '');
+        },
+        reset: function () {
+          html.length = 0;
+        },
+        getContent: function () {
+          return html.join('').replace(/\n$/, '');
+        }
+      };
+    };
+
+    var HtmlSerializer = function (settings, schema) {
+      if (schema === void 0) {
+        schema = Schema();
+      }
+      var writer = Writer(settings);
+      settings = settings || {};
+      settings.validate = 'validate' in settings ? settings.validate : true;
+      var serialize = function (node) {
+        var validate = settings.validate;
+        var handlers = {
+          3: function (node) {
+            writer.text(node.value, node.raw);
+          },
+          8: function (node) {
+            writer.comment(node.value);
+          },
+          7: function (node) {
+            writer.pi(node.name, node.value);
+          },
+          10: function (node) {
+            writer.doctype(node.value);
+          },
+          4: function (node) {
+            writer.cdata(node.value);
+          },
+          11: function (node) {
+            if (node = node.firstChild) {
+              do {
+                walk(node);
+              } while (node = node.next);
+            }
+          }
+        };
+        writer.reset();
+        var walk = function (node) {
+          var handler = handlers[node.type];
+          var name, isEmpty, attrs, attrName, attrValue, sortedAttrs, i, l, elementRule;
+          if (!handler) {
+            name = node.name;
+            isEmpty = node.shortEnded;
+            attrs = node.attributes;
+            if (validate && attrs && attrs.length > 1) {
+              sortedAttrs = [];
+              sortedAttrs.map = {};
+              elementRule = schema.getElementRule(node.name);
+              if (elementRule) {
+                for (i = 0, l = elementRule.attributesOrder.length; i < l; i++) {
+                  attrName = elementRule.attributesOrder[i];
+                  if (attrName in attrs.map) {
+                    attrValue = attrs.map[attrName];
+                    sortedAttrs.map[attrName] = attrValue;
+                    sortedAttrs.push({
+                      name: attrName,
+                      value: attrValue
+                    });
+                  }
+                }
+                for (i = 0, l = attrs.length; i < l; i++) {
+                  attrName = attrs[i].name;
+                  if (!(attrName in sortedAttrs.map)) {
+                    attrValue = attrs.map[attrName];
+                    sortedAttrs.map[attrName] = attrValue;
+                    sortedAttrs.push({
+                      name: attrName,
+                      value: attrValue
+                    });
+                  }
+                }
+                attrs = sortedAttrs;
+              }
+            }
+            writer.start(node.name, attrs, isEmpty);
+            if (!isEmpty) {
+              if (node = node.firstChild) {
+                do {
+                  walk(node);
+                } while (node = node.next);
+              }
+              writer.end(name);
+            }
+          } else {
+            handler(node);
+          }
+        };
+        if (node.type === 1 && !settings.inner) {
+          walk(node);
+        } else {
+          handlers[11](node);
+        }
+        return writer.getContent();
+      };
+      return { serialize: serialize };
+    };
+
+    var extractBase64DataUris = function (html) {
+      var dataImageUri = /data:[^;]+;base64,([a-z0-9\+\/=]+)/gi;
+      var chunks = [];
+      var uris = {};
+      var prefix = generate$1('img');
+      var matches;
+      var index = 0;
+      var count = 0;
+      while (matches = dataImageUri.exec(html)) {
+        var uri = matches[0];
+        var imageId = prefix + '_' + count++;
+        uris[imageId] = uri;
+        if (index < matches.index) {
+          chunks.push(html.substr(index, matches.index - index));
+        }
+        chunks.push(imageId);
+        index = matches.index + uri.length;
+      }
+      if (index === 0) {
+        return {
+          prefix: prefix,
+          uris: uris,
+          html: html
+        };
+      } else {
+        if (index < html.length) {
+          chunks.push(html.substr(index));
+        }
+        return {
+          prefix: prefix,
+          uris: uris,
+          html: chunks.join('')
+        };
+      }
+    };
+    var restoreDataUris = function (html, result) {
+      return html.replace(new RegExp(result.prefix + '_[0-9]+', 'g'), function (imageId) {
+        return get$1(result.uris, imageId).getOr(imageId);
+      });
+    };
+    var parseDataUri = function (uri) {
+      var matches = /data:([^;]+);base64,([a-z0-9\+\/=]+)/i.exec(uri);
+      if (matches) {
+        return Optional.some({
+          type: matches[1],
+          data: decodeURIComponent(matches[2])
+        });
+      } else {
+        return Optional.none();
+      }
+    };
+
+    var safeSvgDataUrlElements = [
+      'img',
+      'video'
+    ];
+    var isValidPrefixAttrName = function (name) {
+      return name.indexOf('data-') === 0 || name.indexOf('aria-') === 0;
+    };
+    var blockSvgDataUris = function (allowSvgDataUrls, tagName) {
+      var allowed = isNullable(allowSvgDataUrls) ? contains(safeSvgDataUrlElements, tagName) : allowSvgDataUrls;
+      return !allowed;
+    };
+    var isInvalidUri = function (settings, uri, tagName) {
+      if (settings.allow_html_data_urls) {
+        return false;
+      } else if (/^data:image\//i.test(uri)) {
+        return blockSvgDataUris(settings.allow_svg_data_urls, tagName) && /^data:image\/svg\+xml/i.test(uri);
+      } else {
+        return /^data:/i.test(uri);
+      }
+    };
+    var findEndTagIndex = function (schema, html, startIndex) {
+      var count = 1, index, matches;
+      var shortEndedElements = schema.getShortEndedElements();
+      var tokenRegExp = /<([!?\/])?([A-Za-z0-9\-_\:\.]+)((?:\s+[^"\'>]+(?:(?:"[^"]*")|(?:\'[^\']*\')|[^>]*))*|\/|\s+)>/g;
+      tokenRegExp.lastIndex = index = startIndex;
+      while (matches = tokenRegExp.exec(html)) {
+        index = tokenRegExp.lastIndex;
+        if (matches[1] === '/') {
+          count--;
+        } else if (!matches[1]) {
+          if (matches[2] in shortEndedElements) {
+            continue;
+          }
+          count++;
+        }
+        if (count === 0) {
+          break;
+        }
+      }
+      return index;
+    };
+    var isConditionalComment = function (html, startIndex) {
+      return /^\s*\[if [\w\W]+\]>.*<!\[endif\](--!?)?>/.test(html.substr(startIndex));
+    };
+    var findCommentEndIndex = function (html, isBogus, startIndex) {
+      if (startIndex === void 0) {
+        startIndex = 0;
+      }
+      var lcHtml = html.toLowerCase();
+      if (lcHtml.indexOf('[if ', startIndex) !== -1 && isConditionalComment(lcHtml, startIndex)) {
+        var endIfIndex = lcHtml.indexOf('[endif]', startIndex);
+        return lcHtml.indexOf('>', endIfIndex);
+      } else {
+        if (isBogus) {
+          var endIndex = lcHtml.indexOf('>', startIndex);
+          return endIndex !== -1 ? endIndex : lcHtml.length;
+        } else {
+          var endCommentRegexp = /--!?>/;
+          endCommentRegexp.lastIndex = startIndex;
+          var match = endCommentRegexp.exec(html);
+          return match ? match.index + match[0].length : lcHtml.length;
+        }
+      }
+    };
+    var checkBogusAttribute = function (regExp, attrString) {
+      var matches = regExp.exec(attrString);
+      if (matches) {
+        var name_1 = matches[1];
+        var value = matches[2];
+        return typeof name_1 === 'string' && name_1.toLowerCase() === 'data-mce-bogus' ? value : null;
+      } else {
+        return null;
+      }
+    };
+    function SaxParser(settings, schema) {
+      if (schema === void 0) {
+        schema = Schema();
+      }
+      var noop = function () {
+      };
+      settings = settings || {};
+      if (settings.fix_self_closing !== false) {
+        settings.fix_self_closing = true;
+      }
+      var comment = settings.comment ? settings.comment : noop;
+      var cdata = settings.cdata ? settings.cdata : noop;
+      var text = settings.text ? settings.text : noop;
+      var start = settings.start ? settings.start : noop;
+      var end = settings.end ? settings.end : noop;
+      var pi = settings.pi ? settings.pi : noop;
+      var doctype = settings.doctype ? settings.doctype : noop;
+      var parseInternal = function (base64Extract, format) {
+        if (format === void 0) {
+          format = 'html';
+        }
+        var html = base64Extract.html;
+        var matches, index = 0, value, endRegExp;
+        var stack = [];
+        var attrList, i, textData, name;
+        var isInternalElement, isShortEnded;
+        var elementRule, isValidElement, attr, attribsValue, validAttributesMap, validAttributePatterns;
+        var attributesRequired, attributesDefault, attributesForced;
+        var anyAttributesRequired, attrValue, idCount = 0;
+        var decode = Entities.decode;
+        var filteredUrlAttrs = Tools.makeMap('src,href,data,background,formaction,poster,xlink:href');
+        var scriptUriRegExp = /((java|vb)script|mhtml):/i;
+        var parsingMode = format === 'html' ? 0 : 1;
+        var processEndTag = function (name) {
+          var pos, i;
+          pos = stack.length;
+          while (pos--) {
+            if (stack[pos].name === name) {
+              break;
+            }
+          }
+          if (pos >= 0) {
+            for (i = stack.length - 1; i >= pos; i--) {
+              name = stack[i];
+              if (name.valid) {
+                end(name.name);
+              }
+            }
+            stack.length = pos;
+          }
+        };
+        var processText = function (value, raw) {
+          return text(restoreDataUris(value, base64Extract), raw);
+        };
+        var processComment = function (value) {
+          if (value === '') {
+            return;
+          }
+          if (value.charAt(0) === '>') {
+            value = ' ' + value;
+          }
+          if (!settings.allow_conditional_comments && value.substr(0, 3).toLowerCase() === '[if') {
+            value = ' ' + value;
+          }
+          comment(restoreDataUris(value, base64Extract));
+        };
+        var processAttr = function (value) {
+          return get$1(base64Extract.uris, value).getOr(value);
+        };
+        var processMalformedComment = function (value, startIndex) {
+          var startTag = value || '';
+          var isBogus = !startsWith(startTag, '--');
+          var endIndex = findCommentEndIndex(html, isBogus, startIndex);
+          value = html.substr(startIndex, endIndex - startIndex);
+          processComment(isBogus ? startTag + value : value);
+          return endIndex + 1;
+        };
+        var parseAttribute = function (tagName, name, value, val2, val3) {
+          var attrRule, i;
+          var trimRegExp = /[\s\u0000-\u001F]+/g;
+          name = name.toLowerCase();
+          value = processAttr(name in fillAttrsMap ? name : decode(value || val2 || val3 || ''));
+          if (validate && !isInternalElement && isValidPrefixAttrName(name) === false) {
+            attrRule = validAttributesMap[name];
+            if (!attrRule && validAttributePatterns) {
+              i = validAttributePatterns.length;
+              while (i--) {
+                attrRule = validAttributePatterns[i];
+                if (attrRule.pattern.test(name)) {
+                  break;
+                }
+              }
+              if (i === -1) {
+                attrRule = null;
+              }
+            }
+            if (!attrRule) {
+              return;
+            }
+            if (attrRule.validValues && !(value in attrRule.validValues)) {
+              return;
+            }
+          }
+          if (filteredUrlAttrs[name] && !settings.allow_script_urls) {
+            var uri = value.replace(trimRegExp, '');
+            try {
+              uri = decodeURIComponent(uri);
+            } catch (ex) {
+              uri = unescape(uri);
+            }
+            if (scriptUriRegExp.test(uri)) {
+              return;
+            }
+            if (isInvalidUri(settings, uri, tagName)) {
+              return;
+            }
+          }
+          if (isInternalElement && (name in filteredUrlAttrs || name.indexOf('on') === 0)) {
+            return;
+          }
+          attrList.map[name] = value;
+          attrList.push({
+            name: name,
+            value: value
+          });
+        };
+        var tokenRegExp = new RegExp('<(?:' + '(?:!--([\\w\\W]*?)--!?>)|' + '(?:!\\[CDATA\\[([\\w\\W]*?)\\]\\]>)|' + '(?:![Dd][Oo][Cc][Tt][Yy][Pp][Ee]([\\w\\W]*?)>)|' + '(?:!(--)?)|' + '(?:\\?([^\\s\\/<>]+) ?([\\w\\W]*?)[?/]>)|' + '(?:\\/([A-Za-z][A-Za-z0-9\\-_\\:\\.]*)>)|' + '(?:([A-Za-z][A-Za-z0-9\\-_\\:\\.]*)((?:\\s+[^"\'>]+(?:(?:"[^"]*")|(?:\'[^\']*\')|[^>]*))*|\\/|\\s+)>)' + ')', 'g');
+        var attrRegExp = /([\w:\-]+)(?:\s*=\s*(?:(?:\"((?:[^\"])*)\")|(?:\'((?:[^\'])*)\')|([^>\s]+)))?/g;
+        var shortEndedElements = schema.getShortEndedElements();
+        var selfClosing = settings.self_closing_elements || schema.getSelfClosingElements();
+        var fillAttrsMap = schema.getBoolAttrs();
+        var validate = settings.validate;
+        var removeInternalElements = settings.remove_internals;
+        var fixSelfClosing = settings.fix_self_closing;
+        var specialElements = schema.getSpecialElements();
+        var processHtml = html + '>';
+        while (matches = tokenRegExp.exec(processHtml)) {
+          var matchText = matches[0];
+          if (index < matches.index) {
+            processText(decode(html.substr(index, matches.index - index)));
+          }
+          if (value = matches[7]) {
+            value = value.toLowerCase();
+            if (value.charAt(0) === ':') {
+              value = value.substr(1);
+            }
+            processEndTag(value);
+          } else if (value = matches[8]) {
+            if (matches.index + matchText.length > html.length) {
+              processText(decode(html.substr(matches.index)));
+              index = matches.index + matchText.length;
+              continue;
+            }
+            value = value.toLowerCase();
+            if (value.charAt(0) === ':') {
+              value = value.substr(1);
+            }
+            isShortEnded = value in shortEndedElements;
+            if (fixSelfClosing && selfClosing[value] && stack.length > 0 && stack[stack.length - 1].name === value) {
+              processEndTag(value);
+            }
+            var bogusValue = checkBogusAttribute(attrRegExp, matches[9]);
+            if (bogusValue !== null) {
+              if (bogusValue === 'all') {
+                index = findEndTagIndex(schema, html, tokenRegExp.lastIndex);
+                tokenRegExp.lastIndex = index;
+                continue;
+              }
+              isValidElement = false;
+            }
+            if (!validate || (elementRule = schema.getElementRule(value))) {
+              isValidElement = true;
+              if (validate) {
+                validAttributesMap = elementRule.attributes;
+                validAttributePatterns = elementRule.attributePatterns;
+              }
+              if (attribsValue = matches[9]) {
+                isInternalElement = attribsValue.indexOf('data-mce-type') !== -1;
+                if (isInternalElement && removeInternalElements) {
+                  isValidElement = false;
+                }
+                attrList = [];
+                attrList.map = {};
+                attribsValue.replace(attrRegExp, function (match, name, val, val2, val3) {
+                  parseAttribute(value, name, val, val2, val3);
+                  return '';
+                });
+              } else {
+                attrList = [];
+                attrList.map = {};
+              }
+              if (validate && !isInternalElement) {
+                attributesRequired = elementRule.attributesRequired;
+                attributesDefault = elementRule.attributesDefault;
+                attributesForced = elementRule.attributesForced;
+                anyAttributesRequired = elementRule.removeEmptyAttrs;
+                if (anyAttributesRequired && !attrList.length) {
+                  isValidElement = false;
+                }
+                if (attributesForced) {
+                  i = attributesForced.length;
+                  while (i--) {
+                    attr = attributesForced[i];
+                    name = attr.name;
+                    attrValue = attr.value;
+                    if (attrValue === '{$uid}') {
+                      attrValue = 'mce_' + idCount++;
+                    }
+                    attrList.map[name] = attrValue;
+                    attrList.push({
+                      name: name,
+                      value: attrValue
+                    });
+                  }
+                }
+                if (attributesDefault) {
+                  i = attributesDefault.length;
+                  while (i--) {
+                    attr = attributesDefault[i];
+                    name = attr.name;
+                    if (!(name in attrList.map)) {
+                      attrValue = attr.value;
+                      if (attrValue === '{$uid}') {
+                        attrValue = 'mce_' + idCount++;
+                      }
+                      attrList.map[name] = attrValue;
+                      attrList.push({
+                        name: name,
+                        value: attrValue
+                      });
+                    }
+                  }
+                }
+                if (attributesRequired) {
+                  i = attributesRequired.length;
+                  while (i--) {
+                    if (attributesRequired[i] in attrList.map) {
+                      break;
+                    }
+                  }
+                  if (i === -1) {
+                    isValidElement = false;
+                  }
+                }
+                if (attr = attrList.map['data-mce-bogus']) {
+                  if (attr === 'all') {
+                    index = findEndTagIndex(schema, html, tokenRegExp.lastIndex);
+                    tokenRegExp.lastIndex = index;
+                    continue;
+                  }
+                  isValidElement = false;
+                }
+              }
+              if (isValidElement) {
+                start(value, attrList, isShortEnded);
+              }
+            } else {
+              isValidElement = false;
+            }
+            if (endRegExp = specialElements[value]) {
+              endRegExp.lastIndex = index = matches.index + matchText.length;
+              if (matches = endRegExp.exec(html)) {
+                if (isValidElement) {
+                  textData = html.substr(index, matches.index - index);
+                }
+                index = matches.index + matches[0].length;
+              } else {
+                textData = html.substr(index);
+                index = html.length;
+              }
+              if (isValidElement) {
+                if (textData.length > 0) {
+                  processText(textData, true);
+                }
+                end(value);
+              }
+              tokenRegExp.lastIndex = index;
+              continue;
+            }
+            if (!isShortEnded) {
+              if (!attribsValue || attribsValue.indexOf('/') !== attribsValue.length - 1) {
+                stack.push({
+                  name: value,
+                  valid: isValidElement
+                });
+              } else if (isValidElement) {
+                end(value);
+              }
+            }
+          } else if (value = matches[1]) {
+            processComment(value);
+          } else if (value = matches[2]) {
+            var isValidCdataSection = parsingMode === 1 || settings.preserve_cdata || stack.length > 0 && schema.isValidChild(stack[stack.length - 1].name, '#cdata');
+            if (isValidCdataSection) {
+              cdata(value);
+            } else {
+              index = processMalformedComment('', matches.index + 2);
+              tokenRegExp.lastIndex = index;
+              continue;
+            }
+          } else if (value = matches[3]) {
+            doctype(value);
+          } else if ((value = matches[4]) || matchText === '<!') {
+            index = processMalformedComment(value, matches.index + matchText.length);
+            tokenRegExp.lastIndex = index;
+            continue;
+          } else if (value = matches[5]) {
+            if (parsingMode === 1) {
+              pi(value, matches[6]);
+            } else {
+              index = processMalformedComment('?', matches.index + 2);
+              tokenRegExp.lastIndex = index;
+              continue;
+            }
+          }
+          index = matches.index + matchText.length;
+        }
+        if (index < html.length) {
+          processText(decode(html.substr(index)));
+        }
+        for (i = stack.length - 1; i >= 0; i--) {
+          value = stack[i];
+          if (value.valid) {
+            end(value.name);
+          }
+        }
+      };
+      var parse = function (html, format) {
+        if (format === void 0) {
+          format = 'html';
+        }
+        parseInternal(extractBase64DataUris(html), format);
+      };
+      return { parse: parse };
+    }
+    (function (SaxParser) {
+      SaxParser.findEndTag = findEndTagIndex;
+    }(SaxParser || (SaxParser = {})));
+    var SaxParser$1 = SaxParser;
+
+    var trimHtml = function (tempAttrs, html) {
+      var trimContentRegExp = new RegExp(['\\s?(' + tempAttrs.join('|') + ')="[^"]+"'].join('|'), 'gi');
+      return html.replace(trimContentRegExp, '');
+    };
+    var trimInternal = function (serializer, html) {
+      var content = html;
+      var bogusAllRegExp = /<(\w+) [^>]*data-mce-bogus="all"[^>]*>/g;
+      var endTagIndex, index, matchLength, matches;
+      var schema = serializer.schema;
+      content = trimHtml(serializer.getTempAttrs(), content);
+      var shortEndedElements = schema.getShortEndedElements();
+      while (matches = bogusAllRegExp.exec(content)) {
+        index = bogusAllRegExp.lastIndex;
+        matchLength = matches[0].length;
+        if (shortEndedElements[matches[1]]) {
+          endTagIndex = index;
+        } else {
+          endTagIndex = SaxParser$1.findEndTag(schema, content, index);
+        }
+        content = content.substring(0, index - matchLength) + content.substring(endTagIndex);
+        bogusAllRegExp.lastIndex = index - matchLength;
+      }
+      return trim$2(content);
+    };
+    var trimExternal = trimInternal;
+
+    var trimEmptyContents = function (editor, html) {
+      var blockName = getForcedRootBlock(editor);
+      var emptyRegExp = new RegExp('^(<' + blockName + '[^>]*>(&nbsp;|&#160;|\\s|\xA0|<br \\/>|)<\\/' + blockName + '>[\r\n]*|<br \\/>[\r\n]*)$');
+      return html.replace(emptyRegExp, '');
+    };
+    var getContentFromBody = function (editor, args, format, body) {
+      var content;
+      args.format = format;
+      args.get = true;
+      args.getInner = true;
+      if (!args.no_events) {
+        editor.fire('BeforeGetContent', args);
+      }
+      if (args.format === 'raw') {
+        content = Tools.trim(trimExternal(editor.serializer, body.innerHTML));
+      } else if (args.format === 'text') {
+        content = editor.dom.isEmpty(body) ? '' : trim$2(body.innerText || body.textContent);
+      } else if (args.format === 'tree') {
+        content = editor.serializer.serialize(body, args);
+      } else {
+        content = trimEmptyContents(editor, editor.serializer.serialize(body, args));
+      }
+      if (!contains([
+          'text',
+          'tree'
+        ], args.format) && !isWsPreserveElement(SugarElement.fromDom(body))) {
+        args.content = Tools.trim(content);
+      } else {
+        args.content = content;
+      }
+      if (!args.no_events) {
+        editor.fire('GetContent', args);
+      }
+      return args.content;
+    };
+    var getContentInternal = function (editor, args, format) {
+      return Optional.from(editor.getBody()).fold(constant(args.format === 'tree' ? new AstNode('body', 11) : ''), function (body) {
+        return getContentFromBody(editor, args, format, body);
+      });
+    };
+
+    var each$7 = Tools.each;
+    var ElementUtils = function (dom) {
+      this.compare = function (node1, node2) {
+        if (node1.nodeName !== node2.nodeName) {
+          return false;
+        }
+        var getAttribs = function (node) {
+          var attribs = {};
+          each$7(dom.getAttribs(node), function (attr) {
+            var name = attr.nodeName.toLowerCase();
+            if (name.indexOf('_') !== 0 && name !== 'style' && name.indexOf('data-') !== 0) {
+              attribs[name] = dom.getAttrib(node, name);
+            }
+          });
+          return attribs;
+        };
+        var compareObjects = function (obj1, obj2) {
+          var value, name;
+          for (name in obj1) {
+            if (obj1.hasOwnProperty(name)) {
+              value = obj2[name];
+              if (typeof value === 'undefined') {
+                return false;
+              }
+              if (obj1[name] !== value) {
+                return false;
+              }
+              delete obj2[name];
+            }
+          }
+          for (name in obj2) {
+            if (obj2.hasOwnProperty(name)) {
+              return false;
+            }
+          }
+          return true;
+        };
+        if (!compareObjects(getAttribs(node1), getAttribs(node2))) {
+          return false;
+        }
+        if (!compareObjects(dom.parseStyle(dom.getAttrib(node1, 'style')), dom.parseStyle(dom.getAttrib(node2, 'style')))) {
+          return false;
+        }
+        return !isBookmarkNode$1(node1) && !isBookmarkNode$1(node2);
+      };
+    };
+
+    var isChar = function (forward, predicate, pos) {
+      return Optional.from(pos.container()).filter(isText$1).exists(function (text) {
+        var delta = forward ? 0 : -1;
+        return predicate(text.data.charAt(pos.offset() + delta));
+      });
+    };
+    var isBeforeSpace = curry(isChar, true, isWhiteSpace$1);
+    var isAfterSpace = curry(isChar, false, isWhiteSpace$1);
+    var isEmptyText = function (pos) {
+      var container = pos.container();
+      return isText$1(container) && (container.data.length === 0 || isZwsp$1(container.data) && BookmarkManager$1.isBookmarkNode(container.parentNode));
+    };
+    var matchesElementPosition = function (before, predicate) {
+      return function (pos) {
+        return Optional.from(getChildNodeAtRelativeOffset(before ? 0 : -1, pos)).filter(predicate).isSome();
+      };
+    };
+    var isImageBlock = function (node) {
+      return isImg(node) && get$5(SugarElement.fromDom(node), 'display') === 'block';
+    };
+    var isCefNode = function (node) {
+      return isContentEditableFalse(node) && !isBogusAll(node);
+    };
+    var isBeforeImageBlock = matchesElementPosition(true, isImageBlock);
+    var isAfterImageBlock = matchesElementPosition(false, isImageBlock);
+    var isBeforeMedia = matchesElementPosition(true, isMedia);
+    var isAfterMedia = matchesElementPosition(false, isMedia);
+    var isBeforeTable = matchesElementPosition(true, isTable);
+    var isAfterTable = matchesElementPosition(false, isTable);
+    var isBeforeContentEditableFalse = matchesElementPosition(true, isCefNode);
+    var isAfterContentEditableFalse = matchesElementPosition(false, isCefNode);
+
+    var getLastChildren$1 = function (elm) {
+      var children = [];
+      var rawNode = elm.dom;
+      while (rawNode) {
+        children.push(SugarElement.fromDom(rawNode));
+        rawNode = rawNode.lastChild;
+      }
+      return children;
+    };
+    var removeTrailingBr = function (elm) {
+      var allBrs = descendants$1(elm, 'br');
+      var brs = filter(getLastChildren$1(elm).slice(-1), isBr$1);
+      if (allBrs.length === brs.length) {
+        each(brs, remove);
+      }
+    };
+    var fillWithPaddingBr = function (elm) {
+      empty(elm);
+      append(elm, SugarElement.fromHtml('<br data-mce-bogus="1">'));
+    };
+    var trimBlockTrailingBr = function (elm) {
+      lastChild(elm).each(function (lastChild) {
+        prevSibling(lastChild).each(function (lastChildPrevSibling) {
+          if (isBlock(elm) && isBr$1(lastChild) && isBlock(lastChildPrevSibling)) {
+            remove(lastChild);
+          }
+        });
+      });
+    };
+
+    var dropLast = function (xs) {
+      return xs.slice(0, -1);
+    };
+    var parentsUntil$1 = function (start, root, predicate) {
+      if (contains$2(root, start)) {
+        return dropLast(parents(start, function (elm) {
+          return predicate(elm) || eq$2(elm, root);
+        }));
+      } else {
+        return [];
+      }
+    };
+    var parents$1 = function (start, root) {
+      return parentsUntil$1(start, root, never);
+    };
+    var parentsAndSelf = function (start, root) {
+      return [start].concat(parents$1(start, root));
+    };
+
+    var navigateIgnoreEmptyTextNodes = function (forward, root, from) {
+      return navigateIgnore(forward, root, from, isEmptyText);
+    };
+    var getClosestBlock = function (root, pos) {
+      return find(parentsAndSelf(SugarElement.fromDom(pos.container()), root), isBlock);
+    };
+    var isAtBeforeAfterBlockBoundary = function (forward, root, pos) {
+      return navigateIgnoreEmptyTextNodes(forward, root.dom, pos).forall(function (newPos) {
+        return getClosestBlock(root, pos).fold(function () {
+          return isInSameBlock(newPos, pos, root.dom) === false;
+        }, function (fromBlock) {
+          return isInSameBlock(newPos, pos, root.dom) === false && contains$2(fromBlock, SugarElement.fromDom(newPos.container()));
+        });
+      });
+    };
+    var isAtBlockBoundary$1 = function (forward, root, pos) {
+      return getClosestBlock(root, pos).fold(function () {
+        return navigateIgnoreEmptyTextNodes(forward, root.dom, pos).forall(function (newPos) {
+          return isInSameBlock(newPos, pos, root.dom) === false;
+        });
+      }, function (parent) {
+        return navigateIgnoreEmptyTextNodes(forward, parent.dom, pos).isNone();
+      });
+    };
+    var isAtStartOfBlock = curry(isAtBlockBoundary$1, false);
+    var isAtEndOfBlock = curry(isAtBlockBoundary$1, true);
+    var isBeforeBlock = curry(isAtBeforeAfterBlockBoundary, false);
+    var isAfterBlock = curry(isAtBeforeAfterBlockBoundary, true);
+
+    var isBr$5 = function (pos) {
+      return getElementFromPosition(pos).exists(isBr$1);
+    };
+    var findBr = function (forward, root, pos) {
+      var parentBlocks = filter(parentsAndSelf(SugarElement.fromDom(pos.container()), root), isBlock);
+      var scope = head(parentBlocks).getOr(root);
+      return fromPosition(forward, scope.dom, pos).filter(isBr$5);
+    };
+    var isBeforeBr = function (root, pos) {
+      return getElementFromPosition(pos).exists(isBr$1) || findBr(true, root, pos).isSome();
+    };
+    var isAfterBr = function (root, pos) {
+      return getElementFromPrevPosition(pos).exists(isBr$1) || findBr(false, root, pos).isSome();
+    };
+    var findPreviousBr = curry(findBr, false);
+    var findNextBr = curry(findBr, true);
+
+    var isInMiddleOfText = function (pos) {
+      return CaretPosition.isTextPosition(pos) && !pos.isAtStart() && !pos.isAtEnd();
+    };
+    var getClosestBlock$1 = function (root, pos) {
+      var parentBlocks = filter(parentsAndSelf(SugarElement.fromDom(pos.container()), root), isBlock);
+      return head(parentBlocks).getOr(root);
+    };
+    var hasSpaceBefore = function (root, pos) {
+      if (isInMiddleOfText(pos)) {
+        return isAfterSpace(pos);
+      } else {
+        return isAfterSpace(pos) || prevPosition(getClosestBlock$1(root, pos).dom, pos).exists(isAfterSpace);
+      }
+    };
+    var hasSpaceAfter = function (root, pos) {
+      if (isInMiddleOfText(pos)) {
+        return isBeforeSpace(pos);
+      } else {
+        return isBeforeSpace(pos) || nextPosition(getClosestBlock$1(root, pos).dom, pos).exists(isBeforeSpace);
+      }
+    };
+    var isPreValue = function (value) {
+      return contains([
+        'pre',
+        'pre-wrap'
+      ], value);
+    };
+    var isInPre = function (pos) {
+      return getElementFromPosition(pos).bind(function (elm) {
+        return closest(elm, isElement);
+      }).exists(function (elm) {
+        return isPreValue(get$5(elm, 'white-space'));
+      });
+    };
+    var isAtBeginningOfBody = function (root, pos) {
+      return prevPosition(root.dom, pos).isNone();
+    };
+    var isAtEndOfBody = function (root, pos) {
+      return nextPosition(root.dom, pos).isNone();
+    };
+    var isAtLineBoundary = function (root, pos) {
+      return isAtBeginningOfBody(root, pos) || isAtEndOfBody(root, pos) || isAtStartOfBlock(root, pos) || isAtEndOfBlock(root, pos) || isAfterBr(root, pos) || isBeforeBr(root, pos);
+    };
+    var needsToHaveNbsp = function (root, pos) {
+      if (isInPre(pos)) {
+        return false;
+      } else {
+        return isAtLineBoundary(root, pos) || hasSpaceBefore(root, pos) || hasSpaceAfter(root, pos);
+      }
+    };
+    var needsToBeNbspLeft = function (root, pos) {
+      if (isInPre(pos)) {
+        return false;
+      } else {
+        return isAtStartOfBlock(root, pos) || isBeforeBlock(root, pos) || isAfterBr(root, pos) || hasSpaceBefore(root, pos);
+      }
+    };
+    var leanRight = function (pos) {
+      var container = pos.container();
+      var offset = pos.offset();
+      if (isText$1(container) && offset < container.data.length) {
+        return CaretPosition(container, offset + 1);
+      } else {
+        return pos;
+      }
+    };
+    var needsToBeNbspRight = function (root, pos) {
+      if (isInPre(pos)) {
+        return false;
+      } else {
+        return isAtEndOfBlock(root, pos) || isAfterBlock(root, pos) || isBeforeBr(root, pos) || hasSpaceAfter(root, pos);
+      }
+    };
+    var needsToBeNbsp = function (root, pos) {
+      return needsToBeNbspLeft(root, pos) || needsToBeNbspRight(root, leanRight(pos));
+    };
+    var isNbspAt = function (text, offset) {
+      return isNbsp(text.charAt(offset));
+    };
+    var hasNbsp = function (pos) {
+      var container = pos.container();
+      return isText$1(container) && contains$1(container.data, nbsp);
+    };
+    var normalizeNbspMiddle = function (text) {
+      var chars = text.split('');
+      return map(chars, function (chr, i) {
+        if (isNbsp(chr) && i > 0 && i < chars.length - 1 && isContent$1(chars[i - 1]) && isContent$1(chars[i + 1])) {
+          return ' ';
+        } else {
+          return chr;
+        }
+      }).join('');
+    };
+    var normalizeNbspAtStart = function (root, node) {
+      var text = node.data;
+      var firstPos = CaretPosition(node, 0);
+      if (isNbspAt(text, 0) && !needsToBeNbsp(root, firstPos)) {
+        node.data = ' ' + text.slice(1);
+        return true;
+      } else {
+        return false;
+      }
+    };
+    var normalizeNbspInMiddleOfTextNode = function (node) {
+      var text = node.data;
+      var newText = normalizeNbspMiddle(text);
+      if (newText !== text) {
+        node.data = newText;
+        return true;
+      } else {
+        return false;
+      }
+    };
+    var normalizeNbspAtEnd = function (root, node) {
+      var text = node.data;
+      var lastPos = CaretPosition(node, text.length - 1);
+      if (isNbspAt(text, text.length - 1) && !needsToBeNbsp(root, lastPos)) {
+        node.data = text.slice(0, -1) + ' ';
+        return true;
+      } else {
+        return false;
+      }
+    };
+    var normalizeNbsps = function (root, pos) {
+      return Optional.some(pos).filter(hasNbsp).bind(function (pos) {
+        var container = pos.container();
+        var normalized = normalizeNbspAtStart(root, container) || normalizeNbspInMiddleOfTextNode(container) || normalizeNbspAtEnd(root, container);
+        return normalized ? Optional.some(pos) : Optional.none();
+      });
+    };
+    var normalizeNbspsInEditor = function (editor) {
+      var root = SugarElement.fromDom(editor.getBody());
+      if (editor.selection.isCollapsed()) {
+        normalizeNbsps(root, CaretPosition.fromRangeStart(editor.selection.getRng())).each(function (pos) {
+          editor.selection.setRng(pos.toRange());
+        });
+      }
+    };
+
+    var normalizeContent = function (content, isStartOfContent, isEndOfContent) {
+      var result = foldl(content, function (acc, c) {
+        if (isWhiteSpace$1(c) || isNbsp(c)) {
+          if (acc.previousCharIsSpace || acc.str === '' && isStartOfContent || acc.str.length === content.length - 1 && isEndOfContent) {
+            return {
+              previousCharIsSpace: false,
+              str: acc.str + nbsp
+            };
+          } else {
+            return {
+              previousCharIsSpace: true,
+              str: acc.str + ' '
+            };
+          }
+        } else {
+          return {
+            previousCharIsSpace: false,
+            str: acc.str + c
+          };
+        }
+      }, {
+        previousCharIsSpace: false,
+        str: ''
+      });
+      return result.str;
+    };
+    var normalize$1 = function (node, offset, count) {
+      if (count === 0) {
+        return;
+      }
+      var elm = SugarElement.fromDom(node);
+      var root = ancestor(elm, isBlock).getOr(elm);
+      var whitespace = node.data.slice(offset, offset + count);
+      var isEndOfContent = offset + count >= node.data.length && needsToBeNbspRight(root, CaretPosition$1(node, node.data.length));
+      var isStartOfContent = offset === 0 && needsToBeNbspLeft(root, CaretPosition$1(node, 0));
+      node.replaceData(offset, count, normalizeContent(whitespace, isStartOfContent, isEndOfContent));
+    };
+    var normalizeWhitespaceAfter = function (node, offset) {
+      var content = node.data.slice(offset);
+      var whitespaceCount = content.length - lTrim(content).length;
+      return normalize$1(node, offset, whitespaceCount);
+    };
+    var normalizeWhitespaceBefore = function (node, offset) {
+      var content = node.data.slice(0, offset);
+      var whitespaceCount = content.length - rTrim(content).length;
+      return normalize$1(node, offset - whitespaceCount, whitespaceCount);
+    };
+    var mergeTextNodes = function (prevNode, nextNode, normalizeWhitespace, mergeToPrev) {
+      if (mergeToPrev === void 0) {
+        mergeToPrev = true;
+      }
+      var whitespaceOffset = rTrim(prevNode.data).length;
+      var newNode = mergeToPrev ? prevNode : nextNode;
+      var removeNode = mergeToPrev ? nextNode : prevNode;
+      if (mergeToPrev) {
+        newNode.appendData(removeNode.data);
+      } else {
+        newNode.insertData(0, removeNode.data);
+      }
+      remove(SugarElement.fromDom(removeNode));
+      if (normalizeWhitespace) {
+        normalizeWhitespaceAfter(newNode, whitespaceOffset);
+      }
+      return newNode;
+    };
+
+    var needsReposition = function (pos, elm) {
+      var container = pos.container();
+      var offset = pos.offset();
+      return CaretPosition$1.isTextPosition(pos) === false && container === elm.parentNode && offset > CaretPosition$1.before(elm).offset();
+    };
+    var reposition = function (elm, pos) {
+      return needsReposition(pos, elm) ? CaretPosition$1(pos.container(), pos.offset() - 1) : pos;
+    };
+    var beforeOrStartOf = function (node) {
+      return isText$1(node) ? CaretPosition$1(node, 0) : CaretPosition$1.before(node);
+    };
+    var afterOrEndOf = function (node) {
+      return isText$1(node) ? CaretPosition$1(node, node.data.length) : CaretPosition$1.after(node);
+    };
+    var getPreviousSiblingCaretPosition = function (elm) {
+      if (isCaretCandidate(elm.previousSibling)) {
+        return Optional.some(afterOrEndOf(elm.previousSibling));
+      } else {
+        return elm.previousSibling ? lastPositionIn(elm.previousSibling) : Optional.none();
+      }
+    };
+    var getNextSiblingCaretPosition = function (elm) {
+      if (isCaretCandidate(elm.nextSibling)) {
+        return Optional.some(beforeOrStartOf(elm.nextSibling));
+      } else {
+        return elm.nextSibling ? firstPositionIn(elm.nextSibling) : Optional.none();
+      }
+    };
+    var findCaretPositionBackwardsFromElm = function (rootElement, elm) {
+      var startPosition = CaretPosition$1.before(elm.previousSibling ? elm.previousSibling : elm.parentNode);
+      return prevPosition(rootElement, startPosition).fold(function () {
+        return nextPosition(rootElement, CaretPosition$1.after(elm));
+      }, Optional.some);
+    };
+    var findCaretPositionForwardsFromElm = function (rootElement, elm) {
+      return nextPosition(rootElement, CaretPosition$1.after(elm)).fold(function () {
+        return prevPosition(rootElement, CaretPosition$1.before(elm));
+      }, Optional.some);
+    };
+    var findCaretPositionBackwards = function (rootElement, elm) {
+      return getPreviousSiblingCaretPosition(elm).orThunk(function () {
+        return getNextSiblingCaretPosition(elm);
+      }).orThunk(function () {
+        return findCaretPositionBackwardsFromElm(rootElement, elm);
+      });
+    };
+    var findCaretPositionForward = function (rootElement, elm) {
+      return getNextSiblingCaretPosition(elm).orThunk(function () {
+        return getPreviousSiblingCaretPosition(elm);
+      }).orThunk(function () {
+        return findCaretPositionForwardsFromElm(rootElement, elm);
+      });
+    };
+    var findCaretPosition$1 = function (forward, rootElement, elm) {
+      return forward ? findCaretPositionForward(rootElement, elm) : findCaretPositionBackwards(rootElement, elm);
+    };
+    var findCaretPosOutsideElmAfterDelete = function (forward, rootElement, elm) {
+      return findCaretPosition$1(forward, rootElement, elm).map(curry(reposition, elm));
+    };
+    var setSelection = function (editor, forward, pos) {
+      pos.fold(function () {
+        editor.focus();
+      }, function (pos) {
+        editor.selection.setRng(pos.toRange(), forward);
+      });
+    };
+    var eqRawNode = function (rawNode) {
+      return function (elm) {
+        return elm.dom === rawNode;
+      };
+    };
+    var isBlock$2 = function (editor, elm) {
+      return elm && has(editor.schema.getBlockElements(), name(elm));
+    };
+    var paddEmptyBlock = function (elm) {
+      if (isEmpty(elm)) {
+        var br = SugarElement.fromHtml('<br data-mce-bogus="1">');
+        empty(elm);
+        append(elm, br);
+        return Optional.some(CaretPosition$1.before(br.dom));
+      } else {
+        return Optional.none();
+      }
+    };
+    var deleteNormalized = function (elm, afterDeletePosOpt, normalizeWhitespace) {
+      var prevTextOpt = prevSibling(elm).filter(isText);
+      var nextTextOpt = nextSibling(elm).filter(isText);
+      remove(elm);
+      return lift3(prevTextOpt, nextTextOpt, afterDeletePosOpt, function (prev, next, pos) {
+        var prevNode = prev.dom, nextNode = next.dom;
+        var offset = prevNode.data.length;
+        mergeTextNodes(prevNode, nextNode, normalizeWhitespace);
+        return pos.container() === nextNode ? CaretPosition$1(prevNode, offset) : pos;
+      }).orThunk(function () {
+        if (normalizeWhitespace) {
+          prevTextOpt.each(function (elm) {
+            return normalizeWhitespaceBefore(elm.dom, elm.dom.length);
+          });
+          nextTextOpt.each(function (elm) {
+            return normalizeWhitespaceAfter(elm.dom, 0);
+          });
+        }
+        return afterDeletePosOpt;
+      });
+    };
+    var isInlineElement = function (editor, element) {
+      return has(editor.schema.getTextInlineElements(), name(element));
+    };
+    var deleteElement = function (editor, forward, elm, moveCaret) {
+      if (moveCaret === void 0) {
+        moveCaret = true;
+      }
+      var afterDeletePos = findCaretPosOutsideElmAfterDelete(forward, editor.getBody(), elm.dom);
+      var parentBlock = ancestor(elm, curry(isBlock$2, editor), eqRawNode(editor.getBody()));
+      var normalizedAfterDeletePos = deleteNormalized(elm, afterDeletePos, isInlineElement(editor, elm));
+      if (editor.dom.isEmpty(editor.getBody())) {
+        editor.setContent('');
+        editor.selection.setCursorLocation();
+      } else {
+        parentBlock.bind(paddEmptyBlock).fold(function () {
+          if (moveCaret) {
+            setSelection(editor, forward, normalizedAfterDeletePos);
+          }
+        }, function (paddPos) {
+          if (moveCaret) {
+            setSelection(editor, forward, Optional.some(paddPos));
+          }
+        });
+      }
+    };
+
+    var tableCellRng = function (start, end) {
+      return {
+        start: start,
+        end: end
+      };
+    };
+    var tableSelection = function (rng, table, cells) {
+      return {
+        rng: rng,
+        table: table,
+        cells: cells
+      };
+    };
+    var deleteAction = Adt.generate([
+      { removeTable: ['element'] },
+      { emptyCells: ['cells'] },
+      {
+        deleteCellSelection: [
+          'rng',
+          'cell'
+        ]
+      }
+    ]);
+    var isRootFromElement = function (root) {
+      return function (cur) {
+        return eq$2(root, cur);
+      };
+    };
+    var getClosestCell = function (container, isRoot) {
+      return closest$1(SugarElement.fromDom(container), 'td,th', isRoot);
+    };
+    var getClosestTable = function (cell, isRoot) {
+      return ancestor$1(cell, 'table', isRoot);
+    };
+    var isExpandedCellRng = function (cellRng) {
+      return !eq$2(cellRng.start, cellRng.end);
+    };
+    var getTableFromCellRng = function (cellRng, isRoot) {
+      return getClosestTable(cellRng.start, isRoot).bind(function (startParentTable) {
+        return getClosestTable(cellRng.end, isRoot).bind(function (endParentTable) {
+          return someIf(eq$2(startParentTable, endParentTable), startParentTable);
+        });
+      });
+    };
+    var isSingleCellTable = function (cellRng, isRoot) {
+      return !isExpandedCellRng(cellRng) && getTableFromCellRng(cellRng, isRoot).exists(function (table) {
+        var rows = table.dom.rows;
+        return rows.length === 1 && rows[0].cells.length === 1;
+      });
+    };
+    var getTableCells = function (table) {
+      return descendants$1(table, 'td,th');
+    };
+    var getCellRng = function (rng, isRoot) {
+      var startCell = getClosestCell(rng.startContainer, isRoot);
+      var endCell = getClosestCell(rng.endContainer, isRoot);
+      return lift2(startCell, endCell, tableCellRng);
+    };
+    var getCellRangeFromStartTable = function (cellRng, isRoot) {
+      return getClosestTable(cellRng.start, isRoot).bind(function (table) {
+        return last(getTableCells(table)).map(function (endCell) {
+          return tableCellRng(cellRng.start, endCell);
+        });
+      });
+    };
+    var partialSelection = function (isRoot, rng) {
+      var startCell = getClosestCell(rng.startContainer, isRoot);
+      var endCell = getClosestCell(rng.endContainer, isRoot);
+      return rng.collapsed ? Optional.none() : lift2(startCell, endCell, tableCellRng).fold(function () {
+        return startCell.fold(function () {
+          return endCell.bind(function (endCell) {
+            return getClosestTable(endCell, isRoot).bind(function (table) {
+              return head(getTableCells(table)).map(function (startCell) {
+                return tableCellRng(startCell, endCell);
+              });
+            });
+          });
+        }, function (startCell) {
+          return getClosestTable(startCell, isRoot).bind(function (table) {
+            return last(getTableCells(table)).map(function (endCell) {
+              return tableCellRng(startCell, endCell);
+            });
+          });
+        });
+      }, function (cellRng) {
+        return isWithinSameTable(isRoot, cellRng) ? Optional.none() : getCellRangeFromStartTable(cellRng, isRoot);
+      });
+    };
+    var isWithinSameTable = function (isRoot, cellRng) {
+      return getTableFromCellRng(cellRng, isRoot).isSome();
+    };
+    var getTableSelectionFromCellRng = function (cellRng, isRoot) {
+      return getTableFromCellRng(cellRng, isRoot).map(function (table) {
+        return tableSelection(cellRng, table, getTableCells(table));
+      });
+    };
+    var getTableSelection = function (optCellRng, rng, isRoot) {
+      return optCellRng.filter(function (cellRng) {
+        return isExpandedCellRng(cellRng) && isWithinSameTable(isRoot, cellRng);
+      }).orThunk(function () {
+        return partialSelection(isRoot, rng);
+      }).bind(function (cRng) {
+        return getTableSelectionFromCellRng(cRng, isRoot);
+      });
+    };
+    var getCellIndex = function (cells, cell) {
+      return findIndex(cells, function (x) {
+        return eq$2(x, cell);
+      });
+    };
+    var getSelectedCells = function (tableSelection) {
+      return lift2(getCellIndex(tableSelection.cells, tableSelection.rng.start), getCellIndex(tableSelection.cells, tableSelection.rng.end), function (startIndex, endIndex) {
+        return tableSelection.cells.slice(startIndex, endIndex + 1);
+      });
+    };
+    var isSingleCellTableContentSelected = function (optCellRng, rng, isRoot) {
+      return optCellRng.filter(function (cellRng) {
+        return isSingleCellTable(cellRng, isRoot) && hasAllContentsSelected(cellRng.start, rng);
+      }).map(function (cellRng) {
+        return cellRng.start;
+      });
+    };
+    var getAction = function (tableSelection) {
+      return getSelectedCells(tableSelection).map(function (selected) {
+        var cells = tableSelection.cells;
+        return selected.length === cells.length ? deleteAction.removeTable(tableSelection.table) : deleteAction.emptyCells(selected);
+      });
+    };
+    var getActionFromRange = function (root, rng) {
+      var isRoot = isRootFromElement(root);
+      var optCellRng = getCellRng(rng, isRoot);
+      return isSingleCellTableContentSelected(optCellRng, rng, isRoot).map(function (cell) {
+        return deleteAction.deleteCellSelection(rng, cell);
+      }).orThunk(function () {
+        return getTableSelection(optCellRng, rng, isRoot).bind(getAction);
+      });
+    };
+
+    var freefallRtl = function (root) {
+      var child = isComment(root) ? prevSibling(root) : lastChild(root);
+      return child.bind(freefallRtl).orThunk(function () {
+        return Optional.some(root);
+      });
+    };
+    var emptyCells = function (editor, cells) {
+      each(cells, fillWithPaddingBr);
+      editor.selection.setCursorLocation(cells[0].dom, 0);
+      return true;
+    };
+    var deleteCellContents = function (editor, rng, cell) {
+      rng.deleteContents();
+      var lastNode = freefallRtl(cell).getOr(cell);
+      var lastBlock = SugarElement.fromDom(editor.dom.getParent(lastNode.dom, editor.dom.isBlock));
+      if (isEmpty(lastBlock)) {
+        fillWithPaddingBr(lastBlock);
+        editor.selection.setCursorLocation(lastBlock.dom, 0);
+      }
+      if (!eq$2(cell, lastBlock)) {
+        var additionalCleanupNodes = parent(lastBlock).is(cell) ? [] : siblings(lastBlock);
+        each(additionalCleanupNodes.concat(children(cell)), function (node) {
+          if (!eq$2(node, lastBlock) && !contains$2(node, lastBlock)) {
+            remove(node);
+          }
+        });
+      }
+      return true;
+    };
+    var deleteTableElement = function (editor, table) {
+      deleteElement(editor, false, table);
+      return true;
+    };
+    var deleteCellRange = function (editor, rootElm, rng) {
+      return getActionFromRange(rootElm, rng).map(function (action) {
+        return action.fold(curry(deleteTableElement, editor), curry(emptyCells, editor), curry(deleteCellContents, editor));
+      });
+    };
+    var deleteCaptionRange = function (editor, caption) {
+      return emptyElement(editor, caption);
+    };
+    var deleteTableRange = function (editor, rootElm, rng, startElm) {
+      return getParentCaption(rootElm, startElm).fold(function () {
+        return deleteCellRange(editor, rootElm, rng);
+      }, function (caption) {
+        return deleteCaptionRange(editor, caption);
+      }).getOr(false);
+    };
+    var deleteRange = function (editor, startElm) {
+      var rootNode = SugarElement.fromDom(editor.getBody());
+      var rng = editor.selection.getRng();
+      var selectedCells = getCellsFromEditor(editor);
+      return selectedCells.length !== 0 ? emptyCells(editor, selectedCells) : deleteTableRange(editor, rootNode, rng, startElm);
+    };
+    var getParentCell = function (rootElm, elm) {
+      return find(parentsAndSelf(elm, rootElm), isTableCell$1);
+    };
+    var getParentCaption = function (rootElm, elm) {
+      return find(parentsAndSelf(elm, rootElm), function (elm) {
+        return name(elm) === 'caption';
+      });
+    };
+    var deleteBetweenCells = function (editor, rootElm, forward, fromCell, from) {
+      return navigate(forward, editor.getBody(), from).bind(function (to) {
+        return getParentCell(rootElm, SugarElement.fromDom(to.getNode())).map(function (toCell) {
+          return eq$2(toCell, fromCell) === false;
+        });
+      });
+    };
+    var emptyElement = function (editor, elm) {
+      fillWithPaddingBr(elm);
+      editor.selection.setCursorLocation(elm.dom, 0);
+      return Optional.some(true);
+    };
+    var isDeleteOfLastCharPos = function (fromCaption, forward, from, to) {
+      return firstPositionIn(fromCaption.dom).bind(function (first) {
+        return lastPositionIn(fromCaption.dom).map(function (last) {
+          return forward ? from.isEqual(first) && to.isEqual(last) : from.isEqual(last) && to.isEqual(first);
+        });
+      }).getOr(true);
+    };
+    var emptyCaretCaption = function (editor, elm) {
+      return emptyElement(editor, elm);
+    };
+    var validateCaretCaption = function (rootElm, fromCaption, to) {
+      return getParentCaption(rootElm, SugarElement.fromDom(to.getNode())).map(function (toCaption) {
+        return eq$2(toCaption, fromCaption) === false;
+      });
+    };
+    var deleteCaretInsideCaption = function (editor, rootElm, forward, fromCaption, from) {
+      return navigate(forward, editor.getBody(), from).bind(function (to) {
+        return isDeleteOfLastCharPos(fromCaption, forward, from, to) ? emptyCaretCaption(editor, fromCaption) : validateCaretCaption(rootElm, fromCaption, to);
+      }).or(Optional.some(true));
+    };
+    var deleteCaretCells = function (editor, forward, rootElm, startElm) {
+      var from = CaretPosition$1.fromRangeStart(editor.selection.getRng());
+      return getParentCell(rootElm, startElm).bind(function (fromCell) {
+        return isEmpty(fromCell) ? emptyElement(editor, fromCell) : deleteBetweenCells(editor, rootElm, forward, fromCell, from);
+      }).getOr(false);
+    };
+    var deleteCaretCaption = function (editor, forward, rootElm, fromCaption) {
+      var from = CaretPosition$1.fromRangeStart(editor.selection.getRng());
+      return isEmpty(fromCaption) ? emptyElement(editor, fromCaption) : deleteCaretInsideCaption(editor, rootElm, forward, fromCaption, from);
+    };
+    var isNearTable = function (forward, pos) {
+      return forward ? isBeforeTable(pos) : isAfterTable(pos);
+    };
+    var isBeforeOrAfterTable = function (editor, forward) {
+      var fromPos = CaretPosition$1.fromRangeStart(editor.selection.getRng());
+      return isNearTable(forward, fromPos) || fromPosition(forward, editor.getBody(), fromPos).exists(function (pos) {
+        return isNearTable(forward, pos);
+      });
+    };
+    var deleteCaret = function (editor, forward, startElm) {
+      var rootElm = SugarElement.fromDom(editor.getBody());
+      return getParentCaption(rootElm, startElm).fold(function () {
+        return deleteCaretCells(editor, forward, rootElm, startElm) || isBeforeOrAfterTable(editor, forward);
+      }, function (fromCaption) {
+        return deleteCaretCaption(editor, forward, rootElm, fromCaption).getOr(false);
+      });
+    };
+    var backspaceDelete = function (editor, forward) {
+      var startElm = SugarElement.fromDom(editor.selection.getStart(true));
+      var cells = getCellsFromEditor(editor);
+      return editor.selection.isCollapsed() && cells.length === 0 ? deleteCaret(editor, forward, startElm) : deleteRange(editor, startElm);
+    };
+
+    var createRange$1 = function (sc, so, ec, eo) {
+      var rng = document.createRange();
+      rng.setStart(sc, so);
+      rng.setEnd(ec, eo);
+      return rng;
+    };
+    var normalizeBlockSelectionRange = function (rng) {
+      var startPos = CaretPosition$1.fromRangeStart(rng);
+      var endPos = CaretPosition$1.fromRangeEnd(rng);
+      var rootNode = rng.commonAncestorContainer;
+      return fromPosition(false, rootNode, endPos).map(function (newEndPos) {
+        if (!isInSameBlock(startPos, endPos, rootNode) && isInSameBlock(startPos, newEndPos, rootNode)) {
+          return createRange$1(startPos.container(), startPos.offset(), newEndPos.container(), newEndPos.offset());
+        } else {
+          return rng;
+        }
+      }).getOr(rng);
+    };
+    var normalize$2 = function (rng) {
+      return rng.collapsed ? rng : normalizeBlockSelectionRange(rng);
+    };
+
+    var hasOnlyOneChild = function (node) {
+      return node.firstChild && node.firstChild === node.lastChild;
+    };
+    var isPaddingNode = function (node) {
+      return node.name === 'br' || node.value === nbsp;
+    };
+    var isPaddedEmptyBlock = function (schema, node) {
+      var blockElements = schema.getBlockElements();
+      return blockElements[node.name] && hasOnlyOneChild(node) && isPaddingNode(node.firstChild);
+    };
+    var isEmptyFragmentElement = function (schema, node) {
+      var nonEmptyElements = schema.getNonEmptyElements();
+      return node && (node.isEmpty(nonEmptyElements) || isPaddedEmptyBlock(schema, node));
+    };
+    var isListFragment = function (schema, fragment) {
+      var firstChild = fragment.firstChild;
+      var lastChild = fragment.lastChild;
+      if (firstChild && firstChild.name === 'meta') {
+        firstChild = firstChild.next;
+      }
+      if (lastChild && lastChild.attr('id') === 'mce_marker') {
+        lastChild = lastChild.prev;
+      }
+      if (isEmptyFragmentElement(schema, lastChild)) {
+        lastChild = lastChild.prev;
+      }
+      if (!firstChild || firstChild !== lastChild) {
+        return false;
+      }
+      return firstChild.name === 'ul' || firstChild.name === 'ol';
+    };
+    var cleanupDomFragment = function (domFragment) {
+      var firstChild = domFragment.firstChild;
+      var lastChild = domFragment.lastChild;
+      if (firstChild && firstChild.nodeName === 'META') {
+        firstChild.parentNode.removeChild(firstChild);
+      }
+      if (lastChild && lastChild.id === 'mce_marker') {
+        lastChild.parentNode.removeChild(lastChild);
+      }
+      return domFragment;
+    };
+    var toDomFragment = function (dom, serializer, fragment) {
+      var html = serializer.serialize(fragment);
+      var domFragment = dom.createFragment(html);
+      return cleanupDomFragment(domFragment);
+    };
+    var listItems$1 = function (elm) {
+      return Tools.grep(elm.childNodes, function (child) {
+        return child.nodeName === 'LI';
+      });
+    };
+    var isPadding = function (node) {
+      return node.data === nbsp || isBr(node);
+    };
+    var isListItemPadded = function (node) {
+      return node && node.firstChild && node.firstChild === node.lastChild && isPadding(node.firstChild);
+    };
+    var isEmptyOrPadded = function (elm) {
+      return !elm.firstChild || isListItemPadded(elm);
+    };
+    var trimListItems = function (elms) {
+      return elms.length > 0 && isEmptyOrPadded(elms[elms.length - 1]) ? elms.slice(0, -1) : elms;
+    };
+    var getParentLi = function (dom, node) {
+      var parentBlock = dom.getParent(node, dom.isBlock);
+      return parentBlock && parentBlock.nodeName === 'LI' ? parentBlock : null;
+    };
+    var isParentBlockLi = function (dom, node) {
+      return !!getParentLi(dom, node);
+    };
+    var getSplit = function (parentNode, rng) {
+      var beforeRng = rng.cloneRange();
+      var afterRng = rng.cloneRange();
+      beforeRng.setStartBefore(parentNode);
+      afterRng.setEndAfter(parentNode);
+      return [
+        beforeRng.cloneContents(),
+        afterRng.cloneContents()
+      ];
+    };
+    var findFirstIn = function (node, rootNode) {
+      var caretPos = CaretPosition$1.before(node);
+      var caretWalker = CaretWalker(rootNode);
+      var newCaretPos = caretWalker.next(caretPos);
+      return newCaretPos ? newCaretPos.toRange() : null;
+    };
+    var findLastOf = function (node, rootNode) {
+      var caretPos = CaretPosition$1.after(node);
+      var caretWalker = CaretWalker(rootNode);
+      var newCaretPos = caretWalker.prev(caretPos);
+      return newCaretPos ? newCaretPos.toRange() : null;
+    };
+    var insertMiddle = function (target, elms, rootNode, rng) {
+      var parts = getSplit(target, rng);
+      var parentElm = target.parentNode;
+      parentElm.insertBefore(parts[0], target);
+      Tools.each(elms, function (li) {
+        parentElm.insertBefore(li, target);
+      });
+      parentElm.insertBefore(parts[1], target);
+      parentElm.removeChild(target);
+      return findLastOf(elms[elms.length - 1], rootNode);
+    };
+    var insertBefore = function (target, elms, rootNode) {
+      var parentElm = target.parentNode;
+      Tools.each(elms, function (elm) {
+        parentElm.insertBefore(elm, target);
+      });
+      return findFirstIn(target, rootNode);
+    };
+    var insertAfter = function (target, elms, rootNode, dom) {
+      dom.insertAfter(elms.reverse(), target);
+      return findLastOf(elms[0], rootNode);
+    };
+    var insertAtCaret = function (serializer, dom, rng, fragment) {
+      var domFragment = toDomFragment(dom, serializer, fragment);
+      var liTarget = getParentLi(dom, rng.startContainer);
+      var liElms = trimListItems(listItems$1(domFragment.firstChild));
+      var BEGINNING = 1, END = 2;
+      var rootNode = dom.getRoot();
+      var isAt = function (location) {
+        var caretPos = CaretPosition$1.fromRangeStart(rng);
+        var caretWalker = CaretWalker(dom.getRoot());
+        var newPos = location === BEGINNING ? caretWalker.prev(caretPos) : caretWalker.next(caretPos);
+        return newPos ? getParentLi(dom, newPos.getNode()) !== liTarget : true;
+      };
+      if (isAt(BEGINNING)) {
+        return insertBefore(liTarget, liElms, rootNode);
+      } else if (isAt(END)) {
+        return insertAfter(liTarget, liElms, rootNode, dom);
+      }
+      return insertMiddle(liTarget, liElms, rootNode, rng);
+    };
+
+    var trimOrPadLeftRight = function (dom, rng, html) {
+      var root = SugarElement.fromDom(dom.getRoot());
+      if (needsToBeNbspLeft(root, CaretPosition$1.fromRangeStart(rng))) {
+        html = html.replace(/^ /, '&nbsp;');
+      } else {
+        html = html.replace(/^&nbsp;/, ' ');
+      }
+      if (needsToBeNbspRight(root, CaretPosition$1.fromRangeEnd(rng))) {
+        html = html.replace(/(&nbsp;| )(<br( \/)>)?$/, '&nbsp;');
+      } else {
+        html = html.replace(/&nbsp;(<br( \/)?>)?$/, ' ');
+      }
+      return html;
+    };
+
+    var isTableCell$4 = isTableCell;
+    var isTableCellContentSelected = function (dom, rng, cell) {
+      if (cell !== null) {
+        var endCell = dom.getParent(rng.endContainer, isTableCell$4);
+        return cell === endCell && hasAllContentsSelected(SugarElement.fromDom(cell), rng);
+      } else {
+        return false;
+      }
+    };
+    var validInsertion = function (editor, value, parentNode) {
+      if (parentNode.getAttribute('data-mce-bogus') === 'all') {
+        parentNode.parentNode.insertBefore(editor.dom.createFragment(value), parentNode);
+      } else {
+        var node = parentNode.firstChild;
+        var node2 = parentNode.lastChild;
+        if (!node || node === node2 && node.nodeName === 'BR') {
+          editor.dom.setHTML(parentNode, value);
+        } else {
+          editor.selection.setContent(value);
+        }
+      }
+    };
+    var trimBrsFromTableCell = function (dom, elm) {
+      Optional.from(dom.getParent(elm, 'td,th')).map(SugarElement.fromDom).each(trimBlockTrailingBr);
+    };
+    var reduceInlineTextElements = function (editor, merge) {
+      var textInlineElements = editor.schema.getTextInlineElements();
+      var dom = editor.dom;
+      if (merge) {
+        var root_1 = editor.getBody(), elementUtils_1 = new ElementUtils(dom);
+        Tools.each(dom.select('*[data-mce-fragment]'), function (node) {
+          for (var testNode = node.parentNode; testNode && testNode !== root_1; testNode = testNode.parentNode) {
+            if (textInlineElements[node.nodeName.toLowerCase()] && elementUtils_1.compare(testNode, node)) {
+              dom.remove(node, true);
+            }
+          }
+        });
+      }
+    };
+    var markFragmentElements = function (fragment) {
+      var node = fragment;
+      while (node = node.walk()) {
+        if (node.type === 1) {
+          node.attr('data-mce-fragment', '1');
+        }
+      }
+    };
+    var unmarkFragmentElements = function (elm) {
+      Tools.each(elm.getElementsByTagName('*'), function (elm) {
+        elm.removeAttribute('data-mce-fragment');
+      });
+    };
+    var isPartOfFragment = function (node) {
+      return !!node.getAttribute('data-mce-fragment');
+    };
+    var canHaveChildren = function (editor, node) {
+      return node && !editor.schema.getShortEndedElements()[node.nodeName];
+    };
+    var moveSelectionToMarker = function (editor, marker) {
+      var nextRng;
+      var dom = editor.dom, selection = editor.selection;
+      var node2;
+      var getContentEditableFalseParent = function (node) {
+        var root = editor.getBody();
+        for (; node && node !== root; node = node.parentNode) {
+          if (dom.getContentEditable(node) === 'false') {
+            return node;
+          }
+        }
+        return null;
+      };
+      if (!marker) {
+        return;
+      }
+      selection.scrollIntoView(marker);
+      var parentEditableFalseElm = getContentEditableFalseParent(marker);
+      if (parentEditableFalseElm) {
+        dom.remove(marker);
+        selection.select(parentEditableFalseElm);
+        return;
+      }
+      var rng = dom.createRng();
+      var node = marker.previousSibling;
+      if (node && node.nodeType === 3) {
+        rng.setStart(node, node.nodeValue.length);
+        if (!Env.ie) {
+          node2 = marker.nextSibling;
+          if (node2 && node2.nodeType === 3) {
+            node.appendData(node2.data);
+            node2.parentNode.removeChild(node2);
+          }
+        }
+      } else {
+        rng.setStartBefore(marker);
+        rng.setEndBefore(marker);
+      }
+      var findNextCaretRng = function (rng) {
+        var caretPos = CaretPosition$1.fromRangeStart(rng);
+        var caretWalker = CaretWalker(editor.getBody());
+        caretPos = caretWalker.next(caretPos);
+        if (caretPos) {
+          return caretPos.toRange();
+        }
+      };
+      var parentBlock = dom.getParent(marker, dom.isBlock);
+      dom.remove(marker);
+      if (parentBlock && dom.isEmpty(parentBlock)) {
+        editor.$(parentBlock).empty();
+        rng.setStart(parentBlock, 0);
+        rng.setEnd(parentBlock, 0);
+        if (!isTableCell$4(parentBlock) && !isPartOfFragment(parentBlock) && (nextRng = findNextCaretRng(rng))) {
+          rng = nextRng;
+          dom.remove(parentBlock);
+        } else {
+          dom.add(parentBlock, dom.create('br', { 'data-mce-bogus': '1' }));
+        }
+      }
+      selection.setRng(rng);
+    };
+    var deleteSelectedContent = function (editor) {
+      var dom = editor.dom;
+      var rng = normalize$2(editor.selection.getRng());
+      editor.selection.setRng(rng);
+      var startCell = dom.getParent(rng.startContainer, isTableCell$4);
+      if (isTableCellContentSelected(dom, rng, startCell)) {
+        deleteCellContents(editor, rng, SugarElement.fromDom(startCell));
+      } else {
+        editor.getDoc().execCommand('Delete', false, null);
+      }
+    };
+    var insertHtmlAtCaret = function (editor, value, details) {
+      var parentNode, rootNode, args;
+      var marker, rng, node;
+      var selection = editor.selection, dom = editor.dom;
+      if (/^ | $/.test(value)) {
+        value = trimOrPadLeftRight(dom, selection.getRng(), value);
+      }
+      var parser = editor.parser;
+      var merge = details.merge;
+      var serializer = HtmlSerializer({ validate: shouldValidate(editor) }, editor.schema);
+      var bookmarkHtml = '<span id="mce_marker" data-mce-type="bookmark">&#xFEFF;</span>';
+      args = {
+        content: value,
+        format: 'html',
+        selection: true,
+        paste: details.paste
+      };
+      args = editor.fire('BeforeSetContent', args);
+      if (args.isDefaultPrevented()) {
+        editor.fire('SetContent', {
+          content: args.content,
+          format: 'html',
+          selection: true,
+          paste: details.paste
+        });
+        return;
+      }
+      value = args.content;
+      if (value.indexOf('{$caret}') === -1) {
+        value += '{$caret}';
+      }
+      value = value.replace(/\{\$caret\}/, bookmarkHtml);
+      rng = selection.getRng();
+      var caretElement = rng.startContainer || (rng.parentElement ? rng.parentElement() : null);
+      var body = editor.getBody();
+      if (caretElement === body && selection.isCollapsed()) {
+        if (dom.isBlock(body.firstChild) && canHaveChildren(editor, body.firstChild) && dom.isEmpty(body.firstChild)) {
+          rng = dom.createRng();
+          rng.setStart(body.firstChild, 0);
+          rng.setEnd(body.firstChild, 0);
+          selection.setRng(rng);
+        }
+      }
+      if (!selection.isCollapsed()) {
+        deleteSelectedContent(editor);
+      }
+      parentNode = selection.getNode();
+      var parserArgs = {
+        context: parentNode.nodeName.toLowerCase(),
+        data: details.data,
+        insert: true
+      };
+      var fragment = parser.parse(value, parserArgs);
+      if (details.paste === true && isListFragment(editor.schema, fragment) && isParentBlockLi(dom, parentNode)) {
+        rng = insertAtCaret(serializer, dom, selection.getRng(), fragment);
+        selection.setRng(rng);
+        editor.fire('SetContent', args);
+        return;
+      }
+      markFragmentElements(fragment);
+      node = fragment.lastChild;
+      if (node.attr('id') === 'mce_marker') {
+        marker = node;
+        for (node = node.prev; node; node = node.walk(true)) {
+          if (node.type === 3 || !dom.isBlock(node.name)) {
+            if (editor.schema.isValidChild(node.parent.name, 'span')) {
+              node.parent.insert(marker, node, node.name === 'br');
+            }
+            break;
+          }
+        }
+      }
+      editor._selectionOverrides.showBlockCaretContainer(parentNode);
+      if (!parserArgs.invalid) {
+        value = serializer.serialize(fragment);
+        validInsertion(editor, value, parentNode);
+      } else {
+        editor.selection.setContent(bookmarkHtml);
+        parentNode = selection.getNode();
+        rootNode = editor.getBody();
+        if (parentNode.nodeType === 9) {
+          parentNode = node = rootNode;
+        } else {
+          node = parentNode;
+        }
+        while (node !== rootNode) {
+          parentNode = node;
+          node = node.parentNode;
+        }
+        value = parentNode === rootNode ? rootNode.innerHTML : dom.getOuterHTML(parentNode);
+        value = serializer.serialize(parser.parse(value.replace(/<span (id="mce_marker"|id=mce_marker).+?<\/span>/i, function () {
+          return serializer.serialize(fragment);
+        })));
+        if (parentNode === rootNode) {
+          dom.setHTML(rootNode, value);
+        } else {
+          dom.setOuterHTML(parentNode, value);
+        }
+      }
+      reduceInlineTextElements(editor, merge);
+      moveSelectionToMarker(editor, dom.get('mce_marker'));
+      unmarkFragmentElements(editor.getBody());
+      trimBrsFromTableCell(dom, selection.getStart());
+      editor.fire('SetContent', args);
+      editor.addVisual();
+    };
+
+    var traverse = function (node, fn) {
+      fn(node);
+      if (node.firstChild) {
+        traverse(node.firstChild, fn);
+      }
+      if (node.next) {
+        traverse(node.next, fn);
+      }
+    };
+    var findMatchingNodes = function (nodeFilters, attributeFilters, node) {
+      var nodeMatches = {};
+      var attrMatches = {};
+      var matches = [];
+      if (node.firstChild) {
+        traverse(node.firstChild, function (node) {
+          each(nodeFilters, function (filter) {
+            if (filter.name === node.name) {
+              if (nodeMatches[filter.name]) {
+                nodeMatches[filter.name].nodes.push(node);
+              } else {
+                nodeMatches[filter.name] = {
+                  filter: filter,
+                  nodes: [node]
+                };
+              }
+            }
+          });
+          each(attributeFilters, function (filter) {
+            if (typeof node.attr(filter.name) === 'string') {
+              if (attrMatches[filter.name]) {
+                attrMatches[filter.name].nodes.push(node);
+              } else {
+                attrMatches[filter.name] = {
+                  filter: filter,
+                  nodes: [node]
+                };
+              }
+            }
+          });
+        });
+      }
+      for (var name_1 in nodeMatches) {
+        if (nodeMatches.hasOwnProperty(name_1)) {
+          matches.push(nodeMatches[name_1]);
+        }
+      }
+      for (var name_2 in attrMatches) {
+        if (attrMatches.hasOwnProperty(name_2)) {
+          matches.push(attrMatches[name_2]);
+        }
+      }
+      return matches;
+    };
+    var filter$3 = function (nodeFilters, attributeFilters, node) {
+      var matches = findMatchingNodes(nodeFilters, attributeFilters, node);
+      each(matches, function (match) {
+        each(match.filter.callbacks, function (callback) {
+          callback(match.nodes, match.filter.name, {});
+        });
+      });
+    };
+
+    var defaultFormat = 'html';
+    var isTreeNode = function (content) {
+      return content instanceof AstNode;
+    };
+    var moveSelection = function (editor) {
+      if (hasFocus$1(editor)) {
+        firstPositionIn(editor.getBody()).each(function (pos) {
+          var node = pos.getNode();
+          var caretPos = isTable(node) ? firstPositionIn(node).getOr(pos) : pos;
+          editor.selection.setRng(caretPos.toRange());
+        });
+      }
+    };
+    var setEditorHtml = function (editor, html) {
+      editor.dom.setHTML(editor.getBody(), html);
+      moveSelection(editor);
+    };
+    var setContentString = function (editor, body, content, args) {
+      var forcedRootBlockName, padd;
+      if (content.length === 0 || /^\s+$/.test(content)) {
+        padd = '<br data-mce-bogus="1">';
+        if (body.nodeName === 'TABLE') {
+          content = '<tr><td>' + padd + '</td></tr>';
+        } else if (/^(UL|OL)$/.test(body.nodeName)) {
+          content = '<li>' + padd + '</li>';
+        }
+        forcedRootBlockName = getForcedRootBlock(editor);
+        if (forcedRootBlockName && editor.schema.isValidChild(body.nodeName.toLowerCase(), forcedRootBlockName.toLowerCase())) {
+          content = padd;
+          content = editor.dom.createHTML(forcedRootBlockName, getForcedRootBlockAttrs(editor), content);
+        } else if (!content) {
+          content = '<br data-mce-bogus="1">';
+        }
+        setEditorHtml(editor, content);
+        editor.fire('SetContent', args);
+      } else {
+        if (args.format !== 'raw') {
+          content = HtmlSerializer({ validate: editor.validate }, editor.schema).serialize(editor.parser.parse(content, {
+            isRootContent: true,
+            insert: true
+          }));
+        }
+        args.content = isWsPreserveElement(SugarElement.fromDom(body)) ? content : Tools.trim(content);
+        setEditorHtml(editor, args.content);
+        if (!args.no_events) {
+          editor.fire('SetContent', args);
+        }
+      }
+      return args.content;
+    };
+    var setContentTree = function (editor, body, content, args) {
+      filter$3(editor.parser.getNodeFilters(), editor.parser.getAttributeFilters(), content);
+      var html = HtmlSerializer({ validate: editor.validate }, editor.schema).serialize(content);
+      args.content = isWsPreserveElement(SugarElement.fromDom(body)) ? html : Tools.trim(html);
+      setEditorHtml(editor, args.content);
+      if (!args.no_events) {
+        editor.fire('SetContent', args);
+      }
+      return content;
+    };
+    var setContentInternal = function (editor, content, args) {
+      args.format = args.format ? args.format : defaultFormat;
+      args.set = true;
+      args.content = isTreeNode(content) ? '' : content;
+      if (!args.no_events) {
+        editor.fire('BeforeSetContent', args);
+      }
+      if (!isTreeNode(content)) {
+        content = args.content;
+      }
+      return Optional.from(editor.getBody()).fold(constant(content), function (body) {
+        return isTreeNode(content) ? setContentTree(editor, body, content, args) : setContentString(editor, body, content, args);
+      });
+    };
+
+    var addVisualInternal = function (editor, elm) {
+      var dom = editor.dom;
+      var scope = isNonNullable(elm) ? elm : editor.getBody();
+      if (isUndefined(editor.hasVisual)) {
+        editor.hasVisual = isVisualAidsEnabled(editor);
+      }
+      each(dom.select('table,a', scope), function (matchedElm) {
+        switch (matchedElm.nodeName) {
+        case 'TABLE':
+          var cls = getVisualAidsTableClass(editor);
+          var value = dom.getAttrib(matchedElm, 'border');
+          if ((!value || value === '0') && editor.hasVisual) {
+            dom.addClass(matchedElm, cls);
+          } else {
+            dom.removeClass(matchedElm, cls);
+          }
+          break;
+        case 'A':
+          if (!dom.getAttrib(matchedElm, 'href')) {
+            var value_1 = dom.getAttrib(matchedElm, 'name') || matchedElm.id;
+            var cls_1 = getVisualAidsAnchorClass(editor);
+            if (value_1 && editor.hasVisual) {
+              dom.addClass(matchedElm, cls_1);
+            } else {
+              dom.removeClass(matchedElm, cls_1);
+            }
+          }
+          break;
+        }
+      });
+      editor.fire('VisualAid', {
+        element: elm,
+        hasVisual: editor.hasVisual
+      });
+    };
+
+    var sibling$2 = function (scope, predicate) {
+      return sibling(scope, predicate).isSome();
+    };
+
+    var ZWSP$1 = ZWSP, CARET_ID$1 = '_mce_caret';
+    var importNode = function (ownerDocument, node) {
+      return ownerDocument.importNode(node, true);
+    };
+    var getEmptyCaretContainers = function (node) {
+      var nodes = [];
+      while (node) {
+        if (node.nodeType === 3 && node.nodeValue !== ZWSP$1 || node.childNodes.length > 1) {
+          return [];
+        }
+        if (node.nodeType === 1) {
+          nodes.push(node);
+        }
+        node = node.firstChild;
+      }
+      return nodes;
+    };
+    var isCaretContainerEmpty = function (node) {
+      return getEmptyCaretContainers(node).length > 0;
+    };
+    var findFirstTextNode = function (node) {
+      if (node) {
+        var walker = new DomTreeWalker(node, node);
+        for (node = walker.current(); node; node = walker.next()) {
+          if (isText$1(node)) {
+            return node;
+          }
+        }
+      }
+      return null;
+    };
+    var createCaretContainer = function (fill) {
+      var caretContainer = SugarElement.fromTag('span');
+      setAll(caretContainer, {
+        'id': CARET_ID$1,
+        'data-mce-bogus': '1',
+        'data-mce-type': 'format-caret'
+      });
+      if (fill) {
+        append(caretContainer, SugarElement.fromText(ZWSP$1));
+      }
+      return caretContainer;
+    };
+    var trimZwspFromCaretContainer = function (caretContainerNode) {
+      var textNode = findFirstTextNode(caretContainerNode);
+      if (textNode && textNode.nodeValue.charAt(0) === ZWSP$1) {
+        textNode.deleteData(0, 1);
+      }
+      return textNode;
+    };
+    var removeCaretContainerNode = function (editor, node, moveCaret) {
+      if (moveCaret === void 0) {
+        moveCaret = true;
+      }
+      var dom = editor.dom, selection = editor.selection;
+      if (isCaretContainerEmpty(node)) {
+        deleteElement(editor, false, SugarElement.fromDom(node), moveCaret);
+      } else {
+        var rng = selection.getRng();
+        var block = dom.getParent(node, dom.isBlock);
+        var startContainer = rng.startContainer;
+        var startOffset = rng.startOffset;
+        var endContainer = rng.endContainer;
+        var endOffset = rng.endOffset;
+        var textNode = trimZwspFromCaretContainer(node);
+        dom.remove(node, true);
+        if (startContainer === textNode && startOffset > 0) {
+          rng.setStart(textNode, startOffset - 1);
+        }
+        if (endContainer === textNode && endOffset > 0) {
+          rng.setEnd(textNode, endOffset - 1);
+        }
+        if (block && dom.isEmpty(block)) {
+          fillWithPaddingBr(SugarElement.fromDom(block));
+        }
+        selection.setRng(rng);
+      }
+    };
+    var removeCaretContainer = function (editor, node, moveCaret) {
+      if (moveCaret === void 0) {
+        moveCaret = true;
+      }
+      var dom = editor.dom, selection = editor.selection;
+      if (!node) {
+        node = getParentCaretContainer(editor.getBody(), selection.getStart());
+        if (!node) {
+          while (node = dom.get(CARET_ID$1)) {
+            removeCaretContainerNode(editor, node, false);
+          }
+        }
+      } else {
+        removeCaretContainerNode(editor, node, moveCaret);
+      }
+    };
+    var insertCaretContainerNode = function (editor, caretContainer, formatNode) {
+      var dom = editor.dom, block = dom.getParent(formatNode, curry(isTextBlock$1, editor));
+      if (block && dom.isEmpty(block)) {
+        formatNode.parentNode.replaceChild(caretContainer, formatNode);
+      } else {
+        removeTrailingBr(SugarElement.fromDom(formatNode));
+        if (dom.isEmpty(formatNode)) {
+          formatNode.parentNode.replaceChild(caretContainer, formatNode);
+        } else {
+          dom.insertAfter(caretContainer, formatNode);
+        }
+      }
+    };
+    var appendNode = function (parentNode, node) {
+      parentNode.appendChild(node);
+      return node;
+    };
+    var insertFormatNodesIntoCaretContainer = function (formatNodes, caretContainer) {
+      var innerMostFormatNode = foldr(formatNodes, function (parentNode, formatNode) {
+        return appendNode(parentNode, formatNode.cloneNode(false));
+      }, caretContainer);
+      return appendNode(innerMostFormatNode, innerMostFormatNode.ownerDocument.createTextNode(ZWSP$1));
+    };
+    var cleanFormatNode = function (editor, caretContainer, formatNode, name, vars, similar) {
+      var formatter = editor.formatter;
+      var dom = editor.dom;
+      var validFormats = filter(keys(formatter.get()), function (formatName) {
+        return formatName !== name && !contains$1(formatName, 'removeformat');
+      });
+      var matchedFormats = matchAllOnNode(editor, formatNode, validFormats);
+      var uniqueFormats = filter(matchedFormats, function (fmtName) {
+        return !areSimilarFormats(editor, fmtName, name);
+      });
+      if (uniqueFormats.length > 0) {
+        var clonedFormatNode = formatNode.cloneNode(false);
+        dom.add(caretContainer, clonedFormatNode);
+        formatter.remove(name, vars, clonedFormatNode, similar);
+        dom.remove(clonedFormatNode);
+        return Optional.some(clonedFormatNode);
+      } else {
+        return Optional.none();
+      }
+    };
+    var applyCaretFormat = function (editor, name, vars) {
+      var caretContainer, textNode;
+      var selection = editor.selection;
+      var selectionRng = selection.getRng();
+      var offset = selectionRng.startOffset;
+      var container = selectionRng.startContainer;
+      var text = container.nodeValue;
+      caretContainer = getParentCaretContainer(editor.getBody(), selection.getStart());
+      if (caretContainer) {
+        textNode = findFirstTextNode(caretContainer);
+      }
+      var wordcharRegex = /[^\s\u00a0\u00ad\u200b\ufeff]/;
+      if (text && offset > 0 && offset < text.length && wordcharRegex.test(text.charAt(offset)) && wordcharRegex.test(text.charAt(offset - 1))) {
+        var bookmark = selection.getBookmark();
+        selectionRng.collapse(true);
+        var rng = expandRng(editor, selectionRng, editor.formatter.get(name));
+        rng = split$1(rng);
+        editor.formatter.apply(name, vars, rng);
+        selection.moveToBookmark(bookmark);
+      } else {
+        if (!caretContainer || textNode.nodeValue !== ZWSP$1) {
+          caretContainer = importNode(editor.getDoc(), createCaretContainer(true).dom);
+          textNode = caretContainer.firstChild;
+          selectionRng.insertNode(caretContainer);
+          offset = 1;
+          editor.formatter.apply(name, vars, caretContainer);
+        } else {
+          editor.formatter.apply(name, vars, caretContainer);
+        }
+        selection.setCursorLocation(textNode, offset);
+      }
+    };
+    var removeCaretFormat = function (editor, name, vars, similar) {
+      var dom = editor.dom;
+      var selection = editor.selection;
+      var hasContentAfter, node, formatNode;
+      var parents = [];
+      var rng = selection.getRng();
+      var container = rng.startContainer;
+      var offset = rng.startOffset;
+      node = container;
+      if (container.nodeType === 3) {
+        if (offset !== container.nodeValue.length) {
+          hasContentAfter = true;
+        }
+        node = node.parentNode;
+      }
+      while (node) {
+        if (matchNode(editor, node, name, vars, similar)) {
+          formatNode = node;
+          break;
+        }
+        if (node.nextSibling) {
+          hasContentAfter = true;
+        }
+        parents.push(node);
+        node = node.parentNode;
+      }
+      if (!formatNode) {
+        return;
+      }
+      if (hasContentAfter) {
+        var bookmark = selection.getBookmark();
+        rng.collapse(true);
+        var expandedRng = expandRng(editor, rng, editor.formatter.get(name), true);
+        expandedRng = split$1(expandedRng);
+        editor.formatter.remove(name, vars, expandedRng, similar);
+        selection.moveToBookmark(bookmark);
+      } else {
+        var caretContainer = getParentCaretContainer(editor.getBody(), formatNode);
+        var newCaretContainer = createCaretContainer(false).dom;
+        insertCaretContainerNode(editor, newCaretContainer, caretContainer !== null ? caretContainer : formatNode);
+        var cleanedFormatNode = cleanFormatNode(editor, newCaretContainer, formatNode, name, vars, similar);
+        var caretTextNode = insertFormatNodesIntoCaretContainer(parents.concat(cleanedFormatNode.toArray()), newCaretContainer);
+        removeCaretContainerNode(editor, caretContainer, false);
+        selection.setCursorLocation(caretTextNode, 1);
+        if (dom.isEmpty(formatNode)) {
+          dom.remove(formatNode);
+        }
+      }
+    };
+    var disableCaretContainer = function (editor, keyCode) {
+      var selection = editor.selection, body = editor.getBody();
+      removeCaretContainer(editor, null, false);
+      if ((keyCode === 8 || keyCode === 46) && selection.isCollapsed() && selection.getStart().innerHTML === ZWSP$1) {
+        removeCaretContainer(editor, getParentCaretContainer(body, selection.getStart()));
+      }
+      if (keyCode === 37 || keyCode === 39) {
+        removeCaretContainer(editor, getParentCaretContainer(body, selection.getStart()));
+      }
+    };
+    var setup$3 = function (editor) {
+      editor.on('mouseup keydown', function (e) {
+        disableCaretContainer(editor, e.keyCode);
+      });
+    };
+    var replaceWithCaretFormat = function (targetNode, formatNodes) {
+      var caretContainer = createCaretContainer(false);
+      var innerMost = insertFormatNodesIntoCaretContainer(formatNodes, caretContainer.dom);
+      before(SugarElement.fromDom(targetNode), caretContainer);
+      remove(SugarElement.fromDom(targetNode));
+      return CaretPosition$1(innerMost, 0);
+    };
+    var isFormatElement = function (editor, element) {
+      var inlineElements = editor.schema.getTextInlineElements();
+      return inlineElements.hasOwnProperty(name(element)) && !isCaretNode(element.dom) && !isBogus(element.dom);
+    };
+    var isEmptyCaretFormatElement = function (element) {
+      return isCaretNode(element.dom) && isCaretContainerEmpty(element.dom);
+    };
+
+    var postProcessHooks = {};
+    var filter$4 = filter$2;
+    var each$8 = each$2;
+    var addPostProcessHook = function (name, hook) {
+      var hooks = postProcessHooks[name];
+      if (!hooks) {
+        postProcessHooks[name] = [];
+      }
+      postProcessHooks[name].push(hook);
+    };
+    var postProcess = function (name, editor) {
+      each$8(postProcessHooks[name], function (hook) {
+        hook(editor);
+      });
+    };
+    addPostProcessHook('pre', function (editor) {
+      var rng = editor.selection.getRng();
+      var blocks;
+      var hasPreSibling = function (pre) {
+        return isPre(pre.previousSibling) && indexOf$1(blocks, pre.previousSibling) !== -1;
+      };
+      var joinPre = function (pre1, pre2) {
+        DomQuery(pre2).remove();
+        DomQuery(pre1).append('<br><br>').append(pre2.childNodes);
+      };
+      var isPre = matchNodeNames(['pre']);
+      if (!rng.collapsed) {
+        blocks = editor.selection.getSelectedBlocks();
+        each$8(filter$4(filter$4(blocks, isPre), hasPreSibling), function (pre) {
+          joinPre(pre.previousSibling, pre);
+        });
+      }
+    });
+
+    var each$9 = Tools.each;
+    var isElementNode = function (node) {
+      return isElement$1(node) && !isBookmarkNode$1(node) && !isCaretNode(node) && !isBogus(node);
+    };
+    var findElementSibling = function (node, siblingName) {
+      var sibling;
+      for (sibling = node; sibling; sibling = sibling[siblingName]) {
+        if (isText$1(sibling) && sibling.nodeValue.length !== 0) {
+          return node;
+        }
+        if (isElement$1(sibling) && !isBookmarkNode$1(sibling)) {
+          return sibling;
+        }
+      }
+      return node;
+    };
+    var mergeSiblingsNodes = function (dom, prev, next) {
+      var sibling, tmpSibling;
+      var elementUtils = new ElementUtils(dom);
+      if (prev && next) {
+        prev = findElementSibling(prev, 'previousSibling');
+        next = findElementSibling(next, 'nextSibling');
+        if (elementUtils.compare(prev, next)) {
+          for (sibling = prev.nextSibling; sibling && sibling !== next;) {
+            tmpSibling = sibling;
+            sibling = sibling.nextSibling;
+            prev.appendChild(tmpSibling);
+          }
+          dom.remove(next);
+          Tools.each(Tools.grep(next.childNodes), function (node) {
+            prev.appendChild(node);
+          });
+          return prev;
+        }
+      }
+      return next;
+    };
+    var mergeSiblings = function (dom, format, vars, node) {
+      if (node && format.merge_siblings !== false) {
+        var newNode = mergeSiblingsNodes(dom, getNonWhiteSpaceSibling(node), node);
+        mergeSiblingsNodes(dom, newNode, getNonWhiteSpaceSibling(newNode, true));
+      }
+    };
+    var clearChildStyles = function (dom, format, node) {
+      if (format.clear_child_styles) {
+        var selector = format.links ? '*:not(a)' : '*';
+        each$9(dom.select(selector, node), function (node) {
+          if (isElementNode(node)) {
+            each$9(format.styles, function (value, name) {
+              dom.setStyle(node, name, '');
+            });
+          }
+        });
+      }
+    };
+    var processChildElements = function (node, filter, process) {
+      each$9(node.childNodes, function (node) {
+        if (isElementNode(node)) {
+          if (filter(node)) {
+            process(node);
+          }
+          if (node.hasChildNodes()) {
+            processChildElements(node, filter, process);
+          }
+        }
+      });
+    };
+    var unwrapEmptySpan = function (dom, node) {
+      if (node.nodeName === 'SPAN' && dom.getAttribs(node).length === 0) {
+        dom.remove(node, true);
+      }
+    };
+    var hasStyle = function (dom, name) {
+      return function (node) {
+        return !!(node && getStyle(dom, node, name));
+      };
+    };
+    var applyStyle = function (dom, name, value) {
+      return function (node) {
+        dom.setStyle(node, name, value);
+        if (node.getAttribute('style') === '') {
+          node.removeAttribute('style');
+        }
+        unwrapEmptySpan(dom, node);
+      };
+    };
+
+    var removeResult = Adt.generate([
+      { keep: [] },
+      { rename: ['name'] },
+      { removed: [] }
+    ]);
+    var MCE_ATTR_RE = /^(src|href|style)$/;
+    var each$a = Tools.each;
+    var isEq$3 = isEq;
+    var isTableCellOrRow = function (node) {
+      return /^(TR|TH|TD)$/.test(node.nodeName);
+    };
+    var isChildOfInlineParent = function (dom, node, parent) {
+      return dom.isChildOf(node, parent) && node !== parent && !dom.isBlock(parent);
+    };
+    var getContainer = function (ed, rng, start) {
+      var container, offset;
+      container = rng[start ? 'startContainer' : 'endContainer'];
+      offset = rng[start ? 'startOffset' : 'endOffset'];
+      if (isElement$1(container)) {
+        var lastIdx = container.childNodes.length - 1;
+        if (!start && offset) {
+          offset--;
+        }
+        container = container.childNodes[offset > lastIdx ? lastIdx : offset];
+      }
+      if (isText$1(container) && start && offset >= container.nodeValue.length) {
+        container = new DomTreeWalker(container, ed.getBody()).next() || container;
+      }
+      if (isText$1(container) && !start && offset === 0) {
+        container = new DomTreeWalker(container, ed.getBody()).prev() || container;
+      }
+      return container;
+    };
+    var normalizeTableSelection = function (node, start) {
+      var prop = start ? 'firstChild' : 'lastChild';
+      if (isTableCellOrRow(node) && node[prop]) {
+        var childNode = node[prop];
+        if (node.nodeName === 'TR') {
+          return childNode[prop] || childNode;
+        } else {
+          return childNode;
+        }
+      }
+      return node;
+    };
+    var wrap$2 = function (dom, node, name, attrs) {
+      var wrapper = dom.create(name, attrs);
+      node.parentNode.insertBefore(wrapper, node);
+      wrapper.appendChild(node);
+      return wrapper;
+    };
+    var wrapWithSiblings = function (dom, node, next, name, attrs) {
+      var start = SugarElement.fromDom(node);
+      var wrapper = SugarElement.fromDom(dom.create(name, attrs));
+      var siblings = next ? nextSiblings(start) : prevSiblings(start);
+      append$1(wrapper, siblings);
+      if (next) {
+        before(start, wrapper);
+        prepend(wrapper, start);
+      } else {
+        after(start, wrapper);
+        append(wrapper, start);
+      }
+      return wrapper.dom;
+    };
+    var matchName$1 = function (dom, node, format) {
+      if (isEq$3(node, format.inline)) {
+        return true;
+      }
+      if (isEq$3(node, format.block)) {
+        return true;
+      }
+      if (format.selector) {
+        return isElement$1(node) && dom.is(node, format.selector);
+      }
+    };
+    var isColorFormatAndAnchor = function (node, format) {
+      return format.links && node.nodeName === 'A';
+    };
+    var find$3 = function (dom, node, next, inc) {
+      node = getNonWhiteSpaceSibling(node, next, inc);
+      return !node || (node.nodeName === 'BR' || dom.isBlock(node));
+    };
+    var removeNode$1 = function (ed, node, format) {
+      var parentNode = node.parentNode;
+      var rootBlockElm;
+      var dom = ed.dom, forcedRootBlock = getForcedRootBlock(ed);
+      if (format.block) {
+        if (!forcedRootBlock) {
+          if (dom.isBlock(node) && !dom.isBlock(parentNode)) {
+            if (!find$3(dom, node, false) && !find$3(dom, node.firstChild, true, true)) {
+              node.insertBefore(dom.create('br'), node.firstChild);
+            }
+            if (!find$3(dom, node, true) && !find$3(dom, node.lastChild, false, true)) {
+              node.appendChild(dom.create('br'));
+            }
+          }
+        } else {
+          if (parentNode === dom.getRoot()) {
+            if (!format.list_block || !isEq$3(node, format.list_block)) {
+              each(from$1(node.childNodes), function (node) {
+                if (isValid(ed, forcedRootBlock, node.nodeName.toLowerCase())) {
+                  if (!rootBlockElm) {
+                    rootBlockElm = wrap$2(dom, node, forcedRootBlock);
+                    dom.setAttribs(rootBlockElm, ed.settings.forced_root_block_attrs);
+                  } else {
+                    rootBlockElm.appendChild(node);
+                  }
+                } else {
+                  rootBlockElm = 0;
+                }
+              });
+            }
+          }
+        }
+      }
+      if (format.selector && format.inline && !isEq$3(format.inline, node)) {
+        return;
+      }
+      dom.remove(node, true);
+    };
+    var removeFormatInternal = function (ed, format, vars, node, compareNode) {
+      var stylesModified;
+      var dom = ed.dom;
+      if (!matchName$1(dom, node, format) && !isColorFormatAndAnchor(node, format)) {
+        return removeResult.keep();
+      }
+      var elm = node;
+      if (format.inline && format.remove === 'all' && isArray(format.preserve_attributes)) {
+        var attrsToPreserve = filter(dom.getAttribs(elm), function (attr) {
+          return contains(format.preserve_attributes, attr.name.toLowerCase());
+        });
+        dom.removeAllAttribs(elm);
+        each(attrsToPreserve, function (attr) {
+          return dom.setAttrib(elm, attr.name, attr.value);
+        });
+        if (attrsToPreserve.length > 0) {
+          return removeResult.rename('span');
+        }
+      }
+      if (format.remove !== 'all') {
+        each$a(format.styles, function (value, name) {
+          value = normalizeStyleValue(dom, replaceVars(value, vars), name + '');
+          if (isNumber(name)) {
+            name = value;
+            compareNode = null;
+          }
+          if (format.remove_similar || (!compareNode || isEq$3(getStyle(dom, compareNode, name), value))) {
+            dom.setStyle(elm, name, '');
+          }
+          stylesModified = true;
+        });
+        if (stylesModified && dom.getAttrib(elm, 'style') === '') {
+          elm.removeAttribute('style');
+          elm.removeAttribute('data-mce-style');
+        }
+        each$a(format.attributes, function (value, name) {
+          var valueOut;
+          value = replaceVars(value, vars);
+          if (isNumber(name)) {
+            name = value;
+            compareNode = null;
+          }
+          if (format.remove_similar || (!compareNode || isEq$3(dom.getAttrib(compareNode, name), value))) {
+            if (name === 'class') {
+              value = dom.getAttrib(elm, name);
+              if (value) {
+                valueOut = '';
+                each(value.split(/\s+/), function (cls) {
+                  if (/mce\-\w+/.test(cls)) {
+                    valueOut += (valueOut ? ' ' : '') + cls;
+                  }
+                });
+                if (valueOut) {
+                  dom.setAttrib(elm, name, valueOut);
+                  return;
+                }
+              }
+            }
+            if (name === 'class') {
+              elm.removeAttribute('className');
+            }
+            if (MCE_ATTR_RE.test(name)) {
+              elm.removeAttribute('data-mce-' + name);
+            }
+            elm.removeAttribute(name);
+          }
+        });
+        each$a(format.classes, function (value) {
+          value = replaceVars(value, vars);
+          if (!compareNode || dom.hasClass(compareNode, value)) {
+            dom.removeClass(elm, value);
+          }
+        });
+        var attrs = dom.getAttribs(elm);
+        for (var i = 0; i < attrs.length; i++) {
+          var attrName = attrs[i].nodeName;
+          if (attrName.indexOf('_') !== 0 && attrName.indexOf('data-') !== 0) {
+            return removeResult.keep();
+          }
+        }
+      }
+      if (format.remove !== 'none') {
+        removeNode$1(ed, elm, format);
+        return removeResult.removed();
+      }
+      return removeResult.keep();
+    };
+    var removeFormat = function (ed, format, vars, node, compareNode) {
+      return removeFormatInternal(ed, format, vars, node, compareNode).fold(never, function (newName) {
+        ed.dom.rename(node, newName);
+        return true;
+      }, always);
+    };
+    var findFormatRoot = function (editor, container, name, vars, similar) {
+      var formatRoot;
+      each(getParents$1(editor.dom, container.parentNode).reverse(), function (parent) {
+        if (!formatRoot && parent.id !== '_start' && parent.id !== '_end') {
+          var format = matchNode(editor, parent, name, vars, similar);
+          if (format && format.split !== false) {
+            formatRoot = parent;
+          }
+        }
+      });
+      return formatRoot;
+    };
+    var removeFormatFromClone = function (editor, format, vars, clone) {
+      return removeFormatInternal(editor, format, vars, clone, clone).fold(constant(clone), function (newName) {
+        var fragment = editor.dom.createFragment();
+        fragment.appendChild(clone);
+        return editor.dom.rename(clone, newName);
+      }, constant(null));
+    };
+    var wrapAndSplit = function (editor, formatList, formatRoot, container, target, split, format, vars) {
+      var clone, lastClone, firstClone;
+      var dom = editor.dom;
+      if (formatRoot) {
+        var formatRootParent = formatRoot.parentNode;
+        for (var parent_1 = container.parentNode; parent_1 && parent_1 !== formatRootParent; parent_1 = parent_1.parentNode) {
+          clone = dom.clone(parent_1, false);
+          for (var i = 0; i < formatList.length; i++) {
+            clone = removeFormatFromClone(editor, formatList[i], vars, clone);
+            if (clone === null) {
+              break;
+            }
+          }
+          if (clone) {
+            if (lastClone) {
+              clone.appendChild(lastClone);
+            }
+            if (!firstClone) {
+              firstClone = clone;
+            }
+            lastClone = clone;
+          }
+        }
+        if (split && (!format.mixed || !dom.isBlock(formatRoot))) {
+          container = dom.split(formatRoot, container);
+        }
+        if (lastClone) {
+          target.parentNode.insertBefore(lastClone, target);
+          firstClone.appendChild(target);
+          if (format.inline) {
+            mergeSiblings(dom, format, vars, lastClone);
+          }
+        }
+      }
+      return container;
+    };
+    var remove$6 = function (ed, name, vars, node, similar) {
+      var formatList = ed.formatter.get(name);
+      var format = formatList[0];
+      var contentEditable = true;
+      var dom = ed.dom;
+      var selection = ed.selection;
+      var splitToFormatRoot = function (container) {
+        var formatRoot = findFormatRoot(ed, container, name, vars, similar);
+        return wrapAndSplit(ed, formatList, formatRoot, container, container, true, format, vars);
+      };
+      var isRemoveBookmarkNode = function (node) {
+        return isBookmarkNode$1(node) && isElement$1(node) && (node.id === '_start' || node.id === '_end');
+      };
+      var process = function (node) {
+        var lastContentEditable, hasContentEditableState;
+        if (isElement$1(node) && dom.getContentEditable(node)) {
+          lastContentEditable = contentEditable;
+          contentEditable = dom.getContentEditable(node) === 'true';
+          hasContentEditableState = true;
+        }
+        var children = from$1(node.childNodes);
+        if (contentEditable && !hasContentEditableState) {
+          for (var i = 0; i < formatList.length; i++) {
+            if (removeFormat(ed, formatList[i], vars, node, node)) {
+              break;
+            }
+          }
+        }
+        if (format.deep) {
+          if (children.length) {
+            for (var i = 0; i < children.length; i++) {
+              process(children[i]);
+            }
+            if (hasContentEditableState) {
+              contentEditable = lastContentEditable;
+            }
+          }
+        }
+      };
+      var unwrap = function (start) {
+        var node = dom.get(start ? '_start' : '_end');
+        var out = node[start ? 'firstChild' : 'lastChild'];
+        if (isRemoveBookmarkNode(out)) {
+          out = out[start ? 'firstChild' : 'lastChild'];
+        }
+        if (isText$1(out) && out.data.length === 0) {
+          out = start ? node.previousSibling || node.nextSibling : node.nextSibling || node.previousSibling;
+        }
+        dom.remove(node, true);
+        return out;
+      };
+      var removeRngStyle = function (rng) {
+        var startContainer, endContainer;
+        var expandedRng = expandRng(ed, rng, formatList, rng.collapsed);
+        if (format.split) {
+          expandedRng = split$1(expandedRng);
+          startContainer = getContainer(ed, expandedRng, true);
+          endContainer = getContainer(ed, expandedRng);
+          if (startContainer !== endContainer) {
+            startContainer = normalizeTableSelection(startContainer, true);
+            endContainer = normalizeTableSelection(endContainer, false);
+            if (isChildOfInlineParent(dom, startContainer, endContainer)) {
+              var marker = Optional.from(startContainer.firstChild).getOr(startContainer);
+              splitToFormatRoot(wrapWithSiblings(dom, marker, true, 'span', {
+                'id': '_start',
+                'data-mce-type': 'bookmark'
+              }));
+              unwrap(true);
+              return;
+            }
+            if (isChildOfInlineParent(dom, endContainer, startContainer)) {
+              var marker = Optional.from(endContainer.lastChild).getOr(endContainer);
+              splitToFormatRoot(wrapWithSiblings(dom, marker, false, 'span', {
+                'id': '_end',
+                'data-mce-type': 'bookmark'
+              }));
+              unwrap(false);
+              return;
+            }
+            startContainer = wrap$2(dom, startContainer, 'span', {
+              'id': '_start',
+              'data-mce-type': 'bookmark'
+            });
+            endContainer = wrap$2(dom, endContainer, 'span', {
+              'id': '_end',
+              'data-mce-type': 'bookmark'
+            });
+            var newRng = dom.createRng();
+            newRng.setStartAfter(startContainer);
+            newRng.setEndBefore(endContainer);
+            walk$1(dom, newRng, function (nodes) {
+              each(nodes, function (n) {
+                if (!isBookmarkNode$1(n) && !isBookmarkNode$1(n.parentNode)) {
+                  splitToFormatRoot(n);
+                }
+              });
+            });
+            splitToFormatRoot(startContainer);
+            splitToFormatRoot(endContainer);
+            startContainer = unwrap(true);
+            endContainer = unwrap();
+          } else {
+            startContainer = endContainer = splitToFormatRoot(startContainer);
+          }
+          expandedRng.startContainer = startContainer.parentNode ? startContainer.parentNode : startContainer;
+          expandedRng.startOffset = dom.nodeIndex(startContainer);
+          expandedRng.endContainer = endContainer.parentNode ? endContainer.parentNode : endContainer;
+          expandedRng.endOffset = dom.nodeIndex(endContainer) + 1;
+        }
+        walk$1(dom, expandedRng, function (nodes) {
+          each(nodes, function (node) {
+            process(node);
+            var textDecorations = [
+              'underline',
+              'line-through',
+              'overline'
+            ];
+            each(textDecorations, function (decoration) {
+              if (isElement$1(node) && ed.dom.getStyle(node, 'text-decoration') === decoration && node.parentNode && getTextDecoration(dom, node.parentNode) === decoration) {
+                removeFormat(ed, {
+                  deep: false,
+                  exact: true,
+                  inline: 'span',
+                  styles: { textDecoration: decoration }
+                }, null, node);
+              }
+            });
+          });
+        });
+      };
+      if (node) {
+        if (isNode(node)) {
+          var rng = dom.createRng();
+          rng.setStartBefore(node);
+          rng.setEndAfter(node);
+          removeRngStyle(rng);
+        } else {
+          removeRngStyle(node);
+        }
+        return;
+      }
+      if (dom.getContentEditable(selection.getNode()) === 'false') {
+        node = selection.getNode();
+        for (var i = 0; i < formatList.length; i++) {
+          if (formatList[i].ceFalseOverride) {
+            if (removeFormat(ed, formatList[i], vars, node, node)) {
+              break;
+            }
+          }
+        }
+        return;
+      }
+      if (!selection.isCollapsed() || !format.inline || getCellsFromEditor(ed).length) {
+        preserve(selection, true, function () {
+          runOnRanges(ed, removeRngStyle);
+        });
+        if (format.inline && match(ed, name, vars, selection.getStart())) {
+          moveStart(dom, selection, selection.getRng());
+        }
+        ed.nodeChanged();
+      } else {
+        removeCaretFormat(ed, name, vars, similar);
+      }
+    };
+
+    var each$b = Tools.each;
+    var mergeTextDecorationsAndColor = function (dom, format, vars, node) {
+      var processTextDecorationsAndColor = function (n) {
+        if (n.nodeType === 1 && n.parentNode && n.parentNode.nodeType === 1) {
+          var textDecoration = getTextDecoration(dom, n.parentNode);
+          if (dom.getStyle(n, 'color') && textDecoration) {
+            dom.setStyle(n, 'text-decoration', textDecoration);
+          } else if (dom.getStyle(n, 'text-decoration') === textDecoration) {
+            dom.setStyle(n, 'text-decoration', null);
+          }
+        }
+      };
+      if (format.styles && (format.styles.color || format.styles.textDecoration)) {
+        Tools.walk(node, processTextDecorationsAndColor, 'childNodes');
+        processTextDecorationsAndColor(node);
+      }
+    };
+    var mergeBackgroundColorAndFontSize = function (dom, format, vars, node) {
+      if (format.styles && format.styles.backgroundColor) {
+        processChildElements(node, hasStyle(dom, 'fontSize'), applyStyle(dom, 'backgroundColor', replaceVars(format.styles.backgroundColor, vars)));
+      }
+    };
+    var mergeSubSup = function (dom, format, vars, node) {
+      if (format.inline === 'sub' || format.inline === 'sup') {
+        processChildElements(node, hasStyle(dom, 'fontSize'), applyStyle(dom, 'fontSize', ''));
+        dom.remove(dom.select(format.inline === 'sup' ? 'sub' : 'sup', node), true);
+      }
+    };
+    var mergeWithChildren = function (editor, formatList, vars, node) {
+      each$b(formatList, function (format) {
+        each$b(editor.dom.select(format.inline, node), function (child) {
+          if (!isElementNode(child)) {
+            return;
+          }
+          removeFormat(editor, format, vars, child, format.exact ? child : null);
+        });
+        clearChildStyles(editor.dom, format, node);
+      });
+    };
+    var mergeWithParents = function (editor, format, name, vars, node) {
+      if (matchNode(editor, node.parentNode, name, vars)) {
+        if (removeFormat(editor, format, vars, node)) {
+          return;
+        }
+      }
+      if (format.merge_with_parents) {
+        editor.dom.getParent(node.parentNode, function (parent) {
+          if (matchNode(editor, parent, name, vars)) {
+            removeFormat(editor, format, vars, node);
+            return true;
+          }
+        });
+      }
+    };
+
+    var each$c = Tools.each;
+    var hasFormatProperty = function (format, prop) {
+      return hasNonNullableKey(format, prop);
+    };
+    var isElementNode$1 = function (node) {
+      return node && node.nodeType === 1 && !isBookmarkNode$1(node) && !isCaretNode(node) && !isBogus(node);
+    };
+    var canFormatBR = function (editor, format, node, parentName) {
+      if (canFormatEmptyLines(editor) && isInlineFormat(format)) {
+        var validBRParentElements = __assign(__assign({}, editor.schema.getTextBlockElements()), {
+          td: {},
+          th: {},
+          li: {},
+          dt: {},
+          dd: {},
+          figcaption: {},
+          caption: {},
+          details: {},
+          summary: {}
+        });
+        var hasCaretNodeSibling = sibling$2(SugarElement.fromDom(node), function (sibling) {
+          return isCaretNode(sibling.dom);
+        });
+        return hasNonNullableKey(validBRParentElements, parentName) && isEmpty(SugarElement.fromDom(node.parentNode), false) && !hasCaretNodeSibling;
+      } else {
+        return false;
+      }
+    };
+    var applyFormat = function (ed, name, vars, node) {
+      var formatList = ed.formatter.get(name);
+      var format = formatList[0];
+      var isCollapsed = !node && ed.selection.isCollapsed();
+      var dom = ed.dom;
+      var selection = ed.selection;
+      var setElementFormat = function (elm, fmt) {
+        fmt = fmt || format;
+        if (elm) {
+          if (fmt.onformat) {
+            fmt.onformat(elm, fmt, vars, node);
+          }
+          each$c(fmt.styles, function (value, name) {
+            dom.setStyle(elm, name, replaceVars(value, vars));
+          });
+          if (fmt.styles) {
+            var styleVal = dom.getAttrib(elm, 'style');
+            if (styleVal) {
+              dom.setAttrib(elm, 'data-mce-style', styleVal);
+            }
+          }
+          each$c(fmt.attributes, function (value, name) {
+            dom.setAttrib(elm, name, replaceVars(value, vars));
+          });
+          each$c(fmt.classes, function (value) {
+            value = replaceVars(value, vars);
+            if (!dom.hasClass(elm, value)) {
+              dom.addClass(elm, value);
+            }
+          });
+        }
+      };
+      var applyNodeStyle = function (formatList, node) {
+        var found = false;
+        if (!isSelectorFormat(format)) {
+          return false;
+        }
+        each$c(formatList, function (format) {
+          if ('collapsed' in format && format.collapsed !== isCollapsed) {
+            return;
+          }
+          if (dom.is(node, format.selector) && !isCaretNode(node)) {
+            setElementFormat(node, format);
+            found = true;
+            return false;
+          }
+        });
+        return found;
+      };
+      var applyRngStyle = function (dom, rng, bookmark, nodeSpecific) {
+        var newWrappers = [];
+        var contentEditable = true;
+        var wrapName = format.inline || format.block;
+        var wrapElm = dom.create(wrapName);
+        setElementFormat(wrapElm);
+        walk$1(dom, rng, function (nodes) {
+          var currentWrapElm;
+          var process = function (node) {
+            var hasContentEditableState = false;
+            var lastContentEditable = contentEditable;
+            var nodeName = node.nodeName.toLowerCase();
+            var parentName = node.parentNode.nodeName.toLowerCase();
+            if (isElement$1(node) && dom.getContentEditable(node)) {
+              lastContentEditable = contentEditable;
+              contentEditable = dom.getContentEditable(node) === 'true';
+              hasContentEditableState = true;
+            }
+            if (isBr(node) && !canFormatBR(ed, format, node, parentName)) {
+              currentWrapElm = null;
+              if (isBlockFormat(format)) {
+                dom.remove(node);
+              }
+              return;
+            }
+            if (format.wrapper && matchNode(ed, node, name, vars)) {
+              currentWrapElm = null;
+              return;
+            }
+            if (contentEditable && !hasContentEditableState && isBlockFormat(format) && !format.wrapper && isTextBlock$1(ed, nodeName) && isValid(ed, parentName, wrapName)) {
+              var elm = dom.rename(node, wrapName);
+              setElementFormat(elm);
+              newWrappers.push(elm);
+              currentWrapElm = null;
+              return;
+            }
+            if (isSelectorFormat(format)) {
+              var found = applyNodeStyle(formatList, node);
+              if (!hasFormatProperty(format, 'inline') || found) {
+                currentWrapElm = null;
+                return;
+              }
+            }
+            if (contentEditable && !hasContentEditableState && isValid(ed, wrapName, nodeName) && isValid(ed, parentName, wrapName) && !(!nodeSpecific && node.nodeType === 3 && node.nodeValue.length === 1 && node.nodeValue.charCodeAt(0) === 65279) && !isCaretNode(node) && (!hasFormatProperty(format, 'inline') || !dom.isBlock(node))) {
+              if (!currentWrapElm) {
+                currentWrapElm = dom.clone(wrapElm, false);
+                node.parentNode.insertBefore(currentWrapElm, node);
+                newWrappers.push(currentWrapElm);
+              }
+              currentWrapElm.appendChild(node);
+            } else {
+              currentWrapElm = null;
+              each$c(Tools.grep(node.childNodes), process);
+              if (hasContentEditableState) {
+                contentEditable = lastContentEditable;
+              }
+              currentWrapElm = null;
+            }
+          };
+          each$c(nodes, process);
+        });
+        if (format.links === true) {
+          each$c(newWrappers, function (node) {
+            var process = function (node) {
+              if (node.nodeName === 'A') {
+                setElementFormat(node, format);
+              }
+              each$c(Tools.grep(node.childNodes), process);
+            };
+            process(node);
+          });
+        }
+        each$c(newWrappers, function (node) {
+          var getChildCount = function (node) {
+            var count = 0;
+            each$c(node.childNodes, function (node) {
+              if (!isEmptyTextNode(node) && !isBookmarkNode$1(node)) {
+                count++;
+              }
+            });
+            return count;
+          };
+          var getChildElementNode = function (root) {
+            var child = false;
+            each$c(root.childNodes, function (node) {
+              if (isElementNode$1(node)) {
+                child = node;
+                return false;
+              }
+            });
+            return child;
+          };
+          var mergeStyles = function (node) {
+            var clone;
+            var child = getChildElementNode(node);
+            if (child && !isBookmarkNode$1(child) && matchName(dom, child, format)) {
+              clone = dom.clone(child, false);
+              setElementFormat(clone);
+              dom.replace(clone, node, true);
+              dom.remove(child, true);
+            }
+            return clone || node;
+          };
+          var childCount = getChildCount(node);
+          if ((newWrappers.length > 1 || !dom.isBlock(node)) && childCount === 0) {
+            dom.remove(node, true);
+            return;
+          }
+          if (isInlineFormat(format) || format.wrapper) {
+            if (!format.exact && childCount === 1) {
+              node = mergeStyles(node);
+            }
+            mergeWithChildren(ed, formatList, vars, node);
+            mergeWithParents(ed, format, name, vars, node);
+            mergeBackgroundColorAndFontSize(dom, format, vars, node);
+            mergeTextDecorationsAndColor(dom, format, vars, node);
+            mergeSubSup(dom, format, vars, node);
+            mergeSiblings(dom, format, vars, node);
+          }
+        });
+      };
+      if (dom.getContentEditable(selection.getNode()) === 'false') {
+        node = selection.getNode();
+        for (var i = 0, l = formatList.length; i < l; i++) {
+          var formatItem = formatList[i];
+          if (formatItem.ceFalseOverride && isSelectorFormat(formatItem) && dom.is(node, formatItem.selector)) {
+            setElementFormat(node, formatItem);
+            return;
+          }
+        }
+        return;
+      }
+      if (format) {
+        if (node) {
+          if (isNode(node)) {
+            if (!applyNodeStyle(formatList, node)) {
+              var rng = dom.createRng();
+              rng.setStartBefore(node);
+              rng.setEndAfter(node);
+              applyRngStyle(dom, expandRng(ed, rng, formatList), null, true);
+            }
+          } else {
+            applyRngStyle(dom, node, null, true);
+          }
+        } else {
+          if (!isCollapsed || !isInlineFormat(format) || getCellsFromEditor(ed).length) {
+            var curSelNode = selection.getNode();
+            var firstFormat = formatList[0];
+            if (!ed.settings.forced_root_block && firstFormat.defaultBlock && !dom.getParent(curSelNode, dom.isBlock)) {
+              applyFormat(ed, firstFormat.defaultBlock);
+            }
+            selection.setRng(normalize$2(selection.getRng()));
+            preserve(selection, true, function (bookmark) {
+              runOnRanges(ed, function (selectionRng, fake) {
+                var expandedRng = fake ? selectionRng : expandRng(ed, selectionRng, formatList);
+                applyRngStyle(dom, expandedRng);
+              });
+            });
+            moveStart(dom, selection, selection.getRng());
+            ed.nodeChanged();
+          } else {
+            applyCaretFormat(ed, name, vars);
+          }
+        }
+        postProcess(name, ed);
+      }
+    };
+
+    var setup$4 = function (registeredFormatListeners, editor) {
+      var currentFormats = Cell({});
+      registeredFormatListeners.set({});
+      editor.on('NodeChange', function (e) {
+        updateAndFireChangeCallbacks(editor, e.element, currentFormats, registeredFormatListeners.get());
+      });
+    };
+    var updateAndFireChangeCallbacks = function (editor, elm, currentFormats, formatChangeData) {
+      var formatsList = keys(currentFormats.get());
+      var newFormats = {};
+      var matchedFormats = {};
+      var parents = filter(getParents$1(editor.dom, elm), function (node) {
+        return node.nodeType === 1 && !node.getAttribute('data-mce-bogus');
+      });
+      each$1(formatChangeData, function (data, format) {
+        Tools.each(parents, function (node) {
+          if (editor.formatter.matchNode(node, format, {}, data.similar)) {
+            if (formatsList.indexOf(format) === -1) {
+              each(data.callbacks, function (callback) {
+                callback(true, {
+                  node: node,
+                  format: format,
+                  parents: parents
+                });
+              });
+              newFormats[format] = data.callbacks;
+            }
+            matchedFormats[format] = data.callbacks;
+            return false;
+          }
+          if (matchesUnInheritedFormatSelector(editor, node, format)) {
+            return false;
+          }
+        });
+      });
+      var remainingFormats = filterRemainingFormats(currentFormats.get(), matchedFormats, elm, parents);
+      currentFormats.set(__assign(__assign({}, newFormats), remainingFormats));
+    };
+    var filterRemainingFormats = function (currentFormats, matchedFormats, elm, parents) {
+      return bifilter(currentFormats, function (callbacks, format) {
+        if (!has(matchedFormats, format)) {
+          each(callbacks, function (callback) {
+            callback(false, {
+              node: elm,
+              format: format,
+              parents: parents
+            });
+          });
+          return false;
+        } else {
+          return true;
+        }
+      }).t;
+    };
+    var addListeners = function (registeredFormatListeners, formats, callback, similar) {
+      var formatChangeItems = registeredFormatListeners.get();
+      each(formats.split(','), function (format) {
+        if (!formatChangeItems[format]) {
+          formatChangeItems[format] = {
+            similar: similar,
+            callbacks: []
+          };
+        }
+        formatChangeItems[format].callbacks.push(callback);
+      });
+      registeredFormatListeners.set(formatChangeItems);
+    };
+    var removeListeners = function (registeredFormatListeners, formats, callback) {
+      var formatChangeItems = registeredFormatListeners.get();
+      each(formats.split(','), function (format) {
+        formatChangeItems[format].callbacks = filter(formatChangeItems[format].callbacks, function (c) {
+          return c !== callback;
+        });
+        if (formatChangeItems[format].callbacks.length === 0) {
+          delete formatChangeItems[format];
+        }
+      });
+      registeredFormatListeners.set(formatChangeItems);
+    };
+    var formatChangedInternal = function (editor, registeredFormatListeners, formats, callback, similar) {
+      if (registeredFormatListeners.get() === null) {
+        setup$4(registeredFormatListeners, editor);
+      }
+      addListeners(registeredFormatListeners, formats, callback, similar);
+      return {
+        unbind: function () {
+          return removeListeners(registeredFormatListeners, formats, callback);
+        }
+      };
+    };
+
+    var toggle = function (editor, name, vars, node) {
+      var fmt = editor.formatter.get(name);
+      if (match(editor, name, vars, node) && (!('toggle' in fmt[0]) || fmt[0].toggle)) {
+        remove$6(editor, name, vars, node);
+      } else {
+        applyFormat(editor, name, vars, node);
+      }
+    };
+
+    var fromElements = function (elements, scope) {
+      var doc = scope || document;
+      var fragment = doc.createDocumentFragment();
+      each(elements, function (element) {
+        fragment.appendChild(element.dom);
+      });
+      return SugarElement.fromDom(fragment);
+    };
+
+    var tableModel = function (element, width, rows) {
+      return {
+        element: element,
+        width: width,
+        rows: rows
+      };
+    };
+    var tableRow = function (element, cells) {
+      return {
+        element: element,
+        cells: cells
+      };
+    };
+    var cellPosition = function (x, y) {
+      return {
+        x: x,
+        y: y
+      };
+    };
+    var getSpan = function (td, key) {
+      var value = parseInt(get$4(td, key), 10);
+      return isNaN(value) ? 1 : value;
+    };
+    var fillout = function (table, x, y, tr, td) {
+      var rowspan = getSpan(td, 'rowspan');
+      var colspan = getSpan(td, 'colspan');
+      var rows = table.rows;
+      for (var y2 = y; y2 < y + rowspan; y2++) {
+        if (!rows[y2]) {
+          rows[y2] = tableRow(deep(tr), []);
+        }
+        for (var x2 = x; x2 < x + colspan; x2++) {
+          var cells = rows[y2].cells;
+          cells[x2] = y2 === y && x2 === x ? td : shallow(td);
+        }
+      }
+    };
+    var cellExists = function (table, x, y) {
+      var rows = table.rows;
+      var cells = rows[y] ? rows[y].cells : [];
+      return !!cells[x];
+    };
+    var skipCellsX = function (table, x, y) {
+      while (cellExists(table, x, y)) {
+        x++;
+      }
+      return x;
+    };
+    var getWidth = function (rows) {
+      return foldl(rows, function (acc, row) {
+        return row.cells.length > acc ? row.cells.length : acc;
+      }, 0);
+    };
+    var findElementPos = function (table, element) {
+      var rows = table.rows;
+      for (var y = 0; y < rows.length; y++) {
+        var cells = rows[y].cells;
+        for (var x = 0; x < cells.length; x++) {
+          if (eq$2(cells[x], element)) {
+            return Optional.some(cellPosition(x, y));
+          }
+        }
+      }
+      return Optional.none();
+    };
+    var extractRows = function (table, sx, sy, ex, ey) {
+      var newRows = [];
+      var rows = table.rows;
+      for (var y = sy; y <= ey; y++) {
+        var cells = rows[y].cells;
+        var slice = sx < ex ? cells.slice(sx, ex + 1) : cells.slice(ex, sx + 1);
+        newRows.push(tableRow(rows[y].element, slice));
+      }
+      return newRows;
+    };
+    var subTable = function (table, startPos, endPos) {
+      var sx = startPos.x, sy = startPos.y;
+      var ex = endPos.x, ey = endPos.y;
+      var newRows = sy < ey ? extractRows(table, sx, sy, ex, ey) : extractRows(table, sx, ey, ex, sy);
+      return tableModel(table.element, getWidth(newRows), newRows);
+    };
+    var createDomTable = function (table, rows) {
+      var tableElement = shallow(table.element);
+      var tableBody = SugarElement.fromTag('tbody');
+      append$1(tableBody, rows);
+      append(tableElement, tableBody);
+      return tableElement;
+    };
+    var modelRowsToDomRows = function (table) {
+      return map(table.rows, function (row) {
+        var cells = map(row.cells, function (cell) {
+          var td = deep(cell);
+          remove$1(td, 'colspan');
+          remove$1(td, 'rowspan');
+          return td;
+        });
+        var tr = shallow(row.element);
+        append$1(tr, cells);
+        return tr;
+      });
+    };
+    var fromDom$1 = function (tableElm) {
+      var table = tableModel(shallow(tableElm), 0, []);
+      each(descendants$1(tableElm, 'tr'), function (tr, y) {
+        each(descendants$1(tr, 'td,th'), function (td, x) {
+          fillout(table, skipCellsX(table, x, y), y, tr, td);
+        });
+      });
+      return tableModel(table.element, getWidth(table.rows), table.rows);
+    };
+    var toDom = function (table) {
+      return createDomTable(table, modelRowsToDomRows(table));
+    };
+    var subsection = function (table, startElement, endElement) {
+      return findElementPos(table, startElement).bind(function (startPos) {
+        return findElementPos(table, endElement).map(function (endPos) {
+          return subTable(table, startPos, endPos);
+        });
+      });
+    };
+
+    var findParentListContainer = function (parents) {
+      return find(parents, function (elm) {
+        return name(elm) === 'ul' || name(elm) === 'ol';
+      });
+    };
+    var getFullySelectedListWrappers = function (parents, rng) {
+      return find(parents, function (elm) {
+        return name(elm) === 'li' && hasAllContentsSelected(elm, rng);
+      }).fold(constant([]), function (_li) {
+        return findParentListContainer(parents).map(function (listCont) {
+          var listElm = SugarElement.fromTag(name(listCont));
+          var listStyles = filter$1(getAllRaw(listCont), function (_style, name) {
+            return startsWith(name, 'list-style');
+          });
+          setAll$1(listElm, listStyles);
+          return [
+            SugarElement.fromTag('li'),
+            listElm
+          ];
+        }).getOr([]);
+      });
+    };
+    var wrap$3 = function (innerElm, elms) {
+      var wrapped = foldl(elms, function (acc, elm) {
+        append(elm, acc);
+        return elm;
+      }, innerElm);
+      return elms.length > 0 ? fromElements([wrapped]) : wrapped;
+    };
+    var directListWrappers = function (commonAnchorContainer) {
+      if (isListItem(commonAnchorContainer)) {
+        return parent(commonAnchorContainer).filter(isList).fold(constant([]), function (listElm) {
+          return [
+            commonAnchorContainer,
+            listElm
+          ];
+        });
+      } else {
+        return isList(commonAnchorContainer) ? [commonAnchorContainer] : [];
+      }
+    };
+    var getWrapElements = function (rootNode, rng) {
+      var commonAnchorContainer = SugarElement.fromDom(rng.commonAncestorContainer);
+      var parents = parentsAndSelf(commonAnchorContainer, rootNode);
+      var wrapElements = filter(parents, function (elm) {
+        return isInline(elm) || isHeading(elm);
+      });
+      var listWrappers = getFullySelectedListWrappers(parents, rng);
+      var allWrappers = wrapElements.concat(listWrappers.length ? listWrappers : directListWrappers(commonAnchorContainer));
+      return map(allWrappers, shallow);
+    };
+    var emptyFragment = function () {
+      return fromElements([]);
+    };
+    var getFragmentFromRange = function (rootNode, rng) {
+      return wrap$3(SugarElement.fromDom(rng.cloneContents()), getWrapElements(rootNode, rng));
+    };
+    var getParentTable = function (rootElm, cell) {
+      return ancestor$1(cell, 'table', curry(eq$2, rootElm));
+    };
+    var getTableFragment = function (rootNode, selectedTableCells) {
+      return getParentTable(rootNode, selectedTableCells[0]).bind(function (tableElm) {
+        var firstCell = selectedTableCells[0];
+        var lastCell = selectedTableCells[selectedTableCells.length - 1];
+        var fullTableModel = fromDom$1(tableElm);
+        return subsection(fullTableModel, firstCell, lastCell).map(function (sectionedTableModel) {
+          return fromElements([toDom(sectionedTableModel)]);
+        });
+      }).getOrThunk(emptyFragment);
+    };
+    var getSelectionFragment = function (rootNode, ranges) {
+      return ranges.length > 0 && ranges[0].collapsed ? emptyFragment() : getFragmentFromRange(rootNode, ranges[0]);
+    };
+    var read$1 = function (rootNode, ranges) {
+      var selectedCells = getCellsFromElementOrRanges(ranges, rootNode);
+      return selectedCells.length > 0 ? getTableFragment(rootNode, selectedCells) : getSelectionFragment(rootNode, ranges);
+    };
+
+    var trimLeadingCollapsibleText = function (text) {
+      return text.replace(/^[ \f\n\r\t\v]+/, '');
+    };
+    var isCollapsibleWhitespace = function (text, index) {
+      return index >= 0 && index < text.length && isWhiteSpace$1(text.charAt(index));
+    };
+    var getInnerText = function (bin, shouldTrim) {
+      var text = trim$2(bin.innerText);
+      return shouldTrim ? trimLeadingCollapsibleText(text) : text;
+    };
+    var getContextNodeName = function (parentBlockOpt) {
+      return parentBlockOpt.map(function (block) {
+        return block.nodeName;
+      }).getOr('div').toLowerCase();
+    };
+    var getTextContent = function (editor) {
+      return Optional.from(editor.selection.getRng()).map(function (rng) {
+        var parentBlockOpt = Optional.from(editor.dom.getParent(rng.commonAncestorContainer, editor.dom.isBlock));
+        var body = editor.getBody();
+        var contextNodeName = getContextNodeName(parentBlockOpt);
+        var shouldTrimSpaces = Env.browser.isIE() && contextNodeName !== 'pre';
+        var bin = editor.dom.add(body, contextNodeName, {
+          'data-mce-bogus': 'all',
+          'style': 'overflow: hidden; opacity: 0;'
+        }, rng.cloneContents());
+        var text = getInnerText(bin, shouldTrimSpaces);
+        var nonRenderedText = trim$2(bin.textContent);
+        editor.dom.remove(bin);
+        if (isCollapsibleWhitespace(nonRenderedText, 0) || isCollapsibleWhitespace(nonRenderedText, nonRenderedText.length - 1)) {
+          var parentBlock = parentBlockOpt.getOr(body);
+          var parentBlockText = getInnerText(parentBlock, shouldTrimSpaces);
+          var textIndex = parentBlockText.indexOf(text);
+          if (textIndex === -1) {
+            return text;
+          } else {
+            var hasProceedingSpace = isCollapsibleWhitespace(parentBlockText, textIndex - 1);
+            var hasTrailingSpace = isCollapsibleWhitespace(parentBlockText, textIndex + text.length);
+            return (hasProceedingSpace ? ' ' : '') + text + (hasTrailingSpace ? ' ' : '');
+          }
+        } else {
+          return text;
+        }
+      }).getOr('');
+    };
+    var getSerializedContent = function (editor, args) {
+      var rng = editor.selection.getRng(), tmpElm = editor.dom.create('body');
+      var sel = editor.selection.getSel();
+      var ranges = processRanges(editor, getRanges(sel));
+      var fragment = args.contextual ? read$1(SugarElement.fromDom(editor.getBody()), ranges).dom : rng.cloneContents();
+      if (fragment) {
+        tmpElm.appendChild(fragment);
+      }
+      return editor.selection.serializer.serialize(tmpElm, args);
+    };
+    var getSelectedContentInternal = function (editor, format, args) {
+      if (args === void 0) {
+        args = {};
+      }
+      args.get = true;
+      args.format = format;
+      args.selection = true;
+      args = editor.fire('BeforeGetContent', args);
+      if (args.isDefaultPrevented()) {
+        editor.fire('GetContent', args);
+        return args.content;
+      }
+      if (args.format === 'text') {
+        return getTextContent(editor);
+      } else {
+        args.getInner = true;
+        var content = getSerializedContent(editor, args);
+        if (args.format === 'tree') {
+          return content;
+        } else {
+          args.content = editor.selection.isCollapsed() ? '' : content;
+          editor.fire('GetContent', args);
+          return args.content;
+        }
+      }
+    };
+
+    var KEEP = 0, INSERT = 1, DELETE = 2;
+    var diff = function (left, right) {
+      var size = left.length + right.length + 2;
+      var vDown = new Array(size);
+      var vUp = new Array(size);
+      var snake = function (start, end, diag) {
+        return {
+          start: start,
+          end: end,
+          diag: diag
+        };
+      };
+      var buildScript = function (start1, end1, start2, end2, script) {
+        var middle = getMiddleSnake(start1, end1, start2, end2);
+        if (middle === null || middle.start === end1 && middle.diag === end1 - end2 || middle.end === start1 && middle.diag === start1 - start2) {
+          var i = start1;
+          var j = start2;
+          while (i < end1 || j < end2) {
+            if (i < end1 && j < end2 && left[i] === right[j]) {
+              script.push([
+                KEEP,
+                left[i]
+              ]);
+              ++i;
+              ++j;
+            } else {
+              if (end1 - start1 > end2 - start2) {
+                script.push([
+                  DELETE,
+                  left[i]
+                ]);
+                ++i;
+              } else {
+                script.push([
+                  INSERT,
+                  right[j]
+                ]);
+                ++j;
+              }
+            }
+          }
+        } else {
+          buildScript(start1, middle.start, start2, middle.start - middle.diag, script);
+          for (var i2 = middle.start; i2 < middle.end; ++i2) {
+            script.push([
+              KEEP,
+              left[i2]
+            ]);
+          }
+          buildScript(middle.end, end1, middle.end - middle.diag, end2, script);
+        }
+      };
+      var buildSnake = function (start, diag, end1, end2) {
+        var end = start;
+        while (end - diag < end2 && end < end1 && left[end] === right[end - diag]) {
+          ++end;
+        }
+        return snake(start, end, diag);
+      };
+      var getMiddleSnake = function (start1, end1, start2, end2) {
+        var m = end1 - start1;
+        var n = end2 - start2;
+        if (m === 0 || n === 0) {
+          return null;
+        }
+        var delta = m - n;
+        var sum = n + m;
+        var offset = (sum % 2 === 0 ? sum : sum + 1) / 2;
+        vDown[1 + offset] = start1;
+        vUp[1 + offset] = end1 + 1;
+        var d, k, i, x, y;
+        for (d = 0; d <= offset; ++d) {
+          for (k = -d; k <= d; k += 2) {
+            i = k + offset;
+            if (k === -d || k !== d && vDown[i - 1] < vDown[i + 1]) {
+              vDown[i] = vDown[i + 1];
+            } else {
+              vDown[i] = vDown[i - 1] + 1;
+            }
+            x = vDown[i];
+            y = x - start1 + start2 - k;
+            while (x < end1 && y < end2 && left[x] === right[y]) {
+              vDown[i] = ++x;
+              ++y;
+            }
+            if (delta % 2 !== 0 && delta - d <= k && k <= delta + d) {
+              if (vUp[i - delta] <= vDown[i]) {
+                return buildSnake(vUp[i - delta], k + start1 - start2, end1, end2);
+              }
+            }
+          }
+          for (k = delta - d; k <= delta + d; k += 2) {
+            i = k + offset - delta;
+            if (k === delta - d || k !== delta + d && vUp[i + 1] <= vUp[i - 1]) {
+              vUp[i] = vUp[i + 1] - 1;
+            } else {
+              vUp[i] = vUp[i - 1];
+            }
+            x = vUp[i] - 1;
+            y = x - start1 + start2 - k;
+            while (x >= start1 && y >= start2 && left[x] === right[y]) {
+              vUp[i] = x--;
+              y--;
+            }
+            if (delta % 2 === 0 && -d <= k && k <= d) {
+              if (vUp[i] <= vDown[i + delta]) {
+                return buildSnake(vUp[i], k + start1 - start2, end1, end2);
+              }
+            }
+          }
+        }
+      };
+      var script = [];
+      buildScript(0, left.length, 0, right.length, script);
+      return script;
+    };
+
+    var getOuterHtml = function (elm) {
+      if (isElement$1(elm)) {
+        return elm.outerHTML;
+      } else if (isText$1(elm)) {
+        return Entities.encodeRaw(elm.data, false);
+      } else if (isComment$1(elm)) {
+        return '<!--' + elm.data + '-->';
+      }
+      return '';
+    };
+    var createFragment$1 = function (html) {
+      var node;
+      var container = document.createElement('div');
+      var frag = document.createDocumentFragment();
+      if (html) {
+        container.innerHTML = html;
+      }
+      while (node = container.firstChild) {
+        frag.appendChild(node);
+      }
+      return frag;
+    };
+    var insertAt = function (elm, html, index) {
+      var fragment = createFragment$1(html);
+      if (elm.hasChildNodes() && index < elm.childNodes.length) {
+        var target = elm.childNodes[index];
+        target.parentNode.insertBefore(fragment, target);
+      } else {
+        elm.appendChild(fragment);
+      }
+    };
+    var removeAt = function (elm, index) {
+      if (elm.hasChildNodes() && index < elm.childNodes.length) {
+        var target = elm.childNodes[index];
+        target.parentNode.removeChild(target);
+      }
+    };
+    var applyDiff = function (diff, elm) {
+      var index = 0;
+      each(diff, function (action) {
+        if (action[0] === KEEP) {
+          index++;
+        } else if (action[0] === INSERT) {
+          insertAt(elm, action[1], index);
+          index++;
+        } else if (action[0] === DELETE) {
+          removeAt(elm, index);
+        }
+      });
+    };
+    var read$2 = function (elm) {
+      return filter(map(from$1(elm.childNodes), getOuterHtml), function (item) {
+        return item.length > 0;
+      });
+    };
+    var write = function (fragments, elm) {
+      var currentFragments = map(from$1(elm.childNodes), getOuterHtml);
+      applyDiff(diff(currentFragments, fragments), elm);
+      return elm;
+    };
+
+    var undoLevelDocument = Cell(Optional.none());
+    var lazyTempDocument = function () {
+      return undoLevelDocument.get().getOrThunk(function () {
+        var doc = document.implementation.createHTMLDocument('undo');
+        undoLevelDocument.set(Optional.some(doc));
+        return doc;
+      });
+    };
+    var hasIframes = function (html) {
+      return html.indexOf('</iframe>') !== -1;
+    };
+    var createFragmentedLevel = function (fragments) {
+      return {
+        type: 'fragmented',
+        fragments: fragments,
+        content: '',
+        bookmark: null,
+        beforeBookmark: null
+      };
+    };
+    var createCompleteLevel = function (content) {
+      return {
+        type: 'complete',
+        fragments: null,
+        content: content,
+        bookmark: null,
+        beforeBookmark: null
+      };
+    };
+    var createFromEditor = function (editor) {
+      var fragments = read$2(editor.getBody());
+      var trimmedFragments = bind(fragments, function (html) {
+        var trimmed = trimInternal(editor.serializer, html);
+        return trimmed.length > 0 ? [trimmed] : [];
+      });
+      var content = trimmedFragments.join('');
+      return hasIframes(content) ? createFragmentedLevel(trimmedFragments) : createCompleteLevel(content);
+    };
+    var applyToEditor = function (editor, level, before) {
+      if (level.type === 'fragmented') {
+        write(level.fragments, editor.getBody());
+      } else {
+        editor.setContent(level.content, { format: 'raw' });
+      }
+      editor.selection.moveToBookmark(before ? level.beforeBookmark : level.bookmark);
+    };
+    var getLevelContent = function (level) {
+      return level.type === 'fragmented' ? level.fragments.join('') : level.content;
+    };
+    var getCleanLevelContent = function (level) {
+      var elm = SugarElement.fromTag('body', lazyTempDocument());
+      set$1(elm, getLevelContent(level));
+      each(descendants$1(elm, '*[data-mce-bogus]'), unwrap);
+      return get$7(elm);
+    };
+    var hasEqualContent = function (level1, level2) {
+      return getLevelContent(level1) === getLevelContent(level2);
+    };
+    var hasEqualCleanedContent = function (level1, level2) {
+      return getCleanLevelContent(level1) === getCleanLevelContent(level2);
+    };
+    var isEq$4 = function (level1, level2) {
+      if (!level1 || !level2) {
+        return false;
+      } else if (hasEqualContent(level1, level2)) {
+        return true;
+      } else {
+        return hasEqualCleanedContent(level1, level2);
+      }
+    };
+
+    var isUnlocked = function (locks) {
+      return locks.get() === 0;
+    };
+
+    var setTyping = function (undoManager, typing, locks) {
+      if (isUnlocked(locks)) {
+        undoManager.typing = typing;
+      }
+    };
+    var endTyping = function (undoManager, locks) {
+      if (undoManager.typing) {
+        setTyping(undoManager, false, locks);
+        undoManager.add();
+      }
+    };
+    var endTypingLevelIgnoreLocks = function (undoManager) {
+      if (undoManager.typing) {
+        undoManager.typing = false;
+        undoManager.add();
+      }
+    };
+
+    var beforeChange = function (editor, locks, beforeBookmark) {
+      if (isUnlocked(locks)) {
+        beforeBookmark.set(Optional.some(getUndoBookmark(editor.selection)));
+      }
+    };
+    var addUndoLevel = function (editor, undoManager, index, locks, beforeBookmark, level, event) {
+      var currentLevel = createFromEditor(editor);
+      level = level || {};
+      level = Tools.extend(level, currentLevel);
+      if (isUnlocked(locks) === false || editor.removed) {
+        return null;
+      }
+      var lastLevel = undoManager.data[index.get()];
+      if (editor.fire('BeforeAddUndo', {
+          level: level,
+          lastLevel: lastLevel,
+          originalEvent: event
+        }).isDefaultPrevented()) {
+        return null;
+      }
+      if (lastLevel && isEq$4(lastLevel, level)) {
+        return null;
+      }
+      if (undoManager.data[index.get()]) {
+        beforeBookmark.get().each(function (bm) {
+          undoManager.data[index.get()].beforeBookmark = bm;
+        });
+      }
+      var customUndoRedoLevels = getCustomUndoRedoLevels(editor);
+      if (customUndoRedoLevels) {
+        if (undoManager.data.length > customUndoRedoLevels) {
+          for (var i = 0; i < undoManager.data.length - 1; i++) {
+            undoManager.data[i] = undoManager.data[i + 1];
+          }
+          undoManager.data.length--;
+          index.set(undoManager.data.length);
+        }
+      }
+      level.bookmark = getUndoBookmark(editor.selection);
+      if (index.get() < undoManager.data.length - 1) {
+        undoManager.data.length = index.get() + 1;
+      }
+      undoManager.data.push(level);
+      index.set(undoManager.data.length - 1);
+      var args = {
+        level: level,
+        lastLevel: lastLevel,
+        originalEvent: event
+      };
+      if (index.get() > 0) {
+        editor.setDirty(true);
+        editor.fire('AddUndo', args);
+        editor.fire('change', args);
+      } else {
+        editor.fire('AddUndo', args);
+      }
+      return level;
+    };
+    var clear = function (editor, undoManager, index) {
+      undoManager.data = [];
+      index.set(0);
+      undoManager.typing = false;
+      editor.fire('ClearUndos');
+    };
+    var extra = function (editor, undoManager, index, callback1, callback2) {
+      if (undoManager.transact(callback1)) {
+        var bookmark = undoManager.data[index.get()].bookmark;
+        var lastLevel = undoManager.data[index.get() - 1];
+        applyToEditor(editor, lastLevel, true);
+        if (undoManager.transact(callback2)) {
+          undoManager.data[index.get() - 1].beforeBookmark = bookmark;
+        }
+      }
+    };
+    var redo = function (editor, index, data) {
+      var level;
+      if (index.get() < data.length - 1) {
+        index.set(index.get() + 1);
+        level = data[index.get()];
+        applyToEditor(editor, level, false);
+        editor.setDirty(true);
+        editor.fire('Redo', { level: level });
+      }
+      return level;
+    };
+    var undo = function (editor, undoManager, locks, index) {
+      var level;
+      if (undoManager.typing) {
+        undoManager.add();
+        undoManager.typing = false;
+        setTyping(undoManager, false, locks);
+      }
+      if (index.get() > 0) {
+        index.set(index.get() - 1);
+        level = undoManager.data[index.get()];
+        applyToEditor(editor, level, true);
+        editor.setDirty(true);
+        editor.fire('Undo', { level: level });
+      }
+      return level;
+    };
+    var reset = function (undoManager) {
+      undoManager.clear();
+      undoManager.add();
+    };
+    var hasUndo = function (editor, undoManager, index) {
+      return index.get() > 0 || undoManager.typing && undoManager.data[0] && !isEq$4(createFromEditor(editor), undoManager.data[0]);
+    };
+    var hasRedo = function (undoManager, index) {
+      return index.get() < undoManager.data.length - 1 && !undoManager.typing;
+    };
+    var transact = function (undoManager, locks, callback) {
+      endTyping(undoManager, locks);
+      undoManager.beforeChange();
+      undoManager.ignore(callback);
+      return undoManager.add();
+    };
+    var ignore = function (locks, callback) {
+      try {
+        locks.set(locks.get() + 1);
+        callback();
+      } finally {
+        locks.set(locks.get() - 1);
+      }
+    };
+
+    var isTreeNode$1 = function (content) {
+      return content instanceof AstNode;
+    };
+    var runSerializerFiltersOnFragment = function (editor, fragment) {
+      filter$3(editor.serializer.getNodeFilters(), editor.serializer.getAttributeFilters(), fragment);
+    };
+    var getInsertContext = function (editor) {
+      return Optional.from(editor.selection.getStart(true)).map(function (elm) {
+        return elm.nodeName.toLowerCase();
+      });
+    };
+    var createDummyUndoLevel = function () {
+      return {
+        type: 'complete',
+        fragments: [],
+        content: '',
+        bookmark: null,
+        beforeBookmark: null
+      };
+    };
+    var makePlainAdaptor = function (editor) {
+      return {
+        undoManager: {
+          beforeChange: function (locks, beforeBookmark) {
+            return beforeChange(editor, locks, beforeBookmark);
+          },
+          addUndoLevel: function (undoManager, index, locks, beforeBookmark, level, event) {
+            return addUndoLevel(editor, undoManager, index, locks, beforeBookmark, level, event);
+          },
+          undo: function (undoManager, locks, index) {
+            return undo(editor, undoManager, locks, index);
+          },
+          redo: function (index, data) {
+            return redo(editor, index, data);
+          },
+          clear: function (undoManager, index) {
+            return clear(editor, undoManager, index);
+          },
+          reset: function (undoManager) {
+            return reset(undoManager);
+          },
+          hasUndo: function (undoManager, index) {
+            return hasUndo(editor, undoManager, index);
+          },
+          hasRedo: function (undoManager, index) {
+            return hasRedo(undoManager, index);
+          },
+          transact: function (undoManager, locks, callback) {
+            return transact(undoManager, locks, callback);
+          },
+          ignore: function (locks, callback) {
+            return ignore(locks, callback);
+          },
+          extra: function (undoManager, index, callback1, callback2) {
+            return extra(editor, undoManager, index, callback1, callback2);
+          }
+        },
+        formatter: {
+          match: function (name, vars, node) {
+            return match(editor, name, vars, node);
+          },
+          matchAll: function (names, vars) {
+            return matchAll(editor, names, vars);
+          },
+          matchNode: function (node, name, vars, similar) {
+            return matchNode(editor, node, name, vars, similar);
+          },
+          canApply: function (name) {
+            return canApply(editor, name);
+          },
+          closest: function (names) {
+            return closest$3(editor, names);
+          },
+          apply: function (name, vars, node) {
+            return applyFormat(editor, name, vars, node);
+          },
+          remove: function (name, vars, node, similar) {
+            return remove$6(editor, name, vars, node, similar);
+          },
+          toggle: function (name, vars, node) {
+            return toggle(editor, name, vars, node);
+          },
+          formatChanged: function (registeredFormatListeners, formats, callback, similar) {
+            return formatChangedInternal(editor, registeredFormatListeners, formats, callback, similar);
+          }
+        },
+        editor: {
+          getContent: function (args, format) {
+            return getContentInternal(editor, args, format);
+          },
+          setContent: function (content, args) {
+            return setContentInternal(editor, content, args);
+          },
+          insertContent: function (value, details) {
+            return insertHtmlAtCaret(editor, value, details);
+          },
+          addVisual: function (elm) {
+            return addVisualInternal(editor, elm);
+          }
+        },
+        selection: {
+          getContent: function (format, args) {
+            return getSelectedContentInternal(editor, format, args);
+          }
+        },
+        raw: {
+          getModel: function () {
+            return Optional.none();
+          }
+        }
+      };
+    };
+    var makeRtcAdaptor = function (tinymceEditor, rtcEditor) {
+      var defaultVars = function (vars) {
+        return isObject(vars) ? vars : {};
+      };
+      var unsupported = die('Unimplemented feature for rtc');
+      var ignore = noop;
+      return {
+        undoManager: {
+          beforeChange: ignore,
+          addUndoLevel: unsupported,
+          undo: function () {
+            rtcEditor.undo();
+            return createDummyUndoLevel();
+          },
+          redo: function () {
+            rtcEditor.redo();
+            return createDummyUndoLevel();
+          },
+          clear: unsupported,
+          reset: unsupported,
+          hasUndo: function () {
+            return rtcEditor.hasUndo();
+          },
+          hasRedo: function () {
+            return rtcEditor.hasRedo();
+          },
+          transact: function (_undoManager, _locks, fn) {
+            rtcEditor.transact(fn);
+            return createDummyUndoLevel();
+          },
+          ignore: unsupported,
+          extra: unsupported
+        },
+        formatter: {
+          match: function (name, vars, _node) {
+            return rtcEditor.matchFormat(name, defaultVars(vars));
+          },
+          matchAll: unsupported,
+          matchNode: unsupported,
+          canApply: function (name) {
+            return rtcEditor.canApplyFormat(name);
+          },
+          closest: function (names) {
+            return rtcEditor.closestFormat(names);
+          },
+          apply: function (name, vars, _node) {
+            return rtcEditor.applyFormat(name, defaultVars(vars));
+          },
+          remove: function (name, vars, _node, _similar) {
+            return rtcEditor.removeFormat(name, defaultVars(vars));
+          },
+          toggle: function (name, vars, _node) {
+            return rtcEditor.toggleFormat(name, defaultVars(vars));
+          },
+          formatChanged: function (_rfl, formats, callback, similar) {
+            return rtcEditor.formatChanged(formats, callback, similar);
+          }
+        },
+        editor: {
+          getContent: function (args, format) {
+            if (format === 'html' || format === 'tree') {
+              var fragment = rtcEditor.getContent();
+              var serializer = HtmlSerializer({ inner: true });
+              runSerializerFiltersOnFragment(tinymceEditor, fragment);
+              return format === 'tree' ? fragment : serializer.serialize(fragment);
+            } else {
+              return makePlainAdaptor(tinymceEditor).editor.getContent(args, format);
+            }
+          },
+          setContent: function (content, _args) {
+            var fragment = isTreeNode$1(content) ? content : tinymceEditor.parser.parse(content, {
+              isRootContent: true,
+              insert: true
+            });
+            rtcEditor.setContent(fragment);
+            return content;
+          },
+          insertContent: function (value, _details) {
+            var contextArgs = getInsertContext(tinymceEditor).fold(function () {
+              return {};
+            }, function (context) {
+              return { context: context };
+            });
+            var fragment = isTreeNode$1(value) ? value : tinymceEditor.parser.parse(value, __assign(__assign({}, contextArgs), { insert: true }));
+            rtcEditor.insertContent(fragment);
+          },
+          addVisual: function (_elm) {
+          }
+        },
+        selection: {
+          getContent: function (format, args) {
+            if (format === 'html' || format === 'tree') {
+              var fragment = rtcEditor.getSelectedContent();
+              var serializer = HtmlSerializer({});
+              runSerializerFiltersOnFragment(tinymceEditor, fragment);
+              return format === 'tree' ? fragment : serializer.serialize(fragment);
+            } else {
+              return makePlainAdaptor(tinymceEditor).selection.getContent(format, args);
+            }
+          }
+        },
+        raw: {
+          getModel: function () {
+            return Optional.some(rtcEditor.getRawModel());
+          }
+        }
+      };
+    };
+    var isRtc = function (editor) {
+      return has(editor.plugins, 'rtc');
+    };
+    var setup$5 = function (editor) {
+      var editorCast = editor;
+      return get$1(editor.plugins, 'rtc').fold(function () {
+        editorCast.rtcInstance = makePlainAdaptor(editor);
+        return Optional.none();
+      }, function (rtc) {
+        return Optional.some(rtc.setup().then(function (rtcEditor) {
+          editorCast.rtcInstance = makeRtcAdaptor(editor, rtcEditor);
+          return rtcEditor.isRemote;
+        }));
+      });
+    };
+    var getRtcInstanceWithFallback = function (editor) {
+      return editor.rtcInstance ? editor.rtcInstance : makePlainAdaptor(editor);
+    };
+    var getRtcInstanceWithError = function (editor) {
+      var rtcInstance = editor.rtcInstance;
+      if (!rtcInstance) {
+        throw new Error('Failed to get RTC instance not yet initialized.');
+      } else {
+        return rtcInstance;
+      }
+    };
+    var beforeChange$1 = function (editor, locks, beforeBookmark) {
+      getRtcInstanceWithError(editor).undoManager.beforeChange(locks, beforeBookmark);
+    };
+    var addUndoLevel$1 = function (editor, undoManager, index, locks, beforeBookmark, level, event) {
+      return getRtcInstanceWithError(editor).undoManager.addUndoLevel(undoManager, index, locks, beforeBookmark, level, event);
+    };
+    var undo$1 = function (editor, undoManager, locks, index) {
+      return getRtcInstanceWithError(editor).undoManager.undo(undoManager, locks, index);
+    };
+    var redo$1 = function (editor, index, data) {
+      return getRtcInstanceWithError(editor).undoManager.redo(index, data);
+    };
+    var clear$1 = function (editor, undoManager, index) {
+      getRtcInstanceWithError(editor).undoManager.clear(undoManager, index);
+    };
+    var reset$1 = function (editor, undoManager) {
+      getRtcInstanceWithError(editor).undoManager.reset(undoManager);
+    };
+    var hasUndo$1 = function (editor, undoManager, index) {
+      return getRtcInstanceWithError(editor).undoManager.hasUndo(undoManager, index);
+    };
+    var hasRedo$1 = function (editor, undoManager, index) {
+      return getRtcInstanceWithError(editor).undoManager.hasRedo(undoManager, index);
+    };
+    var transact$1 = function (editor, undoManager, locks, callback) {
+      return getRtcInstanceWithError(editor).undoManager.transact(undoManager, locks, callback);
+    };
+    var ignore$1 = function (editor, locks, callback) {
+      getRtcInstanceWithError(editor).undoManager.ignore(locks, callback);
+    };
+    var extra$1 = function (editor, undoManager, index, callback1, callback2) {
+      getRtcInstanceWithError(editor).undoManager.extra(undoManager, index, callback1, callback2);
+    };
+    var matchFormat = function (editor, name, vars, node) {
+      return getRtcInstanceWithError(editor).formatter.match(name, vars, node);
+    };
+    var matchAllFormats = function (editor, names, vars) {
+      return getRtcInstanceWithError(editor).formatter.matchAll(names, vars);
+    };
+    var matchNodeFormat = function (editor, node, name, vars, similar) {
+      return getRtcInstanceWithError(editor).formatter.matchNode(node, name, vars, similar);
+    };
+    var canApplyFormat = function (editor, name) {
+      return getRtcInstanceWithError(editor).formatter.canApply(name);
+    };
+    var closestFormat = function (editor, names) {
+      return getRtcInstanceWithError(editor).formatter.closest(names);
+    };
+    var applyFormat$1 = function (editor, name, vars, node) {
+      getRtcInstanceWithError(editor).formatter.apply(name, vars, node);
+    };
+    var removeFormat$1 = function (editor, name, vars, node, similar) {
+      getRtcInstanceWithError(editor).formatter.remove(name, vars, node, similar);
+    };
+    var toggleFormat = function (editor, name, vars, node) {
+      getRtcInstanceWithError(editor).formatter.toggle(name, vars, node);
+    };
+    var formatChanged = function (editor, registeredFormatListeners, formats, callback, similar) {
+      if (similar === void 0) {
+        similar = false;
+      }
+      return getRtcInstanceWithError(editor).formatter.formatChanged(registeredFormatListeners, formats, callback, similar);
+    };
+    var getContent = function (editor, args, format) {
+      return getRtcInstanceWithFallback(editor).editor.getContent(args, format);
+    };
+    var setContent = function (editor, content, args) {
+      return getRtcInstanceWithFallback(editor).editor.setContent(content, args);
+    };
+    var insertContent = function (editor, value, details) {
+      return getRtcInstanceWithFallback(editor).editor.insertContent(value, details);
+    };
+    var getSelectedContent = function (editor, format, args) {
+      return getRtcInstanceWithError(editor).selection.getContent(format, args);
+    };
+    var addVisual = function (editor, elm) {
+      return getRtcInstanceWithError(editor).editor.addVisual(elm);
+    };
+
+    var getContent$1 = function (editor, args) {
+      if (args === void 0) {
+        args = {};
+      }
+      var format = args.format ? args.format : 'html';
+      return getSelectedContent(editor, format, args);
+    };
+
+    var removeEmpty = function (text) {
+      if (text.dom.length === 0) {
+        remove(text);
+        return Optional.none();
+      } else {
+        return Optional.some(text);
+      }
+    };
+    var walkPastBookmark = function (node, start) {
+      return node.filter(function (elm) {
+        return BookmarkManager$1.isBookmarkNode(elm.dom);
+      }).bind(start ? nextSibling : prevSibling);
+    };
+    var merge = function (outer, inner, rng, start) {
+      var outerElm = outer.dom;
+      var innerElm = inner.dom;
+      var oldLength = start ? outerElm.length : innerElm.length;
+      if (start) {
+        mergeTextNodes(outerElm, innerElm, false, !start);
+        rng.setStart(innerElm, oldLength);
+      } else {
+        mergeTextNodes(innerElm, outerElm, false, !start);
+        rng.setEnd(innerElm, oldLength);
+      }
+    };
+    var normalizeTextIfRequired = function (inner, start) {
+      parent(inner).each(function (root) {
+        var text = inner.dom;
+        if (start && needsToBeNbspLeft(root, CaretPosition$1(text, 0))) {
+          normalizeWhitespaceAfter(text, 0);
+        } else if (!start && needsToBeNbspRight(root, CaretPosition$1(text, text.length))) {
+          normalizeWhitespaceBefore(text, text.length);
+        }
+      });
+    };
+    var mergeAndNormalizeText = function (outerNode, innerNode, rng, start) {
+      outerNode.bind(function (outer) {
+        var normalizer = start ? normalizeWhitespaceBefore : normalizeWhitespaceAfter;
+        normalizer(outer.dom, start ? outer.dom.length : 0);
+        return innerNode.filter(isText).map(function (inner) {
+          return merge(outer, inner, rng, start);
+        });
+      }).orThunk(function () {
+        var innerTextNode = walkPastBookmark(innerNode, start).or(innerNode).filter(isText);
+        return innerTextNode.map(function (inner) {
+          return normalizeTextIfRequired(inner, start);
+        });
+      });
+    };
+    var rngSetContent = function (rng, fragment) {
+      var firstChild = Optional.from(fragment.firstChild).map(SugarElement.fromDom);
+      var lastChild = Optional.from(fragment.lastChild).map(SugarElement.fromDom);
+      rng.deleteContents();
+      rng.insertNode(fragment);
+      var prevText = firstChild.bind(prevSibling).filter(isText).bind(removeEmpty);
+      var nextText = lastChild.bind(nextSibling).filter(isText).bind(removeEmpty);
+      mergeAndNormalizeText(prevText, firstChild, rng, true);
+      mergeAndNormalizeText(nextText, lastChild, rng, false);
+      rng.collapse(false);
+    };
+    var setupArgs = function (args, content) {
+      return __assign(__assign({ format: 'html' }, args), {
+        set: true,
+        selection: true,
+        content: content
+      });
+    };
+    var cleanContent = function (editor, args) {
+      if (args.format !== 'raw') {
+        var rng = editor.selection.getRng();
+        var contextBlock = editor.dom.getParent(rng.commonAncestorContainer, editor.dom.isBlock);
+        var contextArgs = contextBlock ? { context: contextBlock.nodeName.toLowerCase() } : {};
+        var node = editor.parser.parse(args.content, __assign(__assign({
+          isRootContent: true,
+          forced_root_block: false
+        }, contextArgs), args));
+        return HtmlSerializer({ validate: editor.validate }, editor.schema).serialize(node);
+      } else {
+        return args.content;
+      }
+    };
+    var setContent$1 = function (editor, content, args) {
+      if (args === void 0) {
+        args = {};
+      }
+      var contentArgs = setupArgs(args, content);
+      if (!contentArgs.no_events) {
+        contentArgs = editor.fire('BeforeSetContent', contentArgs);
+        if (contentArgs.isDefaultPrevented()) {
+          editor.fire('SetContent', contentArgs);
+          return;
+        }
+      }
+      args.content = cleanContent(editor, contentArgs);
+      var rng = editor.selection.getRng();
+      rngSetContent(rng, rng.createContextualFragment(args.content));
+      editor.selection.setRng(rng);
+      scrollRangeIntoView(editor, rng);
+      if (!contentArgs.no_events) {
+        editor.fire('SetContent', contentArgs);
+      }
+    };
+
+    var deleteFromCallbackMap = function (callbackMap, selector, callback) {
+      if (callbackMap && callbackMap.hasOwnProperty(selector)) {
+        var newCallbacks = filter(callbackMap[selector], function (cb) {
+          return cb !== callback;
+        });
+        if (newCallbacks.length === 0) {
+          delete callbackMap[selector];
+        } else {
+          callbackMap[selector] = newCallbacks;
+        }
+      }
+    };
+    function SelectorChanged (dom, editor) {
+      var selectorChangedData;
+      var currentSelectors;
+      return {
+        selectorChangedWithUnbind: function (selector, callback) {
+          if (!selectorChangedData) {
+            selectorChangedData = {};
+            currentSelectors = {};
+            editor.on('NodeChange', function (e) {
+              var node = e.element, parents = dom.getParents(node, null, dom.getRoot()), matchedSelectors = {};
+              Tools.each(selectorChangedData, function (callbacks, selector) {
+                Tools.each(parents, function (node) {
+                  if (dom.is(node, selector)) {
+                    if (!currentSelectors[selector]) {
+                      Tools.each(callbacks, function (callback) {
+                        callback(true, {
+                          node: node,
+                          selector: selector,
+                          parents: parents
+                        });
+                      });
+                      currentSelectors[selector] = callbacks;
+                    }
+                    matchedSelectors[selector] = callbacks;
+                    return false;
+                  }
+                });
+              });
+              Tools.each(currentSelectors, function (callbacks, selector) {
+                if (!matchedSelectors[selector]) {
+                  delete currentSelectors[selector];
+                  Tools.each(callbacks, function (callback) {
+                    callback(false, {
+                      node: node,
+                      selector: selector,
+                      parents: parents
+                    });
+                  });
+                }
+              });
+            });
+          }
+          if (!selectorChangedData[selector]) {
+            selectorChangedData[selector] = [];
+          }
+          selectorChangedData[selector].push(callback);
+          return {
+            unbind: function () {
+              deleteFromCallbackMap(selectorChangedData, selector, callback);
+              deleteFromCallbackMap(currentSelectors, selector, callback);
+            }
+          };
+        }
+      };
+    }
+
+    var isNativeIeSelection = function (rng) {
+      return !!rng.select;
+    };
+    var isAttachedToDom = function (node) {
+      return !!(node && node.ownerDocument) && contains$2(SugarElement.fromDom(node.ownerDocument), SugarElement.fromDom(node));
+    };
+    var isValidRange = function (rng) {
+      if (!rng) {
+        return false;
+      } else if (isNativeIeSelection(rng)) {
+        return true;
+      } else {
+        return isAttachedToDom(rng.startContainer) && isAttachedToDom(rng.endContainer);
+      }
+    };
+    var EditorSelection = function (dom, win, serializer, editor) {
+      var selectedRange;
+      var explicitRange;
+      var selectorChangedWithUnbind = SelectorChanged(dom, editor).selectorChangedWithUnbind;
+      var setCursorLocation = function (node, offset) {
+        var rng = dom.createRng();
+        if (!node) {
+          moveEndPoint$1(dom, rng, editor.getBody(), true);
+          setRng(rng);
+        } else {
+          rng.setStart(node, offset);
+          rng.setEnd(node, offset);
+          setRng(rng);
+          collapse(false);
+        }
+      };
+      var getContent = function (args) {
+        return getContent$1(editor, args);
+      };
+      var setContent = function (content, args) {
+        return setContent$1(editor, content, args);
+      };
+      var getStart = function (real) {
+        return getStart$2(editor.getBody(), getRng$1(), real);
+      };
+      var getEnd$1 = function (real) {
+        return getEnd(editor.getBody(), getRng$1(), real);
+      };
+      var getBookmark = function (type, normalized) {
+        return bookmarkManager.getBookmark(type, normalized);
+      };
+      var moveToBookmark = function (bookmark) {
+        return bookmarkManager.moveToBookmark(bookmark);
+      };
+      var select = function (node, content) {
+        select$1(dom, node, content).each(setRng);
+        return node;
+      };
+      var isCollapsed = function () {
+        var rng = getRng$1(), sel = getSel();
+        if (!rng || rng.item) {
+          return false;
+        }
+        if (rng.compareEndPoints) {
+          return rng.compareEndPoints('StartToEnd', rng) === 0;
+        }
+        return !sel || rng.collapsed;
+      };
+      var collapse = function (toStart) {
+        var rng = getRng$1();
+        rng.collapse(!!toStart);
+        setRng(rng);
+      };
+      var getSel = function () {
+        return win.getSelection ? win.getSelection() : win.document.selection;
+      };
+      var getRng$1 = function () {
+        var selection, rng, elm;
+        var tryCompareBoundaryPoints = function (how, sourceRange, destinationRange) {
+          try {
+            return sourceRange.compareBoundaryPoints(how, destinationRange);
+          } catch (ex) {
+            return -1;
+          }
+        };
+        if (!win) {
+          return null;
+        }
+        var doc = win.document;
+        if (typeof doc === 'undefined' || doc === null) {
+          return null;
+        }
+        if (editor.bookmark !== undefined && hasFocus$1(editor) === false) {
+          var bookmark = getRng(editor);
+          if (bookmark.isSome()) {
+            return bookmark.map(function (r) {
+              return processRanges(editor, [r])[0];
+            }).getOr(doc.createRange());
+          }
+        }
+        try {
+          if ((selection = getSel()) && !isRestrictedNode(selection.anchorNode)) {
+            if (selection.rangeCount > 0) {
+              rng = selection.getRangeAt(0);
+            } else {
+              rng = selection.createRange ? selection.createRange() : doc.createRange();
+            }
+            rng = processRanges(editor, [rng])[0];
+          }
+        } catch (ex) {
+        }
+        if (!rng) {
+          rng = doc.createRange ? doc.createRange() : doc.body.createTextRange();
+        }
+        if (rng.setStart && rng.startContainer.nodeType === 9 && rng.collapsed) {
+          elm = dom.getRoot();
+          rng.setStart(elm, 0);
+          rng.setEnd(elm, 0);
+        }
+        if (selectedRange && explicitRange) {
+          if (tryCompareBoundaryPoints(rng.START_TO_START, rng, selectedRange) === 0 && tryCompareBoundaryPoints(rng.END_TO_END, rng, selectedRange) === 0) {
+            rng = explicitRange;
+          } else {
+            selectedRange = null;
+            explicitRange = null;
+          }
+        }
+        return rng;
+      };
+      var setRng = function (rng, forward) {
+        var node;
+        if (!isValidRange(rng)) {
+          return;
+        }
+        var ieRange = isNativeIeSelection(rng) ? rng : null;
+        if (ieRange) {
+          explicitRange = null;
+          try {
+            ieRange.select();
+          } catch (ex) {
+          }
+          return;
+        }
+        var sel = getSel();
+        var evt = editor.fire('SetSelectionRange', {
+          range: rng,
+          forward: forward
+        });
+        rng = evt.range;
+        if (sel) {
+          explicitRange = rng;
+          try {
+            sel.removeAllRanges();
+            sel.addRange(rng);
+          } catch (ex) {
+          }
+          if (forward === false && sel.extend) {
+            sel.collapse(rng.endContainer, rng.endOffset);
+            sel.extend(rng.startContainer, rng.startOffset);
+          }
+          selectedRange = sel.rangeCount > 0 ? sel.getRangeAt(0) : null;
+        }
+        if (!rng.collapsed && rng.startContainer === rng.endContainer && sel.setBaseAndExtent && !Env.ie) {
+          if (rng.endOffset - rng.startOffset < 2) {
+            if (rng.startContainer.hasChildNodes()) {
+              node = rng.startContainer.childNodes[rng.startOffset];
+              if (node && node.tagName === 'IMG') {
+                sel.setBaseAndExtent(rng.startContainer, rng.startOffset, rng.endContainer, rng.endOffset);
+                if (sel.anchorNode !== rng.startContainer || sel.focusNode !== rng.endContainer) {
+                  sel.setBaseAndExtent(node, 0, node, 1);
+                }
+              }
+            }
+          }
+        }
+        editor.fire('AfterSetSelectionRange', {
+          range: rng,
+          forward: forward
+        });
+      };
+      var setNode = function (elm) {
+        setContent(dom.getOuterHTML(elm));
+        return elm;
+      };
+      var getNode = function () {
+        return getNode$1(editor.getBody(), getRng$1());
+      };
+      var getSelectedBlocks$1 = function (startElm, endElm) {
+        return getSelectedBlocks(dom, getRng$1(), startElm, endElm);
+      };
+      var isForward = function () {
+        var sel = getSel();
+        var anchorNode = sel === null || sel === void 0 ? void 0 : sel.anchorNode;
+        var focusNode = sel === null || sel === void 0 ? void 0 : sel.focusNode;
+        if (!sel || !anchorNode || !focusNode || isRestrictedNode(anchorNode) || isRestrictedNode(focusNode)) {
+          return true;
+        }
+        var anchorRange = dom.createRng();
+        anchorRange.setStart(anchorNode, sel.anchorOffset);
+        anchorRange.collapse(true);
+        var focusRange = dom.createRng();
+        focusRange.setStart(focusNode, sel.focusOffset);
+        focusRange.collapse(true);
+        return anchorRange.compareBoundaryPoints(anchorRange.START_TO_START, focusRange) <= 0;
+      };
+      var normalize$1 = function () {
+        var rng = getRng$1();
+        var sel = getSel();
+        if (!hasMultipleRanges(sel) && hasAnyRanges(editor)) {
+          var normRng = normalize(dom, rng);
+          normRng.each(function (normRng) {
+            setRng(normRng, isForward());
+          });
+          return normRng.getOr(rng);
+        }
+        return rng;
+      };
+      var selectorChanged = function (selector, callback) {
+        selectorChangedWithUnbind(selector, callback);
+        return exports;
+      };
+      var getScrollContainer = function () {
+        var scrollContainer;
+        var node = dom.getRoot();
+        while (node && node.nodeName !== 'BODY') {
+          if (node.scrollHeight > node.clientHeight) {
+            scrollContainer = node;
+            break;
+          }
+          node = node.parentNode;
+        }
+        return scrollContainer;
+      };
+      var scrollIntoView = function (elm, alignToTop) {
+        return scrollElementIntoView(editor, elm, alignToTop);
+      };
+      var placeCaretAt = function (clientX, clientY) {
+        return setRng(fromPoint$1(clientX, clientY, editor.getDoc()));
+      };
+      var getBoundingClientRect = function () {
+        var rng = getRng$1();
+        return rng.collapsed ? CaretPosition$1.fromRangeStart(rng).getClientRects()[0] : rng.getBoundingClientRect();
+      };
+      var destroy = function () {
+        win = selectedRange = explicitRange = null;
+        controlSelection.destroy();
+      };
+      var exports = {
+        bookmarkManager: null,
+        controlSelection: null,
+        dom: dom,
+        win: win,
+        serializer: serializer,
+        editor: editor,
+        collapse: collapse,
+        setCursorLocation: setCursorLocation,
+        getContent: getContent,
+        setContent: setContent,
+        getBookmark: getBookmark,
+        moveToBookmark: moveToBookmark,
+        select: select,
+        isCollapsed: isCollapsed,
+        isForward: isForward,
+        setNode: setNode,
+        getNode: getNode,
+        getSel: getSel,
+        setRng: setRng,
+        getRng: getRng$1,
+        getStart: getStart,
+        getEnd: getEnd$1,
+        getSelectedBlocks: getSelectedBlocks$1,
+        normalize: normalize$1,
+        selectorChanged: selectorChanged,
+        selectorChangedWithUnbind: selectorChangedWithUnbind,
+        getScrollContainer: getScrollContainer,
+        scrollIntoView: scrollIntoView,
+        placeCaretAt: placeCaretAt,
+        getBoundingClientRect: getBoundingClientRect,
+        destroy: destroy
+      };
+      var bookmarkManager = BookmarkManager$1(exports);
+      var controlSelection = ControlSelection(exports, editor);
+      exports.bookmarkManager = bookmarkManager;
+      exports.controlSelection = controlSelection;
+      return exports;
+    };
+
+    var removeAttrs = function (node, names) {
+      each(names, function (name) {
+        node.attr(name, null);
+      });
+    };
+    var addFontToSpansFilter = function (domParser, styles, fontSizes) {
+      domParser.addNodeFilter('font', function (nodes) {
+        each(nodes, function (node) {
+          var props = styles.parse(node.attr('style'));
+          var color = node.attr('color');
+          var face = node.attr('face');
+          var size = node.attr('size');
+          if (color) {
+            props.color = color;
+          }
+          if (face) {
+            props['font-family'] = face;
+          }
+          if (size) {
+            props['font-size'] = fontSizes[parseInt(node.attr('size'), 10) - 1];
+          }
+          node.name = 'span';
+          node.attr('style', styles.serialize(props));
+          removeAttrs(node, [
+            'color',
+            'face',
+            'size'
+          ]);
+        });
+      });
+    };
+    var addStrikeToSpanFilter = function (domParser, styles) {
+      domParser.addNodeFilter('strike', function (nodes) {
+        each(nodes, function (node) {
+          var props = styles.parse(node.attr('style'));
+          props['text-decoration'] = 'line-through';
+          node.name = 'span';
+          node.attr('style', styles.serialize(props));
+        });
+      });
+    };
+    var addFilters = function (domParser, settings) {
+      var styles = Styles();
+      if (settings.convert_fonts_to_spans) {
+        addFontToSpansFilter(domParser, styles, Tools.explode(settings.font_size_legacy_values));
+      }
+      addStrikeToSpanFilter(domParser, styles);
+    };
+    var register$1 = function (domParser, settings) {
+      if (settings.inline_styles) {
+        addFilters(domParser, settings);
+      }
+    };
+
+    var blobUriToBlob = function (url) {
+      return new promiseObj(function (resolve, reject) {
+        var rejectWithError = function () {
+          reject('Cannot convert ' + url + ' to Blob. Resource might not exist or is inaccessible.');
+        };
+        try {
+          var xhr = new XMLHttpRequest();
+          xhr.open('GET', url, true);
+          xhr.responseType = 'blob';
+          xhr.onload = function () {
+            if (this.status === 200) {
+              resolve(this.response);
+            } else {
+              rejectWithError();
+            }
+          };
+          xhr.onerror = rejectWithError;
+          xhr.send();
+        } catch (ex) {
+          rejectWithError();
+        }
+      });
+    };
+    var parseDataUri$1 = function (uri) {
+      var type;
+      var uriParts = decodeURIComponent(uri).split(',');
+      var matches = /data:([^;]+)/.exec(uriParts[0]);
+      if (matches) {
+        type = matches[1];
+      }
+      return {
+        type: type,
+        data: uriParts[1]
+      };
+    };
+    var buildBlob = function (type, data) {
+      var str;
+      try {
+        str = atob(data);
+      } catch (e) {
+        return Optional.none();
+      }
+      var arr = new Uint8Array(str.length);
+      for (var i = 0; i < arr.length; i++) {
+        arr[i] = str.charCodeAt(i);
+      }
+      return Optional.some(new Blob([arr], { type: type }));
+    };
+    var dataUriToBlob = function (uri) {
+      return new promiseObj(function (resolve) {
+        var _a = parseDataUri$1(uri), type = _a.type, data = _a.data;
+        buildBlob(type, data).fold(function () {
+          return resolve(new Blob([]));
+        }, resolve);
+      });
+    };
+    var uriToBlob = function (url) {
+      if (url.indexOf('blob:') === 0) {
+        return blobUriToBlob(url);
+      }
+      if (url.indexOf('data:') === 0) {
+        return dataUriToBlob(url);
+      }
+      return null;
+    };
+    var blobToDataUri = function (blob) {
+      return new promiseObj(function (resolve) {
+        var reader = new FileReader();
+        reader.onloadend = function () {
+          resolve(reader.result);
+        };
+        reader.readAsDataURL(blob);
+      });
+    };
+
+    var count = 0;
+    var uniqueId = function (prefix) {
+      return (prefix || 'blobid') + count++;
+    };
+    var imageToBlobInfo = function (blobCache, img, resolve, reject) {
+      var base64, blobInfo;
+      if (img.src.indexOf('blob:') === 0) {
+        blobInfo = blobCache.getByUri(img.src);
+        if (blobInfo) {
+          resolve({
+            image: img,
+            blobInfo: blobInfo
+          });
+        } else {
+          uriToBlob(img.src).then(function (blob) {
+            blobToDataUri(blob).then(function (dataUri) {
+              base64 = parseDataUri$1(dataUri).data;
+              blobInfo = blobCache.create(uniqueId(), blob, base64);
+              blobCache.add(blobInfo);
+              resolve({
+                image: img,
+                blobInfo: blobInfo
+              });
+            });
+          }, function (err) {
+            reject(err);
+          });
+        }
+        return;
+      }
+      var _a = parseDataUri$1(img.src), data = _a.data, type = _a.type;
+      base64 = data;
+      blobInfo = blobCache.getByData(base64, type);
+      if (blobInfo) {
+        resolve({
+          image: img,
+          blobInfo: blobInfo
+        });
+      } else {
+        uriToBlob(img.src).then(function (blob) {
+          blobInfo = blobCache.create(uniqueId(), blob, base64);
+          blobCache.add(blobInfo);
+          resolve({
+            image: img,
+            blobInfo: blobInfo
+          });
+        }, function (err) {
+          reject(err);
+        });
+      }
+    };
+    var getAllImages = function (elm) {
+      return elm ? from$1(elm.getElementsByTagName('img')) : [];
+    };
+    function ImageScanner(uploadStatus, blobCache) {
+      var cachedPromises = {};
+      var findAll = function (elm, predicate) {
+        if (!predicate) {
+          predicate = always;
+        }
+        var images = filter(getAllImages(elm), function (img) {
+          var src = img.src;
+          if (!Env.fileApi) {
+            return false;
+          }
+          if (img.hasAttribute('data-mce-bogus')) {
+            return false;
+          }
+          if (img.hasAttribute('data-mce-placeholder')) {
+            return false;
+          }
+          if (!src || src === Env.transparentSrc) {
+            return false;
+          }
+          if (src.indexOf('blob:') === 0) {
+            return !uploadStatus.isUploaded(src) && predicate(img);
+          }
+          if (src.indexOf('data:') === 0) {
+            return predicate(img);
+          }
+          return false;
+        });
+        var promises = map(images, function (img) {
+          if (cachedPromises[img.src] !== undefined) {
+            return new promiseObj(function (resolve) {
+              cachedPromises[img.src].then(function (imageInfo) {
+                if (typeof imageInfo === 'string') {
+                  return imageInfo;
+                }
+                resolve({
+                  image: img,
+                  blobInfo: imageInfo.blobInfo
+                });
+              });
+            });
+          }
+          var newPromise = new promiseObj(function (resolve, reject) {
+            imageToBlobInfo(blobCache, img, resolve, reject);
+          }).then(function (result) {
+            delete cachedPromises[result.image.src];
+            return result;
+          }).catch(function (error) {
+            delete cachedPromises[img.src];
+            return error;
+          });
+          cachedPromises[img.src] = newPromise;
+          return newPromise;
+        });
+        return promiseObj.all(promises);
+      };
+      return { findAll: findAll };
+    }
+
+    var paddEmptyNode = function (settings, args, blockElements, node) {
+      var brPreferred = settings.padd_empty_with_br || args.insert;
+      if (brPreferred && blockElements[node.name]) {
+        node.empty().append(new AstNode('br', 1)).shortEnded = true;
+      } else {
+        node.empty().append(new AstNode('#text', 3)).value = nbsp;
+      }
+    };
+    var isPaddedWithNbsp = function (node) {
+      return hasOnlyChild(node, '#text') && node.firstChild.value === nbsp;
+    };
+    var hasOnlyChild = function (node, name) {
+      return node && node.firstChild && node.firstChild === node.lastChild && node.firstChild.name === name;
+    };
+    var isPadded = function (schema, node) {
+      var rule = schema.getElementRule(node.name);
+      return rule && rule.paddEmpty;
+    };
+    var isEmpty$2 = function (schema, nonEmptyElements, whitespaceElements, node) {
+      return node.isEmpty(nonEmptyElements, whitespaceElements, function (node) {
+        return isPadded(schema, node);
+      });
+    };
+    var isLineBreakNode = function (node, blockElements) {
+      return node && (blockElements[node.name] || node.name === 'br');
+    };
+
+    var isBogusImage = function (img) {
+      return img.attr('data-mce-bogus');
+    };
+    var isInternalImageSource = function (img) {
+      return img.attr('src') === Env.transparentSrc || img.attr('data-mce-placeholder');
+    };
+    var isValidDataImg = function (img, settings) {
+      if (settings.images_dataimg_filter) {
+        var imgElem_1 = new Image();
+        imgElem_1.src = img.attr('src');
+        each$1(img.attributes.map, function (value, key) {
+          imgElem_1.setAttribute(key, value);
+        });
+        return settings.images_dataimg_filter(imgElem_1);
+      } else {
+        return true;
+      }
+    };
+    var registerBase64ImageFilter = function (parser, settings) {
+      var blobCache = settings.blob_cache;
+      var processImage = function (img) {
+        var inputSrc = img.attr('src');
+        if (isInternalImageSource(img) || isBogusImage(img)) {
+          return;
+        }
+        parseDataUri(inputSrc).filter(function () {
+          return isValidDataImg(img, settings);
+        }).bind(function (_a) {
+          var type = _a.type, data = _a.data;
+          return Optional.from(blobCache.getByData(data, type)).orThunk(function () {
+            return buildBlob(type, data).map(function (blob) {
+              var blobInfo = blobCache.create(uniqueId(), blob, data);
+              blobCache.add(blobInfo);
+              return blobInfo;
+            });
+          });
+        }).each(function (blobInfo) {
+          img.attr('src', blobInfo.blobUri());
+        });
+      };
+      if (blobCache) {
+        parser.addAttributeFilter('src', function (nodes) {
+          return each(nodes, processImage);
+        });
+      }
+    };
+    var register$2 = function (parser, settings) {
+      var schema = parser.schema;
+      if (settings.remove_trailing_brs) {
+        parser.addNodeFilter('br', function (nodes, _, args) {
+          var i;
+          var l = nodes.length;
+          var node;
+          var blockElements = Tools.extend({}, schema.getBlockElements());
+          var nonEmptyElements = schema.getNonEmptyElements();
+          var parent, lastParent, prev, prevName;
+          var whiteSpaceElements = schema.getWhiteSpaceElements();
+          var elementRule, textNode;
+          blockElements.body = 1;
+          for (i = 0; i < l; i++) {
+            node = nodes[i];
+            parent = node.parent;
+            if (blockElements[node.parent.name] && node === parent.lastChild) {
+              prev = node.prev;
+              while (prev) {
+                prevName = prev.name;
+                if (prevName !== 'span' || prev.attr('data-mce-type') !== 'bookmark') {
+                  if (prevName === 'br') {
+                    node = null;
+                  }
+                  break;
+                }
+                prev = prev.prev;
+              }
+              if (node) {
+                node.remove();
+                if (isEmpty$2(schema, nonEmptyElements, whiteSpaceElements, parent)) {
+                  elementRule = schema.getElementRule(parent.name);
+                  if (elementRule) {
+                    if (elementRule.removeEmpty) {
+                      parent.remove();
+                    } else if (elementRule.paddEmpty) {
+                      paddEmptyNode(settings, args, blockElements, parent);
+                    }
+                  }
+                }
+              }
+            } else {
+              lastParent = node;
+              while (parent && parent.firstChild === lastParent && parent.lastChild === lastParent) {
+                lastParent = parent;
+                if (blockElements[parent.name]) {
+                  break;
+                }
+                parent = parent.parent;
+              }
+              if (lastParent === parent && settings.padd_empty_with_br !== true) {
+                textNode = new AstNode('#text', 3);
+                textNode.value = nbsp;
+                node.replace(textNode);
+              }
+            }
+          }
+        });
+      }
+      parser.addAttributeFilter('href', function (nodes) {
+        var i = nodes.length;
+        var appendRel = function (rel) {
+          var parts = rel.split(' ').filter(function (p) {
+            return p.length > 0;
+          });
+          return parts.concat(['noopener']).sort().join(' ');
+        };
+        var addNoOpener = function (rel) {
+          var newRel = rel ? Tools.trim(rel) : '';
+          if (!/\b(noopener)\b/g.test(newRel)) {
+            return appendRel(newRel);
+          } else {
+            return newRel;
+          }
+        };
+        if (!settings.allow_unsafe_link_target) {
+          while (i--) {
+            var node = nodes[i];
+            if (node.name === 'a' && node.attr('target') === '_blank') {
+              node.attr('rel', addNoOpener(node.attr('rel')));
+            }
+          }
+        }
+      });
+      if (!settings.allow_html_in_named_anchor) {
+        parser.addAttributeFilter('id,name', function (nodes) {
+          var i = nodes.length, sibling, prevSibling, parent, node;
+          while (i--) {
+            node = nodes[i];
+            if (node.name === 'a' && node.firstChild && !node.attr('href')) {
+              parent = node.parent;
+              sibling = node.lastChild;
+              do {
+                prevSibling = sibling.prev;
+                parent.insert(sibling, node);
+                sibling = prevSibling;
+              } while (sibling);
+            }
+          }
+        });
+      }
+      if (settings.fix_list_elements) {
+        parser.addNodeFilter('ul,ol', function (nodes) {
+          var i = nodes.length, node, parentNode;
+          while (i--) {
+            node = nodes[i];
+            parentNode = node.parent;
+            if (parentNode.name === 'ul' || parentNode.name === 'ol') {
+              if (node.prev && node.prev.name === 'li') {
+                node.prev.append(node);
+              } else {
+                var li = new AstNode('li', 1);
+                li.attr('style', 'list-style-type: none');
+                node.wrap(li);
+              }
+            }
+          }
+        });
+      }
+      if (settings.validate && schema.getValidClasses()) {
+        parser.addAttributeFilter('class', function (nodes) {
+          var i = nodes.length, node, classList, ci, className, classValue;
+          var validClasses = schema.getValidClasses();
+          var validClassesMap, valid;
+          while (i--) {
+            node = nodes[i];
+            classList = node.attr('class').split(' ');
+            classValue = '';
+            for (ci = 0; ci < classList.length; ci++) {
+              className = classList[ci];
+              valid = false;
+              validClassesMap = validClasses['*'];
+              if (validClassesMap && validClassesMap[className]) {
+                valid = true;
+              }
+              validClassesMap = validClasses[node.name];
+              if (!valid && validClassesMap && validClassesMap[className]) {
+                valid = true;
+              }
+              if (valid) {
+                if (classValue) {
+                  classValue += ' ';
+                }
+                classValue += className;
+              }
+            }
+            if (!classValue.length) {
+              classValue = null;
+            }
+            node.attr('class', classValue);
+          }
+        });
+      }
+      registerBase64ImageFilter(parser, settings);
+    };
+
+    var makeMap$4 = Tools.makeMap, each$d = Tools.each, explode$2 = Tools.explode, extend$2 = Tools.extend;
+    var DomParser = function (settings, schema) {
+      if (schema === void 0) {
+        schema = Schema();
+      }
+      var nodeFilters = {};
+      var attributeFilters = [];
+      var matchedNodes = {};
+      var matchedAttributes = {};
+      settings = settings || {};
+      settings.validate = 'validate' in settings ? settings.validate : true;
+      settings.root_name = settings.root_name || 'body';
+      var fixInvalidChildren = function (nodes) {
+        var ni, node, parent, parents, newParent, currentNode, tempNode, childNode, i;
+        var sibling, nextNode;
+        var nonSplitableElements = makeMap$4('tr,td,th,tbody,thead,tfoot,table');
+        var nonEmptyElements = schema.getNonEmptyElements();
+        var whitespaceElements = schema.getWhiteSpaceElements();
+        var textBlockElements = schema.getTextBlockElements();
+        var specialElements = schema.getSpecialElements();
+        for (ni = 0; ni < nodes.length; ni++) {
+          node = nodes[ni];
+          if (!node.parent || node.fixed) {
+            continue;
+          }
+          if (textBlockElements[node.name] && node.parent.name === 'li') {
+            sibling = node.next;
+            while (sibling) {
+              if (textBlockElements[sibling.name]) {
+                sibling.name = 'li';
+                sibling.fixed = true;
+                node.parent.insert(sibling, node.parent);
+              } else {
+                break;
+              }
+              sibling = sibling.next;
+            }
+            node.unwrap(node);
+            continue;
+          }
+          parents = [node];
+          for (parent = node.parent; parent && !schema.isValidChild(parent.name, node.name) && !nonSplitableElements[parent.name]; parent = parent.parent) {
+            parents.push(parent);
+          }
+          if (parent && parents.length > 1) {
+            parents.reverse();
+            newParent = currentNode = filterNode(parents[0].clone());
+            for (i = 0; i < parents.length - 1; i++) {
+              if (schema.isValidChild(currentNode.name, parents[i].name)) {
+                tempNode = filterNode(parents[i].clone());
+                currentNode.append(tempNode);
+              } else {
+                tempNode = currentNode;
+              }
+              for (childNode = parents[i].firstChild; childNode && childNode !== parents[i + 1];) {
+                nextNode = childNode.next;
+                tempNode.append(childNode);
+                childNode = nextNode;
+              }
+              currentNode = tempNode;
+            }
+            if (!isEmpty$2(schema, nonEmptyElements, whitespaceElements, newParent)) {
+              parent.insert(newParent, parents[0], true);
+              parent.insert(node, newParent);
+            } else {
+              parent.insert(node, parents[0], true);
+            }
+            parent = parents[0];
+            if (isEmpty$2(schema, nonEmptyElements, whitespaceElements, parent) || hasOnlyChild(parent, 'br')) {
+              parent.empty().remove();
+            }
+          } else if (node.parent) {
+            if (node.name === 'li') {
+              sibling = node.prev;
+              if (sibling && (sibling.name === 'ul' || sibling.name === 'ol')) {
+                sibling.append(node);
+                continue;
+              }
+              sibling = node.next;
+              if (sibling && (sibling.name === 'ul' || sibling.name === 'ol')) {
+                sibling.insert(node, sibling.firstChild, true);
+                continue;
+              }
+              node.wrap(filterNode(new AstNode('ul', 1)));
+              continue;
+            }
+            if (schema.isValidChild(node.parent.name, 'div') && schema.isValidChild('div', node.name)) {
+              node.wrap(filterNode(new AstNode('div', 1)));
+            } else {
+              if (specialElements[node.name]) {
+                node.empty().remove();
+              } else {
+                node.unwrap();
+              }
+            }
+          }
+        }
+      };
+      var filterNode = function (node) {
+        var i, name, list;
+        name = node.name;
+        if (name in nodeFilters) {
+          list = matchedNodes[name];
+          if (list) {
+            list.push(node);
+          } else {
+            matchedNodes[name] = [node];
+          }
+        }
+        i = attributeFilters.length;
+        while (i--) {
+          name = attributeFilters[i].name;
+          if (name in node.attributes.map) {
+            list = matchedAttributes[name];
+            if (list) {
+              list.push(node);
+            } else {
+              matchedAttributes[name] = [node];
+            }
+          }
+        }
+        return node;
+      };
+      var addNodeFilter = function (name, callback) {
+        each$d(explode$2(name), function (name) {
+          var list = nodeFilters[name];
+          if (!list) {
+            nodeFilters[name] = list = [];
+          }
+          list.push(callback);
+        });
+      };
+      var getNodeFilters = function () {
+        var out = [];
+        for (var name_1 in nodeFilters) {
+          if (nodeFilters.hasOwnProperty(name_1)) {
+            out.push({
+              name: name_1,
+              callbacks: nodeFilters[name_1]
+            });
+          }
+        }
+        return out;
+      };
+      var addAttributeFilter = function (name, callback) {
+        each$d(explode$2(name), function (name) {
+          var i;
+          for (i = 0; i < attributeFilters.length; i++) {
+            if (attributeFilters[i].name === name) {
+              attributeFilters[i].callbacks.push(callback);
+              return;
+            }
+          }
+          attributeFilters.push({
+            name: name,
+            callbacks: [callback]
+          });
+        });
+      };
+      var getAttributeFilters = function () {
+        return [].concat(attributeFilters);
+      };
+      var parse = function (html, args) {
+        var nodes, i, l, fi, fl, list, name;
+        var invalidChildren = [];
+        var isInWhiteSpacePreservedElement;
+        var node;
+        var getRootBlockName = function (name) {
+          if (name === false) {
+            return '';
+          } else if (name === true) {
+            return 'p';
+          } else {
+            return name;
+          }
+        };
+        args = args || {};
+        matchedNodes = {};
+        matchedAttributes = {};
+        var blockElements = extend$2(makeMap$4('script,style,head,html,body,title,meta,param'), schema.getBlockElements());
+        var nonEmptyElements = schema.getNonEmptyElements();
+        var children = schema.children;
+        var validate = settings.validate;
+        var forcedRootBlockName = 'forced_root_block' in args ? args.forced_root_block : settings.forced_root_block;
+        var rootBlockName = getRootBlockName(forcedRootBlockName);
+        var whiteSpaceElements = schema.getWhiteSpaceElements();
+        var startWhiteSpaceRegExp = /^[ \t\r\n]+/;
+        var endWhiteSpaceRegExp = /[ \t\r\n]+$/;
+        var allWhiteSpaceRegExp = /[ \t\r\n]+/g;
+        var isAllWhiteSpaceRegExp = /^[ \t\r\n]+$/;
+        isInWhiteSpacePreservedElement = whiteSpaceElements.hasOwnProperty(args.context) || whiteSpaceElements.hasOwnProperty(settings.root_name);
+        var addRootBlocks = function () {
+          var node = rootNode.firstChild, next, rootBlockNode;
+          var trim = function (rootBlockNode) {
+            if (rootBlockNode) {
+              node = rootBlockNode.firstChild;
+              if (node && node.type === 3) {
+                node.value = node.value.replace(startWhiteSpaceRegExp, '');
+              }
+              node = rootBlockNode.lastChild;
+              if (node && node.type === 3) {
+                node.value = node.value.replace(endWhiteSpaceRegExp, '');
+              }
+            }
+          };
+          if (!schema.isValidChild(rootNode.name, rootBlockName.toLowerCase())) {
+            return;
+          }
+          while (node) {
+            next = node.next;
+            if (node.type === 3 || node.type === 1 && node.name !== 'p' && !blockElements[node.name] && !node.attr('data-mce-type')) {
+              if (!rootBlockNode) {
+                rootBlockNode = createNode(rootBlockName, 1);
+                rootBlockNode.attr(settings.forced_root_block_attrs);
+                rootNode.insert(rootBlockNode, node);
+                rootBlockNode.append(node);
+              } else {
+                rootBlockNode.append(node);
+              }
+            } else {
+              trim(rootBlockNode);
+              rootBlockNode = null;
+            }
+            node = next;
+          }
+          trim(rootBlockNode);
+        };
+        var createNode = function (name, type) {
+          var node = new AstNode(name, type);
+          var list;
+          if (name in nodeFilters) {
+            list = matchedNodes[name];
+            if (list) {
+              list.push(node);
+            } else {
+              matchedNodes[name] = [node];
+            }
+          }
+          return node;
+        };
+        var removeWhitespaceBefore = function (node) {
+          var textNode, textNodeNext, textVal, sibling;
+          var blockElements = schema.getBlockElements();
+          for (textNode = node.prev; textNode && textNode.type === 3;) {
+            textVal = textNode.value.replace(endWhiteSpaceRegExp, '');
+            if (textVal.length > 0) {
+              textNode.value = textVal;
+              return;
+            }
+            textNodeNext = textNode.next;
+            if (textNodeNext) {
+              if (textNodeNext.type === 3 && textNodeNext.value.length) {
+                textNode = textNode.prev;
+                continue;
+              }
+              if (!blockElements[textNodeNext.name] && textNodeNext.name !== 'script' && textNodeNext.name !== 'style') {
+                textNode = textNode.prev;
+                continue;
+              }
+            }
+            sibling = textNode.prev;
+            textNode.remove();
+            textNode = sibling;
+          }
+        };
+        var cloneAndExcludeBlocks = function (input) {
+          var name;
+          var output = {};
+          for (name in input) {
+            if (name !== 'li' && name !== 'p') {
+              output[name] = input[name];
+            }
+          }
+          return output;
+        };
+        var parser = SaxParser$1({
+          validate: validate,
+          allow_html_data_urls: settings.allow_html_data_urls,
+          allow_svg_data_urls: settings.allow_svg_data_urls,
+          allow_script_urls: settings.allow_script_urls,
+          allow_conditional_comments: settings.allow_conditional_comments,
+          preserve_cdata: settings.preserve_cdata,
+          self_closing_elements: cloneAndExcludeBlocks(schema.getSelfClosingElements()),
+          cdata: function (text) {
+            node.append(createNode('#cdata', 4)).value = text;
+          },
+          text: function (text, raw) {
+            var textNode;
+            if (!isInWhiteSpacePreservedElement) {
+              text = text.replace(allWhiteSpaceRegExp, ' ');
+              if (isLineBreakNode(node.lastChild, blockElements)) {
+                text = text.replace(startWhiteSpaceRegExp, '');
+              }
+            }
+            if (text.length !== 0) {
+              textNode = createNode('#text', 3);
+              textNode.raw = !!raw;
+              node.append(textNode).value = text;
+            }
+          },
+          comment: function (text) {
+            node.append(createNode('#comment', 8)).value = text;
+          },
+          pi: function (name, text) {
+            node.append(createNode(name, 7)).value = text;
+            removeWhitespaceBefore(node);
+          },
+          doctype: function (text) {
+            var newNode = node.append(createNode('#doctype', 10));
+            newNode.value = text;
+            removeWhitespaceBefore(node);
+          },
+          start: function (name, attrs, empty) {
+            var newNode, attrFiltersLen, attrName, parent;
+            var elementRule = validate ? schema.getElementRule(name) : {};
+            if (elementRule) {
+              newNode = createNode(elementRule.outputName || name, 1);
+              newNode.attributes = attrs;
+              newNode.shortEnded = empty;
+              node.append(newNode);
+              parent = children[node.name];
+              if (parent && children[newNode.name] && !parent[newNode.name]) {
+                invalidChildren.push(newNode);
+              }
+              attrFiltersLen = attributeFilters.length;
+              while (attrFiltersLen--) {
+                attrName = attributeFilters[attrFiltersLen].name;
+                if (attrName in attrs.map) {
+                  list = matchedAttributes[attrName];
+                  if (list) {
+                    list.push(newNode);
+                  } else {
+                    matchedAttributes[attrName] = [newNode];
+                  }
+                }
+              }
+              if (blockElements[name]) {
+                removeWhitespaceBefore(newNode);
+              }
+              if (!empty) {
+                node = newNode;
+              }
+              if (!isInWhiteSpacePreservedElement && whiteSpaceElements[name]) {
+                isInWhiteSpacePreservedElement = true;
+              }
+            }
+          },
+          end: function (name) {
+            var textNode, text, sibling, tempNode;
+            var elementRule = validate ? schema.getElementRule(name) : {};
+            if (elementRule) {
+              if (blockElements[name]) {
+                if (!isInWhiteSpacePreservedElement) {
+                  textNode = node.firstChild;
+                  if (textNode && textNode.type === 3) {
+                    text = textNode.value.replace(startWhiteSpaceRegExp, '');
+                    if (text.length > 0) {
+                      textNode.value = text;
+                      textNode = textNode.next;
+                    } else {
+                      sibling = textNode.next;
+                      textNode.remove();
+                      textNode = sibling;
+                      while (textNode && textNode.type === 3) {
+                        text = textNode.value;
+                        sibling = textNode.next;
+                        if (text.length === 0 || isAllWhiteSpaceRegExp.test(text)) {
+                          textNode.remove();
+                          textNode = sibling;
+                        }
+                        textNode = sibling;
+                      }
+                    }
+                  }
+                  textNode = node.lastChild;
+                  if (textNode && textNode.type === 3) {
+                    text = textNode.value.replace(endWhiteSpaceRegExp, '');
+                    if (text.length > 0) {
+                      textNode.value = text;
+                      textNode = textNode.prev;
+                    } else {
+                      sibling = textNode.prev;
+                      textNode.remove();
+                      textNode = sibling;
+                      while (textNode && textNode.type === 3) {
+                        text = textNode.value;
+                        sibling = textNode.prev;
+                        if (text.length === 0 || isAllWhiteSpaceRegExp.test(text)) {
+                          textNode.remove();
+                          textNode = sibling;
+                        }
+                        textNode = sibling;
+                      }
+                    }
+                  }
+                }
+              }
+              if (isInWhiteSpacePreservedElement && whiteSpaceElements[name]) {
+                isInWhiteSpacePreservedElement = false;
+              }
+              if (elementRule.removeEmpty && isEmpty$2(schema, nonEmptyElements, whiteSpaceElements, node)) {
+                tempNode = node.parent;
+                if (blockElements[node.name]) {
+                  node.empty().remove();
+                } else {
+                  node.unwrap();
+                }
+                node = tempNode;
+                return;
+              }
+              if (elementRule.paddEmpty && (isPaddedWithNbsp(node) || isEmpty$2(schema, nonEmptyElements, whiteSpaceElements, node))) {
+                paddEmptyNode(settings, args, blockElements, node);
+              }
+              node = node.parent;
+            }
+          }
+        }, schema);
+        var rootNode = node = new AstNode(args.context || settings.root_name, 11);
+        parser.parse(html, args.format);
+        if (validate && invalidChildren.length) {
+          if (!args.context) {
+            fixInvalidChildren(invalidChildren);
+          } else {
+            args.invalid = true;
+          }
+        }
+        if (rootBlockName && (rootNode.name === 'body' || args.isRootContent)) {
+          addRootBlocks();
+        }
+        if (!args.invalid) {
+          for (name in matchedNodes) {
+            if (!matchedNodes.hasOwnProperty(name)) {
+              continue;
+            }
+            list = nodeFilters[name];
+            nodes = matchedNodes[name];
+            fi = nodes.length;
+            while (fi--) {
+              if (!nodes[fi].parent) {
+                nodes.splice(fi, 1);
+              }
+            }
+            for (i = 0, l = list.length; i < l; i++) {
+              list[i](nodes, name, args);
+            }
+          }
+          for (i = 0, l = attributeFilters.length; i < l; i++) {
+            list = attributeFilters[i];
+            if (list.name in matchedAttributes) {
+              nodes = matchedAttributes[list.name];
+              fi = nodes.length;
+              while (fi--) {
+                if (!nodes[fi].parent) {
+                  nodes.splice(fi, 1);
+                }
+              }
+              for (fi = 0, fl = list.callbacks.length; fi < fl; fi++) {
+                list.callbacks[fi](nodes, list.name, args);
+              }
+            }
+          }
+        }
+        return rootNode;
+      };
+      var exports = {
+        schema: schema,
+        addAttributeFilter: addAttributeFilter,
+        getAttributeFilters: getAttributeFilters,
+        addNodeFilter: addNodeFilter,
+        getNodeFilters: getNodeFilters,
+        filterNode: filterNode,
+        parse: parse
+      };
+      register$2(exports, settings);
+      register$1(exports, settings);
+      return exports;
+    };
+
+    var register$3 = function (htmlParser, settings, dom) {
+      htmlParser.addAttributeFilter('data-mce-tabindex', function (nodes, name) {
+        var i = nodes.length, node;
+        while (i--) {
+          node = nodes[i];
+          node.attr('tabindex', node.attr('data-mce-tabindex'));
+          node.attr(name, null);
+        }
+      });
+      htmlParser.addAttributeFilter('src,href,style', function (nodes, name) {
+        var i = nodes.length, node, value;
+        var internalName = 'data-mce-' + name;
+        var urlConverter = settings.url_converter;
+        var urlConverterScope = settings.url_converter_scope;
+        while (i--) {
+          node = nodes[i];
+          value = node.attr(internalName);
+          if (value !== undefined) {
+            node.attr(name, value.length > 0 ? value : null);
+            node.attr(internalName, null);
+          } else {
+            value = node.attr(name);
+            if (name === 'style') {
+              value = dom.serializeStyle(dom.parseStyle(value), node.name);
+            } else if (urlConverter) {
+              value = urlConverter.call(urlConverterScope, value, name, node.name);
+            }
+            node.attr(name, value.length > 0 ? value : null);
+          }
+        }
+      });
+      htmlParser.addAttributeFilter('class', function (nodes) {
+        var i = nodes.length, node, value;
+        while (i--) {
+          node = nodes[i];
+          value = node.attr('class');
+          if (value) {
+            value = node.attr('class').replace(/(?:^|\s)mce-item-\w+(?!\S)/g, '');
+            node.attr('class', value.length > 0 ? value : null);
+          }
+        }
+      });
+      htmlParser.addAttributeFilter('data-mce-type', function (nodes, name, args) {
+        var i = nodes.length, node;
+        while (i--) {
+          node = nodes[i];
+          if (node.attr('data-mce-type') === 'bookmark' && !args.cleanup) {
+            var hasChildren = Optional.from(node.firstChild).exists(function (firstChild) {
+              return !isZwsp$1(firstChild.value);
+            });
+            if (hasChildren) {
+              node.unwrap();
+            } else {
+              node.remove();
+            }
+          }
+        }
+      });
+      htmlParser.addNodeFilter('noscript', function (nodes) {
+        var i = nodes.length, node;
+        while (i--) {
+          node = nodes[i].firstChild;
+          if (node) {
+            node.value = Entities.decode(node.value);
+          }
+        }
+      });
+      htmlParser.addNodeFilter('script,style', function (nodes, name) {
+        var i = nodes.length, node, value, type;
+        var trim = function (value) {
+          return value.replace(/(<!--\[CDATA\[|\]\]-->)/g, '\n').replace(/^[\r\n]*|[\r\n]*$/g, '').replace(/^\s*((<!--)?(\s*\/\/)?\s*<!\[CDATA\[|(<!--\s*)?\/\*\s*<!\[CDATA\[\s*\*\/|(\/\/)?\s*<!--|\/\*\s*<!--\s*\*\/)\s*[\r\n]*/gi, '').replace(/\s*(\/\*\s*\]\]>\s*\*\/(-->)?|\s*\/\/\s*\]\]>(-->)?|\/\/\s*(-->)?|\]\]>|\/\*\s*-->\s*\*\/|\s*-->\s*)\s*$/g, '');
+        };
+        while (i--) {
+          node = nodes[i];
+          value = node.firstChild ? node.firstChild.value : '';
+          if (name === 'script') {
+            type = node.attr('type');
+            if (type) {
+              node.attr('type', type === 'mce-no/type' ? null : type.replace(/^mce\-/, ''));
+            }
+            if (settings.element_format === 'xhtml' && value.length > 0) {
+              node.firstChild.value = '// <![CDATA[\n' + trim(value) + '\n// ]]>';
+            }
+          } else {
+            if (settings.element_format === 'xhtml' && value.length > 0) {
+              node.firstChild.value = '<!--\n' + trim(value) + '\n-->';
+            }
+          }
+        }
+      });
+      htmlParser.addNodeFilter('#comment', function (nodes) {
+        var i = nodes.length, node;
+        while (i--) {
+          node = nodes[i];
+          if (settings.preserve_cdata && node.value.indexOf('[CDATA[') === 0) {
+            node.name = '#cdata';
+            node.type = 4;
+            node.value = dom.decode(node.value.replace(/^\[CDATA\[|\]\]$/g, ''));
+          } else if (node.value.indexOf('mce:protected ') === 0) {
+            node.name = '#text';
+            node.type = 3;
+            node.raw = true;
+            node.value = unescape(node.value).substr(14);
+          }
+        }
+      });
+      htmlParser.addNodeFilter('xml:namespace,input', function (nodes, name) {
+        var i = nodes.length, node;
+        while (i--) {
+          node = nodes[i];
+          if (node.type === 7) {
+            node.remove();
+          } else if (node.type === 1) {
+            if (name === 'input' && !node.attr('type')) {
+              node.attr('type', 'text');
+            }
+          }
+        }
+      });
+      htmlParser.addAttributeFilter('data-mce-type', function (nodes) {
+        each(nodes, function (node) {
+          if (node.attr('data-mce-type') === 'format-caret') {
+            if (node.isEmpty(htmlParser.schema.getNonEmptyElements())) {
+              node.remove();
+            } else {
+              node.unwrap();
+            }
+          }
+        });
+      });
+      htmlParser.addAttributeFilter('data-mce-src,data-mce-href,data-mce-style,' + 'data-mce-selected,data-mce-expando,' + 'data-mce-type,data-mce-resize,data-mce-placeholder', function (nodes, name) {
+        var i = nodes.length;
+        while (i--) {
+          nodes[i].attr(name, null);
+        }
+      });
+    };
+    var trimTrailingBr = function (rootNode) {
+      var isBr = function (node) {
+        return node && node.name === 'br';
+      };
+      var brNode1 = rootNode.lastChild;
+      if (isBr(brNode1)) {
+        var brNode2 = brNode1.prev;
+        if (isBr(brNode2)) {
+          brNode1.remove();
+          brNode2.remove();
+        }
+      }
+    };
+
+    var preProcess = function (editor, node, args) {
+      var doc, oldDoc;
+      var dom = editor.dom;
+      node = node.cloneNode(true);
+      var impl = document.implementation;
+      if (impl.createHTMLDocument) {
+        doc = impl.createHTMLDocument('');
+        Tools.each(node.nodeName === 'BODY' ? node.childNodes : [node], function (node) {
+          doc.body.appendChild(doc.importNode(node, true));
+        });
+        if (node.nodeName !== 'BODY') {
+          node = doc.body.firstChild;
+        } else {
+          node = doc.body;
+        }
+        oldDoc = dom.doc;
+        dom.doc = doc;
+      }
+      firePreProcess(editor, __assign(__assign({}, args), { node: node }));
+      if (oldDoc) {
+        dom.doc = oldDoc;
+      }
+      return node;
+    };
+    var shouldFireEvent = function (editor, args) {
+      return editor && editor.hasEventListeners('PreProcess') && !args.no_events;
+    };
+    var process = function (editor, node, args) {
+      return shouldFireEvent(editor, args) ? preProcess(editor, node, args) : node;
+    };
+
+    var addTempAttr = function (htmlParser, tempAttrs, name) {
+      if (Tools.inArray(tempAttrs, name) === -1) {
+        htmlParser.addAttributeFilter(name, function (nodes, name) {
+          var i = nodes.length;
+          while (i--) {
+            nodes[i].attr(name, null);
+          }
+        });
+        tempAttrs.push(name);
+      }
+    };
+    var postProcess$1 = function (editor, args, content) {
+      if (!args.no_events && editor) {
+        var outArgs = firePostProcess(editor, __assign(__assign({}, args), { content: content }));
+        return outArgs.content;
+      } else {
+        return content;
+      }
+    };
+    var getHtmlFromNode = function (dom, node, args) {
+      var html = trim$2(args.getInner ? node.innerHTML : dom.getOuterHTML(node));
+      return args.selection || isWsPreserveElement(SugarElement.fromDom(node)) ? html : Tools.trim(html);
+    };
+    var parseHtml = function (htmlParser, html, args) {
+      var parserArgs = args.selection ? __assign({ forced_root_block: false }, args) : args;
+      var rootNode = htmlParser.parse(html, parserArgs);
+      trimTrailingBr(rootNode);
+      return rootNode;
+    };
+    var serializeNode = function (settings, schema, node) {
+      var htmlSerializer = HtmlSerializer(settings, schema);
+      return htmlSerializer.serialize(node);
+    };
+    var toHtml = function (editor, settings, schema, rootNode, args) {
+      var content = serializeNode(settings, schema, rootNode);
+      return postProcess$1(editor, args, content);
+    };
+    var DomSerializerImpl = function (settings, editor) {
+      var tempAttrs = ['data-mce-selected'];
+      var dom = editor && editor.dom ? editor.dom : DOMUtils$1.DOM;
+      var schema = editor && editor.schema ? editor.schema : Schema(settings);
+      settings.entity_encoding = settings.entity_encoding || 'named';
+      settings.remove_trailing_brs = 'remove_trailing_brs' in settings ? settings.remove_trailing_brs : true;
+      var htmlParser = DomParser(settings, schema);
+      register$3(htmlParser, settings, dom);
+      var serialize = function (node, parserArgs) {
+        if (parserArgs === void 0) {
+          parserArgs = {};
+        }
+        var args = __assign({ format: 'html' }, parserArgs);
+        var targetNode = process(editor, node, args);
+        var html = getHtmlFromNode(dom, targetNode, args);
+        var rootNode = parseHtml(htmlParser, html, args);
+        return args.format === 'tree' ? rootNode : toHtml(editor, settings, schema, rootNode, args);
+      };
+      return {
+        schema: schema,
+        addNodeFilter: htmlParser.addNodeFilter,
+        addAttributeFilter: htmlParser.addAttributeFilter,
+        serialize: serialize,
+        addRules: function (rules) {
+          schema.addValidElements(rules);
+        },
+        setRules: function (rules) {
+          schema.setValidElements(rules);
+        },
+        addTempAttr: curry(addTempAttr, htmlParser, tempAttrs),
+        getTempAttrs: function () {
+          return tempAttrs;
+        },
+        getNodeFilters: htmlParser.getNodeFilters,
+        getAttributeFilters: htmlParser.getAttributeFilters
+      };
+    };
+
+    var DomSerializer = function (settings, editor) {
+      var domSerializer = DomSerializerImpl(settings, editor);
+      return {
+        schema: domSerializer.schema,
+        addNodeFilter: domSerializer.addNodeFilter,
+        addAttributeFilter: domSerializer.addAttributeFilter,
+        serialize: domSerializer.serialize,
+        addRules: domSerializer.addRules,
+        setRules: domSerializer.setRules,
+        addTempAttr: domSerializer.addTempAttr,
+        getTempAttrs: domSerializer.getTempAttrs,
+        getNodeFilters: domSerializer.getNodeFilters,
+        getAttributeFilters: domSerializer.getAttributeFilters
+      };
+    };
+
+    var defaultFormat$1 = 'html';
+    var getContent$2 = function (editor, args) {
+      if (args === void 0) {
+        args = {};
+      }
+      var format = args.format ? args.format : defaultFormat$1;
+      return getContent(editor, args, format);
+    };
+
+    var setContent$2 = function (editor, content, args) {
+      if (args === void 0) {
+        args = {};
+      }
+      return setContent(editor, content, args);
+    };
+
+    var DOM$3 = DOMUtils$1.DOM;
+    var restoreOriginalStyles = function (editor) {
+      DOM$3.setStyle(editor.id, 'display', editor.orgDisplay);
+    };
+    var safeDestroy = function (x) {
+      return Optional.from(x).each(function (x) {
+        return x.destroy();
+      });
+    };
+    var clearDomReferences = function (editor) {
+      editor.contentAreaContainer = editor.formElement = editor.container = editor.editorContainer = null;
+      editor.bodyElement = editor.contentDocument = editor.contentWindow = null;
+      editor.iframeElement = editor.targetElm = null;
+      if (editor.selection) {
+        editor.selection = editor.selection.win = editor.selection.dom = editor.selection.dom.doc = null;
+      }
+    };
+    var restoreForm = function (editor) {
+      var form = editor.formElement;
+      if (form) {
+        if (form._mceOldSubmit) {
+          form.submit = form._mceOldSubmit;
+          form._mceOldSubmit = null;
+        }
+        DOM$3.unbind(form, 'submit reset', editor.formEventDelegate);
+      }
+    };
+    var remove$7 = function (editor) {
+      if (!editor.removed) {
+        var _selectionOverrides = editor._selectionOverrides, editorUpload = editor.editorUpload;
+        var body = editor.getBody();
+        var element = editor.getElement();
+        if (body) {
+          editor.save({ is_removing: true });
+        }
+        editor.removed = true;
+        editor.unbindAllNativeEvents();
+        if (editor.hasHiddenInput && element) {
+          DOM$3.remove(element.nextSibling);
+        }
+        fireRemove(editor);
+        editor.editorManager.remove(editor);
+        if (!editor.inline && body) {
+          restoreOriginalStyles(editor);
+        }
+        fireDetach(editor);
+        DOM$3.remove(editor.getContainer());
+        safeDestroy(_selectionOverrides);
+        safeDestroy(editorUpload);
+        editor.destroy();
+      }
+    };
+    var destroy = function (editor, automatic) {
+      var selection = editor.selection, dom = editor.dom;
+      if (editor.destroyed) {
+        return;
+      }
+      if (!automatic && !editor.removed) {
+        editor.remove();
+        return;
+      }
+      if (!automatic) {
+        editor.editorManager.off('beforeunload', editor._beforeUnload);
+        if (editor.theme && editor.theme.destroy) {
+          editor.theme.destroy();
+        }
+        safeDestroy(selection);
+        safeDestroy(dom);
+      }
+      restoreForm(editor);
+      clearDomReferences(editor);
+      editor.destroyed = true;
+    };
+
+    var hasOwnProperty$2 = Object.prototype.hasOwnProperty;
+    var deep$1 = function (old, nu) {
+      var bothObjects = isObject(old) && isObject(nu);
+      return bothObjects ? deepMerge(old, nu) : nu;
+    };
+    var baseMerge = function (merger) {
+      return function () {
+        var objects = new Array(arguments.length);
+        for (var i = 0; i < objects.length; i++) {
+          objects[i] = arguments[i];
+        }
+        if (objects.length === 0) {
+          throw new Error('Can\'t merge zero objects');
+        }
+        var ret = {};
+        for (var j = 0; j < objects.length; j++) {
+          var curObject = objects[j];
+          for (var key in curObject) {
+            if (hasOwnProperty$2.call(curObject, key)) {
+              ret[key] = merger(ret[key], curObject[key]);
+            }
+          }
+        }
+        return ret;
+      };
+    };
+    var deepMerge = baseMerge(deep$1);
+
+    var sectionResult = function (sections, settings) {
+      return {
+        sections: constant(sections),
+        settings: constant(settings)
+      };
+    };
+    var deviceDetection = detect$3().deviceType;
+    var isTouch = deviceDetection.isTouch();
+    var isPhone = deviceDetection.isPhone();
+    var isTablet = deviceDetection.isTablet();
+    var legacyMobilePlugins = [
+      'lists',
+      'autolink',
+      'autosave'
+    ];
+    var defaultTouchSettings = {
+      table_grid: false,
+      object_resizing: false,
+      resize: false
+    };
+    var normalizePlugins = function (plugins) {
+      var pluginNames = isArray(plugins) ? plugins.join(' ') : plugins;
+      var trimmedPlugins = map(isString(pluginNames) ? pluginNames.split(' ') : [], trim);
+      return filter(trimmedPlugins, function (item) {
+        return item.length > 0;
+      });
+    };
+    var filterLegacyMobilePlugins = function (plugins) {
+      return filter(plugins, curry(contains, legacyMobilePlugins));
+    };
+    var extractSections = function (keys, settings) {
+      var result = bifilter(settings, function (value, key) {
+        return contains(keys, key);
+      });
+      return sectionResult(result.t, result.f);
+    };
+    var getSection = function (sectionResult, name, defaults) {
+      if (defaults === void 0) {
+        defaults = {};
+      }
+      var sections = sectionResult.sections();
+      var sectionSettings = sections.hasOwnProperty(name) ? sections[name] : {};
+      return Tools.extend({}, defaults, sectionSettings);
+    };
+    var hasSection = function (sectionResult, name) {
+      return sectionResult.sections().hasOwnProperty(name);
+    };
+    var isSectionTheme = function (sectionResult, name, theme) {
+      var section = sectionResult.sections();
+      return hasSection(sectionResult, name) && section[name].theme === theme;
+    };
+    var getSectionConfig = function (sectionResult, name) {
+      return hasSection(sectionResult, name) ? sectionResult.sections()[name] : {};
+    };
+    var getToolbarMode = function (settings, defaultVal) {
+      return get$1(settings, 'toolbar_mode').orThunk(function () {
+        return get$1(settings, 'toolbar_drawer').map(function (val) {
+          return val === false ? 'wrap' : val;
+        });
+      }).getOr(defaultVal);
+    };
+    var getDefaultSettings = function (settings, id, documentBaseUrl, isTouch, editor) {
+      var baseDefaults = {
+        id: id,
+        theme: 'silver',
+        toolbar_mode: getToolbarMode(settings, 'floating'),
+        plugins: '',
+        document_base_url: documentBaseUrl,
+        add_form_submit_trigger: true,
+        submit_patch: true,
+        add_unload_trigger: true,
+        convert_urls: true,
+        relative_urls: true,
+        remove_script_host: true,
+        object_resizing: true,
+        doctype: '<!DOCTYPE html>',
+        visual: true,
+        font_size_legacy_values: 'xx-small,small,medium,large,x-large,xx-large,300%',
+        forced_root_block: 'p',
+        hidden_input: true,
+        inline_styles: true,
+        convert_fonts_to_spans: true,
+        indent: true,
+        indent_before: 'p,h1,h2,h3,h4,h5,h6,blockquote,div,title,style,pre,script,td,th,ul,ol,li,dl,dt,dd,area,table,thead,' + 'tfoot,tbody,tr,section,summary,article,hgroup,aside,figure,figcaption,option,optgroup,datalist',
+        indent_after: 'p,h1,h2,h3,h4,h5,h6,blockquote,div,title,style,pre,script,td,th,ul,ol,li,dl,dt,dd,area,table,thead,' + 'tfoot,tbody,tr,section,summary,article,hgroup,aside,figure,figcaption,option,optgroup,datalist',
+        entity_encoding: 'named',
+        url_converter: editor.convertURL,
+        url_converter_scope: editor
+      };
+      return __assign(__assign({}, baseDefaults), isTouch ? defaultTouchSettings : {});
+    };
+    var getDefaultMobileSettings = function (mobileSettings, isPhone) {
+      var defaultMobileSettings = {
+        resize: false,
+        toolbar_mode: getToolbarMode(mobileSettings, 'scrolling'),
+        toolbar_sticky: false
+      };
+      var defaultPhoneSettings = { menubar: false };
+      return __assign(__assign(__assign({}, defaultTouchSettings), defaultMobileSettings), isPhone ? defaultPhoneSettings : {});
+    };
+    var getExternalPlugins$1 = function (overrideSettings, settings) {
+      var userDefinedExternalPlugins = settings.external_plugins ? settings.external_plugins : {};
+      if (overrideSettings && overrideSettings.external_plugins) {
+        return Tools.extend({}, overrideSettings.external_plugins, userDefinedExternalPlugins);
+      } else {
+        return userDefinedExternalPlugins;
+      }
+    };
+    var combinePlugins = function (forcedPlugins, plugins) {
+      return [].concat(normalizePlugins(forcedPlugins)).concat(normalizePlugins(plugins));
+    };
+    var getPlatformPlugins = function (isMobileDevice, sectionResult, desktopPlugins, mobilePlugins) {
+      if (isMobileDevice && isSectionTheme(sectionResult, 'mobile', 'mobile')) {
+        return filterLegacyMobilePlugins(mobilePlugins);
+      } else if (isMobileDevice && hasSection(sectionResult, 'mobile')) {
+        return mobilePlugins;
+      } else {
+        return desktopPlugins;
+      }
+    };
+    var processPlugins = function (isMobileDevice, sectionResult, defaultOverrideSettings, settings) {
+      var forcedPlugins = normalizePlugins(defaultOverrideSettings.forced_plugins);
+      var desktopPlugins = normalizePlugins(settings.plugins);
+      var mobileConfig = getSectionConfig(sectionResult, 'mobile');
+      var mobilePlugins = mobileConfig.plugins ? normalizePlugins(mobileConfig.plugins) : desktopPlugins;
+      var platformPlugins = getPlatformPlugins(isMobileDevice, sectionResult, desktopPlugins, mobilePlugins);
+      var combinedPlugins = combinePlugins(forcedPlugins, platformPlugins);
+      if (Env.browser.isIE() && contains(combinedPlugins, 'rtc')) {
+        throw new Error('RTC plugin is not supported on IE 11.');
+      }
+      return Tools.extend(settings, { plugins: combinedPlugins.join(' ') });
+    };
+    var isOnMobile = function (isMobileDevice, sectionResult) {
+      return isMobileDevice && hasSection(sectionResult, 'mobile');
+    };
+    var combineSettings = function (isMobileDevice, isPhone, defaultSettings, defaultOverrideSettings, settings) {
+      var defaultDeviceSettings = isMobileDevice ? { mobile: getDefaultMobileSettings(settings.mobile || {}, isPhone) } : {};
+      var sectionResult = extractSections(['mobile'], deepMerge(defaultDeviceSettings, settings));
+      var extendedSettings = Tools.extend(defaultSettings, defaultOverrideSettings, sectionResult.settings(), isOnMobile(isMobileDevice, sectionResult) ? getSection(sectionResult, 'mobile') : {}, {
+        validate: true,
+        external_plugins: getExternalPlugins$1(defaultOverrideSettings, sectionResult.settings())
+      });
+      return processPlugins(isMobileDevice, sectionResult, defaultOverrideSettings, extendedSettings);
+    };
+    var getEditorSettings = function (editor, id, documentBaseUrl, defaultOverrideSettings, settings) {
+      var defaultSettings = getDefaultSettings(settings, id, documentBaseUrl, isTouch, editor);
+      return combineSettings(isPhone || isTablet, isPhone, defaultSettings, defaultOverrideSettings, settings);
+    };
+    var getFiltered = function (predicate, editor, name) {
+      return Optional.from(editor.settings[name]).filter(predicate);
+    };
+    var getParamObject = function (value) {
+      var output = {};
+      if (typeof value === 'string') {
+        each(value.indexOf('=') > 0 ? value.split(/[;,](?![^=;,]*(?:[;,]|$))/) : value.split(','), function (val) {
+          var arr = val.split('=');
+          if (arr.length > 1) {
+            output[Tools.trim(arr[0])] = Tools.trim(arr[1]);
+          } else {
+            output[Tools.trim(arr[0])] = Tools.trim(arr[0]);
+          }
+        });
+      } else {
+        output = value;
+      }
+      return output;
+    };
+    var isArrayOf = function (p) {
+      return function (a) {
+        return isArray(a) && forall(a, p);
+      };
+    };
+    var getParam = function (editor, name, defaultVal, type) {
+      var value = name in editor.settings ? editor.settings[name] : defaultVal;
+      if (type === 'hash') {
+        return getParamObject(value);
+      } else if (type === 'string') {
+        return getFiltered(isString, editor, name).getOr(defaultVal);
+      } else if (type === 'number') {
+        return getFiltered(isNumber, editor, name).getOr(defaultVal);
+      } else if (type === 'boolean') {
+        return getFiltered(isBoolean, editor, name).getOr(defaultVal);
+      } else if (type === 'object') {
+        return getFiltered(isObject, editor, name).getOr(defaultVal);
+      } else if (type === 'array') {
+        return getFiltered(isArray, editor, name).getOr(defaultVal);
+      } else if (type === 'string[]') {
+        return getFiltered(isArrayOf(isString), editor, name).getOr(defaultVal);
+      } else if (type === 'function') {
+        return getFiltered(isFunction, editor, name).getOr(defaultVal);
+      } else {
+        return value;
+      }
+    };
+
+    var CreateIconManager = function () {
+      var lookup = {};
+      var add = function (id, iconPack) {
+        lookup[id] = iconPack;
+      };
+      var get = function (id) {
+        if (lookup[id]) {
+          return lookup[id];
+        }
+        return { icons: {} };
+      };
+      var has$1 = function (id) {
+        return has(lookup, id);
+      };
+      return {
+        add: add,
+        get: get,
+        has: has$1
+      };
+    };
+    var IconManager = CreateIconManager();
+
+    var getProp = function (propName, elm) {
+      var rawElm = elm.dom;
+      return rawElm[propName];
+    };
+    var getComputedSizeProp = function (propName, elm) {
+      return parseInt(get$5(elm, propName), 10);
+    };
+    var getClientWidth = curry(getProp, 'clientWidth');
+    var getClientHeight = curry(getProp, 'clientHeight');
+    var getMarginTop = curry(getComputedSizeProp, 'margin-top');
+    var getMarginLeft = curry(getComputedSizeProp, 'margin-left');
+    var getBoundingClientRect$1 = function (elm) {
+      return elm.dom.getBoundingClientRect();
+    };
+    var isInsideElementContentArea = function (bodyElm, clientX, clientY) {
+      var clientWidth = getClientWidth(bodyElm);
+      var clientHeight = getClientHeight(bodyElm);
+      return clientX >= 0 && clientY >= 0 && clientX <= clientWidth && clientY <= clientHeight;
+    };
+    var transpose = function (inline, elm, clientX, clientY) {
+      var clientRect = getBoundingClientRect$1(elm);
+      var deltaX = inline ? clientRect.left + elm.dom.clientLeft + getMarginLeft(elm) : 0;
+      var deltaY = inline ? clientRect.top + elm.dom.clientTop + getMarginTop(elm) : 0;
+      var x = clientX - deltaX;
+      var y = clientY - deltaY;
+      return {
+        x: x,
+        y: y
+      };
+    };
+    var isXYInContentArea = function (editor, clientX, clientY) {
+      var bodyElm = SugarElement.fromDom(editor.getBody());
+      var targetElm = editor.inline ? bodyElm : documentElement(bodyElm);
+      var transposedPoint = transpose(editor.inline, targetElm, clientX, clientY);
+      return isInsideElementContentArea(targetElm, transposedPoint.x, transposedPoint.y);
+    };
+    var fromDomSafe = function (node) {
+      return Optional.from(node).map(SugarElement.fromDom);
+    };
+    var isEditorAttachedToDom = function (editor) {
+      var rawContainer = editor.inline ? editor.getBody() : editor.getContentAreaContainer();
+      return fromDomSafe(rawContainer).map(inBody).getOr(false);
+    };
+
+    function NotificationManagerImpl() {
+      var unimplemented = function () {
+        throw new Error('Theme did not provide a NotificationManager implementation.');
+      };
+      return {
+        open: unimplemented,
+        close: unimplemented,
+        reposition: unimplemented,
+        getArgs: unimplemented
+      };
+    }
+
+    function NotificationManager(editor) {
+      var notifications = [];
+      var getImplementation = function () {
+        var theme = editor.theme;
+        return theme && theme.getNotificationManagerImpl ? theme.getNotificationManagerImpl() : NotificationManagerImpl();
+      };
+      var getTopNotification = function () {
+        return Optional.from(notifications[0]);
+      };
+      var isEqual = function (a, b) {
+        return a.type === b.type && a.text === b.text && !a.progressBar && !a.timeout && !b.progressBar && !b.timeout;
+      };
+      var reposition = function () {
+        if (notifications.length > 0) {
+          getImplementation().reposition(notifications);
+        }
+      };
+      var addNotification = function (notification) {
+        notifications.push(notification);
+      };
+      var closeNotification = function (notification) {
+        findIndex(notifications, function (otherNotification) {
+          return otherNotification === notification;
+        }).each(function (index) {
+          notifications.splice(index, 1);
+        });
+      };
+      var open = function (spec, fireEvent) {
+        if (fireEvent === void 0) {
+          fireEvent = true;
+        }
+        if (editor.removed || !isEditorAttachedToDom(editor)) {
+          return;
+        }
+        if (fireEvent) {
+          editor.fire('BeforeOpenNotification', { notification: spec });
+        }
+        return find(notifications, function (notification) {
+          return isEqual(getImplementation().getArgs(notification), spec);
+        }).getOrThunk(function () {
+          editor.editorManager.setActive(editor);
+          var notification = getImplementation().open(spec, function () {
+            closeNotification(notification);
+            reposition();
+            getTopNotification().fold(function () {
+              return editor.focus();
+            }, function (top) {
+              return focus(SugarElement.fromDom(top.getEl()));
+            });
+          });
+          addNotification(notification);
+          reposition();
+          editor.fire('OpenNotification', __assign({}, notification));
+          return notification;
+        });
+      };
+      var close = function () {
+        getTopNotification().each(function (notification) {
+          getImplementation().close(notification);
+          closeNotification(notification);
+          reposition();
+        });
+      };
+      var getNotifications = function () {
+        return notifications;
+      };
+      var registerEvents = function (editor) {
+        editor.on('SkinLoaded', function () {
+          var serviceMessage = getServiceMessage(editor);
+          if (serviceMessage) {
+            open({
+              text: serviceMessage,
+              type: 'warning',
+              timeout: 0
+            }, false);
+          }
+        });
+        editor.on('ResizeEditor ResizeWindow NodeChange', function () {
+          Delay.requestAnimationFrame(reposition);
+        });
+        editor.on('remove', function () {
+          each(notifications.slice(), function (notification) {
+            getImplementation().close(notification);
+          });
+        });
+      };
+      registerEvents(editor);
+      return {
+        open: open,
+        close: close,
+        getNotifications: getNotifications
+      };
+    }
+
+    var PluginManager = AddOnManager$1.PluginManager;
+
+    var ThemeManager = AddOnManager$1.ThemeManager;
+
+    function WindowManagerImpl () {
+      var unimplemented = function () {
+        throw new Error('Theme did not provide a WindowManager implementation.');
+      };
+      return {
+        open: unimplemented,
+        openUrl: unimplemented,
+        alert: unimplemented,
+        confirm: unimplemented,
+        close: unimplemented,
+        getParams: unimplemented,
+        setParams: unimplemented
+      };
+    }
+
+    var WindowManager = function (editor) {
+      var dialogs = [];
+      var getImplementation = function () {
+        var theme = editor.theme;
+        return theme && theme.getWindowManagerImpl ? theme.getWindowManagerImpl() : WindowManagerImpl();
+      };
+      var funcBind = function (scope, f) {
+        return function () {
+          return f ? f.apply(scope, arguments) : undefined;
+        };
+      };
+      var fireOpenEvent = function (dialog) {
+        editor.fire('OpenWindow', { dialog: dialog });
+      };
+      var fireCloseEvent = function (dialog) {
+        editor.fire('CloseWindow', { dialog: dialog });
+      };
+      var addDialog = function (dialog) {
+        dialogs.push(dialog);
+        fireOpenEvent(dialog);
+      };
+      var closeDialog = function (dialog) {
+        fireCloseEvent(dialog);
+        dialogs = filter(dialogs, function (otherDialog) {
+          return otherDialog !== dialog;
+        });
+        if (dialogs.length === 0) {
+          editor.focus();
+        }
+      };
+      var getTopDialog = function () {
+        return Optional.from(dialogs[dialogs.length - 1]);
+      };
+      var storeSelectionAndOpenDialog = function (openDialog) {
+        editor.editorManager.setActive(editor);
+        store(editor);
+        var dialog = openDialog();
+        addDialog(dialog);
+        return dialog;
+      };
+      var open = function (args, params) {
+        return storeSelectionAndOpenDialog(function () {
+          return getImplementation().open(args, params, closeDialog);
+        });
+      };
+      var openUrl = function (args) {
+        return storeSelectionAndOpenDialog(function () {
+          return getImplementation().openUrl(args, closeDialog);
+        });
+      };
+      var alert = function (message, callback, scope) {
+        getImplementation().alert(message, funcBind(scope ? scope : this, callback));
+      };
+      var confirm = function (message, callback, scope) {
+        getImplementation().confirm(message, funcBind(scope ? scope : this, callback));
+      };
+      var close = function () {
+        getTopDialog().each(function (dialog) {
+          getImplementation().close(dialog);
+          closeDialog(dialog);
+        });
+      };
+      editor.on('remove', function () {
+        each(dialogs, function (dialog) {
+          getImplementation().close(dialog);
+        });
+      });
+      return {
+        open: open,
+        openUrl: openUrl,
+        alert: alert,
+        confirm: confirm,
+        close: close
+      };
+    };
+
+    var displayNotification = function (editor, message) {
+      editor.notificationManager.open({
+        type: 'error',
+        text: message
+      });
+    };
+    var displayError = function (editor, message) {
+      if (editor._skinLoaded) {
+        displayNotification(editor, message);
+      } else {
+        editor.on('SkinLoaded', function () {
+          displayNotification(editor, message);
+        });
+      }
+    };
+    var uploadError = function (editor, message) {
+      displayError(editor, I18n.translate([
+        'Failed to upload image: {0}',
+        message
+      ]));
+    };
+    var logError = function (editor, errorType, msg) {
+      fireError(editor, errorType, { message: msg });
+      console.error(msg);
+    };
+    var createLoadError = function (type, url, name) {
+      return name ? 'Failed to load ' + type + ': ' + name + ' from url ' + url : 'Failed to load ' + type + ' url: ' + url;
+    };
+    var pluginLoadError = function (editor, url, name) {
+      logError(editor, 'PluginLoadError', createLoadError('plugin', url, name));
+    };
+    var iconsLoadError = function (editor, url, name) {
+      logError(editor, 'IconsLoadError', createLoadError('icons', url, name));
+    };
+    var languageLoadError = function (editor, url, name) {
+      logError(editor, 'LanguageLoadError', createLoadError('language', url, name));
+    };
+    var pluginInitError = function (editor, name, err) {
+      var message = I18n.translate([
+        'Failed to initialize plugin: {0}',
+        name
+      ]);
+      initError(message, err);
+      displayError(editor, message);
+    };
+    var initError = function (message) {
+      var x = [];
+      for (var _i = 1; _i < arguments.length; _i++) {
+        x[_i - 1] = arguments[_i];
+      }
+      var console = window.console;
+      if (console) {
+        if (console.error) {
+          console.error.apply(console, __spreadArrays([message], x));
+        } else {
+          console.log.apply(console, __spreadArrays([message], x));
+        }
+      }
+    };
+
+    var isContentCssSkinName = function (url) {
+      return /^[a-z0-9\-]+$/i.test(url);
+    };
+    var getContentCssUrls = function (editor) {
+      var contentCss = getContentCss(editor);
+      var skinUrl = editor.editorManager.baseURL + '/skins/content';
+      var suffix = editor.editorManager.suffix;
+      var contentCssFile = 'content' + suffix + '.css';
+      var inline = editor.inline === true;
+      return map(contentCss, function (url) {
+        if (isContentCssSkinName(url) && !inline) {
+          return skinUrl + '/' + url + '/' + contentCssFile;
+        } else {
+          return editor.documentBaseURI.toAbsolute(url);
+        }
+      });
+    };
+    var appendContentCssFromSettings = function (editor) {
+      editor.contentCSS = editor.contentCSS.concat(getContentCssUrls(editor));
+    };
+
+    function Uploader(uploadStatus, settings) {
+      var pendingPromises = {};
+      var pathJoin = function (path1, path2) {
+        if (path1) {
+          return path1.replace(/\/$/, '') + '/' + path2.replace(/^\//, '');
+        }
+        return path2;
+      };
+      var defaultHandler = function (blobInfo, success, failure, progress) {
+        var xhr = new XMLHttpRequest();
+        xhr.open('POST', settings.url);
+        xhr.withCredentials = settings.credentials;
+        xhr.upload.onprogress = function (e) {
+          progress(e.loaded / e.total * 100);
+        };
+        xhr.onerror = function () {
+          failure('Image upload failed due to a XHR Transport error. Code: ' + xhr.status);
+        };
+        xhr.onload = function () {
+          if (xhr.status < 200 || xhr.status >= 300) {
+            failure('HTTP Error: ' + xhr.status);
+            return;
+          }
+          var json = JSON.parse(xhr.responseText);
+          if (!json || typeof json.location !== 'string') {
+            failure('Invalid JSON: ' + xhr.responseText);
+            return;
+          }
+          success(pathJoin(settings.basePath, json.location));
+        };
+        var formData = new FormData();
+        formData.append('file', blobInfo.blob(), blobInfo.filename());
+        xhr.send(formData);
+      };
+      var noUpload = function () {
+        return new promiseObj(function (resolve) {
+          resolve([]);
+        });
+      };
+      var handlerSuccess = function (blobInfo, url) {
+        return {
+          url: url,
+          blobInfo: blobInfo,
+          status: true
+        };
+      };
+      var handlerFailure = function (blobInfo, message, options) {
+        return {
+          url: '',
+          blobInfo: blobInfo,
+          status: false,
+          error: {
+            message: message,
+            options: options
+          }
+        };
+      };
+      var resolvePending = function (blobUri, result) {
+        Tools.each(pendingPromises[blobUri], function (resolve) {
+          resolve(result);
+        });
+        delete pendingPromises[blobUri];
+      };
+      var uploadBlobInfo = function (blobInfo, handler, openNotification) {
+        uploadStatus.markPending(blobInfo.blobUri());
+        return new promiseObj(function (resolve) {
+          var notification, progress;
+          var noop = function () {
+          };
+          try {
+            var closeNotification_1 = function () {
+              if (notification) {
+                notification.close();
+                progress = noop;
+              }
+            };
+            var success = function (url) {
+              closeNotification_1();
+              uploadStatus.markUploaded(blobInfo.blobUri(), url);
+              resolvePending(blobInfo.blobUri(), handlerSuccess(blobInfo, url));
+              resolve(handlerSuccess(blobInfo, url));
+            };
+            var failure = function (error, options) {
+              var failureOptions = options ? options : {};
+              closeNotification_1();
+              uploadStatus.removeFailed(blobInfo.blobUri());
+              resolvePending(blobInfo.blobUri(), handlerFailure(blobInfo, error, failureOptions));
+              resolve(handlerFailure(blobInfo, error, failureOptions));
+            };
+            progress = function (percent) {
+              if (percent < 0 || percent > 100) {
+                return;
+              }
+              if (!notification) {
+                notification = openNotification();
+              }
+              notification.progressBar.value(percent);
+            };
+            handler(blobInfo, success, failure, progress);
+          } catch (ex) {
+            resolve(handlerFailure(blobInfo, ex.message, {}));
+          }
+        });
+      };
+      var isDefaultHandler = function (handler) {
+        return handler === defaultHandler;
+      };
+      var pendingUploadBlobInfo = function (blobInfo) {
+        var blobUri = blobInfo.blobUri();
+        return new promiseObj(function (resolve) {
+          pendingPromises[blobUri] = pendingPromises[blobUri] || [];
+          pendingPromises[blobUri].push(resolve);
+        });
+      };
+      var uploadBlobs = function (blobInfos, openNotification) {
+        blobInfos = Tools.grep(blobInfos, function (blobInfo) {
+          return !uploadStatus.isUploaded(blobInfo.blobUri());
+        });
+        return promiseObj.all(Tools.map(blobInfos, function (blobInfo) {
+          return uploadStatus.isPending(blobInfo.blobUri()) ? pendingUploadBlobInfo(blobInfo) : uploadBlobInfo(blobInfo, settings.handler, openNotification);
+        }));
+      };
+      var upload = function (blobInfos, openNotification) {
+        return !settings.url && isDefaultHandler(settings.handler) ? noUpload() : uploadBlobs(blobInfos, openNotification);
+      };
+      if (isFunction(settings.handler) === false) {
+        settings.handler = defaultHandler;
+      }
+      return { upload: upload };
+    }
+
+    function UploadStatus () {
+      var PENDING = 1, UPLOADED = 2;
+      var blobUriStatuses = {};
+      var createStatus = function (status, resultUri) {
+        return {
+          status: status,
+          resultUri: resultUri
+        };
+      };
+      var hasBlobUri = function (blobUri) {
+        return blobUri in blobUriStatuses;
+      };
+      var getResultUri = function (blobUri) {
+        var result = blobUriStatuses[blobUri];
+        return result ? result.resultUri : null;
+      };
+      var isPending = function (blobUri) {
+        return hasBlobUri(blobUri) ? blobUriStatuses[blobUri].status === PENDING : false;
+      };
+      var isUploaded = function (blobUri) {
+        return hasBlobUri(blobUri) ? blobUriStatuses[blobUri].status === UPLOADED : false;
+      };
+      var markPending = function (blobUri) {
+        blobUriStatuses[blobUri] = createStatus(PENDING, null);
+      };
+      var markUploaded = function (blobUri, resultUri) {
+        blobUriStatuses[blobUri] = createStatus(UPLOADED, resultUri);
+      };
+      var removeFailed = function (blobUri) {
+        delete blobUriStatuses[blobUri];
+      };
+      var destroy = function () {
+        blobUriStatuses = {};
+      };
+      return {
+        hasBlobUri: hasBlobUri,
+        getResultUri: getResultUri,
+        isPending: isPending,
+        isUploaded: isUploaded,
+        markPending: markPending,
+        markUploaded: markUploaded,
+        removeFailed: removeFailed,
+        destroy: destroy
+      };
+    }
+
+    var count$1 = 0;
+    var seed = function () {
+      var rnd = function () {
+        return Math.round(Math.random() * 4294967295).toString(36);
+      };
+      var now = new Date().getTime();
+      return 's' + now.toString(36) + rnd() + rnd() + rnd();
+    };
+    var uuid = function (prefix) {
+      return prefix + count$1++ + seed();
+    };
+
+    var BlobCache = function () {
+      var cache = [];
+      var mimeToExt = function (mime) {
+        var mimes = {
+          'image/jpeg': 'jpg',
+          'image/jpg': 'jpg',
+          'image/gif': 'gif',
+          'image/png': 'png',
+          'image/apng': 'apng',
+          'image/avif': 'avif',
+          'image/svg+xml': 'svg',
+          'image/webp': 'webp',
+          'image/bmp': 'bmp',
+          'image/tiff': 'tiff'
+        };
+        return mimes[mime.toLowerCase()] || 'dat';
+      };
+      var create = function (o, blob, base64, name, filename) {
+        if (isString(o)) {
+          var id = o;
+          return toBlobInfo({
+            id: id,
+            name: name,
+            filename: filename,
+            blob: blob,
+            base64: base64
+          });
+        } else if (isObject(o)) {
+          return toBlobInfo(o);
+        } else {
+          throw new Error('Unknown input type');
+        }
+      };
+      var toBlobInfo = function (o) {
+        if (!o.blob || !o.base64) {
+          throw new Error('blob and base64 representations of the image are required for BlobInfo to be created');
+        }
+        var id = o.id || uuid('blobid');
+        var name = o.name || id;
+        var blob = o.blob;
+        return {
+          id: constant(id),
+          name: constant(name),
+          filename: constant(o.filename || name + '.' + mimeToExt(blob.type)),
+          blob: constant(blob),
+          base64: constant(o.base64),
+          blobUri: constant(o.blobUri || URL.createObjectURL(blob)),
+          uri: constant(o.uri)
+        };
+      };
+      var add = function (blobInfo) {
+        if (!get(blobInfo.id())) {
+          cache.push(blobInfo);
+        }
+      };
+      var findFirst = function (predicate) {
+        return find(cache, predicate).getOrUndefined();
+      };
+      var get = function (id) {
+        return findFirst(function (cachedBlobInfo) {
+          return cachedBlobInfo.id() === id;
+        });
+      };
+      var getByUri = function (blobUri) {
+        return findFirst(function (blobInfo) {
+          return blobInfo.blobUri() === blobUri;
+        });
+      };
+      var getByData = function (base64, type) {
+        return findFirst(function (blobInfo) {
+          return blobInfo.base64() === base64 && blobInfo.blob().type === type;
+        });
+      };
+      var removeByUri = function (blobUri) {
+        cache = filter(cache, function (blobInfo) {
+          if (blobInfo.blobUri() === blobUri) {
+            URL.revokeObjectURL(blobInfo.blobUri());
+            return false;
+          }
+          return true;
+        });
+      };
+      var destroy = function () {
+        each(cache, function (cachedBlobInfo) {
+          URL.revokeObjectURL(cachedBlobInfo.blobUri());
+        });
+        cache = [];
+      };
+      return {
+        create: create,
+        add: add,
+        get: get,
+        getByUri: getByUri,
+        getByData: getByData,
+        findFirst: findFirst,
+        removeByUri: removeByUri,
+        destroy: destroy
+      };
+    };
+
+    var UploadChangeHandler = function (editor) {
+      var lastChangedLevel = Cell(null);
+      editor.on('change AddUndo', function (e) {
+        lastChangedLevel.set(__assign({}, e.level));
+      });
+      var fireIfChanged = function () {
+        var data = editor.undoManager.data;
+        last(data).filter(function (level) {
+          return !isEq$4(lastChangedLevel.get(), level);
+        }).each(function (level) {
+          editor.setDirty(true);
+          editor.fire('change', {
+            level: level,
+            lastLevel: get(data, data.length - 2).getOrNull()
+          });
+        });
+      };
+      return { fireIfChanged: fireIfChanged };
+    };
+    var EditorUpload = function (editor) {
+      var blobCache = BlobCache();
+      var uploader, imageScanner;
+      var uploadStatus = UploadStatus();
+      var urlFilters = [];
+      var changeHandler = UploadChangeHandler(editor);
+      var aliveGuard = function (callback) {
+        return function (result) {
+          if (editor.selection) {
+            return callback(result);
+          }
+          return [];
+        };
+      };
+      var cacheInvalidator = function (url) {
+        return url + (url.indexOf('?') === -1 ? '?' : '&') + new Date().getTime();
+      };
+      var replaceString = function (content, search, replace) {
+        var index = 0;
+        do {
+          index = content.indexOf(search, index);
+          if (index !== -1) {
+            content = content.substring(0, index) + replace + content.substr(index + search.length);
+            index += replace.length - search.length + 1;
+          }
+        } while (index !== -1);
+        return content;
+      };
+      var replaceImageUrl = function (content, targetUrl, replacementUrl) {
+        var replacementString = 'src="' + replacementUrl + '"' + (replacementUrl === Env.transparentSrc ? ' data-mce-placeholder="1"' : '');
+        content = replaceString(content, 'src="' + targetUrl + '"', replacementString);
+        content = replaceString(content, 'data-mce-src="' + targetUrl + '"', 'data-mce-src="' + replacementUrl + '"');
+        return content;
+      };
+      var replaceUrlInUndoStack = function (targetUrl, replacementUrl) {
+        each(editor.undoManager.data, function (level) {
+          if (level.type === 'fragmented') {
+            level.fragments = map(level.fragments, function (fragment) {
+              return replaceImageUrl(fragment, targetUrl, replacementUrl);
+            });
+          } else {
+            level.content = replaceImageUrl(level.content, targetUrl, replacementUrl);
+          }
+        });
+      };
+      var openNotification = function () {
+        return editor.notificationManager.open({
+          text: editor.translate('Image uploading...'),
+          type: 'info',
+          timeout: -1,
+          progressBar: true
+        });
+      };
+      var replaceImageUriInView = function (image, resultUri) {
+        var src = editor.convertURL(resultUri, 'src');
+        replaceUrlInUndoStack(image.src, resultUri);
+        editor.$(image).attr({
+          'src': shouldReuseFileName(editor) ? cacheInvalidator(resultUri) : resultUri,
+          'data-mce-src': src
+        });
+      };
+      var uploadImages = function (callback) {
+        if (!uploader) {
+          uploader = Uploader(uploadStatus, {
+            url: getImageUploadUrl(editor),
+            basePath: getImageUploadBasePath(editor),
+            credentials: getImagesUploadCredentials(editor),
+            handler: getImagesUploadHandler(editor)
+          });
+        }
+        return scanForImages().then(aliveGuard(function (imageInfos) {
+          var blobInfos = map(imageInfos, function (imageInfo) {
+            return imageInfo.blobInfo;
+          });
+          return uploader.upload(blobInfos, openNotification).then(aliveGuard(function (result) {
+            var imagesToRemove = [];
+            var filteredResult = map(result, function (uploadInfo, index) {
+              var blobInfo = imageInfos[index].blobInfo;
+              var image = imageInfos[index].image;
+              if (uploadInfo.status && shouldReplaceBlobUris(editor)) {
+                blobCache.removeByUri(image.src);
+                replaceImageUriInView(image, uploadInfo.url);
+              } else if (uploadInfo.error) {
+                if (uploadInfo.error.options.remove) {
+                  replaceUrlInUndoStack(image.getAttribute('src'), Env.transparentSrc);
+                  imagesToRemove.push(image);
+                }
+                uploadError(editor, uploadInfo.error.message);
+              }
+              return {
+                element: image,
+                status: uploadInfo.status,
+                uploadUri: uploadInfo.url,
+                blobInfo: blobInfo
+              };
+            });
+            if (filteredResult.length > 0) {
+              changeHandler.fireIfChanged();
+            }
+            if (imagesToRemove.length > 0) {
+              if (isRtc(editor)) {
+                console.error('Removing images on failed uploads is currently unsupported for RTC');
+              } else {
+                editor.undoManager.transact(function () {
+                  each(imagesToRemove, function (element) {
+                    editor.dom.remove(element);
+                    blobCache.removeByUri(element.src);
+                  });
+                });
+              }
+            }
+            if (callback) {
+              callback(filteredResult);
+            }
+            return filteredResult;
+          }));
+        }));
+      };
+      var uploadImagesAuto = function (callback) {
+        if (isAutomaticUploadsEnabled(editor)) {
+          return uploadImages(callback);
+        }
+      };
+      var isValidDataUriImage = function (imgElm) {
+        if (forall(urlFilters, function (filter) {
+            return filter(imgElm);
+          }) === false) {
+          return false;
+        }
+        if (imgElm.getAttribute('src').indexOf('data:') === 0) {
+          var dataImgFilter = getImagesDataImgFilter(editor);
+          return dataImgFilter(imgElm);
+        }
+        return true;
+      };
+      var addFilter = function (filter) {
+        urlFilters.push(filter);
+      };
+      var scanForImages = function () {
+        if (!imageScanner) {
+          imageScanner = ImageScanner(uploadStatus, blobCache);
+        }
+        return imageScanner.findAll(editor.getBody(), isValidDataUriImage).then(aliveGuard(function (result) {
+          result = filter(result, function (resultItem) {
+            if (typeof resultItem === 'string') {
+              displayError(editor, resultItem);
+              return false;
+            }
+            return true;
+          });
+          each(result, function (resultItem) {
+            replaceUrlInUndoStack(resultItem.image.src, resultItem.blobInfo.blobUri());
+            resultItem.image.src = resultItem.blobInfo.blobUri();
+            resultItem.image.removeAttribute('data-mce-src');
+          });
+          return result;
+        }));
+      };
+      var destroy = function () {
+        blobCache.destroy();
+        uploadStatus.destroy();
+        imageScanner = uploader = null;
+      };
+      var replaceBlobUris = function (content) {
+        return content.replace(/src="(blob:[^"]+)"/g, function (match, blobUri) {
+          var resultUri = uploadStatus.getResultUri(blobUri);
+          if (resultUri) {
+            return 'src="' + resultUri + '"';
+          }
+          var blobInfo = blobCache.getByUri(blobUri);
+          if (!blobInfo) {
+            blobInfo = foldl(editor.editorManager.get(), function (result, editor) {
+              return result || editor.editorUpload && editor.editorUpload.blobCache.getByUri(blobUri);
+            }, null);
+          }
+          if (blobInfo) {
+            var blob = blobInfo.blob();
+            return 'src="data:' + blob.type + ';base64,' + blobInfo.base64() + '"';
+          }
+          return match;
+        });
+      };
+      editor.on('SetContent', function () {
+        if (isAutomaticUploadsEnabled(editor)) {
+          uploadImagesAuto();
+        } else {
+          scanForImages();
+        }
+      });
+      editor.on('RawSaveContent', function (e) {
+        e.content = replaceBlobUris(e.content);
+      });
+      editor.on('GetContent', function (e) {
+        if (e.source_view || e.format === 'raw' || e.format === 'tree') {
+          return;
+        }
+        e.content = replaceBlobUris(e.content);
+      });
+      editor.on('PostRender', function () {
+        editor.parser.addNodeFilter('img', function (images) {
+          each(images, function (img) {
+            var src = img.attr('src');
+            if (blobCache.getByUri(src)) {
+              return;
+            }
+            var resultUri = uploadStatus.getResultUri(src);
+            if (resultUri) {
+              img.attr('src', resultUri);
+            }
+          });
+        });
+      });
+      return {
+        blobCache: blobCache,
+        addFilter: addFilter,
+        uploadImages: uploadImages,
+        uploadImagesAuto: uploadImagesAuto,
+        scanForImages: scanForImages,
+        destroy: destroy
+      };
+    };
+
+    var get$a = function (dom) {
+      var formats = {
+        valigntop: [{
+            selector: 'td,th',
+            styles: { verticalAlign: 'top' }
+          }],
+        valignmiddle: [{
+            selector: 'td,th',
+            styles: { verticalAlign: 'middle' }
+          }],
+        valignbottom: [{
+            selector: 'td,th',
+            styles: { verticalAlign: 'bottom' }
+          }],
+        alignleft: [
+          {
+            selector: 'figure.image',
+            collapsed: false,
+            classes: 'align-left',
+            ceFalseOverride: true,
+            preview: 'font-family font-size'
+          },
+          {
+            selector: 'figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li',
+            styles: { textAlign: 'left' },
+            inherit: false,
+            preview: false,
+            defaultBlock: 'div'
+          },
+          {
+            selector: 'img,table',
+            collapsed: false,
+            styles: { float: 'left' },
+            preview: 'font-family font-size'
+          }
+        ],
+        aligncenter: [
+          {
+            selector: 'figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li',
+            styles: { textAlign: 'center' },
+            inherit: false,
+            preview: 'font-family font-size',
+            defaultBlock: 'div'
+          },
+          {
+            selector: 'figure.image',
+            collapsed: false,
+            classes: 'align-center',
+            ceFalseOverride: true,
+            preview: 'font-family font-size'
+          },
+          {
+            selector: 'img',
+            collapsed: false,
+            styles: {
+              display: 'block',
+              marginLeft: 'auto',
+              marginRight: 'auto'
+            },
+            preview: false
+          },
+          {
+            selector: 'table',
+            collapsed: false,
+            styles: {
+              marginLeft: 'auto',
+              marginRight: 'auto'
+            },
+            preview: 'font-family font-size'
+          }
+        ],
+        alignright: [
+          {
+            selector: 'figure.image',
+            collapsed: false,
+            classes: 'align-right',
+            ceFalseOverride: true,
+            preview: 'font-family font-size'
+          },
+          {
+            selector: 'figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li',
+            styles: { textAlign: 'right' },
+            inherit: false,
+            preview: 'font-family font-size',
+            defaultBlock: 'div'
+          },
+          {
+            selector: 'img,table',
+            collapsed: false,
+            styles: { float: 'right' },
+            preview: 'font-family font-size'
+          }
+        ],
+        alignjustify: [{
+            selector: 'figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li',
+            styles: { textAlign: 'justify' },
+            inherit: false,
+            defaultBlock: 'div',
+            preview: 'font-family font-size'
+          }],
+        bold: [
+          {
+            inline: 'strong',
+            remove: 'all',
+            preserve_attributes: [
+              'class',
+              'style'
+            ]
+          },
+          {
+            inline: 'span',
+            styles: { fontWeight: 'bold' }
+          },
+          {
+            inline: 'b',
+            remove: 'all',
+            preserve_attributes: [
+              'class',
+              'style'
+            ]
+          }
+        ],
+        italic: [
+          {
+            inline: 'em',
+            remove: 'all',
+            preserve_attributes: [
+              'class',
+              'style'
+            ]
+          },
+          {
+            inline: 'span',
+            styles: { fontStyle: 'italic' }
+          },
+          {
+            inline: 'i',
+            remove: 'all',
+            preserve_attributes: [
+              'class',
+              'style'
+            ]
+          }
+        ],
+        underline: [
+          {
+            inline: 'span',
+            styles: { textDecoration: 'underline' },
+            exact: true
+          },
+          {
+            inline: 'u',
+            remove: 'all',
+            preserve_attributes: [
+              'class',
+              'style'
+            ]
+          }
+        ],
+        strikethrough: [
+          {
+            inline: 'span',
+            styles: { textDecoration: 'line-through' },
+            exact: true
+          },
+          {
+            inline: 'strike',
+            remove: 'all',
+            preserve_attributes: [
+              'class',
+              'style'
+            ]
+          },
+          {
+            inline: 's',
+            remove: 'all',
+            preserve_attributes: [
+              'class',
+              'style'
+            ]
+          }
+        ],
+        forecolor: {
+          inline: 'span',
+          styles: { color: '%value' },
+          links: true,
+          remove_similar: true,
+          clear_child_styles: true
+        },
+        hilitecolor: {
+          inline: 'span',
+          styles: { backgroundColor: '%value' },
+          links: true,
+          remove_similar: true,
+          clear_child_styles: true
+        },
+        fontname: {
+          inline: 'span',
+          toggle: false,
+          styles: { fontFamily: '%value' },
+          clear_child_styles: true
+        },
+        fontsize: {
+          inline: 'span',
+          toggle: false,
+          styles: { fontSize: '%value' },
+          clear_child_styles: true
+        },
+        lineheight: {
+          selector: 'h1,h2,h3,h4,h5,h6,p,li,td,th,div',
+          defaultBlock: 'p',
+          styles: { lineHeight: '%value' }
+        },
+        fontsize_class: {
+          inline: 'span',
+          attributes: { class: '%value' }
+        },
+        blockquote: {
+          block: 'blockquote',
+          wrapper: true,
+          remove: 'all'
+        },
+        subscript: { inline: 'sub' },
+        superscript: { inline: 'sup' },
+        code: { inline: 'code' },
+        link: {
+          inline: 'a',
+          selector: 'a',
+          remove: 'all',
+          split: true,
+          deep: true,
+          onmatch: function (node, _fmt, _itemName) {
+            return isElement$1(node) && node.hasAttribute('href');
+          },
+          onformat: function (elm, _fmt, vars) {
+            Tools.each(vars, function (value, key) {
+              dom.setAttrib(elm, key, value);
+            });
+          }
+        },
+        removeformat: [
+          {
+            selector: 'b,strong,em,i,font,u,strike,s,sub,sup,dfn,code,samp,kbd,var,cite,mark,q,del,ins',
+            remove: 'all',
+            split: true,
+            expand: false,
+            block_expand: true,
+            deep: true
+          },
+          {
+            selector: 'span',
+            attributes: [
+              'style',
+              'class'
+            ],
+            remove: 'empty',
+            split: true,
+            expand: false,
+            deep: true
+          },
+          {
+            selector: '*',
+            attributes: [
+              'style',
+              'class'
+            ],
+            split: false,
+            expand: false,
+            deep: true
+          }
+        ]
+      };
+      Tools.each('p h1 h2 h3 h4 h5 h6 div address pre div dt dd samp'.split(/\s/), function (name) {
+        formats[name] = {
+          block: name,
+          remove: 'all'
+        };
+      });
+      return formats;
+    };
+
+    function FormatRegistry(editor) {
+      var formats = {};
+      var get = function (name) {
+        return name ? formats[name] : formats;
+      };
+      var has$1 = function (name) {
+        return has(formats, name);
+      };
+      var register = function (name, format) {
+        if (name) {
+          if (typeof name !== 'string') {
+            Tools.each(name, function (format, name) {
+              register(name, format);
+            });
+          } else {
+            if (!isArray(format)) {
+              format = [format];
+            }
+            Tools.each(format, function (format) {
+              if (typeof format.deep === 'undefined') {
+                format.deep = !format.selector;
+              }
+              if (typeof format.split === 'undefined') {
+                format.split = !format.selector || format.inline;
+              }
+              if (typeof format.remove === 'undefined' && format.selector && !format.inline) {
+                format.remove = 'none';
+              }
+              if (format.selector && format.inline) {
+                format.mixed = true;
+                format.block_expand = true;
+              }
+              if (typeof format.classes === 'string') {
+                format.classes = format.classes.split(/\s+/);
+              }
+            });
+            formats[name] = format;
+          }
+        }
+      };
+      var unregister = function (name) {
+        if (name && formats[name]) {
+          delete formats[name];
+        }
+        return formats;
+      };
+      register(get$a(editor.dom));
+      register(getFormats(editor));
+      return {
+        get: get,
+        has: has$1,
+        register: register,
+        unregister: unregister
+      };
+    }
+
+    var each$e = Tools.each;
+    var dom = DOMUtils$1.DOM;
+    var parsedSelectorToHtml = function (ancestry, editor) {
+      var elm, item, fragment;
+      var schema = editor && editor.schema || Schema({});
+      var decorate = function (elm, item) {
+        if (item.classes.length) {
+          dom.addClass(elm, item.classes.join(' '));
+        }
+        dom.setAttribs(elm, item.attrs);
+      };
+      var createElement = function (sItem) {
+        item = typeof sItem === 'string' ? {
+          name: sItem,
+          classes: [],
+          attrs: {}
+        } : sItem;
+        var elm = dom.create(item.name);
+        decorate(elm, item);
+        return elm;
+      };
+      var getRequiredParent = function (elm, candidate) {
+        var name = typeof elm !== 'string' ? elm.nodeName.toLowerCase() : elm;
+        var elmRule = schema.getElementRule(name);
+        var parentsRequired = elmRule && elmRule.parentsRequired;
+        if (parentsRequired && parentsRequired.length) {
+          return candidate && Tools.inArray(parentsRequired, candidate) !== -1 ? candidate : parentsRequired[0];
+        } else {
+          return false;
+        }
+      };
+      var wrapInHtml = function (elm, ancestry, siblings) {
+        var parent, parentCandidate;
+        var ancestor = ancestry.length > 0 && ancestry[0];
+        var ancestorName = ancestor && ancestor.name;
+        var parentRequired = getRequiredParent(elm, ancestorName);
+        if (parentRequired) {
+          if (ancestorName === parentRequired) {
+            parentCandidate = ancestry[0];
+            ancestry = ancestry.slice(1);
+          } else {
+            parentCandidate = parentRequired;
+          }
+        } else if (ancestor) {
+          parentCandidate = ancestry[0];
+          ancestry = ancestry.slice(1);
+        } else if (!siblings) {
+          return elm;
+        }
+        if (parentCandidate) {
+          parent = createElement(parentCandidate);
+          parent.appendChild(elm);
+        }
+        if (siblings) {
+          if (!parent) {
+            parent = dom.create('div');
+            parent.appendChild(elm);
+          }
+          Tools.each(siblings, function (sibling) {
+            var siblingElm = createElement(sibling);
+            parent.insertBefore(siblingElm, elm);
+          });
+        }
+        return wrapInHtml(parent, ancestry, parentCandidate && parentCandidate.siblings);
+      };
+      if (ancestry && ancestry.length) {
+        item = ancestry[0];
+        elm = createElement(item);
+        fragment = dom.create('div');
+        fragment.appendChild(wrapInHtml(elm, ancestry.slice(1), item.siblings));
+        return fragment;
+      } else {
+        return '';
+      }
+    };
+    var parseSelectorItem = function (item) {
+      var tagName;
+      var obj = {
+        classes: [],
+        attrs: {}
+      };
+      item = obj.selector = Tools.trim(item);
+      if (item !== '*') {
+        tagName = item.replace(/(?:([#\.]|::?)([\w\-]+)|(\[)([^\]]+)\]?)/g, function ($0, $1, $2, $3, $4) {
+          switch ($1) {
+          case '#':
+            obj.attrs.id = $2;
+            break;
+          case '.':
+            obj.classes.push($2);
+            break;
+          case ':':
+            if (Tools.inArray('checked disabled enabled read-only required'.split(' '), $2) !== -1) {
+              obj.attrs[$2] = $2;
+            }
+            break;
+          }
+          if ($3 === '[') {
+            var m = $4.match(/([\w\-]+)(?:\=\"([^\"]+))?/);
+            if (m) {
+              obj.attrs[m[1]] = m[2];
+            }
+          }
+          return '';
+        });
+      }
+      obj.name = tagName || 'div';
+      return obj;
+    };
+    var parseSelector = function (selector) {
+      if (!selector || typeof selector !== 'string') {
+        return [];
+      }
+      selector = selector.split(/\s*,\s*/)[0];
+      selector = selector.replace(/\s*(~\+|~|\+|>)\s*/g, '$1');
+      return Tools.map(selector.split(/(?:>|\s+(?![^\[\]]+\]))/), function (item) {
+        var siblings = Tools.map(item.split(/(?:~\+|~|\+)/), parseSelectorItem);
+        var obj = siblings.pop();
+        if (siblings.length) {
+          obj.siblings = siblings;
+        }
+        return obj;
+      }).reverse();
+    };
+    var getCssText = function (editor, format) {
+      var name, previewFrag;
+      var previewCss = '', parentFontSize;
+      var previewStyles = getPreviewStyles(editor);
+      if (previewStyles === '') {
+        return '';
+      }
+      var removeVars = function (val) {
+        return val.replace(/%(\w+)/g, '');
+      };
+      if (typeof format === 'string') {
+        format = editor.formatter.get(format);
+        if (!format) {
+          return;
+        }
+        format = format[0];
+      }
+      if ('preview' in format) {
+        var previewOpt = get$1(format, 'preview');
+        if (previewOpt.is(false)) {
+          return '';
+        } else {
+          previewStyles = previewOpt.getOr(previewStyles);
+        }
+      }
+      name = format.block || format.inline || 'span';
+      var items = parseSelector(format.selector);
+      if (items.length) {
+        if (!items[0].name) {
+          items[0].name = name;
+        }
+        name = format.selector;
+        previewFrag = parsedSelectorToHtml(items, editor);
+      } else {
+        previewFrag = parsedSelectorToHtml([name], editor);
+      }
+      var previewElm = dom.select(name, previewFrag)[0] || previewFrag.firstChild;
+      each$e(format.styles, function (value, name) {
+        var newValue = removeVars(value);
+        if (newValue) {
+          dom.setStyle(previewElm, name, newValue);
+        }
+      });
+      each$e(format.attributes, function (value, name) {
+        var newValue = removeVars(value);
+        if (newValue) {
+          dom.setAttrib(previewElm, name, newValue);
+        }
+      });
+      each$e(format.classes, function (value) {
+        var newValue = removeVars(value);
+        if (!dom.hasClass(previewElm, newValue)) {
+          dom.addClass(previewElm, newValue);
+        }
+      });
+      editor.fire('PreviewFormats');
+      dom.setStyles(previewFrag, {
+        position: 'absolute',
+        left: -65535
+      });
+      editor.getBody().appendChild(previewFrag);
+      parentFontSize = dom.getStyle(editor.getBody(), 'fontSize', true);
+      parentFontSize = /px$/.test(parentFontSize) ? parseInt(parentFontSize, 10) : 0;
+      each$e(previewStyles.split(' '), function (name) {
+        var value = dom.getStyle(previewElm, name, true);
+        if (name === 'background-color' && /transparent|rgba\s*\([^)]+,\s*0\)/.test(value)) {
+          value = dom.getStyle(editor.getBody(), name, true);
+          if (dom.toHex(value).toLowerCase() === '#ffffff') {
+            return;
+          }
+        }
+        if (name === 'color') {
+          if (dom.toHex(value).toLowerCase() === '#000000') {
+            return;
+          }
+        }
+        if (name === 'font-size') {
+          if (/em|%$/.test(value)) {
+            if (parentFontSize === 0) {
+              return;
+            }
+            var numValue = parseFloat(value) / (/%$/.test(value) ? 100 : 1);
+            value = numValue * parentFontSize + 'px';
+          }
+        }
+        if (name === 'border' && value) {
+          previewCss += 'padding:0 2px;';
+        }
+        previewCss += name + ':' + value + ';';
+      });
+      editor.fire('AfterPreviewFormats');
+      dom.remove(previewFrag);
+      return previewCss;
+    };
+
+    var setup$6 = function (editor) {
+      editor.addShortcut('meta+b', '', 'Bold');
+      editor.addShortcut('meta+i', '', 'Italic');
+      editor.addShortcut('meta+u', '', 'Underline');
+      for (var i = 1; i <= 6; i++) {
+        editor.addShortcut('access+' + i, '', [
+          'FormatBlock',
+          false,
+          'h' + i
+        ]);
+      }
+      editor.addShortcut('access+7', '', [
+        'FormatBlock',
+        false,
+        'p'
+      ]);
+      editor.addShortcut('access+8', '', [
+        'FormatBlock',
+        false,
+        'div'
+      ]);
+      editor.addShortcut('access+9', '', [
+        'FormatBlock',
+        false,
+        'address'
+      ]);
+    };
+
+    var Formatter = function (editor) {
+      var formats = FormatRegistry(editor);
+      var formatChangeState = Cell(null);
+      setup$6(editor);
+      setup$3(editor);
+      return {
+        get: formats.get,
+        has: formats.has,
+        register: formats.register,
+        unregister: formats.unregister,
+        apply: function (name, vars, node) {
+          applyFormat$1(editor, name, vars, node);
+        },
+        remove: function (name, vars, node, similar) {
+          removeFormat$1(editor, name, vars, node, similar);
+        },
+        toggle: function (name, vars, node) {
+          toggleFormat(editor, name, vars, node);
+        },
+        match: function (name, vars, node) {
+          return matchFormat(editor, name, vars, node);
+        },
+        closest: function (names) {
+          return closestFormat(editor, names);
+        },
+        matchAll: function (names, vars) {
+          return matchAllFormats(editor, names, vars);
+        },
+        matchNode: function (node, names, vars, similar) {
+          return matchNodeFormat(editor, node, names, vars, similar);
+        },
+        canApply: function (name) {
+          return canApplyFormat(editor, name);
+        },
+        formatChanged: function (formats, callback, similar) {
+          return formatChanged(editor, formatChangeState, formats, callback, similar);
+        },
+        getCssText: curry(getCssText, editor)
+      };
+    };
+
+    var registerEvents$1 = function (editor, undoManager, locks) {
+      var isFirstTypedCharacter = Cell(false);
+      var addNonTypingUndoLevel = function (e) {
+        setTyping(undoManager, false, locks);
+        undoManager.add({}, e);
+      };
+      editor.on('init', function () {
+        undoManager.add();
+      });
+      editor.on('BeforeExecCommand', function (e) {
+        var cmd = e.command.toLowerCase();
+        if (cmd !== 'undo' && cmd !== 'redo' && cmd !== 'mcerepaint') {
+          endTyping(undoManager, locks);
+          undoManager.beforeChange();
+        }
+      });
+      editor.on('ExecCommand', function (e) {
+        var cmd = e.command.toLowerCase();
+        if (cmd !== 'undo' && cmd !== 'redo' && cmd !== 'mcerepaint') {
+          addNonTypingUndoLevel(e);
+        }
+      });
+      editor.on('ObjectResizeStart cut', function () {
+        undoManager.beforeChange();
+      });
+      editor.on('SaveContent ObjectResized blur', addNonTypingUndoLevel);
+      editor.on('dragend', addNonTypingUndoLevel);
+      editor.on('keyup', function (e) {
+        var keyCode = e.keyCode;
+        if (e.isDefaultPrevented()) {
+          return;
+        }
+        if (keyCode >= 33 && keyCode <= 36 || keyCode >= 37 && keyCode <= 40 || keyCode === 45 || e.ctrlKey) {
+          addNonTypingUndoLevel();
+          editor.nodeChanged();
+        }
+        if (keyCode === 46 || keyCode === 8) {
+          editor.nodeChanged();
+        }
+        if (isFirstTypedCharacter.get() && undoManager.typing && isEq$4(createFromEditor(editor), undoManager.data[0]) === false) {
+          if (editor.isDirty() === false) {
+            editor.setDirty(true);
+            editor.fire('change', {
+              level: undoManager.data[0],
+              lastLevel: null
+            });
+          }
+          editor.fire('TypingUndo');
+          isFirstTypedCharacter.set(false);
+          editor.nodeChanged();
+        }
+      });
+      editor.on('keydown', function (e) {
+        var keyCode = e.keyCode;
+        if (e.isDefaultPrevented()) {
+          return;
+        }
+        if (keyCode >= 33 && keyCode <= 36 || keyCode >= 37 && keyCode <= 40 || keyCode === 45) {
+          if (undoManager.typing) {
+            addNonTypingUndoLevel(e);
+          }
+          return;
+        }
+        var modKey = e.ctrlKey && !e.altKey || e.metaKey;
+        if ((keyCode < 16 || keyCode > 20) && keyCode !== 224 && keyCode !== 91 && !undoManager.typing && !modKey) {
+          undoManager.beforeChange();
+          setTyping(undoManager, true, locks);
+          undoManager.add({}, e);
+          isFirstTypedCharacter.set(true);
+        }
+      });
+      editor.on('mousedown', function (e) {
+        if (undoManager.typing) {
+          addNonTypingUndoLevel(e);
+        }
+      });
+      var isInsertReplacementText = function (event) {
+        return event.inputType === 'insertReplacementText';
+      };
+      var isInsertTextDataNull = function (event) {
+        return event.inputType === 'insertText' && event.data === null;
+      };
+      var isInsertFromPasteOrDrop = function (event) {
+        return event.inputType === 'insertFromPaste' || event.inputType === 'insertFromDrop';
+      };
+      editor.on('input', function (e) {
+        if (e.inputType && (isInsertReplacementText(e) || isInsertTextDataNull(e) || isInsertFromPasteOrDrop(e))) {
+          addNonTypingUndoLevel(e);
+        }
+      });
+      editor.on('AddUndo Undo Redo ClearUndos', function (e) {
+        if (!e.isDefaultPrevented()) {
+          editor.nodeChanged();
+        }
+      });
+    };
+    var addKeyboardShortcuts = function (editor) {
+      editor.addShortcut('meta+z', '', 'Undo');
+      editor.addShortcut('meta+y,meta+shift+z', '', 'Redo');
+    };
+
+    var UndoManager = function (editor) {
+      var beforeBookmark = Cell(Optional.none());
+      var locks = Cell(0);
+      var index = Cell(0);
+      var undoManager = {
+        data: [],
+        typing: false,
+        beforeChange: function () {
+          beforeChange$1(editor, locks, beforeBookmark);
+        },
+        add: function (level, event) {
+          return addUndoLevel$1(editor, undoManager, index, locks, beforeBookmark, level, event);
+        },
+        undo: function () {
+          return undo$1(editor, undoManager, locks, index);
+        },
+        redo: function () {
+          return redo$1(editor, index, undoManager.data);
+        },
+        clear: function () {
+          clear$1(editor, undoManager, index);
+        },
+        reset: function () {
+          reset$1(editor, undoManager);
+        },
+        hasUndo: function () {
+          return hasUndo$1(editor, undoManager, index);
+        },
+        hasRedo: function () {
+          return hasRedo$1(editor, undoManager, index);
+        },
+        transact: function (callback) {
+          return transact$1(editor, undoManager, locks, callback);
+        },
+        ignore: function (callback) {
+          ignore$1(editor, locks, callback);
+        },
+        extra: function (callback1, callback2) {
+          extra$1(editor, undoManager, index, callback1, callback2);
+        }
+      };
+      if (!isRtc(editor)) {
+        registerEvents$1(editor, undoManager, locks);
+      }
+      addKeyboardShortcuts(editor);
+      return undoManager;
+    };
+
+    var nonTypingKeycodes = [
+      9,
+      27,
+      VK.HOME,
+      VK.END,
+      19,
+      20,
+      44,
+      144,
+      145,
+      33,
+      34,
+      45,
+      16,
+      17,
+      18,
+      91,
+      92,
+      93,
+      VK.DOWN,
+      VK.UP,
+      VK.LEFT,
+      VK.RIGHT
+    ].concat(Env.browser.isFirefox() ? [224] : []);
+    var placeholderAttr = 'data-mce-placeholder';
+    var isKeyboardEvent = function (e) {
+      return e.type === 'keydown' || e.type === 'keyup';
+    };
+    var isDeleteEvent = function (e) {
+      var keyCode = e.keyCode;
+      return keyCode === VK.BACKSPACE || keyCode === VK.DELETE;
+    };
+    var isNonTypingKeyboardEvent = function (e) {
+      if (isKeyboardEvent(e)) {
+        var keyCode = e.keyCode;
+        return !isDeleteEvent(e) && (VK.metaKeyPressed(e) || e.altKey || keyCode >= 112 && keyCode <= 123 || contains(nonTypingKeycodes, keyCode));
+      } else {
+        return false;
+      }
+    };
+    var isTypingKeyboardEvent = function (e) {
+      return isKeyboardEvent(e) && !(isDeleteEvent(e) || e.type === 'keyup' && e.keyCode === 229);
+    };
+    var isVisuallyEmpty = function (dom, rootElm, forcedRootBlock) {
+      if (isEmpty(SugarElement.fromDom(rootElm), false)) {
+        var isForcedRootBlockFalse = forcedRootBlock === '';
+        var firstElement = rootElm.firstElementChild;
+        if (!firstElement) {
+          return true;
+        } else if (dom.getStyle(rootElm.firstElementChild, 'padding-left') || dom.getStyle(rootElm.firstElementChild, 'padding-right')) {
+          return false;
+        } else {
+          return isForcedRootBlockFalse ? !dom.isBlock(firstElement) : forcedRootBlock === firstElement.nodeName.toLowerCase();
+        }
+      } else {
+        return false;
+      }
+    };
+    var setup$7 = function (editor) {
+      var dom = editor.dom;
+      var rootBlock = getForcedRootBlock(editor);
+      var placeholder = getPlaceholder(editor);
+      var updatePlaceholder = function (e, initial) {
+        if (isNonTypingKeyboardEvent(e)) {
+          return;
+        }
+        var body = editor.getBody();
+        var showPlaceholder = isTypingKeyboardEvent(e) ? false : isVisuallyEmpty(dom, body, rootBlock);
+        var isPlaceholderShown = dom.getAttrib(body, placeholderAttr) !== '';
+        if (isPlaceholderShown !== showPlaceholder || initial) {
+          dom.setAttrib(body, placeholderAttr, showPlaceholder ? placeholder : null);
+          dom.setAttrib(body, 'aria-placeholder', showPlaceholder ? placeholder : null);
+          firePlaceholderToggle(editor, showPlaceholder);
+          editor.on(showPlaceholder ? 'keydown' : 'keyup', updatePlaceholder);
+          editor.off(showPlaceholder ? 'keyup' : 'keydown', updatePlaceholder);
+        }
+      };
+      if (placeholder) {
+        editor.on('init', function (e) {
+          updatePlaceholder(e, true);
+          editor.on('change SetContent ExecCommand', updatePlaceholder);
+          editor.on('paste', function (e) {
+            return Delay.setEditorTimeout(editor, function () {
+              return updatePlaceholder(e);
+            });
+          });
+        });
+      }
+    };
+
+    var strongRtl = /[\u0591-\u07FF\uFB1D-\uFDFF\uFE70-\uFEFC]/;
+    var hasStrongRtl = function (text) {
+      return strongRtl.test(text);
+    };
+
+    var isInlineTarget = function (editor, elm) {
+      return is$1(SugarElement.fromDom(elm), getInlineBoundarySelector(editor));
+    };
+    var isRtl$1 = function (element) {
+      return DOMUtils$1.DOM.getStyle(element, 'direction', true) === 'rtl' || hasStrongRtl(element.textContent);
+    };
+    var findInlineParents = function (isInlineTarget, rootNode, pos) {
+      return filter(DOMUtils$1.DOM.getParents(pos.container(), '*', rootNode), isInlineTarget);
+    };
+    var findRootInline = function (isInlineTarget, rootNode, pos) {
+      var parents = findInlineParents(isInlineTarget, rootNode, pos);
+      return Optional.from(parents[parents.length - 1]);
+    };
+    var hasSameParentBlock = function (rootNode, node1, node2) {
+      var block1 = getParentBlock(node1, rootNode);
+      var block2 = getParentBlock(node2, rootNode);
+      return block1 && block1 === block2;
+    };
+    var isAtZwsp = function (pos) {
+      return isBeforeInline(pos) || isAfterInline(pos);
+    };
+    var normalizePosition = function (forward, pos) {
+      if (!pos) {
+        return pos;
+      }
+      var container = pos.container(), offset = pos.offset();
+      if (forward) {
+        if (isCaretContainerInline(container)) {
+          if (isText$1(container.nextSibling)) {
+            return CaretPosition$1(container.nextSibling, 0);
+          } else {
+            return CaretPosition$1.after(container);
+          }
+        } else {
+          return isBeforeInline(pos) ? CaretPosition$1(container, offset + 1) : pos;
+        }
+      } else {
+        if (isCaretContainerInline(container)) {
+          if (isText$1(container.previousSibling)) {
+            return CaretPosition$1(container.previousSibling, container.previousSibling.data.length);
+          } else {
+            return CaretPosition$1.before(container);
+          }
+        } else {
+          return isAfterInline(pos) ? CaretPosition$1(container, offset - 1) : pos;
+        }
+      }
+    };
+    var normalizeForwards = curry(normalizePosition, true);
+    var normalizeBackwards = curry(normalizePosition, false);
+
+    var isBeforeRoot = function (rootNode) {
+      return function (elm) {
+        return eq$2(rootNode, SugarElement.fromDom(elm.dom.parentNode));
+      };
+    };
+    var getParentBlock$1 = function (rootNode, elm) {
+      return contains$2(rootNode, elm) ? closest(elm, function (element) {
+        return isTextBlock(element) || isListItem(element);
+      }, isBeforeRoot(rootNode)) : Optional.none();
+    };
+    var placeCaretInEmptyBody = function (editor) {
+      var body = editor.getBody();
+      var node = body.firstChild && editor.dom.isBlock(body.firstChild) ? body.firstChild : body;
+      editor.selection.setCursorLocation(node, 0);
+    };
+    var paddEmptyBody = function (editor) {
+      if (editor.dom.isEmpty(editor.getBody())) {
+        editor.setContent('');
+        placeCaretInEmptyBody(editor);
+      }
+    };
+    var willDeleteLastPositionInElement = function (forward, fromPos, elm) {
+      return lift2(firstPositionIn(elm), lastPositionIn(elm), function (firstPos, lastPos) {
+        var normalizedFirstPos = normalizePosition(true, firstPos);
+        var normalizedLastPos = normalizePosition(false, lastPos);
+        var normalizedFromPos = normalizePosition(false, fromPos);
+        if (forward) {
+          return nextPosition(elm, normalizedFromPos).exists(function (nextPos) {
+            return nextPos.isEqual(normalizedLastPos) && fromPos.isEqual(normalizedFirstPos);
+          });
+        } else {
+          return prevPosition(elm, normalizedFromPos).exists(function (prevPos) {
+            return prevPos.isEqual(normalizedFirstPos) && fromPos.isEqual(normalizedLastPos);
+          });
+        }
+      }).getOr(true);
+    };
+
+    var blockPosition = function (block, position) {
+      return {
+        block: block,
+        position: position
+      };
+    };
+    var blockBoundary = function (from, to) {
+      return {
+        from: from,
+        to: to
+      };
+    };
+    var getBlockPosition = function (rootNode, pos) {
+      var rootElm = SugarElement.fromDom(rootNode);
+      var containerElm = SugarElement.fromDom(pos.container());
+      return getParentBlock$1(rootElm, containerElm).map(function (block) {
+        return blockPosition(block, pos);
+      });
+    };
+    var isDifferentBlocks = function (blockBoundary) {
+      return eq$2(blockBoundary.from.block, blockBoundary.to.block) === false;
+    };
+    var hasSameParent = function (blockBoundary) {
+      return parent(blockBoundary.from.block).bind(function (parent1) {
+        return parent(blockBoundary.to.block).filter(function (parent2) {
+          return eq$2(parent1, parent2);
+        });
+      }).isSome();
+    };
+    var isEditable = function (blockBoundary) {
+      return isContentEditableFalse(blockBoundary.from.block.dom) === false && isContentEditableFalse(blockBoundary.to.block.dom) === false;
+    };
+    var skipLastBr = function (rootNode, forward, blockPosition) {
+      if (isBr(blockPosition.position.getNode()) && isEmpty(blockPosition.block) === false) {
+        return positionIn(false, blockPosition.block.dom).bind(function (lastPositionInBlock) {
+          if (lastPositionInBlock.isEqual(blockPosition.position)) {
+            return fromPosition(forward, rootNode, lastPositionInBlock).bind(function (to) {
+              return getBlockPosition(rootNode, to);
+            });
+          } else {
+            return Optional.some(blockPosition);
+          }
+        }).getOr(blockPosition);
+      } else {
+        return blockPosition;
+      }
+    };
+    var readFromRange = function (rootNode, forward, rng) {
+      var fromBlockPos = getBlockPosition(rootNode, CaretPosition$1.fromRangeStart(rng));
+      var toBlockPos = fromBlockPos.bind(function (blockPos) {
+        return fromPosition(forward, rootNode, blockPos.position).bind(function (to) {
+          return getBlockPosition(rootNode, to).map(function (blockPos) {
+            return skipLastBr(rootNode, forward, blockPos);
+          });
+        });
+      });
+      return lift2(fromBlockPos, toBlockPos, blockBoundary).filter(function (blockBoundary) {
+        return isDifferentBlocks(blockBoundary) && hasSameParent(blockBoundary) && isEditable(blockBoundary);
+      });
+    };
+    var read$3 = function (rootNode, forward, rng) {
+      return rng.collapsed ? readFromRange(rootNode, forward, rng) : Optional.none();
+    };
+
+    var getChildrenUntilBlockBoundary = function (block) {
+      var children$1 = children(block);
+      return findIndex(children$1, isBlock).fold(function () {
+        return children$1;
+      }, function (index) {
+        return children$1.slice(0, index);
+      });
+    };
+    var extractChildren = function (block) {
+      var children = getChildrenUntilBlockBoundary(block);
+      each(children, remove);
+      return children;
+    };
+    var removeEmptyRoot = function (rootNode, block) {
+      var parents = parentsAndSelf(block, rootNode);
+      return find(parents.reverse(), function (element) {
+        return isEmpty(element);
+      }).each(remove);
+    };
+    var isEmptyBefore = function (el) {
+      return filter(prevSiblings(el), function (el) {
+        return !isEmpty(el);
+      }).length === 0;
+    };
+    var nestedBlockMerge = function (rootNode, fromBlock, toBlock, insertionPoint) {
+      if (isEmpty(toBlock)) {
+        fillWithPaddingBr(toBlock);
+        return firstPositionIn(toBlock.dom);
+      }
+      if (isEmptyBefore(insertionPoint) && isEmpty(fromBlock)) {
+        before(insertionPoint, SugarElement.fromTag('br'));
+      }
+      var position = prevPosition(toBlock.dom, CaretPosition$1.before(insertionPoint.dom));
+      each(extractChildren(fromBlock), function (child) {
+        before(insertionPoint, child);
+      });
+      removeEmptyRoot(rootNode, fromBlock);
+      return position;
+    };
+    var sidelongBlockMerge = function (rootNode, fromBlock, toBlock) {
+      if (isEmpty(toBlock)) {
+        remove(toBlock);
+        if (isEmpty(fromBlock)) {
+          fillWithPaddingBr(fromBlock);
+        }
+        return firstPositionIn(fromBlock.dom);
+      }
+      var position = lastPositionIn(toBlock.dom);
+      each(extractChildren(fromBlock), function (child) {
+        append(toBlock, child);
+      });
+      removeEmptyRoot(rootNode, fromBlock);
+      return position;
+    };
+    var findInsertionPoint = function (toBlock, block) {
+      var parentsAndSelf$1 = parentsAndSelf(block, toBlock);
+      return Optional.from(parentsAndSelf$1[parentsAndSelf$1.length - 1]);
+    };
+    var getInsertionPoint = function (fromBlock, toBlock) {
+      return contains$2(toBlock, fromBlock) ? findInsertionPoint(toBlock, fromBlock) : Optional.none();
+    };
+    var trimBr = function (first, block) {
+      positionIn(first, block.dom).map(function (position) {
+        return position.getNode();
+      }).map(SugarElement.fromDom).filter(isBr$1).each(remove);
+    };
+    var mergeBlockInto = function (rootNode, fromBlock, toBlock) {
+      trimBr(true, fromBlock);
+      trimBr(false, toBlock);
+      return getInsertionPoint(fromBlock, toBlock).fold(curry(sidelongBlockMerge, rootNode, fromBlock, toBlock), curry(nestedBlockMerge, rootNode, fromBlock, toBlock));
+    };
+    var mergeBlocks = function (rootNode, forward, block1, block2) {
+      return forward ? mergeBlockInto(rootNode, block2, block1) : mergeBlockInto(rootNode, block1, block2);
+    };
+
+    var backspaceDelete$1 = function (editor, forward) {
+      var rootNode = SugarElement.fromDom(editor.getBody());
+      var position = read$3(rootNode.dom, forward, editor.selection.getRng()).bind(function (blockBoundary) {
+        return mergeBlocks(rootNode, forward, blockBoundary.from.block, blockBoundary.to.block);
+      });
+      position.each(function (pos) {
+        editor.selection.setRng(pos.toRange());
+      });
+      return position.isSome();
+    };
+
+    var deleteRangeMergeBlocks = function (rootNode, selection) {
+      var rng = selection.getRng();
+      return lift2(getParentBlock$1(rootNode, SugarElement.fromDom(rng.startContainer)), getParentBlock$1(rootNode, SugarElement.fromDom(rng.endContainer)), function (block1, block2) {
+        if (eq$2(block1, block2) === false) {
+          rng.deleteContents();
+          mergeBlocks(rootNode, true, block1, block2).each(function (pos) {
+            selection.setRng(pos.toRange());
+          });
+          return true;
+        } else {
+          return false;
+        }
+      }).getOr(false);
+    };
+    var isRawNodeInTable = function (root, rawNode) {
+      var node = SugarElement.fromDom(rawNode);
+      var isRoot = curry(eq$2, root);
+      return ancestor(node, isTableCell$1, isRoot).isSome();
+    };
+    var isSelectionInTable = function (root, rng) {
+      return isRawNodeInTable(root, rng.startContainer) || isRawNodeInTable(root, rng.endContainer);
+    };
+    var isEverythingSelected = function (root, rng) {
+      var noPrevious = prevPosition(root.dom, CaretPosition$1.fromRangeStart(rng)).isNone();
+      var noNext = nextPosition(root.dom, CaretPosition$1.fromRangeEnd(rng)).isNone();
+      return !isSelectionInTable(root, rng) && noPrevious && noNext;
+    };
+    var emptyEditor = function (editor) {
+      editor.setContent('');
+      editor.selection.setCursorLocation();
+      return true;
+    };
+    var deleteRange$1 = function (editor) {
+      var rootNode = SugarElement.fromDom(editor.getBody());
+      var rng = editor.selection.getRng();
+      return isEverythingSelected(rootNode, rng) ? emptyEditor(editor) : deleteRangeMergeBlocks(rootNode, editor.selection);
+    };
+    var backspaceDelete$2 = function (editor, _forward) {
+      return editor.selection.isCollapsed() ? false : deleteRange$1(editor);
+    };
+
+    var isContentEditableTrue$2 = isContentEditableTrue;
+    var isContentEditableFalse$7 = isContentEditableFalse;
+    var showCaret = function (direction, editor, node, before, scrollIntoView) {
+      return Optional.from(editor._selectionOverrides.showCaret(direction, node, before, scrollIntoView));
+    };
+    var getNodeRange = function (node) {
+      var rng = node.ownerDocument.createRange();
+      rng.selectNode(node);
+      return rng;
+    };
+    var selectNode = function (editor, node) {
+      var e = editor.fire('BeforeObjectSelected', { target: node });
+      if (e.isDefaultPrevented()) {
+        return Optional.none();
+      }
+      return Optional.some(getNodeRange(node));
+    };
+    var renderCaretAtRange = function (editor, range, scrollIntoView) {
+      var normalizedRange = normalizeRange(1, editor.getBody(), range);
+      var caretPosition = CaretPosition$1.fromRangeStart(normalizedRange);
+      var caretPositionNode = caretPosition.getNode();
+      if (isInlineFakeCaretTarget(caretPositionNode)) {
+        return showCaret(1, editor, caretPositionNode, !caretPosition.isAtEnd(), false);
+      }
+      var caretPositionBeforeNode = caretPosition.getNode(true);
+      if (isInlineFakeCaretTarget(caretPositionBeforeNode)) {
+        return showCaret(1, editor, caretPositionBeforeNode, false, false);
+      }
+      var ceRoot = editor.dom.getParent(caretPosition.getNode(), function (node) {
+        return isContentEditableFalse$7(node) || isContentEditableTrue$2(node);
+      });
+      if (isInlineFakeCaretTarget(ceRoot)) {
+        return showCaret(1, editor, ceRoot, false, scrollIntoView);
+      }
+      return Optional.none();
+    };
+    var renderRangeCaret = function (editor, range, scrollIntoView) {
+      return range.collapsed ? renderCaretAtRange(editor, range, scrollIntoView).getOr(range) : range;
+    };
+
+    var isBeforeBoundary = function (pos) {
+      return isBeforeContentEditableFalse(pos) || isBeforeMedia(pos);
+    };
+    var isAfterBoundary = function (pos) {
+      return isAfterContentEditableFalse(pos) || isAfterMedia(pos);
+    };
+    var trimEmptyTextNode$1 = function (dom, node) {
+      if (isText$1(node) && node.data.length === 0) {
+        dom.remove(node);
+      }
+    };
+    var deleteContentAndShowCaret = function (editor, range, node, direction, forward, peekCaretPosition) {
+      showCaret(direction, editor, peekCaretPosition.getNode(!forward), forward, true).each(function (caretRange) {
+        if (range.collapsed) {
+          var deleteRange = range.cloneRange();
+          if (forward) {
+            deleteRange.setEnd(caretRange.startContainer, caretRange.startOffset);
+          } else {
+            deleteRange.setStart(caretRange.endContainer, caretRange.endOffset);
+          }
+          deleteRange.deleteContents();
+        } else {
+          range.deleteContents();
+        }
+        editor.selection.setRng(caretRange);
+      });
+      trimEmptyTextNode$1(editor.dom, node);
+      return true;
+    };
+    var deleteBoundaryText = function (editor, forward) {
+      var range = editor.selection.getRng();
+      if (!isText$1(range.commonAncestorContainer)) {
+        return false;
+      }
+      var direction = forward ? HDirection.Forwards : HDirection.Backwards;
+      var caretWalker = CaretWalker(editor.getBody());
+      var getNextPosFn = curry(getVisualCaretPosition, forward ? caretWalker.next : caretWalker.prev);
+      var isBeforeFn = forward ? isBeforeBoundary : isAfterBoundary;
+      var caretPosition = getNormalizedRangeEndPoint(direction, editor.getBody(), range);
+      var nextCaretPosition = normalizePosition(forward, getNextPosFn(caretPosition));
+      if (!nextCaretPosition || !isMoveInsideSameBlock(caretPosition, nextCaretPosition)) {
+        return false;
+      } else if (isBeforeFn(nextCaretPosition)) {
+        return deleteContentAndShowCaret(editor, range, caretPosition.getNode(), direction, forward, nextCaretPosition);
+      }
+      var peekCaretPosition = getNextPosFn(nextCaretPosition);
+      if (peekCaretPosition && isBeforeFn(peekCaretPosition)) {
+        if (isMoveInsideSameBlock(nextCaretPosition, peekCaretPosition)) {
+          return deleteContentAndShowCaret(editor, range, caretPosition.getNode(), direction, forward, peekCaretPosition);
+        }
+      }
+      return false;
+    };
+    var backspaceDelete$3 = function (editor, forward) {
+      return deleteBoundaryText(editor, forward);
+    };
+
+    var isCompoundElement = function (node) {
+      return isTableCell$1(SugarElement.fromDom(node)) || isListItem(SugarElement.fromDom(node));
+    };
+    var DeleteAction = Adt.generate([
+      { remove: ['element'] },
+      { moveToElement: ['element'] },
+      { moveToPosition: ['position'] }
+    ]);
+    var isAtContentEditableBlockCaret = function (forward, from) {
+      var elm = from.getNode(forward === false);
+      var caretLocation = forward ? 'after' : 'before';
+      return isElement$1(elm) && elm.getAttribute('data-mce-caret') === caretLocation;
+    };
+    var isDeleteFromCefDifferentBlocks = function (root, forward, from, to) {
+      var inSameBlock = function (elm) {
+        return isInline(SugarElement.fromDom(elm)) && !isInSameBlock(from, to, root);
+      };
+      return getRelativeCefElm(!forward, from).fold(function () {
+        return getRelativeCefElm(forward, to).fold(never, inSameBlock);
+      }, inSameBlock);
+    };
+    var deleteEmptyBlockOrMoveToCef = function (root, forward, from, to) {
+      var toCefElm = to.getNode(forward === false);
+      return getParentBlock$1(SugarElement.fromDom(root), SugarElement.fromDom(from.getNode())).map(function (blockElm) {
+        return isEmpty(blockElm) ? DeleteAction.remove(blockElm.dom) : DeleteAction.moveToElement(toCefElm);
+      }).orThunk(function () {
+        return Optional.some(DeleteAction.moveToElement(toCefElm));
+      });
+    };
+    var findCefPosition = function (root, forward, from) {
+      return fromPosition(forward, root, from).bind(function (to) {
+        if (isCompoundElement(to.getNode())) {
+          return Optional.none();
+        } else if (isDeleteFromCefDifferentBlocks(root, forward, from, to)) {
+          return Optional.none();
+        } else if (forward && isContentEditableFalse(to.getNode())) {
+          return deleteEmptyBlockOrMoveToCef(root, forward, from, to);
+        } else if (forward === false && isContentEditableFalse(to.getNode(true))) {
+          return deleteEmptyBlockOrMoveToCef(root, forward, from, to);
+        } else if (forward && isAfterContentEditableFalse(from)) {
+          return Optional.some(DeleteAction.moveToPosition(to));
+        } else if (forward === false && isBeforeContentEditableFalse(from)) {
+          return Optional.some(DeleteAction.moveToPosition(to));
+        } else {
+          return Optional.none();
+        }
+      });
+    };
+    var getContentEditableBlockAction = function (forward, elm) {
+      if (forward && isContentEditableFalse(elm.nextSibling)) {
+        return Optional.some(DeleteAction.moveToElement(elm.nextSibling));
+      } else if (forward === false && isContentEditableFalse(elm.previousSibling)) {
+        return Optional.some(DeleteAction.moveToElement(elm.previousSibling));
+      } else {
+        return Optional.none();
+      }
+    };
+    var skipMoveToActionFromInlineCefToContent = function (root, from, deleteAction) {
+      return deleteAction.fold(function (elm) {
+        return Optional.some(DeleteAction.remove(elm));
+      }, function (elm) {
+        return Optional.some(DeleteAction.moveToElement(elm));
+      }, function (to) {
+        if (isInSameBlock(from, to, root)) {
+          return Optional.none();
+        } else {
+          return Optional.some(DeleteAction.moveToPosition(to));
+        }
+      });
+    };
+    var getContentEditableAction = function (root, forward, from) {
+      if (isAtContentEditableBlockCaret(forward, from)) {
+        return getContentEditableBlockAction(forward, from.getNode(forward === false)).fold(function () {
+          return findCefPosition(root, forward, from);
+        }, Optional.some);
+      } else {
+        return findCefPosition(root, forward, from).bind(function (deleteAction) {
+          return skipMoveToActionFromInlineCefToContent(root, from, deleteAction);
+        });
+      }
+    };
+    var read$4 = function (root, forward, rng) {
+      var normalizedRange = normalizeRange(forward ? 1 : -1, root, rng);
+      var from = CaretPosition$1.fromRangeStart(normalizedRange);
+      var rootElement = SugarElement.fromDom(root);
+      if (forward === false && isAfterContentEditableFalse(from)) {
+        return Optional.some(DeleteAction.remove(from.getNode(true)));
+      } else if (forward && isBeforeContentEditableFalse(from)) {
+        return Optional.some(DeleteAction.remove(from.getNode()));
+      } else if (forward === false && isBeforeContentEditableFalse(from) && isAfterBr(rootElement, from)) {
+        return findPreviousBr(rootElement, from).map(function (br) {
+          return DeleteAction.remove(br.getNode());
+        });
+      } else if (forward && isAfterContentEditableFalse(from) && isBeforeBr(rootElement, from)) {
+        return findNextBr(rootElement, from).map(function (br) {
+          return DeleteAction.remove(br.getNode());
+        });
+      } else {
+        return getContentEditableAction(root, forward, from);
+      }
+    };
+
+    var deleteElement$1 = function (editor, forward) {
+      return function (element) {
+        editor._selectionOverrides.hideFakeCaret();
+        deleteElement(editor, forward, SugarElement.fromDom(element));
+        return true;
+      };
+    };
+    var moveToElement = function (editor, forward) {
+      return function (element) {
+        var pos = forward ? CaretPosition$1.before(element) : CaretPosition$1.after(element);
+        editor.selection.setRng(pos.toRange());
+        return true;
+      };
+    };
+    var moveToPosition = function (editor) {
+      return function (pos) {
+        editor.selection.setRng(pos.toRange());
+        return true;
+      };
+    };
+    var getAncestorCe = function (editor, node) {
+      return Optional.from(getContentEditableRoot(editor.getBody(), node));
+    };
+    var backspaceDeleteCaret = function (editor, forward) {
+      var selectedNode = editor.selection.getNode();
+      return getAncestorCe(editor, selectedNode).filter(isContentEditableFalse).fold(function () {
+        return read$4(editor.getBody(), forward, editor.selection.getRng()).exists(function (deleteAction) {
+          return deleteAction.fold(deleteElement$1(editor, forward), moveToElement(editor, forward), moveToPosition(editor));
+        });
+      }, always);
+    };
+    var deleteOffscreenSelection = function (rootElement) {
+      each(descendants$1(rootElement, '.mce-offscreen-selection'), remove);
+    };
+    var backspaceDeleteRange = function (editor, forward) {
+      var selectedNode = editor.selection.getNode();
+      if (isContentEditableFalse(selectedNode)) {
+        var hasCefAncestor = getAncestorCe(editor, selectedNode.parentNode).filter(isContentEditableFalse);
+        return hasCefAncestor.fold(function () {
+          deleteOffscreenSelection(SugarElement.fromDom(editor.getBody()));
+          deleteElement(editor, forward, SugarElement.fromDom(editor.selection.getNode()));
+          paddEmptyBody(editor);
+          return true;
+        }, function () {
+          return true;
+        });
+      }
+      return false;
+    };
+    var paddEmptyElement = function (editor) {
+      var dom = editor.dom, selection = editor.selection;
+      var ceRoot = getContentEditableRoot(editor.getBody(), selection.getNode());
+      if (isContentEditableTrue(ceRoot) && dom.isBlock(ceRoot) && dom.isEmpty(ceRoot)) {
+        var br = dom.create('br', { 'data-mce-bogus': '1' });
+        dom.setHTML(ceRoot, '');
+        ceRoot.appendChild(br);
+        selection.setRng(CaretPosition$1.before(br).toRange());
+      }
+      return true;
+    };
+    var backspaceDelete$4 = function (editor, forward) {
+      if (editor.selection.isCollapsed()) {
+        return backspaceDeleteCaret(editor, forward);
+      } else {
+        return backspaceDeleteRange(editor, forward);
+      }
+    };
+
+    var deleteCaret$1 = function (editor, forward) {
+      var fromPos = CaretPosition$1.fromRangeStart(editor.selection.getRng());
+      return fromPosition(forward, editor.getBody(), fromPos).filter(function (pos) {
+        return forward ? isBeforeImageBlock(pos) : isAfterImageBlock(pos);
+      }).bind(function (pos) {
+        return Optional.from(getChildNodeAtRelativeOffset(forward ? 0 : -1, pos));
+      }).exists(function (elm) {
+        editor.selection.select(elm);
+        return true;
+      });
+    };
+    var backspaceDelete$5 = function (editor, forward) {
+      return editor.selection.isCollapsed() ? deleteCaret$1(editor, forward) : false;
+    };
+
+    var isText$8 = isText$1;
+    var startsWithCaretContainer$1 = function (node) {
+      return isText$8(node) && node.data[0] === ZWSP;
+    };
+    var endsWithCaretContainer$1 = function (node) {
+      return isText$8(node) && node.data[node.data.length - 1] === ZWSP;
+    };
+    var createZwsp = function (node) {
+      return node.ownerDocument.createTextNode(ZWSP);
+    };
+    var insertBefore$1 = function (node) {
+      if (isText$8(node.previousSibling)) {
+        if (endsWithCaretContainer$1(node.previousSibling)) {
+          return node.previousSibling;
+        } else {
+          node.previousSibling.appendData(ZWSP);
+          return node.previousSibling;
+        }
+      } else if (isText$8(node)) {
+        if (startsWithCaretContainer$1(node)) {
+          return node;
+        } else {
+          node.insertData(0, ZWSP);
+          return node;
+        }
+      } else {
+        var newNode = createZwsp(node);
+        node.parentNode.insertBefore(newNode, node);
+        return newNode;
+      }
+    };
+    var insertAfter$1 = function (node) {
+      if (isText$8(node.nextSibling)) {
+        if (startsWithCaretContainer$1(node.nextSibling)) {
+          return node.nextSibling;
+        } else {
+          node.nextSibling.insertData(0, ZWSP);
+          return node.nextSibling;
+        }
+      } else if (isText$8(node)) {
+        if (endsWithCaretContainer$1(node)) {
+          return node;
+        } else {
+          node.appendData(ZWSP);
+          return node;
+        }
+      } else {
+        var newNode = createZwsp(node);
+        if (node.nextSibling) {
+          node.parentNode.insertBefore(newNode, node.nextSibling);
+        } else {
+          node.parentNode.appendChild(newNode);
+        }
+        return newNode;
+      }
+    };
+    var insertInline$1 = function (before, node) {
+      return before ? insertBefore$1(node) : insertAfter$1(node);
+    };
+    var insertInlineBefore = curry(insertInline$1, true);
+    var insertInlineAfter = curry(insertInline$1, false);
+
+    var insertInlinePos = function (pos, before) {
+      if (isText$1(pos.container())) {
+        return insertInline$1(before, pos.container());
+      } else {
+        return insertInline$1(before, pos.getNode());
+      }
+    };
+    var isPosCaretContainer = function (pos, caret) {
+      var caretNode = caret.get();
+      return caretNode && pos.container() === caretNode && isCaretContainerInline(caretNode);
+    };
+    var renderCaret = function (caret, location) {
+      return location.fold(function (element) {
+        remove$5(caret.get());
+        var text = insertInlineBefore(element);
+        caret.set(text);
+        return Optional.some(CaretPosition$1(text, text.length - 1));
+      }, function (element) {
+        return firstPositionIn(element).map(function (pos) {
+          if (!isPosCaretContainer(pos, caret)) {
+            remove$5(caret.get());
+            var text = insertInlinePos(pos, true);
+            caret.set(text);
+            return CaretPosition$1(text, 1);
+          } else {
+            return CaretPosition$1(caret.get(), 1);
+          }
+        });
+      }, function (element) {
+        return lastPositionIn(element).map(function (pos) {
+          if (!isPosCaretContainer(pos, caret)) {
+            remove$5(caret.get());
+            var text = insertInlinePos(pos, false);
+            caret.set(text);
+            return CaretPosition$1(text, text.length - 1);
+          } else {
+            return CaretPosition$1(caret.get(), caret.get().length - 1);
+          }
+        });
+      }, function (element) {
+        remove$5(caret.get());
+        var text = insertInlineAfter(element);
+        caret.set(text);
+        return Optional.some(CaretPosition$1(text, 1));
+      });
+    };
+
+    var evaluateUntil = function (fns, args) {
+      for (var i = 0; i < fns.length; i++) {
+        var result = fns[i].apply(null, args);
+        if (result.isSome()) {
+          return result;
+        }
+      }
+      return Optional.none();
+    };
+
+    var Location = Adt.generate([
+      { before: ['element'] },
+      { start: ['element'] },
+      { end: ['element'] },
+      { after: ['element'] }
+    ]);
+    var rescope = function (rootNode, node) {
+      var parentBlock = getParentBlock(node, rootNode);
+      return parentBlock ? parentBlock : rootNode;
+    };
+    var before$4 = function (isInlineTarget, rootNode, pos) {
+      var nPos = normalizeForwards(pos);
+      var scope = rescope(rootNode, nPos.container());
+      return findRootInline(isInlineTarget, scope, nPos).fold(function () {
+        return nextPosition(scope, nPos).bind(curry(findRootInline, isInlineTarget, scope)).map(function (inline) {
+          return Location.before(inline);
+        });
+      }, Optional.none);
+    };
+    var isNotInsideFormatCaretContainer = function (rootNode, elm) {
+      return getParentCaretContainer(rootNode, elm) === null;
+    };
+    var findInsideRootInline = function (isInlineTarget, rootNode, pos) {
+      return findRootInline(isInlineTarget, rootNode, pos).filter(curry(isNotInsideFormatCaretContainer, rootNode));
+    };
+    var start = function (isInlineTarget, rootNode, pos) {
+      var nPos = normalizeBackwards(pos);
+      return findInsideRootInline(isInlineTarget, rootNode, nPos).bind(function (inline) {
+        var prevPos = prevPosition(inline, nPos);
+        return prevPos.isNone() ? Optional.some(Location.start(inline)) : Optional.none();
+      });
+    };
+    var end = function (isInlineTarget, rootNode, pos) {
+      var nPos = normalizeForwards(pos);
+      return findInsideRootInline(isInlineTarget, rootNode, nPos).bind(function (inline) {
+        var nextPos = nextPosition(inline, nPos);
+        return nextPos.isNone() ? Optional.some(Location.end(inline)) : Optional.none();
+      });
+    };
+    var after$3 = function (isInlineTarget, rootNode, pos) {
+      var nPos = normalizeBackwards(pos);
+      var scope = rescope(rootNode, nPos.container());
+      return findRootInline(isInlineTarget, scope, nPos).fold(function () {
+        return prevPosition(scope, nPos).bind(curry(findRootInline, isInlineTarget, scope)).map(function (inline) {
+          return Location.after(inline);
+        });
+      }, Optional.none);
+    };
+    var isValidLocation = function (location) {
+      return isRtl$1(getElement(location)) === false;
+    };
+    var readLocation = function (isInlineTarget, rootNode, pos) {
+      var location = evaluateUntil([
+        before$4,
+        start,
+        end,
+        after$3
+      ], [
+        isInlineTarget,
+        rootNode,
+        pos
+      ]);
+      return location.filter(isValidLocation);
+    };
+    var getElement = function (location) {
+      return location.fold(identity, identity, identity, identity);
+    };
+    var getName = function (location) {
+      return location.fold(constant('before'), constant('start'), constant('end'), constant('after'));
+    };
+    var outside = function (location) {
+      return location.fold(Location.before, Location.before, Location.after, Location.after);
+    };
+    var inside = function (location) {
+      return location.fold(Location.start, Location.start, Location.end, Location.end);
+    };
+    var isEq$5 = function (location1, location2) {
+      return getName(location1) === getName(location2) && getElement(location1) === getElement(location2);
+    };
+    var betweenInlines = function (forward, isInlineTarget, rootNode, from, to, location) {
+      return lift2(findRootInline(isInlineTarget, rootNode, from), findRootInline(isInlineTarget, rootNode, to), function (fromInline, toInline) {
+        if (fromInline !== toInline && hasSameParentBlock(rootNode, fromInline, toInline)) {
+          return Location.after(forward ? fromInline : toInline);
+        } else {
+          return location;
+        }
+      }).getOr(location);
+    };
+    var skipNoMovement = function (fromLocation, toLocation) {
+      return fromLocation.fold(always, function (fromLocation) {
+        return !isEq$5(fromLocation, toLocation);
+      });
+    };
+    var findLocationTraverse = function (forward, isInlineTarget, rootNode, fromLocation, pos) {
+      var from = normalizePosition(forward, pos);
+      var to = fromPosition(forward, rootNode, from).map(curry(normalizePosition, forward));
+      var location = to.fold(function () {
+        return fromLocation.map(outside);
+      }, function (to) {
+        return readLocation(isInlineTarget, rootNode, to).map(curry(betweenInlines, forward, isInlineTarget, rootNode, from, to)).filter(curry(skipNoMovement, fromLocation));
+      });
+      return location.filter(isValidLocation);
+    };
+    var findLocationSimple = function (forward, location) {
+      if (forward) {
+        return location.fold(compose(Optional.some, Location.start), Optional.none, compose(Optional.some, Location.after), Optional.none);
+      } else {
+        return location.fold(Optional.none, compose(Optional.some, Location.before), Optional.none, compose(Optional.some, Location.end));
+      }
+    };
+    var findLocation = function (forward, isInlineTarget, rootNode, pos) {
+      var from = normalizePosition(forward, pos);
+      var fromLocation = readLocation(isInlineTarget, rootNode, from);
+      return readLocation(isInlineTarget, rootNode, from).bind(curry(findLocationSimple, forward)).orThunk(function () {
+        return findLocationTraverse(forward, isInlineTarget, rootNode, fromLocation, pos);
+      });
+    };
+    var prevLocation = curry(findLocation, false);
+    var nextLocation = curry(findLocation, true);
+
+    var hasSelectionModifyApi = function (editor) {
+      return isFunction(editor.selection.getSel().modify);
+    };
+    var moveRel = function (forward, selection, pos) {
+      var delta = forward ? 1 : -1;
+      selection.setRng(CaretPosition$1(pos.container(), pos.offset() + delta).toRange());
+      selection.getSel().modify('move', forward ? 'forward' : 'backward', 'word');
+      return true;
+    };
+    var moveByWord = function (forward, editor) {
+      var rng = editor.selection.getRng();
+      var pos = forward ? CaretPosition$1.fromRangeEnd(rng) : CaretPosition$1.fromRangeStart(rng);
+      if (!hasSelectionModifyApi(editor)) {
+        return false;
+      } else if (forward && isBeforeInline(pos)) {
+        return moveRel(true, editor.selection, pos);
+      } else if (!forward && isAfterInline(pos)) {
+        return moveRel(false, editor.selection, pos);
+      } else {
+        return false;
+      }
+    };
+
+    var setCaretPosition = function (editor, pos) {
+      var rng = editor.dom.createRng();
+      rng.setStart(pos.container(), pos.offset());
+      rng.setEnd(pos.container(), pos.offset());
+      editor.selection.setRng(rng);
+    };
+    var setSelected = function (state, elm) {
+      if (state) {
+        elm.setAttribute('data-mce-selected', 'inline-boundary');
+      } else {
+        elm.removeAttribute('data-mce-selected');
+      }
+    };
+    var renderCaretLocation = function (editor, caret, location) {
+      return renderCaret(caret, location).map(function (pos) {
+        setCaretPosition(editor, pos);
+        return location;
+      });
+    };
+    var findLocation$1 = function (editor, caret, forward) {
+      var rootNode = editor.getBody();
+      var from = CaretPosition$1.fromRangeStart(editor.selection.getRng());
+      var isInlineTarget$1 = curry(isInlineTarget, editor);
+      var location = findLocation(forward, isInlineTarget$1, rootNode, from);
+      return location.bind(function (location) {
+        return renderCaretLocation(editor, caret, location);
+      });
+    };
+    var toggleInlines = function (isInlineTarget, dom, elms) {
+      var inlineBoundaries = map(descendants$1(SugarElement.fromDom(dom.getRoot()), '*[data-mce-selected="inline-boundary"]'), function (e) {
+        return e.dom;
+      });
+      var selectedInlines = filter(inlineBoundaries, isInlineTarget);
+      var targetInlines = filter(elms, isInlineTarget);
+      each(difference(selectedInlines, targetInlines), curry(setSelected, false));
+      each(difference(targetInlines, selectedInlines), curry(setSelected, true));
+    };
+    var safeRemoveCaretContainer = function (editor, caret) {
+      if (editor.selection.isCollapsed() && editor.composing !== true && caret.get()) {
+        var pos = CaretPosition$1.fromRangeStart(editor.selection.getRng());
+        if (CaretPosition$1.isTextPosition(pos) && isAtZwsp(pos) === false) {
+          setCaretPosition(editor, removeAndReposition(caret.get(), pos));
+          caret.set(null);
+        }
+      }
+    };
+    var renderInsideInlineCaret = function (isInlineTarget, editor, caret, elms) {
+      if (editor.selection.isCollapsed()) {
+        var inlines = filter(elms, isInlineTarget);
+        each(inlines, function (_inline) {
+          var pos = CaretPosition$1.fromRangeStart(editor.selection.getRng());
+          readLocation(isInlineTarget, editor.getBody(), pos).bind(function (location) {
+            return renderCaretLocation(editor, caret, location);
+          });
+        });
+      }
+    };
+    var move = function (editor, caret, forward) {
+      return isInlineBoundariesEnabled(editor) ? findLocation$1(editor, caret, forward).isSome() : false;
+    };
+    var moveWord = function (forward, editor, _caret) {
+      return isInlineBoundariesEnabled(editor) ? moveByWord(forward, editor) : false;
+    };
+    var setupSelectedState = function (editor) {
+      var caret = Cell(null);
+      var isInlineTarget$1 = curry(isInlineTarget, editor);
+      editor.on('NodeChange', function (e) {
+        if (isInlineBoundariesEnabled(editor) && !(Env.browser.isIE() && e.initial)) {
+          toggleInlines(isInlineTarget$1, editor.dom, e.parents);
+          safeRemoveCaretContainer(editor, caret);
+          renderInsideInlineCaret(isInlineTarget$1, editor, caret, e.parents);
+        }
+      });
+      return caret;
+    };
+    var moveNextWord = curry(moveWord, true);
+    var movePrevWord = curry(moveWord, false);
+
+    var rangeFromPositions = function (from, to) {
+      var range = document.createRange();
+      range.setStart(from.container(), from.offset());
+      range.setEnd(to.container(), to.offset());
+      return range;
+    };
+    var hasOnlyTwoOrLessPositionsLeft = function (elm) {
+      return lift2(firstPositionIn(elm), lastPositionIn(elm), function (firstPos, lastPos) {
+        var normalizedFirstPos = normalizePosition(true, firstPos);
+        var normalizedLastPos = normalizePosition(false, lastPos);
+        return nextPosition(elm, normalizedFirstPos).forall(function (pos) {
+          return pos.isEqual(normalizedLastPos);
+        });
+      }).getOr(true);
+    };
+    var setCaretLocation = function (editor, caret) {
+      return function (location) {
+        return renderCaret(caret, location).exists(function (pos) {
+          setCaretPosition(editor, pos);
+          return true;
+        });
+      };
+    };
+    var deleteFromTo = function (editor, caret, from, to) {
+      var rootNode = editor.getBody();
+      var isInlineTarget$1 = curry(isInlineTarget, editor);
+      editor.undoManager.ignore(function () {
+        editor.selection.setRng(rangeFromPositions(from, to));
+        editor.execCommand('Delete');
+        readLocation(isInlineTarget$1, rootNode, CaretPosition$1.fromRangeStart(editor.selection.getRng())).map(inside).map(setCaretLocation(editor, caret));
+      });
+      editor.nodeChanged();
+    };
+    var rescope$1 = function (rootNode, node) {
+      var parentBlock = getParentBlock(node, rootNode);
+      return parentBlock ? parentBlock : rootNode;
+    };
+    var backspaceDeleteCollapsed = function (editor, caret, forward, from) {
+      var rootNode = rescope$1(editor.getBody(), from.container());
+      var isInlineTarget$1 = curry(isInlineTarget, editor);
+      var fromLocation = readLocation(isInlineTarget$1, rootNode, from);
+      return fromLocation.bind(function (location) {
+        if (forward) {
+          return location.fold(constant(Optional.some(inside(location))), Optional.none, constant(Optional.some(outside(location))), Optional.none);
+        } else {
+          return location.fold(Optional.none, constant(Optional.some(outside(location))), Optional.none, constant(Optional.some(inside(location))));
+        }
+      }).map(setCaretLocation(editor, caret)).getOrThunk(function () {
+        var toPosition = navigate(forward, rootNode, from);
+        var toLocation = toPosition.bind(function (pos) {
+          return readLocation(isInlineTarget$1, rootNode, pos);
+        });
+        return lift2(fromLocation, toLocation, function () {
+          return findRootInline(isInlineTarget$1, rootNode, from).exists(function (elm) {
+            if (hasOnlyTwoOrLessPositionsLeft(elm)) {
+              deleteElement(editor, forward, SugarElement.fromDom(elm));
+              return true;
+            } else {
+              return false;
+            }
+          });
+        }).orThunk(function () {
+          return toLocation.bind(function (_) {
+            return toPosition.map(function (to) {
+              if (forward) {
+                deleteFromTo(editor, caret, from, to);
+              } else {
+                deleteFromTo(editor, caret, to, from);
+              }
+              return true;
+            });
+          });
+        }).getOr(false);
+      });
+    };
+    var backspaceDelete$6 = function (editor, caret, forward) {
+      if (editor.selection.isCollapsed() && isInlineBoundariesEnabled(editor)) {
+        var from = CaretPosition$1.fromRangeStart(editor.selection.getRng());
+        return backspaceDeleteCollapsed(editor, caret, forward, from);
+      }
+      return false;
+    };
+
+    var getParentInlines = function (rootElm, startElm) {
+      var parents = parentsAndSelf(startElm, rootElm);
+      return findIndex(parents, isBlock).fold(constant(parents), function (index) {
+        return parents.slice(0, index);
+      });
+    };
+    var hasOnlyOneChild$1 = function (elm) {
+      return children(elm).length === 1;
+    };
+    var deleteLastPosition = function (forward, editor, target, parentInlines) {
+      var isFormatElement$1 = curry(isFormatElement, editor);
+      var formatNodes = map(filter(parentInlines, isFormatElement$1), function (elm) {
+        return elm.dom;
+      });
+      if (formatNodes.length === 0) {
+        deleteElement(editor, forward, target);
+      } else {
+        var pos = replaceWithCaretFormat(target.dom, formatNodes);
+        editor.selection.setRng(pos.toRange());
+      }
+    };
+    var deleteCaret$2 = function (editor, forward) {
+      var rootElm = SugarElement.fromDom(editor.getBody());
+      var startElm = SugarElement.fromDom(editor.selection.getStart());
+      var parentInlines = filter(getParentInlines(rootElm, startElm), hasOnlyOneChild$1);
+      return last(parentInlines).exists(function (target) {
+        var fromPos = CaretPosition$1.fromRangeStart(editor.selection.getRng());
+        if (willDeleteLastPositionInElement(forward, fromPos, target.dom) && !isEmptyCaretFormatElement(target)) {
+          deleteLastPosition(forward, editor, target, parentInlines);
+          return true;
+        } else {
+          return false;
+        }
+      });
+    };
+    var backspaceDelete$7 = function (editor, forward) {
+      return editor.selection.isCollapsed() ? deleteCaret$2(editor, forward) : false;
+    };
+
+    var deleteElement$2 = function (editor, forward, element) {
+      editor._selectionOverrides.hideFakeCaret();
+      deleteElement(editor, forward, SugarElement.fromDom(element));
+      return true;
+    };
+    var deleteCaret$3 = function (editor, forward) {
+      var isNearMedia = forward ? isBeforeMedia : isAfterMedia;
+      var direction = forward ? HDirection.Forwards : HDirection.Backwards;
+      var fromPos = getNormalizedRangeEndPoint(direction, editor.getBody(), editor.selection.getRng());
+      if (isNearMedia(fromPos)) {
+        return deleteElement$2(editor, forward, fromPos.getNode(!forward));
+      } else {
+        return Optional.from(normalizePosition(forward, fromPos)).filter(function (pos) {
+          return isNearMedia(pos) && isMoveInsideSameBlock(fromPos, pos);
+        }).exists(function (pos) {
+          return deleteElement$2(editor, forward, pos.getNode(!forward));
+        });
+      }
+    };
+    var deleteRange$2 = function (editor, forward) {
+      var selectedNode = editor.selection.getNode();
+      return isMedia(selectedNode) ? deleteElement$2(editor, forward, selectedNode) : false;
+    };
+    var backspaceDelete$8 = function (editor, forward) {
+      return editor.selection.isCollapsed() ? deleteCaret$3(editor, forward) : deleteRange$2(editor, forward);
+    };
+
+    var isEditable$1 = function (target) {
+      return closest(target, function (elm) {
+        return isContentEditableTrue(elm.dom) || isContentEditableFalse(elm.dom);
+      }).exists(function (elm) {
+        return isContentEditableTrue(elm.dom);
+      });
+    };
+    var parseIndentValue = function (value) {
+      var number = parseInt(value, 10);
+      return isNaN(number) ? 0 : number;
+    };
+    var getIndentStyleName = function (useMargin, element) {
+      var indentStyleName = useMargin || isTable$1(element) ? 'margin' : 'padding';
+      var suffix = get$5(element, 'direction') === 'rtl' ? '-right' : '-left';
+      return indentStyleName + suffix;
+    };
+    var indentElement = function (dom, command, useMargin, value, unit, element) {
+      var indentStyleName = getIndentStyleName(useMargin, SugarElement.fromDom(element));
+      if (command === 'outdent') {
+        var styleValue = Math.max(0, parseIndentValue(element.style[indentStyleName]) - value);
+        dom.setStyle(element, indentStyleName, styleValue ? styleValue + unit : '');
+      } else {
+        var styleValue = parseIndentValue(element.style[indentStyleName]) + value + unit;
+        dom.setStyle(element, indentStyleName, styleValue);
+      }
+    };
+    var validateBlocks = function (editor, blocks) {
+      return forall(blocks, function (block) {
+        var indentStyleName = getIndentStyleName(shouldIndentUseMargin(editor), block);
+        var intentValue = getRaw(block, indentStyleName).map(parseIndentValue).getOr(0);
+        var contentEditable = editor.dom.getContentEditable(block.dom);
+        return contentEditable !== 'false' && intentValue > 0;
+      });
+    };
+    var canOutdent = function (editor) {
+      var blocks = getBlocksToIndent(editor);
+      return !editor.mode.isReadOnly() && (blocks.length > 1 || validateBlocks(editor, blocks));
+    };
+    var isListComponent = function (el) {
+      return isList(el) || isListItem(el);
+    };
+    var parentIsListComponent = function (el) {
+      return parent(el).map(isListComponent).getOr(false);
+    };
+    var getBlocksToIndent = function (editor) {
+      return filter(map(editor.selection.getSelectedBlocks(), SugarElement.fromDom), function (el) {
+        return !isListComponent(el) && !parentIsListComponent(el) && isEditable$1(el);
+      });
+    };
+    var handle = function (editor, command) {
+      var dom = editor.dom, selection = editor.selection, formatter = editor.formatter;
+      var indentation = getIndentation(editor);
+      var indentUnit = /[a-z%]+$/i.exec(indentation)[0];
+      var indentValue = parseInt(indentation, 10);
+      var useMargin = shouldIndentUseMargin(editor);
+      var forcedRootBlock = getForcedRootBlock(editor);
+      if (!editor.queryCommandState('InsertUnorderedList') && !editor.queryCommandState('InsertOrderedList')) {
+        if (forcedRootBlock === '' && !dom.getParent(selection.getNode(), dom.isBlock)) {
+          formatter.apply('div');
+        }
+      }
+      each(getBlocksToIndent(editor), function (block) {
+        indentElement(dom, command, useMargin, indentValue, indentUnit, block.dom);
+      });
+    };
+
+    var backspaceDelete$9 = function (editor, _forward) {
+      if (editor.selection.isCollapsed() && canOutdent(editor)) {
+        var dom = editor.dom;
+        var rng = editor.selection.getRng();
+        var pos = CaretPosition$1.fromRangeStart(rng);
+        var block = dom.getParent(rng.startContainer, dom.isBlock);
+        if (block !== null && isAtStartOfBlock(SugarElement.fromDom(block), pos)) {
+          handle(editor, 'outdent');
+          return true;
+        }
+      }
+      return false;
+    };
+
+    var nativeCommand = function (editor, command) {
+      editor.getDoc().execCommand(command, false, null);
+    };
+    var deleteCommand = function (editor, caret) {
+      if (backspaceDelete$9(editor)) {
+        return;
+      } else if (backspaceDelete$4(editor, false)) {
+        return;
+      } else if (backspaceDelete$3(editor, false)) {
+        return;
+      } else if (backspaceDelete$6(editor, caret, false)) {
+        return;
+      } else if (backspaceDelete$1(editor, false)) {
+        return;
+      } else if (backspaceDelete(editor)) {
+        return;
+      } else if (backspaceDelete$5(editor, false)) {
+        return;
+      } else if (backspaceDelete$8(editor, false)) {
+        return;
+      } else if (backspaceDelete$2(editor)) {
+        return;
+      } else if (backspaceDelete$7(editor, false)) {
+        return;
+      } else {
+        nativeCommand(editor, 'Delete');
+        paddEmptyBody(editor);
+      }
+    };
+    var forwardDeleteCommand = function (editor, caret) {
+      if (backspaceDelete$4(editor, true)) {
+        return;
+      } else if (backspaceDelete$3(editor, true)) {
+        return;
+      } else if (backspaceDelete$6(editor, caret, true)) {
+        return;
+      } else if (backspaceDelete$1(editor, true)) {
+        return;
+      } else if (backspaceDelete(editor)) {
+        return;
+      } else if (backspaceDelete$5(editor, true)) {
+        return;
+      } else if (backspaceDelete$8(editor, true)) {
+        return;
+      } else if (backspaceDelete$2(editor)) {
+        return;
+      } else if (backspaceDelete$7(editor, true)) {
+        return;
+      } else {
+        nativeCommand(editor, 'ForwardDelete');
+      }
+    };
+    var setup$8 = function (editor, caret) {
+      editor.addCommand('delete', function () {
+        deleteCommand(editor, caret);
+      });
+      editor.addCommand('forwardDelete', function () {
+        forwardDeleteCommand(editor, caret);
+      });
+    };
+
+    var SIGNIFICANT_MOVE = 5;
+    var LONGPRESS_DELAY = 400;
+    var getTouch = function (event) {
+      if (event.touches === undefined || event.touches.length !== 1) {
+        return Optional.none();
+      }
+      return Optional.some(event.touches[0]);
+    };
+    var isFarEnough = function (touch, data) {
+      var distX = Math.abs(touch.clientX - data.x);
+      var distY = Math.abs(touch.clientY - data.y);
+      return distX > SIGNIFICANT_MOVE || distY > SIGNIFICANT_MOVE;
+    };
+    var setup$9 = function (editor) {
+      var startData = Cell(Optional.none());
+      var longpressFired = Cell(false);
+      var debounceLongpress = last$2(function (e) {
+        editor.fire('longpress', __assign(__assign({}, e), { type: 'longpress' }));
+        longpressFired.set(true);
+      }, LONGPRESS_DELAY);
+      editor.on('touchstart', function (e) {
+        getTouch(e).each(function (touch) {
+          debounceLongpress.cancel();
+          var data = {
+            x: touch.clientX,
+            y: touch.clientY,
+            target: e.target
+          };
+          debounceLongpress.throttle(e);
+          longpressFired.set(false);
+          startData.set(Optional.some(data));
+        });
+      }, true);
+      editor.on('touchmove', function (e) {
+        debounceLongpress.cancel();
+        getTouch(e).each(function (touch) {
+          startData.get().each(function (data) {
+            if (isFarEnough(touch, data)) {
+              startData.set(Optional.none());
+              longpressFired.set(false);
+              editor.fire('longpresscancel');
+            }
+          });
+        });
+      }, true);
+      editor.on('touchend touchcancel', function (e) {
+        debounceLongpress.cancel();
+        if (e.type === 'touchcancel') {
+          return;
+        }
+        startData.get().filter(function (data) {
+          return data.target.isEqualNode(e.target);
+        }).each(function () {
+          if (longpressFired.get()) {
+            e.preventDefault();
+          } else {
+            editor.fire('tap', __assign(__assign({}, e), { type: 'tap' }));
+          }
+        });
+      }, true);
+    };
+
+    var isBlockElement = function (blockElements, node) {
+      return blockElements.hasOwnProperty(node.nodeName);
+    };
+    var isValidTarget = function (blockElements, node) {
+      if (isText$1(node)) {
+        return true;
+      } else if (isElement$1(node)) {
+        return !isBlockElement(blockElements, node) && !isBookmarkNode$1(node);
+      } else {
+        return false;
+      }
+    };
+    var hasBlockParent = function (blockElements, root, node) {
+      return exists(parents$1(SugarElement.fromDom(node), SugarElement.fromDom(root)), function (elm) {
+        return isBlockElement(blockElements, elm.dom);
+      });
+    };
+    var shouldRemoveTextNode = function (blockElements, node) {
+      if (isText$1(node)) {
+        if (node.nodeValue.length === 0) {
+          return true;
+        } else if (/^\s+$/.test(node.nodeValue) && (!node.nextSibling || isBlockElement(blockElements, node.nextSibling))) {
+          return true;
+        }
+      }
+      return false;
+    };
+    var addRootBlocks = function (editor) {
+      var dom = editor.dom, selection = editor.selection;
+      var schema = editor.schema, blockElements = schema.getBlockElements();
+      var node = selection.getStart();
+      var rootNode = editor.getBody();
+      var rootBlockNode, tempNode, wrapped;
+      var forcedRootBlock = getForcedRootBlock(editor);
+      if (!node || !isElement$1(node) || !forcedRootBlock) {
+        return;
+      }
+      var rootNodeName = rootNode.nodeName.toLowerCase();
+      if (!schema.isValidChild(rootNodeName, forcedRootBlock.toLowerCase()) || hasBlockParent(blockElements, rootNode, node)) {
+        return;
+      }
+      var rng = selection.getRng();
+      var startContainer = rng.startContainer;
+      var startOffset = rng.startOffset;
+      var endContainer = rng.endContainer;
+      var endOffset = rng.endOffset;
+      var restoreSelection = hasFocus$1(editor);
+      node = rootNode.firstChild;
+      while (node) {
+        if (isValidTarget(blockElements, node)) {
+          if (shouldRemoveTextNode(blockElements, node)) {
+            tempNode = node;
+            node = node.nextSibling;
+            dom.remove(tempNode);
+            continue;
+          }
+          if (!rootBlockNode) {
+            rootBlockNode = dom.create(forcedRootBlock, getForcedRootBlockAttrs(editor));
+            node.parentNode.insertBefore(rootBlockNode, node);
+            wrapped = true;
+          }
+          tempNode = node;
+          node = node.nextSibling;
+          rootBlockNode.appendChild(tempNode);
+        } else {
+          rootBlockNode = null;
+          node = node.nextSibling;
+        }
+      }
+      if (wrapped && restoreSelection) {
+        rng.setStart(startContainer, startOffset);
+        rng.setEnd(endContainer, endOffset);
+        selection.setRng(rng);
+        editor.nodeChanged();
+      }
+    };
+    var setup$a = function (editor) {
+      if (getForcedRootBlock(editor)) {
+        editor.on('NodeChange', curry(addRootBlocks, editor));
+      }
+    };
+
+    var findBlockCaretContainer = function (editor) {
+      return descendant(SugarElement.fromDom(editor.getBody()), '*[data-mce-caret]').fold(constant(null), function (elm) {
+        return elm.dom;
+      });
+    };
+    var removeIeControlRect = function (editor) {
+      editor.selection.setRng(editor.selection.getRng());
+    };
+    var showBlockCaretContainer = function (editor, blockCaretContainer) {
+      if (blockCaretContainer.hasAttribute('data-mce-caret')) {
+        showCaretContainerBlock(blockCaretContainer);
+        removeIeControlRect(editor);
+        editor.selection.scrollIntoView(blockCaretContainer);
+      }
+    };
+    var handleBlockContainer = function (editor, e) {
+      var blockCaretContainer = findBlockCaretContainer(editor);
+      if (!blockCaretContainer) {
+        return;
+      }
+      if (e.type === 'compositionstart') {
+        e.preventDefault();
+        e.stopPropagation();
+        showBlockCaretContainer(editor, blockCaretContainer);
+        return;
+      }
+      if (hasContent(blockCaretContainer)) {
+        showBlockCaretContainer(editor, blockCaretContainer);
+        editor.undoManager.add();
+      }
+    };
+    var setup$b = function (editor) {
+      editor.on('keyup compositionstart', curry(handleBlockContainer, editor));
+    };
+
+    var BreakType;
+    (function (BreakType) {
+      BreakType[BreakType['Br'] = 0] = 'Br';
+      BreakType[BreakType['Block'] = 1] = 'Block';
+      BreakType[BreakType['Wrap'] = 2] = 'Wrap';
+      BreakType[BreakType['Eol'] = 3] = 'Eol';
+    }(BreakType || (BreakType = {})));
+    var flip = function (direction, positions) {
+      return direction === HDirection.Backwards ? reverse(positions) : positions;
+    };
+    var walk$3 = function (direction, caretWalker, pos) {
+      return direction === HDirection.Forwards ? caretWalker.next(pos) : caretWalker.prev(pos);
+    };
+    var getBreakType = function (scope, direction, currentPos, nextPos) {
+      if (isBr(nextPos.getNode(direction === HDirection.Forwards))) {
+        return BreakType.Br;
+      } else if (isInSameBlock(currentPos, nextPos) === false) {
+        return BreakType.Block;
+      } else {
+        return BreakType.Wrap;
+      }
+    };
+    var getPositionsUntil = function (predicate, direction, scope, start) {
+      var caretWalker = CaretWalker(scope);
+      var currentPos = start, nextPos;
+      var positions = [];
+      while (currentPos) {
+        nextPos = walk$3(direction, caretWalker, currentPos);
+        if (!nextPos) {
+          break;
+        }
+        if (isBr(nextPos.getNode(false))) {
+          if (direction === HDirection.Forwards) {
+            return {
+              positions: flip(direction, positions).concat([nextPos]),
+              breakType: BreakType.Br,
+              breakAt: Optional.some(nextPos)
+            };
+          } else {
+            return {
+              positions: flip(direction, positions),
+              breakType: BreakType.Br,
+              breakAt: Optional.some(nextPos)
+            };
+          }
+        }
+        if (!nextPos.isVisible()) {
+          currentPos = nextPos;
+          continue;
+        }
+        if (predicate(currentPos, nextPos)) {
+          var breakType = getBreakType(scope, direction, currentPos, nextPos);
+          return {
+            positions: flip(direction, positions),
+            breakType: breakType,
+            breakAt: Optional.some(nextPos)
+          };
+        }
+        positions.push(nextPos);
+        currentPos = nextPos;
+      }
+      return {
+        positions: flip(direction, positions),
+        breakType: BreakType.Eol,
+        breakAt: Optional.none()
+      };
+    };
+    var getAdjacentLinePositions = function (direction, getPositionsUntilBreak, scope, start) {
+      return getPositionsUntilBreak(scope, start).breakAt.map(function (pos) {
+        var positions = getPositionsUntilBreak(scope, pos).positions;
+        return direction === HDirection.Backwards ? positions.concat(pos) : [pos].concat(positions);
+      }).getOr([]);
+    };
+    var findClosestHorizontalPositionFromPoint = function (positions, x) {
+      return foldl(positions, function (acc, newPos) {
+        return acc.fold(function () {
+          return Optional.some(newPos);
+        }, function (lastPos) {
+          return lift2(head(lastPos.getClientRects()), head(newPos.getClientRects()), function (lastRect, newRect) {
+            var lastDist = Math.abs(x - lastRect.left);
+            var newDist = Math.abs(x - newRect.left);
+            return newDist <= lastDist ? newPos : lastPos;
+          }).or(acc);
+        });
+      }, Optional.none());
+    };
+    var findClosestHorizontalPosition = function (positions, pos) {
+      return head(pos.getClientRects()).bind(function (targetRect) {
+        return findClosestHorizontalPositionFromPoint(positions, targetRect.left);
+      });
+    };
+    var getPositionsUntilPreviousLine = curry(getPositionsUntil, CaretPosition.isAbove, -1);
+    var getPositionsUntilNextLine = curry(getPositionsUntil, CaretPosition.isBelow, 1);
+    var isAtFirstLine = function (scope, pos) {
+      return getPositionsUntilPreviousLine(scope, pos).breakAt.isNone();
+    };
+    var isAtLastLine = function (scope, pos) {
+      return getPositionsUntilNextLine(scope, pos).breakAt.isNone();
+    };
+    var getPositionsAbove = curry(getAdjacentLinePositions, -1, getPositionsUntilPreviousLine);
+    var getPositionsBelow = curry(getAdjacentLinePositions, 1, getPositionsUntilNextLine);
+    var getFirstLinePositions = function (scope) {
+      return firstPositionIn(scope).map(function (pos) {
+        return [pos].concat(getPositionsUntilNextLine(scope, pos).positions);
+      }).getOr([]);
+    };
+    var getLastLinePositions = function (scope) {
+      return lastPositionIn(scope).map(function (pos) {
+        return getPositionsUntilPreviousLine(scope, pos).positions.concat(pos);
+      }).getOr([]);
+    };
+
+    var getNodeClientRects = function (node) {
+      var toArrayWithNode = function (clientRects) {
+        return map(clientRects, function (clientRect) {
+          clientRect = clone$2(clientRect);
+          clientRect.node = node;
+          return clientRect;
+        });
+      };
+      if (isElement$1(node)) {
+        return toArrayWithNode(node.getClientRects());
+      }
+      if (isText$1(node)) {
+        var rng = node.ownerDocument.createRange();
+        rng.setStart(node, 0);
+        rng.setEnd(node, node.data.length);
+        return toArrayWithNode(rng.getClientRects());
+      }
+    };
+    var getClientRects = function (nodes) {
+      return bind(nodes, getNodeClientRects);
+    };
+
+    var VDirection;
+    (function (VDirection) {
+      VDirection[VDirection['Up'] = -1] = 'Up';
+      VDirection[VDirection['Down'] = 1] = 'Down';
+    }(VDirection || (VDirection = {})));
+    var findUntil$1 = function (direction, root, predicateFn, node) {
+      while (node = findNode(node, direction, isEditableCaretCandidate, root)) {
+        if (predicateFn(node)) {
+          return;
+        }
+      }
+    };
+    var walkUntil = function (direction, isAboveFn, isBeflowFn, root, predicateFn, caretPosition) {
+      var line = 0;
+      var result = [];
+      var add = function (node) {
+        var i, clientRect, clientRects;
+        clientRects = getClientRects([node]);
+        if (direction === -1) {
+          clientRects = clientRects.reverse();
+        }
+        for (i = 0; i < clientRects.length; i++) {
+          clientRect = clientRects[i];
+          if (isBeflowFn(clientRect, targetClientRect)) {
+            continue;
+          }
+          if (result.length > 0 && isAboveFn(clientRect, last$1(result))) {
+            line++;
+          }
+          clientRect.line = line;
+          if (predicateFn(clientRect)) {
+            return true;
+          }
+          result.push(clientRect);
+        }
+      };
+      var targetClientRect = last$1(caretPosition.getClientRects());
+      if (!targetClientRect) {
+        return result;
+      }
+      var node = caretPosition.getNode();
+      add(node);
+      findUntil$1(direction, root, add, node);
+      return result;
+    };
+    var aboveLineNumber = function (lineNumber, clientRect) {
+      return clientRect.line > lineNumber;
+    };
+    var isLineNumber = function (lineNumber, clientRect) {
+      return clientRect.line === lineNumber;
+    };
+    var upUntil = curry(walkUntil, VDirection.Up, isAbove, isBelow);
+    var downUntil = curry(walkUntil, VDirection.Down, isBelow, isAbove);
+    var positionsUntil = function (direction, root, predicateFn, node) {
+      var caretWalker = CaretWalker(root);
+      var walkFn, isBelowFn, isAboveFn, caretPosition;
+      var result = [];
+      var line = 0, clientRect;
+      var getClientRect = function (caretPosition) {
+        if (direction === 1) {
+          return last$1(caretPosition.getClientRects());
+        }
+        return last$1(caretPosition.getClientRects());
+      };
+      if (direction === 1) {
+        walkFn = caretWalker.next;
+        isBelowFn = isBelow;
+        isAboveFn = isAbove;
+        caretPosition = CaretPosition$1.after(node);
+      } else {
+        walkFn = caretWalker.prev;
+        isBelowFn = isAbove;
+        isAboveFn = isBelow;
+        caretPosition = CaretPosition$1.before(node);
+      }
+      var targetClientRect = getClientRect(caretPosition);
+      do {
+        if (!caretPosition.isVisible()) {
+          continue;
+        }
+        clientRect = getClientRect(caretPosition);
+        if (isAboveFn(clientRect, targetClientRect)) {
+          continue;
+        }
+        if (result.length > 0 && isBelowFn(clientRect, last$1(result))) {
+          line++;
+        }
+        clientRect = clone$2(clientRect);
+        clientRect.position = caretPosition;
+        clientRect.line = line;
+        if (predicateFn(clientRect)) {
+          return result;
+        }
+        result.push(clientRect);
+      } while (caretPosition = walkFn(caretPosition));
+      return result;
+    };
+    var isAboveLine = function (lineNumber) {
+      return function (clientRect) {
+        return aboveLineNumber(lineNumber, clientRect);
+      };
+    };
+    var isLine = function (lineNumber) {
+      return function (clientRect) {
+        return isLineNumber(lineNumber, clientRect);
+      };
+    };
+
+    var isContentEditableFalse$8 = isContentEditableFalse;
+    var findNode$1 = findNode;
+    var distanceToRectLeft = function (clientRect, clientX) {
+      return Math.abs(clientRect.left - clientX);
+    };
+    var distanceToRectRight = function (clientRect, clientX) {
+      return Math.abs(clientRect.right - clientX);
+    };
+    var isInsideX = function (clientX, clientRect) {
+      return clientX >= clientRect.left && clientX <= clientRect.right;
+    };
+    var isInsideY = function (clientY, clientRect) {
+      return clientY >= clientRect.top && clientY <= clientRect.bottom;
+    };
+    var findClosestClientRect = function (clientRects, clientX) {
+      return reduce(clientRects, function (oldClientRect, clientRect) {
+        var oldDistance = Math.min(distanceToRectLeft(oldClientRect, clientX), distanceToRectRight(oldClientRect, clientX));
+        var newDistance = Math.min(distanceToRectLeft(clientRect, clientX), distanceToRectRight(clientRect, clientX));
+        if (isInsideX(clientX, clientRect)) {
+          return clientRect;
+        }
+        if (isInsideX(clientX, oldClientRect)) {
+          return oldClientRect;
+        }
+        if (newDistance === oldDistance && isContentEditableFalse$8(clientRect.node)) {
+          return clientRect;
+        }
+        if (newDistance < oldDistance) {
+          return clientRect;
+        }
+        return oldClientRect;
+      });
+    };
+    var walkUntil$1 = function (direction, root, predicateFn, startNode, includeChildren) {
+      var node = findNode$1(startNode, direction, isEditableCaretCandidate, root, !includeChildren);
+      do {
+        if (!node || predicateFn(node)) {
+          return;
+        }
+      } while (node = findNode$1(node, direction, isEditableCaretCandidate, root));
+    };
+    var findLineNodeRects = function (root, targetNodeRect, includeChildren) {
+      if (includeChildren === void 0) {
+        includeChildren = true;
+      }
+      var clientRects = [];
+      var collect = function (checkPosFn, node) {
+        var lineRects = filter(getClientRects([node]), function (clientRect) {
+          return !checkPosFn(clientRect, targetNodeRect);
+        });
+        clientRects = clientRects.concat(lineRects);
+        return lineRects.length === 0;
+      };
+      clientRects.push(targetNodeRect);
+      walkUntil$1(VDirection.Up, root, curry(collect, isAbove), targetNodeRect.node, includeChildren);
+      walkUntil$1(VDirection.Down, root, curry(collect, isBelow), targetNodeRect.node, includeChildren);
+      return clientRects;
+    };
+    var getFakeCaretTargets = function (root) {
+      return filter(from$1(root.getElementsByTagName('*')), isFakeCaretTarget);
+    };
+    var caretInfo = function (clientRect, clientX) {
+      return {
+        node: clientRect.node,
+        before: distanceToRectLeft(clientRect, clientX) < distanceToRectRight(clientRect, clientX)
+      };
+    };
+    var closestFakeCaret = function (root, clientX, clientY) {
+      var fakeTargetNodeRects = getClientRects(getFakeCaretTargets(root));
+      var targetNodeRects = filter(fakeTargetNodeRects, curry(isInsideY, clientY));
+      var closestNodeRect = findClosestClientRect(targetNodeRects, clientX);
+      if (closestNodeRect) {
+        var includeChildren = !isTable(closestNodeRect.node) && !isMedia(closestNodeRect.node);
+        closestNodeRect = findClosestClientRect(findLineNodeRects(root, closestNodeRect, includeChildren), clientX);
+        if (closestNodeRect && isFakeCaretTarget(closestNodeRect.node)) {
+          return caretInfo(closestNodeRect, clientX);
+        }
+      }
+      return null;
+    };
+
+    var moveToRange = function (editor, rng) {
+      editor.selection.setRng(rng);
+      scrollRangeIntoView(editor, editor.selection.getRng());
+    };
+    var renderRangeCaretOpt = function (editor, range, scrollIntoView) {
+      return Optional.some(renderRangeCaret(editor, range, scrollIntoView));
+    };
+    var moveHorizontally = function (editor, direction, range, isBefore, isAfter, isElement) {
+      var forwards = direction === HDirection.Forwards;
+      var caretWalker = CaretWalker(editor.getBody());
+      var getNextPosFn = curry(getVisualCaretPosition, forwards ? caretWalker.next : caretWalker.prev);
+      var isBeforeFn = forwards ? isBefore : isAfter;
+      if (!range.collapsed) {
+        var node = getSelectedNode(range);
+        if (isElement(node)) {
+          return showCaret(direction, editor, node, direction === HDirection.Backwards, false);
+        }
+      }
+      var caretPosition = getNormalizedRangeEndPoint(direction, editor.getBody(), range);
+      if (isBeforeFn(caretPosition)) {
+        return selectNode(editor, caretPosition.getNode(!forwards));
+      }
+      var nextCaretPosition = normalizePosition(forwards, getNextPosFn(caretPosition));
+      var rangeIsInContainerBlock = isRangeInCaretContainerBlock(range);
+      if (!nextCaretPosition) {
+        return rangeIsInContainerBlock ? Optional.some(range) : Optional.none();
+      }
+      if (isBeforeFn(nextCaretPosition)) {
+        return showCaret(direction, editor, nextCaretPosition.getNode(!forwards), forwards, false);
+      }
+      var peekCaretPosition = getNextPosFn(nextCaretPosition);
+      if (peekCaretPosition && isBeforeFn(peekCaretPosition)) {
+        if (isMoveInsideSameBlock(nextCaretPosition, peekCaretPosition)) {
+          return showCaret(direction, editor, peekCaretPosition.getNode(!forwards), forwards, false);
+        }
+      }
+      if (rangeIsInContainerBlock) {
+        return renderRangeCaretOpt(editor, nextCaretPosition.toRange(), false);
+      }
+      return Optional.none();
+    };
+    var moveVertically = function (editor, direction, range, isBefore, isAfter, isElement) {
+      var caretPosition = getNormalizedRangeEndPoint(direction, editor.getBody(), range);
+      var caretClientRect = last$1(caretPosition.getClientRects());
+      var forwards = direction === VDirection.Down;
+      if (!caretClientRect) {
+        return Optional.none();
+      }
+      var walkerFn = forwards ? downUntil : upUntil;
+      var linePositions = walkerFn(editor.getBody(), isAboveLine(1), caretPosition);
+      var nextLinePositions = filter(linePositions, isLine(1));
+      var clientX = caretClientRect.left;
+      var nextLineRect = findClosestClientRect(nextLinePositions, clientX);
+      if (nextLineRect && isElement(nextLineRect.node)) {
+        var dist1 = Math.abs(clientX - nextLineRect.left);
+        var dist2 = Math.abs(clientX - nextLineRect.right);
+        return showCaret(direction, editor, nextLineRect.node, dist1 < dist2, false);
+      }
+      var currentNode;
+      if (isBefore(caretPosition)) {
+        currentNode = caretPosition.getNode();
+      } else if (isAfter(caretPosition)) {
+        currentNode = caretPosition.getNode(true);
+      } else {
+        currentNode = getSelectedNode(range);
+      }
+      if (currentNode) {
+        var caretPositions = positionsUntil(direction, editor.getBody(), isAboveLine(1), currentNode);
+        var closestNextLineRect = findClosestClientRect(filter(caretPositions, isLine(1)), clientX);
+        if (closestNextLineRect) {
+          return renderRangeCaretOpt(editor, closestNextLineRect.position.toRange(), false);
+        }
+        closestNextLineRect = last$1(filter(caretPositions, isLine(0)));
+        if (closestNextLineRect) {
+          return renderRangeCaretOpt(editor, closestNextLineRect.position.toRange(), false);
+        }
+      }
+      if (nextLinePositions.length === 0) {
+        return getLineEndPoint(editor, forwards).filter(forwards ? isAfter : isBefore).map(function (pos) {
+          return renderRangeCaret(editor, pos.toRange(), false);
+        });
+      }
+      return Optional.none();
+    };
+    var getLineEndPoint = function (editor, forward) {
+      var rng = editor.selection.getRng();
+      var body = editor.getBody();
+      if (forward) {
+        var from = CaretPosition$1.fromRangeEnd(rng);
+        var result = getPositionsUntilNextLine(body, from);
+        return last(result.positions);
+      } else {
+        var from = CaretPosition$1.fromRangeStart(rng);
+        var result = getPositionsUntilPreviousLine(body, from);
+        return head(result.positions);
+      }
+    };
+    var moveToLineEndPoint = function (editor, forward, isElementPosition) {
+      return getLineEndPoint(editor, forward).filter(isElementPosition).exists(function (pos) {
+        editor.selection.setRng(pos.toRange());
+        return true;
+      });
+    };
+
+    var isContentEditableFalse$9 = isContentEditableFalse;
+    var moveToCeFalseHorizontally = function (direction, editor, range) {
+      return moveHorizontally(editor, direction, range, isBeforeContentEditableFalse, isAfterContentEditableFalse, isContentEditableFalse$9);
+    };
+    var moveToCeFalseVertically = function (direction, editor, range) {
+      var isBefore = function (caretPosition) {
+        return isBeforeContentEditableFalse(caretPosition) || isBeforeTable(caretPosition);
+      };
+      var isAfter = function (caretPosition) {
+        return isAfterContentEditableFalse(caretPosition) || isAfterTable(caretPosition);
+      };
+      return moveVertically(editor, direction, range, isBefore, isAfter, isContentEditableFalse$9);
+    };
+    var createTextBlock = function (editor) {
+      var textBlock = editor.dom.create(getForcedRootBlock(editor));
+      if (!Env.ie || Env.ie >= 11) {
+        textBlock.innerHTML = '<br data-mce-bogus="1">';
+      }
+      return textBlock;
+    };
+    var exitPreBlock = function (editor, direction, range) {
+      var caretWalker = CaretWalker(editor.getBody());
+      var getVisualCaretPosition$1 = curry(getVisualCaretPosition, direction === 1 ? caretWalker.next : caretWalker.prev);
+      if (range.collapsed && hasForcedRootBlock(editor)) {
+        var pre = editor.dom.getParent(range.startContainer, 'PRE');
+        if (!pre) {
+          return;
+        }
+        var caretPos = getVisualCaretPosition$1(CaretPosition$1.fromRangeStart(range));
+        if (!caretPos) {
+          var newBlock = createTextBlock(editor);
+          if (direction === 1) {
+            editor.$(pre).after(newBlock);
+          } else {
+            editor.$(pre).before(newBlock);
+          }
+          editor.selection.select(newBlock, true);
+          editor.selection.collapse();
+        }
+      }
+    };
+    var getHorizontalRange = function (editor, forward) {
+      var direction = forward ? HDirection.Forwards : HDirection.Backwards;
+      var range = editor.selection.getRng();
+      return moveToCeFalseHorizontally(direction, editor, range).orThunk(function () {
+        exitPreBlock(editor, direction, range);
+        return Optional.none();
+      });
+    };
+    var getVerticalRange = function (editor, down) {
+      var direction = down ? 1 : -1;
+      var range = editor.selection.getRng();
+      return moveToCeFalseVertically(direction, editor, range).orThunk(function () {
+        exitPreBlock(editor, direction, range);
+        return Optional.none();
+      });
+    };
+    var moveH = function (editor, forward) {
+      return getHorizontalRange(editor, forward).exists(function (newRange) {
+        moveToRange(editor, newRange);
+        return true;
+      });
+    };
+    var moveV = function (editor, down) {
+      return getVerticalRange(editor, down).exists(function (newRange) {
+        moveToRange(editor, newRange);
+        return true;
+      });
+    };
+    var moveToLineEndPoint$1 = function (editor, forward) {
+      var isCefPosition = forward ? isAfterContentEditableFalse : isBeforeContentEditableFalse;
+      return moveToLineEndPoint(editor, forward, isCefPosition);
+    };
+
+    var isTarget = function (node) {
+      return contains(['figcaption'], name(node));
+    };
+    var rangeBefore = function (target) {
+      var rng = document.createRange();
+      rng.setStartBefore(target.dom);
+      rng.setEndBefore(target.dom);
+      return rng;
+    };
+    var insertElement = function (root, elm, forward) {
+      if (forward) {
+        append(root, elm);
+      } else {
+        prepend(root, elm);
+      }
+    };
+    var insertBr = function (root, forward) {
+      var br = SugarElement.fromTag('br');
+      insertElement(root, br, forward);
+      return rangeBefore(br);
+    };
+    var insertBlock$1 = function (root, forward, blockName, attrs) {
+      var block = SugarElement.fromTag(blockName);
+      var br = SugarElement.fromTag('br');
+      setAll(block, attrs);
+      append(block, br);
+      insertElement(root, block, forward);
+      return rangeBefore(br);
+    };
+    var insertEmptyLine = function (root, rootBlockName, attrs, forward) {
+      if (rootBlockName === '') {
+        return insertBr(root, forward);
+      } else {
+        return insertBlock$1(root, forward, rootBlockName, attrs);
+      }
+    };
+    var getClosestTargetBlock = function (pos, root) {
+      var isRoot = curry(eq$2, root);
+      return closest(SugarElement.fromDom(pos.container()), isBlock, isRoot).filter(isTarget);
+    };
+    var isAtFirstOrLastLine = function (root, forward, pos) {
+      return forward ? isAtLastLine(root.dom, pos) : isAtFirstLine(root.dom, pos);
+    };
+    var moveCaretToNewEmptyLine = function (editor, forward) {
+      var root = SugarElement.fromDom(editor.getBody());
+      var pos = CaretPosition$1.fromRangeStart(editor.selection.getRng());
+      var rootBlock = getForcedRootBlock(editor);
+      var rootBlockAttrs = getForcedRootBlockAttrs(editor);
+      return getClosestTargetBlock(pos, root).exists(function () {
+        if (isAtFirstOrLastLine(root, forward, pos)) {
+          var rng = insertEmptyLine(root, rootBlock, rootBlockAttrs, forward);
+          editor.selection.setRng(rng);
+          return true;
+        } else {
+          return false;
+        }
+      });
+    };
+    var moveV$1 = function (editor, forward) {
+      if (editor.selection.isCollapsed()) {
+        return moveCaretToNewEmptyLine(editor, forward);
+      } else {
+        return false;
+      }
+    };
+
+    var defaultPatterns = function (patterns) {
+      return map(patterns, function (pattern) {
+        return __assign({
+          shiftKey: false,
+          altKey: false,
+          ctrlKey: false,
+          metaKey: false,
+          keyCode: 0,
+          action: noop
+        }, pattern);
+      });
+    };
+    var matchesEvent = function (pattern, evt) {
+      return evt.keyCode === pattern.keyCode && evt.shiftKey === pattern.shiftKey && evt.altKey === pattern.altKey && evt.ctrlKey === pattern.ctrlKey && evt.metaKey === pattern.metaKey;
+    };
+    var match$1 = function (patterns, evt) {
+      return bind(defaultPatterns(patterns), function (pattern) {
+        return matchesEvent(pattern, evt) ? [pattern] : [];
+      });
+    };
+    var action = function (f) {
+      var x = [];
+      for (var _i = 1; _i < arguments.length; _i++) {
+        x[_i - 1] = arguments[_i];
+      }
+      return function () {
+        return f.apply(null, x);
+      };
+    };
+    var execute = function (patterns, evt) {
+      return find(match$1(patterns, evt), function (pattern) {
+        return pattern.action();
+      });
+    };
+
+    var moveH$1 = function (editor, forward) {
+      var direction = forward ? HDirection.Forwards : HDirection.Backwards;
+      var range = editor.selection.getRng();
+      return moveHorizontally(editor, direction, range, isBeforeMedia, isAfterMedia, isMedia).exists(function (newRange) {
+        moveToRange(editor, newRange);
+        return true;
+      });
+    };
+    var moveV$2 = function (editor, down) {
+      var direction = down ? 1 : -1;
+      var range = editor.selection.getRng();
+      return moveVertically(editor, direction, range, isBeforeMedia, isAfterMedia, isMedia).exists(function (newRange) {
+        moveToRange(editor, newRange);
+        return true;
+      });
+    };
+    var moveToLineEndPoint$2 = function (editor, forward) {
+      var isNearMedia = forward ? isAfterMedia : isBeforeMedia;
+      return moveToLineEndPoint(editor, forward, isNearMedia);
+    };
+
+    var deflate = function (rect, delta) {
+      return {
+        left: rect.left - delta,
+        top: rect.top - delta,
+        right: rect.right + delta * 2,
+        bottom: rect.bottom + delta * 2,
+        width: rect.width + delta,
+        height: rect.height + delta
+      };
+    };
+    var getCorners = function (getYAxisValue, tds) {
+      return bind(tds, function (td) {
+        var rect = deflate(clone$2(td.getBoundingClientRect()), -1);
+        return [
+          {
+            x: rect.left,
+            y: getYAxisValue(rect),
+            cell: td
+          },
+          {
+            x: rect.right,
+            y: getYAxisValue(rect),
+            cell: td
+          }
+        ];
+      });
+    };
+    var findClosestCorner = function (corners, x, y) {
+      return foldl(corners, function (acc, newCorner) {
+        return acc.fold(function () {
+          return Optional.some(newCorner);
+        }, function (oldCorner) {
+          var oldDist = Math.sqrt(Math.abs(oldCorner.x - x) + Math.abs(oldCorner.y - y));
+          var newDist = Math.sqrt(Math.abs(newCorner.x - x) + Math.abs(newCorner.y - y));
+          return Optional.some(newDist < oldDist ? newCorner : oldCorner);
+        });
+      }, Optional.none());
+    };
+    var getClosestCell$1 = function (getYAxisValue, isTargetCorner, table, x, y) {
+      var cells = descendants$1(SugarElement.fromDom(table), 'td,th,caption').map(function (e) {
+        return e.dom;
+      });
+      var corners = filter(getCorners(getYAxisValue, cells), function (corner) {
+        return isTargetCorner(corner, y);
+      });
+      return findClosestCorner(corners, x, y).map(function (corner) {
+        return corner.cell;
+      });
+    };
+    var getBottomValue = function (rect) {
+      return rect.bottom;
+    };
+    var getTopValue = function (rect) {
+      return rect.top;
+    };
+    var isAbove$1 = function (corner, y) {
+      return corner.y < y;
+    };
+    var isBelow$1 = function (corner, y) {
+      return corner.y > y;
+    };
+    var getClosestCellAbove = curry(getClosestCell$1, getBottomValue, isAbove$1);
+    var getClosestCellBelow = curry(getClosestCell$1, getTopValue, isBelow$1);
+    var findClosestPositionInAboveCell = function (table, pos) {
+      return head(pos.getClientRects()).bind(function (rect) {
+        return getClosestCellAbove(table, rect.left, rect.top);
+      }).bind(function (cell) {
+        return findClosestHorizontalPosition(getLastLinePositions(cell), pos);
+      });
+    };
+    var findClosestPositionInBelowCell = function (table, pos) {
+      return last(pos.getClientRects()).bind(function (rect) {
+        return getClosestCellBelow(table, rect.left, rect.top);
+      }).bind(function (cell) {
+        return findClosestHorizontalPosition(getFirstLinePositions(cell), pos);
+      });
+    };
+
+    var hasNextBreak = function (getPositionsUntil, scope, lineInfo) {
+      return lineInfo.breakAt.exists(function (breakPos) {
+        return getPositionsUntil(scope, breakPos).breakAt.isSome();
+      });
+    };
+    var startsWithWrapBreak = function (lineInfo) {
+      return lineInfo.breakType === BreakType.Wrap && lineInfo.positions.length === 0;
+    };
+    var startsWithBrBreak = function (lineInfo) {
+      return lineInfo.breakType === BreakType.Br && lineInfo.positions.length === 1;
+    };
+    var isAtTableCellLine = function (getPositionsUntil, scope, pos) {
+      var lineInfo = getPositionsUntil(scope, pos);
+      if (startsWithWrapBreak(lineInfo) || !isBr(pos.getNode()) && startsWithBrBreak(lineInfo)) {
+        return !hasNextBreak(getPositionsUntil, scope, lineInfo);
+      } else {
+        return lineInfo.breakAt.isNone();
+      }
+    };
+    var isAtFirstTableCellLine = curry(isAtTableCellLine, getPositionsUntilPreviousLine);
+    var isAtLastTableCellLine = curry(isAtTableCellLine, getPositionsUntilNextLine);
+    var isCaretAtStartOrEndOfTable = function (forward, rng, table) {
+      var caretPos = CaretPosition$1.fromRangeStart(rng);
+      return positionIn(!forward, table).exists(function (pos) {
+        return pos.isEqual(caretPos);
+      });
+    };
+    var navigateHorizontally = function (editor, forward, table, _td) {
+      var rng = editor.selection.getRng();
+      var direction = forward ? 1 : -1;
+      if (isFakeCaretTableBrowser() && isCaretAtStartOrEndOfTable(forward, rng, table)) {
+        showCaret(direction, editor, table, !forward, false).each(function (newRng) {
+          moveToRange(editor, newRng);
+        });
+        return true;
+      }
+      return false;
+    };
+    var getClosestAbovePosition = function (root, table, start) {
+      return findClosestPositionInAboveCell(table, start).orThunk(function () {
+        return head(start.getClientRects()).bind(function (rect) {
+          return findClosestHorizontalPositionFromPoint(getPositionsAbove(root, CaretPosition$1.before(table)), rect.left);
+        });
+      }).getOr(CaretPosition$1.before(table));
+    };
+    var getClosestBelowPosition = function (root, table, start) {
+      return findClosestPositionInBelowCell(table, start).orThunk(function () {
+        return head(start.getClientRects()).bind(function (rect) {
+          return findClosestHorizontalPositionFromPoint(getPositionsBelow(root, CaretPosition$1.after(table)), rect.left);
+        });
+      }).getOr(CaretPosition$1.after(table));
+    };
+    var getTable = function (previous, pos) {
+      var node = pos.getNode(previous);
+      return isElement$1(node) && node.nodeName === 'TABLE' ? Optional.some(node) : Optional.none();
+    };
+    var renderBlock = function (down, editor, table, pos) {
+      var forcedRootBlock = getForcedRootBlock(editor);
+      if (forcedRootBlock) {
+        editor.undoManager.transact(function () {
+          var element = SugarElement.fromTag(forcedRootBlock);
+          setAll(element, getForcedRootBlockAttrs(editor));
+          append(element, SugarElement.fromTag('br'));
+          if (down) {
+            after(SugarElement.fromDom(table), element);
+          } else {
+            before(SugarElement.fromDom(table), element);
+          }
+          var rng = editor.dom.createRng();
+          rng.setStart(element.dom, 0);
+          rng.setEnd(element.dom, 0);
+          moveToRange(editor, rng);
+        });
+      } else {
+        moveToRange(editor, pos.toRange());
+      }
+    };
+    var moveCaret = function (editor, down, pos) {
+      var table = down ? getTable(true, pos) : getTable(false, pos);
+      var last = down === false;
+      table.fold(function () {
+        return moveToRange(editor, pos.toRange());
+      }, function (table) {
+        return positionIn(last, editor.getBody()).filter(function (lastPos) {
+          return lastPos.isEqual(pos);
+        }).fold(function () {
+          return moveToRange(editor, pos.toRange());
+        }, function (_) {
+          return renderBlock(down, editor, table, pos);
+        });
+      });
+    };
+    var navigateVertically = function (editor, down, table, td) {
+      var rng = editor.selection.getRng();
+      var pos = CaretPosition$1.fromRangeStart(rng);
+      var root = editor.getBody();
+      if (!down && isAtFirstTableCellLine(td, pos)) {
+        var newPos = getClosestAbovePosition(root, table, pos);
+        moveCaret(editor, down, newPos);
+        return true;
+      } else if (down && isAtLastTableCellLine(td, pos)) {
+        var newPos = getClosestBelowPosition(root, table, pos);
+        moveCaret(editor, down, newPos);
+        return true;
+      } else {
+        return false;
+      }
+    };
+    var move$1 = function (editor, forward, mover) {
+      return Optional.from(editor.dom.getParent(editor.selection.getNode(), 'td,th')).bind(function (td) {
+        return Optional.from(editor.dom.getParent(td, 'table')).map(function (table) {
+          return mover(editor, forward, table, td);
+        });
+      }).getOr(false);
+    };
+    var moveH$2 = function (editor, forward) {
+      return move$1(editor, forward, navigateHorizontally);
+    };
+    var moveV$3 = function (editor, forward) {
+      return move$1(editor, forward, navigateVertically);
+    };
+
+    var executeKeydownOverride = function (editor, caret, evt) {
+      var os = detect$3().os;
+      execute([
+        {
+          keyCode: VK.RIGHT,
+          action: action(moveH, editor, true)
+        },
+        {
+          keyCode: VK.LEFT,
+          action: action(moveH, editor, false)
+        },
+        {
+          keyCode: VK.UP,
+          action: action(moveV, editor, false)
+        },
+        {
+          keyCode: VK.DOWN,
+          action: action(moveV, editor, true)
+        },
+        {
+          keyCode: VK.RIGHT,
+          action: action(moveH$2, editor, true)
+        },
+        {
+          keyCode: VK.LEFT,
+          action: action(moveH$2, editor, false)
+        },
+        {
+          keyCode: VK.UP,
+          action: action(moveV$3, editor, false)
+        },
+        {
+          keyCode: VK.DOWN,
+          action: action(moveV$3, editor, true)
+        },
+        {
+          keyCode: VK.RIGHT,
+          action: action(moveH$1, editor, true)
+        },
+        {
+          keyCode: VK.LEFT,
+          action: action(moveH$1, editor, false)
+        },
+        {
+          keyCode: VK.UP,
+          action: action(moveV$2, editor, false)
+        },
+        {
+          keyCode: VK.DOWN,
+          action: action(moveV$2, editor, true)
+        },
+        {
+          keyCode: VK.RIGHT,
+          action: action(move, editor, caret, true)
+        },
+        {
+          keyCode: VK.LEFT,
+          action: action(move, editor, caret, false)
+        },
+        {
+          keyCode: VK.RIGHT,
+          ctrlKey: !os.isOSX(),
+          altKey: os.isOSX(),
+          action: action(moveNextWord, editor, caret)
+        },
+        {
+          keyCode: VK.LEFT,
+          ctrlKey: !os.isOSX(),
+          altKey: os.isOSX(),
+          action: action(movePrevWord, editor, caret)
+        },
+        {
+          keyCode: VK.UP,
+          action: action(moveV$1, editor, false)
+        },
+        {
+          keyCode: VK.DOWN,
+          action: action(moveV$1, editor, true)
+        }
+      ], evt).each(function (_) {
+        evt.preventDefault();
+      });
+    };
+    var setup$c = function (editor, caret) {
+      editor.on('keydown', function (evt) {
+        if (evt.isDefaultPrevented() === false) {
+          executeKeydownOverride(editor, caret, evt);
+        }
+      });
+    };
+
+    var executeKeydownOverride$1 = function (editor, caret, evt) {
+      execute([
+        {
+          keyCode: VK.BACKSPACE,
+          action: action(backspaceDelete$9, editor, false)
+        },
+        {
+          keyCode: VK.BACKSPACE,
+          action: action(backspaceDelete$4, editor, false)
+        },
+        {
+          keyCode: VK.DELETE,
+          action: action(backspaceDelete$4, editor, true)
+        },
+        {
+          keyCode: VK.BACKSPACE,
+          action: action(backspaceDelete$3, editor, false)
+        },
+        {
+          keyCode: VK.DELETE,
+          action: action(backspaceDelete$3, editor, true)
+        },
+        {
+          keyCode: VK.BACKSPACE,
+          action: action(backspaceDelete$6, editor, caret, false)
+        },
+        {
+          keyCode: VK.DELETE,
+          action: action(backspaceDelete$6, editor, caret, true)
+        },
+        {
+          keyCode: VK.BACKSPACE,
+          action: action(backspaceDelete, editor, false)
+        },
+        {
+          keyCode: VK.DELETE,
+          action: action(backspaceDelete, editor, true)
+        },
+        {
+          keyCode: VK.BACKSPACE,
+          action: action(backspaceDelete$5, editor, false)
+        },
+        {
+          keyCode: VK.DELETE,
+          action: action(backspaceDelete$5, editor, true)
+        },
+        {
+          keyCode: VK.BACKSPACE,
+          action: action(backspaceDelete$8, editor, false)
+        },
+        {
+          keyCode: VK.DELETE,
+          action: action(backspaceDelete$8, editor, true)
+        },
+        {
+          keyCode: VK.BACKSPACE,
+          action: action(backspaceDelete$2, editor, false)
+        },
+        {
+          keyCode: VK.DELETE,
+          action: action(backspaceDelete$2, editor, true)
+        },
+        {
+          keyCode: VK.BACKSPACE,
+          action: action(backspaceDelete$1, editor, false)
+        },
+        {
+          keyCode: VK.DELETE,
+          action: action(backspaceDelete$1, editor, true)
+        },
+        {
+          keyCode: VK.BACKSPACE,
+          action: action(backspaceDelete$7, editor, false)
+        },
+        {
+          keyCode: VK.DELETE,
+          action: action(backspaceDelete$7, editor, true)
+        }
+      ], evt).each(function (_) {
+        evt.preventDefault();
+      });
+    };
+    var executeKeyupOverride = function (editor, evt) {
+      execute([
+        {
+          keyCode: VK.BACKSPACE,
+          action: action(paddEmptyElement, editor)
+        },
+        {
+          keyCode: VK.DELETE,
+          action: action(paddEmptyElement, editor)
+        }
+      ], evt);
+    };
+    var setup$d = function (editor, caret) {
+      editor.on('keydown', function (evt) {
+        if (evt.isDefaultPrevented() === false) {
+          executeKeydownOverride$1(editor, caret, evt);
+        }
+      });
+      editor.on('keyup', function (evt) {
+        if (evt.isDefaultPrevented() === false) {
+          executeKeyupOverride(editor, evt);
+        }
+      });
+    };
+
+    var firstNonWhiteSpaceNodeSibling = function (node) {
+      while (node) {
+        if (node.nodeType === 1 || node.nodeType === 3 && node.data && /[\r\n\s]/.test(node.data)) {
+          return node;
+        }
+        node = node.nextSibling;
+      }
+    };
+    var moveToCaretPosition = function (editor, root) {
+      var node, lastNode = root;
+      var dom = editor.dom;
+      var moveCaretBeforeOnEnterElementsMap = editor.schema.getMoveCaretBeforeOnEnterElements();
+      if (!root) {
+        return;
+      }
+      if (/^(LI|DT|DD)$/.test(root.nodeName)) {
+        var firstChild = firstNonWhiteSpaceNodeSibling(root.firstChild);
+        if (firstChild && /^(UL|OL|DL)$/.test(firstChild.nodeName)) {
+          root.insertBefore(dom.doc.createTextNode(nbsp), root.firstChild);
+        }
+      }
+      var rng = dom.createRng();
+      root.normalize();
+      if (root.hasChildNodes()) {
+        var walker = new DomTreeWalker(root, root);
+        while (node = walker.current()) {
+          if (isText$1(node)) {
+            rng.setStart(node, 0);
+            rng.setEnd(node, 0);
+            break;
+          }
+          if (moveCaretBeforeOnEnterElementsMap[node.nodeName.toLowerCase()]) {
+            rng.setStartBefore(node);
+            rng.setEndBefore(node);
+            break;
+          }
+          lastNode = node;
+          node = walker.next();
+        }
+        if (!node) {
+          rng.setStart(lastNode, 0);
+          rng.setEnd(lastNode, 0);
+        }
+      } else {
+        if (isBr(root)) {
+          if (root.nextSibling && dom.isBlock(root.nextSibling)) {
+            rng.setStartBefore(root);
+            rng.setEndBefore(root);
+          } else {
+            rng.setStartAfter(root);
+            rng.setEndAfter(root);
+          }
+        } else {
+          rng.setStart(root, 0);
+          rng.setEnd(root, 0);
+        }
+      }
+      editor.selection.setRng(rng);
+      scrollRangeIntoView(editor, rng);
+    };
+    var getEditableRoot = function (dom, node) {
+      var root = dom.getRoot();
+      var parent, editableRoot;
+      parent = node;
+      while (parent !== root && dom.getContentEditable(parent) !== 'false') {
+        if (dom.getContentEditable(parent) === 'true') {
+          editableRoot = parent;
+        }
+        parent = parent.parentNode;
+      }
+      return parent !== root ? editableRoot : root;
+    };
+    var getParentBlock$2 = function (editor) {
+      return Optional.from(editor.dom.getParent(editor.selection.getStart(true), editor.dom.isBlock));
+    };
+    var getParentBlockName = function (editor) {
+      return getParentBlock$2(editor).fold(constant(''), function (parentBlock) {
+        return parentBlock.nodeName.toUpperCase();
+      });
+    };
+    var isListItemParentBlock = function (editor) {
+      return getParentBlock$2(editor).filter(function (elm) {
+        return isListItem(SugarElement.fromDom(elm));
+      }).isSome();
+    };
+
+    var hasFirstChild = function (elm, name) {
+      return elm.firstChild && elm.firstChild.nodeName === name;
+    };
+    var hasParent$1 = function (elm, parentName) {
+      return elm && elm.parentNode && elm.parentNode.nodeName === parentName;
+    };
+    var isListBlock = function (elm) {
+      return elm && /^(OL|UL|LI)$/.test(elm.nodeName);
+    };
+    var isNestedList = function (elm) {
+      return isListBlock(elm) && isListBlock(elm.parentNode);
+    };
+    var getContainerBlock = function (containerBlock) {
+      var containerBlockParent = containerBlock.parentNode;
+      if (/^(LI|DT|DD)$/.test(containerBlockParent.nodeName)) {
+        return containerBlockParent;
+      }
+      return containerBlock;
+    };
+    var isFirstOrLastLi = function (containerBlock, parentBlock, first) {
+      var node = containerBlock[first ? 'firstChild' : 'lastChild'];
+      while (node) {
+        if (isElement$1(node)) {
+          break;
+        }
+        node = node[first ? 'nextSibling' : 'previousSibling'];
+      }
+      return node === parentBlock;
+    };
+    var insert = function (editor, createNewBlock, containerBlock, parentBlock, newBlockName) {
+      var dom = editor.dom;
+      var rng = editor.selection.getRng();
+      if (containerBlock === editor.getBody()) {
+        return;
+      }
+      if (isNestedList(containerBlock)) {
+        newBlockName = 'LI';
+      }
+      var newBlock = newBlockName ? createNewBlock(newBlockName) : dom.create('BR');
+      if (isFirstOrLastLi(containerBlock, parentBlock, true) && isFirstOrLastLi(containerBlock, parentBlock, false)) {
+        if (hasParent$1(containerBlock, 'LI')) {
+          dom.insertAfter(newBlock, getContainerBlock(containerBlock));
+        } else {
+          dom.replace(newBlock, containerBlock);
+        }
+      } else if (isFirstOrLastLi(containerBlock, parentBlock, true)) {
+        if (hasParent$1(containerBlock, 'LI')) {
+          dom.insertAfter(newBlock, getContainerBlock(containerBlock));
+          newBlock.appendChild(dom.doc.createTextNode(' '));
+          newBlock.appendChild(containerBlock);
+        } else {
+          containerBlock.parentNode.insertBefore(newBlock, containerBlock);
+        }
+      } else if (isFirstOrLastLi(containerBlock, parentBlock, false)) {
+        dom.insertAfter(newBlock, getContainerBlock(containerBlock));
+      } else {
+        containerBlock = getContainerBlock(containerBlock);
+        var tmpRng = rng.cloneRange();
+        tmpRng.setStartAfter(parentBlock);
+        tmpRng.setEndAfter(containerBlock);
+        var fragment = tmpRng.extractContents();
+        if (newBlockName === 'LI' && hasFirstChild(fragment, 'LI')) {
+          newBlock = fragment.firstChild;
+          dom.insertAfter(fragment, containerBlock);
+        } else {
+          dom.insertAfter(fragment, containerBlock);
+          dom.insertAfter(newBlock, containerBlock);
+        }
+      }
+      dom.remove(parentBlock);
+      moveToCaretPosition(editor, newBlock);
+    };
+
+    var trimZwsp = function (fragment) {
+      each(descendants(SugarElement.fromDom(fragment), isText), function (text) {
+        var rawNode = text.dom;
+        rawNode.nodeValue = trim$2(rawNode.nodeValue);
+      });
+    };
+    var isEmptyAnchor = function (dom, elm) {
+      return elm && elm.nodeName === 'A' && dom.isEmpty(elm);
+    };
+    var isTableCell$5 = function (node) {
+      return node && /^(TD|TH|CAPTION)$/.test(node.nodeName);
+    };
+    var emptyBlock = function (elm) {
+      elm.innerHTML = '<br data-mce-bogus="1">';
+    };
+    var containerAndSiblingName = function (container, nodeName) {
+      return container.nodeName === nodeName || container.previousSibling && container.previousSibling.nodeName === nodeName;
+    };
+    var canSplitBlock = function (dom, node) {
+      return node && dom.isBlock(node) && !/^(TD|TH|CAPTION|FORM)$/.test(node.nodeName) && !/^(fixed|absolute)/i.test(node.style.position) && dom.getContentEditable(node) !== 'true';
+    };
+    var trimInlineElementsOnLeftSideOfBlock = function (dom, nonEmptyElementsMap, block) {
+      var node = block;
+      var firstChilds = [];
+      var i;
+      if (!node) {
+        return;
+      }
+      while (node = node.firstChild) {
+        if (dom.isBlock(node)) {
+          return;
+        }
+        if (isElement$1(node) && !nonEmptyElementsMap[node.nodeName.toLowerCase()]) {
+          firstChilds.push(node);
+        }
+      }
+      i = firstChilds.length;
+      while (i--) {
+        node = firstChilds[i];
+        if (!node.hasChildNodes() || node.firstChild === node.lastChild && node.firstChild.nodeValue === '') {
+          dom.remove(node);
+        } else {
+          if (isEmptyAnchor(dom, node)) {
+            dom.remove(node);
+          }
+        }
+      }
+    };
+    var normalizeZwspOffset = function (start, container, offset) {
+      if (isText$1(container) === false) {
+        return offset;
+      } else if (start) {
+        return offset === 1 && container.data.charAt(offset - 1) === ZWSP ? 0 : offset;
+      } else {
+        return offset === container.data.length - 1 && container.data.charAt(offset) === ZWSP ? container.data.length : offset;
+      }
+    };
+    var includeZwspInRange = function (rng) {
+      var newRng = rng.cloneRange();
+      newRng.setStart(rng.startContainer, normalizeZwspOffset(true, rng.startContainer, rng.startOffset));
+      newRng.setEnd(rng.endContainer, normalizeZwspOffset(false, rng.endContainer, rng.endOffset));
+      return newRng;
+    };
+    var trimLeadingLineBreaks = function (node) {
+      do {
+        if (isText$1(node)) {
+          node.nodeValue = node.nodeValue.replace(/^[\r\n]+/, '');
+        }
+        node = node.firstChild;
+      } while (node);
+    };
+    var getEditableRoot$1 = function (dom, node) {
+      var root = dom.getRoot();
+      var parent, editableRoot;
+      parent = node;
+      while (parent !== root && dom.getContentEditable(parent) !== 'false') {
+        if (dom.getContentEditable(parent) === 'true') {
+          editableRoot = parent;
+        }
+        parent = parent.parentNode;
+      }
+      return parent !== root ? editableRoot : root;
+    };
+    var applyAttributes = function (editor, node, forcedRootBlockAttrs) {
+      var dom = editor.dom;
+      Optional.from(forcedRootBlockAttrs.style).map(dom.parseStyle).each(function (attrStyles) {
+        var currentStyles = getAllRaw(SugarElement.fromDom(node));
+        var newStyles = __assign(__assign({}, currentStyles), attrStyles);
+        dom.setStyles(node, newStyles);
+      });
+      var attrClassesOpt = Optional.from(forcedRootBlockAttrs.class).map(function (attrClasses) {
+        return attrClasses.split(/\s+/);
+      });
+      var currentClassesOpt = Optional.from(node.className).map(function (currentClasses) {
+        return filter(currentClasses.split(/\s+/), function (clazz) {
+          return clazz !== '';
+        });
+      });
+      lift2(attrClassesOpt, currentClassesOpt, function (attrClasses, currentClasses) {
+        var filteredClasses = filter(currentClasses, function (clazz) {
+          return !contains(attrClasses, clazz);
+        });
+        var newClasses = __spreadArrays(attrClasses, filteredClasses);
+        dom.setAttrib(node, 'class', newClasses.join(' '));
+      });
+      var appliedAttrs = [
+        'style',
+        'class'
+      ];
+      var remainingAttrs = filter$1(forcedRootBlockAttrs, function (_, attrs) {
+        return !contains(appliedAttrs, attrs);
+      });
+      dom.setAttribs(node, remainingAttrs);
+    };
+    var setForcedBlockAttrs = function (editor, node) {
+      var forcedRootBlockName = getForcedRootBlock(editor);
+      if (forcedRootBlockName && forcedRootBlockName.toLowerCase() === node.tagName.toLowerCase()) {
+        var forcedRootBlockAttrs = getForcedRootBlockAttrs(editor);
+        applyAttributes(editor, node, forcedRootBlockAttrs);
+      }
+    };
+    var wrapSelfAndSiblingsInDefaultBlock = function (editor, newBlockName, rng, container, offset) {
+      var newBlock, parentBlock, startNode, node, next, rootBlockName;
+      var blockName = newBlockName || 'P';
+      var dom = editor.dom, editableRoot = getEditableRoot$1(dom, container);
+      parentBlock = dom.getParent(container, dom.isBlock);
+      if (!parentBlock || !canSplitBlock(dom, parentBlock)) {
+        parentBlock = parentBlock || editableRoot;
+        if (parentBlock === editor.getBody() || isTableCell$5(parentBlock)) {
+          rootBlockName = parentBlock.nodeName.toLowerCase();
+        } else {
+          rootBlockName = parentBlock.parentNode.nodeName.toLowerCase();
+        }
+        if (!parentBlock.hasChildNodes()) {
+          newBlock = dom.create(blockName);
+          setForcedBlockAttrs(editor, newBlock);
+          parentBlock.appendChild(newBlock);
+          rng.setStart(newBlock, 0);
+          rng.setEnd(newBlock, 0);
+          return newBlock;
+        }
+        node = container;
+        while (node.parentNode !== parentBlock) {
+          node = node.parentNode;
+        }
+        while (node && !dom.isBlock(node)) {
+          startNode = node;
+          node = node.previousSibling;
+        }
+        if (startNode && editor.schema.isValidChild(rootBlockName, blockName.toLowerCase())) {
+          newBlock = dom.create(blockName);
+          setForcedBlockAttrs(editor, newBlock);
+          startNode.parentNode.insertBefore(newBlock, startNode);
+          node = startNode;
+          while (node && !dom.isBlock(node)) {
+            next = node.nextSibling;
+            newBlock.appendChild(node);
+            node = next;
+          }
+          rng.setStart(container, offset);
+          rng.setEnd(container, offset);
+        }
+      }
+      return container;
+    };
+    var addBrToBlockIfNeeded = function (dom, block) {
+      block.normalize();
+      var lastChild = block.lastChild;
+      if (!lastChild || /^(left|right)$/gi.test(dom.getStyle(lastChild, 'float', true))) {
+        dom.add(block, 'br');
+      }
+    };
+    var insert$1 = function (editor, evt) {
+      var tmpRng, container, offset, parentBlock;
+      var newBlock, fragment, containerBlock, parentBlockName, newBlockName, isAfterLastNodeInContainer;
+      var dom = editor.dom;
+      var schema = editor.schema, nonEmptyElementsMap = schema.getNonEmptyElements();
+      var rng = editor.selection.getRng();
+      var createNewBlock = function (name) {
+        var node = container, block, clonedNode, caretNode;
+        var textInlineElements = schema.getTextInlineElements();
+        if (name || parentBlockName === 'TABLE' || parentBlockName === 'HR') {
+          block = dom.create(name || newBlockName);
+        } else {
+          block = parentBlock.cloneNode(false);
+        }
+        caretNode = block;
+        if (shouldKeepStyles(editor) === false) {
+          dom.setAttrib(block, 'style', null);
+          dom.setAttrib(block, 'class', null);
+        } else {
+          do {
+            if (textInlineElements[node.nodeName]) {
+              if (isCaretNode(node) || isBookmarkNode$1(node)) {
+                continue;
+              }
+              clonedNode = node.cloneNode(false);
+              dom.setAttrib(clonedNode, 'id', '');
+              if (block.hasChildNodes()) {
+                clonedNode.appendChild(block.firstChild);
+                block.appendChild(clonedNode);
+              } else {
+                caretNode = clonedNode;
+                block.appendChild(clonedNode);
+              }
+            }
+          } while ((node = node.parentNode) && node !== editableRoot);
+        }
+        setForcedBlockAttrs(editor, block);
+        emptyBlock(caretNode);
+        return block;
+      };
+      var isCaretAtStartOrEndOfBlock = function (start) {
+        var node, name;
+        var normalizedOffset = normalizeZwspOffset(start, container, offset);
+        if (isText$1(container) && (start ? normalizedOffset > 0 : normalizedOffset < container.nodeValue.length)) {
+          return false;
+        }
+        if (container.parentNode === parentBlock && isAfterLastNodeInContainer && !start) {
+          return true;
+        }
+        if (start && isElement$1(container) && container === parentBlock.firstChild) {
+          return true;
+        }
+        if (containerAndSiblingName(container, 'TABLE') || containerAndSiblingName(container, 'HR')) {
+          return isAfterLastNodeInContainer && !start || !isAfterLastNodeInContainer && start;
+        }
+        var walker = new DomTreeWalker(container, parentBlock);
+        if (isText$1(container)) {
+          if (start && normalizedOffset === 0) {
+            walker.prev();
+          } else if (!start && normalizedOffset === container.nodeValue.length) {
+            walker.next();
+          }
+        }
+        while (node = walker.current()) {
+          if (isElement$1(node)) {
+            if (!node.getAttribute('data-mce-bogus')) {
+              name = node.nodeName.toLowerCase();
+              if (nonEmptyElementsMap[name] && name !== 'br') {
+                return false;
+              }
+            }
+          } else if (isText$1(node) && !isWhitespaceText(node.nodeValue)) {
+            return false;
+          }
+          if (start) {
+            walker.prev();
+          } else {
+            walker.next();
+          }
+        }
+        return true;
+      };
+      var insertNewBlockAfter = function () {
+        if (/^(H[1-6]|PRE|FIGURE)$/.test(parentBlockName) && containerBlockName !== 'HGROUP') {
+          newBlock = createNewBlock(newBlockName);
+        } else {
+          newBlock = createNewBlock();
+        }
+        if (shouldEndContainerOnEmptyBlock(editor) && canSplitBlock(dom, containerBlock) && dom.isEmpty(parentBlock)) {
+          newBlock = dom.split(containerBlock, parentBlock);
+        } else {
+          dom.insertAfter(newBlock, parentBlock);
+        }
+        moveToCaretPosition(editor, newBlock);
+      };
+      normalize(dom, rng).each(function (normRng) {
+        rng.setStart(normRng.startContainer, normRng.startOffset);
+        rng.setEnd(normRng.endContainer, normRng.endOffset);
+      });
+      container = rng.startContainer;
+      offset = rng.startOffset;
+      newBlockName = getForcedRootBlock(editor);
+      var shiftKey = !!(evt && evt.shiftKey);
+      var ctrlKey = !!(evt && evt.ctrlKey);
+      if (isElement$1(container) && container.hasChildNodes()) {
+        isAfterLastNodeInContainer = offset > container.childNodes.length - 1;
+        container = container.childNodes[Math.min(offset, container.childNodes.length - 1)] || container;
+        if (isAfterLastNodeInContainer && isText$1(container)) {
+          offset = container.nodeValue.length;
+        } else {
+          offset = 0;
+        }
+      }
+      var editableRoot = getEditableRoot$1(dom, container);
+      if (!editableRoot) {
+        return;
+      }
+      if (newBlockName && !shiftKey || !newBlockName && shiftKey) {
+        container = wrapSelfAndSiblingsInDefaultBlock(editor, newBlockName, rng, container, offset);
+      }
+      parentBlock = dom.getParent(container, dom.isBlock);
+      containerBlock = parentBlock ? dom.getParent(parentBlock.parentNode, dom.isBlock) : null;
+      parentBlockName = parentBlock ? parentBlock.nodeName.toUpperCase() : '';
+      var containerBlockName = containerBlock ? containerBlock.nodeName.toUpperCase() : '';
+      if (containerBlockName === 'LI' && !ctrlKey) {
+        parentBlock = containerBlock;
+        containerBlock = containerBlock.parentNode;
+        parentBlockName = containerBlockName;
+      }
+      if (/^(LI|DT|DD)$/.test(parentBlockName)) {
+        if (dom.isEmpty(parentBlock)) {
+          insert(editor, createNewBlock, containerBlock, parentBlock, newBlockName);
+          return;
+        }
+      }
+      if (newBlockName && parentBlock === editor.getBody()) {
+        return;
+      }
+      newBlockName = newBlockName || 'P';
+      if (isCaretContainerBlock(parentBlock)) {
+        newBlock = showCaretContainerBlock(parentBlock);
+        if (dom.isEmpty(parentBlock)) {
+          emptyBlock(parentBlock);
+        }
+        setForcedBlockAttrs(editor, newBlock);
+        moveToCaretPosition(editor, newBlock);
+      } else if (isCaretAtStartOrEndOfBlock()) {
+        insertNewBlockAfter();
+      } else if (isCaretAtStartOrEndOfBlock(true)) {
+        newBlock = parentBlock.parentNode.insertBefore(createNewBlock(), parentBlock);
+        moveToCaretPosition(editor, containerAndSiblingName(parentBlock, 'HR') ? newBlock : parentBlock);
+      } else {
+        tmpRng = includeZwspInRange(rng).cloneRange();
+        tmpRng.setEndAfter(parentBlock);
+        fragment = tmpRng.extractContents();
+        trimZwsp(fragment);
+        trimLeadingLineBreaks(fragment);
+        newBlock = fragment.firstChild;
+        dom.insertAfter(fragment, parentBlock);
+        trimInlineElementsOnLeftSideOfBlock(dom, nonEmptyElementsMap, newBlock);
+        addBrToBlockIfNeeded(dom, parentBlock);
+        if (dom.isEmpty(parentBlock)) {
+          emptyBlock(parentBlock);
+        }
+        newBlock.normalize();
+        if (dom.isEmpty(newBlock)) {
+          dom.remove(newBlock);
+          insertNewBlockAfter();
+        } else {
+          setForcedBlockAttrs(editor, newBlock);
+          moveToCaretPosition(editor, newBlock);
+        }
+      }
+      dom.setAttrib(newBlock, 'id', '');
+      editor.fire('NewBlock', { newBlock: newBlock });
+    };
+
+    var hasRightSideContent = function (schema, container, parentBlock) {
+      var walker = new DomTreeWalker(container, parentBlock);
+      var node;
+      var nonEmptyElementsMap = schema.getNonEmptyElements();
+      while (node = walker.next()) {
+        if (nonEmptyElementsMap[node.nodeName.toLowerCase()] || node.length > 0) {
+          return true;
+        }
+      }
+    };
+    var scrollToBr = function (dom, selection, brElm) {
+      var marker = dom.create('span', {}, '&nbsp;');
+      brElm.parentNode.insertBefore(marker, brElm);
+      selection.scrollIntoView(marker);
+      dom.remove(marker);
+    };
+    var moveSelectionToBr = function (dom, selection, brElm, extraBr) {
+      var rng = dom.createRng();
+      if (!extraBr) {
+        rng.setStartAfter(brElm);
+        rng.setEndAfter(brElm);
+      } else {
+        rng.setStartBefore(brElm);
+        rng.setEndBefore(brElm);
+      }
+      selection.setRng(rng);
+    };
+    var insertBrAtCaret = function (editor, evt) {
+      var selection = editor.selection;
+      var dom = editor.dom;
+      var rng = selection.getRng();
+      var brElm;
+      var extraBr;
+      normalize(dom, rng).each(function (normRng) {
+        rng.setStart(normRng.startContainer, normRng.startOffset);
+        rng.setEnd(normRng.endContainer, normRng.endOffset);
+      });
+      var offset = rng.startOffset;
+      var container = rng.startContainer;
+      if (container.nodeType === 1 && container.hasChildNodes()) {
+        var isAfterLastNodeInContainer = offset > container.childNodes.length - 1;
+        container = container.childNodes[Math.min(offset, container.childNodes.length - 1)] || container;
+        if (isAfterLastNodeInContainer && container.nodeType === 3) {
+          offset = container.nodeValue.length;
+        } else {
+          offset = 0;
+        }
+      }
+      var parentBlock = dom.getParent(container, dom.isBlock);
+      var containerBlock = parentBlock ? dom.getParent(parentBlock.parentNode, dom.isBlock) : null;
+      var containerBlockName = containerBlock ? containerBlock.nodeName.toUpperCase() : '';
+      var isControlKey = !!(evt && evt.ctrlKey);
+      if (containerBlockName === 'LI' && !isControlKey) {
+        parentBlock = containerBlock;
+      }
+      if (container && container.nodeType === 3 && offset >= container.nodeValue.length) {
+        if (!hasRightSideContent(editor.schema, container, parentBlock)) {
+          brElm = dom.create('br');
+          rng.insertNode(brElm);
+          rng.setStartAfter(brElm);
+          rng.setEndAfter(brElm);
+          extraBr = true;
+        }
+      }
+      brElm = dom.create('br');
+      rangeInsertNode(dom, rng, brElm);
+      scrollToBr(dom, selection, brElm);
+      moveSelectionToBr(dom, selection, brElm, extraBr);
+      editor.undoManager.add();
+    };
+    var insertBrBefore = function (editor, inline) {
+      var br = SugarElement.fromTag('br');
+      before(SugarElement.fromDom(inline), br);
+      editor.undoManager.add();
+    };
+    var insertBrAfter = function (editor, inline) {
+      if (!hasBrAfter(editor.getBody(), inline)) {
+        after(SugarElement.fromDom(inline), SugarElement.fromTag('br'));
+      }
+      var br = SugarElement.fromTag('br');
+      after(SugarElement.fromDom(inline), br);
+      scrollToBr(editor.dom, editor.selection, br.dom);
+      moveSelectionToBr(editor.dom, editor.selection, br.dom, false);
+      editor.undoManager.add();
+    };
+    var isBeforeBr$1 = function (pos) {
+      return isBr(pos.getNode());
+    };
+    var hasBrAfter = function (rootNode, startNode) {
+      if (isBeforeBr$1(CaretPosition$1.after(startNode))) {
+        return true;
+      } else {
+        return nextPosition(rootNode, CaretPosition$1.after(startNode)).map(function (pos) {
+          return isBr(pos.getNode());
+        }).getOr(false);
+      }
+    };
+    var isAnchorLink = function (elm) {
+      return elm && elm.nodeName === 'A' && 'href' in elm;
+    };
+    var isInsideAnchor = function (location) {
+      return location.fold(never, isAnchorLink, isAnchorLink, never);
+    };
+    var readInlineAnchorLocation = function (editor) {
+      var isInlineTarget$1 = curry(isInlineTarget, editor);
+      var position = CaretPosition$1.fromRangeStart(editor.selection.getRng());
+      return readLocation(isInlineTarget$1, editor.getBody(), position).filter(isInsideAnchor);
+    };
+    var insertBrOutsideAnchor = function (editor, location) {
+      location.fold(noop, curry(insertBrBefore, editor), curry(insertBrAfter, editor), noop);
+    };
+    var insert$2 = function (editor, evt) {
+      var anchorLocation = readInlineAnchorLocation(editor);
+      if (anchorLocation.isSome()) {
+        anchorLocation.each(curry(insertBrOutsideAnchor, editor));
+      } else {
+        insertBrAtCaret(editor, evt);
+      }
+    };
+
+    var matchesSelector = function (editor, selector) {
+      return getParentBlock$2(editor).filter(function (parentBlock) {
+        return selector.length > 0 && is$1(SugarElement.fromDom(parentBlock), selector);
+      }).isSome();
+    };
+    var shouldInsertBr = function (editor) {
+      return matchesSelector(editor, getBrNewLineSelector(editor));
+    };
+    var shouldBlockNewLine = function (editor) {
+      return matchesSelector(editor, getNoNewLineSelector(editor));
+    };
+
+    var newLineAction = Adt.generate([
+      { br: [] },
+      { block: [] },
+      { none: [] }
+    ]);
+    var shouldBlockNewLine$1 = function (editor, _shiftKey) {
+      return shouldBlockNewLine(editor);
+    };
+    var isBrMode = function (requiredState) {
+      return function (editor, _shiftKey) {
+        var brMode = getForcedRootBlock(editor) === '';
+        return brMode === requiredState;
+      };
+    };
+    var inListBlock = function (requiredState) {
+      return function (editor, _shiftKey) {
+        return isListItemParentBlock(editor) === requiredState;
+      };
+    };
+    var inBlock = function (blockName, requiredState) {
+      return function (editor, _shiftKey) {
+        var state = getParentBlockName(editor) === blockName.toUpperCase();
+        return state === requiredState;
+      };
+    };
+    var inPreBlock = function (requiredState) {
+      return inBlock('pre', requiredState);
+    };
+    var inSummaryBlock = function () {
+      return inBlock('summary', true);
+    };
+    var shouldPutBrInPre$1 = function (requiredState) {
+      return function (editor, _shiftKey) {
+        return shouldPutBrInPre(editor) === requiredState;
+      };
+    };
+    var inBrContext = function (editor, _shiftKey) {
+      return shouldInsertBr(editor);
+    };
+    var hasShiftKey = function (_editor, shiftKey) {
+      return shiftKey;
+    };
+    var canInsertIntoEditableRoot = function (editor) {
+      var forcedRootBlock = getForcedRootBlock(editor);
+      var rootEditable = getEditableRoot(editor.dom, editor.selection.getStart());
+      return rootEditable && editor.schema.isValidChild(rootEditable.nodeName, forcedRootBlock ? forcedRootBlock : 'P');
+    };
+    var match$2 = function (predicates, action) {
+      return function (editor, shiftKey) {
+        var isMatch = foldl(predicates, function (res, p) {
+          return res && p(editor, shiftKey);
+        }, true);
+        return isMatch ? Optional.some(action) : Optional.none();
+      };
+    };
+    var getAction$1 = function (editor, evt) {
+      return evaluateUntil([
+        match$2([shouldBlockNewLine$1], newLineAction.none()),
+        match$2([inSummaryBlock()], newLineAction.br()),
+        match$2([
+          inPreBlock(true),
+          shouldPutBrInPre$1(false),
+          hasShiftKey
+        ], newLineAction.br()),
+        match$2([
+          inPreBlock(true),
+          shouldPutBrInPre$1(false)
+        ], newLineAction.block()),
+        match$2([
+          inPreBlock(true),
+          shouldPutBrInPre$1(true),
+          hasShiftKey
+        ], newLineAction.block()),
+        match$2([
+          inPreBlock(true),
+          shouldPutBrInPre$1(true)
+        ], newLineAction.br()),
+        match$2([
+          inListBlock(true),
+          hasShiftKey
+        ], newLineAction.br()),
+        match$2([inListBlock(true)], newLineAction.block()),
+        match$2([
+          isBrMode(true),
+          hasShiftKey,
+          canInsertIntoEditableRoot
+        ], newLineAction.block()),
+        match$2([isBrMode(true)], newLineAction.br()),
+        match$2([inBrContext], newLineAction.br()),
+        match$2([
+          isBrMode(false),
+          hasShiftKey
+        ], newLineAction.br()),
+        match$2([canInsertIntoEditableRoot], newLineAction.block())
+      ], [
+        editor,
+        !!(evt && evt.shiftKey)
+      ]).getOr(newLineAction.none());
+    };
+
+    var insert$3 = function (editor, evt) {
+      getAction$1(editor, evt).fold(function () {
+        insert$2(editor, evt);
+      }, function () {
+        insert$1(editor, evt);
+      }, noop);
+    };
+
+    var handleEnterKeyEvent = function (editor, event) {
+      if (event.isDefaultPrevented()) {
+        return;
+      }
+      event.preventDefault();
+      endTypingLevelIgnoreLocks(editor.undoManager);
+      editor.undoManager.transact(function () {
+        if (editor.selection.isCollapsed() === false) {
+          editor.execCommand('Delete');
+        }
+        insert$3(editor, event);
+      });
+    };
+    var setup$e = function (editor) {
+      editor.on('keydown', function (event) {
+        if (event.keyCode === VK.ENTER) {
+          handleEnterKeyEvent(editor, event);
+        }
+      });
+    };
+
+    var executeKeydownOverride$2 = function (editor, evt) {
+      execute([
+        {
+          keyCode: VK.END,
+          action: action(moveToLineEndPoint$1, editor, true)
+        },
+        {
+          keyCode: VK.HOME,
+          action: action(moveToLineEndPoint$1, editor, false)
+        },
+        {
+          keyCode: VK.END,
+          action: action(moveToLineEndPoint$2, editor, true)
+        },
+        {
+          keyCode: VK.HOME,
+          action: action(moveToLineEndPoint$2, editor, false)
+        }
+      ], evt).each(function (_) {
+        evt.preventDefault();
+      });
+    };
+    var setup$f = function (editor) {
+      editor.on('keydown', function (evt) {
+        if (evt.isDefaultPrevented() === false) {
+          executeKeydownOverride$2(editor, evt);
+        }
+      });
+    };
+
+    var browser$4 = detect$3().browser;
+    var setupIeInput = function (editor) {
+      var keypressThrotter = first(function () {
+        if (!editor.composing) {
+          normalizeNbspsInEditor(editor);
+        }
+      }, 0);
+      if (browser$4.isIE()) {
+        editor.on('keypress', function (_e) {
+          keypressThrotter.throttle();
+        });
+        editor.on('remove', function (_e) {
+          keypressThrotter.cancel();
+        });
+      }
+    };
+    var setup$g = function (editor) {
+      setupIeInput(editor);
+      editor.on('input', function (e) {
+        if (e.isComposing === false) {
+          normalizeNbspsInEditor(editor);
+        }
+      });
+    };
+
+    var insertTextAtPosition = function (text, pos) {
+      var container = pos.container();
+      var offset = pos.offset();
+      if (isText$1(container)) {
+        container.insertData(offset, text);
+        return Optional.some(CaretPosition(container, offset + text.length));
+      } else {
+        return getElementFromPosition(pos).map(function (elm) {
+          var textNode = SugarElement.fromText(text);
+          if (pos.isAtEnd()) {
+            after(elm, textNode);
+          } else {
+            before(elm, textNode);
+          }
+          return CaretPosition(textNode.dom, text.length);
+        });
+      }
+    };
+    var insertNbspAtPosition = curry(insertTextAtPosition, nbsp);
+    var insertSpaceAtPosition = curry(insertTextAtPosition, ' ');
+
+    var locationToCaretPosition = function (root) {
+      return function (location) {
+        return location.fold(function (element) {
+          return prevPosition(root.dom, CaretPosition$1.before(element));
+        }, function (element) {
+          return firstPositionIn(element);
+        }, function (element) {
+          return lastPositionIn(element);
+        }, function (element) {
+          return nextPosition(root.dom, CaretPosition$1.after(element));
+        });
+      };
+    };
+    var insertInlineBoundarySpaceOrNbsp = function (root, pos) {
+      return function (checkPos) {
+        return needsToHaveNbsp(root, checkPos) ? insertNbspAtPosition(pos) : insertSpaceAtPosition(pos);
+      };
+    };
+    var setSelection$1 = function (editor) {
+      return function (pos) {
+        editor.selection.setRng(pos.toRange());
+        editor.nodeChanged();
+        return true;
+      };
+    };
+    var insertSpaceOrNbspAtSelection = function (editor) {
+      var pos = CaretPosition$1.fromRangeStart(editor.selection.getRng());
+      var root = SugarElement.fromDom(editor.getBody());
+      if (editor.selection.isCollapsed()) {
+        var isInlineTarget$1 = curry(isInlineTarget, editor);
+        var caretPosition = CaretPosition$1.fromRangeStart(editor.selection.getRng());
+        return readLocation(isInlineTarget$1, editor.getBody(), caretPosition).bind(locationToCaretPosition(root)).bind(insertInlineBoundarySpaceOrNbsp(root, pos)).exists(setSelection$1(editor));
+      } else {
+        return false;
+      }
+    };
+
+    var executeKeydownOverride$3 = function (editor, evt) {
+      execute([{
+          keyCode: VK.SPACEBAR,
+          action: action(insertSpaceOrNbspAtSelection, editor)
+        }], evt).each(function (_) {
+        evt.preventDefault();
+      });
+    };
+    var setup$h = function (editor) {
+      editor.on('keydown', function (evt) {
+        if (evt.isDefaultPrevented() === false) {
+          executeKeydownOverride$3(editor, evt);
+        }
+      });
+    };
+
+    var registerKeyboardOverrides = function (editor) {
+      var caret = setupSelectedState(editor);
+      setup$b(editor);
+      setup$c(editor, caret);
+      setup$d(editor, caret);
+      setup$e(editor);
+      setup$h(editor);
+      setup$g(editor);
+      setup$f(editor);
+      return caret;
+    };
+    var setup$i = function (editor) {
+      if (!isRtc(editor)) {
+        return registerKeyboardOverrides(editor);
+      } else {
+        return Cell(null);
+      }
+    };
+
+    var NodeChange = function () {
+      function NodeChange(editor) {
+        this.lastPath = [];
+        this.editor = editor;
+        var lastRng;
+        var self = this;
+        if (!('onselectionchange' in editor.getDoc())) {
+          editor.on('NodeChange click mouseup keyup focus', function (e) {
+            var nativeRng = editor.selection.getRng();
+            var fakeRng = {
+              startContainer: nativeRng.startContainer,
+              startOffset: nativeRng.startOffset,
+              endContainer: nativeRng.endContainer,
+              endOffset: nativeRng.endOffset
+            };
+            if (e.type === 'nodechange' || !isEq$1(fakeRng, lastRng)) {
+              editor.fire('SelectionChange');
+            }
+            lastRng = fakeRng;
+          });
+        }
+        editor.on('contextmenu', function () {
+          editor.fire('SelectionChange');
+        });
+        editor.on('SelectionChange', function () {
+          var startElm = editor.selection.getStart(true);
+          if (!startElm || !Env.range && editor.selection.isCollapsed()) {
+            return;
+          }
+          if (hasAnyRanges(editor) && !self.isSameElementPath(startElm) && editor.dom.isChildOf(startElm, editor.getBody())) {
+            editor.nodeChanged({ selectionChange: true });
+          }
+        });
+        editor.on('mouseup', function (e) {
+          if (!e.isDefaultPrevented() && hasAnyRanges(editor)) {
+            if (editor.selection.getNode().nodeName === 'IMG') {
+              Delay.setEditorTimeout(editor, function () {
+                editor.nodeChanged();
+              });
+            } else {
+              editor.nodeChanged();
+            }
+          }
+        });
+      }
+      NodeChange.prototype.nodeChanged = function (args) {
+        var selection = this.editor.selection;
+        var node, parents, root;
+        if (this.editor.initialized && selection && !shouldDisableNodeChange(this.editor) && !this.editor.mode.isReadOnly()) {
+          root = this.editor.getBody();
+          node = selection.getStart(true) || root;
+          if (node.ownerDocument !== this.editor.getDoc() || !this.editor.dom.isChildOf(node, root)) {
+            node = root;
+          }
+          parents = [];
+          this.editor.dom.getParent(node, function (node) {
+            if (node === root) {
+              return true;
+            }
+            parents.push(node);
+          });
+          args = args || {};
+          args.element = node;
+          args.parents = parents;
+          this.editor.fire('NodeChange', args);
+        }
+      };
+      NodeChange.prototype.isSameElementPath = function (startElm) {
+        var i;
+        var currentPath = this.editor.$(startElm).parentsUntil(this.editor.getBody()).add(startElm);
+        if (currentPath.length === this.lastPath.length) {
+          for (i = currentPath.length; i >= 0; i--) {
+            if (currentPath[i] !== this.lastPath[i]) {
+              break;
+            }
+          }
+          if (i === -1) {
+            this.lastPath = currentPath;
+            return true;
+          }
+        }
+        this.lastPath = currentPath;
+        return false;
+      };
+      return NodeChange;
+    }();
+
+    var preventSummaryToggle = function (editor) {
+      editor.on('click', function (e) {
+        if (editor.dom.getParent(e.target, 'details')) {
+          e.preventDefault();
+        }
+      });
+    };
+    var filterDetails = function (editor) {
+      editor.parser.addNodeFilter('details', function (elms) {
+        each(elms, function (details) {
+          details.attr('data-mce-open', details.attr('open'));
+          details.attr('open', 'open');
+        });
+      });
+      editor.serializer.addNodeFilter('details', function (elms) {
+        each(elms, function (details) {
+          var open = details.attr('data-mce-open');
+          details.attr('open', isString(open) ? open : null);
+          details.attr('data-mce-open', null);
+        });
+      });
+    };
+    var setup$j = function (editor) {
+      preventSummaryToggle(editor);
+      filterDetails(editor);
+    };
+
+    var isTextBlockNode = function (node) {
+      return isElement$1(node) && isTextBlock(SugarElement.fromDom(node));
+    };
+    var normalizeSelection$1 = function (editor) {
+      var rng = editor.selection.getRng();
+      var startPos = CaretPosition.fromRangeStart(rng);
+      var endPos = CaretPosition.fromRangeEnd(rng);
+      if (CaretPosition.isElementPosition(startPos)) {
+        var container = startPos.container();
+        if (isTextBlockNode(container)) {
+          firstPositionIn(container).each(function (pos) {
+            return rng.setStart(pos.container(), pos.offset());
+          });
+        }
+      }
+      if (CaretPosition.isElementPosition(endPos)) {
+        var container = startPos.container();
+        if (isTextBlockNode(container)) {
+          lastPositionIn(container).each(function (pos) {
+            return rng.setEnd(pos.container(), pos.offset());
+          });
+        }
+      }
+      editor.selection.setRng(normalize$2(rng));
+    };
+    var setup$k = function (editor) {
+      editor.on('click', function (e) {
+        if (e.detail >= 3) {
+          normalizeSelection$1(editor);
+        }
+      });
+    };
+
+    var value$1 = function () {
+      var subject = Cell(Optional.none());
+      var clear = function () {
+        return subject.set(Optional.none());
+      };
+      var set = function (s) {
+        return subject.set(Optional.some(s));
+      };
+      var isSet = function () {
+        return subject.get().isSome();
+      };
+      var on = function (f) {
+        return subject.get().each(f);
+      };
+      return {
+        clear: clear,
+        set: set,
+        isSet: isSet,
+        on: on
+      };
+    };
+
+    var getAbsolutePosition = function (elm) {
+      var clientRect = elm.getBoundingClientRect();
+      var doc = elm.ownerDocument;
+      var docElem = doc.documentElement;
+      var win = doc.defaultView;
+      return {
+        top: clientRect.top + win.pageYOffset - docElem.clientTop,
+        left: clientRect.left + win.pageXOffset - docElem.clientLeft
+      };
+    };
+    var getBodyPosition = function (editor) {
+      return editor.inline ? getAbsolutePosition(editor.getBody()) : {
+        left: 0,
+        top: 0
+      };
+    };
+    var getScrollPosition = function (editor) {
+      var body = editor.getBody();
+      return editor.inline ? {
+        left: body.scrollLeft,
+        top: body.scrollTop
+      } : {
+        left: 0,
+        top: 0
+      };
+    };
+    var getBodyScroll = function (editor) {
+      var body = editor.getBody(), docElm = editor.getDoc().documentElement;
+      var inlineScroll = {
+        left: body.scrollLeft,
+        top: body.scrollTop
+      };
+      var iframeScroll = {
+        left: body.scrollLeft || docElm.scrollLeft,
+        top: body.scrollTop || docElm.scrollTop
+      };
+      return editor.inline ? inlineScroll : iframeScroll;
+    };
+    var getMousePosition = function (editor, event) {
+      if (event.target.ownerDocument !== editor.getDoc()) {
+        var iframePosition = getAbsolutePosition(editor.getContentAreaContainer());
+        var scrollPosition = getBodyScroll(editor);
+        return {
+          left: event.pageX - iframePosition.left + scrollPosition.left,
+          top: event.pageY - iframePosition.top + scrollPosition.top
+        };
+      }
+      return {
+        left: event.pageX,
+        top: event.pageY
+      };
+    };
+    var calculatePosition = function (bodyPosition, scrollPosition, mousePosition) {
+      return {
+        pageX: mousePosition.left - bodyPosition.left + scrollPosition.left,
+        pageY: mousePosition.top - bodyPosition.top + scrollPosition.top
+      };
+    };
+    var calc = function (editor, event) {
+      return calculatePosition(getBodyPosition(editor), getScrollPosition(editor), getMousePosition(editor, event));
+    };
+
+    var isContentEditableFalse$a = isContentEditableFalse, isContentEditableTrue$3 = isContentEditableTrue;
+    var isDraggable = function (rootElm, elm) {
+      return isContentEditableFalse$a(elm) && elm !== rootElm;
+    };
+    var isValidDropTarget = function (editor, targetElement, dragElement) {
+      if (targetElement === dragElement || editor.dom.isChildOf(targetElement, dragElement)) {
+        return false;
+      }
+      return !isContentEditableFalse$a(targetElement);
+    };
+    var cloneElement = function (elm) {
+      var cloneElm = elm.cloneNode(true);
+      cloneElm.removeAttribute('data-mce-selected');
+      return cloneElm;
+    };
+    var createGhost = function (editor, elm, width, height) {
+      var dom = editor.dom;
+      var clonedElm = elm.cloneNode(true);
+      dom.setStyles(clonedElm, {
+        width: width,
+        height: height
+      });
+      dom.setAttrib(clonedElm, 'data-mce-selected', null);
+      var ghostElm = dom.create('div', {
+        'class': 'mce-drag-container',
+        'data-mce-bogus': 'all',
+        'unselectable': 'on',
+        'contenteditable': 'false'
+      });
+      dom.setStyles(ghostElm, {
+        position: 'absolute',
+        opacity: 0.5,
+        overflow: 'hidden',
+        border: 0,
+        padding: 0,
+        margin: 0,
+        width: width,
+        height: height
+      });
+      dom.setStyles(clonedElm, {
+        margin: 0,
+        boxSizing: 'border-box'
+      });
+      ghostElm.appendChild(clonedElm);
+      return ghostElm;
+    };
+    var appendGhostToBody = function (ghostElm, bodyElm) {
+      if (ghostElm.parentNode !== bodyElm) {
+        bodyElm.appendChild(ghostElm);
+      }
+    };
+    var moveGhost = function (ghostElm, position, width, height, maxX, maxY) {
+      var overflowX = 0, overflowY = 0;
+      ghostElm.style.left = position.pageX + 'px';
+      ghostElm.style.top = position.pageY + 'px';
+      if (position.pageX + width > maxX) {
+        overflowX = position.pageX + width - maxX;
+      }
+      if (position.pageY + height > maxY) {
+        overflowY = position.pageY + height - maxY;
+      }
+      ghostElm.style.width = width - overflowX + 'px';
+      ghostElm.style.height = height - overflowY + 'px';
+    };
+    var removeElement = function (elm) {
+      if (elm && elm.parentNode) {
+        elm.parentNode.removeChild(elm);
+      }
+    };
+    var isLeftMouseButtonPressed = function (e) {
+      return e.button === 0;
+    };
+    var applyRelPos = function (state, position) {
+      return {
+        pageX: position.pageX - state.relX,
+        pageY: position.pageY + 5
+      };
+    };
+    var start$1 = function (state, editor) {
+      return function (e) {
+        if (isLeftMouseButtonPressed(e)) {
+          var ceElm = find(editor.dom.getParents(e.target), or(isContentEditableFalse$a, isContentEditableTrue$3)).getOr(null);
+          if (isDraggable(editor.getBody(), ceElm)) {
+            var elmPos = editor.dom.getPos(ceElm);
+            var bodyElm = editor.getBody();
+            var docElm = editor.getDoc().documentElement;
+            state.set({
+              element: ceElm,
+              dragging: false,
+              screenX: e.screenX,
+              screenY: e.screenY,
+              maxX: (editor.inline ? bodyElm.scrollWidth : docElm.offsetWidth) - 2,
+              maxY: (editor.inline ? bodyElm.scrollHeight : docElm.offsetHeight) - 2,
+              relX: e.pageX - elmPos.x,
+              relY: e.pageY - elmPos.y,
+              width: ceElm.offsetWidth,
+              height: ceElm.offsetHeight,
+              ghost: createGhost(editor, ceElm, ceElm.offsetWidth, ceElm.offsetHeight)
+            });
+          }
+        }
+      };
+    };
+    var move$2 = function (state, editor) {
+      var throttledPlaceCaretAt = Delay.throttle(function (clientX, clientY) {
+        editor._selectionOverrides.hideFakeCaret();
+        editor.selection.placeCaretAt(clientX, clientY);
+      }, 0);
+      editor.on('remove', throttledPlaceCaretAt.stop);
+      return function (e) {
+        return state.on(function (state) {
+          var movement = Math.max(Math.abs(e.screenX - state.screenX), Math.abs(e.screenY - state.screenY));
+          if (!state.dragging && movement > 10) {
+            var args = editor.fire('dragstart', { target: state.element });
+            if (args.isDefaultPrevented()) {
+              return;
+            }
+            state.dragging = true;
+            editor.focus();
+          }
+          if (state.dragging) {
+            var targetPos = applyRelPos(state, calc(editor, e));
+            appendGhostToBody(state.ghost, editor.getBody());
+            moveGhost(state.ghost, targetPos, state.width, state.height, state.maxX, state.maxY);
+            throttledPlaceCaretAt(e.clientX, e.clientY);
+          }
+        });
+      };
+    };
+    var getRawTarget = function (selection) {
+      var rng = selection.getSel().getRangeAt(0);
+      var startContainer = rng.startContainer;
+      return startContainer.nodeType === 3 ? startContainer.parentNode : startContainer;
+    };
+    var drop = function (state, editor) {
+      return function (e) {
+        state.on(function (state) {
+          if (state.dragging) {
+            if (isValidDropTarget(editor, getRawTarget(editor.selection), state.element)) {
+              var targetClone_1 = cloneElement(state.element);
+              var args = editor.fire('drop', {
+                clientX: e.clientX,
+                clientY: e.clientY
+              });
+              if (!args.isDefaultPrevented()) {
+                editor.undoManager.transact(function () {
+                  removeElement(state.element);
+                  editor.insertContent(editor.dom.getOuterHTML(targetClone_1));
+                  editor._selectionOverrides.hideFakeCaret();
+                });
+              }
+            }
+          }
+        });
+        removeDragState(state);
+      };
+    };
+    var stop = function (state, editor) {
+      return function () {
+        state.on(function (state) {
+          if (state.dragging) {
+            editor.fire('dragend');
+          }
+        });
+        removeDragState(state);
+      };
+    };
+    var removeDragState = function (state) {
+      state.on(function (state) {
+        removeElement(state.ghost);
+      });
+      state.clear();
+    };
+    var bindFakeDragEvents = function (editor) {
+      var state = value$1();
+      var pageDom = DOMUtils$1.DOM;
+      var rootDocument = document;
+      var dragStartHandler = start$1(state, editor);
+      var dragHandler = move$2(state, editor);
+      var dropHandler = drop(state, editor);
+      var dragEndHandler = stop(state, editor);
+      editor.on('mousedown', dragStartHandler);
+      editor.on('mousemove', dragHandler);
+      editor.on('mouseup', dropHandler);
+      pageDom.bind(rootDocument, 'mousemove', dragHandler);
+      pageDom.bind(rootDocument, 'mouseup', dragEndHandler);
+      editor.on('remove', function () {
+        pageDom.unbind(rootDocument, 'mousemove', dragHandler);
+        pageDom.unbind(rootDocument, 'mouseup', dragEndHandler);
+      });
+    };
+    var blockIeDrop = function (editor) {
+      editor.on('drop', function (e) {
+        var realTarget = typeof e.clientX !== 'undefined' ? editor.getDoc().elementFromPoint(e.clientX, e.clientY) : null;
+        if (isContentEditableFalse$a(realTarget) || editor.dom.getContentEditableParent(realTarget) === 'false') {
+          e.preventDefault();
+        }
+      });
+    };
+    var blockUnsupportedFileDrop = function (editor) {
+      var preventFileDrop = function (e) {
+        if (!e.defaultPrevented) {
+          var dataTransfer = e.dataTransfer;
+          if (dataTransfer && (contains(dataTransfer.types, 'Files') || dataTransfer.files.length > 0)) {
+            e.preventDefault();
+            if (e.type === 'drop') {
+              displayError(editor, 'Dropped file type is not supported');
+            }
+          }
+        }
+      };
+      var preventFileDropIfUIElement = function (e) {
+        if (isUIElement(editor, e.target)) {
+          preventFileDrop(e);
+        }
+      };
+      var setup = function () {
+        var pageDom = DOMUtils$1.DOM;
+        var dom = editor.dom;
+        var doc = document;
+        var editorRoot = editor.inline ? editor.getBody() : editor.getDoc();
+        var eventNames = [
+          'drop',
+          'dragover'
+        ];
+        each(eventNames, function (name) {
+          pageDom.bind(doc, name, preventFileDropIfUIElement);
+          dom.bind(editorRoot, name, preventFileDrop);
+        });
+        editor.on('remove', function () {
+          each(eventNames, function (name) {
+            pageDom.unbind(doc, name, preventFileDropIfUIElement);
+            dom.unbind(editorRoot, name, preventFileDrop);
+          });
+        });
+      };
+      editor.on('init', function () {
+        Delay.setEditorTimeout(editor, setup, 0);
+      });
+    };
+    var init = function (editor) {
+      bindFakeDragEvents(editor);
+      blockIeDrop(editor);
+      if (shouldBlockUnsupportedDrop(editor)) {
+        blockUnsupportedFileDrop(editor);
+      }
+    };
+
+    var setup$l = function (editor) {
+      var renderFocusCaret = first(function () {
+        if (!editor.removed && editor.getBody().contains(document.activeElement)) {
+          var rng = editor.selection.getRng();
+          if (rng.collapsed) {
+            var caretRange = renderRangeCaret(editor, rng, false);
+            editor.selection.setRng(caretRange);
+          }
+        }
+      }, 0);
+      editor.on('focus', function () {
+        renderFocusCaret.throttle();
+      });
+      editor.on('blur', function () {
+        renderFocusCaret.cancel();
+      });
+    };
+
+    var setup$m = function (editor) {
+      editor.on('init', function () {
+        editor.on('focusin', function (e) {
+          var target = e.target;
+          if (isMedia(target)) {
+            var ceRoot = getContentEditableRoot(editor.getBody(), target);
+            var node = isContentEditableFalse(ceRoot) ? ceRoot : target;
+            if (editor.selection.getNode() !== node) {
+              selectNode(editor, node).each(function (rng) {
+                return editor.selection.setRng(rng);
+              });
+            }
+          }
+        });
+      });
+    };
+
+    var isContentEditableTrue$4 = isContentEditableTrue;
+    var isContentEditableFalse$b = isContentEditableFalse;
+    var getContentEditableRoot$1 = function (editor, node) {
+      return getContentEditableRoot(editor.getBody(), node);
+    };
+    var SelectionOverrides = function (editor) {
+      var selection = editor.selection, dom = editor.dom;
+      var isBlock = dom.isBlock;
+      var rootNode = editor.getBody();
+      var fakeCaret = FakeCaret(editor, rootNode, isBlock, function () {
+        return hasFocus$1(editor);
+      });
+      var realSelectionId = 'sel-' + dom.uniqueId();
+      var elementSelectionAttr = 'data-mce-selected';
+      var selectedElement;
+      var isFakeSelectionElement = function (node) {
+        return dom.hasClass(node, 'mce-offscreen-selection');
+      };
+      var isFakeSelectionTargetElement = function (node) {
+        return node !== rootNode && (isContentEditableFalse$b(node) || isMedia(node)) && dom.isChildOf(node, rootNode);
+      };
+      var isNearFakeSelectionElement = function (pos) {
+        return isBeforeContentEditableFalse(pos) || isAfterContentEditableFalse(pos) || isBeforeMedia(pos) || isAfterMedia(pos);
+      };
+      var getRealSelectionElement = function () {
+        var container = dom.get(realSelectionId);
+        return container ? container.getElementsByTagName('*')[0] : container;
+      };
+      var setRange = function (range) {
+        if (range) {
+          selection.setRng(range);
+        }
+      };
+      var getRange = selection.getRng;
+      var showCaret = function (direction, node, before, scrollIntoView) {
+        if (scrollIntoView === void 0) {
+          scrollIntoView = true;
+        }
+        var e = editor.fire('ShowCaret', {
+          target: node,
+          direction: direction,
+          before: before
+        });
+        if (e.isDefaultPrevented()) {
+          return null;
+        }
+        if (scrollIntoView) {
+          selection.scrollIntoView(node, direction === -1);
+        }
+        return fakeCaret.show(before, node);
+      };
+      var showBlockCaretContainer = function (blockCaretContainer) {
+        if (blockCaretContainer.hasAttribute('data-mce-caret')) {
+          showCaretContainerBlock(blockCaretContainer);
+          setRange(getRange());
+          selection.scrollIntoView(blockCaretContainer);
+        }
+      };
+      var registerEvents = function () {
+        editor.on('mouseup', function (e) {
+          var range = getRange();
+          if (range.collapsed && isXYInContentArea(editor, e.clientX, e.clientY)) {
+            renderCaretAtRange(editor, range, false).each(setRange);
+          }
+        });
+        editor.on('click', function (e) {
+          var contentEditableRoot = getContentEditableRoot$1(editor, e.target);
+          if (contentEditableRoot) {
+            if (isContentEditableFalse$b(contentEditableRoot)) {
+              e.preventDefault();
+              editor.focus();
+            }
+            if (isContentEditableTrue$4(contentEditableRoot)) {
+              if (dom.isChildOf(contentEditableRoot, selection.getNode())) {
+                removeElementSelection();
+              }
+            }
+          }
+        });
+        editor.on('blur NewBlock', removeElementSelection);
+        editor.on('ResizeWindow FullscreenStateChanged', fakeCaret.reposition);
+        var hasNormalCaretPosition = function (elm) {
+          var caretWalker = CaretWalker(elm);
+          if (!elm.firstChild) {
+            return false;
+          }
+          var startPos = CaretPosition$1.before(elm.firstChild);
+          var newPos = caretWalker.next(startPos);
+          return newPos && !isNearFakeSelectionElement(newPos);
+        };
+        var isInSameBlock = function (node1, node2) {
+          var block1 = dom.getParent(node1, isBlock);
+          var block2 = dom.getParent(node2, isBlock);
+          return block1 === block2;
+        };
+        var hasBetterMouseTarget = function (targetNode, caretNode) {
+          var targetBlock = dom.getParent(targetNode, isBlock);
+          var caretBlock = dom.getParent(caretNode, isBlock);
+          if (targetBlock && targetNode !== caretBlock && dom.isChildOf(targetBlock, caretBlock) && isContentEditableFalse$b(getContentEditableRoot$1(editor, targetBlock)) === false) {
+            return true;
+          }
+          return targetBlock && !isInSameBlock(targetBlock, caretBlock) && hasNormalCaretPosition(targetBlock);
+        };
+        editor.on('tap', function (e) {
+          var targetElm = e.target;
+          var contentEditableRoot = getContentEditableRoot$1(editor, targetElm);
+          if (isContentEditableFalse$b(contentEditableRoot)) {
+            e.preventDefault();
+            selectNode(editor, contentEditableRoot).each(setElementSelection);
+          } else if (isFakeSelectionTargetElement(targetElm)) {
+            selectNode(editor, targetElm).each(setElementSelection);
+          }
+        }, true);
+        editor.on('mousedown', function (e) {
+          var targetElm = e.target;
+          if (targetElm !== rootNode && targetElm.nodeName !== 'HTML' && !dom.isChildOf(targetElm, rootNode)) {
+            return;
+          }
+          if (isXYInContentArea(editor, e.clientX, e.clientY) === false) {
+            return;
+          }
+          var contentEditableRoot = getContentEditableRoot$1(editor, targetElm);
+          if (contentEditableRoot) {
+            if (isContentEditableFalse$b(contentEditableRoot)) {
+              e.preventDefault();
+              selectNode(editor, contentEditableRoot).each(setElementSelection);
+            } else {
+              removeElementSelection();
+              if (!(isContentEditableTrue$4(contentEditableRoot) && e.shiftKey) && !isXYWithinRange(e.clientX, e.clientY, selection.getRng())) {
+                hideFakeCaret();
+                selection.placeCaretAt(e.clientX, e.clientY);
+              }
+            }
+          } else if (isFakeSelectionTargetElement(targetElm)) {
+            selectNode(editor, targetElm).each(setElementSelection);
+          } else if (isFakeCaretTarget(targetElm) === false) {
+            removeElementSelection();
+            hideFakeCaret();
+            var fakeCaretInfo = closestFakeCaret(rootNode, e.clientX, e.clientY);
+            if (fakeCaretInfo) {
+              if (!hasBetterMouseTarget(targetElm, fakeCaretInfo.node)) {
+                e.preventDefault();
+                var range = showCaret(1, fakeCaretInfo.node, fakeCaretInfo.before, false);
+                editor.getBody().focus();
+                setRange(range);
+              }
+            }
+          }
+        });
+        editor.on('keypress', function (e) {
+          if (VK.modifierPressed(e)) {
+            return;
+          }
+          if (isContentEditableFalse$b(selection.getNode())) {
+            e.preventDefault();
+          }
+        });
+        editor.on('GetSelectionRange', function (e) {
+          var rng = e.range;
+          if (selectedElement) {
+            if (!selectedElement.parentNode) {
+              selectedElement = null;
+              return;
+            }
+            rng = rng.cloneRange();
+            rng.selectNode(selectedElement);
+            e.range = rng;
+          }
+        });
+        editor.on('SetSelectionRange', function (e) {
+          e.range = normalizeShortEndedElementSelection(e.range);
+          var rng = setElementSelection(e.range, e.forward);
+          if (rng) {
+            e.range = rng;
+          }
+        });
+        var isPasteBin = function (node) {
+          return node.id === 'mcepastebin';
+        };
+        editor.on('AfterSetSelectionRange', function (e) {
+          var rng = e.range;
+          var parentNode = rng.startContainer.parentNode;
+          if (!isRangeInCaretContainer(rng) && !isPasteBin(parentNode)) {
+            hideFakeCaret();
+          }
+          if (!isFakeSelectionElement(parentNode)) {
+            removeElementSelection();
+          }
+        });
+        editor.on('copy', function (e) {
+          var clipboardData = e.clipboardData;
+          if (!e.isDefaultPrevented() && e.clipboardData && !Env.ie) {
+            var realSelectionElement = getRealSelectionElement();
+            if (realSelectionElement) {
+              e.preventDefault();
+              clipboardData.clearData();
+              clipboardData.setData('text/html', realSelectionElement.outerHTML);
+              clipboardData.setData('text/plain', realSelectionElement.outerText || realSelectionElement.innerText);
+            }
+          }
+        });
+        init(editor);
+        setup$l(editor);
+        setup$m(editor);
+      };
+      var isWithinCaretContainer = function (node) {
+        return isCaretContainer(node) || startsWithCaretContainer(node) || endsWithCaretContainer(node);
+      };
+      var isRangeInCaretContainer = function (rng) {
+        return isWithinCaretContainer(rng.startContainer) || isWithinCaretContainer(rng.endContainer);
+      };
+      var normalizeShortEndedElementSelection = function (rng) {
+        var shortEndedElements = editor.schema.getShortEndedElements();
+        var newRng = dom.createRng();
+        var startContainer = rng.startContainer;
+        var startOffset = rng.startOffset;
+        var endContainer = rng.endContainer;
+        var endOffset = rng.endOffset;
+        if (has(shortEndedElements, startContainer.nodeName.toLowerCase())) {
+          if (startOffset === 0) {
+            newRng.setStartBefore(startContainer);
+          } else {
+            newRng.setStartAfter(startContainer);
+          }
+        } else {
+          newRng.setStart(startContainer, startOffset);
+        }
+        if (has(shortEndedElements, endContainer.nodeName.toLowerCase())) {
+          if (endOffset === 0) {
+            newRng.setEndBefore(endContainer);
+          } else {
+            newRng.setEndAfter(endContainer);
+          }
+        } else {
+          newRng.setEnd(endContainer, endOffset);
+        }
+        return newRng;
+      };
+      var setupOffscreenSelection = function (node, targetClone, origTargetClone) {
+        var $ = editor.$;
+        var $realSelectionContainer = descendant(SugarElement.fromDom(editor.getBody()), '#' + realSelectionId).fold(function () {
+          return $([]);
+        }, function (elm) {
+          return $([elm.dom]);
+        });
+        if ($realSelectionContainer.length === 0) {
+          $realSelectionContainer = $('<div data-mce-bogus="all" class="mce-offscreen-selection"></div>').attr('id', realSelectionId);
+          $realSelectionContainer.appendTo(editor.getBody());
+        }
+        var newRange = dom.createRng();
+        if (targetClone === origTargetClone && Env.ie) {
+          $realSelectionContainer.empty().append('<p style="font-size: 0" data-mce-bogus="all">\xA0</p>').append(targetClone);
+          newRange.setStartAfter($realSelectionContainer[0].firstChild.firstChild);
+          newRange.setEndAfter(targetClone);
+        } else {
+          $realSelectionContainer.empty().append(nbsp).append(targetClone).append(nbsp);
+          newRange.setStart($realSelectionContainer[0].firstChild, 1);
+          newRange.setEnd($realSelectionContainer[0].lastChild, 0);
+        }
+        $realSelectionContainer.css({ top: dom.getPos(node, editor.getBody()).y });
+        $realSelectionContainer[0].focus();
+        var sel = selection.getSel();
+        sel.removeAllRanges();
+        sel.addRange(newRange);
+        return newRange;
+      };
+      var selectElement = function (elm) {
+        var targetClone = elm.cloneNode(true);
+        var e = editor.fire('ObjectSelected', {
+          target: elm,
+          targetClone: targetClone
+        });
+        if (e.isDefaultPrevented()) {
+          return null;
+        }
+        var range = setupOffscreenSelection(elm, e.targetClone, targetClone);
+        var nodeElm = SugarElement.fromDom(elm);
+        each(descendants$1(SugarElement.fromDom(editor.getBody()), '*[data-mce-selected]'), function (elm) {
+          if (!eq$2(nodeElm, elm)) {
+            remove$1(elm, elementSelectionAttr);
+          }
+        });
+        if (!dom.getAttrib(elm, elementSelectionAttr)) {
+          elm.setAttribute(elementSelectionAttr, '1');
+        }
+        selectedElement = elm;
+        hideFakeCaret();
+        return range;
+      };
+      var setElementSelection = function (range, forward) {
+        if (!range) {
+          return null;
+        }
+        if (range.collapsed) {
+          if (!isRangeInCaretContainer(range)) {
+            var dir = forward ? 1 : -1;
+            var caretPosition = getNormalizedRangeEndPoint(dir, rootNode, range);
+            var beforeNode = caretPosition.getNode(!forward);
+            if (isFakeCaretTarget(beforeNode)) {
+              return showCaret(dir, beforeNode, forward ? !caretPosition.isAtEnd() : false, false);
+            }
+            var afterNode = caretPosition.getNode(forward);
+            if (isFakeCaretTarget(afterNode)) {
+              return showCaret(dir, afterNode, forward ? false : !caretPosition.isAtEnd(), false);
+            }
+          }
+          return null;
+        }
+        var startContainer = range.startContainer;
+        var startOffset = range.startOffset;
+        var endOffset = range.endOffset;
+        if (startContainer.nodeType === 3 && startOffset === 0 && isContentEditableFalse$b(startContainer.parentNode)) {
+          startContainer = startContainer.parentNode;
+          startOffset = dom.nodeIndex(startContainer);
+          startContainer = startContainer.parentNode;
+        }
+        if (startContainer.nodeType !== 1) {
+          return null;
+        }
+        if (endOffset === startOffset + 1 && startContainer === range.endContainer) {
+          var node = startContainer.childNodes[startOffset];
+          if (isFakeSelectionTargetElement(node)) {
+            return selectElement(node);
+          }
+        }
+        return null;
+      };
+      var removeElementSelection = function () {
+        if (selectedElement) {
+          selectedElement.removeAttribute(elementSelectionAttr);
+        }
+        descendant(SugarElement.fromDom(editor.getBody()), '#' + realSelectionId).each(remove);
+        selectedElement = null;
+      };
+      var destroy = function () {
+        fakeCaret.destroy();
+        selectedElement = null;
+      };
+      var hideFakeCaret = function () {
+        fakeCaret.hide();
+      };
+      if (Env.ceFalse) {
+        registerEvents();
+      }
+      return {
+        showCaret: showCaret,
+        showBlockCaretContainer: showBlockCaretContainer,
+        hideFakeCaret: hideFakeCaret,
+        destroy: destroy
+      };
+    };
+
+    var Quirks = function (editor) {
+      var each = Tools.each;
+      var BACKSPACE = VK.BACKSPACE, DELETE = VK.DELETE, dom = editor.dom, selection = editor.selection, parser = editor.parser;
+      var isGecko = Env.gecko, isIE = Env.ie, isWebKit = Env.webkit;
+      var mceInternalUrlPrefix = 'data:text/mce-internal,';
+      var mceInternalDataType = isIE ? 'Text' : 'URL';
+      var setEditorCommandState = function (cmd, state) {
+        try {
+          editor.getDoc().execCommand(cmd, false, state);
+        } catch (ex) {
+        }
+      };
+      var isDefaultPrevented = function (e) {
+        return e.isDefaultPrevented();
+      };
+      var setMceInternalContent = function (e) {
+        var selectionHtml, internalContent;
+        if (e.dataTransfer) {
+          if (editor.selection.isCollapsed() && e.target.tagName === 'IMG') {
+            selection.select(e.target);
+          }
+          selectionHtml = editor.selection.getContent();
+          if (selectionHtml.length > 0) {
+            internalContent = mceInternalUrlPrefix + escape(editor.id) + ',' + escape(selectionHtml);
+            e.dataTransfer.setData(mceInternalDataType, internalContent);
+          }
+        }
+      };
+      var getMceInternalContent = function (e) {
+        var internalContent;
+        if (e.dataTransfer) {
+          internalContent = e.dataTransfer.getData(mceInternalDataType);
+          if (internalContent && internalContent.indexOf(mceInternalUrlPrefix) >= 0) {
+            internalContent = internalContent.substr(mceInternalUrlPrefix.length).split(',');
+            return {
+              id: unescape(internalContent[0]),
+              html: unescape(internalContent[1])
+            };
+          }
+        }
+        return null;
+      };
+      var insertClipboardContents = function (content, internal) {
+        if (editor.queryCommandSupported('mceInsertClipboardContent')) {
+          editor.execCommand('mceInsertClipboardContent', false, {
+            content: content,
+            internal: internal
+          });
+        } else {
+          editor.execCommand('mceInsertContent', false, content);
+        }
+      };
+      var emptyEditorWhenDeleting = function () {
+        var serializeRng = function (rng) {
+          var body = dom.create('body');
+          var contents = rng.cloneContents();
+          body.appendChild(contents);
+          return selection.serializer.serialize(body, { format: 'html' });
+        };
+        var allContentsSelected = function (rng) {
+          var selection = serializeRng(rng);
+          var allRng = dom.createRng();
+          allRng.selectNode(editor.getBody());
+          var allSelection = serializeRng(allRng);
+          return selection === allSelection;
+        };
+        editor.on('keydown', function (e) {
+          var keyCode = e.keyCode;
+          var isCollapsed, body;
+          if (!isDefaultPrevented(e) && (keyCode === DELETE || keyCode === BACKSPACE)) {
+            isCollapsed = editor.selection.isCollapsed();
+            body = editor.getBody();
+            if (isCollapsed && !dom.isEmpty(body)) {
+              return;
+            }
+            if (!isCollapsed && !allContentsSelected(editor.selection.getRng())) {
+              return;
+            }
+            e.preventDefault();
+            editor.setContent('');
+            if (body.firstChild && dom.isBlock(body.firstChild)) {
+              editor.selection.setCursorLocation(body.firstChild, 0);
+            } else {
+              editor.selection.setCursorLocation(body, 0);
+            }
+            editor.nodeChanged();
+          }
+        });
+      };
+      var selectAll = function () {
+        editor.shortcuts.add('meta+a', null, 'SelectAll');
+      };
+      var inputMethodFocus = function () {
+        if (!editor.inline) {
+          dom.bind(editor.getDoc(), 'mousedown mouseup', function (e) {
+            var rng;
+            if (e.target === editor.getDoc().documentElement) {
+              rng = selection.getRng();
+              editor.getBody().focus();
+              if (e.type === 'mousedown') {
+                if (isCaretContainer(rng.startContainer)) {
+                  return;
+                }
+                selection.placeCaretAt(e.clientX, e.clientY);
+              } else {
+                selection.setRng(rng);
+              }
+            }
+          });
+        }
+      };
+      var removeHrOnBackspace = function () {
+        editor.on('keydown', function (e) {
+          if (!isDefaultPrevented(e) && e.keyCode === BACKSPACE) {
+            if (!editor.getBody().getElementsByTagName('hr').length) {
+              return;
+            }
+            if (selection.isCollapsed() && selection.getRng().startOffset === 0) {
+              var node = selection.getNode();
+              var previousSibling = node.previousSibling;
+              if (node.nodeName === 'HR') {
+                dom.remove(node);
+                e.preventDefault();
+                return;
+              }
+              if (previousSibling && previousSibling.nodeName && previousSibling.nodeName.toLowerCase() === 'hr') {
+                dom.remove(previousSibling);
+                e.preventDefault();
+              }
+            }
+          }
+        });
+      };
+      var focusBody = function () {
+        if (!Range.prototype.getClientRects) {
+          editor.on('mousedown', function (e) {
+            if (!isDefaultPrevented(e) && e.target.nodeName === 'HTML') {
+              var body_1 = editor.getBody();
+              body_1.blur();
+              Delay.setEditorTimeout(editor, function () {
+                body_1.focus();
+              });
+            }
+          });
+        }
+      };
+      var selectControlElements = function () {
+        editor.on('click', function (e) {
+          var target = e.target;
+          if (/^(IMG|HR)$/.test(target.nodeName) && dom.getContentEditableParent(target) !== 'false') {
+            e.preventDefault();
+            editor.selection.select(target);
+            editor.nodeChanged();
+          }
+          if (target.nodeName === 'A' && dom.hasClass(target, 'mce-item-anchor')) {
+            e.preventDefault();
+            selection.select(target);
+          }
+        });
+      };
+      var removeStylesWhenDeletingAcrossBlockElements = function () {
+        var getAttributeApplyFunction = function () {
+          var template = dom.getAttribs(selection.getStart().cloneNode(false));
+          return function () {
+            var target = selection.getStart();
+            if (target !== editor.getBody()) {
+              dom.setAttrib(target, 'style', null);
+              each(template, function (attr) {
+                target.setAttributeNode(attr.cloneNode(true));
+              });
+            }
+          };
+        };
+        var isSelectionAcrossElements = function () {
+          return !selection.isCollapsed() && dom.getParent(selection.getStart(), dom.isBlock) !== dom.getParent(selection.getEnd(), dom.isBlock);
+        };
+        editor.on('keypress', function (e) {
+          var applyAttributes;
+          if (!isDefaultPrevented(e) && (e.keyCode === 8 || e.keyCode === 46) && isSelectionAcrossElements()) {
+            applyAttributes = getAttributeApplyFunction();
+            editor.getDoc().execCommand('delete', false, null);
+            applyAttributes();
+            e.preventDefault();
+            return false;
+          }
+        });
+        dom.bind(editor.getDoc(), 'cut', function (e) {
+          var applyAttributes;
+          if (!isDefaultPrevented(e) && isSelectionAcrossElements()) {
+            applyAttributes = getAttributeApplyFunction();
+            Delay.setEditorTimeout(editor, function () {
+              applyAttributes();
+            });
+          }
+        });
+      };
+      var disableBackspaceIntoATable = function () {
+        editor.on('keydown', function (e) {
+          if (!isDefaultPrevented(e) && e.keyCode === BACKSPACE) {
+            if (selection.isCollapsed() && selection.getRng().startOffset === 0) {
+              var previousSibling = selection.getNode().previousSibling;
+              if (previousSibling && previousSibling.nodeName && previousSibling.nodeName.toLowerCase() === 'table') {
+                e.preventDefault();
+                return false;
+              }
+            }
+          }
+        });
+      };
+      var removeBlockQuoteOnBackSpace = function () {
+        editor.on('keydown', function (e) {
+          var rng, parent;
+          if (isDefaultPrevented(e) || e.keyCode !== VK.BACKSPACE) {
+            return;
+          }
+          rng = selection.getRng();
+          var container = rng.startContainer;
+          var offset = rng.startOffset;
+          var root = dom.getRoot();
+          parent = container;
+          if (!rng.collapsed || offset !== 0) {
+            return;
+          }
+          while (parent && parent.parentNode && parent.parentNode.firstChild === parent && parent.parentNode !== root) {
+            parent = parent.parentNode;
+          }
+          if (parent.tagName === 'BLOCKQUOTE') {
+            editor.formatter.toggle('blockquote', null, parent);
+            rng = dom.createRng();
+            rng.setStart(container, 0);
+            rng.setEnd(container, 0);
+            selection.setRng(rng);
+          }
+        });
+      };
+      var setGeckoEditingOptions = function () {
+        var setOpts = function () {
+          setEditorCommandState('StyleWithCSS', false);
+          setEditorCommandState('enableInlineTableEditing', false);
+          if (!getObjectResizing(editor)) {
+            setEditorCommandState('enableObjectResizing', false);
+          }
+        };
+        if (!isReadOnly(editor)) {
+          editor.on('BeforeExecCommand mousedown', setOpts);
+        }
+      };
+      var addBrAfterLastLinks = function () {
+        var fixLinks = function () {
+          each(dom.select('a'), function (node) {
+            var parentNode = node.parentNode;
+            var root = dom.getRoot();
+            if (parentNode.lastChild === node) {
+              while (parentNode && !dom.isBlock(parentNode)) {
+                if (parentNode.parentNode.lastChild !== parentNode || parentNode === root) {
+                  return;
+                }
+                parentNode = parentNode.parentNode;
+              }
+              dom.add(parentNode, 'br', { 'data-mce-bogus': 1 });
+            }
+          });
+        };
+        editor.on('SetContent ExecCommand', function (e) {
+          if (e.type === 'setcontent' || e.command === 'mceInsertLink') {
+            fixLinks();
+          }
+        });
+      };
+      var setDefaultBlockType = function () {
+        if (getForcedRootBlock(editor)) {
+          editor.on('init', function () {
+            setEditorCommandState('DefaultParagraphSeparator', getForcedRootBlock(editor));
+          });
+        }
+      };
+      var normalizeSelection = function () {
+        editor.on('keyup focusin mouseup', function (e) {
+          if (!VK.modifierPressed(e)) {
+            selection.normalize();
+          }
+        }, true);
+      };
+      var showBrokenImageIcon = function () {
+        editor.contentStyles.push('img:-moz-broken {' + '-moz-force-broken-image-icon:1;' + 'min-width:24px;' + 'min-height:24px' + '}');
+      };
+      var restoreFocusOnKeyDown = function () {
+        if (!editor.inline) {
+          editor.on('keydown', function () {
+            if (document.activeElement === document.body) {
+              editor.getWin().focus();
+            }
+          });
+        }
+      };
+      var bodyHeight = function () {
+        if (!editor.inline) {
+          editor.contentStyles.push('body {min-height: 150px}');
+          editor.on('click', function (e) {
+            var rng;
+            if (e.target.nodeName === 'HTML') {
+              if (Env.ie > 11) {
+                editor.getBody().focus();
+                return;
+              }
+              rng = editor.selection.getRng();
+              editor.getBody().focus();
+              editor.selection.setRng(rng);
+              editor.selection.normalize();
+              editor.nodeChanged();
+            }
+          });
+        }
+      };
+      var blockCmdArrowNavigation = function () {
+        if (Env.mac) {
+          editor.on('keydown', function (e) {
+            if (VK.metaKeyPressed(e) && !e.shiftKey && (e.keyCode === 37 || e.keyCode === 39)) {
+              e.preventDefault();
+              var selection_1 = editor.selection.getSel();
+              selection_1.modify('move', e.keyCode === 37 ? 'backward' : 'forward', 'lineboundary');
+            }
+          });
+        }
+      };
+      var disableAutoUrlDetect = function () {
+        setEditorCommandState('AutoUrlDetect', false);
+      };
+      var tapLinksAndImages = function () {
+        editor.on('click', function (e) {
+          var elm = e.target;
+          do {
+            if (elm.tagName === 'A') {
+              e.preventDefault();
+              return;
+            }
+          } while (elm = elm.parentNode);
+        });
+        editor.contentStyles.push('.mce-content-body {-webkit-touch-callout: none}');
+      };
+      var blockFormSubmitInsideEditor = function () {
+        editor.on('init', function () {
+          editor.dom.bind(editor.getBody(), 'submit', function (e) {
+            e.preventDefault();
+          });
+        });
+      };
+      var removeAppleInterchangeBrs = function () {
+        parser.addNodeFilter('br', function (nodes) {
+          var i = nodes.length;
+          while (i--) {
+            if (nodes[i].attr('class') === 'Apple-interchange-newline') {
+              nodes[i].remove();
+            }
+          }
+        });
+      };
+      var ieInternalDragAndDrop = function () {
+        editor.on('dragstart', function (e) {
+          setMceInternalContent(e);
+        });
+        editor.on('drop', function (e) {
+          if (!isDefaultPrevented(e)) {
+            var internalContent = getMceInternalContent(e);
+            if (internalContent && internalContent.id !== editor.id) {
+              e.preventDefault();
+              var rng = fromPoint$1(e.x, e.y, editor.getDoc());
+              selection.setRng(rng);
+              insertClipboardContents(internalContent.html, true);
+            }
+          }
+        });
+      };
+      var refreshContentEditable = function () {
+      };
+      var isHidden = function () {
+        if (!isGecko || editor.removed) {
+          return false;
+        }
+        var sel = editor.selection.getSel();
+        return !sel || !sel.rangeCount || sel.rangeCount === 0;
+      };
+      removeBlockQuoteOnBackSpace();
+      emptyEditorWhenDeleting();
+      if (!Env.windowsPhone) {
+        normalizeSelection();
+      }
+      if (isWebKit) {
+        inputMethodFocus();
+        selectControlElements();
+        setDefaultBlockType();
+        blockFormSubmitInsideEditor();
+        disableBackspaceIntoATable();
+        removeAppleInterchangeBrs();
+        if (Env.iOS) {
+          restoreFocusOnKeyDown();
+          bodyHeight();
+          tapLinksAndImages();
+        } else {
+          selectAll();
+        }
+      }
+      if (Env.ie >= 11) {
+        bodyHeight();
+        disableBackspaceIntoATable();
+      }
+      if (Env.ie) {
+        selectAll();
+        disableAutoUrlDetect();
+        ieInternalDragAndDrop();
+      }
+      if (isGecko) {
+        removeHrOnBackspace();
+        focusBody();
+        removeStylesWhenDeletingAcrossBlockElements();
+        setGeckoEditingOptions();
+        addBrAfterLastLinks();
+        showBrokenImageIcon();
+        blockCmdArrowNavigation();
+        disableBackspaceIntoATable();
+      }
+      return {
+        refreshContentEditable: refreshContentEditable,
+        isHidden: isHidden
+      };
+    };
+
+    var DOM$4 = DOMUtils$1.DOM;
+    var appendStyle = function (editor, text) {
+      var body = SugarElement.fromDom(editor.getBody());
+      var container = getStyleContainer(getRootNode(body));
+      var style = SugarElement.fromTag('style');
+      set(style, 'type', 'text/css');
+      append(style, SugarElement.fromText(text));
+      append(container, style);
+      editor.on('remove', function () {
+        remove(style);
+      });
+    };
+    var getRootName = function (editor) {
+      return editor.inline ? editor.getElement().nodeName.toLowerCase() : undefined;
+    };
+    var removeUndefined = function (obj) {
+      return filter$1(obj, function (v) {
+        return isUndefined(v) === false;
+      });
+    };
+    var mkParserSettings = function (editor) {
+      var settings = editor.settings;
+      var blobCache = editor.editorUpload.blobCache;
+      return removeUndefined({
+        allow_conditional_comments: settings.allow_conditional_comments,
+        allow_html_data_urls: settings.allow_html_data_urls,
+        allow_svg_data_urls: settings.allow_svg_data_urls,
+        allow_html_in_named_anchor: settings.allow_html_in_named_anchor,
+        allow_script_urls: settings.allow_script_urls,
+        allow_unsafe_link_target: settings.allow_unsafe_link_target,
+        convert_fonts_to_spans: settings.convert_fonts_to_spans,
+        fix_list_elements: settings.fix_list_elements,
+        font_size_legacy_values: settings.font_size_legacy_values,
+        forced_root_block: settings.forced_root_block,
+        forced_root_block_attrs: settings.forced_root_block_attrs,
+        padd_empty_with_br: settings.padd_empty_with_br,
+        preserve_cdata: settings.preserve_cdata,
+        remove_trailing_brs: settings.remove_trailing_brs,
+        inline_styles: settings.inline_styles,
+        root_name: getRootName(editor),
+        validate: true,
+        blob_cache: blobCache,
+        images_dataimg_filter: settings.images_dataimg_filter
+      });
+    };
+    var mkSerializerSettings = function (editor) {
+      var settings = editor.settings;
+      return __assign(__assign({}, mkParserSettings(editor)), removeUndefined({
+        url_converter: settings.url_converter,
+        url_converter_scope: settings.url_converter_scope,
+        element_format: settings.element_format,
+        entities: settings.entities,
+        entity_encoding: settings.entity_encoding,
+        indent: settings.indent,
+        indent_after: settings.indent_after,
+        indent_before: settings.indent_before,
+        block_elements: settings.block_elements,
+        boolean_attributes: settings.boolean_attributes,
+        custom_elements: settings.custom_elements,
+        extended_valid_elements: settings.extended_valid_elements,
+        invalid_elements: settings.invalid_elements,
+        invalid_styles: settings.invalid_styles,
+        move_caret_before_on_enter_elements: settings.move_caret_before_on_enter_elements,
+        non_empty_elements: settings.non_empty_elements,
+        schema: settings.schema,
+        self_closing_elements: settings.self_closing_elements,
+        short_ended_elements: settings.short_ended_elements,
+        special: settings.special,
+        text_block_elements: settings.text_block_elements,
+        text_inline_elements: settings.text_inline_elements,
+        valid_children: settings.valid_children,
+        valid_classes: settings.valid_classes,
+        valid_elements: settings.valid_elements,
+        valid_styles: settings.valid_styles,
+        verify_html: settings.verify_html,
+        whitespace_elements: settings.whitespace_elements
+      }));
+    };
+    var createParser = function (editor) {
+      var parser = DomParser(mkParserSettings(editor), editor.schema);
+      parser.addAttributeFilter('src,href,style,tabindex', function (nodes, name) {
+        var i = nodes.length, node, value;
+        var dom = editor.dom;
+        var internalName = 'data-mce-' + name;
+        while (i--) {
+          node = nodes[i];
+          value = node.attr(name);
+          if (value && !node.attr(internalName)) {
+            if (value.indexOf('data:') === 0 || value.indexOf('blob:') === 0) {
+              continue;
+            }
+            if (name === 'style') {
+              value = dom.serializeStyle(dom.parseStyle(value), node.name);
+              if (!value.length) {
+                value = null;
+              }
+              node.attr(internalName, value);
+              node.attr(name, value);
+            } else if (name === 'tabindex') {
+              node.attr(internalName, value);
+              node.attr(name, null);
+            } else {
+              node.attr(internalName, editor.convertURL(value, name, node.name));
+            }
+          }
+        }
+      });
+      parser.addNodeFilter('script', function (nodes) {
+        var i = nodes.length;
+        while (i--) {
+          var node = nodes[i];
+          var type = node.attr('type') || 'no/type';
+          if (type.indexOf('mce-') !== 0) {
+            node.attr('type', 'mce-' + type);
+          }
+        }
+      });
+      if (editor.settings.preserve_cdata) {
+        parser.addNodeFilter('#cdata', function (nodes) {
+          var i = nodes.length;
+          while (i--) {
+            var node = nodes[i];
+            node.type = 8;
+            node.name = '#comment';
+            node.value = '[CDATA[' + editor.dom.encode(node.value) + ']]';
+          }
+        });
+      }
+      parser.addNodeFilter('p,h1,h2,h3,h4,h5,h6,div', function (nodes) {
+        var i = nodes.length;
+        var nonEmptyElements = editor.schema.getNonEmptyElements();
+        while (i--) {
+          var node = nodes[i];
+          if (node.isEmpty(nonEmptyElements) && node.getAll('br').length === 0) {
+            node.append(new AstNode('br', 1)).shortEnded = true;
+          }
+        }
+      });
+      return parser;
+    };
+    var autoFocus = function (editor) {
+      if (editor.settings.auto_focus) {
+        Delay.setEditorTimeout(editor, function () {
+          var focusEditor;
+          if (editor.settings.auto_focus === true) {
+            focusEditor = editor;
+          } else {
+            focusEditor = editor.editorManager.get(editor.settings.auto_focus);
+          }
+          if (!focusEditor.destroyed) {
+            focusEditor.focus();
+          }
+        }, 100);
+      }
+    };
+    var moveSelectionToFirstCaretPosition = function (editor) {
+      var root = editor.dom.getRoot();
+      if (!editor.inline && (!hasAnyRanges(editor) || editor.selection.getStart(true) === root)) {
+        firstPositionIn(root).each(function (pos) {
+          var node = pos.getNode();
+          var caretPos = isTable(node) ? firstPositionIn(node).getOr(pos) : pos;
+          if (Env.browser.isIE()) {
+            storeNative(editor, caretPos.toRange());
+          } else {
+            editor.selection.setRng(caretPos.toRange());
+          }
+        });
+      }
+    };
+    var initEditor = function (editor) {
+      editor.bindPendingEventDelegates();
+      editor.initialized = true;
+      fireInit(editor);
+      editor.focus(true);
+      moveSelectionToFirstCaretPosition(editor);
+      editor.nodeChanged({ initial: true });
+      editor.execCallback('init_instance_callback', editor);
+      autoFocus(editor);
+    };
+    var getStyleSheetLoader = function (editor) {
+      return editor.inline ? editor.ui.styleSheetLoader : editor.dom.styleSheetLoader;
+    };
+    var loadContentCss = function (editor, css) {
+      var styleSheetLoader = getStyleSheetLoader(editor);
+      var loaded = function () {
+        editor.on('remove', function () {
+          return styleSheetLoader.unloadAll(css);
+        });
+        initEditor(editor);
+      };
+      styleSheetLoader.loadAll(css, loaded, loaded);
+    };
+    var preInit = function (editor, rtcMode) {
+      var settings = editor.settings, doc = editor.getDoc(), body = editor.getBody();
+      if (!settings.browser_spellcheck && !settings.gecko_spellcheck) {
+        doc.body.spellcheck = false;
+        DOM$4.setAttrib(body, 'spellcheck', 'false');
+      }
+      editor.quirks = Quirks(editor);
+      firePostRender(editor);
+      var directionality = getDirectionality(editor);
+      if (directionality !== undefined) {
+        body.dir = directionality;
+      }
+      if (settings.protect) {
+        editor.on('BeforeSetContent', function (e) {
+          Tools.each(settings.protect, function (pattern) {
+            e.content = e.content.replace(pattern, function (str) {
+              return '<!--mce:protected ' + escape(str) + '-->';
+            });
+          });
+        });
+      }
+      editor.on('SetContent', function () {
+        editor.addVisual(editor.getBody());
+      });
+      if (rtcMode === false) {
+        editor.load({
+          initial: true,
+          format: 'html'
+        });
+      }
+      editor.startContent = editor.getContent({ format: 'raw' });
+      editor.on('compositionstart compositionend', function (e) {
+        editor.composing = e.type === 'compositionstart';
+      });
+      if (editor.contentStyles.length > 0) {
+        var contentCssText_1 = '';
+        Tools.each(editor.contentStyles, function (style) {
+          contentCssText_1 += style + '\r\n';
+        });
+        editor.dom.addStyle(contentCssText_1);
+      }
+      loadContentCss(editor, editor.contentCSS);
+      if (settings.content_style) {
+        appendStyle(editor, settings.content_style);
+      }
+    };
+    var initContentBody = function (editor, skipWrite) {
+      var settings = editor.settings;
+      var targetElm = editor.getElement();
+      var doc = editor.getDoc();
+      if (!settings.inline) {
+        editor.getElement().style.visibility = editor.orgVisibility;
+      }
+      if (!skipWrite && !editor.inline) {
+        doc.open();
+        doc.write(editor.iframeHTML);
+        doc.close();
+      }
+      if (editor.inline) {
+        DOM$4.addClass(targetElm, 'mce-content-body');
+        editor.contentDocument = doc = document;
+        editor.contentWindow = window;
+        editor.bodyElement = targetElm;
+        editor.contentAreaContainer = targetElm;
+      }
+      var body = editor.getBody();
+      body.disabled = true;
+      editor.readonly = !!settings.readonly;
+      if (!editor.readonly) {
+        if (editor.inline && DOM$4.getStyle(body, 'position', true) === 'static') {
+          body.style.position = 'relative';
+        }
+        body.contentEditable = editor.getParam('content_editable_state', true);
+      }
+      body.disabled = false;
+      editor.editorUpload = EditorUpload(editor);
+      editor.schema = Schema(settings);
+      editor.dom = DOMUtils$1(doc, {
+        keep_values: true,
+        url_converter: editor.convertURL,
+        url_converter_scope: editor,
+        hex_colors: settings.force_hex_style_colors,
+        update_styles: true,
+        root_element: editor.inline ? editor.getBody() : null,
+        collect: function () {
+          return editor.inline;
+        },
+        schema: editor.schema,
+        contentCssCors: shouldUseContentCssCors(editor),
+        referrerPolicy: getReferrerPolicy(editor),
+        onSetAttrib: function (e) {
+          editor.fire('SetAttrib', e);
+        }
+      });
+      editor.parser = createParser(editor);
+      editor.serializer = DomSerializer(mkSerializerSettings(editor), editor);
+      editor.selection = EditorSelection(editor.dom, editor.getWin(), editor.serializer, editor);
+      editor.annotator = Annotator(editor);
+      editor.formatter = Formatter(editor);
+      editor.undoManager = UndoManager(editor);
+      editor._nodeChangeDispatcher = new NodeChange(editor);
+      editor._selectionOverrides = SelectionOverrides(editor);
+      setup$9(editor);
+      setup$j(editor);
+      if (!isRtc(editor)) {
+        setup$k(editor);
+      }
+      var caret = setup$i(editor);
+      setup$8(editor, caret);
+      setup$a(editor);
+      setup$7(editor);
+      firePreInit(editor);
+      setup$5(editor).fold(function () {
+        preInit(editor, false);
+      }, function (loadingRtc) {
+        editor.setProgressState(true);
+        loadingRtc.then(function (rtcMode) {
+          editor.setProgressState(false);
+          preInit(editor, rtcMode);
+        });
+      });
+    };
+
+    var DOM$5 = DOMUtils$1.DOM;
+    var relaxDomain = function (editor, ifr) {
+      if (document.domain !== window.location.hostname && Env.browser.isIE()) {
+        var bodyUuid = uuid('mce');
+        editor[bodyUuid] = function () {
+          initContentBody(editor);
+        };
+        var domainRelaxUrl = 'javascript:(function(){' + 'document.open();document.domain="' + document.domain + '";' + 'var ed = window.parent.tinymce.get("' + editor.id + '");document.write(ed.iframeHTML);' + 'document.close();ed.' + bodyUuid + '(true);})()';
+        DOM$5.setAttrib(ifr, 'src', domainRelaxUrl);
+        return true;
+      }
+      return false;
+    };
+    var createIframeElement = function (id, title, height, customAttrs) {
+      var iframe = SugarElement.fromTag('iframe');
+      setAll(iframe, customAttrs);
+      setAll(iframe, {
+        id: id + '_ifr',
+        frameBorder: '0',
+        allowTransparency: 'true',
+        title: title
+      });
+      add$3(iframe, 'tox-edit-area__iframe');
+      return iframe;
+    };
+    var getIframeHtml = function (editor) {
+      var iframeHTML = getDocType(editor) + '<html><head>';
+      if (getDocumentBaseUrl(editor) !== editor.documentBaseUrl) {
+        iframeHTML += '<base href="' + editor.documentBaseURI.getURI() + '" />';
+      }
+      iframeHTML += '<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />';
+      var bodyId = getBodyId(editor);
+      var bodyClass = getBodyClass(editor);
+      if (getContentSecurityPolicy(editor)) {
+        iframeHTML += '<meta http-equiv="Content-Security-Policy" content="' + getContentSecurityPolicy(editor) + '" />';
+      }
+      iframeHTML += '</head><body id="' + bodyId + '" class="mce-content-body ' + bodyClass + '" data-id="' + editor.id + '"><br></body></html>';
+      return iframeHTML;
+    };
+    var createIframe = function (editor, o) {
+      var title = editor.editorManager.translate('Rich Text Area. Press ALT-0 for help.');
+      var ifr = createIframeElement(editor.id, title, o.height, getIframeAttrs(editor)).dom;
+      ifr.onload = function () {
+        ifr.onload = null;
+        editor.fire('load');
+      };
+      var isDomainRelaxed = relaxDomain(editor, ifr);
+      editor.contentAreaContainer = o.iframeContainer;
+      editor.iframeElement = ifr;
+      editor.iframeHTML = getIframeHtml(editor);
+      DOM$5.add(o.iframeContainer, ifr);
+      return isDomainRelaxed;
+    };
+    var init$1 = function (editor, boxInfo) {
+      var isDomainRelaxed = createIframe(editor, boxInfo);
+      if (boxInfo.editorContainer) {
+        DOM$5.get(boxInfo.editorContainer).style.display = editor.orgDisplay;
+        editor.hidden = DOM$5.isHidden(boxInfo.editorContainer);
+      }
+      editor.getElement().style.display = 'none';
+      DOM$5.setAttrib(editor.id, 'aria-hidden', 'true');
+      if (!isDomainRelaxed) {
+        initContentBody(editor);
+      }
+    };
+
+    var DOM$6 = DOMUtils$1.DOM;
+    var initPlugin = function (editor, initializedPlugins, plugin) {
+      var Plugin = PluginManager.get(plugin);
+      var pluginUrl = PluginManager.urls[plugin] || editor.documentBaseUrl.replace(/\/$/, '');
+      plugin = Tools.trim(plugin);
+      if (Plugin && Tools.inArray(initializedPlugins, plugin) === -1) {
+        Tools.each(PluginManager.dependencies(plugin), function (dep) {
+          initPlugin(editor, initializedPlugins, dep);
+        });
+        if (editor.plugins[plugin]) {
+          return;
+        }
+        try {
+          var pluginInstance = new Plugin(editor, pluginUrl, editor.$);
+          editor.plugins[plugin] = pluginInstance;
+          if (pluginInstance.init) {
+            pluginInstance.init(editor, pluginUrl);
+            initializedPlugins.push(plugin);
+          }
+        } catch (e) {
+          pluginInitError(editor, plugin, e);
+        }
+      }
+    };
+    var trimLegacyPrefix = function (name) {
+      return name.replace(/^\-/, '');
+    };
+    var initPlugins = function (editor) {
+      var initializedPlugins = [];
+      Tools.each(getPlugins(editor).split(/[ ,]/), function (name) {
+        initPlugin(editor, initializedPlugins, trimLegacyPrefix(name));
+      });
+    };
+    var initIcons = function (editor) {
+      var iconPackName = Tools.trim(getIconPackName(editor));
+      var currentIcons = editor.ui.registry.getAll().icons;
+      var loadIcons = __assign(__assign({}, IconManager.get('default').icons), IconManager.get(iconPackName).icons);
+      each$1(loadIcons, function (svgData, icon) {
+        if (!has(currentIcons, icon)) {
+          editor.ui.registry.addIcon(icon, svgData);
+        }
+      });
+    };
+    var initTheme = function (editor) {
+      var theme = getTheme(editor);
+      if (isString(theme)) {
+        editor.settings.theme = trimLegacyPrefix(theme);
+        var Theme = ThemeManager.get(theme);
+        editor.theme = new Theme(editor, ThemeManager.urls[theme]);
+        if (editor.theme.init) {
+          editor.theme.init(editor, ThemeManager.urls[theme] || editor.documentBaseUrl.replace(/\/$/, ''), editor.$);
+        }
+      } else {
+        editor.theme = {};
+      }
+    };
+    var renderFromLoadedTheme = function (editor) {
+      return editor.theme.renderUI();
+    };
+    var renderFromThemeFunc = function (editor) {
+      var elm = editor.getElement();
+      var theme = getTheme(editor);
+      var info = theme(editor, elm);
+      if (info.editorContainer.nodeType) {
+        info.editorContainer.id = info.editorContainer.id || editor.id + '_parent';
+      }
+      if (info.iframeContainer && info.iframeContainer.nodeType) {
+        info.iframeContainer.id = info.iframeContainer.id || editor.id + '_iframecontainer';
+      }
+      info.height = info.iframeHeight ? info.iframeHeight : elm.offsetHeight;
+      return info;
+    };
+    var createThemeFalseResult = function (element) {
+      return {
+        editorContainer: element,
+        iframeContainer: element,
+        api: {}
+      };
+    };
+    var renderThemeFalseIframe = function (targetElement) {
+      var iframeContainer = DOM$6.create('div');
+      DOM$6.insertAfter(iframeContainer, targetElement);
+      return createThemeFalseResult(iframeContainer);
+    };
+    var renderThemeFalse = function (editor) {
+      var targetElement = editor.getElement();
+      return editor.inline ? createThemeFalseResult(null) : renderThemeFalseIframe(targetElement);
+    };
+    var renderThemeUi = function (editor) {
+      var elm = editor.getElement();
+      editor.orgDisplay = elm.style.display;
+      if (isString(getTheme(editor))) {
+        return renderFromLoadedTheme(editor);
+      } else if (isFunction(getTheme(editor))) {
+        return renderFromThemeFunc(editor);
+      } else {
+        return renderThemeFalse(editor);
+      }
+    };
+    var augmentEditorUiApi = function (editor, api) {
+      var uiApiFacade = {
+        show: Optional.from(api.show).getOr(noop),
+        hide: Optional.from(api.hide).getOr(noop),
+        disable: Optional.from(api.disable).getOr(noop),
+        isDisabled: Optional.from(api.isDisabled).getOr(never),
+        enable: function () {
+          if (!editor.mode.isReadOnly()) {
+            Optional.from(api.enable).map(call);
+          }
+        }
+      };
+      editor.ui = __assign(__assign({}, editor.ui), uiApiFacade);
+    };
+    var init$2 = function (editor) {
+      editor.fire('ScriptsLoaded');
+      initIcons(editor);
+      initTheme(editor);
+      initPlugins(editor);
+      var renderInfo = renderThemeUi(editor);
+      augmentEditorUiApi(editor, Optional.from(renderInfo.api).getOr({}));
+      var boxInfo = {
+        editorContainer: renderInfo.editorContainer,
+        iframeContainer: renderInfo.iframeContainer
+      };
+      editor.editorContainer = boxInfo.editorContainer ? boxInfo.editorContainer : null;
+      appendContentCssFromSettings(editor);
+      if (editor.inline) {
+        return initContentBody(editor);
+      } else {
+        return init$1(editor, boxInfo);
+      }
+    };
+
+    var DOM$7 = DOMUtils$1.DOM;
+    var hasSkipLoadPrefix = function (name) {
+      return name.charAt(0) === '-';
+    };
+    var loadLanguage = function (scriptLoader, editor) {
+      var languageCode = getLanguageCode(editor);
+      var languageUrl = getLanguageUrl(editor);
+      if (I18n.hasCode(languageCode) === false && languageCode !== 'en') {
+        var url_1 = languageUrl !== '' ? languageUrl : editor.editorManager.baseURL + '/langs/' + languageCode + '.js';
+        scriptLoader.add(url_1, noop, undefined, function () {
+          languageLoadError(editor, url_1, languageCode);
+        });
+      }
+    };
+    var loadTheme = function (scriptLoader, editor, suffix, callback) {
+      var theme = getTheme(editor);
+      if (isString(theme)) {
+        if (!hasSkipLoadPrefix(theme) && !ThemeManager.urls.hasOwnProperty(theme)) {
+          var themeUrl = getThemeUrl(editor);
+          if (themeUrl) {
+            ThemeManager.load(theme, editor.documentBaseURI.toAbsolute(themeUrl));
+          } else {
+            ThemeManager.load(theme, 'themes/' + theme + '/theme' + suffix + '.js');
+          }
+        }
+        scriptLoader.loadQueue(function () {
+          ThemeManager.waitFor(theme, callback);
+        });
+      } else {
+        callback();
+      }
+    };
+    var getIconsUrlMetaFromUrl = function (editor) {
+      return Optional.from(getIconsUrl(editor)).filter(function (url) {
+        return url.length > 0;
+      }).map(function (url) {
+        return {
+          url: url,
+          name: Optional.none()
+        };
+      });
+    };
+    var getIconsUrlMetaFromName = function (editor, name, suffix) {
+      return Optional.from(name).filter(function (name) {
+        return name.length > 0 && !IconManager.has(name);
+      }).map(function (name) {
+        return {
+          url: editor.editorManager.baseURL + '/icons/' + name + '/icons' + suffix + '.js',
+          name: Optional.some(name)
+        };
+      });
+    };
+    var loadIcons = function (scriptLoader, editor, suffix) {
+      var defaultIconsUrl = getIconsUrlMetaFromName(editor, 'default', suffix);
+      var customIconsUrl = getIconsUrlMetaFromUrl(editor).orThunk(function () {
+        return getIconsUrlMetaFromName(editor, getIconPackName(editor), '');
+      });
+      each(cat([
+        defaultIconsUrl,
+        customIconsUrl
+      ]), function (urlMeta) {
+        scriptLoader.add(urlMeta.url, noop, undefined, function () {
+          iconsLoadError(editor, urlMeta.url, urlMeta.name.getOrUndefined());
+        });
+      });
+    };
+    var loadPlugins = function (editor, suffix) {
+      Tools.each(getExternalPlugins(editor), function (url, name) {
+        PluginManager.load(name, url, noop, undefined, function () {
+          pluginLoadError(editor, url, name);
+        });
+        editor.settings.plugins += ' ' + name;
+      });
+      Tools.each(getPlugins(editor).split(/[ ,]/), function (plugin) {
+        plugin = Tools.trim(plugin);
+        if (plugin && !PluginManager.urls[plugin]) {
+          if (hasSkipLoadPrefix(plugin)) {
+            plugin = plugin.substr(1, plugin.length);
+            var dependencies = PluginManager.dependencies(plugin);
+            Tools.each(dependencies, function (depPlugin) {
+              var defaultSettings = {
+                prefix: 'plugins/',
+                resource: depPlugin,
+                suffix: '/plugin' + suffix + '.js'
+              };
+              var dep = PluginManager.createUrl(defaultSettings, depPlugin);
+              PluginManager.load(dep.resource, dep, noop, undefined, function () {
+                pluginLoadError(editor, dep.prefix + dep.resource + dep.suffix, dep.resource);
+              });
+            });
+          } else {
+            var url_2 = {
+              prefix: 'plugins/',
+              resource: plugin,
+              suffix: '/plugin' + suffix + '.js'
+            };
+            PluginManager.load(plugin, url_2, noop, undefined, function () {
+              pluginLoadError(editor, url_2.prefix + url_2.resource + url_2.suffix, plugin);
+            });
+          }
+        }
+      });
+    };
+    var loadScripts = function (editor, suffix) {
+      var scriptLoader = ScriptLoader.ScriptLoader;
+      loadTheme(scriptLoader, editor, suffix, function () {
+        loadLanguage(scriptLoader, editor);
+        loadIcons(scriptLoader, editor, suffix);
+        loadPlugins(editor, suffix);
+        scriptLoader.loadQueue(function () {
+          if (!editor.removed) {
+            init$2(editor);
+          }
+        }, editor, function () {
+          if (!editor.removed) {
+            init$2(editor);
+          }
+        });
+      });
+    };
+    var getStyleSheetLoader$1 = function (element, editor) {
+      return instance.forElement(element, {
+        contentCssCors: hasContentCssCors(editor),
+        referrerPolicy: getReferrerPolicy(editor)
+      });
+    };
+    var render = function (editor) {
+      var id = editor.id;
+      I18n.setCode(getLanguageCode(editor));
+      var readyHandler = function () {
+        DOM$7.unbind(window, 'ready', readyHandler);
+        editor.render();
+      };
+      if (!EventUtils.Event.domLoaded) {
+        DOM$7.bind(window, 'ready', readyHandler);
+        return;
+      }
+      if (!editor.getElement()) {
+        return;
+      }
+      if (!Env.contentEditable) {
+        return;
+      }
+      var element = SugarElement.fromDom(editor.getElement());
+      var snapshot = clone(element);
+      editor.on('remove', function () {
+        eachr(element.dom.attributes, function (attr) {
+          return remove$1(element, attr.name);
+        });
+        setAll(element, snapshot);
+      });
+      editor.ui.styleSheetLoader = getStyleSheetLoader$1(element, editor);
+      if (!isInline$1(editor)) {
+        editor.orgVisibility = editor.getElement().style.visibility;
+        editor.getElement().style.visibility = 'hidden';
+      } else {
+        editor.inline = true;
+      }
+      var form = editor.getElement().form || DOM$7.getParent(id, 'form');
+      if (form) {
+        editor.formElement = form;
+        if (hasHiddenInput(editor) && !isTextareaOrInput(editor.getElement())) {
+          DOM$7.insertAfter(DOM$7.create('input', {
+            type: 'hidden',
+            name: id
+          }), id);
+          editor.hasHiddenInput = true;
+        }
+        editor.formEventDelegate = function (e) {
+          editor.fire(e.type, e);
+        };
+        DOM$7.bind(form, 'submit reset', editor.formEventDelegate);
+        editor.on('reset', function () {
+          editor.resetContent();
+        });
+        if (shouldPatchSubmit(editor) && !form.submit.nodeType && !form.submit.length && !form._mceOldSubmit) {
+          form._mceOldSubmit = form.submit;
+          form.submit = function () {
+            editor.editorManager.triggerSave();
+            editor.setDirty(false);
+            return form._mceOldSubmit(form);
+          };
+        }
+      }
+      editor.windowManager = WindowManager(editor);
+      editor.notificationManager = NotificationManager(editor);
+      if (isEncodingXml(editor)) {
+        editor.on('GetContent', function (e) {
+          if (e.save) {
+            e.content = DOM$7.encode(e.content);
+          }
+        });
+      }
+      if (shouldAddFormSubmitTrigger(editor)) {
+        editor.on('submit', function () {
+          if (editor.initialized) {
+            editor.save();
+          }
+        });
+      }
+      if (shouldAddUnloadTrigger(editor)) {
+        editor._beforeUnload = function () {
+          if (editor.initialized && !editor.destroyed && !editor.isHidden()) {
+            editor.save({
+              format: 'raw',
+              no_events: true,
+              set_dirty: false
+            });
+          }
+        };
+        editor.editorManager.on('BeforeUnload', editor._beforeUnload);
+      }
+      editor.editorManager.add(editor);
+      loadScripts(editor, editor.suffix);
+    };
+
+    var addVisual$1 = function (editor, elm) {
+      return addVisual(editor, elm);
+    };
+
+    var legacyPropNames = {
+      'font-size': 'size',
+      'font-family': 'face'
+    };
+    var getSpecifiedFontProp = function (propName, rootElm, elm) {
+      var getProperty = function (elm) {
+        return getRaw(elm, propName).orThunk(function () {
+          if (name(elm) === 'font') {
+            return get$1(legacyPropNames, propName).bind(function (legacyPropName) {
+              return getOpt(elm, legacyPropName);
+            });
+          } else {
+            return Optional.none();
+          }
+        });
+      };
+      var isRoot = function (elm) {
+        return eq$2(SugarElement.fromDom(rootElm), elm);
+      };
+      return closest$2(SugarElement.fromDom(elm), function (elm) {
+        return getProperty(elm);
+      }, isRoot);
+    };
+    var normalizeFontFamily = function (fontFamily) {
+      return fontFamily.replace(/[\'\"\\]/g, '').replace(/,\s+/g, ',');
+    };
+    var getComputedFontProp = function (propName, elm) {
+      return Optional.from(DOMUtils$1.DOM.getStyle(elm, propName, true));
+    };
+    var getFontProp = function (propName) {
+      return function (rootElm, elm) {
+        return Optional.from(elm).map(SugarElement.fromDom).filter(isElement).bind(function (element) {
+          return getSpecifiedFontProp(propName, rootElm, element.dom).or(getComputedFontProp(propName, element.dom));
+        }).getOr('');
+      };
+    };
+    var getFontSize = getFontProp('font-size');
+    var getFontFamily = compose(normalizeFontFamily, getFontProp('font-family'));
+
+    var findFirstCaretElement = function (editor) {
+      return firstPositionIn(editor.getBody()).map(function (caret) {
+        var container = caret.container();
+        return isText$1(container) ? container.parentNode : container;
+      });
+    };
+    var getCaretElement = function (editor) {
+      return Optional.from(editor.selection.getRng()).bind(function (rng) {
+        var root = editor.getBody();
+        var atStartOfNode = rng.startContainer === root && rng.startOffset === 0;
+        return atStartOfNode ? Optional.none() : Optional.from(editor.selection.getStart(true));
+      });
+    };
+    var mapRange = function (editor, mapper) {
+      return getCaretElement(editor).orThunk(curry(findFirstCaretElement, editor)).map(SugarElement.fromDom).filter(isElement).map(mapper);
+    };
+
+    var fromFontSizeNumber = function (editor, value) {
+      if (/^[0-9.]+$/.test(value)) {
+        var fontSizeNumber = parseInt(value, 10);
+        if (fontSizeNumber >= 1 && fontSizeNumber <= 7) {
+          var fontSizes = getFontStyleValues(editor);
+          var fontClasses = getFontSizeClasses(editor);
+          if (fontClasses) {
+            return fontClasses[fontSizeNumber - 1] || value;
+          } else {
+            return fontSizes[fontSizeNumber - 1] || value;
+          }
+        } else {
+          return value;
+        }
+      } else {
+        return value;
+      }
+    };
+    var normalizeFontNames = function (font) {
+      var fonts = font.split(/\s*,\s*/);
+      return map(fonts, function (font) {
+        if (font.indexOf(' ') !== -1 && !(startsWith(font, '"') || startsWith(font, '\''))) {
+          return '\'' + font + '\'';
+        } else {
+          return font;
+        }
+      }).join(',');
+    };
+    var fontNameAction = function (editor, value) {
+      var font = fromFontSizeNumber(editor, value);
+      editor.formatter.toggle('fontname', { value: normalizeFontNames(font) });
+      editor.nodeChanged();
+    };
+    var fontNameQuery = function (editor) {
+      return mapRange(editor, function (elm) {
+        return getFontFamily(editor.getBody(), elm.dom);
+      }).getOr('');
+    };
+    var fontSizeAction = function (editor, value) {
+      editor.formatter.toggle('fontsize', { value: fromFontSizeNumber(editor, value) });
+      editor.nodeChanged();
+    };
+    var fontSizeQuery = function (editor) {
+      return mapRange(editor, function (elm) {
+        return getFontSize(editor.getBody(), elm.dom);
+      }).getOr('');
+    };
+
+    var lineHeightQuery = function (editor) {
+      return mapRange(editor, function (elm) {
+        var root = SugarElement.fromDom(editor.getBody());
+        var specifiedStyle = closest$2(elm, function (elm) {
+          return getRaw(elm, 'line-height');
+        }, curry(eq$2, root));
+        var computedStyle = function () {
+          var lineHeight = parseFloat(get$5(elm, 'line-height'));
+          var fontSize = parseFloat(get$5(elm, 'font-size'));
+          return String(lineHeight / fontSize);
+        };
+        return specifiedStyle.getOrThunk(computedStyle);
+      }).getOr('');
+    };
+    var lineHeightAction = function (editor, lineHeight) {
+      editor.undoManager.transact(function () {
+        editor.formatter.toggle('lineheight', { value: String(lineHeight) });
+        editor.nodeChanged();
+      });
+    };
+
+    var processValue = function (value) {
+      var details;
+      if (typeof value !== 'string') {
+        details = Tools.extend({
+          paste: value.paste,
+          data: { paste: value.paste }
+        }, value);
+        return {
+          content: value.content,
+          details: details
+        };
+      }
+      return {
+        content: value,
+        details: {}
+      };
+    };
+    var insertAtCaret$1 = function (editor, value) {
+      var result = processValue(value);
+      insertContent(editor, result.content, result.details);
+    };
+
+    var each$f = Tools.each;
+    var map$3 = Tools.map, inArray$2 = Tools.inArray;
+    var EditorCommands = function () {
+      function EditorCommands(editor) {
+        this.commands = {
+          state: {},
+          exec: {},
+          value: {}
+        };
+        this.editor = editor;
+        this.setupCommands(editor);
+      }
+      EditorCommands.prototype.execCommand = function (command, ui, value, args) {
+        var func, state = false;
+        var self = this;
+        if (self.editor.removed) {
+          return;
+        }
+        if (!/^(mceAddUndoLevel|mceEndUndoLevel|mceBeginUndoLevel|mceRepaint)$/.test(command) && (!args || !args.skip_focus)) {
+          self.editor.focus();
+        } else {
+          restore(self.editor);
+        }
+        args = self.editor.fire('BeforeExecCommand', {
+          command: command,
+          ui: ui,
+          value: value
+        });
+        if (args.isDefaultPrevented()) {
+          return false;
+        }
+        var customCommand = command.toLowerCase();
+        if (func = self.commands.exec[customCommand]) {
+          func(customCommand, ui, value);
+          self.editor.fire('ExecCommand', {
+            command: command,
+            ui: ui,
+            value: value
+          });
+          return true;
+        }
+        each$f(this.editor.plugins, function (p) {
+          if (p.execCommand && p.execCommand(command, ui, value)) {
+            self.editor.fire('ExecCommand', {
+              command: command,
+              ui: ui,
+              value: value
+            });
+            state = true;
+            return false;
+          }
+        });
+        if (state) {
+          return state;
+        }
+        if (self.editor.theme && self.editor.theme.execCommand && self.editor.theme.execCommand(command, ui, value)) {
+          self.editor.fire('ExecCommand', {
+            command: command,
+            ui: ui,
+            value: value
+          });
+          return true;
+        }
+        try {
+          state = self.editor.getDoc().execCommand(command, ui, value);
+        } catch (ex) {
+        }
+        if (state) {
+          self.editor.fire('ExecCommand', {
+            command: command,
+            ui: ui,
+            value: value
+          });
+          return true;
+        }
+        return false;
+      };
+      EditorCommands.prototype.queryCommandState = function (command) {
+        var func;
+        if (this.editor.quirks.isHidden() || this.editor.removed) {
+          return;
+        }
+        command = command.toLowerCase();
+        if (func = this.commands.state[command]) {
+          return func(command);
+        }
+        try {
+          return this.editor.getDoc().queryCommandState(command);
+        } catch (ex) {
+        }
+        return false;
+      };
+      EditorCommands.prototype.queryCommandValue = function (command) {
+        var func;
+        if (this.editor.quirks.isHidden() || this.editor.removed) {
+          return;
+        }
+        command = command.toLowerCase();
+        if (func = this.commands.value[command]) {
+          return func(command);
+        }
+        try {
+          return this.editor.getDoc().queryCommandValue(command);
+        } catch (ex) {
+        }
+      };
+      EditorCommands.prototype.addCommands = function (commandList, type) {
+        if (type === void 0) {
+          type = 'exec';
+        }
+        var self = this;
+        each$f(commandList, function (callback, command) {
+          each$f(command.toLowerCase().split(','), function (command) {
+            self.commands[type][command] = callback;
+          });
+        });
+      };
+      EditorCommands.prototype.addCommand = function (command, callback, scope) {
+        var _this = this;
+        command = command.toLowerCase();
+        this.commands.exec[command] = function (command, ui, value, args) {
+          return callback.call(scope || _this.editor, ui, value, args);
+        };
+      };
+      EditorCommands.prototype.queryCommandSupported = function (command) {
+        command = command.toLowerCase();
+        if (this.commands.exec[command]) {
+          return true;
+        }
+        try {
+          return this.editor.getDoc().queryCommandSupported(command);
+        } catch (ex) {
+        }
+        return false;
+      };
+      EditorCommands.prototype.addQueryStateHandler = function (command, callback, scope) {
+        var _this = this;
+        command = command.toLowerCase();
+        this.commands.state[command] = function () {
+          return callback.call(scope || _this.editor);
+        };
+      };
+      EditorCommands.prototype.addQueryValueHandler = function (command, callback, scope) {
+        var _this = this;
+        command = command.toLowerCase();
+        this.commands.value[command] = function () {
+          return callback.call(scope || _this.editor);
+        };
+      };
+      EditorCommands.prototype.hasCustomCommand = function (command) {
+        command = command.toLowerCase();
+        return !!this.commands.exec[command];
+      };
+      EditorCommands.prototype.execNativeCommand = function (command, ui, value) {
+        if (ui === undefined) {
+          ui = false;
+        }
+        if (value === undefined) {
+          value = null;
+        }
+        return this.editor.getDoc().execCommand(command, ui, value);
+      };
+      EditorCommands.prototype.isFormatMatch = function (name) {
+        return this.editor.formatter.match(name);
+      };
+      EditorCommands.prototype.toggleFormat = function (name, value) {
+        this.editor.formatter.toggle(name, value ? { value: value } : undefined);
+        this.editor.nodeChanged();
+      };
+      EditorCommands.prototype.storeSelection = function (type) {
+        this.selectionBookmark = this.editor.selection.getBookmark(type);
+      };
+      EditorCommands.prototype.restoreSelection = function () {
+        this.editor.selection.moveToBookmark(this.selectionBookmark);
+      };
+      EditorCommands.prototype.setupCommands = function (editor) {
+        var self = this;
+        this.addCommands({
+          'mceResetDesignMode,mceBeginUndoLevel': function () {
+          },
+          'mceEndUndoLevel,mceAddUndoLevel': function () {
+            editor.undoManager.add();
+          },
+          'Cut,Copy,Paste': function (command) {
+            var doc = editor.getDoc();
+            var failed;
+            try {
+              self.execNativeCommand(command);
+            } catch (ex) {
+              failed = true;
+            }
+            if (command === 'paste' && !doc.queryCommandEnabled(command)) {
+              failed = true;
+            }
+            if (failed || !doc.queryCommandSupported(command)) {
+              var msg = editor.translate('Your browser doesn\'t support direct access to the clipboard. ' + 'Please use the Ctrl+X/C/V keyboard shortcuts instead.');
+              if (Env.mac) {
+                msg = msg.replace(/Ctrl\+/g, '\u2318+');
+              }
+              editor.notificationManager.open({
+                text: msg,
+                type: 'error'
+              });
+            }
+          },
+          'unlink': function () {
+            if (editor.selection.isCollapsed()) {
+              var elm = editor.dom.getParent(editor.selection.getStart(), 'a');
+              if (elm) {
+                editor.dom.remove(elm, true);
+              }
+              return;
+            }
+            editor.formatter.remove('link');
+          },
+          'JustifyLeft,JustifyCenter,JustifyRight,JustifyFull,JustifyNone': function (command) {
+            var align = command.substring(7);
+            if (align === 'full') {
+              align = 'justify';
+            }
+            each$f('left,center,right,justify'.split(','), function (name) {
+              if (align !== name) {
+                editor.formatter.remove('align' + name);
+              }
+            });
+            if (align !== 'none') {
+              self.toggleFormat('align' + align);
+            }
+          },
+          'InsertUnorderedList,InsertOrderedList': function (command) {
+            var listParent;
+            self.execNativeCommand(command);
+            var listElm = editor.dom.getParent(editor.selection.getNode(), 'ol,ul');
+            if (listElm) {
+              listParent = listElm.parentNode;
+              if (/^(H[1-6]|P|ADDRESS|PRE)$/.test(listParent.nodeName)) {
+                self.storeSelection();
+                editor.dom.split(listParent, listElm);
+                self.restoreSelection();
+              }
+            }
+          },
+          'Bold,Italic,Underline,Strikethrough,Superscript,Subscript': function (command) {
+            self.toggleFormat(command);
+          },
+          'ForeColor,HiliteColor': function (command, ui, value) {
+            self.toggleFormat(command, value);
+          },
+          'FontName': function (command, ui, value) {
+            fontNameAction(editor, value);
+          },
+          'FontSize': function (command, ui, value) {
+            fontSizeAction(editor, value);
+          },
+          'LineHeight': function (command, ui, value) {
+            lineHeightAction(editor, value);
+          },
+          'RemoveFormat': function (command) {
+            editor.formatter.remove(command);
+          },
+          'mceBlockQuote': function () {
+            self.toggleFormat('blockquote');
+          },
+          'FormatBlock': function (command, ui, value) {
+            return self.toggleFormat(value || 'p');
+          },
+          'mceCleanup': function () {
+            var bookmark = editor.selection.getBookmark();
+            editor.setContent(editor.getContent());
+            editor.selection.moveToBookmark(bookmark);
+          },
+          'mceRemoveNode': function (command, ui, value) {
+            var node = value || editor.selection.getNode();
+            if (node !== editor.getBody()) {
+              self.storeSelection();
+              editor.dom.remove(node, true);
+              self.restoreSelection();
+            }
+          },
+          'mceSelectNodeDepth': function (command, ui, value) {
+            var counter = 0;
+            editor.dom.getParent(editor.selection.getNode(), function (node) {
+              if (node.nodeType === 1 && counter++ === value) {
+                editor.selection.select(node);
+                return false;
+              }
+            }, editor.getBody());
+          },
+          'mceSelectNode': function (command, ui, value) {
+            editor.selection.select(value);
+          },
+          'mceInsertContent': function (command, ui, value) {
+            insertAtCaret$1(editor, value);
+          },
+          'mceInsertRawHTML': function (command, ui, value) {
+            editor.selection.setContent('tiny_mce_marker');
+            var content = editor.getContent();
+            editor.setContent(content.replace(/tiny_mce_marker/g, function () {
+              return value;
+            }));
+          },
+          'mceInsertNewLine': function (command, ui, value) {
+            insert$3(editor, value);
+          },
+          'mceToggleFormat': function (command, ui, value) {
+            self.toggleFormat(value);
+          },
+          'mceSetContent': function (command, ui, value) {
+            editor.setContent(value);
+          },
+          'Indent,Outdent': function (command) {
+            handle(editor, command);
+          },
+          'mceRepaint': function () {
+          },
+          'InsertHorizontalRule': function () {
+            editor.execCommand('mceInsertContent', false, '<hr />');
+          },
+          'mceToggleVisualAid': function () {
+            editor.hasVisual = !editor.hasVisual;
+            editor.addVisual();
+          },
+          'mceReplaceContent': function (command, ui, value) {
+            editor.execCommand('mceInsertContent', false, value.replace(/\{\$selection\}/g, editor.selection.getContent({ format: 'text' })));
+          },
+          'mceInsertLink': function (command, ui, value) {
+            if (typeof value === 'string') {
+              value = { href: value };
+            }
+            var anchor = editor.dom.getParent(editor.selection.getNode(), 'a');
+            value.href = value.href.replace(/ /g, '%20');
+            if (!anchor || !value.href) {
+              editor.formatter.remove('link');
+            }
+            if (value.href) {
+              editor.formatter.apply('link', value, anchor);
+            }
+          },
+          'selectAll': function () {
+            var editingHost = editor.dom.getParent(editor.selection.getStart(), isContentEditableTrue);
+            if (editingHost) {
+              var rng = editor.dom.createRng();
+              rng.selectNodeContents(editingHost);
+              editor.selection.setRng(rng);
+            }
+          },
+          'mceNewDocument': function () {
+            editor.setContent('');
+          },
+          'InsertLineBreak': function (command, ui, value) {
+            insert$2(editor, value);
+            return true;
+          }
+        });
+        var alignStates = function (name) {
+          return function () {
+            var selection = editor.selection;
+            var nodes = selection.isCollapsed() ? [editor.dom.getParent(selection.getNode(), editor.dom.isBlock)] : selection.getSelectedBlocks();
+            var matches = map$3(nodes, function (node) {
+              return !!editor.formatter.matchNode(node, name);
+            });
+            return inArray$2(matches, true) !== -1;
+          };
+        };
+        self.addCommands({
+          'JustifyLeft': alignStates('alignleft'),
+          'JustifyCenter': alignStates('aligncenter'),
+          'JustifyRight': alignStates('alignright'),
+          'JustifyFull': alignStates('alignjustify'),
+          'Bold,Italic,Underline,Strikethrough,Superscript,Subscript': function (command) {
+            return self.isFormatMatch(command);
+          },
+          'mceBlockQuote': function () {
+            return self.isFormatMatch('blockquote');
+          },
+          'Outdent': function () {
+            return canOutdent(editor);
+          },
+          'InsertUnorderedList,InsertOrderedList': function (command) {
+            var list = editor.dom.getParent(editor.selection.getNode(), 'ul,ol');
+            return list && (command === 'insertunorderedlist' && list.tagName === 'UL' || command === 'insertorderedlist' && list.tagName === 'OL');
+          }
+        }, 'state');
+        self.addCommands({
+          Undo: function () {
+            editor.undoManager.undo();
+          },
+          Redo: function () {
+            editor.undoManager.redo();
+          }
+        });
+        self.addQueryValueHandler('FontName', function () {
+          return fontNameQuery(editor);
+        }, this);
+        self.addQueryValueHandler('FontSize', function () {
+          return fontSizeQuery(editor);
+        }, this);
+        self.addQueryValueHandler('LineHeight', function () {
+          return lineHeightQuery(editor);
+        }, this);
+      };
+      return EditorCommands;
+    }();
+
+    var internalContentEditableAttr = 'data-mce-contenteditable';
+    var toggleClass = function (elm, cls, state) {
+      if (has$2(elm, cls) && state === false) {
+        remove$4(elm, cls);
+      } else if (state) {
+        add$3(elm, cls);
+      }
+    };
+    var setEditorCommandState = function (editor, cmd, state) {
+      try {
+        editor.getDoc().execCommand(cmd, false, String(state));
+      } catch (ex) {
+      }
+    };
+    var setContentEditable = function (elm, state) {
+      elm.dom.contentEditable = state ? 'true' : 'false';
+    };
+    var switchOffContentEditableTrue = function (elm) {
+      each(descendants$1(elm, '*[contenteditable="true"]'), function (elm) {
+        set(elm, internalContentEditableAttr, 'true');
+        setContentEditable(elm, false);
+      });
+    };
+    var switchOnContentEditableTrue = function (elm) {
+      each(descendants$1(elm, '*[' + internalContentEditableAttr + '="true"]'), function (elm) {
+        remove$1(elm, internalContentEditableAttr);
+        setContentEditable(elm, true);
+      });
+    };
+    var removeFakeSelection = function (editor) {
+      Optional.from(editor.selection.getNode()).each(function (elm) {
+        elm.removeAttribute('data-mce-selected');
+      });
+    };
+    var restoreFakeSelection = function (editor) {
+      editor.selection.setRng(editor.selection.getRng());
+    };
+    var toggleReadOnly = function (editor, state) {
+      var body = SugarElement.fromDom(editor.getBody());
+      toggleClass(body, 'mce-content-readonly', state);
+      if (state) {
+        editor.selection.controlSelection.hideResizeRect();
+        editor._selectionOverrides.hideFakeCaret();
+        removeFakeSelection(editor);
+        editor.readonly = true;
+        setContentEditable(body, false);
+        switchOffContentEditableTrue(body);
+      } else {
+        editor.readonly = false;
+        setContentEditable(body, true);
+        switchOnContentEditableTrue(body);
+        setEditorCommandState(editor, 'StyleWithCSS', false);
+        setEditorCommandState(editor, 'enableInlineTableEditing', false);
+        setEditorCommandState(editor, 'enableObjectResizing', false);
+        if (hasEditorOrUiFocus(editor)) {
+          editor.focus();
+        }
+        restoreFakeSelection(editor);
+        editor.nodeChanged();
+      }
+    };
+    var isReadOnly$1 = function (editor) {
+      return editor.readonly;
+    };
+    var registerFilters = function (editor) {
+      editor.parser.addAttributeFilter('contenteditable', function (nodes) {
+        if (isReadOnly$1(editor)) {
+          each(nodes, function (node) {
+            node.attr(internalContentEditableAttr, node.attr('contenteditable'));
+            node.attr('contenteditable', 'false');
+          });
+        }
+      });
+      editor.serializer.addAttributeFilter(internalContentEditableAttr, function (nodes) {
+        if (isReadOnly$1(editor)) {
+          each(nodes, function (node) {
+            node.attr('contenteditable', node.attr(internalContentEditableAttr));
+          });
+        }
+      });
+      editor.serializer.addTempAttr(internalContentEditableAttr);
+    };
+    var registerReadOnlyContentFilters = function (editor) {
+      if (editor.serializer) {
+        registerFilters(editor);
+      } else {
+        editor.on('PreInit', function () {
+          registerFilters(editor);
+        });
+      }
+    };
+    var isClickEvent = function (e) {
+      return e.type === 'click';
+    };
+    var getAnchorHrefOpt = function (editor, elm) {
+      var isRoot = function (elm) {
+        return eq$2(elm, SugarElement.fromDom(editor.getBody()));
+      };
+      return closest$1(elm, 'a', isRoot).bind(function (a) {
+        return getOpt(a, 'href');
+      });
+    };
+    var processReadonlyEvents = function (editor, e) {
+      if (isClickEvent(e) && !VK.metaKeyPressed(e)) {
+        var elm = SugarElement.fromDom(e.target);
+        getAnchorHrefOpt(editor, elm).each(function (href) {
+          e.preventDefault();
+          if (/^#/.test(href)) {
+            var targetEl = editor.dom.select(href + ',[name="' + removeLeading(href, '#') + '"]');
+            if (targetEl.length) {
+              editor.selection.scrollIntoView(targetEl[0], true);
+            }
+          } else {
+            window.open(href, '_blank', 'rel=noopener noreferrer,menubar=yes,toolbar=yes,location=yes,status=yes,resizable=yes,scrollbars=yes');
+          }
+        });
+      }
+    };
+    var registerReadOnlySelectionBlockers = function (editor) {
+      editor.on('ShowCaret', function (e) {
+        if (isReadOnly$1(editor)) {
+          e.preventDefault();
+        }
+      });
+      editor.on('ObjectSelected', function (e) {
+        if (isReadOnly$1(editor)) {
+          e.preventDefault();
+        }
+      });
+    };
+
+    var nativeEvents = Tools.makeMap('focus blur focusin focusout click dblclick mousedown mouseup mousemove mouseover beforepaste paste cut copy selectionchange ' + 'mouseout mouseenter mouseleave wheel keydown keypress keyup input beforeinput contextmenu dragstart dragend dragover ' + 'draggesture dragdrop drop drag submit ' + 'compositionstart compositionend compositionupdate touchstart touchmove touchend touchcancel', ' ');
+    var EventDispatcher = function () {
+      function EventDispatcher(settings) {
+        this.bindings = {};
+        this.settings = settings || {};
+        this.scope = this.settings.scope || this;
+        this.toggleEvent = this.settings.toggleEvent || never;
+      }
+      EventDispatcher.isNative = function (name) {
+        return !!nativeEvents[name.toLowerCase()];
+      };
+      EventDispatcher.prototype.fire = function (nameIn, argsIn) {
+        var name = nameIn.toLowerCase();
+        var args = argsIn || {};
+        args.type = name;
+        if (!args.target) {
+          args.target = this.scope;
+        }
+        if (!args.preventDefault) {
+          args.preventDefault = function () {
+            args.isDefaultPrevented = always;
+          };
+          args.stopPropagation = function () {
+            args.isPropagationStopped = always;
+          };
+          args.stopImmediatePropagation = function () {
+            args.isImmediatePropagationStopped = always;
+          };
+          args.isDefaultPrevented = never;
+          args.isPropagationStopped = never;
+          args.isImmediatePropagationStopped = never;
+        }
+        if (this.settings.beforeFire) {
+          this.settings.beforeFire(args);
+        }
+        var handlers = this.bindings[name];
+        if (handlers) {
+          for (var i = 0, l = handlers.length; i < l; i++) {
+            var callback = handlers[i];
+            if (callback.once) {
+              this.off(name, callback.func);
+            }
+            if (args.isImmediatePropagationStopped()) {
+              args.stopPropagation();
+              return args;
+            }
+            if (callback.func.call(this.scope, args) === false) {
+              args.preventDefault();
+              return args;
+            }
+          }
+        }
+        return args;
+      };
+      EventDispatcher.prototype.on = function (name, callback, prepend, extra) {
+        if (callback === false) {
+          callback = never;
+        }
+        if (callback) {
+          var wrappedCallback = { func: callback };
+          if (extra) {
+            Tools.extend(wrappedCallback, extra);
+          }
+          var names = name.toLowerCase().split(' ');
+          var i = names.length;
+          while (i--) {
+            var currentName = names[i];
+            var handlers = this.bindings[currentName];
+            if (!handlers) {
+              handlers = this.bindings[currentName] = [];
+              this.toggleEvent(currentName, true);
+            }
+            if (prepend) {
+              handlers.unshift(wrappedCallback);
+            } else {
+              handlers.push(wrappedCallback);
+            }
+          }
+        }
+        return this;
+      };
+      EventDispatcher.prototype.off = function (name, callback) {
+        var _this = this;
+        if (name) {
+          var names = name.toLowerCase().split(' ');
+          var i = names.length;
+          while (i--) {
+            var currentName = names[i];
+            var handlers = this.bindings[currentName];
+            if (!currentName) {
+              each$1(this.bindings, function (_value, bindingName) {
+                _this.toggleEvent(bindingName, false);
+                delete _this.bindings[bindingName];
+              });
+              return this;
+            }
+            if (handlers) {
+              if (!callback) {
+                handlers.length = 0;
+              } else {
+                var hi = handlers.length;
+                while (hi--) {
+                  if (handlers[hi].func === callback) {
+                    handlers = handlers.slice(0, hi).concat(handlers.slice(hi + 1));
+                    this.bindings[currentName] = handlers;
+                  }
+                }
+              }
+              if (!handlers.length) {
+                this.toggleEvent(name, false);
+                delete this.bindings[currentName];
+              }
+            }
+          }
+        } else {
+          each$1(this.bindings, function (_value, name) {
+            _this.toggleEvent(name, false);
+          });
+          this.bindings = {};
+        }
+        return this;
+      };
+      EventDispatcher.prototype.once = function (name, callback, prepend) {
+        return this.on(name, callback, prepend, { once: true });
+      };
+      EventDispatcher.prototype.has = function (name) {
+        name = name.toLowerCase();
+        return !(!this.bindings[name] || this.bindings[name].length === 0);
+      };
+      return EventDispatcher;
+    }();
+
+    var getEventDispatcher = function (obj) {
+      if (!obj._eventDispatcher) {
+        obj._eventDispatcher = new EventDispatcher({
+          scope: obj,
+          toggleEvent: function (name, state) {
+            if (EventDispatcher.isNative(name) && obj.toggleNativeEvent) {
+              obj.toggleNativeEvent(name, state);
+            }
+          }
+        });
+      }
+      return obj._eventDispatcher;
+    };
+    var Observable = {
+      fire: function (name, args, bubble) {
+        var self = this;
+        if (self.removed && name !== 'remove' && name !== 'detach') {
+          return args;
+        }
+        var dispatcherArgs = getEventDispatcher(self).fire(name, args);
+        if (bubble !== false && self.parent) {
+          var parent_1 = self.parent();
+          while (parent_1 && !dispatcherArgs.isPropagationStopped()) {
+            parent_1.fire(name, dispatcherArgs, false);
+            parent_1 = parent_1.parent();
+          }
+        }
+        return dispatcherArgs;
+      },
+      on: function (name, callback, prepend) {
+        return getEventDispatcher(this).on(name, callback, prepend);
+      },
+      off: function (name, callback) {
+        return getEventDispatcher(this).off(name, callback);
+      },
+      once: function (name, callback) {
+        return getEventDispatcher(this).once(name, callback);
+      },
+      hasEventListeners: function (name) {
+        return getEventDispatcher(this).has(name);
+      }
+    };
+
+    var DOM$8 = DOMUtils$1.DOM;
+    var customEventRootDelegates;
+    var getEventTarget = function (editor, eventName) {
+      if (eventName === 'selectionchange') {
+        return editor.getDoc();
+      }
+      if (!editor.inline && /^mouse|touch|click|contextmenu|drop|dragover|dragend/.test(eventName)) {
+        return editor.getDoc().documentElement;
+      }
+      var eventRoot = getEventRoot(editor);
+      if (eventRoot) {
+        if (!editor.eventRoot) {
+          editor.eventRoot = DOM$8.select(eventRoot)[0];
+        }
+        return editor.eventRoot;
+      }
+      return editor.getBody();
+    };
+    var isListening = function (editor) {
+      return !editor.hidden && !isReadOnly$1(editor);
+    };
+    var fireEvent = function (editor, eventName, e) {
+      if (isListening(editor)) {
+        editor.fire(eventName, e);
+      } else if (isReadOnly$1(editor)) {
+        processReadonlyEvents(editor, e);
+      }
+    };
+    var bindEventDelegate = function (editor, eventName) {
+      var delegate;
+      if (!editor.delegates) {
+        editor.delegates = {};
+      }
+      if (editor.delegates[eventName] || editor.removed) {
+        return;
+      }
+      var eventRootElm = getEventTarget(editor, eventName);
+      if (getEventRoot(editor)) {
+        if (!customEventRootDelegates) {
+          customEventRootDelegates = {};
+          editor.editorManager.on('removeEditor', function () {
+            if (!editor.editorManager.activeEditor) {
+              if (customEventRootDelegates) {
+                each$1(customEventRootDelegates, function (_value, name) {
+                  editor.dom.unbind(getEventTarget(editor, name));
+                });
+                customEventRootDelegates = null;
+              }
+            }
+          });
+        }
+        if (customEventRootDelegates[eventName]) {
+          return;
+        }
+        delegate = function (e) {
+          var target = e.target;
+          var editors = editor.editorManager.get();
+          var i = editors.length;
+          while (i--) {
+            var body = editors[i].getBody();
+            if (body === target || DOM$8.isChildOf(target, body)) {
+              fireEvent(editors[i], eventName, e);
+            }
+          }
+        };
+        customEventRootDelegates[eventName] = delegate;
+        DOM$8.bind(eventRootElm, eventName, delegate);
+      } else {
+        delegate = function (e) {
+          fireEvent(editor, eventName, e);
+        };
+        DOM$8.bind(eventRootElm, eventName, delegate);
+        editor.delegates[eventName] = delegate;
+      }
+    };
+    var EditorObservable = __assign(__assign({}, Observable), {
+      bindPendingEventDelegates: function () {
+        var self = this;
+        Tools.each(self._pendingNativeEvents, function (name) {
+          bindEventDelegate(self, name);
+        });
+      },
+      toggleNativeEvent: function (name, state) {
+        var self = this;
+        if (name === 'focus' || name === 'blur') {
+          return;
+        }
+        if (state) {
+          if (self.initialized) {
+            bindEventDelegate(self, name);
+          } else {
+            if (!self._pendingNativeEvents) {
+              self._pendingNativeEvents = [name];
+            } else {
+              self._pendingNativeEvents.push(name);
+            }
+          }
+        } else if (self.initialized) {
+          self.dom.unbind(getEventTarget(self, name), name, self.delegates[name]);
+          delete self.delegates[name];
+        }
+      },
+      unbindAllNativeEvents: function () {
+        var self = this;
+        var body = self.getBody();
+        var dom = self.dom;
+        if (self.delegates) {
+          each$1(self.delegates, function (value, name) {
+            self.dom.unbind(getEventTarget(self, name), name, value);
+          });
+          delete self.delegates;
+        }
+        if (!self.inline && body && dom) {
+          body.onload = null;
+          dom.unbind(self.getWin());
+          dom.unbind(self.getDoc());
+        }
+        if (dom) {
+          dom.unbind(body);
+          dom.unbind(self.getContainer());
+        }
+      }
+    });
+
+    var defaultModes = [
+      'design',
+      'readonly'
+    ];
+    var switchToMode = function (editor, activeMode, availableModes, mode) {
+      var oldMode = availableModes[activeMode.get()];
+      var newMode = availableModes[mode];
+      try {
+        newMode.activate();
+      } catch (e) {
+        console.error('problem while activating editor modal ' + mode + ':', e);
+        return;
+      }
+      oldMode.deactivate();
+      if (oldMode.editorReadOnly !== newMode.editorReadOnly) {
+        toggleReadOnly(editor, newMode.editorReadOnly);
+      }
+      activeMode.set(mode);
+      fireSwitchMode(editor, mode);
+    };
+    var setMode = function (editor, availableModes, activeMode, mode) {
+      if (mode === activeMode.get()) {
+        return;
+      } else if (!has(availableModes, mode)) {
+        throw new Error('Editor modal \'' + mode + '\' is invalid');
+      }
+      if (editor.initialized) {
+        switchToMode(editor, activeMode, availableModes, mode);
+      } else {
+        editor.on('init', function () {
+          return switchToMode(editor, activeMode, availableModes, mode);
+        });
+      }
+    };
+    var registerMode = function (availableModes, mode, api) {
+      var _a;
+      if (contains(defaultModes, mode)) {
+        throw new Error('Cannot override default modal ' + mode);
+      }
+      return __assign(__assign({}, availableModes), (_a = {}, _a[mode] = __assign(__assign({}, api), {
+        deactivate: function () {
+          try {
+            api.deactivate();
+          } catch (e) {
+            console.error('problem while deactivating editor modal ' + mode + ':', e);
+          }
+        }
+      }), _a));
+    };
+
+    var create$5 = function (editor) {
+      var activeMode = Cell('design');
+      var availableModes = Cell({
+        design: {
+          activate: noop,
+          deactivate: noop,
+          editorReadOnly: false
+        },
+        readonly: {
+          activate: noop,
+          deactivate: noop,
+          editorReadOnly: true
+        }
+      });
+      registerReadOnlyContentFilters(editor);
+      registerReadOnlySelectionBlockers(editor);
+      return {
+        isReadOnly: function () {
+          return isReadOnly$1(editor);
+        },
+        set: function (mode) {
+          return setMode(editor, availableModes.get(), activeMode, mode);
+        },
+        get: function () {
+          return activeMode.get();
+        },
+        register: function (mode, api) {
+          availableModes.set(registerMode(availableModes.get(), mode, api));
+        }
+      };
+    };
+
+    var each$g = Tools.each, explode$3 = Tools.explode;
+    var keyCodeLookup = {
+      f1: 112,
+      f2: 113,
+      f3: 114,
+      f4: 115,
+      f5: 116,
+      f6: 117,
+      f7: 118,
+      f8: 119,
+      f9: 120,
+      f10: 121,
+      f11: 122,
+      f12: 123
+    };
+    var modifierNames = Tools.makeMap('alt,ctrl,shift,meta,access');
+    var Shortcuts = function () {
+      function Shortcuts(editor) {
+        this.shortcuts = {};
+        this.pendingPatterns = [];
+        this.editor = editor;
+        var self = this;
+        editor.on('keyup keypress keydown', function (e) {
+          if ((self.hasModifier(e) || self.isFunctionKey(e)) && !e.isDefaultPrevented()) {
+            each$g(self.shortcuts, function (shortcut) {
+              if (self.matchShortcut(e, shortcut)) {
+                self.pendingPatterns = shortcut.subpatterns.slice(0);
+                if (e.type === 'keydown') {
+                  self.executeShortcutAction(shortcut);
+                }
+                return true;
+              }
+            });
+            if (self.matchShortcut(e, self.pendingPatterns[0])) {
+              if (self.pendingPatterns.length === 1) {
+                if (e.type === 'keydown') {
+                  self.executeShortcutAction(self.pendingPatterns[0]);
+                }
+              }
+              self.pendingPatterns.shift();
+            }
+          }
+        });
+      }
+      Shortcuts.prototype.add = function (pattern, desc, cmdFunc, scope) {
+        var self = this;
+        var func = self.normalizeCommandFunc(cmdFunc);
+        each$g(explode$3(Tools.trim(pattern)), function (pattern) {
+          var shortcut = self.createShortcut(pattern, desc, func, scope);
+          self.shortcuts[shortcut.id] = shortcut;
+        });
+        return true;
+      };
+      Shortcuts.prototype.remove = function (pattern) {
+        var shortcut = this.createShortcut(pattern);
+        if (this.shortcuts[shortcut.id]) {
+          delete this.shortcuts[shortcut.id];
+          return true;
+        }
+        return false;
+      };
+      Shortcuts.prototype.normalizeCommandFunc = function (cmdFunc) {
+        var self = this;
+        var cmd = cmdFunc;
+        if (typeof cmd === 'string') {
+          return function () {
+            self.editor.execCommand(cmd, false, null);
+          };
+        } else if (Tools.isArray(cmd)) {
+          return function () {
+            self.editor.execCommand(cmd[0], cmd[1], cmd[2]);
+          };
+        } else {
+          return cmd;
+        }
+      };
+      Shortcuts.prototype.parseShortcut = function (pattern) {
+        var key;
+        var shortcut = {};
+        each$g(explode$3(pattern.toLowerCase(), '+'), function (value) {
+          if (value in modifierNames) {
+            shortcut[value] = true;
+          } else {
+            if (/^[0-9]{2,}$/.test(value)) {
+              shortcut.keyCode = parseInt(value, 10);
+            } else {
+              shortcut.charCode = value.charCodeAt(0);
+              shortcut.keyCode = keyCodeLookup[value] || value.toUpperCase().charCodeAt(0);
+            }
+          }
+        });
+        var id = [shortcut.keyCode];
+        for (key in modifierNames) {
+          if (shortcut[key]) {
+            id.push(key);
+          } else {
+            shortcut[key] = false;
+          }
+        }
+        shortcut.id = id.join(',');
+        if (shortcut.access) {
+          shortcut.alt = true;
+          if (Env.mac) {
+            shortcut.ctrl = true;
+          } else {
+            shortcut.shift = true;
+          }
+        }
+        if (shortcut.meta) {
+          if (Env.mac) {
+            shortcut.meta = true;
+          } else {
+            shortcut.ctrl = true;
+            shortcut.meta = false;
+          }
+        }
+        return shortcut;
+      };
+      Shortcuts.prototype.createShortcut = function (pattern, desc, cmdFunc, scope) {
+        var shortcuts = Tools.map(explode$3(pattern, '>'), this.parseShortcut);
+        shortcuts[shortcuts.length - 1] = Tools.extend(shortcuts[shortcuts.length - 1], {
+          func: cmdFunc,
+          scope: scope || this.editor
+        });
+        return Tools.extend(shortcuts[0], {
+          desc: this.editor.translate(desc),
+          subpatterns: shortcuts.slice(1)
+        });
+      };
+      Shortcuts.prototype.hasModifier = function (e) {
+        return e.altKey || e.ctrlKey || e.metaKey;
+      };
+      Shortcuts.prototype.isFunctionKey = function (e) {
+        return e.type === 'keydown' && e.keyCode >= 112 && e.keyCode <= 123;
+      };
+      Shortcuts.prototype.matchShortcut = function (e, shortcut) {
+        if (!shortcut) {
+          return false;
+        }
+        if (shortcut.ctrl !== e.ctrlKey || shortcut.meta !== e.metaKey) {
+          return false;
+        }
+        if (shortcut.alt !== e.altKey || shortcut.shift !== e.shiftKey) {
+          return false;
+        }
+        if (e.keyCode === shortcut.keyCode || e.charCode && e.charCode === shortcut.charCode) {
+          e.preventDefault();
+          return true;
+        }
+        return false;
+      };
+      Shortcuts.prototype.executeShortcutAction = function (shortcut) {
+        return shortcut.func ? shortcut.func.call(shortcut.scope) : null;
+      };
+      return Shortcuts;
+    }();
+
+    var create$6 = function () {
+      var buttons = {};
+      var menuItems = {};
+      var popups = {};
+      var icons = {};
+      var contextMenus = {};
+      var contextToolbars = {};
+      var sidebars = {};
+      var add = function (collection, type) {
+        return function (name, spec) {
+          return collection[name.toLowerCase()] = __assign(__assign({}, spec), { type: type });
+        };
+      };
+      var addIcon = function (name, svgData) {
+        return icons[name.toLowerCase()] = svgData;
+      };
+      return {
+        addButton: add(buttons, 'button'),
+        addGroupToolbarButton: add(buttons, 'grouptoolbarbutton'),
+        addToggleButton: add(buttons, 'togglebutton'),
+        addMenuButton: add(buttons, 'menubutton'),
+        addSplitButton: add(buttons, 'splitbutton'),
+        addMenuItem: add(menuItems, 'menuitem'),
+        addNestedMenuItem: add(menuItems, 'nestedmenuitem'),
+        addToggleMenuItem: add(menuItems, 'togglemenuitem'),
+        addAutocompleter: add(popups, 'autocompleter'),
+        addContextMenu: add(contextMenus, 'contextmenu'),
+        addContextToolbar: add(contextToolbars, 'contexttoolbar'),
+        addContextForm: add(contextToolbars, 'contextform'),
+        addSidebar: add(sidebars, 'sidebar'),
+        addIcon: addIcon,
+        getAll: function () {
+          return {
+            buttons: buttons,
+            menuItems: menuItems,
+            icons: icons,
+            popups: popups,
+            contextMenus: contextMenus,
+            contextToolbars: contextToolbars,
+            sidebars: sidebars
+          };
+        }
+      };
+    };
+
+    var registry = function () {
+      var bridge = create$6();
+      return {
+        addAutocompleter: bridge.addAutocompleter,
+        addButton: bridge.addButton,
+        addContextForm: bridge.addContextForm,
+        addContextMenu: bridge.addContextMenu,
+        addContextToolbar: bridge.addContextToolbar,
+        addIcon: bridge.addIcon,
+        addMenuButton: bridge.addMenuButton,
+        addMenuItem: bridge.addMenuItem,
+        addNestedMenuItem: bridge.addNestedMenuItem,
+        addSidebar: bridge.addSidebar,
+        addSplitButton: bridge.addSplitButton,
+        addToggleButton: bridge.addToggleButton,
+        addGroupToolbarButton: bridge.addGroupToolbarButton,
+        addToggleMenuItem: bridge.addToggleMenuItem,
+        getAll: bridge.getAll
+      };
+    };
+
+    var each$h = Tools.each, trim$4 = Tools.trim;
+    var queryParts = 'source protocol authority userInfo user password host port relative path directory file query anchor'.split(' ');
+    var DEFAULT_PORTS = {
+      ftp: 21,
+      http: 80,
+      https: 443,
+      mailto: 25
+    };
+    var URI = function () {
+      function URI(url, settings) {
+        url = trim$4(url);
+        this.settings = settings || {};
+        var baseUri = this.settings.base_uri;
+        var self = this;
+        if (/^([\w\-]+):([^\/]{2})/i.test(url) || /^\s*#/.test(url)) {
+          self.source = url;
+          return;
+        }
+        var isProtocolRelative = url.indexOf('//') === 0;
+        if (url.indexOf('/') === 0 && !isProtocolRelative) {
+          url = (baseUri ? baseUri.protocol || 'http' : 'http') + '://mce_host' + url;
+        }
+        if (!/^[\w\-]*:?\/\//.test(url)) {
+          var baseUrl = this.settings.base_uri ? this.settings.base_uri.path : new URI(document.location.href).directory;
+          if (this.settings.base_uri && this.settings.base_uri.protocol == '') {
+            url = '//mce_host' + self.toAbsPath(baseUrl, url);
+          } else {
+            var match = /([^#?]*)([#?]?.*)/.exec(url);
+            url = (baseUri && baseUri.protocol || 'http') + '://mce_host' + self.toAbsPath(baseUrl, match[1]) + match[2];
+          }
+        }
+        url = url.replace(/@@/g, '(mce_at)');
+        var urlMatch = /^(?:(?![^:@]+:[^:@\/]*@)([^:\/?#.]+):)?(?:\/\/)?((?:(([^:@\/]*):?([^:@\/]*))?@)?([^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/.exec(url);
+        each$h(queryParts, function (v, i) {
+          var part = urlMatch[i];
+          if (part) {
+            part = part.replace(/\(mce_at\)/g, '@@');
+          }
+          self[v] = part;
+        });
+        if (baseUri) {
+          if (!self.protocol) {
+            self.protocol = baseUri.protocol;
+          }
+          if (!self.userInfo) {
+            self.userInfo = baseUri.userInfo;
+          }
+          if (!self.port && self.host === 'mce_host') {
+            self.port = baseUri.port;
+          }
+          if (!self.host || self.host === 'mce_host') {
+            self.host = baseUri.host;
+          }
+          self.source = '';
+        }
+        if (isProtocolRelative) {
+          self.protocol = '';
+        }
+      }
+      URI.parseDataUri = function (uri) {
+        var type;
+        var uriComponents = decodeURIComponent(uri).split(',');
+        var matches = /data:([^;]+)/.exec(uriComponents[0]);
+        if (matches) {
+          type = matches[1];
+        }
+        return {
+          type: type,
+          data: uriComponents[1]
+        };
+      };
+      URI.getDocumentBaseUrl = function (loc) {
+        var baseUrl;
+        if (loc.protocol.indexOf('http') !== 0 && loc.protocol !== 'file:') {
+          baseUrl = loc.href;
+        } else {
+          baseUrl = loc.protocol + '//' + loc.host + loc.pathname;
+        }
+        if (/^[^:]+:\/\/\/?[^\/]+\//.test(baseUrl)) {
+          baseUrl = baseUrl.replace(/[\?#].*$/, '').replace(/[\/\\][^\/]+$/, '');
+          if (!/[\/\\]$/.test(baseUrl)) {
+            baseUrl += '/';
+          }
+        }
+        return baseUrl;
+      };
+      URI.prototype.setPath = function (path) {
+        var pathMatch = /^(.*?)\/?(\w+)?$/.exec(path);
+        this.path = pathMatch[0];
+        this.directory = pathMatch[1];
+        this.file = pathMatch[2];
+        this.source = '';
+        this.getURI();
+      };
+      URI.prototype.toRelative = function (uri) {
+        var output;
+        if (uri === './') {
+          return uri;
+        }
+        var relativeUri = new URI(uri, { base_uri: this });
+        if (relativeUri.host !== 'mce_host' && this.host !== relativeUri.host && relativeUri.host || this.port !== relativeUri.port || this.protocol !== relativeUri.protocol && relativeUri.protocol !== '') {
+          return relativeUri.getURI();
+        }
+        var tu = this.getURI(), uu = relativeUri.getURI();
+        if (tu === uu || tu.charAt(tu.length - 1) === '/' && tu.substr(0, tu.length - 1) === uu) {
+          return tu;
+        }
+        output = this.toRelPath(this.path, relativeUri.path);
+        if (relativeUri.query) {
+          output += '?' + relativeUri.query;
+        }
+        if (relativeUri.anchor) {
+          output += '#' + relativeUri.anchor;
+        }
+        return output;
+      };
+      URI.prototype.toAbsolute = function (uri, noHost) {
+        var absoluteUri = new URI(uri, { base_uri: this });
+        return absoluteUri.getURI(noHost && this.isSameOrigin(absoluteUri));
+      };
+      URI.prototype.isSameOrigin = function (uri) {
+        if (this.host == uri.host && this.protocol == uri.protocol) {
+          if (this.port == uri.port) {
+            return true;
+          }
+          var defaultPort = DEFAULT_PORTS[this.protocol];
+          if (defaultPort && (this.port || defaultPort) == (uri.port || defaultPort)) {
+            return true;
+          }
+        }
+        return false;
+      };
+      URI.prototype.toRelPath = function (base, path) {
+        var breakPoint = 0, out = '', i, l;
+        var normalizedBase = base.substring(0, base.lastIndexOf('/')).split('/');
+        var items = path.split('/');
+        if (normalizedBase.length >= items.length) {
+          for (i = 0, l = normalizedBase.length; i < l; i++) {
+            if (i >= items.length || normalizedBase[i] !== items[i]) {
+              breakPoint = i + 1;
+              break;
+            }
+          }
+        }
+        if (normalizedBase.length < items.length) {
+          for (i = 0, l = items.length; i < l; i++) {
+            if (i >= normalizedBase.length || normalizedBase[i] !== items[i]) {
+              breakPoint = i + 1;
+              break;
+            }
+          }
+        }
+        if (breakPoint === 1) {
+          return path;
+        }
+        for (i = 0, l = normalizedBase.length - (breakPoint - 1); i < l; i++) {
+          out += '../';
+        }
+        for (i = breakPoint - 1, l = items.length; i < l; i++) {
+          if (i !== breakPoint - 1) {
+            out += '/' + items[i];
+          } else {
+            out += items[i];
+          }
+        }
+        return out;
+      };
+      URI.prototype.toAbsPath = function (base, path) {
+        var i, nb = 0, o = [], outPath;
+        var tr = /\/$/.test(path) ? '/' : '';
+        var normalizedBase = base.split('/');
+        var normalizedPath = path.split('/');
+        each$h(normalizedBase, function (k) {
+          if (k) {
+            o.push(k);
+          }
+        });
+        normalizedBase = o;
+        for (i = normalizedPath.length - 1, o = []; i >= 0; i--) {
+          if (normalizedPath[i].length === 0 || normalizedPath[i] === '.') {
+            continue;
+          }
+          if (normalizedPath[i] === '..') {
+            nb++;
+            continue;
+          }
+          if (nb > 0) {
+            nb--;
+            continue;
+          }
+          o.push(normalizedPath[i]);
+        }
+        i = normalizedBase.length - nb;
+        if (i <= 0) {
+          outPath = reverse(o).join('/');
+        } else {
+          outPath = normalizedBase.slice(0, i).join('/') + '/' + reverse(o).join('/');
+        }
+        if (outPath.indexOf('/') !== 0) {
+          outPath = '/' + outPath;
+        }
+        if (tr && outPath.lastIndexOf('/') !== outPath.length - 1) {
+          outPath += tr;
+        }
+        return outPath;
+      };
+      URI.prototype.getURI = function (noProtoHost) {
+        if (noProtoHost === void 0) {
+          noProtoHost = false;
+        }
+        var s;
+        if (!this.source || noProtoHost) {
+          s = '';
+          if (!noProtoHost) {
+            if (this.protocol) {
+              s += this.protocol + '://';
+            } else {
+              s += '//';
+            }
+            if (this.userInfo) {
+              s += this.userInfo + '@';
+            }
+            if (this.host) {
+              s += this.host;
+            }
+            if (this.port) {
+              s += ':' + this.port;
+            }
+          }
+          if (this.path) {
+            s += this.path;
+          }
+          if (this.query) {
+            s += '?' + this.query;
+          }
+          if (this.anchor) {
+            s += '#' + this.anchor;
+          }
+          this.source = s;
+        }
+        return this.source;
+      };
+      return URI;
+    }();
+
+    var DOM$9 = DOMUtils$1.DOM;
+    var extend$3 = Tools.extend, each$i = Tools.each;
+    var resolve$3 = Tools.resolve;
+    var ie$1 = Env.ie;
+    var Editor = function () {
+      function Editor(id, settings, editorManager) {
+        var _this = this;
+        this.plugins = {};
+        this.contentCSS = [];
+        this.contentStyles = [];
+        this.loadedCSS = {};
+        this.isNotDirty = false;
+        this.editorManager = editorManager;
+        this.documentBaseUrl = editorManager.documentBaseURL;
+        extend$3(this, EditorObservable);
+        this.settings = getEditorSettings(this, id, this.documentBaseUrl, editorManager.defaultSettings, settings);
+        if (this.settings.suffix) {
+          editorManager.suffix = this.settings.suffix;
+        }
+        this.suffix = editorManager.suffix;
+        if (this.settings.base_url) {
+          editorManager._setBaseUrl(this.settings.base_url);
+        }
+        this.baseUri = editorManager.baseURI;
+        if (this.settings.referrer_policy) {
+          ScriptLoader.ScriptLoader._setReferrerPolicy(this.settings.referrer_policy);
+          DOMUtils$1.DOM.styleSheetLoader._setReferrerPolicy(this.settings.referrer_policy);
+        }
+        AddOnManager$1.languageLoad = this.settings.language_load;
+        AddOnManager$1.baseURL = editorManager.baseURL;
+        this.id = id;
+        this.setDirty(false);
+        this.documentBaseURI = new URI(this.settings.document_base_url, { base_uri: this.baseUri });
+        this.baseURI = this.baseUri;
+        this.inline = !!this.settings.inline;
+        this.shortcuts = new Shortcuts(this);
+        this.editorCommands = new EditorCommands(this);
+        if (this.settings.cache_suffix) {
+          Env.cacheSuffix = this.settings.cache_suffix.replace(/^[\?\&]+/, '');
+        }
+        this.ui = {
+          registry: registry(),
+          styleSheetLoader: undefined,
+          show: noop,
+          hide: noop,
+          enable: noop,
+          disable: noop,
+          isDisabled: never
+        };
+        var self = this;
+        var modeInstance = create$5(self);
+        this.mode = modeInstance;
+        this.setMode = modeInstance.set;
+        editorManager.fire('SetupEditor', { editor: this });
+        this.execCallback('setup', this);
+        this.$ = DomQuery.overrideDefaults(function () {
+          return {
+            context: _this.inline ? _this.getBody() : _this.getDoc(),
+            element: _this.getBody()
+          };
+        });
+      }
+      Editor.prototype.render = function () {
+        render(this);
+      };
+      Editor.prototype.focus = function (skipFocus) {
+        focus$1(this, skipFocus);
+      };
+      Editor.prototype.hasFocus = function () {
+        return hasFocus$1(this);
+      };
+      Editor.prototype.execCallback = function (name) {
+        var x = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+          x[_i - 1] = arguments[_i];
+        }
+        var self = this;
+        var callback = self.settings[name], scope;
+        if (!callback) {
+          return;
+        }
+        if (self.callbackLookup && (scope = self.callbackLookup[name])) {
+          callback = scope.func;
+          scope = scope.scope;
+        }
+        if (typeof callback === 'string') {
+          scope = callback.replace(/\.\w+$/, '');
+          scope = scope ? resolve$3(scope) : 0;
+          callback = resolve$3(callback);
+          self.callbackLookup = self.callbackLookup || {};
+          self.callbackLookup[name] = {
+            func: callback,
+            scope: scope
+          };
+        }
+        return callback.apply(scope || self, x);
+      };
+      Editor.prototype.translate = function (text) {
+        return I18n.translate(text);
+      };
+      Editor.prototype.getParam = function (name, defaultVal, type) {
+        return getParam(this, name, defaultVal, type);
+      };
+      Editor.prototype.hasPlugin = function (name, loaded) {
+        var hasPlugin = contains(getPlugins(this).split(/[ ,]/), name);
+        if (hasPlugin) {
+          return loaded ? PluginManager.get(name) !== undefined : true;
+        } else {
+          return false;
+        }
+      };
+      Editor.prototype.nodeChanged = function (args) {
+        this._nodeChangeDispatcher.nodeChanged(args);
+      };
+      Editor.prototype.addCommand = function (name, callback, scope) {
+        this.editorCommands.addCommand(name, callback, scope);
+      };
+      Editor.prototype.addQueryStateHandler = function (name, callback, scope) {
+        this.editorCommands.addQueryStateHandler(name, callback, scope);
+      };
+      Editor.prototype.addQueryValueHandler = function (name, callback, scope) {
+        this.editorCommands.addQueryValueHandler(name, callback, scope);
+      };
+      Editor.prototype.addShortcut = function (pattern, desc, cmdFunc, scope) {
+        this.shortcuts.add(pattern, desc, cmdFunc, scope);
+      };
+      Editor.prototype.execCommand = function (cmd, ui, value, args) {
+        return this.editorCommands.execCommand(cmd, ui, value, args);
+      };
+      Editor.prototype.queryCommandState = function (cmd) {
+        return this.editorCommands.queryCommandState(cmd);
+      };
+      Editor.prototype.queryCommandValue = function (cmd) {
+        return this.editorCommands.queryCommandValue(cmd);
+      };
+      Editor.prototype.queryCommandSupported = function (cmd) {
+        return this.editorCommands.queryCommandSupported(cmd);
+      };
+      Editor.prototype.show = function () {
+        var self = this;
+        if (self.hidden) {
+          self.hidden = false;
+          if (self.inline) {
+            self.getBody().contentEditable = 'true';
+          } else {
+            DOM$9.show(self.getContainer());
+            DOM$9.hide(self.id);
+          }
+          self.load();
+          self.fire('show');
+        }
+      };
+      Editor.prototype.hide = function () {
+        var self = this, doc = self.getDoc();
+        if (!self.hidden) {
+          if (ie$1 && doc && !self.inline) {
+            doc.execCommand('SelectAll');
+          }
+          self.save();
+          if (self.inline) {
+            self.getBody().contentEditable = 'false';
+            if (self === self.editorManager.focusedEditor) {
+              self.editorManager.focusedEditor = null;
+            }
+          } else {
+            DOM$9.hide(self.getContainer());
+            DOM$9.setStyle(self.id, 'display', self.orgDisplay);
+          }
+          self.hidden = true;
+          self.fire('hide');
+        }
+      };
+      Editor.prototype.isHidden = function () {
+        return !!this.hidden;
+      };
+      Editor.prototype.setProgressState = function (state, time) {
+        this.fire('ProgressState', {
+          state: state,
+          time: time
+        });
+      };
+      Editor.prototype.load = function (args) {
+        var self = this;
+        var elm = self.getElement(), html;
+        if (self.removed) {
+          return '';
+        }
+        if (elm) {
+          args = args || {};
+          args.load = true;
+          var value = isTextareaOrInput(elm) ? elm.value : elm.innerHTML;
+          html = self.setContent(value, args);
+          args.element = elm;
+          if (!args.no_events) {
+            self.fire('LoadContent', args);
+          }
+          args.element = elm = null;
+          return html;
+        }
+      };
+      Editor.prototype.save = function (args) {
+        var self = this;
+        var elm = self.getElement(), html, form;
+        if (!elm || !self.initialized || self.removed) {
+          return;
+        }
+        args = args || {};
+        args.save = true;
+        args.element = elm;
+        html = args.content = self.getContent(args);
+        if (!args.no_events) {
+          self.fire('SaveContent', args);
+        }
+        if (args.format === 'raw') {
+          self.fire('RawSaveContent', args);
+        }
+        html = args.content;
+        if (!isTextareaOrInput(elm)) {
+          if (args.is_removing || !self.inline) {
+            elm.innerHTML = html;
+          }
+          if (form = DOM$9.getParent(self.id, 'form')) {
+            each$i(form.elements, function (elm) {
+              if (elm.name === self.id) {
+                elm.value = html;
+                return false;
+              }
+            });
+          }
+        } else {
+          elm.value = html;
+        }
+        args.element = elm = null;
+        if (args.set_dirty !== false) {
+          self.setDirty(false);
+        }
+        return html;
+      };
+      Editor.prototype.setContent = function (content, args) {
+        return setContent$2(this, content, args);
+      };
+      Editor.prototype.getContent = function (args) {
+        return getContent$2(this, args);
+      };
+      Editor.prototype.insertContent = function (content, args) {
+        if (args) {
+          content = extend$3({ content: content }, args);
+        }
+        this.execCommand('mceInsertContent', false, content);
+      };
+      Editor.prototype.resetContent = function (initialContent) {
+        if (initialContent === undefined) {
+          setContent$2(this, this.startContent, { format: 'raw' });
+        } else {
+          setContent$2(this, initialContent);
+        }
+        this.undoManager.reset();
+        this.setDirty(false);
+        this.nodeChanged();
+      };
+      Editor.prototype.isDirty = function () {
+        return !this.isNotDirty;
+      };
+      Editor.prototype.setDirty = function (state) {
+        var oldState = !this.isNotDirty;
+        this.isNotDirty = !state;
+        if (state && state !== oldState) {
+          this.fire('dirty');
+        }
+      };
+      Editor.prototype.getContainer = function () {
+        var self = this;
+        if (!self.container) {
+          self.container = DOM$9.get(self.editorContainer || self.id + '_parent');
+        }
+        return self.container;
+      };
+      Editor.prototype.getContentAreaContainer = function () {
+        return this.contentAreaContainer;
+      };
+      Editor.prototype.getElement = function () {
+        if (!this.targetElm) {
+          this.targetElm = DOM$9.get(this.id);
+        }
+        return this.targetElm;
+      };
+      Editor.prototype.getWin = function () {
+        var self = this;
+        var elm;
+        if (!self.contentWindow) {
+          elm = self.iframeElement;
+          if (elm) {
+            self.contentWindow = elm.contentWindow;
+          }
+        }
+        return self.contentWindow;
+      };
+      Editor.prototype.getDoc = function () {
+        var self = this;
+        var win;
+        if (!self.contentDocument) {
+          win = self.getWin();
+          if (win) {
+            self.contentDocument = win.document;
+          }
+        }
+        return self.contentDocument;
+      };
+      Editor.prototype.getBody = function () {
+        var doc = this.getDoc();
+        return this.bodyElement || (doc ? doc.body : null);
+      };
+      Editor.prototype.convertURL = function (url, name, elm) {
+        var self = this, settings = self.settings;
+        if (settings.urlconverter_callback) {
+          return self.execCallback('urlconverter_callback', url, elm, true, name);
+        }
+        if (!settings.convert_urls || elm && elm.nodeName === 'LINK' || url.indexOf('file:') === 0 || url.length === 0) {
+          return url;
+        }
+        if (settings.relative_urls) {
+          return self.documentBaseURI.toRelative(url);
+        }
+        url = self.documentBaseURI.toAbsolute(url, settings.remove_script_host);
+        return url;
+      };
+      Editor.prototype.addVisual = function (elm) {
+        addVisual$1(this, elm);
+      };
+      Editor.prototype.remove = function () {
+        remove$7(this);
+      };
+      Editor.prototype.destroy = function (automatic) {
+        destroy(this, automatic);
+      };
+      Editor.prototype.uploadImages = function (callback) {
+        return this.editorUpload.uploadImages(callback);
+      };
+      Editor.prototype._scanForImages = function () {
+        return this.editorUpload.scanForImages();
+      };
+      Editor.prototype.addButton = function () {
+        throw new Error('editor.addButton has been removed in tinymce 5x, use editor.ui.registry.addButton or editor.ui.registry.addToggleButton or editor.ui.registry.addSplitButton instead');
+      };
+      Editor.prototype.addSidebar = function () {
+        throw new Error('editor.addSidebar has been removed in tinymce 5x, use editor.ui.registry.addSidebar instead');
+      };
+      Editor.prototype.addMenuItem = function () {
+        throw new Error('editor.addMenuItem has been removed in tinymce 5x, use editor.ui.registry.addMenuItem instead');
+      };
+      Editor.prototype.addContextToolbar = function () {
+        throw new Error('editor.addContextToolbar has been removed in tinymce 5x, use editor.ui.registry.addContextToolbar instead');
+      };
+      return Editor;
+    }();
+
+    var DOM$a = DOMUtils$1.DOM;
+    var explode$4 = Tools.explode, each$j = Tools.each, extend$4 = Tools.extend;
+    var instanceCounter = 0, boundGlobalEvents = false;
+    var beforeUnloadDelegate;
+    var legacyEditors = [];
+    var editors = [];
+    var isValidLegacyKey = function (id) {
+      return id !== 'length';
+    };
+    var globalEventDelegate = function (e) {
+      var type = e.type;
+      each$j(EditorManager.get(), function (editor) {
+        switch (type) {
+        case 'scroll':
+          editor.fire('ScrollWindow', e);
+          break;
+        case 'resize':
+          editor.fire('ResizeWindow', e);
+          break;
+        }
+      });
+    };
+    var toggleGlobalEvents = function (state) {
+      if (state !== boundGlobalEvents) {
+        if (state) {
+          DomQuery(window).on('resize scroll', globalEventDelegate);
+        } else {
+          DomQuery(window).off('resize scroll', globalEventDelegate);
+        }
+        boundGlobalEvents = state;
+      }
+    };
+    var removeEditorFromList = function (targetEditor) {
+      var oldEditors = editors;
+      delete legacyEditors[targetEditor.id];
+      for (var i = 0; i < legacyEditors.length; i++) {
+        if (legacyEditors[i] === targetEditor) {
+          legacyEditors.splice(i, 1);
+          break;
+        }
+      }
+      editors = filter(editors, function (editor) {
+        return targetEditor !== editor;
+      });
+      if (EditorManager.activeEditor === targetEditor) {
+        EditorManager.activeEditor = editors.length > 0 ? editors[0] : null;
+      }
+      if (EditorManager.focusedEditor === targetEditor) {
+        EditorManager.focusedEditor = null;
+      }
+      return oldEditors.length !== editors.length;
+    };
+    var purgeDestroyedEditor = function (editor) {
+      if (editor && editor.initialized && !(editor.getContainer() || editor.getBody()).parentNode) {
+        removeEditorFromList(editor);
+        editor.unbindAllNativeEvents();
+        editor.destroy(true);
+        editor.removed = true;
+        editor = null;
+      }
+      return editor;
+    };
+    var isQuirksMode = document.compatMode !== 'CSS1Compat';
+    var EditorManager = __assign(__assign({}, Observable), {
+      baseURI: null,
+      baseURL: null,
+      defaultSettings: {},
+      documentBaseURL: null,
+      suffix: null,
+      $: DomQuery,
+      majorVersion: '5',
+      minorVersion: '6.2',
+      releaseDate: '2020-12-08',
+      editors: legacyEditors,
+      i18n: I18n,
+      activeEditor: null,
+      focusedEditor: null,
+      settings: {},
+      setup: function () {
+        var self = this;
+        var baseURL, documentBaseURL, suffix = '';
+        documentBaseURL = URI.getDocumentBaseUrl(document.location);
+        if (/^[^:]+:\/\/\/?[^\/]+\//.test(documentBaseURL)) {
+          documentBaseURL = documentBaseURL.replace(/[\?#].*$/, '').replace(/[\/\\][^\/]+$/, '');
+          if (!/[\/\\]$/.test(documentBaseURL)) {
+            documentBaseURL += '/';
+          }
+        }
+        var preInit = window.tinymce || window.tinyMCEPreInit;
+        if (preInit) {
+          baseURL = preInit.base || preInit.baseURL;
+          suffix = preInit.suffix;
+        } else {
+          var scripts = document.getElementsByTagName('script');
+          for (var i = 0; i < scripts.length; i++) {
+            var src = scripts[i].src || '';
+            if (src === '') {
+              continue;
+            }
+            var srcScript = src.substring(src.lastIndexOf('/'));
+            if (/tinymce(\.full|\.jquery|)(\.min|\.dev|)\.js/.test(src)) {
+              if (srcScript.indexOf('.min') !== -1) {
+                suffix = '.min';
+              }
+              baseURL = src.substring(0, src.lastIndexOf('/'));
+              break;
+            }
+          }
+          if (!baseURL && document.currentScript) {
+            var src = document.currentScript.src;
+            if (src.indexOf('.min') !== -1) {
+              suffix = '.min';
+            }
+            baseURL = src.substring(0, src.lastIndexOf('/'));
+          }
+        }
+        self.baseURL = new URI(documentBaseURL).toAbsolute(baseURL);
+        self.documentBaseURL = documentBaseURL;
+        self.baseURI = new URI(self.baseURL);
+        self.suffix = suffix;
+        setup$2(self);
+      },
+      overrideDefaults: function (defaultSettings) {
+        var baseUrl = defaultSettings.base_url;
+        if (baseUrl) {
+          this._setBaseUrl(baseUrl);
+        }
+        var suffix = defaultSettings.suffix;
+        if (defaultSettings.suffix) {
+          this.suffix = suffix;
+        }
+        this.defaultSettings = defaultSettings;
+        var pluginBaseUrls = defaultSettings.plugin_base_urls;
+        if (pluginBaseUrls !== undefined) {
+          each$1(pluginBaseUrls, function (pluginBaseUrl, pluginName) {
+            AddOnManager$1.PluginManager.urls[pluginName] = pluginBaseUrl;
+          });
+        }
+      },
+      init: function (settings) {
+        var self = this;
+        var result;
+        var invalidInlineTargets = Tools.makeMap('area base basefont br col frame hr img input isindex link meta param embed source wbr track ' + 'colgroup option table tbody tfoot thead tr th td script noscript style textarea video audio iframe object menu', ' ');
+        var isInvalidInlineTarget = function (settings, elm) {
+          return settings.inline && elm.tagName.toLowerCase() in invalidInlineTargets;
+        };
+        var createId = function (elm) {
+          var id = elm.id;
+          if (!id) {
+            id = get$1(elm, 'name').filter(function (name) {
+              return !DOM$a.get(name);
+            }).getOrThunk(DOM$a.uniqueId);
+            elm.setAttribute('id', id);
+          }
+          return id;
+        };
+        var execCallback = function (name) {
+          var callback = settings[name];
+          if (!callback) {
+            return;
+          }
+          return callback.apply(self, Array.prototype.slice.call(arguments, 2));
+        };
+        var hasClass = function (elm, className) {
+          return className.constructor === RegExp ? className.test(elm.className) : DOM$a.hasClass(elm, className);
+        };
+        var findTargets = function (settings) {
+          var targets = [];
+          if (Env.browser.isIE() && Env.browser.version.major < 11) {
+            initError('TinyMCE does not support the browser you are using. For a list of supported' + ' browsers please see: https://www.tinymce.com/docs/get-started/system-requirements/');
+            return [];
+          } else if (isQuirksMode) {
+            initError('Failed to initialize the editor as the document is not in standards modal. ' + 'TinyMCE requires standards modal.');
+            return [];
+          }
+          if (settings.types) {
+            each$j(settings.types, function (type) {
+              targets = targets.concat(DOM$a.select(type.selector));
+            });
+            return targets;
+          } else if (settings.selector) {
+            return DOM$a.select(settings.selector);
+          } else if (settings.target) {
+            return [settings.target];
+          }
+          switch (settings.mode) {
+          case 'exact':
+            var l = settings.elements || '';
+            if (l.length > 0) {
+              each$j(explode$4(l), function (id) {
+                var elm = DOM$a.get(id);
+                if (elm) {
+                  targets.push(elm);
+                } else {
+                  each$j(document.forms, function (f) {
+                    each$j(f.elements, function (e) {
+                      if (e.name === id) {
+                        id = 'mce_editor_' + instanceCounter++;
+                        DOM$a.setAttrib(e, 'id', id);
+                        targets.push(e);
+                      }
+                    });
+                  });
+                }
+              });
+            }
+            break;
+          case 'textareas':
+          case 'specific_textareas':
+            each$j(DOM$a.select('textarea'), function (elm) {
+              if (settings.editor_deselector && hasClass(elm, settings.editor_deselector)) {
+                return;
+              }
+              if (!settings.editor_selector || hasClass(elm, settings.editor_selector)) {
+                targets.push(elm);
+              }
+            });
+            break;
+          }
+          return targets;
+        };
+        var provideResults = function (editors) {
+          result = editors;
+        };
+        var initEditors = function () {
+          var initCount = 0;
+          var editors = [];
+          var targets;
+          var createEditor = function (id, settings, targetElm) {
+            var editor = new Editor(id, settings, self);
+            editors.push(editor);
+            editor.on('init', function () {
+              if (++initCount === targets.length) {
+                provideResults(editors);
+              }
+            });
+            editor.targetElm = editor.targetElm || targetElm;
+            editor.render();
+          };
+          DOM$a.unbind(window, 'ready', initEditors);
+          execCallback('onpageload');
+          targets = DomQuery.unique(findTargets(settings));
+          if (settings.types) {
+            each$j(settings.types, function (type) {
+              Tools.each(targets, function (elm) {
+                if (DOM$a.is(elm, type.selector)) {
+                  createEditor(createId(elm), extend$4({}, settings, type), elm);
+                  return false;
+                }
+                return true;
+              });
+            });
+            return;
+          }
+          Tools.each(targets, function (elm) {
+            purgeDestroyedEditor(self.get(elm.id));
+          });
+          targets = Tools.grep(targets, function (elm) {
+            return !self.get(elm.id);
+          });
+          if (targets.length === 0) {
+            provideResults([]);
+          } else {
+            each$j(targets, function (elm) {
+              if (isInvalidInlineTarget(settings, elm)) {
+                initError('Could not initialize inline editor on invalid inline target element', elm);
+              } else {
+                createEditor(createId(elm), settings, elm);
+              }
+            });
+          }
+        };
+        self.settings = settings;
+        DOM$a.bind(window, 'ready', initEditors);
+        return new promiseObj(function (resolve) {
+          if (result) {
+            resolve(result);
+          } else {
+            provideResults = function (editors) {
+              resolve(editors);
+            };
+          }
+        });
+      },
+      get: function (id) {
+        if (arguments.length === 0) {
+          return editors.slice(0);
+        } else if (isString(id)) {
+          return find(editors, function (editor) {
+            return editor.id === id;
+          }).getOr(null);
+        } else if (isNumber(id)) {
+          return editors[id] ? editors[id] : null;
+        } else {
+          return null;
+        }
+      },
+      add: function (editor) {
+        var self = this;
+        var existingEditor = legacyEditors[editor.id];
+        if (existingEditor === editor) {
+          return editor;
+        }
+        if (self.get(editor.id) === null) {
+          if (isValidLegacyKey(editor.id)) {
+            legacyEditors[editor.id] = editor;
+          }
+          legacyEditors.push(editor);
+          editors.push(editor);
+        }
+        toggleGlobalEvents(true);
+        self.activeEditor = editor;
+        self.fire('AddEditor', { editor: editor });
+        if (!beforeUnloadDelegate) {
+          beforeUnloadDelegate = function (e) {
+            var event = self.fire('BeforeUnload');
+            if (event.returnValue) {
+              e.preventDefault();
+              e.returnValue = event.returnValue;
+              return event.returnValue;
+            }
+          };
+          window.addEventListener('beforeunload', beforeUnloadDelegate);
+        }
+        return editor;
+      },
+      createEditor: function (id, settings) {
+        return this.add(new Editor(id, settings, this));
+      },
+      remove: function (selector) {
+        var self = this;
+        var i, editor;
+        if (!selector) {
+          for (i = editors.length - 1; i >= 0; i--) {
+            self.remove(editors[i]);
+          }
+          return;
+        }
+        if (isString(selector)) {
+          each$j(DOM$a.select(selector), function (elm) {
+            editor = self.get(elm.id);
+            if (editor) {
+              self.remove(editor);
+            }
+          });
+          return;
+        }
+        editor = selector;
+        if (isNull(self.get(editor.id))) {
+          return null;
+        }
+        if (removeEditorFromList(editor)) {
+          self.fire('RemoveEditor', { editor: editor });
+        }
+        if (editors.length === 0) {
+          window.removeEventListener('beforeunload', beforeUnloadDelegate);
+        }
+        editor.remove();
+        toggleGlobalEvents(editors.length > 0);
+        return editor;
+      },
+      execCommand: function (cmd, ui, value) {
+        var self = this, editor = self.get(value);
+        switch (cmd) {
+        case 'mceAddEditor':
+          if (!self.get(value)) {
+            new Editor(value, self.settings, self).render();
+          }
+          return true;
+        case 'mceRemoveEditor':
+          if (editor) {
+            editor.remove();
+          }
+          return true;
+        case 'mceToggleEditor':
+          if (!editor) {
+            self.execCommand('mceAddEditor', 0, value);
+            return true;
+          }
+          if (editor.isHidden()) {
+            editor.show();
+          } else {
+            editor.hide();
+          }
+          return true;
+        }
+        if (self.activeEditor) {
+          return self.activeEditor.execCommand(cmd, ui, value);
+        }
+        return false;
+      },
+      triggerSave: function () {
+        each$j(editors, function (editor) {
+          editor.save();
+        });
+      },
+      addI18n: function (code, items) {
+        I18n.add(code, items);
+      },
+      translate: function (text) {
+        return I18n.translate(text);
+      },
+      setActive: function (editor) {
+        var activeEditor = this.activeEditor;
+        if (this.activeEditor !== editor) {
+          if (activeEditor) {
+            activeEditor.fire('deactivate', { relatedTarget: editor });
+          }
+          editor.fire('activate', { relatedTarget: activeEditor });
+        }
+        this.activeEditor = editor;
+      },
+      _setBaseUrl: function (baseUrl) {
+        this.baseURL = new URI(this.documentBaseURL).toAbsolute(baseUrl.replace(/\/+$/, ''));
+        this.baseURI = new URI(this.baseURL);
+      }
+    });
+    EditorManager.setup();
+
+    var min = Math.min, max = Math.max, round$1 = Math.round;
+    var relativePosition = function (rect, targetRect, rel) {
+      var x = targetRect.x;
+      var y = targetRect.y;
+      var w = rect.w;
+      var h = rect.h;
+      var targetW = targetRect.w;
+      var targetH = targetRect.h;
+      var relChars = (rel || '').split('');
+      if (relChars[0] === 'b') {
+        y += targetH;
+      }
+      if (relChars[1] === 'r') {
+        x += targetW;
+      }
+      if (relChars[0] === 'c') {
+        y += round$1(targetH / 2);
+      }
+      if (relChars[1] === 'c') {
+        x += round$1(targetW / 2);
+      }
+      if (relChars[3] === 'b') {
+        y -= h;
+      }
+      if (relChars[4] === 'r') {
+        x -= w;
+      }
+      if (relChars[3] === 'c') {
+        y -= round$1(h / 2);
+      }
+      if (relChars[4] === 'c') {
+        x -= round$1(w / 2);
+      }
+      return create$7(x, y, w, h);
+    };
+    var findBestRelativePosition = function (rect, targetRect, constrainRect, rels) {
+      var pos, i;
+      for (i = 0; i < rels.length; i++) {
+        pos = relativePosition(rect, targetRect, rels[i]);
+        if (pos.x >= constrainRect.x && pos.x + pos.w <= constrainRect.w + constrainRect.x && pos.y >= constrainRect.y && pos.y + pos.h <= constrainRect.h + constrainRect.y) {
+          return rels[i];
+        }
+      }
+      return null;
+    };
+    var inflate = function (rect, w, h) {
+      return create$7(rect.x - w, rect.y - h, rect.w + w * 2, rect.h + h * 2);
+    };
+    var intersect = function (rect, cropRect) {
+      var x1 = max(rect.x, cropRect.x);
+      var y1 = max(rect.y, cropRect.y);
+      var x2 = min(rect.x + rect.w, cropRect.x + cropRect.w);
+      var y2 = min(rect.y + rect.h, cropRect.y + cropRect.h);
+      if (x2 - x1 < 0 || y2 - y1 < 0) {
+        return null;
+      }
+      return create$7(x1, y1, x2 - x1, y2 - y1);
+    };
+    var clamp$1 = function (rect, clampRect, fixedSize) {
+      var x1 = rect.x;
+      var y1 = rect.y;
+      var x2 = rect.x + rect.w;
+      var y2 = rect.y + rect.h;
+      var cx2 = clampRect.x + clampRect.w;
+      var cy2 = clampRect.y + clampRect.h;
+      var underflowX1 = max(0, clampRect.x - x1);
+      var underflowY1 = max(0, clampRect.y - y1);
+      var overflowX2 = max(0, x2 - cx2);
+      var overflowY2 = max(0, y2 - cy2);
+      x1 += underflowX1;
+      y1 += underflowY1;
+      if (fixedSize) {
+        x2 += underflowX1;
+        y2 += underflowY1;
+        x1 -= overflowX2;
+        y1 -= overflowY2;
+      }
+      x2 -= overflowX2;
+      y2 -= overflowY2;
+      return create$7(x1, y1, x2 - x1, y2 - y1);
+    };
+    var create$7 = function (x, y, w, h) {
+      return {
+        x: x,
+        y: y,
+        w: w,
+        h: h
+      };
+    };
+    var fromClientRect = function (clientRect) {
+      return create$7(clientRect.left, clientRect.top, clientRect.width, clientRect.height);
+    };
+    var Rect = {
+      inflate: inflate,
+      relativePosition: relativePosition,
+      findBestRelativePosition: findBestRelativePosition,
+      intersect: intersect,
+      clamp: clamp$1,
+      create: create$7,
+      fromClientRect: fromClientRect
+    };
+
+    var awaiter = function (resolveCb, rejectCb, timeout) {
+      if (timeout === void 0) {
+        timeout = 1000;
+      }
+      var done = false;
+      var timer = null;
+      var complete = function (completer) {
+        return function () {
+          var args = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+          }
+          if (!done) {
+            done = true;
+            if (timer !== null) {
+              clearTimeout(timer);
+              timer = null;
+            }
+            completer.apply(null, args);
+          }
+        };
+      };
+      var resolve = complete(resolveCb);
+      var reject = complete(rejectCb);
+      var start = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        if (!done && timer === null) {
+          timer = setTimeout(function () {
+            return reject.apply(null, args);
+          }, timeout);
+        }
+      };
+      return {
+        start: start,
+        resolve: resolve,
+        reject: reject
+      };
+    };
+    var create$8 = function () {
+      var tasks = {};
+      var resultFns = {};
+      var load = function (id, url) {
+        var loadErrMsg = 'Script at URL "' + url + '" failed to load';
+        var runErrMsg = 'Script at URL "' + url + '" did not call `tinymce.Resource.add(\'' + id + '\', data)` within 1 second';
+        if (tasks[id] !== undefined) {
+          return tasks[id];
+        } else {
+          var task = new promiseObj(function (resolve, reject) {
+            var waiter = awaiter(resolve, reject);
+            resultFns[id] = waiter.resolve;
+            ScriptLoader.ScriptLoader.loadScript(url, function () {
+              return waiter.start(runErrMsg);
+            }, function () {
+              return waiter.reject(loadErrMsg);
+            });
+          });
+          tasks[id] = task;
+          return task;
+        }
+      };
+      var add = function (id, data) {
+        if (resultFns[id] !== undefined) {
+          resultFns[id](data);
+          delete resultFns[id];
+        }
+        tasks[id] = promiseObj.resolve(data);
+      };
+      return {
+        load: load,
+        add: add
+      };
+    };
+    var Resource = create$8();
+
+    var each$k = Tools.each, extend$5 = Tools.extend;
+    var extendClass, initializing;
+    var Class = function () {
+    };
+    Class.extend = extendClass = function (props) {
+      var self = this;
+      var _super = self.prototype;
+      var Class = function () {
+        var i, mixins, mixin;
+        var self = this;
+        if (!initializing) {
+          if (self.init) {
+            self.init.apply(self, arguments);
+          }
+          mixins = self.Mixins;
+          if (mixins) {
+            i = mixins.length;
+            while (i--) {
+              mixin = mixins[i];
+              if (mixin.init) {
+                mixin.init.apply(self, arguments);
+              }
+            }
+          }
+        }
+      };
+      var dummy = function () {
+        return this;
+      };
+      var createMethod = function (name, fn) {
+        return function () {
+          var self = this;
+          var tmp = self._super;
+          self._super = _super[name];
+          var ret = fn.apply(self, arguments);
+          self._super = tmp;
+          return ret;
+        };
+      };
+      initializing = true;
+      var prototype = new self();
+      initializing = false;
+      if (props.Mixins) {
+        each$k(props.Mixins, function (mixin) {
+          for (var name_1 in mixin) {
+            if (name_1 !== 'init') {
+              props[name_1] = mixin[name_1];
+            }
+          }
+        });
+        if (_super.Mixins) {
+          props.Mixins = _super.Mixins.concat(props.Mixins);
+        }
+      }
+      if (props.Methods) {
+        each$k(props.Methods.split(','), function (name) {
+          props[name] = dummy;
+        });
+      }
+      if (props.Properties) {
+        each$k(props.Properties.split(','), function (name) {
+          var fieldName = '_' + name;
+          props[name] = function (value) {
+            var self = this;
+            if (value !== undefined) {
+              self[fieldName] = value;
+              return self;
+            }
+            return self[fieldName];
+          };
+        });
+      }
+      if (props.Statics) {
+        each$k(props.Statics, function (func, name) {
+          Class[name] = func;
+        });
+      }
+      if (props.Defaults && _super.Defaults) {
+        props.Defaults = extend$5({}, _super.Defaults, props.Defaults);
+      }
+      each$1(props, function (member, name) {
+        if (typeof member === 'function' && _super[name]) {
+          prototype[name] = createMethod(name, member);
+        } else {
+          prototype[name] = member;
+        }
+      });
+      Class.prototype = prototype;
+      Class.constructor = Class;
+      Class.extend = extendClass;
+      return Class;
+    };
+
+    var min$1 = Math.min, max$1 = Math.max, round$2 = Math.round;
+    var Color = function (value) {
+      var self = {};
+      var r = 0, g = 0, b = 0;
+      var rgb2hsv = function (r, g, b) {
+        var h, s, v;
+        h = 0;
+        s = 0;
+        v = 0;
+        r = r / 255;
+        g = g / 255;
+        b = b / 255;
+        var minRGB = min$1(r, min$1(g, b));
+        var maxRGB = max$1(r, max$1(g, b));
+        if (minRGB === maxRGB) {
+          v = minRGB;
+          return {
+            h: 0,
+            s: 0,
+            v: v * 100
+          };
+        }
+        var d = r === minRGB ? g - b : b === minRGB ? r - g : b - r;
+        h = r === minRGB ? 3 : b === minRGB ? 1 : 5;
+        h = 60 * (h - d / (maxRGB - minRGB));
+        s = (maxRGB - minRGB) / maxRGB;
+        v = maxRGB;
+        return {
+          h: round$2(h),
+          s: round$2(s * 100),
+          v: round$2(v * 100)
+        };
+      };
+      var hsvToRgb = function (hue, saturation, brightness) {
+        hue = (parseInt(hue, 10) || 0) % 360;
+        saturation = parseInt(saturation, 10) / 100;
+        brightness = parseInt(brightness, 10) / 100;
+        saturation = max$1(0, min$1(saturation, 1));
+        brightness = max$1(0, min$1(brightness, 1));
+        if (saturation === 0) {
+          r = g = b = round$2(255 * brightness);
+          return;
+        }
+        var side = hue / 60;
+        var chroma = brightness * saturation;
+        var x = chroma * (1 - Math.abs(side % 2 - 1));
+        var match = brightness - chroma;
+        switch (Math.floor(side)) {
+        case 0:
+          r = chroma;
+          g = x;
+          b = 0;
+          break;
+        case 1:
+          r = x;
+          g = chroma;
+          b = 0;
+          break;
+        case 2:
+          r = 0;
+          g = chroma;
+          b = x;
+          break;
+        case 3:
+          r = 0;
+          g = x;
+          b = chroma;
+          break;
+        case 4:
+          r = x;
+          g = 0;
+          b = chroma;
+          break;
+        case 5:
+          r = chroma;
+          g = 0;
+          b = x;
+          break;
+        default:
+          r = g = b = 0;
+        }
+        r = round$2(255 * (r + match));
+        g = round$2(255 * (g + match));
+        b = round$2(255 * (b + match));
+      };
+      var toHex = function () {
+        var hex = function (val) {
+          val = parseInt(val, 10).toString(16);
+          return val.length > 1 ? val : '0' + val;
+        };
+        return '#' + hex(r) + hex(g) + hex(b);
+      };
+      var toRgb = function () {
+        return {
+          r: r,
+          g: g,
+          b: b
+        };
+      };
+      var toHsv = function () {
+        return rgb2hsv(r, g, b);
+      };
+      var parse = function (value) {
+        var matches;
+        if (typeof value === 'object') {
+          if ('r' in value) {
+            r = value.r;
+            g = value.g;
+            b = value.b;
+          } else if ('v' in value) {
+            hsvToRgb(value.h, value.s, value.v);
+          }
+        } else {
+          if (matches = /rgb\s*\(\s*([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)[^\)]*\)/gi.exec(value)) {
+            r = parseInt(matches[1], 10);
+            g = parseInt(matches[2], 10);
+            b = parseInt(matches[3], 10);
+          } else if (matches = /#([0-F]{2})([0-F]{2})([0-F]{2})/gi.exec(value)) {
+            r = parseInt(matches[1], 16);
+            g = parseInt(matches[2], 16);
+            b = parseInt(matches[3], 16);
+          } else if (matches = /#([0-F])([0-F])([0-F])/gi.exec(value)) {
+            r = parseInt(matches[1] + matches[1], 16);
+            g = parseInt(matches[2] + matches[2], 16);
+            b = parseInt(matches[3] + matches[3], 16);
+          }
+        }
+        r = r < 0 ? 0 : r > 255 ? 255 : r;
+        g = g < 0 ? 0 : g > 255 ? 255 : g;
+        b = b < 0 ? 0 : b > 255 ? 255 : b;
+        return self;
+      };
+      if (value) {
+        parse(value);
+      }
+      self.toRgb = toRgb;
+      self.toHsv = toHsv;
+      self.toHex = toHex;
+      self.parse = parse;
+      return self;
+    };
+
+    var serialize = function (obj) {
+      var data = JSON.stringify(obj);
+      if (!isString(data)) {
+        return data;
+      }
+      return data.replace(/[\u0080-\uFFFF]/g, function (match) {
+        var hexCode = match.charCodeAt(0).toString(16);
+        return '\\u' + '0000'.substring(hexCode.length) + hexCode;
+      });
+    };
+    var JSONUtils = {
+      serialize: serialize,
+      parse: function (text) {
+        try {
+          return JSON.parse(text);
+        } catch (ex) {
+        }
+      }
+    };
+
+    var JSONP = {
+      callbacks: {},
+      count: 0,
+      send: function (settings) {
+        var self = this, dom = DOMUtils$1.DOM, count = settings.count !== undefined ? settings.count : self.count;
+        var id = 'tinymce_jsonp_' + count;
+        self.callbacks[count] = function (json) {
+          dom.remove(id);
+          delete self.callbacks[count];
+          settings.callback(json);
+        };
+        dom.add(dom.doc.body, 'script', {
+          id: id,
+          src: settings.url,
+          type: 'text/javascript'
+        });
+        self.count++;
+      }
+    };
+
+    var XHR = __assign(__assign({}, Observable), {
+      send: function (settings) {
+        var xhr, count = 0;
+        var ready = function () {
+          if (!settings.async || xhr.readyState === 4 || count++ > 10000) {
+            if (settings.success && count < 10000 && xhr.status === 200) {
+              settings.success.call(settings.success_scope, '' + xhr.responseText, xhr, settings);
+            } else if (settings.error) {
+              settings.error.call(settings.error_scope, count > 10000 ? 'TIMED_OUT' : 'GENERAL', xhr, settings);
+            }
+            xhr = null;
+          } else {
+            Delay.setTimeout(ready, 10);
+          }
+        };
+        settings.scope = settings.scope || this;
+        settings.success_scope = settings.success_scope || settings.scope;
+        settings.error_scope = settings.error_scope || settings.scope;
+        settings.async = settings.async !== false;
+        settings.data = settings.data || '';
+        XHR.fire('beforeInitialize', { settings: settings });
+        xhr = new XMLHttpRequest();
+        if (xhr.overrideMimeType) {
+          xhr.overrideMimeType(settings.content_type);
+        }
+        xhr.open(settings.type || (settings.data ? 'POST' : 'GET'), settings.url, settings.async);
+        if (settings.crossDomain) {
+          xhr.withCredentials = true;
+        }
+        if (settings.content_type) {
+          xhr.setRequestHeader('Content-Type', settings.content_type);
+        }
+        if (settings.requestheaders) {
+          Tools.each(settings.requestheaders, function (header) {
+            xhr.setRequestHeader(header.key, header.value);
+          });
+        }
+        xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+        xhr = XHR.fire('beforeSend', {
+          xhr: xhr,
+          settings: settings
+        }).xhr;
+        xhr.send(settings.data);
+        if (!settings.async) {
+          return ready();
+        }
+        Delay.setTimeout(ready, 10);
+      }
+    });
+
+    var extend$6 = Tools.extend;
+    var JSONRequest = function () {
+      function JSONRequest(settings) {
+        this.settings = extend$6({}, settings);
+        this.count = 0;
+      }
+      JSONRequest.sendRPC = function (o) {
+        return new JSONRequest().send(o);
+      };
+      JSONRequest.prototype.send = function (args) {
+        var ecb = args.error, scb = args.success;
+        var xhrArgs = extend$6(this.settings, args);
+        xhrArgs.success = function (c, x) {
+          c = JSONUtils.parse(c);
+          if (typeof c === 'undefined') {
+            c = { error: 'JSON Parse error.' };
+          }
+          if (c.error) {
+            ecb.call(xhrArgs.error_scope || xhrArgs.scope, c.error, x);
+          } else {
+            scb.call(xhrArgs.success_scope || xhrArgs.scope, c.result);
+          }
+        };
+        xhrArgs.error = function (ty, x) {
+          if (ecb) {
+            ecb.call(xhrArgs.error_scope || xhrArgs.scope, ty, x);
+          }
+        };
+        xhrArgs.data = JSONUtils.serialize({
+          id: args.id || 'c' + this.count++,
+          method: args.method,
+          params: args.params
+        });
+        xhrArgs.content_type = 'application/json';
+        XHR.send(xhrArgs);
+      };
+      return JSONRequest;
+    }();
+
+    var create$9 = function () {
+      return function () {
+        var data = {};
+        var keys = [];
+        var storage = {
+          getItem: function (key) {
+            var item = data[key];
+            return item ? item : null;
+          },
+          setItem: function (key, value) {
+            keys.push(key);
+            data[key] = String(value);
+          },
+          key: function (index) {
+            return keys[index];
+          },
+          removeItem: function (key) {
+            keys = keys.filter(function (k) {
+              return k === key;
+            });
+            delete data[key];
+          },
+          clear: function () {
+            keys = [];
+            data = {};
+          },
+          length: 0
+        };
+        Object.defineProperty(storage, 'length', {
+          get: function () {
+            return keys.length;
+          },
+          configurable: false,
+          enumerable: false
+        });
+        return storage;
+      }();
+    };
+
+    var localStorage;
+    try {
+      var test = '__storage_test__';
+      localStorage = window.localStorage;
+      localStorage.setItem(test, test);
+      localStorage.removeItem(test);
+    } catch (e) {
+      localStorage = create$9();
+    }
+    var LocalStorage = localStorage;
+
+    var publicApi = {
+      geom: { Rect: Rect },
+      util: {
+        Promise: promiseObj,
+        Delay: Delay,
+        Tools: Tools,
+        VK: VK,
+        URI: URI,
+        Class: Class,
+        EventDispatcher: EventDispatcher,
+        Observable: Observable,
+        I18n: I18n,
+        XHR: XHR,
+        JSON: JSONUtils,
+        JSONRequest: JSONRequest,
+        JSONP: JSONP,
+        LocalStorage: LocalStorage,
+        Color: Color
+      },
+      dom: {
+        EventUtils: EventUtils,
+        Sizzle: Sizzle,
+        DomQuery: DomQuery,
+        TreeWalker: DomTreeWalker,
+        TextSeeker: TextSeeker,
+        DOMUtils: DOMUtils$1,
+        ScriptLoader: ScriptLoader,
+        RangeUtils: RangeUtils$1,
+        Serializer: DomSerializer,
+        StyleSheetLoader: StyleSheetLoader,
+        ControlSelection: ControlSelection,
+        BookmarkManager: BookmarkManager$1,
+        Selection: EditorSelection,
+        Event: EventUtils.Event
+      },
+      html: {
+        Styles: Styles,
+        Entities: Entities,
+        Node: AstNode,
+        Schema: Schema,
+        SaxParser: SaxParser$1,
+        DomParser: DomParser,
+        Writer: Writer,
+        Serializer: HtmlSerializer
+      },
+      Env: Env,
+      AddOnManager: AddOnManager$1,
+      Annotator: Annotator,
+      Formatter: Formatter,
+      UndoManager: UndoManager,
+      EditorCommands: EditorCommands,
+      WindowManager: WindowManager,
+      NotificationManager: NotificationManager,
+      EditorObservable: EditorObservable,
+      Shortcuts: Shortcuts,
+      Editor: Editor,
+      FocusManager: FocusManager,
+      EditorManager: EditorManager,
+      DOM: DOMUtils$1.DOM,
+      ScriptLoader: ScriptLoader.ScriptLoader,
+      PluginManager: PluginManager,
+      ThemeManager: ThemeManager,
+      IconManager: IconManager,
+      Resource: Resource,
+      trim: Tools.trim,
+      isArray: Tools.isArray,
+      is: Tools.is,
+      toArray: Tools.toArray,
+      makeMap: Tools.makeMap,
+      each: Tools.each,
+      map: Tools.map,
+      grep: Tools.grep,
+      inArray: Tools.inArray,
+      extend: Tools.extend,
+      create: Tools.create,
+      walk: Tools.walk,
+      createNS: Tools.createNS,
+      resolve: Tools.resolve,
+      explode: Tools.explode,
+      _addCacheSuffix: Tools._addCacheSuffix,
+      isOpera: Env.opera,
+      isWebKit: Env.webkit,
+      isIE: Env.ie,
+      isGecko: Env.gecko,
+      isMac: Env.mac
+    };
+    var tinymce = Tools.extend(EditorManager, publicApi);
+
+    var exportToModuleLoaders = function (tinymce) {
+      if (typeof module === 'object') {
+        try {
+          module.exports = tinymce;
+        } catch (_) {
+        }
+      }
+    };
+    var exportToWindowGlobal = function (tinymce) {
+      window.tinymce = tinymce;
+      window.tinyMCE = tinymce;
+    };
+    exportToWindowGlobal(tinymce);
+    exportToModuleLoaders(tinymce);
+
+}());
diff --git a/src/assets/tinymce/tinymce.min.js b/src/assets/tinymce/tinymce.min.js
new file mode 100644
index 00000000..4ef2de8b
--- /dev/null
+++ b/src/assets/tinymce/tinymce.min.js
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) Tiny Technologies, Inc. All rights reserved.
+ * Licensed under the LGPL or a commercial license.
+ * For LGPL see License.txt in the project root for license information.
+ * For commercial licenses see https://www.tiny.cloud/
+ *
+ * Version: 5.6.2 (2020-12-08)
+ */
+!function(){"use strict";var r=function(e){if(null===e)return"null";if(e===undefined)return"undefined";var t=typeof e;return"object"==t&&(Array.prototype.isPrototypeOf(e)||e.constructor&&"Array"===e.constructor.name)?"array":"object"==t&&(String.prototype.isPrototypeOf(e)||e.constructor&&"String"===e.constructor.name)?"string":t},t=function(e){return{eq:e}},s=t(function(e,t){return e===t}),i=function(o){return t(function(e,t){if(e.length!==t.length)return!1;for(var n=e.length,r=0;r<n;r++)if(!o.eq(e[r],t[r]))return!1;return!0})},c=function(e,r){return n=i(e),o=function(e){return t=e,n=r,Array.prototype.slice.call(t).sort(n);var t,n},t(function(e,t){return n.eq(o(e),o(t))});var n,o},u=function(u){return t(function(e,t){var n=Object.keys(e),r=Object.keys(t);if(!c(s).eq(n,r))return!1;for(var o=n.length,i=0;i<o;i++){var a=n[i];if(!u.eq(e[a],t[a]))return!1}return!0})},l=t(function(e,t){if(e===t)return!0;var n=r(e);return n===r(t)&&(-1!==["undefined","boolean","number","string","function","xml","null"].indexOf(n)?e===t:"array"===n?i(l).eq(e,t):"object"===n&&u(l).eq(e,t))}),V=function(){},a=function(n,r){return function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return n(r.apply(null,e))}},E=function(e){return function(){return e}},o=function(e){return e};function N(r){for(var o=[],e=1;e<arguments.length;e++)o[e-1]=arguments[e];return function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var n=o.concat(e);return r.apply(null,n)}}var e,n,f,d=function(t){return function(e){return!t(e)}},m=function(e){return function(){throw new Error(e)}},b=function(e){e()},C=E(!1),k=E(!0),p=function(){return g},g=(e=function(e){return e.isNone()},{fold:function(e,t){return e()},is:C,isSome:C,isNone:k,getOr:f=function(e){return e},getOrThunk:n=function(e){return e()},getOrDie:function(e){throw new Error(e||"error: getOrDie called on none.")},getOrNull:E(null),getOrUndefined:E(undefined),or:f,orThunk:n,map:p,each:V,bind:p,exists:C,forall:k,filter:p,equals:e,equals_:e,toArray:function(){return[]},toString:E("none()")}),h=function(n){var e=E(n),t=function(){return o},r=function(e){return e(n)},o={fold:function(e,t){return t(n)},is:function(e){return n===e},isSome:k,isNone:C,getOr:e,getOrThunk:e,getOrDie:e,getOrNull:e,getOrUndefined:e,or:t,orThunk:t,map:function(e){return h(e(n))},each:function(e){e(n)},bind:r,exists:r,forall:r,filter:function(e){return e(n)?o:g},toArray:function(){return[n]},toString:function(){return"some("+n+")"},equals:function(e){return e.is(n)},equals_:function(e,t){return e.fold(C,function(e){return t(n,e)})}};return o},U={some:h,none:p,from:function(e){return null===e||e===undefined?g:h(e)}},v=function(r){return function(e){return n=typeof(t=e),(null===t?"null":"object"==n&&(Array.prototype.isPrototypeOf(t)||t.constructor&&"Array"===t.constructor.name)?"array":"object"==n&&(String.prototype.isPrototypeOf(t)||t.constructor&&"String"===t.constructor.name)?"string":n)===r;var t,n}},y=function(t){return function(e){return typeof e===t}},w=function(t){return function(e){return t===e}},q=v("string"),_=v("object"),S=v("array"),x=w(null),A=y("boolean"),R=w(undefined),$=function(e){return null===e||e===undefined},D=function(e){return!$(e)},T=y("function"),O=y("number"),B=Array.prototype.slice,P=Array.prototype.indexOf,L=Array.prototype.push,I=function(e,t){return P.call(e,t)},M=function(e,t){return-1<I(e,t)},F=function(e,t){for(var n=0,r=e.length;n<r;n++){if(t(e[n],n))return!0}return!1},z=function(e,t){for(var n=e.length,r=new Array(n),o=0;o<n;o++){var i=e[o];r[o]=t(i,o)}return r},W=function(e,t){for(var n=0,r=e.length;n<r;n++){t(e[n],n)}},j=function(e,t){for(var n=e.length-1;0<=n;n--){t(e[n],n)}},H=function(e,t){for(var n=[],r=0,o=e.length;r<o;r++){var i=e[r];t(i,r)&&n.push(i)}return n},K=function(e,t,n){return j(e,function(e){n=t(n,e)}),n},X=function(e,t,n){return W(e,function(e){n=t(n,e)}),n},Y=function(e,t){return function(e,t,n){for(var r=0,o=e.length;r<o;r++){var i=e[r];if(t(i,r))return U.some(i);if(n(i,r))break}return U.none()}(e,t,C)},G=function(e,t){for(var n=0,r=e.length;n<r;n++){if(t(e[n],n))return U.some(n)}return U.none()},J=function(e,t){return function(e){for(var t=[],n=0,r=e.length;n<r;++n){if(!S(e[n]))throw new Error("Arr.flatten item "+n+" was not an array, input: "+e);L.apply(t,e[n])}return t}(z(e,t))},Q=function(e,t){for(var n=0,r=e.length;n<r;++n){if(!0!==t(e[n],n))return!1}return!0},Z=function(e){var t=B.call(e,0);return t.reverse(),t},ee=function(e,t){return H(e,function(e){return!M(t,e)})},te=function(e,t){return 0<=t&&t<e.length?U.some(e[t]):U.none()},ne=function(e){return te(e,0)},re=function(e){return te(e,e.length-1)},oe=T(Array.from)?Array.from:function(e){return B.call(e)},ie=Object.keys,ae=Object.hasOwnProperty,ue=function(e,t){for(var n=ie(e),r=0,o=n.length;r<o;r++){var i=n[r];t(e[i],i)}},se=function(e,n){return ce(e,function(e,t){return{k:t,v:n(e,t)}})},ce=function(e,r){var o={};return ue(e,function(e,t){var n=r(e,t);o[n.k]=n.v}),o},le=function(n){return function(e,t){n[t]=e}},fe=function(e,n,r,o){return ue(e,function(e,t){(n(e,t)?r:o)(e,t)}),{}},de=function(e,t){var n={},r={};return fe(e,t,le(n),le(r)),{t:n,f:r}},me=function(e,t){var n={};return fe(e,t,le(n),V),n},pe=function(e){return n=function(e){return e},r=[],ue(e,function(e,t){r.push(n(e,t))}),r;var n,r},ge=function(e,t){return he(e,t)?U.from(e[t]):U.none()},he=function(e,t){return ae.call(e,t)},ve=function(e,t){return he(e,t)&&e[t]!==undefined&&null!==e[t]},ye=Array.isArray,be=function(e,t,n){var r,o;if(!e)return!1;if(n=n||e,e.length!==undefined){for(r=0,o=e.length;r<o;r++)if(!1===t.call(n,e[r],r,e))return!1}else for(r in e)if(e.hasOwnProperty(r)&&!1===t.call(n,e[r],r,e))return!1;return!0},Ce=function(n,r){var o=[];return be(n,function(e,t){o.push(r(e,t,n))}),o},we=function(n,r){var o=[];return be(n,function(e,t){r&&!r(e,t,n)||o.push(e)}),o},xe=function(e,t){if(e)for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},Se=function(e,t,n,r){for(var o=R(n)?e[0]:n,i=0;i<e.length;i++)o=t.call(r,o,e[i],i);return o},Ne=function(e,t,n){for(var r=0,o=e.length;r<o;r++)if(t.call(n,e[r],r,e))return r;return-1},Ee=function(e){return e[e.length-1]},ke=function(){return(ke=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function _e(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var r=Array(e),o=0,t=0;t<n;t++)for(var i=arguments[t],a=0,u=i.length;a<u;a++,o++)r[o]=i[a];return r}var Ae,Re,Te,De,Oe,Be,Pe,Le=function(e,t){var n=function(e,t){for(var n=0;n<e.length;n++){var r=e[n];if(r.test(t))return r}return undefined}(e,t);if(!n)return{major:0,minor:0};var r=function(e){return Number(t.replace(n,"$"+e))};return Me(r(1),r(2))},Ie=function(){return Me(0,0)},Me=function(e,t){return{major:e,minor:t}},Fe={nu:Me,detect:function(e,t){var n=String(t).toLowerCase();return 0===e.length?Ie():Le(e,n)},unknown:Ie},Ue=function(e,t){var n=String(t).toLowerCase();return Y(e,function(e){return e.search(n)})},ze=function(e,n){return Ue(e,n).map(function(e){var t=Fe.detect(e.versionRegexes,n);return{current:e.name,version:t}})},je=function(e,n){return Ue(e,n).map(function(e){var t=Fe.detect(e.versionRegexes,n);return{current:e.name,version:t}})},He=function(e,t){return-1!==e.indexOf(t)},Ve=function(e,t){return n=e,o=0,""===(r=t)||n.length>=r.length&&n.substr(o,o+r.length)===r;var n,r,o},qe=function(t){return function(e){return e.replace(t,"")}},$e=qe(/^\s+|\s+$/g),We=qe(/^\s+/g),Ke=qe(/\s+$/g),Xe=/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,Ye=function(t){return function(e){return He(e,t)}},Ge=[{name:"Edge",versionRegexes:[/.*?edge\/ ?([0-9]+)\.([0-9]+)$/],search:function(e){return He(e,"edge/")&&He(e,"chrome")&&He(e,"safari")&&He(e,"applewebkit")}},{name:"Chrome",versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/,Xe],search:function(e){return He(e,"chrome")&&!He(e,"chromeframe")}},{name:"IE",versionRegexes:[/.*?msie\ ?([0-9]+)\.([0-9]+).*/,/.*?rv:([0-9]+)\.([0-9]+).*/],search:function(e){return He(e,"msie")||He(e,"trident")}},{name:"Opera",versionRegexes:[Xe,/.*?opera\/([0-9]+)\.([0-9]+).*/],search:Ye("opera")},{name:"Firefox",versionRegexes:[/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/],search:Ye("firefox")},{name:"Safari",versionRegexes:[Xe,/.*?cpu os ([0-9]+)_([0-9]+).*/],search:function(e){return(He(e,"safari")||He(e,"mobile/"))&&He(e,"applewebkit")}}],Je=[{name:"Windows",search:Ye("win"),versionRegexes:[/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/]},{name:"iOS",search:function(e){return He(e,"iphone")||He(e,"ipad")},versionRegexes:[/.*?version\/\ ?([0-9]+)\.([0-9]+).*/,/.*cpu os ([0-9]+)_([0-9]+).*/,/.*cpu iphone os ([0-9]+)_([0-9]+).*/]},{name:"Android",search:Ye("android"),versionRegexes:[/.*?android\ ?([0-9]+)\.([0-9]+).*/]},{name:"OSX",search:Ye("mac os x"),versionRegexes:[/.*?mac\ os\ x\ ?([0-9]+)_([0-9]+).*/]},{name:"Linux",search:Ye("linux"),versionRegexes:[]},{name:"Solaris",search:Ye("sunos"),versionRegexes:[]},{name:"FreeBSD",search:Ye("freebsd"),versionRegexes:[]},{name:"ChromeOS",search:Ye("cros"),versionRegexes:[/.*?chrome\/([0-9]+)\.([0-9]+).*/]}],Qe={browsers:E(Ge),oses:E(Je)},Ze="Firefox",et=function(e){var t=e.current,n=e.version,r=function(e){return function(){return t===e}};return{current:t,version:n,isEdge:r("Edge"),isChrome:r("Chrome"),isIE:r("IE"),isOpera:r("Opera"),isFirefox:r(Ze),isSafari:r("Safari")}},tt={unknown:function(){return et({current:undefined,version:Fe.unknown()})},nu:et,edge:E("Edge"),chrome:E("Chrome"),ie:E("IE"),opera:E("Opera"),firefox:E(Ze),safari:E("Safari")},nt="Windows",rt="Android",ot="Solaris",it="FreeBSD",at="ChromeOS",ut=function(e){var t=e.current,n=e.version,r=function(e){return function(){return t===e}};return{current:t,version:n,isWindows:r(nt),isiOS:r("iOS"),isAndroid:r(rt),isOSX:r("OSX"),isLinux:r("Linux"),isSolaris:r(ot),isFreeBSD:r(it),isChromeOS:r(at)}},st={unknown:function(){return ut({current:undefined,version:Fe.unknown()})},nu:ut,windows:E(nt),ios:E("iOS"),android:E(rt),linux:E("Linux"),osx:E("OSX"),solaris:E(ot),freebsd:E(it),chromeos:E(at)},ct=function(e,t){var n,r,o,i,a,u,s,c,l,f,d,m,p=Qe.browsers(),g=Qe.oses(),h=ze(p,e).fold(tt.unknown,tt.nu),v=je(g,e).fold(st.unknown,st.nu);return{browser:h,os:v,deviceType:(r=h,o=e,i=t,a=(n=v).isiOS()&&!0===/ipad/i.test(o),u=n.isiOS()&&!a,s=n.isiOS()||n.isAndroid(),c=s||i("(pointer:coarse)"),l=a||!u&&s&&i("(min-device-width:768px)"),f=u||s&&!l,d=r.isSafari()&&n.isiOS()&&!1===/safari/i.test(o),m=!f&&!l&&!d,{isiPad:E(a),isiPhone:E(u),isTablet:E(l),isPhone:E(f),isTouch:E(c),isAndroid:n.isAndroid,isiOS:n.isiOS,isWebView:E(d),isDesktop:E(m)})}},lt=function(e){return window.matchMedia(e).matches},ft=(Te=!(Ae=function(){return ct(navigator.userAgent,lt)}),function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return Te||(Te=!0,Re=Ae.apply(null,e)),Re}),dt=function(){return ft()},mt=navigator.userAgent,pt=dt(),gt=pt.browser,ht=pt.os,vt=pt.deviceType,yt=/WebKit/.test(mt)&&!gt.isEdge(),bt="FormData"in window&&"FileReader"in window&&"URL"in window&&!!URL.createObjectURL,Ct=-1!==mt.indexOf("Windows Phone"),wt={opera:gt.isOpera(),webkit:yt,ie:!(!gt.isIE()&&!gt.isEdge())&&gt.version.major,gecko:gt.isFirefox(),mac:ht.isOSX()||ht.isiOS(),iOS:vt.isiPad()||vt.isiPhone(),android:ht.isAndroid(),contentEditable:!0,transparentSrc:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",caretAfter:!0,range:window.getSelection&&"Range"in window,documentMode:gt.isIE()?document.documentMode||7:10,fileApi:bt,ceFalse:!0,cacheSuffix:null,container:null,experimentalShadowDom:!1,canHaveCSP:!gt.isIE(),desktop:vt.isDesktop(),windowsPhone:Ct,browser:{current:gt.current,version:gt.version,isChrome:gt.isChrome,isEdge:gt.isEdge,isFirefox:gt.isFirefox,isIE:gt.isIE,isOpera:gt.isOpera,isSafari:gt.isSafari},os:{current:ht.current,version:ht.version,isAndroid:ht.isAndroid,isChromeOS:ht.isChromeOS,isFreeBSD:ht.isFreeBSD,isiOS:ht.isiOS,isLinux:ht.isLinux,isOSX:ht.isOSX,isSolaris:ht.isSolaris,isWindows:ht.isWindows},deviceType:{isDesktop:vt.isDesktop,isiPad:vt.isiPad,isiPhone:vt.isiPhone,isPhone:vt.isPhone,isTablet:vt.isTablet,isTouch:vt.isTouch,isWebView:vt.isWebView}},xt=/^\s*|\s*$/g,St=function(e){return null===e||e===undefined?"":(""+e).replace(xt,"")},Nt=function(e,t){return t?!("array"!==t||!ye(e))||typeof e===t:e!==undefined},Et=function(e,n,r,o){o=o||this,e&&(r&&(e=e[r]),be(e,function(e,t){return!1!==n.call(o,e,t,r)&&void Et(e,n,r,o)}))},kt={trim:St,isArray:ye,is:Nt,toArray:function(e){if(ye(e))return e;for(var t=[],n=0,r=e.length;n<r;n++)t[n]=e[n];return t},makeMap:function(e,t,n){var r;for(t=t||",","string"==typeof(e=e||[])&&(e=e.split(t)),n=n||{},r=e.length;r--;)n[e[r]]={};return n},each:be,map:Ce,grep:we,inArray:xe,hasOwn:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},extend:function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=0;r<t.length;r++){var o,i=t[r];for(var a in i){!i.hasOwnProperty(a)||(o=i[a])!==undefined&&(e[a]=o)}}return e},create:function(e,t,n){var r,o,i,a=this,u=0,s=(e=/^((static) )?([\w.]+)(:([\w.]+))?/.exec(e))[3].match(/(^|\.)(\w+)$/i)[2],c=a.createNS(e[3].replace(/\.\w+$/,""),n);if(!c[s]){if("static"===e[2])return c[s]=t,void(this.onCreate&&this.onCreate(e[2],e[3],c[s]));t[s]||(t[s]=function(){},u=1),c[s]=t[s],a.extend(c[s].prototype,t),e[5]&&(r=a.resolve(e[5]).prototype,o=e[5].match(/\.(\w+)$/i)[1],i=c[s],c[s]=u?function(){return r[o].apply(this,arguments)}:function(){return this.parent=r[o],i.apply(this,arguments)},c[s].prototype[s]=c[s],a.each(r,function(e,t){c[s].prototype[t]=r[t]}),a.each(t,function(e,t){r[t]?c[s].prototype[t]=function(){return this.parent=r[t],e.apply(this,arguments)}:t!==s&&(c[s].prototype[t]=e)})),a.each(t["static"],function(e,t){c[s][t]=e})}},walk:Et,createNS:function(e,t){var n,r;for(t=t||window,e=e.split("."),n=0;n<e.length;n++)t[r=e[n]]||(t[r]={}),t=t[r];return t},resolve:function(e,t){var n,r;for(t=t||window,n=0,r=(e=e.split(".")).length;n<r&&(t=t[e[n]]);n++);return t},explode:function(e,t){return!e||Nt(e,"array")?e:Ce(e.split(t||","),St)},_addCacheSuffix:function(e){var t=wt.cacheSuffix;return t&&(e+=(-1===e.indexOf("?")?"?":"&")+t),e}},_t=function(e){if(null===e||e===undefined)throw new Error("Node cannot be null or undefined");return{dom:e}},At={fromHtml:function(e,t){var n=(t||document).createElement("div");if(n.innerHTML=e,!n.hasChildNodes()||1<n.childNodes.length)throw console.error("HTML does not have a single root node",e),new Error("HTML must have a single root node");return _t(n.childNodes[0])},fromTag:function(e,t){var n=(t||document).createElement(e);return _t(n)},fromText:function(e,t){var n=(t||document).createTextNode(e);return _t(n)},fromDom:_t,fromPoint:function(e,t,n){return U.from(e.dom.elementFromPoint(t,n)).map(_t)}},Rt=function(e,t){for(var n=[],r=function(e){return n.push(e),t(e)},o=t(e);(o=o.bind(r)).isSome(););return n},Tt=function(e,t){var n=e.dom;if(1!==n.nodeType)return!1;var r=n;if(r.matches!==undefined)return r.matches(t);if(r.msMatchesSelector!==undefined)return r.msMatchesSelector(t);if(r.webkitMatchesSelector!==undefined)return r.webkitMatchesSelector(t);if(r.mozMatchesSelector!==undefined)return r.mozMatchesSelector(t);throw new Error("Browser lacks native selectors")},Dt=function(e){return 1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType||0===e.childElementCount},Ot=function(e,t){return e.dom===t.dom},Bt=function(e,t){return n=e.dom,r=t.dom,o=n,i=r,a=Node.DOCUMENT_POSITION_CONTAINED_BY,0!=(o.compareDocumentPosition(i)&a);var n,r,o,i,a},Pt=function(e,t){return dt().browser.isIE()?Bt(e,t):(n=t,r=e.dom,o=n.dom,r!==o&&r.contains(o));var n,r,o},Lt=("undefined"!=typeof window||Function("return this;")(),function(e){return e.dom.nodeName.toLowerCase()}),It=function(e){return e.dom.nodeType},Mt=function(t){return function(e){return It(e)===t}},Ft=Mt(1),Ut=Mt(3),zt=Mt(9),jt=Mt(11),Ht=function(e){return At.fromDom(e.dom.ownerDocument)},Vt=function(e){return zt(e)?e:Ht(e)},qt=function(e){return At.fromDom(Vt(e).dom.defaultView)},$t=function(e){return U.from(e.dom.parentNode).map(At.fromDom)},Wt=function(e){return U.from(e.dom.previousSibling).map(At.fromDom)},Kt=function(e){return U.from(e.dom.nextSibling).map(At.fromDom)},Xt=function(e){return Z(Rt(e,Wt))},Yt=function(e){return Rt(e,Kt)},Gt=function(e){return z(e.dom.childNodes,At.fromDom)},Jt=function(e,t){var n=e.dom.childNodes;return U.from(n[t]).map(At.fromDom)},Qt=function(e){return Jt(e,0)},Zt=function(e){return Jt(e,e.dom.childNodes.length-1)},en=function(e){return jt(e)},tn=T(Element.prototype.attachShadow)&&T(Node.prototype.getRootNode),nn=E(tn),rn=tn?function(e){return At.fromDom(e.dom.getRootNode())}:Vt,on=function(e){return en(e)?e:function(e){var t=e.dom.head;if(null===t||t===undefined)throw new Error("Head is not available yet");return At.fromDom(t)}(Vt(e))},an=function(e){return At.fromDom(e.dom.host)},un=function(e){return D(e.dom.shadowRoot)},sn=function(t,n){$t(t).each(function(e){e.dom.insertBefore(n.dom,t.dom)})},cn=function(e,t){Kt(e).fold(function(){$t(e).each(function(e){fn(e,t)})},function(e){sn(e,t)})},ln=function(t,n){Qt(t).fold(function(){fn(t,n)},function(e){t.dom.insertBefore(n.dom,e.dom)})},fn=function(e,t){e.dom.appendChild(t.dom)},dn=function(t,e){W(e,function(e){fn(t,e)})},mn=function(e){e.dom.textContent="",W(Gt(e),function(e){pn(e)})},pn=function(e){var t=e.dom;null!==t.parentNode&&t.parentNode.removeChild(t)},gn=function(e){var t,n=Gt(e);0<n.length&&(t=e,W(n,function(e){sn(t,e)})),pn(e)},hn=function(e){var t=Ut(e)?e.dom.parentNode:e.dom;if(t===undefined||null===t||null===t.ownerDocument)return!1;var n,r,o,i,a=t.ownerDocument;return o=At.fromDom(t),i=rn(o),(en(i)?U.some(i):U.none()).fold(function(){return a.body.contains(t)},(n=hn,r=an,function(e){return n(r(e))}))},vn=function(n,r){return{left:n,top:r,translate:function(e,t){return vn(n+e,r+t)}}},yn=vn,bn=function(e,t){return e!==undefined?e:t!==undefined?t:0},Cn=function(e){var t,n=e.dom,r=n.ownerDocument.body;return r===n?yn(r.offsetLeft,r.offsetTop):hn(e)?(t=n.getBoundingClientRect(),yn(t.left,t.top)):yn(0,0)},wn=function(e){var t=e!==undefined?e.dom:document,n=t.body.scrollLeft||t.documentElement.scrollLeft,r=t.body.scrollTop||t.documentElement.scrollTop;return yn(n,r)},xn=function(e,t,n){var r=(n!==undefined?n.dom:document).defaultView;r&&r.scrollTo(e,t)},Sn=function(e,t){dt().browser.isSafari()&&T(e.dom.scrollIntoViewIfNeeded)?e.dom.scrollIntoViewIfNeeded(!1):e.dom.scrollIntoView(t)},Nn=function(e,t,n,r){return{x:e,y:t,width:n,height:r,right:e+n,bottom:t+r}},En=function(e){var t,n,r=e===undefined?window:e,o=r.document,i=wn(At.fromDom(o));return n=(t=r)===undefined?window:t,U.from(n.visualViewport).fold(function(){var e=r.document.documentElement,t=e.clientWidth,n=e.clientHeight;return Nn(i.left,i.top,t,n)},function(e){return Nn(Math.max(e.pageLeft,i.left),Math.max(e.pageTop,i.top),e.width,e.height)})},kn=function(t){return function(e){return!!e&&e.nodeType===t}},_n=function(e){return!!e&&!Object.getPrototypeOf(e)},An=kn(1),Rn=function(e){var n=e.map(function(e){return e.toLowerCase()});return function(e){if(e&&e.nodeName){var t=e.nodeName.toLowerCase();return M(n,t)}return!1}},Tn=function(r,e){var o=e.toLowerCase().split(" ");return function(e){var t;if(An(e))for(t=0;t<o.length;t++){var n=e.ownerDocument.defaultView.getComputedStyle(e,null);if((n?n.getPropertyValue(r):null)===o[t])return!0}return!1}},Dn=function(t){return function(e){return An(e)&&e.hasAttribute(t)}},On=function(e){return An(e)&&e.hasAttribute("data-mce-bogus")},Bn=function(e){return An(e)&&"TABLE"===e.tagName},Pn=function(t){return function(e){if(An(e)){if(e.contentEditable===t)return!0;if(e.getAttribute("data-mce-contenteditable")===t)return!0}return!1}},Ln=Rn(["textarea","input"]),In=kn(3),Mn=kn(8),Fn=kn(9),Un=kn(11),zn=Rn(["br"]),jn=Rn(["img"]),Hn=Pn("true"),Vn=Pn("false"),qn=Rn(["td","th"]),$n=Rn(["video","audio","object","embed"]),Wn=function(e){return e.style!==undefined&&T(e.style.getPropertyValue)},Kn=function(e,t,n){if(!(q(n)||A(n)||O(n)))throw console.error("Invalid call to Attribute.set. Key ",t,":: Value ",n,":: Element ",e),new Error("Attribute value was not simple");e.setAttribute(t,n+"")},Xn=function(e,t,n){Kn(e.dom,t,n)},Yn=function(e,t){var n=e.dom;ue(t,function(e,t){Kn(n,t,e)})},Gn=function(e,t){var n=e.dom.getAttribute(t);return null===n?undefined:n},Jn=function(e,t){return U.from(Gn(e,t))},Qn=function(e,t){e.dom.removeAttribute(t)},Zn=function(e,t){var n=e.dom;ue(t,function(e,t){!function(e,t,n){if(!q(n))throw console.error("Invalid call to CSS.set. Property ",t,":: Value ",n,":: Element ",e),new Error("CSS value must be a string: "+n);Wn(e)&&e.style.setProperty(t,n)}(n,t,e)})},er=function(e,t){var n=e.dom,r=window.getComputedStyle(n).getPropertyValue(t);return""!==r||hn(e)?r:tr(n,t)},tr=function(e,t){return Wn(e)?e.style.getPropertyValue(t):""},nr=function(e,t){var n=e.dom,r=tr(n,t);return U.from(r).filter(function(e){return 0<e.length})},rr=function(e){var t={},n=e.dom;if(Wn(n))for(var r=0;r<n.style.length;r++){var o=n.style.item(r);t[o]=n.style[o]}return t},or=dt().browser,ir=function(e){return Y(e,Ft)},ar=function(e,t){return e.children&&M(e.children,t)},ur=function(e,t,n){var r,o,i,a=0,u=0,s=e.ownerDocument;if(n=n||e,t){if(n===e&&t.getBoundingClientRect&&"static"===er(At.fromDom(e),"position"))return{x:a=(o=t.getBoundingClientRect()).left+(s.documentElement.scrollLeft||e.scrollLeft)-s.documentElement.clientLeft,y:u=o.top+(s.documentElement.scrollTop||e.scrollTop)-s.documentElement.clientTop};for(r=t;r&&r!==n&&r.nodeType&&!ar(r,n);)a+=r.offsetLeft||0,u+=r.offsetTop||0,r=r.offsetParent;for(r=t.parentNode;r&&r!==n&&r.nodeType&&!ar(r,n);)a-=r.scrollLeft||0,u-=r.scrollTop||0,r=r.parentNode;u+=(i=At.fromDom(t),or.isFirefox()&&"table"===Lt(i)?ir(Gt(i)).filter(function(e){return"caption"===Lt(e)}).bind(function(o){return ir(Yt(o)).map(function(e){var t=e.dom.offsetTop,n=o.dom.offsetTop,r=o.dom.offsetHeight;return t<=n?-r:0})}).getOr(0):0)}return{x:a,y:u}},sr={},cr={exports:sr};De=undefined,Oe=sr,Be=cr,Pe=undefined,function(e){"object"==typeof Oe&&void 0!==Be?Be.exports=e():"function"==typeof De&&De.amd?De([],e):("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this).EphoxContactWrapper=e()}(function(){return function l(i,a,u){function s(t,e){if(!a[t]){if(!i[t]){var n="function"==typeof Pe&&Pe;if(!e&&n)return n(t,!0);if(c)return c(t,!0);var r=new Error("Cannot find module '"+t+"'");throw r.code="MODULE_NOT_FOUND",r}var o=a[t]={exports:{}};i[t][0].call(o.exports,function(e){return s(i[t][1][e]||e)},o,o.exports,l,i,a,u)}return a[t].exports}for(var c="function"==typeof Pe&&Pe,e=0;e<u.length;e++)s(u[e]);return s}({1:[function(e,t,n){var r,o,i=t.exports={};function a(){throw new Error("setTimeout has not been defined")}function u(){throw new Error("clearTimeout has not been defined")}function s(e){if(r===setTimeout)return setTimeout(e,0);if((r===a||!r)&&setTimeout)return r=setTimeout,setTimeout(e,0);try{return r(e,0)}catch(t){try{return r.call(null,e,0)}catch(t){return r.call(this,e,0)}}}!function(){try{r="function"==typeof setTimeout?setTimeout:a}catch(e){r=a}try{o="function"==typeof clearTimeout?clearTimeout:u}catch(e){o=u}}();var c,l=[],f=!1,d=-1;function m(){f&&c&&(f=!1,c.length?l=c.concat(l):d=-1,l.length&&p())}function p(){if(!f){var e=s(m);f=!0;for(var t=l.length;t;){for(c=l,l=[];++d<t;)c&&c[d].run();d=-1,t=l.length}c=null,f=!1,function(e){if(o===clearTimeout)return clearTimeout(e);if((o===u||!o)&&clearTimeout)return o=clearTimeout,clearTimeout(e);try{o(e)}catch(t){try{return o.call(null,e)}catch(t){return o.call(this,e)}}}(e)}}function g(e,t){this.fun=e,this.array=t}function h(){}i.nextTick=function(e){var t=new Array(arguments.length-1);if(1<arguments.length)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];l.push(new g(e,t)),1!==l.length||f||s(p)},g.prototype.run=function(){this.fun.apply(null,this.array)},i.title="browser",i.browser=!0,i.env={},i.argv=[],i.version="",i.versions={},i.on=h,i.addListener=h,i.once=h,i.off=h,i.removeListener=h,i.removeAllListeners=h,i.emit=h,i.prependListener=h,i.prependOnceListener=h,i.listeners=function(e){return[]},i.binding=function(e){throw new Error("process.binding is not supported")},i.cwd=function(){return"/"},i.chdir=function(e){throw new Error("process.chdir is not supported")},i.umask=function(){return 0}},{}],2:[function(e,f,t){(function(t){function r(){}function a(e){if("object"!=typeof this)throw new TypeError("Promises must be constructed via new");if("function"!=typeof e)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=undefined,this._deferreds=[],l(e,this)}function o(r,o){for(;3===r._state;)r=r._value;0!==r._state?(r._handled=!0,a._immediateFn(function(){var e,t=1===r._state?o.onFulfilled:o.onRejected;if(null!==t){try{e=t(r._value)}catch(n){return void u(o.promise,n)}i(o.promise,e)}else(1===r._state?i:u)(o.promise,r._value)})):r._deferreds.push(o)}function i(e,t){try{if(t===e)throw new TypeError("A promise cannot be resolved with itself.");if(t&&("object"==typeof t||"function"==typeof t)){var n=t.then;if(t instanceof a)return e._state=3,e._value=t,void s(e);if("function"==typeof n)return void l((r=n,o=t,function(){r.apply(o,arguments)}),e)}e._state=1,e._value=t,s(e)}catch(i){u(e,i)}var r,o}function u(e,t){e._state=2,e._value=t,s(e)}function s(e){2===e._state&&0===e._deferreds.length&&a._immediateFn(function(){e._handled||a._unhandledRejectionFn(e._value)});for(var t=0,n=e._deferreds.length;t<n;t++)o(e,e._deferreds[t]);e._deferreds=null}function c(e,t,n){this.onFulfilled="function"==typeof e?e:null,this.onRejected="function"==typeof t?t:null,this.promise=n}function l(e,t){var n=!1;try{e(function(e){n||(n=!0,i(t,e))},function(e){n||(n=!0,u(t,e))})}catch(r){if(n)return;n=!0,u(t,r)}}var e,n;e=this,n=setTimeout,a.prototype["catch"]=function(e){return this.then(null,e)},a.prototype.then=function(e,t){var n=new this.constructor(r);return o(this,new c(e,t,n)),n},a.all=function(e){var s=Array.prototype.slice.call(e);return new a(function(o,i){if(0===s.length)return o([]);var a=s.length;for(var e=0;e<s.length;e++)!function u(t,e){try{if(e&&("object"==typeof e||"function"==typeof e)){var n=e.then;if("function"==typeof n)return void n.call(e,function(e){u(t,e)},i)}s[t]=e,0==--a&&o(s)}catch(r){i(r)}}(e,s[e])})},a.resolve=function(t){return t&&"object"==typeof t&&t.constructor===a?t:new a(function(e){e(t)})},a.reject=function(n){return new a(function(e,t){t(n)})},a.race=function(o){return new a(function(e,t){for(var n=0,r=o.length;n<r;n++)o[n].then(e,t)})},a._immediateFn="function"==typeof t?function(e){t(e)}:function(e){n(e,0)},a._unhandledRejectionFn=function(e){"undefined"!=typeof console&&console&&console.warn("Possible Unhandled Promise Rejection:",e)},a._setImmediateFn=function(e){a._immediateFn=e},a._setUnhandledRejectionFn=function(e){a._unhandledRejectionFn=e},void 0!==f&&f.exports?f.exports=a:e.Promise||(e.Promise=a)}).call(this,e("timers").setImmediate)},{timers:3}],3:[function(s,e,c){(function(e,t){var r=s("process/browser.js").nextTick,n=Function.prototype.apply,o=Array.prototype.slice,i={},a=0;function u(e,t){this._id=e,this._clearFn=t}c.setTimeout=function(){return new u(n.call(setTimeout,window,arguments),clearTimeout)},c.setInterval=function(){return new u(n.call(setInterval,window,arguments),clearInterval)},c.clearTimeout=c.clearInterval=function(e){e.close()},u.prototype.unref=u.prototype.ref=function(){},u.prototype.close=function(){this._clearFn.call(window,this._id)},c.enroll=function(e,t){clearTimeout(e._idleTimeoutId),e._idleTimeout=t},c.unenroll=function(e){clearTimeout(e._idleTimeoutId),e._idleTimeout=-1},c._unrefActive=c.active=function(e){clearTimeout(e._idleTimeoutId);var t=e._idleTimeout;0<=t&&(e._idleTimeoutId=setTimeout(function(){e._onTimeout&&e._onTimeout()},t))},c.setImmediate="function"==typeof e?e:function(e){var t=a++,n=!(arguments.length<2)&&o.call(arguments,1);return i[t]=!0,r(function(){i[t]&&(n?e.apply(null,n):e.call(null),c.clearImmediate(t))}),t},c.clearImmediate="function"==typeof t?t:function(e){delete i[e]}}).call(this,s("timers").setImmediate,s("timers").clearImmediate)},{"process/browser.js":1,timers:3}],4:[function(e,t,n){var r=e("promise-polyfill"),o="undefined"!=typeof window?window:Function("return this;")();t.exports={boltExport:o.Promise||r}},{"promise-polyfill":2}]},{},[4])(4)});var lr=cr.exports.boltExport,fr=function(e){var n=U.none(),t=[],r=function(e){o()?a(e):t.push(e)},o=function(){return n.isSome()},i=function(e){W(e,a)},a=function(t){n.each(function(e){setTimeout(function(){t(e)},0)})};return e(function(e){o()||(n=U.some(e),i(t),t=[])}),{get:r,map:function(n){return fr(function(t){r(function(e){t(n(e))})})},isReady:o}},dr={nu:fr,pure:function(t){return fr(function(e){e(t)})}},mr=function(e){setTimeout(function(){throw e},0)},pr=function(n){var e=function(e){n().then(e,mr)};return{map:function(e){return pr(function(){return n().then(e)})},bind:function(t){return pr(function(){return n().then(function(e){return t(e).toPromise()})})},anonBind:function(e){return pr(function(){return n().then(function(){return e.toPromise()})})},toLazy:function(){return dr.nu(e)},toCached:function(){var e=null;return pr(function(){return null===e&&(e=n()),e})},toPromise:n,get:e}},gr=function(e){return pr(function(){return new lr(e)})},hr=function(a,e){return e(function(r){var o=[],i=0;0===a.length?r([]):W(a,function(e,t){var n;e.get((n=t,function(e){o[n]=e,++i>=a.length&&r(o)}))})})},vr=function(n){return{is:function(e){return n===e},isValue:k,isError:C,getOr:E(n),getOrThunk:E(n),getOrDie:E(n),or:function(e){return vr(n)},orThunk:function(e){return vr(n)},fold:function(e,t){return t(n)},map:function(e){return vr(e(n))},mapError:function(e){return vr(n)},each:function(e){e(n)},bind:function(e){return e(n)},exists:function(e){return e(n)},forall:function(e){return e(n)},toOptional:function(){return U.some(n)}}},yr=function(n){return{is:C,isValue:C,isError:k,getOr:o,getOrThunk:function(e){return e()},getOrDie:function(){return m(String(n))()},or:function(e){return e},orThunk:function(e){return e()},fold:function(e,t){return e(n)},map:function(e){return yr(n)},mapError:function(e){return yr(e(n))},each:V,bind:function(e){return yr(n)},exists:C,forall:k,toOptional:U.none}},br={value:vr,error:yr,fromOption:function(e,t){return e.fold(function(){return yr(t)},vr)}},Cr=function(a){if(!S(a))throw new Error("cases must be an array");if(0===a.length)throw new Error("there must be at least one case");var u=[],n={};return W(a,function(e,r){var t=ie(e);if(1!==t.length)throw new Error("one and only one name per case");var o=t[0],i=e[o];if(n[o]!==undefined)throw new Error("duplicate key detected:"+o);if("cata"===o)throw new Error("cannot have a case named cata (sorry)");if(!S(i))throw new Error("case arguments must be an array");u.push(o),n[o]=function(){var e=arguments.length;if(e!==i.length)throw new Error("Wrong number of arguments to case "+o+". Expected "+i.length+" ("+i+"), got "+e);for(var n=new Array(e),t=0;t<n.length;t++)n[t]=arguments[t];return{fold:function(){if(arguments.length!==a.length)throw new Error("Wrong number of arguments to fold. Expected "+a.length+", got "+arguments.length);return arguments[r].apply(null,n)},match:function(e){var t=ie(e);if(u.length!==t.length)throw new Error("Wrong number of arguments to match. Expected: "+u.join(",")+"\nActual: "+t.join(","));if(!Q(u,function(e){return M(t,e)}))throw new Error("Not all branches were specified when using match. Specified: "+t.join(", ")+"\nRequired: "+u.join(", "));return e[o].apply(null,n)},log:function(e){console.log(e,{constructors:u,constructor:o,params:n})}}}}),n},wr=(Cr([{bothErrors:["error1","error2"]},{firstError:["error1","value2"]},{secondError:["value1","error2"]},{bothValues:["value1","value2"]}]),function(e){return e.fold(o,o)});function xr(e,t,n,r,o){return e(n,r)?U.some(n):T(o)&&o(n)?U.none():t(n,r,o)}var Sr,Nr,Er,kr,_r=function(e,t,n){for(var r=e.dom,o=T(n)?n:C;r.parentNode;){r=r.parentNode;var i=At.fromDom(r);if(t(i))return U.some(i);if(o(i))break}return U.none()},Ar=function(e,t,n){return xr(function(e,t){return t(e)},_r,e,t,n)},Rr=function(e,t){return Y(e.dom.childNodes,function(e){return t(At.fromDom(e))}).map(At.fromDom)},Tr=function(e,t,n){return _r(e,function(e){return Tt(e,t)},n)},Dr=function(e,t){return n=t,o=(r=e)===undefined?document:r.dom,Dt(o)?U.none():U.from(o.querySelector(n)).map(At.fromDom);var n,r,o},Or=function(e,t,n){return xr(Tt,Tr,e,t,n)},Br=window.Promise?window.Promise:(Sr=Array.isArray||function(e){return"[object Array]"===Object.prototype.toString.call(e)},Er=(Nr=function(e){if("object"!=typeof this)throw new TypeError("Promises must be constructed via new");if("function"!=typeof e)throw new TypeError("not a function");this._state=null,this._value=null,this._deferreds=[],zr(e,Pr(Ir,this),Pr(Mr,this))}).immediateFn||"function"==typeof setImmediate&&setImmediate||function(e){setTimeout(e,1)},Nr.prototype["catch"]=function(e){return this.then(null,e)},Nr.prototype.then=function(n,r){var o=this;return new Nr(function(e,t){Lr.call(o,new Ur(n,r,e,t))})},Nr.all=function(){var s=Array.prototype.slice.call(1===arguments.length&&Sr(arguments[0])?arguments[0]:arguments);return new Nr(function(o,i){if(0===s.length)return o([]);for(var a=s.length,e=0;e<s.length;e++)!function u(t,e){try{if(e&&("object"==typeof e||"function"==typeof e)){var n=e.then;if("function"==typeof n)return void n.call(e,function(e){u(t,e)},i)}s[t]=e,0==--a&&o(s)}catch(r){i(r)}}(e,s[e])})},Nr.resolve=function(t){return t&&"object"==typeof t&&t.constructor===Nr?t:new Nr(function(e){e(t)})},Nr.reject=function(n){return new Nr(function(e,t){t(n)})},Nr.race=function(o){return new Nr(function(e,t){for(var n=0,r=o.length;n<r;n++)o[n].then(e,t)})},Nr);function Pr(e,t){return function(){e.apply(t,arguments)}}function Lr(r){var o=this;null!==this._state?Er(function(){var e,t=o._state?r.onFulfilled:r.onRejected;if(null!==t){try{e=t(o._value)}catch(n){return void r.reject(n)}r.resolve(e)}else(o._state?r.resolve:r.reject)(o._value)}):this._deferreds.push(r)}function Ir(e){try{if(e===this)throw new TypeError("A promise cannot be resolved with itself.");if(e&&("object"==typeof e||"function"==typeof e)){var t=e.then;if("function"==typeof t)return void zr(Pr(t,e),Pr(Ir,this),Pr(Mr,this))}this._state=!0,this._value=e,Fr.call(this)}catch(n){Mr.call(this,n)}}function Mr(e){this._state=!1,this._value=e,Fr.call(this)}function Fr(){for(var e=0,t=this._deferreds.length;e<t;e++)Lr.call(this,this._deferreds[e]);this._deferreds=null}function Ur(e,t,n,r){this.onFulfilled="function"==typeof e?e:null,this.onRejected="function"==typeof t?t:null,this.resolve=n,this.reject=r}function zr(e,t,n){var r=!1;try{e(function(e){r||(r=!0,t(e))},function(e){r||(r=!0,n(e))})}catch(o){if(r)return;r=!0,n(o)}}var jr=function(e,t){return"number"!=typeof t&&(t=0),setTimeout(e,t)},Hr=function(e,t){return"number"!=typeof t&&(t=1),setInterval(e,t)},Vr=function(n,r){var o,e=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];clearTimeout(o),o=jr(function(){n.apply(this,e)},r)};return e.stop=function(){clearTimeout(o)},e},qr={requestAnimationFrame:function(e,t){kr?kr.then(e):kr=new Br(function(e){!function(e,t){for(var n=window.requestAnimationFrame,r=["ms","moz","webkit"],o=0;o<r.length&&!n;o++)n=window[r[o]+"RequestAnimationFrame"];(n=n||function(e){window.setTimeout(e,0)})(e,t)}(e,t=t||document.body)}).then(e)},setTimeout:jr,setInterval:Hr,setEditorTimeout:function(e,t,n){return jr(function(){e.removed||t()},n)},setEditorInterval:function(e,t,n){var r=Hr(function(){e.removed?clearInterval(r):t()},n);return r},debounce:Vr,throttle:Vr,clearInterval:function(e){return clearInterval(e)},clearTimeout:function(e){return clearTimeout(e)}};function $r(m,p){void 0===p&&(p={});var g=0,h={},v=At.fromDom(m),y=Vt(v),b=p.maxLoadTime||5e3,n=function(e,t,n){var r,o=kt._addCacheSuffix(e),i=ge(h,o).getOrThunk(function(){return{id:"mce-u"+g++,passed:[],failed:[],count:0}});(h[o]=i).count++;var a,u,s,c=function(e,t){for(var n=e.length;n--;)e[n]();i.status=t,i.passed=[],i.failed=[],r&&(r.onload=null,r.onerror=null,r=null)},l=function(){return c(i.passed,2)},f=function(){return c(i.failed,3)},d=function(){var e;e=d,function(){for(var e=m.styleSheets,t=e.length;t--;){var n=e[t].ownerNode;if(n&&n.id===r.id)return l(),1}}()||(Date.now()-u<b?qr.setTimeout(e):f())};t&&i.passed.push(t),n&&i.failed.push(n),1!==i.status&&(2!==i.status?3!==i.status?(i.status=1,a=At.fromTag("link",y.dom),Yn(a,{rel:"stylesheet",type:"text/css",id:i.id}),u=Date.now(),p.contentCssCors&&Xn(a,"crossOrigin","anonymous"),p.referrerPolicy&&Xn(a,"referrerpolicy",p.referrerPolicy),(r=a.dom).onload=d,r.onerror=f,s=a,fn(on(v),s),Xn(a,"href",o)):f():l())},o=function(t){return gr(function(e){n(t,a(e,E(br.value(t))),a(e,E(br.error(t))))})},t=function(e){var r=kt._addCacheSuffix(e);ge(h,r).each(function(e){var t,n;0==--e.count&&(delete h[r],t=e.id,n=on(v),Dr(n,"#"+t).each(pn))})};return{load:n,loadAll:function(e,n,r){var t;t=z(e,o),hr(t,gr).get(function(e){var t=function(e,t){for(var n=[],r=[],o=0,i=e.length;o<i;o++){var a=e[o];(t(a,o)?n:r).push(a)}return{pass:n,fail:r}}(e,function(e){return e.isValue()});0<t.fail.length?r(t.fail.map(wr)):n(t.pass.map(wr))})},unload:t,unloadAll:function(e){W(e,function(e){t(e)})},_setReferrerPolicy:function(e){p.referrerPolicy=e}}}var Wr,Kr=(Wr=new WeakMap,{forElement:function(e,t){var n=rn(e).dom;return U.from(Wr.get(n)).getOrThunk(function(){var e=$r(n,t);return Wr.set(n,e),e})}}),Xr=(Yr.prototype.current=function(){return this.node},Yr.prototype.next=function(e){return this.node=this.findSibling(this.node,"firstChild","nextSibling",e),this.node},Yr.prototype.prev=function(e){return this.node=this.findSibling(this.node,"lastChild","previousSibling",e),this.node},Yr.prototype.prev2=function(e){return this.node=this.findPreviousNode(this.node,"lastChild","previousSibling",e),this.node},Yr.prototype.findSibling=function(e,t,n,r){var o,i;if(e){if(!r&&e[t])return e[t];if(e!==this.rootNode){if(o=e[n])return o;for(i=e.parentNode;i&&i!==this.rootNode;i=i.parentNode)if(o=i[n])return o}}},Yr.prototype.findPreviousNode=function(e,t,n,r){var o,i,a;if(e){if(o=e[n],this.rootNode&&o===this.rootNode)return;if(o){if(!r)for(a=o[t];a;a=a[t])if(!a[t])return a;return o}if((i=e.parentNode)&&i!==this.rootNode)return i}},Yr);function Yr(e,t){this.node=e,this.rootNode=t,this.current=this.current.bind(this),this.next=this.next.bind(this),this.prev=this.prev.bind(this),this.prev2=this.prev2.bind(this)}var Gr,Jr,Qr=function(t){var n;return function(e){return(n=n||function(e,t){for(var n={},r=0,o=e.length;r<o;r++){var i=e[r];n[String(i)]=t(i,r)}return n}(t,k)).hasOwnProperty(Lt(e))}},Zr=Qr(["h1","h2","h3","h4","h5","h6"]),eo=Qr(["article","aside","details","div","dt","figcaption","footer","form","fieldset","header","hgroup","html","main","nav","section","summary","body","p","dl","multicol","dd","figure","address","center","blockquote","h1","h2","h3","h4","h5","h6","listing","xmp","pre","plaintext","menu","dir","ul","ol","li","hr","table","tbody","thead","tfoot","th","tr","td","caption"]),to=function(e){return Ft(e)&&!eo(e)},no=function(e){return Ft(e)&&"br"===Lt(e)},ro=Qr(["h1","h2","h3","h4","h5","h6","p","div","address","pre","form","blockquote","center","dir","fieldset","header","footer","article","section","hgroup","aside","nav","figure"]),oo=Qr(["ul","ol","dl"]),io=Qr(["li","dd","dt"]),ao=Qr(["thead","tbody","tfoot"]),uo=Qr(["td","th"]),so=Qr(["pre","script","textarea","style"]),co="\ufeff",lo="\xa0",fo=co,mo=function(e){return e===co},po=function(e){return e.replace(/\uFEFF/g,"")},go=An,ho=In,vo=function(e){return ho(e)&&(e=e.parentNode),go(e)&&e.hasAttribute("data-mce-caret")},yo=function(e){return ho(e)&&mo(e.data)},bo=function(e){return vo(e)||yo(e)},Co=function(e){return e.firstChild!==e.lastChild||!zn(e.firstChild)},wo=function(e){var t=e.container();return!!In(t)&&(t.data.charAt(e.offset())===fo||e.isAtStart()&&yo(t.previousSibling))},xo=function(e){var t=e.container();return!!In(t)&&(t.data.charAt(e.offset()-1)===fo||e.isAtEnd()&&yo(t.nextSibling))},So=function(e,t,n){var r,o=t.ownerDocument.createElement(e);o.setAttribute("data-mce-caret",n?"before":"after"),o.setAttribute("data-mce-bogus","all"),o.appendChild(((r=document.createElement("br")).setAttribute("data-mce-bogus","1"),r));var i=t.parentNode;return n?i.insertBefore(o,t):t.nextSibling?i.insertBefore(o,t.nextSibling):i.appendChild(o),o},No=function(e){return ho(e)&&e.data[0]===fo},Eo=function(e){return ho(e)&&e.data[e.data.length-1]===fo},ko=function(e){return e&&e.hasAttribute("data-mce-caret")?(t=e.getElementsByTagName("br"),n=t[t.length-1],On(n)&&n.parentNode.removeChild(n),e.removeAttribute("data-mce-caret"),e.removeAttribute("data-mce-bogus"),e.removeAttribute("style"),e.removeAttribute("_moz_abspos"),e):null;var t,n},_o=Hn,Ao=Vn,Ro=zn,To=In,Do=Rn(["script","style","textarea"]),Oo=Rn(["img","input","textarea","hr","iframe","video","audio","object","embed"]),Bo=Rn(["table"]),Po=bo,Lo=function(e){return!Po(e)&&(To(e)?!Do(e.parentNode):Oo(e)||Ro(e)||Bo(e)||Io(e))},Io=function(e){return!1===(An(t=e)&&"true"===t.getAttribute("unselectable"))&&Ao(e);var t},Mo=function(e,t){return Lo(e)&&function(e,t){for(e=e.parentNode;e&&e!==t;e=e.parentNode){if(Io(e))return!1;if(_o(e))return!0}return!0}(e,t)},Fo=/^[ \t\r\n]*$/,Uo=function(e){return Fo.test(e)},zo=function(e,t){var n,r,o,i=At.fromDom(t),a=At.fromDom(e);return n=a,r="pre,code",o=N(Ot,i),Tr(n,r,o).isSome()},jo=function(e,t){return Lo(e)&&!1===(o=t,In(r=e)&&Uo(r.data)&&!1===zo(r,o))||An(n=e)&&"A"===n.nodeName&&!n.hasAttribute("href")&&(n.hasAttribute("name")||n.hasAttribute("id"))||Ho(e);var n,r,o},Ho=Dn("data-mce-bookmark"),Vo=Dn("data-mce-bogus"),qo=(Gr="data-mce-bogus",Jr="all",function(e){return An(e)&&e.getAttribute(Gr)===Jr}),$o=function(e,t){return void 0===t&&(t=!0),function(e,t){var n,r=0;if(jo(e,e))return!1;if(!(n=e.firstChild))return!0;var o=new Xr(n,e);do{if(t){if(qo(n)){n=o.next(!0);continue}if(Vo(n)){n=o.next();continue}}if(zn(n))r++,n=o.next();else{if(jo(n,e))return!1;n=o.next()}}while(n);return r<=1}(e.dom,t)},Wo=function(e,t){return D(e)&&(jo(e,t)||to(At.fromDom(e)))},Ko=function(e){return"span"===e.nodeName.toLowerCase()&&"bookmark"===e.getAttribute("data-mce-type")},Xo=function(e,t){return In(e)&&0<e.data.length&&(o=new Xr(n=e,r=t).prev(!1),i=new Xr(n,r).next(!1),a=R(o)||Wo(o,r),u=R(i)||Wo(i,r),a&&u);var n,r,o,i,a,u},Yo=function(e,t,n){var r=n||t;if(An(t)&&Ko(t))return t;for(var o,i,a,u=t.childNodes,s=u.length-1;0<=s;s--)Yo(e,u[s],r);return!An(t)||1===(o=t.childNodes).length&&Ko(o[0])&&t.parentNode.insertBefore(o[0],t),Un(a=t)||Fn(a)||jo(t,r)||An(i=t)&&0<i.childNodes.length||Xo(t,r)||e.remove(t),t},Go=kt.makeMap,Jo=/[&<>\"\u0060\u007E-\uD7FF\uE000-\uFFEF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/g,Qo=/[<>&\u007E-\uD7FF\uE000-\uFFEF]|[\uD800-\uDBFF][\uDC00-\uDFFF]/g,Zo=/[<>&\"\']/g,ei=/&#([a-z0-9]+);?|&([a-z0-9]+);/gi,ti={128:"\u20ac",130:"\u201a",131:"\u0192",132:"\u201e",133:"\u2026",134:"\u2020",135:"\u2021",136:"\u02c6",137:"\u2030",138:"\u0160",139:"\u2039",140:"\u0152",142:"\u017d",145:"\u2018",146:"\u2019",147:"\u201c",148:"\u201d",149:"\u2022",150:"\u2013",151:"\u2014",152:"\u02dc",153:"\u2122",154:"\u0161",155:"\u203a",156:"\u0153",158:"\u017e",159:"\u0178"},ni={'"':"&quot;","'":"&#39;","<":"&lt;",">":"&gt;","&":"&amp;","`":"&#96;"},ri={"&lt;":"<","&gt;":">","&amp;":"&","&quot;":'"',"&apos;":"'"},oi=function(e,t){var n,r,o,i={};if(e){for(e=e.split(","),t=t||10,n=0;n<e.length;n+=2)r=String.fromCharCode(parseInt(e[n],t)),ni[r]||(o="&"+e[n+1]+";",i[r]=o,i[o]=r);return i}},ii=oi("50,nbsp,51,iexcl,52,cent,53,pound,54,curren,55,yen,56,brvbar,57,sect,58,uml,59,copy,5a,ordf,5b,laquo,5c,not,5d,shy,5e,reg,5f,macr,5g,deg,5h,plusmn,5i,sup2,5j,sup3,5k,acute,5l,micro,5m,para,5n,middot,5o,cedil,5p,sup1,5q,ordm,5r,raquo,5s,frac14,5t,frac12,5u,frac34,5v,iquest,60,Agrave,61,Aacute,62,Acirc,63,Atilde,64,Auml,65,Aring,66,AElig,67,Ccedil,68,Egrave,69,Eacute,6a,Ecirc,6b,Euml,6c,Igrave,6d,Iacute,6e,Icirc,6f,Iuml,6g,ETH,6h,Ntilde,6i,Ograve,6j,Oacute,6k,Ocirc,6l,Otilde,6m,Ouml,6n,times,6o,Oslash,6p,Ugrave,6q,Uacute,6r,Ucirc,6s,Uuml,6t,Yacute,6u,THORN,6v,szlig,70,agrave,71,aacute,72,acirc,73,atilde,74,auml,75,aring,76,aelig,77,ccedil,78,egrave,79,eacute,7a,ecirc,7b,euml,7c,igrave,7d,iacute,7e,icirc,7f,iuml,7g,eth,7h,ntilde,7i,ograve,7j,oacute,7k,ocirc,7l,otilde,7m,ouml,7n,divide,7o,oslash,7p,ugrave,7q,uacute,7r,ucirc,7s,uuml,7t,yacute,7u,thorn,7v,yuml,ci,fnof,sh,Alpha,si,Beta,sj,Gamma,sk,Delta,sl,Epsilon,sm,Zeta,sn,Eta,so,Theta,sp,Iota,sq,Kappa,sr,Lambda,ss,Mu,st,Nu,su,Xi,sv,Omicron,t0,Pi,t1,Rho,t3,Sigma,t4,Tau,t5,Upsilon,t6,Phi,t7,Chi,t8,Psi,t9,Omega,th,alpha,ti,beta,tj,gamma,tk,delta,tl,epsilon,tm,zeta,tn,eta,to,theta,tp,iota,tq,kappa,tr,lambda,ts,mu,tt,nu,tu,xi,tv,omicron,u0,pi,u1,rho,u2,sigmaf,u3,sigma,u4,tau,u5,upsilon,u6,phi,u7,chi,u8,psi,u9,omega,uh,thetasym,ui,upsih,um,piv,812,bull,816,hellip,81i,prime,81j,Prime,81u,oline,824,frasl,88o,weierp,88h,image,88s,real,892,trade,89l,alefsym,8cg,larr,8ch,uarr,8ci,rarr,8cj,darr,8ck,harr,8dl,crarr,8eg,lArr,8eh,uArr,8ei,rArr,8ej,dArr,8ek,hArr,8g0,forall,8g2,part,8g3,exist,8g5,empty,8g7,nabla,8g8,isin,8g9,notin,8gb,ni,8gf,prod,8gh,sum,8gi,minus,8gn,lowast,8gq,radic,8gt,prop,8gu,infin,8h0,ang,8h7,and,8h8,or,8h9,cap,8ha,cup,8hb,int,8hk,there4,8hs,sim,8i5,cong,8i8,asymp,8j0,ne,8j1,equiv,8j4,le,8j5,ge,8k2,sub,8k3,sup,8k4,nsub,8k6,sube,8k7,supe,8kl,oplus,8kn,otimes,8l5,perp,8m5,sdot,8o8,lceil,8o9,rceil,8oa,lfloor,8ob,rfloor,8p9,lang,8pa,rang,9ea,loz,9j0,spades,9j3,clubs,9j5,hearts,9j6,diams,ai,OElig,aj,oelig,b0,Scaron,b1,scaron,bo,Yuml,m6,circ,ms,tilde,802,ensp,803,emsp,809,thinsp,80c,zwnj,80d,zwj,80e,lrm,80f,rlm,80j,ndash,80k,mdash,80o,lsquo,80p,rsquo,80q,sbquo,80s,ldquo,80t,rdquo,80u,bdquo,810,dagger,811,Dagger,81g,permil,81p,lsaquo,81q,rsaquo,85c,euro",32),ai=function(e,t){return e.replace(t?Jo:Qo,function(e){return ni[e]||e})},ui=function(e,t){return e.replace(t?Jo:Qo,function(e){return 1<e.length?"&#"+(1024*(e.charCodeAt(0)-55296)+(e.charCodeAt(1)-56320)+65536)+";":ni[e]||"&#"+e.charCodeAt(0)+";"})},si=function(e,t,n){return n=n||ii,e.replace(t?Jo:Qo,function(e){return ni[e]||n[e]||e})},ci={encodeRaw:ai,encodeAllRaw:function(e){return(""+e).replace(Zo,function(e){return ni[e]||e})},encodeNumeric:ui,encodeNamed:si,getEncodeFunc:function(e,t){var n=oi(t)||ii,r=Go(e.replace(/\+/g,","));return r.named&&r.numeric?function(e,t){return e.replace(t?Jo:Qo,function(e){return ni[e]!==undefined?ni[e]:n[e]!==undefined?n[e]:1<e.length?"&#"+(1024*(e.charCodeAt(0)-55296)+(e.charCodeAt(1)-56320)+65536)+";":"&#"+e.charCodeAt(0)+";"})}:r.named?t?function(e,t){return si(e,t,n)}:si:r.numeric?ui:ai},decode:function(e){return e.replace(ei,function(e,t){return t?65535<(t="x"===t.charAt(0).toLowerCase()?parseInt(t.substr(1),16):parseInt(t,10))?(t-=65536,String.fromCharCode(55296+(t>>10),56320+(1023&t))):ti[t]||String.fromCharCode(t):ri[e]||ii[e]||(n=e,(r=At.fromTag("div").dom).innerHTML=n,r.textContent||r.innerText||n);var n,r})}},li={},fi={},di=kt.makeMap,mi=kt.each,pi=kt.extend,gi=kt.explode,hi=kt.inArray,vi=function(e,t){return(e=kt.trim(e))?e.split(t||" "):[]},yi=function(e){var s,t,n,r,o,i,c={},a=function(e,t,n){var r,o,i=function(e,t){for(var n={},r=0,o=e.length;r<o;r++)n[e[r]]=t||{};return n};t=t||"","string"==typeof(n=n||[])&&(n=vi(n));for(var a=vi(e),u=a.length;u--;)o={attributes:i(r=vi([s,t].join(" "))),attributesOrder:r,children:i(n,fi)},c[a[u]]=o},u=function(e,t){for(var n,r,o,i=vi(e),a=i.length,u=vi(t);a--;)for(n=c[i[a]],r=0,o=u.length;r<o;r++)n.attributes[u[r]]={},n.attributesOrder.push(u[r])};return li[e]?li[e]:(s="id accesskey class dir lang style tabindex title role",t="address blockquote div dl fieldset form h1 h2 h3 h4 h5 h6 hr menu ol p pre table ul",n="a abbr b bdo br button cite code del dfn em embed i iframe img input ins kbd label map noscript object q s samp script select small span strong sub sup textarea u var #text #comment","html4"!==e&&(s+=" contenteditable contextmenu draggable dropzone hidden spellcheck translate",t+=" article aside details dialog figure main header footer hgroup section nav",n+=" audio canvas command datalist mark meter output picture progress time wbr video ruby bdi keygen"),"html5-strict"!==e&&(s+=" xml:lang",n=[n,i="acronym applet basefont big font strike tt"].join(" "),mi(vi(i),function(e){a(e,"",n)}),t=[t,o="center dir isindex noframes"].join(" "),r=[t,n].join(" "),mi(vi(o),function(e){a(e,"",r)})),r=r||[t,n].join(" "),a("html","manifest","head body"),a("head","","base command link meta noscript script style title"),a("title hr noscript br"),a("base","href target"),a("link","href rel media hreflang type sizes hreflang"),a("meta","name http-equiv content charset"),a("style","media type scoped"),a("script","src async defer type charset"),a("body","onafterprint onbeforeprint onbeforeunload onblur onerror onfocus onhashchange onload onmessage onoffline ononline onpagehide onpageshow onpopstate onresize onscroll onstorage onunload",r),a("address dt dd div caption","",r),a("h1 h2 h3 h4 h5 h6 pre p abbr code var samp kbd sub sup i b u bdo span legend em strong small s cite dfn","",n),a("blockquote","cite",r),a("ol","reversed start type","li"),a("ul","","li"),a("li","value",r),a("dl","","dt dd"),a("a","href target rel media hreflang type",n),a("q","cite",n),a("ins del","cite datetime",r),a("img","src sizes srcset alt usemap ismap width height"),a("iframe","src name width height",r),a("embed","src type width height"),a("object","data type typemustmatch name usemap form width height",[r,"param"].join(" ")),a("param","name value"),a("map","name",[r,"area"].join(" ")),a("area","alt coords shape href target rel media hreflang type"),a("table","border","caption colgroup thead tfoot tbody tr"+("html4"===e?" col":"")),a("colgroup","span","col"),a("col","span"),a("tbody thead tfoot","","tr"),a("tr","","td th"),a("td","colspan rowspan headers",r),a("th","colspan rowspan headers scope abbr",r),a("form","accept-charset action autocomplete enctype method name novalidate target",r),a("fieldset","disabled form name",[r,"legend"].join(" ")),a("label","form for",n),a("input","accept alt autocomplete checked dirname disabled form formaction formenctype formmethod formnovalidate formtarget height list max maxlength min multiple name pattern readonly required size src step type value width"),a("button","disabled form formaction formenctype formmethod formnovalidate formtarget name type value","html4"===e?r:n),a("select","disabled form multiple name required size","option optgroup"),a("optgroup","disabled label","option"),a("option","disabled label selected value"),a("textarea","cols dirname disabled form maxlength name readonly required rows wrap"),a("menu","type label",[r,"li"].join(" ")),a("noscript","",r),"html4"!==e&&(a("wbr"),a("ruby","",[n,"rt rp"].join(" ")),a("figcaption","",r),a("mark rt rp summary bdi","",n),a("canvas","width height",r),a("video","src crossorigin poster preload autoplay mediagroup loop muted controls width height buffered",[r,"track source"].join(" ")),a("audio","src crossorigin preload autoplay mediagroup loop muted controls buffered volume",[r,"track source"].join(" ")),a("picture","","img source"),a("source","src srcset type media sizes"),a("track","kind src srclang label default"),a("datalist","",[n,"option"].join(" ")),a("article section nav aside main header footer","",r),a("hgroup","","h1 h2 h3 h4 h5 h6"),a("figure","",[r,"figcaption"].join(" ")),a("time","datetime",n),a("dialog","open",r),a("command","type label icon disabled checked radiogroup command"),a("output","for form name",n),a("progress","value max",n),a("meter","value min max low high optimum",n),a("details","open",[r,"summary"].join(" ")),a("keygen","autofocus challenge disabled form keytype name")),"html5-strict"!==e&&(u("script","language xml:space"),u("style","xml:space"),u("object","declare classid code codebase codetype archive standby align border hspace vspace"),u("embed","align name hspace vspace"),u("param","valuetype type"),u("a","charset name rev shape coords"),u("br","clear"),u("applet","codebase archive code object alt name width height align hspace vspace"),u("img","name longdesc align border hspace vspace"),u("iframe","longdesc frameborder marginwidth marginheight scrolling align"),u("font basefont","size color face"),u("input","usemap align"),u("select"),u("textarea"),u("h1 h2 h3 h4 h5 h6 div p legend caption","align"),u("ul","type compact"),u("li","type"),u("ol dl menu dir","compact"),u("pre","width xml:space"),u("hr","align noshade size width"),u("isindex","prompt"),u("table","summary width frame rules cellspacing cellpadding align bgcolor"),u("col","width align char charoff valign"),u("colgroup","width align char charoff valign"),u("thead","align char charoff valign"),u("tr","align char charoff valign bgcolor"),u("th","axis align char charoff valign nowrap bgcolor width height"),u("form","accept"),u("td","abbr axis scope align char charoff valign nowrap bgcolor width height"),u("tfoot","align char charoff valign"),u("tbody","align char charoff valign"),u("area","nohref"),u("body","background bgcolor text link vlink alink")),"html4"!==e&&(u("input button select textarea","autofocus"),u("input textarea","placeholder"),u("a","download"),u("link script img","crossorigin"),u("img","loading"),u("iframe","sandbox seamless allowfullscreen loading")),mi(vi("a form meter progress dfn"),function(e){c[e]&&delete c[e].children[e]}),delete c.caption.children.table,delete c.script,li[e]=c)},bi=function(e,n){var r;return e&&(r={},"string"==typeof e&&(e={"*":e}),mi(e,function(e,t){r[t]=r[t.toUpperCase()]=("map"===n?di:gi)(e,/[, ]/)})),r};function Ci(i){var S={},u={},N=[],s={},t={},e=function(e,t,n){var r=i[e];return r?r=di(r,/[, ]/,di(r.toUpperCase(),/[, ]/)):(r=li[e])||(r=di(t," ",di(t.toUpperCase()," ")),r=pi(r,n),li[e]=r),r},n=yi((i=i||{}).schema);!1===i.verify_html&&(i.valid_elements="*[*]");var r=bi(i.valid_styles),o=bi(i.invalid_styles,"map"),a=bi(i.valid_classes,"map"),c=e("whitespace_elements","pre script noscript style textarea video audio iframe object code"),l=e("self_closing_elements","colgroup dd dt li option p td tfoot th thead tr"),f=e("short_ended_elements","area base basefont br col frame hr img input isindex link meta param embed source wbr track"),d=e("boolean_attributes","checked compact declare defer disabled ismap multiple nohref noresize noshade nowrap readonly selected autoplay loop controls"),m="td th iframe video audio object script code",p=e("non_empty_elements",m+" pre",f),g=e("move_caret_before_on_enter_elements",m+" table",f),h=e("text_block_elements","h1 h2 h3 h4 h5 h6 p div address pre form blockquote center dir fieldset header footer article section hgroup aside main nav figure"),v=e("block_elements","hr table tbody thead tfoot th tr td li ol ul caption dl dt dd noscript menu isindex option datalist select optgroup figcaption details summary",h),y=e("text_inline_elements","span strong b em i font strike u var cite dfn code mark q sup sub samp");mi((i.special||"script noscript iframe noframes noembed title style textarea xmp").split(" "),function(e){t[e]=new RegExp("</"+e+"[^>]*>","gi")});var E=function(e){return new RegExp("^"+e.replace(/([?+*])/g,".$1")+"$")},b=function(e){var t,n,r,o,i,a,u,s,c,l,f,d,m,p,g,h,v,y,b=/^([#+\-])?([^\[!\/]+)(?:\/([^\[!]+))?(?:(!?)\[([^\]]+)])?$/,C=/^([!\-])?(\w+[\\:]:\w+|[^=:<]+)?(?:([=:<])(.*))?$/,w=/[*?+]/;if(e){var x=vi(e,",");for(S["@"]&&(h=S["@"].attributes,v=S["@"].attributesOrder),t=0,n=x.length;t<n;t++)if(i=b.exec(x[t])){if(p=i[1],c=i[2],g=i[3],s=i[5],a={attributes:d={},attributesOrder:m=[]},"#"===p&&(a.paddEmpty=!0),"-"===p&&(a.removeEmpty=!0),"!"===i[4]&&(a.removeEmptyAttrs=!0),h&&(ue(h,function(e,t){d[t]=e}),m.push.apply(m,v)),s)for(r=0,o=(s=vi(s,"|")).length;r<o;r++)if(i=C.exec(s[r])){if(u={},f=i[1],l=i[2].replace(/[\\:]:/g,":"),p=i[3],y=i[4],"!"===f&&(a.attributesRequired=a.attributesRequired||[],a.attributesRequired.push(l),u.required=!0),"-"===f){delete d[l],m.splice(hi(m,l),1);continue}p&&("="===p&&(a.attributesDefault=a.attributesDefault||[],a.attributesDefault.push({name:l,value:y}),u.defaultValue=y),":"===p&&(a.attributesForced=a.attributesForced||[],a.attributesForced.push({name:l,value:y}),u.forcedValue=y),"<"===p&&(u.validValues=di(y,"?"))),w.test(l)?(a.attributePatterns=a.attributePatterns||[],u.pattern=E(l),a.attributePatterns.push(u)):(d[l]||m.push(l),d[l]=u)}h||"@"!==c||(h=d,v=m),g&&(a.outputName=c,S[g]=a),w.test(c)?(a.pattern=E(c),N.push(a)):S[c]=a}}},C=function(e){S={},N=[],b(e),mi(n,function(e,t){u[t]=e.children})},w=function(e){var a=/^(~)?(.+)$/;e&&(li.text_block_elements=li.block_elements=null,mi(vi(e,","),function(e){var t,n=a.exec(e),r="~"===n[1],o=r?"span":"div",i=n[2];u[i]=u[o],s[i]=o,r||(v[i.toUpperCase()]={},v[i]={}),S[i]||(t=S[o],delete(t=pi({},t)).removeEmptyAttrs,delete t.removeEmpty,S[i]=t),mi(u,function(e,t){e[o]&&(u[t]=e=pi({},u[t]),e[i]=e[o])})}))},x=function(e){var o=/^([+\-]?)([A-Za-z0-9_\-.\u00b7\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u037d\u037f-\u1fff\u200c-\u200d\u203f-\u2040\u2070-\u218f\u2c00-\u2fef\u3001-\ud7ff\uf900-\ufdcf\ufdf0-\ufffd]+)\[([^\]]+)]$/;li[i.schema]=null,e&&mi(vi(e,","),function(e){var t,n,r=o.exec(e);r&&(n=r[1],t=n?u[r[2]]:u[r[2]]={"#comment":{}},t=u[r[2]],mi(vi(r[3],"|"),function(e){"-"===n?delete t[e]:t[e]={}}))})},k=function(e){var t,n=S[e];if(n)return n;for(t=N.length;t--;)if((n=N[t]).pattern.test(e))return n};i.valid_elements?C(i.valid_elements):(mi(n,function(e,t){S[t]={attributes:e.attributes,attributesOrder:e.attributesOrder},u[t]=e.children}),"html5"!==i.schema&&mi(vi("strong/b em/i"),function(e){var t=vi(e,"/");S[t[1]].outputName=t[0]}),mi(vi("ol ul sub sup blockquote span font a table tbody strong em b i"),function(e){S[e]&&(S[e].removeEmpty=!0)}),mi(vi("p h1 h2 h3 h4 h5 h6 th td pre div address caption li"),function(e){S[e].paddEmpty=!0}),mi(vi("span"),function(e){S[e].removeEmptyAttrs=!0})),w(i.custom_elements),x(i.valid_children),b(i.extended_valid_elements),x("+ol[ul|ol],+ul[ul|ol]"),mi({dd:"dl",dt:"dl",li:"ul ol",td:"tr",th:"tr",tr:"tbody thead tfoot",tbody:"table",thead:"table",tfoot:"table",legend:"fieldset",area:"map",param:"video audio object"},function(e,t){S[t]&&(S[t].parentsRequired=vi(e))}),i.invalid_elements&&mi(gi(i.invalid_elements),function(e){S[e]&&delete S[e]}),k("span")||b("span[!data-mce-type|*]");return{children:u,elements:S,getValidStyles:function(){return r},getValidClasses:function(){return a},getBlockElements:function(){return v},getInvalidStyles:function(){return o},getShortEndedElements:function(){return f},getTextBlockElements:function(){return h},getTextInlineElements:function(){return y},getBoolAttrs:function(){return d},getElementRule:k,getSelfClosingElements:function(){return l},getNonEmptyElements:function(){return p},getMoveCaretBeforeOnEnterElements:function(){return g},getWhiteSpaceElements:function(){return c},getSpecialElements:function(){return t},isValidChild:function(e,t){var n=u[e.toLowerCase()];return!(!n||!n[t.toLowerCase()])},isValid:function(e,t){var n,r,o=k(e);if(o){if(!t)return!0;if(o.attributes[t])return!0;if(n=o.attributePatterns)for(r=n.length;r--;)if(n[r].pattern.test(e))return!0}return!1},getCustomElements:function(){return s},addValidElements:b,setValidElements:C,addCustomElements:w,addValidChildren:x}}var wi=function(e,t,n,r){var o=function(e){return 1<(e=parseInt(e,10).toString(16)).length?e:"0"+e};return"#"+o(t)+o(n)+o(r)},xi=function(b,e){var s,c,C=/rgb\s*\(\s*([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\s*\)/gi,w=/(?:url(?:(?:\(\s*\"([^\"]+)\"\s*\))|(?:\(\s*\'([^\']+)\'\s*\))|(?:\(\s*([^)\s]+)\s*\))))|(?:\'([^\']+)\')|(?:\"([^\"]+)\")/gi,x=/\s*([^:]+):\s*([^;]+);?/g,S=/\s+$/,N={},E=co;b=b||{},e&&(s=e.getValidStyles(),c=e.getInvalidStyles());for(var t=("\\\" \\' \\; \\: ; : "+E).split(" "),k=0;k<t.length;k++)N[t[k]]=E+k,N[E+k]=t[k];return{toHex:function(e){return e.replace(C,wi)},parse:function(e){var t,n,r,o,i,a,u,s,c={},l=b.url_converter,f=b.url_converter_scope||this,d=function(e,t,n){var r=c[e+"-top"+t];if(r){var o=c[e+"-right"+t];if(o){var i=c[e+"-bottom"+t];if(i){var a=c[e+"-left"+t];if(a){var u=[r,o,i,a];for(k=u.length-1;k--&&u[k]===u[k+1];);-1<k&&n||(c[e+t]=-1===k?u[0]:u.join(" "),delete c[e+"-top"+t],delete c[e+"-right"+t],delete c[e+"-bottom"+t],delete c[e+"-left"+t])}}}}},m=function(e){var t,n=c[e];if(n){for(t=(n=n.split(" ")).length;t--;)if(n[t]!==n[0])return!1;return c[e]=n[0],!0}},p=function(e){return o=!0,N[e]},g=function(e,t){return o&&(e=e.replace(/\uFEFF[0-9]/g,function(e){return N[e]})),t||(e=e.replace(/\\([\'\";:])/g,"$1")),e},h=function(e){return String.fromCharCode(parseInt(e.slice(1),16))},v=function(e){return e.replace(/\\[0-9a-f]+/gi,h)},y=function(e,t,n,r,o,i){if(o=o||i)return"'"+(o=g(o)).replace(/\'/g,"\\'")+"'";if(t=g(t||n||r),!b.allow_script_urls){var a=t.replace(/[\s\r\n]+/g,"");if(/(java|vb)script:/i.test(a))return"";if(!b.allow_svg_data_urls&&/^data:image\/svg/i.test(a))return""}return l&&(t=l.call(f,t,"style")),"url('"+t.replace(/\'/g,"\\'")+"')"};if(e){for(e=(e=e.replace(/[\u0000-\u001F]/g,"")).replace(/\\[\"\';:\uFEFF]/g,p).replace(/\"[^\"]+\"|\'[^\']+\'/g,function(e){return e.replace(/[;:]/g,p)});t=x.exec(e);)if(x.lastIndex=t.index+t[0].length,n=t[1].replace(S,"").toLowerCase(),r=t[2].replace(S,""),n&&r){if(n=v(n),r=v(r),-1!==n.indexOf(E)||-1!==n.indexOf('"'))continue;if(!b.allow_script_urls&&("behavior"===n||/expression\s*\(|\/\*|\*\//.test(r)))continue;"font-weight"===n&&"700"===r?r="bold":"color"!==n&&"background-color"!==n||(r=r.toLowerCase()),r=(r=r.replace(C,wi)).replace(w,y),c[n]=o?g(r,!0):r}d("border","",!0),d("border","-width"),d("border","-color"),d("border","-style"),d("padding",""),d("margin",""),i="border",u="border-style",s="border-color",m(a="border-width")&&m(u)&&m(s)&&(c[i]=c[a]+" "+c[u]+" "+c[s],delete c[a],delete c[u],delete c[s]),"medium none"===c.border&&delete c.border,"none"===c["border-image"]&&delete c["border-image"]}return c},serialize:function(i,a){var u="",e=function(e){var t,n=s[e];if(n)for(var r=0,o=n.length;r<o;r++)e=n[r],(t=i[e])&&(u+=(0<u.length?" ":"")+e+": "+t+";")};return a&&s?(e("*"),e(a)):ue(i,function(e,t){var n,r,o;!e||c&&(n=t,r=a,(o=c["*"])&&o[n]||(o=c[r])&&o[n])||(u+=(0<u.length?" ":"")+t+": "+e+";")}),u}}},Si=/^(?:mouse|contextmenu)|click/,Ni={keyLocation:1,layerX:1,layerY:1,returnValue:1,webkitMovementX:1,webkitMovementY:1,keyIdentifier:1,mozPressure:1},Ei=function(){return!1},ki=function(){return!0},_i=function(e,t,n,r){e.addEventListener?e.addEventListener(t,n,r||!1):e.attachEvent&&e.attachEvent("on"+t,n)},Ai=function(e,t,n,r){e.removeEventListener?e.removeEventListener(t,n,r||!1):e.detachEvent&&e.detachEvent("on"+t,n)},Ri=function(e,t){var n,r,o,i,a,u,s=t||{};for(n in e)Ni[n]||(s[n]=e[n]);return s.target||(s.target=s.srcElement||document),s.composedPath&&(s.composedPath=function(){return e.composedPath()}),e&&(a=e,Si.test(a.type))&&e.pageX===undefined&&e.clientX!==undefined&&(o=(r=s.target.ownerDocument||document).documentElement,i=r.body,s.pageX=e.clientX+(o&&o.scrollLeft||i&&i.scrollLeft||0)-(o&&o.clientLeft||i&&i.clientLeft||0),s.pageY=e.clientY+(o&&o.scrollTop||i&&i.scrollTop||0)-(o&&o.clientTop||i&&i.clientTop||0)),s.preventDefault=function(){s.isDefaultPrevented=ki,e&&(e.preventDefault?e.preventDefault():e.returnValue=!1)},s.stopPropagation=function(){s.isPropagationStopped=ki,e&&(e.stopPropagation?e.stopPropagation():e.cancelBubble=!0)},!(s.stopImmediatePropagation=function(){s.isImmediatePropagationStopped=ki,s.stopPropagation()})==((u=s).isDefaultPrevented===ki||u.isDefaultPrevented===Ei)&&(s.isDefaultPrevented=Ei,s.isPropagationStopped=Ei,s.isImmediatePropagationStopped=Ei),"undefined"==typeof s.metaKey&&(s.metaKey=!1),s},Ti=(Di.prototype.bind=function(e,t,n,r){var o,i,a,u,s,c,l=this,f=window,d=function(e){l.executeHandlers(Ri(e||f.event),o)};if(e&&3!==e.nodeType&&8!==e.nodeType){e[l.expando]?o=e[l.expando]:(o=l.count++,e[l.expando]=o,l.events[o]={}),r=r||e;for(var m=t.split(" "),p=m.length;p--;)s=d,u=c=!1,"DOMContentLoaded"===(a=m[p])&&(a="ready"),l.domLoaded&&"ready"===a&&"complete"===e.readyState?n.call(r,Ri({type:a})):(l.hasMouseEnterLeave||(u=l.mouseEnterLeave[a])&&(s=function(e){var t=e.currentTarget,n=e.relatedTarget;if(n&&t.contains)n=t.contains(n);else for(;n&&n!==t;)n=n.parentNode;n||((e=Ri(e||f.event)).type="mouseout"===e.type?"mouseleave":"mouseenter",e.target=t,l.executeHandlers(e,o))}),l.hasFocusIn||"focusin"!==a&&"focusout"!==a||(c=!0,u="focusin"===a?"focus":"blur",s=function(e){(e=Ri(e||f.event)).type="focus"===e.type?"focusin":"focusout",l.executeHandlers(e,o)}),(i=l.events[o][a])?"ready"===a&&l.domLoaded?n(Ri({type:a})):i.push({func:n,scope:r}):(l.events[o][a]=i=[{func:n,scope:r}],i.fakeName=u,i.capture=c,i.nativeHandler=s,"ready"===a?function(e,t,n){var r,o=e.document,i={type:"ready"};n.domLoaded?t(i):(r=function(){Ai(e,"DOMContentLoaded",r),Ai(e,"load",r),n.domLoaded||(n.domLoaded=!0,t(i)),e=null},"complete"===o.readyState||"interactive"===o.readyState&&o.body?r():_i(e,"DOMContentLoaded",r),n.domLoaded||_i(e,"load",r))}(e,s,l):_i(e,u||a,s,c)));return e=i=null,n}},Di.prototype.unbind=function(n,e,t){var r,o,i;if(!n||3===n.nodeType||8===n.nodeType)return this;var a=n[this.expando];if(a){if(i=this.events[a],e){for(var u,s,c,l,f=e.split(" "),d=f.length;d--;)if(l=i[o=f[d]]){if(t)for(r=l.length;r--;)l[r].func===t&&(u=l.nativeHandler,s=l.fakeName,c=l.capture,(l=l.slice(0,r).concat(l.slice(r+1))).nativeHandler=u,l.fakeName=s,l.capture=c,i[o]=l);t&&0!==l.length||(delete i[o],Ai(n,l.fakeName||o,l.nativeHandler,l.capture))}}else ue(i,function(e,t){Ai(n,e.fakeName||t,e.nativeHandler,e.capture)}),i={};for(o in i)if(he(i,o))return this;delete this.events[a];try{delete n[this.expando]}catch(m){n[this.expando]=null}}return this},Di.prototype.fire=function(e,t,n){var r;if(!e||3===e.nodeType||8===e.nodeType)return this;var o=Ri(null,n);for(o.type=t,o.target=e;(r=e[this.expando])&&this.executeHandlers(o,r),(e=e.parentNode||e.ownerDocument||e.defaultView||e.parentWindow)&&!o.isPropagationStopped(););return this},Di.prototype.clean=function(e){var t,n;if(!e||3===e.nodeType||8===e.nodeType)return this;if(e[this.expando]&&this.unbind(e),e.getElementsByTagName||(e=e.document),e&&e.getElementsByTagName)for(this.unbind(e),t=(n=e.getElementsByTagName("*")).length;t--;)(e=n[t])[this.expando]&&this.unbind(e);return this},Di.prototype.destroy=function(){this.events={}},Di.prototype.cancel=function(e){return e&&(e.preventDefault(),e.stopImmediatePropagation()),!1},Di.prototype.executeHandlers=function(e,t){var n=this.events[t],r=n&&n[e.type];if(r)for(var o=0,i=r.length;o<i;o++){var a=r[o];if(a&&!1===a.func.call(a.scope,e)&&e.preventDefault(),e.isImmediatePropagationStopped())return}},Di.Event=new Di,Di);function Di(){this.domLoaded=!1,this.events={},this.count=1,this.expando="mce-data-"+(+new Date).toString(32),this.hasMouseEnterLeave="onmouseenter"in document.documentElement,this.hasFocusIn="onfocusin"in document.documentElement,this.count=1}var Oi,Bi,Pi,Li,Ii,Mi,Fi,Ui,zi,ji,Hi,Vi,qi,$i,Wi,Ki,Xi,Yi="sizzle"+-new Date,Gi=window.document,Ji=0,Qi=0,Zi=Da(),ea=Da(),ta=Da(),na=function(e,t){return e===t&&(ji=!0),0},ra=typeof undefined,oa={}.hasOwnProperty,ia=[],aa=ia.pop,ua=ia.push,sa=ia.push,ca=ia.slice,la=ia.indexOf||function(e){for(var t=0,n=this.length;t<n;t++)if(this[t]===e)return t;return-1},fa="[\\x20\\t\\r\\n\\f]",da="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",ma="\\["+fa+"*("+da+")(?:"+fa+"*([*^$|!~]?=)"+fa+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+da+"))|)"+fa+"*\\]",pa=":("+da+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+ma+")*)|.*)\\)|)",ga=new RegExp("^"+fa+"+|((?:^|[^\\\\])(?:\\\\.)*)"+fa+"+$","g"),ha=new RegExp("^"+fa+"*,"+fa+"*"),va=new RegExp("^"+fa+"*([>+~]|"+fa+")"+fa+"*"),ya=new RegExp("="+fa+"*([^\\]'\"]*?)"+fa+"*\\]","g"),ba=new RegExp(pa),Ca=new RegExp("^"+da+"$"),wa={ID:new RegExp("^#("+da+")"),CLASS:new RegExp("^\\.("+da+")"),TAG:new RegExp("^("+da+"|[*])"),ATTR:new RegExp("^"+ma),PSEUDO:new RegExp("^"+pa),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+fa+"*(even|odd|(([+-]|)(\\d*)n|)"+fa+"*(?:([+-]|)"+fa+"*(\\d+)|))"+fa+"*\\)|)","i"),bool:new RegExp("^(?:checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped)$","i"),needsContext:new RegExp("^"+fa+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+fa+"*((?:-\\d)?\\d*)"+fa+"*\\)|)(?=[^-]|$)","i")},xa=/^(?:input|select|textarea|button)$/i,Sa=/^h\d$/i,Na=/^[^{]+\{\s*\[native \w/,Ea=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ka=/[+~]/,_a=/'|\\/g,Aa=new RegExp("\\\\([\\da-f]{1,6}"+fa+"?|("+fa+")|.)","ig"),Ra=function(e,t,n){var r="0x"+t-65536;return r!=r||n?t:r<0?String.fromCharCode(65536+r):String.fromCharCode(r>>10|55296,1023&r|56320)};try{sa.apply(ia=ca.call(Gi.childNodes),Gi.childNodes),ia[Gi.childNodes.length].nodeType}catch(Ok){sa={apply:ia.length?function(e,t){ua.apply(e,ca.call(t))}:function(e,t){for(var n=e.length,r=0;e[n++]=t[r++];);e.length=n-1}}}var Ta=function(e,t,n,r){var o,i,a,u,s,c,l,f,d,m;if((t?t.ownerDocument||t:Gi)!==Vi&&Hi(t),n=n||[],!e||"string"!=typeof e)return n;if(1!==(u=(t=t||Vi).nodeType)&&9!==u)return[];if($i&&!r){if(o=Ea.exec(e))if(a=o[1]){if(9===u){if(!(i=t.getElementById(a))||!i.parentNode)return n;if(i.id===a)return n.push(i),n}else if(t.ownerDocument&&(i=t.ownerDocument.getElementById(a))&&Xi(t,i)&&i.id===a)return n.push(i),n}else{if(o[2])return sa.apply(n,t.getElementsByTagName(e)),n;if((a=o[3])&&Oi.getElementsByClassName)return sa.apply(n,t.getElementsByClassName(a)),n}if(Oi.qsa&&(!Wi||!Wi.test(e))){if(f=l=Yi,d=t,m=9===u&&e,1===u&&"object"!==t.nodeName.toLowerCase()){for(c=Ii(e),(l=t.getAttribute("id"))?f=l.replace(_a,"\\$&"):t.setAttribute("id",f),f="[id='"+f+"'] ",s=c.length;s--;)c[s]=f+Ma(c[s]);d=ka.test(e)&&La(t.parentNode)||t,m=c.join(",")}if(m)try{return sa.apply(n,d.querySelectorAll(m)),n}catch(p){}finally{l||t.removeAttribute("id")}}}return Fi(e.replace(ga,"$1"),t,n,r)};function Da(){var n=[];function r(e,t){return n.push(e+" ")>Bi.cacheLength&&delete r[n.shift()],r[e+" "]=t}return r}function Oa(e){return e[Yi]=!0,e}function Ba(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&(~t.sourceIndex||1<<31)-(~e.sourceIndex||1<<31);if(r)return r;if(n)for(;n=n.nextSibling;)if(n===t)return-1;return e?1:-1}function Pa(a){return Oa(function(i){return i=+i,Oa(function(e,t){for(var n,r=a([],e.length,i),o=r.length;o--;)e[n=r[o]]&&(e[n]=!(t[n]=e[n]))})})}function La(e){return e&&typeof e.getElementsByTagName!=ra&&e}function Ia(){}function Ma(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function Fa(a,e,t){var u=e.dir,s=t&&"parentNode"===u,c=Qi++;return e.first?function(e,t,n){for(;e=e[u];)if(1===e.nodeType||s)return a(e,t,n)}:function(e,t,n){var r,o,i=[Ji,c];if(n){for(;e=e[u];)if((1===e.nodeType||s)&&a(e,t,n))return!0}else for(;e=e[u];)if(1===e.nodeType||s){if((r=(o=e[Yi]||(e[Yi]={}))[u])&&r[0]===Ji&&r[1]===c)return i[2]=r[2];if((o[u]=i)[2]=a(e,t,n))return!0}}}function Ua(o){return 1<o.length?function(e,t,n){for(var r=o.length;r--;)if(!o[r](e,t,n))return!1;return!0}:o[0]}function za(e,t,n,r,o){for(var i,a=[],u=0,s=e.length,c=null!=t;u<s;u++)(i=e[u])&&(n&&!n(i,r,o)||(a.push(i),c&&t.push(u)));return a}function ja(m,p,g,h,v,e){return h&&!h[Yi]&&(h=ja(h)),v&&!v[Yi]&&(v=ja(v,e)),Oa(function(e,t,n,r){var o,i,a,u=[],s=[],c=t.length,l=e||function(e,t,n){for(var r=0,o=t.length;r<o;r++)Ta(e,t[r],n);return n}(p||"*",n.nodeType?[n]:n,[]),f=!m||!e&&p?l:za(l,u,m,n,r),d=g?v||(e?m:c||h)?[]:t:f;if(g&&g(f,d,n,r),h)for(o=za(d,s),h(o,[],n,r),i=o.length;i--;)(a=o[i])&&(d[s[i]]=!(f[s[i]]=a));if(e){if(v||m){if(v){for(o=[],i=d.length;i--;)(a=d[i])&&o.push(f[i]=a);v(null,d=[],o,r)}for(i=d.length;i--;)(a=d[i])&&-1<(o=v?la.call(e,a):u[i])&&(e[o]=!(t[o]=a))}}else d=za(d===t?d.splice(c,d.length):d),v?v(null,t,d,r):sa.apply(t,d)})}Oi=Ta.support={},Li=Ta.isXML=function(e){var t=e&&(e.ownerDocument||e).documentElement;return!!t&&"HTML"!==t.nodeName},Hi=Ta.setDocument=function(e){var t,s=e?e.ownerDocument||e:Gi,n=s.defaultView;return s!==Vi&&9===s.nodeType&&s.documentElement?(qi=(Vi=s).documentElement,$i=!Li(s),n&&n!==function(e){try{return e.top}catch(t){}return null}(n)&&(n.addEventListener?n.addEventListener("unload",function(){Hi()},!1):n.attachEvent&&n.attachEvent("onunload",function(){Hi()})),Oi.attributes=!0,Oi.getElementsByTagName=!0,Oi.getElementsByClassName=Na.test(s.getElementsByClassName),Oi.getById=!0,Bi.find.ID=function(e,t){if(typeof t.getElementById!=ra&&$i){var n=t.getElementById(e);return n&&n.parentNode?[n]:[]}},Bi.filter.ID=function(e){var t=e.replace(Aa,Ra);return function(e){return e.getAttribute("id")===t}},Bi.find.TAG=Oi.getElementsByTagName?function(e,t){if(typeof t.getElementsByTagName!=ra)return t.getElementsByTagName(e)}:function(e,t){var n,r=[],o=0,i=t.getElementsByTagName(e);if("*"!==e)return i;for(;n=i[o++];)1===n.nodeType&&r.push(n);return r},Bi.find.CLASS=Oi.getElementsByClassName&&function(e,t){if($i)return t.getElementsByClassName(e)},Ki=[],Wi=[],Oi.disconnectedMatch=!0,Wi=Wi.length&&new RegExp(Wi.join("|")),Ki=Ki.length&&new RegExp(Ki.join("|")),t=Na.test(qi.compareDocumentPosition),Xi=t||Na.test(qi.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)for(;t=t.parentNode;)if(t===e)return!0;return!1},na=t?function(e,t){if(e===t)return ji=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)===(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!Oi.sortDetached&&t.compareDocumentPosition(e)===n?e===s||e.ownerDocument===Gi&&Xi(Gi,e)?-1:t===s||t.ownerDocument===Gi&&Xi(Gi,t)?1:zi?la.call(zi,e)-la.call(zi,t):0:4&n?-1:1)}:function(e,t){if(e===t)return ji=!0,0;var n,r=0,o=e.parentNode,i=t.parentNode,a=[e],u=[t];if(!o||!i)return e===s?-1:t===s?1:o?-1:i?1:zi?la.call(zi,e)-la.call(zi,t):0;if(o===i)return Ba(e,t);for(n=e;n=n.parentNode;)a.unshift(n);for(n=t;n=n.parentNode;)u.unshift(n);for(;a[r]===u[r];)r++;return r?Ba(a[r],u[r]):a[r]===Gi?-1:u[r]===Gi?1:0},s):Vi},Ta.matches=function(e,t){return Ta(e,null,null,t)},Ta.matchesSelector=function(e,t){if((e.ownerDocument||e)!==Vi&&Hi(e),t=t.replace(ya,"='$1']"),Oi.matchesSelector&&$i&&(!Ki||!Ki.test(t))&&(!Wi||!Wi.test(t)))try{var n=(void 0).call(e,t);if(n||Oi.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(Ok){}return 0<Ta(t,Vi,null,[e]).length},Ta.contains=function(e,t){return(e.ownerDocument||e)!==Vi&&Hi(e),Xi(e,t)},Ta.attr=function(e,t){(e.ownerDocument||e)!==Vi&&Hi(e);var n=Bi.attrHandle[t.toLowerCase()],r=n&&oa.call(Bi.attrHandle,t.toLowerCase())?n(e,t,!$i):undefined;return r!==undefined?r:Oi.attributes||!$i?e.getAttribute(t):(r=e.getAttributeNode(t))&&r.specified?r.value:null},Ta.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},Ta.uniqueSort=function(e){var t,n=[],r=0,o=0;if(ji=!Oi.detectDuplicates,zi=!Oi.sortStable&&e.slice(0),e.sort(na),ji){for(;t=e[o++];)t===e[o]&&(r=n.push(o));for(;r--;)e.splice(n[r],1)}return zi=null,e},Pi=Ta.getText=function(e){var t,n="",r=0,o=e.nodeType;if(o){if(1===o||9===o||11===o){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=Pi(e)}else if(3===o||4===o)return e.nodeValue}else for(;t=e[r++];)n+=Pi(t);return n},(Bi=Ta.selectors={cacheLength:50,createPseudo:Oa,match:wa,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(Aa,Ra),e[3]=(e[3]||e[4]||e[5]||"").replace(Aa,Ra),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||Ta.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&Ta.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return wa.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&ba.test(n)&&(t=Ii(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(Aa,Ra).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=Zi[e+" "];return t||(t=new RegExp("(^|"+fa+")"+e+"("+fa+"|$)"))&&Zi(e,function(e){return t.test("string"==typeof e.className&&e.className||typeof e.getAttribute!=ra&&e.getAttribute("class")||"")})},ATTR:function(n,r,o){return function(e){var t=Ta.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===o:"!="===r?t!==o:"^="===r?o&&0===t.indexOf(o):"*="===r?o&&-1<t.indexOf(o):"$="===r?o&&t.slice(-o.length)===o:"~="===r?-1<(" "+t+" ").indexOf(o):"|="===r&&(t===o||t.slice(0,o.length+1)===o+"-"))}},CHILD:function(m,e,t,p,g){var h="nth"!==m.slice(0,3),v="last"!==m.slice(-4),y="of-type"===e;return 1===p&&0===g?function(e){return!!e.parentNode}:function(e,t,n){var r,o,i,a,u,s,c=h!=v?"nextSibling":"previousSibling",l=e.parentNode,f=y&&e.nodeName.toLowerCase(),d=!n&&!y;if(l){if(h){for(;c;){for(i=e;i=i[c];)if(y?i.nodeName.toLowerCase()===f:1===i.nodeType)return!1;s=c="only"===m&&!s&&"nextSibling"}return!0}if(s=[v?l.firstChild:l.lastChild],v&&d){for(u=(r=(o=l[Yi]||(l[Yi]={}))[m]||[])[0]===Ji&&r[1],a=r[0]===Ji&&r[2],i=u&&l.childNodes[u];i=++u&&i&&i[c]||(a=u=0)||s.pop();)if(1===i.nodeType&&++a&&i===e){o[m]=[Ji,u,a];break}}else if(d&&(r=(e[Yi]||(e[Yi]={}))[m])&&r[0]===Ji)a=r[1];else for(;(i=++u&&i&&i[c]||(a=u=0)||s.pop())&&((y?i.nodeName.toLowerCase()!==f:1!==i.nodeType)||!++a||(d&&((i[Yi]||(i[Yi]={}))[m]=[Ji,a]),i!==e)););return(a-=g)===p||a%p==0&&0<=a/p}}},PSEUDO:function(e,i){var t,a=Bi.pseudos[e]||Bi.setFilters[e.toLowerCase()]||Ta.error("unsupported pseudo: "+e);return a[Yi]?a(i):1<a.length?(t=[e,e,"",i],Bi.setFilters.hasOwnProperty(e.toLowerCase())?Oa(function(e,t){for(var n,r=a(e,i),o=r.length;o--;)e[n=la.call(e,r[o])]=!(t[n]=r[o])}):function(e){return a(e,0,t)}):a}},pseudos:{not:Oa(function(e){var r=[],o=[],u=Mi(e.replace(ga,"$1"));return u[Yi]?Oa(function(e,t,n,r){for(var o,i=u(e,null,r,[]),a=e.length;a--;)(o=i[a])&&(e[a]=!(t[a]=o))}):function(e,t,n){return r[0]=e,u(r,null,n,o),!o.pop()}}),has:Oa(function(t){return function(e){return 0<Ta(t,e).length}}),contains:Oa(function(t){return t=t.replace(Aa,Ra),function(e){return-1<(e.textContent||e.innerText||Pi(e)).indexOf(t)}}),lang:Oa(function(n){return Ca.test(n||"")||Ta.error("unsupported lang: "+n),n=n.replace(Aa,Ra).toLowerCase(),function(e){var t;do{if(t=$i?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=window.location&&window.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===qi},focus:function(e){return e===Vi.activeElement&&(!Vi.hasFocus||Vi.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:function(e){return!1===e.disabled},disabled:function(e){return!0===e.disabled},checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!Bi.pseudos.empty(e)},header:function(e){return Sa.test(e.nodeName)},input:function(e){return xa.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:Pa(function(){return[0]}),last:Pa(function(e,t){return[t-1]}),eq:Pa(function(e,t,n){return[n<0?n+t:n]}),even:Pa(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:Pa(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:Pa(function(e,t,n){for(var r=n<0?n+t:n;0<=--r;)e.push(r);return e}),gt:Pa(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=Bi.pseudos.eq,W(["radio","checkbox","file","password","image"],function(e){var t;Bi.pseudos[e]=(t=e,function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t})}),W(["submit","reset"],function(e){var n;Bi.pseudos[e]=(n=e,function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n})}),Ia.prototype=Bi.filters=Bi.pseudos,Bi.setFilters=new Ia,Ii=Ta.tokenize=function(e,t){var n,r,o,i,a,u,s,c=ea[e+" "];if(c)return t?0:c.slice(0);for(a=e,u=[],s=Bi.preFilter;a;){for(i in n&&!(r=ha.exec(a))||(r&&(a=a.slice(r[0].length)||a),u.push(o=[])),n=!1,(r=va.exec(a))&&(n=r.shift(),o.push({value:n,type:r[0].replace(ga," ")}),a=a.slice(n.length)),Bi.filter)Bi.filter.hasOwnProperty(i)&&(!(r=wa[i].exec(a))||s[i]&&!(r=s[i](r))||(n=r.shift(),o.push({value:n,type:i,matches:r}),a=a.slice(n.length)));if(!n)break}return t?a.length:a?Ta.error(e):ea(e,u).slice(0)},Mi=Ta.compile=function(e,t){var n,h,v,y,b,r,o=[],i=[],a=ta[e+" "];if(!a){for(n=(t=t||Ii(e)).length;n--;)(a=function f(e){for(var r,t,n,o=e.length,i=Bi.relative[e[0].type],a=i||Bi.relative[" "],u=i?1:0,s=Fa(function(e){return e===r},a,!0),c=Fa(function(e){return-1<la.call(r,e)},a,!0),l=[function(e,t,n){return!i&&(n||t!==Ui)||((r=t).nodeType?s:c)(e,t,n)}];u<o;u++)if(t=Bi.relative[e[u].type])l=[Fa(Ua(l),t)];else{if((t=Bi.filter[e[u].type].apply(null,e[u].matches))[Yi]){for(n=++u;n<o&&!Bi.relative[e[n].type];n++);return ja(1<u&&Ua(l),1<u&&Ma(e.slice(0,u-1).concat({value:" "===e[u-2].type?"*":""})).replace(ga,"$1"),t,u<n&&f(e.slice(u,n)),n<o&&f(e=e.slice(n)),n<o&&Ma(e))}l.push(t)}return Ua(l)}(t[n]))[Yi]?o.push(a):i.push(a);(a=ta(e,(h=i,y=0<(v=o).length,b=0<h.length,r=function(e,t,n,r,o){var i,a,u,s=0,c="0",l=e&&[],f=[],d=Ui,m=e||b&&Bi.find.TAG("*",o),p=Ji+=null==d?1:Math.random()||.1,g=m.length;for(o&&(Ui=t!==Vi&&t);c!==g&&null!=(i=m[c]);c++){if(b&&i){for(a=0;u=h[a++];)if(u(i,t,n)){r.push(i);break}o&&(Ji=p)}y&&((i=!u&&i)&&s--,e&&l.push(i))}if(s+=c,y&&c!==s){for(a=0;u=v[a++];)u(l,f,t,n);if(e){if(0<s)for(;c--;)l[c]||f[c]||(f[c]=aa.call(r));f=za(f)}sa.apply(r,f),o&&!e&&0<f.length&&1<s+v.length&&Ta.uniqueSort(r)}return o&&(Ji=p,Ui=d),l},y?Oa(r):r))).selector=e}return a},Fi=Ta.select=function(e,t,n,r){var o,i,a,u,s,c="function"==typeof e&&e,l=!r&&Ii(e=c.selector||e);if(n=n||[],1===l.length){if(2<(i=l[0]=l[0].slice(0)).length&&"ID"===(a=i[0]).type&&Oi.getById&&9===t.nodeType&&$i&&Bi.relative[i[1].type]){if(!(t=(Bi.find.ID(a.matches[0].replace(Aa,Ra),t)||[])[0]))return n;c&&(t=t.parentNode),e=e.slice(i.shift().value.length)}for(o=wa.needsContext.test(e)?0:i.length;o--&&(a=i[o],!Bi.relative[u=a.type]);)if((s=Bi.find[u])&&(r=s(a.matches[0].replace(Aa,Ra),ka.test(i[0].type)&&La(t.parentNode)||t))){if(i.splice(o,1),!(e=r.length&&Ma(i)))return sa.apply(n,r),n;break}}return(c||Mi(e,l))(r,t,!$i,n,ka.test(e)&&La(t.parentNode)||t),n},Oi.sortStable=Yi.split("").sort(na).join("")===Yi,Oi.detectDuplicates=!!ji,Hi(),Oi.sortDetached=!0;var Ha=document,Va=Array.prototype.push,qa=Array.prototype.slice,$a=/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,Wa=Ti.Event,Ka=kt.makeMap("children,contents,next,prev"),Xa=function(e){return void 0!==e},Ya=function(e){return"string"==typeof e},Ga=function(e,t){var n,r=(t=t||Ha).createElement("div"),o=t.createDocumentFragment();for(r.innerHTML=e;n=r.firstChild;)o.appendChild(n);return o},Ja=function(e,t,n,r){var o;if(Ya(t))t=Ga(t,fu(e[0]));else if(t.length&&!t.nodeType){if(t=hu.makeArray(t),r)for(o=t.length-1;0<=o;o--)Ja(e,t[o],n,r);else for(o=0;o<t.length;o++)Ja(e,t[o],n,r);return e}if(t.nodeType)for(o=e.length;o--;)n.call(e[o],t);return e},Qa=function(e,t){return e&&t&&-1!==(" "+e.className+" ").indexOf(" "+t+" ")},Za=function(e,t,n){var r,o;return t=hu(t)[0],e.each(function(){n&&r===this.parentNode||(r=this.parentNode,o=t.cloneNode(!1),this.parentNode.insertBefore(o,this)),o.appendChild(this)}),e},eu=kt.makeMap("fillOpacity fontWeight lineHeight opacity orphans widows zIndex zoom"," "),tu=kt.makeMap("checked compact declare defer disabled ismap multiple nohref noshade nowrap readonly selected"," "),nu={"for":"htmlFor","class":"className",readonly:"readOnly"},ru={"float":"cssFloat"},ou={},iu={},au=function(e,t){return new hu.fn.init(e,t)},uu=/^\s*|\s*$/g,su=function(e){return null===e||e===undefined?"":(""+e).replace(uu,"")},cu=function(e,t){var n,r,o,i;if(e)if((n=e.length)===undefined){for(r in e)if(e.hasOwnProperty(r)&&(i=e[r],!1===t.call(i,r,i)))break}else for(o=0;o<n&&(i=e[o],!1!==t.call(i,o,i));o++);return e},lu=function(e,n){var r=[];return cu(e,function(e,t){n(t,e)&&r.push(t)}),r},fu=function(e){return e?9===e.nodeType?e:e.ownerDocument:Ha};au.fn=au.prototype={constructor:au,selector:"",context:null,length:0,init:function(e,t){var n,r,o=this;if(!e)return o;if(e.nodeType)return o.context=o[0]=e,o.length=1,o;if(t&&t.nodeType)o.context=t;else{if(t)return hu(e).attr(t);o.context=t=document}if(Ya(e)){if(!(n="<"===(o.selector=e).charAt(0)&&">"===e.charAt(e.length-1)&&3<=e.length?[null,e,null]:$a.exec(e)))return hu(t).find(e);if(n[1])for(r=Ga(e,fu(t)).firstChild;r;)Va.call(o,r),r=r.nextSibling;else{if(!(r=fu(t).getElementById(n[2])))return o;if(r.id!==n[2])return o.find(e);o.length=1,o[0]=r}}else this.add(e,!1);return o},toArray:function(){return kt.toArray(this)},add:function(e,t){var n,r;if(Ya(e))return this.add(hu(e));if(!1!==t)for(n=hu.unique(this.toArray().concat(hu.makeArray(e))),this.length=n.length,r=0;r<n.length;r++)this[r]=n[r];else Va.apply(this,hu.makeArray(e));return this},attr:function(t,n){var e,r=this;if("object"==typeof t)cu(t,function(e,t){r.attr(e,t)});else{if(!Xa(n)){if(r[0]&&1===r[0].nodeType){if((e=ou[t])&&e.get)return e.get(r[0],t);if(tu[t])return r.prop(t)?t:undefined;null===(n=r[0].getAttribute(t,2))&&(n=undefined)}return n}this.each(function(){var e;if(1===this.nodeType){if((e=ou[t])&&e.set)return void e.set(this,n);null===n?this.removeAttribute(t,2):this.setAttribute(t,n,2)}})}return r},removeAttr:function(e){return this.attr(e,null)},prop:function(e,t){var n=this;if("object"==typeof(e=nu[e]||e))cu(e,function(e,t){n.prop(e,t)});else{if(!Xa(t))return n[0]&&n[0].nodeType&&e in n[0]?n[0][e]:t;this.each(function(){1===this.nodeType&&(this[e]=t)})}return n},css:function(n,r){var e,o,i=this,t=function(e){return e.replace(/-(\D)/g,function(e,t){return t.toUpperCase()})},a=function(e){return e.replace(/[A-Z]/g,function(e){return"-"+e})};if("object"==typeof n)cu(n,function(e,t){i.css(e,t)});else if(Xa(r))n=t(n),"number"!=typeof r||eu[n]||(r=r.toString()+"px"),i.each(function(){var e=this.style;if((o=iu[n])&&o.set)o.set(this,r);else{try{this.style[ru[n]||n]=r}catch(t){}null!==r&&""!==r||(e.removeProperty?e.removeProperty(a(n)):e.removeAttribute(n))}});else{if(e=i[0],(o=iu[n])&&o.get)return o.get(e);if(!e.ownerDocument.defaultView)return e.currentStyle?e.currentStyle[t(n)]:"";try{return e.ownerDocument.defaultView.getComputedStyle(e,null).getPropertyValue(a(n))}catch(u){return undefined}}return i},remove:function(){for(var e,t=this.length;t--;)e=this[t],Wa.clean(e),e.parentNode&&e.parentNode.removeChild(e);return this},empty:function(){for(var e,t=this.length;t--;)for(e=this[t];e.firstChild;)e.removeChild(e.firstChild);return this},html:function(e){var t;if(Xa(e)){t=this.length;try{for(;t--;)this[t].innerHTML=e}catch(n){hu(this[t]).empty().append(e)}return this}return this[0]?this[0].innerHTML:""},text:function(e){var t;if(Xa(e)){for(t=this.length;t--;)"innerText"in this[t]?this[t].innerText=e:this[0].textContent=e;return this}return this[0]?this[0].innerText||this[0].textContent:""},append:function(){return Ja(this,arguments,function(e){(1===this.nodeType||this.host&&1===this.host.nodeType)&&this.appendChild(e)})},prepend:function(){return Ja(this,arguments,function(e){(1===this.nodeType||this.host&&1===this.host.nodeType)&&this.insertBefore(e,this.firstChild)},!0)},before:function(){return this[0]&&this[0].parentNode?Ja(this,arguments,function(e){this.parentNode.insertBefore(e,this)}):this},after:function(){return this[0]&&this[0].parentNode?Ja(this,arguments,function(e){this.parentNode.insertBefore(e,this.nextSibling)},!0):this},appendTo:function(e){return hu(e).append(this),this},prependTo:function(e){return hu(e).prepend(this),this},replaceWith:function(e){return this.before(e).remove()},wrap:function(e){return Za(this,e)},wrapAll:function(e){return Za(this,e,!0)},wrapInner:function(e){return this.each(function(){hu(this).contents().wrapAll(e)}),this},unwrap:function(){return this.parent().each(function(){hu(this).replaceWith(this.childNodes)})},clone:function(){var e=[];return this.each(function(){e.push(this.cloneNode(!0))}),hu(e)},addClass:function(e){return this.toggleClass(e,!0)},removeClass:function(e){return this.toggleClass(e,!1)},toggleClass:function(o,i){var e=this;return"string"!=typeof o||(-1!==o.indexOf(" ")?cu(o.split(" "),function(){e.toggleClass(this,i)}):e.each(function(e,t){var n,r=Qa(t,o);r!==i&&(n=t.className,r?t.className=su((" "+n+" ").replace(" "+o+" "," ")):t.className+=n?" "+o:o)})),e},hasClass:function(e){return Qa(this[0],e)},each:function(e){return cu(this,e)},on:function(e,t){return this.each(function(){Wa.bind(this,e,t)})},off:function(e,t){return this.each(function(){Wa.unbind(this,e,t)})},trigger:function(e){return this.each(function(){"object"==typeof e?Wa.fire(this,e.type,e):Wa.fire(this,e)})},show:function(){return this.css("display","")},hide:function(){return this.css("display","none")},slice:function(){return new hu(qa.apply(this,arguments))},eq:function(e){return-1===e?this.slice(e):this.slice(e,+e+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},find:function(e){for(var t=[],n=0,r=this.length;n<r;n++)hu.find(e,this[n],t);return hu(t)},filter:function(n){return hu("function"==typeof n?lu(this.toArray(),function(e,t){return n(t,e)}):hu.filter(n,this.toArray()))},closest:function(n){var r=[];return n instanceof hu&&(n=n[0]),this.each(function(e,t){for(;t;){if("string"==typeof n&&hu(t).is(n)){r.push(t);break}if(t===n){r.push(t);break}t=t.parentNode}}),hu(r)},offset:function(e){var t,n,r,o,i=0,a=0;return e?this.css(e):((t=this[0])&&(r=(n=t.ownerDocument).documentElement,t.getBoundingClientRect&&(i=(o=t.getBoundingClientRect()).left+(r.scrollLeft||n.body.scrollLeft)-r.clientLeft,a=o.top+(r.scrollTop||n.body.scrollTop)-r.clientTop)),{left:i,top:a})},push:Va,sort:Array.prototype.sort,splice:Array.prototype.splice},kt.extend(au,{extend:kt.extend,makeArray:function(e){return(t=e)&&t===t.window||e.nodeType?[e]:kt.toArray(e);var t},inArray:function(e,t){var n;if(t.indexOf)return t.indexOf(e);for(n=t.length;n--;)if(t[n]===e)return n;return-1},isArray:kt.isArray,each:cu,trim:su,grep:lu,find:Ta,expr:Ta.selectors,unique:Ta.uniqueSort,text:Ta.getText,contains:Ta.contains,filter:function(e,t,n){var r=t.length;for(n&&(e=":not("+e+")");r--;)1!==t[r].nodeType&&t.splice(r,1);return t=1===t.length?hu.find.matchesSelector(t[0],e)?[t[0]]:[]:hu.find.matches(e,t)}});var du=function(e,t,n){var r=[],o=e[t];for("string"!=typeof n&&n instanceof hu&&(n=n[0]);o&&9!==o.nodeType;){if(n!==undefined){if(o===n)break;if("string"==typeof n&&hu(o).is(n))break}1===o.nodeType&&r.push(o),o=o[t]}return r},mu=function(e,t,n,r){var o=[];for(r instanceof hu&&(r=r[0]);e;e=e[t])if(!n||e.nodeType===n){if(r!==undefined){if(e===r)break;if("string"==typeof r&&hu(e).is(r))break}o.push(e)}return o},pu=function(e,t,n){for(e=e[t];e;e=e[t])if(e.nodeType===n)return e;return null};cu({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return du(e,"parentNode")},next:function(e){return pu(e,"nextSibling",1)},prev:function(e){return pu(e,"previousSibling",1)},children:function(e){return mu(e.firstChild,"nextSibling",1)},contents:function(e){return kt.toArray(("iframe"===e.nodeName?e.contentDocument||e.contentWindow.document:e).childNodes)}},function(r,o){au.fn[r]=function(t){var n=[];this.each(function(){var e=o.call(n,this,t,n);e&&(hu.isArray(e)?n.push.apply(n,e):n.push(e))}),1<this.length&&(Ka[r]||(n=hu.unique(n)),0===r.indexOf("parents")&&(n=n.reverse()));var e=hu(n);return t?e.filter(t):e}}),cu({parentsUntil:function(e,t){return du(e,"parentNode",t)},nextUntil:function(e,t){return mu(e,"nextSibling",1,t).slice(1)},prevUntil:function(e,t){return mu(e,"previousSibling",1,t).slice(1)}},function(o,i){au.fn[o]=function(t,e){var n=[];this.each(function(){var e=i.call(n,this,t,n);e&&(hu.isArray(e)?n.push.apply(n,e):n.push(e))}),1<this.length&&(n=hu.unique(n),0!==o.indexOf("parents")&&"prevUntil"!==o||(n=n.reverse()));var r=hu(n);return e?r.filter(e):r}}),au.fn.is=function(e){return!!e&&0<this.filter(e).length},au.fn.init.prototype=au.fn,au.overrideDefaults=function(n){var r,o=function(e,t){return r=r||n(),0===arguments.length&&(e=r.element),t=t||r.context,new o.fn.init(e,t)};return hu.extend(o,this),o},au.attrHooks=ou,au.cssHooks=iu;var gu,hu=au,vu=kt.each,yu=kt.grep,bu=wt.ie,Cu=/^([a-z0-9],?)+$/i,wu=function(n,r,o){var i=r.keep_values,e={set:function(e,t,n){r.url_converter&&(t=r.url_converter.call(r.url_converter_scope||o(),t,n,e[0])),e.attr("data-mce-"+n,t).attr(n,t)},get:function(e,t){return e.attr("data-mce-"+t)||e.attr(t)}},t={style:{set:function(e,t){null===t||"object"!=typeof t?(i&&e.attr("data-mce-style",t),null!==t&&"string"==typeof t?(e.removeAttr("style"),e.css(n.parse(t))):e.attr("style",t)):e.css(t)},get:function(e){var t=e.attr("data-mce-style")||e.attr("style");return t=n.serialize(n.parse(t),e[0].nodeName)}}};return i&&(t.href=t.src=e),t},xu=function(e,t){var n=t.attr("style"),r=(r=e.serialize(e.parse(n),t[0].nodeName))||null;t.attr("data-mce-style",r)},Su=function(e,t){var n,r,o=0;if(e)for(n=e.nodeType,e=e.previousSibling;e;e=e.previousSibling)r=e.nodeType,(!t||3!==r||r!==n&&e.nodeValue.length)&&(o++,n=r);return o};function Nu(a,u){var s=this;void 0===u&&(u={});var r={},c=window,n={},t=0,o=Kr.forElement(At.fromDom(a),{contentCssCors:u.contentCssCors,referrerPolicy:u.referrerPolicy}),l=[],f=u.schema?u.schema:Ci({}),i=xi({url_converter:u.url_converter,url_converter_scope:u.url_converter_scope},u.schema),d=u.ownEvents?new Ti:Ti.Event,m=f.getBlockElements(),p=hu.overrideDefaults(function(){return{context:a,element:j.getRoot()}}),g=function(e){return e&&a&&q(e)?a.getElementById(e):e},h=function(e){return p("string"==typeof e?g(e):e)},v=function(e,t,n){var r,o,i=h(e);return i.length&&(o=(r=H[t])&&r.get?r.get(i,t):i.attr(t)),void 0===o&&(o=n||""),o},y=function(e){var t=g(e);return t?t.attributes:[]},b=function(e,t,n){""===n&&(n=null);var r,o=h(e),i=o.attr(t);o.length&&((r=H[t])&&r.set?r.set(o,n,t):o.attr(t,n),i!==n&&u.onSetAttrib&&u.onSetAttrib({attrElm:o,attrName:t,attrValue:n}))},C=function(){return u.root_element||a.body},w=function(e,t){return ur(a.body,g(e),t)},x=function(e,t,n){var r=h(e);return n?r.css(t):("float"===(t=t.replace(/-(\D)/g,function(e,t){return t.toUpperCase()}))&&(t=wt.browser.isIE()?"styleFloat":"cssFloat"),r[0]&&r[0].style?r[0].style[t]:undefined)},S=function(e){var t,n;return e=g(e),t=x(e,"width"),n=x(e,"height"),-1===t.indexOf("px")&&(t=0),-1===n.indexOf("px")&&(n=0),{w:parseInt(t,10)||e.offsetWidth||e.clientWidth,h:parseInt(n,10)||e.offsetHeight||e.clientHeight}},N=function(e,t){if(!e)return!1;if(!Array.isArray(e)){if("*"===t)return 1===e.nodeType;if(Cu.test(t)){for(var n=t.toLowerCase().split(/,/),r=e.nodeName.toLowerCase(),o=n.length-1;0<=o;o--)if(n[o]===r)return!0;return!1}if(e.nodeType&&1!==e.nodeType)return!1}var i=Array.isArray(e)?e:[e];return 0<Ta(t,i[0].ownerDocument||i[0],null,i).length},E=function(e,t,n,r){var o,i=[],a=g(e);for(r=r===undefined,n=n||("BODY"!==C().nodeName?C().parentNode:null),kt.is(t,"string")&&(t="*"===(o=t)?function(e){return 1===e.nodeType}:function(e){return N(e,o)});a&&!(a===n||$(a.nodeType)||Fn(a)||Un(a));){if(!t||"function"==typeof t&&t(a)){if(!r)return[a];i.push(a)}a=a.parentNode}return r?i:null},k=function(e,t,n){var r=t;if(e)for("string"==typeof t&&(r=function(e){return N(e,t)}),e=e[n];e;e=e[n])if("function"==typeof r&&r(e))return e;return null},_=function(e,n,r){var o,t="string"==typeof e?g(e):e;if(!t)return!1;if(kt.isArray(t)&&(t.length||0===t.length))return o=[],vu(t,function(e,t){e&&o.push(n.call(r,"string"==typeof e?g(e):e,t))}),o;var i=r||s;return n.call(i,t)},A=function(e,t){h(e).each(function(e,n){vu(t,function(e,t){b(n,t,e)})})},R=function(e,r){var t=h(e);bu?t.each(function(e,t){if(!1!==t.canHaveHTML){for(;t.firstChild;)t.removeChild(t.firstChild);try{t.innerHTML="<br>"+r,t.removeChild(t.firstChild)}catch(n){hu("<div></div>").html("<br>"+r).contents().slice(1).appendTo(t)}return r}}):t.html(r)},T=function(e,n,r,o,i){return _(e,function(e){var t="string"==typeof n?a.createElement(n):n;return A(t,r),o&&("string"!=typeof o&&o.nodeType?t.appendChild(o):"string"==typeof o&&R(t,o)),i?t:e.appendChild(t)})},D=function(e,t,n){return T(a.createElement(e),e,t,n,!0)},e=ci.decode,O=ci.encodeAllRaw,B=function(e,t){var n=h(e);return t?n.each(function(){for(var e;e=this.firstChild;)3===e.nodeType&&0===e.data.length?this.removeChild(e):this.parentNode.insertBefore(e,this)}).remove():n.remove(),1<n.length?n.toArray():n[0]},P=function(e,t,n){h(e).toggleClass(t,n).each(function(){""===this.className&&hu(this).attr("class",null)})},L=function(t,e,n){return _(e,function(e){return kt.is(e,"array")&&(t=t.cloneNode(!0)),n&&vu(yu(e.childNodes),function(e){t.appendChild(e)}),e.parentNode.replaceChild(t,e)})},I=function(e){if(An(e)){var t="a"===e.nodeName.toLowerCase()&&!v(e,"href")&&v(e,"id");if(v(e,"name")||v(e,"data-mce-bookmark")||t)return!0}return!1},M=function(){return a.createRange()},F=function(e,t,n,r){if(kt.isArray(e)){for(var o=e.length,i=[];o--;)i[o]=F(e[o],t,n,r);return i}return!u.collect||e!==a&&e!==c||l.push([e,t,n,r]),d.bind(e,t,n,r||j)},U=function(e,t,n){if(kt.isArray(e)){for(var r=e.length,o=[];r--;)o[r]=U(e[r],t,n);return o}if(0<l.length&&(e===a||e===c))for(r=l.length;r--;){var i=l[r];e!==i[0]||t&&t!==i[1]||n&&n!==i[2]||d.unbind(i[0],i[1],i[2])}return d.unbind(e,t,n)},z=function(e){if(e&&An(e)){var t=e.getAttribute("data-mce-contenteditable");return t&&"inherit"!==t?t:"inherit"!==e.contentEditable?e.contentEditable:null}return null},j={doc:a,settings:u,win:c,files:n,stdMode:!0,boxModel:!0,styleSheetLoader:o,boundEvents:l,styles:i,schema:f,events:d,isBlock:function(e){if("string"==typeof e)return!!m[e];if(e){var t=e.nodeType;if(t)return!(1!==t||!m[e.nodeName])}return!1},$:p,$$:h,root:null,clone:function(t,e){if(!bu||1!==t.nodeType||e)return t.cloneNode(e);var n=a.createElement(t.nodeName);return vu(y(t),function(e){b(n,e.nodeName,v(t,e.nodeName))}),n},getRoot:C,getViewPort:function(e){var t=En(e);return{x:t.x,y:t.y,w:t.width,h:t.height}},getRect:function(e){e=g(e);var t=w(e),n=S(e);return{x:t.x,y:t.y,w:n.w,h:n.h}},getSize:S,getParent:function(e,t,n){var r=E(e,t,n,!1);return r&&0<r.length?r[0]:null},getParents:E,get:g,getNext:function(e,t){return k(e,t,"nextSibling")},getPrev:function(e,t){return k(e,t,"previousSibling")},select:function(e,t){return Ta(e,g(t)||u.root_element||a,[])},is:N,add:T,create:D,createHTML:function(e,t,n){var r,o="";for(r in o+="<"+e,t)t.hasOwnProperty(r)&&null!==t[r]&&"undefined"!=typeof t[r]&&(o+=" "+r+'="'+O(t[r])+'"');return void 0!==n?o+">"+n+"</"+e+">":o+" />"},createFragment:function(e){var t,n=a.createElement("div"),r=a.createDocumentFragment();for(r.appendChild(n),e&&(n.innerHTML=e);t=n.firstChild;)r.appendChild(t);return r.removeChild(n),r},remove:B,setStyle:function(e,t,n){var r=q(t)?h(e).css(t,n):h(e).css(t);u.update_styles&&xu(i,r)},getStyle:x,setStyles:function(e,t){var n=h(e).css(t);u.update_styles&&xu(i,n)},removeAllAttribs:function(e){return _(e,function(e){for(var t=e.attributes,n=t.length-1;0<=n;n--)e.removeAttributeNode(t.item(n))})},setAttrib:b,setAttribs:A,getAttrib:v,getPos:w,parseStyle:function(e){return i.parse(e)},serializeStyle:function(e,t){return i.serialize(e,t)},addStyle:function(e){var t,n;if(j!==Nu.DOM&&a===document){if(r[e])return;r[e]=!0}(n=a.getElementById("mceDefaultStyles"))||((n=a.createElement("style")).id="mceDefaultStyles",n.type="text/css",(t=a.getElementsByTagName("head")[0]).firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n)),n.styleSheet?n.styleSheet.cssText+=e:n.appendChild(a.createTextNode(e))},loadCSS:function(e){W((e=e||"").split(","),function(e){n[e]=!0,o.load(e,V)})},addClass:function(e,t){h(e).addClass(t)},removeClass:function(e,t){P(e,t,!1)},hasClass:function(e,t){return h(e).hasClass(t)},toggleClass:P,show:function(e){h(e).show()},hide:function(e){h(e).hide()},isHidden:function(e){return"none"===h(e).css("display")},uniqueId:function(e){return(e||"mce_")+t++},setHTML:R,getOuterHTML:function(e){var t="string"==typeof e?g(e):e;return An(t)?t.outerHTML:hu("<div></div>").append(hu(t).clone()).html()},setOuterHTML:function(e,t){h(e).each(function(){try{if("outerHTML"in this)return void(this.outerHTML=t)}catch(e){}B(hu(this).html(t),!0)})},decode:e,encode:O,insertAfter:function(e,t){var r=g(t);return _(e,function(e){var t=r.parentNode,n=r.nextSibling;return n?t.insertBefore(e,n):t.appendChild(e),e})},replace:L,rename:function(t,e){var n;return t.nodeName!==e.toUpperCase()&&(n=D(e),vu(y(t),function(e){b(n,e.nodeName,v(t,e.nodeName))}),L(n,t,!0)),n||t},findCommonAncestor:function(e,t){for(var n,r=e;r;){for(n=t;n&&r!==n;)n=n.parentNode;if(r===n)break;r=r.parentNode}return!r&&e.ownerDocument?e.ownerDocument.documentElement:r},toHex:function(e){return i.toHex(kt.trim(e))},run:_,getAttribs:y,isEmpty:function(e,t){var n,r,o=0;if(I(e))return!1;if(e=e.firstChild){var i=new Xr(e,e.parentNode),a=f?f.getWhiteSpaceElements():{};t=t||(f?f.getNonEmptyElements():null);do{if(n=e.nodeType,An(e)){var u=e.getAttribute("data-mce-bogus");if(u){e=i.next("all"===u);continue}if(r=e.nodeName.toLowerCase(),t&&t[r]){if("br"!==r)return!1;o++,e=i.next();continue}if(I(e))return!1}if(8===n)return!1;if(3===n&&!Uo(e.nodeValue))return!1;if(3===n&&e.parentNode&&a[e.parentNode.nodeName]&&Uo(e.nodeValue))return!1;e=i.next()}while(e)}return o<=1},createRng:M,nodeIndex:Su,split:function(e,t,n){var r,o,i,a=M();if(e&&t)return a.setStart(e.parentNode,Su(e)),a.setEnd(t.parentNode,Su(t)),r=a.extractContents(),(a=M()).setStart(t.parentNode,Su(t)+1),a.setEnd(e.parentNode,Su(e)+1),o=a.extractContents(),(i=e.parentNode).insertBefore(Yo(j,r),e),n?i.insertBefore(n,e):i.insertBefore(t,e),i.insertBefore(Yo(j,o),e),B(e),n||t},bind:F,unbind:U,fire:function(e,t,n){return d.fire(e,t,n)},getContentEditable:z,getContentEditableParent:function(e){for(var t=C(),n=null;e&&e!==t&&null===(n=z(e));e=e.parentNode);return n},destroy:function(){if(0<l.length)for(var e=l.length;e--;){var t=l[e];d.unbind(t[0],t[1],t[2])}ue(n,function(e,t){o.unload(t),delete n[t]}),Ta.setDocument&&Ta.setDocument()},isChildOf:function(e,t){for(;e;){if(t===e)return!0;e=e.parentNode}return!1},dumpRng:function(e){return"startContainer: "+e.startContainer.nodeName+", startOffset: "+e.startOffset+", endContainer: "+e.endContainer.nodeName+", endOffset: "+e.endOffset}},H=wu(i,u,function(){return j});return j}(gu=Nu=Nu||{}).DOM=gu(document),gu.nodeIndex=Su;var Eu=Nu,ku=Eu.DOM,_u=kt.each,Au=kt.grep,Ru=(Tu.prototype._setReferrerPolicy=function(e){this.settings.referrerPolicy=e},Tu.prototype.loadScript=function(e,t,n){var r=ku,o=function(){r.remove(i),a&&(a.onerror=a.onload=a=null)},i=r.uniqueId(),a=document.createElement("script");a.id=i,a.type="text/javascript",a.src=kt._addCacheSuffix(e),this.settings.referrerPolicy&&r.setAttrib(a,"referrerpolicy",this.settings.referrerPolicy),a.onload=function(){o(),t()},a.onerror=function(){o(),T(n)?n():"undefined"!=typeof console&&console.log&&console.log("Failed to load script: "+e)},(document.getElementsByTagName("head")[0]||document.body).appendChild(a)},Tu.prototype.isDone=function(e){return 2===this.states[e]},Tu.prototype.markDone=function(e){this.states[e]=2},Tu.prototype.add=function(e,t,n,r){var o=this.states[e];this.queue.push(e),o===undefined&&(this.states[e]=0),t&&(this.scriptLoadedCallbacks[e]||(this.scriptLoadedCallbacks[e]=[]),this.scriptLoadedCallbacks[e].push({success:t,failure:r,scope:n||this}))},Tu.prototype.load=function(e,t,n,r){return this.add(e,t,n,r)},Tu.prototype.remove=function(e){delete this.states[e],delete this.scriptLoadedCallbacks[e]},Tu.prototype.loadQueue=function(e,t,n){this.loadScripts(this.queue,e,t,n)},Tu.prototype.loadScripts=function(n,e,t,r){var o=this,i=[],a=function(t,e){_u(o.scriptLoadedCallbacks[e],function(e){T(e[t])&&e[t].call(e.scope)}),o.scriptLoadedCallbacks[e]=undefined};o.queueLoadedCallbacks.push({success:e,failure:r,scope:t||this});var u=function(){var e,t=Au(n);n.length=0,_u(t,function(e){2!==o.states[e]?3!==o.states[e]?1!==o.states[e]&&(o.states[e]=1,o.loading++,o.loadScript(e,function(){o.states[e]=2,o.loading--,a("success",e),u()},function(){o.states[e]=3,o.loading--,i.push(e),a("failure",e),u()})):a("failure",e):a("success",e)}),o.loading||(e=o.queueLoadedCallbacks.slice(0),o.queueLoadedCallbacks.length=0,_u(e,function(e){0===i.length?T(e.success)&&e.success.call(e.scope):T(e.failure)&&e.failure.call(e.scope,i)}))};u()},Tu.ScriptLoader=new Tu,Tu);function Tu(e){void 0===e&&(e={}),this.states={},this.queue=[],this.scriptLoadedCallbacks={},this.queueLoadedCallbacks=[],this.loading=0,this.settings=e}var Du,Ou=function(e){var t=e;return{get:function(){return t},set:function(e){t=e}}},Bu={},Pu=Ou("en"),Lu=function(){return ge(Bu,Pu.get())},Iu={getData:function(){return se(Bu,function(e){return ke({},e)})},setCode:function(e){e&&Pu.set(e)},getCode:function(){return Pu.get()},add:function(e,t){var n=Bu[e];n||(Bu[e]=n={}),ue(t,function(e,t){n[t.toLowerCase()]=e})},translate:function(e){var t,n,r=Lu().getOr({}),o=function(e){return T(e)?Object.prototype.toString.call(e):i(e)?"":""+e},i=function(e){return""===e||null===e||e===undefined},a=function(e){var t=o(e);return ge(r,t.toLowerCase()).map(o).getOr(t)},u=function(e){return e.replace(/{context:\w+}$/,"")};if(i(e))return"";if(_(t=e)&&he(t,"raw"))return o(e.raw);if(S(n=e)&&1<n.length){var s=e.slice(1);return u(a(e[0]).replace(/\{([0-9]+)\}/g,function(e,t){return he(s,t)?o(s[t]):e}))}return u(a(e))},isRtl:function(){return Lu().bind(function(e){return ge(e,"_dir")}).exists(function(e){return"rtl"===e})},hasCode:function(e){return he(Bu,e)}};function Mu(){var r=this,o=[],s={},c={},i=[],l=function(t,n){var e=H(i,function(e){return e.name===t&&e.state===n});W(e,function(e){return e.callback()})},f=function(e){var t;return c[e]&&(t=c[e].dependencies),t||[]},d=function(e,t){return"object"==typeof t?t:"string"==typeof e?{prefix:"",resource:t,suffix:""}:{prefix:e.prefix,resource:t,suffix:e.suffix}},m=function(o,i,a,u,e){var t,n;s[o]||(0!==(t="string"==typeof i?i:i.prefix+i.resource+i.suffix).indexOf("/")&&-1===t.indexOf("://")&&(t=Mu.baseURL+"/"+t),s[o]=t.substring(0,t.lastIndexOf("/")),n=function(){var n,e,t,r;l(o,"loaded"),n=i,e=a,t=u,r=f(o),W(r,function(e){var t=d(n,e);m(t.resource,t,undefined,undefined)}),e&&(t?e.call(t):e.call(Ru))},c[o]?n():Ru.ScriptLoader.add(t,n,u,e))},e=function(e,t,n){void 0===n&&(n="added"),he(c,e)&&"added"===n||he(s,e)&&"loaded"===n?t():i.push({name:e,state:n,callback:t})};return{items:o,urls:s,lookup:c,_listeners:i,get:function(e){return c[e]?c[e].instance:undefined},dependencies:f,requireLangPack:function(t,n){!1!==Mu.languageLoad&&e(t,function(){var e=Iu.getCode();!e||n&&-1===(","+(n||"")+",").indexOf(","+e+",")||Ru.ScriptLoader.add(s[t]+"/langs/"+e+".js")},"loaded")},add:function(e,t,n){var r=t;return o.push(r),c[e]={instance:r,dependencies:n},l(e,"added"),r},remove:function(e){delete s[e],delete c[e]},createUrl:d,addComponents:function(e,t){var n=r.urls[e];W(t,function(e){Ru.ScriptLoader.add(n+"/"+e)})},load:m,waitFor:e}}(Du=Mu=Mu||{}).PluginManager=Du(),Du.ThemeManager=Du();var Fu,Uu=Mu,zu=function(n,r){var o=null;return{cancel:function(){null!==o&&(clearTimeout(o),o=null)},throttle:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];null===o&&(o=setTimeout(function(){n.apply(null,e),o=null},r))}}},ju=function(n,r){var o=null;return{cancel:function(){null!==o&&(clearTimeout(o),o=null)},throttle:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];null!==o&&clearTimeout(o),o=setTimeout(function(){n.apply(null,e),o=null},r)}}},Hu=function(e,t){var n=Gn(e,t);return n===undefined||""===n?[]:n.split(" ")},Vu=function(e){return e.dom.classList!==undefined},qu=function(e,t){return o=t,i=Hu(n=e,r="class").concat([o]),Xn(n,r,i.join(" ")),!0;var n,r,o,i},$u=function(e,t){return o=t,0<(i=H(Hu(n=e,r="class"),function(e){return e!==o})).length?Xn(n,r,i.join(" ")):Qn(n,r),!1;var n,r,o,i},Wu=function(e,t){Vu(e)?e.dom.classList.add(t):qu(e,t)},Ku=function(e){0===(Vu(e)?e.dom.classList:Hu(e,"class")).length&&Qn(e,"class")},Xu=function(e,t){return Vu(e)&&e.dom.classList.contains(t)},Yu=function(e,t){var n=[];return W(Gt(e),function(e){t(e)&&(n=n.concat([e])),n=n.concat(Yu(e,t))}),n},Gu=function(e,t){return n=t,o=(r=e)===undefined?document:r.dom,Dt(o)?[]:z(o.querySelectorAll(n),At.fromDom);var n,r,o},Ju=E("mce-annotation"),Qu=E("data-mce-annotation"),Zu=E("data-mce-annotation-uid"),es=function(r,e){var t=r.selection.getRng(),n=At.fromDom(t.startContainer),o=At.fromDom(r.getBody()),i=e.fold(function(){return"."+Ju()},function(e){return"["+Qu()+'="'+e+'"]'}),a=Jt(n,t.startOffset).getOr(n),u=Or(a,i,function(e){return Ot(e,o)}),s=function(e,t){return n=t,(r=e.dom)&&r.hasAttribute&&r.hasAttribute(n)?U.some(Gn(e,t)):U.none();var n,r};return u.bind(function(e){return s(e,""+Zu()).bind(function(n){return s(e,""+Qu()).map(function(e){var t=ts(r,n);return{uid:n,name:e,elements:t}})})})},ts=function(e,t){var n=At.fromDom(e.getBody());return Gu(n,"["+Zu()+'="'+t+'"]')},ns=function(i,e){var a=Ou({}),c=function(e,t){u(e,function(e){return t(e),e})},u=function(e,t){var n=a.get(),r=t(n.hasOwnProperty(e)?n[e]:{listeners:[],previous:Ou(U.none())});n[e]=r,a.set(n)},t=ju(function(){var e,t,n,r=a.get(),o=(e=ie(r),(n=B.call(e,0)).sort(t),n);W(o,function(e){u(e,function(u){var s=u.previous.get();return es(i,U.some(e)).fold(function(){var t;s.isSome()&&(c(t=e,function(e){W(e.listeners,function(e){return e(!1,t)})}),u.previous.set(U.none()))},function(e){var t,n,r,o=e.uid,i=e.name,a=e.elements;s.is(o)||(n=o,r=a,c(t=i,function(e){W(e.listeners,function(e){return e(!0,t,{uid:n,nodes:z(r,function(e){return e.dom})})})}),u.previous.set(U.some(o)))}),{previous:u.previous,listeners:u.listeners}})})},30);i.on("remove",function(){t.cancel()}),i.on("NodeChange",function(){t.throttle()});return{addListener:function(e,t){u(e,function(e){return{previous:e.previous,listeners:e.listeners.concat([t])}})}}},rs=function(e,n){e.on("init",function(){e.serializer.addNodeFilter("span",function(e){W(e,function(t){var e;e=t,U.from(e.attr(Qu())).bind(n.lookup).each(function(e){!1===e.persistent&&t.unwrap()})})})})},os=0,is=function(e){var t=(new Date).getTime();return e+"_"+Math.floor(1e9*Math.random())+ ++os+String(t)},as=function(e,t){var n,r,o=Ht(e).dom,i=At.fromDom(o.createDocumentFragment()),a=(n=t,(r=(o||document).createElement("div")).innerHTML=n,Gt(At.fromDom(r)));dn(i,a),mn(e),fn(e,i)},us=function(e,t){return At.fromDom(e.dom.cloneNode(t))},ss=function(e){return us(e,!1)},cs=function(e){return us(e,!0)},ls=function(e,t,n){void 0===n&&(n=C);var r=new Xr(e,t),o=function(e){for(var t;(t=r[e]())&&!In(t)&&!n(t););return U.from(t).filter(In)};return{current:function(){return U.from(r.current()).filter(In)},next:function(){return o("next")},prev:function(){return o("prev")},prev2:function(){return o("prev2")}}},fs=function(t,e){var i=e||function(e){return t.isBlock(e)||zn(e)||Vn(e)},a=function(e,t,n,r){if(In(e)){var o=r(e,t,e.data);if(-1!==o)return U.some({container:e,offset:o})}return n().bind(function(e){return a(e.container,e.offset,n,r)})};return{backwards:function(e,t,n,r){var o=ls(e,r,i);return a(e,t,function(){return o.prev().map(function(e){return{container:e,offset:e.length}})},n).getOrNull()},forwards:function(e,t,n,r){var o=ls(e,r,i);return a(e,t,function(){return o.next().map(function(e){return{container:e,offset:0}})},n).getOrNull()}}},ds=function(e,t,n){return e.isSome()&&t.isSome()?U.some(n(e.getOrDie(),t.getOrDie())):U.none()},ms=Math.round,ps=function(e){return e?{left:ms(e.left),top:ms(e.top),bottom:ms(e.bottom),right:ms(e.right),width:ms(e.width),height:ms(e.height)}:{left:0,top:0,bottom:0,right:0,width:0,height:0}},gs=function(e,t){return e=ps(e),t||(e.left=e.left+e.width),e.right=e.left,e.width=0,e},hs=function(e,t,n){return 0<=e&&e<=Math.min(t.height,n.height)/2},vs=function(e,t){var n=Math.min(t.height/2,e.height/2);return e.bottom-n<t.top||!(e.top>t.bottom)&&hs(t.top-e.bottom,e,t)},ys=function(e,t){return e.top>t.bottom||!(e.bottom<t.top)&&hs(t.bottom-e.top,e,t)},bs=function(e,t,n){return t>=e.left&&t<=e.right&&n>=e.top&&n<=e.bottom},Cs=function(e){var t=e.startContainer,n=e.startOffset;return t.hasChildNodes()&&e.endOffset===n+1?t.childNodes[n]:null},ws=function(e,t){return 1===e.nodeType&&e.hasChildNodes()&&(t>=e.childNodes.length&&(t=e.childNodes.length-1),e=e.childNodes[t]),e},xs=new RegExp("[\u0300-\u036f\u0483-\u0487\u0488-\u0489\u0591-\u05bd\u05bf\u05c1-\u05c2\u05c4-\u05c5\u05c7\u0610-\u061a\u064b-\u065f\u0670\u06d6-\u06dc\u06df-\u06e4\u06e7-\u06e8\u06ea-\u06ed\u0711\u0730-\u074a\u07a6-\u07b0\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0859-\u085b\u08e3-\u0902\u093a\u093c\u0941-\u0948\u094d\u0951-\u0957\u0962-\u0963\u0981\u09bc\u09be\u09c1-\u09c4\u09cd\u09d7\u09e2-\u09e3\u0a01-\u0a02\u0a3c\u0a41-\u0a42\u0a47-\u0a48\u0a4b-\u0a4d\u0a51\u0a70-\u0a71\u0a75\u0a81-\u0a82\u0abc\u0ac1-\u0ac5\u0ac7-\u0ac8\u0acd\u0ae2-\u0ae3\u0b01\u0b3c\u0b3e\u0b3f\u0b41-\u0b44\u0b4d\u0b56\u0b57\u0b62-\u0b63\u0b82\u0bbe\u0bc0\u0bcd\u0bd7\u0c00\u0c3e-\u0c40\u0c46-\u0c48\u0c4a-\u0c4d\u0c55-\u0c56\u0c62-\u0c63\u0c81\u0cbc\u0cbf\u0cc2\u0cc6\u0ccc-\u0ccd\u0cd5-\u0cd6\u0ce2-\u0ce3\u0d01\u0d3e\u0d41-\u0d44\u0d4d\u0d57\u0d62-\u0d63\u0dca\u0dcf\u0dd2-\u0dd4\u0dd6\u0ddf\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0eb1\u0eb4-\u0eb9\u0ebb-\u0ebc\u0ec8-\u0ecd\u0f18-\u0f19\u0f35\u0f37\u0f39\u0f71-\u0f7e\u0f80-\u0f84\u0f86-\u0f87\u0f8d-\u0f97\u0f99-\u0fbc\u0fc6\u102d-\u1030\u1032-\u1037\u1039-\u103a\u103d-\u103e\u1058-\u1059\u105e-\u1060\u1071-\u1074\u1082\u1085-\u1086\u108d\u109d\u135d-\u135f\u1712-\u1714\u1732-\u1734\u1752-\u1753\u1772-\u1773\u17b4-\u17b5\u17b7-\u17bd\u17c6\u17c9-\u17d3\u17dd\u180b-\u180d\u18a9\u1920-\u1922\u1927-\u1928\u1932\u1939-\u193b\u1a17-\u1a18\u1a1b\u1a56\u1a58-\u1a5e\u1a60\u1a62\u1a65-\u1a6c\u1a73-\u1a7c\u1a7f\u1ab0-\u1abd\u1abe\u1b00-\u1b03\u1b34\u1b36-\u1b3a\u1b3c\u1b42\u1b6b-\u1b73\u1b80-\u1b81\u1ba2-\u1ba5\u1ba8-\u1ba9\u1bab-\u1bad\u1be6\u1be8-\u1be9\u1bed\u1bef-\u1bf1\u1c2c-\u1c33\u1c36-\u1c37\u1cd0-\u1cd2\u1cd4-\u1ce0\u1ce2-\u1ce8\u1ced\u1cf4\u1cf8-\u1cf9\u1dc0-\u1df5\u1dfc-\u1dff\u200c-\u200d\u20d0-\u20dc\u20dd-\u20e0\u20e1\u20e2-\u20e4\u20e5-\u20f0\u2cef-\u2cf1\u2d7f\u2de0-\u2dff\u302a-\u302d\u302e-\u302f\u3099-\u309a\ua66f\ua670-\ua672\ua674-\ua67d\ua69e-\ua69f\ua6f0-\ua6f1\ua802\ua806\ua80b\ua825-\ua826\ua8c4\ua8e0-\ua8f1\ua926-\ua92d\ua947-\ua951\ua980-\ua982\ua9b3\ua9b6-\ua9b9\ua9bc\ua9e5\uaa29-\uaa2e\uaa31-\uaa32\uaa35-\uaa36\uaa43\uaa4c\uaa7c\uaab0\uaab2-\uaab4\uaab7-\uaab8\uaabe-\uaabf\uaac1\uaaec-\uaaed\uaaf6\uabe5\uabe8\uabed\ufb1e\ufe00-\ufe0f\ufe20-\ufe2f\uff9e-\uff9f]"),Ss=function(e){return"string"==typeof e&&768<=e.charCodeAt(0)&&xs.test(e)},Ns=An,Es=Lo,ks=Tn("display","block table"),_s=Tn("float","left right"),As=function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];return function(e){for(var t=0;t<n.length;t++)if(!n[t](e))return!1;return!0}}(Ns,Es,d(_s)),Rs=d(Tn("white-space","pre pre-line pre-wrap")),Ts=In,Ds=zn,Os=Eu.nodeIndex,Bs=ws,Ps=function(e){return"createRange"in e?e.createRange():Eu.DOM.createRng()},Ls=function(e){return e&&/[\r\n\t ]/.test(e)},Is=function(e){return!!e.setStart&&!!e.setEnd},Ms=function(e){var t,n=e.startContainer,r=e.startOffset;return!!(Ls(e.toString())&&Rs(n.parentNode)&&In(n)&&(t=n.data,Ls(t[r-1])||Ls(t[r+1])))},Fs=function(e){return 0===e.left&&0===e.right&&0===e.top&&0===e.bottom},Us=function(e){var t=e.getClientRects(),n=0<t.length?ps(t[0]):ps(e.getBoundingClientRect());return!Is(e)&&Ds(e)&&Fs(n)?function(e){var t=e.ownerDocument,n=Ps(t),r=t.createTextNode(lo),o=e.parentNode;o.insertBefore(r,e),n.setStart(r,0),n.setEnd(r,1);var i=ps(n.getBoundingClientRect());return o.removeChild(r),i}(e):Fs(n)&&Is(e)?function(e){var t=e.startContainer,n=e.endContainer,r=e.startOffset,o=e.endOffset;if(t===n&&In(n)&&0===r&&1===o){var i=e.cloneRange();return i.setEndAfter(n),Us(i)}return null}(e):n},zs=function(e,t){var n=gs(e,t);return n.width=1,n.right=n.left+1,n},js=function(e){var t,n,r=[],o=function(e){var t,n;0!==e.height&&(0<r.length&&(t=e,n=r[r.length-1],t.left===n.left&&t.top===n.top&&t.bottom===n.bottom&&t.right===n.right)||r.push(e))},i=function(e,t){var n=Ps(e.ownerDocument);if(t<e.data.length){if(Ss(e.data[t]))return r;if(Ss(e.data[t-1])&&(n.setStart(e,t),n.setEnd(e,t+1),!Ms(n)))return o(zs(Us(n),!1)),r}0<t&&(n.setStart(e,t-1),n.setEnd(e,t),Ms(n)||o(zs(Us(n),!1))),t<e.data.length&&(n.setStart(e,t),n.setEnd(e,t+1),Ms(n)||o(zs(Us(n),!0)))};if(Ts(e.container()))return i(e.container(),e.offset()),r;if(Ns(e.container()))if(e.isAtEnd())n=Bs(e.container(),e.offset()),Ts(n)&&i(n,n.data.length),As(n)&&!Ds(n)&&o(zs(Us(n),!1));else{if(n=Bs(e.container(),e.offset()),Ts(n)&&i(n,0),As(n)&&e.isAtEnd())return o(zs(Us(n),!1)),r;t=Bs(e.container(),e.offset()-1),As(t)&&!Ds(t)&&(!ks(t)&&!ks(n)&&As(n)||o(zs(Us(t),!1))),As(n)&&o(zs(Us(n),!0))}return r};function Hs(t,n,e){var r=function(){return e=e||js(Hs(t,n))};return{container:E(t),offset:E(n),toRange:function(){var e=Ps(t.ownerDocument);return e.setStart(t,n),e.setEnd(t,n),e},getClientRects:r,isVisible:function(){return 0<r().length},isAtStart:function(){return Ts(t),0===n},isAtEnd:function(){return Ts(t)?n>=t.data.length:n>=t.childNodes.length},isEqual:function(e){return e&&t===e.container()&&n===e.offset()},getNode:function(e){return Bs(t,e?n-1:n)}}}(Fu=Hs=Hs||{}).fromRangeStart=function(e){return Fu(e.startContainer,e.startOffset)},Fu.fromRangeEnd=function(e){return Fu(e.endContainer,e.endOffset)},Fu.after=function(e){return Fu(e.parentNode,Os(e)+1)},Fu.before=function(e){return Fu(e.parentNode,Os(e))},Fu.isAbove=function(e,t){return ds(ne(t.getClientRects()),re(e.getClientRects()),vs).getOr(!1)},Fu.isBelow=function(e,t){return ds(re(t.getClientRects()),ne(e.getClientRects()),ys).getOr(!1)},Fu.isAtStart=function(e){return!!e&&e.isAtStart()},Fu.isAtEnd=function(e){return!!e&&e.isAtEnd()},Fu.isTextPosition=function(e){return!!e&&In(e.container())},Fu.isElementPosition=function(e){return!1===Fu.isTextPosition(e)};var Vs,qs,$s=Hs,Ws=function(e,t){In(t)&&0===t.data.length&&e.remove(t)},Ks=function(e,t,n){var r,o,i,a,u,s,c;Un(n)?(i=e,a=t,u=n,s=U.from(u.firstChild),c=U.from(u.lastChild),a.insertNode(u),s.each(function(e){return Ws(i,e.previousSibling)}),c.each(function(e){return Ws(i,e.nextSibling)})):(r=e,o=n,t.insertNode(o),Ws(r,o.previousSibling),Ws(r,o.nextSibling))},Xs=In,Ys=On,Gs=Eu.nodeIndex,Js=function(e){var t=e.parentNode;return Ys(t)?Js(t):t},Qs=function(e){return e?Se(e.childNodes,function(e,t){return Ys(t)&&"BR"!==t.nodeName?e=e.concat(Qs(t)):e.push(t),e},[]):[]},Zs=function(t){return function(e){return t===e}},ec=function(e){var t=Xs(e)?"text()":e.nodeName.toLowerCase();return t+"["+function(e){var r=Qs(Js(e)),t=Ne(r,Zs(e),e);r=r.slice(0,t+1);var n=Se(r,function(e,t,n){return Xs(t)&&Xs(r[n-1])&&e++,e},0);return r=we(r,Rn([e.nodeName])),(t=Ne(r,Zs(e),e))-n}(e)+"]"},tc=function(e,t){var n,r,o,i=[],a=t.container(),u=t.offset();return Xs(a)?n=function(e,t){for(;(e=e.previousSibling)&&Xs(e);)t+=e.data.length;return t}(a,u):(u>=(r=a.childNodes).length?(n="after",u=r.length-1):n="before",a=r[u]),i.push(ec(a)),o=function(e,t,n){var r=[];for(t=t.parentNode;t!==e&&(!n||!n(t));t=t.parentNode)r.push(t);return r}(e,a),o=we(o,d(On)),(i=i.concat(Ce(o,ec))).reverse().join("/")+","+n},nc=function(e,t){if(!t)return null;var n=t.split(","),r=n[0].split("/"),o=1<n.length?n[1]:"before",i=Se(r,function(e,t){var n,r,o,i,a=/([\w\-\(\)]+)\[([0-9]+)\]/.exec(t);return a?("text()"===a[1]&&(a[1]="#text"),n=e,r=a[1],o=parseInt(a[2],10),i=Qs(n),i=we(i,function(e,t){return!Xs(e)||!Xs(i[t-1])}),(i=we(i,Rn([r])))[o]):null},e);return i?Xs(i)?function(e,t){for(var n,r=e,o=0;Xs(r);){if(n=r.data.length,o<=t&&t<=o+n){e=r,t-=o;break}if(!Xs(r.nextSibling)){e=r,t=n;break}o+=n,r=r.nextSibling}return Xs(e)&&t>e.data.length&&(t=e.data.length),$s(e,t)}(i,parseInt(o,10)):(o="after"===o?Gs(i)+1:Gs(i),$s(i.parentNode,o)):null},rc=Vn,oc=function(e,t,n,r,o){var i,a=r[o?"startContainer":"endContainer"],u=r[o?"startOffset":"endOffset"],s=[],c=0,l=e.getRoot();for(In(a)?s.push(n?function(e,t,n){for(var r=e(t.data.slice(0,n)).length,o=t.previousSibling;o&&In(o);o=o.previousSibling)r+=e(o.data).length;return r}(t,a,u):u):(u>=(i=a.childNodes).length&&i.length&&(c=1,u=Math.max(0,i.length-1)),s.push(e.nodeIndex(i[u],n)+c));a&&a!==l;a=a.parentNode)s.push(e.nodeIndex(a,n));return s},ic=function(e,t,n){var r=0;return kt.each(e.select(t),function(e){if("all"!==e.getAttribute("data-mce-bogus"))return e!==n&&void r++}),r},ac=function(e,t){var n,r=t?"start":"end",o=e[r+"Container"],i=e[r+"Offset"];An(o)&&"TR"===o.nodeName&&(o=(n=o.childNodes)[Math.min(t?i:i-1,n.length-1)])&&(i=t?0:o.childNodes.length,e["set"+(t?"Start":"End")](o,i))},uc=function(e){return ac(e,!0),ac(e,!1),e},sc=function(e,t){var n;if(An(e)&&(e=ws(e,t),rc(e)))return e;if(bo(e)){if(In(e)&&vo(e)&&(e=e.parentNode),n=e.previousSibling,rc(n))return n;if(n=e.nextSibling,rc(n))return n}},cc=function(e,t,n){var r=n.getNode(),o=r?r.nodeName:null,i=n.getRng();if(rc(r)||"IMG"===o)return{name:o,index:ic(n.dom,o,r)};var a,u,s,c,l,f,d,m=sc((a=i).startContainer,a.startOffset)||sc(a.endContainer,a.endOffset);return m?{name:o=m.tagName,index:ic(n.dom,o,m)}:(u=e,c=t,l=i,f=(s=n).dom,(d={}).start=oc(f,u,c,l,!0),s.isCollapsed()||(d.end=oc(f,u,c,l,!1)),d)},lc=function(e,t,n){var r={"data-mce-type":"bookmark",id:t,style:"overflow:hidden;line-height:0px"};return n?e.create("span",r,"&#xFEFF;"):e.create("span",r)},fc=function(e,t){var n=e.dom,r=e.getRng(),o=n.uniqueId(),i=e.isCollapsed(),a=e.getNode(),u=a.nodeName;if("IMG"===u)return{name:u,index:ic(n,u,a)};var s,c=uc(r.cloneRange());i||(c.collapse(!1),s=lc(n,o+"_end",t),Ks(n,c,s)),(r=uc(r)).collapse(!0);var l=lc(n,o+"_start",t);return Ks(n,r,l),e.moveToBookmark({id:o,keep:!0}),{id:o}},dc=function(e,t,n){return 2===t?cc(po,n,e):3===t?(o=(r=e).getRng(),{start:tc(r.dom.getRoot(),$s.fromRangeStart(o)),end:tc(r.dom.getRoot(),$s.fromRangeEnd(o))}):t?{rng:e.getRng()}:fc(e,!1);var r,o},mc=N(cc,o,!0),pc=Eu.DOM,gc=function(e,t,n){var r=e.getParam(t,n);if(-1===r.indexOf("="))return r;var o=e.getParam(t,"","hash");return o.hasOwnProperty(e.id)?o[e.id]:n},hc=function(e){return e.getParam("content_security_policy","")},vc=function(e){if(e.getParam("force_p_newlines",!1))return"p";var t=e.getParam("forced_root_block","p");return!1===t?"":!0===t?"p":t},yc=function(e){return e.getParam("forced_root_block_attrs",{})},bc=function(e){return e.getParam("automatic_uploads",!0,"boolean")},Cc=function(e){return e.getParam("icons","","string")},wc=function(e){return e.getParam("referrer_policy","","string")},xc=function(e){return e.getParam("language","en","string")},Sc=function(e){return e.getParam("indent_use_margin",!1)},Nc=function(e){var t=e.getParam("object_resizing");return!1!==t&&!wt.iOS&&(q(t)?t:"table,img,figure.image,div")},Ec=function(e){return e.getParam("event_root")},kc=function(e){return e.getParam("theme")},_c=function(e){return!1!==e.getParam("inline_boundaries")},Ac=function(e){return e.getParam("plugins","","string")},Rc=An,Tc=In,Dc=function(e){var t=e.parentNode;t&&t.removeChild(e)},Oc=function(e){var t=po(e);return{count:e.length-t.length,text:t}},Bc=function(e){for(var t;-1!==(t=e.data.lastIndexOf(fo));)e.deleteData(t,1)},Pc=function(e,t){return Fc(e),t},Lc=function(e,t){var n,r,o=t.container(),i=(n=oe(o.childNodes),(-1===(r=I(n,e))?U.none():U.some(r)).map(function(e){return e<t.offset()?$s(o,t.offset()-1):t}).getOr(t));return Fc(e),i},Ic=function(e,t){return Tc(e)&&t.container()===e?(r=t,o=Oc((n=e).data.substr(0,r.offset())),i=Oc(n.data.substr(r.offset())),0<(o.text+i.text).length?(Bc(n),$s(n,r.offset()-o.count)):r):Pc(e,t);var n,r,o,i},Mc=function(e,t){return $s.isTextPosition(t)?Ic(e,t):(n=e,((r=t).container()===n.parentNode?Lc:Pc)(n,r));var n,r},Fc=function(e){Rc(e)&&bo(e)&&(Co(e)?e.removeAttribute("data-mce-caret"):Dc(e)),Tc(e)&&(Bc(e),0===e.data.length&&Dc(e))},Uc=dt().browser,zc=Vn,jc=$n,Hc=qn,Vc=function(e,t,n){var r,o,i,a,u=gs(t.getBoundingClientRect(),n),s="BODY"===e.tagName?(r=e.ownerDocument.documentElement,o=e.scrollLeft||r.scrollLeft,e.scrollTop||r.scrollTop):(a=e.getBoundingClientRect(),o=e.scrollLeft-a.left,e.scrollTop-a.top);return u.left+=o,u.right+=o,u.top+=s,u.bottom+=s,u.width=1,0<(i=t.offsetWidth-t.clientWidth)&&(n&&(i*=-1),u.left+=i,u.right+=i),u},qc=function(e,i,a,t){var n,u,s=Ou(U.none()),r=vc(e),c=0<r.length?r:"p",l=function(){!function(e){for(var t=Gu(At.fromDom(e),"*[contentEditable=false],video,audio,embed,object"),n=0;n<t.length;n++){var r,o=t[n].dom,i=o.previousSibling;Eo(i)&&(1===(r=i.data).length?i.parentNode.removeChild(i):i.deleteData(r.length-1,1)),i=o.nextSibling,No(i)&&(1===(r=i.data).length?i.parentNode.removeChild(i):i.deleteData(0,1))}}(i),u&&(Fc(u),u=null),s.get().each(function(e){hu(e.caret).remove(),s.set(U.none())}),n&&(qr.clearInterval(n),n=null)},f=function(){n=qr.setInterval(function(){t()?hu("div.mce-visual-caret",i).toggleClass("mce-visual-caret-hidden"):hu("div.mce-visual-caret",i).addClass("mce-visual-caret-hidden")},500)};return{show:function(t,e){var n,r;if(l(),Hc(e))return null;if(!a(e))return u=function(e,t){var n,r=e.ownerDocument.createTextNode(fo),o=e.parentNode;if(t){if(n=e.previousSibling,ho(n)){if(bo(n))return n;if(Eo(n))return n.splitText(n.data.length-1)}o.insertBefore(r,e)}else{if(n=e.nextSibling,ho(n)){if(bo(n))return n;if(No(n))return n.splitText(1),n}e.nextSibling?o.insertBefore(r,e.nextSibling):o.appendChild(r)}return r}(e,t),r=e.ownerDocument.createRange(),Wc(u.nextSibling)?(r.setStart(u,0),r.setEnd(u,0)):(r.setStart(u,1),r.setEnd(u,1)),r;u=So(c,e,t),n=Vc(i,e,t),hu(u).css("top",n.top);var o=hu('<div class="mce-visual-caret" data-mce-bogus="all"></div>').css(n).appendTo(i)[0];return s.set(U.some({caret:o,element:e,before:t})),s.get().each(function(e){t&&hu(e.caret).addClass("mce-visual-caret-before")}),f(),(r=e.ownerDocument.createRange()).setStart(u,0),r.setEnd(u,0),r},hide:l,getCss:function(){return".mce-visual-caret {position: absolute;background-color: black;background-color: currentcolor;}.mce-visual-caret-hidden {display: none;}*[data-mce-caret] {position: absolute;left: -1000px;right: auto;top: 0;margin: 0;padding: 0;}"},reposition:function(){s.get().each(function(e){var t=Vc(i,e.element,e.before);hu(e.caret).css(ke({},t))})},destroy:function(){return qr.clearInterval(n)}}},$c=function(){return Uc.isIE()||Uc.isEdge()||Uc.isFirefox()},Wc=function(e){return zc(e)||jc(e)},Kc=function(e){return Wc(e)||Bn(e)&&$c()},Xc=Vn,Yc=$n,Gc=Tn("display","block table table-cell table-caption list-item"),Jc=bo,Qc=vo,Zc=An,el=Lo,tl=function(e,t){for(var n;n=e(t);)if(!Qc(n))return n;return null},nl=function(e,t,n,r,o){var i=new Xr(e,r),a=Xc(e)||Qc(e);if(t<0){if(a&&n(e=tl(i.prev,!0)))return e;for(;e=tl(i.prev,o);)if(n(e))return e}if(0<t){if(a&&n(e=tl(i.next,!0)))return e;for(;e=tl(i.next,o);)if(n(e))return e}return null},rl=function(e,t){for(;e&&e!==t;){if(Gc(e))return e;e=e.parentNode}return null},ol=function(e,t,n){return rl(e.container(),n)===rl(t.container(),n)},il=function(e,t){if(!t)return null;var n=t.container(),r=t.offset();return Zc(n)?n.childNodes[r+e]:null},al=function(e,t){var n=t.ownerDocument.createRange();return e?(n.setStartBefore(t),n.setEndBefore(t)):(n.setStartAfter(t),n.setEndAfter(t)),n},ul=function(e,t,n){for(var r,o,i,a=e?"previousSibling":"nextSibling";n&&n!==t;){if(r=n[a],Jc(r)&&(r=r[a]),Xc(r)||Yc(r)){if(i=n,rl(r,o=t)===rl(i,o))return r;break}if(el(r))break;n=n.parentNode}return null},sl=N(al,!0),cl=N(al,!1),ll=function(e,t,n){var r,o,i=N(ul,!0,t),a=N(ul,!1,t),u=n.startContainer,s=n.startOffset;if(vo(u)){if(Zc(u)||(u=u.parentNode),"before"===(o=u.getAttribute("data-mce-caret"))&&(r=u.nextSibling,Kc(r)))return sl(r);if("after"===o&&(r=u.previousSibling,Kc(r)))return cl(r)}if(!n.collapsed)return n;if(In(u)){if(Jc(u)){if(1===e){if(r=a(u))return sl(r);if(r=i(u))return cl(r)}if(-1===e){if(r=i(u))return cl(r);if(r=a(u))return sl(r)}return n}if(Eo(u)&&s>=u.data.length-1)return 1===e&&(r=a(u))?sl(r):n;if(No(u)&&s<=1)return-1===e&&(r=i(u))?cl(r):n;if(s===u.data.length)return(r=a(u))?sl(r):n;if(0===s)return(r=i(u))?cl(r):n}return n},fl=function(e,t){return U.from(il(e?0:-1,t)).filter(Xc)},dl=function(e,t,n){var r=ll(e,t,n);return-1===e?Hs.fromRangeStart(r):Hs.fromRangeEnd(r)},ml=function(e){return U.from(e.getNode()).map(At.fromDom)},pl=function(e,t){for(;t=e(t);)if(t.isVisible())return t;return t},gl=function(e,t){var n=ol(e,t);return!(n||!zn(e.getNode()))||n};(qs=Vs=Vs||{})[qs.Backwards=-1]="Backwards",qs[qs.Forwards=1]="Forwards";var hl,vl=Vn,yl=In,bl=An,Cl=zn,wl=Lo,xl=function(e){return Oo(e)||!!Io(t=e)&&!0!==X(oe(t.getElementsByTagName("*")),function(e,t){return e||_o(t)},!1);var t},Sl=Mo,Nl=function(e,t){return e.hasChildNodes()&&t<e.childNodes.length?e.childNodes[t]:null},El=function(e,t){if(0<e){if(wl(t.previousSibling)&&!yl(t.previousSibling))return $s.before(t);if(yl(t))return $s(t,0)}if(e<0){if(wl(t.nextSibling)&&!yl(t.nextSibling))return $s.after(t);if(yl(t))return $s(t,t.data.length)}return!(e<0)||Cl(t)?$s.before(t):$s.after(t)},kl=function(e,t,n){var r,o,i,a;if(!bl(n)||!t)return null;if(t.isEqual($s.after(n))&&n.lastChild){if(a=$s.after(n.lastChild),e<0&&wl(n.lastChild)&&bl(n.lastChild))return Cl(n.lastChild)?$s.before(n.lastChild):a}else a=t;var u,s,c,l=a.container(),f=a.offset();if(yl(l)){if(e<0&&0<f)return $s(l,--f);if(0<e&&f<l.length)return $s(l,++f);r=l}else{if(e<0&&0<f&&(o=Nl(l,f-1),wl(o)))return!xl(o)&&(i=nl(o,e,Sl,o))?yl(i)?$s(i,i.data.length):$s.after(i):yl(o)?$s(o,o.data.length):$s.before(o);if(0<e&&f<l.childNodes.length&&(o=Nl(l,f),wl(o)))return Cl(o)?(u=n,(c=(s=o).nextSibling)&&wl(c)?yl(c)?$s(c,0):$s.before(c):kl(Vs.Forwards,$s.after(s),u)):!xl(o)&&(i=nl(o,e,Sl,o))?yl(i)?$s(i,0):$s.before(i):yl(o)?$s(o,0):$s.after(o);r=o||a.getNode()}if((0<e&&a.isAtEnd()||e<0&&a.isAtStart())&&(r=nl(r,e,k,n,!0),Sl(r,n)))return El(e,r);o=nl(r,e,Sl,n);var d=Ee(H(function(e,t){for(var n=[];e&&e!==t;)n.push(e),e=e.parentNode;return n}(l,n),vl));return!d||o&&d.contains(o)?o?El(e,o):null:a=0<e?$s.after(d):$s.before(d)},_l=function(t){return{next:function(e){return kl(Vs.Forwards,e,t)},prev:function(e){return kl(Vs.Backwards,e,t)}}},Al=function(e){return $s.isTextPosition(e)?0===e.offset():Lo(e.getNode())},Rl=function(e){if($s.isTextPosition(e)){var t=e.container();return e.offset()===t.data.length}return Lo(e.getNode(!0))},Tl=function(e,t){return!$s.isTextPosition(e)&&!$s.isTextPosition(t)&&e.getNode()===t.getNode(!0)},Dl=function(e,t,n){return e?!Tl(t,n)&&(r=t,!(!$s.isTextPosition(r)&&zn(r.getNode())))&&Rl(t)&&Al(n):!Tl(n,t)&&Al(t)&&Rl(n);var r},Ol=function(e,t,n){var r=_l(t);return U.from(e?r.next(n):r.prev(n))},Bl=function(t,n,r){return Ol(t,n,r).bind(function(e){return ol(r,e,n)&&Dl(t,r,e)?Ol(t,n,e):U.some(e)})},Pl=function(t,n,e,r){return Bl(t,n,e).bind(function(e){return r(e)?Pl(t,n,e,r):U.some(e)})},Ll=function(e,t){var n,r,o,i,a,u=e?t.firstChild:t.lastChild;return In(u)?U.some($s(u,e?0:u.data.length)):u?Lo(u)?U.some(e?$s.before(u):zn(a=u)?$s.before(a):$s.after(a)):(r=t,o=u,i=(n=e)?$s.before(o):$s.after(o),Ol(n,r,i)):U.none()},Il=N(Ol,!0),Ml=N(Ol,!1),Fl=N(Ll,!0),Ul=N(Ll,!1),zl="_mce_caret",jl=function(e){return An(e)&&e.id===zl},Hl=function(e,t){for(;t&&t!==e;){if(t.id===zl)return t;t=t.parentNode}return null},Vl=function(e,t){return An(t)&&e.isBlock(t)&&!t.innerHTML&&!wt.ie&&(t.innerHTML='<br data-mce-bogus="1" />'),t},ql=function(e,t,n){return!(!1!==t.hasChildNodes()||!Hl(e,t))&&(o=n,i=(r=t).ownerDocument.createTextNode(fo),r.appendChild(i),o.setStart(i,0),o.setEnd(i,0),!0);var r,o,i},$l=function(e,t,n,r){var o,i,a,u,s=n[t?"start":"end"],c=e.getRoot();if(s){for(a=s[0],i=c,o=s.length-1;1<=o;o--){if(u=i.childNodes,ql(c,i,r))return!0;if(s[o]>u.length-1)return!!ql(c,i,r)||function(e,t){return Ul(e).fold(function(){return!1},function(e){return t.setStart(e.container(),e.offset()),t.setEnd(e.container(),e.offset()),!0})}(i,r);i=u[s[o]]}3===i.nodeType&&(a=Math.min(s[0],i.nodeValue.length)),1===i.nodeType&&(a=Math.min(s[0],i.childNodes.length)),t?r.setStart(i,a):r.setEnd(i,a)}return!0},Wl=function(e){return In(e)&&0<e.data.length},Kl=function(e,t,n){var r,o,i,a,u,s,c=e.get(n.id+"_"+t),l=n.keep;if(c){if(r=c.parentNode,s=(u=(o="start"===t?l?c.hasChildNodes()?(r=c.firstChild,1):Wl(c.nextSibling)?(r=c.nextSibling,0):Wl(c.previousSibling)?(r=c.previousSibling,c.previousSibling.data.length):(r=c.parentNode,e.nodeIndex(c)+1):e.nodeIndex(c):l?c.hasChildNodes()?(r=c.firstChild,1):Wl(c.previousSibling)?(r=c.previousSibling,c.previousSibling.data.length):(r=c.parentNode,e.nodeIndex(c)):e.nodeIndex(c),r),o),!l){for(a=c.previousSibling,i=c.nextSibling,kt.each(kt.grep(c.childNodes),function(e){In(e)&&(e.nodeValue=e.nodeValue.replace(/\uFEFF/g,""))});c=e.get(n.id+"_"+t);)e.remove(c,!0);a&&i&&a.nodeType===i.nodeType&&In(a)&&!wt.opera&&(o=a.nodeValue.length,a.appendData(i.nodeValue),e.remove(i),u=a,s=o)}return U.some($s(u,s))}return U.none()},Xl=function(e,t){var n,r,o,i,a,u,s,c,l,f,d,m,p,g,h=e.dom;if(t){if(g=t,kt.isArray(g.start))return m=t,p=(d=h).createRng(),$l(d,!0,m,p)&&$l(d,!1,m,p)?U.some(p):U.none();if("string"==typeof t.start)return U.some((c=t,l=(s=h).createRng(),f=nc(s.getRoot(),c.start),l.setStart(f.container(),f.offset()),f=nc(s.getRoot(),c.end),l.setEnd(f.container(),f.offset()),l));if(t.hasOwnProperty("id"))return a=Kl(o=h,"start",i=t),u=Kl(o,"end",i),ds(a,u.or(a),function(e,t){var n=o.createRng();return n.setStart(Vl(o,e.container()),e.offset()),n.setEnd(Vl(o,t.container()),t.offset()),n});if(t.hasOwnProperty("name"))return n=h,r=t,U.from(n.select(r.name)[r.index]).map(function(e){var t=n.createRng();return t.selectNode(e),t});if(t.hasOwnProperty("rng"))return U.some(t.rng)}return U.none()},Yl=dc,Gl=function(t,e){Xl(t,e).each(function(e){t.setRng(e)})},Jl=function(e){return An(e)&&"SPAN"===e.tagName&&"bookmark"===e.getAttribute("data-mce-type")},Ql=(hl=lo,function(e){return hl===e}),Zl=function(e){return""!==e&&-1!==" \f\n\r\t\x0B".indexOf(e)},ef=function(e){return!Zl(e)&&!Ql(e)},tf=function(e){return!!e.nodeType},nf=function(e,t,n){var r,o,i,a,u=n.startOffset,s=n.startContainer;if((n.startContainer!==n.endContainer||!(a=n.startContainer.childNodes[n.startOffset])||!/^(IMG)$/.test(a.nodeName))&&1===s.nodeType)for(u<(i=s.childNodes).length?(s=i[u],r=new Xr(s,e.getParent(s,e.isBlock))):(s=i[i.length-1],(r=new Xr(s,e.getParent(s,e.isBlock))).next(!0)),o=r.current();o;o=r.next())if(3===o.nodeType&&!uf(o))return n.setStart(o,0),void t.setRng(n)},rf=function(e,t,n){if(e){var r=t?"nextSibling":"previousSibling";for(e=n?e:e[r];e;e=e[r])if(1===e.nodeType||!uf(e))return e}},of=function(e,t){return tf(t)&&(t=t.nodeName),!!e.schema.getTextBlockElements()[t.toLowerCase()]},af=function(e,t,n){return e.schema.isValidChild(t,n)},uf=function(e,t){if(void 0===t&&(t=!1),D(e)&&In(e)){var n=t?e.data.replace(/ /g,"\xa0"):e.data;return Uo(n)}return!1},sf=function(e,n){return"string"!=typeof e?e=e(n):n&&(e=e.replace(/%(\w+)/g,function(e,t){return n[t]||e})),e},cf=function(e,t){return e=""+((e=e||"").nodeName||e),t=""+((t=t||"").nodeName||t),e.toLowerCase()===t.toLowerCase()},lf=function(e,t,n){return"color"!==n&&"backgroundColor"!==n||(t=e.toHex(t)),"fontWeight"===n&&700===t&&(t="bold"),"fontFamily"===n&&(t=t.replace(/[\'\"]/g,"").replace(/,\s+/g,",")),""+t},ff=function(e,t,n){return lf(e,e.getStyle(t,n),n)},df=function(t,e){var n;return t.getParent(e,function(e){return(n=t.getStyle(e,"text-decoration"))&&"none"!==n}),n},mf=function(e,t,n){return e.getParents(t,n,e.getRoot())},pf=function(t,e,n){var r=["inline","block","selector","attributes","styles","classes"],a=function(e){return me(e,function(e,t){return F(r,function(e){return e===t})})};return F(t.formatter.get(e),function(e){var i=a(e);return F(t.formatter.get(n),function(e){var t,n,r,o=a(e);return t=i,n=o,void 0===r&&(r=l),u(r).eq(t,n)})})},gf=function(e){return ve(e,"block")},hf=function(e){return ve(e,"selector")},vf=function(e){return ve(e,"inline")},yf=Jl,bf=mf,Cf=uf,wf=of,xf=function(e,t){for(var n=t;n;){if(An(n)&&e.getContentEditable(n))return"false"===e.getContentEditable(n)?n:t;n=n.parentNode}return t},Sf=function(e,t,n,r){for(var o=t.data,i=n;e?0<=i:i<o.length;e?i--:i++)if(r(o.charAt(i)))return e?i+1:i;return-1},Nf=function(e,t,n){return Sf(e,t,n,function(e){return Ql(e)||Zl(e)})},Ef=function(e,t,n){return Sf(e,t,n,ef)},kf=function(i,e,t,n,a,r){var u,s=i.getParent(t,i.isBlock)||e,o=function(e,t,n){var r=fs(i),o=a?r.backwards:r.forwards;return U.from(o(e,t,function(e,t){return yf(e.parentNode)?-1:n(a,u=e,t)},s))};return o(t,n,Nf).bind(function(e){return r?o(e.container,e.offset+(a?-1:0),Ef):U.some(e)}).orThunk(function(){return u?U.some({container:u,offset:a?0:u.length}):U.none()})},_f=function(e,t,n,r,o){In(r)&&0===r.nodeValue.length&&r[o]&&(r=r[o]);for(var i=bf(e,r),a=0;a<i.length;a++)for(var u=0;u<t.length;u++){var s=t[u];if(!("collapsed"in s&&s.collapsed!==n.collapsed)&&e.is(i[a],s.selector))return i[a]}return r},Af=function(t,e,n,r){var o,i,a=t.dom,u=a.getRoot();if(e[0].wrapper||(i=a.getParent(n,e[0].block,u)),i||(o=a.getParent(n,"LI,TD,TH"),i=a.getParent(In(n)?n.parentNode:n,function(e){return e!==u&&wf(t,e)},o)),i&&e[0].wrapper&&(i=bf(a,i,"ul,ol").reverse()[0]||i),!i)for(i=n;i[r]&&!a.isBlock(i[r])&&(i=i[r],!cf(i,"br")););return i||n},Rf=function(e,t,n,r){var o=n.parentNode;return!D(n[r])&&(!(o!==t&&!$(o)&&!e.isBlock(o))||Rf(e,t,o,r))},Tf=function(e,t,n,r,o){var i,a,u=n,s=o?"previousSibling":"nextSibling",c=e.getRoot();if(In(n)&&!Cf(n)&&(o?0<r:r<n.data.length))return n;for(;;){if(!t[0].block_expand&&e.isBlock(u))return u;for(i=u[s];i;i=i[s]){var l=In(i)&&!Rf(e,c,i,s);if(!yf(i)&&(!zn(a=i)||!a.getAttribute("data-mce-bogus")||a.nextSibling)&&!Cf(i,l))return u}if(u===c||u.parentNode===c){n=u;break}u=u.parentNode}return n},Df=function(e){return yf(e.parentNode)||yf(e)},Of=function(e,t,n,r){void 0===r&&(r=!1);var o=t.startContainer,i=t.startOffset,a=t.endContainer,u=t.endOffset,s=e.dom;return An(o)&&o.hasChildNodes()&&(o=ws(o,i),In(o)&&(i=0)),An(a)&&a.hasChildNodes()&&(a=ws(a,t.collapsed?u:u-1),In(a)&&(u=a.nodeValue.length)),o=xf(s,o),a=xf(s,a),Df(o)&&(o=yf(o)?o:o.parentNode,o=t.collapsed?o.previousSibling||o:o.nextSibling||o,In(o)&&(i=t.collapsed?o.length:0)),Df(a)&&(a=yf(a)?a:a.parentNode,a=t.collapsed?a.nextSibling||a:a.previousSibling||a,In(a)&&(u=t.collapsed?0:a.length)),t.collapsed&&(kf(s,e.getBody(),o,i,!0,r).each(function(e){var t=e.container,n=e.offset;o=t,i=n}),kf(s,e.getBody(),a,u,!1,r).each(function(e){var t=e.container,n=e.offset;a=t,u=n})),(n[0].inline||n[0].block_expand)&&(n[0].inline&&In(o)&&0!==i||(o=Tf(s,n,o,i,!0)),n[0].inline&&In(a)&&u!==a.nodeValue.length||(a=Tf(s,n,a,u,!1))),n[0].selector&&!1!==n[0].expand&&!n[0].inline&&(o=_f(s,n,t,o,"previousSibling"),a=_f(s,n,t,a,"nextSibling")),(n[0].block||n[0].selector)&&(o=Af(e,n,o,"previousSibling"),a=Af(e,n,a,"nextSibling"),n[0].block&&(s.isBlock(o)||(o=Tf(s,n,o,i,!0)),s.isBlock(a)||(a=Tf(s,n,a,u,!1)))),An(o)&&(i=s.nodeIndex(o),o=o.parentNode),An(a)&&(u=s.nodeIndex(a)+1,a=a.parentNode),{startContainer:o,startOffset:i,endContainer:a,endOffset:u}},Bf=function(e,t){var n=e.childNodes;return t>=n.length?t=n.length-1:t<0&&(t=0),n[t]||e},Pf=function(e,t,u){var n=t.startContainer,r=t.startOffset,o=t.endContainer,i=t.endOffset,s=function(e){var t=e[0];return 3===t.nodeType&&t===n&&r>=t.nodeValue.length&&e.splice(0,1),t=e[e.length-1],0===i&&0<e.length&&t===o&&3===t.nodeType&&e.splice(e.length-1,1),e},c=function(e,t,n){for(var r=[];e&&e!==n;e=e[t])r.push(e);return r},a=function(e,t){do{if(e.parentNode===t)return e;e=e.parentNode}while(e)},l=function(e,t,n){for(var r=n?"nextSibling":"previousSibling",o=e,i=o.parentNode;o&&o!==t;o=i){i=o.parentNode;var a=c(o===e?o:o[r],r);a.length&&(n||a.reverse(),u(s(a)))}};if(1===n.nodeType&&n.hasChildNodes()&&(n=Bf(n,r)),1===o.nodeType&&o.hasChildNodes()&&(o=Bf(o,i-1)),n===o)return u(s([n]));for(var f=e.findCommonAncestor(n,o),d=n;d;d=d.parentNode){if(d===o)return l(n,f,!0);if(d===f)break}for(d=o;d;d=d.parentNode){if(d===n)return l(o,f);if(d===f)break}var m=a(n,f)||n,p=a(o,f)||o;l(n,m,!0);var g=c(m===n?m:m.nextSibling,"nextSibling",p===o?p.nextSibling:p);g.length&&u(s(g)),l(o,p)},Lf=function(e){var t=[];if(e)for(var n=0;n<e.rangeCount;n++)t.push(e.getRangeAt(n));return t},If=function(e){return H(J(e,function(e){var t=Cs(e);return t?[At.fromDom(t)]:[]}),uo)},Mf=function(e,t){var n=Gu(t,"td[data-mce-selected],th[data-mce-selected]");return 0<n.length?n:If(e)},Ff=function(e){return Mf(Lf(e.selection.getSel()),At.fromDom(e.getBody()))},Uf=function(t){return Qt(t).fold(E([t]),function(e){return[t].concat(Uf(e))})},zf=function(t){return Zt(t).fold(E([t]),function(e){return"br"===Lt(e)?Wt(e).map(function(e){return[t].concat(zf(e))}).getOr([]):[t].concat(zf(e))})},jf=function(o,e){return ds((a=(i=e).startContainer,u=i.startOffset,In(a)?0===u?U.some(At.fromDom(a)):U.none():U.from(a.childNodes[u]).map(At.fromDom)),(n=(t=e).endContainer,r=t.endOffset,In(n)?r===n.data.length?U.some(At.fromDom(n)):U.none():U.from(n.childNodes[r-1]).map(At.fromDom)),function(e,t){var n=Y(Uf(o),N(Ot,e)),r=Y(zf(o),N(Ot,t));return n.isSome()&&r.isSome()}).getOr(!1);var t,n,r,i,a,u},Hf=function(e,t,n,r){var o=n,i=new Xr(n,o),a=me(e.schema.getMoveCaretBeforeOnEnterElements(),function(e,t){return!M(["td","th","table"],t.toLowerCase())});do{if(In(n)&&0!==kt.trim(n.nodeValue).length)return void(r?t.setStart(n,0):t.setEnd(n,n.nodeValue.length));if(a[n.nodeName])return void(r?t.setStartBefore(n):"BR"===n.nodeName?t.setEndBefore(n):t.setEndAfter(n))}while(n=r?i.next():i.prev());"BODY"===o.nodeName&&(r?t.setStart(o,0):t.setEnd(o,o.childNodes.length))},Vf=function(e){var t=e.selection.getSel();return t&&0<t.rangeCount},qf=function(r,o){var e=Ff(r);0<e.length?W(e,function(e){var t=e.dom,n=r.dom.createRng();n.setStartBefore(t),n.setEndAfter(t),o(n,!0)}):o(r.selection.getRng(),!1)},$f=function(e,t,n){var r=fc(e,t);n(r),e.moveToBookmark(r)};var Wf,Kf,Xf,Yf=(Wf=Ut,Kf="text",{get:function(e){if(!Wf(e))throw new Error("Can only get "+Kf+" value of a "+Kf+" node");return Xf(e).getOr("")},getOption:Xf=function(e){return Wf(e)?U.from(e.dom.nodeValue):U.none()},set:function(e,t){if(!Wf(e))throw new Error("Can only set raw "+Kf+" value of a "+Kf+" node");e.dom.nodeValue=t}}),Gf=function(e){return Yf.get(e)},Jf=function(r,o,i,a){return $t(o).fold(function(){return"skipping"},function(e){return"br"===a||Ut(n=o)&&Gf(n)===fo?"valid":Ft(t=o)&&Xu(t,Ju())?"existing":jl(o.dom)?"caret":af(r,i,a)&&af(r,Lt(e),i)?"valid":"invalid-child";var t,n})},Qf=function(e,t,n,r){var o=t.uid,i=void 0===o?is("mce-annotation"):o,a=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]]);return n}(t,["uid"]),u=At.fromTag("span",e);Wu(u,Ju()),Xn(u,""+Zu(),i),Xn(u,""+Qu(),n);var s,c=r(i,a),l=c.attributes,f=void 0===l?{}:l,d=c.classes,m=void 0===d?[]:d;return Yn(u,f),s=u,W(m,function(e){Wu(s,e)}),u},Zf=function(i,e,t,n,r){var a=[],u=Qf(i.getDoc(),r,t,n),s=Ou(U.none()),c=function(){s.set(U.none())},l=function(e){W(e,o)},o=function(e){var t,n;switch(Jf(i,e,"span",Lt(e))){case"invalid-child":c();var r=Gt(e);l(r),c();break;case"valid":var o=s.get().getOrThunk(function(){var e=ss(u);return a.push(e),s.set(U.some(e)),e});sn(t=e,n=o),fn(n,t)}};return Pf(i.dom,e,function(e){var t;c(),t=z(e,At.fromDom),l(t)}),a},ed=function(u,s,c,l){u.undoManager.transact(function(){var e,t,n,r,o=u.selection,i=o.getRng(),a=0<Ff(u).length;i.collapsed&&!a&&(n=Of(e=u,t=i,[{inline:!0}]),t.setStart(n.startContainer,n.startOffset),t.setEnd(n.endContainer,n.endOffset),e.selection.setRng(t)),o.getRng().collapsed&&!a?(r=Qf(u.getDoc(),l,s,c.decorate),as(r,lo),o.getRng().insertNode(r.dom),o.select(r.dom)):$f(o,!1,function(){qf(u,function(e){Zf(u,e,s,c.decorate,l)})})})},td=function(u){var n,r=(n={},{register:function(e,t){n[e]={name:e,settings:t}},lookup:function(e){return n.hasOwnProperty(e)?U.from(n[e]).map(function(e){return e.settings}):U.none()}});rs(u,r);var o=ns(u);return{register:function(e,t){r.register(e,t)},annotate:function(t,n){r.lookup(t).each(function(e){ed(u,t,e,n)})},annotationChanged:function(e,t){o.addListener(e,t)},remove:function(e){es(u,U.some(e)).each(function(e){var t=e.elements;W(t,gn)})},getAll:function(e){var t,n,r,o,i,a=(t=u,n=e,r=At.fromDom(t.getBody()),o=Gu(r,"["+Qu()+'="'+n+'"]'),i={},W(o,function(e){var t=Gn(e,Zu()),n=i.hasOwnProperty(t)?i[t]:[];i[t]=n.concat([e])}),i);return se(a,function(e){return z(e,function(e){return e.dom})})}}};function nd(e){return{getBookmark:N(Yl,e),moveToBookmark:N(Gl,e)}}(nd=nd||{}).isBookmarkNode=Jl;var rd,od=nd,id=function(e,t){for(;t&&t!==e;){if(Hn(t)||Vn(t))return t;t=t.parentNode}return null},ad=function(t,n,e){if(e.collapsed)return!1;if(wt.browser.isIE()&&e.startOffset===e.endOffset-1&&e.startContainer===e.endContainer){var r=e.startContainer.childNodes[e.startOffset];if(An(r))return F(r.getClientRects(),function(e){return bs(e,t,n)})}return F(e.getClientRects(),function(e){return bs(e,t,n)})},ud={BACKSPACE:8,DELETE:46,DOWN:40,ENTER:13,LEFT:37,RIGHT:39,SPACEBAR:32,TAB:9,UP:38,END:35,HOME:36,modifierPressed:function(e){return e.shiftKey||e.ctrlKey||e.altKey||this.metaKeyPressed(e)},metaKeyPressed:function(e){return wt.mac?e.metaKey:e.ctrlKey&&!e.altKey}},sd=Vn,cd=function(r,l){var f,d,m,p,g,h,v,y,b,C,w,x,S,N,E=l.dom,s=kt.each,c=l.getDoc(),k=document,_=Math.abs,A=Math.round,R=l.getBody(),T={nw:[0,0,-1,-1],ne:[1,0,1,-1],se:[1,1,1,1],sw:[0,1,-1,1]},D=function(e){return e&&("IMG"===e.nodeName||l.dom.is(e,"figure.image"))},n=function(e){var t=e.target;!function(e,t){if("longpress"!==e.type&&0!==e.type.indexOf("touch"))return D(e.target)&&!ad(e.clientX,e.clientY,t);var n=e.touches[0];return D(e.target)&&!ad(n.clientX,n.clientY,t)}(e,l.selection.getRng())||e.isDefaultPrevented()||l.selection.select(t)},O=function(e){return l.dom.is(e,"figure.image")?e.querySelector("img"):e},B=function(e){var t=Nc(l);return!!t&&("false"!==e.getAttribute("data-mce-resize")&&(e!==l.getBody()&&Tt(At.fromDom(e),t)))},P=function(e,t,n){E.setStyles(O(e),{width:t,height:n})},L=function(e){var t,n,r,o,i,a,u,s=e.screenX-g,c=e.screenY-h;w=s*p[2]+v,x=c*p[3]+y,w=w<5?5:w,x=x<5?5:x,(D(f)&&!1!==l.getParam("resize_img_proportional",!0,"boolean")?!ud.modifierPressed(e):ud.modifierPressed(e))&&(_(s)>_(c)?(x=A(w*b),w=A(x/b)):(w=A(x/b),x=A(w*b))),P(d,w,x),t=0<(t=p.startPos.x+s)?t:0,n=0<(n=p.startPos.y+c)?n:0,E.setStyles(m,{left:t,top:n,display:"block"}),m.innerHTML=w+" &times; "+x,p[2]<0&&d.clientWidth<=w&&E.setStyle(d,"left",void 0+(v-w)),p[3]<0&&d.clientHeight<=x&&E.setStyle(d,"top",void 0+(y-x)),(s=R.scrollWidth-S)+(c=R.scrollHeight-N)!==0&&E.setStyles(m,{left:t-s,top:n-c}),C||(r=l,o=f,i=v,a=y,u="corner-"+p.name,r.fire("ObjectResizeStart",{target:o,width:i,height:a,origin:u}),C=!0)},I=function(){var e=C;C=!1;var t,n,r,o,i,a=function(e,t){t&&(f.style[e]||!l.schema.isValid(f.nodeName.toLowerCase(),e)?E.setStyle(O(f),e,t):E.setAttrib(O(f),e,""+t))};e&&(a("width",w),a("height",x)),E.unbind(c,"mousemove",L),E.unbind(c,"mouseup",I),k!==c&&(E.unbind(k,"mousemove",L),E.unbind(k,"mouseup",I)),E.remove(d),E.remove(m),u(f),e&&(t=l,n=f,r=w,o=x,i="corner-"+p.name,t.fire("ObjectResized",{target:n,width:r,height:o,origin:i}),E.setAttrib(f,"style",E.getAttrib(f,"style"))),l.nodeChanged()},u=function(e){M(),F();var t=E.getPos(e,R),o=t.x,i=t.y,n=e.getBoundingClientRect(),a=n.width||n.right-n.left,u=n.height||n.bottom-n.top;f!==e&&(f=e,w=x=0);var r=l.fire("ObjectSelected",{target:e});B(e)&&!r.isDefaultPrevented()?s(T,function(n,r){var e=E.get("mceResizeHandle"+r);e&&E.remove(e),e=E.add(R,"div",{id:"mceResizeHandle"+r,"data-mce-bogus":"all","class":"mce-resizehandle",unselectable:!0,style:"cursor:"+r+"-resize; margin:0; padding:0"}),11===wt.ie&&(e.contentEditable=!1),E.bind(e,"mousedown",function(e){var t;e.stopImmediatePropagation(),e.preventDefault(),g=(t=e).screenX,h=t.screenY,v=O(f).clientWidth,y=O(f).clientHeight,b=y/v,(p=n).name=r,p.startPos={x:a*n[0]+o,y:u*n[1]+i},S=R.scrollWidth,N=R.scrollHeight,d=f.cloneNode(!0),E.addClass(d,"mce-clonedresizable"),E.setAttrib(d,"data-mce-bogus","all"),d.contentEditable=!1,d.unSelectabe=!0,E.setStyles(d,{left:o,top:i,margin:0}),P(d,a,u),d.removeAttribute("data-mce-selected"),R.appendChild(d),E.bind(c,"mousemove",L),E.bind(c,"mouseup",I),k!==c&&(E.bind(k,"mousemove",L),E.bind(k,"mouseup",I)),m=E.add(R,"div",{"class":"mce-resize-helper","data-mce-bogus":"all"},v+" &times; "+y)}),n.elm=e,E.setStyles(e,{left:a*n[0]+o-e.offsetWidth/2,top:u*n[1]+i-e.offsetHeight/2})}):M(),f.setAttribute("data-mce-selected","1")},M=function(){F(),f&&f.removeAttribute("data-mce-selected"),ue(T,function(e,t){var n=E.get("mceResizeHandle"+t);n&&(E.unbind(n),E.remove(n))})},o=function(e){var t,n=function(e,t){if(e)do{if(e===t)return!0}while(e=e.parentNode)};C||l.removed||(s(E.select("img[data-mce-selected],hr[data-mce-selected]"),function(e){e.removeAttribute("data-mce-selected")}),t="mousedown"===e.type?e.target:r.getNode(),n(t=E.$(t).closest("table,img,figure.image,hr")[0],R)&&(a(),n(r.getStart(!0),t)&&n(r.getEnd(!0),t))?u(t):M())},i=function(e){return sd(id(l.getBody(),e))},F=function(){ue(T,function(e){e.elm&&(E.unbind(e.elm),delete e.elm)})},a=function(){try{l.getDoc().execCommand("enableObjectResizing",!1,"false")}catch(e){}};l.on("init",function(){var e;a(),(wt.browser.isIE()||wt.browser.isEdge())&&(l.on("mousedown click",function(e){var t=e.target,n=t.nodeName;C||!/^(TABLE|IMG|HR)$/.test(n)||i(t)||(2!==e.button&&l.selection.select(t,"TABLE"===n),"mousedown"===e.type&&l.nodeChanged())}),e=function(e){var t=function(e){qr.setEditorTimeout(l,function(){return l.selection.select(e)})};if(i(e.target)||$n(e.target))return e.preventDefault(),void t(e.target);/^(TABLE|IMG|HR)$/.test(e.target.nodeName)&&(e.preventDefault(),"IMG"===e.target.tagName&&t(e.target))},E.bind(R,"mscontrolselect",e),l.on("remove",function(){return E.unbind(R,"mscontrolselect",e)}));var t=qr.throttle(function(e){l.composing||o(e)});l.on("nodechange ResizeEditor ResizeWindow ResizeContent drop FullscreenStateChanged",t),l.on("keyup compositionend",function(e){f&&"TABLE"===f.nodeName&&t(e)}),l.on("hide blur",M),l.on("contextmenu longpress",n,!0)}),l.on("remove",F);return{isResizable:B,showResizeRect:u,hideResizeRect:M,updateResizeRect:o,destroy:function(){f=d=null}}},ld=function(e){return Hn(e)||Vn(e)},fd=function(e,t,n){var r,o,i,a,u,s=n;if(s.caretPositionFromPoint)(o=s.caretPositionFromPoint(e,t))&&((r=n.createRange()).setStart(o.offsetNode,o.offset),r.collapse(!0));else if(n.caretRangeFromPoint)r=n.caretRangeFromPoint(e,t);else if(s.body.createTextRange){r=s.body.createTextRange();try{r.moveToPoint(e,t),r.collapse(!0)}catch(c){r=function(e,n,t){var r,o=t.elementFromPoint(e,n),i=t.body.createTextRange();if(o&&"HTML"!==o.tagName||(o=t.body),i.moveToElementText(o),0<(r=(r=kt.toArray(i.getClientRects())).sort(function(e,t){return(e=Math.abs(Math.max(e.top-n,e.bottom-n)))-(t=Math.abs(Math.max(t.top-n,t.bottom-n)))})).length){n=(r[0].bottom+r[0].top)/2;try{return i.moveToPoint(e,n),i.collapse(!0),i}catch(a){}}return null}(e,t,n)}return i=r,a=n.body,u=i&&i.parentElement?i.parentElement():null,Vn(function(e,t,n){for(;e&&e!==t;){if(n(e))return e;e=e.parentNode}return null}(u,a,ld))?null:i}return r},dd=function(e,t){return e&&t&&e.startContainer===t.startContainer&&e.startOffset===t.startOffset&&e.endContainer===t.endContainer&&e.endOffset===t.endOffset},md=function(e,t,n){return null!==function(e,t,n){for(;e&&e!==t;){if(n(e))return e;e=e.parentNode}return null}(e,t,n)},pd=function(e){return e&&"TABLE"===e.nodeName},gd=function(e,t,n){for(var r=new Xr(t,e.getParent(t.parentNode,e.isBlock)||e.getRoot());t=r[n?"prev":"next"]();)if(zn(t))return!0},hd=function(e,t,n,r,o){var i,a,u=e.getRoot(),s=e.schema.getNonEmptyElements(),c=e.getParent(o.parentNode,e.isBlock)||u;if(r&&zn(o)&&t&&e.isEmpty(c))return U.some(Hs(o.parentNode,e.nodeIndex(o)));for(var l,f,d=new Xr(o,c);a=d[r?"prev":"next"]();){if("false"===e.getContentEditableParent(a)||(f=u,bo(l=a)&&!1===md(l,f,jl)))return U.none();if(In(a)&&0<a.nodeValue.length)return!1===function(e,t,n){return md(e,t,function(e){return e.nodeName===n})}(a,u,"A")?U.some(Hs(a,r?a.nodeValue.length:0)):U.none();if(e.isBlock(a)||s[a.nodeName.toLowerCase()])return U.none();i=a}return n&&i?U.some(Hs(i,0)):U.none()},vd=function(e,t,n,r){var o,i,a,u,s=e.getRoot(),c=!1,l=r[(n?"start":"end")+"Container"],f=r[(n?"start":"end")+"Offset"],d=An(l)&&f===l.childNodes.length,m=e.schema.getNonEmptyElements(),p=n;if(bo(l))return U.none();if(An(l)&&f>l.childNodes.length-1&&(p=!1),Fn(l)&&(l=s,f=0),l===s){if(p&&(o=l.childNodes[0<f?f-1:0])){if(bo(o))return U.none();if(m[o.nodeName]||pd(o))return U.none()}if(l.hasChildNodes()){if(f=Math.min(!p&&0<f?f-1:f,l.childNodes.length-1),l=l.childNodes[f],f=In(l)&&d?l.data.length:0,!t&&l===s.lastChild&&pd(l))return U.none();if(function(e,t){for(;t&&t!==e;){if(Vn(t))return!0;t=t.parentNode}return!1}(s,l)||bo(l))return U.none();if(l.hasChildNodes()&&!1===pd(l)){var g=new Xr(o=l,s);do{if(Vn(o)||bo(o)){c=!1;break}if(In(o)&&0<o.nodeValue.length){f=p?0:o.nodeValue.length,l=o,c=!0;break}if(m[o.nodeName.toLowerCase()]&&(!(i=o)||!/^(TD|TH|CAPTION)$/.test(i.nodeName))){f=e.nodeIndex(o),l=o.parentNode,p||f++,c=!0;break}}while(o=p?g.next():g.prev())}}}return t&&(In(l)&&0===f&&hd(e,d,t,!0,l).each(function(e){l=e.container(),f=e.offset(),c=!0}),An(l)&&(!(o=(o=l.childNodes[f])||l.childNodes[f-1])||!zn(o)||(u="A",(a=o).previousSibling&&a.previousSibling.nodeName===u)||gd(e,o,!1)||gd(e,o,!0)||hd(e,d,t,!0,o).each(function(e){l=e.container(),f=e.offset(),c=!0}))),p&&!t&&In(l)&&f===l.nodeValue.length&&hd(e,d,t,!1,l).each(function(e){l=e.container(),f=e.offset(),c=!0}),c?U.some(Hs(l,f)):U.none()},yd=function(e,t){var n=t.collapsed,r=t.cloneRange(),o=Hs.fromRangeStart(t);return vd(e,n,!0,r).each(function(e){n&&Hs.isAbove(o,e)||r.setStart(e.container(),e.offset())}),n||vd(e,n,!1,r).each(function(e){r.setEnd(e.container(),e.offset())}),n&&r.collapse(!0),dd(t,r)?U.none():U.some(r)},bd=function(e,t){return e.splitText(t)},Cd=function(e){var t=e.startContainer,n=e.startOffset,r=e.endContainer,o=e.endOffset;return t===r&&In(t)?0<n&&n<t.nodeValue.length&&(t=(r=bd(t,n)).previousSibling,n<o?(t=r=bd(r,o-=n).previousSibling,o=r.nodeValue.length,n=0):o=0):(In(t)&&0<n&&n<t.nodeValue.length&&(t=bd(t,n),n=0),In(r)&&0<o&&o<r.nodeValue.length&&(o=(r=bd(r,o).previousSibling).nodeValue.length)),{startContainer:t,startOffset:n,endContainer:r,endOffset:o}};function wd(n){return{walk:function(e,t){return Pf(n,e,t)},split:Cd,normalize:function(t){return yd(n,t).fold(C,function(e){return t.setStart(e.startContainer,e.startOffset),t.setEnd(e.endContainer,e.endOffset),!0})}}}(rd=wd=wd||{}).compareRanges=dd,rd.getCaretRangeFromPoint=fd,rd.getSelectedNode=Cs,rd.getNode=ws;var xd=wd;var Sd,Nd,Ed,kd,_d,Ad=(Sd="height",Nd=function(e){var t=e.dom;return hn(e)?t.getBoundingClientRect().height:t.offsetHeight},{set:function(e,t){if(!O(t)&&!t.match(/^[0-9]+$/))throw new Error(Sd+".set accepts only positive integer values. Value was "+t);var n=e.dom;Wn(n)&&(n.style[Sd]=t+"px")},get:Ed=function(e){var t=Nd(e);if(t<=0||null===t){var n=er(e,Sd);return parseFloat(n)||0}return t},getOuter:Ed,aggregate:kd=function(o,e){return X(e,function(e,t){var n=er(o,t),r=n===undefined?0:parseInt(n,10);return isNaN(r)?e:e+r},0)},max:function(e,t,n){var r=kd(e,n);return r<t?t-r:0}}),Rd=function(r,e){return r.view(e).fold(E([]),function(e){var t=r.owner(e),n=Rd(r,t);return[e].concat(n)})},Td=/* */Object.freeze({__proto__:null,view:function(e){var t;return(e.dom===document?U.none():U.from(null===(t=e.dom.defaultView)||void 0===t?void 0:t.frameElement)).map(At.fromDom)},owner:Vt}),Dd=function(e){var t,n,r,o=At.fromDom(document),i=wn(o),a=(t=e,r=(n=Td).owner(t),Rd(n,r)),u=Cn(e),s=K(a,function(e,t){var n=Cn(t);return{left:e.left+n.left,top:e.top+n.top}},{left:0,top:0});return yn(s.left+u.left+i.left,s.top+u.top+i.top)},Od=function(e){return"textarea"===Lt(e)},Bd=function(e,t){var n,r=function(e){var t=e.dom.ownerDocument,n=t.body,r=t.defaultView,o=t.documentElement;if(n===e.dom)return yn(n.offsetLeft,n.offsetTop);var i=bn(null==r?void 0:r.pageYOffset,o.scrollTop),a=bn(null==r?void 0:r.pageXOffset,o.scrollLeft),u=bn(o.clientTop,n.clientTop),s=bn(o.clientLeft,n.clientLeft);return Cn(e).translate(a-s,i-u)}(e),o=(n=e,Ad.get(n));return{element:e,bottom:r.top+o,height:o,pos:r,cleanup:t}},Pd=function(e,t){var n=function(e,t){var n=Gt(e);if(0===n.length||Od(e))return{element:e,offset:t};if(t<n.length&&!Od(n[t]))return{element:n[t],offset:0};var r=n[n.length-1];return Od(r)?{element:e,offset:t}:"img"===Lt(r)?{element:r,offset:1}:Ut(r)?{element:r,offset:Gf(r).length}:{element:r,offset:Gt(r).length}}(e,t),r=At.fromHtml('<span data-mce-bogus="all">\ufeff</span>');return sn(n.element,r),Bd(r,function(){return pn(r)})},Ld=function(n,r,o,i){Ud(n,function(e,t){return Md(n,r,o,i)},o)},Id=function(e,t,n,r,o){var i,a,u={elm:r.element.dom,alignToTop:o};i=u,e.fire("ScrollIntoView",i).isDefaultPrevented()||(n(t,wn(t).top,r,o),a=u,e.fire("AfterScrollIntoView",a))},Md=function(e,t,n,r){var o=At.fromDom(e.getBody()),i=At.fromDom(e.getDoc());o.dom.offsetWidth;var a=Pd(At.fromDom(n.startContainer),n.startOffset);Id(e,i,t,a,r),a.cleanup()},Fd=function(e,t,n,r){var o,i=At.fromDom(e.getDoc());Id(e,i,n,(o=t,Bd(At.fromDom(o),V)),r)},Ud=function(e,t,n){var r=n.startContainer,o=n.startOffset,i=n.endContainer,a=n.endOffset;t(At.fromDom(r),At.fromDom(i));var u=e.dom.createRng();u.setStart(r,o),u.setEnd(i,a),e.selection.setRng(n)},zd=function(e,t,n,r){var o,i=e.pos;n?xn(i.left,i.top,r):(o=i.top-t+e.height,xn(i.left,o,r))},jd=function(e,t,n,r,o){var i=n+t,a=r.pos.top,u=r.bottom,s=n<=u-a;a<t?zd(r,n,!1!==o,e):i<a?zd(r,n,s?!1!==o:!0===o,e):i<u&&!s&&zd(r,n,!0===o,e)},Hd=function(e,t,n,r){var o=e.dom.defaultView.innerHeight;jd(e,t,o,n,r)},Vd=function(e,t,n,r){var o=e.dom.defaultView.innerHeight;jd(e,t,o,n,r);var i=Dd(n.element),a=En(window);i.top<a.y?Sn(n.element,!1!==r):i.top>a.bottom&&Sn(n.element,!0===r)},qd=function(e,t,n){return Ld(e,Hd,t,n)},$d=function(e,t,n){return Fd(e,t,Hd,n)},Wd=function(e,t,n){return Ld(e,Vd,t,n)},Kd=function(e,t,n){return Fd(e,t,Vd,n)},Xd=function(e,t,n){(e.inline?qd:Wd)(e,t,n)},Yd=function(e){var t=rn(e).dom;return e.dom===t.activeElement},Gd=function(e){return void 0===e&&(e=At.fromDom(document)),U.from(e.dom.activeElement).map(At.fromDom)},Jd=function(e,t,n,r){return{start:e,soffset:t,finish:n,foffset:r}},Qd=Cr([{before:["element"]},{on:["element","offset"]},{after:["element"]}]),Zd=(Qd.before,Qd.on,Qd.after,function(e){return e.fold(o,o,o)}),em=Cr([{domRange:["rng"]},{relative:["startSitu","finishSitu"]},{exact:["start","soffset","finish","foffset"]}]),tm={domRange:em.domRange,relative:em.relative,exact:em.exact,exactFromRange:function(e){return em.exact(e.start,e.soffset,e.finish,e.foffset)},getWin:function(e){var t=e.match({domRange:function(e){return At.fromDom(e.startContainer)},relative:function(e,t){return Zd(e)},exact:function(e,t,n,r){return e}});return qt(t)},range:Jd},nm=dt().browser,rm=function(e,t){var n=Ut(t)?Gf(t).length:Gt(t).length+1;return n<e?n:e<0?0:e},om=function(e){return tm.range(e.start,rm(e.soffset,e.start),e.finish,rm(e.foffset,e.finish))},im=function(e,t){return!_n(t.dom)&&(Pt(e,t)||Ot(e,t))},am=function(t){return function(e){return im(t,e.start)&&im(t,e.finish)}},um=function(e){return!0===e.inline||nm.isIE()},sm=function(e){return tm.range(At.fromDom(e.startContainer),e.startOffset,At.fromDom(e.endContainer),e.endOffset)},cm=function(e){var t,n,r=qt(e);return t=r.dom,((n=t.getSelection())&&0!==n.rangeCount?U.from(n.getRangeAt(0)):U.none()).map(sm).filter(am(e))},lm=function(e){var t=document.createRange();try{return t.setStart(e.start.dom,e.soffset),t.setEnd(e.finish.dom,e.foffset),U.some(t)}catch(n){return U.none()}},fm=function(e){var t=um(e)?cm(At.fromDom(e.getBody())):U.none();e.bookmark=t.isSome()?t:e.bookmark},dm=function(r){return(r.bookmark?r.bookmark:U.none()).bind(function(e){return t=At.fromDom(r.getBody()),n=e,U.from(n).filter(am(t)).map(om);var t,n}).bind(lm)},mm={isEditorUIElement:function(e){var t=e.className.toString();return-1!==t.indexOf("tox-")||-1!==t.indexOf("mce-")}},pm=function(n,e){var t,r;dt().browser.isIE()?(r=n).on("focusout",function(){fm(r)}):(t=e,n.on("mouseup touchend",function(e){t.throttle()})),n.on("keyup NodeChange",function(e){var t;"nodechange"===(t=e).type&&t.selectionChange||fm(n)})},gm=function(r){var o=zu(function(){fm(r)},0);r.on("init",function(){var e,t,n;r.inline&&(e=r,t=o,n=function(){t.throttle()},Eu.DOM.bind(document,"mouseup",n),e.on("remove",function(){Eu.DOM.unbind(document,"mouseup",n)})),pm(r,o)}),r.on("remove",function(){o.cancel()})},hm=Eu.DOM,vm=function(t,e){var n=t.getParam("custom_ui_selector","","string");return null!==hm.getParent(e,function(e){return mm.isEditorUIElement(e)||!!n&&t.dom.is(e,n)})},ym=function(n,e){var t=e.editor;gm(t),t.on("focusin",function(){var e=n.focusedEditor;e!==this&&(e&&e.fire("blur",{focusedEditor:this}),n.setActive(this),(n.focusedEditor=this).fire("focus",{blurredEditor:e}),this.focus(!0))}),t.on("focusout",function(){var t=this;qr.setEditorTimeout(t,function(){var e=n.focusedEditor;vm(t,function(e){try{var t=rn(At.fromDom(e.getElement()));return Gd(t).fold(function(){return document.body},function(e){return e.dom})}catch(n){return document.body}}(t))||e!==t||(t.fire("blur",{focusedEditor:null}),n.focusedEditor=null)})}),_d||(_d=function(e){var t=n.activeEditor;t&&function(e){if(nn()&&D(e.target)){var t=At.fromDom(e.target);if(Ft(t)&&un(t)&&e.composed&&e.composedPath){var n=e.composedPath();if(n)return ne(n)}}return U.from(e.target)}(e).each(function(e){e.ownerDocument===document&&(e===document.body||vm(t,e)||n.focusedEditor!==t||(t.fire("blur",{focusedEditor:null}),n.focusedEditor=null))})},hm.bind(document,"focusin",_d))},bm=function(e,t){e.focusedEditor===t.editor&&(e.focusedEditor=null),e.activeEditor||(hm.unbind(document,"focusin",_d),_d=null)},Cm=function(t,e){return((n=e).collapsed?U.from(ws(n.startContainer,n.startOffset)).map(At.fromDom):U.none()).bind(function(e){return ao(e)?U.some(e):!1===Pt(t,e)?U.some(t):U.none()});var n},wm=function(t,e){Cm(At.fromDom(t.getBody()),e).bind(function(e){return Fl(e.dom)}).fold(function(){t.selection.normalize()},function(e){return t.selection.setRng(e.toRange())})},xm=function(e){if(e.setActive)try{e.setActive()}catch(t){e.focus()}else e.focus()},Sm=function(e){return Yd(e)||Gd(rn(t=e)).filter(function(e){return t.dom.contains(e.dom)}).isSome();var t},Nm=function(r){return Gd().filter(function(e){return t=e.dom,!((n=t.classList)!==undefined&&(n.contains("tox-edit-area")||n.contains("tox-edit-area__iframe")||n.contains("mce-content-body")))&&vm(r,e.dom);var t,n}).isSome()},Em=function(e){return e.inline?(n=e.getBody())&&Sm(At.fromDom(n)):(t=e).iframeElement&&Yd(At.fromDom(t.iframeElement));var t,n},km=function(t){var e=t.selection,n=t.getBody(),r=e.getRng();t.quirks.refreshContentEditable(),t.bookmark!==undefined&&!1===Em(t)&&dm(t).each(function(e){t.selection.setRng(e),r=e});var o,i,a=(o=t,i=e.getNode(),o.dom.getParent(i,function(e){return"true"===o.dom.getContentEditable(e)}));if(t.$.contains(n,a))return xm(a),wm(t,r),void _m(t);t.inline||(wt.opera||xm(n),t.getWin().focus()),(wt.gecko||t.inline)&&(xm(n),wm(t,r)),_m(t)},_m=function(e){return e.editorManager.setActive(e)},Am=function(e,t,n,r,o){var i=n?t.startContainer:t.endContainer,a=n?t.startOffset:t.endOffset;return U.from(i).map(At.fromDom).map(function(e){return r&&t.collapsed?e:Jt(e,o(e,a)).getOr(e)}).bind(function(e){return Ft(e)?U.some(e):$t(e).filter(Ft)}).map(function(e){return e.dom}).getOr(e)},Rm=function(e,t,n){return Am(e,t,!0,n,function(e,t){return Math.min(e.dom.childNodes.length,t)})},Tm=function(e,t,n){return Am(e,t,!1,n,function(e,t){return 0<t?t-1:t})},Dm=function(e,t){for(var n=e;e&&In(e)&&0===e.length;)e=t?e.nextSibling:e.previousSibling;return e||n},Om=function(n,e){return z(e,function(e){var t=n.fire("GetSelectionRange",{range:e});return t.range!==e?t.range:e})},Bm=function(e){return T(e)?e:C},Pm=function(e,t,n){var r=t(e),o=Bm(n);return r.orThunk(function(){return o(e)?U.none():function(e,t,n){for(var r=e.dom,o=Bm(n);r.parentNode;){r=r.parentNode;var i=At.fromDom(r),a=t(i);if(a.isSome())return a;if(o(i))break}return U.none()}(e,t,o)})},Lm=cf,Im=function(e,t,n){var r=e.formatter.get(n);if(r)for(var o=0;o<r.length;o++)if(!1===r[o].inherit&&e.dom.is(t,r[o].selector))return!0;return!1},Mm=function(t,e,n,r){var o=t.dom.getRoot();return e!==o&&(e=t.dom.getParent(e,function(e){return!!Im(t,e,n)||(e.parentNode===o||!!zm(t,e,n,r,!0))}),zm(t,e,n,r))},Fm=function(e,t,n){return!!Lm(t,n.inline)||(!!Lm(t,n.block)||(n.selector?1===t.nodeType&&e.is(t,n.selector):void 0))},Um=function(e,t,n,r,o,i){var a,u,s,c=n[r];if(n.onmatch)return n.onmatch(t,n,r);if(c)if("undefined"==typeof c.length){for(a in c)if(c.hasOwnProperty(a)){if(u="attributes"===r?e.getAttrib(t,a):ff(e,t,a),o&&!u&&!n.exact)return;if((!o||n.exact)&&!Lm(u,lf(e,sf(c[a],i),a)))return}}else for(s=0;s<c.length;s++)if("attributes"===r?e.getAttrib(t,c[s]):ff(e,t,c[s]))return n;return n},zm=function(e,t,n,r,o){var i,a,u,s,c=e.formatter.get(n),l=e.dom;if(c&&t)for(a=0;a<c.length;a++)if(i=c[a],Fm(e.dom,t,i)&&Um(l,t,i,"attributes",o,r)&&Um(l,t,i,"styles",o,r)){if(s=i.classes)for(u=0;u<s.length;u++)if(!e.dom.hasClass(t,s[u]))return;return i}},jm=function(e,t,n,r){if(r)return Mm(e,r,t,n);if(r=e.selection.getNode(),Mm(e,r,t,n))return!0;var o=e.selection.getStart();return!(o===r||!Mm(e,o,t,n))},Hm=function(r,t){var n=function(e){return Ot(e,At.fromDom(r.getBody()))};return U.from(r.selection.getStart(!0)).bind(function(e){return Pm(At.fromDom(e),function(n){return function(e,t){for(var n=0;n<e.length;n++){var r=t(e[n],n);if(r.isSome())return r}return U.none()}(t,function(e){return t=e,zm(r,n.dom,t)?U.some(t):U.none();var t})},n)}).getOrNull()},Vm=function(o,i,e){return X(e,function(e,t){var n,r=(n=t,F(o.formatter.get(n),function(t){var n=function(e){return 1<e.length&&"%"===e.charAt(0)};return F(["styles","attributes"],function(e){return ge(t,e).exists(function(e){var t=S(e)?e:pe(e);return F(t,n)})})}));return o.formatter.matchNode(i,t,{},r)?e.concat([t]):e},[])},qm={"#text":3,"#comment":8,"#cdata":4,"#pi":7,"#doctype":10,"#document-fragment":11},$m=function(e,t,n){var r=n?"lastChild":"firstChild",o=n?"prev":"next";if(e[r])return e[r];if(e!==t){var i=e[o];if(i)return i;for(var a=e.parent;a&&a!==t;a=a.parent)if(i=a[o])return i}},Wm=function(e){var t="a"===e.name&&!e.attr("href")&&e.attr("id");return e.attr("name")||e.attr("id")&&!e.firstChild||e.attr("data-mce-bookmark")||t},Km=(Xm.create=function(e,t){var n=new Xm(e,qm[e]||1);return t&&ue(t,function(e,t){n.attr(t,e)}),n},Xm.prototype.replace=function(e){return e.parent&&e.remove(),this.insert(e,this),this.remove(),this},Xm.prototype.attr=function(e,t){var n,r=this;if("string"!=typeof e)return e!==undefined&&null!==e&&ue(e,function(e,t){r.attr(t,e)}),r;if(n=r.attributes){if(t===undefined)return n.map[e];if(null===t){if(e in n.map){delete n.map[e];for(var o=n.length;o--;)if(n[o].name===e)return n.splice(o,1),r}return r}if(e in n.map){for(o=n.length;o--;)if(n[o].name===e){n[o].value=t;break}}else n.push({name:e,value:t});return n.map[e]=t,r}},Xm.prototype.clone=function(){var e,t=new Xm(this.name,this.type);if(e=this.attributes){var n=[];n.map={};for(var r=0,o=e.length;r<o;r++){var i=e[r];"id"!==i.name&&(n[n.length]={name:i.name,value:i.value},n.map[i.name]=i.value)}t.attributes=n}return t.value=this.value,t.shortEnded=this.shortEnded,t},Xm.prototype.wrap=function(e){return this.parent.insert(e,this),e.append(this),this},Xm.prototype.unwrap=function(){for(var e=this.firstChild;e;){var t=e.next;this.insert(e,this,!0),e=t}this.remove()},Xm.prototype.remove=function(){var e=this.parent,t=this.next,n=this.prev;return e&&(e.firstChild===this?(e.firstChild=t)&&(t.prev=null):n.next=t,e.lastChild===this?(e.lastChild=n)&&(n.next=null):t.prev=n,this.parent=this.next=this.prev=null),this},Xm.prototype.append=function(e){e.parent&&e.remove();var t=this.lastChild;return t?((t.next=e).prev=t,this.lastChild=e):this.lastChild=this.firstChild=e,e.parent=this,e},Xm.prototype.insert=function(e,t,n){e.parent&&e.remove();var r=t.parent||this;return n?(t===r.firstChild?r.firstChild=e:t.prev.next=e,e.prev=t.prev,(e.next=t).prev=e):(t===r.lastChild?r.lastChild=e:t.next.prev=e,e.next=t.next,(e.prev=t).next=e),e.parent=r,e},Xm.prototype.getAll=function(e){for(var t=[],n=this.firstChild;n;n=$m(n,this))n.name===e&&t.push(n);return t},Xm.prototype.empty=function(){if(this.firstChild){for(var e=[],t=this.firstChild;t;t=$m(t,this))e.push(t);for(var n=e.length;n--;)(t=e[n]).parent=t.firstChild=t.lastChild=t.next=t.prev=null}return this.firstChild=this.lastChild=null,this},Xm.prototype.isEmpty=function(e,t,n){void 0===t&&(t={});var r=this.firstChild;if(Wm(this))return!1;if(r)do{if(1===r.type){if(r.attr("data-mce-bogus"))continue;if(e[r.name])return!1;if(Wm(r))return!1}if(8===r.type)return!1;if(3===r.type&&!function(e){if(Uo(e.value)){var t=e.parent;return!t||"span"===t.name&&!t.attr("style")||!/^[ ]+$/.test(e.value)}}(r))return!1;if(3===r.type&&r.parent&&t[r.parent.name]&&Uo(r.value))return!1;if(n&&n(r))return!1}while(r=$m(r,this));return!0},Xm.prototype.walk=function(e){return $m(this,null,e)},Xm);function Xm(e,t){this.name=e,1===(this.type=t)&&(this.attributes=[],this.attributes.map={})}var Ym=kt.makeMap,Gm=function(e){var u=[],s=(e=e||{}).indent,c=Ym(e.indent_before||""),l=Ym(e.indent_after||""),f=ci.getEncodeFunc(e.entity_encoding||"raw",e.entities),d="html"===e.element_format;return{start:function(e,t,n){var r,o,i,a;if(s&&c[e]&&0<u.length&&0<(a=u[u.length-1]).length&&"\n"!==a&&u.push("\n"),u.push("<",e),t)for(r=0,o=t.length;r<o;r++)i=t[r],u.push(" ",i.name,'="',f(i.value,!0),'"');u[u.length]=!n||d?">":" />",n&&s&&l[e]&&0<u.length&&0<(a=u[u.length-1]).length&&"\n"!==a&&u.push("\n")},end:function(e){var t;u.push("</",e,">"),s&&l[e]&&0<u.length&&0<(t=u[u.length-1]).length&&"\n"!==t&&u.push("\n")},text:function(e,t){0<e.length&&(u[u.length]=t?e:f(e))},cdata:function(e){u.push("<![CDATA[",e,"]]>")},comment:function(e){u.push("\x3c!--",e,"--\x3e")},pi:function(e,t){t?u.push("<?",e," ",f(t),"?>"):u.push("<?",e,"?>"),s&&u.push("\n")},doctype:function(e){u.push("<!DOCTYPE",e,">",s?"\n":"")},reset:function(){u.length=0},getContent:function(){return u.join("").replace(/\n$/,"")}}},Jm=function(t,p){void 0===p&&(p=Ci());var g=Gm(t);(t=t||{}).validate=!("validate"in t)||t.validate;return{serialize:function(e){var f=t.validate,d={3:function(e){g.text(e.value,e.raw)},8:function(e){g.comment(e.value)},7:function(e){g.pi(e.name,e.value)},10:function(e){g.doctype(e.value)},4:function(e){g.cdata(e.value)},11:function(e){if(e=e.firstChild)for(;m(e),e=e.next;);}};g.reset();var m=function(e){var t,n,r,o,i,a,u,s,c,l=d[e.type];if(l)l(e);else{if(t=e.name,n=e.shortEnded,r=e.attributes,f&&r&&1<r.length&&((a=[]).map={},c=p.getElementRule(e.name))){for(u=0,s=c.attributesOrder.length;u<s;u++)(o=c.attributesOrder[u])in r.map&&(i=r.map[o],a.map[o]=i,a.push({name:o,value:i}));for(u=0,s=r.length;u<s;u++)(o=r[u].name)in a.map||(i=r.map[o],a.map[o]=i,a.push({name:o,value:i}));r=a}if(g.start(e.name,r,n),!n){if(e=e.firstChild)for(;m(e),e=e.next;);g.end(t)}}};return 1!==e.type||t.inner?d[11](e):m(e),g.getContent()}}},Qm=function(e,t){return e.replace(new RegExp(t.prefix+"_[0-9]+","g"),function(e){return ge(t.uris,e).getOr(e)})},Zm=["img","video"],ep=function(e,t,n){return!e.allow_html_data_urls&&(/^data:image\//i.test(t)?(r=e.allow_svg_data_urls,o=n,!($(r)?M(Zm,o):r)&&/^data:image\/svg\+xml/i.test(t)):/^data:/i.test(t));var r,o},tp=function(e,t,n){var r,o,i=1,a=e.getShortEndedElements(),u=/<([!?\/])?([A-Za-z0-9\-_\:\.]+)((?:\s+[^"\'>]+(?:(?:"[^"]*")|(?:\'[^\']*\')|[^>]*))*|\/|\s+)>/g;for(u.lastIndex=r=n;o=u.exec(t);){if(r=u.lastIndex,"/"===o[1])i--;else if(!o[1]){if(o[2]in a)continue;i++}if(0===i)break}return r};function np(W,K){void 0===K&&(K=Ci());var e=function(){};!1!==(W=W||{}).fix_self_closing&&(W.fix_self_closing=!0);var X=W.comment?W.comment:e,Y=W.cdata?W.cdata:e,G=W.text?W.text:e,J=W.start?W.start:e,Q=W.end?W.end:e,Z=W.pi?W.pi:e,ee=W.doctype?W.doctype:e,n=function(f,e){void 0===e&&(e="html");for(var t,i,n,d,r,o,a,m,u,s,c,l,p,g,h,v,y,b,C,w=f.html,x=0,S=[],N=0,E=ci.decode,k=kt.makeMap("src,href,data,background,formaction,poster,xlink:href"),_=/((java|vb)script|mhtml):/i,A="html"===e?0:1,R=function(e){for(var t,n=S.length;n--&&S[n].name!==e;);if(0<=n){for(t=S.length-1;n<=t;t--)(e=S[t]).valid&&Q(e.name);S.length=n}},T=function(e,t){return G(Qm(e,f),t)},D=function(e){""!==e&&(">"===e.charAt(0)&&(e=" "+e),W.allow_conditional_comments||"[if"!==e.substr(0,3).toLowerCase()||(e=" "+e),X(Qm(e,f)))},O=function(e,t){var n=e||"",r=!Ve(n,"--"),o=function(e,t,n){void 0===n&&(n=0);var r=e.toLowerCase();if(-1!==r.indexOf("[if ",n)&&(u=n,/^\s*\[if [\w\W]+\]>.*<!\[endif\](--!?)?>/.test(r.substr(u)))){var o=r.indexOf("[endif]",n);return r.indexOf(">",o)}if(t){var i=r.indexOf(">",n);return-1!==i?i:r.length}var a=/--!?>/;a.lastIndex=n;var u,s=a.exec(e);return s?s.index+s[0].length:r.length}(w,r,t);return e=w.substr(t,o-t),D(r?n+e:e),o+1},B=function(e,t,n,r,o){var i,a,u,s;if(t=t.toLowerCase(),u=t in F?t:E(n||r||o||""),n=ge(f.uris,u).getOr(u),U&&!m&&!1==(0===(s=t).indexOf("data-")||0===s.indexOf("aria-"))){if(!(i=g[t])&&h){for(a=h.length;a--&&!(i=h[a]).pattern.test(t););-1===a&&(i=null)}if(!i)return;if(i.validValues&&!(n in i.validValues))return}if(k[t]&&!W.allow_script_urls){var c=n.replace(/[\s\u0000-\u001F]+/g,"");try{c=decodeURIComponent(c)}catch(l){c=unescape(c)}if(_.test(c))return;if(ep(W,c,e))return}m&&(t in k||0===t.indexOf("on"))||(d.map[t]=n,d.push({name:t,value:n}))},P=new RegExp("<(?:(?:!--([\\w\\W]*?)--!?>)|(?:!\\[CDATA\\[([\\w\\W]*?)\\]\\]>)|(?:![Dd][Oo][Cc][Tt][Yy][Pp][Ee]([\\w\\W]*?)>)|(?:!(--)?)|(?:\\?([^\\s\\/<>]+) ?([\\w\\W]*?)[?/]>)|(?:\\/([A-Za-z][A-Za-z0-9\\-_\\:\\.]*)>)|(?:([A-Za-z][A-Za-z0-9\\-_\\:\\.]*)((?:\\s+[^\"'>]+(?:(?:\"[^\"]*\")|(?:'[^']*')|[^>]*))*|\\/|\\s+)>))","g"),L=/([\w:\-]+)(?:\s*=\s*(?:(?:\"((?:[^\"])*)\")|(?:\'((?:[^\'])*)\')|([^>\s]+)))?/g,I=K.getShortEndedElements(),M=W.self_closing_elements||K.getSelfClosingElements(),F=K.getBoolAttrs(),U=W.validate,z=W.remove_internals,j=W.fix_self_closing,H=K.getSpecialElements(),V=w+">";t=P.exec(V);){var q=t[0];if(x<t.index&&T(E(w.substr(x,t.index-x))),i=t[7])":"===(i=i.toLowerCase()).charAt(0)&&(i=i.substr(1)),R(i);else if(i=t[8]){if(t.index+q.length>w.length){T(E(w.substr(t.index))),x=t.index+q.length;continue}":"===(i=i.toLowerCase()).charAt(0)&&(i=i.substr(1)),u=i in I,j&&M[i]&&0<S.length&&S[S.length-1].name===i&&R(i);var $=function(e,t){var n=e.exec(t);if(n){var r=n[1],o=n[2];return"string"==typeof r&&"data-mce-bogus"===r.toLowerCase()?o:null}return null}(L,t[9]);if(null!==$){if("all"===$){x=tp(K,w,P.lastIndex),P.lastIndex=x;continue}c=!1}if(!U||(s=K.getElementRule(i))){if(c=!0,U&&(g=s.attributes,h=s.attributePatterns),(p=t[9])?((m=-1!==p.indexOf("data-mce-type"))&&z&&(c=!1),(d=[]).map={},p.replace(L,function(e,t,n,r,o){return B(i,t,n,r,o),""})):(d=[]).map={},U&&!m){if(v=s.attributesRequired,y=s.attributesDefault,b=s.attributesForced,s.removeEmptyAttrs&&!d.length&&(c=!1),b)for(r=b.length;r--;)a=(l=b[r]).name,"{$uid}"===(C=l.value)&&(C="mce_"+N++),d.map[a]=C,d.push({name:a,value:C});if(y)for(r=y.length;r--;)(a=(l=y[r]).name)in d.map||("{$uid}"===(C=l.value)&&(C="mce_"+N++),d.map[a]=C,d.push({name:a,value:C}));if(v){for(r=v.length;r--&&!(v[r]in d.map););-1===r&&(c=!1)}if(l=d.map["data-mce-bogus"]){if("all"===l){x=tp(K,w,P.lastIndex),P.lastIndex=x;continue}c=!1}}c&&J(i,d,u)}else c=!1;if(n=H[i]){n.lastIndex=x=t.index+q.length,x=(t=n.exec(w))?(c&&(o=w.substr(x,t.index-x)),t.index+t[0].length):(o=w.substr(x),w.length),c&&(0<o.length&&T(o,!0),Q(i)),P.lastIndex=x;continue}u||(p&&p.indexOf("/")===p.length-1?c&&Q(i):S.push({name:i,valid:c}))}else if(i=t[1])D(i);else if(i=t[2]){if(!(1==A||W.preserve_cdata||0<S.length&&K.isValidChild(S[S.length-1].name,"#cdata"))){x=O("",t.index+2),P.lastIndex=x;continue}Y(i)}else if(i=t[3])ee(i);else{if((i=t[4])||"<!"===q){x=O(i,t.index+q.length),P.lastIndex=x;continue}if(i=t[5]){if(1!=A){x=O("?",t.index+2),P.lastIndex=x;continue}Z(i,t[6])}}x=t.index+q.length}for(x<w.length&&T(E(w.substr(x))),r=S.length-1;0<=r;r--)(i=S[r]).valid&&Q(i.name)};return{parse:function(e,t){void 0===t&&(t="html"),n(function(e){for(var t,n=/data:[^;]+;base64,([a-z0-9\+\/=]+)/gi,r=[],o={},i=is("img"),a=0,u=0;t=n.exec(e);){var s=t[0],c=i+"_"+u++;o[c]=s,a<t.index&&r.push(e.substr(a,t.index-a)),r.push(c),a=t.index+s.length}return 0===a?{prefix:i,uris:o,html:e}:(a<e.length&&r.push(e.substr(a)),{prefix:i,uris:o,html:r.join("")})}(e),t)}}}(np=np||{}).findEndTag=tp;var rp,op,ip=np,ap=function(e,t){var n,r,o,i,a,u,s,c=t,l=/<(\w+) [^>]*data-mce-bogus="all"[^>]*>/g,f=e.schema;a=e.getTempAttrs(),u=c,s=new RegExp(["\\s?("+a.join("|")+')="[^"]+"'].join("|"),"gi"),c=u.replace(s,"");for(var d=f.getShortEndedElements();i=l.exec(c);)r=l.lastIndex,o=i[0].length,n=d[i[1]]?r:ip.findEndTag(f,c,r),c=c.substring(0,r-o)+c.substring(n),l.lastIndex=r-o;return po(c)},up=ap,sp=function(e,t,n,r){var o,i,a,u,s;return t.format=n,t.get=!0,t.getInner=!0,t.no_events||e.fire("BeforeGetContent",t),o="raw"===t.format?kt.trim(up(e.serializer,r.innerHTML)):"text"===t.format?e.dom.isEmpty(r)?"":po(r.innerText||r.textContent):"tree"===t.format?e.serializer.serialize(r,t):(a=(i=e).serializer.serialize(r,t),u=vc(i),s=new RegExp("^(<"+u+"[^>]*>(&nbsp;|&#160;|\\s|\xa0|<br \\/>|)<\\/"+u+">[\r\n]*|<br \\/>[\r\n]*)$"),a.replace(s,"")),M(["text","tree"],t.format)||so(At.fromDom(r))?t.content=o:t.content=kt.trim(o),t.no_events||e.fire("GetContent",t),t.content},cp=kt.each,lp=function(o){this.compare=function(e,t){if(e.nodeName!==t.nodeName)return!1;var n=function(n){var r={};return cp(o.getAttribs(n),function(e){var t=e.nodeName.toLowerCase();0!==t.indexOf("_")&&"style"!==t&&0!==t.indexOf("data-")&&(r[t]=o.getAttrib(n,t))}),r},r=function(e,t){var n,r;for(r in e)if(e.hasOwnProperty(r)){if(void 0===(n=t[r]))return!1;if(e[r]!==n)return!1;delete t[r]}for(r in t)if(t.hasOwnProperty(r))return!1;return!0};return!!r(n(e),n(t))&&(!!r(o.parseStyle(o.getAttrib(e,"style")),o.parseStyle(o.getAttrib(t,"style")))&&(!Jl(e)&&!Jl(t)))}},fp=function(n,r,o){return U.from(o.container()).filter(In).exists(function(e){var t=n?0:-1;return r(e.data.charAt(o.offset()+t))})},dp=N(fp,!0,Zl),mp=N(fp,!1,Zl),pp=function(e){var t=e.container();return In(t)&&(0===t.data.length||mo(t.data)&&od.isBookmarkNode(t.parentNode))},gp=function(t,n){return function(e){return U.from(il(t?0:-1,e)).filter(n).isSome()}},hp=function(e){return jn(e)&&"block"===er(At.fromDom(e),"display")},vp=function(e){return Vn(e)&&!(An(t=e)&&"all"===t.getAttribute("data-mce-bogus"));var t},yp=gp(!0,hp),bp=gp(!1,hp),Cp=gp(!0,$n),wp=gp(!1,$n),xp=gp(!0,Bn),Sp=gp(!1,Bn),Np=gp(!0,vp),Ep=gp(!1,vp),kp=function(e){var t=Gu(e,"br"),n=H(function(e){for(var t=[],n=e.dom;n;)t.push(At.fromDom(n)),n=n.lastChild;return t}(e).slice(-1),no);t.length===n.length&&W(n,pn)},_p=function(e){mn(e),fn(e,At.fromHtml('<br data-mce-bogus="1">'))},Ap=function(n){Zt(n).each(function(t){Wt(t).each(function(e){eo(n)&&no(t)&&eo(e)&&pn(t)})})},Rp=function(e,t,n){return Pt(t,e)?function(e,t){for(var n=T(t)?t:C,r=e.dom,o=[];null!==r.parentNode&&r.parentNode!==undefined;){var i=r.parentNode,a=At.fromDom(i);if(o.push(a),!0===n(a))break;r=i}return o}(e,function(e){return n(e)||Ot(e,t)}).slice(0,-1):[]},Tp=function(e,t){return Rp(e,t,C)},Dp=function(e,t){return[e].concat(Tp(e,t))},Op=function(e,t,n){return Pl(e,t,n,pp)},Bp=function(e,t){return Y(Dp(At.fromDom(t.container()),e),eo)},Pp=function(e,n,r){return Op(e,n.dom,r).forall(function(t){return Bp(n,r).fold(function(){return!1===ol(t,r,n.dom)},function(e){return!1===ol(t,r,n.dom)&&Pt(e,At.fromDom(t.container()))})})},Lp=function(t,n,r){return Bp(n,r).fold(function(){return Op(t,n.dom,r).forall(function(e){return!1===ol(e,r,n.dom)})},function(e){return Op(t,e.dom,r).isNone()})},Ip=N(Lp,!1),Mp=N(Lp,!0),Fp=N(Pp,!1),Up=N(Pp,!0),zp=function(e){return ml(e).exists(no)},jp=function(e,t,n){var r=H(Dp(At.fromDom(n.container()),t),eo),o=ne(r).getOr(t);return Ol(e,o.dom,n).filter(zp)},Hp=function(e,t){return ml(t).exists(no)||jp(!0,e,t).isSome()},Vp=function(e,t){return n=t,U.from(n.getNode(!0)).map(At.fromDom).exists(no)||jp(!1,e,t).isSome();var n},qp=N(jp,!1),$p=N(jp,!0),Wp=function(e){return Hs.isTextPosition(e)&&!e.isAtStart()&&!e.isAtEnd()},Kp=function(e,t){var n=H(Dp(At.fromDom(t.container()),e),eo);return ne(n).getOr(e)},Xp=function(e,t){return Wp(t)?mp(t):mp(t)||Ml(Kp(e,t).dom,t).exists(mp)},Yp=function(e,t){return Wp(t)?dp(t):dp(t)||Il(Kp(e,t).dom,t).exists(dp)},Gp=function(e){return ml(e).bind(function(e){return Ar(e,Ft)}).exists(function(e){return t=er(e,"white-space"),M(["pre","pre-wrap"],t);var t})},Jp=function(e,t){return r=t,Ml(e.dom,r).isNone()||(n=t,Il(e.dom,n).isNone())||Ip(e,t)||Mp(e,t)||Vp(e,t)||Hp(e,t);var n,r},Qp=function(e,t){return!Gp(t)&&(Ip(e,t)||Fp(e,t)||Vp(e,t)||Xp(e,t))},Zp=function(e,t){return!Gp(t)&&(Mp(e,t)||Up(e,t)||Hp(e,t)||Yp(e,t))},eg=function(e,t){return Qp(e,t)||Zp(e,(r=(n=t).container(),o=n.offset(),In(r)&&o<r.data.length?Hs(r,o+1):n));var n,r,o},tg=function(e,t){return Ql(e.charAt(t))},ng=function(e){var t=e.container();return In(t)&&He(t.data,lo)},rg=function(e){var n,t=e.data,r=(n=t.split(""),z(n,function(e,t){return Ql(e)&&0<t&&t<n.length-1&&ef(n[t-1])&&ef(n[t+1])?" ":e}).join(""));return r!==t&&(e.data=r,!0)},og=function(l,e){return U.some(e).filter(ng).bind(function(e){var t,n,r,o,i,a,u,s,c=e.container();return(i=l,u=(a=c).data,s=Hs(a,0),!(!tg(u,0)||eg(i,s)||(a.data=" "+u.slice(1),0))||rg(c)||(t=l,r=(n=c).data,o=Hs(n,r.length-1),!(!tg(r,r.length-1)||eg(t,o)||(n.data=r.slice(0,-1)+" ",0))))?U.some(e):U.none()})},ig=function(t){var e=At.fromDom(t.getBody());t.selection.isCollapsed()&&og(e,Hs.fromRangeStart(t.selection.getRng())).each(function(e){t.selection.setRng(e.toRange())})},ag=function(e,t,n){var r,o,i,a,u,s,c,l;0!==n&&(r=At.fromDom(e),o=_r(r,eo).getOr(r),i=e.data.slice(t,t+n),a=t+n>=e.data.length&&Zp(o,$s(e,e.data.length)),u=0===t&&Qp(o,$s(e,0)),e.replaceData(t,n,(c=u,l=a,X(s=i,function(e,t){return Zl(t)||Ql(t)?e.previousCharIsSpace||""===e.str&&c||e.str.length===s.length-1&&l?{previousCharIsSpace:!1,str:e.str+lo}:{previousCharIsSpace:!0,str:e.str+" "}:{previousCharIsSpace:!1,str:e.str+t}},{previousCharIsSpace:!1,str:""}).str)))},ug=function(e,t){var n=e.data.slice(t),r=n.length-We(n).length;return ag(e,t,r)},sg=function(e,t){var n=e.data.slice(0,t),r=n.length-Ke(n).length;return ag(e,t-r,r)},cg=function(e,t,n,r){void 0===r&&(r=!0);var o=Ke(e.data).length,i=r?e:t,a=r?t:e;return r?i.appendData(a.data):i.insertData(0,a.data),pn(At.fromDom(a)),n&&ug(i,o),i},lg=function(e,t){return r=e,o=(n=t).container(),i=n.offset(),!1===$s.isTextPosition(n)&&o===r.parentNode&&i>$s.before(r).offset()?$s(t.container(),t.offset()-1):t;var n,r,o,i},fg=function(e){return Lo(e.previousSibling)?U.some((t=e.previousSibling,In(t)?$s(t,t.data.length):$s.after(t))):e.previousSibling?Ul(e.previousSibling):U.none();var t},dg=function(e){return Lo(e.nextSibling)?U.some((t=e.nextSibling,In(t)?$s(t,0):$s.before(t))):e.nextSibling?Fl(e.nextSibling):U.none();var t},mg=function(r,o){return fg(o).orThunk(function(){return dg(o)}).orThunk(function(){return e=r,t=o,n=$s.before(t.previousSibling?t.previousSibling:t.parentNode),Ml(e,n).fold(function(){return Il(e,$s.after(t))},U.some);var e,t,n})},pg=function(n,r){return dg(r).orThunk(function(){return fg(r)}).orThunk(function(){return t=r,Il(e=n,$s.after(t)).fold(function(){return Ml(e,$s.before(t))},U.some);var e,t})},gg=function(e,t,n){return(e?pg:mg)(t,n).map(N(lg,n))},hg=function(t,n,e){e.fold(function(){t.focus()},function(e){t.selection.setRng(e.toRange(),n)})},vg=function(e,t){return t&&he(e.schema.getBlockElements(),Lt(t))},yg=function(e){if($o(e)){var t=At.fromHtml('<br data-mce-bogus="1">');return mn(e),fn(e,t),U.some($s.before(t.dom))}return U.none()},bg=function(e,t,a){var n,r,o,i,u=Wt(e).filter(Ut),s=Kt(e).filter(Ut);return pn(e),r=s,o=t,i=function(e,t,n){var r=e.dom,o=t.dom,i=r.data.length;return cg(r,o,a),n.container()===o?$s(r,i):n},((n=u).isSome()&&r.isSome()&&o.isSome()?U.some(i(n.getOrDie(),r.getOrDie(),o.getOrDie())):U.none()).orThunk(function(){return a&&(u.each(function(e){return sg(e.dom,e.dom.length)}),s.each(function(e){return ug(e.dom,0)})),t})},Cg=function(t,n,e,r){void 0===r&&(r=!0);var o,i,a=gg(n,t.getBody(),e.dom),u=_r(e,N(vg,t),(o=t.getBody(),function(e){return e.dom===o})),s=bg(e,a,(i=e,he(t.schema.getTextInlineElements(),Lt(i))));t.dom.isEmpty(t.getBody())?(t.setContent(""),t.selection.setCursorLocation()):u.bind(yg).fold(function(){r&&hg(t,n,s)},function(e){r&&hg(t,n,U.some(e))})},wg=function(e,t){return{start:e,end:t}},xg=Cr([{removeTable:["element"]},{emptyCells:["cells"]},{deleteCellSelection:["rng","cell"]}]),Sg=function(e,t){return Or(At.fromDom(e),"td,th",t)},Ng=function(e,t){return Tr(e,"table",t)},Eg=function(e){return!Ot(e.start,e.end)},kg=function(e,t){return Ng(e.start,t).bind(function(r){return Ng(e.end,t).bind(function(e){return t=Ot(r,e),n=r,t?U.some(n):U.none();var t,n})})},_g=function(e){return Gu(e,"td,th")},Ag=function(r,e){var t=Sg(e.startContainer,r),n=Sg(e.endContainer,r);return e.collapsed?U.none():ds(t,n,wg).fold(function(){return t.fold(function(){return n.bind(function(t){return Ng(t,r).bind(function(e){return ne(_g(e)).map(function(e){return wg(e,t)})})})},function(t){return Ng(t,r).bind(function(e){return re(_g(e)).map(function(e){return wg(t,e)})})})},function(e){return Rg(r,e)?U.none():(n=r,Ng((t=e).start,n).bind(function(e){return re(_g(e)).map(function(e){return wg(t.start,e)})}));var t,n})},Rg=function(e,t){return kg(t,e).isSome()},Tg=function(e,t,n){return e.filter(function(e){return Eg(e)&&Rg(n,e)}).orThunk(function(){return Ag(n,t)}).bind(function(e){return kg(t=e,n).map(function(e){return{rng:t,table:e,cells:_g(e)}});var t})},Dg=function(e,t){return G(e,function(e){return Ot(e,t)})},Og=function(e,r,o){return e.filter(function(e){return n=o,!Eg(t=e)&&kg(t,n).exists(function(e){var t=e.dom.rows;return 1===t.length&&1===t[0].cells.length})&&jf(e.start,r);var t,n}).map(function(e){return e.start})},Bg=function(n){return ds(Dg((r=n).cells,r.rng.start),Dg(r.cells,r.rng.end),function(e,t){return r.cells.slice(e,t+1)}).map(function(e){var t=n.cells;return e.length===t.length?xg.removeTable(n.table):xg.emptyCells(e)});var r},Pg=function(e,t){var n,r,o,i,a,u=(n=e,function(e){return Ot(n,e)}),s=(o=u,i=Sg((r=t).startContainer,o),a=Sg(r.endContainer,o),ds(i,a,wg));return Og(s,t,u).map(function(e){return xg.deleteCellSelection(t,e)}).orThunk(function(){return Tg(s,t,u).bind(Bg)})},Lg=function(e){var t;return(8===It(t=e)||"#comment"===Lt(t)?Wt:Zt)(e).bind(Lg).orThunk(function(){return U.some(e)})},Ig=function(e,t){return W(t,_p),e.selection.setCursorLocation(t[0].dom,0),!0},Mg=function(e,t,n){t.deleteContents();var r,o,i=Lg(n).getOr(n),a=At.fromDom(e.dom.getParent(i.dom,e.dom.isBlock));return $o(a)&&(_p(a),e.selection.setCursorLocation(a.dom,0)),Ot(n,a)||(r=$t(a).is(n)?[]:$t(o=a).map(Gt).map(function(e){return H(e,function(e){return!Ot(o,e)})}).getOr([]),W(r.concat(Gt(n)),function(e){Ot(e,a)||Pt(e,a)||pn(e)})),!0},Fg=function(e,t){return Cg(e,!1,t),!0},Ug=function(n,e,r,t){return jg(e,t).fold(function(){return t=n,Pg(e,r).map(function(e){return e.fold(N(Fg,t),N(Ig,t),N(Mg,t))});var t},function(e){return Hg(n,e)}).getOr(!1)},zg=function(e,t){return Y(Dp(t,e),uo)},jg=function(e,t){return Y(Dp(t,e),function(e){return"caption"===Lt(e)})},Hg=function(e,t){return _p(t),e.selection.setCursorLocation(t.dom,0),U.some(!0)},Vg=function(u,s,c,l,f){return Bl(c,u.getBody(),f).bind(function(e){return o=c,i=f,a=e,Fl((r=l).dom).bind(function(t){return Ul(r.dom).map(function(e){return o?i.isEqual(t)&&a.isEqual(e):i.isEqual(e)&&a.isEqual(t)})}).getOr(!0)?Hg(u,l):(t=l,n=e,jg(s,At.fromDom(n.getNode())).map(function(e){return!1===Ot(e,t)}));var t,n,r,o,i,a}).or(U.some(!0))},qg=function(o,i,a,e){var u=$s.fromRangeStart(o.selection.getRng());return zg(a,e).bind(function(e){return $o(e)?Hg(o,e):(t=a,n=e,r=u,Bl(i,o.getBody(),r).bind(function(e){return zg(t,At.fromDom(e.getNode())).map(function(e){return!1===Ot(e,n)})}));var t,n,r}).getOr(!1)},$g=function(e,t){return(e?xp:Sp)(t)},Wg=function(a,u,r){var s=At.fromDom(a.getBody());return jg(s,r).fold(function(){return qg(a,u,s,r)||(e=a,t=u,n=$s.fromRangeStart(e.selection.getRng()),$g(t,n)||Ol(t,e.getBody(),n).exists(function(e){return $g(t,e)}));var e,t,n},function(e){return t=a,n=u,r=s,o=e,i=$s.fromRangeStart(t.selection.getRng()),($o(o)?Hg(t,o):Vg(t,r,n,o,i)).getOr(!1);var t,n,r,o,i})},Kg=function(e,t){var n,r,o,i,a,u=At.fromDom(e.selection.getStart(!0)),s=Ff(e);return e.selection.isCollapsed()&&0===s.length?Wg(e,t,u):(n=e,r=u,o=At.fromDom(n.getBody()),i=n.selection.getRng(),0!==(a=Ff(n)).length?Ig(n,a):Ug(n,o,i,r))},Xg=function(a){var u=$s.fromRangeStart(a),s=$s.fromRangeEnd(a),c=a.commonAncestorContainer;return Ol(!1,c,s).map(function(e){return!ol(u,s,c)&&ol(u,e,c)?(t=u.container(),n=u.offset(),r=e.container(),o=e.offset(),(i=document.createRange()).setStart(t,n),i.setEnd(r,o),i):a;var t,n,r,o,i}).getOr(a)},Yg=function(e){return e.collapsed?e:Xg(e)},Gg=function(e,t){var n,r;return e.getBlockElements()[t.name]&&((r=t).firstChild&&r.firstChild===r.lastChild)&&("br"===(n=t.firstChild).name||n.value===lo)},Jg=function(e,t){var n,r,o,i=t.firstChild,a=t.lastChild;return i&&"meta"===i.name&&(i=i.next),a&&"mce_marker"===a.attr("id")&&(a=a.prev),r=a,o=(n=e).getNonEmptyElements(),r&&(r.isEmpty(o)||Gg(n,r))&&(a=a.prev),!(!i||i!==a)&&("ul"===i.name||"ol"===i.name)},Qg=function(e){return e&&e.firstChild&&e.firstChild===e.lastChild&&((t=e.firstChild).data===lo||zn(t));var t},Zg=function(e){return 0<e.length&&(!(t=e[e.length-1]).firstChild||Qg(t))?e.slice(0,-1):e;var t},eh=function(e,t){var n=e.getParent(t,e.isBlock);return n&&"LI"===n.nodeName?n:null},th=function(e,t){var n=$s.after(e),r=_l(t).prev(n);return r?r.toRange():null},nh=function(t,e,n){var r,o,i,a,u=t.parentNode;return kt.each(e,function(e){u.insertBefore(e,t)}),r=t,o=n,i=$s.before(r),(a=_l(o).next(i))?a.toRange():null},rh=function(e,o,i,t){var n,r,a,u,s,c,l,f,d,m,p,g,h,v,y,b,C,w,x,S,N=(n=o,r=t,c=e.serialize(r),l=n.createFragment(c),u=(a=l).firstChild,s=a.lastChild,u&&"META"===u.nodeName&&u.parentNode.removeChild(u),s&&"mce_marker"===s.id&&s.parentNode.removeChild(s),a),E=eh(o,i.startContainer),k=Zg((f=N.firstChild,kt.grep(f.childNodes,function(e){return"LI"===e.nodeName}))),_=o.getRoot(),A=function(e){var t=$s.fromRangeStart(i),n=_l(o.getRoot()),r=1===e?n.prev(t):n.next(t);return!r||eh(o,r.getNode())!==E};return A(1)?nh(E,k,_):A(2)?(d=E,m=k,p=_,o.insertAfter(m.reverse(),d),th(m[0],p)):(h=k,v=_,y=g=E,C=(b=i).cloneRange(),w=b.cloneRange(),C.setStartBefore(y),w.setEndAfter(y),x=[C.cloneContents(),w.cloneContents()],(S=g.parentNode).insertBefore(x[0],g),kt.each(h,function(e){S.insertBefore(e,g)}),S.insertBefore(x[1],g),S.removeChild(g),th(h[h.length-1],v))},oh=qn,ih=function(e){var t=e.dom,n=Yg(e.selection.getRng());e.selection.setRng(n);var r,o,i,a=t.getParent(n.startContainer,oh);r=t,o=n,null!==(i=a)&&i===r.getParent(o.endContainer,oh)&&jf(At.fromDom(i),o)?Mg(e,n,At.fromDom(a)):e.getDoc().execCommand("Delete",!1,null)},ah=function(e,t,n){var r,o,i,a,u,s,c,l,f,d=e.selection,m=e.dom;/^ | $/.test(t)&&(s=m,c=d.getRng(),l=t,f=At.fromDom(s.getRoot()),l=Qp(f,$s.fromRangeStart(c))?l.replace(/^ /,"&nbsp;"):l.replace(/^&nbsp;/," "),t=l=Zp(f,$s.fromRangeEnd(c))?l.replace(/(&nbsp;| )(<br( \/)>)?$/,"&nbsp;"):l.replace(/&nbsp;(<br( \/)?>)?$/," "));var p=e.parser,g=n.merge,h=Jm({validate:e.getParam("validate")},e.schema),v='<span id="mce_marker" data-mce-type="bookmark">&#xFEFF;</span>',y={content:t,format:"html",selection:!0,paste:n.paste};if((y=e.fire("BeforeSetContent",y)).isDefaultPrevented())e.fire("SetContent",{content:y.content,format:"html",selection:!0,paste:n.paste});else{-1===(t=y.content).indexOf("{$caret}")&&(t+="{$caret}"),t=t.replace(/\{\$caret\}/,v);var b,C,w=(a=d.getRng()).startContainer||(a.parentElement?a.parentElement():null),x=e.getBody();w===x&&d.isCollapsed()&&m.isBlock(x.firstChild)&&(b=e,(C=x.firstChild)&&!b.schema.getShortEndedElements()[C.nodeName])&&m.isEmpty(x.firstChild)&&((a=m.createRng()).setStart(x.firstChild,0),a.setEnd(x.firstChild,0),d.setRng(a)),d.isCollapsed()||ih(e);var S,N,E,k,_,A,R,T,D,O,B,P,L,I,M={context:(r=d.getNode()).nodeName.toLowerCase(),data:n.data,insert:!0},F=p.parse(t,M);if(!0===n.paste&&Jg(e.schema,F)&&eh(m,r))return a=rh(h,m,d.getRng(),F),d.setRng(a),void e.fire("SetContent",y);if(!function(e){for(var t=e;t=t.walk();)1===t.type&&t.attr("data-mce-fragment","1")}(F),"mce_marker"===(u=F.lastChild).attr("id"))for(u=(i=u).prev;u;u=u.walk(!0))if(3===u.type||!m.isBlock(u.name)){e.schema.isValidChild(u.parent.name,"span")&&u.parent.insert(i,u,"br"===u.name);break}if(e._selectionOverrides.showBlockCaretContainer(r),M.invalid){for(e.selection.setContent(v),r=d.getNode(),o=e.getBody(),9===r.nodeType?r=u=o:u=r;u!==o;)u=(r=u).parentNode;t=r===o?o.innerHTML:m.getOuterHTML(r),t=h.serialize(p.parse(t.replace(/<span (id="mce_marker"|id=mce_marker).+?<\/span>/i,function(){return h.serialize(F)}))),r===o?m.setHTML(o,t):m.setOuterHTML(r,t)}else t=h.serialize(F),S=e,N=t,"all"===(E=r).getAttribute("data-mce-bogus")?E.parentNode.insertBefore(S.dom.createFragment(N),E):(k=E.firstChild,_=E.lastChild,!k||k===_&&"BR"===k.nodeName?S.dom.setHTML(E,N):S.selection.setContent(N));R=g,O=(A=e).schema.getTextInlineElements(),B=A.dom,R&&(T=A.getBody(),D=new lp(B),kt.each(B.select("*[data-mce-fragment]"),function(e){for(var t=e.parentNode;t&&t!==T;t=t.parentNode)O[e.nodeName.toLowerCase()]&&D.compare(t,e)&&B.remove(e,!0)})),function(n,e){var t,r,o=n.dom,i=n.selection;if(e){i.scrollIntoView(e);var a=function(e){for(var t=n.getBody();e&&e!==t;e=e.parentNode)if("false"===o.getContentEditable(e))return e;return null}(e);if(a)return o.remove(e),i.select(a);var u=o.createRng(),s=e.previousSibling;s&&3===s.nodeType?(u.setStart(s,s.nodeValue.length),wt.ie||(r=e.nextSibling)&&3===r.nodeType&&(s.appendData(r.data),r.parentNode.removeChild(r))):(u.setStartBefore(e),u.setEndBefore(e));var c=o.getParent(e,o.isBlock);o.remove(e),c&&o.isEmpty(c)&&(n.$(c).empty(),u.setStart(c,0),u.setEnd(c,0),oh(c)||c.getAttribute("data-mce-fragment")||!(t=function(e){var t=$s.fromRangeStart(e);if(t=_l(n.getBody()).next(t))return t.toRange()}(u))?o.add(c,o.create("br",{"data-mce-bogus":"1"})):(u=t,o.remove(c))),i.setRng(u)}}(e,m.get("mce_marker")),P=e.getBody(),kt.each(P.getElementsByTagName("*"),function(e){e.removeAttribute("data-mce-fragment")}),L=m,I=d.getStart(),U.from(L.getParent(I,"td,th")).map(At.fromDom).each(Ap),e.fire("SetContent",y),e.addVisual()}},uh=function(e,t){t(e),e.firstChild&&uh(e.firstChild,t),e.next&&uh(e.next,t)},sh=function(e,t,n){var r=function(e,n,t){var r={},o={},i=[];for(var a in t.firstChild&&uh(t.firstChild,function(t){W(e,function(e){e.name===t.name&&(r[e.name]?r[e.name].nodes.push(t):r[e.name]={filter:e,nodes:[t]})}),W(n,function(e){"string"==typeof t.attr(e.name)&&(o[e.name]?o[e.name].nodes.push(t):o[e.name]={filter:e,nodes:[t]})})}),r)r.hasOwnProperty(a)&&i.push(r[a]);for(var u in o)o.hasOwnProperty(u)&&i.push(o[u]);return i}(e,t,n);W(r,function(t){W(t.filter.callbacks,function(e){e(t.nodes,t.filter.name,{})})})},ch=function(e){return e instanceof Km},lh=function(e,t){var r;e.dom.setHTML(e.getBody(),t),Em(r=e)&&Fl(r.getBody()).each(function(e){var t=e.getNode(),n=Bn(t)?Fl(t).getOr(e):e;r.selection.setRng(n.toRange())})},fh=function(u,s,c){return c.format=c.format?c.format:"html",c.set=!0,c.content=ch(s)?"":s,c.no_events||u.fire("BeforeSetContent",c),ch(s)||(s=c.content),U.from(u.getBody()).fold(E(s),function(e){return ch(s)?function(e,t,n,r){sh(e.parser.getNodeFilters(),e.parser.getAttributeFilters(),n);var o=Jm({validate:e.validate},e.schema).serialize(n);return r.content=so(At.fromDom(t))?o:kt.trim(o),lh(e,r.content),r.no_events||e.fire("SetContent",r),n}(u,e,s,c):(t=u,n=e,o=c,0===(r=s).length||/^\s+$/.test(r)?(a='<br data-mce-bogus="1">',"TABLE"===n.nodeName?r="<tr><td>"+a+"</td></tr>":/^(UL|OL)$/.test(n.nodeName)&&(r="<li>"+a+"</li>"),r=(i=vc(t))&&t.schema.isValidChild(n.nodeName.toLowerCase(),i.toLowerCase())?(r=a,t.dom.createHTML(i,yc(t),r)):r||'<br data-mce-bogus="1">',lh(t,r),t.fire("SetContent",o)):("raw"!==o.format&&(r=Jm({validate:t.validate},t.schema).serialize(t.parser.parse(r,{isRootContent:!0,insert:!0}))),o.content=so(At.fromDom(n))?r:kt.trim(r),lh(t,o.content),o.no_events||t.fire("SetContent",o)),o.content);var t,n,r,o,i,a})},dh=function(e,t){return r=t,((o=(n=e).dom).parentNode?Rr(At.fromDom(o.parentNode),function(e){return!Ot(n,e)&&r(e)}):U.none()).isSome();var n,r,o},mh=fo,ph="_mce_caret",gh=function(e){return 0<function(e){for(var t=[];e;){if(3===e.nodeType&&e.nodeValue!==mh||1<e.childNodes.length)return[];1===e.nodeType&&t.push(e),e=e.firstChild}return t}(e).length},hh=function(e){if(e){var t=new Xr(e,e);for(e=t.current();e;e=t.next())if(In(e))return e}return null},vh=function(e){var t=At.fromTag("span");return Yn(t,{id:ph,"data-mce-bogus":"1","data-mce-type":"format-caret"}),e&&fn(t,At.fromText(mh)),t},yh=function(e,t,n){void 0===n&&(n=!0);var r,o,i,a,u,s,c,l,f=e.dom,d=e.selection;gh(t)?Cg(e,!1,At.fromDom(t),n):(r=d.getRng(),o=f.getParent(t,f.isBlock),i=r.startContainer,a=r.startOffset,u=r.endContainer,s=r.endOffset,(l=hh(t))&&l.nodeValue.charAt(0)===mh&&l.deleteData(0,1),c=l,f.remove(t,!0),i===c&&0<a&&r.setStart(c,a-1),u===c&&0<s&&r.setEnd(c,s-1),o&&f.isEmpty(o)&&_p(At.fromDom(o)),d.setRng(r))},bh=function(e,t,n){void 0===n&&(n=!0);var r=e.dom,o=e.selection;if(t)yh(e,t,n);else if(!(t=Hl(e.getBody(),o.getStart())))for(;t=r.get(ph);)yh(e,t,!1)},Ch=function(e,t){return e.appendChild(t),t},wh=function(e,t){var n=K(e,function(e,t){return Ch(e,t.cloneNode(!1))},t);return Ch(n,n.ownerDocument.createTextNode(mh))},xh=function(e,t,n,r){var o,i,a,u,s,c,l,f,d,m,p,g,h,v=e.dom,y=e.selection,b=[],C=y.getRng(),w=C.startContainer,x=C.startOffset,S=w;for(3===w.nodeType&&(x!==w.nodeValue.length&&(o=!0),S=S.parentNode);S;){if(zm(e,S,t,n,r)){i=S;break}S.nextSibling&&(o=!0),b.push(S),S=S.parentNode}i&&(o?(a=y.getBookmark(),C.collapse(!0),u=Of(e,C,e.formatter.get(t),!0),u=Cd(u),e.formatter.remove(t,n,u,r),y.moveToBookmark(a)):(s=Hl(e.getBody(),i),c=vh(!1).dom,m=c,p=null!==s?s:i,g=(d=e).dom,(h=g.getParent(p,N(of,d)))&&g.isEmpty(h)?p.parentNode.replaceChild(m,p):(kp(At.fromDom(p)),g.isEmpty(p)?p.parentNode.replaceChild(m,p):g.insertAfter(m,p)),l=function(t,e,n,r,o,i){var a=t.formatter,u=t.dom,s=H(ie(a.get()),function(e){return e!==r&&!He(e,"removeformat")}),c=Vm(t,n,s);if(0<H(c,function(e){return!pf(t,e,r)}).length){var l=n.cloneNode(!1);return u.add(e,l),a.remove(r,o,l,i),u.remove(l),U.some(l)}return U.none()}(e,c,i,t,n,r),f=wh(b.concat(l.toArray()),c),yh(e,s,!1),y.setCursorLocation(f,1),v.isEmpty(i)&&v.remove(i)))},Sh=function(i){i.on("mouseup keydown",function(e){var t,n,r,o;t=i,n=e.keyCode,r=t.selection,o=t.getBody(),bh(t,null,!1),8!==n&&46!==n||!r.isCollapsed()||r.getStart().innerHTML!==mh||bh(t,Hl(o,r.getStart())),37!==n&&39!==n||bh(t,Hl(o,r.getStart()))})},Nh=function(e,t){return e.schema.getTextInlineElements().hasOwnProperty(Lt(t))&&!jl(t.dom)&&!On(t.dom)},Eh={},kh=we,_h=be;op=function(e){var t,n=e.selection.getRng(),r=Rn(["pre"]);n.collapsed||(t=e.selection.getSelectedBlocks(),_h(kh(kh(t,r),function(e){return r(e.previousSibling)&&-1!==xe(t,e.previousSibling)}),function(e){var t,n;t=e.previousSibling,hu(n=e).remove(),hu(t).append("<br><br>").append(n.childNodes)}))},Eh[rp="pre"]||(Eh[rp]=[]),Eh[rp].push(op);var Ah=kt.each,Rh=function(e){return An(e)&&!Jl(e)&&!jl(e)&&!On(e)},Th=function(e,t){for(var n=e;n;n=n[t]){if(In(n)&&0!==n.nodeValue.length)return e;if(An(n)&&!Jl(n))return n}return e},Dh=function(e,t,n){var r,o,i=new lp(e);if(t&&n&&(t=Th(t,"previousSibling"),n=Th(n,"nextSibling"),i.compare(t,n))){for(r=t.nextSibling;r&&r!==n;)r=(o=r).nextSibling,t.appendChild(o);return e.remove(n),kt.each(kt.grep(n.childNodes),function(e){t.appendChild(e)}),t}return n},Oh=function(e,t,n,r){var o;r&&!1!==t.merge_siblings&&(o=Dh(e,rf(r),r),Dh(e,o,rf(o,!0)))},Bh=function(e,t,n){Ah(e.childNodes,function(e){Rh(e)&&(t(e)&&n(e),e.hasChildNodes()&&Bh(e,t,n))})},Ph=function(t,n){return function(e){return!(!e||!ff(t,e,n))}},Lh=function(r,o,i){return function(e){var t,n;r.setStyle(e,o,i),""===e.getAttribute("style")&&e.removeAttribute("style"),t=r,"SPAN"===(n=e).nodeName&&0===t.getAttribs(n).length&&t.remove(n,!0)}},Ih=Cr([{keep:[]},{rename:["name"]},{removed:[]}]),Mh=/^(src|href|style)$/,Fh=kt.each,Uh=cf,zh=function(e,t,n){return e.isChildOf(t,n)&&t!==n&&!e.isBlock(n)},jh=function(e,t,n){var r,o=t[n?"startContainer":"endContainer"],i=t[n?"startOffset":"endOffset"];return An(o)&&(r=o.childNodes.length-1,!n&&i&&i--,o=o.childNodes[r<i?r:i]),In(o)&&n&&i>=o.nodeValue.length&&(o=new Xr(o,e.getBody()).next()||o),In(o)&&!n&&0===i&&(o=new Xr(o,e.getBody()).prev()||o),o},Hh=function(e,t){var n=t?"firstChild":"lastChild";if(/^(TR|TH|TD)$/.test(e.nodeName)&&e[n]){var r=e[n];return"TR"===e.nodeName&&r[n]||r}return e},Vh=function(e,t,n,r){var o=e.create(n,r);return t.parentNode.insertBefore(o,t),o.appendChild(t),o},qh=function(e,t,n,r,o){var i=At.fromDom(t),a=At.fromDom(e.create(r,o)),u=(n?Yt:Xt)(i);return dn(a,u),n?(sn(i,a),ln(a,i)):(cn(i,a),fn(a,i)),a.dom},$h=function(e,t,n,r){return!(t=rf(t,n,r))||"BR"===t.nodeName||e.isBlock(t)},Wh=function(e,r,o,t,i){var n,a,u,s,c,l=e.dom;if(u=l,!(Uh(s=t,(c=r).inline)||Uh(s,c.block)||c.selector&&(An(s)&&u.is(s,c.selector))||(a=t,r.links&&"A"===a.nodeName)))return Ih.keep();var f,d,m,p,g,h,v,y=t;if(r.inline&&"all"===r.remove&&S(r.preserve_attributes)){var b=H(l.getAttribs(y),function(e){return M(r.preserve_attributes,e.name.toLowerCase())});if(l.removeAllAttribs(y),W(b,function(e){return l.setAttrib(y,e.name,e.value)}),0<b.length)return Ih.rename("span")}if("all"!==r.remove){Fh(r.styles,function(e,t){e=lf(l,sf(e,o),t+""),O(t)&&(t=e,i=null),!r.remove_similar&&i&&!Uh(ff(l,i,t),e)||l.setStyle(y,t,""),n=!0}),n&&""===l.getAttrib(y,"style")&&(y.removeAttribute("style"),y.removeAttribute("data-mce-style")),Fh(r.attributes,function(e,t){var n;if(e=sf(e,o),O(t)&&(t=e,i=null),r.remove_similar||!i||Uh(l.getAttrib(i,t),e)){if("class"===t&&(e=l.getAttrib(y,t))&&(n="",W(e.split(/\s+/),function(e){/mce\-\w+/.test(e)&&(n+=(n?" ":"")+e)}),n))return void l.setAttrib(y,t,n);"class"===t&&y.removeAttribute("className"),Mh.test(t)&&y.removeAttribute("data-mce-"+t),y.removeAttribute(t)}}),Fh(r.classes,function(e){e=sf(e,o),i&&!l.hasClass(i,e)||l.removeClass(y,e)});for(var C=l.getAttribs(y),w=0;w<C.length;w++){var x=C[w].nodeName;if(0!==x.indexOf("_")&&0!==x.indexOf("data-"))return Ih.keep()}}return"none"!==r.remove?(f=e,m=r,g=(d=y).parentNode,h=f.dom,v=vc(f),m.block&&(v?g===h.getRoot()&&(m.list_block&&Uh(d,m.list_block)||W(oe(d.childNodes),function(e){af(f,v,e.nodeName.toLowerCase())?p?p.appendChild(e):(p=Vh(h,e,v),h.setAttribs(p,f.settings.forced_root_block_attrs)):p=0})):h.isBlock(d)&&!h.isBlock(g)&&($h(h,d,!1)||$h(h,d.firstChild,!0,!0)||d.insertBefore(h.create("br"),d.firstChild),$h(h,d,!0)||$h(h,d.lastChild,!1,!0)||d.appendChild(h.create("br")))),m.selector&&m.inline&&!Uh(m.inline,d)||h.remove(d,!0),Ih.removed()):Ih.keep()},Kh=function(t,e,n,r,o){return Wh(t,e,n,r,o).fold(C,function(e){return t.dom.rename(r,e),!0},k)},Xh=function(e,t,n,r,o,i,a,u){var s,c,l,f=e.dom;if(n){for(var d=n.parentNode,m=r.parentNode;m&&m!==d;m=m.parentNode){s=f.clone(m,!1);for(var p=0;p<t.length&&null!==(s=function(t,e,n,r){return Wh(t,e,n,r,r).fold(E(r),function(e){return t.dom.createFragment().appendChild(r),t.dom.rename(r,e)},E(null))}(e,t[p],u,s));p++);s&&(c&&s.appendChild(c),l=l||s,c=s)}!i||a.mixed&&f.isBlock(n)||(r=f.split(n,r)),c&&(o.parentNode.insertBefore(c,o),l.appendChild(o),a.inline&&Oh(f,a,0,c))}return r},Yh=function(s,c,l,e,f){var t,d=s.formatter.get(c),m=d[0],i=!0,a=s.dom,n=s.selection,u=function(e){var n,t,r,o,i,a,u=(t=e,r=c,o=l,i=f,W(mf((n=s).dom,t.parentNode).reverse(),function(e){var t;a||"_start"===e.id||"_end"===e.id||(t=zm(n,e,r,o,i))&&!1!==t.split&&(a=e)}),a);return Xh(s,d,u,e,e,!0,m,l)},p=function(e){var t,n;An(e)&&a.getContentEditable(e)&&(t=i,i="true"===a.getContentEditable(e),n=!0);var r=oe(e.childNodes);if(i&&!n)for(var o=0;o<d.length&&!Kh(s,d[o],l,e,e);o++);if(m.deep&&r.length){for(o=0;o<r.length;o++)p(r[o]);n&&(i=t)}},g=function(e){var t,n=a.get(e?"_start":"_end"),r=n[e?"firstChild":"lastChild"];return Jl(t=r)&&An(t)&&("_start"===t.id||"_end"===t.id)&&(r=r[e?"firstChild":"lastChild"]),In(r)&&0===r.data.length&&(r=e?n.previousSibling||n.nextSibling:n.nextSibling||n.previousSibling),a.remove(n,!0),r},r=function(e){var t,n,r=Of(s,e,d,e.collapsed);if(m.split){if(r=Cd(r),(t=jh(s,r,!0))!==(n=jh(s,r))){if(t=Hh(t,!0),n=Hh(n,!1),zh(a,t,n)){var o=U.from(t.firstChild).getOr(t);return u(qh(a,o,!0,"span",{id:"_start","data-mce-type":"bookmark"})),void g(!0)}if(zh(a,n,t)){o=U.from(n.lastChild).getOr(n);return u(qh(a,o,!1,"span",{id:"_end","data-mce-type":"bookmark"})),void g(!1)}t=Vh(a,t,"span",{id:"_start","data-mce-type":"bookmark"}),n=Vh(a,n,"span",{id:"_end","data-mce-type":"bookmark"});var i=a.createRng();i.setStartAfter(t),i.setEndBefore(n),Pf(a,i,function(e){W(e,function(e){Jl(e)||Jl(e.parentNode)||u(e)})}),u(t),u(n),t=g(!0),n=g()}else t=n=u(t);r.startContainer=t.parentNode?t.parentNode:t,r.startOffset=a.nodeIndex(t),r.endContainer=n.parentNode?n.parentNode:n,r.endOffset=a.nodeIndex(n)+1}Pf(a,r,function(e){W(e,function(t){p(t);W(["underline","line-through","overline"],function(e){An(t)&&s.dom.getStyle(t,"text-decoration")===e&&t.parentNode&&df(a,t.parentNode)===e&&Kh(s,{deep:!1,exact:!0,inline:"span",styles:{textDecoration:e}},null,t)})})})};if(e)tf(e)?((t=a.createRng()).setStartBefore(e),t.setEndAfter(e),r(t)):r(e);else if("false"!==a.getContentEditable(n.getNode()))n.isCollapsed()&&m.inline&&!Ff(s).length?xh(s,c,l,f):($f(n,!0,function(){qf(s,r)}),m.inline&&jm(s,c,l,n.getStart())&&nf(a,n,n.getRng()),s.nodeChanged());else{e=n.getNode();for(var o=0;o<d.length&&(!d[o].ceFalseOverride||!Kh(s,d[o],l,e,e));o++);}},Gh=kt.each,Jh=function(i,e,a,u){Gh(e,function(t){var r,e,n,o;Gh(i.dom.select(t.inline,u),function(e){Rh(e)&&Kh(i,t,a,e,t.exact?e:null)}),r=i.dom,n=u,(e=t).clear_child_styles&&(o=e.links?"*:not(a)":"*",Ah(r.select(o,n),function(n){Rh(n)&&Ah(e.styles,function(e,t){r.setStyle(n,t,"")})}))})},Qh=kt.each,Zh=ve,ev=function(E,k,_,r){var e,t,n,o,A=E.formatter.get(k),R=A[0],i=!r&&E.selection.isCollapsed(),a=E.dom,u=E.selection,T=function(n,e){var t;e=e||R,n&&(e.onformat&&e.onformat(n,e,_,r),Qh(e.styles,function(e,t){a.setStyle(n,t,sf(e,_))}),!e.styles||(t=a.getAttrib(n,"style"))&&a.setAttrib(n,"data-mce-style",t),Qh(e.attributes,function(e,t){a.setAttrib(n,t,sf(e,_))}),Qh(e.classes,function(e){e=sf(e,_),a.hasClass(n,e)||a.addClass(n,e)}))},m=function(e,t){var n=!1;return!!hf(R)&&(Qh(e,function(e){if(!("collapsed"in e&&e.collapsed!==i))return a.is(t,e.selector)&&!jl(t)?(T(t,e),!(n=!0)):void 0}),n)},s=function(S,e,t,c){var N=[],l=!0,f=R.inline||R.block,d=S.create(f);T(d),Pf(S,e,function(e){var u,s=function(e){var t=!1,n=l,r=e.nodeName.toLowerCase(),o=e.parentNode.nodeName.toLowerCase();if(An(e)&&S.getContentEditable(e)&&(n=l,l="true"===S.getContentEditable(e),t=!0),zn(e)&&!function(e,t,n,r){if(e.getParam("format_empty_lines",!1,"boolean")&&vf(t)){var o=ke(ke({},e.schema.getTextBlockElements()),{td:{},th:{},li:{},dt:{},dd:{},figcaption:{},caption:{},details:{},summary:{}}),i=dh(At.fromDom(n),function(e){return jl(e.dom)});return ve(o,r)&&$o(At.fromDom(n.parentNode),!1)&&!i}return!1}(E,R,e,o))return u=null,void(gf(R)&&S.remove(e));if(R.wrapper&&zm(E,e,k,_))u=null;else{if(l&&!t&&gf(R)&&!R.wrapper&&of(E,r)&&af(E,o,f)){var i=S.rename(e,f);return T(i),N.push(i),void(u=null)}if(hf(R)){var a=m(A,e);if(!Zh(R,"inline")||a)return void(u=null)}!l||t||!af(E,f,r)||!af(E,o,f)||!c&&3===e.nodeType&&1===e.nodeValue.length&&65279===e.nodeValue.charCodeAt(0)||jl(e)||Zh(R,"inline")&&S.isBlock(e)?(u=null,Qh(kt.grep(e.childNodes),s),t&&(l=n),u=null):(u||(u=S.clone(d,!1),e.parentNode.insertBefore(u,e),N.push(u)),u.appendChild(e))}};Qh(e,s)}),!0===R.links&&Qh(N,function(e){var t=function(e){"A"===e.nodeName&&T(e,R),Qh(kt.grep(e.childNodes),t)};t(e)}),Qh(N,function(e){var n,t,r,o,i,a,u,s,c,l,f,d,m,p,g,h,v,y,b,C,w=function(e){var n=!1;return Qh(e.childNodes,function(e){if((t=e)&&1===t.nodeType&&!Jl(t)&&!jl(t)&&!On(t))return n=e,!1;var t}),n},x=(n=0,Qh(e.childNodes,function(e){var t;D(t=e)&&In(t)&&0===t.length||Jl(e)||n++}),n);!(1<N.length)&&S.isBlock(e)||0!==x?(vf(R)||R.wrapper)&&(R.exact||1!==x||((C=w(y=e))&&!Jl(C)&&Fm(S,C,R)&&(b=S.clone(C,!1),T(b),S.replace(b,y,!0),S.remove(C,!0)),e=b||y),Jh(E,A,_,e),p=R,g=k,h=_,zm(m=E,(v=e).parentNode,g,h)&&Kh(m,p,h,v)||p.merge_with_parents&&m.dom.getParent(v.parentNode,function(e){if(zm(m,e,g,h))return Kh(m,p,h,v),!0}),c=S,f=_,d=e,(l=R).styles&&l.styles.backgroundColor&&Bh(d,Ph(c,"fontSize"),Lh(c,"backgroundColor",sf(l.styles.backgroundColor,f))),i=S,u=e,s=function(e){var t;1===e.nodeType&&e.parentNode&&1===e.parentNode.nodeType&&(t=df(i,e.parentNode),i.getStyle(e,"color")&&t?i.setStyle(e,"text-decoration",t):i.getStyle(e,"text-decoration")===t&&i.setStyle(e,"text-decoration",null))},(a=R).styles&&(a.styles.color||a.styles.textDecoration)&&(kt.walk(u,s,"childNodes"),s(u)),t=S,o=e,"sub"!==(r=R).inline&&"sup"!==r.inline||(Bh(o,Ph(t,"fontSize"),Lh(t,"fontSize","")),t.remove(t.select("sup"===r.inline?"sub":"sup",o),!0)),Oh(S,R,0,e)):S.remove(e,!0)})};if("false"!==a.getContentEditable(u.getNode())){R&&(r?tf(r)?m(A,r)||((e=a.createRng()).setStartBefore(r),e.setEndAfter(r),s(a,Of(E,e,A),0,!0)):s(a,r,0,!0):i&&vf(R)&&!Ff(E).length?function(e,t,n){var r,o=e.selection,i=o.getRng(),a=i.startOffset,u=i.startContainer.nodeValue,s=Hl(e.getBody(),o.getStart());s&&(r=hh(s));var c,l,f,d,m=/[^\s\u00a0\u00ad\u200b\ufeff]/;u&&0<a&&a<u.length&&m.test(u.charAt(a))&&m.test(u.charAt(a-1))?(c=o.getBookmark(),i.collapse(!0),l=Of(e,i,e.formatter.get(t)),l=Cd(l),e.formatter.apply(t,n,l),o.moveToBookmark(c)):(s&&r.nodeValue===mh||(f=e.getDoc(),d=vh(!0).dom,r=(s=f.importNode(d,!0)).firstChild,i.insertNode(s),a=1),e.formatter.apply(t,n,s),o.setCursorLocation(r,a))}(E,k,_):(t=u.getNode(),n=A[0],E.settings.forced_root_block||!n.defaultBlock||a.getParent(t,a.isBlock)||ev(E,n.defaultBlock),u.setRng(Yg(u.getRng())),$f(u,!0,function(e){qf(E,function(e,t){var n=t?e:Of(E,e,A);s(a,n)})}),nf(a,u,u.getRng()),E.nodeChanged()),o=E,_h(Eh[k],function(e){e(o)}))}else{r=u.getNode();for(var c=0,l=A.length;c<l;c++){var f=A[c];if(f.ceFalseOverride&&hf(f)&&a.is(r,f.selector))return void T(r,f)}}},tv=function(r,e,t,n){var o=ie(t.get()),i={},a={},u=H(mf(r.dom,e),function(e){return 1===e.nodeType&&!e.getAttribute("data-mce-bogus")});ue(n,function(e,n){kt.each(u,function(t){return r.formatter.matchNode(t,n,{},e.similar)?(-1===o.indexOf(n)&&(W(e.callbacks,function(e){e(!0,{node:t,format:n,parents:u})}),i[n]=e.callbacks),a[n]=e.callbacks,!1):!Im(r,t,n)&&void 0})});var s=nv(t.get(),a,e,u);t.set(ke(ke({},i),s))},nv=function(e,n,r,o){return de(e,function(e,t){return!!he(n,t)||(W(e,function(e){e(!1,{node:r,format:t,parents:o})}),!1)}).t},rv=function(e,o,i,a,t){var n,r,u,s,c,l,f,d;return null===o.get()&&(r=e,u=Ou({}),(n=o).set({}),r.on("NodeChange",function(e){tv(r,e.element,u,n.get())})),c=i,l=a,f=t,d=(s=o).get(),W(c.split(","),function(e){d[e]||(d[e]={similar:f,callbacks:[]}),d[e].callbacks.push(l)}),s.set(d),{unbind:function(){return t=i,n=a,r=(e=o).get(),W(t.split(","),function(e){r[e].callbacks=H(r[e].callbacks,function(e){return e!==n}),0===r[e].callbacks.length&&delete r[e]}),void e.set(r);var e,t,n,r}}},ov=function(e,t){var n=(t||document).createDocumentFragment();return W(e,function(e){n.appendChild(e.dom)}),At.fromDom(n)},iv=function(e,t,n){return{element:e,width:t,rows:n}},av=function(e,t){return{element:e,cells:t}},uv=function(e,t){var n=parseInt(Gn(e,t),10);return isNaN(n)?1:n},sv=function(e){return X(e,function(e,t){return t.cells.length>e?t.cells.length:e},0)},cv=function(e,t){for(var n=e.rows,r=0;r<n.length;r++)for(var o=n[r].cells,i=0;i<o.length;i++)if(Ot(o[i],t))return U.some({x:i,y:r});return U.none()},lv=function(e,t,n,r,o){for(var i=[],a=e.rows,u=n;u<=o;u++){var s=a[u].cells,c=t<r?s.slice(t,r+1):s.slice(r,t+1);i.push(av(a[u].element,c))}return i},fv=function(e){var o=iv(ss(e),0,[]);return W(Gu(e,"tr"),function(n,r){W(Gu(n,"td,th"),function(e,t){!function(e,t,n,r,o){for(var i=uv(o,"rowspan"),a=uv(o,"colspan"),u=e.rows,s=n;s<n+i;s++){u[s]||(u[s]=av(cs(r),[]));for(var c=t;c<t+a;c++){u[s].cells[c]=s===n&&c===t?o:ss(o)}}}(o,function(e,t,n){for(;r=t,o=n,((i=e.rows)[o]?i[o].cells:[])[r];)t++;var r,o,i;return t}(o,t,r),r,n,e)})}),iv(o.element,sv(o.rows),o.rows)},dv=function(e){return n=z((t=e).rows,function(e){var t=z(e.cells,function(e){var t=cs(e);return Qn(t,"colspan"),Qn(t,"rowspan"),t}),n=ss(e.element);return dn(n,t),n}),r=ss(t.element),o=At.fromTag("tbody"),dn(o,n),fn(r,o),r;var t,n,r,o},mv=function(l,e,t){return cv(l,e).bind(function(c){return cv(l,t).map(function(e){return t=l,r=e,o=(n=c).x,i=n.y,a=r.x,u=r.y,s=i<u?lv(t,o,i,a,u):lv(t,o,u,a,i),iv(t.element,sv(s),s);var t,n,r,o,i,a,u,s})})},pv=function(t,n){return Y(t,function(e){return"li"===Lt(e)&&jf(e,n)}).fold(E([]),function(e){return Y(t,function(e){return"ul"===Lt(e)||"ol"===Lt(e)}).map(function(e){var t=At.fromTag(Lt(e)),n=me(rr(e),function(e,t){return Ve(t,"list-style")});return Zn(t,n),[At.fromTag("li"),t]}).getOr([])})},gv=function(e,t){var n,r=At.fromDom(t.commonAncestorContainer),o=Dp(r,e),i=H(o,function(e){return to(e)||Zr(e)}),a=pv(o,t),u=i.concat(a.length?a:io(n=r)?$t(n).filter(oo).fold(E([]),function(e){return[n,e]}):oo(n)?[n]:[]);return z(u,ss)},hv=function(){return ov([])},vv=function(e,t){return n=At.fromDom(t.cloneContents()),r=gv(e,t),o=X(r,function(e,t){return fn(t,e),t},n),0<r.length?ov([o]):o;var n,r,o},yv=function(e,o){return t=e,n=o[0],Tr(n,"table",N(Ot,t)).bind(function(e){var t=o[0],n=o[o.length-1],r=fv(e);return mv(r,t,n).map(function(e){return ov([dv(e)])})}).getOrThunk(hv);var t,n},bv=function(e,t){var n,r,o=Mf(t,e);return 0<o.length?yv(e,o):(n=e,0<(r=t).length&&r[0].collapsed?hv():vv(n,r[0]))},Cv=function(e,t){return 0<=t&&t<e.length&&Zl(e.charAt(t))},wv=function(e,t){var n=po(e.innerText);return t?n.replace(/^[ \f\n\r\t\v]+/,""):n},xv=function(f){return U.from(f.selection.getRng()).map(function(e){var t=U.from(f.dom.getParent(e.commonAncestorContainer,f.dom.isBlock)),n=f.getBody(),r=t.map(function(e){return e.nodeName}).getOr("div").toLowerCase(),o=wt.browser.isIE()&&"pre"!==r,i=f.dom.add(n,r,{"data-mce-bogus":"all",style:"overflow: hidden; opacity: 0;"},e.cloneContents()),a=wv(i,o),u=po(i.textContent);if(f.dom.remove(i),Cv(u,0)||Cv(u,u.length-1)){var s=t.getOr(n),c=wv(s,o),l=c.indexOf(a);return-1===l?a:(Cv(c,l-1)?" ":"")+a+(Cv(c,l+a.length)?" ":"")}return a}).getOr("")},Sv=function(e,t,n){if(void 0===n&&(n={}),n.get=!0,n.format=t,n.selection=!0,(n=e.fire("BeforeGetContent",n)).isDefaultPrevented())return e.fire("GetContent",n),n.content;if("text"===n.format)return xv(e);n.getInner=!0;var r,o,i,a,u,s,c,l=(o=n,i=(r=e).selection.getRng(),a=r.dom.create("body"),u=r.selection.getSel(),s=Om(r,Lf(u)),(c=o.contextual?bv(At.fromDom(r.getBody()),s).dom:i.cloneContents())&&a.appendChild(c),r.selection.serializer.serialize(a,o));return"tree"===n.format?l:(n.content=e.selection.isCollapsed()?"":l,e.fire("GetContent",n),n.content)},Nv=function(e){return An(e)?e.outerHTML:In(e)?ci.encodeRaw(e.data,!1):Mn(e)?"\x3c!--"+e.data+"--\x3e":""},Ev=function(e,t,n){var r,o=function(e){var t,n=document.createElement("div"),r=document.createDocumentFragment();for(e&&(n.innerHTML=e);t=n.firstChild;)r.appendChild(t);return r}(t);e.hasChildNodes()&&n<e.childNodes.length?(r=e.childNodes[n]).parentNode.insertBefore(o,r):e.appendChild(o)},kv=function(e,o){var i=0;W(e,function(e){var t,n,r;0===e[0]?i++:1===e[0]?(Ev(o,e[1],i),i++):2===e[0]&&(n=i,(t=o).hasChildNodes()&&n<t.childNodes.length&&(r=t.childNodes[n]).parentNode.removeChild(r))})},_v=function(e,t){var p,g,n,h,v,c,y,l,r,o=z(oe(t.childNodes),Nv);return kv((g=e,n=(p=o).length+g.length+2,h=new Array(n),v=new Array(n),c=function(e,t,n,r,o){var i=l(e,t,n,r);if(null===i||i.start===t&&i.diag===t-r||i.end===e&&i.diag===e-n)for(var a=e,u=n;a<t||u<r;)a<t&&u<r&&p[a]===g[u]?(o.push([0,p[a]]),++a,++u):r-n<t-e?(o.push([2,p[a]]),++a):(o.push([1,g[u]]),++u);else{c(e,i.start,n,i.start-i.diag,o);for(var s=i.start;s<i.end;++s)o.push([0,p[s]]);c(i.end,t,i.end-i.diag,r,o)}},y=function(e,t,n,r){for(var o=e;o-t<r&&o<n&&p[o]===g[o-t];)++o;return{start:e,end:o,diag:t}},l=function(e,t,n,r){var o=t-e,i=r-n;if(0==o||0==i)return null;var a,u,s,c,l,f=o-i,d=i+o,m=(d%2==0?d:1+d)/2;for(h[1+m]=e,v[1+m]=t+1,a=0;a<=m;++a){for(u=-a;u<=a;u+=2){for(s=u+m,u===-a||u!==a&&h[s-1]<h[s+1]?h[s]=h[s+1]:h[s]=h[s-1]+1,l=(c=h[s])-e+n-u;c<t&&l<r&&p[c]===g[l];)h[s]=++c,++l;if(f%2!=0&&f-a<=u&&u<=f+a&&v[s-f]<=h[s])return y(v[s-f],u+e-n,t,r)}for(u=f-a;u<=f+a;u+=2){for(s=u+m-f,u===f-a||u!==f+a&&v[s+1]<=v[s-1]?v[s]=v[s+1]-1:v[s]=v[s-1],l=(c=v[s]-1)-e+n-u;e<=c&&n<=l&&p[c]===g[l];)v[s]=c--,l--;if(f%2==0&&-a<=u&&u<=a&&v[s]<=h[s+f])return y(v[s],u+e-n,t,r)}}},r=[],c(0,p.length,0,g.length,r),r),t),t},Av=Ou(U.none()),Rv=function(n){var e,t=(e=n.getBody(),H(z(oe(e.childNodes),Nv),function(e){return 0<e.length})),r=J(t,function(e){var t=ap(n.serializer,e);return 0<t.length?[t]:[]}),o=r.join("");return-1!==o.indexOf("</iframe>")?{type:"fragmented",fragments:r,content:"",bookmark:null,beforeBookmark:null}:{type:"complete",fragments:null,content:o,bookmark:null,beforeBookmark:null}},Tv=function(e,t,n){"fragmented"===t.type?_v(t.fragments,e.getBody()):e.setContent(t.content,{format:"raw"}),e.selection.moveToBookmark(n?t.beforeBookmark:t.bookmark)},Dv=function(e){return"fragmented"===e.type?e.fragments.join(""):e.content},Ov=function(e){var t=At.fromTag("body",Av.get().getOrThunk(function(){var e=document.implementation.createHTMLDocument("undo");return Av.set(U.some(e)),e}));return as(t,Dv(e)),W(Gu(t,"*[data-mce-bogus]"),gn),t.dom.innerHTML},Bv=function(e,t){return!(!e||!t)&&(r=t,Dv(e)===Dv(r)||(n=t,Ov(e)===Ov(n)));var n,r},Pv=function(e){return 0===e.get()},Lv=function(e,t,n){Pv(n)&&(e.typing=t)},Iv=function(e,t){e.typing&&(Lv(e,!1,t),e.add())},Mv=function(e){return e instanceof Km},Fv=function(e,t){sh(e.serializer.getNodeFilters(),e.serializer.getAttributeFilters(),t)},Uv=function(){return{type:"complete",fragments:[],content:"",bookmark:null,beforeBookmark:null}},zv=function(f){return{undoManager:{beforeChange:function(e,t){return n=f,r=t,void(Pv(e)&&r.set(U.some(mc(n.selection))));var n,r},addUndoLevel:function(e,t,n,r,o,i){return function(e,t,n,r,o,i,a){var u=Rv(e);if(i=i||{},i=kt.extend(i,u),!1===Pv(r)||e.removed)return null;var s=t.data[n.get()];if(e.fire("BeforeAddUndo",{level:i,lastLevel:s,originalEvent:a}).isDefaultPrevented())return null;if(s&&Bv(s,i))return null;t.data[n.get()]&&o.get().each(function(e){t.data[n.get()].beforeBookmark=e});var c=e.getParam("custom_undo_redo_levels",0,"number");if(c&&t.data.length>c){for(var l=0;l<t.data.length-1;l++)t.data[l]=t.data[l+1];t.data.length--,n.set(t.data.length)}i.bookmark=mc(e.selection),n.get()<t.data.length-1&&(t.data.length=n.get()+1),t.data.push(i),n.set(t.data.length-1);var f={level:i,lastLevel:s,originalEvent:a};return 0<n.get()?(e.setDirty(!0),e.fire("AddUndo",f),e.fire("change",f)):e.fire("AddUndo",f),i}(f,e,t,n,r,o,i)},undo:function(e,t,n){return r=f,i=t,a=n,(o=e).typing&&(o.add(),o.typing=!1,Lv(o,!1,i)),0<a.get()&&(a.set(a.get()-1),u=o.data[a.get()],Tv(r,u,!0),r.setDirty(!0),r.fire("Undo",{level:u})),u;var r,o,i,a,u},redo:function(e,t){return n=f,o=t,(r=e).get()<o.length-1&&(r.set(r.get()+1),i=o[r.get()],Tv(n,i,!1),n.setDirty(!0),n.fire("Redo",{level:i})),i;var n,r,o,i},clear:function(e,t){return n=f,o=t,(r=e).data=[],o.set(0),r.typing=!1,void n.fire("ClearUndos");var n,r,o},reset:function(e){return(t=e).clear(),void t.add();var t},hasUndo:function(e,t){return n=f,r=e,0<t.get()||r.typing&&r.data[0]&&!Bv(Rv(n),r.data[0]);var n,r},hasRedo:function(e,t){return n=e,t.get()<n.data.length-1&&!n.typing;var n},transact:function(e,t,n){return o=n,Iv(r=e,t),r.beforeChange(),r.ignore(o),r.add();var r,o},ignore:function(e,t){try{e.set(e.get()+1),t()}finally{e.set(e.get()-1)}},extra:function(e,t,n,r){return o=f,a=t,u=n,s=r,void((i=e).transact(u)&&(c=i.data[a.get()].bookmark,l=i.data[a.get()-1],Tv(o,l,!0),i.transact(s)&&(i.data[a.get()-1].beforeBookmark=c)));var o,i,a,u,s,c,l}},formatter:{match:function(e,t,n){return jm(f,e,t,n)},matchAll:function(e,t){return o=e,i=t,a=[],u={},n=(r=f).selection.getStart(),r.dom.getParent(n,function(e){for(var t=0;t<o.length;t++){var n=o[t];!u[n]&&zm(r,e,n,i)&&(u[n]=!0,a.push(n))}},r.dom.getRoot()),a;var r,o,i,a,u,n},matchNode:function(e,t,n,r){return zm(f,e,t,n,r)},canApply:function(e){return function(e,t){var n,r,o,i,a,u=e.formatter.get(t),s=e.dom;if(u)for(n=e.selection.getStart(),r=mf(s,n),i=u.length-1;0<=i;i--){if(!(a=u[i].selector)||u[i].defaultBlock)return!0;for(o=r.length-1;0<=o;o--)if(s.is(r[o],a))return!0}return!1}(f,e)},closest:function(e){return Hm(f,e)},apply:function(e,t,n){return ev(f,e,t,n)},remove:function(e,t,n,r){return Yh(f,e,t,n,r)},toggle:function(e,t,n){return o=e,i=t,a=n,u=(r=f).formatter.get(o),void(!jm(r,o,i,a)||"toggle"in u[0]&&!u[0].toggle?ev:Yh)(r,o,i,a);var r,o,i,a,u},formatChanged:function(e,t,n,r){return rv(f,e,t,n,r)}},editor:{getContent:function(e,t){return n=f,r=e,o=t,U.from(n.getBody()).fold(E("tree"===r.format?new Km("body",11):""),function(e){return sp(n,r,o,e)});var n,r,o},setContent:function(e,t){return fh(f,e,t)},insertContent:function(e,t){return ah(f,e,t)},addVisual:function(e){return t=e,a=(i=f).dom,n=D(t)?t:i.getBody(),R(i.hasVisual)&&(i.hasVisual=i.getParam("visual",!0,"boolean")),W(a.select("table,a",n),function(e){switch(e.nodeName){case"TABLE":var t=i.getParam("visual_table_class","mce-item-table","string"),n=a.getAttrib(e,"border");n&&"0"!==n||!i.hasVisual?a.removeClass(e,t):a.addClass(e,t);break;case"A":var r,o;a.getAttrib(e,"href")||(r=a.getAttrib(e,"name")||e.id,o=i.getParam("visual_anchor_class","mce-item-anchor","string"),r&&i.hasVisual?a.addClass(e,o):a.removeClass(e,o))}}),void i.fire("VisualAid",{element:t,hasVisual:i.hasVisual});var i,t,a,n}},selection:{getContent:function(e,t){return Sv(f,e,t)}},raw:{getModel:function(){return U.none()}}}},jv=function(i,a){var o=function(e){return _(e)?e:{}},e=m("Unimplemented feature for rtc");return{undoManager:{beforeChange:V,addUndoLevel:e,undo:function(){return a.undo(),Uv()},redo:function(){return a.redo(),Uv()},clear:e,reset:e,hasUndo:function(){return a.hasUndo()},hasRedo:function(){return a.hasRedo()},transact:function(e,t,n){return a.transact(n),Uv()},ignore:e,extra:e},formatter:{match:function(e,t,n){return a.matchFormat(e,o(t))},matchAll:e,matchNode:e,canApply:function(e){return a.canApplyFormat(e)},closest:function(e){return a.closestFormat(e)},apply:function(e,t,n){return a.applyFormat(e,o(t))},remove:function(e,t,n,r){return a.removeFormat(e,o(t))},toggle:function(e,t,n){return a.toggleFormat(e,o(t))},formatChanged:function(e,t,n,r){return a.formatChanged(t,n,r)}},editor:{getContent:function(e,t){if("html"!==t&&"tree"!==t)return zv(i).editor.getContent(e,t);var n=a.getContent(),r=Jm({inner:!0});return Fv(i,n),"tree"===t?n:r.serialize(n)},setContent:function(e,t){var n=Mv(e)?e:i.parser.parse(e,{isRootContent:!0,insert:!0});return a.setContent(n),e},insertContent:function(e,t){var n,r=(n=i,U.from(n.selection.getStart(!0)).map(function(e){return e.nodeName.toLowerCase()}).fold(function(){return{}},function(e){return{context:e}})),o=Mv(e)?e:i.parser.parse(e,ke(ke({},r),{insert:!0}));a.insertContent(o)},addVisual:function(e){}},selection:{getContent:function(e,t){if("html"!==e&&"tree"!==e)return zv(i).selection.getContent(e,t);var n=a.getSelectedContent(),r=Jm({});return Fv(i,n),"tree"===e?n:r.serialize(n)}},raw:{getModel:function(){return U.some(a.getRawModel())}}}},Hv=function(e){return he(e.plugins,"rtc")},Vv=function(e){return e.rtcInstance?e.rtcInstance:zv(e)},qv=function(e){var t=e.rtcInstance;if(t)return t;throw new Error("Failed to get RTC instance not yet initialized.")},$v=function(e,t){void 0===t&&(t={});var n,r,o=t.format?t.format:"html";return n=o,r=t,qv(e).selection.getContent(n,r)},Wv=function(e){return 0===e.dom.length?(pn(e),U.none()):U.some(e)},Kv=function(e,t,s,c){e.bind(function(u){return(c?sg:ug)(u.dom,c?u.dom.length:0),t.filter(Ut).map(function(e){return t=e,n=s,r=c,o=u.dom,i=t.dom,a=r?o.length:i.length,void(r?(cg(o,i,!1,!r),n.setStart(i,a)):(cg(i,o,!1,!r),n.setEnd(i,a)));var t,n,r,o,i,a})}).orThunk(function(){var e;return(e=c,t.filter(function(e){return od.isBookmarkNode(e.dom)}).bind(e?Kt:Wt).or(t).filter(Ut)).map(function(e){return r=c,void $t(n=e).each(function(e){var t=n.dom;r&&Qp(e,$s(t,0))?ug(t,0):!r&&Zp(e,$s(t,t.length))&&sg(t,t.length)});var n,r})})},Xv=function(e,t,n){void 0===n&&(n={});var r,o,i=(r=t,ke(ke({format:"html"},n),{set:!0,selection:!0,content:r}));i.no_events||!(i=e.fire("BeforeSetContent",i)).isDefaultPrevented()?(n.content=function(e,t){if("raw"===t.format)return t.content;var n=e.selection.getRng(),r=e.dom.getParent(n.commonAncestorContainer,e.dom.isBlock),o=r?{context:r.nodeName.toLowerCase()}:{},i=e.parser.parse(t.content,ke(ke({isRootContent:!0,forced_root_block:!1},o),t));return Jm({validate:e.validate},e.schema).serialize(i)}(e,i),function(e,t){var n=U.from(t.firstChild).map(At.fromDom),r=U.from(t.lastChild).map(At.fromDom);e.deleteContents(),e.insertNode(t);var o=n.bind(Wt).filter(Ut).bind(Wv),i=r.bind(Kt).filter(Ut).bind(Wv);Kv(o,n,e,!0),Kv(i,r,e,!1),e.collapse(!1)}(o=e.selection.getRng(),o.createContextualFragment(n.content)),e.selection.setRng(o),Xd(e,o),i.no_events||e.fire("SetContent",i)):e.fire("SetContent",i)},Yv=function(e,t,n){var r;e&&e.hasOwnProperty(t)&&(0===(r=H(e[t],function(e){return e!==n})).length?delete e[t]:e[t]=r)};var Gv=function(e){return!!e.select},Jv=function(e){return!(!e||!e.ownerDocument)&&Pt(At.fromDom(e.ownerDocument),At.fromDom(e))},Qv=function(u,s,e,c){var l,f,i,n,a,d,r=function(e,t){return a||(a={},d={},n.on("NodeChange",function(e){var n=e.element,r=i.getParents(n,null,i.getRoot()),o={};kt.each(a,function(e,n){kt.each(r,function(t){if(i.is(t,n))return d[n]||(kt.each(e,function(e){e(!0,{node:t,selector:n,parents:r})}),d[n]=e),o[n]=e,!1})}),kt.each(d,function(e,t){o[t]||(delete d[t],kt.each(e,function(e){e(!1,{node:n,selector:t,parents:r})}))})})),a[e]||(a[e]=[]),a[e].push(t),{unbind:function(){Yv(a,e,t),Yv(d,e,t)}}},t=function(e,t){return Xv(c,e,t)},o=function(e){var t=p();t.collapse(!!e),g(t)},m=function(){return s.getSelection?s.getSelection():s.document.selection},p=function(){var e,t,n,r=function(e,t,n){try{return t.compareBoundaryPoints(e,n)}catch(r){return-1}};if(!s)return null;var o=s.document;if(null==o)return null;if(c.bookmark!==undefined&&!1===Em(c)){var i=dm(c);if(i.isSome())return i.map(function(e){return Om(c,[e])[0]}).getOr(o.createRange())}try{(e=m())&&!_n(e.anchorNode)&&(t=0<e.rangeCount?e.getRangeAt(0):e.createRange?e.createRange():o.createRange(),t=Om(c,[t])[0])}catch(a){}return(t=t||(o.createRange?o.createRange():o.body.createTextRange())).setStart&&9===t.startContainer.nodeType&&t.collapsed&&(n=u.getRoot(),t.setStart(n,0),t.setEnd(n,0)),l&&f&&(0===r(t.START_TO_START,t,l)&&0===r(t.END_TO_END,t,l)?t=f:f=l=null),t},g=function(e,t){var n;if((r=e)&&(Gv(r)||Jv(r.startContainer)&&Jv(r.endContainer))){var r,o=Gv(e)?e:null;if(o){f=null;try{o.select()}catch(a){}}else{var i=m();if(e=c.fire("SetSelectionRange",{range:e,forward:t}).range,i){f=e;try{i.removeAllRanges(),i.addRange(e)}catch(a){}!1===t&&i.extend&&(i.collapse(e.endContainer,e.endOffset),i.extend(e.startContainer,e.startOffset)),l=0<i.rangeCount?i.getRangeAt(0):null}e.collapsed||e.startContainer!==e.endContainer||!i.setBaseAndExtent||wt.ie||e.endOffset-e.startOffset<2&&e.startContainer.hasChildNodes()&&(n=e.startContainer.childNodes[e.startOffset])&&"IMG"===n.tagName&&(i.setBaseAndExtent(e.startContainer,e.startOffset,e.endContainer,e.endOffset),i.anchorNode===e.startContainer&&i.focusNode===e.endContainer||i.setBaseAndExtent(n,0,n,1)),c.fire("AfterSetSelectionRange",{range:e,forward:t})}}},h=function(){var e=m(),t=null==e?void 0:e.anchorNode,n=null==e?void 0:e.focusNode;if(!e||!t||!n||_n(t)||_n(n))return!0;var r=u.createRng();r.setStart(t,e.anchorOffset),r.collapse(!0);var o=u.createRng();return o.setStart(n,e.focusOffset),o.collapse(!0),r.compareBoundaryPoints(r.START_TO_START,o)<=0},v={bookmarkManager:null,controlSelection:null,dom:i=u,win:s,serializer:e,editor:n=c,collapse:o,setCursorLocation:function(e,t){var n=u.createRng();e?(n.setStart(e,t),n.setEnd(e,t),g(n),o(!1)):(Hf(u,n,c.getBody(),!0),g(n))},getContent:function(e){return $v(c,e)},setContent:t,getBookmark:function(e,t){return y.getBookmark(e,t)},moveToBookmark:function(e){return y.moveToBookmark(e)},select:function(e,t){var r,n,o;return r=u,n=e,o=t,U.from(n).map(function(e){var t=r.nodeIndex(e),n=r.createRng();return n.setStart(e.parentNode,t),n.setEnd(e.parentNode,t+1),o&&(Hf(r,n,e,!0),Hf(r,n,e,!1)),n}).each(g),e},isCollapsed:function(){var e=p(),t=m();return!(!e||e.item)&&(e.compareEndPoints?0===e.compareEndPoints("StartToEnd",e):!t||e.collapsed)},isForward:h,setNode:function(e){return t(u.getOuterHTML(e)),e},getNode:function(){return function(e,t){var n,r;if(!t)return e;n=t.startContainer,r=t.endContainer;var o=t.startOffset,i=t.endOffset,a=t.commonAncestorContainer;return!t.collapsed&&(n===r&&i-o<2&&n.hasChildNodes()&&(a=n.childNodes[o]),3===n.nodeType&&3===r.nodeType&&(n=n.length===o?Dm(n.nextSibling,!0):n.parentNode,r=0===i?Dm(r.previousSibling,!1):r.parentNode,n&&n===r))?n:a&&3===a.nodeType?a.parentNode:a}(c.getBody(),p())},getSel:m,setRng:g,getRng:p,getStart:function(e){return Rm(c.getBody(),p(),e)},getEnd:function(e){return Tm(c.getBody(),p(),e)},getSelectedBlocks:function(e,t){return function(e,t,n,r){var o,i=[],a=e.getRoot();if(n=e.getParent(n||Rm(a,t,t.collapsed),e.isBlock),r=e.getParent(r||Tm(a,t,t.collapsed),e.isBlock),n&&n!==a&&i.push(n),n&&r&&n!==r)for(var u=new Xr(o=n,a);(o=u.next())&&o!==r;)e.isBlock(o)&&i.push(o);return r&&n!==r&&r!==a&&i.push(r),i}(u,p(),e,t)},normalize:function(){var e=p(),t=m();if(1<Lf(t).length||!Vf(c))return e;var n=yd(u,e);return n.each(function(e){g(e,h())}),n.getOr(e)},selectorChanged:function(e,t){return r(e,t),v},selectorChangedWithUnbind:r,getScrollContainer:function(){for(var e,t=u.getRoot();t&&"BODY"!==t.nodeName;){if(t.scrollHeight>t.clientHeight){e=t;break}t=t.parentNode}return e},scrollIntoView:function(e,t){return r=e,o=t,void((n=c).inline?$d:Kd)(n,r,o);var n,r,o},placeCaretAt:function(e,t){return g(fd(e,t,c.getDoc()))},getBoundingClientRect:function(){var e=p();return e.collapsed?$s.fromRangeStart(e).getClientRects()[0]:e.getBoundingClientRect()},destroy:function(){s=l=f=null,b.destroy()}},y=od(v),b=cd(v,c);return v.bookmarkManager=y,v.controlSelection=b,v},Zv=function(e,a,u){e.addNodeFilter("font",function(e){W(e,function(e){var t,n=a.parse(e.attr("style")),r=e.attr("color"),o=e.attr("face"),i=e.attr("size");r&&(n.color=r),o&&(n["font-family"]=o),i&&(n["font-size"]=u[parseInt(e.attr("size"),10)-1]),e.name="span",e.attr("style",a.serialize(n)),t=e,W(["color","face","size"],function(e){t.attr(e,null)})})})},ey=function(e,t){var n,r=xi();t.convert_fonts_to_spans&&Zv(e,r,kt.explode(t.font_size_legacy_values)),n=r,e.addNodeFilter("strike",function(e){W(e,function(e){var t=n.parse(e.attr("style"));t["text-decoration"]="line-through",e.name="span",e.attr("style",n.serialize(t))})})},ty=function(e){var t,n=decodeURIComponent(e).split(","),r=/data:([^;]+)/.exec(n[0]);return r&&(t=r[1]),{type:t,data:n[1]}},ny=function(e,t){var n;try{n=atob(t)}catch(Ok){return U.none()}for(var r=new Uint8Array(n.length),o=0;o<r.length;o++)r[o]=n.charCodeAt(o);return U.some(new Blob([r],{type:e}))},ry=function(e){return 0===e.indexOf("blob:")?(i=e,new Br(function(e,t){var n=function(){t("Cannot convert "+i+" to Blob. Resource might not exist or is inaccessible.")};try{var r=new XMLHttpRequest;r.open("GET",i,!0),r.responseType="blob",r.onload=function(){200===this.status?e(this.response):n()},r.onerror=n,r.send()}catch(o){n()}})):0===e.indexOf("data:")?(o=e,new Br(function(e){var t=ty(o),n=t.type,r=t.data;ny(n,r).fold(function(){return e(new Blob([]))},e)})):null;var i,o},oy=0,iy=function(e){return(e||"blobid")+oy++},ay=function(r,o,i,t){var e,n,a,u,s;0!==o.src.indexOf("blob:")?(n=(e=ty(o.src)).data,a=e.type,u=n,(s=r.getByData(u,a))?i({image:o,blobInfo:s}):ry(o.src).then(function(e){s=r.create(iy(),e,u),r.add(s),i({image:o,blobInfo:s})},function(e){t(e)})):(s=r.getByUri(o.src))?i({image:o,blobInfo:s}):ry(o.src).then(function(t){var n;n=t,new Br(function(e){var t=new FileReader;t.onloadend=function(){e(t.result)},t.readAsDataURL(n)}).then(function(e){u=ty(e).data,s=r.create(iy(),t,u),r.add(s),i({image:o,blobInfo:s})})},function(e){t(e)})};function uy(i,a){var u={};return{findAll:function(e,n){n=n||k;var t,r=H((t=e)?oe(t.getElementsByTagName("img")):[],function(e){var t=e.src;return!!wt.fileApi&&(!e.hasAttribute("data-mce-bogus")&&(!e.hasAttribute("data-mce-placeholder")&&(!(!t||t===wt.transparentSrc)&&(0===t.indexOf("blob:")?!i.isUploaded(t)&&n(e):0===t.indexOf("data:")&&n(e)))))}),o=z(r,function(n){if(u[n.src]!==undefined)return new Br(function(t){u[n.src].then(function(e){return"string"==typeof e?e:void t({image:n,blobInfo:e.blobInfo})})});var e=new Br(function(e,t){ay(a,n,e,t)}).then(function(e){return delete u[e.image.src],e})["catch"](function(e){return delete u[n.src],e});return u[n.src]=e});return Br.all(o)}}}var sy,cy,ly=function(e,t,n,r){(e.padd_empty_with_br||t.insert)&&n[r.name]?r.empty().append(new Km("br",1)).shortEnded=!0:r.empty().append(new Km("#text",3)).value=lo},fy=function(e,t){return e&&e.firstChild&&e.firstChild===e.lastChild&&e.firstChild.name===t},dy=function(r,e,t,n){return n.isEmpty(e,t,function(e){return t=e,(n=r.getElementRule(t.name))&&n.paddEmpty;var t,n})},my=function(e,o){var i=o.blob_cache,t=function(t){var e,n,r=t.attr("src");(e=t).attr("src")===wt.transparentSrc||e.attr("data-mce-placeholder")||t.attr("data-mce-bogus")||((n=/data:([^;]+);base64,([a-z0-9\+\/=]+)/i.exec(r))?U.some({type:n[1],data:decodeURIComponent(n[2])}):U.none()).filter(function(){return function(e,t){if(t.images_dataimg_filter){var n=new Image;return n.src=e.attr("src"),ue(e.attributes.map,function(e,t){n.setAttribute(t,e)}),t.images_dataimg_filter(n)}return!0}(t,o)}).bind(function(e){var t=e.type,n=e.data;return U.from(i.getByData(n,t)).orThunk(function(){return ny(t,n).map(function(e){var t=i.create(iy(),e,n);return i.add(t),t})})}).each(function(e){t.attr("src",e.blobUri())})};i&&e.addAttributeFilter("src",function(e){return W(e,t)})},py=function(e,g){var h=e.schema;g.remove_trailing_brs&&e.addNodeFilter("br",function(e,t,n){var r,o,i,a,u,s,c,l,f=e.length,d=kt.extend({},h.getBlockElements()),m=h.getNonEmptyElements(),p=h.getWhiteSpaceElements();for(d.body=1,r=0;r<f;r++)if(i=(o=e[r]).parent,d[o.parent.name]&&o===i.lastChild){for(u=o.prev;u;){if("span"!==(s=u.name)||"bookmark"!==u.attr("data-mce-type")){"br"===s&&(o=null);break}u=u.prev}o&&(o.remove(),dy(h,m,p,i)&&(c=h.getElementRule(i.name))&&(c.removeEmpty?i.remove():c.paddEmpty&&ly(g,n,d,i)))}else{for(a=o;i&&i.firstChild===a&&i.lastChild===a&&!d[(a=i).name];)i=i.parent;a===i&&!0!==g.padd_empty_with_br&&((l=new Km("#text",3)).value=lo,o.replace(l))}}),e.addAttributeFilter("href",function(e){var t,n,r=e.length;if(!g.allow_unsafe_link_target)for(;r--;){var o=e[r];"a"===o.name&&"_blank"===o.attr("target")&&o.attr("rel",(t=o.attr("rel"),n=t?kt.trim(t):"",/\b(noopener)\b/g.test(n)?n:n.split(" ").filter(function(e){return 0<e.length}).concat(["noopener"]).sort().join(" ")))}}),g.allow_html_in_named_anchor||e.addAttributeFilter("id,name",function(e){for(var t,n,r,o,i=e.length;i--;)if("a"===(o=e[i]).name&&o.firstChild&&!o.attr("href"))for(r=o.parent,t=o.lastChild;n=t.prev,r.insert(t,o),t=n;);}),g.fix_list_elements&&e.addNodeFilter("ul,ol",function(e){for(var t,n,r,o=e.length;o--;){"ul"!==(r=(n=e[o]).parent).name&&"ol"!==r.name||(n.prev&&"li"===n.prev.name?n.prev.append(n):((t=new Km("li",1)).attr("style","list-style-type: none"),n.wrap(t)))}}),g.validate&&h.getValidClasses()&&e.addAttributeFilter("class",function(e){for(var t,n,r,o,i,a,u,s=e.length,c=h.getValidClasses();s--;){for(n=(t=e[s]).attr("class").split(" "),i="",r=0;r<n.length;r++)o=n[r],u=!1,(a=c["*"])&&a[o]&&(u=!0),a=c[t.name],!u&&a&&a[o]&&(u=!0),u&&(i&&(i+=" "),i+=o);i.length||(i=null),t.attr("class",i)}}),my(e,g)},gy=kt.makeMap,hy=kt.each,vy=kt.explode,yy=kt.extend,by=function(A,R){void 0===R&&(R=Ci());var T={},D=[],O={},B={};(A=A||{}).validate=!("validate"in A)||A.validate,A.root_name=A.root_name||"body";var e,t,P=function(e){var t,n,r=e.name;r in T&&((n=O[r])?n.push(e):O[r]=[e]),t=D.length;for(;t--;)(r=D[t].name)in e.attributes.map&&((n=B[r])?n.push(e):B[r]=[e]);return e},n={schema:R,addAttributeFilter:function(e,n){hy(vy(e),function(e){for(var t=0;t<D.length;t++)if(D[t].name===e)return void D[t].callbacks.push(n);D.push({name:e,callbacks:[n]})})},getAttributeFilters:function(){return[].concat(D)},addNodeFilter:function(e,n){hy(vy(e),function(e){var t=T[e];t||(T[e]=t=[]),t.push(n)})},getNodeFilters:function(){var e=[];for(var t in T)T.hasOwnProperty(t)&&e.push({name:t,callbacks:T[t]});return e},filterNode:P,parse:function(e,u){var t,n,r,o,i,s,a,c,l=[];u=u||{},O={},B={};var f,d=yy(gy("script,style,head,html,body,title,meta,param"),R.getBlockElements()),m=R.getNonEmptyElements(),p=R.children,g=A.validate,h="forced_root_block"in u?u.forced_root_block:A.forced_root_block,v=!1===(f=h)?"":!0===f?"p":f,y=R.getWhiteSpaceElements(),b=/^[ \t\r\n]+/,C=/[ \t\r\n]+$/,w=/[ \t\r\n]+/g,x=/^[ \t\r\n]+$/,S=y.hasOwnProperty(u.context)||y.hasOwnProperty(A.root_name),N=function(e,t){var n,r=new Km(e,t);return e in T&&((n=O[e])?n.push(r):O[e]=[r]),r},E=function(e){for(var t,n,r,o=R.getBlockElements(),i=e.prev;i&&3===i.type;){if(0<(n=i.value.replace(C,"")).length)return void(i.value=n);if(t=i.next){if(3===t.type&&t.value.length){i=i.prev;continue}if(!o[t.name]&&"script"!==t.name&&"style"!==t.name){i=i.prev;continue}}r=i.prev,i.remove(),i=r}},k=ip({validate:g,allow_html_data_urls:A.allow_html_data_urls,allow_svg_data_urls:A.allow_svg_data_urls,allow_script_urls:A.allow_script_urls,allow_conditional_comments:A.allow_conditional_comments,preserve_cdata:A.preserve_cdata,self_closing_elements:function(e){var t,n={};for(t in e)"li"!==t&&"p"!==t&&(n[t]=e[t]);return n}(R.getSelfClosingElements()),cdata:function(e){c.append(N("#cdata",4)).value=e},text:function(e,t){var n,r,o;S||(e=e.replace(w," "),r=c.lastChild,o=d,r&&(o[r.name]||"br"===r.name)&&(e=e.replace(b,""))),0!==e.length&&((n=N("#text",3)).raw=!!t,c.append(n).value=e)},comment:function(e){c.append(N("#comment",8)).value=e},pi:function(e,t){c.append(N(e,7)).value=t,E(c)},doctype:function(e){c.append(N("#doctype",10)).value=e,E(c)},start:function(e,t,n){var r,o,i,a,u=g?R.getElementRule(e):{};if(u){for((r=N(u.outputName||e,1)).attributes=t,r.shortEnded=n,c.append(r),(a=p[c.name])&&p[r.name]&&!a[r.name]&&l.push(r),o=D.length;o--;)(i=D[o].name)in t.map&&((s=B[i])?s.push(r):B[i]=[r]);d[e]&&E(r),n||(c=r),!S&&y[e]&&(S=!0)}},end:function(e){var t,n,r,o,i,a=g?R.getElementRule(e):{};if(a){if(d[e]&&!S){if((t=c.firstChild)&&3===t.type)if(0<(n=t.value.replace(b,"")).length)t.value=n,t=t.next;else for(r=t.next,t.remove(),t=r;t&&3===t.type;)n=t.value,r=t.next,0!==n.length&&!x.test(n)||(t.remove(),t=r),t=r;if((t=c.lastChild)&&3===t.type)if(0<(n=t.value.replace(C,"")).length)t.value=n,t=t.prev;else for(r=t.prev,t.remove(),t=r;t&&3===t.type;)n=t.value,r=t.prev,0!==n.length&&!x.test(n)||(t.remove(),t=r),t=r}if(S&&y[e]&&(S=!1),a.removeEmpty&&dy(R,m,y,c))return o=c.parent,d[c.name]?c.empty().remove():c.unwrap(),void(c=o);a.paddEmpty&&(fy(i=c,"#text")&&i.firstChild.value===lo||dy(R,m,y,c))&&ly(A,u,d,c),c=c.parent}}},R),_=c=new Km(u.context||A.root_name,11);if(k.parse(e,u.format),g&&l.length&&(u.context?u.invalid=!0:function(e){for(var t,n,r,o,i,a,u,s,c,l,f=gy("tr,td,th,tbody,thead,tfoot,table"),d=R.getNonEmptyElements(),m=R.getWhiteSpaceElements(),p=R.getTextBlockElements(),g=R.getSpecialElements(),h=0;h<e.length;h++)if((t=e[h]).parent&&!t.fixed)if(p[t.name]&&"li"===t.parent.name){for(c=t.next;c&&p[c.name];)c.name="li",c.fixed=!0,t.parent.insert(c,t.parent),c=c.next;t.unwrap(t)}else{for(r=[t],n=t.parent;n&&!R.isValidChild(n.name,t.name)&&!f[n.name];n=n.parent)r.push(n);if(n&&1<r.length){for(r.reverse(),o=i=P(r[0].clone()),s=0;s<r.length-1;s++){for(R.isValidChild(i.name,r[s].name)?(a=P(r[s].clone()),i.append(a)):a=i,u=r[s].firstChild;u&&u!==r[s+1];)l=u.next,a.append(u),u=l;i=a}dy(R,d,m,o)?n.insert(t,r[0],!0):(n.insert(o,r[0],!0),n.insert(t,o)),n=r[0],(dy(R,d,m,n)||fy(n,"br"))&&n.empty().remove()}else if(t.parent){if("li"===t.name){if((c=t.prev)&&("ul"===c.name||"ol"===c.name)){c.append(t);continue}if((c=t.next)&&("ul"===c.name||"ol"===c.name)){c.insert(t,c.firstChild,!0);continue}t.wrap(P(new Km("ul",1)));continue}R.isValidChild(t.parent.name,"div")&&R.isValidChild("div",t.name)?t.wrap(P(new Km("div",1))):g[t.name]?t.empty().remove():t.unwrap()}}}(l)),v&&("body"===_.name||u.isRootContent)&&function(){var e,t,n=_.firstChild,r=function(e){e&&((n=e.firstChild)&&3===n.type&&(n.value=n.value.replace(b,"")),(n=e.lastChild)&&3===n.type&&(n.value=n.value.replace(C,"")))};if(R.isValidChild(_.name,v.toLowerCase())){for(;n;)e=n.next,3===n.type||1===n.type&&"p"!==n.name&&!d[n.name]&&!n.attr("data-mce-type")?(t||((t=N(v,1)).attr(A.forced_root_block_attrs),_.insert(t,n)),t.append(n)):(r(t),t=null),n=e;r(t)}}(),!u.invalid){for(a in O)if(O.hasOwnProperty(a)){for(s=T[a],o=(t=O[a]).length;o--;)t[o].parent||t.splice(o,1);for(n=0,r=s.length;n<r;n++)s[n](t,a,u)}for(n=0,r=D.length;n<r;n++)if((s=D[n]).name in B){for(o=(t=B[s.name]).length;o--;)t[o].parent||t.splice(o,1);for(o=0,i=s.callbacks.length;o<i;o++)s.callbacks[o](t,s.name,u)}}return _}};return py(n,A),e=n,(t=A).inline_styles&&ey(e,t),n},Cy=function(e,t,n){return o=n,(r=e)&&r.hasEventListeners("PreProcess")&&!o.no_events?function(e,t,n){var r,o,i=e.dom;t=t.cloneNode(!0);var a,u,s=document.implementation;return s.createHTMLDocument&&(r=s.createHTMLDocument(""),kt.each("BODY"===t.nodeName?t.childNodes:[t],function(e){r.body.appendChild(r.importNode(e,!0))}),t="BODY"!==t.nodeName?r.body.firstChild:r.body,o=i.doc,i.doc=r),a=e,u=ke(ke({},n),{node:t}),a.fire("PreProcess",u),o&&(i.doc=o),t}(e,t,n):t;var r,o},wy=function(e,t,n){-1===kt.inArray(t,n)&&(e.addAttributeFilter(n,function(e,t){for(var n=e.length;n--;)e[n].attr(t,null)}),t.push(n))},xy=function(e,t,n,r,o){var i,a,u,s,c,l,f=(i=r,Jm(t,n).serialize(i));return a=e,s=f,(u=o).no_events||!a?s:(c=a,l=ke(ke({},u),{content:s}),c.fire("PostProcess",l).content)},Sy=function(y,b){var e=["data-mce-selected"],C=b&&b.dom?b.dom:Eu.DOM,w=b&&b.schema?b.schema:Ci(y);y.entity_encoding=y.entity_encoding||"named",y.remove_trailing_brs=!("remove_trailing_brs"in y)||y.remove_trailing_brs;var t,s,c,x=by(y,w);s=y,c=C,(t=x).addAttributeFilter("data-mce-tabindex",function(e,t){for(var n,r=e.length;r--;)(n=e[r]).attr("tabindex",n.attr("data-mce-tabindex")),n.attr(t,null)}),t.addAttributeFilter("src,href,style",function(e,t){for(var n,r,o=e.length,i="data-mce-"+t,a=s.url_converter,u=s.url_converter_scope;o--;)(r=(n=e[o]).attr(i))!==undefined?(n.attr(t,0<r.length?r:null),n.attr(i,null)):(r=n.attr(t),"style"===t?r=c.serializeStyle(c.parseStyle(r),n.name):a&&(r=a.call(u,r,t,n.name)),n.attr(t,0<r.length?r:null))}),t.addAttributeFilter("class",function(e){for(var t,n,r=e.length;r--;)(n=(t=e[r]).attr("class"))&&(n=t.attr("class").replace(/(?:^|\s)mce-item-\w+(?!\S)/g,""),t.attr("class",0<n.length?n:null))}),t.addAttributeFilter("data-mce-type",function(e,t,n){for(var r,o=e.length;o--;){"bookmark"!==(r=e[o]).attr("data-mce-type")||n.cleanup||(U.from(r.firstChild).exists(function(e){return!mo(e.value)})?r.unwrap():r.remove())}}),t.addNodeFilter("noscript",function(e){for(var t,n=e.length;n--;)(t=e[n].firstChild)&&(t.value=ci.decode(t.value))}),t.addNodeFilter("script,style",function(e,t){for(var n,r,o,i=e.length,a=function(e){return e.replace(/(<!--\[CDATA\[|\]\]-->)/g,"\n").replace(/^[\r\n]*|[\r\n]*$/g,"").replace(/^\s*((<!--)?(\s*\/\/)?\s*<!\[CDATA\[|(<!--\s*)?\/\*\s*<!\[CDATA\[\s*\*\/|(\/\/)?\s*<!--|\/\*\s*<!--\s*\*\/)\s*[\r\n]*/gi,"").replace(/\s*(\/\*\s*\]\]>\s*\*\/(-->)?|\s*\/\/\s*\]\]>(-->)?|\/\/\s*(-->)?|\]\]>|\/\*\s*-->\s*\*\/|\s*-->\s*)\s*$/g,"")};i--;)r=(n=e[i]).firstChild?n.firstChild.value:"","script"===t?((o=n.attr("type"))&&n.attr("type","mce-no/type"===o?null:o.replace(/^mce\-/,"")),"xhtml"===s.element_format&&0<r.length&&(n.firstChild.value="// <![CDATA[\n"+a(r)+"\n// ]]>")):"xhtml"===s.element_format&&0<r.length&&(n.firstChild.value="\x3c!--\n"+a(r)+"\n--\x3e")}),t.addNodeFilter("#comment",function(e){for(var t,n=e.length;n--;)t=e[n],s.preserve_cdata&&0===t.value.indexOf("[CDATA[")?(t.name="#cdata",t.type=4,t.value=c.decode(t.value.replace(/^\[CDATA\[|\]\]$/g,""))):0===t.value.indexOf("mce:protected ")&&(t.name="#text",t.type=3,t.raw=!0,t.value=unescape(t.value).substr(14))}),t.addNodeFilter("xml:namespace,input",function(e,t){for(var n,r=e.length;r--;)7===(n=e[r]).type?n.remove():1===n.type&&("input"!==t||n.attr("type")||n.attr("type","text"))}),t.addAttributeFilter("data-mce-type",function(e){W(e,function(e){"format-caret"===e.attr("data-mce-type")&&(e.isEmpty(t.schema.getNonEmptyElements())?e.remove():e.unwrap())})}),t.addAttributeFilter("data-mce-src,data-mce-href,data-mce-style,data-mce-selected,data-mce-expando,data-mce-type,data-mce-resize,data-mce-placeholder",function(e,t){for(var n=e.length;n--;)e[n].attr(t,null)});return{schema:w,addNodeFilter:x.addNodeFilter,addAttributeFilter:x.addAttributeFilter,serialize:function(e,t){void 0===t&&(t={});var n,r,o,i,a,u,s,c,l,f,d,m,p=ke({format:"html"},t),g=Cy(b,e,p),h=(n=C,r=g,i=po((o=p).getInner?r.innerHTML:n.getOuterHTML(r)),o.selection||so(At.fromDom(r))?i:kt.trim(i)),v=(a=x,u=h,d=(s=p).selection?ke({forced_root_block:!1},s):s,m=a.parse(u,d),l=function(e){return e&&"br"===e.name},f=m.lastChild,!l(f)||l(c=f.prev)&&(f.remove(),c.remove()),m);return"tree"===p.format?v:xy(b,y,w,v,p)},addRules:function(e){w.addValidElements(e)},setRules:function(e){w.setValidElements(e)},addTempAttr:N(wy,x,e),getTempAttrs:function(){return e},getNodeFilters:x.getNodeFilters,getAttributeFilters:x.getAttributeFilters}},Ny=function(e,t){var n=Sy(e,t);return{schema:n.schema,addNodeFilter:n.addNodeFilter,addAttributeFilter:n.addAttributeFilter,serialize:n.serialize,addRules:n.addRules,setRules:n.setRules,addTempAttr:n.addTempAttr,getTempAttrs:n.getTempAttrs,getNodeFilters:n.getNodeFilters,getAttributeFilters:n.getAttributeFilters}},Ey=function(e,t){void 0===t&&(t={});var n,r,o=t.format?t.format:"html";return n=t,r=o,Vv(e).editor.getContent(n,r)},ky=function(e,t,n){return void 0===n&&(n={}),r=t,o=n,Vv(e).editor.setContent(r,o);var r,o},_y=Eu.DOM,Ay=function(e){return U.from(e).each(function(e){return e.destroy()})},Ry=function(e){var t,n,r,o,i;e.removed||(t=e._selectionOverrides,n=e.editorUpload,r=e.getBody(),o=e.getElement(),r&&e.save({is_removing:!0}),e.removed=!0,e.unbindAllNativeEvents(),e.hasHiddenInput&&o&&_y.remove(o.nextSibling),e.fire("remove"),e.editorManager.remove(e),!e.inline&&r&&(i=e,_y.setStyle(i.id,"display",i.orgDisplay)),e.fire("detach"),_y.remove(e.getContainer()),Ay(t),Ay(n),e.destroy())},Ty=function(e,t){var n,r,o,i=e.selection,a=e.dom;e.destroyed||(t||e.removed?(t||(e.editorManager.off("beforeunload",e._beforeUnload),e.theme&&e.theme.destroy&&e.theme.destroy(),Ay(i),Ay(a)),(r=(n=e).formElement)&&(r._mceOldSubmit&&(r.submit=r._mceOldSubmit,r._mceOldSubmit=null),_y.unbind(r,"submit reset",n.formEventDelegate)),(o=e).contentAreaContainer=o.formElement=o.container=o.editorContainer=null,o.bodyElement=o.contentDocument=o.contentWindow=null,o.iframeElement=o.targetElm=null,o.selection&&(o.selection=o.selection.win=o.selection.dom=o.selection.dom.doc=null),e.destroyed=!0):e.remove())},Dy=Object.prototype.hasOwnProperty,Oy=(sy=function(e,t){return _(e)&&_(t)?Oy(e,t):t},function(){for(var e=new Array(arguments.length),t=0;t<e.length;t++)e[t]=arguments[t];if(0===e.length)throw new Error("Can't merge zero objects");for(var n={},r=0;r<e.length;r++){var o=e[r];for(var i in o)Dy.call(o,i)&&(n[i]=sy(n[i],o[i]))}return n}),By=dt().deviceType,Py=By.isTouch(),Ly=By.isPhone(),Iy=By.isTablet(),My=["lists","autolink","autosave"],Fy={table_grid:!1,object_resizing:!1,resize:!1},Uy=function(e){var t=S(e)?e.join(" "):e,n=z(q(t)?t.split(" "):[],$e);return H(n,function(e){return 0<e.length})},zy=function(n,e){var t,r,o=de(e,function(e,t){return M(n,t)});return t=o.t,r=o.f,{sections:E(t),settings:E(r)}},jy=function(e,t){return e.sections().hasOwnProperty(t)},Hy=function(e,t){return ge(e,"toolbar_mode").orThunk(function(){return ge(e,"toolbar_drawer").map(function(e){return!1===e?"wrap":e})}).getOr(t)},Vy=function(e,t,n,r){return e&&(a=i="mobile",u=(o=t).sections(),jy(o,i)&&u[i].theme===a)?H(r,N(M,My)):e&&jy(t,"mobile")?r:n;var o,i,a,u},qy=function(e,t,n,r){var o,i,a,u=Uy(n.forced_plugins),s=Uy(r.plugins),c=jy(o=t,i="mobile")?o.sections()[i]:{},l=c.plugins?Uy(c.plugins):s,f=Vy(e,t,s,l),d=(a=f,[].concat(Uy(u)).concat(Uy(a)));if(wt.browser.isIE()&&M(d,"rtc"))throw new Error("RTC plugin is not supported on IE 11.");return kt.extend(r,{plugins:d.join(" ")})},$y=function(e,t,n,r,o){var i,a,u,s,c,l,f,d=e?{mobile:(i=o.mobile||{},a=t,u={resize:!1,toolbar_mode:Hy(i,"scrolling"),toolbar_sticky:!1},ke(ke(ke({},Fy),u),a?{menubar:!1}:{}))}:{},m=zy(["mobile"],Oy(d,o)),p=kt.extend(n,r,m.settings(),(f=m,e&&jy(f,"mobile")?function(e,t,n){void 0===n&&(n={});var r=e.sections(),o=r.hasOwnProperty(t)?r[t]:{};return kt.extend({},n,o)}(m,"mobile"):{}),{validate:!0,external_plugins:(s=r,c=m.settings(),l=c.external_plugins?c.external_plugins:{},s&&s.external_plugins?kt.extend({},s.external_plugins,l):l)});return qy(e,m,r,p)},Wy=function(e,t,n,r,o){var i,a,u,s,c=(i=n,a=Py,u=e,s={id:t,theme:"silver",toolbar_mode:Hy(o,"floating"),plugins:"",document_base_url:i,add_form_submit_trigger:!0,submit_patch:!0,add_unload_trigger:!0,convert_urls:!0,relative_urls:!0,remove_script_host:!0,object_resizing:!0,doctype:"<!DOCTYPE html>",visual:!0,font_size_legacy_values:"xx-small,small,medium,large,x-large,xx-large,300%",forced_root_block:"p",hidden_input:!0,inline_styles:!0,convert_fonts_to_spans:!0,indent:!0,indent_before:"p,h1,h2,h3,h4,h5,h6,blockquote,div,title,style,pre,script,td,th,ul,ol,li,dl,dt,dd,area,table,thead,tfoot,tbody,tr,section,summary,article,hgroup,aside,figure,figcaption,option,optgroup,datalist",indent_after:"p,h1,h2,h3,h4,h5,h6,blockquote,div,title,style,pre,script,td,th,ul,ol,li,dl,dt,dd,area,table,thead,tfoot,tbody,tr,section,summary,article,hgroup,aside,figure,figcaption,option,optgroup,datalist",entity_encoding:"named",url_converter:u.convertURL,url_converter_scope:u},ke(ke({},s),a?Fy:{}));return $y(Ly||Iy,Ly,c,r,o)},Ky=function(e,t,n){return U.from(t.settings[n]).filter(e)},Xy=function(e,t,n,r){var o,i,a,u=t in e.settings?e.settings[t]:n;return"hash"===r?(a={},"string"==typeof(i=u)?W(0<i.indexOf("=")?i.split(/[;,](?![^=;,]*(?:[;,]|$))/):i.split(","),function(e){var t=e.split("=");1<t.length?a[kt.trim(t[0])]=kt.trim(t[1]):a[kt.trim(t[0])]=kt.trim(t[0])}):a=i,a):"string"===r?Ky(q,e,t).getOr(n):"number"===r?Ky(O,e,t).getOr(n):"boolean"===r?Ky(A,e,t).getOr(n):"object"===r?Ky(_,e,t).getOr(n):"array"===r?Ky(S,e,t).getOr(n):"string[]"===r?Ky((o=q,function(e){return S(e)&&Q(e,o)}),e,t).getOr(n):"function"===r?Ky(T,e,t).getOr(n):u},Yy=(cy={},{add:function(e,t){cy[e]=t},get:function(e){return cy[e]?cy[e]:{icons:{}}},has:function(e){return he(cy,e)}}),Gy=function(e,t){return t.dom[e]},Jy=function(e,t){return parseInt(er(t,e),10)},Qy=N(Gy,"clientWidth"),Zy=N(Gy,"clientHeight"),eb=N(Jy,"margin-top"),tb=N(Jy,"margin-left"),nb=function(e,t,n){var r,o,i,a,u,s,c,l,f,d,m,p=At.fromDom(e.getBody()),g=e.inline?p:(r=p,At.fromDom(Vt(r).dom.documentElement)),h=(o=e.inline,a=t,u=n,s=(i=g).dom.getBoundingClientRect(),{x:a-(o?s.left+i.dom.clientLeft+tb(i):0),y:u-(o?s.top+i.dom.clientTop+eb(i):0)});return l=h.x,f=h.y,d=Qy(c=g),m=Zy(c),0<=l&&0<=f&&l<=d&&f<=m},rb=function(e){var t,n=e.inline?e.getBody():e.getContentAreaContainer();return t=n,U.from(t).map(At.fromDom).map(hn).getOr(!1)};function ob(n){var t,o=[],i=function(){var e,t=n.theme;return t&&t.getNotificationManagerImpl?t.getNotificationManagerImpl():{open:e=function(){throw new Error("Theme did not provide a NotificationManager implementation.")},close:e,reposition:e,getArgs:e}},a=function(){return U.from(o[0])},u=function(){0<o.length&&i().reposition(o)},s=function(t){G(o,function(e){return e===t}).each(function(e){o.splice(e,1)})},r=function(r,e){if(void 0===e&&(e=!0),!n.removed&&rb(n))return e&&n.fire("BeforeOpenNotification",{notification:r}),Y(o,function(e){return t=i().getArgs(e),n=r,!(t.type!==n.type||t.text!==n.text||t.progressBar||t.timeout||n.progressBar||n.timeout);var t,n}).getOrThunk(function(){n.editorManager.setActive(n);var e,t=i().open(r,function(){s(t),u(),a().fold(function(){return n.focus()},function(e){return At.fromDom(e.getEl()).dom.focus()})});return e=t,o.push(e),u(),n.fire("OpenNotification",ke({},t)),t})};return(t=n).on("SkinLoaded",function(){var e=t.getParam("service_message");e&&r({text:e,type:"warning",timeout:0},!1)}),t.on("ResizeEditor ResizeWindow NodeChange",function(){qr.requestAnimationFrame(u)}),t.on("remove",function(){W(o.slice(),function(e){i().close(e)})}),{open:r,close:function(){a().each(function(e){i().close(e),s(e),u()})},getNotifications:function(){return o}}}var ib=Uu.PluginManager,ab=Uu.ThemeManager;var ub=function(n){var r=[],o=function(){var e,t=n.theme;return t&&t.getWindowManagerImpl?t.getWindowManagerImpl():{open:e=function(){throw new Error("Theme did not provide a WindowManager implementation.")},openUrl:e,alert:e,confirm:e,close:e,getParams:e,setParams:e}},i=function(e,t){return function(){return t?t.apply(e,arguments):undefined}},a=function(e){var t;r.push(e),t=e,n.fire("OpenWindow",{dialog:t})},u=function(t){var e;e=t,n.fire("CloseWindow",{dialog:e}),0===(r=H(r,function(e){return e!==t})).length&&n.focus()},s=function(e){n.editorManager.setActive(n),fm(n);var t=e();return a(t),t};return n.on("remove",function(){W(r,function(e){o().close(e)})}),{open:function(e,t){return s(function(){return o().open(e,t,u)})},openUrl:function(e){return s(function(){return o().openUrl(e,u)})},alert:function(e,t,n){o().alert(e,i(n||this,t))},confirm:function(e,t,n){o().confirm(e,i(n||this,t))},close:function(){U.from(r[r.length-1]).each(function(e){o().close(e),u(e)})}}},sb=function(e,t){e.notificationManager.open({type:"error",text:t})},cb=function(e,t){e._skinLoaded?sb(e,t):e.on("SkinLoaded",function(){sb(e,t)})},lb=function(e,t,n){var r,o;r=t,o={message:n},e.fire(r,o),console.error(n)},fb=function(e,t,n){return n?"Failed to load "+e+": "+n+" from url "+t:"Failed to load "+e+" url: "+t},db=function(e,t,n){lb(e,"PluginLoadError",fb("plugin",t,n))},mb=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var r=window.console;r&&(r.error?r.error.apply(r,_e([e],t)):r.log.apply(r,_e([e],t)))},pb=function(t){var e,n,r=(n=(e=t).getParam("content_css"),q(n)?z(n.split(","),$e):S(n)?n:!1===n||e.inline?[]:["default"]),o=t.editorManager.baseURL+"/skins/content",i="content"+t.editorManager.suffix+".css",a=!0===t.inline;return z(r,function(e){return/^[a-z0-9\-]+$/i.test(e)&&!a?o+"/"+e+"/"+i:t.documentBaseURI.toAbsolute(e)})};function gb(u,s){var o={},n=function(e,r,o,t){var i=new XMLHttpRequest;i.open("POST",s.url),i.withCredentials=s.credentials,i.upload.onprogress=function(e){t(e.loaded/e.total*100)},i.onerror=function(){o("Image upload failed due to a XHR Transport error. Code: "+i.status)},i.onload=function(){var e,t,n;i.status<200||300<=i.status?o("HTTP Error: "+i.status):(e=JSON.parse(i.responseText))&&"string"==typeof e.location?r((t=s.basePath,n=e.location,t?t.replace(/\/$/,"")+"/"+n.replace(/^\//,""):n)):o("Invalid JSON: "+i.responseText)};var n=new FormData;n.append("file",e.blob(),e.filename()),i.send(n)},c=function(e,t){return{url:t,blobInfo:e,status:!0}},l=function(e,t,n){return{url:"",blobInfo:e,status:!1,error:{message:t,options:n}}},f=function(e,t){kt.each(o[e],function(e){e(t)}),delete o[e]},r=function(e,r){return e=kt.grep(e,function(e){return!u.isUploaded(e.blobUri())}),Br.all(kt.map(e,function(e){return u.isPending(e.blobUri())?(t=e.blobUri(),new Br(function(e){o[t]=o[t]||[],o[t].push(e)})):(i=e,n=s.handler,a=r,u.markPending(i.blobUri()),new Br(function(r){var t;try{var o=function(){t&&t.close()};n(i,function(e){o(),u.markUploaded(i.blobUri(),e),f(i.blobUri(),c(i,e)),r(c(i,e))},function(e,t){var n=t||{};o(),u.removeFailed(i.blobUri()),f(i.blobUri(),l(i,e,n)),r(l(i,e,n))},function(e){e<0||100<e||(t=t||a()).progressBar.value(e)})}catch(e){r(l(i,e.message,{}))}}));var i,n,a,t}))};return!1===T(s.handler)&&(s.handler=n),{upload:function(e,t){return s.url||s.handler!==n?r(e,t):new Br(function(e){e([])})}}}var hb=0,vb=function(e){return e+hb+++(t=function(){return Math.round(4294967295*Math.random()).toString(36)},"s"+(new Date).getTime().toString(36)+t()+t()+t());var t},yb=function(s){var n,i,e,t,r,o,a,u,c,l=(n=[],i=function(e){if(!e.blob||!e.base64)throw new Error("blob and base64 representations of the image are required for BlobInfo to be created");var t=e.id||vb("blobid"),n=e.name||t,r=e.blob;return{id:E(t),name:E(n),filename:E(e.filename||n+"."+({"image/jpeg":"jpg","image/jpg":"jpg","image/gif":"gif","image/png":"png","image/apng":"apng","image/avif":"avif","image/svg+xml":"svg","image/webp":"webp","image/bmp":"bmp","image/tiff":"tiff"}[r.type.toLowerCase()]||"dat")),blob:E(r),base64:E(e.base64),blobUri:E(e.blobUri||URL.createObjectURL(r)),uri:E(e.uri)}},{create:function(e,t,n,r,o){if(q(e))return i({id:e,name:r,filename:o,blob:t,base64:n});if(_(e))return i(e);throw new Error("Unknown input type")},add:function(e){t(e.id())||n.push(e)},get:t=function(t){return e(function(e){return e.id()===t})},getByUri:function(t){return e(function(e){return e.blobUri()===t})},getByData:function(t,n){return e(function(e){return e.base64()===t&&e.blob().type===n})},findFirst:e=function(e){return Y(n,e).getOrUndefined()},removeByUri:function(t){n=H(n,function(e){return e.blobUri()!==t||(URL.revokeObjectURL(e.blobUri()),!1)})},destroy:function(){W(n,function(e){URL.revokeObjectURL(e.blobUri())}),n=[]}}),f=(a={},u=function(e,t){return{status:e,resultUri:t}},{hasBlobUri:c=function(e){return e in a},getResultUri:function(e){var t=a[e];return t?t.resultUri:null},isPending:function(e){return!!c(e)&&1===a[e].status},isUploaded:function(e){return!!c(e)&&2===a[e].status},markPending:function(e){a[e]=u(1,null)},markUploaded:function(e,t){a[e]=u(2,t)},removeFailed:function(e){delete a[e]},destroy:function(){a={}}}),d=[],m=function(n){var r=Ou(null);n.on("change AddUndo",function(e){r.set(ke({},e.level))});return{fireIfChanged:function(){var t=n.undoManager.data;re(t).filter(function(e){return!Bv(r.get(),e)}).each(function(e){n.setDirty(!0),n.fire("change",{level:e,lastLevel:te(t,t.length-2).getOrNull()})})}}}(s),p=function(t){return function(e){return s.selection?t(e):[]}},g=function(e,t,n){for(var r=0;-1!==(r=e.indexOf(t,r))&&(e=e.substring(0,r)+n+e.substr(r+t.length),r+=n.length-t.length+1),-1!==r;);return e},h=function(e,t,n){var r='src="'+n+'"'+(n===wt.transparentSrc?' data-mce-placeholder="1"':"");return e=g(e,'src="'+t+'"',r),e=g(e,'data-mce-src="'+t+'"','data-mce-src="'+n+'"')},v=function(t,n){W(s.undoManager.data,function(e){"fragmented"===e.type?e.fragments=z(e.fragments,function(e){return h(e,t,n)}):e.content=h(e.content,t,n)})},y=function(){return s.notificationManager.open({text:s.translate("Image uploading..."),type:"info",timeout:-1,progressBar:!0})},b=function(e,t){var n,r=s.convertURL(t,"src");v(e.src,t),s.$(e).attr({src:s.getParam("images_reuse_filename",!1,"boolean")?(n=t)+(-1===n.indexOf("?")?"?":"&")+(new Date).getTime():t,"data-mce-src":r})},C=function(n){return r=r||gb(f,{url:s.getParam("images_upload_url","","string"),basePath:s.getParam("images_upload_base_path","","string"),credentials:s.getParam("images_upload_credentials",!1,"boolean"),handler:s.getParam("images_upload_handler",null,"function")}),S().then(p(function(u){var e=z(u,function(e){return e.blobInfo});return r.upload(e,y).then(p(function(e){var a=[],t=z(e,function(e,t){var n,r,o=u[t].blobInfo,i=u[t].image;return e.status&&s.getParam("images_replace_blob_uris",!0,"boolean")?(l.removeByUri(i.src),b(i,e.url)):e.error&&(e.error.options.remove&&(v(i.getAttribute("src"),wt.transparentSrc),a.push(i)),n=s,r=e.error.message,cb(n,Iu.translate(["Failed to upload image: {0}",r]))),{element:i,status:e.status,uploadUri:e.url,blobInfo:o}});return 0<t.length&&m.fireIfChanged(),0<a.length&&(Hv(s)?console.error("Removing images on failed uploads is currently unsupported for RTC"):s.undoManager.transact(function(){W(a,function(e){s.dom.remove(e),l.removeByUri(e.src)})})),n&&n(t),t}))}))},w=function(e){if(bc(s))return C(e)},x=function(t){return!1!==Q(d,function(e){return e(t)})&&(0!==t.getAttribute("src").indexOf("data:")||s.getParam("images_dataimg_filter",k,"function")(t))},S=function(){return(o=o||uy(f,l)).findAll(s.getBody(),x).then(p(function(e){return e=H(e,function(e){return"string"!=typeof e||(cb(s,e),!1)}),W(e,function(e){v(e.image.src,e.blobInfo.blobUri()),e.image.src=e.blobInfo.blobUri(),e.image.removeAttribute("data-mce-src")}),e}))},N=function(e){return e.replace(/src="(blob:[^"]+)"/g,function(e,n){var t=f.getResultUri(n);if(t)return'src="'+t+'"';var r=l.getByUri(n);return(r=r||X(s.editorManager.get(),function(e,t){return e||t.editorUpload&&t.editorUpload.blobCache.getByUri(n)},null))?'src="data:'+r.blob().type+";base64,"+r.base64()+'"':e})};return s.on("SetContent",function(){(bc(s)?w:S)()}),s.on("RawSaveContent",function(e){e.content=N(e.content)}),s.on("GetContent",function(e){e.source_view||"raw"===e.format||"tree"===e.format||(e.content=N(e.content))}),s.on("PostRender",function(){s.parser.addNodeFilter("img",function(e){W(e,function(e){var t,n=e.attr("src");l.getByUri(n)||(t=f.getResultUri(n))&&e.attr("src",t)})})}),{blobCache:l,addFilter:function(e){d.push(e)},uploadImages:C,uploadImagesAuto:w,scanForImages:S,destroy:function(){l.destroy(),f.destroy(),o=r=null}}};function bb(e){var r,t,n={},o=function(e,t){e&&("string"!=typeof e?kt.each(e,function(e,t){o(t,e)}):(S(t)||(t=[t]),kt.each(t,function(e){"undefined"==typeof e.deep&&(e.deep=!e.selector),"undefined"==typeof e.split&&(e.split=!e.selector||e.inline),"undefined"==typeof e.remove&&e.selector&&!e.inline&&(e.remove="none"),e.selector&&e.inline&&(e.mixed=!0,e.block_expand=!0),"string"==typeof e.classes&&(e.classes=e.classes.split(/\s+/))}),n[e]=t))};return o((r=e.dom,t={valigntop:[{selector:"td,th",styles:{verticalAlign:"top"}}],valignmiddle:[{selector:"td,th",styles:{verticalAlign:"middle"}}],valignbottom:[{selector:"td,th",styles:{verticalAlign:"bottom"}}],alignleft:[{selector:"figure.image",collapsed:!1,classes:"align-left",ceFalseOverride:!0,preview:"font-family font-size"},{selector:"figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li",styles:{textAlign:"left"},inherit:!1,preview:!1,defaultBlock:"div"},{selector:"img,table",collapsed:!1,styles:{"float":"left"},preview:"font-family font-size"}],aligncenter:[{selector:"figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li",styles:{textAlign:"center"},inherit:!1,preview:"font-family font-size",defaultBlock:"div"},{selector:"figure.image",collapsed:!1,classes:"align-center",ceFalseOverride:!0,preview:"font-family font-size"},{selector:"img",collapsed:!1,styles:{display:"block",marginLeft:"auto",marginRight:"auto"},preview:!1},{selector:"table",collapsed:!1,styles:{marginLeft:"auto",marginRight:"auto"},preview:"font-family font-size"}],alignright:[{selector:"figure.image",collapsed:!1,classes:"align-right",ceFalseOverride:!0,preview:"font-family font-size"},{selector:"figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li",styles:{textAlign:"right"},inherit:!1,preview:"font-family font-size",defaultBlock:"div"},{selector:"img,table",collapsed:!1,styles:{"float":"right"},preview:"font-family font-size"}],alignjustify:[{selector:"figure,p,h1,h2,h3,h4,h5,h6,td,th,tr,div,ul,ol,li",styles:{textAlign:"justify"},inherit:!1,defaultBlock:"div",preview:"font-family font-size"}],bold:[{inline:"strong",remove:"all",preserve_attributes:["class","style"]},{inline:"span",styles:{fontWeight:"bold"}},{inline:"b",remove:"all",preserve_attributes:["class","style"]}],italic:[{inline:"em",remove:"all",preserve_attributes:["class","style"]},{inline:"span",styles:{fontStyle:"italic"}},{inline:"i",remove:"all",preserve_attributes:["class","style"]}],underline:[{inline:"span",styles:{textDecoration:"underline"},exact:!0},{inline:"u",remove:"all",preserve_attributes:["class","style"]}],strikethrough:[{inline:"span",styles:{textDecoration:"line-through"},exact:!0},{inline:"strike",remove:"all",preserve_attributes:["class","style"]},{inline:"s",remove:"all",preserve_attributes:["class","style"]}],forecolor:{inline:"span",styles:{color:"%value"},links:!0,remove_similar:!0,clear_child_styles:!0},hilitecolor:{inline:"span",styles:{backgroundColor:"%value"},links:!0,remove_similar:!0,clear_child_styles:!0},fontname:{inline:"span",toggle:!1,styles:{fontFamily:"%value"},clear_child_styles:!0},fontsize:{inline:"span",toggle:!1,styles:{fontSize:"%value"},clear_child_styles:!0},lineheight:{selector:"h1,h2,h3,h4,h5,h6,p,li,td,th,div",defaultBlock:"p",styles:{lineHeight:"%value"}},fontsize_class:{inline:"span",attributes:{"class":"%value"}},blockquote:{block:"blockquote",wrapper:!0,remove:"all"},subscript:{inline:"sub"},superscript:{inline:"sup"},code:{inline:"code"},link:{inline:"a",selector:"a",remove:"all",split:!0,deep:!0,onmatch:function(e,t,n){return An(e)&&e.hasAttribute("href")},onformat:function(n,e,t){kt.each(t,function(e,t){r.setAttrib(n,t,e)})}},removeformat:[{selector:"b,strong,em,i,font,u,strike,s,sub,sup,dfn,code,samp,kbd,var,cite,mark,q,del,ins",remove:"all",split:!0,expand:!1,block_expand:!0,deep:!0},{selector:"span",attributes:["style","class"],remove:"empty",split:!0,expand:!1,deep:!0},{selector:"*",attributes:["style","class"],split:!1,expand:!1,deep:!0}]},kt.each("p h1 h2 h3 h4 h5 h6 div address pre div dt dd samp".split(/\s/),function(e){t[e]={block:e,remove:"all"}}),t)),o(e.getParam("formats")),{get:function(e){return e?n[e]:n},has:function(e){return he(n,e)},register:o,unregister:function(e){return e&&n[e]&&delete n[e],n}}}var Cb,wb,xb=kt.each,Sb=Eu.DOM,Nb=function(e,t){var n,o,r,m=t&&t.schema||Ci({}),p=function(e){o="string"==typeof e?{name:e,classes:[],attrs:{}}:e;var t,n,r=Sb.create(o.name);return t=r,(n=o).classes.length&&Sb.addClass(t,n.classes.join(" ")),Sb.setAttribs(t,n.attrs),r},g=function(n,e,t){var r,o,i,a,u,s,c,l=0<e.length&&e[0],f=l&&l.name,d=(a=f,u="string"!=typeof(i=n)?i.nodeName.toLowerCase():i,s=m.getElementRule(u),!(!(c=s&&s.parentsRequired)||!c.length)&&(a&&-1!==kt.inArray(c,a)?a:c[0]));if(d)f===d?(o=e[0],e=e.slice(1)):o=d;else if(l)o=e[0],e=e.slice(1);else if(!t)return n;return o&&(r=p(o)).appendChild(n),t&&(r||(r=Sb.create("div")).appendChild(n),kt.each(t,function(e){var t=p(e);r.insertBefore(t,n)})),g(r,e,o&&o.siblings)};return e&&e.length?(o=e[0],n=p(o),(r=Sb.create("div")).appendChild(g(n,e.slice(1),o.siblings)),r):""},Eb=function(e){var t,a={classes:[],attrs:{}};return"*"!==(e=a.selector=kt.trim(e))&&(t=e.replace(/(?:([#\.]|::?)([\w\-]+)|(\[)([^\]]+)\]?)/g,function(e,t,n,r,o){switch(t){case"#":a.attrs.id=n;break;case".":a.classes.push(n);break;case":":-1!==kt.inArray("checked disabled enabled read-only required".split(" "),n)&&(a.attrs[n]=n)}var i;return"["!==r||(i=o.match(/([\w\-]+)(?:\=\"([^\"]+))?/))&&(a.attrs[i[1]]=i[2]),""})),a.name=t||"div",a},kb=function(n,e){var t,r,o,i="",a=(o=n.getParam("preview_styles","font-family font-size font-weight font-style text-decoration text-transform color background-color border border-radius outline text-shadow"),q(o)?o:"");if(""===a)return"";var u=function(e){return e.replace(/%(\w+)/g,"")};if("string"==typeof e){if(!(e=n.formatter.get(e)))return;e=e[0]}if("preview"in e){var s=ge(e,"preview");if(s.is(!1))return"";a=s.getOr(a)}t=e.block||e.inline||"span";var c,l=(c=e.selector)&&"string"==typeof c?(c=(c=c.split(/\s*,\s*/)[0]).replace(/\s*(~\+|~|\+|>)\s*/g,"$1"),kt.map(c.split(/(?:>|\s+(?![^\[\]]+\]))/),function(e){var t=kt.map(e.split(/(?:~\+|~|\+)/),Eb),n=t.pop();return t.length&&(n.siblings=t),n}).reverse()):[],f=l.length?(l[0].name||(l[0].name=t),t=e.selector,Nb(l,n)):Nb([t],n),d=Sb.select(t,f)[0]||f.firstChild;return xb(e.styles,function(e,t){var n=u(e);n&&Sb.setStyle(d,t,n)}),xb(e.attributes,function(e,t){var n=u(e);n&&Sb.setAttrib(d,t,n)}),xb(e.classes,function(e){var t=u(e);Sb.hasClass(d,t)||Sb.addClass(d,t)}),n.fire("PreviewFormats"),Sb.setStyles(f,{position:"absolute",left:-65535}),n.getBody().appendChild(f),r=Sb.getStyle(n.getBody(),"fontSize",!0),r=/px$/.test(r)?parseInt(r,10):0,xb(a.split(" "),function(e){var t=Sb.getStyle(d,e,!0);if(!("background-color"===e&&/transparent|rgba\s*\([^)]+,\s*0\)/.test(t)&&(t=Sb.getStyle(n.getBody(),e,!0),"#ffffff"===Sb.toHex(t).toLowerCase())||"color"===e&&"#000000"===Sb.toHex(t).toLowerCase())){if("font-size"===e&&/em|%$/.test(t)){if(0===r)return;t=parseFloat(t)/(/%$/.test(t)?100:1)*r+"px"}"border"===e&&t&&(i+="padding:0 2px;"),i+=e+":"+t+";"}}),n.fire("AfterPreviewFormats"),Sb.remove(f),i},_b=function(s){var e=bb(s),u=Ou(null);return function(e){e.addShortcut("meta+b","","Bold"),e.addShortcut("meta+i","","Italic"),e.addShortcut("meta+u","","Underline");for(var t=1;t<=6;t++)e.addShortcut("access+"+t,"",["FormatBlock",!1,"h"+t]);e.addShortcut("access+7","",["FormatBlock",!1,"p"]),e.addShortcut("access+8","",["FormatBlock",!1,"div"]),e.addShortcut("access+9","",["FormatBlock",!1,"address"])}(s),Sh(s),{get:e.get,has:e.has,register:e.register,unregister:e.unregister,apply:function(e,t,n){var r,o,i;r=e,o=t,i=n,qv(s).formatter.apply(r,o,i)},remove:function(e,t,n,r){var o,i,a,u;o=e,i=t,a=n,u=r,qv(s).formatter.remove(o,i,a,u)},toggle:function(e,t,n){var r,o,i;r=e,o=t,i=n,qv(s).formatter.toggle(r,o,i)},match:function(e,t,n){return r=e,o=t,i=n,qv(s).formatter.match(r,o,i);var r,o,i},closest:function(e){return t=e,qv(s).formatter.closest(t);var t},matchAll:function(e,t){return n=e,r=t,qv(s).formatter.matchAll(n,r);var n,r},matchNode:function(e,t,n,r){return o=e,i=t,a=n,u=r,qv(s).formatter.matchNode(o,i,a,u);var o,i,a,u},canApply:function(e){return t=e,qv(s).formatter.canApply(t);var t},formatChanged:function(e,t,n){return r=u,o=e,i=t,void 0===(a=n)&&(a=!1),qv(s).formatter.formatChanged(r,o,i,a);var r,o,i,a},getCssText:N(kb,s)}},Ab=function(n,r,o){var i=Ou(!1),a=function(e){Lv(r,!1,o),r.add({},e)};n.on("init",function(){r.add()}),n.on("BeforeExecCommand",function(e){var t=e.command.toLowerCase();"undo"!==t&&"redo"!==t&&"mcerepaint"!==t&&(Iv(r,o),r.beforeChange())}),n.on("ExecCommand",function(e){var t=e.command.toLowerCase();"undo"!==t&&"redo"!==t&&"mcerepaint"!==t&&a(e)}),n.on("ObjectResizeStart cut",function(){r.beforeChange()}),n.on("SaveContent ObjectResized blur",a),n.on("dragend",a),n.on("keyup",function(e){var t=e.keyCode;e.isDefaultPrevented()||((33<=t&&t<=36||37<=t&&t<=40||45===t||e.ctrlKey)&&(a(),n.nodeChanged()),46!==t&&8!==t||n.nodeChanged(),i.get()&&r.typing&&!1===Bv(Rv(n),r.data[0])&&(!1===n.isDirty()&&(n.setDirty(!0),n.fire("change",{level:r.data[0],lastLevel:null})),n.fire("TypingUndo"),i.set(!1),n.nodeChanged()))}),n.on("keydown",function(e){var t,n=e.keyCode;e.isDefaultPrevented()||(33<=n&&n<=36||37<=n&&n<=40||45===n?r.typing&&a(e):(t=e.ctrlKey&&!e.altKey||e.metaKey,!(n<16||20<n)||224===n||91===n||r.typing||t||(r.beforeChange(),Lv(r,!0,o),r.add({},e),i.set(!0))))}),n.on("mousedown",function(e){r.typing&&a(e)});n.on("input",function(e){var t,n;e.inputType&&("insertReplacementText"===e.inputType||"insertText"===(n=e).inputType&&null===n.data||("insertFromPaste"===(t=e).inputType||"insertFromDrop"===t.inputType))&&a(e)}),n.on("AddUndo Undo Redo ClearUndos",function(e){e.isDefaultPrevented()||n.nodeChanged()})},Rb=function(s){var e,c=Ou(U.none()),l=Ou(0),f=Ou(0),d={data:[],typing:!1,beforeChange:function(){var e,t;e=l,t=c,qv(s).undoManager.beforeChange(e,t)},add:function(e,t){return n=d,r=f,o=l,i=c,a=e,u=t,qv(s).undoManager.addUndoLevel(n,r,o,i,a,u);var n,r,o,i,a,u},undo:function(){return e=d,t=l,n=f,qv(s).undoManager.undo(e,t,n);var e,t,n},redo:function(){return e=s,t=f,n=d.data,qv(e).undoManager.redo(t,n);var e,t,n},clear:function(){var e,t;e=d,t=f,qv(s).undoManager.clear(e,t)},reset:function(){var e;e=d,qv(s).undoManager.reset(e)},hasUndo:function(){return e=d,t=f,qv(s).undoManager.hasUndo(e,t);var e,t},hasRedo:function(){return e=d,t=f,qv(s).undoManager.hasRedo(e,t);var e,t},transact:function(e){return t=d,n=l,r=e,qv(s).undoManager.transact(t,n,r);var t,n,r},ignore:function(e){var t,n;t=l,n=e,qv(s).undoManager.ignore(t,n)},extra:function(e,t){var n,r,o,i;n=d,r=f,o=e,i=t,qv(s).undoManager.extra(n,r,o,i)}};return Hv(s)||Ab(s,d,l),(e=s).addShortcut("meta+z","","Undo"),e.addShortcut("meta+y,meta+shift+z","","Redo"),d},Tb=[9,27,ud.HOME,ud.END,19,20,44,144,145,33,34,45,16,17,18,91,92,93,ud.DOWN,ud.UP,ud.LEFT,ud.RIGHT].concat(wt.browser.isFirefox()?[224]:[]),Db="data-mce-placeholder",Ob=function(e){return"keydown"===e.type||"keyup"===e.type},Bb=function(e){var t=e.keyCode;return t===ud.BACKSPACE||t===ud.DELETE},Pb=function(a){var e,u=a.dom,s=vc(a),c=(e=a).getParam("placeholder",pc.getAttrib(e.getElement(),"placeholder"),"string"),l=function(e,t){var n,r,o,i;!function(e){if(Ob(e)){var t=e.keyCode;return!Bb(e)&&(ud.metaKeyPressed(e)||e.altKey||112<=t&&t<=123||M(Tb,t))}return!1}(e)&&(n=a.getBody(),r=!(Ob(o=e)&&!(Bb(o)||"keyup"===o.type&&229===o.keyCode))&&function(e,t,n){if($o(At.fromDom(t),!1)){var r=""===n,o=t.firstElementChild;return!o||!e.getStyle(t.firstElementChild,"padding-left")&&!e.getStyle(t.firstElementChild,"padding-right")&&(r?!e.isBlock(o):n===o.nodeName.toLowerCase())}return!1}(u,n,s),""!==u.getAttrib(n,Db)===r&&!t||(u.setAttrib(n,Db,r?c:null),u.setAttrib(n,"aria-placeholder",r?c:null),i=r,a.fire("PlaceholderToggle",{state:i}),a.on(r?"keydown":"keyup",l),a.off(r?"keyup":"keydown",l)))};c&&a.on("init",function(e){l(e,!0),a.on("change SetContent ExecCommand",l),a.on("paste",function(e){return qr.setEditorTimeout(a,function(){return l(e)})})})},Lb=/[\u0591-\u07FF\uFB1D-\uFDFF\uFE70-\uFEFC]/,Ib=function(e,t){return Tt(At.fromDom(t),e.getParam("inline_boundaries_selector","a[href],code,.mce-annotation","string"))},Mb=function(e){return"rtl"===Eu.DOM.getStyle(e,"direction",!0)||(t=e.textContent,Lb.test(t));var t},Fb=function(e,t,n){var r,o,i,a=(r=e,o=t,i=n,H(Eu.DOM.getParents(i.container(),"*",o),r));return U.from(a[a.length-1])},Ub=function(e,t){if(!t)return t;var n=t.container(),r=t.offset();return e?yo(n)?In(n.nextSibling)?$s(n.nextSibling,0):$s.after(n):wo(t)?$s(n,r+1):t:yo(n)?In(n.previousSibling)?$s(n.previousSibling,n.previousSibling.data.length):$s.before(n):xo(t)?$s(n,r-1):t},zb=N(Ub,!0),jb=N(Ub,!1),Hb=function(e,t){return Pt(e,t)?Ar(t,function(e){return ro(e)||io(e)},(n=e,function(e){return Ot(n,At.fromDom(e.dom.parentNode))})):U.none();var n},Vb=function(e){var t,n,r;e.dom.isEmpty(e.getBody())&&(e.setContent(""),n=(t=e).getBody(),r=n.firstChild&&t.dom.isBlock(n.firstChild)?n.firstChild:n,t.selection.setCursorLocation(r,0))},qb=function(e,t){return{from:e,to:t}},$b=function(e,t){var n=At.fromDom(e),r=At.fromDom(t.container());return Hb(n,r).map(function(e){return{block:e,position:t}})},Wb=function(o,i,e){var t=$b(o,$s.fromRangeStart(e)),n=t.bind(function(e){return Ol(i,o,e.position).bind(function(e){return $b(o,e).map(function(e){return t=o,n=i,zn((r=e).position.getNode())&&!1===$o(r.block)?Ll(!1,r.block.dom).bind(function(e){return e.isEqual(r.position)?Ol(n,t,e).bind(function(e){return $b(t,e)}):U.some(r)}).getOr(r):r;var t,n,r})})});return ds(t,n,qb).filter(function(e){return!1===Ot((r=e).from.block,r.to.block)&&$t((n=e).from.block).bind(function(t){return $t(n.to.block).filter(function(e){return Ot(t,e)})}).isSome()&&(!1===Vn((t=e).from.block.dom)&&!1===Vn(t.to.block.dom));var t,n,r})},Kb=function(e){var t,n=(t=Gt(e),G(t,eo).fold(function(){return t},function(e){return t.slice(0,e)}));return W(n,pn),n},Xb=function(e,t){var n=Dp(t,e);return Y(n.reverse(),function(e){return $o(e)}).each(pn)},Yb=function(e,t,n,r){if($o(n))return _p(n),Fl(n.dom);0===H(Xt(r),function(e){return!$o(e)}).length&&$o(t)&&sn(r,At.fromTag("br"));var o=Ml(n.dom,$s.before(r.dom));return W(Kb(t),function(e){sn(r,e)}),Xb(e,t),o},Gb=function(e,t,n){if($o(n))return pn(n),$o(t)&&_p(t),Fl(t.dom);var r=Ul(n.dom);return W(Kb(t),function(e){fn(n,e)}),Xb(e,t),r},Jb=function(e,t){return Pt(t,e)?(n=Dp(e,t),U.from(n[n.length-1])):U.none();var n},Qb=function(e,t){Ll(e,t.dom).map(function(e){return e.getNode()}).map(At.fromDom).filter(no).each(pn)},Zb=function(e,t,n){return Qb(!0,t),Qb(!1,n),Jb(t,n).fold(N(Gb,e,t,n),N(Yb,e,t,n))},eC=function(e,t,n,r){return t?Zb(e,r,n):Zb(e,n,r)},tC=function(t,n){var e,r,o,i=At.fromDom(t.getBody()),a=(e=i.dom,r=n,((o=t.selection.getRng()).collapsed?Wb(e,r,o):U.none()).bind(function(e){return eC(i,n,e.from.block,e.to.block)}));return a.each(function(e){t.selection.setRng(e.toRange())}),a.isSome()},nC=function(e,t){var n=At.fromDom(t),r=N(Ot,e);return _r(n,uo,r).isSome()},rC=function(e,t){var n,r,o=Ml(e.dom,$s.fromRangeStart(t)).isNone(),i=Il(e.dom,$s.fromRangeEnd(t)).isNone();return!(nC(n=e,(r=t).startContainer)||nC(n,r.endContainer))&&o&&i},oC=function(e){var n,r,o,t,i=At.fromDom(e.getBody()),a=e.selection.getRng();return rC(i,a)?((t=e).setContent(""),t.selection.setCursorLocation(),!0):(n=i,r=e.selection,o=r.getRng(),ds(Hb(n,At.fromDom(o.startContainer)),Hb(n,At.fromDom(o.endContainer)),function(e,t){return!1===Ot(e,t)&&(o.deleteContents(),eC(n,!0,e,t).each(function(e){r.setRng(e.toRange())}),!0)}).getOr(!1))},iC=function(e,t){return!e.selection.isCollapsed()&&oC(e)},aC=Hn,uC=Vn,sC=function(e,t,n,r,o){return U.from(t._selectionOverrides.showCaret(e,n,r,o))},cC=function(e,t){var n,r;return e.fire("BeforeObjectSelected",{target:t}).isDefaultPrevented()?U.none():U.some(((r=(n=t).ownerDocument.createRange()).selectNode(n),r))},lC=function(e,t,n){var r=ll(1,e.getBody(),t),o=$s.fromRangeStart(r),i=o.getNode();if(Wc(i))return sC(1,e,i,!o.isAtEnd(),!1);var a=o.getNode(!0);if(Wc(a))return sC(1,e,a,!1,!1);var u=e.dom.getParent(o.getNode(),function(e){return uC(e)||aC(e)});return Wc(u)?sC(1,e,u,!1,n):U.none()},fC=function(e,t,n){return t.collapsed?lC(e,t,n).getOr(t):t},dC=function(e){return Np(e)||Cp(e)},mC=function(e){return Ep(e)||wp(e)},pC=function(n,r,e,t,o,i){var a,u;return sC(t,n,i.getNode(!o),o,!0).each(function(e){var t;r.collapsed?(t=r.cloneRange(),o?t.setEnd(e.startContainer,e.startOffset):t.setStart(e.endContainer,e.endOffset),t.deleteContents()):r.deleteContents(),n.selection.setRng(e)}),a=n.dom,In(u=e)&&0===u.data.length&&a.remove(u),!0},gC=function(e,t){var n=e.selection.getRng();if(!In(n.commonAncestorContainer))return!1;var r=t?Vs.Forwards:Vs.Backwards,o=_l(e.getBody()),i=N(pl,t?o.next:o.prev),a=t?dC:mC,u=dl(r,e.getBody(),n),s=Ub(t,i(u));if(!s||!gl(u,s))return!1;if(a(s))return pC(e,n,u.getNode(),r,t,s);var c=i(s);return!!(c&&a(c)&&gl(s,c))&&pC(e,n,u.getNode(),r,t,c)},hC=Cr([{remove:["element"]},{moveToElement:["element"]},{moveToPosition:["position"]}]),vC=function(e,t,n,r){var o=r.getNode(!1===t);return Hb(At.fromDom(e),At.fromDom(n.getNode())).map(function(e){return $o(e)?hC.remove(e.dom):hC.moveToElement(o)}).orThunk(function(){return U.some(hC.moveToElement(o))})},yC=function(u,s,c){return Ol(s,u,c).bind(function(e){return a=e.getNode(),uo(At.fromDom(a))||io(At.fromDom(a))?U.none():(t=u,o=e,i=function(e){return to(At.fromDom(e))&&!ol(r,o,t)},fl(!(n=s),r=c).fold(function(){return fl(n,o).fold(C,i)},i)?U.none():s&&Vn(e.getNode())||!1===s&&Vn(e.getNode(!0))?vC(u,s,c,e):s&&Ep(c)||!1===s&&Np(c)?U.some(hC.moveToPosition(e)):U.none());var t,n,r,o,i,a})},bC=function(r,e,o){return i=e,a=o.getNode(!1===i),u=i?"after":"before",An(a)&&a.getAttribute("data-mce-caret")===u?(t=e,n=o.getNode(!1===e),(t&&Vn(n.nextSibling)?U.some(hC.moveToElement(n.nextSibling)):!1===t&&Vn(n.previousSibling)?U.some(hC.moveToElement(n.previousSibling)):U.none()).fold(function(){return yC(r,e,o)},U.some)):yC(r,e,o).bind(function(e){return t=r,n=o,e.fold(function(e){return U.some(hC.remove(e))},function(e){return U.some(hC.moveToElement(e))},function(e){return ol(n,e,t)?U.none():U.some(hC.moveToPosition(e))});var t,n});var t,n,i,a,u},CC=function(e,t){return U.from(id(e.getBody(),t))},wC=function(a,u){var e=a.selection.getNode();return CC(a,e).filter(Vn).fold(function(){return e=a.getBody(),t=u,n=a.selection.getRng(),r=ll(t?1:-1,e,n),o=$s.fromRangeStart(r),i=At.fromDom(e),(!1===t&&Ep(o)?U.some(hC.remove(o.getNode(!0))):t&&Np(o)?U.some(hC.remove(o.getNode())):!1===t&&Np(o)&&Vp(i,o)?qp(i,o).map(function(e){return hC.remove(e.getNode())}):t&&Ep(o)&&Hp(i,o)?$p(i,o).map(function(e){return hC.remove(e.getNode())}):bC(e,t,o)).exists(function(e){return e.fold(function(e){return o._selectionOverrides.hideFakeCaret(),Cg(o,i,At.fromDom(e)),!0},(r=i=u,function(e){var t=r?$s.before(e):$s.after(e);return n.selection.setRng(t.toRange()),!0}),(t=n=o=a,function(e){return t.selection.setRng(e.toRange()),!0}));var t,n,r,o,i});var e,t,n,r,o,i},k)},xC=function(t,n){var e=t.selection.getNode();return!!Vn(e)&&CC(t,e.parentNode).filter(Vn).fold(function(){var e;return e=At.fromDom(t.getBody()),W(Gu(e,".mce-offscreen-selection"),pn),Cg(t,n,At.fromDom(t.selection.getNode())),Vb(t),!0},function(){return!0})},SC=function(e){var t,n=e.dom,r=e.selection,o=id(e.getBody(),r.getNode());return Hn(o)&&n.isBlock(o)&&n.isEmpty(o)&&(t=n.create("br",{"data-mce-bogus":"1"}),n.setHTML(o,""),o.appendChild(t),r.setRng($s.before(t).toRange())),!0},NC=function(e,t){return(e.selection.isCollapsed()?wC:xC)(e,t)},EC=function(e,t){return!!e.selection.isCollapsed()&&(n=e,r=t,o=$s.fromRangeStart(n.selection.getRng()),Ol(r,n.getBody(),o).filter(function(e){return(r?yp:bp)(e)}).bind(function(e){return U.from(il(r?0:-1,e))}).exists(function(e){return n.selection.select(e),!0}));var n,r,o},kC=In,_C=function(e){return kC(e)&&e.data[0]===fo},AC=function(e){return kC(e)&&e.data[e.data.length-1]===fo},RC=function(e){return e.ownerDocument.createTextNode(fo)},TC=function(e,t){return(e?function(e){if(kC(e.previousSibling))return AC(e.previousSibling)||e.previousSibling.appendData(fo),e.previousSibling;if(kC(e))return _C(e)||e.insertData(0,fo),e;var t=RC(e);return e.parentNode.insertBefore(t,e),t}:function(e){if(kC(e.nextSibling))return _C(e.nextSibling)||e.nextSibling.insertData(0,fo),e.nextSibling;if(kC(e))return AC(e)||e.appendData(fo),e;var t=RC(e);return e.nextSibling?e.parentNode.insertBefore(t,e.nextSibling):e.parentNode.appendChild(t),t})(t)},DC=N(TC,!0),OC=N(TC,!1),BC=function(e,t){return In(e.container())?TC(t,e.container()):TC(t,e.getNode())},PC=function(e,t){var n=t.get();return n&&e.container()===n&&yo(n)},LC=function(n,e){return e.fold(function(e){Fc(n.get());var t=DC(e);return n.set(t),U.some($s(t,t.length-1))},function(e){return Fl(e).map(function(e){if(PC(e,n))return $s(n.get(),1);Fc(n.get());var t=BC(e,!0);return n.set(t),$s(t,1)})},function(e){return Ul(e).map(function(e){if(PC(e,n))return $s(n.get(),n.get().length-1);Fc(n.get());var t=BC(e,!1);return n.set(t),$s(t,t.length-1)})},function(e){Fc(n.get());var t=OC(e);return n.set(t),U.some($s(t,1))})},IC=function(e,t){for(var n=0;n<e.length;n++){var r=e[n].apply(null,t);if(r.isSome())return r}return U.none()},MC=Cr([{before:["element"]},{start:["element"]},{end:["element"]},{after:["element"]}]),FC=function(e,t){var n=rl(t,e);return n||e},UC=function(e,t,n){var r=zb(n),o=FC(t,r.container());return Fb(e,o,r).fold(function(){return Il(o,r).bind(N(Fb,e,o)).map(function(e){return MC.before(e)})},U.none)},zC=function(e,t){return null===Hl(e,t)},jC=function(e,t,n){return Fb(e,t,n).filter(N(zC,t))},HC=function(e,t,n){var r=jb(n);return jC(e,t,r).bind(function(e){return Ml(e,r).isNone()?U.some(MC.start(e)):U.none()})},VC=function(e,t,n){var r=zb(n);return jC(e,t,r).bind(function(e){return Il(e,r).isNone()?U.some(MC.end(e)):U.none()})},qC=function(e,t,n){var r=jb(n),o=FC(t,r.container());return Fb(e,o,r).fold(function(){return Ml(o,r).bind(N(Fb,e,o)).map(function(e){return MC.after(e)})},U.none)},$C=function(e){return!1===Mb(KC(e))},WC=function(e,t,n){return IC([UC,HC,VC,qC],[e,t,n]).filter($C)},KC=function(e){return e.fold(o,o,o,o)},XC=function(e){return e.fold(E("before"),E("start"),E("end"),E("after"))},YC=function(e){return e.fold(MC.before,MC.before,MC.after,MC.after)},GC=function(e){return e.fold(MC.start,MC.start,MC.end,MC.end)},JC=function(a,e,u,t,n,s){return ds(Fb(e,u,t),Fb(e,u,n),function(e,t){return e!==t&&(r=t,o=rl(e,n=u),i=rl(r,n),o&&o===i)?MC.after(a?e:t):s;var n,r,o,i}).getOr(s)},QC=function(e,r){return e.fold(k,function(e){return n=r,!(XC(t=e)===XC(n)&&KC(t)===KC(n));var t,n})},ZC=function(e,t){return e?t.fold(a(U.some,MC.start),U.none,a(U.some,MC.after),U.none):t.fold(U.none,a(U.some,MC.before),U.none,a(U.some,MC.end))},ew=function(e,a,u,s){var t=Ub(e,s),c=WC(a,u,t);return WC(a,u,t).bind(N(ZC,e)).orThunk(function(){return n=a,r=u,o=c,i=Ub(t=e,s),Ol(t,r,i).map(N(Ub,t)).fold(function(){return o.map(YC)},function(e){return WC(n,r,e).map(N(JC,t,n,r,i,e)).filter(N(QC,o))}).filter($C);var t,n,r,o,i})},tw=(N(ew,!1),N(ew,!0),function(e,t,n){var r=e?1:-1;return t.setRng($s(n.container(),n.offset()+r).toRange()),t.getSel().modify("move",e?"forward":"backward","word"),!0}),nw=function(e,t){var n=t.selection.getRng(),r=e?$s.fromRangeEnd(n):$s.fromRangeStart(n);return!!T(t.selection.getSel().modify)&&(e&&wo(r)?tw(!0,t.selection,r):!(e||!xo(r))&&tw(!1,t.selection,r))},rw=function(e,t){var n=e.dom.createRng();n.setStart(t.container(),t.offset()),n.setEnd(t.container(),t.offset()),e.selection.setRng(n)},ow=function(e,t){e?t.setAttribute("data-mce-selected","inline-boundary"):t.removeAttribute("data-mce-selected")},iw=function(t,e,n){return LC(e,n).map(function(e){return rw(t,e),n})},aw=function(e,t){var n,r;e.selection.isCollapsed()&&!0!==e.composing&&t.get()&&(n=$s.fromRangeStart(e.selection.getRng()),$s.isTextPosition(n)&&!1===(wo(r=n)||xo(r))&&(rw(e,Mc(t.get(),n)),t.set(null)))},uw=function(e,t,n){return!!_c(e)&&(o=t,i=n,a=(r=e).getBody(),u=$s.fromRangeStart(r.selection.getRng()),s=N(Ib,r),ew(i,s,a,u).bind(function(e){return iw(r,o,e)}).isSome());var r,o,i,a,u,s},sw=function(e,t,n){return!!_c(t)&&nw(e,t)},cw=function(d){var m=Ou(null),p=N(Ib,d);return d.on("NodeChange",function(e){var n,r,o,t,i,a,u,s,c,l,f;!_c(d)||wt.browser.isIE()&&e.initial||(a=p,u=d.dom,s=e.parents,c=z(Gu(At.fromDom(u.getRoot()),'*[data-mce-selected="inline-boundary"]'),function(e){return e.dom}),l=H(c,a),f=H(s,a),W(ee(l,f),N(ow,!1)),W(ee(f,l),N(ow,!0)),aw(d,m),n=p,r=d,o=m,t=e.parents,r.selection.isCollapsed()&&(i=H(t,n),W(i,function(e){var t=$s.fromRangeStart(r.selection.getRng());WC(n,r.getBody(),t).bind(function(e){return iw(r,o,e)})})))}),m},lw=N(sw,!0),fw=N(sw,!1),dw=function(t,n){return function(e){return LC(n,e).exists(function(e){return rw(t,e),!0})}},mw=function(r,o,i,a){var u=r.getBody(),s=N(Ib,r);r.undoManager.ignore(function(){var e,t,n;r.selection.setRng((e=i,t=a,(n=document.createRange()).setStart(e.container(),e.offset()),n.setEnd(t.container(),t.offset()),n)),r.execCommand("Delete"),WC(s,u,$s.fromRangeStart(r.selection.getRng())).map(GC).map(dw(r,o))}),r.nodeChanged()},pw=function(n,r,i,o){var e,t,a=(e=n.getBody(),t=o.container(),rl(t,e)||e),u=N(Ib,n),s=WC(u,a,o);return s.bind(function(e){return i?e.fold(E(U.some(GC(e))),U.none,E(U.some(YC(e))),U.none):e.fold(U.none,E(U.some(YC(e))),U.none,E(U.some(GC(e))))}).map(dw(n,r)).getOrThunk(function(){var t=Bl(i,a,o),e=t.bind(function(e){return WC(u,a,e)});return ds(s,e,function(){return Fb(u,a,o).exists(function(e){return!!ds(Fl(o=e),Ul(o),function(e,t){var n=Ub(!0,e),r=Ub(!1,t);return Il(o,n).forall(function(e){return e.isEqual(r)})}).getOr(!0)&&(Cg(n,i,At.fromDom(e)),!0);var o})}).orThunk(function(){return e.bind(function(e){return t.map(function(e){return i?mw(n,r,o,e):mw(n,r,e,o),!0})})}).getOr(!1)})},gw=function(e,t,n){if(e.selection.isCollapsed()&&_c(e)){var r=$s.fromRangeStart(e.selection.getRng());return pw(e,t,n,r)}return!1},hw=function(e){return 1===Gt(e).length},vw=function(e,t,n,r){var o,i,a,u,s,c=N(Nh,t),l=z(H(r,c),function(e){return e.dom});0===l.length?Cg(t,e,n):(i=n.dom,a=l,u=vh(!1),s=wh(a,u.dom),sn(At.fromDom(i),u),pn(At.fromDom(i)),o=$s(s,0),t.selection.setRng(o.toRange()))},yw=function(r,o){var t,e=At.fromDom(r.getBody()),n=At.fromDom(r.selection.getStart()),s=H((t=Dp(n,e),G(t,eo).fold(E(t),function(e){return t.slice(0,e)})),hw);return re(s).exists(function(e){var t,i,a,u,n=$s.fromRangeStart(r.selection.getRng());return i=o,a=n,u=e.dom,!(!ds(Fl(u),Ul(u),function(e,t){var n=Ub(!0,e),r=Ub(!1,t),o=Ub(!1,a);return i?Il(u,o).exists(function(e){return e.isEqual(r)&&a.isEqual(n)}):Ml(u,o).exists(function(e){return e.isEqual(n)&&a.isEqual(r)})}).getOr(!0)||jl((t=e).dom)&&gh(t.dom))&&(vw(o,r,e,s),!0)})},bw=function(e,t){return!!e.selection.isCollapsed()&&yw(e,t)},Cw=function(e,t,n){return e._selectionOverrides.hideFakeCaret(),Cg(e,t,At.fromDom(n)),!0},ww=function(e,t){return e.selection.isCollapsed()?(i=e,u=(a=t)?Cp:wp,s=a?Vs.Forwards:Vs.Backwards,c=dl(s,i.getBody(),i.selection.getRng()),u(c)?Cw(i,a,c.getNode(!a)):U.from(Ub(a,c)).filter(function(e){return u(e)&&gl(c,e)}).exists(function(e){return Cw(i,a,e.getNode(!a))})):(r=t,o=(n=e).selection.getNode(),!!$n(o)&&Cw(n,r,o));var n,r,o,i,a,u,s,c},xw=function(e){var t=parseInt(e,10);return isNaN(t)?0:t},Sw=function(e,t){return(e||"table"===Lt(t)?"margin":"padding")+("rtl"===er(t,"direction")?"-right":"-left")},Nw=function(e){var r,t=kw(e);return!e.mode.isReadOnly()&&(1<t.length||(r=e,Q(t,function(e){var t=Sw(Sc(r),e),n=nr(e,t).map(xw).getOr(0);return"false"!==r.dom.getContentEditable(e.dom)&&0<n})))},Ew=function(e){return oo(e)||io(e)},kw=function(e){return H(z(e.selection.getSelectedBlocks(),At.fromDom),function(e){return!Ew(e)&&!$t(e).map(Ew).getOr(!1)&&Ar(e,function(e){return Hn(e.dom)||Vn(e.dom)}).exists(function(e){return Hn(e.dom)})})},_w=function(e,c){var l=e.dom,t=e.selection,n=e.formatter,r=e.getParam("indentation","40px","string"),f=/[a-z%]+$/i.exec(r)[0],d=parseInt(r,10),m=Sc(e),o=vc(e);e.queryCommandState("InsertUnorderedList")||e.queryCommandState("InsertOrderedList")||""!==o||l.getParent(t.getNode(),l.isBlock)||n.apply("div"),W(kw(e),function(e){var t,n,r,o,i,a,u,s;t=l,n=c,r=m,o=d,i=f,a=e.dom,s=Sw(r,At.fromDom(a)),"outdent"===n?(u=Math.max(0,xw(a.style[s])-o),t.setStyle(a,s,u?u+i:"")):(u=xw(a.style[s])+o+i,t.setStyle(a,s,u))})},Aw=function(e,t){if(e.selection.isCollapsed()&&Nw(e)){var n=e.dom,r=e.selection.getRng(),o=$s.fromRangeStart(r),i=n.getParent(r.startContainer,n.isBlock);if(null!==i&&Ip(At.fromDom(i),o))return _w(e,"outdent"),!0}return!1},Rw=function(e,t){e.getDoc().execCommand(t,!1,null)},Tw=function(n,r){n.addCommand("delete",function(){var e,t;t=r,Aw(e=n)||NC(e,!1)||gC(e,!1)||gw(e,t,!1)||tC(e,!1)||Kg(e)||EC(e,!1)||ww(e,!1)||iC(e)||bw(e,!1)||(Rw(e,"Delete"),Vb(e))}),n.addCommand("forwardDelete",function(){var e,t;t=r,NC(e=n,!0)||gC(e,!0)||gw(e,t,!0)||tC(e,!0)||Kg(e)||EC(e,!0)||ww(e,!0)||iC(e)||bw(e,!0)||Rw(e,"ForwardDelete")})},Dw=function(e){return e.touches===undefined||1!==e.touches.length?U.none():U.some(e.touches[0])},Ow=function(a){var u=Ou(U.none()),s=Ou(!1),r=ju(function(e){a.fire("longpress",ke(ke({},e),{type:"longpress"})),s.set(!0)},400);a.on("touchstart",function(n){Dw(n).each(function(e){r.cancel();var t={x:e.clientX,y:e.clientY,target:n.target};r.throttle(n),s.set(!1),u.set(U.some(t))})},!0),a.on("touchmove",function(e){r.cancel(),Dw(e).each(function(i){u.get().each(function(e){var t,n,r,o;t=i,n=e,r=Math.abs(t.clientX-n.x),o=Math.abs(t.clientY-n.y),(5<r||5<o)&&(u.set(U.none()),s.set(!1),a.fire("longpresscancel"))})})},!0),a.on("touchend touchcancel",function(t){r.cancel(),"touchcancel"!==t.type&&u.get().filter(function(e){return e.target.isEqualNode(t.target)}).each(function(){s.get()?t.preventDefault():a.fire("tap",ke(ke({},t),{type:"tap"}))})},!0)},Bw=function(e,t){return e.hasOwnProperty(t.nodeName)},Pw=function(e){var t,n,r,o=e.dom,i=e.selection,a=e.schema,u=a.getBlockElements(),s=i.getStart(),c=e.getBody(),l=vc(e);if(s&&An(s)&&l){var f=c.nodeName.toLowerCase();if(a.isValidChild(f,l.toLowerCase())&&(d=u,m=c,p=s,!F(Tp(At.fromDom(p),At.fromDom(m)),function(e){return Bw(d,e.dom)}))){for(var d,m,p,g,h,v=i.getRng(),y=v.startContainer,b=v.startOffset,C=v.endContainer,w=v.endOffset,x=Em(e),s=c.firstChild;s;)if(g=u,In(h=s)||An(h)&&!Bw(g,h)&&!Jl(h)){if(function(e,t){if(In(t)){if(0===t.nodeValue.length)return!0;if(/^\s+$/.test(t.nodeValue)&&(!t.nextSibling||Bw(e,t.nextSibling)))return!0}return!1}(u,s)){s=(n=s).nextSibling,o.remove(n);continue}t||(t=o.create(l,yc(e)),s.parentNode.insertBefore(t,s),r=!0),s=(n=s).nextSibling,t.appendChild(n)}else t=null,s=s.nextSibling;r&&x&&(v.setStart(y,b),v.setEnd(C,w),i.setRng(v),e.nodeChanged())}}},Lw=function(e,t){var n;t.hasAttribute("data-mce-caret")&&(ko(t),(n=e).selection.setRng(n.selection.getRng()),e.selection.scrollIntoView(t))},Iw=function(e,t){var n,r=(n=e,Dr(At.fromDom(n.getBody()),"*[data-mce-caret]").fold(E(null),function(e){return e.dom}));if(r)return"compositionstart"===t.type?(t.preventDefault(),t.stopPropagation(),void Lw(e,r)):void(Co(r)&&(Lw(e,r),e.undoManager.add()))};(wb=Cb=Cb||{})[wb.Br=0]="Br",wb[wb.Block=1]="Block",wb[wb.Wrap=2]="Wrap",wb[wb.Eol=3]="Eol";var Mw,Fw,Uw=function(e,t){return e===Vs.Backwards?Z(t):t},zw=function(e,t,n,r){for(var o,i,a,u,s,c,l=_l(n),f=r,d=[];f&&(s=l,c=f,o=t===Vs.Forwards?s.next(c):s.prev(c));){if(zn(o.getNode(!1)))return t===Vs.Forwards?{positions:Uw(t,d).concat([o]),breakType:Cb.Br,breakAt:U.some(o)}:{positions:Uw(t,d),breakType:Cb.Br,breakAt:U.some(o)};if(o.isVisible()){if(e(f,o)){var m=(i=t,a=f,zn((u=o).getNode(i===Vs.Forwards))?Cb.Br:!1===ol(a,u)?Cb.Block:Cb.Wrap);return{positions:Uw(t,d),breakType:m,breakAt:U.some(o)}}d.push(o),f=o}else f=o}return{positions:Uw(t,d),breakType:Cb.Eol,breakAt:U.none()}},jw=function(n,r,o,e){return r(o,e).breakAt.map(function(e){var t=r(o,e).positions;return n===Vs.Backwards?t.concat(e):[e].concat(t)}).getOr([])},Hw=function(e,i){return X(e,function(e,o){return e.fold(function(){return U.some(o)},function(r){return ds(ne(r.getClientRects()),ne(o.getClientRects()),function(e,t){var n=Math.abs(i-e.left);return Math.abs(i-t.left)<=n?o:r}).or(e)})},U.none())},Vw=function(t,e){return ne(e.getClientRects()).bind(function(e){return Hw(t,e.left)})},qw=N(zw,Hs.isAbove,-1),$w=N(zw,Hs.isBelow,1),Ww=N(jw,-1,qw),Kw=N(jw,1,$w),Xw=function(t){var e=function(e){return z(e,function(e){return(e=ps(e)).node=t,e})};if(An(t))return e(t.getClientRects());if(In(t)){var n=t.ownerDocument.createRange();return n.setStart(t,0),n.setEnd(t,t.data.length),e(n.getClientRects())}},Yw=function(e){return J(e,Xw)};(Fw=Mw=Mw||{})[Fw.Up=-1]="Up",Fw[Fw.Down=1]="Down";var Gw=function(o,i,a,e,u,t){var s=0,c=[],n=function(e){var t,n,r=Yw([e]);for(-1===o&&(r=r.reverse()),t=0;t<r.length;t++)if(n=r[t],!a(n,l)){if(0<c.length&&i(n,Ee(c))&&s++,n.line=s,u(n))return!0;c.push(n)}},l=Ee(t.getClientRects());if(!l)return c;var r=t.getNode();return n(r),function(e,t,n,r){for(;r=nl(r,e,Mo,t);)if(n(r))return}(o,e,n,r),c},Jw=N(Gw,Mw.Up,vs,ys),Qw=N(Gw,Mw.Down,ys,vs),Zw=function(n){return function(e){return t=n,e.line>t;var t}},ex=function(n){return function(e){return t=n,e.line===t;var t}},tx=Vn,nx=nl,rx=function(e,t){return Math.abs(e.left-t)},ox=function(e,t){return Math.abs(e.right-t)},ix=function(e,t){return e>=t.left&&e<=t.right},ax=function(e,t){return e>=t.top&&e<=t.bottom},ux=function(e,o){return Se(e,function(e,t){var n=Math.min(rx(e,o),ox(e,o)),r=Math.min(rx(t,o),ox(t,o));return ix(o,t)||!ix(o,e)&&(r===n&&tx(t.node)||r<n)?t:e})},sx=function(e,t,n,r,o){var i=nx(r,e,Mo,t,!o);do{if(!i||n(i))return}while(i=nx(i,e,Mo,t))},cx=function(e,t,n){var r,o,i=Yw(H(oe(e.getElementsByTagName("*")),Kc)),a=H(i,N(ax,n));if(u=ux(a,t)){var u,s=!Bn(u.node)&&!$n(u.node);if((u=ux(function(e,r,t){void 0===t&&(t=!0);var o=[],n=function(t,e){var n=H(Yw([e]),function(e){return!t(e,r)});return o=o.concat(n),0===n.length};return o.push(r),sx(Mw.Up,e,N(n,vs),r.node,t),sx(Mw.Down,e,N(n,ys),r.node,t),o}(e,u,s),t))&&Kc(u.node))return o=t,{node:(r=u).node,before:rx(r,o)<ox(r,o)}}return null},lx=function(e,t){e.selection.setRng(t),Xd(e,e.selection.getRng())},fx=function(e,t,n){return U.some(fC(e,t,n))},dx=function(e,t,n,r,o,i){var a=t===Vs.Forwards,u=_l(e.getBody()),s=N(pl,a?u.next:u.prev),c=a?r:o;if(!n.collapsed){var l=Cs(n);if(i(l))return sC(t,e,l,t===Vs.Backwards,!1)}var f=dl(t,e.getBody(),n);if(c(f))return cC(e,f.getNode(!a));var d=Ub(a,s(f)),m=vo(n.startContainer);if(!d)return m?U.some(n):U.none();if(c(d))return sC(t,e,d.getNode(!a),a,!1);var p=s(d);return p&&c(p)&&gl(d,p)?sC(t,e,p.getNode(!a),a,!1):m?fx(e,d.toRange(),!1):U.none()},mx=function(t,e,n,r,o,i){var a=dl(e,t.getBody(),n),u=Ee(a.getClientRects()),s=e===Mw.Down;if(!u)return U.none();var c,l=(s?Qw:Jw)(t.getBody(),Zw(1),a),f=H(l,ex(1)),d=u.left,m=ux(f,d);if(m&&i(m.node)){var p=Math.abs(d-m.left),g=Math.abs(d-m.right);return sC(e,t,m.node,p<g,!1)}if(c=r(a)?a.getNode():o(a)?a.getNode(!0):Cs(n)){var h=function(e,t,n,r){var o,i,a,u,s=_l(t),c=[],l=0,f=function(e){return Ee(e.getClientRects())},d=1===e?(o=s.next,i=ys,a=vs,$s.after(r)):(o=s.prev,i=vs,a=ys,$s.before(r)),m=f(d);do{if(d.isVisible()&&!a(u=f(d),m)){if(0<c.length&&i(u,Ee(c))&&l++,(u=ps(u)).position=d,u.line=l,n(u))return c;c.push(u)}}while(d=o(d));return c}(e,t.getBody(),Zw(1),c),v=ux(H(h,ex(1)),d);if(v)return fx(t,v.position.toRange(),!1);if(v=Ee(H(h,ex(0))))return fx(t,v.position.toRange(),!1)}return 0===f.length?px(t,s).filter(s?o:r).map(function(e){return fC(t,e.toRange(),!1)}):U.none()},px=function(e,t){var n=e.selection.getRng(),r=e.getBody();if(t){var o=$s.fromRangeEnd(n),i=$w(r,o);return re(i.positions)}o=$s.fromRangeStart(n),i=qw(r,o);return ne(i.positions)},gx=function(t,e,n){return px(t,e).filter(n).exists(function(e){return t.selection.setRng(e.toRange()),!0})},hx=Vn,vx=function(e,t,n){var r,o,i=_l(e.getBody()),a=N(pl,1===t?i.next:i.prev);if(n.collapsed&&""!==vc(e)){var u,s=e.dom.getParent(n.startContainer,"PRE");if(!s)return;a($s.fromRangeStart(n))||(o=(r=e).dom.create(vc(r)),(!wt.ie||11<=wt.ie)&&(o.innerHTML='<br data-mce-bogus="1">'),u=o,1===t?e.$(s).after(u):e.$(s).before(u),e.selection.select(u,!0),e.selection.collapse())}},yx=function(e,t){var n=t?Vs.Forwards:Vs.Backwards,r=e.selection.getRng();return dx(e,n,r,Np,Ep,hx).orThunk(function(){return vx(e,n,r),U.none()})},bx=function(e,t){var n=t?1:-1,r=e.selection.getRng();return mx(e,n,r,function(e){return Np(e)||xp(e)},function(e){return Ep(e)||Sp(e)},hx).orThunk(function(){return vx(e,n,r),U.none()})},Cx=function(t,e){return yx(t,e).exists(function(e){return lx(t,e),!0})},wx=function(t,e){return bx(t,e).exists(function(e){return lx(t,e),!0})},xx=function(e,t){return gx(e,t,t?Ep:Np)},Sx=function(e){return M(["figcaption"],Lt(e))},Nx=function(e){var t=document.createRange();return t.setStartBefore(e.dom),t.setEndBefore(e.dom),t},Ex=function(e,t,n){(n?fn:ln)(e,t)},kx=function(e,t,n,r){return""===t?(l=e,f=r,d=At.fromTag("br"),Ex(l,d,f),Nx(d)):(o=e,i=r,a=t,u=n,s=At.fromTag(a),c=At.fromTag("br"),Yn(s,u),fn(s,c),Ex(o,s,i),Nx(c));var o,i,a,u,s,c,l,f,d},_x=function(e,t,n){return t?(o=e.dom,$w(o,n).breakAt.isNone()):(r=e.dom,qw(r,n).breakAt.isNone());var r,o},Ax=function(t,n){var e,r,o=At.fromDom(t.getBody()),i=$s.fromRangeStart(t.selection.getRng()),a=vc(t),u=yc(t);return e=i,r=N(Ot,o),Ar(At.fromDom(e.container()),eo,r).filter(Sx).exists(function(){if(_x(o,n,i)){var e=kx(o,a,u,n);return t.selection.setRng(e),!0}return!1})},Rx=function(e,t){return!!e.selection.isCollapsed()&&Ax(e,t)},Tx=function(e,r){return J(z(e,function(e){return ke({shiftKey:!1,altKey:!1,ctrlKey:!1,metaKey:!1,keyCode:0,action:V},e)}),function(e){return t=e,(n=r).keyCode===t.keyCode&&n.shiftKey===t.shiftKey&&n.altKey===t.altKey&&n.ctrlKey===t.ctrlKey&&n.metaKey===t.metaKey?[e]:[];var t,n})},Dx=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return function(){return e.apply(null,t)}},Ox=function(e,t){return Y(Tx(e,t),function(e){return e.action()})},Bx=function(t,e){var n=e?Vs.Forwards:Vs.Backwards,r=t.selection.getRng();return dx(t,n,r,Cp,wp,$n).exists(function(e){return lx(t,e),!0})},Px=function(t,e){var n=e?1:-1,r=t.selection.getRng();return mx(t,n,r,Cp,wp,$n).exists(function(e){return lx(t,e),!0})},Lx=function(e,t){return gx(e,t,t?wp:Cp)},Ix=function(o,e){return J(e,function(e){var t,n,r=(t=ps(e.getBoundingClientRect()),n=-1,{left:t.left-n,top:t.top-n,right:t.right+2*n,bottom:t.bottom+2*n,width:t.width+n,height:t.height+n});return[{x:r.left,y:o(r),cell:e},{x:r.right,y:o(r),cell:e}]})},Mx=function(e,t,n,r,o){var i,a,u=Gu(At.fromDom(n),"td,th,caption").map(function(e){return e.dom}),s=H(Ix(e,u),function(e){return t(e,o)});return i=r,a=o,X(s,function(e,r){return e.fold(function(){return U.some(r)},function(e){var t=Math.sqrt(Math.abs(e.x-i)+Math.abs(e.y-a)),n=Math.sqrt(Math.abs(r.x-i)+Math.abs(r.y-a));return U.some(n<t?r:e)})},U.none()).map(function(e){return e.cell})},Fx=N(Mx,function(e){return e.bottom},function(e,t){return e.y<t}),Ux=N(Mx,function(e){return e.top},function(e,t){return e.y>t}),zx=function(t,n){return ne(n.getClientRects()).bind(function(e){return Fx(t,e.left,e.top)}).bind(function(e){return Vw(Ul(t=e).map(function(e){return qw(t,e).positions.concat(e)}).getOr([]),n);var t})},jx=function(t,n){return re(n.getClientRects()).bind(function(e){return Ux(t,e.left,e.top)}).bind(function(e){return Vw(Fl(t=e).map(function(e){return[e].concat($w(t,e).positions)}).getOr([]),n);var t})},Hx=function(e,t,n){var r,o,i,a,u=e(t,n);return(a=u).breakType===Cb.Wrap&&0===a.positions.length||!zn(n.getNode())&&((i=u).breakType===Cb.Br&&1===i.positions.length)?(r=e,o=t,!u.breakAt.exists(function(e){return r(o,e).breakAt.isSome()})):u.breakAt.isNone()},Vx=N(Hx,qw),qx=N(Hx,$w),$x=function(t,e,n,r){var o,i,a,u,s=t.selection.getRng(),c=e?1:-1;return!(!$c()||(o=e,i=s,a=n,u=$s.fromRangeStart(i),!Ll(!o,a).exists(function(e){return e.isEqual(u)})))&&(sC(c,t,n,!e,!1).each(function(e){lx(t,e)}),!0)},Wx=function(e,t){var n=t.getNode(e);return An(n)&&"TABLE"===n.nodeName?U.some(n):U.none()},Kx=function(u,s,c){var e=Wx(!!s,c),t=!1===s;e.fold(function(){return lx(u,c.toRange())},function(a){return Ll(t,u.getBody()).filter(function(e){return e.isEqual(c)}).fold(function(){return lx(u,c.toRange())},function(e){return n=s,o=a,t=c,void((i=vc(r=u))?r.undoManager.transact(function(){var e=At.fromTag(i);Yn(e,yc(r)),fn(e,At.fromTag("br")),(n?cn:sn)(At.fromDom(o),e);var t=r.dom.createRng();t.setStart(e.dom,0),t.setEnd(e.dom,0),lx(r,t)}):lx(r,t.toRange()));var n,r,o,t,i})})},Xx=function(e,t,n,r){var o,i,a,u,s,c,l=e.selection.getRng(),f=$s.fromRangeStart(l),d=e.getBody();if(!t&&Vx(r,f)){var m=(u=d,zx(s=n,c=f).orThunk(function(){return ne(c.getClientRects()).bind(function(e){return Hw(Ww(u,$s.before(s)),e.left)})}).getOr($s.before(s)));return Kx(e,t,m),!0}if(t&&qx(r,f)){m=(o=d,jx(i=n,a=f).orThunk(function(){return ne(a.getClientRects()).bind(function(e){return Hw(Kw(o,$s.after(i)),e.left)})}).getOr($s.after(i)));return Kx(e,t,m),!0}return!1},Yx=function(n,r,o){return U.from(n.dom.getParent(n.selection.getNode(),"td,th")).bind(function(t){return U.from(n.dom.getParent(t,"table")).map(function(e){return o(n,r,e,t)})}).getOr(!1)},Gx=function(e,t){return Yx(e,t,$x)},Jx=function(e,t){return Yx(e,t,Xx)},Qx=function(i,a){i.on("keydown",function(e){var t,n,r,o;!1===e.isDefaultPrevented()&&(t=i,n=a,r=e,o=dt().os,Ox([{keyCode:ud.RIGHT,action:Dx(Cx,t,!0)},{keyCode:ud.LEFT,action:Dx(Cx,t,!1)},{keyCode:ud.UP,action:Dx(wx,t,!1)},{keyCode:ud.DOWN,action:Dx(wx,t,!0)},{keyCode:ud.RIGHT,action:Dx(Gx,t,!0)},{keyCode:ud.LEFT,action:Dx(Gx,t,!1)},{keyCode:ud.UP,action:Dx(Jx,t,!1)},{keyCode:ud.DOWN,action:Dx(Jx,t,!0)},{keyCode:ud.RIGHT,action:Dx(Bx,t,!0)},{keyCode:ud.LEFT,action:Dx(Bx,t,!1)},{keyCode:ud.UP,action:Dx(Px,t,!1)},{keyCode:ud.DOWN,action:Dx(Px,t,!0)},{keyCode:ud.RIGHT,action:Dx(uw,t,n,!0)},{keyCode:ud.LEFT,action:Dx(uw,t,n,!1)},{keyCode:ud.RIGHT,ctrlKey:!o.isOSX(),altKey:o.isOSX(),action:Dx(lw,t,n)},{keyCode:ud.LEFT,ctrlKey:!o.isOSX(),altKey:o.isOSX(),action:Dx(fw,t,n)},{keyCode:ud.UP,action:Dx(Rx,t,!1)},{keyCode:ud.DOWN,action:Dx(Rx,t,!0)}],r).each(function(e){r.preventDefault()}))})},Zx=function(o,i){o.on("keydown",function(e){var t,n,r;!1===e.isDefaultPrevented()&&(t=o,n=i,r=e,Ox([{keyCode:ud.BACKSPACE,action:Dx(Aw,t,!1)},{keyCode:ud.BACKSPACE,action:Dx(NC,t,!1)},{keyCode:ud.DELETE,action:Dx(NC,t,!0)},{keyCode:ud.BACKSPACE,action:Dx(gC,t,!1)},{keyCode:ud.DELETE,action:Dx(gC,t,!0)},{keyCode:ud.BACKSPACE,action:Dx(gw,t,n,!1)},{keyCode:ud.DELETE,action:Dx(gw,t,n,!0)},{keyCode:ud.BACKSPACE,action:Dx(Kg,t,!1)},{keyCode:ud.DELETE,action:Dx(Kg,t,!0)},{keyCode:ud.BACKSPACE,action:Dx(EC,t,!1)},{keyCode:ud.DELETE,action:Dx(EC,t,!0)},{keyCode:ud.BACKSPACE,action:Dx(ww,t,!1)},{keyCode:ud.DELETE,action:Dx(ww,t,!0)},{keyCode:ud.BACKSPACE,action:Dx(iC,t,!1)},{keyCode:ud.DELETE,action:Dx(iC,t,!0)},{keyCode:ud.BACKSPACE,action:Dx(tC,t,!1)},{keyCode:ud.DELETE,action:Dx(tC,t,!0)},{keyCode:ud.BACKSPACE,action:Dx(bw,t,!1)},{keyCode:ud.DELETE,action:Dx(bw,t,!0)}],r).each(function(e){r.preventDefault()}))}),o.on("keyup",function(e){var t,n;!1===e.isDefaultPrevented()&&(t=o,n=e,Ox([{keyCode:ud.BACKSPACE,action:Dx(SC,t)},{keyCode:ud.DELETE,action:Dx(SC,t)}],n))})},eS=function(e,t){var n,r,o=t,i=e.dom,a=e.schema.getMoveCaretBeforeOnEnterElements();if(t){!/^(LI|DT|DD)$/.test(t.nodeName)||(r=function(e){for(;e;){if(1===e.nodeType||3===e.nodeType&&e.data&&/[\r\n\s]/.test(e.data))return e;e=e.nextSibling}}(t.firstChild))&&/^(UL|OL|DL)$/.test(r.nodeName)&&t.insertBefore(i.doc.createTextNode(lo),t.firstChild);var u=i.createRng();if(t.normalize(),t.hasChildNodes()){for(var s=new Xr(t,t);n=s.current();){if(In(n)){u.setStart(n,0),u.setEnd(n,0);break}if(a[n.nodeName.toLowerCase()]){u.setStartBefore(n),u.setEndBefore(n);break}o=n,n=s.next()}n||(u.setStart(o,0),u.setEnd(o,0))}else zn(t)?t.nextSibling&&i.isBlock(t.nextSibling)?(u.setStartBefore(t),u.setEndBefore(t)):(u.setStartAfter(t),u.setEndAfter(t)):(u.setStart(t,0),u.setEnd(t,0));e.selection.setRng(u),Xd(e,u)}},tS=function(e){return U.from(e.dom.getParent(e.selection.getStart(!0),e.dom.isBlock))},nS=function(e,t){return e&&e.parentNode&&e.parentNode.nodeName===t},rS=function(e){return e&&/^(OL|UL|LI)$/.test(e.nodeName)},oS=function(e){var t=e.parentNode;return/^(LI|DT|DD)$/.test(t.nodeName)?t:e},iS=function(e,t,n){for(var r=e[n?"firstChild":"lastChild"];r&&!An(r);)r=r[n?"nextSibling":"previousSibling"];return r===t},aS=function(e,t,n,r,o){var i,a,u,s,c,l,f=e.dom,d=e.selection.getRng();n!==e.getBody()&&(rS(i=n)&&rS(i.parentNode)&&(o="LI"),a=o?t(o):f.create("BR"),iS(n,r,!0)&&iS(n,r,!1)?nS(n,"LI")?f.insertAfter(a,oS(n)):f.replace(a,n):iS(n,r,!0)?nS(n,"LI")?(f.insertAfter(a,oS(n)),a.appendChild(f.doc.createTextNode(" ")),a.appendChild(n)):n.parentNode.insertBefore(a,n):iS(n,r,!1)?f.insertAfter(a,oS(n)):(n=oS(n),(u=d.cloneRange()).setStartAfter(r),u.setEndAfter(n),s=u.extractContents(),"LI"===o&&(l="LI",(c=s).firstChild&&c.firstChild.nodeName===l)?(a=s.firstChild,f.insertAfter(s,n)):(f.insertAfter(s,n),f.insertAfter(a,n))),f.remove(r),eS(e,a))},uS=function(e){e.innerHTML='<br data-mce-bogus="1">'},sS=function(e,t){return e.nodeName===t||e.previousSibling&&e.previousSibling.nodeName===t},cS=function(e,t){return t&&e.isBlock(t)&&!/^(TD|TH|CAPTION|FORM)$/.test(t.nodeName)&&!/^(fixed|absolute)/i.test(t.style.position)&&"true"!==e.getContentEditable(t)},lS=function(e,t,n){return!1===In(t)?n:e?1===n&&t.data.charAt(n-1)===fo?0:n:n===t.data.length-1&&t.data.charAt(n)===fo?t.data.length:n},fS=function(e,t){for(var n,r=e.getRoot(),o=t;o!==r&&"false"!==e.getContentEditable(o);)"true"===e.getContentEditable(o)&&(n=o),o=o.parentNode;return o!==r?n:r},dS=function(e,t){var n=vc(e);n&&n.toLowerCase()===t.tagName.toLowerCase()&&function(e,o,t){var i=e.dom;U.from(t.style).map(i.parseStyle).each(function(e){var t=rr(At.fromDom(o)),n=ke(ke({},t),e);i.setStyles(o,n)});var n=U.from(t["class"]).map(function(e){return e.split(/\s+/)}),r=U.from(o.className).map(function(e){return H(e.split(/\s+/),function(e){return""!==e})});ds(n,r,function(t,e){var n=H(e,function(e){return!M(t,e)}),r=_e(t,n);i.setAttrib(o,"class",r.join(" "))});var a=["style","class"],u=me(t,function(e,t){return!M(a,t)});i.setAttribs(o,u)}(e,t,yc(e))},mS=function(a,e){var t,u,i,s,n,r,o,c,l,f=a.dom,d=a.schema,m=d.getNonEmptyElements(),p=a.selection.getRng(),g=function(e){var t,n=u,r=d.getTextInlineElements(),o=e||"TABLE"===c||"HR"===c?f.create(e||N):s.cloneNode(!1),i=o;if(!1===a.getParam("keep_styles",!0))f.setAttrib(o,"style",null),f.setAttrib(o,"class",null);else do{if(r[n.nodeName]){if(jl(n)||Jl(n))continue;t=n.cloneNode(!1),f.setAttrib(t,"id",""),o.hasChildNodes()?t.appendChild(o.firstChild):i=t,o.appendChild(t)}}while((n=n.parentNode)&&n!==E);return dS(a,o),uS(i),o},h=function(e){var t,n,r=lS(e,u,i);if(In(u)&&(e?0<r:r<u.nodeValue.length))return!1;if(u.parentNode===s&&l&&!e)return!0;if(e&&An(u)&&u===s.firstChild)return!0;if(sS(u,"TABLE")||sS(u,"HR"))return l&&!e||!l&&e;var o=new Xr(u,s);for(In(u)&&(e&&0===r?o.prev():e||r!==u.nodeValue.length||o.next());t=o.current();){if(An(t)){if(!t.getAttribute("data-mce-bogus")&&(n=t.nodeName.toLowerCase(),m[n]&&"br"!==n))return!1}else if(In(t)&&!Uo(t.nodeValue))return!1;e?o.prev():o.next()}return!0},v=function(){n=/^(H[1-6]|PRE|FIGURE)$/.test(c)&&"HGROUP"!==C?g(N):g(),a.getParam("end_container_on_empty_block",!1)&&cS(f,o)&&f.isEmpty(s)?n=f.split(o,s):f.insertAfter(n,s),eS(a,n)};yd(f,p).each(function(e){p.setStart(e.startContainer,e.startOffset),p.setEnd(e.endContainer,e.endOffset)}),u=p.startContainer,i=p.startOffset,N=vc(a);var y=!(!e||!e.shiftKey),b=!(!e||!e.ctrlKey);An(u)&&u.hasChildNodes()&&(l=i>u.childNodes.length-1,u=u.childNodes[Math.min(i,u.childNodes.length-1)]||u,i=l&&In(u)?u.nodeValue.length:0);var C,w,x,S,N,E=fS(f,u);E&&((N&&!y||!N&&y)&&(u=function(e,t,n,r,o){var i,a,u,s,c,l,f=t||"P",d=e.dom,m=fS(d,r),p=d.getParent(r,d.isBlock);if(!p||!cS(d,p)){if(c=(p=p||m)===e.getBody()||(l=p)&&/^(TD|TH|CAPTION)$/.test(l.nodeName)?p.nodeName.toLowerCase():p.parentNode.nodeName.toLowerCase(),!p.hasChildNodes())return i=d.create(f),dS(e,i),p.appendChild(i),n.setStart(i,0),n.setEnd(i,0),i;for(u=r;u.parentNode!==p;)u=u.parentNode;for(;u&&!d.isBlock(u);)u=(a=u).previousSibling;if(a&&e.schema.isValidChild(c,f.toLowerCase())){for(i=d.create(f),dS(e,i),a.parentNode.insertBefore(i,a),u=a;u&&!d.isBlock(u);)s=u.nextSibling,i.appendChild(u),u=s;n.setStart(r,o),n.setEnd(r,o)}}return r}(a,N,p,u,i)),s=f.getParent(u,f.isBlock),o=s?f.getParent(s.parentNode,f.isBlock):null,c=s?s.nodeName.toUpperCase():"","LI"!==(C=o?o.nodeName.toUpperCase():"")||b||(o=(s=o).parentNode,c=C),/^(LI|DT|DD)$/.test(c)&&f.isEmpty(s)?aS(a,g,o,s,N):N&&s===a.getBody()||(N=N||"P",vo(s)?(n=ko(s),f.isEmpty(s)&&uS(s),dS(a,n),eS(a,n)):h()?v():h(!0)?(n=s.parentNode.insertBefore(g(),s),eS(a,sS(s,"HR")?n:s)):((S=(x=p).cloneRange()).setStart(x.startContainer,lS(!0,x.startContainer,x.startOffset)),S.setEnd(x.endContainer,lS(!1,x.endContainer,x.endOffset)),(t=S.cloneRange()).setEndAfter(s),r=t.extractContents(),w=r,W(Yu(At.fromDom(w),Ut),function(e){var t=e.dom;t.nodeValue=po(t.nodeValue)}),function(e){for(;In(e)&&(e.nodeValue=e.nodeValue.replace(/^[\r\n]+/,"")),e=e.firstChild;);}(r),n=r.firstChild,f.insertAfter(r,s),function(e,t,n){var r,o,i,a=n,u=[];if(a){for(;a=a.firstChild;){if(e.isBlock(a))return;An(a)&&!t[a.nodeName.toLowerCase()]&&u.push(a)}for(r=u.length;r--;)!(a=u[r]).hasChildNodes()||a.firstChild===a.lastChild&&""===a.firstChild.nodeValue?e.remove(a):(o=e,(i=a)&&"A"===i.nodeName&&o.isEmpty(i)&&e.remove(a))}}(f,m,n),function(e,t){t.normalize();var n=t.lastChild;n&&!/^(left|right)$/gi.test(e.getStyle(n,"float",!0))||e.add(t,"br")}(f,s),f.isEmpty(s)&&uS(s),n.normalize(),f.isEmpty(n)?(f.remove(n),v()):(dS(a,n),eS(a,n))),f.setAttrib(n,"id",""),a.fire("NewBlock",{newBlock:n})))},pS=function(e,t,n){var r=e.create("span",{},"&nbsp;");n.parentNode.insertBefore(r,n),t.scrollIntoView(r),e.remove(r)},gS=function(e,t,n,r){var o=e.createRng();r?(o.setStartBefore(n),o.setEndBefore(n)):(o.setStartAfter(n),o.setEndAfter(n)),t.setRng(o)},hS=function(e,t){var n,r,o=e.selection,i=e.dom,a=o.getRng();yd(i,a).each(function(e){a.setStart(e.startContainer,e.startOffset),a.setEnd(e.endContainer,e.endOffset)});var u,s=a.startOffset,c=a.startContainer;1===c.nodeType&&c.hasChildNodes()&&(u=s>c.childNodes.length-1,c=c.childNodes[Math.min(s,c.childNodes.length-1)]||c,s=u&&3===c.nodeType?c.nodeValue.length:0);var l=i.getParent(c,i.isBlock),f=l?i.getParent(l.parentNode,i.isBlock):null,d=f?f.nodeName.toUpperCase():"",m=!(!t||!t.ctrlKey);"LI"!==d||m||(l=f),c&&3===c.nodeType&&s>=c.nodeValue.length&&!function(e,t,n){for(var r,o=new Xr(t,n),i=e.getNonEmptyElements();r=o.next();)if(i[r.nodeName.toLowerCase()]||0<r.length)return!0}(e.schema,c,l)&&(n=i.create("br"),a.insertNode(n),a.setStartAfter(n),a.setEndAfter(n),r=!0),n=i.create("br"),Ks(i,a,n),pS(i,o,n),gS(i,o,n,r),e.undoManager.add()},vS=function(e,t){var n=At.fromTag("br");sn(At.fromDom(t),n),e.undoManager.add()},yS=function(e,t){bS(e.getBody(),t)||cn(At.fromDom(t),At.fromTag("br"));var n=At.fromTag("br");cn(At.fromDom(t),n),pS(e.dom,e.selection,n.dom),gS(e.dom,e.selection,n.dom,!1),e.undoManager.add()},bS=function(e,t){return n=$s.after(t),!!zn(n.getNode())||Il(e,$s.after(t)).map(function(e){return zn(e.getNode())}).getOr(!1);var n},CS=function(e){return e&&"A"===e.nodeName&&"href"in e},wS=function(e){return e.fold(C,CS,CS,C)},xS=function(e,t){t.fold(V,N(vS,e),N(yS,e),V)},SS=function(e,t){var n,r,o,i=(r=N(Ib,n=e),o=$s.fromRangeStart(n.selection.getRng()),WC(r,n.getBody(),o).filter(wS));i.isSome()?i.each(N(xS,e)):hS(e,t)},NS=function(e,t){return tS(e).filter(function(e){return 0<t.length&&Tt(At.fromDom(e),t)}).isSome()},ES=Cr([{br:[]},{block:[]},{none:[]}]),kS=function(e,t){return NS(n=e,n.getParam("no_newline_selector",""));var n},_S=function(n){return function(e,t){return""===vc(e)===n}},AS=function(n){return function(e,t){return tS(e).filter(function(e){return io(At.fromDom(e))}).isSome()===n}},RS=function(n,r){return function(e,t){return tS(e).fold(E(""),function(e){return e.nodeName.toUpperCase()})===n.toUpperCase()===r}},TS=function(e){return RS("pre",e)},DS=function(n){return function(e,t){return e.getParam("br_in_pre",!0)===n}},OS=function(e,t){return NS(n=e,n.getParam("br_newline_selector",".mce-toc h2,figcaption,caption"));var n},BS=function(e,t){return t},PS=function(e){var t=vc(e),n=function(e,t){for(var n,r=e.getRoot(),o=t;o!==r&&"false"!==e.getContentEditable(o);)"true"===e.getContentEditable(o)&&(n=o),o=o.parentNode;return o!==r?n:r}(e.dom,e.selection.getStart());return n&&e.schema.isValidChild(n.nodeName,t||"P")},LS=function(e,t){return function(n,r){return X(e,function(e,t){return e&&t(n,r)},!0)?U.some(t):U.none()}},IS=function(e,t){return IC([LS([kS],ES.none()),LS([RS("summary",!0)],ES.br()),LS([TS(!0),DS(!1),BS],ES.br()),LS([TS(!0),DS(!1)],ES.block()),LS([TS(!0),DS(!0),BS],ES.block()),LS([TS(!0),DS(!0)],ES.br()),LS([AS(!0),BS],ES.br()),LS([AS(!0)],ES.block()),LS([_S(!0),BS,PS],ES.block()),LS([_S(!0)],ES.br()),LS([OS],ES.br()),LS([_S(!1),BS],ES.br()),LS([PS],ES.block())],[e,!(!t||!t.shiftKey)]).getOr(ES.none())},MS=function(e,t){IS(e,t).fold(function(){SS(e,t)},function(){mS(e,t)},V)},FS=function(o){o.on("keydown",function(e){var t,n,r;e.keyCode===ud.ENTER&&(t=o,(n=e).isDefaultPrevented()||(n.preventDefault(),(r=t.undoManager).typing&&(r.typing=!1,r.add()),t.undoManager.transact(function(){!1===t.selection.isCollapsed()&&t.execCommand("Delete"),MS(t,n)})))})},US=function(r){r.on("keydown",function(e){var t,n;!1===e.isDefaultPrevented()&&(t=r,n=e,Ox([{keyCode:ud.END,action:Dx(xx,t,!0)},{keyCode:ud.HOME,action:Dx(xx,t,!1)},{keyCode:ud.END,action:Dx(Lx,t,!0)},{keyCode:ud.HOME,action:Dx(Lx,t,!1)}],n).each(function(e){n.preventDefault()}))})},zS=dt().browser,jS=function(t){var e,n;e=t,n=zu(function(){e.composing||ig(e)},0),zS.isIE()&&(e.on("keypress",function(e){n.throttle()}),e.on("remove",function(e){n.cancel()})),t.on("input",function(e){!1===e.isComposing&&ig(t)})},HS=function(n,r){var e=r.container(),t=r.offset();return In(e)?(e.insertData(t,n),U.some(Hs(e,t+n.length))):ml(r).map(function(e){var t=At.fromText(n);return(r.isAtEnd()?cn:sn)(e,t),Hs(t.dom,n.length)})},VS=N(HS,lo),qS=N(HS," "),$S=function(r,o){return function(e){return t=r,(!Gp(n=e)&&(Jp(t,n)||Xp(t,n)||Yp(t,n))?VS:qS)(o);var t,n}},WS=function(e){var t,n,r=$s.fromRangeStart(e.selection.getRng()),o=At.fromDom(e.getBody());if(e.selection.isCollapsed()){var i=N(Ib,e),a=$s.fromRangeStart(e.selection.getRng());return WC(i,e.getBody(),a).bind((n=o,function(e){return e.fold(function(e){return Ml(n.dom,$s.before(e))},function(e){return Fl(e)},function(e){return Ul(e)},function(e){return Il(n.dom,$s.after(e))})})).bind($S(o,r)).exists((t=e,function(e){return t.selection.setRng(e.toRange()),t.nodeChanged(),!0}))}return!1},KS=function(r){r.on("keydown",function(e){var t,n;!1===e.isDefaultPrevented()&&(t=r,n=e,Ox([{keyCode:ud.SPACEBAR,action:Dx(WS,t)}],n).each(function(e){n.preventDefault()}))})},XS=function(e){var t,n=cw(e);return(t=e).on("keyup compositionstart",N(Iw,t)),Qx(e,n),Zx(e,n),FS(e),KS(e),jS(e),US(e),n},YS=(GS.prototype.nodeChanged=function(e){var t,n,r,o=this.editor.selection;this.editor.initialized&&o&&!this.editor.getParam("disable_nodechange")&&!this.editor.mode.isReadOnly()&&(r=this.editor.getBody(),(t=o.getStart(!0)||r).ownerDocument===this.editor.getDoc()&&this.editor.dom.isChildOf(t,r)||(t=r),n=[],this.editor.dom.getParent(t,function(e){return e===r||void n.push(e)}),(e=e||{}).element=t,e.parents=n,this.editor.fire("NodeChange",e))},GS.prototype.isSameElementPath=function(e){var t,n=this.editor.$(e).parentsUntil(this.editor.getBody()).add(e);if(n.length===this.lastPath.length){for(t=n.length;0<=t&&n[t]===this.lastPath[t];t--);if(-1===t)return this.lastPath=n,!0}return this.lastPath=n,!1},GS);function GS(r){var o;this.lastPath=[],this.editor=r;var t=this;"onselectionchange"in r.getDoc()||r.on("NodeChange click mouseup keyup focus",function(e){var t=r.selection.getRng(),n={startContainer:t.startContainer,startOffset:t.startOffset,endContainer:t.endContainer,endOffset:t.endOffset};"nodechange"!==e.type&&dd(n,o)||r.fire("SelectionChange"),o=n}),r.on("contextmenu",function(){r.fire("SelectionChange")}),r.on("SelectionChange",function(){var e=r.selection.getStart(!0);!e||!wt.range&&r.selection.isCollapsed()||Vf(r)&&!t.isSameElementPath(e)&&r.dom.isChildOf(e,r.getBody())&&r.nodeChanged({selectionChange:!0})}),r.on("mouseup",function(e){!e.isDefaultPrevented()&&Vf(r)&&("IMG"===r.selection.getNode().nodeName?qr.setEditorTimeout(r,function(){r.nodeChanged()}):r.nodeChanged())})}var JS=function(e){var t,n;(t=e).on("click",function(e){t.dom.getParent(e.target,"details")&&e.preventDefault()}),(n=e).parser.addNodeFilter("details",function(e){W(e,function(e){e.attr("data-mce-open",e.attr("open")),e.attr("open","open")})}),n.serializer.addNodeFilter("details",function(e){W(e,function(e){var t=e.attr("data-mce-open");e.attr("open",q(t)?t:null),e.attr("data-mce-open",null)})})},QS=function(e){return An(e)&&ro(At.fromDom(e))},ZS=function(a){a.on("click",function(e){var t,n,r,o,i;3<=e.detail&&(r=(t=a).selection.getRng(),o=Hs.fromRangeStart(r),i=Hs.fromRangeEnd(r),Hs.isElementPosition(o)&&(n=o.container(),QS(n)&&Fl(n).each(function(e){return r.setStart(e.container(),e.offset())})),Hs.isElementPosition(i)&&(n=o.container(),QS(n)&&Ul(n).each(function(e){return r.setEnd(e.container(),e.offset())})),t.selection.setRng(Yg(r)))})},eN=function(e){var t=e.getBoundingClientRect(),n=e.ownerDocument,r=n.documentElement,o=n.defaultView;return{top:t.top+o.pageYOffset-r.clientTop,left:t.left+o.pageXOffset-r.clientLeft}},tN=function(e,t){return n=(u=e).inline?eN(u.getBody()):{left:0,top:0},a=(i=e).getBody(),r=i.inline?{left:a.scrollLeft,top:a.scrollTop}:{left:0,top:0},{pageX:(o=function(e,t){if(t.target.ownerDocument===e.getDoc())return{left:t.pageX,top:t.pageY};var n,r,o,i,a,u=eN(e.getContentAreaContainer()),s=(r=(n=e).getBody(),o=n.getDoc().documentElement,i={left:r.scrollLeft,top:r.scrollTop},a={left:r.scrollLeft||o.scrollLeft,top:r.scrollTop||o.scrollTop},n.inline?i:a);return{left:t.pageX-u.left+s.left,top:t.pageY-u.top+s.top}}(e,t)).left-n.left+r.left,pageY:o.top-n.top+r.top};var n,r,o,i,a,u},nN=Vn,rN=Hn,oN=function(e){e&&e.parentNode&&e.parentNode.removeChild(e)},iN=function(u,s){return function(e){var t,n,r,o,i,a;0===e.button&&(t=Y(s.dom.getParents(e.target),function(){for(var n=[],e=0;e<arguments.length;e++)n[e]=arguments[e];return function(e){for(var t=0;t<n.length;t++)if(n[t](e))return!0;return!1}}(nN,rN)).getOr(null),i=s.getBody(),nN(a=t)&&a!==i&&(n=s.dom.getPos(t),r=s.getBody(),o=s.getDoc().documentElement,u.set({element:t,dragging:!1,screenX:e.screenX,screenY:e.screenY,maxX:(s.inline?r.scrollWidth:o.offsetWidth)-2,maxY:(s.inline?r.scrollHeight:o.offsetHeight)-2,relX:e.pageX-n.x,relY:e.pageY-n.y,width:t.offsetWidth,height:t.offsetHeight,ghost:function(e,t,n,r){var o=e.dom,i=t.cloneNode(!0);o.setStyles(i,{width:n,height:r}),o.setAttrib(i,"data-mce-selected",null);var a=o.create("div",{"class":"mce-drag-container","data-mce-bogus":"all",unselectable:"on",contenteditable:"false"});return o.setStyles(a,{position:"absolute",opacity:.5,overflow:"hidden",border:0,padding:0,margin:0,width:n,height:r}),o.setStyles(i,{margin:0,boxSizing:"border-box"}),a.appendChild(i),a}(s,t,t.offsetWidth,t.offsetHeight)})))}},aN=function(e,h){var v=qr.throttle(function(e,t){h._selectionOverrides.hideFakeCaret(),h.selection.placeCaretAt(e,t)},0);return h.on("remove",v.stop),function(g){return e.on(function(e){var t,n,r,o,i,a,u,s,c,l,f,d,m,p=Math.max(Math.abs(g.screenX-e.screenX),Math.abs(g.screenY-e.screenY));if(!e.dragging&&10<p){if(h.fire("dragstart",{target:e.element}).isDefaultPrevented())return;e.dragging=!0,h.focus()}e.dragging&&(d=e,t={pageX:(m=tN(h,g)).pageX-d.relX,pageY:m.pageY+5},l=e.ghost,f=h.getBody(),l.parentNode!==f&&f.appendChild(l),n=e.ghost,r=t,o=e.width,i=e.height,a=e.maxX,u=e.maxY,c=s=0,n.style.left=r.pageX+"px",n.style.top=r.pageY+"px",r.pageX+o>a&&(s=r.pageX+o-a),r.pageY+i>u&&(c=r.pageY+i-u),n.style.width=o-s+"px",n.style.height=i-c+"px",v(g.clientX,g.clientY))})}},uN=function(e,l){return function(c){e.on(function(e){var t,n,r,o,i,a,u,s;e.dragging&&(u=(o=l).selection,s=u.getSel().getRangeAt(0).startContainer,i=3===s.nodeType?s.parentNode:s,a=e.element,i===a||o.dom.isChildOf(i,a)||nN(i)||(n=e.element,(r=n.cloneNode(!0)).removeAttribute("data-mce-selected"),t=r,l.fire("drop",{clientX:c.clientX,clientY:c.clientY}).isDefaultPrevented()||l.undoManager.transact(function(){oN(e.element),l.insertContent(l.dom.getOuterHTML(t)),l._selectionOverrides.hideFakeCaret()})))}),sN(e)}},sN=function(e){e.on(function(e){oN(e.ghost)}),e.clear()},cN=function(e){var t,n,r,o=(t=Ou(U.none()),{clear:function(){return t.set(U.none())},set:function(e){return t.set(U.some(e))},isSet:function(){return t.get().isSome()},on:function(e){return t.get().each(e)}}),i=Eu.DOM,a=document,u=iN(o,e),s=aN(o,e),c=uN(o,e),l=(n=o,function(){n.on(function(e){e.dragging&&r.fire("dragend")}),sN(n)});(r=e).on("mousedown",u),e.on("mousemove",s),e.on("mouseup",c),i.bind(a,"mousemove",s),i.bind(a,"mouseup",l),e.on("remove",function(){i.unbind(a,"mousemove",s),i.unbind(a,"mouseup",l)})},lN=function(e){var n,i,a,u,t;cN(e),(n=e).on("drop",function(e){var t="undefined"!=typeof e.clientX?n.getDoc().elementFromPoint(e.clientX,e.clientY):null;!nN(t)&&"false"!==n.dom.getContentEditableParent(t)||e.preventDefault()}),e.getParam("block_unsupported_drop",!0,"boolean")&&(a=function(e){var t;e.defaultPrevented||(t=e.dataTransfer)&&(M(t.types,"Files")||0<t.files.length)&&(e.preventDefault(),"drop"===e.type&&cb(i,"Dropped file type is not supported"))},u=function(e){vm(i,e.target)&&a(e)},t=function(){var t=Eu.DOM,n=i.dom,r=document,o=i.inline?i.getBody():i.getDoc(),e=["drop","dragover"];W(e,function(e){t.bind(r,e,u),n.bind(o,e,a)}),i.on("remove",function(){W(e,function(e){t.unbind(r,e,u),n.unbind(o,e,a)})})},(i=e).on("init",function(){qr.setEditorTimeout(i,t,0)}))},fN=Hn,dN=Vn,mN=function(e,t){return id(e.getBody(),t)},pN=function(u){var s,c=u.selection,l=u.dom,f=l.isBlock,d=u.getBody(),m=qc(u,d,f,function(){return Em(u)}),p="sel-"+l.uniqueId(),i="data-mce-selected",g=function(e){return e!==d&&(dN(e)||$n(e))&&l.isChildOf(e,d)},h=function(e){e&&c.setRng(e)},r=c.getRng,v=function(e,t,n,r){return void 0===r&&(r=!0),u.fire("ShowCaret",{target:t,direction:e,before:n}).isDefaultPrevented()?null:(r&&c.scrollIntoView(t,-1===e),m.show(n,t))},t=function(e){return bo(e)||No(e)||Eo(e)},y=function(e){return t(e.startContainer)||t(e.endContainer)},b=function(e){var t=u.schema.getShortEndedElements(),n=l.createRng(),r=e.startContainer,o=e.startOffset,i=e.endContainer,a=e.endOffset;return he(t,r.nodeName.toLowerCase())?0===o?n.setStartBefore(r):n.setStartAfter(r):n.setStart(r,o),he(t,i.nodeName.toLowerCase())?0===a?n.setEndBefore(i):n.setEndAfter(i):n.setEnd(i,a),n},C=function(e){var t=e.cloneNode(!0),n=u.fire("ObjectSelected",{target:e,targetClone:t});if(n.isDefaultPrevented())return null;var r=function(e,t,n){var r=u.$,o=Dr(At.fromDom(u.getBody()),"#"+p).fold(function(){return r([])},function(e){return r([e.dom])});0===o.length&&(o=r('<div data-mce-bogus="all" class="mce-offscreen-selection"></div>').attr("id",p)).appendTo(u.getBody());var i=l.createRng();t===n&&wt.ie?(o.empty().append('<p style="font-size: 0" data-mce-bogus="all">\xa0</p>').append(t),i.setStartAfter(o[0].firstChild.firstChild),i.setEndAfter(t)):(o.empty().append(lo).append(t).append(lo),i.setStart(o[0].firstChild,1),i.setEnd(o[0].lastChild,0)),o.css({top:l.getPos(e,u.getBody()).y}),o[0].focus();var a=c.getSel();return a.removeAllRanges(),a.addRange(i),i}(e,n.targetClone,t),o=At.fromDom(e);return W(Gu(At.fromDom(u.getBody()),"*[data-mce-selected]"),function(e){Ot(o,e)||Qn(e,i)}),l.getAttrib(e,i)||e.setAttribute(i,"1"),s=e,S(),r},w=function(e,t){if(!e)return null;if(e.collapsed){if(!y(e)){var n=t?1:-1,r=dl(n,d,e),o=r.getNode(!t);if(Kc(o))return v(n,o,!!t&&!r.isAtEnd(),!1);var i=r.getNode(t);if(Kc(i))return v(n,i,!t&&!r.isAtEnd(),!1)}return null}var a=e.startContainer,u=e.startOffset,s=e.endOffset;if(3===a.nodeType&&0===u&&dN(a.parentNode)&&(a=a.parentNode,u=l.nodeIndex(a),a=a.parentNode),1!==a.nodeType)return null;if(s===u+1&&a===e.endContainer){var c=a.childNodes[u];if(g(c))return C(c)}return null},x=function(){s&&s.removeAttribute(i),Dr(At.fromDom(u.getBody()),"#"+p).each(pn),s=null},S=function(){m.hide()};return wt.ceFalse&&function(){u.on("mouseup",function(e){var t=r();t.collapsed&&nb(u,e.clientX,e.clientY)&&lC(u,t,!1).each(h)}),u.on("click",function(e){var t=mN(u,e.target);t&&(dN(t)&&(e.preventDefault(),u.focus()),fN(t)&&l.isChildOf(t,c.getNode())&&x())}),u.on("blur NewBlock",x),u.on("ResizeWindow FullscreenStateChanged",m.reposition);var a=function(e){var t=_l(e);if(!e.firstChild)return!1;var n,r=$s.before(e.firstChild),o=t.next(r);return o&&!(Np(n=o)||Ep(n)||Cp(n)||wp(n))},i=function(e,t){var n,r,o=l.getParent(e,f),i=l.getParent(t,f);return!(!o||e===i||!l.isChildOf(o,i)||!1!==dN(mN(u,o)))||o&&(n=o,r=i,!(l.getParent(n,f)===l.getParent(r,f)))&&a(o)};u.on("tap",function(e){var t=e.target,n=mN(u,t);dN(n)?(e.preventDefault(),cC(u,n).each(w)):g(t)&&cC(u,t).each(w)},!0),u.on("mousedown",function(e){var t,n,r,o=e.target;o!==d&&"HTML"!==o.nodeName&&!l.isChildOf(o,d)||!1===nb(u,e.clientX,e.clientY)||((t=mN(u,o))?dN(t)?(e.preventDefault(),cC(u,t).each(w)):(x(),fN(t)&&e.shiftKey||ad(e.clientX,e.clientY,c.getRng())||(S(),c.placeCaretAt(e.clientX,e.clientY))):g(o)?cC(u,o).each(w):!1===Kc(o)&&(x(),S(),(n=cx(d,e.clientX,e.clientY))&&(i(o,n.node)||(e.preventDefault(),r=v(1,n.node,n.before,!1),u.getBody().focus(),h(r)))))}),u.on("keypress",function(e){ud.modifierPressed(e)||dN(c.getNode())&&e.preventDefault()}),u.on("GetSelectionRange",function(e){var t=e.range;if(s){if(!s.parentNode)return void(s=null);(t=t.cloneRange()).selectNode(s),e.range=t}}),u.on("SetSelectionRange",function(e){e.range=b(e.range);var t=w(e.range,e.forward);t&&(e.range=t)});var n,e,o;u.on("AfterSetSelectionRange",function(e){var t,n=e.range,r=n.startContainer.parentNode;y(n)||"mcepastebin"===r.id||S(),t=r,l.hasClass(t,"mce-offscreen-selection")||x()}),u.on("copy",function(e){var t,n,r=e.clipboardData;e.isDefaultPrevented()||!e.clipboardData||wt.ie||(t=(n=l.get(p))?n.getElementsByTagName("*")[0]:n)&&(e.preventDefault(),r.clearData(),r.setData("text/html",t.outerHTML),r.setData("text/plain",t.outerText||t.innerText))}),lN(u),e=zu(function(){var e,t;n.removed||!n.getBody().contains(document.activeElement)||(e=n.selection.getRng()).collapsed&&(t=fC(n,e,!1),n.selection.setRng(t))},0),(n=u).on("focus",function(){e.throttle()}),n.on("blur",function(){e.cancel()}),(o=u).on("init",function(){o.on("focusin",function(e){var t,n,r=e.target;$n(r)&&(t=id(o.getBody(),r),n=Vn(t)?t:r,o.selection.getNode()!==n&&cC(o,n).each(function(e){return o.selection.setRng(e)}))})})}(),{showCaret:v,showBlockCaretContainer:function(e){e.hasAttribute("data-mce-caret")&&(ko(e),h(r()),c.scrollIntoView(e))},hideFakeCaret:S,destroy:function(){m.destroy(),s=null}}},gN=function(u){var s,n,r,o=kt.each,c=ud.BACKSPACE,l=ud.DELETE,f=u.dom,d=u.selection,e=u.parser,t=wt.gecko,i=wt.ie,a=wt.webkit,m="data:text/mce-internal,",p=i?"Text":"URL",g=function(e,t){try{u.getDoc().execCommand(e,!1,t)}catch(n){}},h=function(e){return e.isDefaultPrevented()},v=function(){u.shortcuts.add("meta+a",null,"SelectAll")},y=function(){u.on("keydown",function(e){if(!h(e)&&e.keyCode===c&&d.isCollapsed()&&0===d.getRng().startOffset){var t=d.getNode().previousSibling;if(t&&t.nodeName&&"table"===t.nodeName.toLowerCase())return e.preventDefault(),!1}})},b=function(){u.inline||(u.contentStyles.push("body {min-height: 150px}"),u.on("click",function(e){var t;if("HTML"===e.target.nodeName){if(11<wt.ie)return void u.getBody().focus();t=u.selection.getRng(),u.getBody().focus(),u.selection.setRng(t),u.selection.normalize(),u.nodeChanged()}}))};return u.on("keydown",function(e){var t;if(!h(e)&&e.keyCode===ud.BACKSPACE){var n=(t=d.getRng()).startContainer,r=t.startOffset,o=f.getRoot(),i=n;if(t.collapsed&&0===r){for(;i&&i.parentNode&&i.parentNode.firstChild===i&&i.parentNode!==o;)i=i.parentNode;"BLOCKQUOTE"===i.tagName&&(u.formatter.toggle("blockquote",null,i),(t=f.createRng()).setStart(n,0),t.setEnd(n,0),d.setRng(t))}}}),s=function(e){var t=f.create("body"),n=e.cloneContents();return t.appendChild(n),d.serializer.serialize(t,{format:"html"})},u.on("keydown",function(e){var t,n,r,o,i,a=e.keyCode;if(!h(e)&&(a===l||a===c)){if(t=u.selection.isCollapsed(),n=u.getBody(),t&&!f.isEmpty(n))return;if(!t&&(r=u.selection.getRng(),o=s(r),(i=f.createRng()).selectNode(u.getBody()),o!==s(i)))return;e.preventDefault(),u.setContent(""),n.firstChild&&f.isBlock(n.firstChild)?u.selection.setCursorLocation(n.firstChild,0):u.selection.setCursorLocation(n,0),u.nodeChanged()}}),wt.windowsPhone||u.on("keyup focusin mouseup",function(e){ud.modifierPressed(e)||d.normalize()},!0),a&&(u.inline||f.bind(u.getDoc(),"mousedown mouseup",function(e){var t;if(e.target===u.getDoc().documentElement)if(t=d.getRng(),u.getBody().focus(),"mousedown"===e.type){if(bo(t.startContainer))return;d.placeCaretAt(e.clientX,e.clientY)}else d.setRng(t)}),u.on("click",function(e){var t=e.target;/^(IMG|HR)$/.test(t.nodeName)&&"false"!==f.getContentEditableParent(t)&&(e.preventDefault(),u.selection.select(t),u.nodeChanged()),"A"===t.nodeName&&f.hasClass(t,"mce-item-anchor")&&(e.preventDefault(),d.select(t))}),vc(u)&&u.on("init",function(){g("DefaultParagraphSeparator",vc(u))}),u.on("init",function(){u.dom.bind(u.getBody(),"submit",function(e){e.preventDefault()})}),y(),e.addNodeFilter("br",function(e){for(var t=e.length;t--;)"Apple-interchange-newline"===e[t].attr("class")&&e[t].remove()}),wt.iOS?(u.inline||u.on("keydown",function(){document.activeElement===document.body&&u.getWin().focus()}),b(),u.on("click",function(e){var t=e.target;do{if("A"===t.tagName)return void e.preventDefault()}while(t=t.parentNode)}),u.contentStyles.push(".mce-content-body {-webkit-touch-callout: none}")):v()),11<=wt.ie&&(b(),y()),wt.ie&&(v(),g("AutoUrlDetect",!1),u.on("dragstart",function(e){var t,n,r;(t=e).dataTransfer&&(u.selection.isCollapsed()&&"IMG"===t.target.tagName&&d.select(t.target),0<(n=u.selection.getContent()).length&&(r=m+escape(u.id)+","+escape(n),t.dataTransfer.setData(p,r)))}),u.on("drop",function(e){var t,n,r,o,i,a;h(e)||(t=(i=e).dataTransfer&&(a=i.dataTransfer.getData(p))&&0<=a.indexOf(m)?(a=a.substr(m.length).split(","),{id:unescape(a[0]),html:unescape(a[1])}):null)&&t.id!==u.id&&(e.preventDefault(),n=fd(e.x,e.y,u.getDoc()),d.setRng(n),r=t.html,o=!0,u.queryCommandSupported("mceInsertClipboardContent")?u.execCommand("mceInsertClipboardContent",!1,{content:r,internal:o}):u.execCommand("mceInsertContent",!1,r))})),t&&(u.on("keydown",function(e){if(!h(e)&&e.keyCode===c){if(!u.getBody().getElementsByTagName("hr").length)return;if(d.isCollapsed()&&0===d.getRng().startOffset){var t=d.getNode(),n=t.previousSibling;if("HR"===t.nodeName)return f.remove(t),void e.preventDefault();n&&n.nodeName&&"hr"===n.nodeName.toLowerCase()&&(f.remove(n),e.preventDefault())}}}),Range.prototype.getClientRects||u.on("mousedown",function(e){var t;h(e)||"HTML"!==e.target.nodeName||((t=u.getBody()).blur(),qr.setEditorTimeout(u,function(){t.focus()}))}),n=function(){var e=f.getAttribs(d.getStart().cloneNode(!1));return function(){var t=d.getStart();t!==u.getBody()&&(f.setAttrib(t,"style",null),o(e,function(e){t.setAttributeNode(e.cloneNode(!0))}))}},r=function(){return!d.isCollapsed()&&f.getParent(d.getStart(),f.isBlock)!==f.getParent(d.getEnd(),f.isBlock)},u.on("keypress",function(e){var t;if(!h(e)&&(8===e.keyCode||46===e.keyCode)&&r())return t=n(),u.getDoc().execCommand("delete",!1,null),t(),e.preventDefault(),!1}),f.bind(u.getDoc(),"cut",function(e){var t;!h(e)&&r()&&(t=n(),qr.setEditorTimeout(u,function(){t()}))}),u.getParam("readonly")||u.on("BeforeExecCommand mousedown",function(){g("StyleWithCSS",!1),g("enableInlineTableEditing",!1),Nc(u)||g("enableObjectResizing",!1)}),u.on("SetContent ExecCommand",function(e){"setcontent"!==e.type&&"mceInsertLink"!==e.command||o(f.select("a"),function(e){var t=e.parentNode,n=f.getRoot();if(t.lastChild===e){for(;t&&!f.isBlock(t);){if(t.parentNode.lastChild!==t||t===n)return;t=t.parentNode}f.add(t,"br",{"data-mce-bogus":1})}})}),u.contentStyles.push("img:-moz-broken {-moz-force-broken-image-icon:1;min-width:24px;min-height:24px}"),wt.mac&&u.on("keydown",function(e){!ud.metaKeyPressed(e)||e.shiftKey||37!==e.keyCode&&39!==e.keyCode||(e.preventDefault(),u.selection.getSel().modify("move",37===e.keyCode?"backward":"forward","lineboundary"))}),y()),{refreshContentEditable:function(){},isHidden:function(){if(!t||u.removed)return!1;var e=u.selection.getSel();return!e||!e.rangeCount||0===e.rangeCount}}},hN=Eu.DOM,vN=function(e){return me(e,function(e){return!1===R(e)})},yN=function(e){var t,n=e.settings,r=e.editorUpload.blobCache;return vN({allow_conditional_comments:n.allow_conditional_comments,allow_html_data_urls:n.allow_html_data_urls,allow_svg_data_urls:n.allow_svg_data_urls,allow_html_in_named_anchor:n.allow_html_in_named_anchor,allow_script_urls:n.allow_script_urls,allow_unsafe_link_target:n.allow_unsafe_link_target,convert_fonts_to_spans:n.convert_fonts_to_spans,fix_list_elements:n.fix_list_elements,font_size_legacy_values:n.font_size_legacy_values,forced_root_block:n.forced_root_block,forced_root_block_attrs:n.forced_root_block_attrs,padd_empty_with_br:n.padd_empty_with_br,preserve_cdata:n.preserve_cdata,remove_trailing_brs:n.remove_trailing_brs,inline_styles:n.inline_styles,root_name:(t=e).inline?t.getElement().nodeName.toLowerCase():undefined,validate:!0,blob_cache:r,images_dataimg_filter:n.images_dataimg_filter})},bN=function(u){var e=u.dom.getRoot();u.inline||Vf(u)&&u.selection.getStart(!0)!==e||Fl(e).each(function(e){var t,n,r,o,i=e.getNode(),a=Bn(i)?Fl(i).getOr(e):e;wt.browser.isIE()?(t=u,n=a.toRange(),r=At.fromDom(t.getBody()),o=(um(t)?U.from(n):U.none()).map(sm).filter(am(r)),t.bookmark=o.isSome()?o:t.bookmark):u.selection.setRng(a.toRange())})},CN=function(e){var t;e.bindPendingEventDelegates(),e.initialized=!0,e.fire("Init"),e.focus(!0),bN(e),e.nodeChanged({initial:!0}),e.execCallback("init_instance_callback",e),(t=e).settings.auto_focus&&qr.setEditorTimeout(t,function(){var e=!0===t.settings.auto_focus?t:t.editorManager.get(t.settings.auto_focus);e.destroyed||e.focus()},100)},wN=function(t,e){var n=t.settings,r=t.getDoc(),o=t.getBody();n.browser_spellcheck||n.gecko_spellcheck||(r.body.spellcheck=!1,hN.setAttrib(o,"spellcheck","false")),t.quirks=gN(t),t.fire("PostRender");var i,a,u,s,c,l,f,d,m,p,g,h=t.getParam("directionality",Iu.isRtl()?"rtl":undefined);h!==undefined&&(o.dir=h),n.protect&&t.on("BeforeSetContent",function(t){kt.each(n.protect,function(e){t.content=t.content.replace(e,function(e){return"\x3c!--mce:protected "+escape(e)+"--\x3e"})})}),t.on("SetContent",function(){t.addVisual(t.getBody())}),!1===e&&t.load({initial:!0,format:"html"}),t.startContent=t.getContent({format:"raw"}),t.on("compositionstart compositionend",function(e){t.composing="compositionstart"===e.type}),0<t.contentStyles.length&&(i="",kt.each(t.contentStyles,function(e){i+=e+"\r\n"}),t.dom.addStyle(i)),u=(a=t).contentCSS,c=(s=a).inline?s.ui.styleSheetLoader:s.dom.styleSheetLoader,l=function(){a.on("remove",function(){return c.unloadAll(u)}),CN(a)},c.loadAll(u,l,l),n.content_style&&(f=t,d=n.content_style,m=At.fromDom(f.getBody()),p=on(rn(m)),g=At.fromTag("style"),Xn(g,"type","text/css"),fn(g,At.fromText(d)),fn(p,g),f.on("remove",function(){pn(g)}))},xN=function(t,e){var n=t.settings,r=t.getElement(),o=t.getDoc();n.inline||(t.getElement().style.visibility=t.orgVisibility),e||t.inline||(o.open(),o.write(t.iframeHTML),o.close()),t.inline&&(hN.addClass(r,"mce-content-body"),t.contentDocument=o=document,t.contentWindow=window,t.bodyElement=r,t.contentAreaContainer=r);var u,i,a,s,c=t.getBody();c.disabled=!0,t.readonly=!!n.readonly,t.readonly||(t.inline&&"static"===hN.getStyle(c,"position",!0)&&(c.style.position="relative"),c.contentEditable=t.getParam("content_editable_state",!0)),c.disabled=!1,t.editorUpload=yb(t),t.schema=Ci(n),t.dom=Eu(o,{keep_values:!0,url_converter:t.convertURL,url_converter_scope:t,hex_colors:n.force_hex_style_colors,update_styles:!0,root_element:t.inline?t.getBody():null,collect:function(){return t.inline},schema:t.schema,contentCssCors:t.getParam("content_css_cors",!1,"boolean"),referrerPolicy:wc(t),onSetAttrib:function(e){t.fire("SetAttrib",e)}}),t.parser=((i=by(yN(u=t),u.schema)).addAttributeFilter("src,href,style,tabindex",function(e,t){for(var n,r,o=e.length,i=u.dom,a="data-mce-"+t;o--;)if((r=(n=e[o]).attr(t))&&!n.attr(a)){if(0===r.indexOf("data:")||0===r.indexOf("blob:"))continue;"style"===t?((r=i.serializeStyle(i.parseStyle(r),n.name)).length||(r=null),n.attr(a,r),n.attr(t,r)):"tabindex"===t?(n.attr(a,r),n.attr(t,null)):n.attr(a,u.convertURL(r,t,n.name))}}),i.addNodeFilter("script",function(e){for(var t=e.length;t--;){var n=e[t],r=n.attr("type")||"no/type";0!==r.indexOf("mce-")&&n.attr("type","mce-"+r)}}),u.settings.preserve_cdata&&i.addNodeFilter("#cdata",function(e){for(var t=e.length;t--;){var n=e[t];n.type=8,n.name="#comment",n.value="[CDATA["+u.dom.encode(n.value)+"]]"}}),i.addNodeFilter("p,h1,h2,h3,h4,h5,h6,div",function(e){for(var t=e.length,n=u.schema.getNonEmptyElements();t--;){var r=e[t];r.isEmpty(n)&&0===r.getAll("br").length&&(r.append(new Km("br",1)).shortEnded=!0)}}),i),t.serializer=Ny((s=(a=t).settings,ke(ke({},yN(a)),vN({url_converter:s.url_converter,url_converter_scope:s.url_converter_scope,element_format:s.element_format,entities:s.entities,entity_encoding:s.entity_encoding,indent:s.indent,indent_after:s.indent_after,indent_before:s.indent_before,block_elements:s.block_elements,boolean_attributes:s.boolean_attributes,custom_elements:s.custom_elements,extended_valid_elements:s.extended_valid_elements,invalid_elements:s.invalid_elements,invalid_styles:s.invalid_styles,move_caret_before_on_enter_elements:s.move_caret_before_on_enter_elements,non_empty_elements:s.non_empty_elements,schema:s.schema,self_closing_elements:s.self_closing_elements,short_ended_elements:s.short_ended_elements,special:s.special,text_block_elements:s.text_block_elements,text_inline_elements:s.text_inline_elements,valid_children:s.valid_children,valid_classes:s.valid_classes,valid_elements:s.valid_elements,valid_styles:s.valid_styles,verify_html:s.verify_html,whitespace_elements:s.whitespace_elements}))),t),t.selection=Qv(t.dom,t.getWin(),t.serializer,t),t.annotator=td(t),t.formatter=_b(t),t.undoManager=Rb(t),t._nodeChangeDispatcher=new YS(t),t._selectionOverrides=pN(t),Ow(t),JS(t),Hv(t)||ZS(t);var l,f,d,m,p=Hv(l=t)?Ou(null):XS(l);Tw(t,p),vc(f=t)&&f.on("NodeChange",N(Pw,f)),Pb(t),t.fire("PreInit"),ge((m=d=t).plugins,"rtc").fold(function(){return m.rtcInstance=zv(d),U.none()},function(e){return U.some(e.setup().then(function(e){return m.rtcInstance=jv(d,e),e.isRemote}))}).fold(function(){wN(t,!1)},function(e){t.setProgressState(!0),e.then(function(e){t.setProgressState(!1),wN(t,e)})})},SN=Eu.DOM,NN=function(e){var t=e.getParam("doctype","<!DOCTYPE html>")+"<html><head>";e.getParam("document_base_url","")!==e.documentBaseUrl&&(t+='<base href="'+e.documentBaseURI.getURI()+'" />'),t+='<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />';var n=gc(e,"body_id","tinymce"),r=gc(e,"body_class","");return hc(e)&&(t+='<meta http-equiv="Content-Security-Policy" content="'+hc(e)+'" />'),t+='</head><body id="'+n+'" class="mce-content-body '+r+'" data-id="'+e.id+'"><br></body></html>'},EN=function(e,t){var n,r,o,i,a=e.editorManager.translate("Rich Text Area. Press ALT-0 for help."),u=(n=e.id,r=a,t.height,o=e.getParam("iframe_attrs",{}),i=At.fromTag("iframe"),Yn(i,o),Yn(i,{id:n+"_ifr",frameBorder:"0",allowTransparency:"true",title:r}),Wu(i,"tox-edit-area__iframe"),i.dom);u.onload=function(){u.onload=null,e.fire("load")};var s=function(e,t){if(document.domain!==window.location.hostname&&wt.browser.isIE()){var n=vb("mce");e[n]=function(){xN(e)};var r='javascript:(function(){document.open();document.domain="'+document.domain+'";var ed = window.parent.tinymce.get("'+e.id+'");document.write(ed.iframeHTML);document.close();ed.'+n+"(true);})()";return SN.setAttrib(t,"src",r),!0}return!1}(e,u);return e.contentAreaContainer=t.iframeContainer,e.iframeElement=u,e.iframeHTML=NN(e),SN.add(t.iframeContainer,u),s},kN=Eu.DOM,_N=function(t,n,e){var r=ib.get(e),o=ib.urls[e]||t.documentBaseUrl.replace(/\/$/,"");if(e=kt.trim(e),r&&-1===kt.inArray(n,e)){if(kt.each(ib.dependencies(e),function(e){_N(t,n,e)}),t.plugins[e])return;try{var i=new r(t,o,t.$);(t.plugins[e]=i).init&&(i.init(t,o),n.push(e))}catch(Ok){!function(e,t,n){var r=Iu.translate(["Failed to initialize plugin: {0}",t]);mb(r,n),cb(e,r)}(t,e,Ok)}}},AN=function(e){return e.replace(/^\-/,"")},RN=function(e){return{editorContainer:e,iframeContainer:e,api:{}}},TN=function(e){var t,n,r=e.getElement();return e.inline?RN(null):(t=r,n=kN.create("div"),kN.insertAfter(n,t),RN(n))},DN=function(e){var t,n,r,o=e.getElement();return e.orgDisplay=o.style.display,q(kc(e))?e.theme.renderUI():T(kc(e))?(n=(t=e).getElement(),(r=kc(t)(t,n)).editorContainer.nodeType&&(r.editorContainer.id=r.editorContainer.id||t.id+"_parent"),r.iframeContainer&&r.iframeContainer.nodeType&&(r.iframeContainer.id=r.iframeContainer.id||t.id+"_iframecontainer"),r.height=r.iframeHeight?r.iframeHeight:n.offsetHeight,r):TN(e)},ON=function(e){var n,t,r,o,i,a,u,s,c;e.fire("ScriptsLoaded"),n=e,t=kt.trim(Cc(n)),r=n.ui.registry.getAll().icons,o=ke(ke({},Yy.get("default").icons),Yy.get(t).icons),ue(o,function(e,t){he(r,t)||n.ui.registry.addIcon(t,e)}),u=kc(i=e),q(u)?(i.settings.theme=AN(u),a=ab.get(u),i.theme=new a(i,ab.urls[u]),i.theme.init&&i.theme.init(i,ab.urls[u]||i.documentBaseUrl.replace(/\/$/,""),i.$)):i.theme={},s=e,c=[],kt.each(Ac(s).split(/[ ,]/),function(e){_N(s,c,AN(e))});var l,f,d,m=DN(e);l=e,f=U.from(m.api).getOr({}),d={show:U.from(f.show).getOr(V),hide:U.from(f.hide).getOr(V),disable:U.from(f.disable).getOr(V),isDisabled:U.from(f.isDisabled).getOr(C),enable:function(){l.mode.isReadOnly()||U.from(f.enable).map(b)}},l.ui=ke(ke({},l.ui),d);var p,g,h,v,y={editorContainer:m.editorContainer,iframeContainer:m.iframeContainer};return e.editorContainer=y.editorContainer?y.editorContainer:null,(p=e).contentCSS=p.contentCSS.concat(pb(p)),e.inline?xN(e):(v=EN(g=e,h=y),h.editorContainer&&(SN.get(h.editorContainer).style.display=g.orgDisplay,g.hidden=SN.isHidden(h.editorContainer)),g.getElement().style.display="none",SN.setAttrib(g.id,"aria-hidden","true"),void(v||xN(g)))},BN=Eu.DOM,PN=function(e){return"-"===e.charAt(0)},LN=function(e,t){var n,r=xc(t),o=t.getParam("language_url","","string");!1===Iu.hasCode(r)&&"en"!==r&&(n=""!==o?o:t.editorManager.baseURL+"/langs/"+r+".js",e.add(n,V,undefined,function(){lb(t,"LanguageLoadError",fb("language",n,r))}))},IN=function(t,e,n){return U.from(e).filter(function(e){return 0<e.length&&!Yy.has(e)}).map(function(e){return{url:t.editorManager.baseURL+"/icons/"+e+"/icons"+n+".js",name:U.some(e)}})},MN=function(e,o,t){var n,r=IN(o,"default",t),i=(n=o,U.from(n.getParam("icons_url","","string")).filter(function(e){return 0<e.length}).map(function(e){return{url:e,name:U.none()}}).orThunk(function(){return IN(o,Cc(o),"")}));W(function(e){for(var t=[],n=function(e){t.push(e)},r=0;r<e.length;r++)e[r].each(n);return t}([r,i]),function(r){e.add(r.url,V,undefined,function(){var e,t,n;e=o,t=r.url,n=r.name.getOrUndefined(),lb(e,"IconsLoadError",fb("icons",t,n))})})},FN=function(e,t){var n,r,o,i,a,u,s=Ru.ScriptLoader;n=s,o=t,i=function(){var r,o;LN(s,e),MN(s,e,t),r=e,o=t,kt.each(r.getParam("external_plugins"),function(e,t){ib.load(t,e,V,undefined,function(){db(r,e,t)}),r.settings.plugins+=" "+t}),kt.each(Ac(r).split(/[ ,]/),function(e){var t,n;(e=kt.trim(e))&&!ib.urls[e]&&(PN(e)?(e=e.substr(1,e.length),t=ib.dependencies(e),kt.each(t,function(e){var t={prefix:"plugins/",resource:e,suffix:"/plugin"+o+".js"},n=ib.createUrl(t,e);ib.load(n.resource,n,V,undefined,function(){db(r,n.prefix+n.resource+n.suffix,n.resource)})})):(n={prefix:"plugins/",resource:e,suffix:"/plugin"+o+".js"},ib.load(e,n,V,undefined,function(){db(r,n.prefix+n.resource+n.suffix,e)})))}),s.loadQueue(function(){e.removed||ON(e)},e,function(){e.removed||ON(e)})},u=kc(r=e),q(u)?(PN(u)||ab.urls.hasOwnProperty(u)||((a=r.getParam("theme_url"))?ab.load(u,r.documentBaseURI.toAbsolute(a)):ab.load(u,"themes/"+u+"/theme"+o+".js")),n.loadQueue(function(){ab.waitFor(u,i)})):i()},UN=function(t){var e=t.id;Iu.setCode(xc(t));var n,r,o,i,a,u=function(){BN.unbind(window,"ready",u),t.render()};Ti.Event.domLoaded?t.getElement()&&wt.contentEditable&&(n=At.fromDom(t.getElement()),r=X(n.dom.attributes,function(e,t){return e[t.name]=t.value,e},{}),t.on("remove",function(){j(n.dom.attributes,function(e){return Qn(n,e.name),0}),Yn(n,r)}),t.ui.styleSheetLoader=(o=n,i=t,Kr.forElement(o,{contentCssCors:i.getParam("content_css_cors"),referrerPolicy:wc(i)})),t.getParam("inline")?t.inline=!0:(t.orgVisibility=t.getElement().style.visibility,t.getElement().style.visibility="hidden"),(a=t.getElement().form||BN.getParent(e,"form"))&&(t.formElement=a,t.getParam("hidden_input")&&!Ln(t.getElement())&&(BN.insertAfter(BN.create("input",{type:"hidden",name:e}),e),t.hasHiddenInput=!0),t.formEventDelegate=function(e){t.fire(e.type,e)},BN.bind(a,"submit reset",t.formEventDelegate),t.on("reset",function(){t.resetContent()}),!t.getParam("submit_patch")||a.submit.nodeType||a.submit.length||a._mceOldSubmit||(a._mceOldSubmit=a.submit,a.submit=function(){return t.editorManager.triggerSave(),t.setDirty(!1),a._mceOldSubmit(a)})),t.windowManager=ub(t),t.notificationManager=ob(t),"xml"===t.getParam("encoding")&&t.on("GetContent",function(e){e.save&&(e.content=BN.encode(e.content))}),t.getParam("add_form_submit_trigger")&&t.on("submit",function(){t.initialized&&t.save()}),t.getParam("add_unload_trigger")&&(t._beforeUnload=function(){!t.initialized||t.destroyed||t.isHidden()||t.save({format:"raw",no_events:!0,set_dirty:!1})},t.editorManager.on("BeforeUnload",t._beforeUnload)),t.editorManager.add(t),FN(t,t.suffix)):BN.bind(window,"ready",u)},zN=function(e,t){return n=t,qv(e).editor.addVisual(n);var n},jN={"font-size":"size","font-family":"face"},HN=function(n,t,e){return Pm(At.fromDom(e),function(e){return nr(t=e,n).orThunk(function(){return"font"===Lt(t)?ge(jN,n).bind(function(e){return Jn(t,e)}):U.none()});var t},function(e){return Ot(At.fromDom(t),e)})},VN=function(o){return function(r,e){return U.from(e).map(At.fromDom).filter(Ft).bind(function(e){return HN(o,r,e.dom).or((t=o,n=e.dom,U.from(Eu.DOM.getStyle(n,t,!0))));var t,n}).getOr("")}},qN=VN("font-size"),$N=a(function(e){return e.replace(/[\'\"\\]/g,"").replace(/,\s+/g,",")},VN("font-family")),WN=function(e){return Fl(e.getBody()).map(function(e){var t=e.container();return In(t)?t.parentNode:t})},KN=function(e,t){return n=e,U.from(n.selection.getRng()).bind(function(e){var t=n.getBody();return e.startContainer===t&&0===e.startOffset?U.none():U.from(n.selection.getStart(!0))}).orThunk(N(WN,e)).map(At.fromDom).filter(Ft).map(t);var n},XN=function(e,t){if(/^[0-9.]+$/.test(t)){var n=parseInt(t,10);if(1<=n&&n<=7){var r=(a=e,kt.explode(a.getParam("font_size_style_values","xx-small,x-small,small,medium,large,x-large,xx-large"))),o=(i=e,kt.explode(i.getParam("font_size_classes","")));return o?o[n-1]||t:r[n-1]||t}return t}return t;var i,a},YN=function(e,t){var n,r=XN(e,t);e.formatter.toggle("fontname",{value:(n=r.split(/\s*,\s*/),z(n,function(e){return-1===e.indexOf(" ")||Ve(e,'"')||Ve(e,"'")?e:"'"+e+"'"}).join(","))}),e.nodeChanged()},GN=function(e,t){var n,r,o,i,a="string"!=typeof(n=t)?(r=kt.extend({paste:n.paste,data:{paste:n.paste}},n),{content:n.content,details:r}):{content:n,details:{}};o=a.content,i=a.details,Vv(e).editor.insertContent(o,i)},JN=kt.each,QN=kt.map,ZN=kt.inArray,eE=(tE.prototype.execCommand=function(t,n,r,e){var o,i,a=!1,u=this;if(!u.editor.removed){if(/^(mceAddUndoLevel|mceEndUndoLevel|mceBeginUndoLevel|mceRepaint)$/.test(t)||e&&e.skip_focus?(i=u.editor,dm(i).each(function(e){return i.selection.setRng(e)})):u.editor.focus(),(e=u.editor.fire("BeforeExecCommand",{command:t,ui:n,value:r})).isDefaultPrevented())return!1;var s=t.toLowerCase();if(o=u.commands.exec[s])return o(s,n,r),u.editor.fire("ExecCommand",{command:t,ui:n,value:r}),!0;if(JN(this.editor.plugins,function(e){if(e.execCommand&&e.execCommand(t,n,r))return u.editor.fire("ExecCommand",{command:t,ui:n,value:r}),!(a=!0)}),a)return a;if(u.editor.theme&&u.editor.theme.execCommand&&u.editor.theme.execCommand(t,n,r))return u.editor.fire("ExecCommand",{command:t,ui:n,value:r}),!0;try{a=u.editor.getDoc().execCommand(t,n,r)}catch(c){}return!!a&&(u.editor.fire("ExecCommand",{command:t,ui:n,value:r}),!0)}},tE.prototype.queryCommandState=function(e){var t;if(!this.editor.quirks.isHidden()&&!this.editor.removed){if(e=e.toLowerCase(),t=this.commands.state[e])return t(e);try{return this.editor.getDoc().queryCommandState(e)}catch(n){}return!1}},tE.prototype.queryCommandValue=function(e){var t;if(!this.editor.quirks.isHidden()&&!this.editor.removed){if(e=e.toLowerCase(),t=this.commands.value[e])return t(e);try{return this.editor.getDoc().queryCommandValue(e)}catch(n){}}},tE.prototype.addCommands=function(e,n){void 0===n&&(n="exec");var r=this;JN(e,function(t,e){JN(e.toLowerCase().split(","),function(e){r.commands[n][e]=t})})},tE.prototype.addCommand=function(e,o,i){var a=this;e=e.toLowerCase(),this.commands.exec[e]=function(e,t,n,r){return o.call(i||a.editor,t,n,r)}},tE.prototype.queryCommandSupported=function(e){if(e=e.toLowerCase(),this.commands.exec[e])return!0;try{return this.editor.getDoc().queryCommandSupported(e)}catch(t){}return!1},tE.prototype.addQueryStateHandler=function(e,t,n){var r=this;e=e.toLowerCase(),this.commands.state[e]=function(){return t.call(n||r.editor)}},tE.prototype.addQueryValueHandler=function(e,t,n){var r=this;e=e.toLowerCase(),this.commands.value[e]=function(){return t.call(n||r.editor)}},tE.prototype.hasCustomCommand=function(e){return e=e.toLowerCase(),!!this.commands.exec[e]},tE.prototype.execNativeCommand=function(e,t,n){return t===undefined&&(t=!1),n===undefined&&(n=null),this.editor.getDoc().execCommand(e,t,n)},tE.prototype.isFormatMatch=function(e){return this.editor.formatter.match(e)},tE.prototype.toggleFormat=function(e,t){this.editor.formatter.toggle(e,t?{value:t}:undefined),this.editor.nodeChanged()},tE.prototype.storeSelection=function(e){this.selectionBookmark=this.editor.selection.getBookmark(e)},tE.prototype.restoreSelection=function(){this.editor.selection.moveToBookmark(this.selectionBookmark)},tE.prototype.setupCommands=function(i){var a=this;this.addCommands({"mceResetDesignMode,mceBeginUndoLevel":function(){},"mceEndUndoLevel,mceAddUndoLevel":function(){i.undoManager.add()},"Cut,Copy,Paste":function(e){var t,n,r=i.getDoc();try{a.execNativeCommand(e)}catch(o){t=!0}"paste"!==e||r.queryCommandEnabled(e)||(t=!0),!t&&r.queryCommandSupported(e)||(n=i.translate("Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X/C/V keyboard shortcuts instead."),wt.mac&&(n=n.replace(/Ctrl\+/g,"\u2318+")),i.notificationManager.open({text:n,type:"error"}))},unlink:function(){var e;i.selection.isCollapsed()?(e=i.dom.getParent(i.selection.getStart(),"a"))&&i.dom.remove(e,!0):i.formatter.remove("link")},"JustifyLeft,JustifyCenter,JustifyRight,JustifyFull,JustifyNone":function(e){var t=e.substring(7);"full"===t&&(t="justify"),JN("left,center,right,justify".split(","),function(e){t!==e&&i.formatter.remove("align"+e)}),"none"!==t&&a.toggleFormat("align"+t)},"InsertUnorderedList,InsertOrderedList":function(e){var t;a.execNativeCommand(e);var n=i.dom.getParent(i.selection.getNode(),"ol,ul");n&&(t=n.parentNode,/^(H[1-6]|P|ADDRESS|PRE)$/.test(t.nodeName)&&(a.storeSelection(),i.dom.split(t,n),a.restoreSelection()))},"Bold,Italic,Underline,Strikethrough,Superscript,Subscript":function(e){a.toggleFormat(e)},"ForeColor,HiliteColor":function(e,t,n){a.toggleFormat(e,n)},FontName:function(e,t,n){YN(i,n)},FontSize:function(e,t,n){var r,o;o=n,(r=i).formatter.toggle("fontsize",{value:XN(r,o)}),r.nodeChanged()},LineHeight:function(e,t,n){var r,o;o=n,(r=i).undoManager.transact(function(){r.formatter.toggle("lineheight",{value:String(o)}),r.nodeChanged()})},RemoveFormat:function(e){i.formatter.remove(e)},mceBlockQuote:function(){a.toggleFormat("blockquote")},FormatBlock:function(e,t,n){return a.toggleFormat(n||"p")},mceCleanup:function(){var e=i.selection.getBookmark();i.setContent(i.getContent()),i.selection.moveToBookmark(e)},mceRemoveNode:function(e,t,n){var r=n||i.selection.getNode();r!==i.getBody()&&(a.storeSelection(),i.dom.remove(r,!0),a.restoreSelection())},mceSelectNodeDepth:function(e,t,n){var r=0;i.dom.getParent(i.selection.getNode(),function(e){if(1===e.nodeType&&r++===n)return i.selection.select(e),!1},i.getBody())},mceSelectNode:function(e,t,n){i.selection.select(n)},mceInsertContent:function(e,t,n){GN(i,n)},mceInsertRawHTML:function(e,t,n){i.selection.setContent("tiny_mce_marker");var r=i.getContent();i.setContent(r.replace(/tiny_mce_marker/g,function(){return n}))},mceInsertNewLine:function(e,t,n){MS(i,n)},mceToggleFormat:function(e,t,n){a.toggleFormat(n)},mceSetContent:function(e,t,n){i.setContent(n)},"Indent,Outdent":function(e){_w(i,e)},mceRepaint:function(){},InsertHorizontalRule:function(){i.execCommand("mceInsertContent",!1,"<hr />")},mceToggleVisualAid:function(){i.hasVisual=!i.hasVisual,i.addVisual()},mceReplaceContent:function(e,t,n){i.execCommand("mceInsertContent",!1,n.replace(/\{\$selection\}/g,i.selection.getContent({format:"text"})))},mceInsertLink:function(e,t,n){"string"==typeof n&&(n={href:n});var r=i.dom.getParent(i.selection.getNode(),"a");n.href=n.href.replace(/ /g,"%20"),r&&n.href||i.formatter.remove("link"),n.href&&i.formatter.apply("link",n,r)},selectAll:function(){var e,t=i.dom.getParent(i.selection.getStart(),Hn);t&&((e=i.dom.createRng()).selectNodeContents(t),i.selection.setRng(e))},mceNewDocument:function(){i.setContent("")},InsertLineBreak:function(e,t,n){return SS(i,n),!0}});var e=function(r){return function(){var e=i.selection,t=e.isCollapsed()?[i.dom.getParent(e.getNode(),i.dom.isBlock)]:e.getSelectedBlocks(),n=QN(t,function(e){return!!i.formatter.matchNode(e,r)});return-1!==ZN(n,!0)}};a.addCommands({JustifyLeft:e("alignleft"),JustifyCenter:e("aligncenter"),JustifyRight:e("alignright"),JustifyFull:e("alignjustify"),"Bold,Italic,Underline,Strikethrough,Superscript,Subscript":function(e){return a.isFormatMatch(e)},mceBlockQuote:function(){return a.isFormatMatch("blockquote")},Outdent:function(){return Nw(i)},"InsertUnorderedList,InsertOrderedList":function(e){var t=i.dom.getParent(i.selection.getNode(),"ul,ol");return t&&("insertunorderedlist"===e&&"UL"===t.tagName||"insertorderedlist"===e&&"OL"===t.tagName)}},"state"),a.addCommands({Undo:function(){i.undoManager.undo()},Redo:function(){i.undoManager.redo()}}),a.addQueryValueHandler("FontName",function(){return KN(t=i,function(e){return $N(t.getBody(),e.dom)}).getOr("");var t},this),a.addQueryValueHandler("FontSize",function(){return KN(t=i,function(e){return qN(t.getBody(),e.dom)}).getOr("");var t},this),a.addQueryValueHandler("LineHeight",function(){return KN(t=i,function(n){var e=At.fromDom(t.getBody());return Pm(n,function(e){return nr(e,"line-height")},N(Ot,e)).getOrThunk(function(){var e=parseFloat(er(n,"line-height")),t=parseFloat(er(n,"font-size"));return String(e/t)})}).getOr("");var t},this)},tE);function tE(e){this.commands={state:{},exec:{},value:{}},this.editor=e,this.setupCommands(e)}var nE="data-mce-contenteditable",rE=function(e,t,n){var r,o;Xu(e,t)&&!1===n?(o=t,Vu(r=e)?r.dom.classList.remove(o):$u(r,o),Ku(r)):n&&Wu(e,t)},oE=function(e,t,n){try{e.getDoc().execCommand(t,!1,String(n))}catch(r){}},iE=function(e,t){e.dom.contentEditable=t?"true":"false"},aE=function(e,t){var n,r,o,i=At.fromDom(e.getBody());rE(i,"mce-content-readonly",t),t?(e.selection.controlSelection.hideResizeRect(),e._selectionOverrides.hideFakeCaret(),o=e,U.from(o.selection.getNode()).each(function(e){e.removeAttribute("data-mce-selected")}),e.readonly=!0,iE(i,!1),W(Gu(i,'*[contenteditable="true"]'),function(e){Xn(e,nE,"true"),iE(e,!1)})):(e.readonly=!1,iE(i,!0),W(Gu(i,"*["+nE+'="true"]'),function(e){Qn(e,nE),iE(e,!0)}),oE(e,"StyleWithCSS",!1),oE(e,"enableInlineTableEditing",!1),oE(e,"enableObjectResizing",!1),(Em(r=e)||Nm(r))&&e.focus(),(n=e).selection.setRng(n.selection.getRng()),e.nodeChanged())},uE=function(e){return e.readonly},sE=function(t){t.parser.addAttributeFilter("contenteditable",function(e){uE(t)&&W(e,function(e){e.attr(nE,e.attr("contenteditable")),e.attr("contenteditable","false")})}),t.serializer.addAttributeFilter(nE,function(e){uE(t)&&W(e,function(e){e.attr("contenteditable",e.attr(nE))})}),t.serializer.addTempAttr(nE)},cE=function(a,u){var e,t;"click"!==u.type||ud.metaKeyPressed(u)||(e=At.fromDom(u.target),t=a,Or(e,"a",function(e){return Ot(e,At.fromDom(t.getBody()))}).bind(function(e){return Jn(e,"href")}).each(function(e){var t,n,r,o,i;u.preventDefault(),/^#/.test(e)?(t=a.dom.select(e+',[name="'+(Ve(n=e,r="#")?(o=n,i=r.length,o.substring(i)):n)+'"]')).length&&a.selection.scrollIntoView(t[0],!0):window.open(e,"_blank","rel=noopener noreferrer,menubar=yes,toolbar=yes,location=yes,status=yes,resizable=yes,scrollbars=yes")}))},lE=kt.makeMap("focus blur focusin focusout click dblclick mousedown mouseup mousemove mouseover beforepaste paste cut copy selectionchange mouseout mouseenter mouseleave wheel keydown keypress keyup input beforeinput contextmenu dragstart dragend dragover draggesture dragdrop drop drag submit compositionstart compositionend compositionupdate touchstart touchmove touchend touchcancel"," "),fE=(dE.isNative=function(e){return!!lE[e.toLowerCase()]},dE.prototype.fire=function(e,t){var n=e.toLowerCase(),r=t||{};r.type=n,r.target||(r.target=this.scope),r.preventDefault||(r.preventDefault=function(){r.isDefaultPrevented=k},r.stopPropagation=function(){r.isPropagationStopped=k},r.stopImmediatePropagation=function(){r.isImmediatePropagationStopped=k},r.isDefaultPrevented=C,r.isPropagationStopped=C,r.isImmediatePropagationStopped=C),this.settings.beforeFire&&this.settings.beforeFire(r);var o=this.bindings[n];if(o)for(var i=0,a=o.length;i<a;i++){var u=o[i];if(u.once&&this.off(n,u.func),r.isImmediatePropagationStopped())return r.stopPropagation(),r;if(!1===u.func.call(this.scope,r))return r.preventDefault(),r}return r},dE.prototype.on=function(e,t,n,r){if(!1===t&&(t=C),t){var o={func:t};r&&kt.extend(o,r);for(var i=e.toLowerCase().split(" "),a=i.length;a--;){var u=i[a],s=this.bindings[u];s||(s=this.bindings[u]=[],this.toggleEvent(u,!0)),n?s.unshift(o):s.push(o)}}return this},dE.prototype.off=function(e,t){var n=this;if(e)for(var r=e.toLowerCase().split(" "),o=r.length;o--;){var i=r[o],a=this.bindings[i];if(!i)return ue(this.bindings,function(e,t){n.toggleEvent(t,!1),delete n.bindings[t]}),this;if(a){if(t)for(var u=a.length;u--;)a[u].func===t&&(a=a.slice(0,u).concat(a.slice(u+1)),this.bindings[i]=a);else a.length=0;a.length||(this.toggleEvent(e,!1),delete this.bindings[i])}}else ue(this.bindings,function(e,t){n.toggleEvent(t,!1)}),this.bindings={};return this},dE.prototype.once=function(e,t,n){return this.on(e,t,n,{once:!0})},dE.prototype.has=function(e){return e=e.toLowerCase(),!(!this.bindings[e]||0===this.bindings[e].length)},dE);function dE(e){this.bindings={},this.settings=e||{},this.scope=this.settings.scope||this,this.toggleEvent=this.settings.toggleEvent||C}var mE,pE=function(n){return n._eventDispatcher||(n._eventDispatcher=new fE({scope:n,toggleEvent:function(e,t){fE.isNative(e)&&n.toggleNativeEvent&&n.toggleNativeEvent(e,t)}})),n._eventDispatcher},gE={fire:function(e,t,n){if(this.removed&&"remove"!==e&&"detach"!==e)return t;var r=pE(this).fire(e,t);if(!1!==n&&this.parent)for(var o=this.parent();o&&!r.isPropagationStopped();)o.fire(e,r,!1),o=o.parent();return r},on:function(e,t,n){return pE(this).on(e,t,n)},off:function(e,t){return pE(this).off(e,t)},once:function(e,t){return pE(this).once(e,t)},hasEventListeners:function(e){return pE(this).has(e)}},hE=Eu.DOM,vE=function(e,t){if("selectionchange"===t)return e.getDoc();if(!e.inline&&/^mouse|touch|click|contextmenu|drop|dragover|dragend/.test(t))return e.getDoc().documentElement;var n=Ec(e);return n?(e.eventRoot||(e.eventRoot=hE.select(n)[0]),e.eventRoot):e.getBody()},yE=function(e,t,n){var r;(r=e).hidden||uE(r)?uE(e)&&cE(e,n):e.fire(t,n)},bE=function(i,a){var e;if(i.delegates||(i.delegates={}),!i.delegates[a]&&!i.removed){var t=vE(i,a);if(Ec(i)){if(mE||(mE={},i.editorManager.on("removeEditor",function(){i.editorManager.activeEditor||mE&&(ue(mE,function(e,t){i.dom.unbind(vE(i,t))}),mE=null)})),mE[a])return;e=function(e){for(var t=e.target,n=i.editorManager.get(),r=n.length;r--;){var o=n[r].getBody();o!==t&&!hE.isChildOf(t,o)||yE(n[r],a,e)}},mE[a]=e,hE.bind(t,a,e)}else e=function(e){yE(i,a,e)},hE.bind(t,a,e),i.delegates[a]=e}},CE=ke(ke({},gE),{bindPendingEventDelegates:function(){var t=this;kt.each(t._pendingNativeEvents,function(e){bE(t,e)})},toggleNativeEvent:function(e,t){var n=this;"focus"!==e&&"blur"!==e&&(t?n.initialized?bE(n,e):n._pendingNativeEvents?n._pendingNativeEvents.push(e):n._pendingNativeEvents=[e]:n.initialized&&(n.dom.unbind(vE(n,e),e,n.delegates[e]),delete n.delegates[e]))},unbindAllNativeEvents:function(){var n=this,e=n.getBody(),t=n.dom;n.delegates&&(ue(n.delegates,function(e,t){n.dom.unbind(vE(n,t),t,e)}),delete n.delegates),!n.inline&&e&&t&&(e.onload=null,t.unbind(n.getWin()),t.unbind(n.getDoc())),t&&(t.unbind(e),t.unbind(n.getContainer()))}}),wE=["design","readonly"],xE=function(e,t,n,r){var o,i=n[t.get()],a=n[r];try{a.activate()}catch(Ok){return void console.error("problem while activating editor modal "+r+":",Ok)}i.deactivate(),i.editorReadOnly!==a.editorReadOnly&&aE(e,a.editorReadOnly),t.set(r),o=r,e.fire("SwitchMode",{mode:o})},SE=function(t){var e,n,r=Ou("design"),o=Ou({design:{activate:V,deactivate:V,editorReadOnly:!1},readonly:{activate:V,deactivate:V,editorReadOnly:!0}});return(e=t).serializer?sE(e):e.on("PreInit",function(){sE(e)}),(n=t).on("ShowCaret",function(e){uE(n)&&e.preventDefault()}),n.on("ObjectSelected",function(e){uE(n)&&e.preventDefault()}),{isReadOnly:function(){return uE(t)},set:function(e){return function(e,t,n,r){if(r!==n.get()){if(!he(t,r))throw new Error("Editor modal '"+r+"' is invalid");e.initialized?xE(e,n,t,r):e.on("init",function(){return xE(e,n,t,r)})}}(t,o.get(),r,e)},get:function(){return r.get()},register:function(e,t){o.set(function(e,t,n){var r;if(M(wE,t))throw new Error("Cannot override default modal "+t);return ke(ke({},e),((r={})[t]=ke(ke({},n),{deactivate:function(){try{n.deactivate()}catch(Ok){console.error("problem while deactivating editor modal "+t+":",Ok)}}}),r))}(o.get(),e,t))}}},NE=kt.each,EE=kt.explode,kE={f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},_E=kt.makeMap("alt,ctrl,shift,meta,access"),AE=(RE.prototype.add=function(e,n,t,r){var o=this,i=o.normalizeCommandFunc(t);return NE(EE(kt.trim(e)),function(e){var t=o.createShortcut(e,n,i,r);o.shortcuts[t.id]=t}),!0},RE.prototype.remove=function(e){var t=this.createShortcut(e);return!!this.shortcuts[t.id]&&(delete this.shortcuts[t.id],!0)},RE.prototype.normalizeCommandFunc=function(e){var t=this,n=e;return"string"==typeof n?function(){t.editor.execCommand(n,!1,null)}:kt.isArray(n)?function(){t.editor.execCommand(n[0],n[1],n[2])}:n},RE.prototype.parseShortcut=function(e){var t,n={};NE(EE(e.toLowerCase(),"+"),function(e){e in _E?n[e]=!0:/^[0-9]{2,}$/.test(e)?n.keyCode=parseInt(e,10):(n.charCode=e.charCodeAt(0),n.keyCode=kE[e]||e.toUpperCase().charCodeAt(0))});var r=[n.keyCode];for(t in _E)n[t]?r.push(t):n[t]=!1;return n.id=r.join(","),n.access&&(n.alt=!0,wt.mac?n.ctrl=!0:n.shift=!0),n.meta&&(wt.mac?n.meta=!0:(n.ctrl=!0,n.meta=!1)),n},RE.prototype.createShortcut=function(e,t,n,r){var o=kt.map(EE(e,">"),this.parseShortcut);return o[o.length-1]=kt.extend(o[o.length-1],{func:n,scope:r||this.editor}),kt.extend(o[0],{desc:this.editor.translate(t),subpatterns:o.slice(1)})},RE.prototype.hasModifier=function(e){return e.altKey||e.ctrlKey||e.metaKey},RE.prototype.isFunctionKey=function(e){return"keydown"===e.type&&112<=e.keyCode&&e.keyCode<=123},RE.prototype.matchShortcut=function(e,t){return!!t&&t.ctrl===e.ctrlKey&&t.meta===e.metaKey&&t.alt===e.altKey&&t.shift===e.shiftKey&&!!(e.keyCode===t.keyCode||e.charCode&&e.charCode===t.charCode)&&(e.preventDefault(),!0)},RE.prototype.executeShortcutAction=function(e){return e.func?e.func.call(e.scope):null},RE);function RE(e){this.shortcuts={},this.pendingPatterns=[],this.editor=e;var n=this;e.on("keyup keypress keydown",function(t){!n.hasModifier(t)&&!n.isFunctionKey(t)||t.isDefaultPrevented()||(NE(n.shortcuts,function(e){if(n.matchShortcut(t,e))return n.pendingPatterns=e.subpatterns.slice(0),"keydown"===t.type&&n.executeShortcutAction(e),!0}),n.matchShortcut(t,n.pendingPatterns[0])&&(1===n.pendingPatterns.length&&"keydown"===t.type&&n.executeShortcutAction(n.pendingPatterns[0]),n.pendingPatterns.shift()))})}var TE=function(){var e,t,n,r,o,i,a,u,s=(t={},n={},r={},o={},i={},a={},{addButton:(u=function(n,r){return function(e,t){return n[e.toLowerCase()]=ke(ke({},t),{type:r})}})(e={},"button"),addGroupToolbarButton:u(e,"grouptoolbarbutton"),addToggleButton:u(e,"togglebutton"),addMenuButton:u(e,"menubutton"),addSplitButton:u(e,"splitbutton"),addMenuItem:u(t,"menuitem"),addNestedMenuItem:u(t,"nestedmenuitem"),addToggleMenuItem:u(t,"togglemenuitem"),addAutocompleter:u(n,"autocompleter"),addContextMenu:u(o,"contextmenu"),addContextToolbar:u(i,"contexttoolbar"),addContextForm:u(i,"contextform"),addSidebar:u(a,"sidebar"),addIcon:function(e,t){return r[e.toLowerCase()]=t},getAll:function(){return{buttons:e,menuItems:t,icons:r,popups:n,contextMenus:o,contextToolbars:i,sidebars:a}}});return{addAutocompleter:s.addAutocompleter,addButton:s.addButton,addContextForm:s.addContextForm,addContextMenu:s.addContextMenu,addContextToolbar:s.addContextToolbar,addIcon:s.addIcon,addMenuButton:s.addMenuButton,addMenuItem:s.addMenuItem,addNestedMenuItem:s.addNestedMenuItem,addSidebar:s.addSidebar,addSplitButton:s.addSplitButton,addToggleButton:s.addToggleButton,addGroupToolbarButton:s.addGroupToolbarButton,addToggleMenuItem:s.addToggleMenuItem,getAll:s.getAll}},DE=kt.each,OE=kt.trim,BE="source protocol authority userInfo user password host port relative path directory file query anchor".split(" "),PE={ftp:21,http:80,https:443,mailto:25},LE=(IE.parseDataUri=function(e){var t,n=decodeURIComponent(e).split(","),r=/data:([^;]+)/.exec(n[0]);return r&&(t=r[1]),{type:t,data:n[1]}},IE.getDocumentBaseUrl=function(e){var t=0!==e.protocol.indexOf("http")&&"file:"!==e.protocol?e.href:e.protocol+"//"+e.host+e.pathname;return/^[^:]+:\/\/\/?[^\/]+\//.test(t)&&(t=t.replace(/[\?#].*$/,"").replace(/[\/\\][^\/]+$/,""),/[\/\\]$/.test(t)||(t+="/")),t},IE.prototype.setPath=function(e){var t=/^(.*?)\/?(\w+)?$/.exec(e);this.path=t[0],this.directory=t[1],this.file=t[2],this.source="",this.getURI()},IE.prototype.toRelative=function(e){var t;if("./"===e)return e;var n=new IE(e,{base_uri:this});if("mce_host"!==n.host&&this.host!==n.host&&n.host||this.port!==n.port||this.protocol!==n.protocol&&""!==n.protocol)return n.getURI();var r=this.getURI(),o=n.getURI();return r===o||"/"===r.charAt(r.length-1)&&r.substr(0,r.length-1)===o?r:(t=this.toRelPath(this.path,n.path),n.query&&(t+="?"+n.query),n.anchor&&(t+="#"+n.anchor),t)},IE.prototype.toAbsolute=function(e,t){var n=new IE(e,{base_uri:this});return n.getURI(t&&this.isSameOrigin(n))},IE.prototype.isSameOrigin=function(e){if(this.host==e.host&&this.protocol==e.protocol){if(this.port==e.port)return!0;var t=PE[this.protocol];if(t&&(this.port||t)==(e.port||t))return!0}return!1},IE.prototype.toRelPath=function(e,t){var n,r,o=0,i="",a=e.substring(0,e.lastIndexOf("/")).split("/"),u=t.split("/");if(a.length>=u.length)for(n=0,r=a.length;n<r;n++)if(n>=u.length||a[n]!==u[n]){o=n+1;break}if(a.length<u.length)for(n=0,r=u.length;n<r;n++)if(n>=a.length||a[n]!==u[n]){o=n+1;break}if(1===o)return t;for(n=0,r=a.length-(o-1);n<r;n++)i+="../";for(n=o-1,r=u.length;n<r;n++)i+=n!==o-1?"/"+u[n]:u[n];return i},IE.prototype.toAbsPath=function(e,t){var n,r,o=0,i=[],a=/\/$/.test(t)?"/":"",u=e.split("/"),s=t.split("/");for(DE(u,function(e){e&&i.push(e)}),u=i,n=s.length-1,i=[];0<=n;n--)0!==s[n].length&&"."!==s[n]&&(".."!==s[n]?0<o?o--:i.push(s[n]):o++);return 0!==(r=(n=u.length-o)<=0?Z(i).join("/"):u.slice(0,n).join("/")+"/"+Z(i).join("/")).indexOf("/")&&(r="/"+r),a&&r.lastIndexOf("/")!==r.length-1&&(r+=a),r},IE.prototype.getURI=function(e){var t;return void 0===e&&(e=!1),this.source&&!e||(t="",e||(this.protocol?t+=this.protocol+"://":t+="//",this.userInfo&&(t+=this.userInfo+"@"),this.host&&(t+=this.host),this.port&&(t+=":"+this.port)),this.path&&(t+=this.path),this.query&&(t+="?"+this.query),this.anchor&&(t+="#"+this.anchor),this.source=t),this.source},IE);function IE(e,t){e=OE(e),this.settings=t||{};var n,r,o,i,a=this.settings.base_uri,u=this;/^([\w\-]+):([^\/]{2})/i.test(e)||/^\s*#/.test(e)?u.source=e:(n=0===e.indexOf("//"),0!==e.indexOf("/")||n||(e=(a&&a.protocol||"http")+"://mce_host"+e),/^[\w\-]*:?\/\//.test(e)||(r=this.settings.base_uri?this.settings.base_uri.path:new IE(document.location.href).directory,e=this.settings.base_uri&&""==this.settings.base_uri.protocol?"//mce_host"+u.toAbsPath(r,e):(o=/([^#?]*)([#?]?.*)/.exec(e),(a&&a.protocol||"http")+"://mce_host"+u.toAbsPath(r,o[1])+o[2])),e=e.replace(/@@/g,"(mce_at)"),i=/^(?:(?![^:@]+:[^:@\/]*@)([^:\/?#.]+):)?(?:\/\/)?((?:(([^:@\/]*):?([^:@\/]*))?@)?([^:\/?#]*)(?::(\d*))?)(((\/(?:[^?#](?![^?#\/]*\.[^?#\/.]+(?:[?#]|$)))*\/?)?([^?#\/]*))(?:\?([^#]*))?(?:#(.*))?)/.exec(e),DE(BE,function(e,t){var n=(n=i[t])&&n.replace(/\(mce_at\)/g,"@@");u[e]=n}),a&&(u.protocol||(u.protocol=a.protocol),u.userInfo||(u.userInfo=a.userInfo),u.port||"mce_host"!==u.host||(u.port=a.port),u.host&&"mce_host"!==u.host||(u.host=a.host),u.source=""),n&&(u.protocol=""))}var ME=Eu.DOM,FE=kt.extend,UE=kt.each,zE=kt.resolve,jE=wt.ie,HE=(VE.prototype.render=function(){UN(this)},VE.prototype.focus=function(e){var t,n;n=e,(t=this).removed||(n?_m:km)(t)},VE.prototype.hasFocus=function(){return Em(this)},VE.prototype.execCallback=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var r,o=this.settings[e];if(o)return this.callbackLookup&&(r=this.callbackLookup[e])&&(o=r.func,r=r.scope),"string"==typeof o&&(r=(r=o.replace(/\.\w+$/,""))?zE(r):0,o=zE(o),this.callbackLookup=this.callbackLookup||{},this.callbackLookup[e]={func:o,scope:r}),o.apply(r||this,t)},VE.prototype.translate=function(e){return Iu.translate(e)},VE.prototype.getParam=function(e,t,n){return Xy(this,e,t,n)},VE.prototype.hasPlugin=function(e,t){return!(!M(Ac(this).split(/[ ,]/),e)||t&&ib.get(e)===undefined)},VE.prototype.nodeChanged=function(e){this._nodeChangeDispatcher.nodeChanged(e)},VE.prototype.addCommand=function(e,t,n){this.editorCommands.addCommand(e,t,n)},VE.prototype.addQueryStateHandler=function(e,t,n){this.editorCommands.addQueryStateHandler(e,t,n)},VE.prototype.addQueryValueHandler=function(e,t,n){this.editorCommands.addQueryValueHandler(e,t,n)},VE.prototype.addShortcut=function(e,t,n,r){this.shortcuts.add(e,t,n,r)},VE.prototype.execCommand=function(e,t,n,r){return this.editorCommands.execCommand(e,t,n,r)},VE.prototype.queryCommandState=function(e){return this.editorCommands.queryCommandState(e)},VE.prototype.queryCommandValue=function(e){return this.editorCommands.queryCommandValue(e)},VE.prototype.queryCommandSupported=function(e){return this.editorCommands.queryCommandSupported(e)},VE.prototype.show=function(){this.hidden&&(this.hidden=!1,this.inline?this.getBody().contentEditable="true":(ME.show(this.getContainer()),ME.hide(this.id)),this.load(),this.fire("show"))},VE.prototype.hide=function(){var e=this,t=e.getDoc();e.hidden||(jE&&t&&!e.inline&&t.execCommand("SelectAll"),e.save(),e.inline?(e.getBody().contentEditable="false",e===e.editorManager.focusedEditor&&(e.editorManager.focusedEditor=null)):(ME.hide(e.getContainer()),ME.setStyle(e.id,"display",e.orgDisplay)),e.hidden=!0,e.fire("hide"))},VE.prototype.isHidden=function(){return!!this.hidden},VE.prototype.setProgressState=function(e,t){this.fire("ProgressState",{state:e,time:t})},VE.prototype.load=function(e){var t=this.getElement();if(this.removed)return"";if(t){(e=e||{}).load=!0;var n=Ln(t)?t.value:t.innerHTML,r=this.setContent(n,e);return e.element=t,e.no_events||this.fire("LoadContent",e),e.element=t=null,r}},VE.prototype.save=function(e){var t,n,r=this,o=r.getElement();if(o&&r.initialized&&!r.removed)return(e=e||{}).save=!0,e.element=o,e.content=r.getContent(e),e.no_events||r.fire("SaveContent",e),"raw"===e.format&&r.fire("RawSaveContent",e),t=e.content,Ln(o)?o.value=t:(!e.is_removing&&r.inline||(o.innerHTML=t),(n=ME.getParent(r.id,"form"))&&UE(n.elements,function(e){if(e.name===r.id)return e.value=t,!1})),e.element=o=null,!1!==e.set_dirty&&r.setDirty(!1),t},VE.prototype.setContent=function(e,t){return ky(this,e,t)},VE.prototype.getContent=function(e){return Ey(this,e)},VE.prototype.insertContent=function(e,t){t&&(e=FE({content:e},t)),this.execCommand("mceInsertContent",!1,e)},VE.prototype.resetContent=function(e){e===undefined?ky(this,this.startContent,{format:"raw"}):ky(this,e),this.undoManager.reset(),this.setDirty(!1),this.nodeChanged()},VE.prototype.isDirty=function(){return!this.isNotDirty},VE.prototype.setDirty=function(e){var t=!this.isNotDirty;this.isNotDirty=!e,e&&e!==t&&this.fire("dirty")},VE.prototype.getContainer=function(){return this.container||(this.container=ME.get(this.editorContainer||this.id+"_parent")),this.container},VE.prototype.getContentAreaContainer=function(){return this.contentAreaContainer},VE.prototype.getElement=function(){return this.targetElm||(this.targetElm=ME.get(this.id)),this.targetElm},VE.prototype.getWin=function(){var e;return this.contentWindow||(e=this.iframeElement)&&(this.contentWindow=e.contentWindow),this.contentWindow},VE.prototype.getDoc=function(){var e;return this.contentDocument||(e=this.getWin())&&(this.contentDocument=e.document),this.contentDocument},VE.prototype.getBody=function(){var e=this.getDoc();return this.bodyElement||(e?e.body:null)},VE.prototype.convertURL=function(e,t,n){var r=this.settings;return r.urlconverter_callback?this.execCallback("urlconverter_callback",e,n,!0,t):!r.convert_urls||n&&"LINK"===n.nodeName||0===e.indexOf("file:")||0===e.length?e:r.relative_urls?this.documentBaseURI.toRelative(e):e=this.documentBaseURI.toAbsolute(e,r.remove_script_host)},VE.prototype.addVisual=function(e){zN(this,e)},VE.prototype.remove=function(){Ry(this)},VE.prototype.destroy=function(e){Ty(this,e)},VE.prototype.uploadImages=function(e){return this.editorUpload.uploadImages(e)},VE.prototype._scanForImages=function(){return this.editorUpload.scanForImages()},VE.prototype.addButton=function(){throw new Error("editor.addButton has been removed in tinymce 5x, use editor.ui.registry.addButton or editor.ui.registry.addToggleButton or editor.ui.registry.addSplitButton instead")},VE.prototype.addSidebar=function(){throw new Error("editor.addSidebar has been removed in tinymce 5x, use editor.ui.registry.addSidebar instead")},VE.prototype.addMenuItem=function(){throw new Error("editor.addMenuItem has been removed in tinymce 5x, use editor.ui.registry.addMenuItem instead")},VE.prototype.addContextToolbar=function(){throw new Error("editor.addContextToolbar has been removed in tinymce 5x, use editor.ui.registry.addContextToolbar instead")},VE);function VE(e,t,n){var r=this;this.plugins={},this.contentCSS=[],this.contentStyles=[],this.loadedCSS={},this.isNotDirty=!1,this.editorManager=n,this.documentBaseUrl=n.documentBaseURL,FE(this,CE),this.settings=Wy(this,e,this.documentBaseUrl,n.defaultSettings,t),this.settings.suffix&&(n.suffix=this.settings.suffix),this.suffix=n.suffix,this.settings.base_url&&n._setBaseUrl(this.settings.base_url),this.baseUri=n.baseURI,this.settings.referrer_policy&&(Ru.ScriptLoader._setReferrerPolicy(this.settings.referrer_policy),Eu.DOM.styleSheetLoader._setReferrerPolicy(this.settings.referrer_policy)),Uu.languageLoad=this.settings.language_load,Uu.baseURL=n.baseURL,this.id=e,this.setDirty(!1),this.documentBaseURI=new LE(this.settings.document_base_url,{base_uri:this.baseUri}),this.baseURI=this.baseUri,this.inline=!!this.settings.inline,this.shortcuts=new AE(this),this.editorCommands=new eE(this),this.settings.cache_suffix&&(wt.cacheSuffix=this.settings.cache_suffix.replace(/^[\?\&]+/,"")),this.ui={registry:TE(),styleSheetLoader:undefined,show:V,hide:V,enable:V,disable:V,isDisabled:C};var o=SE(this);this.mode=o,this.setMode=o.set,n.fire("SetupEditor",{editor:this}),this.execCallback("setup",this),this.$=hu.overrideDefaults(function(){return{context:r.inline?r.getBody():r.getDoc(),element:r.getBody()}})}var qE,$E=Eu.DOM,WE=kt.explode,KE=kt.each,XE=kt.extend,YE=0,GE=!1,JE=[],QE=[],ZE=function(t){var n=t.type;KE(rk.get(),function(e){switch(n){case"scroll":e.fire("ScrollWindow",t);break;case"resize":e.fire("ResizeWindow",t)}})},ek=function(e){e!==GE&&(e?hu(window).on("resize scroll",ZE):hu(window).off("resize scroll",ZE),GE=e)},tk=function(t){var e=QE;delete JE[t.id];for(var n=0;n<JE.length;n++)if(JE[n]===t){JE.splice(n,1);break}return QE=H(QE,function(e){return t!==e}),rk.activeEditor===t&&(rk.activeEditor=0<QE.length?QE[0]:null),rk.focusedEditor===t&&(rk.focusedEditor=null),e.length!==QE.length},nk="CSS1Compat"!==document.compatMode,rk=ke(ke({},gE),{baseURI:null,baseURL:null,defaultSettings:{},documentBaseURL:null,suffix:null,$:hu,majorVersion:"5",minorVersion:"6.2",releaseDate:"2020-12-08",editors:JE,i18n:Iu,activeEditor:null,focusedEditor:null,settings:{},setup:function(){var e,t="",n=LE.getDocumentBaseUrl(document.location);/^[^:]+:\/\/\/?[^\/]+\//.test(n)&&(n=n.replace(/[\?#].*$/,"").replace(/[\/\\][^\/]+$/,""),/[\/\\]$/.test(n)||(n+="/"));var r,o=window.tinymce||window.tinyMCEPreInit;if(o)e=o.base||o.baseURL,t=o.suffix;else{for(var i,a=document.getElementsByTagName("script"),u=0;u<a.length;u++){if(""!==(i=a[u].src||"")){var s=i.substring(i.lastIndexOf("/"));if(/tinymce(\.full|\.jquery|)(\.min|\.dev|)\.js/.test(i)){-1!==s.indexOf(".min")&&(t=".min"),e=i.substring(0,i.lastIndexOf("/"));break}}}!e&&document.currentScript&&(-1!==(i=document.currentScript.src).indexOf(".min")&&(t=".min"),e=i.substring(0,i.lastIndexOf("/")))}this.baseURL=new LE(n).toAbsolute(e),this.documentBaseURL=n,this.baseURI=new LE(this.baseURL),this.suffix=t,(r=this).on("AddEditor",N(ym,r)),r.on("RemoveEditor",N(bm,r))},overrideDefaults:function(e){var t=e.base_url;t&&this._setBaseUrl(t);var n=e.suffix;e.suffix&&(this.suffix=n);var r=(this.defaultSettings=e).plugin_base_urls;r!==undefined&&ue(r,function(e,t){Uu.PluginManager.urls[t]=e})},init:function(r){var n,u=this,s=kt.makeMap("area base basefont br col frame hr img input isindex link meta param embed source wbr track colgroup option table tbody tfoot thead tr th td script noscript style textarea video audio iframe object menu"," "),c=function(e){var t=e.id;return t||(t=ge(e,"name").filter(function(e){return!$E.get(e)}).getOrThunk($E.uniqueId),e.setAttribute("id",t)),t},l=function(e,t){return t.constructor===RegExp?t.test(e.className):$E.hasClass(e,t)},f=function(e){n=e},e=function(){var o,i=0,a=[],n=function(e,t,n){var r=new HE(e,t,u);a.push(r),r.on("init",function(){++i===o.length&&f(a)}),r.targetElm=r.targetElm||n,r.render()};$E.unbind(window,"ready",e),function(e){var t=r[e];if(t)t.apply(u,Array.prototype.slice.call(arguments,2))}("onpageload"),o=hu.unique(function(t){var n=[];if(wt.browser.isIE()&&wt.browser.version.major<11)return mb("TinyMCE does not support the browser you are using. For a list of supported browsers please see: https://www.tinymce.com/docs/get-started/system-requirements/"),[];if(nk)return mb("Failed to initialize the editor as the document is not in standards modal. TinyMCE requires standards modal."),[];if(t.types)return KE(t.types,function(e){n=n.concat($E.select(e.selector))}),n;if(t.selector)return $E.select(t.selector);if(t.target)return[t.target];switch(t.mode){case"exact":var e=t.elements||"";0<e.length&&KE(WE(e),function(t){var e=$E.get(t);e?n.push(e):KE(document.forms,function(e){KE(e.elements,function(e){e.name===t&&(t="mce_editor_"+YE++,$E.setAttrib(e,"id",t),n.push(e))})})});break;case"textareas":case"specific_textareas":KE($E.select("textarea"),function(e){t.editor_deselector&&l(e,t.editor_deselector)||t.editor_selector&&!l(e,t.editor_selector)||n.push(e)})}return n}(r)),r.types?KE(r.types,function(t){kt.each(o,function(e){return!$E.is(e,t.selector)||(n(c(e),XE({},r,t),e),!1)})}):(kt.each(o,function(e){var t;(t=u.get(e.id))&&t.initialized&&!(t.getContainer()||t.getBody()).parentNode&&(tk(t),t.unbindAllNativeEvents(),t.destroy(!0),t.removed=!0,t=null)}),0===(o=kt.grep(o,function(e){return!u.get(e.id)})).length?f([]):KE(o,function(e){var t;t=e,r.inline&&t.tagName.toLowerCase()in s?mb("Could not initialize inline editor on invalid inline target element",e):n(c(e),r,e)}))};return u.settings=r,$E.bind(window,"ready",e),new Br(function(t){n?t(n):f=function(e){t(e)}})},get:function(t){return 0===arguments.length?QE.slice(0):q(t)?Y(QE,function(e){return e.id===t}).getOr(null):O(t)&&QE[t]?QE[t]:null},add:function(e){var n=this;return JE[e.id]===e||(null===n.get(e.id)&&("length"!==e.id&&(JE[e.id]=e),JE.push(e),QE.push(e)),ek(!0),n.activeEditor=e,n.fire("AddEditor",{editor:e}),qE||(qE=function(e){var t=n.fire("BeforeUnload");if(t.returnValue)return e.preventDefault(),e.returnValue=t.returnValue,t.returnValue},window.addEventListener("beforeunload",qE))),e},createEditor:function(e,t){return this.add(new HE(e,t,this))},remove:function(e){var t,n,r=this;if(e){if(!q(e))return n=e,x(r.get(n.id))?null:(tk(n)&&r.fire("RemoveEditor",{editor:n}),0===QE.length&&window.removeEventListener("beforeunload",qE),n.remove(),ek(0<QE.length),n);KE($E.select(e),function(e){(n=r.get(e.id))&&r.remove(n)})}else for(t=QE.length-1;0<=t;t--)r.remove(QE[t])},execCommand:function(e,t,n){var r=this.get(n);switch(e){case"mceAddEditor":return this.get(n)||new HE(n,this.settings,this).render(),!0;case"mceRemoveEditor":return r&&r.remove(),!0;case"mceToggleEditor":return r?(r.isHidden()?r.show():r.hide(),!0):(this.execCommand("mceAddEditor",0,n),!0)}return!!this.activeEditor&&this.activeEditor.execCommand(e,t,n)},triggerSave:function(){KE(QE,function(e){e.save()})},addI18n:function(e,t){Iu.add(e,t)},translate:function(e){return Iu.translate(e)},setActive:function(e){var t=this.activeEditor;this.activeEditor!==e&&(t&&t.fire("deactivate",{relatedTarget:e}),e.fire("activate",{relatedTarget:t})),this.activeEditor=e},_setBaseUrl:function(e){this.baseURL=new LE(this.documentBaseURL).toAbsolute(e.replace(/\/+$/,"")),this.baseURI=new LE(this.baseURL)}});rk.setup();var ok,ik,ak,uk,sk=Math.min,ck=Math.max,lk=Math.round,fk=function(e,t,n){var r=t.x,o=t.y,i=e.w,a=e.h,u=t.w,s=t.h,c=(n||"").split("");return"b"===c[0]&&(o+=s),"r"===c[1]&&(r+=u),"c"===c[0]&&(o+=lk(s/2)),"c"===c[1]&&(r+=lk(u/2)),"b"===c[3]&&(o-=a),"r"===c[4]&&(r-=i),"c"===c[3]&&(o-=lk(a/2)),"c"===c[4]&&(r-=lk(i/2)),dk(r,o,i,a)},dk=function(e,t,n,r){return{x:e,y:t,w:n,h:r}},mk={inflate:function(e,t,n){return dk(e.x-t,e.y-n,e.w+2*t,e.h+2*n)},relativePosition:fk,findBestRelativePosition:function(e,t,n,r){for(var o,i=0;i<r.length;i++)if((o=fk(e,t,r[i])).x>=n.x&&o.x+o.w<=n.w+n.x&&o.y>=n.y&&o.y+o.h<=n.h+n.y)return r[i];return null},intersect:function(e,t){var n=ck(e.x,t.x),r=ck(e.y,t.y),o=sk(e.x+e.w,t.x+t.w),i=sk(e.y+e.h,t.y+t.h);return o-n<0||i-r<0?null:dk(n,r,o-n,i-r)},clamp:function(e,t,n){var r=e.x,o=e.y,i=e.x+e.w,a=e.y+e.h,u=t.x+t.w,s=t.y+t.h,c=ck(0,t.x-r),l=ck(0,t.y-o),f=ck(0,i-u),d=ck(0,a-s);return r+=c,o+=l,n&&(i+=c,a+=l,r-=f,o-=d),dk(r,o,(i-=f)-r,(a-=d)-o)},create:dk,fromClientRect:function(e){return dk(e.left,e.top,e.width,e.height)}},pk=(ok={},ik={},{load:function(r,o){var i='Script at URL "'+o+'" failed to load',a='Script at URL "'+o+"\" did not call `tinymce.Resource.add('"+r+"', data)` within 1 second";if(ok[r]!==undefined)return ok[r];var e=new Br(function(e,t){var n=function(e,t,n){void 0===n&&(n=1e3);var r=!1,o=null,i=function(n){return function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];r||(r=!0,null!==o&&(clearTimeout(o),o=null),n.apply(null,e))}},a=i(e),u=i(t);return{start:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];r||null!==o||(o=setTimeout(function(){return u.apply(null,e)},n))},resolve:a,reject:u}}(e,t);ik[r]=n.resolve,Ru.ScriptLoader.loadScript(o,function(){return n.start(a)},function(){return n.reject(i)})});return ok[r]=e},add:function(e,t){ik[e]!==undefined&&(ik[e](t),delete ik[e]),ok[e]=Br.resolve(t)}}),gk=kt.each,hk=kt.extend,vk=function(){};vk.extend=ak=function(n){var o=this.prototype,r=function(){var e,t,n;if(!uk&&(this.init&&this.init.apply(this,arguments),t=this.Mixins))for(e=t.length;e--;)(n=t[e]).init&&n.init.apply(this,arguments)},t=function(){return this};uk=!0;var i=new this;return uk=!1,n.Mixins&&(gk(n.Mixins,function(e){for(var t in e)"init"!==t&&(n[t]=e[t])}),o.Mixins&&(n.Mixins=o.Mixins.concat(n.Mixins))),n.Methods&&gk(n.Methods.split(","),function(e){n[e]=t}),n.Properties&&gk(n.Properties.split(","),function(e){var t="_"+e;n[e]=function(e){return e!==undefined?(this[t]=e,this):this[t]}}),n.Statics&&gk(n.Statics,function(e,t){r[t]=e}),n.Defaults&&o.Defaults&&(n.Defaults=hk({},o.Defaults,n.Defaults)),ue(n,function(e,t){var n,r;"function"==typeof e&&o[t]?i[t]=(n=t,r=e,function(){var e=this._super;this._super=o[n];var t=r.apply(this,arguments);return this._super=e,t}):i[t]=e}),r.prototype=i,(r.constructor=r).extend=ak,r};var yk=Math.min,bk=Math.max,Ck=Math.round,wk={serialize:function(e){var t=JSON.stringify(e);return q(t)?t.replace(/[\u0080-\uFFFF]/g,function(e){var t=e.charCodeAt(0).toString(16);return"\\u"+"0000".substring(t.length)+t}):t},parse:function(e){try{return JSON.parse(e)}catch(t){}}},xk={callbacks:{},count:0,send:function(t){var n=this,r=Eu.DOM,o=t.count!==undefined?t.count:n.count,i="tinymce_jsonp_"+o;n.callbacks[o]=function(e){r.remove(i),delete n.callbacks[o],t.callback(e)},r.add(r.doc.body,"script",{id:i,src:t.url,type:"text/javascript"}),n.count++}},Sk=ke(ke({},gE),{send:function(e){var t,n=0,r=function(){!e.async||4===t.readyState||1e4<n++?(e.success&&n<1e4&&200===t.status?e.success.call(e.success_scope,""+t.responseText,t,e):e.error&&e.error.call(e.error_scope,1e4<n?"TIMED_OUT":"GENERAL",t,e),t=null):qr.setTimeout(r,10)};if(e.scope=e.scope||this,e.success_scope=e.success_scope||e.scope,e.error_scope=e.error_scope||e.scope,e.async=!1!==e.async,e.data=e.data||"",Sk.fire("beforeInitialize",{settings:e}),(t=new XMLHttpRequest).overrideMimeType&&t.overrideMimeType(e.content_type),t.open(e.type||(e.data?"POST":"GET"),e.url,e.async),e.crossDomain&&(t.withCredentials=!0),e.content_type&&t.setRequestHeader("Content-Type",e.content_type),e.requestheaders&&kt.each(e.requestheaders,function(e){t.setRequestHeader(e.key,e.value)}),t.setRequestHeader("X-Requested-With","XMLHttpRequest"),(t=Sk.fire("beforeSend",{xhr:t,settings:e}).xhr).send(e.data),!e.async)return r();qr.setTimeout(r,10)}}),Nk=kt.extend,Ek=(kk.sendRPC=function(e){return(new kk).send(e)},kk.prototype.send=function(e){var n=e.error,r=e.success,o=Nk(this.settings,e);o.success=function(e,t){void 0===(e=wk.parse(e))&&(e={error:"JSON Parse error."}),e.error?n.call(o.error_scope||o.scope,e.error,t):r.call(o.success_scope||o.scope,e.result)},o.error=function(e,t){n&&n.call(o.error_scope||o.scope,e,t)},o.data=wk.serialize({id:e.id||"c"+this.count++,method:e.method,params:e.params}),o.content_type="application/json",Sk.send(o)},kk);function kk(e){this.settings=Nk({},e),this.count=0}try{var _k,Ak="__storage_test__";(_k=window.localStorage).setItem(Ak,Ak),_k.removeItem(Ak)}catch(Ok){_k=function(){return n={},r=[],e={getItem:function(e){var t=n[e];return t||null},setItem:function(e,t){r.push(e),n[e]=String(t)},key:function(e){return r[e]},removeItem:function(t){r=r.filter(function(e){return e===t}),delete n[t]},clear:function(){r=[],n={}},length:0},Object.defineProperty(e,"length",{get:function(){return r.length},configurable:!1,enumerable:!1}),e;var n,r,e}()}var Rk,Tk={geom:{Rect:mk},util:{Promise:Br,Delay:qr,Tools:kt,VK:ud,URI:LE,Class:vk,EventDispatcher:fE,Observable:gE,I18n:Iu,XHR:Sk,JSON:wk,JSONRequest:Ek,JSONP:xk,LocalStorage:_k,Color:function(e){var n={},u=0,s=0,c=0,t=function(e){var t;return"object"==typeof e?"r"in e?(u=e.r,s=e.g,c=e.b):"v"in e&&function(e,t,n){if(e=(parseInt(e,10)||0)%360,t=parseInt(t,10)/100,n=parseInt(n,10)/100,t=bk(0,yk(t,1)),n=bk(0,yk(n,1)),0!==t){var r=e/60,o=n*t,i=o*(1-Math.abs(r%2-1)),a=n-o;switch(Math.floor(r)){case 0:u=o,s=i,c=0;break;case 1:u=i,s=o,c=0;break;case 2:u=0,s=o,c=i;break;case 3:u=0,s=i,c=o;break;case 4:u=i,s=0,c=o;break;case 5:u=o,s=0,c=i;break;default:u=s=c=0}u=Ck(255*(u+a)),s=Ck(255*(s+a)),c=Ck(255*(c+a))}else u=s=c=Ck(255*n)}(e.h,e.s,e.v):(t=/rgb\s*\(\s*([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)[^\)]*\)/gi.exec(e))?(u=parseInt(t[1],10),s=parseInt(t[2],10),c=parseInt(t[3],10)):(t=/#([0-F]{2})([0-F]{2})([0-F]{2})/gi.exec(e))?(u=parseInt(t[1],16),s=parseInt(t[2],16),c=parseInt(t[3],16)):(t=/#([0-F])([0-F])([0-F])/gi.exec(e))&&(u=parseInt(t[1]+t[1],16),s=parseInt(t[2]+t[2],16),c=parseInt(t[3]+t[3],16)),u=u<0?0:255<u?255:u,s=s<0?0:255<s?255:s,c=c<0?0:255<c?255:c,n};return e&&t(e),n.toRgb=function(){return{r:u,g:s,b:c}},n.toHsv=function(){return e=u,t=s,n=c,o=0,i=yk(e/=255,yk(t/=255,n/=255)),a=bk(e,bk(t,n)),i===a?{h:0,s:0,v:100*(o=i)}:(r=(a-i)/a,{h:Ck(60*((e===i?3:n===i?1:5)-(e===i?t-n:n===i?e-t:n-e)/((o=a)-i))),s:Ck(100*r),v:Ck(100*o)});var e,t,n,r,o,i,a},n.toHex=function(){var e=function(e){return 1<(e=parseInt(e,10).toString(16)).length?e:"0"+e};return"#"+e(u)+e(s)+e(c)},n.parse=t,n}},dom:{EventUtils:Ti,Sizzle:Ta,DomQuery:hu,TreeWalker:Xr,TextSeeker:fs,DOMUtils:Eu,ScriptLoader:Ru,RangeUtils:xd,Serializer:Ny,StyleSheetLoader:$r,ControlSelection:cd,BookmarkManager:od,Selection:Qv,Event:Ti.Event},html:{Styles:xi,Entities:ci,Node:Km,Schema:Ci,SaxParser:ip,DomParser:by,Writer:Gm,Serializer:Jm},Env:wt,AddOnManager:Uu,Annotator:td,Formatter:_b,UndoManager:Rb,EditorCommands:eE,WindowManager:ub,NotificationManager:ob,EditorObservable:CE,Shortcuts:AE,Editor:HE,FocusManager:mm,EditorManager:rk,DOM:Eu.DOM,ScriptLoader:Ru.ScriptLoader,PluginManager:ib,ThemeManager:ab,IconManager:Yy,Resource:pk,trim:kt.trim,isArray:kt.isArray,is:kt.is,toArray:kt.toArray,makeMap:kt.makeMap,each:kt.each,map:kt.map,grep:kt.grep,inArray:kt.inArray,extend:kt.extend,create:kt.create,walk:kt.walk,createNS:kt.createNS,resolve:kt.resolve,explode:kt.explode,_addCacheSuffix:kt._addCacheSuffix,isOpera:wt.opera,isWebKit:wt.webkit,isIE:wt.ie,isGecko:wt.gecko,isMac:wt.mac},Dk=kt.extend(rk,Tk);Rk=Dk,window.tinymce=Rk,window.tinyMCE=Rk,function(e){if("object"==typeof module)try{module.exports=e}catch(t){}}(Dk)}();
diff --git a/src/assets/tmp/app-data.json b/src/assets/tmp/app-data.json
deleted file mode 100644
index 851ca714..00000000
--- a/src/assets/tmp/app-data.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-    "app": {
-      "name": "Ng Alain Pro",
-      "description": "Ng-zorro admin panel front-end framework"
-    },
-    "user": {
-      "name": "Admin",
-      "avatar": "./assets/tmp/img/avatar.jpg",
-      "email": "cipchk@qq.com"
-    },
-    "menu": [
-      {
-        "text": "主导航",
-        "i18n": "menu.main",
-        "group": true,
-        "hideInBreadcrumb": true,
-        "children": [
-          {
-            "text": "仪表盘",
-            "i18n": "menu.dashboard",
-            "icon": "anticon anticon-dashboard",
-            "link": "/dashboard"
-          },
-          {
-            "text": "快捷菜单",
-            "i18n": "menu.shortcut",
-            "icon": "anticon anticon-rocket",
-            "shortcutRoot": true,
-            "children": []
-          }
-        ]
-      }
-    ]
-  }
-  
\ No newline at end of file
diff --git a/src/assets/tmp/demo.docx b/src/assets/tmp/demo.docx
deleted file mode 100644
index 06974ccf..00000000
Binary files a/src/assets/tmp/demo.docx and /dev/null differ
diff --git a/src/assets/tmp/demo.pdf b/src/assets/tmp/demo.pdf
deleted file mode 100644
index 73d3d8cb..00000000
Binary files a/src/assets/tmp/demo.pdf and /dev/null differ
diff --git a/src/assets/tmp/demo.pptx b/src/assets/tmp/demo.pptx
deleted file mode 100644
index e794dacd..00000000
Binary files a/src/assets/tmp/demo.pptx and /dev/null differ
diff --git a/src/assets/tmp/demo.xlsx b/src/assets/tmp/demo.xlsx
deleted file mode 100644
index 86371d17..00000000
Binary files a/src/assets/tmp/demo.xlsx and /dev/null differ
diff --git a/src/assets/tmp/demo.zip b/src/assets/tmp/demo.zip
deleted file mode 100644
index 96450fd0..00000000
Binary files a/src/assets/tmp/demo.zip and /dev/null differ
diff --git a/src/assets/tmp/docx.docx b/src/assets/tmp/docx.docx
deleted file mode 100644
index 58698268..00000000
Binary files a/src/assets/tmp/docx.docx and /dev/null differ
diff --git a/src/assets/tmp/i18n/el-GR.json b/src/assets/tmp/i18n/el-GR.json
deleted file mode 100644
index 2da51e4a..00000000
--- a/src/assets/tmp/i18n/el-GR.json
+++ /dev/null
@@ -1,151 +0,0 @@
-{
-  "menu.search.placeholder": "Αναζήτηση ατόμων, αρχείων, φωτογραφιών...",
-  "menu.fullscreen": "Πλήρης οθόνη",
-  "menu.fullscreen.exit": "Έξοδος από πλήρη οθόνη",
-  "menu.clear.local.storage": "Καθαρισμός τοπικής μνήμης",
-  "menu.lang": "Γλώσσα",
-  "menu.main": "Κύριο μενού",
-  "menu.dashboard": "Πίνακας διαχείρισης",
-  "menu.dashboard.v1": "Προεπιλογή",
-  "menu.dashboard.analysis": "Ανάλυση",
-  "menu.dashboard.monitor": "Εποπτεία",
-  "menu.dashboard.workplace": "Χώρος εργασίας",
-  "menu.shortcut": "Συντομεύσεις",
-  "menu.widgets": "Γραφικά στοιχεία",
-  "menu.alain": "Alain",
-  "menu.style": "Στυλ",
-  "menu.style.typography": "Τυπογραφία",
-  "menu.style.gridmasonry": "Πλέγμα Masonry",
-  "menu.style.colors": "Χρώματα",
-  "menu.delon": "Βιβλιοθήκη Delon",
-  "menu.delon.form": "Δυναμική φόρμα",
-  "menu.delon.table": "Απλός πίνακας",
-  "menu.delon.util": "Εργαλεία",
-  "menu.delon.print": "Εκτύπωση",
-  "menu.delon.guard": "Προστασία διαδρομής",
-  "menu.delon.cache": "Προσωρινή μνήμη",
-  "menu.delon.qr": "QR",
-  "menu.delon.acl": "ACL",
-  "menu.delon.downfile": "Λήψη αρχείου",
-  "menu.delon.xlsx": "Excel",
-  "menu.delon.zip": "Zip",
-  "menu.pro": "Antd Pro",
-  "menu.form": "Φόρμα",
-  "menu.form.basicform": "Βασική φόρμα",
-  "menu.form.stepform": "Φόρμα βημάτων",
-  "menu.form.stepform.info": "Φόρμα βημάτων(γράψτε πληροφορίες μεταφοράς)",
-  "menu.form.stepform.confirm": "Φόρμα βημάτων(επιβεβαιώστε τις πληροφορίες μεταφοράς)",
-  "menu.form.stepform.result": "Φόρμα βημάτων(ολοκληρωμένη)",
-  "menu.form.advancedform": "Σύνθετη φόρμα",
-  "menu.list": "Λίστα",
-  "menu.list.searchtable": "Πίνακας αναζήτησης",
-  "menu.list.basiclist": "Βασική λίστα",
-  "menu.list.cardlist": "Λίστα καρτών",
-  "menu.list.searchlist": "Λίστα αναζήτησης",
-  "menu.list.searchlist.articles": "Λίστα αναζήτησης (άρθρα)",
-  "menu.list.searchlist.projects": "Λίστα αναζήτησης (έργα)",
-  "menu.list.searchlist.applications": "Λίστα αναζήτησης (εφαρμογές)",
-  "menu.profile": "Προφίλ",
-  "menu.profile.basic": "Βασικό προφίλ",
-  "menu.profile.advanced": "Σύνθετο προφίλ",
-  "menu.result": "Αποτέλεσμα",
-  "menu.result.success": "Επιτυχία",
-  "menu.result.fail": "Αποτυχία",
-  "menu.exception": "Εξαίρεση",
-  "menu.exception.not-permission": "403",
-  "menu.exception.not-find": "404",
-  "menu.exception.server-error": "500",
-  "menu.account": "Λογαριασμός",
-  "menu.account.center": "Κέντρο διαχείρισης λογαριασμού",
-  "menu.account.settings": "Ρυθμίσεις λογαριασμού",
-  "menu.account.trigger": "Πρόκληση σφάλματος",
-  "menu.account.logout": "Αποσύνδεση",
-  "menu.more": "Περισσότερα",
-  "menu.report": "Αναφορά",
-  "menu.report.relation": "Χάρτης συσχετίσεων",
-  "menu.extras": "Επιπλέον",
-  "menu.extras.helpcenter": "Κέντρο βοήθειας",
-  "menu.extras.settings": "Ρυθμίσεις",
-  "menu.extras.poi": "Poi",
-  "app.analysis.test": "Gongzhuan Αρ.{{no}} κατάστημα",
-  "app.analysis.introduce": "Εισαγωγή",
-  "app.analysis.total-sales": "Σύνολο πωλήσεων",
-  "app.analysis.day-sales": "Ημερήσιες πωλήσεις",
-  "app.analysis.visits": "Επισκέψεις",
-  "app.analysis.visits-trend": "Τάση επισκεψιμότητας",
-  "app.analysis.visits-ranking": "Κατατάξη επισκεψιμότητας",
-  "app.analysis.day-visits": "Ημερήσια επισκεψιμότητα",
-  "app.analysis.week": "Εβδομαδιαία αναλογία",
-  "app.analysis.day": "Ημερήσια αναλογία",
-  "app.analysis.payments": "Πληρωμές",
-  "app.analysis.conversion-rate": "Συναλλαγματική Ισοτιμία",
-  "app.analysis.operational-effect": "Λειτουργική επίδραση",
-  "app.analysis.sales-trend": "Τάση πωλήσεων καταστημάτων",
-  "app.analysis.sales-ranking": "Κατάταξη πωλήσεων",
-  "app.analysis.all-year": "Όλο τον χρόνο",
-  "app.analysis.all-month": "Όλο τον μήνα",
-  "app.analysis.all-week": "Όλη την εβδομάδα",
-  "app.analysis.all-day": "Όλη μέρα",
-  "app.analysis.search-users": "Αναζήτηση χρηστών",
-  "app.analysis.per-capita-search": "Αναζήτηση ανά κεφάλαιο",
-  "app.analysis.online-top-search": "(Ζωντανά) Κορυφαία αναζήτηση",
-  "app.analysis.the-proportion-of-sales": "Το ποσοστό των πωλήσεων",
-  "app.analysis.channel.all": "ΟΛΑ",
-  "app.analysis.channel.online": "Ζωντανά",
-  "app.analysis.channel.stores": "Καταστήματα",
-  "app.analysis.sales": "Πωλήσεις",
-  "app.analysis.traffic": "Κίνηση",
-  "app.analysis.table.rank": "Κατάταξη",
-  "app.analysis.table.search-keyword": "Λέξη κλειδί",
-  "app.analysis.table.users": "Χρήστες",
-  "app.analysis.table.weekly-range": "Εβδομαδιαίο εύρος",
-  "app.monitor.trading-activity": "Δραστηριότητα συναλλαγών σε πραγματικό χρόνο",
-  "app.monitor.total-transactions": "Σύνολο ημερήσιων συναλλαγών",
-  "app.monitor.sales-target": "Ποσοστό ολοκλήρωσης στόχου πωλήσεων",
-  "app.monitor.remaining-time": "Εναπομείναν χρόνος δραστηριότητας",
-  "app.monitor.total-transactions-per-second": "Σύνολο συναλλαγών ανά δευτερόλεπτο",
-  "app.monitor.activity-forecast": "Πρόβλεψη δραστηριότητας",
-  "app.monitor.efficiency": "Αποδοτικότητα",
-  "app.monitor.ratio": "Αναλογία",
-  "app.monitor.proportion-per-category": "Ποσοστό ανά κατηγορία",
-  "app.monitor.fast-food": "Γρήγορο φαγητό",
-  "app.monitor.western-food": "Δυτικό φαγητό",
-  "app.monitor.hot-pot": "Ζεστό φαγητό",
-  "app.monitor.waiting-for-implementation": "Αναμονή για υλοποίηση",
-  "app.monitor.popular-searches": "Δημοφιλείς αναζητήσεις",
-  "app.monitor.resource-surplus": "Πλεόνασμα πόρων",
-  "app.monitor.fund-surplus": "Κεφαλαιακό πλεόνασμα",
-  "app.lock": "Κλείδωμα",
-  "app.login.message-invalid-credentials": "Λάθος όνομα χρήστη ή κωδικός πρόσβασης（admin/ant.design）",
-  "app.login.message-invalid-verification-code": "Μη έγκυρος κωδικός επιβεβαίωσης",
-  "app.login.tab-login-credentials": "Στοιχεία σύνδεσης",
-  "app.login.tab-login-mobile": "Αριθμός κινητού",
-  "app.login.remember-me": "Να με θυμάσαι",
-  "app.login.forgot-password": "Ξέχασα τον κωδικό μου",
-  "app.login.sign-in-with": "Σύνδεση με",
-  "app.login.signup": "Εγγραφή",
-  "app.login.login": "Σύνδεση",
-  "app.register.register": "Εγγραφή",
-  "app.register.get-verification-code": "Λήψη κωδικού",
-  "app.register.sign-in": "Εχετε ήδη λογαριασμό;",
-  "app.register-result.msg": "Λογαριασμός：εγγεγραμμένος ως {{email}}",
-  "app.register-result.activation-email": "Το email ενεργοποίησης έχει σταλεί στο email σας και έχει ισχύ εώς 24 ώρες. Παρακαλούμε συνδεθείτε στο email σας εγκαίρως και κάντε κλικ στο σύνδεσμο του email για να ενεργοποιήσετε το λογαριασμό.",
-  "app.register-result.back-home": "Επιστροφή στην αρχική σελίδα",
-  "app.register-result.view-mailbox": "Προβολή αλληλογραφίας",
-  "validation.email.required": "Παρακαλώ εισάγετε το email σας!",
-  "validation.email.wrong-format": "Η μορφή της διεύθυνση email δεν είναι έγκυρη!",
-  "validation.password.required": "Παρακαλώ εισάγετε τον κωδικό πρόσβασης!",
-  "validation.password.twice": "Οι κωδικοί πρόσβασης που εισαγάγατε δεν ταιριάζουν!",
-  "validation.password.strength.msg": "Παρακαλώ εισάγετε τουλάχιστον 6 χαρακτήρες, μην χρησιμοποιείτε αδύναμους κωδικούς",
-  "validation.password.strength.strong": "Ισχύς κωδικού: ισχυρός",
-  "validation.password.strength.medium": "Ισχύς κωδικού: μέτριος",
-  "validation.password.strength.short": "Ισχύς κωδικού: αδύναμος",
-  "validation.confirm-password.required": "Παρακαλώ επιβεβαιώστε τον κωδικό πρόσβασης!",
-  "validation.phone-number.required": "Παρακαλω εισάγετε τον αριθμό τηλεφώνου σας!",
-  "validation.phone-number.wrong-format": "O αριθμός τηλεφώνου δέν είναι έγκυρος!",
-  "validation.verification-code.required": "Παρακαλώ εισάγετε τον κωδικό επιβεβαίωσης!",
-  "validation.title.required": "Παρακαλώ εισάγετε έναν τίτλο",
-  "validation.date.required": "Παρακαλώ επιλέξτε την ημερομηνία έναρξης και λήξης",
-  "validation.goal.required": "Παρακαλώ εισάγετε την περιγραφή του στόχου",
-  "validation.standard.required": "Παρακαλώ εισάγετε μια μέτρηση"
-}
diff --git a/src/assets/tmp/i18n/en-US.json b/src/assets/tmp/i18n/en-US.json
deleted file mode 100644
index e60a7160..00000000
--- a/src/assets/tmp/i18n/en-US.json
+++ /dev/null
@@ -1,251 +0,0 @@
-{
-  "menu.search.placeholder": "Search for people, file, photos...",
-  "menu.fullscreen": "Fullscreen",
-  "menu.fullscreen.exit": "Exit Fullscreen",
-  "menu.clear.local.storage": "Clear Local Storage",
-  "menu.lang": "Language",
-  "menu.main": "Main Navigation",
-  "menu.dashboard": "Dashboard",
-  "menu.dashboard.v1": "Default",
-  "menu.dashboard.analysis": "Analysis",
-  "menu.dashboard.monitor": "Monitor",
-  "menu.dashboard.workplace": "Workplace",
-  "menu.shortcut": "Shortcut",
-  "menu.widgets": "Widgets",
-  "menu.alain": "Alain",
-  "menu.style": "Style",
-  "menu.style.typography": "Typography",
-  "menu.style.gridmasonry": "Grid Masonry",
-  "menu.style.colors": "Colors",
-  "menu.delon": "Delon Lib",
-  "menu.delon.form": "Dynamic Form",
-  "menu.delon.table": "Simple table",
-  "menu.delon.util": "Util",
-  "menu.delon.print": "Print",
-  "menu.delon.guard": "Route Guard",
-  "menu.delon.cache": "Cache",
-  "menu.delon.qr": "QR",
-  "menu.delon.acl": "ACL",
-  "menu.delon.downfile": "Download File",
-  "menu.delon.xlsx": "Excel",
-  "menu.delon.zip": "Zip",
-  "menu.pro": "Antd Pro",
-  "menu.form": "Form",
-  "menu.form.basicform": "Basic Form",
-  "menu.form.stepform": "Step Form",
-  "menu.form.stepform.info": "Step Form(write transfer information)",
-  "menu.form.stepform.confirm": "Step Form(confirm transfer information)",
-  "menu.form.stepform.result": "Step Form(finished)",
-  "menu.form.advancedform": "Advanced Form",
-  "menu.list": "List",
-  "menu.list.searchtable": "Search Table",
-  "menu.list.basiclist": "Basic List",
-  "menu.list.cardlist": "Card List",
-  "menu.list.searchlist": "Search List",
-  "menu.list.searchlist.articles": "Search List(articles)",
-  "menu.list.searchlist.projects": "Search List(projects)",
-  "menu.list.searchlist.applications": "Search List(applications)",
-  "menu.profile": "Profile",
-  "menu.profile.basic": "Basic Profile",
-  "menu.profile.advanced": "Advanced Profile",
-  "menu.result": "Result",
-  "menu.result.success": "Success",
-  "menu.result.fail": "Fail",
-  "menu.exception": "Exception",
-  "menu.exception.not-permission": "403",
-  "menu.exception.not-find": "404",
-  "menu.exception.server-error": "500",
-  "menu.account": "Account",
-  "menu.account.center": "Account Center",
-  "menu.account.settings": "Account Settings",
-  "menu.account.trigger": "Trigger Error",
-  "menu.account.logout": "Logout",
-  "menu.more": "More",
-  "menu.report": "Report",
-  "menu.report.relation": "Relation Map",
-  "menu.extras": "Extra",
-  "menu.extras.helpcenter": "Help Center",
-  "menu.extras.settings": "Settings",
-  "menu.extras.poi": "Poi",
-  "app.analysis.test": "Gongzhuan No.{{no}} shop",
-  "app.analysis.introduce": "Introduce",
-  "app.analysis.total-sales": "Total Sales",
-  "app.analysis.day-sales": "Day Sales",
-  "app.analysis.visits": "Visits",
-  "app.analysis.visits-trend": "Visits Trend",
-  "app.analysis.visits-ranking": "Visits Ranking",
-  "app.analysis.day-visits": "Day Visits",
-  "app.analysis.week": "Week Ratio",
-  "app.analysis.day": "Day Ratio",
-  "app.analysis.payments": "Payments",
-  "app.analysis.conversion-rate": "Conversion Rate",
-  "app.analysis.operational-effect": "Operational Effect",
-  "app.analysis.sales-trend": "Stores Sales Trend",
-  "app.analysis.sales-ranking": "Sales Ranking",
-  "app.analysis.all-year": "All Year",
-  "app.analysis.all-month": "All Month",
-  "app.analysis.all-week": "All Week",
-  "app.analysis.all-day": "All day",
-  "app.analysis.search-users": "Search Users",
-  "app.analysis.per-capita-search": "Per Capita Search",
-  "app.analysis.online-top-search": "Online Top Search",
-  "app.analysis.the-proportion-of-sales": "The Proportion Of Sales",
-  "app.analysis.channel.all": "ALL",
-  "app.analysis.channel.online": "Online",
-  "app.analysis.channel.stores": "Stores",
-  "app.analysis.sales": "Sales",
-  "app.analysis.traffic": "Traffic",
-  "app.analysis.table.rank": "Rank",
-  "app.analysis.table.search-keyword": "Keyword",
-  "app.analysis.table.users": "Users",
-  "app.analysis.table.weekly-range": "Weekly Range",
-  "app.monitor.trading-activity": "Real-Time Trading Activity",
-  "app.monitor.total-transactions": "Total transactions today",
-  "app.monitor.sales-target": "Sales target completion rate",
-  "app.monitor.remaining-time": "Remaining time of activity",
-  "app.monitor.total-transactions-per-second": "Total transactions per second",
-  "app.monitor.activity-forecast": "Activity forecast",
-  "app.monitor.efficiency": "Efficiency",
-  "app.monitor.ratio": "Ratio",
-  "app.monitor.proportion-per-category": "Proportion Per Category",
-  "app.monitor.fast-food": "Fast food",
-  "app.monitor.western-food": "Western food",
-  "app.monitor.hot-pot": "Hot pot",
-  "app.monitor.waiting-for-implementation": "Waiting for implementation",
-  "app.monitor.popular-searches": "Popular Searches",
-  "app.monitor.resource-surplus": "Resource Surplus",
-  "app.monitor.fund-surplus": "Fund Surplus",
-  "app.lock": "Lock",
-  "app.login.message-invalid-credentials": "Invalid username or password（admin/ant.design）",
-  "app.login.message-invalid-verification-code": "Invalid verification code",
-  "app.login.tab-login-credentials": "Credentials",
-  "app.login.tab-login-mobile": "Mobile number",
-  "app.login.remember-me": "Remember me",
-  "app.login.forgot-password": "Forgot your password?",
-  "app.login.sign-in-with": "Sign in with",
-  "app.login.signup": "Sign up",
-  "app.login.login": "Login",
-  "app.register.register": "Register",
-  "app.register.get-verification-code": "Get code",
-  "app.register.sign-in": "Already have an account?",
-  "app.register-result.msg": "Account：registered at {{email}}",
-  "app.register-result.activation-email": "The activation email has been sent to your email address and is valid for 24 hours. Please log in to the email in time and click on the link in the email to activate the account.",
-  "app.register-result.back-home": "Back to home",
-  "app.register-result.view-mailbox": "View mailbox",
-  "validation.email.required": "Please enter your email!",
-  "validation.email.wrong-format": "The email address is in the wrong format!",
-  "validation.password.required": "Please enter your password!",
-  "validation.password.twice": "The passwords entered twice do not match!",
-  "validation.password.strength.msg": "Please enter at least 6 characters and don't use passwords that are easy to guess.",
-  "validation.password.strength.strong": "Strength: strong",
-  "validation.password.strength.medium": "Strength: medium",
-  "validation.password.strength.short": "Strength: too short",
-  "validation.confirm-password.required": "Please confirm your password!",
-  "validation.phone-number.required": "Please enter your phone number!",
-  "validation.phone-number.wrong-format": "Malformed phone number!",
-  "validation.verification-code.required": "Please enter the verification code!",
-  "validation.title.required": "Please enter a title",
-  "validation.date.required": "Please select the start and end date",
-  "validation.goal.required": "Please enter a description of the goal",
-  "validation.standard.required": "Please enter a metric",
-  "common.list": "List",
-  "common.add": "Add",
-  "common.edit": "Edit",
-  "common.delete": "Delete",
-  "common.no-data": "No Data",
-  "common.captcha-btn.second": "s",
-  "common.captcha-btn.send": "Send",
-  "validation.phone-number": "Phone Number",
-  "validation.verification-code": "Verification Code",
-  "validation.password": "Password",
-  "app.setting.pagestyle": "Page style setting",
-  "app.setting.pagestyle.dark": "Dark style",
-  "app.setting.pagestyle.light": "Light style",
-  "app.setting.content-width": "Content Width",
-  "app.setting.content-width.fixed": "Fixed",
-  "app.setting.content-width.fluid": "Fluid",
-  "app.setting.themecolor": "Theme Color",
-  "app.setting.themecolor.dust": "Dust Red",
-  "app.setting.themecolor.volcano": "Volcano",
-  "app.setting.themecolor.sunset": "Sunset Orange",
-  "app.setting.themecolor.cyan": "Cyan",
-  "app.setting.themecolor.green": "Polar Green",
-  "app.setting.themecolor.daybreak": "Daybreak Blue (default)",
-  "app.setting.themecolor.geekblue": "Geek Glue",
-  "app.setting.themecolor.purple": "Golden Purple",
-  "app.setting.navigationmode": "Navigation Mode",
-  "app.setting.sidemenu": "Side Menu Layout",
-  "app.setting.topmenu": "Top Menu Layout",
-  "app.setting.fixedheader": "Fixed Header",
-  "app.setting.fixedsidebar": "Fixed Sidebar",
-  "app.setting.fixedsidebar.hint": "Works on Side Menu Layout",
-  "app.setting.hideheader": "Hidden Header when scrolling",
-  "app.setting.hideheader.hint": "Works when Hidden Header is enabled",
-  "app.setting.onlyicon": "Only icon",
-  "app.setting.onlyicon.hint": "Works on Top Menu Layout",
-  "app.setting.othersettings": "Other Settings",
-  "app.setting.weakmode": "Weak Mode",
-  "app.setting.copy": "Copy Setting",
-  "app.setting.copyinfo": "Copy success, please replace it according to the contents of clipboard.",
-  "app.setting.production.hint": "Setting panel shows in development environment only, please manually modify",
-  "app.setting.copy.result": "Configure in [src/styles/theme.less]: \n{{colorVars}}\n\nConfigure in [src/environments/*]:\nexport const environment = {\n  ...\n  pro: {\n{{layoutVars}}\n  }\n}",
-  "menu.dashboard.dd": "Customize",
-  "menu.other.calendar": "Calendar",
-  "menu.other.calendar.basic": "Basic Calendar",
-  "menu.other.calendar.list": "List View",
-  "menu.other.calendar.events": "Events",
-  "menu.other.faq": "FAQ",
-  "menu.other.faq.v1": "FAQ v1",
-  "menu.other.faq.v2": "FAQ v2",
-  "menu.other.faq.v3": "FAQ v3",
-  "menu.other.kanban-board": "Kanban board",
-  "menu.other.task": "Tasks",
-  "menu.other.forum": "Forums",
-  "menu.other.email": "E-Mail",
-  "menu.other.project": "Projects",
-  "menu.other.client": "Clients",
-  "menu.other.contact": "Contacts",
-  "menu.other.pricing": "Pricing",
-  "menu.other.billing": "Billing",
-  "menu.other.course": "Courses",
-  "menu.other.chat": "Chat",
-  "menu.other.gallery": "Gallery",
-  "menu.other.article": "Articles",
-  "menu.other.voting": "Voting",
-  "menu.other.invoice": "Invoice",
-  "menu.settings": "Settings",
-  "menu.pages": "Pages",
-  "menu.ec": "E-commerce",
-  "menu.ec.ware": "Ware",
-  "menu.ec.trade": "Trade",
-  "menu.file": "File",
-  "menu.file.docx": "Docx",
-  "menu.file.xlsx": "Xlsx",
-  "menu.file.pdf": "Pdf",
-  "menu.system": "System",
-  "menu.system.file-manager": "File Manager",
-  "menu.system.user": "User",
-  "menu.system.role": "Role",
-  "menu.system.permission": "Permission",
-  "menu.system.menu": "Menu",
-  "menu.system.log": "Log",
-  "menu.map": "Maps",
-  "menu.map.google": "Google Maps",
-  "menu.map.baidu": "Baidu Maps",
-  "menu.chart": "Charts",
-  "menu.chart.g2": "G2",
-  "menu.chart.ngx-charts": "Ngx Charts",
-  "menu.chart.ngx-trend": "Ngx Trend",
-  "menu.chart.mermaid": "Mermaid",
-  "menu.chart.gantt": "Gantt",
-  "menu.account.lock": "Lock",
-  "menu.account.login": "Login + Register",
-  "menu.account.login2": "Login + Register 2",
-  "menu.account.login3": "Login + Register 3",
-  "app.sys.menu.list": "Menu List",
-  "app.sys.menu.root": "Add Root Menu",
-  "app.sys.permission.list": "Permission List",
-  "app.sys.permission.root": "Add Root Node",
-  "layout.pro.user.link.home": "Pro Home",
-  "layout.pro.user.link.alain": "Alain"
-}
diff --git a/src/assets/tmp/i18n/es-ES.json b/src/assets/tmp/i18n/es-ES.json
deleted file mode 100644
index 9b7a0ad5..00000000
--- a/src/assets/tmp/i18n/es-ES.json
+++ /dev/null
@@ -1,153 +0,0 @@
-{
-  "menu.search.placeholder": "Buscar personas, archivos, fotos...",
-  "menu.fullscreen": "Pantalla completa",
-  "menu.fullscreen.exit": "Salir de pantalla completa",
-  "menu.clear.local.storage": "Borrar Local Storage",
-  "menu.lang": "Idioma",
-  "menu.main": "Navegación Principal",
-  "menu.dashboard": "Dashboard",
-  "menu.dashboard.v1": "Por defecto",
-  "menu.dashboard.analysis": "Análisis",
-  "menu.dashboard.monitor": "Monitor",
-  "menu.dashboard.workplace": "Espacio de trabajo",
-  "menu.shortcut": "Atajo",
-  "menu.widgets": "Complementos",
-  "menu.alain": "Alain",
-  "menu.style": "Estilo",
-  "menu.style.typography": "Tipografía",
-  "menu.style.gridmasonry": "Grid Masonry",
-  "menu.style.colors": "Colores",
-  "menu.delon": "Delon Lib",
-  "menu.delon.form": "Formularios Dinámicos",
-  "menu.delon.table": "Tabla simple",
-  "menu.delon.util": "Util",
-  "menu.delon.print": "Imprimir",
-  "menu.delon.guard": "Guard de Rutas",
-  "menu.delon.cache": "Cache",
-  "menu.delon.qr": "QR",
-  "menu.delon.acl": "ACL",
-  "menu.delon.downfile": "Descargar archivo",
-  "menu.delon.xlsx": "Excel",
-  "menu.delon.zip": "Zip",
-  "menu.pro": "Antd Pro",
-  "menu.form": "Formulario",
-  "menu.form.basicform": "Formulario Básico",
-  "menu.form.stepform": "Formulario en Pasos",
-  "menu.form.stepform.info": "Step Form(escribir información de transferencia)",
-  "menu.form.stepform.confirm": "Step Form(confirmar la información de la transferencia)",
-  "menu.form.stepform.result": "Step Form(terminado)",
-  "menu.form.advancedform": "Formulario avanzado",
-  "menu.list": "Lista",
-  "menu.list.searchtable": "Buscar en la tabla",
-  "menu.list.basiclist": "Lista Básica",
-  "menu.list.cardlist": "Lsita de Cartas",
-  "menu.list.searchlist": "Lista de Búsqueda",
-  "menu.list.searchlist.articles": "Lista de Búsqueda(artículos)",
-  "menu.list.searchlist.projects": "Lista de Búsqueda(proyectos)",
-  "menu.list.searchlist.applications": "Lista de Búsqueda(aplicaciones)",
-  "menu.profile": "Perfil",
-  "menu.profile.basic": "Perfil Básico",
-  "menu.profile.advanced": "Perfil Avanzado",
-  "menu.result": "Resultado",
-  "menu.result.success": "Success",
-  "menu.result.fail": "Fail",
-  "menu.exception": "Exception",
-  "menu.exception.not-permission": "403",
-  "menu.exception.not-find": "404",
-  "menu.exception.server-error": "500",
-  "menu.account": "Cuenta",
-  "menu.account.center": "Cuenta",
-  "menu.account.settings": "Configuraciones",
-  "menu.account.trigger": "Lanzar Error",
-  "menu.account.logout": "Cerrar sesión",
-  "menu.more": "Más",
-  "menu.report": "Reporte",
-  "menu.report.relation": "Relation Map",
-  "menu.extras": "Extra",
-  "menu.extras.helpcenter": "Centro de ayuda",
-  "menu.extras.settings": "Configuraciones",
-  "menu.extras.poi": "Poi",
-  "app.analysis.test": "Gongzhuan tienda No.{{no}}",
-  "app.analysis.introduce": "Introduzca",
-  "app.analysis.total-sales": "Total Ventas",
-  "app.analysis.day-sales": "Ventas diarias",
-  "app.analysis.visits": "Visitas",
-  "app.analysis.visits-trend": "Tendencia de visitas",
-  "app.analysis.visits-ranking": "Ranking de visitas",
-  "app.analysis.day-visits": "Visitas Diarias",
-  "app.analysis.week": "Ratio por Semana",
-  "app.analysis.day": "Ratio Diario",
-  "app.analysis.payments": "Pagos",
-  "app.analysis.conversion-rate": "Tipo de Conversión",
-  "app.analysis.operational-effect": "Efecto operacional",
-  "app.analysis.sales-trend": "Tendencia de ventas de las tiendas",
-  "app.analysis.sales-ranking": "Ranking de ventas",
-  "app.analysis.all-year": "Todo el Año",
-  "app.analysis.all-month": "Todo el Mes",
-  "app.analysis.all-week": "Toda la Semana",
-  "app.analysis.all-day": "Todos los días",
-  "app.analysis.search-users": "Buscar Usuarios",
-  "app.analysis.per-capita-search": "Búsqueda per cápita",
-  "app.analysis.online-top-search": "Online Top Search",
-  "app.analysis.the-proportion-of-sales": "The Proportion Of Sales",
-  "app.analysis.channel.all": "Todos",
-  "app.analysis.channel.online": "En line",
-  "app.analysis.channel.stores": "Tiendas",
-  "app.analysis.sales": "Ventas",
-  "app.analysis.traffic": "Tráfico",
-  "app.analysis.table.rank": "Rango",
-  "app.analysis.table.search-keyword": "Palabra clave",
-  "app.analysis.table.users": "Usuarios",
-  "app.analysis.table.weekly-range": "Rango semanal",
-  "app.monitor.trading-activity": "Actividad comercial en tiempo real",
-  "app.monitor.total-transactions": "Total de transacciones diarias",
-  "app.monitor.sales-target": "Tasa de finalización del objetivo de ventas",
-  "app.monitor.remaining-time": "Tiempo restante de actividad",
-  "app.monitor.total-transactions-per-second": "Total de transacciones por segundo",
-  "app.monitor.activity-forecast": "Previsión de actividad",
-  "app.monitor.efficiency": "Eficiencia",
-  "app.monitor.ratio": "Ratio",
-  "app.monitor.proportion-per-category": "Proporción por categoría",
-  "app.monitor.fast-food": "Comida rápida",
-  "app.monitor.western-food": "Comida occidental",
-  "app.monitor.hot-pot": "Estofados",
-  "app.monitor.waiting-for-implementation": "Esperando una implmentación",
-  "app.monitor.popular-searches": "Búsquedas populares",
-  "app.monitor.resource-surplus": "Excedente de recursos",
-  "app.monitor.fund-surplus": "Superávit del Fondo",
-  "app.lock": "Bloqueo",
-  "app.login.message-invalid-credentials": "Nombre de usuario o contraseña no válidos（admin/ant.design）",
-  "app.login.message-invalid-verification-code": "Código de verificación inválido",
-  "app.login.tab-login-credentials": "Credenciales",
-  "app.login.tab-login-mobile": "Número de móvil",
-  "app.login.remember-me": "Rercuérdame",
-  "app.login.forgot-password": "¿Ha olvidado su contraseña?",
-  "app.login.sign-in-with": "Acceder con",
-  "app.login.signup": "Ingresar",
-  "app.login.login": "Iniciar de sesión",
-  "app.register.register": "Registro",
-  "app.register.get-verification-code": "Obtener código",
-  "app.register.sign-in": "¿Ya tiene una cuenta?",
-  "app.register-result.msg": "Cuenta： registrada con {{email}}",
-  "app.register-result.activation-email":
-    "El correo electrónico de activación se ha enviado a su dirección de correo electrónico y es válido durante 24 horas. Por favor, inicie sesión en el correo electrónico a tiempo y haga clic en el enlace del correo electrónico para activar la cuenta.",
-  "app.register-result.back-home": "Volver a la página de inicio",
-  "app.register-result.view-mailbox": "Ver buzón",
-  "validation.email.required": "¡Por favor, introduzca su correo electrónico!",
-  "validation.email.wrong-format": "¡La dirección de correo electrónico tiene un formato incorrecto.!",
-  "validation.password.required": "¡Por favor, introduzca su contraseña!",
-  "validation.password.twice": "¡Las contraseñas introducidas no coinciden!",
-  "validation.password.strength.msg":
-    "Por favor, introduce al menos 6 caracteres y no utilices contraseñas fáciles de adivinar.",
-  "validation.password.strength.strong": "Fortaleza: fuerte",
-  "validation.password.strength.medium": "Fortaleza: medio",
-  "validation.password.strength.short": "Fortaleza: demasiado corto",
-  "validation.confirm-password.required": "¡Por favor, Confirme su contraseña!",
-  "validation.phone-number.required": "¡Por favor, introduzca su número de teléfono!",
-  "validation.phone-number.wrong-format": "¡Número de teléfono malformado!",
-  "validation.verification-code.required": "¡Por favor, introduzca el código de verificación!",
-  "validation.title.required": "Por favor, introduzca un título",
-  "validation.date.required": "Seleccione la fecha de inicio y de finalización",
-  "validation.goal.required": "Por favor, introduzca una descripción del objetivo",
-  "validation.standard.required": "Por favor, introduzca una métrica"
-}
diff --git a/src/assets/tmp/i18n/fr-FR.json b/src/assets/tmp/i18n/fr-FR.json
deleted file mode 100644
index ec05d231..00000000
--- a/src/assets/tmp/i18n/fr-FR.json
+++ /dev/null
@@ -1,153 +0,0 @@
-{
-  "menu.search.placeholder": "Rechercher des personnes, des fichiers, des photos ...",
-  "menu.fullscreen": "Plein écran",
-  "menu.fullscreen.exit": "Quitter le mode plein écran",
-  "menu.clear.local.storage": "Effacer le stockage local",
-  "menu.lang": "Langue",
-  "menu.main": "Navigation principale",
-  "menu.dashboard": "Tableau de bord",
-  "menu.dashboard.v1": "Par défaut",
-  "menu.dashboard.analysis": "Analyse",
-  "menu.dashboard.monitor": "Moniteur",
-  "menu.dashboard.workplace": "Lieu de travail",
-  "menu.shortcut": "Raccourci",
-  "menu.widgets": "Widgets",
-  "menu.alain": "Alain",
-  "menu.style": "Style",
-  "menu.style.typography": "Typographie",
-  "menu.style.gridmasonry": "Grille de maçonnerie",
-  "menu.style.colors": "Couleurs",
-  "menu.delon": "Delon Lib",
-  "menu.delon.form": "Forme dynamique",
-  "menu.delon.table": "Tableau simple",
-  "menu.delon.util": "Util",
-  "menu.delon.print": "Imprimer",
-  "menu.delon.guard": "Route Guard",
-  "menu.delon.cache": "Cache",
-  "menu.delon.qr": "QR",
-  "menu.delon.acl": "ACL",
-  "menu.delon.downfile": "Télécharger un fichier",
-  "menu.delon.xlsx": "Excel",
-  "menu.delon.zip": "Zip",
-  "menu.pro": "Antd Pro",
-  "menu.form": "Formulaire",
-  "menu.form.basicform": "Formulaire de base",
-  "menu.form.stepform": "Formulaire d'étape",
-  "menu.form.stepform.info": "Formulaire d'étape (écrire les informations de transfert)",
-  "menu.form.stepform.confirm": "Formulaire d'étape (confirmer les informations de transfert)",
-  "menu.form.stepform.result": "Formulaire d'étape (terminé)",
-  "menu.form.advancedform": "Formulaire avancé",
-  "menu.list": "Liste",
-  "menu.list.searchtable": "Rechercher dans la table",
-  "menu.list.basiclist": "Liste de base",
-  "menu.list.cardlist": "Liste des cartes",
-  "menu.list.searchlist": "Liste de recherche",
-  "menu.list.searchlist.articles": "Liste de recherche (articles)",
-  "menu.list.searchlist.projects": "Liste de recherche (projets)",
-  "menu.list.searchlist.applications": "Liste de recherche (applications)",
-  "menu.profile": "Profil",
-  "menu.profile.basic": "Profil de base",
-  "menu.profile.advanced": "Profil avancé",
-  "menu.result": "Résultat",
-  "menu.result.success": "Succès",
-  "menu.result.fail": "Échec",
-  "menu.exception": "Exception",
-  "menu.exception.not-permission": "403",
-  "menu.exception.not-find": "404",
-  "menu.exception.server-error": "500",
-  "menu.account": "Compte",
-  "menu.account.center": "Centre de comptes",
-  "menu.account.settings": "Paramètres du compte",
-  "menu.account.trigger": "Déclenchement des erreurs",
-  "menu.account.logout": "Déconnexion",
-  "menu.more": "Plus",
-  "menu.report": "Rapport",
-  "menu.report.relation": "Carte des relations",
-  "menu.extras": "Extra",
-  "menu.extras.helpcenter": "Centre d'aide",
-  "menu.extras.settings": "Paramètres",
-  "menu.extras.poi": "Poi",
-  "app.analysis.test": "Gongzhuan No. {{no}} shop",
-  "app.analysis.introduce": "Introduire",
-  "app.analysis.total-sales": "Ventes totales",
-  "app.analysis.day-sales": "Ventes du jour",
-  "app.analysis.visits": "Visites",
-  "app.analysis.visits-trend": "Tendance des visites",
-  "app.analysis.visits-ranking": "Classement des visites",
-  "app.analysis.day-visites": "Visites d'une journée",
-  "app.analysis.week": "Ratio hebdomadaire",
-  "app.analysis.day": "Ratio journalier",
-  "app.analysis.payments": "Paiements",
-  "app.analysis.conversion-rate": "Taux de conversion",
-  "app.analysis.operational-effect": "Operational Effect",
-  "app.analysis.sales-trend": "Tendance des ventes des magasins",
-  "app.analysis.sales-ranking": "Classement des ventes",
-  "app.analysis.all-year": "Toute l'année",
-  "app.analysis.all-month": "Tout le mois",
-  "app.analysis.all-week": "Toute la semaine",
-  "app.analysis.all-day": "Toute la journée",
-  "app.analysis.search-users": "Rechercher des utilisateurs",
-  "app.analysis.per-capita-search": "Recherche par capital",
-  "app.analysis.online-top-search": "Top des recherche  en ligne",
-  "App.analysis.the-proportion-of-sales": "The Proportion Of Sales",
-  "app.analysis.channel.all": "TOUS",
-  "app.analysis.channel.online": "En ligne",
-  "app.analysis.channel.stores": "Magasins",
-  "app.analysis.sales": "Ventes",
-  "app.analysis.traffic": "Trafic",
-  "app.analysis.table.rank": "Rang",
-  "app.analysis.table.search-keyword": "mot clé",
-  "app.analysis.table.users": "Utilisateurs",
-  "app.analysis.table.weekly-range": "Plage hebdomadaire",
-  "app.monitor.trading-activity": "Activité de trading en temps réel",
-  "app.monitor.total-transactions": "Total des transactions aujourd'hui",
-  "app.monitor.sales-target": "Taux d'achèvement de l'objectif de vente",
-  "app.monitor.remaining-time": "Temps d'activité restant",
-  "app.monitor.total-transactions-per-second": "Total des transactions par seconde",
-  "app.monitor.activity-Forecast": "Prévisions d'activité",
-  "app.monitor.efficiency": "Efficacité",
-  "app.monitor.ratio": "Ratio",
-  "app.monitor.proportion-per-category": "Proportion Per Category",
-  "app.monitor.fast-food": "Restauration rapide",
-  "app.monitor.western-food": "Cuisine occidentale",
-  "app.monitor.hot-pot": "Hot pot",
-  "app.monitor.waiting-for-implementation": "En attente de mise en œuvre",
-  "app.monitor.popular-recherches": "Recherches populaires",
-  "app.monitor.resource-surplus": "Surplus de ressources",
-  "app.monitor.fund-surplus": "Excédent de fonds",
-  "app.lock": "Verrouiller",
-  "app.login.message-invalid-credentials": "Nom d'utilisateur ou mot de passe invalide （admin / ant.design）",
-  "app.login.message-invalid-verification-code": "Code de vérification non valide",
-  "app.login.tab-login-credentials": "Identifiants",
-  "app.login.tab-login-mobile": "Numéro de portable",
-  "app.login.remember-me": "Se souvenir de moi",
-  "app.login.forgot-password": "Mot de passe oublié?",
-  "app.login.sign-in-with": "Connectez-vous avec",
-  "app.login.signup": "Inscription",
-  "app.login.login": "Connexion",
-  "app.register.register": "S'inscrire",
-  "app.register.get-verification-code": "Obtenir le code",
-  "app.register.sign-in": "Vous avez déjà un compte?",
-  "app.register-result.msg": "Compte ： inscrit avec {{email}}",
-  "app.register-result.activation-email":
-    "L'e-mail d'activation a été envoyé à votre adresse e-mail et est valide pendant 24 heures. Veuillez vous connecter à l'e-mail à temps et cliquer sur le lien dans l'e-mail pour activer le compte.",
-  "app.register-result.back-home": "Retour à l'accueil",
-  "app.register-result.view-mailbox": "Afficher la boîte aux lettres",
-  "validation.email.required": "Veuillez entrer votre email!",
-  "validation.email.wrong-format": "L'adresse e-mail est au mauvais format!",
-  "validation.password.required": "Veuillez entrer votre mot de passe!",
-  "validation.password.twice": "Les mots de passe saisis deux fois ne correspondent pas!",
-  "validation.password.strength.msg":
-    "Veuillez saisir au moins 6 caractères et n'utilisez pas de mots de passe faciles à deviner.",
-  "validation.password.strength.strong": "Force: forte",
-  "validation.password.strength.medium": "Force: moyenne",
-  "validation.password.strength.short": "Force: trop courte",
-  "validation.confirm-password.required": "Veuillez confirmer votre mot de passe!",
-  "validation.phone-number.required": "Veuillez entrer votre numéro de téléphone!",
-  "validation.phone-number.wrong-format": "Numéro de téléphone incorrect!",
-  "validation.verification-code.required": "Veuillez saisir le code de vérification!",
-  "validation.title.required": "Veuillez saisir un titre",
-  "validation.date.required": "Veuillez sélectionner la date de début et de fin",
-  "validation.goal.required": "Veuillez saisir une description de l'objectif",
-  "validation.standard.required": "Veuillez saisir une statistique"
-}
diff --git a/src/assets/tmp/i18n/hr-HR.json b/src/assets/tmp/i18n/hr-HR.json
deleted file mode 100644
index 065d3672..00000000
--- a/src/assets/tmp/i18n/hr-HR.json
+++ /dev/null
@@ -1,151 +0,0 @@
-{
-  "menu.search.placeholder": "Traži osobe, datoteke, fotografije ...",
-  "menu.fullscreen": "Puni zaslon",
-  "menu.fullscreen.exit": "Izađite sa cijelog zaslona",
-  "menu.clear.local.storage": "Očistite lokalnu pohranu",
-  "menu.lang": "Jezik",
-  "menu.main": "Glavna navigacija",
-  "menu.dashboard": "Ploča",
-  "menu.dashboard.v1": "Zadano",
-  "menu.dashboard.analysis": "Analiza",
-  "menu.dashboard.monitor": "Monitor",
-  "menu.dashboard.workplace": "Radni prostor",
-  "menu.shortcut": "Prečica",
-  "menu.widgets": "Programčić",
-  "menu.alain": "Alain",
-  "menu.style": "Stil",
-  "menu.style.typography": "Tipografija",
-  "menu.style.gridmasonry": "Mreža",
-  "menu.style.colors": "Boje",
-  "menu.delon": "Delon lib",
-  "menu.delon.form": "Dinamični obrazac",
-  "menu.delon.table": "Jednostavna tablica",
-  "menu.delon.util": "Alati",
-  "menu.delon.print": "Ispis",
-  "menu.delon.guard": "Stražar rute",
-  "menu.delon.cache": "Cache",
-  "menu.delon.qr": "QR",
-  "menu.delon.acl": "ACL",
-  "menu.delon.downfile": "Preuzmi datoteku",
-  "menu.delon.xlsx": "Excel",
-  "menu.delon.zip": "Zip",
-  "menu.pro": "Antd Pro",
-  "menu.form": "Obrazac",
-  "menu.form.basicform": "Osnovni obrazac",
-  "menu.form.stepform": "Obrazac u koracima",
-  "menu.form.stepform.info": "Obrazac u koracima (upišite podatke o prijenosu)",
-  "menu.form.stepform.confirm": "Obrazac u koracima (potvrdite podatke o prijenosu)",
-  "menu.form.stepform.result": "Obrazac u koracima (završeno)",
-  "menu.form.advancedform": "Napredni obrazac",
-  "menu.list": "Popis",
-  "menu.list.searchtable": "Tablica pretraživanja",
-  "menu.list.basiclist": "Osnovni popis",
-  "menu.list.cardlist": "Popis kartica",
-  "menu.list.searchlist": "Popis pretraživanja",
-  "menu.list.searchlist.articles": "Popis za pretraživanje (članci)",
-  "menu.list.searchlist.projects": "Popis za pretraživanje (projekti)",
-  "menu.list.searchlist.applications": "Popis za pretraživanje (aplikacije)",
-  "menu.profile": "Profil",
-  "menu.profile.basic": "Osnovni profil",
-  "menu.profile.advanced": "Napredni profil",
-  "menu.result": "Rezultat",
-  "menu.result.success": "Uspjeh",
-  "menu.result.fail": "Nauspjeh",
-  "menu.exception": "Iznimka",
-  "menu.exception.not-permission": "403",
-  "menu.exception.not-find": "404",
-  "menu.exception.server-error": "500",
-  "menu.account": "Račun",
-  "menu.account.center": "Upravljanje računima",
-  "menu.account.settings": "Postavke računa",
-  "menu.account.trigger": "Pozovi grešku",
-  "menu.account.logout": "Odjava",
-  "menu.more": "Više",
-  "menu.report": "Izvješće",
-  "menu.report.relation": "Karta relacija",
-  "menu.extras": "Dodatno",
-  "menu.extras.helpcenter": "Centar za pomoć",
-  "menu.extras.settings": "Postavke",
-  "menu.extras.poi": "Poi",
-  "app.analysis.test": "Gongzhuan br. {{No}} trgovina",
-  "app.analysis.introduce": "Predstavljanje",
-  "app.analysis.total-sales": "Totalna rasprodaja",
-  "app.analysis.day-sales": "Dnevna prodaja",
-  "app.analysis.visits": "Posjeta",
-  "app.analysis.visits-trend": "Trend posjeta",
-  "app.analysis.visits-ranking": "Rangiranje posjeta",
-  "app.analysis.day-visits": "Dnevne posjete",
-  "app.analysis.week": "Omjer tjedna",
-  "app.analysis.day": "Dnevni omjer",
-  "app.analysis.payments": "Plaćanja",
-  "app.analysis.conversion-rate": "Stopa",
-  "app.analysis.operational-effect": "Operativni učinak",
-  "app.analysis.sales-trend": "Trendova prodaje",
-  "app.analysis.sales-ranking": "Poredak",
-  "app.analysis.all-year": "Cijela godina,",
-  "app.analysis.all-month": "Cijeli mjesec",
-  "app.analysis.all-week": "Cijeli tjedan",
-  "app.analysis.all-day": "Cijeli dan",
-  "app.analysis.search-users": "Pretraživanje korisnika",
-  "app.analysis.per-capita-search": "Pretraživanje po osobi",
-  "app.analysis.online-top-search": "Internetska top pretraga",
-  "app.analysis.the-proportion-of-sales": "Omjer prodaje",
-  "app.analysis.channel.all": "SVI",
-  "app.analysis.channel.online": "Aktivni",
-  "app.analysis.channel.stores": "Trgovine",
-  "app.analysis.sales": "Prodaja",
-  "app.analysis.traffic": "Promet",
-  "app.analysis.table.rank": "Rang",
-  "app.analysis.table.search-keyword": "Ključna riječ",
-  "app.analysis.table.users": "Korisnici",
-  "app.analysis.table.weekly-range": "Tjedno",
-  "app.monitor.trading-activity": "Aktivnost u realnom vremenu",
-  "app.monitor.total-transactions": "Ukupno transakcija danas",
-  "app.monitor.sales-target": "Ciljna stopa prodaje",
-  "app.monitor.remaining-time": "Preostalo vrijeme aktivnosti",
-  "app.monitor.total-transactions-per-second": "Ukupno transakcija u sekundi",
-  "app.monitor.activity-forecast": "Prognoza aktivnosti",
-  "app.monitor.efficiency": "Učinkovitost",
-  "app.monitor.ratio": "Omjer",
-  "app.monitor.proportion-per-category": "Proporcija po kategoriji",
-  "app.monitor.fast-food": "Brza hrana",
-  "app.monitor.western-food": "Zapadnjačka hrana",
-  "app.monitor.hot-pot": "Vrući lonac",
-  "app.monitor.waiting-for-implementation": "Čekanje na implementaciju",
-  "app.monitor.popular-searches": "Popularna pretraživanja",
-  "app.monitor.resource-surplus": "Višak resursa",
-  "app.monitor.fund-surplus": "Prekomjerni fond",
-  "app.lock": "Zaključaj",
-  "app.login.message-invalid-credentials": "Nevažeće korisničko ime ili lozinka ",
-  "app.login.message-invalid-verification-code": "Nevažeći kontrolni kôd",
-  "app.login.tab-login-credentials": "Vjerodajnice",
-  "app.login.tab-login-mobile": "Broj mobitela",
-  "app.login.remember-me": "Zapamti me",
-  "app.login.forgot-password": "Zaboravili ste zaporku?",
-  "app.login.sign-in-with": "Prijava sa",
-  "app.login.signup": "Registracija",
-  "app.login.login": "Prijava",
-  "app.register.register": "Registracija",
-  "app.register.get-verification-code": "Dohvati kôd",
-  "app.register.sign-in": "Već imate račun?",
-  "app.register-result.msg": "Račun registriran na {{email}}",
-  "app.register-result.activation-email": "Poruka za aktivaciju poslana je na vašu adresu epošte i vrijedi 24 sata. Prijavite se na vrijeme i kliknite poveznicu u epošti da biste aktivirali račun.",
-  "app.register-result.back-home": "Povratak na naslovnicu",
-  "app.register-result.view-mailbox": "Prikaži pretinac",
-  "validation.email.required": "Unesite svoju e-poštu!",
-  "validation.email.wrong-format": "Adresa e-pošte je u pogrešnom obliku!",
-  "validation.password.required": "Unesite svoju lozinku!",
-  "validation.password.twice": "Unesene zaporke se ne podudaraju!",
-  "validation.password.strength.msg": "Unesite najmanje 6 znakova i ne koristite lozinke koje je lako pogoditi.",
-  "validation.password.strength.strong": "Jaka  ",
-  "validation.password.strength.medium": "Srednja ",
-  "validation.password.strength.short": "Slaba  ",
-  "validation.confirm-password.required": "Potvrdite zaporku!",
-  "validation.phone-number.required": "Unesite svoj telefonski broj!",
-  "validation.phone-number.wrong-format": "Pogrešan telefonski broj!",
-  "validation.verification-code.required": "Unesite kontrolni kôd!",
-  "validation.title.required": "Unesite naslov",
-  "validation.date.required": "Molimo odaberite datum početka i završetka",
-  "validation.goal.required": "Unesite opis cilja",
-  "validation.standard.required": "Unesite mjerni podatak"
-}
diff --git a/src/assets/tmp/i18n/it-IT.json b/src/assets/tmp/i18n/it-IT.json
deleted file mode 100644
index b856aa95..00000000
--- a/src/assets/tmp/i18n/it-IT.json
+++ /dev/null
@@ -1,151 +0,0 @@
-{
-  "menu.search.placeholder": "Cerca persone, file, foto…",
-  "menu.fullscreen": "Schermo intero",
-  "menu.fullscreen.exit": "Esci dallo schermo intero",
-  "menu.clear.local.storage": "Cancella memoria locale",
-  "menu.lang": "Lingua",
-  "menu.main": "Navigazione principale",
-  "menu.dashboard": "Pannello di controllo",
-  "menu.dashboard.v1": "Predefinito",
-  "menu.dashboard.analysis": "Analisi",
-  "menu.dashboard.monitor": "Monitor",
-  "menu.dashboard.workplace": "Luogo di lavoro",
-  "menu.shortcut": "Scorciatoia",
-  "menu.widgets": "Widgets",
-  "menu.alain": "Alain",
-  "menu.style": "Stile",
-  "menu.style.typography": "Tipografia",
-  "menu.style.gridmasonry": "Muratura Griglia",
-  "menu.style.colors": "Colori",
-  "menu.delon": "Delon Lib",
-  "menu.delon.form": "Forma dinamica",
-  "menu.delon.table": "Tabella semplice",
-  "menu.delon.util": "Util",
-  "menu.delon.print": "Stampa",
-  "menu.delon.guard": "Protezione Percorso",
-  "menu.delon.cache": "Cache",
-  "menu.delon.qr": "QR",
-  "menu.delon.acl": "ACL",
-  "menu.delon.downfile": "Scarica File",
-  "menu.delon.xlsx": "Excel",
-  "menu.delon.zip": "Zip",
-  "menu.pro": "Antd Pro",
-  "menu.form": "Modulo",
-  "menu.form.basicform": "Modulo di base",
-  "menu.form.stepform": "Modulo di fase",
-  "menu.form.stepform.info": "Modulo di fase (scrivi informazioni del trasferimento)",
-  "menu.form.stepform.confirm": "Modulo di fase (conferma informazioni del trasferimento)",
-  "menu.form.stepform.result": "Modulo di fase (terminato)",
-  "menu.form.advancedform": "Modulo avanzato",
-  "menu.list": "Elenco",
-  "menu.list.searchtable": "Cerca tabella",
-  "menu.list.basiclist": "Elenco di base",
-  "menu.list.cardlist": "Elenco delle schede",
-  "menu.list.searchlist": "Cerca elenco",
-  "menu.list.searchlist.articles": "Cerca elenco (articoli)",
-  "menu.list.searchlist.projects": "Cerca elenco (progetti)",
-  "menu.list.searchlist.applications": "Cerca elenco (applicazioni)",
-  "menu.profile": "Profilo",
-  "menu.profile.basic": "Profilo di base",
-  "menu.profile.advanced": "Profilo avanzato",
-  "menu.result": "Risultato",
-  "menu.result.success": "Riuscito",
-  "menu.result.fail": "Fallito",
-  "menu.exception": "Eccezione",
-  "menu.exception.not-permission": "403",
-  "menu.exception.not-find": "404",
-  "menu.exception.server-error": "500",
-  "menu.account": "Account",
-  "menu.account.center": "Centro Account",
-  "menu.account.settings": "Impostazioni dell'account",
-  "menu.account.trigger": "Errore all'attivazione",
-  "menu.account.logout": "Esci",
-  "menu.more": "Altro",
-  "menu.report": "Report",
-  "menu.report.relation": "Mappa della relazione",
-  "menu.extras": "Extra",
-  "menu.extras.helpcenter": "Centro assistenza",
-  "menu.extras.settings": "Impostazioni",
-  "menu.extras.poi": "Poi",
-  "app.analysis.test": "Gongzhuan N.{{no}} negozio",
-  "app.analysis.introduce": "Presenta",
-  "app.analysis.total-sales": "Vendite totali",
-  "app.analysis.day-sales": "Vendite giornaliere",
-  "app.analysis.visits": "Visite",
-  "app.analysis.visits-trend": "Trend visite",
-  "app.analysis.visits-ranking": "Ranking visite",
-  "app.analysis.day-visits": "Visite giornaliere",
-  "app.analysis.week": "Rapporto settimanale",
-  "app.analysis.day": "Rapporto giornaliero",
-  "app.analysis.payments": "Pagamenti",
-  "app.analysis.conversion-rate": "Tasso di conversione",
-  "app.analysis.operational-effect": "Effetto operativo",
-  "app.analysis.sales-trend": "Trend vendite del negozio",
-  "app.analysis.sales-ranking": "Ranking vendite",
-  "app.analysis.all-year": "Intero Anno",
-  "app.analysis.all-month": "Intero Messe",
-  "app.analysis.all-week": "Intero Settimana",
-  "app.analysis.all-day": "Intero giorno",
-  "app.analysis.search-users": "Cerca utenti",
-  "app.analysis.per-capita-search": "Ricerca pro capite",
-  "app.analysis.online-top-search": "Migliore ricerca online",
-  "app.analysis.the-proportion-of-sales": "La percentuale di vendite",
-  "app.analysis.channel.all": "TUTTI",
-  "app.analysis.channel.online": "Online",
-  "app.analysis.channel.stores": "Negozi",
-  "app.analysis.sales": "Vendite",
-  "app.analysis.traffic": "Traffico",
-  "app.analysis.table.rank": "Posizione",
-  "app.analysis.table.search-keyword": "Parola chiave",
-  "app.analysis.table.users": "Utenti",
-  "app.analysis.table.weekly-range": "Intervallo settimanale",
-  "app.monitor.trading-activity": "Attività commerciale in tempo reale",
-  "app.monitor.total-transactions": "Transazioni totali oggi",
-  "app.monitor.sales-target": "Tasso di completamento degli obiettivi di vendita",
-  "app.monitor.remaining-time": "Tempo rimanente di attività",
-  "app.monitor.total-transactions-per-second": "Transazioni totali al secondo",
-  "app.monitor.activity-forecast": "Previsioni attività",
-  "app.monitor.efficiency": "Efficienza",
-  "app.monitor.ratio": "Rapporto",
-  "app.monitor.proportion-per-category": "Percentuale per categoria",
-  "app.monitor.fast-food": "Fast food",
-  "app.monitor.western-food": "Cibo occidentale",
-  "app.monitor.hot-pot": "Pentola calda",
-  "app.monitor.waiting-for-implementation": "In attesa di applicazione",
-  "app.monitor.popular-searches": "Ricerche popolari",
-  "app.monitor.resource-surplus": "Eccedenza di risorse",
-  "app.monitor.fund-surplus": "Eccedenza di fondi",
-  "app.lock": "Blocca",
-  "app.login.message-invalid-credentials": "Nome utente o password non validi (admin/ant.design)",
-  "app.login.message-invalid-verification-code": "Codice di verifica non valido",
-  "app.login.tab-login-credentials": "Credenziali",
-  "app.login.tab-login-mobile": "Numero di cellulare",
-  "app.login.remember-me": "Ricordami",
-  "app.login.forgot-password": "Hai dimenticato la password?",
-  "app.login.sign-in-with": "Accedi con",
-  "app.login.signup": "Registrati",
-  "app.login.login": "Accedi",
-  "app.register.register": "Registrati",
-  "app.register.get-verification-code": "Ottieni codice",
-  "app.register.sign-in": "Hai già un account?",
-  "app.register-result.msg": "Account: registrato all'indirizzo {{email}}",
-  "app.register-result.activation-email": "L'email di attivazione è stata inviata al tuo indirizzo di posta elettronica ed è valida per 24 ore. Accedi all'email in tempo e fai clic sul link per attivare l'account.",
-  "app.register-result.back-home": "Torna alla home",
-  "app.register-result.view-mailbox": "Visualizza casella di posta",
-  "validation.email.required": "Inserisci la tua email!",
-  "validation.email.wrong-format": "L'indirizzo email è nel formato sbagliato!",
-  "validation.password.required": "Inserisci la tua password!",
-  "validation.password.twice": "Le password inserite due volte non corrispondono!",
-  "validation.password.strength.msg": "Digita almeno 6 caratteri e non utilizzare password facili da intuire.",
-  "validation.password.strength.strong": "Sicurezza: alta",
-  "validation.password.strength.medium": "Sicurezza: media",
-  "validation.password.strength.short": "Sicurezza: troppo breve",
-  "validation.confirm-password.required": "Conferma la tua password!",
-  "validation.phone-number.required": "Inserisci il tuo numero di telefono!",
-  "validation.phone-number.wrong-format": "Numero di telefono non corretto!",
-  "validation.verification-code.required": "Inserisci il codice di verifica!",
-  "validation.title.required": "Inserisci un titolo",
-  "validation.date.required": "Seleziona la data di inizio e di fine",
-  "validation.goal.required": "Inserisci una descrizione dell'obiettivo",
-  "validation.standard.required": "Inserisci un parametro"
-}
diff --git a/src/assets/tmp/i18n/ko-KR.json b/src/assets/tmp/i18n/ko-KR.json
deleted file mode 100644
index 66d3f0c0..00000000
--- a/src/assets/tmp/i18n/ko-KR.json
+++ /dev/null
@@ -1,153 +0,0 @@
-{
-  "menu.search.placeholder": "사람, 파일, 사진 검색...",
-  "menu.fullscreen": "전체 화면",
-  "menu.fullscreen.exit": "전체 화면 종료",
-  "menu.clear.local.storage": "로컬 저장소 지우기",
-  "menu.lang": "언어",
-  "menu.main": "기본 탐색",
-  "menu.dashboard": "대시 보드",
-  "menu.dashboard.v1": "기본값",
-  "menu.dashboard.analysis": "분석",
-  "menu.dashboard.monitor": "모니터",
-  "menu.dashboard.workplace": "Workplace",
-  "menu.shortcut": "바로 가기",
-  "menu.widgets": "위젯",
-  "menu.alain": "Alain",
-  "menu.style": "스타일",
-  "menu.style.typography": "타이포그래피",
-  "menu.style.gridmasonry": "Grid Masonry",
-  "menu.style.colors": "색상",
-  "menu.delon": "Delon 라이브러리",
-  "menu.delon.form": "다이나믹폼",
-  "menu.delon.table": "심플테이블",
-  "menu.delon.util": "유틸",
-  "menu.delon.print": "출력",
-  "menu.delon.guard": "라우팅 가드",
-  "menu.delon.cache": "캐쉬",
-  "menu.delon.qr": "QR",
-  "menu.delon.acl": "ACL",
-  "menu.delon.downfile": "다운로드 파일",
-  "menu.delon.xlsx": "엑셀",
-  "menu.delon.zip": "Zip",
-  "menu.pro": "Antd Pro",
-  "menu.form": "양식",
-  "menu.form.basicform": "기본 양식",
-  "menu.form.stepform": "단계별 양식",
-  "menu.form.stepform.info": "단계별 양식(이전 정보 쓰기)",
-  "menu.form.stepform.confirm": "단계별 양식(전송 정보 확인)",
-  "menu.form.stepform.result": "단계별 양식(완료)",
-  "menu.form.advancedform": "고급 양식",
-  "menu.list": "리스트",
-  "menu.list.searchtable": "검색 테이블",
-  "menu.list.basiclist": "리본 리스트",
-  "menu.list.cardlist": "카드 리스트",
-  "menu.list.searchlist": "검색 리스트",
-  "menu.list.searchlist.articles": "검색 리스트(게시글)",
-  "menu.list.searchlist.projects": "검색 리스트(프로젝트)",
-  "menu.list.searchlist.applications": "검색 리스트(어플리케이션)",
-  "menu.profile": "프로필",
-  "menu.profile.basic": "기본 프로필",
-  "menu.profile.advanced": "고급 프로필",
-  "menu.result": "결과",
-  "menu.result.success": "성공",
-  "menu.result.fail": "실패",
-  "menu.exception": "예외",
-  "menu.exception.not-permission": "403",
-  "menu.exception.not-find": "404",
-  "menu.exception.server-error": "500",
-  "menu.account": "계정",
-  "menu.account.center": "계정 센터",
-  "menu.account.settings": "계정 설정",
-  "menu.account.trigger": "트리거 에러",
-  "menu.account.logout": "로그아웃",
-  "menu.more": "더 보기",
-  "menu.report": "보고서",
-  "menu.report.relation": "연관 맵",
-  "menu.extras": "확장",
-  "menu.extras.helpcenter": "도움말 센터",
-  "menu.extras.settings": "설정",
-  "menu.extras.poi": "POI",
-  "app.analysis.test": "공전로 {{no}}번째 가게",
-  "app.analysis.introduce": "지표설명",
-  "app.analysis.total-sales": "총 판매",
-  "app.analysis.day-sales": "일일 판매",
-  "app.analysis.visits": "방문수",
-  "app.analysis.visits-trend": "방문자 트랜드",
-  "app.analysis.visits-ranking": "방문자 랭킹",
-  "app.analysis.day-visits": "일일 방문수",
-  "app.analysis.week": "주간",
-  "app.analysis.day": "일간",
-  "app.analysis.payments": "지불",
-  "app.analysis.conversion-rate": "전환율",
-  "app.analysis.operational-effect": "운영 활동 효과",
-  "app.analysis.sales-trend": "판매 추세",
-  "app.analysis.sales-ranking": "판매 랭킹",
-  "app.analysis.all-year": "올해",
-  "app.analysis.all-month": "이번달",
-  "app.analysis.all-week": "이번주",
-  "app.analysis.all-day": "오늘",
-  "app.analysis.search-users": "검색 사용자",
-  "app.analysis.per-capita-search": "1인당 검색",
-  "app.analysis.online-top-search": "온라인 인기 검색",
-  "app.analysis.the-proportion-of-sales": "판매 비율",
-  "app.analysis.channel.all": "모두",
-  "app.analysis.channel.online": "온라인",
-  "app.analysis.channel.stores": "상점",
-  "app.analysis.sales": "판매",
-  "app.analysis.traffic": "트래픽",
-  "app.analysis.table.rank": "랭킹",
-  "app.analysis.table.search-keyword": "키워드",
-  "app.analysis.table.users": "사용자수",
-  "app.analysis.table.weekly-range": "주간 범위",
-  "app.monitor.trading-activity": "실시간 거래 활동",
-  "app.monitor.total-transactions": "오늘 총 거래액",
-  "app.monitor.sales-target": "판매 목표 완료율",
-  "app.monitor.remaining-time": "남은 활동 시간",
-  "app.monitor.total-transactions-per-second": "초당 총 트랜잭션",
-  "app.monitor.activity-forecast": "활동 예측",
-  "app.monitor.efficiency": "능률",
-  "app.monitor.ratio": "비율",
-  "app.monitor.proportion-per-category": "카테고리별 비율",
-  "app.monitor.fast-food": "패스트 푸드",
-  "app.monitor.western-food": "서양식",
-  "app.monitor.hot-pot": "냄비",
-  "app.monitor.waiting-for-implementation": "구현 대기 중",
-  "app.monitor.popular-searches": "인기 검색",
-  "app.monitor.resource-surplus": "자원 여분",
-  "app.monitor.fund-surplus": "보조금 기금 흑자",
-  "app.lock": "잠금",
-  "app.login.message-invalid-credentials": "사용자 정보 또는 패스워드가 유효하지 않습니다.（admin/ant.design）",
-  "app.login.message-invalid-verification-code": "인증 코드가 잘못되었습니다.",
-  "app.login.tab-login-credentials": "계정 패스워드 로그인",
-  "app.login.tab-login-mobile": "모바일 번호 로그인",
-  "app.login.remember-me": "자동 로그인",
-  "app.login.forgot-password": "비밀번호를 잊어 버렸습니까?",
-  "app.login.sign-in-with": "다른 방법으로 로그인",
-  "app.login.signup": "가입",
-  "app.login.login": "로그인",
-  "app.register.register": "등록",
-  "app.register.get-verification-code": "인증코드 받기",
-  "app.register.sign-in": "기존 계정으로 로그인",
-  "app.register-result.msg": "{{email}} 으로 계정이 등록 되었습니다.",
-  "app.register-result.activation-email":
-  "활성화 이메일은 귀하의 이메일 주소로 발송되었으며 24 시간 동안 유효합니다. 시간내에 해당 이메일에 로그인하고 이메일의 링크를 클릭하여 계정을 활성화하십시오.",
-  "app.register-result.back-home": "홈으로 가기",
-  "app.register-result.view-mailbox": "메일 보기",
-  "validation.email.required": "이메일 정보를 입력하세요.",
-  "validation.email.wrong-format": "올바른 이메일 주소가 아닙니다.",
-  "validation.password.required": "패스워드를 입력하세요",
-  "validation.password.twice": "입력한 패스워드가 2 회 틀렸습니다.",
-  "validation.password.strength.msg":
-  "6 자 이상 입력하십시오. 추측하기 쉬운 암호를 사용하지 마십시오.",
-  "validation.password.strength.strong": "비밀번호 강도: 강력",
-  "validation.password.strength.medium": "비밀번호 강도: 중간",
-  "validation.password.strength.short": "비밀번호 강도: 취약",
-  "validation.confirm-password.required": "암호를 확인하세요.",
-  "validation.phone-number.required": "전화번호를 입력하세요.",
-  "validation.phone-number.wrong-format": "올바른 전화번호가 아닙니다.",
-  "validation.verification-code.required": "인증코드를 입력하세요.",
-  "validation.title.required": "제목을 입력하세요.",
-  "validation.date.required": "시작일과 종료일을 선택하세요.",
-  "validation.goal.required": "목표에 대한 설명을 입력하십시오.",
-  "validation.standard.required": "측정 항목을 입력하십시오."
-}
diff --git a/src/assets/tmp/i18n/pl-PL.json b/src/assets/tmp/i18n/pl-PL.json
deleted file mode 100644
index 9e01bdbe..00000000
--- a/src/assets/tmp/i18n/pl-PL.json
+++ /dev/null
@@ -1,153 +0,0 @@
-{
-  "menu.search.placeholder": "Szukaj osób, plików, zdjęć...",
-  "menu.fullscreen": "Pełny ekran",
-  "menu.fullscreen.exit": "Wyjdź z pełnego ekranu",
-  "menu.clear.local.storage": "Wyczyść magazyn lokalny",
-  "menu.lang": "Język",
-  "menu.main": "Główna nawigacja",
-  "menu.dashboard": "Dashboard",
-  "menu.dashboard.v1": "Domyślny",
-  "menu.dashboard.analysis": "Analityczny",
-  "menu.dashboard.monitor": "Monitorowanie",
-  "menu.dashboard.workplace": "Miejsce pracy",
-  "menu.shortcut": "Skrót",
-  "menu.widgets": "Widżety",
-  "menu.alain": "Alain",
-  "menu.style": "Styl",
-  "menu.style.typography": "Typografia",
-  "menu.style.gridmasonry": "Grid Masonry",
-  "menu.style.colors": "Kolory",
-  "menu.delon": "Biblioteka Delon",
-  "menu.delon.form": "Dynamiczne formularze",
-  "menu.delon.table": "Prosta tabela",
-  "menu.delon.util": "Narzędzia",
-  "menu.delon.print": "Drukowanie",
-  "menu.delon.guard": "Route Guard",
-  "menu.delon.cache": "Pamięć podręczna",
-  "menu.delon.qr": "QR",
-  "menu.delon.acl": "ACL",
-  "menu.delon.downfile": "Pobierz plik",
-  "menu.delon.xlsx": "Excel",
-  "menu.delon.zip": "Zip",
-  "menu.pro": "Antd Pro",
-  "menu.form": "Formularze",
-  "menu.form.basicform": "Prosty formularz",
-  "menu.form.stepform": "Formularz krokowy",
-  "menu.form.stepform.info": "Step Form(Wprowadź informacje dotyczące przelewu)",
-  "menu.form.stepform.confirm": "Step Form(Potwierdź informacje o przesyłce)",
-  "menu.form.stepform.result": "Step Form(Zakończone)",
-  "menu.form.advancedform": "Zaawnsowany formularz",
-  "menu.list": "Listy",
-  "menu.list.searchtable": "Przeszukiwalna tabela",
-  "menu.list.basiclist": "Prosta lista",
-  "menu.list.cardlist": "Lista kart",
-  "menu.list.searchlist": "Listy przeszukiwalne",
-  "menu.list.searchlist.articles": "Lista przeszukiwalna(artykuły)",
-  "menu.list.searchlist.projects": "Lista przeszukiwalna(projekty)",
-  "menu.list.searchlist.applications": "Lista przeszukiwalna(aplikacje)",
-  "menu.profile": "Profil",
-  "menu.profile.basic": "Prosty profil",
-  "menu.profile.advanced": "Zaawansowany profil",
-  "menu.result": "Wyniki",
-  "menu.result.success": "Sukces",
-  "menu.result.fail": "Porażka",
-  "menu.exception": "Błąd",
-  "menu.exception.not-permission": "403",
-  "menu.exception.not-find": "404",
-  "menu.exception.server-error": "500",
-  "menu.account": "Konto",
-  "menu.account.center": "Centrum konta",
-  "menu.account.settings": "Ustawienia konta",
-  "menu.account.trigger": "Błąd wyzwalacza",
-  "menu.account.logout": "Wyloguj",
-  "menu.more": "Więcej",
-  "menu.report": "Raport",
-  "menu.report.relation": "Relation Map",
-  "menu.extras": "Ekstra",
-  "menu.extras.helpcenter": "Centrum pomocy",
-  "menu.extras.settings": "Ustawienia",
-  "menu.extras.poi": "POI",
-  "app.analysis.test": "Sklep przy Gongzhuan No.{{no}}",
-  "app.analysis.introduce": "Wprowadzenie",
-  "app.analysis.total-sales": "Sprzedaż ogółem",
-  "app.analysis.day-sales": "Dzienna sprzedaż",
-  "app.analysis.visits": "Odwiedzin",
-  "app.analysis.visits-trend": "Trend odwiedzin",
-  "app.analysis.visits-ranking": "Ranking odwiedzin",
-  "app.analysis.day-visits": "Dziennych odwiedzin",
-  "app.analysis.week": "Współczynnik tygodniowy",
-  "app.analysis.day": "Współczynnik dzienny",
-  "app.analysis.payments": "Płatności",
-  "app.analysis.conversion-rate": "Stopień konwersji",
-  "app.analysis.operational-effect": "Efekt operacyjny",
-  "app.analysis.sales-trend": "Trend sprzedaży w sklepach",
-  "app.analysis.sales-ranking": "Ranking sprzedaży",
-  "app.analysis.all-year": "Cały rok",
-  "app.analysis.all-month": "Cały miesiąc",
-  "app.analysis.all-week": "Cały tydzień",
-  "app.analysis.all-day": "Cały dzień",
-  "app.analysis.search-users": "Wyszukających użytkowników",
-  "app.analysis.per-capita-search": "Wyszukiwań per użytkownik",
-  "app.analysis.online-top-search": "Najpopularniejsze wyszukiwania online",
-  "app.analysis.the-proportion-of-sales": "Proporcje sprzedaży",
-  "app.analysis.channel.all": "WSZYSTKIE",
-  "app.analysis.channel.online": "Online",
-  "app.analysis.channel.stores": "Sklepy",
-  "app.analysis.sales": "Sprzedaż",
-  "app.analysis.traffic": "Ruch",
-  "app.analysis.table.rank": "Ranking",
-  "app.analysis.table.search-keyword": "Słowo kluczowe",
-  "app.analysis.table.users": "Użytkownicy",
-  "app.analysis.table.weekly-range": "Zakres tygodniowy",
-  "app.monitor.trading-activity": "Aktywność handlowa w czasie rzeczywistym",
-  "app.monitor.total-transactions": "Łączna liczba transakcji dzisiaj",
-  "app.monitor.sales-target": "Wskaźnik realizacji celu sprzedaży",
-  "app.monitor.remaining-time": "Pozostały czas aktywności",
-  "app.monitor.total-transactions-per-second": "Całkowita liczba transakcji na sekundę",
-  "app.monitor.activity-forecast": "Prognoza aktywności",
-  "app.monitor.efficiency": "Wydajność",
-  "app.monitor.ratio": "Współczynnik",
-  "app.monitor.proportion-per-category": "Proporcje według kategorii",
-  "app.monitor.fast-food": "Fast food",
-  "app.monitor.western-food": "Zachodnia kuchnia",
-  "app.monitor.hot-pot": "Hot pot",
-  "app.monitor.waiting-for-implementation": "Oczekuje na implementację",
-  "app.monitor.popular-searches": "Popularne wyszukiwania",
-  "app.monitor.resource-surplus": "Nadwyżka zasobów",
-  "app.monitor.fund-surplus": "Nadwyżka funduszu",
-  "app.lock": "Zablokuj",
-  "app.login.message-invalid-credentials": "Nieprawidłowa nazwa użytkownika lub hasło（admin/ant.design）",
-  "app.login.message-invalid-verification-code": "Nieprawidłowy kod weryfikacyjny",
-  "app.login.tab-login-credentials": "Uprawnienia",
-  "app.login.tab-login-mobile": "Numer telefonu komórkowego",
-  "app.login.remember-me": "Zapamiętaj mnie",
-  "app.login.forgot-password": "Zapomniałeś hasła?",
-  "app.login.sign-in-with": "Zaloguj się za pomocą",
-  "app.login.signup": "Zarejestruj się",
-  "app.login.login": "Logowanie",
-  "app.register.register": "Rejestracja",
-  "app.register.get-verification-code": "Pobierz kod",
-  "app.register.sign-in": "Już masz konto?",
-  "app.register-result.msg": "Konto：zarejstrowane dla {{email}}",
-  "app.register-result.activation-email":
-    "Email aktywacyjny został wysłany na wskazany adres i będzie ważny przez 24 godiny. Proszę, sprawdź swoją pocztę w tym czasie i kliknij na link wskazany w wiadomości aby aktywować konto",
-  "app.register-result.back-home": "Powróć do strony głównej",
-  "app.register-result.view-mailbox": "Zobacz skrzynkę odbiorczą",
-  "validation.email.required": "Proszę podać adres email!",
-  "validation.email.wrong-format": "Adres email jest w nieprawidłowym formacie!",
-  "validation.password.required": "Proszę podać swoje hasło!",
-  "validation.password.twice": "Pierwsze oraz powtórzone hasło nie są identyczne!",
-  "validation.password.strength.msg":
-    "Hasło powinno być trudne do odgadnięcia oraz składać się z przynajmniej 6 znaków",
-  "validation.password.strength.strong": "Siła: mocne",
-  "validation.password.strength.medium": "Siła: średni",
-  "validation.password.strength.short": "Siła: zbyt krótkie",
-  "validation.confirm-password.required": "Proszę, potwierdź swoje hasło!",
-  "validation.phone-number.required": "Proszę podać numer telefonu komórkowego!",
-  "validation.phone-number.wrong-format": "Nieprawidłowy numer telefonu!",
-  "validation.verification-code.required": "Proszę podać kod weryfikacyjny!",
-  "validation.title.required": "Proszę podać tytuł",
-  "validation.date.required": "Proszę podać datę początkową i końcową",
-  "validation.goal.required": "Proszę podać opis dla tego celu",
-  "validation.standard.required": "Proszę wskazać metrykę"
-}
diff --git a/src/assets/tmp/i18n/sl-SI.json b/src/assets/tmp/i18n/sl-SI.json
deleted file mode 100644
index 6b13b589..00000000
--- a/src/assets/tmp/i18n/sl-SI.json
+++ /dev/null
@@ -1,151 +0,0 @@
-{
-  "menu.search.placeholder": "Išči ljudi, datoteke, fotografije,...",
-  "menu.fullscreen": "Celozaslonski način",
-  "menu.fullscreen.exit": "Zapusti celozaslonski način",
-  "menu.clear.local.storage": "Izbriši lokalni pomnilnik",
-  "menu.lang": "Jezik",
-  "menu.main": "Glavna navigacija",
-  "menu.dashboard": "Glavni vmesnik",
-  "menu.dashboard.v1": "Privzeto",
-  "menu.dashboard.analysis": "Analiza",
-  "menu.dashboard.monitor": "Monitor",
-  "menu.dashboard.workplace": "Delovno mesto",
-  "menu.shortcut": "Bližnjica",
-  "menu.widgets": "Pripomočki",
-  "menu.alain": "Alain",
-  "menu.style": "Slog",
-  "menu.style.typography": "Pisava",
-  "menu.style.gridmasonry": "Mreža",
-  "menu.style.colors": "Barve",
-  "menu.delon": "Delon Lib",
-  "menu.delon.form": "Dinamični obrazec",
-  "menu.delon.table": "Enostavna tabela",
-  "menu.delon.util": "Pomoč",
-  "menu.delon.print": "Natisni",
-  "menu.delon.guard": "Route Guard",
-  "menu.delon.cache": "Začasni pomnilnik",
-  "menu.delon.qr": "QR",
-  "menu.delon.acl": "ACL",
-  "menu.delon.downfile": "Prenesi datoteko",
-  "menu.delon.xlsx": "Excel",
-  "menu.delon.zip": "Zip",
-  "menu.pro": "Antd Pro",
-  "menu.form": "Obrazec",
-  "menu.form.basicform": "Osnovni obrazec",
-  "menu.form.stepform": "Obrazec koraka",
-  "menu.form.stepform.info": "Obrazec koraka (navedite informacijo za prenos)",
-  "menu.form.stepform.confirm": "Obrazec koraka (potrdite informacijo za prenos)",
-  "menu.form.stepform.result": "Obrazec koraka (končano)",
-  "menu.form.advancedform": "Napredni obrazec",
-  "menu.list": "Seznam",
-  "menu.list.searchtable": "Iskalna tabela",
-  "menu.list.basiclist": "Osnovni seznam",
-  "menu.list.cardlist": "Kartični seznam",
-  "menu.list.searchlist": "Išči po seznamu",
-  "menu.list.searchlist.articles": "Išči po seznamu (članki)",
-  "menu.list.searchlist.projects": "Išči po seznamu (projekti)",
-  "menu.list.searchlist.applications": "Išči po seznamu (aplikacije)",
-  "menu.profile": "Profil",
-  "menu.profile.basic": "Osnovni profil",
-  "menu.profile.advanced": "Napredni profil",
-  "menu.result": "Rezultat",
-  "menu.result.success": "Uspešno",
-  "menu.result.fail": "Neuspešno",
-  "menu.exception": "Izjema",
-  "menu.exception.not-permission": "403",
-  "menu.exception.not-find": "404",
-  "menu.exception.server-error": "500",
-  "menu.account": "Račun",
-  "menu.account.center": "Središče za račun",
-  "menu.account.settings": "Nastavitve računa",
-  "menu.account.trigger": "Napaka sprožilca",
-  "menu.account.logout": "Odjava",
-  "menu.more": "Več",
-  "menu.report": "Poročilo",
-  "menu.report.relation": "Zemljevid relacije",
-  "menu.extras": "Dodatek",
-  "menu.extras.helpcenter": "Središče za pomoč",
-  "menu.extras.settings": "Nastavitve",
-  "menu.extras.poi": "Poi",
-  "app.analysis.test": "Gongzhuan No.{{no}} shop",
-  "app.analysis.introduce": "Predstavitev",
-  "app.analysis.total-sales": "Prodaja skupaj",
-  "app.analysis.day-sales": "Prodaja dnevna",
-  "app.analysis.visits": "Obiski",
-  "app.analysis.visits-trend": "Trend obiskov",
-  "app.analysis.visits-ranking": "Rangiranje obiskov",
-  "app.analysis.day-visits": "Dnevni obiski",
-  "app.analysis.week": "Tedensko razmerje",
-  "app.analysis.day": "Dnevno razmerje",
-  "app.analysis.payments": "Plačila",
-  "app.analysis.conversion-rate": "Menjalni tečaj",
-  "app.analysis.operational-effect": "Operativni učinek",
-  "app.analysis.sales-trend": "Trend prodaje",
-  "app.analysis.sales-ranking": "Rangiranje prodaje",
-  "app.analysis.all-year": "Celotno leto",
-  "app.analysis.all-month": "Cel mesec",
-  "app.analysis.all-week": "Cel teden",
-  "app.analysis.all-day": "Cel dan",
-  "app.analysis.search-users": "Išči uporabnike",
-  "app.analysis.per-capita-search": "Iskanje na prebivalca",
-  "app.analysis.online-top-search": "Spletno iskanje",
-  "app.analysis.the-proportion-of-sales": "Delež prodaje",
-  "app.analysis.channel.all": "VSE",
-  "app.analysis.channel.online": "Splet",
-  "app.analysis.channel.stores": "Trgovine",
-  "app.analysis.sales": "Prodaja",
-  "app.analysis.traffic": "Promet",
-  "app.analysis.table.rank": "Razvrstitev",
-  "app.analysis.table.search-keyword": "Ključna beseda",
-  "app.analysis.table.users": "Uporabniki",
-  "app.analysis.table.weekly-range": "Tedenski razpon",
-  "app.monitor.trading-activity": "Analiza trgovanja v realnem času",
-  "app.monitor.total-transactions": "Skupno število transakcij danes",
-  "app.monitor.sales-target": "Doseganje prodajnega plana",
-  "app.monitor.remaining-time": "Preostali čas aktivnosti",
-  "app.monitor.total-transactions-per-second": "Skupaj transakcij na sekundo",
-  "app.monitor.activity-forecast": "Napoved aktivnosti",
-  "app.monitor.efficiency": "Učinkovitost",
-  "app.monitor.ratio": "Razmerje",
-  "app.monitor.proportion-per-category": "Razmerje na kategorijo",
-  "app.monitor.fast-food": "Hitre hrana",
-  "app.monitor.western-food": "Zahodnjaška hrana",
-  "app.monitor.hot-pot": "Vroč lonec",
-  "app.monitor.waiting-for-implementation": "Čaka na izvedbo",
-  "app.monitor.popular-searches": "Priljubljena iskanja",
-  "app.monitor.resource-surplus": "Presežek virov",
-  "app.monitor.fund-surplus": "Presežek sredstev",
-  "app.lock": "Zakleni",
-  "app.login.message-invalid-credentials": "Nnapačno uporabniško ime ali geslo",
-  "app.login.message-invalid-verification-code": "Napačna verifikacijska koda",
-  "app.login.tab-login-credentials": "Začetnice",
-  "app.login.tab-login-mobile": "Mobilna številka",
-  "app.login.remember-me": "Opomni me",
-  "app.login.forgot-password": "Pozabljeno geslo?",
-  "app.login.sign-in-with": "Prijavi se kot",
-  "app.login.signup": "Registracija",
-  "app.login.login": "Prijava",
-  "app.register.register": "Prijavi se",
-  "app.register.get-verification-code": "Pridobi kodo",
-  "app.register.sign-in": "Že imate račun?",
-  "app.register-result.msg": "Račun ： registriran na {{email}}",
-  "app.register-result.activation-email": "Aktivacijsko e-poštno sporočilo je bilo poslano na vaš e-poštni naslov in je veljavno 24 ur. Prosimo, da se pravočasno preverite e-pošto in kliknite povezavo v e-poštnem sporočilu, da aktivirate račun.",
-  "app.register-result.back-home": "Nazaj domov",
-  "app.register-result.view-mailbox": "Poglej nabiralnik",
-  "validation.email.required": "Prosim vnesite vaš e-mail",
-  "validation.email.wrong-format": "e-mail naslov je v napačnem formatu!",
-  "validation.password.required": "Prosim vnesite vaše geslo!",
-  "validation.password.twice": "Dvakrat vnesena gesla se ne ujemajo!",
-  "validation.password.strength.msg": "Vnesite vsaj 6 znakov in ne uporabljajte gesel, ki jih je enostavno uganiti.",
-  "validation.password.strength.strong": "Jakost: močno",
-  "validation.password.strength.medium": "Jakost: srednje",
-  "validation.password.strength.short": "Jakost: prekratko",
-  "validation.confirm-password.required": "Porsim potrdite vaše geslo!",
-  "validation.phone-number.required": "Prosim vnesite vašo mobilno številko!",
-  "validation.phone-number.wrong-format": "Napačna telefonska številka!",
-  "validation.verification-code.required": "Vnesite kodo za preverjanje",
-  "validation.title.required": "Prosim vnesite naslov",
-  "validation.date.required": "Izberite datum začetka in konca",
-  "validation.goal.required": "Vnesite opis cilja",
-  "validation.standard.required": "Vnesite meritev"
-}
diff --git a/src/assets/tmp/i18n/tr-TR.json b/src/assets/tmp/i18n/tr-TR.json
deleted file mode 100644
index 9abafd72..00000000
--- a/src/assets/tmp/i18n/tr-TR.json
+++ /dev/null
@@ -1,153 +0,0 @@
-{
-  "menu.search.placeholder": "Kişileri, dosyaları, fotografları... ara",
-  "menu.fullscreen": "Tam Ekran",
-  "menu.fullscreen.exit": "Tam Ekrandan Çık",
-  "menu.clear.local.storage": "Yerel Depolama Alanını Temizle",
-  "menu.lang": "Dil",
-  "menu.main": "Ana Menü",
-  "menu.dashboard": "Panel",
-  "menu.dashboard.v1": "Varsayılan",
-  "menu.dashboard.analysis": "Analiz",
-  "menu.dashboard.monitor": "İzleme",
-  "menu.dashboard.workplace": "Çalışma Alanı",
-  "menu.shortcut": "Kısayol",
-  "menu.widgets": "Araçlar",
-  "menu.alain": "Alain",
-  "menu.style": "Stil",
-  "menu.style.typography": "Tipografi",
-  "menu.style.gridmasonry": "Masonry Izgara",
-  "menu.style.colors": "Renkler",
-  "menu.delon": "Delon Kütüphanesi",
-  "menu.delon.form": "Dinamik Form",
-  "menu.delon.table": "Basit Tablo",
-  "menu.delon.util": "Faydalı",
-  "menu.delon.print": "Çıktı",
-  "menu.delon.guard": "Route Guard",
-  "menu.delon.cache": "Cache",
-  "menu.delon.qr": "QR",
-  "menu.delon.acl": "ACL",
-  "menu.delon.downfile": "Dosya İndirme",
-  "menu.delon.xlsx": "Excel",
-  "menu.delon.zip": "Zip",
-  "menu.pro": "Antd Pro",
-  "menu.form": "Form",
-  "menu.form.basicform": "Temel Form",
-  "menu.form.stepform": "Step Form",
-  "menu.form.stepform.info": "Step Form(Transfer bilgisi yazınız)",
-  "menu.form.stepform.confirm": "Step Form(transfer bilgisini onaylayın)",
-  "menu.form.stepform.result": "Step Form(tamamlanmış)",
-  "menu.form.advancedform": "Gelişmiş Form",
-  "menu.list": "Liste",
-  "menu.list.searchtable": "Arama Tablo",
-  "menu.list.basiclist": "Basit Liste",
-  "menu.list.cardlist": "Kart Listesi",
-  "menu.list.searchlist": "Arama Listesi",
-  "menu.list.searchlist.articles": "Arama Listesi(articles)",
-  "menu.list.searchlist.projects": "Search List(projects)",
-  "menu.list.searchlist.applications": "Search List(applications)",
-  "menu.profile": "Profil",
-  "menu.profile.basic": "Temel Profil",
-  "menu.profile.advanced": "Gelişmiş Profil",
-  "menu.result": "Sonuç",
-  "menu.result.success": "Başarılı",
-  "menu.result.fail": "Başarısız",
-  "menu.exception": "İstisna",
-  "menu.exception.not-permission": "403",
-  "menu.exception.not-find": "404",
-  "menu.exception.server-error": "500",
-  "menu.account": "Hesap",
-  "menu.account.center": "Hesap Center",
-  "menu.account.settings": "Hesap Ayarları",
-  "menu.account.trigger": "Tetikleyici Hatası",
-  "menu.account.logout": "Çıkış Yap",
-  "menu.more": "Daha",
-  "menu.report": "Rapor",
-  "menu.report.relation": "İlişki Haritası",
-  "menu.extras": "Ekstra",
-  "menu.extras.helpcenter": "Yardım Merkezi",
-  "menu.extras.settings": "Ayarlar",
-  "menu.extras.poi": "Poi",
-  "app.analysis.test": "Gongzhuan No.{{no}} shop",
-  "app.analysis.introduce": "Tanıtım",
-  "app.analysis.total-sales": "Toplam Satışlar",
-  "app.analysis.day-sales": "Günlük Satışlar",
-  "app.analysis.visits": "Zirayetçiler",
-  "app.analysis.visits-trend": "Ziyaretçi Trendi",
-  "app.analysis.visits-ranking": "Ziyaretçi Sıralaması",
-  "app.analysis.day-visits": "Günlük Ziyaretler",
-  "app.analysis.week": "Hafta Oranı",
-  "app.analysis.day": "Günlük Oran",
-  "app.analysis.payments": "Ödemeler",
-  "app.analysis.conversion-rate": "Dönüştüme Oranı",
-  "app.analysis.operational-effect": "Operational Effect",
-  "app.analysis.sales-trend": "Mağaza Satış Trendleri",
-  "app.analysis.sales-ranking": "Satış Sıralaması",
-  "app.analysis.all-year": "Tüm Yıl",
-  "app.analysis.all-month": "Tüm Ay",
-  "app.analysis.all-week": "Tüm Hafta",
-  "app.analysis.all-day": "Tüm Gün",
-  "app.analysis.search-users": "Kullanıcıları ara",
-  "app.analysis.per-capita-search": "Kişi bazlı arama",
-  "app.analysis.online-top-search": "En İyi Çevrimiçi arama",
-  "app.analysis.the-proportion-of-sales": "Satışların oranı",
-  "app.analysis.channel.all": "Herşey",
-  "app.analysis.channel.online": "Çevrimiçi",
-  "app.analysis.channel.stores": "Mağazalar",
-  "app.analysis.sales": "Satış",
-  "app.analysis.traffic": "Trafik",
-  "app.analysis.table.rank": "Oran",
-  "app.analysis.table.search-keyword": "Anahtar Kelime",
-  "app.analysis.table.users": "Kullanıcılar",
-  "app.analysis.table.weekly-range": "Haftalık Aralık",
-  "app.monitor.trading-activity": "Gerçek Zamanlı İşlem Etkinliği",
-  "app.monitor.total-transactions": "Bügünlük toplam işlem",
-  "app.monitor.sales-target": "Satış hedeflerini tamamlama oranı",
-  "app.monitor.remaining-time": "Kalan etkinlik süresi",
-  "app.monitor.total-transactions-per-second": "Total transactions per second",
-  "app.monitor.activity-forecast": "Saniye başına toplam işlem",
-  "app.monitor.efficiency": "Verim",
-  "app.monitor.ratio": "Oran",
-  "app.monitor.proportion-per-category": "Kategori başına oran",
-  "app.monitor.fast-food": "Fast food",
-  "app.monitor.western-food": "Betı yemeği",
-  "app.monitor.hot-pot": "Güveç",
-  "app.monitor.waiting-for-implementation": "Uygulama bekleniyor",
-  "app.monitor.popular-searches": "Popüler Aramalar",
-  "app.monitor.resource-surplus": "Kaynak Fazlası",
-  "app.monitor.fund-surplus": "Fon Fazlası",
-  "app.lock": "Kilitli",
-  "app.login.message-invalid-credentials": "Kullanıcı adı veya şifre geçersizdir（admin/ant.design）",
-  "app.login.message-invalid-verification-code": "Doğrulama kodu geçersizdir",
-  "app.login.tab-login-credentials": "Kimlik bilgileri",
-  "app.login.tab-login-mobile": "Telefon numarası",
-  "app.login.remember-me": "Beni hatırla",
-  "app.login.forgot-password": "Parolanızı mı unuttunuz?",
-  "app.login.sign-in-with": "Şununla giriş yapın",
-  "app.login.signup": "Kaydol",
-  "app.login.login": "Giriş",
-  "app.register.register": "Kayıt",
-  "app.register.get-verification-code": "Kodu al",
-  "app.register.sign-in": "Hesabınız zaten var ı?",
-  "app.register-result.msg": "Hesap：{{email}} kayıtlı",
-  "app.register-result.activation-email":
-    "Aktivasyon e-postası e-posta adresinize gönderilmiştir ve 24 saat geçerlidir. Lütfen e-postaya zamanında giriş yapın ve hesabı etkinleştirmek için e-postadaki bağlantıya tıklayın.",
-  "app.register-result.back-home": "Ana sayfaya dön",
-  "app.register-result.view-mailbox": "Posta kutusunu görüntüle",
-  "validation.email.required": "Lütfen e-postanızı giriniz!",
-  "validation.email.wrong-format": "E-posta adresı formatı yanlıştır!",
-  "validation.password.required": "Lütfen şifrenizi giriniz!",
-  "validation.password.twice": "Şifre doğrulama eşleşmiyor!",
-  "validation.password.strength.msg":
-    "Lütfen en az 6 karakter girin ve tahmin edilmesi kolay şifreler kullanmayın.",
-  "validation.password.strength.strong": "Şifre Karmaşıklığı: Güçlü",
-  "validation.password.strength.medium": "Şifre Karmaşıklığı: orta",
-  "validation.password.strength.short": "Şifre Karmaşıklığı: çok kısa",
-  "validation.confirm-password.required": "Lütfen şifrenizi doğrulayınız!",
-  "validation.phone-number.required": "Lütfen telefon numaranızı giriniz!",
-  "validation.phone-number.wrong-format": "Hatalı telefon numarası!",
-  "validation.verification-code.required": "Lütfen doğrulama kodunu giriniz!",
-  "validation.title.required": "Lütfen bir başlık giriniz",
-  "validation.date.required": "Lütfen başlangıç ve bitiş tarihini seçiniz",
-  "validation.goal.required": "Lütfen hedef için bir açıklama giriniz",
-  "validation.standard.required": "Lütfen bir metrik giriniz"
-}
diff --git a/src/assets/tmp/i18n/zh-CN.json b/src/assets/tmp/i18n/zh-CN.json
deleted file mode 100644
index 0428ab9b..00000000
--- a/src/assets/tmp/i18n/zh-CN.json
+++ /dev/null
@@ -1,251 +0,0 @@
-{
-  "menu.search.placeholder": "搜索：员工、文件、照片等",
-  "menu.fullscreen": "全屏",
-  "menu.fullscreen.exit": "退出全屏",
-  "menu.clear.local.storage": "清理本地缓存",
-  "menu.lang": "语言",
-  "menu.main": "主导航",
-  "menu.dashboard": "仪表盘",
-  "menu.dashboard.v1": "默认页",
-  "menu.dashboard.analysis": "分析页",
-  "menu.dashboard.monitor": "监控页",
-  "menu.dashboard.workplace": "工作台",
-  "menu.shortcut": "快捷菜单",
-  "menu.widgets": "小部件",
-  "menu.alain": "Alain",
-  "menu.style": "样式",
-  "menu.style.typography": "字体排印",
-  "menu.style.gridmasonry": "瀑布流",
-  "menu.style.colors": "色彩",
-  "menu.delon": "Delon 类库",
-  "menu.delon.form": "动态表单",
-  "menu.delon.table": "简易表格",
-  "menu.delon.util": "工具集",
-  "menu.delon.print": "打印",
-  "menu.delon.guard": "路由守卫",
-  "menu.delon.cache": "字典缓存",
-  "menu.delon.qr": "二维码",
-  "menu.delon.acl": "基于角色访问控制",
-  "menu.delon.downfile": "下载文件",
-  "menu.delon.xlsx": "Excel操作",
-  "menu.delon.zip": "本地解压缩",
-  "menu.pro": "Antd Pro",
-  "menu.form": "表单页",
-  "menu.form.basicform": "基础表单",
-  "menu.form.stepform": "分步表单",
-  "menu.form.stepform.info": "分步表单（填写转账信息）",
-  "menu.form.stepform.confirm": "分步表单（确认转账信息）",
-  "menu.form.stepform.result": "分步表单（完成）",
-  "menu.form.advancedform": "高级表单",
-  "menu.list": "列表页",
-  "menu.list.searchtable": "查询表格",
-  "menu.list.basiclist": "标准列表",
-  "menu.list.cardlist": "卡片列表",
-  "menu.list.searchlist": "搜索列表",
-  "menu.list.searchlist.articles": "搜索列表（文章）",
-  "menu.list.searchlist.projects": "搜索列表（项目）",
-  "menu.list.searchlist.applications": "搜索列表（应用）",
-  "menu.profile": "详情页",
-  "menu.profile.basic": "基础详情页",
-  "menu.profile.advanced": "高级详情页",
-  "menu.result": "结果页",
-  "menu.result.success": "成功页",
-  "menu.result.fail": "失败页",
-  "menu.exception": "异常页",
-  "menu.exception.not-permission": "403",
-  "menu.exception.not-find": "404",
-  "menu.exception.server-error": "500",
-  "menu.account": "个人页",
-  "menu.account.center": "个人中心",
-  "menu.account.settings": "个人设置",
-  "menu.account.trigger": "触发错误",
-  "menu.account.logout": "退出登录",
-  "menu.more": "更多",
-  "menu.report": "报表",
-  "menu.report.relation": "全屏关系图",
-  "menu.extras": "扩展",
-  "menu.extras.helpcenter": "帮助中心",
-  "menu.extras.settings": "设置",
-  "menu.extras.poi": "门店",
-  "app.analysis.test": "工专路 {{no}} 号店",
-  "app.analysis.introduce": "指标说明",
-  "app.analysis.total-sales": "总销售额",
-  "app.analysis.day-sales": "日销售额",
-  "app.analysis.visits": "访问量",
-  "app.analysis.visits-trend": "访问量趋势",
-  "app.analysis.visits-ranking": "门店访问量排名",
-  "app.analysis.day-visits": "日访问量",
-  "app.analysis.week": "周同比",
-  "app.analysis.day": "日同比",
-  "app.analysis.payments": "支付笔数",
-  "app.analysis.conversion-rate": "转化率",
-  "app.analysis.operational-effect": "运营活动效果",
-  "app.analysis.sales-trend": "销售趋势",
-  "app.analysis.sales-ranking": "门店销售额排名",
-  "app.analysis.all-year": "全年",
-  "app.analysis.all-month": "本月",
-  "app.analysis.all-week": "本周",
-  "app.analysis.all-day": "今日",
-  "app.analysis.search-users": "搜索用户数",
-  "app.analysis.per-capita-search": "人均搜索次数",
-  "app.analysis.online-top-search": "线上热门搜索",
-  "app.analysis.the-proportion-of-sales": "销售额类别占比",
-  "app.analysis.channel.all": "全部渠道",
-  "app.analysis.channel.online": "线上",
-  "app.analysis.channel.stores": "门店",
-  "app.analysis.sales": "销售额",
-  "app.analysis.traffic": "客流量",
-  "app.analysis.table.rank": "排名",
-  "app.analysis.table.search-keyword": "搜索关键词",
-  "app.analysis.table.users": "用户数",
-  "app.analysis.table.weekly-range": "周涨幅",
-  "app.monitor.trading-activity": "活动实时交易情况",
-  "app.monitor.total-transactions": "今日交易总额",
-  "app.monitor.sales-target": "销售目标完成率",
-  "app.monitor.remaining-time": "活动剩余时间",
-  "app.monitor.total-transactions-per-second": "每秒交易总额",
-  "app.monitor.activity-forecast": "活动情况预测",
-  "app.monitor.efficiency": "券核效率",
-  "app.monitor.ratio": "跳出率",
-  "app.monitor.proportion-per-category": "各品类占比",
-  "app.monitor.fast-food": "中式快餐",
-  "app.monitor.western-food": "西餐",
-  "app.monitor.hot-pot": "火锅",
-  "app.monitor.waiting-for-implementation": "等待后期实现",
-  "app.monitor.popular-searches": "热门搜索",
-  "app.monitor.resource-surplus": "资源剩余",
-  "app.monitor.fund-surplus": "补贴资金剩余",
-  "app.lock": "锁屏",
-  "app.login.message-invalid-credentials": "账户或密码错误（admin/ant.design）",
-  "app.login.message-invalid-verification-code": "验证码错误",
-  "app.login.tab-login-credentials": "账户密码登录",
-  "app.login.tab-login-mobile": "手机号登录",
-  "app.login.remember-me": "自动登录",
-  "app.login.forgot-password": "忘记密码",
-  "app.login.sign-in-with": "其他登录方式",
-  "app.login.signup": "注册账户",
-  "app.login.login": "登录",
-  "app.register.register": "注册",
-  "app.register.get-verification-code": "获取验证码",
-  "app.register.sign-in": "使用已有账户登录",
-  "app.register-result.msg": "你的账户：{{email}} 注册成功",
-  "app.register-result.activation-email": "激活邮件已发送到你的邮箱中，邮件有效期为24小时。请及时登录邮箱，点击邮件中的链接激活帐户。",
-  "app.register-result.back-home": "返回首页",
-  "app.register-result.view-mailbox": "查看邮箱",
-  "validation.email.required": "请输入邮箱地址！",
-  "validation.email.wrong-format": "邮箱地址格式错误！",
-  "validation.password.required": "请输入密码！",
-  "validation.password.twice": "两次输入的密码不匹配!",
-  "validation.password.strength.msg": "请至少输入 6 个字符。请不要使用容易被猜到的密码。",
-  "validation.password.strength.strong": "强度：强",
-  "validation.password.strength.medium": "强度：中",
-  "validation.password.strength.short": "强度：太短",
-  "validation.confirm-password.required": "请确认密码！",
-  "validation.phone-number.required": "请输入手机号！",
-  "validation.phone-number.wrong-format": "手机号格式错误！",
-  "validation.verification-code.required": "请输入验证码！",
-  "validation.title.required": "请输入标题",
-  "validation.date.required": "请选择起止日期",
-  "validation.goal.required": "请输入目标描述",
-  "validation.standard.required": "请输入衡量标准",
-  "common.list": "列表",
-  "common.add": "添加",
-  "common.edit": "编辑",
-  "common.delete": "删除",
-  "common.no-data": "暂无数据",
-  "common.captcha-btn.second": "秒",
-  "common.captcha-btn.send": "发送",
-  "validation.phone-number": "手机号",
-  "validation.verification-code": "验证码",
-  "validation.password": "密码",
-  "app.setting.pagestyle": "整体风格设置",
-  "app.setting.pagestyle.dark": "暗色菜单风格",
-  "app.setting.pagestyle.light": "亮色菜单风格",
-  "app.setting.content-width": "内容区域宽度",
-  "app.setting.content-width.fixed": "定宽",
-  "app.setting.content-width.fluid": "流式",
-  "app.setting.themecolor": "主题色",
-  "app.setting.themecolor.dust": "薄暮",
-  "app.setting.themecolor.volcano": "火山",
-  "app.setting.themecolor.sunset": "日暮",
-  "app.setting.themecolor.cyan": "明青",
-  "app.setting.themecolor.green": "极光绿",
-  "app.setting.themecolor.daybreak": "拂晓蓝（默认）",
-  "app.setting.themecolor.geekblue": "极客蓝",
-  "app.setting.themecolor.purple": "酱紫",
-  "app.setting.navigationmode": "导航模式",
-  "app.setting.sidemenu": "侧边菜单布局",
-  "app.setting.topmenu": "顶部菜单布局",
-  "app.setting.fixedheader": "固定 Header",
-  "app.setting.fixedsidebar": "固定侧边菜单",
-  "app.setting.fixedsidebar.hint": "侧边菜单布局时可配置",
-  "app.setting.hideheader": "下滑时隐藏 Header",
-  "app.setting.hideheader.hint": "固定 Header 时可配置",
-  "app.setting.onlyicon": "只显示图标",
-  "app.setting.onlyicon.hint": "顶部菜单布局时可配置",
-  "app.setting.othersettings": "其他设置",
-  "app.setting.weakmode": "色弱模式",
-  "app.setting.copy": "拷贝设置",
-  "app.setting.copyinfo": "拷贝成功，请根据剪切板内容进行替换",
-  "app.setting.production.hint": "配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改配置文件",
-  "app.setting.copy.result": "在 [src/styles/theme.less] 配置以下：\n{{colorVars}}\n\n在 [src/environments/*] 的 pro 配置以下：\nexport const environment = {\n  ...\n  pro: {\n{{layoutVars}}\n  }\n}",
-  "menu.dashboard.dd": "定制",
-  "menu.other.calendar": "日历",
-  "menu.other.calendar.basic": "基本使用",
-  "menu.other.calendar.list": "列表视图",
-  "menu.other.calendar.events": "事件开发",
-  "menu.other.faq": "常见问题",
-  "menu.other.faq.v1": "常见问题 v1",
-  "menu.other.faq.v2": "常见问题 v2",
-  "menu.other.faq.v3": "常见问题 v3",
-  "menu.other.kanban-board": "看板",
-  "menu.other.task": "任务",
-  "menu.other.forum": "论坛",
-  "menu.other.email": "邮件消息",
-  "menu.other.project": "项目",
-  "menu.other.client": "顾客",
-  "menu.other.contact": "联系人",
-  "menu.other.pricing": "定价计划",
-  "menu.other.billing": "账单",
-  "menu.other.course": "课程",
-  "menu.other.chat": "聊天窗口",
-  "menu.other.gallery": "相册",
-  "menu.other.article": "文章",
-  "menu.other.voting": "投票",
-  "menu.other.invoice": "发票",
-  "menu.settings": "设置",
-  "menu.pages": "示例",
-  "menu.ec": "电商",
-  "menu.ec.ware": "商品",
-  "menu.ec.trade": "订单",
-  "menu.file": "文件",
-  "menu.file.docx": "Docx",
-  "menu.file.xlsx": "Xlsx",
-  "menu.file.pdf": "Pdf",
-  "menu.system": "系统",
-  "menu.system.file-manager": "文件管理",
-  "menu.system.user": "员工",
-  "menu.system.role": "角色",
-  "menu.system.permission": "权限",
-  "menu.system.menu": "菜单",
-  "menu.system.log": "日志",
-  "menu.map": "地图",
-  "menu.map.google": "Google地图",
-  "menu.map.baidu": "Baidu地图",
-  "menu.chart": "图表",
-  "menu.chart.g2": "G2",
-  "menu.chart.ngx-charts": "Ngx Charts",
-  "menu.chart.ngx-trend": "Ngx Trend",
-  "menu.chart.mermaid": "Mermaid",
-  "menu.chart.gantt": "甘特图",
-  "menu.account.lock": "锁屏",
-  "menu.account.login": "登录 + 注册",
-  "menu.account.login2": "登录 + 注册 2",
-  "menu.account.login3": "登录 + 注册 3",
-  "app.sys.menu.list": "菜单列表",
-  "app.sys.menu.root": "添加根目录",
-  "app.sys.permission.list": "权限列表",
-  "app.sys.permission.root": "添加根节点",
-  "layout.pro.user.link.home": "Pro 首页",
-  "layout.pro.user.link.alain": "Alain Pro"
-}
diff --git a/src/assets/tmp/i18n/zh-TW.json b/src/assets/tmp/i18n/zh-TW.json
deleted file mode 100644
index 68c126e3..00000000
--- a/src/assets/tmp/i18n/zh-TW.json
+++ /dev/null
@@ -1,251 +0,0 @@
-{
-  "menu.search.placeholder": "搜索：員工、文件、照片等",
-  "menu.fullscreen": "全屏",
-  "menu.fullscreen.exit": "退出全屏",
-  "menu.clear.local.storage": "清理在地緩存",
-  "menu.lang": "語言",
-  "menu.main": "主導航",
-  "menu.dashboard": "儀錶盤",
-  "menu.dashboard.v1": "默認頁",
-  "menu.dashboard.analysis": "分析頁",
-  "menu.dashboard.monitor": "監控頁",
-  "menu.dashboard.workplace": "工作臺",
-  "menu.shortcut": "快捷菜單",
-  "menu.widgets": "小部件",
-  "menu.alain": "Alain",
-  "menu.style": "樣式",
-  "menu.style.typography": "字體排印",
-  "menu.style.gridmasonry": "瀑佈流",
-  "menu.style.colors": "色彩",
-  "menu.delon": "Delon 類庫",
-  "menu.delon.form": "動態錶單",
-  "menu.delon.table": "簡易錶格",
-  "menu.delon.util": "工具集",
-  "menu.delon.print": "列印",
-  "menu.delon.guard": "路由守衛",
-  "menu.delon.cache": "字典緩存",
-  "menu.delon.qr": "二維碼",
-  "menu.delon.acl": "基於角色訪問控製",
-  "menu.delon.downfile": "下載文件",
-  "menu.delon.xlsx": "Excel操作",
-  "menu.delon.zip": "在地解壓縮",
-  "menu.pro": "Antd Pro",
-  "menu.form": "錶單頁",
-  "menu.form.basicform": "基礎錶單",
-  "menu.form.stepform": "分步錶單",
-  "menu.form.stepform.info": "分步錶單（填寫轉賬信息）",
-  "menu.form.stepform.confirm": "分步錶單（確認轉賬信息）",
-  "menu.form.stepform.result": "分步錶單（完成）",
-  "menu.form.advancedform": "高級錶單",
-  "menu.list": "列錶頁",
-  "menu.list.searchtable": "查詢錶格",
-  "menu.list.basiclist": "標準列錶",
-  "menu.list.cardlist": "卡片列錶",
-  "menu.list.searchlist": "搜索列錶",
-  "menu.list.searchlist.articles": "搜索列錶（文章）",
-  "menu.list.searchlist.projects": "搜索列錶（項目）",
-  "menu.list.searchlist.applications": "搜索列錶（應用）",
-  "menu.profile": "詳情頁",
-  "menu.profile.basic": "基礎詳情頁",
-  "menu.profile.advanced": "高級詳情頁",
-  "menu.result": "結果頁",
-  "menu.result.success": "成功頁",
-  "menu.result.fail": "失敗頁",
-  "menu.exception": "異常頁",
-  "menu.exception.not-permission": "403",
-  "menu.exception.not-find": "404",
-  "menu.exception.server-error": "500",
-  "menu.account": "個人頁",
-  "menu.account.center": "個人中心",
-  "menu.account.settings": "個人設置",
-  "menu.account.trigger": "觸發錯誤",
-  "menu.account.logout": "退出登錄",
-  "menu.more": "更多",
-  "menu.report": "報錶",
-  "menu.report.relation": "全屏關係圖",
-  "menu.extras": "擴展",
-  "menu.extras.helpcenter": "幫助中心",
-  "menu.extras.settings": "設置",
-  "menu.extras.poi": "門店",
-  "app.analysis.test": "工專路 {{no}} 號店",
-  "app.analysis.introduce": "指標說明",
-  "app.analysis.total-sales": "總銷售額",
-  "app.analysis.day-sales": "日銷售額",
-  "app.analysis.visits": "訪問量",
-  "app.analysis.visits-trend": "訪問量趨勢",
-  "app.analysis.visits-ranking": "門店訪問量排名",
-  "app.analysis.day-visits": "日訪問量",
-  "app.analysis.week": "周同比",
-  "app.analysis.day": "日同比",
-  "app.analysis.payments": "支付筆數",
-  "app.analysis.conversion-rate": "轉化率",
-  "app.analysis.operational-effect": "運營活動效果",
-  "app.analysis.sales-trend": "銷售趨勢",
-  "app.analysis.sales-ranking": "門店銷售額排名",
-  "app.analysis.all-year": "全年",
-  "app.analysis.all-month": "本月",
-  "app.analysis.all-week": "本周",
-  "app.analysis.all-day": "今日",
-  "app.analysis.search-users": "搜索用戶數",
-  "app.analysis.per-capita-search": "人均搜索次數",
-  "app.analysis.online-top-search": "線上熱門搜索",
-  "app.analysis.the-proportion-of-sales": "銷售額類別佔比",
-  "app.analysis.channel.all": "全部通路",
-  "app.analysis.channel.online": "線上",
-  "app.analysis.channel.stores": "門店",
-  "app.analysis.sales": "銷售額",
-  "app.analysis.traffic": "客流量",
-  "app.analysis.table.rank": "排名",
-  "app.analysis.table.search-keyword": "搜索關鍵詞",
-  "app.analysis.table.users": "用戶數",
-  "app.analysis.table.weekly-range": "周漲幅",
-  "app.monitor.trading-activity": "活動實時交易情況",
-  "app.monitor.total-transactions": "今日交易總額",
-  "app.monitor.sales-target": "銷售目標完成率",
-  "app.monitor.remaining-time": "活動剩餘時間",
-  "app.monitor.total-transactions-per-second": "每秒交易總額",
-  "app.monitor.activity-forecast": "活動情況預測",
-  "app.monitor.efficiency": "券核效率",
-  "app.monitor.ratio": "跳出率",
-  "app.monitor.proportion-per-category": "各品類佔比",
-  "app.monitor.fast-food": "中式快餐",
-  "app.monitor.western-food": "西餐",
-  "app.monitor.hot-pot": "火鍋",
-  "app.monitor.waiting-for-implementation": "Waiting for implementation",
-  "app.monitor.popular-searches": "熱門搜索",
-  "app.monitor.resource-surplus": "資源剩餘",
-  "app.monitor.fund-surplus": "補貼資金剩餘",
-  "app.lock": "鎖屏",
-  "app.login.message-invalid-credentials": "賬戶或密碼錯誤（admin/ant.design）",
-  "app.login.message-invalid-verification-code": "驗證碼錯誤",
-  "app.login.tab-login-credentials": "賬戶密碼登錄",
-  "app.login.tab-login-mobile": "手機號登錄",
-  "app.login.remember-me": "自動登錄",
-  "app.login.forgot-password": "忘記密碼",
-  "app.login.sign-in-with": "其他登錄方式",
-  "app.login.signup": "註冊賬戶",
-  "app.login.login": "登錄",
-  "app.register.register": "註冊",
-  "app.register.get-verification-code": "獲取驗證碼",
-  "app.register.sign-in": "使用已有賬戶登錄",
-  "app.register-result.msg": "妳的賬戶：{{email}} 註冊成功",
-  "app.register-result.activation-email": "激活郵件已發送到妳的郵箱中，郵件有效期為24小時。請及時登錄郵箱，點擊郵件中的鏈接激活帳戶。",
-  "app.register-result.back-home": "返回首頁",
-  "app.register-result.view-mailbox": "檢視郵箱",
-  "validation.email.required": "請輸入郵箱地址！",
-  "validation.email.wrong-format": "郵箱地址格式錯誤！",
-  "validation.password.required": "請輸入密碼！",
-  "validation.password.twice": "兩次輸入的密碼不匹配!",
-  "validation.password.strength.msg": "請至少輸入 6 個字符。請不要使用容易被猜到的密碼。",
-  "validation.password.strength.strong": "強度：強",
-  "validation.password.strength.medium": "強度：中",
-  "validation.password.strength.short": "強度：太短",
-  "validation.confirm-password.required": "請確認密碼！",
-  "validation.phone-number.required": "請輸入手機號！",
-  "validation.phone-number.wrong-format": "手機號格式錯誤！",
-  "validation.verification-code.required": "請輸入驗證碼！",
-  "validation.title.required": "請輸入標題",
-  "validation.date.required": "請選擇起止日期",
-  "validation.goal.required": "請輸入目標描述",
-  "validation.standard.required": "請輸入衡量標淮",
-  "common.list": "列錶",
-  "common.add": "添加",
-  "common.edit": "編輯",
-  "common.delete": "刪除",
-  "common.no-data": "暫無數據",
-  "common.captcha-btn.second": "秒",
-  "common.captcha-btn.send": "發送",
-  "validation.phone-number": "手機號",
-  "validation.verification-code": "驗證碼",
-  "validation.password": "密碼",
-  "app.setting.pagestyle": "整體風格設定",
-  "app.setting.pagestyle.dark": "暗色菜單風格",
-  "app.setting.pagestyle.light": "亮色菜單風格",
-  "app.setting.content-width": "內容區域寬度",
-  "app.setting.content-width.fixed": "定寬",
-  "app.setting.content-width.fluid": "流式",
-  "app.setting.themecolor": "主題色",
-  "app.setting.themecolor.dust": "薄暮",
-  "app.setting.themecolor.volcano": "火山",
-  "app.setting.themecolor.sunset": "日暮",
-  "app.setting.themecolor.cyan": "明青",
-  "app.setting.themecolor.green": "極光綠",
-  "app.setting.themecolor.daybreak": "拂曉藍（預設）",
-  "app.setting.themecolor.geekblue": "極客藍",
-  "app.setting.themecolor.purple": "醬紫",
-  "app.setting.navigationmode": "導航模式",
-  "app.setting.sidemenu": "側邊菜單佈局",
-  "app.setting.topmenu": "頂部菜單佈局",
-  "app.setting.fixedheader": "固定 Header",
-  "app.setting.fixedsidebar": "固定側邊菜單",
-  "app.setting.fixedsidebar.hint": "側邊菜單佈局時可配置",
-  "app.setting.hideheader": "下滑時隱藏 Header",
-  "app.setting.hideheader.hint": "固定 Header 時可配置",
-  "app.setting.onlyicon": "隻顯示圖示",
-  "app.setting.onlyicon.hint": "頂部菜單佈局時可配置",
-  "app.setting.othersettings": "其他設定",
-  "app.setting.weakmode": "色弱模式",
-  "app.setting.copy": "拷貝設定",
-  "app.setting.copyinfo": "拷貝成功，請根據剪切闆內容進行替換",
-  "app.setting.production.hint": "配置欄隻在開發環境用於預覽，生産環境不會展現，請拷貝後手動修改配置文件",
-  "app.setting.copy.result": "在 [src/styles/theme.less] 配置以下：\n{{colorVars}}\n\n在 [src/environments/*] 的 pro 配置以下：\nexport const environment = {\n  ...\n  pro: {\n{{layoutVars}}\n  }\n}",
-  "menu.dashboard.dd": "定製",
-  "menu.other.calendar": "日曆",
-  "menu.other.calendar.basic": "基本使用",
-  "menu.other.calendar.list": "列錶視圖",
-  "menu.other.calendar.events": "事件開發",
-  "menu.other.faq": "常見問題",
-  "menu.other.faq.v1": "常見問題 v1",
-  "menu.other.faq.v2": "常見問題 v2",
-  "menu.other.faq.v3": "常見問題 v3",
-  "menu.other.kanban-board": "看闆",
-  "menu.other.task": "任務",
-  "menu.other.forum": "論壇",
-  "menu.other.email": "郵件消息",
-  "menu.other.project": "項目",
-  "menu.other.client": "顧客",
-  "menu.other.contact": "聯係人",
-  "menu.other.pricing": "定價計畫",
-  "menu.other.billing": "賬單",
-  "menu.other.course": "課程",
-  "menu.other.chat": "聊天視窗",
-  "menu.other.gallery": "相冊",
-  "menu.other.article": "文章",
-  "menu.other.voting": "投票",
-  "menu.other.invoice": "發票",
-  "menu.settings": "設定",
-  "menu.pages": "示例",
-  "menu.ec": "電商",
-  "menu.ec.ware": "商品",
-  "menu.ec.trade": "訂單",
-  "menu.file": "文件",
-  "menu.file.docx": "Docx",
-  "menu.file.xlsx": "Xlsx",
-  "menu.file.pdf": "Pdf",
-  "menu.system": "係統",
-  "menu.system.file-manager": "文件管理",
-  "menu.system.user": "員工",
-  "menu.system.role": "角色",
-  "menu.system.permission": "權限",
-  "menu.system.menu": "菜單",
-  "menu.system.log": "日誌",
-  "menu.map": "地圖",
-  "menu.map.google": "Google地圖",
-  "menu.map.baidu": "Baidu地圖",
-  "menu.chart": "圖錶",
-  "menu.chart.g2": "G2",
-  "menu.chart.ngx-charts": "Ngx Charts",
-  "menu.chart.ngx-trend": "Ngx Trend",
-  "menu.chart.mermaid": "Mermaid",
-  "menu.chart.gantt": "甘特圖",
-  "menu.account.lock": "鎖屏",
-  "menu.account.login": "登入 + 註冊",
-  "menu.account.login2": "登入 + 註冊 2",
-  "menu.account.login3": "登入 + 註冊 3",
-  "app.sys.menu.list": "菜單列錶",
-  "app.sys.menu.root": "添加根目錄",
-  "app.sys.permission.list": "權限列錶",
-  "app.sys.permission.root": "添加根節點",
-  "layout.pro.user.link.home": "Pro 首頁",
-  "layout.pro.user.link.alain": "Alain Pro"
-}
diff --git a/src/assets/tmp/img-big/1.jpg b/src/assets/tmp/img-big/1.jpg
deleted file mode 100644
index fb205c13..00000000
Binary files a/src/assets/tmp/img-big/1.jpg and /dev/null differ
diff --git a/src/assets/tmp/img-big/2.jpg b/src/assets/tmp/img-big/2.jpg
deleted file mode 100644
index a3282d63..00000000
Binary files a/src/assets/tmp/img-big/2.jpg and /dev/null differ
diff --git a/src/assets/tmp/img-big/3.jpg b/src/assets/tmp/img-big/3.jpg
deleted file mode 100644
index 2ccced74..00000000
Binary files a/src/assets/tmp/img-big/3.jpg and /dev/null differ
diff --git a/src/assets/tmp/img-big/4.jpg b/src/assets/tmp/img-big/4.jpg
deleted file mode 100644
index ae895511..00000000
Binary files a/src/assets/tmp/img-big/4.jpg and /dev/null differ
diff --git a/src/assets/tmp/img-big/5.jpg b/src/assets/tmp/img-big/5.jpg
deleted file mode 100644
index d9455c01..00000000
Binary files a/src/assets/tmp/img-big/5.jpg and /dev/null differ
diff --git a/src/assets/tmp/img-big/6.jpg b/src/assets/tmp/img-big/6.jpg
deleted file mode 100644
index 1a7862e7..00000000
Binary files a/src/assets/tmp/img-big/6.jpg and /dev/null differ
diff --git a/src/assets/tmp/img-big/7.jpg b/src/assets/tmp/img-big/7.jpg
deleted file mode 100644
index 8bc3c4a3..00000000
Binary files a/src/assets/tmp/img-big/7.jpg and /dev/null differ
diff --git a/src/assets/tmp/img-big/8.jpg b/src/assets/tmp/img-big/8.jpg
deleted file mode 100644
index 0b272dec..00000000
Binary files a/src/assets/tmp/img-big/8.jpg and /dev/null differ
diff --git a/src/assets/tmp/img-big/bg-1.jpeg b/src/assets/tmp/img-big/bg-1.jpeg
deleted file mode 100644
index d84c8d2b..00000000
Binary files a/src/assets/tmp/img-big/bg-1.jpeg and /dev/null differ
diff --git a/src/assets/tmp/img-big/bg-2.jpeg b/src/assets/tmp/img-big/bg-2.jpeg
deleted file mode 100644
index 5a1e9754..00000000
Binary files a/src/assets/tmp/img-big/bg-2.jpeg and /dev/null differ
diff --git a/src/assets/tmp/img/1.png b/src/assets/tmp/img/1.png
deleted file mode 100644
index 8f6d2d6b..00000000
Binary files a/src/assets/tmp/img/1.png and /dev/null differ
diff --git a/src/assets/tmp/img/2.png b/src/assets/tmp/img/2.png
deleted file mode 100644
index a59195e7..00000000
Binary files a/src/assets/tmp/img/2.png and /dev/null differ
diff --git a/src/assets/tmp/img/3.png b/src/assets/tmp/img/3.png
deleted file mode 100644
index b0f9da82..00000000
Binary files a/src/assets/tmp/img/3.png and /dev/null differ
diff --git a/src/assets/tmp/img/4.png b/src/assets/tmp/img/4.png
deleted file mode 100644
index 0058dc35..00000000
Binary files a/src/assets/tmp/img/4.png and /dev/null differ
diff --git a/src/assets/tmp/img/5.png b/src/assets/tmp/img/5.png
deleted file mode 100644
index 3cccf6a0..00000000
Binary files a/src/assets/tmp/img/5.png and /dev/null differ
diff --git a/src/assets/tmp/img/6.png b/src/assets/tmp/img/6.png
deleted file mode 100644
index 58601a0d..00000000
Binary files a/src/assets/tmp/img/6.png and /dev/null differ
diff --git a/src/assets/tmp/img/avatar.jpg b/src/assets/tmp/img/avatar.jpg
deleted file mode 100644
index ebc92fbf..00000000
Binary files a/src/assets/tmp/img/avatar.jpg and /dev/null differ
diff --git a/src/assets/tmp/img/bg1.jpg b/src/assets/tmp/img/bg1.jpg
deleted file mode 100644
index 0c1ae55f..00000000
Binary files a/src/assets/tmp/img/bg1.jpg and /dev/null differ
diff --git a/src/assets/tmp/img/bg10.jpg b/src/assets/tmp/img/bg10.jpg
deleted file mode 100644
index 9e1c5457..00000000
Binary files a/src/assets/tmp/img/bg10.jpg and /dev/null differ
diff --git a/src/assets/tmp/img/bg2.jpg b/src/assets/tmp/img/bg2.jpg
deleted file mode 100644
index d2de98e2..00000000
Binary files a/src/assets/tmp/img/bg2.jpg and /dev/null differ
diff --git a/src/assets/tmp/img/bg3.jpg b/src/assets/tmp/img/bg3.jpg
deleted file mode 100644
index bb0773a9..00000000
Binary files a/src/assets/tmp/img/bg3.jpg and /dev/null differ
diff --git a/src/assets/tmp/img/bg4.jpg b/src/assets/tmp/img/bg4.jpg
deleted file mode 100644
index 7b2fdac2..00000000
Binary files a/src/assets/tmp/img/bg4.jpg and /dev/null differ
diff --git a/src/assets/tmp/img/bg5.jpg b/src/assets/tmp/img/bg5.jpg
deleted file mode 100644
index b56fa755..00000000
Binary files a/src/assets/tmp/img/bg5.jpg and /dev/null differ
diff --git a/src/assets/tmp/img/bg6.jpg b/src/assets/tmp/img/bg6.jpg
deleted file mode 100644
index 5774f150..00000000
Binary files a/src/assets/tmp/img/bg6.jpg and /dev/null differ
diff --git a/src/assets/tmp/img/bg7.jpg b/src/assets/tmp/img/bg7.jpg
deleted file mode 100644
index 6aac5861..00000000
Binary files a/src/assets/tmp/img/bg7.jpg and /dev/null differ
diff --git a/src/assets/tmp/img/bg8.jpg b/src/assets/tmp/img/bg8.jpg
deleted file mode 100644
index 0956df33..00000000
Binary files a/src/assets/tmp/img/bg8.jpg and /dev/null differ
diff --git a/src/assets/tmp/img/bg9.jpg b/src/assets/tmp/img/bg9.jpg
deleted file mode 100644
index 1fd12865..00000000
Binary files a/src/assets/tmp/img/bg9.jpg and /dev/null differ
diff --git a/src/assets/tmp/img/half-float-bg-1.jpg b/src/assets/tmp/img/half-float-bg-1.jpg
deleted file mode 100644
index 4f0af59c..00000000
Binary files a/src/assets/tmp/img/half-float-bg-1.jpg and /dev/null differ
diff --git a/src/assets/tmp/on-boarding.json b/src/assets/tmp/on-boarding.json
deleted file mode 100644
index c1725cbd..00000000
--- a/src/assets/tmp/on-boarding.json
+++ /dev/null
@@ -1,21 +0,0 @@
-{
-  "$schema": "../../../node_modules/@delon/abc/onboarding/schema.json",
-  "maskClosable": false,
-  "items": [
-    {
-      "selectors": ".alain-default__nav li .alain-default__nav-item",
-      "title": "Click here to switch to shrink main menu",
-      "lightStyle": "background-color: rgba(255, 255, 255, 0.2)"
-    },
-    {
-      "selectors": ".alain-default__search",
-      "title": "You can search for people, file, photos...",
-      "lightStyle": "background-color: rgba(255, 255, 255, 0.2)"
-    },
-    {
-      "selectors": ".setting-drawer__handle",
-      "title": "You can customize your theme",
-      "lightStyle": "background-color: rgba(255, 255, 255, 0.2)"
-    }
-  ]
-}
diff --git a/src/assets/tmp/pc-code.json b/src/assets/tmp/pc-code.json
deleted file mode 100644
index 632f7874..00000000
--- a/src/assets/tmp/pc-code.json
+++ /dev/null
@@ -1 +0,0 @@
-[{"code":"11","name":"北京市","children":[{"code":"110101","name":"东城区"},{"code":"110102","name":"西城区"},{"code":"110105","name":"朝阳区"},{"code":"110106","name":"丰台区"},{"code":"110107","name":"石景山区"},{"code":"110108","name":"海淀区"},{"code":"110109","name":"门头沟区"},{"code":"110111","name":"房山区"},{"code":"110112","name":"通州区"},{"code":"110113","name":"顺义区"},{"code":"110114","name":"昌平区"},{"code":"110115","name":"大兴区"},{"code":"110116","name":"怀柔区"},{"code":"110117","name":"平谷区"},{"code":"110118","name":"密云区"},{"code":"110119","name":"延庆区"}]},{"code":"12","name":"天津市","children":[{"code":"120101","name":"和平区"},{"code":"120102","name":"河东区"},{"code":"120103","name":"河西区"},{"code":"120104","name":"南开区"},{"code":"120105","name":"河北区"},{"code":"120106","name":"红桥区"},{"code":"120110","name":"东丽区"},{"code":"120111","name":"西青区"},{"code":"120112","name":"津南区"},{"code":"120113","name":"北辰区"},{"code":"120114","name":"武清区"},{"code":"120115","name":"宝坻区"},{"code":"120116","name":"滨海新区"},{"code":"120117","name":"宁河区"},{"code":"120118","name":"静海区"},{"code":"120119","name":"蓟州区"}]},{"code":"13","name":"河北省","children":[{"code":"1301","name":"石家庄市"},{"code":"1302","name":"唐山市"},{"code":"1303","name":"秦皇岛市"},{"code":"1304","name":"邯郸市"},{"code":"1305","name":"邢台市"},{"code":"1306","name":"保定市"},{"code":"1307","name":"张家口市"},{"code":"1308","name":"承德市"},{"code":"1309","name":"沧州市"},{"code":"1310","name":"廊坊市"},{"code":"1311","name":"衡水市"}]},{"code":"14","name":"山西省","children":[{"code":"1401","name":"太原市"},{"code":"1402","name":"大同市"},{"code":"1403","name":"阳泉市"},{"code":"1404","name":"长治市"},{"code":"1405","name":"晋城市"},{"code":"1406","name":"朔州市"},{"code":"1407","name":"晋中市"},{"code":"1408","name":"运城市"},{"code":"1409","name":"忻州市"},{"code":"1410","name":"临汾市"},{"code":"1411","name":"吕梁市"}]},{"code":"15","name":"内蒙古自治区","children":[{"code":"1501","name":"呼和浩特市"},{"code":"1502","name":"包头市"},{"code":"1503","name":"乌海市"},{"code":"1504","name":"赤峰市"},{"code":"1505","name":"通辽市"},{"code":"1506","name":"鄂尔多斯市"},{"code":"1507","name":"呼伦贝尔市"},{"code":"1508","name":"巴彦淖尔市"},{"code":"1509","name":"乌兰察布市"},{"code":"1522","name":"兴安盟"},{"code":"1525","name":"锡林郭勒盟"},{"code":"1529","name":"阿拉善盟"}]},{"code":"21","name":"辽宁省","children":[{"code":"2101","name":"沈阳市"},{"code":"2102","name":"大连市"},{"code":"2103","name":"鞍山市"},{"code":"2104","name":"抚顺市"},{"code":"2105","name":"本溪市"},{"code":"2106","name":"丹东市"},{"code":"2107","name":"锦州市"},{"code":"2108","name":"营口市"},{"code":"2109","name":"阜新市"},{"code":"2110","name":"辽阳市"},{"code":"2111","name":"盘锦市"},{"code":"2112","name":"铁岭市"},{"code":"2113","name":"朝阳市"},{"code":"2114","name":"葫芦岛市"}]},{"code":"22","name":"吉林省","children":[{"code":"2201","name":"长春市"},{"code":"2202","name":"吉林市"},{"code":"2203","name":"四平市"},{"code":"2204","name":"辽源市"},{"code":"2205","name":"通化市"},{"code":"2206","name":"白山市"},{"code":"2207","name":"松原市"},{"code":"2208","name":"白城市"},{"code":"2224","name":"延边朝鲜族自治州"}]},{"code":"23","name":"黑龙江省","children":[{"code":"2301","name":"哈尔滨市"},{"code":"2302","name":"齐齐哈尔市"},{"code":"2303","name":"鸡西市"},{"code":"2304","name":"鹤岗市"},{"code":"2305","name":"双鸭山市"},{"code":"2306","name":"大庆市"},{"code":"2307","name":"伊春市"},{"code":"2308","name":"佳木斯市"},{"code":"2309","name":"七台河市"},{"code":"2310","name":"牡丹江市"},{"code":"2311","name":"黑河市"},{"code":"2312","name":"绥化市"},{"code":"2327","name":"大兴安岭地区"}]},{"code":"31","name":"上海市","children":[{"code":"310101","name":"黄浦区"},{"code":"310104","name":"徐汇区"},{"code":"310105","name":"长宁区"},{"code":"310106","name":"静安区"},{"code":"310107","name":"普陀区"},{"code":"310109","name":"虹口区"},{"code":"310110","name":"杨浦区"},{"code":"310112","name":"闵行区"},{"code":"310113","name":"宝山区"},{"code":"310114","name":"嘉定区"},{"code":"310115","name":"浦东新区"},{"code":"310116","name":"金山区"},{"code":"310117","name":"松江区"},{"code":"310118","name":"青浦区"},{"code":"310120","name":"奉贤区"},{"code":"310151","name":"崇明区"}]},{"code":"32","name":"江苏省","children":[{"code":"3201","name":"南京市"},{"code":"3202","name":"无锡市"},{"code":"3203","name":"徐州市"},{"code":"3204","name":"常州市"},{"code":"3205","name":"苏州市"},{"code":"3206","name":"南通市"},{"code":"3207","name":"连云港市"},{"code":"3208","name":"淮安市"},{"code":"3209","name":"盐城市"},{"code":"3210","name":"扬州市"},{"code":"3211","name":"镇江市"},{"code":"3212","name":"泰州市"},{"code":"3213","name":"宿迁市"}]},{"code":"33","name":"浙江省","children":[{"code":"3301","name":"杭州市"},{"code":"3302","name":"宁波市"},{"code":"3303","name":"温州市"},{"code":"3304","name":"嘉兴市"},{"code":"3305","name":"湖州市"},{"code":"3306","name":"绍兴市"},{"code":"3307","name":"金华市"},{"code":"3308","name":"衢州市"},{"code":"3309","name":"舟山市"},{"code":"3310","name":"台州市"},{"code":"3311","name":"丽水市"}]},{"code":"34","name":"安徽省","children":[{"code":"3401","name":"合肥市"},{"code":"3402","name":"芜湖市"},{"code":"3403","name":"蚌埠市"},{"code":"3404","name":"淮南市"},{"code":"3405","name":"马鞍山市"},{"code":"3406","name":"淮北市"},{"code":"3407","name":"铜陵市"},{"code":"3408","name":"安庆市"},{"code":"3410","name":"黄山市"},{"code":"3411","name":"滁州市"},{"code":"3412","name":"阜阳市"},{"code":"3413","name":"宿州市"},{"code":"3415","name":"六安市"},{"code":"3416","name":"亳州市"},{"code":"3417","name":"池州市"},{"code":"3418","name":"宣城市"}]},{"code":"35","name":"福建省","children":[{"code":"3501","name":"福州市"},{"code":"3502","name":"厦门市"},{"code":"3503","name":"莆田市"},{"code":"3504","name":"三明市"},{"code":"3505","name":"泉州市"},{"code":"3506","name":"漳州市"},{"code":"3507","name":"南平市"},{"code":"3508","name":"龙岩市"},{"code":"3509","name":"宁德市"}]},{"code":"36","name":"江西省","children":[{"code":"3601","name":"南昌市"},{"code":"3602","name":"景德镇市"},{"code":"3603","name":"萍乡市"},{"code":"3604","name":"九江市"},{"code":"3605","name":"新余市"},{"code":"3606","name":"鹰潭市"},{"code":"3607","name":"赣州市"},{"code":"3608","name":"吉安市"},{"code":"3609","name":"宜春市"},{"code":"3610","name":"抚州市"},{"code":"3611","name":"上饶市"}]},{"code":"37","name":"山东省","children":[{"code":"3701","name":"济南市"},{"code":"3702","name":"青岛市"},{"code":"3703","name":"淄博市"},{"code":"3704","name":"枣庄市"},{"code":"3705","name":"东营市"},{"code":"3706","name":"烟台市"},{"code":"3707","name":"潍坊市"},{"code":"3708","name":"济宁市"},{"code":"3709","name":"泰安市"},{"code":"3710","name":"威海市"},{"code":"3711","name":"日照市"},{"code":"3712","name":"莱芜市"},{"code":"3713","name":"临沂市"},{"code":"3714","name":"德州市"},{"code":"3715","name":"聊城市"},{"code":"3716","name":"滨州市"},{"code":"3717","name":"菏泽市"}]},{"code":"41","name":"河南省","children":[{"code":"4101","name":"郑州市"},{"code":"4102","name":"开封市"},{"code":"4103","name":"洛阳市"},{"code":"4104","name":"平顶山市"},{"code":"4105","name":"安阳市"},{"code":"4106","name":"鹤壁市"},{"code":"4107","name":"新乡市"},{"code":"4108","name":"焦作市"},{"code":"4109","name":"濮阳市"},{"code":"4110","name":"许昌市"},{"code":"4111","name":"漯河市"},{"code":"4112","name":"三门峡市"},{"code":"4113","name":"南阳市"},{"code":"4114","name":"商丘市"},{"code":"4115","name":"信阳市"},{"code":"4116","name":"周口市"},{"code":"4117","name":"驻马店市"},{"code":"419001","name":"济源市"}]},{"code":"42","name":"湖北省","children":[{"code":"4201","name":"武汉市"},{"code":"4202","name":"黄石市"},{"code":"4203","name":"十堰市"},{"code":"4205","name":"宜昌市"},{"code":"4206","name":"襄阳市"},{"code":"4207","name":"鄂州市"},{"code":"4208","name":"荆门市"},{"code":"4209","name":"孝感市"},{"code":"4210","name":"荆州市"},{"code":"4211","name":"黄冈市"},{"code":"4212","name":"咸宁市"},{"code":"4213","name":"随州市"},{"code":"4228","name":"恩施土家族苗族自治州"},{"code":"429004","name":"仙桃市"},{"code":"429005","name":"潜江市"},{"code":"429006","name":"天门市"},{"code":"429021","name":"神农架林区"}]},{"code":"43","name":"湖南省","children":[{"code":"4301","name":"长沙市"},{"code":"4302","name":"株洲市"},{"code":"4303","name":"湘潭市"},{"code":"4304","name":"衡阳市"},{"code":"4305","name":"邵阳市"},{"code":"4306","name":"岳阳市"},{"code":"4307","name":"常德市"},{"code":"4308","name":"张家界市"},{"code":"4309","name":"益阳市"},{"code":"4310","name":"郴州市"},{"code":"4311","name":"永州市"},{"code":"4312","name":"怀化市"},{"code":"4313","name":"娄底市"},{"code":"4331","name":"湘西土家族苗族自治州"}]},{"code":"44","name":"广东省","children":[{"code":"4401","name":"广州市"},{"code":"4402","name":"韶关市"},{"code":"4403","name":"深圳市"},{"code":"4404","name":"珠海市"},{"code":"4405","name":"汕头市"},{"code":"4406","name":"佛山市"},{"code":"4407","name":"江门市"},{"code":"4408","name":"湛江市"},{"code":"4409","name":"茂名市"},{"code":"4412","name":"肇庆市"},{"code":"4413","name":"惠州市"},{"code":"4414","name":"梅州市"},{"code":"4415","name":"汕尾市"},{"code":"4416","name":"河源市"},{"code":"4417","name":"阳江市"},{"code":"4418","name":"清远市"},{"code":"4419","name":"东莞市"},{"code":"4420","name":"中山市"},{"code":"4451","name":"潮州市"},{"code":"4452","name":"揭阳市"},{"code":"4453","name":"云浮市"}]},{"code":"45","name":"广西壮族自治区","children":[{"code":"4501","name":"南宁市"},{"code":"4502","name":"柳州市"},{"code":"4503","name":"桂林市"},{"code":"4504","name":"梧州市"},{"code":"4505","name":"北海市"},{"code":"4506","name":"防城港市"},{"code":"4507","name":"钦州市"},{"code":"4508","name":"贵港市"},{"code":"4509","name":"玉林市"},{"code":"4510","name":"百色市"},{"code":"4511","name":"贺州市"},{"code":"4512","name":"河池市"},{"code":"4513","name":"来宾市"},{"code":"4514","name":"崇左市"}]},{"code":"46","name":"海南省","children":[{"code":"4601","name":"海口市"},{"code":"4602","name":"三亚市"},{"code":"4603","name":"三沙市"},{"code":"4604","name":"儋州市"},{"code":"469001","name":"五指山市"},{"code":"469002","name":"琼海市"},{"code":"469005","name":"文昌市"},{"code":"469006","name":"万宁市"},{"code":"469007","name":"东方市"},{"code":"469021","name":"定安县"},{"code":"469022","name":"屯昌县"},{"code":"469023","name":"澄迈县"},{"code":"469024","name":"临高县"},{"code":"469025","name":"白沙黎族自治县"},{"code":"469026","name":"昌江黎族自治县"},{"code":"469027","name":"乐东黎族自治县"},{"code":"469028","name":"陵水黎族自治县"},{"code":"469029","name":"保亭黎族苗族自治县"},{"code":"469030","name":"琼中黎族苗族自治县"}]},{"code":"50","name":"重庆市","children":[{"code":"500101","name":"万州区"},{"code":"500102","name":"涪陵区"},{"code":"500103","name":"渝中区"},{"code":"500104","name":"大渡口区"},{"code":"500105","name":"江北区"},{"code":"500106","name":"沙坪坝区"},{"code":"500107","name":"九龙坡区"},{"code":"500108","name":"南岸区"},{"code":"500109","name":"北碚区"},{"code":"500110","name":"綦江区"},{"code":"500111","name":"大足区"},{"code":"500112","name":"渝北区"},{"code":"500113","name":"巴南区"},{"code":"500114","name":"黔江区"},{"code":"500115","name":"长寿区"},{"code":"500116","name":"江津区"},{"code":"500117","name":"合川区"},{"code":"500118","name":"永川区"},{"code":"500119","name":"南川区"},{"code":"500120","name":"璧山区"},{"code":"500151","name":"铜梁区"},{"code":"500152","name":"潼南区"},{"code":"500153","name":"荣昌区"},{"code":"500154","name":"开州区"},{"code":"500155","name":"梁平区"},{"code":"500156","name":"武隆区"},{"code":"500229","name":"城口县"},{"code":"500230","name":"丰都县"},{"code":"500231","name":"垫江县"},{"code":"500233","name":"忠县"},{"code":"500235","name":"云阳县"},{"code":"500236","name":"奉节县"},{"code":"500237","name":"巫山县"},{"code":"500238","name":"巫溪县"},{"code":"500240","name":"石柱土家族自治县"},{"code":"500241","name":"秀山土家族苗族自治县"},{"code":"500242","name":"酉阳土家族苗族自治县"},{"code":"500243","name":"彭水苗族土家族自治县"}]},{"code":"51","name":"四川省","children":[{"code":"5101","name":"成都市"},{"code":"5103","name":"自贡市"},{"code":"5104","name":"攀枝花市"},{"code":"5105","name":"泸州市"},{"code":"5106","name":"德阳市"},{"code":"5107","name":"绵阳市"},{"code":"5108","name":"广元市"},{"code":"5109","name":"遂宁市"},{"code":"5110","name":"内江市"},{"code":"5111","name":"乐山市"},{"code":"5113","name":"南充市"},{"code":"5114","name":"眉山市"},{"code":"5115","name":"宜宾市"},{"code":"5116","name":"广安市"},{"code":"5117","name":"达州市"},{"code":"5118","name":"雅安市"},{"code":"5119","name":"巴中市"},{"code":"5120","name":"资阳市"},{"code":"5132","name":"阿坝藏族羌族自治州"},{"code":"5133","name":"甘孜藏族自治州"},{"code":"5134","name":"凉山彝族自治州"}]},{"code":"52","name":"贵州省","children":[{"code":"5201","name":"贵阳市"},{"code":"5202","name":"六盘水市"},{"code":"5203","name":"遵义市"},{"code":"5204","name":"安顺市"},{"code":"5205","name":"毕节市"},{"code":"5206","name":"铜仁市"},{"code":"5223","name":"黔西南布依族苗族自治州"},{"code":"5226","name":"黔东南苗族侗族自治州"},{"code":"5227","name":"黔南布依族苗族自治州"}]},{"code":"53","name":"云南省","children":[{"code":"5301","name":"昆明市"},{"code":"5303","name":"曲靖市"},{"code":"5304","name":"玉溪市"},{"code":"5305","name":"保山市"},{"code":"5306","name":"昭通市"},{"code":"5307","name":"丽江市"},{"code":"5308","name":"普洱市"},{"code":"5309","name":"临沧市"},{"code":"5323","name":"楚雄彝族自治州"},{"code":"5325","name":"红河哈尼族彝族自治州"},{"code":"5326","name":"文山壮族苗族自治州"},{"code":"5328","name":"西双版纳傣族自治州"},{"code":"5329","name":"大理白族自治州"},{"code":"5331","name":"德宏傣族景颇族自治州"},{"code":"5333","name":"怒江傈僳族自治州"},{"code":"5334","name":"迪庆藏族自治州"}]},{"code":"54","name":"西藏自治区","children":[{"code":"5401","name":"拉萨市"},{"code":"5402","name":"日喀则市"},{"code":"5403","name":"昌都市"},{"code":"5404","name":"林芝市"},{"code":"5405","name":"山南市"},{"code":"5424","name":"那曲地区"},{"code":"5425","name":"阿里地区"}]},{"code":"61","name":"陕西省","children":[{"code":"6101","name":"西安市"},{"code":"6102","name":"铜川市"},{"code":"6103","name":"宝鸡市"},{"code":"6104","name":"咸阳市"},{"code":"6105","name":"渭南市"},{"code":"6106","name":"延安市"},{"code":"6107","name":"汉中市"},{"code":"6108","name":"榆林市"},{"code":"6109","name":"安康市"},{"code":"6110","name":"商洛市"}]},{"code":"62","name":"甘肃省","children":[{"code":"6201","name":"兰州市"},{"code":"6202","name":"嘉峪关市"},{"code":"6203","name":"金昌市"},{"code":"6204","name":"白银市"},{"code":"6205","name":"天水市"},{"code":"6206","name":"武威市"},{"code":"6207","name":"张掖市"},{"code":"6208","name":"平凉市"},{"code":"6209","name":"酒泉市"},{"code":"6210","name":"庆阳市"},{"code":"6211","name":"定西市"},{"code":"6212","name":"陇南市"},{"code":"6229","name":"临夏回族自治州"},{"code":"6230","name":"甘南藏族自治州"}]},{"code":"63","name":"青海省","children":[{"code":"6301","name":"西宁市"},{"code":"6302","name":"海东市"},{"code":"6322","name":"海北藏族自治州"},{"code":"6323","name":"黄南藏族自治州"},{"code":"6325","name":"海南藏族自治州"},{"code":"6326","name":"果洛藏族自治州"},{"code":"6327","name":"玉树藏族自治州"},{"code":"6328","name":"海西蒙古族藏族自治州"}]},{"code":"64","name":"宁夏回族自治区","children":[{"code":"6401","name":"银川市"},{"code":"6402","name":"石嘴山市"},{"code":"6403","name":"吴忠市"},{"code":"6404","name":"固原市"},{"code":"6405","name":"中卫市"}]},{"code":"65","name":"新疆维吾尔自治区","children":[{"code":"6501","name":"乌鲁木齐市"},{"code":"6502","name":"克拉玛依市"},{"code":"6504","name":"吐鲁番市"},{"code":"6505","name":"哈密市"},{"code":"6523","name":"昌吉回族自治州"},{"code":"6527","name":"博尔塔拉蒙古自治州"},{"code":"6528","name":"巴音郭楞蒙古自治州"},{"code":"6529","name":"阿克苏地区"},{"code":"6530","name":"克孜勒苏柯尔克孜自治州"},{"code":"6531","name":"喀什地区"},{"code":"6532","name":"和田地区"},{"code":"6540","name":"伊犁哈萨克自治州"},{"code":"6542","name":"塔城地区"},{"code":"6543","name":"阿勒泰地区"},{"code":"659001","name":"石河子市"},{"code":"659002","name":"阿拉尔市"},{"code":"659003","name":"图木舒克市"},{"code":"659004","name":"五家渠市"},{"code":"659006","name":"铁门关市"}]}]
\ No newline at end of file
diff --git a/src/assets/tmp/pca-code.json b/src/assets/tmp/pca-code.json
deleted file mode 100644
index 24341af9..00000000
--- a/src/assets/tmp/pca-code.json
+++ /dev/null
@@ -1 +0,0 @@
-[{"code":"11","name":"北京市","children":[{"code":"1101","name":"市辖区","children":[{"code":"110101","name":"东城区"},{"code":"110102","name":"西城区"},{"code":"110105","name":"朝阳区"},{"code":"110106","name":"丰台区"},{"code":"110107","name":"石景山区"},{"code":"110108","name":"海淀区"},{"code":"110109","name":"门头沟区"},{"code":"110111","name":"房山区"},{"code":"110112","name":"通州区"},{"code":"110113","name":"顺义区"},{"code":"110114","name":"昌平区"},{"code":"110115","name":"大兴区"},{"code":"110116","name":"怀柔区"},{"code":"110117","name":"平谷区"},{"code":"110118","name":"密云区"},{"code":"110119","name":"延庆区"}]}]},{"code":"12","name":"天津市","children":[{"code":"1201","name":"市辖区","children":[{"code":"120101","name":"和平区"},{"code":"120102","name":"河东区"},{"code":"120103","name":"河西区"},{"code":"120104","name":"南开区"},{"code":"120105","name":"河北区"},{"code":"120106","name":"红桥区"},{"code":"120110","name":"东丽区"},{"code":"120111","name":"西青区"},{"code":"120112","name":"津南区"},{"code":"120113","name":"北辰区"},{"code":"120114","name":"武清区"},{"code":"120115","name":"宝坻区"},{"code":"120116","name":"滨海新区"},{"code":"120117","name":"宁河区"},{"code":"120118","name":"静海区"},{"code":"120119","name":"蓟州区"}]}]},{"code":"13","name":"河北省","children":[{"code":"1301","name":"石家庄市","children":[{"code":"130102","name":"长安区"},{"code":"130104","name":"桥西区"},{"code":"130105","name":"新华区"},{"code":"130107","name":"井陉矿区"},{"code":"130108","name":"裕华区"},{"code":"130109","name":"藁城区"},{"code":"130110","name":"鹿泉区"},{"code":"130111","name":"栾城区"},{"code":"130121","name":"井陉县"},{"code":"130123","name":"正定县"},{"code":"130125","name":"行唐县"},{"code":"130126","name":"灵寿县"},{"code":"130127","name":"高邑县"},{"code":"130128","name":"深泽县"},{"code":"130129","name":"赞皇县"},{"code":"130130","name":"无极县"},{"code":"130131","name":"平山县"},{"code":"130132","name":"元氏县"},{"code":"130133","name":"赵县"},{"code":"130171","name":"石家庄高新技术产业开发区"},{"code":"130172","name":"石家庄循环化工园区"},{"code":"130181","name":"辛集市"},{"code":"130183","name":"晋州市"},{"code":"130184","name":"新乐市"}]},{"code":"1302","name":"唐山市","children":[{"code":"130202","name":"路南区"},{"code":"130203","name":"路北区"},{"code":"130204","name":"古冶区"},{"code":"130205","name":"开平区"},{"code":"130207","name":"丰南区"},{"code":"130208","name":"丰润区"},{"code":"130209","name":"曹妃甸区"},{"code":"130223","name":"滦县"},{"code":"130224","name":"滦南县"},{"code":"130225","name":"乐亭县"},{"code":"130227","name":"迁西县"},{"code":"130229","name":"玉田县"},{"code":"130271","name":"唐山市芦台经济技术开发区"},{"code":"130272","name":"唐山市汉沽管理区"},{"code":"130273","name":"唐山高新技术产业开发区"},{"code":"130274","name":"河北唐山海港经济开发区"},{"code":"130281","name":"遵化市"},{"code":"130283","name":"迁安市"}]},{"code":"1303","name":"秦皇岛市","children":[{"code":"130302","name":"海港区"},{"code":"130303","name":"山海关区"},{"code":"130304","name":"北戴河区"},{"code":"130306","name":"抚宁区"},{"code":"130321","name":"青龙满族自治县"},{"code":"130322","name":"昌黎县"},{"code":"130324","name":"卢龙县"},{"code":"130371","name":"秦皇岛市经济技术开发区"},{"code":"130372","name":"北戴河新区"}]},{"code":"1304","name":"邯郸市","children":[{"code":"130402","name":"邯山区"},{"code":"130403","name":"丛台区"},{"code":"130404","name":"复兴区"},{"code":"130406","name":"峰峰矿区"},{"code":"130407","name":"肥乡区"},{"code":"130408","name":"永年区"},{"code":"130423","name":"临漳县"},{"code":"130424","name":"成安县"},{"code":"130425","name":"大名县"},{"code":"130426","name":"涉县"},{"code":"130427","name":"磁县"},{"code":"130430","name":"邱县"},{"code":"130431","name":"鸡泽县"},{"code":"130432","name":"广平县"},{"code":"130433","name":"馆陶县"},{"code":"130434","name":"魏县"},{"code":"130435","name":"曲周县"},{"code":"130471","name":"邯郸经济技术开发区"},{"code":"130473","name":"邯郸冀南新区"},{"code":"130481","name":"武安市"}]},{"code":"1305","name":"邢台市","children":[{"code":"130502","name":"桥东区"},{"code":"130503","name":"桥西区"},{"code":"130521","name":"邢台县"},{"code":"130522","name":"临城县"},{"code":"130523","name":"内丘县"},{"code":"130524","name":"柏乡县"},{"code":"130525","name":"隆尧县"},{"code":"130526","name":"任县"},{"code":"130527","name":"南和县"},{"code":"130528","name":"宁晋县"},{"code":"130529","name":"巨鹿县"},{"code":"130530","name":"新河县"},{"code":"130531","name":"广宗县"},{"code":"130532","name":"平乡县"},{"code":"130533","name":"威县"},{"code":"130534","name":"清河县"},{"code":"130535","name":"临西县"},{"code":"130571","name":"河北邢台经济开发区"},{"code":"130581","name":"南宫市"},{"code":"130582","name":"沙河市"}]},{"code":"1306","name":"保定市","children":[{"code":"130602","name":"竞秀区"},{"code":"130606","name":"莲池区"},{"code":"130607","name":"满城区"},{"code":"130608","name":"清苑区"},{"code":"130609","name":"徐水区"},{"code":"130623","name":"涞水县"},{"code":"130624","name":"阜平县"},{"code":"130626","name":"定兴县"},{"code":"130627","name":"唐县"},{"code":"130628","name":"高阳县"},{"code":"130629","name":"容城县"},{"code":"130630","name":"涞源县"},{"code":"130631","name":"望都县"},{"code":"130632","name":"安新县"},{"code":"130633","name":"易县"},{"code":"130634","name":"曲阳县"},{"code":"130635","name":"蠡县"},{"code":"130636","name":"顺平县"},{"code":"130637","name":"博野县"},{"code":"130638","name":"雄县"},{"code":"130671","name":"保定高新技术产业开发区"},{"code":"130672","name":"保定白沟新城"},{"code":"130681","name":"涿州市"},{"code":"130682","name":"定州市"},{"code":"130683","name":"安国市"},{"code":"130684","name":"高碑店市"}]},{"code":"1307","name":"张家口市","children":[{"code":"130702","name":"桥东区"},{"code":"130703","name":"桥西区"},{"code":"130705","name":"宣化区"},{"code":"130706","name":"下花园区"},{"code":"130708","name":"万全区"},{"code":"130709","name":"崇礼区"},{"code":"130722","name":"张北县"},{"code":"130723","name":"康保县"},{"code":"130724","name":"沽源县"},{"code":"130725","name":"尚义县"},{"code":"130726","name":"蔚县"},{"code":"130727","name":"阳原县"},{"code":"130728","name":"怀安县"},{"code":"130730","name":"怀来县"},{"code":"130731","name":"涿鹿县"},{"code":"130732","name":"赤城县"},{"code":"130771","name":"张家口市高新技术产业开发区"},{"code":"130772","name":"张家口市察北管理区"},{"code":"130773","name":"张家口市塞北管理区"}]},{"code":"1308","name":"承德市","children":[{"code":"130802","name":"双桥区"},{"code":"130803","name":"双滦区"},{"code":"130804","name":"鹰手营子矿区"},{"code":"130821","name":"承德县"},{"code":"130822","name":"兴隆县"},{"code":"130824","name":"滦平县"},{"code":"130825","name":"隆化县"},{"code":"130826","name":"丰宁满族自治县"},{"code":"130827","name":"宽城满族自治县"},{"code":"130828","name":"围场满族蒙古族自治县"},{"code":"130871","name":"承德高新技术产业开发区"},{"code":"130881","name":"平泉市"}]},{"code":"1309","name":"沧州市","children":[{"code":"130902","name":"新华区"},{"code":"130903","name":"运河区"},{"code":"130921","name":"沧县"},{"code":"130922","name":"青县"},{"code":"130923","name":"东光县"},{"code":"130924","name":"海兴县"},{"code":"130925","name":"盐山县"},{"code":"130926","name":"肃宁县"},{"code":"130927","name":"南皮县"},{"code":"130928","name":"吴桥县"},{"code":"130929","name":"献县"},{"code":"130930","name":"孟村回族自治县"},{"code":"130971","name":"河北沧州经济开发区"},{"code":"130972","name":"沧州高新技术产业开发区"},{"code":"130973","name":"沧州渤海新区"},{"code":"130981","name":"泊头市"},{"code":"130982","name":"任丘市"},{"code":"130983","name":"黄骅市"},{"code":"130984","name":"河间市"}]},{"code":"1310","name":"廊坊市","children":[{"code":"131002","name":"安次区"},{"code":"131003","name":"广阳区"},{"code":"131022","name":"固安县"},{"code":"131023","name":"永清县"},{"code":"131024","name":"香河县"},{"code":"131025","name":"大城县"},{"code":"131026","name":"文安县"},{"code":"131028","name":"大厂回族自治县"},{"code":"131071","name":"廊坊经济技术开发区"},{"code":"131081","name":"霸州市"},{"code":"131082","name":"三河市"}]},{"code":"1311","name":"衡水市","children":[{"code":"131102","name":"桃城区"},{"code":"131103","name":"冀州区"},{"code":"131121","name":"枣强县"},{"code":"131122","name":"武邑县"},{"code":"131123","name":"武强县"},{"code":"131124","name":"饶阳县"},{"code":"131125","name":"安平县"},{"code":"131126","name":"故城县"},{"code":"131127","name":"景县"},{"code":"131128","name":"阜城县"},{"code":"131171","name":"河北衡水经济开发区"},{"code":"131172","name":"衡水滨湖新区"},{"code":"131182","name":"深州市"}]}]},{"code":"14","name":"山西省","children":[{"code":"1401","name":"太原市","children":[{"code":"140105","name":"小店区"},{"code":"140106","name":"迎泽区"},{"code":"140107","name":"杏花岭区"},{"code":"140108","name":"尖草坪区"},{"code":"140109","name":"万柏林区"},{"code":"140110","name":"晋源区"},{"code":"140121","name":"清徐县"},{"code":"140122","name":"阳曲县"},{"code":"140123","name":"娄烦县"},{"code":"140171","name":"山西转型综合改革示范区"},{"code":"140181","name":"古交市"}]},{"code":"1402","name":"大同市","children":[{"code":"140202","name":"城区"},{"code":"140203","name":"矿区"},{"code":"140211","name":"南郊区"},{"code":"140212","name":"新荣区"},{"code":"140221","name":"阳高县"},{"code":"140222","name":"天镇县"},{"code":"140223","name":"广灵县"},{"code":"140224","name":"灵丘县"},{"code":"140225","name":"浑源县"},{"code":"140226","name":"左云县"},{"code":"140227","name":"大同县"},{"code":"140271","name":"山西大同经济开发区"}]},{"code":"1403","name":"阳泉市","children":[{"code":"140302","name":"城区"},{"code":"140303","name":"矿区"},{"code":"140311","name":"郊区"},{"code":"140321","name":"平定县"},{"code":"140322","name":"盂县"},{"code":"140371","name":"山西阳泉经济开发区"}]},{"code":"1404","name":"长治市","children":[{"code":"140402","name":"城区"},{"code":"140411","name":"郊区"},{"code":"140421","name":"长治县"},{"code":"140423","name":"襄垣县"},{"code":"140424","name":"屯留县"},{"code":"140425","name":"平顺县"},{"code":"140426","name":"黎城县"},{"code":"140427","name":"壶关县"},{"code":"140428","name":"长子县"},{"code":"140429","name":"武乡县"},{"code":"140430","name":"沁县"},{"code":"140431","name":"沁源县"},{"code":"140471","name":"山西长治高新技术产业园区"},{"code":"140481","name":"潞城市"}]},{"code":"1405","name":"晋城市","children":[{"code":"140502","name":"城区"},{"code":"140521","name":"沁水县"},{"code":"140522","name":"阳城县"},{"code":"140524","name":"陵川县"},{"code":"140525","name":"泽州县"},{"code":"140581","name":"高平市"}]},{"code":"1406","name":"朔州市","children":[{"code":"140602","name":"朔城区"},{"code":"140603","name":"平鲁区"},{"code":"140621","name":"山阴县"},{"code":"140622","name":"应县"},{"code":"140623","name":"右玉县"},{"code":"140624","name":"怀仁县"},{"code":"140671","name":"山西朔州经济开发区"}]},{"code":"1407","name":"晋中市","children":[{"code":"140702","name":"榆次区"},{"code":"140721","name":"榆社县"},{"code":"140722","name":"左权县"},{"code":"140723","name":"和顺县"},{"code":"140724","name":"昔阳县"},{"code":"140725","name":"寿阳县"},{"code":"140726","name":"太谷县"},{"code":"140727","name":"祁县"},{"code":"140728","name":"平遥县"},{"code":"140729","name":"灵石县"},{"code":"140781","name":"介休市"}]},{"code":"1408","name":"运城市","children":[{"code":"140802","name":"盐湖区"},{"code":"140821","name":"临猗县"},{"code":"140822","name":"万荣县"},{"code":"140823","name":"闻喜县"},{"code":"140824","name":"稷山县"},{"code":"140825","name":"新绛县"},{"code":"140826","name":"绛县"},{"code":"140827","name":"垣曲县"},{"code":"140828","name":"夏县"},{"code":"140829","name":"平陆县"},{"code":"140830","name":"芮城县"},{"code":"140881","name":"永济市"},{"code":"140882","name":"河津市"}]},{"code":"1409","name":"忻州市","children":[{"code":"140902","name":"忻府区"},{"code":"140921","name":"定襄县"},{"code":"140922","name":"五台县"},{"code":"140923","name":"代县"},{"code":"140924","name":"繁峙县"},{"code":"140925","name":"宁武县"},{"code":"140926","name":"静乐县"},{"code":"140927","name":"神池县"},{"code":"140928","name":"五寨县"},{"code":"140929","name":"岢岚县"},{"code":"140930","name":"河曲县"},{"code":"140931","name":"保德县"},{"code":"140932","name":"偏关县"},{"code":"140971","name":"五台山风景名胜区"},{"code":"140981","name":"原平市"}]},{"code":"1410","name":"临汾市","children":[{"code":"141002","name":"尧都区"},{"code":"141021","name":"曲沃县"},{"code":"141022","name":"翼城县"},{"code":"141023","name":"襄汾县"},{"code":"141024","name":"洪洞县"},{"code":"141025","name":"古县"},{"code":"141026","name":"安泽县"},{"code":"141027","name":"浮山县"},{"code":"141028","name":"吉县"},{"code":"141029","name":"乡宁县"},{"code":"141030","name":"大宁县"},{"code":"141031","name":"隰县"},{"code":"141032","name":"永和县"},{"code":"141033","name":"蒲县"},{"code":"141034","name":"汾西县"},{"code":"141081","name":"侯马市"},{"code":"141082","name":"霍州市"}]},{"code":"1411","name":"吕梁市","children":[{"code":"141102","name":"离石区"},{"code":"141121","name":"文水县"},{"code":"141122","name":"交城县"},{"code":"141123","name":"兴县"},{"code":"141124","name":"临县"},{"code":"141125","name":"柳林县"},{"code":"141126","name":"石楼县"},{"code":"141127","name":"岚县"},{"code":"141128","name":"方山县"},{"code":"141129","name":"中阳县"},{"code":"141130","name":"交口县"},{"code":"141181","name":"孝义市"},{"code":"141182","name":"汾阳市"}]}]},{"code":"15","name":"内蒙古自治区","children":[{"code":"1501","name":"呼和浩特市","children":[{"code":"150102","name":"新城区"},{"code":"150103","name":"回民区"},{"code":"150104","name":"玉泉区"},{"code":"150105","name":"赛罕区"},{"code":"150121","name":"土默特左旗"},{"code":"150122","name":"托克托县"},{"code":"150123","name":"和林格尔县"},{"code":"150124","name":"清水河县"},{"code":"150125","name":"武川县"},{"code":"150171","name":"呼和浩特金海工业园区"},{"code":"150172","name":"呼和浩特经济技术开发区"}]},{"code":"1502","name":"包头市","children":[{"code":"150202","name":"东河区"},{"code":"150203","name":"昆都仑区"},{"code":"150204","name":"青山区"},{"code":"150205","name":"石拐区"},{"code":"150206","name":"白云鄂博矿区"},{"code":"150207","name":"九原区"},{"code":"150221","name":"土默特右旗"},{"code":"150222","name":"固阳县"},{"code":"150223","name":"达尔罕茂明安联合旗"},{"code":"150271","name":"包头稀土高新技术产业开发区"}]},{"code":"1503","name":"乌海市","children":[{"code":"150302","name":"海勃湾区"},{"code":"150303","name":"海南区"},{"code":"150304","name":"乌达区"}]},{"code":"1504","name":"赤峰市","children":[{"code":"150402","name":"红山区"},{"code":"150403","name":"元宝山区"},{"code":"150404","name":"松山区"},{"code":"150421","name":"阿鲁科尔沁旗"},{"code":"150422","name":"巴林左旗"},{"code":"150423","name":"巴林右旗"},{"code":"150424","name":"林西县"},{"code":"150425","name":"克什克腾旗"},{"code":"150426","name":"翁牛特旗"},{"code":"150428","name":"喀喇沁旗"},{"code":"150429","name":"宁城县"},{"code":"150430","name":"敖汉旗"}]},{"code":"1505","name":"通辽市","children":[{"code":"150502","name":"科尔沁区"},{"code":"150521","name":"科尔沁左翼中旗"},{"code":"150522","name":"科尔沁左翼后旗"},{"code":"150523","name":"开鲁县"},{"code":"150524","name":"库伦旗"},{"code":"150525","name":"奈曼旗"},{"code":"150526","name":"扎鲁特旗"},{"code":"150571","name":"通辽经济技术开发区"},{"code":"150581","name":"霍林郭勒市"}]},{"code":"1506","name":"鄂尔多斯市","children":[{"code":"150602","name":"东胜区"},{"code":"150603","name":"康巴什区"},{"code":"150621","name":"达拉特旗"},{"code":"150622","name":"准格尔旗"},{"code":"150623","name":"鄂托克前旗"},{"code":"150624","name":"鄂托克旗"},{"code":"150625","name":"杭锦旗"},{"code":"150626","name":"乌审旗"},{"code":"150627","name":"伊金霍洛旗"}]},{"code":"1507","name":"呼伦贝尔市","children":[{"code":"150702","name":"海拉尔区"},{"code":"150703","name":"扎赉诺尔区"},{"code":"150721","name":"阿荣旗"},{"code":"150722","name":"莫力达瓦达斡尔族自治旗"},{"code":"150723","name":"鄂伦春自治旗"},{"code":"150724","name":"鄂温克族自治旗"},{"code":"150725","name":"陈巴尔虎旗"},{"code":"150726","name":"新巴尔虎左旗"},{"code":"150727","name":"新巴尔虎右旗"},{"code":"150781","name":"满洲里市"},{"code":"150782","name":"牙克石市"},{"code":"150783","name":"扎兰屯市"},{"code":"150784","name":"额尔古纳市"},{"code":"150785","name":"根河市"}]},{"code":"1508","name":"巴彦淖尔市","children":[{"code":"150802","name":"临河区"},{"code":"150821","name":"五原县"},{"code":"150822","name":"磴口县"},{"code":"150823","name":"乌拉特前旗"},{"code":"150824","name":"乌拉特中旗"},{"code":"150825","name":"乌拉特后旗"},{"code":"150826","name":"杭锦后旗"}]},{"code":"1509","name":"乌兰察布市","children":[{"code":"150902","name":"集宁区"},{"code":"150921","name":"卓资县"},{"code":"150922","name":"化德县"},{"code":"150923","name":"商都县"},{"code":"150924","name":"兴和县"},{"code":"150925","name":"凉城县"},{"code":"150926","name":"察哈尔右翼前旗"},{"code":"150927","name":"察哈尔右翼中旗"},{"code":"150928","name":"察哈尔右翼后旗"},{"code":"150929","name":"四子王旗"},{"code":"150981","name":"丰镇市"}]},{"code":"1522","name":"兴安盟","children":[{"code":"152201","name":"乌兰浩特市"},{"code":"152202","name":"阿尔山市"},{"code":"152221","name":"科尔沁右翼前旗"},{"code":"152222","name":"科尔沁右翼中旗"},{"code":"152223","name":"扎赉特旗"},{"code":"152224","name":"突泉县"}]},{"code":"1525","name":"锡林郭勒盟","children":[{"code":"152501","name":"二连浩特市"},{"code":"152502","name":"锡林浩特市"},{"code":"152522","name":"阿巴嘎旗"},{"code":"152523","name":"苏尼特左旗"},{"code":"152524","name":"苏尼特右旗"},{"code":"152525","name":"东乌珠穆沁旗"},{"code":"152526","name":"西乌珠穆沁旗"},{"code":"152527","name":"太仆寺旗"},{"code":"152528","name":"镶黄旗"},{"code":"152529","name":"正镶白旗"},{"code":"152530","name":"正蓝旗"},{"code":"152531","name":"多伦县"},{"code":"152571","name":"乌拉盖管委会"}]},{"code":"1529","name":"阿拉善盟","children":[{"code":"152921","name":"阿拉善左旗"},{"code":"152922","name":"阿拉善右旗"},{"code":"152923","name":"额济纳旗"},{"code":"152971","name":"内蒙古阿拉善经济开发区"}]}]},{"code":"21","name":"辽宁省","children":[{"code":"2101","name":"沈阳市","children":[{"code":"210102","name":"和平区"},{"code":"210103","name":"沈河区"},{"code":"210104","name":"大东区"},{"code":"210105","name":"皇姑区"},{"code":"210106","name":"铁西区"},{"code":"210111","name":"苏家屯区"},{"code":"210112","name":"浑南区"},{"code":"210113","name":"沈北新区"},{"code":"210114","name":"于洪区"},{"code":"210115","name":"辽中区"},{"code":"210123","name":"康平县"},{"code":"210124","name":"法库县"},{"code":"210181","name":"新民市"}]},{"code":"2102","name":"大连市","children":[{"code":"210202","name":"中山区"},{"code":"210203","name":"西岗区"},{"code":"210204","name":"沙河口区"},{"code":"210211","name":"甘井子区"},{"code":"210212","name":"旅顺口区"},{"code":"210213","name":"金州区"},{"code":"210214","name":"普兰店区"},{"code":"210224","name":"长海县"},{"code":"210281","name":"瓦房店市"},{"code":"210283","name":"庄河市"}]},{"code":"2103","name":"鞍山市","children":[{"code":"210302","name":"铁东区"},{"code":"210303","name":"铁西区"},{"code":"210304","name":"立山区"},{"code":"210311","name":"千山区"},{"code":"210321","name":"台安县"},{"code":"210323","name":"岫岩满族自治县"},{"code":"210381","name":"海城市"}]},{"code":"2104","name":"抚顺市","children":[{"code":"210402","name":"新抚区"},{"code":"210403","name":"东洲区"},{"code":"210404","name":"望花区"},{"code":"210411","name":"顺城区"},{"code":"210421","name":"抚顺县"},{"code":"210422","name":"新宾满族自治县"},{"code":"210423","name":"清原满族自治县"}]},{"code":"2105","name":"本溪市","children":[{"code":"210502","name":"平山区"},{"code":"210503","name":"溪湖区"},{"code":"210504","name":"明山区"},{"code":"210505","name":"南芬区"},{"code":"210521","name":"本溪满族自治县"},{"code":"210522","name":"桓仁满族自治县"}]},{"code":"2106","name":"丹东市","children":[{"code":"210602","name":"元宝区"},{"code":"210603","name":"振兴区"},{"code":"210604","name":"振安区"},{"code":"210624","name":"宽甸满族自治县"},{"code":"210681","name":"东港市"},{"code":"210682","name":"凤城市"}]},{"code":"2107","name":"锦州市","children":[{"code":"210702","name":"古塔区"},{"code":"210703","name":"凌河区"},{"code":"210711","name":"太和区"},{"code":"210726","name":"黑山县"},{"code":"210727","name":"义县"},{"code":"210781","name":"凌海市"},{"code":"210782","name":"北镇市"}]},{"code":"2108","name":"营口市","children":[{"code":"210802","name":"站前区"},{"code":"210803","name":"西市区"},{"code":"210804","name":"鲅鱼圈区"},{"code":"210811","name":"老边区"},{"code":"210881","name":"盖州市"},{"code":"210882","name":"大石桥市"}]},{"code":"2109","name":"阜新市","children":[{"code":"210902","name":"海州区"},{"code":"210903","name":"新邱区"},{"code":"210904","name":"太平区"},{"code":"210905","name":"清河门区"},{"code":"210911","name":"细河区"},{"code":"210921","name":"阜新蒙古族自治县"},{"code":"210922","name":"彰武县"}]},{"code":"2110","name":"辽阳市","children":[{"code":"211002","name":"白塔区"},{"code":"211003","name":"文圣区"},{"code":"211004","name":"宏伟区"},{"code":"211005","name":"弓长岭区"},{"code":"211011","name":"太子河区"},{"code":"211021","name":"辽阳县"},{"code":"211081","name":"灯塔市"}]},{"code":"2111","name":"盘锦市","children":[{"code":"211102","name":"双台子区"},{"code":"211103","name":"兴隆台区"},{"code":"211104","name":"大洼区"},{"code":"211122","name":"盘山县"}]},{"code":"2112","name":"铁岭市","children":[{"code":"211202","name":"银州区"},{"code":"211204","name":"清河区"},{"code":"211221","name":"铁岭县"},{"code":"211223","name":"西丰县"},{"code":"211224","name":"昌图县"},{"code":"211281","name":"调兵山市"},{"code":"211282","name":"开原市"}]},{"code":"2113","name":"朝阳市","children":[{"code":"211302","name":"双塔区"},{"code":"211303","name":"龙城区"},{"code":"211321","name":"朝阳县"},{"code":"211322","name":"建平县"},{"code":"211324","name":"喀喇沁左翼蒙古族自治县"},{"code":"211381","name":"北票市"},{"code":"211382","name":"凌源市"}]},{"code":"2114","name":"葫芦岛市","children":[{"code":"211402","name":"连山区"},{"code":"211403","name":"龙港区"},{"code":"211404","name":"南票区"},{"code":"211421","name":"绥中县"},{"code":"211422","name":"建昌县"},{"code":"211481","name":"兴城市"}]}]},{"code":"22","name":"吉林省","children":[{"code":"2201","name":"长春市","children":[{"code":"220102","name":"南关区"},{"code":"220103","name":"宽城区"},{"code":"220104","name":"朝阳区"},{"code":"220105","name":"二道区"},{"code":"220106","name":"绿园区"},{"code":"220112","name":"双阳区"},{"code":"220113","name":"九台区"},{"code":"220122","name":"农安县"},{"code":"220171","name":"长春经济技术开发区"},{"code":"220172","name":"长春净月高新技术产业开发区"},{"code":"220173","name":"长春高新技术产业开发区"},{"code":"220174","name":"长春汽车经济技术开发区"},{"code":"220182","name":"榆树市"},{"code":"220183","name":"德惠市"}]},{"code":"2202","name":"吉林市","children":[{"code":"220202","name":"昌邑区"},{"code":"220203","name":"龙潭区"},{"code":"220204","name":"船营区"},{"code":"220211","name":"丰满区"},{"code":"220221","name":"永吉县"},{"code":"220271","name":"吉林经济开发区"},{"code":"220272","name":"吉林高新技术产业开发区"},{"code":"220273","name":"吉林中国新加坡食品区"},{"code":"220281","name":"蛟河市"},{"code":"220282","name":"桦甸市"},{"code":"220283","name":"舒兰市"},{"code":"220284","name":"磐石市"}]},{"code":"2203","name":"四平市","children":[{"code":"220302","name":"铁西区"},{"code":"220303","name":"铁东区"},{"code":"220322","name":"梨树县"},{"code":"220323","name":"伊通满族自治县"},{"code":"220381","name":"公主岭市"},{"code":"220382","name":"双辽市"}]},{"code":"2204","name":"辽源市","children":[{"code":"220402","name":"龙山区"},{"code":"220403","name":"西安区"},{"code":"220421","name":"东丰县"},{"code":"220422","name":"东辽县"}]},{"code":"2205","name":"通化市","children":[{"code":"220502","name":"东昌区"},{"code":"220503","name":"二道江区"},{"code":"220521","name":"通化县"},{"code":"220523","name":"辉南县"},{"code":"220524","name":"柳河县"},{"code":"220581","name":"梅河口市"},{"code":"220582","name":"集安市"}]},{"code":"2206","name":"白山市","children":[{"code":"220602","name":"浑江区"},{"code":"220605","name":"江源区"},{"code":"220621","name":"抚松县"},{"code":"220622","name":"靖宇县"},{"code":"220623","name":"长白朝鲜族自治县"},{"code":"220681","name":"临江市"}]},{"code":"2207","name":"松原市","children":[{"code":"220702","name":"宁江区"},{"code":"220721","name":"前郭尔罗斯蒙古族自治县"},{"code":"220722","name":"长岭县"},{"code":"220723","name":"乾安县"},{"code":"220771","name":"吉林松原经济开发区"},{"code":"220781","name":"扶余市"}]},{"code":"2208","name":"白城市","children":[{"code":"220802","name":"洮北区"},{"code":"220821","name":"镇赉县"},{"code":"220822","name":"通榆县"},{"code":"220871","name":"吉林白城经济开发区"},{"code":"220881","name":"洮南市"},{"code":"220882","name":"大安市"}]},{"code":"2224","name":"延边朝鲜族自治州","children":[{"code":"222401","name":"延吉市"},{"code":"222402","name":"图们市"},{"code":"222403","name":"敦化市"},{"code":"222404","name":"珲春市"},{"code":"222405","name":"龙井市"},{"code":"222406","name":"和龙市"},{"code":"222424","name":"汪清县"},{"code":"222426","name":"安图县"}]}]},{"code":"23","name":"黑龙江省","children":[{"code":"2301","name":"哈尔滨市","children":[{"code":"230102","name":"道里区"},{"code":"230103","name":"南岗区"},{"code":"230104","name":"道外区"},{"code":"230108","name":"平房区"},{"code":"230109","name":"松北区"},{"code":"230110","name":"香坊区"},{"code":"230111","name":"呼兰区"},{"code":"230112","name":"阿城区"},{"code":"230113","name":"双城区"},{"code":"230123","name":"依兰县"},{"code":"230124","name":"方正县"},{"code":"230125","name":"宾县"},{"code":"230126","name":"巴彦县"},{"code":"230127","name":"木兰县"},{"code":"230128","name":"通河县"},{"code":"230129","name":"延寿县"},{"code":"230183","name":"尚志市"},{"code":"230184","name":"五常市"}]},{"code":"2302","name":"齐齐哈尔市","children":[{"code":"230202","name":"龙沙区"},{"code":"230203","name":"建华区"},{"code":"230204","name":"铁锋区"},{"code":"230205","name":"昂昂溪区"},{"code":"230206","name":"富拉尔基区"},{"code":"230207","name":"碾子山区"},{"code":"230208","name":"梅里斯达斡尔族区"},{"code":"230221","name":"龙江县"},{"code":"230223","name":"依安县"},{"code":"230224","name":"泰来县"},{"code":"230225","name":"甘南县"},{"code":"230227","name":"富裕县"},{"code":"230229","name":"克山县"},{"code":"230230","name":"克东县"},{"code":"230231","name":"拜泉县"},{"code":"230281","name":"讷河市"}]},{"code":"2303","name":"鸡西市","children":[{"code":"230302","name":"鸡冠区"},{"code":"230303","name":"恒山区"},{"code":"230304","name":"滴道区"},{"code":"230305","name":"梨树区"},{"code":"230306","name":"城子河区"},{"code":"230307","name":"麻山区"},{"code":"230321","name":"鸡东县"},{"code":"230381","name":"虎林市"},{"code":"230382","name":"密山市"}]},{"code":"2304","name":"鹤岗市","children":[{"code":"230402","name":"向阳区"},{"code":"230403","name":"工农区"},{"code":"230404","name":"南山区"},{"code":"230405","name":"兴安区"},{"code":"230406","name":"东山区"},{"code":"230407","name":"兴山区"},{"code":"230421","name":"萝北县"},{"code":"230422","name":"绥滨县"}]},{"code":"2305","name":"双鸭山市","children":[{"code":"230502","name":"尖山区"},{"code":"230503","name":"岭东区"},{"code":"230505","name":"四方台区"},{"code":"230506","name":"宝山区"},{"code":"230521","name":"集贤县"},{"code":"230522","name":"友谊县"},{"code":"230523","name":"宝清县"},{"code":"230524","name":"饶河县"}]},{"code":"2306","name":"大庆市","children":[{"code":"230602","name":"萨尔图区"},{"code":"230603","name":"龙凤区"},{"code":"230604","name":"让胡路区"},{"code":"230605","name":"红岗区"},{"code":"230606","name":"大同区"},{"code":"230621","name":"肇州县"},{"code":"230622","name":"肇源县"},{"code":"230623","name":"林甸县"},{"code":"230624","name":"杜尔伯特蒙古族自治县"},{"code":"230671","name":"大庆高新技术产业开发区"}]},{"code":"2307","name":"伊春市","children":[{"code":"230702","name":"伊春区"},{"code":"230703","name":"南岔区"},{"code":"230704","name":"友好区"},{"code":"230705","name":"西林区"},{"code":"230706","name":"翠峦区"},{"code":"230707","name":"新青区"},{"code":"230708","name":"美溪区"},{"code":"230709","name":"金山屯区"},{"code":"230710","name":"五营区"},{"code":"230711","name":"乌马河区"},{"code":"230712","name":"汤旺河区"},{"code":"230713","name":"带岭区"},{"code":"230714","name":"乌伊岭区"},{"code":"230715","name":"红星区"},{"code":"230716","name":"上甘岭区"},{"code":"230722","name":"嘉荫县"},{"code":"230781","name":"铁力市"}]},{"code":"2308","name":"佳木斯市","children":[{"code":"230803","name":"向阳区"},{"code":"230804","name":"前进区"},{"code":"230805","name":"东风区"},{"code":"230811","name":"郊区"},{"code":"230822","name":"桦南县"},{"code":"230826","name":"桦川县"},{"code":"230828","name":"汤原县"},{"code":"230881","name":"同江市"},{"code":"230882","name":"富锦市"},{"code":"230883","name":"抚远市"}]},{"code":"2309","name":"七台河市","children":[{"code":"230902","name":"新兴区"},{"code":"230903","name":"桃山区"},{"code":"230904","name":"茄子河区"},{"code":"230921","name":"勃利县"}]},{"code":"2310","name":"牡丹江市","children":[{"code":"231002","name":"东安区"},{"code":"231003","name":"阳明区"},{"code":"231004","name":"爱民区"},{"code":"231005","name":"西安区"},{"code":"231025","name":"林口县"},{"code":"231071","name":"牡丹江经济技术开发区"},{"code":"231081","name":"绥芬河市"},{"code":"231083","name":"海林市"},{"code":"231084","name":"宁安市"},{"code":"231085","name":"穆棱市"},{"code":"231086","name":"东宁市"}]},{"code":"2311","name":"黑河市","children":[{"code":"231102","name":"爱辉区"},{"code":"231121","name":"嫩江县"},{"code":"231123","name":"逊克县"},{"code":"231124","name":"孙吴县"},{"code":"231181","name":"北安市"},{"code":"231182","name":"五大连池市"}]},{"code":"2312","name":"绥化市","children":[{"code":"231202","name":"北林区"},{"code":"231221","name":"望奎县"},{"code":"231222","name":"兰西县"},{"code":"231223","name":"青冈县"},{"code":"231224","name":"庆安县"},{"code":"231225","name":"明水县"},{"code":"231226","name":"绥棱县"},{"code":"231281","name":"安达市"},{"code":"231282","name":"肇东市"},{"code":"231283","name":"海伦市"}]},{"code":"2327","name":"大兴安岭地区","children":[{"code":"232701","name":"加格达奇区"},{"code":"232702","name":"松岭区"},{"code":"232703","name":"新林区"},{"code":"232704","name":"呼中区"},{"code":"232721","name":"呼玛县"},{"code":"232722","name":"塔河县"},{"code":"232723","name":"漠河县"}]}]},{"code":"31","name":"上海市","children":[{"code":"3101","name":"市辖区","children":[{"code":"310101","name":"黄浦区"},{"code":"310104","name":"徐汇区"},{"code":"310105","name":"长宁区"},{"code":"310106","name":"静安区"},{"code":"310107","name":"普陀区"},{"code":"310109","name":"虹口区"},{"code":"310110","name":"杨浦区"},{"code":"310112","name":"闵行区"},{"code":"310113","name":"宝山区"},{"code":"310114","name":"嘉定区"},{"code":"310115","name":"浦东新区"},{"code":"310116","name":"金山区"},{"code":"310117","name":"松江区"},{"code":"310118","name":"青浦区"},{"code":"310120","name":"奉贤区"},{"code":"310151","name":"崇明区"}]}]},{"code":"32","name":"江苏省","children":[{"code":"3201","name":"南京市","children":[{"code":"320102","name":"玄武区"},{"code":"320104","name":"秦淮区"},{"code":"320105","name":"建邺区"},{"code":"320106","name":"鼓楼区"},{"code":"320111","name":"浦口区"},{"code":"320113","name":"栖霞区"},{"code":"320114","name":"雨花台区"},{"code":"320115","name":"江宁区"},{"code":"320116","name":"六合区"},{"code":"320117","name":"溧水区"},{"code":"320118","name":"高淳区"}]},{"code":"3202","name":"无锡市","children":[{"code":"320205","name":"锡山区"},{"code":"320206","name":"惠山区"},{"code":"320211","name":"滨湖区"},{"code":"320213","name":"梁溪区"},{"code":"320214","name":"新吴区"},{"code":"320281","name":"江阴市"},{"code":"320282","name":"宜兴市"}]},{"code":"3203","name":"徐州市","children":[{"code":"320302","name":"鼓楼区"},{"code":"320303","name":"云龙区"},{"code":"320305","name":"贾汪区"},{"code":"320311","name":"泉山区"},{"code":"320312","name":"铜山区"},{"code":"320321","name":"丰县"},{"code":"320322","name":"沛县"},{"code":"320324","name":"睢宁县"},{"code":"320371","name":"徐州经济技术开发区"},{"code":"320381","name":"新沂市"},{"code":"320382","name":"邳州市"}]},{"code":"3204","name":"常州市","children":[{"code":"320402","name":"天宁区"},{"code":"320404","name":"钟楼区"},{"code":"320411","name":"新北区"},{"code":"320412","name":"武进区"},{"code":"320413","name":"金坛区"},{"code":"320481","name":"溧阳市"}]},{"code":"3205","name":"苏州市","children":[{"code":"320505","name":"虎丘区"},{"code":"320506","name":"吴中区"},{"code":"320507","name":"相城区"},{"code":"320508","name":"姑苏区"},{"code":"320509","name":"吴江区"},{"code":"320571","name":"苏州工业园区"},{"code":"320581","name":"常熟市"},{"code":"320582","name":"张家港市"},{"code":"320583","name":"昆山市"},{"code":"320585","name":"太仓市"}]},{"code":"3206","name":"南通市","children":[{"code":"320602","name":"崇川区"},{"code":"320611","name":"港闸区"},{"code":"320612","name":"通州区"},{"code":"320621","name":"海安县"},{"code":"320623","name":"如东县"},{"code":"320671","name":"南通经济技术开发区"},{"code":"320681","name":"启东市"},{"code":"320682","name":"如皋市"},{"code":"320684","name":"海门市"}]},{"code":"3207","name":"连云港市","children":[{"code":"320703","name":"连云区"},{"code":"320706","name":"海州区"},{"code":"320707","name":"赣榆区"},{"code":"320722","name":"东海县"},{"code":"320723","name":"灌云县"},{"code":"320724","name":"灌南县"},{"code":"320771","name":"连云港经济技术开发区"},{"code":"320772","name":"连云港高新技术产业开发区"}]},{"code":"3208","name":"淮安市","children":[{"code":"320803","name":"淮安区"},{"code":"320804","name":"淮阴区"},{"code":"320812","name":"清江浦区"},{"code":"320813","name":"洪泽区"},{"code":"320826","name":"涟水县"},{"code":"320830","name":"盱眙县"},{"code":"320831","name":"金湖县"},{"code":"320871","name":"淮安经济技术开发区"}]},{"code":"3209","name":"盐城市","children":[{"code":"320902","name":"亭湖区"},{"code":"320903","name":"盐都区"},{"code":"320904","name":"大丰区"},{"code":"320921","name":"响水县"},{"code":"320922","name":"滨海县"},{"code":"320923","name":"阜宁县"},{"code":"320924","name":"射阳县"},{"code":"320925","name":"建湖县"},{"code":"320971","name":"盐城经济技术开发区"},{"code":"320981","name":"东台市"}]},{"code":"3210","name":"扬州市","children":[{"code":"321002","name":"广陵区"},{"code":"321003","name":"邗江区"},{"code":"321012","name":"江都区"},{"code":"321023","name":"宝应县"},{"code":"321071","name":"扬州经济技术开发区"},{"code":"321081","name":"仪征市"},{"code":"321084","name":"高邮市"}]},{"code":"3211","name":"镇江市","children":[{"code":"321102","name":"京口区"},{"code":"321111","name":"润州区"},{"code":"321112","name":"丹徒区"},{"code":"321171","name":"镇江新区"},{"code":"321181","name":"丹阳市"},{"code":"321182","name":"扬中市"},{"code":"321183","name":"句容市"}]},{"code":"3212","name":"泰州市","children":[{"code":"321202","name":"海陵区"},{"code":"321203","name":"高港区"},{"code":"321204","name":"姜堰区"},{"code":"321271","name":"泰州医药高新技术产业开发区"},{"code":"321281","name":"兴化市"},{"code":"321282","name":"靖江市"},{"code":"321283","name":"泰兴市"}]},{"code":"3213","name":"宿迁市","children":[{"code":"321302","name":"宿城区"},{"code":"321311","name":"宿豫区"},{"code":"321322","name":"沭阳县"},{"code":"321323","name":"泗阳县"},{"code":"321324","name":"泗洪县"},{"code":"321371","name":"宿迁经济技术开发区"}]}]},{"code":"33","name":"浙江省","children":[{"code":"3301","name":"杭州市","children":[{"code":"330102","name":"上城区"},{"code":"330103","name":"下城区"},{"code":"330104","name":"江干区"},{"code":"330105","name":"拱墅区"},{"code":"330106","name":"西湖区"},{"code":"330108","name":"滨江区"},{"code":"330109","name":"萧山区"},{"code":"330110","name":"余杭区"},{"code":"330111","name":"富阳区"},{"code":"330112","name":"临安区"},{"code":"330122","name":"桐庐县"},{"code":"330127","name":"淳安县"},{"code":"330182","name":"建德市"}]},{"code":"3302","name":"宁波市","children":[{"code":"330203","name":"海曙区"},{"code":"330205","name":"江北区"},{"code":"330206","name":"北仑区"},{"code":"330211","name":"镇海区"},{"code":"330212","name":"鄞州区"},{"code":"330213","name":"奉化区"},{"code":"330225","name":"象山县"},{"code":"330226","name":"宁海县"},{"code":"330281","name":"余姚市"},{"code":"330282","name":"慈溪市"}]},{"code":"3303","name":"温州市","children":[{"code":"330302","name":"鹿城区"},{"code":"330303","name":"龙湾区"},{"code":"330304","name":"瓯海区"},{"code":"330305","name":"洞头区"},{"code":"330324","name":"永嘉县"},{"code":"330326","name":"平阳县"},{"code":"330327","name":"苍南县"},{"code":"330328","name":"文成县"},{"code":"330329","name":"泰顺县"},{"code":"330371","name":"温州经济技术开发区"},{"code":"330381","name":"瑞安市"},{"code":"330382","name":"乐清市"}]},{"code":"3304","name":"嘉兴市","children":[{"code":"330402","name":"南湖区"},{"code":"330411","name":"秀洲区"},{"code":"330421","name":"嘉善县"},{"code":"330424","name":"海盐县"},{"code":"330481","name":"海宁市"},{"code":"330482","name":"平湖市"},{"code":"330483","name":"桐乡市"}]},{"code":"3305","name":"湖州市","children":[{"code":"330502","name":"吴兴区"},{"code":"330503","name":"南浔区"},{"code":"330521","name":"德清县"},{"code":"330522","name":"长兴县"},{"code":"330523","name":"安吉县"}]},{"code":"3306","name":"绍兴市","children":[{"code":"330602","name":"越城区"},{"code":"330603","name":"柯桥区"},{"code":"330604","name":"上虞区"},{"code":"330624","name":"新昌县"},{"code":"330681","name":"诸暨市"},{"code":"330683","name":"嵊州市"}]},{"code":"3307","name":"金华市","children":[{"code":"330702","name":"婺城区"},{"code":"330703","name":"金东区"},{"code":"330723","name":"武义县"},{"code":"330726","name":"浦江县"},{"code":"330727","name":"磐安县"},{"code":"330781","name":"兰溪市"},{"code":"330782","name":"义乌市"},{"code":"330783","name":"东阳市"},{"code":"330784","name":"永康市"}]},{"code":"3308","name":"衢州市","children":[{"code":"330802","name":"柯城区"},{"code":"330803","name":"衢江区"},{"code":"330822","name":"常山县"},{"code":"330824","name":"开化县"},{"code":"330825","name":"龙游县"},{"code":"330881","name":"江山市"}]},{"code":"3309","name":"舟山市","children":[{"code":"330902","name":"定海区"},{"code":"330903","name":"普陀区"},{"code":"330921","name":"岱山县"},{"code":"330922","name":"嵊泗县"}]},{"code":"3310","name":"台州市","children":[{"code":"331002","name":"椒江区"},{"code":"331003","name":"黄岩区"},{"code":"331004","name":"路桥区"},{"code":"331022","name":"三门县"},{"code":"331023","name":"天台县"},{"code":"331024","name":"仙居县"},{"code":"331081","name":"温岭市"},{"code":"331082","name":"临海市"},{"code":"331083","name":"玉环市"}]},{"code":"3311","name":"丽水市","children":[{"code":"331102","name":"莲都区"},{"code":"331121","name":"青田县"},{"code":"331122","name":"缙云县"},{"code":"331123","name":"遂昌县"},{"code":"331124","name":"松阳县"},{"code":"331125","name":"云和县"},{"code":"331126","name":"庆元县"},{"code":"331127","name":"景宁畲族自治县"},{"code":"331181","name":"龙泉市"}]}]},{"code":"34","name":"安徽省","children":[{"code":"3401","name":"合肥市","children":[{"code":"340102","name":"瑶海区"},{"code":"340103","name":"庐阳区"},{"code":"340104","name":"蜀山区"},{"code":"340111","name":"包河区"},{"code":"340121","name":"长丰县"},{"code":"340122","name":"肥东县"},{"code":"340123","name":"肥西县"},{"code":"340124","name":"庐江县"},{"code":"340171","name":"合肥高新技术产业开发区"},{"code":"340172","name":"合肥经济技术开发区"},{"code":"340173","name":"合肥新站高新技术产业开发区"},{"code":"340181","name":"巢湖市"}]},{"code":"3402","name":"芜湖市","children":[{"code":"340202","name":"镜湖区"},{"code":"340203","name":"弋江区"},{"code":"340207","name":"鸠江区"},{"code":"340208","name":"三山区"},{"code":"340221","name":"芜湖县"},{"code":"340222","name":"繁昌县"},{"code":"340223","name":"南陵县"},{"code":"340225","name":"无为县"},{"code":"340271","name":"芜湖经济技术开发区"},{"code":"340272","name":"安徽芜湖长江大桥经济开发区"}]},{"code":"3403","name":"蚌埠市","children":[{"code":"340302","name":"龙子湖区"},{"code":"340303","name":"蚌山区"},{"code":"340304","name":"禹会区"},{"code":"340311","name":"淮上区"},{"code":"340321","name":"怀远县"},{"code":"340322","name":"五河县"},{"code":"340323","name":"固镇县"},{"code":"340371","name":"蚌埠市高新技术开发区"},{"code":"340372","name":"蚌埠市经济开发区"}]},{"code":"3404","name":"淮南市","children":[{"code":"340402","name":"大通区"},{"code":"340403","name":"田家庵区"},{"code":"340404","name":"谢家集区"},{"code":"340405","name":"八公山区"},{"code":"340406","name":"潘集区"},{"code":"340421","name":"凤台县"},{"code":"340422","name":"寿县"}]},{"code":"3405","name":"马鞍山市","children":[{"code":"340503","name":"花山区"},{"code":"340504","name":"雨山区"},{"code":"340506","name":"博望区"},{"code":"340521","name":"当涂县"},{"code":"340522","name":"含山县"},{"code":"340523","name":"和县"}]},{"code":"3406","name":"淮北市","children":[{"code":"340602","name":"杜集区"},{"code":"340603","name":"相山区"},{"code":"340604","name":"烈山区"},{"code":"340621","name":"濉溪县"}]},{"code":"3407","name":"铜陵市","children":[{"code":"340705","name":"铜官区"},{"code":"340706","name":"义安区"},{"code":"340711","name":"郊区"},{"code":"340722","name":"枞阳县"}]},{"code":"3408","name":"安庆市","children":[{"code":"340802","name":"迎江区"},{"code":"340803","name":"大观区"},{"code":"340811","name":"宜秀区"},{"code":"340822","name":"怀宁县"},{"code":"340824","name":"潜山县"},{"code":"340825","name":"太湖县"},{"code":"340826","name":"宿松县"},{"code":"340827","name":"望江县"},{"code":"340828","name":"岳西县"},{"code":"340871","name":"安徽安庆经济开发区"},{"code":"340881","name":"桐城市"}]},{"code":"3410","name":"黄山市","children":[{"code":"341002","name":"屯溪区"},{"code":"341003","name":"黄山区"},{"code":"341004","name":"徽州区"},{"code":"341021","name":"歙县"},{"code":"341022","name":"休宁县"},{"code":"341023","name":"黟县"},{"code":"341024","name":"祁门县"}]},{"code":"3411","name":"滁州市","children":[{"code":"341102","name":"琅琊区"},{"code":"341103","name":"南谯区"},{"code":"341122","name":"来安县"},{"code":"341124","name":"全椒县"},{"code":"341125","name":"定远县"},{"code":"341126","name":"凤阳县"},{"code":"341171","name":"苏滁现代产业园"},{"code":"341172","name":"滁州经济技术开发区"},{"code":"341181","name":"天长市"},{"code":"341182","name":"明光市"}]},{"code":"3412","name":"阜阳市","children":[{"code":"341202","name":"颍州区"},{"code":"341203","name":"颍东区"},{"code":"341204","name":"颍泉区"},{"code":"341221","name":"临泉县"},{"code":"341222","name":"太和县"},{"code":"341225","name":"阜南县"},{"code":"341226","name":"颍上县"},{"code":"341271","name":"阜阳合肥现代产业园区"},{"code":"341272","name":"阜阳经济技术开发区"},{"code":"341282","name":"界首市"}]},{"code":"3413","name":"宿州市","children":[{"code":"341302","name":"埇桥区"},{"code":"341321","name":"砀山县"},{"code":"341322","name":"萧县"},{"code":"341323","name":"灵璧县"},{"code":"341324","name":"泗县"},{"code":"341371","name":"宿州马鞍山现代产业园区"},{"code":"341372","name":"宿州经济技术开发区"}]},{"code":"3415","name":"六安市","children":[{"code":"341502","name":"金安区"},{"code":"341503","name":"裕安区"},{"code":"341504","name":"叶集区"},{"code":"341522","name":"霍邱县"},{"code":"341523","name":"舒城县"},{"code":"341524","name":"金寨县"},{"code":"341525","name":"霍山县"}]},{"code":"3416","name":"亳州市","children":[{"code":"341602","name":"谯城区"},{"code":"341621","name":"涡阳县"},{"code":"341622","name":"蒙城县"},{"code":"341623","name":"利辛县"}]},{"code":"3417","name":"池州市","children":[{"code":"341702","name":"贵池区"},{"code":"341721","name":"东至县"},{"code":"341722","name":"石台县"},{"code":"341723","name":"青阳县"}]},{"code":"3418","name":"宣城市","children":[{"code":"341802","name":"宣州区"},{"code":"341821","name":"郎溪县"},{"code":"341822","name":"广德县"},{"code":"341823","name":"泾县"},{"code":"341824","name":"绩溪县"},{"code":"341825","name":"旌德县"},{"code":"341871","name":"宣城市经济开发区"},{"code":"341881","name":"宁国市"}]}]},{"code":"35","name":"福建省","children":[{"code":"3501","name":"福州市","children":[{"code":"350102","name":"鼓楼区"},{"code":"350103","name":"台江区"},{"code":"350104","name":"仓山区"},{"code":"350105","name":"马尾区"},{"code":"350111","name":"晋安区"},{"code":"350121","name":"闽侯县"},{"code":"350122","name":"连江县"},{"code":"350123","name":"罗源县"},{"code":"350124","name":"闽清县"},{"code":"350125","name":"永泰县"},{"code":"350128","name":"平潭县"},{"code":"350181","name":"福清市"},{"code":"350182","name":"长乐市"}]},{"code":"3502","name":"厦门市","children":[{"code":"350203","name":"思明区"},{"code":"350205","name":"海沧区"},{"code":"350206","name":"湖里区"},{"code":"350211","name":"集美区"},{"code":"350212","name":"同安区"},{"code":"350213","name":"翔安区"}]},{"code":"3503","name":"莆田市","children":[{"code":"350302","name":"城厢区"},{"code":"350303","name":"涵江区"},{"code":"350304","name":"荔城区"},{"code":"350305","name":"秀屿区"},{"code":"350322","name":"仙游县"}]},{"code":"3504","name":"三明市","children":[{"code":"350402","name":"梅列区"},{"code":"350403","name":"三元区"},{"code":"350421","name":"明溪县"},{"code":"350423","name":"清流县"},{"code":"350424","name":"宁化县"},{"code":"350425","name":"大田县"},{"code":"350426","name":"尤溪县"},{"code":"350427","name":"沙县"},{"code":"350428","name":"将乐县"},{"code":"350429","name":"泰宁县"},{"code":"350430","name":"建宁县"},{"code":"350481","name":"永安市"}]},{"code":"3505","name":"泉州市","children":[{"code":"350502","name":"鲤城区"},{"code":"350503","name":"丰泽区"},{"code":"350504","name":"洛江区"},{"code":"350505","name":"泉港区"},{"code":"350521","name":"惠安县"},{"code":"350524","name":"安溪县"},{"code":"350525","name":"永春县"},{"code":"350526","name":"德化县"},{"code":"350527","name":"金门县"},{"code":"350581","name":"石狮市"},{"code":"350582","name":"晋江市"},{"code":"350583","name":"南安市"}]},{"code":"3506","name":"漳州市","children":[{"code":"350602","name":"芗城区"},{"code":"350603","name":"龙文区"},{"code":"350622","name":"云霄县"},{"code":"350623","name":"漳浦县"},{"code":"350624","name":"诏安县"},{"code":"350625","name":"长泰县"},{"code":"350626","name":"东山县"},{"code":"350627","name":"南靖县"},{"code":"350628","name":"平和县"},{"code":"350629","name":"华安县"},{"code":"350681","name":"龙海市"}]},{"code":"3507","name":"南平市","children":[{"code":"350702","name":"延平区"},{"code":"350703","name":"建阳区"},{"code":"350721","name":"顺昌县"},{"code":"350722","name":"浦城县"},{"code":"350723","name":"光泽县"},{"code":"350724","name":"松溪县"},{"code":"350725","name":"政和县"},{"code":"350781","name":"邵武市"},{"code":"350782","name":"武夷山市"},{"code":"350783","name":"建瓯市"}]},{"code":"3508","name":"龙岩市","children":[{"code":"350802","name":"新罗区"},{"code":"350803","name":"永定区"},{"code":"350821","name":"长汀县"},{"code":"350823","name":"上杭县"},{"code":"350824","name":"武平县"},{"code":"350825","name":"连城县"},{"code":"350881","name":"漳平市"}]},{"code":"3509","name":"宁德市","children":[{"code":"350902","name":"蕉城区"},{"code":"350921","name":"霞浦县"},{"code":"350922","name":"古田县"},{"code":"350923","name":"屏南县"},{"code":"350924","name":"寿宁县"},{"code":"350925","name":"周宁县"},{"code":"350926","name":"柘荣县"},{"code":"350981","name":"福安市"},{"code":"350982","name":"福鼎市"}]}]},{"code":"36","name":"江西省","children":[{"code":"3601","name":"南昌市","children":[{"code":"360102","name":"东湖区"},{"code":"360103","name":"西湖区"},{"code":"360104","name":"青云谱区"},{"code":"360105","name":"湾里区"},{"code":"360111","name":"青山湖区"},{"code":"360112","name":"新建区"},{"code":"360121","name":"南昌县"},{"code":"360123","name":"安义县"},{"code":"360124","name":"进贤县"}]},{"code":"3602","name":"景德镇市","children":[{"code":"360202","name":"昌江区"},{"code":"360203","name":"珠山区"},{"code":"360222","name":"浮梁县"},{"code":"360281","name":"乐平市"}]},{"code":"3603","name":"萍乡市","children":[{"code":"360302","name":"安源区"},{"code":"360313","name":"湘东区"},{"code":"360321","name":"莲花县"},{"code":"360322","name":"上栗县"},{"code":"360323","name":"芦溪县"}]},{"code":"3604","name":"九江市","children":[{"code":"360402","name":"濂溪区"},{"code":"360403","name":"浔阳区"},{"code":"360404","name":"柴桑区"},{"code":"360423","name":"武宁县"},{"code":"360424","name":"修水县"},{"code":"360425","name":"永修县"},{"code":"360426","name":"德安县"},{"code":"360428","name":"都昌县"},{"code":"360429","name":"湖口县"},{"code":"360430","name":"彭泽县"},{"code":"360481","name":"瑞昌市"},{"code":"360482","name":"共青城市"},{"code":"360483","name":"庐山市"}]},{"code":"3605","name":"新余市","children":[{"code":"360502","name":"渝水区"},{"code":"360521","name":"分宜县"}]},{"code":"3606","name":"鹰潭市","children":[{"code":"360602","name":"月湖区"},{"code":"360622","name":"余江县"},{"code":"360681","name":"贵溪市"}]},{"code":"3607","name":"赣州市","children":[{"code":"360702","name":"章贡区"},{"code":"360703","name":"南康区"},{"code":"360704","name":"赣县区"},{"code":"360722","name":"信丰县"},{"code":"360723","name":"大余县"},{"code":"360724","name":"上犹县"},{"code":"360725","name":"崇义县"},{"code":"360726","name":"安远县"},{"code":"360727","name":"龙南县"},{"code":"360728","name":"定南县"},{"code":"360729","name":"全南县"},{"code":"360730","name":"宁都县"},{"code":"360731","name":"于都县"},{"code":"360732","name":"兴国县"},{"code":"360733","name":"会昌县"},{"code":"360734","name":"寻乌县"},{"code":"360735","name":"石城县"},{"code":"360781","name":"瑞金市"}]},{"code":"3608","name":"吉安市","children":[{"code":"360802","name":"吉州区"},{"code":"360803","name":"青原区"},{"code":"360821","name":"吉安县"},{"code":"360822","name":"吉水县"},{"code":"360823","name":"峡江县"},{"code":"360824","name":"新干县"},{"code":"360825","name":"永丰县"},{"code":"360826","name":"泰和县"},{"code":"360827","name":"遂川县"},{"code":"360828","name":"万安县"},{"code":"360829","name":"安福县"},{"code":"360830","name":"永新县"},{"code":"360881","name":"井冈山市"}]},{"code":"3609","name":"宜春市","children":[{"code":"360902","name":"袁州区"},{"code":"360921","name":"奉新县"},{"code":"360922","name":"万载县"},{"code":"360923","name":"上高县"},{"code":"360924","name":"宜丰县"},{"code":"360925","name":"靖安县"},{"code":"360926","name":"铜鼓县"},{"code":"360981","name":"丰城市"},{"code":"360982","name":"樟树市"},{"code":"360983","name":"高安市"}]},{"code":"3610","name":"抚州市","children":[{"code":"361002","name":"临川区"},{"code":"361003","name":"东乡区"},{"code":"361021","name":"南城县"},{"code":"361022","name":"黎川县"},{"code":"361023","name":"南丰县"},{"code":"361024","name":"崇仁县"},{"code":"361025","name":"乐安县"},{"code":"361026","name":"宜黄县"},{"code":"361027","name":"金溪县"},{"code":"361028","name":"资溪县"},{"code":"361030","name":"广昌县"}]},{"code":"3611","name":"上饶市","children":[{"code":"361102","name":"信州区"},{"code":"361103","name":"广丰区"},{"code":"361121","name":"上饶县"},{"code":"361123","name":"玉山县"},{"code":"361124","name":"铅山县"},{"code":"361125","name":"横峰县"},{"code":"361126","name":"弋阳县"},{"code":"361127","name":"余干县"},{"code":"361128","name":"鄱阳县"},{"code":"361129","name":"万年县"},{"code":"361130","name":"婺源县"},{"code":"361181","name":"德兴市"}]}]},{"code":"37","name":"山东省","children":[{"code":"3701","name":"济南市","children":[{"code":"370102","name":"历下区"},{"code":"370103","name":"市中区"},{"code":"370104","name":"槐荫区"},{"code":"370105","name":"天桥区"},{"code":"370112","name":"历城区"},{"code":"370113","name":"长清区"},{"code":"370114","name":"章丘区"},{"code":"370124","name":"平阴县"},{"code":"370125","name":"济阳县"},{"code":"370126","name":"商河县"},{"code":"370171","name":"济南高新技术产业开发区"}]},{"code":"3702","name":"青岛市","children":[{"code":"370202","name":"市南区"},{"code":"370203","name":"市北区"},{"code":"370211","name":"黄岛区"},{"code":"370212","name":"崂山区"},{"code":"370213","name":"李沧区"},{"code":"370214","name":"城阳区"},{"code":"370215","name":"即墨区"},{"code":"370271","name":"青岛高新技术产业开发区"},{"code":"370281","name":"胶州市"},{"code":"370283","name":"平度市"},{"code":"370285","name":"莱西市"}]},{"code":"3703","name":"淄博市","children":[{"code":"370302","name":"淄川区"},{"code":"370303","name":"张店区"},{"code":"370304","name":"博山区"},{"code":"370305","name":"临淄区"},{"code":"370306","name":"周村区"},{"code":"370321","name":"桓台县"},{"code":"370322","name":"高青县"},{"code":"370323","name":"沂源县"}]},{"code":"3704","name":"枣庄市","children":[{"code":"370402","name":"市中区"},{"code":"370403","name":"薛城区"},{"code":"370404","name":"峄城区"},{"code":"370405","name":"台儿庄区"},{"code":"370406","name":"山亭区"},{"code":"370481","name":"滕州市"}]},{"code":"3705","name":"东营市","children":[{"code":"370502","name":"东营区"},{"code":"370503","name":"河口区"},{"code":"370505","name":"垦利区"},{"code":"370522","name":"利津县"},{"code":"370523","name":"广饶县"},{"code":"370571","name":"东营经济技术开发区"},{"code":"370572","name":"东营港经济开发区"}]},{"code":"3706","name":"烟台市","children":[{"code":"370602","name":"芝罘区"},{"code":"370611","name":"福山区"},{"code":"370612","name":"牟平区"},{"code":"370613","name":"莱山区"},{"code":"370634","name":"长岛县"},{"code":"370671","name":"烟台高新技术产业开发区"},{"code":"370672","name":"烟台经济技术开发区"},{"code":"370681","name":"龙口市"},{"code":"370682","name":"莱阳市"},{"code":"370683","name":"莱州市"},{"code":"370684","name":"蓬莱市"},{"code":"370685","name":"招远市"},{"code":"370686","name":"栖霞市"},{"code":"370687","name":"海阳市"}]},{"code":"3707","name":"潍坊市","children":[{"code":"370702","name":"潍城区"},{"code":"370703","name":"寒亭区"},{"code":"370704","name":"坊子区"},{"code":"370705","name":"奎文区"},{"code":"370724","name":"临朐县"},{"code":"370725","name":"昌乐县"},{"code":"370772","name":"潍坊滨海经济技术开发区"},{"code":"370781","name":"青州市"},{"code":"370782","name":"诸城市"},{"code":"370783","name":"寿光市"},{"code":"370784","name":"安丘市"},{"code":"370785","name":"高密市"},{"code":"370786","name":"昌邑市"}]},{"code":"3708","name":"济宁市","children":[{"code":"370811","name":"任城区"},{"code":"370812","name":"兖州区"},{"code":"370826","name":"微山县"},{"code":"370827","name":"鱼台县"},{"code":"370828","name":"金乡县"},{"code":"370829","name":"嘉祥县"},{"code":"370830","name":"汶上县"},{"code":"370831","name":"泗水县"},{"code":"370832","name":"梁山县"},{"code":"370871","name":"济宁高新技术产业开发区"},{"code":"370881","name":"曲阜市"},{"code":"370883","name":"邹城市"}]},{"code":"3709","name":"泰安市","children":[{"code":"370902","name":"泰山区"},{"code":"370911","name":"岱岳区"},{"code":"370921","name":"宁阳县"},{"code":"370923","name":"东平县"},{"code":"370982","name":"新泰市"},{"code":"370983","name":"肥城市"}]},{"code":"3710","name":"威海市","children":[{"code":"371002","name":"环翠区"},{"code":"371003","name":"文登区"},{"code":"371071","name":"威海火炬高技术产业开发区"},{"code":"371072","name":"威海经济技术开发区"},{"code":"371073","name":"威海临港经济技术开发区"},{"code":"371082","name":"荣成市"},{"code":"371083","name":"乳山市"}]},{"code":"3711","name":"日照市","children":[{"code":"371102","name":"东港区"},{"code":"371103","name":"岚山区"},{"code":"371121","name":"五莲县"},{"code":"371122","name":"莒县"},{"code":"371171","name":"日照经济技术开发区"},{"code":"371172","name":"日照国际海洋城"}]},{"code":"3712","name":"莱芜市","children":[{"code":"371202","name":"莱城区"},{"code":"371203","name":"钢城区"}]},{"code":"3713","name":"临沂市","children":[{"code":"371302","name":"兰山区"},{"code":"371311","name":"罗庄区"},{"code":"371312","name":"河东区"},{"code":"371321","name":"沂南县"},{"code":"371322","name":"郯城县"},{"code":"371323","name":"沂水县"},{"code":"371324","name":"兰陵县"},{"code":"371325","name":"费县"},{"code":"371326","name":"平邑县"},{"code":"371327","name":"莒南县"},{"code":"371328","name":"蒙阴县"},{"code":"371329","name":"临沭县"},{"code":"371371","name":"临沂高新技术产业开发区"},{"code":"371372","name":"临沂经济技术开发区"},{"code":"371373","name":"临沂临港经济开发区"}]},{"code":"3714","name":"德州市","children":[{"code":"371402","name":"德城区"},{"code":"371403","name":"陵城区"},{"code":"371422","name":"宁津县"},{"code":"371423","name":"庆云县"},{"code":"371424","name":"临邑县"},{"code":"371425","name":"齐河县"},{"code":"371426","name":"平原县"},{"code":"371427","name":"夏津县"},{"code":"371428","name":"武城县"},{"code":"371471","name":"德州经济技术开发区"},{"code":"371472","name":"德州运河经济开发区"},{"code":"371481","name":"乐陵市"},{"code":"371482","name":"禹城市"}]},{"code":"3715","name":"聊城市","children":[{"code":"371502","name":"东昌府区"},{"code":"371521","name":"阳谷县"},{"code":"371522","name":"莘县"},{"code":"371523","name":"茌平县"},{"code":"371524","name":"东阿县"},{"code":"371525","name":"冠县"},{"code":"371526","name":"高唐县"},{"code":"371581","name":"临清市"}]},{"code":"3716","name":"滨州市","children":[{"code":"371602","name":"滨城区"},{"code":"371603","name":"沾化区"},{"code":"371621","name":"惠民县"},{"code":"371622","name":"阳信县"},{"code":"371623","name":"无棣县"},{"code":"371625","name":"博兴县"},{"code":"371626","name":"邹平县"}]},{"code":"3717","name":"菏泽市","children":[{"code":"371702","name":"牡丹区"},{"code":"371703","name":"定陶区"},{"code":"371721","name":"曹县"},{"code":"371722","name":"单县"},{"code":"371723","name":"成武县"},{"code":"371724","name":"巨野县"},{"code":"371725","name":"郓城县"},{"code":"371726","name":"鄄城县"},{"code":"371728","name":"东明县"},{"code":"371771","name":"菏泽经济技术开发区"},{"code":"371772","name":"菏泽高新技术开发区"}]}]},{"code":"41","name":"河南省","children":[{"code":"4101","name":"郑州市","children":[{"code":"410102","name":"中原区"},{"code":"410103","name":"二七区"},{"code":"410104","name":"管城回族区"},{"code":"410105","name":"金水区"},{"code":"410106","name":"上街区"},{"code":"410108","name":"惠济区"},{"code":"410122","name":"中牟县"},{"code":"410171","name":"郑州经济技术开发区"},{"code":"410172","name":"郑州高新技术产业开发区"},{"code":"410173","name":"郑州航空港经济综合实验区"},{"code":"410181","name":"巩义市"},{"code":"410182","name":"荥阳市"},{"code":"410183","name":"新密市"},{"code":"410184","name":"新郑市"},{"code":"410185","name":"登封市"}]},{"code":"4102","name":"开封市","children":[{"code":"410202","name":"龙亭区"},{"code":"410203","name":"顺河回族区"},{"code":"410204","name":"鼓楼区"},{"code":"410205","name":"禹王台区"},{"code":"410212","name":"祥符区"},{"code":"410221","name":"杞县"},{"code":"410222","name":"通许县"},{"code":"410223","name":"尉氏县"},{"code":"410225","name":"兰考县"}]},{"code":"4103","name":"洛阳市","children":[{"code":"410302","name":"老城区"},{"code":"410303","name":"西工区"},{"code":"410304","name":"瀍河回族区"},{"code":"410305","name":"涧西区"},{"code":"410306","name":"吉利区"},{"code":"410311","name":"洛龙区"},{"code":"410322","name":"孟津县"},{"code":"410323","name":"新安县"},{"code":"410324","name":"栾川县"},{"code":"410325","name":"嵩县"},{"code":"410326","name":"汝阳县"},{"code":"410327","name":"宜阳县"},{"code":"410328","name":"洛宁县"},{"code":"410329","name":"伊川县"},{"code":"410371","name":"洛阳高新技术产业开发区"},{"code":"410381","name":"偃师市"}]},{"code":"4104","name":"平顶山市","children":[{"code":"410402","name":"新华区"},{"code":"410403","name":"卫东区"},{"code":"410404","name":"石龙区"},{"code":"410411","name":"湛河区"},{"code":"410421","name":"宝丰县"},{"code":"410422","name":"叶县"},{"code":"410423","name":"鲁山县"},{"code":"410425","name":"郏县"},{"code":"410471","name":"平顶山高新技术产业开发区"},{"code":"410472","name":"平顶山市新城区"},{"code":"410481","name":"舞钢市"},{"code":"410482","name":"汝州市"}]},{"code":"4105","name":"安阳市","children":[{"code":"410502","name":"文峰区"},{"code":"410503","name":"北关区"},{"code":"410505","name":"殷都区"},{"code":"410506","name":"龙安区"},{"code":"410522","name":"安阳县"},{"code":"410523","name":"汤阴县"},{"code":"410526","name":"滑县"},{"code":"410527","name":"内黄县"},{"code":"410571","name":"安阳高新技术产业开发区"},{"code":"410581","name":"林州市"}]},{"code":"4106","name":"鹤壁市","children":[{"code":"410602","name":"鹤山区"},{"code":"410603","name":"山城区"},{"code":"410611","name":"淇滨区"},{"code":"410621","name":"浚县"},{"code":"410622","name":"淇县"},{"code":"410671","name":"鹤壁经济技术开发区"}]},{"code":"4107","name":"新乡市","children":[{"code":"410702","name":"红旗区"},{"code":"410703","name":"卫滨区"},{"code":"410704","name":"凤泉区"},{"code":"410711","name":"牧野区"},{"code":"410721","name":"新乡县"},{"code":"410724","name":"获嘉县"},{"code":"410725","name":"原阳县"},{"code":"410726","name":"延津县"},{"code":"410727","name":"封丘县"},{"code":"410728","name":"长垣县"},{"code":"410771","name":"新乡高新技术产业开发区"},{"code":"410772","name":"新乡经济技术开发区"},{"code":"410773","name":"新乡市平原城乡一体化示范区"},{"code":"410781","name":"卫辉市"},{"code":"410782","name":"辉县市"}]},{"code":"4108","name":"焦作市","children":[{"code":"410802","name":"解放区"},{"code":"410803","name":"中站区"},{"code":"410804","name":"马村区"},{"code":"410811","name":"山阳区"},{"code":"410821","name":"修武县"},{"code":"410822","name":"博爱县"},{"code":"410823","name":"武陟县"},{"code":"410825","name":"温县"},{"code":"410871","name":"焦作城乡一体化示范区"},{"code":"410882","name":"沁阳市"},{"code":"410883","name":"孟州市"}]},{"code":"4109","name":"濮阳市","children":[{"code":"410902","name":"华龙区"},{"code":"410922","name":"清丰县"},{"code":"410923","name":"南乐县"},{"code":"410926","name":"范县"},{"code":"410927","name":"台前县"},{"code":"410928","name":"濮阳县"},{"code":"410971","name":"河南濮阳工业园区"},{"code":"410972","name":"濮阳经济技术开发区"}]},{"code":"4110","name":"许昌市","children":[{"code":"411002","name":"魏都区"},{"code":"411003","name":"建安区"},{"code":"411024","name":"鄢陵县"},{"code":"411025","name":"襄城县"},{"code":"411071","name":"许昌经济技术开发区"},{"code":"411081","name":"禹州市"},{"code":"411082","name":"长葛市"}]},{"code":"4111","name":"漯河市","children":[{"code":"411102","name":"源汇区"},{"code":"411103","name":"郾城区"},{"code":"411104","name":"召陵区"},{"code":"411121","name":"舞阳县"},{"code":"411122","name":"临颍县"},{"code":"411171","name":"漯河经济技术开发区"}]},{"code":"4112","name":"三门峡市","children":[{"code":"411202","name":"湖滨区"},{"code":"411203","name":"陕州区"},{"code":"411221","name":"渑池县"},{"code":"411224","name":"卢氏县"},{"code":"411271","name":"河南三门峡经济开发区"},{"code":"411281","name":"义马市"},{"code":"411282","name":"灵宝市"}]},{"code":"4113","name":"南阳市","children":[{"code":"411302","name":"宛城区"},{"code":"411303","name":"卧龙区"},{"code":"411321","name":"南召县"},{"code":"411322","name":"方城县"},{"code":"411323","name":"西峡县"},{"code":"411324","name":"镇平县"},{"code":"411325","name":"内乡县"},{"code":"411326","name":"淅川县"},{"code":"411327","name":"社旗县"},{"code":"411328","name":"唐河县"},{"code":"411329","name":"新野县"},{"code":"411330","name":"桐柏县"},{"code":"411371","name":"南阳高新技术产业开发区"},{"code":"411372","name":"南阳市城乡一体化示范区"},{"code":"411381","name":"邓州市"}]},{"code":"4114","name":"商丘市","children":[{"code":"411402","name":"梁园区"},{"code":"411403","name":"睢阳区"},{"code":"411421","name":"民权县"},{"code":"411422","name":"睢县"},{"code":"411423","name":"宁陵县"},{"code":"411424","name":"柘城县"},{"code":"411425","name":"虞城县"},{"code":"411426","name":"夏邑县"},{"code":"411471","name":"豫东综合物流产业聚集区"},{"code":"411472","name":"河南商丘经济开发区"},{"code":"411481","name":"永城市"}]},{"code":"4115","name":"信阳市","children":[{"code":"411502","name":"浉河区"},{"code":"411503","name":"平桥区"},{"code":"411521","name":"罗山县"},{"code":"411522","name":"光山县"},{"code":"411523","name":"新县"},{"code":"411524","name":"商城县"},{"code":"411525","name":"固始县"},{"code":"411526","name":"潢川县"},{"code":"411527","name":"淮滨县"},{"code":"411528","name":"息县"},{"code":"411571","name":"信阳高新技术产业开发区"}]},{"code":"4116","name":"周口市","children":[{"code":"411602","name":"川汇区"},{"code":"411621","name":"扶沟县"},{"code":"411622","name":"西华县"},{"code":"411623","name":"商水县"},{"code":"411624","name":"沈丘县"},{"code":"411625","name":"郸城县"},{"code":"411626","name":"淮阳县"},{"code":"411627","name":"太康县"},{"code":"411628","name":"鹿邑县"},{"code":"411671","name":"河南周口经济开发区"},{"code":"411681","name":"项城市"}]},{"code":"4117","name":"驻马店市","children":[{"code":"411702","name":"驿城区"},{"code":"411721","name":"西平县"},{"code":"411722","name":"上蔡县"},{"code":"411723","name":"平舆县"},{"code":"411724","name":"正阳县"},{"code":"411725","name":"确山县"},{"code":"411726","name":"泌阳县"},{"code":"411727","name":"汝南县"},{"code":"411728","name":"遂平县"},{"code":"411729","name":"新蔡县"},{"code":"411771","name":"河南驻马店经济开发区"}]},{"code":"4190","name":"省直辖县级行政区划","children":[{"code":"419001","name":"济源市"}]}]},{"code":"42","name":"湖北省","children":[{"code":"4201","name":"武汉市","children":[{"code":"420102","name":"江岸区"},{"code":"420103","name":"江汉区"},{"code":"420104","name":"硚口区"},{"code":"420105","name":"汉阳区"},{"code":"420106","name":"武昌区"},{"code":"420107","name":"青山区"},{"code":"420111","name":"洪山区"},{"code":"420112","name":"东西湖区"},{"code":"420113","name":"汉南区"},{"code":"420114","name":"蔡甸区"},{"code":"420115","name":"江夏区"},{"code":"420116","name":"黄陂区"},{"code":"420117","name":"新洲区"}]},{"code":"4202","name":"黄石市","children":[{"code":"420202","name":"黄石港区"},{"code":"420203","name":"西塞山区"},{"code":"420204","name":"下陆区"},{"code":"420205","name":"铁山区"},{"code":"420222","name":"阳新县"},{"code":"420281","name":"大冶市"}]},{"code":"4203","name":"十堰市","children":[{"code":"420302","name":"茅箭区"},{"code":"420303","name":"张湾区"},{"code":"420304","name":"郧阳区"},{"code":"420322","name":"郧西县"},{"code":"420323","name":"竹山县"},{"code":"420324","name":"竹溪县"},{"code":"420325","name":"房县"},{"code":"420381","name":"丹江口市"}]},{"code":"4205","name":"宜昌市","children":[{"code":"420502","name":"西陵区"},{"code":"420503","name":"伍家岗区"},{"code":"420504","name":"点军区"},{"code":"420505","name":"猇亭区"},{"code":"420506","name":"夷陵区"},{"code":"420525","name":"远安县"},{"code":"420526","name":"兴山县"},{"code":"420527","name":"秭归县"},{"code":"420528","name":"长阳土家族自治县"},{"code":"420529","name":"五峰土家族自治县"},{"code":"420581","name":"宜都市"},{"code":"420582","name":"当阳市"},{"code":"420583","name":"枝江市"}]},{"code":"4206","name":"襄阳市","children":[{"code":"420602","name":"襄城区"},{"code":"420606","name":"樊城区"},{"code":"420607","name":"襄州区"},{"code":"420624","name":"南漳县"},{"code":"420625","name":"谷城县"},{"code":"420626","name":"保康县"},{"code":"420682","name":"老河口市"},{"code":"420683","name":"枣阳市"},{"code":"420684","name":"宜城市"}]},{"code":"4207","name":"鄂州市","children":[{"code":"420702","name":"梁子湖区"},{"code":"420703","name":"华容区"},{"code":"420704","name":"鄂城区"}]},{"code":"4208","name":"荆门市","children":[{"code":"420802","name":"东宝区"},{"code":"420804","name":"掇刀区"},{"code":"420821","name":"京山县"},{"code":"420822","name":"沙洋县"},{"code":"420881","name":"钟祥市"}]},{"code":"4209","name":"孝感市","children":[{"code":"420902","name":"孝南区"},{"code":"420921","name":"孝昌县"},{"code":"420922","name":"大悟县"},{"code":"420923","name":"云梦县"},{"code":"420981","name":"应城市"},{"code":"420982","name":"安陆市"},{"code":"420984","name":"汉川市"}]},{"code":"4210","name":"荆州市","children":[{"code":"421002","name":"沙市区"},{"code":"421003","name":"荆州区"},{"code":"421022","name":"公安县"},{"code":"421023","name":"监利县"},{"code":"421024","name":"江陵县"},{"code":"421071","name":"荆州经济技术开发区"},{"code":"421081","name":"石首市"},{"code":"421083","name":"洪湖市"},{"code":"421087","name":"松滋市"}]},{"code":"4211","name":"黄冈市","children":[{"code":"421102","name":"黄州区"},{"code":"421121","name":"团风县"},{"code":"421122","name":"红安县"},{"code":"421123","name":"罗田县"},{"code":"421124","name":"英山县"},{"code":"421125","name":"浠水县"},{"code":"421126","name":"蕲春县"},{"code":"421127","name":"黄梅县"},{"code":"421171","name":"龙感湖管理区"},{"code":"421181","name":"麻城市"},{"code":"421182","name":"武穴市"}]},{"code":"4212","name":"咸宁市","children":[{"code":"421202","name":"咸安区"},{"code":"421221","name":"嘉鱼县"},{"code":"421222","name":"通城县"},{"code":"421223","name":"崇阳县"},{"code":"421224","name":"通山县"},{"code":"421281","name":"赤壁市"}]},{"code":"4213","name":"随州市","children":[{"code":"421303","name":"曾都区"},{"code":"421321","name":"随县"},{"code":"421381","name":"广水市"}]},{"code":"4228","name":"恩施土家族苗族自治州","children":[{"code":"422801","name":"恩施市"},{"code":"422802","name":"利川市"},{"code":"422822","name":"建始县"},{"code":"422823","name":"巴东县"},{"code":"422825","name":"宣恩县"},{"code":"422826","name":"咸丰县"},{"code":"422827","name":"来凤县"},{"code":"422828","name":"鹤峰县"}]},{"code":"4290","name":"省直辖县级行政区划","children":[{"code":"429004","name":"仙桃市"},{"code":"429005","name":"潜江市"},{"code":"429006","name":"天门市"},{"code":"429021","name":"神农架林区"}]}]},{"code":"43","name":"湖南省","children":[{"code":"4301","name":"长沙市","children":[{"code":"430102","name":"芙蓉区"},{"code":"430103","name":"天心区"},{"code":"430104","name":"岳麓区"},{"code":"430105","name":"开福区"},{"code":"430111","name":"雨花区"},{"code":"430112","name":"望城区"},{"code":"430121","name":"长沙县"},{"code":"430181","name":"浏阳市"},{"code":"430182","name":"宁乡市"}]},{"code":"4302","name":"株洲市","children":[{"code":"430202","name":"荷塘区"},{"code":"430203","name":"芦淞区"},{"code":"430204","name":"石峰区"},{"code":"430211","name":"天元区"},{"code":"430221","name":"株洲县"},{"code":"430223","name":"攸县"},{"code":"430224","name":"茶陵县"},{"code":"430225","name":"炎陵县"},{"code":"430271","name":"云龙示范区"},{"code":"430281","name":"醴陵市"}]},{"code":"4303","name":"湘潭市","children":[{"code":"430302","name":"雨湖区"},{"code":"430304","name":"岳塘区"},{"code":"430321","name":"湘潭县"},{"code":"430371","name":"湖南湘潭高新技术产业园区"},{"code":"430372","name":"湘潭昭山示范区"},{"code":"430373","name":"湘潭九华示范区"},{"code":"430381","name":"湘乡市"},{"code":"430382","name":"韶山市"}]},{"code":"4304","name":"衡阳市","children":[{"code":"430405","name":"珠晖区"},{"code":"430406","name":"雁峰区"},{"code":"430407","name":"石鼓区"},{"code":"430408","name":"蒸湘区"},{"code":"430412","name":"南岳区"},{"code":"430421","name":"衡阳县"},{"code":"430422","name":"衡南县"},{"code":"430423","name":"衡山县"},{"code":"430424","name":"衡东县"},{"code":"430426","name":"祁东县"},{"code":"430471","name":"衡阳综合保税区"},{"code":"430472","name":"湖南衡阳高新技术产业园区"},{"code":"430473","name":"湖南衡阳松木经济开发区"},{"code":"430481","name":"耒阳市"},{"code":"430482","name":"常宁市"}]},{"code":"4305","name":"邵阳市","children":[{"code":"430502","name":"双清区"},{"code":"430503","name":"大祥区"},{"code":"430511","name":"北塔区"},{"code":"430521","name":"邵东县"},{"code":"430522","name":"新邵县"},{"code":"430523","name":"邵阳县"},{"code":"430524","name":"隆回县"},{"code":"430525","name":"洞口县"},{"code":"430527","name":"绥宁县"},{"code":"430528","name":"新宁县"},{"code":"430529","name":"城步苗族自治县"},{"code":"430581","name":"武冈市"}]},{"code":"4306","name":"岳阳市","children":[{"code":"430602","name":"岳阳楼区"},{"code":"430603","name":"云溪区"},{"code":"430611","name":"君山区"},{"code":"430621","name":"岳阳县"},{"code":"430623","name":"华容县"},{"code":"430624","name":"湘阴县"},{"code":"430626","name":"平江县"},{"code":"430671","name":"岳阳市屈原管理区"},{"code":"430681","name":"汨罗市"},{"code":"430682","name":"临湘市"}]},{"code":"4307","name":"常德市","children":[{"code":"430702","name":"武陵区"},{"code":"430703","name":"鼎城区"},{"code":"430721","name":"安乡县"},{"code":"430722","name":"汉寿县"},{"code":"430723","name":"澧县"},{"code":"430724","name":"临澧县"},{"code":"430725","name":"桃源县"},{"code":"430726","name":"石门县"},{"code":"430771","name":"常德市西洞庭管理区"},{"code":"430781","name":"津市市"}]},{"code":"4308","name":"张家界市","children":[{"code":"430802","name":"永定区"},{"code":"430811","name":"武陵源区"},{"code":"430821","name":"慈利县"},{"code":"430822","name":"桑植县"}]},{"code":"4309","name":"益阳市","children":[{"code":"430902","name":"资阳区"},{"code":"430903","name":"赫山区"},{"code":"430921","name":"南县"},{"code":"430922","name":"桃江县"},{"code":"430923","name":"安化县"},{"code":"430971","name":"益阳市大通湖管理区"},{"code":"430972","name":"湖南益阳高新技术产业园区"},{"code":"430981","name":"沅江市"}]},{"code":"4310","name":"郴州市","children":[{"code":"431002","name":"北湖区"},{"code":"431003","name":"苏仙区"},{"code":"431021","name":"桂阳县"},{"code":"431022","name":"宜章县"},{"code":"431023","name":"永兴县"},{"code":"431024","name":"嘉禾县"},{"code":"431025","name":"临武县"},{"code":"431026","name":"汝城县"},{"code":"431027","name":"桂东县"},{"code":"431028","name":"安仁县"},{"code":"431081","name":"资兴市"}]},{"code":"4311","name":"永州市","children":[{"code":"431102","name":"零陵区"},{"code":"431103","name":"冷水滩区"},{"code":"431121","name":"祁阳县"},{"code":"431122","name":"东安县"},{"code":"431123","name":"双牌县"},{"code":"431124","name":"道县"},{"code":"431125","name":"江永县"},{"code":"431126","name":"宁远县"},{"code":"431127","name":"蓝山县"},{"code":"431128","name":"新田县"},{"code":"431129","name":"江华瑶族自治县"},{"code":"431171","name":"永州经济技术开发区"},{"code":"431172","name":"永州市金洞管理区"},{"code":"431173","name":"永州市回龙圩管理区"}]},{"code":"4312","name":"怀化市","children":[{"code":"431202","name":"鹤城区"},{"code":"431221","name":"中方县"},{"code":"431222","name":"沅陵县"},{"code":"431223","name":"辰溪县"},{"code":"431224","name":"溆浦县"},{"code":"431225","name":"会同县"},{"code":"431226","name":"麻阳苗族自治县"},{"code":"431227","name":"新晃侗族自治县"},{"code":"431228","name":"芷江侗族自治县"},{"code":"431229","name":"靖州苗族侗族自治县"},{"code":"431230","name":"通道侗族自治县"},{"code":"431271","name":"怀化市洪江管理区"},{"code":"431281","name":"洪江市"}]},{"code":"4313","name":"娄底市","children":[{"code":"431302","name":"娄星区"},{"code":"431321","name":"双峰县"},{"code":"431322","name":"新化县"},{"code":"431381","name":"冷水江市"},{"code":"431382","name":"涟源市"}]},{"code":"4331","name":"湘西土家族苗族自治州","children":[{"code":"433101","name":"吉首市"},{"code":"433122","name":"泸溪县"},{"code":"433123","name":"凤凰县"},{"code":"433124","name":"花垣县"},{"code":"433125","name":"保靖县"},{"code":"433126","name":"古丈县"},{"code":"433127","name":"永顺县"},{"code":"433130","name":"龙山县"},{"code":"433172","name":"湖南吉首经济开发区"},{"code":"433173","name":"湖南永顺经济开发区"}]}]},{"code":"44","name":"广东省","children":[{"code":"4401","name":"广州市","children":[{"code":"440103","name":"荔湾区"},{"code":"440104","name":"越秀区"},{"code":"440105","name":"海珠区"},{"code":"440106","name":"天河区"},{"code":"440111","name":"白云区"},{"code":"440112","name":"黄埔区"},{"code":"440113","name":"番禺区"},{"code":"440114","name":"花都区"},{"code":"440115","name":"南沙区"},{"code":"440117","name":"从化区"},{"code":"440118","name":"增城区"}]},{"code":"4402","name":"韶关市","children":[{"code":"440203","name":"武江区"},{"code":"440204","name":"浈江区"},{"code":"440205","name":"曲江区"},{"code":"440222","name":"始兴县"},{"code":"440224","name":"仁化县"},{"code":"440229","name":"翁源县"},{"code":"440232","name":"乳源瑶族自治县"},{"code":"440233","name":"新丰县"},{"code":"440281","name":"乐昌市"},{"code":"440282","name":"南雄市"}]},{"code":"4403","name":"深圳市","children":[{"code":"440303","name":"罗湖区"},{"code":"440304","name":"福田区"},{"code":"440305","name":"南山区"},{"code":"440306","name":"宝安区"},{"code":"440307","name":"龙岗区"},{"code":"440308","name":"盐田区"},{"code":"440309","name":"龙华区"},{"code":"440310","name":"坪山区"}]},{"code":"4404","name":"珠海市","children":[{"code":"440402","name":"香洲区"},{"code":"440403","name":"斗门区"},{"code":"440404","name":"金湾区"}]},{"code":"4405","name":"汕头市","children":[{"code":"440507","name":"龙湖区"},{"code":"440511","name":"金平区"},{"code":"440512","name":"濠江区"},{"code":"440513","name":"潮阳区"},{"code":"440514","name":"潮南区"},{"code":"440515","name":"澄海区"},{"code":"440523","name":"南澳县"}]},{"code":"4406","name":"佛山市","children":[{"code":"440604","name":"禅城区"},{"code":"440605","name":"南海区"},{"code":"440606","name":"顺德区"},{"code":"440607","name":"三水区"},{"code":"440608","name":"高明区"}]},{"code":"4407","name":"江门市","children":[{"code":"440703","name":"蓬江区"},{"code":"440704","name":"江海区"},{"code":"440705","name":"新会区"},{"code":"440781","name":"台山市"},{"code":"440783","name":"开平市"},{"code":"440784","name":"鹤山市"},{"code":"440785","name":"恩平市"}]},{"code":"4408","name":"湛江市","children":[{"code":"440802","name":"赤坎区"},{"code":"440803","name":"霞山区"},{"code":"440804","name":"坡头区"},{"code":"440811","name":"麻章区"},{"code":"440823","name":"遂溪县"},{"code":"440825","name":"徐闻县"},{"code":"440881","name":"廉江市"},{"code":"440882","name":"雷州市"},{"code":"440883","name":"吴川市"}]},{"code":"4409","name":"茂名市","children":[{"code":"440902","name":"茂南区"},{"code":"440904","name":"电白区"},{"code":"440981","name":"高州市"},{"code":"440982","name":"化州市"},{"code":"440983","name":"信宜市"}]},{"code":"4412","name":"肇庆市","children":[{"code":"441202","name":"端州区"},{"code":"441203","name":"鼎湖区"},{"code":"441204","name":"高要区"},{"code":"441223","name":"广宁县"},{"code":"441224","name":"怀集县"},{"code":"441225","name":"封开县"},{"code":"441226","name":"德庆县"},{"code":"441284","name":"四会市"}]},{"code":"4413","name":"惠州市","children":[{"code":"441302","name":"惠城区"},{"code":"441303","name":"惠阳区"},{"code":"441322","name":"博罗县"},{"code":"441323","name":"惠东县"},{"code":"441324","name":"龙门县"}]},{"code":"4414","name":"梅州市","children":[{"code":"441402","name":"梅江区"},{"code":"441403","name":"梅县区"},{"code":"441422","name":"大埔县"},{"code":"441423","name":"丰顺县"},{"code":"441424","name":"五华县"},{"code":"441426","name":"平远县"},{"code":"441427","name":"蕉岭县"},{"code":"441481","name":"兴宁市"}]},{"code":"4415","name":"汕尾市","children":[{"code":"441502","name":"城区"},{"code":"441521","name":"海丰县"},{"code":"441523","name":"陆河县"},{"code":"441581","name":"陆丰市"}]},{"code":"4416","name":"河源市","children":[{"code":"441602","name":"源城区"},{"code":"441621","name":"紫金县"},{"code":"441622","name":"龙川县"},{"code":"441623","name":"连平县"},{"code":"441624","name":"和平县"},{"code":"441625","name":"东源县"}]},{"code":"4417","name":"阳江市","children":[{"code":"441702","name":"江城区"},{"code":"441704","name":"阳东区"},{"code":"441721","name":"阳西县"},{"code":"441781","name":"阳春市"}]},{"code":"4418","name":"清远市","children":[{"code":"441802","name":"清城区"},{"code":"441803","name":"清新区"},{"code":"441821","name":"佛冈县"},{"code":"441823","name":"阳山县"},{"code":"441825","name":"连山壮族瑶族自治县"},{"code":"441826","name":"连南瑶族自治县"},{"code":"441881","name":"英德市"},{"code":"441882","name":"连州市"}]},{"code":"4419","name":"东莞市","children":[{"code":"441900003","name":"东城街道"},{"code":"441900004","name":"南城街道"},{"code":"441900005","name":"万江街道"},{"code":"441900006","name":"莞城街道"},{"code":"441900101","name":"石碣镇"},{"code":"441900102","name":"石龙镇"},{"code":"441900103","name":"茶山镇"},{"code":"441900104","name":"石排镇"},{"code":"441900105","name":"企石镇"},{"code":"441900106","name":"横沥镇"},{"code":"441900107","name":"桥头镇"},{"code":"441900108","name":"谢岗镇"},{"code":"441900109","name":"东坑镇"},{"code":"441900110","name":"常平镇"},{"code":"441900111","name":"寮步镇"},{"code":"441900112","name":"樟木头镇"},{"code":"441900113","name":"大朗镇"},{"code":"441900114","name":"黄江镇"},{"code":"441900115","name":"清溪镇"},{"code":"441900116","name":"塘厦镇"},{"code":"441900117","name":"凤岗镇"},{"code":"441900118","name":"大岭山镇"},{"code":"441900119","name":"长安镇"},{"code":"441900121","name":"虎门镇"},{"code":"441900122","name":"厚街镇"},{"code":"441900123","name":"沙田镇"},{"code":"441900124","name":"道滘镇"},{"code":"441900125","name":"洪梅镇"},{"code":"441900126","name":"麻涌镇"},{"code":"441900127","name":"望牛墩镇"},{"code":"441900128","name":"中堂镇"},{"code":"441900129","name":"高埗镇"},{"code":"441900401","name":"松山湖管委会"},{"code":"441900402","name":"东莞港"},{"code":"441900403","name":"东莞生态园"}]},{"code":"4420","name":"中山市","children":[{"code":"442000001","name":"石岐区街道"},{"code":"442000002","name":"东区街道"},{"code":"442000003","name":"火炬开发区街道"},{"code":"442000004","name":"西区街道"},{"code":"442000005","name":"南区街道"},{"code":"442000006","name":"五桂山街道"},{"code":"442000100","name":"小榄镇"},{"code":"442000101","name":"黄圃镇"},{"code":"442000102","name":"民众镇"},{"code":"442000103","name":"东凤镇"},{"code":"442000104","name":"东升镇"},{"code":"442000105","name":"古镇镇"},{"code":"442000106","name":"沙溪镇"},{"code":"442000107","name":"坦洲镇"},{"code":"442000108","name":"港口镇"},{"code":"442000109","name":"三角镇"},{"code":"442000110","name":"横栏镇"},{"code":"442000111","name":"南头镇"},{"code":"442000112","name":"阜沙镇"},{"code":"442000113","name":"南朗镇"},{"code":"442000114","name":"三乡镇"},{"code":"442000115","name":"板芙镇"},{"code":"442000116","name":"大涌镇"},{"code":"442000117","name":"神湾镇"}]},{"code":"4451","name":"潮州市","children":[{"code":"445102","name":"湘桥区"},{"code":"445103","name":"潮安区"},{"code":"445122","name":"饶平县"}]},{"code":"4452","name":"揭阳市","children":[{"code":"445202","name":"榕城区"},{"code":"445203","name":"揭东区"},{"code":"445222","name":"揭西县"},{"code":"445224","name":"惠来县"},{"code":"445281","name":"普宁市"}]},{"code":"4453","name":"云浮市","children":[{"code":"445302","name":"云城区"},{"code":"445303","name":"云安区"},{"code":"445321","name":"新兴县"},{"code":"445322","name":"郁南县"},{"code":"445381","name":"罗定市"}]}]},{"code":"45","name":"广西壮族自治区","children":[{"code":"4501","name":"南宁市","children":[{"code":"450102","name":"兴宁区"},{"code":"450103","name":"青秀区"},{"code":"450105","name":"江南区"},{"code":"450107","name":"西乡塘区"},{"code":"450108","name":"良庆区"},{"code":"450109","name":"邕宁区"},{"code":"450110","name":"武鸣区"},{"code":"450123","name":"隆安县"},{"code":"450124","name":"马山县"},{"code":"450125","name":"上林县"},{"code":"450126","name":"宾阳县"},{"code":"450127","name":"横县"}]},{"code":"4502","name":"柳州市","children":[{"code":"450202","name":"城中区"},{"code":"450203","name":"鱼峰区"},{"code":"450204","name":"柳南区"},{"code":"450205","name":"柳北区"},{"code":"450206","name":"柳江区"},{"code":"450222","name":"柳城县"},{"code":"450223","name":"鹿寨县"},{"code":"450224","name":"融安县"},{"code":"450225","name":"融水苗族自治县"},{"code":"450226","name":"三江侗族自治县"}]},{"code":"4503","name":"桂林市","children":[{"code":"450302","name":"秀峰区"},{"code":"450303","name":"叠彩区"},{"code":"450304","name":"象山区"},{"code":"450305","name":"七星区"},{"code":"450311","name":"雁山区"},{"code":"450312","name":"临桂区"},{"code":"450321","name":"阳朔县"},{"code":"450323","name":"灵川县"},{"code":"450324","name":"全州县"},{"code":"450325","name":"兴安县"},{"code":"450326","name":"永福县"},{"code":"450327","name":"灌阳县"},{"code":"450328","name":"龙胜各族自治县"},{"code":"450329","name":"资源县"},{"code":"450330","name":"平乐县"},{"code":"450331","name":"荔浦县"},{"code":"450332","name":"恭城瑶族自治县"}]},{"code":"4504","name":"梧州市","children":[{"code":"450403","name":"万秀区"},{"code":"450405","name":"长洲区"},{"code":"450406","name":"龙圩区"},{"code":"450421","name":"苍梧县"},{"code":"450422","name":"藤县"},{"code":"450423","name":"蒙山县"},{"code":"450481","name":"岑溪市"}]},{"code":"4505","name":"北海市","children":[{"code":"450502","name":"海城区"},{"code":"450503","name":"银海区"},{"code":"450512","name":"铁山港区"},{"code":"450521","name":"合浦县"}]},{"code":"4506","name":"防城港市","children":[{"code":"450602","name":"港口区"},{"code":"450603","name":"防城区"},{"code":"450621","name":"上思县"},{"code":"450681","name":"东兴市"}]},{"code":"4507","name":"钦州市","children":[{"code":"450702","name":"钦南区"},{"code":"450703","name":"钦北区"},{"code":"450721","name":"灵山县"},{"code":"450722","name":"浦北县"}]},{"code":"4508","name":"贵港市","children":[{"code":"450802","name":"港北区"},{"code":"450803","name":"港南区"},{"code":"450804","name":"覃塘区"},{"code":"450821","name":"平南县"},{"code":"450881","name":"桂平市"}]},{"code":"4509","name":"玉林市","children":[{"code":"450902","name":"玉州区"},{"code":"450903","name":"福绵区"},{"code":"450921","name":"容县"},{"code":"450922","name":"陆川县"},{"code":"450923","name":"博白县"},{"code":"450924","name":"兴业县"},{"code":"450981","name":"北流市"}]},{"code":"4510","name":"百色市","children":[{"code":"451002","name":"右江区"},{"code":"451021","name":"田阳县"},{"code":"451022","name":"田东县"},{"code":"451023","name":"平果县"},{"code":"451024","name":"德保县"},{"code":"451026","name":"那坡县"},{"code":"451027","name":"凌云县"},{"code":"451028","name":"乐业县"},{"code":"451029","name":"田林县"},{"code":"451030","name":"西林县"},{"code":"451031","name":"隆林各族自治县"},{"code":"451081","name":"靖西市"}]},{"code":"4511","name":"贺州市","children":[{"code":"451102","name":"八步区"},{"code":"451103","name":"平桂区"},{"code":"451121","name":"昭平县"},{"code":"451122","name":"钟山县"},{"code":"451123","name":"富川瑶族自治县"}]},{"code":"4512","name":"河池市","children":[{"code":"451202","name":"金城江区"},{"code":"451203","name":"宜州区"},{"code":"451221","name":"南丹县"},{"code":"451222","name":"天峨县"},{"code":"451223","name":"凤山县"},{"code":"451224","name":"东兰县"},{"code":"451225","name":"罗城仫佬族自治县"},{"code":"451226","name":"环江毛南族自治县"},{"code":"451227","name":"巴马瑶族自治县"},{"code":"451228","name":"都安瑶族自治县"},{"code":"451229","name":"大化瑶族自治县"}]},{"code":"4513","name":"来宾市","children":[{"code":"451302","name":"兴宾区"},{"code":"451321","name":"忻城县"},{"code":"451322","name":"象州县"},{"code":"451323","name":"武宣县"},{"code":"451324","name":"金秀瑶族自治县"},{"code":"451381","name":"合山市"}]},{"code":"4514","name":"崇左市","children":[{"code":"451402","name":"江州区"},{"code":"451421","name":"扶绥县"},{"code":"451422","name":"宁明县"},{"code":"451423","name":"龙州县"},{"code":"451424","name":"大新县"},{"code":"451425","name":"天等县"},{"code":"451481","name":"凭祥市"}]}]},{"code":"46","name":"海南省","children":[{"code":"4601","name":"海口市","children":[{"code":"460105","name":"秀英区"},{"code":"460106","name":"龙华区"},{"code":"460107","name":"琼山区"},{"code":"460108","name":"美兰区"}]},{"code":"4602","name":"三亚市","children":[{"code":"460202","name":"海棠区"},{"code":"460203","name":"吉阳区"},{"code":"460204","name":"天涯区"},{"code":"460205","name":"崖州区"}]},{"code":"4603","name":"三沙市","children":[{"code":"460321","name":"西沙群岛"},{"code":"460322","name":"南沙群岛"},{"code":"460323","name":"中沙群岛的岛礁及其海域"}]},{"code":"4604","name":"儋州市","children":[{"code":"460400100","name":"那大镇"},{"code":"460400101","name":"和庆镇"},{"code":"460400102","name":"南丰镇"},{"code":"460400103","name":"大成镇"},{"code":"460400104","name":"雅星镇"},{"code":"460400105","name":"兰洋镇"},{"code":"460400106","name":"光村镇"},{"code":"460400107","name":"木棠镇"},{"code":"460400108","name":"海头镇"},{"code":"460400109","name":"峨蔓镇"},{"code":"460400111","name":"王五镇"},{"code":"460400112","name":"白马井镇"},{"code":"460400113","name":"中和镇"},{"code":"460400114","name":"排浦镇"},{"code":"460400115","name":"东成镇"},{"code":"460400116","name":"新州镇"},{"code":"460400499","name":"洋浦经济开发区"},{"code":"460400500","name":"华南热作学院"}]},{"code":"4690","name":"省直辖县级行政区划","children":[{"code":"469001","name":"五指山市"},{"code":"469002","name":"琼海市"},{"code":"469005","name":"文昌市"},{"code":"469006","name":"万宁市"},{"code":"469007","name":"东方市"},{"code":"469021","name":"定安县"},{"code":"469022","name":"屯昌县"},{"code":"469023","name":"澄迈县"},{"code":"469024","name":"临高县"},{"code":"469025","name":"白沙黎族自治县"},{"code":"469026","name":"昌江黎族自治县"},{"code":"469027","name":"乐东黎族自治县"},{"code":"469028","name":"陵水黎族自治县"},{"code":"469029","name":"保亭黎族苗族自治县"},{"code":"469030","name":"琼中黎族苗族自治县"}]}]},{"code":"50","name":"重庆市","children":[{"code":"5001","name":"市辖区","children":[{"code":"500101","name":"万州区"},{"code":"500102","name":"涪陵区"},{"code":"500103","name":"渝中区"},{"code":"500104","name":"大渡口区"},{"code":"500105","name":"江北区"},{"code":"500106","name":"沙坪坝区"},{"code":"500107","name":"九龙坡区"},{"code":"500108","name":"南岸区"},{"code":"500109","name":"北碚区"},{"code":"500110","name":"綦江区"},{"code":"500111","name":"大足区"},{"code":"500112","name":"渝北区"},{"code":"500113","name":"巴南区"},{"code":"500114","name":"黔江区"},{"code":"500115","name":"长寿区"},{"code":"500116","name":"江津区"},{"code":"500117","name":"合川区"},{"code":"500118","name":"永川区"},{"code":"500119","name":"南川区"},{"code":"500120","name":"璧山区"},{"code":"500151","name":"铜梁区"},{"code":"500152","name":"潼南区"},{"code":"500153","name":"荣昌区"},{"code":"500154","name":"开州区"},{"code":"500155","name":"梁平区"},{"code":"500156","name":"武隆区"}]},{"code":"5002","name":"县","children":[{"code":"500229","name":"城口县"},{"code":"500230","name":"丰都县"},{"code":"500231","name":"垫江县"},{"code":"500233","name":"忠县"},{"code":"500235","name":"云阳县"},{"code":"500236","name":"奉节县"},{"code":"500237","name":"巫山县"},{"code":"500238","name":"巫溪县"},{"code":"500240","name":"石柱土家族自治县"},{"code":"500241","name":"秀山土家族苗族自治县"},{"code":"500242","name":"酉阳土家族苗族自治县"},{"code":"500243","name":"彭水苗族土家族自治县"}]}]},{"code":"51","name":"四川省","children":[{"code":"5101","name":"成都市","children":[{"code":"510104","name":"锦江区"},{"code":"510105","name":"青羊区"},{"code":"510106","name":"金牛区"},{"code":"510107","name":"武侯区"},{"code":"510108","name":"成华区"},{"code":"510112","name":"龙泉驿区"},{"code":"510113","name":"青白江区"},{"code":"510114","name":"新都区"},{"code":"510115","name":"温江区"},{"code":"510116","name":"双流区"},{"code":"510117","name":"郫都区"},{"code":"510121","name":"金堂县"},{"code":"510129","name":"大邑县"},{"code":"510131","name":"蒲江县"},{"code":"510132","name":"新津县"},{"code":"510181","name":"都江堰市"},{"code":"510182","name":"彭州市"},{"code":"510183","name":"邛崃市"},{"code":"510184","name":"崇州市"},{"code":"510185","name":"简阳市"}]},{"code":"5103","name":"自贡市","children":[{"code":"510302","name":"自流井区"},{"code":"510303","name":"贡井区"},{"code":"510304","name":"大安区"},{"code":"510311","name":"沿滩区"},{"code":"510321","name":"荣县"},{"code":"510322","name":"富顺县"}]},{"code":"5104","name":"攀枝花市","children":[{"code":"510402","name":"东区"},{"code":"510403","name":"西区"},{"code":"510411","name":"仁和区"},{"code":"510421","name":"米易县"},{"code":"510422","name":"盐边县"}]},{"code":"5105","name":"泸州市","children":[{"code":"510502","name":"江阳区"},{"code":"510503","name":"纳溪区"},{"code":"510504","name":"龙马潭区"},{"code":"510521","name":"泸县"},{"code":"510522","name":"合江县"},{"code":"510524","name":"叙永县"},{"code":"510525","name":"古蔺县"}]},{"code":"5106","name":"德阳市","children":[{"code":"510603","name":"旌阳区"},{"code":"510604","name":"罗江区"},{"code":"510623","name":"中江县"},{"code":"510681","name":"广汉市"},{"code":"510682","name":"什邡市"},{"code":"510683","name":"绵竹市"}]},{"code":"5107","name":"绵阳市","children":[{"code":"510703","name":"涪城区"},{"code":"510704","name":"游仙区"},{"code":"510705","name":"安州区"},{"code":"510722","name":"三台县"},{"code":"510723","name":"盐亭县"},{"code":"510725","name":"梓潼县"},{"code":"510726","name":"北川羌族自治县"},{"code":"510727","name":"平武县"},{"code":"510781","name":"江油市"}]},{"code":"5108","name":"广元市","children":[{"code":"510802","name":"利州区"},{"code":"510811","name":"昭化区"},{"code":"510812","name":"朝天区"},{"code":"510821","name":"旺苍县"},{"code":"510822","name":"青川县"},{"code":"510823","name":"剑阁县"},{"code":"510824","name":"苍溪县"}]},{"code":"5109","name":"遂宁市","children":[{"code":"510903","name":"船山区"},{"code":"510904","name":"安居区"},{"code":"510921","name":"蓬溪县"},{"code":"510922","name":"射洪县"},{"code":"510923","name":"大英县"}]},{"code":"5110","name":"内江市","children":[{"code":"511002","name":"市中区"},{"code":"511011","name":"东兴区"},{"code":"511024","name":"威远县"},{"code":"511025","name":"资中县"},{"code":"511071","name":"内江经济开发区"},{"code":"511083","name":"隆昌市"}]},{"code":"5111","name":"乐山市","children":[{"code":"511102","name":"市中区"},{"code":"511111","name":"沙湾区"},{"code":"511112","name":"五通桥区"},{"code":"511113","name":"金口河区"},{"code":"511123","name":"犍为县"},{"code":"511124","name":"井研县"},{"code":"511126","name":"夹江县"},{"code":"511129","name":"沐川县"},{"code":"511132","name":"峨边彝族自治县"},{"code":"511133","name":"马边彝族自治县"},{"code":"511181","name":"峨眉山市"}]},{"code":"5113","name":"南充市","children":[{"code":"511302","name":"顺庆区"},{"code":"511303","name":"高坪区"},{"code":"511304","name":"嘉陵区"},{"code":"511321","name":"南部县"},{"code":"511322","name":"营山县"},{"code":"511323","name":"蓬安县"},{"code":"511324","name":"仪陇县"},{"code":"511325","name":"西充县"},{"code":"511381","name":"阆中市"}]},{"code":"5114","name":"眉山市","children":[{"code":"511402","name":"东坡区"},{"code":"511403","name":"彭山区"},{"code":"511421","name":"仁寿县"},{"code":"511423","name":"洪雅县"},{"code":"511424","name":"丹棱县"},{"code":"511425","name":"青神县"}]},{"code":"5115","name":"宜宾市","children":[{"code":"511502","name":"翠屏区"},{"code":"511503","name":"南溪区"},{"code":"511521","name":"宜宾县"},{"code":"511523","name":"江安县"},{"code":"511524","name":"长宁县"},{"code":"511525","name":"高县"},{"code":"511526","name":"珙县"},{"code":"511527","name":"筠连县"},{"code":"511528","name":"兴文县"},{"code":"511529","name":"屏山县"}]},{"code":"5116","name":"广安市","children":[{"code":"511602","name":"广安区"},{"code":"511603","name":"前锋区"},{"code":"511621","name":"岳池县"},{"code":"511622","name":"武胜县"},{"code":"511623","name":"邻水县"},{"code":"511681","name":"华蓥市"}]},{"code":"5117","name":"达州市","children":[{"code":"511702","name":"通川区"},{"code":"511703","name":"达川区"},{"code":"511722","name":"宣汉县"},{"code":"511723","name":"开江县"},{"code":"511724","name":"大竹县"},{"code":"511725","name":"渠县"},{"code":"511771","name":"达州经济开发区"},{"code":"511781","name":"万源市"}]},{"code":"5118","name":"雅安市","children":[{"code":"511802","name":"雨城区"},{"code":"511803","name":"名山区"},{"code":"511822","name":"荥经县"},{"code":"511823","name":"汉源县"},{"code":"511824","name":"石棉县"},{"code":"511825","name":"天全县"},{"code":"511826","name":"芦山县"},{"code":"511827","name":"宝兴县"}]},{"code":"5119","name":"巴中市","children":[{"code":"511902","name":"巴州区"},{"code":"511903","name":"恩阳区"},{"code":"511921","name":"通江县"},{"code":"511922","name":"南江县"},{"code":"511923","name":"平昌县"},{"code":"511971","name":"巴中经济开发区"}]},{"code":"5120","name":"资阳市","children":[{"code":"512002","name":"雁江区"},{"code":"512021","name":"安岳县"},{"code":"512022","name":"乐至县"}]},{"code":"5132","name":"阿坝藏族羌族自治州","children":[{"code":"513201","name":"马尔康市"},{"code":"513221","name":"汶川县"},{"code":"513222","name":"理县"},{"code":"513223","name":"茂县"},{"code":"513224","name":"松潘县"},{"code":"513225","name":"九寨沟县"},{"code":"513226","name":"金川县"},{"code":"513227","name":"小金县"},{"code":"513228","name":"黑水县"},{"code":"513230","name":"壤塘县"},{"code":"513231","name":"阿坝县"},{"code":"513232","name":"若尔盖县"},{"code":"513233","name":"红原县"}]},{"code":"5133","name":"甘孜藏族自治州","children":[{"code":"513301","name":"康定市"},{"code":"513322","name":"泸定县"},{"code":"513323","name":"丹巴县"},{"code":"513324","name":"九龙县"},{"code":"513325","name":"雅江县"},{"code":"513326","name":"道孚县"},{"code":"513327","name":"炉霍县"},{"code":"513328","name":"甘孜县"},{"code":"513329","name":"新龙县"},{"code":"513330","name":"德格县"},{"code":"513331","name":"白玉县"},{"code":"513332","name":"石渠县"},{"code":"513333","name":"色达县"},{"code":"513334","name":"理塘县"},{"code":"513335","name":"巴塘县"},{"code":"513336","name":"乡城县"},{"code":"513337","name":"稻城县"},{"code":"513338","name":"得荣县"}]},{"code":"5134","name":"凉山彝族自治州","children":[{"code":"513401","name":"西昌市"},{"code":"513422","name":"木里藏族自治县"},{"code":"513423","name":"盐源县"},{"code":"513424","name":"德昌县"},{"code":"513425","name":"会理县"},{"code":"513426","name":"会东县"},{"code":"513427","name":"宁南县"},{"code":"513428","name":"普格县"},{"code":"513429","name":"布拖县"},{"code":"513430","name":"金阳县"},{"code":"513431","name":"昭觉县"},{"code":"513432","name":"喜德县"},{"code":"513433","name":"冕宁县"},{"code":"513434","name":"越西县"},{"code":"513435","name":"甘洛县"},{"code":"513436","name":"美姑县"},{"code":"513437","name":"雷波县"}]}]},{"code":"52","name":"贵州省","children":[{"code":"5201","name":"贵阳市","children":[{"code":"520102","name":"南明区"},{"code":"520103","name":"云岩区"},{"code":"520111","name":"花溪区"},{"code":"520112","name":"乌当区"},{"code":"520113","name":"白云区"},{"code":"520115","name":"观山湖区"},{"code":"520121","name":"开阳县"},{"code":"520122","name":"息烽县"},{"code":"520123","name":"修文县"},{"code":"520181","name":"清镇市"}]},{"code":"5202","name":"六盘水市","children":[{"code":"520201","name":"钟山区"},{"code":"520203","name":"六枝特区"},{"code":"520221","name":"水城县"},{"code":"520281","name":"盘州市"}]},{"code":"5203","name":"遵义市","children":[{"code":"520302","name":"红花岗区"},{"code":"520303","name":"汇川区"},{"code":"520304","name":"播州区"},{"code":"520322","name":"桐梓县"},{"code":"520323","name":"绥阳县"},{"code":"520324","name":"正安县"},{"code":"520325","name":"道真仡佬族苗族自治县"},{"code":"520326","name":"务川仡佬族苗族自治县"},{"code":"520327","name":"凤冈县"},{"code":"520328","name":"湄潭县"},{"code":"520329","name":"余庆县"},{"code":"520330","name":"习水县"},{"code":"520381","name":"赤水市"},{"code":"520382","name":"仁怀市"}]},{"code":"5204","name":"安顺市","children":[{"code":"520402","name":"西秀区"},{"code":"520403","name":"平坝区"},{"code":"520422","name":"普定县"},{"code":"520423","name":"镇宁布依族苗族自治县"},{"code":"520424","name":"关岭布依族苗族自治县"},{"code":"520425","name":"紫云苗族布依族自治县"}]},{"code":"5205","name":"毕节市","children":[{"code":"520502","name":"七星关区"},{"code":"520521","name":"大方县"},{"code":"520522","name":"黔西县"},{"code":"520523","name":"金沙县"},{"code":"520524","name":"织金县"},{"code":"520525","name":"纳雍县"},{"code":"520526","name":"威宁彝族回族苗族自治县"},{"code":"520527","name":"赫章县"}]},{"code":"5206","name":"铜仁市","children":[{"code":"520602","name":"碧江区"},{"code":"520603","name":"万山区"},{"code":"520621","name":"江口县"},{"code":"520622","name":"玉屏侗族自治县"},{"code":"520623","name":"石阡县"},{"code":"520624","name":"思南县"},{"code":"520625","name":"印江土家族苗族自治县"},{"code":"520626","name":"德江县"},{"code":"520627","name":"沿河土家族自治县"},{"code":"520628","name":"松桃苗族自治县"}]},{"code":"5223","name":"黔西南布依族苗族自治州","children":[{"code":"522301","name":"兴义市"},{"code":"522322","name":"兴仁县"},{"code":"522323","name":"普安县"},{"code":"522324","name":"晴隆县"},{"code":"522325","name":"贞丰县"},{"code":"522326","name":"望谟县"},{"code":"522327","name":"册亨县"},{"code":"522328","name":"安龙县"}]},{"code":"5226","name":"黔东南苗族侗族自治州","children":[{"code":"522601","name":"凯里市"},{"code":"522622","name":"黄平县"},{"code":"522623","name":"施秉县"},{"code":"522624","name":"三穗县"},{"code":"522625","name":"镇远县"},{"code":"522626","name":"岑巩县"},{"code":"522627","name":"天柱县"},{"code":"522628","name":"锦屏县"},{"code":"522629","name":"剑河县"},{"code":"522630","name":"台江县"},{"code":"522631","name":"黎平县"},{"code":"522632","name":"榕江县"},{"code":"522633","name":"从江县"},{"code":"522634","name":"雷山县"},{"code":"522635","name":"麻江县"},{"code":"522636","name":"丹寨县"}]},{"code":"5227","name":"黔南布依族苗族自治州","children":[{"code":"522701","name":"都匀市"},{"code":"522702","name":"福泉市"},{"code":"522722","name":"荔波县"},{"code":"522723","name":"贵定县"},{"code":"522725","name":"瓮安县"},{"code":"522726","name":"独山县"},{"code":"522727","name":"平塘县"},{"code":"522728","name":"罗甸县"},{"code":"522729","name":"长顺县"},{"code":"522730","name":"龙里县"},{"code":"522731","name":"惠水县"},{"code":"522732","name":"三都水族自治县"}]}]},{"code":"53","name":"云南省","children":[{"code":"5301","name":"昆明市","children":[{"code":"530102","name":"五华区"},{"code":"530103","name":"盘龙区"},{"code":"530111","name":"官渡区"},{"code":"530112","name":"西山区"},{"code":"530113","name":"东川区"},{"code":"530114","name":"呈贡区"},{"code":"530115","name":"晋宁区"},{"code":"530124","name":"富民县"},{"code":"530125","name":"宜良县"},{"code":"530126","name":"石林彝族自治县"},{"code":"530127","name":"嵩明县"},{"code":"530128","name":"禄劝彝族苗族自治县"},{"code":"530129","name":"寻甸回族彝族自治县"},{"code":"530181","name":"安宁市"}]},{"code":"5303","name":"曲靖市","children":[{"code":"530302","name":"麒麟区"},{"code":"530303","name":"沾益区"},{"code":"530321","name":"马龙县"},{"code":"530322","name":"陆良县"},{"code":"530323","name":"师宗县"},{"code":"530324","name":"罗平县"},{"code":"530325","name":"富源县"},{"code":"530326","name":"会泽县"},{"code":"530381","name":"宣威市"}]},{"code":"5304","name":"玉溪市","children":[{"code":"530402","name":"红塔区"},{"code":"530403","name":"江川区"},{"code":"530422","name":"澄江县"},{"code":"530423","name":"通海县"},{"code":"530424","name":"华宁县"},{"code":"530425","name":"易门县"},{"code":"530426","name":"峨山彝族自治县"},{"code":"530427","name":"新平彝族傣族自治县"},{"code":"530428","name":"元江哈尼族彝族傣族自治县"}]},{"code":"5305","name":"保山市","children":[{"code":"530502","name":"隆阳区"},{"code":"530521","name":"施甸县"},{"code":"530523","name":"龙陵县"},{"code":"530524","name":"昌宁县"},{"code":"530581","name":"腾冲市"}]},{"code":"5306","name":"昭通市","children":[{"code":"530602","name":"昭阳区"},{"code":"530621","name":"鲁甸县"},{"code":"530622","name":"巧家县"},{"code":"530623","name":"盐津县"},{"code":"530624","name":"大关县"},{"code":"530625","name":"永善县"},{"code":"530626","name":"绥江县"},{"code":"530627","name":"镇雄县"},{"code":"530628","name":"彝良县"},{"code":"530629","name":"威信县"},{"code":"530630","name":"水富县"}]},{"code":"5307","name":"丽江市","children":[{"code":"530702","name":"古城区"},{"code":"530721","name":"玉龙纳西族自治县"},{"code":"530722","name":"永胜县"},{"code":"530723","name":"华坪县"},{"code":"530724","name":"宁蒗彝族自治县"}]},{"code":"5308","name":"普洱市","children":[{"code":"530802","name":"思茅区"},{"code":"530821","name":"宁洱哈尼族彝族自治县"},{"code":"530822","name":"墨江哈尼族自治县"},{"code":"530823","name":"景东彝族自治县"},{"code":"530824","name":"景谷傣族彝族自治县"},{"code":"530825","name":"镇沅彝族哈尼族拉祜族自治县"},{"code":"530826","name":"江城哈尼族彝族自治县"},{"code":"530827","name":"孟连傣族拉祜族佤族自治县"},{"code":"530828","name":"澜沧拉祜族自治县"},{"code":"530829","name":"西盟佤族自治县"}]},{"code":"5309","name":"临沧市","children":[{"code":"530902","name":"临翔区"},{"code":"530921","name":"凤庆县"},{"code":"530922","name":"云县"},{"code":"530923","name":"永德县"},{"code":"530924","name":"镇康县"},{"code":"530925","name":"双江拉祜族佤族布朗族傣族自治县"},{"code":"530926","name":"耿马傣族佤族自治县"},{"code":"530927","name":"沧源佤族自治县"}]},{"code":"5323","name":"楚雄彝族自治州","children":[{"code":"532301","name":"楚雄市"},{"code":"532322","name":"双柏县"},{"code":"532323","name":"牟定县"},{"code":"532324","name":"南华县"},{"code":"532325","name":"姚安县"},{"code":"532326","name":"大姚县"},{"code":"532327","name":"永仁县"},{"code":"532328","name":"元谋县"},{"code":"532329","name":"武定县"},{"code":"532331","name":"禄丰县"}]},{"code":"5325","name":"红河哈尼族彝族自治州","children":[{"code":"532501","name":"个旧市"},{"code":"532502","name":"开远市"},{"code":"532503","name":"蒙自市"},{"code":"532504","name":"弥勒市"},{"code":"532523","name":"屏边苗族自治县"},{"code":"532524","name":"建水县"},{"code":"532525","name":"石屏县"},{"code":"532527","name":"泸西县"},{"code":"532528","name":"元阳县"},{"code":"532529","name":"红河县"},{"code":"532530","name":"金平苗族瑶族傣族自治县"},{"code":"532531","name":"绿春县"},{"code":"532532","name":"河口瑶族自治县"}]},{"code":"5326","name":"文山壮族苗族自治州","children":[{"code":"532601","name":"文山市"},{"code":"532622","name":"砚山县"},{"code":"532623","name":"西畴县"},{"code":"532624","name":"麻栗坡县"},{"code":"532625","name":"马关县"},{"code":"532626","name":"丘北县"},{"code":"532627","name":"广南县"},{"code":"532628","name":"富宁县"}]},{"code":"5328","name":"西双版纳傣族自治州","children":[{"code":"532801","name":"景洪市"},{"code":"532822","name":"勐海县"},{"code":"532823","name":"勐腊县"}]},{"code":"5329","name":"大理白族自治州","children":[{"code":"532901","name":"大理市"},{"code":"532922","name":"漾濞彝族自治县"},{"code":"532923","name":"祥云县"},{"code":"532924","name":"宾川县"},{"code":"532925","name":"弥渡县"},{"code":"532926","name":"南涧彝族自治县"},{"code":"532927","name":"巍山彝族回族自治县"},{"code":"532928","name":"永平县"},{"code":"532929","name":"云龙县"},{"code":"532930","name":"洱源县"},{"code":"532931","name":"剑川县"},{"code":"532932","name":"鹤庆县"}]},{"code":"5331","name":"德宏傣族景颇族自治州","children":[{"code":"533102","name":"瑞丽市"},{"code":"533103","name":"芒市"},{"code":"533122","name":"梁河县"},{"code":"533123","name":"盈江县"},{"code":"533124","name":"陇川县"}]},{"code":"5333","name":"怒江傈僳族自治州","children":[{"code":"533301","name":"泸水市"},{"code":"533323","name":"福贡县"},{"code":"533324","name":"贡山独龙族怒族自治县"},{"code":"533325","name":"兰坪白族普米族自治县"}]},{"code":"5334","name":"迪庆藏族自治州","children":[{"code":"533401","name":"香格里拉市"},{"code":"533422","name":"德钦县"},{"code":"533423","name":"维西傈僳族自治县"}]}]},{"code":"54","name":"西藏自治区","children":[{"code":"5401","name":"拉萨市","children":[{"code":"540102","name":"城关区"},{"code":"540103","name":"堆龙德庆区"},{"code":"540121","name":"林周县"},{"code":"540122","name":"当雄县"},{"code":"540123","name":"尼木县"},{"code":"540124","name":"曲水县"},{"code":"540126","name":"达孜县"},{"code":"540127","name":"墨竹工卡县"},{"code":"540171","name":"格尔木藏青工业园区"},{"code":"540172","name":"拉萨经济技术开发区"},{"code":"540173","name":"西藏文化旅游创意园区"},{"code":"540174","name":"达孜工业园区"}]},{"code":"5402","name":"日喀则市","children":[{"code":"540202","name":"桑珠孜区"},{"code":"540221","name":"南木林县"},{"code":"540222","name":"江孜县"},{"code":"540223","name":"定日县"},{"code":"540224","name":"萨迦县"},{"code":"540225","name":"拉孜县"},{"code":"540226","name":"昂仁县"},{"code":"540227","name":"谢通门县"},{"code":"540228","name":"白朗县"},{"code":"540229","name":"仁布县"},{"code":"540230","name":"康马县"},{"code":"540231","name":"定结县"},{"code":"540232","name":"仲巴县"},{"code":"540233","name":"亚东县"},{"code":"540234","name":"吉隆县"},{"code":"540235","name":"聂拉木县"},{"code":"540236","name":"萨嘎县"},{"code":"540237","name":"岗巴县"}]},{"code":"5403","name":"昌都市","children":[{"code":"540302","name":"卡若区"},{"code":"540321","name":"江达县"},{"code":"540322","name":"贡觉县"},{"code":"540323","name":"类乌齐县"},{"code":"540324","name":"丁青县"},{"code":"540325","name":"察雅县"},{"code":"540326","name":"八宿县"},{"code":"540327","name":"左贡县"},{"code":"540328","name":"芒康县"},{"code":"540329","name":"洛隆县"},{"code":"540330","name":"边坝县"}]},{"code":"5404","name":"林芝市","children":[{"code":"540402","name":"巴宜区"},{"code":"540421","name":"工布江达县"},{"code":"540422","name":"米林县"},{"code":"540423","name":"墨脱县"},{"code":"540424","name":"波密县"},{"code":"540425","name":"察隅县"},{"code":"540426","name":"朗县"}]},{"code":"5405","name":"山南市","children":[{"code":"540502","name":"乃东区"},{"code":"540521","name":"扎囊县"},{"code":"540522","name":"贡嘎县"},{"code":"540523","name":"桑日县"},{"code":"540524","name":"琼结县"},{"code":"540525","name":"曲松县"},{"code":"540526","name":"措美县"},{"code":"540527","name":"洛扎县"},{"code":"540528","name":"加查县"},{"code":"540529","name":"隆子县"},{"code":"540530","name":"错那县"},{"code":"540531","name":"浪卡子县"}]},{"code":"5424","name":"那曲地区","children":[{"code":"542421","name":"那曲县"},{"code":"542422","name":"嘉黎县"},{"code":"542423","name":"比如县"},{"code":"542424","name":"聂荣县"},{"code":"542425","name":"安多县"},{"code":"542426","name":"申扎县"},{"code":"542427","name":"索县"},{"code":"542428","name":"班戈县"},{"code":"542429","name":"巴青县"},{"code":"542430","name":"尼玛县"},{"code":"542431","name":"双湖县"}]},{"code":"5425","name":"阿里地区","children":[{"code":"542521","name":"普兰县"},{"code":"542522","name":"札达县"},{"code":"542523","name":"噶尔县"},{"code":"542524","name":"日土县"},{"code":"542525","name":"革吉县"},{"code":"542526","name":"改则县"},{"code":"542527","name":"措勤县"}]}]},{"code":"61","name":"陕西省","children":[{"code":"6101","name":"西安市","children":[{"code":"610102","name":"新城区"},{"code":"610103","name":"碑林区"},{"code":"610104","name":"莲湖区"},{"code":"610111","name":"灞桥区"},{"code":"610112","name":"未央区"},{"code":"610113","name":"雁塔区"},{"code":"610114","name":"阎良区"},{"code":"610115","name":"临潼区"},{"code":"610116","name":"长安区"},{"code":"610117","name":"高陵区"},{"code":"610118","name":"鄠邑区"},{"code":"610122","name":"蓝田县"},{"code":"610124","name":"周至县"}]},{"code":"6102","name":"铜川市","children":[{"code":"610202","name":"王益区"},{"code":"610203","name":"印台区"},{"code":"610204","name":"耀州区"},{"code":"610222","name":"宜君县"}]},{"code":"6103","name":"宝鸡市","children":[{"code":"610302","name":"渭滨区"},{"code":"610303","name":"金台区"},{"code":"610304","name":"陈仓区"},{"code":"610322","name":"凤翔县"},{"code":"610323","name":"岐山县"},{"code":"610324","name":"扶风县"},{"code":"610326","name":"眉县"},{"code":"610327","name":"陇县"},{"code":"610328","name":"千阳县"},{"code":"610329","name":"麟游县"},{"code":"610330","name":"凤县"},{"code":"610331","name":"太白县"}]},{"code":"6104","name":"咸阳市","children":[{"code":"610402","name":"秦都区"},{"code":"610403","name":"杨陵区"},{"code":"610404","name":"渭城区"},{"code":"610422","name":"三原县"},{"code":"610423","name":"泾阳县"},{"code":"610424","name":"乾县"},{"code":"610425","name":"礼泉县"},{"code":"610426","name":"永寿县"},{"code":"610427","name":"彬县"},{"code":"610428","name":"长武县"},{"code":"610429","name":"旬邑县"},{"code":"610430","name":"淳化县"},{"code":"610431","name":"武功县"},{"code":"610481","name":"兴平市"}]},{"code":"6105","name":"渭南市","children":[{"code":"610502","name":"临渭区"},{"code":"610503","name":"华州区"},{"code":"610522","name":"潼关县"},{"code":"610523","name":"大荔县"},{"code":"610524","name":"合阳县"},{"code":"610525","name":"澄城县"},{"code":"610526","name":"蒲城县"},{"code":"610527","name":"白水县"},{"code":"610528","name":"富平县"},{"code":"610581","name":"韩城市"},{"code":"610582","name":"华阴市"}]},{"code":"6106","name":"延安市","children":[{"code":"610602","name":"宝塔区"},{"code":"610603","name":"安塞区"},{"code":"610621","name":"延长县"},{"code":"610622","name":"延川县"},{"code":"610623","name":"子长县"},{"code":"610625","name":"志丹县"},{"code":"610626","name":"吴起县"},{"code":"610627","name":"甘泉县"},{"code":"610628","name":"富县"},{"code":"610629","name":"洛川县"},{"code":"610630","name":"宜川县"},{"code":"610631","name":"黄龙县"},{"code":"610632","name":"黄陵县"}]},{"code":"6107","name":"汉中市","children":[{"code":"610702","name":"汉台区"},{"code":"610703","name":"南郑区"},{"code":"610722","name":"城固县"},{"code":"610723","name":"洋县"},{"code":"610724","name":"西乡县"},{"code":"610725","name":"勉县"},{"code":"610726","name":"宁强县"},{"code":"610727","name":"略阳县"},{"code":"610728","name":"镇巴县"},{"code":"610729","name":"留坝县"},{"code":"610730","name":"佛坪县"}]},{"code":"6108","name":"榆林市","children":[{"code":"610802","name":"榆阳区"},{"code":"610803","name":"横山区"},{"code":"610822","name":"府谷县"},{"code":"610824","name":"靖边县"},{"code":"610825","name":"定边县"},{"code":"610826","name":"绥德县"},{"code":"610827","name":"米脂县"},{"code":"610828","name":"佳县"},{"code":"610829","name":"吴堡县"},{"code":"610830","name":"清涧县"},{"code":"610831","name":"子洲县"},{"code":"610881","name":"神木市"}]},{"code":"6109","name":"安康市","children":[{"code":"610902","name":"汉滨区"},{"code":"610921","name":"汉阴县"},{"code":"610922","name":"石泉县"},{"code":"610923","name":"宁陕县"},{"code":"610924","name":"紫阳县"},{"code":"610925","name":"岚皋县"},{"code":"610926","name":"平利县"},{"code":"610927","name":"镇坪县"},{"code":"610928","name":"旬阳县"},{"code":"610929","name":"白河县"}]},{"code":"6110","name":"商洛市","children":[{"code":"611002","name":"商州区"},{"code":"611021","name":"洛南县"},{"code":"611022","name":"丹凤县"},{"code":"611023","name":"商南县"},{"code":"611024","name":"山阳县"},{"code":"611025","name":"镇安县"},{"code":"611026","name":"柞水县"}]}]},{"code":"62","name":"甘肃省","children":[{"code":"6201","name":"兰州市","children":[{"code":"620102","name":"城关区"},{"code":"620103","name":"七里河区"},{"code":"620104","name":"西固区"},{"code":"620105","name":"安宁区"},{"code":"620111","name":"红古区"},{"code":"620121","name":"永登县"},{"code":"620122","name":"皋兰县"},{"code":"620123","name":"榆中县"},{"code":"620171","name":"兰州新区"}]},{"code":"6202","name":"嘉峪关市","children":[{"code":"620201100","name":"新城镇"},{"code":"620201101","name":"峪泉镇"},{"code":"620201102","name":"文殊镇"},{"code":"620201401","name":"雄关区"},{"code":"620201402","name":"镜铁区"},{"code":"620201403","name":"长城区"}]},{"code":"6203","name":"金昌市","children":[{"code":"620302","name":"金川区"},{"code":"620321","name":"永昌县"}]},{"code":"6204","name":"白银市","children":[{"code":"620402","name":"白银区"},{"code":"620403","name":"平川区"},{"code":"620421","name":"靖远县"},{"code":"620422","name":"会宁县"},{"code":"620423","name":"景泰县"}]},{"code":"6205","name":"天水市","children":[{"code":"620502","name":"秦州区"},{"code":"620503","name":"麦积区"},{"code":"620521","name":"清水县"},{"code":"620522","name":"秦安县"},{"code":"620523","name":"甘谷县"},{"code":"620524","name":"武山县"},{"code":"620525","name":"张家川回族自治县"}]},{"code":"6206","name":"武威市","children":[{"code":"620602","name":"凉州区"},{"code":"620621","name":"民勤县"},{"code":"620622","name":"古浪县"},{"code":"620623","name":"天祝藏族自治县"}]},{"code":"6207","name":"张掖市","children":[{"code":"620702","name":"甘州区"},{"code":"620721","name":"肃南裕固族自治县"},{"code":"620722","name":"民乐县"},{"code":"620723","name":"临泽县"},{"code":"620724","name":"高台县"},{"code":"620725","name":"山丹县"}]},{"code":"6208","name":"平凉市","children":[{"code":"620802","name":"崆峒区"},{"code":"620821","name":"泾川县"},{"code":"620822","name":"灵台县"},{"code":"620823","name":"崇信县"},{"code":"620824","name":"华亭县"},{"code":"620825","name":"庄浪县"},{"code":"620826","name":"静宁县"},{"code":"620871","name":"平凉工业园区"}]},{"code":"6209","name":"酒泉市","children":[{"code":"620902","name":"肃州区"},{"code":"620921","name":"金塔县"},{"code":"620922","name":"瓜州县"},{"code":"620923","name":"肃北蒙古族自治县"},{"code":"620924","name":"阿克塞哈萨克族自治县"},{"code":"620981","name":"玉门市"},{"code":"620982","name":"敦煌市"}]},{"code":"6210","name":"庆阳市","children":[{"code":"621002","name":"西峰区"},{"code":"621021","name":"庆城县"},{"code":"621022","name":"环县"},{"code":"621023","name":"华池县"},{"code":"621024","name":"合水县"},{"code":"621025","name":"正宁县"},{"code":"621026","name":"宁县"},{"code":"621027","name":"镇原县"}]},{"code":"6211","name":"定西市","children":[{"code":"621102","name":"安定区"},{"code":"621121","name":"通渭县"},{"code":"621122","name":"陇西县"},{"code":"621123","name":"渭源县"},{"code":"621124","name":"临洮县"},{"code":"621125","name":"漳县"},{"code":"621126","name":"岷县"}]},{"code":"6212","name":"陇南市","children":[{"code":"621202","name":"武都区"},{"code":"621221","name":"成县"},{"code":"621222","name":"文县"},{"code":"621223","name":"宕昌县"},{"code":"621224","name":"康县"},{"code":"621225","name":"西和县"},{"code":"621226","name":"礼县"},{"code":"621227","name":"徽县"},{"code":"621228","name":"两当县"}]},{"code":"6229","name":"临夏回族自治州","children":[{"code":"622901","name":"临夏市"},{"code":"622921","name":"临夏县"},{"code":"622922","name":"康乐县"},{"code":"622923","name":"永靖县"},{"code":"622924","name":"广河县"},{"code":"622925","name":"和政县"},{"code":"622926","name":"东乡族自治县"},{"code":"622927","name":"积石山保安族东乡族撒拉族自治县"}]},{"code":"6230","name":"甘南藏族自治州","children":[{"code":"623001","name":"合作市"},{"code":"623021","name":"临潭县"},{"code":"623022","name":"卓尼县"},{"code":"623023","name":"舟曲县"},{"code":"623024","name":"迭部县"},{"code":"623025","name":"玛曲县"},{"code":"623026","name":"碌曲县"},{"code":"623027","name":"夏河县"}]}]},{"code":"63","name":"青海省","children":[{"code":"6301","name":"西宁市","children":[{"code":"630102","name":"城东区"},{"code":"630103","name":"城中区"},{"code":"630104","name":"城西区"},{"code":"630105","name":"城北区"},{"code":"630121","name":"大通回族土族自治县"},{"code":"630122","name":"湟中县"},{"code":"630123","name":"湟源县"}]},{"code":"6302","name":"海东市","children":[{"code":"630202","name":"乐都区"},{"code":"630203","name":"平安区"},{"code":"630222","name":"民和回族土族自治县"},{"code":"630223","name":"互助土族自治县"},{"code":"630224","name":"化隆回族自治县"},{"code":"630225","name":"循化撒拉族自治县"}]},{"code":"6322","name":"海北藏族自治州","children":[{"code":"632221","name":"门源回族自治县"},{"code":"632222","name":"祁连县"},{"code":"632223","name":"海晏县"},{"code":"632224","name":"刚察县"}]},{"code":"6323","name":"黄南藏族自治州","children":[{"code":"632321","name":"同仁县"},{"code":"632322","name":"尖扎县"},{"code":"632323","name":"泽库县"},{"code":"632324","name":"河南蒙古族自治县"}]},{"code":"6325","name":"海南藏族自治州","children":[{"code":"632521","name":"共和县"},{"code":"632522","name":"同德县"},{"code":"632523","name":"贵德县"},{"code":"632524","name":"兴海县"},{"code":"632525","name":"贵南县"}]},{"code":"6326","name":"果洛藏族自治州","children":[{"code":"632621","name":"玛沁县"},{"code":"632622","name":"班玛县"},{"code":"632623","name":"甘德县"},{"code":"632624","name":"达日县"},{"code":"632625","name":"久治县"},{"code":"632626","name":"玛多县"}]},{"code":"6327","name":"玉树藏族自治州","children":[{"code":"632701","name":"玉树市"},{"code":"632722","name":"杂多县"},{"code":"632723","name":"称多县"},{"code":"632724","name":"治多县"},{"code":"632725","name":"囊谦县"},{"code":"632726","name":"曲麻莱县"}]},{"code":"6328","name":"海西蒙古族藏族自治州","children":[{"code":"632801","name":"格尔木市"},{"code":"632802","name":"德令哈市"},{"code":"632821","name":"乌兰县"},{"code":"632822","name":"都兰县"},{"code":"632823","name":"天峻县"},{"code":"632857","name":"大柴旦行政委员会"},{"code":"632858","name":"冷湖行政委员会"},{"code":"632859","name":"茫崖行政委员会"}]}]},{"code":"64","name":"宁夏回族自治区","children":[{"code":"6401","name":"银川市","children":[{"code":"640104","name":"兴庆区"},{"code":"640105","name":"西夏区"},{"code":"640106","name":"金凤区"},{"code":"640121","name":"永宁县"},{"code":"640122","name":"贺兰县"},{"code":"640181","name":"灵武市"}]},{"code":"6402","name":"石嘴山市","children":[{"code":"640202","name":"大武口区"},{"code":"640205","name":"惠农区"},{"code":"640221","name":"平罗县"}]},{"code":"6403","name":"吴忠市","children":[{"code":"640302","name":"利通区"},{"code":"640303","name":"红寺堡区"},{"code":"640323","name":"盐池县"},{"code":"640324","name":"同心县"},{"code":"640381","name":"青铜峡市"}]},{"code":"6404","name":"固原市","children":[{"code":"640402","name":"原州区"},{"code":"640422","name":"西吉县"},{"code":"640423","name":"隆德县"},{"code":"640424","name":"泾源县"},{"code":"640425","name":"彭阳县"}]},{"code":"6405","name":"中卫市","children":[{"code":"640502","name":"沙坡头区"},{"code":"640521","name":"中宁县"},{"code":"640522","name":"海原县"}]}]},{"code":"65","name":"新疆维吾尔自治区","children":[{"code":"6501","name":"乌鲁木齐市","children":[{"code":"650102","name":"天山区"},{"code":"650103","name":"沙依巴克区"},{"code":"650104","name":"新市区"},{"code":"650105","name":"水磨沟区"},{"code":"650106","name":"头屯河区"},{"code":"650107","name":"达坂城区"},{"code":"650109","name":"米东区"},{"code":"650121","name":"乌鲁木齐县"},{"code":"650171","name":"乌鲁木齐经济技术开发区"},{"code":"650172","name":"乌鲁木齐高新技术产业开发区"}]},{"code":"6502","name":"克拉玛依市","children":[{"code":"650202","name":"独山子区"},{"code":"650203","name":"克拉玛依区"},{"code":"650204","name":"白碱滩区"},{"code":"650205","name":"乌尔禾区"}]},{"code":"6504","name":"吐鲁番市","children":[{"code":"650402","name":"高昌区"},{"code":"650421","name":"鄯善县"},{"code":"650422","name":"托克逊县"}]},{"code":"6505","name":"哈密市","children":[{"code":"650502","name":"伊州区"},{"code":"650521","name":"巴里坤哈萨克自治县"},{"code":"650522","name":"伊吾县"}]},{"code":"6523","name":"昌吉回族自治州","children":[{"code":"652301","name":"昌吉市"},{"code":"652302","name":"阜康市"},{"code":"652323","name":"呼图壁县"},{"code":"652324","name":"玛纳斯县"},{"code":"652325","name":"奇台县"},{"code":"652327","name":"吉木萨尔县"},{"code":"652328","name":"木垒哈萨克自治县"}]},{"code":"6527","name":"博尔塔拉蒙古自治州","children":[{"code":"652701","name":"博乐市"},{"code":"652702","name":"阿拉山口市"},{"code":"652722","name":"精河县"},{"code":"652723","name":"温泉县"}]},{"code":"6528","name":"巴音郭楞蒙古自治州","children":[{"code":"652801","name":"库尔勒市"},{"code":"652822","name":"轮台县"},{"code":"652823","name":"尉犁县"},{"code":"652824","name":"若羌县"},{"code":"652825","name":"且末县"},{"code":"652826","name":"焉耆回族自治县"},{"code":"652827","name":"和静县"},{"code":"652828","name":"和硕县"},{"code":"652829","name":"博湖县"},{"code":"652871","name":"库尔勒经济技术开发区"}]},{"code":"6529","name":"阿克苏地区","children":[{"code":"652901","name":"阿克苏市"},{"code":"652922","name":"温宿县"},{"code":"652923","name":"库车县"},{"code":"652924","name":"沙雅县"},{"code":"652925","name":"新和县"},{"code":"652926","name":"拜城县"},{"code":"652927","name":"乌什县"},{"code":"652928","name":"阿瓦提县"},{"code":"652929","name":"柯坪县"}]},{"code":"6530","name":"克孜勒苏柯尔克孜自治州","children":[{"code":"653001","name":"阿图什市"},{"code":"653022","name":"阿克陶县"},{"code":"653023","name":"阿合奇县"},{"code":"653024","name":"乌恰县"}]},{"code":"6531","name":"喀什地区","children":[{"code":"653101","name":"喀什市"},{"code":"653121","name":"疏附县"},{"code":"653122","name":"疏勒县"},{"code":"653123","name":"英吉沙县"},{"code":"653124","name":"泽普县"},{"code":"653125","name":"莎车县"},{"code":"653126","name":"叶城县"},{"code":"653127","name":"麦盖提县"},{"code":"653128","name":"岳普湖县"},{"code":"653129","name":"伽师县"},{"code":"653130","name":"巴楚县"},{"code":"653131","name":"塔什库尔干塔吉克自治县"}]},{"code":"6532","name":"和田地区","children":[{"code":"653201","name":"和田市"},{"code":"653221","name":"和田县"},{"code":"653222","name":"墨玉县"},{"code":"653223","name":"皮山县"},{"code":"653224","name":"洛浦县"},{"code":"653225","name":"策勒县"},{"code":"653226","name":"于田县"},{"code":"653227","name":"民丰县"}]},{"code":"6540","name":"伊犁哈萨克自治州","children":[{"code":"654002","name":"伊宁市"},{"code":"654003","name":"奎屯市"},{"code":"654004","name":"霍尔果斯市"},{"code":"654021","name":"伊宁县"},{"code":"654022","name":"察布查尔锡伯自治县"},{"code":"654023","name":"霍城县"},{"code":"654024","name":"巩留县"},{"code":"654025","name":"新源县"},{"code":"654026","name":"昭苏县"},{"code":"654027","name":"特克斯县"},{"code":"654028","name":"尼勒克县"}]},{"code":"6542","name":"塔城地区","children":[{"code":"654201","name":"塔城市"},{"code":"654202","name":"乌苏市"},{"code":"654221","name":"额敏县"},{"code":"654223","name":"沙湾县"},{"code":"654224","name":"托里县"},{"code":"654225","name":"裕民县"},{"code":"654226","name":"和布克赛尔蒙古自治县"}]},{"code":"6543","name":"阿勒泰地区","children":[{"code":"654301","name":"阿勒泰市"},{"code":"654321","name":"布尔津县"},{"code":"654322","name":"富蕴县"},{"code":"654323","name":"福海县"},{"code":"654324","name":"哈巴河县"},{"code":"654325","name":"青河县"},{"code":"654326","name":"吉木乃县"}]},{"code":"6590","name":"自治区直辖县级行政区划","children":[{"code":"659001","name":"石河子市"},{"code":"659002","name":"阿拉尔市"},{"code":"659003","name":"图木舒克市"},{"code":"659004","name":"五家渠市"},{"code":"659006","name":"铁门关市"}]}]}]
\ No newline at end of file
diff --git a/src/conf/amap.config.ts b/src/conf/amap.config.ts
new file mode 100644
index 00000000..25b3509e
--- /dev/null
+++ b/src/conf/amap.config.ts
@@ -0,0 +1,21 @@
+/**
+ * 高德地图资源配置
+ */
+export const amapConf = {
+  /**
+   * 文件上传路径
+   */
+  key: '63f9573ca55fef2b92d4ffe0c85dea8f',
+  /**
+   * JSAPI版本
+   */
+  version: '2.0',
+  /**
+   * AMapUI版本
+   */
+  AMapUIVersion: '1.1',
+  /**
+   * Loca版本
+   */
+  LocaVersion: '2.0'
+};
diff --git a/src/conf/api.conf.ts b/src/conf/api.conf.ts
index 6965c253..eeea705c 100644
--- a/src/conf/api.conf.ts
+++ b/src/conf/api.conf.ts
@@ -5,5 +5,13 @@ export const apiConf = {
   /**
    * 文件上传路径
    */
-  fileUpload: ``,
+  fileUpload: `/api/mdc/pbc/upload/multipartFile/file`,
+  /**
+   * 文件上传路径(水印)
+   */
+  waterFileUpload: `/api/mdc/pbc/upload/multipartFile/watermarkFile`,
+  /**
+   * 上传文件，返回fileModel
+   */
+  file_upload_url: '/api/mdc/pbc/upload/multipartFile/fileModel'
 };
diff --git a/src/conf/sys.conf.ts b/src/conf/sys.conf.ts
index cae505ca..1ffcff91 100644
--- a/src/conf/sys.conf.ts
+++ b/src/conf/sys.conf.ts
@@ -7,11 +7,19 @@ export const sysConf = {
   /**
    * 应用ID
    */
-  appId: ``,
+  appId: `5800BF51DC9A494489700F09E3B81520`,
+  /**
+   * 租户ID
+   */
+  tenantId: `1`,
+  /**
+   * 企业ID
+   */
+   enterpriseId: `0`,
   /**
    * 登录路径
    */
-  login_url: `/account/login`,
+  login_url: `/passport/login`,
   /**
    * 缓存过期时间
    */
@@ -29,6 +37,6 @@ export const sysConf = {
     '/tabs/industry/index',
     '/tabs/partner/index',
     '/tabs/community/index',
-    '/tabs/my/index',
-  ],
+    '/tabs/my/index'
+  ]
 };
diff --git a/src/environments/eascs/environment.demo.ts b/src/environments/eascs/environment.demo.ts
index 0b90a716..5b0c4086 100644
--- a/src/environments/eascs/environment.demo.ts
+++ b/src/environments/eascs/environment.demo.ts
@@ -12,7 +12,7 @@ export const environment = {
   production: true,
   useHash: true,
   api: {
-    baseUrl: 'https://scm-api-test.eascs.com',
+    baseUrl: 'https://tms-api-test.eascs.com',
     refreshTokenEnabled: false,
     refreshTokenType: 'auth-refresh',
   },
diff --git a/src/environments/eascs/environment.dev.ts b/src/environments/eascs/environment.dev.ts
index d4f0476c..3bcdc166 100644
--- a/src/environments/eascs/environment.dev.ts
+++ b/src/environments/eascs/environment.dev.ts
@@ -12,7 +12,7 @@ export const environment = {
   production: true,
   useHash: true,
   api: {
-    baseUrl: 'https://scm-api-test.eascs.com',
+    baseUrl: 'https://tms-api-dev.eascs.com',
     refreshTokenEnabled: false,
     refreshTokenType: 'auth-refresh',
   },
diff --git a/src/environments/eascs/environment.pre.ts b/src/environments/eascs/environment.pre.ts
index 94f745b7..0449f0d0 100644
--- a/src/environments/eascs/environment.pre.ts
+++ b/src/environments/eascs/environment.pre.ts
@@ -4,7 +4,7 @@ export const environment = {
   production: true,
   useHash: true,
   api: {
-    baseUrl: 'https://scm-api-pre.eascs.com',
+    baseUrl: 'https://tms-api-test.eascs.com',
     refreshTokenEnabled: false,
     refreshTokenType: 'auth-refresh',
   },
diff --git a/src/environments/eascs/environment.prod.ts b/src/environments/eascs/environment.prod.ts
index 25a7ea67..fe8247ae 100644
--- a/src/environments/eascs/environment.prod.ts
+++ b/src/environments/eascs/environment.prod.ts
@@ -1,11 +1,30 @@
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-08 13:38:19
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-19 09:23:10
+ * @FilePath     : \\tms-obc-web\\src\\environments\\eascs\\environment.prod.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
 import { Environment } from '@delon/theme';
 
 export const environment = {
   production: true,
   useHash: true,
   api: {
-    baseUrl: 'https://scm-api.eascs.com',
+    baseUrl: 'https://tms-api-test.eascs.com',
     refreshTokenEnabled: false,
     refreshTokenType: 'auth-refresh',
   },
+  pro: {
+    theme: 'dark',
+    menu: 'side',
+    contentWidth: 'fluid',
+    fixedHeader: true,
+    autoHideHeader: false,
+    fixSiderbar: true,
+    onlyIcon: false,
+  }
 } as Environment;
diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts
index 327f2f04..2a6fbc82 100644
--- a/src/environments/environment.prod.ts
+++ b/src/environments/environment.prod.ts
@@ -4,7 +4,7 @@ export const environment = {
   production: true,
   useHash: true,
   api: {
-    baseUrl: './',
+    baseUrl: 'https://tms-api-test.eascs.com',
     refreshTokenEnabled: true,
     refreshTokenType: 'auth-refresh'
   }
diff --git a/src/environments/environment.service.ts b/src/environments/environment.service.ts
index 935f7425..49800234 100644
--- a/src/environments/environment.service.ts
+++ b/src/environments/environment.service.ts
@@ -1,8 +1,8 @@
 /*
  * @Author: Maple
  * @Date: 2021-03-22 09:50:07
- * @LastEditors: Do not edit
- * @LastEditTime: 2021-05-27 11:37:17
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-20 16:54:57
  * @Description:全局环境服务
  */
 import { Injectable } from '@angular/core';
@@ -11,8 +11,12 @@ import { Injectable } from '@angular/core';
   providedIn: 'root',
 })
 export class EnvironmentService {
-  // 应用ID
-  private appId = `D40B4EFC33FC4803864934872A11B0CE`;
+  // 运多星运营管理后台应用ID
+  private appId = `5800BF51DC9A494489700F09E3B81520`;
+  // 运多星货主后台应用ID
+  private HzappId = `A48F72F0A304427F921794BAD86B3522`;
+  // 运多星司机应用ID
+  private sjappId = `AB5EDFE8A46D46EBA69F2CBB6C94D226`;
   // 租户ID
   private tenantId = `1352892699355607041`;
   private env: { appId: string; tenantId: string } = { appId: this.appId, tenantId: this.tenantId };
diff --git a/src/favicon.ico b/src/favicon.ico
index 5fdadf51..11873244 100644
Binary files a/src/favicon.ico and b/src/favicon.ico differ
diff --git a/src/index.html b/src/index.html
index 73df0de3..3afb9aef 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,48 +1,85 @@
+<!--
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-12-08 13:38:19
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-01-18 17:14:09
+ * @FilePath     : \\tms-obc-web\\src\\index.html
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+-->
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8" />
-    <title>Ng Alain Pro</title>
-    <base href="/" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta http-equiv="x-ua-compatible" content="ie=edge" />
-    <link rel="icon" type="image/x-icon" href="favicon.ico" />
-    <!-- Apple Touch Icon -->
-    <!-- <link rel="apple-touch-icon" href="custom-icon.png"> -->
-    <style type="text/css">
-      .preloader {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        overflow: hidden;
-        background: #f5f5f5;
-        z-index: 9999;
-        transition: opacity 0.65s;
-      }
-      .preloader-hidden-add {
-        opacity: 1;
-        display: block;
-      }
-      .preloader-hidden-add-active {
-        opacity: 0;
-      }
-      .preloader-hidden {
-        display: none;
-      }
-    </style>
-  </head>
 
-  <body theme-name="pro" theme-version="12.0.0">
-    <app-root></app-root>
-    <div class="preloader">
-      <div class="page-loading ant-spin ant-spin-lg ant-spin-spinning">
-        <span class="ant-spin-dot ant-spin-dot-spin"
-          ><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i
-          ><i class="ant-spin-dot-item"></i
-        ></span>
-      </div>
+<head>
+  <meta charset="utf-8" />
+  <title>运多星运营平台</title>
+  <base href="/" />
+  <!-- <meta name="viewport" content="width=device-width, initial-scale=0.3" /> -->
+  <meta http-equiv="x-ua-compatible" content="ie=edge" />
+  <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  <link rel="stylesheet" href="https://at.alicdn.com/t/font_3153207_udngwyp35db.css" />
+  <!-- Apple Touch Icon -->
+  <!-- <link rel="apple-touch-icon" href="custom-icon.png"> -->
+  <style type="text/css" id="css">
+    .preloader {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+      background: #f5f5f5;
+      z-index: 9999;
+      transition: opacity 0.65s;
+    }
+
+    .preloader-hidden-add {
+      opacity: 1;
+      display: block;
+    }
+
+    .preloader-hidden-add-active {
+      opacity: 0;
+    }
+
+    .preloader-hidden {
+      display: none;
+    }
+  </style>
+</head>
+
+<body theme-name="pro" theme-version="12.0.0">
+  <app-root></app-root>
+  <div class="preloader">
+    <div class="page-loading ant-spin ant-spin-lg ant-spin-spinning">
+      <span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i
+          class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span>
     </div>
-  </body>
+  </div>
+</body>
+
 </html>
+<script type="text/javascript">
+  window._AMapSecurityConfig = {
+    securityJsCode: 'dde4610c3bd04617b99fb55ba5adbe9d',
+  }
+
+  var zoom = window.devicePixelRatio || window.screen.deviceXDPI / window.screen.logicalXDPI;
+
+  // if (!!window.ActiveXObject || "ActiveXObject" in window) {
+  //   if (zoom != 1 && zoom != 2 && zoom != 3) {
+  //     alert('系统检测到您的设备对显示进行放大，可能导致页面显示不全,请调整后打开/或使用其他浏览器！')
+  //   }
+  // } else {
+  //   if (document.body.clientWidth >= 1280) {
+  //     if (zoom != 1 && zoom != 2 && zoom != 3) {
+  //       var c = document.querySelector('body');
+  //       // c.style.zoom = -0.62 * zoom + 1.65;
+
+  //     }
+  //   }
+  // }
+</script>
+<!-- <script type="text/javascript" src='//webapi.amap.com/maps?v=2.0&key=63f9573ca55fef2b92d4ffe0c85dea8f'></script>
+<script src="//webapi.amap.com/ui/1.1/main.js?v=1.1.1"></script> -->
\ No newline at end of file
diff --git a/src/style-icons-auto.ts b/src/style-icons-auto.ts
index 1fda870f..eaf98e2d 100644
--- a/src/style-icons-auto.ts
+++ b/src/style-icons-auto.ts
@@ -51,7 +51,17 @@ import {
   TrophyOutline,
   UsbOutline,
   UserOutline,
-  WeiboCircleOutline
+  WeiboCircleOutline,
+  EyeInvisibleOutline,
+  MoreOutline,
+  MenuOutline,
+  SwapOutline,
+  EyeFill,
+  EyeInvisibleFill,
+  SolutionOutline,
+  MinusCircleOutline,
+  FileTwoTone,
+  CloudDownloadOutline,
 } from '@ant-design/icons-angular/icons';
 
 export const ICONS_AUTO = [
@@ -102,5 +112,15 @@ export const ICONS_AUTO = [
   TrophyOutline,
   UsbOutline,
   UserOutline,
-  WeiboCircleOutline
+  WeiboCircleOutline,
+  EyeInvisibleOutline,
+  MoreOutline,
+  MenuOutline,
+  EyeFill,
+  EyeInvisibleFill,
+  SwapOutline,
+  SolutionOutline,
+  MinusCircleOutline,
+  FileTwoTone,
+  CloudDownloadOutline,
 ];
diff --git a/src/style-icons.ts b/src/style-icons.ts
index d6dff4dc..8d5a1bc7 100644
--- a/src/style-icons.ts
+++ b/src/style-icons.ts
@@ -1,5 +1,13 @@
-// Custom icon static resources
-
+/*
+ * @Description  : 
+ * @Version      : 1.0
+ * @Author       : Shiming
+ * @Date         : 2021-11-29 20:03:55
+ * @LastEditors  : Shiming
+ * @LastEditTime : 2022-02-15 16:33:08
+ * @FilePath     : \\tms-obc-web\\src\\style-icons.ts
+ * Copyright (C) 2022 huzhenhong. All rights reserved.
+ */
 import {
   BulbOutline,
   ExceptionOutline,
@@ -7,7 +15,43 @@ import {
   FolderOutline,
   InfoOutline,
   LinkOutline,
-  ProfileOutline
+  ProfileOutline,
+  MobileOutline,
+  UserAddOutline,
+  SolutionOutline,
+  QuestionCircleOutline,
+  CheckCircleOutline,
+  QuestionCircleFill,
+  LeftOutline,
+  FileDoneOutline,
+  MenuOutline,
+  SwapOutline,
+  EnvironmentOutline,
+  ExclamationCircleOutline,
+  FileTwoTone,
+  PictureTwoTone
 } from '@ant-design/icons-angular/icons';
 
-export const ICONS = [InfoOutline, BulbOutline, ProfileOutline, ExceptionOutline, LinkOutline, FolderOutline, FileZipOutline];
+export const ICONS = [
+  InfoOutline,
+  BulbOutline,
+  ProfileOutline,
+  ExceptionOutline,
+  LinkOutline,
+  FolderOutline,
+  FileZipOutline,
+  MobileOutline,
+  UserAddOutline,
+  SolutionOutline,
+  QuestionCircleOutline,
+  CheckCircleOutline,
+  QuestionCircleFill,
+  LeftOutline,
+  FileDoneOutline,
+  MenuOutline,
+  SwapOutline,
+  EnvironmentOutline,
+  ExclamationCircleOutline,
+  FileTwoTone,
+  PictureTwoTone
+];
diff --git a/src/styles.less b/src/styles.less
index de0c513b..626d0385 100644
--- a/src/styles.less
+++ b/src/styles.less
@@ -6,8 +6,101 @@
 @import './styles/index';
 @import './styles/theme';
 
+.icon {
+  width       : 18px;
+  fill        : currentColor;
+  overflow    : hidden;
+  font-size   : 18px !important;
+  color       : #ffffff;
+  margin-right: 10px;
+}
 
-// .page-header {
-//     margin-left: -24px;
-//     margin-top : -24px;
-// }
\ No newline at end of file
+@layout-gutter: 8px;
+
+/* 全局滚动条美化 */
+*::-webkit-scrollbar {
+  width : (@layout-gutter);
+  height: (@layout-gutter);
+}
+
+*::-webkit-scrollbar-thumb {
+  background   : #d9d9d9;
+  cursor       : pointer;
+  border-radius: (@layout-gutter) / 2;
+}
+
+/* 全局隐藏input-number上下箭头 谷歌*/
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+}
+
+/* 全局隐藏input-number上下箭头 火狐*/
+input[type="number"] {
+  -moz-appearance: textfield;
+}
+
+.alain-pro__sider-logo {
+  padding-left: 12px;
+}
+
+.break-word-all {
+  word-break: break-all;
+  word-wrap : break-word;
+}
+
+st {
+  .block-td {
+    .ant-divider-vertical {
+      display    : none;
+      margin     : 0;
+      border-left: none;
+    }
+
+    st-td {
+      span>a {
+        display: block;
+      }
+    }
+  }
+}
+
+nz-range-picker {
+  width: 100%;
+    word-break: break-all;
+    word-wrap : break-word;
+}
+
+.ant-select-tree .ant-select-tree-treenode-disabled {
+    .ant-select-tree-checkbox {
+        margin: 0;
+
+        .ant-select-tree-checkbox-inner {
+            width       : 0px;
+            border-color: #ffffff !important;
+        }
+    }
+
+    .ant-select-tree-node-content-wrapper {
+        color : unset;
+        cursor: not-allowed;
+    }
+}
+
+.area-tree-select {
+    .ant-select-tree .ant-select-tree-treenode-disabled {
+        .ant-select-tree-checkbox {
+            margin: 0;
+
+            .ant-select-tree-checkbox-inner {
+                width       : 0px;
+                border-color: #ffffff !important;
+            }
+        }
+
+        .ant-select-tree-node-content-wrapper {
+            color : unset;
+            cursor: not-allowed;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/styles/compact.less b/src/styles/compact.less
new file mode 100644
index 00000000..1fb4892b
--- /dev/null
+++ b/src/styles/compact.less
@@ -0,0 +1,112 @@
+.alain-pro__sider-logo h1 {
+    font-size: 15px !important;
+}
+
+.page-header__title {
+    font-size: 14px !important;
+}
+
+.alain-pro__body {
+    margin: 12px 12px 0px !important;
+}
+
+.alain-pro__page-header-content {
+    margin: 8px 8px 0 !important;
+}
+
+.ant-card {
+    margin-bottom: 8px !important;
+}
+
+.ant-table tfoot>tr>td,
+.ant-table tfoot>tr>th,
+.ant-table-tbody>tr>td,
+.ant-table-thead>tr>th {
+    padding: 6px 10px;
+}
+
+.alain-pro__page-header-wrapper {
+    margin: 0 !important
+}
+
+.alain-pro__menu-icon {
+    margin   : 3px 5px 0 0;
+    font-size: 14px !important;
+}
+
+.sf__compact .ant-form-item {
+    margin-top   : 4px !important;
+    margin-bottom: 4px !important;
+}
+
+.body-box {
+    max-width: 760px !important;
+
+    .box-content {
+        height: 77% !important;
+    }
+}
+
+.login-logo {
+    width : 250px !important;
+    height: 100% !important;
+}
+
+.ant-tabs-tab-btn {
+    font-size: 18px !important;
+}
+
+.login-box-content {
+    max-width: 300px !important;
+    height   : 100% !important;
+    padding  : 58px 0 38px !important;
+}
+
+.total-footer {
+    bottom: 10px !important;
+}
+
+.ant-layout-header {
+    height     : 44px;
+    padding    : 0 25px;
+    line-height: 44px;
+
+    img {
+        width: 22px
+    }
+
+    .title {
+        font-size: 14px;
+    }
+}
+
+.ant-tabs-tab-btn {
+    font-size: 14px !important;
+}
+
+.ant-row {
+    margin-left : 0px !important;
+    margin-right: 0px !important;
+}
+
+h2 {
+    font-size: 16px !important;
+}
+
+.sv__container {
+    padding: 0 !important;
+}
+
+.alain-pro__menu-side .alain-pro__main .affix {
+    top : 0 !important;
+    left: 215px !important;
+}
+
+.table-box {
+    margin: -12px -12px 0 !important;
+
+    .ant-tabs-tab {
+        padding: 12px 0px !important;
+        margin : 0 0 0 16px !important;
+    }
+}
\ No newline at end of file
diff --git a/src/styles/default.less b/src/styles/default.less
new file mode 100644
index 00000000..cddb5a22
--- /dev/null
+++ b/src/styles/default.less
@@ -0,0 +1,2 @@
+@import '../app/layout/pro/styles/theme-default.less';
+@import './fix/theme-default.less';
diff --git a/src/styles/fix/theme-compact.less b/src/styles/fix/theme-compact.less
index f8a7cd7a..13d0af18 100644
--- a/src/styles/fix/theme-compact.less
+++ b/src/styles/fix/theme-compact.less
@@ -1 +1,2 @@
 @import './theme-default.less';
+
diff --git a/src/styles/index.less b/src/styles/index.less
index c69234ef..7b1e6a6f 100644
--- a/src/styles/index.less
+++ b/src/styles/index.less
@@ -1,3 +1,9 @@
 /* You can add global styles to this file, and also import other style files */
 
-@import './fix/index';
\ No newline at end of file
+@import './fix/index';
+.error-color {
+    color: #ff4d4f;
+}
+
+@primary-color: #F5222D;
+@font-size-base: 15px;
\ No newline at end of file
diff --git a/src/styles/theme.less b/src/styles/theme.less
index 89ff4bdd..ae6c6f8c 100644
--- a/src/styles/theme.less
+++ b/src/styles/theme.less
@@ -8,3 +8,14 @@
 // ==========Custom brand visual color==========
 
 // ==========Custom brand visual color==========
+
+.error-color {
+  color: #ff4d4f;
+}
+
+@primary-color : #F5222D;
+@font-size-base: 15px;
+
+// .page-header__title {
+//     display: none;
+// }